@plesk/ui-library 3.31.1 → 3.31.3

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

@@ -63,8 +63,8 @@ object-assign
  * LICENSE file in the root directory of this source tree.
  */
 
-/** @license React v16.11.0
- * react.production.min.js
+/** @license React v16.14.0
+ * react-dom.production.min.js
  *
  * Copyright (c) Facebook, Inc. and its affiliates.
  *
@@ -73,7 +73,7 @@ object-assign
  */
 
 /** @license React v16.14.0
- * react-dom.production.min.js
+ * react.production.min.js
  *
  * Copyright (c) Facebook, Inc. and its affiliates.
  *
@@ -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.1</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.a0fc0411.js"></script>
+    <script src="build/bundle.bab12e1d.js"></script>
   </body>
 </html>

package/types/package.d.ts

@@ -30,20 +30,9 @@ declare const _exports: {
     "files": string[];
     "dependencies": {
         "@babel/runtime": string;
-        "@babel/types": string;
         "@plesk/react-movable": string;
-        "@types/classnames": string;
-        "@types/jest": string;
-        "@types/marked": string;
-        "@types/node": string;
-        "@types/react": string;
-        "@types/react-dom": string;
-        "@types/react-measure": string;
-        "@types/react-transition-group": string;
-        "@types/svg4everybody": string;
         "classnames": string;
         "codemirror": string;
-        "jest": string;
         "marked": string;
         "memoize-one": string;
         "popper.js": string;
@@ -63,13 +52,23 @@ declare const _exports: {
         "@babel/preset-env": string;
         "@babel/preset-react": string;
         "@babel/preset-typescript": string;
+        "@babel/types": string;
         "@csstools/postcss-logical-float-and-clear": string;
         "@plesk/eslint-config": string;
         "@plesk/stylelint-config": string;
         "@types/buble": string;
         "@types/cheerio": string;
+        "@types/classnames": string;
         "@types/doctrine": string;
         "@types/enzyme": string;
+        "@types/jest": string;
+        "@types/marked": string;
+        "@types/node": string;
+        "@types/react": string;
+        "@types/react-dom": string;
+        "@types/react-measure": string;
+        "@types/react-transition-group": string;
+        "@types/svg4everybody": string;
         "@typescript-eslint/eslint-plugin": string;
         "@typescript-eslint/parser": string;
         "autoprefixer": string;
@@ -89,6 +88,7 @@ declare const _exports: {
         "fs-extra": string;
         "html-webpack-plugin": string;
         "inquirer": string;
+        "jest": string;
         "jest-dev-server": string;
         "jest-image-snapshot": string;
         "less": string;
@@ -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,8 +124,7 @@ declare const _exports: {
     };
     "resolutions": {
         "@babel/types": string;
-        "@types/node": string;
-        "**/caniuse-lite": string;
+        "@types/react": 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/ClosingConfirmation/useClosingConfirmation.d.ts

@@ -5,6 +5,6 @@ declare type ClosingConfirmationProps = {
 };
 declare const useClosingConfirmation: ({ onClose, closingConfirmation }: ClosingConfirmationProps) => {
     onCloseWithConfirmation: any;
-    closingConfirmationDialog: React.ReactElement<any, string | ((props: any) => React.ReactElement<any, string | any | (new (props: any) => React.Component<any, any, any>)> | null) | (new (props: any) => React.Component<any, any, any>)> | null;
+    closingConfirmationDialog: React.ReactElement<any, string | ((props: any) => React.ReactElement<any, any> | null) | (new (props: any) => React.Component<any, any, any>)> | null;
 };
 export default useClosingConfirmation;

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
@@ -189,12 +189,12 @@ declare const RefForwardingForm: React.ForwardRefExoticComponent<{
     render?: ((params: {
         renderForm: (params: {
             actionButtons?: React.ReactNode;
-        }) => React.ReactElement<any, string | ((props: any) => React.ReactElement<any, string | any | (new (props: any) => React.Component<any, any, any>)> | null) | (new (props: any) => React.Component<any, any, any>)>;
-        renderActionButtons: () => React.ReactElement<any, string | ((props: any) => React.ReactElement<any, string | any | (new (props: any) => React.Component<any, any, any>)> | null) | (new (props: any) => React.Component<any, any, any>)>;
+        }) => React.ReactElement<any, string | ((props: any) => React.ReactElement<any, any> | null) | (new (props: any) => React.Component<any, any, any>)>;
+        renderActionButtons: () => React.ReactElement<any, string | ((props: any) => React.ReactElement<any, any> | null) | (new (props: any) => React.Component<any, any, any>)>;
     }) => React.ReactNode) | undefined;
     /**
      * @ignore
      */
     innerRef?: React.MutableRefObject<HTMLFormElement | null> | undefined;
