fix(file-upload): item delete trigger

chakra-ui · Jan 14, 2025 · b7ad1ef · b7ad1ef
1 parent 79fd827
commit b7ad1ef
Show file tree

Hide file tree

Showing 2 changed files with 9 additions and 2 deletions.
diff --git a/.changeset/lazy-penguins-impress.md b/.changeset/lazy-penguins-impress.md
@@ -0,0 +1,5 @@
+---
+"@zag-js/file-upload": patch
+---
+
+Fix issue where rejected files could not be deleted using the item delete trigger.
diff --git a/packages/machines/file-upload/src/file-upload.machine.ts b/packages/machines/file-upload/src/file-upload.machine.ts
@@ -149,8 +149,10 @@ export function machine(userContext: UserDefinedContext) {
           }
         },
         removeFile(ctx, evt) {
-          const nextFiles = ctx.acceptedFiles.filter((file) => file !== evt.file)
-          ctx.acceptedFiles = ref(nextFiles)
+          const files = Array.from(ctx.acceptedFiles.filter((file) => file !== evt.file))
+          const rejectedFiles = Array.from(ctx.rejectedFiles.filter((item) => item.file !== evt.file))
+          ctx.acceptedFiles = ref(files)
+          ctx.rejectedFiles = ref(rejectedFiles)
           invoke.change(ctx)
         },
         clearRejectedFiles(ctx) {