@plesk/ui-library 3.35.4 → 3.35.6

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (40) hide show
  1. package/cjs/components/List/List.js +1 -1
  2. package/cjs/components/Pagination/Pagination.js +3 -3
  3. package/cjs/components/Progress/Progress.js +7 -0
  4. package/cjs/components/ProgressDialog/ProgressDialog.js +10 -2
  5. package/cjs/components/SegmentedControl/SegmentedControl.js +23 -82
  6. package/cjs/components/SegmentedControl/index.js +9 -2
  7. package/cjs/components/index.js +15 -1
  8. package/cjs/index.js +1 -1
  9. package/dist/plesk-ui-library-rtl.css +1 -1
  10. package/dist/plesk-ui-library-rtl.css.map +1 -1
  11. package/dist/plesk-ui-library.css +1 -1
  12. package/dist/plesk-ui-library.css.map +1 -1
  13. package/dist/plesk-ui-library.js +80 -103
  14. package/dist/plesk-ui-library.js.map +1 -1
  15. package/dist/plesk-ui-library.min.js +5 -5
  16. package/dist/plesk-ui-library.min.js.map +1 -1
  17. package/esm/components/List/List.js +1 -1
  18. package/esm/components/Pagination/Pagination.js +3 -3
  19. package/esm/components/Progress/Progress.js +8 -1
  20. package/esm/components/ProgressDialog/ProgressDialog.js +11 -3
  21. package/esm/components/SegmentedControl/SegmentedControl.js +22 -81
  22. package/esm/components/SegmentedControl/index.js +2 -1
  23. package/esm/components/index.js +2 -1
  24. package/esm/index.js +1 -1
  25. package/package.json +5 -6
  26. package/styleguide/build/bundle.8a07b2dd.js +2 -0
  27. package/styleguide/index.html +2 -2
  28. package/types/src/components/Card/PreviewPanel.d.ts +2 -1
  29. package/types/src/components/List/ListAction.d.ts +3 -3
  30. package/types/src/components/List/ListActions.d.ts +1 -1
  31. package/types/src/components/List/ListOperation.d.ts +1 -1
  32. package/types/src/components/List/ListOperationContext.d.ts +2 -2
  33. package/types/src/components/PageHeader/PageHeader.d.ts +2 -1
  34. package/types/src/components/ProgressDialog/ProgressDialog.d.ts +2 -0
  35. package/types/src/components/SegmentedControl/SegmentedControl.d.ts +112 -0
  36. package/types/src/components/SegmentedControl/index.d.ts +3 -0
  37. package/types/src/components/Toolbar/ToolbarMenu.d.ts +1 -1
  38. package/types/src/components/index.d.ts +3 -1
  39. package/styleguide/build/bundle.17ad5082.js +0 -2
  40. /package/styleguide/build/{bundle.17ad5082.js.LICENSE.txt → bundle.8a07b2dd.js.LICENSE.txt} +0 -0
@@ -2842,7 +2842,7 @@ var _Translate = _interopRequireDefault(__webpack_require__(/*! ../Translate */
2842
2842
  var _Button = _interopRequireDefault(__webpack_require__(/*! ../Button */ "./components/Button/index.tsx"));
2843
2843
  var _Toolbar = _interopRequireWildcard(__webpack_require__(/*! ../Toolbar */ "./components/Toolbar/index.tsx"));
2844
2844
  var _Dropdown = _interopRequireDefault(__webpack_require__(/*! ../Dropdown */ "./components/Dropdown/index.tsx"));
2845
- var _SegmentedControl = _interopRequireDefault(__webpack_require__(/*! ../SegmentedControl */ "./components/SegmentedControl/index.js"));
2845
+ var _SegmentedControl = _interopRequireDefault(__webpack_require__(/*! ../SegmentedControl */ "./components/SegmentedControl/index.tsx"));
2846
2846
  var _Menu = _interopRequireDefault(__webpack_require__(/*! ../Menu */ "./components/Menu/index.tsx"));
2847
2847
  var _Checkbox = _interopRequireDefault(__webpack_require__(/*! ../Checkbox */ "./components/Checkbox/index.tsx"));
2848
2848
  var _Badge = _interopRequireDefault(__webpack_require__(/*! ../Badge */ "./components/Badge/index.tsx"));
@@ -12600,7 +12600,7 @@ class List extends _react.Component {
12600
12600
  allRowsSelected,
12601
12601
  translators: locale
12602
12602
  })
12603
- }), ` `, /*#__PURE__*/(0, _jsxRuntime.jsxs)("span", {
12603
+ }), /*#__PURE__*/(0, _jsxRuntime.jsxs)("span", {
12604
12604
  className: `${baseClassName}__header-buttons`,
12605
12605
  children: [this.renderSelectAllButton(), this.renderDeselectAllButton()]
12606
12606
  })]
