react-dropzone 11.5.3 → 12.0.0

package/dist/es/utils/index.js

@@ -1,4 +1,10 @@
-function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") { _typeof = function _typeof(obj) { return typeof obj; }; } else { _typeof = function _typeof(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; } return _typeof(obj); }
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+
+function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+
+function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
 
 function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
 
@@ -12,12 +18,12 @@ function _iterableToArrayLimit(arr, i) { var _i = arr == null ? null : typeof Sy
 
 function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
 
-import accepts from 'attr-accept'; // Error codes
+import accepts from "attr-accept"; // Error codes
 
-export var FILE_INVALID_TYPE = 'file-invalid-type';
-export var FILE_TOO_LARGE = 'file-too-large';
-export var FILE_TOO_SMALL = 'file-too-small';
-export var TOO_MANY_FILES = 'too-many-files';
+export var FILE_INVALID_TYPE = "file-invalid-type";
+export var FILE_TOO_LARGE = "file-too-large";
+export var FILE_TOO_SMALL = "file-too-small";
+export var TOO_MANY_FILES = "too-many-files";
 export var ErrorCode = {
   FileInvalidType: FILE_INVALID_TYPE,
   FileTooLarge: FILE_TOO_LARGE,
@@ -27,7 +33,7 @@ export var ErrorCode = {
 
 export var getInvalidTypeRejectionErr = function getInvalidTypeRejectionErr(accept) {
   accept = Array.isArray(accept) && accept.length === 1 ? accept[0] : accept;
-  var messageSuffix = Array.isArray(accept) ? "one of ".concat(accept.join(', ')) : accept;
+  var messageSuffix = Array.isArray(accept) ? "one of ".concat(accept.join(", ")) : accept;
   return {
     code: FILE_INVALID_TYPE,
     message: "File type must be ".concat(messageSuffix)
@@ -36,23 +42,23 @@ export var getInvalidTypeRejectionErr = function getInvalidTypeRejectionErr(acce
 export var getTooLargeRejectionErr = function getTooLargeRejectionErr(maxSize) {
   return {
     code: FILE_TOO_LARGE,
-    message: "File is larger than ".concat(maxSize, " ").concat(maxSize === 1 ? 'byte' : 'bytes')
+    message: "File is larger than ".concat(maxSize, " ").concat(maxSize === 1 ? "byte" : "bytes")
   };
 };
 export var getTooSmallRejectionErr = function getTooSmallRejectionErr(minSize) {
   return {
     code: FILE_TOO_SMALL,
-    message: "File is smaller than ".concat(minSize, " ").concat(minSize === 1 ? 'byte' : 'bytes')
+    message: "File is smaller than ".concat(minSize, " ").concat(minSize === 1 ? "byte" : "bytes")
   };
 };
 export var TOO_MANY_FILES_REJECTION = {
   code: TOO_MANY_FILES,
-  message: 'Too many files'
+  message: "Too many files"
 }; // Firefox versions prior to 53 return a bogus MIME type for every file drag, so dragovers with
 // that MIME type will always be accepted
 
 export function fileAccepted(file, accept) {
-  var isAcceptable = file.type === 'application/x-moz-file' || accepts(file, accept);
+  var isAcceptable = file.type === "application/x-moz-file" || accepts(file, accept);
   return [isAcceptable, isAcceptable ? null : getInvalidTypeRejectionErr(accept)];
 }
 export function fileMatchSize(file, minSize, maxSize) {
@@ -98,9 +104,9 @@ export function allFilesAccepted(_ref) {
 // to check event.cancelBubble
 
 export function isPropagationStopped(event) {
-  if (typeof event.isPropagationStopped === 'function') {
+  if (typeof event.isPropagationStopped === "function") {
     return event.isPropagationStopped();
-  } else if (typeof event.cancelBubble !== 'undefined') {
+  } else if (typeof event.cancelBubble !== "undefined") {
     return event.cancelBubble;
   }
 
@@ -114,11 +120,11 @@ export function isEvtWithFiles(event) {
 
 
   return Array.prototype.some.call(event.dataTransfer.types, function (type) {
-    return type === 'Files' || type === 'application/x-moz-file';
+    return type === "Files" || type === "application/x-moz-file";
   });
 }
 export function isKindFile(item) {
-  return _typeof(item) === 'object' && item !== null && item.kind === 'file';
+  return _typeof(item) === "object" && item !== null && item.kind === "file";
 } // allow the entire document to be a drag target
 
 export function onDocumentDragOver(event) {
@@ -126,11 +132,11 @@ export function onDocumentDragOver(event) {
 }
 
 function isIe(userAgent) {
-  return userAgent.indexOf('MSIE') !== -1 || userAgent.indexOf('Trident/') !== -1;
+  return userAgent.indexOf("MSIE") !== -1 || userAgent.indexOf("Trident/") !== -1;
 }
 
 function isEdge(userAgent) {
-  return userAgent.indexOf('Edge/') !== -1;
+  return userAgent.indexOf("Edge/") !== -1;
 }
 
 export function isIeOrEdge() {
@@ -166,4 +172,34 @@ export function composeEventHandlers() {
       return isPropagationStopped(event);
     });
   };
+}
+/**
+ * canUseFileSystemAccessAPI checks if the [File System Access API](https://developer.mozilla.org/en-US/docs/Web/API/File_System_Access_API)
+ * is supported by the browser.
+ * @returns {boolean}
+ */
+
+export function canUseFileSystemAccessAPI() {
+  return "showOpenFilePicker" in window;
+}
+/**
+ * filePickerOptionsTypes returns the {types} option for https://developer.mozilla.org/en-US/docs/Web/API/window/showOpenFilePicker
+ * based on the accept attr (see https://github.com/react-dropzone/attr-accept)
+ * E.g: converts ['image/*', 'text/*'] to {'image/*': [], 'text/*': []}
+ * @param {string|string[]} accept
+ */
+
+export function filePickerOptionsTypes(accept) {
+  accept = typeof accept === "string" ? accept.split(",") : accept;
+  return [{
+    description: "everything",
+    // TODO: Need to handle filtering more elegantly than this!
+    accept: Array.isArray(accept) ? // Accept just MIME types as per spec
+    // NOTE: accept can be https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input/file#unique_file_type_specifiers
+    accept.filter(function (item) {
+      return item === "audio/*" || item === "video/*" || item === "image/*" || item === "text/*" || /\w+\/[-+.\w]+/g.test(item);
+    }).reduce(function (a, b) {
+      return _objectSpread(_objectSpread({}, a), {}, _defineProperty({}, b, []));
+    }, {}) : {}
+  }];
 }