@office-iss/react-native-win32 0.0.0-canary.29 → 0.0.0-canary.291

package/src-win/Libraries/Text/Text.d.ts

@@ -0,0 +1,306 @@
+/**
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ *
+ * @format
+ */
+
+import type * as React from 'react';
+import {Constructor} from '../../types/private/Utilities';
+import {AccessibilityProps} from '../Components/View/ViewAccessibility';
+import {NativeMethods} from '../../types/public/ReactNativeTypes';
+import {ColorValue, StyleProp} from '../StyleSheet/StyleSheet';
+import {TextStyle, ViewStyle} from '../StyleSheet/StyleSheetTypes';
+import {
+  GestureResponderEvent,
+  LayoutChangeEvent,
+  TextLayoutEvent,
+} from '../Types/CoreEventTypes';
+import type {
+  IKeyboardEvent,
+  IHandledKeyboardEvent,
+} from '../View/ViewPropTypes'; // Win32
+
+export interface TextPropsIOS {
+  /**
+   * Specifies whether font should be scaled down automatically to fit given style constraints.
+   */
+  adjustsFontSizeToFit?: boolean | undefined;
+
+  /**
+   * The Dynamic Type scale ramp to apply to this element on iOS.
+   */
+  dynamicTypeRamp?:
+    | 'caption2'
+    | 'caption1'
+    | 'footnote'
+    | 'subheadline'
+    | 'callout'
+    | 'body'
+    | 'headline'
+    | 'title3'
+    | 'title2'
+    | 'title1'
+    | 'largeTitle'
+    | undefined;
+
+  /**
+   * When `true`, no visual change is made when text is pressed down. By
+   * default, a gray oval highlights the text on press down.
+   */
+  suppressHighlighting?: boolean | undefined;
+
+  /**
+   * Set line break strategy on iOS.
+   */
+  lineBreakStrategyIOS?:
+    | 'none'
+    | 'standard'
+    | 'hangul-word'
+    | 'push-out'
+    | undefined;
+}
+
+export interface TextPropsAndroid {
+  /**
+   * Specifies the disabled state of the text view for testing purposes.
+   */
+  disabled?: boolean | undefined;
+
+  /**
+   * Lets the user select text, to use the native copy and paste functionality.
+   */
+  selectable?: boolean | undefined;
+
+  /**
+   * The highlight color of the text.
+   */
+  selectionColor?: ColorValue | undefined;
+
+  /**
+   * Set text break strategy on Android API Level 23+
+   * default is `highQuality`.
+   */
+  textBreakStrategy?: 'simple' | 'highQuality' | 'balanced' | undefined;
+
+  /**
+   * Determines the types of data converted to clickable URLs in the text element.
+   * By default no data types are detected.
+   */
+  dataDetectorType?:
+    | null
+    | 'phoneNumber'
+    | 'link'
+    | 'email'
+    | 'none'
+    | 'all'
+    | undefined;
+
+  /**
+   * Hyphenation strategy
+   */
+  android_hyphenationFrequency?: 'normal' | 'none' | 'full' | undefined;
+}
+
+/**
+ * Role-based text style names.
+ */
+export type TextWin32TextStyle =
+  | 'None'
+  | 'SmallStandard'
+  | 'SmallSecondary'
+  | 'MediumStandard'
+  | 'MediumSecondary'
+  | 'MediumApp'
+  | 'MediumBold'
+  | 'MediumBoldApp'
+  | 'LargeStandard'
+  | 'LargePlusStandard'
+  | 'ExtraLargeStandard'
+  | 'HugeStandard';
+
+export interface TextPropsWin32 {
+  onKeyDown?: (args: IKeyboardEvent) => void;
+  onKeyDownCapture?: (args: IKeyboardEvent) => void;
+  onKeyUp?: (args: IKeyboardEvent) => void;
+  onKeyUpCapture?: (args: IKeyboardEvent) => void;
+
+  keyDownEvents?: IHandledKeyboardEvent[];
+  keyUpEvents?: IHandledKeyboardEvent[];
+
+  /** Enables a focusable label with copyability but without character selectability (property:selectable) */
+  focusable?: boolean;
+
+  /**
+   * The onBlur event occurs when an element loses focus.  The opposite of onBlur is onFocus.  Note that in React
+   * Native, unlike in the web, the onBlur event bubbles (similar to onFocusOut in the web).
+   *
+   * `ev.target === ev.currentTarget` when the focus is being lost from this component.
+   * `ev.target !== ev.currentTarget` when the focus is being lost from a descendant.
+   */
+  onBlur?: (ev: NativeSyntheticEvent<{}>) => void;
+  /**
+   * The onBlur event occurs when an element loses focus.  The opposite of onBlur is onFocus.  Note that in React
+   * Native, unlike in the web, the onBlur event bubbles (similar to onFocusOut in the web).
+   *
+   * `ev.target === ev.currentTarget` when the focus is being lost from this component.
+   * `ev.target !== ev.currentTarget` when the focus is being lost from a descendant.
+   */
+  onBlurCapture?: (ev: NativeSyntheticEvent<{}>) => void;
+  /**
+   * The onFocus event occurs when an element gets focus. The opposite of onFocus is onBlur.  Note that in React
+   * Native, unlike in the web, the onFocus event bubbles (similar to onFocusIn in the web).
+   *
+   * `ev.target === ev.currentTarget` when the focus is being lost from this component.
+   * `ev.target !== ev.currentTarget` when the focus is being lost from a descendant.
+   */
+  onFocus?: (ev: NativeSyntheticEvent<{}>) => void;
+  /**
+   * The onFocus event occurs when an element gets focus. The opposite of onFocus is onBlur.  Note that in React
+   * Native, unlike in the web, the onFocus event bubbles (similar to onFocusIn in the web).
+   *
+   * `ev.target === ev.currentTarget` when the focus is being lost from this component.
+   * `ev.target !== ev.currentTarget` when the focus is being lost from a descendant.
+   */
+  onFocusCapture?: (ev: NativeSyntheticEvent<{}>) => void;
+
+  /**
+   * Role-based styling of the text control. The styles applied include
+   * font face, size, weight and color. These styles take precedence over
+   * the `style` property.
+   *
+   * @remarks
+   * The default value is `MediumStandard`.
+   *
+   * When set to `None`, role-based styling is disabled.
+   *
+   * @deprecated Use `style` instead.
+   */
+  textStyle?: TextWin32TextStyle;
+
+  /** Tooltip displayed on mouse hover of this element */
+  tooltip?: string;
+}
+
+// https://reactnative.dev/docs/text#props
+export interface TextProps
+  extends TextPropsIOS,
+    TextPropsAndroid,
+    TextPropsWin32, // Win32
+    AccessibilityProps {
+  /**
+   * Specifies whether fonts should scale to respect Text Size accessibility settings.
+   * The default is `true`.
+   */
+  allowFontScaling?: boolean | undefined;
+
+  children?: React.ReactNode | undefined;
+
+  /**
+   * This can be one of the following values:
+   *
+   * - `head` - The line is displayed so that the end fits in the container and the missing text
+   * at the beginning of the line is indicated by an ellipsis glyph. e.g., "...wxyz"
+   * - `middle` - The line is displayed so that the beginning and end fit in the container and the
+   * missing text in the middle is indicated by an ellipsis glyph. "ab...yz"
+   * - `tail` - The line is displayed so that the beginning fits in the container and the
+   * missing text at the end of the line is indicated by an ellipsis glyph. e.g., "abcd..."
+   * - `clip` - Lines are not drawn past the edge of the text container.
+   *
+   * The default is `tail`.
+   *
+   * `numberOfLines` must be set in conjunction with this prop.
+   *
+   * > `clip` is working only for iOS
+   */
+  ellipsizeMode?: 'head' | 'middle' | 'tail' | 'clip' | undefined;
+
+  /**
+   * Used to reference react managed views from native code.
+   */
+  id?: string | undefined;
+
+  /**
+   * Line Break mode. Works only with numberOfLines.
+   * clip is working only for iOS
+   */
+  lineBreakMode?: 'head' | 'middle' | 'tail' | 'clip' | undefined;
+
+  /**
+   * Used to truncate the text with an ellipsis after computing the text
+   * layout, including line wrapping, such that the total number of lines
+   * does not exceed this number.
+   *
+   * This prop is commonly used with `ellipsizeMode`.
+   */
+  numberOfLines?: number | undefined;
+
+  /**
+   * Invoked on mount and layout changes with
+   *
+   * {nativeEvent: { layout: {x, y, width, height}}}.
+   */
+  onLayout?: ((event: LayoutChangeEvent) => void) | undefined;
+
+  /**
+   * Invoked on Text layout
+   */
+  onTextLayout?: ((event: TextLayoutEvent) => void) | undefined;
+
+  /**
+   * This function is called on press.
+   * Text intrinsically supports press handling with a default highlight state (which can be disabled with suppressHighlighting).
+   */
+  onPress?: ((event: GestureResponderEvent) => void) | undefined;
+
+  onPressIn?: ((event: GestureResponderEvent) => void) | undefined;
+  onPressOut?: ((event: GestureResponderEvent) => void) | undefined;
+
+  /**
+   * This function is called on long press.
+   * e.g., `onLongPress={this.increaseSize}>`
+   */
+  onLongPress?: ((event: GestureResponderEvent) => void) | undefined;
+
+  /**
+   * @see https://reactnative.dev/docs/text#style
+   */
+  style?: StyleProp<TextStyle> | undefined;
+
+  /**
+   * Used to locate this view in end-to-end tests.
+   */
+  testID?: string | undefined;
+
+  /**
+   * Used to reference react managed views from native code.
+   */
+  nativeID?: string | undefined;
+
+  /**
+   * Specifies largest possible scale a font can reach when allowFontScaling is enabled. Possible values:
+   * - null/undefined (default): inherit from the parent node or the global default (0)
+   * - 0: no max, ignore parent/global default
+   * - >= 1: sets the maxFontSizeMultiplier of this node to this value
+   */
+  maxFontSizeMultiplier?: number | null | undefined;
+
+  /**
+   * Specifies smallest possible scale a font can reach when adjustsFontSizeToFit is enabled. (values 0.01-1.0).
+   */
+  minimumFontScale?: number | undefined;
+
+  /**
+   * Controls how touch events are handled. Similar to `View`'s `pointerEvents`.
+   */
+  pointerEvents?: ViewStyle['pointerEvents'] | undefined;
+}
+
+/**
+ * A React component for displaying text which supports nesting, styling, and touch handling.
+ */
+declare class TextComponent extends React.Component<TextProps> {}
+declare const TextBase: Constructor<NativeMethods> & typeof TextComponent;
+export class Text extends TextBase {}

