@plesk/ui-library 3.31.0 → 3.31.2

package/cjs/components/ComboBox/ComboBox.js

@@ -1,36 +1,25 @@
 "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 _classnames = _interopRequireDefault(require("classnames"));
-
 var _constants = require("../../constants");
-
 var _utils = require("../utils");
-
 var _Input = _interopRequireDefault(require("../Input"));
-
 var _Icon = _interopRequireDefault(require("../Icon"));
-
 var _ComboBoxDropdown = _interopRequireWildcard(require("../ComboBoxDropdown"));
-
 var _ComboBoxOption = _interopRequireDefault(require("./ComboBoxOption"));
-
 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 collect = (children, options = []) => {
+
+const collect = function (children) {
+  let options = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : [];
   _react.Children.forEach(children, child => {
     if ( /*#__PURE__*/(0, _react.isValidElement)(child) && child.type === _ComboBoxOption.default) {
       // eslint-disable-next-line prefer-const
@@ -40,11 +29,9 @@ const collect = (children, options = []) => {
         children,
         ...props
       } = child.props;
-
       if (typeof value !== 'string') {
         throw new Error('The value can only be a number or a string.');
       }
-
       const option = {
         value: String(value),
         children,
@@ -54,29 +41,28 @@ const collect = (children, options = []) => {
       options.push(option);
     }
   });
-
   return {
     options
   };
 };
-
 /**
  * `ComboBox` component is a combination of [Select](#!/Select) and [Input](#!/Input)
  *  which allows to either enter a value directly into the field or choose from a list of existing options.
  * @since 2.6.0
  */
-const ComboBox = ({
-  baseClassName = `${_constants.CLS_PREFIX}combobox`,
-  className,
-  value = '',
-  onChange,
-  disabled = false,
-  size,
-  textAlign,
-  placeholder,
-  children,
-  ...props
-}) => {
+const ComboBox = _ref => {
+  let {
+    baseClassName = `${_constants.CLS_PREFIX}combobox`,
+    className,
+    value = '',
+    onChange,
+    disabled = false,
+    size,
+    textAlign,
+    placeholder,
+    children,
+    ...props
+  } = _ref;
   const [opened, setOpened] = (0, _react.useState)(false);
   const [highlightedIndex, setHighlightedIndex] = (0, _react.useState)(-1);
   const inputRef = (0, _react.useRef)(null);
@@ -85,69 +71,53 @@ const ComboBox = ({
   const {
     options
   } = collect(children);
-
   const handleClose = () => {
     setOpened(false);
     setHighlightedIndex(-1);
   };
-
   const handleToggle = () => {
     if (opened) {
       handleClose();
     } else {
       setOpened(true);
-
       if (inputRef.current) {
         inputRef.current.focus();
       }
     }
   };
-
   const handleChange = nextValue => (0, _utils.safeInvoke)(onChange, nextValue);
-
   const handleInputChange = e => handleChange(e.target.value);
-
   const handleSelect = nextValue => {
     handleChange(nextValue);
     handleClose();
   };
-
   const moveHighlightedIndex = diff => {
     if (!opened) {
       setOpened(true);
     }
-
     const nextIndex = (0, _ComboBoxDropdown.findNextSafeIndex)(highlightedIndex, diff, options);
-
     if (nextIndex !== -1) {
       setHighlightedIndex(nextIndex);
       emitterRef.current.emit('focus', nextIndex);
     }
   };
-
   const confirmHighlightedIndex = index => {
     if (!opened && index === undefined) {
       return;
     }
-
     const option = options[index === undefined ? highlightedIndex : index];
-
     if (!option) {
       return;
     }
-
     if (option.disabled) {
       return;
     }
-
     const nextValue = option.value;
     (0, _utils.safeInvoke)(onChange, nextValue);
   };
-
   const handleHighlightedIndexChange = index => {
     setHighlightedIndex(index);
   };
-
   const handleKeyDown = e => {
     switch (e.key) {
       case 'ArrowUp':
@@ -155,29 +125,24 @@ const ComboBox = ({
         setOpened(true);
         moveHighlightedIndex(-1);
         break;
-
       case 'ArrowDown':
         e.preventDefault();
         setOpened(true);
         moveHighlightedIndex(1);
         break;
-
       case 'Enter':
         if (opened) {
           e.preventDefault();
           confirmHighlightedIndex(highlightedIndex);
           handleClose();
         }
-
         break;
-
       case 'Escape':
         e.preventDefault();
         handleClose();
         break;
     }
   };
-
   const button = /*#__PURE__*/_react.default.createElement("button", {
     className: `${baseClassName}__dropdown-button`,
     onClick: handleToggle,
@@ -188,7 +153,6 @@ const ComboBox = ({
   }, /*#__PURE__*/_react.default.createElement(_Icon.default, {
     name: "chevron-down"
   }));
-
   const control = /*#__PURE__*/_react.default.createElement(_Input.default, {
     className: (0, _classnames.default)(`${baseClassName}__input`, {
       [`${baseClassName}__input--disabled`]: disabled
@@ -208,7 +172,6 @@ const ComboBox = ({
       ref: controlRef
     }
   });
-
   return /*#__PURE__*/_react.default.createElement(_ComboBoxDropdown.default, (0, _extends2.default)({
     className: (0, _classnames.default)(baseClassName, className, {
       [`${baseClassName}--size-${size}`]: size
@@ -229,7 +192,6 @@ const ComboBox = ({
     emitter: emitterRef.current
   }, props));
 };
-
 const withDefaultValue = Component => {
   const Wrapper = props => {
     // eslint-disable-next-line react/prop-types
@@ -239,7 +201,6 @@ const withDefaultValue = Component => {
     } = props;
     const [value, setValue] = (0, _react.useState)(defaultValue);
     let propOverrides;
-
     if (props.value === undefined) {
       propOverrides = {
         value,
@@ -249,14 +210,10 @@ const withDefaultValue = Component => {
         }
       };
     }
-
     return /*#__PURE__*/_react.default.createElement(Component, (0, _extends2.default)({}, props, propOverrides));
   };
-
   Wrapper.displayName = `withDefaultValue(${Component.name})`;
   return Wrapper;
 };
-
 var _default = withDefaultValue(ComboBox);
-
 exports.default = _default;

package/cjs/components/ComboBox/ComboBoxOption.js

@@ -1,30 +1,24 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _react = _interopRequireDefault(require("react"));
-
 // Copyright 1999-2020. Plesk International GmbH. All rights reserved.
 
 /**
  * `ComboBoxOption` is a part of [ComboBox](#!/ComboBox) component.
  * @since 2.6.0
- */
-// eslint-disable-next-line @typescript-eslint/no-unused-vars
+ */ // eslint-disable-next-line @typescript-eslint/no-unused-vars
 const ComboBoxOption = _props => {
   // styleguidist doesn't show Props & Methods if component renders nothing
   // eslint-disable-next-line no-constant-condition
   if (false) {
     return /*#__PURE__*/_react.default.createElement("option", null);
   }
-
   return null;
 };
-
 var _default = ComboBoxOption;
 exports.default = _default;

package/cjs/components/ComboBox/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 _ComboBox.default;
   }
 });
-
 var _ComboBox = _interopRequireDefault(require("./ComboBox"));
-
 var _ComboBoxOption = _interopRequireDefault(require("./ComboBoxOption"));

package/cjs/components/ComboBoxDropdown/ComboBoxDropdown.js

@@ -1,76 +1,60 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.findNextSafeIndex = exports.default = void 0;
-
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-
 var _react = _interopRequireWildcard(require("react"));
-
 var _constants = require("../../constants");
-
 var _classnames = _interopRequireDefault(require("classnames"));
-
 var _Popper = _interopRequireDefault(require("../Popper"));
-
 var _Menu = _interopRequireWildcard(require("../Menu"));
-
 var _AutoClosable = _interopRequireDefault(require("../AutoClosable"));
-
 var _utils = require("../utils");
-
 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/prop-types */
+
 const findNextSafeIndex = (currIndex, diff, options) => {
   const maxIndex = options.length - 1;
   let attempt = 0;
-
   for (let i = currIndex + diff; attempt < options.length; i += diff) {
     attempt += 1;
-
     if (i > maxIndex) {
       i = 0;
     } else if (i < 0) {
       i = maxIndex;
     }
-
     if (options[i] && options[i].disabled === false) {
       return i;
     }
   }
-
   return -1;
 };
-
 exports.findNextSafeIndex = findNextSafeIndex;
-
-const ComboBoxDropdown = ({
-  baseClassName = `${_constants.CLS_PREFIX}combobox-dropdown`,
-  className,
-  control,
-  controlRef,
-  opened,
-  disabled,
-  groups,
-  options,
-  onHighlightedIndexChange,
-  onClose,
-  value,
-  highlightedIndex,
-  onSelect,
-  noOptions,
-  emitter,
-  ...props
-}) => {
+const ComboBoxDropdown = _ref => {
+  let {
+    baseClassName = `${_constants.CLS_PREFIX}combobox-dropdown`,
+    className,
+    control,
+    controlRef,
+    opened,
+    disabled,
+    groups,
+    options,
+    onHighlightedIndexChange,
+    onClose,
+    value,
+    highlightedIndex,
+    onSelect,
+    noOptions,
+    emitter,
+    ...props
+  } = _ref;
   const rootRef = (0, _react.useRef)(null);
   const menuRef = (0, _react.useRef)(null);
   const [minWidth, setMinWidth] = (0, _react.useState)(0);
@@ -79,7 +63,6 @@ const ComboBoxDropdown = ({
       const {
         width
       } = rootRef.current.getBoundingClientRect();
-
       if (width !== minWidth) {
         setMinWidth(width);
       }
@@ -89,11 +72,9 @@ const ComboBoxDropdown = ({
     if (!opened) {
       return undefined;
     }
-
     const listener = () => {
       (0, _utils.safeInvoke)(onClose);
     };
-
     window.addEventListener('resize', listener, {
       once: true
     });
@@ -103,11 +84,9 @@ const ComboBoxDropdown = ({
     if (!emitter) {
       return;
     }
-
     emitter.on('focus', index => {
       if (menuRef.current) {
         const target = menuRef.current.querySelector(`[data-index="${index}"]`);
-
         if (target) {
           (0, _utils.scrollIntoView)(target, {
             behavior: 'instant',
@@ -118,7 +97,6 @@ const ComboBoxDropdown = ({
       }
     });
   }, [emitter]);
-
   const target = /*#__PURE__*/_react.default.createElement(_AutoClosable.default, {
     onClose: () => {
       setTimeout(() => {
@@ -128,7 +106,6 @@ const ComboBoxDropdown = ({
     ignoreNodes: () => [menuRef.current],
     nodeRef: controlRef
   }, control);
-
   return /*#__PURE__*/_react.default.createElement("div", (0, _extends2.default)({
     className: className
   }, props, {
@@ -151,30 +128,26 @@ const ComboBoxDropdown = ({
         key: `group_${group.label}`
       }), group.label));
     }
-
     group.options.forEach(option => {
       const optionIndex = options.indexOf(option);
       let onClick;
       let onMouseOver;
       let onMouseDown;
-
       if (!option.disabled) {
         onClick = e => {
           e.preventDefault();
           (0, _utils.safeInvoke)(onSelect, option.value);
         };
-
         onMouseOver = () => {
           // TODO: use throttle
           (0, _utils.safeInvoke)(onHighlightedIndexChange, optionIndex);
         };
-
         onMouseDown = e => {
           e.preventDefault();
         };
       }
-
-      const menuItemProps = { ...option.props,
+      const menuItemProps = {
+        ...option.props,
         active: value === option.value,
         className: (0, _classnames.default)(`${baseClassName}__option`, {
           [`${baseClassName}__option--selected`]: optionIndex === highlightedIndex
@@ -195,6 +168,5 @@ const ComboBoxDropdown = ({
     className: `${baseClassName}__no-options`
   }, noOptions))));
 };
-
 var _default = ComboBoxDropdown;
 exports.default = _default;

package/cjs/components/ComboBoxDropdown/index.js

@@ -15,9 +15,6 @@ Object.defineProperty(exports, "findNextSafeIndex", {
     return _ComboBoxDropdown.findNextSafeIndex;
   }
 });
-
 var _ComboBoxDropdown = _interopRequireWildcard(require("./ComboBoxDropdown"));
-
 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; }

package/cjs/components/ConsoleOutput/ConsoleOutput.js

@@ -1,48 +1,37 @@
 "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 _classnames = _interopRequireDefault(require("classnames"));
-
 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 scrollToBottom = el => {
   el.scrollTop = el.scrollHeight;
 };
-
 /**
  * `ConsoleOutput` component is used for showing dynamically updating data from console output.
  * @since 0.0.35
  */
 class ConsoleOutput extends _react.PureComponent {
-  constructor(...args) {
-    super(...args);
+  constructor() {
+    super(...arguments);
     (0, _defineProperty2.default)(this, "rootRef", /*#__PURE__*/(0, _react.createRef)());
     (0, _defineProperty2.default)(this, "prevScrollTop", 0);
     (0, _defineProperty2.default)(this, "autoscrollCancelled", false);
     (0, _defineProperty2.default)(this, "handleScroll", () => {
       const el = this.rootRef.current;
-
       if (!el) {
         return;
       }
-
       if (el.scrollTop < this.prevScrollTop) {
         this.autoscrollCancelled = true;
       } else if (el.clientHeight + el.scrollTop >= el.scrollHeight) {
@@ -50,33 +39,27 @@ class ConsoleOutput extends _react.PureComponent {
       }
     });
   }
-
   componentDidMount() {
     const {
       autoscroll
     } = this.props;
     const el = this.rootRef.current;
-
     if (autoscroll && el) {
       scrollToBottom(el);
     }
   }
-
   componentDidUpdate() {
     const {
       autoscroll
     } = this.props;
     const el = this.rootRef.current;
-
     if (autoscroll && el) {
       this.prevScrollTop = el.scrollTop;
-
       if (!this.autoscrollCancelled) {
         scrollToBottom(el);
       }
     }
   }
-
   render() {
     const {
       baseClassName,
@@ -98,9 +81,7 @@ class ConsoleOutput extends _react.PureComponent {
       className: `${baseClassName}__cursor`
     }) : null);
   }
-
 }
-
 (0, _defineProperty2.default)(ConsoleOutput, "defaultProps", {
   baseClassName: `${_constants.CLS_PREFIX}console-output`,
   wide: false,

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