@plesk/ui-library 3.31.0 → 3.31.2

package/cjs/components/Tabs/SearchBar.js

@@ -1,46 +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 _ButtonGroup = _interopRequireDefault(require("../ButtonGroup"));
-
 var _Input = _interopRequireDefault(require("../Input"));
-
 var _Button = _interopRequireDefault(require("../Button"));
-
 var _Badge = _interopRequireDefault(require("../Badge"));
-
 var _Menu = _interopRequireWildcard(require("../Menu"));
-
 var _ResponsiveContext = _interopRequireDefault(require("../ResponsiveContext"));
-
 var _DistractionFreeModeContext = _interopRequireDefault(require("../DistractionFreeModeContext"));
-
 var _utils2 = 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/no-deprecated */
@@ -50,8 +31,8 @@ function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj &&
  * @since 0.0.58
  */
 class SearchBar extends _react.Component {
-  constructor(...args) {
-    super(...args);
+  constructor() {
+    super(...arguments);
     (0, _defineProperty2.default)(this, "state", {
       focused: false,
       overMenu: false,
@@ -65,21 +46,17 @@ class SearchBar extends _react.Component {
         results
       } = this.props;
       const highlightedValue = this.getHighlightedValue();
-
       if (!results || !onItemSelect) {
         return;
       }
-
       const res = this.getResults();
       const currentIndex = res.indexOf(highlightedValue);
       let nextIndex;
-
       if (key === 'ArrowUp') {
         nextIndex = Math.max(currentIndex - 1, 0);
       } else if (key === 'ArrowDown') {
         nextIndex = Math.min(currentIndex + 1, res.length - 1);
       }
-
       this.setState({
         highlightedValue: currentIndex === -1 ? null : res[nextIndex]
       });
@@ -113,16 +90,13 @@ class SearchBar extends _react.Component {
       const {
         value
       } = e.target;
-
       if (['Enter', 'Escape', 'ArrowUp', 'ArrowDown'].indexOf(e.key) !== -1) {
         this.checkKeys(e.key);
         return;
       }
-
       this.setState({
         value
       });
-
       if (onTyping) {
         onTyping(value, () => this.clearInput());
       }
@@ -135,7 +109,6 @@ class SearchBar extends _react.Component {
       const {
         value
       } = this.state;
-
       if (onSearch) {
         onSearch(value, () => this.clearInput());
       } else if (onTyping) {
@@ -154,7 +127,6 @@ class SearchBar extends _react.Component {
         highlightedValue: null
       });
       this.handleBlur();
-
       if (onItemSelect) {
         onItemSelect(value, () => this.clearInput());
       } else {
@@ -168,7 +140,6 @@ class SearchBar extends _react.Component {
       } = this.props;
       this.isFocusScheduled = true;
       (0, _utils2.safeInvoke)(onExpand);
-
       if (distractionFreeMode) {
         distractionFreeMode.toggle();
       }
@@ -179,13 +150,11 @@ class SearchBar extends _react.Component {
         distractionFreeMode
       } = this.props;
       (0, _utils2.safeInvoke)(onCollapse);
-
       if (distractionFreeMode) {
         distractionFreeMode.toggle();
       }
     });
   }
-
   static getDerivedStateFromProps(props, state) {
     const {
       inputProps: {
@@ -198,74 +167,59 @@ class SearchBar extends _react.Component {
       } = {}
     } = state;
     const nextState = {};
-
     if (inputPropsValue !== prevInputPropsValue) {
       nextState.value = inputPropsValue;
     }
-
     nextState.prevInputProps = props.inputProps;
     return nextState;
   }
-
   componentDidUpdate() {
     if (this.isFocusScheduled) {
       this.handleFocus();
       this.isFocusScheduled = false;
     }
   }
-
   isResponsive() {
     return this.props.responsive;
   }
-
-  getResults(innerResults = false) {
+  getResults() {
+    let innerResults = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : false;
     const {
       results
     } = this.props;
-
     if (!results) {
       return [];
     }
-
     if (results.type === _Menu.default || innerResults) {
       let res = [];
       const children = innerResults || results.props.children;
-
       for (let i = 0; i < children.length; i++) {
         const child = children[i];
-
         if (!child) {
           continue;
         }
-
         if (child instanceof Array) {
           res = res.concat(this.getResults(child));
         } else if (child.type === _Menu.MenuItem || child.type === _Menu.MenuSelectableItem) {
           res.push(child.key);
         }
       }
-
       return res;
     }
-
     return results.map(item => item.value);
   }
-
   getHighlightedValue() {
     return this.state.highlightedValue || this.getResults()[0];
   }
-
   searchAction() {
     const {
       onItemSelect,
       results
     } = this.props;
     const highlightedValue = this.getHighlightedValue();
-
     if (onItemSelect && results) {
       const res = this.getResults();
       const currentIndex = res.indexOf(highlightedValue);
-
       if (currentIndex === -1) {
         this.handleSearch();
       } else {
@@ -275,7 +229,6 @@ class SearchBar extends _react.Component {
       this.handleSearch();
     }
   }
-
   checkKeys(key) {
     if (key === 'Enter') {
       this.searchAction();
@@ -290,33 +243,26 @@ class SearchBar extends _react.Component {
       this.keyboardNavigation(key);
     }
   }
-
   clearInput() {
     this.setState({
       value: ''
     }, this.handleSearch);
   }
-
   elementsIndexToKeyMapping(elements) {
     let result = [];
-
     for (let i = 0; i < elements.length; i++) {
       const element = elements[i];
-
       if (!element) {
         continue;
       }
-
       if (element instanceof Array) {
         result = result.concat(this.elementsIndexToKeyMapping(element));
       } else {
         result.push(element.key);
       }
     }
-
     return result;
   }
-
   renderResults() {
     const {
       baseClassName,
@@ -327,11 +273,9 @@ class SearchBar extends _react.Component {
       overMenu
     } = this.state;
     const highlightedValue = this.getHighlightedValue();
-
     if (!results || results.length === 0) {
       return null;
     }
-
     return /*#__PURE__*/_react.default.createElement(_Menu.default, {
       className: (0, _classnames.default)(`${baseClassName}__results`, {
         [`${baseClassName}__results--hidden`]: !focused && !overMenu
@@ -344,7 +288,6 @@ class SearchBar extends _react.Component {
       onClick: this.handleSelect(item.value)
     }, item.title)));
   }
-
   renderResultsMenu() {
     const {
       baseClassName,
@@ -356,11 +299,9 @@ class SearchBar extends _react.Component {
       overMenu
     } = this.state;
     const highlightedValue = this.getHighlightedValue();
-
     if (!results) {
       return null;
     }
-
     return /*#__PURE__*/(0, _react.cloneElement)(results, {
       className: (0, _classnames.default)(`${baseClassName}__results`, {
         [`${baseClassName}__results--hidden`]: !focused && !overMenu
@@ -377,12 +318,10 @@ class SearchBar extends _react.Component {
             active: child.key === highlightedValue
           });
         }
-
         return child;
       })
     });
   }
-
   render() {
     const {
       baseClassName,
@@ -454,44 +393,36 @@ class SearchBar extends _react.Component {
       }))
     })))), results && results.type === _Menu.default ? this.renderResultsMenu() : this.renderResults());
   }
-
 }
-
 const propTypes = {
   /**
    * @ignore
    */
   className: _propTypes.default.string,
-
   /**
    * @ignore
    */
   baseClassName: _propTypes.default.string,
-
   /**
    * Maximum width of SearchBar
    * @since 0.1.0
    */
   maxWidth: _propTypes.default.number,
-
   /**
    * Minimum width of SearchBar
    * @since 0.1.0
    */
   minWidth: _propTypes.default.number,
-
   /**
    * Should disable input and show spinner or not.
    * @since 0.1.0
    */
   loading: _propTypes.default.bool,
-
   /**
    * Should collapse input or not. Used for control in independence of context.
    * @since 0.1.0
    */
   responsive: _propTypes.default.bool,
-
   /**
    * Callback for pressing 'Enter' key or 'Search' button.
    *
@@ -501,7 +432,6 @@ const propTypes = {
    * @since 0.1.0
    */
   onSearch: _propTypes.default.func,
-
   /**
    * Callback for pressing any key in input. Used for a live search.
    *
@@ -511,7 +441,6 @@ const propTypes = {
    * @since 0.1.0
    */
   onTyping: _propTypes.default.func,
-
   /**
    * Callback for selecting menu item with mouse click or key pressing.
    *
@@ -521,25 +450,21 @@ const propTypes = {
    * @since 0.1.0
    */
   onItemSelect: _propTypes.default.func,
-
   /**
    * Should render toggle button or not.
    * @since 2.2.0
    */
   collapsable: _propTypes.default.bool,
-
   /**
    * Callback for pressing toggle button (in normal mode).
    * @since 2.2.0
    */
   onCollapse: _propTypes.default.func,
-
   /**
    * Callback for pressing toggle button (in collapsed mode).
    * @since 2.2.0
    */
   onExpand: _propTypes.default.func,
-
   /**
    * Results to display.
    * Could be specified by array of objects with "value" and "title" properties or by Menu component.
@@ -550,7 +475,6 @@ const propTypes = {
     value: _propTypes.default.string.isRequired,
     title: _propTypes.default.string.isRequired
   })), _propTypes.default.element]),
-
   /**
    * Props of underlying input element.
    * @since 0.4.1
@@ -573,7 +497,8 @@ const defaultProps = {
   results: undefined,
   inputProps: {}
 };
-SearchBar.propTypes = { ...propTypes,
+SearchBar.propTypes = {
+  ...propTypes,
   distractionFreeMode: _propTypes.default.shape({
     enabled: _propTypes.default.bool.isRequired,
     toggle: _propTypes.default.func.isRequired
@@ -582,7 +507,6 @@ SearchBar.propTypes = { ...propTypes,
 SearchBar.defaultProps = {
   distractionFreeMode: undefined
 };
-
 const SearchBarWrapper = props => {
   const distractionFreeMode = (0, _react.useContext)(_DistractionFreeModeContext.default);
   let responsive = (0, _react.useContext)(_ResponsiveContext.default);
@@ -592,7 +516,6 @@ const SearchBarWrapper = props => {
     distractionFreeMode: distractionFreeMode
   }));
 };
-
 SearchBarWrapper.displayName = 'SearchBar';
 SearchBarWrapper.propTypes = propTypes;
 SearchBarWrapper.defaultProps = defaultProps;

package/cjs/components/Tabs/Tab.js

@@ -1,18 +1,13 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _react = _interopRequireDefault(require("react"));
-
 var _propTypes = _interopRequireDefault(require("prop-types"));
-
 // Copyright 1999-2020. Plesk International GmbH. All rights reserved.
-
 /* eslint-disable react/no-unused-prop-types */
 
 /**
@@ -23,47 +18,43 @@ var _propTypes = _interopRequireDefault(require("prop-types"));
  * You can make `Tabs` closeable, for example, if you are using them for opening and displaying files.
  * @since 0.0.35
  */
-const Tab = ({
-  children
-}) => /*#__PURE__*/_react.default.createElement("div", null, children);
-
+const Tab = _ref => {
+  let {
+    children
+  } = _ref;
+  return /*#__PURE__*/_react.default.createElement("div", null, children);
+};
 Tab.propTypes = {
   /**
    * Tab title
    * @since 0.0.35
    */
   title: _propTypes.default.node.isRequired,
-
   /**
    * Label in tab title
    * @since 0.0.42
    */
   label: _propTypes.default.oneOfType([_propTypes.default.string, _propTypes.default.element]),
-
   /**
    * Name of icon or Icon component for tab
    * @since 0.0.42
    */
   icon: _propTypes.default.oneOfType([_propTypes.default.string, _propTypes.default.object, _propTypes.default.element]),
-
   /**
    * Activate callback.
    * @since 0.0.43
    */
   onActivate: _propTypes.default.func,
-
   /**
    * Close callback
    * @since 0.0.58
    */
   onClose: _propTypes.default.func,
-
   /**
    * Component to render as the root element.
    * @since 2.5.1
    */
   component: _propTypes.default.elementType,
-
   /**
    * Tab content
    * @since 0.0.47