@plesk/ui-library 3.31.0 → 3.31.2

package/cjs/components/InputNumber/InputNumber.js

@@ -1,89 +1,71 @@
 "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 _classnames = _interopRequireDefault(require("classnames"));
-
 var _react = _interopRequireWildcard(require("react"));
-
 var _utils = require("../utils");
-
 var _Input = _interopRequireDefault(require("../Input"));
-
 var _Button = _interopRequireDefault(require("../Button"));
-
 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 fitToMinMax = (value, min = Number.MIN_SAFE_INTEGER || -(Math.pow(2, 53) - 1), max = Number.MAX_SAFE_INTEGER || Math.pow(2, 53) - 1) => {
+
+const fitToMinMax = function (value) {
+  let min = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : Number.MIN_SAFE_INTEGER || -(Math.pow(2, 53) - 1);
+  let max = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : Number.MAX_SAFE_INTEGER || Math.pow(2, 53) - 1;
   if (max !== undefined && value > max) {
     return max;
   }
-
   if (min !== undefined && value < min) {
     return min;
   }
-
   return value;
 };
-
 const isLikeNumber = value => {
   if (String(value).trim() === '') {
     return false;
   }
-
   const number = parseFloat(String(value));
   return typeof number === 'number' && !isNaN(number);
 };
-
 const toNumber = value => {
   if (typeof value === 'string') {
     const number = parseFloat(value);
-
     if (!isLikeNumber(number)) {
       return 0;
     }
-
     return number;
   }
-
   return value;
 };
-
 const isMinDisabled = (value, min) => min !== undefined && value !== '' && value <= min;
-
 const isMaxDisabled = (value, max) => max !== undefined && value !== '' && value >= max;
+
 /**
  * `InputNumber` component is used for entering integer numbers.
  * @since 2.2.0
  */
-
-
-const InputNumber = ({
-  baseClassName = `${_constants.CLS_PREFIX}input-number`,
-  className,
-  defaultValue,
-  value: propValue,
-  disabled,
-  onChange,
-  min,
-  max,
-  step = 1,
-  decrementIcon = 'minus',
-  incrementIcon = 'plus',
-  ...props
-}) => {
+const InputNumber = _ref => {
+  let {
+    baseClassName = `${_constants.CLS_PREFIX}input-number`,
+    className,
+    defaultValue,
+    value: propValue,
+    disabled,
+    onChange,
+    min,
+    max,
+    step = 1,
+    decrementIcon = 'minus',
+    incrementIcon = 'plus',
+    ...props
+  } = _ref;
   const inputRef = (0, _react.useRef)(null);
   const isControlled = propValue !== undefined;
   const safeDefaultValue = typeof defaultValue === 'number' ? defaultValue : '';
@@ -95,83 +77,65 @@ const InputNumber = ({
       setValue(safePropValue);
     }
   }, [isControlled, safePropValue]);
-
   const fireChange = nextValue => {
     if (firedRef.current !== nextValue) {
       firedRef.current = nextValue;
       (0, _utils.safeInvoke)(onChange, nextValue);
     }
   };
-
   const createIncDec = diff => () => {
     const nextValue = fitToMinMax(toNumber(value) + diff, min, max);
-
     if (!isControlled || nextValue === safePropValue) {
       setValue(nextValue);
     }
-
     fireChange(nextValue);
   };
-
   const handleInc = createIncDec(+step);
   const handleDec = createIncDec(-step);
-
   const handleChange = e => {
     const currValue = e.target.value;
     let nextValue = currValue;
-
     if (String(currValue).trim() === '') {
       nextValue = '';
     }
-
     setValue(nextValue);
   };
-
   const handleKeyDown = e => {
     switch (e.key) {
       case 'ArrowUp':
         handleInc();
         break;
-
       case 'ArrowDown':
         handleDec();
         break;
-
       case 'Enter':
         handleBlur();
         break;
     }
   };
-
   const handleBlur = () => {
     let nextValue;
-
     if (isLikeNumber(value)) {
       nextValue = fitToMinMax(toNumber(value), min, max);
       fireChange(nextValue);
     } else {
       nextValue = '';
     }
-
     if (isControlled) {
       setValue(safePropValue);
     } else {
       setValue(nextValue);
     }
   };
-
   const handleMouseDown = e => {
     e.preventDefault();
-
     if (e.currentTarget.hasAttribute('disabled')) {
       return;
     }
-
     if (inputRef.current && document.activeElement !== inputRef.current) {
       inputRef.current.focus();
     }
   };
-
   const minDisabled = disabled || isMinDisabled(value, min);
   const maxDisabled = disabled || isMaxDisabled(value, max);
   return /*#__PURE__*/_react.default.createElement(_Input.default, (0, _extends2.default)({
@@ -203,6 +167,5 @@ const InputNumber = ({
     })
   }));
 };
-
 var _default = InputNumber;
 exports.default = _default;

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

package/cjs/components/Item/Item.js

@@ -1,57 +1,42 @@
 "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 _Icon = _interopRequireWildcard(require("../Icon"));
-
 var _Media = _interopRequireDefault(require("../Media"));
-
 var _Heading = _interopRequireDefault(require("../Heading"));
-
 var _Tooltip = _interopRequireDefault(require("../Tooltip"));
-
 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-2021. Plesk International GmbH. All rights reserved.
+
 const VIEW_SIMPLE = 'simple';
 const VIEW_CARD = 'card';
+
 /**
  * `Item` component is element of [ItemList](#!/ItemList) and it is presented as
  * a combination of icon, text title and content (similar to [Media](#!/Media)).
  * @since 0.0.48
  */
-
 class Item extends _react.Component {
   renderTitle(title) {
     if (!title) {
       return null;
     }
-
     const {
       baseClassName,
       view
     } = this.props;
     let wrappable = false;
-
     if (typeof title === 'string') {
       title = /*#__PURE__*/_react.default.createElement("span", null, title);
       wrappable = true;
@@ -59,39 +44,32 @@ class Item extends _react.Component {
       title = /*#__PURE__*/_react.default.createElement("a", title);
       wrappable = true;
     }
-
     if (wrappable && view === 'card') {
       title = /*#__PURE__*/_react.default.createElement(_Heading.default, {
         level: 3
       }, title);
     }
-
     if ( /*#__PURE__*/(0, _react.isValidElement)(title)) {
       title = /*#__PURE__*/(0, _react.cloneElement)(title, {
         className: (0, _classnames.default)(`${baseClassName}__title`, title.props.className)
       });
     }
-
     return title;
   }
-
   renderIcon(icon) {
     if (!icon) {
       return null;
     }
-
     if (typeof icon === 'string') {
       return _Icon.default.create({}, {
         size: _Icon.ICON_SIZE_32,
         [_Icon.NAMES.indexOf(icon) === -1 ? 'src' : 'name']: icon
       });
     }
-
     return _Icon.default.create(icon, {
       size: _Icon.ICON_SIZE_32
     });
   }
-
   render() {
     const {
       children,
@@ -109,7 +87,6 @@ class Item extends _react.Component {
       hoverable,
       ...props
     } = this.props;
-
     if (props.onClick) {
       if (disabled) {
         props.onClick = e => e.preventDefault();
@@ -123,7 +100,6 @@ class Item extends _react.Component {
         });
       }
     }
-
     const item = /*#__PURE__*/_react.default.createElement(Tag, (0, _extends2.default)({
       className: (0, _classnames.default)(baseClassName, {
         [`${baseClassName}--card`]: view === 'card',
@@ -141,89 +117,73 @@ class Item extends _react.Component {
     }, children) : null), footer && /*#__PURE__*/_react.default.createElement("footer", {
       className: `${baseClassName}__footer`
     }, footer));
-
     if (tooltip) {
       return (0, _utils.createProxyProps)(props => /*#__PURE__*/_react.default.createElement(_Tooltip.default, {
         title: tooltip
       }, /*#__PURE__*/(0, _react.cloneElement)(item, props)));
     }
-
     return item;
   }
-
 }
-
 Item.propTypes = {
   /**
    * Component to render as the root element. Useful when rendering a `Item` as `<a>` or `<Link>`.
    * @since 0.0.48
    */
   component: _propTypes.default.elementType,
-
   /**
    * View mode.
    * @since 2.1.0
    */
   view: _propTypes.default.oneOf([VIEW_SIMPLE, VIEW_CARD]),
-
   /**
    * Icon.
    * @since 0.0.48
    */
   icon: _propTypes.default.oneOfType([_propTypes.default.string, _propTypes.default.object, _propTypes.default.element]),
-
   /**
    * Title.
    * @since 0.0.48
    */
   title: _propTypes.default.oneOfType([_propTypes.default.string, _propTypes.default.object, _propTypes.default.element]),
-
   /**
    * Content for footer.
    * @since 2.1.0
    */
   footer: _propTypes.default.node,
-
   /**
    * Description. Renders as small grey text.
    * @since 2.1.0
    */
   description: _propTypes.default.node,
-
   /**
    * Content of the `Item`.
    * @since 0.0.48
    */
   children: _propTypes.default.node,
-
   /**
    * An unique value. It needs only in ItemList with selectable view.
    * @since 2.3.0
    */
   value: _propTypes.default.oneOfType([_propTypes.default.string, _propTypes.default.number]),
-
   /**
    * Tooltip for component.
    * @since 2.5.1
    */
   tooltip: _propTypes.default.node,
-
   /**
    * @ignore
    */
   className: _propTypes.default.string,
-
   /**
    * @ignore
    */
   baseClassName: _propTypes.default.string,
-
   /**
    * Whether disabled or not.
    * @since 3.15.0
    */
   disabled: _propTypes.default.bool,
-
   /**
    * Add hover shadow and pointer cursor.
    * @since 3.26.0

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

package/cjs/components/ItemLink/ItemLink.js

@@ -1,22 +1,15 @@
 "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 _classnames = _interopRequireDefault(require("classnames"));
-
 var _react = _interopRequireDefault(require("react"));
-
 var _utils = require("../utils");
-
 var _constants = require("../../constants");
-
 // Copyright 1999-2020. Plesk International GmbH. All rights reserved.
 
 /**
@@ -24,13 +17,14 @@ var _constants = require("../../constants");
  * is used for specifying a special action on the list (for example, adding new item).
  * @since 2.3.0
  */
-const ItemLink = ({
-  baseClassName = `${_constants.CLS_PREFIX}item-link`,
-  className,
-  children,
-  hoverable,
-  ...props
-}) => {
+const ItemLink = _ref => {
+  let {
+    baseClassName = `${_constants.CLS_PREFIX}item-link`,
+    className,
+    children,
+    hoverable,
+    ...props
+  } = _ref;
   if (props.onClick) {
     props.tabIndex = props.tabIndex || 0;
     props.role = props.role || 'button';
@@ -41,13 +35,11 @@ const ItemLink = ({
       }
     });
   }
-
   return /*#__PURE__*/_react.default.createElement("div", (0, _extends2.default)({
     className: (0, _classnames.default)(baseClassName, className)
   }, props), /*#__PURE__*/_react.default.createElement("div", {
     className: `${baseClassName}__content`
   }, children));
 };
-
 var _default = ItemLink;
 exports.default = _default;

package/cjs/components/ItemLink/ItemLink.stories.js

@@ -1,19 +1,15 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.Basic = void 0;
-
 var _react = _interopRequireDefault(require("react"));
-
 var _ItemLink = _interopRequireDefault(require("./ItemLink"));
-
 // Copyright 1999-2020. Plesk International GmbH. All rights reserved.
-const Basic = args => /*#__PURE__*/_react.default.createElement(_ItemLink.default, args);
 
+const Basic = args => /*#__PURE__*/_react.default.createElement(_ItemLink.default, args);
 exports.Basic = Basic;
 Basic.args = {
   children: 'Add new item',

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