@assistant-ui/react-generative-ui 0.0.21 → 0.0.23

package/src/vocabulary/layout.test.tsx

@@ -287,8 +287,9 @@ describe("layoutVocabulary Card asForm/confirm/cancel dispatch", () => {
       $dispatch: registry.dispatch,
     }) as ReactElement;
     const { confirmBtn } = getFooterButtons(out);
-    const onClick = (confirmBtn!.props as { onClick: () => void }).onClick;
-    onClick();
+    const onClick = (confirmBtn!.props as { onClick: (e: object) => void })
+      .onClick;
+    onClick({ currentTarget: {} });
     expect(handler).toHaveBeenCalledWith({ payload: { type: "save" } });
   });
 
@@ -314,8 +315,9 @@ describe("layoutVocabulary Card asForm/confirm/cancel dispatch", () => {
       $dispatch: registry.dispatch,
     }) as ReactElement;
     const { cancelBtn } = getFooterButtons(out);
-    const onClick = (cancelBtn!.props as { onClick: () => void }).onClick;
-    onClick();
+    const onClick = (cancelBtn!.props as { onClick: (e: object) => void })
+      .onClick;
+    onClick({ currentTarget: {} });
     expect(handler).toHaveBeenCalledWith({ payload: { type: "dismiss" } });
   });
 });

package/src/vocabulary/layout.tsx

@@ -75,7 +75,15 @@ export const layoutVocabulary = {
                 type={asForm ? "submit" : "button"}
                 data-aui="card-confirm"
                 onClick={
-                  asForm ? undefined : () => fire(confirm.$action, $dispatch)
+                  asForm
+                    ? undefined
+                    : (e) =>
+                        fire(
+                          confirm.$action,
+                          $dispatch,
+                          undefined,
+                          e.currentTarget,
+                        )
                 }
               >
                 {toTextContent(confirm.label)}
@@ -85,7 +93,9 @@ export const layoutVocabulary = {
               <button
                 type="button"
                 data-aui="card-cancel"
-                onClick={() => fire(cancel.$action, $dispatch)}
+                onClick={(e) =>
+                  fire(cancel.$action, $dispatch, undefined, e.currentTarget)
+                }
               >
                 {toTextContent(cancel.label)}
               </button>
@@ -115,6 +125,7 @@ export const layoutVocabulary = {
                     confirm?.$action,
                     $dispatch,
                     collectFormValuesFromEvent(event),
+                    event.currentTarget,
                   );
                 }
               : undefined

package/src/vocabulary/list.tsx

@@ -30,7 +30,7 @@ export const listVocabulary = {
               const target = event.target as Element;
               const hit = target.closest(INTERACTIVE_DESCENDANT_SELECTOR);
               if (hit !== null && hit !== event.currentTarget) return;
-              fire($action, $dispatch);
+              fire($action, $dispatch, undefined, event.currentTarget);
             }}
             onKeyDown={(event) => {
               if (event.key !== "Enter" && event.key !== " ") return;
@@ -38,7 +38,7 @@ export const listVocabulary = {
               const hit = target.closest(INTERACTIVE_DESCENDANT_SELECTOR);
               if (hit !== null && hit !== event.currentTarget) return;
               if (event.key === " ") event.preventDefault();
-              fire($action, $dispatch);
+              fire($action, $dispatch, undefined, event.currentTarget);
             }}
           >
             {children}