@plesk/ui-library 3.35.4 → 3.35.6

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.35.4</title>
+    <title>Plesk UI Library 3.35.6</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">
@@ -26,6 +26,6 @@
     <noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-KWST26V"
     height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
     <!-- End Google Tag Manager (noscript) -->
-    <script src="build/bundle.17ad5082.js"></script>
+    <script src="build/bundle.8a07b2dd.js"></script>
   </body>
 </html>

package/types/src/components/Card/PreviewPanel.d.ts

@@ -1,4 +1,5 @@
 import { ReactNode, CSSProperties } from 'react';
+import { DataAttributes } from '../../utils/types';
 import './PreviewPanel.less';
 declare type PreviewPanelProps = {
     /**
@@ -44,7 +45,7 @@ declare type PreviewPanelProps = {
      * @deprecated
      */
     html?: string;
-};
+} & DataAttributes;
 /**
  * `PreviewPanel` component is used for displaying website preview.
  * @since 0.3.0

package/types/src/components/List/ListAction.d.ts

@@ -1,6 +1,6 @@
-import { ReactNode, ReactElement } from 'react';
+import { ReactElement, ReactNode } from 'react';
 import { IconProps } from '../Icon';
-declare type RenderFn = (props: {
+export declare type ListActionRenderFn = (props: {
     wrap: (children: ReactNode) => ReactNode;
 }) => ReactElement | null;
 declare type ListActionProps = {
@@ -18,7 +18,7 @@ declare type ListActionProps = {
      * Content of the component.
      * @since 3.3.0
      */
-    children?: ReactNode | RenderFn;
+    children?: ReactNode | ListActionRenderFn;
     /**
      * Tooltip for component.
      * @since 3.5.0

package/types/src/components/List/ListActions.d.ts

@@ -1,6 +1,6 @@
 import { ReactNode } from 'react';
 import './ListActions.less';
-declare type ListActionsProps = {
+export declare type ListActionsProps = {
     /**
      * @ignore
      */

package/types/src/components/List/ListOperation.d.ts

@@ -1,5 +1,5 @@
 import { FunctionComponent, ReactElement, ReactNode, MouseEvent } from 'react';
