@plesk/ui-library 3.27.3 → 3.27.4

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

@@ -1,3 +1,3 @@
-export declare const NAMES_12: IconName[];
-export declare type IconName = 'archive' | 'arrow-back' | 'arrow-diagonal-out' | 'arrow-down' | 'arrow-down-in' | 'arrow-down-out' | 'arrow-down-tray' | 'arrow-left' | 'arrow-right' | 'arrow-right-in' | 'arrow-right-out' | 'arrow-up' | 'arrow-up-circle' | 'arrow-up-in' | 'arrow-up-in-cloud' | 'arrow-up-out' | 'arrow-up-tray' | 'arrows-four-directions' | 'arrows-inward' | 'arrows-loop' | 'arrows-opposite' | 'arrows-outward' | 'backup' | 'backup2' | 'bar-chart-vertical' | 'bar-chart-vertical-arrow-up' | 'bell' | 'book-email' | 'boundary' | 'box-diagonal-bottom-in' | 'box-diagonal-top-in' | 'brush' | 'bug' | 'calendar' | 'calendar-clock' | 'camera' | 'card' | 'card-ribbon' | 'card-row' | 'card-tile' | 'cd' | 'cd-up-in-cloud' | 'chain' | 'chain-broken' | 'chat' | 'check-list' | 'check-mark' | 'check-mark-circle' | 'check-mark-circle-filled' | 'chevron-double-down' | 'chevron-double-up' | 'chevron-down' | 'chevron-left' | 'chevron-right' | 'chevron-up' | 'circle-diagonal' | 'clean' | 'clip' | 'clock' | 'clone' | 'cloud' | 'cloud-checkmark' | 'cloud-crossed' | 'cloud-graph' | 'code' | 'connection' | 'console' | 'console-filled' | 'copy' | 'copy-indicator' | 'cpu' | 'crane' | 'credit-cards' | 'cross-mark' | 'cross-mark-circle' | 'cross-mark-circle-filled' | 'crown-transfer' | 'dashboard' | 'database' | 'database-box' | 'database-plus' | 'deploy' | 'docker-filled' | 'dollar' | 'dollar-filled' | 'dot' | 'emoticon-confused' | 'emoticon-dead' | 'emoticon-excited' | 'emoticon-happy' | 'emoticon-neutral' | 'emoticon-sad' | 'emoticon-smile' | 'enter' | 'exclamation-mark-circle' | 'exclamation-mark-circle-filled' | 'eye' | 'eye-closed' | 'facebook' | 'facebook-filled' | 'feedback' | 'filter' | 'filter-check-mark' | 'fire' | 'flag-globe' | 'floppy-disk' | 'folder-closed' | 'folder-key' | 'folder-network' | 'folder-open' | 'folders-tree' | 'four-squares' | 'gear' | 'git' | 'github' | 'globe' | 'hard-drive' | 'hard-drive-key' | 'hat' | 'hexagons' | 'home' | 'info-circle' | 'info-circle-filled' | 'ip-addresses' | 'kebab' | 'key' | 'lifebuoy' | 'lightbulb' | 'limit' | 'linux' | 'list' | 'list-check-mark' | 'location' | 'lock-closed' | 'lock-closed-check' | 'lock-closed-filled' | 'lock-open' | 'lock-open-cross' | 'lock-open-filled' | 'mail' | 'mail-settings' | 'megaphone' | 'menu' | 'menu-thin' | 'microsoft' | 'minimize' | 'minus' | 'minus-circle' | 'minus-circle-filled' | 'monitoring' | 'monitoring-off' | 'my-little-admin' | 'net' | 'nine-dots' | 'node-js' | 'package' | 'panel' | 'panel-check' | 'panel-eye' | 'panel-key' | 'panel-settings' | 'panels' | 'pause-circle' | 'pencil' | 'pencil-dialog' | 'php' | 'phpmyadmin' | 'pin' | 'pipette' | 'plans' | 'plugins' | 'plus' | 'power' | 'projects' | 'puzzle' | 'question-mark-circle' | 'question-mark-circle-filled' | 'ram' | 'react-js' | 'recycle' | 'refresh' | 'reload' | 'remove' | 'reset' | 'resource' | 'ribbon' | 'rocket' | 'ruby' | 'sand-clock' | 'scan' | 'screen' | 'search' | 'security-check' | 'send' | 'servers' | 'share' | 'shield' | 'shield-chain' | 'shopping-cart' | 'sidebar-right-hide' | 'sidebar-right-show' | 'signal-light' | 'site-page' | 'sleep' | 'sliders' | 'square-with-circles' | 'star' | 'star-circle-filled' | 'star-filled' | 'star-half-filled' | 'start' | 'start-circle' | 'stop' | 'stop-circle' | 'storage' | 'themes' | 'three-dots-horizontal' | 'three-dots-vertical' | 'tools' | 'transfer' | 'triangle-exclamation-mark' | 'triangle-exclamation-mark-filled' | 'unarchive' | 'user' | 'volume' | 'web' | 'web-plus' | 'web-settings' | 'windows' | 'wordpress';
-export declare const NAMES: IconName[];
+export declare const NAMES_12: IconName[];
+export declare type IconName = 'archive' | 'arrow-back' | 'arrow-diagonal-out' | 'arrow-down' | 'arrow-down-in' | 'arrow-down-out' | 'arrow-down-tray' | 'arrow-left' | 'arrow-right' | 'arrow-right-in' | 'arrow-right-out' | 'arrow-up' | 'arrow-up-circle' | 'arrow-up-in' | 'arrow-up-in-cloud' | 'arrow-up-out' | 'arrow-up-tray' | 'arrows-four-directions' | 'arrows-inward' | 'arrows-loop' | 'arrows-opposite' | 'arrows-outward' | 'backup' | 'backup2' | 'bar-chart-vertical' | 'bar-chart-vertical-arrow-up' | 'bell' | 'book-email' | 'boundary' | 'box-diagonal-bottom-in' | 'box-diagonal-top-in' | 'brush' | 'bug' | 'calendar' | 'calendar-clock' | 'camera' | 'card' | 'card-ribbon' | 'card-row' | 'card-tile' | 'cd' | 'cd-up-in-cloud' | 'chain' | 'chain-broken' | 'chat' | 'check-list' | 'check-mark' | 'check-mark-circle' | 'check-mark-circle-filled' | 'chevron-double-down' | 'chevron-double-up' | 'chevron-down' | 'chevron-left' | 'chevron-right' | 'chevron-up' | 'circle-diagonal' | 'clean' | 'clip' | 'clock' | 'clone' | 'cloud' | 'cloud-checkmark' | 'cloud-crossed' | 'cloud-graph' | 'code' | 'connection' | 'console' | 'console-filled' | 'copy' | 'copy-indicator' | 'cpu' | 'crane' | 'credit-cards' | 'cross-mark' | 'cross-mark-circle' | 'cross-mark-circle-filled' | 'crown-transfer' | 'dashboard' | 'database' | 'database-box' | 'database-plus' | 'deploy' | 'docker-filled' | 'dollar' | 'dollar-filled' | 'dot' | 'emoticon-confused' | 'emoticon-dead' | 'emoticon-excited' | 'emoticon-happy' | 'emoticon-neutral' | 'emoticon-sad' | 'emoticon-smile' | 'enter' | 'exclamation-mark-circle' | 'exclamation-mark-circle-filled' | 'eye' | 'eye-closed' | 'facebook' | 'facebook-filled' | 'feedback' | 'filter' | 'filter-check-mark' | 'fire' | 'flag-globe' | 'floppy-disk' | 'folder-closed' | 'folder-key' | 'folder-network' | 'folder-open' | 'folders-tree' | 'four-squares' | 'gear' | 'git' | 'github' | 'globe' | 'hard-drive' | 'hard-drive-key' | 'hat' | 'hexagons' | 'home' | 'info-circle' | 'info-circle-filled' | 'ip-addresses' | 'kebab' | 'key' | 'lifebuoy' | 'lightbulb' | 'limit' | 'linux' | 'list' | 'list-check-mark' | 'location' | 'lock-closed' | 'lock-closed-check' | 'lock-closed-filled' | 'lock-open' | 'lock-open-cross' | 'lock-open-filled' | 'mail' | 'mail-settings' | 'megaphone' | 'menu' | 'menu-thin' | 'microsoft' | 'minimize' | 'minus' | 'minus-circle' | 'minus-circle-filled' | 'monitoring' | 'monitoring-off' | 'my-little-admin' | 'net' | 'nine-dots' | 'node-js' | 'package' | 'panel' | 'panel-check' | 'panel-eye' | 'panel-key' | 'panel-settings' | 'panels' | 'pause-circle' | 'pencil' | 'pencil-dialog' | 'php' | 'phpmyadmin' | 'pin' | 'pipette' | 'plans' | 'plugins' | 'plus' | 'power' | 'projects' | 'puzzle' | 'question-mark-circle' | 'question-mark-circle-filled' | 'ram' | 'react-js' | 'recycle' | 'refresh' | 'reload' | 'remove' | 'reset' | 'resource' | 'ribbon' | 'rocket' | 'ruby' | 'sand-clock' | 'scan' | 'screen' | 'search' | 'security-check' | 'send' | 'server' | 'servers' | 'share' | 'shield' | 'shield-chain' | 'shopping-cart' | 'sidebar-right-hide' | 'sidebar-right-show' | 'signal-light' | 'site-page' | 'sleep' | 'sliders' | 'square-with-circles' | 'star' | 'star-circle-filled' | 'star-filled' | 'star-half-filled' | 'start' | 'start-circle' | 'stop' | 'stop-circle' | 'storage' | 'themes' | 'three-dots-horizontal' | 'three-dots-vertical' | 'tools' | 'transfer' | 'triangle-exclamation-mark' | 'triangle-exclamation-mark-filled' | 'unarchive' | 'user' | 'volume' | 'web' | 'web-plus' | 'web-settings' | 'windows' | 'wordpress';
+export declare const NAMES: IconName[];

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

