@plesk/ui-library 3.31.0 → 3.31.2

package/cjs/components/ContentLoader/ContentLoader.js

@@ -1,81 +1,67 @@
 "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 _Spinner = _interopRequireDefault(require("../Spinner"));
-
 var _IconsLoader = _interopRequireDefault(require("./IconsLoader"));
-
 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-2020. Plesk International GmbH. All rights reserved.
+
 const getLoader = loader => {
   let loaderType;
   let loaderProps = {};
-
   if (typeof loader === 'object') {
     ({
       type: loaderType,
       ...loaderProps
     } = loader);
   }
-
   if (typeof loader === 'string') {
     loaderType = loader;
   }
-
   return {
     loaderType,
     loaderProps
   };
 };
+
 /**
  * `ContentLoader` component is used as placeholder which indicates that the system is loading requested content.
  * @since 1.1.0
  */
-
-
-const ContentLoader = ({
-  baseClassName = `${_constants.CLS_PREFIX}content-loader`,
-  className,
-  text,
-  overlay = false,
-  children,
-  backdrop = false,
-  blur = false,
-  loading = true,
-  loader = 'spinner',
-  spinner,
-  ...props
-}) => {
+const ContentLoader = _ref => {
+  let {
+    baseClassName = `${_constants.CLS_PREFIX}content-loader`,
+    className,
+    text,
+    overlay = false,
+    children,
+    backdrop = false,
+    blur = false,
+    loading = true,
+    loader = 'spinner',
+    spinner,
+    ...props
+  } = _ref;
   if (!loading) {
     // workaround for FunctionComponent type which doesn't allow ReactNode as return type
     // https://github.com/DefinitelyTyped/DefinitelyTyped/issues/20544
     const tmp = children;
     return tmp;
   }
-
   if (_react.Children.toArray(children).length && overlay) {
     children = /*#__PURE__*/_react.default.createElement("div", {
       className: (0, _classnames.default)(`${baseClassName}__content`, blur && `${baseClassName}__content--blur`)
     }, children);
   }
-
   const {
     loaderType,
     loaderProps
@@ -93,6 +79,5 @@ const ContentLoader = ({
     className: `${baseClassName}__text`
   }, text))));
 };
-
 var _default = ContentLoader;
 exports.default = _default;

package/cjs/components/ContentLoader/IconsLoader.js

@@ -1,78 +1,62 @@
 "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 _Icon = _interopRequireDefault(require("../Icon"));
-
 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-2022. Plesk International GmbH. All rights reserved.
-const DEFAULT_ICONS = ['clock', 'emoticon-smile', 'rocket', 'sand-clock', 'sleep', 'web', 'star'];
 
+const DEFAULT_ICONS = ['clock', 'emoticon-smile', 'rocket', 'sand-clock', 'sleep', 'web', 'star'];
 const useIconCursor = (icons, initialCursor, isSync) => {
   const targetRef = (0, _react.useRef)(null);
   const [cursor, setCursor] = (0, _react.useState)(initialCursor);
   (0, _react.useEffect)(() => {
     const target = targetRef.current;
-
     const listener = () => {
       if (isSync()) {
         setCursor(c => (c + 2) % icons.length);
       }
     };
-
     if (target) {
       target.addEventListener('animationiteration', listener);
     }
-
     return () => {
       if (target) {
         target.removeEventListener('animationiteration', listener);
       }
-    }; // eslint-disable-next-line react-hooks/exhaustive-deps
+    };
+    // eslint-disable-next-line react-hooks/exhaustive-deps
   }, [icons]);
   return [icons[cursor], targetRef];
 };
