@alma-oss/spirit-web-react 4.2.1 → 4.4.2

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, useAriaIds } 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    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 [ids, register] = useAriaIds(ariaDescribedBy);\n  const ariaDescribedByProp = useAriaDescribedBy(ids);\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        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","onError","queueLimitBehavior","validationState","validationText","restProps","isDisabledByQueueLimitBehavior","isDragging","isDropZoneHidden","onChange","onDragEnter","onDragLeave","onDragOver","onDrop","useFileUploaderInput","classProps","useFileUploaderStyleProps","styleProps","transferProps","useStyleProps","ids","register","useAriaIds","ariaDescribedByProp","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,136 @@
+"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/useAriaDescribedBy.js";
+import G from "../Field/HelperText.js";
+import D from "../Field/Label.js";
+import J from "../Field/useAriaIds.js";
+import K from "../Field/ValidationText.js";
+import { useValidationTextRole as W } from "../Field/useValidationTextRole.js";
+import X from "../Icon/Icon.js";
+import { DEFAULT_FILE_SIZE_LIMIT as Y, DEFAULT_FILE_QUEUE_LIMIT as ee } from "./constants.js";
+import { useFileUploaderInput as re } from "./useFileUploaderInput.js";
+import { useFileUploaderStyleProps as ie } from "./useFileUploaderStyleProps.js";
+const oe = (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 = Y,
+    maxUploadedFiles: A = ee,
+    onError: y,
+    queueLimitBehavior: p = "none",
+    validationState: t,
+    validationText: d,
+    ...m
+  } = g, {
+    isDisabledByQueueLimitBehavior: c,
+    isDragging: P,
+    isDropZoneHidden: B,
+    onChange: R,
+    onDragEnter: Z,
+    onDragLeave: V,
+    onDragOver: H,
+    onDrop: M
+  } = re({
+    accept: n,
+    isMultiple: l,
+    maxFileSize: U,
+    maxUploadedFiles: A,
+    onError: y,
+    queueLimitBehavior: p
+  }), { classProps: e } = ie({
+    isDisabled: i,
+    isDisabledByQueueLimitBehavior: c,
+    isDragAndDropSupported: o,
+    isDragging: P,
+    isDropZoneHidden: B,
+    isLabelHidden: T,
+    isRequired: I,
+    queueLimitBehavior: p,
+    validationState: t
+  }), { styleProps: u, props: j } = z(m), [k, f] = J(v), q = w(k), C = W({
+    validationState: t,
+    validationText: d
+  });
+  return $(() => {
+    h("draggable" in document.createElement("span"));
+  }, []), /* @__PURE__ */ s(
+    "div",
+    {
+      ...j,
+      ...u,
+      onDragOver: !i && o ? H : void 0,
+      onDragEnter: !i && o ? Z : void 0,
+      onDragLeave: !i && o ? V : void 0,
+      onDrop: !i && o ? M : 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,
+            className: e.input.input,
+            onChange: R,
+            multiple: l,
+            disabled: i || c,
+            ...m
+          }
+        ),
+        /* @__PURE__ */ s("div", { ref: b, className: e.input.dropZone.root, children: [
+          /* @__PURE__ */ r(X, { 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(
+          K,
+          {
+            UNSAFE_className: e.input.validationText,
+            elementType: "span",
+            ...x && { hasValidationStateIcon: t },
+            id: `${a}__validationText`,
+            validationText: d,
+            registerAria: f,
+            role: C
+          }
+        )
+      ]
+    }
+  );
+};
+oe.spiritComponent = "FileUploaderInput";
+export {
+  oe 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, useAriaIds } 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    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 [ids, register] = useAriaIds(ariaDescribedBy);\n  const ariaDescribedByProp = useAriaDescribedBy(ids);\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        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","onError","queueLimitBehavior","validationState","validationText","restProps","isDisabledByQueueLimitBehavior","isDragging","isDropZoneHidden","onChange","onDragEnter","onDragLeave","onDragOver","onDrop","useFileUploaderInput","classProps","useFileUploaderStyleProps","styleProps","transferProps","useStyleProps","ids","register","useAriaIds","ariaDescribedByProp","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

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

@@ -0,0 +1 @@
+{"version":3,"file":"constants.cjs","sources":["../../../src/components/FileUploader/constants.ts"],"sourcesContent":["export const DEFAULT_FILE_SIZE_LIMIT = 10000000; // = 10 MB\nexport const DEFAULT_FILE_QUEUE_LIMIT = 1;\nexport const IMAGE_DIMENSION = 54; // px; @see: CSS class `.FileUploaderAttachment__image` in _FileUploaderAttachment.scss\nexport const IMAGE_PREVIEW_BASE64_MAX_WIDTH = 500; // px\n\nexport const DEFAULT_ERROR_MESSAGE_MAX_FILE_SIZE = 'The file size limit has been exceeded';\nexport const DEFAULT_ERROR_MESSAGE_QUEUE_DUPLICITY = 'This file already exists in the queue';\nexport const DEFAULT_ERROR_MESSAGE_QUEUE_LIMIT = 'You have exceeded the number of files allowed in the queue';\nexport const DEFAULT_ERROR_MESSAGE_UNSUPPORTED_FILE = 'This file type is not supported';\nexport const DEFAULT_ICON_NAME = 'file';\n\nexport const FileUploaderCropCSS = {\n  TOP: '--file-uploader-attachment-image-top',\n  LEFT: '--file-uploader-attachment-image-left',\n  WIDTH: '--file-uploader-attachment-image-width',\n  HEIGHT: '--file-uploader-attachment-image-height',\n} as const;\n"],"names":["DEFAULT_FILE_SIZE_LIMIT","DEFAULT_FILE_QUEUE_LIMIT","IMAGE_DIMENSION","IMAGE_PREVIEW_BASE64_MAX_WIDTH","DEFAULT_ERROR_MESSAGE_MAX_FILE_SIZE","DEFAULT_ERROR_MESSAGE_QUEUE_DUPLICITY","DEFAULT_ERROR_MESSAGE_QUEUE_LIMIT","DEFAULT_ERROR_MESSAGE_UNSUPPORTED_FILE","DEFAULT_ICON_NAME","FileUploaderCropCSS"],"mappings":"gFAAO,MAAMA,EAA0B,IAC1BC,EAA2B,EAC3BC,EAAkB,GAClBC,EAAiC,IAEjCC,EAAsC,wCACtCC,EAAwC,wCACxCC,EAAoC,6DACpCC,EAAyC,kCACzCC,EAAoB,OAEpBC,EAAsB,CACjC,IAAK,uCACL,KAAM,wCACN,MAAO,yCACP,OAAQ,yCACV"}

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

@@ -0,0 +1,15 @@
+export declare const DEFAULT_FILE_SIZE_LIMIT = 10000000;
+export declare const DEFAULT_FILE_QUEUE_LIMIT = 1;
+export declare const IMAGE_DIMENSION = 54;
+export declare const IMAGE_PREVIEW_BASE64_MAX_WIDTH = 500;
+export declare const DEFAULT_ERROR_MESSAGE_MAX_FILE_SIZE = "The file size limit has been exceeded";
+export declare const DEFAULT_ERROR_MESSAGE_QUEUE_DUPLICITY = "This file already exists in the queue";
+export declare const DEFAULT_ERROR_MESSAGE_QUEUE_LIMIT = "You have exceeded the number of files allowed in the queue";
+export declare const DEFAULT_ERROR_MESSAGE_UNSUPPORTED_FILE = "This file type is not supported";
+export declare const DEFAULT_ICON_NAME = "file";
+export declare const FileUploaderCropCSS: {
+    readonly TOP: "--file-uploader-attachment-image-top";
+    readonly LEFT: "--file-uploader-attachment-image-left";
+    readonly WIDTH: "--file-uploader-attachment-image-width";
+    readonly HEIGHT: "--file-uploader-attachment-image-height";
+};

package/dist/components/FileUploader/constants.js

@@ -0,0 +1,19 @@
+const e = 1e7, E = 1, t = 54, _ = 500, i = "The file size limit has been exceeded", o = "This file already exists in the queue", I = "You have exceeded the number of files allowed in the queue", a = "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"
+};
+export {
+  i as DEFAULT_ERROR_MESSAGE_MAX_FILE_SIZE,
+  o as DEFAULT_ERROR_MESSAGE_QUEUE_DUPLICITY,
+  I as DEFAULT_ERROR_MESSAGE_QUEUE_LIMIT,
+  a as DEFAULT_ERROR_MESSAGE_UNSUPPORTED_FILE,
+  E as DEFAULT_FILE_QUEUE_LIMIT,
+  e as DEFAULT_FILE_SIZE_LIMIT,
+  s as DEFAULT_ICON_NAME,
+  l as FileUploaderCropCSS,
+  t as IMAGE_DIMENSION,
+  _ as IMAGE_PREVIEW_BASE64_MAX_WIDTH
+};
+//# sourceMappingURL=constants.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"constants.js","sources":["../../../src/components/FileUploader/constants.ts"],"sourcesContent":["export const DEFAULT_FILE_SIZE_LIMIT = 10000000; // = 10 MB\nexport const DEFAULT_FILE_QUEUE_LIMIT = 1;\nexport const IMAGE_DIMENSION = 54; // px; @see: CSS class `.FileUploaderAttachment__image` in _FileUploaderAttachment.scss\nexport const IMAGE_PREVIEW_BASE64_MAX_WIDTH = 500; // px\n\nexport const DEFAULT_ERROR_MESSAGE_MAX_FILE_SIZE = 'The file size limit has been exceeded';\nexport const DEFAULT_ERROR_MESSAGE_QUEUE_DUPLICITY = 'This file already exists in the queue';\nexport const DEFAULT_ERROR_MESSAGE_QUEUE_LIMIT = 'You have exceeded the number of files allowed in the queue';\nexport const DEFAULT_ERROR_MESSAGE_UNSUPPORTED_FILE = 'This file type is not supported';\nexport const DEFAULT_ICON_NAME = 'file';\n\nexport const FileUploaderCropCSS = {\n  TOP: '--file-uploader-attachment-image-top',\n  LEFT: '--file-uploader-attachment-image-left',\n  WIDTH: '--file-uploader-attachment-image-width',\n  HEIGHT: '--file-uploader-attachment-image-height',\n} as const;\n"],"names":["DEFAULT_FILE_SIZE_LIMIT","DEFAULT_FILE_QUEUE_LIMIT","IMAGE_DIMENSION","IMAGE_PREVIEW_BASE64_MAX_WIDTH","DEFAULT_ERROR_MESSAGE_MAX_FILE_SIZE","DEFAULT_ERROR_MESSAGE_QUEUE_DUPLICITY","DEFAULT_ERROR_MESSAGE_QUEUE_LIMIT","DEFAULT_ERROR_MESSAGE_UNSUPPORTED_FILE","DEFAULT_ICON_NAME","FileUploaderCropCSS"],"mappings":"AAAO,MAAMA,IAA0B,KAC1BC,IAA2B,GAC3BC,IAAkB,IAClBC,IAAiC,KAEjCC,IAAsC,yCACtCC,IAAwC,yCACxCC,IAAoC,8DACpCC,IAAyC,mCACzCC,IAAoB,QAEpBC,IAAsB;AAAA,EACjC,KAAK;AAAA,EACL,MAAM;AAAA,EACN,OAAO;AAAA,EACP,QAAQ;AACV;"}

