@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
@@ -7,9 +7,9 @@ import { wrapFunction } from '../utils';
7
7
  import Icon, { ICON_SIZE_16 } from '../Icon';
8
8
  import Spinner from '../Spinner';
9
9
 
10
- /**
11
- * `Action` component is used mostly for navigation, to go between pages, and not for immediate action or submitting data.
12
- * @since 0.0.68
10
+ /**
11
+ * `Action` component is used mostly for navigation, to go between pages, and not for immediate action or submitting data.
12
+ * @since 0.0.68
13
13
  */
14
14
  const Action = ({
15
15
  baseClassName = "".concat(CLS_PREFIX, "action"),
@@ -65,10 +65,10 @@ const renderCaret = ({
65
65
 
66
66
  return caretElement;
67
67
  };
68
- /**
69
- * `Button` component is used for executing actions, changing the application state, opening forms or dialog windows, and submitting data.
70
- * As a rule, you should not use buttons for navigation between individual pages (use `Link` instead).
71
- * @since 0.0.37
68
+ /**
69
+ * `Button` component is used for executing actions, changing the application state, opening forms or dialog windows, and submitting data.
70
+ * As a rule, you should not use buttons for navigation between individual pages (use `Link` instead).
71
+ * @since 0.0.37
72
72
  */
73
73
 
74
74
 
@@ -187,97 +187,97 @@ const Button = ({
187
187
  };
188
188
 
189
189
  Button.propTypes = {
190
- /**
191
- * Button size.
192
- * @since 2.5.0
190
+ /**
191
+ * Button size.
192
+ * @since 2.5.0
193
193
  */
194
194
  size: PropTypes.oneOf(['md', 'lg']),
195
195
 
196
- /**
197
- * Visual intent color to apply to component.
198
- * @since 0.0.42
196
+ /**
197
+ * Visual intent color to apply to component.
198
+ * @since 0.0.42
199
199
  */
200
200
  intent: PropTypes.oneOf(['primary', 'secondary', 'success', 'warning', 'danger', 'info']),
201
201
 
202
- /**
203
- * Display button with transparent background.
204
- * @since 2.1.0
202
+ /**
203
+ * Display button with transparent background.
204
+ * @since 2.1.0
205
205
  */
206
206
  ghost: PropTypes.bool,
207
207
 
208
- /**
209
- * Arrow button.
210
- * @since 2.6.0
208
+ /**
209
+ * Arrow button.
210
+ * @since 2.6.0
211
211
  */
212
212
  arrow: PropTypes.oneOf(['forward', 'backward']),
213
213
 
214
- /**
215
- * Selected state of toggle button. Used in controlled component mode.
216
- * @since 0.0.68
214
+ /**
215
+ * Selected state of toggle button. Used in controlled component mode.
216
+ * @since 0.0.68
217
217
  */
218
218
  selected: PropTypes.bool,
219
219
 
220
- /**
221
- * Toggle button callback. Used in uncontrolled component mode.
222
- * @since 0.0.68
220
+ /**
221
+ * Toggle button callback. Used in uncontrolled component mode.
222
+ * @since 0.0.68
223
223
  */
224
224
  onToggle: PropTypes.func,
225
225
 
226
- /**
227
- * State of the button
228
- * @since 0.0.42
226
+ /**
227
+ * State of the button
228
+ * @since 0.0.42
229
229
  */
230
230
  state: PropTypes.oneOf(['active', 'loading', 'hovered', 'focused']),
231
231
 
232
- /**
233
- * Is button disabled?
234
- * @since 0.0.42
232
+ /**
233
+ * Is button disabled?
234
+ * @since 0.0.42
235
235
  */
236
236
  disabled: PropTypes.bool,
237
237
 
238
- /**
239
- * Tooltip for component
240
- * @since 0.0.42
238
+ /**
239
+ * Tooltip for component
240
+ * @since 0.0.42
241
241
  */
242
242
  tooltip: PropTypes.node,
243
243
 
244
- /**
245
- * Name of icon or [Icon](#!/Icon) component
246
- * @since 0.0.42
244
+ /**
245
+ * Name of icon or [Icon](#!/Icon) component
246
+ * @since 0.0.42
247
247
  */
248
248
  icon: PropTypes.oneOfType([PropTypes.string, PropTypes.object, PropTypes.element]),
249
249
 
250
- /**
251
- * Show caret
252
- * @since 0.0.42
250
+ /**
251
+ * Show caret
252
+ * @since 0.0.42
253
253
  */
254
254
  caret: PropTypes.oneOfType([PropTypes.bool, PropTypes.element]),
255
255
 
256
- /**
257
- * Dynamically expand the button to fill out the whole available width of its parent container.
258
- * @since 1.8.0
256
+ /**
257
+ * Dynamically expand the button to fill out the whole available width of its parent container.
258
+ * @since 1.8.0
259
259
  */
260
260
  fill: PropTypes.bool,
261
261
 
262
- /**
263
- * Content of the button
264
- * @since 0.0.37
262
+ /**
263
+ * Content of the button
264
+ * @since 0.0.37
265
265
  */
266
266
  children: PropTypes.node,
267
267
 
268
- /**
269
- * Component to render as the root element. Useful when rendering a `Button` as `<a>` or `<Link>`.
270
- * @since 0.0.42
268
+ /**
269
+ * Component to render as the root element. Useful when rendering a `Button` as `<a>` or `<Link>`.
270
+ * @since 0.0.42
271
271
  */
272
272
  component: PropTypes.elementType,
273
273
 
274
- /**
275
- * @ignore
274
+ /**
275
+ * @ignore
276
276
  */
277
277
  className: PropTypes.string,
278
278
 
279
- /**
280
- * @ignore
279
+ /**
280
+ * @ignore
281
281
  */
282
282
  baseClassName: PropTypes.string
283
283
  };
@@ -5,9 +5,9 @@ import classNames from 'classnames';
5
5
  import { CLS_PREFIX } from '../../constants';
6
6
  import Tooltip from '../Tooltip';
7
7
 
8
- /**
9
- * `Checkbox` component is used for turning an option on or off and selecting or deselecting an item.
10
- * @since 0.0.55
8
+ /**
9
+ * `Checkbox` component is used for turning an option on or off and selecting or deselecting an item.
10
+ * @since 0.0.55
11
11
  */
12
12
  const Checkbox = ({
13
13
  baseClassName = "".concat(CLS_PREFIX, "checkbox"),
@@ -10,9 +10,9 @@ import PropTypes from 'prop-types';
10
10
  import classNames from 'classnames';
11
11
  import { CLS_PREFIX } from '../../constants';
12
12
 
13
- /**
14
- * `CodeEditor` component is used for editing text as code with proper color highlighting according to selected programming language.
15
- * @since 0.0.61
13
+ /**
14
+ * `CodeEditor` component is used for editing text as code with proper color highlighting according to selected programming language.
15
+ * @since 0.0.61
16
16
  */
17
17
  class CodeEditor extends Component {
18
18
  constructor(...args) {
@@ -220,82 +220,82 @@ class CodeEditor extends Component {
220
220
  }
221
221
 
222
222
  CodeEditor.propTypes = {
223
- /**
224
- * The mode to use. When not given, this will default to the first mode that was loaded.
225
- * @since 0.0.61
223
+ /**
224
+ * The mode to use. When not given, this will default to the first mode that was loaded.
225
+ * @since 0.0.61
226
226
  */
227
227
  mode: PropTypes.oneOfType([PropTypes.string, PropTypes.object]),
228
228
 
229
- /**
230
- * CodeEditor can detect mode by file name. Will be ignored if you set mode property.
231
- * @since 0.0.61
229
+ /**
230
+ * CodeEditor can detect mode by file name. Will be ignored if you set mode property.
231
+ * @since 0.0.61
232
232
  */
233
233
  fileName: PropTypes.string,
234
234
 
235
- /**
236
- * Content of the `CodeEditor`.
237
- * @since 0.0.61
235
+ /**
236
+ * Content of the `CodeEditor`.
237
+ * @since 0.0.61
238
238
  */
239
239
  children: PropTypes.string,
240
240
 
241
- /**
242
- * Set read only.
243
- * @since 0.0.61
241
+ /**
242
+ * Set read only.
243
+ * @since 0.0.61
244
244
  */
245
245
  readOnly: PropTypes.oneOfType([PropTypes.bool, PropTypes.string]),
246
246
 
247
- /**
248
- * Set auto focus.
249
- * @since 0.0.61
247
+ /**
248
+ * Set auto focus.
249
+ * @since 0.0.61
250
250
  */
251
251
  autofocus: PropTypes.bool,
252
252
 
253
- /**
254
- * onInit event handler.
255
- * @since 0.0.61
253
+ /**
254
+ * onInit event handler.
255
+ * @since 0.0.61
256
256
  */
257
257
  onInit: PropTypes.func,
258
258
 
259
- /**
260
- * onChange event handler.
261
- * @since 0.0.61
259
+ /**
260
+ * onChange event handler.
261
+ * @since 0.0.61
262
262
  */
263
263
  onChange: PropTypes.func,
264
264
 
265
- /**
266
- * onSave event handler.
267
- * @since 0.0.61
265
+ /**
266
+ * onSave event handler.
267
+ * @since 0.0.61
268
268
  */
269
269
  onSave: PropTypes.func,
270
270
 
271
- /**
272
- * See all supported options in [CodeMirror](https://codemirror.net/doc/manual.html#config) documentation.
273
- * @since 0.0.61
271
+ /**
272
+ * See all supported options in [CodeMirror](https://codemirror.net/doc/manual.html#config) documentation.
273
+ * @since 0.0.61
274
274
  */
275
275
  options: PropTypes.object,
276
276
 
277
- /**
278
- * Set scroll position.
279
- * @since 1.12.4
277
+ /**
278
+ * Set scroll position.
279
+ * @since 1.12.4
280
280
  */
281
281
  scrollPosition: PropTypes.shape({
282
282
  left: PropTypes.number,
283
283
  top: PropTypes.number
284
284
  }),
285
285
 
286
- /**
287
- * onScroll event handler.
288
- * @since 1.12.4
286
+ /**
287
+ * onScroll event handler.
288
+ * @since 1.12.4
289
289
  */
290
290
  onScroll: PropTypes.func,
291
291
 
292
- /**
293
- * @ignore
292
+ /**
293
+ * @ignore
294
294
  */
295
295
  className: PropTypes.string,
296
296
 
297
- /**
298
- * @ignore
297
+ /**
298
+ * @ignore
299
299
  */
300
300
  baseClassName: PropTypes.string
301
301
  };
@@ -16,9 +16,9 @@ import Translate, { isLikeText } from '../Translate';
16
16
  import { safeInvoke } from '../utils';
17
17
 
18
18
  const isProps = value => value && typeof value === 'object' && ! /*#__PURE__*/isValidElement(value);
19
- /**
20
- * `Dialog` is a modal window that asks users to make a decision or enter additional information.
21
- * @since 0.0.68
19
+ /**
20
+ * `Dialog` is a modal window that asks users to make a decision or enter additional information.
21
+ * @since 0.0.68
22
22
  */
23
23
 
24
24
 
@@ -184,126 +184,126 @@ const Dialog = ({
184
184
  };
185
185
 
186
186
  Dialog.propTypes = {
187
- /**
188
- * Toggles visibility.
189
- * @since 0.0.68
187
+ /**
188
+ * Toggles visibility.
189
+ * @since 0.0.68
190
190
  */
191
191
  isOpen: PropTypes.bool,
192
192
 
193
- /**
194
- * Banner. Renders in front of content as wide as dialog.
195
- * @since 0.0.68
193
+ /**
194
+ * Banner. Renders in front of content as wide as dialog.
195
+ * @since 0.0.68
196
196
  */
197
197
  banner: PropTypes.oneOfType([PropTypes.string, PropTypes.object, PropTypes.element]),
198
198
 
199
- /**
200
- * Block with an image, placed at the side of the component
201
- * @since 3.25.0
199
+ /**
200
+ * Block with an image, placed at the side of the component
201
+ * @since 3.25.0
202
202
  */
203
203
  sideBanner: PropTypes.oneOfType([PropTypes.string, PropTypes.object, PropTypes.element]),
204
204
 
205
- /**
206
- * Additional properties for the sideBanner
207
- * @since 3.25.0
205
+ /**
206
+ * Additional properties for the sideBanner
207
+ * @since 3.25.0
208
208
  */
209
209
  sideBannerContainer: PropTypes.shape({
210
- /**
211
- * Values for css background property
210
+ /**
211
+ * Values for css background property
212
212
  */
213
213
  background: PropTypes.string,
214
214
 
215
- /**
216
- * One of: center, flex-start, flex-end
215
+ /**
216
+ * One of: center, flex-start, flex-end
217
217
  */
218
218
  align: PropTypes.oneOf(['center', 'flex-start', 'flex-end'])
219
219
  }),
220
220
 
221
- /**
222
- * Image. Renders into content.
223
- * @since 0.0.68
221
+ /**
222
+ * Image. Renders into content.
223
+ * @since 0.0.68
224
224
  */
225
225
  image: PropTypes.oneOfType([PropTypes.string, PropTypes.object, PropTypes.element]),
226
226
 
227
- /**
228
- * Title
229
- * @since 0.0.68
227
+ /**
228
+ * Title
229
+ * @since 0.0.68
230
230
  */
231
231
  title: PropTypes.node,
232
232
 
233
- /**
234
- * The subtitle of the `Dialog`.
235
- * @since 4.0.0
233
+ /**
234
+ * The subtitle of the `Dialog`.
235
+ * @since 4.0.0
236
236
  */
237
237
  subtitle: PropTypes.node,
238
238
 
239
- /**
240
- * Title of "cancel" button
241
- * @since 0.0.68
242
- * @deprecated Use `cancelButton` instead.
239
+ /**
240
+ * Title of "cancel" button
241
+ * @since 0.0.68
242
+ * @deprecated Use `cancelButton` instead.
243
243
  */
244
244
  cancelTitle: PropTypes.node,
245
245
 
246
- /**
247
- * Cancel button visibility or custom configuration. It accepts all props of the `Button` component.
248
- * @since 3.13.0
246
+ /**
247
+ * Cancel button visibility or custom configuration. It accepts all props of the `Button` component.
248
+ * @since 3.13.0
249
249
  */
250
250
  cancelButton: PropTypes.oneOfType([PropTypes.bool, PropTypes.object]),
251
251
 
252
- /**
253
- * Buttons except "cancel" button
254
- * @since 0.0.68
252
+ /**
253
+ * Buttons except "cancel" button
254
+ * @since 0.0.68
255
255
  */
256
256
  buttons: PropTypes.node,
257
257
 
258
- /**
259
- * Actions which will be shown in Dialog header
260
- * @since 1.2.0
258
+ /**
259
+ * Actions which will be shown in Dialog header
260
+ * @since 1.2.0
261
261
  */
262
262
  actions: PropTypes.node,
263
263
 
264
- /**
265
- * Wraps children into [Form](#!/Form) if not empty.
266
- * @since 0.0.68
264
+ /**
265
+ * Wraps children into [Form](#!/Form) if not empty.
266
+ * @since 0.0.68
267
267
  */
268
268
  form: PropTypes.object,
269
269
 
270
- /**
271
- * Dialog width
272
- * @since 0.0.68
270
+ /**
271
+ * Dialog width
272
+ * @since 0.0.68
273
273
  */
274
274
  size: PropTypes.oneOf(['xs', 'sm', 'md', 'lg']),
275
275
 
276
- /**
277
- * If the value is false, the dialog cannot be closed and the Close button is hidden.
278
- * @since 1.2.0
276
+ /**
277
+ * If the value is false, the dialog cannot be closed and the Close button is hidden.
278
+ * @since 1.2.0
279
279
  */
280
280
  closable: PropTypes.bool,
281
281
 
282
- /**
283
- * On close event handler. Called immediately after dialog closed by "cancel" button or "Esc" key.
284
- * @since 0.0.68
282
+ /**
283
+ * On close event handler. Called immediately after dialog closed by "cancel" button or "Esc" key.
284
+ * @since 0.0.68
285
285
  */
286
286
  onClose: PropTypes.func,
287
287
 
288
- /**
289
- * Whether show or not a confirmation dialog on close.
290
- * @since 3.21.0
288
+ /**
289
+ * Whether show or not a confirmation dialog on close.
290
+ * @since 3.21.0
291
291
  */
292
292
  closingConfirmation: PropTypes.bool,
293
293
 
294
- /**
295
- * Content of the `DialogWindow`.
296
- * @since 0.0.68
294
+ /**
295
+ * Content of the `DialogWindow`.
296
+ * @since 0.0.68
297
297
  */
298
298
  children: PropTypes.node,
299
299
 
300
- /**
301
- * @ignore
300
+ /**
301
+ * @ignore
302
302
  */
303
303
  className: PropTypes.string,
304
304
 
305
- /**
306
- * @ignore
305
+ /**
306
+ * @ignore
307
307
  */
308
308
  baseClassName: PropTypes.string
309
309
  };