@hitachivantara/uikit-react-core 5.7.3 → 5.7.5

package/dist/cjs/components/FileUploader/File/File.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"File.cjs","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 fileClasses, { HvFileClasses } from \"./fileClasses\";\nimport { HvTypography } from \"@core/components\";\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":";;;;;;;;;;AA6EA,MAAMA,gBAAgBA,CACpBC,SACAC,WACG;AACH,UAAQA,QAAM;AAAA,IACZ,KAAK;AACH,4CACGC,YAAAA,eAAa;AAAA,QACZC,WAAWC,KAAAA,KAAKJ,mCAASK,MAAMC,YAAAA,QAAYD,IAAI;AAAA,QAC/CE,OAAM;AAAA,MAAA,CACN;AAAA,IAEN,KAAK;AACH,4CACGC,YAAAA,YAAU;AAAA,QACTL,WAAWC,KAAAA,KAAKJ,mCAASK,MAAMC,YAAAA,QAAYD,IAAI;AAAA,QAC/CE,OAAM;AAAA,MAAA,CACN;AAAA,IAEN;AACE,4CACGE,YAAAA,iBAAe;AAAA,QAACN,WAAWC,KAAAA,KAAKJ,mCAASK,MAAMC,YAAAA,QAAYD,IAAI;AAAA,MAAA,CAAK;AAAA,EACrE;AAER;AAEA,MAAMK,kBAAkBA,CAACC,MAAkBX,YAA4B;AAC/DY,QAAAA,YAAYD,KAAKV,WAAW;AAC5BY,QAAAA,aAAaF,KAAKV,WAAW;AAEnC,yCACEa,WAAAA,UAAA;AAAA,IAAAC,UAAA,CACGJ,KAAKK,YAAYL,KAAKM,QAAQN,KAAKO,eAAgB,QAAa,MAEhEL,cAAcF,KAAKK,YAAY,uCAC7BG,yBAAY;AAAA,MAACC,SAAQ;AAAA,MAAOL,UACzB,GAAEM,MAAaV,aAAAA,KAAKK,QAAQ;AAAA,IAAA,CAEjC,GAEA,CAACJ,aAAaD,KAAKM,uCACjBE,WAAAA,cAAY;AAAA,MAAAJ,UAAG,GAAEM,MAAAA,aAAaV,KAAKM,IAAI;AAAA,IACzC,CAAA,GAEAL,aAAaD,KAAKO,+CAChBI,YAAAA,oBAAkB;AAAA,MAACnB,WAAWC,KAAAA,KAAKJ,mCAASuB,MAAMjB,YAAAA,QAAYiB,IAAI;AAAA,MAAER,UAClEJ,KAAKO;AAAAA,IAAAA,CAET,CAAA;AAAA,EAAA,CACA;AAEP;AAEA,MAAMM,qBAAqBA,CAAC;AAAA,EAAEP;AAAAA,EAAMD;AAAqB,MAAM;AACvDS,QAAAA,QACJT,YAAY,QAAQC,QAAQ,OAAOS,KAAKC,MAAOX,WAAW,MAAOC,IAAI,IAAI;AAEpEQ,SAAAA;AACT;AAEO,MAAMG,SAASA,CAAC;AAAA,EACrBC;AAAAA,EACA7B;AAAAA,EACAW;AAAAA,EACAmB;AAAAA,EACAC;AACW,MAAM;AACXC,QAAAA,WAAWrB,KAAKV,WAAW;AAE3BY,QAAAA,aAAaF,KAAKV,WAAW;AAE7BgC,QAAAA,eAAevB,gBAAgBC,MAAMX,OAAO;AAElD,QAAMkC,aAAanC,cAAcC,SAASW,KAAKV,MAAM;AAE/CkC,QAAAA,kBAAkBX,mBAAmBb,IAAI;AAE/C,yCACE,MAAA;AAAA,IAAIR,WAAWC,KAAAA,KAAKJ,mCAASoC,MAAM9B,YAAAA,QAAY8B,IAAI;AAAA,IAAErB,UAAA,CAClD,CAACiB,YAAYnB,6CACXwB,YAAAA,uBAAqB;AAAA,MACpBlC,WAAWC,KAAAA,KACTJ,mCAASsC,iBACThC,YAAAA,QAAYgC,eAAe;AAAA,IAGhC,CAAA,GAEA,CAACN,YAAYnB,6CACX0B,YAAAA,mBAAiB;AAAA,MAChBpC,WAAWC,KAAAA,KAAKJ,mCAASwC,aAAalC,YAAAA,QAAYkC,WAAW;AAAA,MAC7D,iBAAe;AAAA,MACf,iBAAe;AAAA,MACf,iBAAeL;AAAAA,MACfM,OAAO;AAAA,QAAEhB,OAAQ,GAAEU;AAAAA,MAAmB;AAAA,IAAA,CAAE,GAI3CD,YAEDQ,2BAAAA,IAACC,4BAAc;AAAA,MACbxC,WAAWC,KAAAA,KAAKJ,mCAAS4C,UAAUtC,YAAAA,QAAYsC,QAAQ;AAAA,MACvDxB,SAAQ;AAAA,MAAOL,UAEdJ,KAAKkC;AAAAA,IAAAA,CACS,GAEjBH,2BAAAA,IAACI,yCAA2B;AAAA,MAC1B3C,WAAWC,KAAAA,KACTJ,mCAAS+C,uBACTzC,YAAAA,QAAYyC,qBAAqB;AAAA,MACjChC,UAEDkB;AAAAA,IAAY,CAAA,GAGdtB,KAAKqC,0CACHC,YAAAA,wBAAsB;AAAA,MACrB9C,WAAWC,KAAAA,KACTJ,mCAASkD,kBACT5C,YAAAA,QAAY4C,gBAAgB;AAAA,MAC5BnC,UAEDJ,KAAKqC;AAAAA,IAAAA,CAET,GAEDN,2BAAAA,IAACS,8BAAgB;AAAA,MACftB,IAAIuB,MAAAA,MAAMvB,IAAI,eAAe;AAAA,MAC7B,cAAYE;AAAAA,MACZ5B,WAAWC,KAAAA,KAAKJ,mCAASqD,cAAc/C,YAAAA,QAAY+C,YAAY;AAAA,MAC/DC,SAASA,MAAMxB,+CAAgBnB;AAAAA,MAC/BS,SAAQ;AAAA,MACRf,MAAI;AAAA,MAAAU,yCAEHwC,uBAAK;AAAA,QAACC,UAAS;AAAA,MAAA,CAAI;AAAA,IAAA,CACH,CAAA;AAAA,EAAA,CAChB;AAET;;"}
+{"version":3,"file":"File.cjs","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/cjs/components/FileUploader/FileList/FileList.cjs

@@ -1,8 +1,8 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const clsx = require("clsx");
 const fileListClasses = require("./fileListClasses.cjs");
 const FileList_styles = require("./FileList.styles.cjs");
-const clsx = require("clsx");
 const jsxRuntime = require("@emotion/react/jsx-runtime");
 const useUniqueId = require("../../../hooks/useUniqueId.cjs");
 const File = require("../File/File.cjs");

package/dist/cjs/components/FileUploader/FileList/FileList.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"FileList.cjs","sources":["../../../../../src/components/FileUploader/FileList/FileList.tsx"],"sourcesContent":["import { HvFile, HvFileData, HvFileRemovedEvent } from \"../File\";\nimport fileListClasses, { HvFileListClasses } from \"./fileListClasses\";\nimport { useUniqueId } from \"@core/hooks\";\nimport { setId } from \"@core/utils\";\nimport { StyledList } from \"./FileList.styles\";\nimport { clsx } from \"clsx\";\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,YAAAA,QAAYN,IAAI,YAAY;AAExCO,QAAAA,WAAWL,KAAKM,SAAS;AAC/B,MAAI,CAACD;AAAiB,WAAA;AAEtB,wCACGE,gBAAAA,YAAU;AAAA,IACTT,IAAIU,MAAAA,MAAMV,IAAI,MAAM;AAAA,IACpBW,WAAWC,KAAAA,KAAKX,mCAASC,MAAMW,gBAAAA,QAAgBX,IAAI;AAAA,IAAEY,UAEpDZ,KAAKa,IAAKC,CAAAA,wCACRC,KAAAA,QAAM;AAAA,MAELhB,SAAS;AAAA,QAAEiB,MAAMN,KAAAA,KAAKX,mCAASkB,UAAUN,gBAAAA,QAAgBM,QAAQ;AAAA,MAAE;AAAA,MACnEnB,IAAIU,MAAAA,MAAML,WAAW,QAAQ;AAAA,MAC7BW;AAAAA,MACAZ;AAAAA,MACAD;AAAAA,IAAAA,GALKa,KAAKhB,EAAE,CAOf;AAAA,EAAA,CACU;AAEjB;;"}
+{"version":3,"file":"FileList.cjs","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,YAAAA,QAAYN,IAAI,YAAY;AAExCO,QAAAA,WAAWL,KAAKM,SAAS;AAC/B,MAAI,CAACD;AAAiB,WAAA;AAEtB,wCACGE,gBAAAA,YAAU;AAAA,IACTT,IAAIU,MAAAA,MAAMV,IAAI,MAAM;AAAA,IACpBW,WAAWC,KAAAA,KAAKX,mCAASC,MAAMW,gBAAAA,QAAgBX,IAAI;AAAA,IAAEY,UAEpDZ,KAAKa,IAAKC,CAAAA,wCACRC,KAAAA,QAAM;AAAA,MAELhB,SAAS;AAAA,QAAEiB,MAAMN,KAAAA,KAAKX,mCAASkB,UAAUN,gBAAAA,QAAgBM,QAAQ;AAAA,MAAE;AAAA,MACnEnB,IAAIU,MAAAA,MAAML,WAAW,QAAQ;AAAA,MAC7BW;AAAAA,MACAZ;AAAAA,MACAD;AAAAA,IAAAA,GALKa,KAAKhB,EAAE,CAOf;AAAA,EAAA,CACU;AAEjB;;"}

package/dist/cjs/components/FileUploader/Preview/Preview.styles.cjs

@@ -3,8 +3,8 @@ Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const _styled = require("@emotion/styled/base");
 const uikitReactIcons = require("@hitachivantara/uikit-react-icons");
 const uikitStyles = require("@hitachivantara/uikit-styles");
-const previewClasses = require("./previewClasses.cjs");
 const React = require("react");
+const previewClasses = require("./previewClasses.cjs");
 const jsxRuntime = require("@emotion/react/jsx-runtime");
 const Button = require("../../Button/Button.cjs");
 const _interopDefault = (e) => e && e.__esModule ? e : { default: e };
@@ -29,7 +29,7 @@ const StyledOverlay = /* @__PURE__ */ _styled__default.default("div", process.en
   [`.${previewClasses.default.previewButton}:hover &`]: {
     display: "flex"
   }
-}, process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvRmlsZVVwbG9hZGVyL1ByZXZpZXcvUHJldmlldy5zdHlsZXMudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQU82QiIsImZpbGUiOiIvaG9tZS9ydW5uZXIvd29yay9odi11aWtpdC1yZWFjdC9odi11aWtpdC1yZWFjdC9wYWNrYWdlcy9jb3JlL3NyYy9jb21wb25lbnRzL0ZpbGVVcGxvYWRlci9QcmV2aWV3L1ByZXZpZXcuc3R5bGVzLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBzdHlsZWQgZnJvbSBcIkBlbW90aW9uL3N0eWxlZFwiO1xuaW1wb3J0IHsgUHJldmlldyB9IGZyb20gXCJAaGl0YWNoaXZhbnRhcmEvdWlraXQtcmVhY3QtaWNvbnNcIjtcbmltcG9ydCB7IHRoZW1lIH0gZnJvbSBcIkBoaXRhY2hpdmFudGFyYS91aWtpdC1zdHlsZXNcIjtcbmltcG9ydCB7IEh2QnV0dG9uLCBIdkJ1dHRvblByb3BzIH0gZnJvbSBcIkBjb3JlL2NvbXBvbmVudHNcIjtcbmltcG9ydCBmaWxlVXBsb2FkZXJQcmV2aWV3Q2xhc3NlcyBmcm9tIFwiLi9wcmV2aWV3Q2xhc3Nlc1wiO1xuaW1wb3J0IHsgZm9yd2FyZFJlZiwgUmVmIH0gZnJvbSBcInJlYWN0XCI7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRPdmVybGF5ID0gc3R5bGVkKFwiZGl2XCIpKHtcbiAgcG9zaXRpb246IFwiYWJzb2x1dGVcIixcbiAgdG9wOiAwLFxuICBib3R0b206IDAsXG4gIGxlZnQ6IDAsXG4gIHJpZ2h0OiAwLFxuICBkaXNwbGF5OiBcIm5vbmVcIixcbiAganVzdGlmeUNvbnRlbnQ6IFwiY2VudGVyXCIsXG4gIGFsaWduSXRlbXM6IFwiY2VudGVyXCIsXG4gIGJhY2tncm91bmRDb2xvcjogdGhlbWUuZmlsZVVwbG9hZGVyLnByZXZpZXcub3ZlcmxheUNvbG9yLFxuICBvcGFjaXR5OiB0aGVtZS5maWxlVXBsb2FkZXIucHJldmlldy5vdmVybGF5T3BhY2l0eSxcbiAgYm9yZGVyUmFkaXVzOiB0aGVtZS5maWxlVXBsb2FkZXIucHJldmlldy5vdmVybGF5Qm9yZGVyUmFkaXVzLFxuXG4gIFtgLiR7ZmlsZVVwbG9hZGVyUHJldmlld0NsYXNzZXMucHJldmlld0J1dHRvbn06aG92ZXIgJmBdOiB7XG4gICAgZGlzcGxheTogXCJmbGV4XCIsXG4gIH0sXG59KTtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZFByZXZpZXdJY29uID0gc3R5bGVkKFByZXZpZXcpKHtcbiAgcG9zaXRpb246IFwiYWJzb2x1dGVcIixcbiAgbGVmdDogXCI1MCVcIixcbiAgdG9wOiBcIjUwJVwiLFxuICB0cmFuc2Zvcm06IFwidHJhbnNsYXRlKC01MCUsIC01MCUpXCIsXG4gIGRpc3BsYXk6IFwibm9uZVwiLFxuXG4gIFtgLiR7ZmlsZVVwbG9hZGVyUHJldmlld0NsYXNzZXMucHJldmlld0J1dHRvbn06aG92ZXIgJmBdOiB7XG4gICAgZGlzcGxheTogXCJmbGV4XCIsXG4gIH0sXG59KTtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZEJ1dHRvbiA9IHN0eWxlZChcbiAgZm9yd2FyZFJlZigocHJvcHM6IEh2QnV0dG9uUHJvcHMsIHJlZj86IFJlZjxIVE1MQnV0dG9uRWxlbWVudD4pID0+IHtcbiAgICByZXR1cm4gPEh2QnV0dG9uIHsuLi5wcm9wc30gcmVmPXtyZWZ9IC8+O1xuICB9KVxuKSh7XG4gIHBvc2l0aW9uOiBcInJlbGF0aXZlXCIsXG4gIHdpZHRoOiB0aGVtZS5maWxlVXBsb2FkZXIucHJldmlldy5idXR0b25TaXplLFxuICBoZWlnaHQ6IHRoZW1lLmZpbGVVcGxvYWRlci5wcmV2aWV3LmJ1dHRvblNpemUsXG59KTtcbiJdfQ== */");
+}, process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvRmlsZVVwbG9hZGVyL1ByZXZpZXcvUHJldmlldy5zdHlsZXMudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQU82QiIsImZpbGUiOiIvaG9tZS9ydW5uZXIvd29yay9odi11aWtpdC1yZWFjdC9odi11aWtpdC1yZWFjdC9wYWNrYWdlcy9jb3JlL3NyYy9jb21wb25lbnRzL0ZpbGVVcGxvYWRlci9QcmV2aWV3L1ByZXZpZXcuc3R5bGVzLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBzdHlsZWQgZnJvbSBcIkBlbW90aW9uL3N0eWxlZFwiO1xuaW1wb3J0IHsgUHJldmlldyB9IGZyb20gXCJAaGl0YWNoaXZhbnRhcmEvdWlraXQtcmVhY3QtaWNvbnNcIjtcbmltcG9ydCB7IHRoZW1lIH0gZnJvbSBcIkBoaXRhY2hpdmFudGFyYS91aWtpdC1zdHlsZXNcIjtcbmltcG9ydCB7IEh2QnV0dG9uLCBIdkJ1dHRvblByb3BzIH0gZnJvbSBcIkBjb3JlL2NvbXBvbmVudHNcIjtcbmltcG9ydCB7IGZvcndhcmRSZWYsIFJlZiB9IGZyb20gXCJyZWFjdFwiO1xuaW1wb3J0IGZpbGVVcGxvYWRlclByZXZpZXdDbGFzc2VzIGZyb20gXCIuL3ByZXZpZXdDbGFzc2VzXCI7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRPdmVybGF5ID0gc3R5bGVkKFwiZGl2XCIpKHtcbiAgcG9zaXRpb246IFwiYWJzb2x1dGVcIixcbiAgdG9wOiAwLFxuICBib3R0b206IDAsXG4gIGxlZnQ6IDAsXG4gIHJpZ2h0OiAwLFxuICBkaXNwbGF5OiBcIm5vbmVcIixcbiAganVzdGlmeUNvbnRlbnQ6IFwiY2VudGVyXCIsXG4gIGFsaWduSXRlbXM6IFwiY2VudGVyXCIsXG4gIGJhY2tncm91bmRDb2xvcjogdGhlbWUuZmlsZVVwbG9hZGVyLnByZXZpZXcub3ZlcmxheUNvbG9yLFxuICBvcGFjaXR5OiB0aGVtZS5maWxlVXBsb2FkZXIucHJldmlldy5vdmVybGF5T3BhY2l0eSxcbiAgYm9yZGVyUmFkaXVzOiB0aGVtZS5maWxlVXBsb2FkZXIucHJldmlldy5vdmVybGF5Qm9yZGVyUmFkaXVzLFxuXG4gIFtgLiR7ZmlsZVVwbG9hZGVyUHJldmlld0NsYXNzZXMucHJldmlld0J1dHRvbn06aG92ZXIgJmBdOiB7XG4gICAgZGlzcGxheTogXCJmbGV4XCIsXG4gIH0sXG59KTtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZFByZXZpZXdJY29uID0gc3R5bGVkKFByZXZpZXcpKHtcbiAgcG9zaXRpb246IFwiYWJzb2x1dGVcIixcbiAgbGVmdDogXCI1MCVcIixcbiAgdG9wOiBcIjUwJVwiLFxuICB0cmFuc2Zvcm06IFwidHJhbnNsYXRlKC01MCUsIC01MCUpXCIsXG4gIGRpc3BsYXk6IFwibm9uZVwiLFxuXG4gIFtgLiR7ZmlsZVVwbG9hZGVyUHJldmlld0NsYXNzZXMucHJldmlld0J1dHRvbn06aG92ZXIgJmBdOiB7XG4gICAgZGlzcGxheTogXCJmbGV4XCIsXG4gIH0sXG59KTtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZEJ1dHRvbiA9IHN0eWxlZChcbiAgZm9yd2FyZFJlZigocHJvcHM6IEh2QnV0dG9uUHJvcHMsIHJlZj86IFJlZjxIVE1MQnV0dG9uRWxlbWVudD4pID0+IHtcbiAgICByZXR1cm4gPEh2QnV0dG9uIHsuLi5wcm9wc30gcmVmPXtyZWZ9IC8+O1xuICB9KVxuKSh7XG4gIHBvc2l0aW9uOiBcInJlbGF0aXZlXCIsXG4gIHdpZHRoOiB0aGVtZS5maWxlVXBsb2FkZXIucHJldmlldy5idXR0b25TaXplLFxuICBoZWlnaHQ6IHRoZW1lLmZpbGVVcGxvYWRlci5wcmV2aWV3LmJ1dHRvblNpemUsXG59KTtcbiJdfQ== */");
 const StyledPreviewIcon = /* @__PURE__ */ _styled__default.default(uikitReactIcons.Preview, process.env.NODE_ENV === "production" ? {
   target: "e9tybiz1"
 } : {
@@ -44,7 +44,7 @@ const StyledPreviewIcon = /* @__PURE__ */ _styled__default.default(uikitReactIco
   [`.${previewClasses.default.previewButton}:hover &`]: {
     display: "flex"
   }
-}, process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvRmlsZVVwbG9hZGVyL1ByZXZpZXcvUHJldmlldy5zdHlsZXMudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQXlCaUMiLCJmaWxlIjoiL2hvbWUvcnVubmVyL3dvcmsvaHYtdWlraXQtcmVhY3QvaHYtdWlraXQtcmVhY3QvcGFja2FnZXMvY29yZS9zcmMvY29tcG9uZW50cy9GaWxlVXBsb2FkZXIvUHJldmlldy9QcmV2aWV3LnN0eWxlcy50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgc3R5bGVkIGZyb20gXCJAZW1vdGlvbi9zdHlsZWRcIjtcbmltcG9ydCB7IFByZXZpZXcgfSBmcm9tIFwiQGhpdGFjaGl2YW50YXJhL3Vpa2l0LXJlYWN0LWljb25zXCI7XG5pbXBvcnQgeyB0aGVtZSB9IGZyb20gXCJAaGl0YWNoaXZhbnRhcmEvdWlraXQtc3R5bGVzXCI7XG5pbXBvcnQgeyBIdkJ1dHRvbiwgSHZCdXR0b25Qcm9wcyB9IGZyb20gXCJAY29yZS9jb21wb25lbnRzXCI7XG5pbXBvcnQgZmlsZVVwbG9hZGVyUHJldmlld0NsYXNzZXMgZnJvbSBcIi4vcHJldmlld0NsYXNzZXNcIjtcbmltcG9ydCB7IGZvcndhcmRSZWYsIFJlZiB9IGZyb20gXCJyZWFjdFwiO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkT3ZlcmxheSA9IHN0eWxlZChcImRpdlwiKSh7XG4gIHBvc2l0aW9uOiBcImFic29sdXRlXCIsXG4gIHRvcDogMCxcbiAgYm90dG9tOiAwLFxuICBsZWZ0OiAwLFxuICByaWdodDogMCxcbiAgZGlzcGxheTogXCJub25lXCIsXG4gIGp1c3RpZnlDb250ZW50OiBcImNlbnRlclwiLFxuICBhbGlnbkl0ZW1zOiBcImNlbnRlclwiLFxuICBiYWNrZ3JvdW5kQ29sb3I6IHRoZW1lLmZpbGVVcGxvYWRlci5wcmV2aWV3Lm92ZXJsYXlDb2xvcixcbiAgb3BhY2l0eTogdGhlbWUuZmlsZVVwbG9hZGVyLnByZXZpZXcub3ZlcmxheU9wYWNpdHksXG4gIGJvcmRlclJhZGl1czogdGhlbWUuZmlsZVVwbG9hZGVyLnByZXZpZXcub3ZlcmxheUJvcmRlclJhZGl1cyxcblxuICBbYC4ke2ZpbGVVcGxvYWRlclByZXZpZXdDbGFzc2VzLnByZXZpZXdCdXR0b259OmhvdmVyICZgXToge1xuICAgIGRpc3BsYXk6IFwiZmxleFwiLFxuICB9LFxufSk7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRQcmV2aWV3SWNvbiA9IHN0eWxlZChQcmV2aWV3KSh7XG4gIHBvc2l0aW9uOiBcImFic29sdXRlXCIsXG4gIGxlZnQ6IFwiNTAlXCIsXG4gIHRvcDogXCI1MCVcIixcbiAgdHJhbnNmb3JtOiBcInRyYW5zbGF0ZSgtNTAlLCAtNTAlKVwiLFxuICBkaXNwbGF5OiBcIm5vbmVcIixcblxuICBbYC4ke2ZpbGVVcGxvYWRlclByZXZpZXdDbGFzc2VzLnByZXZpZXdCdXR0b259OmhvdmVyICZgXToge1xuICAgIGRpc3BsYXk6IFwiZmxleFwiLFxuICB9LFxufSk7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRCdXR0b24gPSBzdHlsZWQoXG4gIGZvcndhcmRSZWYoKHByb3BzOiBIdkJ1dHRvblByb3BzLCByZWY/OiBSZWY8SFRNTEJ1dHRvbkVsZW1lbnQ+KSA9PiB7XG4gICAgcmV0dXJuIDxIdkJ1dHRvbiB7Li4ucHJvcHN9IHJlZj17cmVmfSAvPjtcbiAgfSlcbikoe1xuICBwb3NpdGlvbjogXCJyZWxhdGl2ZVwiLFxuICB3aWR0aDogdGhlbWUuZmlsZVVwbG9hZGVyLnByZXZpZXcuYnV0dG9uU2l6ZSxcbiAgaGVpZ2h0OiB0aGVtZS5maWxlVXBsb2FkZXIucHJldmlldy5idXR0b25TaXplLFxufSk7XG4iXX0= */");
+}, process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvRmlsZVVwbG9hZGVyL1ByZXZpZXcvUHJldmlldy5zdHlsZXMudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQXlCaUMiLCJmaWxlIjoiL2hvbWUvcnVubmVyL3dvcmsvaHYtdWlraXQtcmVhY3QvaHYtdWlraXQtcmVhY3QvcGFja2FnZXMvY29yZS9zcmMvY29tcG9uZW50cy9GaWxlVXBsb2FkZXIvUHJldmlldy9QcmV2aWV3LnN0eWxlcy50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgc3R5bGVkIGZyb20gXCJAZW1vdGlvbi9zdHlsZWRcIjtcbmltcG9ydCB7IFByZXZpZXcgfSBmcm9tIFwiQGhpdGFjaGl2YW50YXJhL3Vpa2l0LXJlYWN0LWljb25zXCI7XG5pbXBvcnQgeyB0aGVtZSB9IGZyb20gXCJAaGl0YWNoaXZhbnRhcmEvdWlraXQtc3R5bGVzXCI7XG5pbXBvcnQgeyBIdkJ1dHRvbiwgSHZCdXR0b25Qcm9wcyB9IGZyb20gXCJAY29yZS9jb21wb25lbnRzXCI7XG5pbXBvcnQgeyBmb3J3YXJkUmVmLCBSZWYgfSBmcm9tIFwicmVhY3RcIjtcbmltcG9ydCBmaWxlVXBsb2FkZXJQcmV2aWV3Q2xhc3NlcyBmcm9tIFwiLi9wcmV2aWV3Q2xhc3Nlc1wiO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkT3ZlcmxheSA9IHN0eWxlZChcImRpdlwiKSh7XG4gIHBvc2l0aW9uOiBcImFic29sdXRlXCIsXG4gIHRvcDogMCxcbiAgYm90dG9tOiAwLFxuICBsZWZ0OiAwLFxuICByaWdodDogMCxcbiAgZGlzcGxheTogXCJub25lXCIsXG4gIGp1c3RpZnlDb250ZW50OiBcImNlbnRlclwiLFxuICBhbGlnbkl0ZW1zOiBcImNlbnRlclwiLFxuICBiYWNrZ3JvdW5kQ29sb3I6IHRoZW1lLmZpbGVVcGxvYWRlci5wcmV2aWV3Lm92ZXJsYXlDb2xvcixcbiAgb3BhY2l0eTogdGhlbWUuZmlsZVVwbG9hZGVyLnByZXZpZXcub3ZlcmxheU9wYWNpdHksXG4gIGJvcmRlclJhZGl1czogdGhlbWUuZmlsZVVwbG9hZGVyLnByZXZpZXcub3ZlcmxheUJvcmRlclJhZGl1cyxcblxuICBbYC4ke2ZpbGVVcGxvYWRlclByZXZpZXdDbGFzc2VzLnByZXZpZXdCdXR0b259OmhvdmVyICZgXToge1xuICAgIGRpc3BsYXk6IFwiZmxleFwiLFxuICB9LFxufSk7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRQcmV2aWV3SWNvbiA9IHN0eWxlZChQcmV2aWV3KSh7XG4gIHBvc2l0aW9uOiBcImFic29sdXRlXCIsXG4gIGxlZnQ6IFwiNTAlXCIsXG4gIHRvcDogXCI1MCVcIixcbiAgdHJhbnNmb3JtOiBcInRyYW5zbGF0ZSgtNTAlLCAtNTAlKVwiLFxuICBkaXNwbGF5OiBcIm5vbmVcIixcblxuICBbYC4ke2ZpbGVVcGxvYWRlclByZXZpZXdDbGFzc2VzLnByZXZpZXdCdXR0b259OmhvdmVyICZgXToge1xuICAgIGRpc3BsYXk6IFwiZmxleFwiLFxuICB9LFxufSk7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRCdXR0b24gPSBzdHlsZWQoXG4gIGZvcndhcmRSZWYoKHByb3BzOiBIdkJ1dHRvblByb3BzLCByZWY/OiBSZWY8SFRNTEJ1dHRvbkVsZW1lbnQ+KSA9PiB7XG4gICAgcmV0dXJuIDxIdkJ1dHRvbiB7Li4ucHJvcHN9IHJlZj17cmVmfSAvPjtcbiAgfSlcbikoe1xuICBwb3NpdGlvbjogXCJyZWxhdGl2ZVwiLFxuICB3aWR0aDogdGhlbWUuZmlsZVVwbG9hZGVyLnByZXZpZXcuYnV0dG9uU2l6ZSxcbiAgaGVpZ2h0OiB0aGVtZS5maWxlVXBsb2FkZXIucHJldmlldy5idXR0b25TaXplLFxufSk7XG4iXX0= */");
 const StyledButton = /* @__PURE__ */ _styled__default.default(React.forwardRef((props, ref) => {
   return /* @__PURE__ */ jsxRuntime.jsx(Button.HvButton, {
     ...props,
@@ -59,7 +59,7 @@ const StyledButton = /* @__PURE__ */ _styled__default.default(React.forwardRef((
   position: "relative",
   width: uikitStyles.theme.fileUploader.preview.buttonSize,
   height: uikitStyles.theme.fileUploader.preview.buttonSize
-}, process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvRmlsZVVwbG9hZGVyL1ByZXZpZXcvUHJldmlldy5zdHlsZXMudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQXFDNEIiLCJmaWxlIjoiL2hvbWUvcnVubmVyL3dvcmsvaHYtdWlraXQtcmVhY3QvaHYtdWlraXQtcmVhY3QvcGFja2FnZXMvY29yZS9zcmMvY29tcG9uZW50cy9GaWxlVXBsb2FkZXIvUHJldmlldy9QcmV2aWV3LnN0eWxlcy50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgc3R5bGVkIGZyb20gXCJAZW1vdGlvbi9zdHlsZWRcIjtcbmltcG9ydCB7IFByZXZpZXcgfSBmcm9tIFwiQGhpdGFjaGl2YW50YXJhL3Vpa2l0LXJlYWN0LWljb25zXCI7XG5pbXBvcnQgeyB0aGVtZSB9IGZyb20gXCJAaGl0YWNoaXZhbnRhcmEvdWlraXQtc3R5bGVzXCI7XG5pbXBvcnQgeyBIdkJ1dHRvbiwgSHZCdXR0b25Qcm9wcyB9IGZyb20gXCJAY29yZS9jb21wb25lbnRzXCI7XG5pbXBvcnQgZmlsZVVwbG9hZGVyUHJldmlld0NsYXNzZXMgZnJvbSBcIi4vcHJldmlld0NsYXNzZXNcIjtcbmltcG9ydCB7IGZvcndhcmRSZWYsIFJlZiB9IGZyb20gXCJyZWFjdFwiO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkT3ZlcmxheSA9IHN0eWxlZChcImRpdlwiKSh7XG4gIHBvc2l0aW9uOiBcImFic29sdXRlXCIsXG4gIHRvcDogMCxcbiAgYm90dG9tOiAwLFxuICBsZWZ0OiAwLFxuICByaWdodDogMCxcbiAgZGlzcGxheTogXCJub25lXCIsXG4gIGp1c3RpZnlDb250ZW50OiBcImNlbnRlclwiLFxuICBhbGlnbkl0ZW1zOiBcImNlbnRlclwiLFxuICBiYWNrZ3JvdW5kQ29sb3I6IHRoZW1lLmZpbGVVcGxvYWRlci5wcmV2aWV3Lm92ZXJsYXlDb2xvcixcbiAgb3BhY2l0eTogdGhlbWUuZmlsZVVwbG9hZGVyLnByZXZpZXcub3ZlcmxheU9wYWNpdHksXG4gIGJvcmRlclJhZGl1czogdGhlbWUuZmlsZVVwbG9hZGVyLnByZXZpZXcub3ZlcmxheUJvcmRlclJhZGl1cyxcblxuICBbYC4ke2ZpbGVVcGxvYWRlclByZXZpZXdDbGFzc2VzLnByZXZpZXdCdXR0b259OmhvdmVyICZgXToge1xuICAgIGRpc3BsYXk6IFwiZmxleFwiLFxuICB9LFxufSk7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRQcmV2aWV3SWNvbiA9IHN0eWxlZChQcmV2aWV3KSh7XG4gIHBvc2l0aW9uOiBcImFic29sdXRlXCIsXG4gIGxlZnQ6IFwiNTAlXCIsXG4gIHRvcDogXCI1MCVcIixcbiAgdHJhbnNmb3JtOiBcInRyYW5zbGF0ZSgtNTAlLCAtNTAlKVwiLFxuICBkaXNwbGF5OiBcIm5vbmVcIixcblxuICBbYC4ke2ZpbGVVcGxvYWRlclByZXZpZXdDbGFzc2VzLnByZXZpZXdCdXR0b259OmhvdmVyICZgXToge1xuICAgIGRpc3BsYXk6IFwiZmxleFwiLFxuICB9LFxufSk7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRCdXR0b24gPSBzdHlsZWQoXG4gIGZvcndhcmRSZWYoKHByb3BzOiBIdkJ1dHRvblByb3BzLCByZWY/OiBSZWY8SFRNTEJ1dHRvbkVsZW1lbnQ+KSA9PiB7XG4gICAgcmV0dXJuIDxIdkJ1dHRvbiB7Li4ucHJvcHN9IHJlZj17cmVmfSAvPjtcbiAgfSlcbikoe1xuICBwb3NpdGlvbjogXCJyZWxhdGl2ZVwiLFxuICB3aWR0aDogdGhlbWUuZmlsZVVwbG9hZGVyLnByZXZpZXcuYnV0dG9uU2l6ZSxcbiAgaGVpZ2h0OiB0aGVtZS5maWxlVXBsb2FkZXIucHJldmlldy5idXR0b25TaXplLFxufSk7XG4iXX0= */");
+}, process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvRmlsZVVwbG9hZGVyL1ByZXZpZXcvUHJldmlldy5zdHlsZXMudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQXFDNEIiLCJmaWxlIjoiL2hvbWUvcnVubmVyL3dvcmsvaHYtdWlraXQtcmVhY3QvaHYtdWlraXQtcmVhY3QvcGFja2FnZXMvY29yZS9zcmMvY29tcG9uZW50cy9GaWxlVXBsb2FkZXIvUHJldmlldy9QcmV2aWV3LnN0eWxlcy50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgc3R5bGVkIGZyb20gXCJAZW1vdGlvbi9zdHlsZWRcIjtcbmltcG9ydCB7IFByZXZpZXcgfSBmcm9tIFwiQGhpdGFjaGl2YW50YXJhL3Vpa2l0LXJlYWN0LWljb25zXCI7XG5pbXBvcnQgeyB0aGVtZSB9IGZyb20gXCJAaGl0YWNoaXZhbnRhcmEvdWlraXQtc3R5bGVzXCI7XG5pbXBvcnQgeyBIdkJ1dHRvbiwgSHZCdXR0b25Qcm9wcyB9IGZyb20gXCJAY29yZS9jb21wb25lbnRzXCI7XG5pbXBvcnQgeyBmb3J3YXJkUmVmLCBSZWYgfSBmcm9tIFwicmVhY3RcIjtcbmltcG9ydCBmaWxlVXBsb2FkZXJQcmV2aWV3Q2xhc3NlcyBmcm9tIFwiLi9wcmV2aWV3Q2xhc3Nlc1wiO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkT3ZlcmxheSA9IHN0eWxlZChcImRpdlwiKSh7XG4gIHBvc2l0aW9uOiBcImFic29sdXRlXCIsXG4gIHRvcDogMCxcbiAgYm90dG9tOiAwLFxuICBsZWZ0OiAwLFxuICByaWdodDogMCxcbiAgZGlzcGxheTogXCJub25lXCIsXG4gIGp1c3RpZnlDb250ZW50OiBcImNlbnRlclwiLFxuICBhbGlnbkl0ZW1zOiBcImNlbnRlclwiLFxuICBiYWNrZ3JvdW5kQ29sb3I6IHRoZW1lLmZpbGVVcGxvYWRlci5wcmV2aWV3Lm92ZXJsYXlDb2xvcixcbiAgb3BhY2l0eTogdGhlbWUuZmlsZVVwbG9hZGVyLnByZXZpZXcub3ZlcmxheU9wYWNpdHksXG4gIGJvcmRlclJhZGl1czogdGhlbWUuZmlsZVVwbG9hZGVyLnByZXZpZXcub3ZlcmxheUJvcmRlclJhZGl1cyxcblxuICBbYC4ke2ZpbGVVcGxvYWRlclByZXZpZXdDbGFzc2VzLnByZXZpZXdCdXR0b259OmhvdmVyICZgXToge1xuICAgIGRpc3BsYXk6IFwiZmxleFwiLFxuICB9LFxufSk7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRQcmV2aWV3SWNvbiA9IHN0eWxlZChQcmV2aWV3KSh7XG4gIHBvc2l0aW9uOiBcImFic29sdXRlXCIsXG4gIGxlZnQ6IFwiNTAlXCIsXG4gIHRvcDogXCI1MCVcIixcbiAgdHJhbnNmb3JtOiBcInRyYW5zbGF0ZSgtNTAlLCAtNTAlKVwiLFxuICBkaXNwbGF5OiBcIm5vbmVcIixcblxuICBbYC4ke2ZpbGVVcGxvYWRlclByZXZpZXdDbGFzc2VzLnByZXZpZXdCdXR0b259OmhvdmVyICZgXToge1xuICAgIGRpc3BsYXk6IFwiZmxleFwiLFxuICB9LFxufSk7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRCdXR0b24gPSBzdHlsZWQoXG4gIGZvcndhcmRSZWYoKHByb3BzOiBIdkJ1dHRvblByb3BzLCByZWY/OiBSZWY8SFRNTEJ1dHRvbkVsZW1lbnQ+KSA9PiB7XG4gICAgcmV0dXJuIDxIdkJ1dHRvbiB7Li4ucHJvcHN9IHJlZj17cmVmfSAvPjtcbiAgfSlcbikoe1xuICBwb3NpdGlvbjogXCJyZWxhdGl2ZVwiLFxuICB3aWR0aDogdGhlbWUuZmlsZVVwbG9hZGVyLnByZXZpZXcuYnV0dG9uU2l6ZSxcbiAgaGVpZ2h0OiB0aGVtZS5maWxlVXBsb2FkZXIucHJldmlldy5idXR0b25TaXplLFxufSk7XG4iXX0= */");
 exports.StyledButton = StyledButton;
 exports.StyledOverlay = StyledOverlay;
 exports.StyledPreviewIcon = StyledPreviewIcon;

package/dist/cjs/components/FileUploader/Preview/Preview.styles.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"Preview.styles.cjs","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 fileUploaderPreviewClasses from \"./previewClasses\";\nimport { forwardRef, Ref } from \"react\";\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?: Ref<HTMLButtonElement>) => {\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","_styled","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","forwardRef","props","ref","HvButton","width","buttonSize","height"],"mappings":";;;;;;;;;;;AAOO,MAAMA,gBAAuBC,iCAAA,QAAA,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,YAAMC,MAAAA,aAAaC,QAAQC;AAAAA,EAC5CC,SAASJ,YAAMC,MAAAA,aAAaC,QAAQG;AAAAA,EACpCC,cAAcN,YAAMC,MAAAA,aAAaC,QAAQK;AAAAA,EAEzC,CAAE,IAAGC,eAAAA,QAA2BC,uBAAuB,GAAG;AAAA,IACxDb,SAAS;AAAA,EACX;AACF,GAACV,QAAAC,IAAAC,aAAC,eAAA,KAAA,6zEAAA;AAEK,MAAMsB,oBAA2BC,iCAAAA,QAAAA,gBAAAA,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,eAAAA,QAA2BC,uBAAuB,GAAG;AAAA,IACxDb,SAAS;AAAA,EACX;AACF,GAACV,QAAAC,IAAAC,aAAC,eAAA,KAAA,6zEAAA;AAEK,MAAMyB,eAAe5B,iCAAAA,QAC1B6B,MAAAA,WAAW,CAACC,OAAsBC,QAAiC;AACjE,wCAAQC,OAAAA,UAAQ;AAAA,IAAA,GAAKF;AAAAA,IAAOC;AAAAA,EAAAA,CAAY;AAC1C,CAAC,GAAC9B,QAAAC,IAAAC,aAAA,eAAA;AAAA,EAAAC,QAAA;AAAA,IAAA;AAAA,EAAAA,QAAA;AAAA,EAAAC,OAAA;AAAA,CAAA,EACF;AAAA,EACAC,UAAU;AAAA,EACV2B,OAAOlB,YAAMC,MAAAA,aAAaC,QAAQiB;AAAAA,EAClCC,QAAQpB,YAAMC,MAAAA,aAAaC,QAAQiB;AACrC,GAACjC,QAAAC,IAAAC,aAAC,eAAA,KAAA,6zEAAA;;;;"}
+{"version":3,"file":"Preview.styles.cjs","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, Ref } from \"react\";\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?: Ref<HTMLButtonElement>) => {\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","_styled","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","forwardRef","props","ref","HvButton","width","buttonSize","height"],"mappings":";;;;;;;;;;;AAOO,MAAMA,gBAAuBC,iCAAA,QAAA,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,YAAMC,MAAAA,aAAaC,QAAQC;AAAAA,EAC5CC,SAASJ,YAAMC,MAAAA,aAAaC,QAAQG;AAAAA,EACpCC,cAAcN,YAAMC,MAAAA,aAAaC,QAAQK;AAAAA,EAEzC,CAAE,IAAGC,eAAAA,QAA2BC,uBAAuB,GAAG;AAAA,IACxDb,SAAS;AAAA,EACX;AACF,GAACV,QAAAC,IAAAC,aAAC,eAAA,KAAA,6zEAAA;AAEK,MAAMsB,oBAA2BC,iCAAAA,QAAAA,gBAAAA,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,eAAAA,QAA2BC,uBAAuB,GAAG;AAAA,IACxDb,SAAS;AAAA,EACX;AACF,GAACV,QAAAC,IAAAC,aAAC,eAAA,KAAA,6zEAAA;AAEK,MAAMyB,eAAe5B,iCAAAA,QAC1B6B,MAAAA,WAAW,CAACC,OAAsBC,QAAiC;AACjE,wCAAQC,OAAAA,UAAQ;AAAA,IAAA,GAAKF;AAAAA,IAAOC;AAAAA,EAAAA,CAAY;AAC1C,CAAC,GAAC9B,QAAAC,IAAAC,aAAA,eAAA;AAAA,EAAAC,QAAA;AAAA,IAAA;AAAA,EAAAA,QAAA;AAAA,EAAAC,OAAA;AAAA,CAAA,EACF;AAAA,EACAC,UAAU;AAAA,EACV2B,OAAOlB,YAAMC,MAAAA,aAAaC,QAAQiB;AAAAA,EAClCC,QAAQpB,YAAMC,MAAAA,aAAaC,QAAQiB;AACrC,GAACjC,QAAAC,IAAAC,aAAC,eAAA,KAAA,6zEAAA;;;;"}

package/dist/cjs/components/FilterGroup/Counter/Counter.cjs

@@ -1,9 +1,9 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const React = require("react");
+const react = require("@emotion/react");
 const FilterGroupContext = require("../FilterGroupContext.cjs");
 const Counter_styles = require("./Counter.styles.cjs");
-const react = require("@emotion/react");
 const counterClasses = require("./counterClasses.cjs");
 const jsxRuntime = require("@emotion/react/jsx-runtime");
 const getExistingFiltersById = (idx, filterValues, filterOptions) => {

package/dist/cjs/components/FilterGroup/Counter/Counter.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"Counter.cjs","sources":["../../../../../src/components/FilterGroup/Counter/Counter.tsx"],"sourcesContent":["import { useContext } from \"react\";\nimport { HvFilterGroupContext } from \"../FilterGroupContext\";\nimport { styles } from \"./Counter.styles\";\nimport { HvFilterGroupFilters, HvFilterGroupValue } from \"../FilterGroup\";\nimport { ClassNames } from \"@emotion/react\";\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    ?.flat()\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","flat","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,MAAAA,WAAWC,mBAAAA,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;AAEhBC,yDAAAA,WAAAA,mBACAC,OAAQC,CAASA,SAAAA,SAASC,QAC3BpB,QAAQ,CAACqB,IAAIC,MAAM;AACD3B,qBAAAA,uBAAuB2B,GAAGzB,cAAcC,aAAa;AAAA,EAAA;AAG1E,QAAMyB,iBAAiBlB,KACnBV,uBAAuBmB,WAAWjB,cAAcC,aAAa,KAAK,IAClEkB;AAEEQ,QAAAA,eAAeZ,QAAQa,OAC3B,CAACC,KAAKb,WAAWa,MAAMb,OAAOX,KAAKyB,QACnC,CAAC;AAGH,wCACGC,MAAAA,YAAU;AAAA,IAAAC,UACRA,CAAC;AAAA,MAAEC;AAAAA,MAAKC;AAAAA,IAAAA,sCACP,OAAA;AAAA,MACExB,WAAWwB,GACTC,uBAA0BC,MAC1BH,IAAII,sBAAOD,IAAI,GACf1B,WACAC,mCAASyB,IAAI;AAAA,MACbJ,UAEDN,CAAAA,iBAAiB,mCAChB,KAAA;AAAA,QACEhB,WAAWwB,GACTC,eAA0BT,QAAAA,gBAC1BO,IAAII,eAAAA,OAAOX,cAAc,GACzBf,mCAASe,cAAc;AAAA,QACvBM,UAEDN;AAAAA,MAAc,CAAA,IAGjBA,gBAEA,MAAKC,cAAc;AAAA,IAAA,CAAA;AAAA,EAAA,CAGd;AAEjB;;"}
+{"version":3,"file":"Counter.cjs","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    ?.flat()\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","flat","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,MAAAA,WAAWC,mBAAAA,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;AAEhBC,yDAAAA,WAAAA,mBACAC,OAAQC,CAASA,SAAAA,SAASC,QAC3BpB,QAAQ,CAACqB,IAAIC,MAAM;AACD3B,qBAAAA,uBAAuB2B,GAAGzB,cAAcC,aAAa;AAAA,EAAA;AAG1E,QAAMyB,iBAAiBlB,KACnBV,uBAAuBmB,WAAWjB,cAAcC,aAAa,KAAK,IAClEkB;AAEEQ,QAAAA,eAAeZ,QAAQa,OAC3B,CAACC,KAAKb,WAAWa,MAAMb,OAAOX,KAAKyB,QACnC,CAAC;AAGH,wCACGC,MAAAA,YAAU;AAAA,IAAAC,UACRA,CAAC;AAAA,MAAEC;AAAAA,MAAKC;AAAAA,IAAAA,sCACP,OAAA;AAAA,MACExB,WAAWwB,GACTC,uBAA0BC,MAC1BH,IAAII,sBAAOD,IAAI,GACf1B,WACAC,mCAASyB,IAAI;AAAA,MACbJ,UAEDN,CAAAA,iBAAiB,mCAChB,KAAA;AAAA,QACEhB,WAAWwB,GACTC,eAA0BT,QAAAA,gBAC1BO,IAAII,eAAAA,OAAOX,cAAc,GACzBf,mCAASe,cAAc;AAAA,QACvBM,UAEDN;AAAAA,MAAc,CAAA,IAGjBA,gBAEA,MAAKC,cAAc;AAAA,IAAA,CAAA;AAAA,EAAA,CAGd;AAEjB;;"}

package/dist/cjs/components/FilterGroup/FilterContent/FilterContent.cjs

@@ -1,11 +1,11 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const FilterContent_styles = require("./FilterContent.styles.cjs");
-const filterContentClasses = require("./filterContentClasses.cjs");
-const FilterGroupContext = require("../FilterGroupContext.cjs");
 const React = require("react");
 const uikitReactIcons = require("@hitachivantara/uikit-react-icons");
 const react = require("@emotion/react");
+const FilterContent_styles = require("./FilterContent.styles.cjs");
+const filterContentClasses = require("./filterContentClasses.cjs");
+const FilterGroupContext = require("../FilterGroupContext.cjs");
 const jsxRuntime = require("@emotion/react/jsx-runtime");
 const LeftPanel = require("../LeftPanel/LeftPanel.cjs");
 const RightPanel = require("../RightPanel/RightPanel.cjs");

package/dist/cjs/components/FilterGroup/FilterContent/FilterContent.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"FilterContent.cjs","sources":["../../../../../src/components/FilterGroup/FilterContent/FilterContent.tsx"],"sourcesContent":["import {\n  HvActionBar,\n  HvBaseDropdown,\n  HvBaseDropdownProps,\n  HvButton,\n  HvButtonVariant,\n  HvFormStatus,\n  HvTypography,\n} from \"@core/components\";\nimport { setId } from \"@core/utils\";\nimport {\n  HvFilterGroupLabels,\n  HvFilterGroupValue,\n  HvFilterGroupHorizontalPlacement,\n} from \"../FilterGroup\";\nimport { styles } from \"./FilterContent.styles\";\nimport filterGroupContentClasses, {\n  HvFilterGroupContentClasses,\n} from \"./filterContentClasses\";\nimport { HvFilterGroupContext } from \"../FilterGroupContext\";\nimport { useContext, useMemo, useRef, useState } from \"react\";\nimport { Filters } from \"@hitachivantara/uikit-react-icons\";\nimport { HvFilterGroupCounter } from \"../Counter\";\nimport { ClassNames } from \"@emotion/react\";\nimport { HvFilterGroupLeftPanel } from \"../LeftPanel\";\nimport { HvFilterGroupRightPanel } from \"../RightPanel\";\nimport { useTheme } from \"@core/hooks\";\n\nexport interface HvFilterGroupContentProps\n  extends Omit<HvBaseDropdownProps, \"onChange\"> {\n  description?: React.ReactNode;\n  status?: HvFormStatus;\n  onChange?: (\n    event: React.MouseEvent<HTMLButtonElement>,\n    value?: HvFilterGroupValue\n  ) => void;\n  onCancel?: (event: React.MouseEvent<HTMLButtonElement> | Event) => void;\n  onClear?: (event: React.MouseEvent<HTMLButtonElement>) => void;\n  labels?: HvFilterGroupLabels;\n  horizontalPlacement?: HvFilterGroupHorizontalPlacement;\n  disablePortal?: boolean;\n  escapeWithReference?: boolean;\n  height?: string | number;\n  leftEmptyElement?: React.ReactNode;\n  rightEmptyElement?: React.ReactNode;\n  disabled?: boolean;\n  classes?: HvFilterGroupContentClasses;\n}\n\nexport const HvFilterGroupContent = ({\n  id,\n  status,\n  disabled = false,\n  \"aria-label\": ariaLabel,\n  \"aria-labelledby\": ariaLabelledBy,\n  description,\n  \"aria-describedby\": ariaDescribedBy,\n  onChange,\n  onCancel,\n  onClear,\n  labels,\n  horizontalPlacement = \"right\",\n  disablePortal = true,\n  escapeWithReference = true,\n  height,\n  leftEmptyElement,\n  rightEmptyElement,\n  classes,\n  ...others\n}: HvFilterGroupContentProps) => {\n  const { activeTheme } = useTheme();\n\n  const [filterGroupOpen, setFilterGroupOpen] = useState<boolean>(false);\n\n  const {\n    defaultValue,\n    filterValues,\n    rollbackFilters,\n    clearFilters,\n    applyFilters,\n    applyDisabled,\n  } = useContext(HvFilterGroupContext);\n\n  const focusTarget = useRef<HTMLDivElement>(null);\n\n  const focusOnContainer = () => {\n    focusTarget.current?.focus();\n  };\n\n  const onApplyHandler = (event: React.MouseEvent<HTMLButtonElement>) => {\n    applyFilters();\n    onChange?.(event, filterValues);\n    setFilterGroupOpen(false);\n  };\n\n  const onCancelHandler = (\n    event: React.MouseEvent<HTMLButtonElement> | Event\n  ) => {\n    rollbackFilters();\n    onCancel?.(event);\n    setFilterGroupOpen(false);\n  };\n\n  const onClearHandler = (event: React.MouseEvent<HTMLButtonElement>) => {\n    clearFilters();\n    onClear?.(event);\n  };\n\n  const handleToggle = (event: Event, open: boolean) => {\n    /* \n     If evt is null this toggle wasn't triggered by the user.\n     instead it was triggered by the baseDropdown useEffect after\n     the datepicker changed the expanded value this baseDropdown behavior needs a review\n    */\n    if (event === null) return;\n    setFilterGroupOpen(open);\n    if (!open) onCancelHandler?.(event);\n  };\n\n  const Header = useMemo(\n    () => (\n      <>\n        <Filters />\n        <HvTypography variant=\"label\">{labels?.placeholder}</HvTypography>\n      </>\n    ),\n    [labels?.placeholder]\n  );\n\n  return (\n    <ClassNames>\n      {({ css, cx }) => (\n        <HvBaseDropdown\n          id={setId(id, \"dropdown\")}\n          role=\"combobox\"\n          classes={{\n            root: cx(filterGroupContentClasses.dropdown, classes?.dropdown),\n            panel: cx(\n              filterGroupContentClasses.panel,\n              css(styles.panel),\n              classes?.panel\n            ),\n            selection: cx(\n              filterGroupContentClasses.baseDropdownSelection,\n              css(styles.baseDropdownSelection),\n              classes?.baseDropdownSelection\n            ),\n            header: cx(\n              filterGroupContentClasses.header,\n              css(styles.header),\n              classes?.header\n            ),\n          }}\n          disabled={disabled}\n          disablePortal={disablePortal}\n          variableWidth\n          placement={horizontalPlacement}\n          expanded={filterGroupOpen}\n          onToggle={handleToggle}\n          onClickOutside={onCancelHandler}\n          onContainerCreation={focusOnContainer}\n          placeholder={Header}\n          adornment={<HvFilterGroupCounter />}\n          popperProps={{\n            modifiers: [\n              { name: \"preventOverflow\", enabled: escapeWithReference },\n            ],\n          }}\n          aria-haspopup=\"dialog\"\n          aria-label={ariaLabel}\n          aria-labelledby={ariaLabelledBy}\n          aria-invalid={status === \"invalid\" ? true : undefined}\n          aria-errormessage={\n            status === \"invalid\" ? setId(id, \"error\") : undefined\n          }\n          aria-describedby={\n            [description && setId(id, \"description\"), ariaDescribedBy]\n              .join(\" \")\n              .trim() || undefined\n          }\n          {...others}\n        >\n          <div ref={focusTarget} tabIndex={-1} />\n          <div\n            className={cx(\n              filterGroupContentClasses.root,\n              css(styles.root),\n              classes?.root\n            )}\n            style={{ height }}\n          >\n            <HvFilterGroupLeftPanel\n              id={id}\n              className={cx(\n                filterGroupContentClasses.leftSidePanel,\n                css(styles.leftSidePanel),\n                classes?.leftSidePanel\n              )}\n              emptyElement={leftEmptyElement}\n            />\n            <HvFilterGroupRightPanel\n              id={id}\n              className={cx(\n                filterGroupContentClasses.rightSidePanel,\n                css(styles.rightSidePanel),\n                classes?.rightSidePanel\n              )}\n              emptyElement={rightEmptyElement}\n              labels={labels}\n            />\n          </div>\n          <HvActionBar\n            className={cx(\n              filterGroupContentClasses.actionBar,\n              css(styles.actionBar),\n              classes?.actionBar\n            )}\n          >\n            <HvButton\n              id={setId(id, \"clearFilters-button\")}\n              disabled={\n                defaultValue\n                  ? defaultValue?.flat().length === filterValues?.flat().length\n                  : filterValues?.flat().length === 0\n              }\n              variant=\"secondaryGhost\"\n              onClick={onClearHandler}\n            >\n              {labels?.clearLabel}\n            </HvButton>\n            <div\n              aria-hidden=\"true\"\n              className={cx(\n                filterGroupContentClasses.space,\n                css(styles.space),\n                classes?.space\n              )}\n            >\n              &nbsp;\n            </div>\n            <HvButton\n              id={setId(id, \"apply-button\")}\n              disabled={applyDisabled}\n              variant={\n                activeTheme?.filterGroup.applyButtonVariant as HvButtonVariant\n              }\n              onClick={onApplyHandler}\n              className={cx(\n                filterGroupContentClasses.applyButton,\n                css(styles.applyButton),\n                classes?.applyButton\n              )}\n            >\n              {labels?.applyLabel}\n            </HvButton>\n            <HvButton\n              id={setId(id, \"cancel-button\")}\n              variant={\n                activeTheme?.filterGroup.cancelButtonVariant as HvButtonVariant\n              }\n              onClick={onCancelHandler}\n            >\n              {labels?.cancelLabel}\n            </HvButton>\n          </HvActionBar>\n        </HvBaseDropdown>\n      )}\n    </ClassNames>\n  );\n};\n"],"names":["HvFilterGroupContent","id","status","disabled","ariaLabel","ariaLabelledBy","description","ariaDescribedBy","onChange","onCancel","onClear","labels","horizontalPlacement","disablePortal","escapeWithReference","height","leftEmptyElement","rightEmptyElement","classes","others","activeTheme","useTheme","filterGroupOpen","setFilterGroupOpen","useState","defaultValue","filterValues","rollbackFilters","clearFilters","applyFilters","applyDisabled","useContext","HvFilterGroupContext","focusTarget","useRef","focusOnContainer","current","focus","onApplyHandler","event","onCancelHandler","onClearHandler","handleToggle","open","Header","useMemo","_jsxs","_Fragment","children","Filters","HvTypography","variant","placeholder","ClassNames","css","cx","HvBaseDropdown","setId","role","root","filterGroupContentClasses","dropdown","panel","styles","selection","baseDropdownSelection","header","variableWidth","placement","expanded","onToggle","onClickOutside","onContainerCreation","adornment","_jsx","HvFilterGroupCounter","popperProps","modifiers","name","enabled","undefined","join","trim","ref","tabIndex","className","style","HvFilterGroupLeftPanel","leftSidePanel","emptyElement","HvFilterGroupRightPanel","rightSidePanel","HvActionBar","actionBar","HvButton","flat","length","onClick","clearLabel","space","filterGroup","applyButtonVariant","applyButton","applyLabel","cancelButtonVariant","cancelLabel"],"mappings":"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"}
+{"version":3,"file":"FilterContent.cjs","sources":["../../../../../src/components/FilterGroup/FilterContent/FilterContent.tsx"],"sourcesContent":["import {\n  HvActionBar,\n  HvBaseDropdown,\n  HvBaseDropdownProps,\n  HvButton,\n  HvButtonVariant,\n  HvFormStatus,\n  HvTypography,\n} from \"@core/components\";\nimport { setId } from \"@core/utils\";\nimport { useContext, useMemo, useRef, useState } from \"react\";\nimport { Filters } from \"@hitachivantara/uikit-react-icons\";\nimport { ClassNames } from \"@emotion/react\";\nimport { useTheme } from \"@core/hooks\";\nimport {\n  HvFilterGroupLabels,\n  HvFilterGroupValue,\n  HvFilterGroupHorizontalPlacement,\n} from \"../FilterGroup\";\nimport { styles } from \"./FilterContent.styles\";\nimport filterGroupContentClasses, {\n  HvFilterGroupContentClasses,\n} from \"./filterContentClasses\";\nimport { HvFilterGroupContext } from \"../FilterGroupContext\";\nimport { HvFilterGroupCounter } from \"../Counter\";\nimport { HvFilterGroupLeftPanel } from \"../LeftPanel\";\nimport { HvFilterGroupRightPanel } from \"../RightPanel\";\n\nexport interface HvFilterGroupContentProps\n  extends Omit<HvBaseDropdownProps, \"onChange\"> {\n  description?: React.ReactNode;\n  status?: HvFormStatus;\n  onChange?: (\n    event: React.MouseEvent<HTMLButtonElement>,\n    value?: HvFilterGroupValue\n  ) => void;\n  onCancel?: (event: React.MouseEvent<HTMLButtonElement> | Event) => void;\n  onClear?: (event: React.MouseEvent<HTMLButtonElement>) => void;\n  labels?: HvFilterGroupLabels;\n  horizontalPlacement?: HvFilterGroupHorizontalPlacement;\n  disablePortal?: boolean;\n  escapeWithReference?: boolean;\n  height?: string | number;\n  leftEmptyElement?: React.ReactNode;\n  rightEmptyElement?: React.ReactNode;\n  disabled?: boolean;\n  classes?: HvFilterGroupContentClasses;\n}\n\nexport const HvFilterGroupContent = ({\n  id,\n  status,\n  disabled = false,\n  \"aria-label\": ariaLabel,\n  \"aria-labelledby\": ariaLabelledBy,\n  description,\n  \"aria-describedby\": ariaDescribedBy,\n  onChange,\n  onCancel,\n  onClear,\n  labels,\n  horizontalPlacement = \"right\",\n  disablePortal = true,\n  escapeWithReference = true,\n  height,\n  leftEmptyElement,\n  rightEmptyElement,\n  classes,\n  ...others\n}: HvFilterGroupContentProps) => {\n  const { activeTheme } = useTheme();\n\n  const [filterGroupOpen, setFilterGroupOpen] = useState<boolean>(false);\n\n  const {\n    defaultValue,\n    filterValues,\n    rollbackFilters,\n    clearFilters,\n    applyFilters,\n    applyDisabled,\n  } = useContext(HvFilterGroupContext);\n\n  const focusTarget = useRef<HTMLDivElement>(null);\n\n  const focusOnContainer = () => {\n    focusTarget.current?.focus();\n  };\n\n  const onApplyHandler = (event: React.MouseEvent<HTMLButtonElement>) => {\n    applyFilters();\n    onChange?.(event, filterValues);\n    setFilterGroupOpen(false);\n  };\n\n  const onCancelHandler = (\n    event: React.MouseEvent<HTMLButtonElement> | Event\n  ) => {\n    rollbackFilters();\n    onCancel?.(event);\n    setFilterGroupOpen(false);\n  };\n\n  const onClearHandler = (event: React.MouseEvent<HTMLButtonElement>) => {\n    clearFilters();\n    onClear?.(event);\n  };\n\n  const handleToggle = (event: Event, open: boolean) => {\n    /* \n     If evt is null this toggle wasn't triggered by the user.\n     instead it was triggered by the baseDropdown useEffect after\n     the datepicker changed the expanded value this baseDropdown behavior needs a review\n    */\n    if (event === null) return;\n    setFilterGroupOpen(open);\n    if (!open) onCancelHandler?.(event);\n  };\n\n  const Header = useMemo(\n    () => (\n      <>\n        <Filters />\n        <HvTypography variant=\"label\">{labels?.placeholder}</HvTypography>\n      </>\n    ),\n    [labels?.placeholder]\n  );\n\n  return (\n    <ClassNames>\n      {({ css, cx }) => (\n        <HvBaseDropdown\n          id={setId(id, \"dropdown\")}\n          role=\"combobox\"\n          classes={{\n            root: cx(filterGroupContentClasses.dropdown, classes?.dropdown),\n            panel: cx(\n              filterGroupContentClasses.panel,\n              css(styles.panel),\n              classes?.panel\n            ),\n            selection: cx(\n              filterGroupContentClasses.baseDropdownSelection,\n              css(styles.baseDropdownSelection),\n              classes?.baseDropdownSelection\n            ),\n            header: cx(\n              filterGroupContentClasses.header,\n              css(styles.header),\n              classes?.header\n            ),\n          }}\n          disabled={disabled}\n          disablePortal={disablePortal}\n          variableWidth\n          placement={horizontalPlacement}\n          expanded={filterGroupOpen}\n          onToggle={handleToggle}\n          onClickOutside={onCancelHandler}\n          onContainerCreation={focusOnContainer}\n          placeholder={Header}\n          adornment={<HvFilterGroupCounter />}\n          popperProps={{\n            modifiers: [\n              { name: \"preventOverflow\", enabled: escapeWithReference },\n            ],\n          }}\n          aria-haspopup=\"dialog\"\n          aria-label={ariaLabel}\n          aria-labelledby={ariaLabelledBy}\n          aria-invalid={status === \"invalid\" ? true : undefined}\n          aria-errormessage={\n            status === \"invalid\" ? setId(id, \"error\") : undefined\n          }\n          aria-describedby={\n            [description && setId(id, \"description\"), ariaDescribedBy]\n              .join(\" \")\n              .trim() || undefined\n          }\n          {...others}\n        >\n          <div ref={focusTarget} tabIndex={-1} />\n          <div\n            className={cx(\n              filterGroupContentClasses.root,\n              css(styles.root),\n              classes?.root\n            )}\n            style={{ height }}\n          >\n            <HvFilterGroupLeftPanel\n              id={id}\n              className={cx(\n                filterGroupContentClasses.leftSidePanel,\n                css(styles.leftSidePanel),\n                classes?.leftSidePanel\n              )}\n              emptyElement={leftEmptyElement}\n            />\n            <HvFilterGroupRightPanel\n              id={id}\n              className={cx(\n                filterGroupContentClasses.rightSidePanel,\n                css(styles.rightSidePanel),\n                classes?.rightSidePanel\n              )}\n              emptyElement={rightEmptyElement}\n              labels={labels}\n            />\n          </div>\n          <HvActionBar\n            className={cx(\n              filterGroupContentClasses.actionBar,\n              css(styles.actionBar),\n              classes?.actionBar\n            )}\n          >\n            <HvButton\n              id={setId(id, \"clearFilters-button\")}\n              disabled={\n                defaultValue\n                  ? defaultValue?.flat().length === filterValues?.flat().length\n                  : filterValues?.flat().length === 0\n              }\n              variant=\"secondaryGhost\"\n              onClick={onClearHandler}\n            >\n              {labels?.clearLabel}\n            </HvButton>\n            <div\n              aria-hidden=\"true\"\n              className={cx(\n                filterGroupContentClasses.space,\n                css(styles.space),\n                classes?.space\n              )}\n            >\n              &nbsp;\n            </div>\n            <HvButton\n              id={setId(id, \"apply-button\")}\n              disabled={applyDisabled}\n              variant={\n                activeTheme?.filterGroup.applyButtonVariant as HvButtonVariant\n              }\n              onClick={onApplyHandler}\n              className={cx(\n                filterGroupContentClasses.applyButton,\n                css(styles.applyButton),\n                classes?.applyButton\n              )}\n            >\n              {labels?.applyLabel}\n            </HvButton>\n            <HvButton\n              id={setId(id, \"cancel-button\")}\n              variant={\n                activeTheme?.filterGroup.cancelButtonVariant as HvButtonVariant\n              }\n              onClick={onCancelHandler}\n            >\n              {labels?.cancelLabel}\n            </HvButton>\n          </HvActionBar>\n        </HvBaseDropdown>\n      )}\n    </ClassNames>\n  );\n};\n"],"names":["HvFilterGroupContent","id","status","disabled","ariaLabel","ariaLabelledBy","description","ariaDescribedBy","onChange","onCancel","onClear","labels","horizontalPlacement","disablePortal","escapeWithReference","height","leftEmptyElement","rightEmptyElement","classes","others","activeTheme","useTheme","filterGroupOpen","setFilterGroupOpen","useState","defaultValue","filterValues","rollbackFilters","clearFilters","applyFilters","applyDisabled","useContext","HvFilterGroupContext","focusTarget","useRef","focusOnContainer","current","focus","onApplyHandler","event","onCancelHandler","onClearHandler","handleToggle","open","Header","useMemo","_jsxs","_Fragment","children","Filters","HvTypography","variant","placeholder","ClassNames","css","cx","HvBaseDropdown","setId","role","root","filterGroupContentClasses","dropdown","panel","styles","selection","baseDropdownSelection","header","variableWidth","placement","expanded","onToggle","onClickOutside","onContainerCreation","adornment","_jsx","HvFilterGroupCounter","popperProps","modifiers","name","enabled","undefined","join","trim","ref","tabIndex","className","style","HvFilterGroupLeftPanel","leftSidePanel","emptyElement","HvFilterGroupRightPanel","rightSidePanel","HvActionBar","actionBar","HvButton","flat","length","onClick","clearLabel","space","filterGroup","applyButtonVariant","applyButton","applyLabel","cancelButtonVariant","cancelLabel"],"mappings":"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"}

package/dist/cjs/components/FilterGroup/FilterGroup.cjs

@@ -1,9 +1,9 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const react = require("@emotion/react");
 const filterGroupClasses = require("./filterGroupClasses.cjs");
 const FilterGroup_styles = require("./FilterGroup.styles.cjs");
 const FilterGroupContext = require("./FilterGroupContext.cjs");
-const react = require("@emotion/react");
 const jsxRuntime = require("@emotion/react/jsx-runtime");
 const useUniqueId = require("../../hooks/useUniqueId.cjs");
 const FilterContent = require("./FilterContent/FilterContent.cjs");

package/dist/cjs/components/FilterGroup/FilterGroup.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"FilterGroup.cjs","sources":["../../../../src/components/FilterGroup/FilterGroup.tsx"],"sourcesContent":["import {\n  HvFormElement,\n  HvFormElementProps,\n  HvFormStatus,\n  HvInfoMessage,\n  HvLabel,\n  HvWarningText,\n} from \"@core/components\";\nimport filterGroupClasses, { HvFilterGroupClasses } from \"./filterGroupClasses\";\nimport {\n  HvFilterGroupContent,\n  HvFilterGroupContentProps,\n} from \"./FilterContent\";\nimport { useControlled, useLabels, useUniqueId } from \"@core/hooks\";\nimport { styles } from \"./FilterGroup.styles\";\nimport { setId } from \"@core/utils\";\nimport { HvFilterGroupProvider } from \"./FilterGroupContext\";\nimport { ClassNames } from \"@emotion/react\";\n\nexport type HvFilterGroupValue = (string | number)[][];\n\nexport interface HvFilterGroupLabels {\n  /** Apply button label. */\n  applyLabel?: string;\n  /** Cancel button label. */\n  cancelLabel?: string;\n  /** Cancel button label. */\n  clearLabel?: string;\n  /** Placeholder label. */\n  placeholder?: string;\n  /** SearchBox placeholder label. */\n  searchBoxPlaceholder?: string;\n  /** Select All placeholder label. */\n  selectAll?: string;\n  /** Multi selection conjunction placeholder label. */\n  multiSelectionConjunction?: string;\n}\n\nexport type HvFilterGroupFilters = {\n  id: string;\n  name: string;\n  data: {\n    id: string | number;\n    name: string;\n  }[];\n}[];\n\nexport type HvFilterGroupHorizontalPlacement = \"left\" | \"right\";\n\nexport interface HvFilterGroupProps\n  extends Omit<\n    HvFormElementProps,\n    \"onChange\" | \"defaultValue\" | \"statusMessage\"\n  > {\n  /** The initial value of the input when in single calendar mode. */\n  filters: HvFilterGroupFilters;\n  /** The form element name. */\n  name?: string;\n  /**\n   * The label of the form element.\n   *\n   * The form element must be labeled for accessibility reasons.\n   * If not provided, an aria-label or aria-labelledby must be provided instead.\n   */\n  label?: React.ReactNode;\n  /**  Provide additional descriptive text for the form element. */\n  description?: React.ReactNode;\n  /** Indicates that the form element is disabled. */\n  disabled?: boolean;\n  /** Indicates that user input is required on the form element. */\n  required?: boolean;\n  /**\n   * The status of the form element.\n   *\n   * Valid is correct, invalid is incorrect and standBy means no validations have run.\n   *\n   * When uncontrolled and unspecified it will default to \"standBy\" and change to either \"valid\"\n   * or \"invalid\" after any change to the state.\n   */\n  status?: HvFormStatus;\n  /**  The error message to show when `status` is \"invalid\". Defaults to \"Required\". */\n  statusMessage?: React.ReactNode;\n  /** The callback fired when the cancel button is clicked. */\n  onCancel?: (event: React.MouseEvent<HTMLButtonElement> | Event) => void;\n  /** The callback fired when the clear filters button is clicked. */\n  onClear?: (event: React.MouseEvent<HTMLButtonElement>) => void;\n  /** The callback fired when the value changes. */\n  onChange?: (\n    event: React.MouseEvent<HTMLButtonElement>,\n    value?: HvFilterGroupValue\n  ) => void;\n  /** An Object containing the various text associated with the input. */\n  labels?: HvFilterGroupLabels;\n  /** The placeholder value when nothing is selected. */\n  placeholder?: string;\n  /** The default value of the filter group. If defined the clear action will reset to it. */\n  defaultValue?: HvFilterGroupValue;\n  /** The value of the filter group. */\n  value?: HvFilterGroupValue;\n  /** The placement where the filter group should be placed according to the input. Options are `left` or `right`. */\n  horizontalPlacement?: HvFilterGroupHorizontalPlacement;\n  /** Disable the portal behavior. The children stay within it's parent DOM hierarchy. */\n  disablePortal?: boolean;\n  /** Sets if the filter container should be out of the screen or stay visible. */\n  escapeWithReference?: boolean;\n  /** The height of the filter panel, between 295 and 425. Defaults to 350 */\n  height?: number | string;\n  /** The filter content props */\n  filterContentProps?: Partial<HvFilterGroupContentProps>;\n  /** A Jss Object used to override or extend the styles applied to the component. */\n  classes?: HvFilterGroupClasses;\n}\n\nconst DEFAULT_LABELS: HvFilterGroupLabels = {\n  applyLabel: \"Apply\",\n  cancelLabel: \"Cancel\",\n  clearLabel: \"Clear Filters\",\n  placeholder: \"Filters\",\n  searchBoxPlaceholder: \"Search\",\n  selectAll: \"All\",\n  multiSelectionConjunction: \"/\",\n};\n\n/**\n * This component implements one potential use-case of the Filter Group pattern Design System Specifies.\n * Due to the enormous variety of capabilities required for this, we strongly recommend checking the code of the component and extend it yourself,\n * while we do not provide a better approach for building this component with smaller and more composable parts.\n */\nexport const HvFilterGroup = ({\n  className,\n  id,\n  name,\n  required = false,\n  disabled = false,\n  label,\n  \"aria-label\": ariaLabel,\n  \"aria-labelledby\": ariaLabelledBy,\n  description,\n  \"aria-describedby\": ariaDescribedBy,\n  onChange,\n  onCancel,\n  onClear,\n  status,\n  statusMessage,\n  labels: labelsProp,\n  defaultValue,\n  value,\n  filters,\n  horizontalPlacement = \"right\",\n  disablePortal = true,\n  escapeWithReference = true,\n  height = 350,\n  filterContentProps,\n  classes,\n  ...others\n}: HvFilterGroupProps) => {\n  const [validationMessage] = useControlled(statusMessage, \"Required\");\n\n  const elementId = useUniqueId(id, \"hvfiltergroup\");\n\n  const labels = useLabels(DEFAULT_LABELS, labelsProp);\n\n  const hasLabel = label != null;\n\n  const hasDescription = description != null;\n\n  // Error message area will only be needed if the status is being controlled\n  // or if required is true\n  const canShowError = status !== undefined || required;\n\n  return (\n    <ClassNames>\n      {({ css, cx }) => (\n        <HvFormElement\n          id={id}\n          name={name}\n          value={value}\n          status={status}\n          disabled={disabled}\n          required={required}\n          className={cx(filterGroupClasses.root, className, classes?.root)}\n          {...others}\n        >\n          {(hasLabel || hasDescription) && (\n            <div\n              className={cx(\n                filterGroupClasses.labelContainer,\n                css(styles.labelContainer),\n                classes?.labelContainer\n              )}\n            >\n              {hasLabel && (\n                <HvLabel\n                  id={setId(elementId, \"label\")}\n                  htmlFor={setId(elementId, \"input\")}\n                  label={label}\n                  className={cx(\n                    filterGroupClasses.label,\n                    css(styles.label),\n                    classes?.label\n                  )}\n                />\n              )}\n\n              {hasDescription && (\n                <HvInfoMessage\n                  id={setId(elementId, \"description\")}\n                  className={cx(\n                    filterGroupClasses.description,\n                    classes?.description\n                  )}\n                >\n                  {description}\n                </HvInfoMessage>\n              )}\n            </div>\n          )}\n          <HvFilterGroupProvider\n            defaultValue={defaultValue}\n            value={value}\n            filters={filters}\n          >\n            <HvFilterGroupContent\n              id={elementId}\n              disabled={disabled}\n              disablePortal={disablePortal}\n              variableWidth\n              placement={horizontalPlacement}\n              escapeWithReference={escapeWithReference}\n              aria-label={ariaLabel}\n              aria-labelledby={ariaLabelledBy}\n              status={status}\n              onChange={onChange}\n              onCancel={onCancel}\n              onClear={onClear}\n              labels={labels}\n              height={height}\n              {...filterContentProps}\n            />\n            {canShowError && (\n              <HvWarningText\n                id={setId(elementId, \"error\")}\n                disableBorder\n                className={cx(filterGroupClasses.error, classes?.error)}\n              >\n                {validationMessage}\n              </HvWarningText>\n            )}\n          </HvFilterGroupProvider>\n        </HvFormElement>\n      )}\n    </ClassNames>\n  );\n};\n"],"names":["DEFAULT_LABELS","applyLabel","cancelLabel","clearLabel","placeholder","searchBoxPlaceholder","selectAll","multiSelectionConjunction","HvFilterGroup","className","id","name","required","disabled","label","ariaLabel","ariaLabelledBy","description","ariaDescribedBy","onChange","onCancel","onClear","status","statusMessage","labels","labelsProp","defaultValue","value","filters","horizontalPlacement","disablePortal","escapeWithReference","height","filterContentProps","classes","others","validationMessage","useControlled","elementId","useUniqueId","useLabels","hasLabel","hasDescription","canShowError","undefined","ClassNames","children","css","cx","HvFormElement","filterGroupClasses","root","labelContainer","styles","_jsx","HvLabel","setId","htmlFor","HvInfoMessage","_jsxs","HvFilterGroupProvider","HvFilterGroupContent","variableWidth","placement","HvWarningText","disableBorder","error"],"mappings":"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"}
+{"version":3,"file":"FilterGroup.cjs","sources":["../../../../src/components/FilterGroup/FilterGroup.tsx"],"sourcesContent":["import {\n  HvFormElement,\n  HvFormElementProps,\n  HvFormStatus,\n  HvInfoMessage,\n  HvLabel,\n  HvWarningText,\n} from \"@core/components\";\nimport { useControlled, useLabels, useUniqueId } from \"@core/hooks\";\nimport { setId } from \"@core/utils\";\nimport { ClassNames } from \"@emotion/react\";\nimport filterGroupClasses, { HvFilterGroupClasses } from \"./filterGroupClasses\";\nimport {\n  HvFilterGroupContent,\n  HvFilterGroupContentProps,\n} from \"./FilterContent\";\nimport { styles } from \"./FilterGroup.styles\";\nimport { HvFilterGroupProvider } from \"./FilterGroupContext\";\n\nexport type HvFilterGroupValue = (string | number)[][];\n\nexport interface HvFilterGroupLabels {\n  /** Apply button label. */\n  applyLabel?: string;\n  /** Cancel button label. */\n  cancelLabel?: string;\n  /** Cancel button label. */\n  clearLabel?: string;\n  /** Placeholder label. */\n  placeholder?: string;\n  /** SearchBox placeholder label. */\n  searchBoxPlaceholder?: string;\n  /** Select All placeholder label. */\n  selectAll?: string;\n  /** Multi selection conjunction placeholder label. */\n  multiSelectionConjunction?: string;\n}\n\nexport type HvFilterGroupFilters = {\n  id: string;\n  name: string;\n  data: {\n    id: string | number;\n    name: string;\n  }[];\n}[];\n\nexport type HvFilterGroupHorizontalPlacement = \"left\" | \"right\";\n\nexport interface HvFilterGroupProps\n  extends Omit<\n    HvFormElementProps,\n    \"onChange\" | \"defaultValue\" | \"statusMessage\"\n  > {\n  /** The initial value of the input when in single calendar mode. */\n  filters: HvFilterGroupFilters;\n  /** The form element name. */\n  name?: string;\n  /**\n   * The label of the form element.\n   *\n   * The form element must be labeled for accessibility reasons.\n   * If not provided, an aria-label or aria-labelledby must be provided instead.\n   */\n  label?: React.ReactNode;\n  /**  Provide additional descriptive text for the form element. */\n  description?: React.ReactNode;\n  /** Indicates that the form element is disabled. */\n  disabled?: boolean;\n  /** Indicates that user input is required on the form element. */\n  required?: boolean;\n  /**\n   * The status of the form element.\n   *\n   * Valid is correct, invalid is incorrect and standBy means no validations have run.\n   *\n   * When uncontrolled and unspecified it will default to \"standBy\" and change to either \"valid\"\n   * or \"invalid\" after any change to the state.\n   */\n  status?: HvFormStatus;\n  /**  The error message to show when `status` is \"invalid\". Defaults to \"Required\". */\n  statusMessage?: React.ReactNode;\n  /** The callback fired when the cancel button is clicked. */\n  onCancel?: (event: React.MouseEvent<HTMLButtonElement> | Event) => void;\n  /** The callback fired when the clear filters button is clicked. */\n  onClear?: (event: React.MouseEvent<HTMLButtonElement>) => void;\n  /** The callback fired when the value changes. */\n  onChange?: (\n    event: React.MouseEvent<HTMLButtonElement>,\n    value?: HvFilterGroupValue\n  ) => void;\n  /** An Object containing the various text associated with the input. */\n  labels?: HvFilterGroupLabels;\n  /** The placeholder value when nothing is selected. */\n  placeholder?: string;\n  /** The default value of the filter group. If defined the clear action will reset to it. */\n  defaultValue?: HvFilterGroupValue;\n  /** The value of the filter group. */\n  value?: HvFilterGroupValue;\n  /** The placement where the filter group should be placed according to the input. Options are `left` or `right`. */\n  horizontalPlacement?: HvFilterGroupHorizontalPlacement;\n  /** Disable the portal behavior. The children stay within it's parent DOM hierarchy. */\n  disablePortal?: boolean;\n  /** Sets if the filter container should be out of the screen or stay visible. */\n  escapeWithReference?: boolean;\n  /** The height of the filter panel, between 295 and 425. Defaults to 350 */\n  height?: number | string;\n  /** The filter content props */\n  filterContentProps?: Partial<HvFilterGroupContentProps>;\n  /** A Jss Object used to override or extend the styles applied to the component. */\n  classes?: HvFilterGroupClasses;\n}\n\nconst DEFAULT_LABELS: HvFilterGroupLabels = {\n  applyLabel: \"Apply\",\n  cancelLabel: \"Cancel\",\n  clearLabel: \"Clear Filters\",\n  placeholder: \"Filters\",\n  searchBoxPlaceholder: \"Search\",\n  selectAll: \"All\",\n  multiSelectionConjunction: \"/\",\n};\n\n/**\n * This component implements one potential use-case of the Filter Group pattern Design System Specifies.\n * Due to the enormous variety of capabilities required for this, we strongly recommend checking the code of the component and extend it yourself,\n * while we do not provide a better approach for building this component with smaller and more composable parts.\n */\nexport const HvFilterGroup = ({\n  className,\n  id,\n  name,\n  required = false,\n  disabled = false,\n  label,\n  \"aria-label\": ariaLabel,\n  \"aria-labelledby\": ariaLabelledBy,\n  description,\n  \"aria-describedby\": ariaDescribedBy,\n  onChange,\n  onCancel,\n  onClear,\n  status,\n  statusMessage,\n  labels: labelsProp,\n  defaultValue,\n  value,\n  filters,\n  horizontalPlacement = \"right\",\n  disablePortal = true,\n  escapeWithReference = true,\n  height = 350,\n  filterContentProps,\n  classes,\n  ...others\n}: HvFilterGroupProps) => {\n  const [validationMessage] = useControlled(statusMessage, \"Required\");\n\n  const elementId = useUniqueId(id, \"hvfiltergroup\");\n\n  const labels = useLabels(DEFAULT_LABELS, labelsProp);\n\n  const hasLabel = label != null;\n\n  const hasDescription = description != null;\n\n  // Error message area will only be needed if the status is being controlled\n  // or if required is true\n  const canShowError = status !== undefined || required;\n\n  return (\n    <ClassNames>\n      {({ css, cx }) => (\n        <HvFormElement\n          id={id}\n          name={name}\n          value={value}\n          status={status}\n          disabled={disabled}\n          required={required}\n          className={cx(filterGroupClasses.root, className, classes?.root)}\n          {...others}\n        >\n          {(hasLabel || hasDescription) && (\n            <div\n              className={cx(\n                filterGroupClasses.labelContainer,\n                css(styles.labelContainer),\n                classes?.labelContainer\n              )}\n            >\n              {hasLabel && (\n                <HvLabel\n                  id={setId(elementId, \"label\")}\n                  htmlFor={setId(elementId, \"input\")}\n                  label={label}\n                  className={cx(\n                    filterGroupClasses.label,\n                    css(styles.label),\n                    classes?.label\n                  )}\n                />\n              )}\n\n              {hasDescription && (\n                <HvInfoMessage\n                  id={setId(elementId, \"description\")}\n                  className={cx(\n                    filterGroupClasses.description,\n                    classes?.description\n                  )}\n                >\n                  {description}\n                </HvInfoMessage>\n              )}\n            </div>\n          )}\n          <HvFilterGroupProvider\n            defaultValue={defaultValue}\n            value={value}\n            filters={filters}\n          >\n            <HvFilterGroupContent\n              id={elementId}\n              disabled={disabled}\n              disablePortal={disablePortal}\n              variableWidth\n              placement={horizontalPlacement}\n              escapeWithReference={escapeWithReference}\n              aria-label={ariaLabel}\n              aria-labelledby={ariaLabelledBy}\n              status={status}\n              onChange={onChange}\n              onCancel={onCancel}\n              onClear={onClear}\n              labels={labels}\n              height={height}\n              {...filterContentProps}\n            />\n            {canShowError && (\n              <HvWarningText\n                id={setId(elementId, \"error\")}\n                disableBorder\n                className={cx(filterGroupClasses.error, classes?.error)}\n              >\n                {validationMessage}\n              </HvWarningText>\n            )}\n          </HvFilterGroupProvider>\n        </HvFormElement>\n      )}\n    </ClassNames>\n  );\n};\n"],"names":["DEFAULT_LABELS","applyLabel","cancelLabel","clearLabel","placeholder","searchBoxPlaceholder","selectAll","multiSelectionConjunction","HvFilterGroup","className","id","name","required","disabled","label","ariaLabel","ariaLabelledBy","description","ariaDescribedBy","onChange","onCancel","onClear","status","statusMessage","labels","labelsProp","defaultValue","value","filters","horizontalPlacement","disablePortal","escapeWithReference","height","filterContentProps","classes","others","validationMessage","useControlled","elementId","useUniqueId","useLabels","hasLabel","hasDescription","canShowError","undefined","ClassNames","children","css","cx","HvFormElement","filterGroupClasses","root","labelContainer","styles","_jsx","HvLabel","setId","htmlFor","HvInfoMessage","_jsxs","HvFilterGroupProvider","HvFilterGroupContent","variableWidth","placement","HvWarningText","disableBorder","error"],"mappings":"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"}

package/dist/cjs/components/FilterGroup/LeftPanel/LeftPanel.cjs

@@ -1,8 +1,8 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const React = require("react");
-const FilterGroupContext = require("../FilterGroupContext.cjs");
 const react = require("@emotion/react");
+const FilterGroupContext = require("../FilterGroupContext.cjs");
 const LeftPanel_styles = require("./LeftPanel.styles.cjs");
 const leftPanelClasses = require("./leftPanelClasses.cjs");
 const jsxRuntime = require("@emotion/react/jsx-runtime");

package/dist/cjs/components/FilterGroup/LeftPanel/LeftPanel.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"LeftPanel.cjs","sources":["../../../../../src/components/FilterGroup/LeftPanel/LeftPanel.tsx"],"sourcesContent":["import { useContext } from \"react\";\nimport { HvFilterGroupContext } from \"../FilterGroupContext\";\nimport { HvListContainer, HvListItem, HvPanel } from \"@core/components\";\nimport { setId, wrapperTooltip } from \"@core/utils\";\nimport { HvFilterGroupCounter } from \"../Counter\";\nimport { ClassNames } from \"@emotion/react\";\nimport { styles } from \"./LeftPanel.styles\";\nimport filterGroupLeftPanelClasses, {\n  HvFilterGroupLeftPanelClasses,\n} from \"./leftPanelClasses\";\n\nexport interface HvFilterGroupLeftPanelProps {\n  id?: string;\n  className?: string;\n  emptyElement?: React.ReactNode;\n  classes?: HvFilterGroupLeftPanelClasses;\n}\n\nexport const HvFilterGroupLeftPanel = ({\n  id,\n  className,\n  emptyElement,\n  classes,\n}: HvFilterGroupLeftPanelProps) => {\n  const { filterOptions, activeGroup, setActiveGroup } =\n    useContext(HvFilterGroupContext);\n\n  return (\n    <ClassNames>\n      {({ css, cx }) => (\n        <HvPanel id={setId(id, \"leftPanel\")} className={className}>\n          {filterOptions.length > 0 ? (\n            <HvListContainer\n              id={setId(id, \"leftPanel-list\")}\n              condensed\n              interactive\n            >\n              {filterOptions.map((group, index) => {\n                const ItemText = wrapperTooltip(true, group.name, group.name);\n\n                return (\n                  <HvListItem\n                    id={group.id}\n                    key={group.name}\n                    className={cx(\n                      filterGroupLeftPanelClasses.listItem,\n                      css(styles.listItem),\n                      classes?.listItem\n                    )}\n                    onClick={() => setActiveGroup(index)}\n                    selected={filterOptions[activeGroup].id === group.id}\n                    endAdornment={<HvFilterGroupCounter id={group.id} />}\n                  >\n                    <ItemText />\n                  </HvListItem>\n                );\n              })}\n            </HvListContainer>\n          ) : (\n            emptyElement\n          )}\n        </HvPanel>\n      )}\n    </ClassNames>\n  );\n};\n"],"names":["HvFilterGroupLeftPanel","id","className","emptyElement","classes","filterOptions","activeGroup","setActiveGroup","useContext","HvFilterGroupContext","ClassNames","children","css","cx","HvPanel","setId","length","HvListContainer","condensed","interactive","map","group","index","ItemText","wrapperTooltip","name","HvListItem","filterGroupLeftPanelClasses","listItem","styles","onClick","selected","endAdornment","HvFilterGroupCounter","_jsx"],"mappings":";;;;;;;;;;;;;;AAkBO,MAAMA,yBAAyBA,CAAC;AAAA,EACrCC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC;AAC2B,MAAM;AAC3B,QAAA;AAAA,IAAEC;AAAAA,IAAeC;AAAAA,IAAaC;AAAAA,EAAAA,IAClCC,MAAAA,WAAWC,mBAAAA,oBAAoB;AAEjC,wCACGC,MAAAA,YAAU;AAAA,IAAAC,UACRA,CAAC;AAAA,MAAEC;AAAAA,MAAKC;AAAAA,IAAAA,qCACNC,MAAAA,SAAO;AAAA,MAACb,IAAIc,MAAAA,MAAMd,IAAI,WAAW;AAAA,MAAGC;AAAAA,MAAqBS,UACvDN,cAAcW,SAAS,mCACrBC,cAAAA,iBAAe;AAAA,QACdhB,IAAIc,MAAAA,MAAMd,IAAI,gBAAgB;AAAA,QAC9BiB,WAAS;AAAA,QACTC,aAAW;AAAA,QAAAR,UAEVN,cAAce,IAAI,CAACC,OAAOC,UAAU;AACnC,gBAAMC,WAAWC,eAAAA,eAAe,MAAMH,MAAMI,MAAMJ,MAAMI,IAAI;AAE5D,gDACGC,SAAAA,YAAU;AAAA,YACTzB,IAAIoB,MAAMpB;AAAAA,YAEVC,WAAWW,GACTc,iBAA4BC,QAAAA,UAC5BhB,IAAIiB,iBAAAA,OAAOD,QAAQ,GACnBxB,mCAASwB,QAAQ;AAAA,YAEnBE,SAASA,MAAMvB,eAAee,KAAK;AAAA,YACnCS,UAAU1B,cAAcC,WAAW,EAAEL,OAAOoB,MAAMpB;AAAAA,YAClD+B,6CAAeC,8BAAoB;AAAA,cAAChC,IAAIoB,MAAMpB;AAAAA,YAAAA,CAAO;AAAA,YAAAU,UAErDuB,2BAAAA,IAACX,UAAQ,EAAA;AAAA,UAAA,GAVJF,MAAMI,IAAI;AAAA,QAAA,CAapB;AAAA,MAAC,CAAA,IAGJtB;AAAAA,IAAAA,CACD;AAAA,EAAA,CAGM;AAEjB;;"}
+{"version":3,"file":"LeftPanel.cjs","sources":["../../../../../src/components/FilterGroup/LeftPanel/LeftPanel.tsx"],"sourcesContent":["import { useContext } from \"react\";\nimport { HvListContainer, HvListItem, HvPanel } from \"@core/components\";\nimport { setId, wrapperTooltip } from \"@core/utils\";\nimport { ClassNames } from \"@emotion/react\";\nimport { HvFilterGroupCounter } from \"../Counter\";\nimport { HvFilterGroupContext } from \"../FilterGroupContext\";\nimport { styles } from \"./LeftPanel.styles\";\nimport filterGroupLeftPanelClasses, {\n  HvFilterGroupLeftPanelClasses,\n} from \"./leftPanelClasses\";\n\nexport interface HvFilterGroupLeftPanelProps {\n  id?: string;\n  className?: string;\n  emptyElement?: React.ReactNode;\n  classes?: HvFilterGroupLeftPanelClasses;\n}\n\nexport const HvFilterGroupLeftPanel = ({\n  id,\n  className,\n  emptyElement,\n  classes,\n}: HvFilterGroupLeftPanelProps) => {\n  const { filterOptions, activeGroup, setActiveGroup } =\n    useContext(HvFilterGroupContext);\n\n  return (\n    <ClassNames>\n      {({ css, cx }) => (\n        <HvPanel id={setId(id, \"leftPanel\")} className={className}>\n          {filterOptions.length > 0 ? (\n            <HvListContainer\n              id={setId(id, \"leftPanel-list\")}\n              condensed\n              interactive\n            >\n              {filterOptions.map((group, index) => {\n                const ItemText = wrapperTooltip(true, group.name, group.name);\n\n                return (\n                  <HvListItem\n                    id={group.id}\n                    key={group.name}\n                    className={cx(\n                      filterGroupLeftPanelClasses.listItem,\n                      css(styles.listItem),\n                      classes?.listItem\n                    )}\n                    onClick={() => setActiveGroup(index)}\n                    selected={filterOptions[activeGroup].id === group.id}\n                    endAdornment={<HvFilterGroupCounter id={group.id} />}\n                  >\n                    <ItemText />\n                  </HvListItem>\n                );\n              })}\n            </HvListContainer>\n          ) : (\n            emptyElement\n          )}\n        </HvPanel>\n      )}\n    </ClassNames>\n  );\n};\n"],"names":["HvFilterGroupLeftPanel","id","className","emptyElement","classes","filterOptions","activeGroup","setActiveGroup","useContext","HvFilterGroupContext","ClassNames","children","css","cx","HvPanel","setId","length","HvListContainer","condensed","interactive","map","group","index","ItemText","wrapperTooltip","name","HvListItem","filterGroupLeftPanelClasses","listItem","styles","onClick","selected","endAdornment","HvFilterGroupCounter","_jsx"],"mappings":";;;;;;;;;;;;;;AAkBO,MAAMA,yBAAyBA,CAAC;AAAA,EACrCC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC;AAC2B,MAAM;AAC3B,QAAA;AAAA,IAAEC;AAAAA,IAAeC;AAAAA,IAAaC;AAAAA,EAAAA,IAClCC,MAAAA,WAAWC,mBAAAA,oBAAoB;AAEjC,wCACGC,MAAAA,YAAU;AAAA,IAAAC,UACRA,CAAC;AAAA,MAAEC;AAAAA,MAAKC;AAAAA,IAAAA,qCACNC,MAAAA,SAAO;AAAA,MAACb,IAAIc,MAAAA,MAAMd,IAAI,WAAW;AAAA,MAAGC;AAAAA,MAAqBS,UACvDN,cAAcW,SAAS,mCACrBC,cAAAA,iBAAe;AAAA,QACdhB,IAAIc,MAAAA,MAAMd,IAAI,gBAAgB;AAAA,QAC9BiB,WAAS;AAAA,QACTC,aAAW;AAAA,QAAAR,UAEVN,cAAce,IAAI,CAACC,OAAOC,UAAU;AACnC,gBAAMC,WAAWC,eAAAA,eAAe,MAAMH,MAAMI,MAAMJ,MAAMI,IAAI;AAE5D,gDACGC,SAAAA,YAAU;AAAA,YACTzB,IAAIoB,MAAMpB;AAAAA,YAEVC,WAAWW,GACTc,iBAA4BC,QAAAA,UAC5BhB,IAAIiB,iBAAAA,OAAOD,QAAQ,GACnBxB,mCAASwB,QAAQ;AAAA,YAEnBE,SAASA,MAAMvB,eAAee,KAAK;AAAA,YACnCS,UAAU1B,cAAcC,WAAW,EAAEL,OAAOoB,MAAMpB;AAAAA,YAClD+B,6CAAeC,8BAAoB;AAAA,cAAChC,IAAIoB,MAAMpB;AAAAA,YAAAA,CAAO;AAAA,YAAAU,UAErDuB,2BAAAA,IAACX,UAAQ,EAAA;AAAA,UAAA,GAVJF,MAAMI,IAAI;AAAA,QAAA,CAapB;AAAA,MAAC,CAAA,IAGJtB;AAAAA,IAAAA,CACD;AAAA,EAAA,CAGM;AAEjB;;"}

package/dist/cjs/components/FilterGroup/RightPanel/RightPanel.cjs

@@ -1,9 +1,9 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const React = require("react");
-const FilterGroupContext = require("../FilterGroupContext.cjs");
 const cloneDeep = require("lodash/cloneDeep");
 const react = require("@emotion/react");
+const FilterGroupContext = require("../FilterGroupContext.cjs");
 const RightPanel_styles = require("./RightPanel.styles.cjs");
 const rightPanelClasses = require("./rightPanelClasses.cjs");
 const jsxRuntime = require("@emotion/react/jsx-runtime");

package/dist/cjs/components/FilterGroup/RightPanel/RightPanel.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"RightPanel.cjs","sources":["../../../../../src/components/FilterGroup/RightPanel/RightPanel.tsx"],"sourcesContent":["import {\n  HvCheckBox,\n  HvInput,\n  HvList,\n  HvPanel,\n  HvTypography,\n} from \"@core/components\";\nimport { setId } from \"@core/utils\";\nimport { useCallback, useContext, useEffect, useMemo, useState } from \"react\";\nimport { HvFilterGroupContext } from \"../FilterGroupContext\";\nimport cloneDeep from \"lodash/cloneDeep\";\nimport { ClassNames } from \"@emotion/react\";\nimport { styles } from \"./RightPanel.styles\";\nimport filterGroupRightPanelClasses, {\n  HvFilterGroupRightPanelClasses,\n} from \"./rightPanelClasses\";\n\nexport interface HvFilterGroupRightPanelProps {\n  id?: string;\n  className?: string;\n  labels?: {\n    searchBoxPlaceholder?: string;\n    selectAll?: string;\n    multiSelectionConjunction?: string;\n  };\n  emptyElement?: React.ReactNode;\n  classes?: HvFilterGroupRightPanelClasses;\n}\n\nexport const HvFilterGroupRightPanel = ({\n  id,\n  className,\n  labels,\n  emptyElement,\n  classes,\n}: HvFilterGroupRightPanelProps) => {\n  const [searchStr, setSearchStr] = useState<string>(\"\");\n  const [allSelected, setAllSelected] = useState<boolean>(false);\n  const [anySelected, setAnySelected] = useState<boolean>(false);\n\n  const {\n    filterOptions,\n    filterValues = [],\n    setFilterValues,\n    activeGroup,\n  } = useContext(HvFilterGroupContext);\n\n  const activeGroupOptions = useMemo(\n    () => filterOptions[activeGroup]?.data.map((option) => option.id) || [],\n    [filterOptions, activeGroup]\n  );\n\n  const activeFilterValues = useMemo(\n    () =>\n      filterValues[activeGroup]?.filter((value) =>\n        activeGroupOptions.includes(value)\n      ) || [],\n    [filterValues, activeGroupOptions, activeGroup]\n  );\n\n  const listValues = useMemo(\n    () =>\n      filterOptions[activeGroup]?.data.map((option) => ({\n        ...option,\n        label: option.name,\n        selected: filterValues[activeGroup]?.includes(option.id),\n        isHidden:\n          option.name.toLowerCase().indexOf(searchStr.toLowerCase()) < 0,\n      })) || [],\n    [filterOptions, filterValues, activeGroup, searchStr]\n  );\n\n  const updateSelectAll = useCallback(() => {\n    const nbrSelected = activeFilterValues?.length;\n    const hasSelection = nbrSelected > 0;\n    const allSelect = nbrSelected === activeGroupOptions.length;\n\n    setAnySelected(hasSelection);\n    setAllSelected(hasSelection && allSelect);\n  }, [activeFilterValues, activeGroupOptions]);\n\n  useEffect(() => {\n    updateSelectAll();\n  }, [activeFilterValues, updateSelectAll]);\n\n  useEffect(() => setSearchStr(\"\"), [activeGroup]);\n\n  const onChangeHandler = (values) => {\n    const newFilterValues = filterOptions.map((_, i) =>\n      activeGroup === i\n        ? values.filter((v) => v.selected).map((v) => v.id)\n        : [...(filterValues[i] || [])]\n    );\n    setFilterValues(newFilterValues);\n  };\n\n  const handleSelectAll = useCallback(() => {\n    const newFilterValues = cloneDeep(filterValues);\n    newFilterValues[activeGroup] = anySelected ? [] : activeGroupOptions;\n\n    setFilterValues(newFilterValues);\n  }, [\n    activeGroup,\n    activeGroupOptions,\n    anySelected,\n    filterValues,\n    setFilterValues,\n  ]);\n\n  /**\n   * Create selectAll component.\n   *\n   * @returns {*}\n   */\n  const SelectAll = useCallback(() => {\n    const nbrSelected = activeFilterValues?.length;\n\n    const defaultLabel = (\n      <HvTypography component=\"span\">\n        {nbrSelected > 0 ? (\n          <>\n            <b>{nbrSelected}</b>\n            {` ${labels?.multiSelectionConjunction} ${activeGroupOptions.length}`}\n          </>\n        ) : (\n          <>\n            <b>{labels?.selectAll}</b>\n            {` (${activeGroupOptions.length})`}\n          </>\n        )}\n      </HvTypography>\n    );\n\n    return (\n      <ClassNames>\n        {({ css, cx }) => (\n          <div\n            className={cx(\n              filterGroupRightPanelClasses.selectAllContainer,\n              css(styles.selectAllContainer),\n              classes?.selectAllContainer\n            )}\n          >\n            <HvCheckBox\n              id={setId(id, \"select-all\")}\n              label={defaultLabel}\n              onChange={() => handleSelectAll()}\n              className={cx(\n                filterGroupRightPanelClasses.selectAll,\n                css(styles.selectAll),\n                classes?.selectAll\n              )}\n              indeterminate={anySelected && !allSelected}\n              checked={allSelected}\n            />\n          </div>\n        )}\n      </ClassNames>\n    );\n  }, [\n    activeFilterValues?.length,\n    activeGroupOptions.length,\n    allSelected,\n    anySelected,\n    handleSelectAll,\n    id,\n    labels,\n  ]);\n\n  return (\n    <ClassNames>\n      {({ css, cx }) => (\n        <HvPanel id={setId(id, \"rightPanel\")} className={className}>\n          {listValues.length > 0 ? (\n            <>\n              <HvInput\n                id={setId(id, \"search\")}\n                classes={{\n                  root: cx(\n                    filterGroupRightPanelClasses.search,\n                    css(styles.search),\n                    classes?.search\n                  ),\n                }}\n                type=\"search\"\n                placeholder={labels?.searchBoxPlaceholder}\n                value={searchStr}\n                onChange={(_, str) => setSearchStr(str)}\n              />\n              <SelectAll />\n              <HvList\n                key={activeGroup}\n                id={setId(id, \"list\")}\n                values={listValues}\n                className={cx(\n                  filterGroupRightPanelClasses.list,\n                  css(styles.list),\n                  classes?.list\n                )}\n                multiSelect\n                useSelector\n                showSelectAll={false}\n                onChange={onChangeHandler}\n                selectable\n                condensed\n                hasTooltips\n              />\n            </>\n          ) : (\n            emptyElement\n          )}\n        </HvPanel>\n      )}\n    </ClassNames>\n  );\n};\n"],"names":["HvFilterGroupRightPanel","id","className","labels","emptyElement","classes","searchStr","setSearchStr","useState","allSelected","setAllSelected","anySelected","setAnySelected","filterOptions","filterValues","setFilterValues","activeGroup","useContext","HvFilterGroupContext","activeGroupOptions","useMemo","data","map","option","activeFilterValues","filter","value","includes","listValues","label","name","selected","isHidden","toLowerCase","indexOf","updateSelectAll","useCallback","nbrSelected","length","hasSelection","allSelect","useEffect","onChangeHandler","values","newFilterValues","_","i","v","handleSelectAll","cloneDeep","SelectAll","defaultLabel","HvTypography","component","children","_jsxs","_Fragment","_jsx","multiSelectionConjunction","selectAll","ClassNames","css","cx","filterGroupRightPanelClasses","selectAllContainer","styles","HvCheckBox","setId","onChange","indeterminate","checked","HvPanel","HvInput","root","search","type","placeholder","searchBoxPlaceholder","str","HvList","list","multiSelect","useSelector","showSelectAll","selectable","condensed","hasTooltips"],"mappings":"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"}
+{"version":3,"file":"RightPanel.cjs","sources":["../../../../../src/components/FilterGroup/RightPanel/RightPanel.tsx"],"sourcesContent":["import {\n  HvCheckBox,\n  HvInput,\n  HvList,\n  HvPanel,\n  HvTypography,\n} from \"@core/components\";\nimport { setId } from \"@core/utils\";\nimport { useCallback, useContext, useEffect, useMemo, useState } from \"react\";\nimport cloneDeep from \"lodash/cloneDeep\";\nimport { ClassNames } from \"@emotion/react\";\nimport { HvFilterGroupContext } from \"../FilterGroupContext\";\nimport { styles } from \"./RightPanel.styles\";\nimport filterGroupRightPanelClasses, {\n  HvFilterGroupRightPanelClasses,\n} from \"./rightPanelClasses\";\n\nexport interface HvFilterGroupRightPanelProps {\n  id?: string;\n  className?: string;\n  labels?: {\n    searchBoxPlaceholder?: string;\n    selectAll?: string;\n    multiSelectionConjunction?: string;\n  };\n  emptyElement?: React.ReactNode;\n  classes?: HvFilterGroupRightPanelClasses;\n}\n\nexport const HvFilterGroupRightPanel = ({\n  id,\n  className,\n  labels,\n  emptyElement,\n  classes,\n}: HvFilterGroupRightPanelProps) => {\n  const [searchStr, setSearchStr] = useState<string>(\"\");\n  const [allSelected, setAllSelected] = useState<boolean>(false);\n  const [anySelected, setAnySelected] = useState<boolean>(false);\n\n  const {\n    filterOptions,\n    filterValues = [],\n    setFilterValues,\n    activeGroup,\n  } = useContext(HvFilterGroupContext);\n\n  const activeGroupOptions = useMemo(\n    () => filterOptions[activeGroup]?.data.map((option) => option.id) || [],\n    [filterOptions, activeGroup]\n  );\n\n  const activeFilterValues = useMemo(\n    () =>\n      filterValues[activeGroup]?.filter((value) =>\n        activeGroupOptions.includes(value)\n      ) || [],\n    [filterValues, activeGroupOptions, activeGroup]\n  );\n\n  const listValues = useMemo(\n    () =>\n      filterOptions[activeGroup]?.data.map((option) => ({\n        ...option,\n        label: option.name,\n        selected: filterValues[activeGroup]?.includes(option.id),\n        isHidden:\n          option.name.toLowerCase().indexOf(searchStr.toLowerCase()) < 0,\n      })) || [],\n    [filterOptions, filterValues, activeGroup, searchStr]\n  );\n\n  const updateSelectAll = useCallback(() => {\n    const nbrSelected = activeFilterValues?.length;\n    const hasSelection = nbrSelected > 0;\n    const allSelect = nbrSelected === activeGroupOptions.length;\n\n    setAnySelected(hasSelection);\n    setAllSelected(hasSelection && allSelect);\n  }, [activeFilterValues, activeGroupOptions]);\n\n  useEffect(() => {\n    updateSelectAll();\n  }, [activeFilterValues, updateSelectAll]);\n\n  useEffect(() => setSearchStr(\"\"), [activeGroup]);\n\n  const onChangeHandler = (values) => {\n    const newFilterValues = filterOptions.map((_, i) =>\n      activeGroup === i\n        ? values.filter((v) => v.selected).map((v) => v.id)\n        : [...(filterValues[i] || [])]\n    );\n    setFilterValues(newFilterValues);\n  };\n\n  const handleSelectAll = useCallback(() => {\n    const newFilterValues = cloneDeep(filterValues);\n    newFilterValues[activeGroup] = anySelected ? [] : activeGroupOptions;\n\n    setFilterValues(newFilterValues);\n  }, [\n    activeGroup,\n    activeGroupOptions,\n    anySelected,\n    filterValues,\n    setFilterValues,\n  ]);\n\n  /**\n   * Create selectAll component.\n   *\n   * @returns {*}\n   */\n  const SelectAll = useCallback(() => {\n    const nbrSelected = activeFilterValues?.length;\n\n    const defaultLabel = (\n      <HvTypography component=\"span\">\n        {nbrSelected > 0 ? (\n          <>\n            <b>{nbrSelected}</b>\n            {` ${labels?.multiSelectionConjunction} ${activeGroupOptions.length}`}\n          </>\n        ) : (\n          <>\n            <b>{labels?.selectAll}</b>\n            {` (${activeGroupOptions.length})`}\n          </>\n        )}\n      </HvTypography>\n    );\n\n    return (\n      <ClassNames>\n        {({ css, cx }) => (\n          <div\n            className={cx(\n              filterGroupRightPanelClasses.selectAllContainer,\n              css(styles.selectAllContainer),\n              classes?.selectAllContainer\n            )}\n          >\n            <HvCheckBox\n              id={setId(id, \"select-all\")}\n              label={defaultLabel}\n              onChange={() => handleSelectAll()}\n              className={cx(\n                filterGroupRightPanelClasses.selectAll,\n                css(styles.selectAll),\n                classes?.selectAll\n              )}\n              indeterminate={anySelected && !allSelected}\n              checked={allSelected}\n            />\n          </div>\n        )}\n      </ClassNames>\n    );\n  }, [\n    activeFilterValues?.length,\n    activeGroupOptions.length,\n    allSelected,\n    anySelected,\n    handleSelectAll,\n    id,\n    labels,\n  ]);\n\n  return (\n    <ClassNames>\n      {({ css, cx }) => (\n        <HvPanel id={setId(id, \"rightPanel\")} className={className}>\n          {listValues.length > 0 ? (\n            <>\n              <HvInput\n                id={setId(id, \"search\")}\n                classes={{\n                  root: cx(\n                    filterGroupRightPanelClasses.search,\n                    css(styles.search),\n                    classes?.search\n                  ),\n                }}\n                type=\"search\"\n                placeholder={labels?.searchBoxPlaceholder}\n                value={searchStr}\n                onChange={(_, str) => setSearchStr(str)}\n              />\n              <SelectAll />\n              <HvList\n                key={activeGroup}\n                id={setId(id, \"list\")}\n                values={listValues}\n                className={cx(\n                  filterGroupRightPanelClasses.list,\n                  css(styles.list),\n                  classes?.list\n                )}\n                multiSelect\n                useSelector\n                showSelectAll={false}\n                onChange={onChangeHandler}\n                selectable\n                condensed\n                hasTooltips\n              />\n            </>\n          ) : (\n            emptyElement\n          )}\n        </HvPanel>\n      )}\n    </ClassNames>\n  );\n};\n"],"names":["HvFilterGroupRightPanel","id","className","labels","emptyElement","classes","searchStr","setSearchStr","useState","allSelected","setAllSelected","anySelected","setAnySelected","filterOptions","filterValues","setFilterValues","activeGroup","useContext","HvFilterGroupContext","activeGroupOptions","useMemo","data","map","option","activeFilterValues","filter","value","includes","listValues","label","name","selected","isHidden","toLowerCase","indexOf","updateSelectAll","useCallback","nbrSelected","length","hasSelection","allSelect","useEffect","onChangeHandler","values","newFilterValues","_","i","v","handleSelectAll","cloneDeep","SelectAll","defaultLabel","HvTypography","component","children","_jsxs","_Fragment","_jsx","multiSelectionConjunction","selectAll","ClassNames","css","cx","filterGroupRightPanelClasses","selectAllContainer","styles","HvCheckBox","setId","onChange","indeterminate","checked","HvPanel","HvInput","root","search","type","placeholder","searchBoxPlaceholder","str","HvList","list","multiSelect","useSelector","showSelectAll","selectable","condensed","hasTooltips"],"mappings":"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"}