@plesk/ui-library 3.31.2 → 3.31.3

package/styleguide/build/{bundle.26082873.js.LICENSE.txt → bundle.bab12e1d.js.LICENSE.txt}

@@ -83,7 +83,7 @@ object-assign
 
 /**!
  * @fileOverview Kickass library to create and place poppers near their reference elements.
- * @version 1.14.3
+ * @version 1.16.1
  * @license
  * Copyright (c) 2016 Federico Zivolo and contributors
  *

package/styleguide/index.html

@@ -4,7 +4,7 @@
     <meta charset="utf-8">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
     <meta http-equiv="X-UA-Compatible" content="ie=edge">
-    <title>Plesk UI Library 3.31.2</title>
+    <title>Plesk UI Library 3.31.3</title>
     <meta name="msapplication-TileColor" content="#da532c">
     <meta name="theme-color" content="#ffffff">
     <link rel="apple-touch-icon" sizes="180x180" href="apple-touch-icon.png">
@@ -40,6 +40,6 @@
     </script>
     <noscript><div><img src="https://mc.yandex.ru/watch/56446840" style="position:absolute; left:-9999px;" alt="" /></div></noscript>
     <!-- /Yandex.Metrika counter -->
-    <script src="build/bundle.26082873.js"></script>
+    <script src="build/bundle.bab12e1d.js"></script>
   </body>
 </html>

package/types/package.d.ts

@@ -108,7 +108,6 @@ declare const _exports: {
         "rtlcss": string;
         "style-loader": string;
         "stylelint": string;
-        "stylelint-config-prettier": string;
         "stylelint-declaration-block-no-ignored-properties": string;
         "stylelint-no-unsupported-browser-features": string;
         "stylelint-prettier": string;
@@ -125,9 +124,7 @@ declare const _exports: {
     };
     "resolutions": {
         "@babel/types": string;
-        "@types/node": string;
         "@types/react": string;
-        "**/caniuse-lite": string;
         "trim": string;
         "postcss": string;
     };

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

@@ -6,9 +6,9 @@ export declare const Basic: {
         intent?: "success" | "info" | "warning" | "danger" | undefined;
         children?: React.ReactNode;
         onClose?: ((e: React.SyntheticEvent<HTMLElement, Event>) => void) | undefined;
-    }>): JSX.Element;
+    }>): React.JSX.Element;
     args: {
         children: string;
     };
 };
-export declare const Intents: () => JSX.Element;
+export declare const Intents: () => React.JSX.Element;

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

@@ -54,6 +54,6 @@ declare class AutoClosable extends Component<AutoClosableProps> {
         readonly TEXT_NODE: number;
     } | React.Component<any, {}, any> | React.RefObject<HTMLElement> | null)[];
     onOutsideClick: (event: MouseEvent) => void;
-    render(): JSX.Element;
+    render(): React.JSX.Element;
 }
 export default AutoClosable;

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

@@ -1,15 +1,16 @@
+import React from 'react';
 export declare const Basic: {
-    (args: any): JSX.Element;
+    (args: any): React.JSX.Element;
     args: {
         children: string;
     };
 };
 export declare const Ghost: {
-    (args: any): JSX.Element;
+    (args: any): React.JSX.Element;
     args: {
         icon: string;
     };
 };
-export declare const Intents: () => JSX.Element;
-export declare const Arrows: () => JSX.Element;
-export declare const States: () => JSX.Element[];
+export declare const Intents: () => React.JSX.Element;
+export declare const Arrows: () => React.JSX.Element;
+export declare const States: () => React.JSX.Element[];

package/types/src/components/Button/ButtonContext.d.ts

@@ -0,0 +1,9 @@
+import React from 'react';
+export declare type ButtonContextValue = {
+    defaultProps: {
+        size?: 'md' | 'lg';
+    };
+};
+export declare const ButtonContext: React.Context<ButtonContextValue>;
+export declare const getButtonContextValue: (value: Partial<ButtonContextValue>) => ButtonContextValue;
+export default ButtonContext;

package/types/src/components/Card/PreviewPanel.d.ts

