Skip to content

Commit 378ae9c

Browse files
committed
[DevTools] feat[Tree]: set initial scroll offset when inspected element index is set (facebook#31968)
Stacked on facebook#31956. See [commit on top](facebook@ecb8df4). Use `initialScrollOffset` prop for `FixedSizeList` from `react-window`. This happens when user selects an element in built-in Elements panel in DevTools, and then opens Components panel from React DevTools - elements will be synced and corresponding React Element will be pre-selected, we just have to scroll to its position now. DiffTrain build for [f2813ee](facebook@f2813ee)
1 parent b104081 commit 378ae9c

23 files changed

Lines changed: 527 additions & 940 deletions

compiled-rn/VERSION_NATIVE_FB

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1 +1 @@
1-
19.1.0-native-fb-fd9cfa41-20250108
1+
19.1.0-native-fb-f2813ee3-20250109

compiled-rn/facebook-fbsource/xplat/js/RKJSModules/vendor/react/react-dom/cjs/ReactDOM-dev.js

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -7,7 +7,7 @@
77
* @noflow
88
* @nolint
99
* @preventMunge
10-
* @generated SignedSource<<80fb2d9f605c6604061b60c56a329bb8>>
10+
* @generated SignedSource<<5e6791144624fcc50b7d8ab1d2f34a0c>>
1111
*/
1212

1313
"use strict";
@@ -420,5 +420,5 @@ __DEV__ &&
420420
exports.useFormStatus = function () {
421421
return resolveDispatcher().useHostTransitionStatus();
422422
};
423-
exports.version = "19.1.0-native-fb-fd9cfa41-20250108";
423+
exports.version = "19.1.0-native-fb-f2813ee3-20250109";
424424
})();

compiled-rn/facebook-fbsource/xplat/js/RKJSModules/vendor/react/react-dom/cjs/ReactDOM-prod.js

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -7,7 +7,7 @@
77
* @noflow
88
* @nolint
99
* @preventMunge
10-
* @generated SignedSource<<273ca40d8b721c00ceeb079a43fccff3>>
10+
* @generated SignedSource<<41288d212b3aeea4b10b27b9919534f0>>
1111
*/
1212

