@hitachivantara/uikit-react-core 5.1.3 → 5.3.0
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/Button/Button.cjs +6 -0
- package/dist/cjs/components/Button/Button.cjs.map +1 -1
- package/dist/cjs/components/Button/Button.styles.cjs +17 -9
- package/dist/cjs/components/Button/Button.styles.cjs.map +1 -1
- package/dist/cjs/components/Button/buttonClasses.cjs +1 -1
- package/dist/cjs/components/Button/buttonClasses.cjs.map +1 -1
- package/dist/cjs/components/Calendar/SingleCalendar/SingleCalendar.styles.cjs +4 -4
- package/dist/cjs/components/Calendar/SingleCalendar/SingleCalendar.styles.cjs.map +1 -1
- package/dist/cjs/components/Card/Card.styles.cjs.map +1 -1
- package/dist/cjs/components/Card/Content/Content.styles.cjs.map +1 -1
- package/dist/cjs/components/Card/Header/Header.styles.cjs.map +1 -1
- package/dist/cjs/components/Card/Media/Media.styles.cjs.map +1 -1
- package/dist/cjs/components/Controls/RightControl/RightControl.cjs +3 -3
- package/dist/cjs/components/Controls/RightControl/RightControl.cjs.map +1 -1
- package/dist/cjs/components/DatePicker/DatePicker.cjs +347 -0
- package/dist/cjs/components/DatePicker/DatePicker.cjs.map +1 -0
- package/dist/cjs/components/DatePicker/DatePicker.styles.cjs +78 -0
- package/dist/cjs/components/DatePicker/DatePicker.styles.cjs.map +1 -0
- package/dist/cjs/components/DatePicker/datePickerClasses.cjs +8 -0
- package/dist/cjs/components/DatePicker/datePickerClasses.cjs.map +1 -0
- package/dist/cjs/components/DatePicker/useVisibleDate.cjs +193 -0
- package/dist/cjs/components/DatePicker/useVisibleDate.cjs.map +1 -0
- package/dist/cjs/components/DatePicker/utils.cjs +32 -0
- package/dist/cjs/components/DatePicker/utils.cjs.map +1 -0
- package/dist/cjs/components/Dialog/Dialog.cjs +2 -6
- package/dist/cjs/components/Dialog/Dialog.cjs.map +1 -1
- package/dist/cjs/components/Dialog/Dialog.styles.cjs +32 -31
- package/dist/cjs/components/Dialog/Dialog.styles.cjs.map +1 -1
- package/dist/cjs/components/FilterGroup/Counter/Counter.cjs +51 -0
- package/dist/cjs/components/FilterGroup/Counter/Counter.cjs.map +1 -0
- package/dist/cjs/components/FilterGroup/Counter/Counter.styles.cjs +17 -0
- package/dist/cjs/components/FilterGroup/Counter/Counter.styles.cjs.map +1 -0
- package/dist/cjs/components/FilterGroup/FilterContent/FilterContent.cjs +168 -0
- package/dist/cjs/components/FilterGroup/FilterContent/FilterContent.cjs.map +1 -0
- package/dist/cjs/components/FilterGroup/FilterContent/FilterContent.styles.cjs +60 -0
- package/dist/cjs/components/FilterGroup/FilterContent/FilterContent.styles.cjs.map +1 -0
- package/dist/cjs/components/FilterGroup/FilterContent/filterContentClasses.cjs +8 -0
- package/dist/cjs/components/FilterGroup/FilterContent/filterContentClasses.cjs.map +1 -0
- package/dist/cjs/components/FilterGroup/FilterGroup.cjs +116 -0
- package/dist/cjs/components/FilterGroup/FilterGroup.cjs.map +1 -0
- package/dist/cjs/components/FilterGroup/FilterGroup.styles.cjs +14 -0
- package/dist/cjs/components/FilterGroup/FilterGroup.styles.cjs.map +1 -0
- package/dist/cjs/components/FilterGroup/FilterGroupContext.cjs +69 -0
- package/dist/cjs/components/FilterGroup/FilterGroupContext.cjs.map +1 -0
- package/dist/cjs/components/FilterGroup/LeftPanel/LeftPanel.cjs +52 -0
- package/dist/cjs/components/FilterGroup/LeftPanel/LeftPanel.cjs.map +1 -0
- package/dist/cjs/components/FilterGroup/LeftPanel/LeftPanel.styles.cjs +10 -0
- package/dist/cjs/components/FilterGroup/LeftPanel/LeftPanel.styles.cjs.map +1 -0
- package/dist/cjs/components/FilterGroup/RightPanel/RightPanel.cjs +135 -0
- package/dist/cjs/components/FilterGroup/RightPanel/RightPanel.cjs.map +1 -0
- package/dist/cjs/components/FilterGroup/RightPanel/RightPanel.styles.cjs +34 -0
- package/dist/cjs/components/FilterGroup/RightPanel/RightPanel.styles.cjs.map +1 -0
- package/dist/cjs/components/FilterGroup/filterGroupClasses.cjs +8 -0
- package/dist/cjs/components/FilterGroup/filterGroupClasses.cjs.map +1 -0
- package/dist/cjs/components/MultiButton/MultiButton.styles.cjs +22 -7
- package/dist/cjs/components/MultiButton/MultiButton.styles.cjs.map +1 -1
- package/dist/cjs/components/VerticalNavigation/Actions/Action.styles.cjs +2 -5
- package/dist/cjs/components/VerticalNavigation/Actions/Action.styles.cjs.map +1 -1
- package/dist/cjs/components/VerticalNavigation/TreeView/TreeViewItem.styles.cjs +4 -7
- package/dist/cjs/components/VerticalNavigation/TreeView/TreeViewItem.styles.cjs.map +1 -1
- package/dist/cjs/index.cjs +8 -0
- package/dist/cjs/index.cjs.map +1 -1
- package/dist/cjs/utils/useSavedState.cjs +19 -0
- package/dist/cjs/utils/useSavedState.cjs.map +1 -0
- package/dist/esm/components/Button/Button.js +6 -0
- package/dist/esm/components/Button/Button.js.map +1 -1
- package/dist/esm/components/Button/Button.styles.js +17 -9
- package/dist/esm/components/Button/Button.styles.js.map +1 -1
- package/dist/esm/components/Button/buttonClasses.js +1 -1
- package/dist/esm/components/Button/buttonClasses.js.map +1 -1
- package/dist/esm/components/Calendar/SingleCalendar/SingleCalendar.styles.js +4 -4
- package/dist/esm/components/Calendar/SingleCalendar/SingleCalendar.styles.js.map +1 -1
- package/dist/esm/components/Card/Card.styles.js.map +1 -1
- package/dist/esm/components/Card/Content/Content.styles.js.map +1 -1
- package/dist/esm/components/Card/Header/Header.styles.js.map +1 -1
- package/dist/esm/components/Card/Media/Media.styles.js.map +1 -1
- package/dist/esm/components/Controls/RightControl/RightControl.js +4 -4
- package/dist/esm/components/Controls/RightControl/RightControl.js.map +1 -1
- package/dist/esm/components/DatePicker/DatePicker.js +345 -0
- package/dist/esm/components/DatePicker/DatePicker.js.map +1 -0
- package/dist/esm/components/DatePicker/DatePicker.styles.js +78 -0
- package/dist/esm/components/DatePicker/DatePicker.styles.js.map +1 -0
- package/dist/esm/components/DatePicker/datePickerClasses.js +8 -0
- package/dist/esm/components/DatePicker/datePickerClasses.js.map +1 -0
- package/dist/esm/components/DatePicker/useVisibleDate.js +193 -0
- package/dist/esm/components/DatePicker/useVisibleDate.js.map +1 -0
- package/dist/esm/components/DatePicker/utils.js +32 -0
- package/dist/esm/components/DatePicker/utils.js.map +1 -0
- package/dist/esm/components/Dialog/Dialog.js +3 -7
- package/dist/esm/components/Dialog/Dialog.js.map +1 -1
- package/dist/esm/components/Dialog/Dialog.styles.js +33 -32
- package/dist/esm/components/Dialog/Dialog.styles.js.map +1 -1
- package/dist/esm/components/FilterGroup/Counter/Counter.js +51 -0
- package/dist/esm/components/FilterGroup/Counter/Counter.js.map +1 -0
- package/dist/esm/components/FilterGroup/Counter/Counter.styles.js +17 -0
- package/dist/esm/components/FilterGroup/Counter/Counter.styles.js.map +1 -0
- package/dist/esm/components/FilterGroup/FilterContent/FilterContent.js +168 -0
- package/dist/esm/components/FilterGroup/FilterContent/FilterContent.js.map +1 -0
- package/dist/esm/components/FilterGroup/FilterContent/FilterContent.styles.js +60 -0
- package/dist/esm/components/FilterGroup/FilterContent/FilterContent.styles.js.map +1 -0
- package/dist/esm/components/FilterGroup/FilterContent/filterContentClasses.js +8 -0
- package/dist/esm/components/FilterGroup/FilterContent/filterContentClasses.js.map +1 -0
- package/dist/esm/components/FilterGroup/FilterGroup.js +116 -0
- package/dist/esm/components/FilterGroup/FilterGroup.js.map +1 -0
- package/dist/esm/components/FilterGroup/FilterGroup.styles.js +14 -0
- package/dist/esm/components/FilterGroup/FilterGroup.styles.js.map +1 -0
- package/dist/esm/components/FilterGroup/FilterGroupContext.js +67 -0
- package/dist/esm/components/FilterGroup/FilterGroupContext.js.map +1 -0
- package/dist/esm/components/FilterGroup/LeftPanel/LeftPanel.js +52 -0
- package/dist/esm/components/FilterGroup/LeftPanel/LeftPanel.js.map +1 -0
- package/dist/esm/components/FilterGroup/LeftPanel/LeftPanel.styles.js +10 -0
- package/dist/esm/components/FilterGroup/LeftPanel/LeftPanel.styles.js.map +1 -0
- package/dist/esm/components/FilterGroup/RightPanel/RightPanel.js +133 -0
- package/dist/esm/components/FilterGroup/RightPanel/RightPanel.js.map +1 -0
- package/dist/esm/components/FilterGroup/RightPanel/RightPanel.styles.js +34 -0
- package/dist/esm/components/FilterGroup/RightPanel/RightPanel.styles.js.map +1 -0
- package/dist/esm/components/FilterGroup/filterGroupClasses.js +8 -0
- package/dist/esm/components/FilterGroup/filterGroupClasses.js.map +1 -0
- package/dist/esm/components/MultiButton/MultiButton.styles.js +22 -7
- package/dist/esm/components/MultiButton/MultiButton.styles.js.map +1 -1
- package/dist/esm/components/VerticalNavigation/Actions/Action.styles.js +2 -5
- package/dist/esm/components/VerticalNavigation/Actions/Action.styles.js.map +1 -1
- package/dist/esm/components/VerticalNavigation/TreeView/TreeViewItem.styles.js +4 -7
- package/dist/esm/components/VerticalNavigation/TreeView/TreeViewItem.styles.js.map +1 -1
- package/dist/esm/index.js +26 -18
- package/dist/esm/index.js.map +1 -1
- package/dist/esm/utils/useSavedState.js +19 -0
- package/dist/esm/utils/useSavedState.js.map +1 -0
- package/dist/types/index.d.ts +330 -0
- package/package.json +5 -5
|
@@ -14,10 +14,7 @@ const selected = () => ({
|
|
|
14
14
|
}
|
|
15
15
|
});
|
|
16
16
|
const hover = () => ({
|
|
17
|
-
background: theme.verticalNavigation.hoverColor
|
|
18
|
-
"& *": {
|
|
19
|
-
background: theme.verticalNavigation.hoverColor
|
|
20
|
-
}
|
|
17
|
+
background: theme.verticalNavigation.hoverColor
|
|
21
18
|
});
|
|
22
19
|
const StyledGroup = /* @__PURE__ */ _styled("ul", process.env.NODE_ENV === "production" ? {
|
|
23
20
|
target: "er1eqbm2"
|
|
@@ -30,7 +27,7 @@ const StyledGroup = /* @__PURE__ */ _styled("ul", process.env.NODE_ENV === "prod
|
|
|
30
27
|
} : {
|
|
31
28
|
name: "1a8z1t8",
|
|
32
29
|
styles: "margin:8px 0 0 0;padding:0",
|
|
33
|
-
map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,
|
|
30
|
+
map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvVmVydGljYWxOYXZpZ2F0aW9uL1RyZWVWaWV3L1RyZWVWaWV3SXRlbS5zdHlsZXMudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQWtCMkIiLCJmaWxlIjoiL2hvbWUvcnVubmVyL3dvcmsvaHYtdWlraXQtcmVhY3QvaHYtdWlraXQtcmVhY3QvcGFja2FnZXMvY29yZS9zcmMvY29tcG9uZW50cy9WZXJ0aWNhbE5hdmlnYXRpb24vVHJlZVZpZXcvVHJlZVZpZXdJdGVtLnN0eWxlcy50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgc3R5bGVkIGZyb20gXCJAZW1vdGlvbi9zdHlsZWRcIjtcbmltcG9ydCB7IHRoZW1lIH0gZnJvbSBcIkBoaXRhY2hpdmFudGFyYS91aWtpdC1zdHlsZXNcIjtcbmltcG9ydCB7IEh2VHlwb2dyYXBoeSB9IGZyb20gXCJAY29yZS9jb21wb25lbnRzXCI7XG5pbXBvcnQgeyBvdXRsaW5lU3R5bGVzIH0gZnJvbSBcIkBjb3JlL3V0aWxzXCI7XG5pbXBvcnQgdHJlZVZpZXdJdGVtQ2xhc3NlcyBmcm9tIFwiLi90cmVlVmlld0l0ZW1DbGFzc2VzXCI7XG5cbmNvbnN0IHNlbGVjdGVkID0gKCkgPT4gKHtcbiAgYmFja2dyb3VuZDogdGhlbWUuY29sb3JzLmF0bW8zLFxuICBib3JkZXJMZWZ0OiB0aGVtZS52ZXJ0aWNhbE5hdmlnYXRpb24uYWN0aXZlQm9yZGVyTGVmdCxcbiAgXCImICpcIjoge1xuICAgIGJhY2tncm91bmQ6IHRoZW1lLmNvbG9ycy5hdG1vMyxcbiAgfSxcbn0pO1xuXG5jb25zdCBob3ZlciA9ICgpID0+ICh7XG4gIGJhY2tncm91bmQ6IHRoZW1lLnZlcnRpY2FsTmF2aWdhdGlvbi5ob3ZlckNvbG9yLFxufSk7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRHcm91cCA9IHN0eWxlZChcInVsXCIpKHtcbiAgbWFyZ2luOiBcIjhweCAwIDAgMFwiLFxuICBwYWRkaW5nOiAwLFxufSk7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWROb2RlID0gc3R5bGVkKFwibGlcIikoe1xuICBsaXN0U3R5bGU6IFwibm9uZVwiLFxuICBtaW5IZWlnaHQ6IFwiMzJweFwiLFxuICBcIiY6bm90KDpsYXN0LWNoaWxkKVwiOiB7XG4gICAgbWFyZ2luQm90dG9tOiBcIjhweFwiLFxuICB9LFxuICBbYCYuJHt0cmVlVmlld0l0ZW1DbGFzc2VzLmNvbGxhcHNlZH1gXToge1xuICAgIFtgJj4uJHt0cmVlVmlld0l0ZW1DbGFzc2VzLmdyb3VwfWBdOiB7XG4gICAgICBkaXNwbGF5OiBcIm5vbmVcIixcbiAgICB9LFxuICB9LFxuICBbYCYuJHt0cmVlVmlld0l0ZW1DbGFzc2VzLmV4cGFuZGVkfWBdOiB7XG4gICAgW2AmPi4ke3RyZWVWaWV3SXRlbUNsYXNzZXMuZ3JvdXB9YF06IHtcbiAgICAgIGRpc3BsYXk6IFwiYmxvY2tcIixcbiAgICB9LFxuICB9LFxuICBbYCYuJHt0cmVlVmlld0l0ZW1DbGFzc2VzLmxpbmt9YF06IHtcbiAgICB0ZXh0RGVjb3JhdGlvbjogXCJub25lXCIsXG4gIH0sXG4gIFtgJi4ke3RyZWVWaWV3SXRlbUNsYXNzZXMuaGlkZX1gXToge1xuICAgIGRpc3BsYXk6IFwibm9uZVwiLFxuICB9LFxufSk7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRDb250ZW50ID0gc3R5bGVkKEh2VHlwb2dyYXBoeSkoe1xuICB3aWR0aDogXCIxMDAlXCIsXG4gIGRpc3BsYXk6IFwiZmxleFwiLFxuICBqdXN0aWZ5Q29udGVudDogXCJmbGV4LXN0YXJ0XCIsXG4gIGFsaWduSXRlbXM6IFwiY2VudGVyXCIsXG4gIGhlaWdodDogXCIzMnB4XCIsXG4gIGJvcmRlckxlZnQ6IHRoZW1lLnZlcnRpY2FsTmF2aWdhdGlvbi5pbmFjdGl2ZUJvcmRlckxlZnQsXG4gIHBhZGRpbmdSaWdodDogdGhlbWUuc3BhY2UueHMsXG5cbiAgW2AmLiR7dHJlZVZpZXdJdGVtQ2xhc3Nlcy5taW5pbWl6ZWR9YF06IHtcbiAgICBqdXN0aWZ5Q29udGVudDogXCJjZW50ZXJcIixcbiAgICBwYWRkaW5nUmlnaHQ6IDAsXG4gIH0sXG5cbiAgW2AuJHt0cmVlVmlld0l0ZW1DbGFzc2VzLmV4cGFuZGFibGV9PiZgXToge1xuICAgIGZvbnRXZWlnaHQ6IDYwMCxcbiAgfSxcblxuICAvLyBzZWxlY3RlZCBzdGF0ZVxuICBbYC4ke3RyZWVWaWV3SXRlbUNsYXNzZXMuc2VsZWN0ZWR9PiZgXTogc2VsZWN0ZWQoKSxcblxuICAvL2hvdmVyXG4gIFtgOm5vdCguJHt0cmVlVmlld0l0ZW1DbGFzc2VzLmRpc2FibGVkfSA+ICYpOm5vdCguJHt0cmVlVmlld0l0ZW1DbGFzc2VzLnNlbGVjdGVkfSA+ICYpOmhvdmVyYF06XG4gICAgaG92ZXIoKSxcbiAgW2A6bm90KC4ke3RyZWVWaWV3SXRlbUNsYXNzZXMuZGlzYWJsZWR9ID4gJikuJHt0cmVlVmlld0l0ZW1DbGFzc2VzLnNlbGVjdGVkfSA+OmhvdmVyYF06XG4gICAge30sXG5cbiAgLy8gZm9jdXNcbiAgW2A6bm90KC4ke3RyZWVWaWV3SXRlbUNsYXNzZXMuZGlzYWJsZWR9PiYpOm5vdCguJHt0cmVlVmlld0l0ZW1DbGFzc2VzLnNlbGVjdGVkfT4mKTpmb2N1cy12aXNpYmxlYF06XG4gICAgaG92ZXIoKSxcbiAgW2A6bm90KC4ke3RyZWVWaWV3SXRlbUNsYXNzZXMuZGlzYWJsZWR9PiYpOm5vdCguJHt0cmVlVmlld0l0ZW1DbGFzc2VzLnNlbGVjdGVkfT4mKS5mb2N1cy12aXNpYmxlYF06XG4gICAgaG92ZXIoKSxcblxuICBbYCo6Zm9jdXMtdmlzaWJsZSAuJHt0cmVlVmlld0l0ZW1DbGFzc2VzLmZvY3VzZWR9PiZgXToge1xuICAgIC4uLm91dGxpbmVTdHlsZXMsXG4gIH0sXG5cbiAgW2AgLmZvY3VzLXZpc2libGUgLiR7dHJlZVZpZXdJdGVtQ2xhc3Nlcy5mb2N1c2VkfT4mYF06IHtcbiAgICAuLi5vdXRsaW5lU3R5bGVzLFxuICB9LFxuXG4gIFtgIC4ke3RyZWVWaWV3SXRlbUNsYXNzZXMuZm9jdXNlZH0+JmBdOiB7XG4gICAgLi4uaG92ZXIoKSxcbiAgfSxcblxuICBcIiZbZGlzYWJsZWRdLCAmOmFjdGl2ZVwiOiB7XG4gICAgb3V0bGluZTogXCJub25lXCIsXG4gIH0sXG5cbiAgXCImOmZvY3VzXCI6IHtcbiAgICBvdXRsaW5lOiBcIm5vbmVcIixcbiAgfSxcblxuICBcIiY6Zm9jdXMtdmlzaWJsZVwiOiB7XG4gICAgLi4ub3V0bGluZVN0eWxlcyxcbiAgfSxcblxuICBcIiYuZm9jdXMtdmlzaWJsZVwiOiB7XG4gICAgLi4ub3V0bGluZVN0eWxlcyxcbiAgfSxcblxuICAvLyBjdXJzb3JcbiAgY3Vyc29yOiBcInBvaW50ZXJcIixcbiAgXCImICpcIjoge1xuICAgIGN1cnNvcjogXCJwb2ludGVyXCIsXG4gIH0sXG4gIFtgIC4ke3RyZWVWaWV3SXRlbUNsYXNzZXMuZGlzYWJsZWR9PiZgXToge1xuICAgIGN1cnNvcjogXCJub3QtYWxsb3dlZFwiLFxuICAgIFwiJiAqXCI6IHtcbiAgICAgIGN1cnNvcjogXCJub3QtYWxsb3dlZFwiLFxuICAgIH0sXG4gIH0sXG59KTtcbiJdfQ== */",
|
|
34
31
|
toString: _EMOTION_STRINGIFIED_CSS_ERROR__
|
|
35
32
|
});
|
|
36
33
|
const StyledNode = /* @__PURE__ */ _styled("li", process.env.NODE_ENV === "production" ? {
|
|
@@ -60,7 +57,7 @@ const StyledNode = /* @__PURE__ */ _styled("li", process.env.NODE_ENV === "produ
|
|
|
60
57
|
[`&.${treeViewItemClasses.hide}`]: {
|
|
61
58
|
display: "none"
|
|
62
59
|
}
|
|
63
|
-
}, process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,
|
|
60
|
+
}, process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvVmVydGljYWxOYXZpZ2F0aW9uL1RyZWVWaWV3L1RyZWVWaWV3SXRlbS5zdHlsZXMudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQXVCMEIiLCJmaWxlIjoiL2hvbWUvcnVubmVyL3dvcmsvaHYtdWlraXQtcmVhY3QvaHYtdWlraXQtcmVhY3QvcGFja2FnZXMvY29yZS9zcmMvY29tcG9uZW50cy9WZXJ0aWNhbE5hdmlnYXRpb24vVHJlZVZpZXcvVHJlZVZpZXdJdGVtLnN0eWxlcy50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgc3R5bGVkIGZyb20gXCJAZW1vdGlvbi9zdHlsZWRcIjtcbmltcG9ydCB7IHRoZW1lIH0gZnJvbSBcIkBoaXRhY2hpdmFudGFyYS91aWtpdC1zdHlsZXNcIjtcbmltcG9ydCB7IEh2VHlwb2dyYXBoeSB9IGZyb20gXCJAY29yZS9jb21wb25lbnRzXCI7XG5pbXBvcnQgeyBvdXRsaW5lU3R5bGVzIH0gZnJvbSBcIkBjb3JlL3V0aWxzXCI7XG5pbXBvcnQgdHJlZVZpZXdJdGVtQ2xhc3NlcyBmcm9tIFwiLi90cmVlVmlld0l0ZW1DbGFzc2VzXCI7XG5cbmNvbnN0IHNlbGVjdGVkID0gKCkgPT4gKHtcbiAgYmFja2dyb3VuZDogdGhlbWUuY29sb3JzLmF0bW8zLFxuICBib3JkZXJMZWZ0OiB0aGVtZS52ZXJ0aWNhbE5hdmlnYXRpb24uYWN0aXZlQm9yZGVyTGVmdCxcbiAgXCImICpcIjoge1xuICAgIGJhY2tncm91bmQ6IHRoZW1lLmNvbG9ycy5hdG1vMyxcbiAgfSxcbn0pO1xuXG5jb25zdCBob3ZlciA9ICgpID0+ICh7XG4gIGJhY2tncm91bmQ6IHRoZW1lLnZlcnRpY2FsTmF2aWdhdGlvbi5ob3ZlckNvbG9yLFxufSk7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRHcm91cCA9IHN0eWxlZChcInVsXCIpKHtcbiAgbWFyZ2luOiBcIjhweCAwIDAgMFwiLFxuICBwYWRkaW5nOiAwLFxufSk7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWROb2RlID0gc3R5bGVkKFwibGlcIikoe1xuICBsaXN0U3R5bGU6IFwibm9uZVwiLFxuICBtaW5IZWlnaHQ6IFwiMzJweFwiLFxuICBcIiY6bm90KDpsYXN0LWNoaWxkKVwiOiB7XG4gICAgbWFyZ2luQm90dG9tOiBcIjhweFwiLFxuICB9LFxuICBbYCYuJHt0cmVlVmlld0l0ZW1DbGFzc2VzLmNvbGxhcHNlZH1gXToge1xuICAgIFtgJj4uJHt0cmVlVmlld0l0ZW1DbGFzc2VzLmdyb3VwfWBdOiB7XG4gICAgICBkaXNwbGF5OiBcIm5vbmVcIixcbiAgICB9LFxuICB9LFxuICBbYCYuJHt0cmVlVmlld0l0ZW1DbGFzc2VzLmV4cGFuZGVkfWBdOiB7XG4gICAgW2AmPi4ke3RyZWVWaWV3SXRlbUNsYXNzZXMuZ3JvdXB9YF06IHtcbiAgICAgIGRpc3BsYXk6IFwiYmxvY2tcIixcbiAgICB9LFxuICB9LFxuICBbYCYuJHt0cmVlVmlld0l0ZW1DbGFzc2VzLmxpbmt9YF06IHtcbiAgICB0ZXh0RGVjb3JhdGlvbjogXCJub25lXCIsXG4gIH0sXG4gIFtgJi4ke3RyZWVWaWV3SXRlbUNsYXNzZXMuaGlkZX1gXToge1xuICAgIGRpc3BsYXk6IFwibm9uZVwiLFxuICB9LFxufSk7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRDb250ZW50ID0gc3R5bGVkKEh2VHlwb2dyYXBoeSkoe1xuICB3aWR0aDogXCIxMDAlXCIsXG4gIGRpc3BsYXk6IFwiZmxleFwiLFxuICBqdXN0aWZ5Q29udGVudDogXCJmbGV4LXN0YXJ0XCIsXG4gIGFsaWduSXRlbXM6IFwiY2VudGVyXCIsXG4gIGhlaWdodDogXCIzMnB4XCIsXG4gIGJvcmRlckxlZnQ6IHRoZW1lLnZlcnRpY2FsTmF2aWdhdGlvbi5pbmFjdGl2ZUJvcmRlckxlZnQsXG4gIHBhZGRpbmdSaWdodDogdGhlbWUuc3BhY2UueHMsXG5cbiAgW2AmLiR7dHJlZVZpZXdJdGVtQ2xhc3Nlcy5taW5pbWl6ZWR9YF06IHtcbiAgICBqdXN0aWZ5Q29udGVudDogXCJjZW50ZXJcIixcbiAgICBwYWRkaW5nUmlnaHQ6IDAsXG4gIH0sXG5cbiAgW2AuJHt0cmVlVmlld0l0ZW1DbGFzc2VzLmV4cGFuZGFibGV9PiZgXToge1xuICAgIGZvbnRXZWlnaHQ6IDYwMCxcbiAgfSxcblxuICAvLyBzZWxlY3RlZCBzdGF0ZVxuICBbYC4ke3RyZWVWaWV3SXRlbUNsYXNzZXMuc2VsZWN0ZWR9PiZgXTogc2VsZWN0ZWQoKSxcblxuICAvL2hvdmVyXG4gIFtgOm5vdCguJHt0cmVlVmlld0l0ZW1DbGFzc2VzLmRpc2FibGVkfSA+ICYpOm5vdCguJHt0cmVlVmlld0l0ZW1DbGFzc2VzLnNlbGVjdGVkfSA+ICYpOmhvdmVyYF06XG4gICAgaG92ZXIoKSxcbiAgW2A6bm90KC4ke3RyZWVWaWV3SXRlbUNsYXNzZXMuZGlzYWJsZWR9ID4gJikuJHt0cmVlVmlld0l0ZW1DbGFzc2VzLnNlbGVjdGVkfSA+OmhvdmVyYF06XG4gICAge30sXG5cbiAgLy8gZm9jdXNcbiAgW2A6bm90KC4ke3RyZWVWaWV3SXRlbUNsYXNzZXMuZGlzYWJsZWR9PiYpOm5vdCguJHt0cmVlVmlld0l0ZW1DbGFzc2VzLnNlbGVjdGVkfT4mKTpmb2N1cy12aXNpYmxlYF06XG4gICAgaG92ZXIoKSxcbiAgW2A6bm90KC4ke3RyZWVWaWV3SXRlbUNsYXNzZXMuZGlzYWJsZWR9PiYpOm5vdCguJHt0cmVlVmlld0l0ZW1DbGFzc2VzLnNlbGVjdGVkfT4mKS5mb2N1cy12aXNpYmxlYF06XG4gICAgaG92ZXIoKSxcblxuICBbYCo6Zm9jdXMtdmlzaWJsZSAuJHt0cmVlVmlld0l0ZW1DbGFzc2VzLmZvY3VzZWR9PiZgXToge1xuICAgIC4uLm91dGxpbmVTdHlsZXMsXG4gIH0sXG5cbiAgW2AgLmZvY3VzLXZpc2libGUgLiR7dHJlZVZpZXdJdGVtQ2xhc3Nlcy5mb2N1c2VkfT4mYF06IHtcbiAgICAuLi5vdXRsaW5lU3R5bGVzLFxuICB9LFxuXG4gIFtgIC4ke3RyZWVWaWV3SXRlbUNsYXNzZXMuZm9jdXNlZH0+JmBdOiB7XG4gICAgLi4uaG92ZXIoKSxcbiAgfSxcblxuICBcIiZbZGlzYWJsZWRdLCAmOmFjdGl2ZVwiOiB7XG4gICAgb3V0bGluZTogXCJub25lXCIsXG4gIH0sXG5cbiAgXCImOmZvY3VzXCI6IHtcbiAgICBvdXRsaW5lOiBcIm5vbmVcIixcbiAgfSxcblxuICBcIiY6Zm9jdXMtdmlzaWJsZVwiOiB7XG4gICAgLi4ub3V0bGluZVN0eWxlcyxcbiAgfSxcblxuICBcIiYuZm9jdXMtdmlzaWJsZVwiOiB7XG4gICAgLi4ub3V0bGluZVN0eWxlcyxcbiAgfSxcblxuICAvLyBjdXJzb3JcbiAgY3Vyc29yOiBcInBvaW50ZXJcIixcbiAgXCImICpcIjoge1xuICAgIGN1cnNvcjogXCJwb2ludGVyXCIsXG4gIH0sXG4gIFtgIC4ke3RyZWVWaWV3SXRlbUNsYXNzZXMuZGlzYWJsZWR9PiZgXToge1xuICAgIGN1cnNvcjogXCJub3QtYWxsb3dlZFwiLFxuICAgIFwiJiAqXCI6IHtcbiAgICAgIGN1cnNvcjogXCJub3QtYWxsb3dlZFwiLFxuICAgIH0sXG4gIH0sXG59KTtcbiJdfQ== */");
|
|
64
61
|
const StyledContent = /* @__PURE__ */ _styled(HvTypography, process.env.NODE_ENV === "production" ? {
|
|
65
62
|
target: "er1eqbm0"
|
|
66
63
|
} : {
|
|
@@ -121,7 +118,7 @@ const StyledContent = /* @__PURE__ */ _styled(HvTypography, process.env.NODE_ENV
|
|
|
121
118
|
cursor: "not-allowed"
|
|
122
119
|
}
|
|
123
120
|
}
|
|
124
|
-
}, process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,
|
|
121
|
+
}, process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvVmVydGljYWxOYXZpZ2F0aW9uL1RyZWVWaWV3L1RyZWVWaWV3SXRlbS5zdHlsZXMudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQStDNkIiLCJmaWxlIjoiL2hvbWUvcnVubmVyL3dvcmsvaHYtdWlraXQtcmVhY3QvaHYtdWlraXQtcmVhY3QvcGFja2FnZXMvY29yZS9zcmMvY29tcG9uZW50cy9WZXJ0aWNhbE5hdmlnYXRpb24vVHJlZVZpZXcvVHJlZVZpZXdJdGVtLnN0eWxlcy50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgc3R5bGVkIGZyb20gXCJAZW1vdGlvbi9zdHlsZWRcIjtcbmltcG9ydCB7IHRoZW1lIH0gZnJvbSBcIkBoaXRhY2hpdmFudGFyYS91aWtpdC1zdHlsZXNcIjtcbmltcG9ydCB7IEh2VHlwb2dyYXBoeSB9IGZyb20gXCJAY29yZS9jb21wb25lbnRzXCI7XG5pbXBvcnQgeyBvdXRsaW5lU3R5bGVzIH0gZnJvbSBcIkBjb3JlL3V0aWxzXCI7XG5pbXBvcnQgdHJlZVZpZXdJdGVtQ2xhc3NlcyBmcm9tIFwiLi90cmVlVmlld0l0ZW1DbGFzc2VzXCI7XG5cbmNvbnN0IHNlbGVjdGVkID0gKCkgPT4gKHtcbiAgYmFja2dyb3VuZDogdGhlbWUuY29sb3JzLmF0bW8zLFxuICBib3JkZXJMZWZ0OiB0aGVtZS52ZXJ0aWNhbE5hdmlnYXRpb24uYWN0aXZlQm9yZGVyTGVmdCxcbiAgXCImICpcIjoge1xuICAgIGJhY2tncm91bmQ6IHRoZW1lLmNvbG9ycy5hdG1vMyxcbiAgfSxcbn0pO1xuXG5jb25zdCBob3ZlciA9ICgpID0+ICh7XG4gIGJhY2tncm91bmQ6IHRoZW1lLnZlcnRpY2FsTmF2aWdhdGlvbi5ob3ZlckNvbG9yLFxufSk7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRHcm91cCA9IHN0eWxlZChcInVsXCIpKHtcbiAgbWFyZ2luOiBcIjhweCAwIDAgMFwiLFxuICBwYWRkaW5nOiAwLFxufSk7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWROb2RlID0gc3R5bGVkKFwibGlcIikoe1xuICBsaXN0U3R5bGU6IFwibm9uZVwiLFxuICBtaW5IZWlnaHQ6IFwiMzJweFwiLFxuICBcIiY6bm90KDpsYXN0LWNoaWxkKVwiOiB7XG4gICAgbWFyZ2luQm90dG9tOiBcIjhweFwiLFxuICB9LFxuICBbYCYuJHt0cmVlVmlld0l0ZW1DbGFzc2VzLmNvbGxhcHNlZH1gXToge1xuICAgIFtgJj4uJHt0cmVlVmlld0l0ZW1DbGFzc2VzLmdyb3VwfWBdOiB7XG4gICAgICBkaXNwbGF5OiBcIm5vbmVcIixcbiAgICB9LFxuICB9LFxuICBbYCYuJHt0cmVlVmlld0l0ZW1DbGFzc2VzLmV4cGFuZGVkfWBdOiB7XG4gICAgW2AmPi4ke3RyZWVWaWV3SXRlbUNsYXNzZXMuZ3JvdXB9YF06IHtcbiAgICAgIGRpc3BsYXk6IFwiYmxvY2tcIixcbiAgICB9LFxuICB9LFxuICBbYCYuJHt0cmVlVmlld0l0ZW1DbGFzc2VzLmxpbmt9YF06IHtcbiAgICB0ZXh0RGVjb3JhdGlvbjogXCJub25lXCIsXG4gIH0sXG4gIFtgJi4ke3RyZWVWaWV3SXRlbUNsYXNzZXMuaGlkZX1gXToge1xuICAgIGRpc3BsYXk6IFwibm9uZVwiLFxuICB9LFxufSk7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRDb250ZW50ID0gc3R5bGVkKEh2VHlwb2dyYXBoeSkoe1xuICB3aWR0aDogXCIxMDAlXCIsXG4gIGRpc3BsYXk6IFwiZmxleFwiLFxuICBqdXN0aWZ5Q29udGVudDogXCJmbGV4LXN0YXJ0XCIsXG4gIGFsaWduSXRlbXM6IFwiY2VudGVyXCIsXG4gIGhlaWdodDogXCIzMnB4XCIsXG4gIGJvcmRlckxlZnQ6IHRoZW1lLnZlcnRpY2FsTmF2aWdhdGlvbi5pbmFjdGl2ZUJvcmRlckxlZnQsXG4gIHBhZGRpbmdSaWdodDogdGhlbWUuc3BhY2UueHMsXG5cbiAgW2AmLiR7dHJlZVZpZXdJdGVtQ2xhc3Nlcy5taW5pbWl6ZWR9YF06IHtcbiAgICBqdXN0aWZ5Q29udGVudDogXCJjZW50ZXJcIixcbiAgICBwYWRkaW5nUmlnaHQ6IDAsXG4gIH0sXG5cbiAgW2AuJHt0cmVlVmlld0l0ZW1DbGFzc2VzLmV4cGFuZGFibGV9PiZgXToge1xuICAgIGZvbnRXZWlnaHQ6IDYwMCxcbiAgfSxcblxuICAvLyBzZWxlY3RlZCBzdGF0ZVxuICBbYC4ke3RyZWVWaWV3SXRlbUNsYXNzZXMuc2VsZWN0ZWR9PiZgXTogc2VsZWN0ZWQoKSxcblxuICAvL2hvdmVyXG4gIFtgOm5vdCguJHt0cmVlVmlld0l0ZW1DbGFzc2VzLmRpc2FibGVkfSA+ICYpOm5vdCguJHt0cmVlVmlld0l0ZW1DbGFzc2VzLnNlbGVjdGVkfSA+ICYpOmhvdmVyYF06XG4gICAgaG92ZXIoKSxcbiAgW2A6bm90KC4ke3RyZWVWaWV3SXRlbUNsYXNzZXMuZGlzYWJsZWR9ID4gJikuJHt0cmVlVmlld0l0ZW1DbGFzc2VzLnNlbGVjdGVkfSA+OmhvdmVyYF06XG4gICAge30sXG5cbiAgLy8gZm9jdXNcbiAgW2A6bm90KC4ke3RyZWVWaWV3SXRlbUNsYXNzZXMuZGlzYWJsZWR9PiYpOm5vdCguJHt0cmVlVmlld0l0ZW1DbGFzc2VzLnNlbGVjdGVkfT4mKTpmb2N1cy12aXNpYmxlYF06XG4gICAgaG92ZXIoKSxcbiAgW2A6bm90KC4ke3RyZWVWaWV3SXRlbUNsYXNzZXMuZGlzYWJsZWR9PiYpOm5vdCguJHt0cmVlVmlld0l0ZW1DbGFzc2VzLnNlbGVjdGVkfT4mKS5mb2N1cy12aXNpYmxlYF06XG4gICAgaG92ZXIoKSxcblxuICBbYCo6Zm9jdXMtdmlzaWJsZSAuJHt0cmVlVmlld0l0ZW1DbGFzc2VzLmZvY3VzZWR9PiZgXToge1xuICAgIC4uLm91dGxpbmVTdHlsZXMsXG4gIH0sXG5cbiAgW2AgLmZvY3VzLXZpc2libGUgLiR7dHJlZVZpZXdJdGVtQ2xhc3Nlcy5mb2N1c2VkfT4mYF06IHtcbiAgICAuLi5vdXRsaW5lU3R5bGVzLFxuICB9LFxuXG4gIFtgIC4ke3RyZWVWaWV3SXRlbUNsYXNzZXMuZm9jdXNlZH0+JmBdOiB7XG4gICAgLi4uaG92ZXIoKSxcbiAgfSxcblxuICBcIiZbZGlzYWJsZWRdLCAmOmFjdGl2ZVwiOiB7XG4gICAgb3V0bGluZTogXCJub25lXCIsXG4gIH0sXG5cbiAgXCImOmZvY3VzXCI6IHtcbiAgICBvdXRsaW5lOiBcIm5vbmVcIixcbiAgfSxcblxuICBcIiY6Zm9jdXMtdmlzaWJsZVwiOiB7XG4gICAgLi4ub3V0bGluZVN0eWxlcyxcbiAgfSxcblxuICBcIiYuZm9jdXMtdmlzaWJsZVwiOiB7XG4gICAgLi4ub3V0bGluZVN0eWxlcyxcbiAgfSxcblxuICAvLyBjdXJzb3JcbiAgY3Vyc29yOiBcInBvaW50ZXJcIixcbiAgXCImICpcIjoge1xuICAgIGN1cnNvcjogXCJwb2ludGVyXCIsXG4gIH0sXG4gIFtgIC4ke3RyZWVWaWV3SXRlbUNsYXNzZXMuZGlzYWJsZWR9PiZgXToge1xuICAgIGN1cnNvcjogXCJub3QtYWxsb3dlZFwiLFxuICAgIFwiJiAqXCI6IHtcbiAgICAgIGN1cnNvcjogXCJub3QtYWxsb3dlZFwiLFxuICAgIH0sXG4gIH0sXG59KTtcbiJdfQ== */");
|
|
125
122
|
export {
|
|
126
123
|
StyledContent,
|
|
127
124
|
StyledGroup,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"TreeViewItem.styles.js","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
|
|
1
|
+
{"version":3,"file":"TreeViewItem.styles.js","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","process","env","NODE_ENV","target","label","name","styles","map","toString","_EMOTION_STRINGIFIED_CSS_ERROR__","StyledNode","listStyle","minHeight","marginBottom","treeViewItemClasses","collapsed","group","display","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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"}
|
package/dist/esm/index.js
CHANGED
|
@@ -228,8 +228,11 @@ import { HvVerticalNavigationTreeViewItem } from "./components/VerticalNavigatio
|
|
|
228
228
|
import { VerticalNavigationContext } from "./components/VerticalNavigation/VerticalNavigationContext.js";
|
|
229
229
|
import { default as default119 } from "./components/Slider/sliderClasses.js";
|
|
230
230
|
import { HvSlider } from "./components/Slider/Slider.js";
|
|
231
|
-
import { default as default120 } from "./
|
|
232
|
-
import {
|
|
231
|
+
import { default as default120 } from "./components/FilterGroup/filterGroupClasses.js";
|
|
232
|
+
import { HvFilterGroup } from "./components/FilterGroup/FilterGroup.js";
|
|
233
|
+
import { HvDatePicker } from "./components/DatePicker/DatePicker.js";
|
|
234
|
+
import { default as default121 } from "./hooks/useUniqueId.js";
|
|
235
|
+
import { default as default122 } from "./hooks/useIsMounted.js";
|
|
233
236
|
import { useClickOutside } from "./hooks/useClickOutside.js";
|
|
234
237
|
import { useControlled } from "./hooks/useControlled.js";
|
|
235
238
|
import { useImageLoaded } from "./hooks/useImageLoaded.js";
|
|
@@ -241,11 +244,11 @@ import { useEnhancedEffect } from "./hooks/useEnhancedEffect.js";
|
|
|
241
244
|
import { HvProvider } from "./providers/Provider.js";
|
|
242
245
|
import { HvThemeContext } from "@hitachivantara/uikit-react-shared";
|
|
243
246
|
import { HvThemeProvider } from "./providers/ThemeProvider.js";
|
|
244
|
-
import { default as
|
|
245
|
-
import { default as
|
|
246
|
-
import { default as
|
|
247
|
-
import { default as
|
|
248
|
-
import { default as
|
|
247
|
+
import { default as default123 } from "./utils/iconVariant.js";
|
|
248
|
+
import { default as default124 } from "./utils/hexToRgbA.js";
|
|
249
|
+
import { default as default125 } from "./utils/browser.js";
|
|
250
|
+
import { default as default126 } from "./utils/multiSelectionEventHandler.js";
|
|
251
|
+
import { default as default127 } from "./utils/getComponentName.js";
|
|
249
252
|
import { outlineStyles } from "./utils/focusUtils.js";
|
|
250
253
|
import { keyboardCodes } from "./utils/keyboardUtils/keyboardCodes.js";
|
|
251
254
|
import { getKeyCodeFromEvent, isKeycode, isKeypress } from "./utils/keyboardUtils/keyCheck.js";
|
|
@@ -255,8 +258,9 @@ import { setId, setUid } from "./utils/setId.js";
|
|
|
255
258
|
import { getClasses } from "./utils/classes.js";
|
|
256
259
|
import { getFirstAndLastFocus, getFocusableList, getPrevNextFocus } from "./utils/focusableElementFinder.js";
|
|
257
260
|
import { wrapperTooltip } from "./utils/wrapperTooltip.js";
|
|
258
|
-
import {
|
|
259
|
-
import { default as default128 } from "./hocs/
|
|
261
|
+
import { useSavedState } from "./utils/useSavedState.js";
|
|
262
|
+
import { default as default128 } from "./hocs/withTooltip.js";
|
|
263
|
+
import { default as default129 } from "./hocs/withId.js";
|
|
260
264
|
export {
|
|
261
265
|
CellWithCheckBox,
|
|
262
266
|
CellWithExpandButton,
|
|
@@ -291,6 +295,7 @@ export {
|
|
|
291
295
|
HvContainer,
|
|
292
296
|
HvControls,
|
|
293
297
|
default101 as HvDateColumnCell,
|
|
298
|
+
HvDatePicker,
|
|
294
299
|
HvDialog,
|
|
295
300
|
HvDialogActions,
|
|
296
301
|
HvDialogContent,
|
|
@@ -303,6 +308,7 @@ export {
|
|
|
303
308
|
HvFile,
|
|
304
309
|
HvFileUploader,
|
|
305
310
|
HvFileUploaderPreview,
|
|
311
|
+
HvFilterGroup,
|
|
306
312
|
HvFocus,
|
|
307
313
|
HvFooter,
|
|
308
314
|
HvFormElement,
|
|
@@ -435,12 +441,13 @@ export {
|
|
|
435
441
|
default35 as emptyStateClasses,
|
|
436
442
|
default69 as fileClasses,
|
|
437
443
|
default68 as fileUploaderPreviewClasses,
|
|
444
|
+
default120 as filterGroupClasses,
|
|
438
445
|
findDescriptors,
|
|
439
446
|
default8 as focusClasses,
|
|
440
447
|
default36 as footerClasses,
|
|
441
448
|
default13 as formElementClasses,
|
|
442
449
|
getClasses,
|
|
443
|
-
|
|
450
|
+
default127 as getComponentName,
|
|
444
451
|
getFirstAndLastFocus,
|
|
445
452
|
getFocusableList,
|
|
446
453
|
getHeaderFooterPropsHook,
|
|
@@ -457,7 +464,7 @@ export {
|
|
|
457
464
|
default40 as headerBrandClasses,
|
|
458
465
|
default38 as headerClasses,
|
|
459
466
|
default41 as headerNavigationClasses,
|
|
460
|
-
|
|
467
|
+
default124 as hexToRgbA,
|
|
461
468
|
hvDateColumn,
|
|
462
469
|
hvDropdownColumn,
|
|
463
470
|
hvExpandColumn,
|
|
@@ -469,11 +476,11 @@ export {
|
|
|
469
476
|
hvSwitchColumn,
|
|
470
477
|
hvTagColumn,
|
|
471
478
|
hvTextColumn,
|
|
472
|
-
|
|
479
|
+
default123 as iconVariant,
|
|
473
480
|
increaseSize,
|
|
474
481
|
default15 as infoMessageClasses,
|
|
475
482
|
default60 as inputClasses,
|
|
476
|
-
|
|
483
|
+
default125 as isBrowser,
|
|
477
484
|
isInvalid,
|
|
478
485
|
isKeycode,
|
|
479
486
|
isKeypress,
|
|
@@ -489,7 +496,7 @@ export {
|
|
|
489
496
|
default44 as loadingClasses,
|
|
490
497
|
default105 as loginClasses,
|
|
491
498
|
default45 as multiButtonClasses,
|
|
492
|
-
|
|
499
|
+
default126 as multiSelectionEventHandler,
|
|
493
500
|
normalizeProgressBar,
|
|
494
501
|
outlineStyles,
|
|
495
502
|
default53 as overflowTooltipClasses,
|
|
@@ -551,19 +558,20 @@ export {
|
|
|
551
558
|
default92 as useHvTableStyles,
|
|
552
559
|
useImageLoaded,
|
|
553
560
|
useInstance,
|
|
554
|
-
|
|
561
|
+
default122 as useIsMounted,
|
|
555
562
|
useLabels,
|
|
563
|
+
useSavedState,
|
|
556
564
|
useSelectionPath,
|
|
557
565
|
useTheme,
|
|
558
|
-
|
|
566
|
+
default121 as useUniqueId,
|
|
559
567
|
useWidth,
|
|
560
568
|
default111 as verticalNavigationClasses,
|
|
561
569
|
default112 as verticalNavigationHeaderClasses,
|
|
562
570
|
default116 as verticalNavigationSliderClasses,
|
|
563
571
|
default115 as verticalNavigationTreeClasses,
|
|
564
572
|
default16 as warningTextClasses,
|
|
565
|
-
|
|
566
|
-
|
|
573
|
+
default129 as withId,
|
|
574
|
+
default128 as withTooltip,
|
|
567
575
|
wrapperTooltip
|
|
568
576
|
};
|
|
569
577
|
//# sourceMappingURL=index.js.map
|
package/dist/esm/index.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
|
|
@@ -0,0 +1,19 @@
|
|
|
1
|
+
import { useState, useCallback } from "react";
|
|
2
|
+
function useSavedState(defaultState) {
|
|
3
|
+
const [initialState] = useState(defaultState);
|
|
4
|
+
const [state, setState] = useState(initialState);
|
|
5
|
+
const [submittedState, setSubmittedState] = useState(initialState);
|
|
6
|
+
const changeState = useCallback((value, save = false) => {
|
|
7
|
+
setState(value);
|
|
8
|
+
if (save)
|
|
9
|
+
setSubmittedState(value);
|
|
10
|
+
}, []);
|
|
11
|
+
const rollback = () => {
|
|
12
|
+
setState(submittedState);
|
|
13
|
+
};
|
|
14
|
+
return [state, changeState, rollback, submittedState, initialState];
|
|
15
|
+
}
|
|
16
|
+
export {
|
|
17
|
+
useSavedState
|
|
18
|
+
};
|
|
19
|
+
//# sourceMappingURL=useSavedState.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"useSavedState.js","sources":["../../../src/utils/useSavedState.ts"],"sourcesContent":["import { useCallback, useState } from \"react\";\n\nexport function useSavedState<T>(\n defaultState: T\n): [T | undefined, (v?: T, s?: boolean) => void, () => void, T | undefined, T] {\n const [initialState] = useState<T>(defaultState);\n\n const [state, setState] = useState<T | undefined>(initialState);\n const [submittedState, setSubmittedState] = useState<T | undefined>(\n initialState\n );\n\n const changeState = useCallback((value?: T, save = false) => {\n setState(value);\n if (save) setSubmittedState(value);\n }, []);\n\n const rollback = () => {\n setState(submittedState);\n };\n\n return [state, changeState, rollback, submittedState, initialState];\n}\n"],"names":["useSavedState","defaultState","initialState","useState","state","setState","submittedState","setSubmittedState","changeState","useCallback","value","save","rollback"],"mappings":";AAEO,SAASA,cACdC,cAC6E;AAC7E,QAAM,CAACC,YAAY,IAAIC,SAAYF,YAAY;AAE/C,QAAM,CAACG,OAAOC,QAAQ,IAAIF,SAAwBD,YAAY;AAC9D,QAAM,CAACI,gBAAgBC,iBAAiB,IAAIJ,SAC1CD,YAAY;AAGd,QAAMM,cAAcC,YAAY,CAACC,OAAWC,OAAO,UAAU;AAC3DN,aAASK,KAAK;AACVC,QAAAA;AAAMJ,wBAAkBG,KAAK;AAAA,EACnC,GAAG,CAAE,CAAA;AAEL,QAAME,WAAWA,MAAM;AACrBP,aAASC,cAAc;AAAA,EAAA;AAGzB,SAAO,CAACF,OAAOI,aAAaI,UAAUN,gBAAgBJ,YAAY;AACpE;"}
|
package/dist/types/index.d.ts
CHANGED
|
@@ -296,6 +296,8 @@ export declare const fileClasses: HvFileClasses;
|
|
|
296
296
|
|
|
297
297
|
export declare const fileUploaderPreviewClasses: HvFileUploaderPreviewClasses;
|
|
298
298
|
|
|
299
|
+
export declare const filterGroupClasses: HvFilterGroupClasses;
|
|
300
|
+
|
|
299
301
|
/**
|
|
300
302
|
* Scans the element's children looking for the children IDs that match the different form element types.
|
|
301
303
|
* This function will produce an object that has a key for each provided name
|
|
@@ -1503,6 +1505,7 @@ export declare const HvButton: React_2.ForwardRefExoticComponent<HvButtonProps &
|
|
|
1503
1505
|
export declare interface HvButtonClasses {
|
|
1504
1506
|
root?: string;
|
|
1505
1507
|
startIcon?: string;
|
|
1508
|
+
endIcon?: string;
|
|
1506
1509
|
focusVisible?: string;
|
|
1507
1510
|
}
|
|
1508
1511
|
|
|
@@ -1515,6 +1518,8 @@ export declare interface HvButtonProps extends React_2.ButtonHTMLAttributes<HTML
|
|
|
1515
1518
|
className?: string;
|
|
1516
1519
|
/** Element placed before the children. */
|
|
1517
1520
|
startIcon?: ReactElement;
|
|
1521
|
+
/** Element placed after the children. */
|
|
1522
|
+
endIcon?: ReactElement;
|
|
1518
1523
|
/** Button size. */
|
|
1519
1524
|
size?: HvButtonSize;
|
|
1520
1525
|
/** Button border radius. */
|
|
@@ -2138,6 +2143,198 @@ declare interface HvDateColumnCellProp {
|
|
|
2138
2143
|
date?: string;
|
|
2139
2144
|
}
|
|
2140
2145
|
|
|
2146
|
+
/**
|
|
2147
|
+
* A date picker, popup calendar or date range picker is a graphical user
|
|
2148
|
+
* interface widget which allows the user to select a date from a calendar.
|
|
2149
|
+
*/
|
|
2150
|
+
export declare const HvDatePicker: ({ classes, className, id, name, required, disabled, readOnly, label, "aria-label": ariaLabel, "aria-labelledby": ariaLabelledBy, description, "aria-describedby": ariaDescribedBy, onChange, onCancel, onClear, status, statusMessage, "aria-errormessage": ariaErrorMessage, placeholder, labels: labelsProp, value, startValue, endValue, rangeMode, startAdornment, horizontalPlacement, locale: localeProp, showActions, showClear, disablePortal, escapeWithReference, dropdownProps, calendarProps, ...others }: HvDatePickerProps) => JSX_2.Element;
|
|
2151
|
+
|
|
2152
|
+
declare type HvDatePickerClasses = {
|
|
2153
|
+
root?: string;
|
|
2154
|
+
labelContainer?: string;
|
|
2155
|
+
label?: string;
|
|
2156
|
+
description?: string;
|
|
2157
|
+
error?: string;
|
|
2158
|
+
placeholder?: string;
|
|
2159
|
+
selectionDisabled?: string;
|
|
2160
|
+
dropdown?: string;
|
|
2161
|
+
panel?: string;
|
|
2162
|
+
action?: string;
|
|
2163
|
+
icon?: string;
|
|
2164
|
+
dropdownHeader?: string;
|
|
2165
|
+
dropdownHeaderInvalid?: string;
|
|
2166
|
+
dropdownHeaderOpen?: string;
|
|
2167
|
+
actionContainer?: string;
|
|
2168
|
+
leftContainer?: string;
|
|
2169
|
+
rightContainer?: string;
|
|
2170
|
+
};
|
|
2171
|
+
|
|
2172
|
+
export declare interface HvDatePickerProps extends HvBaseProps<HTMLDivElement, {
|
|
2173
|
+
onChange: any;
|
|
2174
|
+
}> {
|
|
2175
|
+
/**
|
|
2176
|
+
* Class names to be applied.
|
|
2177
|
+
*/
|
|
2178
|
+
className?: string;
|
|
2179
|
+
/**
|
|
2180
|
+
* A Jss Object used to override or extend the component styles applied.
|
|
2181
|
+
*/
|
|
2182
|
+
classes?: HvDatePickerClasses;
|
|
2183
|
+
/**
|
|
2184
|
+
* Id to be applied to the form element root node.
|
|
2185
|
+
*/
|
|
2186
|
+
id?: string;
|
|
2187
|
+
/**
|
|
2188
|
+
* The form element name.
|
|
2189
|
+
*/
|
|
2190
|
+
name?: string;
|
|
2191
|
+
/**
|
|
2192
|
+
* The label of the form element.
|
|
2193
|
+
*
|
|
2194
|
+
* The form element must be labeled for accessibility reasons.
|
|
2195
|
+
* If not provided, an aria-label or aria-labelledby must be provided instead.
|
|
2196
|
+
*/
|
|
2197
|
+
label?: React.ReactNode;
|
|
2198
|
+
/**
|
|
2199
|
+
* @ignore
|
|
2200
|
+
*/
|
|
2201
|
+
"aria-label"?: string;
|
|
2202
|
+
/**
|
|
2203
|
+
* @ignore
|
|
2204
|
+
*/
|
|
2205
|
+
"aria-labelledby"?: string;
|
|
2206
|
+
/**
|
|
2207
|
+
* Provide additional descriptive text for the form element.
|
|
2208
|
+
*/
|
|
2209
|
+
description?: React.ReactNode;
|
|
2210
|
+
/**
|
|
2211
|
+
* @ignore
|
|
2212
|
+
*/
|
|
2213
|
+
"aria-describedby"?: string;
|
|
2214
|
+
/**
|
|
2215
|
+
* The placeholder value when nothing is selected.
|
|
2216
|
+
*/
|
|
2217
|
+
placeholder?: string;
|
|
2218
|
+
/**
|
|
2219
|
+
* Indicates that the form element is disabled.
|
|
2220
|
+
*/
|
|
2221
|
+
disabled?: boolean;
|
|
2222
|
+
/**
|
|
2223
|
+
* Indicates that user input is required on the form element.
|
|
2224
|
+
*/
|
|
2225
|
+
required?: boolean;
|
|
2226
|
+
/**
|
|
2227
|
+
* The status of the form element.
|
|
2228
|
+
*
|
|
2229
|
+
* Valid is correct, invalid is incorrect and standBy means no validations have run.
|
|
2230
|
+
*
|
|
2231
|
+
* When uncontrolled and unspecified it will default to "standBy" and change to either "valid"
|
|
2232
|
+
* or "invalid" after any change to the state.
|
|
2233
|
+
*/
|
|
2234
|
+
status?: HvDatePickerStatus;
|
|
2235
|
+
/**
|
|
2236
|
+
* The error message to show when the validation status is "invalid".
|
|
2237
|
+
*
|
|
2238
|
+
* Defaults to "Required" when the status is uncontrolled and no `aria-errormessage` is provided.
|
|
2239
|
+
*/
|
|
2240
|
+
statusMessage?: React.ReactNode;
|
|
2241
|
+
/**
|
|
2242
|
+
* Identifies the element that provides an error message for the date picker.
|
|
2243
|
+
*
|
|
2244
|
+
* Will only be used when the validation status is invalid.
|
|
2245
|
+
*/
|
|
2246
|
+
"aria-errormessage"?: string;
|
|
2247
|
+
/**
|
|
2248
|
+
* The callback fired when the value changes.
|
|
2249
|
+
*/
|
|
2250
|
+
onChange?: (date?: Date, endDate?: Date) => void;
|
|
2251
|
+
/**
|
|
2252
|
+
* The callback fired when user clicks on cancel.
|
|
2253
|
+
*/
|
|
2254
|
+
onCancel?: () => void;
|
|
2255
|
+
/**
|
|
2256
|
+
* The callback fired when user clicks on clear.
|
|
2257
|
+
*/
|
|
2258
|
+
onClear?: () => void;
|
|
2259
|
+
/**
|
|
2260
|
+
* An object containing all the labels for the datepicker.
|
|
2261
|
+
*/
|
|
2262
|
+
labels?: {
|
|
2263
|
+
/**
|
|
2264
|
+
* Apply button label.
|
|
2265
|
+
*/
|
|
2266
|
+
applyLabel?: string;
|
|
2267
|
+
/**
|
|
2268
|
+
* Cancel button label.
|
|
2269
|
+
*/
|
|
2270
|
+
cancelLabel?: string;
|
|
2271
|
+
/**
|
|
2272
|
+
* Clear button label.
|
|
2273
|
+
*/
|
|
2274
|
+
clearLabel?: string;
|
|
2275
|
+
};
|
|
2276
|
+
/**
|
|
2277
|
+
* The initial value of the input when in single calendar mode.
|
|
2278
|
+
*/
|
|
2279
|
+
value?: Date;
|
|
2280
|
+
/**
|
|
2281
|
+
* The initial value for the start date when in range mode.
|
|
2282
|
+
*/
|
|
2283
|
+
startValue?: Date;
|
|
2284
|
+
/**
|
|
2285
|
+
* The initial value for the end date when in range mode.
|
|
2286
|
+
*/
|
|
2287
|
+
endValue?: Date;
|
|
2288
|
+
/**
|
|
2289
|
+
* Flag informing if the the component should be in range mode or in single mode.
|
|
2290
|
+
*/
|
|
2291
|
+
rangeMode?: boolean;
|
|
2292
|
+
/**
|
|
2293
|
+
* The placement where the calendar should be placed according to the input. Options are `left` or `right`.
|
|
2294
|
+
* Note this prop only affects the calendar when in `rangeMode`.
|
|
2295
|
+
*/
|
|
2296
|
+
horizontalPlacement?: "left" | "right";
|
|
2297
|
+
/**
|
|
2298
|
+
* The calendar locale. If undefined, it uses calendar default
|
|
2299
|
+
*/
|
|
2300
|
+
locale?: string;
|
|
2301
|
+
/**
|
|
2302
|
+
* Controls if actions buttons are visible at the calendar.
|
|
2303
|
+
*/
|
|
2304
|
+
showActions?: boolean;
|
|
2305
|
+
/**
|
|
2306
|
+
* Controls if clear button is visible at the calendar,
|
|
2307
|
+
* only works if showing actions or in range mode.
|
|
2308
|
+
*/
|
|
2309
|
+
showClear?: boolean;
|
|
2310
|
+
/**
|
|
2311
|
+
* Disable the portal behavior. The children stay within it's parent DOM hierarchy.
|
|
2312
|
+
*/
|
|
2313
|
+
disablePortal?: boolean;
|
|
2314
|
+
/**
|
|
2315
|
+
* Sets if the calendar container should follow the date picker input out of the screen or stay visible.
|
|
2316
|
+
*/
|
|
2317
|
+
escapeWithReference?: boolean;
|
|
2318
|
+
/**
|
|
2319
|
+
* An element placed before the Calendar
|
|
2320
|
+
*/
|
|
2321
|
+
startAdornment?: React.ReactNode;
|
|
2322
|
+
/**
|
|
2323
|
+
* An object containing props to be passed onto the baseDropdown.
|
|
2324
|
+
*/
|
|
2325
|
+
dropdownProps?: Object;
|
|
2326
|
+
/**
|
|
2327
|
+
* If `true` the DatePicker will be in read only mode, unable to be interacted.
|
|
2328
|
+
*/
|
|
2329
|
+
readOnly?: boolean;
|
|
2330
|
+
/**
|
|
2331
|
+
* Additional props passed to the HvCalendar component.
|
|
2332
|
+
*/
|
|
2333
|
+
calendarProps?: Partial<HvCalendarProps>;
|
|
2334
|
+
}
|
|
2335
|
+
|
|
2336
|
+
export declare type HvDatePickerStatus = "standBy" | "valid" | "invalid";
|
|
2337
|
+
|
|
2141
2338
|
export declare const HvDialog: ({ classes, className, id, children, open, onClose, firstFocusable, buttonTitle, fullscreen, disableBackdropClick, ...others }: HvDialogProps) => JSX_2.Element;
|
|
2142
2339
|
|
|
2143
2340
|
export declare interface HvDialogActionClasses {
|
|
@@ -2890,6 +3087,137 @@ export declare interface HvFileUploaderProps extends HvBaseProps {
|
|
|
2890
3087
|
inputProps?: React.InputHTMLAttributes<HTMLInputElement>;
|
|
2891
3088
|
}
|
|
2892
3089
|
|
|
3090
|
+
/**
|
|
3091
|
+
* This component implements one potential use-case of the Filter Group pattern Design System Specifies.
|
|
3092
|
+
* Due to the enormous variety of capabilities required for this, we strongly recommend checking the code of the component and extend it yourself,
|
|
3093
|
+
* while we do not provide a better approach for building this component with smaller and more composable parts.
|
|
3094
|
+
*/
|
|
3095
|
+
export declare const HvFilterGroup: ({ className, id, name, required, disabled, label, "aria-label": ariaLabel, "aria-labelledby": ariaLabelledBy, description, "aria-describedby": ariaDescribedBy, onChange, onCancel, onClear, status, statusMessage, labels: labelsProp, defaultValue, value, filters, horizontalPlacement, disablePortal, escapeWithReference, height, filterContentProps, classes, ...others }: HvFilterGroupProps) => JSX_2.Element;
|
|
3096
|
+
|
|
3097
|
+
export declare interface HvFilterGroupClasses {
|
|
3098
|
+
root?: string;
|
|
3099
|
+
labelContainer?: string;
|
|
3100
|
+
label?: string;
|
|
3101
|
+
description?: string;
|
|
3102
|
+
error?: string;
|
|
3103
|
+
}
|
|
3104
|
+
|
|
3105
|
+
declare interface HvFilterGroupContentClasses {
|
|
3106
|
+
dropdown?: string;
|
|
3107
|
+
panel?: string;
|
|
3108
|
+
baseDropdownSelection?: string;
|
|
3109
|
+
header?: string;
|
|
3110
|
+
root?: string;
|
|
3111
|
+
leftSidePanel?: string;
|
|
3112
|
+
rightSidePanel?: string;
|
|
3113
|
+
actionBar?: string;
|
|
3114
|
+
space?: string;
|
|
3115
|
+
}
|
|
3116
|
+
|
|
3117
|
+
declare interface HvFilterGroupContentProps extends Omit<HvBaseDropdownProps, "onChange"> {
|
|
3118
|
+
description?: React.ReactNode;
|
|
3119
|
+
status?: HvFormStatus;
|
|
3120
|
+
onChange?: (event: React.MouseEvent<HTMLButtonElement>, value?: HvFilterGroupValue) => void;
|
|
3121
|
+
onCancel?: (event: React.MouseEvent<HTMLButtonElement> | Event) => void;
|
|
3122
|
+
onClear?: (event: React.MouseEvent<HTMLButtonElement>) => void;
|
|
3123
|
+
labels?: HvFilterGroupLabels;
|
|
3124
|
+
horizontalPlacement?: HvFilterGroupHorizontalPlacement;
|
|
3125
|
+
disablePortal?: boolean;
|
|
3126
|
+
escapeWithReference?: boolean;
|
|
3127
|
+
height?: string | number;
|
|
3128
|
+
leftEmptyElement?: React.ReactNode;
|
|
3129
|
+
rightEmptyElement?: React.ReactNode;
|
|
3130
|
+
disabled?: boolean;
|
|
3131
|
+
classes?: HvFilterGroupContentClasses;
|
|
3132
|
+
}
|
|
3133
|
+
|
|
3134
|
+
export declare type HvFilterGroupFilters = {
|
|
3135
|
+
id: string;
|
|
3136
|
+
name: string;
|
|
3137
|
+
data: {
|
|
3138
|
+
id: string | number;
|
|
3139
|
+
name: string;
|
|
3140
|
+
}[];
|
|
3141
|
+
}[];
|
|
3142
|
+
|
|
3143
|
+
export declare type HvFilterGroupHorizontalPlacement = "left" | "right";
|
|
3144
|
+
|
|
3145
|
+
export declare interface HvFilterGroupLabels {
|
|
3146
|
+
/** Apply button label. */
|
|
3147
|
+
applyLabel?: string;
|
|
3148
|
+
/** Cancel button label. */
|
|
3149
|
+
cancelLabel?: string;
|
|
3150
|
+
/** Cancel button label. */
|
|
3151
|
+
clearLabel?: string;
|
|
3152
|
+
/** Placeholder label. */
|
|
3153
|
+
placeholder?: string;
|
|
3154
|
+
/** SearchBox placeholder label. */
|
|
3155
|
+
searchBoxPlaceholder?: string;
|
|
3156
|
+
/** Select All placeholder label. */
|
|
3157
|
+
selectAll?: string;
|
|
3158
|
+
/** Multi selection conjunction placeholder label. */
|
|
3159
|
+
multiSelectionConjunction?: string;
|
|
3160
|
+
}
|
|
3161
|
+
|
|
3162
|
+
export declare interface HvFilterGroupProps extends Omit<HvFormElementProps, "onChange" | "defaultValue" | "statusMessage"> {
|
|
3163
|
+
/** The initial value of the input when in single calendar mode. */
|
|
3164
|
+
filters: HvFilterGroupFilters;
|
|
3165
|
+
/** The form element name. */
|
|
3166
|
+
name?: string;
|
|
3167
|
+
/**
|
|
3168
|
+
* The label of the form element.
|
|
3169
|
+
*
|
|
3170
|
+
* The form element must be labeled for accessibility reasons.
|
|
3171
|
+
* If not provided, an aria-label or aria-labelledby must be provided instead.
|
|
3172
|
+
*/
|
|
3173
|
+
label?: React.ReactNode;
|
|
3174
|
+
/** Provide additional descriptive text for the form element. */
|
|
3175
|
+
description?: React.ReactNode;
|
|
3176
|
+
/** Indicates that the form element is disabled. */
|
|
3177
|
+
disabled?: boolean;
|
|
3178
|
+
/** Indicates that user input is required on the form element. */
|
|
3179
|
+
required?: boolean;
|
|
3180
|
+
/**
|
|
3181
|
+
* The status of the form element.
|
|
3182
|
+
*
|
|
3183
|
+
* Valid is correct, invalid is incorrect and standBy means no validations have run.
|
|
3184
|
+
*
|
|
3185
|
+
* When uncontrolled and unspecified it will default to "standBy" and change to either "valid"
|
|
3186
|
+
* or "invalid" after any change to the state.
|
|
3187
|
+
*/
|
|
3188
|
+
status?: HvFormStatus;
|
|
3189
|
+
/** The error message to show when `status` is "invalid". Defaults to "Required". */
|
|
3190
|
+
statusMessage?: React.ReactNode;
|
|
3191
|
+
/** The callback fired when the cancel button is clicked. */
|
|
3192
|
+
onCancel?: (event: React.MouseEvent<HTMLButtonElement> | Event) => void;
|
|
3193
|
+
/** The callback fired when the clear filters button is clicked. */
|
|
3194
|
+
onClear?: (event: React.MouseEvent<HTMLButtonElement>) => void;
|
|
3195
|
+
/** The callback fired when the value changes. */
|
|
3196
|
+
onChange?: (event: React.MouseEvent<HTMLButtonElement>, value?: HvFilterGroupValue) => void;
|
|
3197
|
+
/** An Object containing the various text associated with the input. */
|
|
3198
|
+
labels?: HvFilterGroupLabels;
|
|
3199
|
+
/** The placeholder value when nothing is selected. */
|
|
3200
|
+
placeholder?: string;
|
|
3201
|
+
/** The default value of the filter group. If defined the clear action will reset to it. */
|
|
3202
|
+
defaultValue?: HvFilterGroupValue;
|
|
3203
|
+
/** The value of the filter group. */
|
|
3204
|
+
value?: HvFilterGroupValue;
|
|
3205
|
+
/** The placement where the filter group should be placed according to the input. Options are `left` or `right`. */
|
|
3206
|
+
horizontalPlacement?: HvFilterGroupHorizontalPlacement;
|
|
3207
|
+
/** Disable the portal behavior. The children stay within it's parent DOM hierarchy. */
|
|
3208
|
+
disablePortal?: boolean;
|
|
3209
|
+
/** Sets if the filter container should be out of the screen or stay visible. */
|
|
3210
|
+
escapeWithReference?: boolean;
|
|
3211
|
+
/** The height of the filter panel, between 295 and 425. Defaults to 350 */
|
|
3212
|
+
height?: number | string;
|
|
3213
|
+
/** The filter content props */
|
|
3214
|
+
filterContentProps?: Partial<HvFilterGroupContentProps>;
|
|
3215
|
+
/** A Jss Object used to override or extend the styles applied to the component. */
|
|
3216
|
+
classes?: HvFilterGroupClasses;
|
|
3217
|
+
}
|
|
3218
|
+
|
|
3219
|
+
export declare type HvFilterGroupValue = (string | number)[][];
|
|
3220
|
+
|
|
2893
3221
|
export declare const HvFocus: ({ classes, children, configuration, disabledClass, selected, disabled, rootRef, focusOnClick, focusDisabled, strategy, useFalseFocus, filterClass, navigationJump, }: HvFocusProps) => JSX_2.Element;
|
|
2894
3222
|
|
|
2895
3223
|
export declare interface HvFocusClasses {
|
|
@@ -7338,6 +7666,8 @@ export declare type UseRowSelectionProps = (<D extends object = Record<string, u
|
|
|
7338
7666
|
pluginName: string;
|
|
7339
7667
|
};
|
|
7340
7668
|
|
|
7669
|
+
export declare function useSavedState<T>(defaultState: T): [T | undefined, (v?: T, s?: boolean) => void, () => void, T | undefined, T];
|
|
7670
|
+
|
|
7341
7671
|
export declare const useSelectionPath: (data: any, selectedId: any) => string[];
|
|
7342
7672
|
|
|
7343
7673
|
export declare type UseTableStylesProps = (<D extends object = Record<string, unknown>>(hooks: Hooks<D>) => void) & {
|