@plesk/ui-library 3.31.0 → 3.31.2

package/cjs/components/List/List.stories.js

@@ -1,29 +1,20 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.Vertical = exports.ReorderableFullFeatured = exports.Reorderable = exports.NestedFullFeatured = exports.Nested = exports.ExpandedList = exports.Basic = void 0;
-
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-
 var _react = _interopRequireWildcard(require("react"));
-
 var _List = _interopRequireDefault(require("./List"));
-
 var _ListActions = _interopRequireDefault(require("./ListActions"));
-
 var _ListAction = _interopRequireDefault(require("./ListAction"));
-
 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); }
-
 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-2020. Plesk International GmbH. All rights reserved.
-const Basic = args => /*#__PURE__*/_react.default.createElement(_List.default, args);
 
+const Basic = args => /*#__PURE__*/_react.default.createElement(_List.default, args);
 exports.Basic = Basic;
 Basic.args = {
   columns: [{
@@ -59,12 +50,14 @@ Basic.args = {
 };
 const Vertical = Basic.bind(null);
 exports.Vertical = Vertical;
-Vertical.args = { ...Basic.args,
+Vertical.args = {
+  ...Basic.args,
   vertical: 480
 };
 const Nested = Basic.bind(null);
 exports.Nested = Nested;
-Nested.args = { ...Basic.args,
+Nested.args = {
+  ...Basic.args,
   data: [{
     key: '1',
     col1: 'China',
@@ -95,47 +88,48 @@ Nested.args = { ...Basic.args,
 };
 const NestedFullFeatured = Nested.bind(null);
 exports.NestedFullFeatured = NestedFullFeatured;
-NestedFullFeatured.args = { ...Nested.args,
+NestedFullFeatured.args = {
+  ...Nested.args,
   onSelectionChange: () => {},
   renderRowBody: () => null
 };
 const ExpandedList = Nested.bind(null);
 exports.ExpandedList = ExpandedList;
-ExpandedList.args = { ...Nested.args,
+ExpandedList.args = {
+  ...Nested.args,
   onSelectionChange: () => {},
   renderRowBody: () => 'row body',
   expandedRows: ['1', '2', '4', '6']
 };
-
 const Reorderable = args => {
   const {
     data: initialData,
     ...props
   } = args;
   const [data, setData] = (0, _react.useState)(initialData);
-
-  const handleReorderEnd = ({
-    oldIndex,
-    newIndex
-  }) => {
+  const handleReorderEnd = _ref => {
+    let {
+      oldIndex,
+      newIndex
+    } = _ref;
     const nextData = [...data];
     nextData.splice(newIndex, 0, nextData.splice(oldIndex, 1)[0]);
     setData(nextData);
   };
-
   return /*#__PURE__*/_react.default.createElement(Basic, (0, _extends2.default)({
     data: data,
     reorderable: true,
     onReorderEnd: handleReorderEnd
   }, props));
 };
-
 exports.Reorderable = Reorderable;
-Reorderable.args = { ...Basic.args
+Reorderable.args = {
+  ...Basic.args
 };
 const ReorderableFullFeatured = Reorderable.bind(null);
 exports.ReorderableFullFeatured = ReorderableFullFeatured;
-ReorderableFullFeatured.args = { ...Reorderable.args,
+ReorderableFullFeatured.args = {
+  ...Reorderable.args,
   columns: [...Reorderable.args.columns, {
     key: 'actions',
     type: 'actions',

package/cjs/components/List/ListAction.js

@@ -1,20 +1,14 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-
 var _react = _interopRequireDefault(require("react"));
-
 var _Button = _interopRequireDefault(require("../Button"));
-
 var _Menu = require("../Menu");
-
 // Copyright 1999-2020. Plesk International GmbH. All rights reserved.
 
 /**
@@ -22,12 +16,14 @@ var _Menu = require("../Menu");
  * It accepts the props of [Button](#!/Button) and [MenuItem](#!/MenuItem) components.
  * @since 3.3.0
  */
-const ListAction = ({
-  primary,
-  children,
-  tooltip,
-  ...props
-}) => {
+
+const ListAction = _ref => {
+  let {
+    primary,
+    children,
+    tooltip,
+    ...props
+  } = _ref;
   const render = children => {
     if (primary) {
       return /*#__PURE__*/_react.default.createElement(_Button.default, (0, _extends2.default)({
@@ -35,22 +31,17 @@ const ListAction = ({
         tooltip: children
       }, props));
     }
-
     return /*#__PURE__*/_react.default.createElement(_Menu.MenuItem, (0, _extends2.default)({
       tooltip: tooltip
     }, props), children);
   };
-
   const unwrap = cb => cb({
     wrap: children => render(children)
   });
-
   if (typeof children === 'function') {
     return unwrap(children);
   }
-
   return render(children);
 };
-
 var _default = ListAction;
 exports.default = _default;

package/cjs/components/List/ListActions.js

@@ -1,56 +1,44 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-
 var _react = _interopRequireWildcard(require("react"));
-
 var _classnames = _interopRequireDefault(require("classnames"));
-
 var _constants = require("../../constants");
-
 var _Button = _interopRequireDefault(require("../Button"));
-
 var _Dropdown = _interopRequireDefault(require("../Dropdown"));
-
 var _Menu = _interopRequireDefault(require("../Menu"));
-
 var _ListAction = _interopRequireDefault(require("./ListAction"));
-
 var _VerticalContext = _interopRequireDefault(require("../VerticalContext"));
-
 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); }
-
 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-2020. Plesk International GmbH. All rights reserved.
 
 /**
  * `ListActions` component is used for performing operations on individual objects in [List](#!/List).
  * @since 3.3.0
  */
-const ListActions = ({
-  baseClassName = `${_constants.CLS_PREFIX}list-actions`,
-  className,
-  children,
-  locale,
-  ...props
-}) => {
+const ListActions = _ref => {
+  let {
+    baseClassName = `${_constants.CLS_PREFIX}list-actions`,
+    className,
+    children,
+    locale,
+    ...props
+  } = _ref;
   const [overlay, setOverlay] = (0, _react.useState)(false);
   const vertical = (0, _react.useContext)(_VerticalContext.default);
   (0, _react.useEffect)(() => {
-    const handler = ({
-      matches
-    }) => {
+    const handler = _ref2 => {
+      let {
+        matches
+      } = _ref2;
       setOverlay(!matches);
     };
-
     const mql = window.matchMedia('(min-width: 768px)');
     handler(mql);
     mql.addListener(handler);
@@ -61,7 +49,6 @@ const ListActions = ({
   const primaryItems = [];
   const secondaryItems = [];
   let secondaryCount = 0;
-
   _react.Children.toArray(children).forEach((node, index) => {
     if ( /*#__PURE__*/(0, _react.isValidElement)(node) && node.type === _ListAction.default) {
       const {
@@ -69,7 +56,6 @@ const ListActions = ({
         hidden
       } = node.props;
       const key = index.toString();
-
       if (primary && !vertical) {
         primaryItems.push(hidden ? /*#__PURE__*/_react.default.createElement("div", {
           className: `${baseClassName}__hidden-action`,
@@ -77,7 +63,6 @@ const ListActions = ({
         }) : node);
       } else {
         secondaryCount++;
-
         if (!hidden) {
           secondaryItems.push( /*#__PURE__*/(0, _react.cloneElement)(node, {
             primary: false
@@ -89,9 +74,7 @@ const ListActions = ({
       secondaryItems.push(node);
     }
   });
-
   let secondaryDropdown;
-
   if (secondaryItems.length > 0) {
     secondaryDropdown = /*#__PURE__*/_react.default.createElement(_Dropdown.default, {
       className: `${baseClassName}__menu`,
@@ -108,11 +91,9 @@ const ListActions = ({
       className: `${baseClassName}__menu ${baseClassName}__hidden-action`
     });
   }
-
   return /*#__PURE__*/_react.default.createElement("div", (0, _extends2.default)({
     className: (0, _classnames.default)(baseClassName, className)
   }, props), primaryItems, secondaryDropdown);
 };
-
 var _default = ListActions;
 exports.default = _default;

package/cjs/components/List/ListActionsDivider.js

@@ -1,16 +1,12 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _react = _interopRequireDefault(require("react"));
-
 var _Menu = require("../Menu");
-
 // Copyright 1999-2020. Plesk International GmbH. All rights reserved.
 
 /**
@@ -19,6 +15,5 @@ var _Menu = require("../Menu");
  * @since 3.10.0
  */
 const ListActionsDivider = props => /*#__PURE__*/_react.default.createElement(_Menu.MenuDivider, props);
-
 var _default = ListActionsDivider;
 exports.default = _default;

package/cjs/components/List/ListEmptyView.js

@@ -1,36 +1,25 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-
 var _react = _interopRequireDefault(require("react"));
-
 var _classnames = _interopRequireDefault(require("classnames"));
-
 var _Heading = _interopRequireDefault(require("../Heading"));
-
 var _Translate = _interopRequireDefault(require("../Translate"));
-
-var _default2 = _interopRequireDefault(require("./images/default.svg"));
-
-var _filtered = _interopRequireDefault(require("./images/filtered.svg"));
-
+var _default2 = _interopRequireDefault(require("./images/default.png"));
+var _filtered = _interopRequireDefault(require("./images/filtered.png"));
 var _constants = require("../../constants");
-
 // Copyright 1999-2020. Plesk International GmbH. All rights reserved.
+
 const createImage = (baseClassName, image, reason) => {
   if (image === undefined) {
     image = reason === 'filtered' ? _filtered.default : _default2.default;
   }
-
   let node = image;
-
   if (typeof image === 'string') {
     node = /*#__PURE__*/_react.default.createElement("img", {
       src: image,
@@ -38,12 +27,10 @@ const createImage = (baseClassName, image, reason) => {
       alt: ""
     });
   }
-
   return node ? /*#__PURE__*/_react.default.createElement("div", {
     className: `${baseClassName}__image`
   }, node) : null;
 };
-
 const createTitle = (baseClassName, title, reason) => {
   if (title === undefined) {
     title = reason === 'filtered' ? /*#__PURE__*/_react.default.createElement(_Translate.default, {
@@ -54,52 +41,49 @@ const createTitle = (baseClassName, title, reason) => {
       fallback: "Looks like there's nothing here"
     });
   }
-
   return /*#__PURE__*/_react.default.createElement(_Heading.default, {
     level: 3,
     className: `${baseClassName}__title`
   }, title);
 };
-
 const createDescription = (baseClassName, description, reason) => {
   if (description === undefined && !reason) {
     return null;
   }
-
   if (description === undefined && reason === 'filtered') {
     description = /*#__PURE__*/_react.default.createElement(_Translate.default, {
       content: "ListEmptyView.filteredDescription",
       fallback: "Refine your query or remove some of the criteria from the filter and try again."
     });
   }
-
   return /*#__PURE__*/_react.default.createElement("div", {
     className: `${baseClassName}__description`
   }, description);
 };
+
 /**
  * `ListEmptyView` component is used for displaying "empty" state of [List](#!/List)
  * when there are no any objects are added to the list.
  * @since 2.5.0
  */
-
-
-const ListEmptyView = ({
-  baseClassName = `${_constants.CLS_PREFIX}list-empty-view`,
-  className,
-  title,
-  image,
-  description,
-  actions,
-  reason,
-  ...props
-}) => /*#__PURE__*/_react.default.createElement("div", (0, _extends2.default)({
-  className: (0, _classnames.default)(baseClassName, className)
-}, props), createImage(baseClassName, image, reason), /*#__PURE__*/_react.default.createElement("div", {
-  className: `${baseClassName}__body`
-}, createTitle(baseClassName, title, reason), createDescription(baseClassName, description, reason), actions && /*#__PURE__*/_react.default.createElement("div", {
-  className: `${baseClassName}__actions`
-}, actions)));
-
+const ListEmptyView = _ref => {
+  let {
+    baseClassName = `${_constants.CLS_PREFIX}list-empty-view`,
+    className,
+    title,
+    image,
+    description,
+    actions,
+    reason,
+    ...props
+  } = _ref;
+  return /*#__PURE__*/_react.default.createElement("div", (0, _extends2.default)({
+    className: (0, _classnames.default)(baseClassName, className)
+  }, props), createImage(baseClassName, image, reason), /*#__PURE__*/_react.default.createElement("div", {
+    className: `${baseClassName}__body`
+  }, createTitle(baseClassName, title, reason), createDescription(baseClassName, description, reason), actions && /*#__PURE__*/_react.default.createElement("div", {
+    className: `${baseClassName}__actions`
+  }, actions)));
+};
 var _default = ListEmptyView;
 exports.default = _default;

package/cjs/components/List/ListOperation.js

@@ -1,86 +1,67 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _react = _interopRequireWildcard(require("react"));
-
 var _utils = require("../utils");
-
 var _ListOperationContext = _interopRequireDefault(require("./ListOperationContext"));
-
 var _Popover = _interopRequireDefault(require("../Popover"));
-
 var _Translate = _interopRequireDefault(require("../Translate"));
-
 var _Button = _interopRequireDefault(require("../Button"));
-
 var _Media = _interopRequireDefault(require("../Media"));
-
 var _Icon = _interopRequireDefault(require("../Icon"));
-
 var _Text = _interopRequireDefault(require("../Text"));
-
 var _Paragraph = _interopRequireDefault(require("../Paragraph"));
-
 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); }
-
 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-2020. Plesk International GmbH. All rights reserved.
+
 const toBold = value => value === undefined ? undefined : /*#__PURE__*/_react.default.createElement(_Text.default, {
   bold: true
 }, value);
-
 const getDefaultText = key => {
   let fallback;
-
   switch (key) {
     case 'cancelButton':
       fallback = 'Cancel';
       break;
-
     default:
       throw new Error('Unknown key');
   }
-
   const content = `ListOperation.${key}`;
   return /*#__PURE__*/_react.default.createElement(_Translate.default, {
     content: content,
     fallback: fallback
   });
 };
+
 /**
  * `ListOperation` component is used in [Toolbar](#!/Toolbar) for performing
  * operations on multiple objects in [List](#!/List).
  * @since 2.4.0
  */
-
-
-const ListOperation = ({
-  critical = false,
-  noSelectionText,
-  confirmationText,
-  actionButtonText,
-  cancelButtonText,
-  children,
-  ...props
-}) => {
+const ListOperation = _ref => {
+  let {
+    critical = false,
+    noSelectionText,
+    confirmationText,
+    actionButtonText,
+    cancelButtonText,
+    children,
+    ...props
+  } = _ref;
   const {
     selectedRows,
     selectedRowTitle
   } = (0, _react.useContext)(_ListOperationContext.default);
   const [settings, setSettings] = (0, _react.useState)();
   const targetRef = (0, _react.useRef)();
-
   if (! /*#__PURE__*/(0, _react.isValidElement)(children)) {
     throw new Error('The "children" property must be an element.');
   }
-
   const toText = prop => {
     if (typeof prop === 'function') {
       return prop({
@@ -88,13 +69,10 @@ const ListOperation = ({
         selectedRowTitle: toBold(selectedRowTitle)
       });
     }
-
     return prop;
   };
-
   const handleClick = e => {
     targetRef.current = e.currentTarget;
-
     switch (true) {
       case selectedRows && critical:
         setSettings({
@@ -104,7 +82,6 @@ const ListOperation = ({
           cancelButtonText: toText(cancelButtonText) || getDefaultText('cancelButton')
         });
         break;
-
       case !selectedRows && !critical:
         setSettings({
           message: toText(noSelectionText),
@@ -113,7 +90,6 @@ const ListOperation = ({
           cancelButtonText: toText(cancelButtonText) || getDefaultText('cancelButton')
         });
         break;
-
       case !selectedRows && critical:
         setSettings({
           message: toText(noSelectionText),
@@ -123,23 +99,20 @@ const ListOperation = ({
           })
         });
         break;
-
       case selectedRows && !critical:
         (0, _utils.safeInvoke)(children.props.onClick, e);
         break;
     }
   };
-
   const handleCancel = () => {
     setSettings(null);
   };
-
   const handleAction = e => {
     setSettings(null);
     (0, _utils.safeInvoke)(children.props.onClick, e);
   };
-
-  const target = /*#__PURE__*/(0, _react.cloneElement)(children, { ...props,
+  const target = /*#__PURE__*/(0, _react.cloneElement)(children, {
+    ...props,
     onClick: handleClick
   });
   return /*#__PURE__*/_react.default.createElement(_Popover.default, {
@@ -158,6 +131,5 @@ const ListOperation = ({
     onClick: handleCancel
   }, settings.cancelButtonText))));
 };
-
 var _default = ListOperation;
 exports.default = _default;

package/cjs/components/List/ListOperationContext.js

@@ -4,10 +4,9 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _react = require("react");
-
 // Copyright 1999-2019. Plesk International GmbH. All rights reserved.
+
 const ListOperationContext = /*#__PURE__*/(0, _react.createContext)({
   selectedRows: 0
 });

package/cjs/components/List/example-data/domains.js

@@ -1,39 +1,29 @@
 "use strict";
 
 // Copyright 1999-2019. Plesk International GmbH. All rights reserved.
+
 const vowels = ['a', 'e', 'i', 'o', 'u'];
 const consonants = ['b', 'c', 'd', 'f', 'g', 'h', 'j', 'k', 'l', 'm', 'n', 'p', 'q', 'r', 's', 't', 'v', 'w', 'x', 'y', 'z'];
-
 const getRandomValue = array => {
   const index = Math.floor(Math.random() * array.length);
   return array[index];
 };
-
 const getRandomLetter = letters => getRandomValue(letters);
-
 const getRandomNumber = (min, max) => min + Math.floor(Math.random() * (max - min + 1));
-
 const getRandomWord = () => {
   let result = '';
   const length = getRandomNumber(5, 8);
   let consonant = Math.random() > 0.2;
-
   while (result.length < length) {
     result += getRandomLetter(consonant ? consonants : vowels);
     consonant = !consonant;
   }
-
   return result;
 };
-
 const getRandomSuffix = () => getRandomValue(['.com', '.net', '.org', '.edu']);
-
 const getRandomDomain = () => getRandomWord() + getRandomSuffix();
-
 const getRandomMarks = () => ['Debug', 'Maintenance mode', 'Have issues', 'Broken', 'Quarantined', 'Update available', 'Have security issues'].filter(() => Math.random() > 0.95);
-
 const data = [];
-
 for (let i = 0; i < 120; i++) {
   data.push({
     key: String(i + 1),
@@ -41,5 +31,4 @@ for (let i = 0; i < 120; i++) {
     marks: getRandomMarks()
   });
 }
-
 module.exports = data;