@plesk/ui-library 3.36.0 → 3.37.0

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

@@ -1,39 +1,42 @@
-import { ReactElement, ReactNode } from 'react';
-import { IconProps } from '../Icon';
+import { ElementType, ReactElement, ReactNode } from 'react';
+import { ButtonProps } from '../Button';
+import { MenuItemProps } from '../Menu';
 export type ListActionRenderFn = (props: {
     wrap: (children: ReactNode) => ReactNode;
 }) => ReactElement | null;
-type ListActionProps = {
+type ListActionButtonProps<TComponent extends ElementType> = {
+    primary: true;
+    icon: ButtonProps['icon'];
+    component?: TComponent;
+} & Omit<ButtonProps<TComponent>, keyof ListActionBaseProps | 'icon'>;
+type ListActionMenuItemProps<TComponent extends ElementType> = {
+    primary?: false;
+    component?: TComponent;
+} & Omit<MenuItemProps<TComponent>, keyof ListActionBaseProps>;
+type ListActionBaseProps = {
     /**
-     * Should render as a ghost button in List's default mode. Icon is required for the ListAction with this property.
+     * Should render as a ghost button in List's default mode. Icon is required for the ListAction with this property. See
+     * @see Use [Button](#!/Button) props when primary is true.
+     * @see Use [MenuItem](#!/MenuItem) props when primary is false.
      * @since 3.3.0
      */
     primary?: boolean;
     /**
-     * Name of icon.
-     * @since 3.3.0
+     * Renders as a "hole" if it has the primary property and doesn't render in the dropdown.
+     * @since 3.5.0
      */
-    icon?: string | IconProps | ReactElement<any>;
+    hidden?: boolean;
     /**
      * Content of the component.
      * @since 3.3.0
      */
     children?: ReactNode | ListActionRenderFn;
-    /**
-     * Tooltip for component.
-     * @since 3.5.0
-     */
-    tooltip?: ReactNode;
-    /**
-     * Renders as a "hole" if it has the primary property and doesn't render in the dropdown.
-     * @since 3.5.0
-     */
-    hidden?: boolean;
 };
+export type ListActionProps<TComponent extends ElementType> = ListActionBaseProps & (ListActionButtonProps<TComponent> | ListActionMenuItemProps<TComponent>);
 /**
  * `ListAction` component is a part of [ListActions](#!/ListActions) component.
  * It accepts the props of [Button](#!/Button) and [MenuItem](#!/MenuItem) components.
  * @since 3.3.0
  */
-declare const ListAction: ({ primary, children, tooltip, ...props }: ListActionProps) => import("react/jsx-runtime").JSX.Element | null;
+declare const ListAction: <TComponent extends ElementType = "div">({ primary, children, tooltip, ...props }: ListActionProps<TComponent>) => import("react/jsx-runtime").JSX.Element | null;
 export default ListAction;

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

@@ -1,6 +1,6 @@
 import { ComponentProps } from 'react';
 import { MenuDivider } from '../Menu';
-type ListActionsDividerProps = ComponentProps<typeof MenuDivider>;
+export type ListActionsDividerProps = ComponentProps<typeof MenuDivider>;
 /**
  * `ListActionsDivider` component is a part of [ListActions](#!/ListActions) component.
  * It accepts the props of [MenuDivider](#!/MenuDivider) component.

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

@@ -1,6 +1,6 @@
 import { FunctionComponent, ReactNode } from 'react';
 import './ListEmptyView.less';
-type ListEmptyViewProps = {
+export type ListEmptyViewProps = {
     /**
      * A title.
      * @since 2.5.0

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

@@ -0,0 +1,12 @@
+export { default } from './List';
+export type { ListProps, ListColumn } from './List';
+export { default as ListOperation } from './ListOperation';
+export type { ListOperationProps } from './ListOperation';
+export { default as ListEmptyView } from './ListEmptyView';
+export type { ListEmptyViewProps } from './ListEmptyView';
+export { default as ListActions } from './ListActions';
+export type { ListActionsProps } from './ListActions';
+export { default as ListAction } from './ListAction';
+export type { ListActionProps } from './ListAction';
+export { default as ListActionsDivider } from './ListActionsDivider';
+export type { ListActionsDividerProps } from './ListActionsDivider';

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

@@ -1,2 +1,3 @@
+/// <reference types="react" />
 declare const OnDarkContext: import("react").Context<boolean>;
 export default OnDarkContext;

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

@@ -4,7 +4,7 @@ type ItemPerPageOption = number | 'all';
 export declare const ITEMS_PER_PAGE_OPTIONS: ItemPerPageOption[];
 declare const VIEW_DEFAULT = "default";
 declare const VIEW_POPOVER = "popover";
-type PaginationProps = {
+export type PaginationProps = {
     /**
      * Number of pages in pagination.
      * @since 0.0.54

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

@@ -1 +1,2 @@
 export { default, ITEMS_PER_PAGE_OPTIONS } from './Pagination';
+export type { PaginationProps } from './Pagination';

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

@@ -1,7 +1,7 @@
-import { Component, SyntheticEvent, ReactNode } from 'react';
+import { HTMLAttributes, ReactNode } from 'react';
 import { DataAttributes } from '../../utils/types';
 import './Panel.less';
-type PanelProps = {
+export type PanelProps = {
     /**
      * Panel title.
      * @since 0.0.37
@@ -40,27 +40,10 @@ type PanelProps = {
      * @ignore
      */
     baseClassName?: string;
-} & DataAttributes;
-type PanelState = {
-    collapsed: boolean;
-    prevPropsCollapsed: boolean;
-};
+} & DataAttributes & HTMLAttributes<HTMLDivElement>;
 /**
  * `Panel` component is used for visually grouping some content.
  * @since 0.0.35
  */