1313
"use strict";
@@ -203,4 +203,4 @@ exports.useFormState = function (action, initialState, permalink) {
203203
exports.useFormStatus = function () {
204204
return ReactSharedInternals.H.useHostTransitionStatus();
205205
};
206-
exports.version = "19.1.0-native-fb-fd9cfa41-20250108";
206+
exports.version = "19.1.0-native-fb-f2813ee3-20250109";

compiled-rn/facebook-fbsource/xplat/js/RKJSModules/vendor/react/react-dom/cjs/ReactDOM-profiling.js

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -7,7 +7,7 @@
77
* @noflow
88
* @nolint
99
* @preventMunge
10-
* @generated SignedSource<<273ca40d8b721c00ceeb079a43fccff3>>
10+
* @generated SignedSource<<41288d212b3aeea4b10b27b9919534f0>>
1111
*/
1212

1313
"use strict";
@@ -203,4 +203,4 @@ exports.useFormState = function (action, initialState, permalink) {
203203
exports.useFormStatus = function () {
204204
return ReactSharedInternals.H.useHostTransitionStatus();
205205
};
206-
exports.version = "19.1.0-native-fb-fd9cfa41-20250108";
206+
exports.version = "19.1.0-native-fb-f2813ee3-20250109";

compiled-rn/facebook-fbsource/xplat/js/RKJSModules/vendor/react/react-dom/cjs/ReactDOMClient-dev.js

Lines changed: 8 additions & 6 deletions
Original file line numberDiff line numberDiff line change
@@ -7,7 +7,7 @@
77
* @noflow
88
* @nolint
99
* @preventMunge
10-
* @generated SignedSource<<5e02e2bc5b356d5617fc0a044cfe07a8>>
10+
* @generated SignedSource<<51dafbb4888923bada0204e8233e8288>>
1111
*/
1212

1313
/*
@@ -385,6 +385,7 @@ __DEV__ &&
385385
return "SuspenseList";
386386
case 25:
387387
return "TracingMarker";
388+
case 30:
388389
case 17:
389390
case 28:
390391
case 1:
@@ -1497,6 +1498,7 @@ __DEV__ &&
14971498
case 19:
14981499
info += describeBuiltInComponentFrame("SuspenseList");
14991500
break;
1501+
case 30:
15001502
case 0:
15011503
case 15:
15021504
case 1:
@@ -25931,11 +25933,11 @@ __DEV__ &&
2593125933
};
2593225934
(function () {
2593325935
var isomorphicReactPackageVersion = React.version;
25934-
if ("19.1.0-native-fb-fd9cfa41-20250108" !== isomorphicReactPackageVersion)
25936+
if ("19.1.0-native-fb-f2813ee3-20250109" !== isomorphicReactPackageVersion)
2593525937
throw Error(
2593625938
'Incompatible React versions: The "react" and "react-dom" packages must have the exact same version. Instead got:\n - react: ' +
2593725939
(isomorphicReactPackageVersion +
25938-
"\n - react-dom: 19.1.0-native-fb-fd9cfa41-20250108\nLearn more: https://react.dev/warnings/version-mismatch")
25940+
"\n - react-dom: 19.1.0-native-fb-f2813ee3-20250109\nLearn more: https://react.dev/warnings/version-mismatch")
2593925941
);
2594025942
})();
2594125943
("function" === typeof Map &&
@@ -25972,10 +25974,10 @@ __DEV__ &&
2597225974
!(function () {
2597325975
var internals = {
2597425976
bundleType: 1,
25975-
version: "19.1.0-native-fb-fd9cfa41-20250108",
25977+
version: "19.1.0-native-fb-f2813ee3-20250109",
2597625978
rendererPackageName: "react-dom",
2597725979
currentDispatcherRef: ReactSharedInternals,
25978-
reconcilerVersion: "19.1.0-native-fb-fd9cfa41-20250108"
25980+
reconcilerVersion: "19.1.0-native-fb-f2813ee3-20250109"
2597925981
};
2598025982
internals.overrideHookState = overrideHookState;
2598125983
internals.overrideHookStateDeletePath = overrideHookStateDeletePath;
@@ -26121,5 +26123,5 @@ __DEV__ &&
2612126123
listenToAllSupportedEvents(container);
2612226124
return new ReactDOMHydrationRoot(initialChildren);
2612326125
};
26124-
exports.version = "19.1.0-native-fb-fd9cfa41-20250108";
26126+
exports.version = "19.1.0-native-fb-f2813ee3-20250109";
2612526127
})();

compiled-rn/facebook-fbsource/xplat/js/RKJSModules/vendor/react/react-dom/cjs/ReactDOMClient-prod.js

Lines changed: 7 additions & 6 deletions
Original file line numberDiff line numberDiff line change
@@ -7,7 +7,7 @@
77
* @noflow
88
* @nolint
99
* @preventMunge
10-
* @generated SignedSource<<31e2cc2f61fd78963494c9ef2334e764>>
10+
* @generated SignedSource<<2b6c436231d9daecb170cb46b9a887a2>>
1111
*/
1212

1313
/*
@@ -278,6 +278,7 @@ function getComponentNameFromFiber(fiber) {
278278
return "SuspenseList";
279279
case 25:
280280
return "TracingMarker";
281+
case 30:
281282
case 17:
282283
case 28:
283284
case 1:
@@ -15950,14 +15951,14 @@ ReactDOMHydrationRoot.prototype.unstable_scheduleHydration = function (target) {
1595015951
};
1595115952
var isomorphicReactPackageVersion$jscomp$inline_1769 = React.version;
1595215953
if (
15953-
"19.1.0-native-fb-fd9cfa41-20250108" !==
15954+
"19.1.0-native-fb-f2813ee3-20250109" !==
1595415955
isomorphicReactPackageVersion$jscomp$inline_1769
1595515956
)
1595615957
throw Error(
1595715958
formatProdErrorMessage(
1595815959
527,
1595915960
isomorphicReactPackageVersion$jscomp$inline_1769,
15960-
"19.1.0-native-fb-fd9cfa41-20250108"
15961+
"19.1.0-native-fb-f2813ee3-20250109"
1596115962
)
1596215963
);
1596315964
ReactDOMSharedInternals.findDOMNode = function (componentOrElement) {
@@ -15979,10 +15980,10 @@ ReactDOMSharedInternals.findDOMNode = function (componentOrElement) {
1597915980
};
1598015981
var internals$jscomp$inline_2217 = {
1598115982
bundleType: 0,
15982-
version: "19.1.0-native-fb-fd9cfa41-20250108",
15983+
version: "19.1.0-native-fb-f2813ee3-20250109",
1598315984
rendererPackageName: "react-dom",
1598415985
currentDispatcherRef: ReactSharedInternals,
15985-
reconcilerVersion: "19.1.0-native-fb-fd9cfa41-20250108"
15986+
reconcilerVersion: "19.1.0-native-fb-f2813ee3-20250109"
1598615987
};
1598715988
if ("undefined" !== typeof __REACT_DEVTOOLS_GLOBAL_HOOK__) {
1598815989
var hook$jscomp$inline_2218 = __REACT_DEVTOOLS_GLOBAL_HOOK__;
@@ -16088,4 +16089,4 @@ exports.hydrateRoot = function (container, initialChildren, options) {
1608816089
listenToAllSupportedEvents(container);
1608916090
return new ReactDOMHydrationRoot(initialChildren);
1609016091
};
16091-
exports.version = "19.1.0-native-fb-fd9cfa41-20250108";
16092+
exports.version = "19.1.0-native-fb-f2813ee3-20250109";

compiled-rn/facebook-fbsource/xplat/js/RKJSModules/vendor/react/react-dom/cjs/ReactDOMClient-profiling.js

Lines changed: 7 additions & 6 deletions
Original file line numberDiff line numberDiff line change
@@ -7,7 +7,7 @@
77
* @noflow
88
* @nolint
99
* @preventMunge
10-
* @generated SignedSource<<ceaadaa4d7ff6980394002b08a9f0ae5>>
10+
* @generated SignedSource<<f6ca8e32020e57113bfe22b58d620a1d>>
1111
*/
1212

1313
/*
@@ -278,6 +278,7 @@ function getComponentNameFromFiber(fiber) {
278278
return "SuspenseList";
279279
case 25:
280280
return "TracingMarker";
281+
case 30:
281282
case 17:
282283
case 28:
283284
case 1:
@@ -16599,14 +16600,14 @@ ReactDOMHydrationRoot.prototype.unstable_scheduleHydration = function (target) {
1659916600
};
1660016601
var isomorphicReactPackageVersion$jscomp$inline_1864 = React.version;
1660116602
if (
16602-
"19.1.0-native-fb-fd9cfa41-20250108" !==
16603+
"19.1.0-native-fb-f2813ee3-20250109" !==
1660316604
isomorphicReactPackageVersion$jscomp$inline_1864
1660416605
)
1660516606
throw Error(
1660616607
formatProdErrorMessage(
1660716608
527,
1660816609
isomorphicReactPackageVersion$jscomp$inline_1864,
16609-
"19.1.0-native-fb-fd9cfa41-20250108"
16610+
"19.1.0-native-fb-f2813ee3-20250109"
1661016611
)
1661116612
);
1661216613
ReactDOMSharedInternals.findDOMNode = function (componentOrElement) {
@@ -16628,10 +16629,10 @@ ReactDOMSharedInternals.findDOMNode = function (componentOrElement) {
1662816629
};
1662916630
var internals$jscomp$inline_1871 = {
1663016631
bundleType: 0,
16631-
version: "19.1.0-native-fb-fd9cfa41-20250108",
16632+
version: "19.1.0-native-fb-f2813ee3-20250109",
1663216633
rendererPackageName: "react-dom",
1663316634
currentDispatcherRef: ReactSharedInternals,
16634-
reconcilerVersion: "19.1.0-native-fb-fd9cfa41-20250108",
16635+
reconcilerVersion: "19.1.0-native-fb-f2813ee3-20250109",
1663516636
getLaneLabelMap: function () {
1663616637
for (
1663716638
var map = new Map(), lane = 1, index$292 = 0;
@@ -16752,4 +16753,4 @@ exports.hydrateRoot = function (container, initialChildren, options) {
1675216753
listenToAllSupportedEvents(container);
1675316754
return new ReactDOMHydrationRoot(initialChildren);
1675416755
};
16755-
exports.version = "19.1.0-native-fb-fd9cfa41-20250108";
16756+
exports.version = "19.1.0-native-fb-f2813ee3-20250109";

compiled-rn/facebook-fbsource/xplat/js/RKJSModules/vendor/react/react-dom/cjs/ReactDOMProfiling-dev.js

Lines changed: 8 additions & 6 deletions
Original file line numberDiff line numberDiff line change
@@ -7,7 +7,7 @@
77
* @noflow
88
* @nolint
99
* @preventMunge
10-
* @generated SignedSource<<c7d32c0700220c8045eb5e3896ead0a9>>
10+
* @generated SignedSource<<a43b1ab4715ac0ed410484712bec9c2c>>
1111
*/
1212

1313
/*
@@ -385,6 +385,7 @@ __DEV__ &&
385385
return "SuspenseList";
386386
case 25:
387387
return "TracingMarker";
388+
case 30:
388389
case 17:
389390
case 28:
390391
case 1:
@@ -1505,6 +1506,7 @@ __DEV__ &&
15051506
case 19:
15061507
info += describeBuiltInComponentFrame("SuspenseList");
15071508
break;
1509+
case 30:
15081510
case 0:
15091511
case 15:
15101512
case 1:
@@ -25992,11 +25994,11 @@ __DEV__ &&
2599225994
};
2599325995
(function () {
2599425996
var isomorphicReactPackageVersion = React.version;
25995-
if ("19.1.0-native-fb-fd9cfa41-20250108" !== isomorphicReactPackageVersion)
25997+
if ("19.1.0-native-fb-f2813ee3-20250109" !== isomorphicReactPackageVersion)
2599625998
throw Error(
2599725999
'Incompatible React versions: The "react" and "react-dom" packages must have the exact same version. Instead got:\n - react: ' +
2599826000
(isomorphicReactPackageVersion +
25999-
"\n - react-dom: 19.1.0-native-fb-fd9cfa41-20250108\nLearn more: https://react.dev/warnings/version-mismatch")
26001+
"\n - react-dom: 19.1.0-native-fb-f2813ee3-20250109\nLearn more: https://react.dev/warnings/version-mismatch")
2600026002
);
2600126003
})();
2600226004
("function" === typeof Map &&
@@ -26033,10 +26035,10 @@ __DEV__ &&
2603326035
!(function () {
2603426036
var internals = {
2603526037
bundleType: 1,
26036-
version: "19.1.0-native-fb-fd9cfa41-20250108",
26038+
version: "19.1.0-native-fb-f2813ee3-20250109",
2603726039
rendererPackageName: "react-dom",
2603826040
currentDispatcherRef: ReactSharedInternals,
26039-
reconcilerVersion: "19.1.0-native-fb-fd9cfa41-20250108"
26041+
reconcilerVersion: "19.1.0-native-fb-f2813ee3-20250109"
2604026042
};
2604126043
internals.overrideHookState = overrideHookState;
2604226044
internals.overrideHookStateDeletePath = overrideHookStateDeletePath;
@@ -26498,7 +26500,7 @@ __DEV__ &&
2649826500
exports.useFormStatus = function () {
2649926501
return resolveDispatcher().useHostTransitionStatus();
2650026502
};
26501-
exports.version = "19.1.0-native-fb-fd9cfa41-20250108";
26503+
exports.version = "19.1.0-native-fb-f2813ee3-20250109";
2650226504
"undefined" !== typeof __REACT_DEVTOOLS_GLOBAL_HOOK__ &&
2650326505
"function" ===
2650426506
typeof __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStop &&

compiled-rn/facebook-fbsource/xplat/js/RKJSModules/vendor/react/react-dom/cjs/ReactDOMProfiling-prod.js

Lines changed: 7 additions & 6 deletions
Original file line numberDiff line numberDiff line change
@@ -7,7 +7,7 @@
77
* @noflow
88
* @nolint
99
* @preventMunge
10-
* @generated SignedSource<<8dd79e1977907c3caefa53fce9137af9>>
10+
* @generated SignedSource<<13ef05dfc8ed9741b928c6577f5767d8>>
1111
*/
1212

1313
/*
@@ -278,6 +278,7 @@ function getComponentNameFromFiber(fiber) {
278278
return "SuspenseList";
279279
case 25:
280280
return "TracingMarker";
281+
case 30:
281282
case 17:
282283
case 28:
283284
case 1:
@@ -15961,14 +15962,14 @@ ReactDOMHydrationRoot.prototype.unstable_scheduleHydration = function (target) {
1596115962
};
1596215963
var isomorphicReactPackageVersion$jscomp$inline_1770 = React.version;
1596315964
if (
15964-
"19.1.0-native-fb-fd9cfa41-20250108" !==
15965+
"19.1.0-native-fb-f2813ee3-20250109" !==
1596515966
isomorphicReactPackageVersion$jscomp$inline_1770
1596615967
)
1596715968
throw Error(
1596815969
formatProdErrorMessage(
1596915970
527,
1597015971
isomorphicReactPackageVersion$jscomp$inline_1770,
15971-
"19.1.0-native-fb-fd9cfa41-20250108"
15972+
"19.1.0-native-fb-f2813ee3-20250109"
1597215973
)
1597315974
);
1597415975
ReactDOMSharedInternals.findDOMNode = function (componentOrElement) {
@@ -15990,10 +15991,10 @@ ReactDOMSharedInternals.findDOMNode = function (componentOrElement) {
1599015991
};
1599115992
var internals$jscomp$inline_2220 = {
1599215993
bundleType: 0,
15993-
version: "19.1.0-native-fb-fd9cfa41-20250108",
15994+
version: "19.1.0-native-fb-f2813ee3-20250109",
1599415995
rendererPackageName: "react-dom",
1599515996
currentDispatcherRef: ReactSharedInternals,
15996-
reconcilerVersion: "19.1.0-native-fb-fd9cfa41-20250108"
15997+
reconcilerVersion: "19.1.0-native-fb-f2813ee3-20250109"
1599715998
};
1599815999
if ("undefined" !== typeof __REACT_DEVTOOLS_GLOBAL_HOOK__) {
1599916000
var hook$jscomp$inline_2221 = __REACT_DEVTOOLS_GLOBAL_HOOK__;
@@ -16253,4 +16254,4 @@ exports.useFormState = function (action, initialState, permalink) {
1625316254
exports.useFormStatus = function () {
1625416255
return ReactSharedInternals.H.useHostTransitionStatus();
1625516256
};
16256-
exports.version = "19.1.0-native-fb-fd9cfa41-20250108";
16257+
exports.version = "19.1.0-native-fb-f2813ee3-20250109";

compiled-rn/facebook-fbsource/xplat/js/RKJSModules/vendor/react/react-dom/cjs/ReactDOMProfiling-profiling.js

Lines changed: 7 additions & 6 deletions
Original file line numberDiff line numberDiff line change
@@ -7,7 +7,7 @@
77
* @noflow
88
* @nolint
99
* @preventMunge
10-
* @generated SignedSource<<e4bad3d384c5662cb006444d6a21fd28>>
10+
* @generated SignedSource<<bfb671d9244e188d6e532b922a4be70a>>
1111
*/
1212

1313
/*
@@ -282,6 +282,7 @@ function getComponentNameFromFiber(fiber) {
282282
return "SuspenseList";
283283
case 25:
284284
return "TracingMarker";
285+
case 30:
285286
case 17:
286287
case 28:
287288
case 1:
@@ -16614,14 +16615,14 @@ ReactDOMHydrationRoot.prototype.unstable_scheduleHydration = function (target) {
1661416615
};
1661516616
var isomorphicReactPackageVersion$jscomp$inline_1865 = React.version;
1661616617
if (
16617-
"19.1.0-native-fb-fd9cfa41-20250108" !==
16618+
"19.1.0-native-fb-f2813ee3-20250109" !==
1661816619
isomorphicReactPackageVersion$jscomp$inline_1865
1661916620
)
1662016621
throw Error(
1662116622
formatProdErrorMessage(
1662216623
527,
1662316624
isomorphicReactPackageVersion$jscomp$inline_1865,
16624-
"19.1.0-native-fb-fd9cfa41-20250108"
16625+
"19.1.0-native-fb-f2813ee3-20250109"
1662516626
)
1662616627
);
1662716628
ReactDOMSharedInternals.findDOMNode = function (componentOrElement) {
@@ -16643,10 +16644,10 @@ ReactDOMSharedInternals.findDOMNode = function (componentOrElement) {
1664316644
};
1664416645
var internals$jscomp$inline_1872 = {
1664516646
bundleType: 0,
16646-
version: "19.1.0-native-fb-fd9cfa41-20250108",
16647+
version: "19.1.0-native-fb-f2813ee3-20250109",
1664716648
rendererPackageName: "react-dom",
1664816649
currentDispatcherRef: ReactSharedInternals,
16649-
reconcilerVersion: "19.1.0-native-fb-fd9cfa41-20250108",
16650+
reconcilerVersion: "19.1.0-native-fb-f2813ee3-20250109",
1665016651
getLaneLabelMap: function () {
1665116652
for (
1665216653
var map = new Map(), lane = 1, index$292 = 0;
@@ -16921,7 +16922,7 @@ exports.useFormState = function (action, initialState, permalink) {
1692116922
exports.useFormStatus = function () {
1692216923
return ReactSharedInternals.H.useHostTransitionStatus();
1692316924
};
16924-
exports.version = "19.1.0-native-fb-fd9cfa41-20250108";
16925+
exports.version = "19.1.0-native-fb-f2813ee3-20250109";
1692516926
"undefined" !== typeof __REACT_DEVTOOLS_GLOBAL_HOOK__ &&
1692616927
"function" ===
1692716928
typeof __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStop &&

0 commit comments

Comments
 (0)