package/src-win/Libraries/Utilities/FocusManager.win32.d.ts

@@ -0,0 +1,12 @@
+/**
+ * Copyright (c) Microsoft Corporation.
+ * Licensed under the MIT License.
+ *
+ * @format
+ */
+
+import React from 'react';
+
+export declare class FocusManager {
+  static focus(ref: React.Ref<any>, setWindowFocus: boolean): void;
+}

package/src-win/Libraries/__tests__/__snapshots__/ButtonWin32-test.js.snap

@@ -0,0 +1,22 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`ButtonWin32 renders native component 1`] = `
+<View
+  accessibilityRole="button"
+  accessibilityState={
+    Object {
+      "disabled": undefined,
+      "selected": false,
+    }
+  }
+  accessible={true}
+  focusable={true}
+  onBlur={[Function]}
+  onFocus={[Function]}
+  onTouchEnd={[Function]}
+>
+  <Text
+    textStyle="None"
+  />
+</View>
+`;

package/src-win/Libraries/platform-types.d.ts

@@ -0,0 +1,25 @@
+/*
+ * This file contains the win32 extra types, which are not part of core.
+ *
+ * NOTE: Concrete classes, objects etc that actually need to be exported from the package,
+*        need to also be added to index.win32.js
+*/
+
+import {IViewWin32Props as IViewWin32PropsOnly} from './Components/View/ViewPropTypes';
+import { AccessibilityPropsWin32 } from '@office-iss/react-native-win32/Libraries/Components/View/ViewAccessibility';
+export { AccessibilityPropsWin32 } from '@office-iss/react-native-win32/Libraries/Components/View/ViewAccessibility';
+export type IViewWin32Props = IViewWin32PropsOnly & AccessibilityPropsWin32;
+export {ViewWin32} from './Components/View/ViewWin32';
+export {IKeyboardEvent, IHandledKeyboardEvent, EventPhase} from './Components/View/ViewPropTypes';
+import {TextPropsWin32 as ITextWin32PropsOnly} from './Components/Text/Text';
+export type ITextWin32Props = ITextWin32PropsOnly & AccessibilityPropsWin32;
+export {TextWin32TextStyle, Text as TextWin32 } from './Components/Text/Text';
+export {IButtonWin32Props, IButtonWin32Style} from './Components/Button/ButtonWin32.Props';
+export {ButtonWin32} from './Components/Button/ButtonWin32';
+export {GradientColorStop, GradientColorValueWin32, ColorGradientWin32} from './StyleSheet/PlatformColorValueTypesWin32';
+export {ITouchableWin32Props, ITouchableWin32State} from './Components/Touchable/TouchableWin32.Props';
+export * from './Components/Touchable/TouchableWin32.Types';
+export * from './Components/Touchable/TouchableWin32';
+export * from './PersonaCoin/PersonaCoin';
+export * from './PersonaCoin/PersonaCoinTypes';
+export * from './Utilities/FocusManager.win32';

