@plesk/ui-library 3.35.1 → 3.35.3

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

@@ -1,4 +1,4 @@
-import { ComponentType, FC, JSX } from 'react';
+import { ComponentType, FC, JSX, CSSProperties } from 'react';
 import './Skeleton.less';
 export declare type SkeletonProps = {
     /**
@@ -20,12 +20,10 @@ export declare type SkeletonProps = {
      */
     height?: number | string;
     /**
-     * custom styles for skeleton
+     * Custom styles for skeleton
      * @since 3.28.0
      */
-    style?: {
-        [key: string]: string;
-    };
+    style?: CSSProperties;
     /**
      * Component to render as the root element.
      * @since 3.28.0

package/types/src/components/Skeleton/SkeletonTabs.d.ts

@@ -1,6 +1,6 @@
 import { FC } from 'react';
 import './SkeletonTabs.less';
-declare type SkeletonTabsProps = {
+export interface SkeletonTabsProps {
     /**
      * Number of tabs
      * @since 3.28.0
@@ -9,12 +9,12 @@ declare type SkeletonTabsProps = {
     /**
      * @ignore
      */
-    className: string;
+    className?: string;
     /**
      * @ignore
      */
-    baseClassName: string;
-};
+    baseClassName?: string;
+}
 /**
  * Skeleton for tabs component
  * @since `3.28.0

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

@@ -1,7 +1,7 @@
 import { FC, ComponentType, JSX } from 'react';
 import { SkeletonProps } from './Skeleton';
 import './SkeletonText.less';
-declare type SkeletonTextProps = {
+export interface SkeletonTextProps {
     /**
      * Number of rows
      * @since 3.28.0
@@ -25,7 +25,7 @@ declare type SkeletonTextProps = {
      * @ignore
      */
     className?: string;
-};
+}
 /**
  * Skeleton for text-containing components. Is can be used inside Paragraph, as title, or single text
  * @since 3.28.0

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

@@ -1,3 +1,6 @@
 export { default } from './Skeleton';
-export { default as SkeletonText } from './SkeletonText';
+export type { SkeletonProps } from './Skeleton';
 export { default as SkeletonTabs } from './SkeletonTabs';
+export type { SkeletonTabsProps } from './SkeletonTabs';
+export { default as SkeletonText } from './SkeletonText';
+export type { SkeletonTextProps } from './SkeletonText';

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

@@ -46,8 +46,7 @@ export interface SplitButtonProps {
  * `Split Button` is a combination of a standard [Button](#!/Button) with a [Dropdown](#!/Dropdown) menu.
  * It is used for grouping several related actions when one of the actions should be accessible immediately
  * because it is used more often than others.
- *
- * Since: 0.0.40
+ * @since 0.0.40
  */
 declare const SplitButton: ({ baseClassName, className, menu, children, onClick, onKeyDown, icon, size, ...props }: SplitButtonProps) => JSX.Element;
 export default SplitButton;

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

@@ -1,5 +1,6 @@
 import { ReactElement, ReactNode } from 'react';
