@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
|
@@ -45,9 +45,9 @@ const toNumber = value => {
|
|
|
45
45
|
const isMinDisabled = (value, min) => min !== undefined && value !== '' && value <= min;
|
|
46
46
|
|
|
47
47
|
const isMaxDisabled = (value, max) => max !== undefined && value !== '' && value >= max;
|
|
48
|
-
/**
|
|
49
|
-
* `InputNumber` component is used for entering integer numbers.
|
|
50
|
-
* @since 2.2.0
|
|
48
|
+
/**
|
|
49
|
+
* `InputNumber` component is used for entering integer numbers.
|
|
50
|
+
* @since 2.2.0
|
|
51
51
|
*/
|
|
52
52
|
|
|
53
53
|
|
|
@@ -11,10 +11,10 @@ import Tooltip from '../Tooltip';
|
|
|
11
11
|
import { createProxyProps, wrapFunction } from '../utils';
|
|
12
12
|
const VIEW_SIMPLE = 'simple';
|
|
13
13
|
const VIEW_CARD = 'card';
|
|
14
|
-
/**
|
|
15
|
-
* `Item` component is element of [ItemList](#!/ItemList) and it is presented as
|
|
16
|
-
* a combination of icon, text title and content (similar to [Media](#!/Media)).
|
|
17
|
-
* @since 0.0.48
|
|
14
|
+
/**
|
|
15
|
+
* `Item` component is element of [ItemList](#!/ItemList) and it is presented as
|
|
16
|
+
* a combination of icon, text title and content (similar to [Media](#!/Media)).
|
|
17
|
+
* @since 0.0.48
|
|
18
18
|
*/
|
|
19
19
|
|
|
20
20
|
class Item extends Component {
|
|
@@ -129,73 +129,73 @@ class Item extends Component {
|
|
|
129
129
|
}
|
|
130
130
|
|
|
131
131
|
Item.propTypes = {
|
|
132
|
-
/**
|
|
133
|
-
* Component to render as the root element. Useful when rendering a `Item` as `<a>` or `<Link>`.
|
|
134
|
-
* @since 0.0.48
|
|
132
|
+
/**
|
|
133
|
+
* Component to render as the root element. Useful when rendering a `Item` as `<a>` or `<Link>`.
|
|
134
|
+
* @since 0.0.48
|
|
135
135
|
*/
|
|
136
136
|
component: PropTypes.elementType,
|
|
137
137
|
|
|
138
|
-
/**
|
|
139
|
-
* View mode.
|
|
140
|
-
* @since 2.1.0
|
|
138
|
+
/**
|
|
139
|
+
* View mode.
|
|
140
|
+
* @since 2.1.0
|
|
141
141
|
*/
|
|
142
142
|
view: PropTypes.oneOf([VIEW_SIMPLE, VIEW_CARD]),
|
|
143
143
|
|
|
144
|
-
/**
|
|
145
|
-
* Icon.
|
|
146
|
-
* @since 0.0.48
|
|
144
|
+
/**
|
|
145
|
+
* Icon.
|
|
146
|
+
* @since 0.0.48
|
|
147
147
|
*/
|
|
148
148
|
icon: PropTypes.oneOfType([PropTypes.string, PropTypes.object, PropTypes.element]),
|
|
149
149
|
|
|
150
|
-
/**
|
|
151
|
-
* Title.
|
|
152
|
-
* @since 0.0.48
|
|
150
|
+
/**
|
|
151
|
+
* Title.
|
|
152
|
+
* @since 0.0.48
|
|
153
153
|
*/
|
|
154
154
|
title: PropTypes.oneOfType([PropTypes.string, PropTypes.object, PropTypes.element]),
|
|
155
155
|
|
|
156
|
-
/**
|
|
157
|
-
* Content for footer.
|
|
158
|
-
* @since 2.1.0
|
|
156
|
+
/**
|
|
157
|
+
* Content for footer.
|
|
158
|
+
* @since 2.1.0
|
|
159
159
|
*/
|
|
160
160
|
footer: PropTypes.node,
|
|
161
161
|
|
|
162
|
-
/**
|
|
163
|
-
* Description. Renders as small grey text.
|
|
164
|
-
* @since 2.1.0
|
|
162
|
+
/**
|
|
163
|
+
* Description. Renders as small grey text.
|
|
164
|
+
* @since 2.1.0
|
|
165
165
|
*/
|
|
166
166
|
description: PropTypes.node,
|
|
167
167
|
|
|
168
|
-
/**
|
|
169
|
-
* Content of the `Item`.
|
|
170
|
-
* @since 0.0.48
|
|
168
|
+
/**
|
|
169
|
+
* Content of the `Item`.
|
|
170
|
+
* @since 0.0.48
|
|
171
171
|
*/
|
|
172
172
|
children: PropTypes.node,
|
|
173
173
|
|
|
174
|
-
/**
|
|
175
|
-
* An unique value. It needs only in ItemList with selectable view.
|
|
176
|
-
* @since 2.3.0
|
|
174
|
+
/**
|
|
175
|
+
* An unique value. It needs only in ItemList with selectable view.
|
|
176
|
+
* @since 2.3.0
|
|
177
177
|
*/
|
|
178
178
|
value: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
|
|
179
179
|
|
|
180
|
-
/**
|
|
181
|
-
* Tooltip for component.
|
|
182
|
-
* @since 2.5.1
|
|
180
|
+
/**
|
|
181
|
+
* Tooltip for component.
|
|
182
|
+
* @since 2.5.1
|
|
183
183
|
*/
|
|
184
184
|
tooltip: PropTypes.node,
|
|
185
185
|
|
|
186
|
-
/**
|
|
187
|
-
* @ignore
|
|
186
|
+
/**
|
|
187
|
+
* @ignore
|
|
188
188
|
*/
|
|
189
189
|
className: PropTypes.string,
|
|
190
190
|
|
|
191
|
-
/**
|
|
192
|
-
* @ignore
|
|
191
|
+
/**
|
|
192
|
+
* @ignore
|
|
193
193
|
*/
|
|
194
194
|
baseClassName: PropTypes.string,
|
|
195
195
|
|
|
196
|
-
/**
|
|
197
|
-
* Whether disabled or not.
|
|
198
|
-
* @since 3.15.0
|
|
196
|
+
/**
|
|
197
|
+
* Whether disabled or not.
|
|
198
|
+
* @since 3.15.0
|
|
199
199
|
*/
|
|
200
200
|
disabled: PropTypes.bool
|
|
201
201
|
};
|
|
@@ -28,10 +28,10 @@ const getNextSelectedValue = (value, prevValue, toggleable) => {
|
|
|
28
28
|
return value;
|
|
29
29
|
};
|
|
30
30
|
|
|
31
|
-
/**
|
|
32
|
-
* `ItemList` component is used for displaying list of [Items](#!/Item)
|
|
33
|
-
* according to [Grid](#!/Grid) principle.
|
|
34
|
-
* @since 0.0.48
|
|
31
|
+
/**
|
|
32
|
+
* `ItemList` component is used for displaying list of [Items](#!/Item)
|
|
33
|
+
* according to [Grid](#!/Grid) principle.
|
|
34
|
+
* @since 0.0.48
|
|
35
35
|
*/
|
|
36
36
|
class ItemList extends Component {
|
|
37
37
|
constructor(_props) {
|
|
@@ -8,104 +8,104 @@ import classNames from 'classnames';
|
|
|
8
8
|
import { CSSTransition } from 'react-transition-group';
|
|
9
9
|
import { CLS_PREFIX } from '../../constants';
|
|
10
10
|
const propTypes = {
|
|
11
|
-
/**
|
|
12
|
-
* Type of the `Layout`
|
|
13
|
-
* @since 1.4.0
|
|
11
|
+
/**
|
|
12
|
+
* Type of the `Layout`
|
|
13
|
+
* @since 1.4.0
|
|
14
14
|
*/
|
|
15
15
|
type: PropTypes.oneOf(['fluid', 'simplified']),
|
|
16
16
|
|
|
17
|
-
/**
|
|
18
|
-
* Header content.
|
|
19
|
-
* @since 1.4.0
|
|
17
|
+
/**
|
|
18
|
+
* Header content.
|
|
19
|
+
* @since 1.4.0
|
|
20
20
|
*/
|
|
21
21
|
header: PropTypes.node,
|
|
22
22
|
|
|
23
|
-
/**
|
|
24
|
-
* Define header position - always on top (fixed) or static.
|
|
25
|
-
* @since 1.4.0
|
|
23
|
+
/**
|
|
24
|
+
* Define header position - always on top (fixed) or static.
|
|
25
|
+
* @since 1.4.0
|
|
26
26
|
*/
|
|
27
27
|
headerFixed: PropTypes.bool,
|
|
28
28
|
|
|
29
|
-
/**
|
|
30
|
-
* Additional content at the top of the header.
|
|
31
|
-
* @since 3.2.0
|
|
29
|
+
/**
|
|
30
|
+
* Additional content at the top of the header.
|
|
31
|
+
* @since 3.2.0
|
|
32
32
|
*/
|
|
33
33
|
headerAddon: PropTypes.node,
|
|
34
34
|
|
|
35
|
-
/**
|
|
36
|
-
* Sidebar content.
|
|
37
|
-
* @since 1.4.0
|
|
35
|
+
/**
|
|
36
|
+
* Sidebar content.
|
|
37
|
+
* @since 1.4.0
|
|
38
38
|
*/
|
|
39
39
|
sidebar: PropTypes.node,
|
|
40
40
|
|
|
41
|
-
/**
|
|
42
|
-
* Sidebar type.
|
|
43
|
-
* @since 3.2.0
|
|
41
|
+
/**
|
|
42
|
+
* Sidebar type.
|
|
43
|
+
* @since 3.2.0
|
|
44
44
|
*/
|
|
45
45
|
sidebarType: PropTypes.oneOf(['collapsed', 'folded']),
|
|
46
46
|
|
|
47
|
-
/**
|
|
48
|
-
* Define if sidebar can collapse.
|
|
49
|
-
* @since 1.4.0
|
|
47
|
+
/**
|
|
48
|
+
* Define if sidebar can collapse.
|
|
49
|
+
* @since 1.4.0
|
|
50
50
|
*/
|
|
51
51
|
sidebarCollapsible: PropTypes.bool,
|
|
52
52
|
|
|
53
|
-
/**
|
|
54
|
-
* Sidebar collapsed state.
|
|
55
|
-
* 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']`.
|
|
56
|
-
*
|
|
57
|
-
* @since 1.4.0
|
|
53
|
+
/**
|
|
54
|
+
* Sidebar collapsed state.
|
|
55
|
+
* 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']`.
|
|
56
|
+
*
|
|
57
|
+
* @since 1.4.0
|
|
58
58
|
*/
|
|
59
59
|
sidebarCollapsed: PropTypes.oneOfType([PropTypes.bool, PropTypes.array]),
|
|
60
60
|
|
|
61
|
-
/**
|
|
62
|
-
* Additional content between header and main content.
|
|
63
|
-
* @since 1.4.0
|
|
61
|
+
/**
|
|
62
|
+
* Additional content between header and main content.
|
|
63
|
+
* @since 1.4.0
|
|
64
64
|
*/
|
|
65
65
|
contentAddon: PropTypes.node,
|
|
66
66
|
|
|
67
|
-
/**
|
|
68
|
-
* Content header.
|
|
69
|
-
* @since 3.0.0
|
|
67
|
+
/**
|
|
68
|
+
* Content header.
|
|
69
|
+
* @since 3.0.0
|
|
70
70
|
*/
|
|
71
71
|
contentHeader: PropTypes.node,
|
|
72
72
|
|
|
73
|
-
/**
|
|
74
|
-
* Footer content.
|
|
75
|
-
* @since 1.4.0
|
|
73
|
+
/**
|
|
74
|
+
* Footer content.
|
|
75
|
+
* @since 1.4.0
|
|
76
76
|
*/
|
|
77
77
|
footer: PropTypes.node,
|
|
78
78
|
|
|
79
|
-
/**
|
|
80
|
-
* Main content of the `Layout`.
|
|
81
|
-
* @since 1.4.0
|
|
79
|
+
/**
|
|
80
|
+
* Main content of the `Layout`.
|
|
81
|
+
* @since 1.4.0
|
|
82
82
|
*/
|
|
83
83
|
children: PropTypes.node,
|
|
84
84
|
|
|
85
|
-
/**
|
|
86
|
-
* Width of the content
|
|
87
|
-
* @since 3.0.0
|
|
85
|
+
/**
|
|
86
|
+
* Width of the content
|
|
87
|
+
* @since 3.0.0
|
|
88
88
|
*/
|
|
89
89
|
width: PropTypes.oneOf(['sm', 'md', 'lg']),
|
|
90
90
|
|
|
91
|
-
/**
|
|
92
|
-
* Sidebar onToggle handler.
|
|
93
|
-
* The handler is called with two args:
|
|
94
|
-
*
|
|
95
|
-
* * Whether collapsed or not.
|
|
96
|
-
* * In which mode: responsive or desktop.
|
|
97
|
-
*
|
|
98
|
-
* @since 1.4.0
|
|
91
|
+
/**
|
|
92
|
+
* Sidebar onToggle handler.
|
|
93
|
+
* The handler is called with two args:
|
|
94
|
+
*
|
|
95
|
+
* * Whether collapsed or not.
|
|
96
|
+
* * In which mode: responsive or desktop.
|
|
97
|
+
*
|
|
98
|
+
* @since 1.4.0
|
|
99
99
|
*/
|
|
100
100
|
onSidebarToggle: PropTypes.func,
|
|
101
101
|
|
|
102
|
-
/**
|
|
103
|
-
* @ignore
|
|
102
|
+
/**
|
|
103
|
+
* @ignore
|
|
104
104
|
*/
|
|
105
105
|
className: PropTypes.string,
|
|
106
106
|
|
|
107
|
-
/**
|
|
108
|
-
* @ignore
|
|
107
|
+
/**
|
|
108
|
+
* @ignore
|
|
109
109
|
*/
|
|
110
110
|
baseClassName: PropTypes.string
|
|
111
111
|
};
|
|
@@ -155,8 +155,8 @@ const subscribeClickOutside = (refs, handler) => {
|
|
|
155
155
|
document.removeEventListener('touchstart', listener);
|
|
156
156
|
};
|
|
157
157
|
};
|
|
158
|
-
/**
|
|
159
|
-
* @since 1.4.0
|
|
158
|
+
/**
|
|
159
|
+
* @since 1.4.0
|
|
160
160
|
*/
|
|
161
161
|
|
|
162
162
|
|