package/types/index.d.ts

@@ -0,0 +1,167 @@
+/**
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ *
+ * @format
+ */
+
+// Definitions by: Eloy Durán <https://github.com/alloy>
+//                 HuHuanming <https://github.com/huhuanming>
+//                 Kyle Roach <https://github.com/iRoachie>
+//                 Tim Wang <https://github.com/timwangdev>
+//                 Kamal Mahyuddin <https://github.com/kamal>
+//                 Alex Dunne <https://github.com/alexdunne>
+//                 Manuel Alabor <https://github.com/swissmanu>
+//                 Michele Bombardi <https://github.com/bm-software>
+//                 Martin van Dam <https://github.com/mvdam>
+//                 Kacper Wiszczuk <https://github.com/esemesek>
+//                 Ryan Nickel <https://github.com/mrnickel>
+//                 Souvik Ghosh <https://github.com/souvik-ghosh>
+//                 Cheng Gibson <https://github.com/nossbigg>
+//                 Saransh Kataria <https://github.com/saranshkataria>
+//                 Wojciech Tyczynski <https://github.com/tykus160>
+//                 Jake Bloom <https://github.com/jakebloom>
+//                 Ceyhun Ozugur <https://github.com/ceyhun>
+//                 Mike Martin <https://github.com/mcmar>
+//                 Theo Henry de Villeneuve <https://github.com/theohdv>
+//                 Romain Faust <https://github.com/romain-faust>
+//                 Be Birchall <https://github.com/bebebebebe>
+//                 Jesse Katsumata <https://github.com/Naturalclar>
+//                 Xianming Zhong <https://github.com/chinesedfan>
+//                 Valentyn Tolochko <https://github.com/vtolochk>
+//                 Sergey Sychev <https://github.com/SychevSP>
+//                 Kelvin Chu <https://github.com/RageBill>
+//                 Daiki Ihara <https://github.com/sasurau4>
+//                 Abe Dolinger <https://github.com/256hz>
+//                 Dominique Richard <https://github.com/doumart>
+//                 Mohamed Shaban <https://github.com/drmas>
+//                 Jérémy Barbet <https://github.com/jeremybarbet>
+//                 David Sheldrick <https://github.com/ds300>
+//                 Natsathorn Yuthakovit <https://github.com/natsathorn>
+//                 ConnectDotz <https://github.com/connectdotz>
+//                 Alexey Molchan <https://github.com/alexeymolchan>
+//                 Alex Brazier <https://github.com/alexbrazier>
+//                 Arafat Zahan <https://github.com/kuasha420>
+//                 Pedro Hernández <https://github.com/phvillegas>
+//                 Sebastian Silbermann <https://github.com/eps1lon>
+//                 Zihan Chen <https://github.com/ZihanChen-MSFT>
+//                 Lorenzo Sciandra <https://github.com/kelset>
+//                 Mateusz Wit <https://github.com/MateWW>
+//                 Saad Najmi <https://github.com/saadnajmi>
+// Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped
+// Minimum TypeScript Version: 4.9
+
+///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
+//
+// USING: these definitions are meant to be used with the TSC compiler target set to at least ES2015.
+//
+// USAGE EXAMPLES: check the RNTSExplorer project at https://github.com/bgrieder/RNTSExplorer
+//
+// CONTRIBUTING: please open pull requests
+//
+// CREDITS: This work is based on an original work made by Bernd Paradies: https://github.com/bparadie
+//
+///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
+
+/// <reference path="modules/BatchedBridge.d.ts" />
+/// <reference path="modules/Codegen.d.ts" />
+/// <reference path="modules/Devtools.d.ts" />
+/// <reference types="../src/types/globals.d.ts" />
+/// <reference path="modules/LaunchScreen.d.ts" />
+
+export * from '../Libraries/ActionSheetIOS/ActionSheetIOS';
+export * from '../Libraries/Alert/Alert';
+export * from '../Libraries/Animated/Animated';
+export * from '../Libraries/Animated/Easing';
+export * from '../Libraries/Animated/useAnimatedValue';
+export * from '../Libraries/AppState/AppState';
+export * from '../Libraries/BatchedBridge/NativeModules';
+export * from '../Libraries/Components/AccessibilityInfo/AccessibilityInfo';
+export * from '../Libraries/Components/ActivityIndicator/ActivityIndicator';
+export * from '../Libraries/Components/Clipboard/Clipboard';
+export * from '../Libraries/Components/DrawerAndroid/DrawerLayoutAndroid';
+export * from '../Libraries/Components/Keyboard/Keyboard';
+export * from '../Libraries/Components/Keyboard/KeyboardAvoidingView';
+export * from '../Libraries/Components/LayoutConformance/LayoutConformance';
+export * from '../Libraries/Components/Pressable/Pressable';
+export * from '../Libraries/Components/ProgressBarAndroid/ProgressBarAndroid';
+export * from '../Libraries/Components/RefreshControl/RefreshControl';
+export * from '../Libraries/Components/SafeAreaView/SafeAreaView';
+export * from '../Libraries/Components/ScrollView/ScrollView';
+export * from '../Libraries/Components/StatusBar/StatusBar';
+export * from '../Libraries/Components/Switch/Switch';
+export * from '../Libraries/Components/TextInput/InputAccessoryView';
+export * from '../Libraries/Components/TextInput/TextInput';
+export * from '../Libraries/Components/ToastAndroid/ToastAndroid';
+export * from '../Libraries/Components/Touchable/Touchable';
+export * from '../Libraries/Components/Touchable/TouchableHighlight';
+export * from '../Libraries/Components/Touchable/TouchableNativeFeedback';
+export * from '../Libraries/Components/Touchable/TouchableOpacity';
+export * from '../Libraries/Components/Touchable/TouchableWithoutFeedback';
+export * from '../Libraries/Components/View/View';
+export * from '../Libraries/Components/View/ViewAccessibility';
+export * from '../Libraries/Components/View/ViewPropTypes';
+export * from '../Libraries/Components/Button';
+export * from '../Libraries/Core/registerCallableModule';
+export * from '../Libraries/EventEmitter/NativeEventEmitter';
+export * from '../Libraries/EventEmitter/RCTDeviceEventEmitter';
+export * from '../Libraries/EventEmitter/RCTNativeAppEventEmitter';
+export * from '../Libraries/Image/Image';
+export * from '../Libraries/Image/ImageResizeMode';
+export * from '../Libraries/Image/ImageSource';
+export * from '../Libraries/Interaction/InteractionManager';
+export * from '../Libraries/Interaction/PanResponder';
+export * from '../Libraries/LayoutAnimation/LayoutAnimation';
+export * from '../Libraries/Linking/Linking';
+export * from '../Libraries/Lists/FlatList';
+export * from '../Libraries/Lists/SectionList';
+export * from '@react-native/virtualized-lists';
+export * from '../Libraries/LogBox/LogBox';
+export * from '../Libraries/Modal/Modal';
+export * as Systrace from '../Libraries/Performance/Systrace';
+export * from '../Libraries/PermissionsAndroid/PermissionsAndroid';
+export * from '../Libraries/PushNotificationIOS/PushNotificationIOS';
+export * from '../Libraries/ReactNative/AppRegistry';
+export * from '../Libraries/ReactNative/I18nManager';
+export * from '../Libraries/ReactNative/RendererProxy';
+export * from '../Libraries/ReactNative/RootTag';
+export * from '../Libraries/ReactNative/UIManager';
+export * from '../Libraries/ReactNative/requireNativeComponent';
+export * from '../Libraries/Settings/Settings';
+export * from '../Libraries/Share/Share';
+export * from '../Libraries/StyleSheet/PlatformColorValueTypesIOS';
+export * from '../Libraries/StyleSheet/PlatformColorValueTypes';
+export * from '../Libraries/StyleSheet/StyleSheet';
+export * from '../Libraries/StyleSheet/StyleSheetTypes';
+export * from '../Libraries/StyleSheet/processColor';
+export * from '../Libraries/Text/Text';
+export * from '../Libraries/TurboModule/RCTExport';
+export * as TurboModuleRegistry from '../Libraries/TurboModule/TurboModuleRegistry';
+export * as CodegenTypes from '../Libraries/Types/CodegenTypesNamespace';
+export * from '../Libraries/Types/CoreEventTypes';
+export * from '../Libraries/Utilities/Appearance';
+export * from '../Libraries/Utilities/BackHandler';
+export * from '../src/private/devmenu/DevMenu';
+export * from '../Libraries/Utilities/DevSettings';
+export * from '../Libraries/Utilities/Dimensions';
+export * from '../Libraries/Utilities/PixelRatio';
+export * from '../Libraries/Utilities/Platform';
+export * from '../Libraries/Vibration/Vibration';
+export * from '../Libraries/vendor/core/ErrorUtils';
+export {
+  EmitterSubscription,
+  EventSubscription,
+} from '../Libraries/vendor/emitter/EventEmitter';
+
+export * from './public/DeprecatedPropertiesAlias';
+export * from './public/Insets';
+export * from './public/ReactNativeRenderer';
+export * from './public/ReactNativeTypes';
+
+export {default as codegenNativeCommands} from '../Libraries/Utilities/codegenNativeCommands';
+export {default as codegenNativeComponent} from '../Libraries/Utilities/codegenNativeComponent';
+
+// Export platform specific types
+export * from '../Libraries/platform-types';

