@amazon-devices/react-navigation__react-native-tab-view 2.0.1758683737

package/lib/module/TabBar.js

@@ -0,0 +1,396 @@
+import * as React from 'react';
+import { Animated, I18nManager, Platform, StyleSheet, View } from 'react-native';
+import useLatestCallback from 'use-latest-callback';
+import TabBarIndicator from './TabBarIndicator';
+import TabBarItem from './TabBarItem';
+import useAnimatedValue from './useAnimatedValue';
+const Separator = ({
+  width
+}) => {
+  return /*#__PURE__*/React.createElement(View, {
+    style: {
+      width
+    }
+  });
+};
+const getFlattenedTabWidth = style => {
+  const tabStyle = StyleSheet.flatten(style);
+  return tabStyle === null || tabStyle === void 0 ? void 0 : tabStyle.width;
+};
+const getComputedTabWidth = (index, layout, routes, scrollEnabled, tabWidths, flattenedWidth) => {
+  if (flattenedWidth === 'auto') {
+    return tabWidths[routes[index].key] || 0;
+  }
+  switch (typeof flattenedWidth) {
+    case 'number':
+      return flattenedWidth;
+    case 'string':
+      if (flattenedWidth.endsWith('%')) {
+        const width = parseFloat(flattenedWidth);
+        if (Number.isFinite(width)) {
+          return layout.width * (width / 100);
+        }
+      }
+  }
+  if (scrollEnabled) {
+    return layout.width / 5 * 2;
+  }
+  return layout.width / routes.length;
+};
+const getMaxScrollDistance = (tabBarWidth, layoutWidth) => tabBarWidth - layoutWidth;
+const getTranslateX = (scrollAmount, maxScrollDistance) => Animated.multiply(Platform.OS === 'android' && I18nManager.isRTL ? Animated.add(maxScrollDistance, Animated.multiply(scrollAmount, -1)) : scrollAmount, I18nManager.isRTL ? 1 : -1);
+const getTabBarWidth = ({
+  navigationState,
+  layout,
+  gap,
+  scrollEnabled,
+  flattenedTabWidth,
+  tabWidths
+}) => {
+  const {
+    routes
+  } = navigationState;
+  return routes.reduce((acc, _, i) => acc + (i > 0 ? gap ?? 0 : 0) + getComputedTabWidth(i, layout, routes, scrollEnabled, tabWidths, flattenedTabWidth), 0);
+};
+const normalizeScrollValue = ({
+  layout,
+  navigationState,
+  gap,
+  scrollEnabled,
+  tabWidths,
+  value,
+  flattenedTabWidth
+}) => {
+  const tabBarWidth = getTabBarWidth({
+    layout,
+    navigationState,
+    tabWidths,
+    gap,
+    scrollEnabled,
+    flattenedTabWidth
+  });
+  const maxDistance = getMaxScrollDistance(tabBarWidth, layout.width);
+  const scrollValue = Math.max(Math.min(value, maxDistance), 0);
+  if (Platform.OS === 'android' && I18nManager.isRTL) {
+    // On Android, scroll value is not applied in reverse in RTL
+    // so we need to manually adjust it to apply correct value
+    return maxDistance - scrollValue;
+  }
+  return scrollValue;
+};
+const getScrollAmount = ({
+  layout,
+  navigationState,
+  gap,
+  scrollEnabled,
+  flattenedTabWidth,
+  tabWidths
+}) => {
+  const centerDistance = Array.from({
+    length: navigationState.index + 1
+  }).reduce((total, _, i) => {
+    const tabWidth = getComputedTabWidth(i, layout, navigationState.routes, scrollEnabled, tabWidths, flattenedTabWidth);
+
+    // To get the current index centered we adjust scroll amount by width of indexes
+    // 0 through (i - 1) and add half the width of current index i
+    return total + (navigationState.index === i ? (tabWidth + (gap ?? 0)) / 2 : tabWidth + (gap ?? 0));
+  }, 0);
+  const scrollAmount = centerDistance - layout.width / 2;
+  return normalizeScrollValue({
+    layout,
+    navigationState,
+    tabWidths,
+    value: scrollAmount,
+    gap,
+    scrollEnabled,
+    flattenedTabWidth
+  });
+};
+const getLabelTextDefault = ({
+  route
+}) => route.title;
+const getAccessibleDefault = ({
+  route
+}) => typeof route.accessible !== 'undefined' ? route.accessible : true;
+const getAccessibilityLabelDefault = ({
+  route
+}) => typeof route.accessibilityLabel === 'string' ? route.accessibilityLabel : typeof route.title === 'string' ? route.title : undefined;
+const renderIndicatorDefault = props => /*#__PURE__*/React.createElement(TabBarIndicator, props);
+const getTestIdDefault = ({
+  route
+}) => route.testID;
+
+// How many items measurements should we update per batch.
+// Defaults to 10, since that's whats FlatList is using in initialNumToRender.
+const MEASURE_PER_BATCH = 10;
+export default function TabBar({
+  getLabelText = getLabelTextDefault,
+  getAccessible = getAccessibleDefault,
+  getAccessibilityLabel = getAccessibilityLabelDefault,
+  getTestID = getTestIdDefault,
+  renderIndicator = renderIndicatorDefault,
+  gap = 0,
+  scrollEnabled,
+  jumpTo,
+  navigationState,
+  position,
+  activeColor,
+  bounces,
+  contentContainerStyle,
+  inactiveColor,
+  indicatorContainerStyle,
+  indicatorStyle,
+  labelStyle,
+  onTabLongPress,
+  onTabPress,
+  pressColor,
+  pressOpacity,
+  renderBadge,
+  renderIcon,
+  renderLabel,
+  renderTabBarItem,
+  style,
+  tabStyle,
+  testID,
+  android_ripple
+}) {
+  const [layout, setLayout] = React.useState({
+    width: 0,
+    height: 0
+  });
+  const [tabWidths, setTabWidths] = React.useState({});
+  const flatListRef = React.useRef(null);
+  const isFirst = React.useRef(true);
+  const scrollAmount = useAnimatedValue(0);
+  const measuredTabWidths = React.useRef({});
+  const {
+    routes
+  } = navigationState;
+  const flattenedTabWidth = getFlattenedTabWidth(tabStyle);
+  const isWidthDynamic = flattenedTabWidth === 'auto';
+  const scrollOffset = getScrollAmount({
+    layout,
+    navigationState,
+    tabWidths,
+    gap,
+    scrollEnabled,
+    flattenedTabWidth
+  });
+  const hasMeasuredTabWidths = Boolean(layout.width) && routes.slice(0, navigationState.index).every(r => typeof tabWidths[r.key] === 'number');
+  React.useEffect(() => {
+    if (isFirst.current) {
+      isFirst.current = false;
+      return;
+    }
+    if (isWidthDynamic && !hasMeasuredTabWidths) {
+      return;
+    }
+    if (scrollEnabled) {
+      var _flatListRef$current;
+      (_flatListRef$current = flatListRef.current) === null || _flatListRef$current === void 0 || _flatListRef$current.scrollToOffset({
+        offset: scrollOffset,
+        animated: true
+      });
+    }
+  }, [hasMeasuredTabWidths, isWidthDynamic, scrollEnabled, scrollOffset]);
+  const handleLayout = e => {
+    const {
+      height,
+      width
+    } = e.nativeEvent.layout;
+    setLayout(layout => layout.width === width && layout.height === height ? layout : {
+      width,
+      height
+    });
+  };
+  const tabBarWidth = getTabBarWidth({
+    layout,
+    navigationState,
+    tabWidths,
+    gap,
+    scrollEnabled,
+    flattenedTabWidth
+  });
+  const separatorsWidth = Math.max(0, routes.length - 1) * gap;
+  const separatorPercent = separatorsWidth / tabBarWidth * 100;
+  const tabBarWidthPercent = `${routes.length * 40}%`;
+  const translateX = React.useMemo(() => getTranslateX(scrollAmount, getMaxScrollDistance(tabBarWidth, layout.width)), [layout.width, scrollAmount, tabBarWidth]);
+  const renderItem = React.useCallback(({
+    item: route,
+    index
+  }) => {
+    const props = {
+      key: route.key,
+      position: position,
+      route: route,
+      navigationState: navigationState,
+      getAccessibilityLabel: getAccessibilityLabel,
+      getAccessible: getAccessible,
+      getLabelText: getLabelText,
+      getTestID: getTestID,
+      renderBadge: renderBadge,
+      renderIcon: renderIcon,
+      renderLabel: renderLabel,
+      activeColor: activeColor,
+      inactiveColor: inactiveColor,
+      pressColor: pressColor,
+      pressOpacity: pressOpacity,
+      onLayout: isWidthDynamic ? e => {
+        measuredTabWidths.current[route.key] = e.nativeEvent.layout.width;
+
+        // When we have measured widths for all of the tabs, we should updates the state
+        // We avoid doing separate setState for each layout since it triggers multiple renders and slows down app
+        // If we have more than 10 routes divide updating tabWidths into multiple batches. Here we update only first batch of 10 items.
+        if (routes.length > MEASURE_PER_BATCH && index === MEASURE_PER_BATCH && routes.slice(0, MEASURE_PER_BATCH).every(r => typeof measuredTabWidths.current[r.key] === 'number')) {
+          setTabWidths({
+            ...measuredTabWidths.current
+          });
+        } else if (routes.every(r => typeof measuredTabWidths.current[r.key] === 'number')) {
+          // When we have measured widths for all of the tabs, we should updates the state
+          // We avoid doing separate setState for each layout since it triggers multiple renders and slows down app
+          setTabWidths({
+            ...measuredTabWidths.current
+          });
+        }
+      } : undefined,
+      onPress: () => {
+        const event = {
+          route,
+          defaultPrevented: false,
+          preventDefault: () => {
+            event.defaultPrevented = true;
+          }
+        };
+        onTabPress === null || onTabPress === void 0 || onTabPress(event);
+        if (event.defaultPrevented) {
+          return;
+        }
+        jumpTo(route.key);
+      },
+      onLongPress: () => onTabLongPress === null || onTabLongPress === void 0 ? void 0 : onTabLongPress({
+        route
+      }),
+      labelStyle: labelStyle,
+      style: tabStyle,
+      // Calculate the deafult width for tab for FlatList to work
+      defaultTabWidth: !isWidthDynamic ? getComputedTabWidth(index, layout, routes, scrollEnabled, tabWidths, getFlattenedTabWidth(tabStyle)) : undefined,
+      android_ripple
+    };
+    return /*#__PURE__*/React.createElement(React.Fragment, null, gap > 0 && index > 0 ? /*#__PURE__*/React.createElement(Separator, {
+      width: gap
+    }) : null, renderTabBarItem ? renderTabBarItem(props) : /*#__PURE__*/React.createElement(TabBarItem, props));
+  }, [activeColor, android_ripple, gap, getAccessibilityLabel, getAccessible, getLabelText, getTestID, inactiveColor, isWidthDynamic, jumpTo, labelStyle, layout, navigationState, onTabLongPress, onTabPress, position, pressColor, pressOpacity, renderBadge, renderIcon, renderLabel, renderTabBarItem, routes, scrollEnabled, tabStyle, tabWidths]);
+  const keyExtractor = React.useCallback(item => item.key, []);
+  const contentContainerStyleMemoized = React.useMemo(() => [styles.tabContent, scrollEnabled ? {
+    width: tabBarWidth > separatorsWidth ? tabBarWidth : tabBarWidthPercent
+  } : styles.container, contentContainerStyle], [contentContainerStyle, scrollEnabled, separatorsWidth, tabBarWidth, tabBarWidthPercent]);
+  const handleScroll = React.useMemo(() => Animated.event([{
+    nativeEvent: {
+      contentOffset: {
+        x: scrollAmount
+      }
+    }
+  }], {
+    useNativeDriver: true
+  }), [scrollAmount]);
+  const handleViewableItemsChanged = useLatestCallback(({
+    changed
+  }) => {
+    if (routes.length <= MEASURE_PER_BATCH) {
+      return;
+    }
+    // Get next vievable item
+    const item = changed[changed.length - 1];
+    const index = (item === null || item === void 0 ? void 0 : item.index) || 0;
+    if (item.isViewable && (index % 10 === 0 || index === navigationState.index || index === routes.length - 1)) {
+      setTabWidths({
+        ...measuredTabWidths.current
+      });
+    }
+  });
+
+  // FIXME: Not sure why i have to as-any here (x3) ..
+  return /*#__PURE__*/React.createElement(Animated.View, {
+    onLayout: handleLayout,
+    style: [styles.tabBar, style]
+  }, /*#__PURE__*/React.createElement(Animated.View, {
+    pointerEvents: "none",
+    style: [styles.indicatorContainer, scrollEnabled ? {
+      transform: [{
+        translateX
+      }]
+    } : null, tabBarWidth > separatorsWidth ? {
+      width: tabBarWidth - separatorsWidth
+    } : scrollEnabled ? {
+      width: tabBarWidthPercent
+    } : null, indicatorContainerStyle]
+  }, renderIndicator({
+    position,
+    layout,
+    navigationState,
+    jumpTo,
+    width: isWidthDynamic ? 'auto' : `${(100 - separatorPercent) / routes.length}%`,
+    style: indicatorStyle,
+    getTabWidth: i => getComputedTabWidth(i, layout, routes, scrollEnabled, tabWidths, flattenedTabWidth),
+    gap
+  })), /*#__PURE__*/React.createElement(View, {
+    style: styles.scroll
+  }, /*#__PURE__*/React.createElement(Animated.FlatList, {
+    data: routes,
+    keyExtractor: keyExtractor,
+    horizontal: true,
+    accessibilityRole: "tablist",
+    keyboardShouldPersistTaps: "handled",
+    scrollEnabled: scrollEnabled,
+    bounces: bounces,
+    initialNumToRender: MEASURE_PER_BATCH,
+    onViewableItemsChanged: handleViewableItemsChanged,
+    alwaysBounceHorizontal: false,
+    scrollsToTop: false,
+    showsHorizontalScrollIndicator: false,
+    showsVerticalScrollIndicator: false,
+    automaticallyAdjustContentInsets: false,
+    overScrollMode: "never",
+    contentContainerStyle: contentContainerStyleMemoized,
+    scrollEventThrottle: 16,
+    renderItem: renderItem,
+    onScroll: handleScroll,
+    ref: flatListRef,
+    testID: testID
+  })));
+}
+const styles = StyleSheet.create({
+  container: {
+    flex: 1
+  },
+  scroll: {
+    overflow: Platform.select({
+      default: 'scroll',
+      web: undefined
+    })
+  },
+  tabBar: {
+    backgroundColor: '#2196f3',
+    elevation: 4,
+    shadowColor: 'black',
+    shadowOpacity: 0.1,
+    shadowRadius: StyleSheet.hairlineWidth,
+    shadowOffset: {
+      height: StyleSheet.hairlineWidth,
+      width: 0
+    },
+    zIndex: 1
+  },
+  tabContent: {
+    flexDirection: 'row',
+    flexWrap: 'nowrap'
+  },
+  indicatorContainer: {
+    position: 'absolute',
+    top: 0,
+    left: 0,
+    right: 0,
+    bottom: 0
+  }
+});
+//# sourceMappingURL=TabBar.js.map

