@webiny/app 5.43.3 → 6.0.0-alpha.1

package/react-butterfiles/Files.js

@@ -1,254 +1,227 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.Files = void 0;
-var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
-var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
-var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
-var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
-var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
-var _callSuper2 = _interopRequireDefault(require("@babel/runtime/helpers/callSuper"));
-var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
-var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-var _react = _interopRequireDefault(require("react"));
-var _bytes = _interopRequireDefault(require("bytes"));
-var _minimatch = _interopRequireDefault(require("minimatch"));
-var _readFileContent = require("./utils/readFileContent");
-var _generateId = require("./utils/generateId");
-var _excluded = ["onSuccess", "onError", "onDragOver", "onDrop"];
-var Files = exports.Files = /*#__PURE__*/function (_React$Component) {
-  function Files() {
-    var _this;
-    (0, _classCallCheck2.default)(this, Files);
-    for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
-      args[_key] = arguments[_key];
+import React from "react";
+import bytes from "bytes";
+import minimatch from "minimatch";
+import { readFileContent } from "./utils/readFileContent";
+import { generateId } from "./utils/generateId";
+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;
     }
-    _this = (0, _callSuper2.default)(this, Files, [].concat(args));
-    (0, _defineProperty2.default)(_this, "input", null);
-    (0, _defineProperty2.default)(_this, "browseFilesPassedParams", null);
-    (0, _defineProperty2.default)(_this, "id", (0, _generateId.generateId)());
-    (0, _defineProperty2.default)(_this, "validateFiles", function (files) {
-      var _this$props = _this.props,
-        multiple = _this$props.multiple,
-        multipleMaxSize = _this$props.multipleMaxSize,
-        multipleMaxCount = _this$props.multipleMaxCount,
-        accept = _this$props.accept,
-        maxSize = _this$props.maxSize;
-      var errors = [];
-      var multipleFileSize = 0;
-      if (!multiple && files.length > 1) {
+    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: (0, _generateId.generateId)(),
-          type: "multipleNotAllowed"
+          id: generateId(),
+          index,
+          file,
+          type: "unsupportedFileType"
         });
-        return errors;
-      }
-      var _loop = function _loop() {
-        var file = files[index];
-        if (Array.isArray(accept) && accept.length && !accept.some(function (type) {
-          return (0, _minimatch.default)(file.type, type);
-        })) {
+      } else if (maxSize) {
+        const sizeAsBytes = bytes(maxSize);
+        if (sizeAsBytes && file.size > sizeAsBytes) {
           errors.push({
-            id: (0, _generateId.generateId)(),
-            index: index,
-            file: file,
-            type: "unsupportedFileType"
+            id: generateId(),
+            index,
+            file,
+            type: "maxSizeExceeded"
           });
-        } else if (maxSize) {
-          var sizeAsBytes = (0, _bytes.default)(maxSize);
-          if (sizeAsBytes && file.size > sizeAsBytes) {
-            errors.push({
-              id: (0, _generateId.generateId)(),
-              index: index,
-              file: file,
-              type: "maxSizeExceeded"
-            });
-          }
         }
-        if (multiple) {
-          multipleFileSize += file.size;
-        }
-      };
-      for (var index = 0; index < files.length; index++) {
-        _loop();
       }
       if (multiple) {
-        var maxMultipleMaxSize = (0, _bytes.default)(multipleMaxSize);
-        if (maxMultipleMaxSize && multipleMaxSize && multipleFileSize > maxMultipleMaxSize) {
-          errors.push({
-            id: (0, _generateId.generateId)(),
-            type: "multipleMaxSizeExceeded",
-            multipleFileSize: multipleFileSize,
-            multipleMaxSize: maxMultipleMaxSize
-          });
-        }
-        if (multipleMaxCount && files.length > multipleMaxCount) {
-          errors.push({
-            id: (0, _generateId.generateId)(),
-            type: "multipleMaxCountExceeded",
-            multipleCount: files.length,
-            multipleMaxCount: multipleMaxCount
-          });
-        }
+        multipleFileSize += file.size;
       }
-      return errors;
-    });
-    (0, _defineProperty2.default)(_this, "processSelectedFiles", async function (eventFiles) {
-      if (eventFiles.length === 0) {
-        return;
-      }
-      var _this$props2 = _this.props,
-        convertToBase64 = _this$props2.convertToBase64,
-        onSuccess = _this$props2.onSuccess,
-        onError = _this$props2.onError;
-      var _this2 = _this,
-        browseFilesPassedParams = _this2.browseFilesPassedParams;
-      var callbacks = {
-        onSuccess: onSuccess,
-        onError: onError
-      };
-      if (browseFilesPassedParams && browseFilesPassedParams.onSuccess) {
-        callbacks.onSuccess = browseFilesPassedParams.onSuccess;
+    }
+    if (multiple) {
+      const maxMultipleMaxSize = bytes(multipleMaxSize);
+      if (maxMultipleMaxSize && multipleMaxSize && multipleFileSize > maxMultipleMaxSize) {
+        errors.push({
+          id: generateId(),
+          type: "multipleMaxSizeExceeded",
+          multipleFileSize,
+          multipleMaxSize: maxMultipleMaxSize
+        });
       }
-      if (browseFilesPassedParams && browseFilesPassedParams.onError) {
-        callbacks.onError = browseFilesPassedParams.onError;
+      if (multipleMaxCount && files.length > multipleMaxCount) {
+        errors.push({
+          id: generateId(),
+          type: "multipleMaxCountExceeded",
+          multipleCount: files.length,
+          multipleMaxCount
+        });
       }
-      var files = (0, _toConsumableArray2.default)(eventFiles).map(function (file) {
-        return {
-          id: (0, _generateId.generateId)(),
-          name: file.name,
-          type: file.type,
-          size: file.size,
-          src: {
-            file: file,
-            base64: null
-          }
-        };
-      });
-      var errors = _this.validateFiles(files);
-      if (errors.length) {
-        callbacks.onError && callbacks.onError(errors, files);
-      } else {
-        if (convertToBase64) {
-          for (var i = 0; i < files.length; i++) {
-            var file = files[i].src.file;
-            files[i].src.base64 = await (0, _readFileContent.readFileContent)(file);
-          }
+    }
+    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
         }
-        callbacks.onSuccess && callbacks.onSuccess(files);
-      }
-
-      // Reset the browseFiles arguments.
-      if (_this.input) {
-        _this.input.value = "";
-      }
-      _this.browseFilesPassedParams = null;
-    });
-    /**
-     * Extracted into a separate method just for testing purposes.
-     */
-    (0, _defineProperty2.default)(_this, "onDropFilesHandler", async function (_ref) {
-      var e = _ref.e,
-        onSuccess = _ref.onSuccess,
-        onError = _ref.onError;
-      _this.browseFilesPassedParams = {
-        onSuccess: onSuccess,
-        onError: onError
       };
-      e.dataTransfer && e.dataTransfer.files && (await _this.processSelectedFiles(e.dataTransfer.files));
     });
-    /**
-     * Extracted into a separate method just for testing purposes.
-     */
-    (0, _defineProperty2.default)(_this, "browseFilesHandler", function (_ref2) {
-      var onSuccess = _ref2.onSuccess,
-        onError = _ref2.onError;
-      _this.browseFilesPassedParams = {
-        onSuccess: onSuccess,
-        onError: onError
-      };
-      _this.input && _this.input.click();
-    });
-    return _this;
-  }
-  (0, _inherits2.default)(Files, _React$Component);
-  return (0, _createClass2.default)(Files, [{
-    key: "render",
-    value: function render() {
-      var _this3 = this;
-      var _this$props3 = this.props,
-        multiple = _this$props3.multiple,
-        accept = _this$props3.accept,
-        id = _this$props3.id;
-      return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, this.props.children({
-        getLabelProps: function getLabelProps(props) {
-          return (0, _objectSpread2.default)((0, _objectSpread2.default)({}, props), {}, {
-            htmlFor: id || _this3.id
-          });
-        },
-        validateFiles: this.validateFiles,
-        browseFiles: function browseFiles() {
-          var _ref3 = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {},
-            onSuccess = _ref3.onSuccess,
-            onError = _ref3.onError;
-          _this3.browseFilesHandler({
-            onSuccess: onSuccess,
-            onError: onError
-          });
-        },
-        getDropZoneProps: function getDropZoneProps() {
-          var _ref4 = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
-          var onSuccess = _ref4.onSuccess,
-            onError = _ref4.onError,
-            _onDragOver = _ref4.onDragOver,
-            _onDrop = _ref4.onDrop,
-            rest = (0, _objectWithoutProperties2.default)(_ref4, _excluded);
-          return (0, _objectSpread2.default)((0, _objectSpread2.default)({}, rest), {}, {
-            onDragOver: function onDragOver(e) {
-              e.preventDefault();
-              typeof _onDragOver === "function" && _onDragOver();
-            },
-            onDrop: async function onDrop(e) {
-              e.preventDefault();
-              typeof _onDrop === "function" && _onDrop();
-              _this3.onDropFilesHandler({
-                e: e,
-                onSuccess: onSuccess,
-                onError: onError
-              });
-            }
-          });
+    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);
         }
-      }), /*#__PURE__*/_react.default.createElement("input", {
-        id: id || this.id,
-        ref: function ref(_ref5) {
-          if (_ref5) {
-            _this3.input = _ref5;
+      }
+      callbacks.onSuccess && callbacks.onSuccess(files);
+    }
+
+    // Reset the browseFiles arguments.
+    if (this.input) {
+      this.input.value = "";
+    }
+    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
+            });
           }
-        },
-        accept: accept.join(","),
-        style: {
-          display: "none"
-        },
-        type: "file",
-        multiple: multiple,
-        onChange: function onChange(e) {
-          return _this3.processSelectedFiles(e.target.files ?? []);
+        };
+      }
+    }), /*#__PURE__*/React.createElement("input", {
+      id: id || this.id,
+      ref: ref => {
+        if (ref) {
+          this.input = ref;
         }
-      }));
-    }
-  }]);
-}(_react.default.Component);
-(0, _defineProperty2.default)(Files, "defaultProps", {
-  accept: [],
-  multiple: false,
-  maxSize: "2mb",
-  multipleMaxSize: "10mb",
-  multipleMaxCount: null,
-  convertToBase64: false
-});
+      },
+      accept: accept.join(","),
+      style: {
+        display: "none"
+      },
+      type: "file",
+      multiple: multiple,
+      onChange: e => this.processSelectedFiles(e.target.files ?? [])
+    }));
+  }
+}
 
 //# sourceMappingURL=Files.js.map

