npm - @webiny/app-admin - Versions diffs - 6.4.0-beta.0 → 6.4.0-beta.1 - Mend

@webiny/app-admin 6.4.0-beta.0 → 6.4.0-beta.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (14) hide show

package/package.json CHANGED Viewed

@@ -1,6 +1,6 @@
 {
 	"name": "@webiny/app-admin",
-	"version": "6.4.0-beta.0",
+	"version": "6.4.0-beta.1",
 	"type": "module",
 	"exports": {
 		".": "./index.js",
@@ -21,31 +21,32 @@
 		"@emotion/styled": "11.14.1",
 		"@fortawesome/fontawesome-svg-core": "7.2.0",
 		"@fortawesome/react-fontawesome": "3.3.1",
-		"@iconify/json": "2.2.472",
+		"@iconify/json": "2.2.474",
 		"@svgr/webpack": "8.1.0",
 		"@types/react": "18.3.28",
-		"@webiny/admin-ui": "6.4.0-beta.0",
-		"@webiny/app": "6.4.0-beta.0",
-		"@webiny/di": "0.2.3",
-		"@webiny/feature": "6.4.0-beta.0",
-		"@webiny/form": "6.4.0-beta.0",
-		"@webiny/icons": "6.4.0-beta.0",
-		"@webiny/lexical-converter": "6.4.0-beta.0",
-		"@webiny/lexical-editor": "6.4.0-beta.0",
-		"@webiny/lexical-theme": "6.4.0-beta.0",
-		"@webiny/plugins": "6.4.0-beta.0",
-		"@webiny/react-composition": "6.4.0-beta.0",
-		"@webiny/react-properties": "6.4.0-beta.0",
-		"@webiny/sdk": "6.4.0-beta.0",
-		"@webiny/telemetry": "6.4.0-beta.0",
-		"@webiny/utils": "6.4.0-beta.0",
-		"@webiny/validation": "6.4.0-beta.0",
-		"@webiny/wcp": "6.4.0-beta.0",
+		"@webiny/admin-ui": "6.4.0-beta.1",
+		"@webiny/app": "6.4.0-beta.1",
+		"@webiny/di": "1.0.0",
+		"@webiny/feature": "6.4.0-beta.1",
+		"@webiny/form": "6.4.0-beta.1",
+		"@webiny/icons": "6.4.0-beta.1",
+		"@webiny/lexical-converter": "6.4.0-beta.1",
+		"@webiny/lexical-editor": "6.4.0-beta.1",
+		"@webiny/lexical-theme": "6.4.0-beta.1",
+		"@webiny/plugins": "6.4.0-beta.1",
+		"@webiny/react-composition": "6.4.0-beta.1",
+		"@webiny/react-properties": "6.4.0-beta.1",
+		"@webiny/sdk": "6.4.0-beta.1",
+		"@webiny/telemetry": "6.4.0-beta.1",
+		"@webiny/utils": "6.4.0-beta.1",
+		"@webiny/validation": "6.4.0-beta.1",
+		"@webiny/wcp": "6.4.0-beta.1",
 		"apollo-cache": "1.3.5",
 		"apollo-client": "2.6.10",
 		"apollo-link": "1.2.14",
 		"apollo-link-context": "1.0.20",
 		"apollo-utilities": "1.3.4",
+		"bytes": "3.1.2",
 		"classnames": "2.5.1",
 		"graphql": "16.14.0",
 		"graphql-tag": "2.12.6",
@@ -54,6 +55,7 @@
 		"lexical": "0.44.0",
 		"lodash": "4.18.1",
 		"markdown-to-jsx": "9.8.0",
+		"mime": "4.1.0",
 		"minimatch": "10.2.5",
 		"mobx": "6.15.3",
 		"mobx-react-lite": "4.1.1",
@@ -77,7 +79,7 @@
 		"@types/react-transition-group": "4.4.12",
 		"@types/store": "2.0.5",
 		"@types/tinycolor2": "1.4.6",
-		"@webiny/build-tools": "6.4.0-beta.0",
+		"@webiny/build-tools": "6.4.0-beta.1",
 		"rimraf": "6.1.3",
 		"typescript": "6.0.3",
 		"vitest": "4.1.6"
@@ -103,5 +105,5 @@
 			]
 		}
 	},
