fix: file upload setFiles and clearFiles methods (#925)

chakra-ui · Oct 11, 2023 · 8eea22c · 8eea22c · vercel · Oct 11, 2023
1 parent e6ba2a5
commit 8eea22c
Show file tree

Hide file tree

Showing 3 changed files with 11 additions and 2 deletions.
diff --git a/.xstate/file-upload.js b/.xstate/file-upload.js
@@ -22,6 +22,9 @@ const fetchMachine = createMachine({
     },
     "FILE.DELETE": {
       actions: ["removeFile"]
+    },
+    "FILES.CLEAR": {
+      actions: ["clearFiles"]
     }
   },
   on: {

diff --git a/packages/machines/file-upload/src/file-upload.connect.ts b/packages/machines/file-upload/src/file-upload.connect.ts
@@ -26,10 +26,10 @@ export function connect<T extends PropTypes>(state: State, send: Send, normalize
     files: state.context.files,
     setFiles(files) {
       const count = files.length
-      send({ type: "VALUE.SET", files, count })
+      send({ type: "FILES.SET", files, count })
     },
     clearFiles() {
-      send({ type: "VALUE.SET", files: [] })
+      send({ type: "FILES.CLEAR" })
     },
     getFileSize(file) {
       return formatFileSize(file.size, { locale: state.context.locale })

diff --git a/packages/machines/file-upload/src/file-upload.machine.ts b/packages/machines/file-upload/src/file-upload.machine.ts
@@ -35,6 +35,9 @@ export function machine(userContext: UserDefinedContext) {
         "FILE.DELETE": {
           actions: ["removeFile"],
         },
+        "FILES.CLEAR": {
+          actions: ["clearFiles"],
+        },
       },
       states: {
         idle: {
@@ -124,6 +127,9 @@ export function machine(userContext: UserDefinedContext) {
           const nextFiles = ctx.files.filter((file) => file !== evt.file)
           set.files(ctx, nextFiles)
         },
+        clearFiles(ctx) {
+          set.files(ctx, [])
+        },
       },
       compareFns: {
         files: (a, b) => a.length === b.length && a.every((file, i) => isFileEqual(file, b[i])),