@react-navigation/material-top-tabs 8.0.0-alpha.3 → 8.0.0-alpha.30

package/lib/module/index.js.map

@@ -1 +1 @@
-{"version":3,"names":["createMaterialTopTabNavigator","createMaterialTopTabScreen","MaterialTopTabBar","MaterialTopTabView","useTabAnimation"],"sourceRoot":"../../src","sources":["index.tsx"],"mappings":";;AAAA;AACA;AACA;AACA,SACEA,6BAA6B,EAC7BC,0BAA0B,QACrB,+CAA4C;;AAEnD;AACA;AACA;AACA,SAASC,iBAAiB,QAAQ,8BAA2B;AAC7D,SAASC,kBAAkB,QAAQ,+BAA4B;;AAE/D;AACA;AACA;AACA,SAASC,eAAe,QAAQ,4BAAyB;;AAEzD;AACA;AACA","ignoreList":[]}
+{"version":3,"names":["createMaterialTopTabNavigator","createMaterialTopTabScreen","MaterialTopTabBar","MaterialTopTabView","useTabAnimation"],"sourceRoot":"../../src","sources":["index.tsx"],"mappings":";;AAAA;AACA;AACA;AACA,SACEA,6BAA6B,EAC7BC,0BAA0B,QAErB,+CAA4C;;AAEnD;AACA;AACA;AACA,SAASC,iBAAiB,QAAQ,8BAA2B;AAC7D,SAASC,kBAAkB,QAAQ,+BAA4B;;AAE/D;AACA;AACA;AACA,SAASC,eAAe,QAAQ,4BAAyB;;AAEzD;AACA;AACA","ignoreList":[]}

package/lib/module/navigators/createMaterialTopTabNavigator.js

@@ -1,6 +1,6 @@
 "use strict";
 
-import { createNavigatorFactory, TabRouter, useNavigationBuilder } from '@react-navigation/native';
+import { createNavigatorFactory, createScreenFactory, TabRouter, useNavigationBuilder } from '@react-navigation/native';
 import { MaterialTopTabView } from "../views/MaterialTopTabView.js";
 import { jsx as _jsx } from "react/jsx-runtime";
 function MaterialTopTabNavigator({
@@ -40,10 +40,6 @@ function MaterialTopTabNavigator({
     })
   });
 }
-export function createMaterialTopTabNavigator(config) {
-  return createNavigatorFactory(MaterialTopTabNavigator)(config);
-}
-export function createMaterialTopTabScreen(config) {
-  return config;
-}
+export const createMaterialTopTabNavigator = createNavigatorFactory(MaterialTopTabNavigator);
+export const createMaterialTopTabScreen = createScreenFactory();
 //# sourceMappingURL=createMaterialTopTabNavigator.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["createNavigatorFactory","TabRouter","useNavigationBuilder","MaterialTopTabView","jsx","_jsx","MaterialTopTabNavigator","initialRouteName","backBehavior","routeNamesChangeBehavior","children","layout","screenListeners","screenOptions","screenLayout","router","rest","state","descriptors","navigation","NavigationContent","createMaterialTopTabNavigator","config","createMaterialTopTabScreen"],"sourceRoot":"../../../src","sources":["navigators/createMaterialTopTabNavigator.tsx"],"mappings":";;AAAA,SACEA,sBAAsB,EAStBC,SAAS,EAGTC,oBAAoB,QACf,0BAA0B;AAQjC,SAASC,kBAAkB,QAAQ,gCAA6B;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAEjE,SAASC,uBAAuBA,CAAC;EAC/BC,gBAAgB;EAChBC,YAAY;EACZC,wBAAwB;EACxBC,QAAQ;EACRC,MAAM;EACNC,eAAe;EACfC,aAAa;EACbC,YAAY;EACZC,MAAM;EACN,GAAGC;AACyB,CAAC,EAAE;EAC/B,MAAM;IAAEC,KAAK;IAAEC,WAAW;IAAEC,UAAU;IAAEC;EAAkB,CAAC,GACzDlB,oBAAoB,CAMlBD,SAAS,EAAE;IACXM,gBAAgB;IAChBC,YAAY;IACZC,wBAAwB;IACxBC,QAAQ;IACRC,MAAM;IACNC,eAAe;IACfC,aAAa;IACbC,YAAY;IACZC;EACF,CAAC,CAAC;EAEJ,oBACEV,IAAA,CAACe,iBAAiB;IAAAV,QAAA,eAChBL,IAAA,CAACF,kBAAkB;MAAA,GACba,IAAI;MACRC,KAAK,EAAEA,KAAM;MACbE,UAAU,EAAEA,UAAW;MACvBD,WAAW,EAAEA;IAAY,CAC1B;EAAC,CACe,CAAC;AAExB;AA2BA,OAAO,SAASG,6BAA6BA,CAACC,MAAgB,EAAE;EAC9D,OAAOtB,sBAAsB,CAACM,uBAAuB,CAAC,CAACgB,MAAM,CAAC;AAChE;AAEA,OAAO,SAASC,0BAA0BA,CAIxCD,MAOC,EACD;EACA,OAAOA,MAAM;AACf","ignoreList":[]}
