rsuite 5.76.0 → 6.0.0-canary-20241227

package/esm/Uploader/Uploader.js

@@ -1,9 +1,6 @@
 'use client';
-import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
 import _extends from "@babel/runtime/helpers/esm/extends";
-var _excluded = ["as", "classPrefix", "className", "listType", "defaultFileList", "fileList", "fileListVisible", "locale", "style", "draggable", "name", "multiple", "disabled", "readOnly", "plaintext", "accept", "children", "toggleAs", "removable", "disabledFileItem", "maxPreviewFileSize", "method", "autoUpload", "action", "headers", "withCredentials", "disableMultipart", "timeout", "data", "onRemove", "onUpload", "shouldUpload", "shouldQueueUpdate", "renderFileInfo", "renderThumbnail", "onPreview", "onChange", "onSuccess", "onError", "onProgress", "onReupload"];
 import React, { useCallback, useRef, useImperativeHandle, useReducer, useEffect } from 'react';
-import PropTypes from 'prop-types';
 import find from 'lodash/find';
 import FileItem from "./UploadFileItem.js";
 import Plaintext from "../internals/Plaintext/index.js";
@@ -12,11 +9,10 @@ import UploadTrigger from "./UploadTrigger.js";
 import { useClassNames, useWillUnmount } from "../internals/hooks/index.js";
 import { useCustom } from "../CustomProvider/index.js";
 import { guid } from "../internals/utils/index.js";
-import { oneOf } from "../internals/propTypes/index.js";
 
 // Define several states of the file during the upload process.
 
