siam-ui-utils 2.2.25 → 2.2.27

package/dist/dropzone/Dropzone.js

@@ -0,0 +1,513 @@
+import { jsx } from "react/jsx-runtime";
+import React from "react";
+import PropTypes from "prop-types";
+import Layout from "./Layout.js";
+import Input from "./Input.js";
+import Preview from "./Preview.js";
+import SubmitButton from "./SubmitButton.js";
+import { getFilesFromEvent, accepts, resolveValue, mergeStyles } from "./utils.js";
+import { defaultClassNames, formatBytes, formatDuration } from "./utils.js";
+class Dropzone extends React.Component {
+  constructor(props) {
+    super(props);
+    this.forceUpdate = () => {
+      if (this.mounted) super.forceUpdate();
+    };
+    this.getFilesFromEvent = () => {
+      return this.props.getFilesFromEvent || getFilesFromEvent;
+    };
+    this.getDataTransferItemsFromEvent = () => {
+      return this.props.getDataTransferItemsFromEvent || getFilesFromEvent;
+    };
+    this.handleDragEnter = async (e) => {
+      e.preventDefault();
+      e.stopPropagation();
+      const dragged = await this.getDataTransferItemsFromEvent()(e);
+      this.setState({ active: true, dragged });
+    };
+    this.handleDragOver = async (e) => {
+      e.preventDefault();
+      e.stopPropagation();
+      clearTimeout(this.dragTimeoutId);
+      const dragged = await this.getDataTransferItemsFromEvent()(e);
+      this.setState({ active: true, dragged });
+    };
+    this.handleDragLeave = (e) => {
+      e.preventDefault();
+      e.stopPropagation();
+      this.dragTimeoutId = window.setTimeout(() => this.setState({ active: false, dragged: [] }), 150);
+    };
+    this.handleDrop = async (e) => {
+      e.preventDefault();
+      e.stopPropagation();
+      this.setState({ active: false, dragged: [] });
+      const files = await this.getFilesFromEvent()(e);
+      this.handleFiles(files);
+    };
+    this.handleDropDisabled = (e) => {
+      e.preventDefault();
+      e.stopPropagation();
+      this.setState({ active: false, dragged: [] });
+    };
+    this.handleChangeStatus = (fileWithMeta) => {
+      if (!this.props.onChangeStatus) return;
+      const { meta = {} } = this.props.onChangeStatus(fileWithMeta, fileWithMeta.meta.status, this.files) || {};
+      if (meta) {
+        delete meta.status;
+        fileWithMeta.meta = { ...fileWithMeta.meta, ...meta };
+        this.forceUpdate();
+      }
+    };
+    this.handleSubmit = (files) => {
+      if (this.props.onSubmit) this.props.onSubmit(files, [...this.files]);
+    };
+    this.handleCancel = (fileWithMeta) => {
+      if (fileWithMeta.meta.status !== "uploading") return;
+      fileWithMeta.meta.status = "aborted";
+      if (fileWithMeta.xhr) fileWithMeta.xhr.abort();
+      this.handleChangeStatus(fileWithMeta);
+      this.forceUpdate();
+    };
+    this.handleRemove = (fileWithMeta) => {
+      const index = this.files.findIndex((f) => f === fileWithMeta);
+      if (index !== -1) {
+        URL.revokeObjectURL(fileWithMeta.meta.previewUrl || "");
+        fileWithMeta.meta.status = "removed";
+        this.handleChangeStatus(fileWithMeta);
+        this.files.splice(index, 1);
+        this.forceUpdate();
+      }
+    };
+    this.handleRestart = (fileWithMeta) => {
+      if (!this.props.getUploadParams) return;
+      if (fileWithMeta.meta.status === "ready") fileWithMeta.meta.status = "started";
+      else fileWithMeta.meta.status = "restarted";
+      this.handleChangeStatus(fileWithMeta);
+      fileWithMeta.meta.status = "getting_upload_params";
+      fileWithMeta.meta.percent = 0;
+      this.handleChangeStatus(fileWithMeta);
+      this.forceUpdate();
+      this.uploadFile(fileWithMeta);
+    };
+    this.handleFiles = (files) => {
+      files.forEach((f, i) => this.handleFile(f, `${(/* @__PURE__ */ new Date()).getTime()}-${i}`));
+      const { current } = this.dropzone;
+      if (current) setTimeout(() => current.scroll({ top: current.scrollHeight, behavior: "smooth" }), 150);
+    };
+    this.handleFile = async (file, id) => {
+      const { name, size, type, lastModified } = file;
+      const { minSizeBytes, maxSizeBytes, maxFiles, accept, getUploadParams, autoUpload, validate } = this.props;
+      const uploadedDate = (/* @__PURE__ */ new Date()).toISOString();
+      const lastModifiedDate = lastModified && new Date(lastModified).toISOString();
+      const fileWithMeta = {
+        file,
+        meta: { name, size, type, lastModifiedDate, uploadedDate, percent: 0, id }
+      };
+      if (file.type !== "application/x-moz-file" && !accepts(file, accept)) {
+        fileWithMeta.meta.status = "rejected_file_type";
+        this.handleChangeStatus(fileWithMeta);
+        return;
+      }
+      if (this.files.length >= maxFiles) {
+        fileWithMeta.meta.status = "rejected_max_files";
+        this.handleChangeStatus(fileWithMeta);
+        return;
+      }
+      fileWithMeta.cancel = () => this.handleCancel(fileWithMeta);
+      fileWithMeta.remove = () => this.handleRemove(fileWithMeta);
+      fileWithMeta.restart = () => this.handleRestart(fileWithMeta);
+      fileWithMeta.meta.status = "preparing";
+      this.files.push(fileWithMeta);
+      this.handleChangeStatus(fileWithMeta);
+      this.forceUpdate();
+      if (size < minSizeBytes || size > maxSizeBytes) {
+        fileWithMeta.meta.status = "error_file_size";
+        this.handleChangeStatus(fileWithMeta);
+        this.forceUpdate();
+        return;
+      }
+      await this.generatePreview(fileWithMeta);
+      if (validate) {
+        const error = validate(fileWithMeta);
+        if (error) {
+          fileWithMeta.meta.status = "error_validation";
+          fileWithMeta.meta.validationError = error;
+          this.handleChangeStatus(fileWithMeta);
+          this.forceUpdate();
+          return;
+        }
+      }
+      if (getUploadParams) {
+        if (autoUpload) {
+          this.uploadFile(fileWithMeta);
+          fileWithMeta.meta.status = "getting_upload_params";
+        } else {
+          fileWithMeta.meta.status = "ready";
+        }
+      } else {
+        fileWithMeta.meta.status = "done";
+      }
+      this.handleChangeStatus(fileWithMeta);
+      this.forceUpdate();
+    };
+    this.generatePreview = async (fileWithMeta) => {
+      const {
+        meta: { type },
+        file
+      } = fileWithMeta;
+      const isImage = type.startsWith("image/");
+      const isAudio = type.startsWith("audio/");
+      const isVideo = type.startsWith("video/");
+      if (!isImage && !isAudio && !isVideo) return;
+      const objectUrl = URL.createObjectURL(file);
+      const fileCallbackToPromise = (fileObj) => {
+        return Promise.race([
+          new Promise((resolve) => {
+            if (fileObj instanceof HTMLImageElement) fileObj.onload = resolve;
+            else fileObj.onloadedmetadata = resolve;
+          }),
+          new Promise((_, reject) => {
+            setTimeout(reject, 1e3);
+          })
+        ]);
+      };
+      try {
+        if (isImage) {
+          const img = new Image();
+          img.src = objectUrl;
+          fileWithMeta.meta.previewUrl = objectUrl;
+          await fileCallbackToPromise(img);
+          fileWithMeta.meta.width = img.width;
+          fileWithMeta.meta.height = img.height;
+        }
+        if (isAudio) {
+          const audio = new Audio();
+          audio.src = objectUrl;
+          await fileCallbackToPromise(audio);
+          fileWithMeta.meta.duration = audio.duration;
+        }
+        if (isVideo) {
+          const video = document.createElement("video");
+          video.src = objectUrl;
+          await fileCallbackToPromise(video);
+          fileWithMeta.meta.duration = video.duration;
+          fileWithMeta.meta.videoWidth = video.videoWidth;
+          fileWithMeta.meta.videoHeight = video.videoHeight;
+        }
+        if (!isImage) URL.revokeObjectURL(objectUrl);
+      } catch (e) {
+        URL.revokeObjectURL(objectUrl);
+      }
+      this.forceUpdate();
+    };
+    this.uploadFile = async (fileWithMeta) => {
+      const { getUploadParams } = this.props;
+      if (!getUploadParams) return;
+      let params = null;
+      try {
+        params = await getUploadParams(fileWithMeta);
+      } catch (e) {
+        console.error("Error Upload Params", e.stack);
+      }
+      if (params === null) return;
+      const { url, method = "POST", body, fields = {}, headers = {}, meta: extraMeta = {} } = params;
+      delete extraMeta.status;
+      if (!url) {
+        fileWithMeta.meta.status = "error_upload_params";
+        this.handleChangeStatus(fileWithMeta);
+        this.forceUpdate();
+        return;
+      }
+      const xhr = new XMLHttpRequest();
+      const formData = new FormData();
+      xhr.open(method, url, true);
+      for (const field of Object.keys(fields)) formData.append(field, fields[field]);
+      xhr.setRequestHeader("X-Requested-With", "XMLHttpRequest");
+      for (const header of Object.keys(headers)) xhr.setRequestHeader(header, headers[header]);
+      fileWithMeta.meta = { ...fileWithMeta.meta, ...extraMeta };
+      xhr.upload.addEventListener("progress", (e) => {
+        fileWithMeta.meta.percent = e.loaded * 100 / e.total || 100;
+        this.forceUpdate();
+      });
+      xhr.addEventListener("readystatechange", () => {
+        if (xhr.readyState !== 2 && xhr.readyState !== 4) return;
+        if (xhr.status === 0 && fileWithMeta.meta.status !== "aborted") {
+          fileWithMeta.meta.status = "exception_upload";
+          this.handleChangeStatus(fileWithMeta);
+          this.forceUpdate();
+        }
+        if (xhr.status > 0 && xhr.status < 400) {
+          fileWithMeta.meta.percent = 100;
+          if (xhr.readyState === 2) fileWithMeta.meta.status = "headers_received";
+          if (xhr.readyState === 4) fileWithMeta.meta.status = "done";
+          this.handleChangeStatus(fileWithMeta);
+          this.forceUpdate();
+        }
+        if (xhr.status >= 400 && fileWithMeta.meta.status !== "error_upload") {
+          fileWithMeta.meta.status = "error_upload";
+          this.handleChangeStatus(fileWithMeta);
+          this.forceUpdate();
+        }
+      });
+      formData.append("file", fileWithMeta.file);
+      if (this.props.timeout) xhr.timeout = this.props.timeout;
+      xhr.send(body || formData);
+      fileWithMeta.xhr = xhr;
+      fileWithMeta.meta.status = "uploading";
+      this.handleChangeStatus(fileWithMeta);
+      this.forceUpdate();
+    };
+    this.state = {
+      active: false,
+      dragged: []
+    };
+    this.files = [];
+    this.mounted = true;
+    this.dropzone = React.createRef();
+  }
+  componentDidMount() {
+    if (this.props.initialFiles) this.handleFiles(this.props.initialFiles);
+  }
+  componentDidUpdate(prevProps) {
+    const { initialFiles } = this.props;
+    if (prevProps.initialFiles !== initialFiles && initialFiles) this.handleFiles(initialFiles);
+  }
+  componentWillUnmount() {
+    this.mounted = false;
+    for (const fileWithMeta of this.files) this.handleCancel(fileWithMeta);
+  }
+  render() {
+    const {
+      accept,
+      multiple,
+      maxFiles,
+      minSizeBytes,
+      maxSizeBytes,
+      onSubmit,
+      getUploadParams,
+      disabled,
+      canCancel,
+      canRemove,
+      canRestart,
+      inputContent,
+      inputWithFilesContent,
+      submitButtonDisabled,
+      submitButtonContent,
+      classNames,
+      styles,
+      addClassNames,
+      InputComponent,
+      PreviewComponent,
+      SubmitButtonComponent,
+      LayoutComponent
+    } = this.props;
+    const { active, dragged } = this.state;
+    const reject = dragged.some((file) => file.type !== "application/x-moz-file" && !accepts(file, accept));
+    const extra = { active, reject, dragged, accept, multiple, minSizeBytes, maxSizeBytes, maxFiles };
+    const files = [...this.files];
+    const dropzoneDisabled = resolveValue(disabled, files, extra);
+    const {
+      classNames: {
+        dropzone: dropzoneClassName,
+        dropzoneActive: dropzoneActiveClassName,
+        dropzoneReject: dropzoneRejectClassName,
+        dropzoneDisabled: dropzoneDisabledClassName,
+        input: inputClassName,
+        inputLabel: inputLabelClassName,
+        inputLabelWithFiles: inputLabelWithFilesClassName,
+        preview: previewClassName,
+        previewImage: previewImageClassName,
+        submitButtonContainer: submitButtonContainerClassName,
+        submitButton: submitButtonClassName
+      },
+      styles: {
+        dropzone: dropzoneStyle,
+        dropzoneActive: dropzoneActiveStyle,
+        dropzoneReject: dropzoneRejectStyle,
+        dropzoneDisabled: dropzoneDisabledStyle,
+        input: inputStyle,
+        inputLabel: inputLabelStyle,
+        inputLabelWithFiles: inputLabelWithFilesStyle,
+        preview: previewStyle,
+        previewImage: previewImageStyle,
+        submitButtonContainer: submitButtonContainerStyle,
+        submitButton: submitButtonStyle
+      }
+    } = mergeStyles(classNames, styles, addClassNames, files, extra);
+    const Input$1 = InputComponent || Input;
+    const Preview$1 = PreviewComponent || Preview;
+    const SubmitButton$1 = SubmitButtonComponent || SubmitButton;
+    const Layout$1 = LayoutComponent || Layout;
+    let previews = null;
+    if (PreviewComponent !== null) {
+      previews = files.map((f) => {
+        return (
+          //@ts-ignore
+          /* @__PURE__ */ jsx(
+            Preview$1,
+            {
+              className: previewClassName,
+              imageClassName: previewImageClassName,
+              style: previewStyle,
+              imageStyle: previewImageStyle,
+              fileWithMeta: f,
+              meta: { ...f.meta },
+              isUpload: Boolean(getUploadParams),
+              canCancel: resolveValue(canCancel, files, extra),
+              canRemove: resolveValue(canRemove, files, extra),
+              canRestart: resolveValue(canRestart, files, extra),
+              files,
+              extra
+            },
+            f.meta.id
+          )
+        );
+      });
+    }
+    const input = InputComponent !== null ? (
+      //@ts-ignore
+      /* @__PURE__ */ jsx(
+        Input$1,
+        {
+          className: inputClassName,
+          labelClassName: inputLabelClassName,
+          labelWithFilesClassName: inputLabelWithFilesClassName,
+          style: inputStyle,
+          labelStyle: inputLabelStyle,
+          labelWithFilesStyle: inputLabelWithFilesStyle,
+          getFilesFromEvent: this.getFilesFromEvent(),
+          accept,
+          multiple,
+          disabled: dropzoneDisabled,
+          content: resolveValue(inputContent, files, extra),
+          withFilesContent: resolveValue(inputWithFilesContent, files, extra),
+          onFiles: this.handleFiles,
+          files,
+          extra
+        }
+      )
+    ) : null;
+    const submitButton = onSubmit && SubmitButtonComponent !== null ? (
+      //@ts-ignore
+      /* @__PURE__ */ jsx(
+        SubmitButton$1,
+        {
+          className: submitButtonContainerClassName,
+          buttonClassName: submitButtonClassName,
+          style: submitButtonContainerStyle,
+          buttonStyle: submitButtonStyle,
+          disabled: resolveValue(submitButtonDisabled, files, extra),
+          content: resolveValue(submitButtonContent, files, extra),
+          onSubmit: this.handleSubmit,
+          files,
+          extra
+        }
+      )
+    ) : null;
+    let className = dropzoneClassName;
+    let style = dropzoneStyle;
+    if (dropzoneDisabled) {
+      className = `${className} ${dropzoneDisabledClassName}`;
+      style = { ...style || {}, ...dropzoneDisabledStyle || {} };
+    } else if (reject) {
+      className = `${className} ${dropzoneRejectClassName}`;
+      style = { ...style || {}, ...dropzoneRejectStyle || {} };
+    } else if (active) {
+      className = `${className} ${dropzoneActiveClassName}`;
+      style = { ...style || {}, ...dropzoneActiveStyle || {} };
+    }
+    return (
+      //@ts-ignore
+      /* @__PURE__ */ jsx(
+        Layout$1,
+        {
+          input,
+          previews,
+          submitButton,
+          dropzoneProps: {
+            ref: this.dropzone,
+            className,
+            style,
+            onDragEnter: this.handleDragEnter,
+            onDragOver: this.handleDragOver,
+            onDragLeave: this.handleDragLeave,
+            onDrop: dropzoneDisabled ? this.handleDropDisabled : this.handleDrop
+          },
+          files,
+          extra: {
+            ...extra,
+            onFiles: this.handleFiles,
+            onCancelFile: this.handleCancel,
+            onRemoveFile: this.handleRemove,
+            onRestartFile: this.handleRestart
+          }
+        }
+      )
+    );
+  }
+}
+Dropzone.defaultProps = {
+  accept: "*",
+  multiple: true,
+  minSizeBytes: 0,
+  maxSizeBytes: Number.MAX_SAFE_INTEGER,
+  maxFiles: Number.MAX_SAFE_INTEGER,
+  autoUpload: true,
+  disabled: false,
+  canCancel: true,
+  canRemove: true,
+  canRestart: true,
+  inputContent: "Drag Files or Click to Browse",
+  inputWithFilesContent: "Add Files",
+  submitButtonDisabled: false,
+  submitButtonContent: "Submit",
+  classNames: {},
+  styles: {},
+  addClassNames: {}
+};
+Dropzone.propTypes = {
+  onChangeStatus: PropTypes.func,
+  getUploadParams: PropTypes.func,
+  onSubmit: PropTypes.func,
+  getFilesFromEvent: PropTypes.func,
+  getDataTransferItemsFromEvent: PropTypes.func,
+  accept: PropTypes.string,
+  multiple: PropTypes.bool,
+  minSizeBytes: PropTypes.number.isRequired,
+  maxSizeBytes: PropTypes.number.isRequired,
+  maxFiles: PropTypes.number.isRequired,
+  validate: PropTypes.func,
+  autoUpload: PropTypes.bool,
+  timeout: PropTypes.number,
+  initialFiles: PropTypes.arrayOf(PropTypes.any),
+  /* component customization */
+  disabled: PropTypes.oneOfType([PropTypes.bool, PropTypes.func]),
+  canCancel: PropTypes.oneOfType([PropTypes.bool, PropTypes.func]),
+  canRemove: PropTypes.oneOfType([PropTypes.bool, PropTypes.func]),
+  canRestart: PropTypes.oneOfType([PropTypes.bool, PropTypes.func]),
+  inputContent: PropTypes.oneOfType([PropTypes.node, PropTypes.func]),
+  inputWithFilesContent: PropTypes.oneOfType([PropTypes.node, PropTypes.func]),
+  submitButtonDisabled: PropTypes.oneOfType([PropTypes.bool, PropTypes.func]),
+  submitButtonContent: PropTypes.oneOfType([PropTypes.node, PropTypes.func]),
+  classNames: PropTypes.object.isRequired,
+  styles: PropTypes.object.isRequired,
+  addClassNames: PropTypes.object.isRequired,
+  /* component injection */
+  InputComponent: PropTypes.func,
+  PreviewComponent: PropTypes.func,
+  SubmitButtonComponent: PropTypes.func,
+  LayoutComponent: PropTypes.func
+};
+export {
+  Input,
+  Layout,
+  Preview,
+  SubmitButton,
+  accepts,
+  Dropzone as default,
+  defaultClassNames,
+  formatBytes,
+  formatDuration,
+  getFilesFromEvent
+};
+//# sourceMappingURL=Dropzone.js.map

