@plesk/ui-library 3.31.3 → 3.32.0

package/types/src/components/ItemList/ItemList.d.ts

@@ -1,4 +1,4 @@
-import React, { Component, ComponentProps, ReactElement, MouseEvent, ReactNode } from 'react';
+import { Component, ComponentProps, ReactElement, MouseEvent, ReactNode } from 'react';
 import Grid from '../Grid';
 import '../Item/Item.less';
 import './ItemList.less';
@@ -97,8 +97,8 @@ declare class ItemList extends Component<ItemListProps, ItemListState> {
         value: string | number | (string | number)[] | null;
     } | null;
     componentDidMount(): void;
-    createItemProps: (item: React.ReactElement<ItemProps, string | ((props: any) => React.ReactElement<any, any> | null) | (new (props: any) => React.Component<any, any, any>)>) => ItemProps;
-    renderNormal({ baseClassName, children, ...props }: ItemListProps): React.JSX.Element;
+    createItemProps: (item: ReactElement<ItemProps>) => ItemProps;
+    renderNormal({ baseClassName, children, ...props }: ItemListProps): JSX.Element;
     someChild(predicate: (child: ReactElement<ItemProps>) => boolean): boolean;
     /**
      * There are some states where we can't manage hoverable state
@@ -107,7 +107,7 @@ declare class ItemList extends Component<ItemListProps, ItemListState> {
     isHoverable(): boolean;
     hasViewCard(): boolean;
     hasHoverableCard(): boolean;
-    renderReorderable({ baseClassName, onReorderEnd, children, ...props }: ItemListProps): React.JSX.Element | null;
-    render(): React.JSX.Element;
+    renderReorderable({ baseClassName, onReorderEnd, children, ...props }: ItemListProps): JSX.Element | null;
+    render(): JSX.Element;
 }
 export default ItemList;

package/types/src/components/ItemList/ItemList.stories.d.ts

@@ -1,28 +1,8 @@
-import React from 'react';
+import { ComponentProps } from 'react';
+import ItemList from './ItemList';
+declare type Args = ComponentProps<typeof ItemList>;
 export declare const Basic: {
-    (args: {
-        hoverable?: boolean | undefined;
-        stretchable?: boolean | undefined;
-        selectable?: boolean | "multiple" | "toggleable" | undefined;
-        onSelect?: ((value: string | number | (string | number)[] | null) => void) | undefined;
-        value?: string | number | (string | number)[] | undefined;
-        defaultValue?: string | number | (string | number)[] | undefined;
-        reorderable?: boolean | undefined;
-        onReorderEnd?: (() => void) | undefined;
-        children: (React.ReactElement<{
-            className?: string | undefined;
-            onClick?: ((e: React.MouseEvent<React.ReactElement<any, string | ((props: any) => React.ReactElement<any, any> | null) | (new (props: any) => React.Component<any, any, any>)>, MouseEvent>) => void) | undefined;
-            value?: string | number | undefined;
-            view?: "card" | "simple" | undefined;
-            disabled?: boolean | undefined;
-            hoverable?: boolean | undefined;
-            footer?: React.ReactNode;
-        }, string | ((props: any) => React.ReactElement<any, any> | null) | (new (props: any) => React.Component<any, any, any>)> | null)[];
-        className?: string | undefined;
-        baseClassName?: string | undefined;
-    } & Pick<React.PropsWithChildren<{
-        gap?: "md" | "lg" | "xs" | "sm" | "xl" | undefined;
-    }>, "gap">): React.JSX.Element;
+    (args: Args): JSX.Element;
     args: {
         hoverable?: boolean | undefined;
         stretchable?: boolean | undefined;
@@ -32,45 +12,23 @@ export declare const Basic: {
         defaultValue?: string | number | (string | number)[] | undefined;
         reorderable?: boolean | undefined;
         onReorderEnd?: (() => void) | undefined;
-        children: (React.ReactElement<{
+        children: (import("react").ReactElement<{
             className?: string | undefined;
-            onClick?: ((e: React.MouseEvent<React.ReactElement<any, string | ((props: any) => React.ReactElement<any, any> | null) | (new (props: any) => React.Component<any, any, any>)>, MouseEvent>) => void) | undefined;
+            onClick?: ((e: import("react").MouseEvent<import("react").ReactElement<any, string | ((props: any) => import("react").ReactElement<any, any> | null) | (new (props: any) => import("react").Component<any, any, any>)>, MouseEvent>) => void) | undefined;
             value?: string | number | undefined;
             view?: "card" | "simple" | undefined;
             disabled?: boolean | undefined;
             hoverable?: boolean | undefined;
-            footer?: React.ReactNode;
-        }, string | ((props: any) => React.ReactElement<any, any> | null) | (new (props: any) => React.Component<any, any, any>)> | null)[];
+            footer?: import("react").ReactNode;
+        }, string | ((props: any) => import("react").ReactElement<any, any> | null) | (new (props: any) => import("react").Component<any, any, any>)> | null)[];
         className?: string | undefined;
         baseClassName?: string | undefined;
-    } & Pick<React.PropsWithChildren<{
-        gap?: "md" | "lg" | "xs" | "sm" | "xl" | undefined;
+    } & Pick<import("react").PropsWithChildren<{
+        gap?: "sm" | "md" | "lg" | "xs" | "xl" | undefined;
     }>, "gap">;
 };
 export declare const Cards: {
-    (args: {
-        hoverable?: boolean | undefined;
-        stretchable?: boolean | undefined;
-        selectable?: boolean | "multiple" | "toggleable" | undefined;
-        onSelect?: ((value: string | number | (string | number)[] | null) => void) | undefined;
-        value?: string | number | (string | number)[] | undefined;
-        defaultValue?: string | number | (string | number)[] | undefined;
-        reorderable?: boolean | undefined;
-        onReorderEnd?: (() => void) | undefined;
-        children: (React.ReactElement<{
-            className?: string | undefined;
-            onClick?: ((e: React.MouseEvent<React.ReactElement<any, string | ((props: any) => React.ReactElement<any, any> | null) | (new (props: any) => React.Component<any, any, any>)>, MouseEvent>) => void) | undefined;
-            value?: string | number | undefined;
-            view?: "card" | "simple" | undefined;
-            disabled?: boolean | undefined;
-            hoverable?: boolean | undefined;
-            footer?: React.ReactNode;
-        }, string | ((props: any) => React.ReactElement<any, any> | null) | (new (props: any) => React.Component<any, any, any>)> | null)[];
-        className?: string | undefined;
-        baseClassName?: string | undefined;
-    } & Pick<React.PropsWithChildren<{
-        gap?: "md" | "lg" | "xs" | "sm" | "xl" | undefined;
-    }>, "gap">): React.JSX.Element;
+    (args: Args): JSX.Element;
     args: {
         hoverable?: boolean | undefined;
         stretchable?: boolean | undefined;
@@ -80,45 +38,23 @@ export declare const Cards: {
         defaultValue?: string | number | (string | number)[] | undefined;
         reorderable?: boolean | undefined;
         onReorderEnd?: (() => void) | undefined;
-        children: (React.ReactElement<{
+        children: (import("react").ReactElement<{
             className?: string | undefined;
-            onClick?: ((e: React.MouseEvent<React.ReactElement<any, string | ((props: any) => React.ReactElement<any, any> | null) | (new (props: any) => React.Component<any, any, any>)>, MouseEvent>) => void) | undefined;
+            onClick?: ((e: import("react").MouseEvent<import("react").ReactElement<any, string | ((props: any) => import("react").ReactElement<any, any> | null) | (new (props: any) => import("react").Component<any, any, any>)>, MouseEvent>) => void) | undefined;
             value?: string | number | undefined;
             view?: "card" | "simple" | undefined;
             disabled?: boolean | undefined;
             hoverable?: boolean | undefined;
-            footer?: React.ReactNode;
-        }, string | ((props: any) => React.ReactElement<any, any> | null) | (new (props: any) => React.Component<any, any, any>)> | null)[];
+            footer?: import("react").ReactNode;
+        }, string | ((props: any) => import("react").ReactElement<any, any> | null) | (new (props: any) => import("react").Component<any, any, any>)> | null)[];
         className?: string | undefined;
         baseClassName?: string | undefined;
-    } & Pick<React.PropsWithChildren<{
-        gap?: "md" | "lg" | "xs" | "sm" | "xl" | undefined;
+    } & Pick<import("react").PropsWithChildren<{
+        gap?: "sm" | "md" | "lg" | "xs" | "xl" | undefined;
     }>, "gap">;
 };
 export declare const Reorderables: {
-    (args: {
-        hoverable?: boolean | undefined;
-        stretchable?: boolean | undefined;
-        selectable?: boolean | "multiple" | "toggleable" | undefined;
-        onSelect?: ((value: string | number | (string | number)[] | null) => void) | undefined;
-        value?: string | number | (string | number)[] | undefined;
-        defaultValue?: string | number | (string | number)[] | undefined;
-        reorderable?: boolean | undefined;
-        onReorderEnd?: (() => void) | undefined;
-        children: (React.ReactElement<{
-            className?: string | undefined;
-            onClick?: ((e: React.MouseEvent<React.ReactElement<any, string | ((props: any) => React.ReactElement<any, any> | null) | (new (props: any) => React.Component<any, any, any>)>, MouseEvent>) => void) | undefined;
-            value?: string | number | undefined;
-            view?: "card" | "simple" | undefined;
-            disabled?: boolean | undefined;
-            hoverable?: boolean | undefined;
-            footer?: React.ReactNode;
-        }, string | ((props: any) => React.ReactElement<any, any> | null) | (new (props: any) => React.Component<any, any, any>)> | null)[];
-        className?: string | undefined;
-        baseClassName?: string | undefined;
-    } & Pick<React.PropsWithChildren<{
-        gap?: "md" | "lg" | "xs" | "sm" | "xl" | undefined;
-    }>, "gap">): React.JSX.Element;
+    (args: Args): JSX.Element;
     args: {
         hoverable?: boolean | undefined;
         stretchable?: boolean | undefined;
@@ -128,45 +64,23 @@ export declare const Reorderables: {
         defaultValue?: string | number | (string | number)[] | undefined;
         reorderable?: boolean | undefined;
         onReorderEnd?: (() => void) | undefined;
-        children: (React.ReactElement<{
+        children: (import("react").ReactElement<{
             className?: string | undefined;
-            onClick?: ((e: React.MouseEvent<React.ReactElement<any, string | ((props: any) => React.ReactElement<any, any> | null) | (new (props: any) => React.Component<any, any, any>)>, MouseEvent>) => void) | undefined;
+            onClick?: ((e: import("react").MouseEvent<import("react").ReactElement<any, string | ((props: any) => import("react").ReactElement<any, any> | null) | (new (props: any) => import("react").Component<any, any, any>)>, MouseEvent>) => void) | undefined;
             value?: string | number | undefined;
             view?: "card" | "simple" | undefined;
             disabled?: boolean | undefined;
             hoverable?: boolean | undefined;
-            footer?: React.ReactNode;
-        }, string | ((props: any) => React.ReactElement<any, any> | null) | (new (props: any) => React.Component<any, any, any>)> | null)[];
+            footer?: import("react").ReactNode;
+        }, string | ((props: any) => import("react").ReactElement<any, any> | null) | (new (props: any) => import("react").Component<any, any, any>)> | null)[];
         className?: string | undefined;
         baseClassName?: string | undefined;
-    } & Pick<React.PropsWithChildren<{
-        gap?: "md" | "lg" | "xs" | "sm" | "xl" | undefined;
+    } & Pick<import("react").PropsWithChildren<{
+        gap?: "sm" | "md" | "lg" | "xs" | "xl" | undefined;
     }>, "gap">;
 };
 export declare const Selectables: {
-    (args: {
-        hoverable?: boolean | undefined;
-        stretchable?: boolean | undefined;
-        selectable?: boolean | "multiple" | "toggleable" | undefined;
-        onSelect?: ((value: string | number | (string | number)[] | null) => void) | undefined;
-        value?: string | number | (string | number)[] | undefined;
-        defaultValue?: string | number | (string | number)[] | undefined;
-        reorderable?: boolean | undefined;
-        onReorderEnd?: (() => void) | undefined;
-        children: (React.ReactElement<{
-            className?: string | undefined;
-            onClick?: ((e: React.MouseEvent<React.ReactElement<any, string | ((props: any) => React.ReactElement<any, any> | null) | (new (props: any) => React.Component<any, any, any>)>, MouseEvent>) => void) | undefined;
-            value?: string | number | undefined;
-            view?: "card" | "simple" | undefined;
-            disabled?: boolean | undefined;
-            hoverable?: boolean | undefined;
-            footer?: React.ReactNode;
-        }, string | ((props: any) => React.ReactElement<any, any> | null) | (new (props: any) => React.Component<any, any, any>)> | null)[];
-        className?: string | undefined;
-        baseClassName?: string | undefined;
-    } & Pick<React.PropsWithChildren<{
-        gap?: "md" | "lg" | "xs" | "sm" | "xl" | undefined;
-    }>, "gap">): React.JSX.Element;
+    (args: Args): JSX.Element;
     args: {
         hoverable?: boolean | undefined;
         stretchable?: boolean | undefined;
@@ -176,45 +90,23 @@ export declare const Selectables: {
         defaultValue?: string | number | (string | number)[] | undefined;
         reorderable?: boolean | undefined;
         onReorderEnd?: (() => void) | undefined;
-        children: (React.ReactElement<{
+        children: (import("react").ReactElement<{
             className?: string | undefined;
-            onClick?: ((e: React.MouseEvent<React.ReactElement<any, string | ((props: any) => React.ReactElement<any, any> | null) | (new (props: any) => React.Component<any, any, any>)>, MouseEvent>) => void) | undefined;
+            onClick?: ((e: import("react").MouseEvent<import("react").ReactElement<any, string | ((props: any) => import("react").ReactElement<any, any> | null) | (new (props: any) => import("react").Component<any, any, any>)>, MouseEvent>) => void) | undefined;
             value?: string | number | undefined;
             view?: "card" | "simple" | undefined;
             disabled?: boolean | undefined;
             hoverable?: boolean | undefined;
-            footer?: React.ReactNode;
-        }, string | ((props: any) => React.ReactElement<any, any> | null) | (new (props: any) => React.Component<any, any, any>)> | null)[];
+            footer?: import("react").ReactNode;
+        }, string | ((props: any) => import("react").ReactElement<any, any> | null) | (new (props: any) => import("react").Component<any, any, any>)> | null)[];
         className?: string | undefined;
         baseClassName?: string | undefined;
-    } & Pick<React.PropsWithChildren<{
-        gap?: "md" | "lg" | "xs" | "sm" | "xl" | undefined;
+    } & Pick<import("react").PropsWithChildren<{
+        gap?: "sm" | "md" | "lg" | "xs" | "xl" | undefined;
     }>, "gap">;
 };
 export declare const HoverableItemList: {
-    (args: {
-        hoverable?: boolean | undefined;
-        stretchable?: boolean | undefined;
-        selectable?: boolean | "multiple" | "toggleable" | undefined;
-        onSelect?: ((value: string | number | (string | number)[] | null) => void) | undefined;
-        value?: string | number | (string | number)[] | undefined;
-        defaultValue?: string | number | (string | number)[] | undefined;
-        reorderable?: boolean | undefined;
-        onReorderEnd?: (() => void) | undefined;
-        children: (React.ReactElement<{
-            className?: string | undefined;
-            onClick?: ((e: React.MouseEvent<React.ReactElement<any, string | ((props: any) => React.ReactElement<any, any> | null) | (new (props: any) => React.Component<any, any, any>)>, MouseEvent>) => void) | undefined;
-            value?: string | number | undefined;
-            view?: "card" | "simple" | undefined;
-            disabled?: boolean | undefined;
-            hoverable?: boolean | undefined;
-            footer?: React.ReactNode;
-        }, string | ((props: any) => React.ReactElement<any, any> | null) | (new (props: any) => React.Component<any, any, any>)> | null)[];
-        className?: string | undefined;
-        baseClassName?: string | undefined;
-    } & Pick<React.PropsWithChildren<{
-        gap?: "md" | "lg" | "xs" | "sm" | "xl" | undefined;
-    }>, "gap">): React.JSX.Element;
+    (args: Args): JSX.Element;
     args: {
         hoverable?: boolean | undefined;
         stretchable?: boolean | undefined;
@@ -224,45 +116,23 @@ export declare const HoverableItemList: {
         defaultValue?: string | number | (string | number)[] | undefined;
         reorderable?: boolean | undefined;
         onReorderEnd?: (() => void) | undefined;
-        children: (React.ReactElement<{
+        children: (import("react").ReactElement<{
             className?: string | undefined;
-            onClick?: ((e: React.MouseEvent<React.ReactElement<any, string | ((props: any) => React.ReactElement<any, any> | null) | (new (props: any) => React.Component<any, any, any>)>, MouseEvent>) => void) | undefined;
+            onClick?: ((e: import("react").MouseEvent<import("react").ReactElement<any, string | ((props: any) => import("react").ReactElement<any, any> | null) | (new (props: any) => import("react").Component<any, any, any>)>, MouseEvent>) => void) | undefined;
             value?: string | number | undefined;
             view?: "card" | "simple" | undefined;
             disabled?: boolean | undefined;
             hoverable?: boolean | undefined;
-            footer?: React.ReactNode;
-        }, string | ((props: any) => React.ReactElement<any, any> | null) | (new (props: any) => React.Component<any, any, any>)> | null)[];
+            footer?: import("react").ReactNode;
+        }, string | ((props: any) => import("react").ReactElement<any, any> | null) | (new (props: any) => import("react").Component<any, any, any>)> | null)[];
         className?: string | undefined;
         baseClassName?: string | undefined;
-    } & Pick<React.PropsWithChildren<{
-        gap?: "md" | "lg" | "xs" | "sm" | "xl" | undefined;
+    } & Pick<import("react").PropsWithChildren<{
+        gap?: "sm" | "md" | "lg" | "xs" | "xl" | undefined;
     }>, "gap">;
 };
 export declare const HoverableItems: {
-    (args: {
-        hoverable?: boolean | undefined;
-        stretchable?: boolean | undefined;
-        selectable?: boolean | "multiple" | "toggleable" | undefined;
-        onSelect?: ((value: string | number | (string | number)[] | null) => void) | undefined;
-        value?: string | number | (string | number)[] | undefined;
-        defaultValue?: string | number | (string | number)[] | undefined;
-        reorderable?: boolean | undefined;
-        onReorderEnd?: (() => void) | undefined;
-        children: (React.ReactElement<{
-            className?: string | undefined;
-            onClick?: ((e: React.MouseEvent<React.ReactElement<any, string | ((props: any) => React.ReactElement<any, any> | null) | (new (props: any) => React.Component<any, any, any>)>, MouseEvent>) => void) | undefined;
-            value?: string | number | undefined;
-            view?: "card" | "simple" | undefined;
-            disabled?: boolean | undefined;
-            hoverable?: boolean | undefined;
-            footer?: React.ReactNode;
-        }, string | ((props: any) => React.ReactElement<any, any> | null) | (new (props: any) => React.Component<any, any, any>)> | null)[];
-        className?: string | undefined;
-        baseClassName?: string | undefined;
-    } & Pick<React.PropsWithChildren<{
-        gap?: "md" | "lg" | "xs" | "sm" | "xl" | undefined;
-    }>, "gap">): React.JSX.Element;
+    (args: Args): JSX.Element;
     args: {
         hoverable?: boolean | undefined;
         stretchable?: boolean | undefined;
@@ -272,18 +142,19 @@ export declare const HoverableItems: {
         defaultValue?: string | number | (string | number)[] | undefined;
         reorderable?: boolean | undefined;
         onReorderEnd?: (() => void) | undefined;
-        children: (React.ReactElement<{
+        children: (import("react").ReactElement<{
             className?: string | undefined;
-            onClick?: ((e: React.MouseEvent<React.ReactElement<any, string | ((props: any) => React.ReactElement<any, any> | null) | (new (props: any) => React.Component<any, any, any>)>, MouseEvent>) => void) | undefined;
+            onClick?: ((e: import("react").MouseEvent<import("react").ReactElement<any, string | ((props: any) => import("react").ReactElement<any, any> | null) | (new (props: any) => import("react").Component<any, any, any>)>, MouseEvent>) => void) | undefined;
             value?: string | number | undefined;
             view?: "card" | "simple" | undefined;
             disabled?: boolean | undefined;
             hoverable?: boolean | undefined;
-            footer?: React.ReactNode;
-        }, string | ((props: any) => React.ReactElement<any, any> | null) | (new (props: any) => React.Component<any, any, any>)> | null)[];
+            footer?: import("react").ReactNode;
+        }, string | ((props: any) => import("react").ReactElement<any, any> | null) | (new (props: any) => import("react").Component<any, any, any>)> | null)[];
         className?: string | undefined;
         baseClassName?: string | undefined;
-    } & Pick<React.PropsWithChildren<{
-        gap?: "md" | "lg" | "xs" | "sm" | "xl" | undefined;
+    } & Pick<import("react").PropsWithChildren<{
+        gap?: "sm" | "md" | "lg" | "xs" | "xl" | undefined;
     }>, "gap">;
 };
+export {};

package/types/src/components/Label/Label.d.ts

@@ -1,16 +1,42 @@
-import { FunctionComponent, ReactNode } from 'react';
+import { ReactNode, ReactElement, ComponentPropsWithoutRef, ElementType } from 'react';
+import { IconName, IconProps } from '../Icon';
 import './Label.less';
-declare type LabelProps = {
+declare type BaseLabelProps<T extends ElementType> = {
     /**
-     * Content of the Label
+     * Content of the Label.
      * @since 0.0.42
      */
     children: ReactNode;
     /**
-     * Intent of the Label
+     * Component to render as the root element.
+     * @since 3.32.0
+     */
+    component?: T;
+    /**
+     * Icon of the Label.
+     * @since 3.32.0
+     */
+    icon?: IconName | IconProps | ReactElement<any>;
+    /**
+     * Intent of the Label.
      * @since 0.0.42
      */
     intent?: 'inactive' | 'success' | 'warning' | 'danger' | 'info';