@@ -1,2 +1,2 @@
-export { default } from './Icon';
-export * from './Icon';
+export { default } from './Icon';
+export * from './Icon';

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

@@ -1,5 +1,5 @@
-import { IconName } from './constants';
-declare const oldIconNames: {
-    [index: string]: IconName;
-};
-export default oldIconNames;
+import { IconName } from './constants';
+declare const oldIconNames: {
+    [index: string]: IconName;
+};
+export default oldIconNames;

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

@@ -1,57 +1,57 @@
-import { Omit } from '../../utils';
-import { FunctionComponent, HTMLProps, ReactNode, MutableRefObject } from 'react';
-import '../../helpers/base.less';
-import './Input.less';
-declare type RootProps = {
-    [k: string]: any;
-} & HTMLProps<HTMLSpanElement>;
-declare type InputProps = {
-    /**
-     * The HTML input type.
-     * @since 0.0.57
-     */
-    type?: string;
-    /**
-     * Size of the input.
-     * @since 0.0.57
-     */
-    size?: number | 'sm' | 'md' | 'lg' | 'xl' | 'fill';
-    /**
-     * Text alignment inside input.
-     * @since 2.2.0
-     */
-    textAlign?: 'left' | 'center' | 'right';
-    /**
-     * The place for an icon (or a ghost button) before the input.
-     * @since 2.2.0
-     */
-    prefix?: ReactNode;
-    /**
-     * The place for an icon (or a ghost button) after the input.
-     * @since 2.2.0
-     */
-    suffix?: ReactNode;
-    /**
-     * Props for the root element.
-     * @since 2.2.0
-     */
-    rootProps?: RootProps;
-    /**
-     * @ignore
-     */
-    className?: string;
-    /**
-     * @ignore
-     */
-    baseClassName?: string;
-    /**
-     * @ignore
-     */
-    innerRef?: MutableRefObject<null | HTMLInputElement> | ((el: HTMLInputElement) => void);
-} & Omit<HTMLProps<HTMLInputElement>, 'size' | 'prefix'>;
-/**
- * `Input` component is used for entering short text (like user name or email address).
- * @since 0.0.57
- */
-declare const Input: FunctionComponent<InputProps>;
-export default Input;
+import { Omit } from '../../utils';
+import { FunctionComponent, HTMLProps, ReactNode, MutableRefObject } from 'react';
+import '../../helpers/base.less';
+import './Input.less';
+declare type RootProps = {
+    [k: string]: any;
+} & HTMLProps<HTMLSpanElement>;
+declare type InputProps = {
+    /**
+     * The HTML input type.
+     * @since 0.0.57
+     */
+    type?: string;
+    /**
+     * Size of the input.
+     * @since 0.0.57
+     */
+    size?: number | 'sm' | 'md' | 'lg' | 'xl' | 'fill';
+    /**
+     * Text alignment inside input.
+     * @since 2.2.0
+     */
+    textAlign?: 'left' | 'center' | 'right';
+    /**
+     * The place for an icon (or a ghost button) before the input.
+     * @since 2.2.0
+     */
+    prefix?: ReactNode;
+    /**
+     * The place for an icon (or a ghost button) after the input.
+     * @since 2.2.0
+     */
+    suffix?: ReactNode;
+    /**
+     * Props for the root element.
+     * @since 2.2.0
+     */
+    rootProps?: RootProps;
+    /**
+     * @ignore
+     */
+    className?: string;
+    /**
+     * @ignore
+     */
+    baseClassName?: string;
+    /**
+     * @ignore
+     */
+    innerRef?: MutableRefObject<null | HTMLInputElement> | ((el: HTMLInputElement) => void);
+} & Omit<HTMLProps<HTMLInputElement>, 'size' | 'prefix'>;
+/**
+ * `Input` component is used for entering short text (like user name or email address).
+ * @since 0.0.57
+ */
+declare const Input: FunctionComponent<InputProps>;
+export default Input;

