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

package/android/src/main/kotlin/com/shopify/reactnativeperformancelistsprofiler/BlankAreaView.kt

@@ -0,0 +1,150 @@
+package com.shopify.reactnativeperformancelistsprofiler
+
+import android.content.Context
+import android.util.DisplayMetrics
+import android.view.View
+import android.view.ViewGroup
+import com.facebook.react.bridge.Arguments
+import com.facebook.react.bridge.ReactContext
+import com.facebook.react.views.view.ReactViewGroup
+import com.facebook.react.uimanager.events.RCTEventEmitter
+import java.util.*
+import kotlin.NoSuchElementException
+import kotlin.math.max
+import kotlin.math.min
+
+
+class BlankAreaView(context: Context) : ReactViewGroup(context) {
+    val scrollView: View?
+        get() {
+            return try {
+                getChildAt(0)
+            } catch (e: NullPointerException) {
+                null
+            }
+        }
+
+    var getCells: () -> Array<View> = { emptyArray() }
+
+    private val horizontal: Boolean
+        get() {
+            return false
+        }
+
+    private val listSize: Int
+        get() {
+            if (scrollView == null) {
+                return 0
+            }
+            return if (horizontal) scrollView!!.width else scrollView!!.height
+        }
+
+    private val scrollOffset: Int
+        get() {
+            if (scrollView == null) {
+                return 0
+            }
+            return if (horizontal) scrollView!!.scrollX else scrollView!!.scrollY
+        }
+    private var didLoadCells = false
+    private var didSendInteractiveEvent = false
+    private var pixelDensity = 1.0;
+
+    override fun onAttachedToWindow() {
+        super.onAttachedToWindow()
+        val dm = DisplayMetrics()
+        display.getRealMetrics(dm)
+        pixelDensity = dm.density.toDouble()
+        viewTreeObserver.addOnScrollChangedListener {
+            if (scrollView == null) {
+                return@addOnScrollChangedListener
+            }
+            val (blankOffsetTop, blankOffsetBottom) = computeBlankFromGivenOffset()
+            emitBlankAreaEvent(blankOffsetTop, blankOffsetBottom)
+        }
+        viewTreeObserver.addOnDrawListener {
+            if (didSendInteractiveEvent) {
+                return@addOnDrawListener
+            }
+            val (blankOffsetTop, blankOffsetBottom) = computeBlankFromGivenOffset()
+            if (max(blankOffsetBottom, blankOffsetTop) != 0 || !didLoadCells) {
+                return@addOnDrawListener
+            }
+            didSendInteractiveEvent = true
+            val reactContext = context as ReactContext
+            reactContext
+                    .getJSModule(RCTEventEmitter::class.java)
+                    .receiveEvent(
+                            id,
+                            "onInteractive",
+                            Arguments.createMap().apply {
+                                putString("timestamp", Date().time.toString())
+                            }
+                    )
+        }
+    }
+
+    private fun computeBlankFromGivenOffset(): Pair<Int, Int> {
+        val cells = getCells()
+        cells.sortBy { it.top }
+        if (cells.isEmpty()) {
+            return Pair(0, listSize)
+        }
+        didLoadCells = true
+
+        return try {
+            val firstCell = cells.first { isRenderedAndVisibleCell(it) }
+            val lastCell = cells.last { isRenderedAndVisibleCell(it) }
+            val blankOffsetTop = firstCell.top - scrollOffset
+            val blankOffsetBottom = min((firstCell.parent as View).bottom, scrollOffset + listSize) - lastCell.bottom
+            Pair(blankOffsetTop, blankOffsetBottom)
+        } catch (e: NoSuchElementException) {
+            Pair(0, listSize)
+        }
+    }
+
+    private fun isRenderedAndVisibleCell(cell: View): Boolean {
+        if (!isWithinBounds(cell)) {
+            return false
+        }
+        if (cell !is ViewGroup) {
+            return true
+        }
+        return cell.childCount != 0
+    }
+
+    private fun emitBlankAreaEvent(blankOffsetTop: Int, blankOffsetBottom: Int) {
+        val reactContext = context as ReactContext
+        reactContext
+                .getJSModule(RCTEventEmitter::class.java)
+                .receiveEvent(
+                        id,
+                        "onBlankAreaEvent",
+                        Arguments.createMap().apply {
+                            putDouble("offsetStart", Math.min(listSize / pixelDensity, blankOffsetTop / pixelDensity))
+                            putDouble("offsetEnd", Math.min(listSize / pixelDensity, blankOffsetBottom / pixelDensity))
+                        }
+                )
+    }
+
+    private fun isWithinBounds(view: View): Boolean {
+        if (scrollView == null) {
+            return false
+        }
+        val scrollView = scrollView as View
+        return if (!horizontal) {
+            (view.top >= (scrollView.scrollY - scrollView.height) || view.bottom >= (scrollView.scrollY - scrollView.height)) &&
+                    (view.top <= scrollView.scrollY + scrollView.height || view.bottom <= scrollView.scrollY + scrollView.height)
+        } else {
+            (view.left >= (scrollView.scrollX - scrollView.width) || view.right >= (scrollView.scrollX - scrollView.width)) &&
+                    (view.left <= scrollView.scrollX + listSize || view.right <= scrollView.scrollX + scrollView.width)
+        }
+    }
+
+    fun ViewGroup.getChildren(): Array<View> {
+        return (0..childCount).mapNotNull {
+            this.getChildAt(it)
+        }
+        .toTypedArray()
+    }
+}

