@hitachivantara/uikit-react-core 5.0.0-next.11 → 5.0.0-next.14

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

@@ -1,11 +1,11 @@
 "use strict";
-Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
-const jsxRuntime = require("@emotion/react/jsx-runtime");
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const uikitReactIcons = require("@hitachivantara/uikit-react-icons");
 const clsx = require("clsx");
 const fileClasses = require("./fileClasses.cjs");
 const utils = require("../utils.cjs");
 const File_styles = require("./File.styles.cjs");
+const jsxRuntime = require("@emotion/react/jsx-runtime");
 const setId = require("../../../utils/setId.cjs");
 const Typography = require("../../Typography/Typography.cjs");
 const _interopDefault = (e) => e && e.__esModule ? e : { default: e };
@@ -13,22 +13,35 @@ const clsx__default = /* @__PURE__ */ _interopDefault(clsx);
 const getStatusIcon = (classes, status) => {
   switch (status) {
     case "success":
-      return /* @__PURE__ */ jsxRuntime.jsx(File_styles.StyledSuccess, { className: clsx__default.default(classes == null ? void 0 : classes.icon, fileClasses.default.icon), color: "sema1" });
+      return /* @__PURE__ */ jsxRuntime.jsx(File_styles.StyledSuccess, {
+        className: clsx__default.default(classes == null ? void 0 : classes.icon, fileClasses.default.icon),
+        color: "sema1"
+      });
     case "fail":
-      return /* @__PURE__ */ jsxRuntime.jsx(File_styles.StyledFail, { className: clsx__default.default(classes == null ? void 0 : classes.icon, fileClasses.default.icon), color: "sema4" });
+      return /* @__PURE__ */ jsxRuntime.jsx(File_styles.StyledFail, {
+        className: clsx__default.default(classes == null ? void 0 : classes.icon, fileClasses.default.icon),
+        color: "sema4"
+      });
     default:
-      return /* @__PURE__ */ jsxRuntime.jsx(File_styles.StyledEmptyIcon, { className: clsx__default.default(classes == null ? void 0 : classes.icon, fileClasses.default.icon) });
+      return /* @__PURE__ */ jsxRuntime.jsx(File_styles.StyledEmptyIcon, {
+        className: clsx__default.default(classes == null ? void 0 : classes.icon, fileClasses.default.icon)
+      });
   }
 };
 const getProgressText = (data, classes) => {
   const hasFailed = data.status === "fail";
   const inProgress = data.status === "progress";
-  return /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
-    data.progress || data.size || data.errorMessage ? `\xA0|\xA0` : null,
-    inProgress && data.progress != null && /* @__PURE__ */ jsxRuntime.jsx(Typography.HvTypography, { variant: "label", children: `${utils.convertUnits(data.progress)}\xA0/\xA0` }),
-    !hasFailed && data.size && /* @__PURE__ */ jsxRuntime.jsx(Typography.HvTypography, { children: `${utils.convertUnits(data.size)}` }),
-    hasFailed && data.errorMessage && /* @__PURE__ */ jsxRuntime.jsx(File_styles.StyledErrorMessage, { className: clsx__default.default(classes == null ? void 0 : classes.fail, fileClasses.default.fail), children: data.errorMessage })
-  ] });
+  return /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, {
+    children: [data.progress || data.size || data.errorMessage ? ` | ` : null, inProgress && data.progress != null && /* @__PURE__ */ jsxRuntime.jsx(Typography.HvTypography, {
+      variant: "label",
+      children: `${utils.convertUnits(data.progress)} / `
+    }), !hasFailed && data.size && /* @__PURE__ */ jsxRuntime.jsx(Typography.HvTypography, {
+      children: `${utils.convertUnits(data.size)}`
+    }), hasFailed && data.errorMessage && /* @__PURE__ */ jsxRuntime.jsx(File_styles.StyledErrorMessage, {
+      className: clsx__default.default(classes == null ? void 0 : classes.fail, fileClasses.default.fail),
+      children: data.errorMessage
+    })]
+  });
 };
 const getProgressBarWith = ({
   size,
@@ -49,17 +62,40 @@ const HvFile = ({
   const progressText = getProgressText(data, classes);
   const statusIcon = getStatusIcon(classes, data.status);
   const currentProgress = getProgressBarWith(data);
-  return /* @__PURE__ */ jsxRuntime.jsxs("li", { className: clsx__default.default(classes == null ? void 0 : classes.root, fileClasses.default.root), children: [
-    !hasError && inProgress && /* @__PURE__ */ jsxRuntime.jsx(File_styles.StyledProgressBarBack, { className: clsx__default.default(classes == null ? void 0 : classes.progressbarBack, fileClasses.default.progressbarBack) }),
-    !hasError && inProgress && /* @__PURE__ */ jsxRuntime.jsx(File_styles.StyledProgressBar, { className: clsx__default.default(classes == null ? void 0 : classes.progressbar, fileClasses.default.progressbar), "aria-valuemin": 0, "aria-valuemax": 100, "aria-valuenow": currentProgress, style: {
-      width: `${currentProgress}%`
-    } }),
-    statusIcon,
-    /* @__PURE__ */ jsxRuntime.jsx(File_styles.StyledNameText, { className: clsx__default.default(classes == null ? void 0 : classes.nameText, fileClasses.default.nameText), variant: "label", children: data.name }),
-    /* @__PURE__ */ jsxRuntime.jsx(File_styles.StyledProgressTextContainer, { className: clsx__default.default(classes == null ? void 0 : classes.progressTextContainer, fileClasses.default.progressTextContainer), children: progressText }),
-    data.preview && /* @__PURE__ */ jsxRuntime.jsx(File_styles.StyledPreviewContainer, { className: clsx__default.default(classes == null ? void 0 : classes.previewContainer, fileClasses.default.previewContainer), children: data.preview }),
-    /* @__PURE__ */ jsxRuntime.jsx(File_styles.StyledIconButton, { id: setId.setId(id, "remove-button"), "aria-label": removeFileButtonLabel, className: clsx__default.default(classes == null ? void 0 : classes.removeButton, fileClasses.default.removeButton), onClick: () => onFileRemoved == null ? void 0 : onFileRemoved(data), variant: "secondaryGhost", icon: true, children: /* @__PURE__ */ jsxRuntime.jsx(uikitReactIcons.Close, { iconSize: "XS" }) })
-  ] });
+  return /* @__PURE__ */ jsxRuntime.jsxs("li", {
+    className: clsx__default.default(classes == null ? void 0 : classes.root, fileClasses.default.root),
+    children: [!hasError && inProgress && /* @__PURE__ */ jsxRuntime.jsx(File_styles.StyledProgressBarBack, {
+      className: clsx__default.default(classes == null ? void 0 : classes.progressbarBack, fileClasses.default.progressbarBack)
+    }), !hasError && inProgress && /* @__PURE__ */ jsxRuntime.jsx(File_styles.StyledProgressBar, {
+      className: clsx__default.default(classes == null ? void 0 : classes.progressbar, fileClasses.default.progressbar),
+      "aria-valuemin": 0,
+      "aria-valuemax": 100,
+      "aria-valuenow": currentProgress,
+      style: {
+        width: `${currentProgress}%`
+      }
+    }), statusIcon, /* @__PURE__ */ jsxRuntime.jsx(File_styles.StyledNameText, {
+      className: clsx__default.default(classes == null ? void 0 : classes.nameText, fileClasses.default.nameText),
+      variant: "label",
+      children: data.name
+    }), /* @__PURE__ */ jsxRuntime.jsx(File_styles.StyledProgressTextContainer, {
+      className: clsx__default.default(classes == null ? void 0 : classes.progressTextContainer, fileClasses.default.progressTextContainer),
+      children: progressText
+    }), data.preview && /* @__PURE__ */ jsxRuntime.jsx(File_styles.StyledPreviewContainer, {
+      className: clsx__default.default(classes == null ? void 0 : classes.previewContainer, fileClasses.default.previewContainer),
+      children: data.preview
+    }), /* @__PURE__ */ jsxRuntime.jsx(File_styles.StyledIconButton, {
+      id: setId.setId(id, "remove-button"),
+      "aria-label": removeFileButtonLabel,
+      className: clsx__default.default(classes == null ? void 0 : classes.removeButton, fileClasses.default.removeButton),
+      onClick: () => onFileRemoved == null ? void 0 : onFileRemoved(data),
+      variant: "secondaryGhost",
+      icon: true,
+      children: /* @__PURE__ */ jsxRuntime.jsx(uikitReactIcons.Close, {
+        iconSize: "XS"
+      })
+    })]
+  });
 };
 exports.HvFile = HvFile;
 //# sourceMappingURL=File.cjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"File.cjs","sources":["../../../../../src/components/FileUploader/File/File.tsx"],"sourcesContent":["import { Close } from \"@hitachivantara/uikit-react-icons\";\nimport clsx from \"clsx\";\nimport { setId } from \"utils\";\nimport fileClasses, { HvFileClasses } from \"./fileClasses\";\nimport { HvTypography } from \"components\";\nimport { convertUnits } from \"../utils\";\nimport {\n  StyledFail,\n  StyledErrorMessage,\n  StyledSuccess,\n  StyledProgressBarBack,\n  StyledProgressBar,\n  StyledNameText,\n  StyledProgressTextContainer,\n  StyledPreviewContainer,\n  StyledIconButton,\n  StyledEmptyIcon,\n} from \"./File.styles\";\n\nexport type HvFileData = File & {\n  /**\n   * The file id.\n   */\n  id?: string;\n  /**\n   * The file name.\n   */\n  name?: string;\n  /**\n   * The upload status.\n   */\n  status?: \"progress\" | \"success\" | \"fail\";\n  /**\n   * The file size in bytes.\n   */\n  size?: number;\n  /**\n   * Upload progress in bytes.\n   */\n  progress?: number;\n  /**\n   * Optional node representing a preview of the uploaded file.\n   */\n  preview?: React.ReactNode;\n  /**\n   * Error message when the upload failed.\n   */\n  errorMessage?: string;\n};\n\nexport type HvFilesAddedEvent = (files: HvFileData[]) => void;\n\nexport type HvFileRemovedEvent = (file: HvFileData) => void;\n\nexport type HvFileProps = {\n  /**\n   * Id to be applied to the root node.\n   */\n  id?: string;\n  /**\n   * File information to be displayed.\n   */\n  data: HvFileData;\n  /**\n   * Callback fired when file is removed from list.\n   */\n  onFileRemoved?: HvFileRemovedEvent;\n  /**\n   * Value of aria-label to apply to remove file button in file list.\n   * */\n  removeFileButtonLabel?: string;\n  /**\n   * A Jss Object used to override or extend the styles applied to the component.\n   */\n  classes?: HvFileClasses;\n};\n\nconst getStatusIcon = (\n  classes?: HvFileClasses,\n  status?: HvFileData[\"status\"]\n) => {\n  switch (status) {\n    case \"success\":\n      return (\n        <StyledSuccess\n          className={clsx(classes?.icon, fileClasses.icon)}\n          color=\"sema1\"\n        />\n      );\n    case \"fail\":\n      return (\n        <StyledFail\n          className={clsx(classes?.icon, fileClasses.icon)}\n          color=\"sema4\"\n        />\n      );\n    default:\n      return (\n        <StyledEmptyIcon className={clsx(classes?.icon, fileClasses.icon)} />\n      );\n  }\n};\n\nconst getProgressText = (data: HvFileData, classes?: HvFileClasses) => {\n  const hasFailed = data.status === \"fail\";\n  const inProgress = data.status === \"progress\";\n\n  return (\n    <>\n      {data.progress || data.size || data.errorMessage ? `\\xa0|\\xa0` : null}\n\n      {inProgress && data.progress != null && (\n        <HvTypography variant=\"label\">\n          {`${convertUnits(data.progress)}\\xa0/\\xa0`}\n        </HvTypography>\n      )}\n\n      {!hasFailed && data.size && (\n        <HvTypography>{`${convertUnits(data.size)}`}</HvTypography>\n      )}\n\n      {hasFailed && data.errorMessage && (\n        <StyledErrorMessage className={clsx(classes?.fail, fileClasses.fail)}>\n          {data.errorMessage}\n        </StyledErrorMessage>\n      )}\n    </>\n  );\n};\n\nconst getProgressBarWith = ({ size, progress }: HvFileData) => {\n  const width =\n    progress != null && size != null ? Math.round((progress * 100) / size) : 0;\n\n  return width;\n};\n\nexport const HvFile = ({\n  id,\n  classes,\n  data,\n  onFileRemoved,\n  removeFileButtonLabel,\n}: HvFileProps) => {\n  const hasError = data.status === \"fail\";\n\n  const inProgress = data.status === \"progress\";\n\n  const progressText = getProgressText(data, classes);\n\n  const statusIcon = getStatusIcon(classes, data.status);\n\n  const currentProgress = getProgressBarWith(data);\n\n  return (\n    <li className={clsx(classes?.root, fileClasses.root)}>\n      {!hasError && inProgress && (\n        <StyledProgressBarBack\n          className={clsx(\n            classes?.progressbarBack,\n            fileClasses.progressbarBack\n          )}\n        />\n      )}\n\n      {!hasError && inProgress && (\n        <StyledProgressBar\n          className={clsx(classes?.progressbar, fileClasses.progressbar)}\n          aria-valuemin={0}\n          aria-valuemax={100}\n          aria-valuenow={currentProgress}\n          style={{ width: `${currentProgress}%` }}\n        />\n      )}\n\n      {statusIcon}\n\n      <StyledNameText\n        className={clsx(classes?.nameText, fileClasses.nameText)}\n        variant=\"label\"\n      >\n        {data.name}\n      </StyledNameText>\n\n      <StyledProgressTextContainer\n        className={clsx(\n          classes?.progressTextContainer,\n          fileClasses.progressTextContainer\n        )}\n      >\n        {progressText}\n      </StyledProgressTextContainer>\n\n      {data.preview && (\n        <StyledPreviewContainer\n          className={clsx(\n            classes?.previewContainer,\n            fileClasses.previewContainer\n          )}\n        >\n          {data.preview}\n        </StyledPreviewContainer>\n      )}\n\n      <StyledIconButton\n        id={setId(id, \"remove-button\")}\n        aria-label={removeFileButtonLabel}\n        className={clsx(classes?.removeButton, fileClasses.removeButton)}\n        onClick={() => onFileRemoved?.(data)}\n        variant=\"secondaryGhost\"\n        icon\n      >\n        <Close iconSize=\"XS\" />\n      </StyledIconButton>\n    </li>\n  );\n};\n"],"names":["getStatusIcon","classes","status","jsx","StyledSuccess","clsx","icon","fileClasses","StyledFail","StyledEmptyIcon","getProgressText","data","hasFailed","inProgress","progress","size","errorMessage","HvTypography","convertUnits","StyledErrorMessage","fail","getProgressBarWith","width","Math","round","HvFile","id","onFileRemoved","removeFileButtonLabel","hasError","progressText","statusIcon","currentProgress","jsxs","root","StyledProgressBarBack","progressbarBack","StyledProgressBar","progressbar","StyledNameText","nameText","name","StyledProgressTextContainer","progressTextContainer","preview","StyledPreviewContainer","previewContainer","StyledIconButton","setId","removeButton","Close"],"mappings":"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"}
+{"version":3,"file":"File.cjs","sources":["../../../../../src/components/FileUploader/File/File.tsx"],"sourcesContent":["import { Close } from \"@hitachivantara/uikit-react-icons\";\nimport clsx from \"clsx\";\nimport { setId } from \"utils\";\nimport fileClasses, { HvFileClasses } from \"./fileClasses\";\nimport { HvTypography } from \"components\";\nimport { convertUnits } from \"../utils\";\nimport {\n  StyledFail,\n  StyledErrorMessage,\n  StyledSuccess,\n  StyledProgressBarBack,\n  StyledProgressBar,\n  StyledNameText,\n  StyledProgressTextContainer,\n  StyledPreviewContainer,\n  StyledIconButton,\n  StyledEmptyIcon,\n} from \"./File.styles\";\n\nexport type HvFileData = File & {\n  /**\n   * The file id.\n   */\n  id?: string;\n  /**\n   * The file name.\n   */\n  name?: string;\n  /**\n   * The upload status.\n   */\n  status?: \"progress\" | \"success\" | \"fail\";\n  /**\n   * The file size in bytes.\n   */\n  size?: number;\n  /**\n   * Upload progress in bytes.\n   */\n  progress?: number;\n  /**\n   * Optional node representing a preview of the uploaded file.\n   */\n  preview?: React.ReactNode;\n  /**\n   * Error message when the upload failed.\n   */\n  errorMessage?: string;\n};\n\nexport type HvFilesAddedEvent = (files: HvFileData[]) => void;\n\nexport type HvFileRemovedEvent = (file: HvFileData) => void;\n\nexport type HvFileProps = {\n  /**\n   * Id to be applied to the root node.\n   */\n  id?: string;\n  /**\n   * File information to be displayed.\n   */\n  data: HvFileData;\n  /**\n   * Callback fired when file is removed from list.\n   */\n  onFileRemoved?: HvFileRemovedEvent;\n  /**\n   * Value of aria-label to apply to remove file button in file list.\n   * */\n  removeFileButtonLabel?: string;\n  /**\n   * A Jss Object used to override or extend the styles applied to the component.\n   */\n  classes?: HvFileClasses;\n};\n\nconst getStatusIcon = (\n  classes?: HvFileClasses,\n  status?: HvFileData[\"status\"]\n) => {\n  switch (status) {\n    case \"success\":\n      return (\n        <StyledSuccess\n          className={clsx(classes?.icon, fileClasses.icon)}\n          color=\"sema1\"\n        />\n      );\n    case \"fail\":\n      return (\n        <StyledFail\n          className={clsx(classes?.icon, fileClasses.icon)}\n          color=\"sema4\"\n        />\n      );\n    default:\n      return (\n        <StyledEmptyIcon className={clsx(classes?.icon, fileClasses.icon)} />\n      );\n  }\n};\n\nconst getProgressText = (data: HvFileData, classes?: HvFileClasses) => {\n  const hasFailed = data.status === \"fail\";\n  const inProgress = data.status === \"progress\";\n\n  return (\n    <>\n      {data.progress || data.size || data.errorMessage ? `\\xa0|\\xa0` : null}\n\n      {inProgress && data.progress != null && (\n        <HvTypography variant=\"label\">\n          {`${convertUnits(data.progress)}\\xa0/\\xa0`}\n        </HvTypography>\n      )}\n\n      {!hasFailed && data.size && (\n        <HvTypography>{`${convertUnits(data.size)}`}</HvTypography>\n      )}\n\n      {hasFailed && data.errorMessage && (\n        <StyledErrorMessage className={clsx(classes?.fail, fileClasses.fail)}>\n          {data.errorMessage}\n        </StyledErrorMessage>\n      )}\n    </>\n  );\n};\n\nconst getProgressBarWith = ({ size, progress }: HvFileData) => {\n  const width =\n    progress != null && size != null ? Math.round((progress * 100) / size) : 0;\n\n  return width;\n};\n\nexport const HvFile = ({\n  id,\n  classes,\n  data,\n  onFileRemoved,\n  removeFileButtonLabel,\n}: HvFileProps) => {\n  const hasError = data.status === \"fail\";\n\n  const inProgress = data.status === \"progress\";\n\n  const progressText = getProgressText(data, classes);\n\n  const statusIcon = getStatusIcon(classes, data.status);\n\n  const currentProgress = getProgressBarWith(data);\n\n  return (\n    <li className={clsx(classes?.root, fileClasses.root)}>\n      {!hasError && inProgress && (\n        <StyledProgressBarBack\n          className={clsx(\n            classes?.progressbarBack,\n            fileClasses.progressbarBack\n          )}\n        />\n      )}\n\n      {!hasError && inProgress && (\n        <StyledProgressBar\n          className={clsx(classes?.progressbar, fileClasses.progressbar)}\n          aria-valuemin={0}\n          aria-valuemax={100}\n          aria-valuenow={currentProgress}\n          style={{ width: `${currentProgress}%` }}\n        />\n      )}\n\n      {statusIcon}\n\n      <StyledNameText\n        className={clsx(classes?.nameText, fileClasses.nameText)}\n        variant=\"label\"\n      >\n        {data.name}\n      </StyledNameText>\n\n      <StyledProgressTextContainer\n        className={clsx(\n          classes?.progressTextContainer,\n          fileClasses.progressTextContainer\n        )}\n      >\n        {progressText}\n      </StyledProgressTextContainer>\n\n      {data.preview && (\n        <StyledPreviewContainer\n          className={clsx(\n            classes?.previewContainer,\n            fileClasses.previewContainer\n          )}\n        >\n          {data.preview}\n        </StyledPreviewContainer>\n      )}\n\n      <StyledIconButton\n        id={setId(id, \"remove-button\")}\n        aria-label={removeFileButtonLabel}\n        className={clsx(classes?.removeButton, fileClasses.removeButton)}\n        onClick={() => onFileRemoved?.(data)}\n        variant=\"secondaryGhost\"\n        icon\n      >\n        <Close iconSize=\"XS\" />\n      </StyledIconButton>\n    </li>\n  );\n};\n"],"names":["getStatusIcon","classes","status","StyledSuccess","className","clsx","icon","fileClasses","color","StyledFail","StyledEmptyIcon","getProgressText","data","hasFailed","inProgress","_Fragment","children","progress","size","errorMessage","HvTypography","variant","convertUnits","StyledErrorMessage","fail","getProgressBarWith","width","Math","round","HvFile","id","onFileRemoved","removeFileButtonLabel","hasError","progressText","statusIcon","currentProgress","root","StyledProgressBarBack","progressbarBack","StyledProgressBar","progressbar","style","_jsx","StyledNameText","nameText","name","StyledProgressTextContainer","progressTextContainer","preview","StyledPreviewContainer","previewContainer","StyledIconButton","setId","removeButton","onClick","Close","iconSize"],"mappings":"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"}

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

@@ -1,5 +1,5 @@
 "use strict";
-Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const _styled = require("@emotion/styled/base");
 const uikitReactIcons = require("@hitachivantara/uikit-react-icons");
 const uikitStyles = require("@hitachivantara/uikit-styles");

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

@@ -1,9 +1,9 @@
 "use strict";
-Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
-const jsxRuntime = require("@emotion/react/jsx-runtime");
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const fileListClasses = require("./fileListClasses.cjs");
 const FileList_styles = require("./FileList.styles.cjs");
 const clsx = require("clsx");
+const jsxRuntime = require("@emotion/react/jsx-runtime");
 const useUniqueId = require("../../../hooks/useUniqueId.cjs");
 const File = require("../File/File.cjs");
 const setId = require("../../../utils/setId.cjs");
@@ -20,9 +20,19 @@ const HvFileList = ({
   const hasFiles = list.length > 0;
   if (!hasFiles)
     return null;
-  return /* @__PURE__ */ jsxRuntime.jsx(FileList_styles.StyledList, { id: setId.setId(id, "list"), className: clsx__default.default(classes == null ? void 0 : classes.list, fileListClasses.default.list), children: list.map((data) => /* @__PURE__ */ jsxRuntime.jsx(File.HvFile, { classes: {
-    root: clsx__default.default(classes == null ? void 0 : classes.listItem, fileListClasses.default.listItem)
-  }, id: setId.setId(elementId, "values"), data, onFileRemoved, removeFileButtonLabel }, data.id)) });
+  return /* @__PURE__ */ jsxRuntime.jsx(FileList_styles.StyledList, {
+    id: setId.setId(id, "list"),
+    className: clsx__default.default(classes == null ? void 0 : classes.list, fileListClasses.default.list),
+    children: list.map((data) => /* @__PURE__ */ jsxRuntime.jsx(File.HvFile, {
+      classes: {
+        root: clsx__default.default(classes == null ? void 0 : classes.listItem, fileListClasses.default.listItem)
+      },
+      id: setId.setId(elementId, "values"),
+      data,
+      onFileRemoved,
+      removeFileButtonLabel
+    }, data.id))
+  });
 };
 exports.HvFileList = HvFileList;
 //# sourceMappingURL=FileList.cjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"FileList.cjs","sources":["../../../../../src/components/FileUploader/FileList/FileList.tsx"],"sourcesContent":["import { HvFile, HvFileData, HvFileRemovedEvent } from \"../File\";\nimport fileListClasses, { HvFileListClasses } from \"./fileListClasses\";\nimport { useUniqueId } from \"hooks\";\nimport { setId } from \"utils\";\nimport { StyledList } from \"./FileList.styles\";\nimport clsx from \"clsx\";\n\nexport type HvFileListProps = {\n  /**\n   * Id to be applied to the root node.\n   */\n  id?: string;\n  /**\n   * The files to upload.\n   */\n  list?: HvFileData[];\n  /**\n   * Callback fired when file is removed from list.\n   */\n  onFileRemoved?: HvFileRemovedEvent;\n  /**\n   * Value of aria-label to apply to remove file button in FileList\n   * */\n  removeFileButtonLabel?: string;\n  /**\n   * A Jss Object used to override or extend the styles applied to the component.\n   */\n  classes?: HvFileListClasses;\n};\n\nexport const HvFileList = ({\n  id,\n  classes,\n  list = [],\n  removeFileButtonLabel,\n  onFileRemoved,\n}: HvFileListProps) => {\n  const elementId = useUniqueId(id, \"hvfilelist\");\n\n  const hasFiles = list.length > 0;\n  if (!hasFiles) return null;\n\n  return (\n    <StyledList\n      id={setId(id, \"list\")}\n      className={clsx(classes?.list, fileListClasses.list)}\n    >\n      {list.map((data) => (\n        <HvFile\n          key={data.id}\n          classes={{ root: clsx(classes?.listItem, fileListClasses.listItem) }}\n          id={setId(elementId, \"values\")}\n          data={data}\n          onFileRemoved={onFileRemoved}\n          removeFileButtonLabel={removeFileButtonLabel}\n        />\n      ))}\n    </StyledList>\n  );\n};\n"],"names":["HvFileList","id","classes","list","removeFileButtonLabel","onFileRemoved","elementId","useUniqueId","hasFiles","length","StyledList","setId","clsx","fileListClasses","map","data","jsx","HvFile","root","listItem"],"mappings":";;;;;;;;;;;AA8BO,MAAMA,aAAaA,CAAC;AAAA,EACzBC;AAAAA,EACAC;AAAAA,EACAC,OAAO,CAAE;AAAA,EACTC;AAAAA,EACAC;AACe,MAAM;AACfC,QAAAA,YAAYC,YAAAA,QAAYN,IAAI,YAAY;AAExCO,QAAAA,WAAWL,KAAKM,SAAS;AAC/B,MAAI,CAACD;AAAiB,WAAA;AAEtB,wCACGE,4BACC,EAAA,IAAIC,MAAAA,MAAMV,IAAI,MAAM,GACpB,WAAWW,cAAAA,QAAKV,mCAASC,MAAMU,gBAAAA,QAAgBV,IAAI,GAElDA,UAAAA,KAAKW,IAAKC,CACT,SAAAC,2BAAA,IAACC,eAEC,SAAS;AAAA,IAAEC,MAAMN,cAAAA,QAAKV,mCAASiB,UAAUN,gBAAAA,QAAgBM,QAAQ;AAAA,EACjE,GAAA,IAAIR,MAAML,MAAAA,WAAW,QAAQ,GAC7B,MACA,eACA,sBALKS,GAAAA,KAAKd,GAOb,EACH,CAAA;AAEJ;;"}
+{"version":3,"file":"FileList.cjs","sources":["../../../../../src/components/FileUploader/FileList/FileList.tsx"],"sourcesContent":["import { HvFile, HvFileData, HvFileRemovedEvent } from \"../File\";\nimport fileListClasses, { HvFileListClasses } from \"./fileListClasses\";\nimport { useUniqueId } from \"hooks\";\nimport { setId } from \"utils\";\nimport { StyledList } from \"./FileList.styles\";\nimport clsx from \"clsx\";\n\nexport type HvFileListProps = {\n  /**\n   * Id to be applied to the root node.\n   */\n  id?: string;\n  /**\n   * The files to upload.\n   */\n  list?: HvFileData[];\n  /**\n   * Callback fired when file is removed from list.\n   */\n  onFileRemoved?: HvFileRemovedEvent;\n  /**\n   * Value of aria-label to apply to remove file button in FileList\n   * */\n  removeFileButtonLabel?: string;\n  /**\n   * A Jss Object used to override or extend the styles applied to the component.\n   */\n  classes?: HvFileListClasses;\n};\n\nexport const HvFileList = ({\n  id,\n  classes,\n  list = [],\n  removeFileButtonLabel,\n  onFileRemoved,\n}: HvFileListProps) => {\n  const elementId = useUniqueId(id, \"hvfilelist\");\n\n  const hasFiles = list.length > 0;\n  if (!hasFiles) return null;\n\n  return (\n    <StyledList\n      id={setId(id, \"list\")}\n      className={clsx(classes?.list, fileListClasses.list)}\n    >\n      {list.map((data) => (\n        <HvFile\n          key={data.id}\n          classes={{ root: clsx(classes?.listItem, fileListClasses.listItem) }}\n          id={setId(elementId, \"values\")}\n          data={data}\n          onFileRemoved={onFileRemoved}\n          removeFileButtonLabel={removeFileButtonLabel}\n        />\n      ))}\n    </StyledList>\n  );\n};\n"],"names":["HvFileList","id","classes","list","removeFileButtonLabel","onFileRemoved","elementId","useUniqueId","hasFiles","length","StyledList","setId","className","clsx","fileListClasses","children","map","data","HvFile","root","listItem"],"mappings":";;;;;;;;;;;AA8BO,MAAMA,aAAaA,CAAC;AAAA,EACzBC;AAAAA,EACAC;AAAAA,EACAC,OAAO,CAAE;AAAA,EACTC;AAAAA,EACAC;AACe,MAAM;AACfC,QAAAA,YAAYC,YAAAA,QAAYN,IAAI,YAAY;AAExCO,QAAAA,WAAWL,KAAKM,SAAS;AAC/B,MAAI,CAACD;AAAiB,WAAA;AAEtB,wCACGE,gBAAAA,YAAU;AAAA,IACTT,IAAIU,MAAAA,MAAMV,IAAI,MAAM;AAAA,IACpBW,WAAWC,cAAAA,QAAKX,mCAASC,MAAMW,gBAAAA,QAAgBX,IAAI;AAAA,IAAEY,UAEpDZ,KAAKa,IAAKC,CAAAA,wCACRC,KAAAA,QAAM;AAAA,MAELhB,SAAS;AAAA,QAAEiB,MAAMN,cAAAA,QAAKX,mCAASkB,UAAUN,gBAAAA,QAAgBM,QAAQ;AAAA,MAAE;AAAA,MACnEnB,IAAIU,MAAAA,MAAML,WAAW,QAAQ;AAAA,MAC7BW;AAAAA,MACAZ;AAAAA,MACAD;AAAAA,IAAAA,GALKa,KAAKhB,EAAE,CAOf;AAAA,EAAA,CACU;AAEjB;;"}

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

@@ -1,5 +1,5 @@
 "use strict";
-Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const _styled = require("@emotion/styled/base");
 const uikitStyles = require("@hitachivantara/uikit-styles");
 const fileListClasses = require("./fileListClasses.cjs");

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

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

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

@@ -1,5 +1,5 @@
 "use strict";
-Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const jsxRuntime = require("@emotion/react/jsx-runtime");
 const DropZone = require("./DropZone/DropZone.cjs");
 const FileList = require("./FileList/FileList.cjs");
@@ -31,10 +31,27 @@ const HvFileUploader = ({
   ...others
 }) => {
   const labels = useLabels.useLabels(DEFAULT_LABELS, labelsProp);
-  return /* @__PURE__ */ jsxRuntime.jsxs("div", { id, className, ...others, children: [
-    /* @__PURE__ */ jsxRuntime.jsx(DropZone.HvDropZone, { id: setId.setId(id, "dropzone"), labels, multiple, disabled, acceptedFiles, maxFileSize, onFilesAdded, inputProps, hideLabels }),
-    /* @__PURE__ */ jsxRuntime.jsx(FileList.HvFileList, { id: setId.setId(id, "filelist"), list: fileList, onFileRemoved, removeFileButtonLabel: labels == null ? void 0 : labels.removeFileButtonLabel })
-  ] });
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", {
+    id,
+    className,
+    ...others,
+    children: [/* @__PURE__ */ jsxRuntime.jsx(DropZone.HvDropZone, {
+      id: setId.setId(id, "dropzone"),
+      labels,
+      multiple,
+      disabled,
+      acceptedFiles,
+      maxFileSize,
+      onFilesAdded,
+      inputProps,
+      hideLabels
+    }), /* @__PURE__ */ jsxRuntime.jsx(FileList.HvFileList, {
+      id: setId.setId(id, "filelist"),
+      list: fileList,
+      onFileRemoved,
+      removeFileButtonLabel: labels == null ? void 0 : labels.removeFileButtonLabel
+    })]
+  });
 };
 exports.HvFileUploader = HvFileUploader;
 //# sourceMappingURL=FileUploader.cjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"FileUploader.cjs","sources":["../../../../src/components/FileUploader/FileUploader.tsx"],"sourcesContent":["import { useLabels } from \"hooks\";\nimport { setId } from \"utils\";\nimport { HvBaseProps } from \"../../types\";\nimport { HvDropZone, HvDropZoneLabels } from \"./DropZone\";\nimport { HvFileData, HvFileRemovedEvent, HvFilesAddedEvent } from \"./File\";\nimport { HvFileList } from \"./FileList\";\n\nexport type HvFileUploaderLabels = HvDropZoneLabels & {\n  /**\n   * Value of aria-label to apply to remove file button in FileList\n   * */\n  removeFileButtonLabel?: string;\n};\n\nexport type HvFileUploaderProps = HvBaseProps & {\n  /**\n   * An object containing all the labels.\n   */\n  labels?: HvFileUploaderLabels;\n  /**\n   * The files to upload.\n   */\n  fileList?: HvFileData[];\n  /**\n   * Whether the Dropzone should accept multiple files at once.\n   */\n  multiple?: boolean;\n  /**\n   * If the input is disabled or not\n   */\n  disabled?: boolean;\n  /**\n   * Max upload size\n   * */\n  maxFileSize?: number;\n  /**\n   * Files extensions accepted for upload.\n   */\n  acceptedFiles?: string[];\n  /**\n   * Callback fired when files are added.\n   */\n  onFilesAdded?: HvFilesAddedEvent;\n  /**\n   * Callback fired when file is removed from list.\n   */\n  onFileRemoved?: HvFileRemovedEvent;\n  /**\n   * Whether the DropZone should hide labels or not.\n   */\n  hideLabels?: boolean;\n  /**\n   * Attributes applied to the input element.\n   */\n  inputProps?: React.InputHTMLAttributes<HTMLInputElement>;\n};\n\n// TODO: This component needs to adopt the Form element shape and deprecate its way of composing labels\n\nconst DEFAULT_LABELS: HvFileUploaderLabels = {\n  dropzone: \"Label\",\n  sizeWarning: \"Max. file size:\",\n  drag: \"Drop files here or\",\n  selectFiles: \"click to upload\",\n  dropFiles: \"Drop files here\",\n  fileSizeError: \"The file exceeds the maximum upload size\",\n  fileTypeError: \"File type not allowed for upload\",\n  removeFileButtonLabel: \"Remove File\",\n};\n\n/**\n * Lets the user choose one or more files from their device storage. Once chosen,\n * the files can be uploaded to a server or manipulated on the client side.\n *\n * Accepted file types follow the format of the html input accept attribute. Please check https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input/file for more details.\n */\nexport const HvFileUploader = ({\n  id,\n  className,\n  labels: labelsProp,\n  fileList,\n  multiple = true,\n  disabled = false,\n  hideLabels = false,\n  maxFileSize = Infinity,\n  inputProps = {},\n  acceptedFiles = [],\n  onFilesAdded,\n  onFileRemoved,\n  ...others\n}: HvFileUploaderProps) => {\n  const labels = useLabels(DEFAULT_LABELS, labelsProp);\n\n  return (\n    <div id={id} className={className} {...others}>\n      <HvDropZone\n        id={setId(id, \"dropzone\")}\n        labels={labels}\n        multiple={multiple}\n        disabled={disabled}\n        acceptedFiles={acceptedFiles}\n        maxFileSize={maxFileSize}\n        onFilesAdded={onFilesAdded}\n        inputProps={inputProps}\n        hideLabels={hideLabels}\n      />\n      <HvFileList\n        id={setId(id, \"filelist\")}\n        list={fileList}\n        onFileRemoved={onFileRemoved}\n        removeFileButtonLabel={labels?.removeFileButtonLabel}\n      />\n    </div>\n  );\n};\n"],"names":["DEFAULT_LABELS","dropzone","sizeWarning","drag","selectFiles","dropFiles","fileSizeError","fileTypeError","removeFileButtonLabel","HvFileUploader","id","className","labels","labelsProp","fileList","multiple","disabled","hideLabels","maxFileSize","Infinity","inputProps","acceptedFiles","onFilesAdded","onFileRemoved","others","useLabels","jsxs","jsx","HvDropZone","setId","HvFileList"],"mappings":";;;;;;;AA2DA,MAAMA,iBAAuC;AAAA,EAC3CC,UAAU;AAAA,EACVC,aAAa;AAAA,EACbC,MAAM;AAAA,EACNC,aAAa;AAAA,EACbC,WAAW;AAAA,EACXC,eAAe;AAAA,EACfC,eAAe;AAAA,EACfC,uBAAuB;AACzB;AAQO,MAAMC,iBAAiBA,CAAC;AAAA,EAC7BC;AAAAA,EACAC;AAAAA,EACAC,QAAQC;AAAAA,EACRC;AAAAA,EACAC,WAAW;AAAA,EACXC,WAAW;AAAA,EACXC,aAAa;AAAA,EACbC,cAAcC;AAAAA,EACdC,aAAa,CAAC;AAAA,EACdC,gBAAgB,CAAE;AAAA,EAClBC;AAAAA,EACAC;AAAAA,KACGC;AACgB,MAAM;AACnBZ,QAAAA,SAASa,UAAAA,UAAUzB,gBAAgBa,UAAU;AAEnD,SACGa,2BAAAA,KAAA,OAAA,EAAI,IAAQ,WAAsB,GAAIF,QACrC,UAAA;AAAA,IAAAG,2BAAA,IAACC,SACC,YAAA,EAAA,IAAIC,MAAAA,MAAMnB,IAAI,UAAU,GACxB,QACA,UACA,UACA,eACA,aACA,cACA,YACA,YAAuB;AAAA,IAExBiB,2BAAAA,IAAAG,SAAAA,YAAA,EACC,IAAID,MAAAA,MAAMnB,IAAI,UAAU,GACxB,MAAMI,UACN,eACA,uBAAuBF,iCAAQJ,sBAAsB,CAAA;AAAA,EAEzD,EAAA,CAAA;AAEJ;;"}
+{"version":3,"file":"FileUploader.cjs","sources":["../../../../src/components/FileUploader/FileUploader.tsx"],"sourcesContent":["import { useLabels } from \"hooks\";\nimport { setId } from \"utils\";\nimport { HvBaseProps } from \"../../types\";\nimport { HvDropZone, HvDropZoneLabels } from \"./DropZone\";\nimport { HvFileData, HvFileRemovedEvent, HvFilesAddedEvent } from \"./File\";\nimport { HvFileList } from \"./FileList\";\n\nexport type HvFileUploaderLabels = HvDropZoneLabels & {\n  /**\n   * Value of aria-label to apply to remove file button in FileList\n   * */\n  removeFileButtonLabel?: string;\n};\n\nexport type HvFileUploaderProps = HvBaseProps & {\n  /**\n   * An object containing all the labels.\n   */\n  labels?: HvFileUploaderLabels;\n  /**\n   * The files to upload.\n   */\n  fileList?: HvFileData[];\n  /**\n   * Whether the Dropzone should accept multiple files at once.\n   */\n  multiple?: boolean;\n  /**\n   * If the input is disabled or not\n   */\n  disabled?: boolean;\n  /**\n   * Max upload size\n   * */\n  maxFileSize?: number;\n  /**\n   * Files extensions accepted for upload.\n   */\n  acceptedFiles?: string[];\n  /**\n   * Callback fired when files are added.\n   */\n  onFilesAdded?: HvFilesAddedEvent;\n  /**\n   * Callback fired when file is removed from list.\n   */\n  onFileRemoved?: HvFileRemovedEvent;\n  /**\n   * Whether the DropZone should hide labels or not.\n   */\n  hideLabels?: boolean;\n  /**\n   * Attributes applied to the input element.\n   */\n  inputProps?: React.InputHTMLAttributes<HTMLInputElement>;\n};\n\n// TODO: This component needs to adopt the Form element shape and deprecate its way of composing labels\n\nconst DEFAULT_LABELS: HvFileUploaderLabels = {\n  dropzone: \"Label\",\n  sizeWarning: \"Max. file size:\",\n  drag: \"Drop files here or\",\n  selectFiles: \"click to upload\",\n  dropFiles: \"Drop files here\",\n  fileSizeError: \"The file exceeds the maximum upload size\",\n  fileTypeError: \"File type not allowed for upload\",\n  removeFileButtonLabel: \"Remove File\",\n};\n\n/**\n * Lets the user choose one or more files from their device storage. Once chosen,\n * the files can be uploaded to a server or manipulated on the client side.\n *\n * Accepted file types follow the format of the html input accept attribute. Please check https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input/file for more details.\n */\nexport const HvFileUploader = ({\n  id,\n  className,\n  labels: labelsProp,\n  fileList,\n  multiple = true,\n  disabled = false,\n  hideLabels = false,\n  maxFileSize = Infinity,\n  inputProps = {},\n  acceptedFiles = [],\n  onFilesAdded,\n  onFileRemoved,\n  ...others\n}: HvFileUploaderProps) => {\n  const labels = useLabels(DEFAULT_LABELS, labelsProp);\n\n  return (\n    <div id={id} className={className} {...others}>\n      <HvDropZone\n        id={setId(id, \"dropzone\")}\n        labels={labels}\n        multiple={multiple}\n        disabled={disabled}\n        acceptedFiles={acceptedFiles}\n        maxFileSize={maxFileSize}\n        onFilesAdded={onFilesAdded}\n        inputProps={inputProps}\n        hideLabels={hideLabels}\n      />\n      <HvFileList\n        id={setId(id, \"filelist\")}\n        list={fileList}\n        onFileRemoved={onFileRemoved}\n        removeFileButtonLabel={labels?.removeFileButtonLabel}\n      />\n    </div>\n  );\n};\n"],"names":["DEFAULT_LABELS","dropzone","sizeWarning","drag","selectFiles","dropFiles","fileSizeError","fileTypeError","removeFileButtonLabel","HvFileUploader","id","className","labels","labelsProp","fileList","multiple","disabled","hideLabels","maxFileSize","Infinity","inputProps","acceptedFiles","onFilesAdded","onFileRemoved","others","useLabels","children","_jsx","HvDropZone","setId","HvFileList","list"],"mappings":";;;;;;;AA2DA,MAAMA,iBAAuC;AAAA,EAC3CC,UAAU;AAAA,EACVC,aAAa;AAAA,EACbC,MAAM;AAAA,EACNC,aAAa;AAAA,EACbC,WAAW;AAAA,EACXC,eAAe;AAAA,EACfC,eAAe;AAAA,EACfC,uBAAuB;AACzB;AAQO,MAAMC,iBAAiBA,CAAC;AAAA,EAC7BC;AAAAA,EACAC;AAAAA,EACAC,QAAQC;AAAAA,EACRC;AAAAA,EACAC,WAAW;AAAA,EACXC,WAAW;AAAA,EACXC,aAAa;AAAA,EACbC,cAAcC;AAAAA,EACdC,aAAa,CAAC;AAAA,EACdC,gBAAgB,CAAE;AAAA,EAClBC;AAAAA,EACAC;AAAAA,EACA,GAAGC;AACgB,MAAM;AACnBZ,QAAAA,SAASa,UAAAA,UAAUzB,gBAAgBa,UAAU;AAEnD,yCACE,OAAA;AAAA,IAAKH;AAAAA,IAAQC;AAAAA,IAAqB,GAAKa;AAAAA,IAAME,UAAA,CAC3CC,2BAAAA,IAACC,qBAAU;AAAA,MACTlB,IAAImB,MAAAA,MAAMnB,IAAI,UAAU;AAAA,MACxBE;AAAAA,MACAG;AAAAA,MACAC;AAAAA,MACAK;AAAAA,MACAH;AAAAA,MACAI;AAAAA,MACAF;AAAAA,MACAH;AAAAA,IAAAA,CACA,GACFU,2BAAAA,IAACG,qBAAU;AAAA,MACTpB,IAAImB,MAAAA,MAAMnB,IAAI,UAAU;AAAA,MACxBqB,MAAMjB;AAAAA,MACNS;AAAAA,MACAf,uBAAuBI,iCAAQJ;AAAAA,IAAAA,CAC/B,CAAA;AAAA,EAAA,CACE;AAEV;;"}

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

@@ -1,10 +1,10 @@
 "use strict";
-Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
-const jsxRuntime = require("@emotion/react/jsx-runtime");
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const clsx = require("clsx");
 const React = require("react");
 const previewClasses = require("./previewClasses.cjs");
 const Preview_styles = require("./Preview.styles.cjs");
+const jsxRuntime = require("@emotion/react/jsx-runtime");
 const _interopDefault = (e) => e && e.__esModule ? e : { default: e };
 const clsx__default = /* @__PURE__ */ _interopDefault(clsx);
 const HvFileUploaderPreview = ({
@@ -22,13 +22,19 @@ const HvFileUploaderPreview = ({
     };
   }, [onUnload]);
   if (onClick) {
-    return /* @__PURE__ */ jsxRuntime.jsxs(Preview_styles.StyledButton, { icon: true, className: clsx__default.default(className, classes == null ? void 0 : classes.previewButton, previewClasses.default.previewButton), onClick, variant: "secondaryGhost", ...others, children: [
-      children,
-      !disableOverlay && /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
-        /* @__PURE__ */ jsxRuntime.jsx(Preview_styles.StyledOverlay, { className: clsx__default.default(classes == null ? void 0 : classes.overlay, previewClasses.default.overlay), "aria-hidden": "true" }),
-        /* @__PURE__ */ jsxRuntime.jsx(Preview_styles.StyledPreviewIcon, {})
-      ] })
-    ] });
+    return /* @__PURE__ */ jsxRuntime.jsxs(Preview_styles.StyledButton, {
+      icon: true,
+      className: clsx__default.default(className, classes == null ? void 0 : classes.previewButton, previewClasses.default.previewButton),
+      onClick,
+      variant: "secondaryGhost",
+      ...others,
+      children: [children, !disableOverlay && /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, {
+        children: [/* @__PURE__ */ jsxRuntime.jsx(Preview_styles.StyledOverlay, {
+          className: clsx__default.default(classes == null ? void 0 : classes.overlay, previewClasses.default.overlay),
+          "aria-hidden": "true"
+        }), /* @__PURE__ */ jsxRuntime.jsx(Preview_styles.StyledPreviewIcon, {})]
+      })]
+    });
   }
   return children;
 };

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

