@plesk/ui-library 3.40.4 → 3.40.6

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

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

@@ -30,7 +30,7 @@ type MultipleProps = {
     onChange?: (value: Value[] | undefined) => void;
 };
 type MultipleBaseProps = MultipleProps | SingleProps;
-type SelectProps = MultipleBaseProps & {
+export type SelectProps = MultipleBaseProps & {
     /**
      * ID of the input.
      */

package/types/src/components/Select/SelectOption.d.ts

@@ -1,5 +1,5 @@
 import { ReactNode, FunctionComponent } from 'react';
-type SelectOptionProps = {
+export type SelectOptionProps = {
     /**
      * An option value. If it is not specified, children are used as the value.
      * @since 2.3.0

package/types/src/components/Select/SelectOptionGroup.d.ts

@@ -1,6 +1,6 @@
 import { FunctionComponent, ReactElement, ComponentProps } from 'react';
 import SelectOption from './SelectOption';
-type SelectOptionGroupProps = {
+export type SelectOptionGroupProps = {
     /**
      * A group title.
      * @since 2.3.0

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

@@ -1,3 +1,6 @@
 export { default } from './Select';
+export type { SelectProps } from './Select';
 export { default as SelectOption } from './SelectOption';
+export type { SelectOptionProps } from './SelectOption';
 export { default as SelectOptionGroup } from './SelectOptionGroup';
+export type { SelectOptionGroupProps } from './SelectOptionGroup';

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

@@ -3,8 +3,8 @@ import { IconProps } from '../Icon';
 import '../../helpers/base.less';
 import './Status.less';
 type IconType = boolean | string | IconProps | ReactElement<any>;
-type IntentType = 'danger' | 'warning' | 'success' | 'info' | 'muted' | 'inactive';
-type StatusProps = {
+export type Intent = 'danger' | 'warning' | 'success' | 'info' | 'muted' | 'inactive';
+export type StatusProps = {
     /**
      * Content of the `Status`.
      * @since 0.0.68
@@ -19,7 +19,7 @@ type StatusProps = {
      * Visual intent color to apply to component.
      * @since 0.0.68
      */
-    intent?: IntentType;
+    intent?: Intent;
     /**
      * Compact version with the dot indicator instead of icon.
      * @since 2.1.0

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

@@ -1 +1,3 @@
 export { default } from './Status';
+export type { StatusProps } from './Status';
+export type { Intent as StatusIntent } from './Status';

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

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

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

@@ -84,7 +84,7 @@ declare class Tabs extends Component<TabsProps, TabsState> {
         searching: boolean;
         monospacedWidth: number;
     };
-    static getDerivedStateFromProps(props: TabsProps, state: TabsState): Partial<TabsState>;
+    static getDerivedStateFromProps(props: Readonly<TabsProps>, state: TabsState): Partial<TabsState>;
     componentDidUpdate(): void;
     widths: Widths | undefined;
     addon: BoundingRect | undefined;

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

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

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

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

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

@@ -45,7 +45,7 @@ export default class Toaster extends Component<ToasterProps, ToasterState> {
         position: string;
         baseClassName: string;
     };
-    static getDerivedStateFromProps({ toasts, maxToastsNumber }: ToasterProps): {
+    static getDerivedStateFromProps({ toasts, maxToastsNumber }: Readonly<ToasterProps>): {
         toasts: ToastPropsWithKey[];
     } | null;
     static create: (props?: {}, container?: HTMLElement) => void;

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

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

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

@@ -1,5 +1,5 @@
 import { ReactNode } from 'react';
-type ToolbarExpanderProps = {
+export type ToolbarExpanderProps = {
     /**
      * Content of the `ToolbarExpander`.
      * @since 0.0.57

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

@@ -1,2 +1,2 @@
 import { ReactNode } from 'react';
-export declare const toToolbarItems: (children: ReactNode, isBeta?: boolean) => (string | number | Iterable<ReactNode> | import("react/jsx-runtime").JSX.Element)[] | null | undefined;
+export declare const toToolbarItems: (children: ReactNode, isBeta?: boolean) => (string | number | import("react/jsx-runtime").JSX.Element | Iterable<ReactNode>)[] | null | undefined;

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

@@ -3,4 +3,5 @@ export type { ToolbarProps } from './Toolbar';
 export { default as ToolbarGroup } from './ToolbarGroup';
 export type { ToolbarGroupProps } from './ToolbarGroup';
 export { default as ToolbarExpander } from './ToolbarExpander';
+export type { ToolbarExpanderProps } from './ToolbarExpander';
 export { default as ToolbarBetaProvider } from './ToolbarBetaProvider';

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

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

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

@@ -55,5 +55,5 @@ export type TranslateProps<Component extends ElementType = 'span'> = {
  * `Translate` component.
  * @since 0.0.42
  */
-declare const Translate: <Component extends ElementType = "span">({ component, content, children, params, unsafe, fallback, namespace, translators, ...props }: TranslateProps<Component>) => string | number | boolean | Iterable<ReactNode> | import("react/jsx-runtime").JSX.Element | null | undefined;
+declare const Translate: <Component extends ElementType = "span">({ component, content, children, params, unsafe, fallback, namespace, translators, ...props }: TranslateProps<Component>) => string | number | boolean | import("react/jsx-runtime").JSX.Element | Iterable<ReactNode> | null | undefined;
 export default Translate;

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

@@ -61,12 +61,15 @@ export type { FormFieldRadioButtonsProps } from './FormFieldRadioButtons';
 export { default as FormFieldText } from './FormFieldText';
 export type { FormFieldTextProps } from './FormFieldText';
 export { default as FormFieldSelect } from './FormFieldSelect';
+export type { FormFieldSelectProps } 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 type { HeadingProps } from './Heading';
 export { default as Hint } from './Hint';
+export type { HintProps } from './Hint';
 export { default as Icon } from './Icon';
 export type { IconProps, IconName, IconSize } from './Icon';
 export { default as Input } from './Input';
@@ -82,25 +85,33 @@ export * from './Select';
 export { default as Item } from './Item';
 export type { ItemProps, ItemView } from './Item';
 export { default as ItemLink } from './ItemLink';
+export type { ItemLinkProps } from './ItemLink';
 export { default as ItemList } from './ItemList';
+export type { ItemListProps } from './ItemList';
 export { default as Label } from './Label';
+export type { LabelProps, LabelIntent } from './Label';
 export { default as Layout } from './Layout';
 export type { LayoutProps } from './Layout';
 export { default as List, ListActions, ListAction, ListOperation, ListEmptyView, ListActionsDivider, } from './List';
-export type { ListActionsProps, ListActionProps, ListOperationProps, ListEmptyViewProps, ListActionsDividerProps, } from './List';
-export { default as LocaleProvider } from './LocaleProvider';
-export * from './LocaleProvider';
+export type { ListProps, ListActionsProps, ListActionProps, ListOperationProps, ListEmptyViewProps, ListActionsDividerProps, } from './List';
+export { default as LocaleProvider, useTranslate, LocaleContext, LocaleBetaProvider, } from './LocaleProvider';
+export type { LocaleProviderProps } from './LocaleProvider';
 export { default as Markdown } from './Markdown';
+export type { MarkdownProps } from './Markdown';
 export { default as Media, MediaSection } from './Media';
-export type { MediaSectionProps, MediaProps } from './Media';
+export type { MediaProps, MediaSectionProps } from './Media';
 export { default as Menu, MenuDivider, MenuHeader, MenuItem, MenuSelectableItem, MenuBaseItem, } from './Menu';
-export type { MenuProps, MenuHeaderProps, MenuDividerProps, MenuItemProps, MenuSelectableItemProps, } from './Menu';
+export type { MenuProps, MenuHeaderProps, MenuDividerProps, MenuItemProps, MenuSelectableItemProps, MenuBaseItemProps, } from './Menu';
 export { default as Overlay } from './Overlay';
+export type { OverlayProps } from './Overlay';
 export { default as PageHeader } from './PageHeader';
+export type { PageHeaderProps } from './PageHeader';
 export { default as Pagination } from './Pagination';
+export type { PaginationProps } from './Pagination';
 export { default as Panel } from './Panel';
 export type { PanelProps, PanelBaseProps } from './Panel';
 export { default as Paragraph } from './Paragraph';
+export type { ParagraphProps } from './Paragraph';
 export { default as Plaintext } from './Plaintext';
 export type { PlainTextProps } from './Plaintext';
 export { default as Popover } from './Popover';
@@ -108,6 +119,7 @@ export type { PopoverProps } from './Popover';
 export { default as Progress } from './Progress';
 export type { ProgressProps } from './Progress';
 export { default as ProgressBar } from './ProgressBar';
+export type { ProgressBarProps } from './ProgressBar';
 export { default as ProgressDialog } from './ProgressDialog';
 export type { ProgressDialogProps } from './ProgressDialog';
 export { default as ProgressDialogStep } from './ProgressDialogStep';
@@ -125,7 +137,9 @@ export type { SpotProps } from './Spot';
 export { default as SplitButton } from './SplitButton';
 export type { SplitButtonProps } from './SplitButton';
 export { default as Status } from './Status';
+export type { StatusProps, StatusIntent } from './Status';
 export { default as StatusMessage } from './StatusMessage';
+export type { StatusMessageProps } from './StatusMessage';
 export { default as Subnav, SubnavItem } from './Subnav';
 export type { SubnavProps, SubnavItemProps } from './Subnav';
 export { default as Switch } from './Switch';
@@ -137,12 +151,15 @@ export type { SwitchesPanelItemProps } from './SwitchesPanelItem';
 export { default as Tabs, Tab, SearchBar } from './Tabs';
 export type { TabsProps, TabProps, SearchBarProps } from './Tabs';
 export { default as Text } from './Text';
+export type { TextProps } from './Text';
 export { default as Toaster } from './Toaster';
+export type { ToasterProps } from './Toaster';
 export { default as Toolbar, ToolbarGroup, ToolbarExpander, ToolbarBetaProvider } from './Toolbar';
-export type { ToolbarGroupProps, ToolbarProps } from './Toolbar';
+export type { ToolbarProps, ToolbarGroupProps, ToolbarExpanderProps } from './Toolbar';
 export { default as Tooltip } from './Tooltip';
 export type { TooltipProps } from './Tooltip';
 export { default as Tour } from './Tour';
+export type { TourProps } from './Tour';
 export { default as Translate } from './Translate';
 export type { TranslateProps } from './Translate';
 export { default as Link } from './Link';

package/types/src/hooks/useMutationObserver.d.ts

@@ -0,0 +1,8 @@
+import { RefObject } from 'react';
+type UseMutationObserverOptions<T extends HTMLElement = HTMLElement> = {
+    ref: RefObject<T>;
+    onMutate?: () => void;
+    options?: MutationObserverInit;
+};
+export declare const useMutationObserver: <Element_1 extends HTMLElement = HTMLElement>({ ref, onMutate, options, }: UseMutationObserverOptions<Element_1>) => void;
+export {};