@amazon-devices/shopify__react-native-performance-lists-profiler 1.1.1758683737

package/dist/ListsProfiler.js

@@ -0,0 +1,54 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+var tslib_1 = require("tslib");
+var react_1 = tslib_1.__importStar(require("react"));
+var react_native_flipper_1 = require("react-native-flipper");
+var ListsProfilerContext_1 = require("./ListsProfilerContext");
+var bootstrapPlugin = function () {
+    return new Promise(function (resolve) {
+        (0, react_native_flipper_1.addPlugin)({
+            getId: function () { return '@shopify/react-native-performance'; },
+            onConnect: function (connection) {
+                return resolve(connection);
+            },
+            onDisconnect: function () { },
+            runInBackground: function () { return true; },
+        });
+    });
+};
+/**
+ * Wrap your app with this component to get events from all the lists wrapped with their performance view.
+ * For example, `FlatList` must be wrapped in the `FlatListPerformanceView`.
+ */
+var ListsProfiler = function (_a) {
+    var _b = _a.onInteractive, onInteractive = _b === void 0 ? function () { } : _b, _c = _a.onBlankArea, onBlankArea = _c === void 0 ? function () { } : _c, children = _a.children;
+    var connection;
+    bootstrapPlugin()
+        .then(function (conn) {
+        connection = conn;
+    })
+        .catch(function (error) {
+        throw error;
+    });
+    var onInteractiveCallback = (0, react_1.useCallback)(function (TTI, listName) {
+        onInteractive(TTI, listName);
+        connection === null || connection === void 0 ? void 0 : connection.send('newListTTIData', {
+            TTI: TTI,
+            listName: listName,
+        });
+    }, [connection, onInteractive]);
+    var onBlankAreaCallback = (0, react_1.useCallback)(function (offsetStart, offsetEnd, listName) {
+        onBlankArea(offsetStart, offsetEnd, listName);
+        var blankArea = Math.max(Math.max(offsetStart, offsetEnd), 0);
+        connection === null || connection === void 0 ? void 0 : connection.send('newBlankData', {
+            offset: blankArea,
+            listName: listName,
+        });
+    }, [connection, onBlankArea]);
+    return (react_1.default.createElement(ListsProfilerContext_1.ListsProfilerContextProvider, { value: {
+            onInteractive: onInteractiveCallback,
+            onBlankArea: onBlankAreaCallback,
+        } }, children));
+};
+exports.default = ListsProfiler;
+//# sourceMappingURL=ListsProfiler.js.map

