@react-navigation/bottom-tabs 7.0.0-rc.10 → 7.0.0-rc.12

package/lib/module/views/BottomTabItem.mjs.map

@@ -0,0 +1 @@
+{"version":3,"names":["getLabel","Label","PlatformPressable","useTheme","Color","React","Platform","StyleSheet","View","TabBarIcon","jsx","_jsx","jsxs","_jsxs","BottomTabItem","route","href","focused","descriptor","label","icon","badge","badgeStyle","button","props","accessibilityLabel","testID","onPress","onLongPress","horizontal","compact","sidebar","variant","activeTintColor","customActiveTintColor","inactiveTintColor","customInactiveTintColor","activeBackgroundColor","customActiveBackgroundColor","inactiveBackgroundColor","showLabel","allowFontScaling","labelStyle","iconStyle","style","colors","fonts","primary","isDark","darken","string","undefined","text","alpha","rgb","mix","card","hex","labelInactiveTintColor","iconInactiveTintColor","renderLabel","color","options","children","tabBarLabel","title","name","position","styles","labelBeside","labelSidebarMaterial","labelSidebarUiKit","labelBesideUikitCompact","labelBesideUikit","marginStart","labelBeneath","regular","medium","tintColor","renderIcon","activeOpacity","inactiveOpacity","size","scene","backgroundColor","flex","flatten","borderRadius","overflow","accessibilityRole","select","ios","default","accessibilityState","selected","accessibilityStates","android_ripple","borderless","hoverEffect","pressOpacity","tab","tabBarSidebarMaterial","tabVerticalMaterial","tabBarSidebarUiKit","tabVerticalUiKit","tabHorizontalUiKit","Fragment","create","alignItems","justifyContent","flexDirection","padding","paddingVertical","paddingHorizontal","paddingStart","paddingEnd","fontSize","marginEnd","lineHeight"],"sourceRoot":"../../../src","sources":["views/BottomTabItem.tsx"],"mappings":"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","ignoreList":[]}

package/lib/module/views/BottomTabView.mjs

