@plesk/ui-library 3.34.2 → 3.35.1

package/cjs/components/Progress/Progress.js

@@ -6,15 +6,12 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = void 0;
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-var _react = _interopRequireWildcard(require("react"));
-var _propTypes = _interopRequireDefault(require("prop-types"));
+var _react = require("react");
 var _classnames = _interopRequireDefault(require("classnames"));
 var _constants = require("../../constants");
 var _utils = require("../utils");
 var _ProgressStep = require("../ProgressStep");
 var _jsxRuntime = require("react/jsx-runtime");
-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-2023. Plesk International GmbH. All rights reserved.
 
 /**
@@ -70,16 +67,19 @@ class Progress extends _react.Component {
     const {
       onStatusChange
     } = this.props;
+    if (!status) {
+      return;
+    }
     (0, _utils.safeInvoke)(onStatusChange, status);
   }
-  componentDidUpdate(prevProps, prevState) {
+  componentDidUpdate(_, prevState) {
     const {
       status
     } = this.state;
     const {
       onStatusChange
     } = this.props;
-    if (prevState.status !== status) {
+    if (prevState.status !== status && status) {
       (0, _utils.safeInvoke)(onStatusChange, status);
     }
   }
@@ -98,31 +98,11 @@ class Progress extends _react.Component {
     });
   }
 }
-Progress.propTypes = {
-  /**
-   * On overall status event handler.
-   * @since 1.10.0
-   */
-  onStatusChange: _propTypes.default.func,
-  /**
-   * Content of the `Progress`.
-   * @since 1.10.0
-   */
-  children: _propTypes.default.node,
-  /**
-   * @ignore
-   */
-  className: _propTypes.default.string,
-  /**
-   * @ignore
-   */
-  baseClassName: _propTypes.default.string
-};
-Progress.defaultProps = {
+(0, _defineProperty2.default)(Progress, "defaultProps", {
   onStatusChange: null,
   children: null,
   className: null,
   baseClassName: `${_constants.CLS_PREFIX}progress`
-};
+});
 var _default = Progress;
 exports.default = _default;

package/cjs/components/ProgressStep/ProgressStep.js

@@ -5,8 +5,7 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = exports.STATUS_WARNING = exports.STATUS_RUNNING = exports.STATUS_NOT_STARTED = exports.STATUS_ERROR = exports.STATUS_DONE = exports.STATUS_CANCELED = void 0;
-var _react = _interopRequireWildcard(require("react"));
-var _propTypes = _interopRequireDefault(require("prop-types"));
+var _react = require("react");
 var _classnames = _interopRequireDefault(require("classnames"));
 var _Icon = _interopRequireWildcard(require("../Icon"));
 var _Status = _interopRequireDefault(require("../Status"));
@@ -29,22 +28,21 @@ exports.STATUS_WARNING = STATUS_WARNING;
 const STATUS_ERROR = 'error';
 exports.STATUS_ERROR = STATUS_ERROR;
 const STATUS_CANCELED = 'canceled';
-
+exports.STATUS_CANCELED = STATUS_CANCELED;
 /**
  * `ProgressStep` is a part of the [Progress](#!/Progress) component.
  * @since 1.10.0
  */
-exports.STATUS_CANCELED = STATUS_CANCELED;
 const ProgressStep = _ref => {
   let {
-    baseClassName,
     className,
     children,
     icon,
     title,
+    statusText,
     progress,
     status,
-    statusText,
+    baseClassName,
     ...props
   } = _ref;
   let intent = null;
@@ -120,46 +118,6 @@ const ProgressStep = _ref => {
     })]
   });
 };
