Update the extract-files dependency.

Author: jaydenseric

changelog.md

@@ -4,6 +4,7 @@
 
 ### Major
 
+- Updated the [`extract-files`](https://npm.im/extract-files) dependency.
 - Updated the [`react-waterfall-render`](https://npm.im/react-waterfall-render) dependency.
 - Implemented TypeScript types via JSDoc comments, fixing [#6](https://github.com/jaydenseric/graphql-react/issues/6).
 

fetchOptionsGraphQL.mjs

@@ -1,6 +1,7 @@
 // @ts-check
 
-import extractFiles from "extract-files/public/extractFiles.js";
+import extractFiles from "extract-files/extractFiles.mjs";
+import isExtractableFile from "extract-files/isExtractableFile.mjs";
 
 /** @typedef {import("./types.mjs").GraphQLOperation} GraphQLOperation */
 
@@ -27,12 +28,8 @@ export default function fetchOptionsGraphQL(operation) {
     },
   };
 
-  const result = extractFiles(operation);
-
-  /** @type {Map<File | Blob, Array<string>>} */
-  const files = result.files;
-
-  const operationJSON = JSON.stringify(result.clone);
+  const { clone, files } = extractFiles(operation, isExtractableFile);
+  const operationJSON = JSON.stringify(clone);
 
   if (files.size) {
     // See the GraphQL multipart request spec:
@@ -56,7 +53,7 @@ export default function fetchOptionsGraphQL(operation) {
       form.set(
         `${++i}`,
         file,
-        // @ts-ignore It’s ok to be undefined for a `Blob` instance.
+        // @ts-ignore It’s ok for `name` to be undefined for a `Blob` instance.
         file.name
       );
     });

fetchOptionsGraphQL.test.mjs

@@ -16,7 +16,7 @@ export default (tests) => {
   tests.add("`fetchOptionsGraphQL` bundle size.", async () => {
     await assertBundleSize(
       new URL("./fetchOptionsGraphQL.mjs", import.meta.url),
-      1200
+      800
     );
   });
 

package.json

@@ -102,7 +102,7 @@
     "react-dom": "16.14 - 17"
   },
   "dependencies": {
-    "extract-files": "^11.0.0",
+    "extract-files": "^12.0.0",
     "react-waterfall-render": "^4.0.0"
   },
   "devDependencies": {