-var getFiles = function getFiles(event) {
+const getFiles = event => {
   if (typeof (event === null || event === void 0 ? void 0 : event['dataTransfer']) === 'object') {
     var _event$dataTransfer;
     return event === null || event === void 0 || (_event$dataTransfer = event['dataTransfer']) === null || _event$dataTransfer === void 0 ? void 0 : _event$dataTransfer.files;
@@ -26,63 +22,60 @@ var getFiles = function getFiles(event) {
   }
   return [];
 };
-var createFile = function createFile(file) {
-  var fileKey = file.fileKey;
-  return _extends({}, file, {
+const createFile = file => {
+  const {
+    fileKey
+  } = file;
+  return {
+    ...file,
     fileKey: fileKey || guid(),
     progress: 0
-  });
+  };
 };
 function fileListReducer(files, action) {
   var _action$files;
   switch (action.type) {
     // Add one or more files
     case 'push':
-      return [].concat(files, action.files);
+      return [...files, ...action.files];
 
     // Remove a file by `fileKey`
     case 'remove':
-      return files.filter(function (f) {
-        return f.fileKey !== action.fileKey;
-      });
+      return files.filter(f => f.fileKey !== action.fileKey);
 
     // Update a file
     case 'updateFile':
-      return files.map(function (file) {
+      return files.map(file => {
         return file.fileKey === action.file.fileKey ? action.file : file;
       });
 
     // Initialization file list
     case 'init':
-      return ((_action$files = action.files) === null || _action$files === void 0 ? void 0 : _action$files.map(function (file) {
+      return ((_action$files = action.files) === null || _action$files === void 0 ? void 0 : _action$files.map(file => {
         // The state of the file needs to be preserved when the `fileList` is controlled.
-        return files.find(function (f) {
-          return f.fileKey === file.fileKey;
-        }) || createFile(file);
+        return files.find(f => f.fileKey === file.fileKey) || createFile(file);
       })) || [];
     default:
       throw new Error();
   }
 }
-var useFileList = function useFileList(defaultFileList) {
+const useFileList = function (defaultFileList) {
   if (defaultFileList === void 0) {
     defaultFileList = [];
   }
-  var fileListRef = useRef(defaultFileList.map(createFile));
-  var fileListUpdateCallback = useRef();
-  var _useReducer = useReducer(fileListReducer, fileListRef.current),
-    fileList = _useReducer[0],
-    dispatch = _useReducer[1];
+  const fileListRef = useRef(defaultFileList.map(createFile));
+  const fileListUpdateCallback = useRef();
+  const [fileList, dispatch] = useReducer(fileListReducer, fileListRef.current);
   fileListRef.current = fileList;
-  useEffect(function () {
+  useEffect(() => {
     var _fileListUpdateCallba;
     (_fileListUpdateCallba = fileListUpdateCallback.current) === null || _fileListUpdateCallba === void 0 || _fileListUpdateCallba.call(fileListUpdateCallback, fileList);
     fileListUpdateCallback.current = null;
   }, [fileList]);
-  useWillUnmount(function () {
+  useWillUnmount(() => {
     fileListUpdateCallback.current = null;
   });
-  var dispatchCallback = useCallback(function (action, callback) {
+  const dispatchCallback = useCallback((action, callback) => {
     dispatch(action);
     fileListUpdateCallback.current = callback;
   }, []);
@@ -94,78 +87,67 @@ var useFileList = function useFileList(defaultFileList) {
  *
  * @see https://rsuitejs.com/components/uploader
  */
-var Uploader = /*#__PURE__*/React.forwardRef(function (props, ref) {
-  var _useCustom = useCustom('Uploader', props),
-    propsWithDefaults = _useCustom.propsWithDefaults;
-  var _propsWithDefaults$as = propsWithDefaults.as,
-    Component = _propsWithDefaults$as === void 0 ? 'div' : _propsWithDefaults$as,
-    _propsWithDefaults$cl = propsWithDefaults.classPrefix,
-    classPrefix = _propsWithDefaults$cl === void 0 ? 'uploader' : _propsWithDefaults$cl,
-    className = propsWithDefaults.className,
-    _propsWithDefaults$li = propsWithDefaults.listType,
-    listType = _propsWithDefaults$li === void 0 ? 'text' : _propsWithDefaults$li,
-    defaultFileList = propsWithDefaults.defaultFileList,
-    fileListProp = propsWithDefaults.fileList,
-    _propsWithDefaults$fi = propsWithDefaults.fileListVisible,
-    fileListVisible = _propsWithDefaults$fi === void 0 ? true : _propsWithDefaults$fi,
-    locale = propsWithDefaults.locale,
-    style = propsWithDefaults.style,
-    draggable = propsWithDefaults.draggable,
-    _propsWithDefaults$na = propsWithDefaults.name,
-    name = _propsWithDefaults$na === void 0 ? 'file' : _propsWithDefaults$na,
-    _propsWithDefaults$mu = propsWithDefaults.multiple,
-    multiple = _propsWithDefaults$mu === void 0 ? false : _propsWithDefaults$mu,
-    _propsWithDefaults$di = propsWithDefaults.disabled,
-    disabled = _propsWithDefaults$di === void 0 ? false : _propsWithDefaults$di,
-    readOnly = propsWithDefaults.readOnly,
-    plaintext = propsWithDefaults.plaintext,
-    accept = propsWithDefaults.accept,
-    children = propsWithDefaults.children,
-    toggleAs = propsWithDefaults.toggleAs,
-    _propsWithDefaults$re = propsWithDefaults.removable,
-    removable = _propsWithDefaults$re === void 0 ? true : _propsWithDefaults$re,
-    disabledFileItem = propsWithDefaults.disabledFileItem,
-    maxPreviewFileSize = propsWithDefaults.maxPreviewFileSize,
-    _propsWithDefaults$me = propsWithDefaults.method,
-    method = _propsWithDefaults$me === void 0 ? 'POST' : _propsWithDefaults$me,
-    _propsWithDefaults$au = propsWithDefaults.autoUpload,
-    autoUpload = _propsWithDefaults$au === void 0 ? true : _propsWithDefaults$au,
-    action = propsWithDefaults.action,
-    headers = propsWithDefaults.headers,
-    _propsWithDefaults$wi = propsWithDefaults.withCredentials,
-    withCredentials = _propsWithDefaults$wi === void 0 ? false : _propsWithDefaults$wi,
-    disableMultipart = propsWithDefaults.disableMultipart,
-    _propsWithDefaults$ti = propsWithDefaults.timeout,
-    timeout = _propsWithDefaults$ti === void 0 ? 0 : _propsWithDefaults$ti,
-    _propsWithDefaults$da = propsWithDefaults.data,
-    data = _propsWithDefaults$da === void 0 ? {} : _propsWithDefaults$da,
-    onRemove = propsWithDefaults.onRemove,
-    onUpload = propsWithDefaults.onUpload,
-    shouldUpload = propsWithDefaults.shouldUpload,
-    shouldQueueUpdate = propsWithDefaults.shouldQueueUpdate,
-    renderFileInfo = propsWithDefaults.renderFileInfo,
-    renderThumbnail = propsWithDefaults.renderThumbnail,
-    onPreview = propsWithDefaults.onPreview,
-    onChange = propsWithDefaults.onChange,
-    onSuccess = propsWithDefaults.onSuccess,
-    onError = propsWithDefaults.onError,
-    onProgress = propsWithDefaults.onProgress,
-    onReupload = propsWithDefaults.onReupload,
-    rest = _objectWithoutPropertiesLoose(propsWithDefaults, _excluded);
-  var _useClassNames = useClassNames(classPrefix),
-    merge = _useClassNames.merge,
-    withClassPrefix = _useClassNames.withClassPrefix,
-    prefix = _useClassNames.prefix;
-  var classes = merge(className, withClassPrefix(listType, {
-    draggable: draggable
+const Uploader = /*#__PURE__*/React.forwardRef((props, ref) => {
+  const {
+    propsWithDefaults
+  } = useCustom('Uploader', props);
+  const {
+    as: Component = 'div',
+    classPrefix = 'uploader',
+    className,
+    listType = 'text',
+    defaultFileList,
+    fileList: fileListProp,
+    fileListVisible = true,
+    locale,
+    style,
+    draggable,
+    name = 'file',
+    multiple = false,
+    disabled = false,
+    readOnly,
+    plaintext,
+    accept,
+    children,
+    toggleAs,
+    removable = true,
+    disabledFileItem,
+    maxPreviewFileSize,
+    method = 'POST',
+    autoUpload = true,
+    action,
+    headers,
+    withCredentials = false,
+    disableMultipart,
+    timeout = 0,
+    data = {},
+    onRemove,
+    onUpload,
+    shouldUpload,
+    shouldQueueUpdate,
+    renderFileInfo,
+    renderThumbnail,
+    onPreview,
+    onChange,
+    onSuccess,
+    onError,
+    onProgress,
+    onReupload,
+    ...rest
+  } = propsWithDefaults;
+  const {
+    merge,
+    withClassPrefix,
+    prefix
+  } = useClassNames(classPrefix);
+  const classes = merge(className, withClassPrefix(listType, {
+    draggable
   }));
-  var rootRef = useRef();
-  var xhrs = useRef({});
-  var trigger = useRef();
-  var _useFileList = useFileList(fileListProp || defaultFileList),
-    fileList = _useFileList[0],
-    dispatch = _useFileList[1];
-  useEffect(function () {
+  const rootRef = useRef();
+  const xhrs = useRef({});
+  const trigger = useRef();
+  const [fileList, dispatch] = useFileList(fileListProp || defaultFileList);
+  useEffect(() => {
     if (typeof fileListProp !== 'undefined') {
       // Force reset fileList in reducer, when `fileListProp` is updated
       dispatch({
@@ -174,7 +156,7 @@ var Uploader = /*#__PURE__*/React.forwardRef(function (props, ref) {
       });
     }
   }, [dispatch, fileListProp]);
-  var updateFileStatus = useCallback(function (nextFile) {
+  const updateFileStatus = useCallback(nextFile => {
     dispatch({
       type: 'updateFile',
       file: nextFile
@@ -184,7 +166,7 @@ var Uploader = /*#__PURE__*/React.forwardRef(function (props, ref) {
   /**
    * Clear the value in input.
    */
-  var cleanInputValue = useCallback(function () {
+  const cleanInputValue = useCallback(() => {
     var _trigger$current;
     (_trigger$current = trigger.current) === null || _trigger$current === void 0 || _trigger$current.clearInput();
   }, []);
@@ -196,11 +178,12 @@ var Uploader = /*#__PURE__*/React.forwardRef(function (props, ref) {
    * @param event
    * @param xhr
    */
-  var handleAjaxUploadSuccess = useCallback(function (file, response, event, xhr) {
-    var nextFile = _extends({}, file, {
+  const handleAjaxUploadSuccess = useCallback((file, response, event, xhr) => {
+    const nextFile = {
+      ...file,
       status: 'finished',
       progress: 100
-    });
+    };
     updateFileStatus(nextFile);
     onSuccess === null || onSuccess === void 0 || onSuccess(response, nextFile, event, xhr);
   }, [onSuccess, updateFileStatus]);
@@ -212,10 +195,11 @@ var Uploader = /*#__PURE__*/React.forwardRef(function (props, ref) {
    * @param event
    * @param xhr
    */
-  var handleAjaxUploadError = useCallback(function (file, status, event, xhr) {
-    var nextFile = _extends({}, file, {
+  const handleAjaxUploadError = useCallback((file, status, event, xhr) => {
+    const nextFile = {
+      ...file,
       status: 'error'
-    });
+    };
     updateFileStatus(nextFile);
     onError === null || onError === void 0 || onError(status, nextFile, event, xhr);
   }, [onError, updateFileStatus]);
@@ -227,11 +211,12 @@ var Uploader = /*#__PURE__*/React.forwardRef(function (props, ref) {
    * @param event
    * @param xhr
    */
-  var handleAjaxUploadProgress = useCallback(function (file, percent, event, xhr) {
-    var nextFile = _extends({}, file, {
+  const handleAjaxUploadProgress = useCallback((file, percent, event, xhr) => {
+    const nextFile = {
+      ...file,
       status: 'uploading',
       progress: percent
-    });
+    };
     updateFileStatus(nextFile);
     onProgress === null || onProgress === void 0 || onProgress(percent, nextFile, event, xhr);
   }, [onProgress, updateFileStatus]);
@@ -240,36 +225,38 @@ var Uploader = /*#__PURE__*/React.forwardRef(function (props, ref) {
    * Upload a single file.
    * @param file
    */
-  var handleUploadFile = useCallback(function (file) {
-    var _ajaxUpload = ajaxUpload({
-        name: name,
-        timeout: timeout,
-        headers: headers,
-        data: data,
-        method: method,
-        withCredentials: withCredentials,
-        disableMultipart: disableMultipart,
-        file: file.blobFile,
-        url: action,
-        onError: handleAjaxUploadError.bind(null, file),
-        onSuccess: handleAjaxUploadSuccess.bind(null, file),
-        onProgress: handleAjaxUploadProgress.bind(null, file)
-      }),
-      xhr = _ajaxUpload.xhr,
-      uploadData = _ajaxUpload.data;
-    updateFileStatus(_extends({}, file, {
+  const handleUploadFile = useCallback(file => {
+    const {
+      xhr,
+      data: uploadData
+    } = ajaxUpload({
+      name,
+      timeout,
+      headers,
+      data,
+      method,
+      withCredentials,
+      disableMultipart,
+      file: file.blobFile,
+      url: action,
+      onError: handleAjaxUploadError.bind(null, file),
+      onSuccess: handleAjaxUploadSuccess.bind(null, file),
+      onProgress: handleAjaxUploadProgress.bind(null, file)
+    });
+    updateFileStatus({
+      ...file,
       status: 'uploading'
-    }));
+    });
     if (file.fileKey) {
       xhrs.current[file.fileKey] = xhr;
     }
     onUpload === null || onUpload === void 0 || onUpload(file, uploadData, xhr);
   }, [name, timeout, headers, data, method, withCredentials, disableMultipart, action, handleAjaxUploadError, handleAjaxUploadSuccess, handleAjaxUploadProgress, updateFileStatus, onUpload]);
-  var handleAjaxUpload = useCallback(function () {
-    fileList.current.forEach(function (file) {
-      var checkState = shouldUpload === null || shouldUpload === void 0 ? void 0 : shouldUpload(file);
+  const handleAjaxUpload = useCallback(() => {
+    fileList.current.forEach(file => {
+      const checkState = shouldUpload === null || shouldUpload === void 0 ? void 0 : shouldUpload(file);
       if (checkState instanceof Promise) {
-        checkState.then(function (res) {
+        checkState.then(res => {
           if (res) {
             handleUploadFile(file);
           }
@@ -284,10 +271,10 @@ var Uploader = /*#__PURE__*/React.forwardRef(function (props, ref) {
     });
     cleanInputValue();
   }, [cleanInputValue, fileList, handleUploadFile, shouldUpload]);
-  var handleUploadTriggerChange = function handleUploadTriggerChange(event) {
-    var files = getFiles(event);
-    var newFileList = [];
-    Array.from(files).forEach(function (file) {
+  const handleUploadTriggerChange = event => {
+    const files = getFiles(event);
+    const newFileList = [];
+    Array.from(files).forEach(file => {
       newFileList.push({
         blobFile: file,
         name: file.name,
@@ -295,71 +282,65 @@ var Uploader = /*#__PURE__*/React.forwardRef(function (props, ref) {
         fileKey: guid()
       });
     });
-    var nextFileList = [].concat(fileList.current, newFileList);
-    var checkState = shouldQueueUpdate === null || shouldQueueUpdate === void 0 ? void 0 : shouldQueueUpdate(nextFileList, newFileList);
+    const nextFileList = [...fileList.current, ...newFileList];
+    const checkState = shouldQueueUpdate === null || shouldQueueUpdate === void 0 ? void 0 : shouldQueueUpdate(nextFileList, newFileList);
     if (checkState === false) {
       cleanInputValue();
       return;
     }
-    var upload = function upload() {
+    const upload = () => {
       onChange === null || onChange === void 0 || onChange(nextFileList, event);
       if (rootRef.current) {
         dispatch({
           type: 'push',
           files: newFileList
-        }, function () {
+        }, () => {
           autoUpload && handleAjaxUpload();
         });
       }
     };
     if (checkState instanceof Promise) {
-      checkState.then(function (res) {
+      checkState.then(res => {
         res && upload();
       });
       return;
     }
     upload();
   };
-  var handleRemoveFile = function handleRemoveFile(fileKey, event) {
+  const handleRemoveFile = (fileKey, event) => {
     var _xhrs$current;
-    var file = find(fileList.current, function (f) {
-      return f.fileKey === fileKey;
-    });
-    var nextFileList = fileList.current.filter(function (f) {
-      return f.fileKey !== fileKey;
-    });
+    const file = find(fileList.current, f => f.fileKey === fileKey);
+    const nextFileList = fileList.current.filter(f => f.fileKey !== fileKey);
     if (((_xhrs$current = xhrs.current) === null || _xhrs$current === void 0 || (_xhrs$current = _xhrs$current[file.fileKey]) === null || _xhrs$current === void 0 ? void 0 : _xhrs$current.readyState) !== 4) {
       var _xhrs$current$file$fi;
       (_xhrs$current$file$fi = xhrs.current[file.fileKey]) === null || _xhrs$current$file$fi === void 0 || _xhrs$current$file$fi.abort();
     }
     dispatch({
       type: 'remove',
-      fileKey: fileKey
+      fileKey
     });
     onRemove === null || onRemove === void 0 || onRemove(file);
     onChange === null || onChange === void 0 || onChange(nextFileList, event);
     cleanInputValue();
   };
-  var handleReupload = function handleReupload(file) {
+  const handleReupload = file => {
     autoUpload && handleUploadFile(file);
     onReupload === null || onReupload === void 0 || onReupload(file);
   };
 
   // public API
-  var start = function start(file) {
+  const start = file => {
     if (file) {
       handleUploadFile(file);
       return;
     }
     handleAjaxUpload();
   };
-  useImperativeHandle(ref, function () {
-    return {
-      root: rootRef.current,
-      start: start
-    };
-  });
-  var renderList = [/*#__PURE__*/React.createElement(UploadTrigger, _extends({}, rest, {
+  useImperativeHandle(ref, () => ({
+    root: rootRef.current,
+    start
+  }));
+  const renderList = [/*#__PURE__*/React.createElement(UploadTrigger, _extends({}, rest, {
     locale: locale,
     name: name,
     key: "trigger",
@@ -376,23 +357,21 @@ var Uploader = /*#__PURE__*/React.forwardRef(function (props, ref) {
     renderList.push(/*#__PURE__*/React.createElement("div", {
       key: "items",
       className: prefix('file-items')
-    }, fileList.current.map(function (file, index) {
-      return /*#__PURE__*/React.createElement(FileItem, {
-        locale: locale,
-        key: file.fileKey || index,
-        file: file,
-        maxPreviewFileSize: maxPreviewFileSize,
-        listType: listType,
-        disabled: disabledFileItem,
-        onPreview: onPreview,
-        onReupload: handleReupload,
-        onCancel: handleRemoveFile,
-        renderFileInfo: renderFileInfo,
-        renderThumbnail: renderThumbnail,
-        removable: removable && !readOnly && !plaintext,
-        allowReupload: !readOnly && !plaintext
-      });
-    })));
+    }, fileList.current.map((file, index) => /*#__PURE__*/React.createElement(FileItem, {
+      locale: locale,
+      key: file.fileKey || index,
+      file: file,
+      maxPreviewFileSize: maxPreviewFileSize,
+      listType: listType,
+      disabled: disabledFileItem,
+      onPreview: onPreview,
+      onReupload: handleReupload,
+      onCancel: handleRemoveFile,
+      renderFileInfo: renderFileInfo,
+      renderThumbnail: renderThumbnail,
+      removable: removable && !readOnly && !plaintext,
+      allowReupload: !readOnly && !plaintext
+    }))));
   }
   if (plaintext) {
     return /*#__PURE__*/React.createElement(Plaintext, {
@@ -410,43 +389,4 @@ var Uploader = /*#__PURE__*/React.forwardRef(function (props, ref) {
   }, renderList);
 });
 Uploader.displayName = 'Uploader';
-Uploader.propTypes = {
-  action: PropTypes.string.isRequired,
-  accept: PropTypes.string,
-  autoUpload: PropTypes.bool,
-  children: PropTypes.node,
-  className: PropTypes.string,
-  classPrefix: PropTypes.string,
-  defaultFileList: PropTypes.array,
-  fileList: PropTypes.array,
-  data: PropTypes.object,
-  multiple: PropTypes.bool,
-  disabled: PropTypes.bool,
-  disabledFileItem: PropTypes.bool,
-  name: PropTypes.string,
-  timeout: PropTypes.number,
-  withCredentials: PropTypes.bool,
-  headers: PropTypes.object,
-  locale: PropTypes.any,
-  listType: oneOf(['text', 'picture-text', 'picture']),
-  shouldQueueUpdate: PropTypes.func,
-  shouldUpload: PropTypes.func,
-  onChange: PropTypes.func,
-  onUpload: PropTypes.func,
-  onReupload: PropTypes.func,
-  onPreview: PropTypes.func,
-  onError: PropTypes.func,
-  onSuccess: PropTypes.func,
-  onProgress: PropTypes.func,
-  onRemove: PropTypes.func,
-  maxPreviewFileSize: PropTypes.number,
-  method: PropTypes.string,
-  style: PropTypes.object,
-  renderFileInfo: PropTypes.func,
-  renderThumbnail: PropTypes.func,
-  removable: PropTypes.bool,
-  fileListVisible: PropTypes.bool,
-  draggable: PropTypes.bool,
-  disableMultipart: PropTypes.bool
-};
 export default Uploader;

package/esm/Uploader/utils/ajaxUpload.js

@@ -1,6 +1,6 @@
 'use client';
 function getResponse(xhr) {
-  var text = xhr.responseText || xhr.response;
+  const text = xhr.responseText || xhr.response;
   if (!text) {
     return text;
   }
@@ -11,34 +11,33 @@ function getResponse(xhr) {
   }
 }
 export default function ajaxUpload(options) {
-  var name = options.name,
-    timeout = options.timeout,
-    _options$headers = options.headers,
-    headers = _options$headers === void 0 ? {} : _options$headers,
-    _options$data = options.data,
-    data = _options$data === void 0 ? {} : _options$data,
-    _options$method = options.method,
-    method = _options$method === void 0 ? 'POST' : _options$method,
-    onError = options.onError,
-    onSuccess = options.onSuccess,
-    onProgress = options.onProgress,
-    file = options.file,
-    url = options.url,
-    withCredentials = options.withCredentials,
-    disableMultipart = options.disableMultipart;
-  var xhr = new XMLHttpRequest();
-  var sendableData;
+  const {
+    name,
+    timeout,
+    headers = {},
+    data = {},
+    method = 'POST',
+    onError,
+    onSuccess,
+    onProgress,
+    file,
+    url,
+    withCredentials,
+    disableMultipart
+  } = options;
+  const xhr = new XMLHttpRequest();
+  let sendableData;
   xhr.open(method, url, true);
   if (!disableMultipart) {
     sendableData = new FormData();
     sendableData.append(name, file, file.name);
-    for (var key in data) {
+    for (const key in data) {
       sendableData.append(key, data[key]);
     }
   } else {
     sendableData = file;
   }
-  Object.keys(headers).forEach(function (key) {
+  Object.keys(headers).forEach(key => {
     if (headers[key] !== null) {
       xhr.setRequestHeader(key, headers[key]);
     }
@@ -48,7 +47,7 @@ export default function ajaxUpload(options) {
   }
   if (timeout) {
     xhr.timeout = timeout;
-    xhr.ontimeout = function (event) {
+    xhr.ontimeout = event => {
       onError === null || onError === void 0 || onError({
         type: 'timeout'
       }, event, xhr);
@@ -57,8 +56,8 @@ export default function ajaxUpload(options) {
   if (withCredentials && 'withCredentials' in xhr) {
     xhr.withCredentials = true;
   }
-  xhr.onload = function (event) {
-    var resp = getResponse(xhr);
+  xhr.onload = event => {
+    const resp = getResponse(xhr);
     if (xhr.status < 200 || xhr.status >= 300) {
       onError === null || onError === void 0 || onError({
         type: 'server_error',
@@ -69,22 +68,22 @@ export default function ajaxUpload(options) {
     onSuccess === null || onSuccess === void 0 || onSuccess(resp, event, xhr);
   };
   if (xhr.upload) {
-    xhr.upload.onprogress = function (event) {
-      var percent = 0;
+    xhr.upload.onprogress = event => {
+      let percent = 0;
       if (event.lengthComputable) {
         percent = event.loaded / event.total * 100;
       }
       onProgress === null || onProgress === void 0 || onProgress(percent, event, xhr);
     };
   }
-  xhr.onerror = function (event) {
+  xhr.onerror = event => {
     onError === null || onError === void 0 || onError({
       type: 'xhr_error'
     }, event, xhr);
   };
   xhr.send(sendableData);
   return {
-    xhr: xhr,
+    xhr,
     data: sendableData
   };
 }