package/react-butterfiles/Files.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireDefault","require","_bytes","_minimatch","_readFileContent","_generateId","_excluded","Files","exports","_React$Component","_this","_classCallCheck2","default","_len","arguments","length","args","Array","_key","_callSuper2","concat","_defineProperty2","generateId","files","_this$props","props","multiple","multipleMaxSize","multipleMaxCount","accept","maxSize","errors","multipleFileSize","push","id","type","_loop","file","index","isArray","some","minimatch","sizeAsBytes","bytes","size","maxMultipleMaxSize","multipleCount","eventFiles","_this$props2","convertToBase64","onSuccess","onError","_this2","browseFilesPassedParams","callbacks","_toConsumableArray2","map","name","src","base64","validateFiles","i","readFileContent","input","value","_ref","e","dataTransfer","processSelectedFiles","_ref2","click","_inherits2","_createClass2","key","render","_this3","_this$props3","createElement","Fragment","children","getLabelProps","_objectSpread2","htmlFor","browseFiles","_ref3","undefined","browseFilesHandler","getDropZoneProps","_ref4","onDragOver","onDrop","rest","_objectWithoutProperties2","preventDefault","onDropFilesHandler","ref","join","style","display","onChange","target","React","Component"],"sources":["Files.tsx"],"sourcesContent":["import React from \"react\";\nimport bytes from \"bytes\";\nimport minimatch from \"minimatch\";\nimport { readFileContent } from \"./utils/readFileContent\";\nimport { generateId } from \"./utils/generateId\";\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,"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\";\nimport { generateId } from \"./utils/generateId\";\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":[]}

