@plesk/ui-library 3.33.0 → 3.34.1

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 (55) hide show
  1. package/cjs/components/Button/Button.js +17 -100
  2. package/cjs/components/ContentLoader/IconsLoader.js +2 -1
  3. package/cjs/components/Dialog/Dialog.js +4 -113
  4. package/cjs/components/Dropdown/Dropdown.js +4 -42
  5. package/cjs/components/Form/Form.js +2 -1
  6. package/cjs/components/FormFieldPassword/PasswordMeter.js +4 -4
  7. package/cjs/components/Overlay/Overlay.js +4 -3
  8. package/cjs/components/Popover/Popover.js +3 -1
  9. package/cjs/components/Section/Section.js +2 -1
  10. package/cjs/components/Skeleton/SkeletonText.js +1 -1
  11. package/cjs/components/index.js +30 -2
  12. package/cjs/index.js +1 -1
  13. package/cjs/utils/types/PolymorphicComponent.js +5 -0
  14. package/cjs/utils/types/index.js +5 -0
  15. package/dist/plesk-ui-library-rtl.css +1 -1
  16. package/dist/plesk-ui-library-rtl.css.map +1 -1
  17. package/dist/plesk-ui-library.css +1 -1
  18. package/dist/plesk-ui-library.css.map +1 -1
  19. package/dist/plesk-ui-library.js +130 -326
  20. package/dist/plesk-ui-library.js.map +1 -1
  21. package/dist/plesk-ui-library.min.js +2 -2
  22. package/dist/plesk-ui-library.min.js.map +1 -1
  23. package/esm/components/Button/Button.js +17 -98
  24. package/esm/components/ContentLoader/IconsLoader.js +2 -1
  25. package/esm/components/Dialog/Dialog.js +4 -113
  26. package/esm/components/Dropdown/Dropdown.js +4 -40
  27. package/esm/components/Form/Form.js +2 -1
  28. package/esm/components/FormFieldPassword/PasswordMeter.js +4 -4
  29. package/esm/components/Overlay/Overlay.js +4 -3
  30. package/esm/components/Popover/Popover.js +3 -1
  31. package/esm/components/Section/Section.js +2 -1
  32. package/esm/components/Skeleton/SkeletonText.js +1 -1
  33. package/esm/components/index.js +2 -2
  34. package/esm/index.js +1 -1
  35. package/esm/utils/types/PolymorphicComponent.js +1 -0
  36. package/esm/utils/types/index.js +1 -0
  37. package/package.json +24 -23
  38. package/styleguide/build/bundle.c6ebacd7.js +2 -0
  39. package/styleguide/index.html +2 -2
  40. package/types/src/components/AutoClosable/AutoClosable.d.ts +2 -2
  41. package/types/src/components/Button/Button.d.ts +102 -0
  42. package/types/src/components/Button/index.d.ts +2 -0
  43. package/types/src/components/Dialog/Dialog.d.ts +123 -0
  44. package/types/src/components/Dialog/index.d.ts +2 -0
  45. package/types/src/components/Dropdown/Dropdown.d.ts +54 -0
  46. package/types/src/components/Form/Form.d.ts +8 -8
  47. package/types/src/components/Icon/Icon.d.ts +1 -1
  48. package/types/src/components/Icon/index.d.ts +1 -0
  49. package/types/src/components/Overlay/Overlay.d.ts +1 -1
  50. package/types/src/components/Overlay/index.d.ts +1 -0
  51. package/types/src/components/index.d.ts +2 -2
  52. package/types/src/utils/types/PolymorphicComponent.d.ts +11 -0
  53. package/types/src/utils/types/index.d.ts +1 -0
  54. package/styleguide/build/bundle.1ca1330c.js +0 -2
  55. /package/styleguide/build/{bundle.1ca1330c.js.LICENSE.txt → bundle.c6ebacd7.js.LICENSE.txt} +0 -0
@@ -5,8 +5,7 @@ Object.defineProperty(exports, "__esModule", {
5
5
  value: true
6
6
  });
7
7
  exports.default = void 0;
8
- var _react = _interopRequireWildcard(require("react"));
9
- var _propTypes = _interopRequireDefault(require("prop-types"));
8
+ var _react = require("react");
10
9
  var _classnames = _interopRequireDefault(require("classnames"));