-	"gitHead": "a545d7529828af07d08d49c3da1bcb967483b9ce"
+	"gitHead": "73237b8243693038c072bae1c0b783387448cbbe"
 }

package/presentation/browserFilePicker/BrowserFilePicker.d.ts ADDED Viewed

@@ -0,0 +1,3 @@
+import React from "react";
+import type { BrowserFilePickerProps } from "./types.js";
+export declare function BrowserFilePicker({ accept, multiple, maxSize, multipleMaxSize, multipleMaxCount, convertToBase64, onSuccess, onError, children, id: externalId }: BrowserFilePickerProps): React.JSX.Element;

package/presentation/browserFilePicker/BrowserFilePicker.js ADDED Viewed

@@ -0,0 +1,88 @@
+import react, { useCallback, useId, useMemo, useRef } from "react";
+import { BrowserFilePickerPresenter } from "./BrowserFilePickerPresenter.js";
+function BrowserFilePicker({ accept = [], multiple = false, maxSize = "2mb", multipleMaxSize = "10mb", multipleMaxCount = null, convertToBase64 = false, onSuccess, onError, children, id: externalId }) {
+    const generatedId = useId();
+    const inputId = externalId ?? generatedId;
+    const inputRef = useRef(null);
+    const browseCallbacksRef = useRef(null);
+    const presenter = useMemo(()=>new BrowserFilePickerPresenter({
+            accept,
+            multiple,
+            maxSize,
+            multipleMaxSize,
+            multipleMaxCount,
+            convertToBase64
+        }), [
+        accept,
+        multiple,
+        maxSize,
+        multipleMaxSize,
+        multipleMaxCount,
+        convertToBase64
+    ]);
+    const resolveCallbacks = useCallback(()=>{
+        const overrides = browseCallbacksRef.current;
+        return {
+            onSuccess: overrides?.onSuccess ?? onSuccess,
+            onError: overrides?.onError ?? onError
+        };
+    }, [
+        onSuccess,
+        onError
+    ]);
+    const handleFiles = useCallback(async (files)=>{
+        await presenter.processFiles(files, resolveCallbacks());
+        if (inputRef.current) inputRef.current.value = "";
+        browseCallbacksRef.current = null;
+    }, [
+        presenter,
+        resolveCallbacks
+    ]);
+    const renderProps = useMemo(()=>({
+            browseFiles: (params)=>{
+                browseCallbacksRef.current = params ?? null;
+                inputRef.current?.click();
+            },
+            getDropZoneProps: (additionalProps = {})=>{
+                const { onDragOver, onDrop, ...rest } = additionalProps;
+                return {
+                    ...rest,
+                    onDragOver: (e)=>{
+                        e.preventDefault();
+                        "function" == typeof onDragOver && onDragOver(e);
+                    },
+                    onDrop: async (e)=>{
+                        e.preventDefault();
+                        "function" == typeof onDrop && onDrop(e);
+                        if (e.dataTransfer?.files) await handleFiles(Array.from(e.dataTransfer.files));
+                    }
+                };
+            },
+            getLabelProps: (additionalProps = {})=>({
+                    ...additionalProps,
+                    htmlFor: inputId
+                }),
+            validateFiles: (files)=>presenter.validateFiles(files)
+        }), [
+        inputId,
+        presenter,
+        handleFiles
+    ]);
+    return /*#__PURE__*/ react.createElement(react.Fragment, null, children(renderProps), /*#__PURE__*/ react.createElement("input", {
+        id: inputId,
+        ref: inputRef,
+        accept: accept.join(","),
+        style: {
+            display: "none"
+        },
+        type: "file",
+        multiple: multiple,
+        onChange: (e)=>{
+            const files = e.target.files;
+            if (files) handleFiles(Array.from(files));
+        }
+    }));
+}
+export { BrowserFilePicker };
+//# sourceMappingURL=BrowserFilePicker.js.map