package/android/src/main/kotlin/com/shopify/reactnativeperformancelistsprofiler/FlashListPerformanceViewManager.kt

@@ -0,0 +1,49 @@
+package com.shopify.reactnativeperformancelistsprofiler
+
+import android.view.View
+import android.view.ViewGroup
+import com.facebook.react.common.MapBuilder
+import com.facebook.react.module.annotations.ReactModule
+import com.facebook.react.uimanager.ThemedReactContext
+import com.facebook.react.views.view.ReactViewGroup
+import com.facebook.react.views.view.ReactViewManager
+
+@ReactModule(name = FlashListPerformanceViewManager.REACT_CLASS)
+class FlashListPerformanceViewManager: ReactViewManager() {
+    companion object {
+        const val REACT_CLASS = "FlashListPerformanceView"
+    }
+
+    override fun getExportedCustomDirectEventTypeConstants(): Map<String, Any> {
+        return MapBuilder.builder<String, Any>()
+            .put(
+                "onInteractive",
+                    MapBuilder.of(
+                            "registrationName", "onInteractive")
+            )
+            .put(
+                "onBlankAreaEvent",
+                    MapBuilder.of(
+                            "registrationName", "onBlankAreaEvent")
+            )
+            .build()
+    }
+
+    override fun getName(): String {
+        return REACT_CLASS
+    }
+
+    override fun createViewInstance(context: ThemedReactContext): ReactViewGroup {
+        return BlankAreaView(context).apply {
+            getCells = {
+                if (scrollView == null) {
+                    emptyArray()
+                } else {
+                    val container = ((scrollView as ViewGroup).getChildAt(0) as ViewGroup)
+                    val autoLayoutView = (container.getChildren().first { it.javaClass.name.endsWith("AutoLayoutView") } as ViewGroup)
+                    autoLayoutView.getChildren() + container.getChildren().filter { it.javaClass.name.endsWith("AutoLayoutView") }
+                }
+            }
+        }
+    }
+}

package/android/src/main/kotlin/com/shopify/reactnativeperformancelistsprofiler/FlatListPerformanceViewManager.kt

@@ -0,0 +1,47 @@
+package com.shopify.reactnativeperformancelistsprofiler
+
+import android.view.ViewGroup
+import com.facebook.react.common.MapBuilder
+import com.facebook.react.module.annotations.ReactModule
+import com.facebook.react.uimanager.ThemedReactContext
+import com.facebook.react.views.view.ReactViewGroup
+import com.facebook.react.views.view.ReactViewManager
+
+@ReactModule(name = FlatListPerformanceViewManager.REACT_CLASS)
+class FlatListPerformanceViewManager: ReactViewManager() {
+    companion object {
+        const val REACT_CLASS = "FlatListPerformanceView"
+    }
+
+    override fun getExportedCustomDirectEventTypeConstants(): Map<String, Any> {
+        return MapBuilder.builder<String, Any>()
+                .put(
+                        "onInteractive",
+                        MapBuilder.of(
+                                "registrationName", "onInteractive")
+                )
+                .put(
+                        "onBlankAreaEvent",
+                        MapBuilder.of(
+                                "registrationName", "onBlankAreaEvent")
+                )
+                .build()
+    }
+
+    override fun getName(): String {
+        return REACT_CLASS
+    }
+
+    override fun createViewInstance(context: ThemedReactContext): ReactViewGroup {
+        return BlankAreaView(context).apply {
+            getCells = {
+                if (scrollView == null) {
+                    emptyArray()
+                } else {
+                    ((scrollView as ViewGroup).getChildAt(0) as ViewGroup)
+                            .getChildren()
+                }
+            }
+        }
+    }
+}

package/android/src/main/kotlin/com/shopify/reactnativeperformancelistsprofiler/ReactNativePerformanceListsProfilerPackage.kt

@@ -0,0 +1,19 @@
+package com.shopify.reactnativeperformancelistsprofiler
+
+import com.facebook.react.ReactPackage
+import com.facebook.react.bridge.NativeModule
+import com.facebook.react.bridge.ReactApplicationContext
+import com.facebook.react.uimanager.ViewManager
+
+class ReactNativePerformanceListsProfilerPackage : ReactPackage {
+  override fun createNativeModules(reactContext: ReactApplicationContext): List<NativeModule> {
+    return listOf()
+  }
+
+  override fun createViewManagers(reactContext: ReactApplicationContext): List<ViewManager<*, *>> {
+    return listOf(
+        FlatListPerformanceViewManager(),
+        FlashListPerformanceViewManager()
+    )
+  }
+}

package/dist/FlashListPerformanceView.d.ts

