@plesk/ui-library 3.27.1 → 3.27.4

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';

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

@@ -1,113 +1,113 @@
-import React, { Component, ComponentProps, ReactElement, MouseEvent, ReactNode } from 'react';
-import Grid from '../Grid';
-import '../Item/Item.less';
-import './ItemList.less';
-declare type ItemValue = string | number;
-declare type ItemProps = {
-    className?: string;
-    onClick?: (e: MouseEvent<ReactElement>) => void;
-    value?: ItemValue;
-    view?: 'simple' | 'card';
-    disabled?: boolean;
-    hoverable?: boolean;
-    footer?: ReactNode;
-};
-declare type ItemListProps = {
-    /**
-     * Add hover styles for `Item` inside `ItemList`.
-     * @since 2.1.0
-     */
-    hoverable?: boolean;
-    /**
-     * Make elements the same height within one row.
-     * @since 2.1.0
-     */
-    stretchable?: boolean;
-    /**
-     * Enable selectable view. For this mode, all children must have a unique value prop.
-     * There are three modes:
-     *
-     * * true - it works as radio buttons
-     * * 'multiple' - it works as checkboxes
-     * * 'toggleable' - it works as checkboxes, but only one item can be selected
-     *
-     * It doesn't work with reorderable.
-     * @since 2.3.0
-     */
-    selectable?: boolean | 'multiple' | 'toggleable';
-    /**
-     * A callback executed when some item is selected.
-     * @since 2.3.0
-     */
-    onSelect?: (value: null | ItemValue | ItemValue[]) => void;
-    /**
-     * An initial value. It switches component into a controlled mode.
-     * @since 2.3.0
-     */
-    value?: ItemValue | ItemValue[];
-    /**
-     * An initial value.
-     * @since 2.3.0
-     */
-    defaultValue?: ItemValue | ItemValue[];
-    /**
-     * Enable reorderable view.
-     * @since 0.0.49
-     */
-    reorderable?: boolean;
-    /**
-     * Reorder end handler.
-     * @since 0.0.49
-     */
-    onReorderEnd?: () => void;
-    /**
-     * Content of the `ItemList`.
-     * @since 0.0.48
-     */
-    children: Array<ReactElement<ItemProps> | null>;
-    /**
-     * @ignore
-     */
-    className?: string;
-    /**
-     * @ignore
-     */
-    baseClassName?: string;
-} & Pick<ComponentProps<typeof Grid>, 'gap'>;
-declare type ItemListState = {
-    ReorderableGrid: null | any;
-    ReorderableGridCol: null | any;
-    value: null | ItemValue | ItemValue[];
-};
-/**
- * `ItemList` component is used for displaying list of [Items](#!/Item)
- * according to [Grid](#!/Grid) principle.
- * @since 0.0.48
- */
-declare class ItemList extends Component<ItemListProps, ItemListState> {
-    static defaultProps: {
-        hoverable: boolean;
-        stretchable: boolean;
-        reorderable: boolean;
-        selectable: boolean;
-        baseClassName: string;
-    };
-    constructor(props: ItemListProps);
-    static getDerivedStateFromProps({ selectable, value: propValue }: ItemListProps, state: 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;
-    someChild(predicate: (child: ReactElement<ItemProps>) => boolean): boolean;
-    /**
-     * There are some states where we can't manage hoverable state
-     */
-    canManageHoverableState(): boolean;
-    isHoverable(): boolean;
-    hasViewCard(): boolean;
-    hasHoverableCard(): boolean;
-    renderReorderable({ baseClassName, onReorderEnd, children, ...props }: ItemListProps): JSX.Element | null;
-    render(): JSX.Element;
-}
-export default ItemList;
+import React, { Component, ComponentProps, ReactElement, MouseEvent, ReactNode } from 'react';
+import Grid from '../Grid';
+import '../Item/Item.less';
+import './ItemList.less';
+declare type ItemValue = string | number;
+declare type ItemProps = {
+    className?: string;
+    onClick?: (e: MouseEvent<ReactElement>) => void;
+    value?: ItemValue;
+    view?: 'simple' | 'card';
+    disabled?: boolean;
+    hoverable?: boolean;
+    footer?: ReactNode;
+};
+declare type ItemListProps = {
+    /**
+     * Add hover styles for `Item` inside `ItemList`.
+     * @since 2.1.0
+     */
+    hoverable?: boolean;
+    /**
+     * Make elements the same height within one row.
+     * @since 2.1.0
+     */
+    stretchable?: boolean;
+    /**
+     * Enable selectable view. For this mode, all children must have a unique value prop.
+     * There are three modes:
+     *
+     * * true - it works as radio buttons
+     * * 'multiple' - it works as checkboxes
+     * * 'toggleable' - it works as checkboxes, but only one item can be selected
+     *
+     * It doesn't work with reorderable.
+     * @since 2.3.0
+     */
+    selectable?: boolean | 'multiple' | 'toggleable';
+    /**
+     * A callback executed when some item is selected.
+     * @since 2.3.0
+     */
+    onSelect?: (value: null | ItemValue | ItemValue[]) => void;
+    /**
+     * An initial value. It switches component into a controlled mode.
+     * @since 2.3.0
+     */
+    value?: ItemValue | ItemValue[];
+    /**
+     * An initial value.
+     * @since 2.3.0
+     */
+    defaultValue?: ItemValue | ItemValue[];
+    /**
+     * Enable reorderable view.
+     * @since 0.0.49
+     */
+    reorderable?: boolean;
+    /**
+     * Reorder end handler.
+     * @since 0.0.49
+     */
+    onReorderEnd?: () => void;
+    /**
+     * Content of the `ItemList`.
+     * @since 0.0.48
+     */
+    children: Array<ReactElement<ItemProps> | null>;
+    /**
+     * @ignore
+     */
+    className?: string;
+    /**
+     * @ignore
+     */
+    baseClassName?: string;
+} & Pick<ComponentProps<typeof Grid>, 'gap'>;
+declare type ItemListState = {
+    ReorderableGrid: null | any;
+    ReorderableGridCol: null | any;
+    value: null | ItemValue | ItemValue[];
+};
+/**
+ * `ItemList` component is used for displaying list of [Items](#!/Item)
+ * according to [Grid](#!/Grid) principle.
+ * @since 0.0.48
+ */
+declare class ItemList extends Component<ItemListProps, ItemListState> {
+    static defaultProps: {
+        hoverable: boolean;
+        stretchable: boolean;
+        reorderable: boolean;
+        selectable: boolean;
+        baseClassName: string;
+    };
+    constructor(props: ItemListProps);
+    static getDerivedStateFromProps({ selectable, value: propValue }: ItemListProps, state: 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;
+    someChild(predicate: (child: ReactElement<ItemProps>) => boolean): boolean;
+    /**
+     * There are some states where we can't manage hoverable state
+     */
+    canManageHoverableState(): boolean;
+    isHoverable(): boolean;
+    hasViewCard(): boolean;
+    hasHoverableCard(): boolean;
+    renderReorderable({ baseClassName, onReorderEnd, children, ...props }: ItemListProps): JSX.Element | null;
+    render(): JSX.Element;
+}
+export default ItemList;