@types/react 19.0.12 → 19.0.13

react/README.md

@@ -8,7 +8,7 @@ This package contains type definitions for react (https://react.dev/).
 Files were exported from https://github.com/DefinitelyTyped/DefinitelyTyped/tree/master/types/react.
 
 ### Additional Details
- * Last updated: Wed, 19 Mar 2025 15:02:26 GMT
+ * Last updated: Wed, 02 Apr 2025 06:39:08 GMT
  * Dependencies: [csstype](https://npmjs.com/package/csstype)
 
 # Credits

react/experimental.d.ts

@@ -125,27 +125,25 @@ declare module "." {
         name: string;
     }
 
+    export type ViewTransitionClassPerType = Record<"default" | (string & {}), "none" | "auto" | (string & {})>;
+    export type ViewTransitionClass = ViewTransitionClassPerType | ViewTransitionClassPerType[string];
+
     export interface ViewTransitionProps {
         children?: ReactNode | undefined;
         /**
          * Assigns the {@link https://developer.chrome.com/blog/view-transitions-update-io24#view-transition-class `view-transition-class`} class to the underlying DOM node.
          */
-        className?: string | undefined;
+        default?: ViewTransitionClass | undefined;
         /**
          * Combined with {@link className} if this `<ViewTransition>` or its parent Component is mounted and there's no other with the same name being deleted.
          * `"none"` is a special value that deactivates the view transition name under that condition.
          */
-        enter?: "none" | (string & {}) | undefined;
+        enter?: ViewTransitionClass | undefined;
         /**
          * Combined with {@link className} if this `<ViewTransition>` or its parent Component is unmounted and there's no other with the same name being deleted.
          * `"none"` is a special value that deactivates the view transition name under that condition.
          */
-        exit?: "none" | (string & {}) | undefined;
-        /**
-         * Combined with {@link className} there are no updates to the content inside this boundary itself but the boundary has resized or moved due to other changes to siblings.
-         * `"none"` is a special value that deactivates the view transition name under that condition.
-         */
-        layout?: "none" | (string & {}) | undefined;
+        exit?: ViewTransitionClass | undefined;
         /**
          * "auto" will automatically assign a view-transition-name to the inner DOM node.
          * That way you can add a View Transition to a Component without controlling its DOM nodes styling otherwise.
@@ -157,34 +155,30 @@ declare module "." {
         /**
          * The `<ViewTransition>` or its parent Component is mounted and there's no other `<ViewTransition>` with the same name being deleted.
          */
-        onEnter?: (instance: ViewTransitionInstance) => void;
+        onEnter?: (instance: ViewTransitionInstance, types: Array<string>) => void;
         /**
          * The `<ViewTransition>` or its parent Component is unmounted and there's no other `<ViewTransition>` with the same name being deleted.
          */
-        onExit?: (instance: ViewTransitionInstance) => void;
-        /**
-         *  There are no updates to the content inside this `<ViewTransition>` boundary itself but the boundary has resized or moved due to other changes to siblings.
-         */
-        onLayout?: (instance: ViewTransitionInstance) => void;
+        onExit?: (instance: ViewTransitionInstance, types: Array<string>) => void;
         /**
          * This `<ViewTransition>` is being mounted and another `<ViewTransition>` instance with the same name is being unmounted elsewhere.
          */
-        onShare?: (instance: ViewTransitionInstance) => void;
+        onShare?: (instance: ViewTransitionInstance, types: Array<string>) => void;
         /**
          * The content of `<ViewTransition>` has changed either due to DOM mutations or because an inner child `<ViewTransition>` has resized.
          */
-        onUpdate?: (instance: ViewTransitionInstance) => void;
+        onUpdate?: (instance: ViewTransitionInstance, types: Array<string>) => void;
         ref?: Ref<ViewTransitionInstance> | undefined;
         /**
          * Combined with {@link className} if this `<ViewTransition>` is being mounted and another instance with the same name is being unmounted elsewhere.
          * `"none"` is a special value that deactivates the view transition name under that condition.
          */
-        share?: "none" | (string & {}) | undefined;
+        share?: ViewTransitionClass | undefined;
         /**
          * Combined with {@link className} if the content of this `<ViewTransition>` has changed either due to DOM mutations or because an inner child has resized.
          * `"none"` is a special value that deactivates the view transition name under that condition.
          */
-        update?: "none" | (string & {}) | undefined;
+        update?: ViewTransitionClass | undefined;
     }
 
     /**
@@ -196,17 +190,21 @@ declare module "." {
      */
     export const unstable_ViewTransition: ExoticComponent<ViewTransitionProps>;
 
+    export function unstable_addTransitionType(type: string): void;
+
+    // @enableGestureTransition
     // Implemented by the specific renderer e.g. `react-dom`.
     // Keep in mind that augmented interfaces merge their JSDoc so if you put
     // JSDoc here and in the renderer, the IDE will display both.
     export interface GestureProvider {}
-
-    export type StartGesture = (gestureProvider: GestureProvider) => () => void;
-
+    export interface GestureOptions {
+        rangeStart?: number | undefined;
+        rangeEnd?: number | undefined;
+    }
     /** */
-    export function unstable_useSwipeTransition<Value>(
-        previous: Value,
-        current: Value,
-        next: Value,
-    ): [value: Value, startGesture: StartGesture];
+    export function unstable_startGestureTransition(
+        provider: GestureProvider,
+        scope: () => void,
+        options?: GestureOptions,
+    ): () => void;
 }

react/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@types/react",
-    "version": "19.0.12",
+    "version": "19.0.13",
     "description": "TypeScript definitions for react",
     "homepage": "https://github.com/DefinitelyTyped/DefinitelyTyped/tree/master/types/react",
     "license": "MIT",
@@ -205,6 +205,6 @@
         "csstype": "^3.0.2"
     },
     "peerDependencies": {},
