transformTypeParamBound codemod 4/9

Reviewed By: SamChou19815

Differential Revision: D95429145

fbshipit-source-id: f4b314d16fa86d43fdf2775400f1ce77a1eaf5a9

Author: marcoww6

flow-typed/babel.js.flow

@@ -6531,13 +6531,13 @@ declare module '@babel/types' {
   ): T;
   declare export function cloneWithoutLoc<T>(n: T): T;
   declare type CommentTypeShorthand = 'leading' | 'inner' | 'trailing';
-  declare export function addComment<T: Node>(
+  declare export function addComment<T extends Node>(
     node: T,
     type: CommentTypeShorthand,
     content: string,
     line?: boolean,
   ): T;
-  declare export function addComments<T: Node>(
+  declare export function addComments<T extends Node>(
     node: T,
     type: CommentTypeShorthand,
     comments: Array<Comment>,
@@ -6547,15 +6547,15 @@ declare module '@babel/types' {
     node: Node,
     parent: Node,
   ): void;
-  declare export function inheritsComments<T: Node>(
+  declare export function inheritsComments<T extends Node>(
     node: T,
     parent: Node,
   ): void;
   declare export function inheritTrailingComments(
     node: Node,
     parent: Node,
   ): void;
-  declare export function removeComments<T: Node>(node: T): T;
+  declare export function removeComments<T extends Node>(node: T): T;
   declare export function ensureBlock(
     node: BabelNode,
     key: string,
@@ -6598,7 +6598,7 @@ declare module '@babel/types' {
     append: BabelNode,
     computed?: boolean,
   ): BabelNodeMemberExpression;
-  declare export function inherits<T: Node>(
+  declare export function inherits<T extends Node>(
     child: T,
     parent: BabelNode | null | void,
   ): T;

flow-typed/npm/jest_v29.x.x.js

@@ -17,7 +17,7 @@
 // MODIFIED: Added ESLint suppression comment - no-unused-vars doesn't understand declaration files
 /* eslint-disable no-unused-vars */
 
-type JestMockFn<TArguments: ReadonlyArray<any>, TReturn> = {
+type JestMockFn<TArguments extends ReadonlyArray<any>, TReturn> = {
   (...args: TArguments): TReturn,
   /**
    * An object for introspecting mock calls
@@ -875,7 +875,10 @@ type JestObjectType = {
    * implementation.
    */
   // MODIFIED: Added defaults to type arguments.
-  fn<TArguments: ReadonlyArray<unknown> = ReadonlyArray<any>, TReturn = any>(
+  fn<
+    TArguments extends ReadonlyArray<unknown> = ReadonlyArray<any>,
+    TReturn = any,
+  >(
     implementation?: (...args: TArguments) => TReturn,
   ): JestMockFn<TArguments, TReturn>,
   /**

packages/react-relay/ReactRelayFragmentContainer.js

@@ -45,8 +45,8 @@ type ContainerState = {
  * updates.
  */
 function createContainerWithFragments<
-  Props: {...},
-  TComponent: component(...Props),
+  Props extends {...},
+  TComponent extends component(...Props),
 >(
   Component: TComponent,
   fragments: FragmentMap,
@@ -265,7 +265,10 @@ function getRelayProp(environment: IEnvironment) {
  * `fragmentSpec` is memoized once per environment, rather than once per
  * instance of the container constructed/rendered.
  */
-function createContainer<Props: {...}, TComponent: component(...Props)>(
+function createContainer<
+  Props extends {...},
+  TComponent extends component(...Props),
+>(
   Component: TComponent,
   fragmentSpec: GeneratedNodeMap,
 ): component(...$RelayProps<Props, RelayProp>) {

packages/react-relay/ReactRelayLocalQueryRenderer.js

@@ -45,7 +45,7 @@ const queryRendererContext: ReactRelayQueryRendererContextType = {
   rootIsQueryRenderer: true,
 };
 
-hook useDeepCompare<T: {...}>(value: T): T {
+hook useDeepCompare<T extends {...}>(value: T): T {
   const latestValue = React.useRef(value);
   // $FlowFixMe[react-rule-unsafe-ref]
   if (!areEqual(latestValue.current, value)) {

packages/react-relay/ReactRelayPaginationContainer.js

@@ -318,8 +318,8 @@ function toObserver(observerOrCallback: ?ObserverOrCallback): Observer<void> {
 }
 
 function createContainerWithFragments<
-  Props: {...},
-  TComponent: component(...Props),
+  Props extends {...},
+  TComponent extends component(...Props),
 >(
   Component: TComponent,
   fragments: FragmentMap,
@@ -941,7 +941,10 @@ function createContainerWithFragments<
  * `fragmentSpec` is memoized once per environment, rather than once per
  * instance of the container constructed/rendered.
  */
-function createContainer<Props: {...}, TComponent: component(...Props)>(
+function createContainer<
+  Props extends {...},
+  TComponent extends component(...Props),
+>(
   Component: TComponent,
   fragmentSpec: GeneratedNodeMap,
   connectionConfig: ConnectionConfig,

packages/react-relay/ReactRelayRefetchContainer.js

@@ -68,8 +68,8 @@ type ContainerState = {
  * updates.
  */
 function createContainerWithFragments<
-  Props: {...},
-  TComponent: component(...Props),
+  Props extends {...},
+  TComponent extends component(...Props),
 >(
   Component: TComponent,
   fragments: FragmentMap,
@@ -486,7 +486,10 @@ function getRelayProp(
  * `fragmentSpec` is memoized once per environment, rather than once per
  * instance of the container constructed/rendered.
  */
-function createContainer<Props: {...}, TComponent: component(...Props)>(
+function createContainer<
+  Props extends {...},
+  TComponent extends component(...Props),
+>(
   Component: TComponent,
   fragmentSpec: GeneratedNodeMap,
   taggedNode: GraphQLTaggedNode,

packages/react-relay/ReactRelayTypes.js

@@ -99,7 +99,7 @@ export type $FragmentRef<T> = {
 
 /* $FlowExpectedError[unclear-type]: Intentional so that it won't fail,
  * even if the type we want to exclude doesn't exist in Props */
-type LooseOmitRelayProps<Props, K: keyof any> = Pick<
+type LooseOmitRelayProps<Props, K extends keyof any> = Pick<
   Props,
   Exclude<keyof Props, K>,
 >;
@@ -150,15 +150,13 @@ type MapRelayProp<T> = [+t: T] extends [+t: {+$fragmentType: empty, ...}]
                 ? ?ReadonlyArray<?$FragmentRef<NonNullable<V>>>
                 : T;
 
-export type RelayFragmentContainer<TComponent: component(...empty)> = component(
-  ...$RelayProps<React.ElementConfig<TComponent>, RelayProp>
-);
+export type RelayFragmentContainer<TComponent extends component(...empty)> =
+  component(...$RelayProps<React.ElementConfig<TComponent>, RelayProp>);
 
-export type RelayPaginationContainer<TComponent: component(...empty)> =
+export type RelayPaginationContainer<TComponent extends component(...empty)> =
   component(
     ...$RelayProps<React.ElementConfig<TComponent>, RelayPaginationProp>
   );
 
-export type RelayRefetchContainer<TComponent: component(...empty)> = component(
-  ...$RelayProps<React.ElementConfig<TComponent>, RelayRefetchProp>
-);
+export type RelayRefetchContainer<TComponent extends component(...empty)> =
+  component(...$RelayProps<React.ElementConfig<TComponent>, RelayRefetchProp>);

packages/react-relay/buildReactRelayContainer.js

@@ -36,7 +36,7 @@ type ContainerCreator = (
  * Helper to create the Relay HOCs with ref forwarding, setting the displayName
  * and reading the React context.
  */
-function buildReactRelayContainer<TBase: component(...empty)>(
+function buildReactRelayContainer<TBase extends component(...empty)>(
   ComponentClass: TBase,
   fragmentSpec: GeneratedNodeMap,
   createContainerWithFragments: ContainerCreator,

packages/react-relay/getRootVariablesForFragments.js

@@ -15,7 +15,7 @@ import type {FragmentMap, Variables} from 'relay-runtime';
 
 const {getSelector} = require('relay-runtime');
 
-function getRootVariablesForFragments<TProps: {...}>(
+function getRootVariablesForFragments<TProps extends {...}>(
   fragments: FragmentMap,
   props: TProps,
 ): Variables {

packages/react-relay/relay-hooks/EntryPointContainer.react.js

@@ -24,10 +24,10 @@ const warning = require('warning');
 
 component EntryPointContainer<
   // $FlowFixMe[unsupported-variance-annotation]
-  TRuntimeProps: {...},
-  TRenders: React.Node,
+  TRuntimeProps extends {...},
+  TRenders extends React.Node,
   // $FlowFixMe[unsupported-variance-annotation]
-  TEntryPointComponent: EntryPointComponent<
+  TEntryPointComponent extends EntryPointComponent<
     // $FlowExpectedError[unclear-type] s[unclear-type] Use any to accept all kinds of EntryPointComponent
     any,
     // $FlowExpectedError[unclear-type] s[unclear-type] Use any to accept all kinds of EntryPointComponent