package/dist/ListsProfiler.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ListsProfiler.js","sourceRoot":"","sources":["../src/ListsProfiler.tsx"],"names":[],"mappings":";;;AAAA,qDAAyC;AACzC,6DAAwD;AAExD,+DAAoE;AAGpE,IAAM,eAAe,GAAG;IACtB,OAAO,IAAI,OAAO,CAAC,UAAA,OAAO;QACxB,IAAA,gCAAS,EAAC;YACR,KAAK,EAAE,cAAM,OAAA,mCAAmC,EAAnC,CAAmC;YAChD,SAAS,EAAE,UAAA,UAAU;gBACnB,OAAO,OAAO,CAAC,UAAU,CAAC,CAAC;YAC7B,CAAC;YACD,YAAY,EAAE,cAAO,CAAC;YACtB,eAAe,EAAE,cAAM,OAAA,IAAI,EAAJ,CAAI;SAC5B,CAAC,CAAC;IACL,CAAC,CAAC,CAAC;AACL,CAAC,CAAC;AAEF;;;GAGG;AACH,IAAM,aAAa,GAAG,UAAC,EAAgF;QAA/E,qBAAwB,EAAxB,aAAa,mBAAG,cAAO,CAAC,KAAA,EAAE,mBAAsB,EAAtB,WAAW,mBAAG,cAAO,CAAC,KAAA,EAAE,QAAQ,cAAA;IAChF,IAAI,UAAiD,CAAC;IACtD,eAAe,EAAE;SACd,IAAI,CAAC,UAAA,IAAI;QACR,UAAU,GAAG,IAAI,CAAC;IACpB,CAAC,CAAC;SACD,KAAK,CAAC,UAAA,KAAK;QACV,MAAM,KAAK,CAAC;IACd,CAAC,CAAC,CAAC;IAEL,IAAM,qBAAqB,GAAG,IAAA,mBAAW,EACvC,UAAC,GAAW,EAAE,QAAgB;QAC5B,aAAa,CAAC,GAAG,EAAE,QAAQ,CAAC,CAAC;QAC7B,UAAU,aAAV,UAAU,uBAAV,UAAU,CAAE,IAAI,CAAC,gBAAgB,EAAE;YACjC,GAAG,KAAA;YACH,QAAQ,UAAA;SACT,CAAC,CAAC;IACL,CAAC,EACD,CAAC,UAAU,EAAE,aAAa,CAAC,CAC5B,CAAC;IACF,IAAM,mBAAmB,GAAG,IAAA,mBAAW,EACrC,UAAC,WAAmB,EAAE,SAAiB,EAAE,QAAgB;QACvD,WAAW,CAAC,WAAW,EAAE,SAAS,EAAE,QAAQ,CAAC,CAAC;QAC9C,IAAM,SAAS,GAAG,IAAI,CAAC,GAAG,CAAC,IAAI,CAAC,GAAG,CAAC,WAAW,EAAE,SAAS,CAAC,EAAE,CAAC,CAAC,CAAC;QAChE,UAAU,aAAV,UAAU,uBAAV,UAAU,CAAE,IAAI,CAAC,cAAc,EAAE;YAC/B,MAAM,EAAE,SAAS;YACjB,QAAQ,UAAA;SACT,CAAC,CAAC;IACL,CAAC,EACD,CAAC,UAAU,EAAE,WAAW,CAAC,CAC1B,CAAC;IACF,OAAO,CACL,8BAAC,mDAA4B,IAC3B,KAAK,EAAE;YACL,aAAa,EAAE,qBAAqB;YACpC,WAAW,EAAE,mBAAmB;SACjC,IAEA,QAAQ,CACoB,CAChC,CAAC;AACJ,CAAC,CAAC;AAEF,kBAAe,aAAa,CAAC"}

package/dist/ListsProfilerContext.d.ts

@@ -0,0 +1,9 @@
+import React from 'react';
+interface ListsProfilerController {
+    onInteractive: (TTI: number, listName: string) => void;
+    onBlankArea: (offsetStart: number, offsetEnd: number, listName: string) => void;
+}
+export declare const ListsProfilerContext: React.Context<ListsProfilerController>;
+export declare const ListsProfilerContextProvider: React.Provider<ListsProfilerController>;
+export {};
+//# sourceMappingURL=ListsProfilerContext.d.ts.map

package/dist/ListsProfilerContext.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ListsProfilerContext.d.ts","sourceRoot":"","sources":["../src/ListsProfilerContext.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,UAAU,uBAAuB;IAC/B,aAAa,EAAE,CAAC,GAAG,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,KAAK,IAAI,CAAC;IACvD,WAAW,EAAE,CAAC,WAAW,EAAE,MAAM,EAAE,SAAS,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,KAAK,IAAI,CAAC;CACjF;AAED,eAAO,MAAM,oBAAoB,wCAG/B,CAAC;AAEH,eAAO,MAAM,4BAA4B,yCAAgC,CAAC"}

package/dist/ListsProfilerContext.js

@@ -0,0 +1,11 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ListsProfilerContextProvider = exports.ListsProfilerContext = void 0;
+var tslib_1 = require("tslib");
+var react_1 = tslib_1.__importDefault(require("react"));
+exports.ListsProfilerContext = react_1.default.createContext({
+    onInteractive: function () { },
+    onBlankArea: function () { },
+});
+exports.ListsProfilerContextProvider = exports.ListsProfilerContext.Provider;
+//# sourceMappingURL=ListsProfilerContext.js.map

package/dist/ListsProfilerContext.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ListsProfilerContext.js","sourceRoot":"","sources":["../src/ListsProfilerContext.tsx"],"names":[],"mappings":";;;;AAAA,wDAA0B;AAOb,QAAA,oBAAoB,GAAG,eAAK,CAAC,aAAa,CAA0B;IAC/E,aAAa,EAAE,cAAO,CAAC;IACvB,WAAW,EAAE,cAAO,CAAC;CACtB,CAAC,CAAC;AAEU,QAAA,4BAA4B,GAAG,4BAAoB,CAAC,QAAQ,CAAC"}

