@shopify/flash-list 2.0.0-rc.9 → 2.0.0

package/dist/errors/WarningMessages.js

@@ -0,0 +1,7 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.WarningMessages = void 0;
+exports.WarningMessages = {
+    keyExtractorNotDefinedForAnimation: "keyExtractor is not defined. This might cause the animations to not work as expected.",
+};
+//# sourceMappingURL=WarningMessages.js.map

package/dist/errors/WarningMessages.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"WarningMessages.js","sourceRoot":"","sources":["../../src/errors/WarningMessages.ts"],"names":[],"mappings":";;;AAAa,QAAA,eAAe,GAAG;IAC7B,kCAAkC,EAChC,uFAAuF;CAC1F,CAAC"}

package/dist/index.d.ts

@@ -1,21 +1,16 @@
-export { default as FlashList } from "./FlashList";
+export { FlashList } from "./FlashList";
 export { FlashListRef } from "./FlashListRef";
-export { FlashListProps, ContentStyle, ListRenderItem, ListRenderItemInfo, RenderTarget, RenderTargetOptions, } from "./FlashListProps";
+export { FlashListProps, ListRenderItem, ListRenderItemInfo, RenderTarget, RenderTargetOptions, } from "./FlashListProps";
 export { default as AnimatedFlashList } from "./AnimatedFlashList";
-export { useOnNativeBlankAreaEvents, BlankAreaEventHandler, BlankAreaEvent, } from "./native/auto-layout/AutoLayoutView";
 export { useBenchmark, BenchmarkParams, BenchmarkResult, } from "./benchmark/useBenchmark";
 export { useDataMultiplier } from "./benchmark/useDataMultiplier";
 export { useFlatListBenchmark, FlatListBenchmarkParams, } from "./benchmark/useFlatListBenchmark";
-export { useBlankAreaTracker, BlankAreaTrackerResult, BlankAreaTrackerConfig, } from "./benchmark/useBlankAreaTracker";
-export { MasonryFlashList, MasonryFlashListProps, MasonryFlashListScrollEvent, MasonryFlashListRef, MasonryListItem, MasonryListRenderItem, MasonryListRenderItemInfo, } from "./MasonryFlashList";
 export { useLayoutState } from "./recyclerview/hooks/useLayoutState";
 export { useRecyclingState } from "./recyclerview/hooks/useRecyclingState";
 export { useMappingHelper } from "./recyclerview/hooks/useMappingHelper";
 export { JSFPSMonitor, JSFPSResult } from "./benchmark/JSFPSMonitor";
 export { autoScroll, Cancellable } from "./benchmark/AutoScrollHelper";
-export { default as ViewToken } from "./viewability/ViewToken";
-export { default as CellContainer } from "./native/cell-container/CellContainer";
-export { RecyclerView } from "./recyclerview/RecyclerView";
-export { RecyclerViewProps } from "./recyclerview/RecyclerViewProps";
+export { default as ViewToken } from "./recyclerview/viewability/ViewToken";
 export { useFlashListContext } from "./recyclerview/RecyclerViewContextProvider";
+export { LayoutCommitObserver, LayoutCommitObserverProps, } from "./recyclerview/LayoutCommitObserver";
 //# sourceMappingURL=index.d.ts.map

package/dist/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAMA,OAAO,EAAE,OAAO,IAAI,SAAS,EAAE,MAAM,aAAa,CAAC;AACnD,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAC9C,OAAO,EACL,cAAc,EACd,YAAY,EACZ,cAAc,EACd,kBAAkB,EAClB,YAAY,EACZ,mBAAmB,GACpB,MAAM,kBAAkB,CAAC;AAC1B,OAAO,EAAE,OAAO,IAAI,iBAAiB,EAAE,MAAM,qBAAqB,CAAC;AACnE,OAAO,EACL,0BAA0B,EAC1B,qBAAqB,EACrB,cAAc,GACf,MAAM,qCAAqC,CAAC;AAC7C,OAAO,EACL,YAAY,EACZ,eAAe,EACf,eAAe,GAChB,MAAM,0BAA0B,CAAC;AAClC,OAAO,EAAE,iBAAiB,EAAE,MAAM,+BAA+B,CAAC;AAClE,OAAO,EACL,oBAAoB,EACpB,uBAAuB,GACxB,MAAM,kCAAkC,CAAC;AAC1C,OAAO,EACL,mBAAmB,EACnB,sBAAsB,EACtB,sBAAsB,GACvB,MAAM,iCAAiC,CAAC;AACzC,OAAO,EACL,gBAAgB,EAChB,qBAAqB,EACrB,2BAA2B,EAC3B,mBAAmB,EACnB,eAAe,EACf,qBAAqB,EACrB,yBAAyB,GAC1B,MAAM,oBAAoB,CAAC;AAC5B,OAAO,EAAE,cAAc,EAAE,MAAM,qCAAqC,CAAC;AACrE,OAAO,EAAE,iBAAiB,EAAE,MAAM,wCAAwC,CAAC;AAC3E,OAAO,EAAE,gBAAgB,EAAE,MAAM,uCAAuC,CAAC;AACzE,OAAO,EAAE,YAAY,EAAE,WAAW,EAAE,MAAM,0BAA0B,CAAC;AACrE,OAAO,EAAE,UAAU,EAAE,WAAW,EAAE,MAAM,8BAA8B,CAAC;AACvE,OAAO,EAAE,OAAO,IAAI,SAAS,EAAE,MAAM,yBAAyB,CAAC;AAC/D,OAAO,EAAE,OAAO,IAAI,aAAa,EAAE,MAAM,uCAAuC,CAAC;AACjF,OAAO,EAAE,YAAY,EAAE,MAAM,6BAA6B,CAAC;AAC3D,OAAO,EAAE,iBAAiB,EAAE,MAAM,kCAAkC,CAAC;AACrE,OAAO,EAAE,mBAAmB,EAAE,MAAM,4CAA4C,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAIA,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AACxC,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAC9C,OAAO,EACL,cAAc,EACd,cAAc,EACd,kBAAkB,EAClB,YAAY,EACZ,mBAAmB,GACpB,MAAM,kBAAkB,CAAC;AAC1B,OAAO,EAAE,OAAO,IAAI,iBAAiB,EAAE,MAAM,qBAAqB,CAAC;AACnE,OAAO,EACL,YAAY,EACZ,eAAe,EACf,eAAe,GAChB,MAAM,0BAA0B,CAAC;AAClC,OAAO,EAAE,iBAAiB,EAAE,MAAM,+BAA+B,CAAC;AAClE,OAAO,EACL,oBAAoB,EACpB,uBAAuB,GACxB,MAAM,kCAAkC,CAAC;AAC1C,OAAO,EAAE,cAAc,EAAE,MAAM,qCAAqC,CAAC;AACrE,OAAO,EAAE,iBAAiB,EAAE,MAAM,wCAAwC,CAAC;AAC3E,OAAO,EAAE,gBAAgB,EAAE,MAAM,uCAAuC,CAAC;AACzE,OAAO,EAAE,YAAY,EAAE,WAAW,EAAE,MAAM,0BAA0B,CAAC;AACrE,OAAO,EAAE,UAAU,EAAE,WAAW,EAAE,MAAM,8BAA8B,CAAC;AACvE,OAAO,EAAE,OAAO,IAAI,SAAS,EAAE,MAAM,sCAAsC,CAAC;AAC5E,OAAO,EAAE,mBAAmB,EAAE,MAAM,4CAA4C,CAAC;AACjF,OAAO,EACL,oBAAoB,EACpB,yBAAyB,GAC1B,MAAM,qCAAqC,CAAC"}

package/dist/index.js

@@ -1,31 +1,22 @@
 "use strict";
