@plesk/ui-library 3.31.0 → 3.31.2

package/cjs/components/Spot/SpotPopup.js

@@ -1,71 +1,60 @@
 "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 _classnames = _interopRequireDefault(require("classnames"));
-
 var _react = _interopRequireWildcard(require("react"));
-
 var _constants = require("../../constants");
-
 var _Popover = _interopRequireDefault(require("../Popover"));
-
 var _Text = _interopRequireDefault(require("../Text"));
-
 var _Translate = _interopRequireDefault(require("../Translate"));
-
 var _Focuser = _interopRequireDefault(require("../Overlay/Focuser"));
-
 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 SpotPopup = ({
-  baseClassName = `${_constants.CLS_PREFIX}spot-popup`,
-  className,
-  pulsar,
-  pulsarRef,
-  title,
-  placement,
-  image,
-  children,
-  buttons,
-  meta,
-  onClose,
-  size,
-  locale,
-  ...props
-}) => {
-  const footerRef = (0, _react.useRef)(null); // rerendering is necessary to fix a popover arrow
 
+// TODO: Use SpotSpotProps['popup'] instead of copypaste
+
+const SpotPopup = _ref => {
+  let {
+    baseClassName = `${_constants.CLS_PREFIX}spot-popup`,
+    className,
+    pulsar,
+    pulsarRef,
+    title,
+    placement,
+    image,
+    children,
+    buttons,
+    meta,
+    onClose,
+    size,
+    locale,
+    ...props
+  } = _ref;
+  const footerRef = (0, _react.useRef)(null);
+
+  // rerendering is necessary to fix a popover arrow
   const [, setReady] = (0, _react.useState)(false);
   (0, _react.useEffect)(() => {
     setReady(true);
-
     if (footerRef.current) {
       setTimeout(() => {
         new _Focuser.default().focusLastDescendant(footerRef.current);
       });
     }
   }, []);
-
   if (typeof image === 'string') {
     image = /*#__PURE__*/_react.default.createElement("img", {
       src: image,
       alt: ""
     });
   }
-
   return /*#__PURE__*/_react.default.createElement(_Popover.default, (0, _extends2.default)({
     className: (0, _classnames.default)(baseClassName, className, {
       [`${baseClassName}--${size}`]: size
@@ -101,6 +90,5 @@ const SpotPopup = ({
     className: `${baseClassName}__actions`
   }, buttons)));
 };
-
 var _default = SpotPopup;
 exports.default = _default;

package/cjs/components/Spot/SpotPulsar.js

@@ -1,45 +1,33 @@
 "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 _classnames = _interopRequireDefault(require("classnames"));
-
 var _react = _interopRequireWildcard(require("react"));
-
 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 OFFSET = 23;
 
+const OFFSET = 23;
 const calculate = (rect, placement) => {
   const placementTop = rect.height / 2;
   let placementLeft = 0;
-
   switch (placement) {
     case 'left':
       placementLeft = Math.min(OFFSET, rect.height / 2);
       break;
-
     case 'right':
       placementLeft = rect.width - Math.min(OFFSET, rect.height / 2);
       break;
-
     case 'center':
       placementLeft = rect.width / 2;
       break;
   }
-
   const top = rect.top + placementTop - OFFSET + window.pageYOffset;
   const left = rect.left + placementLeft - OFFSET + window.pageXOffset;
   return {
@@ -47,14 +35,14 @@ const calculate = (rect, placement) => {
     left
   };
 };
-
-const SpotPulsar = /*#__PURE__*/(0, _react.forwardRef)(function SpotPulsar({
-  baseClassName = `${_constants.CLS_PREFIX}spot-pulsar`,
-  className,
-  rect,
-  placement = 'center',
-  ...props
-}, ref) {
+const SpotPulsar = /*#__PURE__*/(0, _react.forwardRef)(function SpotPulsar(_ref, ref) {
+  let {
+    baseClassName = `${_constants.CLS_PREFIX}spot-pulsar`,
+    className,
+    rect,
+    placement = 'center',
+    ...props
+  } = _ref;
   const position = calculate(rect, placement);
   return /*#__PURE__*/_react.default.createElement("div", (0, _extends2.default)({
     className: (0, _classnames.default)(baseClassName, className),

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

package/cjs/components/Squeezer/Squeezer.js

@@ -1,28 +1,21 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-
 var _react = _interopRequireWildcard(require("react"));
-
 var _reactMeasure = _interopRequireDefault(require("react-measure"));
-
 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.
+
 class Squeezer extends _react.Component {
-  constructor(...args) {
-    super(...args);
+  constructor() {
+    super(...arguments);
     (0, _defineProperty2.default)(this, "rootRef", /*#__PURE__*/(0, _react.createRef)());
     (0, _defineProperty2.default)(this, "measuring", false);
     (0, _defineProperty2.default)(this, "measurements", []);
@@ -31,32 +24,27 @@ class Squeezer extends _react.Component {
       this.measure();
     });
   }
-
   addMeasurement(width) {
     this.measurements.push(width);
-
     if (this.measurements.length > 2) {
       this.measurements.shift();
     }
   }
-
-  measure(force = false) {
+  measure() {
+    let force = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : false;
     // eslint-disable-next-line react/prop-types
     const {
       compact,
       uncompact
     } = this.props;
-
     if (this.measuring && !force) {
       return;
     }
-
     this.measuring = true;
     const root = this.rootRef.current;
     const width = Math.ceil(root.getBoundingClientRect().width);
     const scrollWidth = Math.ceil(root.scrollWidth);
     let checkForce = false;
-
     if (width < scrollWidth) {
       if (compact()) {
         this.minWidth = scrollWidth;
@@ -68,12 +56,11 @@ class Squeezer extends _react.Component {
         checkForce = true;
       }
     }
-
     this.addMeasurement(width);
     this.check(checkForce);
   }
-
-  check(force = false) {
+  check() {
+    let force = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : false;
     if (!force && this.measurements.length === 2 && this.measurements[0] === this.measurements[1]) {
       this.measuring = false;
     } else {
@@ -82,7 +69,6 @@ class Squeezer extends _react.Component {
       });
     }
   }
-
   render() {
     // eslint-disable-next-line react/prop-types
     const {
@@ -101,14 +87,15 @@ class Squeezer extends _react.Component {
           });
         }
       }
-    }, ({
-      measureRef
-    }) => children({
-      ref: measureRef
-    }));
+    }, _ref => {
+      let {
+        measureRef
+      } = _ref;
+      return children({
+        ref: measureRef
+      });
+    });
   }
-
 }
-
 var _default = Squeezer;
 exports.default = _default;

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

package/cjs/components/Status/Status.js

@@ -1,68 +1,54 @@
 "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 _intentIconMap = require("../intentIconMap");
-
 var _Action = _interopRequireDefault(require("../Action"));
-
 var _Icon = _interopRequireDefault(require("../Icon"));
-
 var _OnDarkContext = _interopRequireDefault(require("../OnDarkContext"));
-
 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 toIcon = (icon, intent) => {
   if (icon === false) {
     return undefined;
   }
-
   if ((icon === true || !icon) && intent) {
     icon = _intentIconMap.intentIconMap[intent];
   }
-
   return _Icon.default.create(icon, intent ? {
     name: _intentIconMap.intentIconMap[intent]
   } : undefined);
 };
+
 /**
  * `Status` component is used for indicating state of an object or the system.
  * @since 0.0.68
  */
-
-
-const Status = ({
-  baseClassName = `${_constants.CLS_PREFIX}status`,
-  className,
-  children,
-  icon,
-  intent,
-  progress,
-  compact,
-  flip,
-  outerProps = {},
-  ...props
-}) => {
+const Status = _ref => {
+  let {
+    baseClassName = `${_constants.CLS_PREFIX}status`,
+    className,
+    children,
+    icon,
+    intent,
+    progress,
+    compact,
+    flip,
+    outerProps = {},
+    ...props
+  } = _ref;
   if (intent === 'muted') {
     intent = 'inactive';
   }
-
   return /*#__PURE__*/_react.default.createElement(_Action.default, (0, _extends2.default)({
     component: "span",
     icon: compact ? undefined : toIcon(icon, intent),
@@ -70,7 +56,8 @@ const Status = ({
       [`${baseClassName}--${intent}`]: intent && !progress,
       [`${baseClassName}--on-dark`]: (0, _react.useContext)(_OnDarkContext.default)
     }, className),
-    outerProps: { ...outerProps,
+    outerProps: {
+      ...outerProps,
       className: (0, _classnames.default)({
         [`${baseClassName}--compact`]: compact,
         [`${baseClassName}--flip`]: flip
@@ -79,6 +66,5 @@ const Status = ({
     progress: progress
   }, props), children);
 };
-
 var _default = Status;
 exports.default = _default;

package/cjs/components/Status/Status.stories.js

@@ -1,19 +1,15 @@
 "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 _Status = _interopRequireDefault(require("./Status"));
-
 // Copyright 1999-2020. Plesk International GmbH. All rights reserved.
-const Basic = args => /*#__PURE__*/_react.default.createElement(_Status.default, args);
 
+const Basic = args => /*#__PURE__*/_react.default.createElement(_Status.default, args);
 exports.Basic = Basic;
 Basic.args = {
   intent: 'success',

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

package/cjs/components/StatusMessage/StatusMessage.js

@@ -1,26 +1,17 @@
 "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 _classnames = _interopRequireDefault(require("classnames"));
-
 var _react = _interopRequireDefault(require("react"));
-
 var _Alert = _interopRequireDefault(require("../Alert"));
-
 var _Icon = _interopRequireDefault(require("../Icon"));
-
 var _constants = require("../../constants");
-
 var _intentIconMap = require("../intentIconMap");
-
 // Copyright 1999-2020. Plesk International GmbH. All rights reserved.
 
 /**
@@ -28,19 +19,21 @@ var _intentIconMap = require("../intentIconMap");
  * For showing results of performed operations [Toaster](#!/Toaster) should be used.
  * @since 1.12.0
  */
-const StatusMessage = ({
-  baseClassName = `${_constants.CLS_PREFIX}status-message`,
-  className,
-  intent,
-  children,
-  ...props
-}) => /*#__PURE__*/_react.default.createElement(_Alert.default, (0, _extends2.default)({
-  className: (0, _classnames.default)(baseClassName, [`${baseClassName}--${intent}`], className),
-  intent: intent
-}, props), /*#__PURE__*/_react.default.createElement(_Icon.default, {
-  name: _intentIconMap.intentIconMap[intent],
-  className: `${baseClassName}__icon`
-}), children);
-
+const StatusMessage = _ref => {
+  let {
+    baseClassName = `${_constants.CLS_PREFIX}status-message`,
+    className,
+    intent,
+    children,
+    ...props
+  } = _ref;
+  return /*#__PURE__*/_react.default.createElement(_Alert.default, (0, _extends2.default)({
+    className: (0, _classnames.default)(baseClassName, [`${baseClassName}--${intent}`], className),
+    intent: intent
+  }, props), /*#__PURE__*/_react.default.createElement(_Icon.default, {
+    name: _intentIconMap.intentIconMap[intent],
+    className: `${baseClassName}__icon`
+  }), children);
+};
 var _default = StatusMessage;
 exports.default = _default;

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