package/presentation/browserFilePicker/BrowserFilePicker.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"presentation/browserFilePicker/BrowserFilePicker.js","sources":["../../../src/presentation/browserFilePicker/BrowserFilePicker.tsx"],"sourcesContent":["import React, { useCallback, useId, useMemo, useRef } from \"react\";\nimport { BrowserFilePickerPresenter } from \"./BrowserFilePickerPresenter.js\";\nimport type {\n BrowserFilePickerProps,\n BrowserFilePickerRenderProps,\n BrowseFilesParams\n} from \"./types.js\";\n\nexport function BrowserFilePicker({\n accept = [],\n multiple = false,\n maxSize = \"2mb\",\n multipleMaxSize = \"10mb\",\n multipleMaxCount = null,\n convertToBase64 = false,\n onSuccess,\n onError,\n children,\n id: externalId\n}: BrowserFilePickerProps) {\n const generatedId = useId();\n const inputId = externalId ?? generatedId;\n const inputRef = useRef<HTMLInputElement>(null);\n const browseCallbacksRef = useRef<BrowseFilesParams | null>(null);\n\n const presenter = useMemo(() => {\n return new BrowserFilePickerPresenter({\n accept,\n multiple,\n maxSize,\n multipleMaxSize,\n multipleMaxCount,\n convertToBase64\n });\n }, [accept, multiple, maxSize, multipleMaxSize, multipleMaxCount, convertToBase64]);\n\n const resolveCallbacks = useCallback((): BrowseFilesParams => {\n const overrides = browseCallbacksRef.current;\n return {\n onSuccess: overrides?.onSuccess ?? onSuccess,\n onError: overrides?.onError ?? onError\n };\n }, [onSuccess, onError]);\n\n const handleFiles = useCallback(\n async (files: File[]) => {\n await presenter.processFiles(files, resolveCallbacks());\n\n if (inputRef.current) {\n inputRef.current.value = \"\";\n }\n browseCallbacksRef.current = null;\n },\n [presenter, resolveCallbacks]\n );\n\n const renderProps: BrowserFilePickerRenderProps = useMemo(\n () => ({\n browseFiles: (params?: BrowseFilesParams) => {\n browseCallbacksRef.current = params ?? null;\n inputRef.current?.click();\n },\n\n getDropZoneProps: (additionalProps: Record<string, any> = {}) => {\n const { onDragOver, onDrop, ...rest } = additionalProps;\n return {\n ...rest,\n onDragOver: (e: DragEvent) => {\n e.preventDefault();\n typeof onDragOver === \"function\" && onDragOver(e);\n },\n onDrop: async (e: DragEvent) => {\n e.preventDefault();\n typeof onDrop === \"function\" && onDrop(e);\n if (e.dataTransfer?.files) {\n await handleFiles(Array.from(e.dataTransfer.files));\n }\n }\n };\n },\n\n getLabelProps: (additionalProps: Record<string, any> = {}) => ({\n ...additionalProps,\n htmlFor: inputId\n }),\n\n validateFiles: (files: Array<{ type: string; size: number }>) =>\n presenter.validateFiles(files)\n }),\n [inputId, presenter, handleFiles]\n );\n\n return (\n <>\n {children(renderProps)}\n <input\n id={inputId}\n ref={inputRef}\n accept={accept.join(\",\")}\n style={{ display: \"none\" }}\n type=\"file\"\n multiple={multiple}\n onChange={e => {\n const files = e.target.files;\n if (files) {\n void handleFiles(Array.from(files));\n }\n }}\n />\n </>\n );\n}\n"],"names":["BrowserFilePicker","accept","multiple","maxSize","multipleMaxSize","multipleMaxCount","convertToBase64","onSuccess","onError","children","externalId","generatedId","useId","inputId","inputRef","useRef","browseCallbacksRef","presenter","useMemo","BrowserFilePickerPresenter","resolveCallbacks","useCallback","overrides","handleFiles","files","renderProps","params","additionalProps","onDragOver","onDrop","rest","e","Array"],"mappings":";;AAQO,SAASA,kBAAkB,EAC9BC,SAAS,EAAE,EACXC,WAAW,KAAK,EAChBC,UAAU,KAAK,EACfC,kBAAkB,MAAM,EACxBC,mBAAmB,IAAI,EACvBC,kBAAkB,KAAK,EACvBC,SAAS,EACTC,OAAO,EACPC,QAAQ,EACR,IAAIC,UAAU,EACO;IACrB,MAAMC,cAAcC;IACpB,MAAMC,UAAUH,cAAcC;IAC9B,MAAMG,WAAWC,OAAyB;IAC1C,MAAMC,qBAAqBD,OAAiC;IAE5D,MAAME,YAAYC,QAAQ,IACf,IAAIC,2BAA2B;YAClClB;YACAC;YACAC;YACAC;YACAC;YACAC;QACJ,IACD;QAACL;QAAQC;QAAUC;QAASC;QAAiBC;QAAkBC;KAAgB;IAElF,MAAMc,mBAAmBC,YAAY;QACjC,MAAMC,YAAYN,mBAAmB,OAAO;QAC5C,OAAO;YACH,WAAWM,WAAW,aAAaf;YACnC,SAASe,WAAW,WAAWd;QACnC;IACJ,GAAG;QAACD;QAAWC;KAAQ;IAEvB,MAAMe,cAAcF,YAChB,OAAOG;QACH,MAAMP,UAAU,YAAY,CAACO,OAAOJ;QAEpC,IAAIN,SAAS,OAAO,EAChBA,SAAS,OAAO,CAAC,KAAK,GAAG;QAE7BE,mBAAmB,OAAO,GAAG;IACjC,GACA;QAACC;QAAWG;KAAiB;IAGjC,MAAMK,cAA4CP,QAC9C,IAAO;YACH,aAAa,CAACQ;gBACVV,mBAAmB,OAAO,GAAGU,UAAU;gBACvCZ,SAAS,OAAO,EAAE;YACtB;YAEA,kBAAkB,CAACa,kBAAuC,CAAC,CAAC;gBACxD,MAAM,EAAEC,UAAU,EAAEC,MAAM,EAAE,GAAGC,MAAM,GAAGH;gBACxC,OAAO;oBACH,GAAGG,IAAI;oBACP,YAAY,CAACC;wBACTA,EAAE,cAAc;wBACM,cAAtB,OAAOH,cAA6BA,WAAWG;oBACnD;oBACA,QAAQ,OAAOA;wBACXA,EAAE,cAAc;wBACE,cAAlB,OAAOF,UAAyBA,OAAOE;wBACvC,IAAIA,EAAE,YAAY,EAAE,OAChB,MAAMR,YAAYS,MAAM,IAAI,CAACD,EAAE,YAAY,CAAC,KAAK;oBAEzD;gBACJ;YACJ;YAEA,eAAe,CAACJ,kBAAuC,CAAC,CAAC,GAAM;oBAC3D,GAAGA,eAAe;oBAClB,SAASd;gBACb;YAEA,eAAe,CAACW,QACZP,UAAU,aAAa,CAACO;QAChC,IACA;QAACX;QAASI;QAAWM;KAAY;IAGrC,OAAO,WAAP,GACI,0CACKd,SAASgB,cAAAA,WAAAA,GACV,oBAAC;QACG,IAAIZ;QACJ,KAAKC;QACL,QAAQb,OAAO,IAAI,CAAC;QACpB,OAAO;YAAE,SAAS;QAAO;QACzB,MAAK;QACL,UAAUC;QACV,UAAU6B,CAAAA;YACN,MAAMP,QAAQO,EAAE,MAAM,CAAC,KAAK;YAC5B,IAAIP,OACKD,YAAYS,MAAM,IAAI,CAACR;QAEpC;;AAIhB"}