-    "typesPublisherContentHash": "d6d39c1d98bf77944b5e2f9ed07ca37b70c29b96a108614db9e4b4d5ca8a106d",
-    "typeScriptVersion": "5.0"
+    "typesPublisherContentHash": "38786eb73152e3fd0ce837f2250de108f3c57ca200e55b366f844b148d56ada2",
+    "typeScriptVersion": "5.1"
 }

react/ts5.0/experimental.d.ts

@@ -125,27 +125,25 @@ declare module "." {
         name: string;
     }
 
+    export type ViewTransitionClassPerType = Record<"default" | (string & {}), "none" | "auto" | (string & {})>;
+    export type ViewTransitionClass = ViewTransitionClassPerType | ViewTransitionClassPerType[string];
+
     export interface ViewTransitionProps {
         children?: ReactNode | undefined;
         /**
          * Assigns the {@link https://developer.chrome.com/blog/view-transitions-update-io24#view-transition-class `view-transition-class`} class to the underlying DOM node.
          */
-        className?: string | undefined;
+        default?: ViewTransitionClass | undefined;
         /**
          * Combined with {@link className} if this `<ViewTransition>` or its parent Component is mounted and there's no other with the same name being deleted.
          * `"none"` is a special value that deactivates the view transition name under that condition.
          */
-        enter?: "none" | (string & {}) | undefined;
+        enter?: ViewTransitionClass | undefined;
         /**
          * Combined with {@link className} if this `<ViewTransition>` or its parent Component is unmounted and there's no other with the same name being deleted.
          * `"none"` is a special value that deactivates the view transition name under that condition.
          */
-        exit?: "none" | (string & {}) | undefined;
-        /**
-         * Combined with {@link className} there are no updates to the content inside this boundary itself but the boundary has resized or moved due to other changes to siblings.
-         * `"none"` is a special value that deactivates the view transition name under that condition.
-         */
-        layout?: "none" | (string & {}) | undefined;
+        exit?: ViewTransitionClass | undefined;
         /**
          * "auto" will automatically assign a view-transition-name to the inner DOM node.
          * That way you can add a View Transition to a Component without controlling its DOM nodes styling otherwise.
@@ -157,34 +155,30 @@ declare module "." {
         /**
          * The `<ViewTransition>` or its parent Component is mounted and there's no other `<ViewTransition>` with the same name being deleted.
          */
-        onEnter?: (instance: ViewTransitionInstance) => void;
+        onEnter?: (instance: ViewTransitionInstance, types: Array<string>) => void;
         /**
          * The `<ViewTransition>` or its parent Component is unmounted and there's no other `<ViewTransition>` with the same name being deleted.
          */
-        onExit?: (instance: ViewTransitionInstance) => void;
-        /**
-         *  There are no updates to the content inside this `<ViewTransition>` boundary itself but the boundary has resized or moved due to other changes to siblings.
-         */
-        onLayout?: (instance: ViewTransitionInstance) => void;
+        onExit?: (instance: ViewTransitionInstance, types: Array<string>) => void;
         /**
          * This `<ViewTransition>` is being mounted and another `<ViewTransition>` instance with the same name is being unmounted elsewhere.
          */
-        onShare?: (instance: ViewTransitionInstance) => void;
+        onShare?: (instance: ViewTransitionInstance, types: Array<string>) => void;
         /**
          * The content of `<ViewTransition>` has changed either due to DOM mutations or because an inner child `<ViewTransition>` has resized.
          */
-        onUpdate?: (instance: ViewTransitionInstance) => void;
+        onUpdate?: (instance: ViewTransitionInstance, types: Array<string>) => void;
         ref?: Ref<ViewTransitionInstance> | undefined;
         /**
          * Combined with {@link className} if this `<ViewTransition>` is being mounted and another instance with the same name is being unmounted elsewhere.
          * `"none"` is a special value that deactivates the view transition name under that condition.
          */
-        share?: "none" | (string & {}) | undefined;
+        share?: ViewTransitionClass | undefined;
         /**
          * Combined with {@link className} if the content of this `<ViewTransition>` has changed either due to DOM mutations or because an inner child has resized.
          * `"none"` is a special value that deactivates the view transition name under that condition.
          */
-        update?: "none" | (string & {}) | undefined;
+        update?: ViewTransitionClass | undefined;
     }
 
     /**
@@ -196,17 +190,21 @@ declare module "." {
      */
     export const unstable_ViewTransition: ExoticComponent<ViewTransitionProps>;
 
+    export function unstable_addTransitionType(type: string): void;
+
+    // @enableGestureTransition
     // Implemented by the specific renderer e.g. `react-dom`.
     // Keep in mind that augmented interfaces merge their JSDoc so if you put
     // JSDoc here and in the renderer, the IDE will display both.
     export interface GestureProvider {}
-
-    export type StartGesture = (gestureProvider: GestureProvider) => () => void;
-
+    export interface GestureOptions {
+        rangeStart?: number | undefined;
+        rangeEnd?: number | undefined;
+    }
     /** */
-    export function unstable_useSwipeTransition<Value>(
-        previous: Value,
-        current: Value,
-        next: Value,
-    ): [value: Value, startGesture: StartGesture];
+    export function unstable_startGestureTransition(
+        provider: GestureProvider,
+        scope: () => void,
+        options?: GestureOptions,
+    ): () => void;
 }