acinguiux-ds-react-framework 0.1.16 → 0.1.19

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

@@ -1,57 +1,59 @@
-import { useState as H, useRef as b } from "react";
-import { useDrop as q } from "react-aria";
-import { FileType as z } from "../../../react-base/src/components/FileUploader/FileUploader.types.js";
-import { getIsUploadComplete as A } from "../components/FileUpload/FileUpload.utils.js";
-import { isFileUpload as J } from "../components/FileUploadContent/FileUploadContent.utils.js";
-import { getMappedMimeTypes as K, getInvalidFileTypes as Q, getAcceptedTextMapper as V } from "./useFileUploaderProps.utils.js";
-const C = (c, s) => s === void 0 ? [] : c.reduce((p, m) => (m.size > s && p.push({
+import { useState as q, useRef as A } from "react";
+import { useDrop as J } from "react-aria";
+import { FileType as C } from "../../../react-base/src/components/FileUploader/FileUploader.types.js";
+import { getIsUploadComplete as K } from "../components/FileUpload/FileUpload.utils.js";
+import { isFileUpload as Q } from "../components/FileUploadContent/FileUploadContent.utils.js";
+import { getMappedMimeTypes as V, getInvalidFileTypes as W, getAcceptedTextMapper as X } from "./useFileUploaderProps.utils.js";
+const R = (c, o) => o === void 0 ? [] : c.reduce((p, m) => (m.size > o && p.push({
   fileName: m.name,
   errors: {
     hasFileSizeError: !0
   }
-}), p), []), W = [], ee = ({
-  fileType: c = z.MultiHorizontal,
-  acceptedFileTypes: s = [],
+}), p), []), Y = [], ne = ({
+  fileType: c = C.MultiHorizontal,
+  acceptedFileTypes: o = [],
   dropOptions: p,
   dropFilesAction: m,
-  onProgress: F,
-  onError: h,
-  removeFileAction: U,
-  maxFileSize: D,
-  initialFiles: R = W
+  onProgress: v,
+  onError: y,
+  removeFileAction: I,
+  maxFileSize: T,
+  initialFiles: k = Y,
+  files: U,
+  onFilesChanged: D
 }) => {
-  const [o, l] = H(() => R), d = c === z.Single, g = b(null), v = K(s), I = (e, t) => {
-    l((r) => {
-      const n = [...r], a = n.findIndex((f) => f.fileName === e);
-      return n[a] = {
-        ...n[a],
-        progressPercentage: t
-      }, n;
-    }), F == null || F(e, t);
-  }, N = (e) => {
+  const [L, O] = q(() => k), [i, l] = U && D ? [U, D] : [L, O], d = c === C.Single, g = A(null), F = V(o), N = (e, r) => {
+    l((t) => {
+      const s = [...t], a = s.findIndex((f) => f.fileName === e);
+      return s[a] = {
+        ...s[a],
+        progressPercentage: r
+      }, s;
+    }), v?.(e, r);
+  }, M = (e) => {
     l(
-      (t) => t.map(
-        (r) => r.fileName === e ? { fileName: r.fileName, errors: { hasGenericError: !0 } } : r
+      (r) => r.map(
+        (t) => t.fileName === e ? { fileName: t.fileName, errors: { hasGenericError: !0 } } : t
       )
-    ), h == null || h(e);
-  }, y = (e) => {
+    ), y?.(e);
+  }, h = (e) => {
     if (e.length === 0)
       return;
-    const t = e.map((r) => ({
+    const r = e.map((t) => ({
       progressPercentage: 0,
-      file: r,
-      fileName: r.name
+      file: t,
+      fileName: t.name
     }));
-    l(t), m(e, I, N);
-  }, M = q({
+    l(r), m(e, N, M);
+  }, S = J({
     ...p,
     hasDropButton: !0,
     ref: g,
     async onDrop(e) {
-      const t = d ? [e.items[0]] : e.items, r = Q(t, v), n = await Promise.all(
-        t.filter((i) => !r.includes(i)).map((i) => i.getFile())
-      ), a = C(n, D), f = r.map((i) => ({
-        fileName: i.kind === "file" || i.kind === "directory" ? i.name : "text",
+      const r = d ? [e.items[0]] : e.items, t = W(r, F), s = await Promise.all(
+        r.filter((n) => !t.includes(n)).map((n) => n.getFile())
+      ), a = R(s, T), f = t.map((n) => ({
+        fileName: n.kind === "file" || n.kind === "directory" ? n.name : "text",
         errors: {
           hasFileTypeError: !0
         }
@@ -60,16 +62,15 @@ const C = (c, s) => s === void 0 ? [] : c.reduce((p, m) => (m.size > s && p.push
         l(u);
         return;
       }
-      y(n);
+      h(s);
     }
-  }), S = (e) => {
-    g.current && (g.current.value = ""), l((t) => t.filter((r) => r.fileName !== e)), U(e);
-  }, x = d && !!o[0] && !M.isDropTarget, k = (e) => {
-    var i;
-    const t = Array.from(((i = e.currentTarget) == null ? void 0 : i.files) ?? []), n = (d ? [t[0]] : t).filter(
-      (T) => v.length > 0 && !v.includes(T.type)
-    ), a = C(t, D), f = n.map((T) => ({
-      fileName: T.name,
+  }), x = (e) => {
+    g.current && (g.current.value = ""), l((r) => r.filter((t) => t.fileName !== e)), I(e);
+  }, z = d && !!i[0] && !S.isDropTarget, P = (e) => {
+    const r = Array.from(e.currentTarget?.files ?? []), s = (d ? [r[0]] : r).filter(
+      (n) => F.length > 0 && !F.includes(n.type)
+    ), a = R(r, T), f = s.map((n) => ({
+      fileName: n.name,
       errors: {
         hasFileTypeError: !0
       }
@@ -78,37 +79,37 @@ const C = (c, s) => s === void 0 ? [] : c.reduce((p, m) => (m.size > s && p.push
       l(u);
       return;
     }
-    y(t);
-  }, L = (e) => {
-    x && (e.preventDefault(), S(o[0].fileName));
-  }, O = !d && o.length > 0, w = o.some((e) => !!e.errors) && c === "single", j = s.join(","), B = V(s), E = o[0], G = E && J(E) ? A(E.progressPercentage) : !1;
+    h(r);
+  }, w = (e) => {
+    z && (e.preventDefault(), x(i[0].fileName));
+  }, j = !d && i.length > 0, B = i.some((e) => !!e.errors) && c === "single", G = o.join(","), H = X(o), E = i[0], b = E && Q(E) ? K(E.progressPercentage) : !1;
   return {
     fileInputRef: g,
     fileType: c,
-    acceptedFileTypes: s,
+    acceptedFileTypes: o,
     dropOptions: p,
-    handleOnProgress: I,
-    handleOnError: N,
-    handleOnDropFiles: y,
+    handleOnProgress: N,
+    handleOnError: M,
+    handleOnDropFiles: h,
     dropFilesAction: m,
-    onProgress: F,
-    onError: h,
-    removeFileAction: U,
-    renderFileUploads: O,
-    hasError: w,
-    accept: j,
-    acceptedTextMapper: B,
-    isFirstFileUploadComplete: G,
-    handleOnRemoveFile: S,
-    onChange: k,
-    onClick: L,
-    dropResult: M,
+    onProgress: v,
+    onError: y,
+    removeFileAction: I,
+    renderFileUploads: j,
+    hasError: B,
+    accept: G,
+    acceptedTextMapper: H,
+    isFirstFileUploadComplete: b,
+    handleOnRemoveFile: x,
+    onChange: P,
+    onClick: w,
+    dropResult: S,
     isSingleFileType: d,
-    fileUploads: o,
-    renderSingleDeleteFile: x
+    fileUploads: i,
+    renderSingleDeleteFile: z
   };
 };
 export {
-  ee as default
+  ne as default
 };
 //# sourceMappingURL=useFileUploaderProps.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"useFileUploaderProps.js","sources":["../../../../../src/components/FileUploader/hooks/useFileUploaderProps.tsx"],"sourcesContent":["import { type ChangeEventHandler, useRef, useState, type MouseEventHandler } from 'react';\n\nimport { type FileDropItem, useDrop } from 'react-aria';\nimport { FileUploaderTypes } from 'acinguiux-ds-react-base/components/FileUploader';\n\nimport type { IFileUploaderProps } from '../FileUploader.types';\nimport type { IFileUploadProps } from '../components/FileUpload/FileUpload.types';\nimport { getIsUploadComplete } from '../components/FileUpload/FileUpload.utils';\nimport { isFileUpload } from '../components/FileUploadContent/FileUploadContent.utils';\nimport { getAcceptedTextMapper, getInvalidFileTypes, getMappedMimeTypes } from './useFileUploaderProps.utils';\n\nconst getInvalidFileSizeErrors = (files: File[], maxFileSize?: number) =>\n  maxFileSize === undefined\n    ? []\n    : files.reduce((acc: FileUploaderTypes.IFileUploadError[], file) => {\n        if (file.size > maxFileSize) {\n          acc.push({\n            fileName: file.name,\n            errors: {\n              hasFileSizeError: true,\n            },\n          });\n        }\n\n        return acc;\n      }, []);\n\nconst defaultInitialFiles: FileUploaderTypes.IFileUpload[] = [];\n\nconst useFileUploaderProps = ({\n  fileType = FileUploaderTypes.FileType.MultiHorizontal,\n  acceptedFileTypes = [],\n  dropOptions,\n  dropFilesAction,\n  onProgress,\n  onError,\n  removeFileAction,\n  maxFileSize,\n  initialFiles = defaultInitialFiles,\n}: IFileUploaderProps) => {\n  const [fileUploads, setFileUploads] = useState<\n    (FileUploaderTypes.IFileUpload | FileUploaderTypes.IFileUploadError)[]\n  >(() => initialFiles);\n  const isSingleFileType = fileType === FileUploaderTypes.FileType.Single;\n  const fileInputRef = useRef<HTMLInputElement | null>(null);\n  const acceptedMimeTypes = getMappedMimeTypes(acceptedFileTypes);\n\n  const handleOnProgress = (fileName: string, progressPercentage: number) => {\n    setFileUploads((prev) => {\n      const newFileUploads = [...(prev as FileUploaderTypes.IFileUpload[])];\n      const fileIndex = newFileUploads.findIndex((newFileUpload) => newFileUpload.fileName === fileName);\n\n      newFileUploads[fileIndex] = {\n        ...newFileUploads[fileIndex],\n        progressPercentage,\n      };\n\n      return newFileUploads;\n    });\n    onProgress?.(fileName, progressPercentage);\n  };\n\n  const handleOnError = (fileName: string) => {\n    setFileUploads((prev) =>\n      prev.map((fileUpload) =>\n        fileUpload.fileName === fileName\n          ? { fileName: fileUpload.fileName, errors: { hasGenericError: true } }\n          : fileUpload,\n      ),\n    );\n    onError?.(fileName);\n  };\n\n  const handleOnDropFiles = (files: File[]) => {\n    if (files.length === 0) {\n      return;\n    }\n\n    const mappedFiles: FileUploaderTypes.IFileUpload[] = files.map((file) => ({\n      progressPercentage: 0,\n      file,\n      fileName: file.name,\n    }));\n\n    setFileUploads(mappedFiles);\n\n    dropFilesAction(files, handleOnProgress, handleOnError);\n  };\n\n  const dropResult = useDrop({\n    ...dropOptions,\n    hasDropButton: true,\n    ref: fileInputRef,\n    async onDrop(e) {\n      const items = isSingleFileType ? [e.items[0]] : e.items;\n\n      const invalidFileTypes = getInvalidFileTypes(items, acceptedMimeTypes);\n\n      const files = await Promise.all(\n        items.filter((item) => !invalidFileTypes.includes(item)).map((item) => (item as FileDropItem).getFile()),\n      );\n\n      const invalidFileSizeErrors = getInvalidFileSizeErrors(files, maxFileSize);\n      const invalidFileTypeErrors: FileUploaderTypes.IFileUploadError[] = invalidFileTypes.map((invalidFileType) => ({\n        fileName:\n          invalidFileType.kind === 'file' || invalidFileType.kind === 'directory' ? invalidFileType.name : 'text',\n        errors: {\n          hasFileTypeError: true,\n        },\n      }));\n      const fileUploadErrorList: FileUploaderTypes.IFileUploadError[] =\n        invalidFileSizeErrors.concat(invalidFileTypeErrors);\n\n      if (fileUploadErrorList.length > 0) {\n        setFileUploads(fileUploadErrorList);\n\n        return;\n      }\n\n      handleOnDropFiles(files);\n    },\n  });\n\n  const handleOnRemoveFile: IFileUploadProps['handleOnRemoveFile'] = (fileName) => {\n    if (fileInputRef.current) {\n      fileInputRef.current.value = '';\n    }\n\n    setFileUploads((prev) => prev.filter((fileUpload) => fileUpload.fileName !== fileName));\n\n    removeFileAction(fileName);\n  };\n\n  const renderSingleDeleteFile = isSingleFileType && !!fileUploads[0] && !dropResult.isDropTarget;\n\n  const onChange: ChangeEventHandler<HTMLInputElement> = (e) => {\n    const fileList = Array.from(e.currentTarget?.files ?? []);\n    const items = isSingleFileType ? [fileList[0]] : fileList;\n\n    const invalidFileTypes = items.filter(\n      (item) => acceptedMimeTypes.length > 0 && !acceptedMimeTypes.includes(item.type),\n    );\n\n    const invalidFileSizeErrors = getInvalidFileSizeErrors(fileList, maxFileSize);\n\n    const invalidFileTypeErrors: FileUploaderTypes.IFileUploadError[] = invalidFileTypes.map((invalidFileType) => ({\n      fileName: invalidFileType.name,\n      errors: {\n        hasFileTypeError: true,\n      },\n    }));\n    const fileUploadErrorList: FileUploaderTypes.IFileUploadError[] =\n      invalidFileSizeErrors.concat(invalidFileTypeErrors);\n\n    if (fileUploadErrorList.length > 0) {\n      setFileUploads(fileUploadErrorList);\n\n      return;\n    }\n\n    handleOnDropFiles(fileList);\n  };\n\n  const onClick: MouseEventHandler<HTMLInputElement> = (e) => {\n    if (renderSingleDeleteFile) {\n      e.preventDefault();\n\n      handleOnRemoveFile(fileUploads[0].fileName);\n    }\n  };\n\n  const renderFileUploads = !isSingleFileType && fileUploads.length > 0;\n  const hasError = fileUploads.some((fileUpload) => !!fileUpload.errors) && fileType === 'single';\n  const accept = acceptedFileTypes.join(',');\n  const acceptedTextMapper = getAcceptedTextMapper(acceptedFileTypes);\n  const firstFile: FileUploaderTypes.IFileUpload | FileUploaderTypes.IFileUploadError | undefined = fileUploads[0];\n  const isFirstFileUploadComplete =\n    firstFile && isFileUpload(firstFile) ? getIsUploadComplete(firstFile.progressPercentage) : false;\n\n  return {\n    fileInputRef,\n    fileType,\n    acceptedFileTypes,\n    dropOptions,\n    handleOnProgress,\n    handleOnError,\n    handleOnDropFiles,\n    dropFilesAction,\n    onProgress,\n    onError,\n    removeFileAction,\n    renderFileUploads,\n    hasError,\n    accept,\n    acceptedTextMapper,\n    isFirstFileUploadComplete,\n    handleOnRemoveFile,\n    onChange,\n    onClick,\n    dropResult,\n    isSingleFileType,\n    fileUploads,\n    renderSingleDeleteFile,\n  };\n};\n\nexport default useFileUploaderProps;\n"],"names":["getInvalidFileSizeErrors","files","maxFileSize","acc","file","defaultInitialFiles","useFileUploaderProps","fileType","FileUploaderTypes.FileType","acceptedFileTypes","dropOptions","dropFilesAction","onProgress","onError","removeFileAction","initialFiles","fileUploads","setFileUploads","useState","isSingleFileType","fileInputRef","useRef","acceptedMimeTypes","getMappedMimeTypes","handleOnProgress","fileName","progressPercentage","prev","newFileUploads","fileIndex","newFileUpload","handleOnError","fileUpload","handleOnDropFiles","mappedFiles","dropResult","useDrop","items","invalidFileTypes","getInvalidFileTypes","item","invalidFileSizeErrors","invalidFileTypeErrors","invalidFileType","fileUploadErrorList","handleOnRemoveFile","renderSingleDeleteFile","onChange","fileList","_a","onClick","renderFileUploads","hasError","accept","acceptedTextMapper","getAcceptedTextMapper","firstFile","isFirstFileUploadComplete","isFileUpload","getIsUploadComplete"],"mappings":";;;;;;AAWA,MAAMA,IAA2B,CAACC,GAAeC,MAC/CA,MAAgB,SACZ,CAAA,IACAD,EAAM,OAAO,CAACE,GAA2CC,OACnDA,EAAK,OAAOF,KACdC,EAAI,KAAK;AAAA,EACP,UAAUC,EAAK;AAAA,EACf,QAAQ;AAAA,IACN,kBAAkB;AAAA,EAAA;AACpB,CACD,GAGID,IACN,EAAE,GAELE,IAAuD,CAAA,GAEvDC,KAAuB,CAAC;AAAA,EAC5B,UAAAC,IAAWC,EAA2B;AAAA,EACtC,mBAAAC,IAAoB,CAAA;AAAA,EACpB,aAAAC;AAAA,EACA,iBAAAC;AAAA,EACA,YAAAC;AAAA,EACA,SAAAC;AAAA,EACA,kBAAAC;AAAA,EACA,aAAAZ;AAAA,EACA,cAAAa,IAAeV;AACjB,MAA0B;AACxB,QAAM,CAACW,GAAaC,CAAc,IAAIC,EAEpC,MAAMH,CAAY,GACdI,IAAmBZ,MAAaC,EAA2B,QAC3DY,IAAeC,EAAgC,IAAI,GACnDC,IAAoBC,EAAmBd,CAAiB,GAExDe,IAAmB,CAACC,GAAkBC,MAA+B;AACzE,IAAAT,EAAe,CAACU,MAAS;AACvB,YAAMC,IAAiB,CAAC,GAAID,CAAwC,GAC9DE,IAAYD,EAAe,UAAU,CAACE,MAAkBA,EAAc,aAAaL,CAAQ;AAEjG,aAAAG,EAAeC,CAAS,IAAI;AAAA,QAC1B,GAAGD,EAAeC,CAAS;AAAA,QAC3B,oBAAAH;AAAA,MAAA,GAGKE;AAAA,IACT,CAAC,GACDhB,KAAA,QAAAA,EAAaa,GAAUC;AAAA,EACzB,GAEMK,IAAgB,CAACN,MAAqB;AAC1C,IAAAR;AAAA,MAAe,CAACU,MACdA,EAAK;AAAA,QAAI,CAACK,MACRA,EAAW,aAAaP,IACpB,EAAE,UAAUO,EAAW,UAAU,QAAQ,EAAE,iBAAiB,GAAA,MAC5DA;AAAA,MAAA;AAAA,IACN,GAEFnB,KAAA,QAAAA,EAAUY;AAAA,EACZ,GAEMQ,IAAoB,CAAChC,MAAkB;AAC3C,QAAIA,EAAM,WAAW;AACnB;AAGF,UAAMiC,IAA+CjC,EAAM,IAAI,CAACG,OAAU;AAAA,MACxE,oBAAoB;AAAA,MACpB,MAAAA;AAAA,MACA,UAAUA,EAAK;AAAA,IAAA,EACf;AAEF,IAAAa,EAAeiB,CAAW,GAE1BvB,EAAgBV,GAAOuB,GAAkBO,CAAa;AAAA,EACxD,GAEMI,IAAaC,EAAQ;AAAA,IACzB,GAAG1B;AAAA,IACH,eAAe;AAAA,IACf,KAAKU;AAAA,IACL,MAAM,OAAO,GAAG;AACd,YAAMiB,IAAQlB,IAAmB,CAAC,EAAE,MAAM,CAAC,CAAC,IAAI,EAAE,OAE5CmB,IAAmBC,EAAoBF,GAAOf,CAAiB,GAE/DrB,IAAQ,MAAM,QAAQ;AAAA,QAC1BoC,EAAM,OAAO,CAACG,MAAS,CAACF,EAAiB,SAASE,CAAI,CAAC,EAAE,IAAI,CAACA,MAAUA,EAAsB,SAAS;AAAA,MAAA,GAGnGC,IAAwBzC,EAAyBC,GAAOC,CAAW,GACnEwC,IAA8DJ,EAAiB,IAAI,CAACK,OAAqB;AAAA,QAC7G,UACEA,EAAgB,SAAS,UAAUA,EAAgB,SAAS,cAAcA,EAAgB,OAAO;AAAA,QACnG,QAAQ;AAAA,UACN,kBAAkB;AAAA,QAAA;AAAA,MACpB,EACA,GACIC,IACJH,EAAsB,OAAOC,CAAqB;AAEpD,UAAIE,EAAoB,SAAS,GAAG;AAClC,QAAA3B,EAAe2B,CAAmB;AAElC;AAAA,MACF;AAEA,MAAAX,EAAkBhC,CAAK;AAAA,IACzB;AAAA,EAAA,CACD,GAEK4C,IAA6D,CAACpB,MAAa;AAC/E,IAAIL,EAAa,YACfA,EAAa,QAAQ,QAAQ,KAG/BH,EAAe,CAACU,MAASA,EAAK,OAAO,CAACK,MAAeA,EAAW,aAAaP,CAAQ,CAAC,GAEtFX,EAAiBW,CAAQ;AAAA,EAC3B,GAEMqB,IAAyB3B,KAAoB,CAAC,CAACH,EAAY,CAAC,KAAK,CAACmB,EAAW,cAE7EY,IAAiD,CAAC,MAAM;;AAC5D,UAAMC,IAAW,MAAM,OAAKC,IAAA,EAAE,kBAAF,gBAAAA,EAAiB,UAAS,EAAE,GAGlDX,KAFQnB,IAAmB,CAAC6B,EAAS,CAAC,CAAC,IAAIA,GAElB;AAAA,MAC7B,CAACR,MAASlB,EAAkB,SAAS,KAAK,CAACA,EAAkB,SAASkB,EAAK,IAAI;AAAA,IAAA,GAG3EC,IAAwBzC,EAAyBgD,GAAU9C,CAAW,GAEtEwC,IAA8DJ,EAAiB,IAAI,CAACK,OAAqB;AAAA,MAC7G,UAAUA,EAAgB;AAAA,MAC1B,QAAQ;AAAA,QACN,kBAAkB;AAAA,MAAA;AAAA,IACpB,EACA,GACIC,IACJH,EAAsB,OAAOC,CAAqB;AAEpD,QAAIE,EAAoB,SAAS,GAAG;AAClC,MAAA3B,EAAe2B,CAAmB;AAElC;AAAA,IACF;AAEA,IAAAX,EAAkBe,CAAQ;AAAA,EAC5B,GAEME,IAA+C,CAAC,MAAM;AAC1D,IAAIJ,MACF,EAAE,eAAA,GAEFD,EAAmB7B,EAAY,CAAC,EAAE,QAAQ;AAAA,EAE9C,GAEMmC,IAAoB,CAAChC,KAAoBH,EAAY,SAAS,GAC9DoC,IAAWpC,EAAY,KAAK,CAACgB,MAAe,CAAC,CAACA,EAAW,MAAM,KAAKzB,MAAa,UACjF8C,IAAS5C,EAAkB,KAAK,GAAG,GACnC6C,IAAqBC,EAAsB9C,CAAiB,GAC5D+C,IAA4FxC,EAAY,CAAC,GACzGyC,IACJD,KAAaE,EAAaF,CAAS,IAAIG,EAAoBH,EAAU,kBAAkB,IAAI;AAE7F,SAAO;AAAA,IACL,cAAApC;AAAA,IACA,UAAAb;AAAA,IACA,mBAAAE;AAAA,IACA,aAAAC;AAAA,IACA,kBAAAc;AAAA,IACA,eAAAO;AAAA,IACA,mBAAAE;AAAA,IACA,iBAAAtB;AAAA,IACA,YAAAC;AAAA,IACA,SAAAC;AAAA,IACA,kBAAAC;AAAA,IACA,mBAAAqC;AAAA,IACA,UAAAC;AAAA,IACA,QAAAC;AAAA,IACA,oBAAAC;AAAA,IACA,2BAAAG;AAAA,IACA,oBAAAZ;AAAA,IACA,UAAAE;AAAA,IACA,SAAAG;AAAA,IACA,YAAAf;AAAA,IACA,kBAAAhB;AAAA,IACA,aAAAH;AAAA,IACA,wBAAA8B;AAAA,EAAA;AAEJ;"}
+{"version":3,"file":"useFileUploaderProps.js","sources":["../../../../../src/components/FileUploader/hooks/useFileUploaderProps.tsx"],"sourcesContent":["import { useRef, useState, type ChangeEventHandler, type MouseEventHandler } from 'react';\n\nimport { type FileDropItem, useDrop } from 'react-aria';\nimport { FileUploaderTypes } from 'acinguiux-ds-react-base/components/FileUploader';\n\nimport type { IFileUploaderProps } from '../FileUploader.types';\nimport type { IFileUploadProps } from '../components/FileUpload/FileUpload.types';\nimport { getIsUploadComplete } from '../components/FileUpload/FileUpload.utils';\nimport { isFileUpload } from '../components/FileUploadContent/FileUploadContent.utils';\nimport { getAcceptedTextMapper, getInvalidFileTypes, getMappedMimeTypes } from './useFileUploaderProps.utils';\n\nconst getInvalidFileSizeErrors = (files: File[], maxFileSize?: number) =>\n  maxFileSize === undefined\n    ? []\n    : files.reduce((acc: FileUploaderTypes.IFileUploadError[], file) => {\n        if (file.size > maxFileSize) {\n          acc.push({\n            fileName: file.name,\n            errors: {\n              hasFileSizeError: true,\n            },\n          });\n        }\n\n        return acc;\n      }, []);\n\nconst defaultInitialFiles: FileUploaderTypes.IFileUpload[] = [];\n\nconst useFileUploaderProps = ({\n  fileType = FileUploaderTypes.FileType.MultiHorizontal,\n  acceptedFileTypes = [],\n  dropOptions,\n  dropFilesAction,\n  onProgress,\n  onError,\n  removeFileAction,\n  maxFileSize,\n  initialFiles = defaultInitialFiles,\n  files: customFiles,\n  onFilesChanged: setCustomFiles,\n}: IFileUploaderProps) => {\n  const [internalFiles, setInternalFiles] = useState<\n    (FileUploaderTypes.IFileUpload | FileUploaderTypes.IFileUploadError)[]\n  >(() => initialFiles);\n  const [fileUploads, setFileUploads] =\n    customFiles && setCustomFiles ? [customFiles, setCustomFiles] : [internalFiles, setInternalFiles];\n  const isSingleFileType = fileType === FileUploaderTypes.FileType.Single;\n  const fileInputRef = useRef<HTMLInputElement | null>(null);\n  const acceptedMimeTypes = getMappedMimeTypes(acceptedFileTypes);\n\n  const handleOnProgress = (fileName: string, progressPercentage: number) => {\n    setFileUploads((prev) => {\n      const newFileUploads = [...(prev as FileUploaderTypes.IFileUpload[])];\n      const fileIndex = newFileUploads.findIndex((newFileUpload) => newFileUpload.fileName === fileName);\n\n      newFileUploads[fileIndex] = {\n        ...newFileUploads[fileIndex],\n        progressPercentage,\n      };\n\n      return newFileUploads;\n    });\n    onProgress?.(fileName, progressPercentage);\n  };\n\n  const handleOnError = (fileName: string) => {\n    setFileUploads((prev) =>\n      prev.map((fileUpload) =>\n        fileUpload.fileName === fileName\n          ? { fileName: fileUpload.fileName, errors: { hasGenericError: true } }\n          : fileUpload,\n      ),\n    );\n    onError?.(fileName);\n  };\n\n  const handleOnDropFiles = (files: File[]) => {\n    if (files.length === 0) {\n      return;\n    }\n\n    const mappedFiles: FileUploaderTypes.IFileUpload[] = files.map((file) => ({\n      progressPercentage: 0,\n      file,\n      fileName: file.name,\n    }));\n\n    setFileUploads(mappedFiles);\n\n    dropFilesAction(files, handleOnProgress, handleOnError);\n  };\n\n  const dropResult = useDrop({\n    ...dropOptions,\n    hasDropButton: true,\n    ref: fileInputRef,\n    async onDrop(e) {\n      const items = isSingleFileType ? [e.items[0]] : e.items;\n\n      const invalidFileTypes = getInvalidFileTypes(items, acceptedMimeTypes);\n\n      const files = await Promise.all(\n        items.filter((item) => !invalidFileTypes.includes(item)).map((item) => (item as FileDropItem).getFile()),\n      );\n\n      const invalidFileSizeErrors = getInvalidFileSizeErrors(files, maxFileSize);\n      const invalidFileTypeErrors: FileUploaderTypes.IFileUploadError[] = invalidFileTypes.map((invalidFileType) => ({\n        fileName:\n          invalidFileType.kind === 'file' || invalidFileType.kind === 'directory' ? invalidFileType.name : 'text',\n        errors: {\n          hasFileTypeError: true,\n        },\n      }));\n      const fileUploadErrorList: FileUploaderTypes.IFileUploadError[] =\n        invalidFileSizeErrors.concat(invalidFileTypeErrors);\n\n      if (fileUploadErrorList.length > 0) {\n        setFileUploads(fileUploadErrorList);\n\n        return;\n      }\n\n      handleOnDropFiles(files);\n    },\n  });\n\n  const handleOnRemoveFile: IFileUploadProps['handleOnRemoveFile'] = (fileName) => {\n    if (fileInputRef.current) {\n      fileInputRef.current.value = '';\n    }\n\n    setFileUploads((prev) => prev.filter((fileUpload) => fileUpload.fileName !== fileName));\n\n    removeFileAction(fileName);\n  };\n\n  const renderSingleDeleteFile = isSingleFileType && !!fileUploads[0] && !dropResult.isDropTarget;\n\n  const onChange: ChangeEventHandler<HTMLInputElement> = (e) => {\n    const fileList = Array.from(e.currentTarget?.files ?? []);\n    const items = isSingleFileType ? [fileList[0]] : fileList;\n\n    const invalidFileTypes = items.filter(\n      (item) => acceptedMimeTypes.length > 0 && !acceptedMimeTypes.includes(item.type),\n    );\n\n    const invalidFileSizeErrors = getInvalidFileSizeErrors(fileList, maxFileSize);\n\n    const invalidFileTypeErrors: FileUploaderTypes.IFileUploadError[] = invalidFileTypes.map((invalidFileType) => ({\n      fileName: invalidFileType.name,\n      errors: {\n        hasFileTypeError: true,\n      },\n    }));\n    const fileUploadErrorList: FileUploaderTypes.IFileUploadError[] =\n      invalidFileSizeErrors.concat(invalidFileTypeErrors);\n\n    if (fileUploadErrorList.length > 0) {\n      setFileUploads(fileUploadErrorList);\n\n      return;\n    }\n\n    handleOnDropFiles(fileList);\n  };\n\n  const onClick: MouseEventHandler<HTMLInputElement> = (e) => {\n    if (renderSingleDeleteFile) {\n      e.preventDefault();\n\n      handleOnRemoveFile(fileUploads[0].fileName);\n    }\n  };\n\n  const renderFileUploads = !isSingleFileType && fileUploads.length > 0;\n  const hasError = fileUploads.some((fileUpload) => !!fileUpload.errors) && fileType === 'single';\n  const accept = acceptedFileTypes.join(',');\n  const acceptedTextMapper = getAcceptedTextMapper(acceptedFileTypes);\n  const firstFile: FileUploaderTypes.IFileUpload | FileUploaderTypes.IFileUploadError | undefined = fileUploads[0];\n  const isFirstFileUploadComplete =\n    firstFile && isFileUpload(firstFile) ? getIsUploadComplete(firstFile.progressPercentage) : false;\n\n  return {\n    fileInputRef,\n    fileType,\n    acceptedFileTypes,\n    dropOptions,\n    handleOnProgress,\n    handleOnError,\n    handleOnDropFiles,\n    dropFilesAction,\n    onProgress,\n    onError,\n    removeFileAction,\n    renderFileUploads,\n    hasError,\n    accept,\n    acceptedTextMapper,\n    isFirstFileUploadComplete,\n    handleOnRemoveFile,\n    onChange,\n    onClick,\n    dropResult,\n    isSingleFileType,\n    fileUploads,\n    renderSingleDeleteFile,\n  };\n};\n\nexport default useFileUploaderProps;\n"],"names":["getInvalidFileSizeErrors","files","maxFileSize","acc","file","defaultInitialFiles","useFileUploaderProps","fileType","FileUploaderTypes.FileType","acceptedFileTypes","dropOptions","dropFilesAction","onProgress","onError","removeFileAction","initialFiles","customFiles","setCustomFiles","internalFiles","setInternalFiles","useState","fileUploads","setFileUploads","isSingleFileType","fileInputRef","useRef","acceptedMimeTypes","getMappedMimeTypes","handleOnProgress","fileName","progressPercentage","prev","newFileUploads","fileIndex","newFileUpload","handleOnError","fileUpload","handleOnDropFiles","mappedFiles","dropResult","useDrop","items","invalidFileTypes","getInvalidFileTypes","item","invalidFileSizeErrors","invalidFileTypeErrors","invalidFileType","fileUploadErrorList","handleOnRemoveFile","renderSingleDeleteFile","onChange","fileList","onClick","renderFileUploads","hasError","accept","acceptedTextMapper","getAcceptedTextMapper","firstFile","isFirstFileUploadComplete","isFileUpload","getIsUploadComplete"],"mappings":"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"}

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

@@ -1,64 +1,63 @@
-import { useRef as L, useCallback as g, useEffect as b } from "react";
-const F = ({ url: O, onUpload: u, onDrop: d, onRemoveFile: h }) => {
-  const t = L(), o = (e) => {
-    var r;
-    if ((r = t.current) != null && r[e]) {
-      const { xhr: a, onProgressHandler: n, readyStateChangeHandler: c } = t.current[e];
-      a.upload.removeEventListener("progress", n), a.removeEventListener("readystatechange", c), a.abort(), delete t.current[e];
+import { useRef as f, useCallback as c, useEffect as H } from "react";
+const b = ({ url: g, onUpload: m, onDrop: v, onRemoveFile: E }) => {
+  const t = f(), o = (e) => {
+    if (t.current?.[e]) {
+      const { xhr: r, onProgressHandler: s, readyStateChangeHandler: n } = t.current[e];
+      r.upload.removeEventListener("progress", s), r.removeEventListener("readystatechange", n), r.abort(), delete t.current[e];
     }
-  }, l = () => {
+  }, d = () => {
     Object.keys(t.current ?? {}).forEach((e) => {
       o(e);
     });
-  }, f = g(() => {
+  }, i = c(() => {
     Object.values(t.current ?? {}).forEach(({ xhr: e, formData: r }) => {
-      e.open("POST", O, !0), e.send(r);
-    }), u == null || u();
-  }, [t.current]), m = g(
-    (e, r, a) => {
-      l(), e.forEach((n) => {
-        const c = new FormData();
-        c.append(n.name, n);
-        const s = new XMLHttpRequest(), E = (y) => {
-          const H = Math.ceil(y.loaded / y.total * 100);
-          r(n.name, H);
+      e.open("POST", g, !0), e.send(r);
+    }), m?.();
+  }, [t.current]), F = c(
+    (e, r, s) => {
+      d(), e.forEach((n) => {
+        const u = new FormData();
+        u.append(n.name, n);
+        const a = new XMLHttpRequest(), l = (h) => {
+          const O = Math.ceil(h.loaded / h.total * 100);
+          r(n.name, O);
         }, p = () => {
-          s.readyState === 4 && s.status !== 200 && a(n.name);
+          a.readyState === 4 && a.status !== 200 && s(n.name);
         };
-        s.upload.addEventListener("progress", E), s.addEventListener("readystatechange", p), t.current = {
+        a.upload.addEventListener("progress", l), a.addEventListener("readystatechange", p), t.current = {
           ...t.current,
           [n.name]: {
-            xhr: s,
-            formData: c,
-            onProgressHandler: E,
+            xhr: a,
+            formData: u,
+            onProgressHandler: l,
             readyStateChangeHandler: p
           }
         };
-      }), d == null || d(e, r, a);
+      }), v?.(e, r, s);
     },
     // eslint-disable-next-line react-hooks/exhaustive-deps
     [t.current]
-  ), v = g(
+  ), y = c(
     (e) => {
-      o(e), h == null || h(e);
+      o(e), E?.(e);
     },
     // eslint-disable-next-line react-hooks/exhaustive-deps
     [o]
   );
-  return b(
+  return H(
     () => () => {
-      l();
+      d();
     },
     // eslint-disable-next-line react-hooks/exhaustive-deps
     []
   ), {
-    handleOnRemoveFile: v,
-    handleOnDrop: m,
-    handleOnUpload: f,
+    handleOnRemoveFile: y,
+    handleOnDrop: F,
+    handleOnUpload: i,
     fileFormDataMap: t
   };
 };
 export {
-  F as default
+  b as default
 };
 //# sourceMappingURL=useFileXhrUploader.js.map

package/build/esm/components/FileUploader/hooks/useFileXhrUploader.js.map

@@ -1 +1 @@
-{"version":3,"file":"useFileXhrUploader.js","sources":["../../../../../src/components/FileUploader/hooks/useFileXhrUploader.ts"],"sourcesContent":["import { useCallback, useEffect, useRef } from 'react';\n\nimport type { FileUploaderTypes } from 'acinguiux-ds-react-base/components/FileUploader';\n\nconst useFileXhrUploader = ({ url, onUpload, onDrop, onRemoveFile }: FileUploaderTypes.IUseFileXhrUploaderProps) => {\n  const fileFormDataMap = useRef<FileUploaderTypes.FileFormDataMap>();\n\n  const unregisterEventsForFile = (fileName: string) => {\n    if (fileFormDataMap.current?.[fileName]) {\n      const { xhr, onProgressHandler, readyStateChangeHandler } = fileFormDataMap.current[fileName];\n\n      xhr.upload.removeEventListener('progress', onProgressHandler);\n      xhr.removeEventListener('readystatechange', readyStateChangeHandler);\n      xhr.abort();\n\n      delete fileFormDataMap.current[fileName];\n    }\n  };\n\n  const unregisterAllEventsForAllFiles = () => {\n    Object.keys(fileFormDataMap.current ?? {}).forEach((fileName) => {\n      unregisterEventsForFile(fileName);\n    });\n  };\n\n  const handleOnUpload = useCallback(() => {\n    Object.values(fileFormDataMap.current ?? {}).forEach(({ xhr, formData }) => {\n      xhr.open('POST', url, true);\n      xhr.send(formData);\n    });\n\n    onUpload?.();\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [fileFormDataMap.current]);\n\n  const handleOnDrop: FileUploaderTypes.OnDropFiles = useCallback(\n    (filesToUpload, onProgress, onError) => {\n      unregisterAllEventsForAllFiles();\n\n      filesToUpload.forEach((file) => {\n        const formData = new FormData();\n\n        formData.append(file.name, file);\n\n        const xhr = new XMLHttpRequest();\n\n        const onProgressHandler: FileUploaderTypes.OnProgressHandler = (event) => {\n          const progressPercentage = Math.ceil((event.loaded / event.total) * 100);\n\n          onProgress(file.name, progressPercentage);\n        };\n\n        const readyStateChangeHandler: FileUploaderTypes.ReadyStateChangeHandler = () => {\n          if (xhr.readyState !== 4) return;\n          if (xhr.status !== 200) {\n            onError(file.name);\n          }\n        };\n\n        xhr.upload.addEventListener('progress', onProgressHandler);\n        xhr.addEventListener('readystatechange', readyStateChangeHandler);\n\n        fileFormDataMap.current = {\n          ...fileFormDataMap.current,\n          [file.name]: {\n            xhr,\n            formData,\n            onProgressHandler,\n            readyStateChangeHandler,\n          },\n        };\n      });\n\n      onDrop?.(filesToUpload, onProgress, onError);\n    },\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n    [fileFormDataMap.current],\n  );\n\n  const handleOnRemoveFile: FileUploaderTypes.OnRemoveFile = useCallback(\n    (fileName) => {\n      unregisterEventsForFile(fileName);\n      onRemoveFile?.(fileName);\n    },\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n    [unregisterEventsForFile],\n  );\n\n  useEffect(\n    () => () => {\n      unregisterAllEventsForAllFiles();\n    },\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n    [],\n  );\n\n  return {\n    handleOnRemoveFile,\n    handleOnDrop,\n    handleOnUpload,\n    fileFormDataMap,\n  };\n};\n\nexport default useFileXhrUploader;\n"],"names":["useFileXhrUploader","url","onUpload","onDrop","onRemoveFile","fileFormDataMap","useRef","unregisterEventsForFile","fileName","_a","xhr","onProgressHandler","readyStateChangeHandler","unregisterAllEventsForAllFiles","handleOnUpload","useCallback","formData","handleOnDrop","filesToUpload","onProgress","onError","file","event","progressPercentage","handleOnRemoveFile","useEffect"],"mappings":";AAIA,MAAMA,IAAqB,CAAC,EAAE,KAAAC,GAAK,UAAAC,GAAU,QAAAC,GAAQ,cAAAC,QAA+D;AAClH,QAAMC,IAAkBC,EAAA,GAElBC,IAA0B,CAACC,MAAqB;;AACpD,SAAIC,IAAAJ,EAAgB,YAAhB,QAAAI,EAA0BD,IAAW;AACvC,YAAM,EAAE,KAAAE,GAAK,mBAAAC,GAAmB,yBAAAC,MAA4BP,EAAgB,QAAQG,CAAQ;AAE5F,MAAAE,EAAI,OAAO,oBAAoB,YAAYC,CAAiB,GAC5DD,EAAI,oBAAoB,oBAAoBE,CAAuB,GACnEF,EAAI,MAAA,GAEJ,OAAOL,EAAgB,QAAQG,CAAQ;AAAA,IACzC;AAAA,EACF,GAEMK,IAAiC,MAAM;AAC3C,WAAO,KAAKR,EAAgB,WAAW,CAAA,CAAE,EAAE,QAAQ,CAACG,MAAa;AAC/D,MAAAD,EAAwBC,CAAQ;AAAA,IAClC,CAAC;AAAA,EACH,GAEMM,IAAiBC,EAAY,MAAM;AACvC,WAAO,OAAOV,EAAgB,WAAW,CAAA,CAAE,EAAE,QAAQ,CAAC,EAAE,KAAAK,GAAK,UAAAM,QAAe;AAC1E,MAAAN,EAAI,KAAK,QAAQT,GAAK,EAAI,GAC1BS,EAAI,KAAKM,CAAQ;AAAA,IACnB,CAAC,GAEDd,KAAA,QAAAA;AAAA,EAEF,GAAG,CAACG,EAAgB,OAAO,CAAC,GAEtBY,IAA8CF;AAAA,IAClD,CAACG,GAAeC,GAAYC,MAAY;AACtC,MAAAP,EAAA,GAEAK,EAAc,QAAQ,CAACG,MAAS;AAC9B,cAAML,IAAW,IAAI,SAAA;AAErB,QAAAA,EAAS,OAAOK,EAAK,MAAMA,CAAI;AAE/B,cAAMX,IAAM,IAAI,eAAA,GAEVC,IAAyD,CAACW,MAAU;AACxE,gBAAMC,IAAqB,KAAK,KAAMD,EAAM,SAASA,EAAM,QAAS,GAAG;AAEvE,UAAAH,EAAWE,EAAK,MAAME,CAAkB;AAAA,QAC1C,GAEMX,IAAqE,MAAM;AAC/E,UAAIF,EAAI,eAAe,KACnBA,EAAI,WAAW,OACjBU,EAAQC,EAAK,IAAI;AAAA,QAErB;AAEA,QAAAX,EAAI,OAAO,iBAAiB,YAAYC,CAAiB,GACzDD,EAAI,iBAAiB,oBAAoBE,CAAuB,GAEhEP,EAAgB,UAAU;AAAA,UACxB,GAAGA,EAAgB;AAAA,UACnB,CAACgB,EAAK,IAAI,GAAG;AAAA,YACX,KAAAX;AAAA,YACA,UAAAM;AAAA,YACA,mBAAAL;AAAA,YACA,yBAAAC;AAAA,UAAA;AAAA,QACF;AAAA,MAEJ,CAAC,GAEDT,KAAA,QAAAA,EAASe,GAAeC,GAAYC;AAAA,IACtC;AAAA;AAAA,IAEA,CAACf,EAAgB,OAAO;AAAA,EAAA,GAGpBmB,IAAqDT;AAAA,IACzD,CAACP,MAAa;AACZ,MAAAD,EAAwBC,CAAQ,GAChCJ,KAAA,QAAAA,EAAeI;AAAA,IACjB;AAAA;AAAA,IAEA,CAACD,CAAuB;AAAA,EAAA;AAG1B,SAAAkB;AAAA,IACE,MAAM,MAAM;AACV,MAAAZ,EAAA;AAAA,IACF;AAAA;AAAA,IAEA,CAAA;AAAA,EAAC,GAGI;AAAA,IACL,oBAAAW;AAAA,IACA,cAAAP;AAAA,IACA,gBAAAH;AAAA,IACA,iBAAAT;AAAA,EAAA;AAEJ;"}
+{"version":3,"file":"useFileXhrUploader.js","sources":["../../../../../src/components/FileUploader/hooks/useFileXhrUploader.ts"],"sourcesContent":["import { useCallback, useEffect, useRef } from 'react';\n\nimport type { FileUploaderTypes } from 'acinguiux-ds-react-base/components/FileUploader';\n\nconst useFileXhrUploader = ({ url, onUpload, onDrop, onRemoveFile }: FileUploaderTypes.IUseFileXhrUploaderProps) => {\n  const fileFormDataMap = useRef<FileUploaderTypes.FileFormDataMap>();\n\n  const unregisterEventsForFile = (fileName: string) => {\n    if (fileFormDataMap.current?.[fileName]) {\n      const { xhr, onProgressHandler, readyStateChangeHandler } = fileFormDataMap.current[fileName];\n\n      xhr.upload.removeEventListener('progress', onProgressHandler);\n      xhr.removeEventListener('readystatechange', readyStateChangeHandler);\n      xhr.abort();\n\n      delete fileFormDataMap.current[fileName];\n    }\n  };\n\n  const unregisterAllEventsForAllFiles = () => {\n    Object.keys(fileFormDataMap.current ?? {}).forEach((fileName) => {\n      unregisterEventsForFile(fileName);\n    });\n  };\n\n  const handleOnUpload = useCallback(() => {\n    Object.values(fileFormDataMap.current ?? {}).forEach(({ xhr, formData }) => {\n      xhr.open('POST', url, true);\n      xhr.send(formData);\n    });\n\n    onUpload?.();\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [fileFormDataMap.current]);\n\n  const handleOnDrop: FileUploaderTypes.OnDropFiles = useCallback(\n    (filesToUpload, onProgress, onError) => {\n      unregisterAllEventsForAllFiles();\n\n      filesToUpload.forEach((file) => {\n        const formData = new FormData();\n\n        formData.append(file.name, file);\n\n        const xhr = new XMLHttpRequest();\n\n        const onProgressHandler: FileUploaderTypes.OnProgressHandler = (event) => {\n          const progressPercentage = Math.ceil((event.loaded / event.total) * 100);\n\n          onProgress(file.name, progressPercentage);\n        };\n\n        const readyStateChangeHandler: FileUploaderTypes.ReadyStateChangeHandler = () => {\n          if (xhr.readyState !== 4) return;\n          if (xhr.status !== 200) {\n            onError(file.name);\n          }\n        };\n\n        xhr.upload.addEventListener('progress', onProgressHandler);\n        xhr.addEventListener('readystatechange', readyStateChangeHandler);\n\n        fileFormDataMap.current = {\n          ...fileFormDataMap.current,\n          [file.name]: {\n            xhr,\n            formData,\n            onProgressHandler,\n            readyStateChangeHandler,\n          },\n        };\n      });\n\n      onDrop?.(filesToUpload, onProgress, onError);\n    },\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n    [fileFormDataMap.current],\n  );\n\n  const handleOnRemoveFile: FileUploaderTypes.OnRemoveFile = useCallback(\n    (fileName) => {\n      unregisterEventsForFile(fileName);\n      onRemoveFile?.(fileName);\n    },\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n    [unregisterEventsForFile],\n  );\n\n  useEffect(\n    () => () => {\n      unregisterAllEventsForAllFiles();\n    },\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n    [],\n  );\n\n  return {\n    handleOnRemoveFile,\n    handleOnDrop,\n    handleOnUpload,\n    fileFormDataMap,\n  };\n};\n\nexport default useFileXhrUploader;\n"],"names":["useFileXhrUploader","url","onUpload","onDrop","onRemoveFile","fileFormDataMap","useRef","unregisterEventsForFile","fileName","xhr","onProgressHandler","readyStateChangeHandler","unregisterAllEventsForAllFiles","handleOnUpload","useCallback","formData","handleOnDrop","filesToUpload","onProgress","onError","file","event","progressPercentage","handleOnRemoveFile","useEffect"],"mappings":";AAIA,MAAMA,IAAqB,CAAC,EAAE,KAAAC,GAAK,UAAAC,GAAU,QAAAC,GAAQ,cAAAC,QAA+D;AAClH,QAAMC,IAAkBC,EAAA,GAElBC,IAA0B,CAACC,MAAqB;AACpD,QAAIH,EAAgB,UAAUG,CAAQ,GAAG;AACvC,YAAM,EAAE,KAAAC,GAAK,mBAAAC,GAAmB,yBAAAC,MAA4BN,EAAgB,QAAQG,CAAQ;AAE5F,MAAAC,EAAI,OAAO,oBAAoB,YAAYC,CAAiB,GAC5DD,EAAI,oBAAoB,oBAAoBE,CAAuB,GACnEF,EAAI,MAAA,GAEJ,OAAOJ,EAAgB,QAAQG,CAAQ;AAAA,IACzC;AAAA,EACF,GAEMI,IAAiC,MAAM;AAC3C,WAAO,KAAKP,EAAgB,WAAW,CAAA,CAAE,EAAE,QAAQ,CAACG,MAAa;AAC/D,MAAAD,EAAwBC,CAAQ;AAAA,IAClC,CAAC;AAAA,EACH,GAEMK,IAAiBC,EAAY,MAAM;AACvC,WAAO,OAAOT,EAAgB,WAAW,CAAA,CAAE,EAAE,QAAQ,CAAC,EAAE,KAAAI,GAAK,UAAAM,QAAe;AAC1E,MAAAN,EAAI,KAAK,QAAQR,GAAK,EAAI,GAC1BQ,EAAI,KAAKM,CAAQ;AAAA,IACnB,CAAC,GAEDb,IAAA;AAAA,EAEF,GAAG,CAACG,EAAgB,OAAO,CAAC,GAEtBW,IAA8CF;AAAA,IAClD,CAACG,GAAeC,GAAYC,MAAY;AACtC,MAAAP,EAAA,GAEAK,EAAc,QAAQ,CAACG,MAAS;AAC9B,cAAML,IAAW,IAAI,SAAA;AAErB,QAAAA,EAAS,OAAOK,EAAK,MAAMA,CAAI;AAE/B,cAAMX,IAAM,IAAI,eAAA,GAEVC,IAAyD,CAACW,MAAU;AACxE,gBAAMC,IAAqB,KAAK,KAAMD,EAAM,SAASA,EAAM,QAAS,GAAG;AAEvE,UAAAH,EAAWE,EAAK,MAAME,CAAkB;AAAA,QAC1C,GAEMX,IAAqE,MAAM;AAC/E,UAAIF,EAAI,eAAe,KACnBA,EAAI,WAAW,OACjBU,EAAQC,EAAK,IAAI;AAAA,QAErB;AAEA,QAAAX,EAAI,OAAO,iBAAiB,YAAYC,CAAiB,GACzDD,EAAI,iBAAiB,oBAAoBE,CAAuB,GAEhEN,EAAgB,UAAU;AAAA,UACxB,GAAGA,EAAgB;AAAA,UACnB,CAACe,EAAK,IAAI,GAAG;AAAA,YACX,KAAAX;AAAA,YACA,UAAAM;AAAA,YACA,mBAAAL;AAAA,YACA,yBAAAC;AAAA,UAAA;AAAA,QACF;AAAA,MAEJ,CAAC,GAEDR,IAASc,GAAeC,GAAYC,CAAO;AAAA,IAC7C;AAAA;AAAA,IAEA,CAACd,EAAgB,OAAO;AAAA,EAAA,GAGpBkB,IAAqDT;AAAA,IACzD,CAACN,MAAa;AACZ,MAAAD,EAAwBC,CAAQ,GAChCJ,IAAeI,CAAQ;AAAA,IACzB;AAAA;AAAA,IAEA,CAACD,CAAuB;AAAA,EAAA;AAG1B,SAAAiB;AAAA,IACE,MAAM,MAAM;AACV,MAAAZ,EAAA;AAAA,IACF;AAAA;AAAA,IAEA,CAAA;AAAA,EAAC,GAGI;AAAA,IACL,oBAAAW;AAAA,IACA,cAAAP;AAAA,IACA,gBAAAH;AAAA,IACA,iBAAAR;AAAA,EAAA;AAEJ;"}

package/build/esm/components/FormField/components/Label/Label.js

@@ -1,46 +1,43 @@
-import { jsxs as t, jsx as s } from "react/jsx-runtime";
-import { Header as x, LabelHelper as b, LabelContainer as g, Description as i, LabelText as T, Title as c, Mandatory as j } from "./Label.styles.js";
-import u from "../../../Tooltip/Tooltip.js";
-import y from "../../../Icon/components/InfoCircle.js";
-const B = ({
+import { jsxs as $, jsx as o } from "react/jsx-runtime";
+import { Header as h, LabelHelper as c, LabelContainer as m, Description as L, LabelText as x, Title as b, Mandatory as g } from "./Label.styles.js";
+import n from "../../../Tooltip/Tooltip.js";
+import T from "../../../Icon/components/InfoCircle.js";
+const f = ({
   label: e,
-  disabled: $,
+  disabled: l,
   size: r,
-  mandatory: d
-}) => /* @__PURE__ */ t(T, { children: [
-  !!e && /* @__PURE__ */ s(c, { $disabled: $, $size: r, children: e }),
-  !!d && /* @__PURE__ */ s(j, { $disabled: $, $size: r, children: "*" })
-] }), m = ({
+  mandatory: i
+}) => /* @__PURE__ */ $(x, { children: [
+  !!e && /* @__PURE__ */ o(b, { $disabled: l, $size: r, children: e }),
+  !!i && /* @__PURE__ */ o(g, { $disabled: l, $size: r, children: "*" })
+] }), C = ({
   size: e,
-  icon: $,
+  icon: l,
   disabled: r,
-  id: d,
-  label: p,
-  description: h,
-  mandatory: L,
-  helper: o,
-  informationIcon: l
-}) => {
-  var a;
-  return /* @__PURE__ */ t(x, { $disabled: r, $size: e, children: [
-    !!(p || h || $) && /* @__PURE__ */ t(b, { $disabled: r, $size: e, children: [
-      !!(p || $) && /* @__PURE__ */ t(g, { $disabled: r, $size: e, htmlFor: d, children: [
-        $,
-        /* @__PURE__ */ s(B, { disabled: r, label: p, size: e, mandatory: L })
-      ] }),
-      o,
-      !!(l != null && l.icon && ((a = l.tooltipProps) != null && a.overlay)) && /* @__PURE__ */ s(
-        u,
-        {
-          trigger: l.icon === !0 ? /* @__PURE__ */ s(y, {}) : l.icon,
-          ...l.tooltipProps
-        }
-      )
+  id: i,
+  label: s,
+  description: d,
+  mandatory: p,
+  helper: a,
+  informationIcon: t
+}) => /* @__PURE__ */ $(h, { $disabled: r, $size: e, children: [
+  !!(s || d || l) && /* @__PURE__ */ $(c, { $disabled: r, $size: e, children: [
+    !!(s || l) && /* @__PURE__ */ $(m, { $disabled: r, $size: e, htmlFor: i, children: [
+      l,
+      /* @__PURE__ */ o(f, { disabled: r, label: s, size: e, mandatory: p })
     ] }),
-    !!h && /* @__PURE__ */ s(i, { $disabled: r, $size: e, children: h })
-  ] });
-};
+    a,
+    !!(t?.icon && t.tooltipProps?.overlay) && /* @__PURE__ */ o(
+      n,
+      {
+        trigger: t.icon === !0 ? /* @__PURE__ */ o(T, {}) : t.icon,
+        ...t.tooltipProps
+      }
+    )
+  ] }),
+  !!d && /* @__PURE__ */ o(L, { $disabled: r, $size: e, children: d })
+] });
 export {
-  m as default
+  C as default
 };
 //# sourceMappingURL=Label.js.map

package/build/esm/components/FormField/components/Label/Label.js.map

@@ -1 +1 @@
-{"version":3,"file":"Label.js","sources":["../../../../../../src/components/FormField/components/Label/Label.tsx"],"sourcesContent":["import { ReactElement } from 'react';\n\nimport type { FormFieldTypes } from 'acinguiux-ds-react-base/components/FormField';\n\nimport * as Styled from './Label.styles';\nimport Tooltip from '../../../Tooltip/Tooltip';\nimport InfoCircle from '../../../Icon/components/InfoCircle';\n\nconst LabelMessage = ({\n  label,\n  disabled,\n  size,\n  mandatory,\n}: Pick<FormFieldTypes.ILabelProps, 'label' | 'size' | 'mandatory' | 'disabled'>) => (\n  <Styled.LabelText>\n    {!!label && (\n      <Styled.Title $disabled={disabled} $size={size}>\n        {label}\n      </Styled.Title>\n    )}\n    {!!mandatory && (\n      <Styled.Mandatory $disabled={disabled} $size={size}>\n        *\n      </Styled.Mandatory>\n    )}\n  </Styled.LabelText>\n);\n\nconst Label = ({\n  size,\n  icon,\n  disabled,\n  id,\n  label,\n  description,\n  mandatory,\n  helper,\n  informationIcon,\n}: FormFieldTypes.ILabelProps): ReactElement => (\n  <Styled.Header $disabled={disabled} $size={size}>\n    {Boolean(label || description || icon) && (\n      <Styled.LabelHelper $disabled={disabled} $size={size}>\n        {Boolean(label || icon) && (\n          <Styled.LabelContainer $disabled={disabled} $size={size} htmlFor={id}>\n            {icon}\n            <LabelMessage disabled={disabled} label={label} size={size} mandatory={mandatory} />\n          </Styled.LabelContainer>\n        )}\n        {helper}\n        {!!(informationIcon?.icon && informationIcon.tooltipProps?.overlay) && (\n          <Tooltip\n            trigger={informationIcon.icon === true ? <InfoCircle /> : informationIcon.icon}\n            {...informationIcon.tooltipProps}\n          />\n        )}\n      </Styled.LabelHelper>\n    )}\n    {!!description && (\n      <Styled.Description $disabled={disabled} $size={size}>\n        {description}\n      </Styled.Description>\n    )}\n  </Styled.Header>\n);\n\nexport default Label;\n"],"names":["LabelMessage","label","disabled","size","mandatory","jsxs","Styled.LabelText","jsx","Styled.Title","Styled.Mandatory","Label","icon","id","description","helper","informationIcon","Styled.Header","Styled.LabelHelper","Styled.LabelContainer","_a","Tooltip","InfoCircle","Styled.Description"],"mappings":";;;;AAQA,MAAMA,IAAe,CAAC;AAAA,EACpB,OAAAC;AAAA,EACA,UAAAC;AAAA,EACA,MAAAC;AAAA,EACA,WAAAC;AACF,MACE,gBAAAC,EAACC,GAAA,EACE,UAAA;AAAA,EAAA,CAAC,CAACL,KACD,gBAAAM,EAACC,GAAA,EAAa,WAAWN,GAAU,OAAOC,GACvC,UAAAF,EAAA,CACH;AAAA,EAED,CAAC,CAACG,KACD,gBAAAG,EAACE,GAAA,EAAiB,WAAWP,GAAU,OAAOC,GAAM,UAAA,IAAA,CAEpD;AAAA,GAEJ,GAGIO,IAAQ,CAAC;AAAA,EACb,MAAAP;AAAA,EACA,MAAAQ;AAAA,EACA,UAAAT;AAAA,EACA,IAAAU;AAAA,EACA,OAAAX;AAAA,EACA,aAAAY;AAAA,EACA,WAAAT;AAAA,EACA,QAAAU;AAAA,EACA,iBAAAC;AACF,MAAA;;2BACGC,GAAA,EAAc,WAAWd,GAAU,OAAOC,GACxC,UAAA;AAAA,IAAA,GAAQF,KAASY,KAAeF,MAC/B,gBAAAN,EAACY,GAAA,EAAmB,WAAWf,GAAU,OAAOC,GAC7C,UAAA;AAAA,MAAA,GAAQF,KAASU,MAChB,gBAAAN,EAACa,GAAA,EAAsB,WAAWhB,GAAU,OAAOC,GAAM,SAASS,GAC/D,UAAA;AAAA,QAAAD;AAAA,QACD,gBAAAJ,EAACP,GAAA,EAAa,UAAAE,GAAoB,OAAAD,GAAc,MAAAE,GAAY,WAAAC,EAAA,CAAsB;AAAA,MAAA,GACpF;AAAA,MAEDU;AAAA,MACA,CAAC,EAAEC,KAAA,QAAAA,EAAiB,UAAQI,IAAAJ,EAAgB,iBAAhB,QAAAI,EAA8B,aACzD,gBAAAZ;AAAA,QAACa;AAAA,QAAA;AAAA,UACC,SAASL,EAAgB,SAAS,KAAO,gBAAAR,EAACc,GAAA,CAAA,CAAW,IAAKN,EAAgB;AAAA,UACzE,GAAGA,EAAgB;AAAA,QAAA;AAAA,MAAA;AAAA,IACtB,GAEJ;AAAA,IAED,CAAC,CAACF,KACD,gBAAAN,EAACe,GAAA,EAAmB,WAAWpB,GAAU,OAAOC,GAC7C,UAAAU,EAAA,CACH;AAAA,EAAA,EAAA,CAEJ;AAAA;"}
+{"version":3,"file":"Label.js","sources":["../../../../../../src/components/FormField/components/Label/Label.tsx"],"sourcesContent":["import { ReactElement } from 'react';\n\nimport type { FormFieldTypes } from 'acinguiux-ds-react-base/components/FormField';\n\nimport * as Styled from './Label.styles';\nimport Tooltip from '../../../Tooltip/Tooltip';\nimport InfoCircle from '../../../Icon/components/InfoCircle';\n\nconst LabelMessage = ({\n  label,\n  disabled,\n  size,\n  mandatory,\n}: Pick<FormFieldTypes.ILabelProps, 'label' | 'size' | 'mandatory' | 'disabled'>) => (\n  <Styled.LabelText>\n    {!!label && (\n      <Styled.Title $disabled={disabled} $size={size}>\n        {label}\n      </Styled.Title>\n    )}\n    {!!mandatory && (\n      <Styled.Mandatory $disabled={disabled} $size={size}>\n        *\n      </Styled.Mandatory>\n    )}\n  </Styled.LabelText>\n);\n\nconst Label = ({\n  size,\n  icon,\n  disabled,\n  id,\n  label,\n  description,\n  mandatory,\n  helper,\n  informationIcon,\n}: FormFieldTypes.ILabelProps): ReactElement => (\n  <Styled.Header $disabled={disabled} $size={size}>\n    {Boolean(label || description || icon) && (\n      <Styled.LabelHelper $disabled={disabled} $size={size}>\n        {Boolean(label || icon) && (\n          <Styled.LabelContainer $disabled={disabled} $size={size} htmlFor={id}>\n            {icon}\n            <LabelMessage disabled={disabled} label={label} size={size} mandatory={mandatory} />\n          </Styled.LabelContainer>\n        )}\n        {helper}\n        {!!(informationIcon?.icon && informationIcon.tooltipProps?.overlay) && (\n          <Tooltip\n            trigger={informationIcon.icon === true ? <InfoCircle /> : informationIcon.icon}\n            {...informationIcon.tooltipProps}\n          />\n        )}\n      </Styled.LabelHelper>\n    )}\n    {!!description && (\n      <Styled.Description $disabled={disabled} $size={size}>\n        {description}\n      </Styled.Description>\n    )}\n  </Styled.Header>\n);\n\nexport default Label;\n"],"names":["LabelMessage","label","disabled","size","mandatory","jsxs","Styled.LabelText","jsx","Styled.Title","Styled.Mandatory","Label","icon","id","description","helper","informationIcon","Styled.Header","Styled.LabelHelper","Styled.LabelContainer","Tooltip","InfoCircle","Styled.Description"],"mappings":";;;;AAQA,MAAMA,IAAe,CAAC;AAAA,EACpB,OAAAC;AAAA,EACA,UAAAC;AAAA,EACA,MAAAC;AAAA,EACA,WAAAC;AACF,MACE,gBAAAC,EAACC,GAAA,EACE,UAAA;AAAA,EAAA,CAAC,CAACL,KACD,gBAAAM,EAACC,GAAA,EAAa,WAAWN,GAAU,OAAOC,GACvC,UAAAF,EAAA,CACH;AAAA,EAED,CAAC,CAACG,KACD,gBAAAG,EAACE,GAAA,EAAiB,WAAWP,GAAU,OAAOC,GAAM,UAAA,IAAA,CAEpD;AAAA,GAEJ,GAGIO,IAAQ,CAAC;AAAA,EACb,MAAAP;AAAA,EACA,MAAAQ;AAAA,EACA,UAAAT;AAAA,EACA,IAAAU;AAAA,EACA,OAAAX;AAAA,EACA,aAAAY;AAAA,EACA,WAAAT;AAAA,EACA,QAAAU;AAAA,EACA,iBAAAC;AACF,wBACGC,GAAA,EAAc,WAAWd,GAAU,OAAOC,GACxC,UAAA;AAAA,EAAA,GAAQF,KAASY,KAAeF,MAC/B,gBAAAN,EAACY,GAAA,EAAmB,WAAWf,GAAU,OAAOC,GAC7C,UAAA;AAAA,IAAA,GAAQF,KAASU,MAChB,gBAAAN,EAACa,GAAA,EAAsB,WAAWhB,GAAU,OAAOC,GAAM,SAASS,GAC/D,UAAA;AAAA,MAAAD;AAAA,MACD,gBAAAJ,EAACP,GAAA,EAAa,UAAAE,GAAoB,OAAAD,GAAc,MAAAE,GAAY,WAAAC,EAAA,CAAsB;AAAA,IAAA,GACpF;AAAA,IAEDU;AAAA,IACA,CAAC,EAAEC,GAAiB,QAAQA,EAAgB,cAAc,YACzD,gBAAAR;AAAA,MAACY;AAAA,MAAA;AAAA,QACC,SAASJ,EAAgB,SAAS,KAAO,gBAAAR,EAACa,GAAA,CAAA,CAAW,IAAKL,EAAgB;AAAA,QACzE,GAAGA,EAAgB;AAAA,MAAA;AAAA,IAAA;AAAA,EACtB,GAEJ;AAAA,EAED,CAAC,CAACF,KACD,gBAAAN,EAACc,GAAA,EAAmB,WAAWnB,GAAU,OAAOC,GAC7C,UAAAU,EAAA,CACH;AAAA,EAAA,CAEJ;"}

package/build/esm/components/Grid/Grid.js

@@ -32,8 +32,8 @@ const j = c((t, n) => {
     areas: u,
     justifyItems: d,
     alignItems: h,
-    justifyContent: g,
-    alignContent: f,
+    justifyContent: f,
+    alignContent: g,
     ...p
   } = t;
   return /* @__PURE__ */ w(
@@ -52,8 +52,8 @@ const j = c((t, n) => {
       $areas: u,
       $justifyItems: d,
       $alignItems: h,
-      $justifyContent: g,
-      $alignContent: f,
+      $justifyContent: f,
+      $alignContent: g,
       ...p
     }
   );

package/build/esm/components/Grid/Grid.js.map

@@ -1 +1 @@
-{"version":3,"file":"Grid.js","sources":["../../../../src/components/Grid/Grid.tsx"],"sourcesContent":["import { forwardRef, type ReactElement } from 'react';\n\nimport * as Styled from './Grid.styles';\nimport type { ICellProps, IGridProps } from './Grid.types';\n\nconst Cell = forwardRef<HTMLDivElement, ICellProps>((props, ref): ReactElement => {\n  const { width, height, rowStart, rowEnd, columnStart, columnEnd, centerContent, area, ...rest } = props;\n\n  return (\n    <Styled.Cell\n      ref={ref}\n      $width={width}\n      $height={height}\n      $rowStart={rowStart}\n      $rowEnd={rowEnd}\n      $columnStart={columnStart}\n      $columnEnd={columnEnd}\n      $centerContent={centerContent}\n      $area={area}\n      {...rest}\n    />\n  );\n});\n\nconst Grid = forwardRef<HTMLDivElement, IGridProps>((props, ref): ReactElement => {\n  const {\n    columns,\n    gap,\n    columnGap,\n    rowGap,\n    width,\n    height,\n    minRowHeight,\n    flow,\n    rows,\n    areas,\n    justifyItems,\n    alignItems,\n    justifyContent,\n    alignContent,\n    ...rest\n  } = props;\n\n  return (\n    <Styled.Grid\n      ref={ref}\n      $columns={columns}\n      $gap={gap}\n      $columnGap={columnGap}\n      $rowGap={rowGap}\n      $width={width}\n      $height={height}\n      $minRowHeight={minRowHeight}\n      $flow={flow}\n      $rows={rows}\n      $areas={areas}\n      $justifyItems={justifyItems}\n      $alignItems={alignItems}\n      $justifyContent={justifyContent}\n      $alignContent={alignContent}\n      {...rest}\n    />\n  );\n});\n\nexport default Object.assign(Grid, { Cell });\n"],"names":["Cell","forwardRef","props","ref","width","height","rowStart","rowEnd","columnStart","columnEnd","centerContent","area","rest","jsx","Styled.Cell","Grid","columns","gap","columnGap","rowGap","minRowHeight","flow","rows","areas","justifyItems","alignItems","justifyContent","alignContent","Styled.Grid","Grid$1"],"mappings":";;;AAKA,MAAMA,IAAOC,EAAuC,CAACC,GAAOC,MAAsB;AAChF,QAAM,EAAE,OAAAC,GAAO,QAAAC,GAAQ,UAAAC,GAAU,QAAAC,GAAQ,aAAAC,GAAa,WAAAC,GAAW,eAAAC,GAAe,MAAAC,GAAM,GAAGC,EAAA,IAASV;AAElG,SACE,gBAAAW;AAAA,IAACC;AAAAA,IAAA;AAAA,MACC,KAAAX;AAAA,MACA,QAAQC;AAAA,MACR,SAASC;AAAA,MACT,WAAWC;AAAA,MACX,SAASC;AAAA,MACT,cAAcC;AAAA,MACd,YAAYC;AAAA,MACZ,gBAAgBC;AAAA,MAChB,OAAOC;AAAA,MACN,GAAGC;AAAA,IAAA;AAAA,EAAA;AAGV,CAAC,GAEKG,IAAOd,EAAuC,CAACC,GAAOC,MAAsB;AAChF,QAAM;AAAA,IACJ,SAAAa;AAAA,IACA,KAAAC;AAAA,IACA,WAAAC;AAAA,IACA,QAAAC;AAAA,IACA,OAAAf;AAAA,IACA,QAAAC;AAAA,IACA,cAAAe;AAAA,IACA,MAAAC;AAAA,IACA,MAAAC;AAAA,IACA,OAAAC;AAAA,IACA,cAAAC;AAAA,IACA,YAAAC;AAAA,IACA,gBAAAC;AAAA,IACA,cAAAC;AAAA,IACA,GAAGf;AAAA,EAAA,IACDV;AAEJ,SACE,gBAAAW;AAAA,IAACe;AAAAA,IAAA;AAAA,MACC,KAAAzB;AAAA,MACA,UAAUa;AAAA,MACV,MAAMC;AAAA,MACN,YAAYC;AAAA,MACZ,SAASC;AAAA,MACT,QAAQf;AAAA,MACR,SAASC;AAAA,MACT,eAAee;AAAA,MACf,OAAOC;AAAA,MACP,OAAOC;AAAA,MACP,QAAQC;AAAA,MACR,eAAeC;AAAA,MACf,aAAaC;AAAA,MACb,iBAAiBC;AAAA,MACjB,eAAeC;AAAA,MACd,GAAGf;AAAA,IAAA;AAAA,EAAA;AAGV,CAAC,GAEDiB,IAAe,OAAO,OAAOd,GAAM,EAAE,MAAAf,GAAM;"}
+{"version":3,"file":"Grid.js","sources":["../../../../src/components/Grid/Grid.tsx"],"sourcesContent":["import { forwardRef, type ReactElement } from 'react';\n\nimport * as Styled from './Grid.styles';\nimport type { ICellProps, IGridProps } from './Grid.types';\n\nconst Cell = forwardRef<HTMLDivElement, ICellProps>((props, ref): ReactElement => {\n  const { width, height, rowStart, rowEnd, columnStart, columnEnd, centerContent, area, ...rest } = props;\n\n  return (\n    <Styled.Cell\n      ref={ref}\n      $width={width}\n      $height={height}\n      $rowStart={rowStart}\n      $rowEnd={rowEnd}\n      $columnStart={columnStart}\n      $columnEnd={columnEnd}\n      $centerContent={centerContent}\n      $area={area}\n      {...rest}\n    />\n  );\n});\n\nconst Grid = forwardRef<HTMLDivElement, IGridProps>((props, ref): ReactElement => {\n  const {\n    columns,\n    gap,\n    columnGap,\n    rowGap,\n    width,\n    height,\n    minRowHeight,\n    flow,\n    rows,\n    areas,\n    justifyItems,\n    alignItems,\n    justifyContent,\n    alignContent,\n    ...rest\n  } = props;\n\n  return (\n    <Styled.Grid\n      ref={ref}\n      $columns={columns}\n      $gap={gap}\n      $columnGap={columnGap}\n      $rowGap={rowGap}\n      $width={width}\n      $height={height}\n      $minRowHeight={minRowHeight}\n      $flow={flow}\n      $rows={rows}\n      $areas={areas}\n      $justifyItems={justifyItems}\n      $alignItems={alignItems}\n      $justifyContent={justifyContent}\n      $alignContent={alignContent}\n      {...rest}\n    />\n  );\n});\n\nexport default Object.assign(Grid, { Cell });\n"],"names":["Cell","forwardRef","props","ref","width","height","rowStart","rowEnd","columnStart","columnEnd","centerContent","area","rest","jsx","Styled.Cell","Grid","columns","gap","columnGap","rowGap","minRowHeight","flow","rows","areas","justifyItems","alignItems","justifyContent","alignContent","Styled.Grid","Grid_default"],"mappings":";;;AAKA,MAAMA,IAAOC,EAAuC,CAACC,GAAOC,MAAsB;AAChF,QAAM,EAAE,OAAAC,GAAO,QAAAC,GAAQ,UAAAC,GAAU,QAAAC,GAAQ,aAAAC,GAAa,WAAAC,GAAW,eAAAC,GAAe,MAAAC,GAAM,GAAGC,EAAA,IAASV;AAElG,SACE,gBAAAW;AAAA,IAACC;AAAAA,IAAA;AAAA,MACC,KAAAX;AAAA,MACA,QAAQC;AAAA,MACR,SAASC;AAAA,MACT,WAAWC;AAAA,MACX,SAASC;AAAA,MACT,cAAcC;AAAA,MACd,YAAYC;AAAA,MACZ,gBAAgBC;AAAA,MAChB,OAAOC;AAAA,MACN,GAAGC;AAAA,IAAA;AAAA,EAAA;AAGV,CAAC,GAEKG,IAAOd,EAAuC,CAACC,GAAOC,MAAsB;AAChF,QAAM;AAAA,IACJ,SAAAa;AAAA,IACA,KAAAC;AAAA,IACA,WAAAC;AAAA,IACA,QAAAC;AAAA,IACA,OAAAf;AAAA,IACA,QAAAC;AAAA,IACA,cAAAe;AAAA,IACA,MAAAC;AAAA,IACA,MAAAC;AAAA,IACA,OAAAC;AAAA,IACA,cAAAC;AAAA,IACA,YAAAC;AAAA,IACA,gBAAAC;AAAA,IACA,cAAAC;AAAA,IACA,GAAGf;AAAA,EAAA,IACDV;AAEJ,SACE,gBAAAW;AAAA,IAACe;AAAAA,IAAA;AAAA,MACC,KAAAzB;AAAA,MACA,UAAUa;AAAA,MACV,MAAMC;AAAA,MACN,YAAYC;AAAA,MACZ,SAASC;AAAA,MACT,QAAQf;AAAA,MACR,SAASC;AAAA,MACT,eAAee;AAAA,MACf,OAAOC;AAAA,MACP,OAAOC;AAAA,MACP,QAAQC;AAAA,MACR,eAAeC;AAAA,MACf,aAAaC;AAAA,MACb,iBAAiBC;AAAA,MACjB,eAAeC;AAAA,MACd,GAAGf;AAAA,IAAA;AAAA,EAAA;AAGV,CAAC,GAEDiB,IAAe,OAAO,OAAOd,GAAM,EAAE,MAAAf,GAAM;"}

package/build/esm/components/Icon/components/EyeSolidDisabled.js

@@ -17,7 +17,7 @@ const t = a((l, o) => /* @__PURE__ */ e(
       "path",
       {
         fillRule: "evenodd",
-        d: "M3.741 4.942a.25.25 0 0 0-.353 0l-.354.354a.25.25 0 0 0 0 .353L4.82 7.435A11.9 11.9 0 0 0 1 12.5C2.73 16.89 7 20 12 20c1.593 0 3.111-.316 4.497-.888l2.447 2.447a.25.25 0 0 0 .354 0l.353-.353a.25.25 0 0 0 0-.354l-2.19-2.19h.003l-2.295-2.296-.002.002-1.425-1.425.002-.002-4.185-4.185-.002.002-1.425-1.425.001-.002-2.48-2.48-.002.001zm3.827 5.242a5.002 5.002 0 0 0 6.748 6.748l-1.534-1.535a3 3 0 0 1-3.679-3.679zm3.145-.395 3.998 3.998a3.001 3.001 0 0 0-3.997-3.997M17 12.5a4.97 4.97 0 0 1-.825 2.751l2.607 2.607A11.9 11.9 0 0 0 23 12.5C21.27 8.11 17 5 12 5c-1.779 0-3.465.394-4.978 1.098L9.25 8.325A5.002 5.002 0 0 1 17 12.5",
+        d: "M3.741 4.942a.25.25 0 0 0-.353 0l-.354.354a.25.25 0 0 0 0 .353L4.82 7.435A11.9 11.9 0 0 0 1 12.5C2.73 16.89 7 20 12 20c1.593 0 3.111-.315 4.497-.887l2.447 2.446a.25.25 0 0 0 .354 0l.353-.353a.25.25 0 0 0 0-.354l-2.19-2.19h.003l-2.295-2.295-.002.001-1.425-1.425.002-.002-4.185-4.184-.002.002-1.425-1.426.001-.002-2.48-2.48-.002.001zm3.827 5.242a5.002 5.002 0 0 0 6.748 6.748l-1.534-1.535a3.001 3.001 0 0 1-3.679-3.679zm3.145-.394 3.998 3.997a3.001 3.001 0 0 0-3.997-3.997M17 12.5a4.97 4.97 0 0 1-.825 2.751l2.607 2.607A11.9 11.9 0 0 0 23 12.5C21.27 8.11 17 5 12 5c-1.779 0-3.465.394-4.978 1.099L9.25 8.325A5.002 5.002 0 0 1 17 12.5",
         clipRule: "evenodd"
       }
     )

package/build/esm/components/Icon/components/EyeSolidDisabled.js.map

@@ -1 +1 @@
-{"version":3,"file":"EyeSolidDisabled.js","sources":["../../../../../src/components/Icon/components/EyeSolidDisabled.tsx"],"sourcesContent":["/**\n * DO NOT MANUAL MODIFY THIS FILE\n *\n * AUTO GENERATED\n */\nimport { type Ref, type SVGProps, forwardRef } from 'react';\nimport classNames from 'classnames';\nimport { ICON_CLASS } from 'acinguiux-ds-react-base/consts';\nimport * as Styled from '../Icon.styles';\nconst EyeSolidDisabledBase = forwardRef((props: SVGProps<SVGSVGElement>, ref: Ref<SVGSVGElement>) => (\n  <svg\n    xmlns=\"http://www.w3.org/2000/svg\"\n    viewBox=\"0 0 24 24\"\n    fill=\"currentColor\"\n    width=\"1em\"\n    height=\"1em\"\n    ref={ref}\n    {...props}\n  >\n    <path\n      fillRule=\"evenodd\"\n      d=\"M3.741 4.942a.25.25 0 0 0-.353 0l-.354.354a.25.25 0 0 0 0 .353L4.82 7.435A11.9 11.9 0 0 0 1 12.5C2.73 16.89 7 20 12 20c1.593 0 3.111-.316 4.497-.888l2.447 2.447a.25.25 0 0 0 .354 0l.353-.353a.25.25 0 0 0 0-.354l-2.19-2.19h.003l-2.295-2.296-.002.002-1.425-1.425.002-.002-4.185-4.185-.002.002-1.425-1.425.001-.002-2.48-2.48-.002.001zm3.827 5.242a5.002 5.002 0 0 0 6.748 6.748l-1.534-1.535a3 3 0 0 1-3.679-3.679zm3.145-.395 3.998 3.998a3.001 3.001 0 0 0-3.997-3.997M17 12.5a4.97 4.97 0 0 1-.825 2.751l2.607 2.607A11.9 11.9 0 0 0 23 12.5C21.27 8.11 17 5 12 5c-1.779 0-3.465.394-4.978 1.098L9.25 8.325A5.002 5.002 0 0 1 17 12.5\"\n      clipRule=\"evenodd\"\n    />\n  </svg>\n));\nconst EyeSolidDisabled = forwardRef<SVGSVGElement, SVGProps<SVGSVGElement>>(\n  (\n    {\n      className,\n      ...rest\n    }: SVGProps<SVGSVGElement> & {\n      className?: string;\n    },\n    ref,\n  ) => <Styled.Icon className={classNames(ICON_CLASS, className)} as={EyeSolidDisabledBase} {...rest} ref={ref} />,\n);\nexport default EyeSolidDisabled;\n"],"names":["EyeSolidDisabledBase","forwardRef","props","ref","jsx","EyeSolidDisabled","className","rest","Styled.Icon","classNames","ICON_CLASS"],"mappings":";;;;;AASA,MAAMA,IAAuBC,EAAW,CAACC,GAAgCC,MACvE,gBAAAC;AAAA,EAAC;AAAA,EAAA;AAAA,IACC,OAAM;AAAA,IACN,SAAQ;AAAA,IACR,MAAK;AAAA,IACL,OAAM;AAAA,IACN,QAAO;AAAA,IACP,KAAAD;AAAA,IACC,GAAGD;AAAA,IAEJ,UAAA,gBAAAE;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,UAAS;AAAA,QACT,GAAE;AAAA,QACF,UAAS;AAAA,MAAA;AAAA,IAAA;AAAA,EACX;AACF,CACD,GACKC,IAAmBJ;AAAA,EACvB,CACE;AAAA,IACE,WAAAK;AAAA,IACA,GAAGC;AAAA,EAAA,GAILJ,MACG,gBAAAC,EAACI,GAAA,EAAY,WAAWC,EAAWC,GAAYJ,CAAS,GAAG,IAAIN,GAAuB,GAAGO,GAAM,KAAAJ,EAAA,CAAU;AAChH;"}
+{"version":3,"file":"EyeSolidDisabled.js","sources":["../../../../../src/components/Icon/components/EyeSolidDisabled.tsx"],"sourcesContent":["/**\n * DO NOT MANUAL MODIFY THIS FILE\n *\n * AUTO GENERATED\n */\nimport { type Ref, type SVGProps, forwardRef } from 'react';\nimport classNames from 'classnames';\nimport { ICON_CLASS } from 'acinguiux-ds-react-base/consts';\nimport * as Styled from '../Icon.styles';\nconst EyeSolidDisabledBase = forwardRef((props: SVGProps<SVGSVGElement>, ref: Ref<SVGSVGElement>) => (\n  <svg\n    xmlns=\"http://www.w3.org/2000/svg\"\n    viewBox=\"0 0 24 24\"\n    fill=\"currentColor\"\n    width=\"1em\"\n    height=\"1em\"\n    ref={ref}\n    {...props}\n  >\n    <path\n      fillRule=\"evenodd\"\n      d=\"M3.741 4.942a.25.25 0 0 0-.353 0l-.354.354a.25.25 0 0 0 0 .353L4.82 7.435A11.9 11.9 0 0 0 1 12.5C2.73 16.89 7 20 12 20c1.593 0 3.111-.315 4.497-.887l2.447 2.446a.25.25 0 0 0 .354 0l.353-.353a.25.25 0 0 0 0-.354l-2.19-2.19h.003l-2.295-2.295-.002.001-1.425-1.425.002-.002-4.185-4.184-.002.002-1.425-1.426.001-.002-2.48-2.48-.002.001zm3.827 5.242a5.002 5.002 0 0 0 6.748 6.748l-1.534-1.535a3.001 3.001 0 0 1-3.679-3.679zm3.145-.394 3.998 3.997a3.001 3.001 0 0 0-3.997-3.997M17 12.5a4.97 4.97 0 0 1-.825 2.751l2.607 2.607A11.9 11.9 0 0 0 23 12.5C21.27 8.11 17 5 12 5c-1.779 0-3.465.394-4.978 1.099L9.25 8.325A5.002 5.002 0 0 1 17 12.5\"\n      clipRule=\"evenodd\"\n    />\n  </svg>\n));\nconst EyeSolidDisabled = forwardRef<SVGSVGElement, SVGProps<SVGSVGElement>>(\n  (\n    {\n      className,\n      ...rest\n    }: SVGProps<SVGSVGElement> & {\n      className?: string;\n    },\n    ref,\n  ) => <Styled.Icon className={classNames(ICON_CLASS, className)} as={EyeSolidDisabledBase} {...rest} ref={ref} />,\n);\nexport default EyeSolidDisabled;\n"],"names":["EyeSolidDisabledBase","forwardRef","props","ref","jsx","EyeSolidDisabled","className","rest","Styled.Icon","classNames","ICON_CLASS"],"mappings":";;;;;AASA,MAAMA,IAAuBC,EAAW,CAACC,GAAgCC,MACvE,gBAAAC;AAAA,EAAC;AAAA,EAAA;AAAA,IACC,OAAM;AAAA,IACN,SAAQ;AAAA,IACR,MAAK;AAAA,IACL,OAAM;AAAA,IACN,QAAO;AAAA,IACP,KAAAD;AAAA,IACC,GAAGD;AAAA,IAEJ,UAAA,gBAAAE;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,UAAS;AAAA,QACT,GAAE;AAAA,QACF,UAAS;AAAA,MAAA;AAAA,IAAA;AAAA,EACX;AACF,CACD,GACKC,IAAmBJ;AAAA,EACvB,CACE;AAAA,IACE,WAAAK;AAAA,IACA,GAAGC;AAAA,EAAA,GAILJ,MACG,gBAAAC,EAACI,GAAA,EAAY,WAAWC,EAAWC,GAAYJ,CAAS,GAAG,IAAIN,GAAuB,GAAGO,GAAM,KAAAJ,EAAA,CAAU;AAChH;"}

package/build/esm/components/Icon/components/Office.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Office.d.ts","sourceRoot":"","sources":["../../../../../src/components/Icon/components/Office.tsx"],"names":[],"mappings":"AAAA;;;;GAIG;AACH,OAAO,EAAY,KAAK,QAAQ,EAAc,MAAM,OAAO,CAAC;AAwB5D,QAAA,MAAM,MAAM,gIAUX,CAAC;AACF,eAAe,MAAM,CAAC"}
+{"version":3,"file":"Office.d.ts","sourceRoot":"","sources":["../../../../../src/components/Icon/components/Office.tsx"],"names":[],"mappings":"AAAA;;;;GAIG;AACH,OAAO,EAAY,KAAK,QAAQ,EAAc,MAAM,OAAO,CAAC;AAiB5D,QAAA,MAAM,MAAM,gIAUX,CAAC;AACF,eAAe,MAAM,CAAC"}

package/build/esm/components/Icon/components/Office.js

@@ -1,9 +1,9 @@
-import { jsx as h, jsxs as s } from "react/jsx-runtime";
-import { forwardRef as r } from "react";
-import t from "classnames";
-import { ICON_CLASS as a } from "../../../react-base/src/consts/classes.js";
+import { jsx as m } from "react/jsx-runtime";
+import { forwardRef as t } from "react";
+import s from "classnames";
+import { ICON_CLASS as f } from "../../../react-base/src/consts/classes.js";
 import { Icon as i } from "../Icon.styles.js";
-const v = r((e, o) => /* @__PURE__ */ h(
+const a = t((o, r) => /* @__PURE__ */ m(
   "svg",
   {
     xmlns: "http://www.w3.org/2000/svg",
@@ -11,25 +11,15 @@ const v = r((e, o) => /* @__PURE__ */ h(
     fill: "currentColor",
     width: "1em",
     height: "1em",
-    ref: o,
-    ...e,
-    children: /* @__PURE__ */ s("g", { children: [
-      /* @__PURE__ */ h("path", { d: "M15 15h2v2h-2zM17 11h-2v2h2zM15 7h2v2h-2zM13 11h-2v2h2zM7 15h2v2H7zM13 7h-2v2h2z" }),
-      /* @__PURE__ */ h(
-        "path",
-        {
-          fillRule: "evenodd",
-          d: "M9 3a2 2 0 0 0-2 2v6H4.5A1.5 1.5 0 0 0 3 12.5V19a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2V5a2 2 0 0 0-2-2zm4 16h6V5H9v8H5v6h6v-4h2z",
-          clipRule: "evenodd"
-        }
-      )
-    ] })
+    ref: r,
+    ...o,
+    children: /* @__PURE__ */ m("path", { d: "M4 18.133V5.975L14.367 2 20 3.87v16.368L14.367 22zl10.367 1.295V5.274L7.606 6.91v9.586z" })
   }
-)), n = r(
+)), n = t(
   ({
-    className: e,
-    ...o
-  }, m) => /* @__PURE__ */ h(i, { className: t(a, e), as: v, ...o, ref: m })
+    className: o,
+    ...r
+  }, e) => /* @__PURE__ */ m(i, { className: s(f, o), as: a, ...r, ref: e })
 );
 export {
   n as default

package/build/esm/components/Icon/components/Office.js.map

@@ -1 +1 @@
-{"version":3,"file":"Office.js","sources":["../../../../../src/components/Icon/components/Office.tsx"],"sourcesContent":["/**\n * DO NOT MANUAL MODIFY THIS FILE\n *\n * AUTO GENERATED\n */\nimport { type Ref, type SVGProps, forwardRef } from 'react';\nimport classNames from 'classnames';\nimport { ICON_CLASS } from 'acinguiux-ds-react-base/consts';\nimport * as Styled from '../Icon.styles';\nconst OfficeBase = forwardRef((props: SVGProps<SVGSVGElement>, ref: Ref<SVGSVGElement>) => (\n  <svg\n    xmlns=\"http://www.w3.org/2000/svg\"\n    viewBox=\"0 0 24 24\"\n    fill=\"currentColor\"\n    width=\"1em\"\n    height=\"1em\"\n    ref={ref}\n    {...props}\n  >\n    <g>\n      <path d=\"M15 15h2v2h-2zM17 11h-2v2h2zM15 7h2v2h-2zM13 11h-2v2h2zM7 15h2v2H7zM13 7h-2v2h2z\" />\n      <path\n        fillRule=\"evenodd\"\n        d=\"M9 3a2 2 0 0 0-2 2v6H4.5A1.5 1.5 0 0 0 3 12.5V19a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2V5a2 2 0 0 0-2-2zm4 16h6V5H9v8H5v6h6v-4h2z\"\n        clipRule=\"evenodd\"\n      />\n    </g>\n  </svg>\n));\nconst Office = forwardRef<SVGSVGElement, SVGProps<SVGSVGElement>>(\n  (\n    {\n      className,\n      ...rest\n    }: SVGProps<SVGSVGElement> & {\n      className?: string;\n    },\n    ref,\n  ) => <Styled.Icon className={classNames(ICON_CLASS, className)} as={OfficeBase} {...rest} ref={ref} />,\n);\nexport default Office;\n"],"names":["OfficeBase","forwardRef","props","ref","jsx","Office","className","rest","Styled.Icon","classNames","ICON_CLASS"],"mappings":";;;;;AASA,MAAMA,IAAaC,EAAW,CAACC,GAAgCC,MAC7D,gBAAAC;AAAA,EAAC;AAAA,EAAA;AAAA,IACC,OAAM;AAAA,IACN,SAAQ;AAAA,IACR,MAAK;AAAA,IACL,OAAM;AAAA,IACN,QAAO;AAAA,IACP,KAAAD;AAAA,IACC,GAAGD;AAAA,IAEJ,4BAAC,KAAA,EACC,UAAA;AAAA,MAAA,gBAAAE,EAAC,QAAA,EAAK,GAAE,mFAAA,CAAmF;AAAA,MAC3F,gBAAAA;AAAA,QAAC;AAAA,QAAA;AAAA,UACC,UAAS;AAAA,UACT,GAAE;AAAA,UACF,UAAS;AAAA,QAAA;AAAA,MAAA;AAAA,IACX,EAAA,CACF;AAAA,EAAA;AACF,CACD,GACKC,IAASJ;AAAA,EACb,CACE;AAAA,IACE,WAAAK;AAAA,IACA,GAAGC;AAAA,EAAA,GAILJ,MACG,gBAAAC,EAACI,GAAA,EAAY,WAAWC,EAAWC,GAAYJ,CAAS,GAAG,IAAIN,GAAa,GAAGO,GAAM,KAAAJ,EAAA,CAAU;AACtG;"}
+{"version":3,"file":"Office.js","sources":["../../../../../src/components/Icon/components/Office.tsx"],"sourcesContent":["/**\n * DO NOT MANUAL MODIFY THIS FILE\n *\n * AUTO GENERATED\n */\nimport { type Ref, type SVGProps, forwardRef } from 'react';\nimport classNames from 'classnames';\nimport { ICON_CLASS } from 'acinguiux-ds-react-base/consts';\nimport * as Styled from '../Icon.styles';\nconst OfficeBase = forwardRef((props: SVGProps<SVGSVGElement>, ref: Ref<SVGSVGElement>) => (\n  <svg\n    xmlns=\"http://www.w3.org/2000/svg\"\n    viewBox=\"0 0 24 24\"\n    fill=\"currentColor\"\n    width=\"1em\"\n    height=\"1em\"\n    ref={ref}\n    {...props}\n  >\n    <path d=\"M4 18.133V5.975L14.367 2 20 3.87v16.368L14.367 22zl10.367 1.295V5.274L7.606 6.91v9.586z\" />\n  </svg>\n));\nconst Office = forwardRef<SVGSVGElement, SVGProps<SVGSVGElement>>(\n  (\n    {\n      className,\n      ...rest\n    }: SVGProps<SVGSVGElement> & {\n      className?: string;\n    },\n    ref,\n  ) => <Styled.Icon className={classNames(ICON_CLASS, className)} as={OfficeBase} {...rest} ref={ref} />,\n);\nexport default Office;\n"],"names":["OfficeBase","forwardRef","props","ref","jsx","Office","className","rest","Styled.Icon","classNames","ICON_CLASS"],"mappings":";;;;;AASA,MAAMA,IAAaC,EAAW,CAACC,GAAgCC,MAC7D,gBAAAC;AAAA,EAAC;AAAA,EAAA;AAAA,IACC,OAAM;AAAA,IACN,SAAQ;AAAA,IACR,MAAK;AAAA,IACL,OAAM;AAAA,IACN,QAAO;AAAA,IACP,KAAAD;AAAA,IACC,GAAGD;AAAA,IAEJ,UAAA,gBAAAE,EAAC,QAAA,EAAK,GAAE,0FAAA,CAA0F;AAAA,EAAA;AACpG,CACD,GACKC,IAASJ;AAAA,EACb,CACE;AAAA,IACE,WAAAK;AAAA,IACA,GAAGC;AAAA,EAAA,GAILJ,MACG,gBAAAC,EAACI,GAAA,EAAY,WAAWC,EAAWC,GAAYJ,CAAS,GAAG,IAAIN,GAAa,GAAGO,GAAM,KAAAJ,EAAA,CAAU;AACtG;"}