@plesk/ui-library 3.40.3 → 3.40.5

package/dist/plesk-ui-library.js

@@ -1175,7 +1175,9 @@ const Badge = _ref => {
   return /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
     className: (0, _classnames.default)(baseClassName, className),
     ...props,
-    children: [children, label]
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+      children: children
+    }), label]
   });
 };
 var _default = exports["default"] = Badge;
@@ -10574,6 +10576,7 @@ class ItemList extends _react.Component {
     let {
       baseClassName,
       children,
+      onSelect,
       ...props
     } = _ref3;
     return /*#__PURE__*/(0, _jsxRuntime.jsx)(_Grid.default, {
@@ -13372,7 +13375,7 @@ function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e
 Object.defineProperty(exports, "__esModule", ({
   value: true
 }));
-exports.useTranslate = exports["default"] = void 0;
+exports.useTranslate = exports["default"] = exports.LocaleContext = void 0;
 var _react = __webpack_require__(/*! react */ "react");
 var _propTypes = _interopRequireDefault(__webpack_require__(/*! prop-types */ "../node_modules/prop-types/index.js"));
 var _jsxRuntime = __webpack_require__(/*! react/jsx-runtime */ "../node_modules/react/jsx-runtime.js");
@@ -13432,7 +13435,7 @@ function (key) {
   }
   return applyParams(message, params);
 };
-const LocaleContext = /*#__PURE__*/(0, _react.createContext)(undefined);
+const LocaleContext = exports.LocaleContext = /*#__PURE__*/(0, _react.createContext)(undefined);
 const useTranslate = namespace => {
   const context = (0, _react.useContext)(LocaleContext);
   return (0, _react.useCallback)((key, params, fallback) => {
@@ -19454,7 +19457,6 @@ Object.defineProperty(exports, "__esModule", ({
   value: true
 }));
 exports["default"] = void 0;
-var _react = __webpack_require__(/*! react */ "react");
 var _classnames = _interopRequireDefault(__webpack_require__(/*! classnames */ "../node_modules/classnames/index.js"));
 var _constants = __webpack_require__(/*! ../../constants */ "./constants.js");
 var _Switch = _interopRequireDefault(__webpack_require__(/*! ../Switch */ "./components/Switch/index.tsx"));
@@ -19464,91 +19466,63 @@ __webpack_require__(/*! ../../helpers/base.less */ "./helpers/base.less");
 __webpack_require__(/*! ./SwitchesPanelItem.less */ "./components/SwitchesPanelItem/SwitchesPanelItem.less");
 var _jsxRuntime = __webpack_require__(/*! react/jsx-runtime */ "../node_modules/react/jsx-runtime.js");
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
-function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == typeof i ? i : i + ""; }
-function _toPrimitive(t, r) { if ("object" != typeof t || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != typeof i) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); } // Copyright 1999-2023. Plesk International GmbH. All rights reserved.
+// Copyright 1999-2023. Plesk International GmbH. All rights reserved.
+
 /**
  * `SwitchesPanelItem` component is used for combining [Switch](#!/Switch) component with text title and description.
  * Used in [SwitchesPanel](#!/SwitchesPanel).
  * @since 0.3.0
  */
-class SwitchesPanelItem extends _react.Component {
-  constructor() {
-    super(...arguments);
-    _defineProperty(this, "state", {
-      checked: this.props.defaultChecked
-    });
-    _defineProperty(this, "handleChange", checked => {
-      this.setState({
-        checked
-      });
-      this.props.onChange(checked);
-    });
-  }
-  render() {
-    const {
-      onChange,
-      defaultChecked,
-      intent,
-      title,
-      description,
-      fullDescription,
-      baseClassName,
-      className,
-      switchProps,
-      children,
-      ...props
-    } = this.props;
-    const {
-      checked
-    } = this.state;
-    return /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
-      className: (0, _classnames.default)(baseClassName, {
-        [`${baseClassName}--${intent}`]: intent && checked
-      }, className),
-      ...props,
-      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("h5", {
-        className: `${baseClassName}__title`,
-        children: title
-      }), description && /*#__PURE__*/(0, _jsxRuntime.jsx)("p", {
-        className: `${baseClassName}__description`,
-        children: description
-      }), /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
-        className: `${baseClassName}__actions`,
-        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_Switch.default, {
-          className: `${baseClassName}__switch`,
-          intent: intent,
-          onChange: this.handleChange,
-          defaultChecked: defaultChecked,
-          ...switchProps
-        }), (fullDescription || children) && /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
-          className: `${baseClassName}__controls`,
-          children: [children, fullDescription && /*#__PURE__*/(0, _jsxRuntime.jsx)(_Popover.default, {
-            intent: "info",
-            target: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Action.default, {
-              icon: "question-mark-circle",
-              outerProps: {
-                className: `${baseClassName}__full-description-toggle`
-              }
-            }),
-            placement: "bottom",
-            children: fullDescription
-          })]
+const SwitchesPanelItem = _ref => {
+  let {
+    onChange,
+    defaultChecked = false,
+    intent,
+    title,
+    description,
+    fullDescription,
+    className,
+    switchProps = {},
+    children,
+    baseClassName = `${_constants.CLS_PREFIX}switches-panel-item`,
+    ...props
+  } = _ref;
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+    className: (0, _classnames.default)(baseClassName, {
+      [`${baseClassName}--${intent}`]: intent
+    }, className),
+    ...props,
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("h5", {
+      className: `${baseClassName}__title`,
+      children: title
+    }), description && /*#__PURE__*/(0, _jsxRuntime.jsx)("p", {
+      className: `${baseClassName}__description`,
+      children: description
+    }), /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+      className: `${baseClassName}__actions`,
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_Switch.default, {
+        className: `${baseClassName}__switch`,
+        intent: intent,
+        onChange: onChange,
+        defaultChecked: defaultChecked,
+        ...switchProps
+      }), (fullDescription || children) && /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+        className: `${baseClassName}__controls`,
+        children: [children, fullDescription && /*#__PURE__*/(0, _jsxRuntime.jsx)(_Popover.default, {
+          intent: "info",
+          target: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Action.default, {
+            icon: "question-mark-circle",
+            outerProps: {
+              className: `${baseClassName}__full-description-toggle`
+            }
+          }),
+          placement: "bottom",
+          children: fullDescription
         })]
       })]
