@react-navigation/bottom-tabs - npm Package Compare versions

Comparing version 6.5.7 to 6.5.9

lib/typescript/src/navigators/createBottomTabNavigator.d.ts

@@ -1,5 +0,4 @@
-/// <reference types="react" />
 import { DefaultNavigatorOptions, ParamListBase, TabNavigationState, TabRouterOptions } from '@react-navigation/native';
 import type { BottomTabNavigationConfig, BottomTabNavigationEventMap, BottomTabNavigationOptions } from '../types';
-declare type Props = DefaultNavigatorOptions<ParamListBase, TabNavigationState<ParamListBase>, BottomTabNavigationOptions, BottomTabNavigationEventMap> & TabRouterOptions & BottomTabNavigationConfig;
+type Props = DefaultNavigatorOptions<ParamListBase, TabNavigationState<ParamListBase>, BottomTabNavigationOptions, BottomTabNavigationEventMap> & TabRouterOptions & BottomTabNavigationConfig;
 declare function BottomTabNavigator({ id, initialRouteName, backBehavior, children, screenListeners, screenOptions, sceneContainerStyle, ...restWithDeprecated }: Props): JSX.Element;
@@ -6,0 +5,0 @@ declare const _default: <ParamList extends ParamListBase>() => import("@react-navigation/native").TypedNavigator<ParamList, TabNavigationState<ParamListBase>, BottomTabNavigationOptions, BottomTabNavigationEventMap, typeof BottomTabNavigator>;

lib/typescript/src/types.d.ts

@@ -6,7 +6,7 @@ import type { HeaderOptions } from '@react-navigation/elements';
 import type { EdgeInsets } from 'react-native-safe-area-context';
