@ui5/webcomponents 2.2.0-rc.0 → 2.2.0-rc.2

package/dist/custom-elements-internal.json

@@ -10752,6 +10752,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",
@@ -10806,6 +10817,39 @@
                   "description": "The current files."
                 }
               ]
+            },
+            {
+              "name": "fileSizeExceeded",
+              "_ui5privacy": "public",
+              "type": {
+                "text": "CustomEvent<FileUploaderFileSizeExceededEventDetail>",
+                "references": [
+                  {
+                    "name": "FileUploaderFileSizeExceededEventDetail",
+                    "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<FileData>",
+                    "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": [
@@ -10872,6 +10916,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",
@@ -11509,6 +11562,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",
@@ -23311,13 +23378,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",

package/dist/custom-elements.json

@@ -7400,6 +7400,16 @@
               "description": "Defines the name/names of the file/files to upload.",
               "privacy": "public"
             },
+            {
+              "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"
+            },
             {
               "kind": "field",
               "name": "valueState",
@@ -7443,6 +7453,20 @@
                 ]
               },
               "description": "Event is fired when the value of the file path has been changed.\n\n**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."
+            },
+            {
+              "name": "fileSizeExceeded",
+              "type": {
+                "text": "CustomEvent<FileUploaderFileSizeExceededEventDetail>",
+                "references": [
+                  {
+                    "name": "FileUploaderFileSizeExceededEventDetail",
+                    "package": "@ui5/webcomponents",
+                    "module": "dist/FileUploader.js"
+                  }
+                ]
+              },
+              "description": "Event is fired when the size of a file is above the `maxFileSize` property value."
             }
           ],
           "attributes": [
@@ -7509,6 +7533,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",
@@ -8054,6 +8087,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",
@@ -18494,13 +18541,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",