fix(Focusable): add ref prop, fix event types

shdwmtr · Jun 16, 2022 · f1e20cd · f1e20cd
1 parent b5d9265
commit f1e20cd
Showing 1 changed file with 4 additions and 4 deletions.
diff --git a/src/deck-components/Focusable.tsx b/src/deck-components/Focusable.tsx
@@ -1,13 +1,13 @@
-import { HTMLAttributes, ReactNode, VFC } from "react";
+import { HTMLAttributes, ReactNode, RefAttributes, VFC } from "react";
 import { findModuleChild } from "../webpack";
 
 export interface FocusableProps extends HTMLAttributes<HTMLDivElement> {
   children: ReactNode;
   "flow-children"?: string;
   focusClassName?: string;
   focusWithinClassName?: string;
-  onActivate?: () => void;
-  onCancel?: () => void;
+  onActivate?: (e: CustomEvent) => void;
+  onCancel?: (e: CustomEvent) => void;
 }
 
 export const Focusable = findModuleChild((m) => {
@@ -16,4 +16,4 @@ export const Focusable = findModuleChild((m) => {
     if (m[prop]?.render?.toString()?.includes('["flow-children","onActivate","onCancel","focusClassName",'))
       return m[prop];
   }
-}) as VFC<FocusableProps>;
+}) as VFC<FocusableProps & RefAttributes<HTMLDivElement>>;