@@ -0,0 +1,14 @@
+/// <reference types="react" />
+interface FlashListPerformanceViewProps {
+    /**
+     * Name of the list. Used for distinguishing between lists in the `ListsProfiler`.
+     */
+    listName: string;
+    children: JSX.Element;
+}
+/**
+ * Wrap your `FlashList` with this component.
+ */
+declare const FlashListPerformanceView: ({ listName, children }: FlashListPerformanceViewProps) => JSX.Element;
+export default FlashListPerformanceView;
+//# sourceMappingURL=FlashListPerformanceView.d.ts.map

package/dist/FlashListPerformanceView.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"FlashListPerformanceView.d.ts","sourceRoot":"","sources":["../src/FlashListPerformanceView.tsx"],"names":[],"mappings":";AAOA,UAAU,6BAA6B;IACrC;;OAEG;IACH,QAAQ,EAAE,MAAM,CAAC;IACjB,QAAQ,EAAE,GAAG,CAAC,OAAO,CAAC;CACvB;AAED;;GAEG;AACH,QAAA,MAAM,wBAAwB,2BAA0B,6BAA6B,gBAwBpF,CAAC;AACF,eAAe,wBAAwB,CAAC"}

package/dist/FlashListPerformanceView.js

@@ -0,0 +1,33 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+var tslib_1 = require("tslib");
+var react_1 = tslib_1.__importStar(require("react"));
+var ListsProfilerContext_1 = require("./ListsProfilerContext");
+var FlashListPerformanceViewNativeComponent_1 = require("./FlashListPerformanceViewNativeComponent");
+// @amznmod_react - Add import for the turbomodule
+var ListsProfilerModule_1 = tslib_1.__importDefault(require("./ListsProfilerModule"));
+/**
+ * Wrap your `FlashList` with this component.
+ */
+var FlashListPerformanceView = function (_a) {
+    var listName = _a.listName, children = _a.children;
+    var time = (0, react_1.useRef)(Date.now()).current;
+    var listsProfilerController = (0, react_1.useContext)(ListsProfilerContext_1.ListsProfilerContext);
+    return (react_1.default.createElement(FlashListPerformanceViewNativeComponent_1.FlashListPerformanceViewNativeComponent, { style: { flex: 1 }, onInteractive: function (_a) {
+            var nativeEvent = _a.nativeEvent;
+            listsProfilerController.onInteractive(nativeEvent.timestamp - time, listName);
+        }, onBlankAreaEvent: function (_a) {
+            var nativeEvent = _a.nativeEvent;
+            listsProfilerController.onBlankArea(nativeEvent.offsetStart, nativeEvent.offsetEnd, listName);
+        } }, react_1.default.cloneElement(children, {
+        onScroll: function () {
+            var _a;
+            if ((_a = children === null || children === void 0 ? void 0 : children.props) === null || _a === void 0 ? void 0 : _a.onScroll) {
+                children.props.onScroll();
+            }
+            ListsProfilerModule_1.default === null || ListsProfilerModule_1.default === void 0 ? void 0 : ListsProfilerModule_1.default.invokeCallback();
+        },
+    })));
+};
+exports.default = FlashListPerformanceView;
+//# sourceMappingURL=FlashListPerformanceView.js.map

package/dist/FlashListPerformanceView.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FlashListPerformanceView.js","sourceRoot":"","sources":["../src/FlashListPerformanceView.tsx"],"names":[],"mappings":";;;AAAA,qDAAgD;AAEhD,+DAA4D;AAC5D,qGAAkG;AAClG,kDAAkD;AAClD,sFAAwD;AAUxD;;GAEG;AACH,IAAM,wBAAwB,GAAG,UAAC,EAAmD;QAAlD,QAAQ,cAAA,EAAE,QAAQ,cAAA;IACnD,IAAM,IAAI,GAAG,IAAA,cAAM,EAAC,IAAI,CAAC,GAAG,EAAE,CAAC,CAAC,OAAO,CAAC;IACxC,IAAM,uBAAuB,GAAG,IAAA,kBAAU,EAAC,2CAAoB,CAAC,CAAC;IACjE,OAAO,CACL,8BAAC,iFAAuC,IACtC,KAAK,EAAE,EAAC,IAAI,EAAE,CAAC,EAAC,EAChB,aAAa,EAAE,UAAC,EAAa;gBAAZ,WAAW,iBAAA;YAC1B,uBAAuB,CAAC,aAAa,CAAC,WAAW,CAAC,SAAS,GAAG,IAAI,EAAE,QAAQ,CAAC,CAAC;QAChF,CAAC,EACD,gBAAgB,EAAE,UAAC,EAAa;gBAAZ,WAAW,iBAAA;YAC7B,uBAAuB,CAAC,WAAW,CAAC,WAAW,CAAC,WAAW,EAAE,WAAW,CAAC,SAAS,EAAE,QAAQ,CAAC,CAAC;QAChG,CAAC,IAGA,eAAK,CAAC,YAAY,CAAC,QAAQ,EAAE;QAC5B,QAAQ,EAAE;;YACR,IAAI,MAAA,QAAQ,aAAR,QAAQ,uBAAR,QAAQ,CAAE,KAAK,0CAAE,QAAQ,EAAE;gBAC7B,QAAQ,CAAC,KAAK,CAAC,QAAQ,EAAE,CAAC;aAC3B;YACD,6BAAmB,aAAnB,6BAAmB,uBAAnB,6BAAmB,CAAE,cAAc,EAAE,CAAC;QACxC,CAAC;KACF,CAAC,CACsC,CAC3C,CAAC;AACJ,CAAC,CAAC;AACF,kBAAe,wBAAwB,CAAC"}