@@ -0,0 +1,242 @@
+import { getHeaderTitle, Header, SafeAreaProviderCompat, Screen } from '@react-navigation/elements';
+import { StackActions, useLocale } from '@react-navigation/native';
+import * as React from 'react';
+import { Animated, Platform, StyleSheet } from 'react-native';
+import { SafeAreaInsetsContext } from 'react-native-safe-area-context';
+import { FadeTransition, ShiftTransition } from "../TransitionConfigs/TransitionPresets.mjs";
+import { BottomTabBarHeightCallbackContext } from "../utils/BottomTabBarHeightCallbackContext.mjs";
+import { BottomTabBarHeightContext } from "../utils/BottomTabBarHeightContext.mjs";
+import { useAnimatedHashMap } from "../utils/useAnimatedHashMap.mjs";
+import { BottomTabBar, getTabBarHeight } from "./BottomTabBar.mjs";
+import { MaybeScreen, MaybeScreenContainer } from "./ScreenFallback.mjs";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+const EPSILON = 1e-5;
+const STATE_INACTIVE = 0;
+const STATE_TRANSITIONING_OR_BELOW_TOP = 1;
+const STATE_ON_TOP = 2;
+const NAMED_TRANSITIONS_PRESETS = {
+  fade: FadeTransition,
+  shift: ShiftTransition,
+  none: {
+    sceneStyleInterpolator: undefined,
+    transitionSpec: {
+      animation: 'timing',
+      config: {
+        duration: 0
+      }
+    }
+  }
+};
+const hasAnimation = options => {
+  const {
+    animation,
+    transitionSpec
+  } = options;
+  if (animation) {
+    return animation !== 'none';
+  }
+  return !transitionSpec;
+};
+export function BottomTabView(props) {
+  const {
+    tabBar = props => /*#__PURE__*/_jsx(BottomTabBar, {
+      ...props
+    }),
+    state,
+    navigation,
+    descriptors,
+    safeAreaInsets,
+    detachInactiveScreens = Platform.OS === 'web' || Platform.OS === 'android' || Platform.OS === 'ios',
+    sceneContainerStyle
+  } = props;
+  const focusedRouteKey = state.routes[state.index].key;
+  const {
+    direction
+  } = useLocale();
+
+  /**
+   * List of loaded tabs, tabs will be loaded when navigated to.
+   */
+  const [loaded, setLoaded] = React.useState([focusedRouteKey]);
+  if (!loaded.includes(focusedRouteKey)) {
+    // Set the current tab to be loaded if it was not loaded before
+    setLoaded([...loaded, focusedRouteKey]);
+  }
+  const previousRouteKeyRef = React.useRef(focusedRouteKey);
+  const tabAnims = useAnimatedHashMap(state);
+  React.useEffect(() => {
+    const previousRouteKey = previousRouteKeyRef.current;
+    let popToTopAction;
+    if (previousRouteKey !== focusedRouteKey && descriptors[previousRouteKey]?.options.popToTopOnBlur) {
+      const prevRoute = state.routes.find(route => route.key === previousRouteKey);
+      if (prevRoute?.state?.type === 'stack' && prevRoute.state.key) {
+        popToTopAction = {
+          ...StackActions.popToTop(),
+          target: prevRoute.state.key
+        };
+      }
+    }
+    const animateToIndex = () => {
+      Animated.parallel(state.routes.map((route, index) => {
+        const {
+          options
+        } = descriptors[route.key];
+        const {
+          animation = 'none',
+          transitionSpec = NAMED_TRANSITIONS_PRESETS[animation].transitionSpec
+        } = options;
+        let spec = transitionSpec;
+        if (route.key !== previousRouteKey && route.key !== focusedRouteKey) {
+          // Don't animate if the screen is not previous one or new one
+          // This will avoid flicker for screens not involved in the transition
+          spec = NAMED_TRANSITIONS_PRESETS.none.transitionSpec;
+        }
+        spec = spec ?? NAMED_TRANSITIONS_PRESETS.none.transitionSpec;
+        const toValue = index === state.index ? 0 : index >= state.index ? 1 : -1;
+        return Animated[spec.animation](tabAnims[route.key], {
+          ...spec.config,
+          toValue,
+          useNativeDriver: true
+        });
+      }).filter(Boolean)).start(({
+        finished
+      }) => {
+        if (finished && popToTopAction) {
+          navigation.dispatch(popToTopAction);
+        }
+      });
+    };
+    animateToIndex();
+    previousRouteKeyRef.current = focusedRouteKey;
+  }, [descriptors, focusedRouteKey, navigation, state.index, state.routes, tabAnims]);
+  const dimensions = SafeAreaProviderCompat.initialMetrics.frame;
+  const [tabBarHeight, setTabBarHeight] = React.useState(() => getTabBarHeight({
+    state,
+    descriptors,
+    dimensions,
+    insets: {
+      ...SafeAreaProviderCompat.initialMetrics.insets,
+      ...props.safeAreaInsets
+    },
+    style: descriptors[state.routes[state.index].key].options.tabBarStyle
+  }));
+  const renderTabBar = () => {
+    return /*#__PURE__*/_jsx(SafeAreaInsetsContext.Consumer, {
+      children: insets => tabBar({
+        state: state,
+        descriptors: descriptors,
+        navigation: navigation,
+        insets: {
+          top: safeAreaInsets?.top ?? insets?.top ?? 0,
+          right: safeAreaInsets?.right ?? insets?.right ?? 0,
+          bottom: safeAreaInsets?.bottom ?? insets?.bottom ?? 0,
+          left: safeAreaInsets?.left ?? insets?.left ?? 0
+        }
+      })
+    });
+  };
+  const {
+    routes
+  } = state;
+
+  // If there is no animation, we only have 2 states: visible and invisible
+  const hasTwoStates = !routes.some(route => hasAnimation(descriptors[route.key].options));
+  const {
+    tabBarPosition = 'bottom'
+  } = descriptors[focusedRouteKey].options;
+  return /*#__PURE__*/_jsxs(SafeAreaProviderCompat, {
+    style: {
+      flexDirection: tabBarPosition === 'left' || tabBarPosition === 'right' ? tabBarPosition === 'left' && direction === 'ltr' || tabBarPosition === 'right' && direction === 'rtl' ? 'row-reverse' : 'row' : 'column'
+    },
+    children: [tabBarPosition === 'top' ? /*#__PURE__*/_jsx(BottomTabBarHeightCallbackContext.Provider, {
+      value: setTabBarHeight,
+      children: renderTabBar()
+    }) : null, /*#__PURE__*/_jsx(MaybeScreenContainer, {
+      enabled: detachInactiveScreens,
+      hasTwoStates: hasTwoStates,
+      style: styles.screens,
+      children: routes.map((route, index) => {
+        const descriptor = descriptors[route.key];
+        const {
+          lazy = true,
+          animation = 'none',
+          sceneStyleInterpolator = NAMED_TRANSITIONS_PRESETS[animation].sceneStyleInterpolator
+        } = descriptor.options;
+        const isFocused = state.index === index;
+        if (lazy && !loaded.includes(route.key) && !isFocused && !state.preloadedRouteKeys.includes(route.key)) {
+          // Don't render a lazy screen if we've never navigated to it or it wasn't preloaded
+          return null;
+        }
+        const {
+          freezeOnBlur,
+          header = ({
+            layout,
+            options
+          }) => /*#__PURE__*/_jsx(Header, {
+            ...options,
+            layout: layout,
+            title: getHeaderTitle(options, route.name)
+          }),
+          headerShown,
+          headerStatusBarHeight,
+          headerTransparent
+        } = descriptor.options;
+        const {
+          sceneStyle
+        } = sceneStyleInterpolator?.({
+          current: {
+            progress: tabAnims[route.key]
+          }
+        }) ?? {};
+        const animationEnabled = hasAnimation(descriptor.options);
+        const activityState = isFocused ? STATE_ON_TOP // the screen is on top after the transition
+        : animationEnabled // is animation is not enabled, immediately move to inactive state
+        ? tabAnims[route.key].interpolate({
+          inputRange: [0, 1 - EPSILON, 1],
+          outputRange: [STATE_TRANSITIONING_OR_BELOW_TOP,
+          // screen visible during transition
+          STATE_TRANSITIONING_OR_BELOW_TOP, STATE_INACTIVE // the screen is detached after transition
+          ],
+          extrapolate: 'extend'
+        }) : STATE_INACTIVE;
+        return /*#__PURE__*/_jsx(MaybeScreen, {
+          style: [StyleSheet.absoluteFill, {
+            zIndex: isFocused ? 0 : -1
+          }],
+          active: activityState,
+          enabled: detachInactiveScreens,
+          freezeOnBlur: freezeOnBlur,
+          children: /*#__PURE__*/_jsx(BottomTabBarHeightContext.Provider, {
+            value: tabBarPosition === 'bottom' ? tabBarHeight : 0,
+            children: /*#__PURE__*/_jsx(Screen, {
+              focused: isFocused,
+              route: descriptor.route,
+              navigation: descriptor.navigation,
+              headerShown: headerShown,
+              headerStatusBarHeight: headerStatusBarHeight,
+              headerTransparent: headerTransparent,
+              header: header({
+                layout: dimensions,
+                route: descriptor.route,
+                navigation: descriptor.navigation,
+                options: descriptor.options
+              }),
+              style: [sceneContainerStyle, animationEnabled && sceneStyle],
+              children: descriptor.render()
+            })
+          })
+        }, route.key);
+      })
+    }), tabBarPosition !== 'top' ? /*#__PURE__*/_jsx(BottomTabBarHeightCallbackContext.Provider, {
+      value: setTabBarHeight,
+      children: renderTabBar()
+    }) : null]
+  });
+}
+const styles = StyleSheet.create({
+  screens: {
+    flex: 1,
+    overflow: 'hidden'
+  }
+});
+//# sourceMappingURL=BottomTabView.mjs.map