package/dist/ListsProfilerModule.d.ts

@@ -0,0 +1,6 @@
+interface ListsProfilerModule {
+    invokeCallback: () => void;
+}
+declare const module: ListsProfilerModule;
+export default module;
+//# sourceMappingURL=ListsProfilerModule.d.ts.map

package/dist/ListsProfilerModule.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ListsProfilerModule.d.ts","sourceRoot":"","sources":["../src/ListsProfilerModule.ts"],"names":[],"mappings":"AASA,UAAU,mBAAmB;IACzB,cAAc,EAAE,MAAM,IAAI,CAAC;CAC9B;AAED,QAAA,MAAM,MAAM,EAAE,mBASb,CAAC;AAEF,eAAe,MAAM,CAAC"}

package/dist/ListsProfilerModule.js

@@ -0,0 +1,14 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+var keplerscript_turbomodule_api_1 = require("@amazon-devices/keplerscript-turbomodule-api");
+var nativeModule = keplerscript_turbomodule_api_1.TurboModuleRegistry.get('AmazonReactNativePerformanceListsProfilerModule');
+var module = {
+    invokeCallback: function () {
+        if (!nativeModule) {
+            throw new Error('Lists profiler module not found in NativeModules. Chances are you\'re in a test environment, but the mocks have not been setup correctly');
+        }
+        nativeModule.invokeCallback();
+    },
+};
+exports.default = module;
+//# sourceMappingURL=ListsProfilerModule.js.map

package/dist/ListsProfilerModule.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ListsProfilerModule.js","sourceRoot":"","sources":["../src/ListsProfilerModule.ts"],"names":[],"mappings":";;AACA,mFAAuE;AAMvE,IAAM,YAAY,GAAG,kDAAmB,CAAC,GAAG,CAAO,iDAAiD,CAAS,CAAC;AAM9G,IAAM,MAAM,GAAwB;IAChC,cAAc;QACV,IAAI,CAAC,YAAY,EAAE;YACf,MAAM,IAAI,KAAK,CACP,0IAA0I,CAAC,CAAC;SACvJ;QAED,YAAY,CAAC,cAAc,EAAE,CAAC;IAClC,CAAC;CACJ,CAAC;AAEF,kBAAe,MAAM,CAAC"}

package/dist/ListsProfilerProps.d.ts

@@ -0,0 +1,19 @@
+/// <reference types="react" />
+interface ListsProfilerProps {
+    /**
+     * Triggered when a list wrapped in a list performance view becomes interactive.
+     * @param TTI: Reported time-to-interactive
+     * @param listName - Name of the list that triggered the event defined in the list performance view
+     */
+    onInteractive?: (TTI: number, listName: string) => void;
+    /**
+     * Triggered when a list wrapped in a list performance view is scrolled and reports a blank area.
+     * @param offsetStart - Offset at the beginning of the list (top when the list is vertical)
+     * @param offsetEnd - Offset at the end of the list (bottom when the list is vertical)
+     * @param listName - Name of the list that triggered the event defined in the list performance view
+     */
+    onBlankArea?: (offsetStart: number, offsetEnd: number, listName: string) => void;
+    children: JSX.Element;
+}
+export default ListsProfilerProps;
+//# sourceMappingURL=ListsProfilerProps.d.ts.map

package/dist/ListsProfilerProps.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ListsProfilerProps.d.ts","sourceRoot":"","sources":["../src/ListsProfilerProps.ts"],"names":[],"mappings":";AAAA,UAAU,kBAAkB;IAC1B;;;;OAIG;IACH,aAAa,CAAC,EAAE,CAAC,GAAG,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,KAAK,IAAI,CAAC;IACxD;;;;;OAKG;IACH,WAAW,CAAC,EAAE,CAAC,WAAW,EAAE,MAAM,EAAE,SAAS,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,KAAK,IAAI,CAAC;IACjF,QAAQ,EAAE,GAAG,CAAC,OAAO,CAAC;CACvB;AAED,eAAe,kBAAkB,CAAC"}

package/dist/ListsProfilerProps.js

@@ -0,0 +1,3 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+//# sourceMappingURL=ListsProfilerProps.js.map