package/dist/FlashListPerformanceView.types.d.ts

@@ -0,0 +1,21 @@
+import { StyleProp, ViewStyle } from 'react-native';
+interface OnInteractiveEvent {
+    nativeEvent: {
+        timestamp: number;
+    };
+}
+interface OnBlankAreaEvent {
+    nativeEvent: {
+        offsetStart: number;
+        offsetEnd: number;
+    };
+}
+type OnInteractiveHandler = (event: OnInteractiveEvent) => void;
+type OnBlankAreaEventHandler = (event: OnBlankAreaEvent) => void;
+export interface FlashListPerformanceViewNativeComponentProps {
+    onInteractive: OnInteractiveHandler;
+    onBlankAreaEvent: OnBlankAreaEventHandler;
+    style: StyleProp<ViewStyle>;
+}
+export {};
+//# sourceMappingURL=FlashListPerformanceView.types.d.ts.map

package/dist/FlashListPerformanceView.types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"FlashListPerformanceView.types.d.ts","sourceRoot":"","sources":["../src/FlashListPerformanceView.types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,SAAS,EAAE,SAAS,EAAC,MAAM,cAAc,CAAC;AAElD,UAAU,kBAAkB;IAC1B,WAAW,EAAE;QACX,SAAS,EAAE,MAAM,CAAC;KACnB,CAAC;CACH;AAED,UAAU,gBAAgB;IACxB,WAAW,EAAE;QACX,WAAW,EAAE,MAAM,CAAC;QACpB,SAAS,EAAE,MAAM,CAAC;KACnB,CAAC;CACH;AAED,KAAK,oBAAoB,GAAG,CAAC,KAAK,EAAE,kBAAkB,KAAK,IAAI,CAAC;AAChE,KAAK,uBAAuB,GAAG,CAAC,KAAK,EAAE,gBAAgB,KAAK,IAAI,CAAC;AAEjE,MAAM,WAAW,4CAA4C;IAC3D,aAAa,EAAE,oBAAoB,CAAC;IACpC,gBAAgB,EAAE,uBAAuB,CAAC;IAC1C,KAAK,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;CAC7B"}

package/dist/FlashListPerformanceView.types.js

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

package/dist/FlashListPerformanceView.types.js.map

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

package/dist/FlashListPerformanceViewNativeComponent.d.ts

@@ -0,0 +1,4 @@
+import { FlashListPerformanceViewNativeComponentProps } from './FlashListPerformanceView.types';
+declare const FlashListPerformanceViewNativeComponent: import("react-native").HostComponent<FlashListPerformanceViewNativeComponentProps>;
+export { FlashListPerformanceViewNativeComponent };
+//# sourceMappingURL=FlashListPerformanceViewNativeComponent.d.ts.map

package/dist/FlashListPerformanceViewNativeComponent.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"FlashListPerformanceViewNativeComponent.d.ts","sourceRoot":"","sources":["../src/FlashListPerformanceViewNativeComponent.ts"],"names":[],"mappings":"AAEA,OAAO,EAAC,4CAA4C,EAAC,MAAM,kCAAkC,CAAC;AAE9F,QAAA,MAAM,uCAAuC,oFACqD,CAAC;AACnG,OAAO,EAAC,uCAAuC,EAAC,CAAC"}

package/dist/FlashListPerformanceViewNativeComponent.js

@@ -0,0 +1,7 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.FlashListPerformanceViewNativeComponent = void 0;
+var react_native_1 = require("react-native");
+var FlashListPerformanceViewNativeComponent = (0, react_native_1.requireNativeComponent)('FlashListPerformanceView');
+exports.FlashListPerformanceViewNativeComponent = FlashListPerformanceViewNativeComponent;
+//# sourceMappingURL=FlashListPerformanceViewNativeComponent.js.map

package/dist/FlashListPerformanceViewNativeComponent.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FlashListPerformanceViewNativeComponent.js","sourceRoot":"","sources":["../src/FlashListPerformanceViewNativeComponent.ts"],"names":[],"mappings":";;;AAAA,6CAAoD;AAIpD,IAAM,uCAAuC,GAC3C,IAAA,qCAAsB,EAA+C,0BAA0B,CAAC,CAAC;AAC3F,0FAAuC"}

package/dist/FlashListPerformanceViewNativeComponent.kepler.d.ts

@@ -0,0 +1,5 @@
+import { HostComponent } from 'react-native';
+import { FlashListPerformanceViewNativeComponentProps } from './FlashListPerformanceView.types';
+declare const FlashListPerformanceViewNativeComponent: HostComponent<FlashListPerformanceViewNativeComponentProps>;
+export { FlashListPerformanceViewNativeComponent };
+//# sourceMappingURL=FlashListPerformanceViewNativeComponent.kepler.d.ts.map