-var _a;
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.useFlashListContext = exports.RecyclerView = exports.CellContainer = exports.Cancellable = exports.autoScroll = exports.JSFPSMonitor = exports.useMappingHelper = exports.useRecyclingState = exports.useLayoutState = exports.MasonryFlashList = exports.useBlankAreaTracker = exports.useFlatListBenchmark = exports.useDataMultiplier = exports.useBenchmark = exports.useOnNativeBlankAreaEvents = exports.AnimatedFlashList = exports.RenderTargetOptions = exports.FlashList = void 0;
+exports.LayoutCommitObserver = exports.useFlashListContext = exports.Cancellable = exports.autoScroll = exports.JSFPSMonitor = exports.useMappingHelper = exports.useRecyclingState = exports.useLayoutState = exports.useFlatListBenchmark = exports.useDataMultiplier = exports.useBenchmark = exports.AnimatedFlashList = exports.RenderTargetOptions = exports.FlashList = void 0;
 var tslib_1 = require("tslib");
-// eslint-disable-next-line import/no-named-default
-var FlashList_1 = tslib_1.__importDefault(require("./FlashList"));
-var enableNewCore_1 = require("./enableNewCore");
-var RecyclerView_1 = require("./recyclerview/RecyclerView");
 // Keep this unmodified for TS type checking
-var FlashList_2 = require("./FlashList");
-Object.defineProperty(exports, "FlashList", { enumerable: true, get: function () { return tslib_1.__importDefault(FlashList_2).default; } });
+var isNewArch_1 = require("./isNewArch");
+var ErrorMessages_1 = require("./errors/ErrorMessages");
+var FlashList_1 = require("./FlashList");
+Object.defineProperty(exports, "FlashList", { enumerable: true, get: function () { return FlashList_1.FlashList; } });
 var FlashListProps_1 = require("./FlashListProps");
 Object.defineProperty(exports, "RenderTargetOptions", { enumerable: true, get: function () { return FlashListProps_1.RenderTargetOptions; } });
 var AnimatedFlashList_1 = require("./AnimatedFlashList");
 Object.defineProperty(exports, "AnimatedFlashList", { enumerable: true, get: function () { return tslib_1.__importDefault(AnimatedFlashList_1).default; } });
-var AutoLayoutView_1 = require("./native/auto-layout/AutoLayoutView");
-Object.defineProperty(exports, "useOnNativeBlankAreaEvents", { enumerable: true, get: function () { return AutoLayoutView_1.useOnNativeBlankAreaEvents; } });
 var useBenchmark_1 = require("./benchmark/useBenchmark");
 Object.defineProperty(exports, "useBenchmark", { enumerable: true, get: function () { return useBenchmark_1.useBenchmark; } });
 var useDataMultiplier_1 = require("./benchmark/useDataMultiplier");
 Object.defineProperty(exports, "useDataMultiplier", { enumerable: true, get: function () { return useDataMultiplier_1.useDataMultiplier; } });
 var useFlatListBenchmark_1 = require("./benchmark/useFlatListBenchmark");
 Object.defineProperty(exports, "useFlatListBenchmark", { enumerable: true, get: function () { return useFlatListBenchmark_1.useFlatListBenchmark; } });
-var useBlankAreaTracker_1 = require("./benchmark/useBlankAreaTracker");
-Object.defineProperty(exports, "useBlankAreaTracker", { enumerable: true, get: function () { return useBlankAreaTracker_1.useBlankAreaTracker; } });
-var MasonryFlashList_1 = require("./MasonryFlashList");
-Object.defineProperty(exports, "MasonryFlashList", { enumerable: true, get: function () { return MasonryFlashList_1.MasonryFlashList; } });
 var useLayoutState_1 = require("./recyclerview/hooks/useLayoutState");
 Object.defineProperty(exports, "useLayoutState", { enumerable: true, get: function () { return useLayoutState_1.useLayoutState; } });
 var useRecyclingState_1 = require("./recyclerview/hooks/useRecyclingState");
