Skip to content

Commit 23c89f9

Browse files
authored
feat: update to UI5 Web Components v2.13.1 (#7621)
1 parent e4b1666 commit 23c89f9

File tree

39 files changed

+972
-285
lines changed

39 files changed

+972
-285
lines changed

.storybook/custom-element-manifests/ai.json

Lines changed: 27 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -95,6 +95,24 @@
9595
"privacy": "public",
9696
"_ui5since": "2.6.0",
9797
"_ui5noAttribute": true
98+
},
99+
{
100+
"kind": "field",
101+
"name": "accessibilityAttributes",
102+
"type": {
103+
"text": "AIButtonAccessibilityAttributes",
104+
"references": [
105+
{
106+
"name": "AIButtonAccessibilityAttributes",
107+
"package": "@ui5/webcomponents-ai",
108+
"module": "dist/Button.js"
109+
}
110+
]
111+
},
112+
"default": "{}",
113+
"description": "Defines the additional accessibility attributes that will be applied to the component.\n\nThis property allows for fine-tuned control of ARIA attributes for screen reader support.\nIt accepts an object with the following optional fields:\n\n- **root**: Accessibility attributes that will be applied to the root element.\n - **hasPopup**: Indicates the availability and type of interactive popup element (such as a menu or dialog).\n Accepts string values: `\"dialog\"`, `\"grid\"`, `\"listbox\"`, `\"menu\"`, or `\"tree\"`.\n - **roleDescription**: Defines a human-readable description for the button's role.\n Accepts any string value.\n\n- **arrowButton**: Accessibility attributes that will be applied to the arrow (split) button element.\n - **hasPopup**: Indicates the type of popup triggered by the arrow button.\n Accepts string values: `\"dialog\"`, `\"grid\"`, `\"listbox\"`, `\"menu\"`, or `\"tree\"`.\n - **expanded**: Indicates whether the popup controlled by the arrow button is currently expanded.\n Accepts boolean values: `true` or `false`.",
114+
"privacy": "public",
115+
"_ui5since": "2.6.0"
98116
}
99117
],
100118
"events": [
@@ -157,6 +175,15 @@
157175
"type": {
158176
"text": "boolean"
159177
}
178+
},
179+
{
180+
"description": "Defines the additional accessibility attributes that will be applied to the component.\n\nThis property allows for fine-tuned control of ARIA attributes for screen reader support.\nIt accepts an object with the following optional fields:\n\n- **root**: Accessibility attributes that will be applied to the root element.\n - **hasPopup**: Indicates the availability and type of interactive popup element (such as a menu or dialog).\n Accepts string values: `\"dialog\"`, `\"grid\"`, `\"listbox\"`, `\"menu\"`, or `\"tree\"`.\n - **roleDescription**: Defines a human-readable description for the button's role.\n Accepts any string value.\n\n- **arrowButton**: Accessibility attributes that will be applied to the arrow (split) button element.\n - **hasPopup**: Indicates the type of popup triggered by the arrow button.\n Accepts string values: `\"dialog\"`, `\"grid\"`, `\"listbox\"`, `\"menu\"`, or `\"tree\"`.\n - **expanded**: Indicates whether the popup controlled by the arrow button is currently expanded.\n Accepts boolean values: `true` or `false`.",
181+
"name": "accessibility-attributes",
182+
"default": "{}",
183+
"fieldName": "accessibilityAttributes",
184+
"type": {
185+
"text": "AIButtonAccessibilityAttributes"
186+
}
160187
}
161188
],
162189
"superclass": {

.storybook/custom-element-manifests/fiori.json

Lines changed: 165 additions & 109 deletions
Original file line numberDiff line numberDiff line change
@@ -4949,7 +4949,7 @@
49494949
"description": "Fired when the `Close` button is pressed.",
49504950
"_ui5Cancelable": false,
49514951
"_ui5allowPreventDefault": false,
4952-
"_ui5Bubbles": true,
4952+
"_ui5Bubbles": false,
49534953
"_ui5parameters": [
49544954
{
49554955
"type": {
@@ -5980,6 +5980,16 @@
59805980
"description": "Defines whether the search item is selected.",
59815981
"privacy": "public"
59825982
},
5983+
{
5984+
"kind": "field",
5985+
"name": "deletable",
5986+
"type": {
5987+
"text": "boolean"
5988+
},
5989+
"default": "false",
5990+
"description": "Defines whether the search item is deletable.",
5991+
"privacy": "public"
5992+
},
59835993
{
59845994
"kind": "field",
59855995
"name": "scopeName",
@@ -6041,6 +6051,15 @@
60416051
"text": "boolean"
60426052
}
60436053
},
6054+
{
6055+
"description": "Defines whether the search item is deletable.",
6056+
"name": "deletable",
6057+
"default": "false",
6058+
"fieldName": "deletable",
6059+
"type": {
6060+
"text": "boolean"
6061+
}
6062+
},
60446063
{
60456064
"description": "Defines the scope of the search item",
60466065
"name": "scope-name",
@@ -6120,6 +6139,24 @@
61206139
"description": "Defines the accessible name of the header.",
61216140
"privacy": "public",
61226141
"default": "undefined"
6142+
},
6143+
{
6144+
"kind": "field",
6145+
"name": "wrappingType",
6146+
"type": {
6147+
"text": "WrappingType",
6148+
"references": [
6149+
{
6150+
"name": "WrappingType",
6151+
"package": "@ui5/webcomponents",
6152+
"module": "dist/types/WrappingType.js"
6153+
}
6154+
]
6155+
},
6156+
"default": "\"None\"",
6157+
"description": "Defines if the text of the component should wrap when it's too long.\nWhen set to \"Normal\", the content (title, description) will be wrapped\nusing the `ui5-expandable-text` component.<br/>\n\nThe text can wrap up to 100 characters on small screens (size S) and\nup to 300 characters on larger screens (size M and above). When text exceeds\nthese limits, it truncates with an ellipsis followed by a text expansion trigger.\n\nAvailable options are:\n- `None` (default) - The text will truncate with an ellipsis.\n- `Normal` - The text will wrap (without truncation).",
6158+
"privacy": "public",
6159+
"_ui5since": "2.15.0"
61236160
}
61246161
],
61256162
"slots": [
@@ -7450,6 +7487,16 @@
74507487
"description": "Search field for the ShellBar component.",
74517488
"name": "ShellBarSearch",
74527489
"members": [
7490+
{
7491+
"kind": "field",
7492+
"name": "autoOpen",
7493+
"type": {
7494+
"text": "boolean"
7495+
},
7496+
"default": "false",
7497+
"description": "Indicates whether the suggestions popover should be opened on focus.",
7498+
"privacy": "public"
7499+
},
74537500
{
74547501
"kind": "field",
74557502
"name": "loading",
@@ -7563,6 +7610,121 @@
75637610
}
75647611
}
75657612
],
7613+
"attributes": [
7614+
{
7615+
"description": "Indicates whether the suggestions popover should be opened on focus.",
7616+
"name": "auto-open",
7617+
"default": "false",
7618+
"fieldName": "autoOpen",
7619+
"type": {
7620+
"text": "boolean"
7621+
}
7622+
},
7623+
{
7624+
"description": "Indicates whether a loading indicator should be shown in the popup.",
7625+
"name": "loading",
7626+
"default": "false",
7627+
"fieldName": "loading",
7628+
"type": {
7629+
"text": "boolean"
7630+
},
7631+
"inheritedFrom": {
7632+
"name": "Search",
7633+
"module": "dist/Search.js"
7634+
}
7635+
},
7636+
{
7637+
"description": "Defines whether the value will be autcompleted to match an item.",
7638+
"name": "no-typeahead",
7639+
"default": "false",
7640+
"fieldName": "noTypeahead",
7641+
"type": {
7642+
"text": "boolean"
7643+
},
7644+
"inheritedFrom": {
7645+
"name": "Search",
7646+
"module": "dist/Search.js"
7647+
}
7648+
},
7649+
{
7650+
"description": "Indicates whether the items picker is open.",
7651+
"name": "open",
7652+
"default": "false",
7653+
"fieldName": "open",
7654+
"type": {
7655+
"text": "boolean"
7656+
},
7657+
"inheritedFrom": {
7658+
"name": "Search",
7659+
"module": "dist/Search.js"
7660+
}
7661+
},
7662+
{
7663+
"description": "Defines whether the clear icon of the search will be shown.",
7664+
"name": "show-clear-icon",
7665+
"default": "false",
7666+
"fieldName": "showClearIcon",
7667+
"type": {
7668+
"text": "boolean"
7669+
},
7670+
"inheritedFrom": {
7671+
"name": "SearchField",
7672+
"module": "dist/SearchField.js"
7673+
}
7674+
},
7675+
{
7676+
"description": "Defines the value of the component.\n\n**Note:** The property is updated upon typing.",
7677+
"name": "value",
7678+
"default": "\"\"",
7679+
"fieldName": "value",
7680+
"type": {
7681+
"text": "string"
7682+
},
7683+
"inheritedFrom": {
7684+
"name": "SearchField",
7685+
"module": "dist/SearchField.js"
7686+
}
7687+
},
7688+
{
7689+
"description": "Defines a short hint intended to aid the user with data entry when the\ncomponent has no value.",
7690+
"name": "placeholder",
7691+
"default": "undefined",
7692+
"fieldName": "placeholder",
7693+
"type": {
7694+
"text": "string | undefined"
7695+
},
7696+
"inheritedFrom": {
7697+
"name": "SearchField",
7698+
"module": "dist/SearchField.js"
7699+
}
7700+
},
7701+
{
7702+
"description": "Defines the accessible ARIA name of the component.",
7703+
"name": "accessible-name",
7704+
"default": "undefined",
7705+
"fieldName": "accessibleName",
7706+
"type": {
7707+
"text": "string | undefined"
7708+
},
7709+
"inheritedFrom": {
7710+
"name": "SearchField",
7711+
"module": "dist/SearchField.js"
7712+
}
7713+
},
7714+
{
7715+
"description": "Defines the accessible ARIA description of the field.",
7716+
"name": "accessible-description",
7717+
"default": "undefined",
7718+
"fieldName": "accessibleDescription",
7719+
"type": {
7720+
"text": "string | undefined"
7721+
},
7722+
"inheritedFrom": {
7723+
"name": "SearchField",
7724+
"module": "dist/SearchField.js"
7725+
}
7726+
}
7727+
],
75667728
"superclass": {
75677729
"name": "Search",
75687730
"package": "@ui5/webcomponents-fiori",
@@ -7684,112 +7846,6 @@
76847846
}
76857847
}
76867848
],
7687-
"attributes": [
7688-
{
7689-
"description": "Indicates whether a loading indicator should be shown in the popup.",
7690-
"name": "loading",
7691-
"default": "false",
7692-
"fieldName": "loading",
7693-
"type": {
7694-
"text": "boolean"
7695-
},
7696-
"inheritedFrom": {
7697-
"name": "Search",
7698-
"module": "dist/Search.js"
7699-
}
7700-
},
7701-
{
7702-
"description": "Defines whether the value will be autcompleted to match an item.",
7703-
"name": "no-typeahead",
7704-
"default": "false",
7705-
"fieldName": "noTypeahead",
7706-
"type": {
7707-
"text": "boolean"
7708-
},
7709-
"inheritedFrom": {
7710-
"name": "Search",
7711-
"module": "dist/Search.js"
7712-
}
7713-
},
7714-
{
7715-
"description": "Indicates whether the items picker is open.",
7716-
"name": "open",
7717-
"default": "false",
7718-
"fieldName": "open",
7719-
"type": {
7720-
"text": "boolean"
7721-
},
7722-
"inheritedFrom": {
7723-
"name": "Search",
7724-
"module": "dist/Search.js"
7725-
}
7726-
},
7727-
{
7728-
"description": "Defines whether the clear icon of the search will be shown.",
7729-
"name": "show-clear-icon",
7730-
"default": "false",
7731-
"fieldName": "showClearIcon",
7732-
"type": {
7733-
"text": "boolean"
7734-
},
7735-
"inheritedFrom": {
7736-
"name": "SearchField",
7737-
"module": "dist/SearchField.js"
7738-
}
7739-
},
7740-
{
7741-
"description": "Defines the value of the component.\n\n**Note:** The property is updated upon typing.",
7742-
"name": "value",
7743-
"default": "\"\"",
7744-
"fieldName": "value",
7745-
"type": {
7746-
"text": "string"
7747-
},
7748-
"inheritedFrom": {
7749-
"name": "SearchField",
7750-
"module": "dist/SearchField.js"
7751-
}
7752-
},
7753-
{
7754-
"description": "Defines a short hint intended to aid the user with data entry when the\ncomponent has no value.",
7755-
"name": "placeholder",
7756-
"default": "undefined",
7757-
"fieldName": "placeholder",
7758-
"type": {
7759-
"text": "string | undefined"
7760-
},
7761-
"inheritedFrom": {
7762-
"name": "SearchField",
7763-
"module": "dist/SearchField.js"
7764-
}
7765-
},
7766-
{
7767-
"description": "Defines the accessible ARIA name of the component.",
7768-
"name": "accessible-name",
7769-
"default": "undefined",
7770-
"fieldName": "accessibleName",
7771-
"type": {
7772-
"text": "string | undefined"
7773-
},
7774-
"inheritedFrom": {
7775-
"name": "SearchField",
7776-
"module": "dist/SearchField.js"
7777-
}
7778-
},
7779-
{
7780-
"description": "Defines the accessible ARIA description of the field.",
7781-
"name": "accessible-description",
7782-
"default": "undefined",
7783-
"fieldName": "accessibleDescription",
7784-
"type": {
7785-
"text": "string | undefined"
7786-
},
7787-
"inheritedFrom": {
7788-
"name": "SearchField",
7789-
"module": "dist/SearchField.js"
7790-
}
7791-
}
7792-
],
77937849
"events": [
77947850
{
77957851
"name": "open",
@@ -10777,7 +10833,7 @@
1077710833
"kind": "field",
1077810834
"name": "opener",
1077910835
"type": {
10780-
"text": "HTMLElement | string | undefined"
10836+
"text": "HTMLElement | string | null | undefined"
1078110837
},
1078210838
"description": "Defines the ID or DOM Reference of the element at which the user menu is shown.\nWhen using this attribute in a declarative way, you must only use the `id` (as a string) of the element at which you want to show the popover.\nYou can only set the `opener` attribute to a DOM Reference when using JavaScript.",
1078310839
"privacy": "public",
@@ -10997,7 +11053,7 @@
1099711053
"default": "undefined",
1099811054
"fieldName": "opener",
1099911055
"type": {
11000-
"text": "string | HTMLElement | undefined"
11056+
"text": "string | HTMLElement | null | undefined"
1100111057
}
1100211058
},
1100311059
{

0 commit comments

Comments
 (0)