package/dist/FlashListPerformanceViewNativeComponent.kepler.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"FlashListPerformanceViewNativeComponent.kepler.d.ts","sourceRoot":"","sources":["../src/FlashListPerformanceViewNativeComponent.kepler.ts"],"names":[],"mappings":"AAWA,OAAO,EAAE,aAAa,EAAE,MAAM,cAAc,CAAC;AAE7C,OAAO,EAAE,4CAA4C,EAAE,MAAM,kCAAkC,CAAC;AAsBhG,QAAA,MAAM,uCAAuC,6DACwD,CAAC;AACtG,OAAO,EAAE,uCAAuC,EAAE,CAAC"}

package/dist/FlashListPerformanceViewNativeComponent.kepler.js

@@ -0,0 +1,35 @@
+"use strict";
+/*
+ * Copyright (c) 2024 Amazon.com, Inc. or its affiliates. All Rights Reserved.
+ *
+ * PROPRIETARY/CONFIDENTIAL
+ *
+ * Use is subject to license terms.
+ */
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.FlashListPerformanceViewNativeComponent = void 0;
+var tslib_1 = require("tslib");
+// eslint-disable-next-line @typescript-eslint/ban-ts-comment
+// @ts-ignore For some reason this is unknown
+var registerGeneratedViewConfig_1 = tslib_1.__importDefault(require("react-native/Libraries/Utilities/registerGeneratedViewConfig"));
+var FlashListPerformanceView = 'AmazonFlashListPerformanceView';
+(0, registerGeneratedViewConfig_1.default)(FlashListPerformanceView, {
+    uiViewClassName: FlashListPerformanceView,
+    bubblingEventTypes: {
+        topOnInteractive: {
+            phasedRegistrationNames: {
+                bubbled: 'onInteractive',
+                captured: 'onInteractiveCapture',
+            },
+        },
+        topOnBlankAreaEvent: {
+            phasedRegistrationNames: {
+                bubbled: 'onBlankAreaEvent',
+                captured: 'onBlankAreaEventCapture',
+            },
+        },
+    },
+});
+var FlashListPerformanceViewNativeComponent = FlashListPerformanceView;
+exports.FlashListPerformanceViewNativeComponent = FlashListPerformanceViewNativeComponent;
+//# sourceMappingURL=FlashListPerformanceViewNativeComponent.kepler.js.map

package/dist/FlashListPerformanceViewNativeComponent.kepler.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FlashListPerformanceViewNativeComponent.kepler.js","sourceRoot":"","sources":["../src/FlashListPerformanceViewNativeComponent.kepler.ts"],"names":[],"mappings":";AAAA;;;;;;GAMG;;;;AAEH,6DAA6D;AAC7D,6CAA6C;AAC7C,qIAAoF;AAKpF,IAAM,wBAAwB,GAAG,gCAAgC,CAAC;AAElE,IAAA,qCAAQ,EAAC,wBAAwB,EAAE;IAC/B,eAAe,EAAE,wBAAwB;IACzC,kBAAkB,EAAE;QAChB,gBAAgB,EAAE;YACd,uBAAuB,EAAE;gBACrB,OAAO,EAAE,eAAe;gBACxB,QAAQ,EAAE,sBAAsB;aACnC;SACJ;QACD,mBAAmB,EAAE;YACjB,uBAAuB,EAAE;gBACrB,OAAO,EAAE,kBAAkB;gBAC3B,QAAQ,EAAE,yBAAyB;aACtC;SACJ;KACJ;CACJ,CAAC,CAAC;AAEH,IAAM,uCAAuC,GAC3C,wBAAmG,CAAC;AAC7F,0FAAuC"}

package/dist/FlatListPerformanceView.d.ts

@@ -0,0 +1,15 @@
+/// <reference types="react" />
+import ListsProfilerProps from './ListsProfilerProps';
+interface FlatListPerformanceViewProps {
+    /**
+     * Name of the list. Used for distinguishing between lists in the `ListsProfiler`.
+     */
+    listName: string;
+    children: JSX.Element;
+}
+/**
+ * Wrap your `FlatList` with this component.
+ */
+declare const FlatListPerformanceView: ({ children, listName, onInteractive, onBlankArea, }: FlatListPerformanceViewProps & ListsProfilerProps) => JSX.Element;
+export default FlatListPerformanceView;
+//# sourceMappingURL=FlatListPerformanceView.d.ts.map

package/dist/FlatListPerformanceView.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"FlatListPerformanceView.d.ts","sourceRoot":"","sources":["../src/FlatListPerformanceView.tsx"],"names":[],"mappings":";AAKA,OAAO,kBAAkB,MAAM,sBAAsB,CAAC;AAItD,UAAU,4BAA4B;IACpC;;OAEG;IACH,QAAQ,EAAE,MAAM,CAAC;IACjB,QAAQ,EAAE,GAAG,CAAC,OAAO,CAAC;CACvB;AAED;;GAEG;AACH,QAAA,MAAM,uBAAuB,wDAK1B,4BAA4B,GAAG,kBAAkB,gBAkCnD,CAAC;AACF,eAAe,uBAAuB,CAAC"}

package/dist/FlatListPerformanceView.js