@@ -15130,13 +15130,13 @@ Object.defineProperty(exports, "__esModule", ({
15130
15130
  exports["default"] = exports.ITEMS_PER_PAGE_OPTIONS = void 0;
15131
15131
  var _classnames = _interopRequireDefault(__webpack_require__(/*! classnames */ "../node_modules/classnames/index.js"));
15132
15132
  var _constants = __webpack_require__(/*! ../../constants */ "./constants.js");
15133
+ var _ContentLoader = _interopRequireDefault(__webpack_require__(/*! ../ContentLoader */ "./components/ContentLoader/index.tsx"));
15133
15134
  var _InputNumber = _interopRequireDefault(__webpack_require__(/*! ../InputNumber */ "./components/InputNumber/index.tsx"));
15134
- var _Translate = _interopRequireDefault(__webpack_require__(/*! ../Translate */ "./components/Translate/index.tsx"));
15135
15135
  var _Link = _interopRequireDefault(__webpack_require__(/*! ../Link */ "./components/Link/index.tsx"));
15136
- var _Text = _interopRequireDefault(__webpack_require__(/*! ../Text */ "./components/Text/index.tsx"));
15137
15136
  var _Popover = _interopRequireDefault(__webpack_require__(/*! ../Popover */ "./components/Popover/index.tsx"));
15138
- var _SegmentedControl = _interopRequireDefault(__webpack_require__(/*! ../SegmentedControl */ "./components/SegmentedControl/index.js"));
15139
- var _ContentLoader = _interopRequireDefault(__webpack_require__(/*! ../ContentLoader */ "./components/ContentLoader/index.tsx"));
15137
+ var _SegmentedControl = _interopRequireDefault(__webpack_require__(/*! ../SegmentedControl */ "./components/SegmentedControl/index.tsx"));
15138
+ var _Text = _interopRequireDefault(__webpack_require__(/*! ../Text */ "./components/Text/index.tsx"));
15139
+ var _Translate = _interopRequireDefault(__webpack_require__(/*! ../Translate */ "./components/Translate/index.tsx"));
15140
15140
  var _utils = __webpack_require__(/*! ../utils */ "./components/utils.tsx");
15141
15141
  __webpack_require__(/*! ./Pagination.less */ "./components/Pagination/Pagination.less");
15142
15142
  var _jsxRuntime = __webpack_require__(/*! react/jsx-runtime */ "../node_modules/react/jsx-runtime.js");
@@ -16215,12 +16215,14 @@ class Progress extends _react.Component {
16215
16215
  } = _ref;
16216
16216
  let isNotStarted = true;
16217
16217
  let isFinished = true;
16218
+ let isFinishedWithWarnings = true;
16218
16219
  let isFailed = false;
16219
16220
  if (children) {
16220
16221
  _react.Children.forEach(children, child => {
16221
16222
  if ( /*#__PURE__*/(0, _react.isValidElement)(child) && child.props.status) {
16222
16223
  isNotStarted = isNotStarted && child.props.status === _ProgressStep.STATUS_NOT_STARTED;
16223
16224
  isFinished = isFinished && child.props.status === _ProgressStep.STATUS_DONE;
16225
+ isFinishedWithWarnings = isFinishedWithWarnings && [_ProgressStep.STATUS_DONE, _ProgressStep.STATUS_WARNING].includes(child.props.status);
16224
16226
  isFailed = isFailed || child.props.status === _ProgressStep.STATUS_ERROR;
16225
16227
  }
16226
16228
  });
@@ -16230,6 +16232,11 @@ class Progress extends _react.Component {
16230
16232
  status: _ProgressStep.STATUS_DONE
16231
16233
  };
16232
16234
  }
16235
+ if (isFinishedWithWarnings) {
16236
+ return {
16237
+ status: _ProgressStep.STATUS_WARNING
16238
+ };
16239
+ }
16233
16240
  if (isNotStarted) {
16234
16241
  return {
16235
16242
  status: _ProgressStep.STATUS_NOT_STARTED
@@ -16468,12 +16475,14 @@ class ProgressDialog extends _react.Component {
16468
16475
  _defineProperty(this, "state", {
16469
16476
  isOpen: false,
16470
16477
  isFinished: false,
16478
+ isFinishedWithWarnings: false,
16471
16479
  isFailed: false
16472
16480
  });
16473
16481
  _defineProperty(this, "closeTimeout", null);
16474
16482
  _defineProperty(this, "handleStatusChange", status => {
16475
16483
  this.setState({
16476
16484
  isFinished: status === _ProgressStep.STATUS_DONE,
16485
+ isFinishedWithWarnings: status === _ProgressStep.STATUS_WARNING,
16477
16486
  isFailed: status === _ProgressStep.STATUS_ERROR
16478
16487
  });
16479
16488
  });
@@ -16488,6 +16497,7 @@ class ProgressDialog extends _react.Component {
16488
16497
  const {
16489
16498
  isOpen,
16490
16499
  isFinished,
16500
+ isFinishedWithWarnings,
16491
16501
  isFailed
16492
16502
  } = this.state;
16493
16503
  this.clearCloseTimeout();
@@ -16496,6 +16506,8 @@ class ProgressDialog extends _react.Component {
16496
16506
  }
16497
16507
  if (isFinished) {
16498
16508
  (0, _utils.safeInvoke)(onFinish);
16509
+ } else if (isFinishedWithWarnings) {
16510
+ // TODO: Call onFinish on major update or create onFinishWithWarnings
16499
16511
  } else if (isFailed) {
16500
16512
  (0, _utils.safeInvoke)(onFail);
16501
16513
  } else if (cancelable) {
@@ -16521,8 +16533,10 @@ class ProgressDialog extends _react.Component {
16521
16533
  const {
16522
16534
  autoCloseTimeout
16523
16535
  } = this.props;
16524
- if (prevState.isFinished === false && isFinished === true) {
16536
+ if (prevState.isFinished !== isFinished) {
16525
16537
  this.clearCloseTimeout();
16538
+ }
16539
+ if (prevState.isFinished === false && isFinished === true) {
16526
16540
  if (autoCloseTimeout) {
16527
16541
  this.closeTimeout = setTimeout(this.handleClose, autoCloseTimeout);
16528
16542
  }
@@ -16554,9 +16568,10 @@ class ProgressDialog extends _react.Component {
16554
16568
  const {
16555
16569
  isOpen,
16556
16570
  isFinished,
16571
+ isFinishedWithWarnings,
16557
16572
  isFailed
16558
16573
  } = this.state;
16559
- const canClose = isFinished || isFailed;
16574
+ const canClose = isFinished || isFinishedWithWarnings || isFailed;
16560
16575
  const canCancel = cancelable && !canClose;
16561
16576
  const cancelTitle = canClose ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_Translate.default, {
16562
16577
  content: "ProgressDialog.closeButton",
@@ -17480,10 +17495,10 @@ function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj &&
17480
17495
 
17481
17496
  /***/ }),
17482
17497
 
17483
- /***/ "./components/SegmentedControl/SegmentedControl.js":
17484
- /*!*********************************************************!*\
17485
- !*** ./components/SegmentedControl/SegmentedControl.js ***!
17486
- \*********************************************************/
17498
+ /***/ "./components/SegmentedControl/SegmentedControl.tsx":
17499
+ /*!**********************************************************!*\
17500
+ !*** ./components/SegmentedControl/SegmentedControl.tsx ***!
17501
+ \**********************************************************/
17487
17502
  /***/ ((__unused_webpack_module, exports, __webpack_require__) => {
17488
17503
 
17489
17504
  "use strict";
@@ -17492,27 +17507,27 @@ function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj &&
17492
17507
  Object.defineProperty(exports, "__esModule", ({
17493
17508
  value: true
17494
17509
  }));
17495
- exports["default"] = void 0;
17496
- var _react = _interopRequireWildcard(__webpack_require__(/*! react */ "react"));
17497
- var _propTypes = _interopRequireDefault(__webpack_require__(/*! prop-types */ "../node_modules/prop-types/index.js"));
17510
+ exports["default"] = exports.SEGMENTED_CONTROL_BASE_CLASS_NAME = void 0;
17498
17511
  var _classnames = _interopRequireDefault(__webpack_require__(/*! classnames */ "../node_modules/classnames/index.js"));
17512
+ var _react = __webpack_require__(/*! react */ "react");
17499
17513
  var _constants = __webpack_require__(/*! ../../constants */ "./constants.js");
17500
- var _ButtonGroup = _interopRequireDefault(__webpack_require__(/*! ../ButtonGroup */ "./components/ButtonGroup/index.tsx"));
17501
17514
  var _Button = _interopRequireDefault(__webpack_require__(/*! ../Button */ "./components/Button/index.tsx"));
17515
+ var _ButtonGroup = _interopRequireDefault(__webpack_require__(/*! ../ButtonGroup */ "./components/ButtonGroup/index.tsx"));
17502
17516
  var _Dropdown = _interopRequireDefault(__webpack_require__(/*! ../Dropdown */ "./components/Dropdown/index.tsx"));
17503
17517
  var _Menu = _interopRequireWildcard(__webpack_require__(/*! ../Menu */ "./components/Menu/index.tsx"));
17504
- var _Squeezer = _interopRequireDefault(__webpack_require__(/*! ../Squeezer */ "./components/Squeezer/index.tsx"));
17505
17518
  var _ResponsiveContext = _interopRequireDefault(__webpack_require__(/*! ../ResponsiveContext */ "./components/ResponsiveContext/index.tsx"));
17519
+ var _Squeezer = _interopRequireDefault(__webpack_require__(/*! ../Squeezer */ "./components/Squeezer/index.tsx"));
17506
17520
  __webpack_require__(/*! ../../helpers/base.less */ "./helpers/base.less");
17507
17521
  __webpack_require__(/*! ./SegmentedControl.less */ "./components/SegmentedControl/SegmentedControl.less");
17508
17522
  var _jsxRuntime = __webpack_require__(/*! react/jsx-runtime */ "../node_modules/react/jsx-runtime.js");
17509
- function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
17510
17523
  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); }
17511
17524
  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; }
17525
+ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
17512
17526
  function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
17513
17527
  function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return typeof key === "symbol" ? key : String(key); }
17514
17528
  function _toPrimitive(input, hint) { if (typeof input !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (typeof res !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); } // Copyright 1999-2023. Plesk International GmbH. All rights reserved.
17515
17529
  const alphaSort = (a, b) => a > b ? 1 : -1;
17530
+ const SEGMENTED_CONTROL_BASE_CLASS_NAME = exports.SEGMENTED_CONTROL_BASE_CLASS_NAME = `${_constants.CLS_PREFIX}segmented-control`;
17516
17531
 
17517
17532
  /**
17518
17533
  * `Segmented Control` is a group of several [Buttons](#!/Button)
@@ -17535,7 +17550,7 @@ class SegmentedControl extends _react.Component {
17535
17550
  } = this.props;
17536
17551
  if (monospaced) {
17537
17552
  let monoWidth = 0;
17538
- this.rootRef.current.querySelectorAll(`.${baseClassName}__button`).forEach(el => {
17553
+ this.rootRef.current?.querySelectorAll(`.${baseClassName}__button`).forEach(el => {
17539
17554
  monoWidth = Math.max(monoWidth, el.getBoundingClientRect().width);
17540
17555
  });
17541
17556
  if (monoWidth !== this.state.monoWidth) {
@@ -17555,24 +17570,24 @@ class SegmentedControl extends _react.Component {
17555
17570
  } = this.state;
17556
17571
  let newSelected;
17557
17572
  if (multiple) {
17558
- newSelected = selected ? selected.slice() : [];
17573
+ newSelected = selected && Array.isArray(selected) ? selected.slice() : [];
17559
17574
  if (!selected || !(selected instanceof Array) || selected.indexOf(value) === -1) {
17560
17575
  newSelected.push(value);
17561
17576
  } else {
17562
17577
  newSelected.splice(selected.indexOf(value), 1);
17563
17578
  }
17564
17579
  newSelected.sort(alphaSort);
17565
- } else {
17566
- newSelected = value;
17567
- }
17568
- if (selected instanceof Array) {
17569
- selected.sort(alphaSort);
17570
- }
17571
- if (JSON.stringify(newSelected) !== JSON.stringify(selected)) {
17572
17580
  this.setState({
17573
17581
  selected: newSelected
17574
17582
  });
17575
- onChange(newSelected);
17583
+ if (JSON.stringify(newSelected) !== JSON.stringify(selected)) {
17584
+ onChange?.(newSelected);
17585
+ }
17586
+ } else {
17587
+ newSelected = value;
17588
+ if (JSON.stringify(newSelected) !== JSON.stringify(selected)) {
17589
+ onChange?.(newSelected);
17590
+ }
17576
17591
  }
17577
17592
  });
17578
17593
  _defineProperty(this, "compact", () => {
@@ -17646,7 +17661,7 @@ class SegmentedControl extends _react.Component {
17646
17661
  selected
17647
17662
  } = this.state;
17648
17663
  const {
17649
- title
17664
+ title = ''
17650
17665
  } = buttons.find(button => button.value === selected) || {};
17651
17666
  const menu = /*#__PURE__*/(0, _jsxRuntime.jsx)(_Menu.default, {
17652
17667
  children: buttons.map(_ref2 => {
@@ -17663,7 +17678,7 @@ class SegmentedControl extends _react.Component {
17663
17678
  ...buttonProps,
17664
17679
  ...menuItemProps,
17665
17680
  children: title
17666
- }, value);
17681
+ }, `${value}`);
17667
17682
  })
17668
17683
  });
17669
17684
  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_Dropdown.default, {
@@ -17717,7 +17732,7 @@ class SegmentedControl extends _react.Component {
17717
17732
  ...handler,
17718
17733
  ...buttonProps,
17719
17734
  children: title
17720
- }, value);
17735
+ }, `${value}`);
17721
17736
  })
17722
17737
  });
17723
17738
  }