package/dist/ListsProfilerProps.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ListsProfilerProps.js","sourceRoot":"","sources":["../src/ListsProfilerProps.ts"],"names":[],"mappings":""}

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

@@ -0,0 +1,2 @@
+import 'jest-extended';
+//# sourceMappingURL=FlashListPerformanceView.test.d.ts.map

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

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

package/dist/__tests__/FlashListPerformanceView.test.js

@@ -0,0 +1,53 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+var tslib_1 = require("tslib");
+var react_1 = tslib_1.__importDefault(require("react"));
+var react_native_1 = require("@testing-library/react-native");
+var react_native_2 = require("react-native");
+var FlashListPerformanceView_1 = tslib_1.__importDefault(require("../FlashListPerformanceView"));
+var ListsProfilerContext_1 = require("../ListsProfilerContext");
+require("jest-extended");
+jest.mock('../FlashListPerformanceViewNativeComponent', function () {
+    var RN = require('react-native');
+    return {
+        FlashListPerformanceViewNativeComponent: function (_a) {
+            var onInteractive = _a.onInteractive, onBlankAreaEvent = _a.onBlankAreaEvent, children = _a.children;
+            return (react_1.default.createElement(RN.View, null,
+                react_1.default.createElement(RN.TouchableOpacity, { testID: "interactive", onPress: onInteractive },
+                    react_1.default.createElement(RN.Text, null, "Interactive Event")),
+                react_1.default.createElement(RN.TouchableOpacity, { testID: "blankArea", onPress: onBlankAreaEvent },
+                    react_1.default.createElement(RN.Text, null, "Blank Area Event")),
+                children));
+        },
+    };
+});
+describe('FlashListPerformanceView', function () {
+    var mockListsProfilerController;
+    beforeEach(function () {
+        mockListsProfilerController = {
+            onInteractive: jest.fn(),
+            onBlankArea: jest.fn(),
+        };
+    });
+    var wrapper = function (_a) {
+        var children = _a.children;
+        return (react_1.default.createElement(ListsProfilerContext_1.ListsProfilerContextProvider, { value: mockListsProfilerController }, children));
+    };
+    it('calls listsProfilerController.onInteractive on interactive event', function () {
+        var getByTestId = (0, react_native_1.render)(react_1.default.createElement(FlashListPerformanceView_1.default, { listName: "TestList" },
+            react_1.default.createElement(react_native_2.Text, null, "Child")), { wrapper: wrapper }).getByTestId;
+        react_native_1.fireEvent.press(getByTestId('interactive'), {
+            nativeEvent: { timestamp: Date.now() },
+        });
+        expect(mockListsProfilerController.onInteractive).toHaveBeenCalledWith(expect.any(Number), 'TestList');
+    });
+    it('calls listsProfilerController.onBlankArea on blank area event', function () {
+        var getByTestId = (0, react_native_1.render)(react_1.default.createElement(FlashListPerformanceView_1.default, { listName: "TestList" },
+            react_1.default.createElement(react_native_2.Text, null, "Child")), { wrapper: wrapper }).getByTestId;
+        react_native_1.fireEvent.press(getByTestId('blankArea'), {
+            nativeEvent: { offsetStart: 100, offsetEnd: 200 },
+        });
+        expect(mockListsProfilerController.onBlankArea).toHaveBeenCalledWith(100, 200, 'TestList');
+    });
+});
+//# sourceMappingURL=FlashListPerformanceView.test.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"FlashListPerformanceView.test.js","sourceRoot":"","sources":["../../src/__tests__/FlashListPerformanceView.test.tsx"],"names":[],"mappings":";;;AAAA,wDAA0B;AAC1B,8DAAkE;AAClE,6CAAoC;AACpC,iGAAmE;AACnE,gEAAuE;AACvE,yBAAuB;AAEvB,IAAI,CAAC,IAAI,CAAC,4CAA4C,EAAE;IACtD,IAAM,EAAE,GAAG,OAAO,CAAC,cAAc,CAAC,CAAC;IAEnC,OAAO;QACL,uCAAuC,EAAE,UAAC,EAAkD;gBAAhD,aAAa,mBAAA,EAAE,gBAAgB,sBAAA,EAAE,QAAQ,cAAA;YAAY,OAAA,CAC/F,8BAAC,EAAE,CAAC,IAAI;gBACN,8BAAC,EAAE,CAAC,gBAAgB,IAAC,MAAM,EAAC,aAAa,EAAC,OAAO,EAAE,aAAa;oBAC9D,8BAAC,EAAE,CAAC,IAAI,4BAA4B,CAChB;gBACtB,8BAAC,EAAE,CAAC,gBAAgB,IAAC,MAAM,EAAC,WAAW,EAAC,OAAO,EAAE,gBAAgB;oBAC/D,8BAAC,EAAE,CAAC,IAAI,2BAA2B,CACf;gBACrB,QAAQ,CACD,CACX;QAVgG,CAUhG;KACF,CAAC;AACJ,CAAC,CAAC,CAAC;AAEH,QAAQ,CAAC,0BAA0B,EAAE;IACnC,IAAI,2BAAgC,CAAC;IAErC,UAAU,CAAC;QACT,2BAA2B,GAAG;YAC5B,aAAa,EAAE,IAAI,CAAC,EAAE,EAAE;YACxB,WAAW,EAAE,IAAI,CAAC,EAAE,EAAE;SACvB,CAAC;IACJ,CAAC,CAAC,CAAC;IAEH,IAAM,OAAO,GAAG,UAAC,EAA8C;YAA5C,QAAQ,cAAA;QAAyC,OAAA,CAClE,8BAAC,mDAA4B,IAAC,KAAK,EAAE,2BAA2B,IAC7D,QAAQ,CACoB,CAChC;IAJmE,CAInE,CAAC;IAEF,EAAE,CAAC,kEAAkE,EAAE;QAC7D,IAAA,WAAW,GAAK,IAAA,qBAAM,EAC5B,8BAAC,kCAAwB,IAAC,QAAQ,EAAC,UAAU;YAC3C,8BAAC,mBAAI,gBAAa,CACO,EAC3B,EAAE,OAAO,SAAA,EAAE,CACZ,YALkB,CAKjB;QAEF,wBAAS,CAAC,KAAK,CAAC,WAAW,CAAC,aAAa,CAAC,EAAE;YAC1C,WAAW,EAAE,EAAE,SAAS,EAAE,IAAI,CAAC,GAAG,EAAE,EAAE;SACvC,CAAC,CAAC;QAEH,MAAM,CAAC,2BAA2B,CAAC,aAAa,CAAC,CAAC,oBAAoB,CAAC,MAAM,CAAC,GAAG,CAAC,MAAM,CAAC,EAAE,UAAU,CAAC,CAAC;IACzG,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,+DAA+D,EAAE;QAC1D,IAAA,WAAW,GAAK,IAAA,qBAAM,EAC5B,8BAAC,kCAAwB,IAAC,QAAQ,EAAC,UAAU;YAC3C,8BAAC,mBAAI,gBAAa,CACO,EAC3B,EAAE,OAAO,SAAA,EAAE,CACZ,YALkB,CAKjB;QAEF,wBAAS,CAAC,KAAK,CAAC,WAAW,CAAC,WAAW,CAAC,EAAE;YACxC,WAAW,EAAE,EAAE,WAAW,EAAE,GAAG,EAAE,SAAS,EAAE,GAAG,EAAE;SAClD,CAAC,CAAC;QAEH,MAAM,CAAC,2BAA2B,CAAC,WAAW,CAAC,CAAC,oBAAoB,CAAC,GAAG,EAAE,GAAG,EAAE,UAAU,CAAC,CAAC;IAC7F,CAAC,CAAC,CAAC;AACL,CAAC,CAAC,CAAC"}

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

