@plesk/ui-library 3.45.1 → 3.46.1

package/cjs/components/FormFieldPassword/PasswordMeter.js

@@ -4,7 +4,7 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.default = void 0;
+exports.setDefaultPasswordEstimateFunction = exports.default = void 0;
 var _react = require("react");
 var _Popover = _interopRequireDefault(require("../Popover"));
 var _Translate = require("../Translate");
@@ -13,6 +13,11 @@ var _jsxRuntime = require("react/jsx-runtime");
 function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
 // Copyright 1999-2025. WebPros International GmbH. All rights reserved.
 
+let defaultEstimateFunction = null;
+const setDefaultPasswordEstimateFunction = fn => {
+  defaultEstimateFunction = fn;
+};
+exports.setDefaultPasswordEstimateFunction = setDefaultPasswordEstimateFunction;
 const strengthIntents = {
   VeryWeak: 'danger',
   Weak: 'danger',
@@ -32,7 +37,8 @@ const PasswordMeter = ({
     if (!visible) {
       return;
     }
-    Promise.resolve(onEstimate ? onEstimate(value, _estimatePassword.default, _estimatePassword.DEFAULT_RULES) : (0, _estimatePassword.default)(value)).then(result => {
+    const estimateFunction = onEstimate ?? defaultEstimateFunction;
+    Promise.resolve(estimateFunction ? estimateFunction(value, _estimatePassword.default, _estimatePassword.DEFAULT_RULES) : (0, _estimatePassword.default)(value)).then(result => {
       setResult(result);
     });
   }, [visible, value, onEstimate]);

package/cjs/components/FormFieldPassword/index.js

@@ -16,5 +16,12 @@ Object.defineProperty(exports, "generatePassword", {
     return _generatePassword.default;
   }
 });
+Object.defineProperty(exports, "setDefaultPasswordEstimateFunction", {
+  enumerable: true,
+  get: function () {
+    return _PasswordMeter.setDefaultPasswordEstimateFunction;
+  }
+});
 var _FormFieldPassword = _interopRequireDefault(require("./FormFieldPassword"));
-var _generatePassword = _interopRequireDefault(require("./generatePassword"));
+var _generatePassword = _interopRequireDefault(require("./generatePassword"));
+var _PasswordMeter = require("./PasswordMeter");

package/cjs/components/FormFieldRadioButtons/FormFieldRadioButtons.js

@@ -24,7 +24,6 @@ const FormFieldRadioButtons = ({
   className,
   options,
   autoFocus,
-  label,
   ...props
 }) => /*#__PURE__*/(0, _jsxRuntime.jsx)(_FormField.default, {
   className: (0, _classnames.default)(baseClassName, className),
@@ -41,9 +40,9 @@ const FormFieldRadioButtons = ({
     "aria-invalid": !!Object.keys(getErrors() ?? {}).length,
     "aria-describedby": getDescriptionLabelId(),
     className: `${baseClassName}__fieldset`,
-    children: [label && /*#__PURE__*/(0, _jsxRuntime.jsx)("legend", {
+    children: [props.label && /*#__PURE__*/(0, _jsxRuntime.jsx)("legend", {
       className: `${baseClassName}__legend`,
-      children: label
+      children: props.label
     }), options.map(({
       value,
       label,

package/cjs/components/Layout/Layout.js

@@ -12,6 +12,7 @@ var _classnames = _interopRequireDefault(require("classnames"));
 var _reactTransitionGroup = require("react-transition-group");
 var _LocaleProvider = require("../LocaleProvider");
 var _constants = require("../../constants");
+var _utils = require("../../utils");
 var _jsxRuntime = require("react/jsx-runtime");
 // Copyright 1999-2025. WebPros International GmbH. All rights reserved.
 
@@ -128,6 +129,17 @@ class Layout extends _react.Component {
     this.unsubscribeMatchMedia = subscribeMatchMedia('(max-width: 1022px)', this.handleMatchMedia);
     this.unsubscribeClickOutside = subscribeClickOutside([this.sidebarRef, this.responsiveSidebarTogglerRef], this.handleClickOutside);
   }
+  componentDidUpdate(prevProps) {
+    const isRightSidebarOpen = this.props.rightSidebar && this.props.rightSidebarVisible;
+    const wasRightSidebarOpen = prevProps.rightSidebar && prevProps.rightSidebarVisible;
+    const isMobile = window.matchMedia('(max-width: 780px)').matches;
+    if (!wasRightSidebarOpen && isRightSidebarOpen && isMobile) {
+      (0, _utils.disableDocumentScroll)();
+    }
+    if (wasRightSidebarOpen && !isRightSidebarOpen) {
+      (0, _utils.enableDocumentScroll)();
+    }
+  }
   componentWillUnmount() {
     this.unsubscribeMatchMedia?.();
     this.unsubscribeClickOutside?.();
@@ -286,6 +298,42 @@ class Layout extends _react.Component {
       })
     });
   }
+  renderRightSidebar({
+    rightSidebar,
+    rightSidebarVisible
+  }) {
+    if (!rightSidebar) {
+      return null;
+    }
+    const {
+      baseClassName
+    } = this.props;
+    return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactTransitionGroup.CSSTransition, {
+      in: !rightSidebarVisible,
+      timeout: 300,
+      classNames: {
+        enter: `${baseClassName}__right-sidebar--enter`,
+        enterActive: `${baseClassName}__right-sidebar--active-enter`,
+        enterDone: `${baseClassName}__right-sidebar--on`,
+        exit: `${baseClassName}__right-sidebar--exit`,
+        exitActive: `${baseClassName}__right-sidebar--active-exit`,
+        exitDone: `${baseClassName}__right-sidebar--off`
+      },
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)("aside", {
+        className: `${baseClassName}__right-sidebar`,
+        children: /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+          className: `${baseClassName}__right-sidebar-inner`,
+          children: /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+            className: `${baseClassName}__right-sidebar-content`,
+            children: /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+              className: `${baseClassName}__right-sidebar-content-inner`,
+              children: rightSidebar
+            })
+          })
+        })
+      })
+    });
+  }
   renderMainContent({
     children
   }) {
@@ -330,6 +378,8 @@ class Layout extends _react.Component {
       sidebarType,
       sidebarCollapsible,
       sidebarCollapsed,
+      rightSidebar,
+      rightSidebarVisible,
       translate,
       onSidebarToggle,
       contentAddon,
@@ -357,6 +407,7 @@ class Layout extends _react.Component {
         [`${baseClassName}--sidebar`]: sidebar,
         [`${baseClassName}--sidebar-type-${sidebarType}`]: sidebarType && sidebar,
         [`${baseClassName}--sidebar-collapsed`]: sidebarType === 'collapsed' && isSidebarClosed,
+        [`${baseClassName}--right-sidebar-collapsed`]: !rightSidebar || !rightSidebarVisible,
         [`${baseClassName}--sidebar-folded`]: sidebarType === 'folded' && isSidebarClosed
       }, className),
       ...props,
@@ -369,15 +420,21 @@ class Layout extends _react.Component {
           children: [this.renderSidebar({
             sidebar
           }), /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
-            className: `${baseClassName}__content`,
-            children: [this.renderContentAddon({
-              contentAddon
-            }), this.renderContentHeader({
-              contentHeader
-            }), this.renderMainContent({
-              children
-            }), this.renderFooter({
-              footer
+            className: `${baseClassName}__content-wrapper`,
+            children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+              className: `${baseClassName}__content`,
+              children: [this.renderContentAddon({
+                contentAddon
+              }), this.renderContentHeader({
+                contentHeader
+              }), this.renderMainContent({
+                children
+              }), this.renderFooter({
+                footer
+              })]
+            }), this.renderRightSidebar({
+              rightSidebar,
+              rightSidebarVisible
             })]
           })]
         })]

package/cjs/components/Markdown/Markdown.js

@@ -22,13 +22,14 @@ const Markdown = ({
   className,
   compact = false,
   children,
+  parserOptions,
   ...props
 }) => /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
   className: (0, _classnames.default)(baseClassName, {
     [`${baseClassName}--compact`]: compact
   }, className),
   dangerouslySetInnerHTML: {
-    __html: (0, _marked.marked)(children)
+    __html: (0, _marked.marked)(children, parserOptions)
   },
   ...props
 });

package/cjs/index.js

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