@react-navigation/bottom-tabs 7.5.0 → 7.7.0

package/lib/module/navigators/createBottomTabNavigator.js

@@ -7,6 +7,7 @@ function BottomTabNavigator({
   id,
   initialRouteName,
   backBehavior,
+  UNSTABLE_routeNamesChangeBehavior,
   children,
   layout,
   screenListeners,
@@ -24,6 +25,7 @@ function BottomTabNavigator({
     id,
     initialRouteName,
     backBehavior,
+    UNSTABLE_routeNamesChangeBehavior,
     children,
     layout,
     screenListeners,

package/lib/module/navigators/createBottomTabNavigator.js.map

@@ -1 +1 @@
-{"version":3,"names":["createNavigatorFactory","TabRouter","useNavigationBuilder","BottomTabView","jsx","_jsx","BottomTabNavigator","id","initialRouteName","backBehavior","children","layout","screenListeners","screenOptions","screenLayout","UNSTABLE_router","rest","state","descriptors","navigation","NavigationContent","createBottomTabNavigator","config"],"sourceRoot":"../../../src","sources":["navigators/createBottomTabNavigator.tsx"],"mappings":";;AAAA,SACEA,sBAAsB,EAMtBC,SAAS,EAGTC,oBAAoB,QACf,0BAA0B;AAQjC,SAASC,aAAa,QAAQ,2BAAwB;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAEvD,SAASC,kBAAkBA,CAAC;EAC1BC,EAAE;EACFC,gBAAgB;EAChBC,YAAY;EACZC,QAAQ;EACRC,MAAM;EACNC,eAAe;EACfC,aAAa;EACbC,YAAY;EACZC,eAAe;EACf,GAAGC;AACoB,CAAC,EAAE;EAC1B,MAAM;IAAEC,KAAK;IAAEC,WAAW;IAAEC,UAAU;IAAEC;EAAkB,CAAC,GACzDlB,oBAAoB,CAMlBD,SAAS,EAAE;IACXM,EAAE;IACFC,gBAAgB;IAChBC,YAAY;IACZC,QAAQ;IACRC,MAAM;IACNC,eAAe;IACfC,aAAa;IACbC,YAAY;IACZC;EACF,CAAC,CAAC;EAEJ,oBACEV,IAAA,CAACe,iBAAiB;IAAAV,QAAA,eAChBL,IAAA,CAACF,aAAa;MAAA,GACRa,IAAI;MACRC,KAAK,EAAEA,KAAM;MACbE,UAAU,EAAEA,UAAW;MACvBD,WAAW,EAAEA;IAAY,CAC1B;EAAC,CACe,CAAC;AAExB;AAEA,OAAO,SAASG,wBAAwBA,CAmBtCC,MAAe,EAAmC;EAClD,OAAOtB,sBAAsB,CAACM,kBAAkB,CAAC,CAACgB,MAAM,CAAC;AAC3D","ignoreList":[]}
+{"version":3,"names":["createNavigatorFactory","TabRouter","useNavigationBuilder","BottomTabView","jsx","_jsx","BottomTabNavigator","id","initialRouteName","backBehavior","UNSTABLE_routeNamesChangeBehavior","children","layout","screenListeners","screenOptions","screenLayout","UNSTABLE_router","rest","state","descriptors","navigation","NavigationContent","createBottomTabNavigator","config"],"sourceRoot":"../../../src","sources":["navigators/createBottomTabNavigator.tsx"],"mappings":";;AAAA,SACEA,sBAAsB,EAMtBC,SAAS,EAGTC,oBAAoB,QACf,0BAA0B;AAQjC,SAASC,aAAa,QAAQ,2BAAwB;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAEvD,SAASC,kBAAkBA,CAAC;EAC1BC,EAAE;EACFC,gBAAgB;EAChBC,YAAY;EACZC,iCAAiC;EACjCC,QAAQ;EACRC,MAAM;EACNC,eAAe;EACfC,aAAa;EACbC,YAAY;EACZC,eAAe;EACf,GAAGC;AACoB,CAAC,EAAE;EAC1B,MAAM;IAAEC,KAAK;IAAEC,WAAW;IAAEC,UAAU;IAAEC;EAAkB,CAAC,GACzDnB,oBAAoB,CAMlBD,SAAS,EAAE;IACXM,EAAE;IACFC,gBAAgB;IAChBC,YAAY;IACZC,iCAAiC;IACjCC,QAAQ;IACRC,MAAM;IACNC,eAAe;IACfC,aAAa;IACbC,YAAY;IACZC;EACF,CAAC,CAAC;EAEJ,oBACEX,IAAA,CAACgB,iBAAiB;IAAAV,QAAA,eAChBN,IAAA,CAACF,aAAa;MAAA,GACRc,IAAI;MACRC,KAAK,EAAEA,KAAM;MACbE,UAAU,EAAEA,UAAW;MACvBD,WAAW,EAAEA;IAAY,CAC1B;EAAC,CACe,CAAC;AAExB;AAEA,OAAO,SAASG,wBAAwBA,CAmBtCC,MAAe,EAAmC;EAClD,OAAOvB,sBAAsB,CAACM,kBAAkB,CAAC,CAACiB,MAAM,CAAC;AAC3D","ignoreList":[]}

package/lib/module/unstable/NativeBottomTabView.js

@@ -0,0 +1,6 @@
+"use strict";
+
+export function NativeBottomTabView(_) {
+  throw new Error('Native Bottom Tabs are not supported on this platform.');
+}
+//# sourceMappingURL=NativeBottomTabView.js.map

package/lib/module/unstable/NativeBottomTabView.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["NativeBottomTabView","_","Error"],"sourceRoot":"../../../src","sources":["unstable/NativeBottomTabView.tsx"],"mappings":";;AAiBA,OAAO,SAASA,mBAAmBA,CAACC,CAAQ,EAAE;EAC5C,MAAM,IAAIC,KAAK,CAAC,wDAAwD,CAAC;AAC3E","ignoreList":[]}

package/lib/module/unstable/NativeBottomTabView.native.js

@@ -0,0 +1,225 @@
+"use strict";
+
+import { getLabel, Lazy, SafeAreaProviderCompat } from '@react-navigation/elements';
+import { CommonActions, StackActions, useTheme } from '@react-navigation/native';
+import Color from 'color';
+import * as React from 'react';
+import { Platform, PlatformColor } from 'react-native';
+import { BottomTabs, BottomTabsScreen } from 'react-native-screens';
+import { NativeScreen } from "./NativeScreen/NativeScreen.js";
+import { jsx as _jsx } from "react/jsx-runtime";
+export function NativeBottomTabView({
+  state,
+  navigation,
+  descriptors
+}) {
+  const {
+    colors,
+    fonts
+  } = useTheme();
+  const focusedRouteKey = state.routes[state.index].key;
+  const previousRouteKeyRef = React.useRef(focusedRouteKey);
+  React.useEffect(() => {
+    const previousRouteKey = previousRouteKeyRef.current;
+    if (previousRouteKey !== focusedRouteKey && descriptors[previousRouteKey]?.options.popToTopOnBlur) {
+      const prevRoute = state.routes.find(route => route.key === previousRouteKey);
+      if (prevRoute?.state?.type === 'stack' && prevRoute.state.key) {
+        const popToTopAction = {
+          ...StackActions.popToTop(),
+          target: prevRoute.state.key
+        };
+        navigation.dispatch(popToTopAction);
+      }
+    }
+    previousRouteKeyRef.current = focusedRouteKey;
+  }, [descriptors, focusedRouteKey, navigation, state.index, state.routes]);
+  const currentOptions = descriptors[state.routes[state.index].key]?.options;
+  const {
+    backgroundColor: tabBarBackgroundColor,
+    shadowColor: tabBarShadowColor
+  } = currentOptions.tabBarStyle || {};
+  const {
+    fontFamily = Platform.select({
+      ios: fonts.medium.fontFamily,
+      default: fonts.regular.fontFamily
+    }),
+    fontWeight = Platform.select({
+      ios: fonts.medium.fontWeight,
+      default: fonts.regular.fontWeight
+    }),
+    fontSize,
+    fontStyle
+  } = currentOptions.tabBarLabelStyle || {};
+  const activeTintColor = currentOptions.tabBarActiveTintColor ?? colors.primary;
+  const inactiveTintColor = currentOptions.tabBarInactiveTintColor ?? Platform.select({
+    ios: PlatformColor('label'),
+    default: colors.text
+  });
+  const activeIndicatorColor = currentOptions?.tabBarActiveIndicatorColor ?? typeof activeTintColor === 'string' ? Color(activeTintColor)?.alpha(0.1).string() : undefined;
+  const onTransitionStart = ({
+    closing,
+    route
+  }) => {
+    navigation.emit({
+      type: 'transitionStart',
+      data: {
+        closing
+      },
+      target: route.key
+    });
+  };
+  const onTransitionEnd = ({
+    closing,
+    route
+  }) => {
+    navigation.emit({
+      type: 'transitionEnd',
+      data: {
+        closing
+      },
+      target: route.key
+    });
+  };
+  return /*#__PURE__*/_jsx(SafeAreaProviderCompat, {
+    children: /*#__PURE__*/_jsx(BottomTabs, {
+      tabBarItemLabelVisibilityMode: currentOptions?.tabBarLabelVisibilityMode,
+      tabBarControllerMode: currentOptions?.tabBarControllerMode,
+      tabBarMinimizeBehavior: currentOptions?.tabBarMinimizeBehavior,
+      tabBarTintColor: activeTintColor,
+      tabBarItemIconColor: inactiveTintColor,
+      tabBarItemIconColorActive: activeTintColor,
+      tabBarItemTitleFontColor: inactiveTintColor,
+      tabBarItemTitleFontColorActive: activeTintColor,
+      tabBarItemTitleFontFamily: fontFamily,
+      tabBarItemTitleFontWeight: fontWeight,
+      tabBarItemTitleFontSize: fontSize,
+      tabBarItemTitleFontSizeActive: fontSize,
+      tabBarBackgroundColor: currentOptions.tabBarStyle?.backgroundColor,
+      tabBarItemActiveIndicatorColor: activeIndicatorColor,
+      tabBarItemActiveIndicatorEnabled: currentOptions?.tabBarActiveIndicatorEnabled,
+      tabBarItemRippleColor: currentOptions?.tabBarRippleColor,
+      experimentalControlNavigationStateInJS: true,
+      onNativeFocusChange: e => {
+        const route = state.routes.find(route => route.key === e.nativeEvent.tabKey);
+        if (route) {
+          const isFocused = state.index === state.routes.findIndex(r => r.key === route.key);
+          const event = navigation.emit({
+            type: 'tabPress',
+            target: route.key,
+            canPreventDefault: true
+          });
+          if (!isFocused && !event.defaultPrevented) {
+            React.startTransition(() => {
+              navigation.dispatch({
+                ...CommonActions.navigate(route.name, route.params),
+                target: state.key
+              });
+            });
+          }
+        }
+      },
+      children: state.routes.map((route, index) => {
+        const {
+          options,
+          render,
+          navigation
+        } = descriptors[route.key];
+        const isFocused = state.index === index;
+        const isPreloaded = state.preloadedRouteKeys.includes(route.key);
+        const {
+          title,
+          lazy = true,
+          tabBarLabel,
+          tabBarBadgeStyle,
+          tabBarIcon,
+          tabBarBadge,
+          tabBarSystemItem
+        } = options;
+        const tabTitle =
+        // On iOS, `systemItem` already provides a localized label
+        // So we should only use `tabBarLabel` if explicitly provided
+        Platform.OS === 'ios' && tabBarSystemItem != null ? tabBarLabel : getLabel({
+          label: tabBarLabel,
+          title
+        }, route.name);
+        const tabItemAppearance = {
+          tabBarItemTitleFontFamily: fontFamily,
+          tabBarItemTitleFontSize: fontSize,
+          tabBarItemTitleFontWeight: fontWeight,
+          tabBarItemTitleFontStyle: fontStyle
+        };
+        const badgeBackgroundColor = tabBarBadgeStyle?.backgroundColor ?? colors.notification;
+        const badgeTextColor = typeof badgeBackgroundColor === 'string' && Color(badgeBackgroundColor)?.isLight() ? 'black' : 'white';
+        const icon = typeof tabBarIcon === 'function' ? getPlatformIcon(tabBarIcon({
+          focused: false
+        })) : tabBarIcon != null ? getPlatformIcon(tabBarIcon) : undefined;
+        const selectedIcon = typeof tabBarIcon === 'function' ? getPlatformIcon(tabBarIcon({
+          focused: true
+        })) : undefined;
+        return /*#__PURE__*/_jsx(BottomTabsScreen, {
+          onWillDisappear: () => onTransitionStart({
+            closing: true,
+            route
+          }),
+          onWillAppear: () => onTransitionStart({
+            closing: false,
+            route
+          }),
+          onDidAppear: () => onTransitionEnd({
+            closing: false,
+            route
+          }),
+          onDidDisappear: () => onTransitionEnd({
+            closing: true,
+            route
+          }),
+          tabKey: route.key,
+          icon: icon,
+          selectedIcon: selectedIcon?.ios ?? selectedIcon?.shared,
+          tabBarItemBadgeBackgroundColor: badgeBackgroundColor,
+          tabBarItemBadgeTextColor: badgeTextColor,
+          badgeValue: tabBarBadge?.toString(),
+          systemItem: tabBarSystemItem,
+          isFocused: isFocused,
+          title: tabTitle,
+          standardAppearance: {
+            tabBarBackgroundColor,
+            tabBarShadowColor,
+            stacked: {
+              normal: tabItemAppearance
+            },
+            inline: {
+              normal: tabItemAppearance
+            },
+            compactInline: {
+              normal: tabItemAppearance
+            }
+          },
+          children: /*#__PURE__*/_jsx(Lazy, {
+            enabled: lazy ? isFocused || isPreloaded : true,
+            render: () => /*#__PURE__*/_jsx(NativeScreen, {
+              route: route,
+              navigation: navigation,
+              options: options,
+              children: render()
+            })
+          })
+        }, route.key);
+      })
+    })
+  });
+}
+function getPlatformIcon(icon) {
+  return {
+    ios: icon?.type === 'sfSymbol' ? icon : icon?.type === 'image' && icon.tinted !== false ? {
+      type: 'templateSource',
+      templateSource: icon.source
+    } : undefined,
+    android: icon?.type === 'drawableResource' ? icon : undefined,
+    shared: icon?.type === 'image' ? {
+      type: 'imageSource',
+      imageSource: icon.source
+    } : undefined
+  };
+}
+//# sourceMappingURL=NativeBottomTabView.native.js.map

package/lib/module/unstable/NativeBottomTabView.native.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["getLabel","Lazy","SafeAreaProviderCompat","CommonActions","StackActions","useTheme","Color","React","Platform","PlatformColor","BottomTabs","BottomTabsScreen","NativeScreen","jsx","_jsx","NativeBottomTabView","state","navigation","descriptors","colors","fonts","focusedRouteKey","routes","index","key","previousRouteKeyRef","useRef","useEffect","previousRouteKey","current","options","popToTopOnBlur","prevRoute","find","route","type","popToTopAction","popToTop","target","dispatch","currentOptions","backgroundColor","tabBarBackgroundColor","shadowColor","tabBarShadowColor","tabBarStyle","fontFamily","select","ios","medium","default","regular","fontWeight","fontSize","fontStyle","tabBarLabelStyle","activeTintColor","tabBarActiveTintColor","primary","inactiveTintColor","tabBarInactiveTintColor","text","activeIndicatorColor","tabBarActiveIndicatorColor","alpha","string","undefined","onTransitionStart","closing","emit","data","onTransitionEnd","children","tabBarItemLabelVisibilityMode","tabBarLabelVisibilityMode","tabBarControllerMode","tabBarMinimizeBehavior","tabBarTintColor","tabBarItemIconColor","tabBarItemIconColorActive","tabBarItemTitleFontColor","tabBarItemTitleFontColorActive","tabBarItemTitleFontFamily","tabBarItemTitleFontWeight","tabBarItemTitleFontSize","tabBarItemTitleFontSizeActive","tabBarItemActiveIndicatorColor","tabBarItemActiveIndicatorEnabled","tabBarActiveIndicatorEnabled","tabBarItemRippleColor","tabBarRippleColor","experimentalControlNavigationStateInJS","onNativeFocusChange","e","nativeEvent","tabKey","isFocused","findIndex","r","event","canPreventDefault","defaultPrevented","startTransition","navigate","name","params","map","render","isPreloaded","preloadedRouteKeys","includes","title","lazy","tabBarLabel","tabBarBadgeStyle","tabBarIcon","tabBarBadge","tabBarSystemItem","tabTitle","OS","label","tabItemAppearance","tabBarItemTitleFontStyle","badgeBackgroundColor","notification","badgeTextColor","isLight","icon","getPlatformIcon","focused","selectedIcon","onWillDisappear","onWillAppear","onDidAppear","onDidDisappear","shared","tabBarItemBadgeBackgroundColor","tabBarItemBadgeTextColor","badgeValue","toString","systemItem","standardAppearance","stacked","normal","inline","compactInline","enabled","tinted","templateSource","source","android","imageSource"],"sourceRoot":"../../../src","sources":["unstable/NativeBottomTabView.native.tsx"],"mappings":"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","ignoreList":[]}

package/lib/module/unstable/NativeScreen/NativeScreen.js

@@ -0,0 +1,166 @@
+"use strict";
+
+import { getDefaultHeaderHeight, HeaderHeightContext, HeaderShownContext, useFrameSize } from '@react-navigation/elements';
+import * as React from 'react';
+import { Animated, Platform, StatusBar, StyleSheet, useAnimatedValue, View } from 'react-native';
+import { useSafeAreaInsets } from 'react-native-safe-area-context';
+import { ScreenStack, ScreenStackItem } from 'react-native-screens';
+import { debounce } from "./debounce.js";
+import { AnimatedHeaderHeightContext } from "./useAnimatedHeaderHeight.js";
+import { useHeaderConfig } from "./useHeaderConfig.js";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+const ANDROID_DEFAULT_HEADER_HEIGHT = 56;
+export function NativeScreen({
+  route,
+  navigation,
+  options,
+  children
+}) {
+  const {
+    headerShown = true,
+    headerTransparent,
+    headerBackground,
+    header: renderCustomHeader
+  } = options;
+  const isModal = false;
+  const insets = useSafeAreaInsets();
+
+  // Modals are fullscreen in landscape only on iPhone
+  const isIPhone = Platform.OS === 'ios' && !(Platform.isPad || Platform.isTV);
+  const isParentHeaderShown = React.useContext(HeaderShownContext);
+  const parentHeaderHeight = React.useContext(HeaderHeightContext);
+  const isLandscape = useFrameSize(frame => frame.width > frame.height);
+  const topInset = isParentHeaderShown || Platform.OS === 'ios' && isModal || isIPhone && isLandscape ? 0 : insets.top;
+  const defaultHeaderHeight = useFrameSize(frame => Platform.select({
+    // FIXME: Currently screens isn't using Material 3
+    // So our `getDefaultHeaderHeight` doesn't return the correct value
+    // So we hardcode the value here for now until screens is updated
+    android: ANDROID_DEFAULT_HEADER_HEIGHT + topInset,
+    default: getDefaultHeaderHeight(frame, isModal, topInset)
+  }));
+  const [headerHeight, setHeaderHeight] = React.useState(defaultHeaderHeight);
+
+  // eslint-disable-next-line react-hooks/exhaustive-deps
+  const setHeaderHeightDebounced = React.useCallback(
+  // Debounce the header height updates to avoid excessive re-renders
+  debounce(setHeaderHeight, 100), []);
+  const hasCustomHeader = renderCustomHeader != null;
+  let headerHeightCorrectionOffset = 0;
+  if (Platform.OS === 'android' && !hasCustomHeader) {
+    const statusBarHeight = StatusBar.currentHeight ?? 0;
+
+    // FIXME: On Android, the native header height is not correctly calculated
+    // It includes status bar height even if statusbar is not translucent
+    // And the statusbar value itself doesn't match the actual status bar height
+    // So we subtract the bogus status bar height and add the actual top inset
+    headerHeightCorrectionOffset = -statusBarHeight + topInset;
+  }
+  const rawAnimatedHeaderHeight = useAnimatedValue(defaultHeaderHeight);
+  const animatedHeaderHeight = React.useMemo(() => Animated.add(rawAnimatedHeaderHeight, headerHeightCorrectionOffset), [headerHeightCorrectionOffset, rawAnimatedHeaderHeight]);
+  const headerTopInsetEnabled = topInset !== 0;
+  const onHeaderHeightChange = Animated.event([{
+    nativeEvent: {
+      headerHeight: rawAnimatedHeaderHeight
+    }
+  }], {
+    useNativeDriver: true,
+    listener: e => {
+      if (hasCustomHeader) {
+        // If we have a custom header, don't use native header height
+        return;
+      }
+      if (Platform.OS === 'android' && (options.headerBackground != null || options.headerTransparent)) {
+        // FIXME: On Android, we get 0 if the header is translucent
+        // So we set a default height in that case
+        setHeaderHeight(ANDROID_DEFAULT_HEADER_HEIGHT + topInset);
+        return;
+      }
+      if (e.nativeEvent && typeof e.nativeEvent === 'object' && 'headerHeight' in e.nativeEvent && typeof e.nativeEvent.headerHeight === 'number') {
+        const headerHeight = e.nativeEvent.headerHeight + headerHeightCorrectionOffset;
+
+        // Only debounce if header has large title or search bar
+        // As it's the only case where the header height can change frequently
+        const doesHeaderAnimate = Platform.OS === 'ios' && (options.headerLargeTitle || options.headerSearchBarOptions);
+        if (doesHeaderAnimate) {
+          setHeaderHeightDebounced(headerHeight);
+        } else {
+          setHeaderHeight(headerHeight);
+        }
+      }
+    }
+  });
+  const headerConfig = useHeaderConfig({
+    ...options,
+    route,
+    headerHeight,
+    headerShown: hasCustomHeader ? false : headerShown === true,
+    headerTopInsetEnabled
+  });
+  return /*#__PURE__*/_jsx(ScreenStack, {
+    style: styles.container,
+    children: /*#__PURE__*/_jsx(ScreenStackItem, {
+      screenId: route.key,
+      headerConfig: headerConfig,
+      onHeaderHeightChange: onHeaderHeightChange,
+      children: /*#__PURE__*/_jsx(AnimatedHeaderHeightContext.Provider, {
+        value: animatedHeaderHeight,
+        children: /*#__PURE__*/_jsxs(HeaderHeightContext.Provider, {
+          value: headerShown ? headerHeight : parentHeaderHeight ?? 0,
+          children: [headerBackground != null ?
+          /*#__PURE__*/
+          /**
+           * To show a custom header background, we render it at the top of the screen below the header
+           * The header also needs to be positioned absolutely (with `translucent` style)
+           */
+          _jsx(View, {
+            style: [styles.background, headerTransparent ? styles.translucent : null, {
+              height: headerHeight
+            }],
+            children: headerBackground()
+          }) : null, hasCustomHeader && headerShown ? /*#__PURE__*/_jsx(View, {
+            onLayout: e => {
+              const headerHeight = e.nativeEvent.layout.height;
+              setHeaderHeight(headerHeight);
+              rawAnimatedHeaderHeight.setValue(headerHeight);
+            },
+            style: [styles.header, headerTransparent ? styles.absolute : null],
+            children: renderCustomHeader?.({
+              route,
+              navigation,
+              options
+            })
+          }) : null, /*#__PURE__*/_jsx(HeaderShownContext.Provider, {
+            value: isParentHeaderShown || headerShown,
+            children: children
+          })]
+        })
+      })
+    })
+  });
+}
+const styles = StyleSheet.create({
+  container: {
+    flex: 1
+  },
+  header: {
+    zIndex: 1
+  },
+  absolute: {
+    position: 'absolute',
+    top: 0,
+    start: 0,
+    end: 0
+  },
+  translucent: {
+    position: 'absolute',
+    top: 0,
+    start: 0,
+    end: 0,
+    zIndex: 1,
+    elevation: 1
+  },
+  background: {
+    overflow: 'hidden'
+  }
+});
+//# sourceMappingURL=NativeScreen.js.map

package/lib/module/unstable/NativeScreen/NativeScreen.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["getDefaultHeaderHeight","HeaderHeightContext","HeaderShownContext","useFrameSize","React","Animated","Platform","StatusBar","StyleSheet","useAnimatedValue","View","useSafeAreaInsets","ScreenStack","ScreenStackItem","debounce","AnimatedHeaderHeightContext","useHeaderConfig","jsx","_jsx","jsxs","_jsxs","ANDROID_DEFAULT_HEADER_HEIGHT","NativeScreen","route","navigation","options","children","headerShown","headerTransparent","headerBackground","header","renderCustomHeader","isModal","insets","isIPhone","OS","isPad","isTV","isParentHeaderShown","useContext","parentHeaderHeight","isLandscape","frame","width","height","topInset","top","defaultHeaderHeight","select","android","default","headerHeight","setHeaderHeight","useState","setHeaderHeightDebounced","useCallback","hasCustomHeader","headerHeightCorrectionOffset","statusBarHeight","currentHeight","rawAnimatedHeaderHeight","animatedHeaderHeight","useMemo","add","headerTopInsetEnabled","onHeaderHeightChange","event","nativeEvent","useNativeDriver","listener","e","doesHeaderAnimate","headerLargeTitle","headerSearchBarOptions","headerConfig","style","styles","container","screenId","key","Provider","value","background","translucent","onLayout","layout","setValue","absolute","create","flex","zIndex","position","start","end","elevation","overflow"],"sourceRoot":"../../../../src","sources":["unstable/NativeScreen/NativeScreen.tsx"],"mappings":"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","ignoreList":[]}

package/lib/module/unstable/NativeScreen/debounce.js

@@ -0,0 +1,12 @@
+"use strict";
+
+export function debounce(func, duration) {
+  let timeout;
+  return function (...args) {
+    clearTimeout(timeout);
+    timeout = setTimeout(() => {
+      func.apply(this, args);
+    }, duration);
+  };
+}
+//# sourceMappingURL=debounce.js.map

package/lib/module/unstable/NativeScreen/debounce.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["debounce","func","duration","timeout","args","clearTimeout","setTimeout","apply"],"sourceRoot":"../../../../src","sources":["unstable/NativeScreen/debounce.tsx"],"mappings":";;AAAA,OAAO,SAASA,QAAQA,CACtBC,IAAO,EACPC,QAAgB,EACb;EACH,IAAIC,OAAsC;EAE1C,OAAO,UAAyB,GAAGC,IAAI,EAAE;IACvCC,YAAY,CAACF,OAAO,CAAC;IAErBA,OAAO,GAAGG,UAAU,CAAC,MAAM;MACzBL,IAAI,CAACM,KAAK,CAAC,IAAI,EAAEH,IAAI,CAAC;IACxB,CAAC,EAAEF,QAAQ,CAAC;EACd,CAAC;AACH","ignoreList":[]}

