feat(components): remove HorizontalFocus, add Focusable

src/deck-components/Focusable.tsx

@@ -1,15 +1,19 @@
-import { ReactNode, VFC } from "react";
+import { HTMLAttributes, ReactNode, VFC } from "react";
 import { findModuleChild } from "../webpack";
 
-export interface FocusableProps {
-    children: ReactNode;
+export interface FocusableProps extends HTMLAttributes<HTMLDivElement> {
+  children: ReactNode;
+  "flow-children"?: string;
+  focusClassName?: string;
+  focusWithinClassName?: string;
+  onActivate?: () => void;
+  onCancel?: () => void;
 }
 
-export const HorizontalFocus = findModuleChild(m => {
-    if (typeof m !== "object") return undefined;
-    for (let prop in m) {
-      if (m[prop]?.toString()?.includes('"children","alignItems","spacing"')) {
-        return m[prop];
-      }
-    }
+export const Focusable = findModuleChild((m) => {
+  if (typeof m !== 'object') return undefined;
+  for (let prop in m) {
+    if (m[prop]?.render?.toString()?.includes('["flow-children","onActivate","onCancel","focusClassName",'))
+      return m[prop];
+  }
 }) as VFC<FocusableProps>;