@@ -1 +1 @@
-{"version":3,"file":"Preview.cjs","sources":["../../../../../src/components/FileUploader/Preview/Preview.tsx"],"sourcesContent":["import clsx from \"clsx\";\nimport { HvButtonProps } from \"components\";\nimport { useEffect } from \"react\";\nimport fileUploaderPreviewClasses, {\n  HvFileUploaderPreviewClasses,\n} from \"./previewClasses\";\nimport {\n  StyledButton,\n  StyledOverlay,\n  StyledPreviewIcon,\n} from \"./Preview.styles\";\n\nexport type HvFileUploaderPreviewProps = Omit<\n  HvButtonProps,\n  \"children\" | \"classes\"\n> & {\n  /**\n   * Content that represents the preview of an uploaded file.\n   */\n  children: React.ReactElement;\n  /**\n   * Callback executed when the preview is unmounted.\n   *\n   * Should be used for cleaning up client-side image URLs created by `URL.createObjectURL()`.\n   */\n  onUnload?: () => void;\n  /**\n   * If `true`, doesn't show an overlay on top of the preview when hovering.\n   *\n   * Only applies when `onClick` is set.\n   */\n  disableOverlay?: boolean;\n  /**\n   * A Jss Object used to override or extend the styles applied to the component.\n   */\n  classes?: HvFileUploaderPreviewClasses;\n};\n\n/**\n * The `HvFileUploaderPreview` component is available to facilitate the styling\n * of the button (when clickable) and the detection of image unloading.\n */\nexport const HvFileUploaderPreview = ({\n  className,\n  children,\n  classes,\n  disableOverlay = false,\n  onUnload,\n  onClick,\n  ...others\n}: HvFileUploaderPreviewProps) => {\n  useEffect(() => {\n    return () => {\n      onUnload?.();\n    };\n  }, [onUnload]);\n\n  if (onClick) {\n    return (\n      <StyledButton\n        icon\n        className={clsx(\n          className,\n          classes?.previewButton,\n          fileUploaderPreviewClasses.previewButton\n        )}\n        onClick={onClick}\n        variant=\"secondaryGhost\"\n        {...others}\n      >\n        {children}\n        {!disableOverlay && (\n          <>\n            <StyledOverlay\n              className={clsx(\n                classes?.overlay,\n                fileUploaderPreviewClasses.overlay\n              )}\n              aria-hidden=\"true\"\n            />\n            <StyledPreviewIcon />\n          </>\n        )}\n      </StyledButton>\n    );\n  }\n\n  return children;\n};\n"],"names":["HvFileUploaderPreview","className","children","classes","disableOverlay","onUnload","onClick","others","useEffect","StyledButton","clsx","previewButton","fileUploaderPreviewClasses","jsxs","Fragment","jsx","StyledOverlay","overlay","StyledPreviewIcon"],"mappings":";;;;;;;;;AA0CO,MAAMA,wBAAwBA,CAAC;AAAA,EACpCC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC,iBAAiB;AAAA,EACjBC;AAAAA,EACAC;AAAAA,KACGC;AACuB,MAAM;AAChCC,QAAAA,UAAU,MAAM;AACd,WAAO,MAAM;AACC;AAAA,IAAA;AAAA,EACd,GACC,CAACH,QAAQ,CAAC;AAEb,MAAIC,SAAS;AACX,2CACGG,eAAAA,cACC,EAAA,MAAI,MACJ,WAAWC,sBACTT,WACAE,mCAASQ,eACTC,eAAAA,QAA2BD,aAAa,GAE1C,SACA,SAAQ,kBACR,GAAIJ,QAEHL,UAAAA;AAAAA,MAAAA;AAAAA,MACA,CAACE,kBAEES,2BAAAA,KAAAC,WAAA,UAAA,EAAA,UAAA;AAAA,QAACC,2BAAAA,IAAAC,eAAA,eAAA,EACC,WAAWN,cACTP,QAAAA,mCAASc,SACTL,eAAAA,QAA2BK,OAAO,GAEpC,eAAY,OAAM,CAAA;AAAA,uCAEnBC,eAAiB,mBAAA,EAAA;AAAA,MAAA,GACpB;AAAA,IAEJ,EAAA,CAAA;AAAA,EAEJ;AAEOhB,SAAAA;AACT;;"}
+{"version":3,"file":"Preview.cjs","sources":["../../../../../src/components/FileUploader/Preview/Preview.tsx"],"sourcesContent":["import clsx from \"clsx\";\nimport { HvButtonProps } from \"components\";\nimport { useEffect } from \"react\";\nimport fileUploaderPreviewClasses, {\n  HvFileUploaderPreviewClasses,\n} from \"./previewClasses\";\nimport {\n  StyledButton,\n  StyledOverlay,\n  StyledPreviewIcon,\n} from \"./Preview.styles\";\n\nexport type HvFileUploaderPreviewProps = Omit<\n  HvButtonProps,\n  \"children\" | \"classes\"\n> & {\n  /**\n   * Content that represents the preview of an uploaded file.\n   */\n  children: React.ReactElement;\n  /**\n   * Callback executed when the preview is unmounted.\n   *\n   * Should be used for cleaning up client-side image URLs created by `URL.createObjectURL()`.\n   */\n  onUnload?: () => void;\n  /**\n   * If `true`, doesn't show an overlay on top of the preview when hovering.\n   *\n   * Only applies when `onClick` is set.\n   */\n  disableOverlay?: boolean;\n  /**\n   * A Jss Object used to override or extend the styles applied to the component.\n   */\n  classes?: HvFileUploaderPreviewClasses;\n};\n\n/**\n * The `HvFileUploaderPreview` component is available to facilitate the styling\n * of the button (when clickable) and the detection of image unloading.\n */\nexport const HvFileUploaderPreview = ({\n  className,\n  children,\n  classes,\n  disableOverlay = false,\n  onUnload,\n  onClick,\n  ...others\n}: HvFileUploaderPreviewProps) => {\n  useEffect(() => {\n    return () => {\n      onUnload?.();\n    };\n  }, [onUnload]);\n\n  if (onClick) {\n    return (\n      <StyledButton\n        icon\n        className={clsx(\n          className,\n          classes?.previewButton,\n          fileUploaderPreviewClasses.previewButton\n        )}\n        onClick={onClick}\n        variant=\"secondaryGhost\"\n        {...others}\n      >\n        {children}\n        {!disableOverlay && (\n          <>\n            <StyledOverlay\n              className={clsx(\n                classes?.overlay,\n                fileUploaderPreviewClasses.overlay\n              )}\n              aria-hidden=\"true\"\n            />\n            <StyledPreviewIcon />\n          </>\n        )}\n      </StyledButton>\n    );\n  }\n\n  return children;\n};\n"],"names":["HvFileUploaderPreview","className","children","classes","disableOverlay","onUnload","onClick","others","useEffect","StyledButton","icon","clsx","previewButton","fileUploaderPreviewClasses","variant","_Fragment","_jsx","StyledOverlay","overlay","StyledPreviewIcon"],"mappings":";;;;;;;;;AA0CO,MAAMA,wBAAwBA,CAAC;AAAA,EACpCC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC,iBAAiB;AAAA,EACjBC;AAAAA,EACAC;AAAAA,EACA,GAAGC;AACuB,MAAM;AAChCC,QAAAA,UAAU,MAAM;AACd,WAAO,MAAM;AACC;AAAA,IAAA;AAAA,EACd,GACC,CAACH,QAAQ,CAAC;AAEb,MAAIC,SAAS;AACX,2CACGG,eAAAA,cAAY;AAAA,MACXC,MAAI;AAAA,MACJT,WAAWU,cACTV,QAAAA,WACAE,mCAASS,eACTC,uBAA2BD,aAAa;AAAA,MAE1CN;AAAAA,MACAQ,SAAQ;AAAA,MAAgB,GACpBP;AAAAA,MAAML,UAAA,CAETA,UACA,CAACE,kDACAW,WAAAA,UAAA;AAAA,QAAAb,UAAA,CACEc,2BAAAA,IAACC,8BAAa;AAAA,UACZhB,WAAWU,cAAAA,QACTR,mCAASe,SACTL,eAAAA,QAA2BK,OAAO;AAAA,UAEpC,eAAY;AAAA,QAAM,CAAA,GAEpBF,2BAAAA,IAACG,kCAAoB,CAAA,CAAA,CAAA;AAAA,MAAA,CAExB,CAAA;AAAA,IAAA,CACY;AAAA,EAEnB;AAEOjB,SAAAA;AACT;;"}

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

