@plesk/ui-library 3.35.3 → 3.35.5

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.3</title>
+    <title>Plesk UI Library 3.35.5</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.8058bbce.js"></script>
+    <script src="build/bundle.ecbe3015.js"></script>
   </body>
 </html>

package/types/src/components/Menu/MenuItem.d.ts

@@ -45,5 +45,5 @@ export declare type MenuItemProps<Component extends ElementType = 'div'> = {
  * `MenuItem` is a part of [Menu](#!/Menu) component.
  * @since 0.0.55
  */
-declare const MenuItem: ({ className, children, onClick, icon, label, tooltip, baseClassName, disabled, active, ...props }: MenuItemProps) => JSX.Element;
+declare const MenuItem: <Component extends ElementType<any> = "div">({ className, children, onClick, icon, label, tooltip, baseClassName, disabled, active, ...props }: MenuItemProps<Component>) => JSX.Element;
 export default MenuItem;

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/TextArea/TextArea.d.ts

@@ -17,7 +17,7 @@ export declare type TextAreaProps = {
      * Textarea width.
      * @since 1.9.0
      */
-    size: 'sm' | 'md' | 'lg' | 'xl' | 'fill';
+    size?: 'sm' | 'md' | 'lg' | 'xl' | 'fill';
     /**
      * Adjust height automatically when multiline option is set to true.
      * @since 1.9.0

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

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