@plesk/ui-library 3.31.2 → 3.32.0

package/esm/components/ProgressBar/ProgressIndicator.js

@@ -1,9 +1,8 @@
-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';
+import { jsx as _jsx } from "react/jsx-runtime";
 const ProgressIndicator = _ref => {
   let {
     baseClassName = `${CLS_PREFIX}progress-bar__indicator`,
@@ -12,14 +11,15 @@ const ProgressIndicator = _ref => {
     progress = -1,
     ...props
   } = _ref;
-  return /*#__PURE__*/React.createElement("div", _extends({
+  return /*#__PURE__*/_jsx("div", {
     className: classNames(baseClassName, {
       [`${baseClassName}--${intent}`]: intent,
       [`${baseClassName}--indeterminate`]: progress === -1
     }, className),
     style: progress >= 0 && progress <= 100 ? {
       width: `${progress}%`
-    } : undefined
-  }, props));
+    } : undefined,
+    ...props
+  });
 };
 export default ProgressIndicator;

package/esm/components/ProgressDialog/ProgressDialog.js

@@ -1,4 +1,3 @@
-import _extends from "@babel/runtime/helpers/extends";
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
 // Copyright 1999-2020. Plesk International GmbH. All rights reserved.
 
@@ -11,6 +10,8 @@ import Translate from '../Translate';
 import { safeInvoke } from '../utils';
 import { STATUS_DONE, STATUS_ERROR } from '../ProgressStep';
 import Progress from '../Progress';
+import { jsx as _jsx } from "react/jsx-runtime";
+import { jsxs as _jsxs } from "react/jsx-runtime";
 /**
  * `ProgressDialog` is a [Dialog](#!/Dialog) combined with of [Progress](#!/Progress) component.
  * @since 1.2.0
@@ -105,28 +106,31 @@ class ProgressDialog extends Component {
     } = this.state;
     const canClose = isFinished || isFailed;
     const canCancel = cancelable && !canClose;
-    const cancelTitle = canClose ? /*#__PURE__*/React.createElement(Translate, {
+    const cancelTitle = canClose ? /*#__PURE__*/_jsx(Translate, {
       content: "ProgressDialog.closeButton",
       fallback: "Close"
-    }) : /*#__PURE__*/React.createElement(Translate, {
+    }) : /*#__PURE__*/_jsx(Translate, {
       content: "ProgressDialog.cancelButton",
       fallback: "Cancel"
     });
-    return /*#__PURE__*/React.createElement(Dialog, _extends({
+    return /*#__PURE__*/_jsxs(Dialog, {
       className: classNames(baseClassName, className),
       size: "xs",
-      cancelTitle: cancelTitle
-    }, props, {
+      cancelTitle: cancelTitle,
+      ...props,
       isOpen: isOpen,
       onClose: this.handleClose,
       closable: canClose || canCancel,
-      canClose: canClose
-    }), description && /*#__PURE__*/React.createElement("div", {
-      className: `${baseClassName}__description`
-    }, description), /*#__PURE__*/React.createElement(Progress, {
-      className: `${baseClassName}__content`,
-      onStatusChange: this.handleStatusChange
-    }, children));
+      canClose: canClose,
+      children: [description && /*#__PURE__*/_jsx("div", {
+        className: `${baseClassName}__description`,
+        children: description
+      }), /*#__PURE__*/_jsx(Progress, {
+        className: `${baseClassName}__content`,
+        onStatusChange: this.handleStatusChange,
+        children: children
+      })]
+    });
   }
 }
 ProgressDialog.propTypes = {

package/esm/components/ProgressDialogStep/ProgressDialogStep.js

@@ -7,11 +7,14 @@ import ProgressStep from '../ProgressStep';
  * @deprecated Component `ProgressDialogStep` is deprecated, use `ProgressStep` instead.
  * @since 1.2.0
  */
+import { jsx as _jsx } from "react/jsx-runtime";
 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);
+  return /*#__PURE__*/_jsx(ProgressStep, {
+    ...props
+  });
 };
 export default ProgressDialogStep;

package/esm/components/ProgressStep/ProgressStep.js

@@ -1,4 +1,3 @@
-import _extends from "@babel/runtime/helpers/extends";
 // Copyright 1999-2021. Plesk International GmbH. All rights reserved.
 
 import React, { isValidElement, Children, useContext } from 'react';
@@ -9,6 +8,8 @@ import Status from '../Status';
 import { CLS_PREFIX } from '../../constants';
 import ProgressBar from '../ProgressBar';
 import OnDarkContext from '../OnDarkContext';
+import { jsx as _jsx } from "react/jsx-runtime";
+import { jsxs as _jsxs } from "react/jsx-runtime";
 export const STATUS_NOT_STARTED = 'not_started';
 export const STATUS_RUNNING = 'running';
 export const STATUS_DONE = 'done';
