@alma-oss/spirit-web-react 4.3.0 → 4.5.0

package/dist/components/FileUploader/FileUploader.js

@@ -0,0 +1,42 @@
+"use client";
+import { jsx as r } from "react/jsx-runtime";
+import F from "classnames";
+import { useStyleProps as S } from "../../hooks/styleProps.js";
+import { DEFAULT_ERROR_MESSAGE_QUEUE_LIMIT as R, DEFAULT_ERROR_MESSAGE_MAX_FILE_SIZE as f, DEFAULT_ERROR_MESSAGE_UNSUPPORTED_FILE as M, DEFAULT_ERROR_MESSAGE_QUEUE_DUPLICITY as P } from "./constants.js";
+import { FileUploaderProvider as A } from "./FileUploaderContext.js";
+import { useFileUploaderStyleProps as D } from "./useFileUploaderStyleProps.js";
+const I = (o) => {
+  const {
+    addToQueue: s,
+    children: i,
+    clearQueue: t,
+    errorMessages: l,
+    fileQueue: p,
+    findInQueue: a,
+    id: E,
+    isFluid: u,
+    onDismiss: d,
+    updateQueue: m,
+    ..._
+  } = o, { classProps: c } = D({ isFluid: u }), { styleProps: e, props: n } = S(_), U = {
+    addToQueue: s,
+    clearQueue: t,
+    fileQueue: p,
+    onDismiss: d,
+    findInQueue: a,
+    updateQueue: m,
+    errorMessages: {
+      errorFileDuplicity: P,
+      errorFileNotSupported: M,
+      errorMaxFileSize: f,
+      errorMaxUploadedFiles: R,
+      ...l
+    }
+  };
+  return /* @__PURE__ */ r(A, { value: U, children: /* @__PURE__ */ r("div", { id: E, ...n, ...e, className: F(c.root, e.className), children: i }) });
+};
+I.spiritComponent = "FileUploader";
+export {
+  I as default
+};
+//# sourceMappingURL=FileUploader.js.map

package/dist/components/FileUploader/FileUploader.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FileUploader.js","sources":["../../../src/components/FileUploader/FileUploader.tsx"],"sourcesContent":["'use client';\n\nimport classNames from 'classnames';\nimport React from 'react';\nimport { useStyleProps } from '../../hooks';\nimport { type SpiritFileUploaderProps } from '../../types';\nimport {\n  DEFAULT_ERROR_MESSAGE_MAX_FILE_SIZE,\n  DEFAULT_ERROR_MESSAGE_QUEUE_DUPLICITY,\n  DEFAULT_ERROR_MESSAGE_QUEUE_LIMIT,\n  DEFAULT_ERROR_MESSAGE_UNSUPPORTED_FILE,\n} from './constants';\nimport { FileUploaderProvider } from './FileUploaderContext';\nimport { useFileUploaderStyleProps } from './useFileUploaderStyleProps';\n\nconst FileUploader = (props: SpiritFileUploaderProps) => {\n  const {\n    addToQueue,\n    children,\n    clearQueue,\n    errorMessages,\n    fileQueue,\n    findInQueue,\n    id,\n    isFluid,\n    onDismiss,\n    updateQueue,\n    ...restProps\n  } = props;\n\n  const { classProps } = useFileUploaderStyleProps({ isFluid });\n  const { styleProps, props: transferProps } = useStyleProps(restProps);\n\n  const contextValue = {\n    addToQueue,\n    clearQueue,\n    fileQueue,\n    onDismiss,\n    findInQueue,\n    updateQueue,\n    errorMessages: {\n      errorFileDuplicity: DEFAULT_ERROR_MESSAGE_QUEUE_DUPLICITY,\n      errorFileNotSupported: DEFAULT_ERROR_MESSAGE_UNSUPPORTED_FILE,\n      errorMaxFileSize: DEFAULT_ERROR_MESSAGE_MAX_FILE_SIZE,\n      errorMaxUploadedFiles: DEFAULT_ERROR_MESSAGE_QUEUE_LIMIT,\n      ...errorMessages,\n    },\n  };\n\n  return (\n    <FileUploaderProvider value={contextValue}>\n      <div id={id} {...transferProps} {...styleProps} className={classNames(classProps.root, styleProps.className)}>\n        {children}\n      </div>\n    </FileUploaderProvider>\n  );\n};\n\nFileUploader.spiritComponent = 'FileUploader';\n\nexport default FileUploader;\n"],"names":["FileUploader","props","addToQueue","children","clearQueue","errorMessages","fileQueue","findInQueue","id","isFluid","onDismiss","updateQueue","restProps","classProps","useFileUploaderStyleProps","styleProps","transferProps","useStyleProps","contextValue","DEFAULT_ERROR_MESSAGE_QUEUE_DUPLICITY","DEFAULT_ERROR_MESSAGE_UNSUPPORTED_FILE","DEFAULT_ERROR_MESSAGE_MAX_FILE_SIZE","DEFAULT_ERROR_MESSAGE_QUEUE_LIMIT","FileUploaderProvider","jsx","classNames"],"mappings":";;;;;;;AAeA,MAAMA,IAAe,CAACC,MAAmC;AACvD,QAAM;AAAA,IACJ,YAAAC;AAAA,IACA,UAAAC;AAAA,IACA,YAAAC;AAAA,IACA,eAAAC;AAAA,IACA,WAAAC;AAAA,IACA,aAAAC;AAAA,IACA,IAAAC;AAAA,IACA,SAAAC;AAAA,IACA,WAAAC;AAAA,IACA,aAAAC;AAAA,IACA,GAAGC;AAAA,EAAA,IACDX,GAEE,EAAE,YAAAY,EAAA,IAAeC,EAA0B,EAAE,SAAAL,GAAS,GACtD,EAAE,YAAAM,GAAY,OAAOC,EAAA,IAAkBC,EAAcL,CAAS,GAE9DM,IAAe;AAAA,IACnB,YAAAhB;AAAA,IACA,YAAAE;AAAA,IACA,WAAAE;AAAA,IACA,WAAAI;AAAA,IACA,aAAAH;AAAA,IACA,aAAAI;AAAA,IACA,eAAe;AAAA,MACb,oBAAoBQ;AAAA,MACpB,uBAAuBC;AAAA,MACvB,kBAAkBC;AAAA,MAClB,uBAAuBC;AAAA,MACvB,GAAGjB;AAAA,IAAA;AAAA,EACL;AAGF,2BACGkB,GAAA,EAAqB,OAAOL,GAC3B,UAAA,gBAAAM,EAAC,OAAA,EAAI,IAAAhB,GAAS,GAAGQ,GAAgB,GAAGD,GAAY,WAAWU,EAAWZ,EAAW,MAAME,EAAW,SAAS,GACxG,UAAAZ,GACH,GACF;AAEJ;AAEAH,EAAa,kBAAkB;"}

package/dist/components/FileUploader/FileUploaderAttachment.cjs