@@ -1,5 +1,5 @@
 "use strict";
-Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const _styled = require("@emotion/styled/base");
 const uikitReactIcons = require("@hitachivantara/uikit-react-icons");
 const uikitStyles = require("@hitachivantara/uikit-styles");

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

@@ -1 +1 @@
-{"version":3,"file":"Preview.styles.cjs","sources":["../../../../../src/components/FileUploader/Preview/Preview.styles.tsx"],"sourcesContent":["import styled from \"@emotion/styled\";\nimport { Preview } from \"@hitachivantara/uikit-react-icons\";\nimport { theme } from \"@hitachivantara/uikit-styles\";\nimport { HvButton } from \"components\";\nimport fileUploaderPreviewClasses from \"./previewClasses\";\n\nexport const StyledOverlay = styled(\"div\")({\n  position: \"absolute\",\n  top: 0,\n  bottom: 0,\n  left: 0,\n  right: 0,\n  display: \"none\",\n  justifyContent: \"center\",\n  alignItems: \"center\",\n  backgroundColor: theme.fileUploader.preview.overlayColor,\n  opacity: theme.fileUploader.preview.overlayOpacity,\n  borderRadius: theme.fileUploader.preview.overlayBorderRadius,\n\n  [`.${fileUploaderPreviewClasses.previewButton}:hover &`]: {\n    display: \"flex\",\n  },\n});\n\nexport const StyledPreviewIcon = styled(Preview)({\n  position: \"absolute\",\n  left: \"50%\",\n  top: \"50%\",\n  transform: \"translate(-50%, -50%)\",\n  display: \"none\",\n\n  [`.${fileUploaderPreviewClasses.previewButton}:hover &`]: {\n    display: \"flex\",\n  },\n});\n\nexport const StyledButton = styled(HvButton)({\n  position: \"relative\",\n  width: theme.fileUploader.preview.buttonSize,\n  height: theme.fileUploader.preview.buttonSize,\n});\n"],"names":["StyledOverlay","_styled","process","env","NODE_ENV","target","label","position","top","bottom","left","right","display","justifyContent","alignItems","backgroundColor","theme","fileUploader","preview","overlayColor","opacity","overlayOpacity","borderRadius","overlayBorderRadius","fileUploaderPreviewClasses","previewButton","StyledPreviewIcon","Preview","transform","StyledButton","HvButton","width","buttonSize","height"],"mappings":";;;;;;;;;AAMO,MAAMA,gBAAuBC,iCAAA,QAAA,OAAKC,QAAAC,IAAAC,aAAA,eAAA;AAAA,EAAAC,QAAA;AAAA,IAAA;AAAA,EAAAA,QAAA;AAAA,EAAAC,OAAA;AAAA,CAAA,EAAE;AAAA,EACzCC,UAAU;AAAA,EACVC,KAAK;AAAA,EACLC,QAAQ;AAAA,EACRC,MAAM;AAAA,EACNC,OAAO;AAAA,EACPC,SAAS;AAAA,EACTC,gBAAgB;AAAA,EAChBC,YAAY;AAAA,EACZC,iBAAiBC,YAAMC,MAAAA,aAAaC,QAAQC;AAAAA,EAC5CC,SAASJ,YAAMC,MAAAA,aAAaC,QAAQG;AAAAA,EACpCC,cAAcN,YAAMC,MAAAA,aAAaC,QAAQK;AAAAA,EAEzC,CAAE,IAAGC,eAAAA,QAA2BC,0BAA0B;AAAA,IACxDb,SAAS;AAAA,EACX;AACF,GAACV,QAAAC,IAAAC,aAAC,eAAA,KAAA,qkEAAA;AAEK,MAAMsB,oBAA2BC,iCAAAA,QAAAA,gBAAAA,SAAOzB,QAAAC,IAAAC,aAAA,eAAA;AAAA,EAAAC,QAAA;AAAA,IAAA;AAAA,EAAAA,QAAA;AAAA,EAAAC,OAAA;AAAA,CAAA,EAAE;AAAA,EAC/CC,UAAU;AAAA,EACVG,MAAM;AAAA,EACNF,KAAK;AAAA,EACLoB,WAAW;AAAA,EACXhB,SAAS;AAAA,EAET,CAAE,IAAGY,eAAAA,QAA2BC,0BAA0B;AAAA,IACxDb,SAAS;AAAA,EACX;AACF,GAACV,QAAAC,IAAAC,aAAC,eAAA,KAAA,ykEAAA;AAEK,MAAMyB,eAAsBC,iCAAAA,QAAAA,OAAAA,UAAQ5B,QAAAC,IAAAC,aAAA,eAAA;AAAA,EAAAC,QAAA;AAAA,IAAA;AAAA,EAAAA,QAAA;AAAA,EAAAC,OAAA;AAAA,CAAA,EAAE;AAAA,EAC3CC,UAAU;AAAA,EACVwB,OAAOf,YAAMC,MAAAA,aAAaC,QAAQc;AAAAA,EAClCC,QAAQjB,YAAMC,MAAAA,aAAaC,QAAQc;AACrC,GAAC9B,QAAAC,IAAAC,aAAC,eAAA,KAAA,ykEAAA;;;;"}
+{"version":3,"file":"Preview.styles.cjs","sources":["../../../../../src/components/FileUploader/Preview/Preview.styles.tsx"],"sourcesContent":["import styled from \"@emotion/styled\";\nimport { Preview } from \"@hitachivantara/uikit-react-icons\";\nimport { theme } from \"@hitachivantara/uikit-styles\";\nimport { HvButton } from \"components\";\nimport fileUploaderPreviewClasses from \"./previewClasses\";\n\nexport const StyledOverlay = styled(\"div\")({\n  position: \"absolute\",\n  top: 0,\n  bottom: 0,\n  left: 0,\n  right: 0,\n  display: \"none\",\n  justifyContent: \"center\",\n  alignItems: \"center\",\n  backgroundColor: theme.fileUploader.preview.overlayColor,\n  opacity: theme.fileUploader.preview.overlayOpacity,\n  borderRadius: theme.fileUploader.preview.overlayBorderRadius,\n\n  [`.${fileUploaderPreviewClasses.previewButton}:hover &`]: {\n    display: \"flex\",\n  },\n});\n\nexport const StyledPreviewIcon = styled(Preview)({\n  position: \"absolute\",\n  left: \"50%\",\n  top: \"50%\",\n  transform: \"translate(-50%, -50%)\",\n  display: \"none\",\n\n  [`.${fileUploaderPreviewClasses.previewButton}:hover &`]: {\n    display: \"flex\",\n  },\n});\n\nexport const StyledButton = styled(HvButton)({\n  position: \"relative\",\n  width: theme.fileUploader.preview.buttonSize,\n  height: theme.fileUploader.preview.buttonSize,\n});\n"],"names":["StyledOverlay","_styled","process","env","NODE_ENV","target","label","position","top","bottom","left","right","display","justifyContent","alignItems","backgroundColor","theme","fileUploader","preview","overlayColor","opacity","overlayOpacity","borderRadius","overlayBorderRadius","fileUploaderPreviewClasses","previewButton","StyledPreviewIcon","Preview","transform","StyledButton","HvButton","width","buttonSize","height"],"mappings":";;;;;;;;;AAMO,MAAMA,gBAAuBC,iCAAA,QAAA,OAAKC,QAAAC,IAAAC,aAAA,eAAA;AAAA,EAAAC,QAAA;AAAA,IAAA;AAAA,EAAAA,QAAA;AAAA,EAAAC,OAAA;AAAA,CAAA,EAAE;AAAA,EACzCC,UAAU;AAAA,EACVC,KAAK;AAAA,EACLC,QAAQ;AAAA,EACRC,MAAM;AAAA,EACNC,OAAO;AAAA,EACPC,SAAS;AAAA,EACTC,gBAAgB;AAAA,EAChBC,YAAY;AAAA,EACZC,iBAAiBC,YAAMC,MAAAA,aAAaC,QAAQC;AAAAA,EAC5CC,SAASJ,YAAMC,MAAAA,aAAaC,QAAQG;AAAAA,EACpCC,cAAcN,YAAMC,MAAAA,aAAaC,QAAQK;AAAAA,EAEzC,CAAE,IAAGC,eAAAA,QAA2BC,uBAAuB,GAAG;AAAA,IACxDb,SAAS;AAAA,EACX;AACF,GAACV,QAAAC,IAAAC,aAAC,eAAA,KAAA,qkEAAA;AAEK,MAAMsB,oBAA2BC,iCAAAA,QAAAA,gBAAAA,SAAOzB,QAAAC,IAAAC,aAAA,eAAA;AAAA,EAAAC,QAAA;AAAA,IAAA;AAAA,EAAAA,QAAA;AAAA,EAAAC,OAAA;AAAA,CAAA,EAAE;AAAA,EAC/CC,UAAU;AAAA,EACVG,MAAM;AAAA,EACNF,KAAK;AAAA,EACLoB,WAAW;AAAA,EACXhB,SAAS;AAAA,EAET,CAAE,IAAGY,eAAAA,QAA2BC,uBAAuB,GAAG;AAAA,IACxDb,SAAS;AAAA,EACX;AACF,GAACV,QAAAC,IAAAC,aAAC,eAAA,KAAA,ykEAAA;AAEK,MAAMyB,eAAsBC,iCAAAA,QAAAA,OAAAA,UAAQ5B,QAAAC,IAAAC,aAAA,eAAA;AAAA,EAAAC,QAAA;AAAA,IAAA;AAAA,EAAAA,QAAA;AAAA,EAAAC,OAAA;AAAA,CAAA,EAAE;AAAA,EAC3CC,UAAU;AAAA,EACVwB,OAAOf,YAAMC,MAAAA,aAAaC,QAAQc;AAAAA,EAClCC,QAAQjB,YAAMC,MAAAA,aAAaC,QAAQc;AACrC,GAAC9B,QAAAC,IAAAC,aAAC,eAAA,KAAA,ykEAAA;;;;"}

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

