@plesk/ui-library 3.40.6 → 3.40.7

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.6</title>
+    <title>Plesk UI Library 3.40.7</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.9eeb2c9d.js"></script>
+    <script src="build/bundle.52d1d9a1.js"></script>
   </body>
 </html>

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

@@ -1,16 +1,25 @@
 /// <reference types="react" />
-export type RegistryItem = {
-    setCompact: (compact: boolean) => void;
-    isCompact: (one: boolean) => boolean;
-};
-export type Registry = {
-    stack: RegistryItem[];
-    register: (item: RegistryItem) => void;
-    unregister: (item: RegistryItem) => void;
-    compact: () => boolean;
-    uncompact: () => boolean;
-    isCompact: (one: boolean) => boolean;
-};
 declare const RegistryContext: import("react").Context<Registry | undefined>;
 export default RegistryContext;
-export declare const createRegistry: () => Registry;
+declare class Registry {
+    private items;
+    register(item: RegistryItem | Registry): void;
+    unregister(item: RegistryItem | Registry): void;
+    compact(): boolean;
+    expand(): boolean;
+    get isCompact(): boolean;
+    get hasCompactItems(): boolean;
+    private checkItemIsCompactOrHasCompactItems;
+}
+declare class RegistryItem {
+    private _isCompact;
+    private readonly onCompactStateChange;
+    constructor({ onCompactStateChange }: {
+        onCompactStateChange: (state: boolean) => void;
+    });
+    compact(): void;
+    expand(): void;
+    get isCompact(): boolean;
+}
+export declare const useRegistry: () => Registry;
+export declare const useRegistryItem: () => boolean[];

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

@@ -1,13 +1,6 @@
 import { ReactNode } from 'react';
 import '../../helpers/base.less';
 import './Toolbar.less';
-/**
- * `Toolbar` component is a panel containing various instruments used for managing the contents of a large content block.
- * Toolbar is located on top of the managed content block.
- * It typically consists of three main parts: controls that add new elements, controls that work with existing elements,
- * and controls for changing the way the content block looks.
- * @since 0.0.57
- */
 export interface ToolbarProps {
     /**
      * Content of the `Toolbar`.
@@ -23,5 +16,12 @@ export interface ToolbarProps {
      */
     baseClassName?: string;
 }
-declare const Toolbar: (props: ToolbarProps) => import("react/jsx-runtime").JSX.Element;
+/**
+ * `Toolbar` component is a panel containing various instruments used for managing the contents of a large content block.
+ * Toolbar is located on top of the managed content block.
+ * It typically consists of three main parts: controls that add new elements, controls that work with existing elements,
+ * and controls for changing the way the content block looks.
+ * @since 0.0.57
+ */
+declare const Toolbar: ({ children, className, baseClassName, ...props }: ToolbarProps) => import("react/jsx-runtime").JSX.Element;
 export default Toolbar;

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

@@ -1,11 +1,4 @@
 import { ReactNode, ReactChild } from 'react';
-import { Registry } from './RegistryContext';
-import { DistractionFreeMode } from '../DistractionFreeModeContext';
-/**
- * `ToolbarGroup` is a part of [Toolbar](#!/Toolbar) component.
- * It is used for grouping several toolbar controls together.
- * @since 0.0.57
- */
 export interface ToolbarGroupProps {
     /**
      * Title.
@@ -30,14 +23,11 @@ export interface ToolbarGroupProps {
      * @ignore
      */
     baseClassName?: string;
-    /**
-     * @ignore
-     */
-    registry: Registry;
-    /**
-     * @ignore
-     */
-    distractionFreeMode: DistractionFreeMode;
 }
-declare const ToolbarGroup: (props: Omit<ToolbarGroupProps, 'distractionFreeMode' | 'registry'>) => import("react/jsx-runtime").JSX.Element;
+/**
+ * `ToolbarGroup` is a part of [Toolbar](#!/Toolbar) component.
+ * It is used for grouping several toolbar controls together.
+ * @since 0.0.57
+ */
+declare const ToolbarGroup: ({ baseClassName, className, title, children, groupable, ...props }: Omit<ToolbarGroupProps, 'distractionFreeMode' | 'registry'>) => import("react/jsx-runtime").JSX.Element | null;
 export default ToolbarGroup;

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 | import("react/jsx-runtime").JSX.Element | Iterable<ReactNode>)[] | null | undefined;
+export declare const toToolbarItems: (children: ReactNode) => (string | number | import("react/jsx-runtime").JSX.Element | Iterable<ReactNode>)[] | null | undefined;

package/cjs/components/Toolbar/RegistryContextBeta.js

