@hitachivantara/uikit-react-core 5.22.1 → 5.24.0

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 { clsx } from \"clsx\";\n\nimport { useUniqueId } from \"@core/hooks/useUniqueId\";\nimport { setId } from \"@core/utils/setId\";\n\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":";;;;;;;;;AAgCO,MAAMA,aAAaA,CAAC;AAAA,EACzBC;AAAAA,EACAC;AAAAA,EACAC,OAAO,CAAE;AAAA,EACTC;AAAAA,EACAC;AACe,MAAM;AACfC,QAAAA,YAAYC,YAAAA,YAAYN,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,EAMX,CACF;AAAA,EAAA,CACS;AAEhB;;"}
+{"version":3,"file":"FileList.cjs","sources":["../../../../../src/components/FileUploader/FileList/FileList.tsx"],"sourcesContent":["import { useUniqueId } from \"@core/hooks/useUniqueId\";\nimport { setId } from \"@core/utils/setId\";\n\nimport { ExtractNames } from \"@core/utils/classes\";\nimport { HvFile, HvFileData, HvFileRemovedEvent } from \"../File\";\nimport { staticClasses, useClasses } from \"./FileList.styles\";\n\nexport { staticClasses as fileListClasses };\n\nexport type HvFileListClasses = ExtractNames<typeof useClasses>;\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: classesProp,\n  list = [],\n  removeFileButtonLabel,\n  onFileRemoved,\n}: HvFileListProps) => {\n  const { classes } = useClasses(classesProp);\n\n  const elementId = useUniqueId(id, \"hvfilelist\");\n\n  const hasFiles = list.length > 0;\n  if (!hasFiles) return null;\n\n  return (\n    <ul id={setId(id, \"list\")} className={classes.list}>\n      {list.map((data) => (\n        <HvFile\n          key={data.id}\n          classes={{ root: classes?.listItem }}\n          id={setId(elementId, \"values\")}\n          data={data}\n          onFileRemoved={onFileRemoved}\n          removeFileButtonLabel={removeFileButtonLabel}\n        />\n      ))}\n    </ul>\n  );\n};\n"],"names":["HvFileList","id","classes","classesProp","list","removeFileButtonLabel","onFileRemoved","useClasses","elementId","useUniqueId","hasFiles","length","setId","className","children","map","data","HvFile","root","listItem"],"mappings":";;;;;;;AAkCO,MAAMA,aAAaA,CAAC;AAAA,EACzBC;AAAAA,EACAC,SAASC;AAAAA,EACTC,OAAO,CAAE;AAAA,EACTC;AAAAA,EACAC;AACe,MAAM;AACf,QAAA;AAAA,IAAEJ;AAAAA,EAAAA,IAAYK,gBAAAA,WAAWJ,WAAW;AAEpCK,QAAAA,YAAYC,YAAAA,YAAYR,IAAI,YAAY;AAExCS,QAAAA,WAAWN,KAAKO,SAAS;AAC/B,MAAI,CAACD;AAAiB,WAAA;AAEtB,wCACE,MAAA;AAAA,IAAIT,IAAIW,MAAAA,MAAMX,IAAI,MAAM;AAAA,IAAGY,WAAWX,QAAQE;AAAAA,IAAKU,UAChDV,KAAKW,IAAKC,CAAAA,wCACRC,KAAAA,QAAM;AAAA,MAELf,SAAS;AAAA,QAAEgB,MAAMhB,mCAASiB;AAAAA,MAAS;AAAA,MACnClB,IAAIW,MAAAA,MAAMJ,WAAW,QAAQ;AAAA,MAC7BQ;AAAAA,MACAV;AAAAA,MACAD;AAAAA,IAAAA,GALKW,KAAKf,EAMX,CACF;AAAA,EAAA,CACC;AAER;;;"}

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

@@ -1,24 +1,21 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const _styled = require("@emotion/styled/base");
+const classes = require("../../../utils/classes.cjs");
 const uikitStyles = require("@hitachivantara/uikit-styles");