@@ -1,4 +1,4 @@
-import { ReactNode, CSSProperties } from 'react';
+import React, { ReactNode, CSSProperties } from 'react';
 import './PreviewPanel.less';
 declare type PreviewPanelProps = {
     /**
@@ -49,5 +49,5 @@ declare type PreviewPanelProps = {
  * `PreviewPanel` component is used for displaying website preview.
  * @since 0.3.0
  */
-declare const PreviewPanel: ({ background, image, padding, alt, children, className, baseClassName, html, ...props }: PreviewPanelProps) => JSX.Element;
+declare const PreviewPanel: ({ background, image, padding, alt, children, className, baseClassName, html, ...props }: PreviewPanelProps) => React.JSX.Element;
 export default PreviewPanel;

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

@@ -1,4 +1,4 @@
-import { ComponentProps, ReactElement } from 'react';
+import React, { ComponentProps, ReactElement } from 'react';
 import ComboBoxOption from './ComboBoxOption';
 import './ComboBox.less';
 declare type ComboBoxProps = {
@@ -52,7 +52,7 @@ declare type ComboBoxProps = {
     children: ReactElement<ComponentProps<typeof ComboBoxOption>>[];
 };
 declare const _default: {
-    (props: ComboBoxProps): JSX.Element;
+    (props: ComboBoxProps): React.JSX.Element;
     displayName: string;
 };
 export default _default;

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

@@ -1,4 +1,4 @@
-import { ReactElement, ReactNode, RefObject } from 'react';
+import React, { ReactElement, ReactNode, RefObject } from 'react';
 import { EventEmitter } from '../utils';
 import './ComboBoxDropdown.less';
 declare type ValueType = any;
@@ -36,5 +36,5 @@ declare type ComboBoxDropdownProps = {
     noOptions?: ReactNode;
     emitter?: EventEmitter;
 };
-declare const ComboBoxDropdown: ({ baseClassName, className, control, controlRef, opened, disabled, groups, options, onHighlightedIndexChange, onClose, value, highlightedIndex, onSelect, noOptions, emitter, ...props }: ComboBoxDropdownProps) => JSX.Element;
+declare const ComboBoxDropdown: ({ baseClassName, className, control, controlRef, opened, disabled, groups, options, onHighlightedIndexChange, onClose, value, highlightedIndex, onSelect, noOptions, emitter, ...props }: ComboBoxDropdownProps) => React.JSX.Element;
 export default ComboBoxDropdown;

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

@@ -1,4 +1,4 @@
-import { PureComponent, ReactNode, RefObject } from 'react';
+import React, { PureComponent, ReactNode, RefObject } from 'react';
 import './ConsoleOutput.less';
 declare type ConsoleOutputProps = {
     /**
@@ -47,6 +47,6 @@ declare class ConsoleOutput extends PureComponent<ConsoleOutputProps> {
     prevScrollTop: number;
     autoscrollCancelled: boolean;
     handleScroll: () => void;
-    render(): JSX.Element;
+    render(): React.JSX.Element;
 }
 export default ConsoleOutput;

package/types/src/components/ContentLoader/IconsLoader.d.ts

@@ -1,4 +1,4 @@
-import { ReactElement } from 'react';
+import React, { ReactElement } from 'react';
 import { IconName, IconProps } from '../Icon';
 import './IconsLoader.less';
 declare type IconsLoaderProps = {
@@ -8,5 +8,5 @@ declare type IconsLoaderProps = {
     icons?: (IconName | IconProps | ReactElement<any>)[];
     size?: IconProps['size'];
 };
-declare const IconsLoader: ({ baseClassName, className, icons, size, style, ...props }: IconsLoaderProps) => JSX.Element;
+declare const IconsLoader: ({ baseClassName, className, icons, size, style, ...props }: IconsLoaderProps) => React.JSX.Element;
 export default IconsLoader;

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

@@ -58,6 +58,6 @@ declare class Cuttable extends Component<CuttableProps, CuttableState> {
     contentRef: React.RefObject<HTMLDivElement>;
     handleToggle: () => void;
     handleResize: () => void;
-    render(): JSX.Element;
+    render(): React.JSX.Element;
 }
 export default Cuttable;

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

@@ -10,9 +10,9 @@ export declare const Basic: {
         };
         className?: string | undefined;
         baseClassName?: string | undefined;
-    }): JSX.Element;
+    }): React.JSX.Element;
     args: {
-        children: JSX.Element;
+        children: React.JSX.Element;
     };
 };
 export declare const WithItemList: {
@@ -26,9 +26,9 @@ export declare const WithItemList: {
         };
         className?: string | undefined;
         baseClassName?: string | undefined;
-    }): JSX.Element;
+    }): React.JSX.Element;
     args: {
         maxHeight: number;
-        children: JSX.Element;
+        children: React.JSX.Element;
     };
 };

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

@@ -1,5 +1,6 @@
+import React from 'react';
 export declare const Basic: {
-    (args: any): JSX.Element;
+    (args: any): React.JSX.Element;
     args: {
         children: string;
         title: string;
@@ -7,10 +8,10 @@ export declare const Basic: {
     };
 };
 export declare const WithSideBanner: {
-    (args: any): JSX.Element;
+    (args: any): React.JSX.Element;
     args: {
         size: string;
-        sideBanner: JSX.Element;
+        sideBanner: React.JSX.Element;
         sideBannerContainer: {
             background: string;
         };

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

@@ -1,5 +1,6 @@
+import React from 'react';
 export declare const Basic: {
-    (args: any): JSX.Element;
+    (args: any): React.JSX.Element;
     args: {
         children: string;
         title: string;
@@ -7,7 +8,7 @@ export declare const Basic: {
     };
 };
 export declare const WithForm: {
-    (args: any): JSX.Element;
+    (args: any): React.JSX.Element;
     args: {
         form: {};
         children: string;
@@ -16,10 +17,10 @@ export declare const WithForm: {
     };
 };
 export declare const WithSideBanner: {
-    (args: any): JSX.Element;
+    (args: any): React.JSX.Element;
     args: {
         size: string;
-        sideBanner: JSX.Element;
+        sideBanner: React.JSX.Element;
         sideBannerContainer: {
             background: string;
         };
@@ -29,7 +30,7 @@ export declare const WithSideBanner: {
     };
 };
 export declare const WithClosingConfirmation: {
-    (args: any): JSX.Element;
+    (args: any): React.JSX.Element;
     args: {
         closingConfirmation: boolean;
         children: string;

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

@@ -38,17 +38,17 @@ export declare type FormProps<FV extends FormValues> = {
      * Submit button visibility or custom configuration
      * @since 0.0.58
      */
-    submitButton?: boolean | ComponentPropsWithRef<typeof Button>;
+    submitButton?: boolean | Partial<ComponentPropsWithRef<typeof Button>>;
     /**
      * Apply button visibility or custom configuration
      * @since 0.0.58
      */
-    applyButton?: boolean | ComponentPropsWithRef<typeof Button>;
+    applyButton?: boolean | Partial<ComponentPropsWithRef<typeof Button>>;
     /**
      * Cancel button visibility or custom configuration
      * @since 0.0.58
      */
-    cancelButton?: boolean | ComponentPropsWithRef<typeof Button>;
+    cancelButton?: boolean | Partial<ComponentPropsWithRef<typeof Button>>;
     /**
      * Additional buttons
      * @since 0.0.58
@@ -138,17 +138,17 @@ declare const RefForwardingForm: React.ForwardRefExoticComponent<{
      * Submit button visibility or custom configuration
      * @since 0.0.58
      */
-    submitButton?: boolean | {} | undefined;
+    submitButton?: boolean | Partial<{}> | undefined;
     /**
      * Apply button visibility or custom configuration
      * @since 0.0.58
      */
-    applyButton?: boolean | {} | undefined;
+    applyButton?: boolean | Partial<{}> | undefined;
     /**
      * Cancel button visibility or custom configuration
      * @since 0.0.58
      */
-    cancelButton?: boolean | {} | undefined;
+    cancelButton?: boolean | Partial<{}> | undefined;
     /**
      * Additional buttons
      * @since 0.0.58

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

@@ -1,11 +1,12 @@
+import React from 'react';
 export declare const Basic: {
-    (args: any): JSX.Element;
+    (args: any): React.JSX.Element;
     args: {
         values: {
             field1: string;
             field2: string;
             field3: boolean;
         };
-        children: JSX.Element[];
+        children: React.JSX.Element[];
     };
 };

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

@@ -1,12 +1,13 @@
+import React from 'react';
 export declare const Basic: {
-    (args: any): JSX.Element;
+    (args: any): React.JSX.Element;
     args: {
         name: string;
         label: string;
     };
 };
 export declare const WithFullDescription: {
-    (args: any): JSX.Element;
+    (args: any): React.JSX.Element;
     args: {
         label: string;
         fullDescription: string;

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

@@ -1,4 +1,4 @@
-import { Component, ComponentProps, ComponentPropsWithRef, ReactElement, RefObject } from 'react';
+import React, { Component, ComponentProps, ComponentPropsWithRef, ReactElement, RefObject } from 'react';
 import Button from '../Button';
 import FormField from '../FormField';
 import { PasswordMeterProps } from './PasswordMeter';
@@ -85,7 +85,7 @@ declare class FormFieldPassword extends Component<FormFieldPasswordProps, FormFi
     renderGenerateButton({ setValue, isDisabled, }: {
         setValue: (value: any) => void;
         isDisabled: () => boolean;
-    }): JSX.Element;
-    render(): JSX.Element;
+    }): React.JSX.Element;
+    render(): React.JSX.Element;
 }
 export default FormFieldPassword;

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

@@ -1,5 +1,6 @@
+import React from 'react';
 export declare const Basic: {
-    (args: any): JSX.Element;
+    (args: any): React.JSX.Element;
     args: {};
 };
-export declare const All: () => JSX.Element;
+export declare const All: () => React.JSX.Element;

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

@@ -1,4 +1,4 @@
-import { ReactNode } from 'react';
+import React, { ReactNode } from 'react';
 import './InputFile.less';
 declare type InputFileProps = {
     /**
@@ -50,5 +50,5 @@ declare type InputFileProps = {
  * `InputFile` component is used for browsing and choosing a file from the local disk.
  * @since 3.2.0
  */
-declare const InputFile: ({ baseClassName, className, onChange, name, disabled, locale, testId, accept, ...props }: InputFileProps) => JSX.Element;
+declare const InputFile: ({ baseClassName, className, onChange, name, disabled, locale, testId, accept, ...props }: InputFileProps) => React.JSX.Element;
 export default InputFile;

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

@@ -5,7 +5,7 @@ export declare const Basic: {
         className?: string | undefined;
         hoverable?: boolean | undefined;
         children: React.ReactNode;
-    } & React.HTMLProps<HTMLDivElement>>): JSX.Element;
+    } & React.HTMLProps<HTMLDivElement>>): React.JSX.Element;
     args: {
         children: string;
         onClick: () => void;

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

@@ -98,7 +98,7 @@ declare class ItemList extends Component<ItemListProps, ItemListState> {
     } | 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): JSX.Element;