@@ -0,0 +1,2 @@
+import 'jest-extended';
+//# sourceMappingURL=FlatListPerformanceView.test.d.ts.map

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

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

package/dist/__tests__/FlatListPerformanceView.test.js

@@ -0,0 +1,59 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+var tslib_1 = require("tslib");
+var react_1 = tslib_1.__importDefault(require("react"));
+var react_native_1 = require("@testing-library/react-native");
+var react_native_2 = require("react-native");
+var FlatListPerformanceView_1 = tslib_1.__importDefault(require("../FlatListPerformanceView"));
+var ListsProfilerContext_1 = require("../ListsProfilerContext");
+require("jest-extended");
+jest.mock('../FlatListPerformanceViewNativeComponent', function () {
+    var RN = require('react-native');
+    return {
+        FlatListPerformanceViewNativeComponent: function (_a) {
+            var onInteractive = _a.onInteractive, onBlankAreaEvent = _a.onBlankAreaEvent, children = _a.children;
+            return (react_1.default.createElement(RN.View, null,
+                react_1.default.createElement(RN.TouchableOpacity, { testID: "interactive", onPress: onInteractive },
+                    react_1.default.createElement(RN.Text, null, "Interactive Event")),
+                react_1.default.createElement(RN.TouchableOpacity, { testID: "blankArea", onPress: onBlankAreaEvent },
+                    react_1.default.createElement(RN.Text, null, "Blank Area Event")),
+                children));
+        },
+    };
+});
+describe('FlatListPerformanceView', function () {
+    var mockOnInteractive;
+    var mockOnBlankArea;
+    var mockListsProfilerController;
+    beforeEach(function () {
+        mockOnInteractive = jest.fn();
+        mockOnBlankArea = jest.fn();
+        mockListsProfilerController = {
+            onInteractive: jest.fn(),
+            onBlankArea: jest.fn(),
+        };
+    });
+    var wrapper = function (_a) {
+        var children = _a.children;
+        return (react_1.default.createElement(ListsProfilerContext_1.ListsProfilerContextProvider, { value: mockListsProfilerController }, children));
+    };
+    it('calls onInteractive and listsProfilerController.onInteractive on interactive event', function () {
+        var getByTestId = (0, react_native_1.render)(react_1.default.createElement(FlatListPerformanceView_1.default, { listName: "TestList", onInteractive: mockOnInteractive },
+            react_1.default.createElement(react_native_2.Text, null, "Child")), { wrapper: wrapper }).getByTestId;
+        react_native_1.fireEvent.press(getByTestId('interactive'), {
+            nativeEvent: { timestamp: Date.now() },
+        });
+        expect(mockOnInteractive).toHaveBeenCalledWith(expect.any(Number), 'TestList');
+        expect(mockListsProfilerController.onInteractive).toHaveBeenCalledWith(expect.any(Number), 'TestList');
+    });
+    it('calls onBlankArea and listsProfilerController.onBlankArea on blank area event', function () {
+        var getByTestId = (0, react_native_1.render)(react_1.default.createElement(FlatListPerformanceView_1.default, { listName: "TestList", onBlankArea: mockOnBlankArea },
+            react_1.default.createElement(react_native_2.Text, null, "Child")), { wrapper: wrapper }).getByTestId;
+        react_native_1.fireEvent.press(getByTestId('blankArea'), {
+            nativeEvent: { offsetStart: 100, offsetEnd: 200 },
+        });
+        expect(mockOnBlankArea).toHaveBeenCalledWith(100, 200, 'TestList');
+        expect(mockListsProfilerController.onBlankArea).toHaveBeenCalledWith(100, 200, 'TestList');
+    });
+});
+//# sourceMappingURL=FlatListPerformanceView.test.js.map

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

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

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

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

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

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