package/types/src/components/Input/index.d.ts

@@ -1 +1 @@
-export { default } from './Input';
+export { default } from './Input';

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

@@ -1,49 +1,49 @@
-import { ReactNode } from 'react';
-import './InputFile.less';
-declare type InputFileProps = {
-    /**
-     * @ignore
-     */
-    baseClassName?: string;
-    /**
-     * @ignore
-     */
-    className?: string;
-    /**
-     * A callback executed when a file is selected or reset.
-     * @since 3.2.0
-     */
-    onChange?: (file: File | undefined) => void;
-    /**
-     * @ignore
-     */
-    name?: string;
-    /**
-     * Whether disabled or not.
-     * @since 3.2.0
-     */
-    disabled?: boolean;
-    /**
-     * When it is specified, some internal elements render with a data-test attribute.
-     *
-     * * testId--file-input - A hidden input[type="file"].
-     * * testId--file-name - A selected file name (it exists only when the file is selected).
-     * * testId--browse-button - A button that opens a file selection dialog.
-     * * testId--reset-button - A button that resets the selected file.
-     * @since 3.2.0
-     */
-    testId?: string;
-    /**
-     * Custom localization messages.
-     * @since 3.2.0
-     */
-    locale?: {
-        browseButton?: ReactNode;
-    };
-};
-/**
- * `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, ...props }: InputFileProps) => JSX.Element;
-export default InputFile;
+import { ReactNode } from 'react';
+import './InputFile.less';
+declare type InputFileProps = {
+    /**
+     * @ignore
+     */
+    baseClassName?: string;
+    /**
+     * @ignore
+     */
+    className?: string;
+    /**
+     * A callback executed when a file is selected or reset.
+     * @since 3.2.0
+     */
+    onChange?: (file: File | undefined) => void;
+    /**
+     * @ignore
+     */
+    name?: string;
+    /**
+     * Whether disabled or not.
+     * @since 3.2.0
+     */
+    disabled?: boolean;
+    /**
+     * When it is specified, some internal elements render with a data-test attribute.
+     *
+     * * testId--file-input - A hidden input[type="file"].
+     * * testId--file-name - A selected file name (it exists only when the file is selected).
+     * * testId--browse-button - A button that opens a file selection dialog.
+     * * testId--reset-button - A button that resets the selected file.
+     * @since 3.2.0
+     */
+    testId?: string;
+    /**
+     * Custom localization messages.
+     * @since 3.2.0
+     */
+    locale?: {
+        browseButton?: ReactNode;
+    };
+};
+/**
+ * `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, ...props }: InputFileProps) => JSX.Element;
+export default InputFile;

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

@@ -1 +1 @@
-export { default } from './InputFile';
+export { default } from './InputFile';

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

@@ -1,64 +1,64 @@
-import { FunctionComponent, ReactElement } from 'react';
-import { IconProps } from '../Icon';
-import './InputNumber.less';
-declare type InputNumberProps = {
-    /**
-     * @ignore
-     */
-    baseClassName?: string;
-    /**
-     * @ignore
-     */
-    className?: string;
-    /**
-     * An initial value.
-     * @since 2.2.0
-     */
-    defaultValue?: number;
-    /**
-     * An initial value. It switches component into a controlled mode.
-     * @since 2.2.0
-     */
-    value?: number;
-    /**
-     * The minimum value to accept for this input.
-     * @since 2.2.0
-     */
-    min?: number;
-    /**
-     * The maximum value to accept for this input.
-     * @since 2.2.0
-     */
-    max?: number;
-    /**
-     * A stepping interval.
-     * @since 2.2.0
-     */
-    step?: number;
-    /**
-     * Disabled state of field.
-     * @since 2.2.0
-     */
-    disabled?: boolean;
-    /**
-     * A callback executed when a value is changed.
-     * @since 2.2.0
-     */
-    onChange?: (value: number) => void;
-    /**
-     * An icon for the decrement button.
-     * @since 2.3.0
-     */
-    decrementIcon?: string | IconProps | ReactElement<any>;
-    /**
-     * An icon for the increment button.
-     * @since 2.3.0
-     */
-    incrementIcon?: string | IconProps | ReactElement<any>;
-};
-/**
- * `InputNumber` component is used for entering integer numbers.
- * @since 2.2.0
- */
-declare const InputNumber: FunctionComponent<InputNumberProps>;
-export default InputNumber;
+import { FunctionComponent, ReactElement } from 'react';
+import { IconProps } from '../Icon';
+import './InputNumber.less';
+declare type InputNumberProps = {
+    /**
+     * @ignore
+     */
+    baseClassName?: string;
+    /**
+     * @ignore
+     */
+    className?: string;
+    /**
+     * An initial value.
+     * @since 2.2.0
+     */
+    defaultValue?: number;
+    /**
+     * An initial value. It switches component into a controlled mode.
+     * @since 2.2.0
+     */
+    value?: number;
+    /**
+     * The minimum value to accept for this input.
+     * @since 2.2.0
+     */
+    min?: number;
+    /**
+     * The maximum value to accept for this input.
+     * @since 2.2.0
+     */
+    max?: number;
+    /**
+     * A stepping interval.
+     * @since 2.2.0
+     */
+    step?: number;
+    /**
+     * Disabled state of field.
+     * @since 2.2.0
+     */
+    disabled?: boolean;
+    /**
+     * A callback executed when a value is changed.
+     * @since 2.2.0
+     */
+    onChange?: (value: number) => void;
+    /**
+     * An icon for the decrement button.
+     * @since 2.3.0
+     */
+    decrementIcon?: string | IconProps | ReactElement<any>;
+    /**
+     * An icon for the increment button.
+     * @since 2.3.0
+     */
+    incrementIcon?: string | IconProps | ReactElement<any>;
+};
+/**
+ * `InputNumber` component is used for entering integer numbers.
+ * @since 2.2.0
+ */
+declare const InputNumber: FunctionComponent<InputNumberProps>;
+export default InputNumber;