@@ -66,33 +67,44 @@ const ProgressStep = _ref => {
     intent
   });
   if (statusText && (! /*#__PURE__*/isValidElement(statusText) || statusText.type !== Status)) {
-    statusText = /*#__PURE__*/React.createElement(Status, null, statusText);
+    statusText = /*#__PURE__*/_jsx(Status, {
+      children: statusText
+    });
   }
-  return /*#__PURE__*/React.createElement("div", _extends({
+  return /*#__PURE__*/_jsxs("div", {
     className: classNames(baseClassName, {
       [`${baseClassName}--${intent}`]: intent,
       [`${baseClassName}--content`]: Children.toArray(children).length,
       [`${baseClassName}--on-dark`]: useContext(OnDarkContext)
-    }, className)
-  }, props), icon && /*#__PURE__*/React.createElement("div", {
-    className: `${baseClassName}__media`
-  }, icon), /*#__PURE__*/React.createElement("div", {
-    className: `${baseClassName}__body`
-  }, (title || statusText || Children.toArray(children).length > 0) && /*#__PURE__*/React.createElement("div", {
-    className: `${baseClassName}__labels`
-  }, /*#__PURE__*/React.createElement("div", {
-    className: `${baseClassName}__labels-body`
-  }, title && /*#__PURE__*/React.createElement("div", {
-    className: `${baseClassName}__title`
-  }, title), Children.toArray(children).length ? /*#__PURE__*/React.createElement("div", {
-    className: `${baseClassName}__content`
-  }, children) : null), statusText && /*#__PURE__*/React.createElement("div", {
-    className: `${baseClassName}__status`
-  }, statusText)), STATUS_RUNNING === status && /*#__PURE__*/React.createElement(ProgressBar, {
-    className: `${baseClassName}__progress`,
-    intent: "info",
-    progress: progress
-  })));
+    }, className),
+    ...props,
+    children: [icon && /*#__PURE__*/_jsx("div", {
+      className: `${baseClassName}__media`,
+      children: icon
+    }), /*#__PURE__*/_jsxs("div", {
+      className: `${baseClassName}__body`,
+      children: [(title || statusText || Children.toArray(children).length > 0) && /*#__PURE__*/_jsxs("div", {
+        className: `${baseClassName}__labels`,
+        children: [/*#__PURE__*/_jsxs("div", {
+          className: `${baseClassName}__labels-body`,
+          children: [title && /*#__PURE__*/_jsx("div", {
+            className: `${baseClassName}__title`,
+            children: title
+          }), Children.toArray(children).length ? /*#__PURE__*/_jsx("div", {
+            className: `${baseClassName}__content`,
+            children: children
+          }) : null]
+        }), statusText && /*#__PURE__*/_jsx("div", {
+          className: `${baseClassName}__status`,
+          children: statusText
+        })]
+      }), STATUS_RUNNING === status && /*#__PURE__*/_jsx(ProgressBar, {
+        className: `${baseClassName}__progress`,
+        intent: "info",
+        progress: progress
+      })]
+    })]
+  });
 };
 ProgressStep.propTypes = {
   /**

package/esm/components/Radio/Radio.js

@@ -1,9 +1,9 @@
-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';
+import { jsx as _jsx } from "react/jsx-runtime";
+import { jsxs as _jsxs } from "react/jsx-runtime";
 let radioId = 0;
 
 /**
@@ -29,24 +29,28 @@ const Radio = _ref => {
     }
   };
   const id = inputProps && inputProps.id || `radio-${radioId++}`;
-  return /*#__PURE__*/React.createElement("label", _extends({
+  return /*#__PURE__*/_jsxs("label", {
     htmlFor: id,
     className: classNames(baseClassName, {
       [`${baseClassName}--disabled`]: disabled
-    }, className)
-  }, props), /*#__PURE__*/React.createElement("input", _extends({
-    className: `${baseClassName}__input`,
-    type: "radio",
-    name: name,
-    id: id,
-    onChange: handleChange,
-    checked: checked,
-    defaultChecked: defaultChecked,
-    disabled: disabled
-  }, inputProps)), /*#__PURE__*/React.createElement("span", {
-    className: `${baseClassName}__indicator`
-  }), children ? /*#__PURE__*/React.createElement("span", {
-    className: `${baseClassName}__text`
-  }, children) : null);
+    }, className),
+    ...props,
+    children: [/*#__PURE__*/_jsx("input", {
+      className: `${baseClassName}__input`,
+      type: "radio",
+      name: name,
+      id: id,
+      onChange: handleChange,
+      checked: checked,
+      defaultChecked: defaultChecked,
+      disabled: disabled,
+      ...inputProps
+    }), /*#__PURE__*/_jsx("span", {
+      className: `${baseClassName}__indicator`
+    }), children ? /*#__PURE__*/_jsx("span", {
+      className: `${baseClassName}__text`,
+      children: children
+    }) : null]
+  });
 };
 export default Radio;

