@plesk/ui-library 3.25.3 → 3.25.4
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/README.md +35 -35
- package/cjs/components/Action/Action.js +3 -3
- package/cjs/components/Button/Button.js +50 -50
- package/cjs/components/Checkbox/Checkbox.js +3 -3
- package/cjs/components/CodeEditor/CodeEditor.js +40 -40
- package/cjs/components/Dialog/Dialog.js +63 -63
- package/cjs/components/Drawer/Drawer.js +68 -68
- package/cjs/components/Form/Form.js +4 -4
- package/cjs/components/FormField/FormField.js +78 -78
- package/cjs/components/FormFieldCheckbox/FormFieldCheckbox.js +26 -26
- package/cjs/components/FormFieldPassword/FormFieldPassword.js +34 -34
- package/cjs/components/FormFieldRadioButtons/FormFieldRadioButtons.js +3 -1
- package/cjs/components/Icon/Icon.js +6 -6
- package/cjs/components/Icon/images/symbols.svg +1631 -1631
- package/cjs/components/InputNumber/InputNumber.js +3 -3
- package/cjs/components/Item/Item.js +38 -38
- package/cjs/components/ItemList/ItemList.js +4 -4
- package/cjs/components/Layout/Layout.js +55 -55
- package/cjs/components/List/List.js +133 -133
- package/cjs/components/Menu/MenuBaseItem.js +19 -19
- package/cjs/components/Overlay/Overlay.js +34 -34
- package/cjs/components/Pagination/Pagination.js +3 -3
- package/cjs/components/Popper/Popper.js +30 -30
- package/cjs/components/Section/Section.js +36 -36
- package/cjs/components/Select/Select.js +3 -3
- package/cjs/components/Select/SelectControl.js +1 -1
- package/cjs/components/Tabs/Tab.js +28 -28
- package/cjs/components/Tabs/Tabs.js +33 -33
- package/cjs/components/Translate/Translate.js +25 -25
- package/cjs/index.js +1 -1
- package/dist/images/symbols.svg +1631 -1631
- package/dist/plesk-ui-library-rtl.css.map +1 -1
- package/dist/plesk-ui-library.css.map +1 -1
- package/dist/plesk-ui-library.js +825 -823
- package/dist/plesk-ui-library.js.map +1 -1
- package/dist/plesk-ui-library.min.js +825 -823
- package/dist/plesk-ui-library.min.js.map +1 -1
- package/esm/components/Action/Action.js +3 -3
- package/esm/components/Button/Button.js +50 -50
- package/esm/components/Checkbox/Checkbox.js +3 -3
- package/esm/components/CodeEditor/CodeEditor.js +40 -40
- package/esm/components/Dialog/Dialog.js +63 -63
- package/esm/components/Drawer/Drawer.js +68 -68
- package/esm/components/Form/Form.js +4 -4
- package/esm/components/FormField/FormField.js +78 -78
- package/esm/components/FormFieldCheckbox/FormFieldCheckbox.js +26 -26
- package/esm/components/FormFieldPassword/FormFieldPassword.js +34 -34
- package/esm/components/FormFieldRadioButtons/FormFieldRadioButtons.js +3 -1
- package/esm/components/Icon/Icon.js +6 -6
- package/esm/components/Icon/images/symbols.svg +1631 -1631
- package/esm/components/InputNumber/InputNumber.js +3 -3
- package/esm/components/Item/Item.js +38 -38
- package/esm/components/ItemList/ItemList.js +4 -4
- package/esm/components/Layout/Layout.js +55 -55
- package/esm/components/List/List.js +133 -133
- package/esm/components/Menu/MenuBaseItem.js +19 -19
- package/esm/components/Overlay/Overlay.js +34 -34
- package/esm/components/Pagination/Pagination.js +3 -3
- package/esm/components/Popper/Popper.js +30 -30
- package/esm/components/Section/Section.js +36 -36
- package/esm/components/Select/Select.js +3 -3
- package/esm/components/Select/SelectControl.js +1 -1
- package/esm/components/Tabs/Tab.js +28 -28
- package/esm/components/Tabs/Tabs.js +33 -33
- package/esm/components/Translate/Translate.js +25 -25
- package/esm/index.js +1 -1
- package/package.json +145 -145
- package/styleguide/build/bundle.cef4705c.js +2 -0
- package/styleguide/build/{bundle.47dacd83.js.LICENSE.txt → bundle.cef4705c.js.LICENSE.txt} +0 -0
- package/styleguide/images/symbols.svg +1631 -1631
- package/styleguide/index.html +2 -2
- package/styleguide/build/bundle.47dacd83.js +0 -2
|
@@ -41,107 +41,107 @@ var _DrawerProgress = _interopRequireDefault(require("./DrawerProgress"));
|
|
|
41
41
|
|
|
42
42
|
// Copyright 1999-2021. Plesk International GmbH. All rights reserved.
|
|
43
43
|
const propTypes = {
|
|
44
|
-
/**
|
|
45
|
-
* Toggles visibility.
|
|
46
|
-
* @since 0.0.65
|
|
44
|
+
/**
|
|
45
|
+
* Toggles visibility.
|
|
46
|
+
* @since 0.0.65
|
|
47
47
|
*/
|
|
48
48
|
isOpen: _propTypes.default.bool,
|
|
49
49
|
|
|
50
|
-
/**
|
|
51
|
-
* The title of the `Drawer`.
|
|
52
|
-
* @since 0.0.65
|
|
50
|
+
/**
|
|
51
|
+
* The title of the `Drawer`.
|
|
52
|
+
* @since 0.0.65
|
|
53
53
|
*/
|
|
54
54
|
title: _propTypes.default.node.isRequired,
|
|
55
55
|
|
|
56
|
-
/**
|
|
57
|
-
* The subtitle of the `Drawer`.
|
|
58
|
-
* @since 0.0.65
|
|
56
|
+
/**
|
|
57
|
+
* The subtitle of the `Drawer`.
|
|
58
|
+
* @since 0.0.65
|
|
59
59
|
*/
|
|
60
60
|
subtitle: _propTypes.default.node,
|
|
61
61
|
|
|
62
|
-
/**
|
|
63
|
-
* Show the minimize button and the inactive close button.
|
|
64
|
-
* @since 1.4.1
|
|
62
|
+
/**
|
|
63
|
+
* Show the minimize button and the inactive close button.
|
|
64
|
+
* @since 1.4.1
|
|
65
65
|
*/
|
|
66
66
|
hideButton: _propTypes.default.bool,
|
|
67
67
|
|
|
68
|
-
/**
|
|
69
|
-
* Show back button in the header. If true the close button is not show.
|
|
70
|
-
* @deprecated Not recommended to use. Use default close button instead.
|
|
71
|
-
* @since 0.0.65
|
|
68
|
+
/**
|
|
69
|
+
* Show back button in the header. If true the close button is not show.
|
|
70
|
+
* @deprecated Not recommended to use. Use default close button instead.
|
|
71
|
+
* @since 0.0.65
|
|
72
72
|
*/
|
|
73
73
|
backButton: _propTypes.default.bool,
|
|
74
74
|
|
|
75
|
-
/**
|
|
76
|
-
* Overlay placement.
|
|
77
|
-
* @since 0.0.65
|
|
75
|
+
/**
|
|
76
|
+
* Overlay placement.
|
|
77
|
+
* @since 0.0.65
|
|
78
78
|
*/
|
|
79
79
|
placement: _propTypes.default.oneOf(['left', 'right']),
|
|
80
80
|
|
|
81
|
-
/**
|
|
82
|
-
* Overlay size.
|
|
83
|
-
* @since 0.0.65
|
|
81
|
+
/**
|
|
82
|
+
* Overlay size.
|
|
83
|
+
* @since 0.0.65
|
|
84
84
|
*/
|
|
85
85
|
size: _propTypes.default.oneOf(['xs', 'sm', 'md', 'lg']),
|
|
86
86
|
|
|
87
|
-
/**
|
|
88
|
-
* onClose handler.
|
|
89
|
-
* @since 0.0.65
|
|
87
|
+
/**
|
|
88
|
+
* onClose handler.
|
|
89
|
+
* @since 0.0.65
|
|
90
90
|
*/
|
|
91
91
|
onClose: _propTypes.default.func,
|
|
92
92
|
|
|
93
|
-
/**
|
|
94
|
-
* Whether show or not a confirmation dialog on close.
|
|
95
|
-
* @since 3.21.0
|
|
93
|
+
/**
|
|
94
|
+
* Whether show or not a confirmation dialog on close.
|
|
95
|
+
* @since 3.21.0
|
|
96
96
|
*/
|
|
97
97
|
closingConfirmation: _propTypes.default.bool,
|
|
98
98
|
|
|
99
|
-
/**
|
|
100
|
-
* Wraps children into [Form](#!/Form) if not empty.
|
|
101
|
-
* @since 0.0.66
|
|
99
|
+
/**
|
|
100
|
+
* Wraps children into [Form](#!/Form) if not empty.
|
|
101
|
+
* @since 0.0.66
|
|
102
102
|
*/
|
|
103
103
|
form: _propTypes.default.oneOfType([_propTypes.default.object, _propTypes.default.element]),
|
|
104
104
|
|
|
105
|
-
/**
|
|
106
|
-
* Block with an image, placed at the side of the component
|
|
107
|
-
* @since 3.25.0
|
|
105
|
+
/**
|
|
106
|
+
* Block with an image, placed at the side of the component
|
|
107
|
+
* @since 3.25.0
|
|
108
108
|
*/
|
|
109
109
|
sideBanner: _propTypes.default.oneOfType([_propTypes.default.string, _propTypes.default.object, _propTypes.default.element]),
|
|
110
110
|
|
|
111
|
-
/**
|
|
112
|
-
* Additional properties for the sideBanner
|
|
113
|
-
* @since 3.25.0
|
|
111
|
+
/**
|
|
112
|
+
* Additional properties for the sideBanner
|
|
113
|
+
* @since 3.25.0
|
|
114
114
|
*/
|
|
115
115
|
sideBannerContainer: _propTypes.default.shape({
|
|
116
|
-
/**
|
|
117
|
-
* Values for css background property
|
|
116
|
+
/**
|
|
117
|
+
* Values for css background property
|
|
118
118
|
*/
|
|
119
119
|
background: _propTypes.default.string,
|
|
120
120
|
|
|
121
|
-
/**
|
|
122
|
-
* One of: center, flex-start, flex-end
|
|
121
|
+
/**
|
|
122
|
+
* One of: center, flex-start, flex-end
|
|
123
123
|
*/
|
|
124
124
|
align: _propTypes.default.oneOf(['center', 'flex-start', 'flex-end'])
|
|
125
125
|
}),
|
|
126
126
|
|
|
127
|
-
/**
|
|
128
|
-
* Content of the `Drawer`.
|
|
129
|
-
* @since 0.0.65
|
|
127
|
+
/**
|
|
128
|
+
* Content of the `Drawer`.
|
|
129
|
+
* @since 0.0.65
|
|
130
130
|
*/
|
|
131
131
|
children: _propTypes.default.node,
|
|
132
132
|
|
|
133
|
-
/**
|
|
134
|
-
* Adds [Progress](#!/Progress) into footer.
|
|
135
|
-
* @since 1.11.0
|
|
133
|
+
/**
|
|
134
|
+
* Adds [Progress](#!/Progress) into footer.
|
|
135
|
+
* @since 1.11.0
|
|
136
136
|
*/
|
|
137
137
|
progress: _propTypes.default.shape({
|
|
138
|
-
/**
|
|
139
|
-
* A title for the progress.
|
|
138
|
+
/**
|
|
139
|
+
* A title for the progress.
|
|
140
140
|
*/
|
|
141
141
|
title: _propTypes.default.string,
|
|
142
142
|
|
|
143
|
-
/**
|
|
144
|
-
* An array of [ProgressStep](#!/ProgressStep) props.
|
|
143
|
+
/**
|
|
144
|
+
* An array of [ProgressStep](#!/ProgressStep) props.
|
|
145
145
|
*/
|
|
146
146
|
steps: _propTypes.default.arrayOf(_propTypes.default.shape({
|
|
147
147
|
title: _propTypes.default.oneOfType([_propTypes.default.string, _propTypes.default.element]),
|
|
@@ -150,35 +150,35 @@ const propTypes = {
|
|
|
150
150
|
icon: _propTypes.default.string
|
|
151
151
|
})).isRequired,
|
|
152
152
|
|
|
153
|
-
/**
|
|
154
|
-
* An option that controls drawer closing ability.
|
|
153
|
+
/**
|
|
154
|
+
* An option that controls drawer closing ability.
|
|
155
155
|
*/
|
|
156
156
|
cancelable: _propTypes.default.bool,
|
|
157
157
|
|
|
158
|
-
/**
|
|
159
|
-
* On overall status event handler.
|
|
160
|
-
* @since 3.8.0
|
|
158
|
+
/**
|
|
159
|
+
* On overall status event handler.
|
|
160
|
+
* @since 3.8.0
|
|
161
161
|
*/
|
|
162
162
|
onStatusChange: _propTypes.default.func,
|
|
163
163
|
|
|
164
|
-
/**
|
|
165
|
-
* @ignore
|
|
164
|
+
/**
|
|
165
|
+
* @ignore
|
|
166
166
|
*/
|
|
167
167
|
onClose: _propTypes.default.func,
|
|
168
168
|
|
|
169
|
-
/**
|
|
170
|
-
* @ignore
|
|
169
|
+
/**
|
|
170
|
+
* @ignore
|
|
171
171
|
*/
|
|
172
172
|
onClosableChange: _propTypes.default.func
|
|
173
173
|
}),
|
|
174
174
|
|
|
175
|
-
/**
|
|
176
|
-
* @ignore
|
|
175
|
+
/**
|
|
176
|
+
* @ignore
|
|
177
177
|
*/
|
|
178
178
|
className: _propTypes.default.string,
|
|
179
179
|
|
|
180
|
-
/**
|
|
181
|
-
* @ignore
|
|
180
|
+
/**
|
|
181
|
+
* @ignore
|
|
182
182
|
*/
|
|
183
183
|
baseClassName: _propTypes.default.string
|
|
184
184
|
};
|
|
@@ -199,10 +199,10 @@ const defaultProps = {
|
|
|
199
199
|
className: null,
|
|
200
200
|
baseClassName: "".concat(_constants.CLS_PREFIX, "drawer")
|
|
201
201
|
};
|
|
202
|
-
/**
|
|
203
|
-
* `Drawer` component is used for working with properties of an object (or system) without leaving the context of the object.
|
|
204
|
-
* The component is similar to `Dialog` but it is intended to work with more complex forms or lists.
|
|
205
|
-
* @since 0.0.65
|
|
202
|
+
/**
|
|
203
|
+
* `Drawer` component is used for working with properties of an object (or system) without leaving the context of the object.
|
|
204
|
+
* The component is similar to `Dialog` but it is intended to work with more complex forms or lists.
|
|
205
|
+
* @since 0.0.65
|
|
206
206
|
*/
|
|
207
207
|
|
|
208
208
|
const Drawer = ({
|
|
@@ -393,10 +393,10 @@ class Form extends _react.Component {
|
|
|
393
393
|
}
|
|
394
394
|
|
|
395
395
|
}
|
|
396
|
-
/**
|
|
397
|
-
* `Form` component is used for entering and submitting of user data.
|
|
398
|
-
* [More details about designing of forms.](#!/Good%20Forms)
|
|
399
|
-
* @since 0.0.54
|
|
396
|
+
/**
|
|
397
|
+
* `Form` component is used for entering and submitting of user data.
|
|
398
|
+
* [More details about designing of forms.](#!/Good%20Forms)
|
|
399
|
+
* @since 0.0.54
|
|
400
400
|
*/
|
|
401
401
|
|
|
402
402
|
|
|
@@ -53,11 +53,11 @@ var _DisabledContext = _interopRequireDefault(require("../Form/DisabledContext")
|
|
|
53
53
|
|
|
54
54
|
/* eslint-disable react/no-deprecated */
|
|
55
55
|
const defaultValue = undefined;
|
|
56
|
-
/**
|
|
57
|
-
* Simple helper to handle situations when we expecting only array
|
|
58
|
-
* @param value
|
|
59
|
-
* @param nonEmpty
|
|
60
|
-
* @returns {Array}
|
|
56
|
+
/**
|
|
57
|
+
* Simple helper to handle situations when we expecting only array
|
|
58
|
+
* @param value
|
|
59
|
+
* @param nonEmpty
|
|
60
|
+
* @returns {Array}
|
|
61
61
|
*/
|
|
62
62
|
|
|
63
63
|
const getArrayHelper = (value, nonEmpty = false) => {
|
|
@@ -75,8 +75,8 @@ const getArrayHelper = (value, nonEmpty = false) => {
|
|
|
75
75
|
};
|
|
76
76
|
|
|
77
77
|
const isControlled = props => props.value !== undefined;
|
|
78
|
-
/**
|
|
79
|
-
* @since 0.0.54
|
|
78
|
+
/**
|
|
79
|
+
* @since 0.0.54
|
|
80
80
|
*/
|
|
81
81
|
|
|
82
82
|
|
|
@@ -432,10 +432,10 @@ class FormField extends _react.Component {
|
|
|
432
432
|
|
|
433
433
|
clearTimeout(this.focusTimer);
|
|
434
434
|
}
|
|
435
|
-
/**
|
|
436
|
-
* Field API provided to field
|
|
437
|
-
* @param index
|
|
438
|
-
* @returns {Object}
|
|
435
|
+
/**
|
|
436
|
+
* Field API provided to field
|
|
437
|
+
* @param index
|
|
438
|
+
* @returns {Object}
|
|
439
439
|
*/
|
|
440
440
|
|
|
441
441
|
|
|
@@ -459,127 +459,127 @@ class FormField extends _react.Component {
|
|
|
459
459
|
}
|
|
460
460
|
|
|
461
461
|
const propTypes = {
|
|
462
|
-
/**
|
|
463
|
-
* Field ID.
|
|
464
|
-
* @since 0.0.59
|
|
462
|
+
/**
|
|
463
|
+
* Field ID.
|
|
464
|
+
* @since 0.0.59
|
|
465
465
|
*/
|
|
466
466
|
id: _propTypes.default.string,
|
|
467
467
|
|
|
468
|
-
/**
|
|
469
|
-
* Field name.
|
|
470
|
-
* @since 0.0.54
|
|
468
|
+
/**
|
|
469
|
+
* Field name.
|
|
470
|
+
* @since 0.0.54
|
|
471
471
|
*/
|
|
472
472
|
name: _propTypes.default.string,
|
|
473
473
|
|
|
474
|
-
/**
|
|
475
|
-
* Field value.
|
|
476
|
-
* @deprecated Use [Form](#!/Form) values.
|
|
477
|
-
* @since 0.0.57
|
|
474
|
+
/**
|
|
475
|
+
* Field value.
|
|
476
|
+
* @deprecated Use [Form](#!/Form) values.
|
|
477
|
+
* @since 0.0.57
|
|
478
478
|
*/
|
|
479
479
|
value: _propTypes.default.any,
|
|
480
480
|
|
|
481
|
-
/**
|
|
482
|
-
* A callback function, can be executed when the value is changing.
|
|
483
|
-
* @since 0.4.1
|
|
481
|
+
/**
|
|
482
|
+
* A callback function, can be executed when the value is changing.
|
|
483
|
+
* @since 0.4.1
|
|
484
484
|
*/
|
|
485
485
|
onChange: _propTypes.default.func,
|
|
486
486
|
|
|
487
|
-
/**
|
|
488
|
-
* Field label.
|
|
489
|
-
* @since 0.0.54
|
|
487
|
+
/**
|
|
488
|
+
* Field label.
|
|
489
|
+
* @since 0.0.54
|
|
490
490
|
*/
|
|
491
491
|
label: _propTypes.default.any,
|
|
492
492
|
|
|
493
|
-
/**
|
|
494
|
-
* Field description.
|
|
495
|
-
* @since 0.0.57
|
|
493
|
+
/**
|
|
494
|
+
* Field description.
|
|
495
|
+
* @since 0.0.57
|
|
496
496
|
*/
|
|
497
497
|
description: _propTypes.default.any,
|
|
498
498
|
|
|
499
|
-
/**
|
|
500
|
-
* Show long descriptions in popover after clicking on "( i )" icon
|
|
501
|
-
* @since 3.14.0
|
|
499
|
+
/**
|
|
500
|
+
* Show long descriptions in popover after clicking on "( i )" icon
|
|
501
|
+
* @since 3.14.0
|
|
502
502
|
*/
|
|
503
503
|
fullDescription: _propTypes.default.node,
|
|
504
504
|
|
|
505
|
-
/**
|
|
506
|
-
* Field errors.
|
|
507
|
-
* @deprecated Use [Form](#!/Form) errors.
|
|
508
|
-
* @since 0.0.57
|
|
505
|
+
/**
|
|
506
|
+
* Field errors.
|
|
507
|
+
* @deprecated Use [Form](#!/Form) errors.
|
|
508
|
+
* @since 0.0.57
|
|
509
509
|
*/
|
|
510
510
|
errors: _propTypes.default.oneOfType([_propTypes.default.object, _propTypes.default.array]),
|
|
511
511
|
|
|
512
|
-
/**
|
|
513
|
-
* Indicates whether field is required.
|
|
514
|
-
* @since 0.0.54
|
|
512
|
+
/**
|
|
513
|
+
* Indicates whether field is required.
|
|
514
|
+
* @since 0.0.54
|
|
515
515
|
*/
|
|
516
516
|
required: _propTypes.default.bool,
|
|
517
517
|
|
|
518
|
-
/**
|
|
519
|
-
* Content of the `FormField`.
|
|
520
|
-
* @since 0.0.54
|
|
518
|
+
/**
|
|
519
|
+
* Content of the `FormField`.
|
|
520
|
+
* @since 0.0.54
|
|
521
521
|
*/
|
|
522
522
|
children: _propTypes.default.oneOfType([_propTypes.default.node, _propTypes.default.func]),
|
|
523
523
|
|
|
524
|
-
/**
|
|
525
|
-
* If 'true', a field will be multiple. You can also limit the number of fields with a value like { max: 5 }.
|
|
526
|
-
* @since 1.12.0
|
|
524
|
+
/**
|
|
525
|
+
* If 'true', a field will be multiple. You can also limit the number of fields with a value like { max: 5 }.
|
|
526
|
+
* @since 1.12.0
|
|
527
527
|
*/
|
|
528
528
|
multi: _propTypes.default.oneOfType([_propTypes.default.bool, _propTypes.default.shape({
|
|
529
529
|
max: _propTypes.default.number.isRequired
|
|
530
530
|
})]),
|
|
531
531
|
|
|
532
|
-
/**
|
|
533
|
-
* @ignore Disabled state of multiple field.
|
|
532
|
+
/**
|
|
533
|
+
* @ignore Disabled state of multiple field.
|
|
534
534
|
*/
|
|
535
535
|
disabled: _propTypes.default.bool,
|
|
536
536
|
|
|
537
|
-
/**
|
|
538
|
-
* Localization messages
|
|
539
|
-
* @since 1.12.0
|
|
537
|
+
/**
|
|
538
|
+
* Localization messages
|
|
539
|
+
* @since 1.12.0
|
|
540
540
|
*/
|
|
541
541
|
locale: _propTypes.default.shape({
|
|
542
542
|
addMore: _propTypes.default.node,
|
|
543
543
|
remove: _propTypes.default.node
|
|
544
544
|
}),
|
|
545
545
|
|
|
546
|
-
/**
|
|
547
|
-
* Callback which called for all values. If it returns 'true' a pseudo-link 'Add more' will be disabled
|
|
548
|
-
* @ignore
|
|
549
|
-
* @deprecated
|
|
546
|
+
/**
|
|
547
|
+
* Callback which called for all values. If it returns 'true' a pseudo-link 'Add more' will be disabled
|
|
548
|
+
* @ignore
|
|
549
|
+
* @deprecated
|
|
550
550
|
*/
|
|
551
551
|
addMoreValidator: _propTypes.default.func,
|
|
552
552
|
|
|
553
|
-
/**
|
|
554
|
-
* A callback function, can be executed when the row is removed.
|
|
555
|
-
* @since 1.12.0
|
|
553
|
+
/**
|
|
554
|
+
* A callback function, can be executed when the row is removed.
|
|
555
|
+
* @since 1.12.0
|
|
556
556
|
*/
|
|
557
557
|
onRemoveRow: _propTypes.default.func,
|
|
558
558
|
|
|
559
|
-
/**
|
|
560
|
-
* @ignore
|
|
559
|
+
/**
|
|
560
|
+
* @ignore
|
|
561
561
|
*/
|
|
562
562
|
className: _propTypes.default.string,
|
|
563
563
|
|
|
564
|
-
/**
|
|
565
|
-
* @ignore
|
|
564
|
+
/**
|
|
565
|
+
* @ignore
|
|
566
566
|
*/
|
|
567
567
|
baseClassName: _propTypes.default.string,
|
|
568
568
|
|
|
569
|
-
/**
|
|
570
|
-
* @ignore
|
|
569
|
+
/**
|
|
570
|
+
* @ignore
|
|
571
571
|
*/
|
|
572
572
|
form: _propTypes.default.object,
|
|
573
573
|
|
|
574
|
-
/**
|
|
575
|
-
* Vertical or horizontal field view.
|
|
576
|
-
* If it is not defined explicitly, the vertical mode will use from Form or Section components.
|
|
577
|
-
* @since 3.13.0
|
|
574
|
+
/**
|
|
575
|
+
* Vertical or horizontal field view.
|
|
576
|
+
* If it is not defined explicitly, the vertical mode will use from Form or Section components.
|
|
577
|
+
* @since 3.13.0
|
|
578
578
|
*/
|
|
579
579
|
vertical: _propTypes.default.bool,
|
|
580
580
|
|
|
581
|
-
/**
|
|
582
|
-
* @ignore
|
|
581
|
+
/**
|
|
582
|
+
* @ignore
|
|
583
583
|
*/
|
|
584
584
|
scrollableElement: _propTypes.default.oneOfType([_propTypes.default.instanceOf(Element), _propTypes.default.instanceOf(Window)])
|
|
585
585
|
};
|
|
@@ -607,14 +607,14 @@ const defaultProps = {
|
|
|
607
607
|
};
|
|
608
608
|
FormField.propTypes = propTypes;
|
|
609
609
|
FormField.defaultProps = defaultProps;
|
|
610
|
-
/**
|
|
611
|
-
* `FormField` component is used for showing of parameter values in Form or
|
|
612
|
-
* for entering of user data with any form elements.
|
|
613
|
-
*
|
|
614
|
-
* For the most cases the following form elements can be used:
|
|
615
|
-
* * [FormFieldText](#!/FormFieldText) for entering text,
|
|
616
|
-
* * [FormFieldSelect](#!/FormFieldSelect), [FormFieldCheckbox](#!/FormFieldCheckbox),
|
|
617
|
-
* [FormFieldRadioButtons](#!/FormFieldRadioButtons) for selecting options.
|
|
610
|
+
/**
|
|
611
|
+
* `FormField` component is used for showing of parameter values in Form or
|
|
612
|
+
* for entering of user data with any form elements.
|
|
613
|
+
*
|
|
614
|
+
* For the most cases the following form elements can be used:
|
|
615
|
+
* * [FormFieldText](#!/FormFieldText) for entering text,
|
|
616
|
+
* * [FormFieldSelect](#!/FormFieldSelect), [FormFieldCheckbox](#!/FormFieldCheckbox),
|
|
617
|
+
* [FormFieldRadioButtons](#!/FormFieldRadioButtons) for selecting options.
|
|
618
618
|
*/
|
|
619
619
|
|
|
620
620
|
const FormFieldWrapper = props => {
|
|
@@ -25,10 +25,10 @@ var _FormField = _interopRequireDefault(require("../FormField"));
|
|
|
25
25
|
|
|
26
26
|
// Copyright 1999-2020. Plesk International GmbH. All rights reserved.
|
|
27
27
|
|
|
28
|
-
/**
|
|
29
|
-
* `FormFieldCheckbox` component component is used for turning an option on or off
|
|
30
|
-
* and selecting or deselecting an item.
|
|
31
|
-
* @since 0.0.58
|
|
28
|
+
/**
|
|
29
|
+
* `FormFieldCheckbox` component component is used for turning an option on or off
|
|
30
|
+
* and selecting or deselecting an item.
|
|
31
|
+
* @since 0.0.58
|
|
32
32
|
*/
|
|
33
33
|
const FormFieldCheckbox = ({
|
|
34
34
|
baseClassName,
|
|
@@ -70,52 +70,52 @@ const FormFieldCheckbox = ({
|
|
|
70
70
|
}, label)));
|
|
71
71
|
|
|
72
72
|
FormFieldCheckbox.propTypes = {
|
|
73
|
-
/**
|
|
74
|
-
* Disabled state of field.
|
|
75
|
-
* @since 0.1.0
|
|
73
|
+
/**
|
|
74
|
+
* Disabled state of field.
|
|
75
|
+
* @since 0.1.0
|
|
76
76
|
*/
|
|
77
77
|
disabled: _propTypes.default.bool,
|
|
78
78
|
|
|
79
|
-
/**
|
|
80
|
-
* Custom checked value. Default is boolean true.
|
|
81
|
-
* @since 0.0.59
|
|
79
|
+
/**
|
|
80
|
+
* Custom checked value. Default is boolean true.
|
|
81
|
+
* @since 0.0.59
|
|
82
82
|
*/
|
|
83
83
|
checkedValue: _propTypes.default.oneOfType([_propTypes.default.bool, _propTypes.default.string]),
|
|
84
84
|
|
|
85
|
-
/**
|
|
86
|
-
* Custom unchecked value. Default is boolean false.
|
|
87
|
-
* @since 0.0.59
|
|
85
|
+
/**
|
|
86
|
+
* Custom unchecked value. Default is boolean false.
|
|
87
|
+
* @since 0.0.59
|
|
88
88
|
*/
|
|
89
89
|
uncheckedValue: _propTypes.default.oneOfType([_propTypes.default.bool, _propTypes.default.string]),
|
|
90
90
|
|
|
91
|
-
/**
|
|
92
|
-
* The browser will automatically focus on the component upon rendering the screen
|
|
93
|
-
* @since 1.9.0
|
|
91
|
+
/**
|
|
92
|
+
* The browser will automatically focus on the component upon rendering the screen
|
|
93
|
+
* @since 1.9.0
|
|
94
94
|
*/
|
|
95
95
|
autoFocus: _propTypes.default.bool,
|
|
96
96
|
|
|
97
|
-
/**
|
|
98
|
-
* @ignore Field cannot be multiple
|
|
97
|
+
/**
|
|
98
|
+
* @ignore Field cannot be multiple
|
|
99
99
|
*/
|
|
100
100
|
multi: _propTypes.default.bool,
|
|
101
101
|
|
|
102
|
-
/**
|
|
103
|
-
* @ignore
|
|
102
|
+
/**
|
|
103
|
+
* @ignore
|
|
104
104
|
*/
|
|
105
105
|
label: _propTypes.default.any,
|
|
106
106
|
|
|
107
|
-
/**
|
|
108
|
-
* @ignore
|
|
107
|
+
/**
|
|
108
|
+
* @ignore
|
|
109
109
|
*/
|
|
110
110
|
required: _propTypes.default.bool,
|
|
111
111
|
|
|
112
|
-
/**
|
|
113
|
-
* @ignore
|
|
112
|
+
/**
|
|
113
|
+
* @ignore
|
|
114
114
|
*/
|
|
115
115
|
className: _propTypes.default.string,
|
|
116
116
|
|
|
117
|
-
/**
|
|
118
|
-
* @ignore
|
|
117
|
+
/**
|
|
118
|
+
* @ignore
|
|
119
119
|
*/
|
|
120
120
|
baseClassName: _propTypes.default.string,
|
|
121
121
|
fullDescription: _propTypes.default.string
|
|
@@ -47,9 +47,9 @@ const generatePassword = () => {
|
|
|
47
47
|
const password = ['upper', 'lower', 'lower', 'lower', 'number', 'number', 'special', 'number', 'upper', 'upper', 'lower', 'lower', 'lower', 'lower', 'lower', 'lower'];
|
|
48
48
|
return password.sort((a, b) => Math.floor(b.length * Math.random()) - Math.floor(a.length * Math.random())).map(symbolClass => symbolClasses[symbolClass][Math.floor(symbolClasses[symbolClass].length * Math.random())]).join('');
|
|
49
49
|
};
|
|
50
|
-
/**
|
|
51
|
-
* `FormFieldPassword` component provides secure way to enter a password.
|
|
52
|
-
* @since 0.0.58
|
|
50
|
+
/**
|
|
51
|
+
* `FormFieldPassword` component provides secure way to enter a password.
|
|
52
|
+
* @since 0.0.58
|
|
53
53
|
*/
|
|
54
54
|
|
|
55
55
|
|
|
@@ -297,33 +297,33 @@ class FormFieldPassword extends _react.Component {
|
|
|
297
297
|
}
|
|
298
298
|
|
|
299
299
|
FormFieldPassword.propTypes = {
|
|
300
|
-
/**
|
|
301
|
-
* Is show button hidden?
|
|
302
|
-
* @since 0.0.59
|
|
300
|
+
/**
|
|
301
|
+
* Is show button hidden?
|
|
302
|
+
* @since 0.0.59
|
|
303
303
|
*/
|
|
304
304
|
hideShowButton: _propTypes.default.bool,
|
|
305
305
|
|
|
306
|
-
/**
|
|
307
|
-
* Is generate button hidden?
|
|
308
|
-
* @since 0.0.59
|
|
306
|
+
/**
|
|
307
|
+
* Is generate button hidden?
|
|
308
|
+
* @since 0.0.59
|
|
309
309
|
*/
|
|
310
310
|
hideGenerateButton: _propTypes.default.bool,
|
|
311
311
|
|
|
312
|
-
/**
|
|
313
|
-
* Is password meter hidden?
|
|
314
|
-
* @since 0.0.59
|
|
312
|
+
/**
|
|
313
|
+
* Is password meter hidden?
|
|
314
|
+
* @since 0.0.59
|
|
315
315
|
*/
|
|
316
316
|
hidePasswordMeter: _propTypes.default.bool,
|
|
317
317
|
|
|
318
|
-
/**
|
|
319
|
-
* Additional props for password meter. . See [Popover](#!/Popover) for more information.
|
|
320
|
-
* @since 1.5.6
|
|
318
|
+
/**
|
|
319
|
+
* Additional props for password meter. . See [Popover](#!/Popover) for more information.
|
|
320
|
+
* @since 1.5.6
|
|
321
321
|
*/
|
|
322
322
|
passwordMeterProps: _propTypes.default.object,
|
|
323
323
|
|
|
324
|
-
/**
|
|
325
|
-
* A set of custom password score rules.
|
|
326
|
-
* @since 3.21.0
|
|
324
|
+
/**
|
|
325
|
+
* A set of custom password score rules.
|
|
326
|
+
* @since 3.21.0
|
|
327
327
|
*/
|
|
328
328
|
passwordScoreRules: _propTypes.default.arrayOf(_propTypes.default.shape({
|
|
329
329
|
name: _propTypes.default.string,
|
|
@@ -331,37 +331,37 @@ FormFieldPassword.propTypes = {
|
|
|
331
331
|
score: _propTypes.default.func.isRequired
|
|
332
332
|
})),
|
|
333
333
|
|
|
334
|
-
/**
|
|
335
|
-
* Size of the control
|
|
336
|
-
* @since 1.5.6
|
|
334
|
+
/**
|
|
335
|
+
* Size of the control
|
|
336
|
+
* @since 1.5.6
|
|
337
337
|
*/
|
|
338
338
|
size: _propTypes.default.oneOf(['md', 'lg', 'xl', 'fill']),
|
|
339
339
|
|
|
340
|
-
/**
|
|
341
|
-
* The browser will automatically focus on the component upon rendering the screen
|
|
342
|
-
* @since 1.9.0
|
|
340
|
+
/**
|
|
341
|
+
* The browser will automatically focus on the component upon rendering the screen
|
|
342
|
+
* @since 1.9.0
|
|
343
343
|
*/
|
|
344
344
|
autoFocus: _propTypes.default.bool,
|
|
345
345
|
|
|
346
|
-
/**
|
|
347
|
-
* Prevent password autocompletion.
|
|
348
|
-
* @since 2.5.1
|
|
346
|
+
/**
|
|
347
|
+
* Prevent password autocompletion.
|
|
348
|
+
* @since 2.5.1
|
|
349
349
|
*/
|
|
350
350
|
autoComplete: _propTypes.default.oneOf(['new-password']),
|
|
351
351
|
|
|
352
|
-
/**
|
|
353
|
-
* A render function for customizing the password generation button.
|
|
354
|
-
* @since 3.13.0
|
|
352
|
+
/**
|
|
353
|
+
* A render function for customizing the password generation button.
|
|
354
|
+
* @since 3.13.0
|
|
355
355
|
*/
|
|
356
356
|
generateButton: _propTypes.default.func,
|
|
357
357
|
|
|
358
|
-
/**
|
|
359
|
-
* @ignore
|
|
358
|
+
/**
|
|
359
|
+
* @ignore
|
|
360
360
|
*/
|
|
361
361
|
className: _propTypes.default.string,
|
|
362
362
|
|
|
363
|
-
/**
|
|
364
|
-
* @ignore
|
|
363
|
+
/**
|
|
364
|
+
* @ignore
|
|
365
365
|
*/
|
|
366
366
|
baseClassName: _propTypes.default.string
|
|
367
367
|
};
|