@plesk/ui-library 3.31.0 → 3.31.2

package/cjs/components/Menu/index.js

@@ -1,7 +1,6 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
@@ -41,15 +40,9 @@ Object.defineProperty(exports, "default", {
     return _Menu.default;
   }
 });
-
 var _Menu = _interopRequireDefault(require("./Menu"));
-
 var _MenuItem = _interopRequireDefault(require("./MenuItem"));
-
 var _MenuBaseItem = _interopRequireDefault(require("./MenuBaseItem"));
-
 var _MenuSelectableItem = _interopRequireDefault(require("./MenuSelectableItem"));
-
 var _MenuDivider = _interopRequireDefault(require("./MenuDivider"));
-
 var _MenuHeader = _interopRequireDefault(require("./MenuHeader"));

package/cjs/components/OnDarkContext/OnDarkContext.js

@@ -4,10 +4,9 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _react = require("react");
-
 // Copyright 1999-2019. Plesk International GmbH. All rights reserved.
+
 const OnDarkContext = /*#__PURE__*/(0, _react.createContext)(false);
 var _default = OnDarkContext;
 exports.default = _default;

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

package/cjs/components/Overlay/Backdrop.js

@@ -1,33 +1,29 @@
 "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 _propTypes = _interopRequireDefault(require("prop-types"));
-
 var _classnames = _interopRequireDefault(require("classnames"));
-
 var _constants = require("../../constants");
-
 // Copyright 1999-2020. Plesk International GmbH. All rights reserved.
-const Backdrop = ({
-  baseClassName,
-  className,
-  innerRef,
-  ...props
-}) => /*#__PURE__*/_react.default.createElement("div", (0, _extends2.default)({
-  ref: innerRef,
-  className: (0, _classnames.default)(baseClassName, className)
-}, props));
 
