@webiny/app 6.3.0 → 6.4.0-beta.0

package/react-butterfiles/Files.js

@@ -1,227 +1,158 @@
-import React from "react";
+import react from "react";
 import bytes from "bytes";
 import { minimatch } from "minimatch";
 import { readFileContent } from "./utils/readFileContent.js";
 import { generateId } from "./utils/generateId.js";
-export class Files extends React.Component {
-  static defaultProps = {
-    accept: [],
-    multiple: false,
-    maxSize: "2mb",
-    multipleMaxSize: "10mb",
-    multipleMaxCount: null,
-    convertToBase64: false
-  };
-  input = null;
-  browseFilesPassedParams = null;
-  id = generateId();
-  validateFiles = files => {
-    const {
-      multiple,
-      multipleMaxSize,
-      multipleMaxCount,
-      accept,
-      maxSize
-    } = this.props;
-    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,
-          type: "unsupportedFileType"
-        });
-      } else if (maxSize) {
-        const sizeAsBytes = bytes(maxSize);
-        if (sizeAsBytes && file.size > sizeAsBytes) {
-          errors.push({
-            id: generateId(),
-            index,
-            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;
-  };
-  processSelectedFiles = async eventFiles => {
-    if (eventFiles.length === 0) {
-      return;
-    }
-    const {
-      convertToBase64,
-      onSuccess,
-      onError
-    } = this.props;
-    const {
-      browseFilesPassedParams
-    } = this;
-    const callbacks = {
-      onSuccess,
-      onError
-    };
-    if (browseFilesPassedParams && browseFilesPassedParams.onSuccess) {
-      callbacks.onSuccess = browseFilesPassedParams.onSuccess;
-    }
-    if (browseFilesPassedParams && browseFilesPassedParams.onError) {
-      callbacks.onError = browseFilesPassedParams.onError;
-    }
-    const files = [...eventFiles].map(file => {
-      return {
-        id: generateId(),
-        name: file.name,
-        type: file.type,
-        size: file.size,
-        src: {
-          file,
-          base64: null
-        }
-      };
-    });
-    const errors = this.validateFiles(files);
-    if (errors.length) {
-      callbacks.onError && callbacks.onError(errors, files);
-    } else {
-      if (convertToBase64) {
-        for (let i = 0; i < files.length; i++) {
-          const file = files[i].src.file;
-          files[i].src.base64 = await readFileContent(file);
-        }
-      }
-      callbacks.onSuccess && callbacks.onSuccess(files);
+class Files extends react.Component {
+    static{
+        this.defaultProps = {
+            accept: [],
+            multiple: false,
+            maxSize: "2mb",
+            multipleMaxSize: "10mb",
+            multipleMaxCount: null,
+            convertToBase64: false
+        };
     }
-
-    // Reset the browseFiles arguments.
-    if (this.input) {
-      this.input.value = "";
+    render() {
+        const { multiple, accept, id } = this.props;
+        return /*#__PURE__*/ react.createElement(react.Fragment, null, this.props.children({
+            getLabelProps: (props)=>({
+                    ...props,
+                    htmlFor: id || this.id
+                }),
+            validateFiles: this.validateFiles,
+            browseFiles: ({ onSuccess, onError } = {})=>{
+                this.browseFilesHandler({
+                    onSuccess,
+                    onError
+                });
+            },
+            getDropZoneProps: ({ onSuccess, onError, onDragOver, onDrop, ...rest } = {})=>({
+                    ...rest,
+                    onDragOver: (e)=>{
+                        e.preventDefault();
+                        "function" == typeof onDragOver && onDragOver();
+                    },
+                    onDrop: async (e)=>{
+                        e.preventDefault();
+                        "function" == typeof onDrop && onDrop();
+                        this.onDropFilesHandler({
+                            e,
+                            onSuccess,
+                            onError
+                        });
+                    }
+                })
+        }), /*#__PURE__*/ react.createElement("input", {
+            id: id || this.id,
+            ref: (ref)=>{
+                if (ref) this.input = ref;
+            },
+            accept: accept.join(","),
+            style: {
+                display: "none"
+            },
+            type: "file",
+            multiple: multiple,
+            onChange: (e)=>this.processSelectedFiles(e.target.files ?? [])
+        }));
     }
-    this.browseFilesPassedParams = null;
-  };
-
-  /**
-   * Extracted into a separate method just for testing purposes.
-   */
-  onDropFilesHandler = async ({
-    e,
-    onSuccess,
-    onError
-  }) => {
-    this.browseFilesPassedParams = {
-      onSuccess,
-      onError
-    };
-    e.dataTransfer && e.dataTransfer.files && (await this.processSelectedFiles(e.dataTransfer.files));
-  };
-
-  /**
-   * Extracted into a separate method just for testing purposes.
-   */
-  browseFilesHandler = ({
-    onSuccess,
-    onError
-  }) => {
-    this.browseFilesPassedParams = {
-      onSuccess,
-      onError
-    };
-    this.input && this.input.click();
-  };
-  render() {
-    const {
-      multiple,
-      accept,
-      id
-    } = this.props;
-    return /*#__PURE__*/React.createElement(React.Fragment, null, this.props.children({
-      getLabelProps: props => {
-        return {
-          ...props,
-          htmlFor: id || this.id
-        };
-      },
-      validateFiles: this.validateFiles,
-      browseFiles: ({
-        onSuccess,
-        onError
-      } = {}) => {
-        this.browseFilesHandler({
-          onSuccess,
-          onError
-        });
-      },
-      getDropZoneProps: ({
-        onSuccess,
-        onError,
-        onDragOver,
-        onDrop,
-        ...rest
-      } = {}) => {
-        return {
-          ...rest,
-          onDragOver: e => {
-            e.preventDefault();
-            typeof onDragOver === "function" && onDragOver();
-          },
-          onDrop: async e => {
-            e.preventDefault();
-            typeof onDrop === "function" && onDrop();
-            this.onDropFilesHandler({
-              e,
-              onSuccess,
-              onError
-            });
-          }
+    constructor(...args){
+        super(...args), this.input = null, this.browseFilesPassedParams = null, this.id = generateId(), this.validateFiles = (files)=>{
+            const { multiple, multipleMaxSize, multipleMaxCount, accept, maxSize } = this.props;
+            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,
+                    type: "unsupportedFileType"
+                });
+                else if (maxSize) {
+                    const sizeAsBytes = bytes(maxSize);
+                    if (sizeAsBytes && file.size > sizeAsBytes) errors.push({
+                        id: generateId(),
+                        index,
+                        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;
+        }, this.processSelectedFiles = async (eventFiles)=>{
+            if (0 === eventFiles.length) return;
+            const { convertToBase64, onSuccess, onError } = this.props;
+            const { browseFilesPassedParams } = this;
+            const callbacks = {
+                onSuccess,
+                onError
+            };
+            if (browseFilesPassedParams && browseFilesPassedParams.onSuccess) callbacks.onSuccess = browseFilesPassedParams.onSuccess;
+            if (browseFilesPassedParams && browseFilesPassedParams.onError) callbacks.onError = browseFilesPassedParams.onError;
+            const files = [
+                ...eventFiles
+            ].map((file)=>({
+                    id: generateId(),
+                    name: file.name,
+                    type: file.type,
+                    size: file.size,
+                    src: {
+                        file,
+                        base64: null
+                    }
+                }));
+            const errors = this.validateFiles(files);
+            if (errors.length) callbacks.onError && callbacks.onError(errors, files);
+            else {
+                if (convertToBase64) for(let i = 0; i < files.length; i++){
+                    const file = files[i].src.file;
+                    files[i].src.base64 = await readFileContent(file);
+                }
+                callbacks.onSuccess && callbacks.onSuccess(files);
+            }
+            if (this.input) this.input.value = "";
+            this.browseFilesPassedParams = null;
+        }, this.onDropFilesHandler = async ({ e, onSuccess, onError })=>{
+            this.browseFilesPassedParams = {
+                onSuccess,
+                onError
+            };
+            e.dataTransfer && e.dataTransfer.files && await this.processSelectedFiles(e.dataTransfer.files);
+        }, this.browseFilesHandler = ({ onSuccess, onError })=>{
+            this.browseFilesPassedParams = {
+                onSuccess,
+                onError
+            };
+            this.input && this.input.click();
         };
-      }
-    }), /*#__PURE__*/React.createElement("input", {
-      id: id || this.id,
-      ref: ref => {
-        if (ref) {
-          this.input = ref;
-        }
-      },
-      accept: accept.join(","),
-      style: {
-        display: "none"
-      },
-      type: "file",
-      multiple: multiple,
-      onChange: e => this.processSelectedFiles(e.target.files ?? [])
-    }));
-  }
+    }
 }
+export { Files };
 
 //# sourceMappingURL=Files.js.map

package/react-butterfiles/Files.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","bytes","minimatch","readFileContent","generateId","Files","Component","defaultProps","accept","multiple","maxSize","multipleMaxSize","multipleMaxCount","convertToBase64","input","browseFilesPassedParams","id","validateFiles","files","props","errors","multipleFileSize","length","push","type","index","file","Array","isArray","some","sizeAsBytes","size","maxMultipleMaxSize","multipleCount","processSelectedFiles","eventFiles","onSuccess","onError","callbacks","map","name","src","base64","i","value","onDropFilesHandler","e","dataTransfer","browseFilesHandler","click","render","createElement","Fragment","children","getLabelProps","htmlFor","browseFiles","getDropZoneProps","onDragOver","onDrop","rest","preventDefault","ref","join","style","display","onChange","target"],"sources":["Files.tsx"],"sourcesContent":["import React from \"react\";\nimport bytes from \"bytes\";\nimport { minimatch } from \"minimatch\";\nimport { readFileContent } from \"./utils/readFileContent.js\";\nimport { generateId } from \"./utils/generateId.js\";\n\nexport type SelectedFile = {\n    id: string;\n    name: string;\n    type: string;\n    size: number;\n    src: {\n        file: File;\n        base64: string | null;\n    };\n};\n\nexport type FileError = {\n    id: string;\n    type:\n        | \"unsupportedFileType\"\n        | \"maxSizeExceeded\"\n        | \"multipleMaxSizeExceeded\"\n        | \"multipleMaxCountExceeded\"\n        | \"multipleNotAllowed\";\n    index?: number;\n    file?: SelectedFile | File;\n    multipleFileSize?: number;\n    multipleMaxSize?: number;\n    multipleMaxCount?: number;\n    multipleCount?: number;\n};\n\nexport type BrowseFilesParams = {\n    onSuccess?: (files: SelectedFile[]) => void;\n    onError?: (errors: FileError[], files: SelectedFile[]) => void;\n};\n\nexport type RenderPropParams = {\n    browseFiles: (params: BrowseFilesParams) => void;\n    getDropZoneProps: (additionalProps: any) => any;\n    getLabelProps: (additionalProps: any) => any;\n    validateFiles: (files: SelectedFile[] | File[]) => FileError[];\n};\n\nexport type FilesRules = {\n    accept: string[];\n    multiple: boolean;\n    maxSize: string;\n    multipleMaxSize: string;\n    multipleMaxCount: number | null;\n    convertToBase64: boolean;\n    onSuccess?: (files: SelectedFile[]) => void;\n    onError?: (errors: FileError[], files: SelectedFile[]) => void;\n};\n\nexport type Props = FilesRules & {\n    children: (params: RenderPropParams) => React.ReactNode;\n    id?: string;\n};\n\nexport class Files extends React.Component<Props> {\n    static defaultProps = {\n        accept: [],\n        multiple: false,\n        maxSize: \"2mb\",\n        multipleMaxSize: \"10mb\",\n        multipleMaxCount: null,\n        convertToBase64: false\n    };\n\n    input: HTMLInputElement | null = null;\n    browseFilesPassedParams: BrowseFilesParams | null = null;\n    id: string = generateId();\n\n    validateFiles = (files: SelectedFile[] | File[]): FileError[] => {\n        const { multiple, multipleMaxSize, multipleMaxCount, accept, maxSize } = this.props;\n\n        const errors: FileError[] = [];\n        let multipleFileSize = 0;\n\n        if (!multiple && files.length > 1) {\n            errors.push({\n                id: generateId(),\n                type: \"multipleNotAllowed\"\n            });\n\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,\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,\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    processSelectedFiles = async (eventFiles: Array<File>) => {\n        if (eventFiles.length === 0) {\n            return;\n        }\n\n        const { convertToBase64, onSuccess, onError } = this.props;\n        const { browseFilesPassedParams } = this;\n        const callbacks = {\n            onSuccess,\n            onError\n        };\n\n        if (browseFilesPassedParams && browseFilesPassedParams.onSuccess) {\n            callbacks.onSuccess = browseFilesPassedParams.onSuccess;\n        }\n\n        if (browseFilesPassedParams && browseFilesPassedParams.onError) {\n            callbacks.onError = browseFilesPassedParams.onError;\n        }\n\n        const files: SelectedFile[] = [...eventFiles].map(file => {\n            return {\n                id: generateId(),\n                name: file.name,\n                type: file.type,\n                size: file.size,\n                src: {\n                    file,\n                    base64: null\n                }\n            };\n        });\n\n        const errors = this.validateFiles(files);\n\n        if (errors.length) {\n            callbacks.onError && callbacks.onError(errors, files);\n        } else {\n            if (convertToBase64) {\n                for (let i = 0; i < files.length; i++) {\n                    const file = files[i].src.file;\n                    files[i].src.base64 = await readFileContent(file);\n                }\n            }\n\n            callbacks.onSuccess && callbacks.onSuccess(files);\n        }\n\n        // Reset the browseFiles arguments.\n        if (this.input) {\n            this.input.value = \"\";\n        }\n        this.browseFilesPassedParams = null;\n    };\n\n    /**\n     * Extracted into a separate method just for testing purposes.\n     */\n    onDropFilesHandler = async ({ e, onSuccess, onError }: any) => {\n        this.browseFilesPassedParams = { onSuccess, onError };\n        e.dataTransfer &&\n            e.dataTransfer.files &&\n            (await this.processSelectedFiles(e.dataTransfer.files));\n    };\n\n    /**\n     * Extracted into a separate method just for testing purposes.\n     */\n    browseFilesHandler = ({ onSuccess, onError }: any) => {\n        this.browseFilesPassedParams = { onSuccess, onError };\n        this.input && this.input.click();\n    };\n\n    override render() {\n        const { multiple, accept, id } = this.props;\n        return (\n            <React.Fragment>\n                {this.props.children({\n                    getLabelProps: (props: any) => {\n                        return {\n                            ...props,\n                            htmlFor: id || this.id\n                        };\n                    },\n                    validateFiles: this.validateFiles,\n                    browseFiles: ({ onSuccess, onError }: BrowseFilesParams = {}) => {\n                        this.browseFilesHandler({ onSuccess, onError });\n                    },\n                    getDropZoneProps: ({\n                        onSuccess,\n                        onError,\n                        onDragOver,\n                        onDrop,\n                        ...rest\n                    }: any = {}) => {\n                        return {\n                            ...rest,\n                            onDragOver: (e: DragEvent) => {\n                                e.preventDefault();\n                                typeof onDragOver === \"function\" && onDragOver();\n                            },\n                            onDrop: async (e: DragEvent) => {\n                                e.preventDefault();\n                                typeof onDrop === \"function\" && onDrop();\n                                this.onDropFilesHandler({ e, onSuccess, onError });\n                            }\n                        };\n                    }\n                })}\n\n                <input\n                    id={id || this.id}\n                    ref={ref => {\n                        if (ref) {\n                            this.input = ref;\n                        }\n                    }}\n                    accept={accept.join(\",\")}\n                    style={{ display: \"none\" }}\n                    type=\"file\"\n                    multiple={multiple}\n                    onChange={e =>\n                        this.processSelectedFiles((e.target.files as any as Array<File>) ?? [])\n                    }\n                />\n            </React.Fragment>\n        );\n    }\n}\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"react-butterfiles/Files.js","sources":["../../src/react-butterfiles/Files.tsx"],"sourcesContent":["import React from \"react\";\nimport bytes from \"bytes\";\nimport { minimatch } from \"minimatch\";\nimport { readFileContent } from \"./utils/readFileContent.js\";\nimport { generateId } from \"./utils/generateId.js\";\n\nexport type SelectedFile = {\n    id: string;\n    name: string;\n    type: string;\n    size: number;\n    src: {\n        file: File;\n        base64: string | null;\n    };\n};\n\nexport type FileError = {\n    id: string;\n    type:\n        | \"unsupportedFileType\"\n        | \"maxSizeExceeded\"\n        | \"multipleMaxSizeExceeded\"\n        | \"multipleMaxCountExceeded\"\n        | \"multipleNotAllowed\";\n    index?: number;\n    file?: SelectedFile | File;\n    multipleFileSize?: number;\n    multipleMaxSize?: number;\n    multipleMaxCount?: number;\n    multipleCount?: number;\n};\n\nexport type BrowseFilesParams = {\n    onSuccess?: (files: SelectedFile[]) => void;\n    onError?: (errors: FileError[], files: SelectedFile[]) => void;\n};\n\nexport type RenderPropParams = {\n    browseFiles: (params: BrowseFilesParams) => void;\n    getDropZoneProps: (additionalProps: any) => any;\n    getLabelProps: (additionalProps: any) => any;\n    validateFiles: (files: SelectedFile[] | File[]) => FileError[];\n};\n\nexport type FilesRules = {\n    accept: string[];\n    multiple: boolean;\n    maxSize: string;\n    multipleMaxSize: string;\n    multipleMaxCount: number | null;\n    convertToBase64: boolean;\n    onSuccess?: (files: SelectedFile[]) => void;\n    onError?: (errors: FileError[], files: SelectedFile[]) => void;\n};\n\nexport type Props = FilesRules & {\n    children: (params: RenderPropParams) => React.ReactNode;\n    id?: string;\n};\n\nexport class Files extends React.Component<Props> {\n    static defaultProps = {\n        accept: [],\n        multiple: false,\n        maxSize: \"2mb\",\n        multipleMaxSize: \"10mb\",\n        multipleMaxCount: null,\n        convertToBase64: false\n    };\n\n    input: HTMLInputElement | null = null;\n    browseFilesPassedParams: BrowseFilesParams | null = null;\n    id: string = generateId();\n\n    validateFiles = (files: SelectedFile[] | File[]): FileError[] => {\n        const { multiple, multipleMaxSize, multipleMaxCount, accept, maxSize } = this.props;\n\n        const errors: FileError[] = [];\n        let multipleFileSize = 0;\n\n        if (!multiple && files.length > 1) {\n            errors.push({\n                id: generateId(),\n                type: \"multipleNotAllowed\"\n            });\n\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,\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,\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    processSelectedFiles = async (eventFiles: Array<File>) => {\n        if (eventFiles.length === 0) {\n            return;\n        }\n\n        const { convertToBase64, onSuccess, onError } = this.props;\n        const { browseFilesPassedParams } = this;\n        const callbacks = {\n            onSuccess,\n            onError\n        };\n\n        if (browseFilesPassedParams && browseFilesPassedParams.onSuccess) {\n            callbacks.onSuccess = browseFilesPassedParams.onSuccess;\n        }\n\n        if (browseFilesPassedParams && browseFilesPassedParams.onError) {\n            callbacks.onError = browseFilesPassedParams.onError;\n        }\n\n        const files: SelectedFile[] = [...eventFiles].map(file => {\n            return {\n                id: generateId(),\n                name: file.name,\n                type: file.type,\n                size: file.size,\n                src: {\n                    file,\n                    base64: null\n                }\n            };\n        });\n\n        const errors = this.validateFiles(files);\n\n        if (errors.length) {\n            callbacks.onError && callbacks.onError(errors, files);\n        } else {\n            if (convertToBase64) {\n                for (let i = 0; i < files.length; i++) {\n                    const file = files[i].src.file;\n                    files[i].src.base64 = await readFileContent(file);\n                }\n            }\n\n            callbacks.onSuccess && callbacks.onSuccess(files);\n        }\n\n        // Reset the browseFiles arguments.\n        if (this.input) {\n            this.input.value = \"\";\n        }\n        this.browseFilesPassedParams = null;\n    };\n\n    /**\n     * Extracted into a separate method just for testing purposes.\n     */\n    onDropFilesHandler = async ({ e, onSuccess, onError }: any) => {\n        this.browseFilesPassedParams = { onSuccess, onError };\n        e.dataTransfer &&\n            e.dataTransfer.files &&\n            (await this.processSelectedFiles(e.dataTransfer.files));\n    };\n\n    /**\n     * Extracted into a separate method just for testing purposes.\n     */\n    browseFilesHandler = ({ onSuccess, onError }: any) => {\n        this.browseFilesPassedParams = { onSuccess, onError };\n        this.input && this.input.click();\n    };\n\n    override render() {\n        const { multiple, accept, id } = this.props;\n        return (\n            <React.Fragment>\n                {this.props.children({\n                    getLabelProps: (props: any) => {\n                        return {\n                            ...props,\n                            htmlFor: id || this.id\n                        };\n                    },\n                    validateFiles: this.validateFiles,\n                    browseFiles: ({ onSuccess, onError }: BrowseFilesParams = {}) => {\n                        this.browseFilesHandler({ onSuccess, onError });\n                    },\n                    getDropZoneProps: ({\n                        onSuccess,\n                        onError,\n                        onDragOver,\n                        onDrop,\n                        ...rest\n                    }: any = {}) => {\n                        return {\n                            ...rest,\n                            onDragOver: (e: DragEvent) => {\n                                e.preventDefault();\n                                typeof onDragOver === \"function\" && onDragOver();\n                            },\n                            onDrop: async (e: DragEvent) => {\n                                e.preventDefault();\n                                typeof onDrop === \"function\" && onDrop();\n                                this.onDropFilesHandler({ e, onSuccess, onError });\n                            }\n                        };\n                    }\n                })}\n\n                <input\n                    id={id || this.id}\n                    ref={ref => {\n                        if (ref) {\n                            this.input = ref;\n                        }\n                    }}\n                    accept={accept.join(\",\")}\n                    style={{ display: \"none\" }}\n                    type=\"file\"\n                    multiple={multiple}\n                    onChange={e =>\n                        this.processSelectedFiles((e.target.files as any as Array<File>) ?? [])\n                    }\n                />\n            </React.Fragment>\n        );\n    }\n}\n"],"names":["Files","React","multiple","accept","id","props","onSuccess","onError","onDragOver","onDrop","rest","e","ref","generateId","files","multipleMaxSize","multipleMaxCount","maxSize","errors","multipleFileSize","index","file","Array","type","minimatch","sizeAsBytes","bytes","maxMultipleMaxSize","eventFiles","convertToBase64","browseFilesPassedParams","callbacks","i","readFileContent"],"mappings":"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"}

package/react-butterfiles/index.js

@@ -1,4 +1,5 @@
 import { Files } from "./Files.js";
-export default Files;
+const react_butterfiles = Files;
+export default react_butterfiles;
 
 //# sourceMappingURL=index.js.map

package/react-butterfiles/index.js.map

@@ -1 +1 @@
-{"version":3,"names":["Files"],"sources":["index.ts"],"sourcesContent":["import { Files } from \"./Files.js\";\n\nexport default Files;\n"],"mappings":"AAAA,SAASA,KAAK;AAEd,eAAeA,KAAK","ignoreList":[]}
+{"version":3,"file":"react-butterfiles/index.js","sources":["../../src/react-butterfiles/index.ts"],"sourcesContent":["import { Files } from \"./Files.js\";\n\nexport default Files;\n"],"names":["Files"],"mappings":";AAEA,0BAAeA"}

package/react-butterfiles/utils/generateId.js

@@ -1,5 +1,4 @@
-export const generateId = () => {
-  return "_" + Math.random().toString(36).substr(2, 9);
-};
+const generateId = ()=>"_" + Math.random().toString(36).substr(2, 9);
+export { generateId };
 
 //# sourceMappingURL=generateId.js.map

package/react-butterfiles/utils/generateId.js.map

@@ -1 +1 @@
-{"version":3,"names":["generateId","Math","random","toString","substr"],"sources":["generateId.ts"],"sourcesContent":["export const generateId = () => {\n    return \"_\" + Math.random().toString(36).substr(2, 9);\n};\n"],"mappings":"AAAA,OAAO,MAAMA,UAAU,GAAGA,CAAA,KAAM;EAC5B,OAAO,GAAG,GAAGC,IAAI,CAACC,MAAM,CAAC,CAAC,CAACC,QAAQ,CAAC,EAAE,CAAC,CAACC,MAAM,CAAC,CAAC,EAAE,CAAC,CAAC;AACxD,CAAC","ignoreList":[]}
+{"version":3,"file":"react-butterfiles/utils/generateId.js","sources":["../../../src/react-butterfiles/utils/generateId.ts"],"sourcesContent":["export const generateId = () => {\n    return \"_\" + Math.random().toString(36).substr(2, 9);\n};\n"],"names":["generateId","Math"],"mappings":"AAAO,MAAMA,aAAa,IACf,MAAMC,KAAK,MAAM,GAAG,QAAQ,CAAC,IAAI,MAAM,CAAC,GAAG"}

package/react-butterfiles/utils/readFileContent.js

@@ -1,15 +1,11 @@
-export const readFileContent = async file => {
-  return new Promise((resolve, reject) => {
-    const reader = new window.FileReader();
-    reader.onload = function (e) {
-      if (e.target) {
-        resolve(e.target.result);
-      } else {
-        reject(`Unable to read file contents!`);
-      }
-    };
-    reader.readAsDataURL(file);
-  });
-};
+const readFileContent = async (file)=>new Promise((resolve, reject)=>{
+        const reader = new window.FileReader();
+        reader.onload = function(e) {
+            if (e.target) resolve(e.target.result);
+            else reject("Unable to read file contents!");
+        };
+        reader.readAsDataURL(file);
+    });
+export { readFileContent };
 
 //# sourceMappingURL=readFileContent.js.map

package/react-butterfiles/utils/readFileContent.js.map

@@ -1 +1 @@
-{"version":3,"names":["readFileContent","file","Promise","resolve","reject","reader","window","FileReader","onload","e","target","result","readAsDataURL"],"sources":["readFileContent.ts"],"sourcesContent":["export const readFileContent = async (file: File) => {\n    return new Promise<string>((resolve, reject) => {\n        const reader = new window.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\n        reader.readAsDataURL(file);\n    });\n};\n"],"mappings":"AAAA,OAAO,MAAMA,eAAe,GAAG,MAAOC,IAAU,IAAK;EACjD,OAAO,IAAIC,OAAO,CAAS,CAACC,OAAO,EAAEC,MAAM,KAAK;IAC5C,MAAMC,MAAM,GAAG,IAAIC,MAAM,CAACC,UAAU,CAAC,CAAC;IACtCF,MAAM,CAACG,MAAM,GAAG,UAAUC,CAAC,EAAE;MACzB,IAAIA,CAAC,CAACC,MAAM,EAAE;QACVP,OAAO,CAACM,CAAC,CAACC,MAAM,CAACC,MAAgB,CAAC;MACtC,CAAC,MAAM;QACHP,MAAM,CAAC,+BAA+B,CAAC;MAC3C;IACJ,CAAC;IAEDC,MAAM,CAACO,aAAa,CAACX,IAAI,CAAC;EAC9B,CAAC,CAAC;AACN,CAAC","ignoreList":[]}
+{"version":3,"file":"react-butterfiles/utils/readFileContent.js","sources":["../../../src/react-butterfiles/utils/readFileContent.ts"],"sourcesContent":["export const readFileContent = async (file: File) => {\n    return new Promise<string>((resolve, reject) => {\n        const reader = new window.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\n        reader.readAsDataURL(file);\n    });\n};\n"],"names":["readFileContent","file","Promise","resolve","reject","reader","window","e"],"mappings":"AAAO,MAAMA,kBAAkB,OAAOC,OAC3B,IAAIC,QAAgB,CAACC,SAASC;QACjC,MAAMC,SAAS,IAAIC,OAAO,UAAU;QACpCD,OAAO,MAAM,GAAG,SAAUE,CAAC;YACvB,IAAIA,EAAE,MAAM,EACRJ,QAAQI,EAAE,MAAM,CAAC,MAAM;iBAEvBH,OAAO;QAEf;QAEAC,OAAO,aAAa,CAACJ;IACzB"}

package/renderApp.js

@@ -1,9 +1,10 @@
-import ReactDOMClient from "react-dom/client";
-export const renderApp = app => {
-  const container = document.getElementById("root");
-  const root = ReactDOMClient.createRoot(container);
-  root.render(app);
-  return root;
+import client from "react-dom/client";
+const renderApp = (app)=>{
+    const container = document.getElementById("root");
+    const root = client.createRoot(container);
+    root.render(app);
+    return root;
 };
+export { renderApp };
 
 //# sourceMappingURL=renderApp.js.map

package/renderApp.js.map

@@ -1 +1 @@
-{"version":3,"names":["ReactDOMClient","renderApp","app","container","document","getElementById","root","createRoot","render"],"sources":["renderApp.tsx"],"sourcesContent":["import type { Root } from \"react-dom/client\";\nimport ReactDOMClient from \"react-dom/client\";\n\nexport const renderApp = (app: React.JSX.Element): Root => {\n    const container = document.getElementById(\"root\")!;\n\n    const root = ReactDOMClient.createRoot(container);\n    root.render(app);\n    return root;\n};\n"],"mappings":"AACA,OAAOA,cAAc,MAAM,kBAAkB;AAE7C,OAAO,MAAMC,SAAS,GAAIC,GAAsB,IAAW;EACvD,MAAMC,SAAS,GAAGC,QAAQ,CAACC,cAAc,CAAC,MAAM,CAAE;EAElD,MAAMC,IAAI,GAAGN,cAAc,CAACO,UAAU,CAACJ,SAAS,CAAC;EACjDG,IAAI,CAACE,MAAM,CAACN,GAAG,CAAC;EAChB,OAAOI,IAAI;AACf,CAAC","ignoreList":[]}
+{"version":3,"file":"renderApp.js","sources":["../src/renderApp.tsx"],"sourcesContent":["import type { Root } from \"react-dom/client\";\nimport ReactDOMClient from \"react-dom/client\";\n\nexport const renderApp = (app: React.JSX.Element): Root => {\n    const container = document.getElementById(\"root\")!;\n\n    const root = ReactDOMClient.createRoot(container);\n    root.render(app);\n    return root;\n};\n"],"names":["renderApp","app","container","document","root","ReactDOMClient"],"mappings":";AAGO,MAAMA,YAAY,CAACC;IACtB,MAAMC,YAAYC,SAAS,cAAc,CAAC;IAE1C,MAAMC,OAAOC,OAAAA,UAAyB,CAACH;IACvCE,KAAK,MAAM,CAACH;IACZ,OAAOG;AACX"}

package/router.js

@@ -1,8 +1,5 @@
-// Router
 export { Route } from "./features/router/Route.js";
 export { useRouter } from "./presentation/router/hooks/useRouter.js";
 export { useRoute } from "./presentation/router/hooks/useRoute.js";
 export { RouteLink } from "./presentation/router/components/RouteLink.js";
 export { SimpleLink } from "./presentation/router/components/SimpleLink.js";
-
-//# sourceMappingURL=router.js.map

package/rslib-runtime.js

@@ -0,0 +1,14 @@
+var __webpack_require__ = {};
+(()=>{
+    __webpack_require__.g = (()=>{
+        if ('object' == typeof globalThis) return globalThis;
+        try {
+            return this || new Function('return this')();
+        } catch (e) {
+            if ('object' == typeof window) return window;
+        }
+    })();
+})();
+export { __webpack_require__ };
+
+//# sourceMappingURL=rslib-runtime.js.map

package/rslib-runtime.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"rslib-runtime.js","sources":["webpack://webpack/runtime/global"],"sourcesContent":["__webpack_require__.g = (() => {\n\tif (typeof globalThis === 'object') return globalThis;\n\ttry {\n\t\treturn this || new Function('return this')();\n\t} catch (e) {\n\t\tif (typeof window === 'object') return window;\n\t}\n})();"],"names":["__webpack_require__","globalThis","Function","e","window"],"mappings":";;IAAAA,oBAAoB,CAAC,GAAG,AAAC;QACxB,IAAI,AAAsB,YAAtB,OAAOC,YAAyB,OAAOA;QAC3C,IAAI;YACH,OAAO,IAAI,IAAI,IAAIC,SAAS;QAC7B,EAAE,OAAOC,GAAG;YACX,IAAI,AAAkB,YAAlB,OAAOC,QAAqB,OAAOA;QACxC;IACD"}

package/shared/di/DiContainerProvider.js

@@ -1,17 +1,13 @@
-import React from "react";
+import react from "react";
 import { createGenericContext } from "../../utils/createGenericContext.js";
 const DiContainerContext = createGenericContext("DiContainer");
-export const DiContainerProvider = ({
-  container,
-  children
-}) => {
-  return /*#__PURE__*/React.createElement(DiContainerContext.Provider, {
-    container: container
-  }, children);
-};
-export const useContainer = () => {
-  const context = DiContainerContext.useHook();
-  return context.container;
+const DiContainerProvider = ({ container, children })=>/*#__PURE__*/ react.createElement(DiContainerContext.Provider, {
+        container: container
+    }, children);
+const useContainer = ()=>{
+    const context = DiContainerContext.useHook();
+    return context.container;
 };
+export { DiContainerProvider, useContainer };
 
 //# sourceMappingURL=DiContainerProvider.js.map

package/shared/di/DiContainerProvider.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","createGenericContext","DiContainerContext","DiContainerProvider","container","children","createElement","Provider","useContainer","context","useHook"],"sources":["DiContainerProvider.tsx"],"sourcesContent":["import React from \"react\";\nimport { Container } from \"@webiny/di\";\nimport { createGenericContext } from \"~/utils/createGenericContext.js\";\n\ntype DiContainerContext = { container: Container };\n\nconst DiContainerContext = createGenericContext<DiContainerContext>(\"DiContainer\");\n\nexport interface DiContainerProviderProps {\n    container: Container;\n    children: React.ReactNode;\n}\n\nexport const DiContainerProvider = ({ container, children }: DiContainerProviderProps) => {\n    return (\n        <DiContainerContext.Provider container={container}>{children}</DiContainerContext.Provider>\n    );\n};\n\nexport const useContainer = () => {\n    const context = DiContainerContext.useHook();\n\n    return context.container;\n};\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AAEzB,SAASC,oBAAoB;AAI7B,MAAMC,kBAAkB,GAAGD,oBAAoB,CAAqB,aAAa,CAAC;AAOlF,OAAO,MAAME,mBAAmB,GAAGA,CAAC;EAAEC,SAAS;EAAEC;AAAmC,CAAC,KAAK;EACtF,oBACIL,KAAA,CAAAM,aAAA,CAACJ,kBAAkB,CAACK,QAAQ;IAACH,SAAS,EAAEA;EAAU,GAAEC,QAAsC,CAAC;AAEnG,CAAC;AAED,OAAO,MAAMG,YAAY,GAAGA,CAAA,KAAM;EAC9B,MAAMC,OAAO,GAAGP,kBAAkB,CAACQ,OAAO,CAAC,CAAC;EAE5C,OAAOD,OAAO,CAACL,SAAS;AAC5B,CAAC","ignoreList":[]}
+{"version":3,"file":"shared/di/DiContainerProvider.js","sources":["../../../src/shared/di/DiContainerProvider.tsx"],"sourcesContent":["import React from \"react\";\nimport { Container } from \"@webiny/di\";\nimport { createGenericContext } from \"~/utils/createGenericContext.js\";\n\ntype DiContainerContext = { container: Container };\n\nconst DiContainerContext = createGenericContext<DiContainerContext>(\"DiContainer\");\n\nexport interface DiContainerProviderProps {\n    container: Container;\n    children: React.ReactNode;\n}\n\nexport const DiContainerProvider = ({ container, children }: DiContainerProviderProps) => {\n    return (\n        <DiContainerContext.Provider container={container}>{children}</DiContainerContext.Provider>\n    );\n};\n\nexport const useContainer = () => {\n    const context = DiContainerContext.useHook();\n\n    return context.container;\n};\n"],"names":["DiContainerContext","createGenericContext","DiContainerProvider","container","children","useContainer","context"],"mappings":";;AAMA,MAAMA,qBAAqBC,qBAAyC;AAO7D,MAAMC,sBAAsB,CAAC,EAAEC,SAAS,EAAEC,QAAQ,EAA4B,GAC1E,WAAP,GACI,oBAACJ,mBAAmB,QAAQ;QAAC,WAAWG;OAAYC;AAIrD,MAAMC,eAAe;IACxB,MAAMC,UAAUN,mBAAmB,OAAO;IAE1C,OAAOM,QAAQ,SAAS;AAC5B"}

package/shared/di/createFeature.js

@@ -1,11 +1,10 @@
-export function createFeature(def) {
-  return {
-    name: def.name,
-    register: def.register,
-    resolve: container => {
-      return def.resolve(container);
-    }
-  };
+function createFeature(def) {
+    return {
+        name: def.name,
+        register: def.register,
+        resolve: (container)=>def.resolve(container)
+    };
 }
+export { createFeature };
 
 //# sourceMappingURL=createFeature.js.map

package/shared/di/createFeature.js.map

@@ -1 +1 @@
-{"version":3,"names":["createFeature","def","name","register","resolve","container"],"sources":["createFeature.ts"],"sourcesContent":["import { Container } from \"@webiny/di\";\n\nexport interface FeatureDefinition<TExports = any, TParams extends any[] = []> {\n    name: string;\n    register: (container: Container, ...args: TParams) => void;\n    resolve: (container: Container) => TExports;\n}\n\nexport function createFeature<\n    TExports = any,\n    TParams extends any[] = [] // tuple for extra args\n>(def: {\n    name: string;\n    register: (container: Container, ...args: TParams) => void;\n    resolve: (container: Container) => TExports;\n}): FeatureDefinition<TExports, TParams> {\n    return {\n        name: def.name,\n        register: def.register,\n        resolve: (container: Container): TExports => {\n            return def.resolve(container);\n        }\n    };\n}\n"],"mappings":"AAQA,OAAO,SAASA,aAAaA,CAG3BC,GAID,EAAwC;EACrC,OAAO;IACHC,IAAI,EAAED,GAAG,CAACC,IAAI;IACdC,QAAQ,EAAEF,GAAG,CAACE,QAAQ;IACtBC,OAAO,EAAGC,SAAoB,IAAe;MACzC,OAAOJ,GAAG,CAACG,OAAO,CAACC,SAAS,CAAC;IACjC;EACJ,CAAC;AACL","ignoreList":[]}
+{"version":3,"file":"shared/di/createFeature.js","sources":["../../../src/shared/di/createFeature.ts"],"sourcesContent":["import { Container } from \"@webiny/di\";\n\nexport interface FeatureDefinition<TExports = any, TParams extends any[] = []> {\n    name: string;\n    register: (container: Container, ...args: TParams) => void;\n    resolve: (container: Container) => TExports;\n}\n\nexport function createFeature<\n    TExports = any,\n    TParams extends any[] = [] // tuple for extra args\n>(def: {\n    name: string;\n    register: (container: Container, ...args: TParams) => void;\n    resolve: (container: Container) => TExports;\n}): FeatureDefinition<TExports, TParams> {\n    return {\n        name: def.name,\n        register: def.register,\n        resolve: (container: Container): TExports => {\n            return def.resolve(container);\n        }\n    };\n}\n"],"names":["createFeature","def","container"],"mappings":"AAQO,SAASA,cAGdC,GAID;IACG,OAAO;QACH,MAAMA,IAAI,IAAI;QACd,UAAUA,IAAI,QAAQ;QACtB,SAAS,CAACC,YACCD,IAAI,OAAO,CAACC;IAE3B;AACJ"}