@hitachivantara/uikit-react-core 4.4.3 → 5.0.0-next.10

package/dist/esm/components/DotPagination/DotPagination.styles.js

@@ -0,0 +1,75 @@
+import { jsx } from "@emotion/react/jsx-runtime";
+import _styled from "@emotion/styled/base";
+import { theme } from "@hitachivantara/uikit-styles";
+import dotPaginationClasses from "./dotPaginationClasses.js";
+import { OtherStep, CurrentStep } from "@hitachivantara/uikit-react-icons";
+import { HvRadioGroup } from "../RadioGroup/RadioGroup.js";
+import { HvRadio } from "../Radio/Radio.js";
+function _EMOTION_STRINGIFIED_CSS_ERROR__() {
+  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).";
+}
+const StyledRadioGroup = /* @__PURE__ */ _styled((props) => /* @__PURE__ */ jsx(HvRadioGroup, { ...props }), process.env.NODE_ENV === "production" ? {
+  target: "e1buriah3"
+} : {
+  target: "e1buriah3",
+  label: "StyledRadioGroup"
+})({
+  display: "flex",
+  justifyContent: "center",
+  [`& .${dotPaginationClasses.horizontal}`]: {
+    marginLeft: 0,
+    width: "auto"
+  }
+}, process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvRG90UGFnaW5hdGlvbi9Eb3RQYWdpbmF0aW9uLnN0eWxlcy50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBTWdDIiwiZmlsZSI6Ii9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvRG90UGFnaW5hdGlvbi9Eb3RQYWdpbmF0aW9uLnN0eWxlcy50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgc3R5bGVkIGZyb20gXCJAZW1vdGlvbi9zdHlsZWRcIjtcbmltcG9ydCB7IEh2UmFkaW8sIEh2UmFkaW9Hcm91cCB9IGZyb20gXCJjb21wb25lbnRzXCI7XG5pbXBvcnQgeyB0aGVtZSB9IGZyb20gXCJAaGl0YWNoaXZhbnRhcmEvdWlraXQtc3R5bGVzXCI7XG5pbXBvcnQgZG90UGFnaW5hdGlvbkNsYXNzZXMgZnJvbSBcIi4vZG90UGFnaW5hdGlvbkNsYXNzZXNcIjtcbmltcG9ydCB7IEN1cnJlbnRTdGVwLCBPdGhlclN0ZXAgfSBmcm9tIFwiQGhpdGFjaGl2YW50YXJhL3Vpa2l0LXJlYWN0LWljb25zXCI7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRSYWRpb0dyb3VwID0gc3R5bGVkKChwcm9wcykgPT4gPEh2UmFkaW9Hcm91cCB7Li4ucHJvcHN9IC8+KSh7XG4gIGRpc3BsYXk6IFwiZmxleFwiLFxuICBqdXN0aWZ5Q29udGVudDogXCJjZW50ZXJcIixcblxuICBbYCYgLiR7ZG90UGFnaW5hdGlvbkNsYXNzZXMuaG9yaXpvbnRhbH1gXToge1xuICAgIG1hcmdpbkxlZnQ6IDAsXG4gICAgd2lkdGg6IFwiYXV0b1wiLFxuICB9LFxufSk7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRSYWRpbyA9IHN0eWxlZCgocHJvcHMpID0+IDxIdlJhZGlvIHsuLi5wcm9wc30gLz4pKHtcbiAgW2AmLiR7ZG90UGFnaW5hdGlvbkNsYXNzZXMucmFkaW9Sb290fWBdOiB7XG4gICAgbWFyZ2luTGVmdDogXCI4cHhcIixcbiAgfSxcblxuICBbYCYgLiR7ZG90UGFnaW5hdGlvbkNsYXNzZXMucmFkaW99YF06IHtcbiAgICBoZWlnaHQ6IFwiMTZweFwiLFxuXG4gICAgXCImOmhvdmVyXCI6IHtcbiAgICAgIGJhY2tncm91bmRDb2xvcjogdGhlbWUuY29sb3JzLnNlbWE3LFxuICAgICAgYm9yZGVyUmFkaXVzOiBcIjEwMCVcIixcbiAgICB9LFxuICB9LFxufSk7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRPdGhlclN0ZXAgPSBzdHlsZWQoT3RoZXJTdGVwKSh7XG4gIHdpZHRoOiBcIjE2cHhcIixcbiAgaGVpZ2h0OiBcIjE2cHhcIixcbn0pO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkQ3VycmVudFN0ZXAgPSBzdHlsZWQoQ3VycmVudFN0ZXApKHtcbiAgd2lkdGg6IFwiMTZweFwiLFxuICBoZWlnaHQ6IFwiMTZweFwiLFxufSk7XG4iXX0= */");
+const StyledRadio = /* @__PURE__ */ _styled((props) => /* @__PURE__ */ jsx(HvRadio, { ...props }), process.env.NODE_ENV === "production" ? {
+  target: "e1buriah2"
+} : {
+  target: "e1buriah2",
+  label: "StyledRadio"
+})({
+  [`&.${dotPaginationClasses.radioRoot}`]: {
+    marginLeft: "8px"
+  },
+  [`& .${dotPaginationClasses.radio}`]: {
+    height: "16px",
+    "&:hover": {
+      backgroundColor: theme.colors.sema7,
+      borderRadius: "100%"
+    }
+  }
+}, process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvRG90UGFnaW5hdGlvbi9Eb3RQYWdpbmF0aW9uLnN0eWxlcy50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBZ0IyQiIsImZpbGUiOiIvaG9tZS9ydW5uZXIvd29yay9odi11aWtpdC1yZWFjdC9odi11aWtpdC1yZWFjdC9wYWNrYWdlcy9jb3JlL3NyYy9jb21wb25lbnRzL0RvdFBhZ2luYXRpb24vRG90UGFnaW5hdGlvbi5zdHlsZXMudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHN0eWxlZCBmcm9tIFwiQGVtb3Rpb24vc3R5bGVkXCI7XG5pbXBvcnQgeyBIdlJhZGlvLCBIdlJhZGlvR3JvdXAgfSBmcm9tIFwiY29tcG9uZW50c1wiO1xuaW1wb3J0IHsgdGhlbWUgfSBmcm9tIFwiQGhpdGFjaGl2YW50YXJhL3Vpa2l0LXN0eWxlc1wiO1xuaW1wb3J0IGRvdFBhZ2luYXRpb25DbGFzc2VzIGZyb20gXCIuL2RvdFBhZ2luYXRpb25DbGFzc2VzXCI7XG5pbXBvcnQgeyBDdXJyZW50U3RlcCwgT3RoZXJTdGVwIH0gZnJvbSBcIkBoaXRhY2hpdmFudGFyYS91aWtpdC1yZWFjdC1pY29uc1wiO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkUmFkaW9Hcm91cCA9IHN0eWxlZCgocHJvcHMpID0+IDxIdlJhZGlvR3JvdXAgey4uLnByb3BzfSAvPikoe1xuICBkaXNwbGF5OiBcImZsZXhcIixcbiAganVzdGlmeUNvbnRlbnQ6IFwiY2VudGVyXCIsXG5cbiAgW2AmIC4ke2RvdFBhZ2luYXRpb25DbGFzc2VzLmhvcml6b250YWx9YF06IHtcbiAgICBtYXJnaW5MZWZ0OiAwLFxuICAgIHdpZHRoOiBcImF1dG9cIixcbiAgfSxcbn0pO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkUmFkaW8gPSBzdHlsZWQoKHByb3BzKSA9PiA8SHZSYWRpbyB7Li4ucHJvcHN9IC8+KSh7XG4gIFtgJi4ke2RvdFBhZ2luYXRpb25DbGFzc2VzLnJhZGlvUm9vdH1gXToge1xuICAgIG1hcmdpbkxlZnQ6IFwiOHB4XCIsXG4gIH0sXG5cbiAgW2AmIC4ke2RvdFBhZ2luYXRpb25DbGFzc2VzLnJhZGlvfWBdOiB7XG4gICAgaGVpZ2h0OiBcIjE2cHhcIixcblxuICAgIFwiJjpob3ZlclwiOiB7XG4gICAgICBiYWNrZ3JvdW5kQ29sb3I6IHRoZW1lLmNvbG9ycy5zZW1hNyxcbiAgICAgIGJvcmRlclJhZGl1czogXCIxMDAlXCIsXG4gICAgfSxcbiAgfSxcbn0pO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkT3RoZXJTdGVwID0gc3R5bGVkKE90aGVyU3RlcCkoe1xuICB3aWR0aDogXCIxNnB4XCIsXG4gIGhlaWdodDogXCIxNnB4XCIsXG59KTtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZEN1cnJlbnRTdGVwID0gc3R5bGVkKEN1cnJlbnRTdGVwKSh7XG4gIHdpZHRoOiBcIjE2cHhcIixcbiAgaGVpZ2h0OiBcIjE2cHhcIixcbn0pO1xuIl19 */");
+const StyledOtherStep = /* @__PURE__ */ _styled(OtherStep, process.env.NODE_ENV === "production" ? {
+  target: "e1buriah1"
+} : {
+  target: "e1buriah1",
+  label: "StyledOtherStep"
+})(process.env.NODE_ENV === "production" ? {
+  name: "157xhr7",
+  styles: "width:16px;height:16px"
+} : {
+  name: "157xhr7",
+  styles: "width:16px;height:16px",
+  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvRG90UGFnaW5hdGlvbi9Eb3RQYWdpbmF0aW9uLnN0eWxlcy50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBK0IrQiIsImZpbGUiOiIvaG9tZS9ydW5uZXIvd29yay9odi11aWtpdC1yZWFjdC9odi11aWtpdC1yZWFjdC9wYWNrYWdlcy9jb3JlL3NyYy9jb21wb25lbnRzL0RvdFBhZ2luYXRpb24vRG90UGFnaW5hdGlvbi5zdHlsZXMudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHN0eWxlZCBmcm9tIFwiQGVtb3Rpb24vc3R5bGVkXCI7XG5pbXBvcnQgeyBIdlJhZGlvLCBIdlJhZGlvR3JvdXAgfSBmcm9tIFwiY29tcG9uZW50c1wiO1xuaW1wb3J0IHsgdGhlbWUgfSBmcm9tIFwiQGhpdGFjaGl2YW50YXJhL3Vpa2l0LXN0eWxlc1wiO1xuaW1wb3J0IGRvdFBhZ2luYXRpb25DbGFzc2VzIGZyb20gXCIuL2RvdFBhZ2luYXRpb25DbGFzc2VzXCI7XG5pbXBvcnQgeyBDdXJyZW50U3RlcCwgT3RoZXJTdGVwIH0gZnJvbSBcIkBoaXRhY2hpdmFudGFyYS91aWtpdC1yZWFjdC1pY29uc1wiO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkUmFkaW9Hcm91cCA9IHN0eWxlZCgocHJvcHMpID0+IDxIdlJhZGlvR3JvdXAgey4uLnByb3BzfSAvPikoe1xuICBkaXNwbGF5OiBcImZsZXhcIixcbiAganVzdGlmeUNvbnRlbnQ6IFwiY2VudGVyXCIsXG5cbiAgW2AmIC4ke2RvdFBhZ2luYXRpb25DbGFzc2VzLmhvcml6b250YWx9YF06IHtcbiAgICBtYXJnaW5MZWZ0OiAwLFxuICAgIHdpZHRoOiBcImF1dG9cIixcbiAgfSxcbn0pO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkUmFkaW8gPSBzdHlsZWQoKHByb3BzKSA9PiA8SHZSYWRpbyB7Li4ucHJvcHN9IC8+KSh7XG4gIFtgJi4ke2RvdFBhZ2luYXRpb25DbGFzc2VzLnJhZGlvUm9vdH1gXToge1xuICAgIG1hcmdpbkxlZnQ6IFwiOHB4XCIsXG4gIH0sXG5cbiAgW2AmIC4ke2RvdFBhZ2luYXRpb25DbGFzc2VzLnJhZGlvfWBdOiB7XG4gICAgaGVpZ2h0OiBcIjE2cHhcIixcblxuICAgIFwiJjpob3ZlclwiOiB7XG4gICAgICBiYWNrZ3JvdW5kQ29sb3I6IHRoZW1lLmNvbG9ycy5zZW1hNyxcbiAgICAgIGJvcmRlclJhZGl1czogXCIxMDAlXCIsXG4gICAgfSxcbiAgfSxcbn0pO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkT3RoZXJTdGVwID0gc3R5bGVkKE90aGVyU3RlcCkoe1xuICB3aWR0aDogXCIxNnB4XCIsXG4gIGhlaWdodDogXCIxNnB4XCIsXG59KTtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZEN1cnJlbnRTdGVwID0gc3R5bGVkKEN1cnJlbnRTdGVwKSh7XG4gIHdpZHRoOiBcIjE2cHhcIixcbiAgaGVpZ2h0OiBcIjE2cHhcIixcbn0pO1xuIl19 */",
+  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
+});
+const StyledCurrentStep = /* @__PURE__ */ _styled(CurrentStep, process.env.NODE_ENV === "production" ? {
+  target: "e1buriah0"
+} : {
+  target: "e1buriah0",
+  label: "StyledCurrentStep"
+})(process.env.NODE_ENV === "production" ? {
+  name: "157xhr7",
+  styles: "width:16px;height:16px"
+} : {
+  name: "157xhr7",
+  styles: "width:16px;height:16px",
+  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvRG90UGFnaW5hdGlvbi9Eb3RQYWdpbmF0aW9uLnN0eWxlcy50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBb0NpQyIsImZpbGUiOiIvaG9tZS9ydW5uZXIvd29yay9odi11aWtpdC1yZWFjdC9odi11aWtpdC1yZWFjdC9wYWNrYWdlcy9jb3JlL3NyYy9jb21wb25lbnRzL0RvdFBhZ2luYXRpb24vRG90UGFnaW5hdGlvbi5zdHlsZXMudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHN0eWxlZCBmcm9tIFwiQGVtb3Rpb24vc3R5bGVkXCI7XG5pbXBvcnQgeyBIdlJhZGlvLCBIdlJhZGlvR3JvdXAgfSBmcm9tIFwiY29tcG9uZW50c1wiO1xuaW1wb3J0IHsgdGhlbWUgfSBmcm9tIFwiQGhpdGFjaGl2YW50YXJhL3Vpa2l0LXN0eWxlc1wiO1xuaW1wb3J0IGRvdFBhZ2luYXRpb25DbGFzc2VzIGZyb20gXCIuL2RvdFBhZ2luYXRpb25DbGFzc2VzXCI7XG5pbXBvcnQgeyBDdXJyZW50U3RlcCwgT3RoZXJTdGVwIH0gZnJvbSBcIkBoaXRhY2hpdmFudGFyYS91aWtpdC1yZWFjdC1pY29uc1wiO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkUmFkaW9Hcm91cCA9IHN0eWxlZCgocHJvcHMpID0+IDxIdlJhZGlvR3JvdXAgey4uLnByb3BzfSAvPikoe1xuICBkaXNwbGF5OiBcImZsZXhcIixcbiAganVzdGlmeUNvbnRlbnQ6IFwiY2VudGVyXCIsXG5cbiAgW2AmIC4ke2RvdFBhZ2luYXRpb25DbGFzc2VzLmhvcml6b250YWx9YF06IHtcbiAgICBtYXJnaW5MZWZ0OiAwLFxuICAgIHdpZHRoOiBcImF1dG9cIixcbiAgfSxcbn0pO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkUmFkaW8gPSBzdHlsZWQoKHByb3BzKSA9PiA8SHZSYWRpbyB7Li4ucHJvcHN9IC8+KSh7XG4gIFtgJi4ke2RvdFBhZ2luYXRpb25DbGFzc2VzLnJhZGlvUm9vdH1gXToge1xuICAgIG1hcmdpbkxlZnQ6IFwiOHB4XCIsXG4gIH0sXG5cbiAgW2AmIC4ke2RvdFBhZ2luYXRpb25DbGFzc2VzLnJhZGlvfWBdOiB7XG4gICAgaGVpZ2h0OiBcIjE2cHhcIixcblxuICAgIFwiJjpob3ZlclwiOiB7XG4gICAgICBiYWNrZ3JvdW5kQ29sb3I6IHRoZW1lLmNvbG9ycy5zZW1hNyxcbiAgICAgIGJvcmRlclJhZGl1czogXCIxMDAlXCIsXG4gICAgfSxcbiAgfSxcbn0pO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkT3RoZXJTdGVwID0gc3R5bGVkKE90aGVyU3RlcCkoe1xuICB3aWR0aDogXCIxNnB4XCIsXG4gIGhlaWdodDogXCIxNnB4XCIsXG59KTtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZEN1cnJlbnRTdGVwID0gc3R5bGVkKEN1cnJlbnRTdGVwKSh7XG4gIHdpZHRoOiBcIjE2cHhcIixcbiAgaGVpZ2h0OiBcIjE2cHhcIixcbn0pO1xuIl19 */",
+  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
+});
+export {
+  StyledCurrentStep,
+  StyledOtherStep,
+  StyledRadio,
+  StyledRadioGroup
+};
+//# sourceMappingURL=DotPagination.styles.js.map

package/dist/esm/components/DotPagination/DotPagination.styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DotPagination.styles.js","sources":["../../../../src/components/DotPagination/DotPagination.styles.tsx"],"sourcesContent":["import styled from \"@emotion/styled\";\nimport { HvRadio, HvRadioGroup } from \"components\";\nimport { theme } from \"@hitachivantara/uikit-styles\";\nimport dotPaginationClasses from \"./dotPaginationClasses\";\nimport { CurrentStep, OtherStep } from \"@hitachivantara/uikit-react-icons\";\n\nexport const StyledRadioGroup = styled((props) => <HvRadioGroup {...props} />)({\n  display: \"flex\",\n  justifyContent: \"center\",\n\n  [`& .${dotPaginationClasses.horizontal}`]: {\n    marginLeft: 0,\n    width: \"auto\",\n  },\n});\n\nexport const StyledRadio = styled((props) => <HvRadio {...props} />)({\n  [`&.${dotPaginationClasses.radioRoot}`]: {\n    marginLeft: \"8px\",\n  },\n\n  [`& .${dotPaginationClasses.radio}`]: {\n    height: \"16px\",\n\n    \"&:hover\": {\n      backgroundColor: theme.colors.sema7,\n      borderRadius: \"100%\",\n    },\n  },\n});\n\nexport const StyledOtherStep = styled(OtherStep)({\n  width: \"16px\",\n  height: \"16px\",\n});\n\nexport const StyledCurrentStep = styled(CurrentStep)({\n  width: \"16px\",\n  height: \"16px\",\n});\n"],"names":["StyledRadioGroup","props","process","env","NODE_ENV","target","label","display","justifyContent","dotPaginationClasses","horizontal","marginLeft","width","StyledRadio","radioRoot","radio","height","backgroundColor","theme","colors","sema7","borderRadius","StyledOtherStep","OtherStep","name","styles","map","toString","_EMOTION_STRINGIFIED_CSS_ERROR__","StyledCurrentStep","CurrentStep"],"mappings":";;;;;;;;;;AAMaA,MAAAA,mBAA2BC,wBAAAA,CAAAA,UAAW,oBAAA,cAAA,EAAiBA,GAAAA,MAAAA,CAAS,GAAAC,QAAAC,IAAAC,aAAA,eAAA;AAAA,EAAAC,QAAA;AAAA,IAAA;AAAA,EAAAA,QAAA;AAAA,EAAAC,OAAA;AAAA,CAAA,EAAE;AAAA,EAC7EC,SAAS;AAAA,EACTC,gBAAgB;AAAA,EAEhB,CAAE,MAAKC,qBAAqBC,eAAe;AAAA,IACzCC,YAAY;AAAA,IACZC,OAAO;AAAA,EACT;AACF,GAACV,QAAAC,IAAAC,aAAC,eAAA,KAAA,y4DAAA;AAEWS,MAAAA,cAAsBZ,wBAAAA,CAAAA,UAAW,oBAAA,SAAA,EAAYA,GAAAA,MAAAA,CAAS,GAAAC,QAAAC,IAAAC,aAAA,eAAA;AAAA,EAAAC,QAAA;AAAA,IAAA;AAAA,EAAAA,QAAA;AAAA,EAAAC,OAAA;AAAA,CAAA,EAAE;AAAA,EACnE,CAAE,KAAIG,qBAAqBK,cAAc;AAAA,IACvCH,YAAY;AAAA,EACd;AAAA,EAEA,CAAE,MAAKF,qBAAqBM,UAAU;AAAA,IACpCC,QAAQ;AAAA,IAER,WAAW;AAAA,MACTC,iBAAiBC,MAAMC,OAAOC;AAAAA,MAC9BC,cAAc;AAAA,IAChB;AAAA,EACF;AACF,GAACnB,QAAAC,IAAAC,aAAC,eAAA,KAAA,y4DAAA;AAEK,MAAMkB,kBAAyBC,wBAAAA,WAASrB,QAAAC,IAAAC,aAAA,eAAA;AAAA,EAAAC,QAAA;AAAA,IAAA;AAAA,EAAAA,QAAA;AAAA,EAAAC,OAAA;AAAA,CAAA,EAACJ,QAAAC,IAAAC,aAAA,eAAA;AAAA,EAAAoB,MAAA;AAAA,EAAAC,QAAA;AAAA,IAAA;AAAA,EAAAD,MAAA;AAAA,EAAAC,QAAA;AAAA,EAAAC,KAAA;AAAA,EAAAC,UAAAC;AAAA,CAG9C;AAEK,MAAMC,oBAA2BC,wBAAAA,aAAW5B,QAAAC,IAAAC,aAAA,eAAA;AAAA,EAAAC,QAAA;AAAA,IAAA;AAAA,EAAAA,QAAA;AAAA,EAAAC,OAAA;AAAA,CAAA,EAACJ,QAAAC,IAAAC,aAAA,eAAA;AAAA,EAAAoB,MAAA;AAAA,EAAAC,QAAA;AAAA,IAAA;AAAA,EAAAD,MAAA;AAAA,EAAAC,QAAA;AAAA,EAAAC,KAAA;AAAA,EAAAC,UAAAC;AAAA,CAGlD;"}