package/presentation/browserFilePicker/BrowserFilePickerPresenter.d.ts ADDED Viewed

@@ -0,0 +1,10 @@
+import type { BrowserFilePickerConfig, FileError, BrowseFilesParams } from "./types.js";
+export declare class BrowserFilePickerPresenter {
+    private readonly config;
+    constructor(config: BrowserFilePickerConfig);
+    validateFiles(files: Array<{
+        type: string;
+        size: number;
+    }>): FileError[];
+    processFiles(rawFiles: File[], callbacks: BrowseFilesParams): Promise<void>;
+}

package/presentation/browserFilePicker/BrowserFilePickerPresenter.js ADDED Viewed

@@ -0,0 +1,84 @@
+import bytes from "bytes";
+import { minimatch } from "minimatch";
+import { generateId, readFileContent } from "./utils.js";
+async function resolveTypeFromName(fileName) {
+    const mime = await import("mime");
+    return mime.default.getType(fileName) || "";
+}
+class BrowserFilePickerPresenter {
+    constructor(config){
+        this.config = config;
+    }
+    validateFiles(files) {
+        const { multiple, multipleMaxSize, multipleMaxCount, accept, maxSize } = this.config;
+        const errors = [];
+        let multipleFileSize = 0;
+        if (!multiple && files.length > 1) {
+            errors.push({
+                id: generateId(),
+                type: "multipleNotAllowed"
+            });
+            return errors;
+        }
+        for(let index = 0; index < files.length; index++){
+            const file = files[index];
+            if (Array.isArray(accept) && accept.length && !accept.some((type)=>minimatch(file.type, type))) errors.push({
+                id: generateId(),
+                index,
+                file: file,
+                type: "unsupportedFileType"
+            });
+            else if (maxSize) {
+                const sizeAsBytes = bytes(maxSize);
+                if (sizeAsBytes && file.size > sizeAsBytes) errors.push({
+                    id: generateId(),
+                    index,
+                    file: file,
+                    type: "maxSizeExceeded"
+                });
+            }
+            if (multiple) multipleFileSize += file.size;
+        }
+        if (multiple) {
+            const maxMultipleMaxSize = bytes(multipleMaxSize);
+            if (maxMultipleMaxSize && multipleMaxSize && multipleFileSize > maxMultipleMaxSize) errors.push({
+                id: generateId(),
+                type: "multipleMaxSizeExceeded",
+                multipleFileSize,
+                multipleMaxSize: maxMultipleMaxSize
+            });
+            if (multipleMaxCount && files.length > multipleMaxCount) errors.push({
+                id: generateId(),
+                type: "multipleMaxCountExceeded",
+                multipleCount: files.length,
+                multipleMaxCount
+            });
+        }
+        return errors;
+    }
+    async processFiles(rawFiles, callbacks) {
+        if (0 === rawFiles.length) return;
+        const files = await Promise.all([
+            ...rawFiles
+        ].map(async (file)=>{
+            const mimeType = "" !== file.type ? file.type : await resolveTypeFromName(file.name);
+            return {
+                id: generateId(),
+                name: file.name,
+                type: mimeType,
+                size: file.size,
+                src: {
+                    file,
+                    base64: null
+                }
+            };
+        }));
+        const errors = this.validateFiles(files);
+        if (errors.length && callbacks.onError) return void callbacks.onError(errors, files);
+        if (this.config.convertToBase64) for(let i = 0; i < files.length; i++)files[i].src.base64 = await readFileContent(files[i].src.file);
+        if (callbacks.onSuccess) callbacks.onSuccess(files);
+    }
+}
+export { BrowserFilePickerPresenter };
+//# sourceMappingURL=BrowserFilePickerPresenter.js.map

