@hitachivantara/uikit-react-core 5.14.1 → 5.16.0

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

@@ -3,6 +3,9 @@ import { theme } from "@hitachivantara/uikit-styles";
 import { transientOptions } from "../../../utils/transientOptions.js";
 import { jsx } from "@emotion/react/jsx-runtime";
 import { HvList } from "../../List/List.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++) {
@@ -22,12 +25,15 @@ const StyledRootList = /* @__PURE__ */ _styled("div", process.env.NODE_ENV === "
 } : {
   target: "e3xsfwu3",
   label: "StyledRootList"
-})({
-  width: "100%",
-  backgroundColor: theme.dropdown.listBackgroundColor,
-  border: theme.dropdown.listBorder,
-  borderRadius: theme.dropdown.listBorderRadius
-}, process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvRHJvcGRvd24vTGlzdC9MaXN0LnN0eWxlcy50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBSzhCIiwiZmlsZSI6Ii9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvRHJvcGRvd24vTGlzdC9MaXN0LnN0eWxlcy50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgc3R5bGVkIGZyb20gXCJAZW1vdGlvbi9zdHlsZWRcIjtcbmltcG9ydCB7IHRoZW1lIH0gZnJvbSBcIkBoaXRhY2hpdmFudGFyYS91aWtpdC1zdHlsZXNcIjtcbmltcG9ydCB7IEh2TGlzdCwgSHZMaXN0UHJvcHMgfSBmcm9tIFwiQGNvcmUvY29tcG9uZW50c1wiO1xuaW1wb3J0IHsgdHJhbnNpZW50T3B0aW9ucyB9IGZyb20gXCJAY29yZS91dGlscy90cmFuc2llbnRPcHRpb25zXCI7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRSb290TGlzdCA9IHN0eWxlZChcImRpdlwiKSh7XG4gIHdpZHRoOiBcIjEwMCVcIixcbiAgYmFja2dyb3VuZENvbG9yOiB0aGVtZS5kcm9wZG93bi5saXN0QmFja2dyb3VuZENvbG9yLFxuICBib3JkZXI6IHRoZW1lLmRyb3Bkb3duLmxpc3RCb3JkZXIsXG4gIGJvcmRlclJhZGl1czogdGhlbWUuZHJvcGRvd24ubGlzdEJvcmRlclJhZGl1cyxcbn0pO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkTGlzdENvbnRhaW5lciA9IHN0eWxlZChcImRpdlwiKSh7XG4gIHBhZGRpbmc6IHRoZW1lLmRyb3Bkb3duLmxpc3RDb250YWluZXJQYWRkaW5nLFxufSk7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRTZWFyY2hDb250YWluZXIgPSBzdHlsZWQoXCJkaXZcIikoe1xuICBtYXJnaW5Cb3R0b206IHRoZW1lLmRyb3Bkb3duLnNlYXJjaENvbnRhaW5lck1hcmdpbixcbn0pO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkTGlzdCA9IHN0eWxlZChcbiAgKHByb3BzOiBIdkxpc3RQcm9wcykgPT4gPEh2TGlzdCB7Li4ucHJvcHN9IC8+LFxuICB0cmFuc2llbnRPcHRpb25zXG4pKFxuICAoe1xuICAgICRkcm9wZG93bkhlaWdodCxcbiAgICAkdmlydHVhbGl6ZWQsXG4gICAgJGhlaWdodCxcbiAgICAkd2lkdGgsXG4gICAgJG1heEhlaWdodCxcbiAgfToge1xuICAgICRkcm9wZG93bkhlaWdodD86IG51bWJlcjtcbiAgICAkdmlydHVhbGl6ZWQ/OiBib29sZWFuO1xuICAgICRoZWlnaHQ/OiBudW1iZXI7XG4gICAgJHdpZHRoPzogbnVtYmVyO1xuICAgICRtYXhIZWlnaHQ/OiBudW1iZXI7XG4gIH0pID0+ICh7XG4gICAgbWF4V2lkdGg6ICR3aWR0aCxcbiAgICBtYXhIZWlnaHQ6XG4gICAgICAkbWF4SGVpZ2h0ID8/XG4gICAgICBgY2FsYygkeyRoZWlnaHR9cHggLSAzMnB4IC0gJHt0aGVtZS5zcGFjZS54c30gLSAke3RoZW1lLnNwYWNlLnNtfSlgLFxuICAgIG92ZXJmbG93OiBcImF1dG9cIixcbiAgICBwYWRkaW5nOiA1LFxuXG4gICAgLi4uKCRkcm9wZG93bkhlaWdodCAmJiB7IGhlaWdodDogJGRyb3Bkb3duSGVpZ2h0IH0pLFxuXG4gICAgLi4uKCR2aXJ0dWFsaXplZCAmJiB7XG4gICAgICBtYXhXaWR0aDogXCJpbmhlcml0XCIsXG4gICAgICBtYXhIZWlnaHQ6IFwiaW5oZXJpdFwiLFxuICAgICAgb3ZlcmZsb3c6IFwiaW5oZXJpdFwiLFxuICAgICAgcGFkZGluZzogMCxcbiAgICB9KSxcbiAgfSlcbik7XG4iXX0= */");
+})(process.env.NODE_ENV === "production" ? {
+  name: "0",
+  styles: ""
+} : {
+  name: "0",
+  styles: "",
+  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvRHJvcGRvd24vTGlzdC9MaXN0LnN0eWxlcy50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBSzhCIiwiZmlsZSI6Ii9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvRHJvcGRvd24vTGlzdC9MaXN0LnN0eWxlcy50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgc3R5bGVkIGZyb20gXCJAZW1vdGlvbi9zdHlsZWRcIjtcbmltcG9ydCB7IHRoZW1lIH0gZnJvbSBcIkBoaXRhY2hpdmFudGFyYS91aWtpdC1zdHlsZXNcIjtcbmltcG9ydCB7IEh2TGlzdCwgSHZMaXN0UHJvcHMgfSBmcm9tIFwiQGNvcmUvY29tcG9uZW50c1wiO1xuaW1wb3J0IHsgdHJhbnNpZW50T3B0aW9ucyB9IGZyb20gXCJAY29yZS91dGlscy90cmFuc2llbnRPcHRpb25zXCI7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRSb290TGlzdCA9IHN0eWxlZChcImRpdlwiKSh7fSk7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRMaXN0Q29udGFpbmVyID0gc3R5bGVkKFwiZGl2XCIpKHtcbiAgcGFkZGluZzogdGhlbWUuZHJvcGRvd24ubGlzdENvbnRhaW5lclBhZGRpbmcsXG59KTtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZFNlYXJjaENvbnRhaW5lciA9IHN0eWxlZChcImRpdlwiKSh7XG4gIG1hcmdpbkJvdHRvbTogdGhlbWUuZHJvcGRvd24uc2VhcmNoQ29udGFpbmVyTWFyZ2luLFxufSk7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRMaXN0ID0gc3R5bGVkKFxuICAocHJvcHM6IEh2TGlzdFByb3BzKSA9PiA8SHZMaXN0IHsuLi5wcm9wc30gLz4sXG4gIHRyYW5zaWVudE9wdGlvbnNcbikoXG4gICh7XG4gICAgJGRyb3Bkb3duSGVpZ2h0LFxuICAgICR2aXJ0dWFsaXplZCxcbiAgICAkaGVpZ2h0LFxuICAgICR3aWR0aCxcbiAgICAkbWF4SGVpZ2h0LFxuICB9OiB7XG4gICAgJGRyb3Bkb3duSGVpZ2h0PzogbnVtYmVyO1xuICAgICR2aXJ0dWFsaXplZD86IGJvb2xlYW47XG4gICAgJGhlaWdodD86IG51bWJlcjtcbiAgICAkd2lkdGg/OiBudW1iZXI7XG4gICAgJG1heEhlaWdodD86IG51bWJlcjtcbiAgfSkgPT4gKHtcbiAgICBtYXhXaWR0aDogJHdpZHRoLFxuICAgIG1heEhlaWdodDpcbiAgICAgICRtYXhIZWlnaHQgPz9cbiAgICAgIGBjYWxjKCR7JGhlaWdodH1weCAtIDMycHggLSAke3RoZW1lLnNwYWNlLnhzfSAtICR7dGhlbWUuc3BhY2Uuc219KWAsXG4gICAgb3ZlcmZsb3c6IFwiYXV0b1wiLFxuICAgIHBhZGRpbmc6IDUsXG5cbiAgICAuLi4oJGRyb3Bkb3duSGVpZ2h0ICYmIHsgaGVpZ2h0OiAkZHJvcGRvd25IZWlnaHQgfSksXG5cbiAgICAuLi4oJHZpcnR1YWxpemVkICYmIHtcbiAgICAgIG1heFdpZHRoOiBcImluaGVyaXRcIixcbiAgICAgIG1heEhlaWdodDogXCJpbmhlcml0XCIsXG4gICAgICBvdmVyZmxvdzogXCJpbmhlcml0XCIsXG4gICAgICBwYWRkaW5nOiAwLFxuICAgIH0pLFxuICB9KVxuKTtcbiJdfQ== */",
+  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
+});
 const StyledListContainer = /* @__PURE__ */ _styled("div", process.env.NODE_ENV === "production" ? {
   target: "e3xsfwu2"
 } : {
@@ -35,7 +41,7 @@ const StyledListContainer = /* @__PURE__ */ _styled("div", process.env.NODE_ENV
   label: "StyledListContainer"
 })({
   padding: theme.dropdown.listContainerPadding
-}, process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvRHJvcGRvd24vTGlzdC9MaXN0LnN0eWxlcy50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBWW1DIiwiZmlsZSI6Ii9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvRHJvcGRvd24vTGlzdC9MaXN0LnN0eWxlcy50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgc3R5bGVkIGZyb20gXCJAZW1vdGlvbi9zdHlsZWRcIjtcbmltcG9ydCB7IHRoZW1lIH0gZnJvbSBcIkBoaXRhY2hpdmFudGFyYS91aWtpdC1zdHlsZXNcIjtcbmltcG9ydCB7IEh2TGlzdCwgSHZMaXN0UHJvcHMgfSBmcm9tIFwiQGNvcmUvY29tcG9uZW50c1wiO1xuaW1wb3J0IHsgdHJhbnNpZW50T3B0aW9ucyB9IGZyb20gXCJAY29yZS91dGlscy90cmFuc2llbnRPcHRpb25zXCI7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRSb290TGlzdCA9IHN0eWxlZChcImRpdlwiKSh7XG4gIHdpZHRoOiBcIjEwMCVcIixcbiAgYmFja2dyb3VuZENvbG9yOiB0aGVtZS5kcm9wZG93bi5saXN0QmFja2dyb3VuZENvbG9yLFxuICBib3JkZXI6IHRoZW1lLmRyb3Bkb3duLmxpc3RCb3JkZXIsXG4gIGJvcmRlclJhZGl1czogdGhlbWUuZHJvcGRvd24ubGlzdEJvcmRlclJhZGl1cyxcbn0pO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkTGlzdENvbnRhaW5lciA9IHN0eWxlZChcImRpdlwiKSh7XG4gIHBhZGRpbmc6IHRoZW1lLmRyb3Bkb3duLmxpc3RDb250YWluZXJQYWRkaW5nLFxufSk7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRTZWFyY2hDb250YWluZXIgPSBzdHlsZWQoXCJkaXZcIikoe1xuICBtYXJnaW5Cb3R0b206IHRoZW1lLmRyb3Bkb3duLnNlYXJjaENvbnRhaW5lck1hcmdpbixcbn0pO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkTGlzdCA9IHN0eWxlZChcbiAgKHByb3BzOiBIdkxpc3RQcm9wcykgPT4gPEh2TGlzdCB7Li4ucHJvcHN9IC8+LFxuICB0cmFuc2llbnRPcHRpb25zXG4pKFxuICAoe1xuICAgICRkcm9wZG93bkhlaWdodCxcbiAgICAkdmlydHVhbGl6ZWQsXG4gICAgJGhlaWdodCxcbiAgICAkd2lkdGgsXG4gICAgJG1heEhlaWdodCxcbiAgfToge1xuICAgICRkcm9wZG93bkhlaWdodD86IG51bWJlcjtcbiAgICAkdmlydHVhbGl6ZWQ/OiBib29sZWFuO1xuICAgICRoZWlnaHQ/OiBudW1iZXI7XG4gICAgJHdpZHRoPzogbnVtYmVyO1xuICAgICRtYXhIZWlnaHQ/OiBudW1iZXI7XG4gIH0pID0+ICh7XG4gICAgbWF4V2lkdGg6ICR3aWR0aCxcbiAgICBtYXhIZWlnaHQ6XG4gICAgICAkbWF4SGVpZ2h0ID8/XG4gICAgICBgY2FsYygkeyRoZWlnaHR9cHggLSAzMnB4IC0gJHt0aGVtZS5zcGFjZS54c30gLSAke3RoZW1lLnNwYWNlLnNtfSlgLFxuICAgIG92ZXJmbG93OiBcImF1dG9cIixcbiAgICBwYWRkaW5nOiA1LFxuXG4gICAgLi4uKCRkcm9wZG93bkhlaWdodCAmJiB7IGhlaWdodDogJGRyb3Bkb3duSGVpZ2h0IH0pLFxuXG4gICAgLi4uKCR2aXJ0dWFsaXplZCAmJiB7XG4gICAgICBtYXhXaWR0aDogXCJpbmhlcml0XCIsXG4gICAgICBtYXhIZWlnaHQ6IFwiaW5oZXJpdFwiLFxuICAgICAgb3ZlcmZsb3c6IFwiaW5oZXJpdFwiLFxuICAgICAgcGFkZGluZzogMCxcbiAgICB9KSxcbiAgfSlcbik7XG4iXX0= */");
+}, process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvRHJvcGRvd24vTGlzdC9MaXN0LnN0eWxlcy50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBT21DIiwiZmlsZSI6Ii9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvRHJvcGRvd24vTGlzdC9MaXN0LnN0eWxlcy50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgc3R5bGVkIGZyb20gXCJAZW1vdGlvbi9zdHlsZWRcIjtcbmltcG9ydCB7IHRoZW1lIH0gZnJvbSBcIkBoaXRhY2hpdmFudGFyYS91aWtpdC1zdHlsZXNcIjtcbmltcG9ydCB7IEh2TGlzdCwgSHZMaXN0UHJvcHMgfSBmcm9tIFwiQGNvcmUvY29tcG9uZW50c1wiO1xuaW1wb3J0IHsgdHJhbnNpZW50T3B0aW9ucyB9IGZyb20gXCJAY29yZS91dGlscy90cmFuc2llbnRPcHRpb25zXCI7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRSb290TGlzdCA9IHN0eWxlZChcImRpdlwiKSh7fSk7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRMaXN0Q29udGFpbmVyID0gc3R5bGVkKFwiZGl2XCIpKHtcbiAgcGFkZGluZzogdGhlbWUuZHJvcGRvd24ubGlzdENvbnRhaW5lclBhZGRpbmcsXG59KTtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZFNlYXJjaENvbnRhaW5lciA9IHN0eWxlZChcImRpdlwiKSh7XG4gIG1hcmdpbkJvdHRvbTogdGhlbWUuZHJvcGRvd24uc2VhcmNoQ29udGFpbmVyTWFyZ2luLFxufSk7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRMaXN0ID0gc3R5bGVkKFxuICAocHJvcHM6IEh2TGlzdFByb3BzKSA9PiA8SHZMaXN0IHsuLi5wcm9wc30gLz4sXG4gIHRyYW5zaWVudE9wdGlvbnNcbikoXG4gICh7XG4gICAgJGRyb3Bkb3duSGVpZ2h0LFxuICAgICR2aXJ0dWFsaXplZCxcbiAgICAkaGVpZ2h0LFxuICAgICR3aWR0aCxcbiAgICAkbWF4SGVpZ2h0LFxuICB9OiB7XG4gICAgJGRyb3Bkb3duSGVpZ2h0PzogbnVtYmVyO1xuICAgICR2aXJ0dWFsaXplZD86IGJvb2xlYW47XG4gICAgJGhlaWdodD86IG51bWJlcjtcbiAgICAkd2lkdGg/OiBudW1iZXI7XG4gICAgJG1heEhlaWdodD86IG51bWJlcjtcbiAgfSkgPT4gKHtcbiAgICBtYXhXaWR0aDogJHdpZHRoLFxuICAgIG1heEhlaWdodDpcbiAgICAgICRtYXhIZWlnaHQgPz9cbiAgICAgIGBjYWxjKCR7JGhlaWdodH1weCAtIDMycHggLSAke3RoZW1lLnNwYWNlLnhzfSAtICR7dGhlbWUuc3BhY2Uuc219KWAsXG4gICAgb3ZlcmZsb3c6IFwiYXV0b1wiLFxuICAgIHBhZGRpbmc6IDUsXG5cbiAgICAuLi4oJGRyb3Bkb3duSGVpZ2h0ICYmIHsgaGVpZ2h0OiAkZHJvcGRvd25IZWlnaHQgfSksXG5cbiAgICAuLi4oJHZpcnR1YWxpemVkICYmIHtcbiAgICAgIG1heFdpZHRoOiBcImluaGVyaXRcIixcbiAgICAgIG1heEhlaWdodDogXCJpbmhlcml0XCIsXG4gICAgICBvdmVyZmxvdzogXCJpbmhlcml0XCIsXG4gICAgICBwYWRkaW5nOiAwLFxuICAgIH0pLFxuICB9KVxuKTtcbiJdfQ== */");
 const StyledSearchContainer = /* @__PURE__ */ _styled("div", process.env.NODE_ENV === "production" ? {
   target: "e3xsfwu1"
 } : {
@@ -43,7 +49,7 @@ const StyledSearchContainer = /* @__PURE__ */ _styled("div", process.env.NODE_EN
   label: "StyledSearchContainer"
 })({
   marginBottom: theme.dropdown.searchContainerMargin
-}, process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvRHJvcGRvd24vTGlzdC9MaXN0LnN0eWxlcy50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBZ0JxQyIsImZpbGUiOiIvaG9tZS9ydW5uZXIvd29yay9odi11aWtpdC1yZWFjdC9odi11aWtpdC1yZWFjdC9wYWNrYWdlcy9jb3JlL3NyYy9jb21wb25lbnRzL0Ryb3Bkb3duL0xpc3QvTGlzdC5zdHlsZXMudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHN0eWxlZCBmcm9tIFwiQGVtb3Rpb24vc3R5bGVkXCI7XG5pbXBvcnQgeyB0aGVtZSB9IGZyb20gXCJAaGl0YWNoaXZhbnRhcmEvdWlraXQtc3R5bGVzXCI7XG5pbXBvcnQgeyBIdkxpc3QsIEh2TGlzdFByb3BzIH0gZnJvbSBcIkBjb3JlL2NvbXBvbmVudHNcIjtcbmltcG9ydCB7IHRyYW5zaWVudE9wdGlvbnMgfSBmcm9tIFwiQGNvcmUvdXRpbHMvdHJhbnNpZW50T3B0aW9uc1wiO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkUm9vdExpc3QgPSBzdHlsZWQoXCJkaXZcIikoe1xuICB3aWR0aDogXCIxMDAlXCIsXG4gIGJhY2tncm91bmRDb2xvcjogdGhlbWUuZHJvcGRvd24ubGlzdEJhY2tncm91bmRDb2xvcixcbiAgYm9yZGVyOiB0aGVtZS5kcm9wZG93bi5saXN0Qm9yZGVyLFxuICBib3JkZXJSYWRpdXM6IHRoZW1lLmRyb3Bkb3duLmxpc3RCb3JkZXJSYWRpdXMsXG59KTtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZExpc3RDb250YWluZXIgPSBzdHlsZWQoXCJkaXZcIikoe1xuICBwYWRkaW5nOiB0aGVtZS5kcm9wZG93bi5saXN0Q29udGFpbmVyUGFkZGluZyxcbn0pO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkU2VhcmNoQ29udGFpbmVyID0gc3R5bGVkKFwiZGl2XCIpKHtcbiAgbWFyZ2luQm90dG9tOiB0aGVtZS5kcm9wZG93bi5zZWFyY2hDb250YWluZXJNYXJnaW4sXG59KTtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZExpc3QgPSBzdHlsZWQoXG4gIChwcm9wczogSHZMaXN0UHJvcHMpID0+IDxIdkxpc3Qgey4uLnByb3BzfSAvPixcbiAgdHJhbnNpZW50T3B0aW9uc1xuKShcbiAgKHtcbiAgICAkZHJvcGRvd25IZWlnaHQsXG4gICAgJHZpcnR1YWxpemVkLFxuICAgICRoZWlnaHQsXG4gICAgJHdpZHRoLFxuICAgICRtYXhIZWlnaHQsXG4gIH06IHtcbiAgICAkZHJvcGRvd25IZWlnaHQ/OiBudW1iZXI7XG4gICAgJHZpcnR1YWxpemVkPzogYm9vbGVhbjtcbiAgICAkaGVpZ2h0PzogbnVtYmVyO1xuICAgICR3aWR0aD86IG51bWJlcjtcbiAgICAkbWF4SGVpZ2h0PzogbnVtYmVyO1xuICB9KSA9PiAoe1xuICAgIG1heFdpZHRoOiAkd2lkdGgsXG4gICAgbWF4SGVpZ2h0OlxuICAgICAgJG1heEhlaWdodCA/P1xuICAgICAgYGNhbGMoJHskaGVpZ2h0fXB4IC0gMzJweCAtICR7dGhlbWUuc3BhY2UueHN9IC0gJHt0aGVtZS5zcGFjZS5zbX0pYCxcbiAgICBvdmVyZmxvdzogXCJhdXRvXCIsXG4gICAgcGFkZGluZzogNSxcblxuICAgIC4uLigkZHJvcGRvd25IZWlnaHQgJiYgeyBoZWlnaHQ6ICRkcm9wZG93bkhlaWdodCB9KSxcblxuICAgIC4uLigkdmlydHVhbGl6ZWQgJiYge1xuICAgICAgbWF4V2lkdGg6IFwiaW5oZXJpdFwiLFxuICAgICAgbWF4SGVpZ2h0OiBcImluaGVyaXRcIixcbiAgICAgIG92ZXJmbG93OiBcImluaGVyaXRcIixcbiAgICAgIHBhZGRpbmc6IDAsXG4gICAgfSksXG4gIH0pXG4pO1xuIl19 */");
+}, process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvRHJvcGRvd24vTGlzdC9MaXN0LnN0eWxlcy50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBV3FDIiwiZmlsZSI6Ii9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvRHJvcGRvd24vTGlzdC9MaXN0LnN0eWxlcy50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgc3R5bGVkIGZyb20gXCJAZW1vdGlvbi9zdHlsZWRcIjtcbmltcG9ydCB7IHRoZW1lIH0gZnJvbSBcIkBoaXRhY2hpdmFudGFyYS91aWtpdC1zdHlsZXNcIjtcbmltcG9ydCB7IEh2TGlzdCwgSHZMaXN0UHJvcHMgfSBmcm9tIFwiQGNvcmUvY29tcG9uZW50c1wiO1xuaW1wb3J0IHsgdHJhbnNpZW50T3B0aW9ucyB9IGZyb20gXCJAY29yZS91dGlscy90cmFuc2llbnRPcHRpb25zXCI7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRSb290TGlzdCA9IHN0eWxlZChcImRpdlwiKSh7fSk7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRMaXN0Q29udGFpbmVyID0gc3R5bGVkKFwiZGl2XCIpKHtcbiAgcGFkZGluZzogdGhlbWUuZHJvcGRvd24ubGlzdENvbnRhaW5lclBhZGRpbmcsXG59KTtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZFNlYXJjaENvbnRhaW5lciA9IHN0eWxlZChcImRpdlwiKSh7XG4gIG1hcmdpbkJvdHRvbTogdGhlbWUuZHJvcGRvd24uc2VhcmNoQ29udGFpbmVyTWFyZ2luLFxufSk7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRMaXN0ID0gc3R5bGVkKFxuICAocHJvcHM6IEh2TGlzdFByb3BzKSA9PiA8SHZMaXN0IHsuLi5wcm9wc30gLz4sXG4gIHRyYW5zaWVudE9wdGlvbnNcbikoXG4gICh7XG4gICAgJGRyb3Bkb3duSGVpZ2h0LFxuICAgICR2aXJ0dWFsaXplZCxcbiAgICAkaGVpZ2h0LFxuICAgICR3aWR0aCxcbiAgICAkbWF4SGVpZ2h0LFxuICB9OiB7XG4gICAgJGRyb3Bkb3duSGVpZ2h0PzogbnVtYmVyO1xuICAgICR2aXJ0dWFsaXplZD86IGJvb2xlYW47XG4gICAgJGhlaWdodD86IG51bWJlcjtcbiAgICAkd2lkdGg/OiBudW1iZXI7XG4gICAgJG1heEhlaWdodD86IG51bWJlcjtcbiAgfSkgPT4gKHtcbiAgICBtYXhXaWR0aDogJHdpZHRoLFxuICAgIG1heEhlaWdodDpcbiAgICAgICRtYXhIZWlnaHQgPz9cbiAgICAgIGBjYWxjKCR7JGhlaWdodH1weCAtIDMycHggLSAke3RoZW1lLnNwYWNlLnhzfSAtICR7dGhlbWUuc3BhY2Uuc219KWAsXG4gICAgb3ZlcmZsb3c6IFwiYXV0b1wiLFxuICAgIHBhZGRpbmc6IDUsXG5cbiAgICAuLi4oJGRyb3Bkb3duSGVpZ2h0ICYmIHsgaGVpZ2h0OiAkZHJvcGRvd25IZWlnaHQgfSksXG5cbiAgICAuLi4oJHZpcnR1YWxpemVkICYmIHtcbiAgICAgIG1heFdpZHRoOiBcImluaGVyaXRcIixcbiAgICAgIG1heEhlaWdodDogXCJpbmhlcml0XCIsXG4gICAgICBvdmVyZmxvdzogXCJpbmhlcml0XCIsXG4gICAgICBwYWRkaW5nOiAwLFxuICAgIH0pLFxuICB9KVxuKTtcbiJdfQ== */");
 const StyledList = /* @__PURE__ */ _styled((props) => /* @__PURE__ */ jsx(HvList, {
   ...props
 }), process.env.NODE_ENV === "production" ? _extends({}, {
@@ -71,7 +77,7 @@ const StyledList = /* @__PURE__ */ _styled((props) => /* @__PURE__ */ jsx(HvList
     overflow: "inherit",
     padding: 0
   }
-}), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvRHJvcGRvd24vTGlzdC9MaXN0LnN0eWxlcy50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBb0IwQiIsImZpbGUiOiIvaG9tZS9ydW5uZXIvd29yay9odi11aWtpdC1yZWFjdC9odi11aWtpdC1yZWFjdC9wYWNrYWdlcy9jb3JlL3NyYy9jb21wb25lbnRzL0Ryb3Bkb3duL0xpc3QvTGlzdC5zdHlsZXMudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHN0eWxlZCBmcm9tIFwiQGVtb3Rpb24vc3R5bGVkXCI7XG5pbXBvcnQgeyB0aGVtZSB9IGZyb20gXCJAaGl0YWNoaXZhbnRhcmEvdWlraXQtc3R5bGVzXCI7XG5pbXBvcnQgeyBIdkxpc3QsIEh2TGlzdFByb3BzIH0gZnJvbSBcIkBjb3JlL2NvbXBvbmVudHNcIjtcbmltcG9ydCB7IHRyYW5zaWVudE9wdGlvbnMgfSBmcm9tIFwiQGNvcmUvdXRpbHMvdHJhbnNpZW50T3B0aW9uc1wiO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkUm9vdExpc3QgPSBzdHlsZWQoXCJkaXZcIikoe1xuICB3aWR0aDogXCIxMDAlXCIsXG4gIGJhY2tncm91bmRDb2xvcjogdGhlbWUuZHJvcGRvd24ubGlzdEJhY2tncm91bmRDb2xvcixcbiAgYm9yZGVyOiB0aGVtZS5kcm9wZG93bi5saXN0Qm9yZGVyLFxuICBib3JkZXJSYWRpdXM6IHRoZW1lLmRyb3Bkb3duLmxpc3RCb3JkZXJSYWRpdXMsXG59KTtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZExpc3RDb250YWluZXIgPSBzdHlsZWQoXCJkaXZcIikoe1xuICBwYWRkaW5nOiB0aGVtZS5kcm9wZG93bi5saXN0Q29udGFpbmVyUGFkZGluZyxcbn0pO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkU2VhcmNoQ29udGFpbmVyID0gc3R5bGVkKFwiZGl2XCIpKHtcbiAgbWFyZ2luQm90dG9tOiB0aGVtZS5kcm9wZG93bi5zZWFyY2hDb250YWluZXJNYXJnaW4sXG59KTtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZExpc3QgPSBzdHlsZWQoXG4gIChwcm9wczogSHZMaXN0UHJvcHMpID0+IDxIdkxpc3Qgey4uLnByb3BzfSAvPixcbiAgdHJhbnNpZW50T3B0aW9uc1xuKShcbiAgKHtcbiAgICAkZHJvcGRvd25IZWlnaHQsXG4gICAgJHZpcnR1YWxpemVkLFxuICAgICRoZWlnaHQsXG4gICAgJHdpZHRoLFxuICAgICRtYXhIZWlnaHQsXG4gIH06IHtcbiAgICAkZHJvcGRvd25IZWlnaHQ/OiBudW1iZXI7XG4gICAgJHZpcnR1YWxpemVkPzogYm9vbGVhbjtcbiAgICAkaGVpZ2h0PzogbnVtYmVyO1xuICAgICR3aWR0aD86IG51bWJlcjtcbiAgICAkbWF4SGVpZ2h0PzogbnVtYmVyO1xuICB9KSA9PiAoe1xuICAgIG1heFdpZHRoOiAkd2lkdGgsXG4gICAgbWF4SGVpZ2h0OlxuICAgICAgJG1heEhlaWdodCA/P1xuICAgICAgYGNhbGMoJHskaGVpZ2h0fXB4IC0gMzJweCAtICR7dGhlbWUuc3BhY2UueHN9IC0gJHt0aGVtZS5zcGFjZS5zbX0pYCxcbiAgICBvdmVyZmxvdzogXCJhdXRvXCIsXG4gICAgcGFkZGluZzogNSxcblxuICAgIC4uLigkZHJvcGRvd25IZWlnaHQgJiYgeyBoZWlnaHQ6ICRkcm9wZG93bkhlaWdodCB9KSxcblxuICAgIC4uLigkdmlydHVhbGl6ZWQgJiYge1xuICAgICAgbWF4V2lkdGg6IFwiaW5oZXJpdFwiLFxuICAgICAgbWF4SGVpZ2h0OiBcImluaGVyaXRcIixcbiAgICAgIG92ZXJmbG93OiBcImluaGVyaXRcIixcbiAgICAgIHBhZGRpbmc6IDAsXG4gICAgfSksXG4gIH0pXG4pO1xuIl19 */");
+}), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvRHJvcGRvd24vTGlzdC9MaXN0LnN0eWxlcy50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBZTBCIiwiZmlsZSI6Ii9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvRHJvcGRvd24vTGlzdC9MaXN0LnN0eWxlcy50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgc3R5bGVkIGZyb20gXCJAZW1vdGlvbi9zdHlsZWRcIjtcbmltcG9ydCB7IHRoZW1lIH0gZnJvbSBcIkBoaXRhY2hpdmFudGFyYS91aWtpdC1zdHlsZXNcIjtcbmltcG9ydCB7IEh2TGlzdCwgSHZMaXN0UHJvcHMgfSBmcm9tIFwiQGNvcmUvY29tcG9uZW50c1wiO1xuaW1wb3J0IHsgdHJhbnNpZW50T3B0aW9ucyB9IGZyb20gXCJAY29yZS91dGlscy90cmFuc2llbnRPcHRpb25zXCI7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRSb290TGlzdCA9IHN0eWxlZChcImRpdlwiKSh7fSk7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRMaXN0Q29udGFpbmVyID0gc3R5bGVkKFwiZGl2XCIpKHtcbiAgcGFkZGluZzogdGhlbWUuZHJvcGRvd24ubGlzdENvbnRhaW5lclBhZGRpbmcsXG59KTtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZFNlYXJjaENvbnRhaW5lciA9IHN0eWxlZChcImRpdlwiKSh7XG4gIG1hcmdpbkJvdHRvbTogdGhlbWUuZHJvcGRvd24uc2VhcmNoQ29udGFpbmVyTWFyZ2luLFxufSk7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRMaXN0ID0gc3R5bGVkKFxuICAocHJvcHM6IEh2TGlzdFByb3BzKSA9PiA8SHZMaXN0IHsuLi5wcm9wc30gLz4sXG4gIHRyYW5zaWVudE9wdGlvbnNcbikoXG4gICh7XG4gICAgJGRyb3Bkb3duSGVpZ2h0LFxuICAgICR2aXJ0dWFsaXplZCxcbiAgICAkaGVpZ2h0LFxuICAgICR3aWR0aCxcbiAgICAkbWF4SGVpZ2h0LFxuICB9OiB7XG4gICAgJGRyb3Bkb3duSGVpZ2h0PzogbnVtYmVyO1xuICAgICR2aXJ0dWFsaXplZD86IGJvb2xlYW47XG4gICAgJGhlaWdodD86IG51bWJlcjtcbiAgICAkd2lkdGg/OiBudW1iZXI7XG4gICAgJG1heEhlaWdodD86IG51bWJlcjtcbiAgfSkgPT4gKHtcbiAgICBtYXhXaWR0aDogJHdpZHRoLFxuICAgIG1heEhlaWdodDpcbiAgICAgICRtYXhIZWlnaHQgPz9cbiAgICAgIGBjYWxjKCR7JGhlaWdodH1weCAtIDMycHggLSAke3RoZW1lLnNwYWNlLnhzfSAtICR7dGhlbWUuc3BhY2Uuc219KWAsXG4gICAgb3ZlcmZsb3c6IFwiYXV0b1wiLFxuICAgIHBhZGRpbmc6IDUsXG5cbiAgICAuLi4oJGRyb3Bkb3duSGVpZ2h0ICYmIHsgaGVpZ2h0OiAkZHJvcGRvd25IZWlnaHQgfSksXG5cbiAgICAuLi4oJHZpcnR1YWxpemVkICYmIHtcbiAgICAgIG1heFdpZHRoOiBcImluaGVyaXRcIixcbiAgICAgIG1heEhlaWdodDogXCJpbmhlcml0XCIsXG4gICAgICBvdmVyZmxvdzogXCJpbmhlcml0XCIsXG4gICAgICBwYWRkaW5nOiAwLFxuICAgIH0pLFxuICB9KVxuKTtcbiJdfQ== */");
 export {
   StyledList,
   StyledListContainer,

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

@@ -1 +1 @@
-{"version":3,"file":"List.styles.js","sources":["../../../../../src/components/Dropdown/List/List.styles.tsx"],"sourcesContent":["import styled from \"@emotion/styled\";\nimport { theme } from \"@hitachivantara/uikit-styles\";\nimport { HvList, HvListProps } from \"@core/components\";\nimport { transientOptions } from \"@core/utils/transientOptions\";\n\nexport const StyledRootList = styled(\"div\")({\n  width: \"100%\",\n  backgroundColor: theme.dropdown.listBackgroundColor,\n  border: theme.dropdown.listBorder,\n  borderRadius: theme.dropdown.listBorderRadius,\n});\n\nexport const StyledListContainer = styled(\"div\")({\n  padding: theme.dropdown.listContainerPadding,\n});\n\nexport const StyledSearchContainer = styled(\"div\")({\n  marginBottom: theme.dropdown.searchContainerMargin,\n});\n\nexport const StyledList = styled(\n  (props: HvListProps) => <HvList {...props} />,\n  transientOptions\n)(\n  ({\n    $dropdownHeight,\n    $virtualized,\n    $height,\n    $width,\n    $maxHeight,\n  }: {\n    $dropdownHeight?: number;\n    $virtualized?: boolean;\n    $height?: number;\n    $width?: number;\n    $maxHeight?: number;\n  }) => ({\n    maxWidth: $width,\n    maxHeight:\n      $maxHeight ??\n      `calc(${$height}px - 32px - ${theme.space.xs} - ${theme.space.sm})`,\n    overflow: \"auto\",\n    padding: 5,\n\n    ...($dropdownHeight && { height: $dropdownHeight }),\n\n    ...($virtualized && {\n      maxWidth: \"inherit\",\n      maxHeight: \"inherit\",\n      overflow: \"inherit\",\n      padding: 0,\n    }),\n  })\n);\n"],"names":["StyledRootList","process","env","NODE_ENV","target","label","width","backgroundColor","theme","dropdown","listBackgroundColor","border","listBorder","borderRadius","listBorderRadius","StyledListContainer","padding","listContainerPadding","StyledSearchContainer","marginBottom","searchContainerMargin","StyledList","_styled","props","HvList","_extends","transientOptions","$dropdownHeight","$virtualized","$height","$width","$maxHeight","maxWidth","maxHeight","space","xs","sm","overflow","height"],"mappings":";;;;;;;;;;;;;;;;;;;AAKO,MAAMA,iBAAwB,wBAAA,OAAKC,QAAAC,IAAAC,aAAA,eAAA;AAAA,EAAAC,QAAA;AAAA,IAAA;AAAA,EAAAA,QAAA;AAAA,EAAAC,OAAA;AAAA,CAAA,EAAE;AAAA,EAC1CC,OAAO;AAAA,EACPC,iBAAiBC,MAAMC,SAASC;AAAAA,EAChCC,QAAQH,MAAMC,SAASG;AAAAA,EACvBC,cAAcL,MAAMC,SAASK;AAC/B,GAACb,QAAAC,IAAAC,aAAC,eAAA,KAAA,i0EAAA;AAEK,MAAMY,sBAA6B,wBAAA,OAAKd,QAAAC,IAAAC,aAAA,eAAA;AAAA,EAAAC,QAAA;AAAA,IAAA;AAAA,EAAAA,QAAA;AAAA,EAAAC,OAAA;AAAA,CAAA,EAAE;AAAA,EAC/CW,SAASR,MAAMC,SAASQ;AAC1B,GAAChB,QAAAC,IAAAC,aAAC,eAAA,KAAA,i0EAAA;AAEK,MAAMe,wBAA+B,wBAAA,OAAKjB,QAAAC,IAAAC,aAAA,eAAA;AAAA,EAAAC,QAAA;AAAA,IAAA;AAAA,EAAAA,QAAA;AAAA,EAAAC,OAAA;AAAA,CAAA,EAAE;AAAA,EACjDc,cAAcX,MAAMC,SAASW;AAC/B,GAACnB,QAAAC,IAAAC,aAAC,eAAA,KAAA,i0EAAA;AAEK,MAAMkB,aAAaC,wBACxB,CAACC,8BAAwBC,QAAM;AAAA,EAAA,GAAKD;AAAK,CAAA,GAAItB,QAAAC,IAAAC,4BAAAsB,SAAA,IAAA;AAAA,EAAArB,QAAA;AAAA,GAC7CsB,gBAAgB,IAAAD,SAAA,IAAA;AAAA,EAAArB,QAAA;AAAA,EAAAC,OAAA;AAAA,GAAhBqB,gBAAgB,CACjB,EACC,CAAC;AAAA,EACCC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC;AAOF,OAAO;AAAA,EACLC,UAAUF;AAAAA,EACVG,WACEF,cACC,QAAOF,sBAAsBrB,MAAM0B,MAAMC,QAAQ3B,MAAM0B,MAAME;AAAAA,EAChEC,UAAU;AAAA,EACVrB,SAAS;AAAA,EAET,GAAIW,mBAAmB;AAAA,IAAEW,QAAQX;AAAAA,EAAgB;AAAA,EAEjD,GAAIC,gBAAgB;AAAA,IAClBI,UAAU;AAAA,IACVC,WAAW;AAAA,IACXI,UAAU;AAAA,IACVrB,SAAS;AAAA,EACX;AACF,IAAEf,QAAAC,IAAAC,aACH,eAAA,KAAA,i0EAAA;"}
+{"version":3,"file":"List.styles.js","sources":["../../../../../src/components/Dropdown/List/List.styles.tsx"],"sourcesContent":["import styled from \"@emotion/styled\";\nimport { theme } from \"@hitachivantara/uikit-styles\";\nimport { HvList, HvListProps } from \"@core/components\";\nimport { transientOptions } from \"@core/utils/transientOptions\";\n\nexport const StyledRootList = styled(\"div\")({});\n\nexport const StyledListContainer = styled(\"div\")({\n  padding: theme.dropdown.listContainerPadding,\n});\n\nexport const StyledSearchContainer = styled(\"div\")({\n  marginBottom: theme.dropdown.searchContainerMargin,\n});\n\nexport const StyledList = styled(\n  (props: HvListProps) => <HvList {...props} />,\n  transientOptions\n)(\n  ({\n    $dropdownHeight,\n    $virtualized,\n    $height,\n    $width,\n    $maxHeight,\n  }: {\n    $dropdownHeight?: number;\n    $virtualized?: boolean;\n    $height?: number;\n    $width?: number;\n    $maxHeight?: number;\n  }) => ({\n    maxWidth: $width,\n    maxHeight:\n      $maxHeight ??\n      `calc(${$height}px - 32px - ${theme.space.xs} - ${theme.space.sm})`,\n    overflow: \"auto\",\n    padding: 5,\n\n    ...($dropdownHeight && { height: $dropdownHeight }),\n\n    ...($virtualized && {\n      maxWidth: \"inherit\",\n      maxHeight: \"inherit\",\n      overflow: \"inherit\",\n      padding: 0,\n    }),\n  })\n);\n"],"names":["StyledRootList","process","env","NODE_ENV","target","label","name","styles","map","toString","_EMOTION_STRINGIFIED_CSS_ERROR__","StyledListContainer","padding","theme","dropdown","listContainerPadding","StyledSearchContainer","marginBottom","searchContainerMargin","StyledList","_styled","props","HvList","_extends","transientOptions","$dropdownHeight","$virtualized","$height","$width","$maxHeight","maxWidth","maxHeight","space","xs","sm","overflow","height"],"mappings":";;;;;;;;;;;;;;;;;;;;;;AAKO,MAAMA,iBAAwB,wBAAA,OAAKC,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,CAAG;AAEvC,MAAMC,sBAA6B,wBAAA,OAAKV,QAAAC,IAAAC,aAAA,eAAA;AAAA,EAAAC,QAAA;AAAA,IAAA;AAAA,EAAAA,QAAA;AAAA,EAAAC,OAAA;AAAA,CAAA,EAAE;AAAA,EAC/CO,SAASC,MAAMC,SAASC;AAC1B,GAACd,QAAAC,IAAAC,aAAC,eAAA,KAAA,qmEAAA;AAEK,MAAMa,wBAA+B,wBAAA,OAAKf,QAAAC,IAAAC,aAAA,eAAA;AAAA,EAAAC,QAAA;AAAA,IAAA;AAAA,EAAAA,QAAA;AAAA,EAAAC,OAAA;AAAA,CAAA,EAAE;AAAA,EACjDY,cAAcJ,MAAMC,SAASI;AAC/B,GAACjB,QAAAC,IAAAC,aAAC,eAAA,KAAA,qmEAAA;AAEK,MAAMgB,aAAaC,wBACxB,CAACC,8BAAwBC,QAAM;AAAA,EAAA,GAAKD;AAAK,CAAG,GAACpB,QAAAC,IAAAC,4BAAAoB,SAAA,IAAA;AAAA,EAAAnB,QAAA;AAAA,GAC7CoB,gBAAgB,IAAAD,SAAA,IAAA;AAAA,EAAAnB,QAAA;AAAA,EAAAC,OAAA;AAAA,GAAhBmB,gBAAgB,CAClB,EACE,CAAC;AAAA,EACCC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC;AAOF,OAAO;AAAA,EACLC,UAAUF;AAAAA,EACVG,WACEF,cACC,QAAOF,sBAAsBd,MAAMmB,MAAMC,QAAQpB,MAAMmB,MAAME;AAAAA,EAChEC,UAAU;AAAA,EACVvB,SAAS;AAAA,EAET,GAAIa,mBAAmB;AAAA,IAAEW,QAAQX;AAAAA,EAAgB;AAAA,EAEjD,GAAIC,gBAAgB;AAAA,IAClBI,UAAU;AAAA,IACVC,WAAW;AAAA,IACXI,UAAU;AAAA,IACVvB,SAAS;AAAA,EACX;AACF,IAAEX,QAAAC,IAAAC,soEACJ;"}

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

@@ -1 +1 @@
-{"version":3,"file":"EmptyState.js","sources":["../../../../src/components/EmptyState/EmptyState.tsx"],"sourcesContent":["import { clsx } from \"clsx\";\nimport React from \"react\";\nimport { HvBaseProps } from \"@core/types\";\nimport { HvTypographyProps } from \"@core/components\";\nimport { useTheme as useHvTheme } from \"@core/hooks\";\nimport { useTheme } from \"@mui/material/styles\";\nimport {\n  StyledContainer,\n  StyledRoot,\n  StyledTextContainer,\n  StyledTypography,\n} from \"./EmptyState.styles\";\nimport emptyStateClasses, { HvEmptyStateClasses } from \"./emptyStateClasses\";\n\nexport interface HvEmptyStateProps\n  extends HvBaseProps<HTMLDivElement, \"title\"> {\n  /** Icon to be presented. */\n  icon: React.ReactNode;\n  /** The title to be shown. */\n  title?: string | React.ReactNode;\n  /** The message to be shown. */\n  message?: string | React.ReactNode;\n  /** The action message to be shown. */\n  action?: string | React.ReactNode;\n  /** A Jss Object used to override or extend the styles applied to the empty state component. */\n  classes?: HvEmptyStateClasses;\n}\n\n/**\n * Empty states communicate that there’s no information, data or values to display in a given context.\n */\nexport const HvEmptyState = (props: HvEmptyStateProps) => {\n  const { activeTheme } = useHvTheme();\n\n  const muiTheme = useTheme();\n\n  const renderNode = (\n    type: \"action\" | \"message\" | \"title\",\n    variant?: HvTypographyProps[\"variant\"],\n    node?: string | React.ReactNode,\n    className?: string\n  ) =>\n    node && (\n      <StyledTypography $type={type} variant={variant} className={className}>\n        {node}\n      </StyledTypography>\n    );\n\n  const { action, icon, title, message, classes, className, ...others } = props;\n\n  return (\n    <StyledRoot\n      className={clsx(className, emptyStateClasses.root, classes?.root)}\n      {...others}\n    >\n      <StyledContainer\n        className={clsx(\n          emptyStateClasses.container,\n          classes?.container,\n          !!(message && !(title || action)) &&\n            clsx(\n              emptyStateClasses.containerMessageOnly,\n              classes?.containerMessageOnly\n            )\n        )}\n        $breakpoints={muiTheme.breakpoints}\n        $messageOnly={!!(message && !(title || action))}\n      >\n        <div\n          className={clsx(\n            emptyStateClasses.iconContainer,\n            classes?.iconContainer\n          )}\n        >\n          {icon}\n        </div>\n        <StyledTextContainer\n          $breakpoints={muiTheme.breakpoints}\n          className={clsx(\n            emptyStateClasses.textContainer,\n            classes?.textContainer\n          )}\n        >\n          {renderNode(\n            \"title\",\n            activeTheme?.emptyState.titleVariant,\n            title,\n            clsx(emptyStateClasses.titleContainer, classes?.titleContainer)\n          )}\n          {renderNode(\n            \"message\",\n            \"body\",\n            message,\n            clsx(emptyStateClasses.messageContainer, classes?.messageContainer)\n          )}\n          {renderNode(\n            \"action\",\n            \"body\",\n            action,\n            clsx(emptyStateClasses.actionContainer, classes?.actionContainer)\n          )}\n        </StyledTextContainer>\n      </StyledContainer>\n    </StyledRoot>\n  );\n};\n"],"names":["HvEmptyState","props","activeTheme","useHvTheme","muiTheme","useTheme","renderNode","type","variant","node","className","StyledTypography","$type","children","action","icon","title","message","classes","others","StyledRoot","clsx","emptyStateClasses","root","StyledContainer","container","containerMessageOnly","$breakpoints","breakpoints","$messageOnly","_jsx","iconContainer","_jsxs","StyledTextContainer","textContainer","emptyState","titleVariant","titleContainer","messageContainer","actionContainer"],"mappings":";;;;;;AA+BaA,MAAAA,eAAeA,CAACC,UAA6B;AAClD,QAAA;AAAA,IAAEC;AAAAA,MAAgBC,SAAY;AAEpC,QAAMC,WAAWC;AAEXC,QAAAA,aAAaA,CACjBC,MACAC,SACAC,MACAC,eAEAD,4BACGE,kBAAgB;AAAA,IAACC,OAAOL;AAAAA,IAAMC;AAAAA,IAAkBE,WAAWA;AAAAA,IAAUG,UACnEJ;AAAAA,EAAAA,CAEJ;AAEG,QAAA;AAAA,IAAEK;AAAAA,IAAQC;AAAAA,IAAMC;AAAAA,IAAOC;AAAAA,IAASC;AAAAA,IAASR;AAAAA,IAAW,GAAGS;AAAAA,EAAWlB,IAAAA;AAExE,6BACGmB,YAAU;AAAA,IACTV,WAAWW,KAAKX,WAAWY,kBAAkBC,MAAML,mCAASK,IAAI;AAAA,IAAE,GAC9DJ;AAAAA,IAAMN,+BAETW,iBAAe;AAAA,MACdd,WAAWW,KACTC,kBAAkBG,WAClBP,mCAASO,WACT,CAAC,EAAER,WAAW,EAAED,SAASF,YACvBO,KACEC,kBAAkBI,sBAClBR,mCAASQ,oBAAoB,CAC9B;AAAA,MAELC,cAAcvB,SAASwB;AAAAA,MACvBC,cAAc,CAAC,EAAEZ,WAAW,EAAED,SAASF;AAAAA,MAASD,WAEhDiB,oBAAA,OAAA;AAAA,QACEpB,WAAWW,KACTC,kBAAkBS,eAClBb,mCAASa,aAAa;AAAA,QACtBlB,UAEDE;AAAAA,MAAAA,CACG,GACNiB,qBAACC,qBAAmB;AAAA,QAClBN,cAAcvB,SAASwB;AAAAA,QACvBlB,WAAWW,KACTC,kBAAkBY,eAClBhB,mCAASgB,aAAa;AAAA,QACtBrB,UAEDP,CAAAA,WACC,SACAJ,2CAAaiC,WAAWC,cACxBpB,OACAK,KAAKC,kBAAkBe,gBAAgBnB,mCAASmB,cAAc,CAAC,GAEhE/B,WACC,WACA,QACAW,SACAI,KAAKC,kBAAkBgB,kBAAkBpB,mCAASoB,gBAAgB,CAAC,GAEpEhC,WACC,UACA,QACAQ,QACAO,KAAKC,kBAAkBiB,iBAAiBrB,mCAASqB,eAAe,CAAC,CAClE;AAAA,MAAA,CACmB,CAAA;AAAA,IAAA,CAAA;AAAA,EAAA,CAEb;AAEjB;"}
+{"version":3,"file":"EmptyState.js","sources":["../../../../src/components/EmptyState/EmptyState.tsx"],"sourcesContent":["import { clsx } from \"clsx\";\nimport React from \"react\";\nimport { HvBaseProps } from \"@core/types\";\nimport { HvTypographyProps } from \"@core/components\";\nimport { useTheme as useHvTheme } from \"@core/hooks\";\nimport { useTheme } from \"@mui/material/styles\";\nimport {\n  StyledContainer,\n  StyledRoot,\n  StyledTextContainer,\n  StyledTypography,\n} from \"./EmptyState.styles\";\nimport emptyStateClasses, { HvEmptyStateClasses } from \"./emptyStateClasses\";\n\nexport interface HvEmptyStateProps\n  extends HvBaseProps<HTMLDivElement, \"title\"> {\n  /** Icon to be presented. */\n  icon: React.ReactNode;\n  /** The title to be shown. */\n  title?: string | React.ReactNode;\n  /** The message to be shown. */\n  message?: string | React.ReactNode;\n  /** The action message to be shown. */\n  action?: string | React.ReactNode;\n  /** A Jss Object used to override or extend the styles applied to the empty state component. */\n  classes?: HvEmptyStateClasses;\n}\n\n/**\n * Empty states communicate that there’s no information, data or values to display in a given context.\n */\nexport const HvEmptyState = (props: HvEmptyStateProps) => {\n  const { activeTheme } = useHvTheme();\n\n  const muiTheme = useTheme();\n\n  const renderNode = (\n    type: \"action\" | \"message\" | \"title\",\n    variant?: HvTypographyProps[\"variant\"],\n    node?: string | React.ReactNode,\n    className?: string\n  ) =>\n    node && (\n      <StyledTypography $type={type} variant={variant} className={className}>\n        {node}\n      </StyledTypography>\n    );\n\n  const { action, icon, title, message, classes, className, ...others } = props;\n\n  return (\n    <StyledRoot\n      className={clsx(className, emptyStateClasses.root, classes?.root)}\n      {...others}\n    >\n      <StyledContainer\n        className={clsx(\n          emptyStateClasses.container,\n          classes?.container,\n          !!(message && !(title || action)) &&\n            clsx(\n              emptyStateClasses.containerMessageOnly,\n              classes?.containerMessageOnly\n            )\n        )}\n        $breakpoints={muiTheme.breakpoints}\n        $messageOnly={!!(message && !(title || action))}\n      >\n        <div\n          className={clsx(\n            emptyStateClasses.iconContainer,\n            classes?.iconContainer\n          )}\n        >\n          {icon}\n        </div>\n        <StyledTextContainer\n          $breakpoints={muiTheme.breakpoints}\n          className={clsx(\n            emptyStateClasses.textContainer,\n            classes?.textContainer\n          )}\n        >\n          {renderNode(\n            \"title\",\n            activeTheme?.emptyState.titleVariant,\n            title,\n            clsx(emptyStateClasses.titleContainer, classes?.titleContainer)\n          )}\n          {renderNode(\n            \"message\",\n            \"body\",\n            message,\n            clsx(emptyStateClasses.messageContainer, classes?.messageContainer)\n          )}\n          {renderNode(\n            \"action\",\n            \"body\",\n            action,\n            clsx(emptyStateClasses.actionContainer, classes?.actionContainer)\n          )}\n        </StyledTextContainer>\n      </StyledContainer>\n    </StyledRoot>\n  );\n};\n"],"names":["HvEmptyState","props","activeTheme","useHvTheme","muiTheme","useTheme","renderNode","type","variant","node","className","StyledTypography","$type","children","action","icon","title","message","classes","others","StyledRoot","clsx","emptyStateClasses","root","StyledContainer","container","containerMessageOnly","$breakpoints","breakpoints","$messageOnly","_jsx","iconContainer","_jsxs","StyledTextContainer","textContainer","emptyState","titleVariant","titleContainer","messageContainer","actionContainer"],"mappings":";;;;;;AA+BaA,MAAAA,eAAeA,CAACC,UAA6B;AAClD,QAAA;AAAA,IAAEC;AAAAA,MAAgBC,SAAW;AAEnC,QAAMC,WAAWC;AAEXC,QAAAA,aAAaA,CACjBC,MACAC,SACAC,MACAC,eAEAD,4BACGE,kBAAgB;AAAA,IAACC,OAAOL;AAAAA,IAAMC;AAAAA,IAAkBE,WAAWA;AAAAA,IAAUG,UACnEJ;AAAAA,EAAAA,CACe;AAGhB,QAAA;AAAA,IAAEK;AAAAA,IAAQC;AAAAA,IAAMC;AAAAA,IAAOC;AAAAA,IAASC;AAAAA,IAASR;AAAAA,IAAW,GAAGS;AAAAA,EAAWlB,IAAAA;AAExE,6BACGmB,YAAU;AAAA,IACTV,WAAWW,KAAKX,WAAWY,kBAAkBC,MAAML,mCAASK,IAAI;AAAA,IAAE,GAC9DJ;AAAAA,IAAMN,+BAETW,iBAAe;AAAA,MACdd,WAAWW,KACTC,kBAAkBG,WAClBP,mCAASO,WACT,CAAC,EAAER,WAAW,EAAED,SAASF,YACvBO,KACEC,kBAAkBI,sBAClBR,mCAASQ,oBACX,CACJ;AAAA,MACAC,cAAcvB,SAASwB;AAAAA,MACvBC,cAAc,CAAC,EAAEZ,WAAW,EAAED,SAASF;AAAAA,MAASD,WAEhDiB,oBAAA,OAAA;AAAA,QACEpB,WAAWW,KACTC,kBAAkBS,eAClBb,mCAASa,aACX;AAAA,QAAElB,UAEDE;AAAAA,MAAAA,CACE,GACLiB,qBAACC,qBAAmB;AAAA,QAClBN,cAAcvB,SAASwB;AAAAA,QACvBlB,WAAWW,KACTC,kBAAkBY,eAClBhB,mCAASgB,aACX;AAAA,QAAErB,UAEDP,CAAAA,WACC,SACAJ,2CAAaiC,WAAWC,cACxBpB,OACAK,KAAKC,kBAAkBe,gBAAgBnB,mCAASmB,cAAc,CAChE,GACC/B,WACC,WACA,QACAW,SACAI,KAAKC,kBAAkBgB,kBAAkBpB,mCAASoB,gBAAgB,CACpE,GACChC,WACC,UACA,QACAQ,QACAO,KAAKC,kBAAkBiB,iBAAiBrB,mCAASqB,eAAe,CAClE,CAAC;AAAA,MAAA,CACkB,CAAC;AAAA,IAAA,CACP;AAAA,EAAA,CACP;AAEhB;"}

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

@@ -1 +1 @@
-{"version":3,"file":"EmptyState.styles.js","sources":["../../../../src/components/EmptyState/EmptyState.styles.tsx"],"sourcesContent":["import styled from \"@emotion/styled\";\nimport { theme } from \"@hitachivantara/uikit-styles\";\nimport { Breakpoints as MuiBreakpoints } from \"@mui/material\";\nimport { HvTypography } from \"@core/components\";\nimport { transientOptions } from \"@core/utils/transientOptions\";\nimport emptyStateClasses from \"./emptyStateClasses\";\n\nexport const StyledRoot = styled(\"div\")({\n  width: \"100%\",\n  height: \"100%\",\n  display: \"flex\",\n  justifyContent: \"center\",\n});\n\nexport const StyledContainer = styled(\n  \"div\",\n  transientOptions\n)(\n  ({\n    $messageOnly,\n    $breakpoints,\n  }: {\n    $messageOnly: boolean;\n    $breakpoints: MuiBreakpoints;\n  }) => ({\n    display: \"flex\",\n    flexDirection: \"row\",\n    [$breakpoints.only(\"xs\")]: {\n      flexDirection: \"column\",\n      alignItems: \"center\",\n      textAlign: \"center\",\n    },\n    ...($messageOnly && {\n      alignItems: \"center\",\n      [$breakpoints.only(\"xs\")]: {\n        flexDirection: \"row\",\n      },\n      [`& .${emptyStateClasses.textContainer}`]: {\n        marginLeft: 0,\n      },\n    }),\n  })\n);\n\nexport const StyledTextContainer = styled(\n  \"div\",\n  transientOptions\n)(({ $breakpoints }: { $breakpoints: MuiBreakpoints }) => ({\n  background: \"transparent\",\n  maxWidth: \"510px\",\n  overflow: \"hidden\",\n  [$breakpoints.up(\"sm\")]: {\n    marginLeft: theme.space.xs,\n  },\n  \"& a\": {\n    color: theme.colors.primary,\n    textDecoration: \"none\",\n  },\n}));\n\nexport const StyledTypography = styled(\n  HvTypography,\n  transientOptions\n)(({ $type }: { $type: \"title\" | \"message\" | \"action\" }) => ({\n  ...($type === \"title\" && {\n    marginTop: theme.emptyState.titleMarginTop,\n    marginBottom: theme.space.sm,\n  }),\n  ...($type === \"action\" && {\n    marginTop: theme.space.sm,\n  }),\n}));\n"],"names":["StyledRoot","process","env","NODE_ENV","target","label","name","styles","map","toString","_EMOTION_STRINGIFIED_CSS_ERROR__","StyledContainer","_extends","transientOptions","$messageOnly","$breakpoints","display","flexDirection","only","alignItems","textAlign","emptyStateClasses","textContainer","marginLeft","StyledTextContainer","background","maxWidth","overflow","up","theme","space","xs","color","colors","primary","textDecoration","StyledTypography","HvTypography","$type","marginTop","emptyState","titleMarginTop","marginBottom","sm"],"mappings":";;;;;;;;;;;;;;;;;;;;;;AAOO,MAAMA,aAAoB,wBAAA,OAAKC,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,CAKrC;AAEWC,MAAAA,0CACX,OAAKV,QAAAC,IAAAC,4BAAAS,SAAA,IAAA;AAAA,EAAAR,QAAA;AAAA,GACLS,gBAAgB,IAAAD,SAAA,IAAA;AAAA,EAAAR,QAAA;AAAA,EAAAC,OAAA;AAAA,GAAhBQ,gBAAgB,CACjB,EACC,CAAC;AAAA,EACCC;AAAAA,EACAC;AAIF,OAAO;AAAA,EACLC,SAAS;AAAA,EACTC,eAAe;AAAA,EACf,CAACF,aAAaG,KAAK,IAAI,CAAC,GAAG;AAAA,IACzBD,eAAe;AAAA,IACfE,YAAY;AAAA,IACZC,WAAW;AAAA,EACb;AAAA,EACA,GAAIN,gBAAgB;AAAA,IAClBK,YAAY;AAAA,IACZ,CAACJ,aAAaG,KAAK,IAAI,CAAC,GAAG;AAAA,MACzBD,eAAe;AAAA,IACjB;AAAA,IACA,CAAE,MAAKI,kBAAkBC,eAAe,GAAG;AAAA,MACzCC,YAAY;AAAA,IACd;AAAA,EACF;AACF,IAAEtB,QAAAC,IAAAC,aACH,eAAA,KAAA,i5FAAA;AAEYqB,MAAAA,8CACX,OAAKvB,QAAAC,IAAAC,4BAAAS,SAAA,IAAA;AAAA,EAAAR,QAAA;AAAA,GACLS,gBAAgB,IAAAD,SAAA,IAAA;AAAA,EAAAR,QAAA;AAAA,EAAAC,OAAA;AAAA,GAAhBQ,gBAAgB,CACjB,EAAC,CAAC;AAAA,EAAEE;AAA+C,OAAO;AAAA,EACzDU,YAAY;AAAA,EACZC,UAAU;AAAA,EACVC,UAAU;AAAA,EACV,CAACZ,aAAaa,GAAG,IAAI,CAAC,GAAG;AAAA,IACvBL,YAAYM,MAAMC,MAAMC;AAAAA,EAC1B;AAAA,EACA,OAAO;AAAA,IACLC,OAAOH,MAAMI,OAAOC;AAAAA,IACpBC,gBAAgB;AAAA,EAClB;AACF,IAAElC,QAAAC,IAAAC,aAAC,eAAA,KAAA,q5FAAA;AAEUiC,MAAAA,2CACXC,cAAYpC,QAAAC,IAAAC,4BAAAS,SAAA,IAAA;AAAA,EAAAR,QAAA;AAAA,GACZS,gBAAgB,IAAAD,SAAA,IAAA;AAAA,EAAAR,QAAA;AAAA,EAAAC,OAAA;AAAA,GAAhBQ,gBAAgB,CACjB,EAAC,CAAC;AAAA,EAAEyB;AAAiD,OAAO;AAAA,EAC3D,GAAIA,UAAU,WAAW;AAAA,IACvBC,WAAWV,MAAMW,WAAWC;AAAAA,IAC5BC,cAAcb,MAAMC,MAAMa;AAAAA,EAC5B;AAAA,EACA,GAAIL,UAAU,YAAY;AAAA,IACxBC,WAAWV,MAAMC,MAAMa;AAAAA,EACzB;AACF,IAAE1C,QAAAC,IAAAC,aAAC,eAAA,KAAA,q5FAAA;"}
+{"version":3,"file":"EmptyState.styles.js","sources":["../../../../src/components/EmptyState/EmptyState.styles.tsx"],"sourcesContent":["import styled from \"@emotion/styled\";\nimport { theme } from \"@hitachivantara/uikit-styles\";\nimport { Breakpoints as MuiBreakpoints } from \"@mui/material\";\nimport { HvTypography } from \"@core/components\";\nimport { transientOptions } from \"@core/utils/transientOptions\";\nimport emptyStateClasses from \"./emptyStateClasses\";\n\nexport const StyledRoot = styled(\"div\")({\n  width: \"100%\",\n  height: \"100%\",\n  display: \"flex\",\n  justifyContent: \"center\",\n});\n\nexport const StyledContainer = styled(\n  \"div\",\n  transientOptions\n)(\n  ({\n    $messageOnly,\n    $breakpoints,\n  }: {\n    $messageOnly: boolean;\n    $breakpoints: MuiBreakpoints;\n  }) => ({\n    display: \"flex\",\n    flexDirection: \"row\",\n    [$breakpoints.only(\"xs\")]: {\n      flexDirection: \"column\",\n      alignItems: \"center\",\n      textAlign: \"center\",\n    },\n    ...($messageOnly && {\n      alignItems: \"center\",\n      [$breakpoints.only(\"xs\")]: {\n        flexDirection: \"row\",\n      },\n      [`& .${emptyStateClasses.textContainer}`]: {\n        marginLeft: 0,\n      },\n    }),\n  })\n);\n\nexport const StyledTextContainer = styled(\n  \"div\",\n  transientOptions\n)(({ $breakpoints }: { $breakpoints: MuiBreakpoints }) => ({\n  background: \"transparent\",\n  maxWidth: \"510px\",\n  overflow: \"hidden\",\n  [$breakpoints.up(\"sm\")]: {\n    marginLeft: theme.space.xs,\n  },\n  \"& a\": {\n    color: theme.colors.primary,\n    textDecoration: \"none\",\n  },\n}));\n\nexport const StyledTypography = styled(\n  HvTypography,\n  transientOptions\n)(({ $type }: { $type: \"title\" | \"message\" | \"action\" }) => ({\n  ...($type === \"title\" && {\n    marginTop: theme.emptyState.titleMarginTop,\n    marginBottom: theme.space.sm,\n  }),\n  ...($type === \"action\" && {\n    marginTop: theme.space.sm,\n  }),\n}));\n"],"names":["StyledRoot","process","env","NODE_ENV","target","label","name","styles","map","toString","_EMOTION_STRINGIFIED_CSS_ERROR__","StyledContainer","_extends","transientOptions","$messageOnly","$breakpoints","display","flexDirection","only","alignItems","textAlign","emptyStateClasses","textContainer","marginLeft","StyledTextContainer","background","maxWidth","overflow","up","theme","space","xs","color","colors","primary","textDecoration","StyledTypography","HvTypography","$type","marginTop","emptyState","titleMarginTop","marginBottom","sm"],"mappings":";;;;;;;;;;;;;;;;;;;;;;AAOO,MAAMA,aAAoB,wBAAA,OAAKC,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,CAKtC;AAEYC,MAAAA,0CACX,OAAKV,QAAAC,IAAAC,4BAAAS,SAAA,IAAA;AAAA,EAAAR,QAAA;AAAA,GACLS,gBAAgB,IAAAD,SAAA,IAAA;AAAA,EAAAR,QAAA;AAAA,EAAAC,OAAA;AAAA,GAAhBQ,gBAAgB,CAClB,EACE,CAAC;AAAA,EACCC;AAAAA,EACAC;AAIF,OAAO;AAAA,EACLC,SAAS;AAAA,EACTC,eAAe;AAAA,EACf,CAACF,aAAaG,KAAK,IAAI,CAAC,GAAG;AAAA,IACzBD,eAAe;AAAA,IACfE,YAAY;AAAA,IACZC,WAAW;AAAA,EACb;AAAA,EACA,GAAIN,gBAAgB;AAAA,IAClBK,YAAY;AAAA,IACZ,CAACJ,aAAaG,KAAK,IAAI,CAAC,GAAG;AAAA,MACzBD,eAAe;AAAA,IACjB;AAAA,IACA,CAAE,MAAKI,kBAAkBC,eAAe,GAAG;AAAA,MACzCC,YAAY;AAAA,IACd;AAAA,EACF;AACF,IAAEtB,QAAAC,IAAAC,k7FACJ;AAEaqB,MAAAA,8CACX,OAAKvB,QAAAC,IAAAC,4BAAAS,SAAA,IAAA;AAAA,EAAAR,QAAA;AAAA,GACLS,gBAAgB,IAAAD,SAAA,IAAA;AAAA,EAAAR,QAAA;AAAA,EAAAC,OAAA;AAAA,GAAhBQ,gBAAgB,CAClB,EAAE,CAAC;AAAA,EAAEE;AAA+C,OAAO;AAAA,EACzDU,YAAY;AAAA,EACZC,UAAU;AAAA,EACVC,UAAU;AAAA,EACV,CAACZ,aAAaa,GAAG,IAAI,CAAC,GAAG;AAAA,IACvBL,YAAYM,MAAMC,MAAMC;AAAAA,EAC1B;AAAA,EACA,OAAO;AAAA,IACLC,OAAOH,MAAMI,OAAOC;AAAAA,IACpBC,gBAAgB;AAAA,EAClB;AACF,IAAElC,QAAAC,IAAAC,aAAC,eAAA,KAAA,q5FAAA;AAEUiC,MAAAA,2CACXC,cAAYpC,QAAAC,IAAAC,4BAAAS,SAAA,IAAA;AAAA,EAAAR,QAAA;AAAA,GACZS,gBAAgB,IAAAD,SAAA,IAAA;AAAA,EAAAR,QAAA;AAAA,EAAAC,OAAA;AAAA,GAAhBQ,gBAAgB,CAClB,EAAE,CAAC;AAAA,EAAEyB;AAAiD,OAAO;AAAA,EAC3D,GAAIA,UAAU,WAAW;AAAA,IACvBC,WAAWV,MAAMW,WAAWC;AAAAA,IAC5BC,cAAcb,MAAMC,MAAMa;AAAAA,EAC5B;AAAA,EACA,GAAIL,UAAU,YAAY;AAAA,IACxBC,WAAWV,MAAMC,MAAMa;AAAAA,EACzB;AACF,IAAE1C,QAAAC,IAAAC,aAAC,eAAA,KAAA,q5FAAA;"}

package/dist/esm/components/FileUploader/DropZone/DropZone.js.map

@@ -1 +1 @@
-{"version":3,"file":"DropZone.js","sources":["../../../../../src/components/FileUploader/DropZone/DropZone.tsx"],"sourcesContent":["import React, { useRef, useState } from \"react\";\nimport uniqueId from \"lodash/uniqueId\";\nimport accept from \"attr-accept\";\nimport { clsx } from \"clsx\";\nimport { isKeypress, keyboardCodes, setId } from \"@core/utils\";\nimport { useUniqueId } from \"@core/hooks\";\nimport { convertUnits } from \"../utils\";\nimport {\n  StyledDragText,\n  StyledDropArea,\n  StyledDropAreaIcon,\n  StyledDropAreaLabel,\n  StyledDropAreaLabels,\n  StyledDropZoneContainer,\n  StyledDropZoneLabelsGroup,\n  StyledInfoMessage,\n  StyledInput,\n  StyledLabel,\n  StyledSelectedFilesText,\n} from \"./DropZone.styles\";\nimport dropZoneClasses, { HvDropZoneClasses } from \"./dropZoneClasses\";\nimport { HvFileData, HvFilesAddedEvent } from \"../File\";\n\nexport interface HvDropZoneLabels {\n  /**\n   * Extensions of the accepted file types\n   */\n  acceptedFiles?: string;\n  /**\n   * Dropzone area label.\n   */\n  dropzone?: string;\n  /**\n   * Size file warning label.\n   */\n  sizeWarning?: string;\n  /**\n   * Size file warning label.\n   */\n  drag?: string;\n  /**\n   * Size file warning label.\n   */\n  selectFiles?: string;\n  /**\n   * Theming sheet used to style components\n   * */\n  dropFiles?: string;\n  /**\n   * Message to display when file size is greater than allowed\n   * */\n  fileSizeError?: string;\n  /**\n   * Message to display when file type is greater than allowed\n   * */\n  fileTypeError?: string;\n}\n\nexport interface HvDropZoneProps {\n  /**\n   * Id to be applied to the root node.\n   */\n  id?: string;\n  /**\n   * Labels to present in FileUploader.\n   */\n  labels?: HvDropZoneLabels;\n  /**\n   * Whether the Dropzone should accept multiple files at once.\n   */\n  multiple?: boolean;\n  /**\n   * If the input is disabled or not\n   */\n  disabled?: boolean;\n  /**\n   * Files extensions accepted for upload.\n   */\n  acceptedFiles: string[];\n  /**\n   * Max upload size\n   * */\n  maxFileSize: number;\n  /**\n   * Function responsible for processing files added to the drop zone.\n   */\n  onFilesAdded?: HvFilesAddedEvent;\n  /**\n   * Whether the DropZone should hide labels or not.\n   */\n  hideLabels?: boolean;\n  /**\n   * Attributes applied to the input element.\n   */\n  inputProps?: React.InputHTMLAttributes<HTMLInputElement>;\n  /**\n   * A Jss Object used to override or extend the styles applied to the component.\n   */\n  classes?: HvDropZoneClasses;\n}\n\nexport const HvDropZone = ({\n  id: idProp,\n  classes,\n  labels,\n  acceptedFiles,\n  maxFileSize,\n  inputProps,\n  hideLabels,\n  multiple = true,\n  disabled = false,\n  onFilesAdded,\n}: HvDropZoneProps) => {\n  const id = useUniqueId(idProp, \"dropzone\");\n  const [dragState, setDrag] = useState<boolean>(false);\n\n  const inputRef = useRef<HTMLInputElement | null>(null);\n\n  const leaveDropArea = () => {\n    setDrag(false);\n  };\n\n  const enterDropArea = () => {\n    setDrag(true);\n  };\n\n  const onChangeHandler = (filesList: FileList) => {\n    const filesToProcess = Object.keys(filesList).map((e) => filesList[e]);\n\n    const newFiles: HvFileData[] = [];\n\n    filesToProcess.forEach((file: File) => {\n      const newFile: HvFileData = file;\n\n      const isSizeAllowed = file.size <= maxFileSize;\n      const isFileAccepted =\n        !acceptedFiles.length ||\n        acceptedFiles.indexOf(file.type.split(\"/\")[1]) > -1 ||\n        acceptedFiles.some((acceptExtension) =>\n          accept({ name: file.name, type: file.type }, acceptExtension)\n        );\n\n      if (!isFileAccepted) {\n        newFile.errorMessage = labels?.fileTypeError;\n        newFile.status = \"fail\";\n      } else if (!isSizeAllowed) {\n        newFile.errorMessage = labels?.fileSizeError;\n        newFile.status = \"fail\";\n      }\n\n      newFile.id = uniqueId(\"uploaded-file-data-\");\n      newFiles.push(newFile);\n    });\n\n    onFilesAdded?.(newFiles);\n  };\n\n  return (\n    <>\n      {!hideLabels && (\n        <StyledDropZoneLabelsGroup\n          id={id}\n          className={clsx(\n            classes?.dropZoneLabelsGroup,\n            dropZoneClasses.dropZoneLabelsGroup\n          )}\n          aria-label=\"File Dropzone\"\n        >\n          <StyledLabel\n            id={setId(id, \"input-file-label\")}\n            htmlFor={setId(id, \"input-file\")}\n            label={labels?.dropzone}\n            className={clsx(\n              classes?.dropZoneLabel,\n              dropZoneClasses.dropZoneLabel\n            )}\n            $disabled={disabled}\n          />\n          <StyledInfoMessage $disabled={disabled} id={setId(id, \"description\")}>\n            {Number.isInteger(maxFileSize) &&\n              `${labels?.sizeWarning} ${convertUnits(maxFileSize)}`}\n            {labels?.acceptedFiles && labels.acceptedFiles}\n            {!labels?.acceptedFiles &&\n              acceptedFiles.length > 0 &&\n              `\\u00A0(${acceptedFiles.join(\", \")})`}\n          </StyledInfoMessage>\n        </StyledDropZoneLabelsGroup>\n      )}\n      <StyledDropZoneContainer\n        id={setId(id, \"button\")}\n        className={clsx(\n          classes?.dropZoneContainer,\n          dropZoneClasses.dropZoneContainer,\n          dragState && clsx(classes?.dragAction, dropZoneClasses.dragAction),\n          disabled &&\n            clsx(\n              classes?.dropZoneContainerDisabled,\n              dropZoneClasses.dropZoneContainerDisabled\n            )\n        )}\n        $drag={dragState}\n        $disabled={disabled}\n        role=\"button\"\n        tabIndex={0}\n        onDragEnter={(event) => {\n          if (!disabled) {\n            enterDropArea();\n            event.stopPropagation();\n            event.preventDefault();\n          }\n        }}\n        onDragLeave={leaveDropArea}\n        onDropCapture={leaveDropArea}\n        onDragOver={(event) => {\n          if (!disabled) {\n            enterDropArea();\n            event.stopPropagation();\n            event.preventDefault();\n          }\n        }}\n        onDrop={(event) => {\n          if (!disabled) {\n            const { files } = event.dataTransfer;\n            if (multiple === true || files.length === 1) {\n              event.stopPropagation();\n              event.preventDefault();\n              onChangeHandler(files);\n            }\n          }\n        }}\n        onKeyDown={(e) => {\n          if (isKeypress(e, keyboardCodes.Enter) || isKeypress(e, 32)) {\n            inputRef.current?.click();\n          }\n        }}\n      >\n        <StyledInput\n          id={setId(id, \"input-file\")}\n          tabIndex={-1}\n          className={clsx(classes?.inputArea, dropZoneClasses.inputArea)}\n          type=\"file\"\n          multiple={multiple}\n          disabled={disabled}\n          title={!disabled ? `${labels?.drag}\\xa0${labels?.selectFiles}` : \"\"}\n          onClick={() => {\n            if (inputRef.current) {\n              inputRef.current.value = \"\";\n            }\n          }}\n          onChange={() => {\n            if (!disabled && inputRef.current?.files) {\n              onChangeHandler(inputRef.current.files);\n            }\n          }}\n          ref={inputRef}\n          accept={acceptedFiles.join(\",\")}\n          {...inputProps}\n        />\n        <StyledDropArea\n          className={clsx(classes?.dropArea, dropZoneClasses.dropArea)}\n        >\n          {dragState ? (\n            <StyledDropAreaLabel\n              className={clsx(\n                classes?.dropZoneAreaLabels,\n                dropZoneClasses.dropZoneAreaLabels\n              )}\n            >\n              <StyledDragText\n                className={clsx(classes?.dragText, dropZoneClasses.dragText)}\n              >\n                {labels?.dropFiles}\n              </StyledDragText>\n            </StyledDropAreaLabel>\n          ) : (\n            <>\n              <StyledDropAreaIcon\n                iconSize=\"M\"\n                className={clsx(\n                  classes?.dropZoneAreaIcon,\n                  dropZoneClasses.dropZoneAreaIcon\n                )}\n                color={disabled ? \"secondary_60\" : \"secondary\"}\n              />\n              <StyledDropAreaLabels\n                className={clsx(\n                  classes?.dropZoneAreaLabels,\n                  dropZoneClasses.dropZoneAreaLabels\n                )}\n              >\n                <StyledDragText\n                  className={clsx(classes?.dragText, dropZoneClasses.dragText)}\n                >\n                  {labels?.drag}\n                  <StyledSelectedFilesText\n                    className={clsx(\n                      classes?.selectFilesText,\n                      dropZoneClasses.selectFilesText\n                    )}\n                  >{`\\xa0${labels?.selectFiles}`}</StyledSelectedFilesText>\n                </StyledDragText>\n              </StyledDropAreaLabels>\n            </>\n          )}\n        </StyledDropArea>\n      </StyledDropZoneContainer>\n    </>\n  );\n};\n"],"names":["HvDropZone","id","idProp","classes","labels","acceptedFiles","maxFileSize","inputProps","hideLabels","multiple","disabled","onFilesAdded","useUniqueId","dragState","setDrag","useState","inputRef","useRef","leaveDropArea","enterDropArea","onChangeHandler","filesList","filesToProcess","Object","keys","map","e","newFiles","forEach","file","newFile","isSizeAllowed","size","isFileAccepted","length","indexOf","type","split","some","acceptExtension","accept","name","errorMessage","fileTypeError","status","fileSizeError","uniqueId","push","_Fragment","children","StyledDropZoneLabelsGroup","className","clsx","dropZoneLabelsGroup","dropZoneClasses","_jsx","StyledLabel","setId","htmlFor","label","dropzone","dropZoneLabel","$disabled","_jsxs","StyledInfoMessage","Number","isInteger","sizeWarning","convertUnits","join","StyledDropZoneContainer","dropZoneContainer","dragAction","dropZoneContainerDisabled","$drag","role","tabIndex","onDragEnter","event","stopPropagation","preventDefault","onDragLeave","onDropCapture","onDragOver","onDrop","files","dataTransfer","onKeyDown","isKeypress","keyboardCodes","Enter","current","click","StyledInput","inputArea","title","drag","selectFiles","onClick","value","onChange","ref","StyledDropArea","dropArea","StyledDropAreaLabel","dropZoneAreaLabels","StyledDragText","dragText","dropFiles","StyledDropAreaIcon","iconSize","dropZoneAreaIcon","color","StyledDropAreaLabels","StyledSelectedFilesText","selectFilesText"],"mappings":"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"}
+{"version":3,"file":"DropZone.js","sources":["../../../../../src/components/FileUploader/DropZone/DropZone.tsx"],"sourcesContent":["import React, { useRef, useState } from \"react\";\nimport uniqueId from \"lodash/uniqueId\";\nimport accept from \"attr-accept\";\nimport { clsx } from \"clsx\";\nimport { isKeypress, keyboardCodes, setId } from \"@core/utils\";\nimport { useUniqueId } from \"@core/hooks\";\nimport { convertUnits } from \"../utils\";\nimport {\n  StyledDragText,\n  StyledDropArea,\n  StyledDropAreaIcon,\n  StyledDropAreaLabel,\n  StyledDropAreaLabels,\n  StyledDropZoneContainer,\n  StyledDropZoneLabelsGroup,\n  StyledInfoMessage,\n  StyledInput,\n  StyledLabel,\n  StyledSelectedFilesText,\n} from \"./DropZone.styles\";\nimport dropZoneClasses, { HvDropZoneClasses } from \"./dropZoneClasses\";\nimport { HvFileData, HvFilesAddedEvent } from \"../File\";\n\nexport interface HvDropZoneLabels {\n  /**\n   * Extensions of the accepted file types\n   */\n  acceptedFiles?: string;\n  /**\n   * Dropzone area label.\n   */\n  dropzone?: string;\n  /**\n   * Size file warning label.\n   */\n  sizeWarning?: string;\n  /**\n   * Size file warning label.\n   */\n  drag?: string;\n  /**\n   * Size file warning label.\n   */\n  selectFiles?: string;\n  /**\n   * Theming sheet used to style components\n   * */\n  dropFiles?: string;\n  /**\n   * Message to display when file size is greater than allowed\n   * */\n  fileSizeError?: string;\n  /**\n   * Message to display when file type is greater than allowed\n   * */\n  fileTypeError?: string;\n}\n\nexport interface HvDropZoneProps {\n  /**\n   * Id to be applied to the root node.\n   */\n  id?: string;\n  /**\n   * Labels to present in FileUploader.\n   */\n  labels?: HvDropZoneLabels;\n  /**\n   * Whether the Dropzone should accept multiple files at once.\n   */\n  multiple?: boolean;\n  /**\n   * If the input is disabled or not\n   */\n  disabled?: boolean;\n  /**\n   * Files extensions accepted for upload.\n   */\n  acceptedFiles: string[];\n  /**\n   * Max upload size\n   * */\n  maxFileSize: number;\n  /**\n   * Function responsible for processing files added to the drop zone.\n   */\n  onFilesAdded?: HvFilesAddedEvent;\n  /**\n   * Whether the DropZone should hide labels or not.\n   */\n  hideLabels?: boolean;\n  /**\n   * Attributes applied to the input element.\n   */\n  inputProps?: React.InputHTMLAttributes<HTMLInputElement>;\n  /**\n   * A Jss Object used to override or extend the styles applied to the component.\n   */\n  classes?: HvDropZoneClasses;\n}\n\nexport const HvDropZone = ({\n  id: idProp,\n  classes,\n  labels,\n  acceptedFiles,\n  maxFileSize,\n  inputProps,\n  hideLabels,\n  multiple = true,\n  disabled = false,\n  onFilesAdded,\n}: HvDropZoneProps) => {\n  const id = useUniqueId(idProp, \"dropzone\");\n  const [dragState, setDrag] = useState<boolean>(false);\n\n  const inputRef = useRef<HTMLInputElement | null>(null);\n\n  const leaveDropArea = () => {\n    setDrag(false);\n  };\n\n  const enterDropArea = () => {\n    setDrag(true);\n  };\n\n  const onChangeHandler = (filesList: FileList) => {\n    const filesToProcess = Object.keys(filesList).map((e) => filesList[e]);\n\n    const newFiles: HvFileData[] = [];\n\n    filesToProcess.forEach((file: File) => {\n      const newFile: HvFileData = file;\n\n      const isSizeAllowed = file.size <= maxFileSize;\n      const isFileAccepted =\n        !acceptedFiles.length ||\n        acceptedFiles.indexOf(file.type.split(\"/\")[1]) > -1 ||\n        acceptedFiles.some((acceptExtension) =>\n          accept({ name: file.name, type: file.type }, acceptExtension)\n        );\n\n      if (!isFileAccepted) {\n        newFile.errorMessage = labels?.fileTypeError;\n        newFile.status = \"fail\";\n      } else if (!isSizeAllowed) {\n        newFile.errorMessage = labels?.fileSizeError;\n        newFile.status = \"fail\";\n      }\n\n      newFile.id = uniqueId(\"uploaded-file-data-\");\n      newFiles.push(newFile);\n    });\n\n    onFilesAdded?.(newFiles);\n  };\n\n  return (\n    <>\n      {!hideLabels && (\n        <StyledDropZoneLabelsGroup\n          id={id}\n          className={clsx(\n            classes?.dropZoneLabelsGroup,\n            dropZoneClasses.dropZoneLabelsGroup\n          )}\n          aria-label=\"File Dropzone\"\n        >\n          <StyledLabel\n            id={setId(id, \"input-file-label\")}\n            htmlFor={setId(id, \"input-file\")}\n            label={labels?.dropzone}\n            className={clsx(\n              classes?.dropZoneLabel,\n              dropZoneClasses.dropZoneLabel\n            )}\n            $disabled={disabled}\n          />\n          <StyledInfoMessage $disabled={disabled} id={setId(id, \"description\")}>\n            {Number.isInteger(maxFileSize) &&\n              `${labels?.sizeWarning} ${convertUnits(maxFileSize)}`}\n            {labels?.acceptedFiles && labels.acceptedFiles}\n            {!labels?.acceptedFiles &&\n              acceptedFiles.length > 0 &&\n              `\\u00A0(${acceptedFiles.join(\", \")})`}\n          </StyledInfoMessage>\n        </StyledDropZoneLabelsGroup>\n      )}\n      <StyledDropZoneContainer\n        id={setId(id, \"button\")}\n        className={clsx(\n          classes?.dropZoneContainer,\n          dropZoneClasses.dropZoneContainer,\n          dragState && clsx(classes?.dragAction, dropZoneClasses.dragAction),\n          disabled &&\n            clsx(\n              classes?.dropZoneContainerDisabled,\n              dropZoneClasses.dropZoneContainerDisabled\n            )\n        )}\n        $drag={dragState}\n        $disabled={disabled}\n        role=\"button\"\n        tabIndex={0}\n        onDragEnter={(event) => {\n          if (!disabled) {\n            enterDropArea();\n            event.stopPropagation();\n            event.preventDefault();\n          }\n        }}\n        onDragLeave={leaveDropArea}\n        onDropCapture={leaveDropArea}\n        onDragOver={(event) => {\n          if (!disabled) {\n            enterDropArea();\n            event.stopPropagation();\n            event.preventDefault();\n          }\n        }}\n        onDrop={(event) => {\n          if (!disabled) {\n            const { files } = event.dataTransfer;\n            if (multiple === true || files.length === 1) {\n              event.stopPropagation();\n              event.preventDefault();\n              onChangeHandler(files);\n            }\n          }\n        }}\n        onKeyDown={(e) => {\n          if (isKeypress(e, keyboardCodes.Enter) || isKeypress(e, 32)) {\n            inputRef.current?.click();\n          }\n        }}\n      >\n        <StyledInput\n          id={setId(id, \"input-file\")}\n          tabIndex={-1}\n          className={clsx(classes?.inputArea, dropZoneClasses.inputArea)}\n          type=\"file\"\n          multiple={multiple}\n          disabled={disabled}\n          title={!disabled ? `${labels?.drag}\\xa0${labels?.selectFiles}` : \"\"}\n          onClick={() => {\n            if (inputRef.current) {\n              inputRef.current.value = \"\";\n            }\n          }}\n          onChange={() => {\n            if (!disabled && inputRef.current?.files) {\n              onChangeHandler(inputRef.current.files);\n            }\n          }}\n          ref={inputRef}\n          accept={acceptedFiles.join(\",\")}\n          {...inputProps}\n        />\n        <StyledDropArea\n          className={clsx(classes?.dropArea, dropZoneClasses.dropArea)}\n        >\n          {dragState ? (\n            <StyledDropAreaLabel\n              className={clsx(\n                classes?.dropZoneAreaLabels,\n                dropZoneClasses.dropZoneAreaLabels\n              )}\n            >\n              <StyledDragText\n                className={clsx(classes?.dragText, dropZoneClasses.dragText)}\n              >\n                {labels?.dropFiles}\n              </StyledDragText>\n            </StyledDropAreaLabel>\n          ) : (\n            <>\n              <StyledDropAreaIcon\n                iconSize=\"M\"\n                className={clsx(\n                  classes?.dropZoneAreaIcon,\n                  dropZoneClasses.dropZoneAreaIcon\n                )}\n                color={disabled ? \"secondary_60\" : \"secondary\"}\n              />\n              <StyledDropAreaLabels\n                className={clsx(\n                  classes?.dropZoneAreaLabels,\n                  dropZoneClasses.dropZoneAreaLabels\n                )}\n              >\n                <StyledDragText\n                  className={clsx(classes?.dragText, dropZoneClasses.dragText)}\n                >\n                  {labels?.drag}\n                  <StyledSelectedFilesText\n                    className={clsx(\n                      classes?.selectFilesText,\n                      dropZoneClasses.selectFilesText\n                    )}\n                  >{`\\xa0${labels?.selectFiles}`}</StyledSelectedFilesText>\n                </StyledDragText>\n              </StyledDropAreaLabels>\n            </>\n          )}\n        </StyledDropArea>\n      </StyledDropZoneContainer>\n    </>\n  );\n};\n"],"names":["HvDropZone","id","idProp","classes","labels","acceptedFiles","maxFileSize","inputProps","hideLabels","multiple","disabled","onFilesAdded","useUniqueId","dragState","setDrag","useState","inputRef","useRef","leaveDropArea","enterDropArea","onChangeHandler","filesList","filesToProcess","Object","keys","map","e","newFiles","forEach","file","newFile","isSizeAllowed","size","isFileAccepted","length","indexOf","type","split","some","acceptExtension","accept","name","errorMessage","fileTypeError","status","fileSizeError","uniqueId","push","_Fragment","children","StyledDropZoneLabelsGroup","className","clsx","dropZoneLabelsGroup","dropZoneClasses","_jsx","StyledLabel","setId","htmlFor","label","dropzone","dropZoneLabel","$disabled","_jsxs","StyledInfoMessage","Number","isInteger","sizeWarning","convertUnits","join","StyledDropZoneContainer","dropZoneContainer","dragAction","dropZoneContainerDisabled","$drag","role","tabIndex","onDragEnter","event","stopPropagation","preventDefault","onDragLeave","onDropCapture","onDragOver","onDrop","files","dataTransfer","onKeyDown","isKeypress","keyboardCodes","Enter","current","click","StyledInput","inputArea","title","drag","selectFiles","onClick","value","onChange","ref","StyledDropArea","dropArea","StyledDropAreaLabel","dropZoneAreaLabels","StyledDragText","dragText","dropFiles","StyledDropAreaIcon","iconSize","dropZoneAreaIcon","color","StyledDropAreaLabels","StyledSelectedFilesText","selectFilesText"],"mappings":"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"}

package/dist/esm/components/FileUploader/DropZone/DropZone.styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"DropZone.styles.js","sources":["../../../../../src/components/FileUploader/DropZone/DropZone.styles.tsx"],"sourcesContent":["import styled from \"@emotion/styled\";\nimport { Doc } from \"@hitachivantara/uikit-react-icons\";\nimport { theme } from \"@hitachivantara/uikit-styles\";\nimport { HvInfoMessage, HvLabel, HvTypography } from \"@core/components\";\nimport { CSSProperties } from \"react\";\nimport { outlineStyles } from \"@core/utils\";\nimport { transientOptions } from \"@core/utils/transientOptions\";\nimport dropZoneClasses from \"./dropZoneClasses\";\n\nexport const StyledDropZoneLabelsGroup = styled(\"div\")({\n  display: \"flex\",\n  justifyContent: \"start\",\n\n  \"& label:nth-of-type(1)\": {},\n\n  \"& p:nth-of-type(2)\": {\n    marginLeft: \"auto\",\n  },\n});\n\nexport const StyledLabel = styled(\n  HvLabel,\n  transientOptions\n)(({ $disabled }: { $disabled: boolean }) => ({\n  paddingBottom: 6,\n\n  ...($disabled && {\n    color: theme.colors.secondary_60,\n  }),\n}));\n\nexport const StyledInfoMessage = styled(\n  HvInfoMessage,\n  transientOptions\n)(({ $disabled }: { $disabled: boolean }) => ({\n  ...($disabled && {\n    color: theme.colors.secondary_60,\n  }),\n}));\n\nexport const StyledDropZoneContainer = styled(\n  \"div\",\n  transientOptions\n)(({ $drag, $disabled }: { $drag: boolean; $disabled: boolean }) => ({\n  position: \"relative\",\n  width: \"100%\",\n  display: \"flex\",\n  border: `1px ${theme.fileUploader.dropZone.borderType} ${theme.fileUploader.dropZone.borderColor}`,\n  cursor: \"pointer\",\n  background: theme.fileUploader.dropZone.backgroundColor,\n  borderRadius: theme.fileUploader.dropZone.borderRadius,\n\n  \"&:hover\": {\n    background: `${theme.colors.atmo1}`,\n    border: `1px ${theme.fileUploader.dropZone.borderType} ${theme.colors.secondary}`,\n  },\n\n  \"&:focus\": {\n    background: `${theme.colors.atmo1}`,\n    border: `1px ${theme.fileUploader.dropZone.borderType} ${theme.colors.secondary}`,\n    ...outlineStyles,\n  },\n\n  ...($drag && {\n    background: `${theme.colors.atmo1}`,\n    border: `1px ${theme.fileUploader.dropZone.borderType} ${theme.fileUploader.dropZone.borderColorDrag}`,\n  }),\n\n  ...($disabled && {\n    [`&.${dropZoneClasses.dropZoneContainer}`]: {\n      background: `${theme.colors.atmo3}`,\n      border: `1px ${theme.fileUploader.dropZone.borderType} ${theme.fileUploader.dropZone.borderColorDisabled}`,\n      cursor: \"not-allowed\",\n    },\n\n    [`& .${dropZoneClasses.dragText}`]: {\n      color: theme.colors.secondary_60,\n    },\n\n    [`& .${dropZoneClasses.selectFilesText}`]: {\n      color: theme.colors.secondary_60,\n    },\n  }),\n}));\n\nexport const StyledInput = styled(\"input\")({\n  opacity: 0,\n  width: \"100%\",\n  position: \"absolute\",\n  height: \"100%\",\n  cursor: \"pointer\",\n\n  \"&:disabled\": {\n    cursor: \"not-allowed\",\n  },\n});\n\nexport const StyledDropArea = styled(\"div\")({\n  display: \"flex\",\n  margin: `${theme.space.md} auto`,\n  minHeight: 48,\n});\n\nexport const StyledDropAreaLabel = styled(\"div\")({\n  display: \"flex\",\n  width: 115,\n  margin: \"auto\",\n});\n\nexport const StyledDragText = styled(HvTypography)({\n  ...(theme.typography.body as CSSProperties),\n});\n\nexport const StyledDropAreaIcon = styled(Doc)({\n  margin: \"auto\",\n  marginRight: theme.space.xs,\n});\n\nexport const StyledDropAreaLabels = styled(\"div\")({\n  display: \"flex\",\n  width: 115,\n  margin: \"auto\",\n});\n\nexport const StyledSelectedFilesText = styled(\"span\")({\n  ...(theme.typography.label as CSSProperties),\n});\n"],"names":["StyledDropZoneLabelsGroup","process","env","NODE_ENV","target","label","name","styles","map","toString","_EMOTION_STRINGIFIED_CSS_ERROR__","StyledLabel","HvLabel","_extends","transientOptions","$disabled","paddingBottom","color","theme","colors","secondary_60","StyledInfoMessage","HvInfoMessage","StyledDropZoneContainer","$drag","position","width","display","border","fileUploader","dropZone","borderType","borderColor","cursor","background","backgroundColor","borderRadius","atmo1","secondary","outlineStyles","borderColorDrag","dropZoneClasses","dropZoneContainer","atmo3","borderColorDisabled","dragText","selectFilesText","StyledInput","StyledDropArea","margin","space","md","minHeight","StyledDropAreaLabel","StyledDragText","HvTypography","typography","body","StyledDropAreaIcon","Doc","marginRight","xs","StyledDropAreaLabels","StyledSelectedFilesText"],"mappings":"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"}
+{"version":3,"file":"DropZone.styles.js","sources":["../../../../../src/components/FileUploader/DropZone/DropZone.styles.tsx"],"sourcesContent":["import styled from \"@emotion/styled\";\nimport { Doc } from \"@hitachivantara/uikit-react-icons\";\nimport { theme } from \"@hitachivantara/uikit-styles\";\nimport { HvInfoMessage, HvLabel, HvTypography } from \"@core/components\";\nimport { CSSProperties } from \"react\";\nimport { outlineStyles } from \"@core/utils\";\nimport { transientOptions } from \"@core/utils/transientOptions\";\nimport dropZoneClasses from \"./dropZoneClasses\";\n\nexport const StyledDropZoneLabelsGroup = styled(\"div\")({\n  display: \"flex\",\n  justifyContent: \"start\",\n\n  \"& label:nth-of-type(1)\": {},\n\n  \"& p:nth-of-type(2)\": {\n    marginLeft: \"auto\",\n  },\n});\n\nexport const StyledLabel = styled(\n  HvLabel,\n  transientOptions\n)(({ $disabled }: { $disabled: boolean }) => ({\n  paddingBottom: 6,\n\n  ...($disabled && {\n    color: theme.colors.secondary_60,\n  }),\n}));\n\nexport const StyledInfoMessage = styled(\n  HvInfoMessage,\n  transientOptions\n)(({ $disabled }: { $disabled: boolean }) => ({\n  ...($disabled && {\n    color: theme.colors.secondary_60,\n  }),\n}));\n\nexport const StyledDropZoneContainer = styled(\n  \"div\",\n  transientOptions\n)(({ $drag, $disabled }: { $drag: boolean; $disabled: boolean }) => ({\n  position: \"relative\",\n  width: \"100%\",\n  display: \"flex\",\n  border: `1px ${theme.fileUploader.dropZone.borderType} ${theme.fileUploader.dropZone.borderColor}`,\n  cursor: \"pointer\",\n  background: theme.fileUploader.dropZone.backgroundColor,\n  borderRadius: theme.fileUploader.dropZone.borderRadius,\n\n  \"&:hover\": {\n    background: `${theme.colors.atmo1}`,\n    border: `1px ${theme.fileUploader.dropZone.borderType} ${theme.colors.secondary}`,\n  },\n\n  \"&:focus\": {\n    background: `${theme.colors.atmo1}`,\n    border: `1px ${theme.fileUploader.dropZone.borderType} ${theme.colors.secondary}`,\n    ...outlineStyles,\n  },\n\n  ...($drag && {\n    background: `${theme.colors.atmo1}`,\n    border: `1px ${theme.fileUploader.dropZone.borderType} ${theme.fileUploader.dropZone.borderColorDrag}`,\n  }),\n\n  ...($disabled && {\n    [`&.${dropZoneClasses.dropZoneContainer}`]: {\n      background: `${theme.colors.atmo3}`,\n      border: `1px ${theme.fileUploader.dropZone.borderType} ${theme.fileUploader.dropZone.borderColorDisabled}`,\n      cursor: \"not-allowed\",\n    },\n\n    [`& .${dropZoneClasses.dragText}`]: {\n      color: theme.colors.secondary_60,\n    },\n\n    [`& .${dropZoneClasses.selectFilesText}`]: {\n      color: theme.colors.secondary_60,\n    },\n  }),\n}));\n\nexport const StyledInput = styled(\"input\")({\n  opacity: 0,\n  width: \"100%\",\n  position: \"absolute\",\n  height: \"100%\",\n  cursor: \"pointer\",\n\n  \"&:disabled\": {\n    cursor: \"not-allowed\",\n  },\n});\n\nexport const StyledDropArea = styled(\"div\")({\n  display: \"flex\",\n  margin: `${theme.space.md} auto`,\n  minHeight: 48,\n});\n\nexport const StyledDropAreaLabel = styled(\"div\")({\n  display: \"flex\",\n  width: 115,\n  margin: \"auto\",\n});\n\nexport const StyledDragText = styled(HvTypography)({\n  ...(theme.typography.body as CSSProperties),\n});\n\nexport const StyledDropAreaIcon = styled(Doc)({\n  margin: \"auto\",\n  marginRight: theme.space.xs,\n});\n\nexport const StyledDropAreaLabels = styled(\"div\")({\n  display: \"flex\",\n  width: 115,\n  margin: \"auto\",\n});\n\nexport const StyledSelectedFilesText = styled(\"span\")({\n  ...(theme.typography.label as CSSProperties),\n});\n"],"names":["StyledDropZoneLabelsGroup","process","env","NODE_ENV","target","label","name","styles","map","toString","_EMOTION_STRINGIFIED_CSS_ERROR__","StyledLabel","HvLabel","_extends","transientOptions","$disabled","paddingBottom","color","theme","colors","secondary_60","StyledInfoMessage","HvInfoMessage","StyledDropZoneContainer","$drag","position","width","display","border","fileUploader","dropZone","borderType","borderColor","cursor","background","backgroundColor","borderRadius","atmo1","secondary","outlineStyles","borderColorDrag","dropZoneClasses","dropZoneContainer","atmo3","borderColorDisabled","dragText","selectFilesText","StyledInput","StyledDropArea","margin","space","md","minHeight","StyledDropAreaLabel","StyledDragText","HvTypography","typography","body","StyledDropAreaIcon","Doc","marginRight","xs","StyledDropAreaLabels","StyledSelectedFilesText"],"mappings":"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"}

package/dist/esm/components/FileUploader/File/File.js.map

@@ -1 +1 @@
-{"version":3,"file":"File.js","sources":["../../../../../src/components/FileUploader/File/File.tsx"],"sourcesContent":["import { Close } from \"@hitachivantara/uikit-react-icons\";\nimport { clsx } from \"clsx\";\nimport { setId } from \"@core/utils\";\nimport { HvTypography } from \"@core/components\";\nimport fileClasses, { HvFileClasses } from \"./fileClasses\";\nimport { convertUnits } from \"../utils\";\nimport {\n  StyledFail,\n  StyledErrorMessage,\n  StyledSuccess,\n  StyledProgressBarBack,\n  StyledProgressBar,\n  StyledNameText,\n  StyledProgressTextContainer,\n  StyledPreviewContainer,\n  StyledIconButton,\n  StyledEmptyIcon,\n} from \"./File.styles\";\n\nexport interface HvFileData extends Omit<File, \"name\" | \"size\"> {\n  /**\n   * The file id.\n   */\n  id?: string;\n  /**\n   * The file name.\n   */\n  name?: string;\n  /**\n   * The upload status.\n   */\n  status?: \"progress\" | \"success\" | \"fail\";\n  /**\n   * The file size in bytes.\n   */\n  size?: number;\n  /**\n   * Upload progress in bytes.\n   */\n  progress?: number;\n  /**\n   * Optional node representing a preview of the uploaded file.\n   */\n  preview?: React.ReactNode;\n  /**\n   * Error message when the upload failed.\n   */\n  errorMessage?: string;\n}\n\nexport type HvFilesAddedEvent = (files: HvFileData[]) => void;\n\nexport type HvFileRemovedEvent = (file: HvFileData) => void;\n\nexport type HvFileProps = {\n  /**\n   * Id to be applied to the root node.\n   */\n  id?: string;\n  /**\n   * File information to be displayed.\n   */\n  data: HvFileData;\n  /**\n   * Callback fired when file is removed from list.\n   */\n  onFileRemoved?: HvFileRemovedEvent;\n  /**\n   * Value of aria-label to apply to remove file button in file list.\n   * */\n  removeFileButtonLabel?: string;\n  /**\n   * A Jss Object used to override or extend the styles applied to the component.\n   */\n  classes?: HvFileClasses;\n};\n\nconst getStatusIcon = (\n  classes?: HvFileClasses,\n  status?: HvFileData[\"status\"]\n) => {\n  switch (status) {\n    case \"success\":\n      return (\n        <StyledSuccess\n          className={clsx(classes?.icon, fileClasses.icon)}\n          color=\"positive\"\n        />\n      );\n    case \"fail\":\n      return (\n        <StyledFail\n          className={clsx(classes?.icon, fileClasses.icon)}\n          color=\"negative\"\n        />\n      );\n    default:\n      return (\n        <StyledEmptyIcon className={clsx(classes?.icon, fileClasses.icon)} />\n      );\n  }\n};\n\nconst getProgressText = (data: HvFileData, classes?: HvFileClasses) => {\n  const hasFailed = data.status === \"fail\";\n  const inProgress = data.status === \"progress\";\n\n  return (\n    <>\n      {data.progress || data.size || data.errorMessage ? `\\xa0|\\xa0` : null}\n\n      {inProgress && data.progress != null && (\n        <HvTypography variant=\"label\">\n          {`${convertUnits(data.progress)}\\xa0/\\xa0`}\n        </HvTypography>\n      )}\n\n      {!hasFailed && data.size && (\n        <HvTypography>{`${convertUnits(data.size)}`}</HvTypography>\n      )}\n\n      {hasFailed && data.errorMessage && (\n        <StyledErrorMessage className={clsx(classes?.fail, fileClasses.fail)}>\n          {data.errorMessage}\n        </StyledErrorMessage>\n      )}\n    </>\n  );\n};\n\nconst getProgressBarWith = ({ size, progress }: HvFileData) => {\n  const width =\n    progress != null && size != null ? Math.round((progress * 100) / size) : 0;\n\n  return width;\n};\n\nexport const HvFile = ({\n  id,\n  classes,\n  data,\n  onFileRemoved,\n  removeFileButtonLabel,\n}: HvFileProps) => {\n  const hasError = data.status === \"fail\";\n\n  const inProgress = data.status === \"progress\";\n\n  const progressText = getProgressText(data, classes);\n\n  const statusIcon = getStatusIcon(classes, data.status);\n\n  const currentProgress = getProgressBarWith(data);\n\n  return (\n    <li className={clsx(classes?.root, fileClasses.root)}>\n      {!hasError && inProgress && (\n        <StyledProgressBarBack\n          className={clsx(\n            classes?.progressbarBack,\n            fileClasses.progressbarBack\n          )}\n        />\n      )}\n\n      {!hasError && inProgress && (\n        <StyledProgressBar\n          className={clsx(classes?.progressbar, fileClasses.progressbar)}\n          aria-valuemin={0}\n          aria-valuemax={100}\n          aria-valuenow={currentProgress}\n          style={{ width: `${currentProgress}%` }}\n        />\n      )}\n\n      {statusIcon}\n\n      <StyledNameText\n        className={clsx(classes?.nameText, fileClasses.nameText)}\n        variant=\"label\"\n      >\n        {data.name}\n      </StyledNameText>\n\n      <StyledProgressTextContainer\n        className={clsx(\n          classes?.progressTextContainer,\n          fileClasses.progressTextContainer\n        )}\n      >\n        {progressText}\n      </StyledProgressTextContainer>\n\n      {data.preview && (\n        <StyledPreviewContainer\n          className={clsx(\n            classes?.previewContainer,\n            fileClasses.previewContainer\n          )}\n        >\n          {data.preview}\n        </StyledPreviewContainer>\n      )}\n\n      <StyledIconButton\n        id={setId(id, \"remove-button\")}\n        aria-label={removeFileButtonLabel}\n        className={clsx(classes?.removeButton, fileClasses.removeButton)}\n        onClick={() => onFileRemoved?.(data)}\n        variant=\"secondaryGhost\"\n        icon\n      >\n        <Close iconSize=\"XS\" />\n      </StyledIconButton>\n    </li>\n  );\n};\n"],"names":["getStatusIcon","classes","status","StyledSuccess","className","clsx","icon","fileClasses","color","StyledFail","StyledEmptyIcon","getProgressText","data","hasFailed","inProgress","_Fragment","children","progress","size","errorMessage","HvTypography","variant","convertUnits","StyledErrorMessage","fail","getProgressBarWith","width","Math","round","HvFile","id","onFileRemoved","removeFileButtonLabel","hasError","progressText","statusIcon","currentProgress","root","StyledProgressBarBack","progressbarBack","StyledProgressBar","progressbar","style","_jsx","StyledNameText","nameText","name","StyledProgressTextContainer","progressTextContainer","preview","StyledPreviewContainer","previewContainer","StyledIconButton","setId","removeButton","onClick","Close","iconSize"],"mappings":"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"}
+{"version":3,"file":"File.js","sources":["../../../../../src/components/FileUploader/File/File.tsx"],"sourcesContent":["import { Close } from \"@hitachivantara/uikit-react-icons\";\nimport { clsx } from \"clsx\";\nimport { setId } from \"@core/utils\";\nimport { HvTypography } from \"@core/components\";\nimport fileClasses, { HvFileClasses } from \"./fileClasses\";\nimport { convertUnits } from \"../utils\";\nimport {\n  StyledFail,\n  StyledErrorMessage,\n  StyledSuccess,\n  StyledProgressBarBack,\n  StyledProgressBar,\n  StyledNameText,\n  StyledProgressTextContainer,\n  StyledPreviewContainer,\n  StyledIconButton,\n  StyledEmptyIcon,\n} from \"./File.styles\";\n\nexport interface HvFileData extends Omit<File, \"name\" | \"size\"> {\n  /**\n   * The file id.\n   */\n  id?: string;\n  /**\n   * The file name.\n   */\n  name?: string;\n  /**\n   * The upload status.\n   */\n  status?: \"progress\" | \"success\" | \"fail\";\n  /**\n   * The file size in bytes.\n   */\n  size?: number;\n  /**\n   * Upload progress in bytes.\n   */\n  progress?: number;\n  /**\n   * Optional node representing a preview of the uploaded file.\n   */\n  preview?: React.ReactNode;\n  /**\n   * Error message when the upload failed.\n   */\n  errorMessage?: string;\n}\n\nexport type HvFilesAddedEvent = (files: HvFileData[]) => void;\n\nexport type HvFileRemovedEvent = (file: HvFileData) => void;\n\nexport type HvFileProps = {\n  /**\n   * Id to be applied to the root node.\n   */\n  id?: string;\n  /**\n   * File information to be displayed.\n   */\n  data: HvFileData;\n  /**\n   * Callback fired when file is removed from list.\n   */\n  onFileRemoved?: HvFileRemovedEvent;\n  /**\n   * Value of aria-label to apply to remove file button in file list.\n   * */\n  removeFileButtonLabel?: string;\n  /**\n   * A Jss Object used to override or extend the styles applied to the component.\n   */\n  classes?: HvFileClasses;\n};\n\nconst getStatusIcon = (\n  classes?: HvFileClasses,\n  status?: HvFileData[\"status\"]\n) => {\n  switch (status) {\n    case \"success\":\n      return (\n        <StyledSuccess\n          className={clsx(classes?.icon, fileClasses.icon)}\n          color=\"positive\"\n        />\n      );\n    case \"fail\":\n      return (\n        <StyledFail\n          className={clsx(classes?.icon, fileClasses.icon)}\n          color=\"negative\"\n        />\n      );\n    default:\n      return (\n        <StyledEmptyIcon className={clsx(classes?.icon, fileClasses.icon)} />\n      );\n  }\n};\n\nconst getProgressText = (data: HvFileData, classes?: HvFileClasses) => {\n  const hasFailed = data.status === \"fail\";\n  const inProgress = data.status === \"progress\";\n\n  return (\n    <>\n      {data.progress || data.size || data.errorMessage ? `\\xa0|\\xa0` : null}\n\n      {inProgress && data.progress != null && (\n        <HvTypography variant=\"label\">\n          {`${convertUnits(data.progress)}\\xa0/\\xa0`}\n        </HvTypography>\n      )}\n\n      {!hasFailed && data.size && (\n        <HvTypography>{`${convertUnits(data.size)}`}</HvTypography>\n      )}\n\n      {hasFailed && data.errorMessage && (\n        <StyledErrorMessage className={clsx(classes?.fail, fileClasses.fail)}>\n          {data.errorMessage}\n        </StyledErrorMessage>\n      )}\n    </>\n  );\n};\n\nconst getProgressBarWith = ({ size, progress }: HvFileData) => {\n  const width =\n    progress != null && size != null ? Math.round((progress * 100) / size) : 0;\n\n  return width;\n};\n\nexport const HvFile = ({\n  id,\n  classes,\n  data,\n  onFileRemoved,\n  removeFileButtonLabel,\n}: HvFileProps) => {\n  const hasError = data.status === \"fail\";\n\n  const inProgress = data.status === \"progress\";\n\n  const progressText = getProgressText(data, classes);\n\n  const statusIcon = getStatusIcon(classes, data.status);\n\n  const currentProgress = getProgressBarWith(data);\n\n  return (\n    <li className={clsx(classes?.root, fileClasses.root)}>\n      {!hasError && inProgress && (\n        <StyledProgressBarBack\n          className={clsx(\n            classes?.progressbarBack,\n            fileClasses.progressbarBack\n          )}\n        />\n      )}\n\n      {!hasError && inProgress && (\n        <StyledProgressBar\n          className={clsx(classes?.progressbar, fileClasses.progressbar)}\n          aria-valuemin={0}\n          aria-valuemax={100}\n          aria-valuenow={currentProgress}\n          style={{ width: `${currentProgress}%` }}\n        />\n      )}\n\n      {statusIcon}\n\n      <StyledNameText\n        className={clsx(classes?.nameText, fileClasses.nameText)}\n        variant=\"label\"\n      >\n        {data.name}\n      </StyledNameText>\n\n      <StyledProgressTextContainer\n        className={clsx(\n          classes?.progressTextContainer,\n          fileClasses.progressTextContainer\n        )}\n      >\n        {progressText}\n      </StyledProgressTextContainer>\n\n      {data.preview && (\n        <StyledPreviewContainer\n          className={clsx(\n            classes?.previewContainer,\n            fileClasses.previewContainer\n          )}\n        >\n          {data.preview}\n        </StyledPreviewContainer>\n      )}\n\n      <StyledIconButton\n        id={setId(id, \"remove-button\")}\n        aria-label={removeFileButtonLabel}\n        className={clsx(classes?.removeButton, fileClasses.removeButton)}\n        onClick={() => onFileRemoved?.(data)}\n        variant=\"secondaryGhost\"\n        icon\n      >\n        <Close iconSize=\"XS\" />\n      </StyledIconButton>\n    </li>\n  );\n};\n"],"names":["getStatusIcon","classes","status","StyledSuccess","className","clsx","icon","fileClasses","color","StyledFail","StyledEmptyIcon","getProgressText","data","hasFailed","inProgress","_Fragment","children","progress","size","errorMessage","HvTypography","variant","convertUnits","StyledErrorMessage","fail","getProgressBarWith","width","Math","round","HvFile","id","onFileRemoved","removeFileButtonLabel","hasError","progressText","statusIcon","currentProgress","root","StyledProgressBarBack","progressbarBack","StyledProgressBar","progressbar","style","_jsx","StyledNameText","nameText","name","StyledProgressTextContainer","progressTextContainer","preview","StyledPreviewContainer","previewContainer","StyledIconButton","setId","removeButton","onClick","Close","iconSize"],"mappings":"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"}

package/dist/esm/components/FileUploader/File/File.styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"File.styles.js","sources":["../../../../../src/components/FileUploader/File/File.styles.tsx"],"sourcesContent":["import styled from \"@emotion/styled\";\nimport { Fail, Success } from \"@hitachivantara/uikit-react-icons\";\nimport { theme } from \"@hitachivantara/uikit-styles\";\nimport { forwardRef } from \"react\";\nimport { HvButton, HvButtonProps, HvTypography } from \"@core/components\";\nimport { PolymorphicRef } from \"@core/types\";\n\nconst iconStyles = {\n  width: 32,\n  height: 32,\n  margin: `0px ${theme.space.xs}`,\n};\n\nexport const StyledSuccess = styled(Success)({\n  ...iconStyles,\n});\n\nexport const StyledFail = styled(Fail)({\n  ...iconStyles,\n});\n\nexport const StyledEmptyIcon = styled(\"div\")({\n  ...iconStyles,\n});\n\nexport const StyledErrorMessage = styled(HvTypography)({\n  color: theme.colors.negative,\n});\n\nexport const StyledProgressBarBack = styled(\"span\")({\n  position: \"absolute\",\n  top: \"-1px\",\n  width: \"100%\",\n  border: `${theme.fileUploader.file.borderWidth} solid ${theme.colors.atmo4}`,\n});\n\nexport const StyledProgressBar = styled(\"progress\")({\n  position: \"absolute\",\n  top: \"-1px\",\n  width: \"80%\",\n  height: theme.fileUploader.file.progressHeight,\n  border: `${theme.fileUploader.file.borderWidth} solid ${theme.colors.secondary}`,\n\n  \"&::-moz-progress-bar\": {\n    background: theme.colors.secondary,\n  },\n});\n\nexport const StyledNameText = styled(HvTypography)({\n  overflow: \"hidden\",\n  textOverflow: \"ellipsis\",\n  whiteSpace: \"nowrap\",\n});\n\nexport const StyledProgressTextContainer = styled(\"span\")({\n  display: \"flex\",\n  flexGrow: 1,\n  alignItems: \"center\",\n});\n\nexport const StyledPreviewContainer = styled(\"div\")({\n  display: \"flex\",\n  margin: `0px ${theme.space.xs}`,\n  width: theme.fileUploader.file.previewContainerSize,\n  height: theme.fileUploader.file.previewContainerSize,\n  justifyContent: \"center\",\n  alignItems: \"center\",\n\n  \"& span\": {\n    display: \"flex\",\n    justifyContent: \"center\",\n    alignItems: \"center\",\n    width: \"100%\",\n    height: \"100%\",\n  },\n\n  \"& img\": {\n    width: theme.fileUploader.file.imageSize,\n    height: theme.fileUploader.file.imageSize,\n    objectFit: \"cover\",\n    objectPosition: \"center\",\n    alignSelf: \"center\",\n  },\n});\n\nexport const StyledIconButton = styled(\n  forwardRef((props: HvButtonProps, ref?: PolymorphicRef<\"button\">) => {\n    return <HvButton {...props} ref={ref} />;\n  })\n)({\n  margin: `0px ${theme.space.xs}`,\n});\n"],"names":["iconStyles","width","height","margin","theme","space","xs","StyledSuccess","Success","process","env","NODE_ENV","target","label","StyledFail","Fail","StyledEmptyIcon","StyledErrorMessage","HvTypography","color","colors","negative","StyledProgressBarBack","position","top","border","fileUploader","file","borderWidth","atmo4","StyledProgressBar","progressHeight","secondary","background","StyledNameText","name","styles","map","toString","_EMOTION_STRINGIFIED_CSS_ERROR__","StyledProgressTextContainer","StyledPreviewContainer","display","previewContainerSize","justifyContent","alignItems","imageSize","objectFit","objectPosition","alignSelf","StyledIconButton","_styled","forwardRef","props","ref","HvButton"],"mappings":"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"}
+{"version":3,"file":"File.styles.js","sources":["../../../../../src/components/FileUploader/File/File.styles.tsx"],"sourcesContent":["import styled from \"@emotion/styled\";\nimport { Fail, Success } from \"@hitachivantara/uikit-react-icons\";\nimport { theme } from \"@hitachivantara/uikit-styles\";\nimport { forwardRef } from \"react\";\nimport { HvButton, HvButtonProps, HvTypography } from \"@core/components\";\nimport { PolymorphicRef } from \"@core/types\";\n\nconst iconStyles = {\n  width: 32,\n  height: 32,\n  margin: `0px ${theme.space.xs}`,\n};\n\nexport const StyledSuccess = styled(Success)({\n  ...iconStyles,\n});\n\nexport const StyledFail = styled(Fail)({\n  ...iconStyles,\n});\n\nexport const StyledEmptyIcon = styled(\"div\")({\n  ...iconStyles,\n});\n\nexport const StyledErrorMessage = styled(HvTypography)({\n  color: theme.colors.negative,\n});\n\nexport const StyledProgressBarBack = styled(\"span\")({\n  position: \"absolute\",\n  top: \"-1px\",\n  width: \"100%\",\n  border: `${theme.fileUploader.file.borderWidth} solid ${theme.colors.atmo4}`,\n});\n\nexport const StyledProgressBar = styled(\"progress\")({\n  position: \"absolute\",\n  top: \"-1px\",\n  width: \"80%\",\n  height: theme.fileUploader.file.progressHeight,\n  border: `${theme.fileUploader.file.borderWidth} solid ${theme.colors.secondary}`,\n\n  \"&::-moz-progress-bar\": {\n    background: theme.colors.secondary,\n  },\n});\n\nexport const StyledNameText = styled(HvTypography)({\n  overflow: \"hidden\",\n  textOverflow: \"ellipsis\",\n  whiteSpace: \"nowrap\",\n});\n\nexport const StyledProgressTextContainer = styled(\"span\")({\n  display: \"flex\",\n  flexGrow: 1,\n  alignItems: \"center\",\n});\n\nexport const StyledPreviewContainer = styled(\"div\")({\n  display: \"flex\",\n  margin: `0px ${theme.space.xs}`,\n  width: theme.fileUploader.file.previewContainerSize,\n  height: theme.fileUploader.file.previewContainerSize,\n  justifyContent: \"center\",\n  alignItems: \"center\",\n\n  \"& span\": {\n    display: \"flex\",\n    justifyContent: \"center\",\n    alignItems: \"center\",\n    width: \"100%\",\n    height: \"100%\",\n  },\n\n  \"& img\": {\n    width: theme.fileUploader.file.imageSize,\n    height: theme.fileUploader.file.imageSize,\n    objectFit: \"cover\",\n    objectPosition: \"center\",\n    alignSelf: \"center\",\n  },\n});\n\nexport const StyledIconButton = styled(\n  forwardRef((props: HvButtonProps, ref?: PolymorphicRef<\"button\">) => {\n    return <HvButton {...props} ref={ref} />;\n  })\n)({\n  margin: `0px ${theme.space.xs}`,\n});\n"],"names":["iconStyles","width","height","margin","theme","space","xs","StyledSuccess","Success","process","env","NODE_ENV","target","label","StyledFail","Fail","StyledEmptyIcon","StyledErrorMessage","HvTypography","color","colors","negative","StyledProgressBarBack","position","top","border","fileUploader","file","borderWidth","atmo4","StyledProgressBar","progressHeight","secondary","background","StyledNameText","name","styles","map","toString","_EMOTION_STRINGIFIED_CSS_ERROR__","StyledProgressTextContainer","StyledPreviewContainer","display","previewContainerSize","justifyContent","alignItems","imageSize","objectFit","objectPosition","alignSelf","StyledIconButton","_styled","forwardRef","props","ref","HvButton"],"mappings":"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"}

package/dist/esm/components/FileUploader/FileList/FileList.js.map

@@ -1 +1 @@
-{"version":3,"file":"FileList.js","sources":["../../../../../src/components/FileUploader/FileList/FileList.tsx"],"sourcesContent":["import { useUniqueId } from \"@core/hooks\";\nimport { setId } from \"@core/utils\";\nimport { clsx } from \"clsx\";\nimport { HvFile, HvFileData, HvFileRemovedEvent } from \"../File\";\nimport fileListClasses, { HvFileListClasses } from \"./fileListClasses\";\nimport { StyledList } from \"./FileList.styles\";\n\nexport interface HvFileListProps {\n  /**\n   * Id to be applied to the root node.\n   */\n  id?: string;\n  /**\n   * The files to upload.\n   */\n  list?: HvFileData[];\n  /**\n   * Callback fired when file is removed from list.\n   */\n  onFileRemoved?: HvFileRemovedEvent;\n  /**\n   * Value of aria-label to apply to remove file button in FileList\n   * */\n  removeFileButtonLabel?: string;\n  /**\n   * A Jss Object used to override or extend the styles applied to the component.\n   */\n  classes?: HvFileListClasses;\n}\n\nexport const HvFileList = ({\n  id,\n  classes,\n  list = [],\n  removeFileButtonLabel,\n  onFileRemoved,\n}: HvFileListProps) => {\n  const elementId = useUniqueId(id, \"hvfilelist\");\n\n  const hasFiles = list.length > 0;\n  if (!hasFiles) return null;\n\n  return (\n    <StyledList\n      id={setId(id, \"list\")}\n      className={clsx(classes?.list, fileListClasses.list)}\n    >\n      {list.map((data) => (\n        <HvFile\n          key={data.id}\n          classes={{ root: clsx(classes?.listItem, fileListClasses.listItem) }}\n          id={setId(elementId, \"values\")}\n          data={data}\n          onFileRemoved={onFileRemoved}\n          removeFileButtonLabel={removeFileButtonLabel}\n        />\n      ))}\n    </StyledList>\n  );\n};\n"],"names":["HvFileList","id","classes","list","removeFileButtonLabel","onFileRemoved","elementId","useUniqueId","hasFiles","length","StyledList","setId","className","clsx","fileListClasses","children","map","data","HvFile","root","listItem"],"mappings":";;;;;;;AA8BO,MAAMA,aAAaA,CAAC;AAAA,EACzBC;AAAAA,EACAC;AAAAA,EACAC,OAAO,CAAE;AAAA,EACTC;AAAAA,EACAC;AACe,MAAM;AACfC,QAAAA,YAAYC,YAAYN,IAAI,YAAY;AAExCO,QAAAA,WAAWL,KAAKM,SAAS;AAC/B,MAAI,CAACD;AAAiB,WAAA;AAEtB,6BACGE,YAAU;AAAA,IACTT,IAAIU,MAAMV,IAAI,MAAM;AAAA,IACpBW,WAAWC,KAAKX,mCAASC,MAAMW,gBAAgBX,IAAI;AAAA,IAAEY,UAEpDZ,KAAKa,IAAKC,CAAAA,6BACRC,QAAM;AAAA,MAELhB,SAAS;AAAA,QAAEiB,MAAMN,KAAKX,mCAASkB,UAAUN,gBAAgBM,QAAQ;AAAA,MAAE;AAAA,MACnEnB,IAAIU,MAAML,WAAW,QAAQ;AAAA,MAC7BW;AAAAA,MACAZ;AAAAA,MACAD;AAAAA,IAAAA,GALKa,KAAKhB,EAAE,CAOf;AAAA,EAAA,CACU;AAEjB;"}
+{"version":3,"file":"FileList.js","sources":["../../../../../src/components/FileUploader/FileList/FileList.tsx"],"sourcesContent":["import { useUniqueId } from \"@core/hooks\";\nimport { setId } from \"@core/utils\";\nimport { clsx } from \"clsx\";\nimport { HvFile, HvFileData, HvFileRemovedEvent } from \"../File\";\nimport fileListClasses, { HvFileListClasses } from \"./fileListClasses\";\nimport { StyledList } from \"./FileList.styles\";\n\nexport interface HvFileListProps {\n  /**\n   * Id to be applied to the root node.\n   */\n  id?: string;\n  /**\n   * The files to upload.\n   */\n  list?: HvFileData[];\n  /**\n   * Callback fired when file is removed from list.\n   */\n  onFileRemoved?: HvFileRemovedEvent;\n  /**\n   * Value of aria-label to apply to remove file button in FileList\n   * */\n  removeFileButtonLabel?: string;\n  /**\n   * A Jss Object used to override or extend the styles applied to the component.\n   */\n  classes?: HvFileListClasses;\n}\n\nexport const HvFileList = ({\n  id,\n  classes,\n  list = [],\n  removeFileButtonLabel,\n  onFileRemoved,\n}: HvFileListProps) => {\n  const elementId = useUniqueId(id, \"hvfilelist\");\n\n  const hasFiles = list.length > 0;\n  if (!hasFiles) return null;\n\n  return (\n    <StyledList\n      id={setId(id, \"list\")}\n      className={clsx(classes?.list, fileListClasses.list)}\n    >\n      {list.map((data) => (\n        <HvFile\n          key={data.id}\n          classes={{ root: clsx(classes?.listItem, fileListClasses.listItem) }}\n          id={setId(elementId, \"values\")}\n          data={data}\n          onFileRemoved={onFileRemoved}\n          removeFileButtonLabel={removeFileButtonLabel}\n        />\n      ))}\n    </StyledList>\n  );\n};\n"],"names":["HvFileList","id","classes","list","removeFileButtonLabel","onFileRemoved","elementId","useUniqueId","hasFiles","length","StyledList","setId","className","clsx","fileListClasses","children","map","data","HvFile","root","listItem"],"mappings":";;;;;;;AA8BO,MAAMA,aAAaA,CAAC;AAAA,EACzBC;AAAAA,EACAC;AAAAA,EACAC,OAAO,CAAE;AAAA,EACTC;AAAAA,EACAC;AACe,MAAM;AACfC,QAAAA,YAAYC,YAAYN,IAAI,YAAY;AAExCO,QAAAA,WAAWL,KAAKM,SAAS;AAC/B,MAAI,CAACD;AAAiB,WAAA;AAEtB,6BACGE,YAAU;AAAA,IACTT,IAAIU,MAAMV,IAAI,MAAM;AAAA,IACpBW,WAAWC,KAAKX,mCAASC,MAAMW,gBAAgBX,IAAI;AAAA,IAAEY,UAEpDZ,KAAKa,IAAKC,CAAAA,6BACRC,QAAM;AAAA,MAELhB,SAAS;AAAA,QAAEiB,MAAMN,KAAKX,mCAASkB,UAAUN,gBAAgBM,QAAQ;AAAA,MAAE;AAAA,MACnEnB,IAAIU,MAAML,WAAW,QAAQ;AAAA,MAC7BW;AAAAA,MACAZ;AAAAA,MACAD;AAAAA,IAAAA,GALKa,KAAKhB,EAMX,CACF;AAAA,EAAA,CACS;AAEhB;"}

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

@@ -1 +1 @@
-{"version":3,"file":"FileUploader.js","sources":["../../../../src/components/FileUploader/FileUploader.tsx"],"sourcesContent":["import { useLabels } from \"@core/hooks\";\nimport { setId } from \"@core/utils\";\nimport { HvBaseProps } from \"@core/types\";\nimport { HvDropZone, HvDropZoneLabels } from \"./DropZone\";\nimport { HvFileData, HvFileRemovedEvent, HvFilesAddedEvent } from \"./File\";\nimport { HvFileList } from \"./FileList\";\n\nexport interface HvFileUploaderLabels extends HvDropZoneLabels {\n  /**\n   * Value of aria-label to apply to remove file button in FileList\n   * */\n  removeFileButtonLabel?: string;\n}\n\nexport interface HvFileUploaderProps extends HvBaseProps {\n  /**\n   * An object containing all the labels.\n   */\n  labels?: HvFileUploaderLabels;\n  /**\n   * The files to upload.\n   */\n  fileList?: HvFileData[];\n  /**\n   * Whether the Dropzone should accept multiple files at once.\n   */\n  multiple?: boolean;\n  /**\n   * If the input is disabled or not\n   */\n  disabled?: boolean;\n  /**\n   * Max upload size\n   * */\n  maxFileSize?: number;\n  /**\n   * Files extensions accepted for upload.\n   */\n  acceptedFiles?: string[];\n  /**\n   * Callback fired when files are added.\n   */\n  onFilesAdded?: HvFilesAddedEvent;\n  /**\n   * Callback fired when file is removed from list.\n   */\n  onFileRemoved?: HvFileRemovedEvent;\n  /**\n   * Whether the DropZone should hide labels or not.\n   */\n  hideLabels?: boolean;\n  /**\n   * Attributes applied to the input element.\n   */\n  inputProps?: React.InputHTMLAttributes<HTMLInputElement>;\n}\n\n// TODO: This component needs to adopt the Form element shape and deprecate its way of composing labels\n\nconst DEFAULT_LABELS: HvFileUploaderLabels = {\n  dropzone: \"Label\",\n  sizeWarning: \"Max. file size:\",\n  drag: \"Drop files here or\",\n  selectFiles: \"click to upload\",\n  dropFiles: \"Drop files here\",\n  fileSizeError: \"The file exceeds the maximum upload size\",\n  fileTypeError: \"File type not allowed for upload\",\n  removeFileButtonLabel: \"Remove File\",\n};\n\n/**\n * Lets the user choose one or more files from their device storage. Once chosen,\n * the files can be uploaded to a server or manipulated on the client side.\n *\n * Accepted file types follow the format of the html input accept attribute. Please check https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input/file for more details.\n */\nexport const HvFileUploader = ({\n  id,\n  className,\n  labels: labelsProp,\n  fileList,\n  multiple = true,\n  disabled = false,\n  hideLabels = false,\n  maxFileSize = Infinity,\n  inputProps = {},\n  acceptedFiles = [],\n  onFilesAdded,\n  onFileRemoved,\n  ...others\n}: HvFileUploaderProps) => {\n  const labels = useLabels(DEFAULT_LABELS, labelsProp);\n\n  return (\n    <div id={id} className={className} {...others}>\n      <HvDropZone\n        id={setId(id, \"dropzone\")}\n        labels={labels}\n        multiple={multiple}\n        disabled={disabled}\n        acceptedFiles={acceptedFiles}\n        maxFileSize={maxFileSize}\n        onFilesAdded={onFilesAdded}\n        inputProps={inputProps}\n        hideLabels={hideLabels}\n      />\n      <HvFileList\n        id={setId(id, \"filelist\")}\n        list={fileList}\n        onFileRemoved={onFileRemoved}\n        removeFileButtonLabel={labels?.removeFileButtonLabel}\n      />\n    </div>\n  );\n};\n"],"names":["DEFAULT_LABELS","dropzone","sizeWarning","drag","selectFiles","dropFiles","fileSizeError","fileTypeError","removeFileButtonLabel","HvFileUploader","id","className","labels","labelsProp","fileList","multiple","disabled","hideLabels","maxFileSize","Infinity","inputProps","acceptedFiles","onFilesAdded","onFileRemoved","others","useLabels","children","_jsx","HvDropZone","setId","HvFileList","list"],"mappings":";;;;;AA2DA,MAAMA,iBAAuC;AAAA,EAC3CC,UAAU;AAAA,EACVC,aAAa;AAAA,EACbC,MAAM;AAAA,EACNC,aAAa;AAAA,EACbC,WAAW;AAAA,EACXC,eAAe;AAAA,EACfC,eAAe;AAAA,EACfC,uBAAuB;AACzB;AAQO,MAAMC,iBAAiBA,CAAC;AAAA,EAC7BC;AAAAA,EACAC;AAAAA,EACAC,QAAQC;AAAAA,EACRC;AAAAA,EACAC,WAAW;AAAA,EACXC,WAAW;AAAA,EACXC,aAAa;AAAA,EACbC,cAAcC;AAAAA,EACdC,aAAa,CAAC;AAAA,EACdC,gBAAgB,CAAE;AAAA,EAClBC;AAAAA,EACAC;AAAAA,EACA,GAAGC;AACgB,MAAM;AACnBZ,QAAAA,SAASa,UAAUzB,gBAAgBa,UAAU;AAEnD,8BACE,OAAA;AAAA,IAAKH;AAAAA,IAAQC;AAAAA,IAAqB,GAAKa;AAAAA,IAAME,UAAA,CAC3CC,oBAACC,YAAU;AAAA,MACTlB,IAAImB,MAAMnB,IAAI,UAAU;AAAA,MACxBE;AAAAA,MACAG;AAAAA,MACAC;AAAAA,MACAK;AAAAA,MACAH;AAAAA,MACAI;AAAAA,MACAF;AAAAA,MACAH;AAAAA,IAAAA,CACA,GACFU,oBAACG,YAAU;AAAA,MACTpB,IAAImB,MAAMnB,IAAI,UAAU;AAAA,MACxBqB,MAAMjB;AAAAA,MACNS;AAAAA,MACAf,uBAAuBI,iCAAQJ;AAAAA,IAAAA,CAC/B,CAAA;AAAA,EAAA,CACE;AAEV;"}
+{"version":3,"file":"FileUploader.js","sources":["../../../../src/components/FileUploader/FileUploader.tsx"],"sourcesContent":["import { useLabels } from \"@core/hooks\";\nimport { setId } from \"@core/utils\";\nimport { HvBaseProps } from \"@core/types\";\nimport { HvDropZone, HvDropZoneLabels } from \"./DropZone\";\nimport { HvFileData, HvFileRemovedEvent, HvFilesAddedEvent } from \"./File\";\nimport { HvFileList } from \"./FileList\";\n\nexport interface HvFileUploaderLabels extends HvDropZoneLabels {\n  /**\n   * Value of aria-label to apply to remove file button in FileList\n   * */\n  removeFileButtonLabel?: string;\n}\n\nexport interface HvFileUploaderProps extends HvBaseProps {\n  /**\n   * An object containing all the labels.\n   */\n  labels?: HvFileUploaderLabels;\n  /**\n   * The files to upload.\n   */\n  fileList?: HvFileData[];\n  /**\n   * Whether the Dropzone should accept multiple files at once.\n   */\n  multiple?: boolean;\n  /**\n   * If the input is disabled or not\n   */\n  disabled?: boolean;\n  /**\n   * Max upload size\n   * */\n  maxFileSize?: number;\n  /**\n   * Files extensions accepted for upload.\n   */\n  acceptedFiles?: string[];\n  /**\n   * Callback fired when files are added.\n   */\n  onFilesAdded?: HvFilesAddedEvent;\n  /**\n   * Callback fired when file is removed from list.\n   */\n  onFileRemoved?: HvFileRemovedEvent;\n  /**\n   * Whether the DropZone should hide labels or not.\n   */\n  hideLabels?: boolean;\n  /**\n   * Attributes applied to the input element.\n   */\n  inputProps?: React.InputHTMLAttributes<HTMLInputElement>;\n}\n\n// TODO: This component needs to adopt the Form element shape and deprecate its way of composing labels\n\nconst DEFAULT_LABELS: HvFileUploaderLabels = {\n  dropzone: \"Label\",\n  sizeWarning: \"Max. file size:\",\n  drag: \"Drop files here or\",\n  selectFiles: \"click to upload\",\n  dropFiles: \"Drop files here\",\n  fileSizeError: \"The file exceeds the maximum upload size\",\n  fileTypeError: \"File type not allowed for upload\",\n  removeFileButtonLabel: \"Remove File\",\n};\n\n/**\n * Lets the user choose one or more files from their device storage. Once chosen,\n * the files can be uploaded to a server or manipulated on the client side.\n *\n * Accepted file types follow the format of the html input accept attribute. Please check https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input/file for more details.\n */\nexport const HvFileUploader = ({\n  id,\n  className,\n  labels: labelsProp,\n  fileList,\n  multiple = true,\n  disabled = false,\n  hideLabels = false,\n  maxFileSize = Infinity,\n  inputProps = {},\n  acceptedFiles = [],\n  onFilesAdded,\n  onFileRemoved,\n  ...others\n}: HvFileUploaderProps) => {\n  const labels = useLabels(DEFAULT_LABELS, labelsProp);\n\n  return (\n    <div id={id} className={className} {...others}>\n      <HvDropZone\n        id={setId(id, \"dropzone\")}\n        labels={labels}\n        multiple={multiple}\n        disabled={disabled}\n        acceptedFiles={acceptedFiles}\n        maxFileSize={maxFileSize}\n        onFilesAdded={onFilesAdded}\n        inputProps={inputProps}\n        hideLabels={hideLabels}\n      />\n      <HvFileList\n        id={setId(id, \"filelist\")}\n        list={fileList}\n        onFileRemoved={onFileRemoved}\n        removeFileButtonLabel={labels?.removeFileButtonLabel}\n      />\n    </div>\n  );\n};\n"],"names":["DEFAULT_LABELS","dropzone","sizeWarning","drag","selectFiles","dropFiles","fileSizeError","fileTypeError","removeFileButtonLabel","HvFileUploader","id","className","labels","labelsProp","fileList","multiple","disabled","hideLabels","maxFileSize","Infinity","inputProps","acceptedFiles","onFilesAdded","onFileRemoved","others","useLabels","children","_jsx","HvDropZone","setId","HvFileList","list"],"mappings":";;;;;AA2DA,MAAMA,iBAAuC;AAAA,EAC3CC,UAAU;AAAA,EACVC,aAAa;AAAA,EACbC,MAAM;AAAA,EACNC,aAAa;AAAA,EACbC,WAAW;AAAA,EACXC,eAAe;AAAA,EACfC,eAAe;AAAA,EACfC,uBAAuB;AACzB;AAQO,MAAMC,iBAAiBA,CAAC;AAAA,EAC7BC;AAAAA,EACAC;AAAAA,EACAC,QAAQC;AAAAA,EACRC;AAAAA,EACAC,WAAW;AAAA,EACXC,WAAW;AAAA,EACXC,aAAa;AAAA,EACbC,cAAcC;AAAAA,EACdC,aAAa,CAAC;AAAA,EACdC,gBAAgB,CAAE;AAAA,EAClBC;AAAAA,EACAC;AAAAA,EACA,GAAGC;AACgB,MAAM;AACnBZ,QAAAA,SAASa,UAAUzB,gBAAgBa,UAAU;AAEnD,8BACE,OAAA;AAAA,IAAKH;AAAAA,IAAQC;AAAAA,IAAqB,GAAKa;AAAAA,IAAME,UAAA,CAC3CC,oBAACC,YAAU;AAAA,MACTlB,IAAImB,MAAMnB,IAAI,UAAU;AAAA,MACxBE;AAAAA,MACAG;AAAAA,MACAC;AAAAA,MACAK;AAAAA,MACAH;AAAAA,MACAI;AAAAA,MACAF;AAAAA,MACAH;AAAAA,IAAAA,CACD,GACDU,oBAACG,YAAU;AAAA,MACTpB,IAAImB,MAAMnB,IAAI,UAAU;AAAA,MACxBqB,MAAMjB;AAAAA,MACNS;AAAAA,MACAf,uBAAuBI,iCAAQJ;AAAAA,IAAAA,CAChC,CAAC;AAAA,EAAA,CACC;AAET;"}

package/dist/esm/components/FileUploader/Preview/Preview.js.map

@@ -1 +1 @@
-{"version":3,"file":"Preview.js","sources":["../../../../../src/components/FileUploader/Preview/Preview.tsx"],"sourcesContent":["import { clsx } from \"clsx\";\nimport { HvButtonProps } from \"@core/components\";\nimport { useEffect } from \"react\";\nimport fileUploaderPreviewClasses, {\n  HvFileUploaderPreviewClasses,\n} from \"./previewClasses\";\nimport {\n  StyledButton,\n  StyledOverlay,\n  StyledPreviewIcon,\n} from \"./Preview.styles\";\n\nexport interface HvFileUploaderPreviewProps\n  extends Omit<HvButtonProps, \"children\" | \"classes\"> {\n  /**\n   * Content that represents the preview of an uploaded file.\n   */\n  children: React.ReactElement;\n  /**\n   * Callback executed when the preview is unmounted.\n   *\n   * Should be used for cleaning up client-side image URLs created by `URL.createObjectURL()`.\n   */\n  onUnload?: () => void;\n  /**\n   * If `true`, doesn't show an overlay on top of the preview when hovering.\n   *\n   * Only applies when `onClick` is set.\n   */\n  disableOverlay?: boolean;\n  /**\n   * A Jss Object used to override or extend the styles applied to the component.\n   */\n  classes?: HvFileUploaderPreviewClasses;\n}\n\n/**\n * The `HvFileUploaderPreview` component is available to facilitate the styling\n * of the button (when clickable) and the detection of image unloading.\n */\nexport const HvFileUploaderPreview = ({\n  className,\n  children,\n  classes,\n  disableOverlay = false,\n  onUnload,\n  onClick,\n  ...others\n}: HvFileUploaderPreviewProps) => {\n  useEffect(() => {\n    return () => {\n      onUnload?.();\n    };\n  }, [onUnload]);\n\n  if (onClick) {\n    return (\n      <StyledButton\n        icon\n        className={clsx(\n          className,\n          classes?.previewButton,\n          fileUploaderPreviewClasses.previewButton\n        )}\n        onClick={onClick}\n        variant=\"secondaryGhost\"\n        {...others}\n      >\n        {children}\n        {!disableOverlay && (\n          <>\n            <StyledOverlay\n              className={clsx(\n                classes?.overlay,\n                fileUploaderPreviewClasses.overlay\n              )}\n              aria-hidden=\"true\"\n            />\n            <StyledPreviewIcon />\n          </>\n        )}\n      </StyledButton>\n    );\n  }\n\n  return children;\n};\n"],"names":["HvFileUploaderPreview","className","children","classes","disableOverlay","onUnload","onClick","others","useEffect","StyledButton","icon","clsx","previewButton","fileUploaderPreviewClasses","variant","_Fragment","_jsx","StyledOverlay","overlay","StyledPreviewIcon"],"mappings":";;;;;AAwCO,MAAMA,wBAAwBA,CAAC;AAAA,EACpCC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC,iBAAiB;AAAA,EACjBC;AAAAA,EACAC;AAAAA,EACA,GAAGC;AACuB,MAAM;AAChCC,YAAU,MAAM;AACd,WAAO,MAAM;AACC;AAAA,IAAA;AAAA,EACd,GACC,CAACH,QAAQ,CAAC;AAEb,MAAIC,SAAS;AACX,gCACGG,cAAY;AAAA,MACXC,MAAI;AAAA,MACJT,WAAWU,KACTV,WACAE,mCAASS,eACTC,2BAA2BD,aAAa;AAAA,MAE1CN;AAAAA,MACAQ,SAAQ;AAAA,MAAgB,GACpBP;AAAAA,MAAML,UAAA,CAETA,UACA,CAACE,uCACAW,UAAA;AAAA,QAAAb,UAAA,CACEc,oBAACC,eAAa;AAAA,UACZhB,WAAWU,KACTR,mCAASe,SACTL,2BAA2BK,OAAO;AAAA,UAEpC,eAAY;AAAA,QAAM,CAAA,GAEpBF,oBAACG,mBAAoB,CAAA,CAAA,CAAA;AAAA,MAAA,CAExB,CAAA;AAAA,IAAA,CACY;AAAA,EAEnB;AAEOjB,SAAAA;AACT;"}
+{"version":3,"file":"Preview.js","sources":["../../../../../src/components/FileUploader/Preview/Preview.tsx"],"sourcesContent":["import { clsx } from \"clsx\";\nimport { HvButtonProps } from \"@core/components\";\nimport { useEffect } from \"react\";\nimport fileUploaderPreviewClasses, {\n  HvFileUploaderPreviewClasses,\n} from \"./previewClasses\";\nimport {\n  StyledButton,\n  StyledOverlay,\n  StyledPreviewIcon,\n} from \"./Preview.styles\";\n\nexport interface HvFileUploaderPreviewProps\n  extends Omit<HvButtonProps, \"children\" | \"classes\"> {\n  /**\n   * Content that represents the preview of an uploaded file.\n   */\n  children: React.ReactElement;\n  /**\n   * Callback executed when the preview is unmounted.\n   *\n   * Should be used for cleaning up client-side image URLs created by `URL.createObjectURL()`.\n   */\n  onUnload?: () => void;\n  /**\n   * If `true`, doesn't show an overlay on top of the preview when hovering.\n   *\n   * Only applies when `onClick` is set.\n   */\n  disableOverlay?: boolean;\n  /**\n   * A Jss Object used to override or extend the styles applied to the component.\n   */\n  classes?: HvFileUploaderPreviewClasses;\n}\n\n/**\n * The `HvFileUploaderPreview` component is available to facilitate the styling\n * of the button (when clickable) and the detection of image unloading.\n */\nexport const HvFileUploaderPreview = ({\n  className,\n  children,\n  classes,\n  disableOverlay = false,\n  onUnload,\n  onClick,\n  ...others\n}: HvFileUploaderPreviewProps) => {\n  useEffect(() => {\n    return () => {\n      onUnload?.();\n    };\n  }, [onUnload]);\n\n  if (onClick) {\n    return (\n      <StyledButton\n        icon\n        className={clsx(\n          className,\n          classes?.previewButton,\n          fileUploaderPreviewClasses.previewButton\n        )}\n        onClick={onClick}\n        variant=\"secondaryGhost\"\n        {...others}\n      >\n        {children}\n        {!disableOverlay && (\n          <>\n            <StyledOverlay\n              className={clsx(\n                classes?.overlay,\n                fileUploaderPreviewClasses.overlay\n              )}\n              aria-hidden=\"true\"\n            />\n            <StyledPreviewIcon />\n          </>\n        )}\n      </StyledButton>\n    );\n  }\n\n  return children;\n};\n"],"names":["HvFileUploaderPreview","className","children","classes","disableOverlay","onUnload","onClick","others","useEffect","StyledButton","icon","clsx","previewButton","fileUploaderPreviewClasses","variant","_Fragment","_jsx","StyledOverlay","overlay","StyledPreviewIcon"],"mappings":";;;;;AAwCO,MAAMA,wBAAwBA,CAAC;AAAA,EACpCC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC,iBAAiB;AAAA,EACjBC;AAAAA,EACAC;AAAAA,EACA,GAAGC;AACuB,MAAM;AAChCC,YAAU,MAAM;AACd,WAAO,MAAM;AACA;AAAA,IAAA;AAAA,EACb,GACC,CAACH,QAAQ,CAAC;AAEb,MAAIC,SAAS;AACX,gCACGG,cAAY;AAAA,MACXC,MAAI;AAAA,MACJT,WAAWU,KACTV,WACAE,mCAASS,eACTC,2BAA2BD,aAC7B;AAAA,MACAN;AAAAA,MACAQ,SAAQ;AAAA,MAAgB,GACpBP;AAAAA,MAAML,UAAA,CAETA,UACA,CAACE,uCACAW,UAAA;AAAA,QAAAb,UAAA,CACEc,oBAACC,eAAa;AAAA,UACZhB,WAAWU,KACTR,mCAASe,SACTL,2BAA2BK,OAC7B;AAAA,UACA,eAAY;AAAA,QACb,CAAA,GACDF,oBAACG,qBAAmB,CAAC;AAAA,MAAA,CACrB,CACH;AAAA,IAAA,CACW;AAAA,EAElB;AAEOjB,SAAAA;AACT;"}

package/dist/esm/components/FileUploader/Preview/Preview.styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"Preview.styles.js","sources":["../../../../../src/components/FileUploader/Preview/Preview.styles.tsx"],"sourcesContent":["import styled from \"@emotion/styled\";\nimport { Preview } from \"@hitachivantara/uikit-react-icons\";\nimport { theme } from \"@hitachivantara/uikit-styles\";\nimport { HvButton, HvButtonProps } from \"@core/components\";\nimport { forwardRef } from \"react\";\nimport { PolymorphicRef } from \"@core/types\";\nimport fileUploaderPreviewClasses from \"./previewClasses\";\n\nexport const StyledOverlay = styled(\"div\")({\n  position: \"absolute\",\n  top: 0,\n  bottom: 0,\n  left: 0,\n  right: 0,\n  display: \"none\",\n  justifyContent: \"center\",\n  alignItems: \"center\",\n  backgroundColor: theme.fileUploader.preview.overlayColor,\n  opacity: theme.fileUploader.preview.overlayOpacity,\n  borderRadius: theme.fileUploader.preview.overlayBorderRadius,\n\n  [`.${fileUploaderPreviewClasses.previewButton}:hover &`]: {\n    display: \"flex\",\n  },\n});\n\nexport const StyledPreviewIcon = styled(Preview)({\n  position: \"absolute\",\n  left: \"50%\",\n  top: \"50%\",\n  transform: \"translate(-50%, -50%)\",\n  display: \"none\",\n\n  [`.${fileUploaderPreviewClasses.previewButton}:hover &`]: {\n    display: \"flex\",\n  },\n});\n\nexport const StyledButton = styled(\n  forwardRef((props: HvButtonProps, ref?: PolymorphicRef<\"button\">) => {\n    return <HvButton {...props} ref={ref} />;\n  })\n)({\n  position: \"relative\",\n  width: theme.fileUploader.preview.buttonSize,\n  height: theme.fileUploader.preview.buttonSize,\n});\n"],"names":["StyledOverlay","process","env","NODE_ENV","target","label","position","top","bottom","left","right","display","justifyContent","alignItems","backgroundColor","theme","fileUploader","preview","overlayColor","opacity","overlayOpacity","borderRadius","overlayBorderRadius","fileUploaderPreviewClasses","previewButton","StyledPreviewIcon","Preview","transform","StyledButton","_styled","forwardRef","props","ref","HvButton","width","buttonSize","height"],"mappings":";;;;;;;AAQO,MAAMA,gBAAuB,wBAAA,OAAKC,QAAAC,IAAAC,aAAA,eAAA;AAAA,EAAAC,QAAA;AAAA,IAAA;AAAA,EAAAA,QAAA;AAAA,EAAAC,OAAA;AAAA,CAAA,EAAE;AAAA,EACzCC,UAAU;AAAA,EACVC,KAAK;AAAA,EACLC,QAAQ;AAAA,EACRC,MAAM;AAAA,EACNC,OAAO;AAAA,EACPC,SAAS;AAAA,EACTC,gBAAgB;AAAA,EAChBC,YAAY;AAAA,EACZC,iBAAiBC,MAAMC,aAAaC,QAAQC;AAAAA,EAC5CC,SAASJ,MAAMC,aAAaC,QAAQG;AAAAA,EACpCC,cAAcN,MAAMC,aAAaC,QAAQK;AAAAA,EAEzC,CAAE,IAAGC,2BAA2BC,uBAAuB,GAAG;AAAA,IACxDb,SAAS;AAAA,EACX;AACF,GAACV,QAAAC,IAAAC,aAAC,eAAA,KAAA,63EAAA;AAEK,MAAMsB,oBAA2BC,wBAAAA,SAAOzB,QAAAC,IAAAC,aAAA,eAAA;AAAA,EAAAC,QAAA;AAAA,IAAA;AAAA,EAAAA,QAAA;AAAA,EAAAC,OAAA;AAAA,CAAA,EAAE;AAAA,EAC/CC,UAAU;AAAA,EACVG,MAAM;AAAA,EACNF,KAAK;AAAA,EACLoB,WAAW;AAAA,EACXhB,SAAS;AAAA,EAET,CAAE,IAAGY,2BAA2BC,uBAAuB,GAAG;AAAA,IACxDb,SAAS;AAAA,EACX;AACF,GAACV,QAAAC,IAAAC,aAAC,eAAA,KAAA,63EAAA;AAEK,MAAMyB,eAAeC,wBAC1BC,WAAW,CAACC,OAAsBC,QAAmC;AACnE,6BAAQC,UAAQ;AAAA,IAAA,GAAKF;AAAAA,IAAOC;AAAAA,EAAAA,CAAY;AAC1C,CAAC,GAAC/B,QAAAC,IAAAC,aAAA,eAAA;AAAA,EAAAC,QAAA;AAAA,IAAA;AAAA,EAAAA,QAAA;AAAA,EAAAC,OAAA;AAAA,CAAA,EACF;AAAA,EACAC,UAAU;AAAA,EACV4B,OAAOnB,MAAMC,aAAaC,QAAQkB;AAAAA,EAClCC,QAAQrB,MAAMC,aAAaC,QAAQkB;AACrC,GAAClC,QAAAC,IAAAC,aAAC,eAAA,KAAA,63EAAA;"}
+{"version":3,"file":"Preview.styles.js","sources":["../../../../../src/components/FileUploader/Preview/Preview.styles.tsx"],"sourcesContent":["import styled from \"@emotion/styled\";\nimport { Preview } from \"@hitachivantara/uikit-react-icons\";\nimport { theme } from \"@hitachivantara/uikit-styles\";\nimport { HvButton, HvButtonProps } from \"@core/components\";\nimport { forwardRef } from \"react\";\nimport { PolymorphicRef } from \"@core/types\";\nimport fileUploaderPreviewClasses from \"./previewClasses\";\n\nexport const StyledOverlay = styled(\"div\")({\n  position: \"absolute\",\n  top: 0,\n  bottom: 0,\n  left: 0,\n  right: 0,\n  display: \"none\",\n  justifyContent: \"center\",\n  alignItems: \"center\",\n  backgroundColor: theme.fileUploader.preview.overlayColor,\n  opacity: theme.fileUploader.preview.overlayOpacity,\n  borderRadius: theme.fileUploader.preview.overlayBorderRadius,\n\n  [`.${fileUploaderPreviewClasses.previewButton}:hover &`]: {\n    display: \"flex\",\n  },\n});\n\nexport const StyledPreviewIcon = styled(Preview)({\n  position: \"absolute\",\n  left: \"50%\",\n  top: \"50%\",\n  transform: \"translate(-50%, -50%)\",\n  display: \"none\",\n\n  [`.${fileUploaderPreviewClasses.previewButton}:hover &`]: {\n    display: \"flex\",\n  },\n});\n\nexport const StyledButton = styled(\n  forwardRef((props: HvButtonProps, ref?: PolymorphicRef<\"button\">) => {\n    return <HvButton {...props} ref={ref} />;\n  })\n)({\n  position: \"relative\",\n  width: theme.fileUploader.preview.buttonSize,\n  height: theme.fileUploader.preview.buttonSize,\n});\n"],"names":["StyledOverlay","process","env","NODE_ENV","target","label","position","top","bottom","left","right","display","justifyContent","alignItems","backgroundColor","theme","fileUploader","preview","overlayColor","opacity","overlayOpacity","borderRadius","overlayBorderRadius","fileUploaderPreviewClasses","previewButton","StyledPreviewIcon","Preview","transform","StyledButton","_styled","forwardRef","props","ref","HvButton","width","buttonSize","height"],"mappings":";;;;;;;AAQO,MAAMA,gBAAuB,wBAAA,OAAKC,QAAAC,IAAAC,aAAA,eAAA;AAAA,EAAAC,QAAA;AAAA,IAAA;AAAA,EAAAA,QAAA;AAAA,EAAAC,OAAA;AAAA,CAAA,EAAE;AAAA,EACzCC,UAAU;AAAA,EACVC,KAAK;AAAA,EACLC,QAAQ;AAAA,EACRC,MAAM;AAAA,EACNC,OAAO;AAAA,EACPC,SAAS;AAAA,EACTC,gBAAgB;AAAA,EAChBC,YAAY;AAAA,EACZC,iBAAiBC,MAAMC,aAAaC,QAAQC;AAAAA,EAC5CC,SAASJ,MAAMC,aAAaC,QAAQG;AAAAA,EACpCC,cAAcN,MAAMC,aAAaC,QAAQK;AAAAA,EAEzC,CAAE,IAAGC,2BAA2BC,uBAAuB,GAAG;AAAA,IACxDb,SAAS;AAAA,EACX;AACF,GAACV,QAAAC,IAAAC,aAAC,eAAA,KAAA,63EAAA;AAEK,MAAMsB,oBAA2BC,wBAAAA,SAAOzB,QAAAC,IAAAC,aAAA,eAAA;AAAA,EAAAC,QAAA;AAAA,IAAA;AAAA,EAAAA,QAAA;AAAA,EAAAC,OAAA;AAAA,CAAA,EAAE;AAAA,EAC/CC,UAAU;AAAA,EACVG,MAAM;AAAA,EACNF,KAAK;AAAA,EACLoB,WAAW;AAAA,EACXhB,SAAS;AAAA,EAET,CAAE,IAAGY,2BAA2BC,uBAAuB,GAAG;AAAA,IACxDb,SAAS;AAAA,EACX;AACF,GAACV,QAAAC,IAAAC,aAAC,eAAA,KAAA,63EAAA;AAEK,MAAMyB,eAAeC,wBAC1BC,WAAW,CAACC,OAAsBC,QAAmC;AACnE,6BAAQC,UAAQ;AAAA,IAAA,GAAKF;AAAAA,IAAOC;AAAAA,EAAAA,CAAW;AACzC,CAAC,GAAC/B,QAAAC,IAAAC,aAAA,eAAA;AAAA,EAAAC,QAAA;AAAA,IAAA;AAAA,EAAAA,QAAA;AAAA,EAAAC,OAAA;AAAA,CACJ,EAAE;AAAA,EACAC,UAAU;AAAA,EACV4B,OAAOnB,MAAMC,aAAaC,QAAQkB;AAAAA,EAClCC,QAAQrB,MAAMC,aAAaC,QAAQkB;AACrC,GAAClC,QAAAC,IAAAC,aAAC,eAAA,KAAA,63EAAA;"}

