@plesk/ui-library 3.46.0 → 3.46.2

package/dist/plesk-ui-library.js

@@ -7,7 +7,7 @@
 		exports["PleskUiLibrary"] = factory(require("react"), require("react-dom"));
 	else
 		root["PleskUiLibrary"] = factory(root["React"], root["ReactDOM"]);
-})(self, (__WEBPACK_EXTERNAL_MODULE_react__, __WEBPACK_EXTERNAL_MODULE_react_dom__) => {
+})(globalThis, (__WEBPACK_EXTERNAL_MODULE_react__, __WEBPACK_EXTERNAL_MODULE_react_dom__) => {
 return /******/ (() => { // webpackBootstrap
 /******/ 	var __webpack_modules__ = ({
 
@@ -61321,7 +61321,7 @@ function useFocusVisible() {
 /***/ ((module) => {
 
 "use strict";
-module.exports = /*#__PURE__*/JSON.parse('{"name":"@plesk/ui-library","version":"3.46.0","description":"Plesk UI Library","main":"index.js","module":"esm/index.js","types":"./types","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|css)\\"","format:check":"prettier --check src styleguidist","format":"prettier --write src styleguidist","styleguide":"styleguidist server --config ./configs/styleguide.config.js","styleguide:build":"rimraf ./styleguide && 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.27.6","@floating-ui/react-dom":"^2.1.3","@plesk/react-movable":"^2.7.1","classnames":"^2.5.1","codemirror":"5.65.20","marked":"15.0.12","memoize-one":"^6.0.0","popper.js":"1.16.1","prop-types":"^15.8.1","react-measure":"2.5.2","react-sortable-hoc":"2.0.0","react-transition-group":"^4.4.5","scroll-into-view-if-needed":"^3.1.0","svg4everybody":"2.1.9","use-focus-visible":"^1.0.2"},"devDependencies":{"@babel/core":"^7.27.7","@babel/plugin-proposal-class-properties":"^7.18.6","@babel/plugin-syntax-dynamic-import":"^7.8.3","@babel/plugin-transform-runtime":"^7.27.4","@babel/preset-env":"^7.27.2","@babel/preset-react":"^7.27.1","@babel/preset-typescript":"^7.27.1","@babel/types":"^7.27.7","@csstools/postcss-logical-float-and-clear":"^3.0.0","@plesk/eslint-config":"^4.0.0","@plesk/stylelint-config":"^3.0.1","@testing-library/dom":"^10.4.0","@testing-library/jest-dom":"^6.6.3","@testing-library/react":"^16.3.0","@testing-library/user-event":"^14.6.1","@types/buble":"^0.20.5","@types/classnames":"2.3.4","@types/codemirror":"^5.60.16","@types/doctrine":"^0.0.9","@types/jest":"^30.0.0","@types/jest-image-snapshot":"^6.4.0","@types/marked":"^6.0.0","@types/node":"^24.0.7","@types/react":"^18.3.8","@types/react-dom":"^18.3.0","@types/react-measure":"2.0.12","@types/react-transition-group":"^4.4.12","@types/svg4everybody":"2.1.5","@types/webpack-env":"^1.18.8","autoprefixer":"^10.4.21","babel-loader":"^10.0.0","babel-plugin-transform-require-ignore":"^0.1.1","cross-env":"^10.0.0","css-loader":"^7.1.2","css-minimizer-webpack-plugin":"^7.0.2","eslint":"^9.30.0","eslint-config-prettier":"^10.1.5","eslint-plugin-markdown":"^5.1.0","html-webpack-plugin":"^5.6.3","jest":"^30.0.3","jest-dev-server":"^11.0.0","jest-environment-jsdom":"^30.0.2","jest-image-snapshot":"^6.5.1","less":"^4.3.0","less-loader":"^12.3.0","mini-css-extract-plugin":"^2.9.2","postcss":"^8.5.6","postcss-less":"^6.0.0","postcss-loader":"^8.1.1","postcss-logical":"^8.1.0","prettier":"^3.6.2","puppeteer-core":"22.15.0","react":"^18.3.1","react-docgen-typescript":"^2.4.0","react-dom":"^18.3.1","react-styleguidist":"^13.1.4","rimraf":"^6.0.1","rtlcss":"^4.3.0","style-loader":"^4.0.0","stylelint":"^16.21.0","stylelint-declaration-block-no-ignored-properties":"^2.8.0","stylelint-no-unsupported-browser-features":"^8.0.4","stylelint-prettier":"^5.0.3","stylelint-use-logical-spec":"^5.0.1","svg-mixer":"^2.3.14","terser-webpack-plugin":"^5.3.14","typescript":"5.9.2","typescript-eslint":"^8.35.0","webpack":"^5.99.9","webpack-cli":"^6.0.1"},"peerDependencies":{"react":"^18.2.0","react-dom":"^18.2.0"},"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.46.2","description":"Plesk UI Library","main":"index.js","module":"esm/index.js","types":"./types","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|css)\\"","format:check":"prettier --check src styleguidist","format":"prettier --write src styleguidist","styleguide":"styleguidist server --config ./configs/styleguide.config.js","styleguide:build":"rimraf ./styleguide && 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.27.6","@floating-ui/react-dom":"^2.1.3","@plesk/react-movable":"^2.7.1","classnames":"^2.5.1","codemirror":"5.65.20","marked":"15.0.12","memoize-one":"^6.0.0","popper.js":"1.16.1","prop-types":"^15.8.1","react-measure":"2.5.2","react-sortable-hoc":"2.0.0","react-transition-group":"^4.4.5","scroll-into-view-if-needed":"^3.1.0","svg4everybody":"2.1.9","use-focus-visible":"^1.0.2"},"devDependencies":{"@babel/core":"^7.27.7","@babel/plugin-proposal-class-properties":"^7.18.6","@babel/plugin-syntax-dynamic-import":"^7.8.3","@babel/plugin-transform-runtime":"^7.27.4","@babel/preset-env":"^7.27.2","@babel/preset-react":"^7.27.1","@babel/preset-typescript":"^7.27.1","@babel/types":"^7.27.7","@csstools/postcss-logical-float-and-clear":"^3.0.0","@plesk/eslint-config":"^4.0.0","@plesk/stylelint-config":"^3.0.1","@testing-library/dom":"^10.4.0","@testing-library/jest-dom":"^6.6.3","@testing-library/react":"^16.3.0","@testing-library/user-event":"^14.6.1","@types/buble":"^0.20.5","@types/classnames":"2.3.4","@types/codemirror":"^5.60.16","@types/doctrine":"^0.0.9","@types/jest":"^30.0.0","@types/jest-image-snapshot":"^6.4.0","@types/marked":"^6.0.0","@types/node":"^24.0.7","@types/react":"^18.3.8","@types/react-dom":"^18.3.0","@types/react-measure":"2.0.12","@types/react-transition-group":"^4.4.12","@types/svg4everybody":"2.1.5","@types/webpack-env":"^1.18.8","autoprefixer":"^10.4.21","babel-loader":"^10.0.0","babel-plugin-transform-require-ignore":"^0.1.1","cross-env":"^10.0.0","css-loader":"^7.1.2","css-minimizer-webpack-plugin":"^7.0.2","eslint":"^9.30.0","eslint-config-prettier":"^10.1.5","eslint-plugin-markdown":"^5.1.0","html-webpack-plugin":"^5.6.3","jest":"^30.0.3","jest-dev-server":"^11.0.0","jest-environment-jsdom":"^30.0.2","jest-image-snapshot":"^6.5.1","less":"^4.3.0","less-loader":"^12.3.0","mini-css-extract-plugin":"^2.9.2","postcss":"^8.5.6","postcss-less":"^6.0.0","postcss-loader":"^8.1.1","postcss-logical":"^8.1.0","prettier":"^3.6.2","puppeteer-core":"22.15.0","react":"^18.3.1","react-docgen-typescript":"^2.4.0","react-dom":"^18.3.1","react-styleguidist":"^13.1.4","rimraf":"^6.0.1","rtlcss":"^4.3.0","style-loader":"^4.0.0","stylelint":"^16.21.0","stylelint-declaration-block-no-ignored-properties":"^2.8.0","stylelint-no-unsupported-browser-features":"^8.0.4","stylelint-prettier":"^5.0.3","stylelint-use-logical-spec":"^5.0.1","svg-mixer":"^2.3.14","terser-webpack-plugin":"^5.3.14","typescript":"5.9.3","typescript-eslint":"^8.35.0","webpack":"^5.99.9","webpack-cli":"^6.0.1"},"peerDependencies":{"react":"^18.2.0","react-dom":"^18.2.0"},"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"}');
 
 /***/ }),
 
@@ -69104,7 +69104,6 @@ const FormFieldPasswordWrapper = props => {
     translate: translate
   });
 };
-FormFieldPasswordWrapper.defaultProps = FormFieldPassword.defaultProps;
 var _default = exports["default"] = FormFieldPasswordWrapper;
 
 /***/ }),
@@ -69121,7 +69120,7 @@ var _default = exports["default"] = FormFieldPasswordWrapper;
 Object.defineProperty(exports, "__esModule", ({
   value: true
 }));
-exports["default"] = void 0;
+exports.setDefaultPasswordEstimateFunction = exports["default"] = void 0;
 var _react = __webpack_require__(/*! react */ "react");
 var _Popover = _interopRequireDefault(__webpack_require__(/*! ../Popover */ "./components/Popover/index.tsx"));
 var _Translate = __webpack_require__(/*! ../Translate */ "./components/Translate/index.tsx");
@@ -69131,6 +69130,11 @@ function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 // 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',
@@ -69150,7 +69154,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]);
@@ -69414,8 +69419,15 @@ Object.defineProperty(exports, "generatePassword", ({
     return _generatePassword.default;
   }
 }));