package/react-butterfiles/index.js

@@ -1,10 +1,4 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _Files = require("./Files");
-var _default = exports.default = _Files.Files;
+import { Files } from "./Files";
+export default Files;
 
 //# sourceMappingURL=index.js.map

package/react-butterfiles/index.js.map

@@ -1 +1 @@
-{"version":3,"names":["_Files","require","_default","exports","default","Files"],"sources":["index.ts"],"sourcesContent":["import { Files } from \"./Files\";\n\nexport default Files;\n"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,OAAA;AAAgC,IAAAC,QAAA,GAAAC,OAAA,CAAAC,OAAA,GAEjBC,YAAK","ignoreList":[]}
+{"version":3,"names":["Files"],"sources":["index.ts"],"sourcesContent":["import { Files } from \"./Files\";\n\nexport default Files;\n"],"mappings":"AAAA,SAASA,KAAK;AAEd,eAAeA,KAAK","ignoreList":[]}

package/react-butterfiles/utils/generateId.js

@@ -1,10 +1,4 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.generateId = void 0;
-var generateId = exports.generateId = function generateId() {
+export const generateId = () => {
   return "_" + Math.random().toString(36).substr(2, 9);
 };
 

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

@@ -1 +1 @@
-{"version":3,"names":["generateId","exports","Math","random","toString","substr"],"sources":["generateId.ts"],"sourcesContent":["export const generateId = () => {\n    return \"_\" + Math.random().toString(36).substr(2, 9);\n};\n"],"mappings":";;;;;;AAAO,IAAMA,UAAU,GAAAC,OAAA,CAAAD,UAAA,GAAG,SAAbA,UAAUA,CAAA,EAAS;EAC5B,OAAO,GAAG,GAAGE,IAAI,CAACC,MAAM,CAAC,CAAC,CAACC,QAAQ,CAAC,EAAE,CAAC,CAACC,MAAM,CAAC,CAAC,EAAE,CAAC,CAAC;AACxD,CAAC","ignoreList":[]}
+{"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":[]}

package/react-butterfiles/utils/readFileContent.js

@@ -1,17 +1,11 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.readFileContent = void 0;
-var readFileContent = exports.readFileContent = async function readFileContent(file) {
-  return new Promise(function (resolve, reject) {
-    var reader = new window.FileReader();
+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!");
+        reject(`Unable to read file contents!`);
       }
     };
     reader.readAsDataURL(file);

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

@@ -1 +1 @@
-{"version":3,"names":["readFileContent","exports","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":";;;;;;AAAO,IAAMA,eAAe,GAAAC,OAAA,CAAAD,eAAA,GAAG,eAAlBA,eAAeA,CAAUE,IAAU,EAAK;EACjD,OAAO,IAAIC,OAAO,CAAS,UAACC,OAAO,EAAEC,MAAM,EAAK;IAC5C,IAAMC,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,gCAAgC,CAAC;MAC3C;IACJ,CAAC;IAEDC,MAAM,CAACO,aAAa,CAACX,IAAI,CAAC;EAC9B,CAAC,CAAC;AACN,CAAC","ignoreList":[]}
+{"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":[]}

package/renderApp.d.ts

@@ -1,2 +1,2 @@
-import { Root } from "react-dom/client";
+import type { Root } from "react-dom/client";
 export declare const renderApp: (app: JSX.Element) => Root;

package/renderApp.js

@@ -1,14 +1,7 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.renderApp = void 0;
-var _client = _interopRequireDefault(require("react-dom/client"));
-var renderApp = exports.renderApp = function renderApp(app) {
-  var container = document.getElementById("root");
-  var root = _client.default.createRoot(container);
+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;
 };

package/renderApp.js.map

@@ -1 +1 @@
-{"version":3,"names":["_client","_interopRequireDefault","require","renderApp","exports","app","container","document","getElementById","root","ReactDOMClient","createRoot","render"],"sources":["renderApp.tsx"],"sourcesContent":["import ReactDOMClient, { Root } from \"react-dom/client\";\n\nexport const renderApp = (app: 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":";;;;;;;AAAA,IAAAA,OAAA,GAAAC,sBAAA,CAAAC,OAAA;AAEO,IAAMC,SAAS,GAAAC,OAAA,CAAAD,SAAA,GAAG,SAAZA,SAASA,CAAIE,GAAgB,EAAW;EACjD,IAAMC,SAAS,GAAGC,QAAQ,CAACC,cAAc,CAAC,MAAM,CAAE;EAElD,IAAMC,IAAI,GAAGC,eAAc,CAACC,UAAU,CAACL,SAAS,CAAC;EACjDG,IAAI,CAACG,MAAM,CAACP,GAAG,CAAC;EAChB,OAAOI,IAAI;AACf,CAAC","ignoreList":[]}
+{"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: 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,GAAgB,IAAW;EACjD,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":[]}