react-native-inapp-inspector 1.1.15 → 1.1.17

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

@@ -8,9 +8,8 @@ import styles from '../../styles';
 import { AppColors } from '../../styles/AppColors';
 import { getCurrentUserId, getCurrentUserProperties, getDefaultEventParameters, getCollectionEnabled, } from '../../customHooks/analyticsLogger';
 import { SearchIcon, ClearIcon, TrashIcon, EmptyRadarIcon, HeaderPauseIcon, } from '../NetworkIcons';
-const AnalyticsHeader = () => {
+const AnalyticsHeader = React.memo(() => {
     const { filteredAnalyticsEvents, analyticsHeaderExpanded, setAnalyticsHeaderExpanded, } = useInspector();
-    const keyExtractor = useCallback((item, index) => item?.id?.toString() ?? index.toString(), []);
     const userId = getCurrentUserId();
     const userProperties = getCurrentUserProperties();
     const defaultParams = getDefaultEventParameters();
@@ -87,9 +86,10 @@ const AnalyticsHeader = () => {
             </View>)}
         </>)}
     </View>);
-};
-const AnalyticsTab = () => {
-    const { analyticsSearch, setAnalyticsSearch, handleDelete, filteredAnalyticsEvents, selectedEvent, setSelectedEvent, newEventIds, logRouteMapRef, isAnalyticsLayoutReady, setIsAnalyticsLayoutReady, isAnalyticsPaused, setIsAnalyticsPaused, } = useInspector();
+});
+const AnalyticsTab = React.memo(() => {
+    const { filteredAnalyticsEvents, analyticsSearch, setAnalyticsSearch, handleDelete, selectedEvent, setSelectedEvent, newEventIds, logRouteMapRef, isAnalyticsLayoutReady, setIsAnalyticsLayoutReady, isAnalyticsPaused, setIsAnalyticsPaused, } = useInspector();
+    const keyExtractor = useCallback((item, index) => item?.id?.toString() ?? index.toString(), []);
     const renderItem = useCallback(({ item, index }) => {
         const prev = filteredAnalyticsEvents[index + 1];
         const next = filteredAnalyticsEvents[index - 1];
@@ -128,8 +128,7 @@ const AnalyticsTab = () => {
                 }
                 return screenName;
             })()}/>);
-    }, [filteredAnalyticsEvents, analyticsSearch, newEventIds, setSelectedEvent]);
-    const keyExtractor = useCallback((item, index) => item?.id?.toString() ?? index.toString(), []);
+    }, [filteredAnalyticsEvents, analyticsSearch, newEventIds, setSelectedEvent, logRouteMapRef]);
     return (<>
       {/* ─── Search + Shared Toolbar for Analytics ──────────────────────── */}
       {selectedEvent == null && (<View style={[
@@ -190,5 +189,5 @@ const AnalyticsTab = () => {
             ]} keyboardShouldPersistTaps="handled"/>) : null}
       </View>
     </>);
-};
+});
 export default AnalyticsTab;

package/dist/esm/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;