-ProgressStep.propTypes = {
-  /**
-   * Title of the step
-   * @since 1.10.0
-   */
-  title: _propTypes.default.node,
-  /**
-   * Status for the step
-   * @since 1.10.0
-   */
-  status: _propTypes.default.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.default.node,
-  /**
-   * Progress indication in numbers
-   * @since 1.10.0
-   */
-  progress: _propTypes.default.number,
-  /**
-   * Content of the `ProgressStep`.
-   * @since 1.10.0
-   */
-  children: _propTypes.default.node,
-  /**
-   * Name of icon or [Icon](#!/Icon) component
-   * @ignore
-   */
-  icon: _propTypes.default.oneOfType([_propTypes.default.string, _propTypes.default.object, _propTypes.default.element]),
-  /**
-   * @ignore
-   */
-  className: _propTypes.default.string,
-  /**
-   * @ignore
-   */
-  baseClassName: _propTypes.default.string
-};
 ProgressStep.defaultProps = {
   icon: null,
   title: null,

package/cjs/components/ProgressStep/index.js

@@ -3,7 +3,42 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-var _exportNames = {};
+Object.defineProperty(exports, "STATUS_CANCELED", {
+  enumerable: true,
+  get: function () {
+    return _ProgressStep.STATUS_CANCELED;
+  }
+});
+Object.defineProperty(exports, "STATUS_DONE", {
+  enumerable: true,
+  get: function () {
+    return _ProgressStep.STATUS_DONE;
+  }
+});
+Object.defineProperty(exports, "STATUS_ERROR", {
+  enumerable: true,
+  get: function () {
+    return _ProgressStep.STATUS_ERROR;
+  }
+});
+Object.defineProperty(exports, "STATUS_NOT_STARTED", {
+  enumerable: true,
+  get: function () {
+    return _ProgressStep.STATUS_NOT_STARTED;
+  }
+});
+Object.defineProperty(exports, "STATUS_RUNNING", {
+  enumerable: true,
+  get: function () {
+    return _ProgressStep.STATUS_RUNNING;
+  }
+});
+Object.defineProperty(exports, "STATUS_WARNING", {
+  enumerable: true,
+  get: function () {
+    return _ProgressStep.STATUS_WARNING;
+  }
+});
 Object.defineProperty(exports, "default", {
   enumerable: true,
   get: function () {
@@ -11,16 +46,5 @@ Object.defineProperty(exports, "default", {
   }
 });
 var _ProgressStep = _interopRequireWildcard(require("./ProgressStep"));
-Object.keys(_ProgressStep).forEach(function (key) {
-  if (key === "default" || key === "__esModule") return;
-  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
-  if (key in exports && exports[key] === _ProgressStep[key]) return;
-  Object.defineProperty(exports, key, {
-    enumerable: true,
-    get: function () {
-      return _ProgressStep[key];
-    }
-  });
-});
 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; }

package/cjs/components/Section/Section.js

@@ -147,8 +147,7 @@ class Section extends _react.Component {
       value: title,
       onChange: onTitleChange,
       onClick: e => {
-        var _e$target$closest$que;
-        (_e$target$closest$que = e.target.closest(`.${baseClassName}__header`).querySelector(`.${baseClassName}__control-button`)) === null || _e$target$closest$que === void 0 ? void 0 : _e$target$closest$que.click();
+        e.target.closest(`.${baseClassName}__header`).querySelector(`.${baseClassName}__control-button`)?.click();
       }
     });
   }

package/cjs/components/Skeleton/SkeletonText.js

@@ -33,7 +33,7 @@ const SkeletonText = _ref => {
     // eslint-disable-next-line react/no-array-index-key
     , {
       ...lineProps,
-      className: (0, _classnames.default)(`${baseClassName}__line`, lineProps === null || lineProps === void 0 ? void 0 : lineProps.className)
+      className: (0, _classnames.default)(`${baseClassName}__line`, lineProps?.className)
     }, key))
   });
 };

package/cjs/components/SplitButton/SplitButton.js

@@ -5,8 +5,7 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-var _react = _interopRequireWildcard(require("react"));
-var _propTypes = _interopRequireDefault(require("prop-types"));
+var _react = require("react");
 var _classnames = _interopRequireDefault(require("classnames"));
 var _constants = require("../../constants");
 var _Button = _interopRequireDefault(require("../Button"));
@@ -14,8 +13,6 @@ var _ButtonGroup = _interopRequireDefault(require("../ButtonGroup"));
 var _Dropdown = _interopRequireDefault(require("../Dropdown"));
 var _utils = require("../utils");
 var _jsxRuntime = require("react/jsx-runtime");