package/dist/esm/components/FileUploader/Preview/previewClasses.js.map

@@ -1 +1 @@
-{"version":3,"file":"previewClasses.js","sources":["../../../../../src/components/FileUploader/Preview/previewClasses.ts"],"sourcesContent":["import { getClasses } from \"@core/utils\";\n\nexport interface HvFileUploaderPreviewClasses {\n  previewButton?: string;\n  overlay?: string;\n}\n\nconst classKeys: (keyof HvFileUploaderPreviewClasses)[] = [\n  \"previewButton\",\n  \"overlay\",\n];\n\nconst fileUploaderPreviewClasses = getClasses(\n  classKeys,\n  \"HvFileUploaderPreview\"\n);\n\nexport default fileUploaderPreviewClasses;\n"],"names":["classKeys","fileUploaderPreviewClasses","getClasses"],"mappings":";AAOA,MAAMA,YAAoD,CACxD,iBACA,SAAS;AAGX,MAAMC,6BAA6BC,WACjCF,WACA,uBAAuB;AAGzB,MAAA,+BAAeC;"}
+{"version":3,"file":"previewClasses.js","sources":["../../../../../src/components/FileUploader/Preview/previewClasses.ts"],"sourcesContent":["import { getClasses } from \"@core/utils\";\n\nexport interface HvFileUploaderPreviewClasses {\n  previewButton?: string;\n  overlay?: string;\n}\n\nconst classKeys: (keyof HvFileUploaderPreviewClasses)[] = [\n  \"previewButton\",\n  \"overlay\",\n];\n\nconst fileUploaderPreviewClasses = getClasses(\n  classKeys,\n  \"HvFileUploaderPreview\"\n);\n\nexport default fileUploaderPreviewClasses;\n"],"names":["classKeys","fileUploaderPreviewClasses","getClasses"],"mappings":";AAOA,MAAMA,YAAoD,CACxD,iBACA,SAAS;AAGX,MAAMC,6BAA6BC,WACjCF,WACA,uBACF;AAEA,MAAA,+BAAeC;"}

