@shopify/flash-list 2.0.0 → 2.0.2-rc.1

package/dist/__tests__/helpers/mountFlashList.d.ts

@@ -0,0 +1,19 @@
+import React from "react";
+import "@quilted/react-testing/matchers";
+import { Root } from "@quilted/react-testing";
+import FlashList from "../../FlashList";
+import { FlashListProps, ListRenderItem } from "../../FlashListProps";
+export type MockFlashListProps = Omit<FlashListProps<string>, "estimatedItemSize" | "data" | "renderItem"> & {
+    estimatedItemSize?: number;
+    data?: string[];
+    renderItem?: ListRenderItem<string>;
+    disableDefaultEstimatedItemSize?: boolean;
+};
+/**
+ * Helper to mount FlashList for testing.
+ */
+export declare const mountFlashList: (props?: MockFlashListProps, ref?: React.RefObject<FlashList<string>>) => Omit<Root<FlashListProps<string>>, "instance"> & {
+    instance: FlashList<string>;
+};
+export declare function renderFlashList(props?: MockFlashListProps, ref?: React.RefObject<FlashList<string>>): React.JSX.Element;
+//# sourceMappingURL=mountFlashList.d.ts.map

package/dist/__tests__/helpers/mountFlashList.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"mountFlashList.d.ts","sourceRoot":"","sources":["../../../src/__tests__/helpers/mountFlashList.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,iCAAiC,CAAC;AACzC,OAAO,EAAU,IAAI,EAAE,MAAM,wBAAwB,CAAC;AAEtD,OAAO,SAAS,MAAM,iBAAiB,CAAC;AACxC,OAAO,EAAE,cAAc,EAAE,cAAc,EAAE,MAAM,sBAAsB,CAAC;AActE,MAAM,MAAM,kBAAkB,GAAG,IAAI,CACnC,cAAc,CAAC,MAAM,CAAC,EACtB,mBAAmB,GAAG,MAAM,GAAG,YAAY,CAC5C,GAAG;IACF,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,IAAI,CAAC,EAAE,MAAM,EAAE,CAAC;IAChB,UAAU,CAAC,EAAE,cAAc,CAAC,MAAM,CAAC,CAAC;IACpC,+BAA+B,CAAC,EAAE,OAAO,CAAC;CAC3C,CAAC;AACF;;GAEG;AACH,eAAO,MAAM,cAAc,GACzB,QAAQ,kBAAkB,EAC1B,MAAM,KAAK,CAAC,SAAS,CAAC,SAAS,CAAC,MAAM,CAAC,CAAC;cAM5B,SAAS,CAAC,MAAM,CAAC;CAG9B,CAAC;AAEF,wBAAgB,eAAe,CAC7B,KAAK,CAAC,EAAE,kBAAkB,EAC1B,GAAG,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC,SAAS,CAAC,MAAM,CAAC,CAAC,qBAczC"}

package/dist/__tests__/helpers/mountFlashList.js

@@ -0,0 +1,44 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.mountFlashList = void 0;
+exports.renderFlashList = renderFlashList;
+var tslib_1 = require("tslib");
+var react_1 = tslib_1.__importDefault(require("react"));
+var react_native_1 = require("react-native");
+require("@quilted/react-testing/matchers");
+var react_testing_1 = require("@quilted/react-testing");
+var FlashList_1 = tslib_1.__importDefault(require("../../FlashList"));
+jest.mock("../../FlashList", function () {
+    var ActualFlashList = jest.requireActual("../../FlashList").default;
+    var MockFlashList = /** @class */ (function (_super) {
+        tslib_1.__extends(MockFlashList, _super);
+        function MockFlashList() {
+            return _super !== null && _super.apply(this, arguments) || this;
+        }
+        MockFlashList.prototype.componentDidMount = function () {
+            var _a, _b, _c;
+            _super.prototype.componentDidMount.call(this);
+            (_c = (_b = (_a = this.rlvRef) === null || _a === void 0 ? void 0 : _a._scrollComponent) === null || _b === void 0 ? void 0 : _b._scrollViewRef) === null || _c === void 0 ? void 0 : _c.props.onLayout({
+                nativeEvent: { layout: { height: 900, width: 400 } },
+            });
+        };
+        return MockFlashList;
+    }(ActualFlashList));
+    return MockFlashList;
+});
+/**
+ * Helper to mount FlashList for testing.
+ */
+var mountFlashList = function (props, ref) {
+    var flashList = (0, react_testing_1.render)(renderFlashList(props, ref));
+    return flashList;
+};
+exports.mountFlashList = mountFlashList;
+function renderFlashList(props, ref) {
+    var _a;
+    return (react_1.default.createElement(FlashList_1.default, tslib_1.__assign({}, props, { ref: ref, renderItem: (props === null || props === void 0 ? void 0 : props.renderItem) || (function (_a) {
+            var item = _a.item;
+            return react_1.default.createElement(react_native_1.Text, null, item);
+        }), estimatedItemSize: (_a = props === null || props === void 0 ? void 0 : props.estimatedItemSize) !== null && _a !== void 0 ? _a : ((props === null || props === void 0 ? void 0 : props.disableDefaultEstimatedItemSize) ? undefined : 200), data: (props === null || props === void 0 ? void 0 : props.data) || ["One", "Two", "Three", "Four"] })));
+}
+//# sourceMappingURL=mountFlashList.js.map

