@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
@@ -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
@@ -1,6 +1,6 @@
1
1
  // Copyright 1999-2018. Plesk International GmbH. All rights reserved.
2
2
  import svg4everybody from 'svg4everybody';
3
- const version = "3.25.3";
3
+ const version = "3.25.4";
4
4
  export * from './publicPath';
5
5
  export { version };
6
6
  export * from './utils';