+    renderNormal({ baseClassName, children, ...props }: ItemListProps): React.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): JSX.Element | null;
-    render(): JSX.Element;
+    renderReorderable({ baseClassName, onReorderEnd, children, ...props }: ItemListProps): React.JSX.Element | null;
+    render(): React.JSX.Element;
 }
 export default ItemList;

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

@@ -22,7 +22,7 @@ export declare const Basic: {
         baseClassName?: string | undefined;
     } & Pick<React.PropsWithChildren<{
         gap?: "md" | "lg" | "xs" | "sm" | "xl" | undefined;
-    }>, "gap">): JSX.Element;
+    }>, "gap">): React.JSX.Element;
     args: {
         hoverable?: boolean | undefined;
         stretchable?: boolean | undefined;
@@ -70,7 +70,7 @@ export declare const Cards: {
         baseClassName?: string | undefined;
     } & Pick<React.PropsWithChildren<{
         gap?: "md" | "lg" | "xs" | "sm" | "xl" | undefined;
-    }>, "gap">): JSX.Element;
+    }>, "gap">): React.JSX.Element;
     args: {
         hoverable?: boolean | undefined;
         stretchable?: boolean | undefined;
@@ -118,7 +118,7 @@ export declare const Reorderables: {
         baseClassName?: string | undefined;
     } & Pick<React.PropsWithChildren<{
         gap?: "md" | "lg" | "xs" | "sm" | "xl" | undefined;
-    }>, "gap">): JSX.Element;
+    }>, "gap">): React.JSX.Element;
     args: {
         hoverable?: boolean | undefined;
         stretchable?: boolean | undefined;
@@ -166,7 +166,7 @@ export declare const Selectables: {
         baseClassName?: string | undefined;
     } & Pick<React.PropsWithChildren<{
         gap?: "md" | "lg" | "xs" | "sm" | "xl" | undefined;
-    }>, "gap">): JSX.Element;
+    }>, "gap">): React.JSX.Element;
     args: {
         hoverable?: boolean | undefined;
         stretchable?: boolean | undefined;
@@ -214,7 +214,7 @@ export declare const HoverableItemList: {
         baseClassName?: string | undefined;
     } & Pick<React.PropsWithChildren<{
         gap?: "md" | "lg" | "xs" | "sm" | "xl" | undefined;
-    }>, "gap">): JSX.Element;
+    }>, "gap">): React.JSX.Element;
     args: {
         hoverable?: boolean | undefined;
         stretchable?: boolean | undefined;
@@ -262,7 +262,7 @@ export declare const HoverableItems: {
         baseClassName?: string | undefined;
     } & Pick<React.PropsWithChildren<{
         gap?: "md" | "lg" | "xs" | "sm" | "xl" | undefined;
-    }>, "gap">): JSX.Element;
+    }>, "gap">): React.JSX.Element;
     args: {
         hoverable?: boolean | undefined;
         stretchable?: boolean | undefined;

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

@@ -1,4 +1,4 @@
-import { ReactNode, SyntheticEvent, ComponentType, HTMLProps } from 'react';
+import React, { 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>) => JSX.Element;
+declare const Link: <P>({ baseClassName, className, onClick, disabled, pseudo, component, children, ...other }: LinkProps<P>) => React.JSX.Element;
 export default Link;

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

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

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

@@ -1,4 +1,4 @@
-import { ReactNode, ReactElement } from 'react';
+import React, { 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) => JSX.Element | null;
+declare const ListAction: ({ primary, children, tooltip, ...props }: ListActionProps) => React.JSX.Element | null;
 export default ListAction;

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

@@ -1,4 +1,4 @@
-import { ReactNode } from 'react';
+import React, { 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) => JSX.Element;
+declare const ListActions: ({ baseClassName, className, children, locale, ...props }: ListActionsProps) => React.JSX.Element;
 export default ListActions;

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

@@ -6,5 +6,5 @@ import React from 'react';
  */
 declare const ListActionsDivider: (props: React.PropsWithChildren<{
     className?: string | undefined;
-}>) => JSX.Element;
+}>) => React.JSX.Element;
 export default ListActionsDivider;

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