package/dist/__tests__/helpers/mountFlashList.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"mountFlashList.js","sourceRoot":"","sources":["../../../src/__tests__/helpers/mountFlashList.tsx"],"names":[],"mappings":";;;AA6CA,0CAgBC;;AA7DD,wDAA0B;AAC1B,6CAAoC;AACpC,2CAAyC;AACzC,wDAAsD;AAEtD,sEAAwC;AAGxC,IAAI,CAAC,IAAI,CAAC,iBAAiB,EAAE;IAC3B,IAAM,eAAe,GAAG,IAAI,CAAC,aAAa,CAAC,iBAAiB,CAAC,CAAC,OAAO,CAAC;IACtE;QAA4B,yCAAe;QAA3C;;QAOA,CAAC;QANC,yCAAiB,GAAjB;;YACE,gBAAK,CAAC,iBAAiB,WAAE,CAAC;YAC1B,MAAA,MAAA,MAAA,IAAI,CAAC,MAAM,0CAAE,gBAAgB,0CAAE,cAAc,0CAAE,KAAK,CAAC,QAAQ,CAAC;gBAC5D,WAAW,EAAE,EAAE,MAAM,EAAE,EAAE,MAAM,EAAE,GAAG,EAAE,KAAK,EAAE,GAAG,EAAE,EAAE;aACrD,CAAC,CAAC;QACL,CAAC;QACH,oBAAC;IAAD,CAAC,AAPD,CAA4B,eAAe,GAO1C;IACD,OAAO,aAAa,CAAC;AACvB,CAAC,CAAC,CAAC;AAUH;;GAEG;AACI,IAAM,cAAc,GAAG,UAC5B,KAA0B,EAC1B,GAAwC;IAExC,IAAM,SAAS,GAAG,IAAA,sBAAM,EAAC,eAAe,CAAC,KAAK,EAAE,GAAG,CAAC,CAKnD,CAAC;IACF,OAAO,SAAS,CAAC;AACnB,CAAC,CAAC;AAXW,QAAA,cAAc,kBAWzB;AAEF,SAAgB,eAAe,CAC7B,KAA0B,EAC1B,GAAwC;;IAExC,OAAO,CACL,8BAAC,mBAAS,uBACJ,KAAK,IACT,GAAG,EAAE,GAAG,EACR,UAAU,EAAE,CAAA,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,UAAU,KAAI,CAAC,UAAC,EAAQ;gBAAN,IAAI,UAAA;YAAO,OAAA,8BAAC,mBAAI,QAAE,IAAI,CAAQ;QAAnB,CAAmB,CAAC,EACpE,iBAAiB,EACf,MAAA,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,iBAAiB,mCACxB,CAAC,CAAA,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,+BAA+B,EAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,GAAG,CAAC,EAE5D,IAAI,EAAE,CAAA,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,IAAI,KAAI,CAAC,KAAK,EAAE,KAAK,EAAE,OAAO,EAAE,MAAM,CAAC,IACpD,CACH,CAAC;AACJ,CAAC"}

package/dist/__tests__/helpers/mountMasonryFlashList.d.ts

@@ -0,0 +1,18 @@
+import React from "react";
+import "@quilted/react-testing/matchers";
+import { Root } from "@quilted/react-testing";
+import { ListRenderItem } from "../../FlashListProps";
+import { MasonryFlashListProps, MasonryFlashListRef } from "../../MasonryFlashList";
+export type MockMasonryFlashListProps = Omit<MasonryFlashListProps<string>, "estimatedItemSize" | "data" | "renderItem"> & {
+    estimatedItemSize?: number;
+    data?: string[];
+    renderItem?: ListRenderItem<string>;
+};
+/**
+ * Helper to mount MasonryFlashList for testing.
+ */
+export declare const mountMasonryFlashList: (props?: MockMasonryFlashListProps, ref?: React.RefObject<MasonryFlashListRef<string>>) => Omit<Root<MasonryFlashListProps<string>>, "instance"> & {
+    instance: MasonryFlashListRef<string>;
+};
+export declare function renderMasonryFlashList(props?: MockMasonryFlashListProps, ref?: React.RefObject<MasonryFlashListRef<string>>): React.JSX.Element;
+//# sourceMappingURL=mountMasonryFlashList.d.ts.map

package/dist/__tests__/helpers/mountMasonryFlashList.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"mountMasonryFlashList.d.ts","sourceRoot":"","sources":["../../../src/__tests__/helpers/mountMasonryFlashList.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,iCAAiC,CAAC;AACzC,OAAO,EAAU,IAAI,EAAE,MAAM,wBAAwB,CAAC;AAEtD,OAAO,EAAE,cAAc,EAAE,MAAM,sBAAsB,CAAC;AACtD,OAAO,EAEL,qBAAqB,EACrB,mBAAmB,EACpB,MAAM,wBAAwB,CAAC;AAoBhC,MAAM,MAAM,yBAAyB,GAAG,IAAI,CAC1C,qBAAqB,CAAC,MAAM,CAAC,EAC7B,mBAAmB,GAAG,MAAM,GAAG,YAAY,CAC5C,GAAG;IACF,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,IAAI,CAAC,EAAE,MAAM,EAAE,CAAC;IAChB,UAAU,CAAC,EAAE,cAAc,CAAC,MAAM,CAAC,CAAC;CACrC,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,qBAAqB,GAChC,QAAQ,yBAAyB,EACjC,MAAM,KAAK,CAAC,SAAS,CAAC,mBAAmB,CAAC,MAAM,CAAC,CAAC;cAMtC,mBAAmB,CAAC,MAAM,CAAC;CAGxC,CAAC;AAEF,wBAAgB,sBAAsB,CACpC,KAAK,CAAC,EAAE,yBAAyB,EACjC,GAAG,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC,mBAAmB,CAAC,MAAM,CAAC,CAAC,qBAYnD"}

package/dist/__tests__/helpers/mountMasonryFlashList.js