package/dist/__tests__/ListProfiler.test.js

@@ -0,0 +1,53 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+var tslib_1 = require("tslib");
+var react_1 = tslib_1.__importDefault(require("react"));
+var react_hooks_1 = require("@testing-library/react-hooks");
+var ListsProfiler_1 = tslib_1.__importDefault(require("../ListsProfiler"));
+var ListsProfilerContext_1 = require("../ListsProfilerContext");
+jest.mock('react-native-flipper', function () { return ({
+    addPlugin: jest.fn(),
+}); });
+describe('ListsProfiler', function () {
+    var mockOnInteractive;
+    var mockOnBlankArea;
+    var mockConnection;
+    beforeEach(function () {
+        mockOnInteractive = jest.fn();
+        mockOnBlankArea = jest.fn();
+        mockConnection = {
+            send: jest.fn(),
+        };
+        require('react-native-flipper').addPlugin.mockImplementation(function (_a) {
+            var onConnect = _a.onConnect;
+            onConnect(mockConnection);
+        });
+    });
+    it('calls Flipper addPlugin on mount', function () {
+        var wrapper = function (_a) {
+            var children = _a.children;
+            return (react_1.default.createElement(ListsProfiler_1.default, { onInteractive: mockOnInteractive, onBlankArea: mockOnBlankArea }, children));
+        };
+        (0, react_hooks_1.renderHook)(function () { return react_1.default.useContext(ListsProfilerContext_1.ListsProfilerContext); }, { wrapper: wrapper });
+        expect(require('react-native-flipper').addPlugin).toHaveBeenCalledTimes(1);
+    });
+    it('invokes onInteractive callback', function () {
+        var wrapper = function (_a) {
+            var children = _a.children;
+            return (react_1.default.createElement(ListsProfiler_1.default, { onInteractive: mockOnInteractive, onBlankArea: mockOnBlankArea }, children));
+        };
+        var result = (0, react_hooks_1.renderHook)(function () { return react_1.default.useContext(ListsProfilerContext_1.ListsProfilerContext); }, { wrapper: wrapper }).result;
+        result.current.onInteractive(2000, 'TestList');
+        expect(mockOnInteractive).toHaveBeenCalledWith(2000, 'TestList');
+    });
+    it('invokes onBlankArea callback', function () {
+        var wrapper = function (_a) {
+            var children = _a.children;
+            return (react_1.default.createElement(ListsProfiler_1.default, { onInteractive: mockOnInteractive, onBlankArea: mockOnBlankArea }, children));
+        };
+        var result = (0, react_hooks_1.renderHook)(function () { return react_1.default.useContext(ListsProfilerContext_1.ListsProfilerContext); }, { wrapper: wrapper }).result;
+        result.current.onBlankArea(100, 200, 'TestList');
+        expect(mockOnBlankArea).toHaveBeenCalledWith(100, 200, 'TestList');
+    });
+});
+//# sourceMappingURL=ListProfiler.test.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ListProfiler.test.js","sourceRoot":"","sources":["../../src/__tests__/ListProfiler.test.tsx"],"names":[],"mappings":";;;AAAA,wDAA0B;AAC1B,4DAA0D;AAC1D,2EAA6C;AAC7C,gEAA+D;AAE/D,IAAI,CAAC,IAAI,CAAC,sBAAsB,EAAE,cAAM,OAAA,CAAC;IACvC,SAAS,EAAE,IAAI,CAAC,EAAE,EAAE;CACrB,CAAC,EAFsC,CAEtC,CAAC,CAAC;AAEJ,QAAQ,CAAC,eAAe,EAAE;IACxB,IAAI,iBAA4B,CAAC;IACjC,IAAI,eAA0B,CAAC;IAC/B,IAAI,cAAmC,CAAC;IAExC,UAAU,CAAC;QACT,iBAAiB,GAAG,IAAI,CAAC,EAAE,EAAE,CAAC;QAC9B,eAAe,GAAG,IAAI,CAAC,EAAE,EAAE,CAAC;QAC5B,cAAc,GAAG;YACf,IAAI,EAAE,IAAI,CAAC,EAAE,EAAE;SAChB,CAAC;QAED,OAAO,CAAC,sBAAsB,CAAC,CAAC,SAAuB,CAAC,kBAAkB,CAAC,UAAC,EAAuD;gBAArD,SAAS,eAAA;YACtF,SAAS,CAAC,cAAc,CAAC,CAAC;QAC5B,CAAC,CAAC,CAAC;IACL,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,kCAAkC,EAAE;QACrC,IAAM,OAAO,GAAG,UAAC,EAA0C;gBAAzC,QAAQ,cAAA;YAAsC,OAAA,CAC9D,8BAAC,uBAAa,IAAC,aAAa,EAAE,iBAAiB,EAAE,WAAW,EAAE,eAAe,IAAG,QAAQ,CAAiB,CAC1G;QAF+D,CAE/D,CAAC;QAEF,IAAA,wBAAU,EAAC,cAAM,OAAA,eAAK,CAAC,UAAU,CAAC,2CAAoB,CAAC,EAAtC,CAAsC,EAAE,EAAE,OAAO,SAAA,EAAE,CAAC,CAAC;QAEtE,MAAM,CAAC,OAAO,CAAC,sBAAsB,CAAC,CAAC,SAAS,CAAC,CAAC,qBAAqB,CAAC,CAAC,CAAC,CAAC;IAC7E,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,gCAAgC,EAAE;QACnC,IAAM,OAAO,GAAG,UAAC,EAA0C;gBAAzC,QAAQ,cAAA;YAAsC,OAAA,CAC9D,8BAAC,uBAAa,IAAC,aAAa,EAAE,iBAAiB,EAAE,WAAW,EAAE,eAAe,IAAG,QAAQ,CAAiB,CAC1G;QAF+D,CAE/D,CAAC;QACM,IAAA,MAAM,GAAK,IAAA,wBAAU,EAAC,cAAM,OAAA,eAAK,CAAC,UAAU,CAAC,2CAAoB,CAAC,EAAtC,CAAsC,EAAE,EAAE,OAAO,SAAA,EAAE,CAAC,OAA1E,CAA2E;QAEzF,MAAM,CAAC,OAAO,CAAC,aAAa,CAAC,IAAI,EAAE,UAAU,CAAC,CAAC;QAE/C,MAAM,CAAC,iBAAiB,CAAC,CAAC,oBAAoB,CAAC,IAAI,EAAE,UAAU,CAAC,CAAC;IACnE,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,8BAA8B,EAAE;QACjC,IAAM,OAAO,GAAG,UAAC,EAA0C;gBAAzC,QAAQ,cAAA;YAAsC,OAAA,CAC9D,8BAAC,uBAAa,IAAC,aAAa,EAAE,iBAAiB,EAAE,WAAW,EAAE,eAAe,IAAG,QAAQ,CAAiB,CAC1G;QAF+D,CAE/D,CAAC;QAEM,IAAA,MAAM,GAAK,IAAA,wBAAU,EAAC,cAAM,OAAA,eAAK,CAAC,UAAU,CAAC,2CAAoB,CAAC,EAAtC,CAAsC,EAAE,EAAE,OAAO,SAAA,EAAE,CAAC,OAA1E,CAA2E;QAEzF,MAAM,CAAC,OAAO,CAAC,WAAW,CAAC,GAAG,EAAE,GAAG,EAAE,UAAU,CAAC,CAAC;QAEjD,MAAM,CAAC,eAAe,CAAC,CAAC,oBAAoB,CAAC,GAAG,EAAE,GAAG,EAAE,UAAU,CAAC,CAAC;IACrE,CAAC,CAAC,CAAC;AACL,CAAC,CAAC,CAAC"}

