@plesk/ui-library 3.31.0 → 3.31.2

package/cjs/components/Layout/Layout.js

@@ -1,76 +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 _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-
 var _react = _interopRequireWildcard(require("react"));
-
 var _propTypes = _interopRequireDefault(require("prop-types"));
-
 var _reactMeasure = _interopRequireDefault(require("react-measure"));
-
 var _classnames = _interopRequireDefault(require("classnames"));
-
 var _reactTransitionGroup = require("react-transition-group");
-
 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 propTypes = {
   /**
    * Type of the `Layout`
    * @since 1.4.0
    */
   type: _propTypes.default.oneOf(['fluid', 'simplified']),
-
   /**
    * Header content.
    * @since 1.4.0
    */
   header: _propTypes.default.node,
-
   /**
    * Define header position - always on top (fixed) or static.
    * @since 1.4.0
    */
   headerFixed: _propTypes.default.bool,
-
   /**
    * Additional content at the top of the header.
    * @since 3.2.0
    */
   headerAddon: _propTypes.default.node,
-
   /**
    * Sidebar content.
    * @since 1.4.0
    */
   sidebar: _propTypes.default.node,
-
   /**
    * Sidebar type.
    * @since 3.2.0
    */
   sidebarType: _propTypes.default.oneOf(['collapsed', 'folded']),
-
   /**
    * Define if sidebar can collapse.
    * @since 1.4.0
    */
   sidebarCollapsible: _propTypes.default.bool,
-
   /**
    * Sidebar collapsed state.
    * A boolean value is used for desktop mode only, but you can set an array with collapsed states for all modes, e.g. `['responsive', 'desktop']`.
@@ -78,37 +60,31 @@ const propTypes = {
    * @since 1.4.0
    */
   sidebarCollapsed: _propTypes.default.oneOfType([_propTypes.default.bool, _propTypes.default.array]),
-
   /**
    * Additional content between header and main content.
    * @since 1.4.0
    */
   contentAddon: _propTypes.default.node,
-
   /**
    * Content header.
    * @since 3.0.0
    */
   contentHeader: _propTypes.default.node,
-
   /**
    * Footer content.
    * @since 1.4.0
    */
   footer: _propTypes.default.node,
-
   /**
    * Main content of the `Layout`.
    * @since 1.4.0
    */
   children: _propTypes.default.node,
-
   /**
    * Width of the content
    * @since 3.0.0
    */
   width: _propTypes.default.oneOf(['sm', 'md', 'lg']),
-
   /**
    * Sidebar onToggle handler.
    * The handler is called with two args:
@@ -119,12 +95,10 @@ const propTypes = {
    * @since 1.4.0
    */
   onSidebarToggle: _propTypes.default.func,
-
   /**
    * @ignore
    */
   className: _propTypes.default.string,
-
   /**
    * @ignore
    */
@@ -148,7 +122,6 @@ const defaultProps = {
   className: undefined,
   baseClassName: `${_constants.CLS_PREFIX}layout`
 };
-
 const subscribeMatchMedia = (query, handler) => {
   const mq = window.matchMedia(query);
   handler(mq);
@@ -157,18 +130,18 @@ const subscribeMatchMedia = (query, handler) => {
     mq.removeListener(handler);
   };
 };
-
 const subscribeClickOutside = (refs, handler) => {
   const listener = event => {
-    if (refs.some(({
-      current
-    }) => !current || current.contains(event.target))) {
+    if (refs.some(_ref => {
+      let {
+        current
+      } = _ref;
+      return !current || current.contains(event.target);
+    })) {
       return;
     }
-
     handler(event);
   };
-
   document.addEventListener('mousedown', listener);
   document.addEventListener('touchstart', listener);
   return () => {
@@ -176,11 +149,10 @@ const subscribeClickOutside = (refs, handler) => {
     document.removeEventListener('touchstart', listener);
   };
 };
+
 /**
  * @since 1.4.0
  */
-
-
 class Layout extends _react.Component {
   constructor(props) {
     super(props);
@@ -189,9 +161,10 @@ class Layout extends _react.Component {
       headerHeight: null,
       isResponsive: window.matchMedia('(max-width: 1022px)').matches
     });
-    (0, _defineProperty2.default)(this, "handleMatchMedia", ({
-      matches
-    }) => {
+    (0, _defineProperty2.default)(this, "handleMatchMedia", _ref2 => {
+      let {
+        matches
+      } = _ref2;
       this.setState({
         isResponsive: matches
       });
@@ -200,7 +173,6 @@ class Layout extends _react.Component {
       const {
         isResponsive
       } = this.state;
-
       if (isResponsive) {
         this.setState({
           isSidebarClosedResponsive: true
@@ -219,9 +191,10 @@ class Layout extends _react.Component {
         }
       });
     });
-    (0, _defineProperty2.default)(this, "handleResize", ({
-      bounds
-    }) => {
+    (0, _defineProperty2.default)(this, "handleResize", _ref3 => {
+      let {
+        bounds
+      } = _ref3;
       this.setState({
         headerHeight: bounds.height
       });
@@ -238,7 +211,6 @@ class Layout extends _react.Component {
     this.sidebarRef = /*#__PURE__*/(0, _react.createRef)();
     this.responsiveSidebarTogglerRef = /*#__PURE__*/(0, _react.createRef)();
   }
-
   static getDerivedStateFromProps(props, state) {
     const {
       sidebarCollapsed
@@ -247,7 +219,6 @@ class Layout extends _react.Component {
       prevSidebarCollapsed
     } = state;
     const nextState = {};
-
     if (sidebarCollapsed !== prevSidebarCollapsed) {
       if (Array.isArray(sidebarCollapsed)) {
         nextState.isSidebarClosedDesktop = sidebarCollapsed.includes('desktop');
@@ -256,24 +227,21 @@ class Layout extends _react.Component {
         nextState.isSidebarClosedDesktop = Boolean(sidebarCollapsed);
       }
     }
-
     nextState.prevSidebarCollapsed = sidebarCollapsed;
     return nextState;
   }
-
   componentDidMount() {
     this.unsubscribeMatchMedia = subscribeMatchMedia('(max-width: 1022px)', this.handleMatchMedia);
     this.unsubscribeClickOutside = subscribeClickOutside([this.sidebarRef, this.responsiveSidebarTogglerRef], this.handleClickOutside);
   }
-
   componentWillUnmount() {
     this.unsubscribeMatchMedia();
     this.unsubscribeClickOutside();
   }
-
-  renderHeader({
-    header
-  }) {
+  renderHeader(_ref4) {
+    let {
+      header
+    } = _ref4;
     const {
       baseClassName,
       headerAddon,
@@ -282,11 +250,9 @@ class Layout extends _react.Component {
     const {
       headerHeight
     } = this.state;
-
     if (!header) {
       return null;
     }
-
     const isSidebarClosed = this.getSidebarClosed();
     return /*#__PURE__*/_react.default.createElement(_reactTransitionGroup.CSSTransition, {
       in: !isSidebarClosed,
@@ -309,80 +275,77 @@ class Layout extends _react.Component {
     }, /*#__PURE__*/_react.default.createElement(_reactMeasure.default, {
       onResize: this.handleResize,
       bounds: true
-    }, ({
-      measureRef
-    }) => /*#__PURE__*/_react.default.createElement("div", {
-      ref: measureRef,
-      className: `${baseClassName}__header-inner`
-    }, headerAddon ? /*#__PURE__*/_react.default.createElement("div", {
-      className: `${baseClassName}__header-addon`
-    }, headerAddon) : null, /*#__PURE__*/_react.default.createElement("div", {
-      className: `${baseClassName}__header-content`
-    }, sidebar && /*#__PURE__*/_react.default.createElement("button", {
-      className: (0, _classnames.default)(`${baseClassName}__responsive-sidebar-toggler`, {
-        [`${baseClassName}__responsive-sidebar-toggler--open`]: !isSidebarClosed
-      }),
-      type: "button",
-      onClick: this.handleToggle,
-      ref: this.responsiveSidebarTogglerRef
-    }, /*#__PURE__*/_react.default.createElement("span", {
-      className: `${baseClassName}__responsive-sidebar-toggler-inner`
-    }, /*#__PURE__*/_react.default.createElement("span", {
-      className: `${baseClassName}__responsive-sidebar-toggler-icon`
-    }))), /*#__PURE__*/_react.default.createElement("div", {
-      className: `${baseClassName}__header-content-inner`
-    }, header))))));
+    }, _ref5 => {
+      let {
+        measureRef
+      } = _ref5;
+      return /*#__PURE__*/_react.default.createElement("div", {
+        ref: measureRef,
+        className: `${baseClassName}__header-inner`
+      }, headerAddon ? /*#__PURE__*/_react.default.createElement("div", {
+        className: `${baseClassName}__header-addon`
+      }, headerAddon) : null, /*#__PURE__*/_react.default.createElement("div", {
+        className: `${baseClassName}__header-content`
+      }, sidebar && /*#__PURE__*/_react.default.createElement("button", {
+        className: (0, _classnames.default)(`${baseClassName}__responsive-sidebar-toggler`, {
+          [`${baseClassName}__responsive-sidebar-toggler--open`]: !isSidebarClosed
+        }),
+        type: "button",
+        onClick: this.handleToggle,
+        ref: this.responsiveSidebarTogglerRef
+      }, /*#__PURE__*/_react.default.createElement("span", {
+        className: `${baseClassName}__responsive-sidebar-toggler-inner`
+      }, /*#__PURE__*/_react.default.createElement("span", {
+        className: `${baseClassName}__responsive-sidebar-toggler-icon`
+      }))), /*#__PURE__*/_react.default.createElement("div", {
+        className: `${baseClassName}__header-content-inner`
+      }, header)));
+    })));
   }
-
-  renderContentAddon({
-    contentAddon
-  }) {
+  renderContentAddon(_ref6) {
+    let {
+      contentAddon
+    } = _ref6;
     const {
       baseClassName
     } = this.props;
-
     if (!contentAddon) {
       return null;
     }
-
     return /*#__PURE__*/_react.default.createElement("div", {
       className: `${baseClassName}__content-addon`
     }, /*#__PURE__*/_react.default.createElement("div", {
       className: `${baseClassName}__content-addon-inner`
     }, contentAddon));
   }
-
-  renderContentHeader({
-    contentHeader
-  }) {
+  renderContentHeader(_ref7) {
+    let {
+      contentHeader
+    } = _ref7;
     const {
       baseClassName
     } = this.props;
-
     if (!contentHeader) {
       return null;
     }
-
     return /*#__PURE__*/_react.default.createElement("div", {
       className: `${baseClassName}__content-header`
     }, /*#__PURE__*/_react.default.createElement("div", {
       className: `${baseClassName}__content-header-inner`
     }, contentHeader));
   }
-
-  renderSidebar({
-    sidebar
-  }) {
+  renderSidebar(_ref8) {
+    let {
+      sidebar
+    } = _ref8;
     const {
       baseClassName,
       sidebarCollapsible,
       type
     } = this.props;
-
     if (!sidebar || type === 'simplified') {
       return null;
     }
-
     const isSidebarClosed = this.getSidebarClosed();
     return /*#__PURE__*/_react.default.createElement(_reactTransitionGroup.CSSTransition, {
       in: !isSidebarClosed,
@@ -415,10 +378,10 @@ class Layout extends _react.Component {
       className: `${baseClassName}__sidebar-toggler-inner`
     })))));
   }
-
-  renderMainContent({
-    children
-  }) {
+  renderMainContent(_ref9) {
+    let {
+      children
+    } = _ref9;
     const {
       baseClassName
     } = this.props;
@@ -428,25 +391,22 @@ class Layout extends _react.Component {
       className: `${baseClassName}__main-inner`
     }, children));
   }
-
-  renderFooter({
-    footer
-  }) {
+  renderFooter(_ref10) {
+    let {
+      footer
+    } = _ref10;
     const {
       baseClassName
     } = this.props;
-
     if (!footer) {
       return null;
     }
-
     return /*#__PURE__*/_react.default.createElement("footer", {
       className: `${baseClassName}__footer`
     }, /*#__PURE__*/_react.default.createElement("div", {
       className: `${baseClassName}__footer-inner`
     }, footer));
   }
-
   render() {
     const {
       baseClassName,
@@ -469,15 +429,12 @@ class Layout extends _react.Component {
     } = this.props;
     let width = widthProp;
     let headerPositionFixed = headerFixed;
-
     if (type === 'simplified') {
       headerPositionFixed = false;
-
       if (!width) {
         width = 'sm';
       }
     }
-
     const isSidebarClosed = this.getSidebarClosed();
     return /*#__PURE__*/_react.default.createElement("div", (0, _extends2.default)({
       className: (0, _classnames.default)(baseClassName, {
@@ -512,9 +469,7 @@ class Layout extends _react.Component {
       footer
     })))));
   }
-
 }
-
 exports.default = Layout;
 Layout.propTypes = propTypes;
 Layout.defaultProps = defaultProps;

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

package/cjs/components/Link/Link.js

@@ -1,54 +1,46 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _classnames = _interopRequireDefault(require("classnames"));
-
 var _react = _interopRequireWildcard(require("react"));
-
 var _utils = require("../../utils");
-
 var _constants = require("../../constants");
-
 var _OnDarkContext = _interopRequireDefault(require("../OnDarkContext"));
-
 var _utils2 = require("../utils");
-
 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-2022. Plesk International GmbH. All rights reserved.
 
+// eslint-disable-next-line space-infix-ops
+
 /**
  * FIXME: With the following code all @ts-ignore comments can be removed, but react-docgen cannot parse it.
  * const Link = <P extends any>({ ... }: LinkProps<P>) => {
  */
-
 /**
  * `Link` is used for navigation purposes.
  * @since 1.9.0
  */
-const Link = ({
-  baseClassName = `${_constants.CLS_PREFIX}link`,
-  className,
-  onClick,
-  disabled = false,
-  pseudo = false,
-  component,
-  children,
-  ...other
-}) => {
+const Link = _ref => {
+  let {
+    baseClassName = `${_constants.CLS_PREFIX}link`,
+    className,
+    onClick,
+    disabled = false,
+    pseudo = false,
+    component,
+    children,
+    ...other
+  } = _ref;
   const Component = component ? component : 'a';
   const onDark = (0, _react.useContext)(_OnDarkContext.default);
-  const props = { ...other,
+  const props = {
+    ...other,
     onClick,
     className: (0, _classnames.default)(baseClassName, className, {
       [`${baseClassName}--disabled`]: disabled,
@@ -60,18 +52,14 @@ const Link = ({
     target
   } = other;
   const external = !pseudo && target === '_blank';
-
   if (external && !props.rel) {
     props.rel = 'noopener noreferrer';
   }
-
   if (disabled) {
     props.onClick = e => e.preventDefault();
-
     props.tabIndex = -1;
-  } // accessibility
-
-
+  }
+  // accessibility
   if (onClick) {
     props.tabIndex = props.tabIndex || 0;
     props.onKeyDown = (0, _utils2.wrapFunction)(props.onKeyDown, e => {
@@ -81,7 +69,6 @@ const Link = ({
       }
     });
   }
-
   return (
     /*#__PURE__*/
     // @ts-ignore
@@ -92,6 +79,5 @@ const Link = ({
     }))
   );
 };
-
 var _default = Link;
 exports.default = _default;

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