@@ -0,0 +1,2 @@
+"use strict";"use client";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("react/jsx-runtime"),C=require("classnames"),p=require("react"),R=require("../../hooks/styleProps.cjs"),w=require("../../hooks/useClassNamePrefix.cjs"),M=require("../../hooks/useI18n.cjs"),b=require("../Icon/Icon.cjs"),B=require("./AttachmentActionButton.cjs"),D=require("./AttachmentDismissButton.cjs"),H=require("./AttachmentImagePreview.cjs"),h=require("./constants.cjs"),O=require("./useFileUploaderAttachment.cjs"),k=require("./useFileUploaderStyleProps.cjs"),W=require("./utils.cjs"),P=f=>{const{t:a}=M.useI18n(),{editText:x,file:t,hasImagePreview:q,iconName:A=h.DEFAULT_ICON_NAME,id:i,imageObjectFit:v,label:o,meta:c,name:j,onDismiss:l,onEdit:s,onError:I,removeText:N,...g}=f,E=x??a("fileUploader.edit"),F=N??a("fileUploader.remove"),[u,U]=p.useState(""),{classProps:r}=k.useFileUploaderStyleProps(),{styleProps:m,props:y}=R.useStyleProps(g),_=t.type.includes("image"),d=p.useRef(),S=()=>{l&&l(i)},T=n=>s&&s(n,t);return _&&W.image2Base64Preview(t,h.IMAGE_PREVIEW_BASE64_MAX_WIDTH,n=>U(n)),O.useFileUploaderAttachment({attachmentRef:d,file:t,name:j,meta:c,onError:I}),e.jsxs("li",{id:i,ref:d,...y,...m,className:C(r.attachment.root,m.className),children:[q&&u?e.jsx(H.default,{label:o,imagePreview:u,meta:c,imageObjectFit:v}):e.jsx(b.default,{name:A,"aria-hidden":"true"}),e.jsx("span",{className:r.attachment.name,children:e.jsx("span",{className:w.useClassNamePrefix("text-truncate"),children:o})}),s&&e.jsx("span",{className:r.attachment.slot,children:e.jsx(B.default,{onClick:T,children:E})}),e.jsx(D.default,{onClick:S,children:F})]})};P.spiritComponent="FileUploaderAttachment";exports.default=P;
+//# sourceMappingURL=FileUploaderAttachment.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"FileUploaderAttachment.cjs","sources":["../../../src/components/FileUploader/FileUploaderAttachment.tsx"],"sourcesContent":["'use client';\n\nimport classNames from 'classnames';\nimport React, { type MouseEvent, type RefObject, useRef, useState } from 'react';\nimport { useClassNamePrefix, useI18n, useStyleProps } from '../../hooks';\nimport { type SpiritFileUploaderAttachmentProps } from '../../types';\nimport { Icon } from '../Icon';\nimport AttachmentActionButton from './AttachmentActionButton';\nimport AttachmentDismissButton from './AttachmentDismissButton';\nimport AttachmentImagePreview from './AttachmentImagePreview';\nimport { DEFAULT_ICON_NAME, IMAGE_PREVIEW_BASE64_MAX_WIDTH } from './constants';\nimport { useFileUploaderAttachment } from './useFileUploaderAttachment';\nimport { useFileUploaderStyleProps } from './useFileUploaderStyleProps';\nimport { image2Base64Preview } from './utils';\n\nconst FileUploaderAttachment = (props: SpiritFileUploaderAttachmentProps) => {\n  const { t } = useI18n();\n  const {\n    editText,\n    file,\n    hasImagePreview,\n    iconName = DEFAULT_ICON_NAME,\n    id,\n    imageObjectFit,\n    label,\n    meta,\n    name,\n    onDismiss,\n    onEdit,\n    onError,\n    removeText,\n    ...restProps\n  } = props;\n  const resolvedEditText = editText ?? t('fileUploader.edit');\n  const resolvedRemoveText = removeText ?? t('fileUploader.remove');\n  const [imagePreview, setImagePreview] = useState<string>('');\n\n  const { classProps } = useFileUploaderStyleProps();\n  const { styleProps, props: transferProps } = useStyleProps(restProps);\n\n  const isFileImage = file.type.includes('image');\n\n  const attachmentRef = useRef() as RefObject<HTMLLIElement>;\n\n  const dismissHandler = () => {\n    if (onDismiss) {\n      onDismiss(id);\n    }\n  };\n\n  const onEditHandler = (event: MouseEvent) => onEdit && onEdit(event, file);\n\n  if (isFileImage) {\n    image2Base64Preview(file, IMAGE_PREVIEW_BASE64_MAX_WIDTH, (compressedDataURL) =>\n      setImagePreview(compressedDataURL),\n    );\n  }\n\n  useFileUploaderAttachment({ attachmentRef, file, name, meta, onError });\n\n  return (\n    <li\n      id={id}\n      ref={attachmentRef}\n      {...transferProps}\n      {...styleProps}\n      className={classNames(classProps.attachment.root, styleProps.className)}\n    >\n      {hasImagePreview && imagePreview ? (\n        <AttachmentImagePreview label={label} imagePreview={imagePreview} meta={meta} imageObjectFit={imageObjectFit} />\n      ) : (\n        <Icon name={iconName} aria-hidden=\"true\" />\n      )}\n      <span className={classProps.attachment.name}>\n        <span className={useClassNamePrefix('text-truncate')}>{label}</span>\n      </span>\n      {onEdit && (\n        <span className={classProps.attachment.slot}>\n          <AttachmentActionButton onClick={onEditHandler}>{resolvedEditText}</AttachmentActionButton>\n        </span>\n      )}\n      <AttachmentDismissButton onClick={dismissHandler}>{resolvedRemoveText}</AttachmentDismissButton>\n    </li>\n  );\n};\n\nFileUploaderAttachment.spiritComponent = 'FileUploaderAttachment';\n\nexport default FileUploaderAttachment;\n"],"names":["FileUploaderAttachment","props","t","useI18n","editText","file","hasImagePreview","iconName","DEFAULT_ICON_NAME","id","imageObjectFit","label","meta","name","onDismiss","onEdit","onError","removeText","restProps","resolvedEditText","resolvedRemoveText","imagePreview","setImagePreview","useState","classProps","useFileUploaderStyleProps","styleProps","transferProps","useStyleProps","isFileImage","attachmentRef","useRef","dismissHandler","onEditHandler","event","image2Base64Preview","IMAGE_PREVIEW_BASE64_MAX_WIDTH","compressedDataURL","useFileUploaderAttachment","jsxs","classNames","jsx","AttachmentImagePreview","Icon","useClassNamePrefix","AttachmentActionButton","AttachmentDismissButton"],"mappings":"mnBAeMA,EAA0BC,GAA6C,CAC3E,KAAM,CAAE,EAAAC,CAAA,EAAMC,UAAA,EACR,CACJ,SAAAC,EACA,KAAAC,EACA,gBAAAC,EACA,SAAAC,EAAWC,EAAAA,kBACX,GAAAC,EACA,eAAAC,EACA,MAAAC,EACA,KAAAC,EACA,KAAAC,EACA,UAAAC,EACA,OAAAC,EACA,QAAAC,EACA,WAAAC,EACA,GAAGC,CAAA,EACDjB,EACEkB,EAAmBf,GAAYF,EAAE,mBAAmB,EACpDkB,EAAqBH,GAAcf,EAAE,qBAAqB,EAC1D,CAACmB,EAAcC,CAAe,EAAIC,EAAAA,SAAiB,EAAE,EAErD,CAAE,WAAAC,CAAA,EAAeC,4BAAA,EACjB,CAAA,WAAEC,EAAY,MAAOC,CAAA,EAAkBC,EAAAA,cAAcV,CAAS,EAE9DW,EAAcxB,EAAK,KAAK,SAAS,OAAO,EAExCyB,EAAgBC,EAAAA,OAAA,EAEhBC,EAAiB,IAAM,CACvBlB,GACFA,EAAUL,CAAE,CAEhB,EAEMwB,EAAiBC,GAAsBnB,GAAUA,EAAOmB,EAAO7B,CAAI,EAEzE,OAAIwB,GACFM,EAAAA,oBAAoB9B,EAAM+B,EAAAA,+BAAiCC,GACzDf,EAAgBe,CAAiB,CAAA,EAIrCC,EAAAA,0BAA0B,CAAE,cAAAR,EAAe,KAAAzB,EAAM,KAAAQ,EAAM,KAAAD,EAAM,QAAAI,EAAS,EAGpEuB,EAAAA,KAAC,KAAA,CACC,GAAA9B,EACA,IAAKqB,EACJ,GAAGH,EACH,GAAGD,EACJ,UAAWc,EAAWhB,EAAW,WAAW,KAAME,EAAW,SAAS,EAErE,SAAA,CAAApB,GAAmBe,EAClBoB,MAACC,EAAAA,QAAA,CAAuB,MAAA/B,EAAc,aAAAU,EAA4B,KAAAT,EAAY,eAAAF,CAAA,CAAgC,EAE9G+B,EAAAA,IAACE,EAAAA,QAAA,CAAK,KAAMpC,EAAU,cAAY,OAAO,EAE3CkC,EAAAA,IAAC,OAAA,CAAK,UAAWjB,EAAW,WAAW,KACrC,SAAAiB,EAAAA,IAAC,OAAA,CAAK,UAAWG,qBAAmB,eAAe,EAAI,WAAM,EAC/D,EACC7B,GACC0B,EAAAA,IAAC,OAAA,CAAK,UAAWjB,EAAW,WAAW,KACrC,SAAAiB,EAAAA,IAACI,EAAAA,QAAA,CAAuB,QAASZ,EAAgB,SAAAd,CAAA,CAAiB,EACpE,EAEFsB,EAAAA,IAACK,EAAAA,QAAA,CAAwB,QAASd,EAAiB,SAAAZ,CAAA,CAAmB,CAAA,CAAA,CAAA,CAG5E,EAEApB,EAAuB,gBAAkB"}

package/dist/components/FileUploader/FileUploaderAttachment.d.ts

@@ -0,0 +1,7 @@
+import { default as React } from 'react';
+import { SpiritFileUploaderAttachmentProps } from '../../types';
+declare const FileUploaderAttachment: {
+    (props: SpiritFileUploaderAttachmentProps): React.JSX.Element;
+    spiritComponent: string;
+};
+export default FileUploaderAttachment;

package/dist/components/FileUploader/FileUploaderAttachment.js

@@ -0,0 +1,60 @@
+"use client";
+import { jsxs as C, jsx as e } from "react/jsx-runtime";
+import y from "classnames";
+import { useState as B, useRef as D } from "react";
+import { useStyleProps as R } from "../../hooks/styleProps.js";
+import { useClassNamePrefix as S } from "../../hooks/useClassNamePrefix.js";
+import { useI18n as j } from "../../hooks/useI18n.js";
+import H from "../Icon/Icon.js";
+import M from "./AttachmentActionButton.js";
+import b from "./AttachmentDismissButton.js";
+import k from "./AttachmentImagePreview.js";
+import { DEFAULT_ICON_NAME as O, IMAGE_PREVIEW_BASE64_MAX_WIDTH as W } from "./constants.js";
+import { useFileUploaderAttachment as G } from "./useFileUploaderAttachment.js";
+import { useFileUploaderStyleProps as L } from "./useFileUploaderStyleProps.js";
+import { image2Base64Preview as V } from "./utils.js";
+const X = (f) => {
+  const { t: i } = j(), {
+    editText: h,
+    file: t,
+    hasImagePreview: u,
+    iconName: P = O,
+    id: m,
+    imageObjectFit: A,
+    label: a,
+    meta: n,
+    name: v,
+    onDismiss: c,
+    onEdit: o,
+    onError: E,
+    removeText: I,
+    ...N
+  } = f, x = h ?? i("fileUploader.edit"), g = I ?? i("fileUploader.remove"), [l, F] = B(""), { classProps: r } = L(), { styleProps: p, props: U } = R(N), T = t.type.includes("image"), d = D(), _ = () => {
+    c && c(m);
+  }, w = (s) => o && o(s, t);
+  return T && V(
+    t,
+    W,
+    (s) => F(s)
+  ), G({ attachmentRef: d, file: t, name: v, meta: n, onError: E }), /* @__PURE__ */ C(
+    "li",
+    {
+      id: m,
+      ref: d,
+      ...U,
+      ...p,
+      className: y(r.attachment.root, p.className),
+      children: [
+        u && l ? /* @__PURE__ */ e(k, { label: a, imagePreview: l, meta: n, imageObjectFit: A }) : /* @__PURE__ */ e(H, { name: P, "aria-hidden": "true" }),
+        /* @__PURE__ */ e("span", { className: r.attachment.name, children: /* @__PURE__ */ e("span", { className: S("text-truncate"), children: a }) }),
+        o && /* @__PURE__ */ e("span", { className: r.attachment.slot, children: /* @__PURE__ */ e(M, { onClick: w, children: x }) }),
+        /* @__PURE__ */ e(b, { onClick: _, children: g })
+      ]
+    }
+  );
+};
+X.spiritComponent = "FileUploaderAttachment";
+export {
+  X as default
+};
+//# sourceMappingURL=FileUploaderAttachment.js.map

