@plesk/ui-library 3.40.3 → 3.40.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.40.3</title>
+    <title>Plesk UI Library 3.40.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.bbdb5666.js"></script>
+    <script src="build/bundle.f0d21187.js"></script>
   </body>
 </html>

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

@@ -33,7 +33,7 @@ declare class AutoClosable extends Component<AutoClosableProps> {
     children: AutoClosable[];
     addChild: (child: AutoClosable) => void;
     removeChild: (child: AutoClosable) => void;
-    getIgnoreNodes: () => (Text | {
+    getIgnoreNodes: () => (RefObject<HTMLElement> | ReactInstance | {
         new (): Node;
         prototype: Node;
         readonly ELEMENT_NODE: 1;
@@ -54,7 +54,7 @@ declare class AutoClosable extends Component<AutoClosableProps> {
         readonly DOCUMENT_POSITION_CONTAINS: 8;
         readonly DOCUMENT_POSITION_CONTAINED_BY: 16;
         readonly DOCUMENT_POSITION_IMPLEMENTATION_SPECIFIC: 32;
-    } | ReactInstance | RefObject<HTMLElement> | null | undefined)[];
+    } | Text | null | undefined)[];
     onOutsideClick: (event: MouseEvent) => void;
     render(): import("react/jsx-runtime").JSX.Element;
 }

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

@@ -1,11 +1,11 @@
-import { Component } from 'react';
+import { Component, ComponentPropsWithoutRef } from 'react';
 import CM, { Editor, EditorChange, EditorConfiguration, ModeSpec, ModeSpecOptions, ScrollInfo } from 'codemirror';
 import './CodeEditor.less';
 type ExtendedEditorConfiguration = EditorConfiguration & {
     enterMode?: string;
     tabMode?: string;
 };
-export interface CodeEditorProps {
+interface CodeEditorBaseProps {
     /**
      * The mode to use. When not given, this will default to the first mode that was loaded.
      * @since 0.0.61
@@ -73,6 +73,8 @@ export interface CodeEditorProps {
      */
     baseClassName?: string;
 }
+export interface CodeEditorProps extends CodeEditorBaseProps, Omit<ComponentPropsWithoutRef<'textarea'>, keyof CodeEditorBaseProps> {
+}
 type CodeEditorState = {
     lineSeparator: string;
     content?: string;
@@ -99,7 +101,7 @@ declare class CodeEditor extends Component<CodeEditorProps, CodeEditorState> {
         onScroll: undefined;
     };
     state: CodeEditorState;
-    static getDerivedStateFromProps({ readOnly, autofocus, options }: CodeEditorProps, state: CodeEditorState): {
+    static getDerivedStateFromProps({ readOnly, autofocus, options }: Readonly<CodeEditorProps>, state: CodeEditorState): {
         options: {
             autofocus: boolean | undefined;
             readOnly: string | boolean | undefined;
@@ -114,7 +116,7 @@ declare class CodeEditor extends Component<CodeEditorProps, CodeEditorState> {
             electricChars?: boolean | undefined;
             specialChars?: RegExp | undefined;
             specialCharPlaceholder?: ((char: string) => HTMLElement) | undefined;
-            direction?: "ltr" | "rtl" | undefined;
+            direction?: "rtl" | "ltr" | undefined;
             rtlMoveVisually?: boolean | undefined;
             keyMap?: string | undefined;
             extraKeys?: string | CM.KeyMap | undefined;

package/types/src/components/Drawer/DrawerProgress.d.ts

@@ -40,6 +40,6 @@ declare class DrawerProgress extends Component<DrawerProgressProps, DrawerProgre
     handleStatusChange: (status: Status) => void;
     handleClose: () => void;
     handleCancel: () => void;
-    render(): string | number | boolean | Iterable<ReactNode> | import("react/jsx-runtime").JSX.Element | null | undefined;
+    render(): string | number | boolean | import("react/jsx-runtime").JSX.Element | Iterable<ReactNode> | null | undefined;
 }
 export default DrawerProgress;

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

@@ -1,6 +1,6 @@
 import { FunctionComponent, ReactNode } from 'react';
 import './ExtendedStatusMessage.less';
-type ExtendedStatusMessageProps = {
+export type ExtendedStatusMessageProps = {
     /**
      * @since 0.0.47
      */

package/types/src/components/ExtendedStatusMessage/ExtendedStatusMessageActions.d.ts

@@ -1,5 +1,5 @@
 import { FunctionComponent, ReactNode } from 'react';
-type ExtendedStatusMessageActionsProps = {
+export type ExtendedStatusMessageActionsProps = {
     /**
      * Content of the `ExtendedStatusMessageActions`.
      * @since 0.0.47

package/types/src/components/ExtendedStatusMessage/ExtendedStatusMessageDescription.d.ts

@@ -1,5 +1,5 @@
 import { FunctionComponent, ReactNode } from 'react';
-type ExtendedStatusMessageDescriptionProps = {
+export type ExtendedStatusMessageDescriptionProps = {
     /**
      * Content of the `ExtendedStatusMessageDescription`.
      * @since 0.0.47

package/types/src/components/ExtendedStatusMessage/ExtendedStatusMessageSeparator.d.ts

@@ -1,5 +1,5 @@
 import { FunctionComponent } from 'react';
-type ExtendedStatusMessageSeparatorProps = {
+export type ExtendedStatusMessageSeparatorProps = {
     /**
      * @ignore
      */

package/types/src/components/ExtendedStatusMessage/ExtendedStatusMessageTitle.d.ts

@@ -1,5 +1,5 @@
 import { FunctionComponent, ReactNode } from 'react';
-type ExtendedStatusMessageTitleProps = {
+export type ExtendedStatusMessageTitleProps = {
     /**
      * Content of the `ExtendedStatusMessageTitle`.
      * @since 0.0.47

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

@@ -1,5 +1,10 @@
 export { default } from './ExtendedStatusMessage';
+export type { ExtendedStatusMessageProps } from './ExtendedStatusMessage';
 export { default as ExtendedStatusMessageActions } from './ExtendedStatusMessageActions';
+export type { ExtendedStatusMessageActionsProps } from './ExtendedStatusMessageActions';
 export { default as ExtendedStatusMessageDescription } from './ExtendedStatusMessageDescription';
+export type { ExtendedStatusMessageDescriptionProps } from './ExtendedStatusMessageDescription';
 export { default as ExtendedStatusMessageSeparator } from './ExtendedStatusMessageSeparator';
+export type { ExtendedStatusMessageSeparatorProps } from './ExtendedStatusMessageSeparator';
 export { default as ExtendedStatusMessageTitle } from './ExtendedStatusMessageTitle';
+export type { ExtendedStatusMessageTitleProps } from './ExtendedStatusMessageTitle';

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

@@ -1,4 +1,4 @@
-import { ReactNode } from 'react';
+import { ReactNode, ComponentPropsWithoutRef } from 'react';
 import type { FormContextProps, FormErrors, FormValues } from '../Form/types';
 import './FormField.less';
 export declare const BASE_FORM_FIELD_CLASS_NAME: string;
@@ -14,7 +14,7 @@ export type FormFieldApi = {
     getErrors: () => FormErrors | undefined;
     getSeparator?: () => ReactNode;
 };
-export interface FormFieldProps {
+export interface FormFieldProps extends Omit<ComponentPropsWithoutRef<'div'>, 'children'> {
     /**
      * Field name.
      * @since 0.0.54

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

@@ -1,2 +1,3 @@
 export { default } from './FormFieldPassword';
+export type { FormFieldPasswordProps } from './FormFieldPassword';
 export { default as generatePassword } from './generatePassword';

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

@@ -1,11 +1,11 @@
-import { Component, ReactNode } from 'react';
+import { Component, ReactNode, ComponentPropsWithoutRef } from 'react';
 import { ContentRect } from 'react-measure';
 import './Grid.less';
 type ColumnsNumber = 1 | 2 | 3 | 4 | 5 | 6 | 'auto';
 type CalculateMaxColumns = (options: {
     width: number;
 }) => number;
-export interface GridProps {
+export interface GridProps extends ComponentPropsWithoutRef<'div'> {
     /**
      * Content of the `Grid`.
      * @since 0.0.48
@@ -91,7 +91,7 @@ declare class Grid extends Component<GridProps, GridState> {
         xs: ColumnsNumber | undefined;
     };
     handleResize: ({ bounds }: ContentRect) => void;
-    getGapSize(): 0 | 8 | 16 | 32 | 12 | 24;
+    getGapSize(): 0 | 8 | 12 | 16 | 32 | 24;
     render(): import("react/jsx-runtime").JSX.Element;
 }
 export default Grid;

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

@@ -1,7 +1,7 @@
 import { ReactNode, ReactElement, ElementType, FunctionComponent } from 'react';
 import { IconName, IconProps } from '../Icon';
 import './Heading.less';
-type HeadingProps = {
+export type HeadingProps = {
     /**
      * Importance of the `Title`. Render as h1, h2, etc.
      * @since 2.3.0

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

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

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

@@ -1,7 +1,7 @@
 import { ReactNode, FunctionComponent, ElementType } from 'react';
 import '../../helpers/base.less';
 import './Hint.less';
-type HintProps = {
+export type HintProps = {
     /**
      * Content of the `Hint`.
      * @since 0.0.47

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

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

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

@@ -55,6 +55,11 @@ export interface InputNumberProps {
      * @since 2.3.0
      */
     incrementIcon?: string | IconProps | ReactElement<any>;
+    /**
+     * Size of the input.
+     * @since 2.3.0
+     */
+    size?: number | 'sm' | 'md' | 'lg' | 'xl' | 'fill';
 }
 /**
  * `InputNumber` component is used for entering integer numbers.

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

@@ -1,6 +1,6 @@
 import { ReactNode, FunctionComponent, HTMLProps } from 'react';
 import './ItemLink.less';
-type ItemLinkProps = {
+export type ItemLinkProps = {
     /**
      * @ignore
      */

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

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

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

@@ -12,7 +12,7 @@ type ItemProps = {
     hoverable?: boolean;
     footer?: ReactNode;
 };
-type ItemListProps = {
+export type ItemListProps = {
     /**
      * Add hover styles for `Item` inside `ItemList`.
      * @since 2.1.0
@@ -73,7 +73,7 @@ type ItemListProps = {
      * @ignore
      */
     baseClassName?: string;
-} & Omit<GridProps, 'children'>;
+} & Omit<GridProps, 'children' | 'onSelect'>;
 type ItemListState = {
     ReorderableGrid: null | any;
     ReorderableGridCol: null | any;
@@ -93,12 +93,12 @@ declare class ItemList extends Component<ItemListProps, ItemListState> {
         baseClassName: string;
     };
     constructor(props: ItemListProps);
-    static getDerivedStateFromProps({ selectable, value: propValue }: ItemListProps, state: ItemListState): {
+    static getDerivedStateFromProps({ selectable, value: propValue }: Readonly<ItemListProps>, state: ItemListState): {
         value: ItemValue | ItemValue[] | null;
     } | null;
     componentDidMount(): void;
     createItemProps: (item: ReactElement<ItemProps>) => ItemProps;
-    renderNormal({ baseClassName, children, ...props }: ItemListProps): import("react/jsx-runtime").JSX.Element;
+    renderNormal({ baseClassName, children, onSelect, ...props }: ItemListProps): import("react/jsx-runtime").JSX.Element;
     someChild(predicate: (child: ReactElement<ItemProps>) => boolean): boolean;
     /**
      * There are some states where we can't manage hoverable state

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

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

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

@@ -1,6 +1,7 @@
 import { ReactNode, ReactElement, ComponentPropsWithoutRef, ElementType } from 'react';
 import { IconName, IconProps } from '../Icon';
 import './Label.less';
+export type LabelIntent = 'inactive' | 'success' | 'warning' | 'danger' | 'info';
 type BaseLabelProps<T extends ElementType> = {
     /**
      * Content of the Label.
@@ -21,7 +22,7 @@ type BaseLabelProps<T extends ElementType> = {
      * Intent of the Label.
      * @since 0.0.42
      */
-    intent?: 'inactive' | 'success' | 'warning' | 'danger' | 'info';
+    intent?: LabelIntent;
     /**
      * The size of the Label.
      * @since 3.32.0
@@ -46,7 +47,7 @@ type BaseLabelProps<T extends ElementType> = {
      */
     baseClassName?: string;
 };
-type LabelProps<T extends ElementType> = BaseLabelProps<T> & Omit<ComponentPropsWithoutRef<T>, keyof BaseLabelProps<T>>;
+export type LabelProps<T extends ElementType> = BaseLabelProps<T> & Omit<ComponentPropsWithoutRef<T>, keyof BaseLabelProps<T>>;
 /**
  * `Label` component is used for showing multiple characteristics or attributes of an object.
  * @since 0.0.42

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

@@ -1 +1,2 @@
 export { default } from './Label';
+export type { LabelProps, LabelIntent } from './Label';

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

@@ -125,7 +125,7 @@ export default class Layout extends Component<LayoutProps, LayoutState> {
         headerHeight: null;
         isResponsive: boolean;
     };
-    static getDerivedStateFromProps(props: LayoutProps, state: LayoutState): LayoutState;
+    static getDerivedStateFromProps(props: Readonly<LayoutProps>, state: LayoutState): LayoutState;
     componentDidMount(): void;
     componentWillUnmount(): void;
     private readonly headerRef;

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

@@ -315,7 +315,7 @@ declare class List<T extends ListData> extends Component<ListProps<T>, ListState
         onReorderEnd: undefined;
     };
     state: ListState<T>;
-    static getDerivedStateFromProps<T extends ListData>({ sortColumn, sortDirection, selection, expandedRows, notExpandableRows, renderRowBody, data, pagination, vertical, rowKey, totalRows, filtered, }: ListProps<T>, { prevSortColumn, prevSortDirection, prevData, prevSelection, prevPagination, prevExpandedRows, ...state }: ListState<T>): ListState<T>;
+    static getDerivedStateFromProps<T extends ListData>({ sortColumn, sortDirection, selection, expandedRows, notExpandableRows, renderRowBody, data, pagination, vertical, rowKey, totalRows, filtered, }: Readonly<ListProps<T>>, { prevSortColumn, prevSortDirection, prevData, prevSelection, prevPagination, prevExpandedRows, ...state }: ListState<T>): ListState<T>;
     componentDidMount(): void;
     componentDidUpdate(prevProps: ListProps<T>): void;
     needScroll: boolean;
@@ -340,16 +340,16 @@ declare class List<T extends ListData> extends Component<ListProps<T>, ListState
         accessKey?: string | undefined;
         autoFocus?: boolean | undefined;
         className?: string | undefined;
-        contentEditable?: "inherit" | (boolean | "false" | "true") | "plaintext-only" | undefined;
+        contentEditable?: (boolean | "true" | "false") | "inherit" | "plaintext-only" | undefined;
         contextMenu?: string | undefined;
         dir?: string | undefined;
-        draggable?: (boolean | "false" | "true") | undefined;
+        draggable?: (boolean | "true" | "false") | undefined;
         hidden?: boolean | undefined;
         id?: string | undefined;
         lang?: string | undefined;
         nonce?: string | undefined;
         slot?: string | undefined;
-        spellCheck?: (boolean | "false" | "true") | undefined;
+        spellCheck?: (boolean | "true" | "false") | undefined;
         style?: import("react").CSSProperties | undefined;
         tabIndex?: number | undefined;
         title?: string | undefined;
@@ -378,58 +378,58 @@ declare class List<T extends ListData> extends Component<ListProps<T>, ListState
         itemRef?: string | undefined;
         results?: number | undefined;
         security?: string | undefined;
-        unselectable?: "off" | "on" | undefined;
-        inputMode?: "search" | "numeric" | "none" | "url" | "text" | "email" | "tel" | "decimal" | undefined;
+        unselectable?: "on" | "off" | undefined;
+        inputMode?: "search" | "none" | "text" | "tel" | "url" | "email" | "numeric" | "decimal" | undefined;
         is?: string | undefined;
         "aria-activedescendant"?: string | undefined;
-        "aria-atomic"?: (boolean | "false" | "true") | undefined;
-        "aria-autocomplete"?: "inline" | "both" | "none" | "list" | undefined;
+        "aria-atomic"?: (boolean | "true" | "false") | undefined;
+        "aria-autocomplete"?: "list" | "none" | "inline" | "both" | undefined;
         "aria-braillelabel"?: string | undefined;
         "aria-brailleroledescription"?: string | undefined;
-        "aria-busy"?: (boolean | "false" | "true") | undefined;
-        "aria-checked"?: boolean | "false" | "mixed" | "true" | undefined;
+        "aria-busy"?: (boolean | "true" | "false") | undefined;
+        "aria-checked"?: boolean | "true" | "false" | "mixed" | undefined;
         "aria-colcount"?: number | undefined;
         "aria-colindex"?: number | undefined;
         "aria-colindextext"?: string | undefined;
         "aria-colspan"?: number | undefined;
         "aria-controls"?: string | undefined;
-        "aria-current"?: boolean | "false" | "time" | "location" | "page" | "true" | "step" | "date" | undefined;
+        "aria-current"?: boolean | "time" | "location" | "step" | "true" | "false" | "page" | "date" | undefined;
         "aria-describedby"?: string | undefined;
         "aria-description"?: string | undefined;
         "aria-details"?: string | undefined;
-        "aria-disabled"?: (boolean | "false" | "true") | undefined;
-        "aria-dropeffect"?: "link" | "none" | "copy" | "move" | "execute" | "popup" | undefined;
+        "aria-disabled"?: (boolean | "true" | "false") | undefined;
+        "aria-dropeffect"?: "link" | "copy" | "none" | "execute" | "move" | "popup" | undefined;
         "aria-errormessage"?: string | undefined;
-        "aria-expanded"?: (boolean | "false" | "true") | undefined;
+        "aria-expanded"?: (boolean | "true" | "false") | undefined;
         "aria-flowto"?: string | undefined;
-        "aria-grabbed"?: (boolean | "false" | "true") | undefined;
-        "aria-haspopup"?: boolean | "false" | "grid" | "dialog" | "menu" | "listbox" | "true" | "tree" | undefined;
-        "aria-hidden"?: (boolean | "false" | "true") | undefined;
-        "aria-invalid"?: boolean | "false" | "true" | "grammar" | "spelling" | undefined;
+        "aria-grabbed"?: (boolean | "true" | "false") | undefined;
+        "aria-haspopup"?: boolean | "dialog" | "menu" | "true" | "false" | "grid" | "listbox" | "tree" | undefined;
+        "aria-hidden"?: (boolean | "true" | "false") | undefined;
+        "aria-invalid"?: boolean | "true" | "false" | "grammar" | "spelling" | undefined;
         "aria-keyshortcuts"?: string | undefined;
         "aria-label"?: string | undefined;
         "aria-labelledby"?: string | undefined;
         "aria-level"?: number | undefined;
         "aria-live"?: "off" | "assertive" | "polite" | undefined;
-        "aria-modal"?: (boolean | "false" | "true") | undefined;
-        "aria-multiline"?: (boolean | "false" | "true") | undefined;
-        "aria-multiselectable"?: (boolean | "false" | "true") | undefined;
+        "aria-modal"?: (boolean | "true" | "false") | undefined;
+        "aria-multiline"?: (boolean | "true" | "false") | undefined;
+        "aria-multiselectable"?: (boolean | "true" | "false") | undefined;
         "aria-orientation"?: "horizontal" | "vertical" | undefined;
         "aria-owns"?: string | undefined;
         "aria-placeholder"?: string | undefined;
         "aria-posinset"?: number | undefined;
-        "aria-pressed"?: boolean | "false" | "mixed" | "true" | undefined;
-        "aria-readonly"?: (boolean | "false" | "true") | undefined;
-        "aria-relevant"?: "all" | "text" | "additions" | "additions removals" | "additions text" | "removals" | "removals additions" | "removals text" | "text additions" | "text removals" | undefined;
-        "aria-required"?: (boolean | "false" | "true") | undefined;
+        "aria-pressed"?: boolean | "true" | "false" | "mixed" | undefined;
+        "aria-readonly"?: (boolean | "true" | "false") | undefined;
+        "aria-relevant"?: "text" | "additions" | "additions removals" | "additions text" | "all" | "removals" | "removals additions" | "removals text" | "text additions" | "text removals" | undefined;
+        "aria-required"?: (boolean | "true" | "false") | undefined;
         "aria-roledescription"?: string | undefined;
         "aria-rowcount"?: number | undefined;
         "aria-rowindex"?: number | undefined;
         "aria-rowindextext"?: string | undefined;
         "aria-rowspan"?: number | undefined;
-        "aria-selected"?: (boolean | "false" | "true") | undefined;
+        "aria-selected"?: (boolean | "true" | "false") | undefined;
         "aria-setsize"?: number | undefined;
-        "aria-sort"?: "none" | "other" | "ascending" | "descending" | undefined;
+        "aria-sort"?: "none" | "ascending" | "descending" | "other" | undefined;
         "aria-valuemax"?: number | undefined;
         "aria-valuemin"?: number | undefined;
         "aria-valuenow"?: number | undefined;

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

@@ -7,8 +7,13 @@ type Messages = {
 type Translate = (key: string, params?: {
     [key: string]: unknown;
 }, fallback?: string) => string | ReactNode[];
+export declare const LocaleContext: import("react").Context<{
+    locale: {
+        lmsg: Translate;
+    };
+} | undefined>;
 export declare const useTranslate: (namespace?: string) => Translate;
-type LocaleProviderProps = {
+export type LocaleProviderProps = {
     /**
      * Localization messages
      * @since 0.0.42

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

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

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

@@ -3,6 +3,7 @@ export type { MenuProps } from './Menu';
 export { default as MenuItem } from './MenuItem';
 export type { MenuItemProps } from './MenuItem';
 export { default as MenuBaseItem } from './MenuBaseItem';
+export type { MenuBaseItemProps } from './MenuBaseItem';
 export { default as MenuSelectableItem } from './MenuSelectableItem';
 export type { MenuSelectableItemProps } from './MenuSelectableItem';
 export { default as MenuDivider } from './MenuDivider';

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

@@ -1,7 +1,7 @@
 import { FunctionComponent, ReactNode, HTMLProps } from 'react';
 import { DataAttributes } from '../../utils/types';
 import './PageHeader.less';
-type PageHeaderProps = {
+export type PageHeaderProps = {
     /**
      * @ignore
      */

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

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

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

@@ -1,7 +1,7 @@
 import { ReactNode, FunctionComponent, ElementType } from 'react';
 import '../../helpers/base.less';
 import './Paragraph.less';
-type ParagraphProps = {
+export type ParagraphProps = {
     /**
      * Content of the `Paragraph`.
      * @since 1.1.0

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

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

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

@@ -1,10 +1,10 @@
 import { ContentRect } from 'react-measure';
 import { PopperState } from '../Popper';
 import { Placement } from 'popper.js';
-import { Component, KeyboardEventHandler, MouseEvent, MutableRefObject, ReactElement, ReactNode } from 'react';
+import { Component, ComponentPropsWithoutRef, KeyboardEventHandler, MouseEvent, MutableRefObject, ReactElement, ReactNode } from 'react';
 import './Popover.less';
 declare const PLACEMENT_MAP: Record<string, Placement>;
-export interface PopoverProps {
+export interface BasePopoverProps {
     /**
      * The reference element used to position the popover.
      * @since 0.0.65
@@ -35,7 +35,7 @@ export interface PopoverProps {
      * Click handler for close button. If it is not defined then default behavior (hide popover) will be used.
      * @since 0.0.42
      */
-    onClose: () => void;
+    onClose?: () => void;
     /**
      * Popover placement
      * @since 0.0.42
@@ -101,6 +101,8 @@ export interface PopoverProps {
      */
     autoFocus?: boolean;
 }
+export interface PopoverProps extends BasePopoverProps, Omit<ComponentPropsWithoutRef<'div'>, keyof BasePopoverProps> {
+}
 type PopoverState = {
     show?: boolean;
     arrowInHeader: boolean;
@@ -136,7 +138,7 @@ declare class Popover extends Component<PopoverProps, PopoverState> {
         show: boolean | undefined;
         arrowInHeader: boolean;
     };
-    static getDerivedStateFromProps(props: PopoverProps, state: PopoverState): {
+    static getDerivedStateFromProps(props: Readonly<PopoverProps>, state: PopoverState): {
         show: boolean | undefined;
     };
     componentDidUpdate(_: PopoverProps, prevState: PopoverState): void;

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

@@ -1,11 +1,11 @@
 import PopperJs, { Behavior, ModifierFn, Placement, Position } from 'popper.js';
-import { Component, CSSProperties, PropsWithChildren, ReactElement, RefObject } from 'react';
+import { Component, ComponentPropsWithoutRef, CSSProperties, PropsWithChildren, ReactElement, RefObject } from 'react';
 export interface PopperState {
     popperStyle: CSSStyleDeclaration | null;
     arrowStyle: CSSStyleDeclaration | null;
     actualPlacement: Placement | undefined;
 }
-export type PopperProps = PropsWithChildren<{
+export type BasePopperProps = PropsWithChildren<{
     /**
      * Target for popper.
      */
@@ -59,6 +59,7 @@ export type PopperProps = PropsWithChildren<{
      */
     baseClassName?: string;
 }>;
+export type PopperProps = BasePopperProps & Omit<ComponentPropsWithoutRef<'div'>, keyof BasePopperProps>;
 /**
  * `Popper` component.
  */

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

@@ -39,7 +39,7 @@ declare class Progress extends Component<ProgressProps, ProgressState> {
     state: {
         status: null;
     };
-    static getDerivedStateFromProps({ children }: ProgressProps): {
+    static getDerivedStateFromProps({ children }: Readonly<ProgressProps>): {
         status: string;
     };
     componentDidMount(): void;

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

@@ -1,6 +1,6 @@
 import { FunctionComponent } from 'react';
 import './ProgressBar.less';
-type ProgressBarProps = {
+export type ProgressBarProps = {
     /**
      * @ignore
      */

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

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

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

@@ -107,8 +107,8 @@ declare class ProgressDialog extends Component<ProgressDialogProps, ProgressDial
         className: null;
         baseClassName: string;
     };
-    static getDerivedStateFromProps({ isOpen }: ProgressDialogState): {
-        isOpen: boolean;
+    static getDerivedStateFromProps({ isOpen }: Readonly<ProgressDialogProps>): {
+        isOpen: boolean | undefined;
     };
     state: {
         isOpen: boolean;

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

@@ -79,7 +79,7 @@ interface SectionState extends DerivedState {
 export declare const SECTION_BASE_CLASS_NAME: string;
 declare class Section extends Component<SectionProps, SectionState> {
     state: SectionState;
-    static getDerivedStateFromProps(props: SectionProps, state: SectionState): DerivedState;
+    static getDerivedStateFromProps(props: Readonly<SectionProps>, state: SectionState): DerivedState;
     handleResize: ({ bounds }: ContentRect) => void;
     handleCollapse: (e: MouseEvent<HTMLButtonElement>) => void;
     renderCollapseButton({ baseClassName, collapsible, }: {

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

@@ -45,6 +45,7 @@ export type SegmentedControlProps<T> = {
         className?: string;
         style?: CSSProperties;
         disabled?: boolean;
+        tooltip?: ReactNode;
     } & DataAttributes)[];
     /**
      * Monospaced version of buttons (all button would have the same width).
@@ -96,7 +97,7 @@ declare class SegmentedControl<T = unknown> extends Component<SegmentedControlPr
         baseClassName: string;
     };
     state: SegmentedControlState<T>;
-    static getDerivedStateFromProps<T>(props: SegmentedControlProps<T>, state: SegmentedControlState<T>): Partial<SegmentedControlState<T>>;
+    static getDerivedStateFromProps<T>(props: Readonly<SegmentedControlProps<T>>, state: SegmentedControlState<T>): Partial<SegmentedControlState<T>>;
     componentDidMount(): void;
     componentDidUpdate(): void;
     static contextType: import("react").Context<boolean | undefined>;