package/dist/esm/components/DotPagination/dotPaginationClasses.js

@@ -0,0 +1,8 @@
+import { getClasses } from "../../utils/classes.js";
+const classKeys = ["root", "horizontal", "radioRoot", "radio", "icon"];
+const dotPaginationClasses = getClasses(classKeys, "HvDotPagination");
+const dotPaginationClasses$1 = dotPaginationClasses;
+export {
+  dotPaginationClasses$1 as default
+};
+//# sourceMappingURL=dotPaginationClasses.js.map

package/dist/esm/components/DotPagination/dotPaginationClasses.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"dotPaginationClasses.js","sources":["../../../../src/components/DotPagination/dotPaginationClasses.ts"],"sourcesContent":["import { getClasses } from \"utils\";\n\nexport type HvDotPaginationClasses = {\n  root?: string;\n  horizontal?: string;\n  radioRoot?: string;\n  radio?: string;\n  icon?: string;\n};\n\nconst classKeys: string[] = [\n  \"root\",\n  \"horizontal\",\n  \"radioRoot\",\n  \"radio\",\n  \"icon\",\n];\n\nconst dotPaginationClasses = getClasses<HvDotPaginationClasses>(\n  classKeys,\n  \"HvDotPagination\"\n);\n\nexport default dotPaginationClasses;\n"],"names":["classKeys","dotPaginationClasses","getClasses"],"mappings":";AAUA,MAAMA,YAAsB,CAC1B,QACA,cACA,aACA,SACA,MAAM;AAGR,MAAMC,uBAAuBC,WAC3BF,WACA,iBAAiB;AAGnB,MAAA,yBAAeC;"}

