@plesk/ui-library 3.38.2 → 3.40.0

package/cjs/hooks/index.js

@@ -0,0 +1,12 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "useSqueeze", {
+  enumerable: true,
+  get: function () {
+    return _useSqueeze.useSqueeze;
+  }
+});
+var _useSqueeze = require("./useSqueeze");

package/cjs/hooks/useResizeObserver.js

@@ -0,0 +1,29 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.useResizeObserver = void 0;
+var _react = require("react");
+// Copyright 1999-2024. Plesk International GmbH. All rights reserved.
+
+const useResizeObserver = _ref => {
+  let {
+    ref,
+    onResize
+  } = _ref;
+  const onResizeRef = (0, _react.useRef)(undefined);
+  onResizeRef.current = onResize;
+  (0, _react.useEffect)(() => {
+    if (!ref.current) return undefined;
+    if (typeof window === 'undefined' || !('ResizeObserver' in window)) return undefined;
+    const observer = new ResizeObserver(() => {
+      onResizeRef.current?.();
+    });
+    observer.observe(ref.current);
+    return () => {
+      observer.disconnect();
+    };
+  }, [ref]);
+};
+exports.useResizeObserver = useResizeObserver;

package/cjs/hooks/useSqueeze.js

@@ -0,0 +1,48 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.useSqueeze = void 0;
+var _react = require("react");
+var _useResizeObserver = require("./useResizeObserver");
+// Copyright 1999-2023. Plesk International GmbH. All rights reserved.
+
+const useSqueeze = _ref => {
+  let {
+    ref,
+    compact,
+    expand
+  } = _ref;
+  const minWidth = (0, _react.useRef)(0);
+  const lastAction = (0, _react.useRef)(null);
+  const [recheck, setRecheck] = (0, _react.useState)(false);
+  const checkRef = (0, _react.useRef)();
+  const check = () => {
+    if (!ref.current) return;
+    const root = ref.current;
+    const width = Math.ceil(root.getBoundingClientRect().width);
+    const scrollWidth = Math.floor(root.scrollWidth);
+    let isCompactChanged = false;
+    if (scrollWidth > width) {
+      isCompactChanged = compact();
+      minWidth.current = scrollWidth;
+      lastAction.current = 'compact';
+    } else if (minWidth.current && width > minWidth.current || lastAction.current === 'expand') {
+      isCompactChanged = expand();
+      lastAction.current = 'expand';
+    }
+    if (isCompactChanged) {
+      setRecheck(c => !c);
+    }
+  };
+  checkRef.current = check;
+  (0, _react.useLayoutEffect)(() => {
+    checkRef.current?.();
+  }, [recheck]);
+  (0, _useResizeObserver.useResizeObserver)({
+    ref,
+    onResize: check
+  });
+};
+exports.useSqueeze = useSqueeze;

package/cjs/index.js

@@ -46,5 +46,5 @@ Object.keys(_components).forEach(function (key) {
   });
 });
 // Copyright 1999-2023. Plesk International GmbH. All rights reserved.
-const version = exports.version = "3.38.2";
+const version = exports.version = "3.40.0";
 (0, _svg4everybody.default)();

package/dist/images/symbols.svg

@@ -1,4 +1,4 @@
-<svg width="16" height="12432" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+<svg width="16" height="12480" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
   <defs>
     <symbol viewBox="0 0 12 12" id="advisor:12">
       <path d="M4.5 6.5a.5.5 0 1 1-1 0 .5.5 0 0 1 1 0ZM8 7a.5.5 0 1 0 0-1 .5.5 0 0 0 0 1Z" />
@@ -244,6 +244,14 @@
       <path fill-rule="evenodd" d="M2 1a1 1 0 0 1 1-1h9a2 2 0 0 1 2 2v12a2 2 0 0 1-2 2H3a1 1 0 0 1-1-1V1zm1 12V1h9a1 1 0 0 1 1 1v10a1 1 0 0 1-1 1H3zm10 .733V14a1 1 0 0 1-1 1H3v-1h9c.364 0 .706-.097 1-.267z" clip-rule="evenodd" />
       <path fill-rule="evenodd" d="M8 10a3 3 0 0 0 .878-.13c.264-.081.564.015.688.262.123.247.024.55-.236.642A4 4 0 1 1 12 7a1.5 1.5 0 0 1-2.4 1.2A2 2 0 1 1 10 7a.5.5 0 0 0 1 0 3 3 0 1 0-3 3zm0-2a1 1 0 1 0 0-2 1 1 0 0 0 0 2z" clip-rule="evenodd" />
     </symbol>
+    <symbol viewBox="0 0 12 12" id="boost:12">
+      <path d="M10.5 2.1c-.1 0-.1 0-.1.1l-.6 7c-.5.2-.8.7-.8 1.3 0 .8.7 1.5 1.5 1.5s1.5-.7 1.5-1.5c0-.6-.3-1.1-.8-1.3l-.6-7c0-.1 0-.1-.1-.1zm0 8.9c-.3 0-.5-.2-.5-.5s.2-.5.5-.5.5.2.5.5-.2.5-.5.5z" />
+      <path d="M11.5 1c.3 0 .5-.2.5-.5s-.2-.5-.5-.5h-.1C8.1.2 5.1 1.7 3 4 1.3 6 .2 8.5 0 11.3v.2c0 .3.2.5.5.5s.5-.2.5-.5v-.2c.2-2.5 1.2-4.9 2.8-6.7C5.7 2.5 8.4 1.2 11.5 1z" />
+    </symbol>
+    <symbol viewBox="0 0 16 16" id="boost:16">
+      <path d="M15.5 1c.3 0 .5-.2.5-.5s-.2-.5-.5-.5C11.4.1 7.6 1.8 4.9 4.5 2 7.3.1 11.2 0 15.5c0 .3.2.5.5.5s.5-.2.5-.5c.1-4 1.9-7.7 4.6-10.3 2.6-2.5 6.1-4.1 9.9-4.2z" />
+      <path d="M14 2.8c-.1 0-.1 0-.2.1l-.8 9.3a2 2 0 0 0 .9 3.8 2 2 0 0 0 .9-3.8L14.2 3c-.1-.1-.1-.2-.2-.2zM14 15c-.6 0-1-.4-1-1s.4-1 1-1 1 .4 1 1-.4 1-1 1z" />
+    </symbol>
     <symbol viewBox="0 0 12 12" id="boundary:12">
       <path fill-rule="evenodd" d="M3 9V2.997a1 1 0 01.342-.753L5.835.062a.25.25 0 01.33 0l2.494 2.182A1.003 1.003 0 019 2.997V9h.666a1 1 0 01.6.2l1.332 1c.769.577.361 1.8-.6 1.8H1.002c-.961 0-1.369-1.223-.6-1.8l1.333-1a1 1 0 01.6-.2H3zm5-1.565V9H6.435L8 7.435zM5 9l3-3V3.435l-4 4V9h1zm2.469-6.469L6 1.247l-2 1.75V6L7.469 2.53zM1.002 11l1.333-1h7.33l1.333 1H1.002z" clip-rule="evenodd" />
     </symbol>