package/lib/module/unstable/NativeScreen/types.js

@@ -0,0 +1,4 @@
+"use strict";
+
+export {};
+//# sourceMappingURL=types.js.map

package/lib/module/unstable/NativeScreen/types.js.map

@@ -0,0 +1 @@
+{"version":3,"names":[],"sourceRoot":"../../../../src","sources":["unstable/NativeScreen/types.ts"],"mappings":"","ignoreList":[]}

package/lib/module/unstable/NativeScreen/useAnimatedHeaderHeight.js

@@ -0,0 +1,12 @@
+"use strict";
+
+import * as React from 'react';
+export const AnimatedHeaderHeightContext = /*#__PURE__*/React.createContext(undefined);
+export function useAnimatedHeaderHeight() {
+  const animatedValue = React.useContext(AnimatedHeaderHeightContext);
+  if (animatedValue === undefined) {
+    throw new Error("Couldn't find the header height. Are you inside a screen in a native stack navigator?");
+  }
+  return animatedValue;
+}
+//# sourceMappingURL=useAnimatedHeaderHeight.js.map

package/lib/module/unstable/NativeScreen/useAnimatedHeaderHeight.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","AnimatedHeaderHeightContext","createContext","undefined","useAnimatedHeaderHeight","animatedValue","useContext","Error"],"sourceRoot":"../../../../src","sources":["unstable/NativeScreen/useAnimatedHeaderHeight.tsx"],"mappings":";;AAAA,OAAO,KAAKA,KAAK,MAAM,OAAO;AAG9B,OAAO,MAAMC,2BAA2B,gBAAGD,KAAK,CAACE,aAAa,CAE5DC,SAAS,CAAC;AAEZ,OAAO,SAASC,uBAAuBA,CAAA,EAAG;EACxC,MAAMC,aAAa,GAAGL,KAAK,CAACM,UAAU,CAACL,2BAA2B,CAAC;EAEnE,IAAII,aAAa,KAAKF,SAAS,EAAE;IAC/B,MAAM,IAAII,KAAK,CACb,uFACF,CAAC;EACH;EAEA,OAAOF,aAAa;AACtB","ignoreList":[]}