@@ -37,22 +28,11 @@ Object.defineProperty(exports, "JSFPSMonitor", { enumerable: true, get: function
 var AutoScrollHelper_1 = require("./benchmark/AutoScrollHelper");
 Object.defineProperty(exports, "autoScroll", { enumerable: true, get: function () { return AutoScrollHelper_1.autoScroll; } });
 Object.defineProperty(exports, "Cancellable", { enumerable: true, get: function () { return AutoScrollHelper_1.Cancellable; } });
-var CellContainer_1 = require("./native/cell-container/CellContainer");
-Object.defineProperty(exports, "CellContainer", { enumerable: true, get: function () { return tslib_1.__importDefault(CellContainer_1).default; } });
-var RecyclerView_2 = require("./recyclerview/RecyclerView");
-Object.defineProperty(exports, "RecyclerView", { enumerable: true, get: function () { return RecyclerView_2.RecyclerView; } });
 var RecyclerViewContextProvider_1 = require("./recyclerview/RecyclerViewContextProvider");
 Object.defineProperty(exports, "useFlashListContext", { enumerable: true, get: function () { return RecyclerViewContextProvider_1.useFlashListContext; } });
-// @ts-ignore - This is ignored by TypeScript but will be present in the compiled JS
-// In the compiled JS, this will override the previous FlashList export with a conditional one
-if (typeof module !== "undefined" &&
-    module.exports &&
-    ((_a = process === null || process === void 0 ? void 0 : process.env) === null || _a === void 0 ? void 0 : _a.NODE_ENV) !== "test") {
-    Object.defineProperty(module.exports, "FlashList", {
-        get: function () {
-            return (0, enableNewCore_1.isNewCoreEnabled)() ? RecyclerView_1.RecyclerView : FlashList_1.default;
-        },
-        configurable: true,
-    });
+var LayoutCommitObserver_1 = require("./recyclerview/LayoutCommitObserver");
+Object.defineProperty(exports, "LayoutCommitObserver", { enumerable: true, get: function () { return LayoutCommitObserver_1.LayoutCommitObserver; } });
+if (!(0, isNewArch_1.isNewArch)()) {
+    throw new Error(ErrorMessages_1.ErrorMessages.flashListV2OnlySupportsNewArchitecture);
 }
 //# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":";;;;;AAAA,mDAAmD;AACnD,kEAA2D;AAC3D,iDAAmD;AACnD,4DAA2D;AAE3D,4CAA4C;AAC5C,yCAAmD;AAA1C,+HAAA,OAAO,OAAa;AAE7B,mDAO0B;AADxB,qHAAA,mBAAmB,OAAA;AAErB,yDAAmE;AAA1D,+IAAA,OAAO,OAAqB;AACrC,sEAI6C;AAH3C,4HAAA,0BAA0B,OAAA;AAI5B,yDAIkC;AAHhC,4GAAA,YAAY,OAAA;AAId,mEAAkE;AAAzD,sHAAA,iBAAiB,OAAA;AAC1B,yEAG0C;AAFxC,4HAAA,oBAAoB,OAAA;AAGtB,uEAIyC;AAHvC,0HAAA,mBAAmB,OAAA;AAIrB,uDAQ4B;AAP1B,oHAAA,gBAAgB,OAAA;AAQlB,sEAAqE;AAA5D,gHAAA,cAAc,OAAA;AACvB,4EAA2E;AAAlE,sHAAA,iBAAiB,OAAA;AAC1B,0EAAyE;AAAhE,oHAAA,gBAAgB,OAAA;AACzB,yDAAqE;AAA5D,4GAAA,YAAY,OAAA;AACrB,iEAAuE;AAA9D,8GAAA,UAAU,OAAA;AAAE,+GAAA,WAAW,OAAA;AAEhC,uEAAiF;AAAxE,uIAAA,OAAO,OAAiB;AACjC,4DAA2D;AAAlD,4GAAA,YAAY,OAAA;AAErB,0FAAiF;AAAxE,kIAAA,mBAAmB,OAAA;AAE5B,oFAAoF;AACpF,8FAA8F;AAC9F,IACE,OAAO,MAAM,KAAK,WAAW;IAC7B,MAAM,CAAC,OAAO;IACd,CAAA,MAAA,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,GAAG,0CAAE,QAAQ,MAAK,MAAM,EACjC,CAAC;IACD,MAAM,CAAC,cAAc,CAAC,MAAM,CAAC,OAAO,EAAE,WAAW,EAAE;QACjD,GAAG;YACD,OAAO,IAAA,gCAAgB,GAAE,CAAC,CAAC,CAAC,2BAAY,CAAC,CAAC,CAAC,mBAAiB,CAAC;QAC/D,CAAC;QACD,YAAY,EAAE,IAAI;KACnB,CAAC,CAAC;AACL,CAAC"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":";;;;AAAA,4CAA4C;AAC5C,yCAAwC;AACxC,wDAAuD;AAEvD,yCAAwC;AAA/B,sGAAA,SAAS,OAAA;AAElB,mDAM0B;AADxB,qHAAA,mBAAmB,OAAA;AAErB,yDAAmE;AAA1D,+IAAA,OAAO,OAAqB;AACrC,yDAIkC;AAHhC,4GAAA,YAAY,OAAA;AAId,mEAAkE;AAAzD,sHAAA,iBAAiB,OAAA;AAC1B,yEAG0C;AAFxC,4HAAA,oBAAoB,OAAA;AAGtB,sEAAqE;AAA5D,gHAAA,cAAc,OAAA;AACvB,4EAA2E;AAAlE,sHAAA,iBAAiB,OAAA;AAC1B,0EAAyE;AAAhE,oHAAA,gBAAgB,OAAA;AACzB,yDAAqE;AAA5D,4GAAA,YAAY,OAAA;AACrB,iEAAuE;AAA9D,8GAAA,UAAU,OAAA;AAAE,+GAAA,WAAW,OAAA;AAEhC,0FAAiF;AAAxE,kIAAA,mBAAmB,OAAA;AAC5B,4EAG6C;AAF3C,4HAAA,oBAAoB,OAAA;AAItB,IAAI,CAAC,IAAA,qBAAS,GAAE,EAAE,CAAC;IACjB,MAAM,IAAI,KAAK,CAAC,6BAAa,CAAC,sCAAsC,CAAC,CAAC;AACxE,CAAC"}

package/dist/isNewArch.d.ts

@@ -0,0 +1,2 @@
+export declare function isNewArch(): boolean;
+//# sourceMappingURL=isNewArch.d.ts.map

package/dist/isNewArch.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"isNewArch.d.ts","sourceRoot":"","sources":["../src/isNewArch.ts"],"names":[],"mappings":"AAIA,wBAAgB,SAAS,IAAI,OAAO,CAoBnC"}

package/dist/isNewArch.js

@@ -0,0 +1,25 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.isNewArch = isNewArch;
+var react_native_1 = require("react-native");
+var _isNewArch;
+function isNewArch() {
+    if (_isNewArch !== undefined) {
+        return _isNewArch;
+    }
+    else {
+        try {
+            // Check for Fabric UI Manager
+            var hasFabricUIManager = Boolean(global === null || global === void 0 ? void 0 : global.nativeFabricUIManager);
+            // Check for TurboModule system
+            var hasTurboModule = Boolean(global === null || global === void 0 ? void 0 : global.__turboModuleProxy);
+            _isNewArch =
+                hasFabricUIManager || hasTurboModule || react_native_1.Platform.OS === "web";
+        }
+        catch (_a) {
+            _isNewArch = true;
+        }
+    }
+    return _isNewArch;
+}
+//# sourceMappingURL=isNewArch.js.map

package/dist/isNewArch.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"isNewArch.js","sourceRoot":"","sources":["../src/isNewArch.ts"],"names":[],"mappings":";;AAIA,8BAoBC;AAxBD,6CAAwC;AAExC,IAAI,UAA+B,CAAC;AAEpC,SAAgB,SAAS;IACvB,IAAI,UAAU,KAAK,SAAS,EAAE,CAAC;QAC7B,OAAO,UAAU,CAAC;IACpB,CAAC;SAAM,CAAC;QACN,IAAI,CAAC;YACH,8BAA8B;YAC9B,IAAM,kBAAkB,GAAG,OAAO,CAC/B,MAAc,aAAd,MAAM,uBAAN,MAAM,CAAU,qBAAqB,CACvC,CAAC;YAEF,+BAA+B;YAC/B,IAAM,cAAc,GAAG,OAAO,CAAE,MAAc,aAAd,MAAM,uBAAN,MAAM,CAAU,kBAAkB,CAAC,CAAC;YAEpE,UAAU;gBACR,kBAAkB,IAAI,cAAc,IAAI,uBAAQ,CAAC,EAAE,KAAK,KAAK,CAAC;QAClE,CAAC;QAAC,WAAM,CAAC;YACP,UAAU,GAAG,IAAI,CAAC;QACpB,CAAC;IACH,CAAC;IACD,OAAO,UAAU,CAAC;AACpB,CAAC"}

package/dist/native/config/PlatformHelper.android.d.ts

@@ -1,28 +1,7 @@
-import { BaseItemAnimator } from "recyclerlistview";
 declare const PlatformConfig: {
     defaultDrawDistance: number;
     supportsOffsetCorrection: boolean;
     trackAverageRenderTimeForOffsetProjection: boolean;
-    invertedTransformStyle: {
-        transform: {
-            rotate: string;
-        }[];
-    };
-    invertedTransformStyleHorizontal: {
-        transform: {
-            rotate: string;
-        }[];
-    };
 };
-declare const getCellContainerPlatformStyles: (inverted: boolean, parentProps: {
-    x: number;
-    y: number;
-    isHorizontal?: boolean;
-}) => {
-    transform: string;
-    WebkitTransform: string;
-} | undefined;
-declare const getItemAnimator: () => BaseItemAnimator | undefined;
-declare const getFooterContainer: () => React.ComponentClass | undefined;
-export { PlatformConfig, getCellContainerPlatformStyles, getItemAnimator, getFooterContainer, };
+export { PlatformConfig };
 //# sourceMappingURL=PlatformHelper.android.d.ts.map

package/dist/native/config/PlatformHelper.android.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"PlatformHelper.android.d.ts","sourceRoot":"","sources":["../../../src/native/config/PlatformHelper.android.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,gBAAgB,EAAE,MAAM,kBAAkB,CAAC;AAEpD,QAAA,MAAM,cAAc;;;;;;;;;;;;;;CAOnB,CAAC;AACF,QAAA,MAAM,8BAA8B,GAClC,UAAU,OAAO,EACjB,aAAa;IAAE,CAAC,EAAE,MAAM,CAAC;IAAC,CAAC,EAAE,MAAM,CAAC;IAAC,YAAY,CAAC,EAAE,OAAO,CAAA;CAAE,KAC5D;IAAE,SAAS,EAAE,MAAM,CAAC;IAAC,eAAe,EAAE,MAAM,CAAA;CAAE,GAAG,SAEnD,CAAC;AAEF,QAAA,MAAM,eAAe,QAAO,gBAAgB,GAAG,SAE9C,CAAC;AAEF,QAAA,MAAM,kBAAkB,QAAO,KAAK,CAAC,cAAc,GAAG,SAErD,CAAC;AAEF,OAAO,EACL,cAAc,EACd,8BAA8B,EAC9B,eAAe,EACf,kBAAkB,GACnB,CAAC"}
+{"version":3,"file":"PlatformHelper.android.d.ts","sourceRoot":"","sources":["../../../src/native/config/PlatformHelper.android.ts"],"names":[],"mappings":"AAAA,QAAA,MAAM,cAAc;;;;CAInB,CAAC;AAEF,OAAO,EAAE,cAAc,EAAE,CAAC"}

package/dist/native/config/PlatformHelper.android.js

@@ -1,25 +1,10 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.getFooterContainer = exports.getItemAnimator = exports.getCellContainerPlatformStyles = exports.PlatformConfig = void 0;
+exports.PlatformConfig = void 0;
 var PlatformConfig = {
     defaultDrawDistance: 250,
     supportsOffsetCorrection: true,
     trackAverageRenderTimeForOffsetProjection: true,
-    // Using rotate instead of scaleY on Android to avoid performance issues. Issue: https://github.com/Shopify/flash-list/issues/751
-    invertedTransformStyle: { transform: [{ rotate: "180deg" }] },
-    invertedTransformStyleHorizontal: { transform: [{ rotate: "180deg" }] },
 };
 exports.PlatformConfig = PlatformConfig;
-var getCellContainerPlatformStyles = function (inverted, parentProps) {
-    return undefined;
-};
-exports.getCellContainerPlatformStyles = getCellContainerPlatformStyles;
-var getItemAnimator = function () {
-    return undefined;
-};
-exports.getItemAnimator = getItemAnimator;
-var getFooterContainer = function () {
-    return undefined;
-};
-exports.getFooterContainer = getFooterContainer;
 //# sourceMappingURL=PlatformHelper.android.js.map

package/dist/native/config/PlatformHelper.android.js.map

@@ -1 +1 @@
-{"version":3,"file":"PlatformHelper.android.js","sourceRoot":"","sources":["../../../src/native/config/PlatformHelper.android.ts"],"names":[],"mappings":";;;AAEA,IAAM,cAAc,GAAG;IACrB,mBAAmB,EAAE,GAAG;IACxB,wBAAwB,EAAE,IAAI;IAC9B,yCAAyC,EAAE,IAAI;IAC/C,iIAAiI;IACjI,sBAAsB,EAAE,EAAE,SAAS,EAAE,CAAC,EAAE,MAAM,EAAE,QAAQ,EAAE,CAAC,EAAE;IAC7D,gCAAgC,EAAE,EAAE,SAAS,EAAE,CAAC,EAAE,MAAM,EAAE,QAAQ,EAAE,CAAC,EAAE;CACxE,CAAC;AAiBA,wCAAc;AAhBhB,IAAM,8BAA8B,GAAG,UACrC,QAAiB,EACjB,WAA6D;IAE7D,OAAO,SAAS,CAAC;AACnB,CAAC,CAAC;AAYA,wEAA8B;AAVhC,IAAM,eAAe,GAAG;IACtB,OAAO,SAAS,CAAC;AACnB,CAAC,CAAC;AASA,0CAAe;AAPjB,IAAM,kBAAkB,GAAG;IACzB,OAAO,SAAS,CAAC;AACnB,CAAC,CAAC;AAMA,gDAAkB"}
+{"version":3,"file":"PlatformHelper.android.js","sourceRoot":"","sources":["../../../src/native/config/PlatformHelper.android.ts"],"names":[],"mappings":";;;AAAA,IAAM,cAAc,GAAG;IACrB,mBAAmB,EAAE,GAAG;IACxB,wBAAwB,EAAE,IAAI;IAC9B,yCAAyC,EAAE,IAAI;CAChD,CAAC;AAEO,wCAAc"}

package/dist/native/config/PlatformHelper.d.ts

@@ -1,28 +1,7 @@
-import { BaseItemAnimator } from "recyclerlistview";
 declare const PlatformConfig: {
     defaultDrawDistance: number;
     supportsOffsetCorrection: boolean;
     trackAverageRenderTimeForOffsetProjection: boolean;
-    invertedTransformStyle: {
-        transform: {
-            scaleY: number;
-        }[];
-    };
-    invertedTransformStyleHorizontal: {
-        transform: {
-            scaleX: number;
-        }[];
-    };
 };
-declare const getCellContainerPlatformStyles: (inverted: boolean, parentProps: {
-    x: number;
-    y: number;
-    isHorizontal?: boolean;
-}) => {
-    transform: string;
-    WebkitTransform: string;
-} | undefined;
-declare const getItemAnimator: () => BaseItemAnimator | undefined;
-declare const getFooterContainer: () => React.ComponentClass | undefined;
-export { PlatformConfig, getCellContainerPlatformStyles, getItemAnimator, getFooterContainer, };
+export { PlatformConfig };
 //# sourceMappingURL=PlatformHelper.d.ts.map

package/dist/native/config/PlatformHelper.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"PlatformHelper.d.ts","sourceRoot":"","sources":["../../../src/native/config/PlatformHelper.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,gBAAgB,EAAE,MAAM,kBAAkB,CAAC;AAGpD,QAAA,MAAM,cAAc;;;;;;;;;;;;;;CAMnB,CAAC;AACF,QAAA,MAAM,8BAA8B,GAClC,UAAU,OAAO,EACjB,aAAa;IAAE,CAAC,EAAE,MAAM,CAAC;IAAC,CAAC,EAAE,MAAM,CAAC;IAAC,YAAY,CAAC,EAAE,OAAO,CAAA;CAAE,KAC5D;IAAE,SAAS,EAAE,MAAM,CAAC;IAAC,eAAe,EAAE,MAAM,CAAA;CAAE,GAAG,SAEnD,CAAC;AAEF,QAAA,MAAM,eAAe,QAAO,gBAAgB,GAAG,SAE9C,CAAC;AAEF,QAAA,MAAM,kBAAkB,QAAO,KAAK,CAAC,cAAc,GAAG,SAErD,CAAC;AAEF,OAAO,EACL,cAAc,EACd,8BAA8B,EAC9B,eAAe,EACf,kBAAkB,GACnB,CAAC"}
+{"version":3,"file":"PlatformHelper.d.ts","sourceRoot":"","sources":["../../../src/native/config/PlatformHelper.ts"],"names":[],"mappings":"AAAA,QAAA,MAAM,cAAc;;;;CAInB,CAAC;AAEF,OAAO,EAAE,cAAc,EAAE,CAAC"}

package/dist/native/config/PlatformHelper.ios.d.ts

@@ -1,28 +1,7 @@
-import { BaseItemAnimator } from "recyclerlistview";
 declare const PlatformConfig: {
     defaultDrawDistance: number;
     supportsOffsetCorrection: boolean;
     trackAverageRenderTimeForOffsetProjection: boolean;
-    invertedTransformStyle: {
-        transform: {
-            scaleY: number;
-        }[];
-    };
-    invertedTransformStyleHorizontal: {
-        transform: {
-            scaleX: number;
-        }[];
-    };
 };
-declare const getCellContainerPlatformStyles: (inverted: boolean, parentProps: {
-    x: number;
-    y: number;
-    isHorizontal?: boolean;
-}) => {
-    transform: string;
-    WebkitTransform: string;
-} | undefined;
-declare const getItemAnimator: () => BaseItemAnimator | undefined;
-declare const getFooterContainer: () => React.ComponentClass | undefined;
-export { PlatformConfig, getCellContainerPlatformStyles, getItemAnimator, getFooterContainer, };
+export { PlatformConfig };
 //# sourceMappingURL=PlatformHelper.ios.d.ts.map

package/dist/native/config/PlatformHelper.ios.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"PlatformHelper.ios.d.ts","sourceRoot":"","sources":["../../../src/native/config/PlatformHelper.ios.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,gBAAgB,EAAE,MAAM,kBAAkB,CAAC;AAEpD,QAAA,MAAM,cAAc;;;;;;;;;;;;;;CAMnB,CAAC;AACF,QAAA,MAAM,8BAA8B,GAClC,UAAU,OAAO,EACjB,aAAa;IAAE,CAAC,EAAE,MAAM,CAAC;IAAC,CAAC,EAAE,MAAM,CAAC;IAAC,YAAY,CAAC,EAAE,OAAO,CAAA;CAAE,KAC5D;IAAE,SAAS,EAAE,MAAM,CAAC;IAAC,eAAe,EAAE,MAAM,CAAA;CAAE,GAAG,SAEnD,CAAC;AAEF,QAAA,MAAM,eAAe,QAAO,gBAAgB,GAAG,SAE9C,CAAC;AAEF,QAAA,MAAM,kBAAkB,QAAO,KAAK,CAAC,cAAc,GAAG,SAErD,CAAC;AAEF,OAAO,EACL,cAAc,EACd,8BAA8B,EAC9B,eAAe,EACf,kBAAkB,GACnB,CAAC"}
+{"version":3,"file":"PlatformHelper.ios.d.ts","sourceRoot":"","sources":["../../../src/native/config/PlatformHelper.ios.ts"],"names":[],"mappings":"AAAA,QAAA,MAAM,cAAc;;;;CAInB,CAAC;AAEF,OAAO,EAAE,cAAc,EAAE,CAAC"}

package/dist/native/config/PlatformHelper.ios.js

@@ -1,24 +1,10 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.getFooterContainer = exports.getItemAnimator = exports.getCellContainerPlatformStyles = exports.PlatformConfig = void 0;
+exports.PlatformConfig = void 0;
 var PlatformConfig = {
     defaultDrawDistance: 250,
     supportsOffsetCorrection: true,
     trackAverageRenderTimeForOffsetProjection: false,
-    invertedTransformStyle: { transform: [{ scaleY: -1 }] },
-    invertedTransformStyleHorizontal: { transform: [{ scaleX: -1 }] },
 };
 exports.PlatformConfig = PlatformConfig;
-var getCellContainerPlatformStyles = function (inverted, parentProps) {
-    return undefined;
-};
-exports.getCellContainerPlatformStyles = getCellContainerPlatformStyles;
-var getItemAnimator = function () {
-    return undefined;
-};
-exports.getItemAnimator = getItemAnimator;
-var getFooterContainer = function () {
-    return undefined;
-};
-exports.getFooterContainer = getFooterContainer;
 //# sourceMappingURL=PlatformHelper.ios.js.map

package/dist/native/config/PlatformHelper.ios.js.map

@@ -1 +1 @@
-{"version":3,"file":"PlatformHelper.ios.js","sourceRoot":"","sources":["../../../src/native/config/PlatformHelper.ios.ts"],"names":[],"mappings":";;;AAEA,IAAM,cAAc,GAAG;IACrB,mBAAmB,EAAE,GAAG;IACxB,wBAAwB,EAAE,IAAI;IAC9B,yCAAyC,EAAE,KAAK;IAChD,sBAAsB,EAAE,EAAE,SAAS,EAAE,CAAC,EAAE,MAAM,EAAE,CAAC,CAAC,EAAE,CAAC,EAAE;IACvD,gCAAgC,EAAE,EAAE,SAAS,EAAE,CAAC,EAAE,MAAM,EAAE,CAAC,CAAC,EAAE,CAAC,EAAE;CAClE,CAAC;AAiBA,wCAAc;AAhBhB,IAAM,8BAA8B,GAAG,UACrC,QAAiB,EACjB,WAA6D;IAE7D,OAAO,SAAS,CAAC;AACnB,CAAC,CAAC;AAYA,wEAA8B;AAVhC,IAAM,eAAe,GAAG;IACtB,OAAO,SAAS,CAAC;AACnB,CAAC,CAAC;AASA,0CAAe;AAPjB,IAAM,kBAAkB,GAAG;IACzB,OAAO,SAAS,CAAC;AACnB,CAAC,CAAC;AAMA,gDAAkB"}
+{"version":3,"file":"PlatformHelper.ios.js","sourceRoot":"","sources":["../../../src/native/config/PlatformHelper.ios.ts"],"names":[],"mappings":";;;AAAA,IAAM,cAAc,GAAG;IACrB,mBAAmB,EAAE,GAAG;IACxB,wBAAwB,EAAE,IAAI;IAC9B,yCAAyC,EAAE,KAAK;CACjD,CAAC;AAEO,wCAAc"}

package/dist/native/config/PlatformHelper.js

@@ -1,25 +1,10 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.getFooterContainer = exports.getItemAnimator = exports.getCellContainerPlatformStyles = exports.PlatformConfig = void 0;
-var DefaultJSItemAnimator_1 = require("recyclerlistview/dist/reactnative/platform/reactnative/itemanimators/defaultjsanimator/DefaultJSItemAnimator");
+exports.PlatformConfig = void 0;
 var PlatformConfig = {
     defaultDrawDistance: 250,
     supportsOffsetCorrection: false,
     trackAverageRenderTimeForOffsetProjection: false,
-    invertedTransformStyle: { transform: [{ scaleY: -1 }] },
-    invertedTransformStyleHorizontal: { transform: [{ scaleX: -1 }] },
 };
 exports.PlatformConfig = PlatformConfig;
-var getCellContainerPlatformStyles = function (inverted, parentProps) {
-    return undefined;
-};
-exports.getCellContainerPlatformStyles = getCellContainerPlatformStyles;
-var getItemAnimator = function () {
-    return new DefaultJSItemAnimator_1.DefaultJSItemAnimator();
-};
-exports.getItemAnimator = getItemAnimator;
-var getFooterContainer = function () {
-    return undefined;
-};
-exports.getFooterContainer = getFooterContainer;
 //# sourceMappingURL=PlatformHelper.js.map

package/dist/native/config/PlatformHelper.js.map

@@ -1 +1 @@
-{"version":3,"file":"PlatformHelper.js","sourceRoot":"","sources":["../../../src/native/config/PlatformHelper.ts"],"names":[],"mappings":";;;AACA,sJAAqJ;AAErJ,IAAM,cAAc,GAAG;IACrB,mBAAmB,EAAE,GAAG;IACxB,wBAAwB,EAAE,KAAK;IAC/B,yCAAyC,EAAE,KAAK;IAChD,sBAAsB,EAAE,EAAE,SAAS,EAAE,CAAC,EAAE,MAAM,EAAE,CAAC,CAAC,EAAE,CAAC,EAAE;IACvD,gCAAgC,EAAE,EAAE,SAAS,EAAE,CAAC,EAAE,MAAM,EAAE,CAAC,CAAC,EAAE,CAAC,EAAE;CAClE,CAAC;AAiBA,wCAAc;AAhBhB,IAAM,8BAA8B,GAAG,UACrC,QAAiB,EACjB,WAA6D;IAE7D,OAAO,SAAS,CAAC;AACnB,CAAC,CAAC;AAYA,wEAA8B;AAVhC,IAAM,eAAe,GAAG;IACtB,OAAO,IAAI,6CAAqB,EAAE,CAAC;AACrC,CAAC,CAAC;AASA,0CAAe;AAPjB,IAAM,kBAAkB,GAAG;IACzB,OAAO,SAAS,CAAC;AACnB,CAAC,CAAC;AAMA,gDAAkB"}
+{"version":3,"file":"PlatformHelper.js","sourceRoot":"","sources":["../../../src/native/config/PlatformHelper.ts"],"names":[],"mappings":";;;AAAA,IAAM,cAAc,GAAG;IACrB,mBAAmB,EAAE,GAAG;IACxB,wBAAwB,EAAE,KAAK;IAC/B,yCAAyC,EAAE,KAAK;CACjD,CAAC;AAEO,wCAAc"}

package/dist/native/config/PlatformHelper.web.d.ts

@@ -1,29 +1,7 @@
-import React from "react";
-import { BaseItemAnimator } from "recyclerlistview";
 declare const PlatformConfig: {
     defaultDrawDistance: number;
     supportsOffsetCorrection: boolean;
     trackAverageRenderTimeForOffsetProjection: boolean;
-    invertedTransformStyle: {
-        transform: {
-            scaleY: number;
-        }[];
-    };
-    invertedTransformStyleHorizontal: {
-        transform: {
-            scaleX: number;
-        }[];
-    };
 };
-declare const getCellContainerPlatformStyles: (inverted: boolean, parentProps: {
-    x: number;
-    y: number;
-    isHorizontal?: boolean;
-}) => {
-    transform: string;
-    WebkitTransform: string;
-} | undefined;
-declare const getItemAnimator: () => BaseItemAnimator | undefined;
-declare const getFooterContainer: () => React.ComponentClass | undefined;
-export { PlatformConfig, getCellContainerPlatformStyles, getItemAnimator, getFooterContainer, };
+export { PlatformConfig };
 //# sourceMappingURL=PlatformHelper.web.d.ts.map

package/dist/native/config/PlatformHelper.web.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"PlatformHelper.web.d.ts","sourceRoot":"","sources":["../../../src/native/config/PlatformHelper.web.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,gBAAgB,EAAE,MAAM,kBAAkB,CAAC;AAGpD,QAAA,MAAM,cAAc;;;;;;;;;;;;;;CAMnB,CAAC;AACF,QAAA,MAAM,8BAA8B,GAClC,UAAU,OAAO,EACjB,aAAa;IAAE,CAAC,EAAE,MAAM,CAAC;IAAC,CAAC,EAAE,MAAM,CAAC;IAAC,YAAY,CAAC,EAAE,OAAO,CAAA;CAAE,KAC5D;IAAE,SAAS,EAAE,MAAM,CAAC;IAAC,eAAe,EAAE,MAAM,CAAA;CAAE,GAAG,SAKnD,CAAC;AAEF,QAAA,MAAM,eAAe,QAAO,gBAAgB,GAAG,SAE9C,CAAC;AAEF,QAAA,MAAM,kBAAkB,QAAO,KAAK,CAAC,cAAc,GAAG,SAErD,CAAC;AAEF,OAAO,EACL,cAAc,EACd,8BAA8B,EAC9B,eAAe,EACf,kBAAkB,GACnB,CAAC"}
+{"version":3,"file":"PlatformHelper.web.d.ts","sourceRoot":"","sources":["../../../src/native/config/PlatformHelper.web.ts"],"names":[],"mappings":"AAAA,QAAA,MAAM,cAAc;;;;CAInB,CAAC;AAEF,OAAO,EAAE,cAAc,EAAE,CAAC"}

package/dist/native/config/PlatformHelper.web.js

@@ -1,27 +1,10 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.getFooterContainer = exports.getItemAnimator = exports.getCellContainerPlatformStyles = exports.PlatformConfig = void 0;
-var react_native_1 = require("react-native");
-var DefaultJSItemAnimator_1 = require("recyclerlistview/dist/reactnative/platform/reactnative/itemanimators/defaultjsanimator/DefaultJSItemAnimator");
+exports.PlatformConfig = void 0;
 var PlatformConfig = {
     defaultDrawDistance: 500,
     supportsOffsetCorrection: false,
     trackAverageRenderTimeForOffsetProjection: false,
-    invertedTransformStyle: { transform: [{ scaleY: -1 }] },
-    invertedTransformStyleHorizontal: { transform: [{ scaleX: -1 }] },
 };
 exports.PlatformConfig = PlatformConfig;
-var getCellContainerPlatformStyles = function (inverted, parentProps) {
-    var transformValue = "translate(".concat(parentProps.x, "px,").concat(parentProps.y, "px)").concat(inverted ? " ".concat(parentProps.isHorizontal ? "scaleX" : "scaleY", "(-1)") : "");
-    return { transform: transformValue, WebkitTransform: transformValue };
-};
-exports.getCellContainerPlatformStyles = getCellContainerPlatformStyles;
-var getItemAnimator = function () {
-    return new DefaultJSItemAnimator_1.DefaultJSItemAnimator();
-};
-exports.getItemAnimator = getItemAnimator;
-var getFooterContainer = function () {
-    return react_native_1.View;
-};
-exports.getFooterContainer = getFooterContainer;
 //# sourceMappingURL=PlatformHelper.web.js.map

package/dist/native/config/PlatformHelper.web.js.map

@@ -1 +1 @@
-{"version":3,"file":"PlatformHelper.web.js","sourceRoot":"","sources":["../../../src/native/config/PlatformHelper.web.ts"],"names":[],"mappings":";;;AACA,6CAAoC;AAEpC,sJAAqJ;AAErJ,IAAM,cAAc,GAAG;IACrB,mBAAmB,EAAE,GAAG;IACxB,wBAAwB,EAAE,KAAK;IAC/B,yCAAyC,EAAE,KAAK;IAChD,sBAAsB,EAAE,EAAE,SAAS,EAAE,CAAC,EAAE,MAAM,EAAE,CAAC,CAAC,EAAE,CAAC,EAAE;IACvD,gCAAgC,EAAE,EAAE,SAAS,EAAE,CAAC,EAAE,MAAM,EAAE,CAAC,CAAC,EAAE,CAAC,EAAE;CAClE,CAAC;AAoBA,wCAAc;AAnBhB,IAAM,8BAA8B,GAAG,UACrC,QAAiB,EACjB,WAA6D;IAE7D,IAAM,cAAc,GAAG,oBAAa,WAAW,CAAC,CAAC,gBAAM,WAAW,CAAC,CAAC,gBAClE,QAAQ,CAAC,CAAC,CAAC,WAAI,WAAW,CAAC,YAAY,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,QAAQ,SAAM,CAAC,CAAC,CAAC,EAAE,CACxE,CAAC;IACH,OAAO,EAAE,SAAS,EAAE,cAAc,EAAE,eAAe,EAAE,cAAc,EAAE,CAAC;AACxE,CAAC,CAAC;AAYA,wEAA8B;AAVhC,IAAM,eAAe,GAAG;IACtB,OAAO,IAAI,6CAAqB,EAAE,CAAC;AACrC,CAAC,CAAC;AASA,0CAAe;AAPjB,IAAM,kBAAkB,GAAG;IACzB,OAAO,mBAAI,CAAC;AACd,CAAC,CAAC;AAMA,gDAAkB"}
+{"version":3,"file":"PlatformHelper.web.js","sourceRoot":"","sources":["../../../src/native/config/PlatformHelper.web.ts"],"names":[],"mappings":";;;AAAA,IAAM,cAAc,GAAG;IACrB,mBAAmB,EAAE,GAAG;IACxB,wBAAwB,EAAE,KAAK;IAC/B,yCAAyC,EAAE,KAAK;CACjD,CAAC;AAEO,wCAAc"}

package/dist/recyclerview/LayoutCommitObserver.d.ts

@@ -0,0 +1,12 @@
+import React from "react";
+export interface LayoutCommitObserverProps {
+    children: React.ReactNode;
+    onCommitLayoutEffect?: () => void;
+}
+/**
+ * LayoutCommitObserver can be used to observe when FlashList commits a layout.
+ * It is useful when your component has one or more FlashLists somewhere down the tree.
+ * LayoutCommitObserver will trigger `onCommitLayoutEffect` when all of the FlashLists in the tree have finished their first commit.
+ */
+export declare const LayoutCommitObserver: React.MemoExoticComponent<(props: LayoutCommitObserverProps) => React.JSX.Element>;
+//# sourceMappingURL=LayoutCommitObserver.d.ts.map

package/dist/recyclerview/LayoutCommitObserver.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"LayoutCommitObserver.d.ts","sourceRoot":"","sources":["../../src/recyclerview/LayoutCommitObserver.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA2C,MAAM,OAAO,CAAC;AAShE,MAAM,WAAW,yBAAyB;IACxC,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,oBAAoB,CAAC,EAAE,MAAM,IAAI,CAAC;CACnC;AAED;;;;GAIG;AACH,eAAO,MAAM,oBAAoB,oCACvB,yBAAyB,uBAmDlC,CAAC"}

package/dist/recyclerview/LayoutCommitObserver.js

@@ -0,0 +1,62 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.LayoutCommitObserver = void 0;
+var tslib_1 = require("tslib");
+var react_1 = tslib_1.__importStar(require("react"));
+var RecyclerViewContextProvider_1 = require("./RecyclerViewContextProvider");
+var useLayoutState_1 = require("./hooks/useLayoutState");
+/**
+ * LayoutCommitObserver can be used to observe when FlashList commits a layout.
+ * It is useful when your component has one or more FlashLists somewhere down the tree.
+ * LayoutCommitObserver will trigger `onCommitLayoutEffect` when all of the FlashLists in the tree have finished their first commit.
+ */
+exports.LayoutCommitObserver = react_1.default.memo(function (props) {
+    var children = props.children, onCommitLayoutEffect = props.onCommitLayoutEffect;
+    var parentRecyclerViewContext = (0, RecyclerViewContextProvider_1.useRecyclerViewContext)();
+    var _a = tslib_1.__read((0, useLayoutState_1.useLayoutState)(0), 2), _ = _a[0], setRenderId = _a[1];
+    var pendingChildIds = (0, react_1.useRef)(new Set()).current;
+    (0, react_1.useLayoutEffect)(function () {
+        if (pendingChildIds.size > 0) {
+            return;
+        }
+        onCommitLayoutEffect === null || onCommitLayoutEffect === void 0 ? void 0 : onCommitLayoutEffect();
+    });
+    // Create context for child components
+    var recyclerViewContext = (0, react_1.useMemo)(function () {
+        return {
+            layout: function () {
+                setRenderId(function (prev) { return prev + 1; });
+            },
+            getRef: function () {
+                var _a;
+                return (_a = parentRecyclerViewContext === null || parentRecyclerViewContext === void 0 ? void 0 : parentRecyclerViewContext.getRef()) !== null && _a !== void 0 ? _a : null;
+            },
+            getParentRef: function () {
+                var _a;
+                return (_a = parentRecyclerViewContext === null || parentRecyclerViewContext === void 0 ? void 0 : parentRecyclerViewContext.getParentRef()) !== null && _a !== void 0 ? _a : null;
+            },
+            getParentScrollViewRef: function () {
+                var _a;
+                return (_a = parentRecyclerViewContext === null || parentRecyclerViewContext === void 0 ? void 0 : parentRecyclerViewContext.getParentScrollViewRef()) !== null && _a !== void 0 ? _a : null;
+            },
+            getScrollViewRef: function () {
+                var _a;
+                return (_a = parentRecyclerViewContext === null || parentRecyclerViewContext === void 0 ? void 0 : parentRecyclerViewContext.getScrollViewRef()) !== null && _a !== void 0 ? _a : null;
+            },
+            markChildLayoutAsPending: function (id) {
+                parentRecyclerViewContext === null || parentRecyclerViewContext === void 0 ? void 0 : parentRecyclerViewContext.markChildLayoutAsPending(id);
+                pendingChildIds.add(id);
+            },
+            unmarkChildLayoutAsPending: function (id) {
+                parentRecyclerViewContext === null || parentRecyclerViewContext === void 0 ? void 0 : parentRecyclerViewContext.unmarkChildLayoutAsPending(id);
+                if (pendingChildIds.has(id)) {
+                    pendingChildIds.delete(id);
+                    recyclerViewContext.layout();
+                }
+            },
+        };
+    }, [parentRecyclerViewContext, pendingChildIds, setRenderId]);
+    return (react_1.default.createElement(RecyclerViewContextProvider_1.RecyclerViewContextProvider, { value: recyclerViewContext }, children));
+});
+exports.LayoutCommitObserver.displayName = "LayoutCommitObserver";
+//# sourceMappingURL=LayoutCommitObserver.js.map

package/dist/recyclerview/LayoutCommitObserver.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"LayoutCommitObserver.js","sourceRoot":"","sources":["../../src/recyclerview/LayoutCommitObserver.tsx"],"names":[],"mappings":";;;;AAAA,qDAAgE;AAEhE,6EAIuC;AACvC,yDAAwD;AAOxD;;;;GAIG;AACU,QAAA,oBAAoB,GAAG,eAAK,CAAC,IAAI,CAC5C,UAAC,KAAgC;IACvB,IAAA,QAAQ,GAA2B,KAAK,SAAhC,EAAE,oBAAoB,GAAK,KAAK,qBAAV,CAAW;IACjD,IAAM,yBAAyB,GAAG,IAAA,oDAAsB,GAAE,CAAC;IACrD,IAAA,KAAA,eAAmB,IAAA,+BAAc,EAAC,CAAC,CAAC,IAAA,EAAnC,CAAC,QAAA,EAAE,WAAW,QAAqB,CAAC;IAC3C,IAAM,eAAe,GAAG,IAAA,cAAM,EAAc,IAAI,GAAG,EAAE,CAAC,CAAC,OAAO,CAAC;IAE/D,IAAA,uBAAe,EAAC;QACd,IAAI,eAAe,CAAC,IAAI,GAAG,CAAC,EAAE,CAAC;YAC7B,OAAO;QACT,CAAC;QACD,oBAAoB,aAApB,oBAAoB,uBAApB,oBAAoB,EAAI,CAAC;IAC3B,CAAC,CAAC,CAAC;IAEH,sCAAsC;IACtC,IAAM,mBAAmB,GAAiC,IAAA,eAAO,EAAC;QAChE,OAAO;YACL,MAAM,EAAE;gBACN,WAAW,CAAC,UAAC,IAAI,IAAK,OAAA,IAAI,GAAG,CAAC,EAAR,CAAQ,CAAC,CAAC;YAClC,CAAC;YACD,MAAM,EAAE;;gBACN,OAAO,MAAA,yBAAyB,aAAzB,yBAAyB,uBAAzB,yBAAyB,CAAE,MAAM,EAAE,mCAAI,IAAI,CAAC;YACrD,CAAC;YACD,YAAY,EAAE;;gBACZ,OAAO,MAAA,yBAAyB,aAAzB,yBAAyB,uBAAzB,yBAAyB,CAAE,YAAY,EAAE,mCAAI,IAAI,CAAC;YAC3D,CAAC;YACD,sBAAsB,EAAE;;gBACtB,OAAO,MAAA,yBAAyB,aAAzB,yBAAyB,uBAAzB,yBAAyB,CAAE,sBAAsB,EAAE,mCAAI,IAAI,CAAC;YACrE,CAAC;YACD,gBAAgB,EAAE;;gBAChB,OAAO,MAAA,yBAAyB,aAAzB,yBAAyB,uBAAzB,yBAAyB,CAAE,gBAAgB,EAAE,mCAAI,IAAI,CAAC;YAC/D,CAAC;YACD,wBAAwB,EAAE,UAAC,EAAU;gBACnC,yBAAyB,aAAzB,yBAAyB,uBAAzB,yBAAyB,CAAE,wBAAwB,CAAC,EAAE,CAAC,CAAC;gBACxD,eAAe,CAAC,GAAG,CAAC,EAAE,CAAC,CAAC;YAC1B,CAAC;YACD,0BAA0B,EAAE,UAAC,EAAU;gBACrC,yBAAyB,aAAzB,yBAAyB,uBAAzB,yBAAyB,CAAE,0BAA0B,CAAC,EAAE,CAAC,CAAC;gBAC1D,IAAI,eAAe,CAAC,GAAG,CAAC,EAAE,CAAC,EAAE,CAAC;oBAC5B,eAAe,CAAC,MAAM,CAAC,EAAE,CAAC,CAAC;oBAC3B,mBAAmB,CAAC,MAAM,EAAE,CAAC;gBAC/B,CAAC;YACH,CAAC;SACF,CAAC;IACJ,CAAC,EAAE,CAAC,yBAAyB,EAAE,eAAe,EAAE,WAAW,CAAC,CAAC,CAAC;IAE9D,OAAO,CACL,8BAAC,yDAA2B,IAAC,KAAK,EAAE,mBAAmB,IACpD,QAAQ,CACmB,CAC/B,CAAC;AACJ,CAAC,CACF,CAAC;AAEF,4BAAoB,CAAC,WAAW,GAAG,sBAAsB,CAAC"}