-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-2023. Plesk International GmbH. All rights reserved.
 
 const focusStrategy = {
@@ -40,25 +37,26 @@ const focusStrategy = {
     return container.children[1].querySelector('button');
   }
 };
-
 /**
  * `Split Button` is a combination of a standard [Button](#!/Button) with a [Dropdown](#!/Dropdown) menu.
  * It is used for grouping several related actions when one of the actions should be accessible immediately
  * because it is used more often than others.
- * @since 0.0.40
+ *
+ * Since: 0.0.40
  */
 const SplitButton = _ref => {
   let {
-    baseClassName,
+    baseClassName = `${_constants.CLS_PREFIX}split-button`,
     className,
     menu,
     children,
-    opened,
     onClick,
     onKeyDown,
+    icon,
+    size,
     ...props
   } = _ref;
-  const rootRef = (0, _react.useRef)();
+  const rootRef = (0, _react.useRef)(null);
   const {
     focusNext,
     focusPrev
@@ -82,6 +80,8 @@ const SplitButton = _ref => {
     onKeyDown: handleKeyDown,
     ...props,
     children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_Button.default, {
+      icon: icon,
+      size: size,
       tabIndex: 0,
       onClick: onClick,
       children: children
@@ -90,51 +90,12 @@ const SplitButton = _ref => {
       menu: menu,
       menuPlacement: "bottom-end",
       children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Button.default, {
+        size: size,
         caret: true,
         tabIndex: -1
       })
     })]
   });
 };
-SplitButton.propTypes = {
-  /**
-   * @since 0.0.47
-   */
-  menu: _propTypes.default.any,
-  /**
-   * @since 0.0.47
-   */
-  opened: _propTypes.default.bool,
-  /**
-   * Content of the button group
-   * @since 0.0.40
-   */
-  children: _propTypes.default.node,
-  /**
-   * @ignore
-   */
-  className: _propTypes.default.string,
-  /**
-   * @ignore
-   */
-  baseClassName: _propTypes.default.string,
-  /**
-   * @ignore
-   */
-  onClick: _propTypes.default.func,
-  /**
-   * @ignore
-   */
-  onKeyDown: _propTypes.default.func
-};
-SplitButton.defaultProps = {
-  menu: null,
-  opened: false,
-  children: null,
-  className: null,
-  baseClassName: `${_constants.CLS_PREFIX}split-button`,
-  onClick: undefined,
-  onKeyDown: undefined
-};
 var _default = SplitButton;
 exports.default = _default;

package/cjs/components/SplitButton/index.js

@@ -1,13 +1,26 @@
 "use strict";
 
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
+var _exportNames = {};
 Object.defineProperty(exports, "default", {
   enumerable: true,
   get: function () {
     return _SplitButton.default;
   }
 });
-var _SplitButton = _interopRequireDefault(require("./SplitButton"));
+var _SplitButton = _interopRequireWildcard(require("./SplitButton"));
+Object.keys(_SplitButton).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
+  if (key in exports && exports[key] === _SplitButton[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _SplitButton[key];
+    }
+  });
+});
+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; }

package/cjs/components/Switch/Switch.js

@@ -5,15 +5,10 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-var _react = _interopRequireWildcard(require("react"));
-var _propTypes = _interopRequireDefault(require("prop-types"));
 var _classnames = _interopRequireDefault(require("classnames"));
 var _constants = require("../../constants");
 var _Tooltip = _interopRequireDefault(require("../Tooltip"));
 var _jsxRuntime = require("react/jsx-runtime");
-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-2023. Plesk International GmbH. All rights reserved.
 
 /**
@@ -21,121 +16,51 @@ function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj &&
  * It provides immediate results that is why it should not be used in Form.
  * @since 0.0.42
  */
