@plesk/ui-library 3.40.5 → 3.40.7

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 (50) hide show
  1. package/cjs/components/Badge/Badge.js +2 -2
  2. package/cjs/components/Carousel/Carousel.js +0 -14
  3. package/cjs/components/LocaleProvider/LocaleProvider.js +17 -1
  4. package/cjs/components/SegmentedControl/SegmentedControl.js +12 -10
  5. package/cjs/components/StatusMessage/StatusMessage.js +1 -0
  6. package/cjs/components/Subnav/Subnav.js +1 -1
  7. package/cjs/components/Tabs/SearchBar.js +12 -13
  8. package/cjs/components/Toolbar/RegistryContext.js +90 -31
  9. package/cjs/components/Toolbar/Toolbar.js +5 -80
  10. package/cjs/components/Toolbar/ToolbarGroup.js +6 -159
  11. package/cjs/components/Toolbar/ToolbarItem.js +15 -59
  12. package/cjs/components/index.js +21 -11
  13. package/cjs/hooks/useSqueeze.js +3 -1
  14. package/cjs/index.js +1 -1
  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 +103 -420
  20. package/dist/plesk-ui-library.js.map +1 -1
  21. package/dist/plesk-ui-library.min.js +6 -6
  22. package/dist/plesk-ui-library.min.js.map +1 -1
  23. package/esm/components/Badge/Badge.js +2 -2
  24. package/esm/components/Carousel/Carousel.js +0 -14
  25. package/esm/components/LocaleProvider/LocaleProvider.js +16 -1
  26. package/esm/components/SegmentedControl/SegmentedControl.js +12 -10
  27. package/esm/components/StatusMessage/StatusMessage.js +1 -0
  28. package/esm/components/Subnav/Subnav.js +1 -1
  29. package/esm/components/Tabs/SearchBar.js +12 -13
  30. package/esm/components/Toolbar/RegistryContext.js +87 -30
  31. package/esm/components/Toolbar/Toolbar.js +7 -82
  32. package/esm/components/Toolbar/ToolbarGroup.js +7 -160
  33. package/esm/components/Toolbar/ToolbarItem.js +15 -59
  34. package/esm/components/index.js +1 -2
  35. package/esm/hooks/useSqueeze.js +3 -1
  36. package/esm/index.js +1 -1
  37. package/package.json +23 -25
  38. package/styleguide/build/bundle.52d1d9a1.js +2 -0
  39. package/styleguide/index.html +2 -2
  40. package/types/src/components/LocaleProvider/LocaleProvider.d.ts +1 -0
  41. package/types/src/components/Toolbar/RegistryContext.d.ts +22 -13
  42. package/types/src/components/Toolbar/Toolbar.d.ts +8 -8
  43. package/types/src/components/Toolbar/ToolbarGroup.d.ts +6 -16
  44. package/types/src/components/Toolbar/ToolbarItem.d.ts +1 -1
  45. package/types/src/components/index.d.ts +2 -2
  46. package/cjs/components/Toolbar/RegistryContextBeta.js +0 -112
  47. package/esm/components/Toolbar/RegistryContextBeta.js +0 -103
  48. package/styleguide/build/bundle.f0d21187.js +0 -2
  49. package/types/src/components/Toolbar/RegistryContextBeta.d.ts +0 -25
  50. /package/styleguide/build/{bundle.f0d21187.js.LICENSE.txt → bundle.52d1d9a1.js.LICENSE.txt} +0 -0
@@ -5,81 +5,37 @@ Object.defineProperty(exports, "__esModule", {
5
5
  value: true
6
6
  });
7
7
  exports.toToolbarItems = void 0;
8
- var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
9
8
  var _react = require("react");
10
9
  var _classnames = _interopRequireDefault(require("classnames"));
11
10
  var _constants = require("../../constants");
12
11
  var _ResponsiveContext = _interopRequireDefault(require("../ResponsiveContext"));
13
- var _RegistryContext = _interopRequireDefault(require("./RegistryContext"));
14
12
  var _ToolbarGroup = _interopRequireDefault(require("./ToolbarGroup"));
15
13
  var _ToolbarExpander = _interopRequireDefault(require("./ToolbarExpander"));
16
- var _RegistryContextBeta = require("./RegistryContextBeta");
14
+ var _RegistryContext = require("./RegistryContext");
17
15
  var _jsxRuntime = require("react/jsx-runtime");
18
16
  // Copyright 1999-2023. Plesk International GmbH. All rights reserved.
19
17
 
20
- class ToolbarItem extends _react.Component {
21
- constructor() {
22
- super(...arguments);
23
- (0, _defineProperty2.default)(this, "state", {
24
- compact: false
25
- });
26
- (0, _defineProperty2.default)(this, "context", void 0);
27
- }
28
- componentDidMount() {
29
- const registry = this.context;
30
- registry.register(this);
31
- }
32
- componentWillUnmount() {
33
- const registry = this.context;
34
- registry.unregister(this);
35
- }
36
- isCompact() {
37
- return this.state.compact;
38
- }
39
- setCompact(compact) {
40
- this.setState({
41
- compact
42
- });
43
- }
44
- render() {
45
- const {
46
- children
47
- } = this.props;
48
- const {
49
- compact
50
- } = this.state;
51
- return /*#__PURE__*/(0, _jsxRuntime.jsx)(_ResponsiveContext.default.Provider, {
52
- value: compact,
53
- children: children
54
- });
55
- }
56
- }
57
- ToolbarItem.contextType = _RegistryContext.default;
58
- const ToolbarItemBeta = _ref => {
18
+ const ToolbarItem = _ref => {
59
19
  let {
60
20
  children
61
21
  } = _ref;
62
- const [isCompact] = (0, _RegistryContextBeta.useRegistryItem)();
22
+ const [isCompact] = (0, _RegistryContext.useRegistryItem)();
63
23
  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_ResponsiveContext.default.Provider, {
64
24
  value: isCompact,
65
25
  children: children
66
26
  });
67
27
  };
