@plesk/ui-library 3.34.0 → 3.34.2

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 (59) 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/Drawer/Drawer.js +10 -143
  5. package/cjs/components/Drawer/Header.js +5 -12
  6. package/cjs/components/Dropdown/Dropdown.js +4 -42
  7. package/cjs/components/Form/Form.js +2 -1
  8. package/cjs/components/FormFieldPassword/PasswordMeter.js +4 -4
  9. package/cjs/components/Overlay/Overlay.js +4 -3
  10. package/cjs/components/Section/Section.js +2 -1
  11. package/cjs/components/Skeleton/SkeletonText.js +1 -1
  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 +128 -494
  20. package/dist/plesk-ui-library.js.map +1 -1
  21. package/dist/plesk-ui-library.min.js +5 -5
  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/Drawer/Drawer.js +10 -141
  27. package/esm/components/Drawer/Header.js +5 -10
  28. package/esm/components/Dropdown/Dropdown.js +4 -40
  29. package/esm/components/Form/Form.js +2 -1
  30. package/esm/components/FormFieldPassword/PasswordMeter.js +4 -4
  31. package/esm/components/Overlay/Overlay.js +4 -3
  32. package/esm/components/Section/Section.js +2 -1
  33. package/esm/components/Skeleton/SkeletonText.js +1 -1
  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.70f167a3.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 +105 -0
  42. package/types/src/components/Button/index.d.ts +2 -0
  43. package/types/src/components/Dialog/Dialog.d.ts +126 -0
  44. package/types/src/components/Dialog/index.d.ts +2 -0
  45. package/types/src/components/Drawer/Drawer.d.ts +108 -0
  46. package/types/src/components/Drawer/DrawerProgress.d.ts +1 -1
  47. package/types/src/components/Drawer/Header.d.ts +28 -0
  48. package/types/src/components/Drawer/index.d.ts +2 -0
  49. package/types/src/components/Dropdown/Dropdown.d.ts +54 -0
  50. package/types/src/components/Form/Form.d.ts +11 -11
  51. package/types/src/components/Icon/Icon.d.ts +1 -1
  52. package/types/src/components/Icon/index.d.ts +1 -0
  53. package/types/src/components/Overlay/Overlay.d.ts +1 -1
  54. package/types/src/components/Overlay/index.d.ts +1 -0
  55. package/types/src/components/index.d.ts +3 -0
  56. package/types/src/utils/types/PolymorphicComponent.d.ts +11 -0
  57. package/types/src/utils/types/index.d.ts +1 -0
  58. package/styleguide/build/bundle.ad46084d.js +0 -2
  59. /package/styleguide/build/{bundle.ad46084d.js.LICENSE.txt → bundle.70f167a3.js.LICENSE.txt} +0 -0
package/cjs/components/FormFieldPassword/PasswordMeter.js CHANGED
@@ -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
package/cjs/components/Overlay/Overlay.js CHANGED
@@ -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) {
package/cjs/components/Section/Section.js CHANGED
@@ -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
  }
package/cjs/components/Skeleton/SkeletonText.js CHANGED
@@ -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
  };
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.34.0";
49
+ const version = "3.34.2";
50
50
  exports.version = version;
51
51
  (0, _svg4everybody.default)();
package/cjs/utils/types/PolymorphicComponent.js ADDED
@@ -0,0 +1,5 @@
1
+ "use strict";
2
+
3
+ Object.defineProperty(exports, "__esModule", {
4
+ value: true
5
+ });
package/cjs/utils/types/index.js ADDED
@@ -0,0 +1,5 @@
1
+ "use strict";
2
+
3
+ Object.defineProperty(exports, "__esModule", {
4
+ value: true
5
+ });