@@ -17743,6 +17758,7 @@ class SegmentedControl extends _react.Component {
17743
17758
  compact: this.compact,
17744
17759
  uncompact: this.uncompact,
17745
17760
  innerRef: el => {
17761
+ // @ts-ignore
17746
17762
  this.rootRef.current = el;
17747
17763
  },
17748
17764
  children: _ref4 => {
@@ -17767,67 +17783,7 @@ class SegmentedControl extends _react.Component {
17767
17783
  });
17768
17784
  }
17769
17785
  }
17770
- SegmentedControl.propTypes = {
17771
- /**
17772
- * Label
17773
- * @since 0.0.68
17774
- */
17775
- label: _propTypes.default.node,
17776
- /**
17777
- * Where to place label
17778
- * @since 0.0.68
17779
- */
17780
- labelPlacement: _propTypes.default.oneOf(['top', 'left']),
17781
- /**
17782
- * Array of buttons to display (every array item must contain an unique "value" property)
17783
- * @since 0.0.68
17784
- */
17785
- buttons: _propTypes.default.arrayOf(_propTypes.default.shape({
17786
- value: _propTypes.default.any.isRequired,
17787
- title: _propTypes.default.node
17788
- })).isRequired,
17789
- /**
17790
- * Monospaced version of buttons (all button would have the same width).
17791
- * Attention: using it with buttons dynamic update may cause to wrong behavior!
17792
- * @since 0.0.68
17793
- */
17794
- monospaced: _propTypes.default.bool,
17795
- /**
17796
- * Multiple selected options version (any number of buttons can be selected)
17797
- * @since 0.0.68
17798
- */
17799
- multiple: _propTypes.default.bool,
17800
- /**
17801
- * Selected value or an array of values (for multiple version).
17802
- * Used in controlled version or as default value in uncontrolled version (with onChange property)
17803
- * @since 0.0.68
17804
- */
17805
- selected: _propTypes.default.oneOfType([_propTypes.default.any, _propTypes.default.arrayOf(_propTypes.default.any)]).isRequired,
17806
- /**
17807
- * On change selection callback for uncontrolled mode.
17808
- * @since 0.0.68
17809
- */
17810
- onChange: _propTypes.default.func,
17811
- /**
17812
- * Should component displays as inline element?
17813
- * @since 0.0.68
17814
- */
17815
- inline: _propTypes.default.bool,
17816
- /**
17817
- * Use buttons with transparent background (ghost buttons)
17818
- * @since 2.3.0
17819
- */
17820
- ghost: _propTypes.default.bool,
17821
- /**
17822
- * @ignore
17823
- */
17824
- className: _propTypes.default.string,
17825
- /**
17826
- * @ignore
17827
- */
17828
- baseClassName: _propTypes.default.string
17829
- };
17830
- SegmentedControl.defaultProps = {
17786
+ _defineProperty(SegmentedControl, "defaultProps", {
17831
17787
  label: null,
17832
17788
  labelPlacement: 'top',
17833
17789
  monospaced: false,
@@ -17836,17 +17792,17 @@ SegmentedControl.defaultProps = {
17836
17792
  inline: false,
17837
17793
  ghost: false,
17838
17794
  className: null,
17839
- baseClassName: `${_constants.CLS_PREFIX}segmented-control`
17840
- };
17841
- SegmentedControl.contextType = _ResponsiveContext.default;
17795
+ baseClassName: SEGMENTED_CONTROL_BASE_CLASS_NAME
17796
+ });
17797
+ _defineProperty(SegmentedControl, "contextType", _ResponsiveContext.default);
17842
17798
  var _default = exports["default"] = SegmentedControl;
17843
17799
 
17844
17800
  /***/ }),
