@momo-kits/tab-view 0.92.16-beta.0 → 0.92.16-beta.2

package/index.tsx

@@ -29,8 +29,12 @@ const TabView: FC<TabViewProps> = ({
   const lazy = useRef([selectedIndex]).current;
   const {theme} = useContext(ApplicationContext);
   const _onPressTabItem = (index: number) => {
-    pagerRef.current?.setPage(index);
     onPressTabItem?.(index);
+    pagerRef.current?.setPage(index);
+
+    if (!lazy.includes(index)) {
+      lazy.push(index);
+    }
     setSelectedIndex(index);
   };
 

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@momo-kits/tab-view",
-    "version": "0.92.16-beta.0",
+    "version": "0.92.16-beta.2",
     "private": false,
     "main": "index.tsx",
     "dependencies": {},

package/publish.sh

@@ -6,16 +6,23 @@ mkdir dist
 rsync -r --exclude=/dist ./* dist
 cd dist
 
-if [ "$1" == "beta" ]; then  # Publish beta
-  npm version $(npm view @momo-kits/tab-view@beta version)
-  npm version prepatch --preid=beta
-  npm publish --tag beta --access=public
-else                        # Publish latest
-  npm version $(npm view @momo-kits/tab-view version)
+if [ "$1" == "stable" ]; then
+  npm version $(npm view @momo-kits/tab-view@stable version)
   npm version patch
+  npm publish --tag stable --access=public
+elif [ "$1" == "latest" ]; then
+  npm version $(npm view @momo-kits/tab-view@latest version)
+  npm version prerelease --preid=rc
   npm publish --tag latest --access=public
+else
+  npm version $(npm view @momo-kits/tab-view@beta version)
+  npm version prerelease --preid=beta
+  npm publish --tag beta --access=public
 fi
 
+PACKAGE_NAME=$(npm pkg get name)
+NEW_PACKAGE_VERSION=$(npm pkg get version)
+
 # Clean up
 cd ..
 rm -rf dist

package/tabBar/CardTabBar.tsx

@@ -69,16 +69,14 @@ const CardTabBar: FC<TabBarProps> = ({
             },
           ]}>
           {!!tabs[selectedIndex]?.renderIcon &&
-            !['string', 'boolean', 'number'].includes(
-              typeof tabs[selectedIndex]?.renderIcon,
-            ) && (
+            typeof tabs[selectedIndex]?.renderIcon === 'function' && (
               <View
                 style={[
                   styles.icon,
                   styles.iconHolder,
                   {marginRight: Spacing.XS},
                 ]}>
-                {tabs[selectedIndex]?.renderIcon}
+                {tabs[selectedIndex]?.renderIcon?.(true)}
               </View>
             )}
           {!tabs[selectedIndex]?.renderIcon && !!tabs[selectedIndex]?.icon && (

package/tabItem/TabItem.tsx

@@ -1,8 +1,7 @@
-import React, {FC, useContext} from 'react';
+import React, {FC} from 'react';
 import {TouchableOpacity, View} from 'react-native';
 import {TabItemProps} from '../types';
 import {
-  ApplicationContext,
   Badge,
   BadgeDot,
   Icon,
@@ -22,7 +21,6 @@ const TabItem: FC<TabItemProps> = ({
   selectedColor,
   unselectedColor,
 }) => {
-  const {theme} = useContext(ApplicationContext);
   const {
     title,
     icon,
@@ -52,17 +50,12 @@ const TabItem: FC<TabItemProps> = ({
           },
         ]}
         onPress={onPressTabItem}>
-        {renderIcon &&
-          !['string', 'boolean', 'number'].includes(typeof renderIcon) && (
-            <View
-              style={[
-                styles.icon,
-                styles.iconHolder,
-                {marginRight: Spacing.S},
-              ]}>
-              {renderIcon}
-            </View>
-          )}
+        {renderIcon && typeof renderIcon === 'function' && (
+          <View
+            style={[styles.icon, styles.iconHolder, {marginRight: Spacing.S}]}>
+            {renderIcon(active)}
+          </View>
+        )}
         {!renderIcon && !!icon && (
           <Icon
             style={[styles.icon, {marginRight: Spacing.S}]}
@@ -105,17 +98,16 @@ const TabItem: FC<TabItemProps> = ({
         ]}
         onPress={onPressTabItem}>
         <View>
-          {renderIcon &&
-            !['string', 'boolean', 'number'].includes(typeof renderIcon) && (
-              <View
-                style={[
-                  styles.icon,
-                  styles.iconHolder,
-                  {marginBottom: Spacing.XS},
-                ]}>
-                {renderIcon}
-              </View>
-            )}
+          {renderIcon && typeof renderIcon === 'function' && (
+            <View
+              style={[
+                styles.icon,
+                styles.iconHolder,
+                {marginBottom: Spacing.XS},
+              ]}>
+              {renderIcon(active)}
+            </View>
+          )}
           {!renderIcon && !!icon && (
             <Icon
               style={[

package/types.ts

@@ -1,4 +1,4 @@
-import {ReactElement, ReactNode} from 'react';
+import {ReactElement} from 'react';
 import {PagerViewProps} from 'react-native-pager-view';
 import {Animated} from 'react-native';
 
@@ -13,7 +13,7 @@ export type Tab = {
    */
   icon?: string;
 
-  renderIcon?: ReactNode;
+  renderIcon?: (active: boolean) => ReactElement;
 
   /**
    * The main component or content to be displayed when this tab is active.