-declare type ListOperationProps = {
+export declare type ListOperationProps = {
     /**
      * Whether a critical operation or not. E.g. updating, deleting are critical operations.
      * @since 2.4.0

package/types/src/components/List/ListOperationContext.d.ts

@@ -1,7 +1,7 @@
 import { ReactNode } from 'react';
-declare type Context = {
+export declare type ListOperationContextType = {
     selectedRows: number | ReactNode;
     selectedRowTitle?: string | ReactNode;
 };
-declare const ListOperationContext: import("react").Context<Context>;
+declare const ListOperationContext: import("react").Context<ListOperationContextType>;
 export default ListOperationContext;

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

@@ -1,4 +1,5 @@
 import { FunctionComponent, ReactNode, HTMLProps } from 'react';
+import { DataAttributes } from '../../utils/types';
 import './PageHeader.less';
 declare type PageHeaderProps = {
     /**
@@ -44,7 +45,7 @@ declare type PageHeaderProps = {
      * @since 2.3.0
      */
     tabs?: ReactNode;
-} & HTMLProps<HTMLDivElement>;
+} & HTMLProps<HTMLDivElement> & DataAttributes;
 /**
  * `PageHeader` component is used for identification of the current page.
  * @since 0.0.35

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

@@ -82,6 +82,7 @@ export interface ProgressDialogProps {
 declare type ProgressDialogState = {
     isOpen: boolean;
     isFinished: boolean;
+    isFinishedWithWarnings: boolean;
     isFailed: boolean;
 };
 /**
@@ -112,6 +113,7 @@ declare class ProgressDialog extends Component<ProgressDialogProps, ProgressDial
     state: {
         isOpen: boolean;
         isFinished: boolean;
+        isFinishedWithWarnings: boolean;
         isFailed: boolean;
     };
     componentDidUpdate(_: ProgressDialogProps, prevState: ProgressDialogState): void;

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

@@ -0,0 +1,112 @@
+import { Component, CSSProperties, ReactChild, ReactNode } from 'react';
+import '../../helpers/base.less';
+import './SegmentedControl.less';
+declare type SingleProps<T> = {
+    multiple?: false;
+    /**
+     * Selected value or an array of values (for multiple version).
+     * Used in controlled version or as default value in uncontrolled version (with onChange property)
+     * @since 0.0.68
+     */
+    selected?: T;
+    /**
+     * On change selection callback for uncontrolled mode.
+     * @since 0.0.68
+     */
+    onChange?: (newSelection: T) => void;
+};
+declare type MultipleProps<T> = {
+    multiple: true;
+    selected?: T[];
+    onChange?: (newSelection: T[]) => void;
+};
+declare type MultipleBaseProps<T> = MultipleProps<T> | SingleProps<T>;
+export declare type SegmentedControlProps<T> = {
+    /**
+     * Label
+     * @since 0.0.68
+     */
+    label: ReactNode;
+    /**
+     * Where to place label
+     * @since 0.0.68
+     */
+    labelPlacement?: 'top' | 'left';
+    /**
+     * Array of buttons to display (every array item must contain an unique "value" property)
+     * @since 0.0.68
+     */
+    buttons: {
+        value: T;
+        title?: ReactChild;
+        icon?: ReactNode;
+        className?: string;
+        style?: CSSProperties;
+    }[];
+    /**
+     * Monospaced version of buttons (all button would have the same width).
+     * Attention: using it with buttons dynamic update may cause to wrong behavior!
+     * @since 0.0.68
+     */
+    monospaced?: boolean;
+    /**
+     * Should component displays as inline element?
+     * @since 0.0.68
+     */
+    inline?: boolean;
+    /**
+     * Use buttons with transparent background (ghost buttons)
+     * @since 2.3.0
+     */
+    ghost?: boolean;
+    /**
+     * @ignore
+     */
+    className?: string;
+    /**
+     * @ignore
+     */
+    baseClassName?: string;
+} & MultipleBaseProps<T>;
+export interface SegmentedControlState<T> {
+    selected?: T | T[];
+    prevSelected?: T | T[];
+    monoWidth: number;
+    compact?: boolean;
+}
+export declare const SEGMENTED_CONTROL_BASE_CLASS_NAME: string;
+/**
+ *  `Segmented Control` is a group of several [Buttons](#!/Button)
+ * each of which functions as a mutually exclusive option.
+ * @since 0.0.68
+ */
+declare class SegmentedControl<T = unknown> extends Component<SegmentedControlProps<T>, SegmentedControlState<T>> {
+    static defaultProps: {
+        label: null;
+        labelPlacement: string;
+        monospaced: boolean;
+        multiple: boolean;
+        onChange: null;
+        inline: boolean;
+        ghost: boolean;
+        className: null;
+        baseClassName: string;
+    };
+    state: SegmentedControlState<T>;
+    static getDerivedStateFromProps<T>(props: SegmentedControlProps<T>, state: SegmentedControlState<T>): Partial<SegmentedControlState<T>>;
+    componentDidMount(): void;
+    componentDidUpdate(): void;
+    static contextType: import("react").Context<boolean | undefined>;
+    isCompact: boolean;
+    rootRef: import("react").RefObject<Element>;
+    adjustMonospaced: () => void;
+    isResponsive(): any;
+    handleChange: (value: T) => () => void;
+    compact: () => boolean;
+    uncompact: () => boolean;
+    renderControl(): JSX.Element;
+    renderDropdown(): JSX.Element;
+    renderButtonGroup(): JSX.Element;
+    render(): JSX.Element;
+}
+export default SegmentedControl;

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

@@ -0,0 +1,3 @@
+export { default } from './SegmentedControl';
+export { SEGMENTED_CONTROL_BASE_CLASS_NAME } from './SegmentedControl';
+export type { SegmentedControlProps, SegmentedControlState } from './SegmentedControl';

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

@@ -1,5 +1,5 @@
 import { ReactNode, MouseEvent } from 'react';
-declare type ToolbarMenuProps = {
+export declare type ToolbarMenuProps = {
     onItemClick?: (e: MouseEvent) => void;
     children: ReactNode;
 };

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

@@ -78,7 +78,7 @@ export * from './LocaleProvider';
 export { default as Markdown } from './Markdown';
 export { default as Media, MediaSection } from './Media';
 export type { MediaSectionProps, MediaProps } from './Media';
-export { default as Menu, MenuDivider, MenuHeader, MenuItem, MenuSelectableItem } from './Menu';
+export { default as Menu, MenuDivider, MenuHeader, MenuItem, MenuSelectableItem, MenuBaseItem, } from './Menu';
 export type { MenuProps, MenuHeaderProps, MenuDividerProps, MenuItemProps, MenuSelectableItemProps, } from './Menu';
 export { default as Overlay } from './Overlay';
 export { default as PageHeader } from './PageHeader';
@@ -102,6 +102,8 @@ export type { RatingProps } from './Rating';
 export { default as Section } from './Section';
 export * from './Section';
 export { default as SegmentedControl } from './SegmentedControl';
+export { SEGMENTED_CONTROL_BASE_CLASS_NAME } from './SegmentedControl';
+export type { SegmentedControlProps, SegmentedControlState } from './SegmentedControl';
 export { default as Spot } from './Spot';
 export type { SpotProps } from './Spot';
 export { default as SplitButton } from './SplitButton';