@plesk/ui-library 3.40.4 → 3.40.6

package/cjs/components/Tooltip/Tooltip.js

@@ -89,10 +89,10 @@ const determinePosition = _ref => {
     left: targetRect.left + X_EXTRA_SPACE
   };
 };
-/**
- * `Tooltip` component is used for providing information about an interface element
- * while user hovers the pointer over the element.
- * @since 0.0.35
+/**
+ * `Tooltip` component is used for providing information about an interface element
+ * while user hovers the pointer over the element.
+ * @since 0.0.35
  */
 class Tooltip extends _react.Component {
   constructor() {

package/cjs/components/Tour/Tour.js

@@ -8,11 +8,11 @@ var _react = require("react");
 var _jsxRuntime = require("react/jsx-runtime");
 // Copyright 1999-2023. Plesk International GmbH. All rights reserved.
 
-/**
- * `Tour` component is used for introducing a new functionality in the product.
- * The component consists of several [Spots](#!/Spot), each of them highlighting a specific feature
- * or element you want to focus user attention on.
- * @since 2.7.0
+/**
+ * `Tour` component is used for introducing a new functionality in the product.
+ * The component consists of several [Spots](#!/Spot), each of them highlighting a specific feature
+ * or element you want to focus user attention on.
+ * @since 2.7.0
  */
 const Tour = _ref => {
   let {

package/cjs/components/Translate/Translate.js

@@ -8,9 +8,9 @@ var _LocaleProvider = require("../LocaleProvider");
 var _jsxRuntime = require("react/jsx-runtime");
 // Copyright 1999-2023. Plesk International GmbH. All rights reserved.
 
-/**
- * `Translate` component.
- * @since 0.0.42
+/**
+ * `Translate` component.
+ * @since 0.0.42
  */
 const Translate = _ref => {
   let {

package/cjs/components/index.js

@@ -61,6 +61,9 @@ var _exportNames = {
   ListEmptyView: true,
   ListActionsDivider: true,
   LocaleProvider: true,
+  useTranslate: true,
+  LocaleContext: true,
+  LocaleBetaProvider: true,
   Markdown: true,
   Media: true,
   MediaSection: true,
@@ -432,6 +435,18 @@ Object.defineProperty(exports, "ListOperation", {
     return _List.ListOperation;
   }
 });
+Object.defineProperty(exports, "LocaleBetaProvider", {
+  enumerable: true,
+  get: function () {
+    return _LocaleProvider.LocaleBetaProvider;
+  }
+});
+Object.defineProperty(exports, "LocaleContext", {
+  enumerable: true,
+  get: function () {
+    return _LocaleProvider.LocaleContext;
+  }
+});
 Object.defineProperty(exports, "LocaleProvider", {
   enumerable: true,
   get: function () {
@@ -762,6 +777,12 @@ Object.defineProperty(exports, "Translate", {
     return _Translate.default;
   }
 });
+Object.defineProperty(exports, "useTranslate", {
+  enumerable: true,
+  get: function () {
+    return _LocaleProvider.useTranslate;
+  }
+});
 var _Action = _interopRequireDefault(require("./Action"));
 var _Alert = _interopRequireDefault(require("./Alert"));
 var _AutoClosable = _interopRequireDefault(require("./AutoClosable"));
@@ -866,17 +887,6 @@ var _Label = _interopRequireDefault(require("./Label"));
 var _Layout = _interopRequireDefault(require("./Layout"));
 var _List = _interopRequireWildcard(require("./List"));
 var _LocaleProvider = _interopRequireWildcard(require("./LocaleProvider"));
-Object.keys(_LocaleProvider).forEach(function (key) {
-  if (key === "default" || key === "__esModule") return;
-  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
-  if (key in exports && exports[key] === _LocaleProvider[key]) return;
-  Object.defineProperty(exports, key, {
-    enumerable: true,
-    get: function () {
-      return _LocaleProvider[key];
-    }
-  });
-});
 var _Markdown = _interopRequireDefault(require("./Markdown"));
 var _Media = _interopRequireWildcard(require("./Media"));
 var _Menu = _interopRequireWildcard(require("./Menu"));

package/cjs/hooks/useMutationObserver.js

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

package/cjs/hooks/useSqueeze.js

@@ -6,8 +6,13 @@ Object.defineProperty(exports, "__esModule", {
 exports.useSqueeze = void 0;
 var _react = require("react");
 var _useResizeObserver = require("./useResizeObserver");
+var _useMutationObserver = require("./useMutationObserver");
 // Copyright 1999-2023. Plesk International GmbH. All rights reserved.
 
+const MUTATION_OBSERVER_OPTIONS = {
+  subtree: true,
+  childList: true
+};
 const useSqueeze = _ref => {
   let {
     ref,
@@ -22,7 +27,9 @@ const useSqueeze = _ref => {
     if (!ref.current) return;
     const root = ref.current;
     const width = Math.ceil(root.getBoundingClientRect().width);
-    const scrollWidth = Math.floor(root.scrollWidth);
+    const {
+      scrollWidth
+    } = root;
     let isCompactChanged = false;
     if (scrollWidth > width) {
       isCompactChanged = compact();
@@ -44,5 +51,10 @@ const useSqueeze = _ref => {
     ref,
     onResize: check
   });
+  (0, _useMutationObserver.useMutationObserver)({
+    ref,
+    onMutate: check,
+    options: MUTATION_OBSERVER_OPTIONS
+  });
 };
 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.40.4";
+const version = exports.version = "3.40.6";
 (0, _svg4everybody.default)();

package/dist/images/no-image.svg

@@ -1,7 +1,7 @@
-<svg xmlns="http://www.w3.org/2000/svg" fill="#ccc" width="280" height="210" viewBox="-90 -55 280 210">
-  <path d="M73.5 43a2.5 2.5 0 11-5 0 2.5 2.5 0 015 0z"/>
-  <path fill-rule="evenodd" d="M13.2 16.2A49.9 49.9 0 01100 50c0 14.6-6.2 27.7-16.2 36.8L13.2 16.2zM96 50c0 12-4.6 23-12.2 31.2L78.6 76a4 4 0 003.4-4V36a4 4 0 00-4-4H67.5l-6.3-10.1a4 4 0 00-3.4-1.9H42.2a4 4 0 00-3.4 1.9l-5.5 8.8-14.5-14.5A45.8 45.8 0 0196 50zM78 72h-3.3L63.4 60.7a16 16 0 00-22.1-22.1l-5-5 6-9.6h15.5L64 34.1a4 4 0 003.4 1.9H78v36zM62 52a12 12 0 01-1.5 5.8L44.2 41.5A12 12 0 0162 52z" clip-rule="evenodd"/>
-  <path d="M80.8 89.4l-2.9-2.8A46 46 0 0113.4 22l-2.8-2.9a50 50 0 0070.2 70.2z"/>
-  <path d="M23.3 32H22a4 4 0 00-4 4v36a4 4 0 004 4h45.3l-4-4H22V36h5.3l-4-4z"/>
-  <path d="M35.9 44.5a16 16 0 0021.6 21.6l-3-3A12 12 0 0138 52c0-1.6.3-3.1.9-4.5l-3-3z"/>
+<svg xmlns="http://www.w3.org/2000/svg" fill="#ccc" width="280" height="210" viewBox="-90 -55 280 210">
+  <path d="M73.5 43a2.5 2.5 0 11-5 0 2.5 2.5 0 015 0z"/>
+  <path fill-rule="evenodd" d="M13.2 16.2A49.9 49.9 0 01100 50c0 14.6-6.2 27.7-16.2 36.8L13.2 16.2zM96 50c0 12-4.6 23-12.2 31.2L78.6 76a4 4 0 003.4-4V36a4 4 0 00-4-4H67.5l-6.3-10.1a4 4 0 00-3.4-1.9H42.2a4 4 0 00-3.4 1.9l-5.5 8.8-14.5-14.5A45.8 45.8 0 0196 50zM78 72h-3.3L63.4 60.7a16 16 0 00-22.1-22.1l-5-5 6-9.6h15.5L64 34.1a4 4 0 003.4 1.9H78v36zM62 52a12 12 0 01-1.5 5.8L44.2 41.5A12 12 0 0162 52z" clip-rule="evenodd"/>
+  <path d="M80.8 89.4l-2.9-2.8A46 46 0 0113.4 22l-2.8-2.9a50 50 0 0070.2 70.2z"/>
+  <path d="M23.3 32H22a4 4 0 00-4 4v36a4 4 0 004 4h45.3l-4-4H22V36h5.3l-4-4z"/>
+  <path d="M35.9 44.5a16 16 0 0021.6 21.6l-3-3A12 12 0 0138 52c0-1.6.3-3.1.9-4.5l-3-3z"/>
 </svg>

package/dist/images/rating.svg

@@ -1,6 +1,6 @@
-<svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="56" height="248" viewBox="0 0 51 248">
-<defs><symbol id="star"><path stroke-width="3" d="m25,1 6,17h18l-14,11 5,17-15-10-15,10 5-17-14-11h18z"></path></symbol></defs>
-<use x="0" y="0"   fill="none" stroke="#ff9500" href="#star"></use>
-<use x="0" y="100" fill="#ff9500" stroke="#ff9500" href="#star"></use>
-<use x="0" y="200" fill="#848484" stroke="#848484" href="#star"></use>
-</svg>
+<svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="56" height="248" viewBox="0 0 51 248">
+<defs><symbol id="star"><path stroke-width="3" d="m25,1 6,17h18l-14,11 5,17-15-10-15,10 5-17-14-11h18z"></path></symbol></defs>
+<use x="0" y="0"   fill="none" stroke="#ff9500" href="#star"></use>
+<use x="0" y="100" fill="#ff9500" stroke="#ff9500" href="#star"></use>
+<use x="0" y="200" fill="#848484" stroke="#848484" href="#star"></use>
+</svg>