@@ -0,0 +1,49 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.mountMasonryFlashList = void 0;
+exports.renderMasonryFlashList = renderMasonryFlashList;
+var tslib_1 = require("tslib");
+var react_1 = tslib_1.__importDefault(require("react"));
+var react_native_1 = require("react-native");
+require("@quilted/react-testing/matchers");
+var react_testing_1 = require("@quilted/react-testing");
+var MasonryFlashList_1 = require("../../MasonryFlashList");
+jest.mock("../../FlashList", function () {
+    var ActualFlashList = jest.requireActual("../../FlashList").default;
+    var MockFlashList = /** @class */ (function (_super) {
+        tslib_1.__extends(MockFlashList, _super);
+        function MockFlashList() {
+            return _super !== null && _super.apply(this, arguments) || this;
+        }
+        MockFlashList.prototype.componentDidMount = function () {
+            var _a, _b, _c, _d, _e, _f, _g;
+            _super.prototype.componentDidMount.call(this);
+            (_c = (_b = (_a = this.rlvRef) === null || _a === void 0 ? void 0 : _a._scrollComponent) === null || _b === void 0 ? void 0 : _b._scrollViewRef) === null || _c === void 0 ? void 0 : _c.props.onLayout({
+                nativeEvent: {
+                    layout: {
+                        height: (_e = (_d = this.props.estimatedListSize) === null || _d === void 0 ? void 0 : _d.height) !== null && _e !== void 0 ? _e : 900,
+                        width: (_g = (_f = this.props.estimatedListSize) === null || _f === void 0 ? void 0 : _f.width) !== null && _g !== void 0 ? _g : 400,
+                    },
+                },
+            });
+        };
+        return MockFlashList;
+    }(ActualFlashList));
+    return MockFlashList;
+});
+/**
+ * Helper to mount MasonryFlashList for testing.
+ */
+var mountMasonryFlashList = function (props, ref) {
+    var flashList = (0, react_testing_1.render)(renderMasonryFlashList(props, ref));
+    return flashList;
+};
+exports.mountMasonryFlashList = mountMasonryFlashList;
+function renderMasonryFlashList(props, ref) {
+    var _a, _b;
+    return (react_1.default.createElement(MasonryFlashList_1.MasonryFlashList, tslib_1.__assign({}, props, { ref: ref, numColumns: (_a = props === null || props === void 0 ? void 0 : props.numColumns) !== null && _a !== void 0 ? _a : 2, renderItem: (props === null || props === void 0 ? void 0 : props.renderItem) || (function (_a) {
+            var item = _a.item;
+            return react_1.default.createElement(react_native_1.Text, null, item);
+        }), estimatedItemSize: (_b = props === null || props === void 0 ? void 0 : props.estimatedItemSize) !== null && _b !== void 0 ? _b : 200, data: (props === null || props === void 0 ? void 0 : props.data) || ["One", "Two", "Three", "Four"] })));
+}
+//# sourceMappingURL=mountMasonryFlashList.js.map

package/dist/__tests__/helpers/mountMasonryFlashList.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"mountMasonryFlashList.js","sourceRoot":"","sources":["../../../src/__tests__/helpers/mountMasonryFlashList.tsx"],"names":[],"mappings":";;;AAuDA,wDAcC;;AArED,wDAA0B;AAC1B,6CAAoC;AACpC,2CAAyC;AACzC,wDAAsD;AAGtD,2DAIgC;AAEhC,IAAI,CAAC,IAAI,CAAC,iBAAiB,EAAE;IAC3B,IAAM,eAAe,GAAG,IAAI,CAAC,aAAa,CAAC,iBAAiB,CAAC,CAAC,OAAO,CAAC;IACtE;QAA4B,yCAAe;QAA3C;;QAYA,CAAC;QAXC,yCAAiB,GAAjB;;YACE,gBAAK,CAAC,iBAAiB,WAAE,CAAC;YAC1B,MAAA,MAAA,MAAA,IAAI,CAAC,MAAM,0CAAE,gBAAgB,0CAAE,cAAc,0CAAE,KAAK,CAAC,QAAQ,CAAC;gBAC5D,WAAW,EAAE;oBACX,MAAM,EAAE;wBACN,MAAM,EAAE,MAAA,MAAA,IAAI,CAAC,KAAK,CAAC,iBAAiB,0CAAE,MAAM,mCAAI,GAAG;wBACnD,KAAK,EAAE,MAAA,MAAA,IAAI,CAAC,KAAK,CAAC,iBAAiB,0CAAE,KAAK,mCAAI,GAAG;qBAClD;iBACF;aACF,CAAC,CAAC;QACL,CAAC;QACH,oBAAC;IAAD,CAAC,AAZD,CAA4B,eAAe,GAY1C;IACD,OAAO,aAAa,CAAC;AACvB,CAAC,CAAC,CAAC;AAWH;;GAEG;AACI,IAAM,qBAAqB,GAAG,UACnC,KAAiC,EACjC,GAAkD;IAElD,IAAM,SAAS,GAAG,IAAA,sBAAM,EAAC,sBAAsB,CAAC,KAAK,EAAE,GAAG,CAAC,CAK1D,CAAC;IACF,OAAO,SAAS,CAAC;AACnB,CAAC,CAAC;AAXW,QAAA,qBAAqB,yBAWhC;AAEF,SAAgB,sBAAsB,CACpC,KAAiC,EACjC,GAAkD;;IAElD,OAAO,CACL,8BAAC,mCAAgB,uBACX,KAAK,IACT,GAAG,EAAE,GAAG,EACR,UAAU,EAAE,MAAA,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,UAAU,mCAAI,CAAC,EAClC,UAAU,EAAE,CAAA,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,UAAU,KAAI,CAAC,UAAC,EAAQ;gBAAN,IAAI,UAAA;YAAO,OAAA,8BAAC,mBAAI,QAAE,IAAI,CAAQ;QAAnB,CAAmB,CAAC,EACpE,iBAAiB,EAAE,MAAA,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,iBAAiB,mCAAI,GAAG,EAClD,IAAI,EAAE,CAAA,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,IAAI,KAAI,CAAC,KAAK,EAAE,KAAK,EAAE,OAAO,EAAE,MAAM,CAAC,IACpD,CACH,CAAC;AACJ,CAAC"}

package/dist/__tests__/useBlankAreaTracker.test.d.ts

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=useBlankAreaTracker.test.d.ts.map

package/dist/__tests__/useBlankAreaTracker.test.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useBlankAreaTracker.test.d.ts","sourceRoot":"","sources":["../../src/__tests__/useBlankAreaTracker.test.tsx"],"names":[],"mappings":""}

package/dist/__tests__/useBlankAreaTracker.test.js

