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

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

@@ -1 +1 @@
-{"version":3,"file":"FileList.js","names":["FileList","id","classes","list","removeFileButtonLabel","onFileRemoved","elementId","useUniqueId","hasFiles","length","setId","map","data","propTypes","PropTypes","string","instanceOf","Object","isRequired","arrayOf","shape","func","withStyles","styles","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;;AACA;;AACA;;AACA;;AACA;;AACA;;AAEA,IAAMA,QAAQ,GAAG,SAAXA,QAAW,OAAsE;EAAA,IAAnEC,EAAmE,QAAnEA,EAAmE;EAAA,IAA/DC,OAA+D,QAA/DA,OAA+D;EAAA,qBAAtDC,IAAsD;EAAA,IAAtDA,IAAsD,0BAA/C,EAA+C;EAAA,IAA3CC,qBAA2C,QAA3CA,qBAA2C;EAAA,IAApBC,aAAoB,QAApBA,aAAoB;EACrF,IAAMC,SAAS,GAAG,IAAAC,aAAA,EAAYN,EAAZ,EAAgB,YAAhB,CAAlB;EAEA,IAAMO,QAAQ,GAAGL,IAAI,CAACM,MAAL,GAAc,CAA/B;EACA,IAAI,CAACD,QAAL,EAAe,OAAO,IAAP;EAEf,oBACE;IAAI,EAAE,EAAE,IAAAE,OAAA,EAAMT,EAAN,EAAU,MAAV,CAAR;IAA2B,SAAS,EAAEC,OAAO,CAACC;EAA9C,GACGA,IAAI,CAACQ,GAAL,CAAS,UAACC,IAAD;IAAA,oBACR,6BAAC,aAAD;MACE,GAAG,EAAEA,IAAI,CAACX,EADZ;MAEE,EAAE,EAAE,IAAAS,OAAA,EAAMJ,SAAN,EAAiB,QAAjB,CAFN;MAGE,IAAI,EAAEM,IAHR;MAIE,aAAa,EAAEP,aAJjB;MAKE,qBAAqB,EAAED;IALzB,EADQ;EAAA,CAAT,CADH,CADF;AAaD,CAnBD;;AAqBA,wCAAAJ,QAAQ,CAACa,SAAT,GAAqB;EACnB;AACF;AACA;EACEZ,EAAE,EAAEa,kBAAA,CAAUC,MAJK;;EAKnB;AACF;AACA;EACEb,OAAO,EAAEY,kBAAA,CAAUE,UAAV,CAAqBC,MAArB,EAA6BC,UARnB;;EASnB;AACF;AACA;EACEf,IAAI,EAAEW,kBAAA,CAAUK,OAAV,CAAkBL,kBAAA,CAAUM,KAAV,CAAgB,EAAhB,CAAlB,CAZa;;EAanB;AACF;AACA;EACEf,aAAa,EAAES,kBAAA,CAAUO,IAhBN;;EAiBnB;AACF;AACA;EACEjB,qBAAqB,EAAEU,kBAAA,CAAUC,MAAV,CAAiBG;AApBrB,CAArB;;eAuBe,IAAAI,gBAAA,EAAWC,eAAX,EAAmB;EAAEC,IAAI,EAAE;AAAR,CAAnB,EAAuDxB,QAAvD,C"}
+{"version":3,"file":"FileList.js","names":["FileList","id","classes","list","removeFileButtonLabel","onFileRemoved","elementId","useUniqueId","hasFiles","length","setId","map","data","propTypes","PropTypes","string","instanceOf","Object","isRequired","arrayOf","shape","func","withStyles","styles","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;;AACA;;AACA;;AACA;;AACA;;AACA;;;;AAEA,IAAMA,QAAQ,GAAG,SAAXA,QAAW,OAAsE;EAAA,IAAnEC,EAAmE,QAAnEA,EAAmE;EAAA,IAA/DC,OAA+D,QAA/DA,OAA+D;EAAA,qBAAtDC,IAAsD;EAAA,IAAtDA,IAAsD,0BAA/C,EAA+C;EAAA,IAA3CC,qBAA2C,QAA3CA,qBAA2C;EAAA,IAApBC,aAAoB,QAApBA,aAAoB;EACrF,IAAMC,SAAS,GAAG,IAAAC,aAAA,EAAYN,EAAZ,EAAgB,YAAhB,CAAlB;EAEA,IAAMO,QAAQ,GAAGL,IAAI,CAACM,MAAL,GAAc,CAA/B;EACA,IAAI,CAACD,QAAL,EAAe,OAAO,IAAP;EAEf,oBACE;IAAI,EAAE,EAAE,IAAAE,OAAA,EAAMT,EAAN,EAAU,MAAV,CAAR;IAA2B,SAAS,EAAEC,OAAO,CAACC,IAA9C;IAAA,UACGA,IAAI,CAACQ,GAAL,CAAS,UAACC,IAAD;MAAA,oBACR,qBAAC,aAAD;QAEE,EAAE,EAAE,IAAAF,OAAA,EAAMJ,SAAN,EAAiB,QAAjB,CAFN;QAGE,IAAI,EAAEM,IAHR;QAIE,aAAa,EAAEP,aAJjB;QAKE,qBAAqB,EAAED;MALzB,GACOQ,IAAI,CAACX,EADZ,CADQ;IAAA,CAAT;EADH,EADF;AAaD,CAnBD;;AAqBA,wCAAAD,QAAQ,CAACa,SAAT,GAAqB;EACnB;AACF;AACA;EACEZ,EAAE,EAAEa,kBAAA,CAAUC,MAJK;;EAKnB;AACF;AACA;EACEb,OAAO,EAAEY,kBAAA,CAAUE,UAAV,CAAqBC,MAArB,EAA6BC,UARnB;;EASnB;AACF;AACA;EACEf,IAAI,EAAEW,kBAAA,CAAUK,OAAV,CAAkBL,kBAAA,CAAUM,KAAV,CAAgB,EAAhB,CAAlB,CAZa;;EAanB;AACF;AACA;EACEf,aAAa,EAAES,kBAAA,CAAUO,IAhBN;;EAiBnB;AACF;AACA;EACEjB,qBAAqB,EAAEU,kBAAA,CAAUC,MAAV,CAAiBG;AApBrB,CAArB;;eAuBe,IAAAI,kBAAA,EAAWC,gBAAX,EAAmB;EAAEC,IAAI,EAAE;AAAR,CAAnB,EAAuDxB,QAAvD,C"}

package/dist/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/FileUploader/FileUploader.js

@@ -1,5 +1,19 @@
 "use strict";
 
+require("core-js/modules/es.object.keys.js");
+
+require("core-js/modules/es.symbol.js");
+
+require("core-js/modules/es.array.filter.js");
+
+require("core-js/modules/es.object.to-string.js");
+
+require("core-js/modules/es.object.get-own-property-descriptor.js");
+
+require("core-js/modules/web.dom-collections.for-each.js");
+
+require("core-js/modules/es.object.get-own-property-descriptors.js");
+
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
 
 Object.defineProperty(exports, "__esModule", {
@@ -7,7 +21,7 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = void 0;
 
-var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 
 var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
 
@@ -15,7 +29,7 @@ var _react = _interopRequireDefault(require("react"));
 
 var _propTypes = _interopRequireDefault(require("prop-types"));
 
-var _core = require("@material-ui/core");
+var _styles = require("@mui/styles");
 
 var _utils = require("../utils");
 
@@ -23,9 +37,16 @@ var _DropZone = _interopRequireDefault(require("./DropZone"));
 
 var _FileList = _interopRequireDefault(require("./FileList"));
 
-var _styles = _interopRequireDefault(require("./styles"));
+var _styles2 = _interopRequireDefault(require("./styles"));
+
+var _jsxRuntime = require("react/jsx-runtime");
 
 var _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) { (0, _defineProperty2.default)(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; }
+
 // TODO: this component needs to adopt the Form element shape and deprecate its way of composing labels
 var DEFAULT_LABELS = {
   dropzone: "Label",
@@ -65,24 +86,26 @@ var FileUploader = function FileUploader(_ref) {
       inputProps = _ref$inputProps === void 0 ? {} : _ref$inputProps,
       others = (0, _objectWithoutProperties2.default)(_ref, _excluded);
   var labels = (0, _utils.useLabels)(DEFAULT_LABELS, labelsProp);
-  return /*#__PURE__*/_react.default.createElement("div", (0, _extends2.default)({
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", _objectSpread(_objectSpread({
     id: id,
     className: className
-  }, others), /*#__PURE__*/_react.default.createElement(_DropZone.default, {
-    id: (0, _utils.setId)(id, "dropzone"),
-    labels: labels,
-    multiple: multiple,
-    disabled: disabled,
-    acceptedFiles: acceptedFiles,
-    maxFileSize: maxFileSize,
-    onFilesAdded: onFilesAdded,
-    inputProps: inputProps,
-    hideLabels: hideLabels
-  }), /*#__PURE__*/_react.default.createElement(_FileList.default, {
-    id: (0, _utils.setId)(id, "filelist"),
-    list: fileList,
-    onFileRemoved: onFileRemoved,
-    removeFileButtonLabel: labels.removeFileButtonLabel
+  }, others), {}, {
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_DropZone.default, {
+      id: (0, _utils.setId)(id, "dropzone"),
+      labels: labels,
+      multiple: multiple,
+      disabled: disabled,
+      acceptedFiles: acceptedFiles,
+      maxFileSize: maxFileSize,
+      onFilesAdded: onFilesAdded,
+      inputProps: inputProps,
+      hideLabels: hideLabels
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_FileList.default, {
+      id: (0, _utils.setId)(id, "filelist"),
+      list: fileList,
+      onFileRemoved: onFileRemoved,
+      removeFileButtonLabel: labels.removeFileButtonLabel
+    })]
   }));
 };
 
@@ -219,7 +242,7 @@ process.env.NODE_ENV !== "production" ? FileUploader.propTypes = {
   inputProps: _propTypes.default.instanceOf(Object)
 } : void 0;
 
-var _default = (0, _core.withStyles)(_styles.default, {
+var _default = (0, _styles.withStyles)(_styles2.default, {
   name: "HvFileUploader"
 })(FileUploader);
 

package/dist/FileUploader/FileUploader.js.map

@@ -1 +1 @@
-{"version":3,"file":"FileUploader.js","names":["DEFAULT_LABELS","dropzone","sizeWarning","drag","selectFiles","dropFiles","fileSizeError","fileTypeError","removeFileButtonLabel","FileUploader","id","className","labelsProp","labels","fileList","multiple","disabled","maxFileSize","Infinity","acceptedFiles","onFilesAdded","onFileRemoved","hideLabels","inputProps","others","useLabels","setId","propTypes","PropTypes","string","shape","arrayOf","name","size","number","progress","status","oneOf","preview","node","isRequired","bool","func","instanceOf","Object","withStyles","styles"],"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":["DEFAULT_LABELS","dropzone","sizeWarning","drag","selectFiles","dropFiles","fileSizeError","fileTypeError","removeFileButtonLabel","FileUploader","id","className","labelsProp","labels","fileList","multiple","disabled","maxFileSize","Infinity","acceptedFiles","onFilesAdded","onFileRemoved","hideLabels","inputProps","others","useLabels","setId","propTypes","PropTypes","string","shape","arrayOf","name","size","number","progress","status","oneOf","preview","node","isRequired","bool","func","instanceOf","Object","withStyles","styles"],"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/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/FileUploader/Preview/Preview.js

@@ -1,17 +1,27 @@
 "use strict";
 
-require("core-js/modules/es.array.iterator.js");
+require("core-js/modules/es.object.keys.js");
+
+require("core-js/modules/es.symbol.js");
+
+require("core-js/modules/es.array.filter.js");
 
 require("core-js/modules/es.object.to-string.js");
 
+require("core-js/modules/es.object.get-own-property-descriptor.js");
+
+require("core-js/modules/web.dom-collections.for-each.js");
+
+require("core-js/modules/es.object.get-own-property-descriptors.js");
+
+require("core-js/modules/es.array.iterator.js");
+
 require("core-js/modules/es.string.iterator.js");
 
 require("core-js/modules/es.weak-map.js");
 
 require("core-js/modules/web.dom-collections.iterator.js");
 
-require("core-js/modules/es.object.get-own-property-descriptor.js");
-
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
 
 var _typeof = require("@babel/runtime/helpers/typeof");
@@ -21,7 +31,7 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = void 0;
 
-var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 
 var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
 
@@ -29,13 +39,15 @@ var _react = _interopRequireWildcard(require("react"));
 
 var _propTypes = _interopRequireDefault(require("prop-types"));
 
-var _core = require("@material-ui/core");
+var _styles = require("@mui/styles");
 
 var _uikitReactIcons = require("@hitachivantara/uikit-react-icons");
 
 var _ = require("../..");
 
-var _styles = _interopRequireDefault(require("./styles"));
+var _styles2 = _interopRequireDefault(require("./styles"));
+
+var _jsxRuntime = require("react/jsx-runtime");
 
 var _PreviewIcon;
 
@@ -45,6 +57,10 @@ function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "functio
 
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
 
+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) { (0, _defineProperty2.default)(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; }
+
 /**
  * The `HvFileUploaderPreview` component is available to facilitate the styling
  * of the button (when clickable) and the detection of image unloading.
@@ -64,14 +80,17 @@ var Preview = function Preview(props) {
   }, [onUnload]);
 
   if (onClick) {
-    return /*#__PURE__*/_react.default.createElement(_.HvButton, (0, _extends2.default)({
+    return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_.HvButton, _objectSpread(_objectSpread({
       icon: true,
       className: classes.previewButton,
       onClick: onClick
-    }, others), children, !disableOverlay && /*#__PURE__*/_react.default.createElement("div", {
-      className: classes.overlay,
-      "aria-hidden": "true"
-    }, _PreviewIcon || (_PreviewIcon = /*#__PURE__*/_react.default.createElement(_uikitReactIcons.Preview, null))));
+    }, others), {}, {
+      children: [children, !disableOverlay && /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+        className: classes.overlay,
+        "aria-hidden": "true",
+        children: _PreviewIcon || (_PreviewIcon = /*#__PURE__*/(0, _jsxRuntime.jsx)(_uikitReactIcons.Preview, {}))
+      })]
+    }));
   }
 
   return children;
@@ -122,7 +141,7 @@ process.env.NODE_ENV !== "production" ? Preview.propTypes = {
   }).isRequired
 } : void 0;
 
