@plesk/ui-library 3.42.0 → 3.43.0

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.42.0</title>
+    <title>Plesk UI Library 3.43.0</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.7ac8a2af.js"></script>
+    <script src="build/bundle.ef040f7a.js"></script>
   </body>
 </html>

package/types/components/Carousel/Carousel.d.ts

@@ -35,7 +35,7 @@ export interface CarouselProps {
     /**
      * Callback called on change slides
      */
-    onSlide?: (current: number) => {};
+    onSlide?: (current: number) => void;
     /**
      * @ignore
      */

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

@@ -52,5 +52,5 @@ export type LabelProps<T extends ElementType> = BaseLabelProps<T> & Omit<Compone
  * `Label` component is used for showing multiple characteristics or attributes of an object.
  * @since 0.0.42
  */
-declare const Label: <T extends ElementType = "button" | "span">({ baseClassName, children, className, component, icon, intent, view, size, caps, ...props }: LabelProps<T>) => import("react/jsx-runtime").JSX.Element;
+declare const Label: <T extends ElementType = "span" | "button">({ baseClassName, children, className, component, icon, intent, view, size, caps, ...props }: LabelProps<T>) => import("react/jsx-runtime").JSX.Element;
 export default Label;

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

@@ -274,6 +274,11 @@ export interface ListProps<T extends ListData> {
      * @since 3.18.0
      */
     reorderable?: boolean;
+    /**
+     * Enable or disable auto-expand children when list contains only one element.
+     * @since 3.44.12
+     */
+    autoExpandSingleItem?: boolean;
     /**
      * Reorder end handler.
      * @since 3.18.0
@@ -348,9 +353,10 @@ declare class List<T extends ListData> extends Component<ListProps<T>, ListState
         rowProps: undefined;
         reorderable: boolean;
         onReorderEnd: undefined;
+        autoExpandSingleItem: boolean;
     };
     state: 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>;
+    static getDerivedStateFromProps<T extends ListData>({ sortColumn, sortDirection, selection, expandedRows, notExpandableRows, renderRowBody, data, pagination, vertical, rowKey, totalRows, filtered, autoExpandSingleItem, }: Readonly<ListProps<T>>, { prevSortColumn, prevSortDirection, prevData, prevSelection, prevPagination, prevExpandedRows, ...state }: ListState<T>): ListState<T>;
     componentDidMount(): void;
     componentDidUpdate(prevProps: ListProps<T>): void;
     needScroll: boolean;
@@ -371,7 +377,7 @@ declare class List<T extends ListData> extends Component<ListProps<T>, ListState
     isRowLoading: (row: ListRowData<T>) => boolean;
     getRowTitle: (row: ListRowData<T>) => any;
     getRowProps: (row: ListRowData<T>) => {
-        [x: `data-${string}`]: any;
+        [p: `data-${string}`]: any;
         defaultChecked?: boolean | undefined;
         defaultValue?: string | number | readonly string[] | undefined;
         suppressContentEditableWarning?: boolean | undefined;

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

@@ -0,0 +1,9 @@
+import { ReactElement } from 'react';
+import { TabProps } from './Tab';
+interface FakeTabsProps {
+    children: ReactElement<TabProps> | ReactElement<TabProps>[];
+    onResize: () => void;
+    baseClassName: string;
+}
+declare const FakeTabs: ({ children, onResize, baseClassName }: FakeTabsProps) => import("react/jsx-runtime").JSX.Element;
+export default FakeTabs;

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

@@ -1,4 +1,4 @@
-import { ReactElement } from 'react';
+import { CSSProperties, ReactElement } from 'react';
 import { InputProps } from '../Input';
 import { MenuProps } from '../Menu';
 import './SearchBar.less';
@@ -15,12 +15,12 @@ interface SearchBarBaseProps {
      * Maximum width of SearchBar
      * @since 0.1.0
      */
-    maxWidth?: number;
+    maxWidth?: CSSProperties['maxWidth'];
     /**
      * Minimum width of SearchBar
      * @since 0.1.0
      */
-    minWidth?: number;
+    minWidth?: CSSProperties['minWidth'];
     /**
      * Should disable input and show spinner or not.
      * @since 0.1.0

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

@@ -0,0 +1,9 @@
+import { MouseEvent } from 'react';
+import { TabMode } from './TabList';
+interface TabCloseProps {
+    tabMode: TabMode;
+    onClose?: (e: MouseEvent) => void;
+    baseClassName: string;
+}
+declare const TabClose: ({ tabMode, onClose, baseClassName }: TabCloseProps) => import("react/jsx-runtime").JSX.Element | null;
+export default TabClose;

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

@@ -0,0 +1,7 @@
+import { TabProps } from './Tab';
+interface TabIconProps {
+    icon: TabProps['icon'];
+    baseClassName: string;
+}
+declare const TabIcon: ({ icon, baseClassName }: TabIconProps) => any;
+export default TabIcon;

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

@@ -0,0 +1,9 @@
+import { ReactNode } from 'react';
+import { TabMode } from './TabList';
+interface TabLabelProps {
+    label: ReactNode;
+    tabMode: TabMode;
+    baseClassName: string;
+}
+declare const TabLabel: ({ label, tabMode, baseClassName }: TabLabelProps) => import("react/jsx-runtime").JSX.Element | null;
+export default TabLabel;

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

@@ -0,0 +1,14 @@
+import { ReactElement, RefObject } from 'react';
+import { TabProps } from './Tab';
+export type TabMode = 'menu-item' | 'tab';
+interface TabListProps {
+    children: ReactElement<TabProps> | ReactElement<TabProps>[];
+    tabListRef: RefObject<HTMLUListElement>;
+    active: number;
+    onTabClick: (active: number) => void;
+    visibleLength: number;
+    monospacedWidth?: number;
+    baseClassName: string;
+}
+declare const TabList: ({ children, tabListRef, active, onTabClick, visibleLength, monospacedWidth, baseClassName, }: TabListProps) => import("react/jsx-runtime").JSX.Element | null;
+export default TabList;

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

@@ -0,0 +1,12 @@
+import { ReactElement } from 'react';
+import { TabProps } from './Tab';
+interface TabListItemProps {
+    tab: ReactElement<TabProps>;
+    selected?: boolean;
+    onClick?: () => void;
+    monospacedWidth?: number;
+    baseClassName: string;
+    isFake?: boolean;
+}
+declare const TabListItem: ({ tab, selected, onClick, monospacedWidth, baseClassName, isFake, }: TabListItemProps) => import("react/jsx-runtime").JSX.Element;
+export default TabListItem;

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

@@ -1,5 +1,4 @@
-import { Component, ReactElement, ReactNode } from 'react';
-import { BoundingRect, ContentRect } from 'react-measure';
+import { ReactElement } from 'react';
 import { TabProps } from './Tab';
 import '../../helpers/base.less';
 import { SearchBarProps } from './SearchBar';
@@ -51,21 +50,6 @@ export interface TabsProps {
      */
     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
@@ -73,39 +57,5 @@ type TabMode = 'menu-item' | 'tab';
  * 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: Readonly<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;
-}
+declare const Tabs: ({ baseClassName, className, addon, placeholder, children, active: externalActive, addonMinWidth, monospaced, search, ...props }: TabsProps) => import("react/jsx-runtime").JSX.Element | null;
 export default Tabs;

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

@@ -0,0 +1 @@
+export declare const useActive: (externalActive: number | undefined) => readonly [number, import("react").Dispatch<import("react").SetStateAction<number>>];

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

@@ -0,0 +1,16 @@
+import { RefObject } from 'react';
+type UseWidthsOptions = {
+    tabNavRef: RefObject<HTMLDivElement>;
+    tabListRef: RefObject<HTMLUListElement>;
+    fakeAddonRef: RefObject<HTMLDivElement>;
+    baseClassName: string;
+    monospaced?: boolean;
+    childrenCount: number;
+};
+export declare const useWidths: ({ tabNavRef, tabListRef, fakeAddonRef, baseClassName, monospaced, childrenCount, }: UseWidthsOptions) => {
+    recalculateWidths: () => void;
+    monospacedWidth: number | undefined;
+    compact: boolean;
+    visibleLength: number;
+};
+export {};

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

@@ -4,4 +4,3 @@ 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/components/index.d.ts

@@ -154,7 +154,7 @@ 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 { default as Toolbar, ToolbarGroup, ToolbarExpander } from './Toolbar';
 export type { ToolbarProps, ToolbarGroupProps, ToolbarExpanderProps } from './Toolbar';
 export { default as Tooltip } from './Tooltip';
 export type { TooltipProps } from './Tooltip';

package/types/utils/types/ComponentProps.d.ts

@@ -1,2 +1,2 @@
 import { DataAttributes } from './DataAttributes';
-export type ComponentProps<Props, ExtendedProps = {}> = Props & Omit<ExtendedProps, keyof Props> & DataAttributes;
+export type ComponentProps<Props, ExtendedProps = object> = Props & Omit<ExtendedProps, keyof Props> & DataAttributes;

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

@@ -3,9 +3,9 @@ type ComponentProp<C extends ElementType> = {
     component?: C;
 };
 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>>;
+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> & {
+export type PolymorphicComponentPropsWithRef<C extends ElementType, Props> = PolymorphicComponentProps<C, Props> & {
     ref?: PolymorphicRef<C>;
 };
 export {};

package/cjs/components/Toolbar/ToolbarBetaProvider.js

@@ -1,23 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.useToolbarBetaContext = exports.default = void 0;
-var _react = require("react");
-var _jsxRuntime = require("react/jsx-runtime");
-// Copyright 1999-2025. WebPros International GmbH. All rights reserved.
-
-const ToolbarBetaContext = /*#__PURE__*/(0, _react.createContext)(false);
-const useToolbarBetaContext = () => (0, _react.useContext)(ToolbarBetaContext);
-exports.useToolbarBetaContext = useToolbarBetaContext;
-const ToolbarBetaProvider = _ref => {
-  let {
-    children
-  } = _ref;
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(ToolbarBetaContext.Provider, {
-    value: true,
-    children: children
-  });
-};
-var _default = exports.default = ToolbarBetaProvider;

package/esm/components/Toolbar/ToolbarBetaProvider.js

@@ -1,16 +0,0 @@
-// Copyright 1999-2025. WebPros International GmbH. All rights reserved.
-
-import { createContext, useContext } from 'react';
-import { jsx as _jsx } from "react/jsx-runtime";
-const ToolbarBetaContext = /*#__PURE__*/createContext(false);
-export const useToolbarBetaContext = () => useContext(ToolbarBetaContext);
-const ToolbarBetaProvider = _ref => {
-  let {
-    children
-  } = _ref;
-  return /*#__PURE__*/_jsx(ToolbarBetaContext.Provider, {
-    value: true,
-    children: children
-  });
-};
-export default ToolbarBetaProvider;