-class Switch extends _react.Component {
-  constructor() {
-    super(...arguments);
-    (0, _defineProperty2.default)(this, "handleChange", event => {
-      const {
-        disabled,
-        onChange
-      } = this.props;
-      if (!disabled && onChange) {
-        onChange(event.target.checked);
-      }
-    });
-  }
-  render() {
-    const {
-      baseClassName,
-      className,
-      children,
-      onChange,
-      tooltip,
-      intent,
-      checked,
-      defaultChecked,
-      disabled,
-      loading,
-      ...props
-    } = this.props;
-    let result = /*#__PURE__*/(0, _jsxRuntime.jsxs)("label", {
-      className: (0, _classnames.default)(baseClassName, {
-        [`${baseClassName}--${intent}`]: intent,
-        [`${baseClassName}--loading`]: loading
-      }, className),
-      ...props,
-      children: [children ? /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
-        className: `${baseClassName}__label`,
-        children: children
-      }) : null, /*#__PURE__*/(0, _jsxRuntime.jsx)("input", {
-        type: "checkbox",
-        onChange: this.handleChange,
-        checked: checked,
-        defaultChecked: checked === null || checked === undefined ? defaultChecked : undefined,
-        disabled: disabled || loading
-      }), /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
-        className: `${baseClassName}__indicator`
-      })]
-    });
-    if (tooltip) {
-      result = /*#__PURE__*/(0, _jsxRuntime.jsx)(_Tooltip.default, {
-        title: tooltip,
-        children: result
-      });
+const Switch = _ref => {
+  let {
+    className,
+    children,
+    onChange,
+    tooltip,
+    intent,
+    checked,
+    defaultChecked,
+    baseClassName = `${_constants.CLS_PREFIX}switch`,
+    disabled = false,
+    loading = false,
+    ...props
+  } = _ref;
+  const handleChange = event => {
+    if (!disabled && onChange) {
+      onChange(event.target.checked);
     }
-    return result;
+  };
+  const result = /*#__PURE__*/(0, _jsxRuntime.jsxs)("label", {
+    className: (0, _classnames.default)(baseClassName, {
+      [`${baseClassName}--${intent}`]: intent,
+      [`${baseClassName}--loading`]: loading
+    }, className),
+    ...props,
+    children: [children ? /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
+      className: `${baseClassName}__label`,
+      children: children
+    }) : null, /*#__PURE__*/(0, _jsxRuntime.jsx)("input", {
+      type: "checkbox",
+      onChange: handleChange,
+      checked: checked,
+      defaultChecked: checked === null || checked === undefined ? defaultChecked : undefined,
+      disabled: disabled || loading
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
+      className: `${baseClassName}__indicator`
+    })]
+  });
+  if (tooltip) {
+    return /*#__PURE__*/(0, _jsxRuntime.jsx)(_Tooltip.default, {
+      title: tooltip,
+      children: result
+    });
   }
-}
-Switch.propTypes = {
-  /**
-   * Determine whether the `Switch` is checked.
-   * @since 0.0.42
-   */
-  checked: _propTypes.default.bool,
-  /**
-   * @ignore
-   */
-  defaultChecked: _propTypes.default.bool,
-  /**
-   * A callback function, can be executed when the checked state is changing.
-   * @since 0.0.42
-   */
-  onChange: _propTypes.default.func,
-  /**
-   * Tooltip for component
-   * @since 0.0.42
-   */
-  tooltip: _propTypes.default.any,
-  /**
-   * Visual intent color to apply to component.
-   * @since 0.3.0
-   */
-  intent: _propTypes.default.oneOf(['warning', 'danger']),
-  /**
-   * Is `Switch` disabled?
-   * @since 0.0.42
-   */
-  disabled: _propTypes.default.bool,
-  /**
-   * Loading indication
-   * @since 0.3.0
-   */
-  loading: _propTypes.default.bool,
-  /**
-   * Label of the `Switch`
-   * @since 0.0.42
-   */
-  children: _propTypes.default.node,
-  /**
-   * @ignore
-   */
-  className: _propTypes.default.string,
-  /**
-   * @ignore
-   */
-  baseClassName: _propTypes.default.string
-};
-Switch.defaultProps = {
-  checked: undefined,
-  defaultChecked: undefined,
-  onChange: undefined,
-  tooltip: undefined,
-  intent: undefined,
-  disabled: false,
-  loading: false,
-  children: undefined,
-  className: undefined,
-  baseClassName: `${_constants.CLS_PREFIX}switch`
+  return result;
 };
 var _default = Switch;
 exports.default = _default;