@plesk/ui-library 3.31.0 → 3.31.2

package/cjs/components/Section/Section.js

@@ -1,80 +1,62 @@
 "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 _classnames = _interopRequireDefault(require("classnames"));
-
 var _reactMeasure = _interopRequireDefault(require("react-measure"));
-
 var _constants = require("../../constants");
-
 var _utils = require("../utils");
-
 var _InPlaceEdit = _interopRequireDefault(require("../InPlaceEdit"));
-
 var _Button = _interopRequireDefault(require("../Button"));
-
 var _VerticalContext = _interopRequireWildcard(require("../VerticalContext"));
-
 var _FormContext = _interopRequireDefault(require("../Form/FormContext"));
-
 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.
 
 /* eslint-disable react/no-deprecated */
+
 const getErrorsForChildren = (form, children) => {
   let errors = {};
-
   _react.Children.forEach(children, child => {
     if (! /*#__PURE__*/(0, _react.isValidElement)(child)) {
       return;
     }
-
     if (child.props.name) {
-      errors = { ...errors,
+      errors = {
+        ...errors,
         ...form.getErrors(child.props.name)
       };
     }
-
     if (child.props.children) {
-      errors = { ...errors,
+      errors = {
+        ...errors,
         ...getErrorsForChildren(form, child.props.children)
       };
     }
   });
-
   return errors;
 };
-
 class Section extends _react.Component {
-  constructor(...args) {
-    super(...args);
+  constructor() {
+    super(...arguments);
     (0, _defineProperty2.default)(this, "state", {
       vertical: false
     });
-    (0, _defineProperty2.default)(this, "handleResize", ({
-      bounds
-    }) => {
+    (0, _defineProperty2.default)(this, "handleResize", _ref => {
+      let {
+        bounds
+      } = _ref;
       if (this.props.vertical !== undefined) {
         return;
       }
-
       this.setState({
         vertical: bounds.width < _VerticalContext.VERTICAL_BREAKPOINT
       });
@@ -83,19 +65,20 @@ class Section extends _react.Component {
       if ((0, _utils.isClickable)(e)) {
         return;
       }
-
-      this.setState(({
-        collapsed
-      }) => ({
-        collapsed: !collapsed
-      }), () => {
+      this.setState(_ref2 => {
+        let {
+          collapsed
+        } = _ref2;
+        return {
+          collapsed: !collapsed
+        };
+      }, () => {
         if (this.props.onToggle) {
           this.props.onToggle(this.state.collapsed);
         }
       });
     });
   }
-
   static getDerivedStateFromProps(props, state) {
     const {
       collapsible,
@@ -108,30 +91,24 @@ class Section extends _react.Component {
       prevErrors
     } = state;
     const nextState = {};
-
     if (collapsed !== prevCollapsed) {
       nextState.collapsed = collapsed;
     }
-
     nextState.prevCollapsed = collapsed;
-
     if (collapsible && form) {
       const errors = getErrorsForChildren(form, children);
-
       if (JSON.stringify(errors) !== JSON.stringify(prevErrors) && Object.keys(errors).length > 0) {
         nextState.collapsed = false;
       }
-
       nextState.prevErrors = errors;
     }
-
     return nextState;
   }
-
-  renderCollapseButton({
-    baseClassName,
-    collapsible
-  }) {
+  renderCollapseButton(_ref3) {
+    let {
+      baseClassName,
+      collapsible
+    } = _ref3;
     const {
       collapsed
     } = this.state;
@@ -145,12 +122,12 @@ class Section extends _react.Component {
       onClick: this.handleCollapse
     });
   }
-
-  renderCloseButton({
-    baseClassName,
-    onClose,
-    buttons
-  }) {
+  renderCloseButton(_ref4) {
+    let {
+      baseClassName,
+      onClose,
+      buttons
+    } = _ref4;
     return (onClose || buttons) && /*#__PURE__*/_react.default.createElement("div", {
       className: `${baseClassName}__header-buttons`
     }, buttons, onClose && /*#__PURE__*/_react.default.createElement(_Button.default, {
@@ -160,39 +137,34 @@ class Section extends _react.Component {
       icon: "cross-mark"
     }));
   }
-
-  renderTitle({
-    baseClassName,
-    title,
-    onTitleChange
-  }) {
+  renderTitle(_ref5) {
+    let {
+      baseClassName,
+      title,
+      onTitleChange
+    } = _ref5;
     return title && /*#__PURE__*/_react.default.createElement(_InPlaceEdit.default, {
       className: `${baseClassName}__title`,
       value: title,
       onChange: onTitleChange,
       onClick: e => {
-        var _e$target$closest$que;
-
-        (_e$target$closest$que = e.target.closest(`.${baseClassName}__header`).querySelector(`.${baseClassName}__control-button`)) === null || _e$target$closest$que === void 0 ? void 0 : _e$target$closest$que.click();
+        e.target.closest(`.${baseClassName}__header`).querySelector(`.${baseClassName}__control-button`)?.click();
       }
     });
   }
-
-  renderContent({
-    collapsible,
-    children
-  }) {
+  renderContent(_ref6) {
+    let {
+      collapsible,
+      children
+    } = _ref6;
     const {
       collapsed
     } = this.state;
-
     if (collapsible && collapsed) {
       return null;
     }
-
     return children;
   }
-
   render() {
     const {
       baseClassName,
@@ -216,109 +188,98 @@ class Section extends _react.Component {
     }, /*#__PURE__*/_react.default.createElement(_reactMeasure.default, {
       onResize: this.handleResize,
       bounds: true
-    }, ({
-      measureRef
-    }) => /*#__PURE__*/_react.default.createElement("div", (0, _extends2.default)({
-      ref: measureRef,
-      className: (0, _classnames.default)(baseClassName, {
-        [`${baseClassName}--${intent}`]: intent,
-        [`${baseClassName}--collapsible`]: collapsible,
-        [`${baseClassName}--collapsed`]: this.state.collapsed,
-        [`${baseClassName}--vertical`]: vertical
-      }, className)
-    }, props), title && /*#__PURE__*/_react.default.createElement("div", {
-      className: `${baseClassName}__header`
-    }, this.renderCollapseButton({
-      baseClassName,
-      collapsible
-    }), this.renderTitle({
-      baseClassName,
-      title,
-      onTitleChange
-    }), this.renderCloseButton({
-      baseClassName,
-      onClose,
-      buttons
-    })), this.renderContent({
-      collapsible,
-      children
-    }))));
+    }, _ref7 => {
+      let {
+        measureRef
+      } = _ref7;
+      return /*#__PURE__*/_react.default.createElement("div", (0, _extends2.default)({
+        ref: measureRef,
+        className: (0, _classnames.default)(baseClassName, {
+          [`${baseClassName}--${intent}`]: intent,
+          [`${baseClassName}--collapsible`]: collapsible,
+          [`${baseClassName}--collapsed`]: this.state.collapsed,
+          [`${baseClassName}--vertical`]: vertical
+        }, className)
+      }, props), title && /*#__PURE__*/_react.default.createElement("div", {
+        className: `${baseClassName}__header`
+      }, this.renderCollapseButton({
+        baseClassName,
+        collapsible
+      }), this.renderTitle({
+        baseClassName,
+        title,
+        onTitleChange
+      }), this.renderCloseButton({
+        baseClassName,
+        onClose,
+        buttons
+      })), this.renderContent({
+        collapsible,
+        children
+      }));
+    }));
   }
-
 }
-
 const propTypes = {
   /**
    * Title of the section.
    * @since 0.0.54
    */
   title: _propTypes.default.node,
-
   /**
    * Visual intent color to apply to component.
    * @since 0.0.54
    */
   intent: _propTypes.default.oneOf(['danger', 'warning', 'success', 'inactive']),
-
   /**
    * Is section collapsible.
    * @since 0.0.54
    */
   collapsible: _propTypes.default.bool,
-
   /**
    * Is section collapsed now.
    * @since 0.0.54
    */
   collapsed: _propTypes.default.bool,
-
   /**
    * Event handler of title change with inline editing form.
    * @since 0.0.54
    */
   onTitleChange: _propTypes.default.func,
-
   /**
    * Event handler of closing section with X-sign at the right.
    * @since 0.0.54
    */
   onClose: _propTypes.default.func,
-
   /**
    * A callback executed when the section collapsing.
    * @since 3.26.0
    */
   onToggle: _propTypes.default.func,
-
   /**
    * Array of custom section action button at the right.
    * @since 0.0.54
    */
   buttons: _propTypes.default.arrayOf(_propTypes.default.element),
-
   /**
    * Vertical or horizontal section view.
    * Section view will be automatically switched if this parameter is not specified explicitly.
    * @since 0.3.0
    */
   vertical: _propTypes.default.bool,
-
   /**
    * Content of the `Section`.
    * @since 0.0.54
    */
   children: _propTypes.default.node,
-
   /**
    * @ignore
    */
   className: _propTypes.default.string,
-
   /**
    * @ignore
    */
   baseClassName: _propTypes.default.string,
-
   /**
    * @ignore
    */
@@ -341,6 +302,7 @@ const defaultProps = {
 };
 Section.propTypes = propTypes;
 Section.defaultProps = defaultProps;
+
 /**
  * `Section` component is used for dividing of complex content into groups for better readability
  * and comprehension of the presented information.
@@ -356,7 +318,6 @@ const SectionWrapper = props => {
     vertical: vertical
   }));
 };
-
 SectionWrapper.displayName = 'Section';
 SectionWrapper.propTypes = propTypes;
 SectionWrapper.defaultProps = defaultProps;

package/cjs/components/Section/SectionItem.js

@@ -1,43 +1,34 @@
 "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 _propTypes = _interopRequireDefault(require("prop-types"));
-
 var _classnames = _interopRequireDefault(require("classnames"));
-
 var _constants = require("../../constants");
-
 var _VerticalContext = _interopRequireDefault(require("../VerticalContext"));
-
 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.
 
 /**
  * `SectionItem` component is used for showing parameters and its values in [Section](#!/Section).
  * @since 0.0.54
  */
-const SectionItem = ({
-  baseClassName,
-  className,
-  children,
-  title,
-  actions,
-  vertical,
-  ...props
-}) => {
+const SectionItem = _ref => {
+  let {
+    baseClassName,
+    className,
+    children,
+    title,
+    actions,
+    vertical,
+    ...props
+  } = _ref;
   const verticalContext = (0, _react.useContext)(_VerticalContext.default);
   return /*#__PURE__*/_react.default.createElement("div", (0, _extends2.default)({
     className: (0, _classnames.default)(baseClassName, {
@@ -50,36 +41,30 @@ const SectionItem = ({
     className: `${baseClassName}__value`
   }, children));
 };
-
 SectionItem.propTypes = {
   /**
    * Content of the `SectionItem`.
    * @since 0.0.54
    */
   children: _propTypes.default.node,
-
   /**
    * @ignore
    */
   className: _propTypes.default.string,
-
   /**
    * @ignore
    */
   baseClassName: _propTypes.default.string,
-
   /**
    * Title of the section item.
    * @since 0.0.54
    */
   title: _propTypes.default.node,
-
   /**
    * Is this section item contains actions? If it so than there should be extra whitespaces.
    * @since 0.0.54
    */
   actions: _propTypes.default.bool,
-
   /**
    * @ignore
    */

package/cjs/components/Section/index.js

@@ -1,7 +1,6 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
@@ -17,7 +16,5 @@ Object.defineProperty(exports, "default", {
     return _Section.default;
   }
 });
-
 var _Section = _interopRequireDefault(require("./Section"));
-
 var _SectionItem = _interopRequireDefault(require("./SectionItem"));