@amazon-devices/react-navigation__react-native-tab-view 7.0.1758683737 → 8.0.9000000000

package/lib/module/TabBarIndicator.js

@@ -1,29 +1,44 @@
+"use strict";
+
 import * as React from 'react';
-import { Animated, Easing, I18nManager, Platform, StyleSheet } from 'react-native';
-import useAnimatedValue from './useAnimatedValue';
-const getTranslateX = (position, routes, getTabWidth, gap) => {
+import { Animated, Easing, Platform, StyleSheet } from 'react-native';
+import { useAnimatedValue } from "./useAnimatedValue.js";
+import { jsx as _jsx } from "react/jsx-runtime";
+const useNativeDriver = Platform.OS !== 'web';
+const getTranslateX = (position, routes, getTabWidth, direction, gap, width) => {
   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)];
+    if (typeof width === 'number') {
+      if (i === 0) return [getTabWidth(i) / 2 - width / 2];
+      let sumTabWidth = 0;
+      for (let j = 0; j < i; j++) {
+        sumTabWidth += getTabWidth(j);
+      }
+      return [...acc, sumTabWidth + getTabWidth(i) / 2 + (gap ? gap * i : 0) - width / 2];
+    } else {
+      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);
+  return Animated.multiply(translateX, direction === 'rtl' ? -1 : 1);
 };
-export default function TabBarIndicator({
+export function TabBarIndicator({
   getTabWidth,
   layout,
   navigationState,
   position,
   width,
+  direction,
   gap,
-  style
+  style,
+  children
 }) {
   const isIndicatorShown = React.useRef(false);
   const isWidthDynamic = width === 'auto';
@@ -39,7 +54,7 @@ export default function TabBarIndicator({
           toValue: 1,
           duration: 150,
           easing: Easing.in(Easing.linear),
-          useNativeDriver: true
+          useNativeDriver
         }).start();
       }
     };
@@ -51,7 +66,7 @@ export default function TabBarIndicator({
   } = navigationState;
   const transform = [];
   if (layout.width) {
-    const translateX = routes.length > 1 ? getTranslateX(position, routes, getTabWidth, gap) : 0;
+    const translateX = routes.length > 1 ? getTranslateX(position, routes, getTabWidth, direction, gap, width) : 0;
     transform.push({
       translateX
     });
@@ -66,35 +81,41 @@ export default function TabBarIndicator({
         extrapolate: 'clamp'
       }) : outputRange[0]
     }, {
-      translateX: 0.5
+      translateX: direction === 'rtl' ? -0.5 : 0.5
     });
   }
