react-navigation-reanimated-top-tabs 0.2.0
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/LICENSE +20 -0
- package/README.md +26 -0
- package/lib/commonjs/components/ReanimatedTopTab/AnimationHelper.js +76 -0
- package/lib/commonjs/components/ReanimatedTopTab/AnimationHelper.js.map +1 -0
- package/lib/commonjs/components/ReanimatedTopTab/ReanimatedTabView.js +125 -0
- package/lib/commonjs/components/ReanimatedTopTab/ReanimatedTabView.js.map +1 -0
- package/lib/commonjs/components/ReanimatedTopTab/types.js +8 -0
- package/lib/commonjs/components/ReanimatedTopTab/types.js.map +1 -0
- package/lib/commonjs/components/elements/TabBarBaseComponent.js +71 -0
- package/lib/commonjs/components/elements/TabBarBaseComponent.js.map +1 -0
- package/lib/commonjs/components/elements/TabBarLabelBaseComponent.js +48 -0
- package/lib/commonjs/components/elements/TabBarLabelBaseComponent.js.map +1 -0
- package/lib/commonjs/components/wrappers/GestureWrapper.js +100 -0
- package/lib/commonjs/components/wrappers/GestureWrapper.js.map +1 -0
- package/lib/commonjs/components/wrappers/ScreenWrapper.js +34 -0
- package/lib/commonjs/components/wrappers/ScreenWrapper.js.map +1 -0
- package/lib/commonjs/components/wrappers/ScrollView.js +58 -0
- package/lib/commonjs/components/wrappers/ScrollView.js.map +1 -0
- package/lib/commonjs/context/TopTabContext.hooks.js +48 -0
- package/lib/commonjs/context/TopTabContext.hooks.js.map +1 -0
- package/lib/commonjs/context/TopTabContext.js +86 -0
- package/lib/commonjs/context/TopTabContext.js.map +1 -0
- package/lib/commonjs/hooks/TopTab.hooks.js +120 -0
- package/lib/commonjs/hooks/TopTab.hooks.js.map +1 -0
- package/lib/commonjs/index.js +92 -0
- package/lib/commonjs/index.js.map +1 -0
- package/lib/commonjs/navigator/createReanimatedTopTabNavigator.js +141 -0
- package/lib/commonjs/navigator/createReanimatedTopTabNavigator.js.map +1 -0
- package/lib/commonjs/types.js +8 -0
- package/lib/commonjs/types.js.map +1 -0
- package/lib/module/components/ReanimatedTopTab/AnimationHelper.js +72 -0
- package/lib/module/components/ReanimatedTopTab/AnimationHelper.js.map +1 -0
- package/lib/module/components/ReanimatedTopTab/ReanimatedTabView.js +119 -0
- package/lib/module/components/ReanimatedTopTab/ReanimatedTabView.js.map +1 -0
- package/lib/module/components/ReanimatedTopTab/types.js +4 -0
- package/lib/module/components/ReanimatedTopTab/types.js.map +1 -0
- package/lib/module/components/elements/TabBarBaseComponent.js +64 -0
- package/lib/module/components/elements/TabBarBaseComponent.js.map +1 -0
- package/lib/module/components/elements/TabBarLabelBaseComponent.js +41 -0
- package/lib/module/components/elements/TabBarLabelBaseComponent.js.map +1 -0
- package/lib/module/components/wrappers/GestureWrapper.js +94 -0
- package/lib/module/components/wrappers/GestureWrapper.js.map +1 -0
- package/lib/module/components/wrappers/ScreenWrapper.js +28 -0
- package/lib/module/components/wrappers/ScreenWrapper.js.map +1 -0
- package/lib/module/components/wrappers/ScrollView.js +52 -0
- package/lib/module/components/wrappers/ScrollView.js.map +1 -0
- package/lib/module/context/TopTabContext.hooks.js +44 -0
- package/lib/module/context/TopTabContext.hooks.js.map +1 -0
- package/lib/module/context/TopTabContext.js +82 -0
- package/lib/module/context/TopTabContext.js.map +1 -0
- package/lib/module/hooks/TopTab.hooks.js +110 -0
- package/lib/module/hooks/TopTab.hooks.js.map +1 -0
- package/lib/module/index.js +11 -0
- package/lib/module/index.js.map +1 -0
- package/lib/module/navigator/createReanimatedTopTabNavigator.js +134 -0
- package/lib/module/navigator/createReanimatedTopTabNavigator.js.map +1 -0
- package/lib/module/types.js +4 -0
- package/lib/module/types.js.map +1 -0
- package/lib/typescript/commonjs/package.json +1 -0
- package/lib/typescript/commonjs/src/components/ReanimatedTopTab/AnimationHelper.d.ts +11 -0
- package/lib/typescript/commonjs/src/components/ReanimatedTopTab/AnimationHelper.d.ts.map +1 -0
- package/lib/typescript/commonjs/src/components/ReanimatedTopTab/ReanimatedTabView.d.ts +14 -0
- package/lib/typescript/commonjs/src/components/ReanimatedTopTab/ReanimatedTabView.d.ts.map +1 -0
- package/lib/typescript/commonjs/src/components/ReanimatedTopTab/types.d.ts +30 -0
- package/lib/typescript/commonjs/src/components/ReanimatedTopTab/types.d.ts.map +1 -0
- package/lib/typescript/commonjs/src/components/elements/TabBarBaseComponent.d.ts +24 -0
- package/lib/typescript/commonjs/src/components/elements/TabBarBaseComponent.d.ts.map +1 -0
- package/lib/typescript/commonjs/src/components/elements/TabBarLabelBaseComponent.d.ts +8 -0
- package/lib/typescript/commonjs/src/components/elements/TabBarLabelBaseComponent.d.ts.map +1 -0
- package/lib/typescript/commonjs/src/components/wrappers/GestureWrapper.d.ts +2 -0
- package/lib/typescript/commonjs/src/components/wrappers/GestureWrapper.d.ts.map +1 -0
- package/lib/typescript/commonjs/src/components/wrappers/ScreenWrapper.d.ts +6 -0
- package/lib/typescript/commonjs/src/components/wrappers/ScreenWrapper.d.ts.map +1 -0
- package/lib/typescript/commonjs/src/components/wrappers/ScrollView.d.ts +6 -0
- package/lib/typescript/commonjs/src/components/wrappers/ScrollView.d.ts.map +1 -0
- package/lib/typescript/commonjs/src/context/TopTabContext.d.ts +4 -0
- package/lib/typescript/commonjs/src/context/TopTabContext.d.ts.map +1 -0
- package/lib/typescript/commonjs/src/context/TopTabContext.hooks.d.ts +5 -0
- package/lib/typescript/commonjs/src/context/TopTabContext.hooks.d.ts.map +1 -0
- package/lib/typescript/commonjs/src/hooks/TopTab.hooks.d.ts +33 -0
- package/lib/typescript/commonjs/src/hooks/TopTab.hooks.d.ts.map +1 -0
- package/lib/typescript/commonjs/src/index.d.ts +10 -0
- package/lib/typescript/commonjs/src/index.d.ts.map +1 -0
- package/lib/typescript/commonjs/src/navigator/createReanimatedTopTabNavigator.d.ts +4 -0
- package/lib/typescript/commonjs/src/navigator/createReanimatedTopTabNavigator.d.ts.map +1 -0
- package/lib/typescript/commonjs/src/types.d.ts +56 -0
- package/lib/typescript/commonjs/src/types.d.ts.map +1 -0
- package/lib/typescript/module/package.json +1 -0
- package/lib/typescript/module/src/components/ReanimatedTopTab/AnimationHelper.d.ts +11 -0
- package/lib/typescript/module/src/components/ReanimatedTopTab/AnimationHelper.d.ts.map +1 -0
- package/lib/typescript/module/src/components/ReanimatedTopTab/ReanimatedTabView.d.ts +14 -0
- package/lib/typescript/module/src/components/ReanimatedTopTab/ReanimatedTabView.d.ts.map +1 -0
- package/lib/typescript/module/src/components/ReanimatedTopTab/types.d.ts +30 -0
- package/lib/typescript/module/src/components/ReanimatedTopTab/types.d.ts.map +1 -0
- package/lib/typescript/module/src/components/elements/TabBarBaseComponent.d.ts +24 -0
- package/lib/typescript/module/src/components/elements/TabBarBaseComponent.d.ts.map +1 -0
- package/lib/typescript/module/src/components/elements/TabBarLabelBaseComponent.d.ts +8 -0
- package/lib/typescript/module/src/components/elements/TabBarLabelBaseComponent.d.ts.map +1 -0
- package/lib/typescript/module/src/components/wrappers/GestureWrapper.d.ts +2 -0
- package/lib/typescript/module/src/components/wrappers/GestureWrapper.d.ts.map +1 -0
- package/lib/typescript/module/src/components/wrappers/ScreenWrapper.d.ts +6 -0
- package/lib/typescript/module/src/components/wrappers/ScreenWrapper.d.ts.map +1 -0
- package/lib/typescript/module/src/components/wrappers/ScrollView.d.ts +6 -0
- package/lib/typescript/module/src/components/wrappers/ScrollView.d.ts.map +1 -0
- package/lib/typescript/module/src/context/TopTabContext.d.ts +4 -0
- package/lib/typescript/module/src/context/TopTabContext.d.ts.map +1 -0
- package/lib/typescript/module/src/context/TopTabContext.hooks.d.ts +5 -0
- package/lib/typescript/module/src/context/TopTabContext.hooks.d.ts.map +1 -0
- package/lib/typescript/module/src/hooks/TopTab.hooks.d.ts +33 -0
- package/lib/typescript/module/src/hooks/TopTab.hooks.d.ts.map +1 -0
- package/lib/typescript/module/src/index.d.ts +10 -0
- package/lib/typescript/module/src/index.d.ts.map +1 -0
- package/lib/typescript/module/src/navigator/createReanimatedTopTabNavigator.d.ts +4 -0
- package/lib/typescript/module/src/navigator/createReanimatedTopTabNavigator.d.ts.map +1 -0
- package/lib/typescript/module/src/types.d.ts +56 -0
- package/lib/typescript/module/src/types.d.ts.map +1 -0
- package/package.json +204 -0
- package/src/components/ReanimatedTopTab/AnimationHelper.ts +94 -0
- package/src/components/ReanimatedTopTab/ReanimatedTabView.tsx +200 -0
- package/src/components/ReanimatedTopTab/types.ts +29 -0
- package/src/components/elements/TabBarBaseComponent.tsx +99 -0
- package/src/components/elements/TabBarLabelBaseComponent.tsx +63 -0
- package/src/components/wrappers/GestureWrapper.tsx +135 -0
- package/src/components/wrappers/ScreenWrapper.tsx +27 -0
- package/src/components/wrappers/ScrollView.tsx +59 -0
- package/src/context/TopTabContext.hooks.ts +55 -0
- package/src/context/TopTabContext.tsx +115 -0
- package/src/hooks/TopTab.hooks.ts +112 -0
- package/src/index.tsx +15 -0
- package/src/navigator/createReanimatedTopTabNavigator.tsx +192 -0
- package/src/types.ts +63 -0
|
@@ -0,0 +1,110 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
import { useRoute } from '@react-navigation/native';
|
|
4
|
+
import { Context } from "../context/TopTabContext.js";
|
|
5
|
+
import { useContext } from 'react';
|
|
6
|
+
import { useAnimatedProps, useAnimatedScrollHandler, useAnimatedStyle, useDerivedValue, withTiming } from 'react-native-reanimated';
|
|
7
|
+
import { useSafeAreaInsets } from 'react-native-safe-area-context';
|
|
8
|
+
import { useWindowDimensions } from 'react-native';
|
|
9
|
+
export const useTabContext = () => useContext(Context);
|
|
10
|
+
export const useScreenGesture = () => {
|
|
11
|
+
const {
|
|
12
|
+
key
|
|
13
|
+
} = useRoute();
|
|
14
|
+
const {
|
|
15
|
+
screenProperties
|
|
16
|
+
} = useTabContext();
|
|
17
|
+
const nativeRef = screenProperties[key]?.nativeGesture;
|
|
18
|
+
if (!nativeRef) throw 'GestureRef does not exist for this route';
|
|
19
|
+
return nativeRef;
|
|
20
|
+
};
|
|
21
|
+
export const useScreenScrollable = () => {
|
|
22
|
+
const {
|
|
23
|
+
key
|
|
24
|
+
} = useRoute();
|
|
25
|
+
const {
|
|
26
|
+
height
|
|
27
|
+
} = useWindowDimensions();
|
|
28
|
+
const {
|
|
29
|
+
bottom
|
|
30
|
+
} = useSafeAreaInsets();
|
|
31
|
+
const {
|
|
32
|
+
currentYPosition,
|
|
33
|
+
gestureEnabled,
|
|
34
|
+
headerHeight,
|
|
35
|
+
screenProperties,
|
|
36
|
+
topTabHeight,
|
|
37
|
+
transformationY
|
|
38
|
+
} = useTabContext();
|
|
39
|
+
|
|
40
|
+
//TODO: Navigation header hook is available if Tabs are rendered inside the Stack (createNavigationStack())
|
|
41
|
+
//useHeaderHeight();
|
|
42
|
+
const navigationHeader = 50;
|
|
43
|
+
const animatedProps = useAnimatedProps(() => ({
|
|
44
|
+
scrollEnabled: !gestureEnabled.value || currentYPosition.value === -headerHeight.value
|
|
45
|
+
}));
|
|
46
|
+
const onScroll = useAnimatedScrollHandler(({
|
|
47
|
+
contentOffset
|
|
48
|
+
}) => {
|
|
49
|
+
const scrollPosition = screenProperties[key]?.scrollY;
|
|
50
|
+
if (!scrollPosition) throw 'ScrollPosition property does not exist for this route';
|
|
51
|
+
scrollPosition.value = contentOffset.y;
|
|
52
|
+
});
|
|
53
|
+
const oppositeHeaderState = useDerivedValue(() => transformationY.value >= 0 ? headerHeight.value : 0);
|
|
54
|
+
const style = useAnimatedStyle(() => ({
|
|
55
|
+
minHeight: height - topTabHeight.value - oppositeHeaderState.value - navigationHeader
|
|
56
|
+
}));
|
|
57
|
+
return {
|
|
58
|
+
animatedProps,
|
|
59
|
+
bounces: false,
|
|
60
|
+
contentContainerStyle: {
|
|
61
|
+
paddingBottom: bottom
|
|
62
|
+
},
|
|
63
|
+
onScroll,
|
|
64
|
+
style
|
|
65
|
+
};
|
|
66
|
+
};
|
|
67
|
+
export const useScreenProperties = () => {
|
|
68
|
+
const {
|
|
69
|
+
key
|
|
70
|
+
} = useRoute();
|
|
71
|
+
const {
|
|
72
|
+
screenProperties
|
|
73
|
+
} = useTabContext();
|
|
74
|
+
const screen = screenProperties[key];
|
|
75
|
+
if (!screen) throw 'No screen properties registered for this route';
|
|
76
|
+
return screen;
|
|
77
|
+
};
|
|
78
|
+
export const useHeader = () => {
|
|
79
|
+
const {
|
|
80
|
+
headerHeight,
|
|
81
|
+
transformationX
|
|
82
|
+
} = useTabContext();
|
|
83
|
+
const hideHeader = () => {
|
|
84
|
+
transformationX.value = withTiming(-headerHeight.value);
|
|
85
|
+
};
|
|
86
|
+
return {
|
|
87
|
+
hideHeader
|
|
88
|
+
};
|
|
89
|
+
};
|
|
90
|
+
export const useScreenRefs = keys => {
|
|
91
|
+
const refs = {
|
|
92
|
+
current: keys.reduce((prev, key) => ({
|
|
93
|
+
...prev,
|
|
94
|
+
[key]: {
|
|
95
|
+
current: null
|
|
96
|
+
}
|
|
97
|
+
}), {})
|
|
98
|
+
};
|
|
99
|
+
const setRef = (key, ref) => {
|
|
100
|
+
refs.current = {
|
|
101
|
+
...refs.current,
|
|
102
|
+
[key]: ref
|
|
103
|
+
};
|
|
104
|
+
};
|
|
105
|
+
return {
|
|
106
|
+
setRef,
|
|
107
|
+
refs
|
|
108
|
+
};
|
|
109
|
+
};
|
|
110
|
+
//# sourceMappingURL=TopTab.hooks.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["useRoute","Context","useContext","useAnimatedProps","useAnimatedScrollHandler","useAnimatedStyle","useDerivedValue","withTiming","useSafeAreaInsets","useWindowDimensions","useTabContext","useScreenGesture","key","screenProperties","nativeRef","nativeGesture","useScreenScrollable","height","bottom","currentYPosition","gestureEnabled","headerHeight","topTabHeight","transformationY","navigationHeader","animatedProps","scrollEnabled","value","onScroll","contentOffset","scrollPosition","scrollY","y","oppositeHeaderState","style","minHeight","bounces","contentContainerStyle","paddingBottom","useScreenProperties","screen","useHeader","transformationX","hideHeader","useScreenRefs","keys","refs","current","reduce","prev","setRef","ref"],"sourceRoot":"../../../src","sources":["hooks/TopTab.hooks.ts"],"mappings":"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","ignoreList":[]}
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
export { Provider, Context } from "./context/TopTabContext.js";
|
|
4
|
+
export { createReanimatedTopTabNavigator } from "./navigator/createReanimatedTopTabNavigator.js";
|
|
5
|
+
export { ScrollView } from "./components/wrappers/ScrollView.js";
|
|
6
|
+
export { ScreenWrapper } from "./components/wrappers/ScreenWrapper.js";
|
|
7
|
+
export { GestureWrapper } from "./components/wrappers/GestureWrapper.js";
|
|
8
|
+
export { TabBarBaseComponent } from "./components/elements/TabBarBaseComponent.js";
|
|
9
|
+
export { TabBarLabelBaseComponent } from "./components/elements/TabBarLabelBaseComponent.js";
|
|
10
|
+
export { useTabContext, useHeader, useScreenProperties, useScreenScrollable, useScreenGesture } from "./hooks/TopTab.hooks.js";
|
|
11
|
+
//# sourceMappingURL=index.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["Provider","Context","createReanimatedTopTabNavigator","ScrollView","ScreenWrapper","GestureWrapper","TabBarBaseComponent","TabBarLabelBaseComponent","useTabContext","useHeader","useScreenProperties","useScreenScrollable","useScreenGesture"],"sourceRoot":"../../src","sources":["index.tsx"],"mappings":";;AAAA,SAASA,QAAQ,EAAEC,OAAO,QAAQ,4BAAyB;AAC3D,SAASC,+BAA+B,QAAQ,gDAA6C;AAC7F,SAASC,UAAU,QAAQ,qCAAkC;AAC7D,SAASC,aAAa,QAAQ,wCAAqC;AACnE,SAASC,cAAc,QAAQ,yCAAsC;AACrE,SAASC,mBAAmB,QAAQ,8CAA2C;AAC/E,SAASC,wBAAwB,QAAQ,mDAAgD;AACzF,SACEC,aAAa,EACbC,SAAS,EACTC,mBAAmB,EACnBC,mBAAmB,EACnBC,gBAAgB,QACX,yBAAsB","ignoreList":[]}
|
|
@@ -0,0 +1,134 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
import { createNavigatorFactory, TabActions, TabRouter, useNavigationBuilder } from '@react-navigation/native';
|
|
4
|
+
import { GestureWrapper } from "../components/wrappers/GestureWrapper.js";
|
|
5
|
+
import { TabBarBaseComponent } from "../components/elements/TabBarBaseComponent.js";
|
|
6
|
+
import { Provider } from "../context/TopTabContext.js";
|
|
7
|
+
import { omit } from 'lodash';
|
|
8
|
+
import { useCallback, useMemo, useRef } from 'react';
|
|
9
|
+
import { Gesture } from 'react-native-gesture-handler';
|
|
10
|
+
import Reanimated, { makeMutable } from 'react-native-reanimated';
|
|
11
|
+
import { ReanimatedTabView } from "../components/ReanimatedTopTab/ReanimatedTabView.js";
|
|
12
|
+
import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
|
|
13
|
+
const TabViewNavigator = ({
|
|
14
|
+
HeaderComponent,
|
|
15
|
+
TabBarComponent = TabBarBaseComponent,
|
|
16
|
+
children,
|
|
17
|
+
config,
|
|
18
|
+
initialRouteName,
|
|
19
|
+
screenOptions = {}
|
|
20
|
+
}) => {
|
|
21
|
+
const {
|
|
22
|
+
NavigationContent,
|
|
23
|
+
descriptors,
|
|
24
|
+
navigation,
|
|
25
|
+
state
|
|
26
|
+
} = useNavigationBuilder(TabRouter, {
|
|
27
|
+
children,
|
|
28
|
+
defaultScreenOptions: screenOptions,
|
|
29
|
+
initialRouteName,
|
|
30
|
+
screenOptions
|
|
31
|
+
});
|
|
32
|
+
let _config = config;
|
|
33
|
+
if (!config) {
|
|
34
|
+
_config = state.routes.map(() => 'normal');
|
|
35
|
+
}
|
|
36
|
+
const screenProperties = useRef(state.routes.reduce((prev, route) => ({
|
|
37
|
+
...prev,
|
|
38
|
+
[route.key]: {
|
|
39
|
+
innerLayout: makeMutable({
|
|
40
|
+
height: 0,
|
|
41
|
+
width: 0,
|
|
42
|
+
x: 0,
|
|
43
|
+
y: 0
|
|
44
|
+
}),
|
|
45
|
+
nativeGesture: Gesture.Native(),
|
|
46
|
+
outerLayout: makeMutable({
|
|
47
|
+
height: 0,
|
|
48
|
+
width: 0,
|
|
49
|
+
x: 0,
|
|
50
|
+
y: 0
|
|
51
|
+
}),
|
|
52
|
+
scrollY: makeMutable(0)
|
|
53
|
+
}
|
|
54
|
+
}), {})).current;
|
|
55
|
+
const onIndexChange = (currentScreenIndex, gestureEnabled) => index => {
|
|
56
|
+
navigation.navigate(state.routes[index]?.name ?? '');
|
|
57
|
+
currentScreenIndex.value = index;
|
|
58
|
+
switch (_config[index]) {
|
|
59
|
+
case 'normal':
|
|
60
|
+
{
|
|
61
|
+
gestureEnabled.value = true;
|
|
62
|
+
break;
|
|
63
|
+
}
|
|
64
|
+
case 'minimalized':
|
|
65
|
+
{
|
|
66
|
+
gestureEnabled.value = false;
|
|
67
|
+
break;
|
|
68
|
+
}
|
|
69
|
+
}
|
|
70
|
+
};
|
|
71
|
+
const navigationState = useMemo(() => ({
|
|
72
|
+
index: state.index,
|
|
73
|
+
routes: state.routes.map((route, index) => {
|
|
74
|
+
const restOptions = omit(descriptors[route.key]?.options, 'tabBarLabel');
|
|
75
|
+
const tabBarLabel = descriptors[route.key]?.options.tabBarLabel ? () => descriptors[route.key]?.options.tabBarLabel?.({
|
|
76
|
+
focused: state.index === index,
|
|
77
|
+
title: descriptors[route.key]?.options.title || route.name,
|
|
78
|
+
index
|
|
79
|
+
}) : undefined;
|
|
80
|
+
return {
|
|
81
|
+
...route,
|
|
82
|
+
...restOptions,
|
|
83
|
+
tabBarLabel,
|
|
84
|
+
title: descriptors[route.key]?.options.title || route.name
|
|
85
|
+
};
|
|
86
|
+
})
|
|
87
|
+
}), [state]);
|
|
88
|
+
const navigate = route => {
|
|
89
|
+
navigation.dispatch({
|
|
90
|
+
...TabActions.jumpTo(route.name, route.params),
|
|
91
|
+
target: state.key
|
|
92
|
+
});
|
|
93
|
+
};
|
|
94
|
+
const renderTabBar = useCallback(props => /*#__PURE__*/_jsx(TabBarComponent, {
|
|
95
|
+
...props,
|
|
96
|
+
navigate: navigate
|
|
97
|
+
}), []);
|
|
98
|
+
const renderScene = ({
|
|
99
|
+
route
|
|
100
|
+
}) => descriptors[route.key]?.render();
|
|
101
|
+
return /*#__PURE__*/_jsx(Provider, {
|
|
102
|
+
config: _config,
|
|
103
|
+
screenProperties: screenProperties,
|
|
104
|
+
children: ({
|
|
105
|
+
currentScreenIndex,
|
|
106
|
+
gestureEnabled,
|
|
107
|
+
headerHeight,
|
|
108
|
+
transformationY
|
|
109
|
+
}) => /*#__PURE__*/_jsxs(_Fragment, {
|
|
110
|
+
children: [/*#__PURE__*/_jsx(Reanimated.View, {
|
|
111
|
+
onLayout: ({
|
|
112
|
+
nativeEvent
|
|
113
|
+
}) => {
|
|
114
|
+
headerHeight.value = nativeEvent.layout.height;
|
|
115
|
+
},
|
|
116
|
+
children: HeaderComponent ? /*#__PURE__*/_jsx(HeaderComponent, {
|
|
117
|
+
headerHeight: headerHeight,
|
|
118
|
+
transformationY: transformationY
|
|
119
|
+
}) : null
|
|
120
|
+
}), /*#__PURE__*/_jsx(NavigationContent, {
|
|
121
|
+
children: /*#__PURE__*/_jsx(GestureWrapper, {
|
|
122
|
+
children: /*#__PURE__*/_jsx(ReanimatedTabView, {
|
|
123
|
+
navigationState: navigationState,
|
|
124
|
+
onIndexChange: onIndexChange(currentScreenIndex, gestureEnabled),
|
|
125
|
+
renderScene: renderScene,
|
|
126
|
+
renderTabBar: renderTabBar
|
|
127
|
+
})
|
|
128
|
+
})
|
|
129
|
+
})]
|
|
130
|
+
})
|
|
131
|
+
});
|
|
132
|
+
};
|
|
133
|
+
export const createReanimatedTopTabNavigator = () => createNavigatorFactory(TabViewNavigator)();
|
|
134
|
+
//# sourceMappingURL=createReanimatedTopTabNavigator.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["createNavigatorFactory","TabActions","TabRouter","useNavigationBuilder","GestureWrapper","TabBarBaseComponent","Provider","omit","useCallback","useMemo","useRef","Gesture","Reanimated","makeMutable","ReanimatedTabView","jsx","_jsx","Fragment","_Fragment","jsxs","_jsxs","TabViewNavigator","HeaderComponent","TabBarComponent","children","config","initialRouteName","screenOptions","NavigationContent","descriptors","navigation","state","defaultScreenOptions","_config","routes","map","screenProperties","reduce","prev","route","key","innerLayout","height","width","x","y","nativeGesture","Native","outerLayout","scrollY","current","onIndexChange","currentScreenIndex","gestureEnabled","index","navigate","name","value","navigationState","restOptions","options","tabBarLabel","focused","title","undefined","dispatch","jumpTo","params","target","renderTabBar","props","renderScene","render","headerHeight","transformationY","View","onLayout","nativeEvent","layout","createReanimatedTopTabNavigator"],"sourceRoot":"../../../src","sources":["navigator/createReanimatedTopTabNavigator.tsx"],"mappings":";;AAAA,SACEA,sBAAsB,EAEtBC,UAAU,EAEVC,SAAS,EACTC,oBAAoB,QACf,0BAA0B;AAEjC,SAASC,cAAc,QAAQ,0CAAuC;AACtE,SAEEC,mBAAmB,QACd,+CAA4C;AACnD,SAASC,QAAQ,QAAQ,6BAA0B;AAEnD,SAASC,IAAI,QAAQ,QAAQ;AAC7B,SAASC,WAAW,EAAEC,OAAO,EAAEC,MAAM,QAAQ,OAAO;AACpD,SAASC,OAAO,QAAQ,8BAA8B;AACtD,OAAOC,UAAU,IACfC,WAAW,QAEN,yBAAyB;AAEhC,SAASC,iBAAiB,QAAQ,qDAAkD;AAAC,SAAAC,GAAA,IAAAC,IAAA,EAAAC,QAAA,IAAAC,SAAA,EAAAC,IAAA,IAAAC,KAAA;AAErF,MAAMC,gBAAgB,GAAGA,CAAC;EACxBC,eAAe;EACfC,eAAe,GAAGlB,mBAAmB;EACrCmB,QAAQ;EACRC,MAAM;EACNC,gBAAgB;EAChBC,aAAa,GAAG,CAAC;AAC+B,CAAC,KAAK;EACtD,MAAM;IAAEC,iBAAiB;IAAEC,WAAW;IAAEC,UAAU;IAAEC;EAAM,CAAC,GACzD5B,oBAAoB,CAMlBD,SAAS,EAAE;IACXsB,QAAQ;IACRQ,oBAAoB,EAAEL,aAAa;IACnCD,gBAAgB;IAChBC;EACF,CAAC,CAAC;EAEJ,IAAIM,OAAiB,GAAGR,MAAO;EAE/B,IAAI,CAACA,MAAM,EAAE;IACXQ,OAAO,GAAGF,KAAK,CAACG,MAAM,CAACC,GAAG,CAAC,MAAM,QAAQ,CAAC;EAC5C;EACA,MAAMC,gBAAgB,GAAG1B,MAAM,CAC7BqB,KAAK,CAACG,MAAM,CAACG,MAAM,CACjB,CAACC,IAAI,EAAEC,KAAK,MAAM;IAChB,GAAGD,IAAI;IACP,CAACC,KAAK,CAACC,GAAG,GAAG;MACXC,WAAW,EAAE5B,WAAW,CAAC;QACvB6B,MAAM,EAAE,CAAC;QACTC,KAAK,EAAE,CAAC;QACRC,CAAC,EAAE,CAAC;QACJC,CAAC,EAAE;MACL,CAAC,CAAC;MACFC,aAAa,EAAEnC,OAAO,CAACoC,MAAM,CAAC,CAAC;MAC/BC,WAAW,EAAEnC,WAAW,CAAC;QACvB6B,MAAM,EAAE,CAAC;QACTC,KAAK,EAAE,CAAC;QACRC,CAAC,EAAE,CAAC;QACJC,CAAC,EAAE;MACL,CAAC,CAAC;MACFI,OAAO,EAAEpC,WAAW,CAAC,CAAC;IACxB;EACF,CAAC,CAAC,EACF,CAAC,CACH,CACF,CAAC,CAACqC,OAAO;EAET,MAAMC,aAAa,GACjBA,CACEC,kBAAuC,EACvCC,cAAoC,KAErCC,KAAa,IAAK;IACjBxB,UAAU,CAACyB,QAAQ,CAACxB,KAAK,CAACG,MAAM,CAACoB,KAAK,CAAC,EAAEE,IAAI,IAAI,EAAE,CAAC;IACpDJ,kBAAkB,CAACK,KAAK,GAAGH,KAAK;IAChC,QAAQrB,OAAO,CAACqB,KAAK,CAAC;MACpB,KAAK,QAAQ;QAAE;UACbD,cAAc,CAACI,KAAK,GAAG,IAAI;UAC3B;QACF;MACA,KAAK,aAAa;QAAE;UAClBJ,cAAc,CAACI,KAAK,GAAG,KAAK;UAC5B;QACF;IACF;EACF,CAAC;EAEH,MAAMC,eAAe,GAAGjD,OAAO,CAC7B,OAAO;IACL6C,KAAK,EAAEvB,KAAK,CAACuB,KAAK;IAClBpB,MAAM,EAAEH,KAAK,CAACG,MAAM,CAACC,GAAG,CAAC,CAACI,KAAK,EAAEe,KAAK,KAAK;MACzC,MAAMK,WAAW,GAAGpD,IAAI,CACtBsB,WAAW,CAACU,KAAK,CAACC,GAAG,CAAC,EAAEoB,OAAO,EAC/B,aACF,CAAC;MACD,MAAMC,WAAW,GAAGhC,WAAW,CAACU,KAAK,CAACC,GAAG,CAAC,EAAEoB,OAAO,CAACC,WAAW,GAC3D,MACEhC,WAAW,CAACU,KAAK,CAACC,GAAG,CAAC,EAAEoB,OAAO,CAACC,WAAW,GAAG;QAC5CC,OAAO,EAAE/B,KAAK,CAACuB,KAAK,KAAKA,KAAK;QAC9BS,KAAK,EAAElC,WAAW,CAACU,KAAK,CAACC,GAAG,CAAC,EAAEoB,OAAO,CAACG,KAAK,IAAIxB,KAAK,CAACiB,IAAI;QAC1DF;MACF,CAAC,CAAC,GACJU,SAAS;MAEb,OAAO;QACL,GAAGzB,KAAK;QACR,GAAGoB,WAAW;QACdE,WAAW;QACXE,KAAK,EAAElC,WAAW,CAACU,KAAK,CAACC,GAAG,CAAC,EAAEoB,OAAO,CAACG,KAAK,IAAIxB,KAAK,CAACiB;MACxD,CAAC;IACH,CAAC;EACH,CAAC,CAAC,EACF,CAACzB,KAAK,CACR,CAAC;EAED,MAAMwB,QAAQ,GAAIhB,KAAU,IAAK;IAC/BT,UAAU,CAACmC,QAAQ,CAAC;MAClB,GAAGhE,UAAU,CAACiE,MAAM,CAAC3B,KAAK,CAACiB,IAAI,EAAEjB,KAAK,CAAC4B,MAAM,CAAC;MAC9CC,MAAM,EAAErC,KAAK,CAACS;IAChB,CAAC,CAAC;EACJ,CAAC;EAED,MAAM6B,YAAY,GAAG7D,WAAW,CAC7B8D,KAAuB,iBACtBtD,IAAA,CAACO,eAAe;IAAA,GAAK+C,KAAK;IAAEf,QAAQ,EAAEA;EAAS,CAAE,CAClD,EACD,EACF,CAAC;EAED,MAAMgB,WAAW,GAAGA,CAAC;IAAEhC;EAAyC,CAAC,KAC/DV,WAAW,CAACU,KAAK,CAACC,GAAG,CAAC,EAAEgC,MAAM,CAAC,CAAC;EAElC,oBACExD,IAAA,CAACV,QAAQ;IAACmB,MAAM,EAAEQ,OAAQ;IAACG,gBAAgB,EAAEA,gBAAiB;IAAAZ,QAAA,EAC3DA,CAAC;MACA4B,kBAAkB;MAClBC,cAAc;MACdoB,YAAY;MACZC;IACF,CAAC,kBACCtD,KAAA,CAAAF,SAAA;MAAAM,QAAA,gBACER,IAAA,CAACJ,UAAU,CAAC+D,IAAI;QACdC,QAAQ,EAAEA,CAAC;UAAEC;QAAY,CAAC,KAAK;UAC7BJ,YAAY,CAAChB,KAAK,GAAGoB,WAAW,CAACC,MAAM,CAACpC,MAAM;QAChD,CAAE;QAAAlB,QAAA,EAEDF,eAAe,gBACdN,IAAA,CAACM,eAAe;UACdmD,YAAY,EAAEA,YAAa;UAC3BC,eAAe,EAAEA;QAAgB,CAClC,CAAC,GACA;MAAI,CACO,CAAC,eAClB1D,IAAA,CAACY,iBAAiB;QAAAJ,QAAA,eAChBR,IAAA,CAACZ,cAAc;UAAAoB,QAAA,eACbR,IAAA,CAACF,iBAAiB;YAChB4C,eAAe,EAAEA,eAAgB;YACjCP,aAAa,EAAEA,aAAa,CAC1BC,kBAAkB,EAClBC,cACF,CAAE;YACFkB,WAAW,EAAEA,WAAY;YACzBF,YAAY,EAAEA;UAAa,CAC5B;QAAC,CACY;MAAC,CACA,CAAC;IAAA,CACpB;EACH,CACO,CAAC;AAEf,CAAC;AAED,OAAO,MAAMU,+BAA+B,GAAGA,CAAA,KAG7C/E,sBAAsB,CAKpBqB,gBAAgB,CAAC,CAAC,CAAC","ignoreList":[]}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["ReanimatedTopTabNavigation"],"sourceRoot":"../../src","sources":["types.ts"],"mappings":";;WAQiBA,0BAA0B","ignoreList":[]}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"type":"commonjs"}
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
import type { GestureStateChangeEvent, GestureUpdateEvent, PanGestureChangeEventPayload, PanGestureHandlerEventPayload } from 'react-native-gesture-handler';
|
|
2
|
+
import type { ReanimatedTabViewTypes } from './types';
|
|
3
|
+
export declare const AnimationHelper: {
|
|
4
|
+
animation: (newValue: number, duration?: number) => number;
|
|
5
|
+
onChange: (event: GestureUpdateEvent<PanGestureHandlerEventPayload & PanGestureChangeEventPayload>, animationValue: number, width: number, navigationState: ReanimatedTabViewTypes.NavigationState) => number;
|
|
6
|
+
onEnd: (event: GestureStateChangeEvent<PanGestureHandlerEventPayload>, minimumValueToChangeView: number, width: number, navigationState: ReanimatedTabViewTypes.NavigationState) => {
|
|
7
|
+
index: number;
|
|
8
|
+
value: number;
|
|
9
|
+
};
|
|
10
|
+
};
|
|
11
|
+
//# sourceMappingURL=AnimationHelper.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"AnimationHelper.d.ts","sourceRoot":"","sources":["../../../../../../src/components/ReanimatedTopTab/AnimationHelper.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EACV,uBAAuB,EACvB,kBAAkB,EAClB,4BAA4B,EAC5B,6BAA6B,EAC9B,MAAM,8BAA8B,CAAC;AAEtC,OAAO,KAAK,EAAE,sBAAsB,EAAE,MAAM,SAAS,CAAC;AAkFtD,eAAO,MAAM,eAAe;0BALC,MAAM;sBA1E1B,kBAAkB,CACvB,6BAA6B,GAAG,4BAA4B,CAC7D,kBACe,MAAM,SACf,MAAM,mBACI,sBAAsB,CAAC,eAAe;mBA6BhD,uBAAuB,CAAC,6BAA6B,CAAC,4BACnC,MAAM,SACzB,MAAM,mBACI,sBAAsB,CAAC,eAAe;;;;CA8CxD,CAAC"}
|
|
@@ -0,0 +1,14 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import type { ReanimatedTabViewTypes } from './types';
|
|
3
|
+
export interface ReanimatedTabViewProps {
|
|
4
|
+
LazyPlaceholder?: () => React.ReactNode;
|
|
5
|
+
lazy?: boolean;
|
|
6
|
+
navigationState: ReanimatedTabViewTypes.NavigationState;
|
|
7
|
+
onIndexChange: (index: number) => void;
|
|
8
|
+
percentageTrigger?: number;
|
|
9
|
+
positionInterpolation?: ReanimatedTabViewTypes.PositionInterpolation;
|
|
10
|
+
renderScene: (params: ReanimatedTabViewTypes.SceneProps) => React.ReactNode;
|
|
11
|
+
renderTabBar?: (params: ReanimatedTabViewTypes.RenderTabsParams) => React.ReactNode;
|
|
12
|
+
}
|
|
13
|
+
export declare const ReanimatedTabView: React.NamedExoticComponent<ReanimatedTabViewProps>;
|
|
14
|
+
//# sourceMappingURL=ReanimatedTabView.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"ReanimatedTabView.d.ts","sourceRoot":"","sources":["../../../../../../src/components/ReanimatedTopTab/ReanimatedTabView.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAkD,MAAM,OAAO,CAAC;AAiBvE,OAAO,KAAK,EAAE,sBAAsB,EAAE,MAAM,SAAS,CAAC;AAEtD,MAAM,WAAW,sBAAsB;IACrC,eAAe,CAAC,EAAE,MAAM,KAAK,CAAC,SAAS,CAAC;IACxC,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,eAAe,EAAE,sBAAsB,CAAC,eAAe,CAAC;IACxD,aAAa,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACvC,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,qBAAqB,CAAC,EAAE,sBAAsB,CAAC,qBAAqB,CAAC;IACrE,WAAW,EAAE,CAAC,MAAM,EAAE,sBAAsB,CAAC,UAAU,KAAK,KAAK,CAAC,SAAS,CAAC;IAC5E,YAAY,CAAC,EAAE,CACb,MAAM,EAAE,sBAAsB,CAAC,gBAAgB,KAC5C,KAAK,CAAC,SAAS,CAAC;CACtB;AAED,eAAO,MAAM,iBAAiB,oDA6J7B,CAAC"}
|
|
@@ -0,0 +1,30 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import type { SharedValue } from 'react-native-reanimated';
|
|
3
|
+
export declare namespace ReanimatedTabViewTypes {
|
|
4
|
+
interface Route {
|
|
5
|
+
key: string;
|
|
6
|
+
name: string;
|
|
7
|
+
tabBarLabel?: () => React.ReactNode;
|
|
8
|
+
title?: string;
|
|
9
|
+
}
|
|
10
|
+
type NavigationState = {
|
|
11
|
+
index: number;
|
|
12
|
+
routes: Route[];
|
|
13
|
+
};
|
|
14
|
+
interface RenderTabsParams {
|
|
15
|
+
navigationState: NavigationState;
|
|
16
|
+
position: SharedValue<number>;
|
|
17
|
+
}
|
|
18
|
+
interface SceneProps {
|
|
19
|
+
jumpTo?: (key: string) => void;
|
|
20
|
+
route: Route;
|
|
21
|
+
}
|
|
22
|
+
interface SceneMapRoutes {
|
|
23
|
+
[key: string]: React.ReactNode;
|
|
24
|
+
}
|
|
25
|
+
type PositionInterpolation = {
|
|
26
|
+
input: number[];
|
|
27
|
+
output: number[];
|
|
28
|
+
};
|
|
29
|
+
}
|
|
30
|
+
//# sourceMappingURL=types.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../../../src/components/ReanimatedTopTab/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,yBAAyB,CAAC;AAE3D,yBAAiB,sBAAsB,CAAC;IACtC,UAAiB,KAAK;QACpB,GAAG,EAAE,MAAM,CAAC;QACZ,IAAI,EAAE,MAAM,CAAC;QACb,WAAW,CAAC,EAAE,MAAM,KAAK,CAAC,SAAS,CAAC;QACpC,KAAK,CAAC,EAAE,MAAM,CAAC;KAChB;IAED,KAAY,eAAe,GAAG;QAAE,KAAK,EAAE,MAAM,CAAC;QAAC,MAAM,EAAE,KAAK,EAAE,CAAA;KAAE,CAAC;IAEjE,UAAiB,gBAAgB;QAC/B,eAAe,EAAE,eAAe,CAAC;QACjC,QAAQ,EAAE,WAAW,CAAC,MAAM,CAAC,CAAC;KAC/B;IAED,UAAiB,UAAU;QACzB,MAAM,CAAC,EAAE,CAAC,GAAG,EAAE,MAAM,KAAK,IAAI,CAAC;QAC/B,KAAK,EAAE,KAAK,CAAC;KACd;IAED,UAAiB,cAAc;QAC7B,CAAC,GAAG,EAAE,MAAM,GAAG,KAAK,CAAC,SAAS,CAAC;KAChC;IAED,KAAY,qBAAqB,GAAG;QAAE,KAAK,EAAE,MAAM,EAAE,CAAC;QAAC,MAAM,EAAE,MAAM,EAAE,CAAA;KAAE,CAAC;CAC3E"}
|
|
@@ -0,0 +1,24 @@
|
|
|
1
|
+
import * as React from 'react';
|
|
2
|
+
import { type AnimatedStyle, type SharedValue } from 'react-native-reanimated';
|
|
3
|
+
export interface Route {
|
|
4
|
+
key: string;
|
|
5
|
+
name?: string;
|
|
6
|
+
tabBarLabel?: () => React.ReactNode;
|
|
7
|
+
title?: string;
|
|
8
|
+
}
|
|
9
|
+
export type NavigationState = {
|
|
10
|
+
index: number;
|
|
11
|
+
routes: Route[];
|
|
12
|
+
};
|
|
13
|
+
export interface RenderTabsParams {
|
|
14
|
+
navigationState: NavigationState;
|
|
15
|
+
position: SharedValue<number>;
|
|
16
|
+
}
|
|
17
|
+
interface TabBarProps extends RenderTabsParams {
|
|
18
|
+
children?: React.ReactNode;
|
|
19
|
+
navigate: (route: Route) => void;
|
|
20
|
+
style?: AnimatedStyle;
|
|
21
|
+
}
|
|
22
|
+
export declare const TabBarBaseComponent: ({ children, navigate, navigationState, position, style, }: TabBarProps) => import("react/jsx-runtime").JSX.Element;
|
|
23
|
+
export {};
|
|
24
|
+
//# sourceMappingURL=TabBarBaseComponent.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"TabBarBaseComponent.d.ts","sourceRoot":"","sources":["../../../../../../src/components/elements/TabBarBaseComponent.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAmB,EACjB,KAAK,aAAa,EAElB,KAAK,WAAW,EAEjB,MAAM,yBAAyB,CAAC;AAGjC,MAAM,WAAW,KAAK;IACpB,GAAG,EAAE,MAAM,CAAC;IACZ,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,WAAW,CAAC,EAAE,MAAM,KAAK,CAAC,SAAS,CAAC;IACpC,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAED,MAAM,MAAM,eAAe,GAAG;IAAE,KAAK,EAAE,MAAM,CAAC;IAAC,MAAM,EAAE,KAAK,EAAE,CAAA;CAAE,CAAC;AAEjE,MAAM,WAAW,gBAAgB;IAC/B,eAAe,EAAE,eAAe,CAAC;IACjC,QAAQ,EAAE,WAAW,CAAC,MAAM,CAAC,CAAC;CAC/B;AAED,UAAU,WAAY,SAAQ,gBAAgB;IAC5C,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,QAAQ,EAAE,CAAC,KAAK,EAAE,KAAK,KAAK,IAAI,CAAC;IACjC,KAAK,CAAC,EAAE,aAAa,CAAC;CACvB;AAED,eAAO,MAAM,mBAAmB,8DAM7B,WAAW,4CA8Cb,CAAC"}
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
interface TabBarLabelTypes {
|
|
2
|
+
focused: boolean;
|
|
3
|
+
index: number;
|
|
4
|
+
title: string;
|
|
5
|
+
}
|
|
6
|
+
export declare const TabBarLabelBaseComponent: ({ index, ...props }: TabBarLabelTypes) => import("react/jsx-runtime").JSX.Element;
|
|
7
|
+
export {};
|
|
8
|
+
//# sourceMappingURL=TabBarLabelBaseComponent.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"TabBarLabelBaseComponent.d.ts","sourceRoot":"","sources":["../../../../../../src/components/elements/TabBarLabelBaseComponent.tsx"],"names":[],"mappings":"AAOA,UAAU,gBAAgB;IACxB,OAAO,EAAE,OAAO,CAAC;IACjB,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;CACf;AAED,eAAO,MAAM,wBAAwB,wBAGlC,gBAAgB,4CAgClB,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"GestureWrapper.d.ts","sourceRoot":"","sources":["../../../../../../src/components/wrappers/GestureWrapper.tsx"],"names":[],"mappings":"AAcA,eAAO,MAAM,cAAc,iBAAkB,GAAG,4CAwH/C,CAAC"}
|
|
@@ -0,0 +1,6 @@
|
|
|
1
|
+
import { type ViewProps } from 'react-native';
|
|
2
|
+
import { type AnimatedProps } from 'react-native-reanimated';
|
|
3
|
+
export interface ScreenWrapperProps extends AnimatedProps<Omit<ViewProps, 'onLayout'>> {
|
|
4
|
+
}
|
|
5
|
+
export declare const ScreenWrapper: ({ children, ...viewProps }: ScreenWrapperProps) => import("react/jsx-runtime").JSX.Element;
|
|
6
|
+
//# sourceMappingURL=ScreenWrapper.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"ScreenWrapper.d.ts","sourceRoot":"","sources":["../../../../../../src/components/wrappers/ScreenWrapper.tsx"],"names":[],"mappings":"AACA,OAAO,EAA0B,KAAK,SAAS,EAAE,MAAM,cAAc,CAAC;AACtE,OAAmB,EAAE,KAAK,aAAa,EAAE,MAAM,yBAAyB,CAAC;AAGzE,MAAM,WAAW,kBACf,SAAQ,aAAa,CAAC,IAAI,CAAC,SAAS,EAAE,UAAU,CAAC,CAAC;CAAG;AAEvD,eAAO,MAAM,aAAa,+BAGvB,kBAAkB,4CAepB,CAAC"}
|
|
@@ -0,0 +1,6 @@
|
|
|
1
|
+
import { type ScrollViewProps } from 'react-native';
|
|
2
|
+
import { type AnimatedProps } from 'react-native-reanimated';
|
|
3
|
+
export interface ScreenWrapperProps extends AnimatedProps<Omit<ScrollViewProps, 'onScroll'>> {
|
|
4
|
+
}
|
|
5
|
+
export declare const ScrollView: ({ children, style, ...props }: ScreenWrapperProps) => import("react/jsx-runtime").JSX.Element;
|
|
6
|
+
//# sourceMappingURL=ScrollView.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"ScrollView.d.ts","sourceRoot":"","sources":["../../../../../../src/components/wrappers/ScrollView.tsx"],"names":[],"mappings":"AAAA,OAAO,EAEL,KAAK,eAAe,EAErB,MAAM,cAAc,CAAC;AAEtB,OAAmB,EAAE,KAAK,aAAa,EAAE,MAAM,yBAAyB,CAAC;AAUzE,MAAM,WAAW,kBACf,SAAQ,aAAa,CAAC,IAAI,CAAC,eAAe,EAAE,UAAU,CAAC,CAAC;CAAG;AAE7D,eAAO,MAAM,UAAU,kCAIpB,kBAAkB,4CA6BpB,CAAC"}
|
|
@@ -0,0 +1,4 @@
|
|
|
1
|
+
import { type ReanimatedTopTabNavigation } from '../types';
|
|
2
|
+
export declare const Context: import("react").Context<ReanimatedTopTabNavigation.ContextType>;
|
|
3
|
+
export declare const Provider: import("react").MemoExoticComponent<({ children, config, screenProperties, }: ReanimatedTopTabNavigation.TopTabContextProps) => import("react/jsx-runtime").JSX.Element>;
|
|
4
|
+
//# sourceMappingURL=TopTabContext.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"TopTabContext.d.ts","sourceRoot":"","sources":["../../../../../src/context/TopTabContext.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,0BAA0B,EAAE,MAAM,UAAU,CAAC;AAY3D,eAAO,MAAM,OAAO,iEAEnB,CAAC;AAEF,eAAO,MAAM,QAAQ,gFAKhB,0BAA0B,CAAC,kBAAkB,6CA6FjD,CAAC"}
|
|
@@ -0,0 +1,5 @@
|
|
|
1
|
+
import type { ReanimatedTopTabNavigation } from 'react-navigation-reanimated-top-tabs';
|
|
2
|
+
export declare const TopTabContextHooks: {
|
|
3
|
+
useResetApproachingScreenScrollOffset: ({ screenRefs, transformationX, screenProperties, currentYPosition, }: Pick<ReanimatedTopTabNavigation.ContextType, "screenRefs" | "screenProperties" | "currentYPosition" | "transformationX">) => void;
|
|
4
|
+
};
|
|
5
|
+
//# sourceMappingURL=TopTabContext.hooks.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"TopTabContext.hooks.d.ts","sourceRoot":"","sources":["../../../../../src/context/TopTabContext.hooks.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,0BAA0B,EAAE,MAAM,sCAAsC,CAAC;AAmDvF,eAAO,MAAM,kBAAkB;kHA5C5B,IAAI,CACL,0BAA0B,CAAC,WAAW,EACtC,YAAY,GAAG,kBAAkB,GAAG,kBAAkB,GAAG,iBAAiB,CAC3E;CA2CA,CAAC"}
|
|
@@ -0,0 +1,33 @@
|
|
|
1
|
+
export declare const useTabContext: () => import("..").ReanimatedTopTabNavigation.ContextType;
|
|
2
|
+
export declare const useScreenGesture: () => import("react-native-gesture-handler/lib/typescript/handlers/gestures/nativeGesture").NativeGesture;
|
|
3
|
+
export declare const useScreenScrollable: () => {
|
|
4
|
+
animatedProps: Partial<{
|
|
5
|
+
scrollEnabled: boolean;
|
|
6
|
+
}>;
|
|
7
|
+
bounces: boolean;
|
|
8
|
+
contentContainerStyle: {
|
|
9
|
+
paddingBottom: number;
|
|
10
|
+
};
|
|
11
|
+
onScroll: import("react-native-reanimated").ScrollHandlerProcessed<Record<string, unknown>>;
|
|
12
|
+
style: {
|
|
13
|
+
minHeight: number;
|
|
14
|
+
};
|
|
15
|
+
};
|
|
16
|
+
export declare const useScreenProperties: () => {
|
|
17
|
+
innerLayout: import("react-native-reanimated").SharedValue<import("react-native").LayoutRectangle>;
|
|
18
|
+
nativeGesture: import("react-native-gesture-handler").NativeGesture;
|
|
19
|
+
outerLayout: import("react-native-reanimated").SharedValue<import("react-native").LayoutRectangle>;
|
|
20
|
+
scrollY: import("react-native-reanimated").SharedValue<number>;
|
|
21
|
+
};
|
|
22
|
+
export declare const useHeader: () => {
|
|
23
|
+
hideHeader: () => void;
|
|
24
|
+
};
|
|
25
|
+
export declare const useScreenRefs: (keys: string[]) => {
|
|
26
|
+
setRef: (key: string, ref: any) => void;
|
|
27
|
+
refs: {
|
|
28
|
+
current: Record<string, {
|
|
29
|
+
current: any;
|
|
30
|
+
}>;
|
|
31
|
+
};
|
|
32
|
+
};
|
|
33
|
+
//# sourceMappingURL=TopTab.hooks.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"TopTab.hooks.d.ts","sourceRoot":"","sources":["../../../../../src/hooks/TopTab.hooks.ts"],"names":[],"mappings":"AAaA,eAAO,MAAM,aAAa,2DAA4B,CAAC;AAEvD,eAAO,MAAM,gBAAgB,2GAS5B,CAAC;AAEF,eAAO,MAAM,mBAAmB;;;;;;;;;;;;CAgD/B,CAAC;AAEF,eAAO,MAAM,mBAAmB;;;;;CAO/B,CAAC;AAEF,eAAO,MAAM,SAAS;;CAQrB,CAAC;AAEF,eAAO,MAAM,aAAa,SAAU,MAAM,EAAE;kBAWrB,MAAM,OAAO,GAAG;;;qBAJD,GAAG;;;CASxC,CAAC"}
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
export { Provider, Context } from './context/TopTabContext';
|
|
2
|
+
export { createReanimatedTopTabNavigator } from './navigator/createReanimatedTopTabNavigator';
|
|
3
|
+
export { ScrollView } from './components/wrappers/ScrollView';
|
|
4
|
+
export { ScreenWrapper } from './components/wrappers/ScreenWrapper';
|
|
5
|
+
export { GestureWrapper } from './components/wrappers/GestureWrapper';
|
|
6
|
+
export { TabBarBaseComponent } from './components/elements/TabBarBaseComponent';
|
|
7
|
+
export { TabBarLabelBaseComponent } from './components/elements/TabBarLabelBaseComponent';
|
|
8
|
+
export { useTabContext, useHeader, useScreenProperties, useScreenScrollable, useScreenGesture, } from './hooks/TopTab.hooks';
|
|
9
|
+
export { type ReanimatedTopTabNavigation } from './types';
|
|
10
|
+
//# sourceMappingURL=index.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,OAAO,EAAE,MAAM,yBAAyB,CAAC;AAC5D,OAAO,EAAE,+BAA+B,EAAE,MAAM,6CAA6C,CAAC;AAC9F,OAAO,EAAE,UAAU,EAAE,MAAM,kCAAkC,CAAC;AAC9D,OAAO,EAAE,aAAa,EAAE,MAAM,qCAAqC,CAAC;AACpE,OAAO,EAAE,cAAc,EAAE,MAAM,sCAAsC,CAAC;AACtE,OAAO,EAAE,mBAAmB,EAAE,MAAM,2CAA2C,CAAC;AAChF,OAAO,EAAE,wBAAwB,EAAE,MAAM,gDAAgD,CAAC;AAC1F,OAAO,EACL,aAAa,EACb,SAAS,EACT,mBAAmB,EACnB,mBAAmB,EACnB,gBAAgB,GACjB,MAAM,sBAAsB,CAAC;AAC9B,OAAO,EAAE,KAAK,0BAA0B,EAAE,MAAM,SAAS,CAAC"}
|
|
@@ -0,0 +1,4 @@
|
|
|
1
|
+
import { type ParamListBase, type TabNavigationState } from '@react-navigation/native';
|
|
2
|
+
import { type ReanimatedTopTabNavigation } from '../types';
|
|
3
|
+
export declare const createReanimatedTopTabNavigator: <Params extends ParamListBase>() => import("@react-navigation/core").TypedNavigator<ParamListBase, TabNavigationState<Params>, ReanimatedTopTabNavigation.NavigationOptions, {}, ({ HeaderComponent, TabBarComponent, children, config, initialRouteName, screenOptions, }: ReanimatedTopTabNavigation.TabViewNavigatorProps) => import("react/jsx-runtime").JSX.Element>;
|
|
4
|
+
//# sourceMappingURL=createReanimatedTopTabNavigator.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"createReanimatedTopTabNavigator.d.ts","sourceRoot":"","sources":["../../../../../src/navigator/createReanimatedTopTabNavigator.tsx"],"names":[],"mappings":"AAAA,OAAO,EAEL,KAAK,aAAa,EAElB,KAAK,kBAAkB,EAGxB,MAAM,0BAA0B,CAAC;AAQlC,OAAO,EAAE,KAAK,0BAA0B,EAAE,MAAM,UAAU,CAAC;AAwK3D,eAAO,MAAM,+BAA+B,GAC1C,MAAM,SAAS,aAAa,+OAvJ3B,0BAA0B,CAAC,qBAAqB,6CA8J5B,CAAC"}
|
|
@@ -0,0 +1,56 @@
|
|
|
1
|
+
import { TabBarBaseComponent } from './components/elements/TabBarBaseComponent';
|
|
2
|
+
import * as React from 'react';
|
|
3
|
+
import { type ReactNode } from 'react';
|
|
4
|
+
import { type LayoutRectangle } from 'react-native';
|
|
5
|
+
import { type NativeGesture } from 'react-native-gesture-handler';
|
|
6
|
+
import { type SharedValue } from 'react-native-reanimated';
|
|
7
|
+
import { type StackNavigationOptions } from '@react-navigation/stack';
|
|
8
|
+
export declare namespace ReanimatedTopTabNavigation {
|
|
9
|
+
interface ContextType {
|
|
10
|
+
screenRefs: {
|
|
11
|
+
refs: {
|
|
12
|
+
current: Record<string, {
|
|
13
|
+
current: any;
|
|
14
|
+
}>;
|
|
15
|
+
};
|
|
16
|
+
setRef(key: string, ref: any): void;
|
|
17
|
+
};
|
|
18
|
+
closeOffset: SharedValue<number>;
|
|
19
|
+
config: string[];
|
|
20
|
+
currentScreenIndex: SharedValue<number>;
|
|
21
|
+
currentYPosition: SharedValue<number>;
|
|
22
|
+
gestureEnabled: SharedValue<boolean>;
|
|
23
|
+
headerHeight: SharedValue<number>;
|
|
24
|
+
navHeight: SharedValue<number>;
|
|
25
|
+
screenProperties: Record<string, {
|
|
26
|
+
innerLayout: SharedValue<LayoutRectangle>;
|
|
27
|
+
nativeGesture: NativeGesture;
|
|
28
|
+
outerLayout: SharedValue<LayoutRectangle>;
|
|
29
|
+
scrollY: SharedValue<number>;
|
|
30
|
+
}>;
|
|
31
|
+
topTabHeight: SharedValue<number>;
|
|
32
|
+
topTapNativeRef: NativeGesture;
|
|
33
|
+
transformationX: SharedValue<number>;
|
|
34
|
+
transformationY: SharedValue<number>;
|
|
35
|
+
}
|
|
36
|
+
interface TabViewNavigatorProps {
|
|
37
|
+
HeaderComponent?: React.ComponentType<Pick<ContextType, 'transformationY' | 'headerHeight'>>;
|
|
38
|
+
TabBarComponent?: typeof TabBarBaseComponent;
|
|
39
|
+
children: ReactNode;
|
|
40
|
+
config?: string[];
|
|
41
|
+
initialRouteName?: string;
|
|
42
|
+
screenOptions?: StackNavigationOptions;
|
|
43
|
+
}
|
|
44
|
+
type TopTabContextProps = Pick<ContextType, 'screenProperties' | 'config'> & {
|
|
45
|
+
children: (props: ContextType) => React.ReactNode;
|
|
46
|
+
};
|
|
47
|
+
interface NavigationOptions {
|
|
48
|
+
tabBarLabel?: (props: {
|
|
49
|
+
focused: boolean;
|
|
50
|
+
index: number;
|
|
51
|
+
title: string;
|
|
52
|
+
}) => React.ReactNode;
|
|
53
|
+
title?: string;
|
|
54
|
+
}
|
|
55
|
+
}
|
|
56
|
+
//# sourceMappingURL=types.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,mBAAmB,EAAE,MAAM,2CAA2C,CAAC;AAChF,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AACvC,OAAO,EAAE,KAAK,eAAe,EAAE,MAAM,cAAc,CAAC;AACpD,OAAO,EAAE,KAAK,aAAa,EAAE,MAAM,8BAA8B,CAAC;AAClE,OAAO,EAAE,KAAK,WAAW,EAAE,MAAM,yBAAyB,CAAC;AAC3D,OAAO,EAAE,KAAK,sBAAsB,EAAE,MAAM,yBAAyB,CAAC;AAEtE,yBAAiB,0BAA0B,CAAC;IAC1C,UAAiB,WAAW;QAC1B,UAAU,EAAE;YACV,IAAI,EAAE;gBAAE,OAAO,EAAE,MAAM,CAAC,MAAM,EAAE;oBAAE,OAAO,EAAE,GAAG,CAAA;iBAAE,CAAC,CAAA;aAAE,CAAC;YACpD,MAAM,CAAC,GAAG,EAAE,MAAM,EAAE,GAAG,EAAE,GAAG,GAAG,IAAI,CAAC;SACrC,CAAC;QACF,WAAW,EAAE,WAAW,CAAC,MAAM,CAAC,CAAC;QACjC,MAAM,EAAE,MAAM,EAAE,CAAC;QACjB,kBAAkB,EAAE,WAAW,CAAC,MAAM,CAAC,CAAC;QACxC,gBAAgB,EAAE,WAAW,CAAC,MAAM,CAAC,CAAC;QACtC,cAAc,EAAE,WAAW,CAAC,OAAO,CAAC,CAAC;QACrC,YAAY,EAAE,WAAW,CAAC,MAAM,CAAC,CAAC;QAClC,SAAS,EAAE,WAAW,CAAC,MAAM,CAAC,CAAC;QAC/B,gBAAgB,EAAE,MAAM,CACtB,MAAM,EACN;YACE,WAAW,EAAE,WAAW,CAAC,eAAe,CAAC,CAAC;YAC1C,aAAa,EAAE,aAAa,CAAC;YAC7B,WAAW,EAAE,WAAW,CAAC,eAAe,CAAC,CAAC;YAC1C,OAAO,EAAE,WAAW,CAAC,MAAM,CAAC,CAAC;SAC9B,CACF,CAAC;QACF,YAAY,EAAE,WAAW,CAAC,MAAM,CAAC,CAAC;QAClC,eAAe,EAAE,aAAa,CAAC;QAC/B,eAAe,EAAE,WAAW,CAAC,MAAM,CAAC,CAAC;QACrC,eAAe,EAAE,WAAW,CAAC,MAAM,CAAC,CAAC;KACtC;IAED,UAAiB,qBAAqB;QACpC,eAAe,CAAC,EAAE,KAAK,CAAC,aAAa,CACnC,IAAI,CAAC,WAAW,EAAE,iBAAiB,GAAG,cAAc,CAAC,CACtD,CAAC;QACF,eAAe,CAAC,EAAE,OAAO,mBAAmB,CAAC;QAC7C,QAAQ,EAAE,SAAS,CAAC;QACpB,MAAM,CAAC,EAAE,MAAM,EAAE,CAAC;QAClB,gBAAgB,CAAC,EAAE,MAAM,CAAC;QAC1B,aAAa,CAAC,EAAE,sBAAsB,CAAC;KACxC;IAED,KAAY,kBAAkB,GAAG,IAAI,CACnC,WAAW,EACX,kBAAkB,GAAG,QAAQ,CAC9B,GAAG;QACF,QAAQ,EAAE,CAAC,KAAK,EAAE,WAAW,KAAK,KAAK,CAAC,SAAS,CAAC;KACnD,CAAC;IAEF,UAAiB,iBAAiB;QAChC,WAAW,CAAC,EAAE,CAAC,KAAK,EAAE;YACpB,OAAO,EAAE,OAAO,CAAC;YACjB,KAAK,EAAE,MAAM,CAAC;YACd,KAAK,EAAE,MAAM,CAAC;SACf,KAAK,KAAK,CAAC,SAAS,CAAC;QACtB,KAAK,CAAC,EAAE,MAAM,CAAC;KAChB;CACF"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"type":"module"}
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
import type { GestureStateChangeEvent, GestureUpdateEvent, PanGestureChangeEventPayload, PanGestureHandlerEventPayload } from 'react-native-gesture-handler';
|
|
2
|
+
import type { ReanimatedTabViewTypes } from './types';
|
|
3
|
+
export declare const AnimationHelper: {
|
|
4
|
+
animation: (newValue: number, duration?: number) => number;
|
|
5
|
+
onChange: (event: GestureUpdateEvent<PanGestureHandlerEventPayload & PanGestureChangeEventPayload>, animationValue: number, width: number, navigationState: ReanimatedTabViewTypes.NavigationState) => number;
|
|
6
|
+
onEnd: (event: GestureStateChangeEvent<PanGestureHandlerEventPayload>, minimumValueToChangeView: number, width: number, navigationState: ReanimatedTabViewTypes.NavigationState) => {
|
|
7
|
+
index: number;
|
|
8
|
+
value: number;
|
|
9
|
+
};
|
|
10
|
+
};
|
|
11
|
+
//# sourceMappingURL=AnimationHelper.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"AnimationHelper.d.ts","sourceRoot":"","sources":["../../../../../../src/components/ReanimatedTopTab/AnimationHelper.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EACV,uBAAuB,EACvB,kBAAkB,EAClB,4BAA4B,EAC5B,6BAA6B,EAC9B,MAAM,8BAA8B,CAAC;AAEtC,OAAO,KAAK,EAAE,sBAAsB,EAAE,MAAM,SAAS,CAAC;AAkFtD,eAAO,MAAM,eAAe;0BALC,MAAM;sBA1E1B,kBAAkB,CACvB,6BAA6B,GAAG,4BAA4B,CAC7D,kBACe,MAAM,SACf,MAAM,mBACI,sBAAsB,CAAC,eAAe;mBA6BhD,uBAAuB,CAAC,6BAA6B,CAAC,4BACnC,MAAM,SACzB,MAAM,mBACI,sBAAsB,CAAC,eAAe;;;;CA8CxD,CAAC"}
|
|
@@ -0,0 +1,14 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import type { ReanimatedTabViewTypes } from './types';
|
|
3
|
+
export interface ReanimatedTabViewProps {
|
|
4
|
+
LazyPlaceholder?: () => React.ReactNode;
|
|
5
|
+
lazy?: boolean;
|
|
6
|
+
navigationState: ReanimatedTabViewTypes.NavigationState;
|
|
7
|
+
onIndexChange: (index: number) => void;
|
|
8
|
+
percentageTrigger?: number;
|
|
9
|
+
positionInterpolation?: ReanimatedTabViewTypes.PositionInterpolation;
|
|
10
|
+
renderScene: (params: ReanimatedTabViewTypes.SceneProps) => React.ReactNode;
|
|
11
|
+
renderTabBar?: (params: ReanimatedTabViewTypes.RenderTabsParams) => React.ReactNode;
|
|
12
|
+
}
|
|
13
|
+
export declare const ReanimatedTabView: React.NamedExoticComponent<ReanimatedTabViewProps>;
|
|
14
|
+
//# sourceMappingURL=ReanimatedTabView.d.ts.map
|