package/presentation/browserFilePicker/BrowserFilePickerPresenter.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"presentation/browserFilePicker/BrowserFilePickerPresenter.js","sources":["../../../src/presentation/browserFilePicker/BrowserFilePickerPresenter.ts"],"sourcesContent":["import bytes from \"bytes\";\nimport { minimatch } from \"minimatch\";\nimport { generateId, readFileContent } from \"./utils.js\";\nimport type {\n BrowserFilePickerConfig,\n SelectedFile,\n FileError,\n BrowseFilesParams\n} from \"./types.js\";\n\nasync function resolveTypeFromName(fileName: string): Promise<string> {\n const mime = await import(\"mime\");\n return mime.default.getType(fileName) || \"\";\n}\n\nexport class BrowserFilePickerPresenter {\n private readonly config: BrowserFilePickerConfig;\n\n constructor(config: BrowserFilePickerConfig) {\n this.config = config;\n }\n\n validateFiles(files: Array<{ type: string; size: number }>): FileError[] {\n const { multiple, multipleMaxSize, multipleMaxCount, accept, maxSize } = this.config;\n const errors: FileError[] = [];\n let multipleFileSize = 0;\n\n if (!multiple && files.length > 1) {\n errors.push({ id: generateId(), type: \"multipleNotAllowed\" });\n return errors;\n }\n\n for (let index = 0; index < files.length; index++) {\n const file = files[index];\n\n if (\n Array.isArray(accept) &&\n accept.length &&\n !accept.some(type => minimatch(file.type, type))\n ) {\n errors.push({\n id: generateId(),\n index,\n file: file as SelectedFile | File,\n type: \"unsupportedFileType\"\n });\n } else if (maxSize) {\n const sizeAsBytes = bytes(maxSize);\n if (sizeAsBytes && file.size > sizeAsBytes) {\n errors.push({\n id: generateId(),\n index,\n file: file as SelectedFile | File,\n type: \"maxSizeExceeded\"\n });\n }\n }\n\n if (multiple) {\n multipleFileSize += file.size;\n }\n }\n\n if (multiple) {\n const maxMultipleMaxSize = bytes(multipleMaxSize);\n\n if (maxMultipleMaxSize && multipleMaxSize && multipleFileSize > maxMultipleMaxSize) {\n errors.push({\n id: generateId(),\n type: \"multipleMaxSizeExceeded\",\n multipleFileSize,\n multipleMaxSize: maxMultipleMaxSize\n });\n }\n\n if (multipleMaxCount && files.length > multipleMaxCount) {\n errors.push({\n id: generateId(),\n type: \"multipleMaxCountExceeded\",\n multipleCount: files.length,\n multipleMaxCount\n });\n }\n }\n\n return errors;\n }\n\n async processFiles(rawFiles: File[], callbacks: BrowseFilesParams): Promise<void> {\n if (rawFiles.length === 0) {\n return;\n }\n\n const files: SelectedFile[] = await Promise.all(\n [...rawFiles].map(async file => {\n const mimeType =\n file.type !== \"\" ? file.type : await resolveTypeFromName(file.name);\n\n return {\n id: generateId(),\n name: file.name,\n type: mimeType,\n size: file.size,\n src: { file, base64: null }\n };\n })\n );\n\n const errors = this.validateFiles(files);\n\n if (errors.length && callbacks.onError) {\n callbacks.onError(errors, files);\n return;\n }\n\n if (this.config.convertToBase64) {\n for (let i = 0; i < files.length; i++) {\n files[i].src.base64 = await readFileContent(files[i].src.file);\n }\n }\n\n if (callbacks.onSuccess) {\n callbacks.onSuccess(files);\n }\n }\n}\n"],"names":["resolveTypeFromName","fileName","mime","BrowserFilePickerPresenter","config","files","multiple","multipleMaxSize","multipleMaxCount","accept","maxSize","errors","multipleFileSize","generateId","index","file","Array","type","minimatch","sizeAsBytes","bytes","maxMultipleMaxSize","rawFiles","callbacks","Promise","mimeType","i","readFileContent"],"mappings":";;;AAUA,eAAeA,oBAAoBC,QAAgB;IAC/C,MAAMC,OAAO,MAAM,MAAM,CAAC;IAC1B,OAAOA,KAAK,OAAO,CAAC,OAAO,CAACD,aAAa;AAC7C;AAEO,MAAME;IAGT,YAAYC,MAA+B,CAAE;QACzC,IAAI,CAAC,MAAM,GAAGA;IAClB;IAEA,cAAcC,KAA4C,EAAe;QACrE,MAAM,EAAEC,QAAQ,EAAEC,eAAe,EAAEC,gBAAgB,EAAEC,MAAM,EAAEC,OAAO,EAAE,GAAG,IAAI,CAAC,MAAM;QACpF,MAAMC,SAAsB,EAAE;QAC9B,IAAIC,mBAAmB;QAEvB,IAAI,CAACN,YAAYD,MAAM,MAAM,GAAG,GAAG;YAC/BM,OAAO,IAAI,CAAC;gBAAE,IAAIE;gBAAc,MAAM;YAAqB;YAC3D,OAAOF;QACX;QAEA,IAAK,IAAIG,QAAQ,GAAGA,QAAQT,MAAM,MAAM,EAAES,QAAS;YAC/C,MAAMC,OAAOV,KAAK,CAACS,MAAM;YAEzB,IACIE,MAAM,OAAO,CAACP,WACdA,OAAO,MAAM,IACb,CAACA,OAAO,IAAI,CAACQ,CAAAA,OAAQC,UAAUH,KAAK,IAAI,EAAEE,QAE1CN,OAAO,IAAI,CAAC;gBACR,IAAIE;gBACJC;gBACA,MAAMC;gBACN,MAAM;YACV;iBACG,IAAIL,SAAS;gBAChB,MAAMS,cAAcC,MAAMV;gBAC1B,IAAIS,eAAeJ,KAAK,IAAI,GAAGI,aAC3BR,OAAO,IAAI,CAAC;oBACR,IAAIE;oBACJC;oBACA,MAAMC;oBACN,MAAM;gBACV;YAER;YAEA,IAAIT,UACAM,oBAAoBG,KAAK,IAAI;QAErC;QAEA,IAAIT,UAAU;YACV,MAAMe,qBAAqBD,MAAMb;YAEjC,IAAIc,sBAAsBd,mBAAmBK,mBAAmBS,oBAC5DV,OAAO,IAAI,CAAC;gBACR,IAAIE;gBACJ,MAAM;gBACND;gBACA,iBAAiBS;YACrB;YAGJ,IAAIb,oBAAoBH,MAAM,MAAM,GAAGG,kBACnCG,OAAO,IAAI,CAAC;gBACR,IAAIE;gBACJ,MAAM;gBACN,eAAeR,MAAM,MAAM;gBAC3BG;YACJ;QAER;QAEA,OAAOG;IACX;IAEA,MAAM,aAAaW,QAAgB,EAAEC,SAA4B,EAAiB;QAC9E,IAAID,AAAoB,MAApBA,SAAS,MAAM,EACf;QAGJ,MAAMjB,QAAwB,MAAMmB,QAAQ,GAAG,CAC3C;eAAIF;SAAS,CAAC,GAAG,CAAC,OAAMP;YACpB,MAAMU,WACFV,AAAc,OAAdA,KAAK,IAAI,GAAUA,KAAK,IAAI,GAAG,MAAMf,oBAAoBe,KAAK,IAAI;YAEtE,OAAO;gBACH,IAAIF;gBACJ,MAAME,KAAK,IAAI;gBACf,MAAMU;gBACN,MAAMV,KAAK,IAAI;gBACf,KAAK;oBAAEA;oBAAM,QAAQ;gBAAK;YAC9B;QACJ;QAGJ,MAAMJ,SAAS,IAAI,CAAC,aAAa,CAACN;QAElC,IAAIM,OAAO,MAAM,IAAIY,UAAU,OAAO,EAAE,YACpCA,UAAU,OAAO,CAACZ,QAAQN;QAI9B,IAAI,IAAI,CAAC,MAAM,CAAC,eAAe,EAC3B,IAAK,IAAIqB,IAAI,GAAGA,IAAIrB,MAAM,MAAM,EAAEqB,IAC9BrB,KAAK,CAACqB,EAAE,CAAC,GAAG,CAAC,MAAM,GAAG,MAAMC,gBAAgBtB,KAAK,CAACqB,EAAE,CAAC,GAAG,CAAC,IAAI;QAIrE,IAAIH,UAAU,SAAS,EACnBA,UAAU,SAAS,CAAClB;IAE5B;AACJ"}