package/dist/recyclerview/RecyclerView.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"RecyclerView.d.ts","sourceRoot":"","sources":["../../src/recyclerview/RecyclerView.tsx"],"names":[],"mappings":"AAAA;;;GAGG;AACH,OAAO,KASN,MAAM,OAAO,CAAC;AAQf,OAAO,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAC;AAgB/C,OAAO,EAAE,iBAAiB,EAAE,MAAM,qBAAqB,CAAC;AAshBxD,KAAK,gBAAgB,GAAG,CAAC,CAAC,EACxB,KAAK,EAAE,iBAAiB,CAAC,CAAC,CAAC,GAAG;IAAE,GAAG,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,YAAY,CAAC,CAAC,CAAC,CAAC,CAAA;CAAE,KAC/D,KAAK,CAAC,GAAG,CAAC,OAAO,CAAC;AAGvB,QAAA,MAAM,YAAY,EAEb,gBAAgB,CAAC;AAEtB,OAAO,EAAE,YAAY,EAAE,CAAC"}
+{"version":3,"file":"RecyclerView.d.ts","sourceRoot":"","sources":["../../src/recyclerview/RecyclerView.tsx"],"names":[],"mappings":"AAAA;;;GAGG;AACH,OAAO,KASN,MAAM,OAAO,CAAC;AAQf,OAAO,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAC;AAiB/C,OAAO,EAAE,iBAAiB,EAAE,MAAM,qBAAqB,CAAC;AAkiBxD,KAAK,gBAAgB,GAAG,CAAC,CAAC,EACxB,KAAK,EAAE,iBAAiB,CAAC,CAAC,CAAC,GAAG;IAAE,GAAG,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,YAAY,CAAC,CAAC,CAAC,CAAC,CAAA;CAAE,KAC/D,KAAK,CAAC,GAAG,CAAC,OAAO,CAAC;AAGvB,QAAA,MAAM,YAAY,EAEb,gBAAgB,CAAC;AAEtB,OAAO,EAAE,YAAY,EAAE,CAAC"}