@@ -0,0 +1,38 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+var tslib_1 = require("tslib");
+var react_1 = tslib_1.__importStar(require("react"));
+var ListsProfilerContext_1 = require("./ListsProfilerContext");
+var FlatListPerformanceViewNativeComponent_1 = require("./FlatListPerformanceViewNativeComponent");
+// @amznmod_react - Add import for the turbomodule
+var ListsProfilerModule_1 = tslib_1.__importDefault(require("./ListsProfilerModule"));
+/**
+ * Wrap your `FlatList` with this component.
+ */
+var FlatListPerformanceView = function (_a) {
+    var children = _a.children, listName = _a.listName, _b = _a.onInteractive, onInteractive = _b === void 0 ? function () { } : _b, _c = _a.onBlankArea, onBlankArea = _c === void 0 ? function () { } : _c;
+    var time = (0, react_1.useRef)(Date.now()).current;
+    var listsProfilerController = (0, react_1.useContext)(ListsProfilerContext_1.ListsProfilerContext);
+    var onInteractiveCallback = (0, react_1.useCallback)(function (_a) {
+        var nativeEvent = _a.nativeEvent;
+        var tti = nativeEvent.timestamp - time;
+        onInteractive(tti, listName);
+        listsProfilerController.onInteractive(tti, listName);
+    }, [listsProfilerController, onInteractive, listName, time]);
+    var onBlankAreaCallback = (0, react_1.useCallback)(function (_a) {
+        var nativeEvent = _a.nativeEvent;
+        onBlankArea(nativeEvent.offsetStart, nativeEvent.offsetEnd, listName);
+        listsProfilerController.onBlankArea(nativeEvent.offsetStart, nativeEvent.offsetEnd, listName);
+    }, [onBlankArea, listsProfilerController, listName]);
+    return (react_1.default.createElement(FlatListPerformanceViewNativeComponent_1.FlatListPerformanceViewNativeComponent, { onInteractive: onInteractiveCallback, onBlankAreaEvent: onBlankAreaCallback }, react_1.default.cloneElement(children, {
+        onScroll: function () {
+            var _a;
+            if ((_a = children === null || children === void 0 ? void 0 : children.props) === null || _a === void 0 ? void 0 : _a.onScroll) {
+                children.props.onScroll();
+            }
+            ListsProfilerModule_1.default === null || ListsProfilerModule_1.default === void 0 ? void 0 : ListsProfilerModule_1.default.invokeCallback();
+        },
+    })));
+};
+exports.default = FlatListPerformanceView;
+//# sourceMappingURL=FlatListPerformanceView.js.map

package/dist/FlatListPerformanceView.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FlatListPerformanceView.js","sourceRoot":"","sources":["../src/FlatListPerformanceView.tsx"],"names":[],"mappings":";;;AAAA,qDAA6D;AAE7D,+DAA4D;AAC5D,mGAAgG;AAGhG,kDAAkD;AAClD,sFAAwD;AAUxD;;GAEG;AACH,IAAM,uBAAuB,GAAG,UAAC,EAKmB;QAJlD,QAAQ,cAAA,EACR,QAAQ,cAAA,EACR,qBAAwB,EAAxB,aAAa,mBAAG,cAAO,CAAC,KAAA,EACxB,mBAAsB,EAAtB,WAAW,mBAAG,cAAO,CAAC,KAAA;IAEtB,IAAM,IAAI,GAAG,IAAA,cAAM,EAAC,IAAI,CAAC,GAAG,EAAE,CAAC,CAAC,OAAO,CAAC;IACxC,IAAM,uBAAuB,GAAG,IAAA,kBAAU,EAAC,2CAAoB,CAAC,CAAC;IACjE,IAAM,qBAAqB,GAAG,IAAA,mBAAW,EACvC,UAAC,EAAiC;YAAhC,WAAW,iBAAA;QACX,IAAM,GAAG,GAAG,WAAW,CAAC,SAAS,GAAG,IAAI,CAAC;QACzC,aAAa,CAAC,GAAG,EAAE,QAAQ,CAAC,CAAC;QAC7B,uBAAuB,CAAC,aAAa,CAAC,GAAG,EAAE,QAAQ,CAAC,CAAC;IACvD,CAAC,EACD,CAAC,uBAAuB,EAAE,aAAa,EAAE,QAAQ,EAAE,IAAI,CAAC,CACzD,CAAC;IACF,IAAM,mBAAmB,GAAG,IAAA,mBAAW,EACrC,UAAC,EAA+B;YAA9B,WAAW,iBAAA;QACX,WAAW,CAAC,WAAW,CAAC,WAAW,EAAE,WAAW,CAAC,SAAS,EAAE,QAAQ,CAAC,CAAC;QACtE,uBAAuB,CAAC,WAAW,CAAC,WAAW,CAAC,WAAW,EAAE,WAAW,CAAC,SAAS,EAAE,QAAQ,CAAC,CAAC;IAChG,CAAC,EACD,CAAC,WAAW,EAAE,uBAAuB,EAAE,QAAQ,CAAC,CACjD,CAAC;IACF,OAAO,CACL,8BAAC,+EAAsC,IACrC,aAAa,EAAE,qBAAqB,EACpC,gBAAgB,EAAE,mBAAmB,IAGpC,eAAK,CAAC,YAAY,CAAC,QAAQ,EAAE;QAC5B,QAAQ,EAAE;;YACR,IAAI,MAAA,QAAQ,aAAR,QAAQ,uBAAR,QAAQ,CAAE,KAAK,0CAAE,QAAQ,EAAE;gBAC7B,QAAQ,CAAC,KAAK,CAAC,QAAQ,EAAE,CAAC;aAC3B;YACD,6BAAmB,aAAnB,6BAAmB,uBAAnB,6BAAmB,CAAE,cAAc,EAAE,CAAC;QACxC,CAAC;KACF,CAAC,CACqC,CAC1C,CAAC;AACJ,CAAC,CAAC;AACF,kBAAe,uBAAuB,CAAC"}

