acinguiux-ds-react-framework 0.0.7 → 0.1.0

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

@@ -1,113 +1,110 @@
-import { jsx as e, Fragment as l, jsxs as i } from "react/jsx-runtime";
-import { Sentiments as a } from "acinguiux-ds-fabrics";
-import { FileUploadButton as S, AddIcon as j, Heading as t, Subtitle as s, UploadCloudIcon as G } from "./FileUploadContent.styles.js";
-import { FileLoadingSuccess as I, FileSize as v } from "../FileUpload/FileUpload.js";
-import { StyledErrorCross as M } from "../FileUpload/FileUpload.styles.js";
-import O from "../../../Icon/components/Cross.js";
-import B from "../../../Icon/components/TrashAlt.js";
-import { Variants as b, Sizes as D } from "../../../../react-base/src/consts.js";
-const H = (n) => !!n.errors, L = ({ acceptedTextMapper: n }) => /* @__PURE__ */ i(l, { children: [
-  "File must be ",
-  n("or") || "a valid type"
-] }), Y = ({
-  size: n = D.Medium,
-  renderSingleDeleteFile: E,
-  fileUploads: d,
-  isSingleFileType: P,
-  acceptedTextMapper: f,
-  isFirstFileUploadComplete: o,
-  isDropTarget: h,
-  filePreview: z,
-  progressBarType: F,
-  renderErrorsInside: u,
-  showIcon: x,
-  showDescription: A,
-  showButton: N,
-  maxFileSize: k
+import { jsx as e, Fragment as n, jsxs as t } from "react/jsx-runtime";
+import { Variants as S, TextElementTypes as a, Sizes as i } from "../../../../react-base/src/consts/index.js";
+import { FabricsVariables as C } from "acinguiux-ds-fabrics";
+import { FileUploadSentimentButton as x, FileUploadButton as A, AddIcon as I, Heading as c, Subtitle as d, UploadCloudIcon as L } from "./FileUploadContent.styles.js";
+import { FileSize as B, FileLoadingSuccess as M } from "../FileUpload/FileUpload.utils.js";
+import { StyledErrorCross as U } from "../FileUpload/FileUpload.styles.js";
+import V from "../../../Icon/components/Cross.js";
+import $ from "../../../Icon/components/TrashAlt.js";
+import { HeadingSizeLevel as m } from "../../FileUpload.utils.js";
+import { FileTypeErrorText as q, isFileUploadError as J } from "./FileUploadContent.utils.js";
+const ne = ({
+  size: r = `${i.Medium}`,
+  disabled: o,
+  renderSingleDeleteFile: N,
+  fileUploads: h,
+  isSingleFileType: O,
+  acceptedTextMapper: g,
+  isFirstFileUploadComplete: p,
+  isDropTarget: f,
+  filePreview: P,
+  progressBarType: X,
+  renderErrorsInside: v,
+  showIcon: k,
+  showDescription: w,
+  showButton: T,
+  maxFileSize: y
 }) => {
-  var p, g;
-  const r = d[0], m = h ? null : /* @__PURE__ */ e(l, { children: E ? /* @__PURE__ */ i(
-    S,
+  var F, E;
+  const l = h[0], j = v ? x : A, D = p ? /* @__PURE__ */ e(
+    x,
     {
-      variant: b.Outlined,
-      sentiment: o ? a.Negative : a.Primary,
-      icon: o ? /* @__PURE__ */ e(B, {}) : /* @__PURE__ */ e(O, {}),
-      children: [
-        o ? "Delete" : "Cancel",
-        " file"
-      ]
+      variant: S.Outlined,
+      sentiment: C.Sentiments.Negative,
+      icon: /* @__PURE__ */ e($, {}),
+      label: "Delete file"
     }
-  ) : N && /* @__PURE__ */ e(
-    S,
+  ) : /* @__PURE__ */ e(A, { variant: S.Outlined, icon: /* @__PURE__ */ e(V, {}), label: "Cancel file" }), u = f ? null : /* @__PURE__ */ e(n, { children: N ? D : T && /* @__PURE__ */ e(
+    j,
     {
-      size: n,
-      variant: b.Outlined,
-      sentiment: u ? a.Negative : a.Primary,
-      icon: /* @__PURE__ */ e(j, {}),
-      "aria-hidden": "true",
-      children: "Choose file"
+      size: r,
+      variant: S.Outlined,
+      sentiment: C.Sentiments.Negative,
+      icon: /* @__PURE__ */ e(I, {}),
+      label: "Choose file",
+      "aria-hidden": "true"
     }
   ) });
-  if (u) {
-    const w = d.some((C) => {
-      var y;
-      return (y = C.errors) == null ? void 0 : y.hasGenericError;
+  if (v) {
+    const G = h.some((H) => {
+      var b;
+      return (b = H.errors) == null ? void 0 : b.hasGenericError;
     });
-    let c = null;
+    let s = null;
     switch (!0) {
-      case w:
-        c = /* @__PURE__ */ e(t, { children: "An error occurred during the upload" });
+      case G:
+        s = /* @__PURE__ */ e(c, { type: a.Span, level: m[r], children: "An error occurred during the upload" });
         break;
-      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(v, { fileSize: k })
+      case ((F = l.errors) == null ? void 0 : F.hasFileSizeError):
+        s = /* @__PURE__ */ t(n, { children: [
+          /* @__PURE__ */ e(c, { type: a.Span, level: m[r], children: "File size is too big" }),
+          y ? /* @__PURE__ */ t(n, { children: [
+            /* @__PURE__ */ e(d, { disabled: o, size: r === i.XSmall ? i.Small : r, children: "Maximum accepted file size is: " }),
+            /* @__PURE__ */ e(B, { fileSize: y, size: r, disabled: o })
+          ] }) : /* @__PURE__ */ e(n, {})
         ] });
         break;
-      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 }) })
+      case ((E = l.errors) == null ? void 0 : E.hasFileTypeError):
+        s = /* @__PURE__ */ t(n, { children: [
+          /* @__PURE__ */ e(c, { type: a.Span, level: m[r], children: "Invalid file type" }),
+          /* @__PURE__ */ e(d, { disabled: o, size: r === i.XSmall ? i.Small : r, children: /* @__PURE__ */ e(q, { acceptedTextMapper: g }) })
         ] });
         break;
     }
-    return /* @__PURE__ */ i(l, { children: [
-      /* @__PURE__ */ e(M, {}),
-      c,
-      m
+    return /* @__PURE__ */ t(n, { children: [
+      /* @__PURE__ */ e(U, {}),
+      s,
+      u
     ] });
   }
-  return P && r && !H(r) && d.length === 1 ? /* @__PURE__ */ i(l, { children: [
+  return O && l && !J(l) && h.length === 1 ? /* @__PURE__ */ t(n, { children: [
     /* @__PURE__ */ e(
-      I,
+      M,
       {
-        size: n,
-        progressPercentage: r.progressPercentage,
-        file: r.file,
-        filePreview: z,
-        type: F,
+        size: r,
+        progressPercentage: l.progressPercentage,
+        file: l.file,
+        filePreview: P,
+        type: X,
         label: !0
       }
     ),
-    /* @__PURE__ */ e(t, { size: n, children: o ? r.fileName : "Uploading your file" }),
-    o ? /* @__PURE__ */ e(v, { fileSize: r.file.size }) : /* @__PURE__ */ e(s, { children: r.fileName }),
-    m
-  ] }) : /* @__PURE__ */ i(l, { children: [
-    x && /* @__PURE__ */ e(G, {}),
-    /* @__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: [
-      A && /* @__PURE__ */ i(s, { children: [
+    /* @__PURE__ */ e(c, { type: a.Span, level: m[r], children: p ? l.fileName : "Uploading your file" }),
+    p ? /* @__PURE__ */ e(B, { fileSize: l.file.size, size: r, disabled: o }) : /* @__PURE__ */ e(d, { disabled: o, size: r === i.XSmall ? i.Small : r, children: l.fileName }),
+    u
+  ] }) : /* @__PURE__ */ t(n, { children: [
+    k && /* @__PURE__ */ e(L, {}),
+    /* @__PURE__ */ e(c, { type: a.Span, level: m[r], children: f ? /* @__PURE__ */ e("span", { children: "Drop files" }) : /* @__PURE__ */ e("span", { children: "Drag and drop or choose a file" }) }),
+    !f && /* @__PURE__ */ t(n, { children: [
+      w && /* @__PURE__ */ t(d, { disabled: o, size: r === i.XSmall ? i.Small : r, children: [
         "Accepts ",
-        f("and") || "all file types"
+        g("and") || "all file types"
       ] }),
-      m
+      u
     ] })
   ] });
 };
 export {
-  L as FileTypeErrorText,
-  Y as default,
-  H as isFileUploadError
+  ne 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, 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":"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"}
+{"version":3,"file":"FileUploadContent.js","sources":["../../../../../../src/components/FileUploader/components/FileUploadContent/FileUploadContent.tsx"],"sourcesContent":["import { Variants, Sizes, TextElementTypes } from 'acinguiux-ds-react-base/consts';\nimport type { FileUploaderTypes } from 'acinguiux-ds-react-base/components/FileUploader';\nimport { FabricsVariables } from 'acinguiux-ds-fabrics';\n\nimport * as Styled from './FileUploadContent.styles';\nimport { FileLoadingSuccess, FileSize } 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, isFileUploadError } from './FileUploadContent.utils';\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  showDescription,\n  showButton,\n  maxFileSize,\n}: IFileUploadContentProps) => {\n  const firstFile: FileUploaderTypes.IFileUpload | FileUploaderTypes.IFileUploadError | undefined = fileUploads[0];\n\n  const ChooseFileButton = renderErrorsInside ? Styled.FileUploadSentimentButton : Styled.FileUploadButton;\n\n  const cancelOrDeleteButton = isFirstFileUploadComplete ? (\n    <Styled.FileUploadSentimentButton\n      variant={Variants.Outlined}\n      sentiment={FabricsVariables.Sentiments.Negative}\n      icon={<TrashAlt />}\n      label=\"Delete file\"\n    />\n  ) : (\n    <Styled.FileUploadButton variant={Variants.Outlined} icon={<Cross />} label=\"Cancel file\" />\n  );\n\n  const chooseFileComponent = !isDropTarget ? (\n    <>\n      {!renderSingleDeleteFile\n        ? showButton && (\n            <ChooseFileButton\n              size={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  ) : 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 = (\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              <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        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      <>\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 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        {chooseFileComponent}\n      </>\n    );\n  }\n\n  return (\n    <>\n      {showIcon && <Styled.UploadCloudIcon />}\n      <Styled.Heading type={TextElementTypes.Span} level={HeadingSizeLevel[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 disabled={disabled} size={size === Sizes.XSmall ? Sizes.Small : size}>\n              Accepts {acceptedTextMapper('and') || 'all file types'}\n            </Styled.Subtitle>\n          )}\n          {chooseFileComponent}\n        </>\n      )}\n    </>\n  );\n};\n\nexport default FileUploadContent;\n"],"names":["FileUploadContent","size","Sizes","disabled","renderSingleDeleteFile","fileUploads","isSingleFileType","acceptedTextMapper","isFirstFileUploadComplete","isDropTarget","filePreview","progressBarType","renderErrorsInside","showIcon","showDescription","showButton","maxFileSize","firstFile","ChooseFileButton","Styled.FileUploadSentimentButton","Styled.FileUploadButton","cancelOrDeleteButton","jsx","Variants","FabricsVariables","TrashAlt","Cross","chooseFileComponent","Fragment","Styled.AddIcon","hasGenericError","fileUpload","_a","detailedMessage","Styled.Heading","TextElementTypes","HeadingSizeLevel","jsxs","Styled.Subtitle","FileSize","_b","FileTypeErrorText","FileUploadStyled.StyledErrorCross","isFileUploadError","FileLoadingSuccess","Styled.UploadCloudIcon"],"mappings":"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"}

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

@@ -1,10 +1,55 @@
-/// <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>;
-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 };
+import type { IFileUploaderTextProps } from './FileUploadContent.types';
+declare const UploadCloudIcon: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<Omit<Omit<import("react").SVGProps<SVGSVGElement>, "ref"> & import("react").RefAttributes<SVGSVGElement>, "ref"> & {
+    ref?: ((instance: SVGSVGElement | null) => void | import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | import("react").RefObject<SVGSVGElement> | null | undefined;
+}, never>> & string & Omit<import("react").ForwardRefExoticComponent<Omit<import("react").SVGProps<SVGSVGElement>, "ref"> & import("react").RefAttributes<SVGSVGElement>>, keyof import("react").Component<any, {}, any>>;
+declare const AddIcon: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<Omit<Omit<import("react").SVGProps<SVGSVGElement>, "ref"> & import("react").RefAttributes<SVGSVGElement>, "ref"> & {
+    ref?: ((instance: SVGSVGElement | null) => void | import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | import("react").RefObject<SVGSVGElement> | null | undefined;
+}, never>> & string & Omit<import("react").ForwardRefExoticComponent<Omit<import("react").SVGProps<SVGSVGElement>, "ref"> & import("react").RefAttributes<SVGSVGElement>>, keyof import("react").Component<any, {}, any>>;
+declare const Heading: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLHeadingElement>, HTMLHeadingElement>, "ref"> & import("..\..\..\..\react-base\src/components/Text/components/Heading/Heading.types.js").IProps & import("react").RefAttributes<HTMLSpanElement | HTMLLabelElement | HTMLHeadingElement>, "ref"> & {
+    ref?: ((instance: HTMLSpanElement | HTMLLabelElement | HTMLHeadingElement | null) => void | import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | import("react").RefObject<HTMLSpanElement | HTMLLabelElement | HTMLHeadingElement> | null | undefined;
+}, IFileUploaderTextProps>> & string & Omit<import("react").ForwardRefExoticComponent<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLHeadingElement>, HTMLHeadingElement>, "ref"> & import("..\..\..\..\react-base\src/components/Text/components/Heading/Heading.types.js").IProps & import("react").RefAttributes<HTMLSpanElement | HTMLLabelElement | HTMLHeadingElement>>, keyof import("react").Component<any, {}, any>>;
+declare const Subtitle: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<(Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "ref"> & import("..\..\..\..\react-base\src/components/Text/components/Label/Label.types.js").IProps & import("react").RefAttributes<HTMLSpanElement>, "ref"> & {
+    ref?: ((instance: HTMLSpanElement | null) => void | import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | import("react").RefObject<HTMLSpanElement> | null | undefined;
+}) | (Omit<Omit<import("react").DetailedHTMLProps<import("react").LabelHTMLAttributes<HTMLLabelElement>, HTMLLabelElement>, "ref"> & import("..\..\..\..\react-base\src/components/Text/components/Label/Label.types.js").IProps & import("react").RefAttributes<HTMLSpanElement>, "ref"> & {
+    ref?: ((instance: HTMLSpanElement | null) => void | import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | import("react").RefObject<HTMLSpanElement> | null | undefined;
+}), import("styled-components/dist/types").BaseObject>> & string & Omit<import("react").ForwardRefExoticComponent<import("../../../..").ILabelProps & import("react").RefAttributes<HTMLSpanElement>>, keyof import("react").Component<any, {}, any>>;
+declare const FileUploadButton: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<Omit<Omit<Omit<import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "ref"> & {
+    ref?: ((instance: HTMLButtonElement | null) => void | import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | import("react").RefObject<HTMLButtonElement> | null | undefined;
+} & import("..\..\..\..\react-base\src/components/Button/Button.types.js").IDefaultProps & {
+    css?: import("styled-components").Interpolation<import("..\..\..\..\react-base\src/theme/theme").Theme>;
+}, "ref"> & import("react").RefAttributes<HTMLButtonElement>, "ref"> & {
+    ref?: ((instance: HTMLButtonElement | null) => void | import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | import("react").RefObject<HTMLButtonElement> | null | undefined;
+}, Omit<import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "ref"> & {
+    ref?: ((instance: HTMLButtonElement | null) => void | import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | import("react").RefObject<HTMLButtonElement> | null | undefined;
+} & import("..\..\..\..\react-base\src/components/Button/Button.types.js").IDefaultProps & {
+    sentiment?: import("..\..\..\..\react-base\src/components/Button/Button.types.js").Sentiment;
+} & {
+    css?: import("styled-components").Interpolation<import("..\..\..\..\react-base\src/theme/theme").Theme>;
+}>> & string & Omit<import("react").ForwardRefExoticComponent<Omit<Omit<import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "ref"> & {
+    ref?: ((instance: HTMLButtonElement | null) => void | import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | import("react").RefObject<HTMLButtonElement> | null | undefined;
+} & import("..\..\..\..\react-base\src/components/Button/Button.types.js").IDefaultProps & {
+    css?: import("styled-components").Interpolation<import("..\..\..\..\react-base\src/theme/theme").Theme>;
+}, "ref"> & import("react").RefAttributes<HTMLButtonElement>>, keyof import("react").Component<any, {}, any>>;
+declare const FileUploadSentimentButton: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<Omit<Omit<Omit<import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "ref"> & {
+    ref?: ((instance: HTMLButtonElement | null) => void | import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | import("react").RefObject<HTMLButtonElement> | null | undefined;
+} & import("..\..\..\..\react-base\src/components/Button/Button.types.js").IDefaultProps & {
+    sentiment?: import("..\..\..\..\react-base\src/components/Button/Button.types.js").Sentiment;
+} & {
+    css?: import("styled-components").Interpolation<import("..\..\..\..\react-base\src/theme/theme").Theme>;
+}, "ref"> & import("react").RefAttributes<HTMLButtonElement>, "ref"> & {
+    ref?: ((instance: HTMLButtonElement | null) => void | import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | import("react").RefObject<HTMLButtonElement> | null | undefined;
+}, Omit<import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "ref"> & {
+    ref?: ((instance: HTMLButtonElement | null) => void | import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | import("react").RefObject<HTMLButtonElement> | null | undefined;
+} & import("..\..\..\..\react-base\src/components/Button/Button.types.js").IDefaultProps & {
+    sentiment?: import("..\..\..\..\react-base\src/components/Button/Button.types.js").Sentiment;
+} & {
+    css?: import("styled-components").Interpolation<import("..\..\..\..\react-base\src/theme/theme").Theme>;
+}>> & string & Omit<import("react").ForwardRefExoticComponent<Omit<Omit<import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "ref"> & {
+    ref?: ((instance: HTMLButtonElement | null) => void | import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | import("react").RefObject<HTMLButtonElement> | null | undefined;
+} & import("..\..\..\..\react-base\src/components/Button/Button.types.js").IDefaultProps & {
+    sentiment?: import("..\..\..\..\react-base\src/components/Button/Button.types.js").Sentiment;
+} & {
+    css?: import("styled-components").Interpolation<import("..\..\..\..\react-base\src/theme/theme").Theme>;
+}, "ref"> & import("react").RefAttributes<HTMLButtonElement>>, keyof import("react").Component<any, {}, any>>;
+export { Heading, Subtitle, UploadCloudIcon, AddIcon, FileUploadButton, FileUploadSentimentButton };
 //# 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,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"}
+{"version":3,"file":"FileUploadContent.styles.d.ts","sourceRoot":"","sources":["../../../../../../src/components/FileUploader/components/FileUploadContent/FileUploadContent.styles.ts"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,sBAAsB,EAAE,MAAM,2BAA2B,CAAC;AAOxE,QAAA,MAAM,eAAe;;yNAAwB,CAAC;AAE9C,QAAA,MAAM,OAAO;;yNAAgB,CAAC;AAE9B,QAAA,MAAM,OAAO;;qbAEZ,CAAC;AAEF,QAAA,MAAM,QAAQ;;;;qPAGb,CAAC;AAEF,QAAA,MAAM,gBAAgB;;;;;;;;;;;;;;;;6GASrB,CAAC;AAEF,QAAA,MAAM,yBAAyB;;;;;;;;;;;;;;;;;;;;6GAS9B,CAAC;AAEF,OAAO,EAAE,OAAO,EAAE,QAAQ,EAAE,eAAe,EAAE,OAAO,EAAE,gBAAgB,EAAE,yBAAyB,EAAE,CAAC"}

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

@@ -1,39 +1,35 @@
-import r, { css as n } from "styled-components";
-import t from "../../../Icon/components/Add.js";
-import d from "../../../Icon/components/UploadCloud.js";
-import m from "../../../Button/Button.js";
-import { Sizes as a } from "../../../../react-base/src/consts.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};
-    ${o === a.Large && l.heading[2].demi};
-
-    text-align: center;
-  `}
-`, 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`
+import t, { css as m } from "styled-components";
+import { Sizes as n } from "../../../../react-base/src/consts/index.js";
+import r from "../../../Icon/components/Add.js";
+import p from "../../../Icon/components/UploadCloud.js";
+import i from "../../../Button/SentimentButton.js";
+import l from "../../../Button/Button.js";
+import a from "../../../Text/components/Label/Label.js";
+import e from "../../../Text/components/Heading/Heading.js";
+const B = t(p)``, U = t(r)``, $ = t(e)`
+  text-align: center;
+`, b = t(a)`
+  max-width: 300px;
+  text-align: center;
+`, A = t(l)`
+  ${({ size: o }) => o === n.XSmall || o === n.Small ? m`
           margin-top: 16px;
-        ` : n`
+        ` : m`
+          margin-top: 24px;
+        `}
+`, C = t(i)`
+  ${({ size: o }) => o === n.XSmall || o === n.Small ? m`
+          margin-top: 16px;
+        ` : m`
           margin-top: 24px;
         `}
 `;
 export {
-  e as AddIcon,
-  f as FileUploadButton,
-  u as Heading,
-  x as Subtitle,
-  $ as UploadCloudIcon
+  U as AddIcon,
+  A as FileUploadButton,
+  C as FileUploadSentimentButton,
+  $ as Heading,
+  b as Subtitle,
+  B 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';\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;"}
+{"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/consts';\n\nimport Add from '../../../Icon/components/Add';\nimport UploadCloud from '../../../Icon/components/UploadCloud';\nimport type { IFileUploaderTextProps } from './FileUploadContent.types';\nimport type { ISentimentButtonProps } from '../../../Button/Button.types';\nimport SentimentButton from '../../../Button/SentimentButton';\nimport Button from '../../../Button/Button';\nimport Label from '../../../Text/components/Label/Label';\nimport _Heading from '../../../Text/components/Heading/Heading';\n\nconst UploadCloudIcon = styled(UploadCloud)``;\n\nconst AddIcon = styled(Add)``;\n\nconst Heading = styled(_Heading)<IFileUploaderTextProps>`\n  text-align: center;\n`;\n\nconst Subtitle = styled(Label)`\n  max-width: 300px;\n  text-align: center;\n`;\n\nconst FileUploadButton = styled(Button)<ISentimentButtonProps>`\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\nconst FileUploadSentimentButton = styled(SentimentButton)<ISentimentButtonProps>`\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, FileUploadSentimentButton };\n"],"names":["UploadCloudIcon","styled","UploadCloud","AddIcon","Add","Heading","_Heading","Subtitle","Label","FileUploadButton","Button","size","Sizes","css","FileUploadSentimentButton","SentimentButton"],"mappings":";;;;;;;;AAYM,MAAAA,IAAkBC,EAAOC,CAAW,KAEpCC,IAAUF,EAAOG,CAAG,KAEpBC,IAAUJ,EAAOK,CAAQ;AAAA;AAAA,GAIzBC,IAAWN,EAAOO,CAAK;AAAA;AAAA;AAAA,GAKvBC,IAAmBR,EAAOS,CAAM;AAAA,IAClC,CAAC,EAAE,MAAAC,EAAK,MACRA,MAASC,EAAM,UAAUD,MAASC,EAAM,QACpCC;AAAA;AAAA,YAGAA;AAAA;AAAA,SAEC;AAAA,GAGHC,IAA4Bb,EAAOc,CAAe;AAAA,IACpD,CAAC,EAAE,MAAAJ,EAAK,MACRA,MAASC,EAAM,UAAUD,MAASC,EAAM,QACpCC;AAAA;AAAA,YAGAA;AAAA;AAAA,SAEC;AAAA;"}

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

@@ -1,14 +1,16 @@
-import { ReactNode } from 'react';
-import { ProgressBarTypes, FileUploaderTypes } from '..\..\..\..\react-base\src';
-import { IFileUploaderProps } from '../../FileUploader.types';
+import type { ReactNode } from 'react';
+import type { ProgressBarTypes } from '..\..\..\..\react-base\src/components/ProgressBar';
+import type { FileUploaderTypes } from '..\..\..\..\react-base\src/components/FileUploader';
+import type { IFileUploaderProps } from '../../FileUploader.types';
 export interface IFileUploadContentProps {
+    disabled?: boolean;
     renderSingleDeleteFile: boolean;
     fileUploads: (FileUploaderTypes.IFileUpload | FileUploaderTypes.IFileUploadError)[];
     isSingleFileType: boolean;
     acceptedTextMapper: (stringConnector: string) => string;
     isDropTarget: boolean;
     isFirstFileUploadComplete: boolean;
-    filePreview: FileUploaderTypes.FilePreview;
+    filePreview: `${FileUploaderTypes.FilePreview}`;
     progressBarType: ProgressBarTypes.Type;
     renderErrorsInside: boolean;
     size: FileUploaderTypes.Size;

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,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"}
+{"version":3,"file":"FileUploadContent.types.d.ts","sourceRoot":"","sources":["../../../../../../src/components/FileUploader/components/FileUploadContent/FileUploadContent.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEvC,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,gDAAgD,CAAC;AACvF,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,iDAAiD,CAAC;AAEzF,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,0BAA0B,CAAC;AAEnE,MAAM,WAAW,uBAAuB;IACtC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,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,GAAG,iBAAiB,CAAC,WAAW,EAAE,CAAC;IAChD,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/FileUploadContent/FileUploadContent.utils.d.ts

@@ -0,0 +1,5 @@
+import type { FileUploaderTypes } from '..\..\..\..\react-base\src/components/FileUploader';
+import type { IFileUploaderErrorText } from './FileUploadContent.types';
+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;
+//# sourceMappingURL=FileUploadContent.utils.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"FileUploadContent.utils.d.ts","sourceRoot":"","sources":["../../../../../../src/components/FileUploader/components/FileUploadContent/FileUploadContent.utils.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,iDAAiD,CAAC;AAEzF,OAAO,KAAK,EAAE,sBAAsB,EAAE,MAAM,2BAA2B,CAAC;AAExE,eAAO,MAAM,iBAAiB,SACtB,iBAAiB,CAAC,WAAW,GAAG,iBAAiB,CAAC,gBAAgB,KACvE,IAAI,IAAI,iBAAiB,CAAC,gBAAiC,CAAC;AAE/D,eAAO,MAAM,iBAAiB,2BAA4B,sBAAsB,4CAE/E,CAAC"}

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

@@ -0,0 +1,10 @@
+import { jsxs as e, Fragment as o } from "react/jsx-runtime";
+const i = (r) => !!r.errors, s = ({ acceptedTextMapper: r }) => /* @__PURE__ */ e(o, { children: [
+  "File must be ",
+  r("or") || "a valid type"
+] });
+export {
+  s as FileTypeErrorText,
+  i as isFileUploadError
+};
+//# sourceMappingURL=FileUploadContent.utils.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"FileUploadContent.utils.js","sources":["../../../../../../src/components/FileUploader/components/FileUploadContent/FileUploadContent.utils.tsx"],"sourcesContent":["import type { FileUploaderTypes } from 'acinguiux-ds-react-base/components/FileUploader';\n\nimport type { IFileUploaderErrorText } from './FileUploadContent.types';\n\nexport const isFileUploadError = (\n  file: FileUploaderTypes.IFileUpload | FileUploaderTypes.IFileUploadError,\n): file is FileUploaderTypes.IFileUploadError => !!file.errors;\n\nexport const FileTypeErrorText = ({ acceptedTextMapper }: IFileUploaderErrorText) => (\n  <>File must be {acceptedTextMapper('or') || 'a valid type'}</>\n);\n"],"names":["isFileUploadError","file","FileTypeErrorText","acceptedTextMapper","jsxs","Fragment"],"mappings":";AAIO,MAAMA,IAAoB,CAC/BC,MAC+C,CAAC,CAACA,EAAK,QAE3CC,IAAoB,CAAC,EAAE,oBAAAC,EAAA,MAChC,gBAAAC,EAAAC,GAAA,EAAA,UAAA;AAAA,EAAA;AAAA,EAAcF,EAAmB,IAAI,KAAK;AAAA,EAAe,CAAA;"}

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

@@ -1,4 +1,4 @@
-import { IFileUploadErrorMessageProps } from './FileUploadErrorMessage.types';
-declare const FileUploadErrorMessage: ({ fileUploadError: { errors, fileName }, acceptedTextMapper, maxFilesSize, }: IFileUploadErrorMessageProps) => JSX.Element | null;
+import type { IFileUploadErrorMessageProps } from './FileUploadErrorMessage.types';
+declare const FileUploadErrorMessage: ({ fileUploadError: { errors, fileName }, disabled, size, acceptedTextMapper, maxFilesSize, }: IFileUploadErrorMessageProps) => JSX.Element | null;
 export default FileUploadErrorMessage;
 //# sourceMappingURL=FileUploadErrorMessage.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"FileUploadErrorMessage.d.ts","sourceRoot":"","sources":["../../../../../../src/components/FileUploader/components/FileUploadErrorMessage/FileUploadErrorMessage.tsx"],"names":[],"mappings":"AAKA,OAAO,EAAE,4BAA4B,EAAE,MAAM,gCAAgC,CAAC;AAE9E,QAAA,MAAM,sBAAsB,iFAIzB,4BAA4B,uBA4B9B,CAAC;AAEF,eAAe,sBAAsB,CAAC"}
+{"version":3,"file":"FileUploadErrorMessage.d.ts","sourceRoot":"","sources":["../../../../../../src/components/FileUploader/components/FileUploadErrorMessage/FileUploadErrorMessage.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,4BAA4B,EAAE,MAAM,gCAAgC,CAAC;AAEnF,QAAA,MAAM,sBAAsB,iGAMzB,4BAA4B,uBAgC9B,CAAC;AAEF,eAAe,sBAAsB,CAAC"}

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

@@ -1,36 +1,39 @@
-import { jsxs as s, jsx as i } from "react/jsx-runtime";
-import { Prominences as a } from "acinguiux-ds-fabrics";
-import o from "../../../Text/components/Text/Text.js";
-import { FileTypeErrorText as c } from "../FileUploadContent/FileUploadContent.js";
-import { FileSize as p } from "../FileUpload/FileUpload.js";
-const x = ({
-  fileUploadError: { errors: e, fileName: t },
-  acceptedTextMapper: l,
-  maxFilesSize: n
+import { jsx as t, jsxs as c, Fragment as s } from "react/jsx-runtime";
+import { Sizes as e } from "../../../../react-base/src/consts/index.js";
+import { FileTypeErrorText as u } from "../FileUploadContent/FileUploadContent.utils.js";
+import { Subtitle as m } from "../FileUploadContent/FileUploadContent.styles.js";
+import { FileSize as S } from "../FileUpload/FileUpload.utils.js";
+const F = ({
+  fileUploadError: { errors: i, fileName: p },
+  disabled: o,
+  size: r,
+  acceptedTextMapper: n,
+  maxFilesSize: a
 }) => {
-  let r = null;
+  let l = null;
   switch (!0) {
-    case e.hasFileTypeError:
-      r = /* @__PURE__ */ s(o, { children: [
-        t,
+    case i.hasFileTypeError:
+      l = /* @__PURE__ */ c(m, { disabled: o, size: r === e.XSmall ? e.Small : r, children: [
+        p,
         " is not supported. ",
-        /* @__PURE__ */ i(c, { acceptedTextMapper: l })
+        /* @__PURE__ */ t(u, { acceptedTextMapper: n })
       ] });
       break;
-    case e.hasFileSizeError:
-      r = /* @__PURE__ */ s(o, { children: [
-        t,
-        " is too big. Maximum accepted file size is: ",
-        /* @__PURE__ */ i(p, { fileSize: n, prominence: a.Strong })
+    case i.hasFileSizeError:
+      l = /* @__PURE__ */ c(m, { disabled: o, size: r === e.XSmall ? e.Small : r, children: [
+        p,
+        " is too big.",
+        a ? " Maximum accepted file size is: " : "",
+        a ? /* @__PURE__ */ t(S, { fileSize: a, disabled: o, size: r }) : /* @__PURE__ */ t(s, {})
       ] });
       break;
-    case e.hasGenericError:
-      r = /* @__PURE__ */ i(o, { children: "An error occurred during the upload." });
+    case i.hasGenericError:
+      l = /* @__PURE__ */ t(m, { disabled: o, size: r === e.XSmall ? e.Small : r, children: "An error occurred during the upload." });
       break;
   }
-  return r;
+  return l;
 };
 export {
-  x as default
+  F as default
 };
 //# sourceMappingURL=FileUploadErrorMessage.js.map

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';\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;"}
+{"version":3,"file":"FileUploadErrorMessage.js","sources":["../../../../../../src/components/FileUploader/components/FileUploadErrorMessage/FileUploadErrorMessage.tsx"],"sourcesContent":["import { Sizes } from 'acinguiux-ds-react-base/consts';\n\nimport { FileTypeErrorText } from '../FileUploadContent/FileUploadContent.utils';\nimport { Subtitle } from '../FileUploadContent/FileUploadContent.styles';\nimport { FileSize } from '../FileUpload/FileUpload.utils';\nimport type { IFileUploadErrorMessageProps } from './FileUploadErrorMessage.types';\n\nconst FileUploadErrorMessage = ({\n  fileUploadError: { errors, fileName },\n  disabled,\n  size,\n  acceptedTextMapper,\n  maxFilesSize,\n}: IFileUploadErrorMessageProps) => {\n  let content: JSX.Element | null = null;\n\n  switch (true) {\n    case errors.hasFileTypeError:\n      content = (\n        <Subtitle disabled={disabled} size={size === Sizes.XSmall ? Sizes.Small : size}>\n          {fileName} is not supported.&nbsp;\n          <FileTypeErrorText acceptedTextMapper={acceptedTextMapper} />\n        </Subtitle>\n      );\n      break;\n    case errors.hasFileSizeError:\n      content = (\n        <Subtitle disabled={disabled} size={size === Sizes.XSmall ? Sizes.Small : size}>\n          {fileName} is too big.{maxFilesSize ? ' Maximum accepted file size is:&nbsp;' : ''}\n          {maxFilesSize ? <FileSize fileSize={maxFilesSize} disabled={disabled} size={size} /> : <></>}\n        </Subtitle>\n      );\n      break;\n    case errors.hasGenericError:\n      content = (\n        <Subtitle disabled={disabled} size={size === Sizes.XSmall ? Sizes.Small : size}>\n          An error occurred during the upload.\n        </Subtitle>\n      );\n      break;\n    default:\n      break;\n  }\n\n  return content;\n};\n\nexport default FileUploadErrorMessage;\n"],"names":["FileUploadErrorMessage","errors","fileName","disabled","size","acceptedTextMapper","maxFilesSize","content","jsxs","Subtitle","Sizes","jsx","FileTypeErrorText","FileSize","Fragment"],"mappings":";;;;;AAOA,MAAMA,IAAyB,CAAC;AAAA,EAC9B,iBAAiB,EAAE,QAAAC,GAAQ,UAAAC,EAAS;AAAA,EACpC,UAAAC;AAAA,EACA,MAAAC;AAAA,EACA,oBAAAC;AAAA,EACA,cAAAC;AACF,MAAoC;AAClC,MAAIC,IAA8B;AAElC,UAAQ,IAAM;AAAA,IACZ,KAAKN,EAAO;AAER,MAAAM,IAAA,gBAAAC,EAACC,KAAS,UAAAN,GAAoB,MAAMC,MAASM,EAAM,SAASA,EAAM,QAAQN,GACvE,UAAA;AAAA,QAAAF;AAAA,QAAS;AAAA,QACV,gBAAAS,EAACC,KAAkB,oBAAAP,EAAwC,CAAA;AAAA,MAAA,GAC7D;AAEF;AAAA,IACF,KAAKJ,EAAO;AAER,MAAAM,IAAA,gBAAAC,EAACC,KAAS,UAAAN,GAAoB,MAAMC,MAASM,EAAM,SAASA,EAAM,QAAQN,GACvE,UAAA;AAAA,QAAAF;AAAA,QAAS;AAAA,QAAaI,IAAe,0CAA0C;AAAA,QAC/EA,sBAAgBO,GAAS,EAAA,UAAUP,GAAc,UAAAH,GAAoB,MAAAC,EAAY,CAAA,IAAO,gBAAAO,EAAAG,GAAA,CAAA,CAAA;AAAA,MAAA,GAC3F;AAEF;AAAA,IACF,KAAKb,EAAO;AAER,MAAAM,IAAA,gBAAAI,EAACF,GAAS,EAAA,UAAAN,GAAoB,MAAMC,MAASM,EAAM,SAASA,EAAM,QAAQN,GAAM,UAEhF,uCAAA,CAAA;AAEF;AAAA,EAEA;AAGG,SAAAG;AACT;"}