@plesk/ui-library 3.35.4 → 3.35.5

package/cjs/components/List/List.js

@@ -870,7 +870,7 @@ class List extends _react.Component {
             allRowsSelected,
             translators: locale
           })
-        }), ` `, /*#__PURE__*/(0, _jsxRuntime.jsxs)("span", {
+        }), /*#__PURE__*/(0, _jsxRuntime.jsxs)("span", {
           className: `${baseClassName}__header-buttons`,
           children: [this.renderSelectAllButton(), this.renderDeselectAllButton()]
         })]

package/cjs/components/Pagination/Pagination.js

@@ -7,13 +7,13 @@ Object.defineProperty(exports, "__esModule", {
 exports.default = exports.ITEMS_PER_PAGE_OPTIONS = void 0;
 var _classnames = _interopRequireDefault(require("classnames"));
 var _constants = require("../../constants");
+var _ContentLoader = _interopRequireDefault(require("../ContentLoader"));
 var _InputNumber = _interopRequireDefault(require("../InputNumber"));
-var _Translate = _interopRequireDefault(require("../Translate"));
 var _Link = _interopRequireDefault(require("../Link"));
-var _Text = _interopRequireDefault(require("../Text"));
 var _Popover = _interopRequireDefault(require("../Popover"));
 var _SegmentedControl = _interopRequireDefault(require("../SegmentedControl"));
-var _ContentLoader = _interopRequireDefault(require("../ContentLoader"));
+var _Text = _interopRequireDefault(require("../Text"));
+var _Translate = _interopRequireDefault(require("../Translate"));
 var _utils = require("../utils");
 var _jsxRuntime = require("react/jsx-runtime");
 // Copyright 1999-2023. Plesk International GmbH. All rights reserved.

package/cjs/components/Progress/Progress.js

@@ -31,12 +31,14 @@ class Progress extends _react.Component {
     } = _ref;
     let isNotStarted = true;
     let isFinished = true;
+    let isFinishedWithWarnings = true;
     let isFailed = false;
     if (children) {
       _react.Children.forEach(children, child => {
         if ( /*#__PURE__*/(0, _react.isValidElement)(child) && child.props.status) {
           isNotStarted = isNotStarted && child.props.status === _ProgressStep.STATUS_NOT_STARTED;
           isFinished = isFinished && child.props.status === _ProgressStep.STATUS_DONE;
+          isFinishedWithWarnings = isFinishedWithWarnings && [_ProgressStep.STATUS_DONE, _ProgressStep.STATUS_WARNING].includes(child.props.status);
           isFailed = isFailed || child.props.status === _ProgressStep.STATUS_ERROR;
         }
       });
@@ -46,6 +48,11 @@ class Progress extends _react.Component {
         status: _ProgressStep.STATUS_DONE
       };
     }
+    if (isFinishedWithWarnings) {
+      return {
+        status: _ProgressStep.STATUS_WARNING
+      };
+    }
     if (isNotStarted) {
       return {
         status: _ProgressStep.STATUS_NOT_STARTED

package/cjs/components/ProgressDialog/ProgressDialog.js

@@ -27,12 +27,14 @@ class ProgressDialog extends _react.Component {
     (0, _defineProperty2.default)(this, "state", {
       isOpen: false,
       isFinished: false,
+      isFinishedWithWarnings: false,
       isFailed: false
     });
     (0, _defineProperty2.default)(this, "closeTimeout", null);
     (0, _defineProperty2.default)(this, "handleStatusChange", status => {
       this.setState({
         isFinished: status === _ProgressStep.STATUS_DONE,
+        isFinishedWithWarnings: status === _ProgressStep.STATUS_WARNING,
         isFailed: status === _ProgressStep.STATUS_ERROR
       });
     });
@@ -47,6 +49,7 @@ class ProgressDialog extends _react.Component {
       const {
         isOpen,
         isFinished,
+        isFinishedWithWarnings,
         isFailed
       } = this.state;
       this.clearCloseTimeout();
@@ -55,6 +58,8 @@ class ProgressDialog extends _react.Component {
       }
       if (isFinished) {
         (0, _utils.safeInvoke)(onFinish);
+      } else if (isFinishedWithWarnings) {
+        // TODO: Call onFinish on major update or create onFinishWithWarnings
       } else if (isFailed) {
         (0, _utils.safeInvoke)(onFail);
       } else if (cancelable) {
@@ -80,8 +85,10 @@ class ProgressDialog extends _react.Component {
     const {
       autoCloseTimeout
     } = this.props;
-    if (prevState.isFinished === false && isFinished === true) {
+    if (prevState.isFinished !== isFinished) {
       this.clearCloseTimeout();
+    }
+    if (prevState.isFinished === false && isFinished === true) {
       if (autoCloseTimeout) {
         this.closeTimeout = setTimeout(this.handleClose, autoCloseTimeout);
       }
@@ -113,9 +120,10 @@ class ProgressDialog extends _react.Component {
     const {
       isOpen,
       isFinished,
+      isFinishedWithWarnings,
       isFailed
     } = this.state;
-    const canClose = isFinished || isFailed;
+    const canClose = isFinished || isFinishedWithWarnings || isFailed;
     const canCancel = cancelable && !canClose;
     const cancelTitle = canClose ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_Translate.default, {
       content: "ProgressDialog.closeButton",

package/cjs/components/SegmentedControl/SegmentedControl.js

@@ -4,24 +4,24 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.default = void 0;
+exports.default = exports.SEGMENTED_CONTROL_BASE_CLASS_NAME = 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 _react = require("react");
 var _constants = require("../../constants");
-var _ButtonGroup = _interopRequireDefault(require("../ButtonGroup"));
 var _Button = _interopRequireDefault(require("../Button"));
+var _ButtonGroup = _interopRequireDefault(require("../ButtonGroup"));
 var _Dropdown = _interopRequireDefault(require("../Dropdown"));
 var _Menu = _interopRequireWildcard(require("../Menu"));
-var _Squeezer = _interopRequireDefault(require("../Squeezer"));
 var _ResponsiveContext = _interopRequireDefault(require("../ResponsiveContext"));
+var _Squeezer = _interopRequireDefault(require("../Squeezer"));
 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 alphaSort = (a, b) => a > b ? 1 : -1;
+const SEGMENTED_CONTROL_BASE_CLASS_NAME = exports.SEGMENTED_CONTROL_BASE_CLASS_NAME = `${_constants.CLS_PREFIX}segmented-control`;
 
 /**
  *  `Segmented Control` is a group of several [Buttons](#!/Button)
@@ -44,7 +44,7 @@ class SegmentedControl extends _react.Component {
       } = this.props;
       if (monospaced) {
         let monoWidth = 0;
-        this.rootRef.current.querySelectorAll(`.${baseClassName}__button`).forEach(el => {
+        this.rootRef.current?.querySelectorAll(`.${baseClassName}__button`).forEach(el => {
           monoWidth = Math.max(monoWidth, el.getBoundingClientRect().width);
         });
         if (monoWidth !== this.state.monoWidth) {
@@ -64,24 +64,24 @@ class SegmentedControl extends _react.Component {
       } = this.state;
       let newSelected;
       if (multiple) {
-        newSelected = selected ? selected.slice() : [];
+        newSelected = selected && Array.isArray(selected) ? selected.slice() : [];
         if (!selected || !(selected instanceof Array) || selected.indexOf(value) === -1) {
           newSelected.push(value);
         } else {
           newSelected.splice(selected.indexOf(value), 1);
         }
         newSelected.sort(alphaSort);
-      } else {
-        newSelected = value;
-      }
-      if (selected instanceof Array) {
-        selected.sort(alphaSort);
-      }
-      if (JSON.stringify(newSelected) !== JSON.stringify(selected)) {
         this.setState({
           selected: newSelected
         });
-        onChange(newSelected);
+        if (JSON.stringify(newSelected) !== JSON.stringify(selected)) {
+          onChange?.(newSelected);
+        }
+      } else {
+        newSelected = value;
+        if (JSON.stringify(newSelected) !== JSON.stringify(selected)) {
+          onChange?.(newSelected);
+        }
       }
     });
     (0, _defineProperty2.default)(this, "compact", () => {
@@ -155,7 +155,7 @@ class SegmentedControl extends _react.Component {
       selected
     } = this.state;
     const {
-      title
+      title = ''
     } = buttons.find(button => button.value === selected) || {};
     const menu = /*#__PURE__*/(0, _jsxRuntime.jsx)(_Menu.default, {
       children: buttons.map(_ref2 => {
@@ -172,7 +172,7 @@ class SegmentedControl extends _react.Component {
           ...buttonProps,
           ...menuItemProps,
           children: title
-        }, value);
+        }, `${value}`);
       })
     });
     return /*#__PURE__*/(0, _jsxRuntime.jsx)(_Dropdown.default, {
@@ -226,7 +226,7 @@ class SegmentedControl extends _react.Component {
           ...handler,
           ...buttonProps,
           children: title
-        }, value);
+        }, `${value}`);
       })
     });
   }
@@ -252,6 +252,7 @@ class SegmentedControl extends _react.Component {
         compact: this.compact,
         uncompact: this.uncompact,
         innerRef: el => {
+          // @ts-ignore
           this.rootRef.current = el;
         },
         children: _ref4 => {
@@ -276,67 +277,7 @@ class SegmentedControl extends _react.Component {
     });
   }
 }
-SegmentedControl.propTypes = {
-  /**
-   * Label
-   * @since 0.0.68
-   */
-  label: _propTypes.default.node,
-  /**
-   * Where to place label
-   * @since 0.0.68
-   */
-  labelPlacement: _propTypes.default.oneOf(['top', 'left']),
-  /**
-   * Array of buttons to display (every array item must contain an unique "value" property)
-   * @since 0.0.68
-   */
-  buttons: _propTypes.default.arrayOf(_propTypes.default.shape({
-    value: _propTypes.default.any.isRequired,
-    title: _propTypes.default.node
-  })).isRequired,
-  /**
-   * Monospaced version of buttons (all button would have the same width).
-   * Attention: using it with buttons dynamic update may cause to wrong behavior!
-   * @since 0.0.68
-   */
-  monospaced: _propTypes.default.bool,
-  /**
-   * Multiple selected options version (any number of buttons can be selected)
-   * @since 0.0.68
-   */
-  multiple: _propTypes.default.bool,
-  /**
-   * Selected value or an array of values (for multiple version).
-   * Used in controlled version or as default value in uncontrolled version (with onChange property)
-   * @since 0.0.68
-   */
-  selected: _propTypes.default.oneOfType([_propTypes.default.any, _propTypes.default.arrayOf(_propTypes.default.any)]).isRequired,
-  /**
-   * On change selection callback for uncontrolled mode.
-   * @since 0.0.68
-   */
-  onChange: _propTypes.default.func,
-  /**
-   * Should component displays as inline element?
-   * @since 0.0.68
-   */
-  inline: _propTypes.default.bool,
-  /**
-   * Use buttons with transparent background (ghost buttons)
-   * @since 2.3.0
-   */
-  ghost: _propTypes.default.bool,
-  /**
-   * @ignore
-   */
-  className: _propTypes.default.string,
-  /**
-   * @ignore
-   */
-  baseClassName: _propTypes.default.string
-};
-SegmentedControl.defaultProps = {
+(0, _defineProperty2.default)(SegmentedControl, "defaultProps", {
   label: null,
   labelPlacement: 'top',
   monospaced: false,
@@ -345,7 +286,7 @@ SegmentedControl.defaultProps = {
   inline: false,
   ghost: false,
   className: null,
-  baseClassName: `${_constants.CLS_PREFIX}segmented-control`
-};
-SegmentedControl.contextType = _ResponsiveContext.default;
+  baseClassName: SEGMENTED_CONTROL_BASE_CLASS_NAME
+});
+(0, _defineProperty2.default)(SegmentedControl, "contextType", _ResponsiveContext.default);
 var _default = exports.default = SegmentedControl;

package/cjs/components/SegmentedControl/index.js

@@ -1,13 +1,20 @@
 "use strict";
 
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
+Object.defineProperty(exports, "SEGMENTED_CONTROL_BASE_CLASS_NAME", {
+  enumerable: true,
+  get: function () {
+    return _SegmentedControl.SEGMENTED_CONTROL_BASE_CLASS_NAME;
+  }
+});
 Object.defineProperty(exports, "default", {
   enumerable: true,
   get: function () {
     return _SegmentedControl.default;
   }
 });
-var _SegmentedControl = _interopRequireDefault(require("./SegmentedControl"));
+var _SegmentedControl = _interopRequireWildcard(require("./SegmentedControl"));
+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/index.js

@@ -78,6 +78,7 @@ var _exportNames = {
   Rating: true,
   Section: true,
   SegmentedControl: true,
+  SEGMENTED_CONTROL_BASE_CLASS_NAME: true,
   Spot: true,
   SplitButton: true,
   Status: true,
@@ -528,6 +529,12 @@ Object.defineProperty(exports, "Rating", {
     return _Rating.default;
   }
 });
+Object.defineProperty(exports, "SEGMENTED_CONTROL_BASE_CLASS_NAME", {
+  enumerable: true,
+  get: function () {
+    return _SegmentedControl.SEGMENTED_CONTROL_BASE_CLASS_NAME;
+  }
+});
 Object.defineProperty(exports, "Section", {
   enumerable: true,
   get: function () {
@@ -843,7 +850,7 @@ Object.keys(_Section).forEach(function (key) {
     }
   });
 });
-var _SegmentedControl = _interopRequireDefault(require("./SegmentedControl"));
+var _SegmentedControl = _interopRequireWildcard(require("./SegmentedControl"));
 var _Spot = _interopRequireDefault(require("./Spot"));
 var _SplitButton = _interopRequireDefault(require("./SplitButton"));
 var _Status = _interopRequireDefault(require("./Status"));

package/cjs/index.js

@@ -46,5 +46,5 @@ Object.keys(_components).forEach(function (key) {
   });
 });
 // Copyright 1999-2023. Plesk International GmbH. All rights reserved.
-const version = exports.version = "3.35.4";
+const version = exports.version = "3.35.5";
 (0, _svg4everybody.default)();