-declare class Panel extends Component<PanelProps, PanelState> {
-    static defaultProps: {
-        collapsible: boolean;
-        collapsed: boolean;
-        baseClassName: string;
-    };
-    constructor(props: PanelProps);
-    static getDerivedStateFromProps(props: PanelProps, state: PanelState): {
-        collapsed: boolean | undefined;
-        prevPropsCollapsed: boolean | undefined;
-    } | null;
-    handleToggle: (e: SyntheticEvent<HTMLElement, MouseEvent>) => void;
-    render(): import("react/jsx-runtime").JSX.Element;
-}
+declare const Panel: ({ baseClassName, className, title, collapsible, collapsed: externalCollapsed, onToggle, children, extra, ...props }: PanelProps) => import("react/jsx-runtime").JSX.Element;
 export default Panel;

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

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

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

@@ -1,6 +1,7 @@
-import { ReactNode, HTMLProps, FunctionComponent } from 'react';
+import { ReactNode, HTMLProps, FunctionComponent, HTMLAttributes } from 'react';
+import { DataAttributes } from '../../utils/types';
 import './Radio.less';
-type RadioProps = {
+type BaseRadioProps = {
     /**
      * Determine whether the `Radio` is checked.
      * @since 3.2.0
@@ -35,15 +36,12 @@ type RadioProps = {
      * @since 3.2.0
      */
     inputProps?: HTMLProps<HTMLInputElement>;
-    /**
-     * @ignore
-     */
-    className?: string;
     /**
      * @ignore
      */
     baseClassName?: string;
 };
+export type RadioProps = BaseRadioProps & DataAttributes & Omit<HTMLAttributes<HTMLLabelElement>, keyof BaseRadioProps>;
 /**
  * `Radio` component is used for making a choice among a set of mutually exclusive, related options.
  * @since 3.2.0

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

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

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

@@ -1,2 +1,3 @@
+/// <reference types="react" />
 declare const ResponsiveContext: import("react").Context<boolean | undefined>;
 export default ResponsiveContext;

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

@@ -49,7 +49,7 @@ export interface SectionProps {
      * Section view will be automatically switched if this parameter is not specified explicitly.
      * @since 0.3.0
      */
-    vertical: boolean;
+    vertical?: boolean;
     /**
      * Content of the `Section`.
      * @since 0.0.54

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

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 export type RegistryItem = {
     setCompact: (compact: boolean) => void;
     isCompact: (one: boolean) => boolean;

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

@@ -1,5 +1,8 @@
 import { ElementType, ReactNode } from 'react';
 import { PolymorphicComponentProps } from '../../utils/types';
+export type Translator = ReactNode | ((params?: {
+    [key: string]: ReactNode;
+}) => ReactNode);
 interface BaseTranslateProps {
     /**
      * A some prefix for the message key.
@@ -28,9 +31,7 @@ interface BaseTranslateProps {
      * @ignore
      */
     translators?: {
-        [key: string]: ReactNode | ((params?: {
-            [key: string]: ReactNode;
-        }) => ReactNode);
+        [key: string]: Translator;
     };
     /**
      * @ignore

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

@@ -1,3 +1,3 @@
 export { default } from './Translate';
 export { isLikeText } from './isLikeText';
-export type { TranslateProps } from './Translate';
+export type { TranslateProps, Translator } from './Translate';

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

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 export declare const VERTICAL_BREAKPOINT = 450;
 declare const VerticalContext: import("react").Context<boolean | undefined>;
 export default VerticalContext;

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

@@ -1,28 +1,40 @@
 export { default as Action } from './Action';
+export type { ActionProps } from './Action';
 export { default as Alert } from './Alert';
+export type { AlertProps } from './Alert';
 export { default as AutoClosable } from './AutoClosable';
+export type { AutoClosableProps } from './AutoClosable';
 export { default as AuxiliaryActions } from './AuxiliaryActions';
+export type { AuxiliaryActionsProps } from './AuxiliaryActions';
 export { default as Badge } from './Badge';
+export type { BadgeProps } from './Badge';
 export { default as Breadcrumbs } from './Breadcrumbs';
+export type { BreadcrumbsProps } from './Breadcrumbs';
 export { default as Button } from './Button';
 export type { ButtonProps } from './Button';
 export { default as ButtonGroup } from './ButtonGroup';
+export type { ButtonGroupProps } from './ButtonGroup';
 export { default as Card } from './Card';
 export * from './Card';
 export { default as CardList } from './CardList';
 export { default as Carousel } from './Carousel';
 export type { CarouselProps } from './Carousel';
 export { default as Checkbox } from './Checkbox';
+export type { CheckboxProps } from './Checkbox';
 export { default as Radio } from './Radio';
+export type { RadioProps } from './Radio';
 export { default as CodeEditor } from './CodeEditor';
 export type { CodeEditorProps } from './CodeEditor';
 export { default as Columns, Column } from './Columns';
 export type { ColumnsProps, ColumnProps } from './Columns';
-export { default as ComboBox } from './ComboBox';
-export * from './ComboBox';
+export { default as ComboBox, ComboBoxOption } from './ComboBox';
+export type { ComboBoxProps, ComboBoxOptionProps } from './ComboBox';
 export { default as ConsoleOutput } from './ConsoleOutput';
+export type { ConsoleOutputProps } from './ConsoleOutput';
 export { default as ContentLoader } from './ContentLoader';
+export type { ContentLoaderProps } from './ContentLoader';
 export { default as Cuttable } from './Cuttable';
+export type { CuttableProps } from './Cuttable';
 export { default as Dialog } from './Dialog';
 export type { DialogProps } from './Dialog';
 export { default as Drawer } from './Drawer';
@@ -74,8 +86,8 @@ export { default as ItemList } from './ItemList';
 export { default as Label } from './Label';
 export { default as Layout } from './Layout';
 export type { LayoutProps } from './Layout';
-export { default as List } from './List';
-export * from './List';
+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 { default as Markdown } from './Markdown';
@@ -87,6 +99,7 @@ export { default as Overlay } from './Overlay';
 export { default as PageHeader } from './PageHeader';
 export { default as Pagination } from './Pagination';
 export { default as Panel } from './Panel';
+export type { PanelProps } from './Panel';
 export { default as Paragraph } from './Paragraph';
 export { default as Plaintext } from './Plaintext';
 export type { PlainTextProps } from './Plaintext';