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

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.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;"}

package/dist/components/FileUploader/useFileUploaderInput.cjs

@@ -0,0 +1,2 @@
+"use strict";"use client";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const F=require("react"),v=require("../../common/utilities/warning.cjs"),I=require("../../hooks/useDragAndDrop.cjs"),Z=require("./FileUploaderContext.cjs"),_=w=>{const{maxFileSize:E,maxUploadedFiles:a,queueLimitBehavior:g,isMultiple:f,onError:n,accept:p}=w,[x,D]=F.useState(!1),[U,A]=F.useState(!1),{fileQueue:c,addToQueue:M,clearQueue:z,errorMessages:s}=Z.useFileUploaderContext(),y=e=>`file__${e.replace(/\./g,"_").replace(/\s/g,"_")}`,S=e=>{if(e.size>E)throw new Error(`${e.name}: ${s?.errorMaxFileSize}`)},T=()=>{if(a>1&&!f)throw new Error("`isMultiple` props must be set when maxUploadedFiles is greater than `1`")},b=e=>{if(f&&c.has(y(e.name)))throw new Error(`${e.name}: ${s?.errorFileDuplicity}`)},Q=()=>{if(c.size>=a)throw new Error(s?.errorMaxUploadedFiles)},B=e=>{const i=e.name.split(".").pop()?.toLowerCase(),u=e.type,r=p&&!(p===""||p==="*"||p==="*/*");let t;if(!r)t=!0;else{const o=p.replace(/ /g,"").split(","),d=o.filter(l=>l.match(/\./g)),q=o.filter(l=>l.match(/\//g));d.forEach(l=>{const m=l.replace(".","").replace("*","");i.match(m)&&(t=!0)}),q.forEach(l=>{const m=l.replace("*","");u.match(m)&&(t=!0)})}if(!t)throw new Error(`${e.name}: ${s?.errorFileNotSupported}`)},H=e=>{g&&(g==="hide"?A(e?.size>=a):D(e?.size>=a))},L=()=>{f||z()},h=e=>{try{L(),b(e),S(e),B(e),Q(),T(),M(y(e.name),e)}catch(i){n?n(i):v.default(!1,i)}},$=e=>{const i=Array.from(e.dataTransfer.items),u=Array.from(e.dataTransfer.files);let r=0,t;r+=c.size,e.dataTransfer.items?i.forEach(o=>{if(o.kind==="file"){const d=o.getAsFile();d&&r<a?(h(d),r+=1):t=!0}}):u.forEach(o=>{r<a?(h(o),r+=1):t=!0}),t&&n&&s?.errorMaxUploadedFiles&&n(new Error(s?.errorMaxUploadedFiles))},k=e=>{const{files:i}=e.target,u=Array.prototype.slice.call(i);let r=0,t;r+=c.size,u.forEach(o=>{r<a?(h(o),r+=1):t=!0}),t&&n&&s?.errorMaxUploadedFiles&&n(new Error(s?.errorMaxUploadedFiles)),e.target.blur(),e.target.value=""};F.useEffect(()=>{H(c)},[c]);const C=I.useDragAndDrop({onDrop:$});return{isDropZoneHidden:U,isDisabledByQueueLimitBehavior:x,onChange:k,...C}};exports.useFileUploaderInput=_;
+//# sourceMappingURL=useFileUploaderInput.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"useFileUploaderInput.cjs","sources":["../../../src/components/FileUploader/useFileUploaderInput.ts"],"sourcesContent":["'use client';\n\nimport { type ChangeEvent, type DragEvent, useEffect, useState } from 'react';\nimport { warning } from '../../common/utilities';\nimport { useDragAndDrop } from '../../hooks';\nimport {\n  type DragAndDropHandlingProps,\n  type FileQueueMapType,\n  type FileUploaderQueueLimitBehaviorType,\n} from '../../types';\nimport { useFileUploaderContext } from './FileUploaderContext';\n\nexport interface UseFileUploaderInputProps {\n  accept?: string;\n  queueLimitBehavior?: FileUploaderQueueLimitBehaviorType;\n  isMultiple?: boolean;\n  maxFileSize: number;\n  maxUploadedFiles: number;\n  onError?: (error: string | Error) => void;\n}\n\nexport interface UseFileUploaderInputReturn extends DragAndDropHandlingProps<HTMLDivElement> {\n  isDragging: boolean;\n  isDropZoneHidden: boolean;\n  isDisabledByQueueLimitBehavior: boolean;\n  onChange: (event: ChangeEvent<HTMLInputElement>) => void;\n}\n\nexport const useFileUploaderInput = (props: UseFileUploaderInputProps): UseFileUploaderInputReturn => {\n  const { maxFileSize, maxUploadedFiles, queueLimitBehavior, isMultiple, onError, accept } = props;\n\n  const [disabledByQueueLimitBehavior, setDisabledByQueueLimitBehavior] = useState(false);\n  const [dropZoneHidden, setDropZoneHidden] = useState(false);\n\n  const { fileQueue, addToQueue, clearQueue, errorMessages } = useFileUploaderContext();\n\n  const getUpdatedFileName = (name: string): string => `file__${name.replace(/\\./g, '_').replace(/\\s/g, '_')}`;\n\n  const checkAllowedFileSize = (file: File) => {\n    if (file.size > maxFileSize) {\n      throw new Error(`${file.name}: ${errorMessages?.errorMaxFileSize}`);\n    }\n  };\n\n  const checkIsMultiple = () => {\n    if (maxUploadedFiles > 1 && !isMultiple) {\n      throw new Error('`isMultiple` props must be set when maxUploadedFiles is greater than `1`');\n    }\n  };\n\n  const checkFileDuplicity = (file: File) => {\n    if (isMultiple && fileQueue.has(getUpdatedFileName(file.name))) {\n      throw new Error(`${file.name}: ${errorMessages?.errorFileDuplicity}`);\n    }\n  };\n\n  const checkQueueSize = () => {\n    if (fileQueue.size >= maxUploadedFiles) {\n      throw new Error(errorMessages?.errorMaxUploadedFiles);\n    }\n  };\n\n  const checkAllowedFileType = (file: File) => {\n    const fileExtension = file.name.split('.').pop()?.toLowerCase() as string;\n    const fileType = file.type;\n    const shouldValidate = accept && !(accept === '' || accept === '*' || accept === '*/*');\n    let isTypeSupported;\n\n    if (!shouldValidate) {\n      isTypeSupported = true;\n    } else {\n      const acceptArray = accept.replace(/ /g, '').split(',');\n      const acceptExtensions = acceptArray.filter((exp) => exp.match(/\\./g));\n      const acceptTypes = acceptArray.filter((exp) => exp.match(/\\//g));\n\n      acceptExtensions.forEach((acceptExtension) => {\n        const expression = acceptExtension.replace('.', '').replace('*', '');\n\n        if (fileExtension.match(expression)) {\n          isTypeSupported = true;\n        }\n      });\n\n      acceptTypes.forEach((acceptType) => {\n        const expression = acceptType.replace('*', '');\n\n        if (fileType.match(expression)) {\n          isTypeSupported = true;\n        }\n      });\n    }\n\n    if (!isTypeSupported) {\n      throw new Error(`${file.name}: ${errorMessages?.errorFileNotSupported}`);\n    }\n  };\n\n  const updateDropZoneVisibility = (queue: FileQueueMapType) => {\n    if (!queueLimitBehavior) {\n      return;\n    }\n\n    if (queueLimitBehavior === 'hide') {\n      setDropZoneHidden(queue?.size >= maxUploadedFiles);\n    } else {\n      setDisabledByQueueLimitBehavior(queue?.size >= maxUploadedFiles);\n    }\n  };\n\n  const clearQueueHandler = () => {\n    if (!isMultiple) {\n      clearQueue();\n    }\n  };\n\n  const fileProcessHandler = (file: File) => {\n    try {\n      clearQueueHandler();\n      checkFileDuplicity(file);\n      checkAllowedFileSize(file);\n      checkAllowedFileType(file);\n      checkQueueSize();\n      checkIsMultiple();\n      addToQueue(getUpdatedFileName(file.name), file);\n    } catch (error) {\n      if (onError) {\n        onError(error);\n      } else {\n        warning(false, error);\n      }\n    }\n  };\n\n  const onDropHandler = (event: DragEvent<HTMLDivElement>) => {\n    const transferItems = Array.from(event.dataTransfer.items);\n    const transferFiles = Array.from(event.dataTransfer.files);\n\n    let counter = 0;\n    let overLimit;\n    counter += fileQueue.size;\n\n    if (event.dataTransfer.items) {\n      transferItems.forEach((item) => {\n        if (item.kind === 'file') {\n          const file = item.getAsFile();\n          if (file && counter < maxUploadedFiles) {\n            fileProcessHandler(file);\n            counter += 1;\n          } else {\n            overLimit = true;\n          }\n        }\n      });\n    } else {\n      transferFiles.forEach((file) => {\n        if (counter < maxUploadedFiles) {\n          fileProcessHandler(file);\n          counter += 1;\n        } else {\n          overLimit = true;\n        }\n      });\n    }\n\n    if (overLimit && onError && errorMessages?.errorMaxUploadedFiles) {\n      onError(new Error(errorMessages?.errorMaxUploadedFiles));\n    }\n  };\n\n  const onChangeHandler = (event: ChangeEvent<HTMLInputElement>) => {\n    const { files } = event.target;\n    const filesArray = Array.prototype.slice.call(files);\n\n    let counter = 0;\n    let overLimit;\n    counter += fileQueue.size;\n\n    filesArray.forEach((file: File) => {\n      if (counter < maxUploadedFiles) {\n        fileProcessHandler(file);\n        counter += 1;\n      } else {\n        overLimit = true;\n      }\n    });\n\n    if (overLimit && onError && errorMessages?.errorMaxUploadedFiles) {\n      onError(new Error(errorMessages?.errorMaxUploadedFiles));\n    }\n\n    event.target.blur();\n    // eslint-disable-next-line no-param-reassign -- Resetting input value is required for file inputs\n    event.target.value = '';\n  };\n\n  useEffect(() => {\n    updateDropZoneVisibility(fileQueue);\n    // We only want a dependency for fileQueue\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [fileQueue]);\n\n  const dragAndDropProps = useDragAndDrop({\n    onDrop: onDropHandler,\n  });\n\n  return {\n    isDropZoneHidden: dropZoneHidden,\n    isDisabledByQueueLimitBehavior: disabledByQueueLimitBehavior,\n    onChange: onChangeHandler,\n    ...dragAndDropProps,\n  };\n};\n"],"names":["useFileUploaderInput","props","maxFileSize","maxUploadedFiles","queueLimitBehavior","isMultiple","onError","accept","disabledByQueueLimitBehavior","setDisabledByQueueLimitBehavior","useState","dropZoneHidden","setDropZoneHidden","fileQueue","addToQueue","clearQueue","errorMessages","useFileUploaderContext","getUpdatedFileName","name","checkAllowedFileSize","file","checkIsMultiple","checkFileDuplicity","checkQueueSize","checkAllowedFileType","fileExtension","fileType","shouldValidate","isTypeSupported","acceptArray","acceptExtensions","exp","acceptTypes","acceptExtension","expression","acceptType","updateDropZoneVisibility","queue","clearQueueHandler","fileProcessHandler","error","warning","onDropHandler","event","transferItems","transferFiles","counter","overLimit","item","onChangeHandler","files","filesArray","useEffect","dragAndDropProps","useDragAndDrop"],"mappings":"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"}

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

@@ -0,0 +1,17 @@
+import { ChangeEvent } from 'react';
+import { DragAndDropHandlingProps, FileUploaderQueueLimitBehaviorType } from '../../types';
+export interface UseFileUploaderInputProps {
+    accept?: string;
+    queueLimitBehavior?: FileUploaderQueueLimitBehaviorType;
+    isMultiple?: boolean;
+    maxFileSize: number;
+    maxUploadedFiles: number;
+    onError?: (error: string | Error) => void;
+}
+export interface UseFileUploaderInputReturn extends DragAndDropHandlingProps<HTMLDivElement> {
+    isDragging: boolean;
+    isDropZoneHidden: boolean;
+    isDisabledByQueueLimitBehavior: boolean;
+    onChange: (event: ChangeEvent<HTMLInputElement>) => void;
+}
+export declare const useFileUploaderInput: (props: UseFileUploaderInputProps) => UseFileUploaderInputReturn;

package/dist/components/FileUploader/useFileUploaderInput.js

@@ -0,0 +1,80 @@
+"use client";
+import { useState as g, useEffect as _ } from "react";
+import v from "../../common/utilities/warning.js";
+import { useDragAndDrop as I } from "../../hooks/useDragAndDrop.js";
+import { useFileUploaderContext as N } from "./FileUploaderContext.js";
+const G = (w) => {
+  const { maxFileSize: E, maxUploadedFiles: a, queueLimitBehavior: F, isMultiple: f, onError: n, accept: p } = w, [x, D] = g(!1), [z, A] = g(!1), { fileQueue: c, addToQueue: M, clearQueue: U, errorMessages: s } = N(), y = (e) => `file__${e.replace(/\./g, "_").replace(/\s/g, "_")}`, Q = (e) => {
+    if (e.size > E)
+      throw new Error(`${e.name}: ${s?.errorMaxFileSize}`);
+  }, T = () => {
+    if (a > 1 && !f)
+      throw new Error("`isMultiple` props must be set when maxUploadedFiles is greater than `1`");
+  }, B = (e) => {
+    if (f && c.has(y(e.name)))
+      throw new Error(`${e.name}: ${s?.errorFileDuplicity}`);
+  }, H = () => {
+    if (c.size >= a)
+      throw new Error(s?.errorMaxUploadedFiles);
+  }, L = (e) => {
+    const i = e.name.split(".").pop()?.toLowerCase(), d = e.type, r = p && !(p === "" || p === "*" || p === "*/*");
+    let o;
+    if (!r)
+      o = !0;
+    else {
+      const t = p.replace(/ /g, "").split(","), u = t.filter((l) => l.match(/\./g)), Z = t.filter((l) => l.match(/\//g));
+      u.forEach((l) => {
+        const h = l.replace(".", "").replace("*", "");
+        i.match(h) && (o = !0);
+      }), Z.forEach((l) => {
+        const h = l.replace("*", "");
+        d.match(h) && (o = !0);
+      });
+    }
+    if (!o)
+      throw new Error(`${e.name}: ${s?.errorFileNotSupported}`);
+  }, S = (e) => {
+    F && (F === "hide" ? A(e?.size >= a) : D(e?.size >= a));
+  }, $ = () => {
+    f || U();
+  }, m = (e) => {
+    try {
+      $(), B(e), Q(e), L(e), H(), T(), M(y(e.name), e);
+    } catch (i) {
+      n ? n(i) : v(!1, i);
+    }
+  }, b = (e) => {
+    const i = Array.from(e.dataTransfer.items), d = Array.from(e.dataTransfer.files);
+    let r = 0, o;
+    r += c.size, e.dataTransfer.items ? i.forEach((t) => {
+      if (t.kind === "file") {
+        const u = t.getAsFile();
+        u && r < a ? (m(u), r += 1) : o = !0;
+      }
+    }) : d.forEach((t) => {
+      r < a ? (m(t), r += 1) : o = !0;
+    }), o && n && s?.errorMaxUploadedFiles && n(new Error(s?.errorMaxUploadedFiles));
+  }, k = (e) => {
+    const { files: i } = e.target, d = Array.prototype.slice.call(i);
+    let r = 0, o;
+    r += c.size, d.forEach((t) => {
+      r < a ? (m(t), r += 1) : o = !0;
+    }), o && n && s?.errorMaxUploadedFiles && n(new Error(s?.errorMaxUploadedFiles)), e.target.blur(), e.target.value = "";
+  };
+  _(() => {
+    S(c);
+  }, [c]);
+  const C = I({
+    onDrop: b
+  });
+  return {
+    isDropZoneHidden: z,
+    isDisabledByQueueLimitBehavior: x,
+    onChange: k,
+    ...C
+  };
+};
+export {
+  G as useFileUploaderInput
+};
+//# sourceMappingURL=useFileUploaderInput.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"useFileUploaderInput.js","sources":["../../../src/components/FileUploader/useFileUploaderInput.ts"],"sourcesContent":["'use client';\n\nimport { type ChangeEvent, type DragEvent, useEffect, useState } from 'react';\nimport { warning } from '../../common/utilities';\nimport { useDragAndDrop } from '../../hooks';\nimport {\n  type DragAndDropHandlingProps,\n  type FileQueueMapType,\n  type FileUploaderQueueLimitBehaviorType,\n} from '../../types';\nimport { useFileUploaderContext } from './FileUploaderContext';\n\nexport interface UseFileUploaderInputProps {\n  accept?: string;\n  queueLimitBehavior?: FileUploaderQueueLimitBehaviorType;\n  isMultiple?: boolean;\n  maxFileSize: number;\n  maxUploadedFiles: number;\n  onError?: (error: string | Error) => void;\n}\n\nexport interface UseFileUploaderInputReturn extends DragAndDropHandlingProps<HTMLDivElement> {\n  isDragging: boolean;\n  isDropZoneHidden: boolean;\n  isDisabledByQueueLimitBehavior: boolean;\n  onChange: (event: ChangeEvent<HTMLInputElement>) => void;\n}\n\nexport const useFileUploaderInput = (props: UseFileUploaderInputProps): UseFileUploaderInputReturn => {\n  const { maxFileSize, maxUploadedFiles, queueLimitBehavior, isMultiple, onError, accept } = props;\n\n  const [disabledByQueueLimitBehavior, setDisabledByQueueLimitBehavior] = useState(false);\n  const [dropZoneHidden, setDropZoneHidden] = useState(false);\n\n  const { fileQueue, addToQueue, clearQueue, errorMessages } = useFileUploaderContext();\n\n  const getUpdatedFileName = (name: string): string => `file__${name.replace(/\\./g, '_').replace(/\\s/g, '_')}`;\n\n  const checkAllowedFileSize = (file: File) => {\n    if (file.size > maxFileSize) {\n      throw new Error(`${file.name}: ${errorMessages?.errorMaxFileSize}`);\n    }\n  };\n\n  const checkIsMultiple = () => {\n    if (maxUploadedFiles > 1 && !isMultiple) {\n      throw new Error('`isMultiple` props must be set when maxUploadedFiles is greater than `1`');\n    }\n  };\n\n  const checkFileDuplicity = (file: File) => {\n    if (isMultiple && fileQueue.has(getUpdatedFileName(file.name))) {\n      throw new Error(`${file.name}: ${errorMessages?.errorFileDuplicity}`);\n    }\n  };\n\n  const checkQueueSize = () => {\n    if (fileQueue.size >= maxUploadedFiles) {\n      throw new Error(errorMessages?.errorMaxUploadedFiles);\n    }\n  };\n\n  const checkAllowedFileType = (file: File) => {\n    const fileExtension = file.name.split('.').pop()?.toLowerCase() as string;\n    const fileType = file.type;\n    const shouldValidate = accept && !(accept === '' || accept === '*' || accept === '*/*');\n    let isTypeSupported;\n\n    if (!shouldValidate) {\n      isTypeSupported = true;\n    } else {\n      const acceptArray = accept.replace(/ /g, '').split(',');\n      const acceptExtensions = acceptArray.filter((exp) => exp.match(/\\./g));\n      const acceptTypes = acceptArray.filter((exp) => exp.match(/\\//g));\n\n      acceptExtensions.forEach((acceptExtension) => {\n        const expression = acceptExtension.replace('.', '').replace('*', '');\n\n        if (fileExtension.match(expression)) {\n          isTypeSupported = true;\n        }\n      });\n\n      acceptTypes.forEach((acceptType) => {\n        const expression = acceptType.replace('*', '');\n\n        if (fileType.match(expression)) {\n          isTypeSupported = true;\n        }\n      });\n    }\n\n    if (!isTypeSupported) {\n      throw new Error(`${file.name}: ${errorMessages?.errorFileNotSupported}`);\n    }\n  };\n\n  const updateDropZoneVisibility = (queue: FileQueueMapType) => {\n    if (!queueLimitBehavior) {\n      return;\n    }\n\n    if (queueLimitBehavior === 'hide') {\n      setDropZoneHidden(queue?.size >= maxUploadedFiles);\n    } else {\n      setDisabledByQueueLimitBehavior(queue?.size >= maxUploadedFiles);\n    }\n  };\n\n  const clearQueueHandler = () => {\n    if (!isMultiple) {\n      clearQueue();\n    }\n  };\n\n  const fileProcessHandler = (file: File) => {\n    try {\n      clearQueueHandler();\n      checkFileDuplicity(file);\n      checkAllowedFileSize(file);\n      checkAllowedFileType(file);\n      checkQueueSize();\n      checkIsMultiple();\n      addToQueue(getUpdatedFileName(file.name), file);\n    } catch (error) {\n      if (onError) {\n        onError(error);\n      } else {\n        warning(false, error);\n      }\n    }\n  };\n\n  const onDropHandler = (event: DragEvent<HTMLDivElement>) => {\n    const transferItems = Array.from(event.dataTransfer.items);\n    const transferFiles = Array.from(event.dataTransfer.files);\n\n    let counter = 0;\n    let overLimit;\n    counter += fileQueue.size;\n\n    if (event.dataTransfer.items) {\n      transferItems.forEach((item) => {\n        if (item.kind === 'file') {\n          const file = item.getAsFile();\n          if (file && counter < maxUploadedFiles) {\n            fileProcessHandler(file);\n            counter += 1;\n          } else {\n            overLimit = true;\n          }\n        }\n      });\n    } else {\n      transferFiles.forEach((file) => {\n        if (counter < maxUploadedFiles) {\n          fileProcessHandler(file);\n          counter += 1;\n        } else {\n          overLimit = true;\n        }\n      });\n    }\n\n    if (overLimit && onError && errorMessages?.errorMaxUploadedFiles) {\n      onError(new Error(errorMessages?.errorMaxUploadedFiles));\n    }\n  };\n\n  const onChangeHandler = (event: ChangeEvent<HTMLInputElement>) => {\n    const { files } = event.target;\n    const filesArray = Array.prototype.slice.call(files);\n\n    let counter = 0;\n    let overLimit;\n    counter += fileQueue.size;\n\n    filesArray.forEach((file: File) => {\n      if (counter < maxUploadedFiles) {\n        fileProcessHandler(file);\n        counter += 1;\n      } else {\n        overLimit = true;\n      }\n    });\n\n    if (overLimit && onError && errorMessages?.errorMaxUploadedFiles) {\n      onError(new Error(errorMessages?.errorMaxUploadedFiles));\n    }\n\n    event.target.blur();\n    // eslint-disable-next-line no-param-reassign -- Resetting input value is required for file inputs\n    event.target.value = '';\n  };\n\n  useEffect(() => {\n    updateDropZoneVisibility(fileQueue);\n    // We only want a dependency for fileQueue\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [fileQueue]);\n\n  const dragAndDropProps = useDragAndDrop({\n    onDrop: onDropHandler,\n  });\n\n  return {\n    isDropZoneHidden: dropZoneHidden,\n    isDisabledByQueueLimitBehavior: disabledByQueueLimitBehavior,\n    onChange: onChangeHandler,\n    ...dragAndDropProps,\n  };\n};\n"],"names":["useFileUploaderInput","props","maxFileSize","maxUploadedFiles","queueLimitBehavior","isMultiple","onError","accept","disabledByQueueLimitBehavior","setDisabledByQueueLimitBehavior","useState","dropZoneHidden","setDropZoneHidden","fileQueue","addToQueue","clearQueue","errorMessages","useFileUploaderContext","getUpdatedFileName","name","checkAllowedFileSize","file","checkIsMultiple","checkFileDuplicity","checkQueueSize","checkAllowedFileType","fileExtension","fileType","shouldValidate","isTypeSupported","acceptArray","acceptExtensions","exp","acceptTypes","acceptExtension","expression","acceptType","updateDropZoneVisibility","queue","clearQueueHandler","fileProcessHandler","error","warning","onDropHandler","event","transferItems","transferFiles","counter","overLimit","item","onChangeHandler","files","filesArray","useEffect","dragAndDropProps","useDragAndDrop"],"mappings":"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"}

package/dist/components/FileUploader/useFileUploaderStyleProps.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("classnames"),R=require("../../hooks/useClassNamePrefix.cjs"),o=require("./constants.cjs"),V=e=>{const a=R.useClassNamePrefix("FileUploader"),U="has-drag-and-drop",m=`${a}--fluid`,l=`${a}Input`,_=`${l}--disabled`,b=`${l}--${e?.validationState}`,I="is-dragging",$=`${l}__dragAndDropLabel`,p=`${l}__dropZone`,S=`${p}Label`,L=`${l}__helperText`,D="d-none",H=`${l}__input`,x=`${l}__label`,y=`${l}__label--hidden`,F=`${l}__label--required`,v=`${l}__link`,A=["link-primary","link-underlined"],T=`${l}__validationText`,q=`${a}List`,i=`${a}Attachment`,M=`${i}__name`,P=`${i}__action`,k=`${i}__image`,N=`${i}__slot`,{meta:n,imageObjectFit:r}=e||{};let c,u;const C=n!=null&&["x","y","cropWidth","cropHeight","originalWidth","originalHeight"].every(d=>n[d]!=null);if(C){const{x:d,y:W,cropWidth:g,cropHeight:f,originalWidth:B,originalHeight:O}=n,h=o.IMAGE_DIMENSION;let t;f>g?t=h/g:t=h/f;const Z=Math.round(d*t),j=Math.round(W*t),E=Math.round(B*t),G=Math.round(O*t);c={[o.FileUploaderCropCSS.TOP]:`-${j}px`,[o.FileUploaderCropCSS.LEFT]:`-${Z}px`,[o.FileUploaderCropCSS.WIDTH]:`${E}px`,[o.FileUploaderCropCSS.HEIGHT]:`${G}px`}}return r&&(u={"--file-uploader-attachment-image-object-fit":r}),{classProps:{root:s(a,{[m]:e?.isFluid}),input:{root:s(l,{[U]:e?.isDragAndDropSupported,[_]:e?.isDisabled||e?.isDisabledByQueueLimitBehavior&&e?.queueLimitBehavior==="disable",[I]:e?.isDragging,[D]:e?.isDropZoneHidden&&e.queueLimitBehavior==="hide",[b]:e?.validationState}),label:s(x,{[F]:e?.isRequired,[y]:e?.isLabelHidden}),input:H,dropLabel:$,helper:L,link:s(v,...A),validationText:T,dropZone:{root:p,label:S}},list:q,attachment:{root:i,button:P,name:M,image:k,slot:N},...C&&{imageCropStyles:c},...r&&{attachmentStyles:u}}}};exports.useFileUploaderStyleProps=V;
+//# sourceMappingURL=useFileUploaderStyleProps.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"useFileUploaderStyleProps.cjs","sources":["../../../src/components/FileUploader/useFileUploaderStyleProps.ts"],"sourcesContent":["import classNames from 'classnames';\nimport { type CSSProperties } from 'react';\nimport { type ObjectFit } from '../../constants';\nimport { useClassNamePrefix } from '../../hooks';\nimport { type FileMetadata, type FileUploaderQueueLimitBehaviorType, type Validation } from '../../types';\nimport { FileUploaderCropCSS, IMAGE_DIMENSION } from './constants';\n\nexport interface FileUploaderStyleProps extends Validation {\n  imageObjectFit?: (typeof ObjectFit)[keyof typeof ObjectFit];\n  isDisabled?: boolean;\n  isDisabledByQueueLimitBehavior?: boolean;\n  isDragAndDropSupported?: boolean;\n  isDragging?: boolean;\n  isDropZoneHidden?: boolean;\n  isFluid?: boolean;\n  isLabelHidden?: boolean;\n  meta?: FileMetadata;\n  queueLimitBehavior?: FileUploaderQueueLimitBehaviorType;\n}\n\ntype ImageCropCSS = {\n  [FileUploaderCropCSS.TOP]?: string;\n  [FileUploaderCropCSS.LEFT]?: string;\n  [FileUploaderCropCSS.WIDTH]?: string;\n  [FileUploaderCropCSS.HEIGHT]?: string;\n} & CSSProperties;\n\ntype ImageObjectFit = {\n  '--file-uploader-attachment-image-object-fit': string;\n};\n\ntype ImageCropMeta = {\n  x: number;\n  y: number;\n  cropWidth: number;\n  cropHeight: number;\n  originalWidth: number;\n  originalHeight: number;\n};\n\nexport interface FileUploaderStyleReturn {\n  /** className props */\n  classProps: {\n    root: string;\n    input: {\n      root: string;\n      label: string;\n      input: string;\n      dropLabel: string;\n      helper: string;\n      link: string;\n      validationText: string;\n      dropZone: {\n        root: string;\n        label: string;\n      };\n    };\n    list: string;\n    attachment: {\n      root: string;\n      button: string;\n      name: string;\n      image: string;\n      slot: string;\n    };\n    imageCropStyles?: ImageCropCSS;\n    attachmentStyles?: ImageObjectFit;\n  };\n}\n\nexport const useFileUploaderStyleProps = (props?: FileUploaderStyleProps): FileUploaderStyleReturn => {\n  const fileUploaderClass = useClassNamePrefix('FileUploader');\n  const fileUploaderHasDragAndDropClass = 'has-drag-and-drop';\n  const fileUploaderFluidClass = `${fileUploaderClass}--fluid`;\n  const fileUploaderInputClass = `${fileUploaderClass}Input`;\n  const fileUploaderInputDisabledClass = `${fileUploaderInputClass}--disabled`;\n  const fileUploaderInputValidationClass = `${fileUploaderInputClass}--${props?.validationState}`;\n  const fileUploaderInputDraggingClass = 'is-dragging';\n  const fileUploaderInputDropLabelClass = `${fileUploaderInputClass}__dragAndDropLabel`;\n  const fileUploaderInputDropZoneClass = `${fileUploaderInputClass}__dropZone`;\n  const fileUploaderInputDropZoneLabelClass = `${fileUploaderInputDropZoneClass}Label`;\n  const fileUploaderInputHelperClass = `${fileUploaderInputClass}__helperText`;\n  const fileUploaderInputHiddenClass = 'd-none';\n  const fileUploaderInputInputClass = `${fileUploaderInputClass}__input`;\n  const fileUploaderInputLabelClass = `${fileUploaderInputClass}__label`;\n  const fileUploaderInputLabelHiddenClass = `${fileUploaderInputClass}__label--hidden`;\n  const fileUploaderInputLabelRequiredClass = `${fileUploaderInputClass}__label--required`;\n  const fileUploaderInputLinkClass = `${fileUploaderInputClass}__link`;\n  const fileUploaderInputLinkUtilityClasses = ['link-primary', 'link-underlined'];\n  const fileUploaderInputValidationTextClass = `${fileUploaderInputClass}__validationText`;\n  const fileUploaderListClass = `${fileUploaderClass}List`;\n  const fileUploaderAttachmentClass = `${fileUploaderClass}Attachment`;\n  const fileUploaderAttachmentNameClass = `${fileUploaderAttachmentClass}__name`;\n  const fileUploaderAttachmentButtonClass = `${fileUploaderAttachmentClass}__action`;\n  const fileUploaderAttachmentImageClass = `${fileUploaderAttachmentClass}__image`;\n  const fileUploaderAttachmentSlotClass = `${fileUploaderAttachmentClass}__slot`;\n\n  const { meta, imageObjectFit } = props || {};\n  let imageCropCSS: ImageCropCSS | undefined;\n  let imageObjectFitCSS: ImageObjectFit | undefined;\n  const hasCoordsInMeta =\n    meta != null &&\n    ['x', 'y', 'cropWidth', 'cropHeight', 'originalWidth', 'originalHeight'].every((coord) => meta[coord] != null);\n\n  if (hasCoordsInMeta) {\n    const { x, y, cropWidth, cropHeight, originalWidth, originalHeight } = meta as ImageCropMeta;\n    const previewHeight = IMAGE_DIMENSION;\n    let scale;\n    if (cropHeight > cropWidth) {\n      // scale for portrait images\n      scale = previewHeight / cropWidth;\n    } else {\n      // scale for landscape images\n      scale = previewHeight / cropHeight;\n    }\n\n    const cropX = Math.round(x * scale);\n    const cropY = Math.round(y * scale);\n    const imageWidth = Math.round(originalWidth * scale);\n    const imageHeight = Math.round(originalHeight * scale);\n\n    imageCropCSS = {\n      [FileUploaderCropCSS.TOP]: `-${cropY}px`,\n      [FileUploaderCropCSS.LEFT]: `-${cropX}px`,\n      [FileUploaderCropCSS.WIDTH]: `${imageWidth}px`,\n      [FileUploaderCropCSS.HEIGHT]: `${imageHeight}px`,\n    };\n  }\n\n  if (imageObjectFit) {\n    imageObjectFitCSS = {\n      '--file-uploader-attachment-image-object-fit': imageObjectFit,\n    };\n  }\n\n  return {\n    classProps: {\n      root: classNames(fileUploaderClass, { [fileUploaderFluidClass]: props?.isFluid }),\n      input: {\n        root: classNames(fileUploaderInputClass, {\n          [fileUploaderHasDragAndDropClass]: props?.isDragAndDropSupported,\n          [fileUploaderInputDisabledClass]:\n            props?.isDisabled || (props?.isDisabledByQueueLimitBehavior && props?.queueLimitBehavior === 'disable'),\n          [fileUploaderInputDraggingClass]: props?.isDragging,\n          [fileUploaderInputHiddenClass]: props?.isDropZoneHidden && props.queueLimitBehavior === 'hide',\n          [fileUploaderInputValidationClass]: props?.validationState,\n        }),\n        label: classNames(fileUploaderInputLabelClass, {\n          [fileUploaderInputLabelRequiredClass]: props?.isRequired,\n          [fileUploaderInputLabelHiddenClass]: props?.isLabelHidden,\n        }),\n        input: fileUploaderInputInputClass,\n        dropLabel: fileUploaderInputDropLabelClass,\n        helper: fileUploaderInputHelperClass,\n        link: classNames(fileUploaderInputLinkClass, ...fileUploaderInputLinkUtilityClasses),\n        validationText: fileUploaderInputValidationTextClass,\n        dropZone: {\n          root: fileUploaderInputDropZoneClass,\n          label: fileUploaderInputDropZoneLabelClass,\n        },\n      },\n      list: fileUploaderListClass,\n      attachment: {\n        root: fileUploaderAttachmentClass,\n        button: fileUploaderAttachmentButtonClass,\n        name: fileUploaderAttachmentNameClass,\n        image: fileUploaderAttachmentImageClass,\n        slot: fileUploaderAttachmentSlotClass,\n      },\n      ...(hasCoordsInMeta && { imageCropStyles: imageCropCSS }),\n      ...(imageObjectFit && { attachmentStyles: imageObjectFitCSS }),\n    },\n  };\n};\n"],"names":["useFileUploaderStyleProps","props","fileUploaderClass","useClassNamePrefix","fileUploaderHasDragAndDropClass","fileUploaderFluidClass","fileUploaderInputClass","fileUploaderInputDisabledClass","fileUploaderInputValidationClass","fileUploaderInputDraggingClass","fileUploaderInputDropLabelClass","fileUploaderInputDropZoneClass","fileUploaderInputDropZoneLabelClass","fileUploaderInputHelperClass","fileUploaderInputHiddenClass","fileUploaderInputInputClass","fileUploaderInputLabelClass","fileUploaderInputLabelHiddenClass","fileUploaderInputLabelRequiredClass","fileUploaderInputLinkClass","fileUploaderInputLinkUtilityClasses","fileUploaderInputValidationTextClass","fileUploaderListClass","fileUploaderAttachmentClass","fileUploaderAttachmentNameClass","fileUploaderAttachmentButtonClass","fileUploaderAttachmentImageClass","fileUploaderAttachmentSlotClass","meta","imageObjectFit","imageCropCSS","imageObjectFitCSS","hasCoordsInMeta","coord","x","y","cropWidth","cropHeight","originalWidth","originalHeight","previewHeight","IMAGE_DIMENSION","scale","cropX","cropY","imageWidth","imageHeight","FileUploaderCropCSS","classNames"],"mappings":"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"}

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

@@ -0,0 +1,55 @@
+import { CSSProperties } from 'react';
+import { ObjectFit } from '../../constants';
+import { FileMetadata, FileUploaderQueueLimitBehaviorType, Validation } from '../../types';
+import { FileUploaderCropCSS } from './constants';
+export interface FileUploaderStyleProps extends Validation {
+    imageObjectFit?: (typeof ObjectFit)[keyof typeof ObjectFit];
+    isDisabled?: boolean;
+    isDisabledByQueueLimitBehavior?: boolean;
+    isDragAndDropSupported?: boolean;
+    isDragging?: boolean;
+    isDropZoneHidden?: boolean;
+    isFluid?: boolean;
+    isLabelHidden?: boolean;
+    meta?: FileMetadata;
+    queueLimitBehavior?: FileUploaderQueueLimitBehaviorType;
+}
+type ImageCropCSS = {
+    [FileUploaderCropCSS.TOP]?: string;
+    [FileUploaderCropCSS.LEFT]?: string;
+    [FileUploaderCropCSS.WIDTH]?: string;
+    [FileUploaderCropCSS.HEIGHT]?: string;
+} & CSSProperties;
+type ImageObjectFit = {
+    '--file-uploader-attachment-image-object-fit': string;
+};
+export interface FileUploaderStyleReturn {
+    classProps: {
+        root: string;
+        input: {
+            root: string;
+            label: string;
+            input: string;
+            dropLabel: string;
+            helper: string;
+            link: string;
+            validationText: string;
+            dropZone: {
+                root: string;
+                label: string;
+            };
+        };
+        list: string;
+        attachment: {
+            root: string;
+            button: string;
+            name: string;
+            image: string;
+            slot: string;
+        };
+        imageCropStyles?: ImageCropCSS;
+        attachmentStyles?: ImageObjectFit;
+    };
+}
+export declare const useFileUploaderStyleProps: (props?: FileUploaderStyleProps) => FileUploaderStyleReturn;
+export {};

package/dist/components/FileUploader/useFileUploaderStyleProps.js

@@ -0,0 +1,63 @@
+import o from "classnames";
+import { useClassNamePrefix as R } from "../../hooks/useClassNamePrefix.js";
+import { FileUploaderCropCSS as n, IMAGE_DIMENSION as V } from "./constants.js";
+const Y = (e) => {
+  const a = R("FileUploader"), C = "has-drag-and-drop", U = `${a}--fluid`, t = `${a}Input`, _ = `${t}--disabled`, I = `${t}--${e?.validationState}`, $ = "is-dragging", b = `${t}__dragAndDropLabel`, p = `${t}__dropZone`, L = `${p}Label`, D = `${t}__helperText`, H = "d-none", S = `${t}__input`, x = `${t}__label`, A = `${t}__label--hidden`, v = `${t}__label--required`, y = `${t}__link`, F = ["link-primary", "link-underlined"], T = `${t}__validationText`, M = `${a}List`, i = `${a}Attachment`, k = `${i}__name`, W = `${i}__action`, q = `${i}__image`, B = `${i}__slot`, { meta: s, imageObjectFit: r } = e || {};
+  let c, u;
+  const f = s != null && ["x", "y", "cropWidth", "cropHeight", "originalWidth", "originalHeight"].every((d) => s[d] != null);
+  if (f) {
+    const { x: d, y: N, cropWidth: m, cropHeight: g, originalWidth: Z, originalHeight: E } = s, h = V;
+    let l;
+    g > m ? l = h / m : l = h / g;
+    const O = Math.round(d * l), P = Math.round(N * l), j = Math.round(Z * l), G = Math.round(E * l);
+    c = {
+      [n.TOP]: `-${P}px`,
+      [n.LEFT]: `-${O}px`,
+      [n.WIDTH]: `${j}px`,
+      [n.HEIGHT]: `${G}px`
+    };
+  }
+  return r && (u = {
+    "--file-uploader-attachment-image-object-fit": r
+  }), {
+    classProps: {
+      root: o(a, { [U]: e?.isFluid }),
+      input: {
+        root: o(t, {
+          [C]: e?.isDragAndDropSupported,
+          [_]: e?.isDisabled || e?.isDisabledByQueueLimitBehavior && e?.queueLimitBehavior === "disable",
+          [$]: e?.isDragging,
+          [H]: e?.isDropZoneHidden && e.queueLimitBehavior === "hide",
+          [I]: e?.validationState
+        }),
+        label: o(x, {
+          [v]: e?.isRequired,
+          [A]: e?.isLabelHidden
+        }),
+        input: S,
+        dropLabel: b,
+        helper: D,
+        link: o(y, ...F),
+        validationText: T,
+        dropZone: {
+          root: p,
+          label: L
+        }
+      },
+      list: M,
+      attachment: {
+        root: i,
+        button: W,
+        name: k,
+        image: q,
+        slot: B
+      },
+      ...f && { imageCropStyles: c },
+      ...r && { attachmentStyles: u }
+    }
+  };
+};
+export {
+  Y as useFileUploaderStyleProps
+};
+//# sourceMappingURL=useFileUploaderStyleProps.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"useFileUploaderStyleProps.js","sources":["../../../src/components/FileUploader/useFileUploaderStyleProps.ts"],"sourcesContent":["import classNames from 'classnames';\nimport { type CSSProperties } from 'react';\nimport { type ObjectFit } from '../../constants';\nimport { useClassNamePrefix } from '../../hooks';\nimport { type FileMetadata, type FileUploaderQueueLimitBehaviorType, type Validation } from '../../types';\nimport { FileUploaderCropCSS, IMAGE_DIMENSION } from './constants';\n\nexport interface FileUploaderStyleProps extends Validation {\n  imageObjectFit?: (typeof ObjectFit)[keyof typeof ObjectFit];\n  isDisabled?: boolean;\n  isDisabledByQueueLimitBehavior?: boolean;\n  isDragAndDropSupported?: boolean;\n  isDragging?: boolean;\n  isDropZoneHidden?: boolean;\n  isFluid?: boolean;\n  isLabelHidden?: boolean;\n  meta?: FileMetadata;\n  queueLimitBehavior?: FileUploaderQueueLimitBehaviorType;\n}\n\ntype ImageCropCSS = {\n  [FileUploaderCropCSS.TOP]?: string;\n  [FileUploaderCropCSS.LEFT]?: string;\n  [FileUploaderCropCSS.WIDTH]?: string;\n  [FileUploaderCropCSS.HEIGHT]?: string;\n} & CSSProperties;\n\ntype ImageObjectFit = {\n  '--file-uploader-attachment-image-object-fit': string;\n};\n\ntype ImageCropMeta = {\n  x: number;\n  y: number;\n  cropWidth: number;\n  cropHeight: number;\n  originalWidth: number;\n  originalHeight: number;\n};\n\nexport interface FileUploaderStyleReturn {\n  /** className props */\n  classProps: {\n    root: string;\n    input: {\n      root: string;\n      label: string;\n      input: string;\n      dropLabel: string;\n      helper: string;\n      link: string;\n      validationText: string;\n      dropZone: {\n        root: string;\n        label: string;\n      };\n    };\n    list: string;\n    attachment: {\n      root: string;\n      button: string;\n      name: string;\n      image: string;\n      slot: string;\n    };\n    imageCropStyles?: ImageCropCSS;\n    attachmentStyles?: ImageObjectFit;\n  };\n}\n\nexport const useFileUploaderStyleProps = (props?: FileUploaderStyleProps): FileUploaderStyleReturn => {\n  const fileUploaderClass = useClassNamePrefix('FileUploader');\n  const fileUploaderHasDragAndDropClass = 'has-drag-and-drop';\n  const fileUploaderFluidClass = `${fileUploaderClass}--fluid`;\n  const fileUploaderInputClass = `${fileUploaderClass}Input`;\n  const fileUploaderInputDisabledClass = `${fileUploaderInputClass}--disabled`;\n  const fileUploaderInputValidationClass = `${fileUploaderInputClass}--${props?.validationState}`;\n  const fileUploaderInputDraggingClass = 'is-dragging';\n  const fileUploaderInputDropLabelClass = `${fileUploaderInputClass}__dragAndDropLabel`;\n  const fileUploaderInputDropZoneClass = `${fileUploaderInputClass}__dropZone`;\n  const fileUploaderInputDropZoneLabelClass = `${fileUploaderInputDropZoneClass}Label`;\n  const fileUploaderInputHelperClass = `${fileUploaderInputClass}__helperText`;\n  const fileUploaderInputHiddenClass = 'd-none';\n  const fileUploaderInputInputClass = `${fileUploaderInputClass}__input`;\n  const fileUploaderInputLabelClass = `${fileUploaderInputClass}__label`;\n  const fileUploaderInputLabelHiddenClass = `${fileUploaderInputClass}__label--hidden`;\n  const fileUploaderInputLabelRequiredClass = `${fileUploaderInputClass}__label--required`;\n  const fileUploaderInputLinkClass = `${fileUploaderInputClass}__link`;\n  const fileUploaderInputLinkUtilityClasses = ['link-primary', 'link-underlined'];\n  const fileUploaderInputValidationTextClass = `${fileUploaderInputClass}__validationText`;\n  const fileUploaderListClass = `${fileUploaderClass}List`;\n  const fileUploaderAttachmentClass = `${fileUploaderClass}Attachment`;\n  const fileUploaderAttachmentNameClass = `${fileUploaderAttachmentClass}__name`;\n  const fileUploaderAttachmentButtonClass = `${fileUploaderAttachmentClass}__action`;\n  const fileUploaderAttachmentImageClass = `${fileUploaderAttachmentClass}__image`;\n  const fileUploaderAttachmentSlotClass = `${fileUploaderAttachmentClass}__slot`;\n\n  const { meta, imageObjectFit } = props || {};\n  let imageCropCSS: ImageCropCSS | undefined;\n  let imageObjectFitCSS: ImageObjectFit | undefined;\n  const hasCoordsInMeta =\n    meta != null &&\n    ['x', 'y', 'cropWidth', 'cropHeight', 'originalWidth', 'originalHeight'].every((coord) => meta[coord] != null);\n\n  if (hasCoordsInMeta) {\n    const { x, y, cropWidth, cropHeight, originalWidth, originalHeight } = meta as ImageCropMeta;\n    const previewHeight = IMAGE_DIMENSION;\n    let scale;\n    if (cropHeight > cropWidth) {\n      // scale for portrait images\n      scale = previewHeight / cropWidth;\n    } else {\n      // scale for landscape images\n      scale = previewHeight / cropHeight;\n    }\n\n    const cropX = Math.round(x * scale);\n    const cropY = Math.round(y * scale);\n    const imageWidth = Math.round(originalWidth * scale);\n    const imageHeight = Math.round(originalHeight * scale);\n\n    imageCropCSS = {\n      [FileUploaderCropCSS.TOP]: `-${cropY}px`,\n      [FileUploaderCropCSS.LEFT]: `-${cropX}px`,\n      [FileUploaderCropCSS.WIDTH]: `${imageWidth}px`,\n      [FileUploaderCropCSS.HEIGHT]: `${imageHeight}px`,\n    };\n  }\n\n  if (imageObjectFit) {\n    imageObjectFitCSS = {\n      '--file-uploader-attachment-image-object-fit': imageObjectFit,\n    };\n  }\n\n  return {\n    classProps: {\n      root: classNames(fileUploaderClass, { [fileUploaderFluidClass]: props?.isFluid }),\n      input: {\n        root: classNames(fileUploaderInputClass, {\n          [fileUploaderHasDragAndDropClass]: props?.isDragAndDropSupported,\n          [fileUploaderInputDisabledClass]:\n            props?.isDisabled || (props?.isDisabledByQueueLimitBehavior && props?.queueLimitBehavior === 'disable'),\n          [fileUploaderInputDraggingClass]: props?.isDragging,\n          [fileUploaderInputHiddenClass]: props?.isDropZoneHidden && props.queueLimitBehavior === 'hide',\n          [fileUploaderInputValidationClass]: props?.validationState,\n        }),\n        label: classNames(fileUploaderInputLabelClass, {\n          [fileUploaderInputLabelRequiredClass]: props?.isRequired,\n          [fileUploaderInputLabelHiddenClass]: props?.isLabelHidden,\n        }),\n        input: fileUploaderInputInputClass,\n        dropLabel: fileUploaderInputDropLabelClass,\n        helper: fileUploaderInputHelperClass,\n        link: classNames(fileUploaderInputLinkClass, ...fileUploaderInputLinkUtilityClasses),\n        validationText: fileUploaderInputValidationTextClass,\n        dropZone: {\n          root: fileUploaderInputDropZoneClass,\n          label: fileUploaderInputDropZoneLabelClass,\n        },\n      },\n      list: fileUploaderListClass,\n      attachment: {\n        root: fileUploaderAttachmentClass,\n        button: fileUploaderAttachmentButtonClass,\n        name: fileUploaderAttachmentNameClass,\n        image: fileUploaderAttachmentImageClass,\n        slot: fileUploaderAttachmentSlotClass,\n      },\n      ...(hasCoordsInMeta && { imageCropStyles: imageCropCSS }),\n      ...(imageObjectFit && { attachmentStyles: imageObjectFitCSS }),\n    },\n  };\n};\n"],"names":["useFileUploaderStyleProps","props","fileUploaderClass","useClassNamePrefix","fileUploaderHasDragAndDropClass","fileUploaderFluidClass","fileUploaderInputClass","fileUploaderInputDisabledClass","fileUploaderInputValidationClass","fileUploaderInputDraggingClass","fileUploaderInputDropLabelClass","fileUploaderInputDropZoneClass","fileUploaderInputDropZoneLabelClass","fileUploaderInputHelperClass","fileUploaderInputHiddenClass","fileUploaderInputInputClass","fileUploaderInputLabelClass","fileUploaderInputLabelHiddenClass","fileUploaderInputLabelRequiredClass","fileUploaderInputLinkClass","fileUploaderInputLinkUtilityClasses","fileUploaderInputValidationTextClass","fileUploaderListClass","fileUploaderAttachmentClass","fileUploaderAttachmentNameClass","fileUploaderAttachmentButtonClass","fileUploaderAttachmentImageClass","fileUploaderAttachmentSlotClass","meta","imageObjectFit","imageCropCSS","imageObjectFitCSS","hasCoordsInMeta","coord","x","y","cropWidth","cropHeight","originalWidth","originalHeight","previewHeight","IMAGE_DIMENSION","scale","cropX","cropY","imageWidth","imageHeight","FileUploaderCropCSS","classNames"],"mappings":"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"}

package/dist/components/FileUploader/utils.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const u=require("../../common/utilities/warning.cjs"),d=(r,n,a)=>{const t=document.createElement("input"),e=new DataTransfer;if(r)e.items?.add(r);else{a?a("File not found"):u.default(!1,"File not found");return}return t.setAttribute("type","file"),t.setAttribute("name",`${n}[]`),t.setAttribute("hidden",""),t.files=e.files,t},l=(r,n,a)=>{const t=document.createElement("input");return t.setAttribute("type","text"),t.setAttribute("name",`${n}_meta`),t.setAttribute("value",JSON.stringify(a)),t.setAttribute("hidden",""),t},m=(r,n,a)=>{const t=new FileReader;t.onload=e=>{const i=new Image;i.onload=()=>{const s=document.createElement("canvas"),o=s.getContext("2d");s.width=n,s.height=i.height/i.width*n,o?.drawImage(i,0,0,s.width,s.height);const c=s.toDataURL("image/jpeg",.8);a(c)},e.target&&e.target.result&&(i.src=e.target.result.toString())},t.readAsDataURL(r)},g=r=>{const n=atob(r),a=new Array(n.length);for(let e=0;e<n.length;e++)a[e]=n.charCodeAt(e);return new Uint8Array(a)};exports.base64ToByteArray=g;exports.getAttachmentInput=d;exports.getAttachmentMetaInput=l;exports.image2Base64Preview=m;
+//# sourceMappingURL=utils.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"utils.cjs","sources":["../../../src/components/FileUploader/utils.ts"],"sourcesContent":["import { warning } from '../../common/utilities';\nimport { type FileMetadata } from '../../types/fileUploader';\n\nconst getAttachmentInput = (\n  file: File,\n  name: string,\n  onError?: (error: string) => void,\n): HTMLInputElement | undefined => {\n  const attachmentInputElement = document.createElement('input');\n  const dataContainer = new DataTransfer();\n\n  if (file) {\n    dataContainer.items?.add(file);\n  } else {\n    if (onError) {\n      onError('File not found');\n    } else {\n      warning(false, 'File not found');\n    }\n\n    return;\n  }\n\n  attachmentInputElement.setAttribute('type', 'file');\n  attachmentInputElement.setAttribute('name', `${name}[]`);\n  attachmentInputElement.setAttribute('hidden', '');\n\n  attachmentInputElement.files = dataContainer.files;\n\n  return attachmentInputElement;\n};\n\nconst getAttachmentMetaInput = (file: File, name: string, meta: FileMetadata): HTMLInputElement => {\n  const attachmentInputElement = document.createElement('input');\n\n  attachmentInputElement.setAttribute('type', 'text');\n  attachmentInputElement.setAttribute('name', `${name}_meta`);\n  attachmentInputElement.setAttribute('value', JSON.stringify(meta));\n  attachmentInputElement.setAttribute('hidden', '');\n\n  return attachmentInputElement;\n};\n\nconst image2Base64Preview = (file: File, maxWidth: number, callback: (base64Preview: string) => void) => {\n  const reader = new FileReader();\n\n  reader.onload = (event) => {\n    const image = new Image();\n    image.onload = () => {\n      const canvas = document.createElement('canvas');\n      const context = canvas.getContext('2d');\n      canvas.width = maxWidth;\n      canvas.height = (image.height / image.width) * maxWidth;\n      context?.drawImage(image, 0, 0, canvas.width, canvas.height);\n      const compressedDataURL = canvas.toDataURL('image/jpeg', 0.8);\n      callback(compressedDataURL);\n    };\n\n    if (event.target && event.target.result) {\n      image.src = event.target.result.toString();\n    }\n  };\n\n  reader.readAsDataURL(file);\n};\n\nconst base64ToByteArray = (base64Image: string) => {\n  const byteCharacters = atob(base64Image);\n  const byteNumbers = new Array(byteCharacters.length);\n  for (let i = 0; i < byteCharacters.length; i++) {\n    byteNumbers[i] = byteCharacters.charCodeAt(i);\n  }\n  const byteArray = new Uint8Array(byteNumbers);\n\n  return byteArray;\n};\n\nexport { base64ToByteArray, getAttachmentInput, getAttachmentMetaInput, image2Base64Preview };\n"],"names":["getAttachmentInput","file","name","onError","attachmentInputElement","dataContainer","warning","getAttachmentMetaInput","meta","image2Base64Preview","maxWidth","callback","reader","event","image","canvas","context","compressedDataURL","base64ToByteArray","base64Image","byteCharacters","byteNumbers","i"],"mappings":"sIAGMA,EAAqB,CACzBC,EACAC,EACAC,IACiC,CACjC,MAAMC,EAAyB,SAAS,cAAc,OAAO,EACvDC,EAAgB,IAAI,aAE1B,GAAIJ,EACFI,EAAc,OAAO,IAAIJ,CAAI,MACxB,CACDE,EACFA,EAAQ,gBAAgB,EAExBG,EAAAA,QAAQ,GAAO,gBAAgB,EAGjC,MACF,CAEA,OAAAF,EAAuB,aAAa,OAAQ,MAAM,EAClDA,EAAuB,aAAa,OAAQ,GAAGF,CAAI,IAAI,EACvDE,EAAuB,aAAa,SAAU,EAAE,EAEhDA,EAAuB,MAAQC,EAAc,MAEtCD,CACT,EAEMG,EAAyB,CAACN,EAAYC,EAAcM,IAAyC,CACjG,MAAMJ,EAAyB,SAAS,cAAc,OAAO,EAE7D,OAAAA,EAAuB,aAAa,OAAQ,MAAM,EAClDA,EAAuB,aAAa,OAAQ,GAAGF,CAAI,OAAO,EAC1DE,EAAuB,aAAa,QAAS,KAAK,UAAUI,CAAI,CAAC,EACjEJ,EAAuB,aAAa,SAAU,EAAE,EAEzCA,CACT,EAEMK,EAAsB,CAACR,EAAYS,EAAkBC,IAA8C,CACvG,MAAMC,EAAS,IAAI,WAEnBA,EAAO,OAAUC,GAAU,CACzB,MAAMC,EAAQ,IAAI,MAClBA,EAAM,OAAS,IAAM,CACnB,MAAMC,EAAS,SAAS,cAAc,QAAQ,EACxCC,EAAUD,EAAO,WAAW,IAAI,EACtCA,EAAO,MAAQL,EACfK,EAAO,OAAUD,EAAM,OAASA,EAAM,MAASJ,EAC/CM,GAAS,UAAUF,EAAO,EAAG,EAAGC,EAAO,MAAOA,EAAO,MAAM,EAC3D,MAAME,EAAoBF,EAAO,UAAU,aAAc,EAAG,EAC5DJ,EAASM,CAAiB,CAC5B,EAEIJ,EAAM,QAAUA,EAAM,OAAO,SAC/BC,EAAM,IAAMD,EAAM,OAAO,OAAO,SAAA,EAEpC,EAEAD,EAAO,cAAcX,CAAI,CAC3B,EAEMiB,EAAqBC,GAAwB,CACjD,MAAMC,EAAiB,KAAKD,CAAW,EACjCE,EAAc,IAAI,MAAMD,EAAe,MAAM,EACnD,QAASE,EAAI,EAAGA,EAAIF,EAAe,OAAQE,IACzCD,EAAYC,CAAC,EAAIF,EAAe,WAAWE,CAAC,EAI9C,OAFkB,IAAI,WAAWD,CAAW,CAG9C"}

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

@@ -0,0 +1,6 @@
+import { FileMetadata } from '../../types/fileUploader';
+declare const getAttachmentInput: (file: File, name: string, onError?: (error: string) => void) => HTMLInputElement | undefined;
+declare const getAttachmentMetaInput: (file: File, name: string, meta: FileMetadata) => HTMLInputElement;
+declare const image2Base64Preview: (file: File, maxWidth: number, callback: (base64Preview: string) => void) => void;
+declare const base64ToByteArray: (base64Image: string) => Uint8Array<ArrayBuffer>;
+export { base64ToByteArray, getAttachmentInput, getAttachmentMetaInput, image2Base64Preview };