package/dist/components/FileUploader/index.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const E=require("./FileUploader.cjs"),r=require("./FileUploaderInput.cjs"),l=require("./FileUploaderList.cjs"),_=require("./FileUploaderAttachment.cjs"),o=require("./AttachmentActionButton.cjs"),u=require("./AttachmentDismissButton.cjs"),U=require("./UncontrolledFileUploader.cjs"),a=require("./useFileUploaderStyleProps.cjs"),i=require("./useFileUploaderAttachment.cjs"),A=require("./useFileUploaderInput.cjs"),I=require("./useFileQueue.cjs"),e=require("./constants.cjs"),t=require("./utils.cjs");exports.FileUploader=E.default;exports.FileUploaderInput=r.default;exports.FileUploaderList=l.default;exports.FileUploaderAttachment=_.default;exports.AttachmentActionButton=o.default;exports.AttachmentDismissButton=u.default;exports.UncontrolledFileUploader=U.default;exports.useFileUploaderStyleProps=a.useFileUploaderStyleProps;exports.useFileUploaderAttachment=i.useFileUploaderAttachment;exports.useFileUploaderInput=A.useFileUploaderInput;exports.useFileQueue=I.useFileQueue;exports.DEFAULT_ERROR_MESSAGE_MAX_FILE_SIZE=e.DEFAULT_ERROR_MESSAGE_MAX_FILE_SIZE;exports.DEFAULT_ERROR_MESSAGE_QUEUE_DUPLICITY=e.DEFAULT_ERROR_MESSAGE_QUEUE_DUPLICITY;exports.DEFAULT_ERROR_MESSAGE_QUEUE_LIMIT=e.DEFAULT_ERROR_MESSAGE_QUEUE_LIMIT;exports.DEFAULT_ERROR_MESSAGE_UNSUPPORTED_FILE=e.DEFAULT_ERROR_MESSAGE_UNSUPPORTED_FILE;exports.DEFAULT_FILE_QUEUE_LIMIT=e.DEFAULT_FILE_QUEUE_LIMIT;exports.DEFAULT_FILE_SIZE_LIMIT=e.DEFAULT_FILE_SIZE_LIMIT;exports.DEFAULT_ICON_NAME=e.DEFAULT_ICON_NAME;exports.FileUploaderCropCSS=e.FileUploaderCropCSS;exports.IMAGE_DIMENSION=e.IMAGE_DIMENSION;exports.IMAGE_PREVIEW_BASE64_MAX_WIDTH=e.IMAGE_PREVIEW_BASE64_MAX_WIDTH;exports.base64ToByteArray=t.base64ToByteArray;exports.getAttachmentInput=t.getAttachmentInput;exports.getAttachmentMetaInput=t.getAttachmentMetaInput;exports.image2Base64Preview=t.image2Base64Preview;
+//# sourceMappingURL=index.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/dist/components/FileUploader/index.js