-  return /*#__PURE__*/React.createElement(Animated.View, {
-    style: [styles.indicator, {
+  const styleList = [];
+
+  // scaleX doesn't work properly on chrome and opera for linux and android
+  if (Platform.OS === 'web' && width === 'auto') {
+    styleList.push({
+      width: transform[1].scaleX
+    }, {
+      left: transform[0].translateX
+    });
+  } else {
+    styleList.push({
       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}%`
+    }, {
+      start: `${100 / routes.length * navigationState.index}%`
     }, {
       transform
-    }, width === 'auto' ? {
+    });
+  }
+  return /*#__PURE__*/_jsx(Animated.View, {
+    style: [styles.indicator, styleList, width === 'auto' ? {
       opacity: opacity
-    } : null, style]
+    } : null, style],
+    children: children
   });
 }
 const styles = StyleSheet.create({
   indicator: {
     backgroundColor: '#ffeb3b',
     position: 'absolute',
-    left: 0,
+    start: 0,
     bottom: 0,
-    right: 0,
+    end: 0,
     height: 2
   }
 });

package/lib/module/TabBarIndicator.js.map

@@ -1 +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":"AAAA,OAAO,KAAKA,KAAK,MAAM,OAAO;AAC9B,SACEC,QAAQ,EAERC,MAAM,EACNC,WAAW,EACXC,QAAQ,EAERC,UAAU,QAEL,cAAc;AAGrB,OAAOC,gBAAgB,MAAM,oBAAoB;AAYjD,MAAMC,aAAa,GAAGA,CACpBC,QAAgD,EAChDC,MAAe,EACfC,WAAwB,EACxBC,GAAY,KACT;EACH,MAAMC,UAAU,GAAGH,MAAM,CAACI,GAAG,CAAC,CAACC,CAAC,EAAEC,CAAC,KAAKA,CAAC,CAAC;;EAE1C;EACA,MAAMC,WAAW,GAAGP,MAAM,CAACQ,MAAM,CAAW,CAACC,GAAG,EAAEJ,CAAC,EAAEC,CAAC,KAAK;IACzD,IAAIA,CAAC,KAAK,CAAC,EAAE,OAAO,CAAC,CAAC,CAAC;IACvB,OAAO,CAAC,GAAGG,GAAG,EAAEA,GAAG,CAACH,CAAC,GAAG,CAAC,CAAC,GAAGL,WAAW,CAACK,CAAC,GAAG,CAAC,CAAC,IAAIJ,GAAG,IAAI,CAAC,CAAC,CAAC;EAC/D,CAAC,EAAE,EAAE,CAAC;EAEN,MAAMQ,UAAU,GAAGX,QAAQ,CAACY,WAAW,CAAC;IACtCR,UAAU;IACVI,WAAW;IACXK,WAAW,EAAE;EACf,CAAC,CAAC;EAEF,OAAOpB,QAAQ,CAACqB,QAAQ,CAACH,UAAU,EAAEhB,WAAW,CAACoB,KAAK,GAAG,CAAC,CAAC,GAAG,CAAC,CAAC;AAClE,CAAC;AAED,eAAe,SAASC,eAAeA,CAAkB;EACvDd,WAAW;EACXe,MAAM;EACNC,eAAe;EACflB,QAAQ;EACRmB,KAAK;EACLhB,GAAG;EACHiB;AACQ,CAAC,EAAE;EACX,MAAMC,gBAAgB,GAAG7B,KAAK,CAAC8B,MAAM,CAAC,KAAK,CAAC;EAC5C,MAAMC,cAAc,GAAGJ,KAAK,KAAK,MAAM;EAEvC,MAAMK,OAAO,GAAG1B,gBAAgB,CAACyB,cAAc,GAAG,CAAC,GAAG,CAAC,CAAC;EAExD,MAAME,gBAAgB,GAAGF,cAAc,GACnCN,MAAM,CAACE,KAAK,IACZD,eAAe,CAACjB,MAAM,CACnByB,KAAK,CAAC,CAAC,EAAER,eAAe,CAACS,KAAK,CAAC,CAC/BC,KAAK,CAAC,CAACtB,CAAC,EAAEuB,CAAC,KAAK3B,WAAW,CAAC2B,CAAC,CAAC,CAAC,GAClC,IAAI;EAERrC,KAAK,CAACsC,SAAS,CAAC,MAAM;IACpB,MAAMC,eAAe,GAAGA,CAAA,KAAM;MAC5B,IACE,CAACV,gBAAgB,CAACW,OAAO,IACzBT,cAAc;MACd;MACAE,gBAAgB,EAChB;QACAJ,gBAAgB,CAACW,OAAO,GAAG,IAAI;QAE/BvC,QAAQ,CAACwC,MAAM,CAACT,OAAO,EAAE;UACvBU,OAAO,EAAE,CAAC;UACVC,QAAQ,EAAE,GAAG;UACbC,MAAM,EAAE1C,MAAM,CAAC2C,EAAE,CAAC3C,MAAM,CAAC4C,MAAM,CAAC;UAChCC,eAAe,EAAE;QACnB,CAAC,CAAC,CAACC,KAAK,CAAC,CAAC;MACZ;IACF,CAAC;IAEDT,eAAe,CAAC,CAAC;IAEjB,OAAO,MAAMP,OAAO,CAACiB,aAAa,CAAC,CAAC;EACtC,CAAC,EAAE,CAAChB,gBAAgB,EAAEF,cAAc,EAAEC,OAAO,CAAC,CAAC;EAE/C,MAAM;IAAEvB;EAAO,CAAC,GAAGiB,eAAe;EAElC,MAAMwB,SAAS,GAAG,EAAE;EAEpB,IAAIzB,MAAM,CAACE,KAAK,EAAE;IAChB,MAAMR,UAAU,GACdV,MAAM,CAAC0C,MAAM,GAAG,CAAC,GAAG5C,aAAa,CAACC,QAAQ,EAAEC,MAAM,EAAEC,WAAW,EAAEC,GAAG,CAAC,GAAG,CAAC;IAE3EuC,SAAS,CAACE,IAAI,CAAC;MAAEjC;IAAW,CAAC,CAAC;EAChC;EAEA,IAAIQ,KAAK,KAAK,MAAM,EAAE;IACpB,MAAMf,UAAU,GAAGH,MAAM,CAACI,GAAG,CAAC,CAACC,CAAC,EAAEC,CAAC,KAAKA,CAAC,CAAC;IAC1C,MAAMC,WAAW,GAAGJ,UAAU,CAACC,GAAG,CAACH,WAAW,CAAC;IAE/CwC,SAAS,CAACE,IAAI,CACZ;MACEC,MAAM,EACJ5C,MAAM,CAAC0C,MAAM,GAAG,CAAC,GACb3C,QAAQ,CAACY,WAAW,CAAC;QACnBR,UAAU;QACVI,WAAW;QACXK,WAAW,EAAE;MACf,CAAC,CAAC,GACFL,WAAW,CAAC,CAAC;IACrB,CAAC,EACD;MAAEG,UAAU,EAAE;IAAI,CACpB,CAAC;EACH;EAEA,oBACEnB,KAAA,CAAAsD,aAAA,CAACrD,QAAQ,CAACsD,IAAI;IACZ3B,KAAK,EAAE,CACL4B,MAAM,CAACC,SAAS,EAChB;MAAE9B,KAAK,EAAGA,KAAK,KAAK,MAAM,GAAG,CAAC,GAAGA;IAAqC,CAAC;IACvE;IACA;IACA;IACA;IACAF,MAAM,CAACE,KAAK,IAAIvB,QAAQ,CAACsD,EAAE,KAAK,OAAO,GACnC;MAAEC,IAAI,EAAE;IAAE,CAAC,GACX;MAAEA,IAAI,EAAE,GAAI,GAAG,GAAGlD,MAAM,CAAC0C,MAAM,GAAIzB,eAAe,CAACS,KAAK;IAAI,CAAC,EACjE;MAAEe;IAAU,CAAC,EACbvB,KAAK,KAAK,MAAM,GAAG;MAAEK,OAAO,EAAEA;IAAQ,CAAC,GAAG,IAAI,EAC9CJ,KAAK;EACL,CACH,CAAC;AAEN;AAEA,MAAM4B,MAAM,GAAGnD,UAAU,CAACuD,MAAM,CAAC;EAC/BH,SAAS,EAAE;IACTI,eAAe,EAAE,SAAS;IAC1BrD,QAAQ,EAAE,UAAU;IACpBmD,IAAI,EAAE,CAAC;IACPG,MAAM,EAAE,CAAC;IACTC,KAAK,EAAE,CAAC;IACRC,MAAM,EAAE;EACV;AACF,CAAC,CAAC","ignoreList":[]}
+{"version":3,"names":["React","Animated","Easing","Platform","StyleSheet","useAnimatedValue","jsx","_jsx","useNativeDriver","OS","getTranslateX","position","routes","getTabWidth","direction","gap","width","inputRange","map","_","i","outputRange","reduce","acc","sumTabWidth","j","translateX","interpolate","extrapolate","multiply","TabBarIndicator","layout","navigationState","style","children","isIndicatorShown","useRef","isWidthDynamic","opacity","indicatorVisible","slice","index","every","r","useEffect","fadeInIndicator","current","timing","toValue","duration","easing","in","linear","start","stopAnimation","transform","length","push","scaleX","styleList","left","View","styles","indicator","create","backgroundColor","bottom","end","height"],"sourceRoot":"../../src","sources":["TabBarIndicator.tsx"],"mappings":";;AAAA,OAAO,KAAKA,KAAK,MAAM,OAAO;AAC9B,SACEC,QAAQ,EACRC,MAAM,EACNC,QAAQ,EAERC,UAAU,QAEL,cAAc;AAQrB,SAASC,gBAAgB,QAAQ,uBAAoB;AAAC,SAAAC,GAAA,IAAAC,IAAA;AActD,MAAMC,eAAe,GAAGL,QAAQ,CAACM,EAAE,KAAK,KAAK;AAE7C,MAAMC,aAAa,GAAGA,CACpBC,QAAgD,EAChDC,MAAe,EACfC,WAAwB,EACxBC,SAA0B,EAC1BC,GAAY,EACZC,KAAuB,KACpB;EACH,MAAMC,UAAU,GAAGL,MAAM,CAACM,GAAG,CAAC,CAACC,CAAC,EAAEC,CAAC,KAAKA,CAAC,CAAC;;EAE1C;EACA,MAAMC,WAAW,GAAGT,MAAM,CAACU,MAAM,CAAW,CAACC,GAAG,EAAEJ,CAAC,EAAEC,CAAC,KAAK;IACzD,IAAI,OAAOJ,KAAK,KAAK,QAAQ,EAAE;MAC7B,IAAII,CAAC,KAAK,CAAC,EAAE,OAAO,CAACP,WAAW,CAACO,CAAC,CAAC,GAAG,CAAC,GAAGJ,KAAK,GAAG,CAAC,CAAC;MAEpD,IAAIQ,WAAW,GAAG,CAAC;MACnB,KAAK,IAAIC,CAAC,GAAG,CAAC,EAAEA,CAAC,GAAGL,CAAC,EAAEK,CAAC,EAAE,EAAE;QAC1BD,WAAW,IAAIX,WAAW,CAACY,CAAC,CAAC;MAC/B;MAEA,OAAO,CACL,GAAGF,GAAG,EACNC,WAAW,GAAGX,WAAW,CAACO,CAAC,CAAC,GAAG,CAAC,IAAIL,GAAG,GAAGA,GAAG,GAAGK,CAAC,GAAG,CAAC,CAAC,GAAGJ,KAAK,GAAG,CAAC,CACnE;IACH,CAAC,MAAM;MACL,IAAII,CAAC,KAAK,CAAC,EAAE,OAAO,CAAC,CAAC,CAAC;MACvB,OAAO,CAAC,GAAGG,GAAG,EAAEA,GAAG,CAACH,CAAC,GAAG,CAAC,CAAC,GAAGP,WAAW,CAACO,CAAC,GAAG,CAAC,CAAC,IAAIL,GAAG,IAAI,CAAC,CAAC,CAAC;IAC/D;EACF,CAAC,EAAE,EAAE,CAAC;EAEN,MAAMW,UAAU,GAAGf,QAAQ,CAACgB,WAAW,CAAC;IACtCV,UAAU;IACVI,WAAW;IACXO,WAAW,EAAE;EACf,CAAC,CAAC;EAEF,OAAO3B,QAAQ,CAAC4B,QAAQ,CAACH,UAAU,EAAEZ,SAAS,KAAK,KAAK,GAAG,CAAC,CAAC,GAAG,CAAC,CAAC;AACpE,CAAC;AAED,OAAO,SAASgB,eAAeA,CAAkB;EAC/CjB,WAAW;EACXkB,MAAM;EACNC,eAAe;EACfrB,QAAQ;EACRK,KAAK;EACLF,SAAS;EACTC,GAAG;EACHkB,KAAK;EACLC;AACQ,CAAC,EAAE;EACX,MAAMC,gBAAgB,GAAGnC,KAAK,CAACoC,MAAM,CAAC,KAAK,CAAC;EAC5C,MAAMC,cAAc,GAAGrB,KAAK,KAAK,MAAM;EAEvC,MAAMsB,OAAO,GAAGjC,gBAAgB,CAACgC,cAAc,GAAG,CAAC,GAAG,CAAC,CAAC;EAExD,MAAME,gBAAgB,GAAGF,cAAc,GACnCN,MAAM,CAACf,KAAK,IACZgB,eAAe,CAACpB,MAAM,CACnB4B,KAAK,CAAC,CAAC,EAAER,eAAe,CAACS,KAAK,CAAC,CAC/BC,KAAK,CAAC,CAACvB,CAAC,EAAEwB,CAAC,KAAK9B,WAAW,CAAC8B,CAAC,CAAC,CAAC,GAClC,IAAI;EAER3C,KAAK,CAAC4C,SAAS,CAAC,MAAM;IACpB,MAAMC,eAAe,GAAGA,CAAA,KAAM;MAC5B,IACE,CAACV,gBAAgB,CAACW,OAAO,IACzBT,cAAc;MACd;MACAE,gBAAgB,EAChB;QACAJ,gBAAgB,CAACW,OAAO,GAAG,IAAI;QAE/B7C,QAAQ,CAAC8C,MAAM,CAACT,OAAO,EAAE;UACvBU,OAAO,EAAE,CAAC;UACVC,QAAQ,EAAE,GAAG;UACbC,MAAM,EAAEhD,MAAM,CAACiD,EAAE,CAACjD,MAAM,CAACkD,MAAM,CAAC;UAChC5C;QACF,CAAC,CAAC,CAAC6C,KAAK,CAAC,CAAC;MACZ;IACF,CAAC;IAEDR,eAAe,CAAC,CAAC;IAEjB,OAAO,MAAMP,OAAO,CAACgB,aAAa,CAAC,CAAC;EACtC,CAAC,EAAE,CAACf,gBAAgB,EAAEF,cAAc,EAAEC,OAAO,CAAC,CAAC;EAE/C,MAAM;IAAE1B;EAAO,CAAC,GAAGoB,eAAe;EAElC,MAAMuB,SAAS,GAAG,EAAE;EAEpB,IAAIxB,MAAM,CAACf,KAAK,EAAE;IAChB,MAAMU,UAAU,GACdd,MAAM,CAAC4C,MAAM,GAAG,CAAC,GACb9C,aAAa,CAACC,QAAQ,EAAEC,MAAM,EAAEC,WAAW,EAAEC,SAAS,EAAEC,GAAG,EAAEC,KAAK,CAAC,GACnE,CAAC;IAEPuC,SAAS,CAACE,IAAI,CAAC;MAAE/B;IAAW,CAAC,CAAC;EAChC;EAEA,IAAIV,KAAK,KAAK,MAAM,EAAE;IACpB,MAAMC,UAAU,GAAGL,MAAM,CAACM,GAAG,CAAC,CAACC,CAAC,EAAEC,CAAC,KAAKA,CAAC,CAAC;IAC1C,MAAMC,WAAW,GAAGJ,UAAU,CAACC,GAAG,CAACL,WAAW,CAAC;IAE/C0C,SAAS,CAACE,IAAI,CACZ;MACEC,MAAM,EACJ9C,MAAM,CAAC4C,MAAM,GAAG,CAAC,GACb7C,QAAQ,CAACgB,WAAW,CAAC;QACnBV,UAAU;QACVI,WAAW;QACXO,WAAW,EAAE;MACf,CAAC,CAAC,GACFP,WAAW,CAAC,CAAC;IACrB,CAAC,EACD;MAAEK,UAAU,EAAEZ,SAAS,KAAK,KAAK,GAAG,CAAC,GAAG,GAAG;IAAI,CACjD,CAAC;EACH;EAEA,MAAM6C,SAA+B,GAAG,EAAE;;EAE1C;EACA,IAAIxD,QAAQ,CAACM,EAAE,KAAK,KAAK,IAAIO,KAAK,KAAK,MAAM,EAAE;IAC7C2C,SAAS,CAACF,IAAI,CACZ;MAAEzC,KAAK,EAAEuC,SAAS,CAAC,CAAC,CAAC,CAACG;IAAO,CAAC,EAC9B;MAAEE,IAAI,EAAEL,SAAS,CAAC,CAAC,CAAC,CAAC7B;IAAW,CAClC,CAAC;EACH,CAAC,MAAM;IACLiC,SAAS,CAACF,IAAI,CACZ;MAAEzC,KAAK,EAAEA,KAAK,KAAK,MAAM,GAAG,CAAC,GAAGA;IAAM,CAAC,EACvC;MAAEqC,KAAK,EAAE,GAAI,GAAG,GAAGzC,MAAM,CAAC4C,MAAM,GAAIxB,eAAe,CAACS,KAAK;IAAI,CAAC,EAC9D;MAAEc;IAAU,CACd,CAAC;EACH;EAEA,oBACEhD,IAAA,CAACN,QAAQ,CAAC4D,IAAI;IACZ5B,KAAK,EAAE,CACL6B,MAAM,CAACC,SAAS,EAChBJ,SAAS,EACT3C,KAAK,KAAK,MAAM,GAAG;MAAEsB,OAAO,EAAEA;IAAQ,CAAC,GAAG,IAAI,EAC9CL,KAAK,CACL;IAAAC,QAAA,EAEDA;EAAQ,CACI,CAAC;AAEpB;AAEA,MAAM4B,MAAM,GAAG1D,UAAU,CAAC4D,MAAM,CAAC;EAC/BD,SAAS,EAAE;IACTE,eAAe,EAAE,SAAS;IAC1BtD,QAAQ,EAAE,UAAU;IACpB0C,KAAK,EAAE,CAAC;IACRa,MAAM,EAAE,CAAC;IACTC,GAAG,EAAE,CAAC;IACNC,MAAM,EAAE;EACV;AACF,CAAC,CAAC","ignoreList":[]}

package/lib/module/TabBarItem.js

@@ -1,10 +1,14 @@
-function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
+"use strict";
+
 import * as React from 'react';
-import { Animated, StyleSheet, View } from 'react-native';
+import { Animated, Platform, StyleSheet, View } from 'react-native';
 import useLatestCallback from 'use-latest-callback';
-import PlatformPressable from './PlatformPressable';
+import { PlatformPressable } from "./PlatformPressable.js";
+import { TabBarItemLabel } from "./TabBarItemLabel.js";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 const DEFAULT_ACTIVE_COLOR = 'rgba(255, 255, 255, 1)';
 const DEFAULT_INACTIVE_COLOR = 'rgba(255, 255, 255, 0.7)';
+const ICON_SIZE = 24;
 const getActiveOpacity = (position, routesLength, tabIndex) => {
   if (routesLength > 1) {
     const inputRange = Array.from({
@@ -31,16 +35,18 @@ const getInactiveOpacity = (position, routesLength, tabIndex) => {
     return 0;
   }
 };
+const ANDROID_RIPPLE_DEFAULT = {
+  borderless: true
+};
 const TabBarItemInternal = ({
-  getAccessibilityLabel,
-  getAccessible,
-  getLabelText,
-  getTestID,
+  accessibilityLabel,
+  accessible,
+  label: customlabel,
+  testID,
   onLongPress,
   onPress,
   isFocused,
   position,
-  route,
   style,
   inactiveColor: inactiveColorCustom,
   activeColor: activeColorCustom,
@@ -49,122 +55,112 @@ const TabBarItemInternal = ({
   index: tabIndex,
   pressColor,
   pressOpacity,
-  renderBadge,
-  renderIcon,
   defaultTabWidth,
+  icon: customIcon,
+  badge: customBadge,
+  href,
+  labelText,
   routesLength,
-  renderLabel: renderLabelCustom,
-  android_ripple = {
-    borderless: true
-  }
+  android_ripple = ANDROID_RIPPLE_DEFAULT,
+  labelAllowFontScaling,
+  route
 }) => {
   const labelColorFromStyle = StyleSheet.flatten(labelStyle || {}).color;
   const activeColor = activeColorCustom !== undefined ? activeColorCustom : typeof labelColorFromStyle === 'string' ? labelColorFromStyle : DEFAULT_ACTIVE_COLOR;
   const inactiveColor = inactiveColorCustom !== undefined ? inactiveColorCustom : typeof labelColorFromStyle === 'string' ? labelColorFromStyle : DEFAULT_INACTIVE_COLOR;
   const activeOpacity = getActiveOpacity(position, routesLength, tabIndex);
   const inactiveOpacity = getInactiveOpacity(position, routesLength, tabIndex);
-  let icon = null;
-  let label = null;
-  if (renderIcon) {
-    const activeIcon = renderIcon({
-      route,
-      focused: true,
-      color: activeColor
-    });
-    const inactiveIcon = renderIcon({
-      route,
+  const icon = React.useMemo(() => {
+    if (!customIcon) {
+      return null;
+    }
+    const inactiveIcon = customIcon({
       focused: false,
-      color: inactiveColor
+      color: inactiveColor,
+      size: ICON_SIZE,
+      route
+    });
+    const activeIcon = customIcon({
+      focused: true,
+      color: activeColor,
+      size: ICON_SIZE,
+      route
     });
-    if (inactiveIcon != null && activeIcon != null) {
-      icon = /*#__PURE__*/React.createElement(View, {
-        style: styles.icon
-      }, /*#__PURE__*/React.createElement(Animated.View, {
+    return /*#__PURE__*/_jsxs(View, {
+      style: styles.icon,
+      children: [/*#__PURE__*/_jsx(Animated.View, {
         style: {
           opacity: inactiveOpacity
-        }
-      }, inactiveIcon), /*#__PURE__*/React.createElement(Animated.View, {
+        },
+        children: inactiveIcon
+      }), /*#__PURE__*/_jsx(Animated.View, {
         style: [StyleSheet.absoluteFill, {
           opacity: activeOpacity
-        }]
-      }, activeIcon));
-    }
-  }
-  const renderLabel = renderLabelCustom !== undefined ? renderLabelCustom : labelProps => {
-    const labelText = getLabelText({
-      route: labelProps.route
+        }],
+        children: activeIcon
+      })]
     });
-    if (typeof labelText === 'string') {
-      return /*#__PURE__*/React.createElement(Animated.Text, {
-        style: [styles.label, icon ? {
-          marginTop: 0
-        } : null, labelStyle, {
-          color: labelProps.color
-        }]
-      }, labelText);
-    }
-    return labelText;
-  };
-  if (renderLabel) {
-    const activeLabel = renderLabel({
-      route,
-      focused: true,
-      color: activeColor
-    });
-    const inactiveLabel = renderLabel({
-      route,
-      focused: false,
-      color: inactiveColor
-    });
-    label = /*#__PURE__*/React.createElement(View, null, /*#__PURE__*/React.createElement(Animated.View, {
-      style: {
-        opacity: inactiveOpacity
-      }
-    }, inactiveLabel), /*#__PURE__*/React.createElement(Animated.View, {
-      style: [StyleSheet.absoluteFill, {
-        opacity: activeOpacity
-      }]
-    }, activeLabel));
-  }
+  }, [activeColor, activeOpacity, customIcon, inactiveColor, inactiveOpacity, route]);
+  const renderLabel = React.useCallback(focused => customlabel ? customlabel({
+    focused,
+    color: focused ? activeColor : inactiveColor,
+    style: labelStyle,
+    labelText,
+    allowFontScaling: labelAllowFontScaling,
+    route
+  }) : /*#__PURE__*/_jsx(TabBarItemLabel, {
+    color: focused ? activeColor : inactiveColor,
+    icon: icon,
+    label: labelText,
+    style: labelStyle
+  }), [customlabel, activeColor, labelStyle, labelText, labelAllowFontScaling, route, inactiveColor, icon]);
   const tabStyle = StyleSheet.flatten(style);
-  const isWidthSet = (tabStyle === null || tabStyle === void 0 ? void 0 : tabStyle.width) !== undefined;
+  const isWidthSet = tabStyle?.width !== undefined;
   const tabContainerStyle = isWidthSet ? null : {
     width: defaultTabWidth
   };
-  const scene = {
-    route
-  };
-  let accessibilityLabel = getAccessibilityLabel(scene);
-  accessibilityLabel = typeof accessibilityLabel !== 'undefined' ? accessibilityLabel : getLabelText(scene);
-  const badge = renderBadge ? renderBadge(scene) : null;
-  return /*#__PURE__*/React.createElement(PlatformPressable, {
+  const ariaLabel = typeof accessibilityLabel !== 'undefined' ? accessibilityLabel : labelText;
+  return /*#__PURE__*/_jsx(PlatformPressable, {
     android_ripple: android_ripple,
-    testID: getTestID(scene),
-    accessible: getAccessible(scene),
-    accessibilityLabel: accessibilityLabel,
-    accessibilityRole: "tab",
-    accessibilityState: {
-      selected: isFocused
-    }
-    // @ts-ignore: this is to support older React Native versions
-    ,
-    accessibilityStates: isFocused ? ['selected'] : [],
+    testID: testID,
+    accessible: accessible,
+    role: "tab",
+    "aria-label": ariaLabel,
+    "aria-selected": isFocused,
     pressColor: pressColor,
     pressOpacity: pressOpacity,
-    delayPressIn: 0,
+    unstable_pressDelay: 0,
     onLayout: onLayout,
     onPress: onPress,
     onLongPress: onLongPress,
-    style: [styles.pressable, tabContainerStyle]
-  }, /*#__PURE__*/React.createElement(View, {
-    pointerEvents: "none",
-    style: [styles.item, tabStyle]
-  }, icon, label, badge != null ? /*#__PURE__*/React.createElement(View, {
-    style: styles.badge
-  }, badge) : null));
+    href: href,
+    style: [styles.pressable, tabContainerStyle],
+    children: /*#__PURE__*/_jsxs(View, {
+      pointerEvents: "none",
+      style: [styles.item, tabStyle],
+      children: [icon, /*#__PURE__*/_jsxs(View, {
+        children: [/*#__PURE__*/_jsx(Animated.View, {
+          style: {
+            opacity: inactiveOpacity
+          },
+          children: renderLabel(false)
+        }), /*#__PURE__*/_jsx(Animated.View, {
+          style: [StyleSheet.absoluteFill, {
+            opacity: activeOpacity
+          }],
+          children: renderLabel(true)
+        })]
+      }), customBadge != null ? /*#__PURE__*/_jsx(View, {
+        style: styles.badge,
+        children: customBadge({
+          route
+        })
+      }) : null]
+    })
+  });
 };
 const MemoizedTabBarItemInternal = /*#__PURE__*/React.memo(TabBarItemInternal);
-function TabBarItem(props) {
+export function TabBarItem(props) {
   const {
     onPress,
     onLongPress,
@@ -177,7 +173,8 @@ function TabBarItem(props) {
   const onLongPressLatest = useLatestCallback(onLongPress);
   const onLayoutLatest = useLatestCallback(onLayout ? onLayout : () => {});
   const tabIndex = navigationState.routes.indexOf(route);
-  return /*#__PURE__*/React.createElement(MemoizedTabBarItemInternal, _extends({}, rest, {
+  return /*#__PURE__*/_jsx(MemoizedTabBarItemInternal, {
+    ...rest,
     onPress: onPressLatest,
     onLayout: onLayoutLatest,
     onLongPress: onLongPressLatest,
@@ -185,15 +182,9 @@ function TabBarItem(props) {
     route: route,
     index: tabIndex,
     routesLength: navigationState.routes.length
-  }));
+  });
 }
-export default TabBarItem;
 const styles = StyleSheet.create({
-  label: {
-    margin: 4,
-    backgroundColor: 'transparent',
-    textTransform: 'uppercase'
-  },
   icon: {
     margin: 2
   },
@@ -207,12 +198,20 @@ const styles = StyleSheet.create({
   badge: {
     position: 'absolute',
     top: 0,
-    right: 0
+    end: 0
   },
   pressable: {
     // The label is not pressable on Windows
     // Adding backgroundColor: 'transparent' seems to fix it
-    backgroundColor: 'transparent'
+    backgroundColor: 'transparent',
+    ...Platform.select({
+      // Roundness for iPad hover effect
+      ios: {
+        borderRadius: 10,
+        borderCurve: 'continuous'
+      },
+      default: null
+    })
   }
 });
 //# sourceMappingURL=TabBarItem.js.map

package/lib/module/TabBarItem.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","Animated","StyleSheet","View","useLatestCallback","PlatformPressable","DEFAULT_ACTIVE_COLOR","DEFAULT_INACTIVE_COLOR","getActiveOpacity","position","routesLength","tabIndex","inputRange","Array","from","length","_","i","interpolate","outputRange","map","getInactiveOpacity","TabBarItemInternal","getAccessibilityLabel","getAccessible","getLabelText","getTestID","onLongPress","onPress","isFocused","route","style","inactiveColor","inactiveColorCustom","activeColor","activeColorCustom","labelStyle","onLayout","index","pressColor","pressOpacity","renderBadge","renderIcon","defaultTabWidth","renderLabel","renderLabelCustom","android_ripple","borderless","labelColorFromStyle","flatten","color","undefined","activeOpacity","inactiveOpacity","icon","label","activeIcon","focused","inactiveIcon","createElement","styles","opacity","absoluteFill","labelProps","labelText","Text","marginTop","activeLabel","inactiveLabel","tabStyle","isWidthSet","width","tabContainerStyle","scene","accessibilityLabel","badge","testID","accessible","accessibilityRole","accessibilityState","selected","accessibilityStates","delayPressIn","pressable","pointerEvents","item","MemoizedTabBarItemInternal","memo","TabBarItem","props","navigationState","rest","onPressLatest","onLongPressLatest","onLayoutLatest","routes","indexOf","_extends","create","margin","backgroundColor","textTransform","flex","alignItems","justifyContent","padding","minHeight","top","right"],"sourceRoot":"../../src","sources":["TabBarItem.tsx"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["React","Animated","Platform","StyleSheet","View","useLatestCallback","PlatformPressable","TabBarItemLabel","jsx","_jsx","jsxs","_jsxs","DEFAULT_ACTIVE_COLOR","DEFAULT_INACTIVE_COLOR","ICON_SIZE","getActiveOpacity","position","routesLength","tabIndex","inputRange","Array","from","length","_","i","interpolate","outputRange","map","getInactiveOpacity","ANDROID_RIPPLE_DEFAULT","borderless","TabBarItemInternal","accessibilityLabel","accessible","label","customlabel","testID","onLongPress","onPress","isFocused","style","inactiveColor","inactiveColorCustom","activeColor","activeColorCustom","labelStyle","onLayout","index","pressColor","pressOpacity","defaultTabWidth","icon","customIcon","badge","customBadge","href","labelText","android_ripple","labelAllowFontScaling","route","labelColorFromStyle","flatten","color","undefined","activeOpacity","inactiveOpacity","useMemo","inactiveIcon","focused","size","activeIcon","styles","children","opacity","absoluteFill","renderLabel","useCallback","allowFontScaling","tabStyle","isWidthSet","width","tabContainerStyle","ariaLabel","role","unstable_pressDelay","pressable","pointerEvents","item","MemoizedTabBarItemInternal","memo","TabBarItem","props","navigationState","rest","onPressLatest","onLongPressLatest","onLayoutLatest","routes","indexOf","create","margin","flex","alignItems","justifyContent","padding","minHeight","top","end","backgroundColor","select","ios","borderRadius","borderCurve","default"],"sourceRoot":"../../src","sources":["TabBarItem.tsx"],"mappings":"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","ignoreList":[]}

package/lib/module/TabBarItemLabel.js

@@ -0,0 +1,33 @@
+"use strict";
+
+import React from 'react';
+import { Animated, StyleSheet } from 'react-native';
+import { jsx as _jsx } from "react/jsx-runtime";
+export const TabBarItemLabel = /*#__PURE__*/React.memo(({
+  color,
+  label,
+  style,
+  icon
+}) => {
+  if (!label) {
+    return null;
+  }
+  return /*#__PURE__*/_jsx(Animated.Text, {
+    style: [styles.label, icon ? {
+      marginTop: 0
+    } : null, style, {
+      color: color
+    }],
+    children: label
+  });
+});
+TabBarItemLabel.displayName = 'TabBarItemLabel';
+const styles = StyleSheet.create({
+  label: {
+    margin: 4,
+    fontSize: 14,
+    fontWeight: '500',
+    backgroundColor: 'transparent'
+  }
+});
+//# sourceMappingURL=TabBarItemLabel.js.map

package/lib/module/TabBarItemLabel.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","Animated","StyleSheet","jsx","_jsx","TabBarItemLabel","memo","color","label","style","icon","Text","styles","marginTop","children","displayName","create","margin","fontSize","fontWeight","backgroundColor"],"sourceRoot":"../../src","sources":["TabBarItemLabel.tsx"],"mappings":";;AAAA,OAAOA,KAAK,MAAM,OAAO;AAEzB,SAASC,QAAQ,EAAEC,UAAU,QAAQ,cAAc;AAAC,SAAAC,GAAA,IAAAC,IAAA;AASpD,OAAO,MAAMC,eAAe,gBAAGL,KAAK,CAACM,IAAI,CACvC,CAAC;EAAEC,KAAK;EAAEC,KAAK;EAAEC,KAAK;EAAEC;AAA2B,CAAC,KAAK;EACvD,IAAI,CAACF,KAAK,EAAE;IACV,OAAO,IAAI;EACb;EAEA,oBACEJ,IAAA,CAACH,QAAQ,CAACU,IAAI;IACZF,KAAK,EAAE,CACLG,MAAM,CAACJ,KAAK,EACZE,IAAI,GAAG;MAAEG,SAAS,EAAE;IAAE,CAAC,GAAG,IAAI,EAC9BJ,KAAK,EACL;MAAEF,KAAK,EAAEA;IAAM,CAAC,CAChB;IAAAO,QAAA,EAEDN;EAAK,CACO,CAAC;AAEpB,CACF,CAAC;AAEDH,eAAe,CAACU,WAAW,GAAG,iBAAiB;AAE/C,MAAMH,MAAM,GAAGV,UAAU,CAACc,MAAM,CAAC;EAC/BR,KAAK,EAAE;IACLS,MAAM,EAAE,CAAC;IACTC,QAAQ,EAAE,EAAE;IACZC,UAAU,EAAE,KAAK;IACjBC,eAAe,EAAE;EACnB;AACF,CAAC,CAAC","ignoreList":[]}