package/dist/esm/components/DropDownMenu/DropDownMenu.js

@@ -0,0 +1,89 @@
+import { jsx } from "@emotion/react/jsx-runtime";
+import clsx from "clsx";
+import { StyledButton, StyledBaseDropDown, StyledPanel } from "./DropDownMenu.styles.js";
+import dropDownMenuClasses from "./dropDownMenuClasses.js";
+import { getPrevNextFocus } from "../../utils/focusableElementFinder.js";
+import { MoreOptionsVertical } from "@hitachivantara/uikit-react-icons";
+import { useMemo } from "react";
+import { theme } from "@hitachivantara/uikit-styles";
+import { ClassNames } from "@emotion/react";
+import withId from "../../hocs/withId.js";
+import { HvList } from "../List/List.js";
+import { useControlled } from "../../hooks/useControlled.js";
+import { setId } from "../../utils/setId.js";
+import { outlineStyles } from "../../utils/focusUtils.js";
+import { isKeypress } from "../../utils/keyboardUtils/keyCheck.js";
+import { keyboardCodes } from "../../utils/keyboardUtils/keyboardCodes.js";
+const HvDropDownMenu = ({
+  id,
+  classes,
+  className,
+  icon,
+  placement = "right",
+  dataList,
+  disablePortal = false,
+  onToggle,
+  onClick,
+  keepOpened = true,
+  disabled = false,
+  expanded,
+  defaultExpanded = false,
+  category = "secondaryGhost",
+  ...others
+}) => {
+  const [open, setOpen] = useControlled(expanded, Boolean(defaultExpanded));
+  const focusNodes = getPrevNextFocus(setId(id, "icon-button"));
+  const listId = setId(id, "list");
+  const handleClose = (event) => {
+    setOpen(false);
+    onToggle == null ? void 0 : onToggle(event, false);
+  };
+  const handleKeyDown = (event) => {
+    if (isKeypress(event, keyboardCodes.Tab)) {
+      const node = event.shiftKey ? focusNodes.prevFocus : focusNodes.nextFocus;
+      if (node)
+        setTimeout(() => node.focus(), 0);
+      handleClose(event);
+    }
+    event.preventDefault();
+  };
+  const setFocusToContent = (containerRef) => {
+    var _a;
+    (_a = containerRef == null ? void 0 : containerRef.getElementsByTagName("li")[0]) == null ? void 0 : _a.focus();
+  };
+  const headerComponent = /* @__PURE__ */ jsx(StyledButton, { icon: true, variant: category, id: setId(id, "icon-button"), className: clsx(dropDownMenuClasses.icon, classes == null ? void 0 : classes.icon, open && clsx(dropDownMenuClasses.iconSelected, classes == null ? void 0 : classes.iconSelected)), "aria-expanded": open, disabled, "aria-label": "Dropdown menu", $open: open, children: icon || /* @__PURE__ */ jsx(MoreOptionsVertical, { color: disabled ? "atmo5" : void 0 }) });
+  const condensed = useMemo(() => dataList.every((el) => !el.icon), [dataList]);
+  const popperStyle = {
+    style: {
+      zIndex: theme.zIndices.tooltip,
+      width: "auto",
+      position: "relative"
+    }
+  };
+  return /* @__PURE__ */ jsx(ClassNames, { children: ({
+    css
+  }) => /* @__PURE__ */ jsx(StyledBaseDropDown, { id, className: clsx(className, dropDownMenuClasses.container, classes == null ? void 0 : classes.container), classes: {
+    root: clsx(dropDownMenuClasses.root, classes == null ? void 0 : classes.root, css({
+      display: "inline-block",
+      width: "auto",
+      "&.focus-visible $icon": {
+        ...outlineStyles
+      }
+    })),
+    container: clsx(dropDownMenuClasses.baseContainer, classes == null ? void 0 : classes.baseContainer)
+  }, expanded: open && !disabled, component: headerComponent, "aria-haspopup": "menu", placement, variableWidth: true, disablePortal, onToggle: (e, s) => {
+    setOpen(s);
+    onToggle == null ? void 0 : onToggle(e, s);
+  }, disabled, onContainerCreation: setFocusToContent, popperProps: popperStyle, ...others, children: /* @__PURE__ */ jsx(StyledPanel, { children: /* @__PURE__ */ jsx(HvList, { id: listId, values: dataList, selectable: false, condensed, onClick: (event, item) => {
+    if (!keepOpened)
+      handleClose(event);
+    onClick == null ? void 0 : onClick(event, item);
+  }, onKeyDown: handleKeyDown, classes: {
+    root: clsx(dropDownMenuClasses.menuList, classes == null ? void 0 : classes.menuList)
+  } }) }) }) });
+};
+const HvDropDownMenu$1 = withId(HvDropDownMenu);
+export {
+  HvDropDownMenu$1 as default
+};
+//# sourceMappingURL=DropDownMenu.js.map

package/dist/esm/components/DropDownMenu/DropDownMenu.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DropDownMenu.js","sources":["../../../../src/components/DropDownMenu/DropDownMenu.tsx"],"sourcesContent":["import clsx from \"clsx\";\nimport { useControlled } from \"hooks\";\nimport { HvBaseProps } from \"../../types\";\nimport {\n  StyledBaseDropDown,\n  StyledButton,\n  StyledPanel,\n} from \"./DropDownMenu.styles\";\nimport dropDownMenuClasses, {\n  HvDropDownMenuClasses,\n} from \"./dropDownMenuClasses\";\nimport { isKeypress, keyboardCodes, outlineStyles, setId } from \"utils\";\nimport getPrevNextFocus from \"utils/focusableElementFinder\";\nimport { MoreOptionsVertical } from \"@hitachivantara/uikit-react-icons\";\nimport { HvButtonVariant, HvList, HvListValue } from \"components\";\nimport { useMemo } from \"react\";\nimport { theme } from \"@hitachivantara/uikit-styles\";\nimport { withId } from \"hocs\";\nimport { ClassNames } from \"@emotion/react\";\n\nexport type HvDropDownMenuProps = HvBaseProps<HTMLDivElement, { onClick }> & {\n  /** Icon. */\n  icon?: React.ReactElement;\n  /**\n   * A list containing the elements to be rendered.\n   *\n   * - label: The label of the element to be rendered.\n   * - selected: The selection state of the element.\n   * - disabled: The disabled state of the element.\n   * - icon: The icon node to be rendered on the left.\n   * - showNavIcon: If true renders the navigation icon on the right.\n   */\n  dataList: HvListValue[];\n  /** Placement of the dropdown. */\n  placement?: \"left\" | \"right\";\n  /** Disable the portal behavior. The children stay within it's parent DOM hierarchy. */\n  disablePortal?: boolean;\n  /** Function executed on toggle of the dropdown. Should receive the open status. */\n  onToggle?: (event: Event, open: boolean) => void;\n  /** Function executed in each onClick. Should received the clicked element. */\n  onClick?: (\n    event: React.ChangeEvent<HTMLLIElement>,\n    value: HvListValue\n  ) => void;\n  /** Keep the Dropdown Menu opened after clicking one option */\n  keepOpened?: boolean;\n  /** Defines if the component is disabled. */\n  disabled?: boolean;\n  /** If true it should be displayed open. */\n  expanded?: boolean;\n  /** When uncontrolled, defines the initial expanded state. */\n  defaultExpanded?: boolean;\n  /** The variant to be used in the header. */\n  category?: HvButtonVariant;\n  /** A Jss Object used to override or extend the styles applied to the component. */\n  classes?: HvDropDownMenuClasses;\n};\n\n/**\n * A drop-down menu is a graphical control element, similar to a list box, that allows the user to choose a value from a list.\n */\nconst HvDropDownMenu = ({\n  id,\n  classes,\n  className,\n  icon,\n  placement = \"right\",\n  dataList,\n  disablePortal = false,\n  onToggle,\n  onClick,\n  keepOpened = true,\n  disabled = false,\n  expanded,\n  defaultExpanded = false,\n  category = \"secondaryGhost\",\n  ...others\n}: HvDropDownMenuProps) => {\n  const [open, setOpen] = useControlled(expanded, Boolean(defaultExpanded));\n  const focusNodes = getPrevNextFocus(setId(id, \"icon-button\"));\n\n  const listId = setId(id, \"list\");\n\n  const handleClose = (event) => {\n    // this will only run if uncontrolled\n    setOpen(false);\n    onToggle?.(event, false);\n  };\n\n  // If the ESCAPE key is pressed inside the list, the close handler must be called.\n  const handleKeyDown = (event) => {\n    if (isKeypress(event, keyboardCodes.Tab)) {\n      const node = event.shiftKey ? focusNodes.prevFocus : focusNodes.nextFocus;\n      if (node) setTimeout(() => node.focus(), 0);\n      handleClose(event);\n    }\n    event.preventDefault();\n  };\n\n  const setFocusToContent = (containerRef) => {\n    containerRef?.getElementsByTagName(\"li\")[0]?.focus();\n  };\n\n  const headerComponent = (\n    <StyledButton\n      icon\n      variant={category}\n      id={setId(id, \"icon-button\")}\n      className={clsx(\n        dropDownMenuClasses.icon,\n        classes?.icon,\n        open && clsx(dropDownMenuClasses.iconSelected, classes?.iconSelected)\n      )}\n      aria-expanded={open}\n      disabled={disabled}\n      aria-label=\"Dropdown menu\"\n      $open={open}\n    >\n      {icon || <MoreOptionsVertical color={disabled ? \"atmo5\" : undefined} />}\n    </StyledButton>\n  );\n\n  const condensed = useMemo(() => dataList.every((el) => !el.icon), [dataList]);\n  const popperStyle = {\n    style: {\n      zIndex: theme.zIndices.tooltip,\n      width: \"auto\",\n      position: \"relative\",\n    },\n  };\n\n  return (\n    <ClassNames>\n      {({ css }) => (\n        <StyledBaseDropDown\n          id={id}\n          className={clsx(\n            className,\n            dropDownMenuClasses.container,\n            classes?.container\n          )}\n          classes={{\n            root: clsx(\n              dropDownMenuClasses.root,\n              classes?.root,\n              css({\n                display: \"inline-block\",\n                width: \"auto\",\n                \"&.focus-visible $icon\": {\n                  ...outlineStyles,\n                },\n              })\n            ),\n            container: clsx(\n              dropDownMenuClasses.baseContainer,\n              classes?.baseContainer\n            ),\n          }}\n          expanded={open && !disabled}\n          component={headerComponent}\n          aria-haspopup=\"menu\"\n          placement={placement}\n          variableWidth\n          disablePortal={disablePortal}\n          onToggle={(e, s) => {\n            // this will only run if uncontrolled\n            setOpen(s);\n            onToggle?.(e, s);\n          }}\n          disabled={disabled}\n          onContainerCreation={setFocusToContent}\n          popperProps={popperStyle}\n          {...others}\n        >\n          <StyledPanel>\n            <HvList\n              id={listId}\n              values={dataList}\n              selectable={false}\n              condensed={condensed}\n              onClick={(event, item) => {\n                if (!keepOpened) handleClose(event);\n                onClick?.(event, item);\n              }}\n              onKeyDown={handleKeyDown}\n              classes={{\n                root: clsx(dropDownMenuClasses.menuList, classes?.menuList),\n              }}\n            />\n          </StyledPanel>\n        </StyledBaseDropDown>\n      )}\n    </ClassNames>\n  );\n};\n\nexport default withId(HvDropDownMenu);\n"],"names":["HvDropDownMenu","id","classes","className","icon","placement","dataList","disablePortal","onToggle","onClick","keepOpened","disabled","expanded","defaultExpanded","category","others","open","setOpen","useControlled","Boolean","focusNodes","getPrevNextFocus","setId","listId","handleClose","event","handleKeyDown","isKeypress","keyboardCodes","Tab","node","shiftKey","prevFocus","nextFocus","setTimeout","focus","preventDefault","setFocusToContent","containerRef","getElementsByTagName","headerComponent","clsx","dropDownMenuClasses","iconSelected","undefined","condensed","useMemo","every","el","popperStyle","style","zIndex","theme","zIndices","tooltip","width","position","css","container","root","display","outlineStyles","baseContainer","e","s","item","menuList","withId"],"mappings":"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"}