package/types/modules/BatchedBridge.d.ts

@@ -0,0 +1,32 @@
+/**
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ *
+ * @format
+ */
+
+interface SpyData {
+  type: number;
+  module?: string | undefined;
+  method: string | number;
+  args: any[];
+}
+
+declare class MessageQueue {
+  static spy(spyOrToggle: boolean | ((data: SpyData) => void)): void;
+
+  getCallableModule(name: string): Object;
+  registerCallableModule(name: string, module: Object): void;
+  registerLazyCallableModule(name: string, factory: () => Object): void;
+}
+
+declare module 'react-native/Libraries/BatchedBridge/BatchedBridge' {
+  const BatchedBridge: MessageQueue;
+  export default BatchedBridge;
+}
+
+declare module 'react-native/Libraries/BatchedBridge/MessageQueue' {
+  export default MessageQueue;
+}

package/types/modules/Codegen.d.ts

@@ -0,0 +1,80 @@
+/**
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ *
+ * @format
+ */
+
+declare module 'react-native/Libraries/Utilities/codegenNativeCommands' {
+  export interface Options<T extends string> {
+    readonly supportedCommands: ReadonlyArray<T>;
+  }
+
+  function codegenNativeCommands<T extends object>(
+    options: Options<keyof T extends string ? keyof T : never>,
+  ): T;
+
+  export default codegenNativeCommands;
+}
+
+declare module 'react-native/Libraries/Utilities/codegenNativeComponent' {
+  import type {HostComponent} from 'react-native';
+
+  export interface Options {
+    readonly interfaceOnly?: boolean | undefined;
+    readonly paperComponentName?: string | undefined;
+    readonly paperComponentNameDeprecated?: string | undefined;
+    readonly excludedPlatforms?: ReadonlyArray<'iOS' | 'android'> | undefined;
+  }
+
+  export type NativeComponentType<T> = HostComponent<T>;
+
+  function codegenNativeComponent<Props extends object>(
+    componentName: string,
+    options?: Options,
+  ): NativeComponentType<Props>;
+
+  export default codegenNativeComponent;
+}
+
+declare module 'react-native/Libraries/Types/CodegenTypes' {
+  import type {NativeSyntheticEvent} from 'react-native';
+  import type {EventSubscription} from 'react-native/Libraries/vendor/emitter/EventEmitter';
+
+  // Event types
+  // We're not using the PaperName, it is only used to codegen view config settings
+
+  export type BubblingEventHandler<
+    T,
+    PaperName extends string | never = never,
+  > = (event: NativeSyntheticEvent<T>) => void | Promise<void>;
+  export type DirectEventHandler<
+    T,
+    PaperName extends string | never = never,
+  > = (event: NativeSyntheticEvent<T>) => void | Promise<void>;
+
+  // Prop types
+  export type Double = number;
+  export type Float = number;
+  export type Int32 = number;
+  export type UnsafeObject = object;
+  export type UnsafeMixed = unknown;
+
+  type DefaultTypes = number | boolean | string | ReadonlyArray<string>;
+  // Default handling, ignore the unused value
+  // we're only using it for type checking
+  //
+  // TODO: (rickhanlonii) T44881457 If a default is provided, it should always be optional
+  //  but that is currently not supported in the codegen since we require a default
+
+  export type WithDefault<
+    Type extends DefaultTypes,
+    Value extends Type | string | undefined | null,
+  > = Type | undefined | null;
+
+  export type EventEmitter<T> = (
+    handler: (arg: T) => void | Promise<void>,
+  ) => EventSubscription;
+}