@plesk/ui-library 3.31.0 → 3.31.2

package/cjs/components/Menu/Menu.js

@@ -1,44 +1,32 @@
 "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 _utils = require("../utils");
-
 var _propTypes = _interopRequireDefault(require("prop-types"));
-
 var _classnames = _interopRequireDefault(require("classnames"));
-
 var _constants = require("../../constants");
-
 var _MenuItem = _interopRequireDefault(require("./MenuItem"));
-
 var _MenuSelectableItem = _interopRequireDefault(require("./MenuSelectableItem"));
-
 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 hasIconItem = children => {
   let result = false;
-
   _react.Children.forEach(children, child => {
     if ( /*#__PURE__*/(0, _react.isValidElement)(child) && (child.type === _MenuSelectableItem.default || child.props.icon)) {
       result = true;
     }
   });
-
   return result;
 };
+
 /**
  * `Menu` component displays grouped controls for navigating the UI, performing actions on objects, or showing
  * options for [Lists](#!/List) (for example, sorting and filtering settings). `Menu` is most typically used in a
@@ -49,19 +37,18 @@ const hasIconItem = children => {
  * or separated by [Menu Dividers](#!/MenuDivider).
  * @since 0.0.55
  */
-
-
-const Menu = /*#__PURE__*/(0, _react.forwardRef)(function Menu({
-  baseClassName,
-  className,
-  children,
-  onItemClick,
-  overlay,
-  onKeyDown,
-  onFocus,
-  autoFocus,
-  ...props
-}, ref) {
+const Menu = /*#__PURE__*/(0, _react.forwardRef)(function Menu(_ref, ref) {
+  let {
+    baseClassName,
+    className,
+    children,
+    onItemClick,
+    overlay,
+    onKeyDown,
+    onFocus,
+    autoFocus,
+    ...props
+  } = _ref;
   const rootRef = (0, _react.useRef)();
   const {
     focusNext,
@@ -69,68 +56,54 @@ const Menu = /*#__PURE__*/(0, _react.forwardRef)(function Menu({
     focusFirst,
     focusLast
   } = (0, _react.useMemo)(() => (0, _utils.createFocusManager)(rootRef, node => (node.getAttribute('role') === 'menuitem' || node.getAttribute('role') === 'menuitemcheckbox') && node.getAttribute('aria-disabled') !== 'true'), []);
-
   const handleKeyDown = e => {
     switch (e.key) {
       case 'ArrowUp':
         e.preventDefault();
         focusPrev();
         break;
-
       case 'ArrowDown':
         e.preventDefault();
         focusNext();
         break;
-
       case 'Home':
       case 'PageUp':
         e.preventDefault();
         focusFirst();
         break;
-
       case 'End':
       case 'PageDown':
         e.preventDefault();
         focusLast();
         break;
     }
-
     (0, _utils.safeInvoke)(onKeyDown, e);
   };
-
   const handleFocus = e => {
     if (e.target === rootRef.current && autoFocus) {
       focusFirst();
     }
-
     (0, _utils.safeInvoke)(onFocus, e);
   };
-
   let hasTabIndex = false;
-
   const items = _react.Children.map(children, (child, index) => {
     if (! /*#__PURE__*/(0, _react.isValidElement)(child)) {
       return child;
     }
-
     const props = {
       tabIndex: -1
     };
-
     if (onItemClick) {
       props.onClick = (0, _utils.wrapFunction)(child.props.onClick, onItemClick.bind(null, child, index));
     }
-
     if (!hasTabIndex && (child.type === _MenuItem.default || child.type === _MenuSelectableItem.default) && !child.props.disabled) {
       props.tabIndex = 0;
       hasTabIndex = true;
     } else {
       props.tabIndex = -1;
     }
-
     return /*#__PURE__*/(0, _react.cloneElement)(child, props);
   });
-
   return /*#__PURE__*/_react.default.createElement("div", (0, _extends2.default)({
     className: (0, _classnames.default)(baseClassName, className, {
       [`${baseClassName}--icons`]: hasIconItem(children),
@@ -140,7 +113,6 @@ const Menu = /*#__PURE__*/(0, _react.forwardRef)(function Menu({
   }, props, {
     ref: el => {
       rootRef.current = el;
-
       if (ref) {
         ref.current = el;
       }
@@ -157,39 +129,32 @@ Menu.propTypes = {
    * @since 0.0.56
    */
   onItemClick: _propTypes.default.func,
-
   /**
    * Content of the `Menu`.
    * @since 0.0.55
    */
   children: _propTypes.default.node,
-
   /**
    * @ignore
    */
   onKeyDown: _propTypes.default.func,
-
   /**
    * @ignore
    */
   onFocus: _propTypes.default.func,
-
   /**
    * @ignore
    */
   autoFocus: _propTypes.default.bool,
-
   /**
    * Show menu in overlay.
    * @ignore
    */
   overlay: _propTypes.default.bool,
-
   /**
    * @ignore
    */
   className: _propTypes.default.string,
-
   /**
    * @ignore
    */

package/cjs/components/Menu/Menu.stories.js

@@ -1,25 +1,18 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.Tooltip = exports.FullFeatured = exports.Basic = void 0;
-
 var _react = _interopRequireWildcard(require("react"));
-
 var _ = _interopRequireWildcard(require("."));
-
 var _Label = _interopRequireDefault(require("../Label"));
-
 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 Basic = args => /*#__PURE__*/_react.default.createElement(_.default, args);
 
+const Basic = args => /*#__PURE__*/_react.default.createElement(_.default, args);
 exports.Basic = Basic;
 Basic.args = {
   children: [/*#__PURE__*/_react.default.createElement(_.MenuItem, {
@@ -43,7 +36,6 @@ Tooltip.args = {
         tooltip: 'One tooltip!'
       });
     }
-
     return item;
   })
 };

package/cjs/components/Menu/MenuBaseItem.js

@@ -1,83 +1,70 @@
 "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");
-
 var _Icon = _interopRequireWildcard(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-2020. Plesk International GmbH. All rights reserved.
 
 /**
  * `MenuBaseItem` component.
  * @since 0.0.60
  */
-const MenuBaseItem = ({
-  baseClassName,
-  className,
-  children,
-  icon,
-  label,
-  component: Component,
-  ...props
-}) => /*#__PURE__*/_react.default.createElement(Component, (0, _extends2.default)({
-  className: (0, _classnames.default)(baseClassName, className)
-}, props), /*#__PURE__*/_react.default.createElement("div", {
-  className: `${baseClassName}-icon`
-}, _Icon.default.create(icon, {
-  size: _Icon.ICON_SIZE_16
-})), /*#__PURE__*/_react.default.createElement("div", {
-  className: `${baseClassName}-content`
-}, children), /*#__PURE__*/_react.default.createElement("div", {
-  className: `${baseClassName}-label`
-}, label));
-
+const MenuBaseItem = _ref => {
+  let {
+    baseClassName,
+    className,
+    children,
+    icon,
+    label,
+    component: Component,
+    ...props
+  } = _ref;
+  return /*#__PURE__*/_react.default.createElement(Component, (0, _extends2.default)({
+    className: (0, _classnames.default)(baseClassName, className)
+  }, props), /*#__PURE__*/_react.default.createElement("div", {
+    className: `${baseClassName}-icon`
+  }, _Icon.default.create(icon, {
+    size: _Icon.ICON_SIZE_16
+  })), /*#__PURE__*/_react.default.createElement("div", {
+    className: `${baseClassName}-content`
+  }, children), /*#__PURE__*/_react.default.createElement("div", {
+    className: `${baseClassName}-label`
+  }, label));
+};
 MenuBaseItem.propTypes = {
   /**
    * Icon
    * @since 0.0.60
    */
   icon: _propTypes.default.oneOfType([_propTypes.default.string, _propTypes.default.object, _propTypes.default.element]),
-
   /**
    * Right label of item.
    * @since 0.0.60
    */
   label: _propTypes.default.node,
-
   /**
    * Content of the `MenuBaseItem`.
    * @since 0.0.60
    */
   children: _propTypes.default.node,
-
   /**
    * @ignore
    */
   className: _propTypes.default.string,
-
   /**
    * @ignore
    */
   baseClassName: _propTypes.default.string,
-
   /**
    * Component to render as the root element. Useful when rendering a `MenuBaseItem` as other component or tag.
    * @since 1.9.1

package/cjs/components/Menu/MenuDivider.js

@@ -1,43 +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 _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.
 
 /**
  * `MenuDivider` is a part of [Menu](#!/Menu) component.
  * @since 0.0.57
  */
-const MenuDivider = ({
-  baseClassName,
-  className,
-  ...props
-}) => /*#__PURE__*/_react.default.createElement("div", (0, _extends2.default)({
-  className: (0, _classnames.default)(baseClassName, className),
-  role: "separator"
-}, props));
-
+const MenuDivider = _ref => {
+  let {
+    baseClassName,
+    className,
+    ...props
+  } = _ref;
+  return /*#__PURE__*/_react.default.createElement("div", (0, _extends2.default)({
+    className: (0, _classnames.default)(baseClassName, className),
+    role: "separator"
+  }, props));
+};
 MenuDivider.propTypes = {
   /**
    * @ignore
    */
   className: _propTypes.default.string,
-
   /**
    * @ignore
    */

package/cjs/components/Menu/MenuHeader.js

@@ -1,52 +1,44 @@
 "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");
-
 var _MenuBaseItem = _interopRequireDefault(require("./MenuBaseItem"));
-
 // Copyright 1999-2020. Plesk International GmbH. All rights reserved.
 
 /**
  * `MenuHeader` is a part of [Menu](#!/Menu) component.
  * @since 0.0.57
  */
-const MenuHeader = ({
-  baseClassName,
-  className,
-  children,
-  ...props
-}) => /*#__PURE__*/_react.default.createElement(_MenuBaseItem.default, (0, _extends2.default)({
-  className: (0, _classnames.default)(baseClassName, className),
-  role: "none"
-}, props), children);
-
+const MenuHeader = _ref => {
+  let {
+    baseClassName,
+    className,
+    children,
+    ...props
+  } = _ref;
+  return /*#__PURE__*/_react.default.createElement(_MenuBaseItem.default, (0, _extends2.default)({
+    className: (0, _classnames.default)(baseClassName, className),
+    role: "none"
+  }, props), children);
+};
 MenuHeader.propTypes = {
   /**
    * Content of the `MenuHeader`.
    * @since 0.0.57
    */
   children: _propTypes.default.node,
-
   /**
    * @ignore
    */
   className: _propTypes.default.string,
-
   /**
    * @ignore
    */

package/cjs/components/Menu/MenuItem.js

@@ -1,50 +1,39 @@
 "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 _Tooltip = _interopRequireDefault(require("../Tooltip"));
-
 var _constants = require("../../constants");
-
 var _utils = require("../utils");
-
 var _MenuBaseItem = _interopRequireDefault(require("./MenuBaseItem"));
-
 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.
 
 /**
  * `MenuItem` is a part of [Menu](#!/Menu) component.
  * @since 0.0.55
  */
-const MenuItem = ({
-  baseClassName,
-  className,
-  children,
-  onClick,
-  active,
-  disabled,
-  icon,
-  label,
-  tooltip,
-  ...props
-}) => {
+const MenuItem = _ref => {
+  let {
+    baseClassName,
+    className,
+    children,
+    onClick,
+    active,
+    disabled,
+    icon,
+    label,
+    tooltip,
+    ...props
+  } = _ref;
   const element = /*#__PURE__*/_react.default.createElement(_MenuBaseItem.default, (0, _extends2.default)({
     className: (0, _classnames.default)(baseClassName, className, {
       [`${baseClassName}--active`]: active,
@@ -61,63 +50,52 @@ const MenuItem = ({
     icon: icon,
     label: label
   }, props), children);
-
   if (tooltip) {
     return (0, _utils.createProxyProps)(props => /*#__PURE__*/_react.default.createElement(_Tooltip.default, {
       title: tooltip
     }, /*#__PURE__*/(0, _react.cloneElement)(element, props)));
   }
-
   return element;
 };
-
 MenuItem.propTypes = {
   /**
    * Whether item is active.
    * @since 0.0.55
    */
   active: _propTypes.default.bool,
-
   /**
    * Whether item is disabled.
    * @since 0.0.55
    */
   disabled: _propTypes.default.bool,
-
   /**
    * Icon
    * @since 0.0.55
    */
   icon: _propTypes.default.oneOfType([_propTypes.default.string, _propTypes.default.object, _propTypes.default.element]),
-
   /**
    * Right label of item.
    * @since 0.0.57
    */
   label: _propTypes.default.node,
-
   /**
    * Tooltip for component.
    * @since 2.6.1
    */
   tooltip: _propTypes.default.node,
-
   /**
    * Content of the `MenuItem`.
    * @since 0.0.55
    */
   children: _propTypes.default.node,
-
   /**
    * @ignore
    */
   className: _propTypes.default.string,
-
   /**
    * @ignore
    */
   baseClassName: _propTypes.default.string,
-
   /**
    * @ignore
    */

package/cjs/components/Menu/MenuSelectableItem.js

@@ -1,61 +1,52 @@
 "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");
-
 var _MenuItem = _interopRequireDefault(require("./MenuItem"));
-
 // Copyright 1999-2020. Plesk International GmbH. All rights reserved.
 
 /**
  * `MenuSelectableItem` is a part of [Menu](#!/Menu) component.
  * @since 0.0.57
  */
-const MenuSelectableItem = ({
-  baseClassName,
-  className,
-  children,
-  selected,
-  ...props
-}) => /*#__PURE__*/_react.default.createElement(_MenuItem.default, (0, _extends2.default)({
-  className: (0, _classnames.default)(baseClassName, className),
-  icon: selected ? 'check-mark' : null,
-  role: "menuitemcheckbox",
-  "aria-checked": selected ? 'true' : 'false'
-}, props), children);
-
+const MenuSelectableItem = _ref => {
+  let {
+    baseClassName,
+    className,
+    children,
+    selected,
+    ...props
+  } = _ref;
+  return /*#__PURE__*/_react.default.createElement(_MenuItem.default, (0, _extends2.default)({
+    className: (0, _classnames.default)(baseClassName, className),
+    icon: selected ? 'check-mark' : null,
+    role: "menuitemcheckbox",
+    "aria-checked": selected ? 'true' : 'false'
+  }, props), children);
+};
 MenuSelectableItem.propTypes = {
   /**
    * Whether item is selected.
    * @since 0.0.57
    */
   selected: _propTypes.default.bool,
-
   /**
    * Content of the `MenuSelectableItem`.
    * @since 0.0.57
    */
   children: _propTypes.default.node,
-
   /**
    * @ignore
    */
   className: _propTypes.default.string,
-
   /**
    * @ignore
    */