-var _default = (0, _core.withStyles)(_styles.default, {
+var _default = (0, _styles.withStyles)(_styles2.default, {
   name: "HvFileUploaderPreview"
 })(Preview);
 

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

@@ -1 +1 @@
-{"version":3,"file":"Preview.js","names":["Preview","props","children","classes","onClick","onUnload","disableOverlay","others","useEffect","previewButton","overlay","propTypes","PropTypes","node","isRequired","func","bool","shape","string","withStyles","styles","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;;AACA;;AAEA;;AAEA;;AAEA;;AAEA;;;;;;;;;;AAEA;AACA;AACA;AACA;AACA,IAAMA,OAAO,GAAG,SAAVA,OAAU,CAACC,KAAD,EAAW;EACzB,IAAQC,QAAR,GAAoFD,KAApF,CAAQC,QAAR;EAAA,IAAkBC,OAAlB,GAAoFF,KAApF,CAAkBE,OAAlB;EAAA,IAA2BC,OAA3B,GAAoFH,KAApF,CAA2BG,OAA3B;EAAA,IAAoCC,QAApC,GAAoFJ,KAApF,CAAoCI,QAApC;EAAA,4BAAoFJ,KAApF,CAA8CK,cAA9C;EAAA,IAA8CA,cAA9C,sCAA+D,KAA/D;EAAA,IAAyEC,MAAzE,0CAAoFN,KAApF;EAEA,IAAAO,gBAAA,EAAU,YAAM;IACd,OAAO,YAAM;MACXH,QAAQ,SAAR,IAAAA,QAAQ,WAAR,YAAAA,QAAQ;IACT,CAFD;EAGD,CAJD,EAIG,CAACA,QAAD,CAJH;;EAMA,IAAID,OAAJ,EAAa;IACX,oBACE,6BAAC,UAAD;MAAU,IAAI,MAAd;MAAe,SAAS,EAAED,OAAO,CAACM,aAAlC;MAAiD,OAAO,EAAEL;IAA1D,GAAuEG,MAAvE,GACGL,QADH,EAEG,CAACI,cAAD,iBACC;MAAK,SAAS,EAAEH,OAAO,CAACO,OAAxB;MAAiC,eAAY;IAA7C,gDACE,6BAAC,wBAAD,OADF,EAHJ,CADF;EAUD;;EAED,OAAOR,QAAP;AACD,CAvBD;;AAyBA,wCAAAF,OAAO,CAACW,SAAR,GAAoB;EAClB;AACF;AACA;EACET,QAAQ,EAAEU,kBAAA,CAAUC,IAAV,CAAeC,UAJP;;EAKlB;AACF;AACA;AACA;AACA;AACA;AACA;EACEV,OAAO,EAAEQ,kBAAA,CAAUG,IAZD;;EAalB;AACF;AACA;AACA;AACA;EACEV,QAAQ,EAAEO,kBAAA,CAAUG,IAlBF;;EAmBlB;AACF;AACA;AACA;AACA;EACET,cAAc,EAAEM,kBAAA,CAAUI,IAxBR;;EAyBlB;AACF;AACA;EACEb,OAAO,EAAES,kBAAA,CAAUK,KAAV,CAAgB;IACvB;AACJ;AACA;IACIR,aAAa,EAAEG,kBAAA,CAAUM,MAJF;;IAKvB;AACJ;AACA;IACIR,OAAO,EAAEE,kBAAA,CAAUM;EARI,CAAhB,EASNJ;AArCe,CAApB;;eAwCe,IAAAK,gBAAA,EAAWC,eAAX,EAAmB;EAAEC,IAAI,EAAE;AAAR,CAAnB,EAAsDrB,OAAtD,C"}
+{"version":3,"file":"Preview.js","names":["Preview","props","children","classes","onClick","onUnload","disableOverlay","others","useEffect","previewButton","overlay","propTypes","PropTypes","node","isRequired","func","bool","shape","string","withStyles","styles","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;;AACA;;AAEA;;AAEA;;AAEA;;AAEA;;;;;;;;;;;;;;;;AAEA;AACA;AACA;AACA;AACA,IAAMA,OAAO,GAAG,SAAVA,OAAU,CAACC,KAAD,EAAW;EACzB,IAAQC,QAAR,GAAoFD,KAApF,CAAQC,QAAR;EAAA,IAAkBC,OAAlB,GAAoFF,KAApF,CAAkBE,OAAlB;EAAA,IAA2BC,OAA3B,GAAoFH,KAApF,CAA2BG,OAA3B;EAAA,IAAoCC,QAApC,GAAoFJ,KAApF,CAAoCI,QAApC;EAAA,4BAAoFJ,KAApF,CAA8CK,cAA9C;EAAA,IAA8CA,cAA9C,sCAA+D,KAA/D;EAAA,IAAyEC,MAAzE,0CAAoFN,KAApF;EAEA,IAAAO,gBAAA,EAAU,YAAM;IACd,OAAO,YAAM;MACXH,QAAQ,SAAR,IAAAA,QAAQ,WAAR,YAAAA,QAAQ;IACT,CAFD;EAGD,CAJD,EAIG,CAACA,QAAD,CAJH;;EAMA,IAAID,OAAJ,EAAa;IACX,oBACE,sBAAC,UAAD;MAAU,IAAI,MAAd;MAAe,SAAS,EAAED,OAAO,CAACM,aAAlC;MAAiD,OAAO,EAAEL;IAA1D,GAAuEG,MAAvE;MAAA,WACGL,QADH,EAEG,CAACI,cAAD,iBACC;QAAK,SAAS,EAAEH,OAAO,CAACO,OAAxB;QAAiC,eAAY,MAA7C;QAAA,uDACE,qBAAC,wBAAD,KADF;MAAA,EAHJ;IAAA,GADF;EAUD;;EAED,OAAOR,QAAP;AACD,CAvBD;;AAyBA,wCAAAF,OAAO,CAACW,SAAR,GAAoB;EAClB;AACF;AACA;EACET,QAAQ,EAAEU,kBAAA,CAAUC,IAAV,CAAeC,UAJP;;EAKlB;AACF;AACA;AACA;AACA;AACA;AACA;EACEV,OAAO,EAAEQ,kBAAA,CAAUG,IAZD;;EAalB;AACF;AACA;AACA;AACA;EACEV,QAAQ,EAAEO,kBAAA,CAAUG,IAlBF;;EAmBlB;AACF;AACA;AACA;AACA;EACET,cAAc,EAAEM,kBAAA,CAAUI,IAxBR;;EAyBlB;AACF;AACA;EACEb,OAAO,EAAES,kBAAA,CAAUK,KAAV,CAAgB;IACvB;AACJ;AACA;IACIR,aAAa,EAAEG,kBAAA,CAAUM,MAJF;;IAKvB;AACJ;AACA;IACIR,OAAO,EAAEE,kBAAA,CAAUM;EARI,CAAhB,EASNJ;AArCe,CAApB;;eAwCe,IAAAK,kBAAA,EAAWC,gBAAX,EAAmB;EAAEC,IAAI,EAAE;AAAR,CAAnB,EAAsDrB,OAAtD,C"}

package/dist/FilterGroup/Counter/Counter.js

@@ -43,6 +43,8 @@ var _FilterGroupContext = require("../FilterGroupContext");
 
 var _styles = _interopRequireDefault(require("./styles"));
 
+var _jsxRuntime = require("react/jsx-runtime");
+
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
 
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
@@ -93,9 +95,12 @@ var Counter = function Counter(_ref) {
   var totalCounter = options.reduce(function (acc, option) {
     return acc + option.data.length;
   }, 0);
-  return /*#__PURE__*/_react.default.createElement("div", {
-    className: (0, _clsx.default)(classes.root, className)
-  }, partialCounter > 0 ? /*#__PURE__*/_react.default.createElement("b", null, partialCounter) : partialCounter, " / ".concat(totalCounter));
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+    className: (0, _clsx.default)(classes.root, className),
+    children: [partialCounter > 0 ? /*#__PURE__*/(0, _jsxRuntime.jsx)("b", {
+      children: partialCounter
+    }) : partialCounter, " / ".concat(totalCounter)]
+  });
 };
 
 process.env.NODE_ENV !== "production" ? Counter.propTypes = {

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

@@ -1 +1 @@
-{"version":3,"file":"Counter.js","names":["getExistingFiltersById","idx","filterValues","filterOptions","total","forEach","fv","data","find","f","id","Counter","className","classes","useStyles","useContext","FilterGroupContext","appliedFilters","options","option","optionIdx","findIndex","groupsCounter","flat","filter","elem","undefined","fg","i","partialCounter","totalCounter","reduce","acc","length","clsx","root","propTypes","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;;AACA;;AACA;;AACA;;AACA;;;;;;AAEA,IAAMA,sBAAsB,GAAG,SAAzBA,sBAAyB,CAACC,GAAD,EAAMC,YAAN,EAAoBC,aAApB,EAAsC;EAAA;;EACnE,IAAIC,KAAK,GAAG,CAAZ;EACA,qBAAAF,YAAY,CAACD,GAAD,CAAZ,wEAAmBI,OAAnB,CAA2B,UAACC,EAAD,EAAQ;IAAA;;IACjC,0BAAIH,aAAa,CAACF,GAAD,CAAjB,+CAAI,mBAAoBM,IAApB,CAAyBC,IAAzB,CAA8B,UAACC,CAAD;MAAA,OAAOA,CAAC,CAACC,EAAF,KAASJ,EAAhB;IAAA,CAA9B,CAAJ,EAAuD;MACrDF,KAAK,IAAI,CAAT;IACD;EACF,CAJD;EAKA,OAAOA,KAAP;AACD,CARD;;AAUA,IAAMO,OAAO,GAAG,SAAVA,OAAU,OAAuB;EAAA;;EAAA,IAApBC,SAAoB,QAApBA,SAAoB;EAAA,IAATF,EAAS,QAATA,EAAS;EACrC,IAAMG,OAAO,GAAG,IAAAC,eAAA,GAAhB;;EACA,kBAAkE,IAAAC,iBAAA,EAAWC,sCAAX,CAAlE;EAAA,IAAQb,aAAR,eAAQA,aAAR;EAAA,wCAAuBD,YAAvB;EAAA,IAAuBA,YAAvB,sCAAsC,EAAtC;EAAA,wCAA0Ce,cAA1C;EAAA,IAA0CA,cAA1C,sCAA2D,EAA3D;;EAEA,IAAMC,OAAO,GAAGR,EAAE,GAAG,CAACP,aAAa,CAACK,IAAd,CAAmB,UAACW,MAAD;IAAA,OAAYA,MAAM,CAACT,EAAP,KAAcA,EAA1B;EAAA,CAAnB,CAAD,CAAH,GAAwDP,aAA1E;EACA,IAAMiB,SAAS,GAAGjB,aAAa,CAACkB,SAAd,CAAwB,UAACF,MAAD;IAAA,OAAYA,MAAM,CAACT,EAAP,KAAcA,EAA1B;EAAA,CAAxB,CAAlB;EAEA,IAAIY,aAAa,GAAG,CAApB;EACAL,cAAc,SAAd,IAAAA,cAAc,WAAd,oCAAAA,cAAc,CACVM,IADJ,gFAEIC,MAFJ,CAEW,UAACC,IAAD;IAAA,OAAUA,IAAI,KAAKC,SAAnB;EAAA,CAFX,EAGGrB,OAHH,CAGW,UAACsB,EAAD,EAAKC,CAAL,EAAW;IAClBN,aAAa,IAAItB,sBAAsB,CAAC4B,CAAD,EAAI1B,YAAJ,EAAkBC,aAAlB,CAAvC;EACD,CALH;EAOA,IAAM0B,cAAc,GAAGnB,EAAE,GACrBV,sBAAsB,CAACoB,SAAD,EAAYlB,YAAZ,EAA0BC,aAA1B,CAAtB,IAAkE,CAD7C,GAErBmB,aAFJ;EAGA,IAAMQ,YAAY,GAAGZ,OAAO,CAACa,MAAR,CAAe,UAACC,GAAD,EAAMb,MAAN;IAAA,OAAiBa,GAAG,GAAGb,MAAM,CAACZ,IAAP,CAAY0B,MAAnC;EAAA,CAAf,EAA0D,CAA1D,CAArB;EAEA,oBACE;IAAK,SAAS,EAAE,IAAAC,aAAA,EAAKrB,OAAO,CAACsB,IAAb,EAAmBvB,SAAnB;EAAhB,GACGiB,cAAc,GAAG,CAAjB,gBAAqB,wCAAIA,cAAJ,CAArB,GAA+CA,cADlD,eAESC,YAFT,EADF;AAMD,CA1BD;;AA4BA,wCAAAnB,OAAO,CAACyB,SAAR,GAAoB;EAClBxB,SAAS,EAAEyB,kBAAA,CAAUC,MADH;EAElB5B,EAAE,EAAE2B,kBAAA,CAAUC;AAFI,CAApB;eAKe3B,O"}
+{"version":3,"file":"Counter.js","names":["getExistingFiltersById","idx","filterValues","filterOptions","total","forEach","fv","data","find","f","id","Counter","className","classes","useStyles","useContext","FilterGroupContext","appliedFilters","options","option","optionIdx","findIndex","groupsCounter","flat","filter","elem","undefined","fg","i","partialCounter","totalCounter","reduce","acc","length","clsx","root","propTypes","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;;AACA;;AACA;;AACA;;AACA;;;;;;;;AAEA,IAAMA,sBAAsB,GAAG,SAAzBA,sBAAyB,CAACC,GAAD,EAAMC,YAAN,EAAoBC,aAApB,EAAsC;EAAA;;EACnE,IAAIC,KAAK,GAAG,CAAZ;EACA,qBAAAF,YAAY,CAACD,GAAD,CAAZ,wEAAmBI,OAAnB,CAA2B,UAACC,EAAD,EAAQ;IAAA;;IACjC,0BAAIH,aAAa,CAACF,GAAD,CAAjB,+CAAI,mBAAoBM,IAApB,CAAyBC,IAAzB,CAA8B,UAACC,CAAD;MAAA,OAAOA,CAAC,CAACC,EAAF,KAASJ,EAAhB;IAAA,CAA9B,CAAJ,EAAuD;MACrDF,KAAK,IAAI,CAAT;IACD;EACF,CAJD;EAKA,OAAOA,KAAP;AACD,CARD;;AAUA,IAAMO,OAAO,GAAG,SAAVA,OAAU,OAAuB;EAAA;;EAAA,IAApBC,SAAoB,QAApBA,SAAoB;EAAA,IAATF,EAAS,QAATA,EAAS;EACrC,IAAMG,OAAO,GAAG,IAAAC,eAAA,GAAhB;;EACA,kBAAkE,IAAAC,iBAAA,EAAWC,sCAAX,CAAlE;EAAA,IAAQb,aAAR,eAAQA,aAAR;EAAA,wCAAuBD,YAAvB;EAAA,IAAuBA,YAAvB,sCAAsC,EAAtC;EAAA,wCAA0Ce,cAA1C;EAAA,IAA0CA,cAA1C,sCAA2D,EAA3D;;EAEA,IAAMC,OAAO,GAAGR,EAAE,GAAG,CAACP,aAAa,CAACK,IAAd,CAAmB,UAACW,MAAD;IAAA,OAAYA,MAAM,CAACT,EAAP,KAAcA,EAA1B;EAAA,CAAnB,CAAD,CAAH,GAAwDP,aAA1E;EACA,IAAMiB,SAAS,GAAGjB,aAAa,CAACkB,SAAd,CAAwB,UAACF,MAAD;IAAA,OAAYA,MAAM,CAACT,EAAP,KAAcA,EAA1B;EAAA,CAAxB,CAAlB;EAEA,IAAIY,aAAa,GAAG,CAApB;EACAL,cAAc,SAAd,IAAAA,cAAc,WAAd,oCAAAA,cAAc,CACVM,IADJ,gFAEIC,MAFJ,CAEW,UAACC,IAAD;IAAA,OAAUA,IAAI,KAAKC,SAAnB;EAAA,CAFX,EAGGrB,OAHH,CAGW,UAACsB,EAAD,EAAKC,CAAL,EAAW;IAClBN,aAAa,IAAItB,sBAAsB,CAAC4B,CAAD,EAAI1B,YAAJ,EAAkBC,aAAlB,CAAvC;EACD,CALH;EAOA,IAAM0B,cAAc,GAAGnB,EAAE,GACrBV,sBAAsB,CAACoB,SAAD,EAAYlB,YAAZ,EAA0BC,aAA1B,CAAtB,IAAkE,CAD7C,GAErBmB,aAFJ;EAGA,IAAMQ,YAAY,GAAGZ,OAAO,CAACa,MAAR,CAAe,UAACC,GAAD,EAAMb,MAAN;IAAA,OAAiBa,GAAG,GAAGb,MAAM,CAACZ,IAAP,CAAY0B,MAAnC;EAAA,CAAf,EAA0D,CAA1D,CAArB;EAEA,oBACE;IAAK,SAAS,EAAE,IAAAC,aAAA,EAAKrB,OAAO,CAACsB,IAAb,EAAmBvB,SAAnB,CAAhB;IAAA,WACGiB,cAAc,GAAG,CAAjB,gBAAqB;MAAA,UAAIA;IAAJ,EAArB,GAA+CA,cADlD,eAESC,YAFT;EAAA,EADF;AAMD,CA1BD;;AA4BA,wCAAAnB,OAAO,CAACyB,SAAR,GAAoB;EAClBxB,SAAS,EAAEyB,kBAAA,CAAUC,MADH;EAElB5B,EAAE,EAAE2B,kBAAA,CAAUC;AAFI,CAApB;eAKe3B,O"}

package/dist/FilterGroup/Counter/styles.js

@@ -5,9 +5,9 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = void 0;
 
-var _core = require("@material-ui/core");
+var _styles = require("@mui/styles");
 
-var styles = (0, _core.makeStyles)(function () {
+var styles = (0, _styles.makeStyles)(function () {
   return {
     root: {
       height: "100%",

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

@@ -1 +1 @@
-{"version":3,"file":"styles.js","names":["styles","makeStyles","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;;AAEA,IAAMA,MAAM,GAAG,IAAAC,gBAAA,EAAW;EAAA,OAAO;IAC/BC,IAAI,EAAE;MACJC,MAAM,EAAE,MADJ;MAEJC,UAAU,EAAE,MAFR;MAGJC,MAAM,EAAE,QAHJ;MAIJC,aAAa,EAAE;IAJX;EADyB,CAAP;AAAA,CAAX,CAAf;eASeN,M"}
+{"version":3,"file":"styles.js","names":["styles","makeStyles","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;;AAEA,IAAMA,MAAM,GAAG,IAAAC,kBAAA,EAAW;EAAA,OAAO;IAC/BC,IAAI,EAAE;MACJC,MAAM,EAAE,MADJ;MAEJC,UAAU,EAAE,MAFR;MAGJC,MAAM,EAAE,QAHJ;MAIJC,aAAa,EAAE;IAJX;EADyB,CAAP;AAAA,CAAX,CAAf;eASeN,M"}

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

@@ -1,5 +1,5 @@
 import React from "react";
-import { StandardProps } from "@material-ui/core";
+import { StandardProps } from "@mui/material";
 import { FilterValue, HvBaseDropdownProps } from "../..";
 
 export type HvFilterContentClassKey =

package/dist/FilterGroup/FilterContent/FilterContent.js

@@ -1,17 +1,25 @@
 "use strict";
 
-require("core-js/modules/es.array.iterator.js");
+require("core-js/modules/es.object.keys.js");
+
+require("core-js/modules/es.array.filter.js");
 
 require("core-js/modules/es.object.to-string.js");
 
+require("core-js/modules/es.object.get-own-property-descriptor.js");
+
+require("core-js/modules/web.dom-collections.for-each.js");
+
+require("core-js/modules/es.object.get-own-property-descriptors.js");
+
+require("core-js/modules/es.array.iterator.js");
+
 require("core-js/modules/es.string.iterator.js");
 
 require("core-js/modules/es.weak-map.js");
 
 require("core-js/modules/web.dom-collections.iterator.js");
 
-require("core-js/modules/es.object.get-own-property-descriptor.js");
-
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
 
 var _typeof = require("@babel/runtime/helpers/typeof");
@@ -21,7 +29,7 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = void 0;
 
-var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 
 require("core-js/modules/es.symbol.js");
 
@@ -57,6 +65,8 @@ var _styles = _interopRequireDefault(require("./styles"));
 
 var _ = require("../..");
 
+var _jsxRuntime = require("react/jsx-runtime");
+
 var _Filters, _Counter;
 
 var _excluded = ["id", "status", "disabled", "aria-label", "aria-labelledby", "description", "aria-describedby", "onChange", "onCancel", "onClear", "labels", "horizontalPlacement", "disablePortal", "escapeWithReference", "height", "leftEmptyElement", "rightEmptyElement"];
@@ -65,6 +75,10 @@ function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "functio
 
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
 
+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) { (0, _defineProperty2.default)(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; }
+
 var FilterContent = function FilterContent(_ref) {
   var id = _ref.id,
       status = _ref.status,
@@ -140,11 +154,14 @@ var FilterContent = function FilterContent(_ref) {
   };
 
   var Header = (0, _react.useMemo)(function () {
-    return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, _Filters || (_Filters = /*#__PURE__*/_react.default.createElement(_uikitReactIcons.Filters, null)), /*#__PURE__*/_react.default.createElement(_.HvTypography, {
-      variant: "highlightText"
-    }, labels.placeholder));
+    return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
+      children: [_Filters || (_Filters = /*#__PURE__*/(0, _jsxRuntime.jsx)(_uikitReactIcons.Filters, {})), /*#__PURE__*/(0, _jsxRuntime.jsx)(_.HvTypography, {
+        variant: "highlightText",
+        children: labels.placeholder
+      })]
+    });
   }, [labels.placeholder]);
-  return /*#__PURE__*/_react.default.createElement(_.HvBaseDropdown, (0, _extends2.default)({
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_.HvBaseDropdown, _objectSpread(_objectSpread({
     id: (0, _.setId)(id, "dropdown"),
     role: "combobox",
     classes: {
@@ -162,7 +179,7 @@ var FilterContent = function FilterContent(_ref) {
     onClickOutside: onCancelHandler,
     onContainerCreation: focusOnContainer,
     placeholder: Header,
-    adornment: _Counter || (_Counter = /*#__PURE__*/_react.default.createElement(_Counter2.default, null)),
+    adornment: _Counter || (_Counter = /*#__PURE__*/(0, _jsxRuntime.jsx)(_Counter2.default, {})),
     popperProps: {
       modifiers: [{
         name: "preventOverflow",
@@ -175,43 +192,51 @@ var FilterContent = function FilterContent(_ref) {
     "aria-invalid": status === "invalid" ? true : undefined,
     "aria-errormessage": status === "invalid" ? (0, _.setId)(id, "error") : undefined,
     "aria-describedby": [description && (0, _.setId)(id, "description"), ariaDescribedBy].join(" ").trim() || undefined
-  }, others), /*#__PURE__*/_react.default.createElement("div", {
-    ref: focusTarget,
-    tabIndex: -1
-  }), /*#__PURE__*/_react.default.createElement("div", {
-    className: classes.root,
-    style: {
-      height: height
-    }
-  }, /*#__PURE__*/_react.default.createElement(_LeftPanel.default, {
-    id: id,
-    className: classes.leftSidePanel,
-    emptyElement: leftEmptyElement
-  }), /*#__PURE__*/_react.default.createElement(_RightPanel.default, {
-    id: id,
-    className: classes.rightSidePanel,
-    emptyElement: rightEmptyElement,
-    labels: labels
-  })), /*#__PURE__*/_react.default.createElement(_.HvActionBar, {
-    className: classes.actionBar
-  }, /*#__PURE__*/_react.default.createElement(_.HvButton, {
-    id: (0, _.setId)(id, "clearFilters-button"),
-    disabled: defaultValue ? (defaultValue === null || defaultValue === void 0 ? void 0 : defaultValue.flat().length) === (filterValues === null || filterValues === void 0 ? void 0 : filterValues.flat().length) : (filterValues === null || filterValues === void 0 ? void 0 : filterValues.flat().length) === 0,
-    category: "ghost",
-    onClick: onClearHandler
-  }, labels.clearLabel), /*#__PURE__*/_react.default.createElement("div", {
-    "aria-hidden": "true",
-    className: classes.space
-  }, "\xA0"), /*#__PURE__*/_react.default.createElement(_.HvButton, {
-    id: (0, _.setId)(id, "apply-button"),
-    disabled: applyDisabled,
-    category: "ghost",
-    onClick: onApplyHandler
-  }, labels.applyLabel), /*#__PURE__*/_react.default.createElement(_.HvButton, {
-    id: (0, _.setId)(id, "cancel-button"),
-    category: "ghost",
-    onClick: onCancelHandler
-  }, labels.cancelLabel)));
+  }, others), {}, {
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+      ref: focusTarget,
+      tabIndex: -1
+    }), /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+      className: classes.root,
+      style: {
+        height: height
+      },
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_LeftPanel.default, {
+        id: id,
+        className: classes.leftSidePanel,
+        emptyElement: leftEmptyElement
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_RightPanel.default, {
+        id: id,
+        className: classes.rightSidePanel,
+        emptyElement: rightEmptyElement,
+        labels: labels
+      })]
+    }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_.HvActionBar, {
+      className: classes.actionBar,
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_.HvButton, {
+        id: (0, _.setId)(id, "clearFilters-button"),
+        disabled: defaultValue ? (defaultValue === null || defaultValue === void 0 ? void 0 : defaultValue.flat().length) === (filterValues === null || filterValues === void 0 ? void 0 : filterValues.flat().length) : (filterValues === null || filterValues === void 0 ? void 0 : filterValues.flat().length) === 0,
+        category: "ghost",
+        onClick: onClearHandler,
+        children: labels.clearLabel
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+        "aria-hidden": "true",
+        className: classes.space,
+        children: "\xA0"
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_.HvButton, {
+        id: (0, _.setId)(id, "apply-button"),
+        disabled: applyDisabled,
+        category: "ghost",
+        onClick: onApplyHandler,
+        children: labels.applyLabel
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_.HvButton, {
+        id: (0, _.setId)(id, "cancel-button"),
+        category: "ghost",
+        onClick: onCancelHandler,
+        children: labels.cancelLabel
+      })]
+    })]
+  }));
 };
 
 process.env.NODE_ENV !== "production" ? FilterContent.propTypes = {