+Object.defineProperty(exports, "setDefaultPasswordEstimateFunction", ({
+  enumerable: true,
+  get: function () {
+    return _PasswordMeter.setDefaultPasswordEstimateFunction;
+  }
+}));
 var _FormFieldPassword = _interopRequireDefault(__webpack_require__(/*! ./FormFieldPassword */ "./components/FormFieldPassword/FormFieldPassword.tsx"));
 var _generatePassword = _interopRequireDefault(__webpack_require__(/*! ./generatePassword */ "./components/FormFieldPassword/generatePassword.tsx"));
+var _PasswordMeter = __webpack_require__(/*! ./PasswordMeter */ "./components/FormFieldPassword/PasswordMeter.tsx");
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 
 /***/ }),
@@ -69467,7 +69479,6 @@ const FormFieldRadioButtons = ({
   className,
   options,
   autoFocus,
-  label,
   ...props
 }) => /*#__PURE__*/(0, _jsxRuntime.jsx)(_FormField.default, {
   className: (0, _classnames.default)(baseClassName, className),
@@ -69484,9 +69495,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,
@@ -72092,6 +72103,7 @@ class Layout extends _react.Component {
     });
     _defineProperty(this, "headerRef", /*#__PURE__*/(0, _react.createRef)());
     _defineProperty(this, "sidebarRef", /*#__PURE__*/(0, _react.createRef)());
+    _defineProperty(this, "rightSidebarRef", /*#__PURE__*/(0, _react.createRef)());
     _defineProperty(this, "responsiveSidebarTogglerRef", /*#__PURE__*/(0, _react.createRef)());
     _defineProperty(this, "unsubscribeMatchMedia", void 0);
     _defineProperty(this, "unsubscribeClickOutside", void 0);
@@ -72346,6 +72358,8 @@ class Layout extends _react.Component {
     const {
       baseClassName
     } = this.props;
+    const isMobile = window.matchMedia('(max-width: 768px)').matches;
+    const sidebarOffsetTop = this.headerRef.current?.getBoundingClientRect().height || 0;
     return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactTransitionGroup.CSSTransition, {
       in: !rightSidebarVisible,
       timeout: 300,
@@ -72358,7 +72372,14 @@ class Layout extends _react.Component {
         exitDone: `${baseClassName}__right-sidebar--off`
       },
       children: /*#__PURE__*/(0, _jsxRuntime.jsx)("aside", {
-        className: `${baseClassName}__right-sidebar`,
+        ref: this.rightSidebarRef,
+        className: (0, _classnames.default)(`${baseClassName}__right-sidebar`, {
+          [`${baseClassName}__right-sidebar--on`]: rightSidebarVisible,
+          [`${baseClassName}__right-sidebar--off`]: !rightSidebarVisible
+        }),
+        style: {
+          height: isMobile ? '100vh' : `calc(100vh - ${sidebarOffsetTop}px)`
+        },
         children: /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
           className: `${baseClassName}__right-sidebar-inner`,
           children: /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
@@ -72457,9 +72478,9 @@ class Layout extends _react.Component {
           className: `${baseClassName}__container`,
           children: [this.renderSidebar({
             sidebar
-          }), /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+          }), /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
             className: `${baseClassName}__content-wrapper`,
-            children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+            children: /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
               className: `${baseClassName}__content`,
               children: [this.renderContentAddon({
                 contentAddon
@@ -72470,10 +72491,10 @@ class Layout extends _react.Component {
               }), this.renderFooter({
                 footer
               })]
-            }), this.renderRightSidebar({
-              rightSidebar,
-              rightSidebarVisible
-            })]
+            })
+          }), this.renderRightSidebar({
+            rightSidebar,
+            rightSidebarVisible
           })]
         })]
       })
@@ -74927,13 +74948,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
 });