-    });
-  }
-}
-_defineProperty(SwitchesPanelItem, "defaultProps", {
-  defaultChecked: false,
-  intent: null,
-  description: null,
-  fullDescription: null,
-  switchProps: {},
-  children: null,
-  className: null,
-  baseClassName: `${_constants.CLS_PREFIX}switches-panel-item`
-});
+    })]
+  });
+};
 var _default = exports["default"] = SwitchesPanelItem;
 
 /***/ }),
@@ -24069,6 +24043,46 @@ var _useSqueeze = __webpack_require__(/*! ./useSqueeze */ "./hooks/useSqueeze.ts
 
 /***/ }),
 
+/***/ "./hooks/useMutationObserver.tsx":
+/*!***************************************!*\
+  !*** ./hooks/useMutationObserver.tsx ***!
+  \***************************************/
+/***/ ((__unused_webpack_module, exports, __webpack_require__) => {
+
+"use strict";
+
+
+Object.defineProperty(exports, "__esModule", ({
+  value: true
+}));
+exports.useMutationObserver = void 0;
+var _react = __webpack_require__(/*! react */ "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;
+
+/***/ }),
+
 /***/ "./hooks/useResizeObserver.tsx":
 /*!*************************************!*\
   !*** ./hooks/useResizeObserver.tsx ***!
@@ -24123,8 +24137,13 @@ Object.defineProperty(exports, "__esModule", ({
 exports.useSqueeze = void 0;
 var _react = __webpack_require__(/*! react */ "react");
 var _useResizeObserver = __webpack_require__(/*! ./useResizeObserver */ "./hooks/useResizeObserver.tsx");
