@hitachivantara/uikit-react-core 3.74.0 → 4.0.1-next.2

package/dist/FileUploader/DropZone/DropZone.js

@@ -1,5 +1,13 @@
 "use strict";
 
+require("core-js/modules/es.symbol.js");
+
+require("core-js/modules/es.array.filter.js");
+
+require("core-js/modules/es.object.get-own-property-descriptor.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");
@@ -8,8 +16,6 @@ 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");
@@ -41,7 +47,7 @@ require("core-js/modules/es.array.concat.js");
 
 require("core-js/modules/es.array.join.js");
 
-var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
 
@@ -55,7 +61,7 @@ var _clsx = _interopRequireDefault(require("clsx"));
 
 var _attrAccept = _interopRequireDefault(require("attr-accept"));
 
-var _core = require("@material-ui/core");
+var _styles = require("@mui/styles");
 
 var _uikitReactIcons = require("@hitachivantara/uikit-react-icons");
 
@@ -69,12 +75,18 @@ var _ = require("../..");
 
 var _withId = _interopRequireDefault(require("../../withId"));
 
-var _styles = _interopRequireDefault(require("./styles"));
+var _styles2 = _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; }
 
+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 DropZone = function DropZone(_ref) {
   var id = _ref.id,
       classes = _ref.classes,
@@ -133,89 +145,102 @@ var DropZone = function DropZone(_ref) {
     onFilesAdded === null || onFilesAdded === void 0 ? void 0 : onFilesAdded(newFiles);
   };
 
-  return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, !hideLabels && /*#__PURE__*/_react.default.createElement("div", {
-    id: id,
-    className: classes.dropZoneLabelsGroup,
-    "aria-label": "File Dropzone"
-  }, /*#__PURE__*/_react.default.createElement(_.HvLabel, {
-    id: (0, _.setId)(id, "input-file-label"),
-    htmlFor: (0, _.setId)(id, "input-file"),
-    label: labels.dropzone,
-    className: classes.dropZoneLabel
-  }), /*#__PURE__*/_react.default.createElement(_.HvInfoMessage, {
-    id: (0, _.setId)(id, "description")
-  }, Number.isInteger(maxFileSize) && "".concat(labels.sizeWarning, " ").concat((0, _utils2.convertUnits)(maxFileSize)), labels.acceptedFiles && labels.acceptedFiles, !labels.acceptedFiles && acceptedFiles.length > 0 && "\xA0(".concat(acceptedFiles.join(", "), ")"))), /*#__PURE__*/_react.default.createElement("div", {
-    id: (0, _.setId)(id, "button"),
-    className: (0, _clsx.default)(classes.dropZoneContainer, dragState && classes.dragAction, disabled && classes.dropZoneContainerDisabled),
-    role: "button",
-    tabIndex: 0,
-    onDragEnter: function onDragEnter(event) {
-      if (!disabled) {
-        enterDropArea();
-        event.stopPropagation();
-        event.preventDefault();
-      }
-    },
-    onDragLeave: leaveDropArea,
-    onDropCapture: leaveDropArea,
-    onDragOver: function onDragOver(event) {
-      if (!disabled) {
-        enterDropArea();
-        event.stopPropagation();
-        event.preventDefault();
-      }
-    },
-    onDrop: function onDrop(event) {
-      if (!disabled) {
-        var files = event.dataTransfer.files;
-
-        if (multiple === true || files.length === 1) {
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
+    children: [!hideLabels && /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+      id: id,
+      className: classes.dropZoneLabelsGroup,
+      "aria-label": "File Dropzone",
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_.HvLabel, {
+        id: (0, _.setId)(id, "input-file-label"),
+        htmlFor: (0, _.setId)(id, "input-file"),
+        label: labels.dropzone,
+        className: classes.dropZoneLabel
+      }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_.HvInfoMessage, {
+        id: (0, _.setId)(id, "description"),
+        children: [Number.isInteger(maxFileSize) && "".concat(labels.sizeWarning, " ").concat((0, _utils2.convertUnits)(maxFileSize)), labels.acceptedFiles && labels.acceptedFiles, !labels.acceptedFiles && acceptedFiles.length > 0 && "\xA0(".concat(acceptedFiles.join(", "), ")")]
+      })]
+    }), /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+      id: (0, _.setId)(id, "button"),
+      className: (0, _clsx.default)(classes.dropZoneContainer, dragState && classes.dragAction, disabled && classes.dropZoneContainerDisabled),
+      role: "button",
+      tabIndex: 0,
+      onDragEnter: function onDragEnter(event) {
+        if (!disabled) {
+          enterDropArea();
           event.stopPropagation();
           event.preventDefault();
-          onChangeHandler(files);
         }
-      }
-    },
-    onKeyDown: function onKeyDown(e) {
-      if ((0, _utils.isKeypress)(e, _utils.KeyboardCodes.Enter) || (0, _utils.isKeypress)(e, 32)) {
-        inputRef.current.click();
-      }
-    }
-  }, /*#__PURE__*/_react.default.createElement("input", (0, _extends2.default)({
-    id: (0, _.setId)(id, "input-file"),
-    tabIndex: -1,
-    className: classes.inputArea,
-    type: "file",
-    multiple: multiple,
-    disabled: disabled,
-    title: !disabled ? "".concat(labels.drag, "\xA0").concat(labels.selectFiles) : "",
-    onClick: function onClick() {
-      inputRef.current.value = null;
-    },
-    onChange: function onChange() {
-      if (!disabled) {
-        onChangeHandler(inputRef.current.files);
-      }
-    },
-    ref: inputRef,
-    accept: acceptedFiles.join(",")
-  }, inputProps)), /*#__PURE__*/_react.default.createElement("div", {
-    className: classes.dropArea
-  }, dragState ? /*#__PURE__*/_react.default.createElement("div", {
-    className: classes.dropZoneAreaLabels
-  }, /*#__PURE__*/_react.default.createElement(_Typography.default, {
-    className: classes.dragText
-  }, labels.dropFiles)) : /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_uikitReactIcons.Doc, {
-    iconSize: "M",
-    className: classes.dropZoneAreaIcon,
-    color: disabled ? "atmo4" : "acce1"
-  }), /*#__PURE__*/_react.default.createElement("div", {
-    className: classes.dropZoneAreaLabels
-  }, /*#__PURE__*/_react.default.createElement(_Typography.default, {
-    className: classes.dragText
-  }, labels.drag, /*#__PURE__*/_react.default.createElement("span", {
-    className: classes.selectFilesText
-  }, "\xA0".concat(labels.selectFiles))))))));
+      },
+      onDragLeave: leaveDropArea,
+      onDropCapture: leaveDropArea,
+      onDragOver: function onDragOver(event) {
+        if (!disabled) {
+          enterDropArea();
+          event.stopPropagation();
+          event.preventDefault();
+        }
+      },
+      onDrop: function onDrop(event) {
+        if (!disabled) {
+          var files = event.dataTransfer.files;
+
+          if (multiple === true || files.length === 1) {
+            event.stopPropagation();
+            event.preventDefault();
+            onChangeHandler(files);
+          }
+        }
+      },
+      onKeyDown: function onKeyDown(e) {
+        if ((0, _utils.isKeypress)(e, _utils.KeyboardCodes.Enter) || (0, _utils.isKeypress)(e, 32)) {
+          inputRef.current.click();
+        }
+      },
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("input", _objectSpread({
+        id: (0, _.setId)(id, "input-file"),
+        tabIndex: -1,
+        className: classes.inputArea,
+        type: "file",
+        multiple: multiple,
+        disabled: disabled,
+        title: !disabled ? "".concat(labels.drag, "\xA0").concat(labels.selectFiles) : "",
+        onClick: function onClick() {
+          inputRef.current.value = null;
+        },
+        onChange: function onChange() {
+          if (!disabled) {
+            onChangeHandler(inputRef.current.files);
+          }
+        },
+        ref: inputRef,
+        accept: acceptedFiles.join(",")
+      }, inputProps)), /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+        className: classes.dropArea,
+        children: dragState ? /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+          className: classes.dropZoneAreaLabels,
+          children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Typography.default, {
+            className: classes.dragText,
+            children: labels.dropFiles
+          })
+        }) : /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
+          children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_uikitReactIcons.Doc, {
+            iconSize: "M",
+            className: classes.dropZoneAreaIcon,
+            color: disabled ? "atmo4" : "acce1"
+          }), /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+            className: classes.dropZoneAreaLabels,
+            children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_Typography.default, {
+              className: classes.dragText,
+              children: [labels.drag, /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
+                className: classes.selectFilesText,
+                children: "\xA0".concat(labels.selectFiles)
+              })]
+            })
+          })]
+        })
+      })]
+    })]
+  });
 };
 
 process.env.NODE_ENV !== "production" ? DropZone.propTypes = {
@@ -325,7 +350,7 @@ process.env.NODE_ENV !== "production" ? DropZone.propTypes = {
   inputProps: _propTypes.default.instanceOf(Object)
 } : void 0;
 
-var _default = (0, _core.withStyles)(_styles.default, {
+var _default = (0, _styles.withStyles)(_styles2.default, {
   name: "HvFileUploaderDropZone"
 })((0, _withId.default)(DropZone));
 

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

@@ -1 +1 @@
-{"version":3,"file":"DropZone.js","names":["DropZone","id","classes","labels","multiple","disabled","acceptedFiles","maxFileSize","onFilesAdded","inputProps","hideLabels","useState","dragState","setDrag","inputRef","useRef","leaveDropArea","enterDropArea","onChangeHandler","evt","filesToProcess","Object","keys","map","e","newFiles","forEach","file","newFile","isSizeAllowed","size","isFileAccepted","length","indexOf","type","split","some","acceptExtension","accept","name","errorMessage","fileTypeError","status","fileSizeError","uniqueId","push","dropZoneLabelsGroup","setId","dropzone","dropZoneLabel","Number","isInteger","sizeWarning","convertUnits","join","clsx","dropZoneContainer","dragAction","dropZoneContainerDisabled","event","stopPropagation","preventDefault","files","dataTransfer","isKeypress","KeyboardCodes","Enter","current","click","inputArea","drag","selectFiles","value","dropArea","dropZoneAreaLabels","dragText","dropFiles","dropZoneAreaIcon","selectFilesText","propTypes","PropTypes","string","shape","isRequired","instanceOf","bool","arrayOf","number","func","withStyles","styles","withId"],"sources":["../../../src/FileUploader/DropZone/DropZone.js"],"sourcesContent":["import React, { useRef, useState } from \"react\";\nimport PropTypes from \"prop-types\";\nimport uniqueId from \"lodash/uniqueId\";\nimport clsx from \"clsx\";\nimport accept from \"attr-accept\";\nimport { withStyles } from \"@material-ui/core\";\nimport { Doc } from \"@hitachivantara/uikit-react-icons\";\nimport { isKeypress, KeyboardCodes } from \"../../utils\";\nimport HvTypography from \"../../Typography\";\nimport { convertUnits } from \"../utils\";\nimport { setId, HvLabel, HvInfoMessage } from \"../..\";\nimport withId from \"../../withId\";\nimport styles from \"./styles\";\n\nconst DropZone = ({\n  id,\n  classes,\n  labels,\n  multiple = true,\n  disabled = false,\n  acceptedFiles,\n  maxFileSize,\n  onFilesAdded,\n  inputProps,\n  hideLabels,\n}) => {\n  const [dragState, setDrag] = useState(false);\n  const inputRef = useRef();\n\n  const leaveDropArea = () => {\n    setDrag(false);\n  };\n\n  const enterDropArea = () => {\n    setDrag(true);\n  };\n\n  const onChangeHandler = (evt) => {\n    const filesToProcess = Object.keys(evt).map((e) => evt[e]);\n\n    const newFiles = [];\n\n    filesToProcess.forEach((file) => {\n      const newFile = file;\n\n      const isSizeAllowed = file.size <= maxFileSize;\n      const isFileAccepted =\n        !acceptedFiles.length ||\n        acceptedFiles.indexOf(file.type.split(\"/\")[1]) > -1 ||\n        acceptedFiles.some((acceptExtension) =>\n          accept({ name: file.name, type: file.type }, acceptExtension)\n        );\n\n      if (!isFileAccepted) {\n        newFile.errorMessage = labels.fileTypeError;\n        newFile.status = \"fail\";\n      } else if (!isSizeAllowed) {\n        newFile.errorMessage = labels.fileSizeError;\n        newFile.status = \"fail\";\n      }\n\n      newFile.id = uniqueId(\"uploaded-file-data-\");\n      newFiles.push(newFile);\n    });\n\n    onFilesAdded?.(newFiles);\n  };\n\n  return (\n    <>\n      {!hideLabels && (\n        <div id={id} className={classes.dropZoneLabelsGroup} aria-label=\"File Dropzone\">\n          <HvLabel\n            id={setId(id, \"input-file-label\")}\n            htmlFor={setId(id, \"input-file\")}\n            label={labels.dropzone}\n            className={classes.dropZoneLabel}\n          />\n          <HvInfoMessage id={setId(id, \"description\")}>\n            {Number.isInteger(maxFileSize) && `${labels.sizeWarning} ${convertUnits(maxFileSize)}`}\n            {labels.acceptedFiles && labels.acceptedFiles}\n            {!labels.acceptedFiles &&\n              acceptedFiles.length > 0 &&\n              `\\u00A0(${acceptedFiles.join(\", \")})`}\n          </HvInfoMessage>\n        </div>\n      )}\n      <div\n        id={setId(id, \"button\")}\n        className={clsx(classes.dropZoneContainer, {\n          [classes.dragAction]: dragState,\n          [classes.dropZoneContainerDisabled]: disabled,\n        })}\n        role=\"button\"\n        tabIndex={0}\n        onDragEnter={(event) => {\n          if (!disabled) {\n            enterDropArea();\n            event.stopPropagation();\n            event.preventDefault();\n          }\n        }}\n        onDragLeave={leaveDropArea}\n        onDropCapture={leaveDropArea}\n        onDragOver={(event) => {\n          if (!disabled) {\n            enterDropArea();\n            event.stopPropagation();\n            event.preventDefault();\n          }\n        }}\n        onDrop={(event) => {\n          if (!disabled) {\n            const { files } = event.dataTransfer;\n            if (multiple === true || files.length === 1) {\n              event.stopPropagation();\n              event.preventDefault();\n              onChangeHandler(files);\n            }\n          }\n        }}\n        onKeyDown={(e) => {\n          if (isKeypress(e, KeyboardCodes.Enter) || isKeypress(e, 32)) {\n            inputRef.current.click();\n          }\n        }}\n      >\n        <input\n          id={setId(id, \"input-file\")}\n          tabIndex={-1}\n          className={classes.inputArea}\n          type=\"file\"\n          multiple={multiple}\n          disabled={disabled}\n          title={!disabled ? `${labels.drag}\\xa0${labels.selectFiles}` : \"\"}\n          onClick={() => {\n            inputRef.current.value = null;\n          }}\n          onChange={() => {\n            if (!disabled) {\n              onChangeHandler(inputRef.current.files);\n            }\n          }}\n          ref={inputRef}\n          accept={acceptedFiles.join(\",\")}\n          {...inputProps}\n        />\n\n        <div className={classes.dropArea}>\n          {dragState ? (\n            <div className={classes.dropZoneAreaLabels}>\n              <HvTypography className={classes.dragText}>{labels.dropFiles}</HvTypography>\n            </div>\n          ) : (\n            <>\n              <Doc\n                iconSize=\"M\"\n                className={classes.dropZoneAreaIcon}\n                color={disabled ? \"atmo4\" : \"acce1\"}\n              />\n              <div className={classes.dropZoneAreaLabels}>\n                <HvTypography className={classes.dragText}>\n                  {labels.drag}\n                  <span className={classes.selectFilesText}>{`\\xa0${labels.selectFiles}`}</span>\n                </HvTypography>\n              </div>\n            </>\n          )}\n        </div>\n      </div>\n    </>\n  );\n};\n\nDropZone.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     * Styles applied to the container element.\n     */\n    dropZoneContainer: PropTypes.string,\n    /**\n     * Styles applied to the labels group.\n     */\n    dropZoneLabelsGroup: PropTypes.string,\n    /**\n     * Style applied when dragging.\n     */\n    dragAction: PropTypes.string,\n    /**\n     * Style applied when the component is disabled.\n     */\n    dropZoneContainerDisabled: PropTypes.string,\n    /**\n     * Style applied to the input area.\n     */\n    inputArea: PropTypes.string,\n    /**\n     * Style applied to the drop area.\n     */\n    dropArea: PropTypes.string,\n    /**\n     * Style applied to the labels area.\n     */\n    dropZoneAreaLabels: PropTypes.string,\n    /**\n     * Style applied to the icon area.\n     */\n    dropZoneAreaIcon: PropTypes.string,\n    /**\n     * Style applied to the dropzone label.\n     */\n    dropZoneLabel: PropTypes.string,\n    /**\n     * Style applied to the typography when dragging.\n     */\n    dragText: PropTypes.string,\n    /**\n     * Style applied to the selected files.\n     */\n    selectFilesText: PropTypes.string,\n  }).isRequired,\n  /**\n   * Labels to present in Fileuploader.\n   */\n  labels: PropTypes.instanceOf(Object),\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   * Files extensions accepted for upload. Follows https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input/file#accept\n   */\n  acceptedFiles: PropTypes.arrayOf(PropTypes.string).isRequired,\n  /**\n   * Max upload size\n   * */\n  maxFileSize: PropTypes.number.isRequired,\n  /**\n   * Function responsible for processing files added to the drop zone.\n   */\n  onFilesAdded: PropTypes.func,\n  /**\n   * Whether the DropZone should show 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: \"HvFileUploaderDropZone\" })(withId(DropZone));\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;;;;;AAEA,IAAMA,QAAQ,GAAG,SAAXA,QAAW,OAWX;EAAA,IAVJC,EAUI,QAVJA,EAUI;EAAA,IATJC,OASI,QATJA,OASI;EAAA,IARJC,MAQI,QARJA,MAQI;EAAA,yBAPJC,QAOI;EAAA,IAPJA,QAOI,8BAPO,IAOP;EAAA,yBANJC,QAMI;EAAA,IANJA,QAMI,8BANO,KAMP;EAAA,IALJC,aAKI,QALJA,aAKI;EAAA,IAJJC,WAII,QAJJA,WAII;EAAA,IAHJC,YAGI,QAHJA,YAGI;EAAA,IAFJC,UAEI,QAFJA,UAEI;EAAA,IADJC,UACI,QADJA,UACI;;EACJ,gBAA6B,IAAAC,eAAA,EAAS,KAAT,CAA7B;EAAA;EAAA,IAAOC,SAAP;EAAA,IAAkBC,OAAlB;;EACA,IAAMC,QAAQ,GAAG,IAAAC,aAAA,GAAjB;;EAEA,IAAMC,aAAa,GAAG,SAAhBA,aAAgB,GAAM;IAC1BH,OAAO,CAAC,KAAD,CAAP;EACD,CAFD;;EAIA,IAAMI,aAAa,GAAG,SAAhBA,aAAgB,GAAM;IAC1BJ,OAAO,CAAC,IAAD,CAAP;EACD,CAFD;;EAIA,IAAMK,eAAe,GAAG,SAAlBA,eAAkB,CAACC,GAAD,EAAS;IAC/B,IAAMC,cAAc,GAAGC,MAAM,CAACC,IAAP,CAAYH,GAAZ,EAAiBI,GAAjB,CAAqB,UAACC,CAAD;MAAA,OAAOL,GAAG,CAACK,CAAD,CAAV;IAAA,CAArB,CAAvB;IAEA,IAAMC,QAAQ,GAAG,EAAjB;IAEAL,cAAc,CAACM,OAAf,CAAuB,UAACC,IAAD,EAAU;MAC/B,IAAMC,OAAO,GAAGD,IAAhB;MAEA,IAAME,aAAa,GAAGF,IAAI,CAACG,IAAL,IAAavB,WAAnC;MACA,IAAMwB,cAAc,GAClB,CAACzB,aAAa,CAAC0B,MAAf,IACA1B,aAAa,CAAC2B,OAAd,CAAsBN,IAAI,CAACO,IAAL,CAAUC,KAAV,CAAgB,GAAhB,EAAqB,CAArB,CAAtB,IAAiD,CAAC,CADlD,IAEA7B,aAAa,CAAC8B,IAAd,CAAmB,UAACC,eAAD;QAAA,OACjB,IAAAC,mBAAA,EAAO;UAAEC,IAAI,EAAEZ,IAAI,CAACY,IAAb;UAAmBL,IAAI,EAAEP,IAAI,CAACO;QAA9B,CAAP,EAA6CG,eAA7C,CADiB;MAAA,CAAnB,CAHF;;MAOA,IAAI,CAACN,cAAL,EAAqB;QACnBH,OAAO,CAACY,YAAR,GAAuBrC,MAAM,CAACsC,aAA9B;QACAb,OAAO,CAACc,MAAR,GAAiB,MAAjB;MACD,CAHD,MAGO,IAAI,CAACb,aAAL,EAAoB;QACzBD,OAAO,CAACY,YAAR,GAAuBrC,MAAM,CAACwC,aAA9B;QACAf,OAAO,CAACc,MAAR,GAAiB,MAAjB;MACD;;MAEDd,OAAO,CAAC3B,EAAR,GAAa,IAAA2C,iBAAA,EAAS,qBAAT,CAAb;MACAnB,QAAQ,CAACoB,IAAT,CAAcjB,OAAd;IACD,CArBD;IAuBApB,YAAY,SAAZ,IAAAA,YAAY,WAAZ,YAAAA,YAAY,CAAGiB,QAAH,CAAZ;EACD,CA7BD;;EA+BA,oBACE,4DACG,CAACf,UAAD,iBACC;IAAK,EAAE,EAAET,EAAT;IAAa,SAAS,EAAEC,OAAO,CAAC4C,mBAAhC;IAAqD,cAAW;EAAhE,gBACE,6BAAC,SAAD;IACE,EAAE,EAAE,IAAAC,OAAA,EAAM9C,EAAN,EAAU,kBAAV,CADN;IAEE,OAAO,EAAE,IAAA8C,OAAA,EAAM9C,EAAN,EAAU,YAAV,CAFX;IAGE,KAAK,EAAEE,MAAM,CAAC6C,QAHhB;IAIE,SAAS,EAAE9C,OAAO,CAAC+C;EAJrB,EADF,eAOE,6BAAC,eAAD;IAAe,EAAE,EAAE,IAAAF,OAAA,EAAM9C,EAAN,EAAU,aAAV;EAAnB,GACGiD,MAAM,CAACC,SAAP,CAAiB5C,WAAjB,eAAoCJ,MAAM,CAACiD,WAA3C,cAA0D,IAAAC,oBAAA,EAAa9C,WAAb,CAA1D,CADH,EAEGJ,MAAM,CAACG,aAAP,IAAwBH,MAAM,CAACG,aAFlC,EAGG,CAACH,MAAM,CAACG,aAAR,IACCA,aAAa,CAAC0B,MAAd,GAAuB,CADxB,mBAEW1B,aAAa,CAACgD,IAAd,CAAmB,IAAnB,CAFX,MAHH,CAPF,CAFJ,eAkBE;IACE,EAAE,EAAE,IAAAP,OAAA,EAAM9C,EAAN,EAAU,QAAV,CADN;IAEE,SAAS,EAAE,IAAAsD,aAAA,EAAKrD,OAAO,CAACsD,iBAAb,EACa5C,SADb,IACRV,OAAO,CAACuD,UADA,EAE4BpD,QAF5B,IAERH,OAAO,CAACwD,yBAFA,CAFb;IAME,IAAI,EAAC,QANP;IAOE,QAAQ,EAAE,CAPZ;IAQE,WAAW,EAAE,qBAACC,KAAD,EAAW;MACtB,IAAI,CAACtD,QAAL,EAAe;QACbY,aAAa;QACb0C,KAAK,CAACC,eAAN;QACAD,KAAK,CAACE,cAAN;MACD;IACF,CAdH;IAeE,WAAW,EAAE7C,aAff;IAgBE,aAAa,EAAEA,aAhBjB;IAiBE,UAAU,EAAE,oBAAC2C,KAAD,EAAW;MACrB,IAAI,CAACtD,QAAL,EAAe;QACbY,aAAa;QACb0C,KAAK,CAACC,eAAN;QACAD,KAAK,CAACE,cAAN;MACD;IACF,CAvBH;IAwBE,MAAM,EAAE,gBAACF,KAAD,EAAW;MACjB,IAAI,CAACtD,QAAL,EAAe;QACb,IAAQyD,KAAR,GAAkBH,KAAK,CAACI,YAAxB,CAAQD,KAAR;;QACA,IAAI1D,QAAQ,KAAK,IAAb,IAAqB0D,KAAK,CAAC9B,MAAN,KAAiB,CAA1C,EAA6C;UAC3C2B,KAAK,CAACC,eAAN;UACAD,KAAK,CAACE,cAAN;UACA3C,eAAe,CAAC4C,KAAD,CAAf;QACD;MACF;IACF,CAjCH;IAkCE,SAAS,EAAE,mBAACtC,CAAD,EAAO;MAChB,IAAI,IAAAwC,iBAAA,EAAWxC,CAAX,EAAcyC,oBAAA,CAAcC,KAA5B,KAAsC,IAAAF,iBAAA,EAAWxC,CAAX,EAAc,EAAd,CAA1C,EAA6D;QAC3DV,QAAQ,CAACqD,OAAT,CAAiBC,KAAjB;MACD;IACF;EAtCH,gBAwCE;IACE,EAAE,EAAE,IAAArB,OAAA,EAAM9C,EAAN,EAAU,YAAV,CADN;IAEE,QAAQ,EAAE,CAAC,CAFb;IAGE,SAAS,EAAEC,OAAO,CAACmE,SAHrB;IAIE,IAAI,EAAC,MAJP;IAKE,QAAQ,EAAEjE,QALZ;IAME,QAAQ,EAAEC,QANZ;IAOE,KAAK,EAAE,CAACA,QAAD,aAAeF,MAAM,CAACmE,IAAtB,iBAAiCnE,MAAM,CAACoE,WAAxC,IAAwD,EAPjE;IAQE,OAAO,EAAE,mBAAM;MACbzD,QAAQ,CAACqD,OAAT,CAAiBK,KAAjB,GAAyB,IAAzB;IACD,CAVH;IAWE,QAAQ,EAAE,oBAAM;MACd,IAAI,CAACnE,QAAL,EAAe;QACba,eAAe,CAACJ,QAAQ,CAACqD,OAAT,CAAiBL,KAAlB,CAAf;MACD;IACF,CAfH;IAgBE,GAAG,EAAEhD,QAhBP;IAiBE,MAAM,EAAER,aAAa,CAACgD,IAAd,CAAmB,GAAnB;EAjBV,GAkBM7C,UAlBN,EAxCF,eA6DE;IAAK,SAAS,EAAEP,OAAO,CAACuE;EAAxB,GACG7D,SAAS,gBACR;IAAK,SAAS,EAAEV,OAAO,CAACwE;EAAxB,gBACE,6BAAC,mBAAD;IAAc,SAAS,EAAExE,OAAO,CAACyE;EAAjC,GAA4CxE,MAAM,CAACyE,SAAnD,CADF,CADQ,gBAKR,yEACE,6BAAC,oBAAD;IACE,QAAQ,EAAC,GADX;IAEE,SAAS,EAAE1E,OAAO,CAAC2E,gBAFrB;IAGE,KAAK,EAAExE,QAAQ,GAAG,OAAH,GAAa;EAH9B,EADF,eAME;IAAK,SAAS,EAAEH,OAAO,CAACwE;EAAxB,gBACE,6BAAC,mBAAD;IAAc,SAAS,EAAExE,OAAO,CAACyE;EAAjC,GACGxE,MAAM,CAACmE,IADV,eAEE;IAAM,SAAS,EAAEpE,OAAO,CAAC4E;EAAzB,iBAAkD3E,MAAM,CAACoE,WAAzD,EAFF,CADF,CANF,CANJ,CA7DF,CAlBF,CADF;AAwGD,CA9JD;;AAgKA,wCAAAvE,QAAQ,CAAC+E,SAAT,GAAqB;EACnB;AACF;AACA;EACE9E,EAAE,EAAE+E,kBAAA,CAAUC,MAJK;;EAKnB;AACF;AACA;EACE/E,OAAO,EAAE8E,kBAAA,CAAUE,KAAV,CAAgB;IACvB;AACJ;AACA;IACI1B,iBAAiB,EAAEwB,kBAAA,CAAUC,MAJN;;IAKvB;AACJ;AACA;IACInC,mBAAmB,EAAEkC,kBAAA,CAAUC,MARR;;IASvB;AACJ;AACA;IACIxB,UAAU,EAAEuB,kBAAA,CAAUC,MAZC;;IAavB;AACJ;AACA;IACIvB,yBAAyB,EAAEsB,kBAAA,CAAUC,MAhBd;;IAiBvB;AACJ;AACA;IACIZ,SAAS,EAAEW,kBAAA,CAAUC,MApBE;;IAqBvB;AACJ;AACA;IACIR,QAAQ,EAAEO,kBAAA,CAAUC,MAxBG;;IAyBvB;AACJ;AACA;IACIP,kBAAkB,EAAEM,kBAAA,CAAUC,MA5BP;;IA6BvB;AACJ;AACA;IACIJ,gBAAgB,EAAEG,kBAAA,CAAUC,MAhCL;;IAiCvB;AACJ;AACA;IACIhC,aAAa,EAAE+B,kBAAA,CAAUC,MApCF;;IAqCvB;AACJ;AACA;IACIN,QAAQ,EAAEK,kBAAA,CAAUC,MAxCG;;IAyCvB;AACJ;AACA;IACIH,eAAe,EAAEE,kBAAA,CAAUC;EA5CJ,CAAhB,EA6CNE,UArDgB;;EAsDnB;AACF;AACA;EACEhF,MAAM,EAAE6E,kBAAA,CAAUI,UAAV,CAAqB/D,MAArB,CAzDW;;EA0DnB;AACF;AACA;EACEjB,QAAQ,EAAE4E,kBAAA,CAAUK,IA7DD;;EA8DnB;AACF;AACA;EACEhF,QAAQ,EAAE2E,kBAAA,CAAUK,IAjED;;EAkEnB;AACF;AACA;EACE/E,aAAa,EAAE0E,kBAAA,CAAUM,OAAV,CAAkBN,kBAAA,CAAUC,MAA5B,EAAoCE,UArEhC;;EAsEnB;AACF;AACA;EACE5E,WAAW,EAAEyE,kBAAA,CAAUO,MAAV,CAAiBJ,UAzEX;;EA0EnB;AACF;AACA;EACE3E,YAAY,EAAEwE,kBAAA,CAAUQ,IA7EL;;EA8EnB;AACF;AACA;EACE9E,UAAU,EAAEsE,kBAAA,CAAUK,IAjFH;;EAkFnB;AACF;AACA;EACE5E,UAAU,EAAEuE,kBAAA,CAAUI,UAAV,CAAqB/D,MAArB;AArFO,CAArB;;eAwFe,IAAAoE,gBAAA,EAAWC,eAAX,EAAmB;EAAEnD,IAAI,EAAE;AAAR,CAAnB,EAAuD,IAAAoD,eAAA,EAAO3F,QAAP,CAAvD,C"}
+{"version":3,"file":"DropZone.js","names":["DropZone","id","classes","labels","multiple","disabled","acceptedFiles","maxFileSize","onFilesAdded","inputProps","hideLabels","useState","dragState","setDrag","inputRef","useRef","leaveDropArea","enterDropArea","onChangeHandler","evt","filesToProcess","Object","keys","map","e","newFiles","forEach","file","newFile","isSizeAllowed","size","isFileAccepted","length","indexOf","type","split","some","acceptExtension","accept","name","errorMessage","fileTypeError","status","fileSizeError","uniqueId","push","dropZoneLabelsGroup","setId","dropzone","dropZoneLabel","Number","isInteger","sizeWarning","convertUnits","join","clsx","dropZoneContainer","dragAction","dropZoneContainerDisabled","event","stopPropagation","preventDefault","files","dataTransfer","isKeypress","KeyboardCodes","Enter","current","click","inputArea","drag","selectFiles","value","dropArea","dropZoneAreaLabels","dragText","dropFiles","dropZoneAreaIcon","selectFilesText","propTypes","PropTypes","string","shape","isRequired","instanceOf","bool","arrayOf","number","func","withStyles","styles","withId"],"sources":["../../../src/FileUploader/DropZone/DropZone.js"],"sourcesContent":["import React, { useRef, useState } from \"react\";\nimport PropTypes from \"prop-types\";\nimport uniqueId from \"lodash/uniqueId\";\nimport clsx from \"clsx\";\nimport accept from \"attr-accept\";\nimport { withStyles } from \"@mui/styles\";\nimport { Doc } from \"@hitachivantara/uikit-react-icons\";\nimport { isKeypress, KeyboardCodes } from \"../../utils\";\nimport HvTypography from \"../../Typography\";\nimport { convertUnits } from \"../utils\";\nimport { setId, HvLabel, HvInfoMessage } from \"../..\";\nimport withId from \"../../withId\";\nimport styles from \"./styles\";\n\nconst DropZone = ({\n  id,\n  classes,\n  labels,\n  multiple = true,\n  disabled = false,\n  acceptedFiles,\n  maxFileSize,\n  onFilesAdded,\n  inputProps,\n  hideLabels,\n}) => {\n  const [dragState, setDrag] = useState(false);\n  const inputRef = useRef();\n\n  const leaveDropArea = () => {\n    setDrag(false);\n  };\n\n  const enterDropArea = () => {\n    setDrag(true);\n  };\n\n  const onChangeHandler = (evt) => {\n    const filesToProcess = Object.keys(evt).map((e) => evt[e]);\n\n    const newFiles = [];\n\n    filesToProcess.forEach((file) => {\n      const newFile = file;\n\n      const isSizeAllowed = file.size <= maxFileSize;\n      const isFileAccepted =\n        !acceptedFiles.length ||\n        acceptedFiles.indexOf(file.type.split(\"/\")[1]) > -1 ||\n        acceptedFiles.some((acceptExtension) =>\n          accept({ name: file.name, type: file.type }, acceptExtension)\n        );\n\n      if (!isFileAccepted) {\n        newFile.errorMessage = labels.fileTypeError;\n        newFile.status = \"fail\";\n      } else if (!isSizeAllowed) {\n        newFile.errorMessage = labels.fileSizeError;\n        newFile.status = \"fail\";\n      }\n\n      newFile.id = uniqueId(\"uploaded-file-data-\");\n      newFiles.push(newFile);\n    });\n\n    onFilesAdded?.(newFiles);\n  };\n\n  return (\n    <>\n      {!hideLabels && (\n        <div id={id} className={classes.dropZoneLabelsGroup} aria-label=\"File Dropzone\">\n          <HvLabel\n            id={setId(id, \"input-file-label\")}\n            htmlFor={setId(id, \"input-file\")}\n            label={labels.dropzone}\n            className={classes.dropZoneLabel}\n          />\n          <HvInfoMessage id={setId(id, \"description\")}>\n            {Number.isInteger(maxFileSize) && `${labels.sizeWarning} ${convertUnits(maxFileSize)}`}\n            {labels.acceptedFiles && labels.acceptedFiles}\n            {!labels.acceptedFiles &&\n              acceptedFiles.length > 0 &&\n              `\\u00A0(${acceptedFiles.join(\", \")})`}\n          </HvInfoMessage>\n        </div>\n      )}\n      <div\n        id={setId(id, \"button\")}\n        className={clsx(classes.dropZoneContainer, {\n          [classes.dragAction]: dragState,\n          [classes.dropZoneContainerDisabled]: disabled,\n        })}\n        role=\"button\"\n        tabIndex={0}\n        onDragEnter={(event) => {\n          if (!disabled) {\n            enterDropArea();\n            event.stopPropagation();\n            event.preventDefault();\n          }\n        }}\n        onDragLeave={leaveDropArea}\n        onDropCapture={leaveDropArea}\n        onDragOver={(event) => {\n          if (!disabled) {\n            enterDropArea();\n            event.stopPropagation();\n            event.preventDefault();\n          }\n        }}\n        onDrop={(event) => {\n          if (!disabled) {\n            const { files } = event.dataTransfer;\n            if (multiple === true || files.length === 1) {\n              event.stopPropagation();\n              event.preventDefault();\n              onChangeHandler(files);\n            }\n          }\n        }}\n        onKeyDown={(e) => {\n          if (isKeypress(e, KeyboardCodes.Enter) || isKeypress(e, 32)) {\n            inputRef.current.click();\n          }\n        }}\n      >\n        <input\n          id={setId(id, \"input-file\")}\n          tabIndex={-1}\n          className={classes.inputArea}\n          type=\"file\"\n          multiple={multiple}\n          disabled={disabled}\n          title={!disabled ? `${labels.drag}\\xa0${labels.selectFiles}` : \"\"}\n          onClick={() => {\n            inputRef.current.value = null;\n          }}\n          onChange={() => {\n            if (!disabled) {\n              onChangeHandler(inputRef.current.files);\n            }\n          }}\n          ref={inputRef}\n          accept={acceptedFiles.join(\",\")}\n          {...inputProps}\n        />\n\n        <div className={classes.dropArea}>\n          {dragState ? (\n            <div className={classes.dropZoneAreaLabels}>\n              <HvTypography className={classes.dragText}>{labels.dropFiles}</HvTypography>\n            </div>\n          ) : (\n            <>\n              <Doc\n                iconSize=\"M\"\n                className={classes.dropZoneAreaIcon}\n                color={disabled ? \"atmo4\" : \"acce1\"}\n              />\n              <div className={classes.dropZoneAreaLabels}>\n                <HvTypography className={classes.dragText}>\n                  {labels.drag}\n                  <span className={classes.selectFilesText}>{`\\xa0${labels.selectFiles}`}</span>\n                </HvTypography>\n              </div>\n            </>\n          )}\n        </div>\n      </div>\n    </>\n  );\n};\n\nDropZone.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     * Styles applied to the container element.\n     */\n    dropZoneContainer: PropTypes.string,\n    /**\n     * Styles applied to the labels group.\n     */\n    dropZoneLabelsGroup: PropTypes.string,\n    /**\n     * Style applied when dragging.\n     */\n    dragAction: PropTypes.string,\n    /**\n     * Style applied when the component is disabled.\n     */\n    dropZoneContainerDisabled: PropTypes.string,\n    /**\n     * Style applied to the input area.\n     */\n    inputArea: PropTypes.string,\n    /**\n     * Style applied to the drop area.\n     */\n    dropArea: PropTypes.string,\n    /**\n     * Style applied to the labels area.\n     */\n    dropZoneAreaLabels: PropTypes.string,\n    /**\n     * Style applied to the icon area.\n     */\n    dropZoneAreaIcon: PropTypes.string,\n    /**\n     * Style applied to the dropzone label.\n     */\n    dropZoneLabel: PropTypes.string,\n    /**\n     * Style applied to the typography when dragging.\n     */\n    dragText: PropTypes.string,\n    /**\n     * Style applied to the selected files.\n     */\n    selectFilesText: PropTypes.string,\n  }).isRequired,\n  /**\n   * Labels to present in Fileuploader.\n   */\n  labels: PropTypes.instanceOf(Object),\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   * Files extensions accepted for upload. Follows https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input/file#accept\n   */\n  acceptedFiles: PropTypes.arrayOf(PropTypes.string).isRequired,\n  /**\n   * Max upload size\n   * */\n  maxFileSize: PropTypes.number.isRequired,\n  /**\n   * Function responsible for processing files added to the drop zone.\n   */\n  onFilesAdded: PropTypes.func,\n  /**\n   * Whether the DropZone should show 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: \"HvFileUploaderDropZone\" })(withId(DropZone));\n"],"mappings":"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"}

package/dist/FileUploader/File/File.d.ts

@@ -1,5 +1,5 @@
 import * as React from "react";
-import { StandardProps } from "@material-ui/core";
+import { StandardProps } from "@mui/material";
 
 export interface File {
   /**

package/dist/FileUploader/File/File.js

@@ -13,7 +13,9 @@ var _react = _interopRequireDefault(require("react"));
 
 var _propTypes = _interopRequireDefault(require("prop-types"));
 
-var _core = require("@material-ui/core");
+var _styles = require("@mui/styles");
+
+var _material = require("@mui/material");
 
 var _uikitReactIcons = require("@hitachivantara/uikit-react-icons");
 
@@ -23,26 +25,28 @@ var _setId = require("../../utils/setId");
 
 var _utils = require("../utils");
 
-var _styles = _interopRequireDefault(require("./styles"));
+var _styles2 = _interopRequireDefault(require("./styles"));
+
+var _jsxRuntime = require("react/jsx-runtime");
 
 var _Close;
 
 var getStatusIcon = function getStatusIcon(classes, status) {
   switch (status) {
     case "success":
-      return /*#__PURE__*/_react.default.createElement(_uikitReactIcons.Success, {
+      return /*#__PURE__*/(0, _jsxRuntime.jsx)(_uikitReactIcons.Success, {
         className: classes.icon,
         color: "sema1"
       });
 
     case "fail":
-      return /*#__PURE__*/_react.default.createElement(_uikitReactIcons.Fail, {
+      return /*#__PURE__*/(0, _jsxRuntime.jsx)(_uikitReactIcons.Fail, {
         className: classes.icon,
         color: "sema4"
       });
 
     default:
-      return /*#__PURE__*/_react.default.createElement("div", {
+      return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
         className: classes.icon
       });
   }
@@ -51,11 +55,17 @@ var getStatusIcon = function getStatusIcon(classes, status) {
 var getProgressText = function getProgressText(classes, data) {
   var hasFailed = data.status === "fail";
   var inProgress = data.status === "progress";
-  return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, data.progress || data.size || data.errorMessage ? "\xA0|\xA0" : null, inProgress && data.progress != null && /*#__PURE__*/_react.default.createElement(_Typography.default, {
-    variant: "highlightText"
-  }, "".concat((0, _utils.convertUnits)(data.progress), "\xA0/\xA0")), !hasFailed && data.size && /*#__PURE__*/_react.default.createElement(_Typography.default, null, "".concat((0, _utils.convertUnits)(data.size))), hasFailed && data.errorMessage && /*#__PURE__*/_react.default.createElement(_Typography.default, {
-    className: classes.fail
-  }, data.errorMessage));
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
+    children: [data.progress || data.size || data.errorMessage ? "\xA0|\xA0" : null, inProgress && data.progress != null && /*#__PURE__*/(0, _jsxRuntime.jsx)(_Typography.default, {
+      variant: "highlightText",
+      children: "".concat((0, _utils.convertUnits)(data.progress), "\xA0/\xA0")
+    }), !hasFailed && data.size && /*#__PURE__*/(0, _jsxRuntime.jsx)(_Typography.default, {
+      children: "".concat((0, _utils.convertUnits)(data.size))
+    }), hasFailed && data.errorMessage && /*#__PURE__*/(0, _jsxRuntime.jsx)(_Typography.default, {
+      className: classes.fail,
+      children: data.errorMessage
+    })]
+  });
 };
 
 var getProgressBarWith = function getProgressBarWith(_ref) {
@@ -76,35 +86,41 @@ var File = function File(_ref2) {
   var progressText = getProgressText(classes, data);
   var statusIcon = getStatusIcon(classes, data.status);
   var currentProgress = getProgressBarWith(data);
-  return /*#__PURE__*/_react.default.createElement("li", null, !hasError && inProgress && /*#__PURE__*/_react.default.createElement("span", {
-    className: classes.progressbarBack
-  }), !hasError && inProgress && /*#__PURE__*/_react.default.createElement("progress", {
-    className: classes.progressbar,
-    "aria-valuemin": "0",
-    "aria-valuemax": "100",
-    "aria-valuenow": currentProgress,
-    style: {
-      width: "".concat(currentProgress, "%")
-    }
-  }), statusIcon, /*#__PURE__*/_react.default.createElement(_Typography.default, {
-    noWrap: true,
-    className: classes.nameText,
-    variant: "highlightText"
-  }, data.name), /*#__PURE__*/_react.default.createElement("span", {
-    className: classes.progressTextContainer
-  }, progressText), data.preview && /*#__PURE__*/_react.default.createElement("div", {
-    className: classes.previewContainer
-  }, data.preview), /*#__PURE__*/_react.default.createElement(_core.IconButton, {
-    id: (0, _setId.setId)(id, "remove-button"),
-    "aria-label": removeFileButtonLabel,
-    className: classes.removeButton,
-    category: "ghost",
-    onClick: function onClick() {
-      return onFileRemoved === null || onFileRemoved === void 0 ? void 0 : onFileRemoved(data);
-    }
-  }, _Close || (_Close = /*#__PURE__*/_react.default.createElement(_uikitReactIcons.Close, {
-    iconSize: "XS"
-  }))));
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)("li", {
+    children: [!hasError && inProgress && /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
+      className: classes.progressbarBack
+    }), !hasError && inProgress && /*#__PURE__*/(0, _jsxRuntime.jsx)("progress", {
+      className: classes.progressbar,
+      "aria-valuemin": "0",
+      "aria-valuemax": "100",
+      "aria-valuenow": currentProgress,
+      style: {
+        width: "".concat(currentProgress, "%")
+      }
+    }), statusIcon, /*#__PURE__*/(0, _jsxRuntime.jsx)(_Typography.default, {
+      noWrap: true,
+      className: classes.nameText,
+      variant: "highlightText",
+      children: data.name
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
+      className: classes.progressTextContainer,
+      children: progressText
+    }), data.preview && /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+      className: classes.previewContainer,
+      children: data.preview
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_material.IconButton, {
+      id: (0, _setId.setId)(id, "remove-button"),
+      "aria-label": removeFileButtonLabel,
+      className: classes.removeButton,
+      category: "ghost",
+      onClick: function onClick() {
+        return onFileRemoved === null || onFileRemoved === void 0 ? void 0 : onFileRemoved(data);
+      },
+      children: _Close || (_Close = /*#__PURE__*/(0, _jsxRuntime.jsx)(_uikitReactIcons.Close, {
+        iconSize: "XS"
+      }))
+    })]
+  });
 };
 
 process.env.NODE_ENV !== "production" ? File.propTypes = {
@@ -184,7 +200,7 @@ process.env.NODE_ENV !== "production" ? File.propTypes = {
   removeFileButtonLabel: _propTypes.default.string.isRequired
 } : void 0;
 
-var _default = (0, _core.withStyles)(_styles.default, {
+var _default = (0, _styles.withStyles)(_styles2.default, {
   name: "HvFileUploaderFile"
 })(File);
 

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

@@ -1 +1 @@
-{"version":3,"file":"File.js","names":["getStatusIcon","classes","status","icon","getProgressText","data","hasFailed","inProgress","progress","size","errorMessage","convertUnits","fail","getProgressBarWith","width","Math","round","File","id","onFileRemoved","removeFileButtonLabel","hasError","progressText","statusIcon","currentProgress","progressbarBack","progressbar","nameText","name","progressTextContainer","preview","previewContainer","setId","removeButton","propTypes","PropTypes","string","shape","isRequired","oneOf","node","func","withStyles","styles"],"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":["getStatusIcon","classes","status","icon","getProgressText","data","hasFailed","inProgress","progress","size","errorMessage","convertUnits","fail","getProgressBarWith","width","Math","round","File","id","onFileRemoved","removeFileButtonLabel","hasError","progressText","statusIcon","currentProgress","progressbarBack","progressbar","nameText","name","progressTextContainer","preview","previewContainer","setId","removeButton","propTypes","PropTypes","string","shape","isRequired","oneOf","node","func","withStyles","styles"],"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":";;;;;;;;;;;AAAA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;;;;;AAEA,IAAMA,aAAa,GAAG,SAAhBA,aAAgB,CAACC,OAAD,EAAUC,MAAV,EAAqB;EACzC,QAAQA,MAAR;IACE,KAAK,SAAL;MACE,oBAAO,qBAAC,wBAAD;QAAS,SAAS,EAAED,OAAO,CAACE,IAA5B;QAAkC,KAAK,EAAC;MAAxC,EAAP;;IACF,KAAK,MAAL;MACE,oBAAO,qBAAC,qBAAD;QAAM,SAAS,EAAEF,OAAO,CAACE,IAAzB;QAA+B,KAAK,EAAC;MAArC,EAAP;;IACF;MACE,oBAAO;QAAK,SAAS,EAAEF,OAAO,CAACE;MAAxB,EAAP;EANJ;AAQD,CATD;;AAWA,IAAMC,eAAe,GAAG,SAAlBA,eAAkB,CAACH,OAAD,EAAUI,IAAV,EAAmB;EACzC,IAAMC,SAAS,GAAGD,IAAI,CAACH,MAAL,KAAgB,MAAlC;EACA,IAAMK,UAAU,GAAGF,IAAI,CAACH,MAAL,KAAgB,UAAnC;EAEA,oBACE;IAAA,WACGG,IAAI,CAACG,QAAL,IAAiBH,IAAI,CAACI,IAAtB,IAA8BJ,IAAI,CAACK,YAAnC,iBAAgE,IADnE,EAGGH,UAAU,IAAIF,IAAI,CAACG,QAAL,IAAiB,IAA/B,iBACC,qBAAC,mBAAD;MAAc,OAAO,EAAC,eAAtB;MAAA,oBACM,IAAAG,mBAAA,EAAaN,IAAI,CAACG,QAAlB,CADN;IAAA,EAJJ,EASG,CAACF,SAAD,IAAcD,IAAI,CAACI,IAAnB,iBAA2B,qBAAC,mBAAD;MAAA,oBAAkB,IAAAE,mBAAA,EAAaN,IAAI,CAACI,IAAlB,CAAlB;IAAA,EAT9B,EAWGH,SAAS,IAAID,IAAI,CAACK,YAAlB,iBACC,qBAAC,mBAAD;MAAc,SAAS,EAAET,OAAO,CAACW,IAAjC;MAAA,UAAwCP,IAAI,CAACK;IAA7C,EAZJ;EAAA,EADF;AAiBD,CArBD;;AAuBA,IAAMG,kBAAkB,GAAG,SAArBA,kBAAqB,OAAwB;EAAA,IAArBJ,IAAqB,QAArBA,IAAqB;EAAA,IAAfD,QAAe,QAAfA,QAAe;EACjD,IAAMM,KAAK,GAAGC,IAAI,CAACC,KAAL,CAAYR,QAAQ,GAAG,GAAZ,GAAmBC,IAA9B,CAAd;EAEA,OAAOK,KAAP;AACD,CAJD;;AAMA,IAAMG,IAAI,GAAG,SAAPA,IAAO,QAAiE;EAAA,IAA9DC,EAA8D,SAA9DA,EAA8D;EAAA,IAA1DjB,OAA0D,SAA1DA,OAA0D;EAAA,IAAjDI,IAAiD,SAAjDA,IAAiD;EAAA,IAA3Cc,aAA2C,SAA3CA,aAA2C;EAAA,IAA5BC,qBAA4B,SAA5BA,qBAA4B;EAC5E,IAAMC,QAAQ,GAAGhB,IAAI,CAACH,MAAL,KAAgB,MAAjC;EACA,IAAMK,UAAU,GAAGF,IAAI,CAACH,MAAL,KAAgB,UAAnC;EACA,IAAMoB,YAAY,GAAGlB,eAAe,CAACH,OAAD,EAAUI,IAAV,CAApC;EACA,IAAMkB,UAAU,GAAGvB,aAAa,CAACC,OAAD,EAAUI,IAAI,CAACH,MAAf,CAAhC;EAEA,IAAMsB,eAAe,GAAGX,kBAAkB,CAACR,IAAD,CAA1C;EAEA,oBACE;IAAA,WACG,CAACgB,QAAD,IAAad,UAAb,iBAA2B;MAAM,SAAS,EAAEN,OAAO,CAACwB;IAAzB,EAD9B,EAGG,CAACJ,QAAD,IAAad,UAAb,iBACC;MACE,SAAS,EAAEN,OAAO,CAACyB,WADrB;MAEE,iBAAc,GAFhB;MAGE,iBAAc,KAHhB;MAIE,iBAAeF,eAJjB;MAKE,KAAK,EAAE;QAAEV,KAAK,YAAKU,eAAL;MAAP;IALT,EAJJ,EAaGD,UAbH,eAeE,qBAAC,mBAAD;MAAc,MAAM,MAApB;MAAqB,SAAS,EAAEtB,OAAO,CAAC0B,QAAxC;MAAkD,OAAO,EAAC,eAA1D;MAAA,UACGtB,IAAI,CAACuB;IADR,EAfF,eAmBE;MAAM,SAAS,EAAE3B,OAAO,CAAC4B,qBAAzB;MAAA,UAAiDP;IAAjD,EAnBF,EAqBGjB,IAAI,CAACyB,OAAL,iBAAgB;MAAK,SAAS,EAAE7B,OAAO,CAAC8B,gBAAxB;MAAA,UAA2C1B,IAAI,CAACyB;IAAhD,EArBnB,eAuBE,qBAAC,oBAAD;MACE,EAAE,EAAE,IAAAE,YAAA,EAAMd,EAAN,EAAU,eAAV,CADN;MAEE,cAAYE,qBAFd;MAGE,SAAS,EAAEnB,OAAO,CAACgC,YAHrB;MAIE,QAAQ,EAAC,OAJX;MAKE,OAAO,EAAE;QAAA,OAAMd,aAAN,aAAMA,aAAN,uBAAMA,aAAa,CAAGd,IAAH,CAAnB;MAAA,CALX;MAAA,2CAOE,qBAAC,sBAAD;QAAO,QAAQ,EAAC;MAAhB,EAPF;IAAA,EAvBF;EAAA,EADF;AAmCD,CA3CD;;AA6CA,wCAAAY,IAAI,CAACiB,SAAL,GAAiB;EACf;AACF;AACA;EACEhB,EAAE,EAAEiB,kBAAA,CAAUC,MAJC;;EAKf;AACF;AACA;EACEnC,OAAO,EAAEkC,kBAAA,CAAUE,KAAV,CAAgB;IACvB;AACJ;AACA;IACIX,WAAW,EAAES,kBAAA,CAAUC,MAJA;;IAKvB;AACJ;AACA;IACIX,eAAe,EAAEU,kBAAA,CAAUC,MARJ;;IASvB;AACJ;AACA;IACIT,QAAQ,EAAEQ,kBAAA,CAAUC,MAZG;;IAavB;AACJ;AACA;IACIP,qBAAqB,EAAEM,kBAAA,CAAUC,MAhBV;;IAiBvB;AACJ;AACA;IACIH,YAAY,EAAEE,kBAAA,CAAUC,MApBD;;IAqBvB;AACJ;AACA;IACIL,gBAAgB,EAAEI,kBAAA,CAAUC;EAxBL,CAAhB,EAyBNE,UAjCY;;EAkCf;AACF;AACA;EACEjC,IAAI,EAAE8B,kBAAA,CAAUE,KAAV,CAAgB;IACpB;AACJ;AACA;IACInB,EAAE,EAAEiB,kBAAA,CAAUC,MAJM;;IAKpB;AACJ;AACA;IACIR,IAAI,EAAEO,kBAAA,CAAUC,MARI;;IASpB;AACJ;AACA;IACIlC,MAAM,EAAEiC,kBAAA,CAAUI,KAAV,CAAgB,CAAC,UAAD,EAAa,SAAb,EAAwB,MAAxB,CAAhB,CAZY;;IAapB;AACJ;AACA;IACIT,OAAO,EAAEK,kBAAA,CAAUK;EAhBC,CAAhB,EAiBHF,UAtDY;;EAuDf;AACF;AACA;EACEnB,aAAa,EAAEgB,kBAAA,CAAUM,IAAV,CAAeH,UA1Df;;EA2Df;AACF;AACA;EACElB,qBAAqB,EAAEe,kBAAA,CAAUC,MAAV,CAAiBE;AA9DzB,CAAjB;;eAiEe,IAAAI,kBAAA,EAAWC,gBAAX,EAAmB;EAAEf,IAAI,EAAE;AAAR,CAAnB,EAAmDX,IAAnD,C"}

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

@@ -13,13 +13,15 @@ var _react = _interopRequireDefault(require("react"));
 
 var _propTypes = _interopRequireDefault(require("prop-types"));
 
-var _core = require("@material-ui/core");
+var _styles = require("@mui/styles");
 
 var _ = require("../..");
 
 var _File = _interopRequireDefault(require("../File"));
 
-var _styles = _interopRequireDefault(require("./styles"));
+var _styles2 = _interopRequireDefault(require("./styles"));
+
+var _jsxRuntime = require("react/jsx-runtime");
 
 var FileList = function FileList(_ref) {
   var id = _ref.id,
@@ -31,18 +33,18 @@ var FileList = function FileList(_ref) {
   var elementId = (0, _.useUniqueId)(id, "hvfilelist");
   var hasFiles = list.length > 0;
   if (!hasFiles) return null;
-  return /*#__PURE__*/_react.default.createElement("ul", {
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)("ul", {
     id: (0, _.setId)(id, "list"),
-    className: classes.list
-  }, list.map(function (data) {
-    return /*#__PURE__*/_react.default.createElement(_File.default, {
-      key: data.id,
-      id: (0, _.setId)(elementId, "values"),
-      data: data,
-      onFileRemoved: onFileRemoved,
-      removeFileButtonLabel: removeFileButtonLabel
-    });
-  }));
+    className: classes.list,
+    children: list.map(function (data) {
+      return /*#__PURE__*/(0, _jsxRuntime.jsx)(_File.default, {
+        id: (0, _.setId)(elementId, "values"),
+        data: data,
+        onFileRemoved: onFileRemoved,
+        removeFileButtonLabel: removeFileButtonLabel
+      }, data.id);
+    })
+  });
 };
 
 process.env.NODE_ENV !== "production" ? FileList.propTypes = {
@@ -72,7 +74,7 @@ process.env.NODE_ENV !== "production" ? FileList.propTypes = {
   removeFileButtonLabel: _propTypes.default.string.isRequired
 } : void 0;
 
-var _default = (0, _core.withStyles)(_styles.default, {
+var _default = (0, _styles.withStyles)(_styles2.default, {
   name: "HvFileUploaderFileList"
 })(FileList);