package/presentation/browserFilePicker/index.d.ts ADDED Viewed

@@ -0,0 +1,3 @@
+export { BrowserFilePicker } from "./BrowserFilePicker.js";
+export { BrowserFilePickerPresenter } from "./BrowserFilePickerPresenter.js";
+export type { SelectedFile, FileError, BrowseFilesParams, BrowserFilePickerRenderProps, BrowserFilePickerConfig, BrowserFilePickerProps } from "./types.js";

package/presentation/browserFilePicker/index.js ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ export { BrowserFilePicker } from "./BrowserFilePicker.js";
2	+ export { BrowserFilePickerPresenter } from "./BrowserFilePickerPresenter.js";

package/presentation/browserFilePicker/types.d.ts ADDED Viewed

@@ -0,0 +1,53 @@
+export interface SelectedFile {
+    id: string;
+    name: string;
+    type: string;
+    size: number;
+    src: {
+        file: File;
+        base64: string | null;
+    };
+}
+export interface FileError {
+    id: string;
+    type: "unsupportedFileType" | "maxSizeExceeded" | "multipleMaxSizeExceeded" | "multipleMaxCountExceeded" | "multipleNotAllowed";
+    index?: number;
+    file?: SelectedFile | File;
+    multipleFileSize?: number;
+    multipleMaxSize?: number;
+    multipleMaxCount?: number;
+    multipleCount?: number;
+}
+export interface BrowseFilesParams {
+    onSuccess?: (files: SelectedFile[]) => void;
+    onError?: (errors: FileError[], files: SelectedFile[]) => void;
+}
+export interface BrowserFilePickerRenderProps {
+    browseFiles: (params?: BrowseFilesParams) => void;
+    getDropZoneProps: (additionalProps?: Record<string, any>) => Record<string, any>;
+    getLabelProps: (additionalProps?: Record<string, any>) => Record<string, any>;
+    validateFiles: (files: Array<{
+        type: string;
+        size: number;
+    }>) => FileError[];
+}
+export interface BrowserFilePickerConfig {
+    accept: string[];
+    multiple: boolean;
+    maxSize: string;
+    multipleMaxSize: string;
+    multipleMaxCount: number | null;
+    convertToBase64: boolean;
+}
+export interface BrowserFilePickerProps {
+    children: (params: BrowserFilePickerRenderProps) => React.ReactNode;
+    id?: string;
+    accept?: string[];
+    multiple?: boolean;
+    maxSize?: string;
+    multipleMaxSize?: string;
+    multipleMaxCount?: number | null;
+    convertToBase64?: boolean;
+    onSuccess?: (files: SelectedFile[]) => void;
+    onError?: (errors: FileError[], files: SelectedFile[]) => void;
+}