package/lib/module/views/BottomTabView.mjs.map

@@ -0,0 +1 @@
+{"version":3,"names":["getHeaderTitle","Header","SafeAreaProviderCompat","Screen","StackActions","useLocale","React","Animated","Platform","StyleSheet","SafeAreaInsetsContext","FadeTransition","ShiftTransition","BottomTabBarHeightCallbackContext","BottomTabBarHeightContext","useAnimatedHashMap","BottomTabBar","getTabBarHeight","MaybeScreen","MaybeScreenContainer","jsx","_jsx","jsxs","_jsxs","EPSILON","STATE_INACTIVE","STATE_TRANSITIONING_OR_BELOW_TOP","STATE_ON_TOP","NAMED_TRANSITIONS_PRESETS","fade","shift","none","sceneStyleInterpolator","undefined","transitionSpec","animation","config","duration","hasAnimation","options","BottomTabView","props","tabBar","state","navigation","descriptors","safeAreaInsets","detachInactiveScreens","OS","sceneContainerStyle","focusedRouteKey","routes","index","key","direction","loaded","setLoaded","useState","includes","previousRouteKeyRef","useRef","tabAnims","useEffect","previousRouteKey","current","popToTopAction","popToTopOnBlur","prevRoute","find","route","type","popToTop","target","animateToIndex","parallel","map","spec","toValue","useNativeDriver","filter","Boolean","start","finished","dispatch","dimensions","initialMetrics","frame","tabBarHeight","setTabBarHeight","insets","style","tabBarStyle","renderTabBar","Consumer","children","top","right","bottom","left","hasTwoStates","some","tabBarPosition","flexDirection","Provider","value","enabled","styles","screens","descriptor","lazy","isFocused","preloadedRouteKeys","freezeOnBlur","header","layout","title","name","headerShown","headerStatusBarHeight","headerTransparent","sceneStyle","progress","animationEnabled","activityState","interpolate","inputRange","outputRange","extrapolate","absoluteFill","zIndex","active","focused","render","create","flex","overflow"],"sourceRoot":"../../../src","sources":["views/BottomTabView.tsx"],"mappings":"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","ignoreList":[]}