+    /**
+     * The size of the Label.
+     * @since 3.32.0
+     */
+    size?: 'sm' | 'md' | 'lg';
+    /**
+     * View mode.
+     * @since 3.32.0
+     */
+    view?: 'filled' | 'light' | 'outline';
+    /**
+     * Make text appear in all-uppercase.
+     * @since 3.32.0
+     */
+    caps?: boolean;
     /**
      * @ignore
      */
@@ -20,9 +46,10 @@ declare type LabelProps = {
      */
     baseClassName?: string;
 };
+declare type LabelProps<T extends ElementType> = BaseLabelProps<T> & Omit<ComponentPropsWithoutRef<T>, keyof BaseLabelProps<T>>;
 /**
  * `Label` component is used for showing multiple characteristics or attributes of an object.
  * @since 0.0.42
  */
-declare const Label: FunctionComponent<LabelProps>;
+declare const Label: <T extends ElementType<any> = "button" | "span">({ baseClassName, children, className, component, icon, intent, view, size, caps, ...props }: LabelProps<T>) => JSX.Element;
 export default Label;

package/types/src/components/Layer/Layer.d.ts

@@ -1,5 +1,5 @@
-import React, { ReactNode, Ref } from 'react';
-export declare const PortalContext: React.Context<HTMLElement | undefined>;
+import { ReactNode, Ref } from 'react';
+export declare const PortalContext: import("react").Context<HTMLElement | undefined>;
 declare type LayerProps = {
     /**
      * Content of the `Layer`.
@@ -25,5 +25,5 @@ declare type LayerProps = {
 /**
  * `Layer` component.
  */
-declare const Layer: ({ baseClassName, className, children, innerRef, level, ...props }: LayerProps) => React.ReactPortal;
+declare const Layer: ({ baseClassName, className, children, innerRef, level, ...props }: LayerProps) => import("react").ReactPortal;
 export default Layer;

package/types/src/components/Link/Link.d.ts

@@ -1,4 +1,4 @@
-import React, { ReactNode, SyntheticEvent, ComponentType, HTMLProps } from 'react';
+import { ReactNode, SyntheticEvent, ComponentType, HTMLProps } from 'react';
 import './Link.less';
 export declare type LinkProps<P> = {
     /**
@@ -43,5 +43,5 @@ export declare type LinkProps<P> = {
  * `Link` is used for navigation purposes.
  * @since 1.9.0
  */
-declare const Link: <P>({ baseClassName, className, onClick, disabled, pseudo, component, children, ...other }: LinkProps<P>) => React.JSX.Element;
+declare const Link: <P>({ baseClassName, className, onClick, disabled, pseudo, component, children, ...other }: LinkProps<P>) => JSX.Element;
 export default Link;

package/types/src/components/List/List.stories.d.ts

@@ -1,29 +1,30 @@
-import React from 'react';
+declare type Args = any;
 export declare const Basic: {
-    (args: any): React.JSX.Element;
+    (args: Args): JSX.Element;
     args: any;
 };
 export declare const Vertical: {
-    (args: any): React.JSX.Element;
+    (args: Args): JSX.Element;
     args: any;
 };
 export declare const Nested: {
-    (args: any): React.JSX.Element;
+    (args: Args): JSX.Element;
     args: any;
 };
 export declare const NestedFullFeatured: {
-    (args: any): React.JSX.Element;
+    (args: Args): JSX.Element;
     args: any;
 };
 export declare const ExpandedList: {
-    (args: any): React.JSX.Element;
+    (args: Args): JSX.Element;
     args: any;
 };
 export declare const Reorderable: {
-    (args: any): React.JSX.Element;
+    (args: Args): JSX.Element;
     args: any;
 };
 export declare const ReorderableFullFeatured: {
-    (args: any): React.JSX.Element;
+    (args: Args): JSX.Element;
     args: any;
 };
+export {};

package/types/src/components/List/ListAction.d.ts

@@ -1,4 +1,4 @@
-import React, { ReactNode, ReactElement } from 'react';
+import { ReactNode, ReactElement } from 'react';
 import { IconProps } from '../Icon';
 declare type RenderFn = (props: {
     wrap: (children: ReactNode) => ReactNode;
@@ -35,5 +35,5 @@ declare type ListActionProps = {
  * It accepts the props of [Button](#!/Button) and [MenuItem](#!/MenuItem) components.
  * @since 3.3.0
  */
-declare const ListAction: ({ primary, children, tooltip, ...props }: ListActionProps) => React.JSX.Element | null;
+declare const ListAction: ({ primary, children, tooltip, ...props }: ListActionProps) => JSX.Element | null;
 export default ListAction;

package/types/src/components/List/ListActions.d.ts

@@ -1,4 +1,4 @@
-import React, { ReactNode } from 'react';
+import { ReactNode } from 'react';
 import './ListActions.less';
 declare type ListActionsProps = {
     /**
@@ -26,5 +26,5 @@ declare type ListActionsProps = {
  * `ListActions` component is used for performing operations on individual objects in [List](#!/List).
  * @since 3.3.0
  */
-declare const ListActions: ({ baseClassName, className, children, locale, ...props }: ListActionsProps) => React.JSX.Element;
+declare const ListActions: ({ baseClassName, className, children, locale, ...props }: ListActionsProps) => JSX.Element;
 export default ListActions;

package/types/src/components/List/ListActionsDivider.d.ts

@@ -1,10 +1,10 @@
-import React from 'react';
+import { ComponentProps } from 'react';
+import { MenuDivider } from '../Menu';
+declare type ListActionsDividerProps = ComponentProps<typeof MenuDivider>;
 /**
  * `ListActionsDivider` component is a part of [ListActions](#!/ListActions) component.
  * It accepts the props of [MenuDivider](#!/MenuDivider) component.
  * @since 3.10.0
  */
-declare const ListActionsDivider: (props: React.PropsWithChildren<{
-    className?: string | undefined;
-}>) => React.JSX.Element;
+declare const ListActionsDivider: (props: ListActionsDividerProps) => JSX.Element;
 export default ListActionsDivider;

package/types/src/components/LocaleProvider/LocaleProvider.d.ts

@@ -1,4 +1,4 @@
-import React, { PureComponent, ReactNode } from 'react';
+import { PureComponent, ReactNode } from 'react';
 import PropTypes from 'prop-types';
 declare type Message = string | Messages;
 declare type Messages = {
@@ -32,6 +32,6 @@ declare class LocaleProvider extends PureComponent<LocaleProviderProps> {
             lmsg: Translate;
         };
     };
-    render(): React.JSX.Element;
+    render(): JSX.Element;
 }
 export default LocaleProvider;

package/types/src/components/Menu/Menu.stories.d.ts

@@ -1,19 +1,20 @@
-import React from 'react';
+declare type Args = any;
 export declare const Basic: {
-    (args: any): React.JSX.Element;
+    (args: Args): JSX.Element;
     args: {
-        children: React.JSX.Element[];
+        children: JSX.Element[];
     };
 };
 export declare const Tooltip: {
-    (args: any): React.JSX.Element;
+    (args: Args): JSX.Element;
     args: {
-        children: React.JSX.Element[];
+        children: JSX.Element[];
     };
 };
 export declare const FullFeatured: {
-    (args: any): React.JSX.Element;
+    (args: Args): JSX.Element;
     args: {
-        children: React.JSX.Element[];
+        children: JSX.Element[];
     };
 };
+export {};

package/types/src/components/Panel/Panel.d.ts

@@ -1,4 +1,4 @@
-import React, { Component, ReactNode } from 'react';
+import { Component, SyntheticEvent, ReactNode } from 'react';
 import './Panel.less';
 declare type PanelProps = {
     /**
@@ -59,7 +59,7 @@ declare class Panel extends Component<PanelProps, PanelState> {
         collapsed: boolean | undefined;
         prevPropsCollapsed: boolean | undefined;
     } | null;
-    handleToggle: (e: React.SyntheticEvent<HTMLElement, MouseEvent>) => void;
-    render(): React.JSX.Element;
+    handleToggle: (e: SyntheticEvent<HTMLElement, MouseEvent>) => void;
+    render(): JSX.Element;
 }
 export default Panel;

package/types/src/components/Popover/Popover.stories.d.ts

@@ -1,22 +1,25 @@
-import React from 'react';
+import { ComponentProps } from 'react';
+import Popover from './Popover';
+declare type Args = ComponentProps<typeof Popover>;
 export declare const Basic: {
-    (args: any): React.JSX.Element;
+    (args: Args): JSX.Element;
     args: {
-        target: React.JSX.Element;
+        target: JSX.Element;
         children: string;
     };
 };
 export declare const ThreeButtons: {
-    (args: any): React.JSX.Element;
+    (args: Args): JSX.Element;
     args: {
-        children: React.JSX.Element;
-        target: React.JSX.Element;
+        children: JSX.Element;
+        target: JSX.Element;
     };
 };
 export declare const Autofocus: {
-    (args: any): React.JSX.Element;
+    (args: Args): JSX.Element;
     args: {
-        children: React.JSX.Element;
-        target: React.JSX.Element;
+        children: JSX.Element;
+        target: JSX.Element;
     };
 };
+export {};

package/types/src/components/Select/Select.d.ts

@@ -1,4 +1,3 @@
-import { Omit } from '../../utils';
 import { FunctionComponent, HTMLProps, ReactNode } from 'react';
 import { Value } from './structures';
 import './Select.less';