update components /1

Author: MarcusNotheis

packages/main/src/enums/ToolbarItemOverflowBehavior.ts

@@ -0,0 +1,5 @@
+// Generated file - do not change manually!
+
+import ToolbarItemOverflowBehavior from '@ui5/webcomponents/dist/types/ToolbarItemOverflowBehavior.js';
+
+export { ToolbarItemOverflowBehavior };

packages/main/src/enums/index.ts

@@ -87,6 +87,7 @@ export * from './TitleLevel.js';
 export * from './ToastPlacement.js';
 export * from './ToolbarAlign.js';
 export * from './ToolbarDesign.js';
+export * from './ToolbarItemOverflowBehavior.js';
 export * from './ToolbarStyle.js';
 export * from './UploadCollectionDnDOverlayMode.js';
 export * from './UploadState.js';

packages/main/src/webComponents/Bar/index.tsx

@@ -10,13 +10,6 @@ import type { UI5WCSlotsNode } from '../../types/index.js';
 interface BarAttributes {
   /**
    * Defines the component's design.
-   *
-   * **Note:** Available options are:
-   *
-   * *   `Header`
-   * *   `Subheader`
-   * *   `Footer`
-   * *   `FloatingFooter`
    */
   design?: BarDesign | keyof typeof BarDesign;
 }