package/dist/index.d.ts

@@ -0,0 +1,4 @@
+export { default as FlatListPerformanceView } from './FlatListPerformanceView';
+export { default as FlashListPerformanceView } from './FlashListPerformanceView';
+export { default as ListsProfiler } from './ListsProfiler';
+//# sourceMappingURL=index.d.ts.map

package/dist/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,OAAO,IAAI,uBAAuB,EAAC,MAAM,2BAA2B,CAAC;AAC7E,OAAO,EAAC,OAAO,IAAI,wBAAwB,EAAC,MAAM,4BAA4B,CAAC;AAC/E,OAAO,EAAC,OAAO,IAAI,aAAa,EAAC,MAAM,iBAAiB,CAAC"}

package/dist/index.js

@@ -0,0 +1,13 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ListsProfiler = exports.FlashListPerformanceView = exports.FlatListPerformanceView = void 0;
+var FlatListPerformanceView_1 = require("./FlatListPerformanceView");
+Object.defineProperty(exports, "FlatListPerformanceView", { enumerable: true, get: function () { return __importDefault(FlatListPerformanceView_1).default; } });
+var FlashListPerformanceView_1 = require("./FlashListPerformanceView");
+Object.defineProperty(exports, "FlashListPerformanceView", { enumerable: true, get: function () { return __importDefault(FlashListPerformanceView_1).default; } });
+var ListsProfiler_1 = require("./ListsProfiler");
+Object.defineProperty(exports, "ListsProfiler", { enumerable: true, get: function () { return __importDefault(ListsProfiler_1).default; } });
+//# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":";;;;;;AAAA,qEAA6E;AAArE,mJAAA,OAAO,OAA2B;AAC1C,uEAA+E;AAAvE,qJAAA,OAAO,OAA4B;AAC3C,iDAAyD;AAAjD,+HAAA,OAAO,OAAiB"}