From 5be03197ff27d61921ce06c013e028a71bc704f3 Mon Sep 17 00:00:00 2001 From: Marcus Notheis Date: Wed, 4 Sep 2024 15:39:20 +0200 Subject: [PATCH] feat: update to UI5 Web Components ~2.2.0 (#6312) --- .../custom-element-manifests/fiori.json | 2 +- .storybook/custom-element-manifests/main.json | 442 +++++++++++++++++- package.json | 10 +- packages/base/package.json | 2 +- packages/charts/package.json | 4 +- packages/compat/package.json | 5 +- packages/main/package.json | 8 +- .../main/src/webComponents/Calendar/index.tsx | 20 +- .../src/webComponents/DatePicker/index.tsx | 11 + .../webComponents/DateRangePicker/index.tsx | 11 + .../webComponents/DateTimePicker/index.tsx | 11 + .../src/webComponents/FileUploader/index.tsx | 29 +- .../FlexibleColumnLayout/index.tsx | 2 +- .../webComponents/TableHeaderRow/index.tsx | 3 +- .../main/src/webComponents/Text/index.tsx | 11 +- yarn.lock | 170 ++++--- 16 files changed, 638 insertions(+), 103 deletions(-) diff --git a/.storybook/custom-element-manifests/fiori.json b/.storybook/custom-element-manifests/fiori.json index efd4c690a2b..0c8ad914fc5 100644 --- a/.storybook/custom-element-manifests/fiori.json +++ b/.storybook/custom-element-manifests/fiori.json @@ -2848,7 +2848,7 @@ "declarations": [ { "kind": "class", - "description": "### Overview\n\nThe `FlexibleColumnLayout` implements the list-detail-detail paradigm by displaying up to three pages in separate columns.\nThere are several possible layouts that can be changed either with the component API, or by dragging the column separators.\n\n### Usage\n\nUse this component for applications that need to display several logical levels of related information side by side (e.g. list of items, item, sub-item, etc.).\nThe Component is flexible in a sense that the application can focus the user's attention on one particular column.\n\n### Responsive Behavior\n\nThe `FlexibleColumnLayout` automatically displays the maximum possible number of columns based on `layout` property and the window size.\nThe component would display 1 column for window size smaller than 599px, up to two columns between 599px and 1023px,\nand 3 columns for sizes bigger than 1023px.\n\n**Note:** When the component displays more than one column, the minimal width of each column is 312px. Consequently, when the user drags a column separator to resize the columns, the minimal allowed width of any resized column is 312px.\n\n### Keyboard Handling\n\n#### Basic Navigation\n\nWhen a column separator is focused, the following keyboard\nshortcuts allow the user to resize the columns and change the layout:\n\n- [Shift] + [Left] or [Shift] + [Right] - Moves the separator to the left or right, which resizes the columns accordingly.\n- [Left] or [Right] - Moves the separator to the left or right with a bigger step, which resizes the columns accordingly.\n- [Home] - Moves the separator to the start position.\n- [End] - Moves the separator to the end position.\n- This component provides a build in fast navigation group which can be used via [F6] / [Shift] + [F6] / [Ctrl] + [Alt/Option] / [Down] or [Ctrl] + [Alt/Option] + [Up].\nIn order to use this functionality, you need to import the following module:\n`import \"@ui5/webcomponents-base/dist/features/F6Navigation.js\"`\n\n#### Fast Navigation\nThis component provides a build in fast navigation group which can be used via [F6] / [Shift] + [F6] / [Ctrl] + [Alt/Option] / [Down] or [Ctrl] + [Alt/Option] + [Up].\nIn order to use this functionality, you need to import the following module:\n`import \"@ui5/webcomponents-base/dist/features/F6Navigation.js\"`\n\n### ES6 Module Import\n\n`import \"@ui5/webcomponents-fiori/dist/FlexibleColumnLayout.js\";`", + "description": "### Overview\n\nThe `FlexibleColumnLayout` implements the list-detail-detail paradigm by displaying up to three pages in separate columns.\nThere are several possible layouts that can be changed either with the component API, or by dragging the column separators.\n\n### Usage\n\nUse this component for applications that need to display several logical levels of related information side by side (e.g. list of items, item, sub-item, etc.).\nThe Component is flexible in a sense that the application can focus the user's attention on one particular column.\n\n### Responsive Behavior\n\nThe `FlexibleColumnLayout` automatically displays the maximum possible number of columns based on `layout` property and the window size.\nThe component would display 1 column for window size smaller than 599px, up to two columns between 599px and 1023px,\nand 3 columns for sizes bigger than 1023px.\n\n**Note:** When the component displays more than one column, the minimal width of each column is 248px. Consequently, when the user drags a column separator to resize the columns, the minimal allowed width of any resized column is 248px.\n\n### Keyboard Handling\n\n#### Basic Navigation\n\nWhen a column separator is focused, the following keyboard\nshortcuts allow the user to resize the columns and change the layout:\n\n- [Shift] + [Left] or [Shift] + [Right] - Moves the separator to the left or right, which resizes the columns accordingly.\n- [Left] or [Right] - Moves the separator to the left or right with a bigger step, which resizes the columns accordingly.\n- [Home] - Moves the separator to the start position.\n- [End] - Moves the separator to the end position.\n- This component provides a build in fast navigation group which can be used via [F6] / [Shift] + [F6] / [Ctrl] + [Alt/Option] / [Down] or [Ctrl] + [Alt/Option] + [Up].\nIn order to use this functionality, you need to import the following module:\n`import \"@ui5/webcomponents-base/dist/features/F6Navigation.js\"`\n\n#### Fast Navigation\nThis component provides a build in fast navigation group which can be used via [F6] / [Shift] + [F6] / [Ctrl] + [Alt/Option] / [Down] or [Ctrl] + [Alt/Option] + [Up].\nIn order to use this functionality, you need to import the following module:\n`import \"@ui5/webcomponents-base/dist/features/F6Navigation.js\"`\n\n### ES6 Module Import\n\n`import \"@ui5/webcomponents-fiori/dist/FlexibleColumnLayout.js\";`", "name": "FlexibleColumnLayout", "slots": [ { diff --git a/.storybook/custom-element-manifests/main.json b/.storybook/custom-element-manifests/main.json index afebbc037e3..deb226175c2 100644 --- a/.storybook/custom-element-manifests/main.json +++ b/.storybook/custom-element-manifests/main.json @@ -1151,6 +1151,67 @@ } ] }, + { + "kind": "javascript-module", + "path": "dist/types/CalendarWeekNumbering.js", + "declarations": [ + { + "kind": "enum", + "name": "CalendarWeekNumbering", + "description": "The CalendarWeekNumbering enum defines how to calculate calendar weeks. Each\nvalue defines:\n- The first day of the week,\n- The first week of the year.", + "_ui5privacy": "public", + "_ui5since": "2.2.0", + "members": [ + { + "kind": "field", + "static": true, + "privacy": "public", + "description": "The default calendar week numbering:\n\nThe framework determines the week numbering scheme; currently it is derived from the\nactive format locale. Future versions of ui5-webcomponents might select a different week numbering\nscheme.", + "default": "Default", + "name": "Default", + "readonly": true + }, + { + "kind": "field", + "static": true, + "privacy": "public", + "description": "Official calendar week numbering in most of Europe (ISO 8601 standard):\nMonday is first day of the week, the week containing January 4th is first week of the year.", + "default": "ISO_8601", + "name": "ISO_8601", + "readonly": true + }, + { + "kind": "field", + "static": true, + "privacy": "public", + "description": "Official calendar week numbering in much of the Middle East (Middle Eastern calendar):\nSaturday is first day of the week, the week containing January 1st is first week of the year.", + "default": "MiddleEastern", + "name": "MiddleEastern", + "readonly": true + }, + { + "kind": "field", + "static": true, + "privacy": "public", + "description": "Official calendar week numbering in the United States, Canada, Brazil, Israel, Japan, and\nother countries (Western traditional calendar):\nSunday is first day of the week, the week containing January 1st is first week of the year.", + "default": "WesternTraditional", + "name": "WesternTraditional", + "readonly": true + } + ] + } + ], + "exports": [ + { + "kind": "js", + "name": "default", + "declaration": { + "name": "CalendarWeekNumbering", + "module": "dist/types/CalendarWeekNumbering.js" + } + } + ] + }, { "kind": "javascript-module", "path": "dist/types/CarouselArrowsPlacement.js", @@ -3048,6 +3109,48 @@ } ] }, + { + "kind": "javascript-module", + "path": "dist/types/TextEmptyIndicatorMode.js", + "declarations": [ + { + "kind": "enum", + "name": "EmptyIndicatorMode", + "description": "Empty Indicator Mode.", + "_ui5privacy": "public", + "members": [ + { + "kind": "field", + "static": true, + "privacy": "public", + "description": "Empty indicator is never rendered.", + "default": "Off", + "name": "Off", + "readonly": true + }, + { + "kind": "field", + "static": true, + "privacy": "public", + "description": "Empty indicator is rendered always when the component's content is empty.", + "default": "On", + "name": "On", + "readonly": true + } + ] + } + ], + "exports": [ + { + "kind": "js", + "name": "default", + "declaration": { + "name": "EmptyIndicatorMode", + "module": "dist/types/TextEmptyIndicatorMode.js" + } + } + ] + }, { "kind": "javascript-module", "path": "dist/types/TitleLevel.js", @@ -3409,6 +3512,12 @@ } ] }, + { + "kind": "javascript-module", + "path": "dist/Assets-fetch.js", + "declarations": [], + "exports": [] + }, { "kind": "javascript-module", "path": "dist/Assets.js", @@ -4846,6 +4955,10 @@ "description": "Used to style the month cells when selected.", "name": "month-cell-selected" }, + { + "description": "Used to style the day cells in between of selected months in range.", + "name": "month-cell-selected-between" + }, { "description": "Used to style the year cells.", "name": "year-cell" @@ -4853,6 +4966,10 @@ { "description": "Used to style the year cells when selected.", "name": "year-cell-selected" + }, + { + "description": "Used to style the day cells in between of selected years in range.", + "name": "year-cell-selected-between" } ], "slots": [ @@ -5019,6 +5136,28 @@ "name": "DateComponentBase", "module": "dist/DateComponentBase.js" } + }, + { + "kind": "field", + "name": "calendarWeekNumbering", + "type": { + "text": "CalendarWeekNumbering", + "references": [ + { + "name": "CalendarWeekNumbering", + "package": "@ui5/webcomponents", + "module": "dist/types/CalendarWeekNumbering.js" + } + ] + }, + "default": "\"Default\"", + "description": "Defines how to calculate calendar weeks and first day of the week.\nIf not set, the calendar will be displayed according to the currently set global configuration.", + "privacy": "public", + "_ui5since": "2.2.0", + "inheritedFrom": { + "name": "DateComponentBase", + "module": "dist/DateComponentBase.js" + } } ], "events": [ @@ -5140,6 +5279,19 @@ "name": "DateComponentBase", "module": "dist/DateComponentBase.js" } + }, + { + "description": "Defines how to calculate calendar weeks and first day of the week.\nIf not set, the calendar will be displayed according to the currently set global configuration.", + "name": "calendar-week-numbering", + "default": "\"Default\"", + "fieldName": "calendarWeekNumbering", + "type": { + "text": "\"Default\" | \"ISO_8601\" | \"MiddleEastern\" | \"WesternTraditional\"" + }, + "inheritedFrom": { + "name": "DateComponentBase", + "module": "dist/DateComponentBase.js" + } } ], "superclass": { @@ -5631,6 +5783,19 @@ "name": "DateComponentBase", "module": "dist/DateComponentBase.js" } + }, + { + "description": "Defines how to calculate calendar weeks and first day of the week.\nIf not set, the calendar will be displayed according to the currently set global configuration.", + "name": "calendar-week-numbering", + "default": "\"Default\"", + "fieldName": "calendarWeekNumbering", + "type": { + "text": "\"Default\" | \"ISO_8601\" | \"MiddleEastern\" | \"WesternTraditional\"" + }, + "inheritedFrom": { + "name": "DateComponentBase", + "module": "dist/DateComponentBase.js" + } } ], "members": [ @@ -5720,6 +5885,28 @@ "name": "DateComponentBase", "module": "dist/DateComponentBase.js" } + }, + { + "kind": "field", + "name": "calendarWeekNumbering", + "type": { + "text": "CalendarWeekNumbering", + "references": [ + { + "name": "CalendarWeekNumbering", + "package": "@ui5/webcomponents", + "module": "dist/types/CalendarWeekNumbering.js" + } + ] + }, + "default": "\"Default\"", + "description": "Defines how to calculate calendar weeks and first day of the week.\nIf not set, the calendar will be displayed according to the currently set global configuration.", + "privacy": "public", + "_ui5since": "2.2.0", + "inheritedFrom": { + "name": "DateComponentBase", + "module": "dist/DateComponentBase.js" + } } ] } @@ -7895,6 +8082,24 @@ "description": "Determines the maximum date available for selection.\n\n**Note:** If the formatPattern property is not set, the maxDate value must be provided in the ISO date format (YYYY-MM-dd).", "privacy": "public", "_ui5since": "1.0.0-rc.6" + }, + { + "kind": "field", + "name": "calendarWeekNumbering", + "type": { + "text": "CalendarWeekNumbering", + "references": [ + { + "name": "CalendarWeekNumbering", + "package": "@ui5/webcomponents", + "module": "dist/types/CalendarWeekNumbering.js" + } + ] + }, + "default": "\"Default\"", + "description": "Defines how to calculate calendar weeks and first day of the week.\nIf not set, the calendar will be displayed according to the currently set global configuration.", + "privacy": "public", + "_ui5since": "2.2.0" } ], "attributes": [ @@ -7942,6 +8147,15 @@ "type": { "text": "string" } + }, + { + "description": "Defines how to calculate calendar weeks and first day of the week.\nIf not set, the calendar will be displayed according to the currently set global configuration.", + "name": "calendar-week-numbering", + "default": "\"Default\"", + "fieldName": "calendarWeekNumbering", + "type": { + "text": "\"Default\" | \"ISO_8601\" | \"MiddleEastern\" | \"WesternTraditional\"" + } } ], "superclass": { @@ -8270,6 +8484,28 @@ "name": "DateComponentBase", "module": "dist/DateComponentBase.js" } + }, + { + "kind": "field", + "name": "calendarWeekNumbering", + "type": { + "text": "CalendarWeekNumbering", + "references": [ + { + "name": "CalendarWeekNumbering", + "package": "@ui5/webcomponents", + "module": "dist/types/CalendarWeekNumbering.js" + } + ] + }, + "default": "\"Default\"", + "description": "Defines how to calculate calendar weeks and first day of the week.\nIf not set, the calendar will be displayed according to the currently set global configuration.", + "privacy": "public", + "_ui5since": "2.2.0", + "inheritedFrom": { + "name": "DateComponentBase", + "module": "dist/DateComponentBase.js" + } } ], "events": [ @@ -8549,6 +8785,19 @@ "name": "DateComponentBase", "module": "dist/DateComponentBase.js" } + }, + { + "description": "Defines how to calculate calendar weeks and first day of the week.\nIf not set, the calendar will be displayed according to the currently set global configuration.", + "name": "calendar-week-numbering", + "default": "\"Default\"", + "fieldName": "calendarWeekNumbering", + "type": { + "text": "\"Default\" | \"ISO_8601\" | \"MiddleEastern\" | \"WesternTraditional\"" + }, + "inheritedFrom": { + "name": "DateComponentBase", + "module": "dist/DateComponentBase.js" + } } ], "superclass": { @@ -8977,6 +9226,28 @@ "name": "DateComponentBase", "module": "dist/DateComponentBase.js" } + }, + { + "kind": "field", + "name": "calendarWeekNumbering", + "type": { + "text": "CalendarWeekNumbering", + "references": [ + { + "name": "CalendarWeekNumbering", + "package": "@ui5/webcomponents", + "module": "dist/types/CalendarWeekNumbering.js" + } + ] + }, + "default": "\"Default\"", + "description": "Defines how to calculate calendar weeks and first day of the week.\nIf not set, the calendar will be displayed according to the currently set global configuration.", + "privacy": "public", + "_ui5since": "2.2.0", + "inheritedFrom": { + "name": "DateComponentBase", + "module": "dist/DateComponentBase.js" + } } ], "attributes": [ @@ -9236,6 +9507,19 @@ "name": "DateComponentBase", "module": "dist/DateComponentBase.js" } + }, + { + "description": "Defines how to calculate calendar weeks and first day of the week.\nIf not set, the calendar will be displayed according to the currently set global configuration.", + "name": "calendar-week-numbering", + "default": "\"Default\"", + "fieldName": "calendarWeekNumbering", + "type": { + "text": "\"Default\" | \"ISO_8601\" | \"MiddleEastern\" | \"WesternTraditional\"" + }, + "inheritedFrom": { + "name": "DateComponentBase", + "module": "dist/DateComponentBase.js" + } } ], "superclass": { @@ -9633,6 +9917,19 @@ "name": "DateComponentBase", "module": "dist/DateComponentBase.js" } + }, + { + "description": "Defines how to calculate calendar weeks and first day of the week.\nIf not set, the calendar will be displayed according to the currently set global configuration.", + "name": "calendar-week-numbering", + "default": "\"Default\"", + "fieldName": "calendarWeekNumbering", + "type": { + "text": "\"Default\" | \"ISO_8601\" | \"MiddleEastern\" | \"WesternTraditional\"" + }, + "inheritedFrom": { + "name": "DateComponentBase", + "module": "dist/DateComponentBase.js" + } } ], "members": [ @@ -9981,6 +10278,28 @@ "name": "DateComponentBase", "module": "dist/DateComponentBase.js" } + }, + { + "kind": "field", + "name": "calendarWeekNumbering", + "type": { + "text": "CalendarWeekNumbering", + "references": [ + { + "name": "CalendarWeekNumbering", + "package": "@ui5/webcomponents", + "module": "dist/types/CalendarWeekNumbering.js" + } + ] + }, + "default": "\"Default\"", + "description": "Defines how to calculate calendar weeks and first day of the week.\nIf not set, the calendar will be displayed according to the currently set global configuration.", + "privacy": "public", + "_ui5since": "2.2.0", + "inheritedFrom": { + "name": "DateComponentBase", + "module": "dist/DateComponentBase.js" + } } ], "events": [ @@ -10736,6 +11055,17 @@ "_ui5formProperty": true, "_ui5formEvents": "change" }, + { + "kind": "field", + "name": "maxFileSize", + "type": { + "text": "number | undefined" + }, + "description": "Defines the maximum file size in megabytes which prevents the upload if at least one file exceeds it.", + "default": "undefined", + "privacy": "public", + "_ui5since": "2.2.0" + }, { "kind": "field", "name": "valueState", @@ -10790,6 +11120,39 @@ "description": "The current files." } ] + }, + { + "name": "file-size-exceed", + "_ui5privacy": "public", + "type": { + "text": "CustomEvent", + "references": [ + { + "name": "FileUploaderFileSizeExceedEventDetail", + "package": "@ui5/webcomponents", + "module": "dist/FileUploader.js" + } + ] + }, + "description": "Event is fired when the size of a file is above the `maxFileSize` property value.", + "_ui5since": "2.2.0", + "_ui5parameters": [ + { + "type": { + "text": "Array", + "references": [ + { + "name": "FileData", + "package": "@ui5/webcomponents", + "module": "dist/FileUploader.js" + } + ] + }, + "name": "filesData", + "_ui5privacy": "public", + "description": "An array of `FileData` objects containing the`fileName` and `fileSize` in MB of each file that exceeds the upload limit." + } + ] } ], "attributes": [ @@ -10856,6 +11219,15 @@ "text": "string" } }, + { + "description": "Defines the maximum file size in megabytes which prevents the upload if at least one file exceeds it.", + "name": "max-file-size", + "default": "undefined", + "fieldName": "maxFileSize", + "type": { + "text": "number | undefined" + } + }, { "description": "Defines the value state of the component.", "name": "value-state", @@ -11493,6 +11865,20 @@ "kind": "class", "description": "### Overview\n\nThe `ui5-input` component allows the user to enter and edit text or numeric values in one line.\n\nAdditionally, you can provide `suggestionItems`,\nthat are displayed in a popover right under the input.\n\nThe text field can be editable or read-only (`readonly` property),\nand it can be enabled or disabled (`disabled` property).\nTo visualize semantic states, such as \"Negative\" or \"Critical\", the `valueState` property is provided.\nWhen the user makes changes to the text, the change event is fired,\nwhich enables you to react on any text change.\n\n**Note:** If you are using the `ui5-input` as a single npm module,\ndon't forget to import the `InputSuggestions` module from\n\"@ui5/webcomponents/dist/features/InputSuggestions.js\"\nto enable the suggestions functionality.\n\n### Keyboard Handling\nThe `ui5-input` provides the following keyboard shortcuts:\n\n- [Escape] - Closes the suggestion list, if open. If closed or not enabled, cancels changes and reverts to the value which the Input field had when it got the focus.\n- [Enter] or [Return] - If suggestion list is open takes over the current matching item and closes it. If value state or group header is focused, does nothing.\n- [Down] - Focuses the next matching item in the suggestion list. Selection-change event is fired.\n- [Up] - Focuses the previous matching item in the suggestion list. Selection-change event is fired.\n- [Home] - If focus is in the text input, moves caret before the first character. If focus is in the list, highlights the first item and updates the input accordingly.\n- [End] - If focus is in the text input, moves caret after the last character. If focus is in the list, highlights the last item and updates the input accordingly.\n- [Page Up] - If focus is in the list, moves highlight up by page size (10 items by default). If focus is in the input, does nothing.\n- [Page Down] - If focus is in the list, moves highlight down by page size (10 items by default). If focus is in the input, does nothing.\n\n### ES6 Module Import\n\n`import \"@ui5/webcomponents/dist/Input.js\";`\n\n`import \"@ui5/webcomponents/dist/features/InputSuggestions.js\";` (optional - for input suggestions support)", "name": "Input", + "cssParts": [ + { + "description": "Used to style the root DOM element of the Input component", + "name": "root" + }, + { + "description": "Used to style the native input element", + "name": "input" + }, + { + "description": "Used to style the clear icon, which can be pressed to clear user input text", + "name": "clear-icon" + } + ], "slots": [ { "name": "default", @@ -16555,7 +16941,21 @@ "tagName": "ui5-multi-input", "customElement": true, "_ui5since": "1.0.0-rc.9", - "_ui5privacy": "public" + "_ui5privacy": "public", + "cssParts": [ + { + "description": "Used to style the root DOM element of the Input component", + "name": "root" + }, + { + "description": "Used to style the native input element", + "name": "input" + }, + { + "description": "Used to style the clear icon, which can be pressed to clear user input text", + "name": "clear-icon" + } + ] } ], "exports": [ @@ -23466,13 +23866,13 @@ "text": "boolean" }, "default": "false", - "description": "Sticks the `ui5-table-header-row` to the top of a table.\n\nNote: If used in combination with overflowMode \"Scroll\", the table needs a defined height\nor needs to be inside of a container with a defined height for the sticky header to work as expected.", + "description": "Sticks the `ui5-table-header-row` to the top of a table.\n\nNote: If used in combination with overflowMode \"Scroll\", the table needs a defined height for the sticky header to work as expected.", "privacy": "public" } ], "attributes": [ { - "description": "Sticks the `ui5-table-header-row` to the top of a table.\n\nNote: If used in combination with overflowMode \"Scroll\", the table needs a defined height\nor needs to be inside of a container with a defined height for the sticky header to work as expected.", + "description": "Sticks the `ui5-table-header-row` to the top of a table.\n\nNote: If used in combination with overflowMode \"Scroll\", the table needs a defined height for the sticky header to work as expected.", "name": "sticky", "default": "false", "fieldName": "sticky", @@ -24015,6 +24415,15 @@ "_ui5type": { "text": "Array" } + }, + { + "name": "default", + "description": "Defines the text of the component.", + "_ui5propertyName": "text", + "_ui5type": { + "text": "Array" + }, + "_ui5privacy": "public" } ], "members": [ @@ -24027,6 +24436,24 @@ "default": "Infinity", "description": "Defines the number of lines the text should wrap before it truncates.", "privacy": "public" + }, + { + "kind": "field", + "name": "emptyIndicatorMode", + "type": { + "text": "EmptyIndicatorMode", + "references": [ + { + "name": "EmptyIndicatorMode", + "package": "@ui5/webcomponents", + "module": "dist/types/TextEmptyIndicatorMode.js" + } + ] + }, + "default": "\"Off\"", + "description": "Specifies if an empty indicator should be displayed when there is no text.", + "privacy": "public", + "_ui5since": "2.2.0" } ], "attributes": [ @@ -24038,6 +24465,15 @@ "type": { "text": "number" } + }, + { + "description": "Specifies if an empty indicator should be displayed when there is no text.", + "name": "empty-indicator-mode", + "default": "\"Off\"", + "fieldName": "emptyIndicatorMode", + "type": { + "text": "\"On\" | \"Off\"" + } } ], "superclass": { diff --git a/package.json b/package.json index 2504da61bab..7d878cf0089 100644 --- a/package.json +++ b/package.json @@ -39,10 +39,10 @@ "@storybook/react": "8.2.9", "@storybook/react-vite": "8.2.9", "@storybook/theming": "8.2.9", - "@ui5/webcomponents": "2.1.2", - "@ui5/webcomponents-compat": "2.1.2", - "@ui5/webcomponents-fiori": "2.1.2", - "@ui5/webcomponents-icons": "2.1.2", + "@ui5/webcomponents": "2.2.0", + "@ui5/webcomponents-compat": "2.2.0", + "@ui5/webcomponents-fiori": "2.2.0", + "@ui5/webcomponents-icons": "2.2.0", "react": "^18.3.1", "react-dom": "^18.3.1", "remark-gfm": "^4.0.0", @@ -64,7 +64,7 @@ "@types/use-sync-external-store": "^0.0.6", "@typescript-eslint/eslint-plugin": "^7.0.0", "@typescript-eslint/parser": "^7.0.0", - "@ui5/webcomponents-tools": "2.1.2", + "@ui5/webcomponents-tools": "2.2.0", "@vitejs/plugin-react": "^4.2.0", "chromatic": "^11.0.0", "cssnano": "^7.0.0", diff --git a/packages/base/package.json b/packages/base/package.json index 42a47a44c86..d014fc2289a 100644 --- a/packages/base/package.json +++ b/packages/base/package.json @@ -31,7 +31,7 @@ }, "peerDependencies": { "@types/react": "*", - "@ui5/webcomponents-base": "~2.1.2", + "@ui5/webcomponents-base": "~2.2.0", "react": "^18 || ^19" }, "peerDependenciesMeta": { diff --git a/packages/charts/package.json b/packages/charts/package.json index 1fecb0ed0c4..64413fa7cb4 100644 --- a/packages/charts/package.json +++ b/packages/charts/package.json @@ -39,8 +39,8 @@ "recharts": "2.12.7" }, "peerDependencies": { - "@ui5/webcomponents-react": "~2.0.0", - "@ui5/webcomponents-react-base": "~2.0.0", + "@ui5/webcomponents-react": "~2.1.0", + "@ui5/webcomponents-react-base": "~2.1.0", "react": "^18" }, "publishConfig": { diff --git a/packages/compat/package.json b/packages/compat/package.json index 2791384307e..d39f0f5ad9f 100644 --- a/packages/compat/package.json +++ b/packages/compat/package.json @@ -34,14 +34,13 @@ "watch:css": "yarn build:css --watch" }, "dependencies": { - "@ui5/webcomponents-react": "workspace:~", "clsx": "2.1.1" }, "peerDependencies": { "@types/react": "*", "@types/react-dom": "*", - "@ui5/webcomponents-compat": "~2.1.2", - "@ui5/webcomponents-react": "workspace:~", + "@ui5/webcomponents-compat": "~2.2.0", + "@ui5/webcomponents-react": "~2.1.0", "react": "^18 || ^19", "react-dom": "^18 || ^19" }, diff --git a/packages/main/package.json b/packages/main/package.json index 7df74c0f928..ed300c20ead 100644 --- a/packages/main/package.json +++ b/packages/main/package.json @@ -57,10 +57,10 @@ "peerDependencies": { "@types/react": "*", "@types/react-dom": "*", - "@ui5/webcomponents": "~2.1.2", - "@ui5/webcomponents-base": "~2.1.2", - "@ui5/webcomponents-fiori": "~2.1.2", - "@ui5/webcomponents-icons": "~2.1.2", + "@ui5/webcomponents": "~2.2.0", + "@ui5/webcomponents-base": "~2.2.0", + "@ui5/webcomponents-fiori": "~2.2.0", + "@ui5/webcomponents-icons": "~2.2.0", "react": "^18 || ^19", "react-dom": "^18 || ^19" }, diff --git a/packages/main/src/webComponents/Calendar/index.tsx b/packages/main/src/webComponents/Calendar/index.tsx index c64439e0a71..561e9370aa2 100644 --- a/packages/main/src/webComponents/Calendar/index.tsx +++ b/packages/main/src/webComponents/Calendar/index.tsx @@ -3,12 +3,22 @@ import '@ui5/webcomponents/dist/Calendar.js'; import type { CalendarSelectionChangeEventDetail } from '@ui5/webcomponents/dist/Calendar.js'; import type CalendarSelectionMode from '@ui5/webcomponents/dist/types/CalendarSelectionMode.js'; +import type CalendarWeekNumbering from '@ui5/webcomponents/dist/types/CalendarWeekNumbering.js'; import type CalendarType from '@ui5/webcomponents-base/dist/types/CalendarType.js'; import type { ReactNode } from 'react'; import { withWebComponent } from '../../internal/withWebComponent.js'; import type { CommonProps, Ui5CustomEvent, Ui5DomRef, UI5WCSlotsNode } from '../../types/index.js'; interface CalendarAttributes { + /** + * Defines how to calculate calendar weeks and first day of the week. + * If not set, the calendar will be displayed according to the currently set global configuration. + * + * **Note:** Available since [v2.2.0](https://github.com/SAP/ui5-webcomponents/releases/tag/v2.2.0) of **@ui5/webcomponents**. + * @default "Default" + */ + calendarWeekNumbering?: CalendarWeekNumbering | keyof typeof CalendarWeekNumbering; + /** * Determines the format, displayed in the input field. * @default undefined @@ -203,7 +213,15 @@ interface CalendarPropTypes */ const Calendar = withWebComponent( 'ui5-calendar', - ['formatPattern', 'maxDate', 'minDate', 'primaryCalendarType', 'secondaryCalendarType', 'selectionMode'], + [ + 'calendarWeekNumbering', + 'formatPattern', + 'maxDate', + 'minDate', + 'primaryCalendarType', + 'secondaryCalendarType', + 'selectionMode' + ], ['hideWeekNumbers'], ['calendarLegend', 'specialDates'], ['selection-change'] diff --git a/packages/main/src/webComponents/DatePicker/index.tsx b/packages/main/src/webComponents/DatePicker/index.tsx index b89dc4e0dea..967025df2ee 100644 --- a/packages/main/src/webComponents/DatePicker/index.tsx +++ b/packages/main/src/webComponents/DatePicker/index.tsx @@ -6,6 +6,7 @@ import type { DatePickerInputEventDetail, DatePickerValueStateChangeEventDetail } from '@ui5/webcomponents/dist/DatePicker.js'; +import type CalendarWeekNumbering from '@ui5/webcomponents/dist/types/CalendarWeekNumbering.js'; import type CalendarType from '@ui5/webcomponents-base/dist/types/CalendarType.js'; import type ValueState from '@ui5/webcomponents-base/dist/types/ValueState.js'; import { withWebComponent } from '../../internal/withWebComponent.js'; @@ -24,6 +25,15 @@ interface DatePickerAttributes { */ accessibleNameRef?: string | undefined; + /** + * Defines how to calculate calendar weeks and first day of the week. + * If not set, the calendar will be displayed according to the currently set global configuration. + * + * **Note:** Available since [v2.2.0](https://github.com/SAP/ui5-webcomponents/releases/tag/v2.2.0) of **@ui5/webcomponents**. + * @default "Default" + */ + calendarWeekNumbering?: CalendarWeekNumbering | keyof typeof CalendarWeekNumbering; + /** * Determines whether the component is displayed as disabled. * @default false @@ -275,6 +285,7 @@ const DatePicker = withWebComponent( [ 'accessibleName', 'accessibleNameRef', + 'calendarWeekNumbering', 'formatPattern', 'maxDate', 'minDate', diff --git a/packages/main/src/webComponents/DateRangePicker/index.tsx b/packages/main/src/webComponents/DateRangePicker/index.tsx index 1ae422ac55f..096217df963 100644 --- a/packages/main/src/webComponents/DateRangePicker/index.tsx +++ b/packages/main/src/webComponents/DateRangePicker/index.tsx @@ -6,6 +6,7 @@ import type { DatePickerInputEventDetail, DatePickerValueStateChangeEventDetail } from '@ui5/webcomponents/dist/DatePicker.js'; +import type CalendarWeekNumbering from '@ui5/webcomponents/dist/types/CalendarWeekNumbering.js'; import type CalendarType from '@ui5/webcomponents-base/dist/types/CalendarType.js'; import type ValueState from '@ui5/webcomponents-base/dist/types/ValueState.js'; import { withWebComponent } from '../../internal/withWebComponent.js'; @@ -24,6 +25,15 @@ interface DateRangePickerAttributes { */ accessibleNameRef?: string | undefined; + /** + * Defines how to calculate calendar weeks and first day of the week. + * If not set, the calendar will be displayed according to the currently set global configuration. + * + * **Note:** Available since [v2.2.0](https://github.com/SAP/ui5-webcomponents/releases/tag/v2.2.0) of **@ui5/webcomponents**. + * @default "Default" + */ + calendarWeekNumbering?: CalendarWeekNumbering | keyof typeof CalendarWeekNumbering; + /** * Determines the symbol which separates the dates. * If not supplied, the default time interval delimiter for the current locale will be used. @@ -249,6 +259,7 @@ const DateRangePicker = withWebComponent, Ui5DomRef interface FileUploaderPropTypes extends FileUploaderAttributes, - Omit { + Omit< + CommonProps, + keyof FileUploaderAttributes | 'children' | 'valueStateMessage' | 'onChange' | 'onFileSizeExceed' + > { /** * By default the component contains a single input field. With this slot you can pass any content that you wish to add. See the samples for more information. * @@ -101,6 +115,13 @@ interface FileUploaderPropTypes * **Note:** Keep in mind that because of the HTML input element of type file, the event is also fired in Chrome browser when the Cancel button of the uploads window is pressed. */ onChange?: (event: Ui5CustomEvent) => void; + + /** + * Event is fired when the size of a file is above the `maxFileSize` property value. + * + * **Note:** Available since [v2.2.0](https://github.com/SAP/ui5-webcomponents/releases/tag/v2.2.0) of **@ui5/webcomponents**. + */ + onFileSizeExceed?: (event: Ui5CustomEvent) => void; } /** @@ -121,10 +142,10 @@ interface FileUploaderPropTypes */ const FileUploader = withWebComponent( 'ui5-file-uploader', - ['accept', 'name', 'placeholder', 'value', 'valueState'], + ['accept', 'maxFileSize', 'name', 'placeholder', 'value', 'valueState'], ['disabled', 'hideInput', 'multiple'], ['valueStateMessage'], - ['change'] + ['change', 'file-size-exceed'] ); FileUploader.displayName = 'FileUploader'; diff --git a/packages/main/src/webComponents/FlexibleColumnLayout/index.tsx b/packages/main/src/webComponents/FlexibleColumnLayout/index.tsx index 360ab00eeb9..5b2be0be33f 100644 --- a/packages/main/src/webComponents/FlexibleColumnLayout/index.tsx +++ b/packages/main/src/webComponents/FlexibleColumnLayout/index.tsx @@ -149,7 +149,7 @@ interface FlexibleColumnLayoutPropTypes * The component would display 1 column for window size smaller than 599px, up to two columns between 599px and 1023px, * and 3 columns for sizes bigger than 1023px. * - * **Note:** When the component displays more than one column, the minimal width of each column is 312px. Consequently, when the user drags a column separator to resize the columns, the minimal allowed width of any resized column is 312px. + * **Note:** When the component displays more than one column, the minimal width of each column is 248px. Consequently, when the user drags a column separator to resize the columns, the minimal allowed width of any resized column is 248px. * * ### Keyboard Handling * diff --git a/packages/main/src/webComponents/TableHeaderRow/index.tsx b/packages/main/src/webComponents/TableHeaderRow/index.tsx index aa4df405a31..e083cccabc6 100644 --- a/packages/main/src/webComponents/TableHeaderRow/index.tsx +++ b/packages/main/src/webComponents/TableHeaderRow/index.tsx @@ -9,8 +9,7 @@ interface TableHeaderRowAttributes { /** * Sticks the `TableHeaderRow` to the top of a table. * - * Note: If used in combination with overflowMode "Scroll", the table needs a defined height - * or needs to be inside of a container with a defined height for the sticky header to work as expected. + * Note: If used in combination with overflowMode "Scroll", the table needs a defined height for the sticky header to work as expected. * @default false */ sticky?: boolean; diff --git a/packages/main/src/webComponents/Text/index.tsx b/packages/main/src/webComponents/Text/index.tsx index e6751727b9a..5e9693beec1 100644 --- a/packages/main/src/webComponents/Text/index.tsx +++ b/packages/main/src/webComponents/Text/index.tsx @@ -1,11 +1,20 @@ 'use client'; import '@ui5/webcomponents/dist/Text.js'; +import type EmptyIndicatorMode from '@ui5/webcomponents/dist/types/TextEmptyIndicatorMode.js'; import type { ReactNode } from 'react'; import { withWebComponent } from '../../internal/withWebComponent.js'; import type { CommonProps, Ui5DomRef } from '../../types/index.js'; interface TextAttributes { + /** + * Specifies if an empty indicator should be displayed when there is no text. + * + * **Note:** Available since [v2.2.0](https://github.com/SAP/ui5-webcomponents/releases/tag/v2.2.0) of **@ui5/webcomponents**. + * @default "Off" + */ + emptyIndicatorMode?: EmptyIndicatorMode | keyof typeof EmptyIndicatorMode; + /** * Defines the number of lines the text should wrap before it truncates. * @default Infinity @@ -47,7 +56,7 @@ interface TextPropTypes extends TextAttributes, Omit('ui5-text', ['maxLines'], [], [], []); +const Text = withWebComponent('ui5-text', ['emptyIndicatorMode', 'maxLines'], [], [], []); Text.displayName = 'Text'; diff --git a/yarn.lock b/yarn.lock index 9d5908e68fe..864b71343ae 100644 --- a/yarn.lock +++ b/yarn.lock @@ -6667,25 +6667,25 @@ __metadata: languageName: node linkType: hard -"@ui5/webcomponents-base@npm:2.1.2": - version: 2.1.2 - resolution: "@ui5/webcomponents-base@npm:2.1.2" +"@ui5/webcomponents-base@npm:2.2.0": + version: 2.2.0 + resolution: "@ui5/webcomponents-base@npm:2.2.0" dependencies: "@lit-labs/ssr-dom-shim": "npm:^1.1.2" lit-html: "npm:^2.0.1" - checksum: 10c0/025b185a91f68d23ef30e713300b55fec244ec1536048a0168e0190345c94e7064c92d02731267d6375c957637b9adca6c7be6a7d468cf5201d062cd6d13658a + checksum: 10c0/c9f4fd0b2def5f6418ad15a5e1523f224b8c52d5e65814adc44d82d34c57f2b9680f4940d3e1ba04a1cd6a3951f4632de87229b66557f6f1f0cc7d27ac4b1ef0 languageName: node linkType: hard -"@ui5/webcomponents-compat@npm:2.1.2": - version: 2.1.2 - resolution: "@ui5/webcomponents-compat@npm:2.1.2" +"@ui5/webcomponents-compat@npm:2.2.0": + version: 2.2.0 + resolution: "@ui5/webcomponents-compat@npm:2.2.0" dependencies: - "@ui5/webcomponents": "npm:2.1.2" - "@ui5/webcomponents-base": "npm:2.1.2" - "@ui5/webcomponents-icons": "npm:2.1.2" - "@ui5/webcomponents-theming": "npm:2.1.2" - checksum: 10c0/ffb06e8262b89cc71d2612c59f1711f4c32171afbb273bc9b670028a9ae3bceaca552a09c03427e2b925f6eee498725fc29811dd30d893839e8ce4d09fd39f4e + "@ui5/webcomponents": "npm:2.2.0" + "@ui5/webcomponents-base": "npm:2.2.0" + "@ui5/webcomponents-icons": "npm:2.2.0" + "@ui5/webcomponents-theming": "npm:2.2.0" + checksum: 10c0/6b51b3a6f4c67e19a0502513a3f19409187359d8ac51ffa6dc3c9be4afe66c84cd49c9ad9671570b1086ab2f12bb1f0ab16b8ce789c2e1e638d7216b6e70d727 languageName: node linkType: hard @@ -6697,53 +6697,53 @@ __metadata: languageName: unknown linkType: soft -"@ui5/webcomponents-fiori@npm:2.1.2": - version: 2.1.2 - resolution: "@ui5/webcomponents-fiori@npm:2.1.2" +"@ui5/webcomponents-fiori@npm:2.2.0": + version: 2.2.0 + resolution: "@ui5/webcomponents-fiori@npm:2.2.0" dependencies: - "@ui5/webcomponents": "npm:2.1.2" - "@ui5/webcomponents-base": "npm:2.1.2" - "@ui5/webcomponents-icons": "npm:2.1.2" - "@ui5/webcomponents-theming": "npm:2.1.2" + "@ui5/webcomponents": "npm:2.2.0" + "@ui5/webcomponents-base": "npm:2.2.0" + "@ui5/webcomponents-icons": "npm:2.2.0" + "@ui5/webcomponents-theming": "npm:2.2.0" "@zxing/library": "npm:^0.17.1" - checksum: 10c0/600137f8b8d5d43db32909c3f69dc5664d1d9116202898ef52ab9059d5d91b8b2534d6ad5e8cc6b69850067f725aac2b54d250e1d7dd8cface7c810eab512f61 + checksum: 10c0/9a56043cfbff7b60981cf022c17e11fe3320aea8caf0585e5cc51b80507ed96867d066a5c7bd0b8589be64a29740bb05a89ef1243a2df45bdb32f0b775d8b821 languageName: node linkType: hard -"@ui5/webcomponents-icons-business-suite@npm:2.1.2": - version: 2.1.2 - resolution: "@ui5/webcomponents-icons-business-suite@npm:2.1.2" +"@ui5/webcomponents-icons-business-suite@npm:2.2.0": + version: 2.2.0 + resolution: "@ui5/webcomponents-icons-business-suite@npm:2.2.0" dependencies: - "@ui5/webcomponents-base": "npm:2.1.2" - checksum: 10c0/e2caef3e34639f223c9b702d51164701b1c7acc5182a3b3b321492cc8e033a3c9becae192c73104ef28a087c12a6c05c9922d522448d4b06a749597b3e6da2a0 + "@ui5/webcomponents-base": "npm:2.2.0" + checksum: 10c0/faf9a66f070ae8a786a781e31f12d2eddb8780c8c76663e90c9b9cfbff6f67749e3684062b2eba46ed9d04a95313d09a17b72850ce75640160d486542ea23701 languageName: node linkType: hard -"@ui5/webcomponents-icons-tnt@npm:2.1.2": - version: 2.1.2 - resolution: "@ui5/webcomponents-icons-tnt@npm:2.1.2" +"@ui5/webcomponents-icons-tnt@npm:2.2.0": + version: 2.2.0 + resolution: "@ui5/webcomponents-icons-tnt@npm:2.2.0" dependencies: - "@ui5/webcomponents-base": "npm:2.1.2" - checksum: 10c0/57b69eef5da77b07c44f6f80af90e6ea228d0087fa52b59bdf92f8c5f61f9c2fb48b82ce509b9ae33953d769235d3f105640d40f6dc5647c416e886df7e35d1c + "@ui5/webcomponents-base": "npm:2.2.0" + checksum: 10c0/61caf83e757f6af771f37cced6a8f78b14293314edbbdfee9d00b2f6639965c9f08171e9ab82e608cf416973608f030079865f08f74493dceed2ddb4e148c767 languageName: node linkType: hard -"@ui5/webcomponents-icons@npm:2.1.2": - version: 2.1.2 - resolution: "@ui5/webcomponents-icons@npm:2.1.2" +"@ui5/webcomponents-icons@npm:2.2.0": + version: 2.2.0 + resolution: "@ui5/webcomponents-icons@npm:2.2.0" dependencies: - "@ui5/webcomponents-base": "npm:2.1.2" - checksum: 10c0/7e9eaa6293d2fa2b5d90d5c84c787f9053b53e60a8e0375813194b8bd685d99f9b2114e3e97fa26bc76cbe85e666a08f4aa1e6be4e3601117b89ed46bd6b9d1c + "@ui5/webcomponents-base": "npm:2.2.0" + checksum: 10c0/feab64105a906c25f8997c6f9f6ddfa4e2cf34ef0fce59fc05065d41e523557d674d0517cad9839f20ad66f23c26c0cd6a60b53dba14bde3ac32d02444477fc0 languageName: node linkType: hard -"@ui5/webcomponents-localization@npm:2.1.2": - version: 2.1.2 - resolution: "@ui5/webcomponents-localization@npm:2.1.2" +"@ui5/webcomponents-localization@npm:2.2.0": + version: 2.2.0 + resolution: "@ui5/webcomponents-localization@npm:2.2.0" dependencies: "@types/openui5": "npm:^1.113.0" - "@ui5/webcomponents-base": "npm:2.1.2" - checksum: 10c0/dafd29b800d510d3d4821a03e4ffcedf61b62e9dc5407234450692b06350f7878e1207c38b9c0931b83c4c4d67af1f76b29abaa1c9c90dc774e4471952c3ab51 + "@ui5/webcomponents-base": "npm:2.2.0" + checksum: 10c0/7dc9da02b47b641c2d044f58a78b8640d7762f0c8fcf0c86b0c4671b77fde093bfe8207ee9fe012b1a02828816fb2268ccc552f67a4ba96369be983e5f8c34d8 languageName: node linkType: hard @@ -6754,7 +6754,7 @@ __metadata: use-sync-external-store: "npm:1.2.2" peerDependencies: "@types/react": "*" - "@ui5/webcomponents-base": ~2.1.2 + "@ui5/webcomponents-base": ~2.2.0 react: ^18 || ^19 peerDependenciesMeta: "@types/react": @@ -6774,8 +6774,8 @@ __metadata: react-content-loader: "npm:7.0.2" recharts: "npm:2.12.7" peerDependencies: - "@ui5/webcomponents-react": ~2.0.0 - "@ui5/webcomponents-react-base": ~2.0.0 + "@ui5/webcomponents-react": ~2.1.0 + "@ui5/webcomponents-react-base": ~2.1.0 react: ^18 languageName: unknown linkType: soft @@ -6794,13 +6794,12 @@ __metadata: version: 0.0.0-use.local resolution: "@ui5/webcomponents-react-compat@workspace:packages/compat" dependencies: - "@ui5/webcomponents-react": "workspace:~" clsx: "npm:2.1.1" peerDependencies: "@types/react": "*" "@types/react-dom": "*" - "@ui5/webcomponents-compat": ~2.1.2 - "@ui5/webcomponents-react": "workspace:~" + "@ui5/webcomponents-compat": ~2.2.0 + "@ui5/webcomponents-react": ~2.1.0 react: ^18 || ^19 react-dom: ^18 || ^19 peerDependenciesMeta: @@ -6815,7 +6814,7 @@ __metadata: languageName: unknown linkType: soft -"@ui5/webcomponents-react@workspace:packages/main, @ui5/webcomponents-react@workspace:~": +"@ui5/webcomponents-react@workspace:packages/main": version: 0.0.0-use.local resolution: "@ui5/webcomponents-react@workspace:packages/main" dependencies: @@ -6827,10 +6826,10 @@ __metadata: peerDependencies: "@types/react": "*" "@types/react-dom": "*" - "@ui5/webcomponents": ~2.1.2 - "@ui5/webcomponents-base": ~2.1.2 - "@ui5/webcomponents-fiori": ~2.1.2 - "@ui5/webcomponents-icons": ~2.1.2 + "@ui5/webcomponents": ~2.2.0 + "@ui5/webcomponents-base": ~2.2.0 + "@ui5/webcomponents-fiori": ~2.2.0 + "@ui5/webcomponents-icons": ~2.2.0 react: ^18 || ^19 react-dom: ^18 || ^19 peerDependenciesMeta: @@ -6845,19 +6844,19 @@ __metadata: languageName: unknown linkType: soft -"@ui5/webcomponents-theming@npm:2.1.2": - version: 2.1.2 - resolution: "@ui5/webcomponents-theming@npm:2.1.2" +"@ui5/webcomponents-theming@npm:2.2.0": + version: 2.2.0 + resolution: "@ui5/webcomponents-theming@npm:2.2.0" dependencies: "@sap-theming/theming-base-content": "npm:11.17.1" - "@ui5/webcomponents-base": "npm:2.1.2" - checksum: 10c0/c6264ba2f8eba93a0e9e3d2210fad430c53679e0533fda0fce80fa811d8ebe247b29f6580a286cd5341a1d63f4fa1b63bb31b54e18ac5191d7d56ceae03eb132 + "@ui5/webcomponents-base": "npm:2.2.0" + checksum: 10c0/a78f957fe1ba0ca8dfff384999909cd6bd80804cf93ff725839f058649f7b53ede77ae344725aa2819275889daf32f91b73b7aecc11dd92c89bcdad75d9032d1 languageName: node linkType: hard -"@ui5/webcomponents-tools@npm:2.1.2": - version: 2.1.2 - resolution: "@ui5/webcomponents-tools@npm:2.1.2" +"@ui5/webcomponents-tools@npm:2.2.0": + version: 2.2.0 + resolution: "@ui5/webcomponents-tools@npm:2.2.0" dependencies: "@custom-elements-manifest/analyzer": "npm:^0.8.4" "@typescript-eslint/eslint-plugin": "npm:^6.9.0" @@ -6884,6 +6883,7 @@ __metadata: escodegen: "npm:^2.0.0" eslint: "npm:^7.22.0" eslint-config-airbnb-base: "npm:^14.2.1" + eslint-plugin-cypress: "npm:^3.4.0" eslint-plugin-import: "npm:^2.22.1" esprima: "npm:^4.0.1" getopts: "npm:^2.3.0" @@ -6915,21 +6915,21 @@ __metadata: bin: wc-create-ui5-element: bin/create-ui5-element.js wc-dev: bin/dev.js - checksum: 10c0/b7205208ca20b92faecec10624d4ecf9bb4f29b364c5670021880008c636baeadc489a7e3be1514c3734f101afa771b557dcf6b10c041ef9911838b0c92ff150 + checksum: 10c0/6bcd08c47b0ff1d9a6f90b11fdd5da423d96f522561db71f4304a8e9a39bdbc42572632f0f9380d5f6928e017bad4768c16cc86a56427103a77f87ab7e22073e languageName: node linkType: hard -"@ui5/webcomponents@npm:2.1.2": - version: 2.1.2 - resolution: "@ui5/webcomponents@npm:2.1.2" +"@ui5/webcomponents@npm:2.2.0": + version: 2.2.0 + resolution: "@ui5/webcomponents@npm:2.2.0" dependencies: - "@ui5/webcomponents-base": "npm:2.1.2" - "@ui5/webcomponents-icons": "npm:2.1.2" - "@ui5/webcomponents-icons-business-suite": "npm:2.1.2" - "@ui5/webcomponents-icons-tnt": "npm:2.1.2" - "@ui5/webcomponents-localization": "npm:2.1.2" - "@ui5/webcomponents-theming": "npm:2.1.2" - checksum: 10c0/be6a083ec29e0b6d37d120e5d12d7cb009f21388a87c551a025f2d48bdae26b969bff1f9f539234815c9aa9b84996ffb94f4dd3bb55cd08a4c453a815501e019 + "@ui5/webcomponents-base": "npm:2.2.0" + "@ui5/webcomponents-icons": "npm:2.2.0" + "@ui5/webcomponents-icons-business-suite": "npm:2.2.0" + "@ui5/webcomponents-icons-tnt": "npm:2.2.0" + "@ui5/webcomponents-localization": "npm:2.2.0" + "@ui5/webcomponents-theming": "npm:2.2.0" + checksum: 10c0/8033b321d530155909ae60def9fec03e45d7f23ab928850e1307957acb9b32da7367aa9219621e3a9887242bce18a7a6d751adbd66568d9240e5416026ada1db languageName: node linkType: hard @@ -11409,6 +11409,17 @@ __metadata: languageName: node linkType: hard +"eslint-plugin-cypress@npm:^3.4.0": + version: 3.5.0 + resolution: "eslint-plugin-cypress@npm:3.5.0" + dependencies: + globals: "npm:^13.20.0" + peerDependencies: + eslint: ">=7" + checksum: 10c0/45b26d454a101e6e3adc4f4c213f660f5b09ceedab692768b06533e05fe40295344ca744f75d23e552ca6ae512bf18efe154cd7c341389a60e35ef252f29431d + languageName: node + linkType: hard + "eslint-plugin-import@npm:^2.22.1, eslint-plugin-import@npm:^2.27.5": version: 2.29.1 resolution: "eslint-plugin-import@npm:2.29.1" @@ -13030,6 +13041,15 @@ __metadata: languageName: node linkType: hard +"globals@npm:^13.20.0": + version: 13.24.0 + resolution: "globals@npm:13.24.0" + dependencies: + type-fest: "npm:^0.20.2" + checksum: 10c0/d3c11aeea898eb83d5ec7a99508600fbe8f83d2cf00cbb77f873dbf2bcb39428eff1b538e4915c993d8a3b3473fa71eeebfe22c9bb3a3003d1e26b1f2c8a42cd + languageName: node + linkType: hard + "globalthis@npm:^1.0.3": version: 1.0.3 resolution: "globalthis@npm:1.0.3" @@ -22294,11 +22314,11 @@ __metadata: "@types/use-sync-external-store": "npm:^0.0.6" "@typescript-eslint/eslint-plugin": "npm:^7.0.0" "@typescript-eslint/parser": "npm:^7.0.0" - "@ui5/webcomponents": "npm:2.1.2" - "@ui5/webcomponents-compat": "npm:2.1.2" - "@ui5/webcomponents-fiori": "npm:2.1.2" - "@ui5/webcomponents-icons": "npm:2.1.2" - "@ui5/webcomponents-tools": "npm:2.1.2" + "@ui5/webcomponents": "npm:2.2.0" + "@ui5/webcomponents-compat": "npm:2.2.0" + "@ui5/webcomponents-fiori": "npm:2.2.0" + "@ui5/webcomponents-icons": "npm:2.2.0" + "@ui5/webcomponents-tools": "npm:2.2.0" "@vitejs/plugin-react": "npm:^4.2.0" chromatic: "npm:^11.0.0" cssnano: "npm:^7.0.0"