@plesk/ui-library 3.31.0 → 3.31.2

package/esm/components/Progress/Progress.js

@@ -1,33 +1,31 @@
 import _extends from "@babel/runtime/helpers/extends";
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
 // Copyright 1999-2020. Plesk International GmbH. All rights reserved.
+
 import React, { Component, Children, isValidElement } from 'react';
 import PropTypes from 'prop-types';
 import classNames from 'classnames';
 import { CLS_PREFIX } from '../../constants';
 import { safeInvoke } from '../utils';
 import { STATUS_NOT_STARTED, STATUS_RUNNING, STATUS_DONE, STATUS_ERROR } from '../ProgressStep';
-
 /**
  * `Progress` is used for showing progress of performing long operations.
  * @since 1.10.0
  */
 class Progress extends Component {
-  constructor(...args) {
-    super(...args);
-
+  constructor() {
+    super(...arguments);
     _defineProperty(this, "state", {
       status: null
     });
   }
-
-  static getDerivedStateFromProps({
-    children
-  }) {
+  static getDerivedStateFromProps(_ref) {
+    let {
+      children
+    } = _ref;
     let isNotStarted = true;
     let isFinished = true;
     let isFailed = false;
-
     if (children) {
       Children.forEach(children, child => {
         if ( /*#__PURE__*/isValidElement(child) && child.props.status) {
@@ -37,30 +35,25 @@ class Progress extends Component {
         }
       });
     }
-
     if (isFinished) {
       return {
         status: STATUS_DONE
       };
     }
-
     if (isNotStarted) {
       return {
         status: STATUS_NOT_STARTED
       };
     }
-
     if (isFailed) {
       return {
         status: STATUS_ERROR
       };
     }
-
     return {
       status: STATUS_RUNNING
     };
   }
-
   componentDidMount() {
     const {
       status
@@ -70,7 +63,6 @@ class Progress extends Component {
     } = this.props;
     safeInvoke(onStatusChange, status);
   }
-
   componentDidUpdate(prevProps, prevState) {
     const {
       status
@@ -78,12 +70,10 @@ class Progress extends Component {
     const {
       onStatusChange
     } = this.props;
-
     if (prevState.status !== status) {
       safeInvoke(onStatusChange, status);
     }
   }
-
   render() {
     const {
       baseClassName,
@@ -96,27 +86,22 @@ class Progress extends Component {
       className: classNames(baseClassName, className)
     }, props), children);
   }
-
 }
-
 Progress.propTypes = {
   /**
    * On overall status event handler.
    * @since 1.10.0
    */
   onStatusChange: PropTypes.func,
-
   /**
    * Content of the `Progress`.
    * @since 1.10.0
    */
   children: PropTypes.node,
-
   /**
    * @ignore
    */
   className: PropTypes.string,
-
   /**
    * @ignore
    */

package/esm/components/Progress/index.js

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

package/esm/components/ProgressBar/ProgressBar.js

@@ -1,28 +1,30 @@
 import _extends from "@babel/runtime/helpers/extends";
 // Copyright 1999-2020. Plesk International GmbH. All rights reserved.
+
 import React, { useContext } from 'react';
 import classNames from 'classnames';
 import { CLS_PREFIX } from '../../constants';
 import ProgressIndicator from './ProgressIndicator';
 import OnDarkContext from '../OnDarkContext';
-
-const ProgressBar = ({
-  baseClassName = `${CLS_PREFIX}progress-bar`,
-  className,
-  intent,
-  progress = -1,
-  ...props
-}) => /*#__PURE__*/React.createElement("div", _extends({
-  className: classNames(baseClassName, {
-    [`${baseClassName}--on-dark`]: useContext(OnDarkContext)
-  }, className),
-  "aria-valuemin": 0,
-  "aria-valuemax": 100,
-  "aria-valuenow": progress >= 0 && progress <= 100 ? progress : undefined,
-  role: "progressbar"
-}, props), /*#__PURE__*/React.createElement(ProgressIndicator, {
-  intent: intent,
-  progress: progress
-}));
-
+const ProgressBar = _ref => {
+  let {
+    baseClassName = `${CLS_PREFIX}progress-bar`,
+    className,
+    intent,
+    progress = -1,
+    ...props
+  } = _ref;
+  return /*#__PURE__*/React.createElement("div", _extends({
+    className: classNames(baseClassName, {
+      [`${baseClassName}--on-dark`]: useContext(OnDarkContext)
+    }, className),
+    "aria-valuemin": 0,
+    "aria-valuemax": 100,
+    "aria-valuenow": progress >= 0 && progress <= 100 ? progress : undefined,
+    role: "progressbar"
+  }, props), /*#__PURE__*/React.createElement(ProgressIndicator, {
+    intent: intent,
+    progress: progress
+  }));
+};
 export default ProgressBar;

package/esm/components/ProgressBar/ProgressIndicator.js

@@ -1,23 +1,25 @@
 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';
-
-const ProgressIndicator = ({
-  baseClassName = `${CLS_PREFIX}progress-bar__indicator`,
-  className,
-  intent,
-  progress = -1,
-  ...props
-}) => /*#__PURE__*/React.createElement("div", _extends({
-  className: classNames(baseClassName, {
-    [`${baseClassName}--${intent}`]: intent,
-    [`${baseClassName}--indeterminate`]: progress === -1
-  }, className),
-  style: progress >= 0 && progress <= 100 ? {
-    width: `${progress}%`
-  } : undefined
-}, props));
-
+const ProgressIndicator = _ref => {
+  let {
+    baseClassName = `${CLS_PREFIX}progress-bar__indicator`,
+    className,
+    intent,
+    progress = -1,
+    ...props
+  } = _ref;
+  return /*#__PURE__*/React.createElement("div", _extends({
+    className: classNames(baseClassName, {
+      [`${baseClassName}--${intent}`]: intent,
+      [`${baseClassName}--indeterminate`]: progress === -1
+    }, className),
+    style: progress >= 0 && progress <= 100 ? {
+      width: `${progress}%`
+    } : undefined
+  }, props));
+};
 export default ProgressIndicator;

package/esm/components/ProgressBar/index.js

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

package/esm/components/ProgressDialog/ProgressDialog.js

@@ -1,6 +1,7 @@
 import _extends from "@babel/runtime/helpers/extends";
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
 // Copyright 1999-2020. Plesk International GmbH. All rights reserved.
+
 import React, { Component } from 'react';
 import PropTypes from 'prop-types';
 import classNames from 'classnames';
@@ -10,30 +11,25 @@ import Translate from '../Translate';
 import { safeInvoke } from '../utils';
 import { STATUS_DONE, STATUS_ERROR } from '../ProgressStep';
 import Progress from '../Progress';
-
 /**
  * `ProgressDialog` is a [Dialog](#!/Dialog) combined with of [Progress](#!/Progress) component.
  * @since 1.2.0
  */
 class ProgressDialog extends Component {
-  constructor(...args) {
-    super(...args);
-
+  constructor() {
+    super(...arguments);
     _defineProperty(this, "state", {
       isOpen: false,
       isFinished: false,
       isFailed: false
     });
-
     _defineProperty(this, "closeTimeout", null);
-
     _defineProperty(this, "handleStatusChange", status => {
       this.setState({
         isFinished: status === STATUS_DONE,
         isFailed: status === STATUS_ERROR
       });
     });
-
     _defineProperty(this, "handleClose", () => {
       const {
         onClose,
@@ -48,11 +44,9 @@ class ProgressDialog extends Component {
         isFailed
       } = this.state;
       clearTimeout(this.closeTimeout);
-
       if (!isOpen) {
         return;
       }
-
       if (isFinished) {
         safeInvoke(onFinish);
       } else if (isFailed) {
@@ -60,21 +54,19 @@ class ProgressDialog extends Component {
       } else if (cancelable) {
         safeInvoke(onCancel);
       }
-
       this.setState({
         isOpen: false
       }, () => safeInvoke(onClose));
     });
   }
-
-  static getDerivedStateFromProps({
-    isOpen
-  }) {
+  static getDerivedStateFromProps(_ref) {
+    let {
+      isOpen
+    } = _ref;
     return {
       isOpen
     };
   }
-
   componentDidUpdate(prevProps, prevState) {
     const {
       isFinished
@@ -82,20 +74,16 @@ class ProgressDialog extends Component {
     const {
       autoCloseTimeout
     } = this.props;
-
     if (prevState.isFinished === false && isFinished === true) {
       clearTimeout(this.closeTimeout);
-
       if (autoCloseTimeout) {
         this.closeTimeout = setTimeout(this.handleClose, autoCloseTimeout);
       }
     }
   }
-
   componentWillUnmount() {
     clearTimeout(this.closeTimeout);
   }
-
   render() {
     const {
       baseClassName,
@@ -140,94 +128,78 @@ class ProgressDialog extends Component {
       onStatusChange: this.handleStatusChange
     }, children));
   }
-
 }
-
 ProgressDialog.propTypes = {
   /**
    * Toggles visibility.
    * @since 1.2.0
    */
   isOpen: PropTypes.bool,
-
   /**
    * Banner. Renders in front of content as wide as dialog.
    * @since 1.2.0
    */
   banner: PropTypes.oneOfType([PropTypes.string, PropTypes.object, PropTypes.element]),
-
   /**
    * Image. Renders into content.
    * @since 1.2.0
    */
   image: PropTypes.oneOfType([PropTypes.string, PropTypes.object, PropTypes.element]),
-
   /**
    * Title
    * @since 1.2.0
    */
   title: PropTypes.node,
-
   /**
    * Description of the `ProgressDialog`.
    * @since 1.2.0
    */
   description: PropTypes.node,
-
   /**
    * Actions which will be shown in Dialog header.
    * @since 1.2.0
    */
   actions: PropTypes.node,
-
   /**
    * Whether the dialog should be canceled with the cancel button.
    * @since 1.2.0
    */
   cancelable: PropTypes.bool,
-
   /**
    * The interval of time to auto close dialog when it successful finished.
    * Set `null` for disable auto close.
    * @since 1.2.0
    */
   autoCloseTimeout: PropTypes.number,
-
   /**
    * On cancel event handler.
    * @since 1.2.0
    */
   onCancel: PropTypes.func,
-
   /**
    * On close event handler.
    * @since 1.2.0
    */
   onClose: PropTypes.func,
-
   /**
    * On finish event handler.
    * @since 1.2.0
    */
   onFinish: PropTypes.func,
-
   /**
    * On fail event handler.
    * @since 1.2.0
    */
   onFail: PropTypes.func,
-
   /**
    * Content of the `ProgressDialog`.
    * @since 1.2.0
    */
   children: PropTypes.node,
-
   /**
    * @ignore
    */
   className: PropTypes.string,
-
   /**
    * @ignore
    */

package/esm/components/ProgressDialog/index.js

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

package/esm/components/ProgressDialogStep/ProgressDialogStep.js

@@ -1,18 +1,17 @@
 // Copyright 1999-2020. Plesk International GmbH. All rights reserved.
+
 import React from 'react';
 import ProgressStep from '../ProgressStep';
+
 /**
  * @deprecated Component `ProgressDialogStep` is deprecated, use `ProgressStep` instead.
  * @since 1.2.0
  */
-
 const ProgressDialogStep = props => {
   if (process.env.NODE_ENV !== 'production') {
     // eslint-disable-next-line no-console
     console.warn('Component ProgressDialogStep is deprecated, use ProgressStep instead.');
   }
-
   return /*#__PURE__*/React.createElement(ProgressStep, props);
 };
-
 export default ProgressDialogStep;

package/esm/components/ProgressDialogStep/index.js

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

package/esm/components/ProgressStep/ProgressStep.js

@@ -1,5 +1,6 @@
 import _extends from "@babel/runtime/helpers/extends";
 // Copyright 1999-2021. Plesk International GmbH. All rights reserved.
+
 import React, { isValidElement, Children, useContext } from 'react';
 import PropTypes from 'prop-types';
 import classNames from 'classnames';
@@ -14,67 +15,59 @@ export const STATUS_DONE = 'done';
 export const STATUS_WARNING = 'warning';
 export const STATUS_ERROR = 'error';
 export const STATUS_CANCELED = 'canceled';
+
 /**
  * `ProgressStep` is a part of the [Progress](#!/Progress) component.
  * @since 1.10.0
  */
-
-const ProgressStep = ({
-  baseClassName,
-  className,
-  children,
-  icon,
-  title,
-  progress,
-  status,
-  statusText,
-  ...props
-}) => {
+const ProgressStep = _ref => {
+  let {
+    baseClassName,
+    className,
+    children,
+    icon,
+    title,
+    progress,
+    status,
+    statusText,
+    ...props
+  } = _ref;
   let intent = null;
-
   switch (status) {
     case STATUS_NOT_STARTED:
       intent = 'inactive';
       icon = 'dot';
       break;
-
     case STATUS_RUNNING:
       intent = false;
       icon = 'dot';
       break;
-
     case STATUS_DONE:
       intent = 'success';
       icon = 'check-mark-circle-filled';
       break;
-
     case STATUS_WARNING:
       intent = 'warning';
       icon = 'triangle-exclamation-mark-filled';
       break;
-
     case STATUS_ERROR:
       intent = 'danger';
       icon = 'exclamation-mark-circle-filled';
       break;
-
     case STATUS_CANCELED:
       progress = 0;
       intent = 'inactive';
       icon = 'cross-mark-circle-filled';
       break;
   }
-
   icon = Icon.create(icon, {
     className: `${baseClassName}__icon`,
     size: ICON_SIZE_16,
     intent
   });
-
   if (statusText && (! /*#__PURE__*/isValidElement(statusText) || statusText.type !== Status)) {
     statusText = /*#__PURE__*/React.createElement(Status, null, statusText);
   }
-
   return /*#__PURE__*/React.createElement("div", _extends({
     className: classNames(baseClassName, {
       [`${baseClassName}--${intent}`]: intent,
@@ -101,49 +94,41 @@ const ProgressStep = ({
     progress: progress
   })));
 };
-
 ProgressStep.propTypes = {
   /**
    * Title of the step
    * @since 1.10.0
    */
   title: PropTypes.node,
-
   /**
    * Status for the step
    * @since 1.10.0
    */
   status: PropTypes.oneOf([STATUS_NOT_STARTED, STATUS_RUNNING, STATUS_DONE, STATUS_WARNING, STATUS_ERROR, STATUS_CANCELED]),
-
   /**
    * Text description for the status of the step
    * @since 1.10.0
    */
   statusText: PropTypes.node,
-
   /**
    * Progress indication in numbers
    * @since 1.10.0
    */
   progress: PropTypes.number,
-
   /**
    * Content of the `ProgressStep`.
    * @since 1.10.0
    */
   children: PropTypes.node,
-
   /**
    * Name of icon or [Icon](#!/Icon) component
    * @ignore
    */
   icon: PropTypes.oneOfType([PropTypes.string, PropTypes.object, PropTypes.element]),
-
   /**
    * @ignore
    */
   className: PropTypes.string,
-
   /**
    * @ignore
    */

package/esm/components/ProgressStep/index.js

@@ -1,3 +1,4 @@
 // Copyright 1999-2020. Plesk International GmbH. All rights reserved.
+
 export { default } from './ProgressStep';
 export * from './ProgressStep';

package/esm/components/Radio/Radio.js

@@ -1,32 +1,33 @@
 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';
 let radioId = 0;
+
 /**
  * `Radio` component is used for making a choice among a set of mutually exclusive, related options.
  * @since 3.2.0
  */
-
-const Radio = ({
-  baseClassName = `${CLS_PREFIX}radio`,
-  className,
-  children,
-  onChange,
-  checked,
-  defaultChecked,
-  disabled = false,
-  name,
-  inputProps = {},
-  ...props
-}) => {
+const Radio = _ref => {
+  let {
+    baseClassName = `${CLS_PREFIX}radio`,
+    className,
+    children,
+    onChange,
+    checked,
+    defaultChecked,
+    disabled = false,
+    name,
+    inputProps = {},
+    ...props
+  } = _ref;
   const handleChange = event => {
     if (!disabled && onChange) {
       onChange(event.target.checked);
     }
   };
-
   const id = inputProps && inputProps.id || `radio-${radioId++}`;
   return /*#__PURE__*/React.createElement("label", _extends({
     htmlFor: id,
@@ -48,5 +49,4 @@ const Radio = ({
     className: `${baseClassName}__text`
   }, children) : null);
 };
-
 export default Radio;

package/esm/components/Radio/index.js

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