package/dist/FlatListPerformanceView.types.d.ts

@@ -0,0 +1,19 @@
+export interface OnInteractiveEvent {
+    nativeEvent: {
+        timestamp: number;
+    };
+}
+export interface OnBlankAreaEvent {
+    nativeEvent: {
+        offsetStart: number;
+        offsetEnd: number;
+    };
+}
+type OnInteractiveHandler = (event: OnInteractiveEvent) => void;
+type OnBlankAreaEventHandler = (event: OnBlankAreaEvent) => void;
+export interface FlatListPerformanceViewNativeComponentProps {
+    onInteractive: OnInteractiveHandler;
+    onBlankAreaEvent: OnBlankAreaEventHandler;
+}
+export {};
+//# sourceMappingURL=FlatListPerformanceView.types.d.ts.map

package/dist/FlatListPerformanceView.types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"FlatListPerformanceView.types.d.ts","sourceRoot":"","sources":["../src/FlatListPerformanceView.types.ts"],"names":[],"mappings":"AAQA,MAAM,WAAW,kBAAkB;IACjC,WAAW,EAAE;QACX,SAAS,EAAE,MAAM,CAAC;KACnB,CAAC;CACH;AAED,MAAM,WAAW,gBAAgB;IAC/B,WAAW,EAAE;QACX,WAAW,EAAE,MAAM,CAAC;QACpB,SAAS,EAAE,MAAM,CAAC;KACnB,CAAC;CACH;AAED,KAAK,oBAAoB,GAAG,CAAC,KAAK,EAAE,kBAAkB,KAAK,IAAI,CAAC;AAChE,KAAK,uBAAuB,GAAG,CAAC,KAAK,EAAE,gBAAgB,KAAK,IAAI,CAAC;AAEjE,MAAM,WAAW,2CAA2C;IAC1D,aAAa,EAAE,oBAAoB,CAAC;IACpC,gBAAgB,EAAE,uBAAuB,CAAC;CAC3C"}

package/dist/FlatListPerformanceView.types.js

@@ -0,0 +1,10 @@
+"use strict";
+/*
+ * Copyright (c) 2024 Amazon.com, Inc. or its affiliates. All Rights Reserved.
+ *
+ * PROPRIETARY/CONFIDENTIAL
+ *
+ * Use is subject to license terms.
+ */
+Object.defineProperty(exports, "__esModule", { value: true });
+//# sourceMappingURL=FlatListPerformanceView.types.js.map

package/dist/FlatListPerformanceView.types.js.map

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

package/dist/FlatListPerformanceViewNativeComponent.d.ts

@@ -0,0 +1,4 @@
+import { FlatListPerformanceViewNativeComponentProps } from './FlatListPerformanceView.types';
+declare const FlatListPerformanceViewNativeComponent: import("react-native").HostComponent<FlatListPerformanceViewNativeComponentProps>;
+export { FlatListPerformanceViewNativeComponent };
+//# sourceMappingURL=FlatListPerformanceViewNativeComponent.d.ts.map

package/dist/FlatListPerformanceViewNativeComponent.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"FlatListPerformanceViewNativeComponent.d.ts","sourceRoot":"","sources":["../src/FlatListPerformanceViewNativeComponent.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAC,2CAA2C,EAAC,MAAM,iCAAiC,CAAC;AAE5F,QAAA,MAAM,sCAAsC,mFACoD,CAAC;AACjG,OAAO,EAAC,sCAAsC,EAAC,CAAC"}

package/dist/FlatListPerformanceViewNativeComponent.js

@@ -0,0 +1,7 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.FlatListPerformanceViewNativeComponent = void 0;
+var react_native_1 = require("react-native");
+var FlatListPerformanceViewNativeComponent = (0, react_native_1.requireNativeComponent)('FlatListPerformanceView');
+exports.FlatListPerformanceViewNativeComponent = FlatListPerformanceViewNativeComponent;
+//# sourceMappingURL=FlatListPerformanceViewNativeComponent.js.map

package/dist/FlatListPerformanceViewNativeComponent.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FlatListPerformanceViewNativeComponent.js","sourceRoot":"","sources":["../src/FlatListPerformanceViewNativeComponent.tsx"],"names":[],"mappings":";;;AAAA,6CAAoD;AAIpD,IAAM,sCAAsC,GAC1C,IAAA,qCAAsB,EAA8C,yBAAyB,CAAC,CAAC;AACzF,wFAAsC"}

