@hitachivantara/uikit-react-core 3.71.0 → 4.0.1-next.0

package/dist/modern/FileUploader/File/File.js

@@ -2,29 +2,33 @@ var _Close;
 
 import React from "react";
 import PropTypes from "prop-types";
-import { IconButton, withStyles } from "@material-ui/core";
+import { withStyles } from "@mui/styles";
+import { IconButton } from "@mui/material";
 import { Fail, Close, Success } from "@hitachivantara/uikit-react-icons";
 import HvTypography from "../../Typography";
 import { setId } from "../../utils/setId";
 import { convertUnits } from "../utils";
 import styles from "./styles";
+import { jsx as _jsx } from "react/jsx-runtime";
+import { Fragment as _Fragment } from "react/jsx-runtime";
+import { jsxs as _jsxs } from "react/jsx-runtime";
 
 const getStatusIcon = (classes, status) => {
   switch (status) {
     case "success":
-      return /*#__PURE__*/React.createElement(Success, {
+      return /*#__PURE__*/_jsx(Success, {
         className: classes.icon,
         color: "sema1"
       });
 
     case "fail":
-      return /*#__PURE__*/React.createElement(Fail, {
+      return /*#__PURE__*/_jsx(Fail, {
         className: classes.icon,
         color: "sema4"
       });
 
     default:
-      return /*#__PURE__*/React.createElement("div", {
+      return /*#__PURE__*/_jsx("div", {
         className: classes.icon
       });
   }
@@ -33,11 +37,17 @@ const getStatusIcon = (classes, status) => {
 const getProgressText = (classes, data) => {
   const hasFailed = data.status === "fail";
   const inProgress = data.status === "progress";
-  return /*#__PURE__*/React.createElement(React.Fragment, null, data.progress || data.size || data.errorMessage ? `\xa0|\xa0` : null, inProgress && data.progress != null && /*#__PURE__*/React.createElement(HvTypography, {
-    variant: "highlightText"
-  }, `${convertUnits(data.progress)}\xa0/\xa0`), !hasFailed && data.size && /*#__PURE__*/React.createElement(HvTypography, null, `${convertUnits(data.size)}`), hasFailed && data.errorMessage && /*#__PURE__*/React.createElement(HvTypography, {
-    className: classes.fail
-  }, data.errorMessage));
+  return /*#__PURE__*/_jsxs(_Fragment, {
+    children: [data.progress || data.size || data.errorMessage ? `\xa0|\xa0` : null, inProgress && data.progress != null && /*#__PURE__*/_jsx(HvTypography, {
+      variant: "highlightText",
+      children: `${convertUnits(data.progress)}\xa0/\xa0`
+    }), !hasFailed && data.size && /*#__PURE__*/_jsx(HvTypography, {
+      children: `${convertUnits(data.size)}`
+    }), hasFailed && data.errorMessage && /*#__PURE__*/_jsx(HvTypography, {
+      className: classes.fail,
+      children: data.errorMessage
+    })]
+  });
 };
 
 const getProgressBarWith = ({
@@ -60,33 +70,39 @@ const File = ({
   const progressText = getProgressText(classes, data);
   const statusIcon = getStatusIcon(classes, data.status);
   const currentProgress = getProgressBarWith(data);
-  return /*#__PURE__*/React.createElement("li", null, !hasError && inProgress && /*#__PURE__*/React.createElement("span", {
-    className: classes.progressbarBack
-  }), !hasError && inProgress && /*#__PURE__*/React.createElement("progress", {
-    className: classes.progressbar,
-    "aria-valuemin": "0",
-    "aria-valuemax": "100",
-    "aria-valuenow": currentProgress,
-    style: {
-      width: `${currentProgress}%`
-    }
-  }), statusIcon, /*#__PURE__*/React.createElement(HvTypography, {
-    noWrap: true,
-    className: classes.nameText,
-    variant: "highlightText"
-  }, data.name), /*#__PURE__*/React.createElement("span", {
-    className: classes.progressTextContainer
-  }, progressText), data.preview && /*#__PURE__*/React.createElement("div", {
-    className: classes.previewContainer
-  }, data.preview), /*#__PURE__*/React.createElement(IconButton, {
-    id: setId(id, "remove-button"),
-    "aria-label": removeFileButtonLabel,
-    className: classes.removeButton,
-    category: "ghost",
-    onClick: () => onFileRemoved === null || onFileRemoved === void 0 ? void 0 : onFileRemoved(data)
-  }, _Close || (_Close = /*#__PURE__*/React.createElement(Close, {
-    iconSize: "XS"
-  }))));
+  return /*#__PURE__*/_jsxs("li", {
+    children: [!hasError && inProgress && /*#__PURE__*/_jsx("span", {
+      className: classes.progressbarBack
+    }), !hasError && inProgress && /*#__PURE__*/_jsx("progress", {
+      className: classes.progressbar,
+      "aria-valuemin": "0",
+      "aria-valuemax": "100",
+      "aria-valuenow": currentProgress,
+      style: {
+        width: `${currentProgress}%`
+      }
+    }), statusIcon, /*#__PURE__*/_jsx(HvTypography, {
+      noWrap: true,
+      className: classes.nameText,
+      variant: "highlightText",
+      children: data.name
+    }), /*#__PURE__*/_jsx("span", {
+      className: classes.progressTextContainer,
+      children: progressText
+    }), data.preview && /*#__PURE__*/_jsx("div", {
+      className: classes.previewContainer,
+      children: data.preview
+    }), /*#__PURE__*/_jsx(IconButton, {
+      id: setId(id, "remove-button"),
+      "aria-label": removeFileButtonLabel,
+      className: classes.removeButton,
+      category: "ghost",
+      onClick: () => onFileRemoved === null || onFileRemoved === void 0 ? void 0 : onFileRemoved(data),
+      children: _Close || (_Close = /*#__PURE__*/_jsx(Close, {
+        iconSize: "XS"
+      }))
+    })]
+  });
 };
 
 process.env.NODE_ENV !== "production" ? File.propTypes = {

package/dist/modern/FileUploader/File/File.js.map

@@ -1 +1 @@
-{"version":3,"file":"File.js","names":["React","PropTypes","IconButton","withStyles","Fail","Close","Success","HvTypography","setId","convertUnits","styles","getStatusIcon","classes","status","icon","getProgressText","data","hasFailed","inProgress","progress","size","errorMessage","fail","getProgressBarWith","width","Math","round","File","id","onFileRemoved","removeFileButtonLabel","hasError","progressText","statusIcon","currentProgress","progressbarBack","progressbar","nameText","name","progressTextContainer","preview","previewContainer","removeButton","propTypes","string","shape","isRequired","oneOf","node","func"],"sources":["../../../../src/FileUploader/File/File.js"],"sourcesContent":["import React from \"react\";\nimport PropTypes from \"prop-types\";\nimport { IconButton, withStyles } from \"@material-ui/core\";\nimport { Fail, Close, Success } from \"@hitachivantara/uikit-react-icons\";\nimport HvTypography from \"../../Typography\";\nimport { setId } from \"../../utils/setId\";\nimport { convertUnits } from \"../utils\";\nimport styles from \"./styles\";\n\nconst getStatusIcon = (classes, status) => {\n  switch (status) {\n    case \"success\":\n      return <Success className={classes.icon} color=\"sema1\" />;\n    case \"fail\":\n      return <Fail className={classes.icon} color=\"sema4\" />;\n    default:\n      return <div className={classes.icon} />;\n  }\n};\n\nconst getProgressText = (classes, data) => {\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=\"highlightText\">\n          {`${convertUnits(data.progress)}\\xa0/\\xa0`}\n        </HvTypography>\n      )}\n\n      {!hasFailed && data.size && <HvTypography>{`${convertUnits(data.size)}`}</HvTypography>}\n\n      {hasFailed && data.errorMessage && (\n        <HvTypography className={classes.fail}>{data.errorMessage}</HvTypography>\n      )}\n    </>\n  );\n};\n\nconst getProgressBarWith = ({ size, progress }) => {\n  const width = Math.round((progress * 100) / size);\n\n  return width;\n};\n\nconst File = ({ id, classes, data, onFileRemoved, removeFileButtonLabel }) => {\n  const hasError = data.status === \"fail\";\n  const inProgress = data.status === \"progress\";\n  const progressText = getProgressText(classes, data);\n  const statusIcon = getStatusIcon(classes, data.status);\n\n  const currentProgress = getProgressBarWith(data);\n\n  return (\n    <li>\n      {!hasError && inProgress && <span className={classes.progressbarBack} />}\n\n      {!hasError && inProgress && (\n        <progress\n          className={classes.progressbar}\n          aria-valuemin=\"0\"\n          aria-valuemax=\"100\"\n          aria-valuenow={currentProgress}\n          style={{ width: `${currentProgress}%` }}\n        />\n      )}\n\n      {statusIcon}\n\n      <HvTypography noWrap className={classes.nameText} variant=\"highlightText\">\n        {data.name}\n      </HvTypography>\n\n      <span className={classes.progressTextContainer}>{progressText}</span>\n\n      {data.preview && <div className={classes.previewContainer}>{data.preview}</div>}\n\n      <IconButton\n        id={setId(id, \"remove-button\")}\n        aria-label={removeFileButtonLabel}\n        className={classes.removeButton}\n        category=\"ghost\"\n        onClick={() => onFileRemoved?.(data)}\n      >\n        <Close iconSize=\"XS\" />\n      </IconButton>\n    </li>\n  );\n};\n\nFile.propTypes = {\n  /**\n   * Id to be applied to the root node.\n   */\n  id: PropTypes.string,\n  /**\n   * A Jss Object used to override or extend the styles applied to the Switch Component.\n   */\n  classes: PropTypes.shape({\n    /**\n     * Style applied to the progress bar.\n     */\n    progressbar: PropTypes.string,\n    /**\n     * Style applied to the progress bar background.\n     */\n    progressbarBack: PropTypes.string,\n    /**\n     * Style applied to the file name.\n     */\n    nameText: PropTypes.string,\n    /**\n     * Style applied to the container of the progress bar.\n     */\n    progressTextContainer: PropTypes.string,\n    /**\n     * Style applied to the remove button.\n     */\n    removeButton: PropTypes.string,\n    /**\n     * Style applied to the file preview container.\n     */\n    previewContainer: PropTypes.string,\n  }).isRequired,\n  /**\n   * File information to be displayed\n   */\n  data: PropTypes.shape({\n    /**\n     * The file id.\n     */\n    id: PropTypes.string,\n    /**\n     * The file name.\n     */\n    name: PropTypes.string,\n    /**\n     * The upload status.\n     */\n    status: PropTypes.oneOf([\"progress\", \"success\", \"fail\"]),\n    /**\n     * Optional node representing a preview of the uploaded file.\n     */\n    preview: PropTypes.node,\n  }).isRequired,\n  /**\n   * Callback fired when file is removed from list.\n   */\n  onFileRemoved: PropTypes.func.isRequired,\n  /**\n   * Value of aria-label to apply to remove file button in filelist\n   * */\n  removeFileButtonLabel: PropTypes.string.isRequired,\n};\n\nexport default withStyles(styles, { name: \"HvFileUploaderFile\" })(File);\n"],"mappings":"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"}
+{"version":3,"file":"File.js","names":["React","PropTypes","withStyles","IconButton","Fail","Close","Success","HvTypography","setId","convertUnits","styles","getStatusIcon","classes","status","icon","getProgressText","data","hasFailed","inProgress","progress","size","errorMessage","fail","getProgressBarWith","width","Math","round","File","id","onFileRemoved","removeFileButtonLabel","hasError","progressText","statusIcon","currentProgress","progressbarBack","progressbar","nameText","name","progressTextContainer","preview","previewContainer","removeButton","propTypes","string","shape","isRequired","oneOf","node","func"],"sources":["../../../../src/FileUploader/File/File.js"],"sourcesContent":["import React from \"react\";\nimport PropTypes from \"prop-types\";\nimport { withStyles } from \"@mui/styles\";\nimport { IconButton } from \"@mui/material\";\nimport { Fail, Close, Success } from \"@hitachivantara/uikit-react-icons\";\nimport HvTypography from \"../../Typography\";\nimport { setId } from \"../../utils/setId\";\nimport { convertUnits } from \"../utils\";\nimport styles from \"./styles\";\n\nconst getStatusIcon = (classes, status) => {\n  switch (status) {\n    case \"success\":\n      return <Success className={classes.icon} color=\"sema1\" />;\n    case \"fail\":\n      return <Fail className={classes.icon} color=\"sema4\" />;\n    default:\n      return <div className={classes.icon} />;\n  }\n};\n\nconst getProgressText = (classes, data) => {\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=\"highlightText\">\n          {`${convertUnits(data.progress)}\\xa0/\\xa0`}\n        </HvTypography>\n      )}\n\n      {!hasFailed && data.size && <HvTypography>{`${convertUnits(data.size)}`}</HvTypography>}\n\n      {hasFailed && data.errorMessage && (\n        <HvTypography className={classes.fail}>{data.errorMessage}</HvTypography>\n      )}\n    </>\n  );\n};\n\nconst getProgressBarWith = ({ size, progress }) => {\n  const width = Math.round((progress * 100) / size);\n\n  return width;\n};\n\nconst File = ({ id, classes, data, onFileRemoved, removeFileButtonLabel }) => {\n  const hasError = data.status === \"fail\";\n  const inProgress = data.status === \"progress\";\n  const progressText = getProgressText(classes, data);\n  const statusIcon = getStatusIcon(classes, data.status);\n\n  const currentProgress = getProgressBarWith(data);\n\n  return (\n    <li>\n      {!hasError && inProgress && <span className={classes.progressbarBack} />}\n\n      {!hasError && inProgress && (\n        <progress\n          className={classes.progressbar}\n          aria-valuemin=\"0\"\n          aria-valuemax=\"100\"\n          aria-valuenow={currentProgress}\n          style={{ width: `${currentProgress}%` }}\n        />\n      )}\n\n      {statusIcon}\n\n      <HvTypography noWrap className={classes.nameText} variant=\"highlightText\">\n        {data.name}\n      </HvTypography>\n\n      <span className={classes.progressTextContainer}>{progressText}</span>\n\n      {data.preview && <div className={classes.previewContainer}>{data.preview}</div>}\n\n      <IconButton\n        id={setId(id, \"remove-button\")}\n        aria-label={removeFileButtonLabel}\n        className={classes.removeButton}\n        category=\"ghost\"\n        onClick={() => onFileRemoved?.(data)}\n      >\n        <Close iconSize=\"XS\" />\n      </IconButton>\n    </li>\n  );\n};\n\nFile.propTypes = {\n  /**\n   * Id to be applied to the root node.\n   */\n  id: PropTypes.string,\n  /**\n   * A Jss Object used to override or extend the styles applied to the Switch Component.\n   */\n  classes: PropTypes.shape({\n    /**\n     * Style applied to the progress bar.\n     */\n    progressbar: PropTypes.string,\n    /**\n     * Style applied to the progress bar background.\n     */\n    progressbarBack: PropTypes.string,\n    /**\n     * Style applied to the file name.\n     */\n    nameText: PropTypes.string,\n    /**\n     * Style applied to the container of the progress bar.\n     */\n    progressTextContainer: PropTypes.string,\n    /**\n     * Style applied to the remove button.\n     */\n    removeButton: PropTypes.string,\n    /**\n     * Style applied to the file preview container.\n     */\n    previewContainer: PropTypes.string,\n  }).isRequired,\n  /**\n   * File information to be displayed\n   */\n  data: PropTypes.shape({\n    /**\n     * The file id.\n     */\n    id: PropTypes.string,\n    /**\n     * The file name.\n     */\n    name: PropTypes.string,\n    /**\n     * The upload status.\n     */\n    status: PropTypes.oneOf([\"progress\", \"success\", \"fail\"]),\n    /**\n     * Optional node representing a preview of the uploaded file.\n     */\n    preview: PropTypes.node,\n  }).isRequired,\n  /**\n   * Callback fired when file is removed from list.\n   */\n  onFileRemoved: PropTypes.func.isRequired,\n  /**\n   * Value of aria-label to apply to remove file button in filelist\n   * */\n  removeFileButtonLabel: PropTypes.string.isRequired,\n};\n\nexport default withStyles(styles, { name: \"HvFileUploaderFile\" })(File);\n"],"mappings":"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"}

package/dist/modern/FileUploader/FileList/FileList.d.ts

@@ -1,5 +1,5 @@
 import * as React from "react";
-import { StandardProps } from "@material-ui/core";
+import { StandardProps } from "@mui/material";
 import { File, FileRemovedEvent } from "../File";
 
 export type HvFileListClassKey = "list";

package/dist/modern/FileUploader/FileList/FileList.js

@@ -1,9 +1,10 @@
 import React from "react";
 import PropTypes from "prop-types";
-import { withStyles } from "@material-ui/core";
+import { withStyles } from "@mui/styles";
 import { setId, useUniqueId } from "../..";
 import File from "../File";
 import styles from "./styles";
+import { jsx as _jsx } from "react/jsx-runtime";
 
 const FileList = ({
   id,
@@ -15,16 +16,16 @@ const FileList = ({
   const elementId = useUniqueId(id, "hvfilelist");
   const hasFiles = list.length > 0;
   if (!hasFiles) return null;
-  return /*#__PURE__*/React.createElement("ul", {
+  return /*#__PURE__*/_jsx("ul", {
     id: setId(id, "list"),
-    className: classes.list
-  }, list.map(data => /*#__PURE__*/React.createElement(File, {
-    key: data.id,
-    id: setId(elementId, "values"),
-    data: data,
-    onFileRemoved: onFileRemoved,
-    removeFileButtonLabel: removeFileButtonLabel
-  })));
+    className: classes.list,
+    children: list.map(data => /*#__PURE__*/_jsx(File, {
+      id: setId(elementId, "values"),
+      data: data,
+      onFileRemoved: onFileRemoved,
+      removeFileButtonLabel: removeFileButtonLabel
+    }, data.id))
+  });
 };
 
 process.env.NODE_ENV !== "production" ? FileList.propTypes = {

package/dist/modern/FileUploader/FileList/FileList.js.map

@@ -1 +1 @@
-{"version":3,"file":"FileList.js","names":["React","PropTypes","withStyles","setId","useUniqueId","File","styles","FileList","id","classes","list","removeFileButtonLabel","onFileRemoved","elementId","hasFiles","length","map","data","propTypes","string","instanceOf","Object","isRequired","arrayOf","shape","func","name"],"sources":["../../../../src/FileUploader/FileList/FileList.js"],"sourcesContent":["import React from \"react\";\nimport PropTypes from \"prop-types\";\nimport { withStyles } from \"@material-ui/core\";\nimport { setId, useUniqueId } from \"../..\";\nimport File from \"../File\";\nimport styles from \"./styles\";\n\nconst FileList = ({ id, classes, list = [], removeFileButtonLabel, onFileRemoved }) => {\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        <File\n          key={data.id}\n          id={setId(elementId, \"values\")}\n          data={data}\n          onFileRemoved={onFileRemoved}\n          removeFileButtonLabel={removeFileButtonLabel}\n        />\n      ))}\n    </ul>\n  );\n};\n\nFileList.propTypes = {\n  /**\n   * Id to be applied to the root node.\n   */\n  id: PropTypes.string,\n  /**\n   * A Jss Object used to override or extend the styles applied to the Switch Component.\n   */\n  classes: PropTypes.instanceOf(Object).isRequired,\n  /**\n   * The files to upload.\n   */\n  list: PropTypes.arrayOf(PropTypes.shape({})),\n  /**\n   * Callback fired when file is removed from list.\n   */\n  onFileRemoved: PropTypes.func,\n  /**\n   * Value of aria-label to apply to remove file button in filelist\n   * */\n  removeFileButtonLabel: PropTypes.string.isRequired,\n};\n\nexport default withStyles(styles, { name: \"HvFileUploaderFileList\" })(FileList);\n"],"mappings":"AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,OAAOC,SAAP,MAAsB,YAAtB;AACA,SAASC,UAAT,QAA2B,mBAA3B;AACA,SAASC,KAAT,EAAgBC,WAAhB,QAAmC,OAAnC;AACA,OAAOC,IAAP,MAAiB,SAAjB;AACA,OAAOC,MAAP,MAAmB,UAAnB;;AAEA,MAAMC,QAAQ,GAAG,CAAC;EAAEC,EAAF;EAAMC,OAAN;EAAeC,IAAI,GAAG,EAAtB;EAA0BC,qBAA1B;EAAiDC;AAAjD,CAAD,KAAsE;EACrF,MAAMC,SAAS,GAAGT,WAAW,CAACI,EAAD,EAAK,YAAL,CAA7B;EAEA,MAAMM,QAAQ,GAAGJ,IAAI,CAACK,MAAL,GAAc,CAA/B;EACA,IAAI,CAACD,QAAL,EAAe,OAAO,IAAP;EAEf,oBACE;IAAI,EAAE,EAAEX,KAAK,CAACK,EAAD,EAAK,MAAL,CAAb;IAA2B,SAAS,EAAEC,OAAO,CAACC;EAA9C,GACGA,IAAI,CAACM,GAAL,CAAUC,IAAD,iBACR,oBAAC,IAAD;IACE,GAAG,EAAEA,IAAI,CAACT,EADZ;IAEE,EAAE,EAAEL,KAAK,CAACU,SAAD,EAAY,QAAZ,CAFX;IAGE,IAAI,EAAEI,IAHR;IAIE,aAAa,EAAEL,aAJjB;IAKE,qBAAqB,EAAED;EALzB,EADD,CADH,CADF;AAaD,CAnBD;;AAqBA,wCAAAJ,QAAQ,CAACW,SAAT,GAAqB;EACnB;AACF;AACA;EACEV,EAAE,EAAEP,SAAS,CAACkB,MAJK;;EAKnB;AACF;AACA;EACEV,OAAO,EAAER,SAAS,CAACmB,UAAV,CAAqBC,MAArB,EAA6BC,UARnB;;EASnB;AACF;AACA;EACEZ,IAAI,EAAET,SAAS,CAACsB,OAAV,CAAkBtB,SAAS,CAACuB,KAAV,CAAgB,EAAhB,CAAlB,CAZa;;EAanB;AACF;AACA;EACEZ,aAAa,EAAEX,SAAS,CAACwB,IAhBN;;EAiBnB;AACF;AACA;EACEd,qBAAqB,EAAEV,SAAS,CAACkB,MAAV,CAAiBG;AApBrB,CAArB;AAuBA,eAAepB,UAAU,CAACI,MAAD,EAAS;EAAEoB,IAAI,EAAE;AAAR,CAAT,CAAV,CAAuDnB,QAAvD,CAAf"}
+{"version":3,"file":"FileList.js","names":["React","PropTypes","withStyles","setId","useUniqueId","File","styles","FileList","id","classes","list","removeFileButtonLabel","onFileRemoved","elementId","hasFiles","length","map","data","propTypes","string","instanceOf","Object","isRequired","arrayOf","shape","func","name"],"sources":["../../../../src/FileUploader/FileList/FileList.js"],"sourcesContent":["import React from \"react\";\nimport PropTypes from \"prop-types\";\nimport { withStyles } from \"@mui/styles\";\nimport { setId, useUniqueId } from \"../..\";\nimport File from \"../File\";\nimport styles from \"./styles\";\n\nconst FileList = ({ id, classes, list = [], removeFileButtonLabel, onFileRemoved }) => {\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        <File\n          key={data.id}\n          id={setId(elementId, \"values\")}\n          data={data}\n          onFileRemoved={onFileRemoved}\n          removeFileButtonLabel={removeFileButtonLabel}\n        />\n      ))}\n    </ul>\n  );\n};\n\nFileList.propTypes = {\n  /**\n   * Id to be applied to the root node.\n   */\n  id: PropTypes.string,\n  /**\n   * A Jss Object used to override or extend the styles applied to the Switch Component.\n   */\n  classes: PropTypes.instanceOf(Object).isRequired,\n  /**\n   * The files to upload.\n   */\n  list: PropTypes.arrayOf(PropTypes.shape({})),\n  /**\n   * Callback fired when file is removed from list.\n   */\n  onFileRemoved: PropTypes.func,\n  /**\n   * Value of aria-label to apply to remove file button in filelist\n   * */\n  removeFileButtonLabel: PropTypes.string.isRequired,\n};\n\nexport default withStyles(styles, { name: \"HvFileUploaderFileList\" })(FileList);\n"],"mappings":"AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,OAAOC,SAAP,MAAsB,YAAtB;AACA,SAASC,UAAT,QAA2B,aAA3B;AACA,SAASC,KAAT,EAAgBC,WAAhB,QAAmC,OAAnC;AACA,OAAOC,IAAP,MAAiB,SAAjB;AACA,OAAOC,MAAP,MAAmB,UAAnB;;;AAEA,MAAMC,QAAQ,GAAG,CAAC;EAAEC,EAAF;EAAMC,OAAN;EAAeC,IAAI,GAAG,EAAtB;EAA0BC,qBAA1B;EAAiDC;AAAjD,CAAD,KAAsE;EACrF,MAAMC,SAAS,GAAGT,WAAW,CAACI,EAAD,EAAK,YAAL,CAA7B;EAEA,MAAMM,QAAQ,GAAGJ,IAAI,CAACK,MAAL,GAAc,CAA/B;EACA,IAAI,CAACD,QAAL,EAAe,OAAO,IAAP;EAEf,oBACE;IAAI,EAAE,EAAEX,KAAK,CAACK,EAAD,EAAK,MAAL,CAAb;IAA2B,SAAS,EAAEC,OAAO,CAACC,IAA9C;IAAA,UACGA,IAAI,CAACM,GAAL,CAAUC,IAAD,iBACR,KAAC,IAAD;MAEE,EAAE,EAAEd,KAAK,CAACU,SAAD,EAAY,QAAZ,CAFX;MAGE,IAAI,EAAEI,IAHR;MAIE,aAAa,EAAEL,aAJjB;MAKE,qBAAqB,EAAED;IALzB,GACOM,IAAI,CAACT,EADZ,CADD;EADH,EADF;AAaD,CAnBD;;AAqBA,wCAAAD,QAAQ,CAACW,SAAT,GAAqB;EACnB;AACF;AACA;EACEV,EAAE,EAAEP,SAAS,CAACkB,MAJK;;EAKnB;AACF;AACA;EACEV,OAAO,EAAER,SAAS,CAACmB,UAAV,CAAqBC,MAArB,EAA6BC,UARnB;;EASnB;AACF;AACA;EACEZ,IAAI,EAAET,SAAS,CAACsB,OAAV,CAAkBtB,SAAS,CAACuB,KAAV,CAAgB,EAAhB,CAAlB,CAZa;;EAanB;AACF;AACA;EACEZ,aAAa,EAAEX,SAAS,CAACwB,IAhBN;;EAiBnB;AACF;AACA;EACEd,qBAAqB,EAAEV,SAAS,CAACkB,MAAV,CAAiBG;AApBrB,CAArB;AAuBA,eAAepB,UAAU,CAACI,MAAD,EAAS;EAAEoB,IAAI,EAAE;AAAR,CAAT,CAAV,CAAuDnB,QAAvD,CAAf"}

package/dist/modern/FileUploader/FileUploader.d.ts

@@ -1,5 +1,5 @@
 import * as React from "react";
-import { StandardProps } from "@material-ui/core";
+import { StandardProps } from "@mui/material";
 import { HvDropZoneLabelsProp } from "./DropZone";
 import { File, FilesAddedEvent, FileRemovedEvent } from "./File";
 

package/dist/modern/FileUploader/FileUploader.js

@@ -1,14 +1,21 @@
-import _extends from "@babel/runtime/helpers/esm/extends";
+import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
 import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
 const _excluded = ["id", "className", "labels", "fileList", "multiple", "disabled", "maxFileSize", "acceptedFiles", "onFilesAdded", "onFileRemoved", "hideLabels", "inputProps"];
+
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+
 import React from "react";
 import PropTypes from "prop-types";
-import { withStyles } from "@material-ui/core";
+import { withStyles } from "@mui/styles";
 import { setId, useLabels } from "../utils";
 import DropZone from "./DropZone";
 import FileList from "./FileList";
 import styles from "./styles"; // TODO: this component needs to adopt the Form element shape and deprecate its way of composing labels
 
+import { jsx as _jsx } from "react/jsx-runtime";
+import { jsxs as _jsxs } from "react/jsx-runtime";
 const DEFAULT_LABELS = {
   dropzone: "Label",
   sizeWarning: "Max. file size:",
@@ -44,24 +51,26 @@ const FileUploader = _ref => {
       others = _objectWithoutProperties(_ref, _excluded);
 
   const labels = useLabels(DEFAULT_LABELS, labelsProp);
-  return /*#__PURE__*/React.createElement("div", _extends({
+  return /*#__PURE__*/_jsxs("div", _objectSpread(_objectSpread({
     id: id,
     className: className
-  }, others), /*#__PURE__*/React.createElement(DropZone, {
-    id: setId(id, "dropzone"),
-    labels: labels,
-    multiple: multiple,
-    disabled: disabled,
-    acceptedFiles: acceptedFiles,
-    maxFileSize: maxFileSize,
-    onFilesAdded: onFilesAdded,
-    inputProps: inputProps,
-    hideLabels: hideLabels
-  }), /*#__PURE__*/React.createElement(FileList, {
-    id: setId(id, "filelist"),
-    list: fileList,
-    onFileRemoved: onFileRemoved,
-    removeFileButtonLabel: labels.removeFileButtonLabel
+  }, others), {}, {
+    children: [/*#__PURE__*/_jsx(DropZone, {
+      id: setId(id, "dropzone"),
+      labels: labels,
+      multiple: multiple,
+      disabled: disabled,
+      acceptedFiles: acceptedFiles,
+      maxFileSize: maxFileSize,
+      onFilesAdded: onFilesAdded,
+      inputProps: inputProps,
+      hideLabels: hideLabels
+    }), /*#__PURE__*/_jsx(FileList, {
+      id: setId(id, "filelist"),
+      list: fileList,
+      onFileRemoved: onFileRemoved,
+      removeFileButtonLabel: labels.removeFileButtonLabel
+    })]
   }));
 };
 

package/dist/modern/FileUploader/FileUploader.js.map

@@ -1 +1 @@
-{"version":3,"file":"FileUploader.js","names":["React","PropTypes","withStyles","setId","useLabels","DropZone","FileList","styles","DEFAULT_LABELS","dropzone","sizeWarning","drag","selectFiles","dropFiles","fileSizeError","fileTypeError","removeFileButtonLabel","FileUploader","id","className","labels","labelsProp","fileList","multiple","disabled","maxFileSize","Infinity","acceptedFiles","onFilesAdded","onFileRemoved","hideLabels","inputProps","others","propTypes","string","shape","arrayOf","name","size","number","progress","status","oneOf","preview","node","isRequired","bool","func","instanceOf","Object"],"sources":["../../../src/FileUploader/FileUploader.js"],"sourcesContent":["import React from \"react\";\nimport PropTypes from \"prop-types\";\nimport { withStyles } from \"@material-ui/core\";\nimport { setId, useLabels } from \"../utils\";\nimport DropZone from \"./DropZone\";\nimport FileList from \"./FileList\";\nimport styles from \"./styles\";\n\n// TODO: this component needs to adopt the Form element shape and deprecate its way of composing labels\n\nconst DEFAULT_LABELS = {\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 */\nconst FileUploader = ({\n  id,\n  className,\n  labels: labelsProp,\n  fileList,\n  multiple = true,\n  disabled = false,\n  maxFileSize = Infinity,\n  acceptedFiles = [],\n  onFilesAdded,\n  onFileRemoved,\n\n  hideLabels = false,\n  inputProps = {},\n  ...others\n}) => {\n  const labels = useLabels(DEFAULT_LABELS, labelsProp);\n\n  return (\n    <div id={id} className={className} {...others}>\n      <DropZone\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      <FileList\n        id={setId(id, \"filelist\")}\n        list={fileList}\n        onFileRemoved={onFileRemoved}\n        removeFileButtonLabel={labels.removeFileButtonLabel}\n      />\n    </div>\n  );\n};\n\nFileUploader.propTypes = {\n  /**\n   * Id to be applied to the root node.\n   */\n  id: PropTypes.string,\n  /**\n   * Class names to be applied.\n   */\n  className: PropTypes.string,\n  /**\n   * An object containing all the labels.\n   *\n   */\n  labels: PropTypes.shape({\n    /**\n     * Accepted file list label\n     */\n    acceptedFiles: PropTypes.string,\n    /**\n     * DropZone area label.\n     */\n    dropzone: PropTypes.string,\n    /**\n     * Size file warning label.\n     */\n    sizeWarning: PropTypes.string,\n    /**\n     * Size file warning label.\n     */\n    drag: PropTypes.string,\n    /**\n     * Size file warning label.\n     */\n    selectFiles: PropTypes.string,\n    /**\n     * Theming sheet used to style components\n     * */\n    dropFiles: PropTypes.string,\n    /**\n     * Message to display when file size is greater than allowed\n     * */\n    fileSizeError: PropTypes.string,\n    /**\n     * Message to display when file type is greater than allowed\n     * */\n    fileTypeError: PropTypes.string,\n    /**\n     * Value of aria-label to apply to remove file button in filelist\n     * */\n    removeFileButtonLabel: PropTypes.string,\n  }),\n  /**\n   * The files to upload.\n   */\n  fileList: PropTypes.arrayOf(\n    PropTypes.shape({\n      /**\n       * The file name.\n       */\n      name: PropTypes.string,\n      /**\n       * The file size in bytes.\n       */\n      size: PropTypes.number,\n      /**\n       * Upload progress in bytes.\n       */\n      progress: PropTypes.number,\n      /**\n       * Upload status.\n       */\n      status: PropTypes.oneOf([\"progress\", \"success\", \"fail\"]),\n      /**\n       * Optional node representing a preview of the uploaded file.\n       */\n      preview: PropTypes.node,\n    })\n  ).isRequired,\n  /**\n   * Whether the DropZone should accept multiple files at once.\n   */\n  multiple: PropTypes.bool,\n  /**\n   * If the input is disabled or not\n   */\n  disabled: PropTypes.bool,\n  /**\n   * Max upload size\n   * */\n  maxFileSize: PropTypes.number,\n  /**\n   * Files extensions accepted for upload.\n   */\n  acceptedFiles: PropTypes.arrayOf(PropTypes.string),\n  /**\n   * Callback fired when files are added.\n   */\n  onFilesAdded: PropTypes.func,\n  /**\n   * Callback fired when file is removed from list.\n   */\n  onFileRemoved: PropTypes.func,\n  /**\n   * Whether the DropZone should hide labels or not.\n   */\n  hideLabels: PropTypes.bool,\n  /**\n   * Attributes applied to the input element.\n   */\n  inputProps: PropTypes.instanceOf(Object),\n};\n\nexport default withStyles(styles, { name: \"HvFileUploader\" })(FileUploader);\n"],"mappings":"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"}
+{"version":3,"file":"FileUploader.js","names":["React","PropTypes","withStyles","setId","useLabels","DropZone","FileList","styles","DEFAULT_LABELS","dropzone","sizeWarning","drag","selectFiles","dropFiles","fileSizeError","fileTypeError","removeFileButtonLabel","FileUploader","id","className","labels","labelsProp","fileList","multiple","disabled","maxFileSize","Infinity","acceptedFiles","onFilesAdded","onFileRemoved","hideLabels","inputProps","others","propTypes","string","shape","arrayOf","name","size","number","progress","status","oneOf","preview","node","isRequired","bool","func","instanceOf","Object"],"sources":["../../../src/FileUploader/FileUploader.js"],"sourcesContent":["import React from \"react\";\nimport PropTypes from \"prop-types\";\nimport { withStyles } from \"@mui/styles\";\nimport { setId, useLabels } from \"../utils\";\nimport DropZone from \"./DropZone\";\nimport FileList from \"./FileList\";\nimport styles from \"./styles\";\n\n// TODO: this component needs to adopt the Form element shape and deprecate its way of composing labels\n\nconst DEFAULT_LABELS = {\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 */\nconst FileUploader = ({\n  id,\n  className,\n  labels: labelsProp,\n  fileList,\n  multiple = true,\n  disabled = false,\n  maxFileSize = Infinity,\n  acceptedFiles = [],\n  onFilesAdded,\n  onFileRemoved,\n\n  hideLabels = false,\n  inputProps = {},\n  ...others\n}) => {\n  const labels = useLabels(DEFAULT_LABELS, labelsProp);\n\n  return (\n    <div id={id} className={className} {...others}>\n      <DropZone\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      <FileList\n        id={setId(id, \"filelist\")}\n        list={fileList}\n        onFileRemoved={onFileRemoved}\n        removeFileButtonLabel={labels.removeFileButtonLabel}\n      />\n    </div>\n  );\n};\n\nFileUploader.propTypes = {\n  /**\n   * Id to be applied to the root node.\n   */\n  id: PropTypes.string,\n  /**\n   * Class names to be applied.\n   */\n  className: PropTypes.string,\n  /**\n   * An object containing all the labels.\n   *\n   */\n  labels: PropTypes.shape({\n    /**\n     * Accepted file list label\n     */\n    acceptedFiles: PropTypes.string,\n    /**\n     * DropZone area label.\n     */\n    dropzone: PropTypes.string,\n    /**\n     * Size file warning label.\n     */\n    sizeWarning: PropTypes.string,\n    /**\n     * Size file warning label.\n     */\n    drag: PropTypes.string,\n    /**\n     * Size file warning label.\n     */\n    selectFiles: PropTypes.string,\n    /**\n     * Theming sheet used to style components\n     * */\n    dropFiles: PropTypes.string,\n    /**\n     * Message to display when file size is greater than allowed\n     * */\n    fileSizeError: PropTypes.string,\n    /**\n     * Message to display when file type is greater than allowed\n     * */\n    fileTypeError: PropTypes.string,\n    /**\n     * Value of aria-label to apply to remove file button in filelist\n     * */\n    removeFileButtonLabel: PropTypes.string,\n  }),\n  /**\n   * The files to upload.\n   */\n  fileList: PropTypes.arrayOf(\n    PropTypes.shape({\n      /**\n       * The file name.\n       */\n      name: PropTypes.string,\n      /**\n       * The file size in bytes.\n       */\n      size: PropTypes.number,\n      /**\n       * Upload progress in bytes.\n       */\n      progress: PropTypes.number,\n      /**\n       * Upload status.\n       */\n      status: PropTypes.oneOf([\"progress\", \"success\", \"fail\"]),\n      /**\n       * Optional node representing a preview of the uploaded file.\n       */\n      preview: PropTypes.node,\n    })\n  ).isRequired,\n  /**\n   * Whether the DropZone should accept multiple files at once.\n   */\n  multiple: PropTypes.bool,\n  /**\n   * If the input is disabled or not\n   */\n  disabled: PropTypes.bool,\n  /**\n   * Max upload size\n   * */\n  maxFileSize: PropTypes.number,\n  /**\n   * Files extensions accepted for upload.\n   */\n  acceptedFiles: PropTypes.arrayOf(PropTypes.string),\n  /**\n   * Callback fired when files are added.\n   */\n  onFilesAdded: PropTypes.func,\n  /**\n   * Callback fired when file is removed from list.\n   */\n  onFileRemoved: PropTypes.func,\n  /**\n   * Whether the DropZone should hide labels or not.\n   */\n  hideLabels: PropTypes.bool,\n  /**\n   * Attributes applied to the input element.\n   */\n  inputProps: PropTypes.instanceOf(Object),\n};\n\nexport default withStyles(styles, { name: \"HvFileUploader\" })(FileUploader);\n"],"mappings":"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"}

package/dist/modern/FileUploader/Preview/Preview.d.ts

@@ -1,4 +1,4 @@
-import { ButtonProps, StandardProps } from "@material-ui/core";
+import { ButtonProps, StandardProps } from "@mui/material";
 
 export type HvFileUploaderPreviewClassKey = "previewButton" | "overlay";
 

package/dist/modern/FileUploader/Preview/Preview.js

@@ -1,12 +1,17 @@
-import _extends from "@babel/runtime/helpers/esm/extends";
+import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
 import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
 
 var _PreviewIcon;
 
 const _excluded = ["children", "classes", "onClick", "onUnload", "disableOverlay"];
+
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+
 import React, { useEffect } from "react";
 import PropTypes from "prop-types";
-import { withStyles } from "@material-ui/core";
+import { withStyles } from "@mui/styles";
 import { Preview as PreviewIcon } from "@hitachivantara/uikit-react-icons";
 import { HvButton } from "../..";
 import styles from "./styles";
@@ -15,6 +20,9 @@ import styles from "./styles";
  * of the button (when clickable) and the detection of image unloading.
  */
 
+import { jsx as _jsx } from "react/jsx-runtime";
+import { jsxs as _jsxs } from "react/jsx-runtime";
+
 const Preview = props => {
   const {
     children,
@@ -32,14 +40,17 @@ const Preview = props => {
   }, [onUnload]);
 
   if (onClick) {
-    return /*#__PURE__*/React.createElement(HvButton, _extends({
+    return /*#__PURE__*/_jsxs(HvButton, _objectSpread(_objectSpread({
       icon: true,
       className: classes.previewButton,
       onClick: onClick
-    }, others), children, !disableOverlay && /*#__PURE__*/React.createElement("div", {
-      className: classes.overlay,
-      "aria-hidden": "true"
-    }, _PreviewIcon || (_PreviewIcon = /*#__PURE__*/React.createElement(PreviewIcon, null))));
+    }, others), {}, {
+      children: [children, !disableOverlay && /*#__PURE__*/_jsx("div", {
+        className: classes.overlay,
+        "aria-hidden": "true",
+        children: _PreviewIcon || (_PreviewIcon = /*#__PURE__*/_jsx(PreviewIcon, {}))
+      })]
+    }));
   }
 
   return children;

package/dist/modern/FileUploader/Preview/Preview.js.map

@@ -1 +1 @@
-{"version":3,"file":"Preview.js","names":["React","useEffect","PropTypes","withStyles","Preview","PreviewIcon","HvButton","styles","props","children","classes","onClick","onUnload","disableOverlay","others","previewButton","overlay","propTypes","node","isRequired","func","bool","shape","string","name"],"sources":["../../../../src/FileUploader/Preview/Preview.js"],"sourcesContent":["import React, { useEffect } from \"react\";\nimport PropTypes from \"prop-types\";\n\nimport { withStyles } from \"@material-ui/core\";\n\nimport { Preview as PreviewIcon } from \"@hitachivantara/uikit-react-icons\";\n\nimport { HvButton } from \"../..\";\n\nimport styles from \"./styles\";\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 */\nconst Preview = (props) => {\n  const { children, classes, onClick, onUnload, disableOverlay = false, ...others } = props;\n\n  useEffect(() => {\n    return () => {\n      onUnload?.();\n    };\n  }, [onUnload]);\n\n  if (onClick) {\n    return (\n      <HvButton icon className={classes.previewButton} onClick={onClick} {...others}>\n        {children}\n        {!disableOverlay && (\n          <div className={classes.overlay} aria-hidden=\"true\">\n            <PreviewIcon />\n          </div>\n        )}\n      </HvButton>\n    );\n  }\n\n  return children;\n};\n\nPreview.propTypes = {\n  /**\n   * Content that represents the preview of an uploaded file.\n   */\n  children: PropTypes.node.isRequired,\n  /**\n   * Callback executed when the preview is clicked.\n   *\n   * When not null, the preview content will be enclosed in a button.\n   *\n   * @param event React.MouseEvent<HTMLButtonElement>\n   */\n  onClick: PropTypes.func,\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: PropTypes.func,\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: PropTypes.bool,\n  /**\n   * A Jss Object used to override or extend the styles applied to the component.\n   */\n  classes: PropTypes.shape({\n    /**\n     * Styles to apply to the button when present.\n     */\n    previewButton: PropTypes.string,\n    /**\n     * Styles to apply to the overlay shown on hover.\n     */\n    overlay: PropTypes.string,\n  }).isRequired,\n};\n\nexport default withStyles(styles, { name: \"HvFileUploaderPreview\" })(Preview);\n"],"mappings":";;;;;;AAAA,OAAOA,KAAP,IAAgBC,SAAhB,QAAiC,OAAjC;AACA,OAAOC,SAAP,MAAsB,YAAtB;AAEA,SAASC,UAAT,QAA2B,mBAA3B;AAEA,SAASC,OAAO,IAAIC,WAApB,QAAuC,mCAAvC;AAEA,SAASC,QAAT,QAAyB,OAAzB;AAEA,OAAOC,MAAP,MAAmB,UAAnB;AAEA;AACA;AACA;AACA;;AACA,MAAMH,OAAO,GAAII,KAAD,IAAW;EACzB,MAAM;IAAEC,QAAF;IAAYC,OAAZ;IAAqBC,OAArB;IAA8BC,QAA9B;IAAwCC,cAAc,GAAG;EAAzD,IAA8EL,KAApF;EAAA,MAAyEM,MAAzE,4BAAoFN,KAApF;;EAEAP,SAAS,CAAC,MAAM;IACd,OAAO,MAAM;MACXW,QAAQ,SAAR,IAAAA,QAAQ,WAAR,YAAAA,QAAQ;IACT,CAFD;EAGD,CAJQ,EAIN,CAACA,QAAD,CAJM,CAAT;;EAMA,IAAID,OAAJ,EAAa;IACX,oBACE,oBAAC,QAAD;MAAU,IAAI,MAAd;MAAe,SAAS,EAAED,OAAO,CAACK,aAAlC;MAAiD,OAAO,EAAEJ;IAA1D,GAAuEG,MAAvE,GACGL,QADH,EAEG,CAACI,cAAD,iBACC;MAAK,SAAS,EAAEH,OAAO,CAACM,OAAxB;MAAiC,eAAY;IAA7C,gDACE,oBAAC,WAAD,OADF,EAHJ,CADF;EAUD;;EAED,OAAOP,QAAP;AACD,CAvBD;;AAyBA,wCAAAL,OAAO,CAACa,SAAR,GAAoB;EAClB;AACF;AACA;EACER,QAAQ,EAAEP,SAAS,CAACgB,IAAV,CAAeC,UAJP;;EAKlB;AACF;AACA;AACA;AACA;AACA;AACA;EACER,OAAO,EAAET,SAAS,CAACkB,IAZD;;EAalB;AACF;AACA;AACA;AACA;EACER,QAAQ,EAAEV,SAAS,CAACkB,IAlBF;;EAmBlB;AACF;AACA;AACA;AACA;EACEP,cAAc,EAAEX,SAAS,CAACmB,IAxBR;;EAyBlB;AACF;AACA;EACEX,OAAO,EAAER,SAAS,CAACoB,KAAV,CAAgB;IACvB;AACJ;AACA;IACIP,aAAa,EAAEb,SAAS,CAACqB,MAJF;;IAKvB;AACJ;AACA;IACIP,OAAO,EAAEd,SAAS,CAACqB;EARI,CAAhB,EASNJ;AArCe,CAApB;AAwCA,eAAehB,UAAU,CAACI,MAAD,EAAS;EAAEiB,IAAI,EAAE;AAAR,CAAT,CAAV,CAAsDpB,OAAtD,CAAf"}
+{"version":3,"file":"Preview.js","names":["React","useEffect","PropTypes","withStyles","Preview","PreviewIcon","HvButton","styles","props","children","classes","onClick","onUnload","disableOverlay","others","previewButton","overlay","propTypes","node","isRequired","func","bool","shape","string","name"],"sources":["../../../../src/FileUploader/Preview/Preview.js"],"sourcesContent":["import React, { useEffect } from \"react\";\nimport PropTypes from \"prop-types\";\n\nimport { withStyles } from \"@mui/styles\";\n\nimport { Preview as PreviewIcon } from \"@hitachivantara/uikit-react-icons\";\n\nimport { HvButton } from \"../..\";\n\nimport styles from \"./styles\";\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 */\nconst Preview = (props) => {\n  const { children, classes, onClick, onUnload, disableOverlay = false, ...others } = props;\n\n  useEffect(() => {\n    return () => {\n      onUnload?.();\n    };\n  }, [onUnload]);\n\n  if (onClick) {\n    return (\n      <HvButton icon className={classes.previewButton} onClick={onClick} {...others}>\n        {children}\n        {!disableOverlay && (\n          <div className={classes.overlay} aria-hidden=\"true\">\n            <PreviewIcon />\n          </div>\n        )}\n      </HvButton>\n    );\n  }\n\n  return children;\n};\n\nPreview.propTypes = {\n  /**\n   * Content that represents the preview of an uploaded file.\n   */\n  children: PropTypes.node.isRequired,\n  /**\n   * Callback executed when the preview is clicked.\n   *\n   * When not null, the preview content will be enclosed in a button.\n   *\n   * @param event React.MouseEvent<HTMLButtonElement>\n   */\n  onClick: PropTypes.func,\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: PropTypes.func,\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: PropTypes.bool,\n  /**\n   * A Jss Object used to override or extend the styles applied to the component.\n   */\n  classes: PropTypes.shape({\n    /**\n     * Styles to apply to the button when present.\n     */\n    previewButton: PropTypes.string,\n    /**\n     * Styles to apply to the overlay shown on hover.\n     */\n    overlay: PropTypes.string,\n  }).isRequired,\n};\n\nexport default withStyles(styles, { name: \"HvFileUploaderPreview\" })(Preview);\n"],"mappings":";;;;;;;;;;;AAAA,OAAOA,KAAP,IAAgBC,SAAhB,QAAiC,OAAjC;AACA,OAAOC,SAAP,MAAsB,YAAtB;AAEA,SAASC,UAAT,QAA2B,aAA3B;AAEA,SAASC,OAAO,IAAIC,WAApB,QAAuC,mCAAvC;AAEA,SAASC,QAAT,QAAyB,OAAzB;AAEA,OAAOC,MAAP,MAAmB,UAAnB;AAEA;AACA;AACA;AACA;;;;;AACA,MAAMH,OAAO,GAAII,KAAD,IAAW;EACzB,MAAM;IAAEC,QAAF;IAAYC,OAAZ;IAAqBC,OAArB;IAA8BC,QAA9B;IAAwCC,cAAc,GAAG;EAAzD,IAA8EL,KAApF;EAAA,MAAyEM,MAAzE,4BAAoFN,KAApF;;EAEAP,SAAS,CAAC,MAAM;IACd,OAAO,MAAM;MACXW,QAAQ,SAAR,IAAAA,QAAQ,WAAR,YAAAA,QAAQ;IACT,CAFD;EAGD,CAJQ,EAIN,CAACA,QAAD,CAJM,CAAT;;EAMA,IAAID,OAAJ,EAAa;IACX,oBACE,MAAC,QAAD;MAAU,IAAI,MAAd;MAAe,SAAS,EAAED,OAAO,CAACK,aAAlC;MAAiD,OAAO,EAAEJ;IAA1D,GAAuEG,MAAvE;MAAA,WACGL,QADH,EAEG,CAACI,cAAD,iBACC;QAAK,SAAS,EAAEH,OAAO,CAACM,OAAxB;QAAiC,eAAY,MAA7C;QAAA,uDACE,KAAC,WAAD,KADF;MAAA,EAHJ;IAAA,GADF;EAUD;;EAED,OAAOP,QAAP;AACD,CAvBD;;AAyBA,wCAAAL,OAAO,CAACa,SAAR,GAAoB;EAClB;AACF;AACA;EACER,QAAQ,EAAEP,SAAS,CAACgB,IAAV,CAAeC,UAJP;;EAKlB;AACF;AACA;AACA;AACA;AACA;AACA;EACER,OAAO,EAAET,SAAS,CAACkB,IAZD;;EAalB;AACF;AACA;AACA;AACA;EACER,QAAQ,EAAEV,SAAS,CAACkB,IAlBF;;EAmBlB;AACF;AACA;AACA;AACA;EACEP,cAAc,EAAEX,SAAS,CAACmB,IAxBR;;EAyBlB;AACF;AACA;EACEX,OAAO,EAAER,SAAS,CAACoB,KAAV,CAAgB;IACvB;AACJ;AACA;IACIP,aAAa,EAAEb,SAAS,CAACqB,MAJF;;IAKvB;AACJ;AACA;IACIP,OAAO,EAAEd,SAAS,CAACqB;EARI,CAAhB,EASNJ;AArCe,CAApB;AAwCA,eAAehB,UAAU,CAACI,MAAD,EAAS;EAAEiB,IAAI,EAAE;AAAR,CAAT,CAAV,CAAsDpB,OAAtD,CAAf"}

package/dist/modern/FilterGroup/Counter/Counter.js

@@ -4,6 +4,8 @@ import clsx from "clsx";
 import PropTypes from "prop-types";
 import { FilterGroupContext } from "../FilterGroupContext";
 import useStyles from "./styles";
+import { jsx as _jsx } from "react/jsx-runtime";
+import { jsxs as _jsxs } from "react/jsx-runtime";
 
 const getExistingFiltersById = (idx, filterValues, filterOptions) => {
   var _filterValues$idx;
@@ -39,9 +41,12 @@ const Counter = ({
   });
   const partialCounter = id ? getExistingFiltersById(optionIdx, filterValues, filterOptions) || 0 : groupsCounter;
   const totalCounter = options.reduce((acc, option) => acc + option.data.length, 0);
-  return /*#__PURE__*/React.createElement("div", {
-    className: clsx(classes.root, className)
-  }, partialCounter > 0 ? /*#__PURE__*/React.createElement("b", null, partialCounter) : partialCounter, ` / ${totalCounter}`);
+  return /*#__PURE__*/_jsxs("div", {
+    className: clsx(classes.root, className),
+    children: [partialCounter > 0 ? /*#__PURE__*/_jsx("b", {
+      children: partialCounter
+    }) : partialCounter, ` / ${totalCounter}`]
+  });
 };
 
 process.env.NODE_ENV !== "production" ? Counter.propTypes = {

package/dist/modern/FilterGroup/Counter/Counter.js.map

@@ -1 +1 @@
-{"version":3,"file":"Counter.js","names":["React","useContext","clsx","PropTypes","FilterGroupContext","useStyles","getExistingFiltersById","idx","filterValues","filterOptions","total","forEach","fv","data","find","f","id","Counter","className","classes","appliedFilters","options","option","optionIdx","findIndex","groupsCounter","flat","filter","elem","undefined","fg","i","partialCounter","totalCounter","reduce","acc","length","root","propTypes","string"],"sources":["../../../../src/FilterGroup/Counter/Counter.js"],"sourcesContent":["import React, { useContext } from \"react\";\nimport clsx from \"clsx\";\nimport PropTypes from \"prop-types\";\nimport { FilterGroupContext } from \"../FilterGroupContext\";\nimport useStyles from \"./styles\";\n\nconst getExistingFiltersById = (idx, filterValues, filterOptions) => {\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\nconst Counter = ({ className, id }) => {\n  const classes = useStyles();\n  const { filterOptions, filterValues = [], appliedFilters = [] } = useContext(FilterGroupContext);\n\n  const options = id ? [filterOptions.find((option) => option.id === id)] : 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  const totalCounter = options.reduce((acc, option) => acc + option.data.length, 0);\n\n  return (\n    <div className={clsx(classes.root, className)}>\n      {partialCounter > 0 ? <b>{partialCounter}</b> : partialCounter}\n      {` / ${totalCounter}`}\n    </div>\n  );\n};\n\nCounter.propTypes = {\n  className: PropTypes.string,\n  id: PropTypes.string,\n};\n\nexport default Counter;\n"],"mappings":";AAAA,OAAOA,KAAP,IAAgBC,UAAhB,QAAkC,OAAlC;AACA,OAAOC,IAAP,MAAiB,MAAjB;AACA,OAAOC,SAAP,MAAsB,YAAtB;AACA,SAASC,kBAAT,QAAmC,uBAAnC;AACA,OAAOC,SAAP,MAAsB,UAAtB;;AAEA,MAAMC,sBAAsB,GAAG,CAACC,GAAD,EAAMC,YAAN,EAAoBC,aAApB,KAAsC;EAAA;;EACnE,IAAIC,KAAK,GAAG,CAAZ;EACA,qBAAAF,YAAY,CAACD,GAAD,CAAZ,wEAAmBI,OAAnB,CAA4BC,EAAD,IAAQ;IAAA;;IACjC,0BAAIH,aAAa,CAACF,GAAD,CAAjB,+CAAI,mBAAoBM,IAApB,CAAyBC,IAAzB,CAA+BC,CAAD,IAAOA,CAAC,CAACC,EAAF,KAASJ,EAA9C,CAAJ,EAAuD;MACrDF,KAAK,IAAI,CAAT;IACD;EACF,CAJD;EAKA,OAAOA,KAAP;AACD,CARD;;AAUA,MAAMO,OAAO,GAAG,CAAC;EAAEC,SAAF;EAAaF;AAAb,CAAD,KAAuB;EAAA;;EACrC,MAAMG,OAAO,GAAGd,SAAS,EAAzB;EACA,MAAM;IAAEI,aAAF;IAAiBD,YAAY,GAAG,EAAhC;IAAoCY,cAAc,GAAG;EAArD,IAA4DnB,UAAU,CAACG,kBAAD,CAA5E;EAEA,MAAMiB,OAAO,GAAGL,EAAE,GAAG,CAACP,aAAa,CAACK,IAAd,CAAoBQ,MAAD,IAAYA,MAAM,CAACN,EAAP,KAAcA,EAA7C,CAAD,CAAH,GAAwDP,aAA1E;EACA,MAAMc,SAAS,GAAGd,aAAa,CAACe,SAAd,CAAyBF,MAAD,IAAYA,MAAM,CAACN,EAAP,KAAcA,EAAlD,CAAlB;EAEA,IAAIS,aAAa,GAAG,CAApB;EACAL,cAAc,SAAd,IAAAA,cAAc,WAAd,oCAAAA,cAAc,CACVM,IADJ,gFAEIC,MAFJ,CAEYC,IAAD,IAAUA,IAAI,KAAKC,SAF9B,EAGGlB,OAHH,CAGW,CAACmB,EAAD,EAAKC,CAAL,KAAW;IAClBN,aAAa,IAAInB,sBAAsB,CAACyB,CAAD,EAAIvB,YAAJ,EAAkBC,aAAlB,CAAvC;EACD,CALH;EAOA,MAAMuB,cAAc,GAAGhB,EAAE,GACrBV,sBAAsB,CAACiB,SAAD,EAAYf,YAAZ,EAA0BC,aAA1B,CAAtB,IAAkE,CAD7C,GAErBgB,aAFJ;EAGA,MAAMQ,YAAY,GAAGZ,OAAO,CAACa,MAAR,CAAe,CAACC,GAAD,EAAMb,MAAN,KAAiBa,GAAG,GAAGb,MAAM,CAACT,IAAP,CAAYuB,MAAlD,EAA0D,CAA1D,CAArB;EAEA,oBACE;IAAK,SAAS,EAAElC,IAAI,CAACiB,OAAO,CAACkB,IAAT,EAAenB,SAAf;EAApB,GACGc,cAAc,GAAG,CAAjB,gBAAqB,+BAAIA,cAAJ,CAArB,GAA+CA,cADlD,EAEI,MAAKC,YAAa,EAFtB,CADF;AAMD,CA1BD;;AA4BA,wCAAAhB,OAAO,CAACqB,SAAR,GAAoB;EAClBpB,SAAS,EAAEf,SAAS,CAACoC,MADH;EAElBvB,EAAE,EAAEb,SAAS,CAACoC;AAFI,CAApB;AAKA,eAAetB,OAAf"}
+{"version":3,"file":"Counter.js","names":["React","useContext","clsx","PropTypes","FilterGroupContext","useStyles","getExistingFiltersById","idx","filterValues","filterOptions","total","forEach","fv","data","find","f","id","Counter","className","classes","appliedFilters","options","option","optionIdx","findIndex","groupsCounter","flat","filter","elem","undefined","fg","i","partialCounter","totalCounter","reduce","acc","length","root","propTypes","string"],"sources":["../../../../src/FilterGroup/Counter/Counter.js"],"sourcesContent":["import React, { useContext } from \"react\";\nimport clsx from \"clsx\";\nimport PropTypes from \"prop-types\";\nimport { FilterGroupContext } from \"../FilterGroupContext\";\nimport useStyles from \"./styles\";\n\nconst getExistingFiltersById = (idx, filterValues, filterOptions) => {\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\nconst Counter = ({ className, id }) => {\n  const classes = useStyles();\n  const { filterOptions, filterValues = [], appliedFilters = [] } = useContext(FilterGroupContext);\n\n  const options = id ? [filterOptions.find((option) => option.id === id)] : 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  const totalCounter = options.reduce((acc, option) => acc + option.data.length, 0);\n\n  return (\n    <div className={clsx(classes.root, className)}>\n      {partialCounter > 0 ? <b>{partialCounter}</b> : partialCounter}\n      {` / ${totalCounter}`}\n    </div>\n  );\n};\n\nCounter.propTypes = {\n  className: PropTypes.string,\n  id: PropTypes.string,\n};\n\nexport default Counter;\n"],"mappings":";AAAA,OAAOA,KAAP,IAAgBC,UAAhB,QAAkC,OAAlC;AACA,OAAOC,IAAP,MAAiB,MAAjB;AACA,OAAOC,SAAP,MAAsB,YAAtB;AACA,SAASC,kBAAT,QAAmC,uBAAnC;AACA,OAAOC,SAAP,MAAsB,UAAtB;;;;AAEA,MAAMC,sBAAsB,GAAG,CAACC,GAAD,EAAMC,YAAN,EAAoBC,aAApB,KAAsC;EAAA;;EACnE,IAAIC,KAAK,GAAG,CAAZ;EACA,qBAAAF,YAAY,CAACD,GAAD,CAAZ,wEAAmBI,OAAnB,CAA4BC,EAAD,IAAQ;IAAA;;IACjC,0BAAIH,aAAa,CAACF,GAAD,CAAjB,+CAAI,mBAAoBM,IAApB,CAAyBC,IAAzB,CAA+BC,CAAD,IAAOA,CAAC,CAACC,EAAF,KAASJ,EAA9C,CAAJ,EAAuD;MACrDF,KAAK,IAAI,CAAT;IACD;EACF,CAJD;EAKA,OAAOA,KAAP;AACD,CARD;;AAUA,MAAMO,OAAO,GAAG,CAAC;EAAEC,SAAF;EAAaF;AAAb,CAAD,KAAuB;EAAA;;EACrC,MAAMG,OAAO,GAAGd,SAAS,EAAzB;EACA,MAAM;IAAEI,aAAF;IAAiBD,YAAY,GAAG,EAAhC;IAAoCY,cAAc,GAAG;EAArD,IAA4DnB,UAAU,CAACG,kBAAD,CAA5E;EAEA,MAAMiB,OAAO,GAAGL,EAAE,GAAG,CAACP,aAAa,CAACK,IAAd,CAAoBQ,MAAD,IAAYA,MAAM,CAACN,EAAP,KAAcA,EAA7C,CAAD,CAAH,GAAwDP,aAA1E;EACA,MAAMc,SAAS,GAAGd,aAAa,CAACe,SAAd,CAAyBF,MAAD,IAAYA,MAAM,CAACN,EAAP,KAAcA,EAAlD,CAAlB;EAEA,IAAIS,aAAa,GAAG,CAApB;EACAL,cAAc,SAAd,IAAAA,cAAc,WAAd,oCAAAA,cAAc,CACVM,IADJ,gFAEIC,MAFJ,CAEYC,IAAD,IAAUA,IAAI,KAAKC,SAF9B,EAGGlB,OAHH,CAGW,CAACmB,EAAD,EAAKC,CAAL,KAAW;IAClBN,aAAa,IAAInB,sBAAsB,CAACyB,CAAD,EAAIvB,YAAJ,EAAkBC,aAAlB,CAAvC;EACD,CALH;EAOA,MAAMuB,cAAc,GAAGhB,EAAE,GACrBV,sBAAsB,CAACiB,SAAD,EAAYf,YAAZ,EAA0BC,aAA1B,CAAtB,IAAkE,CAD7C,GAErBgB,aAFJ;EAGA,MAAMQ,YAAY,GAAGZ,OAAO,CAACa,MAAR,CAAe,CAACC,GAAD,EAAMb,MAAN,KAAiBa,GAAG,GAAGb,MAAM,CAACT,IAAP,CAAYuB,MAAlD,EAA0D,CAA1D,CAArB;EAEA,oBACE;IAAK,SAAS,EAAElC,IAAI,CAACiB,OAAO,CAACkB,IAAT,EAAenB,SAAf,CAApB;IAAA,WACGc,cAAc,GAAG,CAAjB,gBAAqB;MAAA,UAAIA;IAAJ,EAArB,GAA+CA,cADlD,EAEI,MAAKC,YAAa,EAFtB;EAAA,EADF;AAMD,CA1BD;;AA4BA,wCAAAhB,OAAO,CAACqB,SAAR,GAAoB;EAClBpB,SAAS,EAAEf,SAAS,CAACoC,MADH;EAElBvB,EAAE,EAAEb,SAAS,CAACoC;AAFI,CAApB;AAKA,eAAetB,OAAf"}

package/dist/modern/FilterGroup/Counter/styles.js

@@ -1,4 +1,4 @@
-import { makeStyles } from "@material-ui/core";
+import { makeStyles } from "@mui/styles";
 const styles = makeStyles(() => ({
   root: {
     height: "100%",

package/dist/modern/FilterGroup/Counter/styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"styles.js","names":["makeStyles","styles","root","height","lineHeight","margin","pointerEvents"],"sources":["../../../../src/FilterGroup/Counter/styles.js"],"sourcesContent":["import { makeStyles } from \"@material-ui/core\";\n\nconst styles = makeStyles(() => ({\n  root: {\n    height: \"100%\",\n    lineHeight: \"32px\",\n    margin: \"0 10px\",\n    pointerEvents: \"none\",\n  },\n}));\n\nexport default styles;\n"],"mappings":"AAAA,SAASA,UAAT,QAA2B,mBAA3B;AAEA,MAAMC,MAAM,GAAGD,UAAU,CAAC,OAAO;EAC/BE,IAAI,EAAE;IACJC,MAAM,EAAE,MADJ;IAEJC,UAAU,EAAE,MAFR;IAGJC,MAAM,EAAE,QAHJ;IAIJC,aAAa,EAAE;EAJX;AADyB,CAAP,CAAD,CAAzB;AASA,eAAeL,MAAf"}
+{"version":3,"file":"styles.js","names":["makeStyles","styles","root","height","lineHeight","margin","pointerEvents"],"sources":["../../../../src/FilterGroup/Counter/styles.js"],"sourcesContent":["import { makeStyles } from \"@mui/styles\";\n\nconst styles = makeStyles(() => ({\n  root: {\n    height: \"100%\",\n    lineHeight: \"32px\",\n    margin: \"0 10px\",\n    pointerEvents: \"none\",\n  },\n}));\n\nexport default styles;\n"],"mappings":"AAAA,SAASA,UAAT,QAA2B,aAA3B;AAEA,MAAMC,MAAM,GAAGD,UAAU,CAAC,OAAO;EAC/BE,IAAI,EAAE;IACJC,MAAM,EAAE,MADJ;IAEJC,UAAU,EAAE,MAFR;IAGJC,MAAM,EAAE,QAHJ;IAIJC,aAAa,EAAE;EAJX;AADyB,CAAP,CAAD,CAAzB;AASA,eAAeL,MAAf"}

package/dist/modern/FilterGroup/FilterContent/FilterContent.d.ts

@@ -0,0 +1,49 @@
+import React from "react";
+import { StandardProps } from "@mui/material";
+import { FilterValue, HvBaseDropdownProps } from "../..";
+
+export type HvFilterContentClassKey =
+  | "root"
+  | "panel"
+  | "actionBar"
+  | "space"
+  | "header"
+  | "baseDropdownSelection"
+  | "leftSidePanel"
+  | "rightSidePanel";
+
+export interface HvFilterContentProps
+  extends StandardProps<HvBaseDropdownProps, HvFilterContentClassKey, "onChange"> {
+  description?: React.ReactNode;
+  status?: "standBy" | "valid" | "invalid";
+
+  onChange?: (evt: React.MouseEventHandler<HTMLButtonElement>, filterValues: FilterValue[]) => void;
+  onCancel?: (evt: any[]) => void;
+  onClear?: (evt: React.MouseEventHandler<HTMLButtonElement>) => void;
+
+  labels?: {
+    applyLabel?: string;
+    cancelLabel?: string;
+    clearLabel?: string;
+    placeholder?: string;
+    searchBoxPlaceholder?: string;
+    selectAll?: string;
+    multiSelectionConjunction?: string;
+  };
+
+  horizontalPlacement?: "left" | "right";
+  disablePortal?: boolean;
+  escapeWithReference?: boolean;
+  height?: any;
+
+  /**
+   * Element to render when there are no filters
+   */
+  leftEmptyElement?: React.ReactNode;
+  /**
+   * Element to render when the selected filter has no values
+   */
+  rightEmptyElement?: React.ReactNode;
+}
+
+export default function HvFilterContent(props: HvFilterContentProps): JSX.Element | null;