+var _useMutationObserver = __webpack_require__(/*! ./useMutationObserver */ "./hooks/useMutationObserver.tsx");
 // Copyright 1999-2023. Plesk International GmbH. All rights reserved.
 
+const MUTATION_OBSERVER_OPTIONS = {
+  subtree: true,
+  childList: true
+};
 const useSqueeze = _ref => {
   let {
     ref,
@@ -24161,6 +24180,11 @@ const useSqueeze = _ref => {
     ref,
     onResize: check
   });
+  (0, _useMutationObserver.useMutationObserver)({
+    ref,
+    onMutate: check,
+    options: MUTATION_OBSERVER_OPTIONS
+  });
 };
 exports.useSqueeze = useSqueeze;
 
@@ -87935,7 +87959,7 @@ function _setPrototypeOf(t, e) {
 /***/ ((module) => {
 
 "use strict";
-module.exports = /*#__PURE__*/JSON.parse('{"name":"@plesk/ui-library","version":"3.40.3","description":"Plesk UI Library","main":"index.js","module":"esm/index.js","types":"./types/src","sideEffects":["cjs/index.js","esm/index.js","dist/*.js","dist/*.css"],"scripts":{"pretest":"yarn lint","test":"jest --ci --coverage --coverageReporters text-summary","test:vr":"cross-env VISUAL_REGRESSION=true jest","build":"yarn build:types && yarn build:umd && yarn build:esm && yarn build:cjs","build:umd":"webpack --config ./configs/build.config.js","build:esm":"cross-env NODE_ENV=esm node ./scripts/build.js","build:cjs":"cross-env NODE_ENV=cjs node ./scripts/build.js","build:types":"rimraf ./types && tsc --project ./configs/types-generator.config.json","create-svg-sprite":"node ./scripts/create-svg-sprite.js","lint":"yarn lint:es && yarn lint:types && yarn lint:style && yarn format:check","lint:es":"eslint --ext js,md,tsx src configs scripts styleguidist","lint:types":"tsc","lint:style":"stylelint \\"{src,styleguidist}/**/*.less\\"","format:check":"prettier --check src","format":"prettier --write src","styleguide":"styleguidist server --config ./configs/styleguide.config.js","styleguide:build":"styleguidist build --config ./configs/styleguide.config.js","prepublishOnly":"yarn install && yarn test && yarn build && yarn styleguide:build","storybook":"webpack serve --config ./configs/storybook.config.js --allowed-hosts all","postinstall":"node ./scripts/postinstall.js"},"files":["esm","cjs","dist","styleguide","types","/scripts/postinstall.js","/index.js"],"dependencies":{"@babel/runtime":"^7.24.6","@plesk/react-movable":"^2.7.1","classnames":"^2.5.1","codemirror":"5.58.2","marked":"4.2.12","memoize-one":"^5.2.1","popper.js":"1.16.1","prop-types":"^15.8.1","react-measure":"2.5.2","react-sortable-hoc":"0.6.8","react-transition-group":"^4.4.5","scroll-into-view-if-needed":"^2.2.31","svg4everybody":"2.1.9","use-focus-visible":"^1.0.2"},"devDependencies":{"@babel/core":"^7.24.6","@babel/plugin-proposal-class-properties":"^7.18.6","@babel/plugin-syntax-dynamic-import":"^7.8.3","@babel/plugin-transform-runtime":"^7.24.6","@babel/preset-env":"^7.24.6","@babel/preset-react":"^7.24.6","@babel/preset-typescript":"^7.24.6","@babel/types":"^7.24.6","@csstools/postcss-logical-float-and-clear":"^1.0.1","@plesk/eslint-config":"^3.0.0","@plesk/stylelint-config":"^2.0.0","@testing-library/dom":"^9.3.4","@testing-library/jest-dom":"^6.4.5","@testing-library/react":"^14.3.1","@testing-library/user-event":"^14.5.2","@types/buble":"^0.20.5","@types/classnames":"2.3.1","@types/codemirror":"^5.60.15","@types/doctrine":"^0.0.5","@types/jest":"^29.5.12","@types/jest-image-snapshot":"^6.4.0","@types/marked":"^4.3.2","@types/node":"^16.18.97","@types/react":"^18.3.3","@types/react-dom":"^18.3.0","@types/react-measure":"2.0.9","@types/react-transition-group":"^4.4.10","@types/svg4everybody":"2.1.2","@types/webpack-env":"^1.18.5","@typescript-eslint/eslint-plugin":"^6.21.0","@typescript-eslint/parser":"^6.21.0","autoprefixer":"^10.4.19","babel-loader":"^8.3.0","babel-plugin-transform-require-ignore":"^0.1.1","clean-webpack-plugin":"^4.0.0","cross-env":"^7.0.3","css-loader":"^6.11.0","css-minimizer-webpack-plugin":"^5.0.1","eslint":"^8.57.0","eslint-config-prettier":"^8.10.0","eslint-plugin-markdown":"^3.0.1","html-webpack-plugin":"^5.6.0","jest":"^29.7.0","jest-dev-server":"^9.0.2","jest-environment-jsdom":"^29.7.0","jest-image-snapshot":"^6.4.0","less":"^4.2.0","less-loader":"^11.1.4","mini-css-extract-plugin":"^2.9.0","postcss":"^8.4.38","postcss-less":"^6.0.0","postcss-loader":"^7.3.4","postcss-logical":"^6.2.0","prettier":"^2.8.8","puppeteer-core":"21.7.0","react":"^18.3.1","react-docgen-typescript":"^2.2.2","react-dom":"^18.3.1","react-styleguidist":"^13.1.2","rimraf":"^5.0.7","rtlcss":"^4.1.1","style-loader":"^3.3.4","stylelint":"^15.11.0","stylelint-declaration-block-no-ignored-properties":"^2.8.0","stylelint-no-unsupported-browser-features":"^6.1.0","stylelint-prettier":"^3.0.0","stylelint-use-logical-spec":"^5.0.1","svg-mixer":"^2.3.14","terser-webpack-plugin":"^5.3.10","typescript":"5.2.2","webpack":"^5.91.0","webpack-cli":"^5.1.4"},"peerDependencies":{"react":"^18.2.0","react-dom":"^18.2.0"},"resolutions":{"trim":">=0.0.3","postcss":"^8.4.23"},"browserslist":["defaults","not op_mini all","not kaios > 0"],"author":"Plesk Developers <plesk-dev-leads@plesk.com> (https://www.plesk.com/)","license":"Apache-2.0"}');
+module.exports = /*#__PURE__*/JSON.parse('{"name":"@plesk/ui-library","version":"3.40.5","description":"Plesk UI Library","main":"index.js","module":"esm/index.js","types":"./types/src","sideEffects":["cjs/index.js","esm/index.js","dist/*.js","dist/*.css"],"scripts":{"pretest":"yarn lint","test":"jest --ci --coverage --coverageReporters text-summary","test:vr":"cross-env VISUAL_REGRESSION=true jest","build":"yarn build:types && yarn build:umd && yarn build:esm && yarn build:cjs","build:umd":"webpack --config ./configs/build.config.js","build:esm":"cross-env NODE_ENV=esm node ./scripts/build.js","build:cjs":"cross-env NODE_ENV=cjs node ./scripts/build.js","build:types":"rimraf ./types && tsc --project ./configs/types-generator.config.json","create-svg-sprite":"node ./scripts/create-svg-sprite.js","lint":"yarn lint:es && yarn lint:types && yarn lint:style && yarn format:check","lint:es":"eslint --ext js,md,tsx src configs scripts styleguidist","lint:types":"tsc","lint:style":"stylelint \\"{src,styleguidist}/**/*.less\\"","format:check":"prettier --check src","format":"prettier --write src","styleguide":"styleguidist server --config ./configs/styleguide.config.js","styleguide:build":"styleguidist build --config ./configs/styleguide.config.js","prepublishOnly":"yarn install && yarn test && yarn build && yarn styleguide:build","storybook":"webpack serve --config ./configs/storybook.config.js --allowed-hosts all","postinstall":"node ./scripts/postinstall.js"},"files":["esm","cjs","dist","styleguide","types","/scripts/postinstall.js","/index.js"],"dependencies":{"@babel/runtime":"^7.24.7","@plesk/react-movable":"^2.7.1","classnames":"^2.5.1","codemirror":"5.58.2","marked":"4.2.12","memoize-one":"^5.2.1","popper.js":"1.16.1","prop-types":"^15.8.1","react-measure":"2.5.2","react-sortable-hoc":"0.6.8","react-transition-group":"^4.4.5","scroll-into-view-if-needed":"^2.2.31","svg4everybody":"2.1.9","use-focus-visible":"^1.0.2"},"devDependencies":{"@babel/core":"^7.24.7","@babel/plugin-proposal-class-properties":"^7.18.6","@babel/plugin-syntax-dynamic-import":"^7.8.3","@babel/plugin-transform-runtime":"^7.24.7","@babel/preset-env":"^7.24.7","@babel/preset-react":"^7.24.7","@babel/preset-typescript":"^7.24.7","@babel/types":"^7.24.7","@csstools/postcss-logical-float-and-clear":"^1.0.1","@plesk/eslint-config":"^3.0.0","@plesk/stylelint-config":"^2.0.0","@testing-library/dom":"^9.3.4","@testing-library/jest-dom":"^6.4.6","@testing-library/react":"^14.3.1","@testing-library/user-event":"^14.5.2","@types/buble":"^0.20.5","@types/classnames":"2.3.1","@types/codemirror":"^5.60.15","@types/doctrine":"^0.0.5","@types/jest":"^29.5.12","@types/jest-image-snapshot":"^6.4.0","@types/marked":"^4.3.2","@types/node":"^16.18.98","@types/react":"^18.3.3","@types/react-dom":"^18.3.0","@types/react-measure":"2.0.9","@types/react-transition-group":"^4.4.10","@types/svg4everybody":"2.1.2","@types/webpack-env":"^1.18.5","@typescript-eslint/eslint-plugin":"^6.21.0","@typescript-eslint/parser":"^6.21.0","autoprefixer":"^10.4.19","babel-loader":"^8.3.0","babel-plugin-transform-require-ignore":"^0.1.1","clean-webpack-plugin":"^4.0.0","cross-env":"^7.0.3","css-loader":"^6.11.0","css-minimizer-webpack-plugin":"^5.0.1","eslint":"^8.57.0","eslint-config-prettier":"^8.10.0","eslint-plugin-markdown":"^3.0.1","html-webpack-plugin":"^5.6.0","jest":"^29.7.0","jest-dev-server":"^9.0.2","jest-environment-jsdom":"^29.7.0","jest-image-snapshot":"^6.4.0","less":"^4.2.0","less-loader":"^11.1.4","mini-css-extract-plugin":"^2.9.0","postcss":"^8.4.38","postcss-less":"^6.0.0","postcss-loader":"^7.3.4","postcss-logical":"^6.2.0","prettier":"^2.8.8","puppeteer-core":"21.7.0","react":"^18.3.1","react-docgen-typescript":"^2.2.2","react-dom":"^18.3.1","react-styleguidist":"^13.1.2","rimraf":"^5.0.7","rtlcss":"^4.1.1","style-loader":"^3.3.4","stylelint":"^15.11.0","stylelint-declaration-block-no-ignored-properties":"^2.8.0","stylelint-no-unsupported-browser-features":"^6.1.0","stylelint-prettier":"^3.0.0","stylelint-use-logical-spec":"^5.0.1","svg-mixer":"^2.3.14","terser-webpack-plugin":"^5.3.10","typescript":"5.2.2","webpack":"^5.92.0","webpack-cli":"^5.1.4"},"peerDependencies":{"react":"^18.2.0","react-dom":"^18.2.0"},"resolutions":{"trim":">=0.0.3","postcss":"^8.4.23"},"browserslist":["defaults","not op_mini all","not kaios > 0"],"author":"Plesk Developers <plesk-dev-leads@plesk.com> (https://www.plesk.com/)","license":"Apache-2.0"}');
 
 /***/ }),