package/lib/module/views/ScreenFallback.mjs

@@ -0,0 +1,40 @@
+import * as React from 'react';
+import { View } from 'react-native';
+import { jsx as _jsx } from "react/jsx-runtime";
+let Screens;
+try {
+  Screens = require('react-native-screens');
+} catch (e) {
+  // Ignore
+}
+export const MaybeScreenContainer = ({
+  enabled,
+  ...rest
+}) => {
+  if (Screens?.screensEnabled?.()) {
+    return /*#__PURE__*/_jsx(Screens.ScreenContainer, {
+      enabled: enabled,
+      ...rest
+    });
+  }
+  return /*#__PURE__*/_jsx(View, {
+    ...rest
+  });
+};
+export function MaybeScreen({
+  enabled,
+  active,
+  ...rest
+}) {
+  if (Screens?.screensEnabled?.()) {
+    return /*#__PURE__*/_jsx(Screens.Screen, {
+      enabled: enabled,
+      activityState: active,
+      ...rest
+    });
+  }
+  return /*#__PURE__*/_jsx(View, {
+    ...rest
+  });
+}
+//# sourceMappingURL=ScreenFallback.mjs.map

package/lib/module/views/ScreenFallback.mjs.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","View","jsx","_jsx","Screens","require","e","MaybeScreenContainer","enabled","rest","screensEnabled","ScreenContainer","MaybeScreen","active","Screen","activityState"],"sourceRoot":"../../../src","sources":["views/ScreenFallback.tsx"],"mappings":"AAAA,OAAO,KAAKA,KAAK,MAAM,OAAO;AAC9B,SAGEC,IAAI,QAGC,cAAc;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAUtB,IAAIC,OAA0D;AAE9D,IAAI;EACFA,OAAO,GAAGC,OAAO,CAAC,sBAAsB,CAAC;AAC3C,CAAC,CAAC,OAAOC,CAAC,EAAE;EACV;AAAA;AAGF,OAAO,MAAMC,oBAAoB,GAAGA,CAAC;EACnCC,OAAO;EACP,GAAGC;AAKL,CAAC,KAAK;EACJ,IAAIL,OAAO,EAAEM,cAAc,GAAG,CAAC,EAAE;IAC/B,oBAAOP,IAAA,CAACC,OAAO,CAACO,eAAe;MAACH,OAAO,EAAEA,OAAQ;MAAA,GAAKC;IAAI,CAAG,CAAC;EAChE;EAEA,oBAAON,IAAA,CAACF,IAAI;IAAA,GAAKQ;EAAI,CAAG,CAAC;AAC3B,CAAC;AAED,OAAO,SAASG,WAAWA,CAAC;EAAEJ,OAAO;EAAEK,MAAM;EAAE,GAAGJ;AAAwB,CAAC,EAAE;EAC3E,IAAIL,OAAO,EAAEM,cAAc,GAAG,CAAC,EAAE;IAC/B,oBACEP,IAAA,CAACC,OAAO,CAACU,MAAM;MAACN,OAAO,EAAEA,OAAQ;MAACO,aAAa,EAAEF,MAAO;MAAA,GAAKJ;IAAI,CAAG,CAAC;EAEzE;EAEA,oBAAON,IAAA,CAACF,IAAI;IAAA,GAAKQ;EAAI,CAAG,CAAC;AAC3B","ignoreList":[]}

