@hitachivantara/uikit-react-core 5.0.0-next.8 → 5.0.0-next.9

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

@@ -1 +1 @@
-{"version":3,"file":"DropZone.cjs","sources":["../../../../../src/components/FileUploader/DropZone/DropZone.tsx"],"sourcesContent":["import { HvFileData, HvFilesAddedEvent } from \"../File\";\nimport dropZoneClasses, { HvDropZoneClasses } from \"./dropZoneClasses\";\nimport React, { useRef, useState } from \"react\";\nimport { uniqueId } from \"lodash\";\nimport accept from \"attr-accept\";\nimport {\n  StyledDragText,\n  StyledDropArea,\n  StyledDropAreaIcon,\n  StyledDropAreaLabel,\n  StyledDropAreaLabels,\n  StyledDropZoneContainer,\n  StyledDropZoneLabelsGroup,\n  StyledInfoMessage,\n  StyledInput,\n  StyledLabel,\n  StyledSelectedFilesText,\n} from \"./DropZone.styles\";\nimport clsx from \"clsx\";\nimport { isKeypress, keyboardCodes, setId } from \"utils\";\nimport { convertUnits } from \"../utils\";\nimport { withId } from \"hocs\";\n\nexport type HvDropZoneLabels = {\n  /**\n   * Extensions of the accepted file types\n   */\n  acceptedFiles?: string;\n  /**\n   * Dropzone area label.\n   */\n  dropzone?: string;\n  /**\n   * Size file warning label.\n   */\n  sizeWarning?: string;\n  /**\n   * Size file warning label.\n   */\n  drag?: string;\n  /**\n   * Size file warning label.\n   */\n  selectFiles?: string;\n  /**\n   * Theming sheet used to style components\n   * */\n  dropFiles?: string;\n  /**\n   * Message to display when file size is greater than allowed\n   * */\n  fileSizeError?: string;\n  /**\n   * Message to display when file type is greater than allowed\n   * */\n  fileTypeError?: string;\n};\n\nexport type HvDropZoneProps = {\n  /**\n   * Id to be applied to the root node.\n   */\n  id?: string;\n  /**\n   * Labels to present in FileUploader.\n   */\n  labels?: HvDropZoneLabels;\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   * Files extensions accepted for upload.\n   */\n  acceptedFiles: string[];\n  /**\n   * Max upload size\n   * */\n  maxFileSize: number;\n  /**\n   * Function responsible for processing files added to the drop zone.\n   */\n  onFilesAdded?: HvFilesAddedEvent;\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   * A Jss Object used to override or extend the styles applied to the component.\n   */\n  classes?: HvDropZoneClasses;\n};\n\nexport const HvDropZone = withId(\n  ({\n    id,\n    classes,\n    labels,\n    acceptedFiles,\n    maxFileSize,\n    inputProps,\n    hideLabels,\n    multiple = true,\n    disabled = false,\n    onFilesAdded,\n  }: HvDropZoneProps) => {\n    const [dragState, setDrag] = useState<boolean>(false);\n\n    const inputRef = useRef<HTMLInputElement | null>(null);\n\n    const leaveDropArea = () => {\n      setDrag(false);\n    };\n\n    const enterDropArea = () => {\n      setDrag(true);\n    };\n\n    const onChangeHandler = (filesList: FileList) => {\n      const filesToProcess = Object.keys(filesList).map((e) => filesList[e]);\n\n      const newFiles: HvFileData[] = [];\n\n      filesToProcess.forEach((file: File) => {\n        const newFile: HvFileData = 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          <StyledDropZoneLabelsGroup\n            id={id}\n            className={clsx(\n              classes?.dropZoneLabelsGroup,\n              dropZoneClasses.dropZoneLabelsGroup\n            )}\n            aria-label=\"File Dropzone\"\n          >\n            <StyledLabel\n              id={setId(id, \"input-file-label\")}\n              htmlFor={setId(id, \"input-file\")}\n              label={labels?.dropzone}\n              className={clsx(\n                classes?.dropZoneLabel,\n                dropZoneClasses.dropZoneLabel\n              )}\n              $disabled={disabled}\n            />\n            <StyledInfoMessage\n              $disabled={disabled}\n              id={setId(id, \"description\")}\n            >\n              {Number.isInteger(maxFileSize) &&\n                `${labels?.sizeWarning} ${convertUnits(maxFileSize)}`}\n              {labels?.acceptedFiles && labels.acceptedFiles}\n              {!labels?.acceptedFiles &&\n                acceptedFiles.length > 0 &&\n                `\\u00A0(${acceptedFiles.join(\", \")})`}\n            </StyledInfoMessage>\n          </StyledDropZoneLabelsGroup>\n        )}\n        <StyledDropZoneContainer\n          id={setId(id, \"button\")}\n          className={clsx(\n            classes?.dropZoneContainer,\n            dropZoneClasses.dropZoneContainer,\n            dragState && clsx(classes?.dragAction, dropZoneClasses.dragAction),\n            disabled &&\n              clsx(\n                classes?.dropZoneContainerDisabled,\n                dropZoneClasses.dropZoneContainerDisabled\n              )\n          )}\n          $drag={dragState}\n          $disabled={disabled}\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          <StyledInput\n            id={setId(id, \"input-file\")}\n            tabIndex={-1}\n            className={clsx(classes?.inputArea, dropZoneClasses.inputArea)}\n            type=\"file\"\n            multiple={multiple}\n            disabled={disabled}\n            title={!disabled ? `${labels?.drag}\\xa0${labels?.selectFiles}` : \"\"}\n            onClick={() => {\n              if (inputRef.current) {\n                inputRef.current.value = \"\";\n              }\n            }}\n            onChange={() => {\n              if (!disabled && inputRef.current?.files) {\n                onChangeHandler(inputRef.current.files);\n              }\n            }}\n            ref={inputRef}\n            accept={acceptedFiles.join(\",\")}\n            {...inputProps}\n          />\n          <StyledDropArea\n            className={clsx(classes?.dropArea, dropZoneClasses.dropArea)}\n          >\n            {dragState ? (\n              <StyledDropAreaLabel\n                className={clsx(\n                  classes?.dropZoneAreaLabels,\n                  dropZoneClasses.dropZoneAreaLabels\n                )}\n              >\n                <StyledDragText\n                  className={clsx(classes?.dragText, dropZoneClasses.dragText)}\n                >\n                  {labels?.dropFiles}\n                </StyledDragText>\n              </StyledDropAreaLabel>\n            ) : (\n              <>\n                <StyledDropAreaIcon\n                  iconSize=\"M\"\n                  className={clsx(\n                    classes?.dropZoneAreaIcon,\n                    dropZoneClasses.dropZoneAreaIcon\n                  )}\n                  color={disabled ? \"atmo5\" : \"acce1\"}\n                />\n                <StyledDropAreaLabels\n                  className={clsx(\n                    classes?.dropZoneAreaLabels,\n                    dropZoneClasses.dropZoneAreaLabels\n                  )}\n                >\n                  <StyledDragText\n                    className={clsx(\n                      classes?.dragText,\n                      dropZoneClasses.dragText\n                    )}\n                  >\n                    {labels?.drag}\n                    <StyledSelectedFilesText\n                      className={clsx(\n                        classes?.selectFilesText,\n                        dropZoneClasses.selectFilesText\n                      )}\n                    >{`\\xa0${labels?.selectFiles}`}</StyledSelectedFilesText>\n                  </StyledDragText>\n                </StyledDropAreaLabels>\n              </>\n            )}\n          </StyledDropArea>\n        </StyledDropZoneContainer>\n      </>\n    );\n  }\n);\n"],"names":["HvDropZone","withId","id","classes","labels","acceptedFiles","maxFileSize","inputProps","hideLabels","multiple","disabled","onFilesAdded","dragState","setDrag","useState","inputRef","useRef","leaveDropArea","enterDropArea","onChangeHandler","filesList","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","_Fragment","children","StyledDropZoneLabelsGroup","className","clsx","dropZoneLabelsGroup","dropZoneClasses","_jsx","StyledLabel","setId","htmlFor","label","dropzone","dropZoneLabel","$disabled","_jsxs","StyledInfoMessage","Number","isInteger","sizeWarning","convertUnits","join","StyledDropZoneContainer","dropZoneContainer","dragAction","dropZoneContainerDisabled","$drag","role","tabIndex","onDragEnter","event","stopPropagation","preventDefault","onDragLeave","onDropCapture","onDragOver","onDrop","files","dataTransfer","onKeyDown","isKeypress","keyboardCodes","Enter","current","click","StyledInput","inputArea","title","drag","selectFiles","onClick","value","onChange","ref","StyledDropArea","dropArea","StyledDropAreaLabel","dropZoneAreaLabels","StyledDragText","dragText","dropFiles","StyledDropAreaIcon","iconSize","dropZoneAreaIcon","color","StyledDropAreaLabels","StyledSelectedFilesText","selectFilesText"],"mappings":"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"}
+{"version":3,"file":"DropZone.cjs","sources":["../../../../../src/components/FileUploader/DropZone/DropZone.tsx"],"sourcesContent":["import { HvFileData, HvFilesAddedEvent } from \"../File\";\nimport dropZoneClasses, { HvDropZoneClasses } from \"./dropZoneClasses\";\nimport React, { useRef, useState } from \"react\";\nimport { uniqueId } from \"lodash\";\nimport accept from \"attr-accept\";\nimport {\n  StyledDragText,\n  StyledDropArea,\n  StyledDropAreaIcon,\n  StyledDropAreaLabel,\n  StyledDropAreaLabels,\n  StyledDropZoneContainer,\n  StyledDropZoneLabelsGroup,\n  StyledInfoMessage,\n  StyledInput,\n  StyledLabel,\n  StyledSelectedFilesText,\n} from \"./DropZone.styles\";\nimport clsx from \"clsx\";\nimport { isKeypress, keyboardCodes, setId } from \"utils\";\nimport { convertUnits } from \"../utils\";\nimport { withId } from \"hocs\";\n\nexport type HvDropZoneLabels = {\n  /**\n   * Extensions of the accepted file types\n   */\n  acceptedFiles?: string;\n  /**\n   * Dropzone area label.\n   */\n  dropzone?: string;\n  /**\n   * Size file warning label.\n   */\n  sizeWarning?: string;\n  /**\n   * Size file warning label.\n   */\n  drag?: string;\n  /**\n   * Size file warning label.\n   */\n  selectFiles?: string;\n  /**\n   * Theming sheet used to style components\n   * */\n  dropFiles?: string;\n  /**\n   * Message to display when file size is greater than allowed\n   * */\n  fileSizeError?: string;\n  /**\n   * Message to display when file type is greater than allowed\n   * */\n  fileTypeError?: string;\n};\n\nexport type HvDropZoneProps = {\n  /**\n   * Id to be applied to the root node.\n   */\n  id?: string;\n  /**\n   * Labels to present in FileUploader.\n   */\n  labels?: HvDropZoneLabels;\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   * Files extensions accepted for upload.\n   */\n  acceptedFiles: string[];\n  /**\n   * Max upload size\n   * */\n  maxFileSize: number;\n  /**\n   * Function responsible for processing files added to the drop zone.\n   */\n  onFilesAdded?: HvFilesAddedEvent;\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   * A Jss Object used to override or extend the styles applied to the component.\n   */\n  classes?: HvDropZoneClasses;\n};\n\nexport const HvDropZone = withId(\n  ({\n    id,\n    classes,\n    labels,\n    acceptedFiles,\n    maxFileSize,\n    inputProps,\n    hideLabels,\n    multiple = true,\n    disabled = false,\n    onFilesAdded,\n  }: HvDropZoneProps) => {\n    const [dragState, setDrag] = useState<boolean>(false);\n\n    const inputRef = useRef<HTMLInputElement | null>(null);\n\n    const leaveDropArea = () => {\n      setDrag(false);\n    };\n\n    const enterDropArea = () => {\n      setDrag(true);\n    };\n\n    const onChangeHandler = (filesList: FileList) => {\n      const filesToProcess = Object.keys(filesList).map((e) => filesList[e]);\n\n      const newFiles: HvFileData[] = [];\n\n      filesToProcess.forEach((file: File) => {\n        const newFile: HvFileData = 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          <StyledDropZoneLabelsGroup\n            id={id}\n            className={clsx(\n              classes?.dropZoneLabelsGroup,\n              dropZoneClasses.dropZoneLabelsGroup\n            )}\n            aria-label=\"File Dropzone\"\n          >\n            <StyledLabel\n              id={setId(id, \"input-file-label\")}\n              htmlFor={setId(id, \"input-file\")}\n              label={labels?.dropzone}\n              className={clsx(\n                classes?.dropZoneLabel,\n                dropZoneClasses.dropZoneLabel\n              )}\n              $disabled={disabled}\n            />\n            <StyledInfoMessage\n              $disabled={disabled}\n              id={setId(id, \"description\")}\n            >\n              {Number.isInteger(maxFileSize) &&\n                `${labels?.sizeWarning} ${convertUnits(maxFileSize)}`}\n              {labels?.acceptedFiles && labels.acceptedFiles}\n              {!labels?.acceptedFiles &&\n                acceptedFiles.length > 0 &&\n                `\\u00A0(${acceptedFiles.join(\", \")})`}\n            </StyledInfoMessage>\n          </StyledDropZoneLabelsGroup>\n        )}\n        <StyledDropZoneContainer\n          id={setId(id, \"button\")}\n          className={clsx(\n            classes?.dropZoneContainer,\n            dropZoneClasses.dropZoneContainer,\n            dragState && clsx(classes?.dragAction, dropZoneClasses.dragAction),\n            disabled &&\n              clsx(\n                classes?.dropZoneContainerDisabled,\n                dropZoneClasses.dropZoneContainerDisabled\n              )\n          )}\n          $drag={dragState}\n          $disabled={disabled}\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          <StyledInput\n            id={setId(id, \"input-file\")}\n            tabIndex={-1}\n            className={clsx(classes?.inputArea, dropZoneClasses.inputArea)}\n            type=\"file\"\n            multiple={multiple}\n            disabled={disabled}\n            title={!disabled ? `${labels?.drag}\\xa0${labels?.selectFiles}` : \"\"}\n            onClick={() => {\n              if (inputRef.current) {\n                inputRef.current.value = \"\";\n              }\n            }}\n            onChange={() => {\n              if (!disabled && inputRef.current?.files) {\n                onChangeHandler(inputRef.current.files);\n              }\n            }}\n            ref={inputRef}\n            accept={acceptedFiles.join(\",\")}\n            {...inputProps}\n          />\n          <StyledDropArea\n            className={clsx(classes?.dropArea, dropZoneClasses.dropArea)}\n          >\n            {dragState ? (\n              <StyledDropAreaLabel\n                className={clsx(\n                  classes?.dropZoneAreaLabels,\n                  dropZoneClasses.dropZoneAreaLabels\n                )}\n              >\n                <StyledDragText\n                  className={clsx(classes?.dragText, dropZoneClasses.dragText)}\n                >\n                  {labels?.dropFiles}\n                </StyledDragText>\n              </StyledDropAreaLabel>\n            ) : (\n              <>\n                <StyledDropAreaIcon\n                  iconSize=\"M\"\n                  className={clsx(\n                    classes?.dropZoneAreaIcon,\n                    dropZoneClasses.dropZoneAreaIcon\n                  )}\n                  color={disabled ? \"atmo5\" : \"acce1\"}\n                />\n                <StyledDropAreaLabels\n                  className={clsx(\n                    classes?.dropZoneAreaLabels,\n                    dropZoneClasses.dropZoneAreaLabels\n                  )}\n                >\n                  <StyledDragText\n                    className={clsx(\n                      classes?.dragText,\n                      dropZoneClasses.dragText\n                    )}\n                  >\n                    {labels?.drag}\n                    <StyledSelectedFilesText\n                      className={clsx(\n                        classes?.selectFilesText,\n                        dropZoneClasses.selectFilesText\n                      )}\n                    >{`\\xa0${labels?.selectFiles}`}</StyledSelectedFilesText>\n                  </StyledDragText>\n                </StyledDropAreaLabels>\n              </>\n            )}\n          </StyledDropArea>\n        </StyledDropZoneContainer>\n      </>\n    );\n  }\n);\n"],"names":["HvDropZone","withId","id","classes","labels","acceptedFiles","maxFileSize","inputProps","hideLabels","multiple","disabled","onFilesAdded","dragState","setDrag","useState","inputRef","useRef","leaveDropArea","enterDropArea","onChangeHandler","filesList","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","jsxs","Fragment","StyledDropZoneLabelsGroup","clsx","dropZoneLabelsGroup","dropZoneClasses","jsx","StyledLabel","setId","dropzone","dropZoneLabel","StyledInfoMessage","Number","isInteger","sizeWarning","convertUnits","join","StyledDropZoneContainer","dropZoneContainer","dragAction","dropZoneContainerDisabled","event","stopPropagation","preventDefault","files","dataTransfer","isKeypress","keyboardCodes","Enter","current","click","StyledInput","inputArea","drag","selectFiles","value","StyledDropArea","dropArea","StyledDropAreaLabel","dropZoneAreaLabels","StyledDragText","dragText","dropFiles","StyledDropAreaIcon","dropZoneAreaIcon","StyledDropAreaLabels","StyledSelectedFilesText","selectFilesText"],"mappings":"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"}

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");
 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,35 +13,22 @@ 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 ? `\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 })
+  ] });
 };
 const getProgressBarWith = ({
   size,
@@ -62,40 +49,17 @@ 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","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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"}
+{"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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"}

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");
 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,19 +20,9 @@ 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","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;;"}
+{"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;;"}

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

@@ -31,27 +31,10 @@ 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","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,KACGC;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;;"}
+{"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;;"}

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");
 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,19 +22,13 @@ 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","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,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,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;;"}
+{"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;;"}

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

@@ -1,5 +1,6 @@
 "use strict";
 Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+const jsxRuntime = require("@emotion/react/jsx-runtime");
 const clsx = require("clsx");
 const lodash = require("lodash");
 const React = require("react");
@@ -8,7 +9,6 @@ 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,18 +298,13 @@ 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,
@@ -318,8 +313,8 @@ const HvFocus = ({
       onKeyDown,
       onKeyUp,
       selected
-    })]
-  });
+    })
+  ] });
 };
 exports.HvFocus = HvFocus;
 //# sourceMappingURL=Focus.cjs.map