@@ -0,0 +1,179 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+var tslib_1 = require("tslib");
+var react_1 = tslib_1.__importStar(require("react"));
+var react_testing_1 = require("@quilted/react-testing");
+var useBlankAreaTracker_1 = require("../benchmark/useBlankAreaTracker");
+var mountFlashList_1 = require("./helpers/mountFlashList");
+var BlankTrackingFlashList = function (props) {
+    var _a, _b, _c, _d;
+    var ref = props === null || props === void 0 ? void 0 : props.instance;
+    var _e = tslib_1.__read((0, useBlankAreaTracker_1.useBlankAreaTracker)(ref, props === null || props === void 0 ? void 0 : props.onCumulativeBlankAreaChange, {
+        startDelayInMs: (_b = (_a = props === null || props === void 0 ? void 0 : props.blankAreaTrackerConfig) === null || _a === void 0 ? void 0 : _a.startDelayInMs) !== null && _b !== void 0 ? _b : 500,
+        sumNegativeValues: (_d = (_c = props === null || props === void 0 ? void 0 : props.blankAreaTrackerConfig) === null || _c === void 0 ? void 0 : _c.sumNegativeValues) !== null && _d !== void 0 ? _d : false,
+    }), 2), blankAreaTrackerResult = _e[0], onBlankArea = _e[1];
+    (0, react_1.useEffect)(function () {
+        return function () {
+            var _a;
+            (_a = props === null || props === void 0 ? void 0 : props.onCumulativeBlankAreaResult) === null || _a === void 0 ? void 0 : _a.call(props, blankAreaTrackerResult);
+        };
+        // eslint-disable-next-line react-hooks/exhaustive-deps
+    }, []);
+    return (0, mountFlashList_1.renderFlashList)(tslib_1.__assign(tslib_1.__assign({}, props), { onBlankArea: onBlankArea, estimatedItemSize: 400 }), ref);
+};
+var mountBlankTrackingFlashList = function (props) {
+    var flashListRef = {
+        current: null,
+    };
+    var blankTrackingFlashList = (0, react_testing_1.render)(react_1.default.createElement(BlankTrackingFlashList, tslib_1.__assign({}, props, { instance: flashListRef })));
+    return {
+        root: blankTrackingFlashList,
+        instance: flashListRef.current,
+    };
+};
+describe("useBlankAreaTracker Hook", function () {
+    beforeEach(function () {
+        jest.clearAllMocks();
+        jest.useFakeTimers();
+    });
+    it("ignores blank events for 500ms on mount and if content is not enough to fill the list", function () {
+        var onCumulativeBlankAreaChange = jest.fn();
+        var flashList = mountBlankTrackingFlashList({
+            onCumulativeBlankAreaChange: onCumulativeBlankAreaChange,
+        });
+        flashList.instance.props.onBlankArea({
+            blankArea: 100,
+            offsetEnd: 100,
+            offsetStart: 0,
+        });
+        flashList.instance.props.onBlankArea({
+            blankArea: 100,
+            offsetEnd: 100,
+            offsetStart: 0,
+        });
+        jest.advanceTimersByTime(400);
+        flashList.instance.props.onBlankArea({
+            blankArea: 100,
+            offsetEnd: 100,
+            offsetStart: 0,
+        });
+        expect(onCumulativeBlankAreaChange).toHaveBeenCalledTimes(0);
+        jest.advanceTimersByTime(100);
+        flashList.instance.props.onBlankArea({
+            blankArea: 100,
+            offsetEnd: 100,
+            offsetStart: 0,
+        });
+        expect(onCumulativeBlankAreaChange).toHaveBeenCalledTimes(1);
+        onCumulativeBlankAreaChange.mockClear();
+        flashList.root.setProps({ data: ["1"] });
+        flashList.instance.props.onBlankArea({
+            blankArea: 100,
+            offsetEnd: 100,
+            offsetStart: 0,
+        });
+        expect(onCumulativeBlankAreaChange).toHaveBeenCalledTimes(0);
+        flashList.root.unmount();
+    });
+    it("keeps result object updated with correct values on unmount", function () {
+        var resultObjectCopy;
+        var onCumulativeBlankAreaChange = jest.fn(function (result) {
+            if (!resultObjectCopy) {
+                resultObjectCopy = result;
+            }
+        });
+        var onCumulativeBlankAreaResult = jest.fn();
+        var flashList = mountBlankTrackingFlashList({
+            onCumulativeBlankAreaResult: onCumulativeBlankAreaResult,
+            onCumulativeBlankAreaChange: onCumulativeBlankAreaChange,
+            blankAreaTrackerConfig: { startDelayInMs: 300 },
+        });
+        flashList.instance.props.onBlankArea({
+            blankArea: 100,
+            offsetEnd: 100,
+            offsetStart: 0,
+        });
+        jest.advanceTimersByTime(300);
+        flashList.instance.props.onBlankArea({
+            blankArea: 100,
+            offsetEnd: 100,
+            offsetStart: 0,
+        });
+        expect(resultObjectCopy.cumulativeBlankArea).toBe(100);
+        expect(resultObjectCopy.maxBlankArea).toBe(100);
+        flashList.instance.props.onBlankArea({
+            blankArea: 200,
+            offsetEnd: 200,
+            offsetStart: 0,
+        });
+        flashList.instance.props.onBlankArea({
+            blankArea: -200,
+            offsetEnd: -200,
+            offsetStart: 0,
+        });
+        expect(resultObjectCopy.cumulativeBlankArea).toBe(300);
+        expect(resultObjectCopy.maxBlankArea).toBe(200);
+        flashList.root.unmount();
+        expect(onCumulativeBlankAreaResult).toHaveBeenCalledWith(resultObjectCopy);
+    });
+    it("can track negative values on demand", function () {
+        var onCumulativeBlankAreaResult = jest.fn();
+        var flashList = mountBlankTrackingFlashList({
+            onCumulativeBlankAreaResult: onCumulativeBlankAreaResult,
+            blankAreaTrackerConfig: { sumNegativeValues: true },
+        });
+        flashList.instance.props.onBlankArea({
+            blankArea: -200,
+            offsetEnd: -200,
+            offsetStart: 0,
+        });
+        jest.advanceTimersByTime(500);
+        flashList.instance.props.onBlankArea({
+            blankArea: -200,
+            offsetEnd: -200,
+            offsetStart: 0,
+        });
+        flashList.instance.props.onBlankArea({
+            blankArea: -200,
+            offsetEnd: -200,
+            offsetStart: 0,
+        });
+        flashList.root.unmount();
+        expect(onCumulativeBlankAreaResult).toHaveBeenCalledWith({
+            cumulativeBlankArea: -400,
+            maxBlankArea: 0,
+        });
+    });
+    it("only calls onCumulativeBlankAreaChange when values have a change", function () {
+        var onCumulativeBlankAreaChange = jest.fn();
+        var flashList = mountBlankTrackingFlashList({
+            onCumulativeBlankAreaChange: onCumulativeBlankAreaChange,
+        });
+        flashList.instance.props.onBlankArea({
+            blankArea: -200,
+            offsetEnd: -200,
+            offsetStart: 0,
+        });
+        jest.advanceTimersByTime(500);
+        flashList.instance.props.onBlankArea({
+            blankArea: -200,
+            offsetEnd: -200,
+            offsetStart: 0,
+        });
+        expect(onCumulativeBlankAreaChange).toHaveBeenCalledTimes(0);
+        flashList.instance.props.onBlankArea({
+            blankArea: -100,
+            offsetEnd: -100,
+            offsetStart: 0,
+        });
+        expect(onCumulativeBlankAreaChange).toHaveBeenCalledTimes(0);
+        flashList.instance.props.onBlankArea({
+            blankArea: 100,
+            offsetEnd: 100,
+            offsetStart: 0,
+        });
+        expect(onCumulativeBlankAreaChange).toHaveBeenCalledTimes(1);
+        flashList.root.unmount();
+    });
+});
+//# sourceMappingURL=useBlankAreaTracker.test.js.map