package/dist/esm/components/FilterGroup/Counter/Counter.js.map

@@ -1 +1 @@
-{"version":3,"file":"Counter.js","sources":["../../../../../src/components/FilterGroup/Counter/Counter.tsx"],"sourcesContent":["import { useContext } from \"react\";\nimport { ClassNames } from \"@emotion/react\";\nimport { HvFilterGroupContext } from \"../FilterGroupContext\";\nimport { styles } from \"./Counter.styles\";\nimport { HvFilterGroupFilters, HvFilterGroupValue } from \"../FilterGroup\";\nimport filterGroupCounterClasses, {\n  HvFilterGroupCounterClasses,\n} from \"./counterClasses\";\n\nexport interface HvFilterGroupCounterProps {\n  className?: string;\n  id?: string;\n  classes?: HvFilterGroupCounterClasses;\n}\n\nconst getExistingFiltersById = (\n  idx: number,\n  filterValues: HvFilterGroupValue,\n  filterOptions: HvFilterGroupFilters\n) => {\n  let total = 0;\n  filterValues[idx]?.forEach((fv) => {\n    if (filterOptions[idx]?.data.find((f) => f.id === fv)) {\n      total += 1;\n    }\n  });\n  return total;\n};\n\nexport const HvFilterGroupCounter = ({\n  className,\n  id,\n  classes,\n}: HvFilterGroupCounterProps) => {\n  const {\n    filterOptions,\n    filterValues = [],\n    appliedFilters = [],\n  } = useContext(HvFilterGroupContext);\n\n  const options =\n    id && filterOptions.find((option) => option.id === id)\n      ? ([\n          filterOptions.find((option) => option.id === id),\n        ] as HvFilterGroupFilters)\n      : filterOptions;\n  const optionIdx = filterOptions.findIndex((option) => option.id === id);\n\n  let groupsCounter = 0;\n  appliedFilters\n    .filter((elem) => elem !== undefined)\n    .forEach((fg, i) => {\n      groupsCounter += getExistingFiltersById(i, filterValues, filterOptions);\n    });\n\n  const partialCounter = id\n    ? getExistingFiltersById(optionIdx, filterValues, filterOptions) || 0\n    : groupsCounter;\n\n  const totalCounter = options.reduce(\n    (acc, option) => acc + option.data.length,\n    0\n  );\n\n  return (\n    <ClassNames>\n      {({ css, cx }) => (\n        <div\n          className={cx(\n            filterGroupCounterClasses.root,\n            css(styles.root),\n            className,\n            classes?.root\n          )}\n        >\n          {partialCounter > 0 ? (\n            <p\n              className={cx(\n                filterGroupCounterClasses.partialCounter,\n                css(styles.partialCounter),\n                classes?.partialCounter\n              )}\n            >\n              {partialCounter}\n            </p>\n          ) : (\n            partialCounter\n          )}\n          {` / ${totalCounter}`}\n        </div>\n      )}\n    </ClassNames>\n  );\n};\n"],"names":["getExistingFiltersById","idx","filterValues","filterOptions","total","forEach","fv","data","find","f","id","HvFilterGroupCounter","className","classes","appliedFilters","useContext","HvFilterGroupContext","options","option","optionIdx","findIndex","groupsCounter","filter","elem","undefined","fg","i","partialCounter","totalCounter","reduce","acc","length","ClassNames","children","css","cx","filterGroupCounterClasses","root","styles"],"mappings":";;;;;;AAeA,MAAMA,yBAAyBA,CAC7BC,KACAC,cACAC,kBACG;;AACH,MAAIC,QAAQ;AACCH,qBAAAA,GAAG,MAAHA,mBAAMI,QAASC,CAAO,OAAA;;AAC7BH,SAAAA,MAAAA,cAAcF,GAAG,MAAjBE,gBAAAA,IAAoBI,KAAKC,KAAMC,CAAMA,MAAAA,EAAEC,OAAOJ,KAAK;AAC5C,eAAA;AAAA,IACX;AAAA,EAAA;AAEKF,SAAAA;AACT;AAEO,MAAMO,uBAAuBA,CAAC;AAAA,EACnCC;AAAAA,EACAF;AAAAA,EACAG;AACyB,MAAM;AACzB,QAAA;AAAA,IACJV;AAAAA,IACAD,eAAe,CAAE;AAAA,IACjBY,iBAAiB,CAAA;AAAA,EAAA,IACfC,WAAWC,oBAAoB;AAEnC,QAAMC,UACJP,MAAMP,cAAcK,KAAMU,CAAAA,WAAWA,OAAOR,OAAOA,EAAE,IAChD,CACCP,cAAcK,KAAMU,CAAAA,WAAWA,OAAOR,OAAOA,EAAE,CAAC,IAElDP;AACN,QAAMgB,YAAYhB,cAAciB,UAAWF,CAAWA,WAAAA,OAAOR,OAAOA,EAAE;AAEtE,MAAIW,gBAAgB;AAEjBC,iBAAAA,OAAQC,UAASA,SAASC,MAAS,EACnCnB,QAAQ,CAACoB,IAAIC,MAAM;AACD1B,qBAAAA,uBAAuB0B,GAAGxB,cAAcC,aAAa;AAAA,EAAA,CACvE;AAEH,QAAMwB,iBAAiBjB,KACnBV,uBAAuBmB,WAAWjB,cAAcC,aAAa,KAAK,IAClEkB;AAEEO,QAAAA,eAAeX,QAAQY,OAC3B,CAACC,KAAKZ,WAAWY,MAAMZ,OAAOX,KAAKwB,QACnC,CAAC;AAGH,6BACGC,YAAU;AAAA,IAAAC,UACRA,CAAC;AAAA,MAAEC;AAAAA,MAAKC;AAAAA,IAAAA,2BACP,OAAA;AAAA,MACEvB,WAAWuB,GACTC,0BAA0BC,MAC1BH,IAAII,OAAOD,IAAI,GACfzB,WACAC,mCAASwB,IAAI;AAAA,MACbJ,UAEDN,CAAAA,iBAAiB,wBAChB,KAAA;AAAA,QACEf,WAAWuB,GACTC,0BAA0BT,gBAC1BO,IAAII,OAAOX,cAAc,GACzBd,mCAASc,cAAc;AAAA,QACvBM,UAEDN;AAAAA,MAAc,CAAA,IAGjBA,gBAEA,MAAKC,cAAc;AAAA,IAAA,CAAA;AAAA,EAAA,CAGd;AAEjB;"}
+{"version":3,"file":"Counter.js","sources":["../../../../../src/components/FilterGroup/Counter/Counter.tsx"],"sourcesContent":["import { useContext } from \"react\";\nimport { ClassNames } from \"@emotion/react\";\nimport { HvFilterGroupContext } from \"../FilterGroupContext\";\nimport { styles } from \"./Counter.styles\";\nimport { HvFilterGroupFilters, HvFilterGroupValue } from \"../FilterGroup\";\nimport filterGroupCounterClasses, {\n  HvFilterGroupCounterClasses,\n} from \"./counterClasses\";\n\nexport interface HvFilterGroupCounterProps {\n  className?: string;\n  id?: string;\n  classes?: HvFilterGroupCounterClasses;\n}\n\nconst getExistingFiltersById = (\n  idx: number,\n  filterValues: HvFilterGroupValue,\n  filterOptions: HvFilterGroupFilters\n) => {\n  let total = 0;\n  filterValues[idx]?.forEach((fv) => {\n    if (filterOptions[idx]?.data.find((f) => f.id === fv)) {\n      total += 1;\n    }\n  });\n  return total;\n};\n\nexport const HvFilterGroupCounter = ({\n  className,\n  id,\n  classes,\n}: HvFilterGroupCounterProps) => {\n  const {\n    filterOptions,\n    filterValues = [],\n    appliedFilters = [],\n  } = useContext(HvFilterGroupContext);\n\n  const options =\n    id && filterOptions.find((option) => option.id === id)\n      ? ([\n          filterOptions.find((option) => option.id === id),\n        ] as HvFilterGroupFilters)\n      : filterOptions;\n  const optionIdx = filterOptions.findIndex((option) => option.id === id);\n\n  let groupsCounter = 0;\n  appliedFilters\n    .filter((elem) => elem !== undefined)\n    .forEach((fg, i) => {\n      groupsCounter += getExistingFiltersById(i, filterValues, filterOptions);\n    });\n\n  const partialCounter = id\n    ? getExistingFiltersById(optionIdx, filterValues, filterOptions) || 0\n    : groupsCounter;\n\n  const totalCounter = options.reduce(\n    (acc, option) => acc + option.data.length,\n    0\n  );\n\n  return (\n    <ClassNames>\n      {({ css, cx }) => (\n        <div\n          className={cx(\n            filterGroupCounterClasses.root,\n            css(styles.root),\n            className,\n            classes?.root\n          )}\n        >\n          {partialCounter > 0 ? (\n            <p\n              className={cx(\n                filterGroupCounterClasses.partialCounter,\n                css(styles.partialCounter),\n                classes?.partialCounter\n              )}\n            >\n              {partialCounter}\n            </p>\n          ) : (\n            partialCounter\n          )}\n          {` / ${totalCounter}`}\n        </div>\n      )}\n    </ClassNames>\n  );\n};\n"],"names":["getExistingFiltersById","idx","filterValues","filterOptions","total","forEach","fv","data","find","f","id","HvFilterGroupCounter","className","classes","appliedFilters","useContext","HvFilterGroupContext","options","option","optionIdx","findIndex","groupsCounter","filter","elem","undefined","fg","i","partialCounter","totalCounter","reduce","acc","length","ClassNames","children","css","cx","filterGroupCounterClasses","root","styles"],"mappings":";;;;;;AAeA,MAAMA,yBAAyBA,CAC7BC,KACAC,cACAC,kBACG;;AACH,MAAIC,QAAQ;AACCH,qBAAAA,GAAG,MAAHA,mBAAMI,QAASC,CAAO,OAAA;;AAC7BH,SAAAA,MAAAA,cAAcF,GAAG,MAAjBE,gBAAAA,IAAoBI,KAAKC,KAAMC,CAAMA,MAAAA,EAAEC,OAAOJ,KAAK;AAC5C,eAAA;AAAA,IACX;AAAA,EAAA;AAEKF,SAAAA;AACT;AAEO,MAAMO,uBAAuBA,CAAC;AAAA,EACnCC;AAAAA,EACAF;AAAAA,EACAG;AACyB,MAAM;AACzB,QAAA;AAAA,IACJV;AAAAA,IACAD,eAAe,CAAE;AAAA,IACjBY,iBAAiB,CAAA;AAAA,EAAA,IACfC,WAAWC,oBAAoB;AAEnC,QAAMC,UACJP,MAAMP,cAAcK,KAAMU,CAAAA,WAAWA,OAAOR,OAAOA,EAAE,IAChD,CACCP,cAAcK,KAAMU,CAAAA,WAAWA,OAAOR,OAAOA,EAAE,CAAC,IAElDP;AACN,QAAMgB,YAAYhB,cAAciB,UAAWF,CAAWA,WAAAA,OAAOR,OAAOA,EAAE;AAEtE,MAAIW,gBAAgB;AAEjBC,iBAAAA,OAAQC,UAASA,SAASC,MAAS,EACnCnB,QAAQ,CAACoB,IAAIC,MAAM;AACD1B,qBAAAA,uBAAuB0B,GAAGxB,cAAcC,aAAa;AAAA,EAAA,CACvE;AAEH,QAAMwB,iBAAiBjB,KACnBV,uBAAuBmB,WAAWjB,cAAcC,aAAa,KAAK,IAClEkB;AAEEO,QAAAA,eAAeX,QAAQY,OAC3B,CAACC,KAAKZ,WAAWY,MAAMZ,OAAOX,KAAKwB,QACnC,CACF;AAEA,6BACGC,YAAU;AAAA,IAAAC,UACRA,CAAC;AAAA,MAAEC;AAAAA,MAAKC;AAAAA,IAAAA,2BACP,OAAA;AAAA,MACEvB,WAAWuB,GACTC,0BAA0BC,MAC1BH,IAAII,OAAOD,IAAI,GACfzB,WACAC,mCAASwB,IACX;AAAA,MAAEJ,UAEDN,CAAAA,iBAAiB,wBAChB,KAAA;AAAA,QACEf,WAAWuB,GACTC,0BAA0BT,gBAC1BO,IAAII,OAAOX,cAAc,GACzBd,mCAASc,cACX;AAAA,QAAEM,UAEDN;AAAAA,MACA,CAAA,IAEHA,gBAEA,MAAKC,cAAc;AAAA,IAAA,CAClB;AAAA,EAAA,CAEG;AAEhB;"}

