@plesk/ui-library 3.31.0 → 3.31.2

package/cjs/components/Select/index.js

@@ -1,7 +1,6 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
@@ -23,9 +22,6 @@ Object.defineProperty(exports, "default", {
     return _Select.default;
   }
 });
-
 var _Select = _interopRequireDefault(require("./Select"));
-
 var _SelectOption = _interopRequireDefault(require("./SelectOption"));
-
 var _SelectOptionGroup = _interopRequireDefault(require("./SelectOptionGroup"));

package/cjs/components/Skeleton/Skeleton.js

@@ -1,22 +1,15 @@
 "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 _utils = require("../utils");
-
 var _constants = require("../../constants");
-
 // Copyright 1999-2022. Plesk International GmbH. All rights reserved.
 
 /**
@@ -24,17 +17,19 @@ var _constants = require("../../constants");
  * Skeleton is used for non-text components, images, media-objects, etc.
  * @since 3.28.0
  */
-const Skeleton = ({
-  width,
-  maxWidth,
-  height,
-  style,
-  component: Tag = 'span',
-  className,
-  baseClassName = `${_constants.CLS_PREFIX}skeleton`,
-  ...props
-}) => {
-  const finalStyle = { ...style,
+const Skeleton = _ref => {
+  let {
+    width,
+    maxWidth,
+    height,
+    style,
+    component: Tag = 'span',
+    className,
+    baseClassName = `${_constants.CLS_PREFIX}skeleton`,
+    ...props
+  } = _ref;
+  const finalStyle = {
+    ...style,
     width: (0, _utils.normalizeSize)(width),
     maxWidth: (0, _utils.normalizeSize)(maxWidth),
     height: (0, _utils.normalizeSize)(height)
@@ -44,6 +39,5 @@ const Skeleton = ({
     style: finalStyle
   }, props));
 };
-
 var _default = Skeleton;
 exports.default = _default;

package/cjs/components/Skeleton/Skeleton.stories.js

@@ -1,24 +1,18 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.CustomSize = exports.Basic = void 0;
-
 var _react = _interopRequireDefault(require("react"));
-
 var _Skeleton = _interopRequireDefault(require("./Skeleton"));
-
 // Copyright 1999-2022. Plesk International GmbH. All rights reserved.
-const Basic = args => /*#__PURE__*/_react.default.createElement(_Skeleton.default, args);
 
+const Basic = args => /*#__PURE__*/_react.default.createElement(_Skeleton.default, args);
 exports.Basic = Basic;
 Basic.args = {};
-
 const CustomSize = args => /*#__PURE__*/_react.default.createElement(Basic, args);
-
 exports.CustomSize = CustomSize;
 CustomSize.args = {
   width: 200,

package/cjs/components/Skeleton/SkeletonTabs.js

@@ -1,41 +1,36 @@
 "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 _SkeletonText = _interopRequireDefault(require("./SkeletonText"));
-
 var _constants = require("../../constants");
-
 // Copyright 1999-2022. Plesk International GmbH. All rights reserved.
 
 /**
  * Skeleton for tabs component
  * @since `3.28.0
  */
-const SkeletonTabs = ({
-  count = 3,
-  className,
-  baseClassName = `${_constants.CLS_PREFIX}skeleton-tabs`,
-  ...props
-}) => /*#__PURE__*/_react.default.createElement("div", (0, _extends2.default)({
-  className: (0, _classnames.default)(baseClassName, className)
-}, props), /*#__PURE__*/_react.default.createElement(_SkeletonText.default, {
-  lineProps: {
-    maxWidth: 100
-  },
-  lines: count
-}));
-
+const SkeletonTabs = _ref => {
+  let {
+    count = 3,
+    className,
+    baseClassName = `${_constants.CLS_PREFIX}skeleton-tabs`,
+    ...props
+  } = _ref;
+  return /*#__PURE__*/_react.default.createElement("div", (0, _extends2.default)({
+    className: (0, _classnames.default)(baseClassName, className)
+  }, props), /*#__PURE__*/_react.default.createElement(_SkeletonText.default, {
+    lineProps: {
+      maxWidth: 100
+    },
+    lines: count
+  }));
+};
 var _default = SkeletonTabs;
 exports.default = _default;

package/cjs/components/Skeleton/SkeletonTabs.stories.js

@@ -1,17 +1,13 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.Basic = void 0;
-
 var _react = _interopRequireDefault(require("react"));
-
 var _SkeletonTabs = _interopRequireDefault(require("./SkeletonTabs"));
-
 // Copyright 1999-2022. Plesk International GmbH. All rights reserved.
-const Basic = args => /*#__PURE__*/_react.default.createElement(_SkeletonTabs.default, args);
 
+const Basic = args => /*#__PURE__*/_react.default.createElement(_SkeletonTabs.default, args);
 exports.Basic = Basic;

package/cjs/components/Skeleton/SkeletonText.js

@@ -1,45 +1,41 @@
 "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 _Skeleton = _interopRequireDefault(require("./Skeleton"));
-
 var _constants = require("../../constants");
-
 // Copyright 1999-2022. Plesk International GmbH. All rights reserved.
 
 /**
  * Skeleton for text-containing components. Is can be used inside Paragraph, as title, or single text
  * @since 3.28.0
  */
-const SkeletonText = ({
-  lines = 3,
-  component: Tag = 'span',
-  className,
-  baseClassName = `${_constants.CLS_PREFIX}skeleton-text`,
-  lineProps = {},
-  ...props
-}) => /*#__PURE__*/_react.default.createElement(Tag, (0, _extends2.default)({
-  className: (0, _classnames.default)(baseClassName, className)
-}, props), Array.from({
-  length: lines
-}).map((_, key) => /*#__PURE__*/_react.default.createElement(_Skeleton.default // eslint-disable-next-line react/no-array-index-key
-, (0, _extends2.default)({
-  key: key
-}, lineProps, {
-  className: (0, _classnames.default)(`${baseClassName}__line`, lineProps === null || lineProps === void 0 ? void 0 : lineProps.className)
-}))));
-
+const SkeletonText = _ref => {
+  let {
+    lines = 3,
+    component: Tag = 'span',
+    className,
+    baseClassName = `${_constants.CLS_PREFIX}skeleton-text`,
+    lineProps = {},
+    ...props
+  } = _ref;
+  return /*#__PURE__*/_react.default.createElement(Tag, (0, _extends2.default)({
+    className: (0, _classnames.default)(baseClassName, className)
+  }, props), Array.from({
+    length: lines
+  }).map((_, key) => /*#__PURE__*/_react.default.createElement(_Skeleton.default
+  // eslint-disable-next-line react/no-array-index-key
+  , (0, _extends2.default)({
+    key: key
+  }, lineProps, {
+    className: (0, _classnames.default)(`${baseClassName}__line`, lineProps?.className)
+  }))));
+};
 var _default = SkeletonText;
 exports.default = _default;

package/cjs/components/Skeleton/SkeletonText.stories.js

@@ -1,31 +1,23 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.LinesCount = exports.Custom = exports.Basic = void 0;
-
 var _react = _interopRequireDefault(require("react"));
-
 var _SkeletonText = _interopRequireDefault(require("./SkeletonText"));
-
 // Copyright 1999-2022. Plesk International GmbH. All rights reserved.
-const Basic = args => /*#__PURE__*/_react.default.createElement(_SkeletonText.default, args);
 
+const Basic = args => /*#__PURE__*/_react.default.createElement(_SkeletonText.default, args);
 exports.Basic = Basic;
 Basic.args = {};
-
 const LinesCount = args => /*#__PURE__*/_react.default.createElement(Basic, args);
-
 exports.LinesCount = LinesCount;
 LinesCount.args = {
   lines: 5
 };
-
 const Custom = args => /*#__PURE__*/_react.default.createElement(Basic, args);
-
 exports.Custom = Custom;
 Custom.args = {
   lines: 5,

package/cjs/components/Skeleton/index.js

@@ -1,7 +1,6 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
@@ -23,9 +22,6 @@ Object.defineProperty(exports, "default", {
     return _Skeleton.default;
   }
 });
-
 var _Skeleton = _interopRequireDefault(require("./Skeleton"));
-
 var _SkeletonText = _interopRequireDefault(require("./SkeletonText"));
-
 var _SkeletonTabs = _interopRequireDefault(require("./SkeletonTabs"));

package/cjs/components/Spinner/Spinner.js

@@ -1,43 +1,39 @@
 "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-2019. Plesk International GmbH. All rights reserved.
 
 /**
  * `Spinner` component.
  */
-const Spinner = ({
-  baseClassName = `${_constants.CLS_PREFIX}spinner`,
-  className,
-  ...props
-}) => /*#__PURE__*/_react.default.createElement("svg", (0, _extends2.default)({
-  className: (0, _classnames.default)(baseClassName, className)
-}, props, {
-  viewBox: "0 0 48 48",
-  xmlns: "http://www.w3.org/2000/svg"
-}), /*#__PURE__*/_react.default.createElement("circle", {
-  className: `${baseClassName}__path`,
-  fill: "none",
-  strokeWidth: "6",
-  strokeLinecap: "round",
-  cx: "24",
-  cy: "24",
-  r: "21"
-}));
-
+const Spinner = _ref => {
+  let {
+    baseClassName = `${_constants.CLS_PREFIX}spinner`,
+    className,
+    ...props
+  } = _ref;
+  return /*#__PURE__*/_react.default.createElement("svg", (0, _extends2.default)({
+    className: (0, _classnames.default)(baseClassName, className)
+  }, props, {
+    viewBox: "0 0 48 48",
+    xmlns: "http://www.w3.org/2000/svg"
+  }), /*#__PURE__*/_react.default.createElement("circle", {
+    className: `${baseClassName}__path`,
+    fill: "none",
+    strokeWidth: "6",
+    strokeLinecap: "round",
+    cx: "24",
+    cy: "24",
+    r: "21"
+  }));
+};
 var _default = Spinner;
 exports.default = _default;

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

package/cjs/components/SplitButton/SplitButton.js

@@ -1,81 +1,63 @@
 "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 _propTypes = _interopRequireDefault(require("prop-types"));
-
 var _classnames = _interopRequireDefault(require("classnames"));
-
 var _constants = require("../../constants");
-
 var _Button = _interopRequireDefault(require("../Button"));
-
 var _ButtonGroup = _interopRequireDefault(require("../ButtonGroup"));
-
 var _Dropdown = _interopRequireDefault(require("../Dropdown"));
-
 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; }
-
 // Copyright 1999-2020. Plesk International GmbH. All rights reserved.
+
 const focusStrategy = {
   getNext(container, element) {
     const elements = container.children;
     const index = Array.prototype.indexOf.call(elements, element);
-
     if (index === 0) {
       return elements[1].firstElementChild;
     }
-
     return undefined;
   },
-
   getPrev(container, element) {
     if (element === container.children[1].querySelector('button')) {
       return container.children[0];
     }
-
     return undefined;
   },
-
   getFirst(container) {
     return container.children[0];
   },
-
   getLast(container) {
     return container.children[1].querySelector('button');
   }
-
 };
+
 /**
  * `Split Button` is a combination of a standard [Button](#!/Button) with a [Dropdown](#!/Dropdown) menu.
  * It is used for grouping several related actions when one of the actions should be accessible immediately
  * because it is used more often than others.
  * @since 0.0.40
  */
-
-const SplitButton = ({
-  baseClassName,
-  className,
-  menu,
-  children,
-  opened,
-  onClick,
-  onKeyDown,
-  ...props
-}) => {
+const SplitButton = _ref => {
+  let {
+    baseClassName,
+    className,
+    menu,
+    children,
+    opened,
+    onClick,
+    onKeyDown,
+    ...props
+  } = _ref;
   const rootRef = (0, _react.useRef)();
   const {
     focusNext,
@@ -83,13 +65,11 @@ const SplitButton = ({
   } = (0, _utils.createFocusManager)(rootRef, undefined, focusStrategy);
   const handleKeyDown = (0, _utils.wrapFunction)(onKeyDown, e => {
     e.stopPropagation();
-
     switch (e.key) {
       case 'ArrowLeft':
         e.preventDefault();
         focusPrev();
         break;
-
       case 'ArrowRight':
         e.preventDefault();
         focusNext();
@@ -112,39 +92,32 @@ const SplitButton = ({
     tabIndex: -1
   })));
 };
-
 SplitButton.propTypes = {
   /**
    * @since 0.0.47
    */
   menu: _propTypes.default.any,
-
   /**
    * @since 0.0.47
    */
   opened: _propTypes.default.bool,
-
   /**
    * Content of the button group
    * @since 0.0.40
    */
   children: _propTypes.default.node,
-
   /**
    * @ignore
    */
   className: _propTypes.default.string,
-
   /**
    * @ignore
    */
   baseClassName: _propTypes.default.string,
-
   /**
    * @ignore
    */
   onClick: _propTypes.default.func,
-
   /**
    * @ignore
    */

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

package/cjs/components/Spot/Spot.js

@@ -1,45 +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 _react = _interopRequireWildcard(require("react"));
-
 var _utils = require("../utils");
-
 var _OnDarkContext = _interopRequireDefault(require("../OnDarkContext"));
-
 var _Layer = _interopRequireDefault(require("../Layer"));
-
 var _SpotPulsar = _interopRequireDefault(require("./SpotPulsar"));
-
 var _SpotPopup = _interopRequireDefault(require("./SpotPopup"));
-
 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 isEqual = (a, b) => a.top === b.top && a.left === b.left && a.right === b.right && a.bottom === b.bottom && a.width === b.width && a.height === b.height;
+
 /**
  * The component can be used to attract the user's attention to a specific element on the page.
  * @since 3.0.1
  */
-
-
-const Spot = ({
-  selector,
-  popup,
-  meta,
-  placement,
-  ...props
-}) => {
+const Spot = _ref => {
+  let {
+    selector,
+    popup,
+    meta,
+    placement,
+    ...props
+  } = _ref;
   const [rect, setRect] = (0, _react.useState)();
   const pulsarRef = (0, _react.useRef)(null);
   (0, _react.useEffect)(() => {
@@ -48,13 +38,10 @@ const Spot = ({
     let isMoving = false;
     let needUpdate = false;
     let needScrollIntoView = true;
-
     const check = () => {
       const node = document.querySelector(selector);
-
       if (node) {
         const nextRect = node.getBoundingClientRect();
-
         if (!lastRect) {
           isMoving = true;
           lastRect = nextRect;
@@ -66,11 +53,9 @@ const Spot = ({
           isMoving = false;
           needUpdate = true;
         }
-
         if (needUpdate) {
           setRect(nextRect);
           needUpdate = false;
-
           if (needScrollIntoView) {
             needScrollIntoView = false;
             (0, _utils.scrollIntoView)(node, {
@@ -82,25 +67,21 @@ const Spot = ({
         setRect(undefined);
       }
     };
-
     check();
     const retryId = window.setInterval(check, 125);
     return () => {
       window.clearInterval(retryId);
     };
   }, [selector]);
-
   if (!rect) {
     return null;
   }
-
   const pulsar = /*#__PURE__*/_react.default.createElement(_SpotPulsar.default, (0, _extends2.default)({
     rect: rect,
     placement: placement
   }, props, {
     ref: pulsarRef
   }));
-
   return /*#__PURE__*/_react.default.createElement(_OnDarkContext.default.Provider, {
     value: true
   }, /*#__PURE__*/_react.default.createElement(_Layer.default, null, popup ? /*#__PURE__*/_react.default.createElement(_SpotPopup.default, (0, _extends2.default)({
@@ -109,6 +90,5 @@ const Spot = ({
     meta: meta
   }, popup)) : /*#__PURE__*/_react.default.createElement("div", null, pulsar)));
 };
-
 var _default = Spot;
 exports.default = _default;