react-native-tvos@0.62.2-1 typescript typing extension

index.d.ts

import '@types/react-native';
import React from 'react';

import { ViewProps } from 'react-native';

declare module 'react-native' {
  export const TVMenuControl: {
    enableTVMenuKey(): void;
    disableTVMenuKey(): void;
  };

  interface HWFocusEvent {
    eventType: 'blur' | 'focus';
    eventKeyAction: -1;
    tag: number;
  }

  export type HWKeyEvent =
    | HWFocusEvent
    | {
        eventType: 'up' | 'down' | 'right' | 'left' | string;
        eventKeyAction: -1 | 1 | 0 | number;
        tag?: number;
      };

  export class TVEventHandler {
    enable<T extends React.Component<unknown>>(
      component?: T,
      callback?: (component: T, data: HWKeyEvent) => void
    ): void;
    disable(): void;
  }

  export interface FocusGuideProps extends ViewProps {
    /**
     * Array of `Component`s to register as destinations with `UIFocusGuide`
     */
    destinations?: (null | number | React.Component<any, any> | React.ComponentClass<any>)[];
  }

  /**
   * This component provides support for Apple's `UIFocusGuide` API,
   * to help ensure that focusable controls can be navigated to,
   * even if they are not directly in line with other controls.
   * An example is provided in `RNTester` that shows two different ways of using this component.
   * https://github.com/react-native-community/react-native-tvos/blob/master/RNTester/js/TVFocusGuideExample.js
   */
  export class TVFocusGuideView extends React.Component<FocusGuideProps> {}
}