@mage-ui/components 1.0.162 → 1.0.164

package/dist/components/controls/file-input/FileInputMultipleS3.d.mts

@@ -6,10 +6,13 @@ import { ReactElement } from "react";
 //#region src/components/controls/file-input/FileInputMultipleS3.d.ts
 type FileInputMultipleS3Handle = {
   upload: () => Promise<UploadedS3File[] | null>;
+  setPendingFiles: (files: File[] | null) => void;
 };
 type FileInputMultipleS3Props<TBody extends S3InitBody = S3InitBody> = Omit<FileInputMultipleProps, 'onChange'> & S3UploadConfig<TBody> & {
   autoUpload?: boolean;
+  accumulate?: boolean;
   onChange?: (results: UploadedS3File[] | null) => void;
+  onSelect?: (files: File[] | null) => void;
 };
 declare const FileInputMultipleS3: <TBody extends S3InitBody = S3InitBody>(props: FileInputMultipleS3Props<TBody> & {
   ref?: React.Ref<FileInputMultipleS3Handle>;

package/dist/components/controls/file-input/FileInputMultipleS3.d.mts.map

@@ -1 +1 @@
-{"version":3,"file":"FileInputMultipleS3.d.mts","names":[],"sources":["../../../../src/components/controls/file-input/FileInputMultipleS3.tsx"],"mappings":";;;;;;KAuBY,yBAAA;EACV,MAAA,QAAc,OAAA,CAAQ,cAAA;AAAA;AAAA,KAGZ,wBAAA,eAAuC,UAAA,GAAa,UAAA,IAC9D,IAAA,CAAK,sBAAA,gBACH,cAAA,CAAe,KAAA;EACb,UAAA;EACA,QAAA,IAAY,OAAA,EAAS,cAAA;AAAA;AAAA,cAgFd,mBAAA,iBACG,UAAA,GAAa,UAAA,EAE3B,KAAA,EAAO,wBAAA,CAAyB,KAAA;EAC9B,GAAA,GAAM,KAAA,CAAM,GAAA,CAAI,yBAAA;AAAA,MAEf,YAAA"}
+{"version":3,"file":"FileInputMultipleS3.d.mts","names":[],"sources":["../../../../src/components/controls/file-input/FileInputMultipleS3.tsx"],"mappings":";;;;;;KAuBY,yBAAA;EACV,MAAA,QAAc,OAAA,CAAQ,cAAA;EACtB,eAAA,GAAkB,KAAA,EAAO,IAAA;AAAA;AAAA,KAGf,wBAAA,eAAuC,UAAA,GAAa,UAAA,IAC9D,IAAA,CAAK,sBAAA,gBACH,cAAA,CAAe,KAAA;EACb,UAAA;EACA,UAAA;EACA,QAAA,IAAY,OAAA,EAAS,cAAA;EACrB,QAAA,IAAY,KAAA,EAAO,IAAA;AAAA;AAAA,cA2FZ,mBAAA,iBACG,UAAA,GAAa,UAAA,EAE3B,KAAA,EAAO,wBAAA,CAAyB,KAAA;EAC9B,GAAA,GAAM,KAAA,CAAM,GAAA,CAAI,yBAAA;AAAA,MAEf,YAAA"}

package/dist/components/controls/file-input/FileInputMultipleS3.mjs

@@ -1,2 +1,2 @@
-import{defaultGetErrorMessage as e,useS3Upload as t}from"../dropzone/use-s3-upload.mjs";import{FileInputMultiple as n}from"./FileInputMultiple.mjs";import{jsx as r}from"react/jsx-runtime";import{forwardRef as i,useImperativeHandle as a,useRef as o,useState as s}from"react";function c({onChange:i,autoUpload:c=!0,initUrl:l,buildInitBody:u,register:d,getHeaders:f,getErrorMessage:p=e,resolveUploadedUrl:m,acceptedTypes:h,texts:g,error:_,disabled:v,...y},b){let[x,S]=s(null),[C,w]=s(!1),T=o(null),{upload:E}=t({initUrl:l,buildInitBody:u,register:d,getHeaders:f,getErrorMessage:p,resolveUploadedUrl:m,acceptedTypes:h,texts:g}),D=async e=>{w(!0);try{let t=[];for(let n of e)t.push(await E(n));return i?.(t),t}catch(e){return S(e instanceof Error?e.message:`Upload failed`),null}finally{w(!1)}};a(b,()=>({upload:()=>T.current?D(T.current):Promise.resolve(null)}));let O=async e=>{if(S(null),T.current=e,!e){i?.(null);return}c&&await D(e)};return r(n,{...y,disabled:v??C,error:_??x??void 0,onChange:O})}const l=i(c);export{l as FileInputMultipleS3};
+import{defaultGetErrorMessage as e,useS3Upload as t}from"../dropzone/use-s3-upload.mjs";import{FileInputMultiple as n}from"./FileInputMultiple.mjs";import{jsx as r}from"react/jsx-runtime";import{forwardRef as i,useImperativeHandle as a,useRef as o,useState as s}from"react";function c({onChange:i,onSelect:c,autoUpload:l=!0,accumulate:u=!1,initUrl:d,buildInitBody:f,register:p,getHeaders:m,getErrorMessage:h=e,resolveUploadedUrl:g,acceptedTypes:_,texts:v,error:y,disabled:b,...x},S){let[C,w]=s(null),[T,E]=s(!1),D=o(null),{upload:O}=t({initUrl:d,buildInitBody:f,register:p,getHeaders:m,getErrorMessage:h,resolveUploadedUrl:g,acceptedTypes:_,texts:v}),k=async e=>{E(!0);try{let t=[];for(let n of e)t.push(await O(n));return i?.(t),t}catch(e){return w(e instanceof Error?e.message:`Upload failed`),null}finally{E(!1)}};a(S,()=>({upload:()=>D.current?k(D.current):Promise.resolve(null),setPendingFiles:e=>{D.current=e}}));let A=async e=>{if(w(null),!e){D.current=null,c?.(null),i?.(null);return}let t=u?[...D.current??[],...e]:e;D.current=t,c?.(t),l&&await k(e)};return r(n,{...x,disabled:b??T,error:y??C??void 0,onChange:A})}const l=i(c);export{l as FileInputMultipleS3};
 //# sourceMappingURL=FileInputMultipleS3.mjs.map

package/dist/components/controls/file-input/FileInputMultipleS3.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"FileInputMultipleS3.mjs","names":[],"sources":["../../../../src/components/controls/file-input/FileInputMultipleS3.tsx"],"sourcesContent":["import {\n  forwardRef,\n  type ReactElement,\n  useImperativeHandle,\n  useRef,\n  useState,\n} from 'react';\n\nimport {\n  defaultGetErrorMessage,\n  type S3InitBody,\n  type S3UploadConfig,\n  useS3Upload,\n} from '@/components/controls/dropzone/use-s3-upload';\n\nimport {\n  FileInputMultiple,\n  type FileInputMultipleProps,\n} from './FileInputMultiple';\nimport type { UploadedS3File } from './FileInputS3';\n\nexport type { UploadedS3File };\n\nexport type FileInputMultipleS3Handle = {\n  upload: () => Promise<UploadedS3File[] | null>;\n};\n\nexport type FileInputMultipleS3Props<TBody extends S3InitBody = S3InitBody> =\n  Omit<FileInputMultipleProps, 'onChange'> &\n    S3UploadConfig<TBody> & {\n      autoUpload?: boolean;\n      onChange?: (results: UploadedS3File[] | null) => void;\n    };\n\nfunction FileInputMultipleS3Inner<TBody extends S3InitBody = S3InitBody>(\n  {\n    onChange,\n    autoUpload = true,\n    initUrl,\n    buildInitBody,\n    register,\n    getHeaders,\n    getErrorMessage = defaultGetErrorMessage,\n    resolveUploadedUrl,\n    acceptedTypes,\n    texts,\n    error,\n    disabled,\n    ...fileInputMultipleProps\n  }: FileInputMultipleS3Props<TBody>,\n  ref: React.ForwardedRef<FileInputMultipleS3Handle>,\n) {\n  const [uploadError, setUploadError] = useState<string | null>(null);\n  const [isUploading, setIsUploading] = useState(false);\n  const pendingFilesRef = useRef<File[] | null>(null);\n\n  const { upload } = useS3Upload<TBody>({\n    initUrl,\n    buildInitBody,\n    register,\n    getHeaders,\n    getErrorMessage,\n    resolveUploadedUrl,\n    acceptedTypes,\n    texts,\n  });\n\n  const doUpload = async (files: File[]): Promise<UploadedS3File[] | null> => {\n    setIsUploading(true);\n    try {\n      const results: UploadedS3File[] = [];\n      for (const file of files) {\n        results.push(await upload(file));\n      }\n      onChange?.(results);\n      return results;\n    } catch (e) {\n      setUploadError(e instanceof Error ? e.message : 'Upload failed');\n      return null;\n    } finally {\n      setIsUploading(false);\n    }\n  };\n\n  useImperativeHandle(ref, () => ({\n    upload: () => {\n      if (!pendingFilesRef.current) return Promise.resolve(null);\n      return doUpload(pendingFilesRef.current);\n    },\n  }));\n\n  const handleChange = async (files: File[] | null) => {\n    setUploadError(null);\n    pendingFilesRef.current = files;\n    if (!files) {\n      onChange?.(null);\n      return;\n    }\n    if (autoUpload) await doUpload(files);\n  };\n\n  return (\n    <FileInputMultiple\n      {...fileInputMultipleProps}\n      disabled={disabled ?? isUploading}\n      error={error ?? uploadError ?? undefined}\n      onChange={handleChange}\n    />\n  );\n}\n\nexport const FileInputMultipleS3 = forwardRef(FileInputMultipleS3Inner) as <\n  TBody extends S3InitBody = S3InitBody,\n>(\n  props: FileInputMultipleS3Props<TBody> & {\n    ref?: React.Ref<FileInputMultipleS3Handle>;\n  },\n) => ReactElement;\n"],"mappings":"kRAkCA,SAAS,EACP,CACE,WACA,aAAa,GACb,UACA,gBACA,WACA,aACA,kBAAkB,EAClB,qBACA,gBACA,QACA,QACA,WACA,GAAG,GAEL,EACA,CACA,GAAM,CAAC,EAAa,GAAkB,EAAwB,KAAK,CAC7D,CAAC,EAAa,GAAkB,EAAS,GAAM,CAC/C,EAAkB,EAAsB,KAAK,CAE7C,CAAE,UAAW,EAAmB,CACpC,UACA,gBACA,WACA,aACA,kBACA,qBACA,gBACA,QACD,CAAC,CAEI,EAAW,KAAO,IAAoD,CAC1E,EAAe,GAAK,CACpB,GAAI,CACF,IAAM,EAA4B,EAAE,CACpC,IAAK,IAAM,KAAQ,EACjB,EAAQ,KAAK,MAAM,EAAO,EAAK,CAAC,CAGlC,OADA,IAAW,EAAQ,CACZ,QACA,EAAG,CAEV,OADA,EAAe,aAAa,MAAQ,EAAE,QAAU,gBAAgB,CACzD,YACC,CACR,EAAe,GAAM,GAIzB,EAAoB,OAAY,CAC9B,WACO,EAAgB,QACd,EAAS,EAAgB,QAAQ,CADH,QAAQ,QAAQ,KAAK,CAG7D,EAAE,CAEH,IAAM,EAAe,KAAO,IAAyB,CAGnD,GAFA,EAAe,KAAK,CACpB,EAAgB,QAAU,EACtB,CAAC,EAAO,CACV,IAAW,KAAK,CAChB,OAEE,GAAY,MAAM,EAAS,EAAM,EAGvC,OACE,EAAC,EAAD,CACE,GAAI,EACJ,SAAU,GAAY,EACtB,MAAO,GAAS,GAAe,IAAA,GAC/B,SAAU,EACV,CAAA,CAIN,MAAa,EAAsB,EAAW,EAAyB"}
+{"version":3,"file":"FileInputMultipleS3.mjs","names":[],"sources":["../../../../src/components/controls/file-input/FileInputMultipleS3.tsx"],"sourcesContent":["import {\n  forwardRef,\n  type ReactElement,\n  useImperativeHandle,\n  useRef,\n  useState,\n} from 'react';\n\nimport {\n  defaultGetErrorMessage,\n  type S3InitBody,\n  type S3UploadConfig,\n  useS3Upload,\n} from '@/components/controls/dropzone/use-s3-upload';\n\nimport {\n  FileInputMultiple,\n  type FileInputMultipleProps,\n} from './FileInputMultiple';\nimport type { UploadedS3File } from './FileInputS3';\n\nexport type { UploadedS3File };\n\nexport type FileInputMultipleS3Handle = {\n  upload: () => Promise<UploadedS3File[] | null>;\n  setPendingFiles: (files: File[] | null) => void;\n};\n\nexport type FileInputMultipleS3Props<TBody extends S3InitBody = S3InitBody> =\n  Omit<FileInputMultipleProps, 'onChange'> &\n    S3UploadConfig<TBody> & {\n      autoUpload?: boolean;\n      accumulate?: boolean;\n      onChange?: (results: UploadedS3File[] | null) => void;\n      onSelect?: (files: File[] | null) => void;\n    };\n\nfunction FileInputMultipleS3Inner<TBody extends S3InitBody = S3InitBody>(\n  {\n    onChange,\n    onSelect,\n    autoUpload = true,\n    accumulate = false,\n    initUrl,\n    buildInitBody,\n    register,\n    getHeaders,\n    getErrorMessage = defaultGetErrorMessage,\n    resolveUploadedUrl,\n    acceptedTypes,\n    texts,\n    error,\n    disabled,\n    ...fileInputMultipleProps\n  }: FileInputMultipleS3Props<TBody>,\n  ref: React.ForwardedRef<FileInputMultipleS3Handle>,\n) {\n  const [uploadError, setUploadError] = useState<string | null>(null);\n  const [isUploading, setIsUploading] = useState(false);\n  const pendingFilesRef = useRef<File[] | null>(null);\n\n  const { upload } = useS3Upload<TBody>({\n    initUrl,\n    buildInitBody,\n    register,\n    getHeaders,\n    getErrorMessage,\n    resolveUploadedUrl,\n    acceptedTypes,\n    texts,\n  });\n\n  const doUpload = async (files: File[]): Promise<UploadedS3File[] | null> => {\n    setIsUploading(true);\n    try {\n      const results: UploadedS3File[] = [];\n      for (const file of files) {\n        results.push(await upload(file));\n      }\n      onChange?.(results);\n      return results;\n    } catch (e) {\n      setUploadError(e instanceof Error ? e.message : 'Upload failed');\n      return null;\n    } finally {\n      setIsUploading(false);\n    }\n  };\n\n  useImperativeHandle(ref, () => ({\n    upload: () => {\n      if (!pendingFilesRef.current) return Promise.resolve(null);\n      return doUpload(pendingFilesRef.current);\n    },\n    setPendingFiles: (files) => {\n      pendingFilesRef.current = files;\n    },\n  }));\n\n  const handleChange = async (files: File[] | null) => {\n    setUploadError(null);\n    if (!files) {\n      pendingFilesRef.current = null;\n      onSelect?.(null);\n      onChange?.(null);\n      return;\n    }\n    const merged = accumulate\n      ? [...(pendingFilesRef.current ?? []), ...files]\n      : files;\n    pendingFilesRef.current = merged;\n    onSelect?.(merged);\n    if (autoUpload) await doUpload(files);\n  };\n\n  return (\n    <FileInputMultiple\n      {...fileInputMultipleProps}\n      disabled={disabled ?? isUploading}\n      error={error ?? uploadError ?? undefined}\n      onChange={handleChange}\n    />\n  );\n}\n\nexport const FileInputMultipleS3 = forwardRef(FileInputMultipleS3Inner) as <\n  TBody extends S3InitBody = S3InitBody,\n>(\n  props: FileInputMultipleS3Props<TBody> & {\n    ref?: React.Ref<FileInputMultipleS3Handle>;\n  },\n) => ReactElement;\n"],"mappings":"kRAqCA,SAAS,EACP,CACE,WACA,WACA,aAAa,GACb,aAAa,GACb,UACA,gBACA,WACA,aACA,kBAAkB,EAClB,qBACA,gBACA,QACA,QACA,WACA,GAAG,GAEL,EACA,CACA,GAAM,CAAC,EAAa,GAAkB,EAAwB,KAAK,CAC7D,CAAC,EAAa,GAAkB,EAAS,GAAM,CAC/C,EAAkB,EAAsB,KAAK,CAE7C,CAAE,UAAW,EAAmB,CACpC,UACA,gBACA,WACA,aACA,kBACA,qBACA,gBACA,QACD,CAAC,CAEI,EAAW,KAAO,IAAoD,CAC1E,EAAe,GAAK,CACpB,GAAI,CACF,IAAM,EAA4B,EAAE,CACpC,IAAK,IAAM,KAAQ,EACjB,EAAQ,KAAK,MAAM,EAAO,EAAK,CAAC,CAGlC,OADA,IAAW,EAAQ,CACZ,QACA,EAAG,CAEV,OADA,EAAe,aAAa,MAAQ,EAAE,QAAU,gBAAgB,CACzD,YACC,CACR,EAAe,GAAM,GAIzB,EAAoB,OAAY,CAC9B,WACO,EAAgB,QACd,EAAS,EAAgB,QAAQ,CADH,QAAQ,QAAQ,KAAK,CAG5D,gBAAkB,GAAU,CAC1B,EAAgB,QAAU,GAE7B,EAAE,CAEH,IAAM,EAAe,KAAO,IAAyB,CAEnD,GADA,EAAe,KAAK,CAChB,CAAC,EAAO,CACV,EAAgB,QAAU,KAC1B,IAAW,KAAK,CAChB,IAAW,KAAK,CAChB,OAEF,IAAM,EAAS,EACX,CAAC,GAAI,EAAgB,SAAW,EAAE,CAAG,GAAG,EAAM,CAC9C,EACJ,EAAgB,QAAU,EAC1B,IAAW,EAAO,CACd,GAAY,MAAM,EAAS,EAAM,EAGvC,OACE,EAAC,EAAD,CACE,GAAI,EACJ,SAAU,GAAY,EACtB,MAAO,GAAS,GAAe,IAAA,GAC/B,SAAU,EACV,CAAA,CAIN,MAAa,EAAsB,EAAW,EAAyB"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@mage-ui/components",
-  "version": "1.0.162",
+  "version": "1.0.164",
   "private": false,
   "description": "",
   "keywords": [],
@@ -25,8 +25,8 @@
     "rimraf": "^6.1.3",
     "tsdown": "^0.21.4",
     "typescript": "^5.9.3",
-    "@mage-ui/preset": "1.0.162",
-    "@mage-ui/styled-system": "1.0.8"
+    "@mage-ui/styled-system": "1.0.8",
+    "@mage-ui/preset": "1.0.164"
   },
   "peerDependencies": {
     "@dnd-kit/core": "^6.3.1",