-const fileListClasses = require("./fileListClasses.cjs");
-const _interopDefault = (e) => e && e.__esModule ? e : { default: e };
-const _styled__default = /* @__PURE__ */ _interopDefault(_styled);
-const StyledList = /* @__PURE__ */ _styled__default.default("ul", process.env.NODE_ENV === "production" ? {
-  target: "e1u4sq610"
-} : {
-  target: "e1u4sq610",
-  label: "StyledList"
-})({
-  display: "flex",
-  flexDirection: "column",
-  gap: uikitStyles.theme.space.xs,
-  margin: 0,
-  padding: 0,
-  marginTop: uikitStyles.theme.space.sm,
-  listStyle: "none",
-  [`& .${fileListClasses.default.listItem}`]: {
+const {
+  staticClasses,
+  useClasses
+} = classes.createClasses("HvFileList", {
+  list: {
+    display: "flex",
+    flexDirection: "column",
+    gap: uikitStyles.theme.space.xs,
+    margin: 0,
+    padding: 0,
+    marginTop: uikitStyles.theme.space.sm,
+    listStyle: "none"
+  },
+  listItem: {
     position: "relative",
     display: "flex",
     alignItems: "center",
@@ -27,6 +24,7 @@ const StyledList = /* @__PURE__ */ _styled__default.default("ul", process.env.NO
     border: uikitStyles.theme.fileUploader.fileList.itemBorder,
     borderRadius: uikitStyles.theme.fileUploader.fileList.itemBorderRadius
   }
-}, process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvRmlsZVVwbG9hZGVyL0ZpbGVMaXN0L0ZpbGVMaXN0LnN0eWxlcy50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBSTBCIiwiZmlsZSI6Ii9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvRmlsZVVwbG9hZGVyL0ZpbGVMaXN0L0ZpbGVMaXN0LnN0eWxlcy50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgc3R5bGVkIGZyb20gXCJAZW1vdGlvbi9zdHlsZWRcIjtcbmltcG9ydCB7IHRoZW1lIH0gZnJvbSBcIkBoaXRhY2hpdmFudGFyYS91aWtpdC1zdHlsZXNcIjtcbmltcG9ydCBmaWxlTGlzdENsYXNzZXMgZnJvbSBcIi4vZmlsZUxpc3RDbGFzc2VzXCI7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRMaXN0ID0gc3R5bGVkKFwidWxcIikoe1xuICBkaXNwbGF5OiBcImZsZXhcIixcbiAgZmxleERpcmVjdGlvbjogXCJjb2x1bW5cIixcbiAgZ2FwOiB0aGVtZS5zcGFjZS54cyxcbiAgbWFyZ2luOiAwLFxuICBwYWRkaW5nOiAwLFxuICBtYXJnaW5Ub3A6IHRoZW1lLnNwYWNlLnNtLFxuICBsaXN0U3R5bGU6IFwibm9uZVwiLFxuXG4gIFtgJiAuJHtmaWxlTGlzdENsYXNzZXMubGlzdEl0ZW19YF06IHtcbiAgICBwb3NpdGlvbjogXCJyZWxhdGl2ZVwiLFxuICAgIGRpc3BsYXk6IFwiZmxleFwiLFxuICAgIGFsaWduSXRlbXM6IFwiY2VudGVyXCIsXG4gICAgYmFja2dyb3VuZDogdGhlbWUuY29sb3JzLmF0bW8xLFxuICAgIHBhZGRpbmc6IGAke3RoZW1lLnNwYWNlLnhzfSAwcHhgLFxuICAgIGJvcmRlcjogdGhlbWUuZmlsZVVwbG9hZGVyLmZpbGVMaXN0Lml0ZW1Cb3JkZXIsXG4gICAgYm9yZGVyUmFkaXVzOiB0aGVtZS5maWxlVXBsb2FkZXIuZmlsZUxpc3QuaXRlbUJvcmRlclJhZGl1cyxcbiAgfSxcbn0pO1xuIl19 */");
-exports.StyledList = StyledList;
+});
+exports.staticClasses = staticClasses;
+exports.useClasses = useClasses;
 //# sourceMappingURL=FileList.styles.cjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"FileList.styles.cjs","sources":["../../../../../src/components/FileUploader/FileList/FileList.styles.tsx"],"sourcesContent":["import styled from \"@emotion/styled\";\nimport { theme } from \"@hitachivantara/uikit-styles\";\nimport fileListClasses from \"./fileListClasses\";\n\nexport const StyledList = styled(\"ul\")({\n  display: \"flex\",\n  flexDirection: \"column\",\n  gap: theme.space.xs,\n  margin: 0,\n  padding: 0,\n  marginTop: theme.space.sm,\n  listStyle: \"none\",\n\n  [`& .${fileListClasses.listItem}`]: {\n    position: \"relative\",\n    display: \"flex\",\n    alignItems: \"center\",\n    background: theme.colors.atmo1,\n    padding: `${theme.space.xs} 0px`,\n    border: theme.fileUploader.fileList.itemBorder,\n    borderRadius: theme.fileUploader.fileList.itemBorderRadius,\n  },\n});\n"],"names":["StyledList","_styled","process","env","NODE_ENV","target","label","display","flexDirection","gap","theme","space","xs","margin","padding","marginTop","sm","listStyle","fileListClasses","listItem","position","alignItems","background","colors","atmo1","border","fileUploader","fileList","itemBorder","borderRadius","itemBorderRadius"],"mappings":";;;;;;;AAIO,MAAMA,aAAoBC,iCAAA,QAAA,MAAIC,QAAAC,IAAAC,aAAA,eAAA;AAAA,EAAAC,QAAA;AAAA,IAAA;AAAA,EAAAA,QAAA;AAAA,EAAAC,OAAA;AAAA,CAAA,EAAE;AAAA,EACrCC,SAAS;AAAA,EACTC,eAAe;AAAA,EACfC,KAAKC,YAAAA,MAAMC,MAAMC;AAAAA,EACjBC,QAAQ;AAAA,EACRC,SAAS;AAAA,EACTC,WAAWL,YAAAA,MAAMC,MAAMK;AAAAA,EACvBC,WAAW;AAAA,EAEX,CAAE,MAAKC,wBAAgBC,UAAU,GAAG;AAAA,IAClCC,UAAU;AAAA,IACVb,SAAS;AAAA,IACTc,YAAY;AAAA,IACZC,YAAYZ,YAAAA,MAAMa,OAAOC;AAAAA,IACzBV,SAAU,GAAEJ,YAAAA,MAAMC,MAAMC;AAAAA,IACxBa,QAAQf,YAAMgB,MAAAA,aAAaC,SAASC;AAAAA,IACpCC,cAAcnB,YAAMgB,MAAAA,aAAaC,SAASG;AAAAA,EAC5C;AACF,GAAC5B,QAAAC,IAAAC,aAAC,eAAA,KAAA,y4CAAA;;"}
+{"version":3,"file":"FileList.styles.cjs","sources":["../../../../../src/components/FileUploader/FileList/FileList.styles.tsx"],"sourcesContent":["import { createClasses } from \"@core/utils/classes\";\nimport { theme } from \"@hitachivantara/uikit-styles\";\n\nexport const { staticClasses, useClasses } = createClasses(\"HvFileList\", {\n  list: {\n    display: \"flex\",\n    flexDirection: \"column\",\n    gap: theme.space.xs,\n    margin: 0,\n    padding: 0,\n    marginTop: theme.space.sm,\n    listStyle: \"none\",\n  },\n  listItem: {\n    position: \"relative\",\n    display: \"flex\",\n    alignItems: \"center\",\n    background: theme.colors.atmo1,\n    padding: `${theme.space.xs} 0px`,\n    border: theme.fileUploader.fileList.itemBorder,\n    borderRadius: theme.fileUploader.fileList.itemBorderRadius,\n  },\n});\n"],"names":["staticClasses","useClasses","createClasses","list","display","flexDirection","gap","theme","space","xs","margin","padding","marginTop","sm","listStyle","listItem","position","alignItems","background","colors","atmo1","border","fileUploader","fileList","itemBorder","borderRadius","itemBorderRadius"],"mappings":";;;;AAGa,MAAA;AAAA,EAAEA;AAAAA,EAAeC;AAAW,IAAIC,QAAAA,cAAc,cAAc;AAAA,EACvEC,MAAM;AAAA,IACJC,SAAS;AAAA,IACTC,eAAe;AAAA,IACfC,KAAKC,YAAAA,MAAMC,MAAMC;AAAAA,IACjBC,QAAQ;AAAA,IACRC,SAAS;AAAA,IACTC,WAAWL,YAAAA,MAAMC,MAAMK;AAAAA,IACvBC,WAAW;AAAA,EACb;AAAA,EACAC,UAAU;AAAA,IACRC,UAAU;AAAA,IACVZ,SAAS;AAAA,IACTa,YAAY;AAAA,IACZC,YAAYX,YAAAA,MAAMY,OAAOC;AAAAA,IACzBT,SAAU,GAAEJ,YAAAA,MAAMC,MAAMC;AAAAA,IACxBY,QAAQd,YAAMe,MAAAA,aAAaC,SAASC;AAAAA,IACpCC,cAAclB,YAAMe,MAAAA,aAAaC,SAASG;AAAAA,EAC5C;AACF,CAAC;;;"}

package/dist/cjs/components/FileUploader/FileUploader.cjs

@@ -2,6 +2,7 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const useLabels = require("../../hooks/useLabels.cjs");
 const setId = require("../../utils/setId.cjs");
+const useDefaultProps = require("../../hooks/useDefaultProps.cjs");
 const jsxRuntime = require("@emotion/react/jsx-runtime");
 const DropZone = require("./DropZone/DropZone.cjs");
 const FileList = require("./FileList/FileList.cjs");
@@ -15,21 +16,22 @@ const DEFAULT_LABELS = {
   fileTypeError: "File type not allowed for upload",
   removeFileButtonLabel: "Remove File"
 };
-const HvFileUploader = ({
-  id,
-  className,
-  labels: labelsProp,
-  fileList,
-  multiple = true,
-  disabled = false,
-  hideLabels = false,
-  maxFileSize = Infinity,
-  inputProps = {},
-  acceptedFiles = [],
-  onFilesAdded,
-  onFileRemoved,
-  ...others
-}) => {
+const HvFileUploader = (props) => {
+  const {
+    id,
+    className,
+    labels: labelsProp,
+    fileList,
+    multiple = true,
+    disabled = false,
+    hideLabels = false,
+    maxFileSize = Infinity,
+    inputProps = {},
+    acceptedFiles = [],
+    onFilesAdded,
+    onFileRemoved,
+    ...others
+  } = useDefaultProps.useDefaultProps("HvFileUploader", props);
   const labels = useLabels.useLabels(DEFAULT_LABELS, labelsProp);
   return /* @__PURE__ */ jsxRuntime.jsxs("div", {
     id,

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

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

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

@@ -1,40 +1,52 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const clsx = require("clsx");
 const React = require("react");
-const previewClasses = require("./previewClasses.cjs");
+const uikitReactIcons = require("@hitachivantara/uikit-react-icons");
 const Preview_styles = require("./Preview.styles.cjs");
 const jsxRuntime = require("@emotion/react/jsx-runtime");
+const Button = require("../../Button/Button.cjs");
 const HvFileUploaderPreview = ({
   className,
   children,
-  classes,
+  classes: classesProp,
   disableOverlay = false,
   onUnload,
   onClick,
   ...others
 }) => {
+  const {
+    classes,
+    cx,
+    css
+  } = Preview_styles.useClasses(classesProp);
   React.useEffect(() => {
     return () => {
       onUnload == null ? void 0 : onUnload();
     };
   }, [onUnload]);
   if (onClick) {
-    return /* @__PURE__ */ jsxRuntime.jsxs(Preview_styles.StyledButton, {
+    return /* @__PURE__ */ jsxRuntime.jsxs(Button.HvButton, {
       icon: true,
-      className: clsx.clsx(className, classes == null ? void 0 : classes.previewButton, previewClasses.default.previewButton),
+      className: cx(classes.previewButton, className),
       onClick,
-      variant: "secondaryGhost",
       ...others,
-      children: [children, !disableOverlay && /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, {
-        children: [/* @__PURE__ */ jsxRuntime.jsx(Preview_styles.StyledOverlay, {
-          className: clsx.clsx(classes == null ? void 0 : classes.overlay, previewClasses.default.overlay),
-          "aria-hidden": "true"
-        }), /* @__PURE__ */ jsxRuntime.jsx(Preview_styles.StyledPreviewIcon, {})]
+      children: [children, !disableOverlay && /* @__PURE__ */ jsxRuntime.jsx("div", {
+        className: classes.overlay,
+        "aria-hidden": "true",
+        children: /* @__PURE__ */ jsxRuntime.jsx(uikitReactIcons.Preview, {
+          className: css({
+            position: "absolute",
+            left: "50%",
+            top: "50%",
+            transform: "translate(-50%, -50%)",
+            display: "none"
+          })
+        })
       })]
     });
   }
   return children;
 };
+exports.fileUploaderPreviewClasses = Preview_styles.staticClasses;
 exports.HvFileUploaderPreview = HvFileUploaderPreview;
 //# sourceMappingURL=Preview.cjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"Preview.cjs","sources":["../../../../../src/components/FileUploader/Preview/Preview.tsx"],"sourcesContent":["import { clsx } from \"clsx\";\n\nimport { useEffect } from \"react\";\n\nimport { HvButtonProps } from \"@core/components/Button\";\n\nimport fileUploaderPreviewClasses, {\n  HvFileUploaderPreviewClasses,\n} from \"./previewClasses\";\nimport {\n  StyledButton,\n  StyledOverlay,\n  StyledPreviewIcon,\n} from \"./Preview.styles\";\n\nexport interface HvFileUploaderPreviewProps\n  extends Omit<HvButtonProps, \"children\" | \"classes\"> {\n  /**\n   * Content that represents the preview of an uploaded file.\n   */\n  children: React.ReactElement;\n  /**\n   * Callback executed when the preview is unmounted.\n   *\n   * Should be used for cleaning up client-side image URLs created by `URL.createObjectURL()`.\n   */\n  onUnload?: () => void;\n  /**\n   * If `true`, doesn't show an overlay on top of the preview when hovering.\n   *\n   * Only applies when `onClick` is set.\n   */\n  disableOverlay?: boolean;\n  /**\n   * A Jss Object used to override or extend the styles applied to the component.\n   */\n  classes?: HvFileUploaderPreviewClasses;\n}\n\n/**\n * The `HvFileUploaderPreview` component is available to facilitate the styling\n * of the button (when clickable) and the detection of image unloading.\n */\nexport const HvFileUploaderPreview = ({\n  className,\n  children,\n  classes,\n  disableOverlay = false,\n  onUnload,\n  onClick,\n  ...others\n}: HvFileUploaderPreviewProps) => {\n  useEffect(() => {\n    return () => {\n      onUnload?.();\n    };\n  }, [onUnload]);\n\n  if (onClick) {\n    return (\n      <StyledButton\n        icon\n        className={clsx(\n          className,\n          classes?.previewButton,\n          fileUploaderPreviewClasses.previewButton\n        )}\n        onClick={onClick}\n        variant=\"secondaryGhost\"\n        {...others}\n      >\n        {children}\n        {!disableOverlay && (\n          <>\n            <StyledOverlay\n              className={clsx(\n                classes?.overlay,\n                fileUploaderPreviewClasses.overlay\n              )}\n              aria-hidden=\"true\"\n            />\n            <StyledPreviewIcon />\n          </>\n        )}\n      </StyledButton>\n    );\n  }\n\n  return children;\n};\n"],"names":["HvFileUploaderPreview","className","children","classes","disableOverlay","onUnload","onClick","others","useEffect","StyledButton","icon","clsx","previewButton","fileUploaderPreviewClasses","variant","_Fragment","_jsx","StyledOverlay","overlay","StyledPreviewIcon"],"mappings":";;;;;;;AA2CO,MAAMA,wBAAwBA,CAAC;AAAA,EACpCC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC,iBAAiB;AAAA,EACjBC;AAAAA,EACAC;AAAAA,EACA,GAAGC;AACuB,MAAM;AAChCC,QAAAA,UAAU,MAAM;AACd,WAAO,MAAM;AACA;AAAA,IAAA;AAAA,EACb,GACC,CAACH,QAAQ,CAAC;AAEb,MAAIC,SAAS;AACX,2CACGG,eAAAA,cAAY;AAAA,MACXC,MAAI;AAAA,MACJT,WAAWU,KACTV,KAAAA,WACAE,mCAASS,eACTC,uBAA2BD,aAC7B;AAAA,MACAN;AAAAA,MACAQ,SAAQ;AAAA,MAAgB,GACpBP;AAAAA,MAAML,UAAA,CAETA,UACA,CAACE,kDACAW,WAAAA,UAAA;AAAA,QAAAb,UAAA,CACEc,2BAAAA,IAACC,8BAAa;AAAA,UACZhB,WAAWU,KAAAA,KACTR,mCAASe,SACTL,eAAAA,QAA2BK,OAC7B;AAAA,UACA,eAAY;AAAA,QACb,CAAA,GACDF,2BAAAA,IAACG,oCAAmB,CAAC;AAAA,MAAA,CACrB,CACH;AAAA,IAAA,CACW;AAAA,EAElB;AAEOjB,SAAAA;AACT;;"}
+{"version":3,"file":"Preview.cjs","sources":["../../../../../src/components/FileUploader/Preview/Preview.tsx"],"sourcesContent":["import { useEffect } from \"react\";\n\nimport { HvButton, HvButtonProps } from \"@core/components/Button\";\n\nimport { Preview } from \"@hitachivantara/uikit-react-icons\";\n\nimport { ExtractNames } from \"@core/utils/classes\";\n\nimport { staticClasses, useClasses } from \"./Preview.styles\";\n\nexport { staticClasses as fileUploaderPreviewClasses };\n\nexport type HvFileUploaderPreviewClasses = ExtractNames<typeof useClasses>;\n\nexport interface HvFileUploaderPreviewProps\n  extends Omit<HvButtonProps, \"children\" | \"classes\"> {\n  /**\n   * Content that represents the preview of an uploaded file.\n   */\n  children: React.ReactElement;\n  /**\n   * Callback executed when the preview is unmounted.\n   *\n   * Should be used for cleaning up client-side image URLs created by `URL.createObjectURL()`.\n   */\n  onUnload?: () => void;\n  /**\n   * If `true`, doesn't show an overlay on top of the preview when hovering.\n   *\n   * Only applies when `onClick` is set.\n   */\n  disableOverlay?: boolean;\n  /**\n   * A Jss Object used to override or extend the styles applied to the component.\n   */\n  classes?: HvFileUploaderPreviewClasses;\n}\n\n/**\n * The `HvFileUploaderPreview` component is available to facilitate the styling\n * of the button (when clickable) and the detection of image unloading.\n */\nexport const HvFileUploaderPreview = ({\n  className,\n  children,\n  classes: classesProp,\n  disableOverlay = false,\n  onUnload,\n  onClick,\n  ...others\n}: HvFileUploaderPreviewProps) => {\n  const { classes, cx, css } = useClasses(classesProp);\n\n  useEffect(() => {\n    return () => {\n      onUnload?.();\n    };\n  }, [onUnload]);\n\n  if (onClick) {\n    return (\n      <HvButton\n        icon\n        className={cx(classes.previewButton, className)}\n        onClick={onClick}\n        {...others}\n      >\n        {children}\n        {!disableOverlay && (\n          <div className={classes.overlay} aria-hidden=\"true\">\n            <Preview\n              className={css({\n                position: \"absolute\",\n                left: \"50%\",\n                top: \"50%\",\n                transform: \"translate(-50%, -50%)\",\n                display: \"none\",\n              })}\n            />\n          </div>\n        )}\n      </HvButton>\n    );\n  }\n\n  return children;\n};\n"],"names":["HvFileUploaderPreview","className","children","classes","classesProp","disableOverlay","onUnload","onClick","others","cx","css","useClasses","useEffect","HvButton","icon","previewButton","overlay","Preview","position","left","top","transform","display"],"mappings":";;;;;;;AA0CO,MAAMA,wBAAwBA,CAAC;AAAA,EACpCC;AAAAA,EACAC;AAAAA,EACAC,SAASC;AAAAA,EACTC,iBAAiB;AAAA,EACjBC;AAAAA,EACAC;AAAAA,EACA,GAAGC;AACuB,MAAM;AAC1B,QAAA;AAAA,IAAEL;AAAAA,IAASM;AAAAA,IAAIC;AAAAA,EAAAA,IAAQC,eAAAA,WAAWP,WAAW;AAEnDQ,QAAAA,UAAU,MAAM;AACd,WAAO,MAAM;AACA;AAAA,IAAA;AAAA,EACb,GACC,CAACN,QAAQ,CAAC;AAEb,MAAIC,SAAS;AACX,2CACGM,OAAAA,UAAQ;AAAA,MACPC,MAAI;AAAA,MACJb,WAAWQ,GAAGN,QAAQY,eAAed,SAAS;AAAA,MAC9CM;AAAAA,MAAiB,GACbC;AAAAA,MAAMN,WAETA,UACA,CAACG,iDACA,OAAA;AAAA,QAAKJ,WAAWE,QAAQa;AAAAA,QAAS,eAAY;AAAA,QAAMd,yCAChDe,yBAAO;AAAA,UACNhB,WAAWS,IAAI;AAAA,YACbQ,UAAU;AAAA,YACVC,MAAM;AAAA,YACNC,KAAK;AAAA,YACLC,WAAW;AAAA,YACXC,SAAS;AAAA,UAAA,CACV;AAAA,QAAA,CACF;AAAA,MAAA,CACE,CACN;AAAA,IAAA,CACO;AAAA,EAEd;AAEOpB,SAAAA;AACT;;;"}

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

@@ -1,66 +1,33 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const _styled = require("@emotion/styled/base");
-const React = require("react");
-const uikitReactIcons = require("@hitachivantara/uikit-react-icons");
+const classes = require("../../../utils/classes.cjs");
 const uikitStyles = require("@hitachivantara/uikit-styles");
-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 };
-const _styled__default = /* @__PURE__ */ _interopDefault(_styled);
-const StyledOverlay = /* @__PURE__ */ _styled__default.default("div", process.env.NODE_ENV === "production" ? {
-  target: "e9tybiz2"
-} : {
-  target: "e9tybiz2",
-  label: "StyledOverlay"
-})({
-  position: "absolute",
-  top: 0,
-  bottom: 0,
-  left: 0,
-  right: 0,
-  display: "none",
-  justifyContent: "center",
-  alignItems: "center",
-  backgroundColor: uikitStyles.theme.fileUploader.preview.overlayColor,
-  opacity: uikitStyles.theme.fileUploader.preview.overlayOpacity,
-  borderRadius: uikitStyles.theme.fileUploader.preview.overlayBorderRadius,
-  [`.${previewClasses.default.previewButton}:hover &`]: {
-    display: "flex"
+const {
+  staticClasses,
+  useClasses
+} = classes.createClasses("HvFileUploaderPreview", {
+  previewButton: {
+    position: "relative",
+    width: uikitStyles.theme.fileUploader.preview.buttonSize,
+    height: uikitStyles.theme.fileUploader.preview.buttonSize,
+    "&:hover *": {
+      display: "flex"
+    }
+  },
+  overlay: {
+    position: "absolute",
+    top: 0,
+    bottom: 0,
+    left: 0,
+    right: 0,
+    display: "none",
+    justifyContent: "center",
+    alignItems: "center",
+    backgroundColor: uikitStyles.theme.fileUploader.preview.overlayColor,
+    opacity: uikitStyles.theme.fileUploader.preview.overlayOpacity,
+    borderRadius: uikitStyles.theme.fileUploader.preview.overlayBorderRadius
   }
-}, process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvRmlsZVVwbG9hZGVyL1ByZXZpZXcvUHJldmlldy5zdHlsZXMudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQVk2QiIsImZpbGUiOiIvaG9tZS9ydW5uZXIvd29yay9odi11aWtpdC1yZWFjdC9odi11aWtpdC1yZWFjdC9wYWNrYWdlcy9jb3JlL3NyYy9jb21wb25lbnRzL0ZpbGVVcGxvYWRlci9QcmV2aWV3L1ByZXZpZXcuc3R5bGVzLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBzdHlsZWQgZnJvbSBcIkBlbW90aW9uL3N0eWxlZFwiO1xuXG5pbXBvcnQgeyBmb3J3YXJkUmVmIH0gZnJvbSBcInJlYWN0XCI7XG5cbmltcG9ydCB7IFByZXZpZXcgfSBmcm9tIFwiQGhpdGFjaGl2YW50YXJhL3Vpa2l0LXJlYWN0LWljb25zXCI7XG5pbXBvcnQgeyB0aGVtZSB9IGZyb20gXCJAaGl0YWNoaXZhbnRhcmEvdWlraXQtc3R5bGVzXCI7XG5cbmltcG9ydCB7IEh2QnV0dG9uLCBIdkJ1dHRvblByb3BzIH0gZnJvbSBcIkBjb3JlL2NvbXBvbmVudHMvQnV0dG9uXCI7XG5pbXBvcnQgeyBQb2x5bW9ycGhpY1JlZiB9IGZyb20gXCJAY29yZS90eXBlcy9nZW5lcmljXCI7XG5cbmltcG9ydCBmaWxlVXBsb2FkZXJQcmV2aWV3Q2xhc3NlcyBmcm9tIFwiLi9wcmV2aWV3Q2xhc3Nlc1wiO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkT3ZlcmxheSA9IHN0eWxlZChcImRpdlwiKSh7XG4gIHBvc2l0aW9uOiBcImFic29sdXRlXCIsXG4gIHRvcDogMCxcbiAgYm90dG9tOiAwLFxuICBsZWZ0OiAwLFxuICByaWdodDogMCxcbiAgZGlzcGxheTogXCJub25lXCIsXG4gIGp1c3RpZnlDb250ZW50OiBcImNlbnRlclwiLFxuICBhbGlnbkl0ZW1zOiBcImNlbnRlclwiLFxuICBiYWNrZ3JvdW5kQ29sb3I6IHRoZW1lLmZpbGVVcGxvYWRlci5wcmV2aWV3Lm92ZXJsYXlDb2xvcixcbiAgb3BhY2l0eTogdGhlbWUuZmlsZVVwbG9hZGVyLnByZXZpZXcub3ZlcmxheU9wYWNpdHksXG4gIGJvcmRlclJhZGl1czogdGhlbWUuZmlsZVVwbG9hZGVyLnByZXZpZXcub3ZlcmxheUJvcmRlclJhZGl1cyxcblxuICBbYC4ke2ZpbGVVcGxvYWRlclByZXZpZXdDbGFzc2VzLnByZXZpZXdCdXR0b259OmhvdmVyICZgXToge1xuICAgIGRpc3BsYXk6IFwiZmxleFwiLFxuICB9LFxufSk7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRQcmV2aWV3SWNvbiA9IHN0eWxlZChQcmV2aWV3KSh7XG4gIHBvc2l0aW9uOiBcImFic29sdXRlXCIsXG4gIGxlZnQ6IFwiNTAlXCIsXG4gIHRvcDogXCI1MCVcIixcbiAgdHJhbnNmb3JtOiBcInRyYW5zbGF0ZSgtNTAlLCAtNTAlKVwiLFxuICBkaXNwbGF5OiBcIm5vbmVcIixcblxuICBbYC4ke2ZpbGVVcGxvYWRlclByZXZpZXdDbGFzc2VzLnByZXZpZXdCdXR0b259OmhvdmVyICZgXToge1xuICAgIGRpc3BsYXk6IFwiZmxleFwiLFxuICB9LFxufSk7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRCdXR0b24gPSBzdHlsZWQoXG4gIGZvcndhcmRSZWYoKHByb3BzOiBIdkJ1dHRvblByb3BzLCByZWY/OiBQb2x5bW9ycGhpY1JlZjxcImJ1dHRvblwiPikgPT4ge1xuICAgIHJldHVybiA8SHZCdXR0b24gey4uLnByb3BzfSByZWY9e3JlZn0gLz47XG4gIH0pXG4pKHtcbiAgcG9zaXRpb246IFwicmVsYXRpdmVcIixcbiAgd2lkdGg6IHRoZW1lLmZpbGVVcGxvYWRlci5wcmV2aWV3LmJ1dHRvblNpemUsXG4gIGhlaWdodDogdGhlbWUuZmlsZVVwbG9hZGVyLnByZXZpZXcuYnV0dG9uU2l6ZSxcbn0pO1xuIl19 */");
-const StyledPreviewIcon = /* @__PURE__ */ _styled__default.default(uikitReactIcons.Preview, process.env.NODE_ENV === "production" ? {
-  target: "e9tybiz1"
-} : {
-  target: "e9tybiz1",
-  label: "StyledPreviewIcon"
-})({
-  position: "absolute",
-  left: "50%",
-  top: "50%",
-  transform: "translate(-50%, -50%)",
-  display: "none",
-  [`.${previewClasses.default.previewButton}:hover &`]: {
-    display: "flex"
-  }
-}, process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvRmlsZVVwbG9hZGVyL1ByZXZpZXcvUHJldmlldy5zdHlsZXMudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQThCaUMiLCJmaWxlIjoiL2hvbWUvcnVubmVyL3dvcmsvaHYtdWlraXQtcmVhY3QvaHYtdWlraXQtcmVhY3QvcGFja2FnZXMvY29yZS9zcmMvY29tcG9uZW50cy9GaWxlVXBsb2FkZXIvUHJldmlldy9QcmV2aWV3LnN0eWxlcy50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgc3R5bGVkIGZyb20gXCJAZW1vdGlvbi9zdHlsZWRcIjtcblxuaW1wb3J0IHsgZm9yd2FyZFJlZiB9IGZyb20gXCJyZWFjdFwiO1xuXG5pbXBvcnQgeyBQcmV2aWV3IH0gZnJvbSBcIkBoaXRhY2hpdmFudGFyYS91aWtpdC1yZWFjdC1pY29uc1wiO1xuaW1wb3J0IHsgdGhlbWUgfSBmcm9tIFwiQGhpdGFjaGl2YW50YXJhL3Vpa2l0LXN0eWxlc1wiO1xuXG5pbXBvcnQgeyBIdkJ1dHRvbiwgSHZCdXR0b25Qcm9wcyB9IGZyb20gXCJAY29yZS9jb21wb25lbnRzL0J1dHRvblwiO1xuaW1wb3J0IHsgUG9seW1vcnBoaWNSZWYgfSBmcm9tIFwiQGNvcmUvdHlwZXMvZ2VuZXJpY1wiO1xuXG5pbXBvcnQgZmlsZVVwbG9hZGVyUHJldmlld0NsYXNzZXMgZnJvbSBcIi4vcHJldmlld0NsYXNzZXNcIjtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZE92ZXJsYXkgPSBzdHlsZWQoXCJkaXZcIikoe1xuICBwb3NpdGlvbjogXCJhYnNvbHV0ZVwiLFxuICB0b3A6IDAsXG4gIGJvdHRvbTogMCxcbiAgbGVmdDogMCxcbiAgcmlnaHQ6IDAsXG4gIGRpc3BsYXk6IFwibm9uZVwiLFxuICBqdXN0aWZ5Q29udGVudDogXCJjZW50ZXJcIixcbiAgYWxpZ25JdGVtczogXCJjZW50ZXJcIixcbiAgYmFja2dyb3VuZENvbG9yOiB0aGVtZS5maWxlVXBsb2FkZXIucHJldmlldy5vdmVybGF5Q29sb3IsXG4gIG9wYWNpdHk6IHRoZW1lLmZpbGVVcGxvYWRlci5wcmV2aWV3Lm92ZXJsYXlPcGFjaXR5LFxuICBib3JkZXJSYWRpdXM6IHRoZW1lLmZpbGVVcGxvYWRlci5wcmV2aWV3Lm92ZXJsYXlCb3JkZXJSYWRpdXMsXG5cbiAgW2AuJHtmaWxlVXBsb2FkZXJQcmV2aWV3Q2xhc3Nlcy5wcmV2aWV3QnV0dG9ufTpob3ZlciAmYF06IHtcbiAgICBkaXNwbGF5OiBcImZsZXhcIixcbiAgfSxcbn0pO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkUHJldmlld0ljb24gPSBzdHlsZWQoUHJldmlldykoe1xuICBwb3NpdGlvbjogXCJhYnNvbHV0ZVwiLFxuICBsZWZ0OiBcIjUwJVwiLFxuICB0b3A6IFwiNTAlXCIsXG4gIHRyYW5zZm9ybTogXCJ0cmFuc2xhdGUoLTUwJSwgLTUwJSlcIixcbiAgZGlzcGxheTogXCJub25lXCIsXG5cbiAgW2AuJHtmaWxlVXBsb2FkZXJQcmV2aWV3Q2xhc3Nlcy5wcmV2aWV3QnV0dG9ufTpob3ZlciAmYF06IHtcbiAgICBkaXNwbGF5OiBcImZsZXhcIixcbiAgfSxcbn0pO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkQnV0dG9uID0gc3R5bGVkKFxuICBmb3J3YXJkUmVmKChwcm9wczogSHZCdXR0b25Qcm9wcywgcmVmPzogUG9seW1vcnBoaWNSZWY8XCJidXR0b25cIj4pID0+IHtcbiAgICByZXR1cm4gPEh2QnV0dG9uIHsuLi5wcm9wc30gcmVmPXtyZWZ9IC8+O1xuICB9KVxuKSh7XG4gIHBvc2l0aW9uOiBcInJlbGF0aXZlXCIsXG4gIHdpZHRoOiB0aGVtZS5maWxlVXBsb2FkZXIucHJldmlldy5idXR0b25TaXplLFxuICBoZWlnaHQ6IHRoZW1lLmZpbGVVcGxvYWRlci5wcmV2aWV3LmJ1dHRvblNpemUsXG59KTtcbiJdfQ== */");
-const StyledButton = /* @__PURE__ */ _styled__default.default(React.forwardRef((props, ref) => {
-  return /* @__PURE__ */ jsxRuntime.jsx(Button.HvButton, {
-    ...props,
-    ref
-  });
-}), process.env.NODE_ENV === "production" ? {
-  target: "e9tybiz0"
-} : {
-  target: "e9tybiz0",
-  label: "StyledButton"
-})({
-  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,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvRmlsZVVwbG9hZGVyL1ByZXZpZXcvUHJldmlldy5zdHlsZXMudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQTBDNEIiLCJmaWxlIjoiL2hvbWUvcnVubmVyL3dvcmsvaHYtdWlraXQtcmVhY3QvaHYtdWlraXQtcmVhY3QvcGFja2FnZXMvY29yZS9zcmMvY29tcG9uZW50cy9GaWxlVXBsb2FkZXIvUHJldmlldy9QcmV2aWV3LnN0eWxlcy50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgc3R5bGVkIGZyb20gXCJAZW1vdGlvbi9zdHlsZWRcIjtcblxuaW1wb3J0IHsgZm9yd2FyZFJlZiB9IGZyb20gXCJyZWFjdFwiO1xuXG5pbXBvcnQgeyBQcmV2aWV3IH0gZnJvbSBcIkBoaXRhY2hpdmFudGFyYS91aWtpdC1yZWFjdC1pY29uc1wiO1xuaW1wb3J0IHsgdGhlbWUgfSBmcm9tIFwiQGhpdGFjaGl2YW50YXJhL3Vpa2l0LXN0eWxlc1wiO1xuXG5pbXBvcnQgeyBIdkJ1dHRvbiwgSHZCdXR0b25Qcm9wcyB9IGZyb20gXCJAY29yZS9jb21wb25lbnRzL0J1dHRvblwiO1xuaW1wb3J0IHsgUG9seW1vcnBoaWNSZWYgfSBmcm9tIFwiQGNvcmUvdHlwZXMvZ2VuZXJpY1wiO1xuXG5pbXBvcnQgZmlsZVVwbG9hZGVyUHJldmlld0NsYXNzZXMgZnJvbSBcIi4vcHJldmlld0NsYXNzZXNcIjtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZE92ZXJsYXkgPSBzdHlsZWQoXCJkaXZcIikoe1xuICBwb3NpdGlvbjogXCJhYnNvbHV0ZVwiLFxuICB0b3A6IDAsXG4gIGJvdHRvbTogMCxcbiAgbGVmdDogMCxcbiAgcmlnaHQ6IDAsXG4gIGRpc3BsYXk6IFwibm9uZVwiLFxuICBqdXN0aWZ5Q29udGVudDogXCJjZW50ZXJcIixcbiAgYWxpZ25JdGVtczogXCJjZW50ZXJcIixcbiAgYmFja2dyb3VuZENvbG9yOiB0aGVtZS5maWxlVXBsb2FkZXIucHJldmlldy5vdmVybGF5Q29sb3IsXG4gIG9wYWNpdHk6IHRoZW1lLmZpbGVVcGxvYWRlci5wcmV2aWV3Lm92ZXJsYXlPcGFjaXR5LFxuICBib3JkZXJSYWRpdXM6IHRoZW1lLmZpbGVVcGxvYWRlci5wcmV2aWV3Lm92ZXJsYXlCb3JkZXJSYWRpdXMsXG5cbiAgW2AuJHtmaWxlVXBsb2FkZXJQcmV2aWV3Q2xhc3Nlcy5wcmV2aWV3QnV0dG9ufTpob3ZlciAmYF06IHtcbiAgICBkaXNwbGF5OiBcImZsZXhcIixcbiAgfSxcbn0pO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkUHJldmlld0ljb24gPSBzdHlsZWQoUHJldmlldykoe1xuICBwb3NpdGlvbjogXCJhYnNvbHV0ZVwiLFxuICBsZWZ0OiBcIjUwJVwiLFxuICB0b3A6IFwiNTAlXCIsXG4gIHRyYW5zZm9ybTogXCJ0cmFuc2xhdGUoLTUwJSwgLTUwJSlcIixcbiAgZGlzcGxheTogXCJub25lXCIsXG5cbiAgW2AuJHtmaWxlVXBsb2FkZXJQcmV2aWV3Q2xhc3Nlcy5wcmV2aWV3QnV0dG9ufTpob3ZlciAmYF06IHtcbiAgICBkaXNwbGF5OiBcImZsZXhcIixcbiAgfSxcbn0pO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkQnV0dG9uID0gc3R5bGVkKFxuICBmb3J3YXJkUmVmKChwcm9wczogSHZCdXR0b25Qcm9wcywgcmVmPzogUG9seW1vcnBoaWNSZWY8XCJidXR0b25cIj4pID0+IHtcbiAgICByZXR1cm4gPEh2QnV0dG9uIHsuLi5wcm9wc30gcmVmPXtyZWZ9IC8+O1xuICB9KVxuKSh7XG4gIHBvc2l0aW9uOiBcInJlbGF0aXZlXCIsXG4gIHdpZHRoOiB0aGVtZS5maWxlVXBsb2FkZXIucHJldmlldy5idXR0b25TaXplLFxuICBoZWlnaHQ6IHRoZW1lLmZpbGVVcGxvYWRlci5wcmV2aWV3LmJ1dHRvblNpemUsXG59KTtcbiJdfQ== */");
-exports.StyledButton = StyledButton;
-exports.StyledOverlay = StyledOverlay;
-exports.StyledPreviewIcon = StyledPreviewIcon;
+});
+exports.staticClasses = staticClasses;
+exports.useClasses = useClasses;
 //# sourceMappingURL=Preview.styles.cjs.map

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\";\n\nimport { forwardRef } from \"react\";\n\nimport { Preview } from \"@hitachivantara/uikit-react-icons\";\nimport { theme } from \"@hitachivantara/uikit-styles\";\n\nimport { HvButton, HvButtonProps } from \"@core/components/Button\";\nimport { PolymorphicRef } from \"@core/types/generic\";\n\nimport fileUploaderPreviewClasses from \"./previewClasses\";\n\nexport const StyledOverlay = styled(\"div\")({\n  position: \"absolute\",\n  top: 0,\n  bottom: 0,\n  left: 0,\n  right: 0,\n  display: \"none\",\n  justifyContent: \"center\",\n  alignItems: \"center\",\n  backgroundColor: theme.fileUploader.preview.overlayColor,\n  opacity: theme.fileUploader.preview.overlayOpacity,\n  borderRadius: theme.fileUploader.preview.overlayBorderRadius,\n\n  [`.${fileUploaderPreviewClasses.previewButton}:hover &`]: {\n    display: \"flex\",\n  },\n});\n\nexport const StyledPreviewIcon = styled(Preview)({\n  position: \"absolute\",\n  left: \"50%\",\n  top: \"50%\",\n  transform: \"translate(-50%, -50%)\",\n  display: \"none\",\n\n  [`.${fileUploaderPreviewClasses.previewButton}:hover &`]: {\n    display: \"flex\",\n  },\n});\n\nexport const StyledButton = styled(\n  forwardRef((props: HvButtonProps, ref?: PolymorphicRef<\"button\">) => {\n    return <HvButton {...props} ref={ref} />;\n  })\n)({\n  position: \"relative\",\n  width: theme.fileUploader.preview.buttonSize,\n  height: theme.fileUploader.preview.buttonSize,\n});\n"],"names":["StyledOverlay","_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":";;;;;;;;;;;AAYO,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,y5EAAA;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,65EAAA;AAEK,MAAMyB,eAAe5B,iCAAAA,QAC1B6B,MAAAA,WAAW,CAACC,OAAsBC,QAAmC;AACnE,wCAAQC,OAAAA,UAAQ;AAAA,IAAA,GAAKF;AAAAA,IAAOC;AAAAA,EAAAA,CAAW;AACzC,CAAC,GAAC9B,QAAAC,IAAAC,aAAA,eAAA;AAAA,EAAAC,QAAA;AAAA,IAAA;AAAA,EAAAA,QAAA;AAAA,EAAAC,OAAA;AAAA,CACJ,EAAE;AAAA,EACAC,UAAU;AAAA,EACV2B,OAAOlB,YAAMC,MAAAA,aAAaC,QAAQiB;AAAAA,EAClCC,QAAQpB,YAAMC,MAAAA,aAAaC,QAAQiB;AACrC,GAACjC,QAAAC,IAAAC,aAAC,eAAA,KAAA,65EAAA;;;;"}
+{"version":3,"file":"Preview.styles.cjs","sources":["../../../../../src/components/FileUploader/Preview/Preview.styles.tsx"],"sourcesContent":["import { createClasses } from \"@core/utils/classes\";\nimport { theme } from \"@hitachivantara/uikit-styles\";\n\nexport const { staticClasses, useClasses } = createClasses(\n  \"HvFileUploaderPreview\",\n  {\n    previewButton: {\n      position: \"relative\",\n      width: theme.fileUploader.preview.buttonSize,\n      height: theme.fileUploader.preview.buttonSize,\n      \"&:hover *\": {\n        display: \"flex\",\n      },\n    },\n    overlay: {\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  }\n);\n"],"names":["staticClasses","useClasses","createClasses","previewButton","position","width","theme","fileUploader","preview","buttonSize","height","display","overlay","top","bottom","left","right","justifyContent","alignItems","backgroundColor","overlayColor","opacity","overlayOpacity","borderRadius","overlayBorderRadius"],"mappings":";;;;AAGa,MAAA;AAAA,EAAEA;AAAAA,EAAeC;AAAW,IAAIC,QAAAA,cAC3C,yBACA;AAAA,EACEC,eAAe;AAAA,IACbC,UAAU;AAAA,IACVC,OAAOC,YAAMC,MAAAA,aAAaC,QAAQC;AAAAA,IAClCC,QAAQJ,YAAMC,MAAAA,aAAaC,QAAQC;AAAAA,IACnC,aAAa;AAAA,MACXE,SAAS;AAAA,IACX;AAAA,EACF;AAAA,EACAC,SAAS;AAAA,IACPR,UAAU;AAAA,IACVS,KAAK;AAAA,IACLC,QAAQ;AAAA,IACRC,MAAM;AAAA,IACNC,OAAO;AAAA,IACPL,SAAS;AAAA,IACTM,gBAAgB;AAAA,IAChBC,YAAY;AAAA,IACZC,iBAAiBb,YAAMC,MAAAA,aAAaC,QAAQY;AAAAA,IAC5CC,SAASf,YAAMC,MAAAA,aAAaC,QAAQc;AAAAA,IACpCC,cAAcjB,YAAMC,MAAAA,aAAaC,QAAQgB;AAAAA,EAC3C;AACF,CACF;;;"}

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

@@ -4,6 +4,7 @@ const useLabels = require("../../hooks/useLabels.cjs");
 const useUniqueId = require("../../hooks/useUniqueId.cjs");
 const useControlled = require("../../hooks/useControlled.cjs");
 const setId = require("../../utils/setId.cjs");
+const useDefaultProps = require("../../hooks/useDefaultProps.cjs");
 const FilterGroup_styles = require("./FilterGroup.styles.cjs");
 const FilterGroupContext = require("./FilterGroupContext.cjs");
 const jsxRuntime = require("@emotion/react/jsx-runtime");
@@ -21,34 +22,35 @@ const DEFAULT_LABELS = {
   selectAll: "All",
   multiSelectionConjunction: "/"
 };
-const HvFilterGroup = ({
-  className,
-  id,
-  name,
-  required = false,
-  disabled = false,
-  label,
-  "aria-label": ariaLabel,
-  "aria-labelledby": ariaLabelledBy,
-  description,
-  "aria-describedby": ariaDescribedBy,
-  onChange,
-  onCancel,
-  onClear,
-  status,
-  statusMessage,
-  labels: labelsProp,
-  defaultValue,
-  value,
-  filters,
-  horizontalPlacement = "right",
-  disablePortal = true,
-  escapeWithReference = true,
-  height = 350,
-  filterContentProps,
-  classes: classesProp,
-  ...others
-}) => {
+const HvFilterGroup = (props) => {
+  const {
+    className,
+    id,
+    name,
+    required = false,
+    disabled = false,
+    label,
+    "aria-label": ariaLabel,
+    "aria-labelledby": ariaLabelledBy,
+    description,
+    "aria-describedby": ariaDescribedBy,
+    onChange,
+    onCancel,
+    onClear,
+    status,
+    statusMessage,
+    labels: labelsProp,
+    defaultValue,
+    value,
+    filters,
+    horizontalPlacement = "right",
+    disablePortal = true,
+    escapeWithReference = true,
+    height = 350,
+    filterContentProps,
+    classes: classesProp,
+    ...others
+  } = useDefaultProps.useDefaultProps("HvFilterGroup", props);
   const {
     classes,
     cx

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/Forms\";\nimport { useLabels } from \"@core/hooks/useLabels\";\nimport { useUniqueId } from \"@core/hooks/useUniqueId\";\nimport { useControlled } from \"@core/hooks/useControlled\";\nimport { ExtractNames } from \"@core/utils/classes\";\nimport { setId } from \"@core/utils/setId\";\n\nimport {\n  HvFilterGroupContent,\n  HvFilterGroupContentProps,\n} from \"./FilterContent\";\nimport { staticClasses, useClasses } from \"./FilterGroup.styles\";\nimport { HvFilterGroupProvider } from \"./FilterGroupContext\";\nimport {\n  HvFilterGroupFilters,\n  HvFilterGroupHorizontalPlacement,\n  HvFilterGroupLabels,\n  HvFilterGroupValue,\n} from \"./types\";\n\nexport { staticClasses as filterGroupClasses };\n\nexport type HvFilterGroupClasses = ExtractNames<typeof useClasses>;\n\nexport interface HvFilterGroupProps\n  extends Omit<\n    HvFormElementProps,\n    \"classes\" | \"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: classesProp,\n  ...others\n}: HvFilterGroupProps) => {\n  const { classes, cx } = useClasses(classesProp);\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    <HvFormElement\n      id={id}\n      name={name}\n      value={value}\n      status={status}\n      disabled={disabled}\n      required={required}\n      className={cx(className, classes.root)}\n      {...others}\n    >\n      {(hasLabel || hasDescription) && (\n        <div className={classes.labelContainer}>\n          {hasLabel && (\n            <HvLabel\n              id={setId(elementId, \"label\")}\n              htmlFor={setId(elementId, \"input\")}\n              label={label}\n              className={classes.label}\n            />\n          )}\n\n          {hasDescription && (\n            <HvInfoMessage\n              id={setId(elementId, \"description\")}\n              className={classes.description}\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={classes.error}\n          >\n            {validationMessage}\n          </HvWarningText>\n        )}\n      </HvFilterGroupProvider>\n    </HvFormElement>\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","classesProp","others","cx","useClasses","validationMessage","useControlled","elementId","useUniqueId","useLabels","hasLabel","hasDescription","canShowError","undefined","HvFormElement","root","children","labelContainer","_jsx","HvLabel","setId","htmlFor","HvInfoMessage","_jsxs","HvFilterGroupProvider","HvFilterGroupContent","variableWidth","placement","HvWarningText","disableBorder","error"],"mappings":";;;;;;;;;;;;;;AA+FA,MAAMA,iBAAsC;AAAA,EAC1CC,YAAY;AAAA,EACZC,aAAa;AAAA,EACbC,YAAY;AAAA,EACZC,aAAa;AAAA,EACbC,sBAAsB;AAAA,EACtBC,WAAW;AAAA,EACXC,2BAA2B;AAC7B;AAOO,MAAMC,gBAAgBA,CAAC;AAAA,EAC5BC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC,WAAW;AAAA,EACXC,WAAW;AAAA,EACXC;AAAAA,EACA,cAAcC;AAAAA,EACd,mBAAmBC;AAAAA,EACnBC;AAAAA,EACA,oBAAoBC;AAAAA,EACpBC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC,QAAQC;AAAAA,EACRC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC,sBAAsB;AAAA,EACtBC,gBAAgB;AAAA,EAChBC,sBAAsB;AAAA,EACtBC,SAAS;AAAA,EACTC;AAAAA,EACAC,SAASC;AAAAA,EACT,GAAGC;AACe,MAAM;AAClB,QAAA;AAAA,IAAEF;AAAAA,IAASG;AAAAA,EAAAA,IAAOC,mBAAAA,WAAWH,WAAW;AAC9C,QAAM,CAACI,iBAAiB,IAAIC,cAAAA,cAAcjB,eAAe,UAAU;AAE7DkB,QAAAA,YAAYC,YAAAA,YAAYhC,IAAI,eAAe;AAE3Cc,QAAAA,SAASmB,UAAAA,UAAU3C,gBAAgByB,UAAU;AAEnD,QAAMmB,WAAW9B,SAAS;AAE1B,QAAM+B,iBAAiB5B,eAAe;AAIhC6B,QAAAA,eAAexB,WAAWyB,UAAanC;AAE7C,yCACGoC,YAAAA,eAAa;AAAA,IACZtC;AAAAA,IACAC;AAAAA,IACAgB;AAAAA,IACAL;AAAAA,IACAT;AAAAA,IACAD;AAAAA,IACAH,WAAW4B,GAAG5B,WAAWyB,QAAQe,IAAI;AAAA,IAAE,GACnCb;AAAAA,IAAMc,YAERN,YAAYC,mDACZ,OAAA;AAAA,MAAKpC,WAAWyB,QAAQiB;AAAAA,MAAeD,UACpCN,CAAAA,YACCQ,2BAAAA,IAACC,eAAO;AAAA,QACN3C,IAAI4C,MAAAA,MAAMb,WAAW,OAAO;AAAA,QAC5Bc,SAASD,MAAAA,MAAMb,WAAW,OAAO;AAAA,QACjC3B;AAAAA,QACAL,WAAWyB,QAAQpB;AAAAA,MAAAA,CACpB,GAGF+B,kBACCO,2BAAAA,IAACI,2BAAa;AAAA,QACZ9C,IAAI4C,MAAAA,MAAMb,WAAW,aAAa;AAAA,QAClChC,WAAWyB,QAAQjB;AAAAA,QAAYiC,UAE9BjC;AAAAA,MAAAA,CACY,CAChB;AAAA,IAAA,CACE,GAEPwC,2BAAAA,KAACC,0CAAqB;AAAA,MACpBhC;AAAAA,MACAC;AAAAA,MACAC;AAAAA,MAAiBsB,UAAA,CAEjBE,2BAAAA,IAACO,oCAAoB;AAAA,QACnBjD,IAAI+B;AAAAA,QACJ5B;AAAAA,QACAiB;AAAAA,QACA8B,eAAa;AAAA,QACbC,WAAWhC;AAAAA,QACXE;AAAAA,QACA,cAAYhB;AAAAA,QACZ,mBAAiBC;AAAAA,QACjBM;AAAAA,QACAH;AAAAA,QACAC;AAAAA,QACAC;AAAAA,QACAG;AAAAA,QACAQ;AAAAA,QAAe,GACXC;AAAAA,MAAAA,CACL,GACAa,gBACCM,2BAAAA,IAACU,2BAAa;AAAA,QACZpD,IAAI4C,MAAAA,MAAMb,WAAW,OAAO;AAAA,QAC5BsB,eAAa;AAAA,QACbtD,WAAWyB,QAAQ8B;AAAAA,QAAMd,UAExBX;AAAAA,MAAAA,CACY,CAChB;AAAA,IAAA,CACoB,CAAC;AAAA,EAAA,CACX;AAEnB;;;"}
+{"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/Forms\";\nimport { useLabels } from \"@core/hooks/useLabels\";\nimport { useUniqueId } from \"@core/hooks/useUniqueId\";\nimport { useControlled } from \"@core/hooks/useControlled\";\nimport { ExtractNames } from \"@core/utils/classes\";\nimport { setId } from \"@core/utils/setId\";\nimport { useDefaultProps } from \"@core/hooks/useDefaultProps\";\n\nimport {\n  HvFilterGroupContent,\n  HvFilterGroupContentProps,\n} from \"./FilterContent\";\nimport { staticClasses, useClasses } from \"./FilterGroup.styles\";\nimport { HvFilterGroupProvider } from \"./FilterGroupContext\";\nimport {\n  HvFilterGroupFilters,\n  HvFilterGroupHorizontalPlacement,\n  HvFilterGroupLabels,\n  HvFilterGroupValue,\n} from \"./types\";\n\nexport { staticClasses as filterGroupClasses };\n\nexport type HvFilterGroupClasses = ExtractNames<typeof useClasses>;\n\nexport interface HvFilterGroupProps\n  extends Omit<\n    HvFormElementProps,\n    \"classes\" | \"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 = (props: HvFilterGroupProps) => {\n  const {\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: classesProp,\n    ...others\n  } = useDefaultProps(\"HvFilterGroup\", props);\n\n  const { classes, cx } = useClasses(classesProp);\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    <HvFormElement\n      id={id}\n      name={name}\n      value={value}\n      status={status}\n      disabled={disabled}\n      required={required}\n      className={cx(className, classes.root)}\n      {...others}\n    >\n      {(hasLabel || hasDescription) && (\n        <div className={classes.labelContainer}>\n          {hasLabel && (\n            <HvLabel\n              id={setId(elementId, \"label\")}\n              htmlFor={setId(elementId, \"input\")}\n              label={label}\n              className={classes.label}\n            />\n          )}\n\n          {hasDescription && (\n            <HvInfoMessage\n              id={setId(elementId, \"description\")}\n              className={classes.description}\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={classes.error}\n          >\n            {validationMessage}\n          </HvWarningText>\n        )}\n      </HvFilterGroupProvider>\n    </HvFormElement>\n  );\n};\n"],"names":["DEFAULT_LABELS","applyLabel","cancelLabel","clearLabel","placeholder","searchBoxPlaceholder","selectAll","multiSelectionConjunction","HvFilterGroup","props","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","classesProp","others","useDefaultProps","cx","useClasses","validationMessage","useControlled","elementId","useUniqueId","useLabels","hasLabel","hasDescription","canShowError","undefined","HvFormElement","root","children","labelContainer","_jsx","HvLabel","setId","htmlFor","HvInfoMessage","_jsxs","HvFilterGroupProvider","HvFilterGroupContent","variableWidth","placement","HvWarningText","disableBorder","error"],"mappings":";;;;;;;;;;;;;;;AAgGA,MAAMA,iBAAsC;AAAA,EAC1CC,YAAY;AAAA,EACZC,aAAa;AAAA,EACbC,YAAY;AAAA,EACZC,aAAa;AAAA,EACbC,sBAAsB;AAAA,EACtBC,WAAW;AAAA,EACXC,2BAA2B;AAC7B;AAOaC,MAAAA,gBAAgBA,CAACC,UAA8B;AACpD,QAAA;AAAA,IACJC;AAAAA,IACAC;AAAAA,IACAC;AAAAA,IACAC,WAAW;AAAA,IACXC,WAAW;AAAA,IACXC;AAAAA,IACA,cAAcC;AAAAA,IACd,mBAAmBC;AAAAA,IACnBC;AAAAA,IACA,oBAAoBC;AAAAA,IACpBC;AAAAA,IACAC;AAAAA,IACAC;AAAAA,IACAC;AAAAA,IACAC;AAAAA,IACAC,QAAQC;AAAAA,IACRC;AAAAA,IACAC;AAAAA,IACAC;AAAAA,IACAC,sBAAsB;AAAA,IACtBC,gBAAgB;AAAA,IAChBC,sBAAsB;AAAA,IACtBC,SAAS;AAAA,IACTC;AAAAA,IACAC,SAASC;AAAAA,IACT,GAAGC;AAAAA,EAAAA,IACDC,gBAAgB,gBAAA,iBAAiB7B,KAAK;AAEpC,QAAA;AAAA,IAAE0B;AAAAA,IAASI;AAAAA,EAAAA,IAAOC,mBAAAA,WAAWJ,WAAW;AAC9C,QAAM,CAACK,iBAAiB,IAAIC,cAAAA,cAAclB,eAAe,UAAU;AAE7DmB,QAAAA,YAAYC,YAAAA,YAAYjC,IAAI,eAAe;AAE3Cc,QAAAA,SAASoB,UAAAA,UAAU7C,gBAAgB0B,UAAU;AAEnD,QAAMoB,WAAW/B,SAAS;AAE1B,QAAMgC,iBAAiB7B,eAAe;AAIhC8B,QAAAA,eAAezB,WAAW0B,UAAapC;AAE7C,yCACGqC,YAAAA,eAAa;AAAA,IACZvC;AAAAA,IACAC;AAAAA,IACAgB;AAAAA,IACAL;AAAAA,IACAT;AAAAA,IACAD;AAAAA,IACAH,WAAW6B,GAAG7B,WAAWyB,QAAQgB,IAAI;AAAA,IAAE,GACnCd;AAAAA,IAAMe,YAERN,YAAYC,mDACZ,OAAA;AAAA,MAAKrC,WAAWyB,QAAQkB;AAAAA,MAAeD,UACpCN,CAAAA,YACCQ,2BAAAA,IAACC,eAAO;AAAA,QACN5C,IAAI6C,MAAAA,MAAMb,WAAW,OAAO;AAAA,QAC5Bc,SAASD,MAAAA,MAAMb,WAAW,OAAO;AAAA,QACjC5B;AAAAA,QACAL,WAAWyB,QAAQpB;AAAAA,MAAAA,CACpB,GAGFgC,kBACCO,2BAAAA,IAACI,2BAAa;AAAA,QACZ/C,IAAI6C,MAAAA,MAAMb,WAAW,aAAa;AAAA,QAClCjC,WAAWyB,QAAQjB;AAAAA,QAAYkC,UAE9BlC;AAAAA,MAAAA,CACY,CAChB;AAAA,IAAA,CACE,GAEPyC,2BAAAA,KAACC,0CAAqB;AAAA,MACpBjC;AAAAA,MACAC;AAAAA,MACAC;AAAAA,MAAiBuB,UAAA,CAEjBE,2BAAAA,IAACO,oCAAoB;AAAA,QACnBlD,IAAIgC;AAAAA,QACJ7B;AAAAA,QACAiB;AAAAA,QACA+B,eAAa;AAAA,QACbC,WAAWjC;AAAAA,QACXE;AAAAA,QACA,cAAYhB;AAAAA,QACZ,mBAAiBC;AAAAA,QACjBM;AAAAA,QACAH;AAAAA,QACAC;AAAAA,QACAC;AAAAA,QACAG;AAAAA,QACAQ;AAAAA,QAAe,GACXC;AAAAA,MAAAA,CACL,GACAc,gBACCM,2BAAAA,IAACU,2BAAa;AAAA,QACZrD,IAAI6C,MAAAA,MAAMb,WAAW,OAAO;AAAA,QAC5BsB,eAAa;AAAA,QACbvD,WAAWyB,QAAQ+B;AAAAA,QAAMd,UAExBX;AAAAA,MAAAA,CACY,CAChB;AAAA,IAAA,CACoB,CAAC;AAAA,EAAA,CACX;AAEnB;;;"}

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

@@ -1,6 +1,7 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const React = require("react");
+const useDefaultProps = require("../../hooks/useDefaultProps.cjs");
 const isEqual = require("lodash/isEqual");
 const useSavedState = require("../../utils/useSavedState.cjs");
 const jsxRuntime = require("@emotion/react/jsx-runtime");
@@ -25,12 +26,13 @@ const HvFilterGroupContext = React.createContext({
   defaultValue: void 0
 });
 const groups = (filters) => filters.map(() => []);
-const HvFilterGroupProvider = ({
-  defaultValue,
-  value,
-  filters,
-  children
-}) => {
+const HvFilterGroupProvider = (props) => {
+  const {
+    defaultValue,
+    value,
+    filters,
+    children
+  } = useDefaultProps.useDefaultProps("HvFilterGroupProvider", props);
   const [group, setActiveGroup] = React.useState(0);
   const [filterValues, setFilterValues, rollbackFilters, appliedFilters] = useSavedState.useSavedState(value || groups(filters));
   const [applyDisabled, setApplyDisabled] = React.useState(false);

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

@@ -1 +1 @@
-{"version":3,"file":"FilterGroupContext.cjs","sources":["../../../../src/components/FilterGroup/FilterGroupContext.tsx"],"sourcesContent":["import {\n  Dispatch,\n  SetStateAction,\n  createContext,\n  useCallback,\n  useEffect,\n  useMemo,\n  useState,\n} from \"react\";\n\nimport isEqual from \"lodash/isEqual\";\n\nimport { useSavedState } from \"@core/utils/useSavedState\";\n\nimport { HvFilterGroupFilters, HvFilterGroupValue } from \"./types\";\n\ninterface HvFilterGroupContextValue {\n  activeGroup: number;\n  setActiveGroup: Dispatch<SetStateAction<number>>;\n  filterOptions: HvFilterGroupFilters;\n  setFilterValues: (value?: HvFilterGroupValue, save?: boolean) => void;\n  rollbackFilters: () => void;\n  clearFilters: () => void;\n  applyFilters: () => void;\n  applyDisabled: boolean;\n  appliedFilters?: HvFilterGroupValue;\n  defaultValue?: HvFilterGroupValue;\n  filterValues?: HvFilterGroupValue;\n}\n\nexport const HvFilterGroupContext = createContext<HvFilterGroupContextValue>({\n  activeGroup: 0,\n  setActiveGroup: () => {},\n  filterOptions: [],\n  setFilterValues: () => {},\n  rollbackFilters: () => {},\n  clearFilters: () => {},\n  applyFilters: () => {},\n  applyDisabled: false,\n  filterValues: [],\n  appliedFilters: undefined,\n  defaultValue: undefined,\n});\n\nconst groups = (filters: HvFilterGroupFilters) => filters.map(() => []);\n\ninterface HvFilterGroupProviderProps {\n  children: React.ReactNode;\n  filters: HvFilterGroupFilters;\n  defaultValue?: HvFilterGroupValue;\n  value?: HvFilterGroupValue;\n}\n\nexport const HvFilterGroupProvider = ({\n  defaultValue,\n  value,\n  filters,\n  children,\n}: HvFilterGroupProviderProps) => {\n  const [group, setActiveGroup] = useState<number>(0);\n  const [filterValues, setFilterValues, rollbackFilters, appliedFilters] =\n    useSavedState<HvFilterGroupValue>(value || groups(filters));\n  const [applyDisabled, setApplyDisabled] = useState<boolean>(false);\n\n  useEffect(() => {\n    setFilterValues(value, true);\n  }, [value, setFilterValues]);\n\n  useEffect(() => {\n    setApplyDisabled(isEqual(filterValues, appliedFilters));\n  }, [filterValues, appliedFilters]);\n\n  const clearFilters = useCallback(() => {\n    setFilterValues(defaultValue || groups(filters));\n  }, [filters, setFilterValues, defaultValue]);\n\n  const applyFilters = useCallback(() => {\n    setFilterValues(filterValues, true);\n  }, [filterValues, setFilterValues]);\n\n  const contextValue: HvFilterGroupContextValue = useMemo(\n    () => ({\n      activeGroup: group,\n      setActiveGroup,\n      filterOptions: filters,\n      filterValues,\n      setFilterValues,\n      appliedFilters,\n      rollbackFilters,\n      clearFilters,\n      applyFilters,\n      applyDisabled,\n      defaultValue,\n    }),\n    [\n      appliedFilters,\n      applyDisabled,\n      applyFilters,\n      clearFilters,\n      filterValues,\n      filters,\n      group,\n      rollbackFilters,\n      setFilterValues,\n      defaultValue,\n    ]\n  );\n\n  return (\n    <HvFilterGroupContext.Provider value={contextValue}>\n      {children}\n    </HvFilterGroupContext.Provider>\n  );\n};\n"],"names":["HvFilterGroupContext","createContext","activeGroup","setActiveGroup","filterOptions","setFilterValues","rollbackFilters","clearFilters","applyFilters","applyDisabled","filterValues","appliedFilters","undefined","defaultValue","groups","filters","map","HvFilterGroupProvider","value","children","group","useState","useSavedState","setApplyDisabled","useEffect","isEqual","useCallback","contextValue","useMemo","_jsx","Provider"],"mappings":";;;;;;;;AA8BO,MAAMA,uBAAuBC,MAAAA,cAAyC;AAAA,EAC3EC,aAAa;AAAA,EACbC,gBAAgBA,MAAM;AAAA,EAAC;AAAA,EACvBC,eAAe,CAAE;AAAA,EACjBC,iBAAiBA,MAAM;AAAA,EAAC;AAAA,EACxBC,iBAAiBA,MAAM;AAAA,EAAC;AAAA,EACxBC,cAAcA,MAAM;AAAA,EAAC;AAAA,EACrBC,cAAcA,MAAM;AAAA,EAAC;AAAA,EACrBC,eAAe;AAAA,EACfC,cAAc,CAAE;AAAA,EAChBC,gBAAgBC;AAAAA,EAChBC,cAAcD;AAChB,CAAC;AAED,MAAME,SAASA,CAACC,YAAkCA,QAAQC,IAAI,MAAM,CAAE,CAAA;AAS/D,MAAMC,wBAAwBA,CAAC;AAAA,EACpCJ;AAAAA,EACAK;AAAAA,EACAH;AAAAA,EACAI;AAC0B,MAAM;AAChC,QAAM,CAACC,OAAOjB,cAAc,IAAIkB,eAAiB,CAAC;AAC5C,QAAA,CAACX,cAAcL,iBAAiBC,iBAAiBK,cAAc,IACnEW,cAAkCJ,cAAAA,SAASJ,OAAOC,OAAO,CAAC;AAC5D,QAAM,CAACN,eAAec,gBAAgB,IAAIF,eAAkB,KAAK;AAEjEG,QAAAA,UAAU,MAAM;AACdnB,oBAAgBa,OAAO,IAAI;AAAA,EAAA,GAC1B,CAACA,OAAOb,eAAe,CAAC;AAE3BmB,QAAAA,UAAU,MAAM;AACGC,qBAAAA,iBAAAA,QAAQf,cAAcC,cAAc,CAAC;AAAA,EAAA,GACrD,CAACD,cAAcC,cAAc,CAAC;AAE3BJ,QAAAA,eAAemB,MAAAA,YAAY,MAAM;AACrBb,oBAAAA,gBAAgBC,OAAOC,OAAO,CAAC;AAAA,EAC9C,GAAA,CAACA,SAASV,iBAAiBQ,YAAY,CAAC;AAErCL,QAAAA,eAAekB,MAAAA,YAAY,MAAM;AACrCrB,oBAAgBK,cAAc,IAAI;AAAA,EAAA,GACjC,CAACA,cAAcL,eAAe,CAAC;AAE5BsB,QAAAA,eAA0CC,MAAAA,QAC9C,OAAO;AAAA,IACL1B,aAAakB;AAAAA,IACbjB;AAAAA,IACAC,eAAeW;AAAAA,IACfL;AAAAA,IACAL;AAAAA,IACAM;AAAAA,IACAL;AAAAA,IACAC;AAAAA,IACAC;AAAAA,IACAC;AAAAA,IACAI;AAAAA,EAEF,IAAA,CACEF,gBACAF,eACAD,cACAD,cACAG,cACAK,SACAK,OACAd,iBACAD,iBACAQ,YAAY,CAEhB;AAGEgB,SAAAA,2BAAAA,IAAC7B,qBAAqB8B,UAAQ;AAAA,IAACZ,OAAOS;AAAAA,IAAaR;AAAAA,EAAAA,CAEpB;AAEnC;;;"}
+{"version":3,"file":"FilterGroupContext.cjs","sources":["../../../../src/components/FilterGroup/FilterGroupContext.tsx"],"sourcesContent":["import {\n  Dispatch,\n  SetStateAction,\n  createContext,\n  useCallback,\n  useEffect,\n  useMemo,\n  useState,\n} from \"react\";\nimport { useDefaultProps } from \"@core/hooks/useDefaultProps\";\n\nimport isEqual from \"lodash/isEqual\";\n\nimport { useSavedState } from \"@core/utils/useSavedState\";\n\nimport { HvFilterGroupFilters, HvFilterGroupValue } from \"./types\";\n\ninterface HvFilterGroupContextValue {\n  activeGroup: number;\n  setActiveGroup: Dispatch<SetStateAction<number>>;\n  filterOptions: HvFilterGroupFilters;\n  setFilterValues: (value?: HvFilterGroupValue, save?: boolean) => void;\n  rollbackFilters: () => void;\n  clearFilters: () => void;\n  applyFilters: () => void;\n  applyDisabled: boolean;\n  appliedFilters?: HvFilterGroupValue;\n  defaultValue?: HvFilterGroupValue;\n  filterValues?: HvFilterGroupValue;\n}\n\nexport const HvFilterGroupContext = createContext<HvFilterGroupContextValue>({\n  activeGroup: 0,\n  setActiveGroup: () => {},\n  filterOptions: [],\n  setFilterValues: () => {},\n  rollbackFilters: () => {},\n  clearFilters: () => {},\n  applyFilters: () => {},\n  applyDisabled: false,\n  filterValues: [],\n  appliedFilters: undefined,\n  defaultValue: undefined,\n});\n\nconst groups = (filters: HvFilterGroupFilters) => filters.map(() => []);\n\ninterface HvFilterGroupProviderProps {\n  children: React.ReactNode;\n  filters: HvFilterGroupFilters;\n  defaultValue?: HvFilterGroupValue;\n  value?: HvFilterGroupValue;\n}\n\nexport const HvFilterGroupProvider = (props: HvFilterGroupProviderProps) => {\n  const { defaultValue, value, filters, children } = useDefaultProps(\n    \"HvFilterGroupProvider\",\n    props\n  );\n\n  const [group, setActiveGroup] = useState<number>(0);\n  const [filterValues, setFilterValues, rollbackFilters, appliedFilters] =\n    useSavedState<HvFilterGroupValue>(value || groups(filters));\n  const [applyDisabled, setApplyDisabled] = useState<boolean>(false);\n\n  useEffect(() => {\n    setFilterValues(value, true);\n  }, [value, setFilterValues]);\n\n  useEffect(() => {\n    setApplyDisabled(isEqual(filterValues, appliedFilters));\n  }, [filterValues, appliedFilters]);\n\n  const clearFilters = useCallback(() => {\n    setFilterValues(defaultValue || groups(filters));\n  }, [filters, setFilterValues, defaultValue]);\n\n  const applyFilters = useCallback(() => {\n    setFilterValues(filterValues, true);\n  }, [filterValues, setFilterValues]);\n\n  const contextValue: HvFilterGroupContextValue = useMemo(\n    () => ({\n      activeGroup: group,\n      setActiveGroup,\n      filterOptions: filters,\n      filterValues,\n      setFilterValues,\n      appliedFilters,\n      rollbackFilters,\n      clearFilters,\n      applyFilters,\n      applyDisabled,\n      defaultValue,\n    }),\n    [\n      appliedFilters,\n      applyDisabled,\n      applyFilters,\n      clearFilters,\n      filterValues,\n      filters,\n      group,\n      rollbackFilters,\n      setFilterValues,\n      defaultValue,\n    ]\n  );\n\n  return (\n    <HvFilterGroupContext.Provider value={contextValue}>\n      {children}\n    </HvFilterGroupContext.Provider>\n  );\n};\n"],"names":["HvFilterGroupContext","createContext","activeGroup","setActiveGroup","filterOptions","setFilterValues","rollbackFilters","clearFilters","applyFilters","applyDisabled","filterValues","appliedFilters","undefined","defaultValue","groups","filters","map","HvFilterGroupProvider","props","value","children","useDefaultProps","group","useState","useSavedState","setApplyDisabled","useEffect","isEqual","useCallback","contextValue","useMemo","_jsx","Provider"],"mappings":";;;;;;;;;AA+BO,MAAMA,uBAAuBC,MAAAA,cAAyC;AAAA,EAC3EC,aAAa;AAAA,EACbC,gBAAgBA,MAAM;AAAA,EAAC;AAAA,EACvBC,eAAe,CAAE;AAAA,EACjBC,iBAAiBA,MAAM;AAAA,EAAC;AAAA,EACxBC,iBAAiBA,MAAM;AAAA,EAAC;AAAA,EACxBC,cAAcA,MAAM;AAAA,EAAC;AAAA,EACrBC,cAAcA,MAAM;AAAA,EAAC;AAAA,EACrBC,eAAe;AAAA,EACfC,cAAc,CAAE;AAAA,EAChBC,gBAAgBC;AAAAA,EAChBC,cAAcD;AAChB,CAAC;AAED,MAAME,SAASA,CAACC,YAAkCA,QAAQC,IAAI,MAAM,CAAE,CAAA;AASzDC,MAAAA,wBAAwBA,CAACC,UAAsC;AACpE,QAAA;AAAA,IAAEL;AAAAA,IAAcM;AAAAA,IAAOJ;AAAAA,IAASK;AAAAA,EAAAA,IAAaC,gBACjD,gBAAA,yBACAH,KACF;AAEA,QAAM,CAACI,OAAOnB,cAAc,IAAIoB,eAAiB,CAAC;AAC5C,QAAA,CAACb,cAAcL,iBAAiBC,iBAAiBK,cAAc,IACnEa,cAAkCL,cAAAA,SAASL,OAAOC,OAAO,CAAC;AAC5D,QAAM,CAACN,eAAegB,gBAAgB,IAAIF,eAAkB,KAAK;AAEjEG,QAAAA,UAAU,MAAM;AACdrB,oBAAgBc,OAAO,IAAI;AAAA,EAAA,GAC1B,CAACA,OAAOd,eAAe,CAAC;AAE3BqB,QAAAA,UAAU,MAAM;AACGC,qBAAAA,iBAAAA,QAAQjB,cAAcC,cAAc,CAAC;AAAA,EAAA,GACrD,CAACD,cAAcC,cAAc,CAAC;AAE3BJ,QAAAA,eAAeqB,MAAAA,YAAY,MAAM;AACrBf,oBAAAA,gBAAgBC,OAAOC,OAAO,CAAC;AAAA,EAC9C,GAAA,CAACA,SAASV,iBAAiBQ,YAAY,CAAC;AAErCL,QAAAA,eAAeoB,MAAAA,YAAY,MAAM;AACrCvB,oBAAgBK,cAAc,IAAI;AAAA,EAAA,GACjC,CAACA,cAAcL,eAAe,CAAC;AAE5BwB,QAAAA,eAA0CC,MAAAA,QAC9C,OAAO;AAAA,IACL5B,aAAaoB;AAAAA,IACbnB;AAAAA,IACAC,eAAeW;AAAAA,IACfL;AAAAA,IACAL;AAAAA,IACAM;AAAAA,IACAL;AAAAA,IACAC;AAAAA,IACAC;AAAAA,IACAC;AAAAA,IACAI;AAAAA,EAEF,IAAA,CACEF,gBACAF,eACAD,cACAD,cACAG,cACAK,SACAO,OACAhB,iBACAD,iBACAQ,YAAY,CAEhB;AAGEkB,SAAAA,2BAAAA,IAAC/B,qBAAqBgC,UAAQ;AAAA,IAACb,OAAOU;AAAAA,IAAaT;AAAAA,EAAAA,CAEpB;AAEnC;;;"}

package/dist/cjs/components/Footer/Footer.cjs

@@ -1,6 +1,7 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const styles = require("@mui/material/styles");
+const useDefaultProps = require("../../hooks/useDefaultProps.cjs");
 const clsx = require("clsx");
 const footerClasses = require("./footerClasses.cjs");
 const Footer_styles = require("./Footer.styles.cjs");
@@ -13,7 +14,7 @@ const HvFooter = (props) => {
     classes,
     className,
     ...others
-  } = props;
+  } = useDefaultProps.useDefaultProps("HvFooter", props);
   const muiTheme = styles.useTheme();
   return /* @__PURE__ */ jsxRuntime.jsxs(Footer_styles.StyledRoot, {
     $breakpoints: muiTheme.breakpoints,