@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.
Files changed (72) hide show
  1. package/README.md +35 -35
  2. package/cjs/components/Action/Action.js +3 -3
  3. package/cjs/components/Button/Button.js +50 -50
  4. package/cjs/components/Checkbox/Checkbox.js +3 -3
  5. package/cjs/components/CodeEditor/CodeEditor.js +40 -40
  6. package/cjs/components/Dialog/Dialog.js +63 -63
  7. package/cjs/components/Drawer/Drawer.js +68 -68
  8. package/cjs/components/Form/Form.js +4 -4
  9. package/cjs/components/FormField/FormField.js +78 -78
  10. package/cjs/components/FormFieldCheckbox/FormFieldCheckbox.js +26 -26
  11. package/cjs/components/FormFieldPassword/FormFieldPassword.js +34 -34
  12. package/cjs/components/FormFieldRadioButtons/FormFieldRadioButtons.js +3 -1
  13. package/cjs/components/Icon/Icon.js +6 -6
  14. package/cjs/components/Icon/images/symbols.svg +1631 -1631
  15. package/cjs/components/InputNumber/InputNumber.js +3 -3
  16. package/cjs/components/Item/Item.js +38 -38
  17. package/cjs/components/ItemList/ItemList.js +4 -4
  18. package/cjs/components/Layout/Layout.js +55 -55
  19. package/cjs/components/List/List.js +133 -133
  20. package/cjs/components/Menu/MenuBaseItem.js +19 -19
  21. package/cjs/components/Overlay/Overlay.js +34 -34
  22. package/cjs/components/Pagination/Pagination.js +3 -3
  23. package/cjs/components/Popper/Popper.js +30 -30
  24. package/cjs/components/Section/Section.js +36 -36
  25. package/cjs/components/Select/Select.js +3 -3
  26. package/cjs/components/Select/SelectControl.js +1 -1
  27. package/cjs/components/Tabs/Tab.js +28 -28
  28. package/cjs/components/Tabs/Tabs.js +33 -33
  29. package/cjs/components/Translate/Translate.js +25 -25
  30. package/cjs/index.js +1 -1
  31. package/dist/images/symbols.svg +1631 -1631
  32. package/dist/plesk-ui-library-rtl.css.map +1 -1
  33. package/dist/plesk-ui-library.css.map +1 -1
  34. package/dist/plesk-ui-library.js +825 -823
  35. package/dist/plesk-ui-library.js.map +1 -1
  36. package/dist/plesk-ui-library.min.js +825 -823
  37. package/dist/plesk-ui-library.min.js.map +1 -1
  38. package/esm/components/Action/Action.js +3 -3
  39. package/esm/components/Button/Button.js +50 -50
  40. package/esm/components/Checkbox/Checkbox.js +3 -3
  41. package/esm/components/CodeEditor/CodeEditor.js +40 -40
  42. package/esm/components/Dialog/Dialog.js +63 -63
  43. package/esm/components/Drawer/Drawer.js +68 -68
  44. package/esm/components/Form/Form.js +4 -4
  45. package/esm/components/FormField/FormField.js +78 -78
  46. package/esm/components/FormFieldCheckbox/FormFieldCheckbox.js +26 -26
  47. package/esm/components/FormFieldPassword/FormFieldPassword.js +34 -34
  48. package/esm/components/FormFieldRadioButtons/FormFieldRadioButtons.js +3 -1
  49. package/esm/components/Icon/Icon.js +6 -6
  50. package/esm/components/Icon/images/symbols.svg +1631 -1631
  51. package/esm/components/InputNumber/InputNumber.js +3 -3
  52. package/esm/components/Item/Item.js +38 -38
  53. package/esm/components/ItemList/ItemList.js +4 -4
  54. package/esm/components/Layout/Layout.js +55 -55
  55. package/esm/components/List/List.js +133 -133
  56. package/esm/components/Menu/MenuBaseItem.js +19 -19
  57. package/esm/components/Overlay/Overlay.js +34 -34
  58. package/esm/components/Pagination/Pagination.js +3 -3
  59. package/esm/components/Popper/Popper.js +30 -30
  60. package/esm/components/Section/Section.js +36 -36
  61. package/esm/components/Select/Select.js +3 -3
  62. package/esm/components/Select/SelectControl.js +1 -1
  63. package/esm/components/Tabs/Tab.js +28 -28
  64. package/esm/components/Tabs/Tabs.js +33 -33
  65. package/esm/components/Translate/Translate.js +25 -25
  66. package/esm/index.js +1 -1
  67. package/package.json +145 -145
  68. package/styleguide/build/bundle.cef4705c.js +2 -0
  69. package/styleguide/build/{bundle.47dacd83.js.LICENSE.txt → bundle.cef4705c.js.LICENSE.txt} +0 -0
  70. package/styleguide/images/symbols.svg +1631 -1631
  71. package/styleguide/index.html +2 -2
  72. package/styleguide/build/bundle.47dacd83.js +0 -2