package/dist/__tests__/useBlankAreaTracker.test.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useBlankAreaTracker.test.js","sourceRoot":"","sources":["../../src/__tests__/useBlankAreaTracker.test.tsx"],"names":[],"mappings":"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"}

package/dist/benchmark/JSFPSMonitor.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"JSFPSMonitor.d.ts","sourceRoot":"","sources":["../../src/benchmark/JSFPSMonitor.ts"],"names":[],"mappings":"AAIA;;;GAGG;AACH,qBAAa,YAAY;IACvB,OAAO,CAAC,SAAS,CAAK;IACtB,OAAO,CAAC,UAAU,CAAK;IACvB,OAAO,CAAC,UAAU,CAGhB;IAEF,OAAO,CAAC,MAAM,CAA2B;IACzC,OAAO,CAAC,MAAM,CAAK;IACnB,OAAO,CAAC,UAAU,CAAK;IAEvB,OAAO,CAAC,oBAAoB,CAAK;IAEjC,OAAO,CAAC,WAAW;IAKnB,OAAO,CAAC,iBAAiB,CAiBvB;IAEK,aAAa;IASb,cAAc,IAAI,WAAW;CAYrC;AAED,MAAM,WAAW,WAAW;IAC1B,MAAM,EAAE,MAAM,CAAC;IACf,MAAM,EAAE,MAAM,CAAC;IACf,UAAU,EAAE,MAAM,CAAC;CACpB"}
+{"version":3,"file":"JSFPSMonitor.d.ts","sourceRoot":"","sources":["../../src/benchmark/JSFPSMonitor.ts"],"names":[],"mappings":"AAEA;;;GAGG;AACH,qBAAa,YAAY;IACvB,OAAO,CAAC,SAAS,CAAK;IACtB,OAAO,CAAC,UAAU,CAAK;IACvB,OAAO,CAAC,UAAU,CAGhB;IAEF,OAAO,CAAC,MAAM,CAA2B;IACzC,OAAO,CAAC,MAAM,CAAK;IACnB,OAAO,CAAC,UAAU,CAAK;IAEvB,OAAO,CAAC,oBAAoB,CAAK;IAEjC,OAAO,CAAC,WAAW;IAKnB,OAAO,CAAC,iBAAiB,CAiBvB;IAEK,aAAa;IAWb,cAAc,IAAI,WAAW;CAYrC;AAED,MAAM,WAAW,WAAW;IAC1B,MAAM,EAAE,MAAM,CAAC;IACf,MAAM,EAAE,MAAM,CAAC;IACf,UAAU,EAAE,MAAM,CAAC;CACpB"}

package/dist/benchmark/JSFPSMonitor.js