@@ -25,11 +18,11 @@ export interface BarDomRef extends BarAttributes, Ui5DomRef {}
 
 export interface BarPropTypes extends BarAttributes, CommonProps {
   /**
-   * Defines the content in the middle of the bar
+   * Defines the content in the middle of the bar.
    */
   children?: ReactNode | ReactNode[];
   /**
-   * Defines the content at the end of the bar
+   * Defines the content at the end of the bar.
    *
    * __Note:__ This prop will be rendered as [slot](https://www.w3schools.com/tags/tag_slot.asp) (`slot="endContent"`).
    * Since you can't change the DOM order of slots when declaring them within a prop, it might prove beneficial to manually mount them as part of the component's children, especially when facing problems with the reading order of screen readers.
@@ -39,7 +32,7 @@ export interface BarPropTypes extends BarAttributes, CommonProps {
    */
   endContent?: UI5WCSlotsNode | UI5WCSlotsNode[];
   /**
-   * Defines the content at the start of the bar
+   * Defines the content at the start of the bar.
    *
    * __Note:__ This prop will be rendered as [slot](https://www.w3schools.com/tags/tag_slot.asp) (`slot="startContent"`).
    * Since you can't change the DOM order of slots when declaring them within a prop, it might prove beneficial to manually mount them as part of the component's children, especially when facing problems with the reading order of screen readers.

packages/main/src/webComponents/Button/index.tsx

@@ -17,15 +17,6 @@ interface ButtonAttributes {
   accessibleNameRef?: string;
   /**
    * Defines the component design.
-   *
-   * **The available values are:**
-   *
-   * *   `Default`
-   * *   `Emphasized`
-   * *   `Positive`
-   * *   `Negative`
-   * *   `Transparent`
-   * *   `Attention`
    */
   design?: ButtonDesign | keyof typeof ButtonDesign;
   /**
@@ -58,14 +49,6 @@ interface ButtonAttributes {
   /**
    * Defines whether the button has special form-related functionality.
    *
-   * **The available values are:**
-   *
-   * *   `Button`
-   * *   `Submit`
-   * *   `Reset`
-   *
-   *
-   *
    * **Note:** For the `type` property to have effect, you must add the following import to your project: `import "@ui5/webcomponents/dist/features/InputElementsFormSupport.js";`
    */
   type?: ButtonType | keyof typeof ButtonType;

packages/main/src/webComponents/DatePicker/index.tsx

@@ -55,14 +55,6 @@ interface DatePickerAttributes {
   value?: string;
   /**
    * Defines the value state of the component.
-   *
-   * Available options are:
-   *
-   * *   `None`
-   * *   `Error`
-   * *   `Warning`
-   * *   `Success`
-   * *   `Information`
    */
   valueState?: ValueState | keyof typeof ValueState;
   /**

packages/main/src/webComponents/DateRangePicker/index.tsx

@@ -62,14 +62,6 @@ interface DateRangePickerAttributes {
   value?: string;
   /**
    * Defines the value state of the component.
-   *
-   * Available options are:
-   *
-   * *   `None`
-   * *   `Error`
-   * *   `Warning`
-   * *   `Success`
-   * *   `Information`
    */
   valueState?: ValueState | keyof typeof ValueState;
   /**

packages/main/src/webComponents/DateTimePicker/index.tsx

@@ -58,14 +58,6 @@ interface DateTimePickerAttributes {
   value?: string;
   /**
    * Defines the value state of the component.
-   *
-   * Available options are:
-   *
-   * *   `None`
-   * *   `Error`
-   * *   `Warning`
-   * *   `Success`
-   * *   `Information`
    */
   valueState?: ValueState | keyof typeof ValueState;
   /**

packages/main/src/webComponents/Dialog/index.tsx

@@ -32,9 +32,6 @@ interface DialogAttributes {
   resizable?: boolean;
   /**
    * Defines the state of the `Dialog`.
-   *
-   * Available options are: `"None"` (by default), `"Success"`, `"Warning"`, `"Information"` and `"Error"`.
-   *
    * **Note:** If `"Error"` and `"Warning"` state is set, it will change the accessibility role to "alertdialog", if the accessibleRole property is set to `"Dialog"`.
    */
   state?: ValueState | keyof typeof ValueState;

packages/main/src/webComponents/FileUploader/index.tsx

@@ -47,14 +47,6 @@ interface FileUploaderAttributes {
   value?: string;
   /**
    * Defines the value state of the component.
-   *
-   * Available options are:
-   *
-   * *   `None`
-   * *   `Error`
-   * *   `Warning`
-   * *   `Success`
-   * *   `Information`
    */
   valueState?: ValueState | keyof typeof ValueState;
 }

packages/main/src/webComponents/Input/index.tsx

@@ -69,7 +69,7 @@ interface InputAttributes {
    */
   showSuggestions?: boolean;
   /**
-   * Defines the HTML type of the component. Available options are: `Text`, `Email`, `Number`, `Password`, `Tel`, and `URL`.
+   * Defines the HTML type of the component.
    *
    * **Notes:**
    *
@@ -85,14 +85,6 @@ interface InputAttributes {
   value?: string;
   /**
    * Defines the value state of the component.
-   *
-   * Available options are:
-   *
-   * *   `None`
-   * *   `Error`
-   * *   `Warning`
-   * *   `Success`
-   * *   `Information`
    */
   valueState?: ValueState | keyof typeof ValueState;
 }
@@ -114,14 +106,10 @@ export interface InputPropTypes extends InputAttributes, Omit<CommonProps, 'onCh
    *
    * Example:
    *
-   * <pre>
-   *   <code>
-   *    &lt;Input showSuggestions><br />
-   *    &nbsp;&nbsp;&lt;SuggestionItem text="Item #1" /><br />
-   *    &nbsp;&nbsp;&lt;SuggestionItem text="Item #2" /><br />
-   *    &lt;/Input>
-   *  </code>
-   * </pre>
+   * <Input show-suggestions>
+   *     <SuggestionItem text="Item #1"></SuggestionItem>
+   *     <SuggestionItem text="Item #2"></SuggestionItem>
+   * </Input>
    *
    *
    * **Note:** The suggestions would be displayed only if the `showSuggestions` property is set to `true`.

packages/main/src/webComponents/MultiInput/index.tsx

@@ -74,7 +74,7 @@ interface MultiInputAttributes {
    */
   showSuggestions?: boolean;
   /**
-   * Defines the HTML type of the component. Available options are: `Text`, `Email`, `Number`, `Password`, `Tel`, and `URL`.
+   * Defines the HTML type of the component.
    *
    * **Notes:**
    *
@@ -90,14 +90,6 @@ interface MultiInputAttributes {
   value?: string;
   /**
    * Defines the value state of the component.
-   *
-   * Available options are:
-   *
-   * *   `None`
-   * *   `Error`
-   * *   `Warning`
-   * *   `Success`
-   * *   `Information`
    */
   valueState?: ValueState | keyof typeof ValueState;
 }

packages/main/src/webComponents/SplitButton/index.tsx

@@ -17,15 +17,6 @@ interface SplitButtonAttributes {
   activeIcon?: string;
   /**
    * Defines the component design.
-   *
-   * **The available values are:**
-   *
-   * *   `Default`
-   * *   `Emphasized`
-   * *   `Positive`
-   * *   `Negative`
-   * *   `Transparent`
-   * *   `Attention`
    */
   design?: ButtonDesign | keyof typeof ButtonDesign;
   /**

packages/main/src/webComponents/StepInput/index.tsx

@@ -63,14 +63,6 @@ interface StepInputAttributes {
   valuePrecision?: number;
   /**
    * Defines the value state of the component.
-   *
-   * Available options are:
-   *
-   * *   `None`
-   * *   `Error`
-   * *   `Warning`
-   * *   `Success`
-   * *   `Information`
    */
   valueState?: ValueState | keyof typeof ValueState;
 }

packages/main/src/webComponents/TimePicker/TimePickerDomRef.json

@@ -6,7 +6,12 @@
     "type": "Date",
     "description": "Currently selected time represented as JavaScript Date instance"
   },
-  { "name": "closePicker", "visibility": "public", "description": "Closes the picker" },
+  {
+    "name": "closePicker",
+    "visibility": "public",
+    "returnValue": { "type": "Promise", "description": "Resolves when the picker is closed" },
+    "description": "Closes the picker"
+  },
   {
     "name": "formatValue",
     "visibility": "public",

packages/main/src/webComponents/TimePicker/index.tsx

@@ -51,8 +51,9 @@ export interface TimePickerDomRef extends TimePickerAttributes, Ui5DomRef {
   readonly dateValue: Date;
   /**
    * Closes the picker
+   * @returns {Promise<void>} Resolves when the picker is closed
    */
-  closePicker: () => void;
+  closePicker: () => Promise<void>;
   /**
    * Formats a Java Script date object into a string representing a locale date and time according to the `formatPattern` property of the TimePicker instance
    * @param {Date} date - A Java Script date object to be formatted as string

packages/main/src/webComponents/ToggleButton/index.tsx

@@ -21,15 +21,6 @@ interface ToggleButtonAttributes {
   accessibleNameRef?: string;
   /**
    * Defines the component design.
-   *
-   * **The available values are:**
-   *
-   * *   `Default`
-   * *   `Emphasized`
-   * *   `Positive`
-   * *   `Negative`
-   * *   `Transparent`
-   * *   `Attention`
    */
   design?: ButtonDesign | keyof typeof ButtonDesign;
   /**
@@ -62,14 +53,6 @@ interface ToggleButtonAttributes {
   /**
    * Defines whether the button has special form-related functionality.
    *
-   * **The available values are:**
-   *
-   * *   `Button`
-   * *   `Submit`
-   * *   `Reset`
-   *
-   *
-   *
    * **Note:** For the `type` property to have effect, you must add the following import to your project: `import "@ui5/webcomponents/dist/features/InputElementsFormSupport.js";`
    */
   type?: ButtonType | keyof typeof ButtonType;

packages/main/src/webComponents/ToolbarV2/index.tsx

@@ -28,7 +28,7 @@ export interface ToolbarV2DomRef extends ToolbarV2Attributes, Ui5DomRef {}
 
 export interface ToolbarV2PropTypes extends ToolbarV2Attributes, CommonProps {
   /**
-   * Defines the items of the component.
+   * Defines the items of the component. **Note:** Currently only `ToolbarButton`, `ToolbarSelect`, `ToolbarSeparatorV2` and `ToolbarSpacerV2` are allowed here.
    */
   children?: ReactNode | ReactNode[];
 }