package/dist/recyclerview/RecyclerView.js

@@ -8,6 +8,7 @@ var tslib_1 = require("tslib");
  */
 var react_1 = tslib_1.__importStar(require("react"));
 var react_native_1 = require("react-native");
+var ErrorMessages_1 = require("../errors/ErrorMessages");
 var measureLayout_1 = require("./utils/measureLayout");
 var RecyclerViewContextProvider_1 = require("./RecyclerViewContextProvider");
 var useLayoutState_1 = require("./hooks/useLayoutState");
@@ -246,6 +247,9 @@ var RecyclerViewComponent = function (props, ref) {
             data.length > 0 &&
             stickyHeaderIndices &&
             stickyHeaderIndices.length > 0) {
+            if (horizontal) {
+                throw new Error(ErrorMessages_1.ErrorMessages.stickyHeadersNotSupportedForHorizontal);
+            }
             return (react_1.default.createElement(StickyHeaders_1.StickyHeaders, { stickyHeaderIndices: stickyHeaderIndices, data: data, renderItem: renderItem, scrollY: scrollY, stickyHeaderRef: stickyHeaderRef, recyclerViewManager: recyclerViewManager, extraData: extraData }));
         }
         return null;
@@ -254,6 +258,7 @@ var RecyclerViewComponent = function (props, ref) {
         stickyHeaderIndices,
         renderItem,
         scrollY,
+        horizontal,
         recyclerViewManager,
         extraData,
     ]);