package/dist/dropzone/Dropzone.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Dropzone.js","sources":["../../src/dropzone/Dropzone.tsx"],"sourcesContent":["import React from 'react'\r\nimport PropTypes from 'prop-types'\r\n\r\nimport LayoutDefault from './Layout'\r\nimport InputDefault from './Input'\r\nimport PreviewDefault from './Preview'\r\nimport SubmitButtonDefault from './SubmitButton'\r\nimport {\r\n  formatBytes,\r\n  formatDuration,\r\n  accepts,\r\n  resolveValue,\r\n  mergeStyles,\r\n  defaultClassNames,\r\n  getFilesFromEvent as defaultGetFilesFromEvent,\r\n} from './utils'\r\n\r\nexport type StatusValue =\r\n  | 'rejected_file_type'\r\n  | 'rejected_max_files'\r\n  | 'preparing'\r\n  | 'error_file_size'\r\n  | 'error_validation'\r\n  | 'ready'\r\n  | 'started'\r\n  | 'getting_upload_params'\r\n  | 'error_upload_params'\r\n  | 'uploading'\r\n  | 'exception_upload'\r\n  | 'aborted'\r\n  | 'restarted'\r\n  | 'removed'\r\n  | 'error_upload'\r\n  | 'headers_received'\r\n  | 'done'\r\n\r\nexport type MethodValue =\r\n  | 'delete'\r\n  | 'get'\r\n  | 'head'\r\n  | 'options'\r\n  | 'patch'\r\n  | 'post'\r\n  | 'put'\r\n  | 'DELETE'\r\n  | 'GET'\r\n  | 'HEAD'\r\n  | 'OPTIONS'\r\n  | 'PATCH'\r\n  | 'POST'\r\n  | 'PUT'\r\n\r\nexport interface IMeta {\r\n  id: string\r\n  status: StatusValue\r\n  type: string // MIME type, example: `image/*`\r\n  name: string\r\n  uploadedDate: string // ISO string\r\n  percent: number\r\n  size: number // bytes\r\n  lastModifiedDate: string // ISO string\r\n  previewUrl?: string // from URL.createObjectURL\r\n  duration?: number // seconds\r\n  width?: number\r\n  height?: number\r\n  videoWidth?: number\r\n  videoHeight?: number\r\n  validationError?: any\r\n}\r\n\r\nexport interface IFileWithMeta {\r\n  file: File\r\n  meta: IMeta\r\n  cancel: () => void\r\n  restart: () => void\r\n  remove: () => void\r\n  xhr?: XMLHttpRequest\r\n}\r\n\r\nexport interface IExtra {\r\n  active: boolean\r\n  reject: boolean\r\n  dragged: DataTransferItem[]\r\n  accept: string\r\n  multiple: boolean\r\n  minSizeBytes: number\r\n  maxSizeBytes: number\r\n  maxFiles: number\r\n}\r\n\r\nexport interface IUploadParams {\r\n  url: string\r\n  method?: MethodValue\r\n  body?: string | FormData | ArrayBuffer | Blob | File | URLSearchParams\r\n  fields?: { [name: string]: string | Blob }\r\n  headers?: { [name: string]: string }\r\n  meta?: { [name: string]: any }\r\n}\r\n\r\nexport type CustomizationFunction<T> = (allFiles: IFileWithMeta[], extra: IExtra) => T\r\n\r\nexport interface IStyleCustomization<T> {\r\n  dropzone?: T | CustomizationFunction<T>\r\n  dropzoneActive?: T | CustomizationFunction<T>\r\n  dropzoneReject?: T | CustomizationFunction<T>\r\n  dropzoneDisabled?: T | CustomizationFunction<T>\r\n  input?: T | CustomizationFunction<T>\r\n  inputLabel?: T | CustomizationFunction<T>\r\n  inputLabelWithFiles?: T | CustomizationFunction<T>\r\n  preview?: T | CustomizationFunction<T>\r\n  previewImage?: T | CustomizationFunction<T>\r\n  submitButtonContainer?: T | CustomizationFunction<T>\r\n  submitButton?: T | CustomizationFunction<T>\r\n}\r\n\r\nexport interface IExtraLayout extends IExtra {\r\n  onFiles(files: File[]): void\r\n  onCancelFile(file: IFileWithMeta): void\r\n  onRemoveFile(file: IFileWithMeta): void\r\n  onRestartFile(file: IFileWithMeta): void\r\n}\r\n\r\nexport interface ILayoutProps {\r\n  files: IFileWithMeta[]\r\n  extra: IExtraLayout\r\n  input: React.ReactNode\r\n  previews: React.ReactNode[] | null\r\n  submitButton: React.ReactNode\r\n  dropzoneProps: {\r\n    ref: React.RefObject<HTMLDivElement>\r\n    className: string\r\n    style?: React.CSSProperties\r\n    onDragEnter(event: React.DragEvent<HTMLElement>): void\r\n    onDragOver(event: React.DragEvent<HTMLElement>): void\r\n    onDragLeave(event: React.DragEvent<HTMLElement>): void\r\n    onDrop(event: React.DragEvent<HTMLElement>): void\r\n  }\r\n}\r\n\r\ninterface ICommonProps {\r\n  files: IFileWithMeta[]\r\n  extra: IExtra\r\n}\r\n\r\nexport interface IPreviewProps extends ICommonProps {\r\n  meta: IMeta\r\n  className?: string\r\n  imageClassName?: string\r\n  style?: React.CSSProperties\r\n  imageStyle?: React.CSSProperties\r\n  fileWithMeta: IFileWithMeta\r\n  isUpload: boolean\r\n  canCancel: boolean\r\n  canRemove: boolean\r\n  canRestart: boolean\r\n}\r\n\r\nexport interface IInputProps extends ICommonProps {\r\n  className?: string\r\n  labelClassName?: string\r\n  labelWithFilesClassName?: string\r\n  style?: React.CSSProperties\r\n  labelStyle?: React.CSSProperties\r\n  labelWithFilesStyle?: React.CSSProperties\r\n  getFilesFromEvent: (event: React.ChangeEvent<HTMLInputElement>) => Promise<File[]>\r\n  accept: string\r\n  multiple: boolean\r\n  disabled: boolean\r\n  content?: React.ReactNode\r\n  withFilesContent?: React.ReactNode\r\n  onFiles: (files: File[]) => void\r\n}\r\n\r\nexport interface ISubmitButtonProps extends ICommonProps {\r\n  className?: string\r\n  buttonClassName?: string\r\n  style?: React.CSSProperties\r\n  buttonStyle?: React.CSSProperties\r\n  disabled: boolean\r\n  content?: React.ReactNode\r\n  onSubmit: (files: IFileWithMeta[]) => void\r\n}\r\n\r\ntype ReactComponent<Props> = (props: Props) => React.ReactNode | React.Component<Props>\r\n\r\nexport interface IDropzoneProps {\r\n  onChangeStatus?(\r\n    file: IFileWithMeta,\r\n    status: StatusValue,\r\n    allFiles: IFileWithMeta[],\r\n  ): { meta: { [name: string]: any } } | void\r\n  getUploadParams?(file: IFileWithMeta): IUploadParams | Promise<IUploadParams>\r\n  onSubmit?(successFiles: IFileWithMeta[], allFiles: IFileWithMeta[]): void\r\n\r\n  getFilesFromEvent?: (\r\n    event: React.DragEvent<HTMLElement> | React.ChangeEvent<HTMLInputElement>,\r\n  ) => Promise<File[]> | File[]\r\n  getDataTransferItemsFromEvent?: (\r\n    event: React.DragEvent<HTMLElement>,\r\n  ) => Promise<DataTransferItem[]> | DataTransferItem[]\r\n\r\n  accept: string\r\n  multiple: boolean\r\n  minSizeBytes: number\r\n  maxSizeBytes: number\r\n  maxFiles: number\r\n\r\n  validate?(file: IFileWithMeta): any // usually a string, but can be anything\r\n\r\n  autoUpload: boolean\r\n  timeout?: number\r\n\r\n  initialFiles?: File[]\r\n\r\n  /* component customization */\r\n  disabled: boolean | CustomizationFunction<boolean>\r\n\r\n  canCancel: boolean | CustomizationFunction<boolean>\r\n  canRemove: boolean | CustomizationFunction<boolean>\r\n  canRestart: boolean | CustomizationFunction<boolean>\r\n\r\n  inputContent: React.ReactNode | CustomizationFunction<React.ReactNode>\r\n  inputWithFilesContent: React.ReactNode | CustomizationFunction<React.ReactNode>\r\n\r\n  submitButtonDisabled: boolean | CustomizationFunction<boolean>\r\n  submitButtonContent: React.ReactNode | CustomizationFunction<React.ReactNode>\r\n\r\n  classNames: IStyleCustomization<string>\r\n  styles: IStyleCustomization<React.CSSProperties>\r\n  addClassNames: IStyleCustomization<string>\r\n\r\n  /* component injection */\r\n  LayoutComponent?: ReactComponent<ILayoutProps>\r\n  PreviewComponent?: ReactComponent<IPreviewProps>\r\n  InputComponent?: ReactComponent<IInputProps>\r\n  SubmitButtonComponent?: ReactComponent<ISubmitButtonProps>\r\n}\r\n\r\nclass Dropzone extends React.Component<IDropzoneProps, { active: boolean; dragged: (File | DataTransferItem)[] }> {\r\n  static defaultProps: IDropzoneProps\r\n  protected files: IFileWithMeta[]\r\n  protected mounted: boolean\r\n  protected dropzone: React.RefObject<HTMLDivElement>\r\n  protected dragTimeoutId?: number\r\n\r\n  constructor(props: IDropzoneProps) {\r\n    super(props)\r\n    this.state = {\r\n      active: false,\r\n      dragged: [],\r\n    }\r\n    this.files = []\r\n    this.mounted = true\r\n    this.dropzone = React.createRef()\r\n  }\r\n\r\n  componentDidMount() {\r\n    if (this.props.initialFiles) this.handleFiles(this.props.initialFiles)\r\n  }\r\n\r\n  componentDidUpdate(prevProps: IDropzoneProps) {\r\n    const { initialFiles } = this.props\r\n    if (prevProps.initialFiles !== initialFiles && initialFiles) this.handleFiles(initialFiles)\r\n  }\r\n\r\n  componentWillUnmount() {\r\n    this.mounted = false\r\n    for (const fileWithMeta of this.files) this.handleCancel(fileWithMeta)\r\n  }\r\n\r\n  forceUpdate = () => {\r\n    if (this.mounted) super.forceUpdate()\r\n  }\r\n\r\n  getFilesFromEvent = () => {\r\n    return this.props.getFilesFromEvent || defaultGetFilesFromEvent\r\n  }\r\n\r\n  getDataTransferItemsFromEvent = () => {\r\n    return this.props.getDataTransferItemsFromEvent || defaultGetFilesFromEvent\r\n  }\r\n\r\n  handleDragEnter = async (e: React.DragEvent<HTMLElement>) => {\r\n    e.preventDefault()\r\n    e.stopPropagation()\r\n    const dragged = (await this.getDataTransferItemsFromEvent()(e)) as DataTransferItem[]\r\n    this.setState({ active: true, dragged })\r\n  }\r\n\r\n  handleDragOver = async (e: React.DragEvent<HTMLElement>) => {\r\n    e.preventDefault()\r\n    e.stopPropagation()\r\n    clearTimeout(this.dragTimeoutId)\r\n    const dragged = await this.getDataTransferItemsFromEvent()(e)\r\n    this.setState({ active: true, dragged })\r\n  }\r\n\r\n  handleDragLeave = (e: React.DragEvent<HTMLElement>) => {\r\n    e.preventDefault()\r\n    e.stopPropagation()\r\n    // prevents repeated toggling of `active` state when file is dragged over children of uploader\r\n    // see: https://www.smashingmagazine.com/2018/01/drag-drop-file-uploader-vanilla-js/\r\n    this.dragTimeoutId = window.setTimeout(() => this.setState({ active: false, dragged: [] }), 150)\r\n  }\r\n\r\n  handleDrop = async (e: React.DragEvent<HTMLElement>) => {\r\n    e.preventDefault()\r\n    e.stopPropagation()\r\n    this.setState({ active: false, dragged: [] })\r\n    const files = (await this.getFilesFromEvent()(e)) as File[]\r\n    this.handleFiles(files)\r\n  }\r\n\r\n  handleDropDisabled = (e: React.DragEvent<HTMLElement>) => {\r\n    e.preventDefault()\r\n    e.stopPropagation()\r\n    this.setState({ active: false, dragged: [] })\r\n  }\r\n\r\n  handleChangeStatus = (fileWithMeta: IFileWithMeta) => {\r\n    if (!this.props.onChangeStatus) return\r\n    const { meta = {} } = this.props.onChangeStatus(fileWithMeta, fileWithMeta.meta.status, this.files) || {}\r\n    if (meta) {\r\n      delete meta.status\r\n      fileWithMeta.meta = { ...fileWithMeta.meta, ...meta }\r\n      this.forceUpdate()\r\n    }\r\n  }\r\n\r\n  handleSubmit = (files: IFileWithMeta[]) => {\r\n    if (this.props.onSubmit) this.props.onSubmit(files, [...this.files])\r\n  }\r\n\r\n  handleCancel = (fileWithMeta: IFileWithMeta) => {\r\n    if (fileWithMeta.meta.status !== 'uploading') return\r\n    fileWithMeta.meta.status = 'aborted'\r\n    if (fileWithMeta.xhr) fileWithMeta.xhr.abort()\r\n    this.handleChangeStatus(fileWithMeta)\r\n    this.forceUpdate()\r\n  }\r\n\r\n  handleRemove = (fileWithMeta: IFileWithMeta) => {\r\n    const index = this.files.findIndex(f => f === fileWithMeta)\r\n    if (index !== -1) {\r\n      URL.revokeObjectURL(fileWithMeta.meta.previewUrl || '')\r\n      fileWithMeta.meta.status = 'removed'\r\n      this.handleChangeStatus(fileWithMeta)\r\n      this.files.splice(index, 1)\r\n      this.forceUpdate()\r\n    }\r\n  }\r\n\r\n  handleRestart = (fileWithMeta: IFileWithMeta) => {\r\n    if (!this.props.getUploadParams) return\r\n\r\n    if (fileWithMeta.meta.status === 'ready') fileWithMeta.meta.status = 'started'\r\n    else fileWithMeta.meta.status = 'restarted'\r\n    this.handleChangeStatus(fileWithMeta)\r\n\r\n    fileWithMeta.meta.status = 'getting_upload_params'\r\n    fileWithMeta.meta.percent = 0\r\n    this.handleChangeStatus(fileWithMeta)\r\n    this.forceUpdate()\r\n    this.uploadFile(fileWithMeta)\r\n  }\r\n\r\n  // expects an array of File objects\r\n  handleFiles = (files: File[]) => {\r\n    files.forEach((f, i) => this.handleFile(f, `${new Date().getTime()}-${i}`))\r\n    const { current } = this.dropzone\r\n    if (current) setTimeout(() => current.scroll({ top: current.scrollHeight, behavior: 'smooth' }), 150)\r\n  }\r\n\r\n  handleFile = async (file: File, id: string) => {\r\n    const { name, size, type, lastModified } = file\r\n    const { minSizeBytes, maxSizeBytes, maxFiles, accept, getUploadParams, autoUpload, validate } = this.props\r\n\r\n    const uploadedDate = new Date().toISOString()\r\n    const lastModifiedDate = lastModified && new Date(lastModified).toISOString()\r\n    const fileWithMeta = {\r\n      file,\r\n      meta: { name, size, type, lastModifiedDate, uploadedDate, percent: 0, id },\r\n    } as IFileWithMeta\r\n\r\n    // firefox versions prior to 53 return a bogus mime type for file drag events,\r\n    // so files with that mime type are always accepted\r\n    if (file.type !== 'application/x-moz-file' && !accepts(file, accept)) {\r\n      fileWithMeta.meta.status = 'rejected_file_type'\r\n      this.handleChangeStatus(fileWithMeta)\r\n      return\r\n    }\r\n    if (this.files.length >= maxFiles) {\r\n      fileWithMeta.meta.status = 'rejected_max_files'\r\n      this.handleChangeStatus(fileWithMeta)\r\n      return\r\n    }\r\n\r\n    fileWithMeta.cancel = () => this.handleCancel(fileWithMeta)\r\n    fileWithMeta.remove = () => this.handleRemove(fileWithMeta)\r\n    fileWithMeta.restart = () => this.handleRestart(fileWithMeta)\r\n\r\n    fileWithMeta.meta.status = 'preparing'\r\n    this.files.push(fileWithMeta)\r\n    this.handleChangeStatus(fileWithMeta)\r\n    this.forceUpdate()\r\n\r\n    if (size < minSizeBytes || size > maxSizeBytes) {\r\n      fileWithMeta.meta.status = 'error_file_size'\r\n      this.handleChangeStatus(fileWithMeta)\r\n      this.forceUpdate()\r\n      return\r\n    }\r\n\r\n    await this.generatePreview(fileWithMeta)\r\n\r\n    if (validate) {\r\n      const error = validate(fileWithMeta)\r\n      if (error) {\r\n        fileWithMeta.meta.status = 'error_validation'\r\n        fileWithMeta.meta.validationError = error // usually a string, but doesn't have to be\r\n        this.handleChangeStatus(fileWithMeta)\r\n        this.forceUpdate()\r\n        return\r\n      }\r\n    }\r\n\r\n    if (getUploadParams) {\r\n      if (autoUpload) {\r\n        this.uploadFile(fileWithMeta)\r\n        fileWithMeta.meta.status = 'getting_upload_params'\r\n      } else {\r\n        fileWithMeta.meta.status = 'ready'\r\n      }\r\n    } else {\r\n      fileWithMeta.meta.status = 'done'\r\n    }\r\n    this.handleChangeStatus(fileWithMeta)\r\n    this.forceUpdate()\r\n  }\r\n\r\n  generatePreview = async (fileWithMeta: IFileWithMeta) => {\r\n    const {\r\n      meta: { type },\r\n      file,\r\n    } = fileWithMeta\r\n    const isImage = type.startsWith('image/')\r\n    const isAudio = type.startsWith('audio/')\r\n    const isVideo = type.startsWith('video/')\r\n    if (!isImage && !isAudio && !isVideo) return\r\n\r\n    const objectUrl = URL.createObjectURL(file)\r\n\r\n    const fileCallbackToPromise = (fileObj: HTMLImageElement | HTMLAudioElement) => {\r\n      return Promise.race([\r\n        new Promise(resolve => {\r\n          if (fileObj instanceof HTMLImageElement) fileObj.onload = resolve\r\n          else fileObj.onloadedmetadata = resolve\r\n        }),\r\n        new Promise((_, reject) => {\r\n          setTimeout(reject, 1000)\r\n        }),\r\n      ])\r\n    }\r\n\r\n    try {\r\n      if (isImage) {\r\n        const img = new Image()\r\n        img.src = objectUrl\r\n        fileWithMeta.meta.previewUrl = objectUrl\r\n        await fileCallbackToPromise(img)\r\n        fileWithMeta.meta.width = img.width\r\n        fileWithMeta.meta.height = img.height\r\n      }\r\n\r\n      if (isAudio) {\r\n        const audio = new Audio()\r\n        audio.src = objectUrl\r\n        await fileCallbackToPromise(audio)\r\n        fileWithMeta.meta.duration = audio.duration\r\n      }\r\n\r\n      if (isVideo) {\r\n        const video = document.createElement('video')\r\n        video.src = objectUrl\r\n        await fileCallbackToPromise(video)\r\n        fileWithMeta.meta.duration = video.duration\r\n        fileWithMeta.meta.videoWidth = video.videoWidth\r\n        fileWithMeta.meta.videoHeight = video.videoHeight\r\n      }\r\n      if (!isImage) URL.revokeObjectURL(objectUrl)\r\n    } catch (e) {\r\n      URL.revokeObjectURL(objectUrl)\r\n    }\r\n    this.forceUpdate()\r\n  }\r\n\r\n  uploadFile = async (fileWithMeta: IFileWithMeta) => {\r\n    const { getUploadParams } = this.props\r\n    if (!getUploadParams) return\r\n    let params: IUploadParams | null = null\r\n    try {\r\n      params = await getUploadParams(fileWithMeta)\r\n    } catch (e) {\r\n      console.error('Error Upload Params', e.stack)\r\n    }\r\n    if (params === null) return\r\n    const { url, method = 'POST', body, fields = {}, headers = {}, meta: extraMeta = {} } = params\r\n    delete extraMeta.status\r\n\r\n    if (!url) {\r\n      fileWithMeta.meta.status = 'error_upload_params'\r\n      this.handleChangeStatus(fileWithMeta)\r\n      this.forceUpdate()\r\n      return\r\n    }\r\n\r\n    const xhr = new XMLHttpRequest()\r\n    const formData = new FormData()\r\n    xhr.open(method, url, true)\r\n\r\n    for (const field of Object.keys(fields)) formData.append(field, fields[field])\r\n    xhr.setRequestHeader('X-Requested-With', 'XMLHttpRequest')\r\n    for (const header of Object.keys(headers)) xhr.setRequestHeader(header, headers[header])\r\n    fileWithMeta.meta = { ...fileWithMeta.meta, ...extraMeta }\r\n\r\n    // update progress (can be used to show progress indicator)\r\n    xhr.upload.addEventListener('progress', e => {\r\n      fileWithMeta.meta.percent = (e.loaded * 100.0) / e.total || 100\r\n      this.forceUpdate()\r\n    })\r\n\r\n    xhr.addEventListener('readystatechange', () => {\r\n      // https://developer.mozilla.org/en-US/docs/Web/API/XMLHttpRequest/readyState\r\n      if (xhr.readyState !== 2 && xhr.readyState !== 4) return\r\n\r\n      if (xhr.status === 0 && fileWithMeta.meta.status !== 'aborted') {\r\n        fileWithMeta.meta.status = 'exception_upload'\r\n        this.handleChangeStatus(fileWithMeta)\r\n        this.forceUpdate()\r\n      }\r\n\r\n      if (xhr.status > 0 && xhr.status < 400) {\r\n        fileWithMeta.meta.percent = 100\r\n        if (xhr.readyState === 2) fileWithMeta.meta.status = 'headers_received'\r\n        if (xhr.readyState === 4) fileWithMeta.meta.status = 'done'\r\n        this.handleChangeStatus(fileWithMeta)\r\n        this.forceUpdate()\r\n      }\r\n\r\n      if (xhr.status >= 400 && fileWithMeta.meta.status !== 'error_upload') {\r\n        fileWithMeta.meta.status = 'error_upload'\r\n        this.handleChangeStatus(fileWithMeta)\r\n        this.forceUpdate()\r\n      }\r\n    })\r\n\r\n    formData.append('file', fileWithMeta.file)\r\n    if (this.props.timeout) xhr.timeout = this.props.timeout\r\n    xhr.send(body || formData)\r\n    fileWithMeta.xhr = xhr\r\n    fileWithMeta.meta.status = 'uploading'\r\n    this.handleChangeStatus(fileWithMeta)\r\n    this.forceUpdate()\r\n  }\r\n\r\n  render() {\r\n    const {\r\n      accept,\r\n      multiple,\r\n      maxFiles,\r\n      minSizeBytes,\r\n      maxSizeBytes,\r\n      onSubmit,\r\n      getUploadParams,\r\n      disabled,\r\n      canCancel,\r\n      canRemove,\r\n      canRestart,\r\n      inputContent,\r\n      inputWithFilesContent,\r\n      submitButtonDisabled,\r\n      submitButtonContent,\r\n      classNames,\r\n      styles,\r\n      addClassNames,\r\n      InputComponent,\r\n      PreviewComponent,\r\n      SubmitButtonComponent,\r\n      LayoutComponent,\r\n    } = this.props\r\n\r\n    const { active, dragged } = this.state\r\n\r\n    const reject = dragged.some(file => file.type !== 'application/x-moz-file' && !accepts(file as File, accept))\r\n    const extra = { active, reject, dragged, accept, multiple, minSizeBytes, maxSizeBytes, maxFiles } as IExtra\r\n    const files = [...this.files]\r\n    const dropzoneDisabled = resolveValue(disabled, files, extra)\r\n\r\n    const {\r\n      classNames: {\r\n        dropzone: dropzoneClassName,\r\n        dropzoneActive: dropzoneActiveClassName,\r\n        dropzoneReject: dropzoneRejectClassName,\r\n        dropzoneDisabled: dropzoneDisabledClassName,\r\n        input: inputClassName,\r\n        inputLabel: inputLabelClassName,\r\n        inputLabelWithFiles: inputLabelWithFilesClassName,\r\n        preview: previewClassName,\r\n        previewImage: previewImageClassName,\r\n        submitButtonContainer: submitButtonContainerClassName,\r\n        submitButton: submitButtonClassName,\r\n      },\r\n      styles: {\r\n        dropzone: dropzoneStyle,\r\n        dropzoneActive: dropzoneActiveStyle,\r\n        dropzoneReject: dropzoneRejectStyle,\r\n        dropzoneDisabled: dropzoneDisabledStyle,\r\n        input: inputStyle,\r\n        inputLabel: inputLabelStyle,\r\n        inputLabelWithFiles: inputLabelWithFilesStyle,\r\n        preview: previewStyle,\r\n        previewImage: previewImageStyle,\r\n        submitButtonContainer: submitButtonContainerStyle,\r\n        submitButton: submitButtonStyle,\r\n      },\r\n    } = mergeStyles(classNames, styles, addClassNames, files, extra)\r\n\r\n    const Input = InputComponent || InputDefault\r\n    const Preview = PreviewComponent || PreviewDefault\r\n    const SubmitButton = SubmitButtonComponent || SubmitButtonDefault\r\n    const Layout = LayoutComponent || LayoutDefault\r\n\r\n    let previews = null\r\n    if (PreviewComponent !== null) {\r\n      previews = files.map(f => {\r\n        return (\r\n          //@ts-ignore\r\n          <Preview\r\n            className={previewClassName}\r\n            imageClassName={previewImageClassName}\r\n            style={previewStyle as React.CSSProperties}\r\n            imageStyle={previewImageStyle as React.CSSProperties}\r\n            key={f.meta.id}\r\n            fileWithMeta={f}\r\n            meta={{ ...f.meta }}\r\n            isUpload={Boolean(getUploadParams)}\r\n            canCancel={resolveValue(canCancel, files, extra)}\r\n            canRemove={resolveValue(canRemove, files, extra)}\r\n            canRestart={resolveValue(canRestart, files, extra)}\r\n            files={files}\r\n            extra={extra}\r\n          />\r\n        )\r\n      })\r\n    }\r\n\r\n    const input =\r\n      InputComponent !== null ? (\r\n        //@ts-ignore\r\n        <Input\r\n          className={inputClassName}\r\n          labelClassName={inputLabelClassName}\r\n          labelWithFilesClassName={inputLabelWithFilesClassName}\r\n          style={inputStyle as React.CSSProperties}\r\n          labelStyle={inputLabelStyle as React.CSSProperties}\r\n          labelWithFilesStyle={inputLabelWithFilesStyle as React.CSSProperties}\r\n          getFilesFromEvent={this.getFilesFromEvent() as IInputProps['getFilesFromEvent']}\r\n          accept={accept}\r\n          multiple={multiple}\r\n          disabled={dropzoneDisabled}\r\n          content={resolveValue(inputContent, files, extra)}\r\n          withFilesContent={resolveValue(inputWithFilesContent, files, extra)}\r\n          onFiles={this.handleFiles} // see: https://stackoverflow.com/questions/39484895\r\n          files={files}\r\n          extra={extra}\r\n        />\r\n      ) : null\r\n\r\n    const submitButton =\r\n      onSubmit && SubmitButtonComponent !== null ? (\r\n        //@ts-ignore\r\n        <SubmitButton\r\n          className={submitButtonContainerClassName}\r\n          buttonClassName={submitButtonClassName}\r\n          style={submitButtonContainerStyle as React.CSSProperties}\r\n          buttonStyle={submitButtonStyle as React.CSSProperties}\r\n          disabled={resolveValue(submitButtonDisabled, files, extra)}\r\n          content={resolveValue(submitButtonContent, files, extra)}\r\n          onSubmit={this.handleSubmit}\r\n          files={files}\r\n          extra={extra}\r\n        />\r\n      ) : null\r\n\r\n    let className = dropzoneClassName\r\n    let style = dropzoneStyle\r\n\r\n    if (dropzoneDisabled) {\r\n      className = `${className} ${dropzoneDisabledClassName}`\r\n      style = { ...(style || {}), ...(dropzoneDisabledStyle || {}) }\r\n    } else if (reject) {\r\n      className = `${className} ${dropzoneRejectClassName}`\r\n      style = { ...(style || {}), ...(dropzoneRejectStyle || {}) }\r\n    } else if (active) {\r\n      className = `${className} ${dropzoneActiveClassName}`\r\n      style = { ...(style || {}), ...(dropzoneActiveStyle || {}) }\r\n    }\r\n\r\n    return (\r\n      //@ts-ignore\r\n      <Layout\r\n        input={input}\r\n        previews={previews}\r\n        submitButton={submitButton}\r\n        dropzoneProps={{\r\n          ref: this.dropzone,\r\n          className,\r\n          style: style as React.CSSProperties,\r\n          onDragEnter: this.handleDragEnter,\r\n          onDragOver: this.handleDragOver,\r\n          onDragLeave: this.handleDragLeave,\r\n          onDrop: dropzoneDisabled ? this.handleDropDisabled : this.handleDrop,\r\n        }}\r\n        files={files}\r\n        extra={\r\n          {\r\n            ...extra,\r\n            onFiles: this.handleFiles,\r\n            onCancelFile: this.handleCancel,\r\n            onRemoveFile: this.handleRemove,\r\n            onRestartFile: this.handleRestart,\r\n          } as IExtraLayout\r\n        }\r\n      />\r\n    )\r\n  }\r\n}\r\n\r\nDropzone.defaultProps = {\r\n  accept: '*',\r\n  multiple: true,\r\n  minSizeBytes: 0,\r\n  maxSizeBytes: Number.MAX_SAFE_INTEGER,\r\n  maxFiles: Number.MAX_SAFE_INTEGER,\r\n  autoUpload: true,\r\n  disabled: false,\r\n  canCancel: true,\r\n  canRemove: true,\r\n  canRestart: true,\r\n  inputContent: 'Drag Files or Click to Browse',\r\n  inputWithFilesContent: 'Add Files',\r\n  submitButtonDisabled: false,\r\n  submitButtonContent: 'Submit',\r\n  classNames: {},\r\n  styles: {},\r\n  addClassNames: {},\r\n}\r\n\r\n// @ts-ignore\r\nDropzone.propTypes = {\r\n  onChangeStatus: PropTypes.func,\r\n  getUploadParams: PropTypes.func,\r\n  onSubmit: PropTypes.func,\r\n\r\n  getFilesFromEvent: PropTypes.func,\r\n  getDataTransferItemsFromEvent: PropTypes.func,\r\n\r\n  accept: PropTypes.string,\r\n  multiple: PropTypes.bool,\r\n  minSizeBytes: PropTypes.number.isRequired,\r\n  maxSizeBytes: PropTypes.number.isRequired,\r\n  maxFiles: PropTypes.number.isRequired,\r\n\r\n  validate: PropTypes.func,\r\n\r\n  autoUpload: PropTypes.bool,\r\n  timeout: PropTypes.number,\r\n\r\n  initialFiles: PropTypes.arrayOf(PropTypes.any),\r\n\r\n  /* component customization */\r\n  disabled: PropTypes.oneOfType([PropTypes.bool, PropTypes.func]),\r\n\r\n  canCancel: PropTypes.oneOfType([PropTypes.bool, PropTypes.func]),\r\n  canRemove: PropTypes.oneOfType([PropTypes.bool, PropTypes.func]),\r\n  canRestart: PropTypes.oneOfType([PropTypes.bool, PropTypes.func]),\r\n\r\n  inputContent: PropTypes.oneOfType([PropTypes.node, PropTypes.func]),\r\n  inputWithFilesContent: PropTypes.oneOfType([PropTypes.node, PropTypes.func]),\r\n\r\n  submitButtonDisabled: PropTypes.oneOfType([PropTypes.bool, PropTypes.func]),\r\n  submitButtonContent: PropTypes.oneOfType([PropTypes.node, PropTypes.func]),\r\n\r\n  classNames: PropTypes.object.isRequired,\r\n  styles: PropTypes.object.isRequired,\r\n  addClassNames: PropTypes.object.isRequired,\r\n\r\n  /* component injection */\r\n  InputComponent: PropTypes.func,\r\n  PreviewComponent: PropTypes.func,\r\n  SubmitButtonComponent: PropTypes.func,\r\n  LayoutComponent: PropTypes.func,\r\n}\r\n\r\nexport default Dropzone\r\nexport {\r\n  LayoutDefault as Layout,\r\n  InputDefault as Input,\r\n  PreviewDefault as Preview,\r\n  SubmitButtonDefault as SubmitButton,\r\n  formatBytes,\r\n  formatDuration,\r\n  accepts,\r\n  defaultClassNames,\r\n  defaultGetFilesFromEvent as getFilesFromEvent,\r\n}\r\n"],"names":["defaultGetFilesFromEvent","Input","InputDefault","Preview","PreviewDefault","SubmitButton","SubmitButtonDefault","Layout","LayoutDefault"],"mappings":"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"}