@plesk/ui-library 3.31.0 → 3.31.2

package/cjs/components/Drawer/Header.js

@@ -1,40 +1,27 @@
 "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 _constants = require("../../constants");
-
 var _Button = _interopRequireDefault(require("../Button"));
-
 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.
+
 class Header extends _react.Component {
   componentDidMount() {
     this.isRtl = (0, _utils.isRtl)();
   }
-
   renderBackButton() {
     const {
       baseClassName,
@@ -52,7 +39,6 @@ class Header extends _react.Component {
       onClick: onClose
     });
   }
-
   renderHideButton() {
     const {
       baseClassName,
@@ -69,10 +55,10 @@ class Header extends _react.Component {
       onClick: onClose
     });
   }
-
-  renderCloseButton({
-    disabled = false
-  } = {}) {
+  renderCloseButton() {
+    let {
+      disabled = false
+    } = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
     const {
       baseClassName,
       onClose
@@ -89,7 +75,6 @@ class Header extends _react.Component {
       disabled: disabled
     });
   }
-
   render() {
     const {
       baseClassName,
@@ -102,13 +87,11 @@ class Header extends _react.Component {
     } = this.props;
     let prefix;
     let suffix;
-
     if (onClose) {
       switch (true) {
         case backButton:
           prefix = this.renderBackButton();
           break;
-
         case hideButton:
           suffix = /*#__PURE__*/_react.default.createElement("div", {
             className: `${baseClassName}__actions`
@@ -116,7 +99,6 @@ class Header extends _react.Component {
             disabled: true
           }));
           break;
-
         default:
           suffix = /*#__PURE__*/_react.default.createElement("div", {
             className: `${baseClassName}__actions`
@@ -124,7 +106,6 @@ class Header extends _react.Component {
           break;
       }
     }
-
     return /*#__PURE__*/_react.default.createElement("div", (0, _extends2.default)({
       className: baseClassName
     }, props), /*#__PURE__*/_react.default.createElement("div", {
@@ -137,9 +118,7 @@ class Header extends _react.Component {
       className: `${baseClassName}__tabs-inner`
     }, tabs))), suffix));
   }
-
 }
-
 exports.default = Header;
 (0, _defineProperty2.default)(Header, "propTypes", {
   baseClassName: _propTypes.default.string,

package/cjs/components/Drawer/ScrollDirection.js

@@ -1,22 +1,18 @@
 "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 = require("react");
-
 var _propTypes = _interopRequireDefault(require("prop-types"));
-
 // Copyright 1999-2017. Plesk International GmbH. All rights reserved.
+
 class ScrollDirection extends _react.Component {
-  constructor(...args) {
-    super(...args);
+  constructor() {
+    super(...arguments);
     (0, _defineProperty2.default)(this, "state", {
       direction: 'up'
     });
@@ -32,7 +28,6 @@ class ScrollDirection extends _react.Component {
       });
     });
   }
-
   render() {
     const {
       children
@@ -42,9 +37,7 @@ class ScrollDirection extends _react.Component {
       handleScroll: this.handleScroll
     });
   }
-
 }
-
 ScrollDirection.propTypes = {
   children: _propTypes.default.func.isRequired
 };

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

package/cjs/components/Dropdown/Dropdown.js

@@ -1,55 +1,38 @@
 "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 _utils = require("../../utils");
-
 var _react = _interopRequireWildcard(require("react"));
-
 var _utils2 = require("../utils");
-
 var _propTypes = _interopRequireDefault(require("prop-types"));
-
 var _classnames = _interopRequireDefault(require("classnames"));
-
 var _constants = require("../../constants");
-
 var _Button = _interopRequireDefault(require("../Button"));
-
 var _AutoClosable = _interopRequireDefault(require("../AutoClosable"));
-
 var _Popper = _interopRequireDefault(require("../Popper"));
-
 var _Layer = _interopRequireDefault(require("../Layer"));
-
 var _Menu = require("../Menu");
-
 var _Translate = _interopRequireDefault(require("../Translate"));
-
 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-2020. Plesk International GmbH. All rights reserved.
-const createTarget = (node, {
-  onToggle,
-  targetRef
-}) => {
+
+const createTarget = (node, _ref) => {
+  let {
+    onToggle,
+    targetRef
+  } = _ref;
   if (false === ( /*#__PURE__*/(0, _react.isValidElement)(node) && node.type !== _Translate.default)) {
     node = /*#__PURE__*/_react.default.createElement(_Button.default, {
       caret: true
     }, node);
   }
-
   let isKeyboardEvent = false;
   return /*#__PURE__*/(0, _react.cloneElement)(node, {
     onKeyDown: (0, _utils2.wrapFunction)(node.props.onKeyDown, e => {
@@ -63,24 +46,21 @@ const createTarget = (node, {
     'aria-haspopup': true
   });
 };
-
 const computePlacement = placement => {
   const [side, align] = placement.split('-');
-
   if (align && (0, _utils.isRtl)() && ['top', 'bottom'].indexOf(side) !== -1) {
     return `${side}-${align === 'start' ? 'end' : 'start'}`;
   }
-
   return placement;
 };
-
-const useEnhancedMenu = (menu, {
-  baseClassName,
-  onClose,
-  overlay,
-  locale,
-  autoFocus
-}) => {
+const useEnhancedMenu = (menu, _ref2) => {
+  let {
+    baseClassName,
+    onClose,
+    overlay,
+    locale,
+    autoFocus
+  } = _ref2;
   const menuRef = (0, _react.useRef)();
   const triggerRef = (0, _react.useRef)();
   (0, _react.useEffect)(() => {
@@ -93,39 +73,31 @@ const useEnhancedMenu = (menu, {
       });
     }
   });
-
   const handleClose = () => {
     if (triggerRef.current) {
       triggerRef.current.focus();
     }
-
     onClose();
   };
-
   const handleKeyDown = e => {
     e.stopPropagation();
-
     switch (e.key) {
       case 'Enter':
         e.preventDefault();
         document.activeElement.click();
         break;
-
       case 'Escape':
         e.preventDefault();
         handleClose();
         break;
-
       case 'Tab':
         handleClose();
         break;
     }
   };
-
   let {
     children
   } = menu.props;
-
   if (overlay) {
     children = [...menu.props.children, /*#__PURE__*/_react.default.createElement(_Menu.MenuDivider, {
       className: `${baseClassName}__overlay-menu-divider`,
@@ -140,7 +112,6 @@ const useEnhancedMenu = (menu, {
       fallback: _enUS.default.close
     }))];
   }
-
   const clone = /*#__PURE__*/(0, _react.cloneElement)(menu, {
     onItemClick: (0, _utils2.wrapFunction)(menu.props.onItemClick, handleClose),
     className: (0, _classnames.default)(`${baseClassName}__menu`, menu.props.className),
@@ -155,24 +126,24 @@ const useEnhancedMenu = (menu, {
     menuRef
   };
 };
+
 /**
  * `Dropdown` component is a [Button](#!/Button) that opens a drop-down (nested) [Menu](#!/Menu).
  * Use dropdown for grouping actions that are not used often or are less important than others -- in other words,
  * for stuff that you don't want to show users all the time, especially if you have limited screen space.
  * @since 0.0.57
  */
-
-
-const Dropdown = ({
-  baseClassName,
-  className,
-  children,
-  menu,
-  menuPlacement,
-  overlay,
-  locale,
-  ...props
-}) => {
+const Dropdown = _ref3 => {
+  let {
+    baseClassName,
+    className,
+    children,
+    menu,
+    menuPlacement,
+    overlay,
+    locale,
+    ...props
+  } = _ref3;
   const [opened, setOpened] = (0, _react.useState)(false);
   const [autoFocus, setAutoFocus] = (0, _react.useState)(false);
   const closeTimerRef = (0, _react.useRef)();
@@ -181,18 +152,15 @@ const Dropdown = ({
       clearTimeout(closeTimerRef.current);
     };
   }, []);
-
   const handleOpen = isKeyboardEvent => {
     setAutoFocus(isKeyboardEvent);
     setOpened(true);
   };
-
   const handleClose = () => {
     closeTimerRef.current = setTimeout(() => {
       setOpened(false);
     }, 0);
   };
-
   const {
     enhancedMenu,
     menuRef
@@ -233,26 +201,22 @@ const Dropdown = ({
     nodeRef: menuRef
   }, enhancedMenu)));
 };
-
 Dropdown.propTypes = {
   /**
    * Dropdown [menu](#!/Menu).
    * @since 0.0.57
    */
   menu: _propTypes.default.element.isRequired,
-
   /**
    * Menu placement.
    * @since 0.0.60
    */
   menuPlacement: _propTypes.default.string,
-
   /**
    * Content of the `Dropdown`.
    * @since 0.0.57
    */
   children: _propTypes.default.node,
-
   /**
    * Custom localization messages.
    * @since 3.6.0
@@ -260,18 +224,15 @@ Dropdown.propTypes = {
   locale: _propTypes.default.shape({
     close: _propTypes.default.node
   }),
-
   /**
    * Display menu as overlay.
    * @ignore
    */
   overlay: _propTypes.default.bool,
-
   /**
    * @ignore
    */
   className: _propTypes.default.string,
-
   /**
    * @ignore
    */

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

package/cjs/components/ExtendedStatusMessage/ExtendedStatusMessage.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 _ContentLoader = _interopRequireDefault(require("../ContentLoader"));
-
 var _constants = require("../../constants");
-
 // Copyright 1999-2020. Plesk International GmbH. All rights reserved.
 
 /**
@@ -24,29 +17,31 @@ var _constants = require("../../constants");
  * but it is used when the message itself is the primary content on the page.
  * @since 0.0.35
  */
-const ExtendedStatusMessage = ({
-  baseClassName = `${_constants.CLS_PREFIX}extended-status-message`,
-  className,
-  intent,
-  image,
-  children = false,
-  loading,
-  ...props
-}) => /*#__PURE__*/_react.default.createElement("div", {
-  className: `${baseClassName}__container`
-}, /*#__PURE__*/_react.default.createElement("div", (0, _extends2.default)({
-  className: (0, _classnames.default)(baseClassName, {
-    [`${baseClassName}--${intent}`]: intent,
-    [`${baseClassName}--loading`]: loading
-  }, className)
-}, props), image ? /*#__PURE__*/_react.default.createElement("div", {
-  className: `${baseClassName}__image`
-}, image) : null, /*#__PURE__*/_react.default.createElement("div", {
-  className: `${baseClassName}__body`
-}, children), loading && /*#__PURE__*/_react.default.createElement(_ContentLoader.default, {
-  overlay: true,
-  text: loading === true ? null : loading
-})));
-
+const ExtendedStatusMessage = _ref => {
+  let {
+    baseClassName = `${_constants.CLS_PREFIX}extended-status-message`,
+    className,
+    intent,
+    image,
+    children = false,
+    loading,
+    ...props
+  } = _ref;
+  return /*#__PURE__*/_react.default.createElement("div", {
+    className: `${baseClassName}__container`
+  }, /*#__PURE__*/_react.default.createElement("div", (0, _extends2.default)({
+    className: (0, _classnames.default)(baseClassName, {
+      [`${baseClassName}--${intent}`]: intent,
+      [`${baseClassName}--loading`]: loading
+    }, className)
+  }, props), image ? /*#__PURE__*/_react.default.createElement("div", {
+    className: `${baseClassName}__image`
+  }, image) : null, /*#__PURE__*/_react.default.createElement("div", {
+    className: `${baseClassName}__body`
+  }, children), loading && /*#__PURE__*/_react.default.createElement(_ContentLoader.default, {
+    overlay: true,
+    text: loading === true ? null : loading
+  })));
+};
 var _default = ExtendedStatusMessage;
 exports.default = _default;

package/cjs/components/ExtendedStatusMessage/ExtendedStatusMessageActions.js

@@ -1,34 +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.
 
 /**
  * `ExtendedStatusMessageActions` is a part of [ExtendedStatusMessage](#!/ExtendedStatusMessage) component.
  * @since 0.0.35
  */
-const ExtendedStatusMessageActions = ({
-  baseClassName = `${_constants.CLS_PREFIX}extended-status-message`,
-  className,
-  children,
-  ...props
-}) => /*#__PURE__*/_react.default.createElement("div", (0, _extends2.default)({
-  className: (0, _classnames.default)(`${baseClassName}__actions`, className)
-}, props), children);
 
+const ExtendedStatusMessageActions = _ref => {
+  let {
+    baseClassName = `${_constants.CLS_PREFIX}extended-status-message`,
+    className,
+    children,
+    ...props
+  } = _ref;
+  return /*#__PURE__*/_react.default.createElement("div", (0, _extends2.default)({
+    className: (0, _classnames.default)(`${baseClassName}__actions`, className)
+  }, props), children);
+};
 var _default = ExtendedStatusMessageActions;
 exports.default = _default;

package/cjs/components/ExtendedStatusMessage/ExtendedStatusMessageDescription.js

@@ -1,34 +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.
 
 /**
  * `ExtendedStatusMessageDescription` is a part of [ExtendedStatusMessage](#!/ExtendedStatusMessage) component.
  * @since 0.0.35
  */
-const ExtendedStatusMessageDescription = ({
-  baseClassName = `${_constants.CLS_PREFIX}extended-status-message`,
-  className,
-  children,
-  ...props
-}) => /*#__PURE__*/_react.default.createElement("div", (0, _extends2.default)({
-  className: (0, _classnames.default)(`${baseClassName}__description`, className)
-}, props), children);
 
+const ExtendedStatusMessageDescription = _ref => {
+  let {
+    baseClassName = `${_constants.CLS_PREFIX}extended-status-message`,
+    className,
+    children,
+    ...props
+  } = _ref;
+  return /*#__PURE__*/_react.default.createElement("div", (0, _extends2.default)({
+    className: (0, _classnames.default)(`${baseClassName}__description`, className)
+  }, props), children);
+};
 var _default = ExtendedStatusMessageDescription;
 exports.default = _default;

package/cjs/components/ExtendedStatusMessage/ExtendedStatusMessageSeparator.js

@@ -1,30 +1,28 @@
 "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"));
-
 // Copyright 1999-2020. Plesk International GmbH. All rights reserved.
 
 /**
  * `ExtendedStatusMessageSeparator` is a part of [ExtendedStatusMessage](#!/ExtendedStatusMessage) component.
  * @since 0.0.35
  */
-const ExtendedStatusMessageSeparator = ({
-  className,
-  ...props
-}) => /*#__PURE__*/_react.default.createElement("hr", (0, _extends2.default)({
-  className: (0, _classnames.default)(className)
-}, props));
 
+const ExtendedStatusMessageSeparator = _ref => {
+  let {
+    className,
+    ...props
+  } = _ref;
+  return /*#__PURE__*/_react.default.createElement("hr", (0, _extends2.default)({
+    className: (0, _classnames.default)(className)
+  }, props));
+};
 var _default = ExtendedStatusMessageSeparator;
 exports.default = _default;

package/cjs/components/ExtendedStatusMessage/ExtendedStatusMessageTitle.js

@@ -1,37 +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 _react = _interopRequireDefault(require("react"));
-
 var _classnames = _interopRequireDefault(require("classnames"));
-
 var _constants = require("../../constants");
-
 var _Heading = _interopRequireDefault(require("../Heading"));
-
 // Copyright 1999-2020. Plesk International GmbH. All rights reserved.
 
 /**
  * `ExtendedStatusMessageTitle` is a part of [ExtendedStatusMessage](#!/ExtendedStatusMessage) component.
  * @since 0.0.35
  */
-const ExtendedStatusMessageTitle = ({
-  baseClassName = `${_constants.CLS_PREFIX}extended-status-message`,
-  className,
-  children,
-  ...props
-}) => /*#__PURE__*/_react.default.createElement(_Heading.default, (0, _extends2.default)({
-  level: 3,
-  className: (0, _classnames.default)(`${baseClassName}__title`, className)
-}, props), children);
 
+const ExtendedStatusMessageTitle = _ref => {
+  let {
+    baseClassName = `${_constants.CLS_PREFIX}extended-status-message`,
+    className,
+    children,
+    ...props
+  } = _ref;
+  return /*#__PURE__*/_react.default.createElement(_Heading.default, (0, _extends2.default)({
+    level: 3,
+    className: (0, _classnames.default)(`${baseClassName}__title`, className)
+  }, props), children);
+};
 var _default = ExtendedStatusMessageTitle;
 exports.default = _default;