68
- const toToolbarItems = function (children) {
69
- let isBeta = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : false;
70
- return _react.Children.map(children, child => {
71
- if (! /*#__PURE__*/(0, _react.isValidElement)(child)) {
72
- return child;
73
- }
74
- if (child.type === _ToolbarGroup.default || child.type === _ToolbarExpander.default) {
75
- return child;
76
- }
77
- const Component = isBeta ? ToolbarItemBeta : ToolbarItem;
78
- return /*#__PURE__*/(0, _jsxRuntime.jsx)(Component, {
79
- children: /*#__PURE__*/(0, _react.cloneElement)(child, {
80
- className: (0, _classnames.default)(child.props.className, `${_constants.CLS_PREFIX}toolbar__group-item`)
81
- })
82
- });
28
+ const toToolbarItems = children => _react.Children.map(children, child => {
29
+ if (! /*#__PURE__*/(0, _react.isValidElement)(child)) {
30
+ return child;
31
+ }
32
+ if (child.type === _ToolbarGroup.default || child.type === _ToolbarExpander.default) {
33
+ return child;
34
+ }
35
+ return /*#__PURE__*/(0, _jsxRuntime.jsx)(ToolbarItem, {
36
+ children: /*#__PURE__*/(0, _react.cloneElement)(child, {
37
+ className: (0, _classnames.default)(child.props.className, `${_constants.CLS_PREFIX}toolbar__group-item`)
38
+ })
83
39
  });
84
- };
40
+ });
85
41
  exports.toToolbarItems = toToolbarItems;
@@ -61,6 +61,9 @@ var _exportNames = {
61
61
  ListEmptyView: true,
62
62
  ListActionsDivider: true,
63
63
  LocaleProvider: true,
64
+ useTranslate: true,
65
+ LocaleContext: true,
66
+ LocaleBetaProvider: true,
64
67
  Markdown: true,
65
68
  Media: true,
66
69
  MediaSection: true,
@@ -432,6 +435,18 @@ Object.defineProperty(exports, "ListOperation", {
432
435
  return _List.ListOperation;
433
436
  }
434
437
  });
438
+ Object.defineProperty(exports, "LocaleBetaProvider", {
439
+ enumerable: true,
440
+ get: function () {
441
+ return _LocaleProvider.LocaleBetaProvider;
442
+ }
443
+ });
444
+ Object.defineProperty(exports, "LocaleContext", {
445
+ enumerable: true,
446
+ get: function () {
447
+ return _LocaleProvider.LocaleContext;
448
+ }
449
+ });
435
450
  Object.defineProperty(exports, "LocaleProvider", {
436
451
  enumerable: true,
437
452
  get: function () {
@@ -762,6 +777,12 @@ Object.defineProperty(exports, "Translate", {
762
777
  return _Translate.default;
763
778
  }
764
779
  });
780
+ Object.defineProperty(exports, "useTranslate", {
781
+ enumerable: true,
782
+ get: function () {
783
+ return _LocaleProvider.useTranslate;
784
+ }
785
+ });
765
786
  var _Action = _interopRequireDefault(require("./Action"));
766
787
  var _Alert = _interopRequireDefault(require("./Alert"));
767
788
  var _AutoClosable = _interopRequireDefault(require("./AutoClosable"));
@@ -866,17 +887,6 @@ var _Label = _interopRequireDefault(require("./Label"));
866
887
  var _Layout = _interopRequireDefault(require("./Layout"));
867
888
  var _List = _interopRequireWildcard(require("./List"));
868
889
  var _LocaleProvider = _interopRequireWildcard(require("./LocaleProvider"));
869
- Object.keys(_LocaleProvider).forEach(function (key) {
870
- if (key === "default" || key === "__esModule") return;
871
- if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
872
- if (key in exports && exports[key] === _LocaleProvider[key]) return;
873
- Object.defineProperty(exports, key, {
874
- enumerable: true,
875
- get: function () {
876
- return _LocaleProvider[key];
877
- }
878
- });
879
- });
880
890
  var _Markdown = _interopRequireDefault(require("./Markdown"));
881
891
  var _Media = _interopRequireWildcard(require("./Media"));
882
892
  var _Menu = _interopRequireWildcard(require("./Menu"));
@@ -27,7 +27,9 @@ const useSqueeze = _ref => {
27
27
  if (!ref.current) return;
28
28
  const root = ref.current;
29
29
  const width = Math.ceil(root.getBoundingClientRect().width);
30
- const scrollWidth = Math.floor(root.scrollWidth);
30
+ const {
31
+ scrollWidth
32
+ } = root;
31
33
  let isCompactChanged = false;
32
34
  if (scrollWidth > width) {
33
35
  isCompactChanged = compact();
package/cjs/index.js CHANGED
@@ -46,5 +46,5 @@ Object.keys(_components).forEach(function (key) {
46
46
  });
47
47
  });
48
48
  // Copyright 1999-2023. Plesk International GmbH. All rights reserved.
49
- const version = exports.version = "3.40.5";
49
+ const version = exports.version = "3.40.7";
50
50
  (0, _svg4everybody.default)();