@@ -1,4 +1,4 @@
-import { PureComponent, ReactNode } from 'react';
+import React, { 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(): JSX.Element;
+    render(): React.JSX.Element;
 }
 export default LocaleProvider;

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

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

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

@@ -60,6 +60,6 @@ declare class Panel extends Component<PanelProps, PanelState> {
         prevPropsCollapsed: boolean | undefined;
     } | null;
     handleToggle: (e: React.SyntheticEvent<HTMLElement, MouseEvent>) => void;
-    render(): JSX.Element;
+    render(): React.JSX.Element;
 }
 export default Panel;

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

@@ -1,21 +1,22 @@
+import React from 'react';
 export declare const Basic: {
-    (args: any): JSX.Element;
+    (args: any): React.JSX.Element;
     args: {
-        target: JSX.Element;
+        target: React.JSX.Element;
         children: string;
     };
 };
 export declare const ThreeButtons: {
-    (args: any): JSX.Element;
+    (args: any): React.JSX.Element;
     args: {
-        children: JSX.Element;
-        target: JSX.Element;
+        children: React.JSX.Element;
+        target: React.JSX.Element;
     };
 };
 export declare const Autofocus: {
-    (args: any): JSX.Element;
+    (args: any): React.JSX.Element;
     args: {
-        children: JSX.Element;
-        target: JSX.Element;
+        children: React.JSX.Element;
+        target: React.JSX.Element;
     };
 };