-export declare type Layout = {
+export type Layout = {
     width: number;
     height: number;
 };
-export declare type BottomTabNavigationEventMap = {
+export type BottomTabNavigationEventMap = {
     /**
@@ -26,19 +26,19 @@ * Event which fires on tapping on the tab in the tab bar.
 };
-export declare type LabelPosition = 'beside-icon' | 'below-icon';
-export declare type BottomTabNavigationHelpers = NavigationHelpers<ParamListBase, BottomTabNavigationEventMap> & TabActionHelpers<ParamListBase>;
-export declare type BottomTabNavigationProp<ParamList extends ParamListBase, RouteName extends keyof ParamList = keyof ParamList, NavigatorID extends string | undefined = undefined> = NavigationProp<ParamList, RouteName, NavigatorID, TabNavigationState<ParamList>, BottomTabNavigationOptions, BottomTabNavigationEventMap> & TabActionHelpers<ParamList>;
-export declare type BottomTabScreenProps<ParamList extends ParamListBase, RouteName extends keyof ParamList = keyof ParamList, NavigatorID extends string | undefined = undefined> = {
+export type LabelPosition = 'beside-icon' | 'below-icon';
+export type BottomTabNavigationHelpers = NavigationHelpers<ParamListBase, BottomTabNavigationEventMap> & TabActionHelpers<ParamListBase>;
+export type BottomTabNavigationProp<ParamList extends ParamListBase, RouteName extends keyof ParamList = keyof ParamList, NavigatorID extends string | undefined = undefined> = NavigationProp<ParamList, RouteName, NavigatorID, TabNavigationState<ParamList>, BottomTabNavigationOptions, BottomTabNavigationEventMap> & TabActionHelpers<ParamList>;
+export type BottomTabScreenProps<ParamList extends ParamListBase, RouteName extends keyof ParamList = keyof ParamList, NavigatorID extends string | undefined = undefined> = {
     navigation: BottomTabNavigationProp<ParamList, RouteName, NavigatorID>;
     route: RouteProp<ParamList, RouteName>;
 };
-export declare type TimingKeyboardAnimationConfig = {
+export type TimingKeyboardAnimationConfig = {
     animation: 'timing';
     config?: Omit<Partial<Animated.TimingAnimationConfig>, 'toValue' | 'useNativeDriver'>;
 };
-export declare type SpringKeyboardAnimationConfig = {
+export type SpringKeyboardAnimationConfig = {
     animation: 'spring';
     config?: Omit<Partial<Animated.SpringAnimationConfig>, 'toValue' | 'useNativeDriver'>;
 };
-export declare type TabBarVisibilityAnimationConfig = TimingKeyboardAnimationConfig | SpringKeyboardAnimationConfig;
-export declare type BottomTabNavigationOptions = HeaderOptions & {
+export type TabBarVisibilityAnimationConfig = TimingKeyboardAnimationConfig | SpringKeyboardAnimationConfig;
+export type BottomTabNavigationOptions = HeaderOptions & {
     /**
@@ -187,5 +187,5 @@ * Title text for the screen.
 };
-export declare type BottomTabDescriptor = Descriptor<BottomTabNavigationOptions, BottomTabNavigationProp<ParamListBase>, RouteProp<ParamListBase>>;
-export declare type BottomTabDescriptorMap = Record<string, BottomTabDescriptor>;
-export declare type BottomTabNavigationConfig = {
+export type BottomTabDescriptor = Descriptor<BottomTabNavigationOptions, BottomTabNavigationProp<ParamListBase>, RouteProp<ParamListBase>>;
+export type BottomTabDescriptorMap = Record<string, BottomTabDescriptor>;
+export type BottomTabNavigationConfig = {
     /**
@@ -216,3 +216,3 @@ * Function that returns a React element to display as the tab bar.
 };
-export declare type BottomTabHeaderProps = {
+export type BottomTabHeaderProps = {
     /**
@@ -235,3 +235,3 @@ * Layout of the screen.
 };
-export declare type BottomTabBarProps = {
+export type BottomTabBarProps = {
     state: TabNavigationState<ParamListBase>;
@@ -242,3 +242,3 @@ descriptors: BottomTabDescriptorMap;
 };
-export declare type BottomTabBarButtonProps = Omit<TouchableWithoutFeedbackProps, 'onPress'> & {
+export type BottomTabBarButtonProps = Omit<TouchableWithoutFeedbackProps, 'onPress'> & {
     to?: string;
@@ -245,0 +245,0 @@ children: React.ReactNode;

lib/typescript/src/views/Badge.d.ts

@@ -1,4 +0,3 @@
-/// <reference types="react" />
 import { Animated, StyleProp, TextStyle } from 'react-native';
-declare type Props = {
+type Props = {
     /**
@@ -5,0 +4,0 @@ * Whether the badge is visible

lib/typescript/src/views/BottomTabBar.d.ts

@@ -1,2 +0,1 @@
-/// <reference types="react" />
 import { ParamListBase, TabNavigationState } from '@react-navigation/native';
@@ -6,6 +5,6 @@ import { Animated, StyleProp, ViewStyle } from 'react-native';
 import type { BottomTabBarProps, BottomTabDescriptorMap } from '../types';
-declare type Props = BottomTabBarProps & {
+type Props = BottomTabBarProps & {
     style?: Animated.WithAnimatedValue<StyleProp<ViewStyle>>;
 };
-declare type Options = {
+type Options = {
     state: TabNavigationState<ParamListBase>;
@@ -12,0 +11,0 @@ descriptors: BottomTabDescriptorMap;

lib/typescript/src/views/BottomTabItem.d.ts

@@ -5,3 +5,3 @@ import { Route } from '@react-navigation/native';
 import type { BottomTabBarButtonProps, BottomTabDescriptor, LabelPosition } from '../types';
-declare type Props = {
+type Props = {
     /**
@@ -8,0 +8,0 @@ * Whether the tab is focused.

lib/typescript/src/views/BottomTabView.d.ts

@@ -1,5 +0,4 @@
-/// <reference types="react" />
 import type { ParamListBase, TabNavigationState } from '@react-navigation/native';
 import type { BottomTabDescriptorMap, BottomTabNavigationConfig, BottomTabNavigationHelpers } from '../types';
-declare type Props = BottomTabNavigationConfig & {
+type Props = BottomTabNavigationConfig & {
     state: TabNavigationState<ParamListBase>;
@@ -6,0 +5,0 @@ navigation: BottomTabNavigationHelpers;

lib/typescript/src/views/ScreenFallback.d.ts

 import * as React from 'react';
 import { StyleProp, ViewProps, ViewStyle } from 'react-native';
-declare type Props = {
+type Props = {
     visible: boolean;
@@ -5,0 +5,0 @@ children: React.ReactNode;

lib/typescript/src/views/TabBarIcon.d.ts

 import type { Route } from '@react-navigation/native';
 import React from 'react';
 import { StyleProp, TextStyle, ViewStyle } from 'react-native';
-declare type Props = {
+type Props = {
     route: Route<string>;
@@ -20,4 +20,4 @@ horizontal: boolean;
 };
-export default function TabBarIcon({ route: _, horizontal, badge, badgeStyle, activeOpacity, inactiveOpacity, activeTintColor, inactiveTintColor, renderIcon, style, }: Props): JSX.Element;
+export default function TabBarIcon({ route, horizontal, badge, badgeStyle, activeOpacity, inactiveOpacity, activeTintColor, inactiveTintColor, renderIcon, style, }: Props): JSX.Element;
 export {};
 //# sourceMappingURL=TabBarIcon.d.ts.map

package.json

 {
   "name": "@react-navigation/bottom-tabs",
   "description": "Bottom tab navigator following iOS design guidelines",
-  "version": "6.5.7",
+  "version": "6.5.9",
   "keywords": [
@@ -39,3 +39,3 @@ "react-native-component",
   "dependencies": {
-    "@react-navigation/elements": "^1.3.17",
+    "@react-navigation/elements": "^1.3.19",
     "color": "^4.2.3",
@@ -45,14 +45,14 @@ "warn-once": "^0.1.0"
   "devDependencies": {
-    "@react-navigation/native": "^6.1.6",
+    "@react-navigation/native": "^6.1.8",
     "@testing-library/react-native": "^11.5.0",
     "@types/color": "^3.0.1",
-    "@types/react": "~18.0.0",
-    "@types/react-native": "~0.69.1",
-    "del-cli": "^3.0.1",
-    "react": "18.0.0",
-    "react-native": "0.69.5",
+    "@types/react": "~18.0.27",
+    "@types/react-native": "~0.71.3",
+    "del-cli": "^5.0.0",
+    "react": "18.2.0",
+    "react-native": "0.71.8",
     "react-native-builder-bob": "^0.20.4",
-    "react-native-safe-area-context": "4.3.1",
-    "react-native-screens": "~3.15.0",
-    "typescript": "^4.7.4"
+    "react-native-safe-area-context": "4.5.0",
+    "react-native-screens": "~3.20.0",
+    "typescript": "^4.9.4"
   },
@@ -80,3 +80,3 @@ "peerDependencies": {
   },
-  "gitHead": "ba6380c93f945e4c586f5e17e618208ab603bf30"
+  "gitHead": "46954cec3d746aa2d9097d1b94f9e2a915d3e1c7"
 }

No alert changes

Worsened metrics

Total package byte prevSize

219859

decreased by-0.12%

Lines of code

4007

decreased by-0.1%

Dependency changes

• Updated@react-navigation/elements@^1.3.19