@plesk/ui-library 3.35.6 → 3.35.8

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

@@ -73,6 +73,6 @@ declare class SwitchesPanelItem extends Component<SwitchesPanelItemProps> {
         checked: boolean | undefined;
     };
     handleChange: (checked: boolean) => void;
-    render(): JSX.Element;
+    render(): import("react/jsx-runtime").JSX.Element;
 }
 export default SwitchesPanelItem;

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

@@ -0,0 +1,107 @@
+import { ReactElement } from 'react';
+import { InputProps } from '../Input';
+import { MenuProps } from '../Menu';
+import './SearchBar.less';
+interface SearchBarBaseProps {
+    /**
+     * @ignore
+     */
+    className?: string;
+    /**
+     * @ignore
+     */
+    baseClassName?: string;
+    /**
+     * Maximum width of SearchBar
+     * @since 0.1.0
+     */
+    maxWidth?: number;
+    /**
+     * Minimum width of SearchBar
+     * @since 0.1.0
+     */
+    minWidth?: number;
+    /**
+     * Should disable input and show spinner or not.
+     * @since 0.1.0
+     */
+    loading?: boolean;
+    /**
+     * Should collapse input or not. Used for control in independence of context.
+     * @since 0.1.0
+     */
+    responsive?: boolean;
+    /**
+     * Callback for pressing 'Enter' key or 'Search' button.
+     *
+     * arguments:
+     * * value - search value
+     * * clearHandler - function that clears input value
+     * @since 0.1.0
+     */
+    onSearch?: (value: string, clearHandler: () => void) => void;
+    /**
+     * Callback for pressing any key in input. Used for a live search.
+     *
+     * arguments:
+     * * value - search value
+     * * clearHandler - function that clears input value
+     * @since 0.1.0
+     */
+    onTyping?: (value: string, clearHandler: () => void) => void;
+    /**
+     * Callback for selecting menu item with mouse click or key pressing.
+     *
+     * arguments:
+     * * value - selected value
+     * * clearHandler - function that clears input value
+     * @since 0.1.0
+     */
+    onItemSelect?: (value: string, clearHandler: () => void) => void;
+    /**
+     * Should render toggle button or not.
+     * @since 2.2.0
+     */
+    collapsable?: boolean;
+    /**
+     * Callback for pressing toggle button (in normal mode).
+     * @since 2.2.0
+     */
+    onCollapse?: () => void;
+    /**
+     * Callback for pressing toggle button (in collapsed mode).
+     * @since 2.2.0
+     */
+    onExpand?: () => void;
+    /**
+     * Results to display.
+     * Could be specified by array of objects with "value" and "title" properties or by Menu component.
+     * If Menu component is used then key property of MenuItem will be treated as value.
+     * @since 0.1.0
+     */
+    results?: ReactElement<MenuProps> | {
+        value: string;
+        title: string;
+    }[];
+    /**
+     * Props of underlying input element.
+     * @since 0.4.1
+     */
+    inputProps?: Omit<InputProps, 'value'> & {
+        value?: string;
+    };
+    /**
+     * @ignore
+     */
+    autoFocus?: boolean;
+    /**
+     * @ignore
+     */
+    key?: number | string;
+}
+declare const SearchBarWrapper: {
+    (props: SearchBarBaseProps): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
+export default SearchBarWrapper;
+export { SearchBarBaseProps as SearchBarProps };

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

@@ -0,0 +1,62 @@
+import { ElementType, HTMLAttributes, KeyboardEvent, MouseEvent, ReactNode } from 'react';
+import { PolymorphicComponentProps } from '../../utils/types';
+import { IconName, IconProps } from '../Icon';
+interface TabBaseProps extends Omit<HTMLAttributes<HTMLElement>, 'title'> {
+    /**
+     * Tab title
+     * @since 0.0.35
+     */
+    title: ReactNode;
+    /**
+     * Label in tab title
+     * @since 0.0.42
+     */
+    label?: ReactNode;
+    /**
+     * Name of icon or Icon component for tab
+     * @since 0.0.42
+     */
+    icon?: IconName | IconProps | ReactNode;
+    /**
+     * Activate callback.
+     * @since 0.0.43
+     */
+    onActivate?: () => void;
+    /**
+     * Close callback
+     * @since 0.0.58
+     */
+    onClose?: (e: MouseEvent) => void;
+    /**
+     * Tab content
+     * @since 0.0.47
+     */
+    children?: ReactNode;
+    /**
+     * @ignore
+     */
+    tabIndex?: number;
+    /**
+     * @ignore
+     */
+    onKeyDown?: (e: KeyboardEvent<HTMLElement>) => void;
+}
+export type TabProps<Component extends ElementType = 'div'> = {
+    /**
+     * Component to render as the root element.
+     * @since 2.5.1
+     * @type ElementType
+     * @default a
+     */
+    component?: Component;
+} & PolymorphicComponentProps<Component, TabBaseProps>;
+/**
+ * `Tab` is an individual element of the [Tabs](#!/Tabs) component.
+ *
+ * Each `Tab` can display an icon near the tab name for easier identification.
+ * It can also display a [Label](#!/Label) next to the tab name for showing additional information about its content.
+ * You can make `Tabs` closeable, for example, if you are using them for opening and displaying files.
+ * @since 0.0.35
+ */
+declare const Tab: <T extends ElementType = "div">({ children }: TabProps<T>) => import("react/jsx-runtime").JSX.Element;
+export default Tab;

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

@@ -0,0 +1,111 @@
+import { Component, ReactElement, ReactNode } from 'react';
+import { BoundingRect, ContentRect } from 'react-measure';
+import { TabProps } from './Tab';
+import '../../helpers/base.less';
+import { SearchBarProps } from './SearchBar';
+import './Tabs.less';
+export interface TabsProps {
+    /**
+     * Number of active tab
+     * @since 0.0.35
+     */
+    active?: number;
+    /**
+     * Addon for search bar, dropdown etc.
+     * @since 0.0.58
+     */
+    addon?: ReactElement;
+    /**
+     * Placeholder for search bar, dropdown etc.
+     *
+     * @deprecated Do not use! Use `addon` instead!
+     * @since 0.0.42
+     */
+    placeholder?: ReactElement;
+    /**
+     * Minimum add-on width in pixels
+     * @since 0.0.58
+     */
+    addonMinWidth?: number;
+    /**
+     * Monospaced version of tabs (all visible tabs as wide as widest of them)
+     * @since 0.0.58
+     */
+    monospaced?: boolean;
+    /**
+     * [SearchBar](#!/SearchBar) element
+     * @since 0.0.58
+     */
+    search?: ReactElement<SearchBarProps>;
+    /**
+     * [Tabs](#!/Tab)
+     * @since 0.0.47
+     */
+    children: ReactElement<TabProps> | ReactElement<TabProps>[];
+    /**
+     * @ignore
+     */
+    className?: string;
+    /**
+     * @ignore
+     */
+    baseClassName?: string;
+}
+interface TabsState {
+    active: number;
+    prevActive?: number;
+    collapsedLength: number;
+    compact: boolean;
+    searching: boolean;
+    monospacedWidth: number;
+}
+interface Widths {
+    tabs: number[];
+    more: number;
+    container: number;
+    margin: number;
+}
+type TabMode = 'menu-item' | 'tab';
+/**
+ * `Tabs` component is a content area with a group of individual [Tab](#!/Tab) elements, each displaying different content
+ * in the same screen area. `Tabs` are used when you have too much content to display in one place at the same time, so
+ * the content is broken into logical groups and each group is displayed under its own [Tab](#!/Tab) that serves both as a
+ * group name and a navigation button.
+ * @since 0.0.35
+ */
+declare class Tabs extends Component<TabsProps, TabsState> {
+    static defaultProps: {
+        baseClassName: string;
+    };
+    state: {
+        active: number;
+        collapsedLength: number;
+        compact: boolean;
+        searching: boolean;
+        monospacedWidth: number;
+    };
+    static getDerivedStateFromProps(props: TabsProps, state: TabsState): Partial<TabsState>;
+    componentDidUpdate(): void;
+    widths: Widths | undefined;
+    addon: BoundingRect | undefined;
+    tabsnavRef: HTMLElement | undefined;
+    moreTabsRef: HTMLElement | null;
+    checkAdaptive: () => void;
+    onClick(active: number): void;
+    handleStartSearching: () => void;
+    handleCancelSearching: () => void;
+    handleResize: () => void;
+    handleAddonResize: (contentRect: ContentRect) => void;
+    renderTabLabel(tabMode: TabMode, label: ReactNode): import("react/jsx-runtime").JSX.Element | null;
+    renderTabClose(tabMode: TabMode, onClose?: TabProps['onClose']): import("react/jsx-runtime").JSX.Element | null;
+    renderFakeTabs(): import("react/jsx-runtime").JSX.Element | null;
+    renderTabItem: (tab: ReactElement<TabProps>, index: number, tabMode: TabMode) => import("react/jsx-runtime").JSX.Element | null;
+    createTabItems(): {
+        visibleItems: ReactElement<any, string | import("react").JSXElementConstructor<any>>[];
+        hiddenItems: ReactElement<any, string | import("react").JSXElementConstructor<any>>[];
+    };
+    renderTabList(): import("react/jsx-runtime").JSX.Element | null;
+    renderSearchBar(searchProps: SearchBarProps): import("react/jsx-runtime").JSX.Element | null;
+    render(): import("react/jsx-runtime").JSX.Element | null;
+}
+export default Tabs;

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

@@ -0,0 +1,6 @@
+export { default } from './Tabs';
+export type { TabsProps } from './Tabs';
+export { default as Tab } from './Tab';
+export type { TabProps } from './Tab';
+export { default as SearchBar } from './SearchBar';
+export type { SearchBarProps } from './SearchBar';

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';
-declare type TextProps = {
+type TextProps = {
     /**
      * Content of the `Text`.
      * @since 1.1.0

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

@@ -1,10 +1,10 @@
 import { Component, ComponentPropsWithoutRef, SyntheticEvent } from 'react';
 import './TextArea.less';
-declare type Rows = number | {
+type Rows = number | {
     min: number;
     max: number;
 };
-export declare type TextAreaProps = {
+export type TextAreaProps = {
     /**
      * @ignore
      */
@@ -33,7 +33,7 @@ export declare type TextAreaProps = {
      */
     onChange?: (e: SyntheticEvent<HTMLTextAreaElement>) => void;
 } & Omit<ComponentPropsWithoutRef<'textarea'>, 'rows'>;
-declare type TextAreaState = {
+type TextAreaState = {
     textareaStyles: any;
     minRows?: number;
     maxRows?: number;
@@ -64,6 +64,6 @@ declare class TextArea extends Component<TextAreaProps, TextAreaState> {
     rootRef: import("react").RefObject<HTMLTextAreaElement>;
     handleChange: (e: SyntheticEvent<HTMLTextAreaElement>) => void;
     adjustHeight(): void;
-    render(): JSX.Element;
+    render(): import("react/jsx-runtime").JSX.Element;
 }
 export default TextArea;

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

@@ -1,7 +1,7 @@
 import { Component, ReactElement, RefObject } from 'react';
 import { IconName, IconProps } from '../Icon';
 import './Toast.less';
-export declare type ToastProps = {
+export type ToastProps = {
     /**
      * Visual intent color to apply to component.
      */
@@ -45,5 +45,5 @@ export default class Toast extends Component<ToastProps> {
     componentDidMount(): void;
     componentWillUnmount(): void;
     timer?: number;
-    render(): JSX.Element;
+    render(): import("react/jsx-runtime").JSX.Element;
 }

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

@@ -1,10 +1,10 @@
 import { Component } from 'react';
 import { ToastProps } from '../Toast';
 import './Toaster.less';
-declare type ToastPropsWithKey = ToastProps & {
+type ToastPropsWithKey = ToastProps & {
     key: string;
 };
-export declare type ToasterProps = {
+export type ToasterProps = {
     /**
      * Toaster position
      * @since 0.0.42
@@ -33,7 +33,7 @@ export declare type ToasterProps = {
      */
     onToastClose?: (key: string) => void;
 };
-declare type ToasterState = {
+type ToasterState = {
     toasts: ToastPropsWithKey[];
 };
 /**
@@ -90,6 +90,6 @@ export default class Toaster extends Component<ToasterProps, ToasterState> {
      * @public
      */
     clear(): void;
-    render(): JSX.Element;
+    render(): import("react/jsx-runtime").JSX.Element;
 }
 export {};

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

@@ -1,8 +1,8 @@
-export declare type RegistryItem = {
+export type RegistryItem = {
     setCompact: (compact: boolean) => void;
     isCompact: (one: boolean) => boolean;
 };
-export declare type Registry = {
+export type Registry = {
     stack: RegistryItem[];
     register: (item: RegistryItem) => void;
     unregister: (item: RegistryItem) => void;

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

@@ -24,7 +24,7 @@ export interface ToolbarProps {
      */
     baseClassName?: string;
 }
-declare type ToolbarState = {
+type ToolbarState = {
     distractionFreeMode: DistractionFreeMode;
 };
 declare class Toolbar extends Component<ToolbarProps, ToolbarState> {
@@ -42,6 +42,6 @@ declare class Toolbar extends Component<ToolbarProps, ToolbarState> {
     };
     private readonly registry;
     private measure;
-    render(): JSX.Element;
+    render(): import("react/jsx-runtime").JSX.Element;
 }
 export default Toolbar;

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

@@ -1,5 +1,5 @@
 import { ReactNode } from 'react';
-declare type ToolbarExpanderProps = {
+type ToolbarExpanderProps = {
     /**
      * Content of the `ToolbarExpander`.
      * @since 0.0.57
@@ -20,5 +20,5 @@ declare type ToolbarExpanderProps = {
  * all controls before ToolbarExpander are aligned left, and all controls after ToolbarExpander are aligned right.
  * @since 0.0.57
  */
-declare const ToolbarExpander: ({ baseClassName, className, children, ...props }: ToolbarExpanderProps) => JSX.Element | null;
+declare const ToolbarExpander: ({ baseClassName, className, children, ...props }: ToolbarExpanderProps) => import("react/jsx-runtime").JSX.Element | null;
 export default ToolbarExpander;

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

@@ -40,7 +40,7 @@ export interface ToolbarGroupProps {
     distractionFreeMode: DistractionFreeMode;
 }
 declare const ToolbarGroupWrapper: {
-    ({ groupable, baseClassName, ...props }: Omit<ToolbarGroupProps, 'registry' | 'distractionFreeMode'>): JSX.Element;
+    ({ groupable, baseClassName, ...props }: Omit<ToolbarGroupProps, 'registry' | 'distractionFreeMode'>): import("react/jsx-runtime").JSX.Element;
     displayName: string;
 };
 export default ToolbarGroupWrapper;

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

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

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

@@ -1,5 +1,5 @@
 import { ReactNode, MouseEvent } from 'react';
-export declare type ToolbarMenuProps = {
+export type ToolbarMenuProps = {
     onItemClick?: (e: MouseEvent) => void;
     children: ReactNode;
 };

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

@@ -55,7 +55,7 @@ declare class Tooltip extends Component<TooltipProps> {
     handleHide: () => void;
     handleMouseEnter: () => void;
     handleMouseMove: (e: MouseEvent) => void;
-    renderTooltip(): JSX.Element;
-    render(): JSX.Element;
+    renderTooltip(): import("react/jsx-runtime").JSX.Element;
+    render(): import("react/jsx-runtime").JSX.Element;
 }
 export default Tooltip;

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

@@ -1,6 +1,6 @@
 import { ReactElement } from 'react';
 import Spot from '../Spot';
-export declare type TourProps = {
+export type TourProps = {
     /**
      * A number of current spot.
      * @since 2.7.0
@@ -23,5 +23,5 @@ export declare type TourProps = {
  * or element you want to focus user attention on.
  * @since 2.7.0
  */
-declare const Tour: ({ current, children, onClose }: TourProps) => JSX.Element | null;
+declare const Tour: ({ current, children, onClose }: TourProps) => import("react/jsx-runtime").JSX.Element | null;
 export default Tour;

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

@@ -28,7 +28,9 @@ interface BaseTranslateProps {
      * @ignore
      */
     translators?: {
-        [key: string]: ReactNode;
+        [key: string]: ReactNode | ((params?: {
+            [key: string]: ReactNode;
+        }) => ReactNode);
     };
     /**
      * @ignore
@@ -39,7 +41,7 @@ interface BaseTranslateProps {
      */
     children?: string;
 }
-export declare type TranslateProps<Component extends ElementType = 'span'> = {
+export type TranslateProps<Component extends ElementType = 'span'> = {
     /**
      * Component to render as the root element. Useful when rendering a `Translate` as `<option>`.
      * @since 0.0.42
@@ -52,5 +54,5 @@ export declare type TranslateProps<Component extends ElementType = 'span'> = {
  * `Translate` component.
  * @since 0.0.42
  */
-declare const Translate: <Component extends ElementType<any> = "span">({ component, content, children, params, unsafe, fallback, namespace, translators, ...props }: TranslateProps<Component>) => any;
+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;
 export default Translate;

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

@@ -66,6 +66,7 @@ export type { TextAreaProps } from './TextArea';
 export { default as Select } from './Select';
 export * from './Select';
 export { default as Item } from './Item';
+export type { ItemProps, ItemView } from './Item';
 export { default as ItemLink } from './ItemLink';
 export { default as ItemList } from './ItemList';
 export { default as Label } from './Label';
@@ -118,8 +119,8 @@ export { default as SwitchesPanel } from './SwitchesPanel';
 export type { SwitchesPanelProps } from './SwitchesPanel';
 export { default as SwitchesPanelItem } from './SwitchesPanelItem';
 export type { SwitchesPanelItemProps } from './SwitchesPanelItem';
-export { default as Tabs } from './Tabs';
-export * from './Tabs';
+export { default as Tabs, Tab, SearchBar } from './Tabs';
+export type { TabsProps, TabProps, SearchBarProps } from './Tabs';
 export { default as Text } from './Text';
 export { default as Toaster } from './Toaster';
 export { default as Toolbar, ToolbarGroup, ToolbarExpander } from './Toolbar';

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

@@ -1,10 +1,10 @@
 import { SyntheticEvent, FunctionComponent, Ref, RefObject } from 'react';
-declare type SafeInvoke = <A extends any[]>(fn: ((...args: A) => void) | undefined, ...args: A) => void;
+type SafeInvoke = <A extends any[]>(fn: ((...args: A) => void) | undefined, ...args: A) => void;
 export declare const safeInvoke: SafeInvoke;
-declare type WrapFunction = <A extends any[]>(fn: ((...args: A) => void) | undefined, wrapper: ((...args: A) => void) | undefined) => (...args: A) => void;
+type WrapFunction = <A extends any[]>(fn: ((...args: A) => void) | undefined, wrapper: ((...args: A) => void) | undefined) => (...args: A) => void;
 export declare const wrapFunction: WrapFunction;
 export declare const isClickable: (e: SyntheticEvent<HTMLElement, MouseEvent>) => boolean;
-export declare const createProxyProps: <P>(cb: FunctionComponent<P>) => JSX.Element;
+export declare const createProxyProps: <P>(cb: FunctionComponent<P>) => import("react/jsx-runtime").JSX.Element;
 export declare const scrollIntoView: <T extends Element, O>(target: T, options?: O | undefined) => void;
 export declare class EventEmitter<H = (...args: any[]) => void> {
     listeners: {
@@ -13,13 +13,13 @@ export declare class EventEmitter<H = (...args: any[]) => void> {
     on(type: string, handler: H): void;
     emit(type: string, ...args: any[]): void;
 }
-export declare type FocusStrategy = {
+export type FocusStrategy = {
     getNext: (container: Element, element: Element | null) => Element | null | undefined;
     getPrev: (container: Element, element: Element | null) => Element | null | undefined;
     getFirst: (container: Element) => Element | null;
     getLast: (container: Element) => Element | null;
 };
-declare type ElementFitForFocusChecker = (node: Element) => boolean;
+type ElementFitForFocusChecker = (node: Element) => boolean;
 export declare const createFocusManager: (containerRef: RefObject<HTMLElement>, isFitForFocus?: ElementFitForFocusChecker, strategy?: FocusStrategy) => {
     focusNext: (element?: Element | null, attempt?: number) => boolean;
     focusPrev: (element?: Element | null, attempt?: number) => boolean;

package/types/src/utils/types/PolymorphicComponent.d.ts

@@ -1,11 +1,11 @@
 import { ElementType, ComponentPropsWithoutRef, ComponentPropsWithRef } from 'react';
-declare type ComponentProp<C extends ElementType> = {
+type ComponentProp<C extends ElementType> = {
     component?: C;
 };
-declare type PropsToOmit<C extends ElementType, P> = keyof (ComponentProp<C> & P);
-export declare type PolymorphicComponentProps<C extends ElementType, Props = {}> = Props & ComponentProp<C> & Omit<ComponentPropsWithoutRef<C>, PropsToOmit<C, Props>>;
-declare type PolymorphicRef<C extends ElementType> = ComponentPropsWithRef<C>['ref'];
-export declare type PolymorphicComponentPropsWithRef<C extends ElementType, Props = {}> = PolymorphicComponentProps<C, Props> & {
+type PropsToOmit<C extends ElementType, P> = keyof (ComponentProp<C> & P);
+export type PolymorphicComponentProps<C extends ElementType, Props = {}> = Props & ComponentProp<C> & Omit<ComponentPropsWithoutRef<C>, PropsToOmit<C, Props>>;
+type PolymorphicRef<C extends ElementType> = ComponentPropsWithRef<C>['ref'];
+export type PolymorphicComponentPropsWithRef<C extends ElementType, Props = {}> = PolymorphicComponentProps<C, Props> & {
     ref?: PolymorphicRef<C>;
 };
 export {};