@plesk/ui-library 3.31.0 → 3.31.1

package/esm/components/Input/Input.js

@@ -1,25 +1,26 @@
 import _extends from "@babel/runtime/helpers/extends";
 // Copyright 1999-2020. Plesk International GmbH. All rights reserved.
+
 import React from 'react';
 import classNames from 'classnames';
 import { CLS_PREFIX } from '../../constants';
-
 /**
  * `Input` component is used for entering short text (like user name or email address).
  * @since 0.0.57
  */
-const Input = ({
-  baseClassName = `${CLS_PREFIX}input`,
-  className,
-  size = 'md',
-  type = 'text',
-  textAlign,
-  prefix,
-  suffix,
-  innerRef,
-  rootProps,
-  ...props
-}) => {
+const Input = _ref => {
+  let {
+    baseClassName = `${CLS_PREFIX}input`,
+    className,
+    size = 'md',
+    type = 'text',
+    textAlign,
+    prefix,
+    suffix,
+    innerRef,
+    rootProps,
+    ...props
+  } = _ref;
   const useSizeModifier = typeof size === 'string' && ['sm', 'md', 'lg', 'xl', 'fill'].indexOf(size) !== -1;
   return /*#__PURE__*/React.createElement("span", _extends({
     className: classNames(baseClassName, {
@@ -38,5 +39,4 @@ const Input = ({
     className: `${baseClassName}__suffix`
   }, suffix));
 };
-
 export default Input;

package/esm/components/Input/index.js

@@ -1,2 +1,3 @@
 // Copyright 1999-2019. Plesk International GmbH. All rights reserved.
+
 export { default } from './Input';

package/esm/components/InputFile/InputFile.js

@@ -1,5 +1,6 @@
 import _extends from "@babel/runtime/helpers/extends";
 // Copyright 1999-2022. Plesk International GmbH. All rights reserved.
+
 import React, { useState, useRef, useEffect } from 'react';
 import classNames from 'classnames';
 import { CLS_PREFIX } from '../../constants';
@@ -8,56 +9,49 @@ import Text from '../Text';
 import Button from '../Button';
 import Translate from '../Translate';
 import localeFallback from './locale/en-US';
-
 const generateId = () => Math.random().toString(36).slice(2);
+
 /**
  * `InputFile` component is used for browsing and choosing a file from the local disk.
  * @since 3.2.0
  */
-
-
-const InputFile = ({
-  baseClassName = `${CLS_PREFIX}input-file`,
-  className,
-  onChange,
-  name,
-  disabled = false,
-  locale,
-  testId,
-  accept,
-  ...props
-}) => {
+const InputFile = _ref => {
+  let {
+    baseClassName = `${CLS_PREFIX}input-file`,
+    className,
+    onChange,
+    name,
+    disabled = false,
+    locale,
+    testId,
+    accept,
+    ...props
+  } = _ref;
   const [file, setFile] = useState();
   const [id, setId] = useState(generateId());
   const [hasFocus, setFocus] = useState(false);
   const [isFocusScheduled, setFocusScheduled] = useState(false);
   const inputRef = useRef(null);
-
   const updateFile = nextFile => {
     setFile(nextFile);
     setId(generateId());
     safeInvoke(onChange, nextFile);
   };
-
   const handleChange = e => {
     if (e.target.files && e.target.files[0]) {
       updateFile(e.target.files[0]);
       setFocusScheduled(true);
     }
   };
-
   const handleReset = () => {
     updateFile(undefined);
   };
-
   const handleFocus = () => {
     setFocus(true);
   };
-
   const handleBlur = () => {
     setFocus(false);
   };
-
   useEffect(() => {
     if (isFocusScheduled && inputRef.current) {
       inputRef.current.focus();
@@ -103,5 +97,4 @@ const InputFile = ({
     disabled: disabled
   })));
 };
-
 export default InputFile;

package/esm/components/InputFile/index.js

@@ -1,2 +1,3 @@
 // Copyright 1999-2019. Plesk International GmbH. All rights reserved.
+
 export { default } from './InputFile';

package/esm/components/InputFile/locale/en-US.js

@@ -1,4 +1,5 @@
 // Copyright 1999-2019. Plesk International GmbH. All rights reserved.
+
 export default {
   browseButton: 'Choose file...'
 };

package/esm/components/InputNumber/InputNumber.js

@@ -1,70 +1,62 @@
 import _extends from "@babel/runtime/helpers/extends";
 // Copyright 1999-2020. Plesk International GmbH. All rights reserved.
+
 import classNames from 'classnames';
 import React, { useState, useRef, useLayoutEffect } from 'react';
 import { safeInvoke } from '../utils';
 import Input from '../Input';
 import Button from '../Button';
 import { CLS_PREFIX } from '../../constants';
-
-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 = `${CLS_PREFIX}input-number`,
-  className,
-  defaultValue,
-  value: propValue,
-  disabled,
-  onChange,
-  min,
-  max,
-  step = 1,
-  decrementIcon = 'minus',
-  incrementIcon = 'plus',
-  ...props
-}) => {
+const InputNumber = _ref => {
+  let {
+    baseClassName = `${CLS_PREFIX}input-number`,
+    className,
+    defaultValue,
+    value: propValue,
+    disabled,
+    onChange,
+    min,
+    max,
+    step = 1,
+    decrementIcon = 'minus',
+    incrementIcon = 'plus',
+    ...props
+  } = _ref;
   const inputRef = useRef(null);
   const isControlled = propValue !== undefined;
   const safeDefaultValue = typeof defaultValue === 'number' ? defaultValue : '';
@@ -76,83 +68,65 @@ const InputNumber = ({
       setValue(safePropValue);
     }
   }, [isControlled, safePropValue]);
-
   const fireChange = nextValue => {
     if (firedRef.current !== nextValue) {
       firedRef.current = nextValue;
       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.createElement(Input, _extends({
@@ -184,5 +158,4 @@ const InputNumber = ({
     })
   }));
 };
-
 export default InputNumber;

package/esm/components/InputNumber/index.js

@@ -1,2 +1,3 @@
 // Copyright 1999-2019. Plesk International GmbH. All rights reserved.
+
 export { default } from './InputNumber';

package/esm/components/Item/Item.js

@@ -1,5 +1,6 @@
 import _extends from "@babel/runtime/helpers/extends";
 // Copyright 1999-2021. Plesk International GmbH. All rights reserved.
+
 import React, { Component, cloneElement, isValidElement, Children } from 'react';
 import PropTypes from 'prop-types';
 import classNames from 'classnames';
@@ -11,24 +12,22 @@ import Tooltip from '../Tooltip';
 import { createProxyProps, wrapFunction } from '../utils';
 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 Component {
   renderTitle(title) {
     if (!title) {
       return null;
     }
-
     const {
       baseClassName,
       view
     } = this.props;
     let wrappable = false;
-
     if (typeof title === 'string') {
       title = /*#__PURE__*/React.createElement("span", null, title);
       wrappable = true;
@@ -36,39 +35,32 @@ class Item extends Component {
       title = /*#__PURE__*/React.createElement("a", title);
       wrappable = true;
     }
-
     if (wrappable && view === 'card') {
       title = /*#__PURE__*/React.createElement(Heading, {
         level: 3
       }, title);
     }
-
     if ( /*#__PURE__*/isValidElement(title)) {
       title = /*#__PURE__*/cloneElement(title, {
         className: classNames(`${baseClassName}__title`, title.props.className)
       });
     }
-
     return title;
   }
-
   renderIcon(icon) {
     if (!icon) {
       return null;
     }
-
     if (typeof icon === 'string') {
       return Icon.create({}, {
         size: ICON_SIZE_32,
         [NAMES.indexOf(icon) === -1 ? 'src' : 'name']: icon
       });
     }
-
     return Icon.create(icon, {
       size: ICON_SIZE_32
     });
   }
-
   render() {
     const {
       children,
@@ -86,7 +78,6 @@ class Item extends Component {
       hoverable,
       ...props
     } = this.props;
-
     if (props.onClick) {
       if (disabled) {
         props.onClick = e => e.preventDefault();
@@ -100,7 +91,6 @@ class Item extends Component {
         });
       }
     }
-
     const item = /*#__PURE__*/React.createElement(Tag, _extends({
       className: classNames(baseClassName, {
         [`${baseClassName}--card`]: view === 'card',
@@ -118,89 +108,73 @@ class Item extends Component {
     }, children) : null), footer && /*#__PURE__*/React.createElement("footer", {
       className: `${baseClassName}__footer`
     }, footer));
-
     if (tooltip) {
       return createProxyProps(props => /*#__PURE__*/React.createElement(Tooltip, {
         title: tooltip
       }, /*#__PURE__*/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.elementType,
-
   /**
    * View mode.
    * @since 2.1.0
    */
   view: PropTypes.oneOf([VIEW_SIMPLE, VIEW_CARD]),
-
   /**
    * Icon.
    * @since 0.0.48
    */
   icon: PropTypes.oneOfType([PropTypes.string, PropTypes.object, PropTypes.element]),
-
   /**
    * Title.
    * @since 0.0.48
    */
   title: PropTypes.oneOfType([PropTypes.string, PropTypes.object, PropTypes.element]),
-
   /**
    * Content for footer.
    * @since 2.1.0
    */
   footer: PropTypes.node,
-
   /**
    * Description. Renders as small grey text.
    * @since 2.1.0
    */
   description: PropTypes.node,
-
   /**
    * Content of the `Item`.
    * @since 0.0.48
    */
   children: PropTypes.node,
-
   /**
    * An unique value. It needs only in ItemList with selectable view.
    * @since 2.3.0
    */
   value: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
-
   /**
    * Tooltip for component.
    * @since 2.5.1
    */
   tooltip: PropTypes.node,
-
   /**
    * @ignore
    */
   className: PropTypes.string,
-
   /**
    * @ignore
    */
   baseClassName: PropTypes.string,
-
   /**
    * Whether disabled or not.
    * @since 3.15.0
    */
   disabled: PropTypes.bool,
-
   /**
    * Add hover shadow and pointer cursor.
    * @since 3.26.0

package/esm/components/Item/index.js

@@ -1,2 +1,3 @@
 // Copyright 1999-2017. Plesk International GmbH. All rights reserved.
+
 export { default } from './Item';

package/esm/components/ItemLink/ItemLink.js

@@ -1,22 +1,23 @@
 import _extends from "@babel/runtime/helpers/extends";
 // Copyright 1999-2020. Plesk International GmbH. All rights reserved.
+
 import classNames from 'classnames';
 import React from 'react';
 import { wrapFunction } from '../utils';
 import { CLS_PREFIX } from '../../constants';
-
 /**
  * `ItemLink` component is a part of [ItemList](#!/ItemList) and
  * is used for specifying a special action on the list (for example, adding new item).
  * @since 2.3.0
  */
-const ItemLink = ({
-  baseClassName = `${CLS_PREFIX}item-link`,
-  className,
-  children,
-  hoverable,
-  ...props
-}) => {
+const ItemLink = _ref => {
+  let {
+    baseClassName = `${CLS_PREFIX}item-link`,
+    className,
+    children,
+    hoverable,
+    ...props
+  } = _ref;
   if (props.onClick) {
     props.tabIndex = props.tabIndex || 0;
     props.role = props.role || 'button';
@@ -27,12 +28,10 @@ const ItemLink = ({
       }
     });
   }
-
   return /*#__PURE__*/React.createElement("div", _extends({
     className: classNames(baseClassName, className)
   }, props), /*#__PURE__*/React.createElement("div", {
     className: `${baseClassName}__content`
   }, children));
 };
-
 export default ItemLink;

package/esm/components/ItemLink/ItemLink.stories.js

@@ -1,4 +1,5 @@
 // Copyright 1999-2020. Plesk International GmbH. All rights reserved.
+
 import React from 'react';
 import ItemLink from './ItemLink';
 export const Basic = args => /*#__PURE__*/React.createElement(ItemLink, args);

package/esm/components/ItemLink/index.js

@@ -1,2 +1,3 @@
 // Copyright 1999-2019. Plesk International GmbH. All rights reserved.
+
 export { default } from './ItemLink';