package/dist/esm/components/FilterGroup/Counter/Counter.styles.js

@@ -1,10 +1,8 @@
 import { theme } from "@hitachivantara/uikit-styles";
 const styles = {
   root: {
-    height: "100%",
-    lineHeight: "32px",
-    margin: "0 10px",
-    pointerEvents: "none"
+    lineHeight: "34px",
+    marginRight: 10
   },
   partialCounter: {
     display: "inline-block",

package/dist/esm/components/FilterGroup/Counter/Counter.styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"Counter.styles.js","sources":["../../../../../src/components/FilterGroup/Counter/Counter.styles.tsx"],"sourcesContent":["import { CSSInterpolation } from \"@emotion/serialize\";\nimport { theme } from \"@hitachivantara/uikit-styles\";\nimport { HvFilterGroupCounterClasses } from \"./counterClasses\";\n\nexport const styles: Partial<\n  Record<keyof HvFilterGroupCounterClasses, CSSInterpolation>\n> = {\n  root: {\n    height: \"100%\",\n    lineHeight: \"32px\",\n    margin: \"0 10px\",\n    pointerEvents: \"none\",\n  },\n  partialCounter: {\n    display: \"inline-block\",\n    fontWeight: theme.filterGroup.partialCounterFontWeight,\n  },\n};\n"],"names":["styles","root","height","lineHeight","margin","pointerEvents","partialCounter","display","fontWeight","theme","filterGroup","partialCounterFontWeight"],"mappings":";AAIO,MAAMA,SAET;AAAA,EACFC,MAAM;AAAA,IACJC,QAAQ;AAAA,IACRC,YAAY;AAAA,IACZC,QAAQ;AAAA,IACRC,eAAe;AAAA,EACjB;AAAA,EACAC,gBAAgB;AAAA,IACdC,SAAS;AAAA,IACTC,YAAYC,MAAMC,YAAYC;AAAAA,EAChC;AACF;"}
+{"version":3,"file":"Counter.styles.js","sources":["../../../../../src/components/FilterGroup/Counter/Counter.styles.tsx"],"sourcesContent":["import { CSSInterpolation } from \"@emotion/serialize\";\nimport { theme } from \"@hitachivantara/uikit-styles\";\nimport { HvFilterGroupCounterClasses } from \"./counterClasses\";\n\nexport const styles: Partial<\n  Record<keyof HvFilterGroupCounterClasses, CSSInterpolation>\n> = {\n  root: {\n    lineHeight: \"34px\",\n    marginRight: 10,\n  },\n  partialCounter: {\n    display: \"inline-block\",\n    fontWeight: theme.filterGroup.partialCounterFontWeight,\n  },\n};\n"],"names":["styles","root","lineHeight","marginRight","partialCounter","display","fontWeight","theme","filterGroup","partialCounterFontWeight"],"mappings":";AAIO,MAAMA,SAET;AAAA,EACFC,MAAM;AAAA,IACJC,YAAY;AAAA,IACZC,aAAa;AAAA,EACf;AAAA,EACAC,gBAAgB;AAAA,IACdC,SAAS;AAAA,IACTC,YAAYC,MAAMC,YAAYC;AAAAA,EAChC;AACF;"}