998-added-support-for-reset-pickFile (#1000)

Added support for reset pickFile

Author: sagardspeed2

.changeset/tough-boats-bathe.md

@@ -0,0 +1,6 @@
+---
+"@ensembleui/react-kitchen-sink": patch
+"@ensembleui/react-runtime": patch
+---
+
+Added support for reset pickFile

apps/kitchen-sink/src/ensemble/screens/actions.yaml

@@ -378,6 +378,11 @@ View:
                       onError:
                         executeCode: |
                           console.log(error, files)
+              - Button:
+                  label: clear files
+                  onTap:
+                    executeCode: |
+                      fileUploader1.reset();
               - Button:
                   label: upload
                   onTap:

packages/runtime/src/runtime/hooks/useEnsembleAction.tsx

@@ -450,6 +450,13 @@ export const usePickFiles: EnsembleActionHook<PickFilesAction> = (
   const onCompleteAction = useEnsembleAction(onComplete);
   const onErrorAction = useEnsembleAction(onError);
 
+  const reset = useCallback(() => {
+    if (inputEl) {
+      inputEl.value = "";
+      inputEl.files = null;
+    }
+  }, []);
+
   const { values } = useRegisterBindings(
     {
       files,
@@ -458,6 +465,7 @@ export const usePickFiles: EnsembleActionHook<PickFilesAction> = (
     action?.id,
     {
       setFiles,
+      reset,
     },
     {
       comparator: isEqual,