@plesk/ui-library 3.31.2 → 3.32.0

package/types/src/components/Skeleton/SkeletonText.stories.d.ts

@@ -1,34 +1,18 @@
-import React from 'react';
+import { ComponentProps } from 'react';
+import SkeletonText from './SkeletonText';
+declare type Args = ComponentProps<typeof SkeletonText>;
 export declare const Basic: {
-    (args: React.PropsWithChildren<{
-        lines?: number | undefined;
-        lineProps?: import("./Skeleton").SkeletonProps | undefined;
-        component?: "symbol" | "object" | "big" | "link" | "small" | "sub" | "sup" | "track" | "progress" | "a" | "abbr" | "address" | "area" | "article" | "aside" | "audio" | "b" | "base" | "bdi" | "bdo" | "blockquote" | "body" | "br" | "button" | "canvas" | "caption" | "cite" | "code" | "col" | "colgroup" | "data" | "datalist" | "dd" | "del" | "details" | "dfn" | "dialog" | "div" | "dl" | "dt" | "em" | "embed" | "fieldset" | "figcaption" | "figure" | "footer" | "form" | "h1" | "h2" | "h3" | "h4" | "h5" | "h6" | "head" | "header" | "hgroup" | "hr" | "html" | "i" | "iframe" | "img" | "input" | "ins" | "kbd" | "label" | "legend" | "li" | "main" | "map" | "mark" | "menu" | "meta" | "meter" | "nav" | "noscript" | "ol" | "optgroup" | "option" | "output" | "p" | "param" | "picture" | "pre" | "q" | "rp" | "rt" | "ruby" | "s" | "samp" | "script" | "section" | "select" | "slot" | "source" | "span" | "strong" | "style" | "summary" | "table" | "tbody" | "td" | "template" | "textarea" | "tfoot" | "th" | "thead" | "time" | "title" | "tr" | "u" | "ul" | "var" | "video" | "wbr" | "circle" | "clipPath" | "defs" | "desc" | "ellipse" | "feBlend" | "feColorMatrix" | "feComponentTransfer" | "feComposite" | "feConvolveMatrix" | "feDiffuseLighting" | "feDisplacementMap" | "feDistantLight" | "feFlood" | "feFuncA" | "feFuncB" | "feFuncG" | "feFuncR" | "feGaussianBlur" | "feImage" | "feMerge" | "feMergeNode" | "feMorphology" | "feOffset" | "fePointLight" | "feSpecularLighting" | "feSpotLight" | "feTile" | "feTurbulence" | "filter" | "foreignObject" | "g" | "image" | "line" | "linearGradient" | "marker" | "mask" | "metadata" | "path" | "pattern" | "polygon" | "polyline" | "radialGradient" | "rect" | "stop" | "svg" | "switch" | "text" | "textPath" | "tspan" | "use" | "view" | "menuitem" | "keygen" | "noindex" | "webview" | "animate" | "animateMotion" | "animateTransform" | "feDropShadow" | "mpath" | React.ComponentClass<{}, any> | React.FunctionComponent<{}> | undefined;
-        baseClassName?: string | undefined;
-        className?: string | undefined;
-    }>): JSX.Element;
+    (args: Args): JSX.Element;
     args: {};
 };
 export declare const LinesCount: {
-    (args: React.PropsWithChildren<{
-        lines?: number | undefined;
-        lineProps?: import("./Skeleton").SkeletonProps | undefined;
-        component?: "symbol" | "object" | "big" | "link" | "small" | "sub" | "sup" | "track" | "progress" | "a" | "abbr" | "address" | "area" | "article" | "aside" | "audio" | "b" | "base" | "bdi" | "bdo" | "blockquote" | "body" | "br" | "button" | "canvas" | "caption" | "cite" | "code" | "col" | "colgroup" | "data" | "datalist" | "dd" | "del" | "details" | "dfn" | "dialog" | "div" | "dl" | "dt" | "em" | "embed" | "fieldset" | "figcaption" | "figure" | "footer" | "form" | "h1" | "h2" | "h3" | "h4" | "h5" | "h6" | "head" | "header" | "hgroup" | "hr" | "html" | "i" | "iframe" | "img" | "input" | "ins" | "kbd" | "label" | "legend" | "li" | "main" | "map" | "mark" | "menu" | "meta" | "meter" | "nav" | "noscript" | "ol" | "optgroup" | "option" | "output" | "p" | "param" | "picture" | "pre" | "q" | "rp" | "rt" | "ruby" | "s" | "samp" | "script" | "section" | "select" | "slot" | "source" | "span" | "strong" | "style" | "summary" | "table" | "tbody" | "td" | "template" | "textarea" | "tfoot" | "th" | "thead" | "time" | "title" | "tr" | "u" | "ul" | "var" | "video" | "wbr" | "circle" | "clipPath" | "defs" | "desc" | "ellipse" | "feBlend" | "feColorMatrix" | "feComponentTransfer" | "feComposite" | "feConvolveMatrix" | "feDiffuseLighting" | "feDisplacementMap" | "feDistantLight" | "feFlood" | "feFuncA" | "feFuncB" | "feFuncG" | "feFuncR" | "feGaussianBlur" | "feImage" | "feMerge" | "feMergeNode" | "feMorphology" | "feOffset" | "fePointLight" | "feSpecularLighting" | "feSpotLight" | "feTile" | "feTurbulence" | "filter" | "foreignObject" | "g" | "image" | "line" | "linearGradient" | "marker" | "mask" | "metadata" | "path" | "pattern" | "polygon" | "polyline" | "radialGradient" | "rect" | "stop" | "svg" | "switch" | "text" | "textPath" | "tspan" | "use" | "view" | "menuitem" | "keygen" | "noindex" | "webview" | "animate" | "animateMotion" | "animateTransform" | "feDropShadow" | "mpath" | React.ComponentClass<{}, any> | React.FunctionComponent<{}> | undefined;
-        baseClassName?: string | undefined;
-        className?: string | undefined;
-    }>): JSX.Element;
+    (args: Args): JSX.Element;
     args: {
         lines: number;
     };
 };
 export declare const Custom: {
-    (args: React.PropsWithChildren<{
-        lines?: number | undefined;
-        lineProps?: import("./Skeleton").SkeletonProps | undefined;
-        component?: "symbol" | "object" | "big" | "link" | "small" | "sub" | "sup" | "track" | "progress" | "a" | "abbr" | "address" | "area" | "article" | "aside" | "audio" | "b" | "base" | "bdi" | "bdo" | "blockquote" | "body" | "br" | "button" | "canvas" | "caption" | "cite" | "code" | "col" | "colgroup" | "data" | "datalist" | "dd" | "del" | "details" | "dfn" | "dialog" | "div" | "dl" | "dt" | "em" | "embed" | "fieldset" | "figcaption" | "figure" | "footer" | "form" | "h1" | "h2" | "h3" | "h4" | "h5" | "h6" | "head" | "header" | "hgroup" | "hr" | "html" | "i" | "iframe" | "img" | "input" | "ins" | "kbd" | "label" | "legend" | "li" | "main" | "map" | "mark" | "menu" | "meta" | "meter" | "nav" | "noscript" | "ol" | "optgroup" | "option" | "output" | "p" | "param" | "picture" | "pre" | "q" | "rp" | "rt" | "ruby" | "s" | "samp" | "script" | "section" | "select" | "slot" | "source" | "span" | "strong" | "style" | "summary" | "table" | "tbody" | "td" | "template" | "textarea" | "tfoot" | "th" | "thead" | "time" | "title" | "tr" | "u" | "ul" | "var" | "video" | "wbr" | "circle" | "clipPath" | "defs" | "desc" | "ellipse" | "feBlend" | "feColorMatrix" | "feComponentTransfer" | "feComposite" | "feConvolveMatrix" | "feDiffuseLighting" | "feDisplacementMap" | "feDistantLight" | "feFlood" | "feFuncA" | "feFuncB" | "feFuncG" | "feFuncR" | "feGaussianBlur" | "feImage" | "feMerge" | "feMergeNode" | "feMorphology" | "feOffset" | "fePointLight" | "feSpecularLighting" | "feSpotLight" | "feTile" | "feTurbulence" | "filter" | "foreignObject" | "g" | "image" | "line" | "linearGradient" | "marker" | "mask" | "metadata" | "path" | "pattern" | "polygon" | "polyline" | "radialGradient" | "rect" | "stop" | "svg" | "switch" | "text" | "textPath" | "tspan" | "use" | "view" | "menuitem" | "keygen" | "noindex" | "webview" | "animate" | "animateMotion" | "animateTransform" | "feDropShadow" | "mpath" | React.ComponentClass<{}, any> | React.FunctionComponent<{}> | undefined;
-        baseClassName?: string | undefined;
-        className?: string | undefined;
-    }>): JSX.Element;
+    (args: Args): JSX.Element;
     args: {
         lines: number;
         lineProps: {
@@ -36,3 +20,4 @@ export declare const Custom: {
         };
     };
 };
+export {};

package/types/src/components/Spot/SpotPulsar.d.ts

@@ -1,10 +1,9 @@
-import React from 'react';
 import './SpotPulsar.less';
 declare type SpotPulsarProps = {
     baseClassName?: string;
     className?: string;
-    rect: ClientRect;
+    rect: DOMRect;
     placement?: 'left' | 'center' | 'right';
 };
-declare const SpotPulsar: React.ForwardRefExoticComponent<SpotPulsarProps & React.RefAttributes<HTMLDivElement>>;
+declare const SpotPulsar: import("react").ForwardRefExoticComponent<SpotPulsarProps & import("react").RefAttributes<HTMLDivElement>>;
 export default SpotPulsar;

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

@@ -1,22 +1,11 @@
-import React from 'react';
+import { ComponentProps } from 'react';
+import Status from './Status';
+declare type Args = ComponentProps<typeof Status>;
 export declare const Basic: {
-    (args: React.PropsWithChildren<{
-        children?: React.ReactNode;
-        icon?: string | boolean | import("../Icon").IconProps | React.ReactElement<any, string | ((props: any) => React.ReactElement<any, any> | null) | (new (props: any) => React.Component<any, any, any>)> | undefined;
-        intent?: "inactive" | "success" | "muted" | "info" | "warning" | "danger" | undefined;
-        compact?: boolean | undefined;
-        flip?: boolean | undefined;
-        rightAddon?: React.ReactNode;
-        bottomAddon?: React.ReactNode;
-        progress?: boolean | undefined;
-        className?: string | undefined;
-        baseClassName?: string | undefined;
-        outerProps?: {
-            className?: string | undefined;
-        } | undefined;
-    }>): JSX.Element;
+    (args: Args): JSX.Element;
     args: {
         intent: string;
         children: string;
     };
 };
+export {};

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

@@ -1,6 +1,10 @@
+import { ComponentProps } from 'react';
+import Tabs from './Tabs';
+declare type Args = ComponentProps<typeof Tabs>;
 export declare const Basic: {
-    (args: any): JSX.Element;
+    (args: Args): JSX.Element;
     args: {
         children: JSX.Element[];
     };
 };
+export {};

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

@@ -1,4 +1,4 @@
-import React, { Component, HTMLProps, SyntheticEvent } from 'react';
+import { Component, HTMLAttributes, SyntheticEvent } from 'react';
 import './TextArea.less';
 declare type Rows = number | {
     min: number;
@@ -32,7 +32,7 @@ declare type TextAreaProps = {
      * @ignore
      */
     onChange?: (e: SyntheticEvent<HTMLTextAreaElement>) => void;
-} & Omit<HTMLProps<HTMLTextAreaElement>, 'rows'>;
+} & Omit<HTMLAttributes<HTMLTextAreaElement>, 'rows'>;
 declare type TextAreaState = {
     textareaStyles: any;
     minRows?: number;
@@ -61,8 +61,8 @@ declare class TextArea extends Component<TextAreaProps, TextAreaState> {
     } | null;
     componentDidMount(): void;
     componentDidUpdate(prevProps: TextAreaProps): void;
-    rootRef: React.RefObject<HTMLTextAreaElement>;
-    handleChange: (e: React.SyntheticEvent<HTMLTextAreaElement, Event>) => void;
+    rootRef: import("react").RefObject<HTMLTextAreaElement>;
+    handleChange: (e: SyntheticEvent<HTMLTextAreaElement>) => void;
     adjustHeight(): void;
     render(): JSX.Element;
 }

package/types/src/components/Toolbar/ToolbarItem.d.ts

@@ -1,2 +1,2 @@
-import React from 'react';
-export declare const toToolbarItems: (children: React.ReactNode) => {}[] | null | undefined;
+import { ReactNode } from 'react';
+export declare const toToolbarItems: (children: ReactNode) => {}[] | null | undefined;

package/types/src/components/Toolbar/ToolbarMenu.d.ts

@@ -1,7 +1,7 @@
-import React, { ReactNode, MouseEvent } from 'react';
+import { ReactNode, MouseEvent } from 'react';
 declare type ToolbarMenuProps = {
     onItemClick: (e: MouseEvent) => void;
     children: ReactNode;
 };
-declare const ToolbarMenu: React.ForwardRefExoticComponent<ToolbarMenuProps & React.RefAttributes<HTMLElement>>;
+declare const ToolbarMenu: import("react").ForwardRefExoticComponent<ToolbarMenuProps & import("react").RefAttributes<HTMLElement>>;
 export default ToolbarMenu;

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

@@ -1,10 +1,10 @@
-import React from 'react';
+import { SyntheticEvent, FunctionComponent, Ref, RefObject } from 'react';
 declare type SafeInvoke = <A extends any[]>(fn: ((...args: A) => void) | undefined, ...args: A) => void;
 export declare const safeInvoke: SafeInvoke;
 declare type WrapFunction = <A extends any[]>(fn: ((...args: A) => void) | undefined, wrapper: ((...args: A) => void) | undefined) => (...args: A) => void;
 export declare const wrapFunction: WrapFunction;
-export declare const isClickable: (e: React.SyntheticEvent<HTMLElement, MouseEvent>) => boolean;
-export declare const createProxyProps: <P>(cb: React.FunctionComponent<P>) => JSX.Element;
+export declare const isClickable: (e: SyntheticEvent<HTMLElement, MouseEvent>) => boolean;
+export declare const createProxyProps: <P>(cb: FunctionComponent<P>) => JSX.Element;
 export declare const scrollIntoView: <T extends Element, O>(target: T, options?: O | undefined) => void;
 export declare class EventEmitter<H = (...args: any[]) => void> {
     listeners: {
@@ -13,7 +13,7 @@ export declare class EventEmitter<H = (...args: any[]) => void> {
     on(type: string, handler: H): void;
     emit(type: string, ...args: any[]): void;
 }
-export declare const createFocusManager: (containerRef: React.RefObject<HTMLElement>, isFitForFocus?: (_node: Element) => boolean, strategy?: {
+export declare const createFocusManager: (containerRef: RefObject<HTMLElement>, isFitForFocus?: (_node: Element) => boolean, strategy?: {
     getNext: (container: Element, element: Element | null) => Element | undefined;
     getPrev: (container: Element, element: Element | null) => Element | undefined;
     getFirst: (container: Element) => Element | null;
@@ -24,6 +24,6 @@ export declare const createFocusManager: (containerRef: React.RefObject<HTMLElem
     focusFirst: (attempt?: number) => boolean;
     focusLast: (attempt?: number) => boolean;
 };
-export declare const mergeRefs: <T>(...refs: React.Ref<T | null>[]) => (value: T | null) => void;
+export declare const mergeRefs: <T>(...refs: Ref<T | null>[]) => (value: T | null) => void;
 export declare const normalizeSize: (value?: string | number | undefined) => string | number | undefined;
 export {};

package/types/src/utils.d.ts

@@ -2,4 +2,3 @@ export declare const isRtl: () => boolean;
 export declare const disableDocumentScroll: () => void;
 export declare const enableDocumentScroll: () => void;
 export declare const copyToClipboard: (value: string) => void;
-export declare type Omit<T, K extends keyof T> = Pick<T, Exclude<keyof T, K>>;

package/cjs/components/Drawer/ScrollDirection.js

@@ -1,45 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-var _react = require("react");
-var _propTypes = _interopRequireDefault(require("prop-types"));
-// Copyright 1999-2017. Plesk International GmbH. All rights reserved.
-
-class ScrollDirection extends _react.Component {
-  constructor() {
-    super(...arguments);
-    (0, _defineProperty2.default)(this, "state", {
-      direction: 'up'
-    });
-    (0, _defineProperty2.default)(this, "prevScrollTop", 0);
-    (0, _defineProperty2.default)(this, "handleScroll", e => {
-      const {
-        scrollTop
-      } = e.target;
-      const direction = scrollTop > this.prevScrollTop ? 'down' : 'up';
-      this.prevScrollTop = scrollTop;
-      this.setState({
-        direction
-      });
-    });
-  }
-  render() {
-    const {
-      children
-    } = this.props;
-    return children({
-      direction: this.state.direction,
-      handleScroll: this.handleScroll
-    });
-  }
-}
-ScrollDirection.propTypes = {
-  children: _propTypes.default.func.isRequired
-};
-var _default = ScrollDirection;
-exports.default = _default;

package/esm/components/Drawer/ScrollDirection.js

@@ -1,37 +0,0 @@
-import _defineProperty from "@babel/runtime/helpers/defineProperty";
-// Copyright 1999-2017. Plesk International GmbH. All rights reserved.
-
-import { Component } from 'react';
-import PropTypes from 'prop-types';
-class ScrollDirection extends Component {
-  constructor() {
-    super(...arguments);
-    _defineProperty(this, "state", {
-      direction: 'up'
-    });
-    _defineProperty(this, "prevScrollTop", 0);
-    _defineProperty(this, "handleScroll", e => {
-      const {
-        scrollTop
-      } = e.target;
-      const direction = scrollTop > this.prevScrollTop ? 'down' : 'up';
-      this.prevScrollTop = scrollTop;
-      this.setState({
-        direction
-      });
-    });
-  }
-  render() {
-    const {
-      children
-    } = this.props;
-    return children({
-      direction: this.state.direction,
-      handleScroll: this.handleScroll
-    });
-  }
-}
-ScrollDirection.propTypes = {
-  children: PropTypes.func.isRequired
-};
-export default ScrollDirection;