@@ -0,0 +1,41 @@
+import { default as o } from "./FileUploader.js";
+import { default as E } from "./FileUploaderInput.js";
+import { default as _ } from "./FileUploaderList.js";
+import { default as p } from "./FileUploaderAttachment.js";
+import { default as A } from "./AttachmentActionButton.js";
+import { default as m } from "./AttachmentDismissButton.js";
+import { default as f } from "./UncontrolledFileUploader.js";
+import { useFileUploaderStyleProps as u } from "./useFileUploaderStyleProps.js";
+import { useFileUploaderAttachment as i } from "./useFileUploaderAttachment.js";
+import { useFileUploaderInput as S } from "./useFileUploaderInput.js";
+import { useFileQueue as M } from "./useFileQueue.js";
+import { DEFAULT_ERROR_MESSAGE_MAX_FILE_SIZE as T, DEFAULT_ERROR_MESSAGE_QUEUE_DUPLICITY as x, DEFAULT_ERROR_MESSAGE_QUEUE_LIMIT as D, DEFAULT_ERROR_MESSAGE_UNSUPPORTED_FILE as c, DEFAULT_FILE_QUEUE_LIMIT as O, DEFAULT_FILE_SIZE_LIMIT as h, DEFAULT_ICON_NAME as G, FileUploaderCropCSS as P, IMAGE_DIMENSION as B, IMAGE_PREVIEW_BASE64_MAX_WIDTH as N } from "./constants.js";
+import { base64ToByteArray as Q, getAttachmentInput as g, getAttachmentMetaInput as y, image2Base64Preview as W } from "./utils.js";
+export {
+  A as AttachmentActionButton,
+  m as AttachmentDismissButton,
+  T as DEFAULT_ERROR_MESSAGE_MAX_FILE_SIZE,
+  x as DEFAULT_ERROR_MESSAGE_QUEUE_DUPLICITY,
+  D as DEFAULT_ERROR_MESSAGE_QUEUE_LIMIT,
+  c as DEFAULT_ERROR_MESSAGE_UNSUPPORTED_FILE,
+  O as DEFAULT_FILE_QUEUE_LIMIT,
+  h as DEFAULT_FILE_SIZE_LIMIT,
+  G as DEFAULT_ICON_NAME,
+  o as FileUploader,
+  p as FileUploaderAttachment,
+  P as FileUploaderCropCSS,
+  E as FileUploaderInput,
+  _ as FileUploaderList,
+  B as IMAGE_DIMENSION,
+  N as IMAGE_PREVIEW_BASE64_MAX_WIDTH,
+  f as UncontrolledFileUploader,
+  Q as base64ToByteArray,
+  g as getAttachmentInput,
+  y as getAttachmentMetaInput,
+  W as image2Base64Preview,
+  M as useFileQueue,
+  i as useFileUploaderAttachment,
+  S as useFileUploaderInput,
+  u as useFileUploaderStyleProps
+};
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;"}