+{"version":3,"names":["createNavigatorFactory","createScreenFactory","TabRouter","useNavigationBuilder","MaterialTopTabView","jsx","_jsx","MaterialTopTabNavigator","initialRouteName","backBehavior","routeNamesChangeBehavior","children","layout","screenListeners","screenOptions","screenLayout","router","rest","state","descriptors","navigation","NavigationContent","createMaterialTopTabNavigator","createMaterialTopTabScreen"],"sourceRoot":"../../../src","sources":["navigators/createMaterialTopTabNavigator.tsx"],"mappings":";;AAAA,SACEA,sBAAsB,EACtBC,mBAAmB,EAKnBC,SAAS,EAETC,oBAAoB,QACf,0BAA0B;AAOjC,SAASC,kBAAkB,QAAQ,gCAA6B;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAEjE,SAASC,uBAAuBA,CAAC;EAC/BC,gBAAgB;EAChBC,YAAY;EACZC,wBAAwB;EACxBC,QAAQ;EACRC,MAAM;EACNC,eAAe;EACfC,aAAa;EACbC,YAAY;EACZC,MAAM;EACN,GAAGC;AACyB,CAAC,EAAE;EAC/B,MAAM;IAAEC,KAAK;IAAEC,WAAW;IAAEC,UAAU;IAAEC;EAAkB,CAAC,GACzDlB,oBAAoB,CAMlBD,SAAS,EAAE;IACXM,gBAAgB;IAChBC,YAAY;IACZC,wBAAwB;IACxBC,QAAQ;IACRC,MAAM;IACNC,eAAe;IACfC,aAAa;IACbC,YAAY;IACZC;EACF,CAAC,CAAC;EAEJ,oBACEV,IAAA,CAACe,iBAAiB;IAAAV,QAAA,eAChBL,IAAA,CAACF,kBAAkB;MAAA,GACba,IAAI;MACRC,KAAK,EAAEA,KAAM;MACbE,UAAU,EAAEA,UAAW;MACvBD,WAAW,EAAEA;IAAY,CAC1B;EAAC,CACe,CAAC;AAExB;AAUA,OAAO,MAAMG,6BAA6B,GACxCtB,sBAAsB,CAAwBO,uBAAuB,CAAC;AAExE,OAAO,MAAMgB,0BAA0B,GACrCtB,mBAAmB,CAAwB,CAAC","ignoreList":[]}

package/lib/module/utils/useTabAnimation.js