package/dist/components/FileUploader/FileUploaderAttachment.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FileUploaderAttachment.js","sources":["../../../src/components/FileUploader/FileUploaderAttachment.tsx"],"sourcesContent":["'use client';\n\nimport classNames from 'classnames';\nimport React, { type MouseEvent, type RefObject, useRef, useState } from 'react';\nimport { useClassNamePrefix, useI18n, useStyleProps } from '../../hooks';\nimport { type SpiritFileUploaderAttachmentProps } from '../../types';\nimport { Icon } from '../Icon';\nimport AttachmentActionButton from './AttachmentActionButton';\nimport AttachmentDismissButton from './AttachmentDismissButton';\nimport AttachmentImagePreview from './AttachmentImagePreview';\nimport { DEFAULT_ICON_NAME, IMAGE_PREVIEW_BASE64_MAX_WIDTH } from './constants';\nimport { useFileUploaderAttachment } from './useFileUploaderAttachment';\nimport { useFileUploaderStyleProps } from './useFileUploaderStyleProps';\nimport { image2Base64Preview } from './utils';\n\nconst FileUploaderAttachment = (props: SpiritFileUploaderAttachmentProps) => {\n  const { t } = useI18n();\n  const {\n    editText,\n    file,\n    hasImagePreview,\n    iconName = DEFAULT_ICON_NAME,\n    id,\n    imageObjectFit,\n    label,\n    meta,\n    name,\n    onDismiss,\n    onEdit,\n    onError,\n    removeText,\n    ...restProps\n  } = props;\n  const resolvedEditText = editText ?? t('fileUploader.edit');\n  const resolvedRemoveText = removeText ?? t('fileUploader.remove');\n  const [imagePreview, setImagePreview] = useState<string>('');\n\n  const { classProps } = useFileUploaderStyleProps();\n  const { styleProps, props: transferProps } = useStyleProps(restProps);\n\n  const isFileImage = file.type.includes('image');\n\n  const attachmentRef = useRef() as RefObject<HTMLLIElement>;\n\n  const dismissHandler = () => {\n    if (onDismiss) {\n      onDismiss(id);\n    }\n  };\n\n  const onEditHandler = (event: MouseEvent) => onEdit && onEdit(event, file);\n\n  if (isFileImage) {\n    image2Base64Preview(file, IMAGE_PREVIEW_BASE64_MAX_WIDTH, (compressedDataURL) =>\n      setImagePreview(compressedDataURL),\n    );\n  }\n\n  useFileUploaderAttachment({ attachmentRef, file, name, meta, onError });\n\n  return (\n    <li\n      id={id}\n      ref={attachmentRef}\n      {...transferProps}\n      {...styleProps}\n      className={classNames(classProps.attachment.root, styleProps.className)}\n    >\n      {hasImagePreview && imagePreview ? (\n        <AttachmentImagePreview label={label} imagePreview={imagePreview} meta={meta} imageObjectFit={imageObjectFit} />\n      ) : (\n        <Icon name={iconName} aria-hidden=\"true\" />\n      )}\n      <span className={classProps.attachment.name}>\n        <span className={useClassNamePrefix('text-truncate')}>{label}</span>\n      </span>\n      {onEdit && (\n        <span className={classProps.attachment.slot}>\n          <AttachmentActionButton onClick={onEditHandler}>{resolvedEditText}</AttachmentActionButton>\n        </span>\n      )}\n      <AttachmentDismissButton onClick={dismissHandler}>{resolvedRemoveText}</AttachmentDismissButton>\n    </li>\n  );\n};\n\nFileUploaderAttachment.spiritComponent = 'FileUploaderAttachment';\n\nexport default FileUploaderAttachment;\n"],"names":["FileUploaderAttachment","props","t","useI18n","editText","file","hasImagePreview","iconName","DEFAULT_ICON_NAME","id","imageObjectFit","label","meta","name","onDismiss","onEdit","onError","removeText","restProps","resolvedEditText","resolvedRemoveText","imagePreview","setImagePreview","useState","classProps","useFileUploaderStyleProps","styleProps","transferProps","useStyleProps","isFileImage","attachmentRef","useRef","dismissHandler","onEditHandler","event","image2Base64Preview","IMAGE_PREVIEW_BASE64_MAX_WIDTH","compressedDataURL","useFileUploaderAttachment","jsxs","classNames","jsx","AttachmentImagePreview","Icon","useClassNamePrefix","AttachmentActionButton","AttachmentDismissButton"],"mappings":";;;;;;;;;;;;;;;AAeA,MAAMA,IAAyB,CAACC,MAA6C;AAC3E,QAAM,EAAE,GAAAC,EAAA,IAAMC,EAAA,GACR;AAAA,IACJ,UAAAC;AAAA,IACA,MAAAC;AAAA,IACA,iBAAAC;AAAA,IACA,UAAAC,IAAWC;AAAA,IACX,IAAAC;AAAA,IACA,gBAAAC;AAAA,IACA,OAAAC;AAAA,IACA,MAAAC;AAAA,IACA,MAAAC;AAAA,IACA,WAAAC;AAAA,IACA,QAAAC;AAAA,IACA,SAAAC;AAAA,IACA,YAAAC;AAAA,IACA,GAAGC;AAAA,EAAA,IACDjB,GACEkB,IAAmBf,KAAYF,EAAE,mBAAmB,GACpDkB,IAAqBH,KAAcf,EAAE,qBAAqB,GAC1D,CAACmB,GAAcC,CAAe,IAAIC,EAAiB,EAAE,GAErD,EAAE,YAAAC,EAAA,IAAeC,EAAA,GACjB,EAAE,YAAAC,GAAY,OAAOC,EAAA,IAAkBC,EAAcV,CAAS,GAE9DW,IAAcxB,EAAK,KAAK,SAAS,OAAO,GAExCyB,IAAgBC,EAAA,GAEhBC,IAAiB,MAAM;AAC3B,IAAIlB,KACFA,EAAUL,CAAE;AAAA,EAEhB,GAEMwB,IAAgB,CAACC,MAAsBnB,KAAUA,EAAOmB,GAAO7B,CAAI;AAEzE,SAAIwB,KACFM;AAAA,IAAoB9B;AAAA,IAAM+B;AAAA,IAAgC,CAACC,MACzDf,EAAgBe,CAAiB;AAAA,EAAA,GAIrCC,EAA0B,EAAE,eAAAR,GAAe,MAAAzB,GAAM,MAAAQ,GAAM,MAAAD,GAAM,SAAAI,GAAS,GAGpE,gBAAAuB;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,IAAA9B;AAAA,MACA,KAAKqB;AAAA,MACJ,GAAGH;AAAA,MACH,GAAGD;AAAA,MACJ,WAAWc,EAAWhB,EAAW,WAAW,MAAME,EAAW,SAAS;AAAA,MAErE,UAAA;AAAA,QAAApB,KAAmBe,IAClB,gBAAAoB,EAACC,GAAA,EAAuB,OAAA/B,GAAc,cAAAU,GAA4B,MAAAT,GAAY,gBAAAF,EAAA,CAAgC,IAE9G,gBAAA+B,EAACE,GAAA,EAAK,MAAMpC,GAAU,eAAY,QAAO;AAAA,QAE3C,gBAAAkC,EAAC,QAAA,EAAK,WAAWjB,EAAW,WAAW,MACrC,UAAA,gBAAAiB,EAAC,QAAA,EAAK,WAAWG,EAAmB,eAAe,GAAI,aAAM,GAC/D;AAAA,QACC7B,KACC,gBAAA0B,EAAC,QAAA,EAAK,WAAWjB,EAAW,WAAW,MACrC,UAAA,gBAAAiB,EAACI,GAAA,EAAuB,SAASZ,GAAgB,UAAAd,EAAA,CAAiB,GACpE;AAAA,QAEF,gBAAAsB,EAACK,GAAA,EAAwB,SAASd,GAAiB,UAAAZ,EAAA,CAAmB;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAG5E;AAEApB,EAAuB,kBAAkB;"}

package/dist/components/FileUploader/FileUploaderContext.cjs

@@ -0,0 +1,2 @@
+"use strict";"use client";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("react"),o={addToQueue:()=>new Map,clearQueue:()=>null,fileQueue:new Map,onDismiss:()=>new Map,findInQueue:()=>null,updateQueue:()=>new Map,errorMessages:{errorFileDuplicity:"",errorFileNotSupported:"",errorMaxFileSize:"",errorMaxUploadedFiles:""}},e=r.createContext(o),t=e.Provider;e.Consumer;const l=()=>r.useContext(e);exports.FileUploaderProvider=t;exports.useFileUploaderContext=l;
+//# sourceMappingURL=FileUploaderContext.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"FileUploaderContext.cjs","sources":["../../../src/components/FileUploader/FileUploaderContext.ts"],"sourcesContent":["'use client';\n\nimport { createContext, useContext } from 'react';\nimport { type FileUploaderErrorMessagesProps, type FileUploaderHandlingProps } from '../../types';\n\nexport interface FileUploaderContextProps extends FileUploaderHandlingProps, FileUploaderErrorMessagesProps {}\n\nconst defaultContext: FileUploaderContextProps = {\n  addToQueue: () => new Map(),\n  clearQueue: () => null,\n  fileQueue: new Map(),\n  onDismiss: () => new Map(),\n  findInQueue: () => null,\n  updateQueue: () => new Map(),\n  errorMessages: {\n    errorFileDuplicity: '',\n    errorFileNotSupported: '',\n    errorMaxFileSize: '',\n    errorMaxUploadedFiles: '',\n  },\n};\n\nconst FileUploaderContext = createContext<FileUploaderContextProps>(defaultContext);\nconst FileUploaderProvider = FileUploaderContext.Provider;\nconst FileUploaderConsumer = FileUploaderContext.Consumer;\nconst useFileUploaderContext = (): FileUploaderContextProps => useContext(FileUploaderContext);\n\nexport default FileUploaderContext;\nexport { FileUploaderProvider, FileUploaderConsumer, useFileUploaderContext };\n"],"names":["defaultContext","FileUploaderContext","createContext","FileUploaderProvider","useFileUploaderContext","useContext"],"mappings":"sHAOMA,EAA2C,CAC/C,WAAY,IAAM,IAAI,IACtB,WAAY,IAAM,KAClB,cAAe,IACf,UAAW,IAAM,IAAI,IACrB,YAAa,IAAM,KACnB,YAAa,IAAM,IAAI,IACvB,cAAe,CACb,mBAAoB,GACpB,sBAAuB,GACvB,iBAAkB,GAClB,sBAAuB,EAAA,CAE3B,EAEMC,EAAsBC,EAAAA,cAAwCF,CAAc,EAC5EG,EAAuBF,EAAoB,SACpBA,EAAoB,SACjD,MAAMG,EAAyB,IAAgCC,EAAAA,WAAWJ,CAAmB"}

package/dist/components/FileUploader/FileUploaderContext.d.ts

@@ -0,0 +1,9 @@
+import { FileUploaderErrorMessagesProps, FileUploaderHandlingProps } from '../../types';
+export interface FileUploaderContextProps extends FileUploaderHandlingProps, FileUploaderErrorMessagesProps {
+}
+declare const FileUploaderContext: React.Context<FileUploaderContextProps>;
+declare const FileUploaderProvider: React.Provider<FileUploaderContextProps>;
+declare const FileUploaderConsumer: React.Consumer<FileUploaderContextProps>;
+declare const useFileUploaderContext: () => FileUploaderContextProps;
+export default FileUploaderContext;
+export { FileUploaderProvider, FileUploaderConsumer, useFileUploaderContext };

package/dist/components/FileUploader/FileUploaderContext.js

@@ -0,0 +1,23 @@
+"use client";
+import { createContext as r, useContext as o } from "react";
+const t = {
+  addToQueue: () => /* @__PURE__ */ new Map(),
+  clearQueue: () => null,
+  fileQueue: /* @__PURE__ */ new Map(),
+  onDismiss: () => /* @__PURE__ */ new Map(),
+  findInQueue: () => null,
+  updateQueue: () => /* @__PURE__ */ new Map(),
+  errorMessages: {
+    errorFileDuplicity: "",
+    errorFileNotSupported: "",
+    errorMaxFileSize: "",
+    errorMaxUploadedFiles: ""
+  }
+}, e = r(t), l = e.Provider;
+e.Consumer;
+const n = () => o(e);
+export {
+  l as FileUploaderProvider,
+  n as useFileUploaderContext
+};
+//# sourceMappingURL=FileUploaderContext.js.map

package/dist/components/FileUploader/FileUploaderContext.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FileUploaderContext.js","sources":["../../../src/components/FileUploader/FileUploaderContext.ts"],"sourcesContent":["'use client';\n\nimport { createContext, useContext } from 'react';\nimport { type FileUploaderErrorMessagesProps, type FileUploaderHandlingProps } from '../../types';\n\nexport interface FileUploaderContextProps extends FileUploaderHandlingProps, FileUploaderErrorMessagesProps {}\n\nconst defaultContext: FileUploaderContextProps = {\n  addToQueue: () => new Map(),\n  clearQueue: () => null,\n  fileQueue: new Map(),\n  onDismiss: () => new Map(),\n  findInQueue: () => null,\n  updateQueue: () => new Map(),\n  errorMessages: {\n    errorFileDuplicity: '',\n    errorFileNotSupported: '',\n    errorMaxFileSize: '',\n    errorMaxUploadedFiles: '',\n  },\n};\n\nconst FileUploaderContext = createContext<FileUploaderContextProps>(defaultContext);\nconst FileUploaderProvider = FileUploaderContext.Provider;\nconst FileUploaderConsumer = FileUploaderContext.Consumer;\nconst useFileUploaderContext = (): FileUploaderContextProps => useContext(FileUploaderContext);\n\nexport default FileUploaderContext;\nexport { FileUploaderProvider, FileUploaderConsumer, useFileUploaderContext };\n"],"names":["defaultContext","FileUploaderContext","createContext","FileUploaderProvider","useFileUploaderContext","useContext"],"mappings":";;AAOA,MAAMA,IAA2C;AAAA,EAC/C,YAAY,MAAM,oBAAI,IAAA;AAAA,EACtB,YAAY,MAAM;AAAA,EAClB,+BAAe,IAAA;AAAA,EACf,WAAW,MAAM,oBAAI,IAAA;AAAA,EACrB,aAAa,MAAM;AAAA,EACnB,aAAa,MAAM,oBAAI,IAAA;AAAA,EACvB,eAAe;AAAA,IACb,oBAAoB;AAAA,IACpB,uBAAuB;AAAA,IACvB,kBAAkB;AAAA,IAClB,uBAAuB;AAAA,EAAA;AAE3B,GAEMC,IAAsBC,EAAwCF,CAAc,GAC5EG,IAAuBF,EAAoB;AACpBA,EAAoB;AACjD,MAAMG,IAAyB,MAAgCC,EAAWJ,CAAmB;"}

package/dist/components/FileUploader/FileUploaderInput.cjs

@@ -0,0 +1,2 @@
+"use strict";"use client";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("react/jsx-runtime"),Q=require("classnames"),x=require("react"),z=require("../../hooks/styleProps.cjs"),w=require("../../hooks/useAriaIdRefs.cjs"),G=require("../Field/HelperText.cjs"),D=require("../Field/Label.cjs"),J=require("../Field/ValidationText.cjs"),K=require("../Field/useValidationTextRole.cjs"),W=require("../Icon/Icon.cjs"),g=require("./constants.cjs"),X=require("./useFileUploaderInput.cjs"),Y=require("./useFileUploaderStyleProps.cjs"),v=b=>{const[i,F]=x.useState(!1),{accept:o,"aria-describedby":T="",dropZoneRef:f,hasValidationIcon:h,helperText:E,iconName:I="upload",id:t,inputRef:N,isDisabled:r,isLabelHidden:S,isMultiple:n,isRequired:_,label:q,labelText:U,linkText:y,maxFileSize:L=g.DEFAULT_FILE_SIZE_LIMIT,maxUploadedFiles:j=g.DEFAULT_FILE_QUEUE_LIMIT,name:A,onError:P,queueLimitBehavior:l="none",validationState:a,validationText:d,...u}=b,{isDisabledByQueueLimitBehavior:p,isDragging:R,isDropZoneHidden:B,onChange:M,onDragEnter:V,onDragLeave:Z,onDragOver:H,onDrop:O}=X.useFileUploaderInput({accept:o,isMultiple:n,maxFileSize:L,maxUploadedFiles:j,onError:P,queueLimitBehavior:l}),{classProps:s}=Y.useFileUploaderStyleProps({isDisabled:r,isDisabledByQueueLimitBehavior:p,isDragAndDropSupported:i,isDragging:R,isDropZoneHidden:B,isLabelHidden:S,isRequired:_,queueLimitBehavior:l,validationState:a}),{styleProps:c,props:$}=z.useStyleProps(u),[k,m]=w.useAriaDescribedBy(T),C=K.useValidationTextRole({validationState:a,validationText:d});return x.useEffect(()=>{F("draggable"in document.createElement("span"))},[]),e.jsxs("div",{...$,...c,onDragOver:!r&&i?H:void 0,onDragEnter:!r&&i?V:void 0,onDragLeave:!r&&i?Z:void 0,onDrop:!r&&i?O:void 0,className:Q(s.input.root,c.className),children:[e.jsx(D.default,{htmlFor:t,UNSAFE_className:s.input.label,children:q}),e.jsx("input",{...k,type:"file",accept:o,id:t,ref:N,name:A,className:s.input.input,onChange:M,multiple:n,disabled:r||p,...u}),e.jsxs("div",{ref:f,className:s.input.dropZone.root,children:[e.jsx(W.default,{name:I,"aria-hidden":"true"}),e.jsxs(D.default,{htmlFor:t,UNSAFE_className:s.input.dropZone.label,children:[e.jsx("span",{className:s.input.link,children:y})," ",e.jsx("span",{className:s.input.dropLabel,children:U})]}),e.jsx(G.default,{UNSAFE_className:s.input.helper,id:`${t}__helperText`,registerAria:m,helperText:E})]}),a&&e.jsx(J.default,{UNSAFE_className:s.input.validationText,elementType:"span",...h&&{hasValidationStateIcon:a},id:`${t}__validationText`,validationText:d,registerAria:m,role:C})]})};v.spiritComponent="FileUploaderInput";exports.default=v;
+//# sourceMappingURL=FileUploaderInput.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"FileUploaderInput.cjs","sources":["../../../src/components/FileUploader/FileUploaderInput.tsx"],"sourcesContent":["'use client';\n\nimport classNames from 'classnames';\nimport React, { useEffect, useState } from 'react';\nimport { useAriaDescribedBy, useStyleProps } from '../../hooks';\nimport { type SpiritFileUploaderInputProps } from '../../types';\nimport { HelperText, Label, ValidationText } from '../Field';\nimport { useValidationTextRole } from '../Field/useValidationTextRole';\nimport { Icon } from '../Icon';\nimport { DEFAULT_FILE_QUEUE_LIMIT, DEFAULT_FILE_SIZE_LIMIT } from './constants';\nimport { useFileUploaderInput } from './useFileUploaderInput';\nimport { useFileUploaderStyleProps } from './useFileUploaderStyleProps';\n\nconst FileUploaderInput = (props: SpiritFileUploaderInputProps) => {\n  const [isDragAndDropSupported, setIsDragAndDropSupported] = useState(false);\n  const {\n    accept,\n    'aria-describedby': ariaDescribedBy = '',\n    dropZoneRef,\n    hasValidationIcon,\n    helperText,\n    iconName = 'upload',\n    id,\n    inputRef,\n    isDisabled,\n    isLabelHidden,\n    isMultiple,\n    isRequired,\n    label,\n    labelText,\n    linkText,\n    maxFileSize = DEFAULT_FILE_SIZE_LIMIT,\n    maxUploadedFiles = DEFAULT_FILE_QUEUE_LIMIT,\n    name,\n    onError,\n    queueLimitBehavior = 'none',\n    validationState,\n    validationText,\n    ...restProps\n  } = props;\n  const {\n    isDisabledByQueueLimitBehavior,\n    isDragging,\n    isDropZoneHidden,\n    onChange,\n    onDragEnter,\n    onDragLeave,\n    onDragOver,\n    onDrop,\n  } = useFileUploaderInput({\n    accept,\n    isMultiple,\n    maxFileSize,\n    maxUploadedFiles,\n    onError,\n    queueLimitBehavior,\n  });\n  const { classProps } = useFileUploaderStyleProps({\n    hasValidationIcon,\n    isDisabled,\n    isDisabledByQueueLimitBehavior,\n    isDragAndDropSupported,\n    isDragging,\n    isDropZoneHidden,\n    isLabelHidden,\n    isRequired,\n    queueLimitBehavior,\n    validationState,\n  });\n  const { styleProps, props: transferProps } = useStyleProps(restProps);\n  const [ariaDescribedByProp, register] = useAriaDescribedBy(ariaDescribedBy);\n  const validationTextRole = useValidationTextRole({\n    validationState,\n    validationText,\n  });\n\n  useEffect(() => {\n    setIsDragAndDropSupported('draggable' in document.createElement('span'));\n  }, []);\n\n  return (\n    <div\n      {...transferProps}\n      {...styleProps}\n      onDragOver={!isDisabled && isDragAndDropSupported ? onDragOver : undefined}\n      onDragEnter={!isDisabled && isDragAndDropSupported ? onDragEnter : undefined}\n      onDragLeave={!isDisabled && isDragAndDropSupported ? onDragLeave : undefined}\n      onDrop={!isDisabled && isDragAndDropSupported ? onDrop : undefined}\n      className={classNames(classProps.input.root, styleProps.className)}\n    >\n      <Label htmlFor={id} UNSAFE_className={classProps.input.label}>\n        {label}\n      </Label>\n      <input\n        {...ariaDescribedByProp}\n        type=\"file\"\n        accept={accept}\n        id={id}\n        ref={inputRef}\n        name={name}\n        className={classProps.input.input}\n        onChange={onChange}\n        multiple={isMultiple}\n        disabled={isDisabled || isDisabledByQueueLimitBehavior}\n        {...restProps}\n      />\n      <div ref={dropZoneRef} className={classProps.input.dropZone.root}>\n        <Icon name={iconName} aria-hidden=\"true\" />\n        <Label htmlFor={id} UNSAFE_className={classProps.input.dropZone.label}>\n          <span className={classProps.input.link}>{linkText}</span>\n          &nbsp;\n          <span className={classProps.input.dropLabel}>{labelText}</span>\n        </Label>\n        <HelperText\n          UNSAFE_className={classProps.input.helper}\n          id={`${id}__helperText`}\n          registerAria={register}\n          helperText={helperText}\n        />\n      </div>\n      {validationState && (\n        <ValidationText\n          UNSAFE_className={classProps.input.validationText}\n          elementType=\"span\"\n          {...(hasValidationIcon && { hasValidationStateIcon: validationState })}\n          id={`${id}__validationText`}\n          validationText={validationText}\n          registerAria={register}\n          role={validationTextRole}\n        />\n      )}\n    </div>\n  );\n};\n\nFileUploaderInput.spiritComponent = 'FileUploaderInput';\n\nexport default FileUploaderInput;\n"],"names":["FileUploaderInput","props","isDragAndDropSupported","setIsDragAndDropSupported","useState","accept","ariaDescribedBy","dropZoneRef","hasValidationIcon","helperText","iconName","id","inputRef","isDisabled","isLabelHidden","isMultiple","isRequired","label","labelText","linkText","maxFileSize","DEFAULT_FILE_SIZE_LIMIT","maxUploadedFiles","DEFAULT_FILE_QUEUE_LIMIT","name","onError","queueLimitBehavior","validationState","validationText","restProps","isDisabledByQueueLimitBehavior","isDragging","isDropZoneHidden","onChange","onDragEnter","onDragLeave","onDragOver","onDrop","useFileUploaderInput","classProps","useFileUploaderStyleProps","styleProps","transferProps","useStyleProps","ariaDescribedByProp","register","useAriaDescribedBy","validationTextRole","useValidationTextRole","useEffect","jsxs","classNames","jsx","Label","Icon","HelperText","ValidationText"],"mappings":"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"}

package/dist/components/FileUploader/FileUploaderInput.d.ts

@@ -0,0 +1,7 @@
+import { default as React } from 'react';
+import { SpiritFileUploaderInputProps } from '../../types';
+declare const FileUploaderInput: {
+    (props: SpiritFileUploaderInputProps): React.JSX.Element;
+    spiritComponent: string;
+};
+export default FileUploaderInput;

package/dist/components/FileUploader/FileUploaderInput.js

@@ -0,0 +1,137 @@
+"use client";
+import { jsxs as s, jsx as r } from "react/jsx-runtime";
+import O from "classnames";
+import { useState as Q, useEffect as $ } from "react";
+import { useStyleProps as z } from "../../hooks/styleProps.js";
+import { useAriaDescribedBy as w } from "../../hooks/useAriaIdRefs.js";
+import G from "../Field/HelperText.js";
+import D from "../Field/Label.js";
+import J from "../Field/ValidationText.js";
+import { useValidationTextRole as K } from "../Field/useValidationTextRole.js";
+import W from "../Icon/Icon.js";
+import { DEFAULT_FILE_SIZE_LIMIT as X, DEFAULT_FILE_QUEUE_LIMIT as Y } from "./constants.js";
+import { useFileUploaderInput as ee } from "./useFileUploaderInput.js";
+import { useFileUploaderStyleProps as re } from "./useFileUploaderStyleProps.js";
+const ie = (g) => {
+  const [o, h] = Q(!1), {
+    accept: n,
+    "aria-describedby": v = "",
+    dropZoneRef: b,
+    hasValidationIcon: x,
+    helperText: E,
+    iconName: F = "upload",
+    id: a,
+    inputRef: N,
+    isDisabled: i,
+    isLabelHidden: T,
+    isMultiple: l,
+    isRequired: I,
+    label: _,
+    labelText: L,
+    linkText: S,
+    maxFileSize: U = X,
+    maxUploadedFiles: A = Y,
+    name: y,
+    onError: P,
+    queueLimitBehavior: p = "none",
+    validationState: t,
+    validationText: d,
+    ...m
+  } = g, {
+    isDisabledByQueueLimitBehavior: c,
+    isDragging: B,
+    isDropZoneHidden: R,
+    onChange: Z,
+    onDragEnter: V,
+    onDragLeave: H,
+    onDragOver: M,
+    onDrop: j
+  } = ee({
+    accept: n,
+    isMultiple: l,
+    maxFileSize: U,
+    maxUploadedFiles: A,
+    onError: P,
+    queueLimitBehavior: p
+  }), { classProps: e } = re({
+    isDisabled: i,
+    isDisabledByQueueLimitBehavior: c,
+    isDragAndDropSupported: o,
+    isDragging: B,
+    isDropZoneHidden: R,
+    isLabelHidden: T,
+    isRequired: I,
+    queueLimitBehavior: p,
+    validationState: t
+  }), { styleProps: u, props: k } = z(m), [q, f] = w(v), C = K({
+    validationState: t,
+    validationText: d
+  });
+  return $(() => {
+    h("draggable" in document.createElement("span"));
+  }, []), /* @__PURE__ */ s(
+    "div",
+    {
+      ...k,
+      ...u,
+      onDragOver: !i && o ? M : void 0,
+      onDragEnter: !i && o ? V : void 0,
+      onDragLeave: !i && o ? H : void 0,
+      onDrop: !i && o ? j : void 0,
+      className: O(e.input.root, u.className),
+      children: [
+        /* @__PURE__ */ r(D, { htmlFor: a, UNSAFE_className: e.input.label, children: _ }),
+        /* @__PURE__ */ r(
+          "input",
+          {
+            ...q,
+            type: "file",
+            accept: n,
+            id: a,
+            ref: N,
+            name: y,
+            className: e.input.input,
+            onChange: Z,
+            multiple: l,
+            disabled: i || c,
+            ...m
+          }
+        ),
+        /* @__PURE__ */ s("div", { ref: b, className: e.input.dropZone.root, children: [
+          /* @__PURE__ */ r(W, { name: F, "aria-hidden": "true" }),
+          /* @__PURE__ */ s(D, { htmlFor: a, UNSAFE_className: e.input.dropZone.label, children: [
+            /* @__PURE__ */ r("span", { className: e.input.link, children: S }),
+            " ",
+            /* @__PURE__ */ r("span", { className: e.input.dropLabel, children: L })
+          ] }),
+          /* @__PURE__ */ r(
+            G,
+            {
+              UNSAFE_className: e.input.helper,
+              id: `${a}__helperText`,
+              registerAria: f,
+              helperText: E
+            }
+          )
+        ] }),
+        t && /* @__PURE__ */ r(
+          J,
+          {
+            UNSAFE_className: e.input.validationText,
+            elementType: "span",
+            ...x && { hasValidationStateIcon: t },
+            id: `${a}__validationText`,
+            validationText: d,
+            registerAria: f,
+            role: C
+          }
+        )
+      ]
+    }
+  );
+};
+ie.spiritComponent = "FileUploaderInput";
+export {
+  ie as default
+};
+//# sourceMappingURL=FileUploaderInput.js.map

package/dist/components/FileUploader/FileUploaderInput.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FileUploaderInput.js","sources":["../../../src/components/FileUploader/FileUploaderInput.tsx"],"sourcesContent":["'use client';\n\nimport classNames from 'classnames';\nimport React, { useEffect, useState } from 'react';\nimport { useAriaDescribedBy, useStyleProps } from '../../hooks';\nimport { type SpiritFileUploaderInputProps } from '../../types';\nimport { HelperText, Label, ValidationText } from '../Field';\nimport { useValidationTextRole } from '../Field/useValidationTextRole';\nimport { Icon } from '../Icon';\nimport { DEFAULT_FILE_QUEUE_LIMIT, DEFAULT_FILE_SIZE_LIMIT } from './constants';\nimport { useFileUploaderInput } from './useFileUploaderInput';\nimport { useFileUploaderStyleProps } from './useFileUploaderStyleProps';\n\nconst FileUploaderInput = (props: SpiritFileUploaderInputProps) => {\n  const [isDragAndDropSupported, setIsDragAndDropSupported] = useState(false);\n  const {\n    accept,\n    'aria-describedby': ariaDescribedBy = '',\n    dropZoneRef,\n    hasValidationIcon,\n    helperText,\n    iconName = 'upload',\n    id,\n    inputRef,\n    isDisabled,\n    isLabelHidden,\n    isMultiple,\n    isRequired,\n    label,\n    labelText,\n    linkText,\n    maxFileSize = DEFAULT_FILE_SIZE_LIMIT,\n    maxUploadedFiles = DEFAULT_FILE_QUEUE_LIMIT,\n    name,\n    onError,\n    queueLimitBehavior = 'none',\n    validationState,\n    validationText,\n    ...restProps\n  } = props;\n  const {\n    isDisabledByQueueLimitBehavior,\n    isDragging,\n    isDropZoneHidden,\n    onChange,\n    onDragEnter,\n    onDragLeave,\n    onDragOver,\n    onDrop,\n  } = useFileUploaderInput({\n    accept,\n    isMultiple,\n    maxFileSize,\n    maxUploadedFiles,\n    onError,\n    queueLimitBehavior,\n  });\n  const { classProps } = useFileUploaderStyleProps({\n    hasValidationIcon,\n    isDisabled,\n    isDisabledByQueueLimitBehavior,\n    isDragAndDropSupported,\n    isDragging,\n    isDropZoneHidden,\n    isLabelHidden,\n    isRequired,\n    queueLimitBehavior,\n    validationState,\n  });\n  const { styleProps, props: transferProps } = useStyleProps(restProps);\n  const [ariaDescribedByProp, register] = useAriaDescribedBy(ariaDescribedBy);\n  const validationTextRole = useValidationTextRole({\n    validationState,\n    validationText,\n  });\n\n  useEffect(() => {\n    setIsDragAndDropSupported('draggable' in document.createElement('span'));\n  }, []);\n\n  return (\n    <div\n      {...transferProps}\n      {...styleProps}\n      onDragOver={!isDisabled && isDragAndDropSupported ? onDragOver : undefined}\n      onDragEnter={!isDisabled && isDragAndDropSupported ? onDragEnter : undefined}\n      onDragLeave={!isDisabled && isDragAndDropSupported ? onDragLeave : undefined}\n      onDrop={!isDisabled && isDragAndDropSupported ? onDrop : undefined}\n      className={classNames(classProps.input.root, styleProps.className)}\n    >\n      <Label htmlFor={id} UNSAFE_className={classProps.input.label}>\n        {label}\n      </Label>\n      <input\n        {...ariaDescribedByProp}\n        type=\"file\"\n        accept={accept}\n        id={id}\n        ref={inputRef}\n        name={name}\n        className={classProps.input.input}\n        onChange={onChange}\n        multiple={isMultiple}\n        disabled={isDisabled || isDisabledByQueueLimitBehavior}\n        {...restProps}\n      />\n      <div ref={dropZoneRef} className={classProps.input.dropZone.root}>\n        <Icon name={iconName} aria-hidden=\"true\" />\n        <Label htmlFor={id} UNSAFE_className={classProps.input.dropZone.label}>\n          <span className={classProps.input.link}>{linkText}</span>\n          &nbsp;\n          <span className={classProps.input.dropLabel}>{labelText}</span>\n        </Label>\n        <HelperText\n          UNSAFE_className={classProps.input.helper}\n          id={`${id}__helperText`}\n          registerAria={register}\n          helperText={helperText}\n        />\n      </div>\n      {validationState && (\n        <ValidationText\n          UNSAFE_className={classProps.input.validationText}\n          elementType=\"span\"\n          {...(hasValidationIcon && { hasValidationStateIcon: validationState })}\n          id={`${id}__validationText`}\n          validationText={validationText}\n          registerAria={register}\n          role={validationTextRole}\n        />\n      )}\n    </div>\n  );\n};\n\nFileUploaderInput.spiritComponent = 'FileUploaderInput';\n\nexport default FileUploaderInput;\n"],"names":["FileUploaderInput","props","isDragAndDropSupported","setIsDragAndDropSupported","useState","accept","ariaDescribedBy","dropZoneRef","hasValidationIcon","helperText","iconName","id","inputRef","isDisabled","isLabelHidden","isMultiple","isRequired","label","labelText","linkText","maxFileSize","DEFAULT_FILE_SIZE_LIMIT","maxUploadedFiles","DEFAULT_FILE_QUEUE_LIMIT","name","onError","queueLimitBehavior","validationState","validationText","restProps","isDisabledByQueueLimitBehavior","isDragging","isDropZoneHidden","onChange","onDragEnter","onDragLeave","onDragOver","onDrop","useFileUploaderInput","classProps","useFileUploaderStyleProps","styleProps","transferProps","useStyleProps","ariaDescribedByProp","register","useAriaDescribedBy","validationTextRole","useValidationTextRole","useEffect","jsxs","classNames","jsx","Label","Icon","HelperText","ValidationText"],"mappings":"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"}

package/dist/components/FileUploader/FileUploaderList.cjs

@@ -0,0 +1,2 @@
+"use strict";"use client";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const s=require("react/jsx-runtime"),F=require("classnames"),U=require("react"),x=require("../../hooks/styleProps.cjs"),j=require("../../hooks/useI18n.cjs"),S=require("./FileUploaderContext.cjs"),g=require("./useFileUploaderStyleProps.cjs"),u=p=>{const{t:m}=j.useI18n(),{label:d,id:r,attachmentComponent:t,inputName:l,hasImagePreview:o,...P}=p,h=d??m("fileUploader.attachments"),{classProps:y}=g.useFileUploaderStyleProps(),{styleProps:a,props:f}=x.useStyleProps(P),{fileQueue:n,onDismiss:i}=S.useFileUploaderContext(),b=U.useMemo(()=>Array.from(n,e=>({key:e[0],file:e[1].file,meta:e[1].meta})).map(({key:e,file:c,meta:q})=>t&&t({id:e,label:c.name,name:l,file:c,meta:q,onDismiss:i,hasImagePreview:o})),[t,n,l,i,o]);return s.jsxs(s.Fragment,{children:[s.jsx("h3",{id:r,hidden:!0,children:h}),s.jsx("ul",{"aria-labelledby":r,...f,...a,className:F(y.list,a.className),children:b})]})};u.spiritComponent="FileUploaderList";exports.default=u;
+//# sourceMappingURL=FileUploaderList.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"FileUploaderList.cjs","sources":["../../../src/components/FileUploader/FileUploaderList.tsx"],"sourcesContent":["'use client';\n\nimport classNames from 'classnames';\nimport React, { useMemo } from 'react';\nimport { useI18n, useStyleProps } from '../../hooks';\nimport { type SpiritFileUploaderListProps } from '../../types';\nimport { useFileUploaderContext } from './FileUploaderContext';\nimport { useFileUploaderStyleProps } from './useFileUploaderStyleProps';\n\nconst FileUploaderList = (props: SpiritFileUploaderListProps) => {\n  const { t } = useI18n();\n  const { label, id, attachmentComponent, inputName, hasImagePreview, ...restProps } = props;\n  const attachmentsLabel = label ?? t('fileUploader.attachments');\n\n  const { classProps } = useFileUploaderStyleProps();\n  const { styleProps, props: transferProps } = useStyleProps(restProps);\n  const { fileQueue, onDismiss } = useFileUploaderContext();\n\n  const renderAttachments = useMemo(() => {\n    const fileArray = Array.from(fileQueue, (entry) => ({ key: entry[0], file: entry[1].file, meta: entry[1].meta }));\n\n    return fileArray.map(\n      ({ key, file, meta }) =>\n        attachmentComponent &&\n        attachmentComponent({\n          id: key,\n          label: file.name,\n          name: inputName,\n          file,\n          meta,\n          onDismiss,\n          hasImagePreview,\n        }),\n    );\n  }, [attachmentComponent, fileQueue, inputName, onDismiss, hasImagePreview]);\n\n  return (\n    <>\n      <h3 id={id} hidden>\n        {attachmentsLabel}\n      </h3>\n      <ul\n        aria-labelledby={id}\n        {...transferProps}\n        {...styleProps}\n        className={classNames(classProps.list, styleProps.className)}\n      >\n        {renderAttachments}\n      </ul>\n    </>\n  );\n};\n\nFileUploaderList.spiritComponent = 'FileUploaderList';\n\nexport default FileUploaderList;\n"],"names":["FileUploaderList","props","t","useI18n","label","id","attachmentComponent","inputName","hasImagePreview","restProps","attachmentsLabel","classProps","useFileUploaderStyleProps","styleProps","transferProps","useStyleProps","fileQueue","onDismiss","useFileUploaderContext","renderAttachments","useMemo","entry","key","file","meta","jsxs","Fragment","jsx","classNames"],"mappings":"0WASMA,EAAoBC,GAAuC,CAC/D,KAAM,CAAE,EAAAC,CAAA,EAAMC,UAAA,EACR,CAAE,MAAAC,EAAO,GAAAC,EAAI,oBAAAC,EAAqB,UAAAC,EAAW,gBAAAC,EAAiB,GAAGC,GAAcR,EAC/ES,EAAmBN,GAASF,EAAE,0BAA0B,EAExD,CAAE,WAAAS,CAAA,EAAeC,4BAAA,EACjB,CAAA,WAAEC,EAAY,MAAOC,CAAA,EAAkBC,EAAAA,cAAcN,CAAS,EAC9D,CAAE,UAAAO,EAAW,UAAAC,CAAA,EAAcC,yBAAA,EAE3BC,EAAoBC,EAAAA,QAAQ,IACd,MAAM,KAAKJ,EAAYK,IAAW,CAAE,IAAKA,EAAM,CAAC,EAAG,KAAMA,EAAM,CAAC,EAAE,KAAM,KAAMA,EAAM,CAAC,EAAE,IAAA,EAAO,EAE/F,IACf,CAAC,CAAE,IAAAC,EAAK,KAAAC,EAAM,KAAAC,CAAA,IACZlB,GACAA,EAAoB,CAClB,GAAIgB,EACJ,MAAOC,EAAK,KACZ,KAAMhB,EACN,KAAAgB,EACA,KAAAC,EACA,UAAAP,EACA,gBAAAT,CAAA,CACD,CAAA,EAEJ,CAACF,EAAqBU,EAAWT,EAAWU,EAAWT,CAAe,CAAC,EAE1E,OACEiB,EAAAA,KAAAC,WAAA,CACE,SAAA,CAAAC,EAAAA,IAAC,KAAA,CAAG,GAAAtB,EAAQ,OAAM,GACf,SAAAK,EACH,EACAiB,EAAAA,IAAC,KAAA,CACC,kBAAiBtB,EAChB,GAAGS,EACH,GAAGD,EACJ,UAAWe,EAAWjB,EAAW,KAAME,EAAW,SAAS,EAE1D,SAAAM,CAAA,CAAA,CACH,EACF,CAEJ,EAEAnB,EAAiB,gBAAkB"}

package/dist/components/FileUploader/FileUploaderList.d.ts

@@ -0,0 +1,7 @@
+import { default as React } from 'react';
+import { SpiritFileUploaderListProps } from '../../types';
+declare const FileUploaderList: {
+    (props: SpiritFileUploaderListProps): React.JSX.Element;
+    spiritComponent: string;
+};
+export default FileUploaderList;

package/dist/components/FileUploader/FileUploaderList.js

@@ -0,0 +1,39 @@
+"use client";
+import { jsxs as F, Fragment as U, jsx as n } from "react/jsx-runtime";
+import x from "classnames";
+import { useMemo as A } from "react";
+import { useStyleProps as N } from "../../hooks/styleProps.js";
+import { useI18n as C } from "../../hooks/useI18n.js";
+import { useFileUploaderContext as L } from "./FileUploaderContext.js";
+import { useFileUploaderStyleProps as g } from "./useFileUploaderStyleProps.js";
+const j = (p) => {
+  const { t: c } = C(), { label: d, id: s, attachmentComponent: t, inputName: r, hasImagePreview: o, ...f } = p, u = d ?? c("fileUploader.attachments"), { classProps: h } = g(), { styleProps: a, props: P } = N(f), { fileQueue: l, onDismiss: i } = L(), y = A(() => Array.from(l, (e) => ({ key: e[0], file: e[1].file, meta: e[1].meta })).map(
+    ({ key: e, file: m, meta: b }) => t && t({
+      id: e,
+      label: m.name,
+      name: r,
+      file: m,
+      meta: b,
+      onDismiss: i,
+      hasImagePreview: o
+    })
+  ), [t, l, r, i, o]);
+  return /* @__PURE__ */ F(U, { children: [
+    /* @__PURE__ */ n("h3", { id: s, hidden: !0, children: u }),
+    /* @__PURE__ */ n(
+      "ul",
+      {
+        "aria-labelledby": s,
+        ...P,
+        ...a,
+        className: x(h.list, a.className),
+        children: y
+      }
+    )
+  ] });
+};
+j.spiritComponent = "FileUploaderList";
+export {
+  j as default
+};
+//# sourceMappingURL=FileUploaderList.js.map

package/dist/components/FileUploader/FileUploaderList.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FileUploaderList.js","sources":["../../../src/components/FileUploader/FileUploaderList.tsx"],"sourcesContent":["'use client';\n\nimport classNames from 'classnames';\nimport React, { useMemo } from 'react';\nimport { useI18n, useStyleProps } from '../../hooks';\nimport { type SpiritFileUploaderListProps } from '../../types';\nimport { useFileUploaderContext } from './FileUploaderContext';\nimport { useFileUploaderStyleProps } from './useFileUploaderStyleProps';\n\nconst FileUploaderList = (props: SpiritFileUploaderListProps) => {\n  const { t } = useI18n();\n  const { label, id, attachmentComponent, inputName, hasImagePreview, ...restProps } = props;\n  const attachmentsLabel = label ?? t('fileUploader.attachments');\n\n  const { classProps } = useFileUploaderStyleProps();\n  const { styleProps, props: transferProps } = useStyleProps(restProps);\n  const { fileQueue, onDismiss } = useFileUploaderContext();\n\n  const renderAttachments = useMemo(() => {\n    const fileArray = Array.from(fileQueue, (entry) => ({ key: entry[0], file: entry[1].file, meta: entry[1].meta }));\n\n    return fileArray.map(\n      ({ key, file, meta }) =>\n        attachmentComponent &&\n        attachmentComponent({\n          id: key,\n          label: file.name,\n          name: inputName,\n          file,\n          meta,\n          onDismiss,\n          hasImagePreview,\n        }),\n    );\n  }, [attachmentComponent, fileQueue, inputName, onDismiss, hasImagePreview]);\n\n  return (\n    <>\n      <h3 id={id} hidden>\n        {attachmentsLabel}\n      </h3>\n      <ul\n        aria-labelledby={id}\n        {...transferProps}\n        {...styleProps}\n        className={classNames(classProps.list, styleProps.className)}\n      >\n        {renderAttachments}\n      </ul>\n    </>\n  );\n};\n\nFileUploaderList.spiritComponent = 'FileUploaderList';\n\nexport default FileUploaderList;\n"],"names":["FileUploaderList","props","t","useI18n","label","id","attachmentComponent","inputName","hasImagePreview","restProps","attachmentsLabel","classProps","useFileUploaderStyleProps","styleProps","transferProps","useStyleProps","fileQueue","onDismiss","useFileUploaderContext","renderAttachments","useMemo","entry","key","file","meta","jsxs","Fragment","jsx","classNames"],"mappings":";;;;;;;;AASA,MAAMA,IAAmB,CAACC,MAAuC;AAC/D,QAAM,EAAE,GAAAC,EAAA,IAAMC,EAAA,GACR,EAAE,OAAAC,GAAO,IAAAC,GAAI,qBAAAC,GAAqB,WAAAC,GAAW,iBAAAC,GAAiB,GAAGC,MAAcR,GAC/ES,IAAmBN,KAASF,EAAE,0BAA0B,GAExD,EAAE,YAAAS,EAAA,IAAeC,EAAA,GACjB,EAAE,YAAAC,GAAY,OAAOC,EAAA,IAAkBC,EAAcN,CAAS,GAC9D,EAAE,WAAAO,GAAW,WAAAC,EAAA,IAAcC,EAAA,GAE3BC,IAAoBC,EAAQ,MACd,MAAM,KAAKJ,GAAW,CAACK,OAAW,EAAE,KAAKA,EAAM,CAAC,GAAG,MAAMA,EAAM,CAAC,EAAE,MAAM,MAAMA,EAAM,CAAC,EAAE,KAAA,EAAO,EAE/F;AAAA,IACf,CAAC,EAAE,KAAAC,GAAK,MAAAC,GAAM,MAAAC,EAAA,MACZlB,KACAA,EAAoB;AAAA,MAClB,IAAIgB;AAAA,MACJ,OAAOC,EAAK;AAAA,MACZ,MAAMhB;AAAA,MACN,MAAAgB;AAAA,MACA,MAAAC;AAAA,MACA,WAAAP;AAAA,MACA,iBAAAT;AAAA,IAAA,CACD;AAAA,EAAA,GAEJ,CAACF,GAAqBU,GAAWT,GAAWU,GAAWT,CAAe,CAAC;AAE1E,SACE,gBAAAiB,EAAAC,GAAA,EACE,UAAA;AAAA,IAAA,gBAAAC,EAAC,MAAA,EAAG,IAAAtB,GAAQ,QAAM,IACf,UAAAK,GACH;AAAA,IACA,gBAAAiB;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,mBAAiBtB;AAAA,QAChB,GAAGS;AAAA,QACH,GAAGD;AAAA,QACJ,WAAWe,EAAWjB,EAAW,MAAME,EAAW,SAAS;AAAA,QAE1D,UAAAM;AAAA,MAAA;AAAA,IAAA;AAAA,EACH,GACF;AAEJ;AAEAnB,EAAiB,kBAAkB;"}

package/dist/components/FileUploader/UncontrolledFileUploader.cjs

@@ -0,0 +1,2 @@
+"use strict";"use client";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const i=require("react/jsx-runtime"),D=require("react"),N=require("./FileUploader.cjs"),_=require("./FileUploaderInput.cjs"),k=require("./FileUploaderList.cjs"),y=require("./useFileQueue.cjs"),l=r=>{const{attachmentComponent:s,maxFileSize:n,maxUploadedFiles:o,helperText:a,iconName:d,inputId:p,inputLabel:c,inputName:t,inputProps:m,isLabelHidden:f,isDisabled:x,isFluid:F,queueLimitBehavior:q,isMultiple:U,isRequired:b,labelText:Q,linkText:T,listId:h,listProps:j,onInputError:v,onChange:u,errorMessages:I,validationState:g,validationText:L,...M}=r,{fileQueue:e,addToQueue:P,clearQueue:S,onDismiss:C,findInQueue:E,updateQueue:R}=y.useFileQueue();return D.useEffect(()=>{u&&u(e)},[e]),i.jsxs(N.default,{fileQueue:e,onDismiss:C,addToQueue:P,clearQueue:S,findInQueue:E,updateQueue:R,errorMessages:I,isFluid:F,...M,children:[i.jsx(_.default,{maxFileSize:n,maxUploadedFiles:o,helperText:a,iconName:d,id:p,isLabelHidden:f,isDisabled:x,queueLimitBehavior:q,isMultiple:U,isRequired:b,label:c,labelText:Q,linkText:T,name:t,onError:v,validationState:g,validationText:L,...m}),i.jsx(k.default,{id:h,inputName:t,attachmentComponent:s,...j})]})};l.spiritComponent="UncontrolledFileUploader";exports.default=l;
+//# sourceMappingURL=UncontrolledFileUploader.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"UncontrolledFileUploader.cjs","sources":["../../../src/components/FileUploader/UncontrolledFileUploader.tsx"],"sourcesContent":["'use client';\n\nimport React, { useEffect } from 'react';\nimport { type SpiritUncontrolledFileUploaderProps } from '../../types';\nimport FileUploader from './FileUploader';\nimport FileUploaderInput from './FileUploaderInput';\nimport FileUploaderList from './FileUploaderList';\nimport { useFileQueue } from './useFileQueue';\n\nconst UncontrolledFileUploader = (props: SpiritUncontrolledFileUploaderProps) => {\n  const {\n    attachmentComponent,\n    maxFileSize,\n    maxUploadedFiles,\n    helperText,\n    iconName,\n    inputId,\n    inputLabel,\n    inputName,\n    inputProps,\n    isLabelHidden,\n    isDisabled,\n    isFluid,\n    queueLimitBehavior,\n    isMultiple,\n    isRequired,\n    labelText,\n    linkText,\n    listId,\n    listProps,\n    onInputError,\n    onChange,\n    errorMessages,\n    validationState,\n    validationText,\n    ...restProps\n  } = props;\n\n  const { fileQueue, addToQueue, clearQueue, onDismiss, findInQueue, updateQueue } = useFileQueue();\n\n  useEffect(() => {\n    if (onChange) {\n      onChange(fileQueue);\n    }\n    // We only want a dependency for fileQueue\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [fileQueue]);\n\n  return (\n    <FileUploader\n      fileQueue={fileQueue}\n      onDismiss={onDismiss}\n      addToQueue={addToQueue}\n      clearQueue={clearQueue}\n      findInQueue={findInQueue}\n      updateQueue={updateQueue}\n      errorMessages={errorMessages}\n      isFluid={isFluid}\n      {...restProps}\n    >\n      <FileUploaderInput\n        maxFileSize={maxFileSize}\n        maxUploadedFiles={maxUploadedFiles}\n        helperText={helperText}\n        iconName={iconName}\n        id={inputId}\n        isLabelHidden={isLabelHidden}\n        isDisabled={isDisabled}\n        queueLimitBehavior={queueLimitBehavior}\n        isMultiple={isMultiple}\n        isRequired={isRequired}\n        label={inputLabel}\n        labelText={labelText}\n        linkText={linkText}\n        name={inputName}\n        onError={onInputError}\n        validationState={validationState}\n        validationText={validationText}\n        {...inputProps}\n      />\n      <FileUploaderList id={listId} inputName={inputName} attachmentComponent={attachmentComponent} {...listProps} />\n    </FileUploader>\n  );\n};\n\nUncontrolledFileUploader.spiritComponent = 'UncontrolledFileUploader';\n\nexport default UncontrolledFileUploader;\n"],"names":["UncontrolledFileUploader","props","attachmentComponent","maxFileSize","maxUploadedFiles","helperText","iconName","inputId","inputLabel","inputName","inputProps","isLabelHidden","isDisabled","isFluid","queueLimitBehavior","isMultiple","isRequired","labelText","linkText","listId","listProps","onInputError","onChange","errorMessages","validationState","validationText","restProps","fileQueue","addToQueue","clearQueue","onDismiss","findInQueue","updateQueue","useFileQueue","useEffect","jsxs","FileUploader","jsx","FileUploaderInput","FileUploaderList"],"mappings":"0TASMA,EAA4BC,GAA+C,CAC/E,KAAM,CACJ,oBAAAC,EACA,YAAAC,EACA,iBAAAC,EACA,WAAAC,EACA,SAAAC,EACA,QAAAC,EACA,WAAAC,EACA,UAAAC,EACA,WAAAC,EACA,cAAAC,EACA,WAAAC,EACA,QAAAC,EACA,mBAAAC,EACA,WAAAC,EACA,WAAAC,EACA,UAAAC,EACA,SAAAC,EACA,OAAAC,EACA,UAAAC,EACA,aAAAC,EACA,SAAAC,EACA,cAAAC,EACA,gBAAAC,EACA,eAAAC,EACA,GAAGC,CAAA,EACDzB,EAEE,CAAE,UAAA0B,EAAW,WAAAC,EAAY,WAAAC,EAAY,UAAAC,EAAW,YAAAC,EAAa,YAAAC,CAAA,EAAgBC,eAAA,EAEnFC,OAAAA,EAAAA,UAAU,IAAM,CACVZ,GACFA,EAASK,CAAS,CAItB,EAAG,CAACA,CAAS,CAAC,EAGZQ,EAAAA,KAACC,EAAAA,QAAA,CACC,UAAAT,EACA,UAAAG,EACA,WAAAF,EACA,WAAAC,EACA,YAAAE,EACA,YAAAC,EACA,cAAAT,EACA,QAAAV,EACC,GAAGa,EAEJ,SAAA,CAAAW,EAAAA,IAACC,EAAAA,QAAA,CACC,YAAAnC,EACA,iBAAAC,EACA,WAAAC,EACA,SAAAC,EACA,GAAIC,EACJ,cAAAI,EACA,WAAAC,EACA,mBAAAE,EACA,WAAAC,EACA,WAAAC,EACA,MAAOR,EACP,UAAAS,EACA,SAAAC,EACA,KAAMT,EACN,QAASY,EACT,gBAAAG,EACA,eAAAC,EACC,GAAGf,CAAA,CAAA,QAEL6B,EAAAA,QAAA,CAAiB,GAAIpB,EAAQ,UAAAV,EAAsB,oBAAAP,EAA2C,GAAGkB,CAAA,CAAW,CAAA,CAAA,CAAA,CAGnH,EAEApB,EAAyB,gBAAkB"}

package/dist/components/FileUploader/UncontrolledFileUploader.d.ts

@@ -0,0 +1,7 @@
+import { default as React } from 'react';
+import { SpiritUncontrolledFileUploaderProps } from '../../types';
+declare const UncontrolledFileUploader: {
+    (props: SpiritUncontrolledFileUploaderProps): React.JSX.Element;
+    spiritComponent: string;
+};
+export default UncontrolledFileUploader;

package/dist/components/FileUploader/UncontrolledFileUploader.js

@@ -0,0 +1,83 @@
+"use client";
+import { jsxs as N, jsx as t } from "react/jsx-runtime";
+import { useEffect as S } from "react";
+import k from "./FileUploader.js";
+import z from "./FileUploaderInput.js";
+import B from "./FileUploaderList.js";
+import { useFileQueue as H } from "./useFileQueue.js";
+const R = (r) => {
+  const {
+    attachmentComponent: l,
+    maxFileSize: n,
+    maxUploadedFiles: s,
+    helperText: a,
+    iconName: u,
+    inputId: p,
+    inputLabel: d,
+    inputName: i,
+    inputProps: m,
+    isLabelHidden: c,
+    isDisabled: f,
+    isFluid: x,
+    queueLimitBehavior: F,
+    isMultiple: U,
+    isRequired: Q,
+    labelText: b,
+    linkText: h,
+    listId: I,
+    listProps: T,
+    onInputError: L,
+    onChange: o,
+    errorMessages: v,
+    validationState: C,
+    validationText: E,
+    ...P
+  } = r, { fileQueue: e, addToQueue: g, clearQueue: j, onDismiss: q, findInQueue: D, updateQueue: M } = H();
+  return S(() => {
+    o && o(e);
+  }, [e]), /* @__PURE__ */ N(
+    k,
+    {
+      fileQueue: e,
+      onDismiss: q,
+      addToQueue: g,
+      clearQueue: j,
+      findInQueue: D,
+      updateQueue: M,
+      errorMessages: v,
+      isFluid: x,
+      ...P,
+      children: [
+        /* @__PURE__ */ t(
+          z,
+          {
+            maxFileSize: n,
+            maxUploadedFiles: s,
+            helperText: a,
+            iconName: u,
+            id: p,
+            isLabelHidden: c,
+            isDisabled: f,
+            queueLimitBehavior: F,
+            isMultiple: U,
+            isRequired: Q,
+            label: d,
+            labelText: b,
+            linkText: h,
+            name: i,
+            onError: L,
+            validationState: C,
+            validationText: E,
+            ...m
+          }
+        ),
+        /* @__PURE__ */ t(B, { id: I, inputName: i, attachmentComponent: l, ...T })
+      ]
+    }
+  );
+};
+R.spiritComponent = "UncontrolledFileUploader";
+export {
+  R as default
+};
+//# sourceMappingURL=UncontrolledFileUploader.js.map

package/dist/components/FileUploader/UncontrolledFileUploader.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"UncontrolledFileUploader.js","sources":["../../../src/components/FileUploader/UncontrolledFileUploader.tsx"],"sourcesContent":["'use client';\n\nimport React, { useEffect } from 'react';\nimport { type SpiritUncontrolledFileUploaderProps } from '../../types';\nimport FileUploader from './FileUploader';\nimport FileUploaderInput from './FileUploaderInput';\nimport FileUploaderList from './FileUploaderList';\nimport { useFileQueue } from './useFileQueue';\n\nconst UncontrolledFileUploader = (props: SpiritUncontrolledFileUploaderProps) => {\n  const {\n    attachmentComponent,\n    maxFileSize,\n    maxUploadedFiles,\n    helperText,\n    iconName,\n    inputId,\n    inputLabel,\n    inputName,\n    inputProps,\n    isLabelHidden,\n    isDisabled,\n    isFluid,\n    queueLimitBehavior,\n    isMultiple,\n    isRequired,\n    labelText,\n    linkText,\n    listId,\n    listProps,\n    onInputError,\n    onChange,\n    errorMessages,\n    validationState,\n    validationText,\n    ...restProps\n  } = props;\n\n  const { fileQueue, addToQueue, clearQueue, onDismiss, findInQueue, updateQueue } = useFileQueue();\n\n  useEffect(() => {\n    if (onChange) {\n      onChange(fileQueue);\n    }\n    // We only want a dependency for fileQueue\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [fileQueue]);\n\n  return (\n    <FileUploader\n      fileQueue={fileQueue}\n      onDismiss={onDismiss}\n      addToQueue={addToQueue}\n      clearQueue={clearQueue}\n      findInQueue={findInQueue}\n      updateQueue={updateQueue}\n      errorMessages={errorMessages}\n      isFluid={isFluid}\n      {...restProps}\n    >\n      <FileUploaderInput\n        maxFileSize={maxFileSize}\n        maxUploadedFiles={maxUploadedFiles}\n        helperText={helperText}\n        iconName={iconName}\n        id={inputId}\n        isLabelHidden={isLabelHidden}\n        isDisabled={isDisabled}\n        queueLimitBehavior={queueLimitBehavior}\n        isMultiple={isMultiple}\n        isRequired={isRequired}\n        label={inputLabel}\n        labelText={labelText}\n        linkText={linkText}\n        name={inputName}\n        onError={onInputError}\n        validationState={validationState}\n        validationText={validationText}\n        {...inputProps}\n      />\n      <FileUploaderList id={listId} inputName={inputName} attachmentComponent={attachmentComponent} {...listProps} />\n    </FileUploader>\n  );\n};\n\nUncontrolledFileUploader.spiritComponent = 'UncontrolledFileUploader';\n\nexport default UncontrolledFileUploader;\n"],"names":["UncontrolledFileUploader","props","attachmentComponent","maxFileSize","maxUploadedFiles","helperText","iconName","inputId","inputLabel","inputName","inputProps","isLabelHidden","isDisabled","isFluid","queueLimitBehavior","isMultiple","isRequired","labelText","linkText","listId","listProps","onInputError","onChange","errorMessages","validationState","validationText","restProps","fileQueue","addToQueue","clearQueue","onDismiss","findInQueue","updateQueue","useFileQueue","useEffect","jsxs","FileUploader","jsx","FileUploaderInput","FileUploaderList"],"mappings":";;;;;;;AASA,MAAMA,IAA2B,CAACC,MAA+C;AAC/E,QAAM;AAAA,IACJ,qBAAAC;AAAA,IACA,aAAAC;AAAA,IACA,kBAAAC;AAAA,IACA,YAAAC;AAAA,IACA,UAAAC;AAAA,IACA,SAAAC;AAAA,IACA,YAAAC;AAAA,IACA,WAAAC;AAAA,IACA,YAAAC;AAAA,IACA,eAAAC;AAAA,IACA,YAAAC;AAAA,IACA,SAAAC;AAAA,IACA,oBAAAC;AAAA,IACA,YAAAC;AAAA,IACA,YAAAC;AAAA,IACA,WAAAC;AAAA,IACA,UAAAC;AAAA,IACA,QAAAC;AAAA,IACA,WAAAC;AAAA,IACA,cAAAC;AAAA,IACA,UAAAC;AAAA,IACA,eAAAC;AAAA,IACA,iBAAAC;AAAA,IACA,gBAAAC;AAAA,IACA,GAAGC;AAAA,EAAA,IACDzB,GAEE,EAAE,WAAA0B,GAAW,YAAAC,GAAY,YAAAC,GAAY,WAAAC,GAAW,aAAAC,GAAa,aAAAC,EAAA,IAAgBC,EAAA;AAEnF,SAAAC,EAAU,MAAM;AACd,IAAIZ,KACFA,EAASK,CAAS;AAAA,EAItB,GAAG,CAACA,CAAS,CAAC,GAGZ,gBAAAQ;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,WAAAT;AAAA,MACA,WAAAG;AAAA,MACA,YAAAF;AAAA,MACA,YAAAC;AAAA,MACA,aAAAE;AAAA,MACA,aAAAC;AAAA,MACA,eAAAT;AAAA,MACA,SAAAV;AAAA,MACC,GAAGa;AAAA,MAEJ,UAAA;AAAA,QAAA,gBAAAW;AAAA,UAACC;AAAA,UAAA;AAAA,YACC,aAAAnC;AAAA,YACA,kBAAAC;AAAA,YACA,YAAAC;AAAA,YACA,UAAAC;AAAA,YACA,IAAIC;AAAA,YACJ,eAAAI;AAAA,YACA,YAAAC;AAAA,YACA,oBAAAE;AAAA,YACA,YAAAC;AAAA,YACA,YAAAC;AAAA,YACA,OAAOR;AAAA,YACP,WAAAS;AAAA,YACA,UAAAC;AAAA,YACA,MAAMT;AAAA,YACN,SAASY;AAAA,YACT,iBAAAG;AAAA,YACA,gBAAAC;AAAA,YACC,GAAGf;AAAA,UAAA;AAAA,QAAA;AAAA,0BAEL6B,GAAA,EAAiB,IAAIpB,GAAQ,WAAAV,GAAsB,qBAAAP,GAA2C,GAAGkB,EAAA,CAAW;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAGnH;AAEApB,EAAyB,kBAAkB;"}

package/dist/components/FileUploader/constants.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const E=1e7,e=1,_=54,I=500,t="The file size limit has been exceeded",A="This file already exists in the queue",T="You have exceeded the number of files allowed in the queue",U="This file type is not supported",S="file",L={TOP:"--file-uploader-attachment-image-top",LEFT:"--file-uploader-attachment-image-left",WIDTH:"--file-uploader-attachment-image-width",HEIGHT:"--file-uploader-attachment-image-height"};exports.DEFAULT_ERROR_MESSAGE_MAX_FILE_SIZE=t;exports.DEFAULT_ERROR_MESSAGE_QUEUE_DUPLICITY=A;exports.DEFAULT_ERROR_MESSAGE_QUEUE_LIMIT=T;exports.DEFAULT_ERROR_MESSAGE_UNSUPPORTED_FILE=U;exports.DEFAULT_FILE_QUEUE_LIMIT=e;exports.DEFAULT_FILE_SIZE_LIMIT=E;exports.DEFAULT_ICON_NAME=S;exports.FileUploaderCropCSS=L;exports.IMAGE_DIMENSION=_;exports.IMAGE_PREVIEW_BASE64_MAX_WIDTH=I;
+//# sourceMappingURL=constants.cjs.map