17845
17801
 
17846
- /***/ "./components/SegmentedControl/index.js":
17847
- /*!**********************************************!*\
17848
- !*** ./components/SegmentedControl/index.js ***!
17849
- \**********************************************/
17802
+ /***/ "./components/SegmentedControl/index.tsx":
17803
+ /*!***********************************************!*\
17804
+ !*** ./components/SegmentedControl/index.tsx ***!
17805
+ \***********************************************/
17850
17806
  /***/ ((__unused_webpack_module, exports, __webpack_require__) => {
17851
17807
 
17852
17808
  "use strict";
@@ -17855,14 +17811,21 @@ var _default = exports["default"] = SegmentedControl;
17855
17811
  Object.defineProperty(exports, "__esModule", ({
17856
17812
  value: true
17857
17813
  }));
17814
+ Object.defineProperty(exports, "SEGMENTED_CONTROL_BASE_CLASS_NAME", ({
17815
+ enumerable: true,
17816
+ get: function () {
17817
+ return _SegmentedControl.SEGMENTED_CONTROL_BASE_CLASS_NAME;
17818
+ }
17819
+ }));
17858
17820
  Object.defineProperty(exports, "default", ({
17859
17821
  enumerable: true,
17860
17822
  get: function () {
17861
17823
  return _SegmentedControl.default;
17862
17824
  }
17863
17825
  }));
17864
- var _SegmentedControl = _interopRequireDefault(__webpack_require__(/*! ./SegmentedControl */ "./components/SegmentedControl/SegmentedControl.js"));
17865
- function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
17826
+ var _SegmentedControl = _interopRequireWildcard(__webpack_require__(/*! ./SegmentedControl */ "./components/SegmentedControl/SegmentedControl.tsx"));
17827
+ 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); }
17828
+ 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; }
17866
17829
 
