@react-navigation/material-top-tabs 6.4.0 → 6.5.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 +0 -4
- package/lib/commonjs/index.js.map +1 -1
- package/lib/commonjs/navigators/createMaterialTopTabNavigator.js +0 -14
- package/lib/commonjs/navigators/createMaterialTopTabNavigator.js.map +1 -1
- package/lib/commonjs/types.js.map +1 -1
- package/lib/commonjs/views/MaterialTopTabBar.js +6 -27
- package/lib/commonjs/views/MaterialTopTabBar.js.map +1 -1
- package/lib/commonjs/views/MaterialTopTabView.js +6 -16
- package/lib/commonjs/views/MaterialTopTabView.js.map +1 -1
- package/lib/module/index.js +2 -1
- package/lib/module/index.js.map +1 -1
- package/lib/module/navigators/createMaterialTopTabNavigator.js +0 -6
- package/lib/module/navigators/createMaterialTopTabNavigator.js.map +1 -1
- package/lib/module/types.js.map +1 -1
- package/lib/module/views/MaterialTopTabBar.js +6 -17
- package/lib/module/views/MaterialTopTabBar.js.map +1 -1
- package/lib/module/views/MaterialTopTabView.js +6 -8
- package/lib/module/views/MaterialTopTabView.js.map +1 -1
- package/lib/typescript/src/index.d.ts +1 -0
- package/lib/typescript/src/index.d.ts.map +1 -0
- package/lib/typescript/src/navigators/createMaterialTopTabNavigator.d.ts +1 -0
- package/lib/typescript/src/navigators/createMaterialTopTabNavigator.d.ts.map +1 -0
- package/lib/typescript/src/types.d.ts +2 -0
- package/lib/typescript/src/types.d.ts.map +1 -0
- package/lib/typescript/src/views/MaterialTopTabBar.d.ts +1 -0
- package/lib/typescript/src/views/MaterialTopTabBar.d.ts.map +1 -0
- package/lib/typescript/src/views/MaterialTopTabView.d.ts +1 -0
- package/lib/typescript/src/views/MaterialTopTabView.d.ts.map +1 -0
- package/package.json +5 -5
- package/src/types.tsx +5 -1
- package/src/views/MaterialTopTabBar.tsx +8 -1
package/lib/commonjs/index.js
CHANGED
|
@@ -21,12 +21,8 @@ Object.defineProperty(exports, "createMaterialTopTabNavigator", {
|
|
|
21
21
|
return _createMaterialTopTabNavigator.default;
|
|
22
22
|
}
|
|
23
23
|
});
|
|
24
|
-
|
|
25
24
|
var _createMaterialTopTabNavigator = _interopRequireDefault(require("./navigators/createMaterialTopTabNavigator"));
|
|
26
|
-
|
|
27
25
|
var _MaterialTopTabBar = _interopRequireDefault(require("./views/MaterialTopTabBar"));
|
|
28
|
-
|
|
29
26
|
var _MaterialTopTabView = _interopRequireDefault(require("./views/MaterialTopTabView"));
|
|
30
|
-
|
|
31
27
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
32
28
|
//# sourceMappingURL=index.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":[],"
|
|
1
|
+
{"version":3,"names":[],"sourceRoot":"../../src","sources":["index.tsx"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;AAGA;AAKA;AACA;AAA2E"}
|
|
@@ -4,23 +4,14 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
4
4
|
value: true
|
|
5
5
|
});
|
|
6
6
|
exports.default = void 0;
|
|
7
|
-
|
|
8
7
|
var _native = require("@react-navigation/native");
|
|
9
|
-
|
|
10
8
|
var React = _interopRequireWildcard(require("react"));
|
|
11
|
-
|
|
12
9
|
var _warnOnce = _interopRequireDefault(require("warn-once"));
|
|
13
|
-
|
|
14
10
|
var _MaterialTopTabView = _interopRequireDefault(require("../views/MaterialTopTabView"));
|
|
15
|
-
|
|
16
11
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
17
|
-
|
|
18
12
|
function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
|
|
19
|
-
|
|
20
13
|
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
|
-
|
|
22
14
|
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
|
-
|
|
24
15
|
function MaterialTopTabNavigator(_ref) {
|
|
25
16
|
let {
|
|
26
17
|
id,
|
|
@@ -45,7 +36,6 @@ function MaterialTopTabNavigator(_ref) {
|
|
|
45
36
|
...rest
|
|
46
37
|
} = restWithDeprecated;
|
|
47
38
|
let defaultScreenOptions = {};
|
|
48
|
-
|
|
49
39
|
if (tabBarOptions) {
|
|
50
40
|
Object.assign(defaultScreenOptions, {
|
|
51
41
|
tabBarActiveTintColor: tabBarOptions.activeTintColor,
|
|
@@ -75,7 +65,6 @@ function MaterialTopTabNavigator(_ref) {
|
|
|
75
65
|
});
|
|
76
66
|
(0, _warnOnce.default)(tabBarOptions, `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(defaultScreenOptions, null, 2)}\n\nSee https://reactnavigation.org/docs/material-top-tab-navigator#options for more details.`);
|
|
77
67
|
}
|
|
78
|
-
|
|
79
68
|
const deprecatedProps = {
|
|
80
69
|
swipeEnabled,
|
|
81
70
|
lazy,
|
|
@@ -84,7 +73,6 @@ function MaterialTopTabNavigator(_ref) {
|
|
|
84
73
|
};
|
|
85
74
|
Object.entries(deprecatedProps).forEach(_ref2 => {
|
|
86
75
|
let [propName, propValue] = _ref2;
|
|
87
|
-
|
|
88
76
|
if (propValue !== undefined) {
|
|
89
77
|
// @ts-expect-error: Object.entries doesn't return strict types
|
|
90
78
|
defaultScreenOptions[propName] = propValue;
|
|
@@ -111,8 +99,6 @@ function MaterialTopTabNavigator(_ref) {
|
|
|
111
99
|
descriptors: descriptors
|
|
112
100
|
})));
|
|
113
101
|
}
|
|
114
|
-
|
|
115
102
|
var _default = (0, _native.createNavigatorFactory)(MaterialTopTabNavigator);
|
|
116
|
-
|
|
117
103
|
exports.default = _default;
|
|
118
104
|
//# sourceMappingURL=createMaterialTopTabNavigator.js.map
|
|
@@ -1 +1 @@
|
|
|
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"],"
|
|
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"],"sourceRoot":"../../src","sources":["createMaterialTopTabNavigator.tsx"],"mappings":"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"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":[],"
|
|
1
|
+
{"version":3,"names":[],"sourceRoot":"../../src","sources":["types.tsx"],"mappings":""}
|
|
@@ -4,28 +4,16 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
4
4
|
value: true
|
|
5
5
|
});
|
|
6
6
|
exports.default = TabBarTop;
|
|
7
|
-
|
|
8
7
|
var _native = require("@react-navigation/native");
|
|
9
|
-
|
|
10
8
|
var _color = _interopRequireDefault(require("color"));
|
|
11
|
-
|
|
12
9
|
var React = _interopRequireWildcard(require("react"));
|
|
13
|
-
|
|
14
10
|
var _reactNative = require("react-native");
|
|
15
|
-
|
|
16
11
|
var _reactNativeTabView = require("react-native-tab-view");
|
|
17
|
-
|
|
18
12
|
function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
|
|
19
|
-
|
|
20
13
|
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
|
-
|
|
22
14
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
23
|
-
|
|
24
15
|
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
|
-
|
|
26
16
|
function TabBarTop(_ref) {
|
|
27
|
-
var _focusedOptions$tabBa, _focusedOptions$tabBa2;
|
|
28
|
-
|
|
29
17
|
let {
|
|
30
18
|
state,
|
|
31
19
|
navigation,
|
|
@@ -36,8 +24,8 @@ function TabBarTop(_ref) {
|
|
|
36
24
|
colors
|
|
37
25
|
} = (0, _native.useTheme)();
|
|
38
26
|
const focusedOptions = descriptors[state.routes[state.index].key].options;
|
|
39
|
-
const activeColor =
|
|
40
|
-
const inactiveColor =
|
|
27
|
+
const activeColor = focusedOptions.tabBarActiveTintColor ?? colors.text;
|
|
28
|
+
const inactiveColor = focusedOptions.tabBarInactiveTintColor ?? (0, _color.default)(activeColor).alpha(0.5).rgb().string();
|
|
41
29
|
return /*#__PURE__*/React.createElement(_reactNativeTabView.TabBar, _extends({}, rest, {
|
|
42
30
|
navigationState: state,
|
|
43
31
|
scrollEnabled: focusedOptions.tabBarScrollEnabled,
|
|
@@ -78,7 +66,6 @@ function TabBarTop(_ref) {
|
|
|
78
66
|
target: route.key,
|
|
79
67
|
canPreventDefault: true
|
|
80
68
|
});
|
|
81
|
-
|
|
82
69
|
if (event.defaultPrevented) {
|
|
83
70
|
preventDefault();
|
|
84
71
|
}
|
|
@@ -101,11 +88,9 @@ function TabBarTop(_ref) {
|
|
|
101
88
|
const {
|
|
102
89
|
options
|
|
103
90
|
} = descriptors[route.key];
|
|
104
|
-
|
|
105
91
|
if (options.tabBarShowIcon === false) {
|
|
106
92
|
return null;
|
|
107
93
|
}
|
|
108
|
-
|
|
109
94
|
if (options.tabBarIcon !== undefined) {
|
|
110
95
|
const icon = options.tabBarIcon({
|
|
111
96
|
focused,
|
|
@@ -115,7 +100,6 @@ function TabBarTop(_ref) {
|
|
|
115
100
|
style: [styles.icon, options.tabBarIconStyle]
|
|
116
101
|
}, icon);
|
|
117
102
|
}
|
|
118
|
-
|
|
119
103
|
return null;
|
|
120
104
|
},
|
|
121
105
|
renderLabel: _ref7 => {
|
|
@@ -127,13 +111,10 @@ function TabBarTop(_ref) {
|
|
|
127
111
|
const {
|
|
128
112
|
options
|
|
129
113
|
} = descriptors[route.key];
|
|
130
|
-
|
|
131
114
|
if (options.tabBarShowLabel === false) {
|
|
132
115
|
return null;
|
|
133
116
|
}
|
|
134
|
-
|
|
135
117
|
const label = options.tabBarLabel !== undefined ? options.tabBarLabel : options.title !== undefined ? options.title : route.name;
|
|
136
|
-
|
|
137
118
|
if (typeof label === 'string') {
|
|
138
119
|
return /*#__PURE__*/React.createElement(_reactNative.Text, {
|
|
139
120
|
style: [styles.label, {
|
|
@@ -142,22 +123,21 @@ function TabBarTop(_ref) {
|
|
|
142
123
|
allowFontScaling: options.tabBarAllowFontScaling
|
|
143
124
|
}, label);
|
|
144
125
|
}
|
|
145
|
-
|
|
126
|
+
const children = typeof options.tabBarLabel === 'string' ? options.tabBarLabel : options.title !== undefined ? options.title : route.name;
|
|
146
127
|
return label({
|
|
147
128
|
focused,
|
|
148
|
-
color
|
|
129
|
+
color,
|
|
130
|
+
children
|
|
149
131
|
});
|
|
150
132
|
},
|
|
151
133
|
renderBadge: _ref8 => {
|
|
152
|
-
var _tabBarBadge;
|
|
153
|
-
|
|
154
134
|
let {
|
|
155
135
|
route
|
|
156
136
|
} = _ref8;
|
|
157
137
|
const {
|
|
158
138
|
tabBarBadge
|
|
159
139
|
} = descriptors[route.key].options;
|
|
160
|
-
return (
|
|
140
|
+
return (tabBarBadge === null || tabBarBadge === void 0 ? void 0 : tabBarBadge()) ?? null;
|
|
161
141
|
},
|
|
162
142
|
renderIndicator: _ref9 => {
|
|
163
143
|
let {
|
|
@@ -173,7 +153,6 @@ function TabBarTop(_ref) {
|
|
|
173
153
|
}
|
|
174
154
|
}));
|
|
175
155
|
}
|
|
176
|
-
|
|
177
156
|
const styles = _reactNative.StyleSheet.create({
|
|
178
157
|
icon: {
|
|
179
158
|
height: 24,
|
|
@@ -1 +1 @@
|
|
|
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","tabBarGap","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"],"
|
|
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","tabBarGap","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","children","tabBarBadge","navigationState","tabBarIndicator","StyleSheet","create","height","width","textAlign","textTransform","fontSize","margin"],"sourceRoot":"../../src","sources":["MaterialTopTabBar.tsx"],"mappings":"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"}
|
|
@@ -4,23 +4,14 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
4
4
|
value: true
|
|
5
5
|
});
|
|
6
6
|
exports.default = MaterialTopTabView;
|
|
7
|
-
|
|
8
7
|
var _native = require("@react-navigation/native");
|
|
9
|
-
|
|
10
8
|
var React = _interopRequireWildcard(require("react"));
|
|
11
|
-
|
|
12
9
|
var _reactNativeTabView = require("react-native-tab-view");
|
|
13
|
-
|
|
14
10
|
var _MaterialTopTabBar = _interopRequireDefault(require("./MaterialTopTabBar"));
|
|
15
|
-
|
|
16
11
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
17
|
-
|
|
18
12
|
function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
|
|
19
|
-
|
|
20
13
|
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
|
-
|
|
22
14
|
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
|
-
|
|
24
15
|
function MaterialTopTabView(_ref) {
|
|
25
16
|
let {
|
|
26
17
|
tabBar = props => /*#__PURE__*/React.createElement(_MaterialTopTabBar.default, props),
|
|
@@ -33,18 +24,18 @@ function MaterialTopTabView(_ref) {
|
|
|
33
24
|
const {
|
|
34
25
|
colors
|
|
35
26
|
} = (0, _native.useTheme)();
|
|
36
|
-
|
|
37
27
|
const renderTabBar = props => {
|
|
38
|
-
return tabBar({
|
|
28
|
+
return tabBar({
|
|
29
|
+
...props,
|
|
39
30
|
state: state,
|
|
40
31
|
navigation: navigation,
|
|
41
32
|
descriptors: descriptors
|
|
42
33
|
});
|
|
43
34
|
};
|
|
44
|
-
|
|
45
35
|
const focusedOptions = descriptors[state.routes[state.index].key].options;
|
|
46
36
|
return /*#__PURE__*/React.createElement(_reactNativeTabView.TabView, _extends({}, rest, {
|
|
47
|
-
onIndexChange: index => navigation.dispatch({
|
|
37
|
+
onIndexChange: index => navigation.dispatch({
|
|
38
|
+
..._native.CommonActions.navigate({
|
|
48
39
|
name: state.routes[index].name,
|
|
49
40
|
merge: true
|
|
50
41
|
}),
|
|
@@ -59,12 +50,11 @@ function MaterialTopTabView(_ref) {
|
|
|
59
50
|
navigationState: state,
|
|
60
51
|
renderTabBar: renderTabBar,
|
|
61
52
|
renderLazyPlaceholder: _ref3 => {
|
|
62
|
-
var _descriptors$route$ke, _descriptors$route$ke2
|
|
63
|
-
|
|
53
|
+
var _descriptors$route$ke, _descriptors$route$ke2;
|
|
64
54
|
let {
|
|
65
55
|
route
|
|
66
56
|
} = _ref3;
|
|
67
|
-
return (_descriptors$route$ke = (_descriptors$route$ke2 =
|
|
57
|
+
return ((_descriptors$route$ke = (_descriptors$route$ke2 = descriptors[route.key].options).lazyPlaceholder) === null || _descriptors$route$ke === void 0 ? void 0 : _descriptors$route$ke.call(_descriptors$route$ke2)) ?? null;
|
|
68
58
|
},
|
|
69
59
|
lazy: _ref4 => {
|
|
70
60
|
let {
|
|
@@ -1 +1 @@
|
|
|
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"],"
|
|
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"],"sourceRoot":"../../src","sources":["MaterialTopTabView.tsx"],"mappings":";;;;;;AAAA;AAOA;AACA;AAQA;AAAoD;AAAA;AAAA;AAAA;AAQrC,SAASA,kBAAkB,OAOhC;EAAA,IAPiC;IACzCC,MAAM,GAAIC,KAA6B,iBAAK,oBAAC,0BAAiB,EAAKA,KAAK,CAAI;IAC5EC,KAAK;IACLC,UAAU;IACVC,WAAW;IACXC,mBAAmB;IACnB,GAAGC;EACE,CAAC;EACN,MAAM;IAAEC;EAAO,CAAC,GAAG,IAAAC,gBAAQ,GAAE;EAE7B,MAAMC,YAAY,GAAIR,KAAyB,IAAK;IAClD,OAAOD,MAAM,CAAC;MACZ,GAAGC,KAAK;MACRC,KAAK,EAAEA,KAAK;MACZC,UAAU,EAAEA,UAAU;MACtBC,WAAW,EAAEA;IACf,CAAC,CAAC;EACJ,CAAC;EAED,MAAMM,cAAc,GAAGN,WAAW,CAACF,KAAK,CAACS,MAAM,CAACT,KAAK,CAACU,KAAK,CAAC,CAACC,GAAG,CAAC,CAACC,OAAO;EAEzE,oBACE,oBAAC,2BAAO,eACFR,IAAI;IACR,aAAa,EAAGM,KAAK,IACnBT,UAAU,CAACY,QAAQ,CAAC;MAClB,GAAGC,qBAAa,CAACC,QAAQ,CAAC;QACxBC,IAAI,EAAEhB,KAAK,CAACS,MAAM,CAACC,KAAK,CAAC,CAACM,IAAI;QAC9BC,KAAK,EAAE;MACT,CAAC,CAAC;MACFC,MAAM,EAAElB,KAAK,CAACW;IAChB,CAAC,CACF;IACD,WAAW,EAAE;MAAA,IAAC;QAAEQ;MAAM,CAAC;MAAA,OAAKjB,WAAW,CAACiB,KAAK,CAACR,GAAG,CAAC,CAACS,MAAM,EAAE;IAAA,CAAC;IAC5D,eAAe,EAAEpB,KAAM;IACvB,YAAY,EAAEO,YAAa;IAC3B,qBAAqB,EAAE;MAAA;MAAA,IAAC;QAAEY;MAAM,CAAC;MAAA,OAC/B,oDAAAjB,WAAW,CAACiB,KAAK,CAACR,GAAG,CAAC,CAACC,OAAO,EAACS,eAAe,0DAA9C,kDAAkD,KAAI,IAAI;IAAA,CAC3D;IACD,IAAI,EAAE;MAAA,IAAC;QAAEF;MAAM,CAAC;MAAA,OAAKjB,WAAW,CAACiB,KAAK,CAACR,GAAG,CAAC,CAACC,OAAO,CAACU,IAAI,KAAK,IAAI;IAAA,CAAC;IAClE,mBAAmB,EAAEd,cAAc,CAACe,mBAAoB;IACxD,YAAY,EAAEf,cAAc,CAACgB,YAAa;IAC1C,gBAAgB,EAAEhB,cAAc,CAACiB,gBAAiB;IAClD,YAAY,EAAE,MAAMxB,UAAU,CAACyB,IAAI,CAAC;MAAEC,IAAI,EAAE;IAAa,CAAC,CAAE;IAC5D,UAAU,EAAE,MAAM1B,UAAU,CAACyB,IAAI,CAAC;MAAEC,IAAI,EAAE;IAAW,CAAC,CAAE;IACxD,mBAAmB,EAAE,CACnB;MAAEC,eAAe,EAAEvB,MAAM,CAACwB;IAAW,CAAC,EACtC1B,mBAAmB;EACnB,GACF;AAEN"}
|
package/lib/module/index.js
CHANGED
|
@@ -2,12 +2,13 @@
|
|
|
2
2
|
* Navigators
|
|
3
3
|
*/
|
|
4
4
|
export { default as createMaterialTopTabNavigator } from './navigators/createMaterialTopTabNavigator';
|
|
5
|
+
|
|
5
6
|
/**
|
|
6
7
|
* Views
|
|
7
8
|
*/
|
|
8
|
-
|
|
9
9
|
export { default as MaterialTopTabBar } from './views/MaterialTopTabBar';
|
|
10
10
|
export { default as MaterialTopTabView } from './views/MaterialTopTabView';
|
|
11
|
+
|
|
11
12
|
/**
|
|
12
13
|
* Types
|
|
13
14
|
*/
|
package/lib/module/index.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["default","createMaterialTopTabNavigator","MaterialTopTabBar","MaterialTopTabView"],"
|
|
1
|
+
{"version":3,"names":["default","createMaterialTopTabNavigator","MaterialTopTabBar","MaterialTopTabView"],"sourceRoot":"../../src","sources":["index.tsx"],"mappings":"AAAA;AACA;AACA;AACA,SAASA,OAAO,IAAIC,6BAA6B,QAAQ,4CAA4C;;AAErG;AACA;AACA;AACA,SAASD,OAAO,IAAIE,iBAAiB,QAAQ,2BAA2B;AACxE,SAASF,OAAO,IAAIG,kBAAkB,QAAQ,4BAA4B;;AAE1E;AACA;AACA"}
|
|
@@ -1,10 +1,8 @@
|
|
|
1
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
|
-
|
|
3
2
|
import { createNavigatorFactory, TabRouter, useNavigationBuilder } from '@react-navigation/native';
|
|
4
3
|
import * as React from 'react';
|
|
5
4
|
import warnOnce from 'warn-once';
|
|
6
5
|
import MaterialTopTabView from '../views/MaterialTopTabView';
|
|
7
|
-
|
|
8
6
|
function MaterialTopTabNavigator(_ref) {
|
|
9
7
|
let {
|
|
10
8
|
id,
|
|
@@ -29,7 +27,6 @@ function MaterialTopTabNavigator(_ref) {
|
|
|
29
27
|
...rest
|
|
30
28
|
} = restWithDeprecated;
|
|
31
29
|
let defaultScreenOptions = {};
|
|
32
|
-
|
|
33
30
|
if (tabBarOptions) {
|
|
34
31
|
Object.assign(defaultScreenOptions, {
|
|
35
32
|
tabBarActiveTintColor: tabBarOptions.activeTintColor,
|
|
@@ -59,7 +56,6 @@ function MaterialTopTabNavigator(_ref) {
|
|
|
59
56
|
});
|
|
60
57
|
warnOnce(tabBarOptions, `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(defaultScreenOptions, null, 2)}\n\nSee https://reactnavigation.org/docs/material-top-tab-navigator#options for more details.`);
|
|
61
58
|
}
|
|
62
|
-
|
|
63
59
|
const deprecatedProps = {
|
|
64
60
|
swipeEnabled,
|
|
65
61
|
lazy,
|
|
@@ -68,7 +64,6 @@ function MaterialTopTabNavigator(_ref) {
|
|
|
68
64
|
};
|
|
69
65
|
Object.entries(deprecatedProps).forEach(_ref2 => {
|
|
70
66
|
let [propName, propValue] = _ref2;
|
|
71
|
-
|
|
72
67
|
if (propValue !== undefined) {
|
|
73
68
|
// @ts-expect-error: Object.entries doesn't return strict types
|
|
74
69
|
defaultScreenOptions[propName] = propValue;
|
|
@@ -95,6 +90,5 @@ function MaterialTopTabNavigator(_ref) {
|
|
|
95
90
|
descriptors: descriptors
|
|
96
91
|
})));
|
|
97
92
|
}
|
|
98
|
-
|
|
99
93
|
export default createNavigatorFactory(MaterialTopTabNavigator);
|
|
100
94
|
//# sourceMappingURL=createMaterialTopTabNavigator.js.map
|
|
@@ -1 +1 @@
|
|
|
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"],"
|
|
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"],"sourceRoot":"../../src","sources":["createMaterialTopTabNavigator.tsx"],"mappings":"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"}
|
package/lib/module/types.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":[],"
|
|
1
|
+
{"version":3,"names":[],"sourceRoot":"../../src","sources":["types.tsx"],"mappings":""}
|
|
@@ -1,13 +1,10 @@
|
|
|
1
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
|
-
|
|
3
2
|
import { useTheme } from '@react-navigation/native';
|
|
4
3
|
import Color from 'color';
|
|
5
4
|
import * as React from 'react';
|
|
6
5
|
import { StyleSheet, Text, View } from 'react-native';
|
|
7
6
|
import { TabBar, TabBarIndicator } from 'react-native-tab-view';
|
|
8
7
|
export default function TabBarTop(_ref) {
|
|
9
|
-
var _focusedOptions$tabBa, _focusedOptions$tabBa2;
|
|
10
|
-
|
|
11
8
|
let {
|
|
12
9
|
state,
|
|
13
10
|
navigation,
|
|
@@ -18,8 +15,8 @@ export default function TabBarTop(_ref) {
|
|
|
18
15
|
colors
|
|
19
16
|
} = useTheme();
|
|
20
17
|
const focusedOptions = descriptors[state.routes[state.index].key].options;
|
|
21
|
-
const activeColor =
|
|
22
|
-
const inactiveColor =
|
|
18
|
+
const activeColor = focusedOptions.tabBarActiveTintColor ?? colors.text;
|
|
19
|
+
const inactiveColor = focusedOptions.tabBarInactiveTintColor ?? Color(activeColor).alpha(0.5).rgb().string();
|
|
23
20
|
return /*#__PURE__*/React.createElement(TabBar, _extends({}, rest, {
|
|
24
21
|
navigationState: state,
|
|
25
22
|
scrollEnabled: focusedOptions.tabBarScrollEnabled,
|
|
@@ -60,7 +57,6 @@ export default function TabBarTop(_ref) {
|
|
|
60
57
|
target: route.key,
|
|
61
58
|
canPreventDefault: true
|
|
62
59
|
});
|
|
63
|
-
|
|
64
60
|
if (event.defaultPrevented) {
|
|
65
61
|
preventDefault();
|
|
66
62
|
}
|
|
@@ -83,11 +79,9 @@ export default function TabBarTop(_ref) {
|
|
|
83
79
|
const {
|
|
84
80
|
options
|
|
85
81
|
} = descriptors[route.key];
|
|
86
|
-
|
|
87
82
|
if (options.tabBarShowIcon === false) {
|
|
88
83
|
return null;
|
|
89
84
|
}
|
|
90
|
-
|
|
91
85
|
if (options.tabBarIcon !== undefined) {
|
|
92
86
|
const icon = options.tabBarIcon({
|
|
93
87
|
focused,
|
|
@@ -97,7 +91,6 @@ export default function TabBarTop(_ref) {
|
|
|
97
91
|
style: [styles.icon, options.tabBarIconStyle]
|
|
98
92
|
}, icon);
|
|
99
93
|
}
|
|
100
|
-
|
|
101
94
|
return null;
|
|
102
95
|
},
|
|
103
96
|
renderLabel: _ref7 => {
|
|
@@ -109,13 +102,10 @@ export default function TabBarTop(_ref) {
|
|
|
109
102
|
const {
|
|
110
103
|
options
|
|
111
104
|
} = descriptors[route.key];
|
|
112
|
-
|
|
113
105
|
if (options.tabBarShowLabel === false) {
|
|
114
106
|
return null;
|
|
115
107
|
}
|
|
116
|
-
|
|
117
108
|
const label = options.tabBarLabel !== undefined ? options.tabBarLabel : options.title !== undefined ? options.title : route.name;
|
|
118
|
-
|
|
119
109
|
if (typeof label === 'string') {
|
|
120
110
|
return /*#__PURE__*/React.createElement(Text, {
|
|
121
111
|
style: [styles.label, {
|
|
@@ -124,22 +114,21 @@ export default function TabBarTop(_ref) {
|
|
|
124
114
|
allowFontScaling: options.tabBarAllowFontScaling
|
|
125
115
|
}, label);
|
|
126
116
|
}
|
|
127
|
-
|
|
117
|
+
const children = typeof options.tabBarLabel === 'string' ? options.tabBarLabel : options.title !== undefined ? options.title : route.name;
|
|
128
118
|
return label({
|
|
129
119
|
focused,
|
|
130
|
-
color
|
|
120
|
+
color,
|
|
121
|
+
children
|
|
131
122
|
});
|
|
132
123
|
},
|
|
133
124
|
renderBadge: _ref8 => {
|
|
134
|
-
var _tabBarBadge;
|
|
135
|
-
|
|
136
125
|
let {
|
|
137
126
|
route
|
|
138
127
|
} = _ref8;
|
|
139
128
|
const {
|
|
140
129
|
tabBarBadge
|
|
141
130
|
} = descriptors[route.key].options;
|
|
142
|
-
return (
|
|
131
|
+
return (tabBarBadge === null || tabBarBadge === void 0 ? void 0 : tabBarBadge()) ?? null;
|
|
143
132
|
},
|
|
144
133
|
renderIndicator: _ref9 => {
|
|
145
134
|
let {
|
|
@@ -1 +1 @@
|
|
|
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","tabBarGap","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"],"
|
|
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","tabBarGap","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","children","tabBarBadge","navigationState","tabBarIndicator","create","height","width","textAlign","textTransform","fontSize","margin"],"sourceRoot":"../../src","sources":["MaterialTopTabBar.tsx"],"mappings":"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"}
|
|
@@ -1,5 +1,4 @@
|
|
|
1
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
|
-
|
|
3
2
|
import { CommonActions, useTheme } from '@react-navigation/native';
|
|
4
3
|
import * as React from 'react';
|
|
5
4
|
import { TabView } from 'react-native-tab-view';
|
|
@@ -16,18 +15,18 @@ export default function MaterialTopTabView(_ref) {
|
|
|
16
15
|
const {
|
|
17
16
|
colors
|
|
18
17
|
} = useTheme();
|
|
19
|
-
|
|
20
18
|
const renderTabBar = props => {
|
|
21
|
-
return tabBar({
|
|
19
|
+
return tabBar({
|
|
20
|
+
...props,
|
|
22
21
|
state: state,
|
|
23
22
|
navigation: navigation,
|
|
24
23
|
descriptors: descriptors
|
|
25
24
|
});
|
|
26
25
|
};
|
|
27
|
-
|
|
28
26
|
const focusedOptions = descriptors[state.routes[state.index].key].options;
|
|
29
27
|
return /*#__PURE__*/React.createElement(TabView, _extends({}, rest, {
|
|
30
|
-
onIndexChange: index => navigation.dispatch({
|
|
28
|
+
onIndexChange: index => navigation.dispatch({
|
|
29
|
+
...CommonActions.navigate({
|
|
31
30
|
name: state.routes[index].name,
|
|
32
31
|
merge: true
|
|
33
32
|
}),
|
|
@@ -42,12 +41,11 @@ export default function MaterialTopTabView(_ref) {
|
|
|
42
41
|
navigationState: state,
|
|
43
42
|
renderTabBar: renderTabBar,
|
|
44
43
|
renderLazyPlaceholder: _ref3 => {
|
|
45
|
-
var _descriptors$route$ke, _descriptors$route$ke2
|
|
46
|
-
|
|
44
|
+
var _descriptors$route$ke, _descriptors$route$ke2;
|
|
47
45
|
let {
|
|
48
46
|
route
|
|
49
47
|
} = _ref3;
|
|
50
|
-
return (_descriptors$route$ke = (_descriptors$route$ke2 =
|
|
48
|
+
return ((_descriptors$route$ke = (_descriptors$route$ke2 = descriptors[route.key].options).lazyPlaceholder) === null || _descriptors$route$ke === void 0 ? void 0 : _descriptors$route$ke.call(_descriptors$route$ke2)) ?? null;
|
|
51
49
|
},
|
|
52
50
|
lazy: _ref4 => {
|
|
53
51
|
let {
|
|
@@ -1 +1 @@
|
|
|
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"],"
|
|
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"],"sourceRoot":"../../src","sources":["MaterialTopTabView.tsx"],"mappings":";AAAA,SACEA,aAAa,EAIbC,QAAQ,QACH,0BAA0B;AACjC,OAAO,KAAKC,KAAK,MAAM,OAAO;AAC9B,SAA6BC,OAAO,QAAQ,uBAAuB;AAQnE,OAAOC,iBAAiB,MAAM,qBAAqB;AAQnD,eAAe,SAASC,kBAAkB,OAOhC;EAAA,IAPiC;IACzCC,MAAM,GAAIC,KAA6B,iBAAK,oBAAC,iBAAiB,EAAKA,KAAK,CAAI;IAC5EC,KAAK;IACLC,UAAU;IACVC,WAAW;IACXC,mBAAmB;IACnB,GAAGC;EACE,CAAC;EACN,MAAM;IAAEC;EAAO,CAAC,GAAGZ,QAAQ,EAAE;EAE7B,MAAMa,YAAY,GAAIP,KAAyB,IAAK;IAClD,OAAOD,MAAM,CAAC;MACZ,GAAGC,KAAK;MACRC,KAAK,EAAEA,KAAK;MACZC,UAAU,EAAEA,UAAU;MACtBC,WAAW,EAAEA;IACf,CAAC,CAAC;EACJ,CAAC;EAED,MAAMK,cAAc,GAAGL,WAAW,CAACF,KAAK,CAACQ,MAAM,CAACR,KAAK,CAACS,KAAK,CAAC,CAACC,GAAG,CAAC,CAACC,OAAO;EAEzE,oBACE,oBAAC,OAAO,eACFP,IAAI;IACR,aAAa,EAAGK,KAAK,IACnBR,UAAU,CAACW,QAAQ,CAAC;MAClB,GAAGpB,aAAa,CAACqB,QAAQ,CAAC;QACxBC,IAAI,EAAEd,KAAK,CAACQ,MAAM,CAACC,KAAK,CAAC,CAACK,IAAI;QAC9BC,KAAK,EAAE;MACT,CAAC,CAAC;MACFC,MAAM,EAAEhB,KAAK,CAACU;IAChB,CAAC,CACF;IACD,WAAW,EAAE;MAAA,IAAC;QAAEO;MAAM,CAAC;MAAA,OAAKf,WAAW,CAACe,KAAK,CAACP,GAAG,CAAC,CAACQ,MAAM,EAAE;IAAA,CAAC;IAC5D,eAAe,EAAElB,KAAM;IACvB,YAAY,EAAEM,YAAa;IAC3B,qBAAqB,EAAE;MAAA;MAAA,IAAC;QAAEW;MAAM,CAAC;MAAA,OAC/B,oDAAAf,WAAW,CAACe,KAAK,CAACP,GAAG,CAAC,CAACC,OAAO,EAACQ,eAAe,0DAA9C,kDAAkD,KAAI,IAAI;IAAA,CAC3D;IACD,IAAI,EAAE;MAAA,IAAC;QAAEF;MAAM,CAAC;MAAA,OAAKf,WAAW,CAACe,KAAK,CAACP,GAAG,CAAC,CAACC,OAAO,CAACS,IAAI,KAAK,IAAI;IAAA,CAAC;IAClE,mBAAmB,EAAEb,cAAc,CAACc,mBAAoB;IACxD,YAAY,EAAEd,cAAc,CAACe,YAAa;IAC1C,gBAAgB,EAAEf,cAAc,CAACgB,gBAAiB;IAClD,YAAY,EAAE,MAAMtB,UAAU,CAACuB,IAAI,CAAC;MAAEC,IAAI,EAAE;IAAa,CAAC,CAAE;IAC5D,UAAU,EAAE,MAAMxB,UAAU,CAACuB,IAAI,CAAC;MAAEC,IAAI,EAAE;IAAW,CAAC,CAAE;IACxD,mBAAmB,EAAE,CACnB;MAAEC,eAAe,EAAErB,MAAM,CAACsB;IAAW,CAAC,EACtCxB,mBAAmB;EACnB,GACF;AAEN"}
|
|
@@ -11,3 +11,4 @@ export { default as MaterialTopTabView } from './views/MaterialTopTabView';
|
|
|
11
11
|
* Types
|
|
12
12
|
*/
|
|
13
13
|
export type { MaterialTopTabBarProps, MaterialTopTabNavigationEventMap, MaterialTopTabNavigationOptions, MaterialTopTabNavigationProp, MaterialTopTabScreenProps, } from './types';
|
|
14
|
+
//# sourceMappingURL=index.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/index.tsx"],"names":[],"mappings":"AAAA;;GAEG;AACH,OAAO,EAAE,OAAO,IAAI,6BAA6B,EAAE,MAAM,4CAA4C,CAAC;AAEtG;;GAEG;AACH,OAAO,EAAE,OAAO,IAAI,iBAAiB,EAAE,MAAM,2BAA2B,CAAC;AACzE,OAAO,EAAE,OAAO,IAAI,kBAAkB,EAAE,MAAM,4BAA4B,CAAC;AAE3E;;GAEG;AACH,YAAY,EACV,sBAAsB,EACtB,gCAAgC,EAChC,+BAA+B,EAC/B,4BAA4B,EAC5B,yBAAyB,GAC1B,MAAM,SAAS,CAAC"}
|
|
@@ -5,3 +5,4 @@ declare type Props = DefaultNavigatorOptions<ParamListBase, TabNavigationState<P
|
|
|
5
5
|
declare function MaterialTopTabNavigator({ id, initialRouteName, backBehavior, children, screenListeners, screenOptions, ...restWithDeprecated }: Props): JSX.Element;
|
|
6
6
|
declare const _default: <ParamList extends ParamListBase>() => import("@react-navigation/native").TypedNavigator<ParamList, TabNavigationState<ParamListBase>, MaterialTopTabNavigationOptions, MaterialTopTabNavigationEventMap, typeof MaterialTopTabNavigator>;
|
|
7
7
|
export default _default;
|
|
8
|
+
//# sourceMappingURL=createMaterialTopTabNavigator.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"createMaterialTopTabNavigator.d.ts","sourceRoot":"","sources":["../../../../src/navigators/createMaterialTopTabNavigator.tsx"],"names":[],"mappings":";AAAA,OAAO,EAEL,uBAAuB,EACvB,aAAa,EAEb,kBAAkB,EAElB,gBAAgB,EAEjB,MAAM,0BAA0B,CAAC;AAIlC,OAAO,KAAK,EACV,8BAA8B,EAC9B,gCAAgC,EAChC,+BAA+B,EAChC,MAAM,UAAU,CAAC;AAGlB,aAAK,KAAK,GAAG,uBAAuB,CAClC,aAAa,EACb,kBAAkB,CAAC,aAAa,CAAC,EACjC,+BAA+B,EAC/B,gCAAgC,CACjC,GACC,gBAAgB,GAChB,8BAA8B,CAAC;AAEjC,iBAAS,uBAAuB,CAAC,EAC/B,EAAE,EACF,gBAAgB,EAChB,YAAY,EACZ,QAAQ,EACR,eAAe,EACf,aAAa,EACb,GAAG,kBAAkB,EACtB,EAAE,KAAK,eA0GP;;AAED,wBAK2B"}
|
|
@@ -49,6 +49,7 @@ export declare type MaterialTopTabNavigationOptions = {
|
|
|
49
49
|
tabBarLabel?: string | ((props: {
|
|
50
50
|
focused: boolean;
|
|
51
51
|
color: string;
|
|
52
|
+
children: string;
|
|
52
53
|
}) => React.ReactNode);
|
|
53
54
|
/**
|
|
54
55
|
* Accessibility label for the tab button. This is read by the screen reader when the user taps the tab.
|
|
@@ -197,3 +198,4 @@ export declare type MaterialTopTabBarProps = SceneRendererProps & {
|
|
|
197
198
|
navigation: NavigationHelpers<ParamListBase, MaterialTopTabNavigationEventMap>;
|
|
198
199
|
descriptors: MaterialTopTabDescriptorMap;
|
|
199
200
|
};
|
|
201
|
+
//# sourceMappingURL=types.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/types.tsx"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"MaterialTopTabBar.d.ts","sourceRoot":"","sources":["../../../../src/views/MaterialTopTabBar.tsx"],"names":[],"mappings":";AAWA,OAAO,KAAK,EAAE,sBAAsB,EAAE,MAAM,UAAU,CAAC;AAEvD,MAAM,CAAC,OAAO,UAAU,SAAS,CAAC,EAChC,KAAK,EACL,UAAU,EACV,WAAW,EACX,GAAG,IAAI,EACR,EAAE,sBAAsB,eAsHxB"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"MaterialTopTabView.d.ts","sourceRoot":"","sources":["../../../../src/views/MaterialTopTabView.tsx"],"names":[],"mappings":";AAAA,OAAO,EAEL,aAAa,EAEb,kBAAkB,EAEnB,MAAM,0BAA0B,CAAC;AAIlC,OAAO,KAAK,EAEV,2BAA2B,EAC3B,8BAA8B,EAC9B,+BAA+B,EAChC,MAAM,UAAU,CAAC;AAGlB,aAAK,KAAK,GAAG,8BAA8B,GAAG;IAC5C,KAAK,EAAE,kBAAkB,CAAC,aAAa,CAAC,CAAC;IACzC,UAAU,EAAE,+BAA+B,CAAC;IAC5C,WAAW,EAAE,2BAA2B,CAAC;CAC1C,CAAC;AAEF,MAAM,CAAC,OAAO,UAAU,kBAAkB,CAAC,EACzC,MAA4E,EAC5E,KAAK,EACL,UAAU,EACV,WAAW,EACX,mBAAmB,EACnB,GAAG,IAAI,EACR,EAAE,KAAK,eA4CP"}
|
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.
|
|
4
|
+
"version": "6.5.1",
|
|
5
5
|
"keywords": [
|
|
6
6
|
"react-native-component",
|
|
7
7
|
"react-component",
|
|
@@ -45,16 +45,16 @@
|
|
|
45
45
|
"warn-once": "^0.1.0"
|
|
46
46
|
},
|
|
47
47
|
"devDependencies": {
|
|
48
|
-
"@react-navigation/native": "^6.
|
|
48
|
+
"@react-navigation/native": "^6.1.1",
|
|
49
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",
|
|
53
53
|
"react": "18.0.0",
|
|
54
54
|
"react-native": "0.69.5",
|
|
55
|
-
"react-native-builder-bob": "^0.
|
|
55
|
+
"react-native-builder-bob": "^0.20.3",
|
|
56
56
|
"react-native-pager-view": "5.4.24",
|
|
57
|
-
"react-native-tab-view": "^3.3.
|
|
57
|
+
"react-native-tab-view": "^3.3.4",
|
|
58
58
|
"typescript": "^4.7.4"
|
|
59
59
|
},
|
|
60
60
|
"peerDependencies": {
|
|
@@ -78,5 +78,5 @@
|
|
|
78
78
|
]
|
|
79
79
|
]
|
|
80
80
|
},
|
|
81
|
-
"gitHead": "
|
|
81
|
+
"gitHead": "2b22d3ea9ca99bc298f4fb48ae9808b65aa25620"
|
|
82
82
|
}
|
package/src/types.tsx
CHANGED
|
@@ -78,7 +78,11 @@ export type MaterialTopTabNavigationOptions = {
|
|
|
78
78
|
*/
|
|
79
79
|
tabBarLabel?:
|
|
80
80
|
| string
|
|
81
|
-
| ((props: {
|
|
81
|
+
| ((props: {
|
|
82
|
+
focused: boolean;
|
|
83
|
+
color: string;
|
|
84
|
+
children: string;
|
|
85
|
+
}) => React.ReactNode);
|
|
82
86
|
|
|
83
87
|
/**
|
|
84
88
|
* Accessibility label for the tab button. This is read by the screen reader when the user taps the tab.
|
|
@@ -108,7 +108,14 @@ export default function TabBarTop({
|
|
|
108
108
|
);
|
|
109
109
|
}
|
|
110
110
|
|
|
111
|
-
|
|
111
|
+
const children =
|
|
112
|
+
typeof options.tabBarLabel === 'string'
|
|
113
|
+
? options.tabBarLabel
|
|
114
|
+
: options.title !== undefined
|
|
115
|
+
? options.title
|
|
116
|
+
: route.name;
|
|
117
|
+
|
|
118
|
+
return label({ focused, color, children });
|
|
112
119
|
}}
|
|
113
120
|
renderBadge={({ route }) => {
|
|
114
121
|
const { tabBarBadge } = descriptors[route.key].options;
|