package/lib/module/TabBar.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","Animated","I18nManager","Platform","StyleSheet","View","useLatestCallback","TabBarIndicator","TabBarItem","useAnimatedValue","Separator","width","createElement","style","getFlattenedTabWidth","tabStyle","flatten","getComputedTabWidth","index","layout","routes","scrollEnabled","tabWidths","flattenedWidth","key","endsWith","parseFloat","Number","isFinite","length","getMaxScrollDistance","tabBarWidth","layoutWidth","getTranslateX","scrollAmount","maxScrollDistance","multiply","OS","isRTL","add","getTabBarWidth","navigationState","gap","flattenedTabWidth","reduce","acc","_","i","normalizeScrollValue","value","maxDistance","scrollValue","Math","max","min","getScrollAmount","centerDistance","Array","from","total","tabWidth","getLabelTextDefault","route","title","getAccessibleDefault","accessible","getAccessibilityLabelDefault","accessibilityLabel","undefined","renderIndicatorDefault","props","getTestIdDefault","testID","MEASURE_PER_BATCH","TabBar","getLabelText","getAccessible","getAccessibilityLabel","getTestID","renderIndicator","jumpTo","position","activeColor","bounces","contentContainerStyle","inactiveColor","indicatorContainerStyle","indicatorStyle","labelStyle","onTabLongPress","onTabPress","pressColor","pressOpacity","renderBadge","renderIcon","renderLabel","renderTabBarItem","android_ripple","setLayout","useState","height","setTabWidths","flatListRef","useRef","isFirst","measuredTabWidths","isWidthDynamic","scrollOffset","hasMeasuredTabWidths","Boolean","slice","every","r","useEffect","current","_flatListRef$current","scrollToOffset","offset","animated","handleLayout","e","nativeEvent","separatorsWidth","separatorPercent","tabBarWidthPercent","translateX","useMemo","renderItem","useCallback","item","onLayout","onPress","event","defaultPrevented","preventDefault","onLongPress","defaultTabWidth","Fragment","keyExtractor","contentContainerStyleMemoized","styles","tabContent","container","handleScroll","contentOffset","x","useNativeDriver","handleViewableItemsChanged","changed","isViewable","tabBar","pointerEvents","indicatorContainer","transform","getTabWidth","scroll","FlatList","data","horizontal","accessibilityRole","keyboardShouldPersistTaps","initialNumToRender","onViewableItemsChanged","alwaysBounceHorizontal","scrollsToTop","showsHorizontalScrollIndicator","showsVerticalScrollIndicator","automaticallyAdjustContentInsets","overScrollMode","scrollEventThrottle","onScroll","ref","create","flex","overflow","select","default","web","backgroundColor","elevation","shadowColor","shadowOpacity","shadowRadius","hairlineWidth","shadowOffset","zIndex","flexDirection","flexWrap","top","left","right","bottom"],"sourceRoot":"../../src","sources":["TabBar.tsx"],"mappings":"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","ignoreList":[]}