-declare type SpotProps = {
+import { SpotPulsarProps } from './SpotPulsar';
+export interface SpotProps extends Omit<SpotPulsarProps, 'rect'> {
     /**
      * A css selector for the node that should be highlighted.
      * @since 3.0.1
@@ -61,7 +62,7 @@ declare type SpotProps = {
         current: number;
         total: number;
     };
-};
+}
 /**
  * The component can be used to attract the user's attention to a specific element on the page.
  * @since 3.0.1

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

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

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

@@ -1 +1,2 @@
 export { default } from './Spot';
+export type { SpotProps } from './Spot';

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

@@ -0,0 +1,50 @@
+import { ReactElement, KeyboardEvent } from 'react';
+import './Subnav.less';
+export interface SubnavProps {
+    /**
+     * Subnav items
+     * @since 0.0.42
+     */
+    children?: ReactElement;
+    /**
+     * @ignore
+     */
+    className?: string;
+    /**
+     * @ignore
+     */
+    baseClassName?: string;
+    /**
+     * @ignore
+     */
+    onKeyDown?: (e: KeyboardEvent<HTMLDivElement>) => void;
+}
+/**
+ * `Subnav` component is used when you need a second level navigation under [Tabs](#!/Tabs) on the screen.
+ * @since 0.0.42
+ */
+declare const Subnav: ({ className, children, onKeyDown, baseClassName, ...props }: SubnavProps) => JSX.Element;
+export interface SubnavItemProps {
+    /**
+     * Is item active.
+     */
+    active?: boolean;
+    /**
+     * Content of the item
+     */
+    children: ReactElement;
+    /**
+     * @ignore
+     */
+    className?: string;
+    /**
+     * @ignore
+     */
+    baseClassName?: string;
+}
+/**
+ * SubnavItem component.
+ */
+declare const SubnavItem: ({ className, active, children, baseClassName, ...props }: SubnavItemProps) => ReactElement<any, string | import("react").JSXElementConstructor<any>>;
+export default Subnav;
+export { SubnavItem };

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

@@ -0,0 +1,2 @@
+export { default, SubnavItem } from './Subnav';
+export type { SubnavProps, SubnavItemProps } from './Subnav';

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

@@ -0,0 +1,24 @@
+import { ReactElement } from 'react';
+import '../../helpers/base.less';
+import './SwitchesPanel.less';
+export interface SwitchesPanelProps {
+    /**
+     * Content of the `SwitchesPanel`. Recommended to use [SwitchesPanelItem](#!/SwitchesPanelItem) components.
+     * @since 0.3.0
+     */
+    children?: ReactElement[] | ReactElement;
+    /**
+     * @ignore
+     */
+    className?: string;
+    /**
+     * @ignore
+     */
+    baseClassName?: string;
+}
+/**
+ * `SwitchesPanel` component is used for grouping several [SwitchesPanelItems](#!/SwitchesPanelItem) into one set.
+ * @since 0.3.0
+ */
+declare const SwitchesPanel: ({ baseClassName, className, children, ...props }: SwitchesPanelProps) => JSX.Element;
+export default SwitchesPanel;

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

@@ -0,0 +1,2 @@
+export { default } from './SwitchesPanel';
+export type { SwitchesPanelProps } from './SwitchesPanel';

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

@@ -0,0 +1,78 @@
+import { Component, ReactNode } from 'react';
+import { SwitchProps } from '../Switch';
+import '../../helpers/base.less';
+import './SwitchesPanelItem.less';
+export interface SwitchesPanelItemProps {
+    /**
+     * A callback function, can be executed when the checked state is changing.
+     * @since 0.3.0
+     */
+    onChange: (checked: boolean) => void;
+    /**
+     * Title of the `SwitchesPanelItem`. Must be no longer than two lines.
+     * @since 0.3.0
+     */
+    title: ReactNode;
+    /**
+     * @ignore
+     */
+    defaultChecked?: boolean;
+    /**
+     * Visual intent color to apply to component.
+     * @since 0.3.0
+     */
+    intent?: 'warning' | 'danger';
+    /**
+     * `SwitchesPanelItem` description. Must be no longer than three lines.
+     * @since 0.3.0
+     */
+    description?: ReactNode;
+    /**
+     * Rich full description of the `SwitchesPanelItem`.
+     * Adds control button with question mark that shows `Popover` on click.
+     * @since 0.3.0
+     */
+    fullDescription?: ReactNode;
+    /**
+     * Props of underlying [Switch](#!/Switch) component.
+     * @since 0.5.0
+     */
+    switchProps?: SwitchProps;
+    /**
+     * Content of the control actions.
+     * Don't place here more than three buttons (with the one from 'fullDescription' property) or one link and one button.
+     * @since 0.3.0
+     */
+    children: ReactNode;
+    /**
+     * @ignore
+     */
+    className?: string;
+    /**
+     * @ignore
+     */
+    baseClassName?: string;
+}
+/**
+ * `SwitchesPanelItem` component is used for combining [Switch](#!/Switch) component with text title and description.
+ * Used in [SwitchesPanel](#!/SwitchesPanel).
+ * @since 0.3.0
+ */
+declare class SwitchesPanelItem extends Component<SwitchesPanelItemProps> {
+    static defaultProps: {
+        defaultChecked: boolean;
+        intent: null;
+        description: null;
+        fullDescription: null;
+        switchProps: {};
+        children: null;
+        className: null;
+        baseClassName: string;
+    };
+    state: {
+        checked: boolean | undefined;
+    };
+    handleChange: (checked: boolean) => void;
+    render(): JSX.Element;
+}
+export default SwitchesPanelItem;

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

@@ -0,0 +1,2 @@
+export { default } from './SwitchesPanelItem';
+export type { SwitchesPanelItemProps } from './SwitchesPanelItem';

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

@@ -1,10 +1,10 @@
-import { Component, HTMLAttributes, SyntheticEvent } from 'react';
+import { Component, ComponentPropsWithoutRef, SyntheticEvent } from 'react';
 import './TextArea.less';
 declare type Rows = number | {
     min: number;
     max: number;
 };
-declare type TextAreaProps = {
+export declare type TextAreaProps = {
     /**
      * @ignore
      */
@@ -32,7 +32,7 @@ declare type TextAreaProps = {
      * @ignore
      */
     onChange?: (e: SyntheticEvent<HTMLTextAreaElement>) => void;
-} & Omit<HTMLAttributes<HTMLTextAreaElement>, 'rows'>;
+} & Omit<ComponentPropsWithoutRef<'textarea'>, 'rows'>;
 declare type TextAreaState = {
     textareaStyles: any;
     minRows?: number;

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

@@ -1 +1,2 @@
 export { default } from './TextArea';
+export type { TextAreaProps } from './TextArea';

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

@@ -1,8 +1,8 @@
-declare type RegistryItem = {
+export declare type RegistryItem = {
     setCompact: (compact: boolean) => void;
     isCompact: (one: boolean) => boolean;
 };
-declare type Registry = {
+export declare type Registry = {
     stack: RegistryItem[];
     register: (item: RegistryItem) => void;
     unregister: (item: RegistryItem) => void;

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

@@ -0,0 +1,47 @@
+import { Component, ReactNode } from 'react';
+import { DistractionFreeMode } from '../DistractionFreeModeContext';
+import '../../helpers/base.less';
+import './Toolbar.less';
+/**
+ * `Toolbar` component is a panel containing various instruments used for managing the contents of a large content block.
+ * Toolbar is located on top of the managed content block.
+ * It typically consists of three main parts: controls that add new elements, controls that work with existing elements,
+ * and controls for changing the way the content block looks.
+ * @since 0.0.57
+ */
+export interface ToolbarProps {
+    /**
+     * Content of the `Toolbar`.
+     * @since 0.0.57
+     */
+    children?: ReactNode;
+    /**
+     * @ignore
+     */
+    className?: string;
+    /**
+     * @ignore
+     */
+    baseClassName?: string;
+}
+declare type ToolbarState = {
+    distractionFreeMode: DistractionFreeMode;
+};
+declare class Toolbar extends Component<ToolbarProps, ToolbarState> {
+    static defaultProps: {
+        children: null;
+        className: null;
+        baseClassName: string;
+    };
+    constructor(props: ToolbarProps);
+    state: {
+        distractionFreeMode: {
+            enabled: boolean;
+            toggle: () => void;
+        };
+    };
+    private readonly registry;
+    private measure;
+    render(): JSX.Element;
+}
+export default Toolbar;

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

@@ -0,0 +1,46 @@
+import { ReactNode, ReactChild } from 'react';
+import { Registry } from './RegistryContext';
+import { DistractionFreeMode } from '../DistractionFreeModeContext';
+/**
+ * `ToolbarGroup` is a part of [Toolbar](#!/Toolbar) component.
+ * It is used for grouping several toolbar controls together.
+ * @since 0.0.57
+ */
+export interface ToolbarGroupProps {
+    /**
+     * Title.
+     * @since 0.0.60
+     */
+    title: ReactChild;
+    /**
+     * Whether to group children into a dropdown or not.
+     * @since 3.8.0
+     */
+    groupable?: boolean;
+    /**
+     * Content of the `ToolbarGroup`.
+     * @since 0.0.57
+     */
+    children?: ReactNode;
+    /**
+     * @ignore
+     */
+    className?: string;
+    /**
+     * @ignore
+     */
+    baseClassName?: string;
+    /**
+     * @ignore
+     */
+    registry: Registry;
+    /**
+     * @ignore
+     */
+    distractionFreeMode: DistractionFreeMode;
+}
+declare const ToolbarGroupWrapper: {
+    ({ groupable, baseClassName, ...props }: Omit<ToolbarGroupProps, 'registry' | 'distractionFreeMode'>): JSX.Element;
+    displayName: string;
+};
+export default ToolbarGroupWrapper;

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

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

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

@@ -0,0 +1,5 @@
+export { default } from './Toolbar';
+export type { ToolbarProps } from './Toolbar';
+export { default as ToolbarGroup } from './ToolbarGroup';
+export type { ToolbarGroupProps } from './ToolbarGroup';
+export { default as ToolbarExpander } from './ToolbarExpander';

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

@@ -1,6 +1,6 @@
 import { ReactElement } from 'react';
 import Spot from '../Spot';
-declare type TourProps = {
+export declare type TourProps = {
     /**
      * A number of current spot.
      * @since 2.7.0

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

@@ -11,11 +11,12 @@ export { default as Card } from './Card';
 export * from './Card';
 export { default as CardList } from './CardList';
 export { default as Carousel } from './Carousel';
+export type { CarouselProps } from './Carousel';
 export { default as Checkbox } from './Checkbox';
 export { default as Radio } from './Radio';
 export { default as CodeEditor } from './CodeEditor';
-export { default as Columns } from './Columns';
-export * from './Columns';
+export { default as Columns, Column } from './Columns';
+export type { ColumnsProps, ColumnProps } from './Columns';
 export { default as ComboBox } from './ComboBox';
 export * from './ComboBox';
 export { default as ConsoleOutput } from './ConsoleOutput';
@@ -28,6 +29,7 @@ export type { DrawerProps } from './Drawer';
 export { default as Dropdown } from './Dropdown';
 export type { DropdownProps } from './Dropdown';
 export { default as InPlaceEdit } from './InPlaceEdit';
+export type { InPlaceEditProps } from './InPlaceEdit';
 export { default as ExtendedStatusMessage } from './ExtendedStatusMessage';
 export * from './ExtendedStatusMessage';
 export { default as Figure } from './Figure';
@@ -37,21 +39,30 @@ export type { FormProps, FormValues, FormInstanceHandles } from './Form';
 export * from './Form';
 export { default as FormField } from './FormField';
 export { default as FormFieldCheckbox } from './FormFieldCheckbox';
+export type { FormFieldCheckboxProps } from './FormFieldCheckbox';
 export { default as FormFieldPassword } from './FormFieldPassword';
 export * from './FormFieldPassword';
 export { default as FormFieldRadioButtons } from './FormFieldRadioButtons';
+export type { FormFieldRadioButtonsProps } from './FormFieldRadioButtons';
 export { default as FormFieldText } from './FormFieldText';
+export type { FormFieldTextProps } from './FormFieldText';
 export { default as FormFieldSelect } from './FormFieldSelect';
 export { default as Grid } from './Grid';
+export type { GridProps } from './Grid';
 export { default as GridCol } from './GridCol';
+export type { GridColProps } from './GridCol';
 export { default as Heading } from './Heading';
 export { default as Hint } from './Hint';
 export { default as Icon } from './Icon';
 export type { IconProps, IconName, IconSize } from './Icon';
 export { default as Input } from './Input';
+export type { InputProps } from './Input';
 export { default as InputFile } from './InputFile';
+export type { InputFileProps } from './InputFile';
 export { default as InputNumber } from './InputNumber';
+export type { InputNumberProps } from './InputNumber';
 export { default as TextArea } from './TextArea';
+export type { TextAreaProps } from './TextArea';
 export { default as Select } from './Select';
 export * from './Select';
 export { default as Item } from './Item';
@@ -59,50 +70,58 @@ export { default as ItemLink } from './ItemLink';
 export { default as ItemList } from './ItemList';
 export { default as Label } from './Label';
 export { default as Layout } from './Layout';
+export type { LayoutProps } from './Layout';
 export { default as List } from './List';
 export * from './List';
 export { default as LocaleProvider } from './LocaleProvider';
 export * from './LocaleProvider';
 export { default as Markdown } from './Markdown';
-export { default as Media } from './Media';
-export * from './Media';
-export { default as Menu } from './Menu';
-export * from './Menu';
+export { default as Media, MediaSection } from './Media';
+export type { MediaSectionProps, MediaProps } from './Media';
+export { default as Menu, MenuDivider, MenuHeader, MenuItem, MenuSelectableItem } from './Menu';
+export type { MenuProps, MenuHeaderProps, MenuDividerProps, MenuItemProps, MenuSelectableItemProps, } from './Menu';
 export { default as Overlay } from './Overlay';
 export { default as PageHeader } from './PageHeader';
 export { default as Pagination } from './Pagination';
 export { default as Panel } from './Panel';
 export { default as Paragraph } from './Paragraph';
 export { default as Plaintext } from './Plaintext';
+export type { PlainTextProps } from './Plaintext';
 export { default as Popover } from './Popover';
+export type { PopoverProps } from './Popover';
 export { default as Progress } from './Progress';
 export type { ProgressProps } from './Progress';
 export { default as ProgressBar } from './ProgressBar';
 export { default as ProgressDialog } from './ProgressDialog';
+export type { ProgressDialogProps } from './ProgressDialog';
 export { default as ProgressDialogStep } from './ProgressDialogStep';
 export { default as ProgressStep } from './ProgressStep';
 export type { ProgressStepProps } from './ProgressStep';
 export { default as Rating } from './Rating';
+export type { RatingProps } from './Rating';
 export { default as Section } from './Section';
 export * from './Section';
 export { default as SegmentedControl } from './SegmentedControl';
 export { default as Spot } from './Spot';
+export type { SpotProps } from './Spot';
 export { default as SplitButton } from './SplitButton';
 export type { SplitButtonProps } from './SplitButton';
 export { default as Status } from './Status';
 export { default as StatusMessage } from './StatusMessage';
-export { default as Subnav } from './Subnav';
-export * from './Subnav';
+export { default as Subnav, SubnavItem } from './Subnav';
+export type { SubnavProps, SubnavItemProps } from './Subnav';
 export { default as Switch } from './Switch';
 export type { SwitchProps } from './Switch';
 export { default as SwitchesPanel } from './SwitchesPanel';
+export type { SwitchesPanelProps } from './SwitchesPanel';
 export { default as SwitchesPanelItem } from './SwitchesPanelItem';
+export type { SwitchesPanelItemProps } from './SwitchesPanelItem';
 export { default as Tabs } from './Tabs';
 export * from './Tabs';
 export { default as Text } from './Text';
 export { default as Toaster } from './Toaster';
-export { default as Toolbar } from './Toolbar';
-export * from './Toolbar';
+export { default as Toolbar, ToolbarGroup, ToolbarExpander } from './Toolbar';
+export type { ToolbarGroupProps, ToolbarProps } from './Toolbar';
 export { default as Tooltip } from './Tooltip';
 export type { TooltipProps } from './Tooltip';
 export { default as Tour } from './Tour';
@@ -110,6 +129,6 @@ export { default as Translate } from './Translate';
 export type { TranslateProps } from './Translate';
 export { default as Link } from './Link';
 export type { LinkProps } from './Link';
-export { default as Skeleton } from './Skeleton';
-export * from './Skeleton';
+export { default as Skeleton, SkeletonTabs, SkeletonText } from './Skeleton';
+export type { SkeletonProps, SkeletonTabsProps, SkeletonTextProps } from './Skeleton';
 export { PortalContext } from './Layer';

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

@@ -27,5 +27,5 @@ export declare const createFocusManager: (containerRef: RefObject<HTMLElement>,
     focusLast: (attempt?: number) => boolean;
 };
 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 declare const normalizeSize: (value?: number | string) => string | number | undefined;
 export {};

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

@@ -0,0 +1,3 @@
+export interface DataAttributes {
+    [dataAttribute: `data-${string}`]: unknown;
+}

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

@@ -1 +1,2 @@
+export type { DataAttributes } from './DataAttributes';
 export type { PolymorphicComponentProps, PolymorphicComponentPropsWithRef, } from './PolymorphicComponent';

package/cjs/components/Alert/Alert.stories.js

@@ -1,34 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.Intents = exports.Basic = void 0;
-var _Alert = _interopRequireDefault(require("./Alert"));
-var _jsxRuntime = require("react/jsx-runtime");
-// Copyright 1999-2023. Plesk International GmbH. All rights reserved.
-
-const Basic = args => /*#__PURE__*/(0, _jsxRuntime.jsx)(_Alert.default, {
-  ...args
-});
-exports.Basic = Basic;
-Basic.args = {
-  children: 'Content'
-};
-const Intents = () => /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
-  children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(Basic, {
-    intent: "info",
-    ...Basic.args
-  }), /*#__PURE__*/(0, _jsxRuntime.jsx)(Basic, {
-    intent: "success",
-    ...Basic.args
-  }), /*#__PURE__*/(0, _jsxRuntime.jsx)(Basic, {
-    intent: "warning",
-    ...Basic.args
-  }), /*#__PURE__*/(0, _jsxRuntime.jsx)(Basic, {
-    intent: "danger",
-    ...Basic.args
-  })]
-});
-exports.Intents = Intents;