package/dist/FlatListPerformanceViewNativeComponent.kepler.d.ts

@@ -0,0 +1,5 @@
+import { HostComponent } from 'react-native';
+import { FlatListPerformanceViewNativeComponentProps } from './FlatListPerformanceView.types';
+declare const FlatListPerformanceViewNativeComponent: HostComponent<FlatListPerformanceViewNativeComponentProps>;
+export { FlatListPerformanceViewNativeComponent };
+//# sourceMappingURL=FlatListPerformanceViewNativeComponent.kepler.d.ts.map

package/dist/FlatListPerformanceViewNativeComponent.kepler.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"FlatListPerformanceViewNativeComponent.kepler.d.ts","sourceRoot":"","sources":["../src/FlatListPerformanceViewNativeComponent.kepler.tsx"],"names":[],"mappings":"AAWA,OAAO,EAAE,aAAa,EAAE,MAAM,cAAc,CAAC;AAE7C,OAAO,EAAE,2CAA2C,EAAE,MAAM,iCAAiC,CAAC;AAsB9F,QAAA,MAAM,sCAAsC,4DACuD,CAAC;AACpG,OAAO,EAAE,sCAAsC,EAAE,CAAC"}

package/dist/FlatListPerformanceViewNativeComponent.kepler.js

@@ -0,0 +1,35 @@
+"use strict";
+/*
+ * Copyright (c) 2024 Amazon.com, Inc. or its affiliates. All Rights Reserved.
+ *
+ * PROPRIETARY/CONFIDENTIAL
+ *
+ * Use is subject to license terms.
+ */
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.FlatListPerformanceViewNativeComponent = void 0;
+var tslib_1 = require("tslib");
+// eslint-disable-next-line @typescript-eslint/ban-ts-comment
+// @ts-ignore For some reason this is unknown
+var registerGeneratedViewConfig_1 = tslib_1.__importDefault(require("react-native/Libraries/Utilities/registerGeneratedViewConfig"));
+var FlatListPerformanceView = 'AmazonFlatListPerformanceView';
+(0, registerGeneratedViewConfig_1.default)(FlatListPerformanceView, {
+    uiViewClassName: FlatListPerformanceView,
+    bubblingEventTypes: {
+        topOnInteractive: {
+            phasedRegistrationNames: {
+                bubbled: 'onInteractive',
+                captured: 'onInteractiveCapture',
+            },
+        },
+        topOnBlankAreaEvent: {
+            phasedRegistrationNames: {
+                bubbled: 'onBlankAreaEvent',
+                captured: 'onBlankAreaEventCapture',
+            },
+        },
+    },
+});
+var FlatListPerformanceViewNativeComponent = FlatListPerformanceView;
+exports.FlatListPerformanceViewNativeComponent = FlatListPerformanceViewNativeComponent;
+//# sourceMappingURL=FlatListPerformanceViewNativeComponent.kepler.js.map

package/dist/FlatListPerformanceViewNativeComponent.kepler.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FlatListPerformanceViewNativeComponent.kepler.js","sourceRoot":"","sources":["../src/FlatListPerformanceViewNativeComponent.kepler.tsx"],"names":[],"mappings":";AAAA;;;;;;GAMG;;;;AAEH,6DAA6D;AAC7D,6CAA6C;AAC7C,qIAAoF;AAKpF,IAAM,uBAAuB,GAAG,+BAA+B,CAAC;AAEhE,IAAA,qCAAQ,EAAC,uBAAuB,EAAE;IAC9B,eAAe,EAAE,uBAAuB;IACxC,kBAAkB,EAAE;QAChB,gBAAgB,EAAE;YACd,uBAAuB,EAAE;gBACrB,OAAO,EAAE,eAAe;gBACxB,QAAQ,EAAE,sBAAsB;aACnC;SACJ;QACD,mBAAmB,EAAE;YACjB,uBAAuB,EAAE;gBACrB,OAAO,EAAE,kBAAkB;gBAC3B,QAAQ,EAAE,yBAAyB;aACtC;SACJ;KACJ;CACJ,CAAC,CAAC;AAEH,IAAM,sCAAsC,GAC1C,uBAAiG,CAAC;AAC3F,wFAAsC"}

package/dist/ListsProfiler.d.ts

@@ -0,0 +1,9 @@
+/// <reference types="react" />
+import ListsProfilerProps from './ListsProfilerProps';
+/**
+ * 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`.
+ */
+declare const ListsProfiler: ({ onInteractive, onBlankArea, children }: ListsProfilerProps) => JSX.Element;
+export default ListsProfiler;
+//# sourceMappingURL=ListsProfiler.d.ts.map

package/dist/ListsProfiler.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ListsProfiler.d.ts","sourceRoot":"","sources":["../src/ListsProfiler.tsx"],"names":[],"mappings":";AAIA,OAAO,kBAAkB,MAAM,sBAAsB,CAAC;AAetD;;;GAGG;AACH,QAAA,MAAM,aAAa,6CAAkE,kBAAkB,gBAyCtG,CAAC;AAEF,eAAe,aAAa,CAAC"}