package/dist/components/FileUploader/useFileQueue.cjs

@@ -0,0 +1,2 @@
+"use strict";"use client";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const d=require("react"),o=()=>{const[n,a]=d.useState(new Map);return{addToQueue:(e,t,u)=>(a(s=>{const r={file:t};return u!=null&&(r.meta=u),new Map(s.set(e,r))}),n),clearQueue:()=>{a(e=>(e.clear(),new Map(e)))},fileQueue:n,findInQueue:e=>n.get(e)||null,onDismiss:e=>(a(t=>{const u=new Map(t);return u.delete(e),u}),n),updateQueue:(e,t,u)=>(a(s=>{const r=new Map(s),l={file:t};return u!=null&&(l.meta=u),r.set(e,l),r}),n)}};exports.useFileQueue=o;
+//# sourceMappingURL=useFileQueue.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"useFileQueue.cjs","sources":["../../../src/components/FileUploader/useFileQueue.ts"],"sourcesContent":["'use client';\n\nimport { useState } from 'react';\nimport { type FileMetadata, type FileQueueValueType, type FileUploaderHandlingProps } from '../../types';\n\nexport interface FileQueueReturn extends FileUploaderHandlingProps {}\n\nexport const useFileQueue = (): FileQueueReturn => {\n  const [queue, setQueue] = useState<Map<string, FileQueueValueType>>(new Map());\n\n  const onDismissHandler = (name: string) => {\n    setQueue((prev) => {\n      const newState = new Map(prev);\n      newState.delete(name);\n\n      return newState;\n    });\n\n    return queue;\n  };\n\n  const addToQueueHandler = (key: string, file: File, meta?: FileMetadata) => {\n    setQueue((prev) => {\n      const newValue: FileQueueValueType = { file };\n      if (meta != null) {\n        newValue.meta = meta;\n      }\n\n      return new Map(prev.set(key, newValue));\n    });\n\n    return queue;\n  };\n\n  const findInQueueHandler = (key: string) => queue.get(key) || null;\n\n  const updateQueueHandler = (key: string, file: File, meta?: FileMetadata) => {\n    setQueue((prev) => {\n      const newState = new Map(prev);\n      const newValue: FileQueueValueType = { file };\n\n      if (meta != null) {\n        newValue.meta = meta;\n      }\n\n      newState.set(key, newValue);\n\n      return newState;\n    });\n\n    return queue;\n  };\n\n  const clearQueueHandler = () => {\n    setQueue((prev) => {\n      prev.clear();\n\n      return new Map(prev);\n    });\n  };\n\n  return {\n    addToQueue: addToQueueHandler,\n    clearQueue: clearQueueHandler,\n    fileQueue: queue,\n    findInQueue: findInQueueHandler,\n    onDismiss: onDismissHandler,\n    updateQueue: updateQueueHandler,\n  };\n};\n"],"names":["useFileQueue","queue","setQueue","useState","key","file","meta","prev","newValue","name","newState"],"mappings":"sHAOaA,EAAe,IAAuB,CACjD,KAAM,CAACC,EAAOC,CAAQ,EAAIC,EAAAA,SAA0C,IAAI,GAAK,EAqD7E,MAAO,CACL,WAzCwB,CAACC,EAAaC,EAAYC,KAClDJ,EAAUK,GAAS,CACjB,MAAMC,EAA+B,CAAE,KAAAH,CAAA,EACvC,OAAIC,GAAQ,OACVE,EAAS,KAAOF,GAGX,IAAI,IAAIC,EAAK,IAAIH,EAAKI,CAAQ,CAAC,CACxC,CAAC,EAEMP,GAgCP,WAVwB,IAAM,CAC9BC,EAAUK,IACRA,EAAK,MAAA,EAEE,IAAI,IAAIA,CAAI,EACpB,CACH,EAKE,UAAWN,EACX,YA/B0BG,GAAgBH,EAAM,IAAIG,CAAG,GAAK,KAgC5D,UAxDwBK,IACxBP,EAAUK,GAAS,CACjB,MAAMG,EAAW,IAAI,IAAIH,CAAI,EAC7B,OAAAG,EAAS,OAAOD,CAAI,EAEbC,CACT,CAAC,EAEMT,GAiDP,YA/ByB,CAACG,EAAaC,EAAYC,KACnDJ,EAAUK,GAAS,CACjB,MAAMG,EAAW,IAAI,IAAIH,CAAI,EACvBC,EAA+B,CAAE,KAAAH,CAAA,EAEvC,OAAIC,GAAQ,OACVE,EAAS,KAAOF,GAGlBI,EAAS,IAAIN,EAAKI,CAAQ,EAEnBE,CACT,CAAC,EAEMT,EAiBM,CAEjB"}

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

