@hitachivantara/uikit-react-core 5.13.0 → 5.14.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.
- package/dist/cjs/components/BaseInput/BaseInput.cjs +2 -2
- package/dist/cjs/components/BaseInput/BaseInput.cjs.map +1 -1
- package/dist/cjs/components/Forms/FormElement/utils/FormUtils.cjs +2 -2
- package/dist/cjs/components/Forms/FormElement/utils/FormUtils.cjs.map +1 -1
- package/dist/cjs/components/OverflowTooltip/OverflowTooltip.cjs.map +1 -1
- package/dist/cjs/components/Table/renderers/renderers.cjs +3 -2
- package/dist/cjs/components/Table/renderers/renderers.cjs.map +1 -1
- package/dist/cjs/components/Tooltip/Tooltip.cjs +2 -1
- package/dist/cjs/components/Tooltip/Tooltip.cjs.map +1 -1
- package/dist/cjs/components/VerticalNavigation/TreeView/TreeViewItem.cjs +6 -3
- package/dist/cjs/components/VerticalNavigation/TreeView/TreeViewItem.cjs.map +1 -1
- package/dist/cjs/components/VerticalNavigation/TreeView/TreeViewItem.styles.cjs +36 -5
- package/dist/cjs/components/VerticalNavigation/TreeView/TreeViewItem.styles.cjs.map +1 -1
- package/dist/cjs/hocs/withTooltip.cjs.map +1 -1
- package/dist/esm/components/BaseInput/BaseInput.js +2 -2
- package/dist/esm/components/BaseInput/BaseInput.js.map +1 -1
- package/dist/esm/components/Forms/FormElement/utils/FormUtils.js +2 -2
- package/dist/esm/components/Forms/FormElement/utils/FormUtils.js.map +1 -1
- package/dist/esm/components/OverflowTooltip/OverflowTooltip.js.map +1 -1
- package/dist/esm/components/Table/renderers/renderers.js +3 -2
- package/dist/esm/components/Table/renderers/renderers.js.map +1 -1
- package/dist/esm/components/Tooltip/Tooltip.js +2 -1
- package/dist/esm/components/Tooltip/Tooltip.js.map +1 -1
- package/dist/esm/components/VerticalNavigation/TreeView/TreeViewItem.js +7 -4
- package/dist/esm/components/VerticalNavigation/TreeView/TreeViewItem.js.map +1 -1
- package/dist/esm/components/VerticalNavigation/TreeView/TreeViewItem.styles.js +36 -5
- package/dist/esm/components/VerticalNavigation/TreeView/TreeViewItem.styles.js.map +1 -1
- package/dist/esm/hocs/withTooltip.js.map +1 -1
- package/dist/types/index.d.ts +8 -4
- package/package.json +2 -2
|
@@ -2,6 +2,7 @@
|
|
|
2
2
|
Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
|
|
3
3
|
const _styled = require("@emotion/styled/base");
|
|
4
4
|
const uikitStyles = require("@hitachivantara/uikit-styles");
|
|
5
|
+
const transientOptions = require("../../../utils/transientOptions.cjs");
|
|
5
6
|
const treeViewItemClasses = require("./treeViewItemClasses.cjs");
|
|
6
7
|
const Typography = require("../../Typography/Typography.cjs");
|
|
7
8
|
const focusUtils = require("../../../utils/focusUtils.cjs");
|
|
@@ -10,6 +11,20 @@ const _styled__default = /* @__PURE__ */ _interopDefault(_styled);
|
|
|
10
11
|
function _EMOTION_STRINGIFIED_CSS_ERROR__() {
|
|
11
12
|
return "You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop).";
|
|
12
13
|
}
|
|
14
|
+
function _extends() {
|
|
15
|
+
_extends = Object.assign ? Object.assign.bind() : function(target) {
|
|
16
|
+
for (var i = 1; i < arguments.length; i++) {
|
|
17
|
+
var source = arguments[i];
|
|
18
|
+
for (var key in source) {
|
|
19
|
+
if (Object.prototype.hasOwnProperty.call(source, key)) {
|
|
20
|
+
target[key] = source[key];
|
|
21
|
+
}
|
|
22
|
+
}
|
|
23
|
+
}
|
|
24
|
+
return target;
|
|
25
|
+
};
|
|
26
|
+
return _extends.apply(this, arguments);
|
|
27
|
+
}
|
|
13
28
|
const selected = () => ({
|
|
14
29
|
background: uikitStyles.theme.colors.atmo3,
|
|
15
30
|
borderLeft: uikitStyles.theme.verticalNavigation.activeBorderLeft,
|
|
@@ -21,9 +36,9 @@ const hover = () => ({
|
|
|
21
36
|
background: uikitStyles.theme.verticalNavigation.hoverColor
|
|
22
37
|
});
|
|
23
38
|
const StyledGroup = /* @__PURE__ */ _styled__default.default("ul", process.env.NODE_ENV === "production" ? {
|
|
24
|
-
target: "
|
|
39
|
+
target: "er1eqbm3"
|
|
25
40
|
} : {
|
|
26
|
-
target: "
|
|
41
|
+
target: "er1eqbm3",
|
|
27
42
|
label: "StyledGroup"
|
|
28
43
|
})(process.env.NODE_ENV === "production" ? {
|
|
29
44
|
name: "1a8z1t8",
|
|
@@ -31,9 +46,24 @@ const StyledGroup = /* @__PURE__ */ _styled__default.default("ul", process.env.N
|
|
|
31
46
|
} : {
|
|
32
47
|
name: "1a8z1t8",
|
|
33
48
|
styles: "margin:8px 0 0 0;padding:0",
|
|
34
|
-
map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,
|
|
49
|
+
map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvVmVydGljYWxOYXZpZ2F0aW9uL1RyZWVWaWV3L1RyZWVWaWV3SXRlbS5zdHlsZXMudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQW1CMkIiLCJmaWxlIjoiL2hvbWUvcnVubmVyL3dvcmsvaHYtdWlraXQtcmVhY3QvaHYtdWlraXQtcmVhY3QvcGFja2FnZXMvY29yZS9zcmMvY29tcG9uZW50cy9WZXJ0aWNhbE5hdmlnYXRpb24vVHJlZVZpZXcvVHJlZVZpZXdJdGVtLnN0eWxlcy50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgc3R5bGVkIGZyb20gXCJAZW1vdGlvbi9zdHlsZWRcIjtcbmltcG9ydCB7IHRoZW1lIH0gZnJvbSBcIkBoaXRhY2hpdmFudGFyYS91aWtpdC1zdHlsZXNcIjtcbmltcG9ydCB7IEh2VHlwb2dyYXBoeSB9IGZyb20gXCJAY29yZS9jb21wb25lbnRzXCI7XG5pbXBvcnQgeyBvdXRsaW5lU3R5bGVzIH0gZnJvbSBcIkBjb3JlL3V0aWxzXCI7XG5pbXBvcnQgeyB0cmFuc2llbnRPcHRpb25zIH0gZnJvbSBcIkBjb3JlL3V0aWxzL3RyYW5zaWVudE9wdGlvbnNcIjtcbmltcG9ydCB0cmVlVmlld0l0ZW1DbGFzc2VzIGZyb20gXCIuL3RyZWVWaWV3SXRlbUNsYXNzZXNcIjtcblxuY29uc3Qgc2VsZWN0ZWQgPSAoKSA9PiAoe1xuICBiYWNrZ3JvdW5kOiB0aGVtZS5jb2xvcnMuYXRtbzMsXG4gIGJvcmRlckxlZnQ6IHRoZW1lLnZlcnRpY2FsTmF2aWdhdGlvbi5hY3RpdmVCb3JkZXJMZWZ0LFxuICBcIiYgKlwiOiB7XG4gICAgYmFja2dyb3VuZDogdGhlbWUuY29sb3JzLmF0bW8zLFxuICB9LFxufSk7XG5cbmNvbnN0IGhvdmVyID0gKCkgPT4gKHtcbiAgYmFja2dyb3VuZDogdGhlbWUudmVydGljYWxOYXZpZ2F0aW9uLmhvdmVyQ29sb3IsXG59KTtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZEdyb3VwID0gc3R5bGVkKFwidWxcIikoe1xuICBtYXJnaW46IFwiOHB4IDAgMCAwXCIsXG4gIHBhZGRpbmc6IDAsXG59KTtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZExhYmVsID0gc3R5bGVkKFxuICBcImRpdlwiLFxuICB0cmFuc2llbnRPcHRpb25zXG4pKCh7ICRleHBhbmRhYmxlIH06IHsgJGV4cGFuZGFibGU6IGJvb2xlYW4gfSkgPT4gKHtcbiAgZGlzcGxheTogXCJmbGV4XCIsXG4gIGZsZXhHcm93OiAxLFxuICBtYXhXaWR0aDogXCIxMDAlXCIsXG4gIC4uLigkZXhwYW5kYWJsZSAmJiB7XG4gICAgbWF4V2lkdGg6IFwiY2FsYygxMDAlIC0gMzJweClcIixcbiAgfSksXG59KSk7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWROb2RlID0gc3R5bGVkKFwibGlcIikoe1xuICBsaXN0U3R5bGU6IFwibm9uZVwiLFxuICBtaW5IZWlnaHQ6IFwiMzJweFwiLFxuICBcIiY6bm90KDpsYXN0LWNoaWxkKVwiOiB7XG4gICAgbWFyZ2luQm90dG9tOiBcIjhweFwiLFxuICB9LFxuICBbYCYuJHt0cmVlVmlld0l0ZW1DbGFzc2VzLmNvbGxhcHNlZH1gXToge1xuICAgIFtgJj4uJHt0cmVlVmlld0l0ZW1DbGFzc2VzLmdyb3VwfWBdOiB7XG4gICAgICBkaXNwbGF5OiBcIm5vbmVcIixcbiAgICB9LFxuICB9LFxuICBbYCYuJHt0cmVlVmlld0l0ZW1DbGFzc2VzLmV4cGFuZGVkfWBdOiB7XG4gICAgW2AmPi4ke3RyZWVWaWV3SXRlbUNsYXNzZXMuZ3JvdXB9YF06IHtcbiAgICAgIGRpc3BsYXk6IFwiYmxvY2tcIixcbiAgICB9LFxuICB9LFxuICBbYCYuJHt0cmVlVmlld0l0ZW1DbGFzc2VzLmxpbmt9YF06IHtcbiAgICB0ZXh0RGVjb3JhdGlvbjogXCJub25lXCIsXG4gIH0sXG4gIFtgJi4ke3RyZWVWaWV3SXRlbUNsYXNzZXMuaGlkZX1gXToge1xuICAgIGRpc3BsYXk6IFwibm9uZVwiLFxuICB9LFxufSk7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRDb250ZW50ID0gc3R5bGVkKEh2VHlwb2dyYXBoeSkoe1xuICB3aWR0aDogXCIxMDAlXCIsXG4gIGRpc3BsYXk6IFwiZmxleFwiLFxuICBqdXN0aWZ5Q29udGVudDogXCJmbGV4LXN0YXJ0XCIsXG4gIGFsaWduSXRlbXM6IFwiY2VudGVyXCIsXG4gIGhlaWdodDogXCIzMnB4XCIsXG4gIGJvcmRlckxlZnQ6IHRoZW1lLnZlcnRpY2FsTmF2aWdhdGlvbi5pbmFjdGl2ZUJvcmRlckxlZnQsXG4gIHBhZGRpbmdSaWdodDogdGhlbWUuc3BhY2UueHMsXG5cbiAgW2AmLiR7dHJlZVZpZXdJdGVtQ2xhc3Nlcy5taW5pbWl6ZWR9YF06IHtcbiAgICBqdXN0aWZ5Q29udGVudDogXCJjZW50ZXJcIixcbiAgICBwYWRkaW5nUmlnaHQ6IDAsXG4gIH0sXG5cbiAgW2AuJHt0cmVlVmlld0l0ZW1DbGFzc2VzLmV4cGFuZGFibGV9PiZgXToge1xuICAgIGZvbnRXZWlnaHQ6IDYwMCxcbiAgfSxcblxuICAvLyBzZWxlY3RlZCBzdGF0ZVxuICBbYC4ke3RyZWVWaWV3SXRlbUNsYXNzZXMuc2VsZWN0ZWR9PiZgXTogc2VsZWN0ZWQoKSxcblxuICAvLyBob3ZlclxuICBbYDpub3QoLiR7dHJlZVZpZXdJdGVtQ2xhc3Nlcy5kaXNhYmxlZH0gPiAmKTpub3QoLiR7dHJlZVZpZXdJdGVtQ2xhc3Nlcy5zZWxlY3RlZH0gPiAmKTpob3ZlcmBdOlxuICAgIGhvdmVyKCksXG4gIFtgOm5vdCguJHt0cmVlVmlld0l0ZW1DbGFzc2VzLmRpc2FibGVkfSA+ICYpLiR7dHJlZVZpZXdJdGVtQ2xhc3Nlcy5zZWxlY3RlZH0gPjpob3ZlcmBdOlxuICAgIHt9LFxuXG4gIC8vIGZvY3VzXG4gIFtgOm5vdCguJHt0cmVlVmlld0l0ZW1DbGFzc2VzLmRpc2FibGVkfT4mKTpub3QoLiR7dHJlZVZpZXdJdGVtQ2xhc3Nlcy5zZWxlY3RlZH0+Jik6Zm9jdXMtdmlzaWJsZWBdOlxuICAgIGhvdmVyKCksXG4gIFtgOm5vdCguJHt0cmVlVmlld0l0ZW1DbGFzc2VzLmRpc2FibGVkfT4mKTpub3QoLiR7dHJlZVZpZXdJdGVtQ2xhc3Nlcy5zZWxlY3RlZH0+JikuZm9jdXMtdmlzaWJsZWBdOlxuICAgIGhvdmVyKCksXG5cbiAgW2AqOmZvY3VzLXZpc2libGUgLiR7dHJlZVZpZXdJdGVtQ2xhc3Nlcy5mb2N1c2VkfT4mYF06IHtcbiAgICAuLi5vdXRsaW5lU3R5bGVzLFxuICB9LFxuXG4gIFtgIC5mb2N1cy12aXNpYmxlIC4ke3RyZWVWaWV3SXRlbUNsYXNzZXMuZm9jdXNlZH0+JmBdOiB7XG4gICAgLi4ub3V0bGluZVN0eWxlcyxcbiAgfSxcblxuICBbYCAuJHt0cmVlVmlld0l0ZW1DbGFzc2VzLmZvY3VzZWR9PiZgXToge1xuICAgIC4uLmhvdmVyKCksXG4gIH0sXG5cbiAgXCImW2Rpc2FibGVkXSwgJjphY3RpdmVcIjoge1xuICAgIG91dGxpbmU6IFwibm9uZVwiLFxuICB9LFxuXG4gIFwiJjpmb2N1c1wiOiB7XG4gICAgb3V0bGluZTogXCJub25lXCIsXG4gIH0sXG5cbiAgXCImOmZvY3VzLXZpc2libGVcIjoge1xuICAgIC4uLm91dGxpbmVTdHlsZXMsXG4gIH0sXG5cbiAgXCImLmZvY3VzLXZpc2libGVcIjoge1xuICAgIC4uLm91dGxpbmVTdHlsZXMsXG4gIH0sXG5cbiAgLy8gY3Vyc29yXG4gIGN1cnNvcjogXCJwb2ludGVyXCIsXG4gIFwiJiAqXCI6IHtcbiAgICBjdXJzb3I6IFwicG9pbnRlclwiLFxuICB9LFxuICBbYCAuJHt0cmVlVmlld0l0ZW1DbGFzc2VzLmRpc2FibGVkfT4mYF06IHtcbiAgICBjdXJzb3I6IFwibm90LWFsbG93ZWRcIixcbiAgICBcIiYgKlwiOiB7XG4gICAgICBjdXJzb3I6IFwibm90LWFsbG93ZWRcIixcbiAgICB9LFxuICB9LFxufSk7XG4iXX0= */",
|
|
35
50
|
toString: _EMOTION_STRINGIFIED_CSS_ERROR__
|
|
36
51
|
});
|
|
52
|
+
const StyledLabel = /* @__PURE__ */ _styled__default.default("div", process.env.NODE_ENV === "production" ? _extends({}, {
|
|
53
|
+
target: "er1eqbm2"
|
|
54
|
+
}, transientOptions.transientOptions) : _extends({}, {
|
|
55
|
+
target: "er1eqbm2",
|
|
56
|
+
label: "StyledLabel"
|
|
57
|
+
}, transientOptions.transientOptions))(({
|
|
58
|
+
$expandable
|
|
59
|
+
}) => ({
|
|
60
|
+
display: "flex",
|
|
61
|
+
flexGrow: 1,
|
|
62
|
+
maxWidth: "100%",
|
|
63
|
+
...$expandable && {
|
|
64
|
+
maxWidth: "calc(100% - 32px)"
|
|
65
|
+
}
|
|
66
|
+
}), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvVmVydGljYWxOYXZpZ2F0aW9uL1RyZWVWaWV3L1RyZWVWaWV3SXRlbS5zdHlsZXMudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQXdCMkIiLCJmaWxlIjoiL2hvbWUvcnVubmVyL3dvcmsvaHYtdWlraXQtcmVhY3QvaHYtdWlraXQtcmVhY3QvcGFja2FnZXMvY29yZS9zcmMvY29tcG9uZW50cy9WZXJ0aWNhbE5hdmlnYXRpb24vVHJlZVZpZXcvVHJlZVZpZXdJdGVtLnN0eWxlcy50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgc3R5bGVkIGZyb20gXCJAZW1vdGlvbi9zdHlsZWRcIjtcbmltcG9ydCB7IHRoZW1lIH0gZnJvbSBcIkBoaXRhY2hpdmFudGFyYS91aWtpdC1zdHlsZXNcIjtcbmltcG9ydCB7IEh2VHlwb2dyYXBoeSB9IGZyb20gXCJAY29yZS9jb21wb25lbnRzXCI7XG5pbXBvcnQgeyBvdXRsaW5lU3R5bGVzIH0gZnJvbSBcIkBjb3JlL3V0aWxzXCI7XG5pbXBvcnQgeyB0cmFuc2llbnRPcHRpb25zIH0gZnJvbSBcIkBjb3JlL3V0aWxzL3RyYW5zaWVudE9wdGlvbnNcIjtcbmltcG9ydCB0cmVlVmlld0l0ZW1DbGFzc2VzIGZyb20gXCIuL3RyZWVWaWV3SXRlbUNsYXNzZXNcIjtcblxuY29uc3Qgc2VsZWN0ZWQgPSAoKSA9PiAoe1xuICBiYWNrZ3JvdW5kOiB0aGVtZS5jb2xvcnMuYXRtbzMsXG4gIGJvcmRlckxlZnQ6IHRoZW1lLnZlcnRpY2FsTmF2aWdhdGlvbi5hY3RpdmVCb3JkZXJMZWZ0LFxuICBcIiYgKlwiOiB7XG4gICAgYmFja2dyb3VuZDogdGhlbWUuY29sb3JzLmF0bW8zLFxuICB9LFxufSk7XG5cbmNvbnN0IGhvdmVyID0gKCkgPT4gKHtcbiAgYmFja2dyb3VuZDogdGhlbWUudmVydGljYWxOYXZpZ2F0aW9uLmhvdmVyQ29sb3IsXG59KTtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZEdyb3VwID0gc3R5bGVkKFwidWxcIikoe1xuICBtYXJnaW46IFwiOHB4IDAgMCAwXCIsXG4gIHBhZGRpbmc6IDAsXG59KTtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZExhYmVsID0gc3R5bGVkKFxuICBcImRpdlwiLFxuICB0cmFuc2llbnRPcHRpb25zXG4pKCh7ICRleHBhbmRhYmxlIH06IHsgJGV4cGFuZGFibGU6IGJvb2xlYW4gfSkgPT4gKHtcbiAgZGlzcGxheTogXCJmbGV4XCIsXG4gIGZsZXhHcm93OiAxLFxuICBtYXhXaWR0aDogXCIxMDAlXCIsXG4gIC4uLigkZXhwYW5kYWJsZSAmJiB7XG4gICAgbWF4V2lkdGg6IFwiY2FsYygxMDAlIC0gMzJweClcIixcbiAgfSksXG59KSk7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWROb2RlID0gc3R5bGVkKFwibGlcIikoe1xuICBsaXN0U3R5bGU6IFwibm9uZVwiLFxuICBtaW5IZWlnaHQ6IFwiMzJweFwiLFxuICBcIiY6bm90KDpsYXN0LWNoaWxkKVwiOiB7XG4gICAgbWFyZ2luQm90dG9tOiBcIjhweFwiLFxuICB9LFxuICBbYCYuJHt0cmVlVmlld0l0ZW1DbGFzc2VzLmNvbGxhcHNlZH1gXToge1xuICAgIFtgJj4uJHt0cmVlVmlld0l0ZW1DbGFzc2VzLmdyb3VwfWBdOiB7XG4gICAgICBkaXNwbGF5OiBcIm5vbmVcIixcbiAgICB9LFxuICB9LFxuICBbYCYuJHt0cmVlVmlld0l0ZW1DbGFzc2VzLmV4cGFuZGVkfWBdOiB7XG4gICAgW2AmPi4ke3RyZWVWaWV3SXRlbUNsYXNzZXMuZ3JvdXB9YF06IHtcbiAgICAgIGRpc3BsYXk6IFwiYmxvY2tcIixcbiAgICB9LFxuICB9LFxuICBbYCYuJHt0cmVlVmlld0l0ZW1DbGFzc2VzLmxpbmt9YF06IHtcbiAgICB0ZXh0RGVjb3JhdGlvbjogXCJub25lXCIsXG4gIH0sXG4gIFtgJi4ke3RyZWVWaWV3SXRlbUNsYXNzZXMuaGlkZX1gXToge1xuICAgIGRpc3BsYXk6IFwibm9uZVwiLFxuICB9LFxufSk7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRDb250ZW50ID0gc3R5bGVkKEh2VHlwb2dyYXBoeSkoe1xuICB3aWR0aDogXCIxMDAlXCIsXG4gIGRpc3BsYXk6IFwiZmxleFwiLFxuICBqdXN0aWZ5Q29udGVudDogXCJmbGV4LXN0YXJ0XCIsXG4gIGFsaWduSXRlbXM6IFwiY2VudGVyXCIsXG4gIGhlaWdodDogXCIzMnB4XCIsXG4gIGJvcmRlckxlZnQ6IHRoZW1lLnZlcnRpY2FsTmF2aWdhdGlvbi5pbmFjdGl2ZUJvcmRlckxlZnQsXG4gIHBhZGRpbmdSaWdodDogdGhlbWUuc3BhY2UueHMsXG5cbiAgW2AmLiR7dHJlZVZpZXdJdGVtQ2xhc3Nlcy5taW5pbWl6ZWR9YF06IHtcbiAgICBqdXN0aWZ5Q29udGVudDogXCJjZW50ZXJcIixcbiAgICBwYWRkaW5nUmlnaHQ6IDAsXG4gIH0sXG5cbiAgW2AuJHt0cmVlVmlld0l0ZW1DbGFzc2VzLmV4cGFuZGFibGV9PiZgXToge1xuICAgIGZvbnRXZWlnaHQ6IDYwMCxcbiAgfSxcblxuICAvLyBzZWxlY3RlZCBzdGF0ZVxuICBbYC4ke3RyZWVWaWV3SXRlbUNsYXNzZXMuc2VsZWN0ZWR9PiZgXTogc2VsZWN0ZWQoKSxcblxuICAvLyBob3ZlclxuICBbYDpub3QoLiR7dHJlZVZpZXdJdGVtQ2xhc3Nlcy5kaXNhYmxlZH0gPiAmKTpub3QoLiR7dHJlZVZpZXdJdGVtQ2xhc3Nlcy5zZWxlY3RlZH0gPiAmKTpob3ZlcmBdOlxuICAgIGhvdmVyKCksXG4gIFtgOm5vdCguJHt0cmVlVmlld0l0ZW1DbGFzc2VzLmRpc2FibGVkfSA+ICYpLiR7dHJlZVZpZXdJdGVtQ2xhc3Nlcy5zZWxlY3RlZH0gPjpob3ZlcmBdOlxuICAgIHt9LFxuXG4gIC8vIGZvY3VzXG4gIFtgOm5vdCguJHt0cmVlVmlld0l0ZW1DbGFzc2VzLmRpc2FibGVkfT4mKTpub3QoLiR7dHJlZVZpZXdJdGVtQ2xhc3Nlcy5zZWxlY3RlZH0+Jik6Zm9jdXMtdmlzaWJsZWBdOlxuICAgIGhvdmVyKCksXG4gIFtgOm5vdCguJHt0cmVlVmlld0l0ZW1DbGFzc2VzLmRpc2FibGVkfT4mKTpub3QoLiR7dHJlZVZpZXdJdGVtQ2xhc3Nlcy5zZWxlY3RlZH0+JikuZm9jdXMtdmlzaWJsZWBdOlxuICAgIGhvdmVyKCksXG5cbiAgW2AqOmZvY3VzLXZpc2libGUgLiR7dHJlZVZpZXdJdGVtQ2xhc3Nlcy5mb2N1c2VkfT4mYF06IHtcbiAgICAuLi5vdXRsaW5lU3R5bGVzLFxuICB9LFxuXG4gIFtgIC5mb2N1cy12aXNpYmxlIC4ke3RyZWVWaWV3SXRlbUNsYXNzZXMuZm9jdXNlZH0+JmBdOiB7XG4gICAgLi4ub3V0bGluZVN0eWxlcyxcbiAgfSxcblxuICBbYCAuJHt0cmVlVmlld0l0ZW1DbGFzc2VzLmZvY3VzZWR9PiZgXToge1xuICAgIC4uLmhvdmVyKCksXG4gIH0sXG5cbiAgXCImW2Rpc2FibGVkXSwgJjphY3RpdmVcIjoge1xuICAgIG91dGxpbmU6IFwibm9uZVwiLFxuICB9LFxuXG4gIFwiJjpmb2N1c1wiOiB7XG4gICAgb3V0bGluZTogXCJub25lXCIsXG4gIH0sXG5cbiAgXCImOmZvY3VzLXZpc2libGVcIjoge1xuICAgIC4uLm91dGxpbmVTdHlsZXMsXG4gIH0sXG5cbiAgXCImLmZvY3VzLXZpc2libGVcIjoge1xuICAgIC4uLm91dGxpbmVTdHlsZXMsXG4gIH0sXG5cbiAgLy8gY3Vyc29yXG4gIGN1cnNvcjogXCJwb2ludGVyXCIsXG4gIFwiJiAqXCI6IHtcbiAgICBjdXJzb3I6IFwicG9pbnRlclwiLFxuICB9LFxuICBbYCAuJHt0cmVlVmlld0l0ZW1DbGFzc2VzLmRpc2FibGVkfT4mYF06IHtcbiAgICBjdXJzb3I6IFwibm90LWFsbG93ZWRcIixcbiAgICBcIiYgKlwiOiB7XG4gICAgICBjdXJzb3I6IFwibm90LWFsbG93ZWRcIixcbiAgICB9LFxuICB9LFxufSk7XG4iXX0= */");
|
|
37
67
|
const StyledNode = /* @__PURE__ */ _styled__default.default("li", process.env.NODE_ENV === "production" ? {
|
|
38
68
|
target: "er1eqbm1"
|
|
39
69
|
} : {
|
|
@@ -61,7 +91,7 @@ const StyledNode = /* @__PURE__ */ _styled__default.default("li", process.env.NO
|
|
|
61
91
|
[`&.${treeViewItemClasses.default.hide}`]: {
|
|
62
92
|
display: "none"
|
|
63
93
|
}
|
|
64
|
-
}, process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,
|
|
94
|
+
}, process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvVmVydGljYWxOYXZpZ2F0aW9uL1RyZWVWaWV3L1RyZWVWaWV3SXRlbS5zdHlsZXMudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQW9DMEIiLCJmaWxlIjoiL2hvbWUvcnVubmVyL3dvcmsvaHYtdWlraXQtcmVhY3QvaHYtdWlraXQtcmVhY3QvcGFja2FnZXMvY29yZS9zcmMvY29tcG9uZW50cy9WZXJ0aWNhbE5hdmlnYXRpb24vVHJlZVZpZXcvVHJlZVZpZXdJdGVtLnN0eWxlcy50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgc3R5bGVkIGZyb20gXCJAZW1vdGlvbi9zdHlsZWRcIjtcbmltcG9ydCB7IHRoZW1lIH0gZnJvbSBcIkBoaXRhY2hpdmFudGFyYS91aWtpdC1zdHlsZXNcIjtcbmltcG9ydCB7IEh2VHlwb2dyYXBoeSB9IGZyb20gXCJAY29yZS9jb21wb25lbnRzXCI7XG5pbXBvcnQgeyBvdXRsaW5lU3R5bGVzIH0gZnJvbSBcIkBjb3JlL3V0aWxzXCI7XG5pbXBvcnQgeyB0cmFuc2llbnRPcHRpb25zIH0gZnJvbSBcIkBjb3JlL3V0aWxzL3RyYW5zaWVudE9wdGlvbnNcIjtcbmltcG9ydCB0cmVlVmlld0l0ZW1DbGFzc2VzIGZyb20gXCIuL3RyZWVWaWV3SXRlbUNsYXNzZXNcIjtcblxuY29uc3Qgc2VsZWN0ZWQgPSAoKSA9PiAoe1xuICBiYWNrZ3JvdW5kOiB0aGVtZS5jb2xvcnMuYXRtbzMsXG4gIGJvcmRlckxlZnQ6IHRoZW1lLnZlcnRpY2FsTmF2aWdhdGlvbi5hY3RpdmVCb3JkZXJMZWZ0LFxuICBcIiYgKlwiOiB7XG4gICAgYmFja2dyb3VuZDogdGhlbWUuY29sb3JzLmF0bW8zLFxuICB9LFxufSk7XG5cbmNvbnN0IGhvdmVyID0gKCkgPT4gKHtcbiAgYmFja2dyb3VuZDogdGhlbWUudmVydGljYWxOYXZpZ2F0aW9uLmhvdmVyQ29sb3IsXG59KTtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZEdyb3VwID0gc3R5bGVkKFwidWxcIikoe1xuICBtYXJnaW46IFwiOHB4IDAgMCAwXCIsXG4gIHBhZGRpbmc6IDAsXG59KTtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZExhYmVsID0gc3R5bGVkKFxuICBcImRpdlwiLFxuICB0cmFuc2llbnRPcHRpb25zXG4pKCh7ICRleHBhbmRhYmxlIH06IHsgJGV4cGFuZGFibGU6IGJvb2xlYW4gfSkgPT4gKHtcbiAgZGlzcGxheTogXCJmbGV4XCIsXG4gIGZsZXhHcm93OiAxLFxuICBtYXhXaWR0aDogXCIxMDAlXCIsXG4gIC4uLigkZXhwYW5kYWJsZSAmJiB7XG4gICAgbWF4V2lkdGg6IFwiY2FsYygxMDAlIC0gMzJweClcIixcbiAgfSksXG59KSk7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWROb2RlID0gc3R5bGVkKFwibGlcIikoe1xuICBsaXN0U3R5bGU6IFwibm9uZVwiLFxuICBtaW5IZWlnaHQ6IFwiMzJweFwiLFxuICBcIiY6bm90KDpsYXN0LWNoaWxkKVwiOiB7XG4gICAgbWFyZ2luQm90dG9tOiBcIjhweFwiLFxuICB9LFxuICBbYCYuJHt0cmVlVmlld0l0ZW1DbGFzc2VzLmNvbGxhcHNlZH1gXToge1xuICAgIFtgJj4uJHt0cmVlVmlld0l0ZW1DbGFzc2VzLmdyb3VwfWBdOiB7XG4gICAgICBkaXNwbGF5OiBcIm5vbmVcIixcbiAgICB9LFxuICB9LFxuICBbYCYuJHt0cmVlVmlld0l0ZW1DbGFzc2VzLmV4cGFuZGVkfWBdOiB7XG4gICAgW2AmPi4ke3RyZWVWaWV3SXRlbUNsYXNzZXMuZ3JvdXB9YF06IHtcbiAgICAgIGRpc3BsYXk6IFwiYmxvY2tcIixcbiAgICB9LFxuICB9LFxuICBbYCYuJHt0cmVlVmlld0l0ZW1DbGFzc2VzLmxpbmt9YF06IHtcbiAgICB0ZXh0RGVjb3JhdGlvbjogXCJub25lXCIsXG4gIH0sXG4gIFtgJi4ke3RyZWVWaWV3SXRlbUNsYXNzZXMuaGlkZX1gXToge1xuICAgIGRpc3BsYXk6IFwibm9uZVwiLFxuICB9LFxufSk7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRDb250ZW50ID0gc3R5bGVkKEh2VHlwb2dyYXBoeSkoe1xuICB3aWR0aDogXCIxMDAlXCIsXG4gIGRpc3BsYXk6IFwiZmxleFwiLFxuICBqdXN0aWZ5Q29udGVudDogXCJmbGV4LXN0YXJ0XCIsXG4gIGFsaWduSXRlbXM6IFwiY2VudGVyXCIsXG4gIGhlaWdodDogXCIzMnB4XCIsXG4gIGJvcmRlckxlZnQ6IHRoZW1lLnZlcnRpY2FsTmF2aWdhdGlvbi5pbmFjdGl2ZUJvcmRlckxlZnQsXG4gIHBhZGRpbmdSaWdodDogdGhlbWUuc3BhY2UueHMsXG5cbiAgW2AmLiR7dHJlZVZpZXdJdGVtQ2xhc3Nlcy5taW5pbWl6ZWR9YF06IHtcbiAgICBqdXN0aWZ5Q29udGVudDogXCJjZW50ZXJcIixcbiAgICBwYWRkaW5nUmlnaHQ6IDAsXG4gIH0sXG5cbiAgW2AuJHt0cmVlVmlld0l0ZW1DbGFzc2VzLmV4cGFuZGFibGV9PiZgXToge1xuICAgIGZvbnRXZWlnaHQ6IDYwMCxcbiAgfSxcblxuICAvLyBzZWxlY3RlZCBzdGF0ZVxuICBbYC4ke3RyZWVWaWV3SXRlbUNsYXNzZXMuc2VsZWN0ZWR9PiZgXTogc2VsZWN0ZWQoKSxcblxuICAvLyBob3ZlclxuICBbYDpub3QoLiR7dHJlZVZpZXdJdGVtQ2xhc3Nlcy5kaXNhYmxlZH0gPiAmKTpub3QoLiR7dHJlZVZpZXdJdGVtQ2xhc3Nlcy5zZWxlY3RlZH0gPiAmKTpob3ZlcmBdOlxuICAgIGhvdmVyKCksXG4gIFtgOm5vdCguJHt0cmVlVmlld0l0ZW1DbGFzc2VzLmRpc2FibGVkfSA+ICYpLiR7dHJlZVZpZXdJdGVtQ2xhc3Nlcy5zZWxlY3RlZH0gPjpob3ZlcmBdOlxuICAgIHt9LFxuXG4gIC8vIGZvY3VzXG4gIFtgOm5vdCguJHt0cmVlVmlld0l0ZW1DbGFzc2VzLmRpc2FibGVkfT4mKTpub3QoLiR7dHJlZVZpZXdJdGVtQ2xhc3Nlcy5zZWxlY3RlZH0+Jik6Zm9jdXMtdmlzaWJsZWBdOlxuICAgIGhvdmVyKCksXG4gIFtgOm5vdCguJHt0cmVlVmlld0l0ZW1DbGFzc2VzLmRpc2FibGVkfT4mKTpub3QoLiR7dHJlZVZpZXdJdGVtQ2xhc3Nlcy5zZWxlY3RlZH0+JikuZm9jdXMtdmlzaWJsZWBdOlxuICAgIGhvdmVyKCksXG5cbiAgW2AqOmZvY3VzLXZpc2libGUgLiR7dHJlZVZpZXdJdGVtQ2xhc3Nlcy5mb2N1c2VkfT4mYF06IHtcbiAgICAuLi5vdXRsaW5lU3R5bGVzLFxuICB9LFxuXG4gIFtgIC5mb2N1cy12aXNpYmxlIC4ke3RyZWVWaWV3SXRlbUNsYXNzZXMuZm9jdXNlZH0+JmBdOiB7XG4gICAgLi4ub3V0bGluZVN0eWxlcyxcbiAgfSxcblxuICBbYCAuJHt0cmVlVmlld0l0ZW1DbGFzc2VzLmZvY3VzZWR9PiZgXToge1xuICAgIC4uLmhvdmVyKCksXG4gIH0sXG5cbiAgXCImW2Rpc2FibGVkXSwgJjphY3RpdmVcIjoge1xuICAgIG91dGxpbmU6IFwibm9uZVwiLFxuICB9LFxuXG4gIFwiJjpmb2N1c1wiOiB7XG4gICAgb3V0bGluZTogXCJub25lXCIsXG4gIH0sXG5cbiAgXCImOmZvY3VzLXZpc2libGVcIjoge1xuICAgIC4uLm91dGxpbmVTdHlsZXMsXG4gIH0sXG5cbiAgXCImLmZvY3VzLXZpc2libGVcIjoge1xuICAgIC4uLm91dGxpbmVTdHlsZXMsXG4gIH0sXG5cbiAgLy8gY3Vyc29yXG4gIGN1cnNvcjogXCJwb2ludGVyXCIsXG4gIFwiJiAqXCI6IHtcbiAgICBjdXJzb3I6IFwicG9pbnRlclwiLFxuICB9LFxuICBbYCAuJHt0cmVlVmlld0l0ZW1DbGFzc2VzLmRpc2FibGVkfT4mYF06IHtcbiAgICBjdXJzb3I6IFwibm90LWFsbG93ZWRcIixcbiAgICBcIiYgKlwiOiB7XG4gICAgICBjdXJzb3I6IFwibm90LWFsbG93ZWRcIixcbiAgICB9LFxuICB9LFxufSk7XG4iXX0= */");
|
|
65
95
|
const StyledContent = /* @__PURE__ */ _styled__default.default(Typography.HvTypography, process.env.NODE_ENV === "production" ? {
|
|
66
96
|
target: "er1eqbm0"
|
|
67
97
|
} : {
|
|
@@ -122,8 +152,9 @@ const StyledContent = /* @__PURE__ */ _styled__default.default(Typography.HvTypo
|
|
|
122
152
|
cursor: "not-allowed"
|
|
123
153
|
}
|
|
124
154
|
}
|
|
125
|
-
}, process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,
|
|
155
|
+
}, process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvVmVydGljYWxOYXZpZ2F0aW9uL1RyZWVWaWV3L1RyZWVWaWV3SXRlbS5zdHlsZXMudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQTRENkIiLCJmaWxlIjoiL2hvbWUvcnVubmVyL3dvcmsvaHYtdWlraXQtcmVhY3QvaHYtdWlraXQtcmVhY3QvcGFja2FnZXMvY29yZS9zcmMvY29tcG9uZW50cy9WZXJ0aWNhbE5hdmlnYXRpb24vVHJlZVZpZXcvVHJlZVZpZXdJdGVtLnN0eWxlcy50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgc3R5bGVkIGZyb20gXCJAZW1vdGlvbi9zdHlsZWRcIjtcbmltcG9ydCB7IHRoZW1lIH0gZnJvbSBcIkBoaXRhY2hpdmFudGFyYS91aWtpdC1zdHlsZXNcIjtcbmltcG9ydCB7IEh2VHlwb2dyYXBoeSB9IGZyb20gXCJAY29yZS9jb21wb25lbnRzXCI7XG5pbXBvcnQgeyBvdXRsaW5lU3R5bGVzIH0gZnJvbSBcIkBjb3JlL3V0aWxzXCI7XG5pbXBvcnQgeyB0cmFuc2llbnRPcHRpb25zIH0gZnJvbSBcIkBjb3JlL3V0aWxzL3RyYW5zaWVudE9wdGlvbnNcIjtcbmltcG9ydCB0cmVlVmlld0l0ZW1DbGFzc2VzIGZyb20gXCIuL3RyZWVWaWV3SXRlbUNsYXNzZXNcIjtcblxuY29uc3Qgc2VsZWN0ZWQgPSAoKSA9PiAoe1xuICBiYWNrZ3JvdW5kOiB0aGVtZS5jb2xvcnMuYXRtbzMsXG4gIGJvcmRlckxlZnQ6IHRoZW1lLnZlcnRpY2FsTmF2aWdhdGlvbi5hY3RpdmVCb3JkZXJMZWZ0LFxuICBcIiYgKlwiOiB7XG4gICAgYmFja2dyb3VuZDogdGhlbWUuY29sb3JzLmF0bW8zLFxuICB9LFxufSk7XG5cbmNvbnN0IGhvdmVyID0gKCkgPT4gKHtcbiAgYmFja2dyb3VuZDogdGhlbWUudmVydGljYWxOYXZpZ2F0aW9uLmhvdmVyQ29sb3IsXG59KTtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZEdyb3VwID0gc3R5bGVkKFwidWxcIikoe1xuICBtYXJnaW46IFwiOHB4IDAgMCAwXCIsXG4gIHBhZGRpbmc6IDAsXG59KTtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZExhYmVsID0gc3R5bGVkKFxuICBcImRpdlwiLFxuICB0cmFuc2llbnRPcHRpb25zXG4pKCh7ICRleHBhbmRhYmxlIH06IHsgJGV4cGFuZGFibGU6IGJvb2xlYW4gfSkgPT4gKHtcbiAgZGlzcGxheTogXCJmbGV4XCIsXG4gIGZsZXhHcm93OiAxLFxuICBtYXhXaWR0aDogXCIxMDAlXCIsXG4gIC4uLigkZXhwYW5kYWJsZSAmJiB7XG4gICAgbWF4V2lkdGg6IFwiY2FsYygxMDAlIC0gMzJweClcIixcbiAgfSksXG59KSk7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWROb2RlID0gc3R5bGVkKFwibGlcIikoe1xuICBsaXN0U3R5bGU6IFwibm9uZVwiLFxuICBtaW5IZWlnaHQ6IFwiMzJweFwiLFxuICBcIiY6bm90KDpsYXN0LWNoaWxkKVwiOiB7XG4gICAgbWFyZ2luQm90dG9tOiBcIjhweFwiLFxuICB9LFxuICBbYCYuJHt0cmVlVmlld0l0ZW1DbGFzc2VzLmNvbGxhcHNlZH1gXToge1xuICAgIFtgJj4uJHt0cmVlVmlld0l0ZW1DbGFzc2VzLmdyb3VwfWBdOiB7XG4gICAgICBkaXNwbGF5OiBcIm5vbmVcIixcbiAgICB9LFxuICB9LFxuICBbYCYuJHt0cmVlVmlld0l0ZW1DbGFzc2VzLmV4cGFuZGVkfWBdOiB7XG4gICAgW2AmPi4ke3RyZWVWaWV3SXRlbUNsYXNzZXMuZ3JvdXB9YF06IHtcbiAgICAgIGRpc3BsYXk6IFwiYmxvY2tcIixcbiAgICB9LFxuICB9LFxuICBbYCYuJHt0cmVlVmlld0l0ZW1DbGFzc2VzLmxpbmt9YF06IHtcbiAgICB0ZXh0RGVjb3JhdGlvbjogXCJub25lXCIsXG4gIH0sXG4gIFtgJi4ke3RyZWVWaWV3SXRlbUNsYXNzZXMuaGlkZX1gXToge1xuICAgIGRpc3BsYXk6IFwibm9uZVwiLFxuICB9LFxufSk7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRDb250ZW50ID0gc3R5bGVkKEh2VHlwb2dyYXBoeSkoe1xuICB3aWR0aDogXCIxMDAlXCIsXG4gIGRpc3BsYXk6IFwiZmxleFwiLFxuICBqdXN0aWZ5Q29udGVudDogXCJmbGV4LXN0YXJ0XCIsXG4gIGFsaWduSXRlbXM6IFwiY2VudGVyXCIsXG4gIGhlaWdodDogXCIzMnB4XCIsXG4gIGJvcmRlckxlZnQ6IHRoZW1lLnZlcnRpY2FsTmF2aWdhdGlvbi5pbmFjdGl2ZUJvcmRlckxlZnQsXG4gIHBhZGRpbmdSaWdodDogdGhlbWUuc3BhY2UueHMsXG5cbiAgW2AmLiR7dHJlZVZpZXdJdGVtQ2xhc3Nlcy5taW5pbWl6ZWR9YF06IHtcbiAgICBqdXN0aWZ5Q29udGVudDogXCJjZW50ZXJcIixcbiAgICBwYWRkaW5nUmlnaHQ6IDAsXG4gIH0sXG5cbiAgW2AuJHt0cmVlVmlld0l0ZW1DbGFzc2VzLmV4cGFuZGFibGV9PiZgXToge1xuICAgIGZvbnRXZWlnaHQ6IDYwMCxcbiAgfSxcblxuICAvLyBzZWxlY3RlZCBzdGF0ZVxuICBbYC4ke3RyZWVWaWV3SXRlbUNsYXNzZXMuc2VsZWN0ZWR9PiZgXTogc2VsZWN0ZWQoKSxcblxuICAvLyBob3ZlclxuICBbYDpub3QoLiR7dHJlZVZpZXdJdGVtQ2xhc3Nlcy5kaXNhYmxlZH0gPiAmKTpub3QoLiR7dHJlZVZpZXdJdGVtQ2xhc3Nlcy5zZWxlY3RlZH0gPiAmKTpob3ZlcmBdOlxuICAgIGhvdmVyKCksXG4gIFtgOm5vdCguJHt0cmVlVmlld0l0ZW1DbGFzc2VzLmRpc2FibGVkfSA+ICYpLiR7dHJlZVZpZXdJdGVtQ2xhc3Nlcy5zZWxlY3RlZH0gPjpob3ZlcmBdOlxuICAgIHt9LFxuXG4gIC8vIGZvY3VzXG4gIFtgOm5vdCguJHt0cmVlVmlld0l0ZW1DbGFzc2VzLmRpc2FibGVkfT4mKTpub3QoLiR7dHJlZVZpZXdJdGVtQ2xhc3Nlcy5zZWxlY3RlZH0+Jik6Zm9jdXMtdmlzaWJsZWBdOlxuICAgIGhvdmVyKCksXG4gIFtgOm5vdCguJHt0cmVlVmlld0l0ZW1DbGFzc2VzLmRpc2FibGVkfT4mKTpub3QoLiR7dHJlZVZpZXdJdGVtQ2xhc3Nlcy5zZWxlY3RlZH0+JikuZm9jdXMtdmlzaWJsZWBdOlxuICAgIGhvdmVyKCksXG5cbiAgW2AqOmZvY3VzLXZpc2libGUgLiR7dHJlZVZpZXdJdGVtQ2xhc3Nlcy5mb2N1c2VkfT4mYF06IHtcbiAgICAuLi5vdXRsaW5lU3R5bGVzLFxuICB9LFxuXG4gIFtgIC5mb2N1cy12aXNpYmxlIC4ke3RyZWVWaWV3SXRlbUNsYXNzZXMuZm9jdXNlZH0+JmBdOiB7XG4gICAgLi4ub3V0bGluZVN0eWxlcyxcbiAgfSxcblxuICBbYCAuJHt0cmVlVmlld0l0ZW1DbGFzc2VzLmZvY3VzZWR9PiZgXToge1xuICAgIC4uLmhvdmVyKCksXG4gIH0sXG5cbiAgXCImW2Rpc2FibGVkXSwgJjphY3RpdmVcIjoge1xuICAgIG91dGxpbmU6IFwibm9uZVwiLFxuICB9LFxuXG4gIFwiJjpmb2N1c1wiOiB7XG4gICAgb3V0bGluZTogXCJub25lXCIsXG4gIH0sXG5cbiAgXCImOmZvY3VzLXZpc2libGVcIjoge1xuICAgIC4uLm91dGxpbmVTdHlsZXMsXG4gIH0sXG5cbiAgXCImLmZvY3VzLXZpc2libGVcIjoge1xuICAgIC4uLm91dGxpbmVTdHlsZXMsXG4gIH0sXG5cbiAgLy8gY3Vyc29yXG4gIGN1cnNvcjogXCJwb2ludGVyXCIsXG4gIFwiJiAqXCI6IHtcbiAgICBjdXJzb3I6IFwicG9pbnRlclwiLFxuICB9LFxuICBbYCAuJHt0cmVlVmlld0l0ZW1DbGFzc2VzLmRpc2FibGVkfT4mYF06IHtcbiAgICBjdXJzb3I6IFwibm90LWFsbG93ZWRcIixcbiAgICBcIiYgKlwiOiB7XG4gICAgICBjdXJzb3I6IFwibm90LWFsbG93ZWRcIixcbiAgICB9LFxuICB9LFxufSk7XG4iXX0= */");
|
|
126
156
|
exports.StyledContent = StyledContent;
|
|
127
157
|
exports.StyledGroup = StyledGroup;
|
|
158
|
+
exports.StyledLabel = StyledLabel;
|
|
128
159
|
exports.StyledNode = StyledNode;
|
|
129
160
|
//# sourceMappingURL=TreeViewItem.styles.cjs.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"TreeViewItem.styles.cjs","sources":["../../../../../src/components/VerticalNavigation/TreeView/TreeViewItem.styles.tsx"],"sourcesContent":["import styled from \"@emotion/styled\";\nimport { theme } from \"@hitachivantara/uikit-styles\";\nimport { HvTypography } from \"@core/components\";\nimport { outlineStyles } from \"@core/utils\";\nimport treeViewItemClasses from \"./treeViewItemClasses\";\n\nconst selected = () => ({\n background: theme.colors.atmo3,\n borderLeft: theme.verticalNavigation.activeBorderLeft,\n \"& *\": {\n background: theme.colors.atmo3,\n },\n});\n\nconst hover = () => ({\n background: theme.verticalNavigation.hoverColor,\n});\n\nexport const StyledGroup = styled(\"ul\")({\n margin: \"8px 0 0 0\",\n padding: 0,\n});\n\nexport const StyledNode = styled(\"li\")({\n listStyle: \"none\",\n minHeight: \"32px\",\n \"&:not(:last-child)\": {\n marginBottom: \"8px\",\n },\n [`&.${treeViewItemClasses.collapsed}`]: {\n [`&>.${treeViewItemClasses.group}`]: {\n display: \"none\",\n },\n },\n [`&.${treeViewItemClasses.expanded}`]: {\n [`&>.${treeViewItemClasses.group}`]: {\n display: \"block\",\n },\n },\n [`&.${treeViewItemClasses.link}`]: {\n textDecoration: \"none\",\n },\n [`&.${treeViewItemClasses.hide}`]: {\n display: \"none\",\n },\n});\n\nexport const StyledContent = styled(HvTypography)({\n width: \"100%\",\n display: \"flex\",\n justifyContent: \"flex-start\",\n alignItems: \"center\",\n height: \"32px\",\n borderLeft: theme.verticalNavigation.inactiveBorderLeft,\n paddingRight: theme.space.xs,\n\n [`&.${treeViewItemClasses.minimized}`]: {\n justifyContent: \"center\",\n paddingRight: 0,\n },\n\n [`.${treeViewItemClasses.expandable}>&`]: {\n fontWeight: 600,\n },\n\n // selected state\n [`.${treeViewItemClasses.selected}>&`]: selected(),\n\n // hover\n [`:not(.${treeViewItemClasses.disabled} > &):not(.${treeViewItemClasses.selected} > &):hover`]:\n hover(),\n [`:not(.${treeViewItemClasses.disabled} > &).${treeViewItemClasses.selected} >:hover`]:\n {},\n\n // focus\n [`:not(.${treeViewItemClasses.disabled}>&):not(.${treeViewItemClasses.selected}>&):focus-visible`]:\n hover(),\n [`:not(.${treeViewItemClasses.disabled}>&):not(.${treeViewItemClasses.selected}>&).focus-visible`]:\n hover(),\n\n [`*:focus-visible .${treeViewItemClasses.focused}>&`]: {\n ...outlineStyles,\n },\n\n [` .focus-visible .${treeViewItemClasses.focused}>&`]: {\n ...outlineStyles,\n },\n\n [` .${treeViewItemClasses.focused}>&`]: {\n ...hover(),\n },\n\n \"&[disabled], &:active\": {\n outline: \"none\",\n },\n\n \"&:focus\": {\n outline: \"none\",\n },\n\n \"&:focus-visible\": {\n ...outlineStyles,\n },\n\n \"&.focus-visible\": {\n ...outlineStyles,\n },\n\n // cursor\n cursor: \"pointer\",\n \"& *\": {\n cursor: \"pointer\",\n },\n [` .${treeViewItemClasses.disabled}>&`]: {\n cursor: \"not-allowed\",\n \"& *\": {\n cursor: \"not-allowed\",\n },\n },\n});\n"],"names":["selected","background","theme","colors","atmo3","borderLeft","verticalNavigation","activeBorderLeft","hover","hoverColor","StyledGroup","_styled","process","env","NODE_ENV","target","label","name","styles","map","toString","_EMOTION_STRINGIFIED_CSS_ERROR__","StyledNode","listStyle","minHeight","marginBottom","treeViewItemClasses","collapsed","group","
|
|
1
|
+
{"version":3,"file":"TreeViewItem.styles.cjs","sources":["../../../../../src/components/VerticalNavigation/TreeView/TreeViewItem.styles.tsx"],"sourcesContent":["import styled from \"@emotion/styled\";\nimport { theme } from \"@hitachivantara/uikit-styles\";\nimport { HvTypography } from \"@core/components\";\nimport { outlineStyles } from \"@core/utils\";\nimport { transientOptions } from \"@core/utils/transientOptions\";\nimport treeViewItemClasses from \"./treeViewItemClasses\";\n\nconst selected = () => ({\n background: theme.colors.atmo3,\n borderLeft: theme.verticalNavigation.activeBorderLeft,\n \"& *\": {\n background: theme.colors.atmo3,\n },\n});\n\nconst hover = () => ({\n background: theme.verticalNavigation.hoverColor,\n});\n\nexport const StyledGroup = styled(\"ul\")({\n margin: \"8px 0 0 0\",\n padding: 0,\n});\n\nexport const StyledLabel = styled(\n \"div\",\n transientOptions\n)(({ $expandable }: { $expandable: boolean }) => ({\n display: \"flex\",\n flexGrow: 1,\n maxWidth: \"100%\",\n ...($expandable && {\n maxWidth: \"calc(100% - 32px)\",\n }),\n}));\n\nexport const StyledNode = styled(\"li\")({\n listStyle: \"none\",\n minHeight: \"32px\",\n \"&:not(:last-child)\": {\n marginBottom: \"8px\",\n },\n [`&.${treeViewItemClasses.collapsed}`]: {\n [`&>.${treeViewItemClasses.group}`]: {\n display: \"none\",\n },\n },\n [`&.${treeViewItemClasses.expanded}`]: {\n [`&>.${treeViewItemClasses.group}`]: {\n display: \"block\",\n },\n },\n [`&.${treeViewItemClasses.link}`]: {\n textDecoration: \"none\",\n },\n [`&.${treeViewItemClasses.hide}`]: {\n display: \"none\",\n },\n});\n\nexport const StyledContent = styled(HvTypography)({\n width: \"100%\",\n display: \"flex\",\n justifyContent: \"flex-start\",\n alignItems: \"center\",\n height: \"32px\",\n borderLeft: theme.verticalNavigation.inactiveBorderLeft,\n paddingRight: theme.space.xs,\n\n [`&.${treeViewItemClasses.minimized}`]: {\n justifyContent: \"center\",\n paddingRight: 0,\n },\n\n [`.${treeViewItemClasses.expandable}>&`]: {\n fontWeight: 600,\n },\n\n // selected state\n [`.${treeViewItemClasses.selected}>&`]: selected(),\n\n // hover\n [`:not(.${treeViewItemClasses.disabled} > &):not(.${treeViewItemClasses.selected} > &):hover`]:\n hover(),\n [`:not(.${treeViewItemClasses.disabled} > &).${treeViewItemClasses.selected} >:hover`]:\n {},\n\n // focus\n [`:not(.${treeViewItemClasses.disabled}>&):not(.${treeViewItemClasses.selected}>&):focus-visible`]:\n hover(),\n [`:not(.${treeViewItemClasses.disabled}>&):not(.${treeViewItemClasses.selected}>&).focus-visible`]:\n hover(),\n\n [`*:focus-visible .${treeViewItemClasses.focused}>&`]: {\n ...outlineStyles,\n },\n\n [` .focus-visible .${treeViewItemClasses.focused}>&`]: {\n ...outlineStyles,\n },\n\n [` .${treeViewItemClasses.focused}>&`]: {\n ...hover(),\n },\n\n \"&[disabled], &:active\": {\n outline: \"none\",\n },\n\n \"&:focus\": {\n outline: \"none\",\n },\n\n \"&:focus-visible\": {\n ...outlineStyles,\n },\n\n \"&.focus-visible\": {\n ...outlineStyles,\n },\n\n // cursor\n cursor: \"pointer\",\n \"& *\": {\n cursor: \"pointer\",\n },\n [` .${treeViewItemClasses.disabled}>&`]: {\n cursor: \"not-allowed\",\n \"& *\": {\n cursor: \"not-allowed\",\n },\n },\n});\n"],"names":["selected","background","theme","colors","atmo3","borderLeft","verticalNavigation","activeBorderLeft","hover","hoverColor","StyledGroup","_styled","process","env","NODE_ENV","target","label","name","styles","map","toString","_EMOTION_STRINGIFIED_CSS_ERROR__","StyledLabel","_extends","transientOptions","$expandable","display","flexGrow","maxWidth","StyledNode","listStyle","minHeight","marginBottom","treeViewItemClasses","collapsed","group","expanded","link","textDecoration","hide","StyledContent","HvTypography","width","justifyContent","alignItems","height","inactiveBorderLeft","paddingRight","space","xs","minimized","expandable","fontWeight","disabled","focused","outlineStyles","outline","cursor"],"mappings":"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"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"withTooltip.cjs","sources":["../../../src/hocs/withTooltip.tsx"],"sourcesContent":["import { useState } from \"react\";\nimport {\n HvTypography,\n HvTooltip,\n HvTooltipPlacementType,\n HvTooltipProps,\n} from \"@core/components\";\nimport { HvBaseProps } from \"@core/types\";\n\nconst styles: { truncate: React.CSSProperties } = {\n truncate: {\n overflow: \"hidden\",\n textOverflow: \"ellipsis\",\n whiteSpace: \"nowrap\",\n },\n};\n\nconst withTooltip =\n (\n Component: React.FunctionComponent,\n // eslint-disable-next-line @typescript-eslint/default-param-last\n label = \"\",\n placement: HvTooltipPlacementType,\n hideTooltip?: (event: React.MouseEvent<HTMLDivElement>) => boolean,\n tooltipProps?: HvTooltipProps
|
|
1
|
+
{"version":3,"file":"withTooltip.cjs","sources":["../../../src/hocs/withTooltip.tsx"],"sourcesContent":["import { useState } from \"react\";\nimport {\n HvTypography,\n HvTooltip,\n HvTooltipPlacementType,\n HvTooltipProps,\n} from \"@core/components\";\nimport { HvBaseProps } from \"@core/types\";\n\nconst styles: { truncate: React.CSSProperties } = {\n truncate: {\n overflow: \"hidden\",\n textOverflow: \"ellipsis\",\n whiteSpace: \"nowrap\",\n },\n};\n\nconst withTooltip =\n (\n Component: React.FunctionComponent,\n // eslint-disable-next-line @typescript-eslint/default-param-last\n label = \"\",\n placement: HvTooltipPlacementType,\n hideTooltip?: (event: React.MouseEvent<HTMLDivElement>) => boolean,\n tooltipProps?: Partial<HvTooltipProps>,\n tooltipContainerProps?: HvBaseProps\n ) =>\n (props) => {\n const [isHoverDisabled, setIsHoverDisabled] = useState<boolean | undefined>(\n false\n );\n const [open, setOpen] = useState<boolean>(false);\n\n const title = <HvTypography>{label}</HvTypography>;\n\n const handleMouseEnter = (event: React.MouseEvent<HTMLDivElement>) => {\n const isHidden = hideTooltip?.(event);\n setIsHoverDisabled(isHidden);\n setOpen(!isHidden);\n };\n\n const handleMouseLeave = () => {\n setIsHoverDisabled(false);\n setOpen(false);\n };\n\n return (\n <HvTooltip\n style={{ ...styles.truncate }}\n disableHoverListener={isHoverDisabled}\n disableFocusListener\n disableTouchListener\n title={title}\n open={open}\n placement={placement}\n {...tooltipProps}\n >\n <div\n {...tooltipContainerProps}\n onMouseEnter={handleMouseEnter}\n onMouseLeave={handleMouseLeave}\n >\n <Component {...props} />\n </div>\n </HvTooltip>\n );\n };\n\nexport default withTooltip;\n"],"names":["styles","truncate","overflow","textOverflow","whiteSpace","withTooltip","Component","label","placement","hideTooltip","tooltipProps","tooltipContainerProps","props","isHoverDisabled","setIsHoverDisabled","useState","open","setOpen","title","HvTypography","children","handleMouseEnter","event","isHidden","handleMouseLeave","HvTooltip","style","disableHoverListener","disableFocusListener","disableTouchListener","onMouseEnter","onMouseLeave"],"mappings":";;;;;;AASA,MAAMA,SAA4C;AAAA,EAChDC,UAAU;AAAA,IACRC,UAAU;AAAA,IACVC,cAAc;AAAA,IACdC,YAAY;AAAA,EACd;AACF;AAEA,MAAMC,cACJA,CACEC,WAEAC,QAAQ,IACRC,WACAC,aACAC,cACAC,0BAEDC,CAAU,UAAA;AACT,QAAM,CAACC,iBAAiBC,kBAAkB,IAAIC,eAC5C,KAAK;AAEP,QAAM,CAACC,MAAMC,OAAO,IAAIF,eAAkB,KAAK;AAEzCG,QAAAA,uCAASC,yBAAY;AAAA,IAAAC,UAAEb;AAAAA,EAAAA,CAAqB;AAE5Cc,QAAAA,mBAAmBA,CAACC,UAA4C;AAC9DC,UAAAA,WAAWd,2CAAca;AAC/BR,uBAAmBS,QAAQ;AAC3BN,YAAQ,CAACM,QAAQ;AAAA,EAAA;AAGnB,QAAMC,mBAAmBA,MAAM;AAC7BV,uBAAmB,KAAK;AACxBG,YAAQ,KAAK;AAAA,EAAA;AAGf,wCACGQ,QAAAA,WAAS;AAAA,IACRC,OAAO;AAAA,MAAE,GAAG1B,OAAOC;AAAAA,IAAS;AAAA,IAC5B0B,sBAAsBd;AAAAA,IACtBe,sBAAoB;AAAA,IACpBC,sBAAoB;AAAA,IACpBX;AAAAA,IACAF;AAAAA,IACAR;AAAAA,IAAqB,GACjBE;AAAAA,IAAYU,yCAEhB,OAAA;AAAA,MAAA,GACMT;AAAAA,MACJmB,cAAcT;AAAAA,MACdU,cAAcP;AAAAA,MAAiBJ,yCAE9Bd,WAAS;AAAA,QAAA,GAAKM;AAAAA,MAAAA,CAAK;AAAA,IAAA,CAAI;AAAA,EAAA,CAEhB;AAEhB;AAEF,MAAA,gBAAeP;;"}
|
|
@@ -29,7 +29,7 @@ const baseInputStyles = /* @__PURE__ */ css({
|
|
|
29
29
|
"input::-webkit-search-decoration, input::-webkit-search-cancel-button, input::-webkit-search-results-button, input::-webkit-search-results-decoration": {
|
|
30
30
|
display: "none"
|
|
31
31
|
}
|
|
32
|
-
}, process.env.NODE_ENV === "production" ? "" : ";label:baseInputStyles;", process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvQmFzZUlucHV0L0Jhc2VJbnB1dC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBbUJ3QiIsImZpbGUiOiIvaG9tZS9ydW5uZXIvd29yay9odi11aWtpdC1yZWFjdC9odi11aWtpdC1yZWFjdC9wYWNrYWdlcy9jb3JlL3NyYy9jb21wb25lbnRzL0Jhc2VJbnB1dC9CYXNlSW5wdXQudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgUmVmT2JqZWN0LCB1c2VDb250ZXh0IH0gZnJvbSBcInJlYWN0XCI7XG5pbXBvcnQge1xuICBJbnB1dEJhc2VDb21wb25lbnRQcm9wcyBhcyBNdWlJbnB1dEJhc2VDb21wb25lbnRQcm9wcyxcbiAgSW5wdXRQcm9wcyBhcyBNdWlJbnB1dFByb3BzLFxuICBJbnB1dCBhcyBNdWlJbnB1dCxcbn0gZnJvbSBcIkBtdWkvbWF0ZXJpYWxcIjtcbmltcG9ydCB7IEh2QmFzZVByb3BzIH0gZnJvbSBcIkBjb3JlL3R5cGVzXCI7XG5pbXBvcnQge1xuICBIdkZvcm1FbGVtZW50Q29udGV4dCxcbiAgSHZGb3JtRWxlbWVudERlc2NyaXB0b3JzQ29udGV4dCxcbiAgYnVpbGRGb3JtRWxlbWVudFByb3BzRnJvbUNvbnRleHQsXG4gIGJ1aWxkQXJpYVByb3BzRnJvbUNvbnRleHQsXG59IGZyb20gXCJAY29yZS9jb21wb25lbnRzXCI7XG5pbXBvcnQgeyBDbGFzc05hbWVzLCBjc3MgYXMgZW1vdGlvbkNzcywgR2xvYmFsIH0gZnJvbSBcIkBlbW90aW9uL3JlYWN0XCI7XG5pbXBvcnQgeyB0aGVtZSB9IGZyb20gXCJAaGl0YWNoaXZhbnRhcmEvdWlraXQtc3R5bGVzXCI7XG5pbXBvcnQgYmFzZUlucHV0Q2xhc3NlcywgeyBIdkJhc2VJbnB1dENsYXNzZXMgfSBmcm9tIFwiLi9iYXNlSW5wdXRDbGFzc2VzXCI7XG5pbXBvcnQgeyBzdHlsZXMgfSBmcm9tIFwiLi9CYXNlSW5wdXQuc3R5bGVzXCI7XG5cbi8vIEdsb2JhbCBzdHlsZXMgZm9yIHRoZSBiYXNlIGlucHV0LlxuY29uc3QgYmFzZUlucHV0U3R5bGVzID0gZW1vdGlvbkNzcyh7XG4gIFwiaW5wdXQ6LXdlYmtpdC1hdXRvZmlsbFwiOiB7XG4gICAgV2Via2l0Qm94U2hhZG93OiBgMCAwIDBweCAxMDAwcHggJHt0aGVtZS5jb2xvcnMuYXRtbzF9IGluc2V0YCxcbiAgICBXZWJraXRUZXh0RmlsbENvbG9yOiB0aGVtZS5jb2xvcnMuc2Vjb25kYXJ5LFxuICB9LFxuXG4gIC8vIENsZWFycyBudW1iZXIgaW5wdXQgdXAvZG93biBhcnJvd3MgaW4gQ2hyb21lIGFuZCBGaXJlZm94XG4gIFwiaW5wdXQ6Oi13ZWJraXQtb3V0ZXItc3Bpbi1idXR0b24sXFxcbiAgaW5wdXQ6Oi13ZWJraXQtaW5uZXItc3Bpbi1idXR0b25cIjoge1xuICAgIFdlYmtpdEFwcGVhcmFuY2U6IFwibm9uZVwiLFxuICAgIG1hcmdpbjogMCxcbiAgfSxcbiAgXCJpbnB1dFt0eXBlPW51bWJlcl1cIjoge1xuICAgIE1vekFwcGVhcmFuY2U6IFwidGV4dGZpZWxkXCIsXG4gIH0sXG5cbiAgLy8gQ2xlYXJzIHRpbWUgaW5wdXQgY2xvY2sgaW4gQ2hyb21lXG4gIFwiaW5wdXQ6Oi13ZWJraXQtY2FsZW5kYXItcGlja2VyLWluZGljYXRvclwiOiB7XG4gICAgZGlzcGxheTogXCJub25lXCIsXG4gIH0sXG5cbiAgLy8gQ2xlYXJzIHNlYXJjaCBpbnB1dCBjbGVhciBidXR0b24gaW4gQ2hyb21lXG4gIFwiaW5wdXQ6Oi13ZWJraXQtc2VhcmNoLWRlY29yYXRpb24sXFxcbiAgaW5wdXQ6Oi13ZWJraXQtc2VhcmNoLWNhbmNlbC1idXR0b24sXFxcbiAgaW5wdXQ6Oi13ZWJraXQtc2VhcmNoLXJlc3VsdHMtYnV0dG9uLFxcXG4gIGlucHV0Ojotd2Via2l0LXNlYXJjaC1yZXN1bHRzLWRlY29yYXRpb25cIjoge1xuICAgIGRpc3BsYXk6IFwibm9uZVwiLFxuICB9LFxufSk7XG5cbmV4cG9ydCBpbnRlcmZhY2UgSHZCYXNlSW5wdXRQcm9wc1xuICBleHRlbmRzIE9taXQ8TXVpSW5wdXRQcm9wcywgXCJvbkNoYW5nZVwiIHwgXCJjbGFzc2VzXCI+LFxuICAgIEh2QmFzZVByb3BzPFxuICAgICAgSFRNTERpdkVsZW1lbnQsXG4gICAgICB8IFwib25DaGFuZ2VcIlxuICAgICAgfCBcImNvbG9yXCJcbiAgICAgIHwgXCJvbkJsdXJcIlxuICAgICAgfCBcIm9uRm9jdXNcIlxuICAgICAgfCBcIm9uSW52YWxpZFwiXG4gICAgICB8IFwib25LZXlEb3duXCJcbiAgICAgIHwgXCJvbktleVVwXCJcbiAgICA+IHtcbiAgLyoqIFRoZSBpbnB1dCBuYW1lLiAqL1xuICBuYW1lPzogc3RyaW5nO1xuICAvKiogVGhlIHZhbHVlIG9mIHRoZSBpbnB1dCwgd2hlbiBjb250cm9sbGVkLiAqL1xuICB2YWx1ZT86IHN0cmluZztcbiAgLyoqIFRoZSBpbml0aWFsIHZhbHVlIG9mIHRoZSBpbnB1dCwgd2hlbiB1bmNvbnRyb2xsZWQuICovXG4gIGRlZmF1bHRWYWx1ZT86IHN0cmluZztcbiAgLyoqIElmIGB0cnVlYCB0aGUgaW5wdXQgaXMgZGlzYWJsZWQuICovXG4gIGRpc2FibGVkPzogYm9vbGVhbjtcbiAgLyoqIEluZGljYXRlcyB0aGF0IHRoZSBpbnB1dCBpcyBub3QgZWRpdGFibGUuICovXG4gIHJlYWRPbmx5PzogYm9vbGVhbjtcbiAgLyoqIElmIHRydWUsIHRoZSBpbnB1dCBlbGVtZW50IHdpbGwgYmUgcmVxdWlyZWQuICovXG4gIHJlcXVpcmVkPzogYm9vbGVhbjtcbiAgLyoqIFRoZSBmdW5jdGlvbiB0aGF0IHdpbGwgYmUgZXhlY3V0ZWQgb25DaGFuZ2UsIGFsbG93cyBtb2RpZmljYXRpb24gb2YgdGhlIGlucHV0LFxuICAgKiBpdCByZWNlaXZlcyB0aGUgdmFsdWUuIElmIGEgbmV3IHZhbHVlIHNob3VsZCBiZSBwcmVzZW50ZWQgaXQgbXVzdCByZXR1cm5lZCBpdC4gKi9cbiAgb25DaGFuZ2U/OiAoXG4gICAgZXZlbnQ6IFJlYWN0LkNoYW5nZUV2ZW50PEhUTUxJbnB1dEVsZW1lbnQgfCBIVE1MVGV4dEFyZWFFbGVtZW50PixcbiAgICB2YWx1ZTogc3RyaW5nXG4gICkgPT4gdm9pZDtcbiAgLyoqIFRoZSBpbnB1dCB0eXBlLiAqL1xuICB0eXBlPzogc3RyaW5nO1xuICAvKiogTGFiZWwgaW5zaWRlIHRoZSBpbnB1dCB1c2VkIHRvIGhlbHAgdXNlci4gKi9cbiAgcGxhY2Vob2xkZXI/OiBzdHJpbmc7XG4gIC8qKiBJZiB0cnVlLCBhIHRleHRhcmVhIGVsZW1lbnQgd2lsbCBiZSByZW5kZXJlZC4gKi9cbiAgbXVsdGlsaW5lPzogYm9vbGVhbjtcbiAgLyoqIElmIHRydWUgYW5kIG11bHRpbGluZSBpcyBhbHNvIHRydWUgdGhlIHRleHRhcmVhIGVsZW1lbnQgd2lsbCBiZSByZXNpemFibGUuICovXG4gIHJlc2l6YWJsZT86IGJvb2xlYW47XG4gIC8qKiBEZW5vdGVzIGlmIHRoZSBpbnB1dCBpcyBpbiBhbiBpbnZhbGlkIHN0YXRlLiAqL1xuICBpbnZhbGlkPzogYm9vbGVhbjtcbiAgLyoqIEF0dHJpYnV0ZXMgYXBwbGllZCB0byB0aGUgaW5wdXQgZWxlbWVudC4gKi9cbiAgaW5wdXRQcm9wcz86IE11aUlucHV0QmFzZUNvbXBvbmVudFByb3BzO1xuICAvKiogQWxsb3dzIHBhc3NpbmcgYSByZWYgdG8gdGhlIHVuZGVybHlpbmcgaW5wdXQgKi9cbiAgaW5wdXRSZWY/OiBSZWZPYmplY3Q8SFRNTEVsZW1lbnQ+O1xuICAvKiogQSBKc3MgT2JqZWN0IHVzZWQgdG8gb3ZlcnJpZGUgb3IgZXh0ZW5kIHRoZSBzdHlsZXMgYXBwbGllZCB0byB0aGUgY29tcG9uZW50LiAqL1xuICBjbGFzc2VzPzogSHZCYXNlSW5wdXRDbGFzc2VzO1xufVxuXG4vKipcbiAqIEFuIElucHV0IGNvbXBvbmVudCB0aGF0IG9ubHkgcG9zc2VzIHRoZSBtb3N0IGJhc2ljIGZ1bmN0aW9uYWxpdGllcy5cbiAqIEl0IHNob3VsZCBiZSB1c2VkIGFsb25nc2lkZSB0aGUgb3RoZXIgZm9ybSBlbGVtZW50cyB0byBjb25zdHJ1Y3QgYSBwcm9wZXIgYWNjZXNzaWJsZSBmb3JtLlxuICovXG5leHBvcnQgY29uc3QgSHZCYXNlSW5wdXQgPSAoe1xuICBjbGFzc2VzLFxuICBjbGFzc05hbWUgPSBcIlwiLFxuICBpZCxcbiAgbmFtZSxcbiAgdmFsdWUsXG4gIGRlZmF1bHRWYWx1ZSxcbiAgcmVxdWlyZWQsXG4gIHJlYWRPbmx5LFxuICBkaXNhYmxlZCxcbiAgb25DaGFuZ2UsXG4gIHR5cGUgPSBcInRleHRcIixcbiAgcGxhY2Vob2xkZXIsXG4gIG11bHRpbGluZSA9IGZhbHNlLFxuICByZXNpemFibGUgPSBmYWxzZSxcbiAgaW52YWxpZCA9IGZhbHNlLFxuICBpbnB1dFJlZixcbiAgaW5wdXRQcm9wcyA9IHt9LFxuICAuLi5vdGhlcnNcbn06IEh2QmFzZUlucHV0UHJvcHMpID0+IHtcbiAgY29uc3QgZm9ybUVsZW1lbnRDb250ZXh0ID0gdXNlQ29udGV4dChIdkZvcm1FbGVtZW50Q29udGV4dCk7XG4gIGNvbnN0IGZvcm1FbGVtZW50UHJvcHMgPSBidWlsZEZvcm1FbGVtZW50UHJvcHNGcm9tQ29udGV4dChcbiAgICBuYW1lLFxuICAgIGRpc2FibGVkLFxuICAgIHJlYWRPbmx5LFxuICAgIHJlcXVpcmVkLFxuICAgIHN0YXR1cyxcbiAgICBmb3JtRWxlbWVudENvbnRleHRcbiAgKTtcblxuICBjb25zdCBsb2NhbEludmFsaWQgPSBpbnZhbGlkIHx8IGZvcm1FbGVtZW50UHJvcHMuc3RhdHVzID09PSBcImludmFsaWRcIjtcblxuICBjb25zdCBmb3JtRWxlbWVudERlc2NyaXB0b3JzQ29udGV4dCA9IHVzZUNvbnRleHQoXG4gICAgSHZGb3JtRWxlbWVudERlc2NyaXB0b3JzQ29udGV4dFxuICApO1xuICBjb25zdCBhcmlhUHJvcHMgPSBidWlsZEFyaWFQcm9wc0Zyb21Db250ZXh0KFxuICAgIGlucHV0UHJvcHMsXG4gICAgZm9ybUVsZW1lbnREZXNjcmlwdG9yc0NvbnRleHQsXG4gICAgbG9jYWxJbnZhbGlkLFxuICAgIGlkXG4gICk7XG5cbiAgY29uc3Qgb25DaGFuZ2VIYW5kbGVyID0gKFxuICAgIGV2ZW50OiBSZWFjdC5DaGFuZ2VFdmVudDxIVE1MSW5wdXRFbGVtZW50IHwgSFRNTFRleHRBcmVhRWxlbWVudD5cbiAgKSA9PiB7XG4gICAgb25DaGFuZ2U/LihldmVudCwgZXZlbnQudGFyZ2V0LnZhbHVlKTtcbiAgfTtcblxuICByZXR1cm4gKFxuICAgIDxDbGFzc05hbWVzPlxuICAgICAgeyh7IGNzcywgY3ggfSkgPT4gKFxuICAgICAgICA8PlxuICAgICAgICAgIDxHbG9iYWwgc3R5bGVzPXtiYXNlSW5wdXRTdHlsZXN9IC8+XG4gICAgICAgICAgPGRpdlxuICAgICAgICAgICAgY2xhc3NOYW1lPXtjeChcbiAgICAgICAgICAgICAgYmFzZUlucHV0Q2xhc3Nlcy5yb290LFxuICAgICAgICAgICAgICBmb3JtRWxlbWVudFByb3BzLmRpc2FibGVkICYmIGJhc2VJbnB1dENsYXNzZXMuZGlzYWJsZWQsXG4gICAgICAgICAgICAgIGxvY2FsSW52YWxpZCAmJiBiYXNlSW5wdXRDbGFzc2VzLmludmFsaWQsXG4gICAgICAgICAgICAgIG11bHRpbGluZSAmJiByZXNpemFibGUgJiYgYmFzZUlucHV0Q2xhc3Nlcy5yZXNpemFibGUsXG4gICAgICAgICAgICAgIGZvcm1FbGVtZW50UHJvcHMucmVhZE9ubHkgJiYgYmFzZUlucHV0Q2xhc3Nlcy5yZWFkT25seSxcbiAgICAgICAgICAgICAgY3NzKHN0eWxlcy5yb290KSxcbiAgICAgICAgICAgICAgZm9ybUVsZW1lbnRQcm9wcy5kaXNhYmxlZCAmJiBjc3Moc3R5bGVzLmRpc2FibGVkKSxcbiAgICAgICAgICAgICAgbG9jYWxJbnZhbGlkICYmIGNzcyhzdHlsZXMuaW52YWxpZCksXG4gICAgICAgICAgICAgIG11bHRpbGluZSAmJiByZXNpemFibGUgJiYgY3NzKHN0eWxlcy5yZXNpemFibGUpLFxuICAgICAgICAgICAgICBmb3JtRWxlbWVudFByb3BzLnJlYWRPbmx5ICYmIGNzcyhzdHlsZXMucmVhZE9ubHkpLFxuICAgICAgICAgICAgICBjbGFzc05hbWUsXG4gICAgICAgICAgICAgIGNsYXNzZXM/LnJvb3QsXG4gICAgICAgICAgICAgIGZvcm1FbGVtZW50UHJvcHMuZGlzYWJsZWQgJiYgY2xhc3Nlcz8uZGlzYWJsZWQsXG4gICAgICAgICAgICAgIGxvY2FsSW52YWxpZCAmJiBjbGFzc2VzPy5pbnZhbGlkLFxuICAgICAgICAgICAgICBtdWx0aWxpbmUgJiYgcmVzaXphYmxlICYmIGNsYXNzZXM/LnJlc2l6YWJsZSxcbiAgICAgICAgICAgICAgZm9ybUVsZW1lbnRQcm9wcy5yZWFkT25seSAmJiBjbGFzc2VzPy5yZWFkT25seVxuICAgICAgICAgICAgKX1cbiAgICAgICAgICA+XG4gICAgICAgICAgICA8TXVpSW5wdXRcbiAgICAgICAgICAgICAgaWQ9e2lkfVxuICAgICAgICAgICAgICBuYW1lPXtmb3JtRWxlbWVudFByb3BzLm5hbWV9XG4gICAgICAgICAgICAgIHZhbHVlPXt2YWx1ZX1cbiAgICAgICAgICAgICAgZGVmYXVsdFZhbHVlPXtkZWZhdWx0VmFsdWV9XG4gICAgICAgICAgICAgIHR5cGU9e3R5cGV9XG4gICAgICAgICAgICAgIHBsYWNlaG9sZGVyPXtwbGFjZWhvbGRlcn1cbiAgICAgICAgICAgICAgcmVhZE9ubHk9eyEhZm9ybUVsZW1lbnRQcm9wcy5yZWFkT25seX1cbiAgICAgICAgICAgICAgZGlzYWJsZWQ9e2Zvcm1FbGVtZW50UHJvcHMuZGlzYWJsZWR9XG4gICAgICAgICAgICAgIG9uQ2hhbmdlPXtvbkNoYW5nZUhhbmRsZXJ9XG4gICAgICAgICAgICAgIGNsYXNzTmFtZT17Y3goXG4gICAgICAgICAgICAgICAgbG9jYWxJbnZhbGlkICYmIGJhc2VJbnB1dENsYXNzZXMuaW5wdXRSb290SW52YWxpZCxcbiAgICAgICAgICAgICAgICBmb3JtRWxlbWVudFByb3BzLnJlYWRPbmx5ICYmIGJhc2VJbnB1dENsYXNzZXMuaW5wdXRSb290UmVhZE9ubHksXG4gICAgICAgICAgICAgICAgbG9jYWxJbnZhbGlkICYmIGNzcyhzdHlsZXMuaW5wdXRSb290SW52YWxpZCksXG4gICAgICAgICAgICAgICAgZm9ybUVsZW1lbnRQcm9wcy5yZWFkT25seSAmJiBjc3Moc3R5bGVzLmlucHV0Um9vdFJlYWRPbmx5KSxcbiAgICAgICAgICAgICAgICBsb2NhbEludmFsaWQgJiYgY2xhc3Nlcz8uaW5wdXRSb290SW52YWxpZCxcbiAgICAgICAgICAgICAgICBmb3JtRWxlbWVudFByb3BzLnJlYWRPbmx5ICYmIGNsYXNzZXM/LmlucHV0Um9vdFJlYWRPbmx5XG4gICAgICAgICAgICAgICl9XG4gICAgICAgICAgICAgIGNsYXNzZXM9e3tcbiAgICAgICAgICAgICAgICByb290OiBjeChcbiAgICAgICAgICAgICAgICAgIGJhc2VJbnB1dENsYXNzZXMuaW5wdXRSb290LFxuICAgICAgICAgICAgICAgICAgY3NzKHN0eWxlcy5pbnB1dFJvb3QpLFxuICAgICAgICAgICAgICAgICAgY2xhc3Nlcz8uaW5wdXRSb290XG4gICAgICAgICAgICAgICAgKSxcbiAgICAgICAgICAgICAgICBmb2N1c2VkOiBjeChcbiAgICAgICAgICAgICAgICAgIGJhc2VJbnB1dENsYXNzZXMuaW5wdXRSb290Rm9jdXNlZCxcbiAgICAgICAgICAgICAgICAgIGNzcyhzdHlsZXMuaW5wdXRSb290Rm9jdXNlZCksXG4gICAgICAgICAgICAgICAgICBjbGFzc2VzPy5pbnB1dFJvb3RGb2N1c2VkXG4gICAgICAgICAgICAgICAgKSxcbiAgICAgICAgICAgICAgICBkaXNhYmxlZDogY3goXG4gICAgICAgICAgICAgICAgICBiYXNlSW5wdXRDbGFzc2VzLmlucHV0Um9vdERpc2FibGVkLFxuICAgICAgICAgICAgICAgICAgY3NzKHN0eWxlcy5pbnB1dFJvb3REaXNhYmxlZCksXG4gICAgICAgICAgICAgICAgICBjbGFzc2VzPy5pbnB1dFJvb3REaXNhYmxlZFxuICAgICAgICAgICAgICAgICksXG4gICAgICAgICAgICAgICAgbXVsdGlsaW5lOiBjeChcbiAgICAgICAgICAgICAgICAgIGJhc2VJbnB1dENsYXNzZXMuaW5wdXRSb290TXVsdGlsaW5lLFxuICAgICAgICAgICAgICAgICAgY3NzKHN0eWxlcy5pbnB1dFJvb3RNdWx0aWxpbmUpLFxuICAgICAgICAgICAgICAgICAgY2xhc3Nlcz8uaW5wdXRSb290TXVsdGlsaW5lXG4gICAgICAgICAgICAgICAgKSxcbiAgICAgICAgICAgICAgICBpbnB1dDogY3goXG4gICAgICAgICAgICAgICAgICBiYXNlSW5wdXRDbGFzc2VzLmlucHV0LFxuICAgICAgICAgICAgICAgICAgIWZvcm1FbGVtZW50UHJvcHMuZGlzYWJsZWQgJiZcbiAgICAgICAgICAgICAgICAgICAgcmVzaXphYmxlICYmXG4gICAgICAgICAgICAgICAgICAgIGJhc2VJbnB1dENsYXNzZXMuaW5wdXRSZXNpemFibGUsXG4gICAgICAgICAgICAgICAgICBmb3JtRWxlbWVudFByb3BzLmRpc2FibGVkICYmIGJhc2VJbnB1dENsYXNzZXMuaW5wdXREaXNhYmxlZCxcbiAgICAgICAgICAgICAgICAgIGZvcm1FbGVtZW50UHJvcHMucmVhZE9ubHkgJiYgYmFzZUlucHV0Q2xhc3Nlcy5pbnB1dFJlYWRPbmx5LFxuICAgICAgICAgICAgICAgICAgY3NzKHN0eWxlcy5pbnB1dCksXG4gICAgICAgICAgICAgICAgICAhZm9ybUVsZW1lbnRQcm9wcy5kaXNhYmxlZCAmJlxuICAgICAgICAgICAgICAgICAgICByZXNpemFibGUgJiZcbiAgICAgICAgICAgICAgICAgICAgY3NzKHN0eWxlcy5pbnB1dFJlc2l6YWJsZSksXG4gICAgICAgICAgICAgICAgICBmb3JtRWxlbWVudFByb3BzLmRpc2FibGVkICYmIGNzcyhzdHlsZXMuaW5wdXREaXNhYmxlZCksXG4gICAgICAgICAgICAgICAgICBmb3JtRWxlbWVudFByb3BzLnJlYWRPbmx5ICYmIGNzcyhzdHlsZXMuaW5wdXRSZWFkT25seSksXG4gICAgICAgICAgICAgICAgICBjbGFzc2VzPy5pbnB1dCxcbiAgICAgICAgICAgICAgICAgICFmb3JtRWxlbWVudFByb3BzLmRpc2FibGVkICYmXG4gICAgICAgICAgICAgICAgICAgIHJlc2l6YWJsZSAmJlxuICAgICAgICAgICAgICAgICAgICBjbGFzc2VzPy5pbnB1dFJlc2l6YWJsZSxcbiAgICAgICAgICAgICAgICAgIGZvcm1FbGVtZW50UHJvcHMuZGlzYWJsZWQgJiYgY2xhc3Nlcz8uaW5wdXREaXNhYmxlZCxcbiAgICAgICAgICAgICAgICAgIGZvcm1FbGVtZW50UHJvcHMucmVhZE9ubHkgJiYgY2xhc3Nlcz8uaW5wdXRSZWFkT25seVxuICAgICAgICAgICAgICAgICksXG4gICAgICAgICAgICAgIH19XG4gICAgICAgICAgICAgIGlucHV0UHJvcHM9e3tcbiAgICAgICAgICAgICAgICAvLyBBdm9pZCB0aGUgcmVxdWlyZWQgYXR0cmlidXRlIGF0IHRoZSByb290IG5vZGVcbiAgICAgICAgICAgICAgICByZXF1aXJlZDogZm9ybUVsZW1lbnRQcm9wcy5yZXF1aXJlZCxcbiAgICAgICAgICAgICAgICAuLi5pbnB1dFByb3BzLFxuICAgICAgICAgICAgICAgIC4uLmFyaWFQcm9wcyxcbiAgICAgICAgICAgICAgfX1cbiAgICAgICAgICAgICAgaW5wdXRSZWY9e2lucHV0UmVmfVxuICAgICAgICAgICAgICBtdWx0aWxpbmU9e211bHRpbGluZX1cbiAgICAgICAgICAgICAgcm93cz17MTB9XG4gICAgICAgICAgICAgIHsuLi5vdGhlcnN9XG4gICAgICAgICAgICAvPlxuICAgICAgICAgICAgeyFtdWx0aWxpbmUgJiYgKFxuICAgICAgICAgICAgICA8ZGl2XG4gICAgICAgICAgICAgICAgcm9sZT1cInByZXNlbnRhdGlvblwiXG4gICAgICAgICAgICAgICAgY2xhc3NOYW1lPXtjeChcbiAgICAgICAgICAgICAgICAgIGJhc2VJbnB1dENsYXNzZXMuaW5wdXRCb3JkZXJDb250YWluZXIsXG4gICAgICAgICAgICAgICAgICBjc3Moc3R5bGVzLmlucHV0Qm9yZGVyQ29udGFpbmVyKSxcbiAgICAgICAgICAgICAgICAgIGNsYXNzZXM/LmlucHV0Qm9yZGVyQ29udGFpbmVyXG4gICAgICAgICAgICAgICAgKX1cbiAgICAgICAgICAgICAgLz5cbiAgICAgICAgICAgICl9XG4gICAgICAgICAgPC9kaXY+XG4gICAgICAgIDwvPlxuICAgICAgKX1cbiAgICA8L0NsYXNzTmFtZXM+XG4gICk7XG59O1xuIl19 */");
|
|
32
|
+
}, process.env.NODE_ENV === "production" ? "" : ";label:baseInputStyles;", process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvQmFzZUlucHV0L0Jhc2VJbnB1dC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBbUJ3QiIsImZpbGUiOiIvaG9tZS9ydW5uZXIvd29yay9odi11aWtpdC1yZWFjdC9odi11aWtpdC1yZWFjdC9wYWNrYWdlcy9jb3JlL3NyYy9jb21wb25lbnRzL0Jhc2VJbnB1dC9CYXNlSW5wdXQudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgUmVmT2JqZWN0LCB1c2VDb250ZXh0IH0gZnJvbSBcInJlYWN0XCI7XG5pbXBvcnQge1xuICBJbnB1dEJhc2VDb21wb25lbnRQcm9wcyBhcyBNdWlJbnB1dEJhc2VDb21wb25lbnRQcm9wcyxcbiAgSW5wdXRQcm9wcyBhcyBNdWlJbnB1dFByb3BzLFxuICBJbnB1dCBhcyBNdWlJbnB1dCxcbn0gZnJvbSBcIkBtdWkvbWF0ZXJpYWxcIjtcbmltcG9ydCB7IEh2QmFzZVByb3BzIH0gZnJvbSBcIkBjb3JlL3R5cGVzXCI7XG5pbXBvcnQge1xuICBIdkZvcm1FbGVtZW50Q29udGV4dCxcbiAgSHZGb3JtRWxlbWVudERlc2NyaXB0b3JzQ29udGV4dCxcbiAgYnVpbGRGb3JtRWxlbWVudFByb3BzRnJvbUNvbnRleHQsXG4gIGJ1aWxkQXJpYVByb3BzRnJvbUNvbnRleHQsXG59IGZyb20gXCJAY29yZS9jb21wb25lbnRzXCI7XG5pbXBvcnQgeyBDbGFzc05hbWVzLCBjc3MgYXMgZW1vdGlvbkNzcywgR2xvYmFsIH0gZnJvbSBcIkBlbW90aW9uL3JlYWN0XCI7XG5pbXBvcnQgeyB0aGVtZSB9IGZyb20gXCJAaGl0YWNoaXZhbnRhcmEvdWlraXQtc3R5bGVzXCI7XG5pbXBvcnQgYmFzZUlucHV0Q2xhc3NlcywgeyBIdkJhc2VJbnB1dENsYXNzZXMgfSBmcm9tIFwiLi9iYXNlSW5wdXRDbGFzc2VzXCI7XG5pbXBvcnQgeyBzdHlsZXMgfSBmcm9tIFwiLi9CYXNlSW5wdXQuc3R5bGVzXCI7XG5cbi8vIEdsb2JhbCBzdHlsZXMgZm9yIHRoZSBiYXNlIGlucHV0LlxuY29uc3QgYmFzZUlucHV0U3R5bGVzID0gZW1vdGlvbkNzcyh7XG4gIFwiaW5wdXQ6LXdlYmtpdC1hdXRvZmlsbFwiOiB7XG4gICAgV2Via2l0Qm94U2hhZG93OiBgMCAwIDBweCAxMDAwcHggJHt0aGVtZS5jb2xvcnMuYXRtbzF9IGluc2V0YCxcbiAgICBXZWJraXRUZXh0RmlsbENvbG9yOiB0aGVtZS5jb2xvcnMuc2Vjb25kYXJ5LFxuICB9LFxuXG4gIC8vIENsZWFycyBudW1iZXIgaW5wdXQgdXAvZG93biBhcnJvd3MgaW4gQ2hyb21lIGFuZCBGaXJlZm94XG4gIFwiaW5wdXQ6Oi13ZWJraXQtb3V0ZXItc3Bpbi1idXR0b24sXFxcbiAgaW5wdXQ6Oi13ZWJraXQtaW5uZXItc3Bpbi1idXR0b25cIjoge1xuICAgIFdlYmtpdEFwcGVhcmFuY2U6IFwibm9uZVwiLFxuICAgIG1hcmdpbjogMCxcbiAgfSxcbiAgXCJpbnB1dFt0eXBlPW51bWJlcl1cIjoge1xuICAgIE1vekFwcGVhcmFuY2U6IFwidGV4dGZpZWxkXCIsXG4gIH0sXG5cbiAgLy8gQ2xlYXJzIHRpbWUgaW5wdXQgY2xvY2sgaW4gQ2hyb21lXG4gIFwiaW5wdXQ6Oi13ZWJraXQtY2FsZW5kYXItcGlja2VyLWluZGljYXRvclwiOiB7XG4gICAgZGlzcGxheTogXCJub25lXCIsXG4gIH0sXG5cbiAgLy8gQ2xlYXJzIHNlYXJjaCBpbnB1dCBjbGVhciBidXR0b24gaW4gQ2hyb21lXG4gIFwiaW5wdXQ6Oi13ZWJraXQtc2VhcmNoLWRlY29yYXRpb24sXFxcbiAgaW5wdXQ6Oi13ZWJraXQtc2VhcmNoLWNhbmNlbC1idXR0b24sXFxcbiAgaW5wdXQ6Oi13ZWJraXQtc2VhcmNoLXJlc3VsdHMtYnV0dG9uLFxcXG4gIGlucHV0Ojotd2Via2l0LXNlYXJjaC1yZXN1bHRzLWRlY29yYXRpb25cIjoge1xuICAgIGRpc3BsYXk6IFwibm9uZVwiLFxuICB9LFxufSk7XG5cbmV4cG9ydCBpbnRlcmZhY2UgSHZCYXNlSW5wdXRQcm9wc1xuICBleHRlbmRzIE9taXQ8TXVpSW5wdXRQcm9wcywgXCJvbkNoYW5nZVwiIHwgXCJjbGFzc2VzXCI+LFxuICAgIEh2QmFzZVByb3BzPFxuICAgICAgSFRNTERpdkVsZW1lbnQsXG4gICAgICB8IFwib25DaGFuZ2VcIlxuICAgICAgfCBcImNvbG9yXCJcbiAgICAgIHwgXCJvbkJsdXJcIlxuICAgICAgfCBcIm9uRm9jdXNcIlxuICAgICAgfCBcIm9uSW52YWxpZFwiXG4gICAgICB8IFwib25LZXlEb3duXCJcbiAgICAgIHwgXCJvbktleVVwXCJcbiAgICA+IHtcbiAgLyoqIFRoZSBpbnB1dCBuYW1lLiAqL1xuICBuYW1lPzogc3RyaW5nO1xuICAvKiogVGhlIHZhbHVlIG9mIHRoZSBpbnB1dCwgd2hlbiBjb250cm9sbGVkLiAqL1xuICB2YWx1ZT86IHN0cmluZztcbiAgLyoqIFRoZSBpbml0aWFsIHZhbHVlIG9mIHRoZSBpbnB1dCwgd2hlbiB1bmNvbnRyb2xsZWQuICovXG4gIGRlZmF1bHRWYWx1ZT86IHN0cmluZztcbiAgLyoqIElmIGB0cnVlYCB0aGUgaW5wdXQgaXMgZGlzYWJsZWQuICovXG4gIGRpc2FibGVkPzogYm9vbGVhbjtcbiAgLyoqIEluZGljYXRlcyB0aGF0IHRoZSBpbnB1dCBpcyBub3QgZWRpdGFibGUuICovXG4gIHJlYWRPbmx5PzogYm9vbGVhbjtcbiAgLyoqIElmIHRydWUsIHRoZSBpbnB1dCBlbGVtZW50IHdpbGwgYmUgcmVxdWlyZWQuICovXG4gIHJlcXVpcmVkPzogYm9vbGVhbjtcbiAgLyoqIFRoZSBmdW5jdGlvbiB0aGF0IHdpbGwgYmUgZXhlY3V0ZWQgb25DaGFuZ2UsIGFsbG93cyBtb2RpZmljYXRpb24gb2YgdGhlIGlucHV0LFxuICAgKiBpdCByZWNlaXZlcyB0aGUgdmFsdWUuIElmIGEgbmV3IHZhbHVlIHNob3VsZCBiZSBwcmVzZW50ZWQgaXQgbXVzdCByZXR1cm5lZCBpdC4gKi9cbiAgb25DaGFuZ2U/OiAoXG4gICAgZXZlbnQ6IFJlYWN0LkNoYW5nZUV2ZW50PEhUTUxJbnB1dEVsZW1lbnQgfCBIVE1MVGV4dEFyZWFFbGVtZW50PixcbiAgICB2YWx1ZTogc3RyaW5nXG4gICkgPT4gdm9pZDtcbiAgLyoqIFRoZSBpbnB1dCB0eXBlLiAqL1xuICB0eXBlPzogc3RyaW5nO1xuICAvKiogTGFiZWwgaW5zaWRlIHRoZSBpbnB1dCB1c2VkIHRvIGhlbHAgdXNlci4gKi9cbiAgcGxhY2Vob2xkZXI/OiBzdHJpbmc7XG4gIC8qKiBJZiB0cnVlLCBhIHRleHRhcmVhIGVsZW1lbnQgd2lsbCBiZSByZW5kZXJlZC4gKi9cbiAgbXVsdGlsaW5lPzogYm9vbGVhbjtcbiAgLyoqIElmIHRydWUgYW5kIG11bHRpbGluZSBpcyBhbHNvIHRydWUgdGhlIHRleHRhcmVhIGVsZW1lbnQgd2lsbCBiZSByZXNpemFibGUuICovXG4gIHJlc2l6YWJsZT86IGJvb2xlYW47XG4gIC8qKiBEZW5vdGVzIGlmIHRoZSBpbnB1dCBpcyBpbiBhbiBpbnZhbGlkIHN0YXRlLiAqL1xuICBpbnZhbGlkPzogYm9vbGVhbjtcbiAgLyoqIEF0dHJpYnV0ZXMgYXBwbGllZCB0byB0aGUgaW5wdXQgZWxlbWVudC4gKi9cbiAgaW5wdXRQcm9wcz86IE11aUlucHV0QmFzZUNvbXBvbmVudFByb3BzO1xuICAvKiogQWxsb3dzIHBhc3NpbmcgYSByZWYgdG8gdGhlIHVuZGVybHlpbmcgaW5wdXQgKi9cbiAgaW5wdXRSZWY/OiBSZWZPYmplY3Q8SFRNTEVsZW1lbnQ+O1xuICAvKiogQSBKc3MgT2JqZWN0IHVzZWQgdG8gb3ZlcnJpZGUgb3IgZXh0ZW5kIHRoZSBzdHlsZXMgYXBwbGllZCB0byB0aGUgY29tcG9uZW50LiAqL1xuICBjbGFzc2VzPzogSHZCYXNlSW5wdXRDbGFzc2VzO1xufVxuXG4vKipcbiAqIEFuIElucHV0IGNvbXBvbmVudCB0aGF0IG9ubHkgcG9zc2VzIHRoZSBtb3N0IGJhc2ljIGZ1bmN0aW9uYWxpdGllcy5cbiAqIEl0IHNob3VsZCBiZSB1c2VkIGFsb25nc2lkZSB0aGUgb3RoZXIgZm9ybSBlbGVtZW50cyB0byBjb25zdHJ1Y3QgYSBwcm9wZXIgYWNjZXNzaWJsZSBmb3JtLlxuICovXG5leHBvcnQgY29uc3QgSHZCYXNlSW5wdXQgPSAoe1xuICBjbGFzc2VzLFxuICBjbGFzc05hbWUgPSBcIlwiLFxuICBpZCxcbiAgbmFtZSxcbiAgdmFsdWUsXG4gIGRlZmF1bHRWYWx1ZSxcbiAgcmVxdWlyZWQsXG4gIHJlYWRPbmx5LFxuICBkaXNhYmxlZCxcbiAgb25DaGFuZ2UsXG4gIHR5cGUgPSBcInRleHRcIixcbiAgcGxhY2Vob2xkZXIsXG4gIG11bHRpbGluZSA9IGZhbHNlLFxuICByZXNpemFibGUgPSBmYWxzZSxcbiAgaW52YWxpZCA9IGZhbHNlLFxuICBpbnB1dFJlZixcbiAgaW5wdXRQcm9wcyA9IHt9LFxuICAuLi5vdGhlcnNcbn06IEh2QmFzZUlucHV0UHJvcHMpID0+IHtcbiAgY29uc3QgZm9ybUVsZW1lbnRDb250ZXh0ID0gdXNlQ29udGV4dChIdkZvcm1FbGVtZW50Q29udGV4dCk7XG4gIGNvbnN0IGZvcm1FbGVtZW50UHJvcHMgPSBidWlsZEZvcm1FbGVtZW50UHJvcHNGcm9tQ29udGV4dChcbiAgICBuYW1lLFxuICAgIGRpc2FibGVkLFxuICAgIHJlYWRPbmx5LFxuICAgIHJlcXVpcmVkLFxuICAgIGZvcm1FbGVtZW50Q29udGV4dFxuICApO1xuXG4gIGNvbnN0IGxvY2FsSW52YWxpZCA9IGludmFsaWQgfHwgZm9ybUVsZW1lbnRQcm9wcy5zdGF0dXMgPT09IFwiaW52YWxpZFwiO1xuXG4gIGNvbnN0IGZvcm1FbGVtZW50RGVzY3JpcHRvcnNDb250ZXh0ID0gdXNlQ29udGV4dChcbiAgICBIdkZvcm1FbGVtZW50RGVzY3JpcHRvcnNDb250ZXh0XG4gICk7XG4gIGNvbnN0IGFyaWFQcm9wcyA9IGJ1aWxkQXJpYVByb3BzRnJvbUNvbnRleHQoXG4gICAgaW5wdXRQcm9wcyxcbiAgICBmb3JtRWxlbWVudERlc2NyaXB0b3JzQ29udGV4dCxcbiAgICBsb2NhbEludmFsaWQsXG4gICAgaWRcbiAgKTtcblxuICBjb25zdCBvbkNoYW5nZUhhbmRsZXIgPSAoXG4gICAgZXZlbnQ6IFJlYWN0LkNoYW5nZUV2ZW50PEhUTUxJbnB1dEVsZW1lbnQgfCBIVE1MVGV4dEFyZWFFbGVtZW50PlxuICApID0+IHtcbiAgICBvbkNoYW5nZT8uKGV2ZW50LCBldmVudC50YXJnZXQudmFsdWUpO1xuICB9O1xuXG4gIHJldHVybiAoXG4gICAgPENsYXNzTmFtZXM+XG4gICAgICB7KHsgY3NzLCBjeCB9KSA9PiAoXG4gICAgICAgIDw+XG4gICAgICAgICAgPEdsb2JhbCBzdHlsZXM9e2Jhc2VJbnB1dFN0eWxlc30gLz5cbiAgICAgICAgICA8ZGl2XG4gICAgICAgICAgICBjbGFzc05hbWU9e2N4KFxuICAgICAgICAgICAgICBiYXNlSW5wdXRDbGFzc2VzLnJvb3QsXG4gICAgICAgICAgICAgIGZvcm1FbGVtZW50UHJvcHMuZGlzYWJsZWQgJiYgYmFzZUlucHV0Q2xhc3Nlcy5kaXNhYmxlZCxcbiAgICAgICAgICAgICAgbG9jYWxJbnZhbGlkICYmIGJhc2VJbnB1dENsYXNzZXMuaW52YWxpZCxcbiAgICAgICAgICAgICAgbXVsdGlsaW5lICYmIHJlc2l6YWJsZSAmJiBiYXNlSW5wdXRDbGFzc2VzLnJlc2l6YWJsZSxcbiAgICAgICAgICAgICAgZm9ybUVsZW1lbnRQcm9wcy5yZWFkT25seSAmJiBiYXNlSW5wdXRDbGFzc2VzLnJlYWRPbmx5LFxuICAgICAgICAgICAgICBjc3Moc3R5bGVzLnJvb3QpLFxuICAgICAgICAgICAgICBmb3JtRWxlbWVudFByb3BzLmRpc2FibGVkICYmIGNzcyhzdHlsZXMuZGlzYWJsZWQpLFxuICAgICAgICAgICAgICBsb2NhbEludmFsaWQgJiYgY3NzKHN0eWxlcy5pbnZhbGlkKSxcbiAgICAgICAgICAgICAgbXVsdGlsaW5lICYmIHJlc2l6YWJsZSAmJiBjc3Moc3R5bGVzLnJlc2l6YWJsZSksXG4gICAgICAgICAgICAgIGZvcm1FbGVtZW50UHJvcHMucmVhZE9ubHkgJiYgY3NzKHN0eWxlcy5yZWFkT25seSksXG4gICAgICAgICAgICAgIGNsYXNzTmFtZSxcbiAgICAgICAgICAgICAgY2xhc3Nlcz8ucm9vdCxcbiAgICAgICAgICAgICAgZm9ybUVsZW1lbnRQcm9wcy5kaXNhYmxlZCAmJiBjbGFzc2VzPy5kaXNhYmxlZCxcbiAgICAgICAgICAgICAgbG9jYWxJbnZhbGlkICYmIGNsYXNzZXM/LmludmFsaWQsXG4gICAgICAgICAgICAgIG11bHRpbGluZSAmJiByZXNpemFibGUgJiYgY2xhc3Nlcz8ucmVzaXphYmxlLFxuICAgICAgICAgICAgICBmb3JtRWxlbWVudFByb3BzLnJlYWRPbmx5ICYmIGNsYXNzZXM/LnJlYWRPbmx5XG4gICAgICAgICAgICApfVxuICAgICAgICAgID5cbiAgICAgICAgICAgIDxNdWlJbnB1dFxuICAgICAgICAgICAgICBpZD17aWR9XG4gICAgICAgICAgICAgIG5hbWU9e2Zvcm1FbGVtZW50UHJvcHMubmFtZX1cbiAgICAgICAgICAgICAgdmFsdWU9e3ZhbHVlfVxuICAgICAgICAgICAgICBkZWZhdWx0VmFsdWU9e2RlZmF1bHRWYWx1ZX1cbiAgICAgICAgICAgICAgdHlwZT17dHlwZX1cbiAgICAgICAgICAgICAgcGxhY2Vob2xkZXI9e3BsYWNlaG9sZGVyfVxuICAgICAgICAgICAgICByZWFkT25seT17ISFmb3JtRWxlbWVudFByb3BzLnJlYWRPbmx5fVxuICAgICAgICAgICAgICBkaXNhYmxlZD17Zm9ybUVsZW1lbnRQcm9wcy5kaXNhYmxlZH1cbiAgICAgICAgICAgICAgb25DaGFuZ2U9e29uQ2hhbmdlSGFuZGxlcn1cbiAgICAgICAgICAgICAgY2xhc3NOYW1lPXtjeChcbiAgICAgICAgICAgICAgICBsb2NhbEludmFsaWQgJiYgYmFzZUlucHV0Q2xhc3Nlcy5pbnB1dFJvb3RJbnZhbGlkLFxuICAgICAgICAgICAgICAgIGZvcm1FbGVtZW50UHJvcHMucmVhZE9ubHkgJiYgYmFzZUlucHV0Q2xhc3Nlcy5pbnB1dFJvb3RSZWFkT25seSxcbiAgICAgICAgICAgICAgICBsb2NhbEludmFsaWQgJiYgY3NzKHN0eWxlcy5pbnB1dFJvb3RJbnZhbGlkKSxcbiAgICAgICAgICAgICAgICBmb3JtRWxlbWVudFByb3BzLnJlYWRPbmx5ICYmIGNzcyhzdHlsZXMuaW5wdXRSb290UmVhZE9ubHkpLFxuICAgICAgICAgICAgICAgIGxvY2FsSW52YWxpZCAmJiBjbGFzc2VzPy5pbnB1dFJvb3RJbnZhbGlkLFxuICAgICAgICAgICAgICAgIGZvcm1FbGVtZW50UHJvcHMucmVhZE9ubHkgJiYgY2xhc3Nlcz8uaW5wdXRSb290UmVhZE9ubHlcbiAgICAgICAgICAgICAgKX1cbiAgICAgICAgICAgICAgY2xhc3Nlcz17e1xuICAgICAgICAgICAgICAgIHJvb3Q6IGN4KFxuICAgICAgICAgICAgICAgICAgYmFzZUlucHV0Q2xhc3Nlcy5pbnB1dFJvb3QsXG4gICAgICAgICAgICAgICAgICBjc3Moc3R5bGVzLmlucHV0Um9vdCksXG4gICAgICAgICAgICAgICAgICBjbGFzc2VzPy5pbnB1dFJvb3RcbiAgICAgICAgICAgICAgICApLFxuICAgICAgICAgICAgICAgIGZvY3VzZWQ6IGN4KFxuICAgICAgICAgICAgICAgICAgYmFzZUlucHV0Q2xhc3Nlcy5pbnB1dFJvb3RGb2N1c2VkLFxuICAgICAgICAgICAgICAgICAgY3NzKHN0eWxlcy5pbnB1dFJvb3RGb2N1c2VkKSxcbiAgICAgICAgICAgICAgICAgIGNsYXNzZXM/LmlucHV0Um9vdEZvY3VzZWRcbiAgICAgICAgICAgICAgICApLFxuICAgICAgICAgICAgICAgIGRpc2FibGVkOiBjeChcbiAgICAgICAgICAgICAgICAgIGJhc2VJbnB1dENsYXNzZXMuaW5wdXRSb290RGlzYWJsZWQsXG4gICAgICAgICAgICAgICAgICBjc3Moc3R5bGVzLmlucHV0Um9vdERpc2FibGVkKSxcbiAgICAgICAgICAgICAgICAgIGNsYXNzZXM/LmlucHV0Um9vdERpc2FibGVkXG4gICAgICAgICAgICAgICAgKSxcbiAgICAgICAgICAgICAgICBtdWx0aWxpbmU6IGN4KFxuICAgICAgICAgICAgICAgICAgYmFzZUlucHV0Q2xhc3Nlcy5pbnB1dFJvb3RNdWx0aWxpbmUsXG4gICAgICAgICAgICAgICAgICBjc3Moc3R5bGVzLmlucHV0Um9vdE11bHRpbGluZSksXG4gICAgICAgICAgICAgICAgICBjbGFzc2VzPy5pbnB1dFJvb3RNdWx0aWxpbmVcbiAgICAgICAgICAgICAgICApLFxuICAgICAgICAgICAgICAgIGlucHV0OiBjeChcbiAgICAgICAgICAgICAgICAgIGJhc2VJbnB1dENsYXNzZXMuaW5wdXQsXG4gICAgICAgICAgICAgICAgICAhZm9ybUVsZW1lbnRQcm9wcy5kaXNhYmxlZCAmJlxuICAgICAgICAgICAgICAgICAgICByZXNpemFibGUgJiZcbiAgICAgICAgICAgICAgICAgICAgYmFzZUlucHV0Q2xhc3Nlcy5pbnB1dFJlc2l6YWJsZSxcbiAgICAgICAgICAgICAgICAgIGZvcm1FbGVtZW50UHJvcHMuZGlzYWJsZWQgJiYgYmFzZUlucHV0Q2xhc3Nlcy5pbnB1dERpc2FibGVkLFxuICAgICAgICAgICAgICAgICAgZm9ybUVsZW1lbnRQcm9wcy5yZWFkT25seSAmJiBiYXNlSW5wdXRDbGFzc2VzLmlucHV0UmVhZE9ubHksXG4gICAgICAgICAgICAgICAgICBjc3Moc3R5bGVzLmlucHV0KSxcbiAgICAgICAgICAgICAgICAgICFmb3JtRWxlbWVudFByb3BzLmRpc2FibGVkICYmXG4gICAgICAgICAgICAgICAgICAgIHJlc2l6YWJsZSAmJlxuICAgICAgICAgICAgICAgICAgICBjc3Moc3R5bGVzLmlucHV0UmVzaXphYmxlKSxcbiAgICAgICAgICAgICAgICAgIGZvcm1FbGVtZW50UHJvcHMuZGlzYWJsZWQgJiYgY3NzKHN0eWxlcy5pbnB1dERpc2FibGVkKSxcbiAgICAgICAgICAgICAgICAgIGZvcm1FbGVtZW50UHJvcHMucmVhZE9ubHkgJiYgY3NzKHN0eWxlcy5pbnB1dFJlYWRPbmx5KSxcbiAgICAgICAgICAgICAgICAgIGNsYXNzZXM/LmlucHV0LFxuICAgICAgICAgICAgICAgICAgIWZvcm1FbGVtZW50UHJvcHMuZGlzYWJsZWQgJiZcbiAgICAgICAgICAgICAgICAgICAgcmVzaXphYmxlICYmXG4gICAgICAgICAgICAgICAgICAgIGNsYXNzZXM/LmlucHV0UmVzaXphYmxlLFxuICAgICAgICAgICAgICAgICAgZm9ybUVsZW1lbnRQcm9wcy5kaXNhYmxlZCAmJiBjbGFzc2VzPy5pbnB1dERpc2FibGVkLFxuICAgICAgICAgICAgICAgICAgZm9ybUVsZW1lbnRQcm9wcy5yZWFkT25seSAmJiBjbGFzc2VzPy5pbnB1dFJlYWRPbmx5XG4gICAgICAgICAgICAgICAgKSxcbiAgICAgICAgICAgICAgfX1cbiAgICAgICAgICAgICAgaW5wdXRQcm9wcz17e1xuICAgICAgICAgICAgICAgIC8vIEF2b2lkIHRoZSByZXF1aXJlZCBhdHRyaWJ1dGUgYXQgdGhlIHJvb3Qgbm9kZVxuICAgICAgICAgICAgICAgIHJlcXVpcmVkOiBmb3JtRWxlbWVudFByb3BzLnJlcXVpcmVkLFxuICAgICAgICAgICAgICAgIC4uLmlucHV0UHJvcHMsXG4gICAgICAgICAgICAgICAgLi4uYXJpYVByb3BzLFxuICAgICAgICAgICAgICB9fVxuICAgICAgICAgICAgICBpbnB1dFJlZj17aW5wdXRSZWZ9XG4gICAgICAgICAgICAgIG11bHRpbGluZT17bXVsdGlsaW5lfVxuICAgICAgICAgICAgICByb3dzPXsxMH1cbiAgICAgICAgICAgICAgey4uLm90aGVyc31cbiAgICAgICAgICAgIC8+XG4gICAgICAgICAgICB7IW11bHRpbGluZSAmJiAoXG4gICAgICAgICAgICAgIDxkaXZcbiAgICAgICAgICAgICAgICByb2xlPVwicHJlc2VudGF0aW9uXCJcbiAgICAgICAgICAgICAgICBjbGFzc05hbWU9e2N4KFxuICAgICAgICAgICAgICAgICAgYmFzZUlucHV0Q2xhc3Nlcy5pbnB1dEJvcmRlckNvbnRhaW5lcixcbiAgICAgICAgICAgICAgICAgIGNzcyhzdHlsZXMuaW5wdXRCb3JkZXJDb250YWluZXIpLFxuICAgICAgICAgICAgICAgICAgY2xhc3Nlcz8uaW5wdXRCb3JkZXJDb250YWluZXJcbiAgICAgICAgICAgICAgICApfVxuICAgICAgICAgICAgICAvPlxuICAgICAgICAgICAgKX1cbiAgICAgICAgICA8L2Rpdj5cbiAgICAgICAgPC8+XG4gICAgICApfVxuICAgIDwvQ2xhc3NOYW1lcz5cbiAgKTtcbn07XG4iXX0= */");
|
|
33
33
|
const HvBaseInput = ({
|
|
34
34
|
classes,
|
|
35
35
|
className = "",
|
|
@@ -51,7 +51,7 @@ const HvBaseInput = ({
|
|
|
51
51
|
...others
|
|
52
52
|
}) => {
|
|
53
53
|
const formElementContext = useContext(HvFormElementContext);
|
|
54
|
-
const formElementProps = buildFormElementPropsFromContext(name, disabled, readOnly, required,
|
|
54
|
+
const formElementProps = buildFormElementPropsFromContext(name, disabled, readOnly, required, formElementContext);
|
|
55
55
|
const localInvalid = invalid || formElementProps.status === "invalid";
|
|
56
56
|
const formElementDescriptorsContext = useContext(HvFormElementDescriptorsContext);
|
|
57
57
|
const ariaProps = buildAriaPropsFromContext(inputProps, formElementDescriptorsContext, localInvalid, id);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"BaseInput.js","sources":["../../../../src/components/BaseInput/BaseInput.tsx"],"sourcesContent":["import { RefObject, useContext } from \"react\";\nimport {\n InputBaseComponentProps as MuiInputBaseComponentProps,\n InputProps as MuiInputProps,\n Input as MuiInput,\n} from \"@mui/material\";\nimport { HvBaseProps } from \"@core/types\";\nimport {\n HvFormElementContext,\n HvFormElementDescriptorsContext,\n buildFormElementPropsFromContext,\n buildAriaPropsFromContext,\n} from \"@core/components\";\nimport { ClassNames, css as emotionCss, Global } from \"@emotion/react\";\nimport { theme } from \"@hitachivantara/uikit-styles\";\nimport baseInputClasses, { HvBaseInputClasses } from \"./baseInputClasses\";\nimport { styles } from \"./BaseInput.styles\";\n\n// Global styles for the base input.\nconst baseInputStyles = emotionCss({\n \"input:-webkit-autofill\": {\n WebkitBoxShadow: `0 0 0px 1000px ${theme.colors.atmo1} inset`,\n WebkitTextFillColor: theme.colors.secondary,\n },\n\n // Clears number input up/down arrows in Chrome and Firefox\n \"input::-webkit-outer-spin-button,\\\n input::-webkit-inner-spin-button\": {\n WebkitAppearance: \"none\",\n margin: 0,\n },\n \"input[type=number]\": {\n MozAppearance: \"textfield\",\n },\n\n // Clears time input clock in Chrome\n \"input::-webkit-calendar-picker-indicator\": {\n display: \"none\",\n },\n\n // Clears search input clear button in Chrome\n \"input::-webkit-search-decoration,\\\n input::-webkit-search-cancel-button,\\\n input::-webkit-search-results-button,\\\n input::-webkit-search-results-decoration\": {\n display: \"none\",\n },\n});\n\nexport interface HvBaseInputProps\n extends Omit<MuiInputProps, \"onChange\" | \"classes\">,\n HvBaseProps<\n HTMLDivElement,\n | \"onChange\"\n | \"color\"\n | \"onBlur\"\n | \"onFocus\"\n | \"onInvalid\"\n | \"onKeyDown\"\n | \"onKeyUp\"\n > {\n /** The input name. */\n name?: string;\n /** The value of the input, when controlled. */\n value?: string;\n /** The initial value of the input, when uncontrolled. */\n defaultValue?: string;\n /** If `true` the input is disabled. */\n disabled?: boolean;\n /** Indicates that the input is not editable. */\n readOnly?: boolean;\n /** If true, the input element will be required. */\n required?: boolean;\n /** The function that will be executed onChange, allows modification of the input,\n * it receives the value. If a new value should be presented it must returned it. */\n onChange?: (\n event: React.ChangeEvent<HTMLInputElement | HTMLTextAreaElement>,\n value: string\n ) => void;\n /** The input type. */\n type?: string;\n /** Label inside the input used to help user. */\n placeholder?: string;\n /** If true, a textarea element will be rendered. */\n multiline?: boolean;\n /** If true and multiline is also true the textarea element will be resizable. */\n resizable?: boolean;\n /** Denotes if the input is in an invalid state. */\n invalid?: boolean;\n /** Attributes applied to the input element. */\n inputProps?: MuiInputBaseComponentProps;\n /** Allows passing a ref to the underlying input */\n inputRef?: RefObject<HTMLElement>;\n /** A Jss Object used to override or extend the styles applied to the component. */\n classes?: HvBaseInputClasses;\n}\n\n/**\n * An Input component that only posses the most basic functionalities.\n * It should be used alongside the other form elements to construct a proper accessible form.\n */\nexport const HvBaseInput = ({\n classes,\n className = \"\",\n id,\n name,\n value,\n defaultValue,\n required,\n readOnly,\n disabled,\n onChange,\n type = \"text\",\n placeholder,\n multiline = false,\n resizable = false,\n invalid = false,\n inputRef,\n inputProps = {},\n ...others\n}: HvBaseInputProps) => {\n const formElementContext = useContext(HvFormElementContext);\n const formElementProps = buildFormElementPropsFromContext(\n name,\n disabled,\n readOnly,\n required,\n status,\n formElementContext\n );\n\n const localInvalid = invalid || formElementProps.status === \"invalid\";\n\n const formElementDescriptorsContext = useContext(\n HvFormElementDescriptorsContext\n );\n const ariaProps = buildAriaPropsFromContext(\n inputProps,\n formElementDescriptorsContext,\n localInvalid,\n id\n );\n\n const onChangeHandler = (\n event: React.ChangeEvent<HTMLInputElement | HTMLTextAreaElement>\n ) => {\n onChange?.(event, event.target.value);\n };\n\n return (\n <ClassNames>\n {({ css, cx }) => (\n <>\n <Global styles={baseInputStyles} />\n <div\n className={cx(\n baseInputClasses.root,\n formElementProps.disabled && baseInputClasses.disabled,\n localInvalid && baseInputClasses.invalid,\n multiline && resizable && baseInputClasses.resizable,\n formElementProps.readOnly && baseInputClasses.readOnly,\n css(styles.root),\n formElementProps.disabled && css(styles.disabled),\n localInvalid && css(styles.invalid),\n multiline && resizable && css(styles.resizable),\n formElementProps.readOnly && css(styles.readOnly),\n className,\n classes?.root,\n formElementProps.disabled && classes?.disabled,\n localInvalid && classes?.invalid,\n multiline && resizable && classes?.resizable,\n formElementProps.readOnly && classes?.readOnly\n )}\n >\n <MuiInput\n id={id}\n name={formElementProps.name}\n value={value}\n defaultValue={defaultValue}\n type={type}\n placeholder={placeholder}\n readOnly={!!formElementProps.readOnly}\n disabled={formElementProps.disabled}\n onChange={onChangeHandler}\n className={cx(\n localInvalid && baseInputClasses.inputRootInvalid,\n formElementProps.readOnly && baseInputClasses.inputRootReadOnly,\n localInvalid && css(styles.inputRootInvalid),\n formElementProps.readOnly && css(styles.inputRootReadOnly),\n localInvalid && classes?.inputRootInvalid,\n formElementProps.readOnly && classes?.inputRootReadOnly\n )}\n classes={{\n root: cx(\n baseInputClasses.inputRoot,\n css(styles.inputRoot),\n classes?.inputRoot\n ),\n focused: cx(\n baseInputClasses.inputRootFocused,\n css(styles.inputRootFocused),\n classes?.inputRootFocused\n ),\n disabled: cx(\n baseInputClasses.inputRootDisabled,\n css(styles.inputRootDisabled),\n classes?.inputRootDisabled\n ),\n multiline: cx(\n baseInputClasses.inputRootMultiline,\n css(styles.inputRootMultiline),\n classes?.inputRootMultiline\n ),\n input: cx(\n baseInputClasses.input,\n !formElementProps.disabled &&\n resizable &&\n baseInputClasses.inputResizable,\n formElementProps.disabled && baseInputClasses.inputDisabled,\n formElementProps.readOnly && baseInputClasses.inputReadOnly,\n css(styles.input),\n !formElementProps.disabled &&\n resizable &&\n css(styles.inputResizable),\n formElementProps.disabled && css(styles.inputDisabled),\n formElementProps.readOnly && css(styles.inputReadOnly),\n classes?.input,\n !formElementProps.disabled &&\n resizable &&\n classes?.inputResizable,\n formElementProps.disabled && classes?.inputDisabled,\n formElementProps.readOnly && classes?.inputReadOnly\n ),\n }}\n inputProps={{\n // Avoid the required attribute at the root node\n required: formElementProps.required,\n ...inputProps,\n ...ariaProps,\n }}\n inputRef={inputRef}\n multiline={multiline}\n rows={10}\n {...others}\n />\n {!multiline && (\n <div\n role=\"presentation\"\n className={cx(\n baseInputClasses.inputBorderContainer,\n css(styles.inputBorderContainer),\n classes?.inputBorderContainer\n )}\n />\n )}\n </div>\n </>\n )}\n </ClassNames>\n );\n};\n"],"names":["baseInputStyles","emotionCss","WebkitBoxShadow","theme","colors","atmo1","WebkitTextFillColor","secondary","WebkitAppearance","margin","MozAppearance","display","process","env","NODE_ENV","HvBaseInput","classes","className","id","name","value","defaultValue","required","readOnly","disabled","onChange","type","placeholder","multiline","resizable","invalid","inputRef","inputProps","others","formElementContext","useContext","HvFormElementContext","formElementProps","buildFormElementPropsFromContext","status","localInvalid","formElementDescriptorsContext","HvFormElementDescriptorsContext","ariaProps","buildAriaPropsFromContext","onChangeHandler","event","target","ClassNames","children","css","cx","_Fragment","_jsx","Global","styles","_jsxs","baseInputClasses","root","MuiInput","inputRootInvalid","inputRootReadOnly","inputRoot","focused","inputRootFocused","inputRootDisabled","inputRootMultiline","input","inputResizable","inputDisabled","inputReadOnly","rows","role","inputBorderContainer"],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"BaseInput.js","sources":["../../../../src/components/BaseInput/BaseInput.tsx"],"sourcesContent":["import { RefObject, useContext } from \"react\";\nimport {\n InputBaseComponentProps as MuiInputBaseComponentProps,\n InputProps as MuiInputProps,\n Input as MuiInput,\n} from \"@mui/material\";\nimport { HvBaseProps } from \"@core/types\";\nimport {\n HvFormElementContext,\n HvFormElementDescriptorsContext,\n buildFormElementPropsFromContext,\n buildAriaPropsFromContext,\n} from \"@core/components\";\nimport { ClassNames, css as emotionCss, Global } from \"@emotion/react\";\nimport { theme } from \"@hitachivantara/uikit-styles\";\nimport baseInputClasses, { HvBaseInputClasses } from \"./baseInputClasses\";\nimport { styles } from \"./BaseInput.styles\";\n\n// Global styles for the base input.\nconst baseInputStyles = emotionCss({\n \"input:-webkit-autofill\": {\n WebkitBoxShadow: `0 0 0px 1000px ${theme.colors.atmo1} inset`,\n WebkitTextFillColor: theme.colors.secondary,\n },\n\n // Clears number input up/down arrows in Chrome and Firefox\n \"input::-webkit-outer-spin-button,\\\n input::-webkit-inner-spin-button\": {\n WebkitAppearance: \"none\",\n margin: 0,\n },\n \"input[type=number]\": {\n MozAppearance: \"textfield\",\n },\n\n // Clears time input clock in Chrome\n \"input::-webkit-calendar-picker-indicator\": {\n display: \"none\",\n },\n\n // Clears search input clear button in Chrome\n \"input::-webkit-search-decoration,\\\n input::-webkit-search-cancel-button,\\\n input::-webkit-search-results-button,\\\n input::-webkit-search-results-decoration\": {\n display: \"none\",\n },\n});\n\nexport interface HvBaseInputProps\n extends Omit<MuiInputProps, \"onChange\" | \"classes\">,\n HvBaseProps<\n HTMLDivElement,\n | \"onChange\"\n | \"color\"\n | \"onBlur\"\n | \"onFocus\"\n | \"onInvalid\"\n | \"onKeyDown\"\n | \"onKeyUp\"\n > {\n /** The input name. */\n name?: string;\n /** The value of the input, when controlled. */\n value?: string;\n /** The initial value of the input, when uncontrolled. */\n defaultValue?: string;\n /** If `true` the input is disabled. */\n disabled?: boolean;\n /** Indicates that the input is not editable. */\n readOnly?: boolean;\n /** If true, the input element will be required. */\n required?: boolean;\n /** The function that will be executed onChange, allows modification of the input,\n * it receives the value. If a new value should be presented it must returned it. */\n onChange?: (\n event: React.ChangeEvent<HTMLInputElement | HTMLTextAreaElement>,\n value: string\n ) => void;\n /** The input type. */\n type?: string;\n /** Label inside the input used to help user. */\n placeholder?: string;\n /** If true, a textarea element will be rendered. */\n multiline?: boolean;\n /** If true and multiline is also true the textarea element will be resizable. */\n resizable?: boolean;\n /** Denotes if the input is in an invalid state. */\n invalid?: boolean;\n /** Attributes applied to the input element. */\n inputProps?: MuiInputBaseComponentProps;\n /** Allows passing a ref to the underlying input */\n inputRef?: RefObject<HTMLElement>;\n /** A Jss Object used to override or extend the styles applied to the component. */\n classes?: HvBaseInputClasses;\n}\n\n/**\n * An Input component that only posses the most basic functionalities.\n * It should be used alongside the other form elements to construct a proper accessible form.\n */\nexport const HvBaseInput = ({\n classes,\n className = \"\",\n id,\n name,\n value,\n defaultValue,\n required,\n readOnly,\n disabled,\n onChange,\n type = \"text\",\n placeholder,\n multiline = false,\n resizable = false,\n invalid = false,\n inputRef,\n inputProps = {},\n ...others\n}: HvBaseInputProps) => {\n const formElementContext = useContext(HvFormElementContext);\n const formElementProps = buildFormElementPropsFromContext(\n name,\n disabled,\n readOnly,\n required,\n formElementContext\n );\n\n const localInvalid = invalid || formElementProps.status === \"invalid\";\n\n const formElementDescriptorsContext = useContext(\n HvFormElementDescriptorsContext\n );\n const ariaProps = buildAriaPropsFromContext(\n inputProps,\n formElementDescriptorsContext,\n localInvalid,\n id\n );\n\n const onChangeHandler = (\n event: React.ChangeEvent<HTMLInputElement | HTMLTextAreaElement>\n ) => {\n onChange?.(event, event.target.value);\n };\n\n return (\n <ClassNames>\n {({ css, cx }) => (\n <>\n <Global styles={baseInputStyles} />\n <div\n className={cx(\n baseInputClasses.root,\n formElementProps.disabled && baseInputClasses.disabled,\n localInvalid && baseInputClasses.invalid,\n multiline && resizable && baseInputClasses.resizable,\n formElementProps.readOnly && baseInputClasses.readOnly,\n css(styles.root),\n formElementProps.disabled && css(styles.disabled),\n localInvalid && css(styles.invalid),\n multiline && resizable && css(styles.resizable),\n formElementProps.readOnly && css(styles.readOnly),\n className,\n classes?.root,\n formElementProps.disabled && classes?.disabled,\n localInvalid && classes?.invalid,\n multiline && resizable && classes?.resizable,\n formElementProps.readOnly && classes?.readOnly\n )}\n >\n <MuiInput\n id={id}\n name={formElementProps.name}\n value={value}\n defaultValue={defaultValue}\n type={type}\n placeholder={placeholder}\n readOnly={!!formElementProps.readOnly}\n disabled={formElementProps.disabled}\n onChange={onChangeHandler}\n className={cx(\n localInvalid && baseInputClasses.inputRootInvalid,\n formElementProps.readOnly && baseInputClasses.inputRootReadOnly,\n localInvalid && css(styles.inputRootInvalid),\n formElementProps.readOnly && css(styles.inputRootReadOnly),\n localInvalid && classes?.inputRootInvalid,\n formElementProps.readOnly && classes?.inputRootReadOnly\n )}\n classes={{\n root: cx(\n baseInputClasses.inputRoot,\n css(styles.inputRoot),\n classes?.inputRoot\n ),\n focused: cx(\n baseInputClasses.inputRootFocused,\n css(styles.inputRootFocused),\n classes?.inputRootFocused\n ),\n disabled: cx(\n baseInputClasses.inputRootDisabled,\n css(styles.inputRootDisabled),\n classes?.inputRootDisabled\n ),\n multiline: cx(\n baseInputClasses.inputRootMultiline,\n css(styles.inputRootMultiline),\n classes?.inputRootMultiline\n ),\n input: cx(\n baseInputClasses.input,\n !formElementProps.disabled &&\n resizable &&\n baseInputClasses.inputResizable,\n formElementProps.disabled && baseInputClasses.inputDisabled,\n formElementProps.readOnly && baseInputClasses.inputReadOnly,\n css(styles.input),\n !formElementProps.disabled &&\n resizable &&\n css(styles.inputResizable),\n formElementProps.disabled && css(styles.inputDisabled),\n formElementProps.readOnly && css(styles.inputReadOnly),\n classes?.input,\n !formElementProps.disabled &&\n resizable &&\n classes?.inputResizable,\n formElementProps.disabled && classes?.inputDisabled,\n formElementProps.readOnly && classes?.inputReadOnly\n ),\n }}\n inputProps={{\n // Avoid the required attribute at the root node\n required: formElementProps.required,\n ...inputProps,\n ...ariaProps,\n }}\n inputRef={inputRef}\n multiline={multiline}\n rows={10}\n {...others}\n />\n {!multiline && (\n <div\n role=\"presentation\"\n className={cx(\n baseInputClasses.inputBorderContainer,\n css(styles.inputBorderContainer),\n classes?.inputBorderContainer\n )}\n />\n )}\n </div>\n </>\n )}\n </ClassNames>\n );\n};\n"],"names":["baseInputStyles","emotionCss","WebkitBoxShadow","theme","colors","atmo1","WebkitTextFillColor","secondary","WebkitAppearance","margin","MozAppearance","display","process","env","NODE_ENV","HvBaseInput","classes","className","id","name","value","defaultValue","required","readOnly","disabled","onChange","type","placeholder","multiline","resizable","invalid","inputRef","inputProps","others","formElementContext","useContext","HvFormElementContext","formElementProps","buildFormElementPropsFromContext","localInvalid","status","formElementDescriptorsContext","HvFormElementDescriptorsContext","ariaProps","buildAriaPropsFromContext","onChangeHandler","event","target","ClassNames","children","css","cx","_Fragment","_jsx","Global","styles","_jsxs","baseInputClasses","root","MuiInput","inputRootInvalid","inputRootReadOnly","inputRoot","focused","inputRootFocused","inputRootDisabled","inputRootMultiline","input","inputResizable","inputDisabled","inputReadOnly","rows","role","inputBorderContainer"],"mappings":"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"}
|
|
@@ -32,13 +32,13 @@ const getIdReferenceFor = (formElementType, descriptors, filterFor = null) => {
|
|
|
32
32
|
const referenceList = (_c = (_b = (_a = descriptors == null ? void 0 : descriptors[formElementType]) == null ? void 0 : _a.filter((d) => d.htmlFor !== filterFor)) == null ? void 0 : _b.map((d) => d.id)) == null ? void 0 : _c[0];
|
|
33
33
|
return referenceList !== "" ? referenceList : void 0;
|
|
34
34
|
};
|
|
35
|
-
const buildFormElementPropsFromContext = (name, disabled, readOnly, required,
|
|
35
|
+
const buildFormElementPropsFromContext = (name, disabled, readOnly, required, context) => {
|
|
36
36
|
return {
|
|
37
37
|
name: name || (context == null ? void 0 : context.elementName),
|
|
38
38
|
disabled: disabled !== void 0 ? disabled : context == null ? void 0 : context.elementDisabled,
|
|
39
39
|
readOnly: readOnly !== void 0 ? readOnly : context == null ? void 0 : context.elementReadOnly,
|
|
40
40
|
required: required !== void 0 ? required : context == null ? void 0 : context.elementRequired,
|
|
41
|
-
status:
|
|
41
|
+
status: context == null ? void 0 : context.elementStatus
|
|
42
42
|
};
|
|
43
43
|
};
|
|
44
44
|
const buildAriaPropsFromContext = (props, context, isInvalid, inputId) => {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"FormUtils.js","sources":["../../../../../../src/components/Forms/FormElement/utils/FormUtils.ts"],"sourcesContent":["import React from \"react\";\n\ninterface Descriptor {\n id?: string;\n htmlFor?: string;\n}\n/**\n * Scans the element's children looking for the children IDs that match the different form element types.\n * This function will produce an object that has a key for each provided name\n * Inside each key there will be an array with each id of the found descriptor.\n *\n * @param {Array} children - The children inside the form element to scan.\n * @param {Object} descriptors - Initial descriptors map (used for recursion).\n *\n */\nconst findDescriptors = (\n children,\n descriptors: {\n input: Descriptor[];\n label: Descriptor[];\n description: Descriptor[];\n controlled: Descriptor[];\n errormessage: Descriptor[];\n HvCalendarHeader?: Descriptor[];\n } = {\n input: [],\n label: [],\n description: [],\n controlled: [],\n errormessage: [],\n\n // TODO: refactor this out\n HvCalendarHeader: [],\n }\n) => {\n React.Children.forEach(children, (child) => {\n if (child?.type?.formElementType && child.props?.id) {\n descriptors[child.type.formElementType]?.push({\n id: child.props?.id,\n htmlFor: child.props?.htmlFor,\n });\n }\n\n if (child?.type?.formElementType !== \"formelement\") {\n findDescriptors(child?.props?.children, descriptors);\n }\n });\n\n return descriptors;\n};\n\nconst getIdReferenceListFor = (\n formElementType,\n descriptors,\n filterFor = null\n) => {\n const referenceList = descriptors?.[formElementType]\n ?.filter((d) => d.htmlFor !== filterFor)\n ?.map((d) => d.id)\n .join(\" \")\n .trim();\n\n return referenceList !== \"\" ? referenceList : undefined;\n};\n\nconst getIdReferenceFor = (formElementType, descriptors, filterFor = null) => {\n const referenceList = descriptors?.[formElementType]\n ?.filter((d) => d.htmlFor !== filterFor)\n ?.map((d) => d.id)?.[0];\n\n return referenceList !== \"\" ? referenceList : undefined;\n};\n\nconst buildFormElementPropsFromContext = (\n name,\n disabled,\n readOnly,\n required,\n
|
|
1
|
+
{"version":3,"file":"FormUtils.js","sources":["../../../../../../src/components/Forms/FormElement/utils/FormUtils.ts"],"sourcesContent":["import React from \"react\";\n\ninterface Descriptor {\n id?: string;\n htmlFor?: string;\n}\n/**\n * Scans the element's children looking for the children IDs that match the different form element types.\n * This function will produce an object that has a key for each provided name\n * Inside each key there will be an array with each id of the found descriptor.\n *\n * @param {Array} children - The children inside the form element to scan.\n * @param {Object} descriptors - Initial descriptors map (used for recursion).\n *\n */\nconst findDescriptors = (\n children,\n descriptors: {\n input: Descriptor[];\n label: Descriptor[];\n description: Descriptor[];\n controlled: Descriptor[];\n errormessage: Descriptor[];\n HvCalendarHeader?: Descriptor[];\n } = {\n input: [],\n label: [],\n description: [],\n controlled: [],\n errormessage: [],\n\n // TODO: refactor this out\n HvCalendarHeader: [],\n }\n) => {\n React.Children.forEach(children, (child) => {\n if (child?.type?.formElementType && child.props?.id) {\n descriptors[child.type.formElementType]?.push({\n id: child.props?.id,\n htmlFor: child.props?.htmlFor,\n });\n }\n\n if (child?.type?.formElementType !== \"formelement\") {\n findDescriptors(child?.props?.children, descriptors);\n }\n });\n\n return descriptors;\n};\n\nconst getIdReferenceListFor = (\n formElementType,\n descriptors,\n filterFor = null\n) => {\n const referenceList = descriptors?.[formElementType]\n ?.filter((d) => d.htmlFor !== filterFor)\n ?.map((d) => d.id)\n .join(\" \")\n .trim();\n\n return referenceList !== \"\" ? referenceList : undefined;\n};\n\nconst getIdReferenceFor = (formElementType, descriptors, filterFor = null) => {\n const referenceList = descriptors?.[formElementType]\n ?.filter((d) => d.htmlFor !== filterFor)\n ?.map((d) => d.id)?.[0];\n\n return referenceList !== \"\" ? referenceList : undefined;\n};\n\nconst buildFormElementPropsFromContext = (\n name,\n disabled,\n readOnly,\n required,\n context\n) => {\n return {\n name: name || context?.elementName,\n disabled: disabled !== undefined ? disabled : context?.elementDisabled,\n readOnly: readOnly !== undefined ? readOnly : context?.elementReadOnly,\n required: required !== undefined ? required : context?.elementRequired,\n status: context?.elementStatus,\n };\n};\n\nconst buildAriaPropsFromContext = (props, context, isInvalid, inputId) => {\n const arias = {\n \"aria-labelledby\":\n props?.[\"aria-labelledby\"] !== undefined\n ? props?.[\"aria-labelledby\"]\n : getIdReferenceListFor(\"label\", context?.descriptors, inputId),\n \"aria-describedby\":\n props?.[\"aria-describedby\"] !== undefined\n ? props?.[\"aria-describedby\"]\n : getIdReferenceListFor(\"description\", context?.descriptors),\n \"aria-controls\":\n props?.[\"aria-controls\"] !== undefined\n ? props?.[\"aria-controls\"]\n : getIdReferenceListFor(\"controlled\", context?.descriptors),\n };\n\n if (isInvalid) {\n arias[\"aria-invalid\"] = isInvalid;\n arias[\"aria-errormessage\"] =\n props?.[\"aria-errormessage\"] !== undefined\n ? props?.[\"aria-errormessage\"]\n : getIdReferenceFor(\"errormessage\", context?.descriptors);\n }\n\n return arias;\n};\n\nexport {\n findDescriptors,\n getIdReferenceListFor,\n getIdReferenceFor,\n buildFormElementPropsFromContext,\n buildAriaPropsFromContext,\n};\n"],"names":["findDescriptors","children","descriptors","input","label","description","controlled","errormessage","HvCalendarHeader","Children","forEach","child","type","formElementType","props","id","push","htmlFor","getIdReferenceListFor","filterFor","referenceList","filter","d","map","join","trim","undefined","getIdReferenceFor","buildFormElementPropsFromContext","name","disabled","readOnly","required","context","elementName","elementDisabled","elementReadOnly","elementRequired","status","elementStatus","buildAriaPropsFromContext","isInvalid","inputId","arias"],"mappings":";AAeMA,MAAAA,kBAAkBA,CACtBC,UACAC,cAOI;AAAA,EACFC,OAAO,CAAE;AAAA,EACTC,OAAO,CAAE;AAAA,EACTC,aAAa,CAAE;AAAA,EACfC,YAAY,CAAE;AAAA,EACdC,cAAc,CAAE;AAAA;AAAA,EAGhBC,kBAAkB,CAAA;AACpB,MACG;AACGC,iBAAAA,SAASC,QAAQT,UAAWU,CAAU,UAAA;;AAC1C,UAAIA,oCAAOC,SAAPD,mBAAaE,sBAAmBF,WAAMG,UAANH,mBAAaI,KAAI;AACnDb,wBAAYS,MAAMC,KAAKC,eAAe,MAAtCX,mBAAyCc,KAAK;AAAA,QAC5CD,KAAIJ,WAAMG,UAANH,mBAAaI;AAAAA,QACjBE,UAASN,WAAMG,UAANH,mBAAaM;AAAAA,MAAAA;AAAAA,IAE1B;AAEIN,UAAAA,oCAAOC,SAAPD,mBAAaE,qBAAoB,eAAe;AAClCF,uBAAAA,oCAAOG,UAAPH,mBAAcV,UAAUC,WAAW;AAAA,IACrD;AAAA,EAAA,CACD;AAEMA,SAAAA;AACT;AAEA,MAAMgB,wBAAwBA,CAC5BL,iBACAX,aACAiB,YAAY,SACT;;AACH,QAAMC,iBAAgBlB,sDAAcW,qBAAdX,mBAClBmB,OAAQC,CAAAA,MAAMA,EAAEL,YAAYE,eADVjB,mBAElBqB,IAAKD,OAAMA,EAAEP,IACdS,KAAK,KACLC;AAEIL,SAAAA,kBAAkB,KAAKA,gBAAgBM;AAChD;AAEA,MAAMC,oBAAoBA,CAACd,iBAAiBX,aAAaiB,YAAY,SAAS;;AAC5E,QAAMC,iBAAgBlB,4DAAcW,qBAAdX,mBAClBmB,OAAQC,CAAMA,MAAAA,EAAEL,YAAYE,eADVjB,mBAElBqB,IAAKD,CAAAA,MAAMA,EAAEP,QAFKb,mBAEC;AAEhBkB,SAAAA,kBAAkB,KAAKA,gBAAgBM;AAChD;AAEA,MAAME,mCAAmCA,CACvCC,MACAC,UACAC,UACAC,UACAC,YACG;AACI,SAAA;AAAA,IACLJ,MAAMA,SAAQI,mCAASC;AAAAA,IACvBJ,UAAUA,aAAaJ,SAAYI,WAAWG,mCAASE;AAAAA,IACvDJ,UAAUA,aAAaL,SAAYK,WAAWE,mCAASG;AAAAA,IACvDJ,UAAUA,aAAaN,SAAYM,WAAWC,mCAASI;AAAAA,IACvDC,QAAQL,mCAASM;AAAAA,EAAAA;AAErB;AAEA,MAAMC,4BAA4BA,CAAC1B,OAAOmB,SAASQ,WAAWC,YAAY;AACxE,QAAMC,QAAQ;AAAA,IACZ,oBACE7B,+BAAQ,wBAAuBY,SAC3BZ,+BAAQ,qBACRI,sBAAsB,SAASe,mCAAS/B,aAAawC,OAAO;AAAA,IAClE,qBACE5B,+BAAQ,yBAAwBY,SAC5BZ,+BAAQ,sBACRI,sBAAsB,eAAee,mCAAS/B,WAAW;AAAA,IAC/D,kBACEY,+BAAQ,sBAAqBY,SACzBZ,+BAAQ,mBACRI,sBAAsB,cAAce,mCAAS/B,WAAW;AAAA,EAAA;AAGhE,MAAIuC,WAAW;AACbE,UAAM,cAAc,IAAIF;AACxBE,UAAM,mBAAmB,KACvB7B,+BAAQ,0BAAyBY,SAC7BZ,+BAAQ,uBACRa,kBAAkB,gBAAgBM,mCAAS/B,WAAW;AAAA,EAC9D;AAEOyC,SAAAA;AACT;"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"OverflowTooltip.js","sources":["../../../../src/components/OverflowTooltip/OverflowTooltip.tsx"],"sourcesContent":["import { clsx } from \"clsx\";\nimport { useMemo } from \"react\";\nimport { useResizeDetector } from \"react-resize-detector\";\nimport { HvBaseProps } from \"@core/types/index\";\nimport { HvTooltip, HvTooltipProps, HvTypography } from \"@core/components\";\nimport { StyledDataContainer } from \"./OverflowTooltip.styles\";\nimport overflowTooltipClasses, {\n HvOverflowTooltipClasses,\n} from \"./overflowTooltipClasses\";\n\nexport interface HvOverflowTooltipProps extends HvBaseProps {\n /** The node that will be rendered inside the tooltip. */\n data: React.ReactNode;\n /** If true, the tooltip is shown. */\n open?: boolean;\n /** If `true` the overflow tooltip will always use the paragraph overflow style. */\n paragraphOverflow?: boolean;\n /** Tooltip placement. */\n placement?:\n | \"bottom-end\"\n | \"bottom-start\"\n | \"bottom\"\n | \"left-end\"\n | \"left-start\"\n | \"left\"\n | \"right-end\"\n | \"right-start\"\n | \"right\"\n | \"top-end\"\n | \"top-start\"\n | \"top\";\n /** Extra properties to add to the tooltip. */\n tooltipsProps?: HvTooltipProps
|
|
1
|
+
{"version":3,"file":"OverflowTooltip.js","sources":["../../../../src/components/OverflowTooltip/OverflowTooltip.tsx"],"sourcesContent":["import { clsx } from \"clsx\";\nimport { useMemo } from \"react\";\nimport { useResizeDetector } from \"react-resize-detector\";\nimport { HvBaseProps } from \"@core/types/index\";\nimport { HvTooltip, HvTooltipProps, HvTypography } from \"@core/components\";\nimport { StyledDataContainer } from \"./OverflowTooltip.styles\";\nimport overflowTooltipClasses, {\n HvOverflowTooltipClasses,\n} from \"./overflowTooltipClasses\";\n\nexport interface HvOverflowTooltipProps extends HvBaseProps {\n /** The node that will be rendered inside the tooltip. */\n data: React.ReactNode;\n /** If true, the tooltip is shown. */\n open?: boolean;\n /** If `true` the overflow tooltip will always use the paragraph overflow style. */\n paragraphOverflow?: boolean;\n /** Tooltip placement. */\n placement?:\n | \"bottom-end\"\n | \"bottom-start\"\n | \"bottom\"\n | \"left-end\"\n | \"left-start\"\n | \"left\"\n | \"right-end\"\n | \"right-start\"\n | \"right\"\n | \"top-end\"\n | \"top-start\"\n | \"top\";\n /** Extra properties to add to the tooltip. */\n tooltipsProps?: Partial<HvTooltipProps>;\n /** A Jss Object used to override or extend the styles applied to the component. */\n classes?: HvOverflowTooltipClasses;\n}\n\nconst isParagraph = (children) => /\\s/.test(children);\n\n/**\n * This component generates a tooltip whenever the text is overflowed.\n */\nexport const HvOverflowTooltip = ({\n id,\n classes,\n className,\n data,\n open,\n paragraphOverflow,\n placement = \"top-start\",\n tooltipsProps,\n}: HvOverflowTooltipProps) => {\n const { width = 0, ref } = useResizeDetector({\n refreshMode: \"debounce\",\n refreshOptions: {\n trailing: true,\n },\n handleHeight: false,\n });\n const scrollWidth = ref.current?.scrollWidth || 0;\n // The difference should be higher than a pixel to be considered as overflowing\n const isOverflowing = scrollWidth - width >= 1;\n\n const isParag = useMemo(\n () => paragraphOverflow && isParagraph(data?.toString()),\n [data, paragraphOverflow]\n );\n\n const content = useMemo(\n () => (\n <StyledDataContainer\n ref={ref}\n className={clsx(\n className,\n !isParag &&\n clsx(overflowTooltipClasses.tooltipAnchor, classes?.tooltipAnchor),\n isParag &&\n clsx(\n overflowTooltipClasses.tooltipAnchorParagraph,\n classes?.tooltipAnchorParagraph\n )\n )}\n $isParag={isParag}\n >\n {data}\n </StyledDataContainer>\n ),\n [\n className,\n classes?.tooltipAnchor,\n classes?.tooltipAnchorParagraph,\n data,\n isParag,\n ref,\n ]\n );\n\n return open || isOverflowing ? (\n <HvTooltip\n id={id}\n disableHoverListener={!isOverflowing}\n open={open}\n placement={placement}\n title={\n <HvTypography\n className={clsx(\n overflowTooltipClasses.tooltipData,\n classes?.tooltipData\n )}\n variant=\"body\"\n >\n {data}\n </HvTypography>\n }\n {...tooltipsProps}\n >\n {content}\n </HvTooltip>\n ) : (\n content\n );\n};\n"],"names":["isParagraph","children","test","HvOverflowTooltip","id","classes","className","data","open","paragraphOverflow","placement","tooltipsProps","width","ref","useResizeDetector","refreshMode","refreshOptions","trailing","handleHeight","scrollWidth","current","isOverflowing","isParag","useMemo","toString","content","_jsx","StyledDataContainer","clsx","overflowTooltipClasses","tooltipAnchor","tooltipAnchorParagraph","$isParag","HvTooltip","disableHoverListener","title","HvTypography","tooltipData","variant"],"mappings":";;;;;;;;AAqCA,MAAMA,cAAeC,CAAAA,aAAa,KAAKC,KAAKD,QAAQ;AAK7C,MAAME,oBAAoBA,CAAC;AAAA,EAChCC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC,YAAY;AAAA,EACZC;AACsB,MAAM;;AACtB,QAAA;AAAA,IAAEC,QAAQ;AAAA,IAAGC;AAAAA,MAAQC,kBAAkB;AAAA,IAC3CC,aAAa;AAAA,IACbC,gBAAgB;AAAA,MACdC,UAAU;AAAA,IACZ;AAAA,IACAC,cAAc;AAAA,EAAA,CACf;AACKC,QAAAA,gBAAcN,SAAIO,YAAJP,mBAAaM,gBAAe;AAE1CE,QAAAA,gBAAgBF,cAAcP,SAAS;AAE7C,QAAMU,UAAUC,QACd,MAAMd,qBAAqBT,YAAYO,6BAAMiB,UAAU,GACvD,CAACjB,MAAME,iBAAiB,CAAC;AAG3B,QAAMgB,UAAUF,QACd,MACEG,oBAACC,qBAAmB;AAAA,IAClBd;AAAAA,IACAP,WAAWsB,KACTtB,WACA,CAACgB,WACCM,KAAKC,uBAAuBC,eAAezB,mCAASyB,aAAa,GACnER,WACEM,KACEC,uBAAuBE,wBACvB1B,mCAAS0B,sBAAsB,CAChC;AAAA,IAELC,UAAUV;AAAAA,IAAQrB,UAEjBM;AAAAA,EAAI,CAAA,GAGT,CACED,WACAD,mCAASyB,eACTzB,mCAAS0B,wBACTxB,MACAe,SACAT,GAAG,CACJ;AAGIL,SAAAA,QAAQa,gBACbK,oBAACO,WAAS;AAAA,IACR7B;AAAAA,IACA8B,sBAAsB,CAACb;AAAAA,IACvBb;AAAAA,IACAE;AAAAA,IACAyB,2BACGC,cAAY;AAAA,MACX9B,WAAWsB,KACTC,uBAAuBQ,aACvBhC,mCAASgC,WAAW;AAAA,MAEtBC,SAAQ;AAAA,MAAMrC,UAEbM;AAAAA,IAAAA,CAEJ;AAAA,IAAA,GACGI;AAAAA,IAAaV,UAEhBwB;AAAAA,EAAO,CAAA,IAGVA;AAEJ;"}
|
|
@@ -11,12 +11,13 @@ import { HvButton } from "../../Button/Button.js";
|
|
|
11
11
|
import { HvTag } from "../../Tag/Tag.js";
|
|
12
12
|
import { HvTypography } from "../../Typography/Typography.js";
|
|
13
13
|
import { setId } from "../../../utils/setId.js";
|
|
14
|
-
function hvTextColumn(col) {
|
|
14
|
+
function hvTextColumn(col, overflowTooltipProps = {}) {
|
|
15
15
|
return {
|
|
16
16
|
Cell: ({
|
|
17
17
|
value
|
|
18
18
|
}) => /* @__PURE__ */ jsx(HvOverflowTooltip, {
|
|
19
|
-
data: hvStringFallback(value)
|
|
19
|
+
data: hvStringFallback(value),
|
|
20
|
+
...overflowTooltipProps
|
|
20
21
|
}),
|
|
21
22
|
sortType: "alphanumeric",
|
|
22
23
|
...col
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"renderers.js","sources":["../../../../../src/components/Table/renderers/renderers.tsx"],"sourcesContent":["import { ClassNames } from \"@emotion/react\";\nimport { DropDownXS, DropUpXS } from \"@hitachivantara/uikit-react-icons\";\nimport { setId } from \"@core/utils\";\nimport {\n HvOverflowTooltip,\n HvTag,\n HvTypography,\n HvButton,\n HvTableColumnConfig,\n HvRowInstance,\n HvTagProps,\n HvBaseSwitchProps,\n HvListValue,\n} from \"@core/components\";\nimport { HvTableHeaderRenderer, HvCellProps } from \"../hooks/useTable\";\nimport DateColumnCell from \"./DateColumnCell/index\";\nimport SwitchColumnCell from \"./SwitchColumnCell\";\nimport ProgressColumnCell from \"./ProgressColumnCell\";\nimport DropdownColumnCell from \"./DropdownColumnCell\";\nimport { hvStringFallback, hvNumberFallback } from \"../utils\";\n\nexport function hvTextColumn<\n D extends object = Record<string, unknown>,\n H extends HvTableHeaderRenderer | undefined = HvTableHeaderRenderer\n>(col: HvTableColumnConfig<D, H>): HvTableColumnConfig<D, H> {\n return {\n Cell: ({ value }: HvCellProps<D, H>) => (\n <HvOverflowTooltip data={hvStringFallback(value)} />\n ),\n sortType: \"alphanumeric\",\n ...col,\n };\n}\n\nexport function hvNumberColumn<\n D extends object = Record<string, unknown>,\n H extends HvTableHeaderRenderer | undefined = HvTableHeaderRenderer\n>(col: HvTableColumnConfig<D, H>): HvTableColumnConfig<D, H> {\n return {\n Cell: ({ value }: HvCellProps<D, H>) => <>{hvNumberFallback(value)}</>,\n align: \"right\",\n sortType: \"number\",\n ...col,\n };\n}\n\nexport function hvDateColumn<\n D extends object = Record<string, unknown>,\n H extends HvTableHeaderRenderer | undefined = HvTableHeaderRenderer\n>(\n col: HvTableColumnConfig<D, H>,\n dateFormat?: string\n): HvTableColumnConfig<D, H> {\n return {\n Cell: ({ value }: HvCellProps<D, H>) => (\n <DateColumnCell date={value} dateFormat={dateFormat} />\n ),\n sortType: \"alphanumeric\",\n sortDescFirst: true,\n ...col,\n };\n}\n\nexport function hvExpandColumn<\n D extends object = Record<string, unknown>,\n H extends HvTableHeaderRenderer | undefined = HvTableHeaderRenderer\n>(\n col: HvTableColumnConfig<D, H>,\n expandRowButtonAriaLabel: string,\n collapseRowButtonAriaLabel: string,\n getCanRowExpand?: (row: HvRowInstance<D, H>) => boolean,\n ExpandedIcon: React.ReactNode = <DropUpXS />,\n CollapsedIcon: React.ReactNode = <DropDownXS />\n): HvTableColumnConfig<D, H> {\n return {\n Cell: (cellProps: HvCellProps<D, H>) => {\n const { value, row } = cellProps;\n const expandedProps = row.getToggleRowExpandedProps?.();\n\n const hasContent = getCanRowExpand?.(row) ?? true;\n\n return (\n <ClassNames>\n {({ css }) => (\n <>\n {hasContent && (\n <HvButton\n icon\n variant=\"secondaryGhost\"\n aria-label={\n row.isExpanded\n ? collapseRowButtonAriaLabel\n : expandRowButtonAriaLabel\n }\n aria-expanded={row.isExpanded}\n onClick={expandedProps?.onClick}\n classes={{\n root: css({\n position: \"absolute\",\n left: 0,\n top: \"50%\",\n transform: \"translateY(-50%)\",\n }),\n }}\n >\n {row.isExpanded ? ExpandedIcon : CollapsedIcon}\n </HvButton>\n )}\n\n <HvOverflowTooltip data={hvStringFallback(value)} />\n </>\n )}\n </ClassNames>\n );\n },\n sortType: \"alphanumeric\",\n cellStyle: {\n position: \"relative\",\n },\n ...col,\n };\n}\n\nexport function hvTagColumn<\n D extends object = Record<string, unknown>,\n H extends HvTableHeaderRenderer | undefined = HvTableHeaderRenderer,\n A extends object = Record<string, unknown>\n>(\n col: HvTableColumnConfig<D, H>,\n valueDataKey: keyof A,\n colorDataKey: keyof A,\n textColorDataKey: keyof A,\n fromRowData: boolean = false,\n tagProps?: HvTagProps\n): HvTableColumnConfig<D, H> {\n return {\n Cell: (cellProps: HvCellProps<D, H>) => {\n const { value, row } = cellProps;\n if (!value) {\n return <>—</>;\n }\n\n const {\n [valueDataKey]: name,\n [colorDataKey]: color,\n [textColorDataKey]: textColor,\n } = fromRowData ? row.original : value;\n\n return (\n <HvTag\n label={<HvTypography variant=\"body\">{name}</HvTypography>}\n type=\"semantic\"\n color={color}\n style={textColor != null ? { color: textColor } : {}}\n tabIndex={-1}\n {...tagProps}\n />\n );\n },\n cellStyle: {\n paddingTop: 0,\n paddingBottom: 0,\n },\n ...col,\n };\n}\n\nexport function hvSwitchColumn<\n D extends object = Record<string, unknown>,\n H extends HvTableHeaderRenderer | undefined = HvTableHeaderRenderer\n>(\n col: HvTableColumnConfig<D, H>,\n switchLabel: string,\n falseLabel?: string,\n trueLabel?: string,\n switchProps?: HvBaseSwitchProps\n): HvTableColumnConfig<D, H> {\n return {\n Cell: (cellProps: HvCellProps<D, H>) => {\n const { value, row } = cellProps;\n return (\n <SwitchColumnCell\n checked={value}\n value={row.id}\n switchLabel={switchLabel}\n falseLabel={falseLabel}\n trueLabel={trueLabel}\n switchProps={switchProps}\n />\n );\n },\n cellStyle: {\n paddingTop: 0,\n paddingBottom: 0,\n },\n ...col,\n };\n}\n\nexport function hvDropdownColumn<\n D extends object = Record<string, unknown>,\n H extends HvTableHeaderRenderer | undefined = HvTableHeaderRenderer\n>(\n col: HvTableColumnConfig<D, H>,\n id: string,\n placeholder: string,\n disabledPlaceholder: string,\n onChange?: (identifier: string, value: HvListValue) => void\n): HvTableColumnConfig<D, H> {\n return {\n Cell: (cellProps: HvCellProps<D, H>) => {\n const { value, row, column } = cellProps;\n const dsbld = value.length < 1;\n return (\n <DropdownColumnCell\n values={value}\n placeholder={dsbld ? disabledPlaceholder : placeholder}\n onChange={(val) => onChange?.(row.id, val)}\n disabled={dsbld}\n dropdownProps={{\n \"aria-labelledby\": setId(id, column.id),\n }}\n />\n );\n },\n cellStyle: {\n paddingTop: 0,\n paddingBottom: 0,\n },\n ...col,\n };\n}\n\nexport function hvProgressColumn<\n D extends object = Record<string, unknown>,\n H extends HvTableHeaderRenderer | undefined = HvTableHeaderRenderer\n>(\n col: HvTableColumnConfig<D, H>,\n getPartial?: (row: HvRowInstance<D, H>) => number,\n getTotal?: (row: HvRowInstance<D, H>) => number,\n color?: \"primary\" | \"secondary\"\n): HvTableColumnConfig<D, H> {\n return {\n Cell: (cellProps: HvCellProps<D, H>) => {\n const { row } = cellProps;\n const partial = getPartial?.(row) || 0;\n const total = getTotal?.(row);\n\n if (total) {\n return (\n <ProgressColumnCell partial={partial} total={total} color={color} />\n );\n }\n\n return <>—</>;\n },\n\n cellStyle: {\n paddingTop: 0,\n paddingBottom: 0,\n },\n ...col,\n };\n}\n"],"names":["hvTextColumn","col","Cell","value","HvOverflowTooltip","data","hvStringFallback","sortType","hvNumberColumn","_Fragment","children","hvNumberFallback","align","hvDateColumn","dateFormat","DateColumnCell","date","sortDescFirst","hvExpandColumn","expandRowButtonAriaLabel","collapseRowButtonAriaLabel","getCanRowExpand","ExpandedIcon","DropUpXS","CollapsedIcon","_jsx","DropDownXS","cellProps","row","expandedProps","getToggleRowExpandedProps","hasContent","ClassNames","css","HvButton","icon","variant","isExpanded","onClick","classes","root","position","left","top","transform","cellStyle","hvTagColumn","valueDataKey","colorDataKey","textColorDataKey","fromRowData","tagProps","name","color","textColor","original","HvTag","label","HvTypography","type","style","tabIndex","paddingTop","paddingBottom","hvSwitchColumn","switchLabel","falseLabel","trueLabel","switchProps","SwitchColumnCell","checked","id","hvDropdownColumn","placeholder","disabledPlaceholder","onChange","column","dsbld","length","DropdownColumnCell","values","val","disabled","dropdownProps","setId","hvProgressColumn","getPartial","getTotal","partial","total","ProgressColumnCell"],"mappings":";;;;;;;;;;;;;AAqBO,SAASA,aAGdC,KAA2D;AACpD,SAAA;AAAA,IACLC,MAAMA,CAAC;AAAA,MAAEC;AAAAA,IAAAA,0BACNC,mBAAiB;AAAA,MAACC,MAAMC,iBAAiBH,KAAK;AAAA,IAAA,CAChD;AAAA,IACDI,UAAU;AAAA,IACV,GAAGN;AAAAA,EAAAA;AAEP;AAEO,SAASO,eAGdP,KAA2D;AACpD,SAAA;AAAA,IACLC,MAAMA,CAAC;AAAA,MAAEC;AAAAA,IAAAA,0BAA+BM,UAAA;AAAA,MAAAC,UAAGC,iBAAiBR,KAAK;AAAA,IAAA,CAAK;AAAA,IACtES,OAAO;AAAA,IACPL,UAAU;AAAA,IACV,GAAGN;AAAAA,EAAAA;AAEP;AAEgBY,SAAAA,aAIdZ,KACAa,YAC2B;AACpB,SAAA;AAAA,IACLZ,MAAMA,CAAC;AAAA,MAAEC;AAAAA,IAAAA,0BACNY,gBAAc;AAAA,MAACC,MAAMb;AAAAA,MAAOW;AAAAA,IAAAA,CAC9B;AAAA,IACDP,UAAU;AAAA,IACVU,eAAe;AAAA,IACf,GAAGhB;AAAAA,EAAAA;AAEP;AAEO,SAASiB,eAIdjB,KACAkB,0BACAC,4BACAC,iBACAC,eAAiCC,oBAAAA,UAAW,CAAA,CAAA,GAC5CC,gBAAiCC,oBAACC,YAAa,CAAA,CAAA,GACpB;AACpB,SAAA;AAAA,IACLxB,MAAMA,CAACyB,cAAiC;;AAChC,YAAA;AAAA,QAAExB;AAAAA,QAAOyB;AAAAA,MAAQD,IAAAA;AACjBE,YAAAA,iBAAgBD,SAAIE,8BAAJF;AAEhBG,YAAAA,cAAaV,mDAAkBO,SAAQ;AAE7C,iCACGI,YAAU;AAAA,QAAAtB,UACRA,CAAC;AAAA,UAAEuB;AAAAA,QAAAA,2BACFxB,UAAA;AAAA,UAAAC,UACGqB,CAAAA,cACCN,oBAACS,UAAQ;AAAA,YACPC,MAAI;AAAA,YACJC,SAAQ;AAAA,YACR,cACER,IAAIS,aACAjB,6BACAD;AAAAA,YAEN,iBAAeS,IAAIS;AAAAA,YACnBC,SAAST,+CAAeS;AAAAA,YACxBC,SAAS;AAAA,cACPC,MAAMP,IAAI;AAAA,gBACRQ,UAAU;AAAA,gBACVC,MAAM;AAAA,gBACNC,KAAK;AAAA,gBACLC,WAAW;AAAA,cAAA,CACZ;AAAA,YACH;AAAA,YAAElC,UAEDkB,IAAIS,aAAaf,eAAeE;AAAAA,UAAAA,CAEpC,GAEDC,oBAACrB,mBAAiB;AAAA,YAACC,MAAMC,iBAAiBH,KAAK;AAAA,UAAA,CAAK,CAAA;AAAA,QAAA,CAAA;AAAA,MAAA,CAG7C;AAAA,IAEjB;AAAA,IACAI,UAAU;AAAA,IACVsC,WAAW;AAAA,MACTJ,UAAU;AAAA,IACZ;AAAA,IACA,GAAGxC;AAAAA,EAAAA;AAEP;AAEO,SAAS6C,YAKd7C,KACA8C,cACAC,cACAC,kBACAC,cAAuB,OACvBC,UAC2B;AACpB,SAAA;AAAA,IACLjD,MAAMA,CAACyB,cAAiC;AAChC,YAAA;AAAA,QAAExB;AAAAA,QAAOyB;AAAAA,MAAQD,IAAAA;AACvB,UAAI,CAACxB,OAAO;AACV,mCAAOM,UAAA;AAAA,UAAAC,UAAE;AAAA,QAAA,CAAI;AAAA,MACf;AAEM,YAAA;AAAA,QACJ,CAACqC,YAAY,GAAGK;AAAAA,QAChB,CAACJ,YAAY,GAAGK;AAAAA,QAChB,CAACJ,gBAAgB,GAAGK;AAAAA,MACtB,IAAIJ,cAActB,IAAI2B,WAAWpD;AAEjC,iCACGqD,OAAK;AAAA,QACJC,2BAAQC,cAAY;AAAA,UAACtB,SAAQ;AAAA,UAAM1B,UAAE0C;AAAAA,QAAAA,CAAqB;AAAA,QAC1DO,MAAK;AAAA,QACLN;AAAAA,QACAO,OAAON,aAAa,OAAO;AAAA,UAAED,OAAOC;AAAAA,QAAAA,IAAc,CAAC;AAAA,QACnDO,UAAU;AAAA,QAAG,GACTV;AAAAA,MAAAA,CACJ;AAAA,IAEN;AAAA,IACAN,WAAW;AAAA,MACTiB,YAAY;AAAA,MACZC,eAAe;AAAA,IACjB;AAAA,IACA,GAAG9D;AAAAA,EAAAA;AAEP;AAEO,SAAS+D,eAId/D,KACAgE,aACAC,YACAC,WACAC,aAC2B;AACpB,SAAA;AAAA,IACLlE,MAAMA,CAACyB,cAAiC;AAChC,YAAA;AAAA,QAAExB;AAAAA,QAAOyB;AAAAA,MAAQD,IAAAA;AACvB,iCACG0C,kBAAgB;AAAA,QACfC,SAASnE;AAAAA,QACTA,OAAOyB,IAAI2C;AAAAA,QACXN;AAAAA,QACAC;AAAAA,QACAC;AAAAA,QACAC;AAAAA,MAAAA,CACA;AAAA,IAEN;AAAA,IACAvB,WAAW;AAAA,MACTiB,YAAY;AAAA,MACZC,eAAe;AAAA,IACjB;AAAA,IACA,GAAG9D;AAAAA,EAAAA;AAEP;AAEO,SAASuE,iBAIdvE,KACAsE,IACAE,aACAC,qBACAC,UAC2B;AACpB,SAAA;AAAA,IACLzE,MAAMA,CAACyB,cAAiC;AAChC,YAAA;AAAA,QAAExB;AAAAA,QAAOyB;AAAAA,QAAKgD;AAAAA,MAAWjD,IAAAA;AACzBkD,YAAAA,QAAQ1E,MAAM2E,SAAS;AAC7B,iCACGC,oBAAkB;AAAA,QACjBC,QAAQ7E;AAAAA,QACRsE,aAAaI,QAAQH,sBAAsBD;AAAAA,QAC3CE,UAAWM,CAAAA,QAAQN,qCAAW/C,IAAI2C,IAAIU;AAAAA,QACtCC,UAAUL;AAAAA,QACVM,eAAe;AAAA,UACb,mBAAmBC,MAAMb,IAAIK,OAAOL,EAAE;AAAA,QACxC;AAAA,MAAA,CACA;AAAA,IAEN;AAAA,IACA1B,WAAW;AAAA,MACTiB,YAAY;AAAA,MACZC,eAAe;AAAA,IACjB;AAAA,IACA,GAAG9D;AAAAA,EAAAA;AAEP;AAEO,SAASoF,iBAIdpF,KACAqF,YACAC,UACAlC,OAC2B;AACpB,SAAA;AAAA,IACLnD,MAAMA,CAACyB,cAAiC;AAChC,YAAA;AAAA,QAAEC;AAAAA,MAAQD,IAAAA;AACV6D,YAAAA,WAAUF,yCAAa1D,SAAQ;AAC/B6D,YAAAA,QAAQF,qCAAW3D;AAEzB,UAAI6D,OAAO;AACT,mCACGC,oBAAkB;AAAA,UAACF;AAAAA,UAAkBC;AAAAA,UAAcpC;AAAAA,QAAAA,CAAgB;AAAA,MAExE;AAEA,iCAAO5C,UAAA;AAAA,QAAAC,UAAE;AAAA,MAAA,CAAI;AAAA,IACf;AAAA,IAEAmC,WAAW;AAAA,MACTiB,YAAY;AAAA,MACZC,eAAe;AAAA,IACjB;AAAA,IACA,GAAG9D;AAAAA,EAAAA;AAEP;"}
|
|
1
|
+
{"version":3,"file":"renderers.js","sources":["../../../../../src/components/Table/renderers/renderers.tsx"],"sourcesContent":["import { ClassNames } from \"@emotion/react\";\nimport { DropDownXS, DropUpXS } from \"@hitachivantara/uikit-react-icons\";\nimport { setId } from \"@core/utils\";\nimport {\n HvOverflowTooltip,\n HvTag,\n HvTypography,\n HvButton,\n HvTableColumnConfig,\n HvRowInstance,\n HvTagProps,\n HvBaseSwitchProps,\n HvListValue,\n HvOverflowTooltipProps,\n} from \"@core/components\";\nimport { HvTableHeaderRenderer, HvCellProps } from \"../hooks/useTable\";\nimport DateColumnCell from \"./DateColumnCell/index\";\nimport SwitchColumnCell from \"./SwitchColumnCell\";\nimport ProgressColumnCell from \"./ProgressColumnCell\";\nimport DropdownColumnCell from \"./DropdownColumnCell\";\nimport { hvStringFallback, hvNumberFallback } from \"../utils\";\n\nexport function hvTextColumn<\n D extends object = Record<string, unknown>,\n H extends HvTableHeaderRenderer | undefined = HvTableHeaderRenderer\n>(\n col: HvTableColumnConfig<D, H>,\n overflowTooltipProps: Omit<HvOverflowTooltipProps, \"data\"> = {}\n): HvTableColumnConfig<D, H> {\n return {\n Cell: ({ value }: HvCellProps<D, H>) => (\n <HvOverflowTooltip\n data={hvStringFallback(value)}\n {...overflowTooltipProps}\n />\n ),\n sortType: \"alphanumeric\",\n ...col,\n };\n}\n\nexport function hvNumberColumn<\n D extends object = Record<string, unknown>,\n H extends HvTableHeaderRenderer | undefined = HvTableHeaderRenderer\n>(col: HvTableColumnConfig<D, H>): HvTableColumnConfig<D, H> {\n return {\n Cell: ({ value }: HvCellProps<D, H>) => <>{hvNumberFallback(value)}</>,\n align: \"right\",\n sortType: \"number\",\n ...col,\n };\n}\n\nexport function hvDateColumn<\n D extends object = Record<string, unknown>,\n H extends HvTableHeaderRenderer | undefined = HvTableHeaderRenderer\n>(\n col: HvTableColumnConfig<D, H>,\n dateFormat?: string\n): HvTableColumnConfig<D, H> {\n return {\n Cell: ({ value }: HvCellProps<D, H>) => (\n <DateColumnCell date={value} dateFormat={dateFormat} />\n ),\n sortType: \"alphanumeric\",\n sortDescFirst: true,\n ...col,\n };\n}\n\nexport function hvExpandColumn<\n D extends object = Record<string, unknown>,\n H extends HvTableHeaderRenderer | undefined = HvTableHeaderRenderer\n>(\n col: HvTableColumnConfig<D, H>,\n expandRowButtonAriaLabel: string,\n collapseRowButtonAriaLabel: string,\n getCanRowExpand?: (row: HvRowInstance<D, H>) => boolean,\n ExpandedIcon: React.ReactNode = <DropUpXS />,\n CollapsedIcon: React.ReactNode = <DropDownXS />\n): HvTableColumnConfig<D, H> {\n return {\n Cell: (cellProps: HvCellProps<D, H>) => {\n const { value, row } = cellProps;\n const expandedProps = row.getToggleRowExpandedProps?.();\n\n const hasContent = getCanRowExpand?.(row) ?? true;\n\n return (\n <ClassNames>\n {({ css }) => (\n <>\n {hasContent && (\n <HvButton\n icon\n variant=\"secondaryGhost\"\n aria-label={\n row.isExpanded\n ? collapseRowButtonAriaLabel\n : expandRowButtonAriaLabel\n }\n aria-expanded={row.isExpanded}\n onClick={expandedProps?.onClick}\n classes={{\n root: css({\n position: \"absolute\",\n left: 0,\n top: \"50%\",\n transform: \"translateY(-50%)\",\n }),\n }}\n >\n {row.isExpanded ? ExpandedIcon : CollapsedIcon}\n </HvButton>\n )}\n\n <HvOverflowTooltip data={hvStringFallback(value)} />\n </>\n )}\n </ClassNames>\n );\n },\n sortType: \"alphanumeric\",\n cellStyle: {\n position: \"relative\",\n },\n ...col,\n };\n}\n\nexport function hvTagColumn<\n D extends object = Record<string, unknown>,\n H extends HvTableHeaderRenderer | undefined = HvTableHeaderRenderer,\n A extends object = Record<string, unknown>\n>(\n col: HvTableColumnConfig<D, H>,\n valueDataKey: keyof A,\n colorDataKey: keyof A,\n textColorDataKey: keyof A,\n fromRowData: boolean = false,\n tagProps?: HvTagProps\n): HvTableColumnConfig<D, H> {\n return {\n Cell: (cellProps: HvCellProps<D, H>) => {\n const { value, row } = cellProps;\n if (!value) {\n return <>—</>;\n }\n\n const {\n [valueDataKey]: name,\n [colorDataKey]: color,\n [textColorDataKey]: textColor,\n } = fromRowData ? row.original : value;\n\n return (\n <HvTag\n label={<HvTypography variant=\"body\">{name}</HvTypography>}\n type=\"semantic\"\n color={color}\n style={textColor != null ? { color: textColor } : {}}\n tabIndex={-1}\n {...tagProps}\n />\n );\n },\n cellStyle: {\n paddingTop: 0,\n paddingBottom: 0,\n },\n ...col,\n };\n}\n\nexport function hvSwitchColumn<\n D extends object = Record<string, unknown>,\n H extends HvTableHeaderRenderer | undefined = HvTableHeaderRenderer\n>(\n col: HvTableColumnConfig<D, H>,\n switchLabel: string,\n falseLabel?: string,\n trueLabel?: string,\n switchProps?: HvBaseSwitchProps\n): HvTableColumnConfig<D, H> {\n return {\n Cell: (cellProps: HvCellProps<D, H>) => {\n const { value, row } = cellProps;\n return (\n <SwitchColumnCell\n checked={value}\n value={row.id}\n switchLabel={switchLabel}\n falseLabel={falseLabel}\n trueLabel={trueLabel}\n switchProps={switchProps}\n />\n );\n },\n cellStyle: {\n paddingTop: 0,\n paddingBottom: 0,\n },\n ...col,\n };\n}\n\nexport function hvDropdownColumn<\n D extends object = Record<string, unknown>,\n H extends HvTableHeaderRenderer | undefined = HvTableHeaderRenderer\n>(\n col: HvTableColumnConfig<D, H>,\n id: string,\n placeholder: string,\n disabledPlaceholder: string,\n onChange?: (identifier: string, value: HvListValue) => void\n): HvTableColumnConfig<D, H> {\n return {\n Cell: (cellProps: HvCellProps<D, H>) => {\n const { value, row, column } = cellProps;\n const dsbld = value.length < 1;\n return (\n <DropdownColumnCell\n values={value}\n placeholder={dsbld ? disabledPlaceholder : placeholder}\n onChange={(val) => onChange?.(row.id, val)}\n disabled={dsbld}\n dropdownProps={{\n \"aria-labelledby\": setId(id, column.id),\n }}\n />\n );\n },\n cellStyle: {\n paddingTop: 0,\n paddingBottom: 0,\n },\n ...col,\n };\n}\n\nexport function hvProgressColumn<\n D extends object = Record<string, unknown>,\n H extends HvTableHeaderRenderer | undefined = HvTableHeaderRenderer\n>(\n col: HvTableColumnConfig<D, H>,\n getPartial?: (row: HvRowInstance<D, H>) => number,\n getTotal?: (row: HvRowInstance<D, H>) => number,\n color?: \"primary\" | \"secondary\"\n): HvTableColumnConfig<D, H> {\n return {\n Cell: (cellProps: HvCellProps<D, H>) => {\n const { row } = cellProps;\n const partial = getPartial?.(row) || 0;\n const total = getTotal?.(row);\n\n if (total) {\n return (\n <ProgressColumnCell partial={partial} total={total} color={color} />\n );\n }\n\n return <>—</>;\n },\n\n cellStyle: {\n paddingTop: 0,\n paddingBottom: 0,\n },\n ...col,\n };\n}\n"],"names":["hvTextColumn","col","overflowTooltipProps","Cell","value","HvOverflowTooltip","data","hvStringFallback","sortType","hvNumberColumn","_Fragment","children","hvNumberFallback","align","hvDateColumn","dateFormat","DateColumnCell","date","sortDescFirst","hvExpandColumn","expandRowButtonAriaLabel","collapseRowButtonAriaLabel","getCanRowExpand","ExpandedIcon","DropUpXS","CollapsedIcon","_jsx","DropDownXS","cellProps","row","expandedProps","getToggleRowExpandedProps","hasContent","ClassNames","css","HvButton","icon","variant","isExpanded","onClick","classes","root","position","left","top","transform","cellStyle","hvTagColumn","valueDataKey","colorDataKey","textColorDataKey","fromRowData","tagProps","name","color","textColor","original","HvTag","label","HvTypography","type","style","tabIndex","paddingTop","paddingBottom","hvSwitchColumn","switchLabel","falseLabel","trueLabel","switchProps","SwitchColumnCell","checked","id","hvDropdownColumn","placeholder","disabledPlaceholder","onChange","column","dsbld","length","DropdownColumnCell","values","val","disabled","dropdownProps","setId","hvProgressColumn","getPartial","getTotal","partial","total","ProgressColumnCell"],"mappings":"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"}
|
|
@@ -20,6 +20,7 @@ const HvTooltip = forwardRef((props, ref) => {
|
|
|
20
20
|
timeout: 400,
|
|
21
21
|
placement
|
|
22
22
|
},
|
|
23
|
+
containerId,
|
|
23
24
|
...others
|
|
24
25
|
} = props;
|
|
25
26
|
const {
|
|
@@ -40,7 +41,7 @@ const HvTooltip = forwardRef((props, ref) => {
|
|
|
40
41
|
title,
|
|
41
42
|
PopperProps: {
|
|
42
43
|
sx: popperSx(useSingle),
|
|
43
|
-
container: document.getElementById(rootId || "") || document.body
|
|
44
|
+
container: document.getElementById(containerId || rootId || "") || document.body
|
|
44
45
|
},
|
|
45
46
|
...others,
|
|
46
47
|
children
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Tooltip.js","sources":["../../../../src/components/Tooltip/Tooltip.tsx"],"sourcesContent":["import {\n Fade,\n Tooltip as MuiTooltip,\n TooltipProps as MuiTooltipProps,\n} from \"@mui/material\";\nimport { forwardRef, ReactElement } from \"react\";\nimport { clsx } from \"clsx\";\nimport { useTheme } from \"@core/hooks\";\nimport { popperSx } from \"./Tooltip.styles\";\nimport tooltipClasses, { HvTooltipClasses } from \"./tooltipClasses\";\n\nexport type HvTooltipPlacementType = MuiTooltipProps[\"placement\"];\n\nexport interface HvTooltipProps extends Omit<MuiTooltipProps, \"classes\"> {\n /**\n * Class names to be applied.\n */\n className?: string;\n /**\n * A Jss Object used to override or extend the styles applied.\n */\n classes?: HvTooltipClasses;\n /**\n * If true, the tooltip is shown.\n */\n open?: boolean;\n /**\n * Tooltip placement.\n */\n placement?: HvTooltipPlacementType;\n /**\n * The number of milliseconds to wait before showing the tooltip.\n * This property won't impact the enter touch delay (enterTouchDelay).\n */\n enterDelay?: number;\n /** @inheritdoc */\n title: MuiTooltipProps[\"title\"];\n /** @inheritdoc */\n TransitionComponent?: MuiTooltipProps[\"TransitionComponent\"];\n /** @inheritdoc */\n TransitionProps?: MuiTooltipProps[\"TransitionProps\"];\n /**\n * Defines if should use a single or multiline tooltip.\n */\n useSingle?: boolean;\n /**\n * Node to apply the tooltip.\n */\n children: ReactElement;\n}\n\n/**\n * Tooltips display informative text when users hover over, focus on, or tap an element.\n * Accessibility-wise, the tooltip automatically labels the `children` content.\n */\nexport const HvTooltip = forwardRef((props: HvTooltipProps, ref) => {\n const {\n className,\n classes,\n open,\n enterDelay = 300,\n placement = \"top\",\n useSingle = true,\n children,\n title,\n TransitionComponent = Fade,\n TransitionProps = { timeout: 400, placement },\n ...others\n } = props;\n\n const { rootId } = useTheme();\n\n return (\n <MuiTooltip\n ref={ref}\n open={open ?? undefined}\n enterDelay={enterDelay}\n placement={placement}\n TransitionComponent={TransitionComponent}\n TransitionProps={TransitionProps}\n className={className}\n classes={{\n tooltip: useSingle\n ? clsx(tooltipClasses.tooltip, classes?.tooltip)\n : clsx(tooltipClasses.tooltipMulti, classes?.tooltipMulti),\n popper: clsx(tooltipClasses.popper, classes?.popper),\n }}\n title={title}\n PopperProps={{\n sx: popperSx(useSingle),\n container
|
|
1
|
+
{"version":3,"file":"Tooltip.js","sources":["../../../../src/components/Tooltip/Tooltip.tsx"],"sourcesContent":["import {\n Fade,\n Tooltip as MuiTooltip,\n TooltipProps as MuiTooltipProps,\n} from \"@mui/material\";\nimport { forwardRef, ReactElement } from \"react\";\nimport { clsx } from \"clsx\";\nimport { useTheme } from \"@core/hooks\";\nimport { popperSx } from \"./Tooltip.styles\";\nimport tooltipClasses, { HvTooltipClasses } from \"./tooltipClasses\";\n\nexport type HvTooltipPlacementType = MuiTooltipProps[\"placement\"];\n\nexport interface HvTooltipProps extends Omit<MuiTooltipProps, \"classes\"> {\n /**\n * Class names to be applied.\n */\n className?: string;\n /**\n * A Jss Object used to override or extend the styles applied.\n */\n classes?: HvTooltipClasses;\n /**\n * If true, the tooltip is shown.\n */\n open?: boolean;\n /**\n * Tooltip placement.\n */\n placement?: HvTooltipPlacementType;\n /**\n * The number of milliseconds to wait before showing the tooltip.\n * This property won't impact the enter touch delay (enterTouchDelay).\n */\n enterDelay?: number;\n /** @inheritdoc */\n title: MuiTooltipProps[\"title\"];\n /** @inheritdoc */\n TransitionComponent?: MuiTooltipProps[\"TransitionComponent\"];\n /** @inheritdoc */\n TransitionProps?: MuiTooltipProps[\"TransitionProps\"];\n /**\n * Defines if should use a single or multiline tooltip.\n */\n useSingle?: boolean;\n /**\n * Node to apply the tooltip.\n */\n children: ReactElement;\n /**\n * Id attribute value of an HTML Element to have the tooltip appended to it.\n */\n containerId?: string;\n}\n\n/**\n * Tooltips display informative text when users hover over, focus on, or tap an element.\n * Accessibility-wise, the tooltip automatically labels the `children` content.\n */\nexport const HvTooltip = forwardRef((props: HvTooltipProps, ref) => {\n const {\n className,\n classes,\n open,\n enterDelay = 300,\n placement = \"top\",\n useSingle = true,\n children,\n title,\n TransitionComponent = Fade,\n TransitionProps = { timeout: 400, placement },\n containerId,\n ...others\n } = props;\n\n const { rootId } = useTheme();\n\n return (\n <MuiTooltip\n ref={ref}\n open={open ?? undefined}\n enterDelay={enterDelay}\n placement={placement}\n TransitionComponent={TransitionComponent}\n TransitionProps={TransitionProps}\n className={className}\n classes={{\n tooltip: useSingle\n ? clsx(tooltipClasses.tooltip, classes?.tooltip)\n : clsx(tooltipClasses.tooltipMulti, classes?.tooltipMulti),\n popper: clsx(tooltipClasses.popper, classes?.popper),\n }}\n title={title}\n PopperProps={{\n sx: popperSx(useSingle),\n container:\n document.getElementById(containerId || rootId || \"\") || document.body,\n }}\n {...others}\n >\n {children}\n </MuiTooltip>\n );\n});\n"],"names":["HvTooltip","forwardRef","props","ref","className","classes","open","enterDelay","placement","useSingle","children","title","TransitionComponent","Fade","TransitionProps","timeout","containerId","others","rootId","useTheme","MuiTooltip","undefined","tooltip","clsx","tooltipClasses","tooltipMulti","popper","PopperProps","sx","popperSx","container","document","getElementById","body"],"mappings":";;;;;;;AA2DO,MAAMA,YAAYC,WAAW,CAACC,OAAuBC,QAAQ;AAC5D,QAAA;AAAA,IACJC;AAAAA,IACAC;AAAAA,IACAC;AAAAA,IACAC,aAAa;AAAA,IACbC,YAAY;AAAA,IACZC,YAAY;AAAA,IACZC;AAAAA,IACAC;AAAAA,IACAC,sBAAsBC;AAAAA,IACtBC,kBAAkB;AAAA,MAAEC,SAAS;AAAA,MAAKP;AAAAA,IAAU;AAAA,IAC5CQ;AAAAA,IACA,GAAGC;AAAAA,EACDf,IAAAA;AAEE,QAAA;AAAA,IAAEgB;AAAAA,MAAWC,SAAU;AAE7B,6BACGC,SAAU;AAAA,IACTjB;AAAAA,IACAG,MAAMA,QAAQe;AAAAA,IACdd;AAAAA,IACAC;AAAAA,IACAI;AAAAA,IACAE;AAAAA,IACAV;AAAAA,IACAC,SAAS;AAAA,MACPiB,SAASb,YACLc,KAAKC,eAAeF,SAASjB,mCAASiB,OAAO,IAC7CC,KAAKC,eAAeC,cAAcpB,mCAASoB,YAAY;AAAA,MAC3DC,QAAQH,KAAKC,eAAeE,QAAQrB,mCAASqB,MAAM;AAAA,IACrD;AAAA,IACAf;AAAAA,IACAgB,aAAa;AAAA,MACXC,IAAIC,SAASpB,SAAS;AAAA,MACtBqB,WACEC,SAASC,eAAehB,eAAeE,UAAU,EAAE,KAAKa,SAASE;AAAAA,IACrE;AAAA,IAAE,GACEhB;AAAAA,IAAMP;AAAAA,EAAAA,CAGC;AAEjB,CAAC;"}
|