@@ -1,7 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.JSFPSMonitor = void 0;
-var ErrorMessages_1 = require("../errors/ErrorMessages");
 var roundToDecimalPlaces_1 = require("./roundToDecimalPlaces");
 /**
  * Can be used to monitor JS thread performance
@@ -42,7 +41,7 @@ var JSFPSMonitor = /** @class */ (function () {
     };
     JSFPSMonitor.prototype.startTracking = function () {
         if (this.startTime !== 0) {
-            throw new Error(ErrorMessages_1.ErrorMessages.fpsMonitorAlreadyRunning);
+            throw new Error("This FPS Monitor has already been run, please create a new instance");
         }
         this.startTime = Date.now();
         this.timeWindow.startTime = Date.now();

package/dist/benchmark/JSFPSMonitor.js.map

@@ -1 +1 @@
-{"version":3,"file":"JSFPSMonitor.js","sourceRoot":"","sources":["../../src/benchmark/JSFPSMonitor.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"JSFPSMonitor.js","sourceRoot":"","sources":["../../src/benchmark/JSFPSMonitor.ts"],"names":[],"mappings":";;;AAAA,+DAA8D;AAE9D;;;GAGG;AACH;IAAA;QAAA,iBA6DC;QA5DS,cAAS,GAAG,CAAC,CAAC;QACd,eAAU,GAAG,CAAC,CAAC;QACf,eAAU,GAAG;YACnB,UAAU,EAAE,CAAC;YACb,SAAS,EAAE,CAAC;SACb,CAAC;QAEM,WAAM,GAAG,MAAM,CAAC,gBAAgB,CAAC;QACjC,WAAM,GAAG,CAAC,CAAC;QACX,eAAU,GAAG,CAAC,CAAC;QAEf,yBAAoB,GAAG,CAAC,CAAC;QAOzB,sBAAiB,GAAG;YAC1B,KAAI,CAAC,UAAU,EAAE,CAAC;YAClB,IAAM,WAAW,GAAG,CAAC,IAAI,CAAC,GAAG,EAAE,GAAG,KAAI,CAAC,SAAS,CAAC,GAAG,IAAI,CAAC;YACzD,KAAI,CAAC,UAAU,GAAG,WAAW,GAAG,CAAC,CAAC,CAAC,CAAC,KAAI,CAAC,UAAU,GAAG,WAAW,CAAC,CAAC,CAAC,CAAC,CAAC;YAEtE,KAAI,CAAC,UAAU,CAAC,UAAU,EAAE,CAAC;YAC7B,IAAM,qBAAqB,GACzB,CAAC,IAAI,CAAC,GAAG,EAAE,GAAG,KAAI,CAAC,UAAU,CAAC,SAAS,CAAC,GAAG,IAAI,CAAC;YAClD,IAAI,qBAAqB,IAAI,CAAC,EAAE,CAAC;gBAC/B,IAAM,oBAAoB,GACxB,KAAI,CAAC,UAAU,CAAC,UAAU,GAAG,qBAAqB,CAAC;gBACrD,KAAI,CAAC,MAAM,GAAG,IAAI,CAAC,GAAG,CAAC,KAAI,CAAC,MAAM,EAAE,oBAAoB,CAAC,CAAC;gBAC1D,KAAI,CAAC,MAAM,GAAG,IAAI,CAAC,GAAG,CAAC,KAAI,CAAC,MAAM,EAAE,oBAAoB,CAAC,CAAC;gBAC1D,KAAI,CAAC,UAAU,CAAC,UAAU,GAAG,CAAC,CAAC;gBAC/B,KAAI,CAAC,UAAU,CAAC,SAAS,GAAG,IAAI,CAAC,GAAG,EAAE,CAAC;YACzC,CAAC;YACD,KAAI,CAAC,WAAW,EAAE,CAAC;QACrB,CAAC,CAAC;IAyBJ,CAAC;IA/CS,kCAAW,GAAnB;QACE,kDAAkD;QAClD,IAAI,CAAC,oBAAoB,GAAG,qBAAqB,CAAC,IAAI,CAAC,iBAAiB,CAAC,CAAC;IAC5E,CAAC;IAqBM,oCAAa,GAApB;QACE,IAAI,IAAI,CAAC,SAAS,KAAK,CAAC,EAAE,CAAC;YACzB,MAAM,IAAI,KAAK,CACb,qEAAqE,CACtE,CAAC;QACJ,CAAC;QACD,IAAI,CAAC,SAAS,GAAG,IAAI,CAAC,GAAG,EAAE,CAAC;QAC5B,IAAI,CAAC,UAAU,CAAC,SAAS,GAAG,IAAI,CAAC,GAAG,EAAE,CAAC;QACvC,IAAI,CAAC,WAAW,EAAE,CAAC;IACrB,CAAC;IAEM,qCAAc,GAArB;QACE,oBAAoB,CAAC,IAAI,CAAC,oBAAoB,CAAC,CAAC;QAChD,IAAI,IAAI,CAAC,MAAM,KAAK,MAAM,CAAC,gBAAgB,EAAE,CAAC;YAC5C,IAAI,CAAC,MAAM,GAAG,IAAI,CAAC,UAAU,CAAC;YAC9B,IAAI,CAAC,MAAM,GAAG,IAAI,CAAC,UAAU,CAAC;QAChC,CAAC;QACD,OAAO;YACL,MAAM,EAAE,IAAA,2CAAoB,EAAC,IAAI,CAAC,MAAM,EAAE,CAAC,CAAC;YAC5C,MAAM,EAAE,IAAA,2CAAoB,EAAC,IAAI,CAAC,MAAM,EAAE,CAAC,CAAC;YAC5C,UAAU,EAAE,IAAA,2CAAoB,EAAC,IAAI,CAAC,UAAU,EAAE,CAAC,CAAC;SACrD,CAAC;IACJ,CAAC;IACH,mBAAC;AAAD,CAAC,AA7DD,IA6DC;AA7DY,oCAAY"}

package/dist/benchmark/useBenchmark.d.ts

@@ -1,6 +1,7 @@
 import React from "react";
-import { FlashListRef } from "../FlashListRef";
+import FlashList from "../FlashList";
 import { JSFPSResult } from "./JSFPSMonitor";
+import { BlankAreaTrackerResult } from "./useBlankAreaTracker";
 export interface BenchmarkParams {
     startDelayInMs?: number;
     /**
@@ -21,6 +22,7 @@ export interface BenchmarkResult {
     js?: JSFPSResult;
     interrupted: boolean;
     suggestions: string[];
+    blankArea?: BlankAreaTrackerResult;
     formattedString?: string;
 }
 /**
@@ -28,6 +30,6 @@ export interface BenchmarkResult {
  * Response object has a formatted string that can be printed to the console or shown as an alert.
  * Result is posted to the callback method passed to the hook.
  */
-export declare function useBenchmark(flashListRef: React.RefObject<FlashListRef<any>>, callback: (benchmarkResult: BenchmarkResult) => void, params?: BenchmarkParams): void;
+export declare function useBenchmark(flashListRef: React.RefObject<FlashList<any>>, callback: (benchmarkResult: BenchmarkResult) => void, params?: BenchmarkParams): ((event: import("..").BlankAreaEvent) => void)[];
 export declare function getFormattedString(res: BenchmarkResult): string;
 //# sourceMappingURL=useBenchmark.d.ts.map

package/dist/benchmark/useBenchmark.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useBenchmark.d.ts","sourceRoot":"","sources":["../../src/benchmark/useBenchmark.ts"],"names":[],"mappings":"AAAA,OAAO,KAAoB,MAAM,OAAO,CAAC;AAEzC,OAAO,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAC;AAI/C,OAAO,EAAgB,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAE3D,MAAM,WAAW,eAAe;IAC9B,cAAc,CAAC,EAAE,MAAM,CAAC;IAExB;;OAEG;IACH,eAAe,CAAC,EAAE,MAAM,CAAC;IAEzB;;OAEG;IACH,WAAW,CAAC,EAAE,MAAM,CAAC;IAErB;;;OAGG;IACH,0BAA0B,CAAC,EAAE,OAAO,CAAC;CACtC;AAED,MAAM,WAAW,eAAe;IAC9B,EAAE,CAAC,EAAE,WAAW,CAAC;IACjB,WAAW,EAAE,OAAO,CAAC;IACrB,WAAW,EAAE,MAAM,EAAE,CAAC;IACtB,eAAe,CAAC,EAAE,MAAM,CAAC;CAC1B;AAED;;;;GAIG;AAEH,wBAAgB,YAAY,CAC1B,YAAY,EAAE,KAAK,CAAC,SAAS,CAAC,YAAY,CAAC,GAAG,CAAC,CAAC,EAChD,QAAQ,EAAE,CAAC,eAAe,EAAE,eAAe,KAAK,IAAI,EACpD,MAAM,GAAE,eAAoB,QA2C7B;AAED,wBAAgB,kBAAkB,CAAC,GAAG,EAAE,eAAe,UAYtD"}
+{"version":3,"file":"useBenchmark.d.ts","sourceRoot":"","sources":["../../src/benchmark/useBenchmark.ts"],"names":[],"mappings":"AAAA,OAAO,KAAoB,MAAM,OAAO,CAAC;AAEzC,OAAO,SAAS,MAAM,cAAc,CAAC;AAGrC,OAAO,EAAgB,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAE3D,OAAO,EACL,sBAAsB,EAEvB,MAAM,uBAAuB,CAAC;AAE/B,MAAM,WAAW,eAAe;IAC9B,cAAc,CAAC,EAAE,MAAM,CAAC;IAExB;;OAEG;IACH,eAAe,CAAC,EAAE,MAAM,CAAC;IAEzB;;OAEG;IACH,WAAW,CAAC,EAAE,MAAM,CAAC;IAErB;;;OAGG;IACH,0BAA0B,CAAC,EAAE,OAAO,CAAC;CACtC;AAED,MAAM,WAAW,eAAe;IAC9B,EAAE,CAAC,EAAE,WAAW,CAAC;IACjB,WAAW,EAAE,OAAO,CAAC;IACrB,WAAW,EAAE,MAAM,EAAE,CAAC;IACtB,SAAS,CAAC,EAAE,sBAAsB,CAAC;IACnC,eAAe,CAAC,EAAE,MAAM,CAAC;CAC1B;AAED;;;;GAIG;AAEH,wBAAgB,YAAY,CAC1B,YAAY,EAAE,KAAK,CAAC,SAAS,CAAC,SAAS,CAAC,GAAG,CAAC,CAAC,EAC7C,QAAQ,EAAE,CAAC,eAAe,EAAE,eAAe,KAAK,IAAI,EACpD,MAAM,GAAE,eAAoB,oDAkD7B;AAED,wBAAgB,kBAAkB,CAAC,GAAG,EAAE,eAAe,UAiBtD"}

package/dist/benchmark/useBenchmark.js

@@ -4,9 +4,10 @@ exports.useBenchmark = useBenchmark;
 exports.getFormattedString = getFormattedString;
 var tslib_1 = require("tslib");
 var react_1 = require("react");
-var ErrorMessages_1 = require("../errors/ErrorMessages");
 var AutoScrollHelper_1 = require("./AutoScrollHelper");
 var JSFPSMonitor_1 = require("./JSFPSMonitor");
+var roundToDecimalPlaces_1 = require("./roundToDecimalPlaces");
+var useBlankAreaTracker_1 = require("./useBlankAreaTracker");
 /**
  * Runs the benchmark on FlashList.
  * Response object has a formatted string that can be printed to the console or shown as an alert.
@@ -15,13 +16,14 @@ var JSFPSMonitor_1 = require("./JSFPSMonitor");
 function useBenchmark(flashListRef, callback, params) {
     var _this = this;
     if (params === void 0) { params = {}; }
+    var _a = tslib_1.__read((0, useBlankAreaTracker_1.useBlankAreaTracker)(flashListRef, undefined, { sumNegativeValues: params.sumNegativeBlankAreaValues, startDelayInMs: 0 }), 2), blankAreaResult = _a[0], blankAreaTracker = _a[1];
     (0, react_1.useEffect)(function () {
         var _a;
         var cancellable = new AutoScrollHelper_1.Cancellable();
         var suggestions = [];
         if (flashListRef.current) {
             if (!(Number((_a = flashListRef.current.props.data) === null || _a === void 0 ? void 0 : _a.length) > 0)) {
-                throw new Error(ErrorMessages_1.ErrorMessages.dataEmptyCannotRunBenchmark);
+                throw new Error("Data is empty, cannot run benchmark");
             }
         }
         var cancelTimeout = setTimeout(function () { return tslib_1.__awaiter(_this, void 0, void 0, function () {
@@ -48,7 +50,7 @@ function useBenchmark(flashListRef, callback, params) {
                             suggestions.push("Your average JS FPS is low. This can indicate that your components are doing too much work. Try to optimize your components and reduce re-renders if any");
                         }
                         computeSuggestions(flashListRef, suggestions);
-                        result = generateResult(jsProfilerResponse, suggestions, cancellable);
+                        result = generateResult(jsProfilerResponse, blankAreaResult, suggestions, cancellable);
                         if (!cancellable.isCancelled()) {
                             result.formattedString = getFormattedString(result);
                         }
@@ -63,20 +65,30 @@ function useBenchmark(flashListRef, callback, params) {
         };
         // eslint-disable-next-line react-hooks/exhaustive-deps
     }, []);
+    return [blankAreaTracker];
 }
 function getFormattedString(res) {
-    var _a, _b, _c;
+    var _a, _b, _c, _d, _e;
     return ("Results:\n\n" +
         "JS FPS: Avg: ".concat((_a = res.js) === null || _a === void 0 ? void 0 : _a.averageFPS, " | Min: ").concat((_b = res.js) === null || _b === void 0 ? void 0 : _b.minFPS, " | Max: ").concat((_c = res.js) === null || _c === void 0 ? void 0 : _c.maxFPS, "\n\n") +
+        "".concat(res.blankArea
+            ? "Blank Area: Max: ".concat((_d = res.blankArea) === null || _d === void 0 ? void 0 : _d.maxBlankArea, " Cumulative: ").concat((_e = res.blankArea) === null || _e === void 0 ? void 0 : _e.cumulativeBlankArea, "\n\n")
+            : "") +
         "".concat(res.suggestions.length > 0
             ? "Suggestions:\n\n".concat(res.suggestions
                 .map(function (value, index) { return "".concat(index + 1, ". ").concat(value); })
                 .join("\n"))
             : ""));
 }
-function generateResult(jsProfilerResponse, suggestions, cancellable) {
+function generateResult(jsProfilerResponse, blankAreaResult, suggestions, cancellable) {
     return {
         js: jsProfilerResponse,
+        blankArea: blankAreaResult.maxBlankArea >= 0
+            ? {
+                maxBlankArea: (0, roundToDecimalPlaces_1.roundToDecimalPlaces)(blankAreaResult.maxBlankArea, 0),
+                cumulativeBlankArea: (0, roundToDecimalPlaces_1.roundToDecimalPlaces)(blankAreaResult.cumulativeBlankArea, 0),
+            }
+            : undefined,
         suggestions: suggestions,
         interrupted: cancellable.isCancelled(),
     };
@@ -86,20 +98,20 @@ function generateResult(jsProfilerResponse, suggestions, cancellable) {
  */
 function runScrollBenchmark(flashListRef, cancellable, scrollSpeedMultiplier) {
     return tslib_1.__awaiter(this, void 0, void 0, function () {
-        var horizontal_1, rv, rvSize, rvContentSize, fromX, fromY, toX, toY, scrollNow;
+        var horizontal_1, rlv, rlvSize, rlvContentSize, fromX, fromY, toX, toY, scrollNow;
         return tslib_1.__generator(this, function (_a) {
             switch (_a.label) {
                 case 0:
                     if (!flashListRef.current) return [3 /*break*/, 3];
                     horizontal_1 = flashListRef.current.props.horizontal;
-                    rv = flashListRef.current;
-                    if (!rv) return [3 /*break*/, 3];
-                    rvSize = rv.getWindowSize();
-                    rvContentSize = rv.getChildContainerDimensions();
+                    rlv = flashListRef.current.recyclerlistview_unsafe;
+                    if (!rlv) return [3 /*break*/, 3];
+                    rlvSize = rlv.getRenderedSize();
+                    rlvContentSize = rlv.getContentDimension();
                     fromX = 0;
                     fromY = 0;
-                    toX = rvContentSize.width - rvSize.width;
-                    toY = rvContentSize.height - rvSize.height;
+                    toX = rlvContentSize.width - rlvSize.width;
+                    toY = rlvContentSize.height - rlvSize.height;
                     scrollNow = function (x, y) {
                         var _a;
                         (_a = flashListRef.current) === null || _a === void 0 ? void 0 : _a.scrollToOffset({

package/dist/benchmark/useBenchmark.js.map

@@ -1 +1 @@
-{"version":3,"file":"useBenchmark.js","sourceRoot":"","sources":["../../src/benchmark/useBenchmark.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"useBenchmark.js","sourceRoot":"","sources":["../../src/benchmark/useBenchmark.ts"],"names":[],"mappings":"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"}

package/dist/benchmark/useBlankAreaTracker.d.ts

@@ -0,0 +1,34 @@
+import React from "react";
+import { BlankAreaEvent } from "../native/auto-layout/AutoLayoutView";
+import FlashList from "../FlashList";
+export interface BlankAreaTrackerResult {
+    /**
+     * Max blank area displayed
+     */
+    maxBlankArea: number;
+    /**
+     * Sum of all blank area values across all frames
+     */
+    cumulativeBlankArea: number;
+}
+export interface BlankAreaTrackerConfig {
+    /**
+     * When set to true the hook will also sum all negative blank area values.
+     * Blank area is negative when list is able to draw faster than the scroll speed.
+     */
+    sumNegativeValues?: boolean;
+    /**
+     * By default, the hook ignores blank events for 1s after the list load. This value can be changed using this parameter.
+     * Please note that this duration kicks in after the list has loaded and not after the first scroll.
+     */
+    startDelayInMs?: number;
+}
+/**
+ * Can be used to track visible blank area in production
+ * @param flashListRef Ref to the FlashList component
+ * @param onBlankAreaChange This event handler will be called when the blank area changes
+ * @param config additional configuration for the blank area tracker
+ * @returns blankAreaTrackerResult - maxBlankArea, cumulativeBlankArea this object is mutated and kept up to date. Also returns a callback that needs to be forwarded to FlashList.
+ */
+export declare function useBlankAreaTracker(flashListRef: React.RefObject<FlashList<any>>, onBlankAreaChange?: (value: BlankAreaTrackerResult) => void, config?: BlankAreaTrackerConfig): [BlankAreaTrackerResult, (event: BlankAreaEvent) => void];
+//# sourceMappingURL=useBlankAreaTracker.d.ts.map

package/dist/benchmark/useBlankAreaTracker.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useBlankAreaTracker.d.ts","sourceRoot":"","sources":["../../src/benchmark/useBlankAreaTracker.ts"],"names":[],"mappings":"AAAA,OAAO,KAA8B,MAAM,OAAO,CAAC;AAGnD,OAAO,EAAE,cAAc,EAAE,MAAM,sCAAsC,CAAC;AACtE,OAAO,SAAS,MAAM,cAAc,CAAC;AAErC,MAAM,WAAW,sBAAsB;IACrC;;OAEG;IACH,YAAY,EAAE,MAAM,CAAC;IACrB;;OAEG;IACH,mBAAmB,EAAE,MAAM,CAAC;CAC7B;AACD,MAAM,WAAW,sBAAsB;IACrC;;;OAGG;IACH,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAC5B;;;OAGG;IACH,cAAc,CAAC,EAAE,MAAM,CAAC;CACzB;AAED;;;;;;GAMG;AACH,wBAAgB,mBAAmB,CACjC,YAAY,EAAE,KAAK,CAAC,SAAS,CAAC,SAAS,CAAC,GAAG,CAAC,CAAC,EAC7C,iBAAiB,CAAC,EAAE,CAAC,KAAK,EAAE,sBAAsB,KAAK,IAAI,EAC3D,MAAM,CAAC,EAAE,sBAAsB,GAC9B,CAAC,sBAAsB,EAAE,CAAC,KAAK,EAAE,cAAc,KAAK,IAAI,CAAC,CAwC3D"}