react-native-inapp-inspector 1.1.15 → 1.1.17

package/dist/commonjs/components/Inspector/AnalyticsTab.js

@@ -46,9 +46,8 @@ const styles_1 = __importDefault(require("../../styles"));
 const AppColors_1 = require("../../styles/AppColors");
 const analyticsLogger_1 = require("../../customHooks/analyticsLogger");
 const NetworkIcons_1 = require("../NetworkIcons");
-const AnalyticsHeader = () => {
+const AnalyticsHeader = react_1.default.memo(() => {
     const { filteredAnalyticsEvents, analyticsHeaderExpanded, setAnalyticsHeaderExpanded, } = (0, InspectorContext_1.useInspector)();
-    const keyExtractor = (0, react_1.useCallback)((item, index) => item?.id?.toString() ?? index.toString(), []);
     const userId = (0, analyticsLogger_1.getCurrentUserId)();
     const userProperties = (0, analyticsLogger_1.getCurrentUserProperties)();
     const defaultParams = (0, analyticsLogger_1.getDefaultEventParameters)();
@@ -125,9 +124,10 @@ const AnalyticsHeader = () => {
             </react_native_1.View>)}
         </>)}
     </react_native_1.View>);
-};
-const AnalyticsTab = () => {
-    const { analyticsSearch, setAnalyticsSearch, handleDelete, filteredAnalyticsEvents, selectedEvent, setSelectedEvent, newEventIds, logRouteMapRef, isAnalyticsLayoutReady, setIsAnalyticsLayoutReady, isAnalyticsPaused, setIsAnalyticsPaused, } = (0, InspectorContext_1.useInspector)();
+});
+const AnalyticsTab = react_1.default.memo(() => {
+    const { filteredAnalyticsEvents, analyticsSearch, setAnalyticsSearch, handleDelete, selectedEvent, setSelectedEvent, newEventIds, logRouteMapRef, isAnalyticsLayoutReady, setIsAnalyticsLayoutReady, isAnalyticsPaused, setIsAnalyticsPaused, } = (0, InspectorContext_1.useInspector)();
+    const keyExtractor = (0, react_1.useCallback)((item, index) => item?.id?.toString() ?? index.toString(), []);
     const renderItem = (0, react_1.useCallback)(({ item, index }) => {
         const prev = filteredAnalyticsEvents[index + 1];
         const next = filteredAnalyticsEvents[index - 1];
@@ -166,8 +166,7 @@ const AnalyticsTab = () => {
                 }
                 return screenName;
             })()}/>);
-    }, [filteredAnalyticsEvents, analyticsSearch, newEventIds, setSelectedEvent]);
-    const keyExtractor = (0, react_1.useCallback)((item, index) => item?.id?.toString() ?? index.toString(), []);
+    }, [filteredAnalyticsEvents, analyticsSearch, newEventIds, setSelectedEvent, logRouteMapRef]);
     return (<>
       {/* ─── Search + Shared Toolbar for Analytics ──────────────────────── */}
       {selectedEvent == null && (<react_native_1.View style={[
@@ -228,5 +227,5 @@ const AnalyticsTab = () => {
             ]} keyboardShouldPersistTaps="handled"/>) : null}
       </react_native_1.View>
     </>);
-};
+});
 exports.default = AnalyticsTab;

package/dist/commonjs/components/Inspector/BundleTab.d.ts

@@ -0,0 +1,41 @@
+import React from 'react';
+export type BundleSubTab = 'overview' | 'files' | 'packages' | 'media' | 'optimizer';
+export type FileTypeCategory = 'image' | 'typescript' | 'javascript' | 'font' | 'json';
+export interface BundleFileItem {
+    id: string;
+    name: string;
+    path: string;
+    ext: string;
+    category: FileTypeCategory;
+    sizeKb: number;
+    meta: string;
+    color: string;
+    status?: 'optimal' | 'warning' | 'info';
+    advice?: string;
+    previewUri?: string;
+    isConsumed?: boolean;
+}
+export interface BundlePackageItem {
+    id: string;
+    name: string;
+    version: string;
+    sizeKb: number;
+    percentage: number;
+    type: 'direct' | 'peer' | 'transitive';
+    category: 'core' | 'navigation' | 'network' | 'ui' | 'utils';
+    color: string;
+    description: string;
+    logoUri?: string;
+}
+export interface TreeNode {
+    id: string;
+    name: string;
+    fullPath: string;
+    isFolder: boolean;
+    fileItem?: BundleFileItem;
+    sizeKb: number;
+    fileCount: number;
+    children: TreeNode[];
+}
+declare const BundleTab: React.MemoExoticComponent<() => React.JSX.Element>;
+export default BundleTab;