@react-navigation/material-top-tabs 6.3.0 → 6.3.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/lib/commonjs/index.js.map +1 -1
- package/lib/commonjs/navigators/createMaterialTopTabNavigator.js +1 -1
- package/lib/commonjs/navigators/createMaterialTopTabNavigator.js.map +1 -1
- package/lib/commonjs/types.js.map +1 -1
- package/lib/commonjs/views/MaterialTopTabBar.js +1 -1
- package/lib/commonjs/views/MaterialTopTabBar.js.map +1 -1
- package/lib/commonjs/views/MaterialTopTabView.js +1 -1
- package/lib/commonjs/views/MaterialTopTabView.js.map +1 -1
- package/lib/module/index.js.map +1 -1
- package/lib/module/navigators/createMaterialTopTabNavigator.js +1 -1
- package/lib/module/navigators/createMaterialTopTabNavigator.js.map +1 -1
- package/lib/module/types.js.map +1 -1
- package/lib/module/views/MaterialTopTabBar.js +1 -1
- package/lib/module/views/MaterialTopTabBar.js.map +1 -1
- package/lib/module/views/MaterialTopTabView.js +1 -1
- package/lib/module/views/MaterialTopTabView.js.map +1 -1
- package/package.json +4 -4
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"
|
|
1
|
+
{"version":3,"names":[],"sources":["index.tsx"],"sourcesContent":["/**\n * Navigators\n */\nexport { default as createMaterialTopTabNavigator } from './navigators/createMaterialTopTabNavigator';\n\n/**\n * Views\n */\nexport { default as MaterialTopTabBar } from './views/MaterialTopTabBar';\nexport { default as MaterialTopTabView } from './views/MaterialTopTabView';\n\n/**\n * Types\n */\nexport type {\n MaterialTopTabBarProps,\n MaterialTopTabNavigationEventMap,\n MaterialTopTabNavigationOptions,\n MaterialTopTabNavigationProp,\n MaterialTopTabScreenProps,\n} from './types';\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;AAGA;;AAKA;;AACA"}
|
|
@@ -19,7 +19,7 @@ function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "functio
|
|
|
19
19
|
|
|
20
20
|
function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
|
|
21
21
|
|
|
22
|
-
function _extends() { _extends = Object.assign
|
|
22
|
+
function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
|
|
23
23
|
|
|
24
24
|
function MaterialTopTabNavigator(_ref) {
|
|
25
25
|
let {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"
|
|
1
|
+
{"version":3,"names":["MaterialTopTabNavigator","id","initialRouteName","backBehavior","children","screenListeners","screenOptions","restWithDeprecated","swipeEnabled","lazy","lazyPlaceholder","lazyPreloadDistance","tabBarOptions","rest","defaultScreenOptions","Object","assign","tabBarActiveTintColor","activeTintColor","tabBarInactiveTintColor","inactiveTintColor","tabBarPressColor","pressColor","tabBarPressOpacity","pressOpacity","tabBarShowLabel","showLabel","tabBarShowIcon","showIcon","tabBarAllowFontScaling","allowFontScaling","tabBarBounces","bounces","tabBarScrollEnabled","scrollEnabled","tabBarIconStyle","iconStyle","tabBarLabelStyle","labelStyle","tabBarItemStyle","tabStyle","tabBarBadge","renderBadge","tabBarIndicator","renderIndicator","tabBarIndicatorStyle","indicatorStyle","tabBarIndicatorContainerStyle","indicatorContainerStyle","tabBarContentContainerStyle","contentContainerStyle","tabBarStyle","style","keys","forEach","key","undefined","warnOnce","JSON","stringify","deprecatedProps","entries","propName","propValue","toLowerCase","state","descriptors","navigation","NavigationContent","useNavigationBuilder","TabRouter","createNavigatorFactory"],"sources":["createMaterialTopTabNavigator.tsx"],"sourcesContent":["import {\n createNavigatorFactory,\n DefaultNavigatorOptions,\n ParamListBase,\n TabActionHelpers,\n TabNavigationState,\n TabRouter,\n TabRouterOptions,\n useNavigationBuilder,\n} from '@react-navigation/native';\nimport * as React from 'react';\nimport warnOnce from 'warn-once';\n\nimport type {\n MaterialTopTabNavigationConfig,\n MaterialTopTabNavigationEventMap,\n MaterialTopTabNavigationOptions,\n} from '../types';\nimport MaterialTopTabView from '../views/MaterialTopTabView';\n\ntype Props = DefaultNavigatorOptions<\n ParamListBase,\n TabNavigationState<ParamListBase>,\n MaterialTopTabNavigationOptions,\n MaterialTopTabNavigationEventMap\n> &\n TabRouterOptions &\n MaterialTopTabNavigationConfig;\n\nfunction MaterialTopTabNavigator({\n id,\n initialRouteName,\n backBehavior,\n children,\n screenListeners,\n screenOptions,\n ...restWithDeprecated\n}: Props) {\n const {\n // @ts-expect-error: swipeEnabled is deprecated\n swipeEnabled,\n // @ts-expect-error: lazy is deprecated\n lazy,\n // @ts-expect-error: lazyPlaceholder is deprecated\n lazyPlaceholder,\n // @ts-expect-error: lazyPreloadDistance is deprecated\n lazyPreloadDistance,\n // @ts-expect-error: tabBarOptions is deprecated\n tabBarOptions,\n ...rest\n } = restWithDeprecated;\n\n let defaultScreenOptions: MaterialTopTabNavigationOptions = {};\n\n if (tabBarOptions) {\n Object.assign(defaultScreenOptions, {\n tabBarActiveTintColor: tabBarOptions.activeTintColor,\n tabBarInactiveTintColor: tabBarOptions.inactiveTintColor,\n tabBarPressColor: tabBarOptions.pressColor,\n tabBarPressOpacity: tabBarOptions.pressOpacity,\n tabBarShowLabel: tabBarOptions.showLabel,\n tabBarShowIcon: tabBarOptions.showIcon,\n tabBarAllowFontScaling: tabBarOptions.allowFontScaling,\n tabBarBounces: tabBarOptions.bounces,\n tabBarScrollEnabled: tabBarOptions.scrollEnabled,\n tabBarIconStyle: tabBarOptions.iconStyle,\n tabBarLabelStyle: tabBarOptions.labelStyle,\n tabBarItemStyle: tabBarOptions.tabStyle,\n tabBarBadge: tabBarOptions.renderBadge,\n tabBarIndicator: tabBarOptions.renderIndicator,\n tabBarIndicatorStyle: tabBarOptions.indicatorStyle,\n tabBarIndicatorContainerStyle: tabBarOptions.indicatorContainerStyle,\n tabBarContentContainerStyle: tabBarOptions.contentContainerStyle,\n tabBarStyle: tabBarOptions.style,\n });\n\n (\n Object.keys(\n defaultScreenOptions\n ) as (keyof MaterialTopTabNavigationOptions)[]\n ).forEach((key) => {\n if (defaultScreenOptions[key] === undefined) {\n // eslint-disable-next-line @typescript-eslint/no-dynamic-delete\n delete defaultScreenOptions[key];\n }\n });\n\n warnOnce(\n tabBarOptions,\n `Material Top Tab Navigator: 'tabBarOptions' is deprecated. Migrate the options to 'screenOptions' instead.\\n\\nPlace the following in 'screenOptions' in your code to keep current behavior:\\n\\n${JSON.stringify(\n defaultScreenOptions,\n null,\n 2\n )}\\n\\nSee https://reactnavigation.org/docs/material-top-tab-navigator#options for more details.`\n );\n }\n\n const deprecatedProps = {\n swipeEnabled,\n lazy,\n lazyPlaceholder,\n lazyPreloadDistance,\n } as const;\n\n Object.entries(deprecatedProps).forEach(([propName, propValue]) => {\n if (propValue !== undefined) {\n // @ts-expect-error: Object.entries doesn't return strict types\n defaultScreenOptions[propName] = propValue;\n\n warnOnce(\n true,\n `Material Top Tab Navigator: '${propName}' in props is deprecated. Move it to 'screenOptions' instead.\\n\\nSee https://reactnavigation.org/docs/material-top-tab-navigator#${propName.toLowerCase()} for more details.`\n );\n }\n });\n\n const { state, descriptors, navigation, NavigationContent } =\n useNavigationBuilder<\n TabNavigationState<ParamListBase>,\n TabRouterOptions,\n TabActionHelpers<ParamListBase>,\n MaterialTopTabNavigationOptions,\n MaterialTopTabNavigationEventMap\n >(TabRouter, {\n id,\n initialRouteName,\n backBehavior,\n children,\n screenListeners,\n screenOptions,\n defaultScreenOptions,\n });\n\n return (\n <NavigationContent>\n <MaterialTopTabView\n {...rest}\n state={state}\n navigation={navigation}\n descriptors={descriptors}\n />\n </NavigationContent>\n );\n}\n\nexport default createNavigatorFactory<\n TabNavigationState<ParamListBase>,\n MaterialTopTabNavigationOptions,\n MaterialTopTabNavigationEventMap,\n typeof MaterialTopTabNavigator\n>(MaterialTopTabNavigator);\n"],"mappings":"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"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"
|
|
1
|
+
{"version":3,"names":[],"sources":["types.tsx"],"sourcesContent":["import type {\n Descriptor,\n NavigationHelpers,\n NavigationProp,\n ParamListBase,\n Route,\n RouteProp,\n TabActionHelpers,\n TabNavigationState,\n} from '@react-navigation/native';\nimport type React from 'react';\nimport type { StyleProp, TextStyle, ViewStyle } from 'react-native';\nimport type {\n SceneRendererProps,\n TabBar,\n TabViewProps,\n} from 'react-native-tab-view';\n\nexport type MaterialTopTabNavigationEventMap = {\n /**\n * Event which fires on tapping on the tab in the tab bar.\n */\n tabPress: { data: undefined; canPreventDefault: true };\n /**\n * Event which fires on long press on the tab in the tab bar.\n */\n tabLongPress: { data: undefined };\n /**\n * Event which fires when a swipe gesture starts, i.e. finger touches the screen.\n */\n swipeStart: { data: undefined };\n /**\n * Event which fires when a swipe gesture ends, i.e. finger leaves the screen.\n */\n swipeEnd: { data: undefined };\n};\n\nexport type MaterialTopTabNavigationHelpers = NavigationHelpers<\n ParamListBase,\n MaterialTopTabNavigationEventMap\n> &\n TabActionHelpers<ParamListBase>;\n\nexport type MaterialTopTabNavigationProp<\n ParamList extends ParamListBase,\n RouteName extends keyof ParamList = keyof ParamList,\n NavigatorID extends string | undefined = undefined\n> = NavigationProp<\n ParamList,\n RouteName,\n NavigatorID,\n TabNavigationState<ParamList>,\n MaterialTopTabNavigationOptions,\n MaterialTopTabNavigationEventMap\n> &\n TabActionHelpers<ParamList>;\n\nexport type MaterialTopTabScreenProps<\n ParamList extends ParamListBase,\n RouteName extends keyof ParamList = keyof ParamList,\n NavigatorID extends string | undefined = undefined\n> = {\n navigation: MaterialTopTabNavigationProp<ParamList, RouteName, NavigatorID>;\n route: RouteProp<ParamList, RouteName>;\n};\n\nexport type MaterialTopTabNavigationOptions = {\n /**\n * Title text for the screen.\n */\n title?: string;\n\n /**\n * Title string of a tab displayed in the tab bar\n * or a function that given { focused: boolean, color: string } returns a React.Node, to display in tab bar.\n *\n * When undefined, scene title is used. Use `tabBarShowLabel` to hide the label.\n */\n tabBarLabel?:\n | string\n | ((props: { focused: boolean; color: string }) => React.ReactNode);\n\n /**\n * Accessibility label for the tab button. This is read by the screen reader when the user taps the tab.\n * It's recommended to set this if you don't have a label for the tab.\n */\n tabBarAccessibilityLabel?: string;\n\n /**\n * Whether label font should scale to respect Text Size accessibility settings.\n */\n tabBarAllowFontScaling?: boolean;\n\n /**\n * Whether the tab label should be visible. Defaults to `true`.\n */\n tabBarShowLabel?: boolean;\n\n /**\n * A function that given { focused: boolean, color: string } returns a React.Node to display in the tab bar.\n */\n tabBarIcon?: (props: { focused: boolean; color: string }) => React.ReactNode;\n\n /**\n * Whether the tab icon should be visible. Defaults to `false`.\n */\n tabBarShowIcon?: boolean;\n\n /**\n * Function that returns a React element to use as a badge for the tab.\n */\n tabBarBadge?: () => React.ReactNode;\n\n /**\n * Function that returns a React element as the tab bar indicator.\n */\n tabBarIndicator?: (\n props: Omit<\n Parameters<\n NonNullable<React.ComponentProps<typeof TabBar>['renderIndicator']>\n >[0],\n 'navigationState'\n > & { state: TabNavigationState<ParamListBase> }\n ) => React.ReactNode;\n\n /**\n * Style object for the tab bar indicator.\n */\n tabBarIndicatorStyle?: StyleProp<ViewStyle>;\n\n /**\n * Style object for the view containing the tab bar indicator.\n */\n tabBarIndicatorContainerStyle?: StyleProp<ViewStyle>;\n\n /**\n * ID to locate this tab button in tests.\n */\n tabBarTestID?: string;\n\n /**\n * Color for the icon and label in the active tab.\n */\n tabBarActiveTintColor?: string;\n\n /**\n * Color for the icon and label in the inactive tabs.\n */\n tabBarInactiveTintColor?: string;\n\n /**\n * Color for material ripple (Android >= 5.0 only).\n */\n tabBarPressColor?: string;\n\n /**\n * Opacity for pressed tab (iOS and Android < 5.0 only).\n */\n tabBarPressOpacity?: number;\n\n /**\n * Boolean indicating whether the tab bar bounces when overscrolling.\n */\n tabBarBounces?: boolean;\n\n /**\n * Boolean indicating whether to make the tab bar scrollable.\n *\n * If you set this to `true`, you should also specify a width in `tabBarItemStyle` to improve the performance of initial render.\n */\n tabBarScrollEnabled?: boolean;\n\n /**\n * Style object for the tab icon container.\n */\n tabBarIconStyle?: StyleProp<ViewStyle>;\n\n /**\n * Style object for the tab label.\n */\n tabBarLabelStyle?: StyleProp<TextStyle>;\n\n /**\n * Style object for the individual tab items.\n */\n tabBarItemStyle?: StyleProp<ViewStyle>;\n\n /**\n * Style object for the view containing the tab items.\n */\n tabBarContentContainerStyle?: StyleProp<ViewStyle>;\n\n /**\n * Style object for the the tab bar.\n */\n tabBarStyle?: StyleProp<ViewStyle>;\n\n /**\n * Whether to enable swipe gestures when this screen is focused.\n * Swipe gestures are enabled by default. Passing `false` will disable swipe gestures,\n * but the user can still switch tabs by pressing the tab bar.\n */\n swipeEnabled?: boolean;\n\n /**\n * Whether to enable animations when switching between tabs by pressing on the tab bar or programmatically.\n * Switching tab via swipe gesture will still result in an animation.\n */\n animationEnabled?: boolean;\n\n /**\n * Whether this screen should be lazily rendered. When this is set to `true`,\n * the screen will be rendered as it comes into the viewport.\n * By default all screens are rendered to provide a smoother swipe experience.\n * But you might want to defer the rendering of screens out of the viewport until the user sees them.\n * To enable lazy rendering for this screen, set `lazy` to `true`.\n *\n * When you enable `lazy`, the lazy loaded screens will usually take some time to render\n * when they come into the viewport. You can use the `lazyPlaceholder` prop to customize\n * what the user sees during this short period.\n */\n lazy?: boolean;\n\n /**\n * When `lazy` is enabled, you can specify how many adjacent screens should be preloaded in advance with this prop.\n * This value defaults to `0` which means lazy pages are loaded as they come into the viewport.\n */\n lazyPreloadDistance?: number;\n\n /**\n * Function that returns a React element to render if this screen hasn't been rendered yet.\n * The `lazy` option also needs to be enabled for this to work.\n *\n * This view is usually only shown for a split second. Keep it lightweight.\n *\n * By default, this renders `null`.\n */\n lazyPlaceholder?: () => React.ReactNode;\n};\n\nexport type MaterialTopTabDescriptor = Descriptor<\n MaterialTopTabNavigationOptions,\n MaterialTopTabNavigationProp<ParamListBase>,\n RouteProp<ParamListBase>\n>;\n\nexport type MaterialTopTabDescriptorMap = Record<\n string,\n MaterialTopTabDescriptor\n>;\n\nexport type MaterialTopTabNavigationConfig = Omit<\n TabViewProps<Route<string>>,\n | 'navigationState'\n | 'onIndexChange'\n | 'onSwipeStart'\n | 'onSwipeEnd'\n | 'renderScene'\n | 'renderTabBar'\n | 'renderLazyPlaceholder'\n | 'swipeEnabled'\n | 'animationEnabled'\n | 'lazy'\n | 'lazyPreloadDistance'\n | 'lazyPlaceholder'\n> & {\n /**\n * Function that returns a React element to display as the tab bar.\n */\n tabBar?: (props: MaterialTopTabBarProps) => React.ReactNode;\n};\n\nexport type MaterialTopTabBarProps = SceneRendererProps & {\n state: TabNavigationState<ParamListBase>;\n navigation: NavigationHelpers<\n ParamListBase,\n MaterialTopTabNavigationEventMap\n >;\n descriptors: MaterialTopTabDescriptorMap;\n};\n"],"mappings":""}
|
|
@@ -21,7 +21,7 @@ function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj &&
|
|
|
21
21
|
|
|
22
22
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
23
23
|
|
|
24
|
-
function _extends() { _extends = Object.assign
|
|
24
|
+
function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
|
|
25
25
|
|
|
26
26
|
function TabBarTop(_ref) {
|
|
27
27
|
var _focusedOptions$tabBa, _focusedOptions$tabBa2;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"
|
|
1
|
+
{"version":3,"names":["TabBarTop","state","navigation","descriptors","rest","colors","useTheme","focusedOptions","routes","index","key","options","activeColor","tabBarActiveTintColor","text","inactiveColor","tabBarInactiveTintColor","Color","alpha","rgb","string","tabBarScrollEnabled","tabBarBounces","tabBarPressColor","tabBarPressOpacity","tabBarItemStyle","backgroundColor","primary","tabBarIndicatorStyle","tabBarIndicatorContainerStyle","tabBarContentContainerStyle","card","tabBarStyle","route","tabBarAccessibilityLabel","tabBarTestID","preventDefault","event","emit","type","target","canPreventDefault","defaultPrevented","focused","color","tabBarShowIcon","tabBarIcon","undefined","icon","styles","tabBarIconStyle","tabBarShowLabel","label","tabBarLabel","title","name","tabBarLabelStyle","tabBarAllowFontScaling","tabBarBadge","navigationState","tabBarIndicator","StyleSheet","create","height","width","textAlign","textTransform","fontSize","margin"],"sources":["MaterialTopTabBar.tsx"],"sourcesContent":["import {\n ParamListBase,\n Route,\n TabNavigationState,\n useTheme,\n} from '@react-navigation/native';\nimport Color from 'color';\nimport * as React from 'react';\nimport { StyleSheet, Text, View } from 'react-native';\nimport { TabBar, TabBarIndicator } from 'react-native-tab-view';\n\nimport type { MaterialTopTabBarProps } from '../types';\n\nexport default function TabBarTop({\n state,\n navigation,\n descriptors,\n ...rest\n}: MaterialTopTabBarProps) {\n const { colors } = useTheme();\n\n const focusedOptions = descriptors[state.routes[state.index].key].options;\n\n const activeColor = focusedOptions.tabBarActiveTintColor ?? colors.text;\n const inactiveColor =\n focusedOptions.tabBarInactiveTintColor ??\n Color(activeColor).alpha(0.5).rgb().string();\n\n return (\n <TabBar\n {...rest}\n navigationState={state}\n scrollEnabled={focusedOptions.tabBarScrollEnabled}\n bounces={focusedOptions.tabBarBounces}\n activeColor={activeColor}\n inactiveColor={inactiveColor}\n pressColor={focusedOptions.tabBarPressColor}\n pressOpacity={focusedOptions.tabBarPressOpacity}\n tabStyle={focusedOptions.tabBarItemStyle}\n indicatorStyle={[\n { backgroundColor: colors.primary },\n focusedOptions.tabBarIndicatorStyle,\n ]}\n indicatorContainerStyle={focusedOptions.tabBarIndicatorContainerStyle}\n contentContainerStyle={focusedOptions.tabBarContentContainerStyle}\n style={[{ backgroundColor: colors.card }, focusedOptions.tabBarStyle]}\n getAccessibilityLabel={({ route }) =>\n descriptors[route.key].options.tabBarAccessibilityLabel\n }\n getTestID={({ route }) => descriptors[route.key].options.tabBarTestID}\n onTabPress={({ route, preventDefault }) => {\n const event = navigation.emit({\n type: 'tabPress',\n target: route.key,\n canPreventDefault: true,\n });\n\n if (event.defaultPrevented) {\n preventDefault();\n }\n }}\n onTabLongPress={({ route }) =>\n navigation.emit({\n type: 'tabLongPress',\n target: route.key,\n })\n }\n renderIcon={({ route, focused, color }) => {\n const { options } = descriptors[route.key];\n\n if (options.tabBarShowIcon === false) {\n return null;\n }\n\n if (options.tabBarIcon !== undefined) {\n const icon = options.tabBarIcon({ focused, color });\n\n return (\n <View style={[styles.icon, options.tabBarIconStyle]}>{icon}</View>\n );\n }\n\n return null;\n }}\n renderLabel={({ route, focused, color }) => {\n const { options } = descriptors[route.key];\n\n if (options.tabBarShowLabel === false) {\n return null;\n }\n\n const label =\n options.tabBarLabel !== undefined\n ? options.tabBarLabel\n : options.title !== undefined\n ? options.title\n : (route as Route<string>).name;\n\n if (typeof label === 'string') {\n return (\n <Text\n style={[styles.label, { color }, options.tabBarLabelStyle]}\n allowFontScaling={options.tabBarAllowFontScaling}\n >\n {label}\n </Text>\n );\n }\n\n return label({ focused, color });\n }}\n renderBadge={({ route }) => {\n const { tabBarBadge } = descriptors[route.key].options;\n\n return tabBarBadge?.() ?? null;\n }}\n renderIndicator={({ navigationState: state, ...rest }) => {\n return focusedOptions.tabBarIndicator ? (\n focusedOptions.tabBarIndicator({\n state: state as TabNavigationState<ParamListBase>,\n ...rest,\n })\n ) : (\n <TabBarIndicator navigationState={state} {...rest} />\n );\n }}\n />\n );\n}\n\nconst styles = StyleSheet.create({\n icon: {\n height: 24,\n width: 24,\n },\n label: {\n textAlign: 'center',\n textTransform: 'uppercase',\n fontSize: 13,\n margin: 4,\n backgroundColor: 'transparent',\n },\n});\n"],"mappings":"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"}
|
|
@@ -19,7 +19,7 @@ function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "functio
|
|
|
19
19
|
|
|
20
20
|
function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
|
|
21
21
|
|
|
22
|
-
function _extends() { _extends = Object.assign
|
|
22
|
+
function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
|
|
23
23
|
|
|
24
24
|
function MaterialTopTabView(_ref) {
|
|
25
25
|
let {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"
|
|
1
|
+
{"version":3,"names":["MaterialTopTabView","tabBar","props","state","navigation","descriptors","sceneContainerStyle","rest","colors","useTheme","renderTabBar","focusedOptions","routes","index","key","options","dispatch","CommonActions","navigate","name","merge","target","route","render","lazyPlaceholder","lazy","lazyPreloadDistance","swipeEnabled","animationEnabled","emit","type","backgroundColor","background"],"sources":["MaterialTopTabView.tsx"],"sourcesContent":["import {\n CommonActions,\n ParamListBase,\n Route,\n TabNavigationState,\n useTheme,\n} from '@react-navigation/native';\nimport * as React from 'react';\nimport { SceneRendererProps, TabView } from 'react-native-tab-view';\n\nimport type {\n MaterialTopTabBarProps,\n MaterialTopTabDescriptorMap,\n MaterialTopTabNavigationConfig,\n MaterialTopTabNavigationHelpers,\n} from '../types';\nimport MaterialTopTabBar from './MaterialTopTabBar';\n\ntype Props = MaterialTopTabNavigationConfig & {\n state: TabNavigationState<ParamListBase>;\n navigation: MaterialTopTabNavigationHelpers;\n descriptors: MaterialTopTabDescriptorMap;\n};\n\nexport default function MaterialTopTabView({\n tabBar = (props: MaterialTopTabBarProps) => <MaterialTopTabBar {...props} />,\n state,\n navigation,\n descriptors,\n sceneContainerStyle,\n ...rest\n}: Props) {\n const { colors } = useTheme();\n\n const renderTabBar = (props: SceneRendererProps) => {\n return tabBar({\n ...props,\n state: state,\n navigation: navigation,\n descriptors: descriptors,\n });\n };\n\n const focusedOptions = descriptors[state.routes[state.index].key].options;\n\n return (\n <TabView<Route<string>>\n {...rest}\n onIndexChange={(index) =>\n navigation.dispatch({\n ...CommonActions.navigate({\n name: state.routes[index].name,\n merge: true,\n }),\n target: state.key,\n })\n }\n renderScene={({ route }) => descriptors[route.key].render()}\n navigationState={state}\n renderTabBar={renderTabBar}\n renderLazyPlaceholder={({ route }) =>\n descriptors[route.key].options.lazyPlaceholder?.() ?? null\n }\n lazy={({ route }) => descriptors[route.key].options.lazy === true}\n lazyPreloadDistance={focusedOptions.lazyPreloadDistance}\n swipeEnabled={focusedOptions.swipeEnabled}\n animationEnabled={focusedOptions.animationEnabled}\n onSwipeStart={() => navigation.emit({ type: 'swipeStart' })}\n onSwipeEnd={() => navigation.emit({ type: 'swipeEnd' })}\n sceneContainerStyle={[\n { backgroundColor: colors.background },\n sceneContainerStyle,\n ]}\n />\n );\n}\n"],"mappings":";;;;;;;AAAA;;AAOA;;AACA;;AAQA;;;;;;;;;;AAQe,SAASA,kBAAT,OAOL;EAAA,IAPiC;IACzCC,MAAM,GAAIC,KAAD,iBAAmC,oBAAC,0BAAD,EAAuBA,KAAvB,CADH;IAEzCC,KAFyC;IAGzCC,UAHyC;IAIzCC,WAJyC;IAKzCC,mBALyC;IAMzC,GAAGC;EANsC,CAOjC;EACR,MAAM;IAAEC;EAAF,IAAa,IAAAC,gBAAA,GAAnB;;EAEA,MAAMC,YAAY,GAAIR,KAAD,IAA+B;IAClD,OAAOD,MAAM,CAAC,EACZ,GAAGC,KADS;MAEZC,KAAK,EAAEA,KAFK;MAGZC,UAAU,EAAEA,UAHA;MAIZC,WAAW,EAAEA;IAJD,CAAD,CAAb;EAMD,CAPD;;EASA,MAAMM,cAAc,GAAGN,WAAW,CAACF,KAAK,CAACS,MAAN,CAAaT,KAAK,CAACU,KAAnB,EAA0BC,GAA3B,CAAX,CAA2CC,OAAlE;EAEA,oBACE,oBAAC,2BAAD,eACMR,IADN;IAEE,aAAa,EAAGM,KAAD,IACbT,UAAU,CAACY,QAAX,CAAoB,EAClB,GAAGC,qBAAA,CAAcC,QAAd,CAAuB;QACxBC,IAAI,EAAEhB,KAAK,CAACS,MAAN,CAAaC,KAAb,EAAoBM,IADF;QAExBC,KAAK,EAAE;MAFiB,CAAvB,CADe;MAKlBC,MAAM,EAAElB,KAAK,CAACW;IALI,CAApB,CAHJ;IAWE,WAAW,EAAE;MAAA,IAAC;QAAEQ;MAAF,CAAD;MAAA,OAAejB,WAAW,CAACiB,KAAK,CAACR,GAAP,CAAX,CAAuBS,MAAvB,EAAf;IAAA,CAXf;IAYE,eAAe,EAAEpB,KAZnB;IAaE,YAAY,EAAEO,YAbhB;IAcE,qBAAqB,EAAE;MAAA;;MAAA,IAAC;QAAEY;MAAF,CAAD;MAAA,0DACrB,0BAAAjB,WAAW,CAACiB,KAAK,CAACR,GAAP,CAAX,CAAuBC,OAAvB,EAA+BS,eADV,2DACrB,mDADqB,yEACiC,IADjC;IAAA,CAdzB;IAiBE,IAAI,EAAE;MAAA,IAAC;QAAEF;MAAF,CAAD;MAAA,OAAejB,WAAW,CAACiB,KAAK,CAACR,GAAP,CAAX,CAAuBC,OAAvB,CAA+BU,IAA/B,KAAwC,IAAvD;IAAA,CAjBR;IAkBE,mBAAmB,EAAEd,cAAc,CAACe,mBAlBtC;IAmBE,YAAY,EAAEf,cAAc,CAACgB,YAnB/B;IAoBE,gBAAgB,EAAEhB,cAAc,CAACiB,gBApBnC;IAqBE,YAAY,EAAE,MAAMxB,UAAU,CAACyB,IAAX,CAAgB;MAAEC,IAAI,EAAE;IAAR,CAAhB,CArBtB;IAsBE,UAAU,EAAE,MAAM1B,UAAU,CAACyB,IAAX,CAAgB;MAAEC,IAAI,EAAE;IAAR,CAAhB,CAtBpB;IAuBE,mBAAmB,EAAE,CACnB;MAAEC,eAAe,EAAEvB,MAAM,CAACwB;IAA1B,CADmB,EAEnB1B,mBAFmB;EAvBvB,GADF;AA8BD"}
|
package/lib/module/index.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"
|
|
1
|
+
{"version":3,"names":["default","createMaterialTopTabNavigator","MaterialTopTabBar","MaterialTopTabView"],"sources":["index.tsx"],"sourcesContent":["/**\n * Navigators\n */\nexport { default as createMaterialTopTabNavigator } from './navigators/createMaterialTopTabNavigator';\n\n/**\n * Views\n */\nexport { default as MaterialTopTabBar } from './views/MaterialTopTabBar';\nexport { default as MaterialTopTabView } from './views/MaterialTopTabView';\n\n/**\n * Types\n */\nexport type {\n MaterialTopTabBarProps,\n MaterialTopTabNavigationEventMap,\n MaterialTopTabNavigationOptions,\n MaterialTopTabNavigationProp,\n MaterialTopTabScreenProps,\n} from './types';\n"],"mappings":"AAAA;AACA;AACA;AACA,SAASA,OAAO,IAAIC,6BAApB,QAAyD,4CAAzD;AAEA;AACA;AACA;;AACA,SAASD,OAAO,IAAIE,iBAApB,QAA6C,2BAA7C;AACA,SAASF,OAAO,IAAIG,kBAApB,QAA8C,4BAA9C;AAEA;AACA;AACA"}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
function _extends() { _extends = Object.assign
|
|
1
|
+
function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
|
|
2
2
|
|
|
3
3
|
import { createNavigatorFactory, TabRouter, useNavigationBuilder } from '@react-navigation/native';
|
|
4
4
|
import * as React from 'react';
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"
|
|
1
|
+
{"version":3,"names":["createNavigatorFactory","TabRouter","useNavigationBuilder","React","warnOnce","MaterialTopTabView","MaterialTopTabNavigator","id","initialRouteName","backBehavior","children","screenListeners","screenOptions","restWithDeprecated","swipeEnabled","lazy","lazyPlaceholder","lazyPreloadDistance","tabBarOptions","rest","defaultScreenOptions","Object","assign","tabBarActiveTintColor","activeTintColor","tabBarInactiveTintColor","inactiveTintColor","tabBarPressColor","pressColor","tabBarPressOpacity","pressOpacity","tabBarShowLabel","showLabel","tabBarShowIcon","showIcon","tabBarAllowFontScaling","allowFontScaling","tabBarBounces","bounces","tabBarScrollEnabled","scrollEnabled","tabBarIconStyle","iconStyle","tabBarLabelStyle","labelStyle","tabBarItemStyle","tabStyle","tabBarBadge","renderBadge","tabBarIndicator","renderIndicator","tabBarIndicatorStyle","indicatorStyle","tabBarIndicatorContainerStyle","indicatorContainerStyle","tabBarContentContainerStyle","contentContainerStyle","tabBarStyle","style","keys","forEach","key","undefined","JSON","stringify","deprecatedProps","entries","propName","propValue","toLowerCase","state","descriptors","navigation","NavigationContent"],"sources":["createMaterialTopTabNavigator.tsx"],"sourcesContent":["import {\n createNavigatorFactory,\n DefaultNavigatorOptions,\n ParamListBase,\n TabActionHelpers,\n TabNavigationState,\n TabRouter,\n TabRouterOptions,\n useNavigationBuilder,\n} from '@react-navigation/native';\nimport * as React from 'react';\nimport warnOnce from 'warn-once';\n\nimport type {\n MaterialTopTabNavigationConfig,\n MaterialTopTabNavigationEventMap,\n MaterialTopTabNavigationOptions,\n} from '../types';\nimport MaterialTopTabView from '../views/MaterialTopTabView';\n\ntype Props = DefaultNavigatorOptions<\n ParamListBase,\n TabNavigationState<ParamListBase>,\n MaterialTopTabNavigationOptions,\n MaterialTopTabNavigationEventMap\n> &\n TabRouterOptions &\n MaterialTopTabNavigationConfig;\n\nfunction MaterialTopTabNavigator({\n id,\n initialRouteName,\n backBehavior,\n children,\n screenListeners,\n screenOptions,\n ...restWithDeprecated\n}: Props) {\n const {\n // @ts-expect-error: swipeEnabled is deprecated\n swipeEnabled,\n // @ts-expect-error: lazy is deprecated\n lazy,\n // @ts-expect-error: lazyPlaceholder is deprecated\n lazyPlaceholder,\n // @ts-expect-error: lazyPreloadDistance is deprecated\n lazyPreloadDistance,\n // @ts-expect-error: tabBarOptions is deprecated\n tabBarOptions,\n ...rest\n } = restWithDeprecated;\n\n let defaultScreenOptions: MaterialTopTabNavigationOptions = {};\n\n if (tabBarOptions) {\n Object.assign(defaultScreenOptions, {\n tabBarActiveTintColor: tabBarOptions.activeTintColor,\n tabBarInactiveTintColor: tabBarOptions.inactiveTintColor,\n tabBarPressColor: tabBarOptions.pressColor,\n tabBarPressOpacity: tabBarOptions.pressOpacity,\n tabBarShowLabel: tabBarOptions.showLabel,\n tabBarShowIcon: tabBarOptions.showIcon,\n tabBarAllowFontScaling: tabBarOptions.allowFontScaling,\n tabBarBounces: tabBarOptions.bounces,\n tabBarScrollEnabled: tabBarOptions.scrollEnabled,\n tabBarIconStyle: tabBarOptions.iconStyle,\n tabBarLabelStyle: tabBarOptions.labelStyle,\n tabBarItemStyle: tabBarOptions.tabStyle,\n tabBarBadge: tabBarOptions.renderBadge,\n tabBarIndicator: tabBarOptions.renderIndicator,\n tabBarIndicatorStyle: tabBarOptions.indicatorStyle,\n tabBarIndicatorContainerStyle: tabBarOptions.indicatorContainerStyle,\n tabBarContentContainerStyle: tabBarOptions.contentContainerStyle,\n tabBarStyle: tabBarOptions.style,\n });\n\n (\n Object.keys(\n defaultScreenOptions\n ) as (keyof MaterialTopTabNavigationOptions)[]\n ).forEach((key) => {\n if (defaultScreenOptions[key] === undefined) {\n // eslint-disable-next-line @typescript-eslint/no-dynamic-delete\n delete defaultScreenOptions[key];\n }\n });\n\n warnOnce(\n tabBarOptions,\n `Material Top Tab Navigator: 'tabBarOptions' is deprecated. Migrate the options to 'screenOptions' instead.\\n\\nPlace the following in 'screenOptions' in your code to keep current behavior:\\n\\n${JSON.stringify(\n defaultScreenOptions,\n null,\n 2\n )}\\n\\nSee https://reactnavigation.org/docs/material-top-tab-navigator#options for more details.`\n );\n }\n\n const deprecatedProps = {\n swipeEnabled,\n lazy,\n lazyPlaceholder,\n lazyPreloadDistance,\n } as const;\n\n Object.entries(deprecatedProps).forEach(([propName, propValue]) => {\n if (propValue !== undefined) {\n // @ts-expect-error: Object.entries doesn't return strict types\n defaultScreenOptions[propName] = propValue;\n\n warnOnce(\n true,\n `Material Top Tab Navigator: '${propName}' in props is deprecated. Move it to 'screenOptions' instead.\\n\\nSee https://reactnavigation.org/docs/material-top-tab-navigator#${propName.toLowerCase()} for more details.`\n );\n }\n });\n\n const { state, descriptors, navigation, NavigationContent } =\n useNavigationBuilder<\n TabNavigationState<ParamListBase>,\n TabRouterOptions,\n TabActionHelpers<ParamListBase>,\n MaterialTopTabNavigationOptions,\n MaterialTopTabNavigationEventMap\n >(TabRouter, {\n id,\n initialRouteName,\n backBehavior,\n children,\n screenListeners,\n screenOptions,\n defaultScreenOptions,\n });\n\n return (\n <NavigationContent>\n <MaterialTopTabView\n {...rest}\n state={state}\n navigation={navigation}\n descriptors={descriptors}\n />\n </NavigationContent>\n );\n}\n\nexport default createNavigatorFactory<\n TabNavigationState<ParamListBase>,\n MaterialTopTabNavigationOptions,\n MaterialTopTabNavigationEventMap,\n typeof MaterialTopTabNavigator\n>(MaterialTopTabNavigator);\n"],"mappings":"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"}
|
package/lib/module/types.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"
|
|
1
|
+
{"version":3,"names":[],"sources":["types.tsx"],"sourcesContent":["import type {\n Descriptor,\n NavigationHelpers,\n NavigationProp,\n ParamListBase,\n Route,\n RouteProp,\n TabActionHelpers,\n TabNavigationState,\n} from '@react-navigation/native';\nimport type React from 'react';\nimport type { StyleProp, TextStyle, ViewStyle } from 'react-native';\nimport type {\n SceneRendererProps,\n TabBar,\n TabViewProps,\n} from 'react-native-tab-view';\n\nexport type MaterialTopTabNavigationEventMap = {\n /**\n * Event which fires on tapping on the tab in the tab bar.\n */\n tabPress: { data: undefined; canPreventDefault: true };\n /**\n * Event which fires on long press on the tab in the tab bar.\n */\n tabLongPress: { data: undefined };\n /**\n * Event which fires when a swipe gesture starts, i.e. finger touches the screen.\n */\n swipeStart: { data: undefined };\n /**\n * Event which fires when a swipe gesture ends, i.e. finger leaves the screen.\n */\n swipeEnd: { data: undefined };\n};\n\nexport type MaterialTopTabNavigationHelpers = NavigationHelpers<\n ParamListBase,\n MaterialTopTabNavigationEventMap\n> &\n TabActionHelpers<ParamListBase>;\n\nexport type MaterialTopTabNavigationProp<\n ParamList extends ParamListBase,\n RouteName extends keyof ParamList = keyof ParamList,\n NavigatorID extends string | undefined = undefined\n> = NavigationProp<\n ParamList,\n RouteName,\n NavigatorID,\n TabNavigationState<ParamList>,\n MaterialTopTabNavigationOptions,\n MaterialTopTabNavigationEventMap\n> &\n TabActionHelpers<ParamList>;\n\nexport type MaterialTopTabScreenProps<\n ParamList extends ParamListBase,\n RouteName extends keyof ParamList = keyof ParamList,\n NavigatorID extends string | undefined = undefined\n> = {\n navigation: MaterialTopTabNavigationProp<ParamList, RouteName, NavigatorID>;\n route: RouteProp<ParamList, RouteName>;\n};\n\nexport type MaterialTopTabNavigationOptions = {\n /**\n * Title text for the screen.\n */\n title?: string;\n\n /**\n * Title string of a tab displayed in the tab bar\n * or a function that given { focused: boolean, color: string } returns a React.Node, to display in tab bar.\n *\n * When undefined, scene title is used. Use `tabBarShowLabel` to hide the label.\n */\n tabBarLabel?:\n | string\n | ((props: { focused: boolean; color: string }) => React.ReactNode);\n\n /**\n * Accessibility label for the tab button. This is read by the screen reader when the user taps the tab.\n * It's recommended to set this if you don't have a label for the tab.\n */\n tabBarAccessibilityLabel?: string;\n\n /**\n * Whether label font should scale to respect Text Size accessibility settings.\n */\n tabBarAllowFontScaling?: boolean;\n\n /**\n * Whether the tab label should be visible. Defaults to `true`.\n */\n tabBarShowLabel?: boolean;\n\n /**\n * A function that given { focused: boolean, color: string } returns a React.Node to display in the tab bar.\n */\n tabBarIcon?: (props: { focused: boolean; color: string }) => React.ReactNode;\n\n /**\n * Whether the tab icon should be visible. Defaults to `false`.\n */\n tabBarShowIcon?: boolean;\n\n /**\n * Function that returns a React element to use as a badge for the tab.\n */\n tabBarBadge?: () => React.ReactNode;\n\n /**\n * Function that returns a React element as the tab bar indicator.\n */\n tabBarIndicator?: (\n props: Omit<\n Parameters<\n NonNullable<React.ComponentProps<typeof TabBar>['renderIndicator']>\n >[0],\n 'navigationState'\n > & { state: TabNavigationState<ParamListBase> }\n ) => React.ReactNode;\n\n /**\n * Style object for the tab bar indicator.\n */\n tabBarIndicatorStyle?: StyleProp<ViewStyle>;\n\n /**\n * Style object for the view containing the tab bar indicator.\n */\n tabBarIndicatorContainerStyle?: StyleProp<ViewStyle>;\n\n /**\n * ID to locate this tab button in tests.\n */\n tabBarTestID?: string;\n\n /**\n * Color for the icon and label in the active tab.\n */\n tabBarActiveTintColor?: string;\n\n /**\n * Color for the icon and label in the inactive tabs.\n */\n tabBarInactiveTintColor?: string;\n\n /**\n * Color for material ripple (Android >= 5.0 only).\n */\n tabBarPressColor?: string;\n\n /**\n * Opacity for pressed tab (iOS and Android < 5.0 only).\n */\n tabBarPressOpacity?: number;\n\n /**\n * Boolean indicating whether the tab bar bounces when overscrolling.\n */\n tabBarBounces?: boolean;\n\n /**\n * Boolean indicating whether to make the tab bar scrollable.\n *\n * If you set this to `true`, you should also specify a width in `tabBarItemStyle` to improve the performance of initial render.\n */\n tabBarScrollEnabled?: boolean;\n\n /**\n * Style object for the tab icon container.\n */\n tabBarIconStyle?: StyleProp<ViewStyle>;\n\n /**\n * Style object for the tab label.\n */\n tabBarLabelStyle?: StyleProp<TextStyle>;\n\n /**\n * Style object for the individual tab items.\n */\n tabBarItemStyle?: StyleProp<ViewStyle>;\n\n /**\n * Style object for the view containing the tab items.\n */\n tabBarContentContainerStyle?: StyleProp<ViewStyle>;\n\n /**\n * Style object for the the tab bar.\n */\n tabBarStyle?: StyleProp<ViewStyle>;\n\n /**\n * Whether to enable swipe gestures when this screen is focused.\n * Swipe gestures are enabled by default. Passing `false` will disable swipe gestures,\n * but the user can still switch tabs by pressing the tab bar.\n */\n swipeEnabled?: boolean;\n\n /**\n * Whether to enable animations when switching between tabs by pressing on the tab bar or programmatically.\n * Switching tab via swipe gesture will still result in an animation.\n */\n animationEnabled?: boolean;\n\n /**\n * Whether this screen should be lazily rendered. When this is set to `true`,\n * the screen will be rendered as it comes into the viewport.\n * By default all screens are rendered to provide a smoother swipe experience.\n * But you might want to defer the rendering of screens out of the viewport until the user sees them.\n * To enable lazy rendering for this screen, set `lazy` to `true`.\n *\n * When you enable `lazy`, the lazy loaded screens will usually take some time to render\n * when they come into the viewport. You can use the `lazyPlaceholder` prop to customize\n * what the user sees during this short period.\n */\n lazy?: boolean;\n\n /**\n * When `lazy` is enabled, you can specify how many adjacent screens should be preloaded in advance with this prop.\n * This value defaults to `0` which means lazy pages are loaded as they come into the viewport.\n */\n lazyPreloadDistance?: number;\n\n /**\n * Function that returns a React element to render if this screen hasn't been rendered yet.\n * The `lazy` option also needs to be enabled for this to work.\n *\n * This view is usually only shown for a split second. Keep it lightweight.\n *\n * By default, this renders `null`.\n */\n lazyPlaceholder?: () => React.ReactNode;\n};\n\nexport type MaterialTopTabDescriptor = Descriptor<\n MaterialTopTabNavigationOptions,\n MaterialTopTabNavigationProp<ParamListBase>,\n RouteProp<ParamListBase>\n>;\n\nexport type MaterialTopTabDescriptorMap = Record<\n string,\n MaterialTopTabDescriptor\n>;\n\nexport type MaterialTopTabNavigationConfig = Omit<\n TabViewProps<Route<string>>,\n | 'navigationState'\n | 'onIndexChange'\n | 'onSwipeStart'\n | 'onSwipeEnd'\n | 'renderScene'\n | 'renderTabBar'\n | 'renderLazyPlaceholder'\n | 'swipeEnabled'\n | 'animationEnabled'\n | 'lazy'\n | 'lazyPreloadDistance'\n | 'lazyPlaceholder'\n> & {\n /**\n * Function that returns a React element to display as the tab bar.\n */\n tabBar?: (props: MaterialTopTabBarProps) => React.ReactNode;\n};\n\nexport type MaterialTopTabBarProps = SceneRendererProps & {\n state: TabNavigationState<ParamListBase>;\n navigation: NavigationHelpers<\n ParamListBase,\n MaterialTopTabNavigationEventMap\n >;\n descriptors: MaterialTopTabDescriptorMap;\n};\n"],"mappings":""}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
function _extends() { _extends = Object.assign
|
|
1
|
+
function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
|
|
2
2
|
|
|
3
3
|
import { useTheme } from '@react-navigation/native';
|
|
4
4
|
import Color from 'color';
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"
|
|
1
|
+
{"version":3,"names":["useTheme","Color","React","StyleSheet","Text","View","TabBar","TabBarIndicator","TabBarTop","state","navigation","descriptors","rest","colors","focusedOptions","routes","index","key","options","activeColor","tabBarActiveTintColor","text","inactiveColor","tabBarInactiveTintColor","alpha","rgb","string","tabBarScrollEnabled","tabBarBounces","tabBarPressColor","tabBarPressOpacity","tabBarItemStyle","backgroundColor","primary","tabBarIndicatorStyle","tabBarIndicatorContainerStyle","tabBarContentContainerStyle","card","tabBarStyle","route","tabBarAccessibilityLabel","tabBarTestID","preventDefault","event","emit","type","target","canPreventDefault","defaultPrevented","focused","color","tabBarShowIcon","tabBarIcon","undefined","icon","styles","tabBarIconStyle","tabBarShowLabel","label","tabBarLabel","title","name","tabBarLabelStyle","tabBarAllowFontScaling","tabBarBadge","navigationState","tabBarIndicator","create","height","width","textAlign","textTransform","fontSize","margin"],"sources":["MaterialTopTabBar.tsx"],"sourcesContent":["import {\n ParamListBase,\n Route,\n TabNavigationState,\n useTheme,\n} from '@react-navigation/native';\nimport Color from 'color';\nimport * as React from 'react';\nimport { StyleSheet, Text, View } from 'react-native';\nimport { TabBar, TabBarIndicator } from 'react-native-tab-view';\n\nimport type { MaterialTopTabBarProps } from '../types';\n\nexport default function TabBarTop({\n state,\n navigation,\n descriptors,\n ...rest\n}: MaterialTopTabBarProps) {\n const { colors } = useTheme();\n\n const focusedOptions = descriptors[state.routes[state.index].key].options;\n\n const activeColor = focusedOptions.tabBarActiveTintColor ?? colors.text;\n const inactiveColor =\n focusedOptions.tabBarInactiveTintColor ??\n Color(activeColor).alpha(0.5).rgb().string();\n\n return (\n <TabBar\n {...rest}\n navigationState={state}\n scrollEnabled={focusedOptions.tabBarScrollEnabled}\n bounces={focusedOptions.tabBarBounces}\n activeColor={activeColor}\n inactiveColor={inactiveColor}\n pressColor={focusedOptions.tabBarPressColor}\n pressOpacity={focusedOptions.tabBarPressOpacity}\n tabStyle={focusedOptions.tabBarItemStyle}\n indicatorStyle={[\n { backgroundColor: colors.primary },\n focusedOptions.tabBarIndicatorStyle,\n ]}\n indicatorContainerStyle={focusedOptions.tabBarIndicatorContainerStyle}\n contentContainerStyle={focusedOptions.tabBarContentContainerStyle}\n style={[{ backgroundColor: colors.card }, focusedOptions.tabBarStyle]}\n getAccessibilityLabel={({ route }) =>\n descriptors[route.key].options.tabBarAccessibilityLabel\n }\n getTestID={({ route }) => descriptors[route.key].options.tabBarTestID}\n onTabPress={({ route, preventDefault }) => {\n const event = navigation.emit({\n type: 'tabPress',\n target: route.key,\n canPreventDefault: true,\n });\n\n if (event.defaultPrevented) {\n preventDefault();\n }\n }}\n onTabLongPress={({ route }) =>\n navigation.emit({\n type: 'tabLongPress',\n target: route.key,\n })\n }\n renderIcon={({ route, focused, color }) => {\n const { options } = descriptors[route.key];\n\n if (options.tabBarShowIcon === false) {\n return null;\n }\n\n if (options.tabBarIcon !== undefined) {\n const icon = options.tabBarIcon({ focused, color });\n\n return (\n <View style={[styles.icon, options.tabBarIconStyle]}>{icon}</View>\n );\n }\n\n return null;\n }}\n renderLabel={({ route, focused, color }) => {\n const { options } = descriptors[route.key];\n\n if (options.tabBarShowLabel === false) {\n return null;\n }\n\n const label =\n options.tabBarLabel !== undefined\n ? options.tabBarLabel\n : options.title !== undefined\n ? options.title\n : (route as Route<string>).name;\n\n if (typeof label === 'string') {\n return (\n <Text\n style={[styles.label, { color }, options.tabBarLabelStyle]}\n allowFontScaling={options.tabBarAllowFontScaling}\n >\n {label}\n </Text>\n );\n }\n\n return label({ focused, color });\n }}\n renderBadge={({ route }) => {\n const { tabBarBadge } = descriptors[route.key].options;\n\n return tabBarBadge?.() ?? null;\n }}\n renderIndicator={({ navigationState: state, ...rest }) => {\n return focusedOptions.tabBarIndicator ? (\n focusedOptions.tabBarIndicator({\n state: state as TabNavigationState<ParamListBase>,\n ...rest,\n })\n ) : (\n <TabBarIndicator navigationState={state} {...rest} />\n );\n }}\n />\n );\n}\n\nconst styles = StyleSheet.create({\n icon: {\n height: 24,\n width: 24,\n },\n label: {\n textAlign: 'center',\n textTransform: 'uppercase',\n fontSize: 13,\n margin: 4,\n backgroundColor: 'transparent',\n },\n});\n"],"mappings":"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"}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
function _extends() { _extends = Object.assign
|
|
1
|
+
function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
|
|
2
2
|
|
|
3
3
|
import { CommonActions, useTheme } from '@react-navigation/native';
|
|
4
4
|
import * as React from 'react';
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"
|
|
1
|
+
{"version":3,"names":["CommonActions","useTheme","React","TabView","MaterialTopTabBar","MaterialTopTabView","tabBar","props","state","navigation","descriptors","sceneContainerStyle","rest","colors","renderTabBar","focusedOptions","routes","index","key","options","dispatch","navigate","name","merge","target","route","render","lazyPlaceholder","lazy","lazyPreloadDistance","swipeEnabled","animationEnabled","emit","type","backgroundColor","background"],"sources":["MaterialTopTabView.tsx"],"sourcesContent":["import {\n CommonActions,\n ParamListBase,\n Route,\n TabNavigationState,\n useTheme,\n} from '@react-navigation/native';\nimport * as React from 'react';\nimport { SceneRendererProps, TabView } from 'react-native-tab-view';\n\nimport type {\n MaterialTopTabBarProps,\n MaterialTopTabDescriptorMap,\n MaterialTopTabNavigationConfig,\n MaterialTopTabNavigationHelpers,\n} from '../types';\nimport MaterialTopTabBar from './MaterialTopTabBar';\n\ntype Props = MaterialTopTabNavigationConfig & {\n state: TabNavigationState<ParamListBase>;\n navigation: MaterialTopTabNavigationHelpers;\n descriptors: MaterialTopTabDescriptorMap;\n};\n\nexport default function MaterialTopTabView({\n tabBar = (props: MaterialTopTabBarProps) => <MaterialTopTabBar {...props} />,\n state,\n navigation,\n descriptors,\n sceneContainerStyle,\n ...rest\n}: Props) {\n const { colors } = useTheme();\n\n const renderTabBar = (props: SceneRendererProps) => {\n return tabBar({\n ...props,\n state: state,\n navigation: navigation,\n descriptors: descriptors,\n });\n };\n\n const focusedOptions = descriptors[state.routes[state.index].key].options;\n\n return (\n <TabView<Route<string>>\n {...rest}\n onIndexChange={(index) =>\n navigation.dispatch({\n ...CommonActions.navigate({\n name: state.routes[index].name,\n merge: true,\n }),\n target: state.key,\n })\n }\n renderScene={({ route }) => descriptors[route.key].render()}\n navigationState={state}\n renderTabBar={renderTabBar}\n renderLazyPlaceholder={({ route }) =>\n descriptors[route.key].options.lazyPlaceholder?.() ?? null\n }\n lazy={({ route }) => descriptors[route.key].options.lazy === true}\n lazyPreloadDistance={focusedOptions.lazyPreloadDistance}\n swipeEnabled={focusedOptions.swipeEnabled}\n animationEnabled={focusedOptions.animationEnabled}\n onSwipeStart={() => navigation.emit({ type: 'swipeStart' })}\n onSwipeEnd={() => navigation.emit({ type: 'swipeEnd' })}\n sceneContainerStyle={[\n { backgroundColor: colors.background },\n sceneContainerStyle,\n ]}\n />\n );\n}\n"],"mappings":";;AAAA,SACEA,aADF,EAKEC,QALF,QAMO,0BANP;AAOA,OAAO,KAAKC,KAAZ,MAAuB,OAAvB;AACA,SAA6BC,OAA7B,QAA4C,uBAA5C;AAQA,OAAOC,iBAAP,MAA8B,qBAA9B;AAQA,eAAe,SAASC,kBAAT,OAOL;EAAA,IAPiC;IACzCC,MAAM,GAAIC,KAAD,iBAAmC,oBAAC,iBAAD,EAAuBA,KAAvB,CADH;IAEzCC,KAFyC;IAGzCC,UAHyC;IAIzCC,WAJyC;IAKzCC,mBALyC;IAMzC,GAAGC;EANsC,CAOjC;EACR,MAAM;IAAEC;EAAF,IAAaZ,QAAQ,EAA3B;;EAEA,MAAMa,YAAY,GAAIP,KAAD,IAA+B;IAClD,OAAOD,MAAM,CAAC,EACZ,GAAGC,KADS;MAEZC,KAAK,EAAEA,KAFK;MAGZC,UAAU,EAAEA,UAHA;MAIZC,WAAW,EAAEA;IAJD,CAAD,CAAb;EAMD,CAPD;;EASA,MAAMK,cAAc,GAAGL,WAAW,CAACF,KAAK,CAACQ,MAAN,CAAaR,KAAK,CAACS,KAAnB,EAA0BC,GAA3B,CAAX,CAA2CC,OAAlE;EAEA,oBACE,oBAAC,OAAD,eACMP,IADN;IAEE,aAAa,EAAGK,KAAD,IACbR,UAAU,CAACW,QAAX,CAAoB,EAClB,GAAGpB,aAAa,CAACqB,QAAd,CAAuB;QACxBC,IAAI,EAAEd,KAAK,CAACQ,MAAN,CAAaC,KAAb,EAAoBK,IADF;QAExBC,KAAK,EAAE;MAFiB,CAAvB,CADe;MAKlBC,MAAM,EAAEhB,KAAK,CAACU;IALI,CAApB,CAHJ;IAWE,WAAW,EAAE;MAAA,IAAC;QAAEO;MAAF,CAAD;MAAA,OAAef,WAAW,CAACe,KAAK,CAACP,GAAP,CAAX,CAAuBQ,MAAvB,EAAf;IAAA,CAXf;IAYE,eAAe,EAAElB,KAZnB;IAaE,YAAY,EAAEM,YAbhB;IAcE,qBAAqB,EAAE;MAAA;;MAAA,IAAC;QAAEW;MAAF,CAAD;MAAA,0DACrB,0BAAAf,WAAW,CAACe,KAAK,CAACP,GAAP,CAAX,CAAuBC,OAAvB,EAA+BQ,eADV,2DACrB,mDADqB,yEACiC,IADjC;IAAA,CAdzB;IAiBE,IAAI,EAAE;MAAA,IAAC;QAAEF;MAAF,CAAD;MAAA,OAAef,WAAW,CAACe,KAAK,CAACP,GAAP,CAAX,CAAuBC,OAAvB,CAA+BS,IAA/B,KAAwC,IAAvD;IAAA,CAjBR;IAkBE,mBAAmB,EAAEb,cAAc,CAACc,mBAlBtC;IAmBE,YAAY,EAAEd,cAAc,CAACe,YAnB/B;IAoBE,gBAAgB,EAAEf,cAAc,CAACgB,gBApBnC;IAqBE,YAAY,EAAE,MAAMtB,UAAU,CAACuB,IAAX,CAAgB;MAAEC,IAAI,EAAE;IAAR,CAAhB,CArBtB;IAsBE,UAAU,EAAE,MAAMxB,UAAU,CAACuB,IAAX,CAAgB;MAAEC,IAAI,EAAE;IAAR,CAAhB,CAtBpB;IAuBE,mBAAmB,EAAE,CACnB;MAAEC,eAAe,EAAErB,MAAM,CAACsB;IAA1B,CADmB,EAEnBxB,mBAFmB;EAvBvB,GADF;AA8BD"}
|
package/package.json
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@react-navigation/material-top-tabs",
|
|
3
3
|
"description": "Integration for the animated tab view component from react-native-tab-view",
|
|
4
|
-
"version": "6.3.
|
|
4
|
+
"version": "6.3.1",
|
|
5
5
|
"keywords": [
|
|
6
6
|
"react-native-component",
|
|
7
7
|
"react-component",
|
|
@@ -45,8 +45,8 @@
|
|
|
45
45
|
"warn-once": "^0.1.0"
|
|
46
46
|
},
|
|
47
47
|
"devDependencies": {
|
|
48
|
-
"@react-navigation/native": "^6.0.
|
|
49
|
-
"@testing-library/react-native": "^
|
|
48
|
+
"@react-navigation/native": "^6.0.14",
|
|
49
|
+
"@testing-library/react-native": "^11.5.0",
|
|
50
50
|
"@types/react": "~18.0.0",
|
|
51
51
|
"@types/react-native": "~0.69.1",
|
|
52
52
|
"del-cli": "^3.0.1",
|
|
@@ -78,5 +78,5 @@
|
|
|
78
78
|
]
|
|
79
79
|
]
|
|
80
80
|
},
|
|
81
|
-
"gitHead": "
|
|
81
|
+
"gitHead": "92f9f265d2627a3ef5b3890042d59405ff38401e"
|
|
82
82
|
}
|