@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
|
@@ -62,9 +62,9 @@ const toNumber = value => {
|
|
|
62
62
|
const isMinDisabled = (value, min) => min !== undefined && value !== '' && value <= min;
|
|
63
63
|
|
|
64
64
|
const isMaxDisabled = (value, max) => max !== undefined && value !== '' && value >= max;
|
|
65
|
-
/**
|
|
66
|
-
* `InputNumber` component is used for entering integer numbers.
|
|
67
|
-
* @since 2.2.0
|
|
65
|
+
/**
|
|
66
|
+
* `InputNumber` component is used for entering integer numbers.
|
|
67
|
+
* @since 2.2.0
|
|
68
68
|
*/
|
|
69
69
|
|
|
70
70
|
|
|
@@ -32,10 +32,10 @@ var _utils = require("../utils");
|
|
|
32
32
|
// Copyright 1999-2020. Plesk International GmbH. All rights reserved.
|
|
33
33
|
const VIEW_SIMPLE = 'simple';
|
|
34
34
|
const VIEW_CARD = 'card';
|
|
35
|
-
/**
|
|
36
|
-
* `Item` component is element of [ItemList](#!/ItemList) and it is presented as
|
|
37
|
-
* a combination of icon, text title and content (similar to [Media](#!/Media)).
|
|
38
|
-
* @since 0.0.48
|
|
35
|
+
/**
|
|
36
|
+
* `Item` component is element of [ItemList](#!/ItemList) and it is presented as
|
|
37
|
+
* a combination of icon, text title and content (similar to [Media](#!/Media)).
|
|
38
|
+
* @since 0.0.48
|
|
39
39
|
*/
|
|
40
40
|
|
|
41
41
|
class Item extends _react.Component {
|
|
@@ -150,73 +150,73 @@ class Item extends _react.Component {
|
|
|
150
150
|
}
|
|
151
151
|
|
|
152
152
|
Item.propTypes = {
|
|
153
|
-
/**
|
|
154
|
-
* Component to render as the root element. Useful when rendering a `Item` as `<a>` or `<Link>`.
|
|
155
|
-
* @since 0.0.48
|
|
153
|
+
/**
|
|
154
|
+
* Component to render as the root element. Useful when rendering a `Item` as `<a>` or `<Link>`.
|
|
155
|
+
* @since 0.0.48
|
|
156
156
|
*/
|
|
157
157
|
component: _propTypes.default.elementType,
|
|
158
158
|
|
|
159
|
-
/**
|
|
160
|
-
* View mode.
|
|
161
|
-
* @since 2.1.0
|
|
159
|
+
/**
|
|
160
|
+
* View mode.
|
|
161
|
+
* @since 2.1.0
|
|
162
162
|
*/
|
|
163
163
|
view: _propTypes.default.oneOf([VIEW_SIMPLE, VIEW_CARD]),
|
|
164
164
|
|
|
165
|
-
/**
|
|
166
|
-
* Icon.
|
|
167
|
-
* @since 0.0.48
|
|
165
|
+
/**
|
|
166
|
+
* Icon.
|
|
167
|
+
* @since 0.0.48
|
|
168
168
|
*/
|
|
169
169
|
icon: _propTypes.default.oneOfType([_propTypes.default.string, _propTypes.default.object, _propTypes.default.element]),
|
|
170
170
|
|
|
171
|
-
/**
|
|
172
|
-
* Title.
|
|
173
|
-
* @since 0.0.48
|
|
171
|
+
/**
|
|
172
|
+
* Title.
|
|
173
|
+
* @since 0.0.48
|
|
174
174
|
*/
|
|
175
175
|
title: _propTypes.default.oneOfType([_propTypes.default.string, _propTypes.default.object, _propTypes.default.element]),
|
|
176
176
|
|
|
177
|
-
/**
|
|
178
|
-
* Content for footer.
|
|
179
|
-
* @since 2.1.0
|
|
177
|
+
/**
|
|
178
|
+
* Content for footer.
|
|
179
|
+
* @since 2.1.0
|
|
180
180
|
*/
|
|
181
181
|
footer: _propTypes.default.node,
|
|
182
182
|
|
|
183
|
-
/**
|
|
184
|
-
* Description. Renders as small grey text.
|
|
185
|
-
* @since 2.1.0
|
|
183
|
+
/**
|
|
184
|
+
* Description. Renders as small grey text.
|
|
185
|
+
* @since 2.1.0
|
|
186
186
|
*/
|
|
187
187
|
description: _propTypes.default.node,
|
|
188
188
|
|
|
189
|
-
/**
|
|
190
|
-
* Content of the `Item`.
|
|
191
|
-
* @since 0.0.48
|
|
189
|
+
/**
|
|
190
|
+
* Content of the `Item`.
|
|
191
|
+
* @since 0.0.48
|
|
192
192
|
*/
|
|
193
193
|
children: _propTypes.default.node,
|
|
194
194
|
|
|
195
|
-
/**
|
|
196
|
-
* An unique value. It needs only in ItemList with selectable view.
|
|
197
|
-
* @since 2.3.0
|
|
195
|
+
/**
|
|
196
|
+
* An unique value. It needs only in ItemList with selectable view.
|
|
197
|
+
* @since 2.3.0
|
|
198
198
|
*/
|
|
199
199
|
value: _propTypes.default.oneOfType([_propTypes.default.string, _propTypes.default.number]),
|
|
200
200
|
|
|
201
|
-
/**
|
|
202
|
-
* Tooltip for component.
|
|
203
|
-
* @since 2.5.1
|
|
201
|
+
/**
|
|
202
|
+
* Tooltip for component.
|
|
203
|
+
* @since 2.5.1
|
|
204
204
|
*/
|
|
205
205
|
tooltip: _propTypes.default.node,
|
|
206
206
|
|
|
207
|
-
/**
|
|
208
|
-
* @ignore
|
|
207
|
+
/**
|
|
208
|
+
* @ignore
|
|
209
209
|
*/
|
|
210
210
|
className: _propTypes.default.string,
|
|
211
211
|
|
|
212
|
-
/**
|
|
213
|
-
* @ignore
|
|
212
|
+
/**
|
|
213
|
+
* @ignore
|
|
214
214
|
*/
|
|
215
215
|
baseClassName: _propTypes.default.string,
|
|
216
216
|
|
|
217
|
-
/**
|
|
218
|
-
* Whether disabled or not.
|
|
219
|
-
* @since 3.15.0
|
|
217
|
+
/**
|
|
218
|
+
* Whether disabled or not.
|
|
219
|
+
* @since 3.15.0
|
|
220
220
|
*/
|
|
221
221
|
disabled: _propTypes.default.bool
|
|
222
222
|
};
|
|
@@ -48,10 +48,10 @@ const getNextSelectedValue = (value, prevValue, toggleable) => {
|
|
|
48
48
|
return value;
|
|
49
49
|
};
|
|
50
50
|
|
|
51
|
-
/**
|
|
52
|
-
* `ItemList` component is used for displaying list of [Items](#!/Item)
|
|
53
|
-
* according to [Grid](#!/Grid) principle.
|
|
54
|
-
* @since 0.0.48
|
|
51
|
+
/**
|
|
52
|
+
* `ItemList` component is used for displaying list of [Items](#!/Item)
|
|
53
|
+
* according to [Grid](#!/Grid) principle.
|
|
54
|
+
* @since 0.0.48
|
|
55
55
|
*/
|
|
56
56
|
class ItemList extends _react.Component {
|
|
57
57
|
constructor(_props) {
|
|
@@ -27,104 +27,104 @@ var _constants = require("../../constants");
|
|
|
27
27
|
|
|
28
28
|
// Copyright 1999-2020. Plesk International GmbH. All rights reserved.
|
|
29
29
|
const propTypes = {
|
|
30
|
-
/**
|
|
31
|
-
* Type of the `Layout`
|
|
32
|
-
* @since 1.4.0
|
|
30
|
+
/**
|
|
31
|
+
* Type of the `Layout`
|
|
32
|
+
* @since 1.4.0
|
|
33
33
|
*/
|
|
34
34
|
type: _propTypes.default.oneOf(['fluid', 'simplified']),
|
|
35
35
|
|
|
36
|
-
/**
|
|
37
|
-
* Header content.
|
|
38
|
-
* @since 1.4.0
|
|
36
|
+
/**
|
|
37
|
+
* Header content.
|
|
38
|
+
* @since 1.4.0
|
|
39
39
|
*/
|
|
40
40
|
header: _propTypes.default.node,
|
|
41
41
|
|
|
42
|
-
/**
|
|
43
|
-
* Define header position - always on top (fixed) or static.
|
|
44
|
-
* @since 1.4.0
|
|
42
|
+
/**
|
|
43
|
+
* Define header position - always on top (fixed) or static.
|
|
44
|
+
* @since 1.4.0
|
|
45
45
|
*/
|
|
46
46
|
headerFixed: _propTypes.default.bool,
|
|
47
47
|
|
|
48
|
-
/**
|
|
49
|
-
* Additional content at the top of the header.
|
|
50
|
-
* @since 3.2.0
|
|
48
|
+
/**
|
|
49
|
+
* Additional content at the top of the header.
|
|
50
|
+
* @since 3.2.0
|
|
51
51
|
*/
|
|
52
52
|
headerAddon: _propTypes.default.node,
|
|
53
53
|
|
|
54
|
-
/**
|
|
55
|
-
* Sidebar content.
|
|
56
|
-
* @since 1.4.0
|
|
54
|
+
/**
|
|
55
|
+
* Sidebar content.
|
|
56
|
+
* @since 1.4.0
|
|
57
57
|
*/
|
|
58
58
|
sidebar: _propTypes.default.node,
|
|
59
59
|
|
|
60
|
-
/**
|
|
61
|
-
* Sidebar type.
|
|
62
|
-
* @since 3.2.0
|
|
60
|
+
/**
|
|
61
|
+
* Sidebar type.
|
|
62
|
+
* @since 3.2.0
|
|
63
63
|
*/
|
|
64
64
|
sidebarType: _propTypes.default.oneOf(['collapsed', 'folded']),
|
|
65
65
|
|
|
66
|
-
/**
|
|
67
|
-
* Define if sidebar can collapse.
|
|
68
|
-
* @since 1.4.0
|
|
66
|
+
/**
|
|
67
|
+
* Define if sidebar can collapse.
|
|
68
|
+
* @since 1.4.0
|
|
69
69
|
*/
|
|
70
70
|
sidebarCollapsible: _propTypes.default.bool,
|
|
71
71
|
|
|
72
|
-
/**
|
|
73
|
-
* Sidebar collapsed state.
|
|
74
|
-
* A boolean value is used for desktop mode only, but you can set an array with collapsed states for all modes, e.g. `['responsive', 'desktop']`.
|
|
75
|
-
*
|
|
76
|
-
* @since 1.4.0
|
|
72
|
+
/**
|
|
73
|
+
* Sidebar collapsed state.
|
|
74
|
+
* A boolean value is used for desktop mode only, but you can set an array with collapsed states for all modes, e.g. `['responsive', 'desktop']`.
|
|
75
|
+
*
|
|
76
|
+
* @since 1.4.0
|
|
77
77
|
*/
|
|
78
78
|
sidebarCollapsed: _propTypes.default.oneOfType([_propTypes.default.bool, _propTypes.default.array]),
|
|
79
79
|
|
|
80
|
-
/**
|
|
81
|
-
* Additional content between header and main content.
|
|
82
|
-
* @since 1.4.0
|
|
80
|
+
/**
|
|
81
|
+
* Additional content between header and main content.
|
|
82
|
+
* @since 1.4.0
|
|
83
83
|
*/
|
|
84
84
|
contentAddon: _propTypes.default.node,
|
|
85
85
|
|
|
86
|
-
/**
|
|
87
|
-
* Content header.
|
|
88
|
-
* @since 3.0.0
|
|
86
|
+
/**
|
|
87
|
+
* Content header.
|
|
88
|
+
* @since 3.0.0
|
|
89
89
|
*/
|
|
90
90
|
contentHeader: _propTypes.default.node,
|
|
91
91
|
|
|
92
|
-
/**
|
|
93
|
-
* Footer content.
|
|
94
|
-
* @since 1.4.0
|
|
92
|
+
/**
|
|
93
|
+
* Footer content.
|
|
94
|
+
* @since 1.4.0
|
|
95
95
|
*/
|
|
96
96
|
footer: _propTypes.default.node,
|
|
97
97
|
|
|
98
|
-
/**
|
|
99
|
-
* Main content of the `Layout`.
|
|
100
|
-
* @since 1.4.0
|
|
98
|
+
/**
|
|
99
|
+
* Main content of the `Layout`.
|
|
100
|
+
* @since 1.4.0
|
|
101
101
|
*/
|
|
102
102
|
children: _propTypes.default.node,
|
|
103
103
|
|
|
104
|
-
/**
|
|
105
|
-
* Width of the content
|
|
106
|
-
* @since 3.0.0
|
|
104
|
+
/**
|
|
105
|
+
* Width of the content
|
|
106
|
+
* @since 3.0.0
|
|
107
107
|
*/
|
|
108
108
|
width: _propTypes.default.oneOf(['sm', 'md', 'lg']),
|
|
109
109
|
|
|
110
|
-
/**
|
|
111
|
-
* Sidebar onToggle handler.
|
|
112
|
-
* The handler is called with two args:
|
|
113
|
-
*
|
|
114
|
-
* * Whether collapsed or not.
|
|
115
|
-
* * In which mode: responsive or desktop.
|
|
116
|
-
*
|
|
117
|
-
* @since 1.4.0
|
|
110
|
+
/**
|
|
111
|
+
* Sidebar onToggle handler.
|
|
112
|
+
* The handler is called with two args:
|
|
113
|
+
*
|
|
114
|
+
* * Whether collapsed or not.
|
|
115
|
+
* * In which mode: responsive or desktop.
|
|
116
|
+
*
|
|
117
|
+
* @since 1.4.0
|
|
118
118
|
*/
|
|
119
119
|
onSidebarToggle: _propTypes.default.func,
|
|
120
120
|
|
|
121
|
-
/**
|
|
122
|
-
* @ignore
|
|
121
|
+
/**
|
|
122
|
+
* @ignore
|
|
123
123
|
*/
|
|
124
124
|
className: _propTypes.default.string,
|
|
125
125
|
|
|
126
|
-
/**
|
|
127
|
-
* @ignore
|
|
126
|
+
/**
|
|
127
|
+
* @ignore
|
|
128
128
|
*/
|
|
129
129
|
baseClassName: _propTypes.default.string
|
|
130
130
|
};
|
|
@@ -174,8 +174,8 @@ const subscribeClickOutside = (refs, handler) => {
|
|
|
174
174
|
document.removeEventListener('touchstart', listener);
|
|
175
175
|
};
|
|
176
176
|
};
|
|
177
|
-
/**
|
|
178
|
-
* @since 1.4.0
|
|
177
|
+
/**
|
|
178
|
+
* @since 1.4.0
|
|
179
179
|
*/
|
|
180
180
|
|
|
181
181
|
|