@types/react 19.1.8 → 19.2.2
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- react/README.md +1 -1
- react/canary.d.ts +85 -0
- react/experimental.d.ts +0 -99
- react/index.d.ts +54 -5
- react/package.json +3 -3
- react/ts5.0/canary.d.ts +85 -0
- react/ts5.0/experimental.d.ts +0 -99
- react/ts5.0/index.d.ts +56 -6
- react/ts5.0/v18/global.d.ts +0 -161
- react/ts5.0/v18/index.d.ts +0 -4550
- react/ts5.0/v18/jsx-dev-runtime.d.ts +0 -45
- react/ts5.0/v18/jsx-runtime.d.ts +0 -36
- react/ts5.0/v18/ts5.0/global.d.ts +0 -161
- react/ts5.0/v18/ts5.0/index.d.ts +0 -4537
- react/ts5.0/v18/ts5.0/jsx-dev-runtime.d.ts +0 -44
- react/ts5.0/v18/ts5.0/jsx-runtime.d.ts +0 -35
react/README.md
CHANGED
|
@@ -8,7 +8,7 @@ This package contains type definitions for react (https://react.dev/).
|
|
|
8
8
|
Files were exported from https://github.com/DefinitelyTyped/DefinitelyTyped/tree/master/types/react.
|
|
9
9
|
|
|
10
10
|
### Additional Details
|
|
11
|
-
* Last updated:
|
|
11
|
+
* Last updated: Tue, 07 Oct 2025 05:34:23 GMT
|
|
12
12
|
* Dependencies: [csstype](https://npmjs.com/package/csstype)
|
|
13
13
|
|
|
14
14
|
# Credits
|
react/canary.d.ts
CHANGED
|
@@ -32,4 +32,89 @@ type VoidOrUndefinedOnly = void | { [UNDEFINED_VOID_ONLY]: never };
|
|
|
32
32
|
|
|
33
33
|
declare module "." {
|
|
34
34
|
export function unstable_useCacheRefresh(): () => void;
|
|
35
|
+
|
|
36
|
+
// @enableViewTransition
|
|
37
|
+
export interface ViewTransitionInstance {
|
|
38
|
+
/**
|
|
39
|
+
* The {@link ViewTransitionProps name} that was used in the corresponding {@link ViewTransition} component or `"auto"` if the `name` prop was omitted.
|
|
40
|
+
*/
|
|
41
|
+
name: string;
|
|
42
|
+
}
|
|
43
|
+
|
|
44
|
+
export type ViewTransitionClassPerType = Record<"default" | (string & {}), "none" | "auto" | (string & {})>;
|
|
45
|
+
export type ViewTransitionClass = ViewTransitionClassPerType | ViewTransitionClassPerType[string];
|
|
46
|
+
|
|
47
|
+
export interface ViewTransitionProps {
|
|
48
|
+
children?: ReactNode | undefined;
|
|
49
|
+
/**
|
|
50
|
+
* Assigns the {@link https://developer.chrome.com/blog/view-transitions-update-io24#view-transition-class `view-transition-class`} class to the underlying DOM node.
|
|
51
|
+
*/
|
|
52
|
+
default?: ViewTransitionClass | undefined;
|
|
53
|
+
/**
|
|
54
|
+
* Combined with {@link className} if this `<ViewTransition>` or its parent Component is mounted and there's no other with the same name being deleted.
|
|
55
|
+
* `"none"` is a special value that deactivates the view transition name under that condition.
|
|
56
|
+
*/
|
|
57
|
+
enter?: ViewTransitionClass | undefined;
|
|
58
|
+
/**
|
|
59
|
+
* Combined with {@link className} if this `<ViewTransition>` or its parent Component is unmounted and there's no other with the same name being deleted.
|
|
60
|
+
* `"none"` is a special value that deactivates the view transition name under that condition.
|
|
61
|
+
*/
|
|
62
|
+
exit?: ViewTransitionClass | undefined;
|
|
63
|
+
/**
|
|
64
|
+
* "auto" will automatically assign a view-transition-name to the inner DOM node.
|
|
65
|
+
* That way you can add a View Transition to a Component without controlling its DOM nodes styling otherwise.
|
|
66
|
+
*
|
|
67
|
+
* A difference between this and the browser's built-in view-transition-name: auto is that switching the DOM nodes within the `<ViewTransition>` component preserves the same name so this example cross-fades between the DOM nodes instead of causing an exit and enter.
|
|
68
|
+
* @default "auto"
|
|
69
|
+
*/
|
|
70
|
+
name?: "auto" | (string & {}) | undefined;
|
|
71
|
+
/**
|
|
72
|
+
* The `<ViewTransition>` or its parent Component is mounted and there's no other `<ViewTransition>` with the same name being deleted.
|
|
73
|
+
*/
|
|
74
|
+
onEnter?: (instance: ViewTransitionInstance, types: Array<string>) => void;
|
|
75
|
+
/**
|
|
76
|
+
* The `<ViewTransition>` or its parent Component is unmounted and there's no other `<ViewTransition>` with the same name being deleted.
|
|
77
|
+
*/
|
|
78
|
+
onExit?: (instance: ViewTransitionInstance, types: Array<string>) => void;
|
|
79
|
+
/**
|
|
80
|
+
* This `<ViewTransition>` is being mounted and another `<ViewTransition>` instance with the same name is being unmounted elsewhere.
|
|
81
|
+
*/
|
|
82
|
+
onShare?: (instance: ViewTransitionInstance, types: Array<string>) => void;
|
|
83
|
+
/**
|
|
84
|
+
* The content of `<ViewTransition>` has changed either due to DOM mutations or because an inner child `<ViewTransition>` has resized.
|
|
85
|
+
*/
|
|
86
|
+
onUpdate?: (instance: ViewTransitionInstance, types: Array<string>) => void;
|
|
87
|
+
ref?: Ref<ViewTransitionInstance> | undefined;
|
|
88
|
+
/**
|
|
89
|
+
* Combined with {@link className} if this `<ViewTransition>` is being mounted and another instance with the same name is being unmounted elsewhere.
|
|
90
|
+
* `"none"` is a special value that deactivates the view transition name under that condition.
|
|
91
|
+
*/
|
|
92
|
+
share?: ViewTransitionClass | undefined;
|
|
93
|
+
/**
|
|
94
|
+
* Combined with {@link className} if the content of this `<ViewTransition>` has changed either due to DOM mutations or because an inner child has resized.
|
|
95
|
+
* `"none"` is a special value that deactivates the view transition name under that condition.
|
|
96
|
+
*/
|
|
97
|
+
update?: ViewTransitionClass | undefined;
|
|
98
|
+
}
|
|
99
|
+
|
|
100
|
+
/**
|
|
101
|
+
* Opt-in for using {@link https://developer.mozilla.org/en-US/docs/Web/API/View_Transition_API View Transitions} in React.
|
|
102
|
+
* View Transitions only trigger for async updates like {@link startTransition}, {@link useDeferredValue}, Actions or <{@link Suspense}> revealing from fallback to content.
|
|
103
|
+
* Synchronous updates provide an opt-out but also guarantee that they commit immediately which View Transitions can't.
|
|
104
|
+
*
|
|
105
|
+
* @see {@link https://react.dev/reference/react/ViewTransition `<ViewTransition>` reference documentation}
|
|
106
|
+
*/
|
|
107
|
+
export const ViewTransition: ExoticComponent<ViewTransitionProps>;
|
|
108
|
+
|
|
109
|
+
/**
|
|
110
|
+
* @see {@link https://react.dev/reference/react/addTransitionType `addTransitionType` reference documentation}
|
|
111
|
+
*/
|
|
112
|
+
export function addTransitionType(type: string): void;
|
|
113
|
+
|
|
114
|
+
// @enableFragmentRefs
|
|
115
|
+
export interface FragmentInstance {}
|
|
116
|
+
|
|
117
|
+
export interface FragmentProps {
|
|
118
|
+
ref?: Ref<FragmentInstance> | undefined;
|
|
119
|
+
}
|
|
35
120
|
}
|
react/experimental.d.ts
CHANGED
|
@@ -108,9 +108,6 @@ declare module "." {
|
|
|
108
108
|
*/
|
|
109
109
|
export const unstable_SuspenseList: ExoticComponent<SuspenseListProps>;
|
|
110
110
|
|
|
111
|
-
// eslint-disable-next-line @typescript-eslint/no-unsafe-function-type
|
|
112
|
-
export function experimental_useEffectEvent<T extends Function>(event: T): T;
|
|
113
|
-
|
|
114
111
|
type Reference = object;
|
|
115
112
|
type TaintableUniqueValue = string | bigint | ArrayBufferView;
|
|
116
113
|
function experimental_taintUniqueValue(
|
|
@@ -120,80 +117,6 @@ declare module "." {
|
|
|
120
117
|
): void;
|
|
121
118
|
function experimental_taintObjectReference(message: string | undefined, object: Reference): void;
|
|
122
119
|
|
|
123
|
-
export interface ViewTransitionInstance {
|
|
124
|
-
/**
|
|
125
|
-
* The {@link ViewTransitionProps name} that was used in the corresponding {@link ViewTransition} component or `"auto"` if the `name` prop was omitted.
|
|
126
|
-
*/
|
|
127
|
-
name: string;
|
|
128
|
-
}
|
|
129
|
-
|
|
130
|
-
export type ViewTransitionClassPerType = Record<"default" | (string & {}), "none" | "auto" | (string & {})>;
|
|
131
|
-
export type ViewTransitionClass = ViewTransitionClassPerType | ViewTransitionClassPerType[string];
|
|
132
|
-
|
|
133
|
-
export interface ViewTransitionProps {
|
|
134
|
-
children?: ReactNode | undefined;
|
|
135
|
-
/**
|
|
136
|
-
* Assigns the {@link https://developer.chrome.com/blog/view-transitions-update-io24#view-transition-class `view-transition-class`} class to the underlying DOM node.
|
|
137
|
-
*/
|
|
138
|
-
default?: ViewTransitionClass | undefined;
|
|
139
|
-
/**
|
|
140
|
-
* Combined with {@link className} if this `<ViewTransition>` or its parent Component is mounted and there's no other with the same name being deleted.
|
|
141
|
-
* `"none"` is a special value that deactivates the view transition name under that condition.
|
|
142
|
-
*/
|
|
143
|
-
enter?: ViewTransitionClass | undefined;
|
|
144
|
-
/**
|
|
145
|
-
* Combined with {@link className} if this `<ViewTransition>` or its parent Component is unmounted and there's no other with the same name being deleted.
|
|
146
|
-
* `"none"` is a special value that deactivates the view transition name under that condition.
|
|
147
|
-
*/
|
|
148
|
-
exit?: ViewTransitionClass | undefined;
|
|
149
|
-
/**
|
|
150
|
-
* "auto" will automatically assign a view-transition-name to the inner DOM node.
|
|
151
|
-
* That way you can add a View Transition to a Component without controlling its DOM nodes styling otherwise.
|
|
152
|
-
*
|
|
153
|
-
* A difference between this and the browser's built-in view-transition-name: auto is that switching the DOM nodes within the `<ViewTransition>` component preserves the same name so this example cross-fades between the DOM nodes instead of causing an exit and enter.
|
|
154
|
-
* @default "auto"
|
|
155
|
-
*/
|
|
156
|
-
name?: "auto" | (string & {}) | undefined;
|
|
157
|
-
/**
|
|
158
|
-
* The `<ViewTransition>` or its parent Component is mounted and there's no other `<ViewTransition>` with the same name being deleted.
|
|
159
|
-
*/
|
|
160
|
-
onEnter?: (instance: ViewTransitionInstance, types: Array<string>) => void;
|
|
161
|
-
/**
|
|
162
|
-
* The `<ViewTransition>` or its parent Component is unmounted and there's no other `<ViewTransition>` with the same name being deleted.
|
|
163
|
-
*/
|
|
164
|
-
onExit?: (instance: ViewTransitionInstance, types: Array<string>) => void;
|
|
165
|
-
/**
|
|
166
|
-
* This `<ViewTransition>` is being mounted and another `<ViewTransition>` instance with the same name is being unmounted elsewhere.
|
|
167
|
-
*/
|
|
168
|
-
onShare?: (instance: ViewTransitionInstance, types: Array<string>) => void;
|
|
169
|
-
/**
|
|
170
|
-
* The content of `<ViewTransition>` has changed either due to DOM mutations or because an inner child `<ViewTransition>` has resized.
|
|
171
|
-
*/
|
|
172
|
-
onUpdate?: (instance: ViewTransitionInstance, types: Array<string>) => void;
|
|
173
|
-
ref?: Ref<ViewTransitionInstance> | undefined;
|
|
174
|
-
/**
|
|
175
|
-
* Combined with {@link className} if this `<ViewTransition>` is being mounted and another instance with the same name is being unmounted elsewhere.
|
|
176
|
-
* `"none"` is a special value that deactivates the view transition name under that condition.
|
|
177
|
-
*/
|
|
178
|
-
share?: ViewTransitionClass | undefined;
|
|
179
|
-
/**
|
|
180
|
-
* Combined with {@link className} if the content of this `<ViewTransition>` has changed either due to DOM mutations or because an inner child has resized.
|
|
181
|
-
* `"none"` is a special value that deactivates the view transition name under that condition.
|
|
182
|
-
*/
|
|
183
|
-
update?: ViewTransitionClass | undefined;
|
|
184
|
-
}
|
|
185
|
-
|
|
186
|
-
/**
|
|
187
|
-
* Opt-in for using {@link https://developer.mozilla.org/en-US/docs/Web/API/View_Transition_API View Transitions} in React.
|
|
188
|
-
* View Transitions only trigger for async updates like {@link startTransition}, {@link useDeferredValue}, Actions or <{@link Suspense}> revealing from fallback to content.
|
|
189
|
-
* Synchronous updates provide an opt-out but also guarantee that they commit immediately which View Transitions can't.
|
|
190
|
-
*
|
|
191
|
-
* @see {@link https://github.com/facebook/react/pull/31975}
|
|
192
|
-
*/
|
|
193
|
-
export const unstable_ViewTransition: ExoticComponent<ViewTransitionProps>;
|
|
194
|
-
|
|
195
|
-
export function unstable_addTransitionType(type: string): void;
|
|
196
|
-
|
|
197
120
|
// @enableGestureTransition
|
|
198
121
|
// Implemented by the specific renderer e.g. `react-dom`.
|
|
199
122
|
// Keep in mind that augmented interfaces merge their JSDoc so if you put
|
|
@@ -210,28 +133,6 @@ declare module "." {
|
|
|
210
133
|
options?: GestureOptions,
|
|
211
134
|
): () => void;
|
|
212
135
|
|
|
213
|
-
// @enableFragmentRefs
|
|
214
|
-
export interface FragmentInstance {}
|
|
215
|
-
|
|
216
|
-
export interface FragmentProps {
|
|
217
|
-
ref?: Ref<FragmentInstance> | undefined;
|
|
218
|
-
}
|
|
219
|
-
|
|
220
|
-
// @enableActivity
|
|
221
|
-
export interface ActivityProps {
|
|
222
|
-
/**
|
|
223
|
-
* @default "visible"
|
|
224
|
-
*/
|
|
225
|
-
mode?:
|
|
226
|
-
| "hidden"
|
|
227
|
-
| "visible"
|
|
228
|
-
| undefined;
|
|
229
|
-
children: ReactNode;
|
|
230
|
-
}
|
|
231
|
-
|
|
232
|
-
/** */
|
|
233
|
-
export const unstable_Activity: ExoticComponent<ActivityProps>;
|
|
234
|
-
|
|
235
136
|
// @enableSrcObject
|
|
236
137
|
interface DO_NOT_USE_OR_YOU_WILL_BE_FIRED_EXPERIMENTAL_IMG_SRC_TYPES {
|
|
237
138
|
srcObject: Blob;
|
react/index.d.ts
CHANGED
|
@@ -1774,13 +1774,17 @@ declare namespace React {
|
|
|
1774
1774
|
* @see {@link https://react.dev/reference/react/useEffect}
|
|
1775
1775
|
*/
|
|
1776
1776
|
function useEffect(effect: EffectCallback, deps?: DependencyList): void;
|
|
1777
|
+
/**
|
|
1778
|
+
* @see {@link https://react.dev/reference/react/useEffectEvent `useEffectEvent()` documentation}
|
|
1779
|
+
* @version 19.2.0
|
|
1780
|
+
*/
|
|
1781
|
+
// eslint-disable-next-line @typescript-eslint/no-unsafe-function-type
|
|
1782
|
+
export function useEffectEvent<T extends Function>(callback: T): T;
|
|
1777
1783
|
// NOTE: this does not accept strings, but this will have to be fixed by removing strings from type Ref<T>
|
|
1778
1784
|
/**
|
|
1779
1785
|
* `useImperativeHandle` customizes the instance value that is exposed to parent components when using
|
|
1780
1786
|
* `ref`. As always, imperative code using refs should be avoided in most cases.
|
|
1781
1787
|
*
|
|
1782
|
-
* `useImperativeHandle` should be used with `React.forwardRef`.
|
|
1783
|
-
*
|
|
1784
1788
|
* @version 16.8.0
|
|
1785
1789
|
* @see {@link https://react.dev/reference/react/useImperativeHandle}
|
|
1786
1790
|
*/
|
|
@@ -1940,10 +1944,39 @@ declare namespace React {
|
|
|
1940
1944
|
// eslint-disable-next-line @typescript-eslint/no-unsafe-function-type
|
|
1941
1945
|
export function cache<CachedFunction extends Function>(fn: CachedFunction): CachedFunction;
|
|
1942
1946
|
|
|
1947
|
+
export interface CacheSignal {}
|
|
1948
|
+
/**
|
|
1949
|
+
* @version 19.2.0
|
|
1950
|
+
*/
|
|
1951
|
+
export function cacheSignal(): null | CacheSignal;
|
|
1952
|
+
|
|
1953
|
+
export interface ActivityProps {
|
|
1954
|
+
/**
|
|
1955
|
+
* @default "visible"
|
|
1956
|
+
*/
|
|
1957
|
+
mode?:
|
|
1958
|
+
| "hidden"
|
|
1959
|
+
| "visible"
|
|
1960
|
+
| undefined;
|
|
1961
|
+
/**
|
|
1962
|
+
* A name for this Activity boundary for instrumentation purposes.
|
|
1963
|
+
* The name will help identify this boundary in React DevTools.
|
|
1964
|
+
*/
|
|
1965
|
+
name?: string | undefined;
|
|
1966
|
+
children: ReactNode;
|
|
1967
|
+
}
|
|
1968
|
+
|
|
1969
|
+
/**
|
|
1970
|
+
* @see {@link https://react.dev/reference/react/Activity `<Activity>` documentation}
|
|
1971
|
+
* @version 19.2.0
|
|
1972
|
+
*/
|
|
1973
|
+
export const Activity: ExoticComponent<ActivityProps>;
|
|
1974
|
+
|
|
1943
1975
|
/**
|
|
1944
1976
|
* Warning: Only available in development builds.
|
|
1945
1977
|
*
|
|
1946
1978
|
* @see {@link https://react.dev/reference/react/captureOwnerStack Reference docs}
|
|
1979
|
+
* @version 19.1.0
|
|
1947
1980
|
*/
|
|
1948
1981
|
function captureOwnerStack(): string | null;
|
|
1949
1982
|
|
|
@@ -2749,7 +2782,7 @@ declare namespace React {
|
|
|
2749
2782
|
unselectable?: "on" | "off" | undefined;
|
|
2750
2783
|
|
|
2751
2784
|
// Popover API
|
|
2752
|
-
popover?: "" | "auto" | "manual" | undefined;
|
|
2785
|
+
popover?: "" | "auto" | "manual" | "hint" | undefined;
|
|
2753
2786
|
popoverTargetAction?: "toggle" | "show" | "hide" | undefined;
|
|
2754
2787
|
popoverTarget?: string | undefined;
|
|
2755
2788
|
|
|
@@ -3003,6 +3036,7 @@ declare namespace React {
|
|
|
3003
3036
|
}
|
|
3004
3037
|
|
|
3005
3038
|
interface DialogHTMLAttributes<T> extends HTMLAttributes<T> {
|
|
3039
|
+
closedby?: "any" | "closerequest" | "none" | undefined;
|
|
3006
3040
|
onCancel?: ReactEventHandler<T> | undefined;
|
|
3007
3041
|
onClose?: ReactEventHandler<T> | undefined;
|
|
3008
3042
|
open?: boolean | undefined;
|
|
@@ -3365,6 +3399,7 @@ declare namespace React {
|
|
|
3365
3399
|
charSet?: string | undefined;
|
|
3366
3400
|
crossOrigin?: CrossOrigin;
|
|
3367
3401
|
defer?: boolean | undefined;
|
|
3402
|
+
fetchPriority?: "high" | "low" | "auto" | undefined;
|
|
3368
3403
|
integrity?: string | undefined;
|
|
3369
3404
|
noModule?: boolean | undefined;
|
|
3370
3405
|
referrerPolicy?: HTMLAttributeReferrerPolicy | undefined;
|
|
@@ -3572,7 +3607,21 @@ declare namespace React {
|
|
|
3572
3607
|
direction?: number | string | undefined;
|
|
3573
3608
|
display?: number | string | undefined;
|
|
3574
3609
|
divisor?: number | string | undefined;
|
|
3575
|
-
dominantBaseline?:
|
|
3610
|
+
dominantBaseline?:
|
|
3611
|
+
| "auto"
|
|
3612
|
+
| "use-script"
|
|
3613
|
+
| "no-change"
|
|
3614
|
+
| "reset-size"
|
|
3615
|
+
| "ideographic"
|
|
3616
|
+
| "alphabetic"
|
|
3617
|
+
| "hanging"
|
|
3618
|
+
| "mathematical"
|
|
3619
|
+
| "central"
|
|
3620
|
+
| "middle"
|
|
3621
|
+
| "text-after-edge"
|
|
3622
|
+
| "text-before-edge"
|
|
3623
|
+
| "inherit"
|
|
3624
|
+
| undefined;
|
|
3576
3625
|
dur?: number | string | undefined;
|
|
3577
3626
|
dx?: number | string | undefined;
|
|
3578
3627
|
dy?: number | string | undefined;
|
|
@@ -3719,7 +3768,7 @@ declare namespace React {
|
|
|
3719
3768
|
tableValues?: number | string | undefined;
|
|
3720
3769
|
targetX?: number | string | undefined;
|
|
3721
3770
|
targetY?: number | string | undefined;
|
|
3722
|
-
textAnchor?:
|
|
3771
|
+
textAnchor?: "start" | "middle" | "end" | "inherit" | undefined;
|
|
3723
3772
|
textDecoration?: number | string | undefined;
|
|
3724
3773
|
textLength?: number | string | undefined;
|
|
3725
3774
|
textRendering?: number | string | undefined;
|
react/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@types/react",
|
|
3
|
-
"version": "19.
|
|
3
|
+
"version": "19.2.2",
|
|
4
4
|
"description": "TypeScript definitions for react",
|
|
5
5
|
"homepage": "https://github.com/DefinitelyTyped/DefinitelyTyped/tree/master/types/react",
|
|
6
6
|
"license": "MIT",
|
|
@@ -205,6 +205,6 @@
|
|
|
205
205
|
"csstype": "^3.0.2"
|
|
206
206
|
},
|
|
207
207
|
"peerDependencies": {},
|
|
208
|
-
"typesPublisherContentHash": "
|
|
209
|
-
"typeScriptVersion": "5.
|
|
208
|
+
"typesPublisherContentHash": "68c52e24d44da5913d4220a0dd3380ca866be4e58a724ee668fa152a7b358e72",
|
|
209
|
+
"typeScriptVersion": "5.2"
|
|
210
210
|
}
|
react/ts5.0/canary.d.ts
CHANGED
|
@@ -32,4 +32,89 @@ type VoidOrUndefinedOnly = void | { [UNDEFINED_VOID_ONLY]: never };
|
|
|
32
32
|
|
|
33
33
|
declare module "." {
|
|
34
34
|
export function unstable_useCacheRefresh(): () => void;
|
|
35
|
+
|
|
36
|
+
// @enableViewTransition
|
|
37
|
+
export interface ViewTransitionInstance {
|
|
38
|
+
/**
|
|
39
|
+
* The {@link ViewTransitionProps name} that was used in the corresponding {@link ViewTransition} component or `"auto"` if the `name` prop was omitted.
|
|
40
|
+
*/
|
|
41
|
+
name: string;
|
|
42
|
+
}
|
|
43
|
+
|
|
44
|
+
export type ViewTransitionClassPerType = Record<"default" | (string & {}), "none" | "auto" | (string & {})>;
|
|
45
|
+
export type ViewTransitionClass = ViewTransitionClassPerType | ViewTransitionClassPerType[string];
|
|
46
|
+
|
|
47
|
+
export interface ViewTransitionProps {
|
|
48
|
+
children?: ReactNode | undefined;
|
|
49
|
+
/**
|
|
50
|
+
* Assigns the {@link https://developer.chrome.com/blog/view-transitions-update-io24#view-transition-class `view-transition-class`} class to the underlying DOM node.
|
|
51
|
+
*/
|
|
52
|
+
default?: ViewTransitionClass | undefined;
|
|
53
|
+
/**
|
|
54
|
+
* Combined with {@link className} if this `<ViewTransition>` or its parent Component is mounted and there's no other with the same name being deleted.
|
|
55
|
+
* `"none"` is a special value that deactivates the view transition name under that condition.
|
|
56
|
+
*/
|
|
57
|
+
enter?: ViewTransitionClass | undefined;
|
|
58
|
+
/**
|
|
59
|
+
* Combined with {@link className} if this `<ViewTransition>` or its parent Component is unmounted and there's no other with the same name being deleted.
|
|
60
|
+
* `"none"` is a special value that deactivates the view transition name under that condition.
|
|
61
|
+
*/
|
|
62
|
+
exit?: ViewTransitionClass | undefined;
|
|
63
|
+
/**
|
|
64
|
+
* "auto" will automatically assign a view-transition-name to the inner DOM node.
|
|
65
|
+
* That way you can add a View Transition to a Component without controlling its DOM nodes styling otherwise.
|
|
66
|
+
*
|
|
67
|
+
* A difference between this and the browser's built-in view-transition-name: auto is that switching the DOM nodes within the `<ViewTransition>` component preserves the same name so this example cross-fades between the DOM nodes instead of causing an exit and enter.
|
|
68
|
+
* @default "auto"
|
|
69
|
+
*/
|
|
70
|
+
name?: "auto" | (string & {}) | undefined;
|
|
71
|
+
/**
|
|
72
|
+
* The `<ViewTransition>` or its parent Component is mounted and there's no other `<ViewTransition>` with the same name being deleted.
|
|
73
|
+
*/
|
|
74
|
+
onEnter?: (instance: ViewTransitionInstance, types: Array<string>) => void;
|
|
75
|
+
/**
|
|
76
|
+
* The `<ViewTransition>` or its parent Component is unmounted and there's no other `<ViewTransition>` with the same name being deleted.
|
|
77
|
+
*/
|
|
78
|
+
onExit?: (instance: ViewTransitionInstance, types: Array<string>) => void;
|
|
79
|
+
/**
|
|
80
|
+
* This `<ViewTransition>` is being mounted and another `<ViewTransition>` instance with the same name is being unmounted elsewhere.
|
|
81
|
+
*/
|
|
82
|
+
onShare?: (instance: ViewTransitionInstance, types: Array<string>) => void;
|
|
83
|
+
/**
|
|
84
|
+
* The content of `<ViewTransition>` has changed either due to DOM mutations or because an inner child `<ViewTransition>` has resized.
|
|
85
|
+
*/
|
|
86
|
+
onUpdate?: (instance: ViewTransitionInstance, types: Array<string>) => void;
|
|
87
|
+
ref?: Ref<ViewTransitionInstance> | undefined;
|
|
88
|
+
/**
|
|
89
|
+
* Combined with {@link className} if this `<ViewTransition>` is being mounted and another instance with the same name is being unmounted elsewhere.
|
|
90
|
+
* `"none"` is a special value that deactivates the view transition name under that condition.
|
|
91
|
+
*/
|
|
92
|
+
share?: ViewTransitionClass | undefined;
|
|
93
|
+
/**
|
|
94
|
+
* Combined with {@link className} if the content of this `<ViewTransition>` has changed either due to DOM mutations or because an inner child has resized.
|
|
95
|
+
* `"none"` is a special value that deactivates the view transition name under that condition.
|
|
96
|
+
*/
|
|
97
|
+
update?: ViewTransitionClass | undefined;
|
|
98
|
+
}
|
|
99
|
+
|
|
100
|
+
/**
|
|
101
|
+
* Opt-in for using {@link https://developer.mozilla.org/en-US/docs/Web/API/View_Transition_API View Transitions} in React.
|
|
102
|
+
* View Transitions only trigger for async updates like {@link startTransition}, {@link useDeferredValue}, Actions or <{@link Suspense}> revealing from fallback to content.
|
|
103
|
+
* Synchronous updates provide an opt-out but also guarantee that they commit immediately which View Transitions can't.
|
|
104
|
+
*
|
|
105
|
+
* @see {@link https://react.dev/reference/react/ViewTransition `<ViewTransition>` reference documentation}
|
|
106
|
+
*/
|
|
107
|
+
export const ViewTransition: ExoticComponent<ViewTransitionProps>;
|
|
108
|
+
|
|
109
|
+
/**
|
|
110
|
+
* @see {@link https://react.dev/reference/react/addTransitionType `addTransitionType` reference documentation}
|
|
111
|
+
*/
|
|
112
|
+
export function addTransitionType(type: string): void;
|
|
113
|
+
|
|
114
|
+
// @enableFragmentRefs
|
|
115
|
+
export interface FragmentInstance {}
|
|
116
|
+
|
|
117
|
+
export interface FragmentProps {
|
|
118
|
+
ref?: Ref<FragmentInstance> | undefined;
|
|
119
|
+
}
|
|
35
120
|
}
|
react/ts5.0/experimental.d.ts
CHANGED
|
@@ -108,9 +108,6 @@ declare module "." {
|
|
|
108
108
|
*/
|
|
109
109
|
export const unstable_SuspenseList: ExoticComponent<SuspenseListProps>;
|
|
110
110
|
|
|
111
|
-
// eslint-disable-next-line @typescript-eslint/no-unsafe-function-type
|
|
112
|
-
export function experimental_useEffectEvent<T extends Function>(event: T): T;
|
|
113
|
-
|
|
114
111
|
type Reference = object;
|
|
115
112
|
type TaintableUniqueValue = string | bigint | ArrayBufferView;
|
|
116
113
|
function experimental_taintUniqueValue(
|
|
@@ -120,80 +117,6 @@ declare module "." {
|
|
|
120
117
|
): void;
|
|
121
118
|
function experimental_taintObjectReference(message: string | undefined, object: Reference): void;
|
|
122
119
|
|
|
123
|
-
export interface ViewTransitionInstance {
|
|
124
|
-
/**
|
|
125
|
-
* The {@link ViewTransitionProps name} that was used in the corresponding {@link ViewTransition} component or `"auto"` if the `name` prop was omitted.
|
|
126
|
-
*/
|
|
127
|
-
name: string;
|
|
128
|
-
}
|
|
129
|
-
|
|
130
|
-
export type ViewTransitionClassPerType = Record<"default" | (string & {}), "none" | "auto" | (string & {})>;
|
|
131
|
-
export type ViewTransitionClass = ViewTransitionClassPerType | ViewTransitionClassPerType[string];
|
|
132
|
-
|
|
133
|
-
export interface ViewTransitionProps {
|
|
134
|
-
children?: ReactNode | undefined;
|
|
135
|
-
/**
|
|
136
|
-
* Assigns the {@link https://developer.chrome.com/blog/view-transitions-update-io24#view-transition-class `view-transition-class`} class to the underlying DOM node.
|
|
137
|
-
*/
|
|
138
|
-
default?: ViewTransitionClass | undefined;
|
|
139
|
-
/**
|
|
140
|
-
* Combined with {@link className} if this `<ViewTransition>` or its parent Component is mounted and there's no other with the same name being deleted.
|
|
141
|
-
* `"none"` is a special value that deactivates the view transition name under that condition.
|
|
142
|
-
*/
|
|
143
|
-
enter?: ViewTransitionClass | undefined;
|
|
144
|
-
/**
|
|
145
|
-
* Combined with {@link className} if this `<ViewTransition>` or its parent Component is unmounted and there's no other with the same name being deleted.
|
|
146
|
-
* `"none"` is a special value that deactivates the view transition name under that condition.
|
|
147
|
-
*/
|
|
148
|
-
exit?: ViewTransitionClass | undefined;
|
|
149
|
-
/**
|
|
150
|
-
* "auto" will automatically assign a view-transition-name to the inner DOM node.
|
|
151
|
-
* That way you can add a View Transition to a Component without controlling its DOM nodes styling otherwise.
|
|
152
|
-
*
|
|
153
|
-
* A difference between this and the browser's built-in view-transition-name: auto is that switching the DOM nodes within the `<ViewTransition>` component preserves the same name so this example cross-fades between the DOM nodes instead of causing an exit and enter.
|
|
154
|
-
* @default "auto"
|
|
155
|
-
*/
|
|
156
|
-
name?: "auto" | (string & {}) | undefined;
|
|
157
|
-
/**
|
|
158
|
-
* The `<ViewTransition>` or its parent Component is mounted and there's no other `<ViewTransition>` with the same name being deleted.
|
|
159
|
-
*/
|
|
160
|
-
onEnter?: (instance: ViewTransitionInstance, types: Array<string>) => void;
|
|
161
|
-
/**
|
|
162
|
-
* The `<ViewTransition>` or its parent Component is unmounted and there's no other `<ViewTransition>` with the same name being deleted.
|
|
163
|
-
*/
|
|
164
|
-
onExit?: (instance: ViewTransitionInstance, types: Array<string>) => void;
|
|
165
|
-
/**
|
|
166
|
-
* This `<ViewTransition>` is being mounted and another `<ViewTransition>` instance with the same name is being unmounted elsewhere.
|
|
167
|
-
*/
|
|
168
|
-
onShare?: (instance: ViewTransitionInstance, types: Array<string>) => void;
|
|
169
|
-
/**
|
|
170
|
-
* The content of `<ViewTransition>` has changed either due to DOM mutations or because an inner child `<ViewTransition>` has resized.
|
|
171
|
-
*/
|
|
172
|
-
onUpdate?: (instance: ViewTransitionInstance, types: Array<string>) => void;
|
|
173
|
-
ref?: Ref<ViewTransitionInstance> | undefined;
|
|
174
|
-
/**
|
|
175
|
-
* Combined with {@link className} if this `<ViewTransition>` is being mounted and another instance with the same name is being unmounted elsewhere.
|
|
176
|
-
* `"none"` is a special value that deactivates the view transition name under that condition.
|
|
177
|
-
*/
|
|
178
|
-
share?: ViewTransitionClass | undefined;
|
|
179
|
-
/**
|
|
180
|
-
* Combined with {@link className} if the content of this `<ViewTransition>` has changed either due to DOM mutations or because an inner child has resized.
|
|
181
|
-
* `"none"` is a special value that deactivates the view transition name under that condition.
|
|
182
|
-
*/
|
|
183
|
-
update?: ViewTransitionClass | undefined;
|
|
184
|
-
}
|
|
185
|
-
|
|
186
|
-
/**
|
|
187
|
-
* Opt-in for using {@link https://developer.mozilla.org/en-US/docs/Web/API/View_Transition_API View Transitions} in React.
|
|
188
|
-
* View Transitions only trigger for async updates like {@link startTransition}, {@link useDeferredValue}, Actions or <{@link Suspense}> revealing from fallback to content.
|
|
189
|
-
* Synchronous updates provide an opt-out but also guarantee that they commit immediately which View Transitions can't.
|
|
190
|
-
*
|
|
191
|
-
* @see {@link https://github.com/facebook/react/pull/31975}
|
|
192
|
-
*/
|
|
193
|
-
export const unstable_ViewTransition: ExoticComponent<ViewTransitionProps>;
|
|
194
|
-
|
|
195
|
-
export function unstable_addTransitionType(type: string): void;
|
|
196
|
-
|
|
197
120
|
// @enableGestureTransition
|
|
198
121
|
// Implemented by the specific renderer e.g. `react-dom`.
|
|
199
122
|
// Keep in mind that augmented interfaces merge their JSDoc so if you put
|
|
@@ -210,28 +133,6 @@ declare module "." {
|
|
|
210
133
|
options?: GestureOptions,
|
|
211
134
|
): () => void;
|
|
212
135
|
|
|
213
|
-
// @enableFragmentRefs
|
|
214
|
-
export interface FragmentInstance {}
|
|
215
|
-
|
|
216
|
-
export interface FragmentProps {
|
|
217
|
-
ref?: Ref<FragmentInstance> | undefined;
|
|
218
|
-
}
|
|
219
|
-
|
|
220
|
-
// @enableActivity
|
|
221
|
-
export interface ActivityProps {
|
|
222
|
-
/**
|
|
223
|
-
* @default "visible"
|
|
224
|
-
*/
|
|
225
|
-
mode?:
|
|
226
|
-
| "hidden"
|
|
227
|
-
| "visible"
|
|
228
|
-
| undefined;
|
|
229
|
-
children: ReactNode;
|
|
230
|
-
}
|
|
231
|
-
|
|
232
|
-
/** */
|
|
233
|
-
export const unstable_Activity: ExoticComponent<ActivityProps>;
|
|
234
|
-
|
|
235
136
|
// @enableSrcObject
|
|
236
137
|
interface DO_NOT_USE_OR_YOU_WILL_BE_FIRED_EXPERIMENTAL_IMG_SRC_TYPES {
|
|
237
138
|
srcObject: Blob;
|