package/types/src/components/InputNumber/index.d.ts

@@ -1 +1 @@
-export { default } from './InputNumber';
+export { default } from './InputNumber';

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

@@ -1,28 +1,28 @@
-import { ReactNode, FunctionComponent, HTMLProps } from 'react';
-import './ItemLink.less';
-declare type ItemLinkProps = {
-    /**
-     * @ignore
-     */
-    baseClassName?: string;
-    /**
-     * @ignore
-     */
-    className?: string;
-    /**
-     * @ignore
-     */
-    hoverable?: boolean;
-    /**
-     * Content of the `ItemLink`.
-     * @since 2.3.0
-     */
-    children: ReactNode;
-} & HTMLProps<HTMLDivElement>;
-/**
- * `ItemLink` component is a part of [ItemList](#!/ItemList) and
- * is used for specifying a special action on the list (for example, adding new item).
- * @since 2.3.0
- */
-declare const ItemLink: FunctionComponent<ItemLinkProps>;
-export default ItemLink;
+import { ReactNode, FunctionComponent, HTMLProps } from 'react';
+import './ItemLink.less';
+declare type ItemLinkProps = {
+    /**
+     * @ignore
+     */
+    baseClassName?: string;
+    /**
+     * @ignore
+     */
+    className?: string;
+    /**
+     * @ignore
+     */
+    hoverable?: boolean;
+    /**
+     * Content of the `ItemLink`.
+     * @since 2.3.0
+     */
+    children: ReactNode;
+} & HTMLProps<HTMLDivElement>;
+/**
+ * `ItemLink` component is a part of [ItemList](#!/ItemList) and
+ * is used for specifying a special action on the list (for example, adding new item).
+ * @since 2.3.0
+ */
+declare const ItemLink: FunctionComponent<ItemLinkProps>;
+export default ItemLink;

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

@@ -1,14 +1,14 @@
-import React from 'react';
-export declare const Basic: {
-    (args: React.PropsWithChildren<{
-        baseClassName?: string | undefined;
-        className?: string | undefined;
-        hoverable?: boolean | undefined;
-        children: React.ReactNode;
-    } & React.HTMLProps<HTMLDivElement>>): JSX.Element;
-    args: {
-        children: string;
-        onClick: () => void;
-        'data-test': string;
-    };
-};
+import React from 'react';
+export declare const Basic: {
+    (args: React.PropsWithChildren<{
+        baseClassName?: string | undefined;
+        className?: string | undefined;
+        hoverable?: boolean | undefined;
+        children: React.ReactNode;
+    } & React.HTMLProps<HTMLDivElement>>): JSX.Element;
+    args: {
+        children: string;
+        onClick: () => void;
+        'data-test': string;
+    };
+};

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

@@ -1 +1 @@
-export { default } from './ItemLink';
+export { default } from './ItemLink';