package/esm/components/Rating/Rating.js

@@ -1,10 +1,10 @@
-import _extends from "@babel/runtime/helpers/extends";
 // Copyright 1999-2020. Plesk International GmbH. All rights reserved.
 
 import React from 'react';
 import PropTypes from 'prop-types';
 import classNames from 'classnames';
 import { CLS_PREFIX } from '../../constants';
+import { jsx as _jsx } from "react/jsx-runtime";
 const width = value => {
   let result = Math.ceil(value * 20 / 5) * 5;
   if (result % 20 === 5) {
@@ -27,19 +27,21 @@ const Rating = _ref => {
     small,
     ...props
   } = _ref;
-  return /*#__PURE__*/React.createElement("div", _extends({
+  return /*#__PURE__*/_jsx("div", {
     className: classNames({
       [baseClassName]: true,
       [`${baseClassName}--static`]: true,
       [`${baseClassName}--small`]: small,
       [className]: true
+    }),
+    ...props,
+    children: /*#__PURE__*/_jsx("div", {
+      className: `${baseClassName}__rates`,
+      style: {
+        width: `${width(value)}%`
+      }
     })
-  }, props), /*#__PURE__*/React.createElement("div", {
-    className: `${baseClassName}__rates`,
-    style: {
-      width: `${width(value)}%`
-    }
-  }));
+  });
 };
 Rating.propTypes = {
   /**

package/esm/components/Section/Section.js

@@ -1,9 +1,6 @@
-import _extends from "@babel/runtime/helpers/extends";
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
 // Copyright 1999-2020. Plesk International GmbH. All rights reserved.
 
-/* eslint-disable react/no-deprecated */
-
 import React, { Component, Children, isValidElement, useContext } from 'react';
 import PropTypes from 'prop-types';
 import classNames from 'classnames';
@@ -14,6 +11,8 @@ import InPlaceEdit from '../InPlaceEdit';
 import Button from '../Button';
 import VerticalContext, { VERTICAL_BREAKPOINT } from '../VerticalContext';
 import FormContext from '../Form/FormContext';
+import { jsx as _jsx } from "react/jsx-runtime";
+import { jsxs as _jsxs } from "react/jsx-runtime";
 const getErrorsForChildren = (form, children) => {
   let errors = {};
   Children.forEach(children, child => {
@@ -103,7 +102,7 @@ class Section extends Component {
     const {
       collapsed
     } = this.state;
-    return collapsible && /*#__PURE__*/React.createElement(Button, {
+    return collapsible && /*#__PURE__*/_jsx(Button, {
       ghost: true,
       className: classNames(`${baseClassName}__control-button`, `${baseClassName}__control-button--collapse`),
       icon: {
@@ -119,14 +118,15 @@ class Section extends Component {
       onClose,
       buttons
     } = _ref4;
-    return (onClose || buttons) && /*#__PURE__*/React.createElement("div", {
-      className: `${baseClassName}__header-buttons`
-    }, buttons, onClose && /*#__PURE__*/React.createElement(Button, {
-      ghost: true,
-      className: classNames(`${baseClassName}__control-button`, `${baseClassName}__control-button--close`),
-      onClick: onClose,
-      icon: "cross-mark"
-    }));
+    return (onClose || buttons) && /*#__PURE__*/_jsxs("div", {
+      className: `${baseClassName}__header-buttons`,
+      children: [buttons, onClose && /*#__PURE__*/_jsx(Button, {
+        ghost: true,
+        className: classNames(`${baseClassName}__control-button`, `${baseClassName}__control-button--close`),
+        onClick: onClose,
+        icon: "cross-mark"
+      })]
+    });
   }
   renderTitle(_ref5) {
     let {
@@ -134,7 +134,7 @@ class Section extends Component {
       title,
       onTitleChange
     } = _ref5;
-    return title && /*#__PURE__*/React.createElement(InPlaceEdit, {
+    return title && /*#__PURE__*/_jsx(InPlaceEdit, {
       className: `${baseClassName}__title`,
       value: title,
       onChange: onTitleChange,
@@ -174,41 +174,46 @@ class Section extends Component {
       ...props
     } = this.props;
     const vertical = verticalProp === undefined ? this.state.vertical : verticalProp;
-    return /*#__PURE__*/React.createElement(VerticalContext.Provider, {
-      value: vertical
-    }, /*#__PURE__*/React.createElement(Measure, {
-      onResize: this.handleResize,
-      bounds: true
-    }, _ref7 => {
-      let {
-        measureRef
-      } = _ref7;
-      return /*#__PURE__*/React.createElement("div", _extends({
-        ref: measureRef,
-        className: classNames(baseClassName, {
-          [`${baseClassName}--${intent}`]: intent,
-          [`${baseClassName}--collapsible`]: collapsible,
-          [`${baseClassName}--collapsed`]: this.state.collapsed,
-          [`${baseClassName}--vertical`]: vertical
-        }, className)
-      }, props), title && /*#__PURE__*/React.createElement("div", {
-        className: `${baseClassName}__header`
-      }, this.renderCollapseButton({
-        baseClassName,
-        collapsible
-      }), this.renderTitle({
-        baseClassName,
-        title,
-        onTitleChange
-      }), this.renderCloseButton({
-        baseClassName,
-        onClose,
-        buttons
-      })), this.renderContent({
-        collapsible,
-        children
-      }));
-    }));
+    return /*#__PURE__*/_jsx(VerticalContext.Provider, {
+      value: vertical,
+      children: /*#__PURE__*/_jsx(Measure, {
+        onResize: this.handleResize,
+        bounds: true,
+        children: _ref7 => {
+          let {
+            measureRef
+          } = _ref7;
+          return /*#__PURE__*/_jsxs("div", {
+            ref: measureRef,
+            className: classNames(baseClassName, {
+              [`${baseClassName}--${intent}`]: intent,
+              [`${baseClassName}--collapsible`]: collapsible,
+              [`${baseClassName}--collapsed`]: this.state.collapsed,
+              [`${baseClassName}--vertical`]: vertical
+            }, className),
+            ...props,
+            children: [title && /*#__PURE__*/_jsxs("div", {
+              className: `${baseClassName}__header`,
+              children: [this.renderCollapseButton({
+                baseClassName,
+                collapsible
+              }), this.renderTitle({
+                baseClassName,
+                title,
+                onTitleChange
+              }), this.renderCloseButton({
+                baseClassName,
+                onClose,
+                buttons
+              })]
+            }), this.renderContent({
+              collapsible,
+              children
+            })]
+          });
+        }
+      })
+    });
   }
 }
 const propTypes = {
@@ -304,10 +309,11 @@ const SectionWrapper = props => {
   const form = useContext(FormContext);
   const verticalContext = useContext(VerticalContext);
   const vertical = props.vertical === undefined ? verticalContext : props.vertical;
-  return /*#__PURE__*/React.createElement(Section, _extends({}, props, {
+  return /*#__PURE__*/_jsx(Section, {
+    ...props,
     form: form,
     vertical: vertical
-  }));
+  });
 };
 SectionWrapper.displayName = 'Section';
 SectionWrapper.propTypes = propTypes;

package/esm/components/Section/SectionItem.js

@@ -1,4 +1,3 @@
-import _extends from "@babel/runtime/helpers/extends";
 // Copyright 1999-2020. Plesk International GmbH. All rights reserved.
 
 import React, { useContext } from 'react';
@@ -6,6 +5,8 @@ import PropTypes from 'prop-types';
 import classNames from 'classnames';
 import { CLS_PREFIX } from '../../constants';
 import VerticalContext from '../VerticalContext';
+import { jsx as _jsx } from "react/jsx-runtime";
+import { jsxs as _jsxs } from "react/jsx-runtime";
 /**
  * `SectionItem` component is used for showing parameters and its values in [Section](#!/Section).
  * @since 0.0.54
@@ -21,16 +22,20 @@ const SectionItem = _ref => {
     ...props
   } = _ref;
   const verticalContext = useContext(VerticalContext);
-  return /*#__PURE__*/React.createElement("div", _extends({
+  return /*#__PURE__*/_jsxs("div", {
     className: classNames(baseClassName, {
       [`${baseClassName}--actions`]: actions,
       [`${baseClassName}--vertical`]: vertical === undefined ? verticalContext : vertical
-    }, className)
-  }, props), title === undefined || title === null ? null : /*#__PURE__*/React.createElement("div", {
-    className: `${baseClassName}__title`
-  }, title), /*#__PURE__*/React.createElement("div", {
-    className: `${baseClassName}__value`
-  }, children));
+    }, className),
+    ...props,
+    children: [title === undefined || title === null ? null : /*#__PURE__*/_jsx("div", {
+      className: `${baseClassName}__title`,
+      children: title
+    }), /*#__PURE__*/_jsx("div", {
+      className: `${baseClassName}__value`,
+      children: children
+    })]
+  });
 };
 SectionItem.propTypes = {
   /**