@@ -3,7 +3,7 @@
 import * as React from 'react';
 import { TabAnimationContext } from "./TabAnimationContext.js";
 export function useTabAnimation() {
-  const animation = React.useContext(TabAnimationContext);
+  const animation = React.use(TabAnimationContext);
   if (animation === undefined) {
     throw new Error("Couldn't find values for tab animation. Are you inside a screen in Material Top Tab navigator?");
   }

package/lib/module/utils/useTabAnimation.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","TabAnimationContext","useTabAnimation","animation","useContext","undefined","Error"],"sourceRoot":"../../../src","sources":["utils/useTabAnimation.tsx"],"mappings":";;AAAA,OAAO,KAAKA,KAAK,MAAM,OAAO;AAE9B,SAASC,mBAAmB,QAAQ,0BAAuB;AAE3D,OAAO,SAASC,eAAeA,CAAA,EAAG;EAChC,MAAMC,SAAS,GAAGH,KAAK,CAACI,UAAU,CAACH,mBAAmB,CAAC;EAEvD,IAAIE,SAAS,KAAKE,SAAS,EAAE;IAC3B,MAAM,IAAIC,KAAK,CACb,gGACF,CAAC;EACH;EAEA,OAAOH,SAAS;AAClB","ignoreList":[]}
+{"version":3,"names":["React","TabAnimationContext","useTabAnimation","animation","use","undefined","Error"],"sourceRoot":"../../../src","sources":["utils/useTabAnimation.tsx"],"mappings":";;AAAA,OAAO,KAAKA,KAAK,MAAM,OAAO;AAE9B,SAASC,mBAAmB,QAAQ,0BAAuB;AAE3D,OAAO,SAASC,eAAeA,CAAA,EAAG;EAChC,MAAMC,SAAS,GAAGH,KAAK,CAACI,GAAG,CAACH,mBAAmB,CAAC;EAEhD,IAAIE,SAAS,KAAKE,SAAS,EAAE;IAC3B,MAAM,IAAIC,KAAK,CACb,gGACF,CAAC;EACH;EAEA,OAAOH,SAAS;AAClB","ignoreList":[]}

package/lib/module/views/MaterialTopTabBar.js

@@ -2,9 +2,10 @@
 
 import { Text } from '@react-navigation/elements';
 import { Color } from '@react-navigation/elements/internal';
-import { useLinkBuilder, useLocale, useTheme } from '@react-navigation/native';
-import { StyleSheet } from 'react-native';
-import { TabBar, TabBarIndicator } from 'react-native-tab-view';
+import { MaterialSymbol, SFSymbol, useLinkBuilder, useLocale, useTheme } from '@react-navigation/native';
+import React from 'react';
+import { Image, StyleSheet } from 'react-native';
+import { TabBar } from 'react-native-tab-view';
 import { jsx as _jsx } from "react/jsx-runtime";
 const MaterialLabel = ({
   color,
@@ -43,8 +44,10 @@ export function MaterialTopTabBar({
     buildHref
   } = useLinkBuilder();
   const focusedOptions = descriptors[state.routes[state.index].key].options;
-  const activeColor = focusedOptions.tabBarActiveTintColor ?? colors.text;
-  const inactiveColor = focusedOptions.tabBarInactiveTintColor ?? Color(activeColor)?.alpha(0.5).string() ?? (dark ? 'rgba(255, 255, 255, 0.5)' : 'rgba(0, 0, 0, 0.5)');
+  const tabBarVariant = focusedOptions.tabBarVariant ?? 'primary';
+  const activeColor = focusedOptions.tabBarActiveTintColor ?? (tabBarVariant === 'primary' ? colors.primary : colors.text);
+  const inactiveColor = focusedOptions.tabBarInactiveTintColor ?? Color(colors.text)?.alpha(0.68).string() ?? (dark ? 'rgba(255, 255, 255, 0.68)' : 'rgba(0, 0, 0, 0.68)');
+  const pressColor = focusedOptions.tabBarPressColor ?? Color(tabBarVariant === 'primary' ? colors.primary : colors.text)?.alpha(0.12).string() ?? (dark ? 'rgba(255, 255, 255, 0.12)' : 'rgba(0, 0, 0, 0.12)');
   const tabBarOptions = Object.fromEntries(state.routes.map(route => {
     const {
       options
@@ -61,12 +64,64 @@ export function MaterialTopTabBar({
       tabBarAllowFontScaling,
       tabBarLabelStyle
     } = options;
+    let icon;
+    if (tabBarShowIcon === false) {
+      icon = undefined;
+    } else if (tabBarIcon) {
+      icon = ({
+        focused,
+        color,
+        size
+      }) => {
+        const iconValue = typeof tabBarIcon === 'function' ? tabBarIcon({
+          focused,
+          color,
+          size
+        }) : tabBarIcon;
+        if (/*#__PURE__*/React.isValidElement(iconValue)) {
+          return iconValue;
+        }
+        if (typeof iconValue === 'object' && iconValue != null && 'type' in iconValue) {
+          switch (iconValue.type) {
+            case 'image':
+              return /*#__PURE__*/_jsx(Image, {
+                source: iconValue.source,
+                style: {
+                  width: size,
+                  height: size,
+                  tintColor: iconValue.tinted === false ? undefined : color
+                }
+              });
+            case 'sfSymbol':
+              return /*#__PURE__*/_jsx(SFSymbol, {
+                name: iconValue.name,
+                size: size,
+                color: color
+              });
+            case 'materialSymbol':
+              return /*#__PURE__*/_jsx(MaterialSymbol, {
+                name: iconValue.name,
+                variant: iconValue.variant,
+                weight: iconValue.weight,
+                size: size,
+                color: color
+              });
+            default:
+              {
+                const _exhaustiveCheck = iconValue;
+                return _exhaustiveCheck;
+              }
+          }
+        }
+        return null;
+      };
+    }
     return [route.key, {
       href: buildHref(route.name, route.params),
       testID: tabBarButtonTestID,
       accessibilityLabel: tabBarAccessibilityLabel,
       badge: tabBarBadge,
-      icon: tabBarShowIcon === false ? undefined : tabBarIcon,
+      icon,
       label: tabBarShowLabel === false ? undefined : typeof tabBarLabel === 'function' ? ({
         labelText,
         color
@@ -80,6 +135,7 @@ export function MaterialTopTabBar({
       labelText: options.tabBarShowLabel === false ? undefined : typeof tabBarLabel === 'string' ? tabBarLabel : title !== undefined ? title : route.name
     }];
   }));
+  const tabBarIndicator = focusedOptions.tabBarIndicator;
   return /*#__PURE__*/_jsx(TabBar, {
     ...rest,
     navigationState: state,
@@ -89,18 +145,20 @@ export function MaterialTopTabBar({
     bounces: focusedOptions.tabBarBounces,
     activeColor: activeColor,
     inactiveColor: inactiveColor,
-    pressColor: focusedOptions.tabBarPressColor,
+    pressColor: pressColor,
     pressOpacity: focusedOptions.tabBarPressOpacity,
     tabStyle: focusedOptions.tabBarItemStyle,
     indicatorStyle: [{
       backgroundColor: colors.primary
     }, focusedOptions.tabBarIndicatorStyle],
     gap: focusedOptions.tabBarGap,
+    variant: tabBarVariant,
     android_ripple: focusedOptions.tabBarAndroidRipple,
     indicatorContainerStyle: focusedOptions.tabBarIndicatorContainerStyle,
     contentContainerStyle: focusedOptions.tabBarContentContainerStyle,
     style: [{
-      backgroundColor: colors.card
+      backgroundColor: colors.card,
+      borderBottomColor: colors.border
     }, focusedOptions.tabBarStyle],
     onTabPress: ({
       route,
@@ -121,25 +179,19 @@ export function MaterialTopTabBar({
       type: 'tabLongPress',
       target: route.key
     }),
-    renderIndicator: ({
-      navigationState: state,
+    renderIndicator: tabBarIndicator ? ({
+      navigationState: _,
       ...rest
-    }) => {
-      return focusedOptions.tabBarIndicator ? focusedOptions.tabBarIndicator({
-        state: state,
-        ...rest
-      }) : /*#__PURE__*/_jsx(TabBarIndicator, {
-        navigationState: state,
-        ...rest
-      });
-    }
+    }) => tabBarIndicator({
+      ...rest,
+      state
+    }) : undefined
   });
 }
 const styles = StyleSheet.create({
   label: {
     textAlign: 'center',
     fontSize: 14,
-    margin: 4,
     backgroundColor: 'transparent'
   }
 });

package/lib/module/views/MaterialTopTabBar.js.map

@@ -1 +1 @@
-{"version":3,"names":["Text","Color","useLinkBuilder","useLocale","useTheme","StyleSheet","TabBar","TabBarIndicator","jsx","_jsx","MaterialLabel","color","labelText","style","allowFontScaling","fonts","medium","styles","label","children","renderLabelDefault","props","MaterialTopTabBar","state","navigation","descriptors","rest","colors","dark","direction","buildHref","focusedOptions","routes","index","key","options","activeColor","tabBarActiveTintColor","text","inactiveColor","tabBarInactiveTintColor","alpha","string","tabBarOptions","Object","fromEntries","map","route","title","tabBarLabel","tabBarButtonTestID","tabBarAccessibilityLabel","tabBarBadge","tabBarShowIcon","tabBarShowLabel","tabBarIcon","tabBarAllowFontScaling","tabBarLabelStyle","href","name","params","testID","accessibilityLabel","badge","icon","undefined","focused","labelAllowFontScaling","labelStyle","navigationState","scrollEnabled","tabBarScrollEnabled","bounces","tabBarBounces","pressColor","tabBarPressColor","pressOpacity","tabBarPressOpacity","tabStyle","tabBarItemStyle","indicatorStyle","backgroundColor","primary","tabBarIndicatorStyle","gap","tabBarGap","android_ripple","tabBarAndroidRipple","indicatorContainerStyle","tabBarIndicatorContainerStyle","contentContainerStyle","tabBarContentContainerStyle","card","tabBarStyle","onTabPress","preventDefault","event","emit","type","target","canPreventDefault","defaultPrevented","onTabLongPress","renderIndicator","tabBarIndicator","create","textAlign","fontSize","margin"],"sourceRoot":"../../../src","sources":["views/MaterialTopTabBar.tsx"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["Text","Color","MaterialSymbol","SFSymbol","useLinkBuilder","useLocale","useTheme","React","Image","StyleSheet","TabBar","jsx","_jsx","MaterialLabel","color","labelText","style","allowFontScaling","fonts","medium","styles","label","children","renderLabelDefault","props","MaterialTopTabBar","state","navigation","descriptors","rest","colors","dark","direction","buildHref","focusedOptions","routes","index","key","options","tabBarVariant","activeColor","tabBarActiveTintColor","primary","text","inactiveColor","tabBarInactiveTintColor","alpha","string","pressColor","tabBarPressColor","tabBarOptions","Object","fromEntries","map","route","title","tabBarLabel","tabBarButtonTestID","tabBarAccessibilityLabel","tabBarBadge","tabBarShowIcon","tabBarShowLabel","tabBarIcon","tabBarAllowFontScaling","tabBarLabelStyle","icon","undefined","focused","size","iconValue","isValidElement","type","source","width","height","tintColor","tinted","name","variant","weight","_exhaustiveCheck","href","params","testID","accessibilityLabel","badge","labelAllowFontScaling","labelStyle","tabBarIndicator","navigationState","scrollEnabled","tabBarScrollEnabled","bounces","tabBarBounces","pressOpacity","tabBarPressOpacity","tabStyle","tabBarItemStyle","indicatorStyle","backgroundColor","tabBarIndicatorStyle","gap","tabBarGap","android_ripple","tabBarAndroidRipple","indicatorContainerStyle","tabBarIndicatorContainerStyle","contentContainerStyle","tabBarContentContainerStyle","card","borderBottomColor","border","tabBarStyle","onTabPress","preventDefault","event","emit","target","canPreventDefault","defaultPrevented","onTabLongPress","renderIndicator","_","create","textAlign","fontSize"],"sourceRoot":"../../../src","sources":["views/MaterialTopTabBar.tsx"],"mappings":"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","ignoreList":[]}

package/lib/module/views/MaterialTopTabView.js

@@ -1,6 +1,9 @@
 "use strict";
 
+import { ActivityView } from '@react-navigation/elements/internal';
 import { CommonActions, useLocale, useTheme } from '@react-navigation/native';
+import { useMemo, useState } from 'react';
+import { StyleSheet } from 'react-native';
 import { TabView } from 'react-native-tab-view';
 import { TabAnimationContext } from "../utils/TabAnimationContext.js";
 import { MaterialTopTabBar } from "./MaterialTopTabBar.js";
@@ -48,10 +51,11 @@ export function MaterialTopTabView({
     renderScene: ({
       route,
       position
-    }) => /*#__PURE__*/_jsx(TabAnimationContext.Provider, {
-      value: {
-        position
-      },
+    }) => /*#__PURE__*/_jsx(SceneContent, {
+      focused: route.key === state.routes[state.index].key,
+      preloaded: state.preloadedRouteKeys.includes(route.key),
+      position: position,
+      options: descriptors[route.key].options,
       children: descriptors[route.key].render()
     }),
     navigationState: state,
@@ -82,4 +86,44 @@ export function MaterialTopTabView({
     }))
   });
 }
+function SceneContent({
+  focused,
+  preloaded,
+  position,
+  options,
+  children
+}) {
+  const {
+    inactiveBehavior = 'pause',
+    lazy
+  } = options;
+  const [loaded, setLoaded] = useState(focused);
+  if (focused && !loaded) {
+    setLoaded(true);
+  }
+  const animationContext = useMemo(() => ({
+    position
+  }), [position]);
+
+  // For preloaded screens and if lazy is false,
+  // Keep them active so that the effects can run
+  const isActive = inactiveBehavior === 'none' || focused || preloaded || lazy === false && !loaded;
+  return /*#__PURE__*/_jsx(TabAnimationContext.Provider, {
+    value: animationContext,
+    children: /*#__PURE__*/_jsx(ActivityView, {
+      mode: isActive ? 'normal' : 'paused',
+      visible:
+      // Tabs can be swiped quickly
+      // So we keep all tabs visible to avoid flash of blank screen
+      true,
+      style: styles.scene,
+      children: children
+    })
+  });
+}
+const styles = StyleSheet.create({
+  scene: {
+    flex: 1
+  }
+});
 //# sourceMappingURL=MaterialTopTabView.js.map

package/lib/module/views/MaterialTopTabView.js.map

@@ -1 +1 @@
-{"version":3,"names":["CommonActions","useLocale","useTheme","TabView","TabAnimationContext","MaterialTopTabBar","jsx","_jsx","renderTabBarDefault","props","MaterialTopTabView","tabBar","state","navigation","descriptors","rest","colors","direction","renderTabBar","navigationState","options","focusedOptions","routes","index","key","onIndexChange","route","dispatch","navigate","target","renderScene","position","Provider","value","children","render","renderLazyPlaceholder","lazyPlaceholder","lazy","preloadedRouteKeys","includes","lazyPreloadDistance","swipeEnabled","animationEnabled","onSwipeStart","emit","type","onSwipeEnd","Object","fromEntries","map","sceneStyle","backgroundColor","background"],"sourceRoot":"../../../src","sources":["views/MaterialTopTabView.tsx"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["ActivityView","CommonActions","useLocale","useTheme","useMemo","useState","StyleSheet","TabView","TabAnimationContext","MaterialTopTabBar","jsx","_jsx","renderTabBarDefault","props","MaterialTopTabView","tabBar","state","navigation","descriptors","rest","colors","direction","renderTabBar","navigationState","options","focusedOptions","routes","index","key","onIndexChange","route","dispatch","navigate","target","renderScene","position","SceneContent","focused","preloaded","preloadedRouteKeys","includes","children","render","renderLazyPlaceholder","lazyPlaceholder","lazy","lazyPreloadDistance","swipeEnabled","animationEnabled","onSwipeStart","emit","type","onSwipeEnd","Object","fromEntries","map","sceneStyle","backgroundColor","background","inactiveBehavior","loaded","setLoaded","animationContext","isActive","Provider","value","mode","visible","style","styles","scene","create","flex"],"sourceRoot":"../../../src","sources":["views/MaterialTopTabView.tsx"],"mappings":"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","ignoreList":[]}

package/lib/typescript/src/index.d.ts

@@ -1,7 +1,7 @@
 /**
  * Navigators
  */
-export { createMaterialTopTabNavigator, createMaterialTopTabScreen, } from './navigators/createMaterialTopTabNavigator';
+export { createMaterialTopTabNavigator, createMaterialTopTabScreen, type MaterialTopTabTypeBag, } from './navigators/createMaterialTopTabNavigator';
 /**
  * Views
  */

package/lib/typescript/src/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/index.tsx"],"names":[],"mappings":"AAAA;;GAEG;AACH,OAAO,EACL,6BAA6B,EAC7B,0BAA0B,GAC3B,MAAM,4CAA4C,CAAC;AAEpD;;GAEG;AACH,OAAO,EAAE,iBAAiB,EAAE,MAAM,2BAA2B,CAAC;AAC9D,OAAO,EAAE,kBAAkB,EAAE,MAAM,4BAA4B,CAAC;AAEhE;;GAEG;AACH,OAAO,EAAE,eAAe,EAAE,MAAM,yBAAyB,CAAC;AAE1D;;GAEG;AACH,YAAY,EACV,sBAAsB,EACtB,gCAAgC,EAChC,+BAA+B,EAC/B,4BAA4B,EAC5B,4BAA4B,EAC5B,yBAAyB,EACzB,yBAAyB,GAC1B,MAAM,SAAS,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/index.tsx"],"names":[],"mappings":"AAAA;;GAEG;AACH,OAAO,EACL,6BAA6B,EAC7B,0BAA0B,EAC1B,KAAK,qBAAqB,GAC3B,MAAM,4CAA4C,CAAC;AAEpD;;GAEG;AACH,OAAO,EAAE,iBAAiB,EAAE,MAAM,2BAA2B,CAAC;AAC9D,OAAO,EAAE,kBAAkB,EAAE,MAAM,4BAA4B,CAAC;AAEhE;;GAEG;AACH,OAAO,EAAE,eAAe,EAAE,MAAM,yBAAyB,CAAC;AAE1D;;GAEG;AACH,YAAY,EACV,sBAAsB,EACtB,gCAAgC,EAChC,+BAA+B,EAC/B,4BAA4B,EAC5B,4BAA4B,EAC5B,yBAAyB,EACzB,yBAAyB,GAC1B,MAAM,SAAS,CAAC"}

package/lib/typescript/src/navigators/createMaterialTopTabNavigator.d.ts

@@ -1,20 +1,14 @@
-import { type ParamListBase, type StaticConfig, type StaticParamList, type StaticScreenConfig, type StaticScreenConfigLinking, type StaticScreenConfigScreen, type TabNavigationState, type TypedNavigator } from '@react-navigation/native';
-import type { MaterialTopTabNavigationEventMap, MaterialTopTabNavigationOptions, MaterialTopTabNavigationProp, MaterialTopTabNavigatorProps } from '../types';
+import { type NavigatorTypeBagBase, type ParamListBase, type TabActionHelpers, type TabNavigationState } from '@react-navigation/native';
+import type { MaterialTopTabNavigationEventMap, MaterialTopTabNavigationOptions, MaterialTopTabNavigatorProps } from '../types';
 declare function MaterialTopTabNavigator({ initialRouteName, backBehavior, routeNamesChangeBehavior, children, layout, screenListeners, screenOptions, screenLayout, router, ...rest }: MaterialTopTabNavigatorProps): import("react/jsx-runtime").JSX.Element;
-type MaterialTopTabTypeBag<ParamList extends {}> = {
-    ParamList: ParamList;
-    State: TabNavigationState<ParamList>;
+export interface MaterialTopTabTypeBag extends NavigatorTypeBagBase {
+    State: TabNavigationState<this['ParamList']>;
     ScreenOptions: MaterialTopTabNavigationOptions;
     EventMap: MaterialTopTabNavigationEventMap;
-    NavigationList: {
-        [RouteName in keyof ParamList]: MaterialTopTabNavigationProp<ParamList, RouteName>;
-    };
+    ActionHelpers: TabActionHelpers<this['ParamList']>;
     Navigator: typeof MaterialTopTabNavigator;
-};
-export declare function createMaterialTopTabNavigator<const ParamList extends ParamListBase>(): TypedNavigator<MaterialTopTabTypeBag<ParamList>, undefined>;
-export declare function createMaterialTopTabNavigator<const Config extends StaticConfig<MaterialTopTabTypeBag<ParamListBase>>>(config: Config): TypedNavigator<MaterialTopTabTypeBag<StaticParamList<{
-    config: Config;
-}>>, Config>;
-export declare function createMaterialTopTabScreen<const Linking extends StaticScreenConfigLinking, const Screen extends StaticScreenConfigScreen>(config: StaticScreenConfig<Linking, Screen, TabNavigationState<ParamListBase>, MaterialTopTabNavigationOptions, MaterialTopTabNavigationEventMap, MaterialTopTabNavigationProp<ParamListBase>>): StaticScreenConfig<Linking, Screen, TabNavigationState<ParamListBase>, MaterialTopTabNavigationOptions, MaterialTopTabNavigationEventMap, MaterialTopTabNavigationProp<ParamListBase>>;
+}
+export declare const createMaterialTopTabNavigator: import("@react-navigation/core").TypedNavigatorFactory<MaterialTopTabTypeBag>;
+export declare const createMaterialTopTabScreen: import("@react-navigation/core").StaticScreenFactory<import("@react-navigation/core").NavigatorTypeBagFor<MaterialTopTabTypeBag, ParamListBase>>;
 export {};
 //# sourceMappingURL=createMaterialTopTabNavigator.d.ts.map

package/lib/typescript/src/navigators/createMaterialTopTabNavigator.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"createMaterialTopTabNavigator.d.ts","sourceRoot":"","sources":["../../../../src/navigators/createMaterialTopTabNavigator.tsx"],"names":[],"mappings":"AAAA,OAAO,EAEL,KAAK,aAAa,EAClB,KAAK,YAAY,EACjB,KAAK,eAAe,EACpB,KAAK,kBAAkB,EACvB,KAAK,yBAAyB,EAC9B,KAAK,wBAAwB,EAE7B,KAAK,kBAAkB,EAGvB,KAAK,cAAc,EAEpB,MAAM,0BAA0B,CAAC;AAElC,OAAO,KAAK,EACV,gCAAgC,EAChC,+BAA+B,EAC/B,4BAA4B,EAC5B,4BAA4B,EAC7B,MAAM,UAAU,CAAC;AAGlB,iBAAS,uBAAuB,CAAC,EAC/B,gBAAgB,EAChB,YAAY,EACZ,wBAAwB,EACxB,QAAQ,EACR,MAAM,EACN,eAAe,EACf,aAAa,EACb,YAAY,EACZ,MAAM,EACN,GAAG,IAAI,EACR,EAAE,4BAA4B,2CA8B9B;AAED,KAAK,qBAAqB,CAAC,SAAS,SAAS,EAAE,IAAI;IACjD,SAAS,EAAE,SAAS,CAAC;IACrB,KAAK,EAAE,kBAAkB,CAAC,SAAS,CAAC,CAAC;IACrC,aAAa,EAAE,+BAA+B,CAAC;IAC/C,QAAQ,EAAE,gCAAgC,CAAC;IAC3C,cAAc,EAAE;SACb,SAAS,IAAI,MAAM,SAAS,GAAG,4BAA4B,CAC1D,SAAS,EACT,SAAS,CACV;KACF,CAAC;IACF,SAAS,EAAE,OAAO,uBAAuB,CAAC;CAC3C,CAAC;AAEF,wBAAgB,6BAA6B,CAC3C,KAAK,CAAC,SAAS,SAAS,aAAa,KAClC,cAAc,CAAC,qBAAqB,CAAC,SAAS,CAAC,EAAE,SAAS,CAAC,CAAC;AACjE,wBAAgB,6BAA6B,CAC3C,KAAK,CAAC,MAAM,SAAS,YAAY,CAAC,qBAAqB,CAAC,aAAa,CAAC,CAAC,EAEvE,MAAM,EAAE,MAAM,GACb,cAAc,CACf,qBAAqB,CAAC,eAAe,CAAC;IAAE,MAAM,EAAE,MAAM,CAAA;CAAE,CAAC,CAAC,EAC1D,MAAM,CACP,CAAC;AAKF,wBAAgB,0BAA0B,CACxC,KAAK,CAAC,OAAO,SAAS,yBAAyB,EAC/C,KAAK,CAAC,MAAM,SAAS,wBAAwB,EAE7C,MAAM,EAAE,kBAAkB,CACxB,OAAO,EACP,MAAM,EACN,kBAAkB,CAAC,aAAa,CAAC,EACjC,+BAA+B,EAC/B,gCAAgC,EAChC,4BAA4B,CAAC,aAAa,CAAC,CAC5C,0LAGF"}
+{"version":3,"file":"createMaterialTopTabNavigator.d.ts","sourceRoot":"","sources":["../../../../src/navigators/createMaterialTopTabNavigator.tsx"],"names":[],"mappings":"AAAA,OAAO,EAGL,KAAK,oBAAoB,EACzB,KAAK,aAAa,EAClB,KAAK,gBAAgB,EACrB,KAAK,kBAAkB,EAIxB,MAAM,0BAA0B,CAAC;AAElC,OAAO,KAAK,EACV,gCAAgC,EAChC,+BAA+B,EAC/B,4BAA4B,EAC7B,MAAM,UAAU,CAAC;AAGlB,iBAAS,uBAAuB,CAAC,EAC/B,gBAAgB,EAChB,YAAY,EACZ,wBAAwB,EACxB,QAAQ,EACR,MAAM,EACN,eAAe,EACf,aAAa,EACb,YAAY,EACZ,MAAM,EACN,GAAG,IAAI,EACR,EAAE,4BAA4B,2CA8B9B;AAED,MAAM,WAAW,qBAAsB,SAAQ,oBAAoB;IACjE,KAAK,EAAE,kBAAkB,CAAC,IAAI,CAAC,WAAW,CAAC,CAAC,CAAC;IAC7C,aAAa,EAAE,+BAA+B,CAAC;IAC/C,QAAQ,EAAE,gCAAgC,CAAC;IAC3C,aAAa,EAAE,gBAAgB,CAAC,IAAI,CAAC,WAAW,CAAC,CAAC,CAAC;IACnD,SAAS,EAAE,OAAO,uBAAuB,CAAC;CAC3C;AAED,eAAO,MAAM,6BAA6B,+EAC8B,CAAC;AAEzE,eAAO,MAAM,0BAA0B,kJACO,CAAC"}

package/lib/typescript/src/types.d.ts

@@ -1,3 +1,4 @@
+import type { Icon } from '@react-navigation/elements';
 import type { DefaultNavigatorOptions, Descriptor, NavigationHelpers, NavigationProp, ParamListBase, Route, RouteProp, TabActionHelpers, TabNavigationState, TabRouterOptions, Theme } from '@react-navigation/native';
 import type React from 'react';
 import type { Animated, ColorValue, PressableAndroidRippleConfig, StyleProp, TextStyle, ViewStyle } from 'react-native';
@@ -42,7 +43,7 @@ export type MaterialTopTabNavigationOptions = {
     /**
      * Title text for the screen.
      */
-    title?: string;
+    title?: string | undefined;
     /**
      * Title string of a tab displayed in the tab bar
      * or a function that given { focused: boolean, color: ColorValue } returns a React.Node, to display in tab bar.
@@ -53,116 +54,128 @@ export type MaterialTopTabNavigationOptions = {
         focused: boolean;
         color: ColorValue;
         children: string;
-    }) => React.ReactNode);
+    }) => React.ReactNode) | undefined;
     /**
      * Accessibility label for the tab button. This is read by the screen reader when the user taps the tab.
      * It's recommended to set this if you don't have a label for the tab.
      */
-    tabBarAccessibilityLabel?: string;
+    tabBarAccessibilityLabel?: string | undefined;
     /**
      * Whether label font should scale to respect Text Size accessibility settings.
      */
-    tabBarAllowFontScaling?: boolean;
+    tabBarAllowFontScaling?: boolean | undefined;
     /**
      * Whether the tab label should be visible. Defaults to `true`.
      */
-    tabBarShowLabel?: boolean;
+    tabBarShowLabel?: boolean | undefined;
     /**
-     * A function that given { focused: boolean, color: ColorValue } returns a React.Node to display in the tab bar.
+     * Icon to display for the tab.
      */
-    tabBarIcon?: (props: {
+    tabBarIcon?: Icon | ((props: {
         focused: boolean;
         color: ColorValue;
-    }) => React.ReactElement;
+        size: number;
+    }) => Icon | React.ReactNode);
     /**
      * Whether the tab icon should be visible. Defaults to `false`.
      */
-    tabBarShowIcon?: boolean;
+    tabBarShowIcon?: boolean | undefined;
     /**
      * Function that returns a React element to use as a badge for the tab.
      */
-    tabBarBadge?: () => React.ReactElement;
+    tabBarBadge?: (() => React.ReactElement) | undefined;
     /**
      * Function that returns a React element as the tab bar indicator.
      */
-    tabBarIndicator?: (props: Omit<Parameters<NonNullable<React.ComponentProps<typeof TabBar>['renderIndicator']>>[0], 'navigationState'> & {
+    tabBarIndicator?: ((props: Omit<Parameters<NonNullable<React.ComponentProps<typeof TabBar>['renderIndicator']>>[0], 'navigationState'> & {
         state: TabNavigationState<ParamListBase>;
-    }) => React.ReactNode;
+    }) => React.ReactNode) | undefined;
+    /**
+     * Variant of the tab bar.
+     *
+     * The following variants are available:
+     *
+     * - `primary`: the indicator matches the label & icon width and is centered under the tab.
+     * - `secondary`: the indicator spans the full tab width.
+     *
+     * Defaults to `primary`.
+     */
+    tabBarVariant?: 'primary' | 'secondary' | undefined;
     /**
      * Style object for the tab bar indicator.
      */
-    tabBarIndicatorStyle?: StyleProp<ViewStyle>;
+    tabBarIndicatorStyle?: StyleProp<ViewStyle> | undefined;
     /**
      * Style object for the view containing the tab bar indicator.
      */
-    tabBarIndicatorContainerStyle?: StyleProp<ViewStyle>;
+    tabBarIndicatorContainerStyle?: StyleProp<ViewStyle> | undefined;
     /**
      * ID to locate this tab button in tests.
      */
-    tabBarButtonTestID?: string;
+    tabBarButtonTestID?: string | undefined;
     /**
      * Color for the icon and label in the active tab.
      */
-    tabBarActiveTintColor?: ColorValue;
+    tabBarActiveTintColor?: ColorValue | undefined;
     /**
      * Color for the icon and label in the inactive tabs.
      */
-    tabBarInactiveTintColor?: ColorValue;
+    tabBarInactiveTintColor?: ColorValue | undefined;
     /**
      * Color for material ripple (Android >= 5.0 only).
      */
-    tabBarPressColor?: ColorValue;
+    tabBarPressColor?: ColorValue | undefined;
     /**
      * Opacity for pressed tab (iOS and Android < 5.0 only).
      */
-    tabBarPressOpacity?: number;
+    tabBarPressOpacity?: number | undefined;
     /**
      * Boolean indicating whether the tab bar bounces when overscrolling.
      */
-    tabBarBounces?: boolean;
+    tabBarBounces?: boolean | undefined;
     /**
      * Boolean indicating whether to make the tab bar scrollable.
      *
      * If you set this to `true`, you should also specify a width in `tabBarItemStyle` to improve the performance of initial render.
      */
-    tabBarScrollEnabled?: boolean;
+    tabBarScrollEnabled?: boolean | undefined;
     /**
      * Style object for the tab label.
      */
-    tabBarLabelStyle?: StyleProp<TextStyle>;
+    tabBarLabelStyle?: StyleProp<TextStyle> | undefined;
     /**
      * Style object for the individual tab items.
      */
-    tabBarItemStyle?: StyleProp<ViewStyle>;
+    tabBarItemStyle?: StyleProp<ViewStyle> | undefined;
     /**
      * Style object for the view containing the tab items.
      */
-    tabBarContentContainerStyle?: StyleProp<ViewStyle>;
+    tabBarContentContainerStyle?: StyleProp<ViewStyle> | undefined;
     /**
      * Style object for the the tab bar.
      */
-    tabBarStyle?: StyleProp<ViewStyle>;
+    tabBarStyle?: StyleProp<ViewStyle> | undefined;
     /**
      * Gap between tabs
      */
-    tabBarGap?: number;
+    tabBarGap?: number | undefined;
     /**
      * Allows to customize the android ripple effect (Android >= 5.0 only).
      *
-     * Default: `{ borderless: true }`
+     * Default: `{ borderless: false, foreground: true }`
      */
-    tabBarAndroidRipple?: PressableAndroidRippleConfig;
+    tabBarAndroidRipple?: PressableAndroidRippleConfig | undefined;
     /**
      * Whether to enable swipe gestures when this screen is focused.
      * Swipe gestures are enabled by default. Passing `false` will disable swipe gestures,
      * but the user can still switch tabs by pressing the tab bar.
      */
-    swipeEnabled?: boolean;
+    swipeEnabled?: boolean | undefined;
     /**
      * Whether to enable animations when switching between tabs by pressing on the tab bar or programmatically.
      * Switching tab via swipe gesture will still result in an animation.
      */
-    animationEnabled?: boolean;
+    animationEnabled?: boolean | undefined;
     /**
      * Whether this screen should be lazily rendered. When this is set to `true`,
      * the screen will be rendered as it comes into the viewport.
@@ -174,12 +187,12 @@ export type MaterialTopTabNavigationOptions = {
      * when they come into the viewport. You can use the `lazyPlaceholder` prop to customize
      * what the user sees during this short period.
      */
-    lazy?: boolean;
+    lazy?: boolean | undefined;
     /**
      * When `lazy` is enabled, you can specify how many adjacent screens should be preloaded in advance with this prop.
      * This value defaults to `0` which means lazy pages are loaded as they come into the viewport.
      */
-    lazyPreloadDistance?: number;
+    lazyPreloadDistance?: number | undefined;
     /**
      * Function that returns a React element to render if this screen hasn't been rendered yet.
      * The `lazy` option also needs to be enabled for this to work.
@@ -188,11 +201,23 @@ export type MaterialTopTabNavigationOptions = {
      *
      * By default, this renders `null`.
      */
-    lazyPlaceholder?: () => React.ReactNode;
+    lazyPlaceholder?: (() => React.ReactNode) | undefined;
     /**
      * Style object for the component wrapping the screen content.
      */
-    sceneStyle?: StyleProp<ViewStyle>;
+    sceneStyle?: StyleProp<ViewStyle> | undefined;
+    /**
+     * What should happen when screens become inactive.
+     * - `pause`: Effects are cleaned up.
+     * - `none`: Screen renders normally
+     *
+     * Defaults to `pause`.
+     *
+     * If you set `lazy: false` or preload a screen,
+     * It won't be paused until after the first time it becomes focused.
+     * This makes sure that effects are run to initialize the screen.
+     */
+    inactiveBehavior?: ('pause' | 'none') | undefined;
 };
 export type MaterialTopTabDescriptor = Descriptor<MaterialTopTabNavigationOptions, MaterialTopTabNavigationProp<ParamListBase>, RouteProp<ParamListBase>>;
 export type MaterialTopTabDescriptorMap = Record<string, MaterialTopTabDescriptor>;
@@ -200,11 +225,11 @@ export type MaterialTopTabNavigationConfig = Omit<TabViewProps<Route<string>>, '
     /**
      * Function that returns a React element to display as the tab bar.
      */
-    tabBar?: (props: MaterialTopTabBarProps) => React.ReactNode;
+    tabBar?: ((props: MaterialTopTabBarProps) => React.ReactNode) | undefined;
     /**
      * Function that returns a React element to override the underlying adapter.
      */
-    adapter?: TabViewProps<Route<string>>['renderAdapter'];
+    adapter?: TabViewProps<Route<string>>['renderAdapter'] | undefined;
 };
 export type MaterialTopTabBarProps = Pick<TabBarProps<Route<string>>, 'position' | 'subscribe' | 'jumpTo'> & {
     state: TabNavigationState<ParamListBase>;