@@ -0,0 +1,4 @@
+import { FileUploaderHandlingProps } from '../../types';
+export interface FileQueueReturn extends FileUploaderHandlingProps {
+}
+export declare const useFileQueue: () => FileQueueReturn;

package/dist/components/FileUploader/useFileQueue.js

@@ -0,0 +1,28 @@
+"use client";
+import { useState as d } from "react";
+const w = () => {
+  const [n, a] = d(/* @__PURE__ */ new Map());
+  return {
+    addToQueue: (e, t, u) => (a((s) => {
+      const r = { file: t };
+      return u != null && (r.meta = u), new Map(s.set(e, r));
+    }), n),
+    clearQueue: () => {
+      a((e) => (e.clear(), new Map(e)));
+    },
+    fileQueue: n,
+    findInQueue: (e) => n.get(e) || null,
+    onDismiss: (e) => (a((t) => {
+      const u = new Map(t);
+      return u.delete(e), u;
+    }), n),
+    updateQueue: (e, t, u) => (a((s) => {
+      const r = new Map(s), l = { file: t };
+      return u != null && (l.meta = u), r.set(e, l), r;
+    }), n)
+  };
+};
+export {
+  w as useFileQueue
+};
+//# sourceMappingURL=useFileQueue.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"useFileQueue.js","sources":["../../../src/components/FileUploader/useFileQueue.ts"],"sourcesContent":["'use client';\n\nimport { useState } from 'react';\nimport { type FileMetadata, type FileQueueValueType, type FileUploaderHandlingProps } from '../../types';\n\nexport interface FileQueueReturn extends FileUploaderHandlingProps {}\n\nexport const useFileQueue = (): FileQueueReturn => {\n  const [queue, setQueue] = useState<Map<string, FileQueueValueType>>(new Map());\n\n  const onDismissHandler = (name: string) => {\n    setQueue((prev) => {\n      const newState = new Map(prev);\n      newState.delete(name);\n\n      return newState;\n    });\n\n    return queue;\n  };\n\n  const addToQueueHandler = (key: string, file: File, meta?: FileMetadata) => {\n    setQueue((prev) => {\n      const newValue: FileQueueValueType = { file };\n      if (meta != null) {\n        newValue.meta = meta;\n      }\n\n      return new Map(prev.set(key, newValue));\n    });\n\n    return queue;\n  };\n\n  const findInQueueHandler = (key: string) => queue.get(key) || null;\n\n  const updateQueueHandler = (key: string, file: File, meta?: FileMetadata) => {\n    setQueue((prev) => {\n      const newState = new Map(prev);\n      const newValue: FileQueueValueType = { file };\n\n      if (meta != null) {\n        newValue.meta = meta;\n      }\n\n      newState.set(key, newValue);\n\n      return newState;\n    });\n\n    return queue;\n  };\n\n  const clearQueueHandler = () => {\n    setQueue((prev) => {\n      prev.clear();\n\n      return new Map(prev);\n    });\n  };\n\n  return {\n    addToQueue: addToQueueHandler,\n    clearQueue: clearQueueHandler,\n    fileQueue: queue,\n    findInQueue: findInQueueHandler,\n    onDismiss: onDismissHandler,\n    updateQueue: updateQueueHandler,\n  };\n};\n"],"names":["useFileQueue","queue","setQueue","useState","key","file","meta","prev","newValue","name","newState"],"mappings":";;AAOO,MAAMA,IAAe,MAAuB;AACjD,QAAM,CAACC,GAAOC,CAAQ,IAAIC,EAA0C,oBAAI,KAAK;AAqD7E,SAAO;AAAA,IACL,YAzCwB,CAACC,GAAaC,GAAYC,OAClDJ,EAAS,CAACK,MAAS;AACjB,YAAMC,IAA+B,EAAE,MAAAH,EAAA;AACvC,aAAIC,KAAQ,SACVE,EAAS,OAAOF,IAGX,IAAI,IAAIC,EAAK,IAAIH,GAAKI,CAAQ,CAAC;AAAA,IACxC,CAAC,GAEMP;AAAA,IAgCP,YAVwB,MAAM;AAC9B,MAAAC,EAAS,CAACK,OACRA,EAAK,MAAA,GAEE,IAAI,IAAIA,CAAI,EACpB;AAAA,IACH;AAAA,IAKE,WAAWN;AAAA,IACX,aA/ByB,CAACG,MAAgBH,EAAM,IAAIG,CAAG,KAAK;AAAA,IAgC5D,WAxDuB,CAACK,OACxBP,EAAS,CAACK,MAAS;AACjB,YAAMG,IAAW,IAAI,IAAIH,CAAI;AAC7B,aAAAG,EAAS,OAAOD,CAAI,GAEbC;AAAA,IACT,CAAC,GAEMT;AAAA,IAiDP,aA/ByB,CAACG,GAAaC,GAAYC,OACnDJ,EAAS,CAACK,MAAS;AACjB,YAAMG,IAAW,IAAI,IAAIH,CAAI,GACvBC,IAA+B,EAAE,MAAAH,EAAA;AAEvC,aAAIC,KAAQ,SACVE,EAAS,OAAOF,IAGlBI,EAAS,IAAIN,GAAKI,CAAQ,GAEnBE;AAAA,IACT,CAAC,GAEMT;AAAA,EAiBM;AAEjB;"}