@@ -31,8 +31,8 @@ var _Layer = _interopRequireDefault(require("../Layer"));
31
31
 
32
32
  /* eslint-disable react/no-deprecated */
33
33
 
34
- /**
35
- * `Popper` component.
34
+ /**
35
+ * `Popper` component.
36
36
  */
37
37
  class Popper extends _react.Component {
38
38
  constructor(...args) {
@@ -207,75 +207,75 @@ class Popper extends _react.Component {
207
207
  }
208
208
 
209
209
  Popper.propTypes = {
210
- /**
211
- * Whether show popper content.
210
+ /**
211
+ * Whether show popper content.
212
212
  */
213
213
  show: _propTypes.default.bool,
214
214
 
215
- /**
216
- * Content of the `Popper`.
215
+ /**
216
+ * Content of the `Popper`.
217
217
  */
218
218
  children: _propTypes.default.node,
219
219
 
220
- /**
221
- * Target for popper.
220
+ /**
221
+ * Target for popper.
222
222
  */
223
223
  target: _propTypes.default.any.isRequired,
224
224
 
225
- /**
226
- * A React reference to the DOM element that needs for calculating the position of the popup.
225
+ /**
226
+ * A React reference to the DOM element that needs for calculating the position of the popup.
227
227
  */
228
228
  targetRef: _propTypes.default.oneOfType([_propTypes.default.func, _propTypes.default.shape({
229
229
  current: _propTypes.default.instanceOf(HTMLElement)
230
230
  })]),
231
231
 
232
- /**
233
- * Arrow element of popper
232
+ /**
233
+ * Arrow element of popper
234
234
  */
235
235
  arrow: _propTypes.default.element,
236
236
 
237
- /**
238
- * Placement for popper.
237
+ /**
238
+ * Placement for popper.
239
239
  */
240
240
  placement: _propTypes.default.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']),
241
241
 
242
- /**
243
- * The behavior used to change the popper's placement.
242
+ /**
243
+ * The behavior used to change the popper's placement.
244
244
  */
245
245
  behavior: _propTypes.default.oneOfType([_propTypes.default.oneOf(['flip', 'clockwise', 'counterclockwise']), _propTypes.default.arrayOf(_propTypes.default.string)]),
246
246
 
247
- /**
248
- * Shift your popper on both axis.
247
+ /**
248
+ * Shift your popper on both axis.
249
249
  */
250
250
  offset: _propTypes.default.oneOfType([_propTypes.default.string, _propTypes.default.number]),
251
251
 
252
- /**
253
- * Update callback function
252
+ /**
253
+ * Update callback function
254
254
  */
255
255
  onUpdate: _propTypes.default.func,
256
256
 
257
- /**
258
- * @ignore
257
+ /**
258
+ * @ignore
259
259
  */
260
260
  className: _propTypes.default.string,
261
261
 
262
- /**
263
- * @ignore
262
+ /**
263
+ * @ignore
264
264
  */
265
265
  baseClassName: _propTypes.default.string,
266
266
 
267
- /**
268
- * zIndex value.
267
+ /**
268
+ * zIndex value.
269
269
  */
270
270
  zIndex: _propTypes.default.oneOfType([_propTypes.default.number, _propTypes.default.string]),
271
271
 
272
- /**
273
- * Boundaries element for preventOverflow property.
272
+ /**
273
+ * Boundaries element for preventOverflow property.
274
274
  */
275
275
  boundariesElement: _propTypes.default.oneOfType([_propTypes.default.oneOf(['scrollParent', 'window', 'viewport']), _propTypes.default.instanceOf(HTMLElement)]),
276
276
 
277
- /**
278
- * @ignore
277
+ /**
278
+ * @ignore
279
279
  */
280
280
  style: _propTypes.default.object
281
281
  };
@@ -45,10 +45,10 @@ const getVertical = (props, verticalContext) => {
45
45
 
46
46
  return undefined;
47
47
  };
48
- /**
49
- * `Section` component is used for dividing of complex content into groups for better readability
50
- * and comprehension of the presented information.
51
- * @since 0.0.54
48
+ /**
49
+ * `Section` component is used for dividing of complex content into groups for better readability
50
+ * and comprehension of the presented information.
51
+ * @since 0.0.54
52
52
  */
53
53
 
54
54
 
@@ -220,68 +220,68 @@ class Section extends _react.Component {
220
220
  }
221
221
 
222
222
  Section.propTypes = {
223
- /**
224
- * Title of the section.
225
- * @since 0.0.54
223
+ /**
224
+ * Title of the section.
225
+ * @since 0.0.54
226
226
  */
227
227
  title: _propTypes.default.node,
228
228
 
229
- /**
230
- * Visual intent color to apply to component.
231
- * @since 0.0.54
229
+ /**
230
+ * Visual intent color to apply to component.
231
+ * @since 0.0.54
232
232
  */
233
233
  intent: _propTypes.default.oneOf(['danger', 'warning', 'success', 'inactive']),
234
234
 
235
- /**
236
- * Is section collapsible.
237
- * @since 0.0.54
235
+ /**
236
+ * Is section collapsible.
237
+ * @since 0.0.54
238
238
  */
239
239
  collapsible: _propTypes.default.bool,
240
240
 
241
- /**
242
- * Is section collapsed now.
243
- * @since 0.0.54
241
+ /**
242
+ * Is section collapsed now.
243
+ * @since 0.0.54
244
244
  */
245
245
  collapsed: _propTypes.default.bool,
246
246
 
247
- /**
248
- * Event handler of title change with inline editing form.
249
- * @since 0.0.54
247
+ /**
248
+ * Event handler of title change with inline editing form.
249
+ * @since 0.0.54
250
250
  */
251
251
  onTitleChange: _propTypes.default.func,
252
252
 
253
- /**
254
- * Event handler of closing section with X-sign at the right.
255
- * @since 0.0.54
253
+ /**
254
+ * Event handler of closing section with X-sign at the right.
255
+ * @since 0.0.54
256
256
  */
257
257
  onClose: _propTypes.default.func,
258
258
 
259
- /**
260
- * Array of custom section action button at the right.
261
- * @since 0.0.54
259
+ /**
260
+ * Array of custom section action button at the right.
261
+ * @since 0.0.54
262
262
  */
263
263
  buttons: _propTypes.default.arrayOf(_propTypes.default.element),
264
264
 
265
- /**
266
- * Vertical or horizontal section view.
267
- * Section view will be automatically switched if this parameter is not specified explicitly.
268
- * @since 0.3.0
265
+ /**
266
+ * Vertical or horizontal section view.
267
+ * Section view will be automatically switched if this parameter is not specified explicitly.
268
+ * @since 0.3.0
269
269
  */
270
270
  vertical: _propTypes.default.bool,
271
271
 
272
- /**
273
- * Content of the `Section`.
274
- * @since 0.0.54
272
+ /**
273
+ * Content of the `Section`.
274
+ * @since 0.0.54
275
275
  */
276
276
  children: _propTypes.default.node,
277
277
 
278
- /**
279
- * @ignore
278
+ /**
279
+ * @ignore
280
280
  */
281
281
  className: _propTypes.default.string,
282
282
 
283
- /**
284
- * @ignore
283
+ /**
284
+ * @ignore
285
285
  */
286
286
  baseClassName: _propTypes.default.string
287
287
  };
@@ -116,9 +116,9 @@ const getNextValue = (value, prevValue) => {
116
116
  return value;
117
117
  };
118
118
 
119
- /**
120
- * `Select` component is used for making a choice among a set of related options.
121
- * @since 2.3.0
119
+ /**
120
+ * `Select` component is used for making a choice among a set of related options.
121
+ * @since 2.3.0
122
122
  */
123
123
  const Select = ({
124
124
  id,
@@ -246,7 +246,7 @@ const SelectControl = /*#__PURE__*/(0, _react.forwardRef)(function SelectControl
246
246
  "aria-hidden": "true",
247
247
  focusable: "false"
248
248
  }, /*#__PURE__*/_react.default.createElement("path", {
249
- 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"
249
+ 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"
250
250
  })))), /*#__PURE__*/_react.default.createElement("button", {
251
251
  type: "button",
252
252
  className: (0, _classnames.default)("".concat(baseClassName, "__indicator"), "".concat(baseClassName, "__indicator--dropdown")),
@@ -15,58 +15,58 @@ var _propTypes = _interopRequireDefault(require("prop-types"));
15
15
 
16
16
  /* eslint-disable react/no-unused-prop-types */
17
17
 
18
- /**
19
- * `Tab` is an individual element of the [Tabs](#!/Tabs) component.
20
- *
21
- * Each `Tab` can display an icon near the tab name for easier identification.
22
- * It can also display a [Label](#!/Label) next to the tab name for showing additional information about its content.
23
- * You can make `Tabs` closeable, for example, if you are using them for opening and displaying files.
24
- * @since 0.0.35
18
+ /**
19
+ * `Tab` is an individual element of the [Tabs](#!/Tabs) component.
20
+ *
21
+ * Each `Tab` can display an icon near the tab name for easier identification.
22
+ * It can also display a [Label](#!/Label) next to the tab name for showing additional information about its content.
23
+ * You can make `Tabs` closeable, for example, if you are using them for opening and displaying files.
24
+ * @since 0.0.35
25
25
  */
26
26
  const Tab = ({
27
27
  children
28
28
  }) => /*#__PURE__*/_react.default.createElement("div", null, children);
29
29
 
30
30
  Tab.propTypes = {
31
- /**
32
- * Tab title
33
- * @since 0.0.35
31
+ /**
32
+ * Tab title
33
+ * @since 0.0.35
34
34
  */
35
35
  title: _propTypes.default.node.isRequired,
36
36
 
37
- /**
38
- * Label in tab title
39
- * @since 0.0.42
37
+ /**
38
+ * Label in tab title
39
+ * @since 0.0.42
40
40
  */
41
41
  label: _propTypes.default.oneOfType([_propTypes.default.string, _propTypes.default.element]),
42
42
 
43
- /**
44
- * Name of icon or Icon component for tab
45
- * @since 0.0.42
43
+ /**
44
+ * Name of icon or Icon component for tab
45
+ * @since 0.0.42
46
46
  */
47
47
  icon: _propTypes.default.oneOfType([_propTypes.default.string, _propTypes.default.object, _propTypes.default.element]),
48
48
 
49
- /**
50
- * Activate callback.
51
- * @since 0.0.43
49
+ /**
50
+ * Activate callback.
51
+ * @since 0.0.43
52
52
  */
53
53
  onActivate: _propTypes.default.func,
54
54
 
55
- /**
56
- * Close callback
57
- * @since 0.0.58
55
+ /**
56
+ * Close callback
57
+ * @since 0.0.58
58
58
  */
59
59
  onClose: _propTypes.default.func,
60
60
 
61
- /**
62
- * Component to render as the root element.
63
- * @since 2.5.1
61
+ /**
62
+ * Component to render as the root element.
63
+ * @since 2.5.1
64
64
  */
65
65
  component: _propTypes.default.elementType,
66
66
 
67
- /**
68
- * Tab content
69
- * @since 0.0.47
67
+ /**
68
+ * Tab content
69
+ * @since 0.0.47
70
70
  */
71
71
  children: _propTypes.default.node
72
72
  };
@@ -41,12 +41,12 @@ var _ResponsiveContext = _interopRequireDefault(require("../ResponsiveContext"))
41
41
  const ADDON_LEFT_PADDING = 5;
42
42
  const MIN_ADDON_WIDTH_DEFAULT = 150;
43
43
  const COLLAPSED_SEARCH_WIDTH = 60;
44
- /**
45
- * `Tabs` component is a content area with a group of individual [Tab](#!/Tab) elements, each displaying different content
46
- * in the same screen area. `Tabs` are used when you have too much content to display in one place at the same time, so
47
- * the content is broken into logical groups and each group is displayed under its own [Tab](#!/Tab) that serves both as a
48
- * group name and a navigation button.
49
- * @since 0.0.35
44
+ /**
45
+ * `Tabs` component is a content area with a group of individual [Tab](#!/Tab) elements, each displaying different content
46
+ * in the same screen area. `Tabs` are used when you have too much content to display in one place at the same time, so
47
+ * the content is broken into logical groups and each group is displayed under its own [Tab](#!/Tab) that serves both as a
48
+ * group name and a navigation button.
49
+ * @since 0.0.35
50
50
  */
51
51
 
52
52
  class Tabs extends _react.Component {
@@ -614,57 +614,57 @@ class Tabs extends _react.Component {
614
614
  }
615
615
 
616
616
  Tabs.propTypes = {
617
- /**
618
- * Number of active tab
619
- * @since 0.0.35
617
+ /**
618
+ * Number of active tab
619
+ * @since 0.0.35
620
620
  */
621
621
  active: _propTypes.default.number,
622
622
 
623
- /**
624
- * Addon for search bar, dropdown etc.
625
- * @since 0.0.58
623
+ /**
624
+ * Addon for search bar, dropdown etc.
625
+ * @since 0.0.58
626
626
  */
627
627
  addon: _propTypes.default.element,
628
628
 
629
- /**
630
- * Placeholder for search bar, dropdown etc.
631
- *
632
- * @deprecated Do not use! Use `addon` instead!
633
- * @since 0.0.42
629
+ /**
630
+ * Placeholder for search bar, dropdown etc.
631
+ *
632
+ * @deprecated Do not use! Use `addon` instead!
633
+ * @since 0.0.42
634
634
  */
635
635
  placeholder: _propTypes.default.element,
636
636
 
637
- /**
638
- * Minimum add-on width in pixels
639
- * @since 0.0.58
637
+ /**
638
+ * Minimum add-on width in pixels
639
+ * @since 0.0.58
640
640
  */
641
641
  addonMinWidth: _propTypes.default.number,
642
642
 
643
- /**
644
- * Monospaced version of tabs (all visible tabs as wide as widest of them)
645
- * @since 0.0.58
643
+ /**
644
+ * Monospaced version of tabs (all visible tabs as wide as widest of them)
645
+ * @since 0.0.58
646
646
  */
647
647
  monospaced: _propTypes.default.bool,
648
648
 
649
- /**
650
- * [SearchBar](#!/SearchBar) element
651
- * @since 0.0.58
649
+ /**
650
+ * [SearchBar](#!/SearchBar) element
651
+ * @since 0.0.58
652
652
  */
653
653
  search: _propTypes.default.element,
654
654
 
655
- /**
656
- * [Tabs](#!/Tab)
657
- * @since 0.0.47
655
+ /**
656
+ * [Tabs](#!/Tab)
657
+ * @since 0.0.47
658
658
  */
659
659
  children: _propTypes.default.oneOfType([_propTypes.default.arrayOf(_propTypes.default.element), _propTypes.default.element]),
660
660
 
661
- /**
662
- * @ignore
661
+ /**
662
+ * @ignore
663
663
  */
664
664
  className: _propTypes.default.string,
665
665
 
666
- /**
667
- * @ignore
666
+ /**
667
+ * @ignore
668
668
  */
669
669
  baseClassName: _propTypes.default.string
670
670
  };
@@ -34,9 +34,9 @@ const isLikeText = node => {
34
34
 
35
35
  return false;
36
36
  };
37
- /**
38
- * `Translate` component.
39
- * @since 0.0.42
37
+ /**
38
+ * `Translate` component.
39
+ * @since 0.0.42
40
40
  */
41
41
 
42
42
 
@@ -79,49 +79,49 @@ const Translate = ({
79
79
  };
80
80
 
81
81
  Translate.propTypes = {
82
- /**
83
- * A some prefix for the message key.
84
- * @since 2.6.0
82
+ /**
83
+ * A some prefix for the message key.
84
+ * @since 2.6.0
85
85
  */
86
86
  namespace: _propTypes.default.string,
87
87
 
88
- /**
89
- * Translatable content or message key.
90
- * @since 0.0.42
88
+ /**
89
+ * Translatable content or message key.
90
+ * @since 0.0.42
91
91
  */
92
92
  content: _propTypes.default.string,
93
93
 
94
- /**
95
- * Message params
96
- * @since 0.0.42
94
+ /**
95
+ * Message params
96
+ * @since 0.0.42
97
97
  */
98
98
  params: _propTypes.default.object,
99
99
 
100
- /**
101
- * Fallback translation value.
102
- * @since 0.0.47
100
+ /**
101
+ * Fallback translation value.
102
+ * @since 0.0.47
103
103
  */
104
104
  fallback: _propTypes.default.string,
105
105
 
106
- /**
107
- * Component to render as the root element. Useful when rendering a `Translate` as `<option>`.
108
- * @since 0.0.42
106
+ /**
107
+ * Component to render as the root element. Useful when rendering a `Translate` as `<option>`.
108
+ * @since 0.0.42
109
109
  */
110
110
  component: _propTypes.default.elementType,
111
111
 
112
- /**
113
- * A set of translation messages. If the set contains a message key, the component uses an item from the set for rendering.
114
- * @ignore
112
+ /**
113
+ * A set of translation messages. If the set contains a message key, the component uses an item from the set for rendering.
114
+ * @ignore
115
115
  */
116
116
  translators: _propTypes.default.objectOf(_propTypes.default.oneOfType([_propTypes.default.func, _propTypes.default.node])),
117
117
 
118
- /**
119
- * @ignore
118
+ /**
119
+ * @ignore
120
120
  */
121
121
  unsafe: _propTypes.default.bool,
122
122
 
123
- /**
124
- * @ignore
123
+ /**
124
+ * @ignore
125
125
  */
126
126
  children: _propTypes.default.string
127
127
  };
package/cjs/index.js CHANGED
@@ -54,6 +54,6 @@ Object.keys(_components).forEach(function (key) {
54
54
  });
55
55
  });
56
56
  // Copyright 1999-2018. Plesk International GmbH. All rights reserved.
57
- const version = "3.25.3";
57
+ const version = "3.25.4";
58
58
  exports.version = version;
59
59
  (0, _svg4everybody.default)();