@plesk/ui-library 3.35.7 → 3.35.9
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/Action/Action.js +2 -2
- package/cjs/components/Card/Card.js +2 -2
- package/cjs/components/Card/helpers.js +1 -0
- package/cjs/components/CardList/CardList.js +2 -2
- package/cjs/components/CardList/CardListToolbar.js +2 -2
- package/cjs/components/CodeEditor/CodeEditor.js +25 -85
- package/cjs/components/CodeEditor/CodeMirror.js +1 -4
- package/cjs/components/Columns/Columns.js +2 -2
- package/cjs/components/ComboBox/ComboBox.js +2 -2
- package/cjs/components/ComboBoxDropdown/ComboBoxDropdown.js +2 -2
- package/cjs/components/ComboBoxDropdown/index.js +2 -2
- package/cjs/components/Dialog/Dialog.js +2 -2
- package/cjs/components/Drawer/DrawerProgress.js +2 -2
- package/cjs/components/Dropdown/index.js +2 -2
- package/cjs/components/Figure/index.js +2 -2
- package/cjs/components/Form/Form.js +2 -2
- package/cjs/components/Form/index.js +2 -2
- package/cjs/components/FormField/FormField.js +47 -167
- package/cjs/components/FormField/index.js +2 -2
- package/cjs/components/FormFieldPassword/PasswordMeter.js +2 -2
- package/cjs/components/FormFieldRadioButtons/FormFieldRadioButtons.js +2 -2
- package/cjs/components/Heading/Heading.js +2 -2
- package/cjs/components/Icon/index.js +2 -2
- package/cjs/components/Icon/utils.js +2 -2
- package/cjs/components/Item/Item.js +2 -2
- package/cjs/components/ItemList/ItemList.js +3 -3
- package/cjs/components/Layer/index.js +2 -2
- package/cjs/components/List/List.js +5 -2
- package/cjs/components/LocaleProvider/index.js +2 -2
- package/cjs/components/Media/Media.js +2 -2
- package/cjs/components/Menu/MenuBaseItem.js +2 -2
- package/cjs/components/Overlay/Overlay.js +26 -18
- package/cjs/components/Pagination/index.js +2 -2
- package/cjs/components/Popper/index.js +2 -2
- package/cjs/components/ProgressStep/ProgressStep.js +2 -2
- package/cjs/components/ProgressStep/index.js +2 -2
- package/cjs/components/Section/Section.js +2 -2
- package/cjs/components/Section/index.js +2 -2
- package/cjs/components/SegmentedControl/SegmentedControl.js +2 -2
- package/cjs/components/SegmentedControl/index.js +2 -2
- package/cjs/components/Select/Select.js +2 -2
- package/cjs/components/SplitButton/index.js +2 -2
- package/cjs/components/Subnav/index.js +2 -2
- package/cjs/components/Tabs/SearchBar.js +2 -2
- package/cjs/components/Tabs/Tabs.js +2 -2
- package/cjs/components/Toast/index.js +2 -2
- package/cjs/components/Toolbar/Toolbar.js +2 -2
- package/cjs/components/Toolbar/ToolbarGroup.js +2 -2
- package/cjs/components/Toolbar/ToolbarMenu.js +2 -2
- package/cjs/components/VerticalContext/index.js +2 -2
- package/cjs/components/index.js +2 -2
- 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 +228 -399
- package/dist/plesk-ui-library.js.map +1 -1
- package/dist/plesk-ui-library.min.js +6 -6
- package/dist/plesk-ui-library.min.js.map +1 -1
- package/esm/components/Card/helpers.js +1 -0
- package/esm/components/CodeEditor/CodeEditor.js +23 -83
- package/esm/components/CodeEditor/CodeMirror.js +0 -3
- package/esm/components/FormField/FormField.js +48 -167
- package/esm/components/ItemList/ItemList.js +1 -1
- package/esm/components/List/List.js +3 -0
- package/esm/components/Overlay/Overlay.js +26 -18
- package/esm/index.js +1 -1
- package/package.json +21 -19
- package/styleguide/build/bundle.6dff330b.js +2 -0
- package/styleguide/index.html +2 -2
- package/types/src/components/CodeEditor/CodeEditor.d.ts +188 -0
- package/types/src/components/CodeEditor/CodeMirror.d.ts +9 -0
- package/types/src/components/CodeEditor/index.d.ts +2 -0
- package/types/src/components/FormField/FormField.d.ts +158 -0
- package/types/src/components/FormField/index.d.ts +3 -0
- package/types/src/components/FormFieldSelect/FormFieldSelect.d.ts +1 -1
- package/types/src/components/ItemList/ItemList.d.ts +3 -3
- package/types/src/components/index.d.ts +2 -0
- package/styleguide/build/bundle.a2d3190d.js +0 -2
- /package/styleguide/build/{bundle.a2d3190d.js.LICENSE.txt → bundle.6dff330b.js.LICENSE.txt} +0 -0
|
@@ -6,9 +6,8 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
6
6
|
});
|
|
7
7
|
exports.default = exports.BASE_FORM_FIELD_CLASS_NAME = void 0;
|
|
8
8
|
var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
|
|
9
|
-
var _react =
|
|
9
|
+
var _react = require("react");
|
|
10
10
|
var _utils = require("../utils");
|
|
11
|
-
var _propTypes = _interopRequireDefault(require("prop-types"));
|
|
12
11
|
var _classnames = _interopRequireDefault(require("classnames"));
|
|
13
12
|
var _constants = require("../../constants");
|
|
14
13
|
var _Section = require("../Section");
|
|
@@ -25,17 +24,35 @@ var _VerticalContext = _interopRequireDefault(require("../VerticalContext"));
|
|
|
25
24
|
var _ScrollableElementFormContext = _interopRequireDefault(require("../Form/ScrollableElementFormContext"));
|
|
26
25
|
var _DisabledContext = _interopRequireDefault(require("../Form/DisabledContext"));
|
|
27
26
|
var _jsxRuntime = require("react/jsx-runtime");
|
|
28
|
-
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); }
|
|
29
|
-
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; }
|
|
30
27
|
// Copyright 1999-2023. Plesk International GmbH. All rights reserved.
|
|
31
28
|
|
|
29
|
+
const BASE_FORM_FIELD_CLASS_NAME = exports.BASE_FORM_FIELD_CLASS_NAME = `${_constants.CLS_PREFIX}form-field`;
|
|
32
30
|
const defaultValue = undefined;
|
|
31
|
+
const defaultProps = {
|
|
32
|
+
id: undefined,
|
|
33
|
+
name: undefined,
|
|
34
|
+
value: defaultValue,
|
|
35
|
+
onChange: null,
|
|
36
|
+
label: undefined,
|
|
37
|
+
description: undefined,
|
|
38
|
+
errors: {},
|
|
39
|
+
required: false,
|
|
40
|
+
children: undefined,
|
|
41
|
+
multi: undefined,
|
|
42
|
+
disabled: undefined,
|
|
43
|
+
locale: undefined,
|
|
44
|
+
addMoreValidator: undefined,
|
|
45
|
+
onRemoveRow: null,
|
|
46
|
+
fullDescription: undefined,
|
|
47
|
+
className: undefined,
|
|
48
|
+
baseClassName: BASE_FORM_FIELD_CLASS_NAME,
|
|
49
|
+
form: undefined,
|
|
50
|
+
vertical: undefined,
|
|
51
|
+
scrollableElement: undefined
|
|
52
|
+
};
|
|
33
53
|
|
|
34
54
|
/**
|
|
35
|
-
* Simple helper to handle situations when we expecting only array
|
|
36
|
-
* @param value
|
|
37
|
-
* @param nonEmpty
|
|
38
|
-
* @returns {Array}
|
|
55
|
+
* Simple helper to handle situations when we're expecting only array
|
|
39
56
|
*/
|
|
40
57
|
const getArrayHelper = function (value) {
|
|
41
58
|
let nonEmpty = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : false;
|
|
@@ -48,9 +65,7 @@ const getArrayHelper = function (value) {
|
|
|
48
65
|
}
|
|
49
66
|
return result;
|
|
50
67
|
};
|
|
51
|
-
const isControlled = props => props.value !== undefined;
|
|
52
68
|
const isEmpty = value => !value && value !== 0 || Array.isArray(value) && value.length === 0 || !Array.isArray(value) && typeof value === 'object' && Object.values(value).filter(t => Boolean(t)).length === 0;
|
|
53
|
-
|
|
54
69
|
/**
|
|
55
70
|
* @since 0.0.54
|
|
56
71
|
*/
|
|
@@ -59,16 +74,18 @@ class FormField extends _react.Component {
|
|
|
59
74
|
var _this;
|
|
60
75
|
super(_props);
|
|
61
76
|
_this = this;
|
|
77
|
+
(0, _defineProperty2.default)(this, "fieldApi", void 0);
|
|
78
|
+
(0, _defineProperty2.default)(this, "targetRefs", void 0);
|
|
79
|
+
(0, _defineProperty2.default)(this, "focusTimer", null);
|
|
62
80
|
/**
|
|
63
81
|
* Field API provided to field
|
|
64
|
-
* @param index
|
|
65
|
-
* @returns {Object}
|
|
66
82
|
*/
|
|
67
83
|
(0, _defineProperty2.default)(this, "getFieldApi", index => {
|
|
68
84
|
if (!this.props.multi) {
|
|
69
85
|
return this.fieldApi;
|
|
70
86
|
}
|
|
71
87
|
return {
|
|
88
|
+
getValues: () => this.fieldApi.getValues(),
|
|
72
89
|
getId: () => {
|
|
73
90
|
const id = this.fieldApi.getId();
|
|
74
91
|
return id ? `${id}-${index}` : id;
|
|
@@ -104,7 +121,7 @@ class FormField extends _react.Component {
|
|
|
104
121
|
getSeparator: () => /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
|
|
105
122
|
className: `${this.props.baseClassName}__separator`
|
|
106
123
|
}),
|
|
107
|
-
isDisabled: () => this.props.disabled,
|
|
124
|
+
isDisabled: () => !!this.props.disabled,
|
|
108
125
|
getFullDescription: () => {
|
|
109
126
|
if (index === 0) {
|
|
110
127
|
return this.fieldApi.getFullDescription();
|
|
@@ -142,11 +159,10 @@ class FormField extends _react.Component {
|
|
|
142
159
|
});
|
|
143
160
|
/**
|
|
144
161
|
* Handler for clicks on 'Remove'
|
|
145
|
-
* @param index
|
|
146
162
|
*/
|
|
147
163
|
(0, _defineProperty2.default)(this, "handleRemove", index => {
|
|
148
164
|
const values = getArrayHelper(this.fieldApi.getValue());
|
|
149
|
-
this.fieldApi.setValue(values.filter((
|
|
165
|
+
this.fieldApi.setValue(values.filter((_, valueIndex) => valueIndex !== index));
|
|
150
166
|
|
|
151
167
|
// Can be used for removing errors from form properties
|
|
152
168
|
(0, _utils.safeInvoke)(this.props.onRemoveRow, index);
|
|
@@ -155,7 +171,7 @@ class FormField extends _react.Component {
|
|
|
155
171
|
this.setState(prevState => {
|
|
156
172
|
if (prevState.errors && prevState.errors.filter) {
|
|
157
173
|
return {
|
|
158
|
-
errors: prevState.errors.filter((
|
|
174
|
+
errors: prevState.errors.filter((_, errorIndex) => errorIndex !== index)
|
|
159
175
|
};
|
|
160
176
|
}
|
|
161
177
|
return {};
|
|
@@ -165,9 +181,7 @@ class FormField extends _react.Component {
|
|
|
165
181
|
this.targetRefs[index] = node;
|
|
166
182
|
});
|
|
167
183
|
/**
|
|
168
|
-
* Renders 'Remove' button for each row
|
|
169
|
-
* @param index
|
|
170
|
-
* @returns {null|React.ReactElement}
|
|
184
|
+
* Renders 'Remove' button for each row.
|
|
171
185
|
*/
|
|
172
186
|
(0, _defineProperty2.default)(this, "renderRemoveButton", index => {
|
|
173
187
|
const {
|
|
@@ -195,9 +209,7 @@ class FormField extends _react.Component {
|
|
|
195
209
|
});
|
|
196
210
|
});
|
|
197
211
|
/**
|
|
198
|
-
* Renders description for last row
|
|
199
|
-
* @param index
|
|
200
|
-
* @returns {null|React.ReactElement}
|
|
212
|
+
* Renders description for last row.
|
|
201
213
|
*/
|
|
202
214
|
(0, _defineProperty2.default)(this, "renderDescription", index => {
|
|
203
215
|
const {
|
|
@@ -215,9 +227,7 @@ class FormField extends _react.Component {
|
|
|
215
227
|
});
|
|
216
228
|
});
|
|
217
229
|
/**
|
|
218
|
-
* Renders one field
|
|
219
|
-
* @param index
|
|
220
|
-
* @returns {React.ReactElement}
|
|
230
|
+
* Renders one field.
|
|
221
231
|
*/
|
|
222
232
|
(0, _defineProperty2.default)(this, "renderField", function () {
|
|
223
233
|
let index = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 0;
|
|
@@ -319,7 +329,7 @@ class FormField extends _react.Component {
|
|
|
319
329
|
if (this.props.name) {
|
|
320
330
|
return this.props.name.replace(/[[\]]+/g, '-').replace(/-+$/, '');
|
|
321
331
|
}
|
|
322
|
-
return
|
|
332
|
+
return undefined;
|
|
323
333
|
},
|
|
324
334
|
getName: () => this.props.name,
|
|
325
335
|
getValues: () => {
|
|
@@ -391,39 +401,41 @@ class FormField extends _react.Component {
|
|
|
391
401
|
prevErrors,
|
|
392
402
|
prevRequired
|
|
393
403
|
} = state;
|
|
394
|
-
if (
|
|
404
|
+
if (props.value !== undefined) {
|
|
395
405
|
nextState.value = props.value;
|
|
396
406
|
}
|
|
397
407
|
if (errors !== prevErrors) {
|
|
398
408
|
nextState.errors = errors;
|
|
399
409
|
}
|
|
400
|
-
if (form && required !== prevRequired) {
|
|
401
|
-
form.setRequiredField(name, required);
|
|
410
|
+
if (name && form && required !== prevRequired) {
|
|
411
|
+
form.setRequiredField(name, !!required);
|
|
402
412
|
}
|
|
403
413
|
nextState.prevErrors = errors;
|
|
404
414
|
nextState.prevRequired = required;
|
|
405
415
|
return nextState;
|
|
406
416
|
}
|
|
407
417
|
componentDidMount() {
|
|
408
|
-
if (this.props.form) {
|
|
409
|
-
this.props.form.setRequiredField(this.props.name, this.props.required);
|
|
418
|
+
if (this.props.form && this.props.name) {
|
|
419
|
+
this.props.form.setRequiredField(this.props.name, !!this.props.required);
|
|
410
420
|
this.props.form.registerField(this.props.name, {
|
|
411
421
|
focus: this.focus
|
|
412
422
|
});
|
|
413
423
|
}
|
|
414
424
|
}
|
|
415
425
|
componentWillUnmount() {
|
|
416
|
-
if (this.props.form) {
|
|
426
|
+
if (this.props.form && this.props.name) {
|
|
417
427
|
this.props.form.setRequiredField(this.props.name, false);
|
|
418
428
|
this.props.form.unregisterField(this.props.name);
|
|
419
429
|
}
|
|
420
|
-
|
|
430
|
+
if (this.focusTimer) {
|
|
431
|
+
clearTimeout(this.focusTimer);
|
|
432
|
+
}
|
|
421
433
|
}
|
|
422
434
|
render() {
|
|
423
435
|
if (!this.props.multi) {
|
|
424
436
|
return this.renderField();
|
|
425
437
|
}
|
|
426
|
-
const max = this.props.multi.max
|
|
438
|
+
const max = typeof this.props.multi === 'object' && this.props.multi.max ? this.props.multi.max : Infinity;
|
|
427
439
|
let index = 0;
|
|
428
440
|
const count = (this.fieldApi.getValue() || []).length || 1;
|
|
429
441
|
const lines = [];
|
|
@@ -433,137 +445,6 @@ class FormField extends _react.Component {
|
|
|
433
445
|
return lines;
|
|
434
446
|
}
|
|
435
447
|
}
|
|
436
|
-
const propTypes = {
|
|
437
|
-
/**
|
|
438
|
-
* Field ID.
|
|
439
|
-
* @since 0.0.59
|
|
440
|
-
*/
|
|
441
|
-
id: _propTypes.default.string,
|
|
442
|
-
/**
|
|
443
|
-
* Field name.
|
|
444
|
-
* @since 0.0.54
|
|
445
|
-
*/
|
|
446
|
-
name: _propTypes.default.string,
|
|
447
|
-
/**
|
|
448
|
-
* Field value.
|
|
449
|
-
* @deprecated Use [Form](#!/Form) values.
|
|
450
|
-
* @since 0.0.57
|
|
451
|
-
*/
|
|
452
|
-
value: _propTypes.default.any,
|
|
453
|
-
/**
|
|
454
|
-
* A callback function, can be executed when the value is changing.
|
|
455
|
-
* @since 0.4.1
|
|
456
|
-
*/
|
|
457
|
-
onChange: _propTypes.default.func,
|
|
458
|
-
/**
|
|
459
|
-
* Field label.
|
|
460
|
-
* @since 0.0.54
|
|
461
|
-
*/
|
|
462
|
-
label: _propTypes.default.any,
|
|
463
|
-
/**
|
|
464
|
-
* Field description.
|
|
465
|
-
* @since 0.0.57
|
|
466
|
-
*/
|
|
467
|
-
description: _propTypes.default.any,
|
|
468
|
-
/**
|
|
469
|
-
* Show long descriptions in popover after clicking on "( i )" icon
|
|
470
|
-
* @since 3.14.0
|
|
471
|
-
*/
|
|
472
|
-
fullDescription: _propTypes.default.node,
|
|
473
|
-
/**
|
|
474
|
-
* Field errors.
|
|
475
|
-
* @deprecated Use [Form](#!/Form) errors.
|
|
476
|
-
* @since 0.0.57
|
|
477
|
-
*/
|
|
478
|
-
errors: _propTypes.default.oneOfType([_propTypes.default.object, _propTypes.default.array]),
|
|
479
|
-
/**
|
|
480
|
-
* Indicates whether field is required.
|
|
481
|
-
* @since 0.0.54
|
|
482
|
-
*/
|
|
483
|
-
required: _propTypes.default.bool,
|
|
484
|
-
/**
|
|
485
|
-
* Content of the `FormField`.
|
|
486
|
-
* @since 0.0.54
|
|
487
|
-
*/
|
|
488
|
-
children: _propTypes.default.oneOfType([_propTypes.default.node, _propTypes.default.func]),
|
|
489
|
-
/**
|
|
490
|
-
* If 'true', a field will be multiple. You can also limit the number of fields with a value like { max: 5 }.
|
|
491
|
-
* @since 1.12.0
|
|
492
|
-
*/
|
|
493
|
-
multi: _propTypes.default.oneOfType([_propTypes.default.bool, _propTypes.default.shape({
|
|
494
|
-
max: _propTypes.default.number.isRequired
|
|
495
|
-
})]),
|
|
496
|
-
/**
|
|
497
|
-
* @ignore Disabled state of multiple field.
|
|
498
|
-
*/
|
|
499
|
-
disabled: _propTypes.default.bool,
|
|
500
|
-
/**
|
|
501
|
-
* Localization messages
|
|
502
|
-
* @since 1.12.0
|
|
503
|
-
*/
|
|
504
|
-
locale: _propTypes.default.shape({
|
|
505
|
-
addMore: _propTypes.default.node,
|
|
506
|
-
remove: _propTypes.default.node
|
|
507
|
-
}),
|
|
508
|
-
/**
|
|
509
|
-
* Callback which called for all values. If it returns 'true' a pseudo-link 'Add more' will be disabled
|
|
510
|
-
* @ignore
|
|
511
|
-
* @deprecated
|
|
512
|
-
*/
|
|
513
|
-
addMoreValidator: _propTypes.default.func,
|
|
514
|
-
/**
|
|
515
|
-
* A callback function, can be executed when the row is removed.
|
|
516
|
-
* @since 1.12.0
|
|
517
|
-
*/
|
|
518
|
-
onRemoveRow: _propTypes.default.func,
|
|
519
|
-
/**
|
|
520
|
-
* @ignore
|
|
521
|
-
*/
|
|
522
|
-
className: _propTypes.default.string,
|
|
523
|
-
/**
|
|
524
|
-
* @ignore
|
|
525
|
-
*/
|
|
526
|
-
baseClassName: _propTypes.default.string,
|
|
527
|
-
/**
|
|
528
|
-
* @ignore
|
|
529
|
-
*/
|
|
530
|
-
form: _propTypes.default.object,
|
|
531
|
-
/**
|
|
532
|
-
* Vertical or horizontal field view.
|
|
533
|
-
* If it is not defined explicitly, the vertical mode will use from Form or Section components.
|
|
534
|
-
* @since 3.13.0
|
|
535
|
-
*/
|
|
536
|
-
vertical: _propTypes.default.bool,
|
|
537
|
-
/**
|
|
538
|
-
* @ignore
|
|
539
|
-
*/
|
|
540
|
-
scrollableElement: _propTypes.default.oneOfType([_propTypes.default.instanceOf(Element), _propTypes.default.instanceOf(Window)])
|
|
541
|
-
};
|
|
542
|
-
const BASE_FORM_FIELD_CLASS_NAME = exports.BASE_FORM_FIELD_CLASS_NAME = `${_constants.CLS_PREFIX}form-field`;
|
|
543
|
-
const defaultProps = {
|
|
544
|
-
id: undefined,
|
|
545
|
-
name: undefined,
|
|
546
|
-
value: defaultValue,
|
|
547
|
-
onChange: null,
|
|
548
|
-
label: undefined,
|
|
549
|
-
description: undefined,
|
|
550
|
-
errors: {},
|
|
551
|
-
required: false,
|
|
552
|
-
children: undefined,
|
|
553
|
-
multi: undefined,
|
|
554
|
-
disabled: undefined,
|
|
555
|
-
locale: undefined,
|
|
556
|
-
addMoreValidator: undefined,
|
|
557
|
-
onRemoveRow: null,
|
|
558
|
-
fullDescription: undefined,
|
|
559
|
-
className: undefined,
|
|
560
|
-
baseClassName: BASE_FORM_FIELD_CLASS_NAME,
|
|
561
|
-
form: undefined,
|
|
562
|
-
vertical: undefined,
|
|
563
|
-
scrollableElement: undefined
|
|
564
|
-
};
|
|
565
|
-
FormField.propTypes = propTypes;
|
|
566
|
-
FormField.defaultProps = defaultProps;
|
|
567
448
|
|
|
568
449
|
/**
|
|
569
450
|
* `FormField` component is used for showing of parameter values in Form or
|
|
@@ -574,7 +455,7 @@ FormField.defaultProps = defaultProps;
|
|
|
574
455
|
* * [FormFieldSelect](#!/FormFieldSelect), [FormFieldCheckbox](#!/FormFieldCheckbox),
|
|
575
456
|
* [FormFieldRadioButtons](#!/FormFieldRadioButtons) for selecting options.
|
|
576
457
|
*/
|
|
577
|
-
|
|
458
|
+
(0, _defineProperty2.default)(FormField, "defaultProps", defaultProps);
|
|
578
459
|
const FormFieldWrapper = props => {
|
|
579
460
|
const form = (0, _react.useContext)(_FormContext.default);
|
|
580
461
|
const verticalContext = (0, _react.useContext)(_VerticalContext.default);
|
|
@@ -590,6 +471,5 @@ const FormFieldWrapper = props => {
|
|
|
590
471
|
});
|
|
591
472
|
};
|
|
592
473
|
FormFieldWrapper.displayName = 'FormField';
|
|
593
|
-
FormFieldWrapper.propTypes = propTypes;
|
|
594
474
|
FormFieldWrapper.defaultProps = defaultProps;
|
|
595
475
|
var _default = exports.default = FormFieldWrapper;
|
|
@@ -16,5 +16,5 @@ Object.defineProperty(exports, "default", {
|
|
|
16
16
|
}
|
|
17
17
|
});
|
|
18
18
|
var _FormField = _interopRequireWildcard(require("./FormField"));
|
|
19
|
-
function _getRequireWildcardCache(
|
|
20
|
-
function _interopRequireWildcard(
|
|
19
|
+
function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
|
|
20
|
+
function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
|
|
@@ -11,8 +11,8 @@ var _Translate = _interopRequireDefault(require("../Translate"));
|
|
|
11
11
|
var _estimatePassword = _interopRequireWildcard(require("./estimatePassword"));
|
|
12
12
|
var _enUS = _interopRequireDefault(require("./locale/en-US"));
|
|
13
13
|
var _jsxRuntime = require("react/jsx-runtime");
|
|
14
|
-
function _getRequireWildcardCache(
|
|
15
|
-
function _interopRequireWildcard(
|
|
14
|
+
function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
|
|
15
|
+
function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
|
|
16
16
|
// Copyright 1999-2023. Plesk International GmbH. All rights reserved.
|
|
17
17
|
|
|
18
18
|
const strengthIntents = {
|
|
@@ -12,8 +12,8 @@ var _FormField = _interopRequireWildcard(require("../FormField"));
|
|
|
12
12
|
var _Hint = _interopRequireDefault(require("../Hint"));
|
|
13
13
|
var _Radio = _interopRequireDefault(require("../Radio"));
|
|
14
14
|
var _jsxRuntime = require("react/jsx-runtime");
|
|
15
|
-
function _getRequireWildcardCache(
|
|
16
|
-
function _interopRequireWildcard(
|
|
15
|
+
function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
|
|
16
|
+
function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
|
|
17
17
|
// Copyright 1999-2023. Plesk International GmbH. All rights reserved.
|
|
18
18
|
|
|
19
19
|
/**
|
|
@@ -9,8 +9,8 @@ var _classnames = _interopRequireDefault(require("classnames"));
|
|
|
9
9
|
var _constants = require("../../constants");
|
|
10
10
|
var _Icon = _interopRequireWildcard(require("../Icon"));
|
|
11
11
|
var _jsxRuntime = require("react/jsx-runtime");
|
|
12
|
-
function _getRequireWildcardCache(
|
|
13
|
-
function _interopRequireWildcard(
|
|
12
|
+
function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
|
|
13
|
+
function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
|
|
14
14
|
// Copyright 1999-2023. Plesk International GmbH. All rights reserved.
|
|
15
15
|
|
|
16
16
|
/**
|
|
@@ -22,5 +22,5 @@ Object.keys(_Icon).forEach(function (key) {
|
|
|
22
22
|
}
|
|
23
23
|
});
|
|
24
24
|
});
|
|
25
|
-
function _getRequireWildcardCache(
|
|
26
|
-
function _interopRequireWildcard(
|
|
25
|
+
function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
|
|
26
|
+
function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
|
|
@@ -9,8 +9,8 @@ var _classnames = _interopRequireDefault(require("classnames"));
|
|
|
9
9
|
var _react = _interopRequireWildcard(require("react"));
|
|
10
10
|
var _Icon = _interopRequireDefault(require("./Icon"));
|
|
11
11
|
var _jsxRuntime = require("react/jsx-runtime");
|
|
12
|
-
function _getRequireWildcardCache(
|
|
13
|
-
function _interopRequireWildcard(
|
|
12
|
+
function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
|
|
13
|
+
function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
|
|
14
14
|
// Copyright 1999-2023. Plesk International GmbH. All rights reserved.
|
|
15
15
|
|
|
16
16
|
const create = function (icon) {
|
|
@@ -14,8 +14,8 @@ var _Heading = _interopRequireDefault(require("../Heading"));
|
|
|
14
14
|
var _Tooltip = _interopRequireDefault(require("../Tooltip"));
|
|
15
15
|
var _utils = require("../utils");
|
|
16
16
|
var _jsxRuntime = require("react/jsx-runtime");
|
|
17
|
-
function _getRequireWildcardCache(
|
|
18
|
-
function _interopRequireWildcard(
|
|
17
|
+
function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
|
|
18
|
+
function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
|
|
19
19
|
// Copyright 1999-2023. Plesk International GmbH. All rights reserved.
|
|
20
20
|
|
|
21
21
|
/**
|
|
@@ -6,15 +6,15 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
6
6
|
});
|
|
7
7
|
exports.default = void 0;
|
|
8
8
|
var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
|
|
9
|
-
var _react = require("react");
|
|
10
9
|
var _classnames = _interopRequireDefault(require("classnames"));
|
|
11
10
|
var _constants = require("../../constants");
|
|
12
11
|
var _Grid = _interopRequireDefault(require("../Grid"));
|
|
13
12
|
var _GridCol = _interopRequireDefault(require("../GridCol"));
|
|
14
13
|
var _utils = require("../utils");
|
|
14
|
+
var _react = require("react");
|
|
15
15
|
var _jsxRuntime = require("react/jsx-runtime");
|
|
16
|
-
function _getRequireWildcardCache(
|
|
17
|
-
function _interopRequireWildcard(
|
|
16
|
+
function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
|
|
17
|
+
function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; } // Copyright 1999-2023. Plesk International GmbH. All rights reserved.
|
|
18
18
|
const getNextSelectedValue = (value, prevValue, toggleable) => {
|
|
19
19
|
if (Array.isArray(prevValue)) {
|
|
20
20
|
if (prevValue.indexOf(value) !== -1) {
|
|
@@ -22,5 +22,5 @@ Object.keys(_Layer).forEach(function (key) {
|
|
|
22
22
|
}
|
|
23
23
|
});
|
|
24
24
|
});
|
|
25
|
-
function _getRequireWildcardCache(
|
|
26
|
-
function _interopRequireWildcard(
|
|
25
|
+
function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
|
|
26
|
+
function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
|
|
@@ -27,8 +27,8 @@ var _ListEmptyView = _interopRequireDefault(require("./ListEmptyView"));
|
|
|
27
27
|
var _Columns = _interopRequireWildcard(require("../Columns"));
|
|
28
28
|
var _useFocusVisible = require("use-focus-visible");
|
|
29
29
|
var _jsxRuntime = require("react/jsx-runtime");
|
|
30
|
-
function _getRequireWildcardCache(
|
|
31
|
-
function _interopRequireWildcard(
|
|
30
|
+
function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
|
|
31
|
+
function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; } // Copyright 1999-2023. Plesk International GmbH. All rights reserved.
|
|
32
32
|
const getRowKey = (row, props) => {
|
|
33
33
|
const {
|
|
34
34
|
rowKey
|
|
@@ -1250,6 +1250,9 @@ class List extends _react.Component {
|
|
|
1250
1250
|
if (sidebar) {
|
|
1251
1251
|
content = /*#__PURE__*/(0, _jsxRuntime.jsxs)(_Columns.default, {
|
|
1252
1252
|
gap: "md",
|
|
1253
|
+
className: (0, _classnames.default)(`${baseClassName}__content`, {
|
|
1254
|
+
[`${baseClassName}__content--vertical`]: vertical
|
|
1255
|
+
}),
|
|
1253
1256
|
children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_Columns.Column, {
|
|
1254
1257
|
fill: true,
|
|
1255
1258
|
children: content
|
|
@@ -22,5 +22,5 @@ Object.keys(_LocaleProvider).forEach(function (key) {
|
|
|
22
22
|
}
|
|
23
23
|
});
|
|
24
24
|
});
|
|
25
|
-
function _getRequireWildcardCache(
|
|
26
|
-
function _interopRequireWildcard(
|
|
25
|
+
function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
|
|
26
|
+
function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
|
|
@@ -11,8 +11,8 @@ var _constants = require("../../constants");
|
|
|
11
11
|
var _Heading = _interopRequireDefault(require("../Heading"));
|
|
12
12
|
var _Icon = _interopRequireWildcard(require("../Icon"));
|
|
13
13
|
var _jsxRuntime = require("react/jsx-runtime");
|
|
14
|
-
function _getRequireWildcardCache(
|
|
15
|
-
function _interopRequireWildcard(
|
|
14
|
+
function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
|
|
15
|
+
function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
|
|
16
16
|
// Copyright 1999-2023. Plesk International GmbH. All rights reserved.
|
|
17
17
|
|
|
18
18
|
/**
|
|
@@ -9,8 +9,8 @@ var _classnames = _interopRequireDefault(require("classnames"));
|
|
|
9
9
|
var _constants = require("../../constants");
|
|
10
10
|
var _Icon = _interopRequireWildcard(require("../Icon"));
|
|
11
11
|
var _jsxRuntime = require("react/jsx-runtime");
|
|
12
|
-
function _getRequireWildcardCache(
|
|
13
|
-
function _interopRequireWildcard(
|
|
12
|
+
function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
|
|
13
|
+
function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
|
|
14
14
|
// Copyright 1999-2023. Plesk International GmbH. All rights reserved.
|
|
15
15
|
|
|
16
16
|
/**
|