@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.
- package/cjs/components/Badge/Badge.js +2 -2
- package/cjs/components/Carousel/Carousel.js +0 -14
- package/cjs/components/LocaleProvider/LocaleProvider.js +17 -1
- package/cjs/components/SegmentedControl/SegmentedControl.js +12 -10
- package/cjs/components/StatusMessage/StatusMessage.js +1 -0
- package/cjs/components/Subnav/Subnav.js +1 -1
- package/cjs/components/Tabs/SearchBar.js +12 -13
- package/cjs/components/Toolbar/RegistryContext.js +90 -31
- package/cjs/components/Toolbar/Toolbar.js +5 -80
- package/cjs/components/Toolbar/ToolbarGroup.js +6 -159
- package/cjs/components/Toolbar/ToolbarItem.js +15 -59
- package/cjs/components/index.js +21 -11
- package/cjs/hooks/useSqueeze.js +3 -1
- package/cjs/index.js +1 -1
- package/dist/plesk-ui-library-rtl.css +1 -1
- package/dist/plesk-ui-library-rtl.css.map +1 -1
- package/dist/plesk-ui-library.css +1 -1
- package/dist/plesk-ui-library.css.map +1 -1
- package/dist/plesk-ui-library.js +103 -420
- package/dist/plesk-ui-library.js.map +1 -1
- package/dist/plesk-ui-library.min.js +6 -6
- package/dist/plesk-ui-library.min.js.map +1 -1
- package/esm/components/Badge/Badge.js +2 -2
- package/esm/components/Carousel/Carousel.js +0 -14
- package/esm/components/LocaleProvider/LocaleProvider.js +16 -1
- package/esm/components/SegmentedControl/SegmentedControl.js +12 -10
- package/esm/components/StatusMessage/StatusMessage.js +1 -0
- package/esm/components/Subnav/Subnav.js +1 -1
- package/esm/components/Tabs/SearchBar.js +12 -13
- package/esm/components/Toolbar/RegistryContext.js +87 -30
- package/esm/components/Toolbar/Toolbar.js +7 -82
- package/esm/components/Toolbar/ToolbarGroup.js +7 -160
- package/esm/components/Toolbar/ToolbarItem.js +15 -59
- package/esm/components/index.js +1 -2
- package/esm/hooks/useSqueeze.js +3 -1
- package/esm/index.js +1 -1
- package/package.json +23 -25
- package/styleguide/build/bundle.52d1d9a1.js +2 -0
- package/styleguide/index.html +2 -2
- package/types/src/components/LocaleProvider/LocaleProvider.d.ts +1 -0
- package/types/src/components/Toolbar/RegistryContext.d.ts +22 -13
- package/types/src/components/Toolbar/Toolbar.d.ts +8 -8
- package/types/src/components/Toolbar/ToolbarGroup.d.ts +6 -16
- package/types/src/components/Toolbar/ToolbarItem.d.ts +1 -1
- package/types/src/components/index.d.ts +2 -2
- package/cjs/components/Toolbar/RegistryContextBeta.js +0 -112
- package/esm/components/Toolbar/RegistryContextBeta.js +0 -103
- package/styleguide/build/bundle.f0d21187.js +0 -2
- package/types/src/components/Toolbar/RegistryContextBeta.d.ts +0 -25
- /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
|
|
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
|
-
|
|
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,
|
|
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 =
|
|
69
|
-
|
|
70
|
-
|
|
71
|
-
|
|
72
|
-
|
|
73
|
-
|
|
74
|
-
|
|
75
|
-
|
|
76
|
-
|
|
77
|
-
|
|
78
|
-
|
|
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;
|
package/cjs/components/index.js
CHANGED
|
@@ -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"));
|
package/cjs/hooks/useSqueeze.js
CHANGED
|
@@ -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
|
|
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