@plesk/ui-library 3.27.0 → 3.27.1

package/dist/plesk-ui-library.js

@@ -6521,6 +6521,20 @@ function _extends() { _extends = Object.assign || function (target) { for (var i
 
 function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
 
+const renderAdditionalButtons = buttons => {
+  const buttonProcessing = button => {
+    if ( /*#__PURE__*/(0, _react.isValidElement)(button) && button.type === _Button.default) {
+      return /*#__PURE__*/(0, _react.cloneElement)(button, {
+        size: 'lg'
+      });
+    }
+
+    return button;
+  };
+
+  return Array.isArray(buttons) ? buttons.map(buttonProcessing) : buttonProcessing(buttons);
+};
+
 class DrawerProgress extends _react.Component {
   constructor(...args) {
     super(...args);
@@ -6639,7 +6653,7 @@ class DrawerProgress extends _react.Component {
 
     const footer = hasFooter ? /*#__PURE__*/_react.default.createElement("div", {
       className: `${baseClassName}__footer`
-    }, buttons, canCancel && /*#__PURE__*/_react.default.createElement(_Button.default, {
+    }, renderAdditionalButtons(buttons), canCancel && /*#__PURE__*/_react.default.createElement(_Button.default, {
       onClick: this.handleCancel,
       size: "lg"
     }, /*#__PURE__*/_react.default.createElement(_Translate.default, {
@@ -8107,9 +8121,17 @@ class FormFieldPassword extends _react.Component {
 
     _defineProperty(this, "state", {
       visible: false,
-      passwordMeterVisible: false
+      passwordMeterVisible: false,
+      scoreResult: {
+        password: null,
+        intent: null,
+        strength: null,
+        unusedRules: []
+      }
     });
 
+    _defineProperty(this, "passwordOnScoring", null);
+
     _defineProperty(this, "targetRef", /*#__PURE__*/(0, _react.createRef)());
 
     _defineProperty(this, "handleToggleClick", () => {
@@ -8129,9 +8151,10 @@ class FormFieldPassword extends _react.Component {
     _defineProperty(this, "handleBlur", this.handleClosePasswordMeter);
   }
 
-  passwordScore(value) {
+  async passwordScore(value) {
     if (!value) {
       return {
+        password: null,
         intent: null,
         strength: null,
         unusedRules: []
@@ -8139,12 +8162,15 @@ class FormFieldPassword extends _react.Component {
     }
 
     const {
-      passwordScoreRules
+      passwordScoreRules,
+      customPasswordScore
     } = this.props;
+    const passwordScoreFunc = customPasswordScore || _passwordScore.default;
     const {
+      password,
       score,
       unusedRules
-    } = (0, _passwordScore.default)(value, passwordScoreRules);
+    } = await passwordScoreFunc(value, passwordScoreRules);
     let intent = 'success';
 
     let strength = /*#__PURE__*/_react.default.createElement(_Translate.default, {
@@ -8179,6 +8205,7 @@ class FormFieldPassword extends _react.Component {
     }
 
     return {
+      password,
       intent,
       strength,
       unusedRules
@@ -8193,10 +8220,24 @@ class FormFieldPassword extends _react.Component {
       passwordMeterProps
     } = this.props;
     const {
+      password,
       intent,
       strength,
       unusedRules
-    } = this.passwordScore(value);
+    } = this.state.scoreResult;
+
+    if (!!value && value !== password && value !== this.passwordOnScoring) {
+      this.passwordOnScoring = value;
+      this.passwordScore(value).then(scoreResult => {
+        if (this.passwordOnScoring === scoreResult.password) {
+          this.passwordOnScoring = null;
+          this.setState({
+            scoreResult
+          });
+        }
+      });
+    }
+
     return /*#__PURE__*/_react.default.createElement(_Popover.default, _extends({
       visible: passwordMeterVisible && !!value,
       target: target,
@@ -8283,6 +8324,7 @@ class FormFieldPassword extends _react.Component {
       hidePasswordMeter,
       passwordMeterProps,
       passwordScoreRules,
+      customPasswordScore,
       size,
       autoFocus,
       autoComplete,
@@ -8382,6 +8424,12 @@ FormFieldPassword.propTypes = {
     score: _propTypes.default.func.isRequired
   })),
 
+  /**
+   * Custom password score estimator
+   * @since 3.27.1
+   */
+  customPasswordScore: _propTypes.default.func,
+
   /**
    * Size of the control
    * @since 1.5.6
@@ -8423,6 +8471,7 @@ FormFieldPassword.defaultProps = {
   hidePasswordMeter: false,
   passwordMeterProps: {},
   passwordScoreRules: undefined,
+  customPasswordScore: undefined,
   size: 'md',
   autoFocus: undefined,
   autoComplete: undefined,
@@ -8540,10 +8589,11 @@ const passwordScore = (password, rules = PASSWORD_SCORE_RULES) => {
       score += mark;
     }
   });
-  return {
+  return Promise.resolve({
+    password,
     score,
     unusedRules
-  };
+  });
 };
 
 const PASSWORD_SCORE_RULES = [{
@@ -11234,7 +11284,7 @@ const Icon = ({
   }, props), newName ? /*#__PURE__*/_react.default.createElement("svg", {
     focusable: "false"
   }, /*#__PURE__*/_react.default.createElement("use", {
-    xlinkHref: getHref(newName, newSize)
+    href: getHref(newName, newSize)
   })) : src && /*#__PURE__*/_react.default.createElement("img", {
     src: src,
     alt: alt
@@ -92252,7 +92302,7 @@ function _objectWithoutPropertiesLoose(source, excluded) {
 /***/ ((module) => {
 
 "use strict";
-module.exports = JSON.parse('{"name":"@plesk/ui-library","version":"3.27.0","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","lint:es":"eslint --ext js,md,tsx src configs scripts styleguidist","lint:types":"tsc","lint:style":"stylelint \\"src/**/*.less\\"","styleguide":"styleguidist server --config ./configs/styleguide.config.js","styleguide:build":"styleguidist build --config ./configs/styleguide.config.js","create-component":"node scripts/create-component.js","prepublishOnly":"yarn install && yarn test && yarn build && yarn styleguide:build","storybook":"webpack serve --config ./configs/storybook.config.js","postinstall":"node ./scripts/postinstall.js"},"files":["esm","cjs","dist","styleguide","types","/scripts/postinstall.js","/index.js"],"dependencies":{"@babel/runtime":"^7.15.4","@plesk/react-movable":"^2.6.0","@types/classnames":"2.2.7","@types/react":"16.8.13","@types/react-dom":"16.8.4","@types/react-measure":"2.0.8","@types/react-transition-group":"^4.4.4","@types/svg4everybody":"2.1.0","classnames":"^2.3.1","codemirror":"5.48.0","marked":"0.3.19","memoize-one":"^5.1.1","popper.js":"1.14.3","prop-types":"^15.7.2","react-measure":"2.3.0","react-sortable-hoc":"0.6.8","react-transition-group":"^4.4.2","scroll-into-view-if-needed":"^2.2.20","svg4everybody":"2.1.9","use-focus-visible":"^1.0.0"},"devDependencies":{"@babel/core":"^7.15.8","@babel/plugin-proposal-class-properties":"^7.14.5","@babel/plugin-syntax-dynamic-import":"^7.8.3","@babel/plugin-transform-runtime":"^7.15.8","@babel/preset-env":"^7.15.8","@babel/preset-react":"^7.14.5","@babel/preset-typescript":"^7.15.0","@plesk/eslint-config":"^1.1.0","@plesk/stylelint-config":"^0.0.6","@types/buble":"^0.19.2","@types/cheerio":"^0.22.30","@types/doctrine":"^0.0.3","@types/enzyme":"^3.10.9","@types/jest":"^23.3.12","@types/webpack-dev-server":"^3.10.1","@typescript-eslint/eslint-plugin":"^2.7.0","@typescript-eslint/parser":"^2.7.0","autoprefixer":"^10.3.7","babel-loader":"^8.2.3","babel-plugin-dynamic-import-node":"^2.3.3","babel-plugin-transform-require-ignore":"^0.1.1","clean-webpack-plugin":"^4.0.0","cross-env":"^5.2.0","css-loader":"^6.4.0","css-minimizer-webpack-plugin":"^3.1.1","enzyme":"^3.11.0","enzyme-adapter-react-16":"^1.15.6","enzyme-to-json":"^3.6.2","eslint-config-prettier":"^6.11.0","eslint-plugin-markdown":"^1.0.2","eslint-plugin-prettier":"^3.1.3","expect-puppeteer":"^4.4.0","fs-extra":"^7.0.0","html-webpack-plugin":"^5.5.0","inquirer":"^3.2.1","jest":"^24.9.0","jest-dev-server":"^4.4.0","jest-image-snapshot":"^4.0.2","less":"^4.1.2","less-loader":"^10.2.0","mini-css-extract-plugin":"^2.4.3","postcss":"^8.3.11","postcss-loader":"^6.2.0","postcss-logical":"^5.0.0","prettier":"^2.0.5","puppeteer-core":"^5.2.1","react":"^16.8.6","react-dom":"^16.8.6","react-styleguidist":"^11.1.7","react-test-renderer":"^16.8.6","rimraf":"^3.0.1","rtlcss":"^3.4.0","style-loader":"^3.3.1","stylelint-config-prettier":"^8.0.1","stylelint-prettier":"^1.1.2","svg-mixer":"^2.3.14","terser-webpack-plugin":"^5.2.4","typescript":"^3.7.2","webpack":"^5.60.0","webpack-cli":"^4.9.1"},"peerDependencies":{"react":"^16.8.6","react-dom":"^16.8.6"},"resolutions":{"@babel/types":"^7.15.6","@types/node":"^12.12.8","**/caniuse-lite":"1.0.30001274"},"browserslist":["last 2 versions",">1%","not op_mini all","not dead","not ie 11"],"author":"Plesk Developers <plesk-dev-leads@plesk.com> (https://www.plesk.com/)","license":"Apache-2.0"}');
+module.exports = JSON.parse('{"name":"@plesk/ui-library","version":"3.27.1","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","lint:es":"eslint --ext js,md,tsx src configs scripts styleguidist","lint:types":"tsc","lint:style":"stylelint \\"src/**/*.less\\"","styleguide":"styleguidist server --config ./configs/styleguide.config.js","styleguide:build":"styleguidist build --config ./configs/styleguide.config.js","create-component":"node scripts/create-component.js","prepublishOnly":"yarn install && yarn test && yarn build && yarn styleguide:build","storybook":"webpack serve --config ./configs/storybook.config.js","postinstall":"node ./scripts/postinstall.js"},"files":["esm","cjs","dist","styleguide","types","/scripts/postinstall.js","/index.js"],"dependencies":{"@babel/runtime":"^7.15.4","@plesk/react-movable":"^2.6.0","@types/classnames":"2.2.7","@types/react":"16.8.13","@types/react-dom":"16.8.4","@types/react-measure":"2.0.8","@types/react-transition-group":"^4.4.4","@types/svg4everybody":"2.1.0","classnames":"^2.3.1","codemirror":"5.48.0","marked":"0.3.19","memoize-one":"^5.1.1","popper.js":"1.14.3","prop-types":"^15.7.2","react-measure":"2.3.0","react-sortable-hoc":"0.6.8","react-transition-group":"^4.4.2","scroll-into-view-if-needed":"^2.2.20","svg4everybody":"2.1.9","use-focus-visible":"^1.0.0"},"devDependencies":{"@babel/core":"^7.15.8","@babel/plugin-proposal-class-properties":"^7.14.5","@babel/plugin-syntax-dynamic-import":"^7.8.3","@babel/plugin-transform-runtime":"^7.15.8","@babel/preset-env":"^7.15.8","@babel/preset-react":"^7.14.5","@babel/preset-typescript":"^7.15.0","@plesk/eslint-config":"^1.1.0","@plesk/stylelint-config":"^0.0.6","@types/buble":"^0.19.2","@types/cheerio":"^0.22.30","@types/doctrine":"^0.0.3","@types/enzyme":"^3.10.9","@types/jest":"^23.3.12","@types/webpack-dev-server":"^3.10.1","@typescript-eslint/eslint-plugin":"^2.7.0","@typescript-eslint/parser":"^2.7.0","autoprefixer":"^10.3.7","babel-loader":"^8.2.3","babel-plugin-dynamic-import-node":"^2.3.3","babel-plugin-transform-require-ignore":"^0.1.1","clean-webpack-plugin":"^4.0.0","cross-env":"^5.2.0","css-loader":"^6.4.0","css-minimizer-webpack-plugin":"^3.1.1","enzyme":"^3.11.0","enzyme-adapter-react-16":"^1.15.6","enzyme-to-json":"^3.6.2","eslint-config-prettier":"^6.11.0","eslint-plugin-markdown":"^1.0.2","eslint-plugin-prettier":"^3.1.3","expect-puppeteer":"^4.4.0","fs-extra":"^7.0.0","html-webpack-plugin":"^5.5.0","inquirer":"^3.2.1","jest":"^24.9.0","jest-dev-server":"^4.4.0","jest-image-snapshot":"^4.0.2","less":"^4.1.2","less-loader":"^10.2.0","mini-css-extract-plugin":"^2.4.3","postcss":"^8.3.11","postcss-loader":"^6.2.0","postcss-logical":"^5.0.0","prettier":"^2.0.5","puppeteer-core":"^5.2.1","react":"^16.8.6","react-dom":"^16.8.6","react-styleguidist":"^11.1.7","react-test-renderer":"^16.8.6","rimraf":"^3.0.1","rtlcss":"^3.4.0","style-loader":"^3.3.1","stylelint-config-prettier":"^8.0.1","stylelint-prettier":"^1.1.2","svg-mixer":"^2.3.14","terser-webpack-plugin":"^5.2.4","typescript":"^3.7.2","webpack":"^5.60.0","webpack-cli":"^4.9.1"},"peerDependencies":{"react":"^16.8.6","react-dom":"^16.8.6"},"resolutions":{"@babel/types":"^7.15.6","@types/node":"^12.12.8","**/caniuse-lite":"1.0.30001274"},"browserslist":["last 2 versions",">1%","not op_mini all","not dead","not ie 11"],"author":"Plesk Developers <plesk-dev-leads@plesk.com> (https://www.plesk.com/)","license":"Apache-2.0"}');
 
 /***/ }),