+const Backdrop = _ref => {
+  let {
+    baseClassName,
+    className,
+    innerRef,
+    ...props
+  } = _ref;
+  return /*#__PURE__*/_react.default.createElement("div", (0, _extends2.default)({
+    ref: innerRef,
+    className: (0, _classnames.default)(baseClassName, className)
+  }, props));
+};
 Backdrop.propTypes = {
   /**
    * Inner ref handler.
@@ -35,12 +31,10 @@ Backdrop.propTypes = {
   innerRef: _propTypes.default.oneOfType([_propTypes.default.func, _propTypes.default.shape({
     current: _propTypes.default.instanceOf(HTMLElement)
   })]),
-
   /**
    * @ignore
    */
   className: _propTypes.default.string,
-
   /**
    * @ignore
    */

package/cjs/components/Overlay/Focuser.js

@@ -1,95 +1,72 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.isFocusable = exports.default = void 0;
-
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-
 // Copyright 1999-2020. Plesk International GmbH. All rights reserved.
+
 const isFocusable = element => {
   if (element.tabIndex > 0 || element.tabIndex === 0 && element.getAttribute('tabIndex') !== null) {
     return true;
   }
-
   if (element.disabled) {
     return false;
   }
-
   switch (element.nodeName) {
     case 'A':
       return !!element.href && element.rel !== 'ignore';
-
     case 'INPUT':
       return element.type !== 'hidden' && element.type !== 'file';
-
     case 'BUTTON':
     case 'SELECT':
     case 'TEXTAREA':
       return true;
-
     default:
       return false;
   }
 };
-
 exports.isFocusable = isFocusable;
-
 class Focuser {
   constructor() {
     (0, _defineProperty2.default)(this, "ignoreFocusChange", false);
   }
-
   canIgnoreFocusChange() {
     return this.ignoreFocusChange;
   }
-
   focusFirstDescendant(element, options) {
     for (let i = 0; i < element.childNodes.length; i++) {
       const child = element.childNodes[i];
-
       if (options && typeof options.canSkip === 'function' && options.canSkip(child)) {
         continue;
       }
-
       if (this.attemptFocus(child) || this.focusFirstDescendant(child)) {
         return true;
       }
     }
-
     return false;
   }
-
   focusLastDescendant(element) {
     for (let i = element.childNodes.length - 1; i >= 0; i--) {
       const child = element.childNodes[i];
-
       if (this.attemptFocus(child) || this.focusLastDescendant(child)) {
         return true;
       }
     }
-
     return false;
   }
-
   attemptFocus(element) {
     if (!isFocusable(element)) {
       return false;
     }
-
     this.ignoreFocusChange = true;
-
     try {
       element.focus();
     } catch {}
-
     this.ignoreFocusChange = false;
     return document.activeElement === element;
   }
-
 }
-
 exports.default = Focuser;

package/cjs/components/Overlay/Overlay.js

@@ -1,53 +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 _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-
 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 _reactTransitionGroup = require("react-transition-group");
-
 var _Backdrop = _interopRequireDefault(require("./Backdrop"));
-
 var _Layer = _interopRequireDefault(require("../Layer"));
-
 var _FocusTrap = _interopRequireDefault(require("../FocusTrap"));
-
 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.
 
 /**
  * `Overlay` component.
  */
+
 const overlays = [];
+
 /**
  * @since 0.0.65
  */
-
 class Overlay extends _react.Component {
-  constructor(...args) {
-    super(...args);
+  constructor() {
+    super(...arguments);
     (0, _defineProperty2.default)(this, "state", {
       isOpened: false,
       isExist: false
@@ -60,7 +45,6 @@ class Overlay extends _react.Component {
         onClose,
         canCloseOnBackdropClick
       } = this.props;
-
       if (canCloseOnBackdropClick) {
         (0, _utils2.safeInvoke)(onClose);
       } else {
@@ -71,20 +55,17 @@ class Overlay extends _react.Component {
       const {
         onClose
       } = this.props;
-
       if (!e.isDefaultPrevented() && e.key === 'Escape') {
         (0, _utils2.safeInvoke)(onClose);
         e.preventDefault();
       }
     });
   }
-
   componentDidMount() {
     if (this.props.isOpen) {
       this.overlayWillOpen();
     }
   }
-
   componentDidUpdate(prevProps) {
     if (!this.props.isOpen && prevProps.isOpen) {
       this.overlayWillClose();
@@ -92,13 +73,11 @@ class Overlay extends _react.Component {
       this.overlayWillOpen();
     }
   }
-
   componentWillUnmount() {
     if (this.props.isOpen) {
       this.overlayWillClose();
     }
   }
-
   overlayWillOpen() {
     (0, _utils.disableDocumentScroll)();
     overlays.push(this);
@@ -113,14 +92,11 @@ class Overlay extends _react.Component {
       });
     });
   }
-
   overlayWillClose() {
     overlays.pop();
-
     if (overlays.length === 0) {
       (0, _utils.enableDocumentScroll)();
     }
-
     this.setState({
       isOpened: false
     }, () => {
@@ -130,17 +106,13 @@ class Overlay extends _react.Component {
       }
     });
   }
-
   focus() {
     if (this.contentRef.current === null || document.activeElement === null || !this.props.isOpen) {
       return;
     }
-
     const isFocusOutside = !this.contentRef.current.contains(document.activeElement);
-
     if (isFocusOutside) {
       const autofocusElement = this.contentRef.current.querySelector('[autofocus]');
-
       if (autofocusElement) {
         autofocusElement.focus();
       } else {
@@ -148,13 +120,13 @@ class Overlay extends _react.Component {
       }
     }
   }
-
-  renderContent({
-    baseClassName,
-    children,
-    canCloseOnEscapePress,
-    sideBanner
-  }) {
+  renderContent(_ref) {
+    let {
+      baseClassName,
+      children,
+      canCloseOnEscapePress,
+      sideBanner
+    } = _ref;
     return /*#__PURE__*/_react.default.createElement(_react.Fragment, null, /*#__PURE__*/_react.default.createElement(_reactTransitionGroup.CSSTransition, {
       in: this.state.isOpened,
       classNames: `${baseClassName}-`,
@@ -178,10 +150,10 @@ class Overlay extends _react.Component {
       image: sideBanner
     }))));
   }
-
-  renderBackdrop({
-    baseClassName
-  }) {
+  renderBackdrop(_ref2) {
+    let {
+      baseClassName
+    } = _ref2;
     return /*#__PURE__*/_react.default.createElement(_reactTransitionGroup.CSSTransition, {
       in: this.state.isOpened,
       classNames: `${baseClassName}-`,
@@ -192,23 +164,20 @@ class Overlay extends _react.Component {
       innerRef: this.backdropRef
     }));
   }
-
-  renderImage({
-    baseClassName,
-    image
-  }) {
+  renderImage(_ref3) {
+    let {
+      baseClassName,
+      image
+    } = _ref3;
     const classPrefix = `${baseClassName}__side`;
-
     if (!image) {
       return null;
     }
-
     if ( /*#__PURE__*/(0, _react.isValidElement)(image)) {
       return /*#__PURE__*/_react.default.createElement("div", {
         className: `${classPrefix}`
       }, image);
     }
-
     if (typeof image === 'string') {
       return /*#__PURE__*/_react.default.createElement("div", {
         className: classPrefix
@@ -217,14 +186,12 @@ class Overlay extends _react.Component {
         src: image
       }));
     }
-
     return /*#__PURE__*/_react.default.createElement("div", {
       className: classPrefix
     }, /*#__PURE__*/_react.default.createElement("img", (0, _extends2.default)({
       className: `${classPrefix}-image`
     }, image)));
   }
-
   render() {
     const {
       baseClassName,
@@ -244,18 +211,16 @@ class Overlay extends _react.Component {
     const {
       isExist
     } = this.state;
-
     if (!isExist) {
       return null;
     }
-
     return /*#__PURE__*/_react.default.createElement(_Layer.default, {
       level: _constants.Z_INDEX_OVERLAY
     }, /*#__PURE__*/_react.default.createElement("div", (0, _extends2.default)({
       className: (0, _classnames.default)(baseClassName, `${baseClassName}--${placement}`, `${baseClassName}--${size}`, sideBanner && `${baseClassName}--side`, className),
       style: {
-        '--sideBannerBackground': sideBannerContainer === null || sideBannerContainer === void 0 ? void 0 : sideBannerContainer.background,
-        '--sideBannerAlign': sideBannerContainer === null || sideBannerContainer === void 0 ? void 0 : sideBannerContainer.align,
+        '--sideBannerBackground': sideBannerContainer?.background,
+        '--sideBannerAlign': sideBannerContainer?.align,
         ...style
       }
     }, props), this.renderBackdrop({
@@ -267,47 +232,38 @@ class Overlay extends _react.Component {
       sideBanner
     })));
   }
-
 }
-
 exports.default = Overlay;
 (0, _defineProperty2.default)(Overlay, "propTypes", {
   /**
    * Toggles visibility.
    */
   isOpen: _propTypes.default.bool,
-
   /**
    * Overlay placement.
    */
   placement: _propTypes.default.oneOf(['center', 'left', 'right']),
-
   /**
    * Overlay size.
    */
   size: _propTypes.default.oneOf(['xs', 'sm', 'md', 'lg']),
-
   /**
    * onClose handler.
    */
   onClose: _propTypes.default.func,
-
   /**
    * Indicating if clicking the backdrop should close the overlay.
    */
   canCloseOnBackdropClick: _propTypes.default.bool,
-
   /**
    * Indicating if pressing the escape key should close the overlay.
    */
   canCloseOnEscapePress: _propTypes.default.bool,
-
   /**
    * Block with an image, placed at the side of the component
    * @since 3.25.0
    */
   sideBanner: _propTypes.default.oneOfType([_propTypes.default.string, _propTypes.default.object, _propTypes.default.element]),
-
   /**
    * Additional properties for the sideBanner
    * @since 3.25.0
@@ -317,28 +273,23 @@ exports.default = Overlay;
      * Values for css background property
      */
     background: _propTypes.default.string,
-
     /**
      * One of: center, flex-start, flex-end
      */
     align: _propTypes.default.oneOf(['center', 'flex-start', 'flex-end'])
   }),
-
   /**
    * @ignore
    */
   style: _propTypes.default.object,
-
   /**
    * Content of the `Overlay`.
    */
   children: _propTypes.default.node,
-
   /**
    * @ignore
    */
   className: _propTypes.default.string,
-
   /**
    * @ignore
    */

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

package/cjs/components/PageHeader/PageHeader.js

@@ -1,66 +1,58 @@
 "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 _Translate = require("../Translate");
-
 var _constants = require("../../constants");
-
 var _Heading = _interopRequireDefault(require("../Heading"));
-
 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.
 
 /**
  * `PageHeader` component is used for identification of the current page.
  * @since 0.0.35
  */
-const PageHeader = ({
-  baseClassName = `${_constants.CLS_PREFIX}page-header`,
-  className,
-  topAddon,
-  title,
-  titleLeftAddon,
-  titleRightAddon,
-  breadcrumbs,
-  tabs,
-  children,
-  ...props
-}) => /*#__PURE__*/_react.default.createElement("div", (0, _extends2.default)({
-  className: (0, _classnames.default)(baseClassName, className)
-}, props), /*#__PURE__*/_react.default.createElement("div", {
-  className: `${baseClassName}__inner`
-}, topAddon && /*#__PURE__*/_react.default.createElement("div", {
-  className: `${baseClassName}__top-addon`
-}, topAddon), breadcrumbs && /*#__PURE__*/_react.default.createElement("div", {
-  className: `${baseClassName}__breadcrumbs`
-}, breadcrumbs), title && /*#__PURE__*/_react.default.createElement("div", {
-  className: `${baseClassName}__title`
-}, titleLeftAddon && /*#__PURE__*/_react.default.createElement("span", {
-  className: `${baseClassName}__title-left-addon`
-}, titleLeftAddon), (0, _Translate.isLikeText)(title) ? /*#__PURE__*/_react.default.createElement(_Heading.default, null, title) : title, titleRightAddon && /*#__PURE__*/_react.default.createElement("span", {
-  className: `${baseClassName}__title-right-addon`
-}, titleRightAddon)), _react.Children.toArray(children).length ? /*#__PURE__*/_react.default.createElement("div", {
-  className: `${baseClassName}__content`
-}, children) : null), tabs && /*#__PURE__*/_react.default.createElement("div", {
-  className: `${baseClassName}__tabs`
-}, /*#__PURE__*/_react.default.createElement("div", {
-  className: `${baseClassName}__tabs-inner`
-}, tabs)));
-
+const PageHeader = _ref => {
+  let {
+    baseClassName = `${_constants.CLS_PREFIX}page-header`,
+    className,
+    topAddon,
+    title,
+    titleLeftAddon,
+    titleRightAddon,
+    breadcrumbs,
+    tabs,
+    children,
+    ...props
+  } = _ref;
+  return /*#__PURE__*/_react.default.createElement("div", (0, _extends2.default)({
+    className: (0, _classnames.default)(baseClassName, className)
+  }, props), /*#__PURE__*/_react.default.createElement("div", {
+    className: `${baseClassName}__inner`
+  }, topAddon && /*#__PURE__*/_react.default.createElement("div", {
+    className: `${baseClassName}__top-addon`
+  }, topAddon), breadcrumbs && /*#__PURE__*/_react.default.createElement("div", {
+    className: `${baseClassName}__breadcrumbs`
+  }, breadcrumbs), title && /*#__PURE__*/_react.default.createElement("div", {
+    className: `${baseClassName}__title`
+  }, titleLeftAddon && /*#__PURE__*/_react.default.createElement("span", {
+    className: `${baseClassName}__title-left-addon`
+  }, titleLeftAddon), (0, _Translate.isLikeText)(title) ? /*#__PURE__*/_react.default.createElement(_Heading.default, null, title) : title, titleRightAddon && /*#__PURE__*/_react.default.createElement("span", {
+    className: `${baseClassName}__title-right-addon`
+  }, titleRightAddon)), _react.Children.toArray(children).length ? /*#__PURE__*/_react.default.createElement("div", {
+    className: `${baseClassName}__content`
+  }, children) : null), tabs && /*#__PURE__*/_react.default.createElement("div", {
+    className: `${baseClassName}__tabs`
+  }, /*#__PURE__*/_react.default.createElement("div", {
+    className: `${baseClassName}__tabs-inner`
+  }, tabs)));
+};
 var _default = PageHeader;
 exports.default = _default;

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