@plesk/ui-library 3.27.0 → 3.27.1

package/cjs/components/Drawer/DrawerProgress.js

@@ -30,6 +30,20 @@ function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "functio
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
 
 // Copyright 1999-2019. Plesk International GmbH. All rights reserved.
+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);
@@ -143,7 +157,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, {

package/cjs/components/FormFieldPassword/FormFieldPassword.js

@@ -62,8 +62,15 @@ class FormFieldPassword extends _react.Component {
     super(...args);
     (0, _defineProperty2.default)(this, "state", {
       visible: false,
-      passwordMeterVisible: false
+      passwordMeterVisible: false,
+      scoreResult: {
+        password: null,
+        intent: null,
+        strength: null,
+        unusedRules: []
+      }
     });
+    (0, _defineProperty2.default)(this, "passwordOnScoring", null);
     (0, _defineProperty2.default)(this, "targetRef", /*#__PURE__*/(0, _react.createRef)());
     (0, _defineProperty2.default)(this, "handleToggleClick", () => {
       this.setState(({
@@ -80,9 +87,10 @@ class FormFieldPassword extends _react.Component {
     (0, _defineProperty2.default)(this, "handleBlur", this.handleClosePasswordMeter);
   }
 
-  passwordScore(value) {
+  async passwordScore(value) {
     if (!value) {
       return {
+        password: null,
         intent: null,
         strength: null,
         unusedRules: []
@@ -90,12 +98,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, {
@@ -130,6 +141,7 @@ class FormFieldPassword extends _react.Component {
     }
 
     return {
+      password,
       intent,
       strength,
       unusedRules
@@ -144,10 +156,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, (0, _extends2.default)({
       visible: passwordMeterVisible && !!value,
       target: target,
@@ -234,6 +260,7 @@ class FormFieldPassword extends _react.Component {
       hidePasswordMeter,
       passwordMeterProps,
       passwordScoreRules,
+      customPasswordScore,
       size,
       autoFocus,
       autoComplete,
@@ -333,6 +360,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
@@ -374,6 +407,7 @@ FormFieldPassword.defaultProps = {
   hidePasswordMeter: false,
   passwordMeterProps: {},
   passwordScoreRules: undefined,
+  customPasswordScore: undefined,
   size: 'md',
   autoFocus: undefined,
   autoComplete: undefined,

package/cjs/components/FormFieldPassword/passwordScore.js

@@ -21,10 +21,11 @@ const passwordScore = (password, rules = PASSWORD_SCORE_RULES) => {
       score += mark;
     }
   });
-  return {
+  return Promise.resolve({
+    password,
     score,
     unusedRules
-  };
+  });
 };
 
 const PASSWORD_SCORE_RULES = [{

package/cjs/components/Icon/Icon.js

@@ -126,7 +126,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

package/cjs/components/Rating/images/rating.svg

@@ -1,6 +1,6 @@
-<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="56" height="248" viewBox="0 0 51 248">
+<svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="56" height="248" viewBox="0 0 51 248">
 <defs><symbol id="star"><path stroke-width="3" d="m25,1 6,17h18l-14,11 5,17-15-10-15,10 5-17-14-11h18z"></path></symbol></defs>
-<use x="0" y="0"   fill="none" stroke="#ff9500" xlink:href="#star"></use>
-<use x="0" y="100" fill="#ff9500" stroke="#ff9500" xlink:href="#star"></use>
-<use x="0" y="200" fill="#848484" stroke="#848484" xlink:href="#star"></use>
-</svg>
+<use x="0" y="0"   fill="none" stroke="#ff9500" href="#star"></use>
+<use x="0" y="100" fill="#ff9500" stroke="#ff9500" href="#star"></use>
+<use x="0" y="200" fill="#848484" stroke="#848484" href="#star"></use>
+</svg>

package/cjs/index.js

@@ -54,6 +54,6 @@ Object.keys(_components).forEach(function (key) {
   });
 });
 // Copyright 1999-2018. Plesk International GmbH. All rights reserved.
-const version = "3.27.0";
+const version = "3.27.1";
 exports.version = version;
 (0, _svg4everybody.default)();

package/dist/images/rating.svg

@@ -1,6 +1,6 @@
-<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="56" height="248" viewBox="0 0 51 248">
+<svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="56" height="248" viewBox="0 0 51 248">
 <defs><symbol id="star"><path stroke-width="3" d="m25,1 6,17h18l-14,11 5,17-15-10-15,10 5-17-14-11h18z"></path></symbol></defs>
-<use x="0" y="0"   fill="none" stroke="#ff9500" xlink:href="#star"></use>
-<use x="0" y="100" fill="#ff9500" stroke="#ff9500" xlink:href="#star"></use>
-<use x="0" y="200" fill="#848484" stroke="#848484" xlink:href="#star"></use>
-</svg>
+<use x="0" y="0"   fill="none" stroke="#ff9500" href="#star"></use>
+<use x="0" y="100" fill="#ff9500" stroke="#ff9500" href="#star"></use>
+<use x="0" y="200" fill="#848484" stroke="#848484" href="#star"></use>
+</svg>