package/lib/module/views/{TabBarIcon.js → TabBarIcon.mjs}

@@ -1,6 +1,7 @@
 import React from 'react';
 import { StyleSheet, View } from 'react-native';
-import { Badge } from './Badge';
+import { Badge } from "./Badge.mjs";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 /**
  * Icon sizes taken from Apple HIG
  * https://developer.apple.com/design/human-interface-guidelines/tab-bars
@@ -29,31 +30,35 @@ export function TabBarIcon({
 
   // We render the icon twice at the same position on top of each other:
   // active and inactive one, so we can fade between them.
-  return /*#__PURE__*/React.createElement(View, {
-    style: [variant === 'material' ? styles.wrapperMaterial : size === 'compact' ? styles.wrapperUikitCompact : styles.wrapperUikit, style]
-  }, /*#__PURE__*/React.createElement(View, {
-    style: [styles.icon, {
-      opacity: activeOpacity,
-      // Workaround for react-native >= 0.54 layout bug
-      minWidth: iconSize
-    }]
-  }, renderIcon({
-    focused: true,
-    size: iconSize,
-    color: activeTintColor
-  })), /*#__PURE__*/React.createElement(View, {
-    style: [styles.icon, {
-      opacity: inactiveOpacity
-    }]
-  }, renderIcon({
-    focused: false,
-    size: iconSize,
-    color: inactiveTintColor
-  })), /*#__PURE__*/React.createElement(Badge, {
-    visible: badge != null,
-    style: [styles.badge, badgeStyle],
-    size: iconSize * 0.75
-  }, badge));
+  return /*#__PURE__*/_jsxs(View, {
+    style: [variant === 'material' ? styles.wrapperMaterial : size === 'compact' ? styles.wrapperUikitCompact : styles.wrapperUikit, style],
+    children: [/*#__PURE__*/_jsx(View, {
+      style: [styles.icon, {
+        opacity: activeOpacity,
+        // Workaround for react-native >= 0.54 layout bug
+        minWidth: iconSize
+      }],
+      children: renderIcon({
+        focused: true,
+        size: iconSize,
+        color: activeTintColor
+      })
+    }), /*#__PURE__*/_jsx(View, {
+      style: [styles.icon, {
+        opacity: inactiveOpacity
+      }],
+      children: renderIcon({
+        focused: false,
+        size: iconSize,
+        color: inactiveTintColor
+      })
+    }), /*#__PURE__*/_jsx(Badge, {
+      visible: badge != null,
+      style: [styles.badge, badgeStyle],
+      size: iconSize * 0.75,
+      children: badge
+    })]
+  });
 }
 const styles = StyleSheet.create({
   icon: {
@@ -85,4 +90,4 @@ const styles = StyleSheet.create({
     top: -3
   }
 });
-//# sourceMappingURL=TabBarIcon.js.map
+//# sourceMappingURL=TabBarIcon.mjs.map

package/lib/module/views/TabBarIcon.mjs.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","StyleSheet","View","Badge","jsx","_jsx","jsxs","_jsxs","ICON_SIZE_WIDE","ICON_SIZE_WIDE_COMPACT","ICON_SIZE_TALL","ICON_SIZE_TALL_COMPACT","ICON_SIZE_ROUND","ICON_SIZE_ROUND_COMPACT","ICON_SIZE_MATERIAL","TabBarIcon","route","_","variant","size","badge","badgeStyle","activeOpacity","inactiveOpacity","activeTintColor","inactiveTintColor","renderIcon","style","iconSize","styles","wrapperMaterial","wrapperUikitCompact","wrapperUikit","children","icon","opacity","minWidth","focused","color","visible","create","position","alignSelf","alignItems","justifyContent","height","width","end","top"],"sourceRoot":"../../../src","sources":["views/TabBarIcon.tsx"],"mappings":"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","ignoreList":[]}

package/lib/typescript/src/views/BottomTabBar.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"BottomTabBar.d.ts","sourceRoot":"","sources":["../../../../src/views/BottomTabBar.tsx"],"names":[],"mappings":"AAKA,OAAO,EAIL,KAAK,aAAa,EAClB,KAAK,kBAAkB,EAIxB,MAAM,0BAA0B,CAAC;AAElC,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EACL,QAAQ,EAGR,KAAK,SAAS,EAGd,KAAK,SAAS,EACf,MAAM,cAAc,CAAC;AACtB,OAAO,EACL,KAAK,UAAU,EAEhB,MAAM,gCAAgC,CAAC;AAExC,OAAO,KAAK,EAAE,iBAAiB,EAAE,sBAAsB,EAAE,MAAM,UAAU,CAAC;AAK1E,KAAK,KAAK,GAAG,iBAAiB,GAAG;IAC/B,KAAK,CAAC,EAAE,QAAQ,CAAC,iBAAiB,CAAC,SAAS,CAAC,SAAS,CAAC,CAAC,CAAC;CAC1D,CAAC;AAUF,KAAK,OAAO,GAAG;IACb,KAAK,EAAE,kBAAkB,CAAC,aAAa,CAAC,CAAC;IACzC,WAAW,EAAE,sBAAsB,CAAC;IACpC,UAAU,EAAE;QAAE,MAAM,EAAE,MAAM,CAAC;QAAC,KAAK,EAAE,MAAM,CAAA;KAAE,CAAC;CAC/C,CAAC;AAyEF,eAAO,MAAM,eAAe,uDAMzB,OAAO,GAAG;IACX,MAAM,EAAE,UAAU,CAAC;IACnB,KAAK,EAAE,QAAQ,CAAC,iBAAiB,CAAC,SAAS,CAAC,SAAS,CAAC,CAAC,GAAG,SAAS,CAAC;CACrE,WAoBA,CAAC;AAEF,wBAAgB,YAAY,CAAC,EAC3B,KAAK,EACL,UAAU,EACV,WAAW,EACX,MAAM,EACN,KAAK,GACN,EAAE,KAAK,qBAuVP"}
+{"version":3,"file":"BottomTabBar.d.ts","sourceRoot":"","sources":["../../../../src/views/BottomTabBar.tsx"],"names":[],"mappings":"AAKA,OAAO,EAIL,KAAK,aAAa,EAClB,KAAK,kBAAkB,EAIxB,MAAM,0BAA0B,CAAC;AAClC,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EACL,QAAQ,EAGR,KAAK,SAAS,EAGd,KAAK,SAAS,EACf,MAAM,cAAc,CAAC;AACtB,OAAO,EACL,KAAK,UAAU,EAEhB,MAAM,gCAAgC,CAAC;AAExC,OAAO,KAAK,EAAE,iBAAiB,EAAE,sBAAsB,EAAE,MAAM,UAAU,CAAC;AAK1E,KAAK,KAAK,GAAG,iBAAiB,GAAG;IAC/B,KAAK,CAAC,EAAE,QAAQ,CAAC,iBAAiB,CAAC,SAAS,CAAC,SAAS,CAAC,CAAC,CAAC;CAC1D,CAAC;AAUF,KAAK,OAAO,GAAG;IACb,KAAK,EAAE,kBAAkB,CAAC,aAAa,CAAC,CAAC;IACzC,WAAW,EAAE,sBAAsB,CAAC;IACpC,UAAU,EAAE;QAAE,MAAM,EAAE,MAAM,CAAC;QAAC,KAAK,EAAE,MAAM,CAAA;KAAE,CAAC;CAC/C,CAAC;AAyEF,eAAO,MAAM,eAAe,uDAMzB,OAAO,GAAG;IACX,MAAM,EAAE,UAAU,CAAC;IACnB,KAAK,EAAE,QAAQ,CAAC,iBAAiB,CAAC,SAAS,CAAC,SAAS,CAAC,CAAC,GAAG,SAAS,CAAC;CACrE,WAoBA,CAAC;AAEF,wBAAgB,YAAY,CAAC,EAC3B,KAAK,EACL,UAAU,EACV,WAAW,EACX,MAAM,EACN,KAAK,GACN,EAAE,KAAK,qBAoUP"}

package/lib/typescript/src/views/BottomTabItem.d.ts

@@ -120,6 +120,6 @@ type Props = {
      */
     style?: StyleProp<ViewStyle>;
 };
-export declare function BottomTabItem({ route, href, focused, descriptor, label, icon, badge, badgeStyle, button, accessibilityLabel, testID, onPress, onLongPress, horizontal, compact, sidebar, variant, activeTintColor: customActiveTintColor, inactiveTintColor: customInactiveTintColor, activeBackgroundColor, inactiveBackgroundColor, showLabel, allowFontScaling, labelStyle, iconStyle, style, }: Props): React.JSX.Element;
+export declare function BottomTabItem({ route, href, focused, descriptor, label, icon, badge, badgeStyle, button, accessibilityLabel, testID, onPress, onLongPress, horizontal, compact, sidebar, variant, activeTintColor: customActiveTintColor, inactiveTintColor: customInactiveTintColor, activeBackgroundColor: customActiveBackgroundColor, inactiveBackgroundColor, showLabel, allowFontScaling, labelStyle, iconStyle, style, }: Props): React.JSX.Element;
 export {};
 //# sourceMappingURL=BottomTabItem.d.ts.map

package/lib/typescript/src/views/BottomTabItem.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"BottomTabItem.d.ts","sourceRoot":"","sources":["../../../../src/views/BottomTabItem.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"BottomTabItem.d.ts","sourceRoot":"","sources":["../../../../src/views/BottomTabItem.tsx"],"names":[],"mappings":"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"}

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@react-navigation/bottom-tabs",
   "description": "Bottom tab navigator following iOS design guidelines",
-  "version": "7.0.0-rc.10",
+  "version": "7.0.0-rc.12",
   "keywords": [
     "react-native-component",
     "react-component",
@@ -18,9 +18,16 @@
     "directory": "packages/bottom-tabs"
   },
   "source": "src/index.tsx",
-  "main": "lib/commonjs/index.js",
-  "module": "lib/module/index.js",
+  "main": "./lib/commonjs/index.cjs",
+  "module": "lib/module/index.mjs",
   "types": "lib/typescript/src/index.d.ts",
+  "exports": {
+    ".": {
+      "types": "./lib/typescript/src/index.d.ts",
+      "import": "./lib/module/index.mjs",
+      "require": "./lib/commonjs/index.cjs"
+    }
+  },
   "files": [
     "src",
     "lib",
@@ -35,24 +42,24 @@
     "clean": "del lib"
   },
   "dependencies": {
-    "@react-navigation/elements": "^2.0.0-rc.5",
+    "@react-navigation/elements": "^2.0.0-rc.6",
     "color": "^4.2.3"
   },
   "devDependencies": {
-    "@react-navigation/native": "^7.0.0-rc.4",
+    "@react-navigation/native": "^7.0.0-rc.5",
     "@testing-library/react-native": "^12.4.3",
     "@types/color": "^3.0.6",
     "@types/react": "~18.2.79",
     "del-cli": "^5.1.0",
     "react": "18.2.0",
     "react-native": "0.74.2",
-    "react-native-builder-bob": "^0.23.2",
+    "react-native-builder-bob": "^0.25.0-next.0",
     "react-native-safe-area-context": "4.10.1",
     "react-native-screens": "3.31.1",
     "typescript": "^5.5.2"
   },
   "peerDependencies": {
-    "@react-navigation/native": "^7.0.0-rc.4",
+    "@react-navigation/native": "^7.0.0-rc.5",
     "react": ">= 18.2.0",
     "react-native": ">= 0.72.0",
     "react-native-safe-area-context": ">= 4.0.0",
@@ -72,5 +79,5 @@
       ]
     ]
   },
