react-navigation-reanimated-top-tabs 0.3.0 → 0.4.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/lib/commonjs/components/ReanimatedTopTab/ReanimatedTabView.js +5 -3
- package/lib/commonjs/components/ReanimatedTopTab/ReanimatedTabView.js.map +1 -1
- package/lib/commonjs/components/elements/TabBarBaseComponent.js +6 -5
- package/lib/commonjs/components/elements/TabBarBaseComponent.js.map +1 -1
- package/lib/commonjs/components/elements/TabBarLabelBaseComponent.js +2 -4
- package/lib/commonjs/components/elements/TabBarLabelBaseComponent.js.map +1 -1
- package/lib/commonjs/components/wrappers/GestureWrapper.js +18 -26
- package/lib/commonjs/components/wrappers/GestureWrapper.js.map +1 -1
- package/lib/commonjs/components/wrappers/ScreenWrapper.js +4 -4
- package/lib/commonjs/components/wrappers/ScreenWrapper.js.map +1 -1
- package/lib/commonjs/components/wrappers/ScrollView.js +27 -16
- package/lib/commonjs/components/wrappers/ScrollView.js.map +1 -1
- package/lib/commonjs/context/Context.helpers.js +19 -0
- package/lib/commonjs/context/Context.helpers.js.map +1 -0
- package/lib/commonjs/context/Context.hooks.js +216 -0
- package/lib/commonjs/context/Context.hooks.js.map +1 -0
- package/lib/commonjs/context/Context.js +68 -0
- package/lib/commonjs/context/Context.js.map +1 -0
- package/lib/commonjs/hooks/useHeader.js +30 -0
- package/lib/commonjs/hooks/useHeader.js.map +1 -0
- package/lib/commonjs/hooks/useScreenGesture.js +21 -0
- package/lib/commonjs/hooks/useScreenGesture.js.map +1 -0
- package/lib/commonjs/hooks/useScreenProperties.js +21 -0
- package/lib/commonjs/hooks/useScreenProperties.js.map +1 -0
- package/lib/commonjs/hooks/{Tab.hooks.js → useScreenScrollable.js} +14 -83
- package/lib/commonjs/hooks/useScreenScrollable.js.map +1 -0
- package/lib/commonjs/hooks/useTabContext.js +11 -0
- package/lib/commonjs/hooks/useTabContext.js.map +1 -0
- package/lib/commonjs/hooks/useTabOffset.js +18 -0
- package/lib/commonjs/hooks/useTabOffset.js.map +1 -0
- package/lib/commonjs/index.js +25 -11
- package/lib/commonjs/index.js.map +1 -1
- package/lib/commonjs/navigator/createReanimatedTopTabNavigator.js +14 -29
- package/lib/commonjs/navigator/createReanimatedTopTabNavigator.js.map +1 -1
- package/lib/commonjs/services/Warning.service.js +16 -0
- package/lib/commonjs/services/Warning.service.js.map +1 -0
- package/lib/module/components/ReanimatedTopTab/ReanimatedTabView.js +8 -6
- package/lib/module/components/ReanimatedTopTab/ReanimatedTabView.js.map +1 -1
- package/lib/module/components/elements/TabBarBaseComponent.js +5 -4
- package/lib/module/components/elements/TabBarBaseComponent.js.map +1 -1
- package/lib/module/components/elements/TabBarLabelBaseComponent.js +2 -4
- package/lib/module/components/elements/TabBarLabelBaseComponent.js.map +1 -1
- package/lib/module/components/wrappers/GestureWrapper.js +18 -27
- package/lib/module/components/wrappers/GestureWrapper.js.map +1 -1
- package/lib/module/components/wrappers/ScreenWrapper.js +3 -3
- package/lib/module/components/wrappers/ScreenWrapper.js.map +1 -1
- package/lib/module/components/wrappers/ScrollView.js +23 -12
- package/lib/module/components/wrappers/ScrollView.js.map +1 -1
- package/lib/module/context/Context.helpers.js +15 -0
- package/lib/module/context/Context.helpers.js.map +1 -0
- package/lib/module/context/Context.hooks.js +213 -0
- package/lib/module/context/Context.hooks.js.map +1 -0
- package/lib/module/context/Context.js +64 -0
- package/lib/module/context/Context.js.map +1 -0
- package/lib/module/hooks/useHeader.js +25 -0
- package/lib/module/hooks/useHeader.js.map +1 -0
- package/lib/module/hooks/useScreenGesture.js +16 -0
- package/lib/module/hooks/useScreenGesture.js.map +1 -0
- package/lib/module/hooks/useScreenProperties.js +16 -0
- package/lib/module/hooks/useScreenProperties.js.map +1 -0
- package/lib/module/hooks/useScreenScrollable.js +57 -0
- package/lib/module/hooks/useScreenScrollable.js.map +1 -0
- package/lib/module/hooks/useTabContext.js +6 -0
- package/lib/module/hooks/useTabContext.js.map +1 -0
- package/lib/module/hooks/useTabOffset.js +12 -0
- package/lib/module/hooks/useTabOffset.js.map +1 -0
- package/lib/module/index.js +21 -7
- package/lib/module/index.js.map +1 -1
- package/lib/module/navigator/createReanimatedTopTabNavigator.js +13 -27
- package/lib/module/navigator/createReanimatedTopTabNavigator.js.map +1 -1
- package/lib/module/services/Warning.service.js +12 -0
- package/lib/module/services/Warning.service.js.map +1 -0
- package/lib/typescript/src/components/ReanimatedTopTab/AnimationHelper.d.ts.map +1 -0
- package/lib/typescript/src/components/ReanimatedTopTab/ReanimatedTabView.d.ts.map +1 -0
- package/lib/typescript/src/components/ReanimatedTopTab/types.d.ts.map +1 -0
- package/lib/typescript/src/components/elements/TabBarBaseComponent.d.ts.map +1 -0
- package/lib/typescript/src/components/elements/TabBarLabelBaseComponent.d.ts.map +1 -0
- package/lib/typescript/src/components/wrappers/GestureWrapper.d.ts +7 -0
- package/lib/typescript/src/components/wrappers/GestureWrapper.d.ts.map +1 -0
- package/lib/typescript/src/components/wrappers/ScreenWrapper.d.ts.map +1 -0
- package/lib/typescript/src/components/wrappers/ScrollView.d.ts +5 -0
- package/lib/typescript/src/components/wrappers/ScrollView.d.ts.map +1 -0
- package/lib/typescript/{commonjs/src/context/TabContext.d.ts → src/context/Context.d.ts} +2 -2
- package/lib/typescript/src/context/Context.d.ts.map +1 -0
- package/lib/typescript/src/context/Context.helpers.d.ts +4 -0
- package/lib/typescript/src/context/Context.helpers.d.ts.map +1 -0
- package/lib/typescript/src/context/Context.hooks.d.ts +15 -0
- package/lib/typescript/src/context/Context.hooks.d.ts.map +1 -0
- package/lib/typescript/src/hooks/useHeader.d.ts +10 -0
- package/lib/typescript/src/hooks/useHeader.d.ts.map +1 -0
- package/lib/typescript/src/hooks/useScreenGesture.d.ts +2 -0
- package/lib/typescript/src/hooks/useScreenGesture.d.ts.map +1 -0
- package/lib/typescript/src/hooks/useScreenProperties.d.ts +10 -0
- package/lib/typescript/src/hooks/useScreenProperties.d.ts.map +1 -0
- package/lib/typescript/src/hooks/useScreenScrollable.d.ts +14 -0
- package/lib/typescript/src/hooks/useScreenScrollable.d.ts.map +1 -0
- package/lib/typescript/src/hooks/useTabContext.d.ts +2 -0
- package/lib/typescript/src/hooks/useTabContext.d.ts.map +1 -0
- package/lib/typescript/src/hooks/useTabOffset.d.ts +2 -0
- package/lib/typescript/src/hooks/useTabOffset.d.ts.map +1 -0
- package/lib/typescript/{commonjs/src → src}/index.d.ts +11 -1
- package/lib/typescript/src/index.d.ts.map +1 -0
- package/lib/typescript/src/navigator/createReanimatedTopTabNavigator.d.ts.map +1 -0
- package/lib/typescript/src/services/Warning.service.d.ts +5 -0
- package/lib/typescript/src/services/Warning.service.d.ts.map +1 -0
- package/lib/typescript/{module/src → src}/types.d.ts +24 -17
- package/lib/typescript/src/types.d.ts.map +1 -0
- package/package.json +24 -38
- package/src/components/ReanimatedTopTab/ReanimatedTabView.tsx +7 -6
- package/src/components/elements/TabBarBaseComponent.tsx +6 -2
- package/src/components/elements/TabBarLabelBaseComponent.tsx +3 -2
- package/src/components/wrappers/GestureWrapper.tsx +27 -29
- package/src/components/wrappers/ScreenWrapper.tsx +4 -3
- package/src/components/wrappers/ScrollView.tsx +33 -19
- package/src/context/Context.helpers.tsx +10 -0
- package/src/context/Context.hooks.ts +253 -0
- package/src/context/Context.tsx +69 -0
- package/src/hooks/useHeader.ts +30 -0
- package/src/hooks/useScreenGesture.ts +13 -0
- package/src/hooks/useScreenProperties.ts +11 -0
- package/src/hooks/useScreenScrollable.ts +69 -0
- package/src/hooks/useTabContext.ts +4 -0
- package/src/hooks/useTabOffset.ts +8 -0
- package/src/index.tsx +18 -8
- package/src/navigator/createReanimatedTopTabNavigator.tsx +8 -32
- package/src/services/Warning.service.ts +11 -0
- package/src/types.ts +23 -19
- package/lib/commonjs/context/TabContext.hooks.js +0 -48
- package/lib/commonjs/context/TabContext.hooks.js.map +0 -1
- package/lib/commonjs/context/TabContext.js +0 -86
- package/lib/commonjs/context/TabContext.js.map +0 -1
- package/lib/commonjs/hooks/Tab.hooks.js.map +0 -1
- package/lib/module/context/TabContext.hooks.js +0 -44
- package/lib/module/context/TabContext.hooks.js.map +0 -1
- package/lib/module/context/TabContext.js +0 -82
- package/lib/module/context/TabContext.js.map +0 -1
- package/lib/module/hooks/Tab.hooks.js +0 -121
- package/lib/module/hooks/Tab.hooks.js.map +0 -1
- package/lib/typescript/commonjs/src/components/ReanimatedTopTab/AnimationHelper.d.ts.map +0 -1
- package/lib/typescript/commonjs/src/components/ReanimatedTopTab/ReanimatedTabView.d.ts.map +0 -1
- package/lib/typescript/commonjs/src/components/ReanimatedTopTab/types.d.ts.map +0 -1
- package/lib/typescript/commonjs/src/components/elements/TabBarBaseComponent.d.ts.map +0 -1
- package/lib/typescript/commonjs/src/components/elements/TabBarLabelBaseComponent.d.ts.map +0 -1
- package/lib/typescript/commonjs/src/components/wrappers/GestureWrapper.d.ts +0 -2
- package/lib/typescript/commonjs/src/components/wrappers/GestureWrapper.d.ts.map +0 -1
- package/lib/typescript/commonjs/src/components/wrappers/ScreenWrapper.d.ts.map +0 -1
- package/lib/typescript/commonjs/src/components/wrappers/ScrollView.d.ts +0 -6
- package/lib/typescript/commonjs/src/components/wrappers/ScrollView.d.ts.map +0 -1
- package/lib/typescript/commonjs/src/context/TabContext.d.ts.map +0 -1
- package/lib/typescript/commonjs/src/context/TabContext.hooks.d.ts +0 -5
- package/lib/typescript/commonjs/src/context/TabContext.hooks.d.ts.map +0 -1
- package/lib/typescript/commonjs/src/hooks/Tab.hooks.d.ts +0 -33
- package/lib/typescript/commonjs/src/hooks/Tab.hooks.d.ts.map +0 -1
- package/lib/typescript/commonjs/src/index.d.ts.map +0 -1
- package/lib/typescript/commonjs/src/navigator/createReanimatedTopTabNavigator.d.ts.map +0 -1
- package/lib/typescript/commonjs/src/types.d.ts +0 -56
- package/lib/typescript/commonjs/src/types.d.ts.map +0 -1
- package/lib/typescript/module/src/components/ReanimatedTopTab/AnimationHelper.d.ts +0 -11
- package/lib/typescript/module/src/components/ReanimatedTopTab/AnimationHelper.d.ts.map +0 -1
- package/lib/typescript/module/src/components/ReanimatedTopTab/ReanimatedTabView.d.ts +0 -14
- package/lib/typescript/module/src/components/ReanimatedTopTab/ReanimatedTabView.d.ts.map +0 -1
- package/lib/typescript/module/src/components/ReanimatedTopTab/types.d.ts +0 -30
- package/lib/typescript/module/src/components/ReanimatedTopTab/types.d.ts.map +0 -1
- package/lib/typescript/module/src/components/elements/TabBarBaseComponent.d.ts +0 -23
- package/lib/typescript/module/src/components/elements/TabBarBaseComponent.d.ts.map +0 -1
- package/lib/typescript/module/src/components/elements/TabBarLabelBaseComponent.d.ts +0 -7
- package/lib/typescript/module/src/components/elements/TabBarLabelBaseComponent.d.ts.map +0 -1
- package/lib/typescript/module/src/components/wrappers/GestureWrapper.d.ts +0 -2
- package/lib/typescript/module/src/components/wrappers/GestureWrapper.d.ts.map +0 -1
- package/lib/typescript/module/src/components/wrappers/ScreenWrapper.d.ts +0 -6
- package/lib/typescript/module/src/components/wrappers/ScreenWrapper.d.ts.map +0 -1
- package/lib/typescript/module/src/components/wrappers/ScrollView.d.ts +0 -6
- package/lib/typescript/module/src/components/wrappers/ScrollView.d.ts.map +0 -1
- package/lib/typescript/module/src/context/TabContext.d.ts +0 -4
- package/lib/typescript/module/src/context/TabContext.d.ts.map +0 -1
- package/lib/typescript/module/src/context/TabContext.hooks.d.ts +0 -5
- package/lib/typescript/module/src/context/TabContext.hooks.d.ts.map +0 -1
- package/lib/typescript/module/src/hooks/Tab.hooks.d.ts +0 -33
- package/lib/typescript/module/src/hooks/Tab.hooks.d.ts.map +0 -1
- package/lib/typescript/module/src/index.d.ts +0 -35
- package/lib/typescript/module/src/index.d.ts.map +0 -1
- package/lib/typescript/module/src/navigator/createReanimatedTopTabNavigator.d.ts +0 -4
- package/lib/typescript/module/src/navigator/createReanimatedTopTabNavigator.d.ts.map +0 -1
- package/lib/typescript/module/src/types.d.ts.map +0 -1
- package/src/context/TabContext.hooks.ts +0 -55
- package/src/context/TabContext.tsx +0 -115
- package/src/hooks/Tab.hooks.ts +0 -127
- /package/lib/{typescript/commonjs → commonjs}/package.json +0 -0
- /package/lib/{typescript/module → module}/package.json +0 -0
- /package/lib/typescript/{commonjs/src → src}/components/ReanimatedTopTab/AnimationHelper.d.ts +0 -0
- /package/lib/typescript/{commonjs/src → src}/components/ReanimatedTopTab/ReanimatedTabView.d.ts +0 -0
- /package/lib/typescript/{commonjs/src → src}/components/ReanimatedTopTab/types.d.ts +0 -0
- /package/lib/typescript/{commonjs/src → src}/components/elements/TabBarBaseComponent.d.ts +0 -0
- /package/lib/typescript/{commonjs/src → src}/components/elements/TabBarLabelBaseComponent.d.ts +0 -0
- /package/lib/typescript/{commonjs/src → src}/components/wrappers/ScreenWrapper.d.ts +0 -0
- /package/lib/typescript/{commonjs/src → src}/navigator/createReanimatedTopTabNavigator.d.ts +0 -0
|
@@ -8,7 +8,7 @@ var _react = _interopRequireWildcard(require("react"));
|
|
|
8
8
|
var _reactNative = require("react-native");
|
|
9
9
|
var _reactNativeGestureHandler = require("react-native-gesture-handler");
|
|
10
10
|
var _reactNativeReanimated = _interopRequireWildcard(require("react-native-reanimated"));
|
|
11
|
-
var _AnimationHelper = require("./AnimationHelper
|
|
11
|
+
var _AnimationHelper = require("./AnimationHelper");
|
|
12
12
|
var _jsxRuntime = require("react/jsx-runtime");
|
|
13
13
|
function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
|
|
14
14
|
function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
|
|
@@ -39,8 +39,12 @@ const ReanimatedTabView = exports.ReanimatedTabView = /*#__PURE__*/_react.defaul
|
|
|
39
39
|
}, [navigationState.index, scrollPosition, width]);
|
|
40
40
|
const minimumValueToChangeView = (0, _react.useMemo)(() => width * percentageTrigger, [percentageTrigger, width]);
|
|
41
41
|
const panGesture = _react.default.useMemo(() => _reactNativeGestureHandler.Gesture.Pan().failOffsetY(-10).failOffsetY(10).activeOffsetX([-20, 20]).onChange(event => {
|
|
42
|
+
'worklet';
|
|
43
|
+
|
|
42
44
|
scrollPosition.value = _AnimationHelper.AnimationHelper.onChange(event, scrollPosition.value, width, navigationState);
|
|
43
45
|
}).onEnd(event => {
|
|
46
|
+
'worklet';
|
|
47
|
+
|
|
44
48
|
const state = _AnimationHelper.AnimationHelper.onEnd(event, minimumValueToChangeView, width, navigationState);
|
|
45
49
|
scrollPosition.value = _AnimationHelper.AnimationHelper.animation(state.value);
|
|
46
50
|
(0, _reactNativeReanimated.runOnJS)(onIndexChange)(state.index);
|
|
@@ -112,8 +116,6 @@ const ReanimatedTabView = exports.ReanimatedTabView = /*#__PURE__*/_react.defaul
|
|
|
112
116
|
})
|
|
113
117
|
});
|
|
114
118
|
});
|
|
115
|
-
|
|
116
|
-
//NOTE: purposely use of StyleSheet - simplify migration to library
|
|
117
119
|
const defaultStyles = _reactNative.StyleSheet.create({
|
|
118
120
|
flex: {
|
|
119
121
|
flex: 1
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["_react","_interopRequireWildcard","require","_reactNative","_reactNativeGestureHandler","_reactNativeReanimated","_AnimationHelper","_jsxRuntime","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","ReanimatedTabView","exports","React","memo","LazyPlaceholder","lazy","navigationState","onIndexChange","percentageTrigger","positionInterpolation","renderScene","renderTabBar","width","useWindowDimensions","loadedScreens","useRef","routes","index","scrollPosition","useSharedValue","position","useDerivedValue","value","interpolate","input","output","Extrapolation","CLAMP","useEffect","AnimationHelper","animation","minimumValueToChangeView","useMemo","panGesture","Gesture","Pan","failOffsetY","activeOffsetX","onChange","event","onEnd","state","runOnJS","scrollPositionStyle","useAnimatedStyle","transform","translateX","length","jumpTo","useCallback","key","newIndex","findIndex","chooseRender","params","useRenderScene","jsx","View","style","children","route","Routes","map","screen","current","find","loadedScreen","undefined","push","GestureHandlerRootView","defaultStyles","flex","jsxs","layout","LinearTransition","GestureDetector","gesture","viewsContainer","StyleSheet","create","flexDirection"],"sourceRoot":"../../../../src","sources":["components/ReanimatedTopTab/ReanimatedTabView.tsx"],"mappings":"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
|
|
1
|
+
{"version":3,"names":["_react","_interopRequireWildcard","require","_reactNative","_reactNativeGestureHandler","_reactNativeReanimated","_AnimationHelper","_jsxRuntime","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","ReanimatedTabView","exports","React","memo","LazyPlaceholder","lazy","navigationState","onIndexChange","percentageTrigger","positionInterpolation","renderScene","renderTabBar","width","useWindowDimensions","loadedScreens","useRef","routes","index","scrollPosition","useSharedValue","position","useDerivedValue","value","interpolate","input","output","Extrapolation","CLAMP","useEffect","AnimationHelper","animation","minimumValueToChangeView","useMemo","panGesture","Gesture","Pan","failOffsetY","activeOffsetX","onChange","event","onEnd","state","runOnJS","scrollPositionStyle","useAnimatedStyle","transform","translateX","length","jumpTo","useCallback","key","newIndex","findIndex","chooseRender","params","useRenderScene","jsx","View","style","children","route","Routes","map","screen","current","find","loadedScreen","undefined","push","GestureHandlerRootView","defaultStyles","flex","jsxs","layout","LinearTransition","GestureDetector","gesture","viewsContainer","StyleSheet","create","flexDirection"],"sourceRoot":"../../../../src","sources":["components/ReanimatedTopTab/ReanimatedTabView.tsx"],"mappings":"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","ignoreList":[]}
|
|
@@ -7,7 +7,7 @@ exports.TabBarBaseComponent = void 0;
|
|
|
7
7
|
var React = _interopRequireWildcard(require("react"));
|
|
8
8
|
var _reactNative = require("react-native");
|
|
9
9
|
var _reactNativeReanimated = _interopRequireWildcard(require("react-native-reanimated"));
|
|
10
|
-
var
|
|
10
|
+
var _useTabContext = require("../../hooks/useTabContext");
|
|
11
11
|
var _jsxRuntime = require("react/jsx-runtime");
|
|
12
12
|
function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
|
|
13
13
|
function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
|
|
@@ -22,7 +22,7 @@ const TabBarBaseComponent = ({
|
|
|
22
22
|
const {
|
|
23
23
|
topTabHeight,
|
|
24
24
|
transformationX
|
|
25
|
-
} = (0,
|
|
25
|
+
} = (0, _useTabContext.useTabContext)();
|
|
26
26
|
|
|
27
27
|
//Assign interpolated offsetX to transformationX
|
|
28
28
|
(0, _reactNativeReanimated.useAnimatedReaction)(() => (0, _reactNativeReanimated.interpolate)(position.value, navigationState.routes.map((_, i) => i * layout.width), navigationState.routes.map((_, i) => i), 'clamp'), value => {
|
|
@@ -42,9 +42,7 @@ const TabBarBaseComponent = ({
|
|
|
42
42
|
navigate(route);
|
|
43
43
|
},
|
|
44
44
|
children: route.tabBarLabel ? route.tabBarLabel() : /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
|
|
45
|
-
style:
|
|
46
|
-
color: 'red'
|
|
47
|
-
},
|
|
45
|
+
style: styles.label,
|
|
48
46
|
children: route.title
|
|
49
47
|
})
|
|
50
48
|
}, route.key))
|
|
@@ -60,6 +58,9 @@ const styles = _reactNative.StyleSheet.create({
|
|
|
60
58
|
alignItems: 'center',
|
|
61
59
|
justifyContent: 'center'
|
|
62
60
|
},
|
|
61
|
+
label: {
|
|
62
|
+
color: 'red'
|
|
63
|
+
},
|
|
63
64
|
wrapper: {
|
|
64
65
|
width: '100%',
|
|
65
66
|
flexDirection: 'row',
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["React","_interopRequireWildcard","require","_reactNative","_reactNativeReanimated","
|
|
1
|
+
{"version":3,"names":["React","_interopRequireWildcard","require","_reactNative","_reactNativeReanimated","_useTabContext","_jsxRuntime","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","TabBarBaseComponent","children","navigate","navigationState","position","style","layout","useWindowDimensions","topTabHeight","transformationX","useTabContext","useAnimatedReaction","interpolate","value","routes","map","_","width","jsxs","View","onLayout","nativeEvent","height","jsx","styles","wrapper","route","Pressable","labelWrapper","onPress","tabBarLabel","Text","label","title","key","exports","StyleSheet","create","flex","alignItems","justifyContent","color","flexDirection","backgroundColor","paddingVertical"],"sourceRoot":"../../../../src","sources":["components/elements/TabBarBaseComponent.tsx"],"mappings":";;;;;;AAAA,IAAAA,KAAA,GAAAC,uBAAA,CAAAC,OAAA;AACA,IAAAC,YAAA,GAAAD,OAAA;AACA,IAAAE,sBAAA,GAAAH,uBAAA,CAAAC,OAAA;AAOA,IAAAG,cAAA,GAAAH,OAAA;AAA0D,IAAAI,WAAA,GAAAJ,OAAA;AAAA,SAAAK,yBAAAC,CAAA,6BAAAC,OAAA,mBAAAC,CAAA,OAAAD,OAAA,IAAAE,CAAA,OAAAF,OAAA,YAAAF,wBAAA,YAAAA,CAAAC,CAAA,WAAAA,CAAA,GAAAG,CAAA,GAAAD,CAAA,KAAAF,CAAA;AAAA,SAAAP,wBAAAO,CAAA,EAAAE,CAAA,SAAAA,CAAA,IAAAF,CAAA,IAAAA,CAAA,CAAAI,UAAA,SAAAJ,CAAA,eAAAA,CAAA,uBAAAA,CAAA,yBAAAA,CAAA,WAAAK,OAAA,EAAAL,CAAA,QAAAG,CAAA,GAAAJ,wBAAA,CAAAG,CAAA,OAAAC,CAAA,IAAAA,CAAA,CAAAG,GAAA,CAAAN,CAAA,UAAAG,CAAA,CAAAI,GAAA,CAAAP,CAAA,OAAAQ,CAAA,KAAAC,SAAA,UAAAC,CAAA,GAAAC,MAAA,CAAAC,cAAA,IAAAD,MAAA,CAAAE,wBAAA,WAAAC,CAAA,IAAAd,CAAA,oBAAAc,CAAA,OAAAC,cAAA,CAAAC,IAAA,CAAAhB,CAAA,EAAAc,CAAA,SAAAG,CAAA,GAAAP,CAAA,GAAAC,MAAA,CAAAE,wBAAA,CAAAb,CAAA,EAAAc,CAAA,UAAAG,CAAA,KAAAA,CAAA,CAAAV,GAAA,IAAAU,CAAA,CAAAC,GAAA,IAAAP,MAAA,CAAAC,cAAA,CAAAJ,CAAA,EAAAM,CAAA,EAAAG,CAAA,IAAAT,CAAA,CAAAM,CAAA,IAAAd,CAAA,CAAAc,CAAA,YAAAN,CAAA,CAAAH,OAAA,GAAAL,CAAA,EAAAG,CAAA,IAAAA,CAAA,CAAAe,GAAA,CAAAlB,CAAA,EAAAQ,CAAA,GAAAA,CAAA;AAsBnD,MAAMW,mBAAmB,GAAGA,CAAC;EAClCC,QAAQ;EACRC,QAAQ;EACRC,eAAe;EACfC,QAAQ;EACRC;AACW,CAAC,KAAK;EACjB,MAAMC,MAAM,GAAG,IAAAC,gCAAmB,EAAC,CAAC;EAEpC,MAAM;IAAEC,YAAY;IAAEC;EAAgB,CAAC,GAAG,IAAAC,4BAAa,EAAC,CAAC;;EAEzD;EACA,IAAAC,0CAAmB,EACjB,MACE,IAAAC,kCAAW,EACTR,QAAQ,CAACS,KAAK,EACdV,eAAe,CAACW,MAAM,CAACC,GAAG,CAAC,CAACC,CAAC,EAAElB,CAAC,KAAKA,CAAC,GAAGQ,MAAM,CAACW,KAAK,CAAC,EACtDd,eAAe,CAACW,MAAM,CAACC,GAAG,CAAC,CAACC,CAAC,EAAElB,CAAC,KAAKA,CAAC,CAAC,EACvC,OACF,CAAC,EACFe,KAAK,IAAK;IACTJ,eAAe,CAACI,KAAK,GAAGA,KAAK;EAC/B,CAAC,EACD,CAACV,eAAe,CAACW,MAAM,CACzB,CAAC;EAED,oBACE,IAAAnC,WAAA,CAAAuC,IAAA,EAACzC,sBAAA,CAAAS,OAAU,CAACiC,IAAI;IACdC,QAAQ,EAAEA,CAAC;MAAEC;IAAY,CAAC,KAAK;MAC7Bb,YAAY,CAACK,KAAK,GAAGQ,WAAW,CAACf,MAAM,CAACgB,MAAM;IAChD,CAAE;IAAArB,QAAA,gBAEF,IAAAtB,WAAA,CAAA4C,GAAA,EAAC9C,sBAAA,CAAAS,OAAU,CAACiC,IAAI;MAACd,KAAK,EAAE,CAACmB,MAAM,CAACC,OAAO,EAAEpB,KAAK,CAAE;MAAAJ,QAAA,EAC7CE,eAAe,CAACW,MAAM,CAACC,GAAG,CAAEW,KAAK,iBAChC,IAAA/C,WAAA,CAAA4C,GAAA,EAAC/C,YAAA,CAAAmD,SAAS;QACRtB,KAAK,EAAEmB,MAAM,CAACI,YAAa;QAE3BC,OAAO,EAAEA,CAAA,KAAM;UACb3B,QAAQ,CAACwB,KAAK,CAAC;QACjB,CAAE;QAAAzB,QAAA,EAEDyB,KAAK,CAACI,WAAW,GAChBJ,KAAK,CAACI,WAAW,CAAC,CAAC,gBAEnB,IAAAnD,WAAA,CAAA4C,GAAA,EAAC/C,YAAA,CAAAuD,IAAI;UAAC1B,KAAK,EAAEmB,MAAM,CAACQ,KAAM;UAAA/B,QAAA,EAAEyB,KAAK,CAACO;QAAK,CAAO;MAC/C,GATIP,KAAK,CAACQ,GAUF,CACZ;IAAC,CACa,CAAC,EACjBjC,QAAQ;EAAA,CACM,CAAC;AAEtB,CAAC;;AAED;AAAAkC,OAAA,CAAAnC,mBAAA,GAAAA,mBAAA;AACA,MAAMwB,MAAM,GAAGY,uBAAU,CAACC,MAAM,CAAC;EAC/BT,YAAY,EAAE;IACZU,IAAI,EAAE,CAAC;IACPC,UAAU,EAAE,QAAQ;IACpBC,cAAc,EAAE;EAClB,CAAC;EACDR,KAAK,EAAE;IACLS,KAAK,EAAE;EACT,CAAC;EACDhB,OAAO,EAAE;IACPR,KAAK,EAAE,MAAM;IACbyB,aAAa,EAAE,KAAK;IACpBC,eAAe,EAAE,OAAO;IACxBC,eAAe,EAAE,CAAC;IAClBtB,MAAM,EAAE;EACV;AACF,CAAC,CAAC","ignoreList":[]}
|
|
@@ -6,7 +6,7 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
6
6
|
exports.TabBarLabelBaseComponent = void 0;
|
|
7
7
|
var _reactNative = require("react-native");
|
|
8
8
|
var _reactNativeReanimated = _interopRequireWildcard(require("react-native-reanimated"));
|
|
9
|
-
var
|
|
9
|
+
var _useTabOffset = require("../../hooks/useTabOffset");
|
|
10
10
|
var _jsxRuntime = require("react/jsx-runtime");
|
|
11
11
|
function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
|
|
12
12
|
function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
|
|
@@ -14,9 +14,7 @@ const TabBarLabelBaseComponent = ({
|
|
|
14
14
|
index,
|
|
15
15
|
...props
|
|
16
16
|
}) => {
|
|
17
|
-
const
|
|
18
|
-
transformationX
|
|
19
|
-
} = (0, _TabHooks.useTabContext)();
|
|
17
|
+
const transformationX = (0, _useTabOffset.useTabOffset)();
|
|
20
18
|
const style = (0, _reactNativeReanimated.useAnimatedStyle)(() => ({
|
|
21
19
|
backgroundColor: (0, _reactNativeReanimated.interpolateColor)(transformationX.value, [index - 1, index, index + 1], ['transparent', 'blue', 'transparent'])
|
|
22
20
|
}), []);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["_reactNative","require","_reactNativeReanimated","_interopRequireWildcard","
|
|
1
|
+
{"version":3,"names":["_reactNative","require","_reactNativeReanimated","_interopRequireWildcard","_useTabOffset","_jsxRuntime","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","TabBarLabelBaseComponent","index","props","transformationX","useTabOffset","style","useAnimatedStyle","backgroundColor","interpolateColor","value","textStyle","color","jsx","View","styles","wrapper","children","Text","text","title","exports","StyleSheet","create","fontWeight","textTransform","borderRadius","height","justifyContent","paddingHorizontal","paddingVertical"],"sourceRoot":"../../../../src","sources":["components/elements/TabBarLabelBaseComponent.tsx"],"mappings":"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","ignoreList":[]}
|
|
@@ -4,28 +4,29 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
4
4
|
value: true
|
|
5
5
|
});
|
|
6
6
|
exports.GestureWrapper = void 0;
|
|
7
|
-
var _react = require("react");
|
|
7
|
+
var _react = _interopRequireWildcard(require("react"));
|
|
8
8
|
var _reactNativeGestureHandler = require("react-native-gesture-handler");
|
|
9
9
|
var _reactNativeReanimated = _interopRequireWildcard(require("react-native-reanimated"));
|
|
10
|
-
var
|
|
10
|
+
var _useTabContext = require("../../hooks/useTabContext");
|
|
11
11
|
var _jsxRuntime = require("react/jsx-runtime");
|
|
12
12
|
function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
|
|
13
13
|
function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
|
|
14
|
-
//TODO: types
|
|
15
14
|
const GestureWrapper = ({
|
|
16
15
|
children
|
|
17
16
|
}) => {
|
|
18
17
|
const {
|
|
18
|
+
context,
|
|
19
19
|
currentScreenIndex,
|
|
20
20
|
currentYPosition,
|
|
21
21
|
gestureEnabled,
|
|
22
22
|
headerHeight,
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
screenRefs
|
|
26
|
-
} = (0, _TabHooks.useTabContext)();
|
|
23
|
+
transformationY
|
|
24
|
+
} = (0, _useTabContext.useTabContext)();
|
|
27
25
|
const movedY = (0, _reactNativeReanimated.useSharedValue)(0);
|
|
28
26
|
const gestureRef = (0, _react.useRef)(_reactNativeGestureHandler.Gesture.Pan());
|
|
27
|
+
const currentScreenScrollOffset = (0, _reactNativeReanimated.useDerivedValue)(() => Object.values(context.screen.properties).map(({
|
|
28
|
+
scrollY
|
|
29
|
+
}) => scrollY)[currentScreenIndex.value]?.value ?? 0);
|
|
29
30
|
const withTimingConfig = {
|
|
30
31
|
duration: 300,
|
|
31
32
|
easing: _reactNativeReanimated.Easing.bezier(0.25, 0.1, 0.25, 1)
|
|
@@ -34,37 +35,26 @@ const GestureWrapper = ({
|
|
|
34
35
|
(0, _reactNativeReanimated.useAnimatedReaction)(() => gestureEnabled.value, nextValue => {
|
|
35
36
|
(0, _reactNativeReanimated.runOnJS)(setGestureEnabled)(nextValue);
|
|
36
37
|
}, []);
|
|
37
|
-
const _scrollTo = (index, value = 0) => {
|
|
38
|
-
const {
|
|
39
|
-
scrollTo
|
|
40
|
-
} = Object.values(screenRefs.refs.current)[index]?.current ?? {
|
|
41
|
-
scrollTo: () => null
|
|
42
|
-
};
|
|
43
|
-
scrollTo({
|
|
44
|
-
y: value,
|
|
45
|
-
animated: false
|
|
46
|
-
});
|
|
47
|
-
};
|
|
48
38
|
const gesture = (0, _react.useMemo)(() => _reactNativeGestureHandler.Gesture.Pan().activeOffsetY([-10, 10]).onTouchesMove(({
|
|
49
39
|
state
|
|
50
40
|
}, stateManager) => {
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
if ((current?.value ?? 0) > 0 && state !== 4 && state !== 3) {
|
|
41
|
+
'worklet';
|
|
42
|
+
|
|
43
|
+
if (currentScreenScrollOffset.value > 0 && state !== 4 && state !== 3) {
|
|
55
44
|
stateManager.fail();
|
|
56
45
|
}
|
|
57
46
|
}).onUpdate(({
|
|
58
47
|
translationY
|
|
59
48
|
}) => {
|
|
60
|
-
|
|
61
|
-
|
|
62
|
-
}
|
|
49
|
+
'worklet';
|
|
50
|
+
|
|
63
51
|
transformationY.value = currentYPosition.value + translationY - movedY.value;
|
|
64
52
|
}).onEnd(({
|
|
65
53
|
translationY,
|
|
66
54
|
velocityY
|
|
67
55
|
}) => {
|
|
56
|
+
'worklet';
|
|
57
|
+
|
|
68
58
|
const gestureValue = translationY + velocityY * 0.2;
|
|
69
59
|
const changeOffset = 0.2 * headerHeight.value;
|
|
70
60
|
if (gestureValue < -changeOffset && transformationY.value < 0) {
|
|
@@ -78,8 +68,10 @@ const GestureWrapper = ({
|
|
|
78
68
|
transformationY.value = (0, _reactNativeReanimated.withTiming)(currentYPosition.value, withTimingConfig);
|
|
79
69
|
}
|
|
80
70
|
}).onFinalize(() => {
|
|
71
|
+
'worklet';
|
|
72
|
+
|
|
81
73
|
movedY.value = 0;
|
|
82
|
-
}).simultaneousWithExternalGesture(...Object.values(
|
|
74
|
+
}).simultaneousWithExternalGesture(...Object.values(context.screen.properties).map(({
|
|
83
75
|
nativeGesture
|
|
84
76
|
}) => nativeGesture)).withRef(gestureRef).enabled(_gestureEnabled), [_gestureEnabled]);
|
|
85
77
|
const style = (0, _reactNativeReanimated.useAnimatedStyle)(() => ({
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["_react","require","_reactNativeGestureHandler","_reactNativeReanimated","
|
|
1
|
+
{"version":3,"names":["_react","_interopRequireWildcard","require","_reactNativeGestureHandler","_reactNativeReanimated","_useTabContext","_jsxRuntime","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","GestureWrapper","children","context","currentScreenIndex","currentYPosition","gestureEnabled","headerHeight","transformationY","useTabContext","movedY","useSharedValue","gestureRef","useRef","Gesture","Pan","currentScreenScrollOffset","useDerivedValue","values","screen","properties","map","scrollY","value","withTimingConfig","duration","easing","Easing","bezier","_gestureEnabled","setGestureEnabled","useState","useAnimatedReaction","nextValue","runOnJS","gesture","useMemo","activeOffsetY","onTouchesMove","state","stateManager","fail","onUpdate","translationY","onEnd","velocityY","gestureValue","changeOffset","withTiming","destination","onFinalize","simultaneousWithExternalGesture","nativeGesture","withRef","enabled","style","useAnimatedStyle","flex","transform","translateY","interpolate","jsx","GestureDetector","View","exports"],"sourceRoot":"../../../../src","sources":["components/wrappers/GestureWrapper.tsx"],"mappings":"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","ignoreList":[]}
|
|
@@ -6,7 +6,7 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
6
6
|
exports.ScreenWrapper = void 0;
|
|
7
7
|
var _native = require("@react-navigation/native");
|
|
8
8
|
var _reactNativeReanimated = _interopRequireDefault(require("react-native-reanimated"));
|
|
9
|
-
var
|
|
9
|
+
var _useTabContext = require("../../hooks/useTabContext");
|
|
10
10
|
var _jsxRuntime = require("react/jsx-runtime");
|
|
11
11
|
function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
|
|
12
12
|
const ScreenWrapper = ({
|
|
@@ -17,10 +17,10 @@ const ScreenWrapper = ({
|
|
|
17
17
|
key
|
|
18
18
|
} = (0, _native.useRoute)();
|
|
19
19
|
const {
|
|
20
|
-
|
|
21
|
-
} = (0,
|
|
20
|
+
context
|
|
21
|
+
} = (0, _useTabContext.useTabContext)();
|
|
22
22
|
const onLayout = event => {
|
|
23
|
-
const screen =
|
|
23
|
+
const screen = context.screen.properties[key];
|
|
24
24
|
if (!screen) throw 'No screen property registered for this route';
|
|
25
25
|
screen.outerLayout.value = event.nativeEvent.layout;
|
|
26
26
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["_native","require","_reactNativeReanimated","_interopRequireDefault","
|
|
1
|
+
{"version":3,"names":["_native","require","_reactNativeReanimated","_interopRequireDefault","_useTabContext","_jsxRuntime","e","__esModule","default","ScreenWrapper","children","viewProps","key","useRoute","context","useTabContext","onLayout","event","screen","properties","outerLayout","value","nativeEvent","layout","jsx","View","exports"],"sourceRoot":"../../../../src","sources":["components/wrappers/ScreenWrapper.tsx"],"mappings":";;;;;;AAAA,IAAAA,OAAA,GAAAC,OAAA;AAEA,IAAAC,sBAAA,GAAAC,sBAAA,CAAAF,OAAA;AAEA,IAAAG,cAAA,GAAAH,OAAA;AAA0D,IAAAI,WAAA,GAAAJ,OAAA;AAAA,SAAAE,uBAAAG,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAKnD,MAAMG,aAAa,GAAGA,CAAC;EAC5BC,QAAQ;EACR,GAAGC;AACe,CAAC,KAAK;EACxB,MAAM;IAAEC;EAAI,CAAC,GAAG,IAAAC,gBAAQ,EAAC,CAAC;EAC1B,MAAM;IAAEC;EAAQ,CAAC,GAAG,IAAAC,4BAAa,EAAC,CAAC;EAEnC,MAAMC,QAAQ,GAAIC,KAAwB,IAAK;IAC7C,MAAMC,MAAM,GAAGJ,OAAO,CAACI,MAAM,CAACC,UAAU,CAACP,GAAG,CAAC;IAC7C,IAAI,CAACM,MAAM,EAAE,MAAM,8CAA8C;IACjEA,MAAM,CAACE,WAAW,CAACC,KAAK,GAAGJ,KAAK,CAACK,WAAW,CAACC,MAAM;EACrD,CAAC;EAED,oBACE,IAAAlB,WAAA,CAAAmB,GAAA,EAACtB,sBAAA,CAAAM,OAAU,CAACiB,IAAI;IAAA,GAAKd,SAAS;IAAEK,QAAQ,EAAEA,QAAS;IAAAN,QAAA,EAChDA;EAAQ,CACM,CAAC;AAEtB,CAAC;AAACgB,OAAA,CAAAjB,aAAA,GAAAA,aAAA","ignoreList":[]}
|
|
@@ -7,50 +7,61 @@ exports.ScrollView = void 0;
|
|
|
7
7
|
var _reactNative = require("react-native");
|
|
8
8
|
var _reactNativeGestureHandler = require("react-native-gesture-handler");
|
|
9
9
|
var _reactNativeReanimated = _interopRequireDefault(require("react-native-reanimated"));
|
|
10
|
-
var _TabHooks = require("../../hooks/Tab.hooks.js");
|
|
11
10
|
var _react = require("react");
|
|
12
11
|
var _native = require("@react-navigation/native");
|
|
12
|
+
var _useTabContext = require("../../hooks/useTabContext");
|
|
13
|
+
var _useScreenGesture = require("../../hooks/useScreenGesture");
|
|
14
|
+
var _useScreenScrollable = require("../../hooks/useScreenScrollable");
|
|
15
|
+
var _useScreenProperties = require("../../hooks/useScreenProperties");
|
|
13
16
|
var _jsxRuntime = require("react/jsx-runtime");
|
|
14
17
|
function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
|
|
15
18
|
const ScrollView = ({
|
|
16
19
|
children,
|
|
17
20
|
style,
|
|
21
|
+
contentContainerStyle,
|
|
22
|
+
onLayout,
|
|
18
23
|
...props
|
|
19
24
|
}) => {
|
|
20
|
-
const gesture = (0,
|
|
25
|
+
const gesture = (0, _useScreenGesture.useScreenGesture)();
|
|
21
26
|
const {
|
|
22
|
-
style:
|
|
23
|
-
|
|
24
|
-
|
|
27
|
+
style: _style,
|
|
28
|
+
contentContainerStyle: _contentContainerStyle,
|
|
29
|
+
onScroll,
|
|
30
|
+
bounces,
|
|
31
|
+
animatedProps
|
|
32
|
+
} = (0, _useScreenScrollable.useScreenScrollable)();
|
|
25
33
|
const {
|
|
26
34
|
innerLayout
|
|
27
|
-
} = (0,
|
|
35
|
+
} = (0, _useScreenProperties.useScreenProperties)();
|
|
28
36
|
const {
|
|
29
|
-
|
|
30
|
-
} = (0,
|
|
37
|
+
context
|
|
38
|
+
} = (0, _useTabContext.useTabContext)();
|
|
31
39
|
const {
|
|
32
40
|
key
|
|
33
41
|
} = (0, _native.useRoute)();
|
|
34
42
|
const _ref = (0, _react.useRef)(null);
|
|
35
|
-
const
|
|
43
|
+
const _onLayout = event => {
|
|
44
|
+
onLayout?.(event);
|
|
36
45
|
innerLayout.value = event.nativeEvent.layout;
|
|
37
|
-
|
|
46
|
+
context.screen.setRef(key, _ref.current);
|
|
38
47
|
};
|
|
39
48
|
return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNativeGestureHandler.GestureDetector, {
|
|
40
49
|
gesture: gesture,
|
|
41
50
|
children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNativeReanimated.default.ScrollView, {
|
|
42
|
-
...scrollProps,
|
|
43
|
-
...props,
|
|
44
51
|
ref: _ref,
|
|
45
|
-
contentContainerStyle:
|
|
46
|
-
onLayout:
|
|
47
|
-
style: [
|
|
52
|
+
contentContainerStyle: [_contentContainerStyle, styleSheet.contentContainerStyle, contentContainerStyle],
|
|
53
|
+
onLayout: _onLayout,
|
|
54
|
+
style: [_style, style],
|
|
55
|
+
onScroll: onScroll,
|
|
56
|
+
bounces: bounces,
|
|
57
|
+
animatedProps: animatedProps,
|
|
58
|
+
...props,
|
|
48
59
|
children: children
|
|
49
60
|
})
|
|
50
61
|
});
|
|
51
62
|
};
|
|
52
63
|
exports.ScrollView = ScrollView;
|
|
53
|
-
const
|
|
64
|
+
const styleSheet = _reactNative.StyleSheet.create({
|
|
54
65
|
contentContainerStyle: {
|
|
55
66
|
flexGrow: 1
|
|
56
67
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["_reactNative","require","_reactNativeGestureHandler","_reactNativeReanimated","_interopRequireDefault","
|
|
1
|
+
{"version":3,"names":["_reactNative","require","_reactNativeGestureHandler","_reactNativeReanimated","_interopRequireDefault","_react","_native","_useTabContext","_useScreenGesture","_useScreenScrollable","_useScreenProperties","_jsxRuntime","e","__esModule","default","ScrollView","children","style","contentContainerStyle","onLayout","props","gesture","useScreenGesture","_style","_contentContainerStyle","onScroll","bounces","animatedProps","useScreenScrollable","innerLayout","useScreenProperties","context","useTabContext","key","useRoute","_ref","useRef","_onLayout","event","value","nativeEvent","layout","screen","setRef","current","jsx","GestureDetector","ref","styleSheet","exports","StyleSheet","create","flexGrow"],"sourceRoot":"../../../../src","sources":["components/wrappers/ScrollView.tsx"],"mappings":";;;;;;AAAA,IAAAA,YAAA,GAAAC,OAAA;AAKA,IAAAC,0BAAA,GAAAD,OAAA;AACA,IAAAE,sBAAA,GAAAC,sBAAA,CAAAH,OAAA;AACA,IAAAI,MAAA,GAAAJ,OAAA;AACA,IAAAK,OAAA,GAAAL,OAAA;AACA,IAAAM,cAAA,GAAAN,OAAA;AACA,IAAAO,iBAAA,GAAAP,OAAA;AACA,IAAAQ,oBAAA,GAAAR,OAAA;AACA,IAAAS,oBAAA,GAAAT,OAAA;AAAsE,IAAAU,WAAA,GAAAV,OAAA;AAAA,SAAAG,uBAAAQ,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAO/D,MAAMG,UAAU,GAAGA,CAAC;EACzBC,QAAQ;EACRC,KAAK;EACLC,qBAAqB;EACrBC,QAAQ;EACR,GAAGC;AACe,CAAC,KAAK;EACxB,MAAMC,OAAO,GAAG,IAAAC,kCAAgB,EAAC,CAAC;EAClC,MAAM;IACJL,KAAK,EAAEM,MAAM;IACbL,qBAAqB,EAAEM,sBAAsB;IAC7CC,QAAQ;IACRC,OAAO;IACPC;EACF,CAAC,GAAG,IAAAC,wCAAmB,EAAC,CAAC;EACzB,MAAM;IAAEC;EAAY,CAAC,GAAG,IAAAC,wCAAmB,EAAC,CAAC;EAC7C,MAAM;IAAEC;EAAQ,CAAC,GAAG,IAAAC,4BAAa,EAAC,CAAC;EAEnC,MAAM;IAAEC;EAAI,CAAC,GAAG,IAAAC,gBAAQ,EAAC,CAAC;EAC1B,MAAMC,IAAI,GAAG,IAAAC,aAAM,EAAwB,IAAI,CAAC;EAEhD,MAAMC,SAAS,GAAIC,KAAwB,IAAK;IAC9CnB,QAAQ,GAAGmB,KAAK,CAAC;IACjBT,WAAW,CAACU,KAAK,GAAGD,KAAK,CAACE,WAAW,CAACC,MAAM;IAC5CV,OAAO,CAACW,MAAM,CAACC,MAAM,CAACV,GAAG,EAAEE,IAAI,CAACS,OAAO,CAAC;EAC1C,CAAC;EAED,oBACE,IAAAjC,WAAA,CAAAkC,GAAA,EAAC3C,0BAAA,CAAA4C,eAAe;IAACzB,OAAO,EAAEA,OAAQ;IAAAL,QAAA,eAChC,IAAAL,WAAA,CAAAkC,GAAA,EAAC1C,sBAAA,CAAAW,OAAU,CAACC,UAAU;MACpBgC,GAAG,EAAEZ,IAAK;MACVjB,qBAAqB,EAAE,CACrBM,sBAAsB,EACtBwB,UAAU,CAAC9B,qBAAqB,EAChCA,qBAAqB,CACrB;MACFC,QAAQ,EAAEkB,SAAU;MACpBpB,KAAK,EAAE,CAACM,MAAM,EAAEN,KAAK,CAAE;MACvBQ,QAAQ,EAAEA,QAAS;MACnBC,OAAO,EAAEA,OAAQ;MACjBC,aAAa,EAAEA,aAAc;MAAA,GACzBP,KAAK;MAAAJ,QAAA,EAERA;IAAQ,CACY;EAAC,CACT,CAAC;AAEtB,CAAC;AAACiC,OAAA,CAAAlC,UAAA,GAAAA,UAAA;AAEF,MAAMiC,UAAU,GAAGE,uBAAU,CAACC,MAAM,CAAC;EACnCjC,qBAAqB,EAAE;IACrBkC,QAAQ,EAAE;EACZ;AACF,CAAC,CAAC","ignoreList":[]}
|
|
@@ -0,0 +1,19 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, "__esModule", {
|
|
4
|
+
value: true
|
|
5
|
+
});
|
|
6
|
+
exports.ContextHelpers = void 0;
|
|
7
|
+
const getTargetIndex = (currentValue, previousValue) => {
|
|
8
|
+
'worklet';
|
|
9
|
+
|
|
10
|
+
if (currentValue > (previousValue ?? 0)) {
|
|
11
|
+
return Math.ceil(currentValue);
|
|
12
|
+
} else {
|
|
13
|
+
return Math.floor(currentValue);
|
|
14
|
+
}
|
|
15
|
+
};
|
|
16
|
+
const ContextHelpers = exports.ContextHelpers = {
|
|
17
|
+
getTargetIndex
|
|
18
|
+
};
|
|
19
|
+
//# sourceMappingURL=Context.helpers.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["getTargetIndex","currentValue","previousValue","Math","ceil","floor","ContextHelpers","exports"],"sourceRoot":"../../../src","sources":["context/Context.helpers.tsx"],"mappings":";;;;;;AAAA,MAAMA,cAAc,GAAGA,CAACC,YAAoB,EAAEC,aAA4B,KAAK;EAC7E,SAAS;;EACT,IAAID,YAAY,IAAIC,aAAa,IAAI,CAAC,CAAC,EAAE;IACvC,OAAOC,IAAI,CAACC,IAAI,CAACH,YAAY,CAAC;EAChC,CAAC,MAAM;IACL,OAAOE,IAAI,CAACE,KAAK,CAACJ,YAAY,CAAC;EACjC;AACF,CAAC;AAEM,MAAMK,cAAc,GAAAC,OAAA,CAAAD,cAAA,GAAG;EAAEN;AAAe,CAAC","ignoreList":[]}
|