@@ -1,5 +1,5 @@
 "use strict";
-Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const units = ["B", "kB", "MB", "GB", "TB", "PB", "EB", "ZB", "YB"];
 const findBestUnit = (bytes, base = 1e3) => {
   const i = bytes > 0 ? Math.floor(Math.log(bytes) / Math.log(base)) : 0;

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

@@ -1 +1 @@
-{"version":3,"file":"utils.cjs","sources":["../../../../src/components/FileUploader/utils.ts"],"sourcesContent":["const units = [\"B\", \"kB\", \"MB\", \"GB\", \"TB\", \"PB\", \"EB\", \"ZB\", \"YB\"];\n\nexport const findBestUnit = (bytes: number, base = 1000) => {\n  const i = bytes > 0 ? Math.floor(Math.log(bytes) / Math.log(base)) : 0;\n  const si = Math.min(i, units.length - 1); // safe index\n\n  return { unit: units[si], value: bytes / base ** si };\n};\n\nexport const convertUnits = (bytes: number, base = 1000) => {\n  const { unit, value } = findBestUnit(bytes, base);\n\n  return value.toFixed(2) + unit;\n};\n"],"names":["units","findBestUnit","bytes","base","i","Math","floor","log","si","min","length","unit","value","convertUnits","toFixed"],"mappings":";;AAAA,MAAMA,QAAQ,CAAC,KAAK,MAAM,MAAM,MAAM,MAAM,MAAM,MAAM,MAAM,IAAI;AAE3D,MAAMC,eAAeA,CAACC,OAAeC,OAAO,QAAS;AAC1D,QAAMC,IAAIF,QAAQ,IAAIG,KAAKC,MAAMD,KAAKE,IAAIL,KAAK,IAAIG,KAAKE,IAAIJ,IAAI,CAAC,IAAI;AACrE,QAAMK,KAAKH,KAAKI,IAAIL,GAAGJ,MAAMU,SAAS,CAAC;AAEhC,SAAA;AAAA,IAAEC,MAAMX,MAAMQ;AAAAA,IAAKI,OAAOV,QAAQC,QAAQK;AAAAA,EAAAA;AACnD;AAEO,MAAMK,eAAeA,CAACX,OAAeC,OAAO,QAAS;AACpD,QAAA;AAAA,IAAEQ;AAAAA,IAAMC;AAAAA,EAAAA,IAAUX,aAAaC,OAAOC,IAAI;AAEzCS,SAAAA,MAAME,QAAQ,CAAC,IAAIH;AAC5B;;;"}
+{"version":3,"file":"utils.cjs","sources":["../../../../src/components/FileUploader/utils.ts"],"sourcesContent":["const units = [\"B\", \"kB\", \"MB\", \"GB\", \"TB\", \"PB\", \"EB\", \"ZB\", \"YB\"];\n\nexport const findBestUnit = (bytes: number, base = 1000) => {\n  const i = bytes > 0 ? Math.floor(Math.log(bytes) / Math.log(base)) : 0;\n  const si = Math.min(i, units.length - 1); // safe index\n\n  return { unit: units[si], value: bytes / base ** si };\n};\n\nexport const convertUnits = (bytes: number, base = 1000) => {\n  const { unit, value } = findBestUnit(bytes, base);\n\n  return value.toFixed(2) + unit;\n};\n"],"names":["units","findBestUnit","bytes","base","i","Math","floor","log","si","min","length","unit","value","convertUnits","toFixed"],"mappings":";;AAAA,MAAMA,QAAQ,CAAC,KAAK,MAAM,MAAM,MAAM,MAAM,MAAM,MAAM,MAAM,IAAI;AAE3D,MAAMC,eAAeA,CAACC,OAAeC,OAAO,QAAS;AAC1D,QAAMC,IAAIF,QAAQ,IAAIG,KAAKC,MAAMD,KAAKE,IAAIL,KAAK,IAAIG,KAAKE,IAAIJ,IAAI,CAAC,IAAI;AACrE,QAAMK,KAAKH,KAAKI,IAAIL,GAAGJ,MAAMU,SAAS,CAAC;AAEhC,SAAA;AAAA,IAAEC,MAAMX,MAAMQ,EAAE;AAAA,IAAGI,OAAOV,QAAQC,QAAQK;AAAAA,EAAAA;AACnD;AAEO,MAAMK,eAAeA,CAACX,OAAeC,OAAO,QAAS;AACpD,QAAA;AAAA,IAAEQ;AAAAA,IAAMC;AAAAA,EAAAA,IAAUX,aAAaC,OAAOC,IAAI;AAEzCS,SAAAA,MAAME,QAAQ,CAAC,IAAIH;AAC5B;;;"}

package/dist/cjs/components/Focus/Focus.cjs

@@ -1,6 +1,5 @@
 "use strict";
-Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
-const jsxRuntime = require("@emotion/react/jsx-runtime");
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const clsx = require("clsx");
 const lodash = require("lodash");
 const React = require("react");
@@ -9,6 +8,7 @@ const Focus_styles = require("./Focus.styles.cjs");
 const utils = require("./utils.cjs");
 const focusClasses = require("./focusClasses.cjs");
 const react = require("@emotion/react");
+const jsxRuntime = require("@emotion/react/jsx-runtime");
 const browser = require("../../utils/browser.cjs");
 const keyboardCodes = require("../../utils/keyboardUtils/keyboardCodes.cjs");
 const _interopDefault = (e) => e && e.__esModule ? e : { default: e };
@@ -298,13 +298,18 @@ const HvFocus = ({
   };
   if (disabled)
     return children;
-  const focusWrapper = (childrenToWrap) => /* @__PURE__ */ jsxRuntime.jsxs(Focus_styles.StyledFocusWrapper, { className: clsx__default.default(classes == null ? void 0 : classes.externalReference, focusClasses.default.externalReference), children: [
-    childrenToWrap,
-    showFocus && /* @__PURE__ */ jsxRuntime.jsx(Focus_styles.StyledFalseFocus, { className: clsx__default.default(classes == null ? void 0 : classes.falseFocus, focusClasses.default.falseFocus) })
-  ] });
-  return /* @__PURE__ */ jsxRuntime.jsxs(ConditionalWrapper.default, { condition: useFalseFocus, wrapper: focusWrapper, children: [
-    /* @__PURE__ */ jsxRuntime.jsx(react.Global, { styles: focusStyles }),
-    React__default.default.cloneElement(children, {
+  const focusWrapper = (childrenToWrap) => /* @__PURE__ */ jsxRuntime.jsxs(Focus_styles.StyledFocusWrapper, {
+    className: clsx__default.default(classes == null ? void 0 : classes.externalReference, focusClasses.default.externalReference),
+    children: [childrenToWrap, showFocus && /* @__PURE__ */ jsxRuntime.jsx(Focus_styles.StyledFalseFocus, {
+      className: clsx__default.default(classes == null ? void 0 : classes.falseFocus, focusClasses.default.falseFocus)
+    })]
+  });
+  return /* @__PURE__ */ jsxRuntime.jsxs(ConditionalWrapper.default, {
+    condition: useFalseFocus,
+    wrapper: focusWrapper,
+    children: [/* @__PURE__ */ jsxRuntime.jsx(react.Global, {
+      styles: focusStyles
+    }), React__default.default.cloneElement(children, {
       className: clsx__default.default(children.props.className, focusClasses.default.root, classes == null ? void 0 : classes.root, filterClass, selected && clsx__default.default(focusClasses.default.selected, classes == null ? void 0 : classes.selected), disabledClass && clsx__default.default(focusClasses.default.disabled, classes == null ? void 0 : classes.disabled), focusDisabled && clsx__default.default(focusClasses.default.focusDisabled, classes == null ? void 0 : classes.focusDisabled)),
       ref: config,
       onFocus,
@@ -313,8 +318,8 @@ const HvFocus = ({
       onKeyDown,
       onKeyUp,
       selected
-    })
-  ] });
+    })]
+  });
 };
 exports.HvFocus = HvFocus;
 //# sourceMappingURL=Focus.cjs.map