package/dist/esm/components/DropDownMenu/DropDownMenu.styles.js

@@ -0,0 +1,81 @@
+import { jsx } from "@emotion/react/jsx-runtime";
+import _styled from "@emotion/styled/base";
+import { transientOptions } from "../../utils/transientOptions.js";
+import { theme } from "@hitachivantara/uikit-styles";
+import { HvBaseDropdown } from "../BaseDropdown/BaseDropdown.js";
+import { HvPanel } from "../Panel/Panel.js";
+import { HvButton } from "../Button/Button.js";
+function _EMOTION_STRINGIFIED_CSS_ERROR__() {
+  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).";
+}
+function _extends() {
+  _extends = Object.assign ? Object.assign.bind() : function(target) {
+    for (var i = 1; i < arguments.length; i++) {
+      var source = arguments[i];
+      for (var key in source) {
+        if (Object.prototype.hasOwnProperty.call(source, key)) {
+          target[key] = source[key];
+        }
+      }
+    }
+    return target;
+  };
+  return _extends.apply(this, arguments);
+}
+const StyledBaseDropDown = /* @__PURE__ */ _styled((props) => /* @__PURE__ */ jsx(HvBaseDropdown, { ...props }), process.env.NODE_ENV === "production" ? {
+  target: "e13q7myz2"
+} : {
+  target: "e13q7myz2",
+  label: "StyledBaseDropDown"
+})(process.env.NODE_ENV === "production" ? {
+  name: "1p2i2oq",
+  styles: "width:32px"
+} : {
+  name: "1p2i2oq",
+  styles: "width:32px",
+  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvRHJvcERvd25NZW51L0Ryb3BEb3duTWVudS5zdHlsZXMudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUtrQyIsImZpbGUiOiIvaG9tZS9ydW5uZXIvd29yay9odi11aWtpdC1yZWFjdC9odi11aWtpdC1yZWFjdC9wYWNrYWdlcy9jb3JlL3NyYy9jb21wb25lbnRzL0Ryb3BEb3duTWVudS9Ecm9wRG93bk1lbnUuc3R5bGVzLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBzdHlsZWQgZnJvbSBcIkBlbW90aW9uL3N0eWxlZFwiO1xuaW1wb3J0IHsgSHZCYXNlRHJvcGRvd24sIEh2QnV0dG9uLCBIdlBhbmVsIH0gZnJvbSBcImNvbXBvbmVudHNcIjtcbmltcG9ydCB7IHRyYW5zaWVudE9wdGlvbnMgfSBmcm9tIFwidXRpbHMvdHJhbnNpZW50T3B0aW9uc1wiO1xuaW1wb3J0IHsgdGhlbWUgfSBmcm9tIFwiQGhpdGFjaGl2YW50YXJhL3Vpa2l0LXN0eWxlc1wiO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkQmFzZURyb3BEb3duID0gc3R5bGVkKChwcm9wcykgPT4gKFxuICA8SHZCYXNlRHJvcGRvd24gey4uLnByb3BzfSAvPlxuKSkoe1xuICB3aWR0aDogMzIsXG59KTtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZEJ1dHRvbiA9IHN0eWxlZChcbiAgSHZCdXR0b24sXG4gIHRyYW5zaWVudE9wdGlvbnNcbikoKHsgJG9wZW4gfTogeyAkb3BlbjogYm9vbGVhbiB9KSA9PiAoe1xuICBwb3NpdGlvbjogXCJyZWxhdGl2ZVwiLFxuICBib3hTaXppbmc6IFwiY29udGVudC1ib3hcIixcbiAgcGFkZGluZzogMCxcblxuICBib3JkZXJSYWRpdXM6IHRoZW1lLmRyb3BEb3duTWVudS5ib3JkZXJSYWRpdXMsXG4gIGJvcmRlcjogdGhlbWUuZHJvcERvd25NZW51LmJvcmRlckNsb3NlZCxcbiAgYm9yZGVyQm90dG9tOiBcIm5vbmVcIixcblxuICAuLi4oJG9wZW4gJiYge1xuICAgIGJhY2tncm91bmRDb2xvcjogdGhlbWUuY29sb3JzLmF0bW8xLFxuICAgIGJveFNoYWRvdzogdGhlbWUuc2hhZG93c1sxXSxcblxuICAgIFwiJjpob3ZlclwiOiB7XG4gICAgICBiYWNrZ3JvdW5kQ29sb3I6IHRoZW1lLmNvbG9ycy5hdG1vMSxcbiAgICB9LFxuXG4gICAgXCImIHN2ZyAuY29sb3IwXCI6IHtcbiAgICAgIGZpbGw6IHRoZW1lLmNvbG9ycy5hY2NlMSxcbiAgICB9LFxuXG4gICAgYm9yZGVyUmFkaXVzOiBcIjJweCAycHggMHB4IDBweFwiLFxuICAgIGJvcmRlcjogdGhlbWUuZHJvcERvd25NZW51LmJvcmRlck9wZW5lZCxcbiAgICBib3JkZXJCb3R0b206IFwibm9uZVwiLFxuICB9KSxcbn0pKTtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZFBhbmVsID0gc3R5bGVkKEh2UGFuZWwpKHtcbiAgYm9yZGVyOiB0aGVtZS5kcm9wRG93bk1lbnUuYm9yZGVyT3BlbmVkLFxuICBib3JkZXJSYWRpdXM6IHRoZW1lLmRyb3BEb3duTWVudS5ib3JkZXJSYWRpdXMsXG59KTtcbiJdfQ== */",
+  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
+});
+const StyledButton = /* @__PURE__ */ _styled(HvButton, process.env.NODE_ENV === "production" ? _extends({}, {
+  target: "e13q7myz1"
+}, transientOptions) : _extends({}, {
+  target: "e13q7myz1",
+  label: "StyledButton"
+}, transientOptions))(({
+  $open
+}) => ({
+  position: "relative",
+  boxSizing: "content-box",
+  padding: 0,
+  borderRadius: theme.dropDownMenu.borderRadius,
+  border: theme.dropDownMenu.borderClosed,
+  borderBottom: "none",
+  ...$open && {
+    backgroundColor: theme.colors.atmo1,
+    boxShadow: theme.shadows[1],
+    "&:hover": {
+      backgroundColor: theme.colors.atmo1
+    },
+    "& svg .color0": {
+      fill: theme.colors.acce1
+    },
+    borderRadius: "2px 2px 0px 0px",
+    border: theme.dropDownMenu.borderOpened,
+    borderBottom: "none"
+  }
+}), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvRHJvcERvd25NZW51L0Ryb3BEb3duTWVudS5zdHlsZXMudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQVc0QiIsImZpbGUiOiIvaG9tZS9ydW5uZXIvd29yay9odi11aWtpdC1yZWFjdC9odi11aWtpdC1yZWFjdC9wYWNrYWdlcy9jb3JlL3NyYy9jb21wb25lbnRzL0Ryb3BEb3duTWVudS9Ecm9wRG93bk1lbnUuc3R5bGVzLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBzdHlsZWQgZnJvbSBcIkBlbW90aW9uL3N0eWxlZFwiO1xuaW1wb3J0IHsgSHZCYXNlRHJvcGRvd24sIEh2QnV0dG9uLCBIdlBhbmVsIH0gZnJvbSBcImNvbXBvbmVudHNcIjtcbmltcG9ydCB7IHRyYW5zaWVudE9wdGlvbnMgfSBmcm9tIFwidXRpbHMvdHJhbnNpZW50T3B0aW9uc1wiO1xuaW1wb3J0IHsgdGhlbWUgfSBmcm9tIFwiQGhpdGFjaGl2YW50YXJhL3Vpa2l0LXN0eWxlc1wiO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkQmFzZURyb3BEb3duID0gc3R5bGVkKChwcm9wcykgPT4gKFxuICA8SHZCYXNlRHJvcGRvd24gey4uLnByb3BzfSAvPlxuKSkoe1xuICB3aWR0aDogMzIsXG59KTtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZEJ1dHRvbiA9IHN0eWxlZChcbiAgSHZCdXR0b24sXG4gIHRyYW5zaWVudE9wdGlvbnNcbikoKHsgJG9wZW4gfTogeyAkb3BlbjogYm9vbGVhbiB9KSA9PiAoe1xuICBwb3NpdGlvbjogXCJyZWxhdGl2ZVwiLFxuICBib3hTaXppbmc6IFwiY29udGVudC1ib3hcIixcbiAgcGFkZGluZzogMCxcblxuICBib3JkZXJSYWRpdXM6IHRoZW1lLmRyb3BEb3duTWVudS5ib3JkZXJSYWRpdXMsXG4gIGJvcmRlcjogdGhlbWUuZHJvcERvd25NZW51LmJvcmRlckNsb3NlZCxcbiAgYm9yZGVyQm90dG9tOiBcIm5vbmVcIixcblxuICAuLi4oJG9wZW4gJiYge1xuICAgIGJhY2tncm91bmRDb2xvcjogdGhlbWUuY29sb3JzLmF0bW8xLFxuICAgIGJveFNoYWRvdzogdGhlbWUuc2hhZG93c1sxXSxcblxuICAgIFwiJjpob3ZlclwiOiB7XG4gICAgICBiYWNrZ3JvdW5kQ29sb3I6IHRoZW1lLmNvbG9ycy5hdG1vMSxcbiAgICB9LFxuXG4gICAgXCImIHN2ZyAuY29sb3IwXCI6IHtcbiAgICAgIGZpbGw6IHRoZW1lLmNvbG9ycy5hY2NlMSxcbiAgICB9LFxuXG4gICAgYm9yZGVyUmFkaXVzOiBcIjJweCAycHggMHB4IDBweFwiLFxuICAgIGJvcmRlcjogdGhlbWUuZHJvcERvd25NZW51LmJvcmRlck9wZW5lZCxcbiAgICBib3JkZXJCb3R0b206IFwibm9uZVwiLFxuICB9KSxcbn0pKTtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZFBhbmVsID0gc3R5bGVkKEh2UGFuZWwpKHtcbiAgYm9yZGVyOiB0aGVtZS5kcm9wRG93bk1lbnUuYm9yZGVyT3BlbmVkLFxuICBib3JkZXJSYWRpdXM6IHRoZW1lLmRyb3BEb3duTWVudS5ib3JkZXJSYWRpdXMsXG59KTtcbiJdfQ== */");
+const StyledPanel = /* @__PURE__ */ _styled(HvPanel, process.env.NODE_ENV === "production" ? {
+  target: "e13q7myz0"
+} : {
+  target: "e13q7myz0",
+  label: "StyledPanel"
+})({
+  border: theme.dropDownMenu.borderOpened,
+  borderRadius: theme.dropDownMenu.borderRadius
+}, process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvRHJvcERvd25NZW51L0Ryb3BEb3duTWVudS5zdHlsZXMudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQXlDMkIiLCJmaWxlIjoiL2hvbWUvcnVubmVyL3dvcmsvaHYtdWlraXQtcmVhY3QvaHYtdWlraXQtcmVhY3QvcGFja2FnZXMvY29yZS9zcmMvY29tcG9uZW50cy9Ecm9wRG93bk1lbnUvRHJvcERvd25NZW51LnN0eWxlcy50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgc3R5bGVkIGZyb20gXCJAZW1vdGlvbi9zdHlsZWRcIjtcbmltcG9ydCB7IEh2QmFzZURyb3Bkb3duLCBIdkJ1dHRvbiwgSHZQYW5lbCB9IGZyb20gXCJjb21wb25lbnRzXCI7XG5pbXBvcnQgeyB0cmFuc2llbnRPcHRpb25zIH0gZnJvbSBcInV0aWxzL3RyYW5zaWVudE9wdGlvbnNcIjtcbmltcG9ydCB7IHRoZW1lIH0gZnJvbSBcIkBoaXRhY2hpdmFudGFyYS91aWtpdC1zdHlsZXNcIjtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZEJhc2VEcm9wRG93biA9IHN0eWxlZCgocHJvcHMpID0+IChcbiAgPEh2QmFzZURyb3Bkb3duIHsuLi5wcm9wc30gLz5cbikpKHtcbiAgd2lkdGg6IDMyLFxufSk7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRCdXR0b24gPSBzdHlsZWQoXG4gIEh2QnV0dG9uLFxuICB0cmFuc2llbnRPcHRpb25zXG4pKCh7ICRvcGVuIH06IHsgJG9wZW46IGJvb2xlYW4gfSkgPT4gKHtcbiAgcG9zaXRpb246IFwicmVsYXRpdmVcIixcbiAgYm94U2l6aW5nOiBcImNvbnRlbnQtYm94XCIsXG4gIHBhZGRpbmc6IDAsXG5cbiAgYm9yZGVyUmFkaXVzOiB0aGVtZS5kcm9wRG93bk1lbnUuYm9yZGVyUmFkaXVzLFxuICBib3JkZXI6IHRoZW1lLmRyb3BEb3duTWVudS5ib3JkZXJDbG9zZWQsXG4gIGJvcmRlckJvdHRvbTogXCJub25lXCIsXG5cbiAgLi4uKCRvcGVuICYmIHtcbiAgICBiYWNrZ3JvdW5kQ29sb3I6IHRoZW1lLmNvbG9ycy5hdG1vMSxcbiAgICBib3hTaGFkb3c6IHRoZW1lLnNoYWRvd3NbMV0sXG5cbiAgICBcIiY6aG92ZXJcIjoge1xuICAgICAgYmFja2dyb3VuZENvbG9yOiB0aGVtZS5jb2xvcnMuYXRtbzEsXG4gICAgfSxcblxuICAgIFwiJiBzdmcgLmNvbG9yMFwiOiB7XG4gICAgICBmaWxsOiB0aGVtZS5jb2xvcnMuYWNjZTEsXG4gICAgfSxcblxuICAgIGJvcmRlclJhZGl1czogXCIycHggMnB4IDBweCAwcHhcIixcbiAgICBib3JkZXI6IHRoZW1lLmRyb3BEb3duTWVudS5ib3JkZXJPcGVuZWQsXG4gICAgYm9yZGVyQm90dG9tOiBcIm5vbmVcIixcbiAgfSksXG59KSk7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRQYW5lbCA9IHN0eWxlZChIdlBhbmVsKSh7XG4gIGJvcmRlcjogdGhlbWUuZHJvcERvd25NZW51LmJvcmRlck9wZW5lZCxcbiAgYm9yZGVyUmFkaXVzOiB0aGVtZS5kcm9wRG93bk1lbnUuYm9yZGVyUmFkaXVzLFxufSk7XG4iXX0= */");
+export {
+  StyledBaseDropDown,
+  StyledButton,
+  StyledPanel
+};
+//# sourceMappingURL=DropDownMenu.styles.js.map

package/dist/esm/components/DropDownMenu/DropDownMenu.styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DropDownMenu.styles.js","sources":["../../../../src/components/DropDownMenu/DropDownMenu.styles.tsx"],"sourcesContent":["import styled from \"@emotion/styled\";\nimport { HvBaseDropdown, HvButton, HvPanel } from \"components\";\nimport { transientOptions } from \"utils/transientOptions\";\nimport { theme } from \"@hitachivantara/uikit-styles\";\n\nexport const StyledBaseDropDown = styled((props) => (\n  <HvBaseDropdown {...props} />\n))({\n  width: 32,\n});\n\nexport const StyledButton = styled(\n  HvButton,\n  transientOptions\n)(({ $open }: { $open: boolean }) => ({\n  position: \"relative\",\n  boxSizing: \"content-box\",\n  padding: 0,\n\n  borderRadius: theme.dropDownMenu.borderRadius,\n  border: theme.dropDownMenu.borderClosed,\n  borderBottom: \"none\",\n\n  ...($open && {\n    backgroundColor: theme.colors.atmo1,\n    boxShadow: theme.shadows[1],\n\n    \"&:hover\": {\n      backgroundColor: theme.colors.atmo1,\n    },\n\n    \"& svg .color0\": {\n      fill: theme.colors.acce1,\n    },\n\n    borderRadius: \"2px 2px 0px 0px\",\n    border: theme.dropDownMenu.borderOpened,\n    borderBottom: \"none\",\n  }),\n}));\n\nexport const StyledPanel = styled(HvPanel)({\n  border: theme.dropDownMenu.borderOpened,\n  borderRadius: theme.dropDownMenu.borderRadius,\n});\n"],"names":["StyledBaseDropDown","props","process","env","NODE_ENV","target","label","name","styles","map","toString","_EMOTION_STRINGIFIED_CSS_ERROR__","StyledButton","HvButton","_extends","transientOptions","$open","position","boxSizing","padding","borderRadius","theme","dropDownMenu","border","borderClosed","borderBottom","backgroundColor","colors","atmo1","boxShadow","shadows","fill","acce1","borderOpened","StyledPanel","HvPanel"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;AAKaA,MAAAA,qBAA6BC,wBAAAA,CAAAA,UACvC,oBAAA,gBAAA,EAAmBA,GAAAA,MAAAA,CACrB,GAAAC,QAAAC,IAAAC,aAAA,eAAA;AAAA,EAAAC,QAAA;AAAA,IAAA;AAAA,EAAAA,QAAA;AAAA,EAAAC,OAAA;AAAA,CAAA,EAACJ,QAAAC,IAAAC,aAAA,eAAA;AAAA,EAAAG,MAAA;AAAA,EAAAC,QAAA;AAAA,IAAA;AAAA,EAAAD,MAAA;AAAA,EAAAC,QAAA;AAAA,EAAAC,KAAA;AAAA,EAAAC,UAAAC;AAAA,CAEA;AAEWC,MAAAA,uCACXC,UAAQX,QAAAC,IAAAC,4BAAAU,SAAA,IAAA;AAAA,EAAAT,QAAA;AAAA,GACRU,gBAAgB,IAAAD,SAAA,IAAA;AAAA,EAAAT,QAAA;AAAA,EAAAC,OAAA;AAAA,GAAhBS,gBAAgB,CACjB,EAAC,CAAC;AAAA,EAAEC;AAA0B,OAAO;AAAA,EACpCC,UAAU;AAAA,EACVC,WAAW;AAAA,EACXC,SAAS;AAAA,EAETC,cAAcC,MAAMC,aAAaF;AAAAA,EACjCG,QAAQF,MAAMC,aAAaE;AAAAA,EAC3BC,cAAc;AAAA,EAEd,GAAIT,SAAS;AAAA,IACXU,iBAAiBL,MAAMM,OAAOC;AAAAA,IAC9BC,WAAWR,MAAMS,QAAQ;AAAA,IAEzB,WAAW;AAAA,MACTJ,iBAAiBL,MAAMM,OAAOC;AAAAA,IAChC;AAAA,IAEA,iBAAiB;AAAA,MACfG,MAAMV,MAAMM,OAAOK;AAAAA,IACrB;AAAA,IAEAZ,cAAc;AAAA,IACdG,QAAQF,MAAMC,aAAaW;AAAAA,IAC3BR,cAAc;AAAA,EAChB;AACF,IAAEvB,QAAAC,IAAAC,aAAC,eAAA,KAAA,igEAAA;AAEI,MAAM8B,cAAqBC,wBAAAA,SAAOjC,QAAAC,IAAAC,aAAA,eAAA;AAAA,EAAAC,QAAA;AAAA,IAAA;AAAA,EAAAA,QAAA;AAAA,EAAAC,OAAA;AAAA,CAAA,EAAE;AAAA,EACzCiB,QAAQF,MAAMC,aAAaW;AAAAA,EAC3Bb,cAAcC,MAAMC,aAAaF;AACnC,GAAClB,QAAAC,IAAAC,aAAC,eAAA,KAAA,igEAAA;"}

package/dist/esm/components/DropDownMenu/dropDownMenuClasses.js

@@ -0,0 +1,8 @@
+import { getClasses } from "../../utils/classes.js";
+const classKeys = ["root", "container", "baseContainer", "icon", "iconSelected", "menuList"];
+const dropDownMenuClasses = getClasses(classKeys, "HvDropDownMenu");
+const dropDownMenuClasses$1 = dropDownMenuClasses;
+export {
+  dropDownMenuClasses$1 as default
+};
+//# sourceMappingURL=dropDownMenuClasses.js.map

package/dist/esm/components/DropDownMenu/dropDownMenuClasses.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"dropDownMenuClasses.js","sources":["../../../../src/components/DropDownMenu/dropDownMenuClasses.ts"],"sourcesContent":["import { getClasses } from \"utils\";\n\nexport type HvDropDownMenuClasses = {\n  /** Styles applied to the root. */\n  root?: string;\n  /** Styles applied to the container. */\n  container?: string;\n  /** Styles applied to the BaseDropdown container. */\n  baseContainer?: string;\n  /** Styles applied to the icon. */\n  icon?: string;\n  /** Styles applied to the icon when selected. */\n  iconSelected?: string;\n  /** Styles applied to the list. */\n  menuList?: string;\n};\n\nconst classKeys: string[] = [\n  \"root\",\n  \"container\",\n  \"baseContainer\",\n  \"icon\",\n  \"iconSelected\",\n  \"menuList\",\n];\n\nconst dropDownMenuClasses = getClasses<HvDropDownMenuClasses>(\n  classKeys,\n  \"HvDropDownMenu\"\n);\n\nexport default dropDownMenuClasses;\n"],"names":["classKeys","dropDownMenuClasses","getClasses"],"mappings":";AAiBA,MAAMA,YAAsB,CAC1B,QACA,aACA,iBACA,QACA,gBACA,UAAU;AAGZ,MAAMC,sBAAsBC,WAC1BF,WACA,gBAAgB;AAGlB,MAAA,wBAAeC;"}

package/dist/esm/components/Dropdown/Dropdown.js

@@ -0,0 +1,184 @@
+import { jsxs, jsx } from "@emotion/react/jsx-runtime";
+import { useState, useEffect, useRef } from "react";
+import clsx from "clsx";
+import { isInvalid } from "../Forms/FormElement/validationStates.js";
+import { getSelectionLabel, getSelected } from "./utils.js";
+import dropdownClasses from "./dropdownClasses.js";
+import { StyledHvFormElement, StyledLabelContainer, StyledLabel, StyledDropdown, StyledTypography } from "./Dropdown.styles.js";
+import useUniqueId from "../../hooks/useUniqueId.js";
+import { HvDropdownList } from "./List/List.js";
+import { useLabels } from "../../hooks/useLabels.js";
+import { useControlled } from "../../hooks/useControlled.js";
+import { setId } from "../../utils/setId.js";
+import { HvInfoMessage } from "../Forms/InfoMessage/InfoMessage.js";
+import { HvWarningText } from "../Forms/WarningText/WarningText.js";
+const DEFAULT_LABELS = {
+  select: void 0,
+  selectAll: "All",
+  cancelLabel: "Cancel",
+  applyLabel: "Apply",
+  searchPlaceholder: "Search",
+  multiSelectionConjunction: "/"
+};
+const HvDropdown = (props) => {
+  const {
+    classes,
+    className,
+    id,
+    name,
+    required = false,
+    disabled = false,
+    readOnly = false,
+    label,
+    "aria-label": ariaLabel,
+    "aria-labelledby": ariaLabelledBy,
+    description,
+    "aria-describedby": ariaDescribedBy,
+    placeholder = "Select...",
+    onChange,
+    status,
+    statusMessage,
+    "aria-errormessage": ariaErrorMessage,
+    onCancel,
+    onToggle,
+    onClickOutside,
+    onFocus,
+    onBlur,
+    values,
+    multiSelect = false,
+    showSearch = false,
+    expanded,
+    defaultExpanded = false,
+    notifyChangesOnFirstRender = false,
+    labels: labelsProp,
+    hasTooltips = false,
+    disablePortal = false,
+    singleSelectionToggle = true,
+    placement,
+    variableWidth = false,
+    popperProps = {},
+    height,
+    maxHeight,
+    virtualized = false,
+    baseDropdownProps = {},
+    listProps = {},
+    ...others
+  } = props;
+  const labels = useLabels(DEFAULT_LABELS, labelsProp);
+  const elementId = useUniqueId(id, "hvdropdown");
+  const [validationState, setValidationState] = useControlled(status, "standBy");
+  const [validationMessage] = useControlled(statusMessage, "Required");
+  const [isOpen, setIsOpen] = useControlled(expanded, Boolean(defaultExpanded));
+  const [selectionLabel, setSelectionLabel] = useState(getSelectionLabel(labels, placeholder, multiSelect, values));
+  const [internalValues, setInternalValues] = useState(values);
+  useEffect(() => {
+    setInternalValues(values);
+  }, [values]);
+  useEffect(() => {
+    setSelectionLabel(getSelectionLabel(labels, placeholder, multiSelect, values));
+  }, [labels, multiSelect, placeholder, values]);
+  if (virtualized && !height && process.env.NODE_ENV !== "production") {
+    console.error("Dropdown/List in virtualized mode requires a height. Please define it.");
+  }
+  const dropdownHeaderRef = useRef();
+  const handleToggle = (_e, open) => {
+    onToggle == null ? void 0 : onToggle(_e, open);
+    setIsOpen(open);
+    if (!open) {
+      setValidationState(() => {
+        if (required) {
+          const hasSelection = getSelected(internalValues).length > 0;
+          if (!hasSelection) {
+            return "invalid";
+          }
+        }
+        return "valid";
+      });
+    }
+  };
+  const handleSelection = (listValues, commitChanges, toggle, notifyChanges = true) => {
+    var _a;
+    const selected = getSelected(listValues);
+    if (commitChanges) {
+      setInternalValues(listValues);
+      setSelectionLabel(getSelectionLabel(labels, placeholder, multiSelect, listValues));
+      setValidationState(() => {
+        if (required && selected.length === 0) {
+          return "invalid";
+        }
+        return "valid";
+      });
+    }
+    if (notifyChanges)
+      onChange == null ? void 0 : onChange(multiSelect ? selected : selected[0]);
+    if (toggle) {
+      handleToggle(void 0, false);
+      (_a = dropdownHeaderRef.current) == null ? void 0 : _a.focus({
+        preventScroll: true
+      });
+    }
+  };
+  const handleCancel = (evt) => {
+    var _a;
+    onCancel == null ? void 0 : onCancel(evt);
+    handleToggle(evt, false);
+    (_a = dropdownHeaderRef.current) == null ? void 0 : _a.focus({
+      preventScroll: true
+    });
+  };
+  const handleClickOutside = (evt) => {
+    onClickOutside == null ? void 0 : onClickOutside(evt);
+    onCancel == null ? void 0 : onCancel(evt);
+  };
+  const setFocusToContent = (containerRef) => {
+    const inputs = containerRef == null ? void 0 : containerRef.getElementsByTagName("input");
+    if ((inputs == null ? void 0 : inputs.length) > 0) {
+      inputs[0].focus();
+      return;
+    }
+    const listItems = containerRef != null ? [...containerRef.getElementsByTagName("li")] : [];
+    listItems.every((listItem) => {
+      if (listItem.tabIndex >= 0) {
+        listItem.focus();
+        return false;
+      }
+      return true;
+    });
+  };
+  const buildHeaderLabel = () => {
+    var _a, _b, _c, _d;
+    const hasSelection = getSelected(internalValues).length > 0;
+    return (labels == null ? void 0 : labels.select) || !multiSelect ? /* @__PURE__ */ jsx(StyledTypography, { component: "div", $selectionDisabled: disabled, $isOpen: isOpen || hasSelection, variant: "body", className: clsx((_a = dropdownClasses) == null ? void 0 : _a.placeholder, classes == null ? void 0 : classes.placeholder, disabled && clsx((_b = dropdownClasses) == null ? void 0 : _b.selectionDisabled, classes == null ? void 0 : classes.selectionDisabled)), children: selectionLabel.selected }) : /* @__PURE__ */ jsxs(StyledTypography, { component: "div", $selectionDisabled: disabled, className: clsx((_c = dropdownClasses) == null ? void 0 : _c.placeholder, classes == null ? void 0 : classes.placeholder, disabled && clsx((_d = dropdownClasses) == null ? void 0 : _d.selectionDisabled, classes == null ? void 0 : classes.selectionDisabled)), variant: "body", children: [
+      /* @__PURE__ */ jsx("b", { children: selectionLabel.selected }),
+      ` ${labels == null ? void 0 : labels.multiSelectionConjunction} ${selectionLabel.total}`
+    ] });
+  };
+  const hasLabel = label != null;
+  const hasDescription = description != null;
+  const canShowError = ariaErrorMessage == null && (status !== void 0 && statusMessage !== void 0 || status === void 0 && required);
+  const isStateInvalid = isInvalid(validationState);
+  let errorMessageId;
+  if (isStateInvalid) {
+    errorMessageId = canShowError ? setId(elementId, "error") : ariaErrorMessage;
+  }
+  return /* @__PURE__ */ jsxs(StyledHvFormElement, { id, name, status: validationState, disabled, readOnly, required, className: clsx(className, dropdownClasses.root, classes == null ? void 0 : classes.root), $selectionDisabled: disabled, ...others, children: [
+    (hasLabel || hasDescription) && /* @__PURE__ */ jsxs(StyledLabelContainer, { className: clsx(dropdownClasses.labelContainer, classes == null ? void 0 : classes.labelContainer), children: [
+      hasLabel && /* @__PURE__ */ jsx(StyledLabel, { id: setId(elementId, "label"), label, className: clsx(classes == null ? void 0 : classes.label, dropdownClasses.label) }),
+      hasDescription && /* @__PURE__ */ jsx(HvInfoMessage, { id: setId(elementId, "description"), className: clsx(classes == null ? void 0 : classes.description, dropdownClasses.description), children: description })
+    ] }),
+    /* @__PURE__ */ jsx(StyledDropdown, { id: setId(id, "dropdown"), classes: {
+      root: clsx(classes == null ? void 0 : classes.dropdown, dropdownClasses.dropdown),
+      arrow: clsx(classes == null ? void 0 : classes.arrow, dropdownClasses.arrow),
+      header: clsx(dropdownClasses.dropdownHeader, classes == null ? void 0 : classes.dropdownHeader, isStateInvalid && clsx(dropdownClasses.dropdownHeaderInvalid, classes == null ? void 0 : classes.dropdownHeaderInvalid)),
+      headerOpen: clsx(dropdownClasses.dropdownHeaderOpen, classes == null ? void 0 : classes.dropdownHeaderOpen)
+    }, $dropdownHeaderInvalid: isStateInvalid, $readOnly: readOnly, expanded: isOpen, disabled, readOnly, disablePortal, placement, popperProps, placeholder: buildHeaderLabel(), onToggle: handleToggle, onClickOutside: handleClickOutside, onContainerCreation: setFocusToContent, role: "combobox", variableWidth, "aria-label": ariaLabel, "aria-labelledby": [label && setId(elementId, "label"), ariaLabelledBy].join(" ").trim() || void 0, "aria-invalid": isStateInvalid ? true : void 0, "aria-errormessage": errorMessageId, "aria-describedby": [description && setId(elementId, "description"), ariaDescribedBy].join(" ").trim() || void 0, onFocus, onBlur, dropdownHeaderRef, ...baseDropdownProps, children: /* @__PURE__ */ jsx(HvDropdownList, { id: setId(elementId, "values"), classes: {
+      rootList: clsx(dropdownClasses.rootList, classes == null ? void 0 : classes.rootList),
+      dropdownListContainer: clsx(dropdownClasses.dropdownListContainer, classes == null ? void 0 : classes.dropdownListContainer)
+    }, values: internalValues, multiSelect, showSearch, onChange: handleSelection, onCancel: handleCancel, labels, notifyChangesOnFirstRender, hasTooltips, singleSelectionToggle, "aria-labelledby": hasLabel ? setId(elementId, "label") : void 0, height, maxHeight, virtualized, ...listProps }) }),
+    canShowError && /* @__PURE__ */ jsx(HvWarningText, { id: setId(elementId, "error"), disableBorder: true, className: clsx(dropdownClasses.error, classes == null ? void 0 : classes.error), children: validationMessage })
+  ] });
+};
+export {
+  HvDropdown
+};
+//# sourceMappingURL=Dropdown.js.map

package/dist/esm/components/Dropdown/Dropdown.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Dropdown.js","sources":["../../../../src/components/Dropdown/Dropdown.tsx"],"sourcesContent":["import { useEffect, useRef, useState } from \"react\";\nimport { PopperProps } from \"@mui/material\";\nimport clsx from \"clsx\";\nimport { setId } from \"utils\";\nimport { useLabels, useUniqueId, useControlled } from \"hooks\";\nimport { isInvalid } from \"../Forms/FormElement/validationStates\";\nimport { getSelected, getSelectionLabel } from \"./utils\";\nimport dropdownClasses, { HvDropdownClasses } from \"./dropdownClasses\";\nimport { HvDropdownList, HvDropdownListProps } from \"./List\";\nimport {\n  StyledDropdown,\n  StyledHvFormElement,\n  StyledLabel,\n  StyledLabelContainer,\n  StyledTypography,\n} from \"./Dropdown.styles\";\nimport { HvBaseProps } from \"../../types\";\nimport {\n  HvBaseDropdownProps,\n  HvInfoMessage,\n  HvListValue,\n  HvWarningText,\n} from \"components\";\n\nexport type HvDropdownLabelsProps = {\n  /**\n   * Label for overwrite the default header behavior.\n   */\n  select?: string;\n  /**\n   * Label used for the All checkbox action.\n   */\n  selectAll?: string;\n  /**\n   * Cancel button label.\n   */\n  cancelLabel?: string;\n  /**\n   * Apply button label.\n   */\n  applyLabel?: string;\n  /**\n   * The label used in the middle of the multiSelection count.\n   */\n  multiSelectionConjunction?: string;\n  /**\n   * The label used in search.\n   */\n  searchPlaceholder?: string;\n};\n\nexport type HvDropdownStatus = \"standBy\" | \"valid\" | \"invalid\";\n\nexport type HvDropdownProps = HvBaseProps<HTMLDivElement, { onChange }> & {\n  /**\n   * Class names to be applied.\n   */\n  className?: string;\n  /**\n   * A Jss Object used to override or extend the component styles applied.\n   */\n  classes?: HvDropdownClasses;\n  /**\n   * Id to be applied to the form element root node.\n   */\n  id?: string;\n  /**\n   * The form element name.\n   */\n  name?: string;\n  /**\n   * The label of the form element.\n   *\n   * The form element must be labeled for accessibility reasons.\n   * If not provided, an aria-label or aria-labelledby must be provided instead.\n   */\n  label?: any;\n  /**\n   * @ignore\n   */\n  \"aria-label\"?: string;\n  /**\n   * @ignore\n   */\n  \"aria-labelledby\"?: string;\n  /**\n   * Provide additional descriptive text for the form element.\n   */\n  description?: any;\n  /**\n   * @ignore\n   */\n  \"aria-describedby\"?: string;\n  /**\n   * The placeholder value when nothing is selected.\n   */\n  placeholder?: string;\n\n  /**\n   * Indicates that the form element is disabled.\n   */\n  disabled?: boolean;\n  /**\n   * Indicates that the form element is in read only mode.\n   */\n  readOnly?: boolean;\n  /**\n   * Indicates that user input is required on the form element.\n   */\n  required?: boolean;\n  /**\n   * The status of the form element.\n   *\n   * Valid is correct, invalid is incorrect and standBy means no validations have run.\n   *\n   * When uncontrolled and unspecified it will default to \"standBy\" and change to either \"valid\"\n   * or \"invalid\" after any change to the state.\n   */\n  status?: HvDropdownStatus;\n  /**\n   * The error message to show when the validation status is \"invalid\".\n   *\n   * Defaults to \"Required\" when the status is uncontrolled and no `aria-errormessage` is provided.\n   */\n  statusMessage?: any;\n  /**\n   * Identifies the element that provides an error message for the dropdown.\n   *\n   * Will only be used when the validation status is invalid.\n   */\n  \"aria-errormessage\"?: string;\n\n  /**\n   * The callback fired when the value changes.\n   */\n  onChange?: (selected: HvListValue | HvListValue[] | undefined) => void;\n\n  /**\n   * The list to be rendered by the dropdown.\n   */\n  values?: HvListValue[];\n  /**\n   * If `true` the dropdown is multiSelect, if `false` the dropdown is single select.\n   */\n  multiSelect?: boolean;\n  /**\n   * If `true` the dropdown is rendered with a search bar, if `false` there won't be a search bar.\n   */\n  showSearch?: boolean;\n  /**\n   * If `true` the dropdown starts opened if `false` it starts closed.\n   */\n  expanded?: boolean;\n  /**\n   * When uncontrolled, defines the initial expanded state.\n   */\n  defaultExpanded?: boolean;\n  /**\n   * If 'true' the dropdown will notify on the first render.\n   */\n  notifyChangesOnFirstRender?: boolean;\n  /**\n   * An object containing all the labels for the dropdown.\n   */\n  labels?: HvDropdownLabelsProps;\n  /**\n   * If `true` the dropdown will show tooltips when user mouseenter text in list\n   */\n  hasTooltips?: boolean;\n  /**\n   * Disable the portal behavior.\n   * The children stay within it's parent DOM hierarchy.\n   */\n  disablePortal?: boolean;\n  /**\n   * If `true` the dropdown width depends size of content if `false` the width depends on the header size.\n   * Defaults to `false`.\n   */\n  variableWidth?: boolean;\n  /**\n   * If `true`, selection can be toggled when single selection.\n   */\n  singleSelectionToggle?: boolean;\n  /**\n   * Placement of the dropdown.\n   */\n  placement?: \"left\" | \"right\";\n  /**\n   * An object containing props to be wired to the popper component.\n   */\n  popperProps?: Partial<PopperProps>;\n\n  /**\n   * Callback called when the user cancels the changes.\n   *\n   * Called when the cancel button is used and when the user clicks outside the open container.\n   *\n   * @param {object} event The event source of the callback.\n   */\n  onCancel?: (event: Event) => void;\n  /**\n   * Callback called when dropdown changes the expanded state.\n   *\n   * @param {object} event The event source of the callback.\n   * @param {boolean} open If the dropdown new state is open (`true`) or closed (`false`).\n   */\n  onToggle?: (event: Event, open: boolean) => void;\n  /**\n   * Callback called when the user clicks outside the open container.\n   *\n   * @param {object} event The event source of the callback.\n   */\n  onClickOutside?: (event: Event) => void;\n  /**\n   * @ignore\n   */\n  onFocus?: React.FocusEventHandler<any>;\n  /**\n   * @ignore\n   */\n  onBlur?: React.FocusEventHandler<any>;\n  /**\n   * Experimental. Height of the dropdown, in case you want to control it from a prop. Styles can also be used through dropdownListContainer class. Required in case virtualized is used\n   */\n  height?: number;\n  /**\n   * Experimental. Height of the dropdown, in case you want to control it from a prop. Styles can also be used through dropdownListContainer class. Required in case virtualized is used\n   */\n  maxHeight?: number;\n  /**\n   * Experimental. Uses dropdown in a virtualized form, where not all options are rendered initially. Good for use cases with a lot of options.\n   */\n  virtualized?: boolean;\n  /**\n   * Extra props passed to the dropdown.\n   */\n  baseDropdownProps?: HvBaseDropdownProps;\n  /**\n   * Extra props passed to the list.\n   */\n  listProps?: HvDropdownListProps;\n};\n\nconst DEFAULT_LABELS: HvDropdownLabelsProps = {\n  select: undefined,\n  selectAll: \"All\",\n  cancelLabel: \"Cancel\",\n  applyLabel: \"Apply\",\n  searchPlaceholder: \"Search\",\n  multiSelectionConjunction: \"/\",\n};\n\n/**\n * A dropdown list is a graphical control element, similar to a list box, that allows the user to choose one value from a list.\n */\nexport const HvDropdown = (props: HvDropdownProps) => {\n  const {\n    classes,\n    className,\n\n    id,\n    name,\n\n    required = false,\n    disabled = false,\n    readOnly = false,\n\n    label,\n    \"aria-label\": ariaLabel,\n    \"aria-labelledby\": ariaLabelledBy,\n    description,\n    \"aria-describedby\": ariaDescribedBy,\n\n    placeholder = \"Select...\",\n\n    onChange,\n\n    status,\n    statusMessage,\n    \"aria-errormessage\": ariaErrorMessage,\n\n    onCancel,\n    onToggle,\n    onClickOutside,\n\n    onFocus,\n    onBlur,\n\n    values,\n    multiSelect = false,\n    showSearch = false,\n    expanded,\n    defaultExpanded = false,\n    notifyChangesOnFirstRender = false,\n    labels: labelsProp,\n    hasTooltips = false,\n    disablePortal = false,\n    singleSelectionToggle = true,\n    placement,\n    variableWidth = false,\n    popperProps = {},\n    height,\n    maxHeight,\n    virtualized = false,\n    baseDropdownProps = {},\n    listProps = {},\n    ...others\n  } = props;\n\n  const labels = useLabels(DEFAULT_LABELS, labelsProp);\n\n  const elementId = useUniqueId(id, \"hvdropdown\");\n\n  const [validationState, setValidationState] = useControlled(\n    status,\n    \"standBy\"\n  );\n\n  const [validationMessage] = useControlled(statusMessage, \"Required\");\n\n  const [isOpen, setIsOpen] = useControlled(expanded, Boolean(defaultExpanded));\n  const [selectionLabel, setSelectionLabel] = useState(\n    getSelectionLabel(labels, placeholder, multiSelect, values)\n  );\n  const [internalValues, setInternalValues] = useState(values);\n\n  useEffect(() => {\n    setInternalValues(values);\n  }, [values]);\n\n  useEffect(() => {\n    setSelectionLabel(\n      getSelectionLabel(labels, placeholder, multiSelect, values)\n    );\n  }, [labels, multiSelect, placeholder, values]);\n\n  if (virtualized && !height && process.env.NODE_ENV !== \"production\") {\n    // eslint-disable-next-line no-console\n    console.error(\n      \"Dropdown/List in virtualized mode requires a height. Please define it.\"\n    );\n  }\n\n  const dropdownHeaderRef = useRef<HTMLDivElement>();\n\n  const handleToggle = (_e, open) => {\n    onToggle?.(_e, open);\n\n    setIsOpen(open);\n\n    if (!open) {\n      // also run built-in validation when closing without changes\n      // as the user \"touched\" the input\n      setValidationState(() => {\n        // this will only run if status is uncontrolled\n        if (required) {\n          const hasSelection = getSelected(internalValues).length > 0;\n\n          if (!hasSelection) {\n            return \"invalid\";\n          }\n        }\n\n        return \"valid\";\n      });\n    }\n  };\n\n  /**\n   * Applies the selected values to the state\n   *\n   * @param {Array} listValues - An array containing the selected values.\n   * @param {Boolean} commitChanges - If `true` the selection if finally committed the dropdown header text should reflect the new selection\n   * @param {Boolean} toggle -If `true` the dropdown should toggle it's current state\n   * @param {Boolean} notifyChanges -If `true` the dropdown will call onChange.\n   */\n  const handleSelection = (\n    listValues,\n    commitChanges,\n    toggle,\n    notifyChanges = true\n  ) => {\n    const selected = getSelected(listValues);\n\n    if (commitChanges) {\n      setInternalValues(listValues);\n      setSelectionLabel(\n        getSelectionLabel(labels, placeholder, multiSelect, listValues)\n      );\n\n      setValidationState(() => {\n        // this will only run if status is uncontrolled\n        if (required && selected.length === 0) {\n          return \"invalid\";\n        }\n\n        return \"valid\";\n      });\n    }\n    if (notifyChanges) onChange?.(multiSelect ? selected : selected[0]);\n    if (toggle) {\n      handleToggle(undefined, false);\n\n      // focus-ring won't be visible even if using the keyboard:\n      // https://github.com/WICG/focus-visible/issues/88\n      dropdownHeaderRef.current?.focus({ preventScroll: true });\n    }\n  };\n\n  /**\n   * Handles the `Cancel` action. Both single and ranged modes are handled here.\n   */\n  const handleCancel = (evt) => {\n    onCancel?.(evt);\n\n    handleToggle(evt, false);\n\n    // focus-ring won't be visible even if using the keyboard:\n    // https://github.com/WICG/focus-visible/issues/88\n    dropdownHeaderRef.current?.focus({ preventScroll: true });\n  };\n\n  const handleClickOutside = (evt) => {\n    onClickOutside?.(evt);\n    onCancel?.(evt);\n  };\n\n  const setFocusToContent = (containerRef) => {\n    const inputs = containerRef?.getElementsByTagName(\"input\");\n    if (inputs?.length > 0) {\n      inputs[0].focus();\n      return;\n    }\n    const listItems =\n      containerRef != null ? [...containerRef.getElementsByTagName(\"li\")] : [];\n    listItems.every((listItem) => {\n      if (listItem.tabIndex >= 0) {\n        listItem.focus();\n        return false;\n      }\n      return true;\n    });\n  };\n\n  const buildHeaderLabel = () => {\n    const hasSelection = getSelected(internalValues).length > 0;\n    return labels?.select || !multiSelect ? (\n      <StyledTypography\n        component=\"div\"\n        $selectionDisabled={disabled}\n        $isOpen={isOpen || hasSelection}\n        variant=\"body\"\n        className={clsx(\n          dropdownClasses?.placeholder,\n          classes?.placeholder,\n          disabled &&\n            clsx(dropdownClasses?.selectionDisabled, classes?.selectionDisabled)\n        )}\n      >\n        {selectionLabel.selected}\n      </StyledTypography>\n    ) : (\n      <StyledTypography\n        component=\"div\"\n        $selectionDisabled={disabled}\n        className={clsx(\n          dropdownClasses?.placeholder,\n          classes?.placeholder,\n          disabled &&\n            clsx(dropdownClasses?.selectionDisabled, classes?.selectionDisabled)\n        )}\n        variant=\"body\"\n      >\n        <b>{selectionLabel.selected}</b>\n        {` ${labels?.multiSelectionConjunction} ${selectionLabel.total}`}\n      </StyledTypography>\n    );\n  };\n\n  const hasLabel = label != null;\n  const hasDescription = description != null;\n\n  // the error message area will only be created if:\n  // - an external element that provides an error message isn't identified via aria-errormessage AND\n  //   - both status and statusMessage properties are being controlled OR\n  //   - status is uncontrolled and required is true\n  const canShowError =\n    ariaErrorMessage == null &&\n    ((status !== undefined && statusMessage !== undefined) ||\n      (status === undefined && required));\n\n  const isStateInvalid = isInvalid(validationState);\n\n  let errorMessageId;\n  if (isStateInvalid) {\n    errorMessageId = canShowError\n      ? setId(elementId, \"error\")\n      : ariaErrorMessage;\n  }\n\n  return (\n    <StyledHvFormElement\n      id={id}\n      name={name}\n      status={validationState}\n      disabled={disabled}\n      readOnly={readOnly}\n      required={required}\n      className={clsx(className, dropdownClasses.root, classes?.root)}\n      $selectionDisabled={disabled}\n      {...others}\n    >\n      {(hasLabel || hasDescription) && (\n        <StyledLabelContainer\n          className={clsx(\n            dropdownClasses.labelContainer,\n            classes?.labelContainer\n          )}\n        >\n          {hasLabel && (\n            <StyledLabel\n              id={setId(elementId, \"label\")}\n              label={label}\n              className={clsx(classes?.label, dropdownClasses.label)}\n            />\n          )}\n\n          {hasDescription && (\n            <HvInfoMessage\n              id={setId(elementId, \"description\")}\n              className={clsx(\n                classes?.description,\n                dropdownClasses.description\n              )}\n            >\n              {description}\n            </HvInfoMessage>\n          )}\n        </StyledLabelContainer>\n      )}\n      <StyledDropdown\n        id={setId(id, \"dropdown\")}\n        classes={{\n          root: clsx(classes?.dropdown, dropdownClasses.dropdown),\n          arrow: clsx(classes?.arrow, dropdownClasses.arrow),\n          header: clsx(\n            dropdownClasses.dropdownHeader,\n            classes?.dropdownHeader,\n            isStateInvalid &&\n              clsx(\n                dropdownClasses.dropdownHeaderInvalid,\n                classes?.dropdownHeaderInvalid\n              )\n          ),\n          headerOpen: clsx(\n            dropdownClasses.dropdownHeaderOpen,\n            classes?.dropdownHeaderOpen\n          ),\n        }}\n        $dropdownHeaderInvalid={isStateInvalid}\n        $readOnly={readOnly}\n        expanded={isOpen}\n        disabled={disabled}\n        readOnly={readOnly}\n        disablePortal={disablePortal}\n        placement={placement}\n        popperProps={popperProps}\n        placeholder={buildHeaderLabel()}\n        onToggle={handleToggle}\n        onClickOutside={handleClickOutside}\n        onContainerCreation={setFocusToContent}\n        role=\"combobox\"\n        variableWidth={variableWidth}\n        aria-label={ariaLabel}\n        aria-labelledby={\n          [label && setId(elementId, \"label\"), ariaLabelledBy]\n            .join(\" \")\n            .trim() || undefined\n        }\n        aria-invalid={isStateInvalid ? true : undefined}\n        aria-errormessage={errorMessageId}\n        aria-describedby={\n          [description && setId(elementId, \"description\"), ariaDescribedBy]\n            .join(\" \")\n            .trim() || undefined\n        }\n        onFocus={onFocus}\n        onBlur={onBlur}\n        dropdownHeaderRef={dropdownHeaderRef}\n        {...baseDropdownProps}\n      >\n        <HvDropdownList\n          id={setId(elementId, \"values\")}\n          classes={{\n            rootList: clsx(dropdownClasses.rootList, classes?.rootList),\n            dropdownListContainer: clsx(\n              dropdownClasses.dropdownListContainer,\n              classes?.dropdownListContainer\n            ),\n          }}\n          values={internalValues}\n          multiSelect={multiSelect}\n          showSearch={showSearch}\n          onChange={handleSelection}\n          onCancel={handleCancel}\n          labels={labels}\n          notifyChangesOnFirstRender={notifyChangesOnFirstRender}\n          hasTooltips={hasTooltips}\n          singleSelectionToggle={singleSelectionToggle}\n          aria-labelledby={hasLabel ? setId(elementId, \"label\") : undefined}\n          height={height}\n          maxHeight={maxHeight}\n          virtualized={virtualized}\n          {...listProps}\n        />\n      </StyledDropdown>\n      {canShowError && (\n        <HvWarningText\n          id={setId(elementId, \"error\")}\n          disableBorder\n          className={clsx(dropdownClasses.error, classes?.error)}\n        >\n          {validationMessage}\n        </HvWarningText>\n      )}\n    </StyledHvFormElement>\n  );\n};\n"],"names":["DEFAULT_LABELS","select","undefined","selectAll","cancelLabel","applyLabel","searchPlaceholder","multiSelectionConjunction","HvDropdown","props","classes","className","id","name","required","disabled","readOnly","label","ariaLabel","ariaLabelledBy","description","ariaDescribedBy","placeholder","onChange","status","statusMessage","ariaErrorMessage","onCancel","onToggle","onClickOutside","onFocus","onBlur","values","multiSelect","showSearch","expanded","defaultExpanded","notifyChangesOnFirstRender","labels","labelsProp","hasTooltips","disablePortal","singleSelectionToggle","placement","variableWidth","popperProps","height","maxHeight","virtualized","baseDropdownProps","listProps","others","useLabels","elementId","useUniqueId","validationState","setValidationState","useControlled","validationMessage","isOpen","setIsOpen","Boolean","selectionLabel","setSelectionLabel","useState","getSelectionLabel","internalValues","setInternalValues","useEffect","process","env","NODE_ENV","console","error","dropdownHeaderRef","useRef","handleToggle","_e","open","hasSelection","getSelected","length","handleSelection","listValues","commitChanges","toggle","notifyChanges","selected","current","focus","preventScroll","handleCancel","evt","handleClickOutside","setFocusToContent","containerRef","inputs","getElementsByTagName","listItems","every","listItem","tabIndex","buildHeaderLabel","clsx","dropdownClasses","selectionDisabled","total","hasLabel","hasDescription","canShowError","isStateInvalid","isInvalid","errorMessageId","setId","root","labelContainer","dropdown","arrow","header","dropdownHeader","dropdownHeaderInvalid","headerOpen","dropdownHeaderOpen","join","trim","rootList","dropdownListContainer"],"mappings":"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"}