package/dist/components/FileUploader/useFileUploaderAttachment.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=require("../../hooks/useIsomorphicLayoutEffect.cjs"),p=require("./utils.cjs"),l=({attachmentRef:t,file:e,name:c,meta:u,onError:r})=>{i.useIsomorphicLayoutEffect(()=>{(o=>{t.current?.querySelectorAll("input").forEach(n=>n.remove());const s=p.getAttachmentInput(e,c,r);if(s&&t.current?.appendChild(s),o){const n=p.getAttachmentMetaInput(e,c,o);t.current?.appendChild(n)}})(u)},[t,e,c,u,r])};exports.useFileUploaderAttachment=l;
+//# sourceMappingURL=useFileUploaderAttachment.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"useFileUploaderAttachment.cjs","sources":["../../../src/components/FileUploader/useFileUploaderAttachment.ts"],"sourcesContent":["import { type RefObject } from 'react';\nimport { useIsomorphicLayoutEffect } from '../../hooks';\nimport { type FileMetadata } from '../../types/fileUploader';\nimport { getAttachmentInput, getAttachmentMetaInput } from './utils';\n\nexport interface UseFileUploaderAttachmentProps {\n  attachmentRef: RefObject<HTMLLIElement>;\n  file: File;\n  meta?: FileMetadata;\n  name: string;\n  onError?: (error: string) => void;\n}\n\nexport const useFileUploaderAttachment = ({\n  attachmentRef,\n  file,\n  name,\n  meta,\n  onError,\n}: UseFileUploaderAttachmentProps) => {\n  useIsomorphicLayoutEffect(() => {\n    const createAttachmentInput = (metadata?: FileMetadata) => {\n      attachmentRef.current?.querySelectorAll('input').forEach((element) => element.remove());\n      const attachmentInputElement = getAttachmentInput(file, name, onError);\n      attachmentInputElement && attachmentRef.current?.appendChild(attachmentInputElement);\n\n      if (metadata) {\n        const attachmentInputMetaElement = getAttachmentMetaInput(file, name, metadata);\n        attachmentRef.current?.appendChild(attachmentInputMetaElement);\n      }\n    };\n\n    createAttachmentInput(meta);\n  }, [attachmentRef, file, name, meta, onError]);\n};\n"],"names":["useFileUploaderAttachment","attachmentRef","file","name","meta","onError","useIsomorphicLayoutEffect","metadata","element","attachmentInputElement","getAttachmentInput","attachmentInputMetaElement","getAttachmentMetaInput"],"mappings":"sKAaaA,EAA4B,CAAC,CACxC,cAAAC,EACA,KAAAC,EACA,KAAAC,EACA,KAAAC,EACA,QAAAC,CACF,IAAsC,CACpCC,EAAAA,0BAA0B,IAAM,EACCC,GAA4B,CACzDN,EAAc,SAAS,iBAAiB,OAAO,EAAE,QAASO,GAAYA,EAAQ,QAAQ,EACtF,MAAMC,EAAyBC,EAAAA,mBAAmBR,EAAMC,EAAME,CAAO,EAGrE,GAFAI,GAA0BR,EAAc,SAAS,YAAYQ,CAAsB,EAE/EF,EAAU,CACZ,MAAMI,EAA6BC,EAAAA,uBAAuBV,EAAMC,EAAMI,CAAQ,EAC9EN,EAAc,SAAS,YAAYU,CAA0B,CAC/D,CACF,GAEsBP,CAAI,CAC5B,EAAG,CAACH,EAAeC,EAAMC,EAAMC,EAAMC,CAAO,CAAC,CAC/C"}

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

