@react-navigation/bottom-tabs 7.0.0-alpha.2 → 7.0.0-alpha.4

package/lib/commonjs/views/BottomTabView.js

@@ -10,11 +10,27 @@ var _reactNative = require("react-native");
 var _reactNativeSafeAreaContext = require("react-native-safe-area-context");
 var _BottomTabBarHeightCallbackContext = require("../utils/BottomTabBarHeightCallbackContext");
 var _BottomTabBarHeightContext = require("../utils/BottomTabBarHeightContext");
+var _useAnimatedHashMap = require("../utils/useAnimatedHashMap");
 var _BottomTabBar = require("./BottomTabBar");
 var _ScreenFallback = require("./ScreenFallback");
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
 function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+var CompositeAnimation = _reactNative.Animated.CompositeAnimation;
+const EPSILON = 1e-5;
+const STATE_INACTIVE = 0;
+const STATE_TRANSITIONING_OR_BELOW_TOP = 1;
+const STATE_ON_TOP = 2;
+const hasAnimation = options => {
+  const {
+    animationEnabled,
+    transitionSpec
+  } = options;
+  if (animationEnabled === false || !transitionSpec) {
+    return false;
+  }
+  return true;
+};
 function BottomTabView(props) {
   const {
     tabBar = props => /*#__PURE__*/React.createElement(_BottomTabBar.BottomTabBar, props),
@@ -26,10 +42,43 @@ function BottomTabView(props) {
     sceneContainerStyle
   } = props;
   const focusedRouteKey = state.routes[state.index].key;
+
+  /**
+   * 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 tabAnims = (0, _useAnimatedHashMap.useAnimatedHashMap)(state);
+  React.useEffect(() => {
+    const animateToIndex = () => {
+      _reactNative.Animated.parallel(state.routes.map((route, index) => {
+        const {
+          options
+        } = descriptors[route.key];
+        const {
+          transitionSpec
+        } = options;
+        const animationEnabled = hasAnimation(options);
+        const toValue = index === state.index ? 0 : index >= state.index ? 1 : -1;
+        if (!animationEnabled || !transitionSpec) {
+          return _reactNative.Animated.timing(tabAnims[route.key], {
+            toValue,
+            duration: 0,
+            useNativeDriver: true
+          });
+        }
+        return _reactNative.Animated[transitionSpec.animation](tabAnims[route.key], {
+          ...transitionSpec.config,
+          toValue,
+          useNativeDriver: true
+        });
+      }).filter(Boolean)).start();
+    };
+    animateToIndex();
+  }, [descriptors, state.index, state.routes, tabAnims]);
   const dimensions = _elements.SafeAreaProviderCompat.initialMetrics.frame;
   const [tabBarHeight, setTabBarHeight] = React.useState(() => (0, _BottomTabBar.getTabBarHeight)({
     state,
@@ -61,15 +110,24 @@ function BottomTabView(props) {
   const {
     routes
   } = state;
-  return /*#__PURE__*/React.createElement(_elements.SafeAreaProviderCompat, null, /*#__PURE__*/React.createElement(_ScreenFallback.MaybeScreenContainer, {
+
+  // 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__*/React.createElement(_elements.SafeAreaProviderCompat, {
+    style: tabBarPosition === 'left' ? styles.left : tabBarPosition === 'right' ? styles.right : null
+  }, /*#__PURE__*/React.createElement(_ScreenFallback.MaybeScreenContainer, {
     enabled: detachInactiveScreens,
-    hasTwoStates: true,
-    style: styles.container
+    hasTwoStates: hasTwoStates,
+    style: styles.screens
   }, routes.map((route, index) => {
     const descriptor = descriptors[route.key];
     const {
       lazy = true,
-      unmountOnBlur
+      unmountOnBlur,
+      sceneStyleInterpolator
     } = descriptor.options;
     const isFocused = state.index === index;
     if (unmountOnBlur && !isFocused) {
@@ -95,16 +153,33 @@ function BottomTabView(props) {
       headerStatusBarHeight,
       headerTransparent
     } = descriptor.options;
+    const {
+      sceneStyle
+    } = (sceneStyleInterpolator === null || sceneStyleInterpolator === void 0 ? void 0 : sceneStyleInterpolator({
+      current: 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__*/React.createElement(_ScreenFallback.MaybeScreen, {
       key: route.key,
       style: [_reactNative.StyleSheet.absoluteFill, {
         zIndex: isFocused ? 0 : -1
       }],
-      visible: isFocused,
+      active: activityState,
       enabled: detachInactiveScreens,
       freezeOnBlur: freezeOnBlur
     }, /*#__PURE__*/React.createElement(_BottomTabBarHeightContext.BottomTabBarHeightContext.Provider, {
-      value: tabBarHeight
+      value: tabBarPosition === 'bottom' ? tabBarHeight : 0
     }, /*#__PURE__*/React.createElement(_elements.Screen, {
       focused: isFocused,
       route: descriptor.route,
@@ -118,14 +193,20 @@ function BottomTabView(props) {
         navigation: descriptor.navigation,
         options: descriptor.options
       }),
-      style: sceneContainerStyle
+      style: [sceneContainerStyle, animationEnabled && sceneStyle]
     }, descriptor.render())));
   })), /*#__PURE__*/React.createElement(_BottomTabBarHeightCallbackContext.BottomTabBarHeightCallbackContext.Provider, {
     value: setTabBarHeight
   }, renderTabBar()));
 }
 const styles = _reactNative.StyleSheet.create({
-  container: {
+  left: {
+    flexDirection: 'row-reverse'
+  },
+  right: {
+    flexDirection: 'row'
+  },
+  screens: {
     flex: 1,
     overflow: 'hidden'
   }

package/lib/commonjs/views/BottomTabView.js.map

@@ -1 +1 @@
-{"version":3,"names":["BottomTabView","props","tabBar","state","navigation","descriptors","safeAreaInsets","detachInactiveScreens","Platform","OS","sceneContainerStyle","focusedRouteKey","routes","index","key","loaded","setLoaded","React","useState","includes","dimensions","SafeAreaProviderCompat","initialMetrics","frame","tabBarHeight","setTabBarHeight","getTabBarHeight","layout","width","height","insets","style","options","tabBarStyle","renderTabBar","top","right","bottom","left","styles","container","map","route","descriptor","lazy","unmountOnBlur","isFocused","freezeOnBlur","header","getHeaderTitle","name","headerShown","headerStatusBarHeight","headerTransparent","StyleSheet","absoluteFill","zIndex","render","create","flex","overflow"],"sourceRoot":"../../../src","sources":["views/BottomTabView.tsx"],"mappings":"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"}
+{"version":3,"names":["CompositeAnimation","Animated","EPSILON","STATE_INACTIVE","STATE_TRANSITIONING_OR_BELOW_TOP","STATE_ON_TOP","hasAnimation","options","animationEnabled","transitionSpec","BottomTabView","props","tabBar","state","navigation","descriptors","safeAreaInsets","detachInactiveScreens","Platform","OS","sceneContainerStyle","focusedRouteKey","routes","index","key","loaded","setLoaded","React","useState","includes","tabAnims","useAnimatedHashMap","useEffect","animateToIndex","parallel","map","route","toValue","timing","duration","useNativeDriver","animation","config","filter","Boolean","start","dimensions","SafeAreaProviderCompat","initialMetrics","frame","tabBarHeight","setTabBarHeight","getTabBarHeight","layout","width","height","insets","style","tabBarStyle","renderTabBar","top","right","bottom","left","hasTwoStates","some","tabBarPosition","styles","screens","descriptor","lazy","unmountOnBlur","sceneStyleInterpolator","isFocused","freezeOnBlur","header","getHeaderTitle","name","headerShown","headerStatusBarHeight","headerTransparent","sceneStyle","current","activityState","interpolate","inputRange","outputRange","extrapolate","StyleSheet","absoluteFill","zIndex","render","create","flexDirection","flex","overflow"],"sourceRoot":"../../../src","sources":["views/BottomTabView.tsx"],"mappings":"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"}

package/lib/commonjs/views/ScreenFallback.js

@@ -5,7 +5,6 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.MaybeScreen = MaybeScreen;
 exports.MaybeScreenContainer = void 0;
-var _elements = require("@react-navigation/elements");
 var React = _interopRequireWildcard(require("react"));
 var _reactNative = require("react-native");
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
@@ -34,17 +33,16 @@ exports.MaybeScreenContainer = MaybeScreenContainer;
 function MaybeScreen(_ref2) {
   var _Screens2, _Screens2$screensEnab;
   let {
-    visible,
-    children,
+    enabled,
+    active,
     ...rest
   } = _ref2;
   if ((_Screens2 = Screens) !== null && _Screens2 !== void 0 && (_Screens2$screensEnab = _Screens2.screensEnabled) !== null && _Screens2$screensEnab !== void 0 && _Screens2$screensEnab.call(_Screens2)) {
     return /*#__PURE__*/React.createElement(Screens.Screen, _extends({
-      activityState: visible ? 2 : 0
-    }, rest), children);
+      enabled: enabled,
+      activityState: active
+    }, rest));
   }
-  return /*#__PURE__*/React.createElement(_elements.ResourceSavingView, _extends({
-    visible: visible
-  }, rest), children);
+  return /*#__PURE__*/React.createElement(_reactNative.View, rest);
 }
 //# sourceMappingURL=ScreenFallback.js.map

package/lib/commonjs/views/ScreenFallback.js.map

@@ -1 +1 @@
-{"version":3,"names":["Screens","require","e","MaybeScreenContainer","enabled","rest","screensEnabled","MaybeScreen","visible","children"],"sourceRoot":"../../../src","sources":["views/ScreenFallback.tsx"],"mappings":";;;;;;;AAAA;AACA;AACA;AAAqE;AAAA;AAAA;AAUrE,IAAIA,OAA0D;AAE9D,IAAI;EACFA,OAAO,GAAGC,OAAO,CAAC,sBAAsB,CAAC;AAC3C,CAAC,CAAC,OAAOC,CAAC,EAAE;EACV;AAAA;AAGK,MAAMC,oBAAoB,GAAG,QAO9B;EAAA;EAAA,IAP+B;IACnCC,OAAO;IACP,GAAGC;EAKL,CAAC;EACC,gBAAIL,OAAO,8DAAP,SAASM,cAAc,kDAAvB,oCAA2B,EAAE;IAC/B,oBAAO,oBAAC,OAAO,CAAC,eAAe;MAAC,OAAO,EAAEF;IAAQ,GAAKC,IAAI,EAAI;EAChE;EAEA,oBAAO,oBAAC,iBAAI,EAAKA,IAAI,CAAI;AAC3B,CAAC;AAAC;AAEK,SAASE,WAAW,QAAwC;EAAA;EAAA,IAAvC;IAAEC,OAAO;IAAEC,QAAQ;IAAE,GAAGJ;EAAY,CAAC;EAC/D,iBAAIL,OAAO,+DAAP,UAASM,cAAc,kDAAvB,qCAA2B,EAAE;IAC/B,oBACE,oBAAC,OAAO,CAAC,MAAM;MAAC,aAAa,EAAEE,OAAO,GAAG,CAAC,GAAG;IAAE,GAAKH,IAAI,GACrDI,QAAQ,CACM;EAErB;EAEA,oBACE,oBAAC,4BAAkB;IAAC,OAAO,EAAED;EAAQ,GAAKH,IAAI,GAC3CI,QAAQ,CACU;AAEzB"}
+{"version":3,"names":["Screens","require","e","MaybeScreenContainer","enabled","rest","screensEnabled","MaybeScreen","active"],"sourceRoot":"../../../src","sources":["views/ScreenFallback.tsx"],"mappings":";;;;;;;AAAA;AACA;AAA+E;AAAA;AAAA;AAU/E,IAAIA,OAA0D;AAE9D,IAAI;EACFA,OAAO,GAAGC,OAAO,CAAC,sBAAsB,CAAC;AAC3C,CAAC,CAAC,OAAOC,CAAC,EAAE;EACV;AAAA;AAGK,MAAMC,oBAAoB,GAAG,QAO9B;EAAA;EAAA,IAP+B;IACnCC,OAAO;IACP,GAAGC;EAKL,CAAC;EACC,gBAAIL,OAAO,8DAAP,SAASM,cAAc,kDAAvB,oCAA2B,EAAE;IAC/B,oBAAO,oBAAC,OAAO,CAAC,eAAe;MAAC,OAAO,EAAEF;IAAQ,GAAKC,IAAI,EAAI;EAChE;EAEA,oBAAO,oBAAC,iBAAI,EAAKA,IAAI,CAAI;AAC3B,CAAC;AAAC;AAEK,SAASE,WAAW,QAAkD;EAAA;EAAA,IAAjD;IAAEH,OAAO;IAAEI,MAAM;IAAE,GAAGH;EAAwB,CAAC;EACzE,iBAAIL,OAAO,+DAAP,UAASM,cAAc,kDAAvB,qCAA2B,EAAE;IAC/B,oBACE,oBAAC,OAAO,CAAC,MAAM;MAAC,OAAO,EAAEF,OAAQ;MAAC,aAAa,EAAEI;IAAO,GAAKH,IAAI,EAAI;EAEzE;EAEA,oBAAO,oBAAC,iBAAI,EAAKA,IAAI,CAAI;AAC3B"}

package/lib/commonjs/views/TabBarIcon.js

@@ -8,6 +8,7 @@ var _react = _interopRequireDefault(require("react"));
 var _reactNative = require("react-native");
 var _Badge = require("./Badge");
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+const ICON_SIZE = 25;
 function TabBarIcon(_ref) {
   let {
     route: _,
@@ -21,8 +22,6 @@ function TabBarIcon(_ref) {
     renderIcon,
     style
   } = _ref;
-  const size = 25;
-
   // 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.default.createElement(_reactNative.View, {
@@ -33,7 +32,7 @@ function TabBarIcon(_ref) {
     }]
   }, renderIcon({
     focused: true,
-    size,
+    size: ICON_SIZE,
     color: activeTintColor
   })), /*#__PURE__*/_react.default.createElement(_reactNative.View, {
     style: [styles.icon, {
@@ -41,12 +40,12 @@ function TabBarIcon(_ref) {
     }]
   }, renderIcon({
     focused: false,
-    size,
+    size: ICON_SIZE,
     color: inactiveTintColor
   })), /*#__PURE__*/_react.default.createElement(_Badge.Badge, {
     visible: badge != null,
-    style: [styles.badge, horizontal ? styles.badgeHorizontal : styles.badgeVertical, badgeStyle],
-    size: size * 3 / 4
+    style: [styles.badge, badgeStyle],
+    size: ICON_SIZE * 0.75
   }, badge));
 }
 const styles = _reactNative.StyleSheet.create({
@@ -61,24 +60,20 @@ const styles = _reactNative.StyleSheet.create({
     height: '100%',
     width: '100%',
     // Workaround for react-native >= 0.54 layout bug
-    minWidth: 25
+    minWidth: ICON_SIZE
   },
   iconVertical: {
-    flex: 1
+    width: ICON_SIZE,
+    height: ICON_SIZE
   },
   iconHorizontal: {
-    height: '100%',
-    marginTop: 3
+    width: ICON_SIZE,
+    height: ICON_SIZE
   },
   badge: {
     position: 'absolute',
-    left: 3
-  },
-  badgeVertical: {
-    top: 3
-  },
-  badgeHorizontal: {
-    top: 7
+    right: -5,
+    top: -5
   }
 });
 //# sourceMappingURL=TabBarIcon.js.map

package/lib/commonjs/views/TabBarIcon.js.map

@@ -1 +1 @@
-{"version":3,"names":["TabBarIcon","route","_","horizontal","badge","badgeStyle","activeOpacity","inactiveOpacity","activeTintColor","inactiveTintColor","renderIcon","style","size","styles","iconHorizontal","iconVertical","icon","opacity","focused","color","badgeHorizontal","badgeVertical","StyleSheet","create","position","alignSelf","alignItems","justifyContent","height","width","minWidth","flex","marginTop","left","top"],"sourceRoot":"../../../src","sources":["views/TabBarIcon.tsx"],"mappings":";;;;;;AACA;AACA;AAQA;AAAgC;AAmBzB,SAASA,UAAU,OAWhB;EAAA,IAXiB;IACzBC,KAAK,EAAEC,CAAC;IACRC,UAAU;IACVC,KAAK;IACLC,UAAU;IACVC,aAAa;IACbC,eAAe;IACfC,eAAe;IACfC,iBAAiB;IACjBC,UAAU;IACVC;EACK,CAAC;EACN,MAAMC,IAAI,GAAG,EAAE;;EAEf;EACA;EACA,oBACE,6BAAC,iBAAI;IACH,KAAK,EAAE,CAACT,UAAU,GAAGU,MAAM,CAACC,cAAc,GAAGD,MAAM,CAACE,YAAY,EAAEJ,KAAK;EAAE,gBAEzE,6BAAC,iBAAI;IAAC,KAAK,EAAE,CAACE,MAAM,CAACG,IAAI,EAAE;MAAEC,OAAO,EAAEX;IAAc,CAAC;EAAE,GACpDI,UAAU,CAAC;IACVQ,OAAO,EAAE,IAAI;IACbN,IAAI;IACJO,KAAK,EAAEX;EACT,CAAC,CAAC,CACG,eACP,6BAAC,iBAAI;IAAC,KAAK,EAAE,CAACK,MAAM,CAACG,IAAI,EAAE;MAAEC,OAAO,EAAEV;IAAgB,CAAC;EAAE,GACtDG,UAAU,CAAC;IACVQ,OAAO,EAAE,KAAK;IACdN,IAAI;IACJO,KAAK,EAAEV;EACT,CAAC,CAAC,CACG,eACP,6BAAC,YAAK;IACJ,OAAO,EAAEL,KAAK,IAAI,IAAK;IACvB,KAAK,EAAE,CACLS,MAAM,CAACT,KAAK,EACZD,UAAU,GAAGU,MAAM,CAACO,eAAe,GAAGP,MAAM,CAACQ,aAAa,EAC1DhB,UAAU,CACV;IACF,IAAI,EAAGO,IAAI,GAAG,CAAC,GAAI;EAAE,GAEpBR,KAAK,CACA,CACH;AAEX;AAEA,MAAMS,MAAM,GAAGS,uBAAU,CAACC,MAAM,CAAC;EAC/BP,IAAI,EAAE;IACJ;IACA;IACA;IACAQ,QAAQ,EAAE,UAAU;IACpBC,SAAS,EAAE,QAAQ;IACnBC,UAAU,EAAE,QAAQ;IACpBC,cAAc,EAAE,QAAQ;IACxBC,MAAM,EAAE,MAAM;IACdC,KAAK,EAAE,MAAM;IACb;IACAC,QAAQ,EAAE;EACZ,CAAC;EACDf,YAAY,EAAE;IACZgB,IAAI,EAAE;EACR,CAAC;EACDjB,cAAc,EAAE;IACdc,MAAM,EAAE,MAAM;IACdI,SAAS,EAAE;EACb,CAAC;EACD5B,KAAK,EAAE;IACLoB,QAAQ,EAAE,UAAU;IACpBS,IAAI,EAAE;EACR,CAAC;EACDZ,aAAa,EAAE;IACba,GAAG,EAAE;EACP,CAAC;EACDd,eAAe,EAAE;IACfc,GAAG,EAAE;EACP;AACF,CAAC,CAAC"}
+{"version":3,"names":["ICON_SIZE","TabBarIcon","route","_","horizontal","badge","badgeStyle","activeOpacity","inactiveOpacity","activeTintColor","inactiveTintColor","renderIcon","style","styles","iconHorizontal","iconVertical","icon","opacity","focused","size","color","StyleSheet","create","position","alignSelf","alignItems","justifyContent","height","width","minWidth","right","top"],"sourceRoot":"../../../src","sources":["views/TabBarIcon.tsx"],"mappings":";;;;;;AACA;AACA;AAQA;AAAgC;AAmBhC,MAAMA,SAAS,GAAG,EAAE;AAEb,SAASC,UAAU,OAWhB;EAAA,IAXiB;IACzBC,KAAK,EAAEC,CAAC;IACRC,UAAU;IACVC,KAAK;IACLC,UAAU;IACVC,aAAa;IACbC,eAAe;IACfC,eAAe;IACfC,iBAAiB;IACjBC,UAAU;IACVC;EACK,CAAC;EACN;EACA;EACA,oBACE,6BAAC,iBAAI;IACH,KAAK,EAAE,CAACR,UAAU,GAAGS,MAAM,CAACC,cAAc,GAAGD,MAAM,CAACE,YAAY,EAAEH,KAAK;EAAE,gBAEzE,6BAAC,iBAAI;IAAC,KAAK,EAAE,CAACC,MAAM,CAACG,IAAI,EAAE;MAAEC,OAAO,EAAEV;IAAc,CAAC;EAAE,GACpDI,UAAU,CAAC;IACVO,OAAO,EAAE,IAAI;IACbC,IAAI,EAAEnB,SAAS;IACfoB,KAAK,EAAEX;EACT,CAAC,CAAC,CACG,eACP,6BAAC,iBAAI;IAAC,KAAK,EAAE,CAACI,MAAM,CAACG,IAAI,EAAE;MAAEC,OAAO,EAAET;IAAgB,CAAC;EAAE,GACtDG,UAAU,CAAC;IACVO,OAAO,EAAE,KAAK;IACdC,IAAI,EAAEnB,SAAS;IACfoB,KAAK,EAAEV;EACT,CAAC,CAAC,CACG,eACP,6BAAC,YAAK;IACJ,OAAO,EAAEL,KAAK,IAAI,IAAK;IACvB,KAAK,EAAE,CAACQ,MAAM,CAACR,KAAK,EAAEC,UAAU,CAAE;IAClC,IAAI,EAAEN,SAAS,GAAG;EAAK,GAEtBK,KAAK,CACA,CACH;AAEX;AAEA,MAAMQ,MAAM,GAAGQ,uBAAU,CAACC,MAAM,CAAC;EAC/BN,IAAI,EAAE;IACJ;IACA;IACA;IACAO,QAAQ,EAAE,UAAU;IACpBC,SAAS,EAAE,QAAQ;IACnBC,UAAU,EAAE,QAAQ;IACpBC,cAAc,EAAE,QAAQ;IACxBC,MAAM,EAAE,MAAM;IACdC,KAAK,EAAE,MAAM;IACb;IACAC,QAAQ,EAAE7B;EACZ,CAAC;EACDe,YAAY,EAAE;IACZa,KAAK,EAAE5B,SAAS;IAChB2B,MAAM,EAAE3B;EACV,CAAC;EACDc,cAAc,EAAE;IACdc,KAAK,EAAE5B,SAAS;IAChB2B,MAAM,EAAE3B;EACV,CAAC;EACDK,KAAK,EAAE;IACLkB,QAAQ,EAAE,UAAU;IACpBO,KAAK,EAAE,CAAC,CAAC;IACTC,GAAG,EAAE,CAAC;EACR;AACF,CAAC,CAAC"}

package/lib/module/TransitionConfigs/SceneStyleInterpolators.js

@@ -0,0 +1,40 @@
+/**
+ * Simple cross fade animation
+ */
+export function forCrossFade(_ref) {
+  let {
+    current
+  } = _ref;
+  return {
+    sceneStyle: {
+      opacity: current.interpolate({
+        inputRange: [-1, 0, 1],
+        outputRange: [0, 1, 0]
+      })
+    }
+  };
+}
+
+/**
+ * Animation where the screens slightly shift to left/right
+ */
+export function forShifting(_ref2) {
+  let {
+    current
+  } = _ref2;
+  return {
+    sceneStyle: {
+      opacity: current.interpolate({
+        inputRange: [-1, 0, 1],
+        outputRange: [0, 1, 0]
+      }),
+      transform: [{
+        translateX: current.interpolate({
+          inputRange: [-1, 0, 1],
+          outputRange: [-50, 1, 50]
+        })
+      }]
+    }
+  };
+}
+//# sourceMappingURL=SceneStyleInterpolators.js.map

package/lib/module/TransitionConfigs/SceneStyleInterpolators.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["forCrossFade","current","sceneStyle","opacity","interpolate","inputRange","outputRange","forShifting","transform","translateX"],"sourceRoot":"../../../src","sources":["TransitionConfigs/SceneStyleInterpolators.tsx"],"mappings":"AAKA;AACA;AACA;AACA,OAAO,SAASA,YAAY,OAE0C;EAAA,IAFzC;IAC3BC;EACgC,CAAC;EACjC,OAAO;IACLC,UAAU,EAAE;MACVC,OAAO,EAAEF,OAAO,CAACG,WAAW,CAAC;QAC3BC,UAAU,EAAE,CAAC,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,CAAC;QACtBC,WAAW,EAAE,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC;MACvB,CAAC;IACH;EACF,CAAC;AACH;;AAEA;AACA;AACA;AACA,OAAO,SAASC,WAAW,QAE2C;EAAA,IAF1C;IAC1BN;EACgC,CAAC;EACjC,OAAO;IACLC,UAAU,EAAE;MACVC,OAAO,EAAEF,OAAO,CAACG,WAAW,CAAC;QAC3BC,UAAU,EAAE,CAAC,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,CAAC;QACtBC,WAAW,EAAE,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC;MACvB,CAAC,CAAC;MACFE,SAAS,EAAE,CACT;QACEC,UAAU,EAAER,OAAO,CAACG,WAAW,CAAC;UAC9BC,UAAU,EAAE,CAAC,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,CAAC;UACtBC,WAAW,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,EAAE,EAAE;QAC1B,CAAC;MACH,CAAC;IAEL;EACF,CAAC;AACH"}

package/lib/module/TransitionConfigs/TransitionPresets.js

@@ -0,0 +1,11 @@
+import { forCrossFade, forShifting } from './SceneStyleInterpolators';
+import { CrossFadeSpec, ShiftingSpec } from './TransitionSpecs';
+export const FadeTransition = {
+  transitionSpec: CrossFadeSpec,
+  sceneStyleInterpolator: forCrossFade
+};
+export const ShiftingTransition = {
+  transitionSpec: ShiftingSpec,
+  sceneStyleInterpolator: forShifting
+};
+//# sourceMappingURL=TransitionPresets.js.map

package/lib/module/TransitionConfigs/TransitionPresets.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["forCrossFade","forShifting","CrossFadeSpec","ShiftingSpec","FadeTransition","transitionSpec","sceneStyleInterpolator","ShiftingTransition"],"sourceRoot":"../../../src","sources":["TransitionConfigs/TransitionPresets.tsx"],"mappings":"AACA,SAASA,YAAY,EAAEC,WAAW,QAAQ,2BAA2B;AACrE,SAASC,aAAa,EAAEC,YAAY,QAAQ,mBAAmB;AAE/D,OAAO,MAAMC,cAAyC,GAAG;EACvDC,cAAc,EAAEH,aAAa;EAC7BI,sBAAsB,EAAEN;AAC1B,CAAC;AAED,OAAO,MAAMO,kBAA6C,GAAG;EAC3DF,cAAc,EAAEF,YAAY;EAC5BG,sBAAsB,EAAEL;AAC1B,CAAC"}

package/lib/module/TransitionConfigs/TransitionSpecs.js

@@ -0,0 +1,16 @@
+import { Easing } from 'react-native';
+export const CrossFadeSpec = {
+  animation: 'timing',
+  config: {
+    duration: 150,
+    easing: Easing.in(Easing.linear)
+  }
+};
+export const ShiftingSpec = {
+  animation: 'timing',
+  config: {
+    duration: 150,
+    easing: Easing.inOut(Easing.ease)
+  }
+};
+//# sourceMappingURL=TransitionSpecs.js.map

package/lib/module/TransitionConfigs/TransitionSpecs.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["Easing","CrossFadeSpec","animation","config","duration","easing","in","linear","ShiftingSpec","inOut","ease"],"sourceRoot":"../../../src","sources":["TransitionConfigs/TransitionSpecs.tsx"],"mappings":"AAAA,SAASA,MAAM,QAAQ,cAAc;AAIrC,OAAO,MAAMC,aAA6B,GAAG;EAC3CC,SAAS,EAAE,QAAQ;EACnBC,MAAM,EAAE;IACNC,QAAQ,EAAE,GAAG;IACbC,MAAM,EAAEL,MAAM,CAACM,EAAE,CAACN,MAAM,CAACO,MAAM;EACjC;AACF,CAAC;AAED,OAAO,MAAMC,YAA4B,GAAG;EAC1CN,SAAS,EAAE,QAAQ;EACnBC,MAAM,EAAE;IACNC,QAAQ,EAAE,GAAG;IACbC,MAAM,EAAEL,MAAM,CAACS,KAAK,CAACT,MAAM,CAACU,IAAI;EAClC;AACF,CAAC"}

package/lib/module/index.js

@@ -1,3 +1,12 @@
+import * as SceneStyleInterpolator from './TransitionConfigs/SceneStyleInterpolators';
+import * as TransitionPresets from './TransitionConfigs/TransitionPresets';
+import * as TransitionSpecs from './TransitionConfigs/TransitionSpecs';
+
+/**
+ * Transition Presets
+ */
+export { SceneStyleInterpolator, TransitionPresets, TransitionSpecs };
+
 /**
  * Navigators
  */

package/lib/module/index.js.map

@@ -1 +1 @@
-{"version":3,"names":["createBottomTabNavigator","BottomTabBar","BottomTabView","BottomTabBarHeightCallbackContext","BottomTabBarHeightContext","useBottomTabBarHeight"],"sourceRoot":"../../src","sources":["index.tsx"],"mappings":"AAAA;AACA;AACA;AACA,SAASA,wBAAwB,QAAQ,uCAAuC;;AAEhF;AACA;AACA;AACA,SAASC,YAAY,QAAQ,sBAAsB;AACnD,SAASC,aAAa,QAAQ,uBAAuB;;AAErD;AACA;AACA;AACA,SAASC,iCAAiC,QAAQ,2CAA2C;AAC7F,SAASC,yBAAyB,QAAQ,mCAAmC;AAC7E,SAASC,qBAAqB,QAAQ,+BAA+B;;AAErE;AACA;AACA"}
+{"version":3,"names":["SceneStyleInterpolator","TransitionPresets","TransitionSpecs","createBottomTabNavigator","BottomTabBar","BottomTabView","BottomTabBarHeightCallbackContext","BottomTabBarHeightContext","useBottomTabBarHeight"],"sourceRoot":"../../src","sources":["index.tsx"],"mappings":"AAAA,OAAO,KAAKA,sBAAsB,MAAM,6CAA6C;AACrF,OAAO,KAAKC,iBAAiB,MAAM,uCAAuC;AAC1E,OAAO,KAAKC,eAAe,MAAM,qCAAqC;;AAEtE;AACA;AACA;AACA,SAASF,sBAAsB,EAAEC,iBAAiB,EAAEC,eAAe;;AAEnE;AACA;AACA;AACA,SAASC,wBAAwB,QAAQ,uCAAuC;;AAEhF;AACA;AACA;AACA,SAASC,YAAY,QAAQ,sBAAsB;AACnD,SAASC,aAAa,QAAQ,uBAAuB;;AAErD;AACA;AACA;AACA,SAASC,iCAAiC,QAAQ,2CAA2C;AAC7F,SAASC,yBAAyB,QAAQ,mCAAmC;AAC7E,SAASC,qBAAqB,QAAQ,+BAA+B;;AAErE;AACA;AACA"}

package/lib/module/utils/useAnimatedHashMap.js

@@ -0,0 +1,23 @@
+import * as React from 'react';
+import { Animated } from 'react-native';
+export function useAnimatedHashMap(_ref) {
+  let {
+    routes,
+    index
+  } = _ref;
+  const refs = React.useRef({});
+  const previous = refs.current;
+  const routeKeys = Object.keys(previous);
+  if (routes.length === routeKeys.length && routes.every(route => routeKeys.includes(route.key))) {
+    return previous;
+  }
+  refs.current = {};
+  routes.forEach((_ref2, i) => {
+    let {
+      key
+    } = _ref2;
+    refs.current[key] = previous[key] ?? new Animated.Value(i === index ? 0 : i >= index ? 1 : -1);
+  });
+  return refs.current;
+}
+//# sourceMappingURL=useAnimatedHashMap.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["React","Animated","useAnimatedHashMap","routes","index","refs","useRef","previous","current","routeKeys","Object","keys","length","every","route","includes","key","forEach","i","Value"],"sourceRoot":"../../../src","sources":["utils/useAnimatedHashMap.tsx"],"mappings":"AACA,OAAO,KAAKA,KAAK,MAAM,OAAO;AAC9B,SAASC,QAAQ,QAAQ,cAAc;AAEvC,OAAO,SAASC,kBAAkB,OAAqC;EAAA,IAApC;IAAEC,MAAM;IAAEC;EAAuB,CAAC;EACnE,MAAMC,IAAI,GAAGL,KAAK,CAACM,MAAM,CAAiC,CAAC,CAAC,CAAC;EAC7D,MAAMC,QAAQ,GAAGF,IAAI,CAACG,OAAO;EAC7B,MAAMC,SAAS,GAAGC,MAAM,CAACC,IAAI,CAACJ,QAAQ,CAAC;EAEvC,IACEJ,MAAM,CAACS,MAAM,KAAKH,SAAS,CAACG,MAAM,IAClCT,MAAM,CAACU,KAAK,CAAEC,KAAK,IAAKL,SAAS,CAACM,QAAQ,CAACD,KAAK,CAACE,GAAG,CAAC,CAAC,EACtD;IACA,OAAOT,QAAQ;EACjB;EACAF,IAAI,CAACG,OAAO,GAAG,CAAC,CAAC;EAEjBL,MAAM,CAACc,OAAO,CAAC,QAAUC,CAAC,KAAK;IAAA,IAAf;MAAEF;IAAI,CAAC;IACrBX,IAAI,CAACG,OAAO,CAACQ,GAAG,CAAC,GACfT,QAAQ,CAACS,GAAG,CAAC,IACb,IAAIf,QAAQ,CAACkB,KAAK,CAACD,CAAC,KAAKd,KAAK,GAAG,CAAC,GAAGc,CAAC,IAAId,KAAK,GAAG,CAAC,GAAG,CAAC,CAAC,CAAC;EAC7D,CAAC,CAAC;EAEF,OAAOC,IAAI,CAACG,OAAO;AACrB"}

package/lib/module/views/BottomTabBar.js

@@ -1,14 +1,15 @@
-import { MissingIcon } from '@react-navigation/elements';
+import { getDefaultSidebarWidth, getLabel, MissingIcon } from '@react-navigation/elements';
 import { CommonActions, NavigationContext, NavigationRouteContext, useLinkTools, useTheme } from '@react-navigation/native';
+import Color from 'color';
 import React from 'react';
-import { Animated, Platform, StyleSheet, View } from 'react-native';
-import { useSafeAreaFrame } from 'react-native-safe-area-context';
+import { Animated, Platform, StyleSheet, useWindowDimensions, View } from 'react-native';
 import { BottomTabBarHeightCallbackContext } from '../utils/BottomTabBarHeightCallbackContext';
 import { useIsKeyboardShown } from '../utils/useIsKeyboardShown';
 import { BottomTabItem } from './BottomTabItem';
 const DEFAULT_TABBAR_HEIGHT = 49;
 const COMPACT_TABBAR_HEIGHT = 32;
 const DEFAULT_MAX_TAB_ITEM_WIDTH = 125;
+const SPACING = 5;
 const useNativeDriver = Platform.OS !== 'web';
 const shouldUseHorizontalLabels = _ref => {
   let {
@@ -99,6 +100,7 @@ export function BottomTabBar(_ref3) {
   const focusedDescriptor = descriptors[focusedRoute.key];
   const focusedOptions = focusedDescriptor.options;
   const {
+    tabBarPosition = 'bottom',
     tabBarShowLabel,
     tabBarHideOnKeyboard = false,
     tabBarVisibilityAnimationConfig,
@@ -106,10 +108,12 @@ export function BottomTabBar(_ref3) {
     tabBarBackground,
     tabBarActiveTintColor,
     tabBarInactiveTintColor,
-    tabBarActiveBackgroundColor,
+    tabBarActiveBackgroundColor = tabBarPosition !== 'bottom' ? Color(tabBarActiveTintColor ?? colors.primary).alpha(0.12).rgb().string() : undefined,
     tabBarInactiveBackgroundColor
   } = focusedOptions;
-  const dimensions = useSafeAreaFrame();
+
+  // FIXME: useSafeAreaFrame doesn't update values when window is resized on Web
+  const dimensions = useWindowDimensions();
   const isKeyboardShown = useIsKeyboardShown();
   const onHeightChange = React.useContext(BottomTabBarHeightCallbackContext);
   const shouldShowTabBar = !(tabBarHideOnKeyboard && isKeyboardShown);
@@ -191,10 +195,10 @@ export function BottomTabBar(_ref3) {
   });
   const tabBarBackgroundElement = tabBarBackground === null || tabBarBackground === void 0 ? void 0 : tabBarBackground();
   return /*#__PURE__*/React.createElement(Animated.View, {
-    style: [styles.tabBar, {
+    style: [tabBarPosition === 'left' ? styles.left : tabBarPosition === 'right' ? styles.right : styles.bottom, {
       backgroundColor: tabBarBackgroundElement != null ? 'transparent' : colors.card,
-      borderTopColor: colors.border
-    }, {
+      borderColor: colors.border
+    }, tabBarPosition === 'bottom' ? [{
       transform: [{
         translateY: visible.interpolate({
           inputRange: [0, 1],
@@ -203,20 +207,26 @@ export function BottomTabBar(_ref3) {
       }],
       // Absolutely position the tab bar so that the content is below it
       // This is needed to avoid gap at bottom when the tab bar is hidden
-      position: isTabBarHidden ? 'absolute' : null
+      position: isTabBarHidden ? 'absolute' : undefined
     }, {
       height: tabBarHeight,
       paddingBottom,
       paddingHorizontal: Math.max(insets.left, insets.right)
+    }] : {
+      paddingTop: insets.top,
+      paddingBottom: insets.bottom,
+      paddingLeft: tabBarPosition === 'left' ? insets.left : 0,
+      paddingRight: tabBarPosition === 'right' ? insets.right : 0,
+      minWidth: hasHorizontalLabels ? getDefaultSidebarWidth(dimensions) : 0
     }, tabBarStyle],
     pointerEvents: isTabBarHidden ? 'none' : 'auto',
-    onLayout: handleLayout
+    onLayout: tabBarPosition === 'bottom' ? handleLayout : undefined
   }, /*#__PURE__*/React.createElement(View, {
     pointerEvents: "none",
     style: StyleSheet.absoluteFill
   }, tabBarBackgroundElement), /*#__PURE__*/React.createElement(View, {
     accessibilityRole: "tablist",
-    style: styles.content
+    style: tabBarPosition === 'bottom' ? styles.bottomContent : styles.sideContent
   }, routes.map((route, index) => {
     const focused = index === state.index;
     const {
@@ -241,7 +251,10 @@ export function BottomTabBar(_ref3) {
         target: route.key
       });
     };
-    const label = options.tabBarLabel !== undefined ? options.tabBarLabel : options.title !== undefined ? options.title : route.name;
+    const label = typeof options.tabBarLabel === 'function' ? options.tabBarLabel : getLabel({
+      label: options.tabBarLabel,
+      title: options.title
+    }, route.name);
     const accessibilityLabel = options.tabBarAccessibilityLabel !== undefined ? options.tabBarAccessibilityLabel : typeof label === 'string' && Platform.OS === 'ios' ? `${label}, tab, ${index + 1} of ${routes.length}` : undefined;
     return /*#__PURE__*/React.createElement(NavigationContext.Provider, {
       key: route.key,
@@ -280,21 +293,48 @@ export function BottomTabBar(_ref3) {
       showLabel: tabBarShowLabel,
       labelStyle: options.tabBarLabelStyle,
       iconStyle: options.tabBarIconStyle,
-      style: options.tabBarItemStyle
+      style: [tabBarPosition === 'bottom' ? styles.bottomItem : [styles.sideItem, hasHorizontalLabels ? {
+        justifyContent: 'flex-start'
+      } : null], options.tabBarItemStyle]
     })));
   })));
 }
 const styles = StyleSheet.create({
-  tabBar: {
+  left: {
+    top: 0,
+    bottom: 0,
+    left: 0,
+    borderRightWidth: StyleSheet.hairlineWidth
+  },
+  right: {
+    top: 0,
+    bottom: 0,
+    right: 0,
+    borderLeftWidth: StyleSheet.hairlineWidth
+  },
+  bottom: {
     left: 0,
     right: 0,
     bottom: 0,
     borderTopWidth: StyleSheet.hairlineWidth,
     elevation: 8
   },
-  content: {
+  bottomContent: {
     flex: 1,
     flexDirection: 'row'
+  },
+  sideContent: {
+    flex: 1,
+    flexDirection: 'column',
+    padding: SPACING
+  },
+  bottomItem: {
+    flex: 1
+  },
+  sideItem: {
+    margin: SPACING,
+    padding: SPACING * 2,
+    borderRadius: 4
   }
 });
 //# sourceMappingURL=BottomTabBar.js.map