@@ -273,20 +278,13 @@ var RecyclerViewComponent = function (props, ref) {
     }, [maintainVisibleContentPosition, shouldMaintainVisibleContentPosition]);
     var shouldRenderFromBottom = recyclerViewManager.getDataLength() > 0 &&
         ((_a = maintainVisibleContentPosition === null || maintainVisibleContentPosition === void 0 ? void 0 : maintainVisibleContentPosition.startRenderingFromBottom) !== null && _a !== void 0 ? _a : false);
-    // Calculate minimum height adjustment for bottom rendering
-    var adjustmentMinHeight = recyclerViewManager.hasLayout()
-        ? Math.max(0, recyclerViewManager.getWindowSize().height -
-            recyclerViewManager.getChildContainerDimensions().height -
-            recyclerViewManager.firstItemOffset)
-        : 0;
     // Create view for measuring bounded size
     var viewToMeasureBoundedSize = (0, react_1.useMemo)(function () {
         return (react_1.default.createElement(CompatView_1.CompatView, { style: {
                 height: horizontal ? undefined : 0,
                 width: horizontal ? 0 : undefined,
-                minHeight: shouldRenderFromBottom ? adjustmentMinHeight : undefined,
             }, ref: firstChildViewRef }));
-    }, [horizontal, shouldRenderFromBottom, adjustmentMinHeight]);
+    }, [horizontal]);
     var scrollAnchor = (0, react_1.useMemo)(function () {
         if (shouldMaintainVisibleContentPosition) {
             return (react_1.default.createElement(ScrollAnchor_1.ScrollAnchor, { horizontal: Boolean(horizontal), scrollAnchorRef: scrollAnchorRef }));
@@ -313,7 +311,20 @@ var RecyclerViewComponent = function (props, ref) {
                 isHorizontalRTL && viewToMeasureBoundedSize,
                 renderHeader,
                 !isHorizontalRTL && viewToMeasureBoundedSize,
-                react_1.default.createElement(ViewHolderCollection_1.ViewHolderCollection, { viewHolderCollectionRef: viewHolderCollectionRef, data: data, horizontal: horizontal, renderStack: recyclerViewManager.getRenderStack(), getLayout: function (index) { return recyclerViewManager.getLayout(index); }, refHolder: refHolder, onSizeChanged: validateItemSize, renderItem: renderItem, extraData: extraData, onCommitLayoutEffect: function () {
+                react_1.default.createElement(ViewHolderCollection_1.ViewHolderCollection, { viewHolderCollectionRef: viewHolderCollectionRef, data: data, horizontal: horizontal, renderStack: recyclerViewManager.getRenderStack(), getLayout: function (index) { return recyclerViewManager.getLayout(index); }, getAdjustmentMargin: function () {
+                        if (!shouldRenderFromBottom || !recyclerViewManager.hasLayout()) {
+                            return 0;
+                        }
+                        var windowSize = horizontal
+                            ? recyclerViewManager.getWindowSize().width
+                            : recyclerViewManager.getWindowSize().height;
+                        var childContainerSize = horizontal
+                            ? recyclerViewManager.getChildContainerDimensions().width
+                            : recyclerViewManager.getChildContainerDimensions().height;
+                        return Math.max(0, windowSize -
+                            childContainerSize -
+                            recyclerViewManager.firstItemOffset);
+                    }, refHolder: refHolder, onSizeChanged: validateItemSize, renderItem: renderItem, extraData: extraData, onCommitLayoutEffect: function () {
                         applyInitialScrollIndex();
                         parentRecyclerViewContext === null || parentRecyclerViewContext === void 0 ? void 0 : parentRecyclerViewContext.unmarkChildLayoutAsPending(recyclerViewId);
                         onCommitLayoutEffect === null || onCommitLayoutEffect === void 0 ? void 0 : onCommitLayoutEffect();