@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
|
@@ -10,8 +10,8 @@ import classNames from 'classnames';
|
|
|
10
10
|
import { CLS_PREFIX } from '../../constants';
|
|
11
11
|
import PopperJs from 'popper.js';
|
|
12
12
|
import Layer from '../Layer';
|
|
13
|
-
/**
|
|
14
|
-
* `Popper` component.
|
|
13
|
+
/**
|
|
14
|
+
* `Popper` component.
|
|
15
15
|
*/
|
|
16
16
|
|
|
17
17
|
class Popper extends Component {
|
|
@@ -191,75 +191,75 @@ class Popper extends Component {
|
|
|
191
191
|
}
|
|
192
192
|
|
|
193
193
|
Popper.propTypes = {
|
|
194
|
-
/**
|
|
195
|
-
* Whether show popper content.
|
|
194
|
+
/**
|
|
195
|
+
* Whether show popper content.
|
|
196
196
|
*/
|
|
197
197
|
show: PropTypes.bool,
|
|
198
198
|
|
|
199
|
-
/**
|
|
200
|
-
* Content of the `Popper`.
|
|
199
|
+
/**
|
|
200
|
+
* Content of the `Popper`.
|
|
201
201
|
*/
|
|
202
202
|
children: PropTypes.node,
|
|
203
203
|
|
|
204
|
-
/**
|
|
205
|
-
* Target for popper.
|
|
204
|
+
/**
|
|
205
|
+
* Target for popper.
|
|
206
206
|
*/
|
|
207
207
|
target: PropTypes.any.isRequired,
|
|
208
208
|
|
|
209
|
-
/**
|
|
210
|
-
* A React reference to the DOM element that needs for calculating the position of the popup.
|
|
209
|
+
/**
|
|
210
|
+
* A React reference to the DOM element that needs for calculating the position of the popup.
|
|
211
211
|
*/
|
|
212
212
|
targetRef: PropTypes.oneOfType([PropTypes.func, PropTypes.shape({
|
|
213
213
|
current: PropTypes.instanceOf(HTMLElement)
|
|
214
214
|
})]),
|
|
215
215
|
|
|
216
|
-
/**
|
|
217
|
-
* Arrow element of popper
|
|
216
|
+
/**
|
|
217
|
+
* Arrow element of popper
|
|
218
218
|
*/
|
|
219
219
|
arrow: PropTypes.element,
|
|
220
220
|
|
|
221
|
-
/**
|
|
222
|
-
* Placement for popper.
|
|
221
|
+
/**
|
|
222
|
+
* Placement for popper.
|
|
223
223
|
*/
|
|
224
224
|
placement: PropTypes.oneOf(['auto', 'auto-start', 'auto-end', 'auto-top', 'auto-right', 'auto-bottom', 'auto-left', 'top', 'top-start', 'top-end', 'right', 'right-start', 'right-end', 'bottom', 'bottom-start', 'bottom-end', 'left', 'left-start', 'left-end']),
|
|
225
225
|
|
|
226
|
-
/**
|
|
227
|
-
* The behavior used to change the popper's placement.
|
|
226
|
+
/**
|
|
227
|
+
* The behavior used to change the popper's placement.
|
|
228
228
|
*/
|
|
229
229
|
behavior: PropTypes.oneOfType([PropTypes.oneOf(['flip', 'clockwise', 'counterclockwise']), PropTypes.arrayOf(PropTypes.string)]),
|
|
230
230
|
|
|
231
|
-
/**
|
|
232
|
-
* Shift your popper on both axis.
|
|
231
|
+
/**
|
|
232
|
+
* Shift your popper on both axis.
|
|
233
233
|
*/
|
|
234
234
|
offset: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
|
|
235
235
|
|
|
236
|
-
/**
|
|
237
|
-
* Update callback function
|
|
236
|
+
/**
|
|
237
|
+
* Update callback function
|
|
238
238
|
*/
|
|
239
239
|
onUpdate: PropTypes.func,
|
|
240
240
|
|
|
241
|
-
/**
|
|
242
|
-
* @ignore
|
|
241
|
+
/**
|
|
242
|
+
* @ignore
|
|
243
243
|
*/
|
|
244
244
|
className: PropTypes.string,
|
|
245
245
|
|
|
246
|
-
/**
|
|
247
|
-
* @ignore
|
|
246
|
+
/**
|
|
247
|
+
* @ignore
|
|
248
248
|
*/
|
|
249
249
|
baseClassName: PropTypes.string,
|
|
250
250
|
|
|
251
|
-
/**
|
|
252
|
-
* zIndex value.
|
|
251
|
+
/**
|
|
252
|
+
* zIndex value.
|
|
253
253
|
*/
|
|
254
254
|
zIndex: PropTypes.oneOfType([PropTypes.number, PropTypes.string]),
|
|
255
255
|
|
|
256
|
-
/**
|
|
257
|
-
* Boundaries element for preventOverflow property.
|
|
256
|
+
/**
|
|
257
|
+
* Boundaries element for preventOverflow property.
|
|
258
258
|
*/
|
|
259
259
|
boundariesElement: PropTypes.oneOfType([PropTypes.oneOf(['scrollParent', 'window', 'viewport']), PropTypes.instanceOf(HTMLElement)]),
|
|
260
260
|
|
|
261
|
-
/**
|
|
262
|
-
* @ignore
|
|
261
|
+
/**
|
|
262
|
+
* @ignore
|
|
263
263
|
*/
|
|
264
264
|
style: PropTypes.object
|
|
265
265
|
};
|
|
@@ -24,10 +24,10 @@ const getVertical = (props, verticalContext) => {
|
|
|
24
24
|
|
|
25
25
|
return undefined;
|
|
26
26
|
};
|
|
27
|
-
/**
|
|
28
|
-
* `Section` component is used for dividing of complex content into groups for better readability
|
|
29
|
-
* and comprehension of the presented information.
|
|
30
|
-
* @since 0.0.54
|
|
27
|
+
/**
|
|
28
|
+
* `Section` component is used for dividing of complex content into groups for better readability
|
|
29
|
+
* and comprehension of the presented information.
|
|
30
|
+
* @since 0.0.54
|
|
31
31
|
*/
|
|
32
32
|
|
|
33
33
|
|
|
@@ -202,68 +202,68 @@ class Section extends Component {
|
|
|
202
202
|
}
|
|
203
203
|
|
|
204
204
|
Section.propTypes = {
|
|
205
|
-
/**
|
|
206
|
-
* Title of the section.
|
|
207
|
-
* @since 0.0.54
|
|
205
|
+
/**
|
|
206
|
+
* Title of the section.
|
|
207
|
+
* @since 0.0.54
|
|
208
208
|
*/
|
|
209
209
|
title: PropTypes.node,
|
|
210
210
|
|
|
211
|
-
/**
|
|
212
|
-
* Visual intent color to apply to component.
|
|
213
|
-
* @since 0.0.54
|
|
211
|
+
/**
|
|
212
|
+
* Visual intent color to apply to component.
|
|
213
|
+
* @since 0.0.54
|
|
214
214
|
*/
|
|
215
215
|
intent: PropTypes.oneOf(['danger', 'warning', 'success', 'inactive']),
|
|
216
216
|
|
|
217
|
-
/**
|
|
218
|
-
* Is section collapsible.
|
|
219
|
-
* @since 0.0.54
|
|
217
|
+
/**
|
|
218
|
+
* Is section collapsible.
|
|
219
|
+
* @since 0.0.54
|
|
220
220
|
*/
|
|
221
221
|
collapsible: PropTypes.bool,
|
|
222
222
|
|
|
223
|
-
/**
|
|
224
|
-
* Is section collapsed now.
|
|
225
|
-
* @since 0.0.54
|
|
223
|
+
/**
|
|
224
|
+
* Is section collapsed now.
|
|
225
|
+
* @since 0.0.54
|
|
226
226
|
*/
|
|
227
227
|
collapsed: PropTypes.bool,
|
|
228
228
|
|
|
229
|
-
/**
|
|
230
|
-
* Event handler of title change with inline editing form.
|
|
231
|
-
* @since 0.0.54
|
|
229
|
+
/**
|
|
230
|
+
* Event handler of title change with inline editing form.
|
|
231
|
+
* @since 0.0.54
|
|
232
232
|
*/
|
|
233
233
|
onTitleChange: PropTypes.func,
|
|
234
234
|
|
|
235
|
-
/**
|
|
236
|
-
* Event handler of closing section with X-sign at the right.
|
|
237
|
-
* @since 0.0.54
|
|
235
|
+
/**
|
|
236
|
+
* Event handler of closing section with X-sign at the right.
|
|
237
|
+
* @since 0.0.54
|
|
238
238
|
*/
|
|
239
239
|
onClose: PropTypes.func,
|
|
240
240
|
|
|
241
|
-
/**
|
|
242
|
-
* Array of custom section action button at the right.
|
|
243
|
-
* @since 0.0.54
|
|
241
|
+
/**
|
|
242
|
+
* Array of custom section action button at the right.
|
|
243
|
+
* @since 0.0.54
|
|
244
244
|
*/
|
|
245
245
|
buttons: PropTypes.arrayOf(PropTypes.element),
|
|
246
246
|
|
|
247
|
-
/**
|
|
248
|
-
* Vertical or horizontal section view.
|
|
249
|
-
* Section view will be automatically switched if this parameter is not specified explicitly.
|
|
250
|
-
* @since 0.3.0
|
|
247
|
+
/**
|
|
248
|
+
* Vertical or horizontal section view.
|
|
249
|
+
* Section view will be automatically switched if this parameter is not specified explicitly.
|
|
250
|
+
* @since 0.3.0
|
|
251
251
|
*/
|
|
252
252
|
vertical: PropTypes.bool,
|
|
253
253
|
|
|
254
|
-
/**
|
|
255
|
-
* Content of the `Section`.
|
|
256
|
-
* @since 0.0.54
|
|
254
|
+
/**
|
|
255
|
+
* Content of the `Section`.
|
|
256
|
+
* @since 0.0.54
|
|
257
257
|
*/
|
|
258
258
|
children: PropTypes.node,
|
|
259
259
|
|
|
260
|
-
/**
|
|
261
|
-
* @ignore
|
|
260
|
+
/**
|
|
261
|
+
* @ignore
|
|
262
262
|
*/
|
|
263
263
|
className: PropTypes.string,
|
|
264
264
|
|
|
265
|
-
/**
|
|
266
|
-
* @ignore
|
|
265
|
+
/**
|
|
266
|
+
* @ignore
|
|
267
267
|
*/
|
|
268
268
|
baseClassName: PropTypes.string
|
|
269
269
|
};
|
|
@@ -95,9 +95,9 @@ const getNextValue = (value, prevValue) => {
|
|
|
95
95
|
return value;
|
|
96
96
|
};
|
|
97
97
|
|
|
98
|
-
/**
|
|
99
|
-
* `Select` component is used for making a choice among a set of related options.
|
|
100
|
-
* @since 2.3.0
|
|
98
|
+
/**
|
|
99
|
+
* `Select` component is used for making a choice among a set of related options.
|
|
100
|
+
* @since 2.3.0
|
|
101
101
|
*/
|
|
102
102
|
const Select = ({
|
|
103
103
|
id,
|
|
@@ -228,7 +228,7 @@ const SelectControl = /*#__PURE__*/forwardRef(function SelectControl({
|
|
|
228
228
|
"aria-hidden": "true",
|
|
229
229
|
focusable: "false"
|
|
230
230
|
}, /*#__PURE__*/React.createElement("path", {
|
|
231
|
-
d: "M.85 7.854a.498.498 0 1 1-.704-.704L3.296 4 .146.85A.498.498 0 0 1 .85.146L4 3.296 7.15.146a.498.498 0 0 1 .704.704L4.704 4l3.15 3.15a.498.498 0 0 1-.704.704L4 4.704.85 7.854z"
|
|
231
|
+
d: "M.85 7.854a.498.498 0 1 1-.704-.704L3.296 4 .146.85A.498.498 0 0 1 .85.146L4 3.296 7.15.146a.498.498 0 0 1\r .704.704L4.704 4l3.15 3.15a.498.498 0 0 1-.704.704L4 4.704.85 7.854z"
|
|
232
232
|
})))), /*#__PURE__*/React.createElement("button", {
|
|
233
233
|
type: "button",
|
|
234
234
|
className: classNames("".concat(baseClassName, "__indicator"), "".concat(baseClassName, "__indicator--dropdown")),
|
|
@@ -3,13 +3,13 @@
|
|
|
3
3
|
/* eslint-disable react/no-unused-prop-types */
|
|
4
4
|
import React from 'react';
|
|
5
5
|
import PropTypes from 'prop-types';
|
|
6
|
-
/**
|
|
7
|
-
* `Tab` is an individual element of the [Tabs](#!/Tabs) component.
|
|
8
|
-
*
|
|
9
|
-
* Each `Tab` can display an icon near the tab name for easier identification.
|
|
10
|
-
* It can also display a [Label](#!/Label) next to the tab name for showing additional information about its content.
|
|
11
|
-
* You can make `Tabs` closeable, for example, if you are using them for opening and displaying files.
|
|
12
|
-
* @since 0.0.35
|
|
6
|
+
/**
|
|
7
|
+
* `Tab` is an individual element of the [Tabs](#!/Tabs) component.
|
|
8
|
+
*
|
|
9
|
+
* Each `Tab` can display an icon near the tab name for easier identification.
|
|
10
|
+
* It can also display a [Label](#!/Label) next to the tab name for showing additional information about its content.
|
|
11
|
+
* You can make `Tabs` closeable, for example, if you are using them for opening and displaying files.
|
|
12
|
+
* @since 0.0.35
|
|
13
13
|
*/
|
|
14
14
|
|
|
15
15
|
const Tab = ({
|
|
@@ -17,45 +17,45 @@ const Tab = ({
|
|
|
17
17
|
}) => /*#__PURE__*/React.createElement("div", null, children);
|
|
18
18
|
|
|
19
19
|
Tab.propTypes = {
|
|
20
|
-
/**
|
|
21
|
-
* Tab title
|
|
22
|
-
* @since 0.0.35
|
|
20
|
+
/**
|
|
21
|
+
* Tab title
|
|
22
|
+
* @since 0.0.35
|
|
23
23
|
*/
|
|
24
24
|
title: PropTypes.node.isRequired,
|
|
25
25
|
|
|
26
|
-
/**
|
|
27
|
-
* Label in tab title
|
|
28
|
-
* @since 0.0.42
|
|
26
|
+
/**
|
|
27
|
+
* Label in tab title
|
|
28
|
+
* @since 0.0.42
|
|
29
29
|
*/
|
|
30
30
|
label: PropTypes.oneOfType([PropTypes.string, PropTypes.element]),
|
|
31
31
|
|
|
32
|
-
/**
|
|
33
|
-
* Name of icon or Icon component for tab
|
|
34
|
-
* @since 0.0.42
|
|
32
|
+
/**
|
|
33
|
+
* Name of icon or Icon component for tab
|
|
34
|
+
* @since 0.0.42
|
|
35
35
|
*/
|
|
36
36
|
icon: PropTypes.oneOfType([PropTypes.string, PropTypes.object, PropTypes.element]),
|
|
37
37
|
|
|
38
|
-
/**
|
|
39
|
-
* Activate callback.
|
|
40
|
-
* @since 0.0.43
|
|
38
|
+
/**
|
|
39
|
+
* Activate callback.
|
|
40
|
+
* @since 0.0.43
|
|
41
41
|
*/
|
|
42
42
|
onActivate: PropTypes.func,
|
|
43
43
|
|
|
44
|
-
/**
|
|
45
|
-
* Close callback
|
|
46
|
-
* @since 0.0.58
|
|
44
|
+
/**
|
|
45
|
+
* Close callback
|
|
46
|
+
* @since 0.0.58
|
|
47
47
|
*/
|
|
48
48
|
onClose: PropTypes.func,
|
|
49
49
|
|
|
50
|
-
/**
|
|
51
|
-
* Component to render as the root element.
|
|
52
|
-
* @since 2.5.1
|
|
50
|
+
/**
|
|
51
|
+
* Component to render as the root element.
|
|
52
|
+
* @since 2.5.1
|
|
53
53
|
*/
|
|
54
54
|
component: PropTypes.elementType,
|
|
55
55
|
|
|
56
|
-
/**
|
|
57
|
-
* Tab content
|
|
58
|
-
* @since 0.0.47
|
|
56
|
+
/**
|
|
57
|
+
* Tab content
|
|
58
|
+
* @since 0.0.47
|
|
59
59
|
*/
|
|
60
60
|
children: PropTypes.node
|
|
61
61
|
};
|
|
@@ -17,12 +17,12 @@ import ResponsiveContext from '../ResponsiveContext';
|
|
|
17
17
|
const ADDON_LEFT_PADDING = 5;
|
|
18
18
|
const MIN_ADDON_WIDTH_DEFAULT = 150;
|
|
19
19
|
const COLLAPSED_SEARCH_WIDTH = 60;
|
|
20
|
-
/**
|
|
21
|
-
* `Tabs` component is a content area with a group of individual [Tab](#!/Tab) elements, each displaying different content
|
|
22
|
-
* in the same screen area. `Tabs` are used when you have too much content to display in one place at the same time, so
|
|
23
|
-
* the content is broken into logical groups and each group is displayed under its own [Tab](#!/Tab) that serves both as a
|
|
24
|
-
* group name and a navigation button.
|
|
25
|
-
* @since 0.0.35
|
|
20
|
+
/**
|
|
21
|
+
* `Tabs` component is a content area with a group of individual [Tab](#!/Tab) elements, each displaying different content
|
|
22
|
+
* in the same screen area. `Tabs` are used when you have too much content to display in one place at the same time, so
|
|
23
|
+
* the content is broken into logical groups and each group is displayed under its own [Tab](#!/Tab) that serves both as a
|
|
24
|
+
* group name and a navigation button.
|
|
25
|
+
* @since 0.0.35
|
|
26
26
|
*/
|
|
27
27
|
|
|
28
28
|
class Tabs extends Component {
|
|
@@ -590,57 +590,57 @@ class Tabs extends Component {
|
|
|
590
590
|
}
|
|
591
591
|
|
|
592
592
|
Tabs.propTypes = {
|
|
593
|
-
/**
|
|
594
|
-
* Number of active tab
|
|
595
|
-
* @since 0.0.35
|
|
593
|
+
/**
|
|
594
|
+
* Number of active tab
|
|
595
|
+
* @since 0.0.35
|
|
596
596
|
*/
|
|
597
597
|
active: PropTypes.number,
|
|
598
598
|
|
|
599
|
-
/**
|
|
600
|
-
* Addon for search bar, dropdown etc.
|
|
601
|
-
* @since 0.0.58
|
|
599
|
+
/**
|
|
600
|
+
* Addon for search bar, dropdown etc.
|
|
601
|
+
* @since 0.0.58
|
|
602
602
|
*/
|
|
603
603
|
addon: PropTypes.element,
|
|
604
604
|
|
|
605
|
-
/**
|
|
606
|
-
* Placeholder for search bar, dropdown etc.
|
|
607
|
-
*
|
|
608
|
-
* @deprecated Do not use! Use `addon` instead!
|
|
609
|
-
* @since 0.0.42
|
|
605
|
+
/**
|
|
606
|
+
* Placeholder for search bar, dropdown etc.
|
|
607
|
+
*
|
|
608
|
+
* @deprecated Do not use! Use `addon` instead!
|
|
609
|
+
* @since 0.0.42
|
|
610
610
|
*/
|
|
611
611
|
placeholder: PropTypes.element,
|
|
612
612
|
|
|
613
|
-
/**
|
|
614
|
-
* Minimum add-on width in pixels
|
|
615
|
-
* @since 0.0.58
|
|
613
|
+
/**
|
|
614
|
+
* Minimum add-on width in pixels
|
|
615
|
+
* @since 0.0.58
|
|
616
616
|
*/
|
|
617
617
|
addonMinWidth: PropTypes.number,
|
|
618
618
|
|
|
619
|
-
/**
|
|
620
|
-
* Monospaced version of tabs (all visible tabs as wide as widest of them)
|
|
621
|
-
* @since 0.0.58
|
|
619
|
+
/**
|
|
620
|
+
* Monospaced version of tabs (all visible tabs as wide as widest of them)
|
|
621
|
+
* @since 0.0.58
|
|
622
622
|
*/
|
|
623
623
|
monospaced: PropTypes.bool,
|
|
624
624
|
|
|
625
|
-
/**
|
|
626
|
-
* [SearchBar](#!/SearchBar) element
|
|
627
|
-
* @since 0.0.58
|
|
625
|
+
/**
|
|
626
|
+
* [SearchBar](#!/SearchBar) element
|
|
627
|
+
* @since 0.0.58
|
|
628
628
|
*/
|
|
629
629
|
search: PropTypes.element,
|
|
630
630
|
|
|
631
|
-
/**
|
|
632
|
-
* [Tabs](#!/Tab)
|
|
633
|
-
* @since 0.0.47
|
|
631
|
+
/**
|
|
632
|
+
* [Tabs](#!/Tab)
|
|
633
|
+
* @since 0.0.47
|
|
634
634
|
*/
|
|
635
635
|
children: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.element), PropTypes.element]),
|
|
636
636
|
|
|
637
|
-
/**
|
|
638
|
-
* @ignore
|
|
637
|
+
/**
|
|
638
|
+
* @ignore
|
|
639
639
|
*/
|
|
640
640
|
className: PropTypes.string,
|
|
641
641
|
|
|
642
|
-
/**
|
|
643
|
-
* @ignore
|
|
642
|
+
/**
|
|
643
|
+
* @ignore
|
|
644
644
|
*/
|
|
645
645
|
baseClassName: PropTypes.string
|
|
646
646
|
};
|
|
@@ -20,9 +20,9 @@ export const isLikeText = node => {
|
|
|
20
20
|
|
|
21
21
|
return false;
|
|
22
22
|
};
|
|
23
|
-
/**
|
|
24
|
-
* `Translate` component.
|
|
25
|
-
* @since 0.0.42
|
|
23
|
+
/**
|
|
24
|
+
* `Translate` component.
|
|
25
|
+
* @since 0.0.42
|
|
26
26
|
*/
|
|
27
27
|
|
|
28
28
|
const Translate = ({
|
|
@@ -62,49 +62,49 @@ const Translate = ({
|
|
|
62
62
|
};
|
|
63
63
|
|
|
64
64
|
Translate.propTypes = {
|
|
65
|
-
/**
|
|
66
|
-
* A some prefix for the message key.
|
|
67
|
-
* @since 2.6.0
|
|
65
|
+
/**
|
|
66
|
+
* A some prefix for the message key.
|
|
67
|
+
* @since 2.6.0
|
|
68
68
|
*/
|
|
69
69
|
namespace: PropTypes.string,
|
|
70
70
|
|
|
71
|
-
/**
|
|
72
|
-
* Translatable content or message key.
|
|
73
|
-
* @since 0.0.42
|
|
71
|
+
/**
|
|
72
|
+
* Translatable content or message key.
|
|
73
|
+
* @since 0.0.42
|
|
74
74
|
*/
|
|
75
75
|
content: PropTypes.string,
|
|
76
76
|
|
|
77
|
-
/**
|
|
78
|
-
* Message params
|
|
79
|
-
* @since 0.0.42
|
|
77
|
+
/**
|
|
78
|
+
* Message params
|
|
79
|
+
* @since 0.0.42
|
|
80
80
|
*/
|
|
81
81
|
params: PropTypes.object,
|
|
82
82
|
|
|
83
|
-
/**
|
|
84
|
-
* Fallback translation value.
|
|
85
|
-
* @since 0.0.47
|
|
83
|
+
/**
|
|
84
|
+
* Fallback translation value.
|
|
85
|
+
* @since 0.0.47
|
|
86
86
|
*/
|
|
87
87
|
fallback: PropTypes.string,
|
|
88
88
|
|
|
89
|
-
/**
|
|
90
|
-
* Component to render as the root element. Useful when rendering a `Translate` as `<option>`.
|
|
91
|
-
* @since 0.0.42
|
|
89
|
+
/**
|
|
90
|
+
* Component to render as the root element. Useful when rendering a `Translate` as `<option>`.
|
|
91
|
+
* @since 0.0.42
|
|
92
92
|
*/
|
|
93
93
|
component: PropTypes.elementType,
|
|
94
94
|
|
|
95
|
-
/**
|
|
96
|
-
* A set of translation messages. If the set contains a message key, the component uses an item from the set for rendering.
|
|
97
|
-
* @ignore
|
|
95
|
+
/**
|
|
96
|
+
* A set of translation messages. If the set contains a message key, the component uses an item from the set for rendering.
|
|
97
|
+
* @ignore
|
|
98
98
|
*/
|
|
99
99
|
translators: PropTypes.objectOf(PropTypes.oneOfType([PropTypes.func, PropTypes.node])),
|
|
100
100
|
|
|
101
|
-
/**
|
|
102
|
-
* @ignore
|
|
101
|
+
/**
|
|
102
|
+
* @ignore
|
|
103
103
|
*/
|
|
104
104
|
unsafe: PropTypes.bool,
|
|
105
105
|
|
|
106
|
-
/**
|
|
107
|
-
* @ignore
|
|
106
|
+
/**
|
|
107
|
+
* @ignore
|
|
108
108
|
*/
|
|
109
109
|
children: PropTypes.string
|
|
110
110
|
};
|
package/esm/index.js
CHANGED