-
-const IconsLoader = ({
-  baseClassName = `${_constants.CLS_PREFIX}icons-loader`,
-  className,
-  icons,
-  size,
-  style,
-  ...props
-}) => {
-  var _icons;
-
+const IconsLoader = _ref => {
+  let {
+    baseClassName = `${_constants.CLS_PREFIX}icons-loader`,
+    className,
+    icons,
+    size,
+    style,
+    ...props
+  } = _ref;
   const syncRef = (0, _react.useRef)('icon1');
-
-  if (!((_icons = icons) !== null && _icons !== void 0 && _icons.length)) {
+  if (!icons?.length) {
     icons = DEFAULT_ICONS;
   } else if (icons.length === 1) {
     icons = [icons[0], icons[0]];
   }
-
   const [icon1, icon1Ref] = useIconCursor(icons, 0, () => {
     if (syncRef.current === 'icon1') {
       syncRef.current = 'icon2';
       return true;
     }
-
     return false;
   });
   const [icon2, icon2Ref] = useIconCursor(icons, 1, () => {
@@ -80,12 +64,12 @@ const IconsLoader = ({
       syncRef.current = 'icon1';
       return true;
     }
-
     return false;
   });
   return /*#__PURE__*/_react.default.createElement("div", (0, _extends2.default)({
     className: (0, _classnames.default)(baseClassName, className),
-    style: { ...style,
+    style: {
+      ...style,
       ['--icons-loader-size']: size ? size : undefined
     }
   }, props), /*#__PURE__*/_react.default.createElement("div", {
@@ -100,6 +84,5 @@ const IconsLoader = ({
     size: size ? size : '64'
   })));
 };
-
 var _default = IconsLoader;
 exports.default = _default;

package/cjs/components/ContentLoader/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 _ContentLoader.default;
   }
 });
-
 var _ContentLoader = _interopRequireDefault(require("./ContentLoader"));

package/cjs/components/Cuttable/Cuttable.js

@@ -1,34 +1,21 @@
 "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 _reactMeasure = _interopRequireDefault(require("react-measure"));
-
 var _constants = require("../../constants");
-
 var _Translate = _interopRequireDefault(require("../Translate"));
-
 var _Link = _interopRequireDefault(require("../Link"));
-
 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.
-
 /* eslint-disable react/no-did-mount-set-state */
 
 /**
@@ -36,28 +23,29 @@ function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj &&
  * @since 0.0.42
  */
 class Cuttable extends _react.Component {
-  constructor(...args) {
-    super(...args);
+  constructor() {
+    super(...arguments);
     (0, _defineProperty2.default)(this, "state", {
       collapsed: undefined,
       autofit: true
     });
     (0, _defineProperty2.default)(this, "contentRef", /*#__PURE__*/(0, _react.createRef)());
     (0, _defineProperty2.default)(this, "handleToggle", () => {
-      this.setState(({
-        collapsed
-      }) => ({
-        collapsed: !collapsed,
-        autofit: false
-      }));
+      this.setState(_ref => {
+        let {
+          collapsed
+        } = _ref;
+        return {
+          collapsed: !collapsed,
+          autofit: false
+        };
+      });
     });
     (0, _defineProperty2.default)(this, "handleResize", () => {
       if (!this.state.autofit) {
         return;
       }
-
       const content = this.contentRef.current;
-
       if (content && content.scrollHeight > content.clientHeight) {
         this.setState({
           collapsed: this.props.collapsed
@@ -65,7 +53,6 @@ class Cuttable extends _react.Component {
       }
     });
   }
-
   render() {
     const {
       baseClassName,
@@ -87,15 +74,18 @@ class Cuttable extends _react.Component {
       innerRef: el => {
         this.contentRef.current = el;
       }
-    }, ({
-      measureRef
-    }) => /*#__PURE__*/_react.default.createElement("div", {
-      className: `${baseClassName}__content`,
-      style: {
-        maxHeight
-      },
-      ref: measureRef
-    }, children)), this.state.collapsed !== undefined && /*#__PURE__*/_react.default.createElement("div", {
+    }, _ref2 => {
+      let {
+        measureRef
+      } = _ref2;
+      return /*#__PURE__*/_react.default.createElement("div", {
+        className: `${baseClassName}__content`,
+        style: {
+          maxHeight
+        },
+        ref: measureRef
+      }, children);
+    }), this.state.collapsed !== undefined && /*#__PURE__*/_react.default.createElement("div", {
       className: `${baseClassName}__action`
     }, /*#__PURE__*/_react.default.createElement(_Link.default, {
       onClick: this.handleToggle
@@ -104,9 +94,7 @@ class Cuttable extends _react.Component {
       fallback: locale[showMoreLessKey]
     }))));
   }
-
 }
-
 (0, _defineProperty2.default)(Cuttable, "defaultProps", {
   collapsed: true,
   maxHeight: '7rem',

package/cjs/components/Cuttable/Cuttable.stories.js

@@ -1,30 +1,22 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.WithItemList = exports.Basic = void 0;
-
 var _react = _interopRequireDefault(require("react"));
-
 var _Cuttable = _interopRequireDefault(require("./Cuttable"));
-
 var _Paragraph = _interopRequireDefault(require("../Paragraph"));
-
 var _ItemList = require("../ItemList/ItemList.stories");
-
 // Copyright 1999-2020. Plesk International GmbH. All rights reserved.
-const Basic = args => /*#__PURE__*/_react.default.createElement(_Cuttable.default, args);
 
+const Basic = args => /*#__PURE__*/_react.default.createElement(_Cuttable.default, args);
 exports.Basic = Basic;
 Basic.args = {
   children: /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_Paragraph.default, null, 'Text 1'), /*#__PURE__*/_react.default.createElement(_Paragraph.default, null, 'Text 2'), /*#__PURE__*/_react.default.createElement(_Paragraph.default, null, 'Text 3'), /*#__PURE__*/_react.default.createElement(_Paragraph.default, null, 'Text 4'), /*#__PURE__*/_react.default.createElement(_Paragraph.default, null, 'Text 5'), /*#__PURE__*/_react.default.createElement(_Paragraph.default, null, 'Text 6'), /*#__PURE__*/_react.default.createElement(_Paragraph.default, null, 'Text 7'))
 };
-
 const WithItemList = args => /*#__PURE__*/_react.default.createElement(_Cuttable.default, args);
-
 exports.WithItemList = WithItemList;
 WithItemList.args = {
   maxHeight: 60,

package/cjs/components/Cuttable/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 _Cuttable.default;
   }
 });
-
 var _Cuttable = _interopRequireDefault(require("./Cuttable"));