@plesk/ui-library 3.27.0 → 3.27.3

package/cjs/components/FormFieldPassword/estimatePassword.js

@@ -0,0 +1,203 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = exports.DEFAULT_RULES = void 0;
+
+var _react = _interopRequireDefault(require("react"));
+
+var _Translate = _interopRequireDefault(require("../Translate"));
+
+var _enUS = _interopRequireDefault(require("./locale/en-US"));
+
+// Copyright 1999-2022. Plesk International GmbH. All rights reserved.
+const DEFAULT_RULES = [{
+  name: 'passwordTooShort',
+  suggestion: /*#__PURE__*/_react.default.createElement(_Translate.default, {
+    content: `FormFieldPassword.passwordTooShort`,
+    fallback: _enUS.default.passwordTooShort
+  }),
+
+  score(passwd) {
+    return passwd.length < 5 ? -1 : 0;
+  }
+
+}, {
+  name: 'passwordLength',
+
+  score(passwd) {
+    if (passwd.length < 5) {
+      return 3;
+    }
+
+    if (passwd.length > 4 && passwd.length < 8) {
+      return 6;
+    }
+
+    if (passwd.length > 7 && passwd.length < 16) {
+      return 12;
+    }
+
+    return 18;
+  }
+
+}, {
+  name: 'lettersLowerCase',
+  suggestion: /*#__PURE__*/_react.default.createElement(_Translate.default, {
+    content: `FormFieldPassword.lettersLowerCase`,
+    fallback: _enUS.default.lettersLowerCase
+  }),
+
+  score(passwd) {
+    // [verified] at least one lower case letter
+    return passwd.match(/[a-z]/) ? 1 : -1;
+  }
+
+}, {
+  name: 'lettersUpperCase',
+  suggestion: /*#__PURE__*/_react.default.createElement(_Translate.default, {
+    content: `FormFieldPassword.lettersUpperCase`,
+    fallback: _enUS.default.lettersUpperCase
+  }),
+
+  score(passwd) {
+    // [verified] at least one upper case letter
+    return passwd.match(/[A-Z]/) ? 5 : -1;
+  }
+
+}, {
+  name: 'numbers1',
+  suggestion: /*#__PURE__*/_react.default.createElement(_Translate.default, {
+    content: `FormFieldPassword.numbers1`,
+    fallback: _enUS.default.numbers1
+  }),
+
+  score(passwd) {
+    // [verified] at least one number
+    return passwd.match(/\d+/) ? 5 : -1;
+  }
+
+}, {
+  name: 'numbers3',
+  suggestion: /*#__PURE__*/_react.default.createElement(_Translate.default, {
+    content: `FormFieldPassword.numbers3`,
+    fallback: _enUS.default.numbers3
+  }),
+
+  score(passwd) {
+    // [verified] at least three numbers
+    return passwd.match(/(.*[0-9].*[0-9].*[0-9])/) ? 5 : -1;
+  }
+
+}, {
+  name: 'specialChar1',
+  suggestion: /*#__PURE__*/_react.default.createElement(_Translate.default, {
+    content: `FormFieldPassword.specialChar1`,
+    fallback: _enUS.default.specialChar1
+  }),
+
+  score(passwd) {
+    // [verified] at least one special character
+    return passwd.match(/[!@#$%^&*?_~]/) ? 5 : -1;
+  }
+
+}, {
+  name: 'specialChar2',
+  suggestion: /*#__PURE__*/_react.default.createElement(_Translate.default, {
+    content: `FormFieldPassword.specialChar2`,
+    fallback: _enUS.default.specialChar2
+  }),
+
+  score(passwd) {
+    // [verified] at least two special characters
+    return passwd.match(/(.*[!@#$%^&*?_~].*[!@#$%^&*?_~])/) ? 5 : -1;
+  }
+
+}, {
+  name: 'comboUpperAndLower',
+  suggestion: /*#__PURE__*/_react.default.createElement(_Translate.default, {
+    content: `FormFieldPassword.comboUpperAndLower`,
+    fallback: _enUS.default.comboUpperAndLower
+  }),
+
+  score(passwd) {
+    // [verified] both upper and lower case
+    return passwd.match(/([a-z].*[A-Z])|([A-Z].*[a-z])/) ? 2 : -1;
+  }
+
+}, {
+  name: 'comboLettersAndNumbers',
+  suggestion: /*#__PURE__*/_react.default.createElement(_Translate.default, {
+    content: `FormFieldPassword.comboLettersAndNumbers`,
+    fallback: _enUS.default.comboLettersAndNumbers
+  }),
+
+  score(passwd) {
+    // [verified] both letters and numbers
+    return passwd.match(/([a-zA-Z])/) && passwd.match(/([0-9])/) ? 2 : -1;
+  }
+
+}, {
+  name: 'comboLettersNumbersSpecial',
+  suggestion: /*#__PURE__*/_react.default.createElement(_Translate.default, {
+    content: `FormFieldPassword.comboLettersNumbersSpecial`,
+    fallback: _enUS.default.comboLettersNumbersSpecial
+  }),
+
+  score(passwd) {
+    // [verified] letters, numbers, and special characters
+    return passwd.match(/([a-zA-Z0-9].*[!@#$%^&*?_~])|([!@#$%^&*?_~].*[a-zA-Z0-9])/) ? 2 : -1;
+  }
+
+}];
+exports.DEFAULT_RULES = DEFAULT_RULES;
+
+var _default = (password, rules = DEFAULT_RULES) => {
+  const suggestions = [];
+  let passwordScore = 0;
+  rules.forEach(({
+    suggestion,
+    score
+  }) => {
+    const ruleScore = score(password);
+
+    if (ruleScore < 0 && suggestion) {
+      suggestions.push(suggestion);
+    } else {
+      passwordScore += ruleScore;
+    }
+  });
+  let strength;
+
+  switch (true) {
+    case passwordScore < 16:
+      strength = 'VeryWeak';
+      break;
+
+    case passwordScore < 25:
+      strength = 'Weak';
+      break;
+
+    case passwordScore < 35:
+      strength = 'Medium';
+      break;
+
+    case passwordScore < 45:
+      strength = 'Strong';
+      break;
+
+    default:
+      strength = 'VeryStrong';
+      break;
+  }
+
+  return {
+    strength,
+    suggestions
+  };
+};
+
+exports.default = _default;

package/cjs/components/FormFieldPassword/generatePassword.js

@@ -0,0 +1,21 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+// Copyright 1999-2022. Plesk International GmbH. All rights reserved.
+const symbolClasses = {
+  upper: 'ABCDEFGHIJKLMNOPQRSTUVWXYZ',
+  lower: 'abcdefghijklmnopqrstuvwxyz',
+  number: '0123456789',
+  special: '!@#$%^&*?_~'
+};
+
+const generatePassword = () => {
+  const password = ['upper', 'upper', 'upper', 'lower', 'lower', 'lower', 'lower', 'lower', 'lower', 'lower', 'lower', 'number', 'number', 'number', 'special', 'special'];
+  return password.sort((a, b) => Math.floor(b.length * Math.random()) - Math.floor(a.length * Math.random())).map(symbolClass => symbolClasses[symbolClass][Math.floor(symbolClasses[symbolClass].length * Math.random())]).join('');
+};
+
+var _default = generatePassword;
+exports.default = _default;

package/cjs/components/FormFieldPassword/index.js

@@ -1,5 +1,7 @@
 "use strict";
 
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
@@ -12,12 +14,10 @@ Object.defineProperty(exports, "default", {
 Object.defineProperty(exports, "generatePassword", {
   enumerable: true,
   get: function () {
-    return _FormFieldPassword.generatePassword;
+    return _generatePassword.default;
   }
 });
 
-var _FormFieldPassword = _interopRequireWildcard(require("./FormFieldPassword"));
-
-function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+var _FormFieldPassword = _interopRequireDefault(require("./FormFieldPassword"));
 
-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; }
+var _generatePassword = _interopRequireDefault(require("./generatePassword"));

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/List/List.js

@@ -1207,7 +1207,7 @@ class List extends _react.Component {
           [`${baseClassName}__table--vertical`]: vertical,
           [`${baseClassName}__table--reorderable`]: reorderable
         })
-      }, props, reorderableProps), hasTitle && /*#__PURE__*/_react.default.createElement("thead", null, /*#__PURE__*/_react.default.createElement("tr", {
+      }, reorderableProps), hasTitle && /*#__PURE__*/_react.default.createElement("thead", null, /*#__PURE__*/_react.default.createElement("tr", {
         className: (0, _classnames.default)(`${baseClassName}__table-thead`, {
           [`${baseClassName}__row--expanded`]: this.isAllRowsExpanded(data, this.state.expandedRows)
         })

package/cjs/components/ProgressDialog/ProgressDialog.js

@@ -151,7 +151,8 @@ class ProgressDialog extends _react.Component {
     }, props, {
       isOpen: isOpen,
       onClose: this.handleClose,
-      closable: canClose || canCancel
+      closable: canClose || canCancel,
+      canClose: canClose
     }), description && /*#__PURE__*/_react.default.createElement("div", {
       className: `${baseClassName}__description`
     }, description), /*#__PURE__*/_react.default.createElement(_Progress.default, {

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.3";
 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>