package/lib/module/TabBarIndicator.js

@@ -0,0 +1,101 @@
+import * as React from 'react';
+import { Animated, Easing, I18nManager, Platform, StyleSheet } from 'react-native';
+import useAnimatedValue from './useAnimatedValue';
+const getTranslateX = (position, routes, getTabWidth, gap) => {
+  const inputRange = routes.map((_, i) => i);
+
+  // every index contains widths at all previous indices
+  const outputRange = routes.reduce((acc, _, i) => {
+    if (i === 0) return [0];
+    return [...acc, acc[i - 1] + getTabWidth(i - 1) + (gap ?? 0)];
+  }, []);
+  const translateX = position.interpolate({
+    inputRange,
+    outputRange,
+    extrapolate: 'clamp'
+  });
+  return Animated.multiply(translateX, I18nManager.isRTL ? -1 : 1);
+};
+export default function TabBarIndicator({
+  getTabWidth,
+  layout,
+  navigationState,
+  position,
+  width,
+  gap,
+  style
+}) {
+  const isIndicatorShown = React.useRef(false);
+  const isWidthDynamic = width === 'auto';
+  const opacity = useAnimatedValue(isWidthDynamic ? 0 : 1);
+  const indicatorVisible = isWidthDynamic ? layout.width && navigationState.routes.slice(0, navigationState.index).every((_, r) => getTabWidth(r)) : true;
+  React.useEffect(() => {
+    const fadeInIndicator = () => {
+      if (!isIndicatorShown.current && isWidthDynamic &&
+      // We should fade-in the indicator when we have widths for all the tab items
+      indicatorVisible) {
+        isIndicatorShown.current = true;
+        Animated.timing(opacity, {
+          toValue: 1,
+          duration: 150,
+          easing: Easing.in(Easing.linear),
+          useNativeDriver: true
+        }).start();
+      }
+    };
+    fadeInIndicator();
+    return () => opacity.stopAnimation();
+  }, [indicatorVisible, isWidthDynamic, opacity]);
+  const {
+    routes
+  } = navigationState;
+  const transform = [];
+  if (layout.width) {
+    const translateX = routes.length > 1 ? getTranslateX(position, routes, getTabWidth, gap) : 0;
+    transform.push({
+      translateX
+    });
+  }
+  if (width === 'auto') {
+    const inputRange = routes.map((_, i) => i);
+    const outputRange = inputRange.map(getTabWidth);
+    transform.push({
+      scaleX: routes.length > 1 ? position.interpolate({
+        inputRange,
+        outputRange,
+        extrapolate: 'clamp'
+      }) : outputRange[0]
+    }, {
+      translateX: 0.5
+    });
+  }
+  return /*#__PURE__*/React.createElement(Animated.View, {
+    style: [styles.indicator, {
+      width: width === 'auto' ? 1 : width
+    },
+    // If layout is not available, use `left` property for positioning the indicator
+    // This avoids rendering delay until we are able to calculate translateX
+    // If platform is macos use `left` property as `transform` is broken at the moment.
+    // See: https://github.com/microsoft/react-native-macos/issues/280
+    layout.width && Platform.OS !== 'macos' ? {
+      left: 0
+    } : {
+      left: `${100 / routes.length * navigationState.index}%`
+    }, {
+      transform
+    }, width === 'auto' ? {
+      opacity: opacity
+    } : null, style]
+  });
+}
+const styles = StyleSheet.create({
+  indicator: {
+    backgroundColor: '#ffeb3b',
+    position: 'absolute',
+    left: 0,
+    bottom: 0,
+    right: 0,
+    height: 2
+  }
+});
+//# sourceMappingURL=TabBarIndicator.js.map

package/lib/module/TabBarIndicator.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","Animated","Easing","I18nManager","Platform","StyleSheet","useAnimatedValue","getTranslateX","position","routes","getTabWidth","gap","inputRange","map","_","i","outputRange","reduce","acc","translateX","interpolate","extrapolate","multiply","isRTL","TabBarIndicator","layout","navigationState","width","style","isIndicatorShown","useRef","isWidthDynamic","opacity","indicatorVisible","slice","index","every","r","useEffect","fadeInIndicator","current","timing","toValue","duration","easing","in","linear","useNativeDriver","start","stopAnimation","transform","length","push","scaleX","createElement","View","styles","indicator","OS","left","create","backgroundColor","bottom","right","height"],"sourceRoot":"../../src","sources":["TabBarIndicator.tsx"],"mappings":"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","ignoreList":[]}