@plesk/ui-library 3.31.0 → 3.31.2

package/cjs/components/Carousel/Carousel.js

@@ -1,35 +1,23 @@
 "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 _utils = require("../../utils");
-
 var _react = _interopRequireWildcard(require("react"));
-
 var _propTypes = _interopRequireDefault(require("prop-types"));
-
 var _classnames = _interopRequireDefault(require("classnames"));
-
 var _reactMeasure = _interopRequireDefault(require("react-measure"));
-
 var _constants = require("../../constants");
-
 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-2020. Plesk International GmbH. All rights reserved.
+
 const calcWidths = node => {
   const slideWidths = [].map.call(node.childNodes, el => el.clientWidth);
   const totalWidth = slideWidths.reduce((prev, curr) => prev + curr, 0);
@@ -38,13 +26,12 @@ const calcWidths = node => {
     totalWidth
   };
 };
+
 /**
  * Carousel component is used for optimizing page space by displaying only some parts
  * of entire content in a cyclic view.
  * @since 0.0.42
  */
-
-
 class Carousel extends _react.Component {
   constructor(props) {
     super(props);
@@ -68,12 +55,10 @@ class Carousel extends _react.Component {
     this.rootRef = /*#__PURE__*/(0, _react.createRef)();
     this.genuineRef = /*#__PURE__*/(0, _react.createRef)();
   }
-
   componentDidMount() {
     this.isRtl = (0, _utils.isRtl)();
     this.play();
   }
-
   componentDidUpdate() {
     const {
       width
@@ -82,7 +67,6 @@ class Carousel extends _react.Component {
       slideWidths,
       totalWidth
     } = calcWidths(this.genuineRef.current);
-
     if (this.state.totalWidth !== totalWidth) {
       // eslint-disable-next-line react/no-did-update-set-state
       this.setState({
@@ -92,56 +76,45 @@ class Carousel extends _react.Component {
       });
     }
   }
-
   componentWillUnmount() {
     this.stop();
     clearTimeout(this.movingCallback);
   }
-
   handlePrevClick() {
     this.stop();
     this.setCurrentSlide(this.state.current - 1);
   }
-
   handleNextClick() {
     this.stop();
     this.setCurrentSlide(this.state.current + 1);
   }
-
   play() {
     this.playTimer = setTimeout(() => {
       this.setCurrentSlide(this.state.current + 1);
       this.play();
     }, this.playSpeed);
   }
-
   stop() {
     if (this.playTimer) {
       clearTimeout(this.playTimer);
       this.playTimer = null;
     }
   }
-
   setCurrentSlide(next) {
     const {
       slideWidths,
       moving
     } = this.state;
-
     if (moving) {
       return;
     }
-
     let current = next;
-
     if (current < 0) {
       current = slideWidths.length - 1;
     }
-
     if (current >= slideWidths.length) {
       current = 0;
     }
-
     this.setState({
       current,
       next,
@@ -154,12 +127,12 @@ class Carousel extends _react.Component {
       });
     }, this.speed);
   }
-
-  handleResize({
-    bounds: {
-      width
-    }
-  }) {
+  handleResize(_ref) {
+    let {
+      bounds: {
+        width
+      }
+    } = _ref;
     const node = this.genuineRef.current;
     const {
       slideWidths,
@@ -171,7 +144,6 @@ class Carousel extends _react.Component {
       showControls: width < totalWidth
     });
   }
-
   listStyle() {
     const {
       current,
@@ -182,7 +154,6 @@ class Carousel extends _react.Component {
     } = this.state;
     const moveTo = moving ? next : current;
     let x = -totalWidth + 26;
-
     if (moveTo < 0) {
       for (let i = moveTo; i < 0; i++) {
         x += slideWidths[i + slideWidths.length];
@@ -192,11 +163,9 @@ class Carousel extends _react.Component {
         x -= slideWidths[i % slideWidths.length];
       }
     }
-
     if (this.isRtl) {
       x = -x;
     }
-
     return {
       WebkitTransform: `translateX(${x ? `${x}px` : 0})`,
       transform: `translateX(${x ? `${x}px` : 0})`,
@@ -204,7 +173,6 @@ class Carousel extends _react.Component {
       transition: moving ? `transform ${this.speed}ms ease` : null
     };
   }
-
   render() {
     const {
       showControls
@@ -221,52 +189,51 @@ class Carousel extends _react.Component {
       innerRef: node => {
         this.rootRef.current = node;
       }
-    }, ({
-      measureRef
-    }) => /*#__PURE__*/_react.default.createElement("section", (0, _extends2.default)({
-      ref: measureRef,
-      className: (0, _classnames.default)(baseClassName, className)
-    }, props), /*#__PURE__*/_react.default.createElement("div", {
-      className: `${baseClassName}__slides`,
-      style: showControls ? this.listStyle() : null
-    }, showControls && children, /*#__PURE__*/_react.default.createElement("div", {
-      className: `${baseClassName}__genuine-slides`,
-      ref: this.genuineRef
-    }, children), showControls && children), showControls && /*#__PURE__*/_react.default.createElement("div", {
-      className: `${baseClassName}__controls`
-    }, /*#__PURE__*/_react.default.createElement("button", {
-      type: "button",
-      className: (0, _classnames.default)(`${baseClassName}__control`, `${baseClassName}__control--previous`),
-      onClick: this.handlePrevClick
-    }, /*#__PURE__*/_react.default.createElement(_Icon.default, {
-      name: "chevron-left",
-      flipHorizontal: this.isRtl,
-      className: `${baseClassName}__control-icon`
-    })), /*#__PURE__*/_react.default.createElement("button", {
-      type: "button",
-      className: (0, _classnames.default)(`${baseClassName}__control`, `${baseClassName}__control--next`),
-      onClick: this.handleNextClick
-    }, /*#__PURE__*/_react.default.createElement(_Icon.default, {
-      name: "chevron-right",
-      flipHorizontal: this.isRtl,
-      className: `${baseClassName}__control-icon`
-    })))));
+    }, _ref2 => {
+      let {
+        measureRef
+      } = _ref2;
+      return /*#__PURE__*/_react.default.createElement("section", (0, _extends2.default)({
+        ref: measureRef,
+        className: (0, _classnames.default)(baseClassName, className)
+      }, props), /*#__PURE__*/_react.default.createElement("div", {
+        className: `${baseClassName}__slides`,
+        style: showControls ? this.listStyle() : null
+      }, showControls && children, /*#__PURE__*/_react.default.createElement("div", {
+        className: `${baseClassName}__genuine-slides`,
+        ref: this.genuineRef
+      }, children), showControls && children), showControls && /*#__PURE__*/_react.default.createElement("div", {
+        className: `${baseClassName}__controls`
+      }, /*#__PURE__*/_react.default.createElement("button", {
+        type: "button",
+        className: (0, _classnames.default)(`${baseClassName}__control`, `${baseClassName}__control--previous`),
+        onClick: this.handlePrevClick
+      }, /*#__PURE__*/_react.default.createElement(_Icon.default, {
+        name: "chevron-left",
+        flipHorizontal: this.isRtl,
+        className: `${baseClassName}__control-icon`
+      })), /*#__PURE__*/_react.default.createElement("button", {
+        type: "button",
+        className: (0, _classnames.default)(`${baseClassName}__control`, `${baseClassName}__control--next`),
+        onClick: this.handleNextClick
+      }, /*#__PURE__*/_react.default.createElement(_Icon.default, {
+        name: "chevron-right",
+        flipHorizontal: this.isRtl,
+        className: `${baseClassName}__control-icon`
+      }))));
+    });
   }
-
 }
-
 Carousel.propTypes = {
   /**
    * Slides
    * @since 0.0.42
    */
   children: _propTypes.default.node,
-
   /**
    * @ignore
    */
   className: _propTypes.default.string,
-
   /**
    * @ignore
    */

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

package/cjs/components/Checkbox/Checkbox.js

@@ -1,49 +1,42 @@
 "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");
-
 var _Tooltip = _interopRequireDefault(require("../Tooltip"));
-
 // Copyright 1999-2020. Plesk International GmbH. All rights reserved.
 
 /**
  * `Checkbox` component is used for turning an option on or off and selecting or deselecting an item.
  * @since 0.0.55
  */
-const Checkbox = ({
-  baseClassName = `${_constants.CLS_PREFIX}checkbox`,
-  className,
-  children,
-  onChange,
-  tooltip,
-  checked,
-  defaultChecked,
-  disabled = false,
-  name,
-  indeterminate = false,
-  inputProps,
-  rightAddon,
-  ...props
-}) => {
+const Checkbox = _ref => {
+  let {
+    baseClassName = `${_constants.CLS_PREFIX}checkbox`,
+    className,
+    children,
+    onChange,
+    tooltip,
+    checked,
+    defaultChecked,
+    disabled = false,
+    name,
+    indeterminate = false,
+    inputProps,
+    rightAddon,
+    ...props
+  } = _ref;
   const handleChange = event => {
     if (!disabled && onChange) {
       onChange(event.target.checked);
     }
   };
-
   let result = /*#__PURE__*/_react.default.createElement("div", (0, _extends2.default)({
     className: (0, _classnames.default)(baseClassName, {
       [`${baseClassName}--disabled`]: disabled,
@@ -64,15 +57,12 @@ const Checkbox = ({
   }), children ? /*#__PURE__*/_react.default.createElement("span", {
     className: `${baseClassName}__text`
   }, children) : null), rightAddon ? rightAddon : null));
-
   if (tooltip) {
     result = /*#__PURE__*/_react.default.createElement(_Tooltip.default, {
       title: tooltip
     }, result);
   }
-
   return result;
 };
-
 var _default = Checkbox;
 exports.default = _default;

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

package/cjs/components/ClosingConfirmation/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, "useClosingConfirmation", {
     return _useClosingConfirmation.default;
   }
 });
-
 var _useClosingConfirmation = _interopRequireDefault(require("./useClosingConfirmation"));

package/cjs/components/ClosingConfirmation/useClosingConfirmation.js

@@ -1,49 +1,36 @@
 "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 _Button = _interopRequireDefault(require("../Button"));
-
 var _Dialog = _interopRequireDefault(require("../Dialog"));
-
 var _Paragraph = _interopRequireDefault(require("../Paragraph"));
-
 var _Translate = _interopRequireDefault(require("../Translate"));
-
 var _utils = require("../utils");
-
 var _enUS = _interopRequireDefault(require("./locale/en-US"));
-
 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 useClosingConfirmation = ({
-  onClose,
-  closingConfirmation
-}) => {
+
+const useClosingConfirmation = _ref => {
+  let {
+    onClose,
+    closingConfirmation
+  } = _ref;
   const [isReady, setIsReady] = (0, _react.useState)(false);
   const [isDialogVisible, setIsDialogVisible] = (0, _react.useState)(false);
-
   const handleConfirm = () => {
     setIsDialogVisible(false);
     (0, _utils.safeInvoke)(onClose);
   };
-
   const handleCancel = () => {
     setIsDialogVisible(false);
   };
-
   let onCloseWithConfirmation;
-
   if (typeof onClose === 'function') {
     onCloseWithConfirmation = () => {
       if (closingConfirmation) {
@@ -54,9 +41,7 @@ const useClosingConfirmation = ({
       }
     };
   }
-
   let closingConfirmationDialog = null;
-
   if (isReady) {
     closingConfirmationDialog = /*#__PURE__*/_react.default.createElement(_Dialog.default, {
       isOpen: isDialogVisible,
@@ -82,12 +67,10 @@ const useClosingConfirmation = ({
       fallback: _enUS.default.content
     })));
   }
-
   return {
     onCloseWithConfirmation,
     closingConfirmationDialog
   };
 };
-
 var _default = useClosingConfirmation;
 exports.default = _default;