package/presentation/browserFilePicker/types.js ADDED Viewed

File without changes

package/presentation/browserFilePicker/utils.d.ts ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ export declare function generateId(): string;
2	+ export declare function readFileContent(file: File): Promise<string>;

package/presentation/browserFilePicker/utils.js ADDED Viewed

@@ -0,0 +1,16 @@
+function generateId() {
+    return "_" + Math.random().toString(36).substr(2, 9);
+}
+function readFileContent(file) {
+    return new Promise((resolve, reject)=>{
+        const reader = new FileReader();
+        reader.onload = function(e) {
+            if (e.target) resolve(e.target.result);
+            else reject("Unable to read file contents!");
+        };
+        reader.readAsDataURL(file);
+    });
+}
+export { generateId, readFileContent };
+//# sourceMappingURL=utils.js.map

package/presentation/browserFilePicker/utils.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"presentation/browserFilePicker/utils.js","sources":["../../../src/presentation/browserFilePicker/utils.ts"],"sourcesContent":["export function generateId(): string {\n return \"_\" + Math.random().toString(36).substr(2, 9);\n}\n\nexport function readFileContent(file: File): Promise<string> {\n return new Promise<string>((resolve, reject) => {\n const reader = new FileReader();\n reader.onload = function (e) {\n if (e.target) {\n resolve(e.target.result as string);\n } else {\n reject(\"Unable to read file contents!\");\n }\n };\n reader.readAsDataURL(file);\n });\n}\n"],"names":["generateId","Math","readFileContent","file","Promise","resolve","reject","reader","FileReader","e"],"mappings":"AAAO,SAASA;IACZ,OAAO,MAAMC,KAAK,MAAM,GAAG,QAAQ,CAAC,IAAI,MAAM,CAAC,GAAG;AACtD;AAEO,SAASC,gBAAgBC,IAAU;IACtC,OAAO,IAAIC,QAAgB,CAACC,SAASC;QACjC,MAAMC,SAAS,IAAIC;QACnBD,OAAO,MAAM,GAAG,SAAUE,CAAC;YACvB,IAAIA,EAAE,MAAM,EACRJ,QAAQI,EAAE,MAAM,CAAC,MAAM;iBAEvBH,OAAO;QAEf;QACAC,OAAO,aAAa,CAACJ;IACzB;AACJ"}