11
10
  var _constants = require("../../constants");
12
11
  var _Icon = _interopRequireDefault(require("../Icon"));
@@ -16,8 +15,6 @@ var _ResponsiveContext = _interopRequireDefault(require("../ResponsiveContext"))
16
15
  var _OnDarkContext = _interopRequireDefault(require("../OnDarkContext"));
17
16
  var _ButtonContext = _interopRequireDefault(require("./ButtonContext"));
18
17
  var _jsxRuntime = require("react/jsx-runtime");
19
- function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
20
- function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
21
18
  // Copyright 1999-2023. Plesk International GmbH. All rights reserved.
22
19
  const oldIconNames = {
23
20
  "customize-order": "arrows-four-directions",
@@ -72,32 +69,27 @@ const renderCaret = _ref2 => {
72
69
  }
73
70
  return caretElement;
74
71
  };
75
-
76
- /**
77
- * `Button` component is used for executing actions, changing the application state, opening forms or dialog windows, and submitting data.
78
- * As a rule, you should not use buttons for navigation between individual pages (use `Link` instead).
79
- * @since 0.0.37
80
- */
81
72
  const Button = /*#__PURE__*/(0, _react.forwardRef)((_ref3, ref) => {
82
73
  let {
83
- baseClassName,
74
+ baseClassName = `${_constants.CLS_PREFIX}button`,
84
75
  className,
85
- component: Tag,
76
+ component,
86
77
  size: propsSize,
87
78
  intent,
88
- ghost,
79
+ ghost = false,
89
80
  selected: selectedProp,
90
81
  onToggle,
91
82
  state,
92
83
  icon,
93
84
  caret,
94
- fill,
85
+ fill = false,
95
86
  tooltip,
96
87
  children,
97
88
  arrow,
98
- disabled,
89
+ disabled = false,
99
90
  ...props
100
91
  } = _ref3;
92
+ const Tag = component || 'button';
101
93
  const [selectedState, setSelectedState] = (0, _react.useState)(false);
102
94
  const handleToggle = () => {
103
95
  setSelectedState(!selectedState);
@@ -137,7 +129,7 @@ const Button = /*#__PURE__*/(0, _react.forwardRef)((_ref3, ref) => {
137
129
  }
138
130
  const selected = selectedProp === undefined ? selectedState : selectedProp;
139
131
  if (selectedProp !== undefined || onToggle) {
140
- componentProps['aria-pressed'] = String(selected);
132
+ componentProps['aria-pressed'] = `${selected}`;
141
133
  }
142
134
  const isArrowButton = arrow === 'forward' || arrow === 'backward';
143
135
  const hasAriaDisabled = Tag === 'button' && disabled && tooltip;
@@ -189,90 +181,8 @@ const Button = /*#__PURE__*/(0, _react.forwardRef)((_ref3, ref) => {
189
181
  return button;
190
182
  });
191
183
  Button.displayName = 'Button';
192
- Button.propTypes = {
193
- /**
194
- * Button size.
195
- * @since 2.5.0
196
- */
197
- size: _propTypes.default.oneOf(['md', 'lg']),
198
- /**
199
- * Visual intent color to apply to component.
200
- * @since 0.0.42
201
- */
202
- intent: _propTypes.default.oneOf(['primary', 'secondary', 'success', 'warning', 'danger', 'info']),
203
- /**
204
- * Display button with transparent background.
205
- * @since 2.1.0
206
- */
207
- ghost: _propTypes.default.bool,
208
- /**
209
- * Arrow button.
210
- * @since 2.6.0
211
- */
212
- arrow: _propTypes.default.oneOf(['forward', 'backward']),
213
- /**
214
- * Selected state of toggle button. Used in controlled component mode.
215
- * @since 0.0.68
216
- */
217
- selected: _propTypes.default.bool,
218
- /**
219
- * Toggle button callback. Used in uncontrolled component mode.
220
- * @since 0.0.68
221
- */
222
- onToggle: _propTypes.default.func,
223
- /**
224
- * State of the button
225
- * @since 0.0.42
226
- */
227
- state: _propTypes.default.oneOf(['active', 'loading', 'hovered', 'focused']),
228
- /**
229
- * Is button disabled?
230
- * @since 0.0.42
231
- */
232
- disabled: _propTypes.default.bool,
233
- /**
234
- * Tooltip for component
235
- * @since 0.0.42
236
- */
237
- tooltip: _propTypes.default.node,
238
- /**
239
- * Name of icon or [Icon](#!/Icon) component
240
- * @since 0.0.42
241
- */
242
- icon: _propTypes.default.oneOfType([_propTypes.default.string, _propTypes.default.object, _propTypes.default.element]),
243
- /**
244
- * Show caret
245
- * @since 0.0.42
246
- */
247
- caret: _propTypes.default.oneOfType([_propTypes.default.bool, _propTypes.default.element]),
248
- /**
249
- * Dynamically expand the button to fill out the whole available width of its parent container.
250
- * @since 1.8.0
251
- */
252
- fill: _propTypes.default.bool,
253
- /**
254
- * Content of the button
255
- * @since 0.0.37
256
- */
257
- children: _propTypes.default.node,
258
- /**
259
- * Component to render as the root element. Useful when rendering a `Button` as `<a>` or `<Link>`.
260
- * @since 0.0.42
261
- */
262
- component: _propTypes.default.elementType,
263
- /**
264
- * @ignore
265
- */
266
- className: _propTypes.default.string,
267
- /**
268
- * @ignore
269
- */
270
- baseClassName: _propTypes.default.string,
271
- /**
272
- * @ignore
273
- */
274
- onClick: _propTypes.default.func
275
- };
184
+
185
+ // For ToolbarMenu backward compatibility purposes
276
186
  Button.defaultProps = {
277
187
  size: undefined,
278
188
  intent: undefined,
@@ -292,5 +202,12 @@ Button.defaultProps = {
292
202
  arrow: undefined,
293
203
  onClick: undefined
294
204
  };
205
+
206
+ /**
207
+ * `Button` component is used for executing actions, changing the application state, opening forms or dialog windows, and submitting data.
208
+ * As a rule, you should not use buttons for navigation between individual pages (use `Link` instead).
209
+ *
210
+ * Since: 0.0.37
211
+ */
295
212
  var _default = Button;
296
213
  exports.default = _default;
@@ -36,6 +36,7 @@ const useIconCursor = (icons, initialCursor, isSync) => {
36
36
  return [icons[cursor], targetRef];
37
37
  };
38
38
  const IconsLoader = _ref => {
39
+ var _icons;
39
40
  let {
40
41
  baseClassName = `${_constants.CLS_PREFIX}icons-loader`,
41
42
  className,
@@ -45,7 +46,7 @@ const IconsLoader = _ref => {
45
46
  ...props
46
47
  } = _ref;
47
48
  const syncRef = (0, _react.useRef)('icon1');
48
- if (!icons?.length) {
49
+ if (!((_icons = icons) !== null && _icons !== void 0 && _icons.length)) {
49
50
  icons = DEFAULT_ICONS;
50
51
  } else if (icons.length === 1) {
51
52
  icons = [icons[0], icons[0]];
@@ -5,8 +5,7 @@ Object.defineProperty(exports, "__esModule", {
5
5
  value: true
6
6
  });
7
7
  exports.default = void 0;
8
- var _react = _interopRequireWildcard(require("react"));
9
- var _propTypes = _interopRequireDefault(require("prop-types"));
8
+ var _react = require("react");
10
9
  var _classnames = _interopRequireDefault(require("classnames"));
11
10
  var _constants = require("../../constants");
12
11
  var _Overlay = _interopRequireDefault(require("../Overlay"));
@@ -76,6 +75,7 @@ const Dialog = _ref => {
76
75
  return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
77
76
  className: classPrefix,
78
77
  children: /*#__PURE__*/(0, _jsxRuntime.jsx)("img", {
78
+ alt: "",
79
79
  className: `${classPrefix}-inner`,
80
80
  src: image
81
81
  })
@@ -84,6 +84,7 @@ const Dialog = _ref => {
84
84
  return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
85
85
  className: classPrefix,
86
86
  children: /*#__PURE__*/(0, _jsxRuntime.jsx)("img", {
87
+ alt: "",
87
88
  className: `${classPrefix}-inner`,
88
89
  ...image
89
90
  })
@@ -173,7 +174,7 @@ const Dialog = _ref => {
173
174
  children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
174
175
  className: `${baseClassName}__header-content`,
175
176
  children: [(0, _Translate.isLikeText)(title) ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_Heading.default, {
176
- level: "2",
177
+ level: 2,
177
178
  className: `${baseClassName}__title`,
178
179
  children: title
179
180
  }) : /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
@@ -205,116 +206,6 @@ const Dialog = _ref => {
205
206
  }), closingConfirmationDialog]
206
207
  });
207
208
  };
208
- Dialog.propTypes = {
209
- /**
210
- * Toggles visibility.
211
- * @since 0.0.68
212
- */
213
- isOpen: _propTypes.default.bool,
214
- /**
215
- * Banner. Renders in front of content as wide as dialog.
216
- * @since 0.0.68
217
- */
218
- banner: _propTypes.default.oneOfType([_propTypes.default.string, _propTypes.default.object, _propTypes.default.element]),
219
- /**
220
- * Block with an image, placed at the side of the component
221
- * @since 3.25.0
222
- */
223
- sideBanner: _propTypes.default.oneOfType([_propTypes.default.string, _propTypes.default.object, _propTypes.default.element]),
224
- /**
225
- * Additional properties for the sideBanner
226
- * @since 3.25.0
227
- */
228
- sideBannerContainer: _propTypes.default.shape({
229
- /**
230
- * Values for css background property
231
- */
232
- background: _propTypes.default.string,
233
- /**
234
- * One of: center, flex-start, flex-end
235
- */
236
- align: _propTypes.default.oneOf(['center', 'flex-start', 'flex-end'])
237
- }),
238
- /**
239
- * Image. Renders into content.
240
- * @since 0.0.68
241
- */
242
- image: _propTypes.default.oneOfType([_propTypes.default.string, _propTypes.default.object, _propTypes.default.element]),
243
- /**
244
- * Title
245
- * @since 0.0.68
246
- */
247
- title: _propTypes.default.node,
248
- /**
249
- * The subtitle of the `Dialog`.
250
- * @since 4.0.0
251
- */
252
- subtitle: _propTypes.default.node,
253
- /**
254
- * Title of "cancel" button
255
- * @since 0.0.68
256
- * @deprecated Use `cancelButton` instead.
257
- */
258
- cancelTitle: _propTypes.default.node,
259
- /**
260
- * Cancel button visibility or custom configuration. It accepts all props of the `Button` component.
261
- * @since 3.13.0
262
- */
263
- cancelButton: _propTypes.default.oneOfType([_propTypes.default.bool, _propTypes.default.object]),
264
- /**
265
- * Buttons except "cancel" button
266
- * @since 0.0.68
267
- */
268
- buttons: _propTypes.default.node,
269
- /**
270
- * Actions which will be shown in Dialog header
271
- * @since 1.2.0
272
- */
273
- actions: _propTypes.default.node,
274
- /**
275
- * Wraps children into [Form](#!/Form) if not empty.
276
- * @since 0.0.68
277
- */
278
- form: _propTypes.default.oneOfType([_propTypes.default.object, _propTypes.default.element]),
279
- /**
280
- * Dialog width
281
- * @since 0.0.68
282
- */
283
- size: _propTypes.default.oneOf(['xs', 'sm', 'md', 'lg']),
284
- /**
285
- * If the value is false, the dialog cannot be closed and the Close button is hidden.
286
- * @since 1.2.0
287
- */
288
- closable: _propTypes.default.bool,
289
- /**
290
- * Disable close dialog button
291
- * @since 4.0.0
292
- */
293
- canClose: _propTypes.default.bool,
294
- /**
295
- * On close event handler. Called immediately after dialog closed by "cancel" button or "Esc" key.
296
- * @since 0.0.68
297
- */
298
- onClose: _propTypes.default.func,
299
- /**
300
- * Whether show or not a confirmation dialog on close.
301
- * @since 3.21.0
302
- */
303
- closingConfirmation: _propTypes.default.bool,
304
- /**
305
- * Content of the `DialogWindow`.
306
- * @since 0.0.68
307
- */
308
- children: _propTypes.default.node,
309
- /**
310
- * @ignore
311
- */
312
- className: _propTypes.default.string,
313
- /**
314
- * @ignore
315
- */
316
- baseClassName: _propTypes.default.string
317
- };
318
209
  Dialog.defaultProps = {
319
210
  isOpen: false,
320
211
  banner: undefined,
@@ -6,9 +6,8 @@ Object.defineProperty(exports, "__esModule", {
6
6
  });
7
7
  exports.default = void 0;
8
8
  var _utils = require("../../utils");
9
- var _react = _interopRequireWildcard(require("react"));
9
+ var _react = require("react");
10
10
  var _utils2 = require("../utils");
11
- var _propTypes = _interopRequireDefault(require("prop-types"));
12
11
  var _classnames = _interopRequireDefault(require("classnames"));
13
12
  var _constants = require("../../constants");
14
13
  var _Button = _interopRequireDefault(require("../Button"));
@@ -19,16 +18,16 @@ var _Menu = require("../Menu");
19
18
  var _Translate = _interopRequireDefault(require("../Translate"));
20
19
  var _enUS = _interopRequireDefault(require("./locale/en-US"));
21
20
  var _jsxRuntime = require("react/jsx-runtime");
22
- function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
23
- function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
24
21
  // Copyright 1999-2023. Plesk International GmbH. All rights reserved.
25
22
 
23
+ // TODO: move to Popover
24
+
26
25
  const createTarget = (node, _ref) => {
27
26
  let {
28
27
  onToggle,
29
28
  targetRef
30
29
  } = _ref;
31
- if (false === ( /*#__PURE__*/(0, _react.isValidElement)(node) && node.type !== _Translate.default)) {
30
+ if (!( /*#__PURE__*/(0, _react.isValidElement)(node) && node.type !== _Translate.default)) {
32
31
  node = /*#__PURE__*/(0, _jsxRuntime.jsx)(_Button.default, {
33
32
  caret: true,
34
33
  children: node
@@ -209,43 +208,6 @@ const Dropdown = _ref3 => {
209
208
  })
210
209
  });
211
210
  };
212
- Dropdown.propTypes = {
213
- /**
214
- * Dropdown [menu](#!/Menu).
215
- * @since 0.0.57
216
- */
217
- menu: _propTypes.default.element.isRequired,
218
- /**
219
- * Menu placement.
220
- * @since 0.0.60
221
- */
222
- menuPlacement: _propTypes.default.string,
223
- /**
224
- * Content of the `Dropdown`.
225
- * @since 0.0.57
226
- */
227
- children: _propTypes.default.node,
228
- /**
229
- * Custom localization messages.
230
- * @since 3.6.0
231
- */
232
- locale: _propTypes.default.shape({
233
- close: _propTypes.default.node
234
- }),
235
- /**
236
- * Display menu as overlay.
237
- * @ignore
238
- */
239
- overlay: _propTypes.default.bool,
240
- /**
241
- * @ignore
242
- */
243
- className: _propTypes.default.string,
244
- /**
245
- * @ignore
246
- */
247
- baseClassName: _propTypes.default.string
248
- };
249
211
  Dropdown.defaultProps = {
250
212
  menuPlacement: 'bottom-start',
251
213
  children: undefined,
@@ -407,7 +407,8 @@ const RefForwardingForm = /*#__PURE__*/(0, _react.forwardRef)((props, ref) => {
407
407
  const innerRef = (0, _react.useRef)(null);
408
408
  (0, _react.useImperativeHandle)(ref, () => ({
409
409
  submit() {
410
- innerRef.current?.dispatchEvent(new Event('submit', {
410
+ var _innerRef$current;
411
+ (_innerRef$current = innerRef.current) === null || _innerRef$current === void 0 ? void 0 : _innerRef$current.dispatchEvent(new Event('submit', {
411
412
  cancelable: true,
412
413
  bubbles: true
413
414
  }));
@@ -47,19 +47,19 @@ const PasswordMeter = _ref => {
47
47
  canCloseOnOutsideClick: false,
48
48
  canCloseOnEscapePress: false,
49
49
  ...props,
50
- children: [result?.strength ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_Translate.default, {
50
+ children: [result !== null && result !== void 0 && result.strength ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_Translate.default, {
51
51
  component: "div",
52
52
  content: "FormFieldPassword.passwordStrength",
53
53
  fallback: _enUS.default.passwordStrength,
54
54
  params: {
55
55
  strength: /*#__PURE__*/(0, _jsxRuntime.jsx)("b", {
56
56
  children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Translate.default, {
57
- content: `FormFieldPassword.strength${result?.strength}`,
58
- fallback: _enUS.default[`strength${result?.strength}`]
57
+ content: `FormFieldPassword.strength${result === null || result === void 0 ? void 0 : result.strength}`,
58
+ fallback: _enUS.default[`strength${result === null || result === void 0 ? void 0 : result.strength}`]
59
59
  })
60
60
  })
61
61
  }
62
- }) : null, result?.suggestions.length ? /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
62
+ }) : null, result !== null && result !== void 0 && result.suggestions.length ? /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
63
63
  children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_Translate.default, {
64
64
  content: "FormFieldPassword.improvePassword",
65
65
  fallback: _enUS.default.improvePassword
@@ -108,8 +108,8 @@ const OverlayCore = _ref => {
108
108
  children: /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
109
109
  className: (0, _classnames.default)(baseClassName, `${baseClassName}--${placement}`, `${baseClassName}--${size}`, sideBanner && `${baseClassName}--side`, isOpen && `${baseClassName}--open`, className),
110
110
  style: {
111
- '--overlay-side-banner-background': sideBannerContainer?.background,
112
- '--overlay-side-banner-align': sideBannerContainer?.align,
111
+ '--overlay-side-banner-background': sideBannerContainer === null || sideBannerContainer === void 0 ? void 0 : sideBannerContainer.background,
112
+ '--overlay-side-banner-align': sideBannerContainer === null || sideBannerContainer === void 0 ? void 0 : sideBannerContainer.align,
113
113
  ...style
114
114
  },
115
115
  ...props,
@@ -139,10 +139,11 @@ const Overlay = _ref2 => {
139
139
  const [isExist, setIsExist] = (0, _react.useState)(false);
140
140
  const prevFocusElementRef = (0, _react.useRef)(null);
141
141
  const handleClose = (0, _react.useCallback)(() => {
142
+ var _prevFocusElementRef$;
142
143
  if (!isOpenRef.current) return;
143
144
  isOpenRef.current = false;
144
145
  if (--overlaysCount === 0) (0, _utils.enableDocumentScroll)();
145
- prevFocusElementRef.current?.focus();
146
+ (_prevFocusElementRef$ = prevFocusElementRef.current) === null || _prevFocusElementRef$ === void 0 ? void 0 : _prevFocusElementRef$.focus();
146
147
  }, []);
147
148
  (0, _react.useEffect)(() => {
148
149
  if (isOpen) {
@@ -267,7 +267,9 @@ class Popover extends _react.Component {
267
267
  className: `${baseClassName}__content`,
268
268
  children: /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
269
269
  className: `${baseClassName}__content-inner`,
270
- children: children
270
+ children: typeof children === 'function' ? children({
271
+ onClose: this.handleClose
272
+ }) : children
271
273
  })
272
274
  })]
273
275
  });
@@ -147,7 +147,8 @@ class Section extends _react.Component {
147
147
  value: title,
148
148
  onChange: onTitleChange,
149
149
  onClick: e => {
150
- e.target.closest(`.${baseClassName}__header`).querySelector(`.${baseClassName}__control-button`)?.click();
150
+ var _e$target$closest$que;
151
+ (_e$target$closest$que = e.target.closest(`.${baseClassName}__header`).querySelector(`.${baseClassName}__control-button`)) === null || _e$target$closest$que === void 0 ? void 0 : _e$target$closest$que.click();
151
152
  }
152
153
  });
153
154
  }
@@ -33,7 +33,7 @@ const SkeletonText = _ref => {
33
33
  // eslint-disable-next-line react/no-array-index-key
34
34
  , {
35
35
  ...lineProps,
36
- className: (0, _classnames.default)(`${baseClassName}__line`, lineProps?.className)
36
+ className: (0, _classnames.default)(`${baseClassName}__line`, lineProps === null || lineProps === void 0 ? void 0 : lineProps.className)
37
37
  }, key))
38
38
  });
39
39
  };
@@ -12,6 +12,7 @@ var _exportNames = {
12
12
  Badge: true,
13
13
  Breadcrumbs: true,
14
14
  Button: true,
15
+ ButtonProps: true,
15
16
  ButtonGroup: true,
16
17
  Card: true,
17
18
  CardList: true,
@@ -42,6 +43,9 @@ var _exportNames = {
42
43
  Heading: true,
43
44
  Hint: true,
44
45
  Icon: true,
46
+ IconProps: true,
47
+ IconName: true,
48
+ IconSize: true,
45
49
  Input: true,
46
50
  InputFile: true,
47
51
  InputNumber: true,
@@ -139,6 +143,12 @@ Object.defineProperty(exports, "ButtonGroup", {
139
143
  return _ButtonGroup.default;
140
144
  }
141
145
  });
146
+ Object.defineProperty(exports, "ButtonProps", {
147
+ enumerable: true,
148
+ get: function () {
149
+ return _Button.ButtonProps;
150
+ }
151
+ });
142
152
  Object.defineProperty(exports, "Card", {
143
153
  enumerable: true,
144
154
  get: function () {
@@ -301,6 +311,24 @@ Object.defineProperty(exports, "Icon", {
301
311
  return _Icon.default;
302
312
  }
303
313
  });
314
+ Object.defineProperty(exports, "IconName", {
315
+ enumerable: true,
316
+ get: function () {
317
+ return _Icon.IconName;
318
+ }
319
+ });
320
+ Object.defineProperty(exports, "IconProps", {
321
+ enumerable: true,
322
+ get: function () {
323
+ return _Icon.IconProps;
324
+ }
325
+ });
326
+ Object.defineProperty(exports, "IconSize", {
327
+ enumerable: true,
328
+ get: function () {
329
+ return _Icon.IconSize;
330
+ }
331
+ });
304
332
  Object.defineProperty(exports, "InPlaceEdit", {
305
333
  enumerable: true,
306
334
  get: function () {
@@ -607,7 +635,7 @@ var _AutoClosable = _interopRequireDefault(require("./AutoClosable"));
607
635
  var _AuxiliaryActions = _interopRequireDefault(require("./AuxiliaryActions"));
608
636
  var _Badge = _interopRequireDefault(require("./Badge"));
609
637
  var _Breadcrumbs = _interopRequireDefault(require("./Breadcrumbs"));
610
- var _Button = _interopRequireDefault(require("./Button"));
638
+ var _Button = _interopRequireWildcard(require("./Button"));
611
639
  var _ButtonGroup = _interopRequireDefault(require("./ButtonGroup"));
612
640
  var _Card = _interopRequireWildcard(require("./Card"));
613
641
  Object.keys(_Card).forEach(function (key) {
@@ -703,7 +731,7 @@ var _Grid = _interopRequireDefault(require("./Grid"));
703
731
  var _GridCol = _interopRequireDefault(require("./GridCol"));
704
732
  var _Heading = _interopRequireDefault(require("./Heading"));
705
733
  var _Hint = _interopRequireDefault(require("./Hint"));
706
- var _Icon = _interopRequireDefault(require("./Icon"));
734
+ var _Icon = _interopRequireWildcard(require("./Icon"));
707
735
  var _Input = _interopRequireDefault(require("./Input"));
708
736
  var _InputFile = _interopRequireDefault(require("./InputFile"));
709
737
  var _InputNumber = _interopRequireDefault(require("./InputNumber"));
package/cjs/index.js CHANGED
@@ -46,6 +46,6 @@ Object.keys(_components).forEach(function (key) {
46
46
  });
47
47
  });
48
48
  // Copyright 1999-2023. Plesk International GmbH. All rights reserved.
49
- const version = "3.33.0";
49
+ const version = "3.34.1";
50
50
  exports.version = version;
51
51
  (0, _svg4everybody.default)();
@@ -0,0 +1,5 @@
1
+ "use strict";
2
+
3
+ Object.defineProperty(exports, "__esModule", {
4
+ value: true
5
+ });
@@ -0,0 +1,5 @@
1
+ "use strict";
2
+
3
+ Object.defineProperty(exports, "__esModule", {
4
+ value: true
5
+ });