@plesk/ui-library 3.31.0 → 3.31.2

package/cjs/components/ItemList/ItemList.js

@@ -1,52 +1,35 @@
 "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 _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-
 var _react = _interopRequireWildcard(require("react"));
-
 var _classnames = _interopRequireDefault(require("classnames"));
-
 var _constants = require("../../constants");
-
 var _Grid = _interopRequireDefault(require("../Grid"));
-
 var _GridCol = _interopRequireDefault(require("../GridCol"));
-
 var _utils = require("../utils");
-
 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; }
-
+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-2021. Plesk International GmbH. All rights reserved.
 const getNextSelectedValue = (value, prevValue, toggleable) => {
   if (Array.isArray(prevValue)) {
     if (prevValue.indexOf(value) !== -1) {
       if (toggleable) {
         return prevValue.filter(v => v !== value);
       }
-
       return prevValue;
     }
-
     return [...prevValue, value];
   }
-
   if (toggleable && prevValue === value) {
     return null;
   }
-
   return value;
 };
-
 /**
  * `ItemList` component is used for displaying list of [Items](#!/Item)
  * according to [Grid](#!/Grid) principle.
@@ -54,8 +37,8 @@ const getNextSelectedValue = (value, prevValue, toggleable) => {
  */
 class ItemList extends _react.Component {
   constructor(_props) {
-    super(_props); // eslint-disable-next-line react/state-in-constructor
-
+    super(_props);
+    // eslint-disable-next-line react/state-in-constructor
     (0, _defineProperty2.default)(this, "createItemProps", item => {
       const {
         baseClassName,
@@ -66,19 +49,16 @@ class ItemList extends _react.Component {
       } = this.props;
       const classNameList = [`${baseClassName}__item`];
       const props = {};
-
       if (selectable && item.props.value !== undefined) {
         const {
           value
         } = this.state;
         const itemValue = item.props.value;
-
         if (Array.isArray(value) && value.indexOf(itemValue) !== -1) {
           classNameList.push(`${baseClassName}__item--selected`);
         } else if (value === itemValue) {
           classNameList.push(`${baseClassName}__item--selected`);
         }
-
         props.onClick = e => {
           (0, _utils.safeInvoke)(item.props.onClick, e);
           const nextValue = getNextSelectedValue(itemValue, value, selectable === 'toggleable' || selectable === 'multiple');
@@ -87,17 +67,15 @@ class ItemList extends _react.Component {
           });
           (0, _utils.safeInvoke)(onSelect, nextValue);
         };
-      } // Extends hoverable behavior from the ItemList in case if its child doesn't have its own
-
+      }
 
+      // Extends hoverable behavior from the ItemList in case if its child doesn't have its own
       if (item.props.hoverable === undefined) {
         props.hoverable = hoverable && this.canManageHoverableState();
       }
-
       if (reorderable) {
         classNameList.push(`${baseClassName}__item--reorderable`);
       }
-
       classNameList.push(item.props.className);
       props.className = (0, _classnames.default)(...classNameList);
       return props;
@@ -108,23 +86,21 @@ class ItemList extends _react.Component {
       value: typeof _props.defaultValue === 'undefined' ? null : _props.defaultValue
     };
   }
-
-  static getDerivedStateFromProps({
-    selectable,
-    value: propValue
-  }, state) {
+  static getDerivedStateFromProps(_ref, state) {
+    let {
+      selectable,
+      value: propValue
+    } = _ref;
     if (selectable) {
       const multiple = selectable === 'multiple';
       const safeValue = multiple ? [] : null;
       const value = typeof propValue === 'undefined' ? state.value : propValue;
-
       if (multiple && !Array.isArray(value)) {
         if (value) {
           return {
             value: [value]
           };
         }
-
         return {
           value: safeValue
         };
@@ -134,31 +110,27 @@ class ItemList extends _react.Component {
             value: value[0]
           };
         }
-
         return {
           value: safeValue
         };
       }
-
       return {
         value
       };
     }
-
     return null;
   }
-
   componentDidMount() {
     const {
       reorderable
     } = this.props;
-
     if (reorderable) {
       // @ts-ignore
-      Promise.resolve().then(() => _interopRequireWildcard(require('react-sortable-hoc'))).then(({
-        sortableContainer,
-        sortableElement
-      }) => {
+      Promise.resolve().then(() => _interopRequireWildcard(require( /* webpackChunkName: "react-sortable-hoc" */'react-sortable-hoc'))).then(_ref2 => {
+        let {
+          sortableContainer,
+          sortableElement
+        } = _ref2;
         this.setState({
           ReorderableGrid: sortableContainer(_Grid.default),
           ReorderableGridCol: sortableElement(_GridCol.default)
@@ -166,39 +138,34 @@ class ItemList extends _react.Component {
       });
     }
   }
-
-  renderNormal({
-    baseClassName,
-    children,
-    ...props
-  }) {
+  renderNormal(_ref3) {
+    let {
+      baseClassName,
+      children,
+      ...props
+    } = _ref3;
     return /*#__PURE__*/_react.default.createElement(_Grid.default, props, _react.Children.map(children, child => {
       if ( /*#__PURE__*/(0, _react.isValidElement)(child)) {
         return /*#__PURE__*/_react.default.createElement(_GridCol.default, {
           className: (0, _classnames.default)(`${baseClassName}__col`)
         }, /*#__PURE__*/(0, _react.cloneElement)(child, this.createItemProps(child)));
       }
-
       return null;
     }));
   }
-
   someChild(predicate) {
     let result = false;
-
     _react.Children.forEach(this.props.children, child => {
       if (child && predicate(child)) {
         result = true;
       }
     });
-
     return result;
   }
+
   /**
    * There are some states where we can't manage hoverable state
    */
-
-
   canManageHoverableState() {
     const {
       reorderable,
@@ -206,38 +173,32 @@ class ItemList extends _react.Component {
     } = this.props;
     return !reorderable && !selectable;
   }
-
   isHoverable() {
     if (!this.canManageHoverableState()) {
       return false;
     }
-
     return this.props.hoverable || this.hasHoverableCard();
   }
-
   hasViewCard() {
     return this.someChild(child => child.props && child.props.view === 'card');
   }
-
   hasHoverableCard() {
     return this.someChild(child => child.props && !!child.props.hoverable);
   }
-
-  renderReorderable({
-    baseClassName,
-    onReorderEnd,
-    children,
-    ...props
-  }) {
+  renderReorderable(_ref4) {
+    let {
+      baseClassName,
+      onReorderEnd,
+      children,
+      ...props
+    } = _ref4;
     const {
       ReorderableGrid,
       ReorderableGridCol
     } = this.state;
-
     if (!ReorderableGrid) {
       return null;
     }
-
     const helperClass = (0, _classnames.default)({
       [`${baseClassName}__col--gap-xs`]: props.gap === 'xs',
       [`${baseClassName}__col--gap-sm`]: props.gap === 'sm',
@@ -260,11 +221,9 @@ class ItemList extends _react.Component {
           disabled: disabled
         }, /*#__PURE__*/(0, _react.cloneElement)(child, this.createItemProps(child)));
       }
-
       return null;
     }));
   }
-
   render() {
     const {
       className,
@@ -290,9 +249,7 @@ class ItemList extends _react.Component {
       ...props
     }) : this.renderNormal(props));
   }
-
 }
-
 (0, _defineProperty2.default)(ItemList, "defaultProps", {
   hoverable: true,
   stretchable: false,

package/cjs/components/ItemList/ItemList.stories.js

@@ -1,27 +1,19 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.Selectables = exports.Reorderables = exports.HoverableItems = exports.HoverableItemList = exports.Cards = exports.Basic = void 0;
-
 var _react = _interopRequireWildcard(require("react"));
-
 var _ItemList = _interopRequireDefault(require("./ItemList"));
-
 var _Item = _interopRequireDefault(require("../Item"));
-
 var _Icon = _interopRequireDefault(require("../Icon"));
-
 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-2021. Plesk International GmbH. All rights reserved.
-const Basic = args => /*#__PURE__*/_react.default.createElement(_ItemList.default, args);
 
+const Basic = args => /*#__PURE__*/_react.default.createElement(_ItemList.default, args);
 exports.Basic = Basic;
 Basic.args = {
   minColumnWidth: 220,
@@ -77,7 +69,8 @@ Basic.args = {
 };
 const Cards = Basic.bind(null);
 exports.Cards = Cards;
-Cards.args = { ...Basic.args,
+Cards.args = {
+  ...Basic.args,
   children: Basic.args.children.map(child => {
     return child ? /*#__PURE__*/(0, _react.cloneElement)(child, {
       view: 'card',
@@ -87,25 +80,27 @@ Cards.args = { ...Basic.args,
 };
 const Reorderables = Basic.bind(null);
 exports.Reorderables = Reorderables;
-Reorderables.args = { ...Basic.args,
+Reorderables.args = {
+  ...Basic.args,
   reorderable: true
 };
 const Selectables = Basic.bind(null);
 exports.Selectables = Selectables;
-Selectables.args = { ...Basic.args,
+Selectables.args = {
+  ...Basic.args,
   selectable: true,
   defaultValue: '2'
 };
 const HoverableItemList = Basic.bind(null);
 exports.HoverableItemList = HoverableItemList;
-HoverableItemList.args = { ...Basic.args,
+HoverableItemList.args = {
+  ...Basic.args,
   hoverable: true,
   defaultValue: '2',
   children: Basic.args.children.map((child, index) => {
     if (!child) {
       return null;
     }
-
     return /*#__PURE__*/(0, _react.cloneElement)(child, {
       hoverable: index === 0 ? false : undefined
     });
@@ -113,14 +108,14 @@ HoverableItemList.args = { ...Basic.args,
 };
 const HoverableItems = Basic.bind(null);
 exports.HoverableItems = HoverableItems;
-HoverableItems.args = { ...Basic.args,
+HoverableItems.args = {
+  ...Basic.args,
   hoverable: false,
   defaultValue: '2',
   children: Basic.args.children.map((child, index) => {
     if (!child) {
       return null;
     }
-
     return /*#__PURE__*/(0, _react.cloneElement)(child, {
       hoverable: index % 2 === 0
     });

package/cjs/components/ItemList/index.js

@@ -1,7 +1,6 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
@@ -11,5 +10,4 @@ Object.defineProperty(exports, "default", {
     return _ItemList.default;
   }
 });
-
 var _ItemList = _interopRequireDefault(require("./ItemList"));

package/cjs/components/Label/Label.js

@@ -1,35 +1,31 @@
 "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 _constants = require("../../constants");
-
 // Copyright 1999-2020. Plesk International GmbH. All rights reserved.
 
 /**
  * `Label` component is used for showing multiple characteristics or attributes of an object.
  * @since 0.0.42
  */
-const Label = ({
-  baseClassName = `${_constants.CLS_PREFIX}label`,
-  className,
-  intent,
-  children,
-  ...props
-}) => /*#__PURE__*/_react.default.createElement("span", (0, _extends2.default)({
-  className: (0, _classnames.default)(baseClassName, intent && `${baseClassName}--${intent}`, className)
-}, props), children);
-
+const Label = _ref => {
+  let {
+    baseClassName = `${_constants.CLS_PREFIX}label`,
+    className,
+    intent,
+    children,
+    ...props
+  } = _ref;
+  return /*#__PURE__*/_react.default.createElement("span", (0, _extends2.default)({
+    className: (0, _classnames.default)(baseClassName, intent && `${baseClassName}--${intent}`, className)
+  }, props), children);
+};
 var _default = Label;
 exports.default = _default;

package/cjs/components/Label/index.js

@@ -1,7 +1,6 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
@@ -11,5 +10,4 @@ Object.defineProperty(exports, "default", {
     return _Label.default;
   }
 });
-
 var _Label = _interopRequireDefault(require("./Label"));

package/cjs/components/Layer/Layer.js

@@ -1,57 +1,47 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = exports.PortalContext = void 0;
-
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-
 var _react = _interopRequireWildcard(require("react"));
-
 var _reactDom = require("react-dom");
-
 var _classnames = _interopRequireDefault(require("classnames"));
-
 var _constants = require("../../constants");
-
 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-2019. Plesk International GmbH. All rights reserved.
+
 const LevelContext = /*#__PURE__*/(0, _react.createContext)(0);
 const PortalContext = /*#__PURE__*/(0, _react.createContext)(undefined);
 exports.PortalContext = PortalContext;
-
 /**
  * `Layer` component.
  */
-const Layer = ({
-  baseClassName = `${_constants.CLS_PREFIX}layer`,
-  className,
-  children,
-  innerRef,
-  level = 0,
-  ...props
-}) => {
+const Layer = _ref => {
+  let {
+    baseClassName = `${_constants.CLS_PREFIX}layer`,
+    className,
+    children,
+    innerRef,
+    level = 0,
+    ...props
+  } = _ref;
   const parentLevel = (0, _react.useContext)(LevelContext);
   const container = (0, _react.useContext)(PortalContext) || document.body;
-
   const renderChildren = () => {
     if ( /*#__PURE__*/(0, _react.isValidElement)(children)) {
       return /*#__PURE__*/(0, _react.cloneElement)(children, {
-        style: { ...children.props.style,
+        style: {
+          ...children.props.style,
           zIndex: parentLevel + level
         }
       });
     }
-
     return children;
   };
-
   return /*#__PURE__*/(0, _reactDom.createPortal)( /*#__PURE__*/_react.default.createElement(LevelContext.Provider, {
     value: parentLevel + level
   }, /*#__PURE__*/_react.default.createElement("div", (0, _extends2.default)({
@@ -59,6 +49,5 @@ const Layer = ({
     ref: innerRef
   }, props), renderChildren())), container);
 };
-
 var _default = Layer;
 exports.default = _default;

package/cjs/components/Layer/index.js

@@ -10,9 +10,7 @@ Object.defineProperty(exports, "default", {
     return _Layer.default;
   }
 });
-
 var _Layer = _interopRequireWildcard(require("./Layer"));
-
 Object.keys(_Layer).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;
   if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
@@ -24,7 +22,5 @@ Object.keys(_Layer).forEach(function (key) {
     }
   });
 });
-
 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; }