@@ -1,112 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.useRegistryItem = exports.useRegistry = exports.default = void 0;
-var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-var _react = require("react");
-// Copyright 1999-2023. Plesk International GmbH. All rights reserved.
-
-const RegistryContext = /*#__PURE__*/(0, _react.createContext)(undefined);
-RegistryContext.displayName = 'RegistryContext';
-const useRegistryContext = () => (0, _react.useContext)(RegistryContext);
-var _default = exports.default = RegistryContext;
-class Registry {
-  constructor() {
-    (0, _defineProperty2.default)(this, "items", []);
-  }
-  register(item) {
-    this.items.push(item);
-  }
-  unregister(item) {
-    this.items = this.items.filter(i => i !== item);
-  }
-  compact() {
-    let changed = false;
-    for (const item of [...this.items].reverse()) {
-      if (!item.isCompact) {
-        item.compact();
-        changed = true;
-        break;
-      }
-    }
-    return changed;
-  }
-  expand() {
-    let changed = false;
-    for (const item of this.items) {
-      if (this.checkItemIsCompactOrHasCompactItems(item)) {
-        item.expand();
-        changed = true;
-        break;
-      }
-    }
-    return changed;
-  }
-  get isCompact() {
-    return this.items.every(_ref => {
-      let {
-        isCompact
-      } = _ref;
-      return isCompact;
-    });
-  }
-  get hasCompactItems() {
-    return this.items.some(this.checkItemIsCompactOrHasCompactItems);
-  }
-  checkItemIsCompactOrHasCompactItems(item) {
-    return item.isCompact || 'hasCompactItems' in item && item.hasCompactItems;
-  }
-}
-class RegistryItem {
-  constructor(_ref2) {
-    let {
-      onCompactStateChange
-    } = _ref2;
-    (0, _defineProperty2.default)(this, "_isCompact", false);
-    (0, _defineProperty2.default)(this, "onCompactStateChange", void 0);
-    this.onCompactStateChange = onCompactStateChange;
-  }
-  compact() {
-    this._isCompact = true;
-    this.onCompactStateChange(true);
-  }
-  expand() {
-    this._isCompact = false;
-    this.onCompactStateChange(false);
-  }
-  get isCompact() {
-    return this._isCompact;
-  }
-}
-const useRegistry = () => {
-  const parentRegistry = useRegistryContext();
-  const [registry] = (0, _react.useState)(() => new Registry());
-  (0, _react.useLayoutEffect)(() => {
-    if (!parentRegistry) return undefined;
-    parentRegistry.register(registry);
-    return () => {
-      parentRegistry.unregister(registry);
-    };
-  }, [parentRegistry, registry]);
-  return registry;
-};
-exports.useRegistry = useRegistry;
-const useRegistryItem = () => {
-  const registry = useRegistryContext();
-  const [isCompact, setIsCompact] = (0, _react.useState)(false);
-  const [registryItem] = (0, _react.useState)(() => new RegistryItem({
-    onCompactStateChange: setIsCompact
-  }));
-  (0, _react.useLayoutEffect)(() => {
-    if (!registry) return undefined;
-    registry.register(registryItem);
-    return () => {
-      registry.unregister(registryItem);
-    };
-  }, [registry, registryItem]);
-  return [isCompact];
-};
-exports.useRegistryItem = useRegistryItem;

package/esm/components/Toolbar/RegistryContextBeta.js

@@ -1,103 +0,0 @@
-import _defineProperty from "@babel/runtime/helpers/defineProperty";
-// Copyright 1999-2023. Plesk International GmbH. All rights reserved.
-
-import { createContext, useContext, useState, useLayoutEffect } from 'react';
-const RegistryContext = /*#__PURE__*/createContext(undefined);
-RegistryContext.displayName = 'RegistryContext';
-const useRegistryContext = () => useContext(RegistryContext);
-export default RegistryContext;
-class Registry {
-  constructor() {
-    _defineProperty(this, "items", []);
-  }
-  register(item) {
-    this.items.push(item);
-  }
-  unregister(item) {
-    this.items = this.items.filter(i => i !== item);
-  }
-  compact() {
-    let changed = false;
-    for (const item of [...this.items].reverse()) {
-      if (!item.isCompact) {
-        item.compact();
-        changed = true;
-        break;
-      }
-    }
-    return changed;
-  }
-  expand() {
-    let changed = false;
-    for (const item of this.items) {
-      if (this.checkItemIsCompactOrHasCompactItems(item)) {
-        item.expand();
-        changed = true;
-        break;
-      }
-    }
-    return changed;
-  }
-  get isCompact() {
-    return this.items.every(_ref => {
-      let {
-        isCompact
-      } = _ref;
-      return isCompact;
-    });
-  }
-  get hasCompactItems() {
-    return this.items.some(this.checkItemIsCompactOrHasCompactItems);
-  }
-  checkItemIsCompactOrHasCompactItems(item) {
-    return item.isCompact || 'hasCompactItems' in item && item.hasCompactItems;
-  }
-}
-class RegistryItem {
-  constructor(_ref2) {
-    let {
-      onCompactStateChange
-    } = _ref2;
-    _defineProperty(this, "_isCompact", false);
-    _defineProperty(this, "onCompactStateChange", void 0);
-    this.onCompactStateChange = onCompactStateChange;
-  }
-  compact() {
-    this._isCompact = true;
-    this.onCompactStateChange(true);
-  }
-  expand() {
-    this._isCompact = false;
-    this.onCompactStateChange(false);
-  }
-  get isCompact() {
-    return this._isCompact;
-  }
-}
-export const useRegistry = () => {
-  const parentRegistry = useRegistryContext();
-  const [registry] = useState(() => new Registry());
-  useLayoutEffect(() => {
-    if (!parentRegistry) return undefined;
-    parentRegistry.register(registry);
-    return () => {
-      parentRegistry.unregister(registry);
-    };
-  }, [parentRegistry, registry]);
-  return registry;
-};
-export const useRegistryItem = () => {
-  const registry = useRegistryContext();
-  const [isCompact, setIsCompact] = useState(false);
-  const [registryItem] = useState(() => new RegistryItem({
-    onCompactStateChange: setIsCompact
-  }));
-  useLayoutEffect(() => {
-    if (!registry) return undefined;
-    registry.register(registryItem);
-    return () => {
-      registry.unregister(registryItem);
-    };
-  }, [registry, registryItem]);
-  return [isCompact];
-};