acinguiux-ds-react-framework 0.1.18 → 0.1.19

package/build/esm/components/FileUploader/FileUploader.js

@@ -1,8 +1,8 @@
-import { jsxs as c, jsx as t } from "react/jsx-runtime";
-import { forwardRef as v, useRef as x, useMemo as A } from "react";
+import { jsxs as p, jsx as o } from "react/jsx-runtime";
+import { forwardRef as v, useRef as g, useMemo as A } from "react";
 import { Sizes as j, Directions as B } from "../../react-base/src/consts/index.js";
 import { consts as K } from "../../react-base/src/components/FileUploader/FileUploader.consts.js";
-import { FilePreview as V, FileType as S } from "../../react-base/src/components/FileUploader/FileUploader.types.js";
+import { FilePreview as V, FileType as x } from "../../react-base/src/components/FileUploader/FileUploader.types.js";
 import { FabricsVariables as H } from "acinguiux-ds-fabrics";
 import { DropzoneContainer as O, DropZone as Z, FileInput as q } from "./FileUploader.styles.js";
 import G from "../Flexbox/Flexbox.js";
@@ -14,53 +14,51 @@ import Y from "./hooks/useFileUploaderProps.js";
 const Fe = v(
   ({
     size: r = `${j.Medium}`,
-    filePreview: d = `${V.Image}`,
-    progressBarType: h = "line",
+    filePreview: c = `${V.Image}`,
+    progressBarType: S = "line",
     disabled: i = !1,
-    showIcon: y = !0,
-    showUploads: D = !0,
+    showIcon: h = !0,
+    showUploads: y = !0,
+    showErrors: D = !0,
     showAcceptedFiles: C,
     showDescription: R = !0,
     showButton: w = !0,
     dropzoneAlignment: E = `${B.Vertical}`,
-    ...o
+    ...t
   }, I) => {
     const {
       renderFileUploads: T,
-      hasError: p,
+      hasError: d,
       accept: U,
-      acceptedTextMapper: u,
+      acceptedTextMapper: s,
       isFirstFileUploadComplete: M,
-      handleOnRemoveFile: f,
+      handleOnRemoveFile: u,
       onChange: b,
       onClick: z,
       dropResult: { isDropTarget: l, dropProps: N },
       isSingleFileType: P,
-      fileType: s,
+      fileType: f,
       fileUploads: n,
       renderSingleDeleteFile: $,
       fileInputRef: a
-    } = Y(o), m = x(null), F = x(null);
+    } = Y(t), m = g(null), F = g(null);
     F.current = A(
-      () => {
-        var e;
-        return l ? ((e = m.current) == null ? void 0 : e.getBoundingClientRect()) ?? null : null;
-      },
+      () => l ? m.current?.getBoundingClientRect() ?? null : null,
       // eslint-disable-next-line react-hooks/exhaustive-deps
       [l, m.current]
     );
-    const { onError: _, onProgress: ee, initialFiles: re, ...k } = o;
-    return /* @__PURE__ */ c(
+    const { onError: _, onProgress: ee, initialFiles: re, ...k } = t;
+    return /* @__PURE__ */ p(
       O,
       {
-        "data-invalid": p,
+        "data-invalid": d,
         "data-disabled": i,
         size: r,
         ref: I,
         gap: "16px",
-        flexDirection: s === S.MultiHorizontal ? "row" : "column",
+        flexDirection: f === x.MultiHorizontal ? "row" : "column",
         children: [
-          /* @__PURE__ */ c(
+          /* @__PURE__ */ p(
             Z,
             {
               ...k,
@@ -71,39 +69,38 @@ const Fe = v(
               tabIndex: 0,
               "data-dropzone": !0,
               onKeyDown: (e) => {
-                var g;
-                (e.key === "Enter" || e.code === "Space") && a.current && a.current.click(), (g = o.onKeyDown) == null || g.call(o, e);
+                (e.key === "Enter" || e.code === "Space") && a.current && a.current.click(), t.onKeyDown?.(e);
               },
               children: [
-                /* @__PURE__ */ t(
+                /* @__PURE__ */ o(
                   X,
                   {
                     renderSingleDeleteFile: $,
                     fileUploads: n,
                     isSingleFileType: P,
                     isDropTarget: l,
-                    filePreview: d,
+                    filePreview: c,
                     isFirstFileUploadComplete: M,
-                    progressBarType: h,
-                    renderErrorsInside: p,
-                    acceptedTextMapper: u,
+                    progressBarType: S,
+                    renderErrorsInside: d,
+                    acceptedTextMapper: s,
                     size: r,
                     disabled: i,
-                    showIcon: y,
+                    showIcon: h,
                     showAcceptedFiles: C ?? R,
                     showButton: w,
-                    maxFileSize: o.maxFileSize,
+                    maxFileSize: t.maxFileSize,
                     dropzoneAlignment: E
                   }
                 ),
-                /* @__PURE__ */ t(
+                /* @__PURE__ */ o(
                   q,
                   {
                     ...N,
                     onClick: z,
                     ref: a,
                     onChange: b,
-                    multiple: s !== S.Single,
+                    multiple: f !== x.Single,
                     tabIndex: -1,
                     "aria-hidden": "true",
                     type: "file",
@@ -113,35 +110,35 @@ const Fe = v(
               ]
             }
           ),
-          D && T && /* @__PURE__ */ c(G, { flexDirection: "column", gap: `${K[r].attachedFiles.gap}`, children: [
-            n.filter((e) => !!e.errors).map((e) => /* @__PURE__ */ t(
+          T && /* @__PURE__ */ p(G, { flexDirection: "column", gap: `${K[r].attachedFiles.gap}`, children: [
+            D && n.filter((e) => !!e.errors).map((e) => /* @__PURE__ */ o(
               L,
               {
                 sentiment: H.Sentiments.Negative,
                 title: "The following files could not be uploaded:",
                 size: r,
-                onClose: () => f(e.fileName),
+                onClose: () => u(e.fileName),
                 closeButton: !0,
-                icon: /* @__PURE__ */ t(Q, { size: r }),
-                children: /* @__PURE__ */ t(
+                icon: /* @__PURE__ */ o(Q, { size: r }),
+                children: /* @__PURE__ */ o(
                   W,
                   {
                     size: r,
                     disabled: i,
                     fileUploadError: e,
-                    acceptedTextMapper: u,
-                    maxFilesSize: o.maxFileSize
+                    acceptedTextMapper: s,
+                    maxFilesSize: t.maxFileSize
                   }
                 )
               },
               e.fileName
             )),
-            n.filter((e) => !e.errors).map((e) => /* @__PURE__ */ t(
+            y && n.filter((e) => !e.errors).map((e) => /* @__PURE__ */ o(
               J,
               {
                 ...e,
-                handleOnRemoveFile: f,
-                filePreview: d,
+                handleOnRemoveFile: u,
+                filePreview: c,
                 size: r,
                 disabled: i
               },

package/build/esm/components/FileUploader/FileUploader.js.map

@@ -1 +1 @@
-{"version":3,"file":"FileUploader.js","sources":["../../../../src/components/FileUploader/FileUploader.tsx"],"sourcesContent":["import { forwardRef, useMemo, useRef } from 'react';\n\nimport { Directions, Sizes } from 'acinguiux-ds-react-base/consts';\nimport { FileUploaderTypes, FileUploaderConsts } from 'acinguiux-ds-react-base/components/FileUploader';\nimport { FabricsVariables } from 'acinguiux-ds-fabrics';\n\nimport type { IFileUploaderProps } from './FileUploader.types';\nimport * as Styled from './FileUploader.styles';\nimport Flexbox from '../Flexbox/Flexbox';\nimport FileUpload from './components/FileUpload/FileUpload';\nimport { StyledAlert, StyledAlertCircle } from './components/FileUpload/FileUpload.styles';\nimport FileUploadErrorMessage from './components/FileUploadErrorMessage/FileUploadErrorMessage';\nimport FileUploadContent from './components/FileUploadContent/FileUploadContent';\nimport useFileUploaderProps from './hooks/useFileUploaderProps';\n\nconst FileUploader = forwardRef<HTMLDivElement, IFileUploaderProps>(\n  (\n    {\n      size = `${Sizes.Medium}`,\n      filePreview = `${FileUploaderTypes.FilePreview.Image}`,\n      progressBarType = 'line',\n      disabled = false,\n      showIcon = true,\n      showUploads = true,\n      showAcceptedFiles,\n      showDescription = true,\n      showButton = true,\n      dropzoneAlignment = `${Directions.Vertical}`,\n      ...props\n    },\n    ref,\n  ) => {\n    const {\n      renderFileUploads,\n      hasError,\n      accept,\n      acceptedTextMapper,\n      isFirstFileUploadComplete,\n      handleOnRemoveFile,\n      onChange,\n      onClick,\n      dropResult: { isDropTarget, dropProps },\n      isSingleFileType,\n      fileType,\n      fileUploads,\n      renderSingleDeleteFile,\n      fileInputRef,\n    } = useFileUploaderProps(props);\n\n    const dropzoneRef = useRef<HTMLLabelElement | null>(null);\n    const dropzoneRect = useRef<DOMRect | null>(null);\n\n    // Stops the dropzone from collapsing when files are moved over it\n    // Don't want to use hard coded width/height\n    dropzoneRect.current = useMemo(\n      () => (isDropTarget ? (dropzoneRef.current?.getBoundingClientRect() ?? null) : null),\n      // eslint-disable-next-line react-hooks/exhaustive-deps\n      [isDropTarget, dropzoneRef.current],\n    );\n\n    const { onError, onProgress, initialFiles, ...dropzoneProps } = props;\n\n    return (\n      <Styled.DropzoneContainer\n        data-invalid={hasError}\n        data-disabled={disabled}\n        size={size}\n        ref={ref}\n        gap=\"16px\"\n        flexDirection={fileType === FileUploaderTypes.FileType.MultiHorizontal ? 'row' : 'column'}\n      >\n        <Styled.DropZone\n          {...dropzoneProps}\n          size={size}\n          rect={dropzoneRect.current}\n          isDropTarget={isDropTarget}\n          ref={dropzoneRef}\n          tabIndex={0}\n          data-dropzone={true}\n          onKeyDown={(e) => {\n            if ((e.key === 'Enter' || e.code === 'Space') && fileInputRef.current) {\n              fileInputRef.current.click();\n            }\n            props.onKeyDown?.(e);\n          }}\n        >\n          <FileUploadContent\n            renderSingleDeleteFile={renderSingleDeleteFile}\n            fileUploads={fileUploads}\n            isSingleFileType={isSingleFileType}\n            isDropTarget={isDropTarget}\n            filePreview={filePreview}\n            isFirstFileUploadComplete={isFirstFileUploadComplete}\n            progressBarType={progressBarType}\n            renderErrorsInside={hasError}\n            acceptedTextMapper={acceptedTextMapper}\n            size={size}\n            disabled={disabled}\n            showIcon={showIcon}\n            showAcceptedFiles={showAcceptedFiles ?? showDescription}\n            showButton={showButton}\n            maxFileSize={props.maxFileSize}\n            dropzoneAlignment={dropzoneAlignment}\n          />\n          <Styled.FileInput\n            {...dropProps}\n            onClick={onClick}\n            ref={fileInputRef}\n            onChange={onChange}\n            multiple={fileType !== FileUploaderTypes.FileType.Single}\n            tabIndex={-1}\n            aria-hidden=\"true\"\n            type=\"file\"\n            accept={accept}\n          />\n        </Styled.DropZone>\n        {showUploads && renderFileUploads && (\n          <Flexbox flexDirection=\"column\" gap={`${FileUploaderConsts.consts[size].attachedFiles.gap}`}>\n            {(fileUploads as FileUploaderTypes.IFileUploadError[])\n              .filter((fileUpload) => !!fileUpload.errors)\n              .map((fileUpload) => (\n                <StyledAlert\n                  key={fileUpload.fileName}\n                  sentiment={FabricsVariables.Sentiments.Negative}\n                  title=\"The following files could not be uploaded:\"\n                  size={size}\n                  onClose={() => handleOnRemoveFile(fileUpload.fileName)}\n                  closeButton={true}\n                  icon={<StyledAlertCircle size={size} />}\n                >\n                  <FileUploadErrorMessage\n                    size={size}\n                    disabled={disabled}\n                    fileUploadError={fileUpload}\n                    acceptedTextMapper={acceptedTextMapper}\n                    maxFilesSize={props.maxFileSize}\n                  />\n                </StyledAlert>\n              ))}\n            {(fileUploads as FileUploaderTypes.IFileUpload[])\n              .filter((fileUpload) => !fileUpload.errors)\n              .map((fileUpload) => (\n                <FileUpload\n                  key={fileUpload.fileName}\n                  {...fileUpload}\n                  handleOnRemoveFile={handleOnRemoveFile}\n                  filePreview={filePreview}\n                  size={size}\n                  disabled={disabled}\n                />\n              ))}\n          </Flexbox>\n        )}\n      </Styled.DropzoneContainer>\n    );\n  },\n);\n\nexport default FileUploader;\n"],"names":["FileUploader","forwardRef","size","Sizes","filePreview","FileUploaderTypes.FilePreview","progressBarType","disabled","showIcon","showUploads","showAcceptedFiles","showDescription","showButton","dropzoneAlignment","Directions","props","ref","renderFileUploads","hasError","accept","acceptedTextMapper","isFirstFileUploadComplete","handleOnRemoveFile","onChange","onClick","isDropTarget","dropProps","isSingleFileType","fileType","fileUploads","renderSingleDeleteFile","fileInputRef","useFileUploaderProps","dropzoneRef","useRef","dropzoneRect","useMemo","_a","onError","onProgress","initialFiles","dropzoneProps","jsxs","Styled.DropzoneContainer","FileUploaderTypes.FileType","Styled.DropZone","jsx","FileUploadContent","Styled.FileInput","Flexbox","FileUploaderConsts.consts","fileUpload","StyledAlert","FabricsVariables","StyledAlertCircle","FileUploadErrorMessage","FileUpload"],"mappings":"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"}
+{"version":3,"file":"FileUploader.js","sources":["../../../../src/components/FileUploader/FileUploader.tsx"],"sourcesContent":["import { forwardRef, useMemo, useRef } from 'react';\n\nimport { Directions, Sizes } from 'acinguiux-ds-react-base/consts';\nimport { FileUploaderTypes, FileUploaderConsts } from 'acinguiux-ds-react-base/components/FileUploader';\nimport { FabricsVariables } from 'acinguiux-ds-fabrics';\n\nimport type { IFileUploaderProps } from './FileUploader.types';\nimport * as Styled from './FileUploader.styles';\nimport Flexbox from '../Flexbox/Flexbox';\nimport FileUpload from './components/FileUpload/FileUpload';\nimport { StyledAlert, StyledAlertCircle } from './components/FileUpload/FileUpload.styles';\nimport FileUploadErrorMessage from './components/FileUploadErrorMessage/FileUploadErrorMessage';\nimport FileUploadContent from './components/FileUploadContent/FileUploadContent';\nimport useFileUploaderProps from './hooks/useFileUploaderProps';\n\nconst FileUploader = forwardRef<HTMLDivElement, IFileUploaderProps>(\n  (\n    {\n      size = `${Sizes.Medium}`,\n      filePreview = `${FileUploaderTypes.FilePreview.Image}`,\n      progressBarType = 'line',\n      disabled = false,\n      showIcon = true,\n      showUploads = true,\n      showErrors = true,\n      showAcceptedFiles,\n      showDescription = true,\n      showButton = true,\n      dropzoneAlignment = `${Directions.Vertical}`,\n      ...props\n    },\n    ref,\n  ) => {\n    const {\n      renderFileUploads,\n      hasError,\n      accept,\n      acceptedTextMapper,\n      isFirstFileUploadComplete,\n      handleOnRemoveFile,\n      onChange,\n      onClick,\n      dropResult: { isDropTarget, dropProps },\n      isSingleFileType,\n      fileType,\n      fileUploads,\n      renderSingleDeleteFile,\n      fileInputRef,\n    } = useFileUploaderProps(props);\n\n    const dropzoneRef = useRef<HTMLLabelElement | null>(null);\n    const dropzoneRect = useRef<DOMRect | null>(null);\n\n    // Stops the dropzone from collapsing when files are moved over it\n    // Don't want to use hard coded width/height\n    dropzoneRect.current = useMemo(\n      () => (isDropTarget ? (dropzoneRef.current?.getBoundingClientRect() ?? null) : null),\n      // eslint-disable-next-line react-hooks/exhaustive-deps\n      [isDropTarget, dropzoneRef.current],\n    );\n\n    const { onError, onProgress, initialFiles, ...dropzoneProps } = props;\n\n    return (\n      <Styled.DropzoneContainer\n        data-invalid={hasError}\n        data-disabled={disabled}\n        size={size}\n        ref={ref}\n        gap=\"16px\"\n        flexDirection={fileType === FileUploaderTypes.FileType.MultiHorizontal ? 'row' : 'column'}\n      >\n        <Styled.DropZone\n          {...dropzoneProps}\n          size={size}\n          rect={dropzoneRect.current}\n          isDropTarget={isDropTarget}\n          ref={dropzoneRef}\n          tabIndex={0}\n          data-dropzone={true}\n          onKeyDown={(e) => {\n            if ((e.key === 'Enter' || e.code === 'Space') && fileInputRef.current) {\n              fileInputRef.current.click();\n            }\n            props.onKeyDown?.(e);\n          }}\n        >\n          <FileUploadContent\n            renderSingleDeleteFile={renderSingleDeleteFile}\n            fileUploads={fileUploads}\n            isSingleFileType={isSingleFileType}\n            isDropTarget={isDropTarget}\n            filePreview={filePreview}\n            isFirstFileUploadComplete={isFirstFileUploadComplete}\n            progressBarType={progressBarType}\n            renderErrorsInside={hasError}\n            acceptedTextMapper={acceptedTextMapper}\n            size={size}\n            disabled={disabled}\n            showIcon={showIcon}\n            showAcceptedFiles={showAcceptedFiles ?? showDescription}\n            showButton={showButton}\n            maxFileSize={props.maxFileSize}\n            dropzoneAlignment={dropzoneAlignment}\n          />\n          <Styled.FileInput\n            {...dropProps}\n            onClick={onClick}\n            ref={fileInputRef}\n            onChange={onChange}\n            multiple={fileType !== FileUploaderTypes.FileType.Single}\n            tabIndex={-1}\n            aria-hidden=\"true\"\n            type=\"file\"\n            accept={accept}\n          />\n        </Styled.DropZone>\n        {renderFileUploads && (\n          <Flexbox flexDirection=\"column\" gap={`${FileUploaderConsts.consts[size].attachedFiles.gap}`}>\n            {showErrors &&\n              (fileUploads as FileUploaderTypes.IFileUploadError[])\n                .filter((fileUpload) => !!fileUpload.errors)\n                .map((fileUpload) => (\n                  <StyledAlert\n                    key={fileUpload.fileName}\n                    sentiment={FabricsVariables.Sentiments.Negative}\n                    title=\"The following files could not be uploaded:\"\n                    size={size}\n                    onClose={() => handleOnRemoveFile(fileUpload.fileName)}\n                    closeButton={true}\n                    icon={<StyledAlertCircle size={size} />}\n                  >\n                    <FileUploadErrorMessage\n                      size={size}\n                      disabled={disabled}\n                      fileUploadError={fileUpload}\n                      acceptedTextMapper={acceptedTextMapper}\n                      maxFilesSize={props.maxFileSize}\n                    />\n                  </StyledAlert>\n                ))}\n            {showUploads &&\n              (fileUploads as FileUploaderTypes.IFileUpload[])\n                .filter((fileUpload) => !fileUpload.errors)\n                .map((fileUpload) => (\n                  <FileUpload\n                    key={fileUpload.fileName}\n                    {...fileUpload}\n                    handleOnRemoveFile={handleOnRemoveFile}\n                    filePreview={filePreview}\n                    size={size}\n                    disabled={disabled}\n                  />\n                ))}\n          </Flexbox>\n        )}\n      </Styled.DropzoneContainer>\n    );\n  },\n);\n\nexport default FileUploader;\n"],"names":["FileUploader","forwardRef","size","Sizes","filePreview","FileUploaderTypes.FilePreview","progressBarType","disabled","showIcon","showUploads","showErrors","showAcceptedFiles","showDescription","showButton","dropzoneAlignment","Directions","props","ref","renderFileUploads","hasError","accept","acceptedTextMapper","isFirstFileUploadComplete","handleOnRemoveFile","onChange","onClick","isDropTarget","dropProps","isSingleFileType","fileType","fileUploads","renderSingleDeleteFile","fileInputRef","useFileUploaderProps","dropzoneRef","useRef","dropzoneRect","useMemo","onError","onProgress","initialFiles","dropzoneProps","jsxs","Styled.DropzoneContainer","FileUploaderTypes.FileType","Styled.DropZone","jsx","FileUploadContent","Styled.FileInput","Flexbox","FileUploaderConsts.consts","fileUpload","StyledAlert","FabricsVariables","StyledAlertCircle","FileUploadErrorMessage","FileUpload"],"mappings":"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"}

package/build/esm/components/FileUploader/FileUploader.types.d.ts

@@ -1,4 +1,4 @@
-import type { ComponentPropsWithoutRef } from 'react';
+import type { ComponentPropsWithoutRef, Dispatch, SetStateAction } from 'react';
 import type { DropOptions } from 'react-aria';
 import type { WithConditionalCssProp } from '../../react-base/src/types';
 import { FileUploaderTypes } from '../../react-base/src/components/FileUploader';
@@ -8,7 +8,15 @@ export type OnProgress = FileUploaderTypes.OnProgress;
 export type OnError = FileUploaderTypes.OnError;
 export type OnDropFiles = FileUploaderTypes.OnDropFiles;
 export type OnRemoveFile = FileUploaderTypes.OnRemoveFile;
-export interface IFileUploaderProps extends Omit<WithConditionalCssProp<ComponentPropsWithoutRef<'label'>>, 'onError' | 'onProgress'>, FileUploaderTypes.IProps {
+type FileUploadStateHandlerProps = {
+    files: (FileUploaderTypes.IFileUploadError | FileUploaderTypes.IFileUpload)[];
+    onFilesChanged: Dispatch<SetStateAction<(FileUploaderTypes.IFileUploadError | FileUploaderTypes.IFileUpload)[]>>;
+} | {
+    files?: never;
+    onFilesChanged?: never;
+};
+export type IFileUploaderProps = Omit<WithConditionalCssProp<ComponentPropsWithoutRef<'label'>>, 'onError' | 'onProgress'> & FileUploaderTypes.IProps & {
     dropOptions?: DropOptions;
-}
+} & FileUploadStateHandlerProps;
+export {};
 //# sourceMappingURL=FileUploader.types.d.ts.map

package/build/esm/components/FileUploader/FileUploader.types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"FileUploader.types.d.ts","sourceRoot":"","sources":["../../../../src/components/FileUploader/FileUploader.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,wBAAwB,EAAE,MAAM,OAAO,CAAC;AAEtD,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,YAAY,CAAC;AAC9C,OAAO,KAAK,EAAE,sBAAsB,EAAE,MAAM,+BAA+B,CAAC;AAC5E,OAAO,EAAE,iBAAiB,EAAE,MAAM,iDAAiD,CAAC;AAEpF,MAAM,MAAM,QAAQ,GAAG,GAAG,iBAAiB,CAAC,QAAQ,EAAE,CAAC;AACvD,MAAM,MAAM,WAAW,GAAG,GAAG,iBAAiB,CAAC,WAAW,EAAE,CAAC;AAC7D,MAAM,MAAM,UAAU,GAAG,iBAAiB,CAAC,UAAU,CAAC;AACtD,MAAM,MAAM,OAAO,GAAG,iBAAiB,CAAC,OAAO,CAAC;AAChD,MAAM,MAAM,WAAW,GAAG,iBAAiB,CAAC,WAAW,CAAC;AACxD,MAAM,MAAM,YAAY,GAAG,iBAAiB,CAAC,YAAY,CAAC;AAE1D,MAAM,WAAW,kBACf,SAAQ,IAAI,CAAC,sBAAsB,CAAC,wBAAwB,CAAC,OAAO,CAAC,CAAC,EAAE,SAAS,GAAG,YAAY,CAAC,EAC/F,iBAAiB,CAAC,MAAM;IAC1B,WAAW,CAAC,EAAE,WAAW,CAAC;CAC3B"}
+{"version":3,"file":"FileUploader.types.d.ts","sourceRoot":"","sources":["../../../../src/components/FileUploader/FileUploader.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,wBAAwB,EAAE,QAAQ,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAEhF,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,YAAY,CAAC;AAC9C,OAAO,KAAK,EAAE,sBAAsB,EAAE,MAAM,+BAA+B,CAAC;AAC5E,OAAO,EAAE,iBAAiB,EAAE,MAAM,iDAAiD,CAAC;AAEpF,MAAM,MAAM,QAAQ,GAAG,GAAG,iBAAiB,CAAC,QAAQ,EAAE,CAAC;AACvD,MAAM,MAAM,WAAW,GAAG,GAAG,iBAAiB,CAAC,WAAW,EAAE,CAAC;AAC7D,MAAM,MAAM,UAAU,GAAG,iBAAiB,CAAC,UAAU,CAAC;AACtD,MAAM,MAAM,OAAO,GAAG,iBAAiB,CAAC,OAAO,CAAC;AAChD,MAAM,MAAM,WAAW,GAAG,iBAAiB,CAAC,WAAW,CAAC;AACxD,MAAM,MAAM,YAAY,GAAG,iBAAiB,CAAC,YAAY,CAAC;AAE1D,KAAK,2BAA2B,GAC5B;IACE,KAAK,EAAE,CAAC,iBAAiB,CAAC,gBAAgB,GAAG,iBAAiB,CAAC,WAAW,CAAC,EAAE,CAAC;IAC9E,cAAc,EAAE,QAAQ,CAAC,cAAc,CAAC,CAAC,iBAAiB,CAAC,gBAAgB,GAAG,iBAAiB,CAAC,WAAW,CAAC,EAAE,CAAC,CAAC,CAAC;CAClH,GACD;IACE,KAAK,CAAC,EAAE,KAAK,CAAC;IACd,cAAc,CAAC,EAAE,KAAK,CAAC;CACxB,CAAC;AAEN,MAAM,MAAM,kBAAkB,GAAG,IAAI,CACnC,sBAAsB,CAAC,wBAAwB,CAAC,OAAO,CAAC,CAAC,EACzD,SAAS,GAAG,YAAY,CACzB,GACC,iBAAiB,CAAC,MAAM,GAAG;IACzB,WAAW,CAAC,EAAE,WAAW,CAAC;CAC3B,GAAG,2BAA2B,CAAC"}

package/build/esm/components/FileUploader/components/FileUploadContent/FileUploadContent.js

@@ -1,94 +1,90 @@
 import { jsxs as n, jsx as r, Fragment as g } from "react/jsx-runtime";
 import { TextElementTypes as a, Sizes as l, Variants as v, Directions as y } from "../../../../react-base/src/consts/index.js";
 import { consts as m } from "../../../../react-base/src/components/FileUploader/FileUploader.consts.js";
-import { FabricsVariables as T } from "acinguiux-ds-fabrics";
-import { DropTargetContainer as q, UploadCloudIcon as P, Heading as c, AddIcon as J, Subtitle as s, ContentContainer as h, TextContainer as C } from "./FileUploadContent.styles.js";
-import { FileSize as j, getIsUploadComplete as K, FileLoadingSuccess as Q } from "../FileUpload/FileUpload.utils.js";
-import { StyledErrorCross as W } from "../FileUpload/FileUpload.styles.js";
-import Y from "../../../Icon/components/Cross.js";
-import Z from "../../../Icon/components/TrashAlt.js";
+import { FabricsVariables as D } from "acinguiux-ds-fabrics";
+import { DropTargetContainer as M, UploadCloudIcon as E, Heading as c, AddIcon as U, Subtitle as s, ContentContainer as h, TextContainer as C } from "./FileUploadContent.styles.js";
+import { FileSize as I, getIsUploadComplete as R, FileLoadingSuccess as q } from "../FileUpload/FileUpload.utils.js";
+import { StyledErrorCross as J } from "../FileUpload/FileUpload.styles.js";
+import K from "../../../Icon/components/Cross.js";
+import Q from "../../../Icon/components/TrashAlt.js";
 import { HeadingSizeLevel as p } from "../../FileUpload.utils.js";
-import { getActionButtonSize as b, FileTypeErrorText as _, isFileUpload as z } from "./FileUploadContent.utils.js";
-import ee from "../../../Flexbox/Flexbox.js";
-import N from "../../../Button/Button.js";
-import O from "../../../Button/SentimentButton.js";
-const Se = ({
+import { getActionButtonSize as b, FileTypeErrorText as W, isFileUpload as Y } from "./FileUploadContent.utils.js";
+import Z from "../../../Flexbox/Flexbox.js";
+import T from "../../../Button/Button.js";
+import P from "../../../Button/SentimentButton.js";
+const he = ({
   size: e = `${l.Medium}`,
   disabled: i,
-  renderSingleDeleteFile: V,
+  renderSingleDeleteFile: j,
   fileUploads: f,
-  isSingleFileType: X,
+  isSingleFileType: N,
   acceptedTextMapper: x,
   isFirstFileUploadComplete: u,
-  isDropTarget: k,
-  filePreview: A,
+  isDropTarget: O,
+  filePreview: V,
   progressBarType: F,
   renderErrorsInside: $,
   showIcon: G,
-  showAcceptedFiles: H,
-  showButton: L,
+  showAcceptedFiles: X,
+  showButton: k,
   maxFileSize: w,
   dropzoneAlignment: t
   // eslint-disable-next-line sonarjs/cognitive-complexity
 }) => {
-  var D, E;
-  if (k)
-    return /* @__PURE__ */ n(q, { $dropzoneAlignment: t, children: [
-      G && /* @__PURE__ */ r(P, {}),
+  if (O)
+    return /* @__PURE__ */ n(M, { $dropzoneAlignment: t, children: [
+      G && /* @__PURE__ */ r(E, {}),
       /* @__PURE__ */ r(c, { type: a.Span, level: p[e], children: /* @__PURE__ */ r("span", { children: "Drop files" }) })
     ] });
-  const o = f[0], M = $ ? O : N, U = u ? /* @__PURE__ */ r(
-    O,
+  const o = f[0], A = $ ? P : T, H = u ? /* @__PURE__ */ r(
+    P,
     {
       size: b(e),
       variant: v.Outlined,
-      sentiment: T.Sentiments.Negative,
-      icon: /* @__PURE__ */ r(Z, {}),
+      sentiment: D.Sentiments.Negative,
+      icon: /* @__PURE__ */ r(Q, {}),
       label: "Remove file"
     }
   ) : /* @__PURE__ */ r(
-    N,
+    T,
     {
       "aria-label": "Cancel upload",
       size: b(e),
       variant: v.Outlined,
-      icon: /* @__PURE__ */ r(Y, {}),
+      icon: /* @__PURE__ */ r(K, {}),
       label: "Cancel upload"
     }
-  ), B = V ? U : L && /* @__PURE__ */ r(
-    M,
+  ), B = j ? H : k && /* @__PURE__ */ r(
+    A,
     {
       size: b(e),
       variant: v.Outlined,
-      sentiment: T.Sentiments.Negative,
-      icon: /* @__PURE__ */ r(J, {}),
+      sentiment: D.Sentiments.Negative,
+      icon: /* @__PURE__ */ r(U, {}),
       label: "Choose file",
       "aria-hidden": "true"
     }
   );
   if ($) {
-    const S = f.some((R) => {
-      var I;
-      return (I = R.errors) == null ? void 0 : I.hasGenericError;
-    });
+    const S = f.some((L) => L.errors?.hasGenericError);
     let d = null;
     switch (!0) {
       case S:
         d = /* @__PURE__ */ r(c, { type: a.Span, level: p[e], children: "An error occurred during the upload" });
         break;
-      case ((D = o.errors) == null ? void 0 : D.hasFileSizeError):
+      case o.errors?.hasFileSizeError:
         d = /* @__PURE__ */ n(g, { children: [
           /* @__PURE__ */ r(c, { type: a.Span, level: p[e], children: "File size is too big" }),
           !!w && /* @__PURE__ */ n(g, { children: [
             /* @__PURE__ */ r(s, { disabled: i, size: e === l.XSmall ? l.Small : e, children: "Maximum accepted file size is: " }),
-            /* @__PURE__ */ r(j, { fileSize: w, size: e, disabled: i })
+            /* @__PURE__ */ r(I, { fileSize: w, size: e, disabled: i })
           ] })
         ] });
         break;
-      case ((E = o.errors) == null ? void 0 : E.hasFileTypeError):
+      case o.errors?.hasFileTypeError:
         d = /* @__PURE__ */ n(g, { children: [
           /* @__PURE__ */ r(c, { type: a.Span, level: p[e], children: "Invalid file type" }),
-          /* @__PURE__ */ r(s, { disabled: i, size: e === l.XSmall ? l.Small : e, children: /* @__PURE__ */ r(_, { acceptedTextMapper: x }) })
+          /* @__PURE__ */ r(s, { disabled: i, size: e === l.XSmall ? l.Small : e, children: /* @__PURE__ */ r(W, { acceptedTextMapper: x }) })
         ] });
         break;
     }
@@ -98,16 +94,16 @@ const Se = ({
         $dropzoneAlignment: t,
         gap: m[e].dropzone.stateIconGap,
         children: [
-          /* @__PURE__ */ r(W, { size: e }),
+          /* @__PURE__ */ r(J, { size: e }),
           /* @__PURE__ */ r(C, { $dropzoneAlignment: t, children: d })
         ]
       }
     );
   }
-  if (X && o && z(o) && f.length === 1) {
-    const S = K(o.progressPercentage);
+  if (N && o && Y(o) && f.length === 1) {
+    const S = R(o.progressPercentage);
     return /* @__PURE__ */ n(
-      ee,
+      Z,
       {
         flexDirection: t === y.Vertical || F === "line" && !S ? "column" : "row",
         gap: m[e].dropzone.stateIconGap,
@@ -115,12 +111,12 @@ const Se = ({
         flexGrow: 1,
         children: [
           /* @__PURE__ */ r(
-            Q,
+            q,
             {
               size: e,
               progressPercentage: o.progressPercentage,
               file: o.file,
-              filePreview: A,
+              filePreview: V,
               type: F,
               label: !0
             }
@@ -135,7 +131,7 @@ const Se = ({
               children: [
                 /* @__PURE__ */ n(C, { $dropzoneAlignment: t, children: [
                   /* @__PURE__ */ r(c, { type: a.Span, level: p[e], children: u ? o.fileName : "Uploading your file" }),
-                  u ? /* @__PURE__ */ r(j, { fileSize: o.file.size, size: e, disabled: i }) : /* @__PURE__ */ r(s, { disabled: i, size: e === l.XSmall ? l.Small : e, children: o.fileName })
+                  u ? /* @__PURE__ */ r(I, { fileSize: o.file.size, size: e, disabled: i }) : /* @__PURE__ */ r(s, { disabled: i, size: e === l.XSmall ? l.Small : e, children: o.fileName })
                 ] }),
                 B
               ]
@@ -158,10 +154,10 @@ const Se = ({
             $dropzoneAlignment: t,
             gap: t === y.Vertical ? "4px" : m[e].dropzone.uploadIconGap,
             children: [
-              G && /* @__PURE__ */ r(P, {}),
+              G && /* @__PURE__ */ r(E, {}),
               /* @__PURE__ */ n(C, { $dropzoneAlignment: t, children: [
                 /* @__PURE__ */ r(c, { type: a.Span, level: p[e], children: /* @__PURE__ */ r("span", { children: "Drag and drop or choose a file" }) }),
-                H && /* @__PURE__ */ n(s, { disabled: i, size: e === l.XSmall ? l.Small : e, children: [
+                X && /* @__PURE__ */ n(s, { disabled: i, size: e === l.XSmall ? l.Small : e, children: [
                   "Accepts ",
                   x("and") || "all file types"
                 ] })
@@ -175,6 +171,6 @@ const Se = ({
   );
 };
 export {
-  Se as default
+  he as default
 };
 //# sourceMappingURL=FileUploadContent.js.map

package/build/esm/components/FileUploader/components/FileUploadContent/FileUploadContent.js.map

@@ -1 +1 @@
-{"version":3,"file":"FileUploadContent.js","sources":["../../../../../../src/components/FileUploader/components/FileUploadContent/FileUploadContent.tsx"],"sourcesContent":["import { Variants, Sizes, TextElementTypes, Directions } from 'acinguiux-ds-react-base/consts';\nimport { type FileUploaderTypes, FileUploaderConsts } from 'acinguiux-ds-react-base/components/FileUploader';\nimport { FabricsVariables } from 'acinguiux-ds-fabrics';\n\nimport * as Styled from './FileUploadContent.styles';\nimport { FileLoadingSuccess, FileSize, getIsUploadComplete } from '../FileUpload/FileUpload.utils';\nimport * as FileUploadStyled from '../FileUpload/FileUpload.styles';\nimport type { IFileUploadContentProps } from './FileUploadContent.types';\nimport Cross from '../../../Icon/components/Cross';\nimport TrashAlt from '../../../Icon/components/TrashAlt';\nimport { HeadingSizeLevel } from '../../FileUpload.utils';\nimport { FileTypeErrorText, getActionButtonSize, isFileUpload } from './FileUploadContent.utils';\nimport Flexbox from '../../../Flexbox/Flexbox';\nimport { DropTargetContainer, ContentContainer, TextContainer } from './FileUploadContent.styles';\nimport Button from '../../../Button/Button';\nimport SentimentButton from '../../../Button/SentimentButton';\n\nconst FileUploadContent = ({\n  size = `${Sizes.Medium}`,\n  disabled,\n  renderSingleDeleteFile,\n  fileUploads,\n  isSingleFileType,\n  acceptedTextMapper,\n  isFirstFileUploadComplete,\n  isDropTarget,\n  filePreview,\n  progressBarType,\n  renderErrorsInside,\n  showIcon,\n  showAcceptedFiles,\n  showButton,\n  maxFileSize,\n  dropzoneAlignment,\n  // eslint-disable-next-line sonarjs/cognitive-complexity\n}: IFileUploadContentProps) => {\n  if (isDropTarget) {\n    return (\n      <DropTargetContainer $dropzoneAlignment={dropzoneAlignment}>\n        {showIcon && <Styled.UploadCloudIcon />}\n        <Styled.Heading type={TextElementTypes.Span} level={HeadingSizeLevel[size]}>\n          <span>Drop files</span>\n        </Styled.Heading>\n      </DropTargetContainer>\n    );\n  }\n\n  const firstFile: FileUploaderTypes.IFileUpload | FileUploaderTypes.IFileUploadError | undefined = fileUploads[0];\n\n  const ChooseFileButton = renderErrorsInside ? SentimentButton : Button;\n\n  const cancelOrDeleteButton = isFirstFileUploadComplete ? (\n    <SentimentButton\n      size={getActionButtonSize(size)}\n      variant={Variants.Outlined}\n      sentiment={FabricsVariables.Sentiments.Negative}\n      icon={<TrashAlt />}\n      label=\"Remove file\"\n    />\n  ) : (\n    <Button\n      aria-label=\"Cancel upload\"\n      size={getActionButtonSize(size)}\n      variant={Variants.Outlined}\n      icon={<Cross />}\n      label=\"Cancel upload\"\n    />\n  );\n\n  const chooseFileComponent = !renderSingleDeleteFile\n    ? showButton && (\n        <ChooseFileButton\n          size={getActionButtonSize(size)}\n          variant={Variants.Outlined}\n          sentiment={FabricsVariables.Sentiments.Negative}\n          icon={<Styled.AddIcon />}\n          label=\"Choose file\"\n          aria-hidden=\"true\"\n        />\n      )\n    : cancelOrDeleteButton;\n\n  if (renderErrorsInside) {\n    const hasGenericError = fileUploads.some((fileUpload) => fileUpload.errors?.hasGenericError);\n    let detailedMessage: JSX.Element | null = null;\n\n    switch (true) {\n      case hasGenericError:\n        detailedMessage = (\n          <Styled.Heading type={TextElementTypes.Span} level={HeadingSizeLevel[size]}>\n            An error occurred during the upload\n          </Styled.Heading>\n        );\n        break;\n      case firstFile.errors?.hasFileSizeError:\n        detailedMessage = (\n          <>\n            <Styled.Heading type={TextElementTypes.Span} level={HeadingSizeLevel[size]}>\n              File size is too big\n            </Styled.Heading>\n            {!!maxFileSize && (\n              <>\n                <Styled.Subtitle disabled={disabled} size={size === Sizes.XSmall ? Sizes.Small : size}>\n                  Maximum accepted file size is:&nbsp;\n                </Styled.Subtitle>\n                <FileSize fileSize={maxFileSize} size={size} disabled={disabled} />\n              </>\n            )}\n          </>\n        );\n        break;\n      case firstFile.errors?.hasFileTypeError:\n        detailedMessage = (\n          <>\n            <Styled.Heading type={TextElementTypes.Span} level={HeadingSizeLevel[size]}>\n              Invalid file type\n            </Styled.Heading>\n            <Styled.Subtitle disabled={disabled} size={size === Sizes.XSmall ? Sizes.Small : size}>\n              <FileTypeErrorText acceptedTextMapper={acceptedTextMapper} />\n            </Styled.Subtitle>\n          </>\n        );\n        break;\n      default:\n        break;\n    }\n\n    return (\n      <ContentContainer\n        $dropzoneAlignment={dropzoneAlignment}\n        gap={FileUploaderConsts.consts[size].dropzone.stateIconGap}\n      >\n        <FileUploadStyled.StyledErrorCross size={size} />\n        <TextContainer $dropzoneAlignment={dropzoneAlignment}>{detailedMessage}</TextContainer>\n      </ContentContainer>\n    );\n  }\n\n  const renderPreviews = isSingleFileType && firstFile && isFileUpload(firstFile) && fileUploads.length === 1;\n\n  if (renderPreviews) {\n    const isUploadComplete = getIsUploadComplete(firstFile.progressPercentage);\n\n    return (\n      <Flexbox\n        flexDirection={\n          dropzoneAlignment === Directions.Vertical || (progressBarType === 'line' && !isUploadComplete)\n            ? 'column'\n            : 'row'\n        }\n        gap={FileUploaderConsts.consts[size].dropzone.stateIconGap}\n        alignItems=\"center\"\n        flexGrow={1}\n      >\n        <FileLoadingSuccess\n          size={size}\n          progressPercentage={firstFile.progressPercentage}\n          file={firstFile.file}\n          filePreview={filePreview}\n          type={progressBarType}\n          label={true}\n        />\n        <ContentContainer\n          $dropzoneAlignment={dropzoneAlignment}\n          justifyContent=\"space-between\"\n          gap={FileUploaderConsts.consts[size].dropzone.actionButtonGap}\n          width={dropzoneAlignment === Directions.Horizontal ? '100%' : 'auto'}\n        >\n          <TextContainer $dropzoneAlignment={dropzoneAlignment}>\n            <Styled.Heading type={TextElementTypes.Span} level={HeadingSizeLevel[size]}>\n              {isFirstFileUploadComplete ? firstFile.fileName : 'Uploading your file'}\n            </Styled.Heading>\n            {isFirstFileUploadComplete ? (\n              <FileSize fileSize={firstFile.file.size} size={size} disabled={disabled} />\n            ) : (\n              <Styled.Subtitle disabled={disabled} size={size === Sizes.XSmall ? Sizes.Small : size}>\n                {firstFile.fileName}\n              </Styled.Subtitle>\n            )}\n          </TextContainer>\n          {chooseFileComponent}\n        </ContentContainer>\n      </Flexbox>\n    );\n  }\n\n  return (\n    <ContentContainer\n      $dropzoneAlignment={dropzoneAlignment}\n      gap={FileUploaderConsts.consts[size].dropzone.actionButtonGap}\n      justifyContent=\"space-between\"\n    >\n      <ContentContainer\n        $dropzoneAlignment={dropzoneAlignment}\n        gap={dropzoneAlignment === Directions.Vertical ? '4px' : FileUploaderConsts.consts[size].dropzone.uploadIconGap}\n      >\n        {showIcon && <Styled.UploadCloudIcon />}\n        <TextContainer $dropzoneAlignment={dropzoneAlignment}>\n          <Styled.Heading type={TextElementTypes.Span} level={HeadingSizeLevel[size]}>\n            <span>Drag and drop or choose a file</span>\n          </Styled.Heading>\n          {showAcceptedFiles && (\n            <Styled.Subtitle disabled={disabled} size={size === Sizes.XSmall ? Sizes.Small : size}>\n              Accepts {acceptedTextMapper('and') || 'all file types'}\n            </Styled.Subtitle>\n          )}\n        </TextContainer>\n      </ContentContainer>\n      {chooseFileComponent}\n    </ContentContainer>\n  );\n};\n\nexport default FileUploadContent;\n"],"names":["FileUploadContent","size","Sizes","disabled","renderSingleDeleteFile","fileUploads","isSingleFileType","acceptedTextMapper","isFirstFileUploadComplete","isDropTarget","filePreview","progressBarType","renderErrorsInside","showIcon","showAcceptedFiles","showButton","maxFileSize","dropzoneAlignment","jsxs","DropTargetContainer","jsx","Styled.UploadCloudIcon","Styled.Heading","TextElementTypes","HeadingSizeLevel","firstFile","ChooseFileButton","SentimentButton","Button","cancelOrDeleteButton","getActionButtonSize","Variants","FabricsVariables","TrashAlt","Cross","chooseFileComponent","Styled.AddIcon","hasGenericError","fileUpload","_a","detailedMessage","Fragment","Styled.Subtitle","FileSize","_b","FileTypeErrorText","ContentContainer","FileUploaderConsts.consts","FileUploadStyled.StyledErrorCross","TextContainer","isFileUpload","isUploadComplete","getIsUploadComplete","Flexbox","Directions","FileLoadingSuccess"],"mappings":"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"}
+{"version":3,"file":"FileUploadContent.js","sources":["../../../../../../src/components/FileUploader/components/FileUploadContent/FileUploadContent.tsx"],"sourcesContent":["import { Variants, Sizes, TextElementTypes, Directions } from 'acinguiux-ds-react-base/consts';\nimport { type FileUploaderTypes, FileUploaderConsts } from 'acinguiux-ds-react-base/components/FileUploader';\nimport { FabricsVariables } from 'acinguiux-ds-fabrics';\n\nimport * as Styled from './FileUploadContent.styles';\nimport { FileLoadingSuccess, FileSize, getIsUploadComplete } from '../FileUpload/FileUpload.utils';\nimport * as FileUploadStyled from '../FileUpload/FileUpload.styles';\nimport type { IFileUploadContentProps } from './FileUploadContent.types';\nimport Cross from '../../../Icon/components/Cross';\nimport TrashAlt from '../../../Icon/components/TrashAlt';\nimport { HeadingSizeLevel } from '../../FileUpload.utils';\nimport { FileTypeErrorText, getActionButtonSize, isFileUpload } from './FileUploadContent.utils';\nimport Flexbox from '../../../Flexbox/Flexbox';\nimport { DropTargetContainer, ContentContainer, TextContainer } from './FileUploadContent.styles';\nimport Button from '../../../Button/Button';\nimport SentimentButton from '../../../Button/SentimentButton';\n\nconst FileUploadContent = ({\n  size = `${Sizes.Medium}`,\n  disabled,\n  renderSingleDeleteFile,\n  fileUploads,\n  isSingleFileType,\n  acceptedTextMapper,\n  isFirstFileUploadComplete,\n  isDropTarget,\n  filePreview,\n  progressBarType,\n  renderErrorsInside,\n  showIcon,\n  showAcceptedFiles,\n  showButton,\n  maxFileSize,\n  dropzoneAlignment,\n  // eslint-disable-next-line sonarjs/cognitive-complexity\n}: IFileUploadContentProps) => {\n  if (isDropTarget) {\n    return (\n      <DropTargetContainer $dropzoneAlignment={dropzoneAlignment}>\n        {showIcon && <Styled.UploadCloudIcon />}\n        <Styled.Heading type={TextElementTypes.Span} level={HeadingSizeLevel[size]}>\n          <span>Drop files</span>\n        </Styled.Heading>\n      </DropTargetContainer>\n    );\n  }\n\n  const firstFile: FileUploaderTypes.IFileUpload | FileUploaderTypes.IFileUploadError | undefined = fileUploads[0];\n\n  const ChooseFileButton = renderErrorsInside ? SentimentButton : Button;\n\n  const cancelOrDeleteButton = isFirstFileUploadComplete ? (\n    <SentimentButton\n      size={getActionButtonSize(size)}\n      variant={Variants.Outlined}\n      sentiment={FabricsVariables.Sentiments.Negative}\n      icon={<TrashAlt />}\n      label=\"Remove file\"\n    />\n  ) : (\n    <Button\n      aria-label=\"Cancel upload\"\n      size={getActionButtonSize(size)}\n      variant={Variants.Outlined}\n      icon={<Cross />}\n      label=\"Cancel upload\"\n    />\n  );\n\n  const chooseFileComponent = !renderSingleDeleteFile\n    ? showButton && (\n        <ChooseFileButton\n          size={getActionButtonSize(size)}\n          variant={Variants.Outlined}\n          sentiment={FabricsVariables.Sentiments.Negative}\n          icon={<Styled.AddIcon />}\n          label=\"Choose file\"\n          aria-hidden=\"true\"\n        />\n      )\n    : cancelOrDeleteButton;\n\n  if (renderErrorsInside) {\n    const hasGenericError = fileUploads.some((fileUpload) => fileUpload.errors?.hasGenericError);\n    let detailedMessage: JSX.Element | null = null;\n\n    switch (true) {\n      case hasGenericError:\n        detailedMessage = (\n          <Styled.Heading type={TextElementTypes.Span} level={HeadingSizeLevel[size]}>\n            An error occurred during the upload\n          </Styled.Heading>\n        );\n        break;\n      case firstFile.errors?.hasFileSizeError:\n        detailedMessage = (\n          <>\n            <Styled.Heading type={TextElementTypes.Span} level={HeadingSizeLevel[size]}>\n              File size is too big\n            </Styled.Heading>\n            {!!maxFileSize && (\n              <>\n                <Styled.Subtitle disabled={disabled} size={size === Sizes.XSmall ? Sizes.Small : size}>\n                  Maximum accepted file size is:&nbsp;\n                </Styled.Subtitle>\n                <FileSize fileSize={maxFileSize} size={size} disabled={disabled} />\n              </>\n            )}\n          </>\n        );\n        break;\n      case firstFile.errors?.hasFileTypeError:\n        detailedMessage = (\n          <>\n            <Styled.Heading type={TextElementTypes.Span} level={HeadingSizeLevel[size]}>\n              Invalid file type\n            </Styled.Heading>\n            <Styled.Subtitle disabled={disabled} size={size === Sizes.XSmall ? Sizes.Small : size}>\n              <FileTypeErrorText acceptedTextMapper={acceptedTextMapper} />\n            </Styled.Subtitle>\n          </>\n        );\n        break;\n      default:\n        break;\n    }\n\n    return (\n      <ContentContainer\n        $dropzoneAlignment={dropzoneAlignment}\n        gap={FileUploaderConsts.consts[size].dropzone.stateIconGap}\n      >\n        <FileUploadStyled.StyledErrorCross size={size} />\n        <TextContainer $dropzoneAlignment={dropzoneAlignment}>{detailedMessage}</TextContainer>\n      </ContentContainer>\n    );\n  }\n\n  const renderPreviews = isSingleFileType && firstFile && isFileUpload(firstFile) && fileUploads.length === 1;\n\n  if (renderPreviews) {\n    const isUploadComplete = getIsUploadComplete(firstFile.progressPercentage);\n\n    return (\n      <Flexbox\n        flexDirection={\n          dropzoneAlignment === Directions.Vertical || (progressBarType === 'line' && !isUploadComplete)\n            ? 'column'\n            : 'row'\n        }\n        gap={FileUploaderConsts.consts[size].dropzone.stateIconGap}\n        alignItems=\"center\"\n        flexGrow={1}\n      >\n        <FileLoadingSuccess\n          size={size}\n          progressPercentage={firstFile.progressPercentage}\n          file={firstFile.file}\n          filePreview={filePreview}\n          type={progressBarType}\n          label={true}\n        />\n        <ContentContainer\n          $dropzoneAlignment={dropzoneAlignment}\n          justifyContent=\"space-between\"\n          gap={FileUploaderConsts.consts[size].dropzone.actionButtonGap}\n          width={dropzoneAlignment === Directions.Horizontal ? '100%' : 'auto'}\n        >\n          <TextContainer $dropzoneAlignment={dropzoneAlignment}>\n            <Styled.Heading type={TextElementTypes.Span} level={HeadingSizeLevel[size]}>\n              {isFirstFileUploadComplete ? firstFile.fileName : 'Uploading your file'}\n            </Styled.Heading>\n            {isFirstFileUploadComplete ? (\n              <FileSize fileSize={firstFile.file.size} size={size} disabled={disabled} />\n            ) : (\n              <Styled.Subtitle disabled={disabled} size={size === Sizes.XSmall ? Sizes.Small : size}>\n                {firstFile.fileName}\n              </Styled.Subtitle>\n            )}\n          </TextContainer>\n          {chooseFileComponent}\n        </ContentContainer>\n      </Flexbox>\n    );\n  }\n\n  return (\n    <ContentContainer\n      $dropzoneAlignment={dropzoneAlignment}\n      gap={FileUploaderConsts.consts[size].dropzone.actionButtonGap}\n      justifyContent=\"space-between\"\n    >\n      <ContentContainer\n        $dropzoneAlignment={dropzoneAlignment}\n        gap={dropzoneAlignment === Directions.Vertical ? '4px' : FileUploaderConsts.consts[size].dropzone.uploadIconGap}\n      >\n        {showIcon && <Styled.UploadCloudIcon />}\n        <TextContainer $dropzoneAlignment={dropzoneAlignment}>\n          <Styled.Heading type={TextElementTypes.Span} level={HeadingSizeLevel[size]}>\n            <span>Drag and drop or choose a file</span>\n          </Styled.Heading>\n          {showAcceptedFiles && (\n            <Styled.Subtitle disabled={disabled} size={size === Sizes.XSmall ? Sizes.Small : size}>\n              Accepts {acceptedTextMapper('and') || 'all file types'}\n            </Styled.Subtitle>\n          )}\n        </TextContainer>\n      </ContentContainer>\n      {chooseFileComponent}\n    </ContentContainer>\n  );\n};\n\nexport default FileUploadContent;\n"],"names":["FileUploadContent","size","Sizes","disabled","renderSingleDeleteFile","fileUploads","isSingleFileType","acceptedTextMapper","isFirstFileUploadComplete","isDropTarget","filePreview","progressBarType","renderErrorsInside","showIcon","showAcceptedFiles","showButton","maxFileSize","dropzoneAlignment","jsxs","DropTargetContainer","jsx","Styled.UploadCloudIcon","Styled.Heading","TextElementTypes","HeadingSizeLevel","firstFile","ChooseFileButton","SentimentButton","Button","cancelOrDeleteButton","getActionButtonSize","Variants","FabricsVariables","TrashAlt","Cross","chooseFileComponent","Styled.AddIcon","hasGenericError","fileUpload","detailedMessage","Fragment","Styled.Subtitle","FileSize","FileTypeErrorText","ContentContainer","FileUploaderConsts.consts","FileUploadStyled.StyledErrorCross","TextContainer","isFileUpload","isUploadComplete","getIsUploadComplete","Flexbox","Directions","FileLoadingSuccess"],"mappings":"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"}

package/build/esm/components/FileUploader/hooks/useFileUploaderProps.d.ts

@@ -1,7 +1,7 @@
 import { type ChangeEventHandler, type MouseEventHandler } from 'react';
 import { FileUploaderTypes } from '../../../react-base/src/components/FileUploader';
 import type { IFileUploaderProps } from '../FileUploader.types';
-declare const useFileUploaderProps: ({ fileType, acceptedFileTypes, dropOptions, dropFilesAction, onProgress, onError, removeFileAction, maxFileSize, initialFiles, }: IFileUploaderProps) => {
+declare const useFileUploaderProps: ({ fileType, acceptedFileTypes, dropOptions, dropFilesAction, onProgress, onError, removeFileAction, maxFileSize, initialFiles, files: customFiles, onFilesChanged: setCustomFiles, }: IFileUploaderProps) => {
     fileInputRef: import("react").MutableRefObject<HTMLInputElement | null>;
     fileType: "single" | "multiHorizontal" | "multiVertical";
     acceptedFileTypes: string[];

package/build/esm/components/FileUploader/hooks/useFileUploaderProps.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useFileUploaderProps.d.ts","sourceRoot":"","sources":["../../../../../src/components/FileUploader/hooks/useFileUploaderProps.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,kBAAkB,EAAoB,KAAK,iBAAiB,EAAE,MAAM,OAAO,CAAC;AAG1F,OAAO,EAAE,iBAAiB,EAAE,MAAM,iDAAiD,CAAC;AAEpF,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,uBAAuB,CAAC;AAwBhE,QAAA,MAAM,oBAAoB,qIAUvB,kBAAkB;;;;;iCAQiB,MAAM,sBAAsB,MAAM;8BAerC,MAAM;+BAWL,IAAI,EAAE;;;;;;;;;;;;;;;;;CAmIzC,CAAC;AAEF,eAAe,oBAAoB,CAAC"}
+{"version":3,"file":"useFileUploaderProps.d.ts","sourceRoot":"","sources":["../../../../../src/components/FileUploader/hooks/useFileUploaderProps.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAoB,KAAK,kBAAkB,EAAE,KAAK,iBAAiB,EAAE,MAAM,OAAO,CAAC;AAG1F,OAAO,EAAE,iBAAiB,EAAE,MAAM,iDAAiD,CAAC;AAEpF,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,uBAAuB,CAAC;AAwBhE,QAAA,MAAM,oBAAoB,yLAYvB,kBAAkB;;;;;iCAUiB,MAAM,sBAAsB,MAAM;8BAerC,MAAM;+BAWL,IAAI,EAAE;;;;;;;;;;;;;;;;;CAmIzC,CAAC;AAEF,eAAe,oBAAoB,CAAC"}