@plesk/ui-library 3.40.3 → 3.40.5

package/cjs/components/Badge/Badge.js

@@ -52,7 +52,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;

package/cjs/components/ItemList/ItemList.js

@@ -142,6 +142,7 @@ class ItemList extends _react.Component {
     let {
       baseClassName,
       children,
+      onSelect,
       ...props
     } = _ref3;
     return /*#__PURE__*/(0, _jsxRuntime.jsx)(_Grid.default, {

package/cjs/components/LocaleProvider/LocaleProvider.js

@@ -4,7 +4,7 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.useTranslate = exports.default = void 0;
+exports.useTranslate = exports.default = exports.LocaleContext = void 0;
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 var _react = require("react");
 var _propTypes = _interopRequireDefault(require("prop-types"));
@@ -63,7 +63,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) => {

package/cjs/components/SwitchesPanelItem/SwitchesPanelItem.js

@@ -5,8 +5,6 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-var _react = require("react");
 var _classnames = _interopRequireDefault(require("classnames"));
 var _constants = require("../../constants");
 var _Switch = _interopRequireDefault(require("../Switch"));
@@ -20,81 +18,54 @@ var _jsxRuntime = require("react/jsx-runtime");
  * Used in [SwitchesPanel](#!/SwitchesPanel).
  * @since 0.3.0
  */
-class SwitchesPanelItem extends _react.Component {
-  constructor() {
-    super(...arguments);
-    (0, _defineProperty2.default)(this, "state", {
-      checked: this.props.defaultChecked
-    });
-    (0, _defineProperty2.default)(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
         })]
       })]
-    });
-  }
-}
-(0, _defineProperty2.default)(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;

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,
@@ -44,5 +49,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.3";
+const version = exports.version = "3.40.5";
 (0, _svg4everybody.default)();