acinguiux-ds-react-framework 0.0.6 → 0.0.8

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

@@ -1,6 +1,6 @@
-import { IFileUpload, IFileUploadError } from '../../FileUploader.types';
+import { FileUploaderTypes } from 'acinguiux-ds-react-base';
 import { IFileUploadContentProps, IFileUploaderErrorText } from './FileUploadContent.types';
-export declare const isFileUploadError: (file: IFileUpload | IFileUploadError) => file is IFileUploadError;
+export declare const isFileUploadError: (file: FileUploaderTypes.IFileUpload | FileUploaderTypes.IFileUploadError) => file is FileUploaderTypes.IFileUploadError;
 export declare const FileTypeErrorText: ({ acceptedTextMapper }: IFileUploaderErrorText) => import("react/jsx-runtime").JSX.Element;
 declare const FileUploadContent: ({ size, renderSingleDeleteFile, fileUploads, isSingleFileType, acceptedTextMapper, isFirstFileUploadComplete, isDropTarget, filePreview, progressBarType, renderErrorsInside, showIcon, showDescription, showButton, maxFileSize, }: IFileUploadContentProps) => import("react/jsx-runtime").JSX.Element;
 export default FileUploadContent;

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

@@ -1 +1 @@
-{"version":3,"file":"FileUploadContent.d.ts","sourceRoot":"","sources":["../../../../../../src/components/FileUploader/components/FileUploadContent/FileUploadContent.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAE,WAAW,EAAE,gBAAgB,EAAE,MAAM,0BAA0B,CAAC;AAIzE,OAAO,EAAE,uBAAuB,EAAE,sBAAsB,EAAE,MAAM,2BAA2B,CAAC;AAI5F,eAAO,MAAM,iBAAiB,SAAU,WAAW,GAAG,gBAAgB,6BAA4C,CAAC;AAEnH,eAAO,MAAM,iBAAiB,2BAA4B,sBAAsB,4CAE/E,CAAC;AAEF,QAAA,MAAM,iBAAiB,wOAepB,uBAAuB,4CAyGzB,CAAC;AAEF,eAAe,iBAAiB,CAAC"}
+{"version":3,"file":"FileUploadContent.d.ts","sourceRoot":"","sources":["../../../../../../src/components/FileUploader/components/FileUploadContent/FileUploadContent.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAmB,iBAAiB,EAAE,MAAM,yBAAyB,CAAC;AAM7E,OAAO,EAAE,uBAAuB,EAAE,sBAAsB,EAAE,MAAM,2BAA2B,CAAC;AAG5F,eAAO,MAAM,iBAAiB,SAAU,kBAAkB,WAAW,GAAG,kBAAkB,gBAAgB,+CAA8D,CAAC;AAEzK,eAAO,MAAM,iBAAiB,2BAA4B,sBAAsB,4CAE/E,CAAC;AAEF,QAAA,MAAM,iBAAiB,wOAepB,uBAAuB,4CA+GzB,CAAC;AAEF,eAAe,iBAAiB,CAAC"}

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

@@ -1,100 +1,113 @@
-import { jsx as e, Fragment as i, jsxs as n } from "react/jsx-runtime";
-import { Sentiments as g } from "acinguiux-ds-fabrics";
-import { AddIcon as N, Heading as o, Subtitle as s, UploadCloudIcon as j } from "./FileUploadContent.styles.js";
-import { FileLoadingSuccess as G, FileSize as F } from "../FileUpload/FileUpload.js";
-import { StyledErrorCross as M } from "../FileUpload/FileUpload.styles.js";
-import O from "../../../Icon/components/TrashAlt.js";
-import y from "../../../Button/Button.js";
-import { Variants as S, Sizes as B } from "../../../../react-base/src/consts.js";
-const D = (l) => !!l.errors, H = ({ acceptedTextMapper: l }) => /* @__PURE__ */ n(i, { children: [
+import { jsx as e, Fragment as l, jsxs as i } from "react/jsx-runtime";
+import { Variants as S, Sizes as j } from "../../../../react-base/build/esm/consts.js";
+import { Sentiments as a } from "acinguiux-ds-fabrics";
+import { FileUploadButton as v, AddIcon as G, Heading as t, Subtitle as s, UploadCloudIcon as I } from "./FileUploadContent.styles.js";
+import { FileLoadingSuccess as M, FileSize as b } from "../FileUpload/FileUpload.js";
+import { StyledErrorCross as O } from "../FileUpload/FileUpload.styles.js";
+import B from "../../../Icon/components/Cross.js";
+import D from "../../../Icon/components/TrashAlt.js";
+const H = (n) => !!n.errors, L = ({ acceptedTextMapper: n }) => /* @__PURE__ */ i(l, { children: [
   "File must be ",
-  l("or") || "a valid type"
-] }), W = ({
-  size: l = B.Medium,
-  renderSingleDeleteFile: b,
-  fileUploads: c,
-  isSingleFileType: v,
-  acceptedTextMapper: h,
-  isFirstFileUploadComplete: m,
-  isDropTarget: d,
+  n("or") || "a valid type"
+] }), Y = ({
+  size: n = j.Medium,
+  renderSingleDeleteFile: E,
+  fileUploads: d,
+  isSingleFileType: P,
+  acceptedTextMapper: f,
+  isFirstFileUploadComplete: o,
+  isDropTarget: h,
   filePreview: z,
-  progressBarType: E,
-  renderErrorsInside: P,
-  showIcon: k,
+  progressBarType: A,
+  renderErrorsInside: u,
+  showIcon: F,
   showDescription: x,
-  showButton: A,
-  maxFileSize: C
+  showButton: N,
+  maxFileSize: k
 }) => {
-  var f, u;
-  const r = c[0], a = d ? null : /* @__PURE__ */ e(i, { children: b ? /* @__PURE__ */ e(y, { variant: S.Outlined, sentiment: g.Negative, icon: /* @__PURE__ */ e(O, {}), children: "Delete file" }) : A && /* @__PURE__ */ e(
-    y,
+  var p, g;
+  const r = d[0], m = h ? null : /* @__PURE__ */ e(l, { children: E ? /* @__PURE__ */ i(
+    v,
     {
       variant: S.Outlined,
-      sentiment: g.Primary,
-      icon: /* @__PURE__ */ e(N, {}),
+      sentiment: o ? a.Negative : a.Primary,
+      icon: o ? /* @__PURE__ */ e(D, {}) : /* @__PURE__ */ e(B, {}),
+      children: [
+        o ? "Delete" : "Cancel",
+        " file"
+      ]
+    }
+  ) : N && /* @__PURE__ */ e(
+    v,
+    {
+      size: n,
+      variant: S.Outlined,
+      sentiment: u ? a.Negative : a.Primary,
+      icon: /* @__PURE__ */ e(G, {}),
       "aria-hidden": "true",
       children: "Choose file"
     }
   ) });
-  if (P) {
-    const w = c.some((I) => {
-      var p;
-      return (p = I.errors) == null ? void 0 : p.hasGenericError;
+  if (u) {
+    const w = d.some((C) => {
+      var y;
+      return (y = C.errors) == null ? void 0 : y.hasGenericError;
     });
-    let t = null;
+    let c = null;
     switch (!0) {
       case w:
-        t = /* @__PURE__ */ e(o, { children: "An error occurred during the upload" });
+        c = /* @__PURE__ */ e(t, { children: "An error occurred during the upload" });
         break;
-      case ((f = r.errors) == null ? void 0 : f.hasFileSizeError):
-        t = /* @__PURE__ */ n(i, { children: [
-          /* @__PURE__ */ e(o, { children: "File size is too big" }),
+      case ((p = r.errors) == null ? void 0 : p.hasFileSizeError):
+        c = /* @__PURE__ */ i(l, { children: [
+          /* @__PURE__ */ e(t, { children: "File size is too big" }),
           /* @__PURE__ */ e(s, { children: "Maximum accepted file size is: " }),
-          /* @__PURE__ */ e(F, { fileSize: C })
+          /* @__PURE__ */ e(b, { fileSize: k })
         ] });
         break;
-      case ((u = r.errors) == null ? void 0 : u.hasFileTypeError):
-        t = /* @__PURE__ */ n(i, { children: [
-          /* @__PURE__ */ e(o, { children: "Invalid file type" }),
-          /* @__PURE__ */ e(s, { children: /* @__PURE__ */ e(H, { acceptedTextMapper: h }) })
+      case ((g = r.errors) == null ? void 0 : g.hasFileTypeError):
+        c = /* @__PURE__ */ i(l, { children: [
+          /* @__PURE__ */ e(t, { children: "Invalid file type" }),
+          /* @__PURE__ */ e(s, { children: /* @__PURE__ */ e(L, { acceptedTextMapper: f }) })
         ] });
         break;
     }
-    return /* @__PURE__ */ n(i, { children: [
-      /* @__PURE__ */ e(M, {}),
-      t,
-      a
+    return /* @__PURE__ */ i(l, { children: [
+      /* @__PURE__ */ e(O, {}),
+      c,
+      m
     ] });
   }
-  return v && r && !D(r) && c.length === 1 ? /* @__PURE__ */ n(i, { children: [
+  return P && r && !H(r) && d.length === 1 ? /* @__PURE__ */ i(l, { children: [
     /* @__PURE__ */ e(
-      G,
+      M,
       {
+        size: n,
         progressPercentage: r.progressPercentage,
         file: r.file,
         filePreview: z,
-        type: E,
+        type: A,
         label: !0
       }
     ),
-    /* @__PURE__ */ e(o, { size: l, children: m ? r.fileName : "Uploading your file" }),
-    m ? /* @__PURE__ */ e(F, { fileSize: r.file.size }) : /* @__PURE__ */ e(s, { children: r.fileName }),
-    a
-  ] }) : /* @__PURE__ */ n(i, { children: [
-    k && /* @__PURE__ */ e(j, {}),
-    /* @__PURE__ */ e(o, { size: l, children: d ? /* @__PURE__ */ e("span", { children: "Drop files" }) : /* @__PURE__ */ e("span", { children: "Drag & drop or click to select" }) }),
-    !d && /* @__PURE__ */ n(i, { children: [
-      x && /* @__PURE__ */ n(s, { children: [
+    /* @__PURE__ */ e(t, { size: n, children: o ? r.fileName : "Uploading your file" }),
+    o ? /* @__PURE__ */ e(b, { fileSize: r.file.size }) : /* @__PURE__ */ e(s, { children: r.fileName }),
+    m
+  ] }) : /* @__PURE__ */ i(l, { children: [
+    F && /* @__PURE__ */ e(I, {}),
+    /* @__PURE__ */ e(t, { size: n, children: h ? /* @__PURE__ */ e("span", { children: "Drop files" }) : /* @__PURE__ */ e("span", { children: "Drag and drop or choose a file" }) }),
+    !h && /* @__PURE__ */ i(l, { children: [
+      x && /* @__PURE__ */ i(s, { children: [
         "Accepts ",
-        h("and") || "all file types"
+        f("and") || "all file types"
       ] }),
-      a
+      m
     ] })
   ] });
 };
 export {
-  H as FileTypeErrorText,
-  W as default,
-  D as isFileUploadError
+  L as FileTypeErrorText,
+  Y as default,
+  H as isFileUploadError
 };
 //# 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 } from 'acinguiux-ds-react-base';\r\nimport { Sentiments } from 'acinguiux-ds-fabrics';\r\n\r\nimport { IFileUpload, IFileUploadError } from '../../FileUploader.types';\r\nimport * as Styled from './FileUploadContent.styles';\r\nimport { FileLoadingSuccess, FileSize } from '../FileUpload/FileUpload';\r\nimport * as FileUploadStyled from '../FileUpload/FileUpload.styles';\r\nimport { IFileUploadContentProps, IFileUploaderErrorText } from './FileUploadContent.types';\r\nimport { TrashAlt } from '../../../Icon/components';\r\nimport Button from '../../../Button/Button';\r\n\r\nexport const isFileUploadError = (file: IFileUpload | IFileUploadError): file is IFileUploadError => !!file.errors;\r\n\r\nexport const FileTypeErrorText = ({ acceptedTextMapper }: IFileUploaderErrorText) => (\r\n  <>File must be {acceptedTextMapper('or') || 'a valid type'}</>\r\n);\r\n\r\nconst FileUploadContent = ({\r\n  size = Sizes.Medium,\r\n  renderSingleDeleteFile,\r\n  fileUploads,\r\n  isSingleFileType,\r\n  acceptedTextMapper,\r\n  isFirstFileUploadComplete,\r\n  isDropTarget,\r\n  filePreview,\r\n  progressBarType,\r\n  renderErrorsInside,\r\n  showIcon,\r\n  showDescription,\r\n  showButton,\r\n  maxFileSize,\r\n}: IFileUploadContentProps) => {\r\n  const firstFile: IFileUpload | IFileUploadError | undefined = fileUploads[0];\r\n\r\n  const chooseFileComponent = !isDropTarget ? (\r\n    <>\r\n      {!renderSingleDeleteFile ? (\r\n        showButton && (\r\n          <Button\r\n            variant={Variants.Outlined}\r\n            sentiment={Sentiments.Primary}\r\n            icon={<Styled.AddIcon />}\r\n            aria-hidden=\"true\"\r\n          >\r\n            Choose file\r\n          </Button>\r\n        )\r\n      ) : (\r\n        <Button variant={Variants.Outlined} sentiment={Sentiments.Negative} icon={<TrashAlt />}>\r\n          Delete file\r\n        </Button>\r\n      )}\r\n    </>\r\n  ) : null;\r\n\r\n  if (renderErrorsInside) {\r\n    const hasGenericError = fileUploads.some((fileUpload) => fileUpload.errors?.hasGenericError);\r\n    let detailedMessage: JSX.Element | null = null;\r\n\r\n    switch (true) {\r\n      case hasGenericError:\r\n        detailedMessage = <Styled.Heading>An error occurred during the upload</Styled.Heading>;\r\n        break;\r\n      case firstFile.errors?.hasFileSizeError:\r\n        detailedMessage = (\r\n          <>\r\n            <Styled.Heading>File size is too big</Styled.Heading>\r\n            <Styled.Subtitle>Maximum accepted file size is:&nbsp;</Styled.Subtitle>\r\n            <FileSize fileSize={maxFileSize as number} />\r\n          </>\r\n        );\r\n        break;\r\n      case firstFile.errors?.hasFileTypeError:\r\n        detailedMessage = (\r\n          <>\r\n            <Styled.Heading>Invalid file type</Styled.Heading>\r\n            <Styled.Subtitle>\r\n              <FileTypeErrorText acceptedTextMapper={acceptedTextMapper} />\r\n            </Styled.Subtitle>\r\n          </>\r\n        );\r\n        break;\r\n      default:\r\n        break;\r\n    }\r\n\r\n    return (\r\n      <>\r\n        <FileUploadStyled.StyledErrorCross />\r\n        {detailedMessage}\r\n        {chooseFileComponent}\r\n      </>\r\n    );\r\n  }\r\n\r\n  const renderPreviews = isSingleFileType && firstFile && !isFileUploadError(firstFile) && fileUploads.length === 1;\r\n\r\n  if (renderPreviews) {\r\n    return (\r\n      <>\r\n        <FileLoadingSuccess\r\n          progressPercentage={firstFile.progressPercentage}\r\n          file={firstFile.file}\r\n          filePreview={filePreview}\r\n          type={progressBarType}\r\n          label\r\n        />\r\n        <Styled.Heading size={size}>\r\n          {isFirstFileUploadComplete ? firstFile.fileName : 'Uploading your file'}\r\n        </Styled.Heading>\r\n        {isFirstFileUploadComplete ? (\r\n          <FileSize fileSize={firstFile.file.size} />\r\n        ) : (\r\n          <Styled.Subtitle>{firstFile.fileName}</Styled.Subtitle>\r\n        )}\r\n        {chooseFileComponent}\r\n      </>\r\n    );\r\n  }\r\n\r\n  return (\r\n    <>\r\n      {showIcon && <Styled.UploadCloudIcon />}\r\n      <Styled.Heading size={size}>\r\n        {isDropTarget ? <span>Drop files</span> : <span>Drag & drop or click to select</span>}\r\n      </Styled.Heading>\r\n      {!isDropTarget && (\r\n        <>\r\n          {showDescription && (\r\n            <Styled.Subtitle>Accepts {acceptedTextMapper('and') || 'all file types'}</Styled.Subtitle>\r\n          )}\r\n          {chooseFileComponent}\r\n        </>\r\n      )}\r\n    </>\r\n  );\r\n};\r\n\r\nexport default FileUploadContent;\r\n"],"names":["isFileUploadError","file","FileTypeErrorText","acceptedTextMapper","jsxs","Fragment","FileUploadContent","size","Sizes","renderSingleDeleteFile","fileUploads","isSingleFileType","isFirstFileUploadComplete","isDropTarget","filePreview","progressBarType","renderErrorsInside","showIcon","showDescription","showButton","maxFileSize","firstFile","chooseFileComponent","jsx","Button","Variants","Sentiments","TrashAlt","Styled.AddIcon","hasGenericError","fileUpload","_a","detailedMessage","Styled.Heading","Styled.Subtitle","FileSize","_b","FileUploadStyled.StyledErrorCross","FileLoadingSuccess","Styled.UploadCloudIcon"],"mappings":"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"}
+{"version":3,"file":"FileUploadContent.js","sources":["../../../../../../src/components/FileUploader/components/FileUploadContent/FileUploadContent.tsx"],"sourcesContent":["import { Variants, Sizes, FileUploaderTypes } from 'acinguiux-ds-react-base';\nimport { Sentiments } from 'acinguiux-ds-fabrics';\n\nimport * as Styled from './FileUploadContent.styles';\nimport { FileLoadingSuccess, FileSize } from '../FileUpload/FileUpload';\nimport * as FileUploadStyled from '../FileUpload/FileUpload.styles';\nimport { IFileUploadContentProps, IFileUploaderErrorText } from './FileUploadContent.types';\nimport { TrashAlt, Cross } from '../../../Icon/components';\n\nexport const isFileUploadError = (file: FileUploaderTypes.IFileUpload | FileUploaderTypes.IFileUploadError): file is FileUploaderTypes.IFileUploadError => !!file.errors;\n\nexport const FileTypeErrorText = ({ acceptedTextMapper }: IFileUploaderErrorText) => (\n  <>File must be {acceptedTextMapper('or') || 'a valid type'}</>\n);\n\nconst FileUploadContent = ({\n  size = Sizes.Medium,\n  renderSingleDeleteFile,\n  fileUploads,\n  isSingleFileType,\n  acceptedTextMapper,\n  isFirstFileUploadComplete,\n  isDropTarget,\n  filePreview,\n  progressBarType,\n  renderErrorsInside,\n  showIcon,\n  showDescription,\n  showButton,\n  maxFileSize,\n}: IFileUploadContentProps) => {\n  const firstFile: FileUploaderTypes.IFileUpload | FileUploaderTypes.IFileUploadError | undefined = fileUploads[0];\n\n  const chooseFileComponent = !isDropTarget ? (\n    <>\n      {!renderSingleDeleteFile ? (\n        showButton && (\n          <Styled.FileUploadButton\n            size={size}\n            variant={Variants.Outlined}\n            sentiment={renderErrorsInside ? Sentiments.Negative : Sentiments.Primary}\n            icon={<Styled.AddIcon />}\n            aria-hidden=\"true\"\n          >\n            Choose file\n          </Styled.FileUploadButton>\n        )\n      ) : (\n        <Styled.FileUploadButton\n          variant={Variants.Outlined}\n          sentiment={isFirstFileUploadComplete ? Sentiments.Negative : Sentiments.Primary}\n          icon={isFirstFileUploadComplete ? <TrashAlt /> : <Cross />}\n        >\n          {isFirstFileUploadComplete ? 'Delete' : 'Cancel'} file\n        </Styled.FileUploadButton>\n      )}\n    </>\n  ) : null;\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 = <Styled.Heading>An error occurred during the upload</Styled.Heading>;\n        break;\n      case firstFile.errors?.hasFileSizeError:\n        detailedMessage = (\n          <>\n            <Styled.Heading>File size is too big</Styled.Heading>\n            <Styled.Subtitle>Maximum accepted file size is:&nbsp;</Styled.Subtitle>\n            <FileSize fileSize={maxFileSize as number} />\n          </>\n        );\n        break;\n      case firstFile.errors?.hasFileTypeError:\n        detailedMessage = (\n          <>\n            <Styled.Heading>Invalid file type</Styled.Heading>\n            <Styled.Subtitle>\n              <FileTypeErrorText acceptedTextMapper={acceptedTextMapper} />\n            </Styled.Subtitle>\n          </>\n        );\n        break;\n      default:\n        break;\n    }\n\n    return (\n      <>\n        <FileUploadStyled.StyledErrorCross />\n        {detailedMessage}\n        {chooseFileComponent}\n      </>\n    );\n  }\n\n  const renderPreviews = isSingleFileType && firstFile && !isFileUploadError(firstFile) && fileUploads.length === 1;\n\n  if (renderPreviews) {\n    return (\n      <>\n        <FileLoadingSuccess\n          size={size}\n          progressPercentage={firstFile.progressPercentage}\n          file={firstFile.file}\n          filePreview={filePreview}\n          type={progressBarType}\n          label\n        />\n        <Styled.Heading size={size}>\n          {isFirstFileUploadComplete ? firstFile.fileName : 'Uploading your file'}\n        </Styled.Heading>\n        {isFirstFileUploadComplete ? (\n          <FileSize fileSize={firstFile.file.size} />\n        ) : (\n          <Styled.Subtitle>{firstFile.fileName}</Styled.Subtitle>\n        )}\n        {chooseFileComponent}\n      </>\n    );\n  }\n\n  return (\n    <>\n      {showIcon && <Styled.UploadCloudIcon />}\n      <Styled.Heading size={size}>\n        {isDropTarget ? <span>Drop files</span> : <span>Drag and drop or choose a file</span>}\n      </Styled.Heading>\n      {!isDropTarget && (\n        <>\n          {showDescription && (\n            <Styled.Subtitle>Accepts {acceptedTextMapper('and') || 'all file types'}</Styled.Subtitle>\n          )}\n          {chooseFileComponent}\n        </>\n      )}\n    </>\n  );\n};\n\nexport default FileUploadContent;\n"],"names":["isFileUploadError","file","FileTypeErrorText","acceptedTextMapper","jsxs","Fragment","FileUploadContent","size","Sizes","renderSingleDeleteFile","fileUploads","isSingleFileType","isFirstFileUploadComplete","isDropTarget","filePreview","progressBarType","renderErrorsInside","showIcon","showDescription","showButton","maxFileSize","firstFile","chooseFileComponent","jsx","Styled.FileUploadButton","Variants","Sentiments","TrashAlt","Cross","Styled.AddIcon","hasGenericError","fileUpload","_a","detailedMessage","Styled.Heading","Styled.Subtitle","FileSize","_b","FileUploadStyled.StyledErrorCross","FileLoadingSuccess","Styled.UploadCloudIcon"],"mappings":";;;;;;;;AASO,MAAMA,IAAoB,CAACC,MAAyH,CAAC,CAACA,EAAK,QAErJC,IAAoB,CAAC,EAAE,oBAAAC,EAAA,MAChC,gBAAAC,EAAAC,GAAA,EAAA,UAAA;AAAA,EAAA;AAAA,EAAcF,EAAmB,IAAI,KAAK;AAAA,EAAe,CAAA,GAGvDG,IAAoB,CAAC;AAAA,EACzB,MAAAC,IAAOC,EAAM;AAAA,EACb,wBAAAC;AAAA,EACA,aAAAC;AAAA,EACA,kBAAAC;AAAA,EACA,oBAAAR;AAAA,EACA,2BAAAS;AAAA,EACA,cAAAC;AAAA,EACA,aAAAC;AAAA,EACA,iBAAAC;AAAA,EACA,oBAAAC;AAAA,EACA,UAAAC;AAAA,EACA,iBAAAC;AAAA,EACA,YAAAC;AAAA,EACA,aAAAC;AACF,MAA+B;;AACvB,QAAAC,IAA4FX,EAAY,CAAC,GAEzGY,IAAuBT,IAwBzB,OAtBC,gBAAAU,EAAAlB,GAAA,EAAA,UAACI,IAaA,gBAAAL;AAAA,IAACoB;AAAAA,IAAA;AAAA,MACC,SAASC,EAAS;AAAA,MAClB,WAAWb,IAA4Bc,EAAW,WAAWA,EAAW;AAAA,MACxE,MAAMd,IAA4B,gBAAAW,EAACI,GAAS,CAAA,CAAA,sBAAMC,GAAM,EAAA;AAAA,MAEvD,UAAA;AAAA,QAAAhB,IAA4B,WAAW;AAAA,QAAS;AAAA,MAAA;AAAA,IAAA;AAAA,MAjBnDO,KACE,gBAAAI;AAAA,IAACC;AAAAA,IAAA;AAAA,MACC,MAAAjB;AAAA,MACA,SAASkB,EAAS;AAAA,MAClB,WAAWT,IAAqBU,EAAW,WAAWA,EAAW;AAAA,MACjE,MAAM,gBAAAH,EAACM,GAAA,EAAe;AAAA,MACtB,eAAY;AAAA,MACb,UAAA;AAAA,IAAA;AAAA,EAAA,GAaP;AAGF,MAAIb,GAAoB;AACtB,UAAMc,IAAkBpB,EAAY,KAAK,CAACqB;;AAAe,cAAAC,IAAAD,EAAW,WAAX,gBAAAC,EAAmB;AAAA,KAAe;AAC3F,QAAIC,IAAsC;AAE1C,YAAQ,IAAM;AAAA,MACZ,KAAKH;AACH,QAAAG,IAAmB,gBAAAV,EAAAW,GAAA,EAAe,UAAmC,sCAAA,CAAA;AACrE;AAAA,MACF,OAAKF,IAAAX,EAAU,WAAV,gBAAAW,EAAkB;AACrB,QAAAC,IAEI,gBAAA7B,EAAAC,GAAA,EAAA,UAAA;AAAA,UAAC,gBAAAkB,EAAAW,GAAA,EAAe,UAAoB,uBAAA,CAAA;AAAA,UACnC,gBAAAX,EAAAY,GAAA,EAAgB,UAAoC,kCAAA,CAAA;AAAA,UACrD,gBAAAZ,EAACa,GAAS,EAAA,UAAUhB,EAAuB,CAAA;AAAA,QAAA,GAC7C;AAEF;AAAA,MACF,OAAKiB,IAAAhB,EAAU,WAAV,gBAAAgB,EAAkB;AACrB,QAAAJ,IAEI,gBAAA7B,EAAAC,GAAA,EAAA,UAAA;AAAA,UAAC,gBAAAkB,EAAAW,GAAA,EAAe,UAAiB,oBAAA,CAAA;AAAA,4BAChCC,GAAA,EACC,UAAC,gBAAAZ,EAAArB,GAAA,EAAkB,oBAAAC,GAAwC,EAC7D,CAAA;AAAA,QAAA,GACF;AAEF;AAAA,IAEA;AAGJ,WAEI,gBAAAC,EAAAC,GAAA,EAAA,UAAA;AAAA,MAAC,gBAAAkB,EAAAe,GAAA,EAAkC;AAAA,MAClCL;AAAA,MACAX;AAAA,IAAA,GACH;AAAA,EAAA;AAMJ,SAFuBX,KAAoBU,KAAa,CAACrB,EAAkBqB,CAAS,KAAKX,EAAY,WAAW,IAK1G,gBAAAN,EAAAC,GAAA,EAAA,UAAA;AAAA,IAAA,gBAAAkB;AAAA,MAACgB;AAAA,MAAA;AAAA,QACC,MAAAhC;AAAA,QACA,oBAAoBc,EAAU;AAAA,QAC9B,MAAMA,EAAU;AAAA,QAChB,aAAAP;AAAA,QACA,MAAMC;AAAA,QACN,OAAK;AAAA,MAAA;AAAA,IACP;AAAA,IACA,gBAAAQ,EAACW,GAAA,EAAe,MAAA3B,GACb,UAA4BK,IAAAS,EAAU,WAAW,uBACpD;AAAA,IACCT,IACC,gBAAAW,EAACa,GAAS,EAAA,UAAUf,EAAU,KAAK,KAAM,CAAA,IAExC,gBAAAE,EAAAY,GAAA,EAAiB,YAAU,SAAS,CAAA;AAAA,IAEtCb;AAAA,EAAA,GACH,IAMC,gBAAAlB,EAAAC,GAAA,EAAA,UAAA;AAAA,IAAYY,KAAA,gBAAAM,EAACiB,GAAA,EAAuB;AAAA,IACpC,gBAAAjB,EAAAW,GAAA,EAAe,MAAA3B,GACb,UAAAM,IAAgB,gBAAAU,EAAA,QAAA,EAAK,UAAU,aAAA,CAAA,IAAW,gBAAAA,EAAA,QAAA,EAAK,2CAA8B,CAAA,GAChF;AAAA,IACC,CAACV,KAEG,gBAAAT,EAAAC,GAAA,EAAA,UAAA;AAAA,MACCa,KAAA,gBAAAd,EAAC+B,GAAA,EAAgB,UAAA;AAAA,QAAA;AAAA,QAAShC,EAAmB,KAAK,KAAK;AAAA,MAAA,GAAiB;AAAA,MAEzEmB;AAAA,IAAA,EACH,CAAA;AAAA,EAAA,GAEJ;AAEJ;"}

package/build/esm/components/FileUploader/components/FileUploadContent/FileUploadContent.styles.d.ts

@@ -1,8 +1,10 @@
 /// <reference types="react" />
 import { IFileUploaderTextProps } from './FileUploadContent.types';
+import { IButtonProps } from '../../../Button/Button.types';
 declare const UploadCloudIcon: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<Omit<import("react").SVGProps<SVGSVGElement>, "ref"> & import("react").RefAttributes<SVGSVGElement>>, import("styled-components").DefaultTheme, {}, never>;
 declare const AddIcon: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<Omit<import("react").SVGProps<SVGSVGElement>, "ref"> & import("react").RefAttributes<SVGSVGElement>>, import("styled-components").DefaultTheme, {}, never>;
 declare const Heading: import("styled-components").StyledComponent<"span", import("styled-components").DefaultTheme, IFileUploaderTextProps, never>;
 declare const Subtitle: import("styled-components").StyledComponent<"span", import("styled-components").DefaultTheme, IFileUploaderTextProps, never>;
-export { Heading, Subtitle, UploadCloudIcon, AddIcon };
+declare const FileUploadButton: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<Omit<IButtonProps, "ref"> & import("react").RefAttributes<HTMLButtonElement>>, import("styled-components").DefaultTheme, IButtonProps, never>;
+export { Heading, Subtitle, UploadCloudIcon, AddIcon, FileUploadButton };
 //# sourceMappingURL=FileUploadContent.styles.d.ts.map

package/build/esm/components/FileUploader/components/FileUploadContent/FileUploadContent.styles.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"FileUploadContent.styles.d.ts","sourceRoot":"","sources":["../../../../../../src/components/FileUploader/components/FileUploadContent/FileUploadContent.styles.ts"],"names":[],"mappings":";AAIA,OAAO,EAAE,sBAAsB,EAAE,MAAM,2BAA2B,CAAC;AAEnE,QAAA,MAAM,eAAe,kPAAwB,CAAC;AAE9C,QAAA,MAAM,OAAO,kPAAgB,CAAC;AAE9B,QAAA,MAAM,OAAO,8HASZ,CAAC;AAEF,QAAA,MAAM,QAAQ,8HASb,CAAC;AAEF,OAAO,EAAE,OAAO,EAAE,QAAQ,EAAE,eAAe,EAAE,OAAO,EAAE,CAAC"}
+{"version":3,"file":"FileUploadContent.styles.d.ts","sourceRoot":"","sources":["../../../../../../src/components/FileUploader/components/FileUploadContent/FileUploadContent.styles.ts"],"names":[],"mappings":";AAIA,OAAO,EAAE,sBAAsB,EAAE,MAAM,2BAA2B,CAAC;AAEnE,OAAO,EAAE,YAAY,EAAE,MAAM,8BAA8B,CAAC;AAE5D,QAAA,MAAM,eAAe,kPAAwB,CAAC;AAE9C,QAAA,MAAM,OAAO,kPAAgB,CAAC;AAE9B,QAAA,MAAM,OAAO,8HASZ,CAAC;AAEF,QAAA,MAAM,QAAQ,8HAUb,CAAC;AAEF,QAAA,MAAM,gBAAgB,qOASrB,CAAC;AAEF,OAAO,EAAE,OAAO,EAAE,QAAQ,EAAE,eAAe,EAAE,OAAO,EAAE,gBAAgB,EAAE,CAAC"}

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

@@ -1,9 +1,10 @@
-import r, { css as d } from "styled-components";
-import n from "../../../Icon/components/Add.js";
-import m from "../../../Icon/components/UploadCloud.js";
-import { Sizes as a } from "../../../../react-base/src/consts.js";
-const c = r(m)``, $ = r(n)``, e = r.span`
-  ${({ size: o, theme: l }) => d`
+import r, { css as n } from "styled-components";
+import { Sizes as a } from "../../../../react-base/build/esm/consts.js";
+import t from "../../../Icon/components/Add.js";
+import d from "../../../Icon/components/UploadCloud.js";
+import m from "../../../Button/Button.js";
+const $ = r(d)``, e = r(t)``, u = r.span`
+  ${({ size: o, theme: l }) => n`
     ${o === a.XSmall && l.heading[5].bold};
     ${o === a.Small && l.heading[4].bold};
     ${o === a.Medium && l.heading[3].demi};
@@ -11,20 +12,28 @@ const c = r(m)``, $ = r(n)``, e = r.span`
 
     text-align: center;
   `}
-`, S = r.span`
-  ${({ size: o, theme: l }) => d`
+`, x = r.span`
+  ${({ size: o, theme: l }) => n`
     ${(o === a.XSmall || o === a.Small) && l.paragraph[a.Small].normal};
     ${o === a.Medium && l.paragraph[a.Medium].normal};
     ${o === a.Large && l.paragraph[a.Large].normal};
 
+    color: ${l.getLayer()["Text On Surface/Subtle"]};
     max-width: 300px;
     text-align: center;
   `}
+`, f = r(m)`
+  ${({ size: o }) => o === a.XSmall || o === a.Small ? n`
+          margin-top: 16px;
+        ` : n`
+          margin-top: 24px;
+        `}
 `;
 export {
-  $ as AddIcon,
-  e as Heading,
-  S as Subtitle,
-  c as UploadCloudIcon
+  e as AddIcon,
+  f as FileUploadButton,
+  u as Heading,
+  x as Subtitle,
+  $ as UploadCloudIcon
 };
 //# sourceMappingURL=FileUploadContent.styles.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"FileUploadContent.styles.js","sources":["../../../../../../src/components/FileUploader/components/FileUploadContent/FileUploadContent.styles.ts"],"sourcesContent":["import styled, { css } from 'styled-components';\r\nimport { Sizes } from 'acinguiux-ds-react-base';\r\n\r\nimport { Add, UploadCloud } from '../../../Icon/components';\r\nimport { IFileUploaderTextProps } from './FileUploadContent.types';\r\n\r\nconst UploadCloudIcon = styled(UploadCloud)``;\r\n\r\nconst AddIcon = styled(Add)``;\r\n\r\nconst Heading = styled.span<IFileUploaderTextProps>`\r\n  ${({ size, theme }) => css`\r\n    ${size === Sizes.XSmall && theme.heading['5'].bold};\r\n    ${size === Sizes.Small && theme.heading['4'].bold};\r\n    ${size === Sizes.Medium && theme.heading['3'].demi};\r\n    ${size === Sizes.Large && theme.heading['2'].demi};\r\n\r\n    text-align: center;\r\n  `}\r\n`;\r\n\r\nconst Subtitle = styled.span<IFileUploaderTextProps>`\r\n  ${({ size, theme }) => css`\r\n    ${(size === Sizes.XSmall || size === Sizes.Small) && theme.paragraph[Sizes.Small].normal};\r\n    ${size === Sizes.Medium && theme.paragraph[Sizes.Medium].normal};\r\n    ${size === Sizes.Large && theme.paragraph[Sizes.Large].normal};\r\n\r\n    max-width: 300px;\r\n    text-align: center;\r\n  `}\r\n`;\r\n\r\nexport { Heading, Subtitle, UploadCloudIcon, AddIcon };\r\n"],"names":["UploadCloudIcon","styled","UploadCloud","AddIcon","Add","Heading","size","theme","css","Sizes","Subtitle"],"mappings":";;;;AAMM,MAAAA,IAAkBC,EAAOC,CAAW,KAEpCC,IAAUF,EAAOG,CAAG,KAEpBC,IAAUJ,EAAO;AAAA,IACnB,CAAC,EAAE,MAAAK,GAAM,OAAAC,EAAA,MAAYC;AAAA,MACnBF,MAASG,EAAM,UAAUF,EAAM,QAAQ,CAAG,EAAE,IAAI;AAAA,MAChDD,MAASG,EAAM,SAASF,EAAM,QAAQ,CAAG,EAAE,IAAI;AAAA,MAC/CD,MAASG,EAAM,UAAUF,EAAM,QAAQ,CAAG,EAAE,IAAI;AAAA,MAChDD,MAASG,EAAM,SAASF,EAAM,QAAQ,CAAG,EAAE,IAAI;AAAA;AAAA;AAAA,GAGlD;AAAA,GAGGG,IAAWT,EAAO;AAAA,IACpB,CAAC,EAAE,MAAAK,GAAM,OAAAC,EAAA,MAAYC;AAAA,OAClBF,MAASG,EAAM,UAAUH,MAASG,EAAM,UAAUF,EAAM,UAAUE,EAAM,KAAK,EAAE,MAAM;AAAA,MACtFH,MAASG,EAAM,UAAUF,EAAM,UAAUE,EAAM,MAAM,EAAE,MAAM;AAAA,MAC7DH,MAASG,EAAM,SAASF,EAAM,UAAUE,EAAM,KAAK,EAAE,MAAM;AAAA;AAAA;AAAA;AAAA,GAI9D;AAAA;"}
+{"version":3,"file":"FileUploadContent.styles.js","sources":["../../../../../../src/components/FileUploader/components/FileUploadContent/FileUploadContent.styles.ts"],"sourcesContent":["import styled, { css } from 'styled-components';\nimport { Sizes } from 'acinguiux-ds-react-base';\n\nimport { Add, UploadCloud } from '../../../Icon/components';\nimport { IFileUploaderTextProps } from './FileUploadContent.types';\nimport Button from '../../../Button/Button';\nimport { IButtonProps } from '../../../Button/Button.types';\n\nconst UploadCloudIcon = styled(UploadCloud)``;\n\nconst AddIcon = styled(Add)``;\n\nconst Heading = styled.span<IFileUploaderTextProps>`\n  ${({ size, theme }) => css`\n    ${size === Sizes.XSmall && theme.heading['5'].bold};\n    ${size === Sizes.Small && theme.heading['4'].bold};\n    ${size === Sizes.Medium && theme.heading['3'].demi};\n    ${size === Sizes.Large && theme.heading['2'].demi};\n\n    text-align: center;\n  `}\n`;\n\nconst Subtitle = styled.span<IFileUploaderTextProps>`\n  ${({ size, theme }) => css`\n    ${(size === Sizes.XSmall || size === Sizes.Small) && theme.paragraph[Sizes.Small].normal};\n    ${size === Sizes.Medium && theme.paragraph[Sizes.Medium].normal};\n    ${size === Sizes.Large && theme.paragraph[Sizes.Large].normal};\n\n    color: ${theme.getLayer()['Text On Surface/Subtle']};\n    max-width: 300px;\n    text-align: center;\n  `}\n`;\n\nconst FileUploadButton = styled(Button) <IButtonProps>`\n  ${({ size }) =>\n    size === Sizes.XSmall || size === Sizes.Small\n      ? css`\n          margin-top: 16px;\n        `\n      : css`\n          margin-top: 24px;\n        `}\n`;\n\nexport { Heading, Subtitle, UploadCloudIcon, AddIcon, FileUploadButton };\n"],"names":["UploadCloudIcon","styled","UploadCloud","AddIcon","Add","Heading","size","theme","css","Sizes","Subtitle","FileUploadButton","Button"],"mappings":";;;;;AAQM,MAAAA,IAAkBC,EAAOC,CAAW,KAEpCC,IAAUF,EAAOG,CAAG,KAEpBC,IAAUJ,EAAO;AAAA,IACnB,CAAC,EAAE,MAAAK,GAAM,OAAAC,EAAA,MAAYC;AAAA,MACnBF,MAASG,EAAM,UAAUF,EAAM,QAAQ,CAAG,EAAE,IAAI;AAAA,MAChDD,MAASG,EAAM,SAASF,EAAM,QAAQ,CAAG,EAAE,IAAI;AAAA,MAC/CD,MAASG,EAAM,UAAUF,EAAM,QAAQ,CAAG,EAAE,IAAI;AAAA,MAChDD,MAASG,EAAM,SAASF,EAAM,QAAQ,CAAG,EAAE,IAAI;AAAA;AAAA;AAAA,GAGlD;AAAA,GAGGG,IAAWT,EAAO;AAAA,IACpB,CAAC,EAAE,MAAAK,GAAM,OAAAC,EAAA,MAAYC;AAAA,OAClBF,MAASG,EAAM,UAAUH,MAASG,EAAM,UAAUF,EAAM,UAAUE,EAAM,KAAK,EAAE,MAAM;AAAA,MACtFH,MAASG,EAAM,UAAUF,EAAM,UAAUE,EAAM,MAAM,EAAE,MAAM;AAAA,MAC7DH,MAASG,EAAM,SAASF,EAAM,UAAUE,EAAM,KAAK,EAAE,MAAM;AAAA;AAAA,aAEpDF,EAAM,WAAW,wBAAwB,CAAC;AAAA;AAAA;AAAA,GAGpD;AAAA,GAGGI,IAAmBV,EAAOW,CAAM;AAAA,IAClC,CAAC,EAAE,MAAAN,EAAK,MACRA,MAASG,EAAM,UAAUH,MAASG,EAAM,QACpCD;AAAA;AAAA,YAGAA;AAAA;AAAA,SAEC;AAAA;"}

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

@@ -1,17 +1,17 @@
 import { ReactNode } from 'react';
-import { ProgressBarTypes } from '..\..\..\..\react-base\src';
-import { FilePreview, FileUploaderSize, IFileUpload, IFileUploadError, IFileUploaderProps } from '../../FileUploader.types';
+import { ProgressBarTypes, FileUploaderTypes } from 'acinguiux-ds-react-base';
+import { IFileUploaderProps } from '../../FileUploader.types';
 export interface IFileUploadContentProps {
     renderSingleDeleteFile: boolean;
-    fileUploads: (IFileUpload | IFileUploadError)[];
+    fileUploads: (FileUploaderTypes.IFileUpload | FileUploaderTypes.IFileUploadError)[];
     isSingleFileType: boolean;
     acceptedTextMapper: (stringConnector: string) => string;
     isDropTarget: boolean;
     isFirstFileUploadComplete: boolean;
-    filePreview: FilePreview;
+    filePreview: FileUploaderTypes.FilePreview;
     progressBarType: ProgressBarTypes.Type;
     renderErrorsInside: boolean;
-    size: FileUploaderSize;
+    size: FileUploaderTypes.Size;
     showIcon: boolean;
     showDescription: boolean;
     showButton: boolean;

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

@@ -1 +1 @@
-{"version":3,"file":"FileUploadContent.types.d.ts","sourceRoot":"","sources":["../../../../../../src/components/FileUploader/components/FileUploadContent/FileUploadContent.types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAElC,OAAO,EAAE,gBAAgB,EAAE,MAAM,yBAAyB,CAAC;AAE3D,OAAO,EACL,WAAW,EACX,gBAAgB,EAChB,WAAW,EACX,gBAAgB,EAChB,kBAAkB,EACnB,MAAM,0BAA0B,CAAC;AAElC,MAAM,WAAW,uBAAuB;IACtC,sBAAsB,EAAE,OAAO,CAAC;IAChC,WAAW,EAAE,CAAC,WAAW,GAAG,gBAAgB,CAAC,EAAE,CAAC;IAChD,gBAAgB,EAAE,OAAO,CAAC;IAC1B,kBAAkB,EAAE,CAAC,eAAe,EAAE,MAAM,KAAK,MAAM,CAAC;IACxD,YAAY,EAAE,OAAO,CAAC;IACtB,yBAAyB,EAAE,OAAO,CAAC;IACnC,WAAW,EAAE,WAAW,CAAC;IACzB,eAAe,EAAE,gBAAgB,CAAC,IAAI,CAAC;IACvC,kBAAkB,EAAE,OAAO,CAAC;IAC5B,IAAI,EAAE,gBAAgB,CAAC;IACvB,QAAQ,EAAE,OAAO,CAAC;IAClB,eAAe,EAAE,OAAO,CAAC;IACzB,UAAU,EAAE,OAAO,CAAC;IACpB,WAAW,CAAC,EAAE,MAAM,CAAC;CACtB;AAED,MAAM,WAAW,sBAAuB,SAAQ,IAAI,CAAC,kBAAkB,EAAE,MAAM,CAAC;IAC9E,QAAQ,EAAE,SAAS,CAAC;CACrB;AAED,MAAM,WAAW,sBAAsB;IACrC,kBAAkB,EAAE,uBAAuB,CAAC,oBAAoB,CAAC,CAAC;CACnE"}
+{"version":3,"file":"FileUploadContent.types.d.ts","sourceRoot":"","sources":["../../../../../../src/components/FileUploader/components/FileUploadContent/FileUploadContent.types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAElC,OAAO,EAAE,gBAAgB,EAAE,iBAAiB,EAAE,MAAM,yBAAyB,CAAC;AAE9E,OAAO,EAAE,kBAAkB,EAAE,MAAM,0BAA0B,CAAC;AAE9D,MAAM,WAAW,uBAAuB;IACtC,sBAAsB,EAAE,OAAO,CAAC;IAChC,WAAW,EAAE,CAAC,iBAAiB,CAAC,WAAW,GAAG,iBAAiB,CAAC,gBAAgB,CAAC,EAAE,CAAC;IACpF,gBAAgB,EAAE,OAAO,CAAC;IAC1B,kBAAkB,EAAE,CAAC,eAAe,EAAE,MAAM,KAAK,MAAM,CAAC;IACxD,YAAY,EAAE,OAAO,CAAC;IACtB,yBAAyB,EAAE,OAAO,CAAC;IACnC,WAAW,EAAE,iBAAiB,CAAC,WAAW,CAAC;IAC3C,eAAe,EAAE,gBAAgB,CAAC,IAAI,CAAC;IACvC,kBAAkB,EAAE,OAAO,CAAC;IAC5B,IAAI,EAAE,iBAAiB,CAAC,IAAI,CAAC;IAC7B,QAAQ,EAAE,OAAO,CAAC;IAClB,eAAe,EAAE,OAAO,CAAC;IACzB,UAAU,EAAE,OAAO,CAAC;IACpB,WAAW,CAAC,EAAE,MAAM,CAAC;CACtB;AAED,MAAM,WAAW,sBAAuB,SAAQ,IAAI,CAAC,kBAAkB,EAAE,MAAM,CAAC;IAC9E,QAAQ,EAAE,SAAS,CAAC;CACrB;AAED,MAAM,WAAW,sBAAsB;IACrC,kBAAkB,EAAE,uBAAuB,CAAC,oBAAoB,CAAC,CAAC;CACnE"}

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

@@ -1 +1 @@
-{"version":3,"file":"FileUploadErrorMessage.js","sources":["../../../../../../src/components/FileUploader/components/FileUploadErrorMessage/FileUploadErrorMessage.tsx"],"sourcesContent":["import { Prominences } from 'acinguiux-ds-fabrics';\r\n\r\nimport Text from '../../../Text/components/Text/Text';\r\nimport { FileTypeErrorText } from '../FileUploadContent/FileUploadContent';\r\nimport { FileSize } from '../FileUpload/FileUpload';\r\nimport { IFileUploadErrorMessageProps } from './FileUploadErrorMessage.types';\r\n\r\nconst FileUploadErrorMessage = ({\r\n  fileUploadError: { errors, fileName },\r\n  acceptedTextMapper,\r\n  maxFilesSize,\r\n}: IFileUploadErrorMessageProps) => {\r\n  let content: JSX.Element | null = null;\r\n\r\n  switch (true) {\r\n    case errors.hasFileTypeError:\r\n      content = (\r\n        <Text>\r\n          {fileName} is not supported.&nbsp;\r\n          <FileTypeErrorText acceptedTextMapper={acceptedTextMapper} />\r\n        </Text>\r\n      );\r\n      break;\r\n    case errors.hasFileSizeError:\r\n      content = (\r\n        <Text>\r\n          {fileName} is too big. Maximum accepted file size is:&nbsp;\r\n          <FileSize fileSize={maxFilesSize as number} prominence={Prominences.Strong} />\r\n        </Text>\r\n      );\r\n      break;\r\n    case errors.hasGenericError:\r\n      content = <Text>An error occurred during the upload.</Text>;\r\n      break;\r\n    default:\r\n      break;\r\n  }\r\n\r\n  return content;\r\n};\r\n\r\nexport default FileUploadErrorMessage;\r\n"],"names":["FileUploadErrorMessage","errors","fileName","acceptedTextMapper","maxFilesSize","content","Text","jsx","FileTypeErrorText","FileSize","Prominences"],"mappings":";;;;;AAOA,MAAMA,IAAyB,CAAC;AAAA,EAC9B,iBAAiB,EAAE,QAAAC,GAAQ,UAAAC,EAAS;AAAA,EACpC,oBAAAC;AAAA,EACA,cAAAC;AACF,MAAoC;AAClC,MAAIC,IAA8B;AAElC,UAAQ,IAAM;AAAA,IACZ,KAAKJ,EAAO;AACV,MAAAI,sBACGC,GACE,EAAA,UAAA;AAAA,QAAAJ;AAAA,QAAS;AAAA,QACV,gBAAAK,EAACC,KAAkB,oBAAAL,GAAwC;AAAA,MAC7D,EAAA,CAAA;AAEF;AAAA,IACF,KAAKF,EAAO;AACV,MAAAI,sBACGC,GACE,EAAA,UAAA;AAAA,QAAAJ;AAAA,QAAS;AAAA,0BACTO,GAAS,EAAA,UAAUL,GAAwB,YAAYM,EAAY,QAAQ;AAAA,MAC9E,EAAA,CAAA;AAEF;AAAA,IACF,KAAKT,EAAO;AACA,MAAAI,IAAA,gBAAAE,EAACD,KAAK,UAAoC,uCAAA,CAAA;AACpD;AAAA,EAGJ;AAEO,SAAAD;AACT;"}
+{"version":3,"file":"FileUploadErrorMessage.js","sources":["../../../../../../src/components/FileUploader/components/FileUploadErrorMessage/FileUploadErrorMessage.tsx"],"sourcesContent":["import { Prominences } from 'acinguiux-ds-fabrics';\n\nimport Text from '../../../Text/components/Text/Text';\nimport { FileTypeErrorText } from '../FileUploadContent/FileUploadContent';\nimport { FileSize } from '../FileUpload/FileUpload';\nimport { IFileUploadErrorMessageProps } from './FileUploadErrorMessage.types';\n\nconst FileUploadErrorMessage = ({\n  fileUploadError: { errors, fileName },\n  acceptedTextMapper,\n  maxFilesSize,\n}: IFileUploadErrorMessageProps) => {\n  let content: JSX.Element | null = null;\n\n  switch (true) {\n    case errors.hasFileTypeError:\n      content = (\n        <Text>\n          {fileName} is not supported.&nbsp;\n          <FileTypeErrorText acceptedTextMapper={acceptedTextMapper} />\n        </Text>\n      );\n      break;\n    case errors.hasFileSizeError:\n      content = (\n        <Text>\n          {fileName} is too big. Maximum accepted file size is:&nbsp;\n          <FileSize fileSize={maxFilesSize as number} prominence={Prominences.Strong} />\n        </Text>\n      );\n      break;\n    case errors.hasGenericError:\n      content = <Text>An error occurred during the upload.</Text>;\n      break;\n    default:\n      break;\n  }\n\n  return content;\n};\n\nexport default FileUploadErrorMessage;\n"],"names":["FileUploadErrorMessage","errors","fileName","acceptedTextMapper","maxFilesSize","content","Text","jsx","FileTypeErrorText","FileSize","Prominences"],"mappings":";;;;;AAOA,MAAMA,IAAyB,CAAC;AAAA,EAC9B,iBAAiB,EAAE,QAAAC,GAAQ,UAAAC,EAAS;AAAA,EACpC,oBAAAC;AAAA,EACA,cAAAC;AACF,MAAoC;AAClC,MAAIC,IAA8B;AAElC,UAAQ,IAAM;AAAA,IACZ,KAAKJ,EAAO;AACV,MAAAI,sBACGC,GACE,EAAA,UAAA;AAAA,QAAAJ;AAAA,QAAS;AAAA,QACV,gBAAAK,EAACC,KAAkB,oBAAAL,EAAwC,CAAA;AAAA,MAAA,GAC7D;AAEF;AAAA,IACF,KAAKF,EAAO;AACV,MAAAI,sBACGC,GACE,EAAA,UAAA;AAAA,QAAAJ;AAAA,QAAS;AAAA,0BACTO,GAAS,EAAA,UAAUL,GAAwB,YAAYM,EAAY,OAAQ,CAAA;AAAA,MAAA,GAC9E;AAEF;AAAA,IACF,KAAKT,EAAO;AACA,MAAAI,IAAA,gBAAAE,EAACD,KAAK,UAAoC,uCAAA,CAAA;AACpD;AAAA,EAEA;AAGG,SAAAD;AACT;"}

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

@@ -1,7 +1,7 @@
-import { IFileUploadError } from '../../FileUploader.types';
+import { FileUploaderTypes } from 'acinguiux-ds-react-base';
 import { IFileUploadContentProps } from '../FileUploadContent/FileUploadContent.types';
 export interface IFileUploadErrorMessageProps {
-    fileUploadError: IFileUploadError;
+    fileUploadError: FileUploaderTypes.IFileUploadError;
     acceptedTextMapper: IFileUploadContentProps['acceptedTextMapper'];
     maxFilesSize?: number;
 }

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

@@ -1 +1 @@
-{"version":3,"file":"FileUploadErrorMessage.types.d.ts","sourceRoot":"","sources":["../../../../../../src/components/FileUploader/components/FileUploadErrorMessage/FileUploadErrorMessage.types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,gBAAgB,EAAE,MAAM,0BAA0B,CAAC;AAC5D,OAAO,EAAE,uBAAuB,EAAE,MAAM,8CAA8C,CAAC;AAEvF,MAAM,WAAW,4BAA4B;IAC3C,eAAe,EAAE,gBAAgB,CAAC;IAClC,kBAAkB,EAAE,uBAAuB,CAAC,oBAAoB,CAAC,CAAC;IAClE,YAAY,CAAC,EAAE,MAAM,CAAC;CACvB"}
+{"version":3,"file":"FileUploadErrorMessage.types.d.ts","sourceRoot":"","sources":["../../../../../../src/components/FileUploader/components/FileUploadErrorMessage/FileUploadErrorMessage.types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,iBAAiB,EAAE,MAAM,yBAAyB,CAAC;AAE5D,OAAO,EAAE,uBAAuB,EAAE,MAAM,8CAA8C,CAAC;AAEvF,MAAM,WAAW,4BAA4B;IAC3C,eAAe,EAAE,iBAAiB,CAAC,gBAAgB,CAAC;IACpD,kBAAkB,EAAE,uBAAuB,CAAC,oBAAoB,CAAC,CAAC;IAClE,YAAY,CAAC,EAAE,MAAM,CAAC;CACvB"}

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

@@ -1,4 +1,4 @@
 import { IPreviewImageProps } from './PreviewImage.types';
-declare const PreviewImage: ({ file }: IPreviewImageProps) => import("react/jsx-runtime").JSX.Element;
+declare const PreviewImage: ({ size, file }: IPreviewImageProps) => import("react/jsx-runtime").JSX.Element;
 export default PreviewImage;
 //# sourceMappingURL=PreviewImage.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"PreviewImage.d.ts","sourceRoot":"","sources":["../../../../../../src/components/FileUploader/components/PreviewImage/PreviewImage.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAE,kBAAkB,EAAE,MAAM,sBAAsB,CAAC;AAE1D,QAAA,MAAM,YAAY,aAAc,kBAAkB,4CAgBjD,CAAC;AAEF,eAAe,YAAY,CAAC"}
+{"version":3,"file":"PreviewImage.d.ts","sourceRoot":"","sources":["../../../../../../src/components/FileUploader/components/PreviewImage/PreviewImage.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAE,kBAAkB,EAAE,MAAM,sBAAsB,CAAC;AAE1D,QAAA,MAAM,YAAY,mBAAoB,kBAAkB,4CAgBvD,CAAC;AAEF,eAAe,YAAY,CAAC"}

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

@@ -1,16 +1,16 @@
-import { jsx as s } from "react/jsx-runtime";
-import { useState as a, useEffect as m } from "react";
-import { PreviewImage as c } from "./PreviewImage.styles.js";
-const L = ({ file: e }) => {
-  const [t, o] = a();
-  return m(() => {
+import { jsx as a } from "react/jsx-runtime";
+import { useState as m, useEffect as c } from "react";
+import { PreviewImage as i } from "./PreviewImage.styles.js";
+const R = ({ size: t, file: e }) => {
+  const [o, s] = m();
+  return c(() => {
     const r = URL.createObjectURL(e);
-    return o(r), () => {
+    return s(r), () => {
       URL.revokeObjectURL(r);
     };
-  }, [e]), /* @__PURE__ */ s(c, { src: t, alt: "" });
+  }, [e]), /* @__PURE__ */ a(i, { size: t, src: o, alt: "" });
 };
 export {
-  L as default
+  R as default
 };
 //# sourceMappingURL=PreviewImage.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"PreviewImage.js","sources":["../../../../../../src/components/FileUploader/components/PreviewImage/PreviewImage.tsx"],"sourcesContent":["import { useState, useEffect } from 'react';\n\nimport * as Styled from './PreviewImage.styles';\nimport { IPreviewImageProps } from './PreviewImage.types';\n\nconst PreviewImage = ({ file }: IPreviewImageProps) => {\n  const [fileURL, setFileURL] = useState<string | undefined>();\n\n  useEffect(() => {\n    const url = URL.createObjectURL(file);\n\n    setFileURL(url);\n\n    return () => {\n      // Better for performance reasons to revoke the URL as soon as we can to release it from memory\n      // https://developer.mozilla.org/en-US/docs/Web/API/URL/createObjectURL_static#usage_notes\n      URL.revokeObjectURL(url);\n    };\n  }, [file]);\n\n  return <Styled.PreviewImage src={fileURL} alt=\"\" />;\n};\n\nexport default PreviewImage;\n"],"names":["PreviewImage","file","fileURL","setFileURL","useState","useEffect","url","Styled.PreviewImage"],"mappings":";;;AAKA,MAAMA,IAAe,CAAC,EAAE,MAAAC,QAA+B;AACrD,QAAM,CAACC,GAASC,CAAU,IAAIC,EAA6B;AAE3D,SAAAC,EAAU,MAAM;AACR,UAAAC,IAAM,IAAI,gBAAgBL,CAAI;AAEpC,WAAAE,EAAWG,CAAG,GAEP,MAAM;AAGX,UAAI,gBAAgBA,CAAG;AAAA,IAAA;AAAA,EACzB,GACC,CAACL,CAAI,CAAC,qBAEDM,GAAA,EAAoB,KAAKL,GAAS,KAAI,GAAG,CAAA;AACnD;"}
+{"version":3,"file":"PreviewImage.js","sources":["../../../../../../src/components/FileUploader/components/PreviewImage/PreviewImage.tsx"],"sourcesContent":["import { useState, useEffect } from 'react';\n\nimport * as Styled from './PreviewImage.styles';\nimport { IPreviewImageProps } from './PreviewImage.types';\n\nconst PreviewImage = ({ size, file }: IPreviewImageProps) => {\n  const [fileURL, setFileURL] = useState<string | undefined>();\n\n  useEffect(() => {\n    const url = URL.createObjectURL(file);\n\n    setFileURL(url);\n\n    return () => {\n      // Better for performance reasons to revoke the URL as soon as we can to release it from memory\n      // https://developer.mozilla.org/en-US/docs/Web/API/URL/createObjectURL_static#usage_notes\n      URL.revokeObjectURL(url);\n    };\n  }, [file]);\n\n  return <Styled.PreviewImage size={size} src={fileURL} alt=\"\" />;\n};\n\nexport default PreviewImage;\n"],"names":["PreviewImage","size","file","fileURL","setFileURL","useState","useEffect","url","jsx","Styled.PreviewImage"],"mappings":";;;AAKA,MAAMA,IAAe,CAAC,EAAE,MAAAC,GAAM,MAAAC,QAA+B;AAC3D,QAAM,CAACC,GAASC,CAAU,IAAIC,EAA6B;AAE3D,SAAAC,EAAU,MAAM;AACR,UAAAC,IAAM,IAAI,gBAAgBL,CAAI;AAEpC,WAAAE,EAAWG,CAAG,GAEP,MAAM;AAGX,UAAI,gBAAgBA,CAAG;AAAA,IACzB;AAAA,EAAA,GACC,CAACL,CAAI,CAAC,GAEF,gBAAAM,EAACC,GAAA,EAAoB,MAAAR,GAAY,KAAKE,GAAS,KAAI,IAAG;AAC/D;"}

package/build/esm/components/FileUploader/components/PreviewImage/PreviewImage.styles.d.ts

@@ -1,2 +1,4 @@
-export declare const PreviewImage: import("styled-components").StyledComponent<"img", import("styled-components").DefaultTheme, {}, never>;
+export declare const PreviewImage: import("styled-components").StyledComponent<"img", import("styled-components").DefaultTheme, {
+    size?: import("acinguiux-ds-react-base/build/esm/components/FileUploader/FileUploader.types").Size | undefined;
+}, never>;
 //# sourceMappingURL=PreviewImage.styles.d.ts.map

package/build/esm/components/FileUploader/components/PreviewImage/PreviewImage.styles.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"PreviewImage.styles.d.ts","sourceRoot":"","sources":["../../../../../../src/components/FileUploader/components/PreviewImage/PreviewImage.styles.ts"],"names":[],"mappings":"AAIA,eAAO,MAAM,YAAY,yGAGxB,CAAC"}
+{"version":3,"file":"PreviewImage.styles.d.ts","sourceRoot":"","sources":["../../../../../../src/components/FileUploader/components/PreviewImage/PreviewImage.styles.ts"],"names":[],"mappings":"AAIA,eAAO,MAAM,YAAY;;SAIxB,CAAC"}

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

@@ -1,10 +1,11 @@
 import o from "styled-components";
-import { IconStyles as t } from "../FileUpload/FileUpload.styles.js";
-const m = o.img`
-  ${t}
+import { IconStyles as r } from "../FileUpload/FileUpload.styles.js";
+const i = o.img`
+  ${r};
   object-fit: contain;
+  border-radius: 2px;
 `;
 export {
-  m as PreviewImage
+  i as PreviewImage
 };
 //# sourceMappingURL=PreviewImage.styles.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"PreviewImage.styles.js","sources":["../../../../../../src/components/FileUploader/components/PreviewImage/PreviewImage.styles.ts"],"sourcesContent":["import styled from 'styled-components';\n\nimport { IconStyles } from '../FileUpload/FileUpload.styles';\n\nexport const PreviewImage = styled.img`\n  ${IconStyles}\n  object-fit: contain;\n`;\n"],"names":["PreviewImage","styled","IconStyles"],"mappings":";;AAIO,MAAMA,IAAeC,EAAO;AAAA,IAC/BC,CAAU;AAAA;AAAA;"}
+{"version":3,"file":"PreviewImage.styles.js","sources":["../../../../../../src/components/FileUploader/components/PreviewImage/PreviewImage.styles.ts"],"sourcesContent":["import styled from 'styled-components';\n\nimport { IconStyles } from '../FileUpload/FileUpload.styles';\n\nexport const PreviewImage = styled.img`\n  ${IconStyles};\n  object-fit: contain;\n  border-radius: 2px;\n`;\n"],"names":["PreviewImage","styled","IconStyles"],"mappings":";;AAIO,MAAMA,IAAeC,EAAO;AAAA,IAC/BC,CAAU;AAAA;AAAA;AAAA;"}

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

@@ -1,4 +1,6 @@
+import { FileUploaderTypes } from 'acinguiux-ds-react-base';
 export interface IPreviewImageProps {
+    size?: FileUploaderTypes.Size;
     file: File;
 }
 //# sourceMappingURL=PreviewImage.types.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"PreviewImage.types.d.ts","sourceRoot":"","sources":["../../../../../../src/components/FileUploader/components/PreviewImage/PreviewImage.types.ts"],"names":[],"mappings":"AAAA,MAAM,WAAW,kBAAkB;IACjC,IAAI,EAAE,IAAI,CAAC;CACZ"}
+{"version":3,"file":"PreviewImage.types.d.ts","sourceRoot":"","sources":["../../../../../../src/components/FileUploader/components/PreviewImage/PreviewImage.types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,iBAAiB,EAAE,MAAM,yBAAyB,CAAC;AAE5D,MAAM,WAAW,kBAAkB;IACjC,IAAI,CAAC,EAAE,iBAAiB,CAAC,IAAI,CAAC;IAC9B,IAAI,EAAE,IAAI,CAAC;CACZ"}

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

@@ -1,21 +1,22 @@
 import { ChangeEventHandler, MouseEventHandler } from 'react';
 import { DropItem } from 'react-aria';
-import { FileType, IFileUpload, IFileUploaderProps, IFileUploadError } from '../FileUploader.types';
+import { FileUploaderTypes } from 'acinguiux-ds-react-base';
+import { IFileUploaderProps } from '../FileUploader.types';
 export declare const getAcceptedTextMapper: (acceptedFileTypes: string[]) => (stringConnector: string) => string;
 export declare const getInvalidFileTypes: (items: DropItem[], acceptedMimeTypes: string[]) => DropItem[];
 export declare const getMappedMimeTypes: (acceptedFileTypes: string[]) => string[];
 declare const useFileUploaderProps: ({ fileType, acceptedFileTypes, dropOptions, dropFilesAction, onProgress, onError, removeFileAction, maxFileSize, }: IFileUploaderProps) => {
     fileInputRef: import("react").MutableRefObject<HTMLInputElement | null>;
-    fileType: FileType;
+    fileType: FileUploaderTypes.FileType;
     acceptedFileTypes: string[];
     dropOptions: import("react-aria").DropOptions | undefined;
     handleOnProgress: (fileName: string, progressPercentage: number) => void;
     handleOnError: (fileName: string) => void;
     handleOnDropFiles: (files: File[]) => void;
-    dropFilesAction: import("../FileUploader.types").OnDropFiles;
-    onProgress: import("../FileUploader.types").OnProgress | undefined;
-    onError: import("../FileUploader.types").OnError | undefined;
-    removeFileAction: import("../FileUploader.types").OnRemoveFile;
+    dropFilesAction: FileUploaderTypes.OnDropFiles;
+    onProgress: FileUploaderTypes.OnProgress | undefined;
+    onError: FileUploaderTypes.OnError | undefined;
+    removeFileAction: FileUploaderTypes.OnRemoveFile;
     renderFileUploads: boolean;
     hasError: boolean;
     accept: string;
@@ -26,7 +27,7 @@ declare const useFileUploaderProps: ({ fileType, acceptedFileTypes, dropOptions,
     onClick: MouseEventHandler<HTMLInputElement>;
     dropResult: import("react-aria").DropResult;
     isSingleFileType: boolean;
-    fileUploads: (IFileUpload | IFileUploadError)[];
+    fileUploads: (FileUploaderTypes.IFileUpload | FileUploaderTypes.IFileUploadError)[];
     renderSingleDeleteFile: boolean;
 };
 export default useFileUploaderProps;

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,kBAAkB,EAAoB,iBAAiB,EAAE,MAAM,OAAO,CAAC;AAGhF,OAAO,EAAE,QAAQ,EAAyB,MAAM,YAAY,CAAC;AAE7D,OAAO,EAAE,QAAQ,EAAE,WAAW,EAAE,kBAAkB,EAAE,gBAAgB,EAAE,MAAM,uBAAuB,CAAC;AAKpG,eAAO,MAAM,qBAAqB,sBAAuB,MAAM,EAAE,uBAAuB,MAAM,WAanF,CAAC;AAEZ,eAAO,MAAM,mBAAmB,UAAW,QAAQ,EAAE,qBAAqB,MAAM,EAAE,eAgBjF,CAAC;AAkBF,eAAO,MAAM,kBAAkB,sBAAuB,MAAM,EAAE,aAY1D,CAAC;AAEL,QAAA,MAAM,oBAAoB,uHASvB,kBAAkB;;;;;iCAMiB,MAAM,sBAAsB,MAAM;8BAerC,MAAM;+BAWL,IAAI,EAAE;;;;;;;;0CAxG8C,MAAM;;;;;;;;;CAiO7F,CAAC;AAEF,eAAe,oBAAoB,CAAC"}
+{"version":3,"file":"useFileUploaderProps.d.ts","sourceRoot":"","sources":["../../../../../src/components/FileUploader/hooks/useFileUploaderProps.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,kBAAkB,EAAoB,iBAAiB,EAAE,MAAM,OAAO,CAAC;AAGhF,OAAO,EAAE,QAAQ,EAAyB,MAAM,YAAY,CAAC;AAC7D,OAAO,EAAE,iBAAiB,EAAE,MAAM,yBAAyB,CAAC;AAE5D,OAAO,EAAE,kBAAkB,EAAE,MAAM,uBAAuB,CAAC;AAK3D,eAAO,MAAM,qBAAqB,sBAAuB,MAAM,EAAE,uBAAuB,MAAM,WAanF,CAAC;AAEZ,eAAO,MAAM,mBAAmB,UAAW,QAAQ,EAAE,qBAAqB,MAAM,EAAE,eAgBjF,CAAC;AAkBF,eAAO,MAAM,kBAAkB,sBAAuB,MAAM,EAAE,aAY1D,CAAC;AAEL,QAAA,MAAM,oBAAoB,uHASvB,kBAAkB;;;;;iCAMiB,MAAM,sBAAsB,MAAM;8BAerC,MAAM;+BAWL,IAAI,EAAE;;;;;;;;0CAxG8C,MAAM;;;;;;;;;CAiO7F,CAAC;AAEF,eAAe,oBAAoB,CAAC"}

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

@@ -1,9 +1,9 @@
 import { useState as j, useRef as L } from "react";
 import V from "mime";
 import { useDrop as B } from "react-aria";
-import { FileType as w } from "../FileUploader.types.js";
 import { getIsUploadComplete as G } from "../components/FileUpload/FileUpload.js";
 import { isFileUploadError as H } from "../components/FileUploadContent/FileUploadContent.js";
+import { FileType as w } from "../../../react-base/build/esm/components/FileUploader/FileUploader.types.js";
 const q = (l) => (r) => l.reduce((n, s, a) => a !== 0 && a === l.length - 1 ? `${n} ${r} ${s}` : a !== 0 ? `${n}, ${s}` : `${n} ${s}`, "").trim(), A = (l, r) => l.filter((s) => s.kind !== "file" ? !0 : r.length === 0 ? !1 : !r.some((c) => c === s.type)), I = (l, r) => r === void 0 ? [] : l.reduce((n, s) => (s.size > r && n.push({
   fileName: s.name,
   errors: {