feat(Focusable): add FooterLegend props to Focusable and Field

src/deck-components/Field.tsx

@@ -1,7 +1,8 @@
 import { FC, HTMLAttributes, ReactNode, RefAttributes } from 'react';
 import { findModuleChild } from '../webpack';
+import { FooterLegendProps } from './FooterLegend';
 
-export interface FieldProps extends HTMLAttributes<HTMLDivElement> {
+export interface FieldProps extends HTMLAttributes<HTMLDivElement>, FooterLegendProps {
   label?: string | ReactNode;
   bottomSeparator?: boolean;
   description?: string | ReactNode;

src/deck-components/Focusable.tsx

@@ -1,7 +1,8 @@
 import { HTMLAttributes, ReactNode, RefAttributes, VFC } from "react";
 import { findModuleChild } from "../webpack";
+import { FooterLegendProps } from "./FooterLegend";
 
-export interface FocusableProps extends HTMLAttributes<HTMLDivElement> {
+export interface FocusableProps extends HTMLAttributes<HTMLDivElement>, FooterLegendProps {
   children: ReactNode;
   "flow-children"?: string;
   focusClassName?: string;

src/deck-components/FooterLegend.ts

@@ -0,0 +1,18 @@
+export interface FooterLegendProps {
+    actionDescriptionMap?: unknown;
+    onOKActionDescription?: string;
+    onCancelActionDescription?: string;
+    onSecondaryActionDescription?: string;
+    onOptionsActionDescription?: string;
+    onMenuActionDescription?: string;
+    onButtonDown?: () => void;
+    onButtonUp?: () => void;
+    onOKButton?: () => void;
+    onCancelButton?: () => void;
+    onSecondaryButton?: () => void;
+    onOptionsButton?: () => void;
+    onGamepadDirection?: () => void;
+    onGamepadFocus?: () => void;
+    onGamepadBlur?: () => void;
+    onMenuButton?: () => void;
+}

src/deck-components/index.ts

@@ -4,6 +4,7 @@ export * from './Carousel';
 export * from './Dropdown';
 export * from './Field';
 export * from './Focusable';
+export * from './FooterLegend';
 export * from './Menu';
 export * from './Modal';
 export * from './Panel';