react-native-ui-lib 7.36.0-snapshot.6098 → 7.37.0-snapshot.6100

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "react-native-ui-lib",
-  "version": "7.36.0-snapshot.6098",
+  "version": "7.37.0-snapshot.6100",
   "main": "src/index.js",
   "types": "src/index.d.ts",
   "author": "Ethan Sharabi <ethan.shar@gmail.com>",

package/src/components/tabController/TabBarContext.d.ts

@@ -13,7 +13,6 @@ interface TabControllerContext {
     /** transition page index (can be a fraction when transitioning between pages) */
     targetPage: Reanimated.SharedValue<number>;
     setCurrentIndex: (index: number) => void;
-    selectedIndex: number;
 }
 declare const TabBarContext: React.Context<TabControllerContext>;
 export default TabBarContext;

package/src/components/tabController/TabBarItem.js

@@ -44,8 +44,7 @@ export default function TabBarItem({
 }) {
   const {
     currentPage,
-    setCurrentIndex,
-    selectedIndex
+    setCurrentIndex
   } = useContext(TabBarContext);
   const itemRef = useRef();
   const itemWidth = useRef(props.width);
@@ -134,9 +133,7 @@ export default function TabBarItem({
   return <GestureDetector gesture={gesture}>
       <View reanimated
     // @ts-expect-error
-    ref={itemRef} style={_style} onLayout={onLayout} testID={testID} accessible accessibilityRole="tab" accessibilityState={{
-      selected: selectedIndex === index
-    }}>
+    ref={itemRef} style={_style} onLayout={onLayout} testID={testID} accessible accessibilityRole="tab">
         {leadingAccessory}
         {icon && <Reanimated.Image source={icon} style={[!_isUndefined(label) && styles.tabItemIconWithLabel, animatedIconStyle]} />}
         {!_isEmpty(label) && <Reanimated.Text {...labelProps} fsTagName={'unmask'} style={[styles.tabItemLabel, labelStyle, animatedLabelStyle, animatedLabelColorStyle]}>

package/src/components/tabController/index.js

@@ -38,7 +38,6 @@ const TabController = React.forwardRef((props, ref) => {
     children
   } = themeProps;
   const [screenWidth, setScreenWidth] = useState(getScreenWidth(useSafeArea));
-  const [selectedIndex, setSelectedIndex] = useState(initialIndex);
   if (items?.length < 2) {
     console.warn('TabController component expect a minimum of 2 items');
   }
@@ -62,7 +61,6 @@ const TabController = React.forwardRef((props, ref) => {
     'worklet';
 
     currentPage.value = index;
-    runOnJS(setSelectedIndex)(index);
   }, []);
   useEffect(() => {
     setCurrentIndex(initialIndex);
@@ -90,13 +88,12 @@ const TabController = React.forwardRef((props, ref) => {
       /* Animated Values */
       targetPage,
       currentPage,
-      selectedIndex,
       containerWidth: screenWidth,
       /* Callbacks */
       onChangeIndex,
       setCurrentIndex
     };
-  }, [initialIndex, asCarousel, items, onChangeIndex, screenWidth, nestedInScrollView, selectedIndex]);
+  }, [initialIndex, asCarousel, items, onChangeIndex, screenWidth, nestedInScrollView]);
   return <TabBarContext.Provider value={context}>{children}</TabBarContext.Provider>;
 });