@plesk/ui-library 3.40.10 → 3.40.12

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.40.10</title>
+    <title>Plesk UI Library 3.40.12</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.2d1a02e1.js"></script>
+    <script src="build/bundle.0d8a8996.js"></script>
   </body>
 </html>

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

@@ -20,7 +20,7 @@ export type CuttableProps = {
      * Localization messages
      * @since 0.0.42
      */
-    locale: {
+    locale?: {
         showMore: string;
         showLess: string;
     };

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

@@ -23,7 +23,7 @@ export type FormFieldPasswordProps = {
      * Additional props for password meter. See [Popover](#!/Popover) for more information.
      * @since 1.5.6
      */
-    passwordMeterProps?: PasswordMeterProps;
+    passwordMeterProps?: Omit<PasswordMeterProps, 'children' | 'value' | 'visible' | 'onClose' | 'targetRef'>;
     /**
      * Size of the control
      * @since 1.5.6

package/types/src/components/InPlaceEdit/Editor.d.ts

@@ -0,0 +1,8 @@
+interface EditorProps {
+    value?: string;
+    onSave: (value: string) => void;
+    onCancel: () => void;
+    baseClassName: string;
+}
+declare const Editor: ({ value: initialValue, onSave, onCancel, baseClassName }: EditorProps) => import("react/jsx-runtime").JSX.Element;
+export default Editor;

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

@@ -1,4 +1,4 @@
-import { ChangeEvent, Component, ReactNode, KeyboardEvent, HTMLAttributes } from 'react';
+import { ReactNode, HTMLAttributes } from 'react';
 import './InPlaceEdit.less';
 export interface InPlaceEditProps extends Omit<HTMLAttributes<HTMLDivElement>, 'onChange'> {
     /**
@@ -20,31 +20,11 @@ export interface InPlaceEditProps extends Omit<HTMLAttributes<HTMLDivElement>, '
      */
     baseClassName?: string;
 }
-type InPlaceEditState = {
-    editing: boolean;
-    draft: ReactNode;
-};
 /**
  * This component allows users to edit a short text "in place" — in other words, straight in the interface, without
  * opening additional dialog windows. If a text is large enough that it doesn't fit on a single line, you should
  * give users a different way of editing the text.
  * @since 1.8.3
  */
-declare class InPlaceEdit extends Component<InPlaceEditProps, InPlaceEditState> {
-    static defaultProps: {
-        value: null;
-        onChange: null;
-        className: null;
-        baseClassName: string;
-    };
-    state: {
-        editing: boolean;
-        draft: string;
-    };
-    handleEdit: () => void;
-    handleEditKey: (event: KeyboardEvent<HTMLInputElement>) => void;
-    handleChange: (event: ChangeEvent<HTMLInputElement>) => void;
-    handleEditOk: () => void;
-    render(): import("react/jsx-runtime").JSX.Element;
-}
+declare const InPlaceEdit: ({ baseClassName, className, onChange, value, ...props }: InPlaceEditProps) => import("react/jsx-runtime").JSX.Element;
 export default InPlaceEdit;

package/types/src/components/InPlaceEdit/locale/en-US.d.ts

@@ -0,0 +1,6 @@
+declare const _default: {
+    editButtonHint: string;
+    okButtonHint: string;
+    cancelButtonHint: string;
+};
+export default _default;

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

@@ -34,13 +34,25 @@ type ListRowData<T extends ListData> = T & {
     className?: string;
 };
 export type ListColumn<T extends ListData> = {
+    /**
+     * Unique column key.
+     */
     key: string;
+    /**
+     * Column title.
+     */
     title?: ReactNode;
+    /**
+     * Optional cell renderer function: row => Component. By default render value of cell.
+     */
     render?: (row: ListRowData<T>, opts?: {
         parent?: ListRowData<T>;
     }) => ReactNode | {
         children: ReactNode;
     };
+    /**
+     * Is column sortable. Default is false
+     */
     sortable?: boolean;
     /**
      * Optional function for row comparison: `(row1, row2) => -1 | 0 | 1`
@@ -78,6 +90,19 @@ export interface ListProps<T extends ListData> {
      *
      * In addition to the properties described below, you can use any native properties
      * supported by the `TH` element like `className`, `style`, etc.
+     *
+     * - key: string - Required - Unique column key.
+     * - title: ReactNode - Column title.
+     * - render: func - Optional cell renderer function: row => Component. By default render value of cell.
+     * - sortable: boolean - Is column sortable. Default is false.
+     * - sort: func - Optional function for row comparison: (row1, row2) => number.
+     * - align: 'left' | 'center' | 'right' - Column alignment. Default is 'left'.
+     * - truncate: boolean - Truncate the text in cell with an ellipsis. Default is false.
+     * - type: 'title' | 'controls' | 'actions' - Determine type of column content.
+     *      - title - There should a title of the row.
+     *      - controls - There should be some control: a button or a dropdown.
+     *      - actions - There should be the ListAction component.
+     * - width: number | string - Column width. Default is auto.
      * @since 0.0.42
      */
     columns: ListColumn<T>[];
@@ -338,6 +363,7 @@ declare class List<T extends ListData> extends Component<ListProps<T>, ListState
         suppressContentEditableWarning?: boolean | undefined;
         suppressHydrationWarning?: boolean | undefined;
         accessKey?: string | undefined;
+        autoCapitalize?: "off" | "none" | "on" | "sentences" | "words" | "characters" | (string & {}) | undefined;
         autoFocus?: boolean | undefined;
         className?: string | undefined;
         contentEditable?: (boolean | "true" | "false") | "inherit" | "plaintext-only" | undefined;
@@ -368,7 +394,6 @@ declare class List<T extends ListData> extends Component<ListProps<T>, ListState
         rev?: string | undefined;
         typeof?: string | undefined;
         vocab?: string | undefined;
-        autoCapitalize?: string | undefined;
         autoCorrect?: string | undefined;
         autoSave?: string | undefined;
         color?: string | undefined;
@@ -379,7 +404,7 @@ declare class List<T extends ListData> extends Component<ListProps<T>, ListState
         itemRef?: string | undefined;
         results?: number | undefined;
         security?: string | undefined;
-        unselectable?: "on" | "off" | undefined;
+        unselectable?: "off" | "on" | undefined;
         inputMode?: "search" | "none" | "text" | "tel" | "url" | "email" | "numeric" | "decimal" | undefined;
         is?: string | undefined;
         "aria-activedescendant"?: string | undefined;
@@ -603,8 +628,8 @@ declare class List<T extends ListData> extends Component<ListProps<T>, ListState
     };
     isRowExpanded(row: ListRowData<T>): boolean;
     isRowExpandable(row: ListRowData<T>): boolean;
-    isAllRowsChecked: (this: any, rows: any, selectedKeys: any) => boolean;
-    isAnyRowsExpanded: (this: any, rows: any, expandedRows: any) => boolean;
+    isAllRowsChecked: import("memoize-one").MemoizedFn<(this: any, rows: any, selectedKeys: any) => boolean>;
+    isAnyRowsExpanded: import("memoize-one").MemoizedFn<(this: any, rows: any, expandedRows: any) => boolean>;
     handleRowExpandingChange(row: ListRowData<T>): void;
     handleGlobalExpandingChange: () => void;
     createRowClickHandler: (row: ListRowData<T>) => (e: SyntheticEvent<HTMLElement, MouseEvent>) => void;

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

@@ -45,7 +45,7 @@ export type PageHeaderProps = {
      * @since 2.3.0
      */
     tabs?: ReactNode;
-} & HTMLProps<HTMLDivElement> & DataAttributes;
+} & Omit<HTMLProps<HTMLDivElement>, 'title'> & DataAttributes;
 /**
  * `PageHeader` component is used for identification of the current page.
  * @since 0.0.35