@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.
- package/cjs/components/List/List.js +1 -1
- package/cjs/components/Pagination/Pagination.js +3 -3
- package/cjs/components/Progress/Progress.js +7 -0
- package/cjs/components/ProgressDialog/ProgressDialog.js +10 -2
- package/cjs/components/SegmentedControl/SegmentedControl.js +23 -82
- package/cjs/components/SegmentedControl/index.js +9 -2
- package/cjs/components/index.js +15 -1
- package/cjs/index.js +1 -1
- package/dist/plesk-ui-library-rtl.css +1 -1
- package/dist/plesk-ui-library-rtl.css.map +1 -1
- package/dist/plesk-ui-library.css +1 -1
- package/dist/plesk-ui-library.css.map +1 -1
- package/dist/plesk-ui-library.js +80 -103
- package/dist/plesk-ui-library.js.map +1 -1
- package/dist/plesk-ui-library.min.js +5 -5
- package/dist/plesk-ui-library.min.js.map +1 -1
- package/esm/components/List/List.js +1 -1
- package/esm/components/Pagination/Pagination.js +3 -3
- package/esm/components/Progress/Progress.js +8 -1
- package/esm/components/ProgressDialog/ProgressDialog.js +11 -3
- package/esm/components/SegmentedControl/SegmentedControl.js +22 -81
- package/esm/components/SegmentedControl/index.js +2 -1
- package/esm/components/index.js +2 -1
- package/esm/index.js +1 -1
- package/package.json +5 -6
- package/styleguide/build/bundle.8a07b2dd.js +2 -0
- package/styleguide/index.html +2 -2
- package/types/src/components/Card/PreviewPanel.d.ts +2 -1
- package/types/src/components/List/ListAction.d.ts +3 -3
- package/types/src/components/List/ListActions.d.ts +1 -1
- package/types/src/components/List/ListOperation.d.ts +1 -1
- package/types/src/components/List/ListOperationContext.d.ts +2 -2
- package/types/src/components/PageHeader/PageHeader.d.ts +2 -1
- package/types/src/components/ProgressDialog/ProgressDialog.d.ts +2 -0
- package/types/src/components/SegmentedControl/SegmentedControl.d.ts +112 -0
- package/types/src/components/SegmentedControl/index.d.ts +3 -0
- package/types/src/components/Toolbar/ToolbarMenu.d.ts +1 -1
- package/types/src/components/index.d.ts +3 -1
- package/styleguide/build/bundle.17ad5082.js +0 -2
- /package/styleguide/build/{bundle.17ad5082.js.LICENSE.txt → bundle.8a07b2dd.js.LICENSE.txt} +0 -0
package/dist/plesk-ui-library.js
CHANGED
|
@@ -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.
|
|
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
|
-
}),
|
|
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.
|
|
15139
|
-
var
|
|
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
|
|
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.
|
|
17484
|
-
|
|
17485
|
-
!*** ./components/SegmentedControl/SegmentedControl.
|
|
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
|
|
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
|
-
|
|
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
|
|
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:
|
|
17840
|
-
};
|
|
17841
|
-
SegmentedControl
|
|
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.
|
|
17847
|
-
|
|
17848
|
-
!*** ./components/SegmentedControl/index.
|
|
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 =
|
|
17865
|
-
function
|
|
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 =
|
|
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.
|
|
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
|
|