-} & Pick<React.HTMLProps<HTMLFormElement>, "max" | "required" | "low" | "high" | "disabled" | "default" | "start" | "open" | "media" | "hidden" | "cite" | "data" | "dir" | "form" | "label" | "slot" | "span" | "style" | "summary" | "title" | "pattern" | "async" | "defer" | "manifest" | "color" | "content" | "size" | "wrap" | "multiple" | "key" | "children" | "list" | "step" | "target" | "role" | "resource" | "accept" | "acceptCharset" | "action" | "allowFullScreen" | "allowTransparency" | "alt" | "as" | "autoComplete" | "autoFocus" | "autoPlay" | "capture" | "cellPadding" | "cellSpacing" | "charSet" | "challenge" | "checked" | "classID" | "cols" | "colSpan" | "controls" | "coords" | "crossOrigin" | "dateTime" | "download" | "encType" | "formAction" | "formEncType" | "formMethod" | "formNoValidate" | "formTarget" | "frameBorder" | "headers" | "height" | "href" | "hrefLang" | "htmlFor" | "httpEquiv" | "integrity" | "keyParams" | "keyType" | "kind" | "loop" | "marginHeight" | "marginWidth" | "maxLength" | "mediaGroup" | "method" | "min" | "minLength" | "muted" | "name" | "nonce" | "noValidate" | "optimum" | "placeholder" | "playsInline" | "poster" | "preload" | "readOnly" | "rel" | "reversed" | "rows" | "rowSpan" | "sandbox" | "scope" | "scoped" | "scrolling" | "seamless" | "selected" | "shape" | "sizes" | "src" | "srcDoc" | "srcLang" | "srcSet" | "type" | "useMap" | "value" | "width" | "wmode" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "className" | "contentEditable" | "contextMenu" | "draggable" | "id" | "lang" | "spellCheck" | "tabIndex" | "inputMode" | "is" | "radioGroup" | "about" | "datatype" | "inlist" | "prefix" | "property" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture"> & React.RefAttributes<FormInstanceHandles>>;
+} & Pick<React.HTMLProps<HTMLFormElement>, "max" | "required" | "low" | "high" | "disabled" | "default" | "start" | "open" | "media" | "hidden" | "cite" | "data" | "dir" | "form" | "label" | "slot" | "span" | "style" | "summary" | "title" | "pattern" | "async" | "defer" | "manifest" | "color" | "content" | "size" | "wrap" | "multiple" | "height" | "translate" | "width" | "children" | "className" | "id" | "lang" | "method" | "min" | "name" | "target" | "type" | "role" | "tabIndex" | "crossOrigin" | "href" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "key" | "list" | "classID" | "useMap" | "wmode" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "autoFocus" | "contentEditable" | "contextMenu" | "draggable" | "nonce" | "placeholder" | "spellCheck" | "radioGroup" | "about" | "datatype" | "inlist" | "prefix" | "property" | "rel" | "resource" | "rev" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "as" | "hrefLang" | "integrity" | "sizes" | "charSet" | "kind" | "src" | "srcLang" | "value" | "download" | "alt" | "coords" | "shape" | "autoPlay" | "controls" | "loop" | "mediaGroup" | "muted" | "playsInline" | "preload" | "formAction" | "formEncType" | "formMethod" | "formNoValidate" | "formTarget" | "dateTime" | "acceptCharset" | "action" | "autoComplete" | "encType" | "noValidate" | "allowFullScreen" | "allowTransparency" | "frameBorder" | "marginHeight" | "marginWidth" | "sandbox" | "scrolling" | "seamless" | "srcDoc" | "srcSet" | "accept" | "capture" | "checked" | "maxLength" | "minLength" | "readOnly" | "step" | "htmlFor" | "httpEquiv" | "optimum" | "reversed" | "selected" | "scoped" | "cellPadding" | "cellSpacing" | "colSpan" | "headers" | "rowSpan" | "scope" | "cols" | "rows" | "poster" | "challenge" | "keyType" | "keyParams"> & React.RefAttributes<FormInstanceHandles>>;
 export default RefForwardingForm;

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

@@ -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, string | any | (new (props: any) => React.Component<any, any, any>)> | null) | (new (props: any) => React.Component<any, any, any>)>) => ItemProps;
-    renderNormal({ baseClassName, children, ...props }: ItemListProps): JSX.Element;
+    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;
     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;