import { __awaiter } from "tslib"; import { toFileWithPath } from './file'; const FILES_TO_IGNORE = [ // Thumbnail cache files for macOS and Windows '.DS_Store', // macOs 'Thumbs.db' // Windows ]; /** * Convert a DragEvent's DataTrasfer object to a list of File objects * NOTE: If some of the items are folders, * everything will be flattened and placed in the same list but the paths will be kept as a {path} property. * * EXPERIMENTAL: A list of https://developer.mozilla.org/en-US/docs/Web/API/FileSystemHandle objects can also be passed as an arg * and a list of File objects will be returned. * * @param evt */ export function fromEvent(evt) { return __awaiter(this, void 0, void 0, function* () { if (isObject(evt) && isDataTransfer(evt.dataTransfer)) { return getDataTransferFiles(evt.dataTransfer, evt.type); } else if (isChangeEvt(evt)) { return getInputFiles(evt); } else if (Array.isArray(evt) && evt.every(item => 'getFile' in item && typeof item.getFile === 'function')) { return getFsHandleFiles(evt); } return []; }); } function isDataTransfer(value) { return isObject(value); } function isChangeEvt(value) { return isObject(value) && isObject(value.target); } function isObject(v) { return typeof v === 'object' && v !== null; } function getInputFiles(evt) { return fromList(evt.target.files).map(file => toFileWithPath(file)); } // Ee expect each handle to be https://developer.mozilla.org/en-US/docs/Web/API/FileSystemFileHandle function getFsHandleFiles(handles) { return __awaiter(this, void 0, void 0, function* () { const files = yield Promise.all(handles.map(h => h.getFile())); return files.map(file => toFileWithPath(file)); }); } function getDataTransferFiles(dt, type) { return __awaiter(this, void 0, void 0, function* () { // IE11 does not support dataTransfer.items // See https://developer.mozilla.org/en-US/docs/Web/API/DataTransfer/items#Browser_compatibility if (dt.items) { const items = fromList(dt.items) .filter(item => item.kind === 'file'); // According to https://html.spec.whatwg.org/multipage/dnd.html#dndevents, // only 'dragstart' and 'drop' has access to the data (source node) if (type !== 'drop') { return items; } const files = yield Promise.all(items.map(toFilePromises)); return noIgnoredFiles(flatten(files)); } return noIgnoredFiles(fromList(dt.files) .map(file => toFileWithPath(file))); }); } function noIgnoredFiles(files) { return files.filter(file => FILES_TO_IGNORE.indexOf(file.name) === -1); } // IE11 does not support Array.from() // https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Array/from#Browser_compatibility // https://developer.mozilla.org/en-US/docs/Web/API/FileList // https://developer.mozilla.org/en-US/docs/Web/API/DataTransferItemList function fromList(items) { if (items === null) { return []; } const files = []; // tslint:disable: prefer-for-of for (let i = 0; i < items.length; i++) { const file = items[i]; files.push(file); } return files; } // https://developer.mozilla.org/en-US/docs/Web/API/DataTransferItem function toFilePromises(item) { if (typeof item.webkitGetAsEntry !== 'function') { return fromDataTransferItem(item); } const entry = item.webkitGetAsEntry(); // Safari supports dropping an image node from a different window and can be retrieved using // the DataTransferItem.getAsFile() API // NOTE: FileSystemEntry.file() throws if trying to get the file if (entry && entry.isDirectory) { return fromDirEntry(entry); } return fromDataTransferItem(item, entry); } function flatten(items) { return items.reduce((acc, files) => [ ...acc, ...(Array.isArray(files) ? flatten(files) : [files]) ], []); } function fromDataTransferItem(item, entry) { return __awaiter(this, void 0, void 0, function* () { var _a; // Check if we're in a secure context; due to a bug in Chrome (as far as we know) // the browser crashes when calling this API (yet to be confirmed as a consistent behaviour). // // See: // - https://issues.chromium.org/issues/40186242 // - https://github.com/react-dropzone/react-dropzone/issues/1397 if (globalThis.isSecureContext && typeof item.getAsFileSystemHandle === 'function') { const h = yield item.getAsFileSystemHandle(); if (h === null) { throw new Error(`${item} is not a File`); } // It seems that the handle can be `undefined` (see https://github.com/react-dropzone/file-selector/issues/120), // so we check if it isn't; if it is, the code path continues to the next API (`getAsFile`). if (h !== undefined) { const file = yield h.getFile(); file.handle = h; return toFileWithPath(file); } } const file = item.getAsFile(); if (!file) { throw new Error(`${item} is not a File`); } const fwp = toFileWithPath(file, (_a = entry === null || entry === void 0 ? void 0 : entry.fullPath) !== null && _a !== void 0 ? _a : undefined); return fwp; }); } // https://developer.mozilla.org/en-US/docs/Web/API/FileSystemEntry function fromEntry(entry) { return __awaiter(this, void 0, void 0, function* () { return entry.isDirectory ? fromDirEntry(entry) : fromFileEntry(entry); }); } // https://developer.mozilla.org/en-US/docs/Web/API/FileSystemDirectoryEntry function fromDirEntry(entry) { const reader = entry.createReader(); return new Promise((resolve, reject) => { const entries = []; function readEntries() { // https://developer.mozilla.org/en-US/docs/Web/API/FileSystemDirectoryEntry/createReader // https://developer.mozilla.org/en-US/docs/Web/API/FileSystemDirectoryReader/readEntries reader.readEntries((batch) => __awaiter(this, void 0, void 0, function* () { if (!batch.length) { // Done reading directory try { const files = yield Promise.all(entries); resolve(files); } catch (err) { reject(err); } } else { const items = Promise.all(batch.map(fromEntry)); entries.push(items); // Continue reading readEntries(); } }), (err) => { reject(err); }); } readEntries(); }); } // https://developer.mozilla.org/en-US/docs/Web/API/FileSystemFileEntry function fromFileEntry(entry) { return __awaiter(this, void 0, void 0, function* () { return new Promise((resolve, reject) => { entry.file((file) => { const fwp = toFileWithPath(file, entry.fullPath); resolve(fwp); }, (err) => { reject(err); }); }); }); } //# sourceMappingURL=file-selector.js.map