transformTypeParamBound codemod 9/9

Summary: js1 flow-runner codemod flow/transformTypeParamBound --format-files=false xplat/js

Reviewed By: SamChou19815

Differential Revision: D95429551

Author: marcoww6

packages/react-native/src/private/featureflags/ReactNativeFeatureFlagsBase.js

@@ -30,7 +30,7 @@ export type OverridesFor<T> = Partial<{
   [key in keyof T]: Getter<?ReturnType<T[key]>>,
 }>;
 
-function createGetter<T: boolean | number | string>(
+function createGetter<T extends boolean | number | string>(
   configName: string,
   customValueGetter: Getter<?T>,
   defaultValue: T,
@@ -52,7 +52,7 @@ function createGetter<T: boolean | number | string>(
 }
 
 export function createJavaScriptFlagGetter<
-  K: keyof ReactNativeFeatureFlagsJsOnly,
+  K extends keyof ReactNativeFeatureFlagsJsOnly,
 >(
   configName: K,
   defaultValue: ReturnType<ReactNativeFeatureFlagsJsOnly[K]>,
@@ -69,7 +69,7 @@ export function createJavaScriptFlagGetter<
 
 type NativeFeatureFlags = NonNullable<typeof NativeReactNativeFeatureFlags>;
 
-export function createNativeFlagGetter<K: keyof NativeFeatureFlags>(
+export function createNativeFlagGetter<K extends keyof NativeFeatureFlags>(
   configName: K,
   defaultValue: ReturnType<NonNullable<NativeFeatureFlags[K]>>,
   skipUnavailableNativeModuleError: boolean = false,

packages/react-native/src/private/styles/composeStyles.js

@@ -13,7 +13,7 @@
  * If either style is null or undefined, the other one is returned without
  * allocating an array, saving allocations and enabling memoization.
  */
-export default function composeStyles<T, U: T, V: T>(
+export default function composeStyles<T, U extends T, V extends T>(
   style1: ?U,
   style2: ?V,
 ): ?(T | ReadonlyArray<T>) {

packages/react-native/src/private/types/HostComponent.js

@@ -10,7 +10,7 @@
 
 import type {HostInstance} from './HostInstance';
 
-export type HostComponent<Config: {...}> = component(
+export type HostComponent<Config extends {...}> = component(
   ref?: React.RefSetter<HostInstance>,
   ...Config
 );

packages/react-native/src/private/webapis/structuredClone/structuredClone.js

@@ -217,7 +217,7 @@ export default function structuredClone<T>(value: T): T {
 
 const NON_SERIALIZABLE_OBJECT_KEY = Symbol('nonSerializableObject');
 
-function isNonSerializableObject<T: interface {}>(obj: T): boolean {
+function isNonSerializableObject<T extends interface {}>(obj: T): boolean {
   // $FlowExpectedError[invalid-in-lhs]
   return NON_SERIALIZABLE_OBJECT_KEY in obj;
 }

packages/react-native/src/private/webapis/webidl/PlatformObjects.js

@@ -17,11 +17,11 @@ const CLONE_PLATFORM_OBJECT_KEY = Symbol('clonePlatformObject');
  * Optionally, it sets the clone function for that platform object, which is a
  * simplification of the serializable attribute of the Web interface.
  */
-export const setPlatformObject: (<T: interface {}>(
+export const setPlatformObject: (<T extends interface {}>(
   obj: Class<T>,
   options?: {clone: T => T},
 ) => void) &
-  (<T: interface {}>(obj: T, options?: {clone: T => T}) => void) =
+  (<T extends interface {}>(obj: T, options?: {clone: T => T}) => void) =
   function setPlatformObject(obj, options) {
     if (typeof obj === 'function') {
       // $FlowExpectedError[prop-missing]
@@ -43,15 +43,15 @@ export const setPlatformObject: (<T: interface {}>(
 /**
  * Indicates if the given object is a platform object.
  */
-export function isPlatformObject<T: interface {}>(obj: T): boolean {
+export function isPlatformObject<T extends interface {}>(obj: T): boolean {
   // $FlowExpectedError[invalid-in-lhs]
   return IS_PLATFORM_OBJECT_KEY in obj;
 }
 
 /**
  * Returns the clone function for the given platform object, if it was set.
  */
-export function getPlatformObjectClone<T: interface {}>(
+export function getPlatformObjectClone<T extends interface {}>(
   obj: T,
 ): (T => T) | void {
   // $FlowExpectedError[prop-missing]

packages/rn-tester/js/examples/Touchable/TouchableExample.js

@@ -310,7 +310,7 @@ class TouchableHitSlop extends React.Component<{...}, $FlowFixMe> {
 }
 
 function TouchableNativeMethodChecker<
-  T: component(ref?: React.RefSetter<any>, ...any),
+  T extends component(ref?: React.RefSetter<any>, ...any),
 >(props: {Component: T, name: string}): React.Node {
   const [status, setStatus] = useState<?boolean>(null);
   const ref = useRef<any>(null);

packages/virtualized-lists/Lists/StateSafePureComponent.js

@@ -22,7 +22,7 @@ import * as React from 'react';
  */
 export default class StateSafePureComponent<
   Props,
-  State: interface {},
+  State extends interface {},
 > extends React.PureComponent<Props, State> {
   _inAsyncStateUpdate = false;
 
@@ -32,7 +32,7 @@ export default class StateSafePureComponent<
   }
 
   // $FlowFixMe[incompatible-type]
-  setState<K: keyof State>(
+  setState<K extends keyof State>(
     partialState: ?(Pick<State, K> | ((State, Props) => ?Pick<State, K>)),
     callback?: () => unknown,
   ): void {

packages/virtualized-lists/Lists/VirtualizedSectionList.js

@@ -131,7 +131,7 @@ type State = {childProps: VirtualizedListProps, ...};
  */
 class VirtualizedSectionList<
   ItemT,
-  SectionT: SectionBase<
+  SectionT extends SectionBase<
     ItemT,
     DefaultVirtualizedSectionT,
   > = DefaultVirtualizedSectionT,
@@ -643,7 +643,7 @@ function ItemWithSeparator<ItemT>(
 
 const VirtualizedSectionListComponent = VirtualizedSectionList as component<
   ItemT,
-  SectionT: SectionBase<
+  SectionT extends SectionBase<
     ItemT,
     DefaultVirtualizedSectionT,
   > = DefaultVirtualizedSectionT,

private/react-native-fantom/runner/getFantomTestConfigs.js

@@ -485,7 +485,7 @@ function getConfigurationVariations(
   return results;
 }
 
-function parseFeatureFlagValue<T: boolean | number | string>(
+function parseFeatureFlagValue<T extends boolean | number | string>(
   defaultValue: T,
   value: string,
 ): T {

private/react-native-fantom/runtime/mocks.js

@@ -12,7 +12,7 @@ export const MOCK_FN_TAG: symbol = Symbol('mock function');
 
 // The type is defined this way because if we get a mixed value, we return
 // a generic mock function, and if we get a typed function, we get a typed mock.
-export const ensureMockFunction: (<TArgs: Array<unknown>, TReturn>(
+export const ensureMockFunction: (<TArgs extends Array<unknown>, TReturn>(
   fn: (...TArgs) => TReturn,
 ) => JestMockFn<TArgs, TReturn>) &
   ((fn: unknown) => JestMockFn<Array<unknown>, unknown>) = fn => {
@@ -29,7 +29,7 @@ export const ensureMockFunction: (<TArgs: Array<unknown>, TReturn>(
   return fn;
 };
 
-export function createMockFunction<TArgs: Array<unknown>, TReturn>(
+export function createMockFunction<TArgs extends Array<unknown>, TReturn>(
   initialImplementation?: (...TArgs) => TReturn,
 ): JestMockFn<TArgs, TReturn> {
   let implementation: ?(...TArgs) => TReturn = initialImplementation;