sort imports again

Author: MarcusNotheis

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

@@ -1,10 +1,10 @@
-import { withWebComponent, WithWebComponentPropTypes } from '@ui5/webcomponents-react/lib/withWebComponent';
-import '@ui5/webcomponents/dist/Avatar';
-import { FC } from 'react';
 import { AvatarBackgroundColor } from '@ui5/webcomponents-react/lib/AvatarBackgroundColor';
 import { AvatarFitType } from '@ui5/webcomponents-react/lib/AvatarFitType';
 import { AvatarShape } from '@ui5/webcomponents-react/lib/AvatarShape';
 import { AvatarSize } from '@ui5/webcomponents-react/lib/AvatarSize';
+import { withWebComponent, WithWebComponentPropTypes } from '@ui5/webcomponents-react/lib/withWebComponent';
+import '@ui5/webcomponents/dist/Avatar';
+import { FC } from 'react';
 
 export interface AvatarPropTypes extends WithWebComponentPropTypes {
   /**
@@ -44,12 +44,12 @@ export interface AvatarPropTypes extends WithWebComponentPropTypes {
 }
 
 /**
-     * An image-like control that has different display options for representing images and icons in different shapes and
-sizes, depending on the use case. The shape can be circular or square. There are several predefined sizes, as well as an
-option to set a custom size.
-     
-     * <a href="https://sap.github.io/ui5-webcomponents/playground/components/Avatar" target="_blank">UI5 Web Components Playground</a>
-     */
+ * An image-like control that has different display options for representing images and icons in different shapes and
+ sizes, depending on the use case. The shape can be circular or square. There are several predefined sizes, as well as an
+ option to set a custom size.
+
+ * <a href="https://sap.github.io/ui5-webcomponents/playground/components/Avatar" target="_blank">UI5 Web Components Playground</a>
+ */
 const Avatar: FC<AvatarPropTypes> = withWebComponent<AvatarPropTypes>(
   'ui5-avatar',
   ['accessibleName', 'backgroundColor', 'icon', 'image', 'imageFitType', 'initials', 'shape', 'size'],

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

@@ -1,7 +1,6 @@
 import { withWebComponent, WithWebComponentPropTypes } from '@ui5/webcomponents-react/lib/withWebComponent';
 import '@ui5/webcomponents/dist/Badge';
-import { FC } from 'react';
-import { ReactNode } from 'react';
+import { FC, ReactNode } from 'react';
 
 export interface BadgePropTypes extends WithWebComponentPropTypes {
   /**
@@ -19,12 +18,12 @@ export interface BadgePropTypes extends WithWebComponentPropTypes {
 }
 
 /**
-     * The <code>Badge</code> is a small non-interactive component which contains text information and color chosen from a list
-of predefined color schemes. It serves the purpose to attract the user attention to some piece of information (state,
-quantity, condition, etc.).
-     
-     * <a href="https://sap.github.io/ui5-webcomponents/playground/components/Badge" target="_blank">UI5 Web Components Playground</a>
-     */
+ * The <code>Badge</code> is a small non-interactive component which contains text information and color chosen from a list
+ of predefined color schemes. It serves the purpose to attract the user attention to some piece of information (state,
+ quantity, condition, etc.).
+
+ * <a href="https://sap.github.io/ui5-webcomponents/playground/components/Badge" target="_blank">UI5 Web Components Playground</a>
+ */
 const Badge: FC<BadgePropTypes> = withWebComponent<BadgePropTypes>('ui5-badge', ['colorScheme'], [], ['icon'], []);
 
 Badge.displayName = 'Badge';

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

@@ -1,8 +1,7 @@
+import { BusyIndicatorSize } from '@ui5/webcomponents-react/lib/BusyIndicatorSize';
 import { withWebComponent, WithWebComponentPropTypes } from '@ui5/webcomponents-react/lib/withWebComponent';
 import '@ui5/webcomponents/dist/BusyIndicator';
-import { FC } from 'react';
-import { BusyIndicatorSize } from '@ui5/webcomponents-react/lib/BusyIndicatorSize';
-import { ReactNode } from 'react';
+import { FC, ReactNode } from 'react';
 
 export interface BusyIndicatorPropTypes extends WithWebComponentPropTypes {
   /**
@@ -24,11 +23,11 @@ export interface BusyIndicatorPropTypes extends WithWebComponentPropTypes {
 }
 
 /**
-     * The <code>BusyIndicator</code> signals that some operation is going on and that the user must wait. It does not block
-the current UI screen so other operations could be triggered in parallel.
-     
-     * <a href="https://sap.github.io/ui5-webcomponents/playground/components/BusyIndicator" target="_blank">UI5 Web Components Playground</a>
-     */
+ * The <code>BusyIndicator</code> signals that some operation is going on and that the user must wait. It does not block
+ the current UI screen so other operations could be triggered in parallel.
+
+ * <a href="https://sap.github.io/ui5-webcomponents/playground/components/BusyIndicator" target="_blank">UI5 Web Components Playground</a>
+ */
 const BusyIndicator: FC<BusyIndicatorPropTypes> = withWebComponent<BusyIndicatorPropTypes>(
   'ui5-busyindicator',
   ['size', 'text'],

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

@@ -1,8 +1,7 @@
+import { ButtonDesign } from '@ui5/webcomponents-react/lib/ButtonDesign';
 import { withWebComponent, WithWebComponentPropTypes } from '@ui5/webcomponents-react/lib/withWebComponent';
 import '@ui5/webcomponents/dist/Button';
-import { FC } from 'react';
-import { ButtonDesign } from '@ui5/webcomponents-react/lib/ButtonDesign';
-import { ReactNode } from 'react';
+import { FC, ReactNode } from 'react';
 
 export interface ButtonPropTypes extends Omit<WithWebComponentPropTypes, 'onClick'> {
   /**
@@ -38,11 +37,11 @@ export interface ButtonPropTypes extends Omit<WithWebComponentPropTypes, 'onClic
 }
 
 /**
-     * The <code>Button</code> component represents a simple push button. It enables users to trigger actions by clicking or
-tapping the <code>Button</code>, or by pressing certain keyboard keys, such as Enter.
-     
-     * <a href="https://sap.github.io/ui5-webcomponents/playground/components/Button" target="_blank">UI5 Web Components Playground</a>
-     */
+ * The <code>Button</code> component represents a simple push button. It enables users to trigger actions by clicking or
+ tapping the <code>Button</code>, or by pressing certain keyboard keys, such as Enter.
+
+ * <a href="https://sap.github.io/ui5-webcomponents/playground/components/Button" target="_blank">UI5 Web Components Playground</a>
+ */
 const Button: FC<ButtonPropTypes> = withWebComponent<ButtonPropTypes>(
   'ui5-button',
   ['design', 'icon'],

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

@@ -1,7 +1,7 @@
+import { CalendarType } from '@ui5/webcomponents-react/lib/CalendarType';
 import { withWebComponent, WithWebComponentPropTypes } from '@ui5/webcomponents-react/lib/withWebComponent';
 import '@ui5/webcomponents/dist/Calendar';
 import { FC } from 'react';
-import { CalendarType } from '@ui5/webcomponents-react/lib/CalendarType';
 
 export interface CalendarPropTypes extends WithWebComponentPropTypes {
   /**
@@ -37,11 +37,11 @@ export interface CalendarPropTypes extends WithWebComponentPropTypes {
 }
 
 /**
-     * The <code>Calendar</code> can be used standale to display the years, months, weeks and days, but the main purpose of the
-<code>Calendar</code> is to be used within a <code>DatePicker</code>
-     
-     * <a href="https://sap.github.io/ui5-webcomponents/playground/components/Calendar" target="_blank">UI5 Web Components Playground</a>
-     */
+ * The <code>Calendar</code> can be used standale to display the years, months, weeks and days, but the main purpose of the
+ <code>Calendar</code> is to be used within a <code>DatePicker</code>
+
+ * <a href="https://sap.github.io/ui5-webcomponents/playground/components/Calendar" target="_blank">UI5 Web Components Playground</a>
+ */
 const Calendar: FC<CalendarPropTypes> = withWebComponent<CalendarPropTypes>(
   'ui5-calendar',
   ['maxDate', 'minDate', 'primaryCalendarType', 'selectedDates', 'timestamp'],

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

@@ -1,7 +1,6 @@
 import { withWebComponent, WithWebComponentPropTypes } from '@ui5/webcomponents-react/lib/withWebComponent';
 import '@ui5/webcomponents/dist/Card';
-import { FC } from 'react';
-import { ReactNode } from 'react';
+import { FC, ReactNode } from 'react';
 
 export interface CardPropTypes extends WithWebComponentPropTypes {
   /**
@@ -39,13 +38,13 @@ export interface CardPropTypes extends WithWebComponentPropTypes {
 }
 
 /**
-     * The <code>Card</code> is a component that represents information in the form of a tile with separate header and content
-areas. The content area of a <code>Card</code> can be arbitrary HTML content. The header can be used through several
-properties, such as: <code>heading</code>, <code>subheading</code>, <code>status</code> and two slots:
-<code>avatar</code> and <code>action</code>.
-     
-     * <a href="https://sap.github.io/ui5-webcomponents/playground/components/Card" target="_blank">UI5 Web Components Playground</a>
-     */
+ * The <code>Card</code> is a component that represents information in the form of a tile with separate header and content
+ areas. The content area of a <code>Card</code> can be arbitrary HTML content. The header can be used through several
+ properties, such as: <code>heading</code>, <code>subheading</code>, <code>status</code> and two slots:
+ <code>avatar</code> and <code>action</code>.
+
+ * <a href="https://sap.github.io/ui5-webcomponents/playground/components/Card" target="_blank">UI5 Web Components Playground</a>
+ */
 const Card: FC<CardPropTypes> = withWebComponent<CardPropTypes>(
   'ui5-card',
   ['heading', 'status', 'subheading'],

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

@@ -1,8 +1,7 @@
+import { CarouselArrowsPlacement } from '@ui5/webcomponents-react/lib/CarouselArrowsPlacement';
 import { withWebComponent, WithWebComponentPropTypes } from '@ui5/webcomponents-react/lib/withWebComponent';
 import '@ui5/webcomponents/dist/Carousel';
-import { FC } from 'react';
-import { CarouselArrowsPlacement } from '@ui5/webcomponents-react/lib/CarouselArrowsPlacement';
-import { ReactNode } from 'react';
+import { FC, ReactNode } from 'react';
 
 export interface CarouselPropTypes extends WithWebComponentPropTypes {
   /**
@@ -52,11 +51,11 @@ export interface CarouselPropTypes extends WithWebComponentPropTypes {
 }
 
 /**
-     * The carousel allows the user to browse through a set of items by swiping right or left. The component is mostly used for
-showing a gallery of images, but can hold any other HTML element.
-     
-     * <a href="https://sap.github.io/ui5-webcomponents/playground/components/Carousel" target="_blank">UI5 Web Components Playground</a>
-     */
+ * The carousel allows the user to browse through a set of items by swiping right or left. The component is mostly used for
+ showing a gallery of images, but can hold any other HTML element.
+
+ * <a href="https://sap.github.io/ui5-webcomponents/playground/components/Carousel" target="_blank">UI5 Web Components Playground</a>
+ */
 const Carousel: FC<CarouselPropTypes> = withWebComponent<CarouselPropTypes>(
   'ui5-carousel',
   ['arrowsPlacement', 'infiniteScrollOffset', 'itemsPerPageL', 'itemsPerPageM', 'itemsPerPageS', 'selectedIndex'],

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

@@ -1,7 +1,7 @@
+import { ValueState } from '@ui5/webcomponents-react/lib/ValueState';
 import { withWebComponent, WithWebComponentPropTypes } from '@ui5/webcomponents-react/lib/withWebComponent';
 import '@ui5/webcomponents/dist/CheckBox';
 import { FC } from 'react';
-import { ValueState } from '@ui5/webcomponents-react/lib/ValueState';
 
 export interface CheckBoxPropTypes extends Omit<WithWebComponentPropTypes, 'onChange'> {
   /**
@@ -43,15 +43,15 @@ export interface CheckBoxPropTypes extends Omit<WithWebComponentPropTypes, 'onCh
 }
 
 /**
-     * Allows the user to set a binary value, such as true/false or yes/no for an item. <br /><br />
-The <code>CheckBox</code> component consists of a box and a label that describes its purpose. If it's checked, an
-indicator is displayed inside the box. To check/uncheck the <code>CheckBox</code>, the user has to click or tap the
-square box or its label. <br /><br />
-The <code>CheckBox</code> component only has 2 states - checked and unchecked. Clicking or tapping toggles the
-<code>CheckBox</code> between checked and unchecked state.
-     
-     * <a href="https://sap.github.io/ui5-webcomponents/playground/components/CheckBox" target="_blank">UI5 Web Components Playground</a>
-     */
+ * Allows the user to set a binary value, such as true/false or yes/no for an item. <br /><br />
+ The <code>CheckBox</code> component consists of a box and a label that describes its purpose. If it's checked, an
+ indicator is displayed inside the box. To check/uncheck the <code>CheckBox</code>, the user has to click or tap the
+ square box or its label. <br /><br />
+ The <code>CheckBox</code> component only has 2 states - checked and unchecked. Clicking or tapping toggles the
+ <code>CheckBox</code> between checked and unchecked state.
+
+ * <a href="https://sap.github.io/ui5-webcomponents/playground/components/CheckBox" target="_blank">UI5 Web Components Playground</a>
+ */
 const CheckBox: FC<CheckBoxPropTypes> = withWebComponent<CheckBoxPropTypes>(
   'ui5-checkbox',
   ['name', 'text', 'valueState'],

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

@@ -1,8 +1,7 @@
+import { ValueState } from '@ui5/webcomponents-react/lib/ValueState';
 import { withWebComponent, WithWebComponentPropTypes } from '@ui5/webcomponents-react/lib/withWebComponent';
 import '@ui5/webcomponents/dist/ComboBox';
-import { FC } from 'react';
-import { ValueState } from '@ui5/webcomponents-react/lib/ValueState';
-import { ReactNode } from 'react';
+import { FC, ReactNode } from 'react';
 
 export interface ComboBoxPropTypes extends Omit<WithWebComponentPropTypes, 'onChange' | 'onInput'> {
   /**
@@ -58,12 +57,12 @@ export interface ComboBoxPropTypes extends Omit<WithWebComponentPropTypes, 'onCh
 }
 
 /**
-     * The <code>ComboBox</code> component represents a drop-down menu with a list of the available options and a text input
-field to narrow down the options. It is commonly used to enable users to select one or more options from a predefined
-list.
-     
-     * <a href="https://sap.github.io/ui5-webcomponents/playground/components/ComboBox" target="_blank">UI5 Web Components Playground</a>
-     */
+ * The <code>ComboBox</code> component represents a drop-down menu with a list of the available options and a text input
+ field to narrow down the options. It is commonly used to enable users to select one or more options from a predefined
+ list.
+
+ * <a href="https://sap.github.io/ui5-webcomponents/playground/components/ComboBox" target="_blank">UI5 Web Components Playground</a>
+ */
 const ComboBox: FC<ComboBoxPropTypes> = withWebComponent<ComboBoxPropTypes>(
   'ui5-combobox',
   ['filter', 'filterValue', 'placeholder', 'value', 'valueState'],

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

@@ -10,10 +10,10 @@ export interface ComboBoxItemPropTypes extends WithWebComponentPropTypes {
 }
 
 /**
-     * The <code>ComboBoxItem</code> represents the item for a <code>ComboBox</code>
-     
-     * <a href="https://sap.github.io/ui5-webcomponents/playground/components/ComboBoxItem" target="_blank">UI5 Web Components Playground</a>
-     */
+ * The <code>ComboBoxItem</code> represents the item for a <code>ComboBox</code>
+
+ * <a href="https://sap.github.io/ui5-webcomponents/playground/components/ComboBoxItem" target="_blank">UI5 Web Components Playground</a>
+ */
 const ComboBoxItem: FC<ComboBoxItemPropTypes> = withWebComponent<ComboBoxItemPropTypes>(
   'ui5-cb-item',
   ['text'],

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

@@ -1,8 +1,7 @@
+import { ListItemTypes } from '@ui5/webcomponents-react/lib/ListItemTypes';
 import { withWebComponent, WithWebComponentPropTypes } from '@ui5/webcomponents-react/lib/withWebComponent';
 import '@ui5/webcomponents/dist/CustomListItem';
-import { FC } from 'react';
-import { ListItemTypes } from '@ui5/webcomponents-react/lib/ListItemTypes';
-import { ReactNode } from 'react';
+import { FC, ReactNode } from 'react';
 
 export interface CustomListItemPropTypes extends WithWebComponentPropTypes {
   /**
@@ -24,12 +23,12 @@ export interface CustomListItemPropTypes extends WithWebComponentPropTypes {
 }
 
 /**
-     * A component to be used as custom list item within the <code>List</code> the same way as the standard
-<code>StandardListItem</code>. The <code>CustomListItem</code> accepts arbitrary HTML content to allow full
-customization
-     
-     * <a href="https://sap.github.io/ui5-webcomponents/playground/components/CustomListItem" target="_blank">UI5 Web Components Playground</a>
-     */
+ * A component to be used as custom list item within the <code>List</code> the same way as the standard
+ <code>StandardListItem</code>. The <code>CustomListItem</code> accepts arbitrary HTML content to allow full
+ customization
+
+ * <a href="https://sap.github.io/ui5-webcomponents/playground/components/CustomListItem" target="_blank">UI5 Web Components Playground</a>
+ */
 const CustomListItem: FC<CustomListItemPropTypes> = withWebComponent<CustomListItemPropTypes>(
   'ui5-li-custom',
   ['type'],

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

@@ -1,9 +1,8 @@
-import { withWebComponent, WithWebComponentPropTypes } from '@ui5/webcomponents-react/lib/withWebComponent';
-import '@ui5/webcomponents/dist/DatePicker';
-import { FC } from 'react';
 import { CalendarType } from '@ui5/webcomponents-react/lib/CalendarType';
 import { ValueState } from '@ui5/webcomponents-react/lib/ValueState';
-import { ReactNode } from 'react';
+import { withWebComponent, WithWebComponentPropTypes } from '@ui5/webcomponents-react/lib/withWebComponent';
+import '@ui5/webcomponents/dist/DatePicker';
+import { FC, ReactNode } from 'react';
 
 export interface DatePickerPropTypes extends Omit<WithWebComponentPropTypes, 'onChange' | 'onInput'> {
   /**
@@ -75,12 +74,12 @@ export interface DatePickerPropTypes extends Omit<WithWebComponentPropTypes, 'on
 }
 
 /**
-     * The <code>DatePicker</code> component provides an input field with assigned calendar which opens on user action. The
-<code>DatePicker</code> allows users to select a localized date using touch, mouse, or keyboard input. It consists of
-two parts: the date input field and the date picker.
-     
-     * <a href="https://sap.github.io/ui5-webcomponents/playground/components/DatePicker" target="_blank">UI5 Web Components Playground</a>
-     */
+ * The <code>DatePicker</code> component provides an input field with assigned calendar which opens on user action. The
+ <code>DatePicker</code> allows users to select a localized date using touch, mouse, or keyboard input. It consists of
+ two parts: the date input field and the date picker.
+
+ * <a href="https://sap.github.io/ui5-webcomponents/playground/components/DatePicker" target="_blank">UI5 Web Components Playground</a>
+ */
 const DatePicker: FC<DatePickerPropTypes> = withWebComponent<DatePickerPropTypes>(
   'ui5-date-picker',
   ['formatPattern', 'maxDate', 'minDate', 'name', 'placeholder', 'primaryCalendarType', 'value', 'valueState'],

packages/main/src/webComponents/DateRangePicker/DateRangePicker.stories.mdx

@@ -1,4 +1,4 @@
-import { Title, Subtitle, Description, Meta, Story, Canvas, ArgsTable } from '@storybook/addon-docs/blocks';
+import { ArgsTable, Canvas, Meta, Story } from '@storybook/addon-docs/blocks';
 import { DateRangePicker } from '@ui5/webcomponents-react/lib/DateRangePicker';
 import { CalendarType } from '@ui5/webcomponents-react/lib/CalendarType';
 import { ValueState } from '@ui5/webcomponents-react/lib/ValueState';