-  "gitHead": "07f4da03d2b9df49ab4f85393db839f492e21141"
+  "gitHead": "eb808a96595ca95d291eb0eca5c4d6c0a385fc44"
 }

package/src/views/BottomTabBar.tsx

@@ -13,7 +13,6 @@ import {
   useLocale,
   useTheme,
 } from '@react-navigation/native';
-import Color from 'color';
 import React from 'react';
 import {
   Animated,
@@ -178,9 +177,9 @@ export function BottomTabBar({
     tabBarVariant = 'uikit',
     tabBarStyle,
     tabBarBackground,
-    tabBarActiveTintColor: customActiveTintColor,
+    tabBarActiveTintColor,
     tabBarInactiveTintColor,
-    tabBarActiveBackgroundColor: customActiveBackgroundColor,
+    tabBarActiveBackgroundColor,
     tabBarInactiveBackgroundColor,
   } = focusedOptions;
 
@@ -302,25 +301,6 @@ export function BottomTabBar({
   const spacing =
     tabBarVariant === 'material' ? SPACING_MATERIAL : SPACING_UIKIT;
 
-  const tabBarActiveTintColor =
-    customActiveTintColor ??
-    (tabBarVariant === 'uikit' && sidebar && hasHorizontalLabels
-      ? Color(colors.primary).isDark()
-        ? 'white'
-        : Color(colors.primary).darken(0.71).string()
-      : undefined);
-
-  const tabBarActiveBackgroundColor =
-    customActiveBackgroundColor ??
-    (tabBarVariant === 'material'
-      ? Color(customActiveTintColor ?? colors.primary)
-          .alpha(0.12)
-          .rgb()
-          .string()
-      : sidebar && hasHorizontalLabels && !customActiveTintColor
-        ? colors.primary
-        : undefined);
-
   const tabBarBackgroundElement = tabBarBackground?.();
 
   return (

package/src/views/BottomTabItem.tsx

@@ -162,7 +162,7 @@ export function BottomTabItem({
   variant,
   activeTintColor: customActiveTintColor,
   inactiveTintColor: customInactiveTintColor,
-  activeBackgroundColor = 'transparent',
+  activeBackgroundColor: customActiveBackgroundColor,
   inactiveBackgroundColor = 'transparent',
   showLabel = true,
   allowFontScaling,
@@ -173,21 +173,47 @@ export function BottomTabItem({
   const { colors, fonts } = useTheme();
 
   const activeTintColor =
-    customActiveTintColor === undefined
-      ? colors.primary
-      : customActiveTintColor;
+    customActiveTintColor ??
+    (variant === 'uikit' && sidebar && horizontal
+      ? Color(colors.primary).isDark()
+        ? 'white'
+        : Color(colors.primary).darken(0.71).string()
+      : colors.primary);
 
   const inactiveTintColor =
     customInactiveTintColor === undefined
-      ? Color(colors.text).mix(Color(colors.card), 0.5).hex()
+      ? variant === 'material'
+        ? Color(colors.text).alpha(0.68).rgb().string()
+        : Color(colors.text).mix(Color(colors.card), 0.5).hex()
       : customInactiveTintColor;
 
+  const activeBackgroundColor =
+    customActiveBackgroundColor ??
+    (variant === 'material'
+      ? Color(activeTintColor).alpha(0.12).rgb().string()
+      : sidebar && horizontal
+        ? colors.primary
+        : 'transparent');
+
+  let labelInactiveTintColor = inactiveTintColor;
+  let iconInactiveTintColor = inactiveTintColor;
+
+  if (
+    variant === 'uikit' &&
+    sidebar &&
+    horizontal &&
+    customInactiveTintColor === undefined
+  ) {
+    iconInactiveTintColor = colors.primary;
+    labelInactiveTintColor = colors.text;
+  }
+
   const renderLabel = ({ focused }: { focused: boolean }) => {
     if (showLabel === false) {
       return null;
     }
 
-    const color = focused ? activeTintColor : inactiveTintColor;
+    const color = focused ? activeTintColor : labelInactiveTintColor;
 
     if (typeof label !== 'string') {
       const { options } = descriptor;
@@ -257,7 +283,7 @@ export function BottomTabItem({
         activeOpacity={activeOpacity}
         inactiveOpacity={inactiveOpacity}
         activeTintColor={activeTintColor}
-        inactiveTintColor={inactiveTintColor}
+        inactiveTintColor={iconInactiveTintColor}
         renderIcon={icon}
         style={iconStyle}
       />

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

@@ -1 +0,0 @@
-{"version":3,"names":["_native","require","React","_interopRequireWildcard","_BottomTabView","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","_extends","assign","bind","arguments","length","apply","BottomTabNavigator","id","initialRouteName","backBehavior","children","layout","screenListeners","screenOptions","sceneContainerStyle","UNSTABLE_getStateForRouteNamesChange","rest","state","descriptors","navigation","NavigationContent","useNavigationBuilder","TabRouter","createElement","BottomTabView","createBottomTabNavigator","config","createNavigatorFactory"],"sourceRoot":"../../../src","sources":["navigators/createBottomTabNavigator.tsx"],"mappings":"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","ignoreList":[]}