@@ -0,0 +1,10 @@
+import { RefObject } from 'react';
+import { FileMetadata } from '../../types/fileUploader';
+export interface UseFileUploaderAttachmentProps {
+    attachmentRef: RefObject<HTMLLIElement>;
+    file: File;
+    meta?: FileMetadata;
+    name: string;
+    onError?: (error: string) => void;
+}
+export declare const useFileUploaderAttachment: ({ attachmentRef, file, name, meta, onError, }: UseFileUploaderAttachmentProps) => void;

package/dist/components/FileUploader/useFileUploaderAttachment.js

@@ -0,0 +1,24 @@
+import { useIsomorphicLayoutEffect as s } from "../../hooks/useIsomorphicLayoutEffect.js";
+import { getAttachmentInput as h, getAttachmentMetaInput as m } from "./utils.js";
+const a = ({
+  attachmentRef: t,
+  file: e,
+  name: n,
+  meta: r,
+  onError: p
+}) => {
+  s(() => {
+    ((u) => {
+      t.current?.querySelectorAll("input").forEach((c) => c.remove());
+      const o = h(e, n, p);
+      if (o && t.current?.appendChild(o), u) {
+        const c = m(e, n, u);
+        t.current?.appendChild(c);
+      }
+    })(r);
+  }, [t, e, n, r, p]);
+};
+export {
+  a as useFileUploaderAttachment
+};
+//# sourceMappingURL=useFileUploaderAttachment.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"useFileUploaderAttachment.js","sources":["../../../src/components/FileUploader/useFileUploaderAttachment.ts"],"sourcesContent":["import { type RefObject } from 'react';\nimport { useIsomorphicLayoutEffect } from '../../hooks';\nimport { type FileMetadata } from '../../types/fileUploader';\nimport { getAttachmentInput, getAttachmentMetaInput } from './utils';\n\nexport interface UseFileUploaderAttachmentProps {\n  attachmentRef: RefObject<HTMLLIElement>;\n  file: File;\n  meta?: FileMetadata;\n  name: string;\n  onError?: (error: string) => void;\n}\n\nexport const useFileUploaderAttachment = ({\n  attachmentRef,\n  file,\n  name,\n  meta,\n  onError,\n}: UseFileUploaderAttachmentProps) => {\n  useIsomorphicLayoutEffect(() => {\n    const createAttachmentInput = (metadata?: FileMetadata) => {\n      attachmentRef.current?.querySelectorAll('input').forEach((element) => element.remove());\n      const attachmentInputElement = getAttachmentInput(file, name, onError);\n      attachmentInputElement && attachmentRef.current?.appendChild(attachmentInputElement);\n\n      if (metadata) {\n        const attachmentInputMetaElement = getAttachmentMetaInput(file, name, metadata);\n        attachmentRef.current?.appendChild(attachmentInputMetaElement);\n      }\n    };\n\n    createAttachmentInput(meta);\n  }, [attachmentRef, file, name, meta, onError]);\n};\n"],"names":["useFileUploaderAttachment","attachmentRef","file","name","meta","onError","useIsomorphicLayoutEffect","metadata","element","attachmentInputElement","getAttachmentInput","attachmentInputMetaElement","getAttachmentMetaInput"],"mappings":";;AAaO,MAAMA,IAA4B,CAAC;AAAA,EACxC,eAAAC;AAAA,EACA,MAAAC;AAAA,EACA,MAAAC;AAAA,EACA,MAAAC;AAAA,EACA,SAAAC;AACF,MAAsC;AACpC,EAAAC,EAA0B,MAAM;AAY9B,KAX8B,CAACC,MAA4B;AACzD,MAAAN,EAAc,SAAS,iBAAiB,OAAO,EAAE,QAAQ,CAACO,MAAYA,EAAQ,QAAQ;AACtF,YAAMC,IAAyBC,EAAmBR,GAAMC,GAAME,CAAO;AAGrE,UAFAI,KAA0BR,EAAc,SAAS,YAAYQ,CAAsB,GAE/EF,GAAU;AACZ,cAAMI,IAA6BC,EAAuBV,GAAMC,GAAMI,CAAQ;AAC9E,QAAAN,EAAc,SAAS,YAAYU,CAA0B;AAAA,MAC/D;AAAA,IACF,GAEsBP,CAAI;AAAA,EAC5B,GAAG,CAACH,GAAeC,GAAMC,GAAMC,GAAMC,CAAO,CAAC;AAC/C;"}