17867
17830
  /***/ }),
17868
17831
 
@@ -23411,6 +23374,7 @@ var _exportNames = {
23411
23374
  MenuHeader: true,
23412
23375
  MenuItem: true,
23413
23376
  MenuSelectableItem: true,
23377
+ MenuBaseItem: true,
23414
23378
  Overlay: true,
23415
23379
  PageHeader: true,
23416
23380
  Pagination: true,
@@ -23426,6 +23390,7 @@ var _exportNames = {
23426
23390
  Rating: true,
23427
23391
  Section: true,
23428
23392
  SegmentedControl: true,
23393
+ SEGMENTED_CONTROL_BASE_CLASS_NAME: true,
23429
23394
  Spot: true,
23430
23395
  SplitButton: true,
23431
23396
  Status: true,
@@ -23762,6 +23727,12 @@ Object.defineProperty(exports, "Menu", ({
23762
23727
  return _Menu.default;
23763
23728
  }
23764
23729
  }));
23730
+ Object.defineProperty(exports, "MenuBaseItem", ({
23731
+ enumerable: true,
23732
+ get: function () {
23733
+ return _Menu.MenuBaseItem;
23734
+ }
23735
+ }));
23765
23736
  Object.defineProperty(exports, "MenuDivider", ({
23766
23737
  enumerable: true,
23767
23738
  get: function () {
@@ -23876,6 +23847,12 @@ Object.defineProperty(exports, "Rating", ({
23876
23847
  return _Rating.default;
23877
23848
  }
23878
23849
  }));
23850
+ Object.defineProperty(exports, "SEGMENTED_CONTROL_BASE_CLASS_NAME", ({
23851
+ enumerable: true,
23852
+ get: function () {
23853
+ return _SegmentedControl.SEGMENTED_CONTROL_BASE_CLASS_NAME;
23854
+ }
23855
+ }));
23879
23856
  Object.defineProperty(exports, "Section", ({
23880
23857
  enumerable: true,
23881
23858
  get: function () {
@@ -24191,7 +24168,7 @@ Object.keys(_Section).forEach(function (key) {
24191
24168
  }
24192
24169
  });
24193
24170
  });
24194
- var _SegmentedControl = _interopRequireDefault(__webpack_require__(/*! ./SegmentedControl */ "./components/SegmentedControl/index.js"));
24171
+ var _SegmentedControl = _interopRequireWildcard(__webpack_require__(/*! ./SegmentedControl */ "./components/SegmentedControl/index.tsx"));
24195
24172
  var _Spot = _interopRequireDefault(__webpack_require__(/*! ./Spot */ "./components/Spot/index.tsx"));
24196
24173
  var _SplitButton = _interopRequireDefault(__webpack_require__(/*! ./SplitButton */ "./components/SplitButton/index.tsx"));
24197
24174
  var _Status = _interopRequireDefault(__webpack_require__(/*! ./Status */ "./components/Status/index.tsx"));
@@ -88151,7 +88128,7 @@ function _setPrototypeOf(o, p) {
88151
88128
  /***/ ((module) => {
88152
88129
 
88153
88130
  "use strict";
88154
- module.exports = JSON.parse('{"name":"@plesk/ui-library","version":"3.35.4","description":"Plesk UI Library","main":"index.js","module":"esm/index.js","types":"./types/src","sideEffects":["cjs/index.js","esm/index.js","dist/*.js","dist/*.css"],"scripts":{"pretest":"yarn lint","test":"jest --ci --coverage --coverageReporters text-summary","test:vr":"cross-env VISUAL_REGRESSION=true jest","build":"yarn build:types && yarn build:umd && yarn build:esm && yarn build:cjs","build:umd":"webpack --config ./configs/build.config.js","build:esm":"cross-env NODE_ENV=esm node ./scripts/build.js","build:cjs":"cross-env NODE_ENV=cjs node ./scripts/build.js","build:types":"rimraf ./types && tsc --project ./configs/types-generator.config.json","create-svg-sprite":"node ./scripts/create-svg-sprite.js","lint":"yarn lint:es && yarn lint:types && yarn lint:style","lint:es":"eslint --ext js,md,tsx src configs scripts styleguidist","lint:types":"tsc","lint:style":"stylelint \\"{src,styleguidist}/**/*.less\\"","styleguide":"styleguidist server --config ./configs/styleguide.config.js","styleguide:build":"styleguidist build --config ./configs/styleguide.config.js","create-component":"node scripts/create-component.js","prepublishOnly":"yarn install && yarn test && yarn build && yarn styleguide:build","storybook":"webpack serve --config ./configs/storybook.config.js --allowed-hosts all","postinstall":"node ./scripts/postinstall.js"},"files":["esm","cjs","dist","styleguide","types","/scripts/postinstall.js","/index.js"],"dependencies":{"@babel/runtime":"^7.23.1","@plesk/react-movable":"^2.7.1","classnames":"^2.3.2","codemirror":"5.58.2","marked":"4.2.12","memoize-one":"^5.2.1","popper.js":"1.16.1","prop-types":"^15.8.1","react-measure":"2.5.2","react-sortable-hoc":"0.6.8","react-transition-group":"^4.4.5","scroll-into-view-if-needed":"^2.2.31","svg4everybody":"2.1.9","use-focus-visible":"^1.0.2"},"devDependencies":{"@babel/core":"^7.23.0","@babel/plugin-proposal-class-properties":"^7.18.6","@babel/plugin-syntax-dynamic-import":"^7.8.3","@babel/plugin-transform-runtime":"^7.22.15","@babel/preset-env":"^7.22.20","@babel/preset-react":"^7.22.15","@babel/preset-typescript":"^7.23.0","@babel/types":"^7.23.0","@csstools/postcss-logical-float-and-clear":"^1.0.1","@plesk/eslint-config":"^3.0.0","@plesk/stylelint-config":"^2.0.0","@testing-library/dom":"^9.3.3","@testing-library/jest-dom":"^5.17.0","@testing-library/react":"^12.1.5","@testing-library/user-event":"^12.8.3","@types/buble":"^0.20.2","@types/classnames":"2.3.1","@types/doctrine":"^0.0.5","@types/enzyme":"^3.10.14","@types/jest":"^27.5.2","@types/jest-image-snapshot":"^6.2.1","@types/marked":"^4.3.1","@types/node":"^16.18.54","@types/react":"^17.0.65","@types/react-dom":"^17.0.20","@types/react-measure":"2.0.8","@types/react-transition-group":"^4.4.6","@types/svg4everybody":"2.1.2","@typescript-eslint/eslint-plugin":"^5.62.0","@typescript-eslint/parser":"^5.62.0","@wojtekmaj/enzyme-adapter-react-17":"^0.8.0","autoprefixer":"^10.4.16","babel-loader":"^8.3.0","babel-plugin-transform-require-ignore":"^0.1.1","clean-webpack-plugin":"^4.0.0","cross-env":"^5.2.1","css-loader":"^6.8.1","css-minimizer-webpack-plugin":"^5.0.1","enzyme":"^3.11.0","enzyme-to-json":"^3.6.2","eslint":"^8.50.0","eslint-config-prettier":"^8.10.0","eslint-plugin-markdown":"^3.0.1","eslint-plugin-prettier":"^4.2.1","html-webpack-plugin":"^5.5.3","inquirer":"^3.3.0","jest":"^27.5.1","jest-dev-server":"^9.0.0","jest-image-snapshot":"^6.2.0","less":"^4.2.0","less-loader":"^11.1.3","mini-css-extract-plugin":"^2.7.6","postcss":"^8.4.30","postcss-less":"^6.0.0","postcss-loader":"^7.3.3","postcss-logical":"^6.2.0","prettier":"^2.8.8","puppeteer-core":"20.4.0","react":"^17.0.2","react-docgen-typescript":"^2.2.2","react-dom":"^17.0.2","react-styleguidist":"^12.0.1","rimraf":"^5.0.1","rtlcss":"^4.1.1","style-loader":"^3.3.3","stylelint":"^15.10.3","stylelint-declaration-block-no-ignored-properties":"^2.7.0","stylelint-no-unsupported-browser-features":"^6.1.0","stylelint-prettier":"^3.0.0","stylelint-use-logical-spec":"^5.0.0","svg-mixer":"^2.3.14","terser-webpack-plugin":"^5.3.9","typescript":"4.7.4","webpack":"^5.88.2","webpack-cli":"^5.1.4"},"peerDependencies":{"react":"^17.0.2","react-dom":"^17.0.2"},"resolutions":{"@babel/types":"^7.15.6","@types/react":"^17.0.39","trim":">=0.0.3","postcss":"^8.4.23"},"browserslist":["defaults","not op_mini all","not kaios > 0"],"author":"Plesk Developers <plesk-dev-leads@plesk.com> (https://www.plesk.com/)","license":"Apache-2.0"}');
88131
+ module.exports = JSON.parse('{"name":"@plesk/ui-library","version":"3.35.6","description":"Plesk UI Library","main":"index.js","module":"esm/index.js","types":"./types/src","sideEffects":["cjs/index.js","esm/index.js","dist/*.js","dist/*.css"],"scripts":{"pretest":"yarn lint","test":"jest --ci --coverage --coverageReporters text-summary","test:vr":"cross-env VISUAL_REGRESSION=true jest","build":"yarn build:types && yarn build:umd && yarn build:esm && yarn build:cjs","build:umd":"webpack --config ./configs/build.config.js","build:esm":"cross-env NODE_ENV=esm node ./scripts/build.js","build:cjs":"cross-env NODE_ENV=cjs node ./scripts/build.js","build:types":"rimraf ./types && tsc --project ./configs/types-generator.config.json","create-svg-sprite":"node ./scripts/create-svg-sprite.js","lint":"yarn lint:es && yarn lint:types && yarn lint:style","lint:es":"eslint --ext js,md,tsx src configs scripts styleguidist","lint:types":"tsc","lint:style":"stylelint \\"{src,styleguidist}/**/*.less\\"","styleguide":"styleguidist server --config ./configs/styleguide.config.js","styleguide:build":"styleguidist build --config ./configs/styleguide.config.js","prepublishOnly":"yarn install && yarn test && yarn build && yarn styleguide:build","storybook":"webpack serve --config ./configs/storybook.config.js --allowed-hosts all","postinstall":"node ./scripts/postinstall.js"},"files":["esm","cjs","dist","styleguide","types","/scripts/postinstall.js","/index.js"],"dependencies":{"@babel/runtime":"^7.23.1","@plesk/react-movable":"^2.7.1","classnames":"^2.3.2","codemirror":"5.58.2","marked":"4.2.12","memoize-one":"^5.2.1","popper.js":"1.16.1","prop-types":"^15.8.1","react-measure":"2.5.2","react-sortable-hoc":"0.6.8","react-transition-group":"^4.4.5","scroll-into-view-if-needed":"^2.2.31","svg4everybody":"2.1.9","use-focus-visible":"^1.0.2"},"devDependencies":{"@babel/core":"^7.23.0","@babel/plugin-proposal-class-properties":"^7.18.6","@babel/plugin-syntax-dynamic-import":"^7.8.3","@babel/plugin-transform-runtime":"^7.22.15","@babel/preset-env":"^7.22.20","@babel/preset-react":"^7.22.15","@babel/preset-typescript":"^7.23.0","@babel/types":"^7.23.0","@csstools/postcss-logical-float-and-clear":"^1.0.1","@plesk/eslint-config":"^3.0.0","@plesk/stylelint-config":"^2.0.0","@testing-library/dom":"^9.3.3","@testing-library/jest-dom":"^5.17.0","@testing-library/react":"^12.1.5","@testing-library/user-event":"^12.8.3","@types/buble":"^0.20.2","@types/classnames":"2.3.1","@types/doctrine":"^0.0.5","@types/enzyme":"^3.10.14","@types/jest":"^28.1.8","@types/jest-image-snapshot":"^6.2.1","@types/marked":"^4.3.1","@types/node":"^16.18.54","@types/react":"^17.0.65","@types/react-dom":"^17.0.20","@types/react-measure":"2.0.8","@types/react-transition-group":"^4.4.6","@types/svg4everybody":"2.1.2","@typescript-eslint/eslint-plugin":"^5.62.0","@typescript-eslint/parser":"^5.62.0","@wojtekmaj/enzyme-adapter-react-17":"^0.8.0","autoprefixer":"^10.4.16","babel-loader":"^8.3.0","babel-plugin-transform-require-ignore":"^0.1.1","clean-webpack-plugin":"^4.0.0","cross-env":"^5.2.1","css-loader":"^6.8.1","css-minimizer-webpack-plugin":"^5.0.1","enzyme":"^3.11.0","enzyme-to-json":"^3.6.2","eslint":"^8.50.0","eslint-config-prettier":"^8.10.0","eslint-plugin-markdown":"^3.0.1","eslint-plugin-prettier":"^4.2.1","html-webpack-plugin":"^5.5.3","jest":"^28.1.3","jest-dev-server":"^9.0.1","jest-environment-jsdom":"^28.1.3","jest-image-snapshot":"^6.2.0","less":"^4.2.0","less-loader":"^11.1.3","mini-css-extract-plugin":"^2.7.6","postcss":"^8.4.30","postcss-less":"^6.0.0","postcss-loader":"^7.3.3","postcss-logical":"^6.2.0","prettier":"^2.8.8","puppeteer-core":"20.4.0","react":"^17.0.2","react-docgen-typescript":"^2.2.2","react-dom":"^17.0.2","react-styleguidist":"^12.0.1","rimraf":"^5.0.1","rtlcss":"^4.1.1","style-loader":"^3.3.3","stylelint":"^15.10.3","stylelint-declaration-block-no-ignored-properties":"^2.7.0","stylelint-no-unsupported-browser-features":"^6.1.0","stylelint-prettier":"^3.0.0","stylelint-use-logical-spec":"^5.0.0","svg-mixer":"^2.3.14","terser-webpack-plugin":"^5.3.9","typescript":"4.7.4","webpack":"^5.88.2","webpack-cli":"^5.1.4"},"peerDependencies":{"react":"^17.0.2","react-dom":"^17.0.2"},"resolutions":{"@babel/types":"^7.15.6","@types/react":"^17.0.39","trim":">=0.0.3","postcss":"^8.4.23"},"browserslist":["defaults","not op_mini all","not kaios > 0"],"author":"Plesk Developers <plesk-dev-leads@plesk.com> (https://www.plesk.com/)","license":"Apache-2.0"}');
88155
88132
 
88156
88133
  /***/ }),
88157
88134