@react-navigation/stack 7.6.12 → 8.0.0-alpha.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/module/TransitionConfigs/HeaderStyleInterpolators.js +44 -52
- package/lib/module/TransitionConfigs/HeaderStyleInterpolators.js.map +1 -1
- package/lib/module/TransitionConfigs/TransitionPresets.js +4 -4
- package/lib/module/TransitionConfigs/TransitionPresets.js.map +1 -1
- package/lib/module/index.js +1 -1
- package/lib/module/index.js.map +1 -1
- package/lib/module/navigators/createStackNavigator.js +7 -6
- package/lib/module/navigators/createStackNavigator.js.map +1 -1
- package/lib/module/utils/getShadowStyle.js +3 -5
- package/lib/module/utils/getShadowStyle.js.map +1 -1
- package/lib/module/views/Header/Header.js +0 -2
- package/lib/module/views/Header/Header.js.map +1 -1
- package/lib/module/views/Header/HeaderContainer.js +27 -28
- package/lib/module/views/Header/HeaderContainer.js.map +1 -1
- package/lib/module/views/Header/HeaderSegment.js +14 -51
- package/lib/module/views/Header/HeaderSegment.js.map +1 -1
- package/lib/module/views/Stack/Card.js +12 -30
- package/lib/module/views/Stack/Card.js.map +1 -1
- package/lib/module/views/Stack/CardA11yWrapper.js +1 -1
- package/lib/module/views/Stack/CardA11yWrapper.js.map +1 -1
- package/lib/module/views/Stack/CardContainer.js +0 -1
- package/lib/module/views/Stack/CardContainer.js.map +1 -1
- package/lib/module/views/Stack/CardContent.js +3 -2
- package/lib/module/views/Stack/CardContent.js.map +1 -1
- package/lib/module/views/Stack/CardStack.js +23 -19
- package/lib/module/views/Stack/CardStack.js.map +1 -1
- package/lib/module/views/Stack/StackView.js +2 -1
- package/lib/module/views/Stack/StackView.js.map +1 -1
- package/lib/typescript/src/TransitionConfigs/HeaderStyleInterpolators.d.ts.map +1 -1
- package/lib/typescript/src/index.d.ts +1 -1
- package/lib/typescript/src/index.d.ts.map +1 -1
- package/lib/typescript/src/navigators/createStackNavigator.d.ts +10 -6
- package/lib/typescript/src/navigators/createStackNavigator.d.ts.map +1 -1
- package/lib/typescript/src/types.d.ts +12 -28
- package/lib/typescript/src/types.d.ts.map +1 -1
- package/lib/typescript/src/utils/getShadowStyle.d.ts +1 -2
- package/lib/typescript/src/utils/getShadowStyle.d.ts.map +1 -1
- package/lib/typescript/src/views/Header/Header.d.ts.map +1 -1
- package/lib/typescript/src/views/Header/HeaderContainer.d.ts +2 -3
- package/lib/typescript/src/views/Header/HeaderContainer.d.ts.map +1 -1
- package/lib/typescript/src/views/Header/HeaderSegment.d.ts +1 -2
- package/lib/typescript/src/views/Header/HeaderSegment.d.ts.map +1 -1
- package/lib/typescript/src/views/Stack/Card.d.ts.map +1 -1
- package/lib/typescript/src/views/Stack/CardContainer.d.ts.map +1 -1
- package/lib/typescript/src/views/Stack/CardContent.d.ts.map +1 -1
- package/lib/typescript/src/views/Stack/CardStack.d.ts.map +1 -1
- package/lib/typescript/src/views/Stack/StackView.d.ts +22 -2
- package/lib/typescript/src/views/Stack/StackView.d.ts.map +1 -1
- package/package.json +18 -18
- package/src/TransitionConfigs/HeaderStyleInterpolators.tsx +43 -80
- package/src/TransitionConfigs/TransitionPresets.tsx +4 -4
- package/src/index.tsx +4 -1
- package/src/navigators/createStackNavigator.tsx +42 -25
- package/src/types.tsx +18 -33
- package/src/utils/getShadowStyle.tsx +3 -14
- package/src/views/Header/Header.tsx +0 -2
- package/src/views/Header/HeaderContainer.tsx +36 -37
- package/src/views/Header/HeaderSegment.tsx +27 -92
- package/src/views/Stack/Card.tsx +8 -33
- package/src/views/Stack/CardA11yWrapper.tsx +1 -1
- package/src/views/Stack/CardContainer.tsx +0 -1
- package/src/views/Stack/CardContent.tsx +5 -2
- package/src/views/Stack/CardStack.tsx +24 -21
- package/src/views/Stack/StackView.tsx +2 -4
- package/lib/module/views/Screens.js +0 -42
- package/lib/module/views/Screens.js.map +0 -1
- package/lib/typescript/src/views/Screens.d.ts +0 -15
- package/lib/typescript/src/views/Screens.d.ts.map +0 -1
- package/src/views/Screens.tsx +0 -45
|
@@ -1,15 +1,12 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
|
-
import {
|
|
3
|
+
import { isLiquidGlassSupported } from '@react-navigation/elements/internal';
|
|
4
|
+
import { Animated } from 'react-native';
|
|
4
5
|
const {
|
|
5
6
|
add,
|
|
6
7
|
multiply
|
|
7
8
|
} = Animated;
|
|
8
9
|
|
|
9
|
-
// Width of the screen in split layout on portrait mode on iPad Mini
|
|
10
|
-
// Keep in sync with HeaderBackButton.tsx
|
|
11
|
-
const IPAD_MINI_MEDIUM_WIDTH = 414;
|
|
12
|
-
|
|
13
10
|
/**
|
|
14
11
|
* Standard UIKit style animation for the header where the title fades into the back button label.
|
|
15
12
|
*/
|
|
@@ -19,21 +16,6 @@ export function forUIKit({
|
|
|
19
16
|
direction,
|
|
20
17
|
layouts
|
|
21
18
|
}) {
|
|
22
|
-
const defaultOffset = 100;
|
|
23
|
-
const leftSpacing = 27 + (Platform.OS === 'ios' && layouts.screen.width >= IPAD_MINI_MEDIUM_WIDTH ? 5 // Additional padding on iPad specified in Header.tsx
|
|
24
|
-
: 0);
|
|
25
|
-
|
|
26
|
-
// The title and back button title should cross-fade to each other
|
|
27
|
-
// When screen is fully open, the title should be in center, and back title should be on left
|
|
28
|
-
// When screen is closing, the previous title will animate to back title's position
|
|
29
|
-
// And back title will animate to title's position
|
|
30
|
-
// We achieve this by calculating the offsets needed to translate title to back title's position and vice-versa
|
|
31
|
-
const leftLabelOffset = layouts.leftLabel ? (layouts.screen.width - layouts.leftLabel.width) / 2 - leftSpacing : defaultOffset;
|
|
32
|
-
const titleLeftOffset = layouts.title ? (layouts.screen.width - layouts.title.width) / 2 - leftSpacing : defaultOffset;
|
|
33
|
-
|
|
34
|
-
// When the current title is animating to right, it is centered in the right half of screen in middle of transition
|
|
35
|
-
// The back title also animates in from this position
|
|
36
|
-
const rightOffset = layouts.screen.width / 4;
|
|
37
19
|
const multiplier = direction === 'rtl' ? -1 : 1;
|
|
38
20
|
const progress = add(current.progress.interpolate({
|
|
39
21
|
inputRange: [0, 1],
|
|
@@ -44,46 +26,56 @@ export function forUIKit({
|
|
|
44
26
|
outputRange: [0, 1],
|
|
45
27
|
extrapolate: 'clamp'
|
|
46
28
|
}) : 0);
|
|
29
|
+
if (isLiquidGlassSupported) {
|
|
30
|
+
const opacity = progress.interpolate({
|
|
31
|
+
inputRange: [0, 1, 2],
|
|
32
|
+
outputRange: [
|
|
33
|
+
// FIXME: Liquid glass views don't work properly with `opacity: 0`
|
|
34
|
+
// So we use a small value instead to workaround this issue.
|
|
35
|
+
0.1, 1, 1]
|
|
36
|
+
});
|
|
37
|
+
const translateX = multiply(multiplier, progress.interpolate({
|
|
38
|
+
inputRange: [0, 1, 2],
|
|
39
|
+
outputRange: [layouts.screen.width, 0, -layouts.screen.width * 0.3]
|
|
40
|
+
}));
|
|
41
|
+
return {
|
|
42
|
+
leftButtonStyle: {
|
|
43
|
+
opacity
|
|
44
|
+
},
|
|
45
|
+
rightButtonStyle: {
|
|
46
|
+
opacity
|
|
47
|
+
},
|
|
48
|
+
titleStyle: {
|
|
49
|
+
transform: [{
|
|
50
|
+
translateX
|
|
51
|
+
}]
|
|
52
|
+
},
|
|
53
|
+
backgroundStyle: {
|
|
54
|
+
transform: [{
|
|
55
|
+
translateX
|
|
56
|
+
}]
|
|
57
|
+
}
|
|
58
|
+
};
|
|
59
|
+
}
|
|
60
|
+
const opacity = progress.interpolate({
|
|
61
|
+
inputRange: [0, 1, 2],
|
|
62
|
+
outputRange: [0, 1, 0]
|
|
63
|
+
});
|
|
47
64
|
return {
|
|
48
65
|
leftButtonStyle: {
|
|
49
|
-
opacity
|
|
50
|
-
inputRange: [0.3, 1, 1.5],
|
|
51
|
-
outputRange: [0, 1, 0]
|
|
52
|
-
})
|
|
53
|
-
},
|
|
54
|
-
leftLabelStyle: {
|
|
55
|
-
transform: [{
|
|
56
|
-
translateX: multiply(multiplier, progress.interpolate({
|
|
57
|
-
inputRange: [0, 1, 2],
|
|
58
|
-
outputRange: [leftLabelOffset, 0, -rightOffset]
|
|
59
|
-
}))
|
|
60
|
-
}]
|
|
66
|
+
opacity
|
|
61
67
|
},
|
|
62
68
|
rightButtonStyle: {
|
|
63
|
-
opacity
|
|
64
|
-
inputRange: [0.3, 1, 1.5],
|
|
65
|
-
outputRange: [0, 1, 0]
|
|
66
|
-
})
|
|
69
|
+
opacity
|
|
67
70
|
},
|
|
68
71
|
titleStyle: {
|
|
69
|
-
opacity
|
|
70
|
-
inputRange: [0, 0.5, 0.75, 1, 1.5],
|
|
71
|
-
outputRange: [0, 0, 0.1, 1, 0]
|
|
72
|
-
}),
|
|
73
|
-
transform: [{
|
|
74
|
-
translateX: multiply(multiplier, progress.interpolate({
|
|
75
|
-
inputRange: [0.5, 1, 2],
|
|
76
|
-
outputRange: [rightOffset, 0, -titleLeftOffset]
|
|
77
|
-
}))
|
|
78
|
-
}]
|
|
72
|
+
opacity
|
|
79
73
|
},
|
|
80
74
|
backgroundStyle: {
|
|
81
|
-
|
|
82
|
-
|
|
83
|
-
|
|
84
|
-
|
|
85
|
-
}))
|
|
86
|
-
}]
|
|
75
|
+
opacity: progress.interpolate({
|
|
76
|
+
inputRange: [0, 1, 1.9, 2],
|
|
77
|
+
outputRange: [0, 1, 1, 0]
|
|
78
|
+
})
|
|
87
79
|
}
|
|
88
80
|
};
|
|
89
81
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["
|
|
1
|
+
{"version":3,"names":["isLiquidGlassSupported","Animated","add","multiply","forUIKit","current","next","direction","layouts","multiplier","progress","interpolate","inputRange","outputRange","extrapolate","opacity","translateX","screen","width","leftButtonStyle","rightButtonStyle","titleStyle","transform","backgroundStyle","forFade","forSlideLeft","isRTL","forSlideRight","forSlideUp","header","translateY","height","forNoAnimation"],"sourceRoot":"../../../src","sources":["TransitionConfigs/HeaderStyleInterpolators.tsx"],"mappings":"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","ignoreList":[]}
|
|
@@ -2,7 +2,7 @@
|
|
|
2
2
|
|
|
3
3
|
import { Platform } from 'react-native';
|
|
4
4
|
import { forBottomSheetAndroid, forFadeFromBottomAndroid, forFadeFromCenter as forFadeCard, forFadeFromRightAndroid, forHorizontalIOS, forHorizontalIOSInverted, forModalPresentationIOS, forRevealFromBottomAndroid, forScaleFromCenterAndroid, forVerticalIOS } from "./CardStyleInterpolators.js";
|
|
5
|
-
import { forFade } from "./HeaderStyleInterpolators.js";
|
|
5
|
+
import { forFade, forUIKit } from "./HeaderStyleInterpolators.js";
|
|
6
6
|
import { BottomSheetSlideInSpec, BottomSheetSlideOutSpec, FadeInFromBottomAndroidSpec, FadeOutToBottomAndroidSpec, RevealFromBottomAndroidSpec, ScaleFromCenterAndroidSpec, TransitionIOSSpec } from "./TransitionSpecs.js";
|
|
7
7
|
const ANDROID_VERSION_PIE = 28;
|
|
8
8
|
const ANDROID_VERSION_10 = 29;
|
|
@@ -18,7 +18,7 @@ export const SlideFromRightIOS = {
|
|
|
18
18
|
close: TransitionIOSSpec
|
|
19
19
|
},
|
|
20
20
|
cardStyleInterpolator: forHorizontalIOS,
|
|
21
|
-
headerStyleInterpolator:
|
|
21
|
+
headerStyleInterpolator: forUIKit
|
|
22
22
|
};
|
|
23
23
|
|
|
24
24
|
/**
|
|
@@ -31,7 +31,7 @@ export const ModalSlideFromBottomIOS = {
|
|
|
31
31
|
close: TransitionIOSSpec
|
|
32
32
|
},
|
|
33
33
|
cardStyleInterpolator: forVerticalIOS,
|
|
34
|
-
headerStyleInterpolator:
|
|
34
|
+
headerStyleInterpolator: forUIKit
|
|
35
35
|
};
|
|
36
36
|
|
|
37
37
|
/**
|
|
@@ -44,7 +44,7 @@ export const ModalPresentationIOS = {
|
|
|
44
44
|
close: TransitionIOSSpec
|
|
45
45
|
},
|
|
46
46
|
cardStyleInterpolator: forModalPresentationIOS,
|
|
47
|
-
headerStyleInterpolator:
|
|
47
|
+
headerStyleInterpolator: forUIKit
|
|
48
48
|
};
|
|
49
49
|
|
|
50
50
|
/**
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["Platform","forBottomSheetAndroid","forFadeFromBottomAndroid","forFadeFromCenter","forFadeCard","forFadeFromRightAndroid","forHorizontalIOS","forHorizontalIOSInverted","forModalPresentationIOS","forRevealFromBottomAndroid","forScaleFromCenterAndroid","forVerticalIOS","forFade","BottomSheetSlideInSpec","BottomSheetSlideOutSpec","FadeInFromBottomAndroidSpec","FadeOutToBottomAndroidSpec","RevealFromBottomAndroidSpec","ScaleFromCenterAndroidSpec","TransitionIOSSpec","ANDROID_VERSION_PIE","ANDROID_VERSION_10","ANDROID_VERSION_14","SlideFromRightIOS","gestureDirection","transitionSpec","open","close","cardStyleInterpolator","headerStyleInterpolator","ModalSlideFromBottomIOS","ModalPresentationIOS","FadeFromBottomAndroid","RevealFromBottomAndroid","ScaleFromCenterAndroid","FadeFromRightAndroid","BottomSheetAndroid","ModalFadeTransition","DefaultTransition","select","ios","android","Number","Version","default","ModalTransition","SlideFromLeftIOS"],"sourceRoot":"../../../src","sources":["TransitionConfigs/TransitionPresets.tsx"],"mappings":";;AAAA,SAASA,QAAQ,QAAQ,cAAc;AAGvC,SACEC,qBAAqB,EACrBC,wBAAwB,EACxBC,iBAAiB,IAAIC,WAAW,EAChCC,uBAAuB,EACvBC,gBAAgB,EAChBC,wBAAwB,EACxBC,uBAAuB,EACvBC,0BAA0B,EAC1BC,yBAAyB,EACzBC,cAAc,QACT,6BAA0B;AACjC,SAASC,OAAO,QAAQ,+BAA4B;
|
|
1
|
+
{"version":3,"names":["Platform","forBottomSheetAndroid","forFadeFromBottomAndroid","forFadeFromCenter","forFadeCard","forFadeFromRightAndroid","forHorizontalIOS","forHorizontalIOSInverted","forModalPresentationIOS","forRevealFromBottomAndroid","forScaleFromCenterAndroid","forVerticalIOS","forFade","forUIKit","BottomSheetSlideInSpec","BottomSheetSlideOutSpec","FadeInFromBottomAndroidSpec","FadeOutToBottomAndroidSpec","RevealFromBottomAndroidSpec","ScaleFromCenterAndroidSpec","TransitionIOSSpec","ANDROID_VERSION_PIE","ANDROID_VERSION_10","ANDROID_VERSION_14","SlideFromRightIOS","gestureDirection","transitionSpec","open","close","cardStyleInterpolator","headerStyleInterpolator","ModalSlideFromBottomIOS","ModalPresentationIOS","FadeFromBottomAndroid","RevealFromBottomAndroid","ScaleFromCenterAndroid","FadeFromRightAndroid","BottomSheetAndroid","ModalFadeTransition","DefaultTransition","select","ios","android","Number","Version","default","ModalTransition","SlideFromLeftIOS"],"sourceRoot":"../../../src","sources":["TransitionConfigs/TransitionPresets.tsx"],"mappings":"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","ignoreList":[]}
|
package/lib/module/index.js
CHANGED
|
@@ -8,7 +8,7 @@ import * as TransitionSpecs from "./TransitionConfigs/TransitionSpecs.js";
|
|
|
8
8
|
/**
|
|
9
9
|
* Navigators
|
|
10
10
|
*/
|
|
11
|
-
export { createStackNavigator } from "./navigators/createStackNavigator.js";
|
|
11
|
+
export { createStackNavigator, createStackScreen } from "./navigators/createStackNavigator.js";
|
|
12
12
|
|
|
13
13
|
/**
|
|
14
14
|
* Views
|
package/lib/module/index.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["CardStyleInterpolators","HeaderStyleInterpolators","TransitionPresets","TransitionSpecs","createStackNavigator","Header","StackView","CardAnimationContext","GestureHandlerRefContext","useCardAnimation","useGestureHandlerRef"],"sourceRoot":"../../src","sources":["index.tsx"],"mappings":";;AAAA,OAAO,KAAKA,sBAAsB,MAAM,+CAA4C;AACpF,OAAO,KAAKC,wBAAwB,MAAM,iDAA8C;AACxF,OAAO,KAAKC,iBAAiB,MAAM,0CAAuC;AAC1E,OAAO,KAAKC,eAAe,MAAM,wCAAqC;;AAEtE;AACA;AACA;AACA,
|
|
1
|
+
{"version":3,"names":["CardStyleInterpolators","HeaderStyleInterpolators","TransitionPresets","TransitionSpecs","createStackNavigator","createStackScreen","Header","StackView","CardAnimationContext","GestureHandlerRefContext","useCardAnimation","useGestureHandlerRef"],"sourceRoot":"../../src","sources":["index.tsx"],"mappings":";;AAAA,OAAO,KAAKA,sBAAsB,MAAM,+CAA4C;AACpF,OAAO,KAAKC,wBAAwB,MAAM,iDAA8C;AACxF,OAAO,KAAKC,iBAAiB,MAAM,0CAAuC;AAC1E,OAAO,KAAKC,eAAe,MAAM,wCAAqC;;AAEtE;AACA;AACA;AACA,SACEC,oBAAoB,EACpBC,iBAAiB,QACZ,sCAAmC;;AAE1C;AACA;AACA;AACA,SAASC,MAAM,QAAQ,0BAAuB;AAC9C,SAASC,SAAS,QAAQ,4BAAyB;;AAEnD;AACA;AACA;AACA,SACEP,sBAAsB,EACtBC,wBAAwB,EACxBC,iBAAiB,EACjBC,eAAe;;AAGjB;AACA;AACA;AACA,SAASK,oBAAoB,QAAQ,iCAA8B;AACnE,SAASC,wBAAwB,QAAQ,qCAAkC;AAC3E,SAASC,gBAAgB,QAAQ,6BAA0B;AAC3D,SAASC,oBAAoB,QAAQ,iCAA8B;;AAEnE;AACA;AACA","ignoreList":[]}
|
|
@@ -5,15 +5,14 @@ import * as React from 'react';
|
|
|
5
5
|
import { StackView } from "../views/Stack/StackView.js";
|
|
6
6
|
import { jsx as _jsx } from "react/jsx-runtime";
|
|
7
7
|
function StackNavigator({
|
|
8
|
-
id,
|
|
9
8
|
initialRouteName,
|
|
10
|
-
|
|
9
|
+
routeNamesChangeBehavior,
|
|
11
10
|
children,
|
|
12
11
|
layout,
|
|
13
12
|
screenListeners,
|
|
14
13
|
screenOptions,
|
|
15
14
|
screenLayout,
|
|
16
|
-
|
|
15
|
+
router,
|
|
17
16
|
...rest
|
|
18
17
|
}) {
|
|
19
18
|
const {
|
|
@@ -26,15 +25,14 @@ function StackNavigator({
|
|
|
26
25
|
navigation,
|
|
27
26
|
NavigationContent
|
|
28
27
|
} = useNavigationBuilder(StackRouter, {
|
|
29
|
-
id,
|
|
30
28
|
initialRouteName,
|
|
31
|
-
|
|
29
|
+
routeNamesChangeBehavior,
|
|
32
30
|
children,
|
|
33
31
|
layout,
|
|
34
32
|
screenListeners,
|
|
35
33
|
screenOptions,
|
|
36
34
|
screenLayout,
|
|
37
|
-
|
|
35
|
+
router
|
|
38
36
|
});
|
|
39
37
|
React.useEffect(() =>
|
|
40
38
|
// @ts-expect-error: there may not be a tab navigator in parent
|
|
@@ -68,4 +66,7 @@ function StackNavigator({
|
|
|
68
66
|
export function createStackNavigator(config) {
|
|
69
67
|
return createNavigatorFactory(StackNavigator)(config);
|
|
70
68
|
}
|
|
69
|
+
export function createStackScreen(config) {
|
|
70
|
+
return config;
|
|
71
|
+
}
|
|
71
72
|
//# sourceMappingURL=createStackNavigator.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["createNavigatorFactory","StackActions","StackRouter","useLocale","useNavigationBuilder","React","StackView","jsx","_jsx","StackNavigator","
|
|
1
|
+
{"version":3,"names":["createNavigatorFactory","StackActions","StackRouter","useLocale","useNavigationBuilder","React","StackView","jsx","_jsx","StackNavigator","initialRouteName","routeNamesChangeBehavior","children","layout","screenListeners","screenOptions","screenLayout","router","rest","direction","state","describe","descriptors","navigation","NavigationContent","useEffect","addListener","e","isFocused","requestAnimationFrame","index","defaultPrevented","dispatch","popToTop","target","key","createStackNavigator","config","createStackScreen"],"sourceRoot":"../../../src","sources":["navigators/createStackNavigator.tsx"],"mappings":";;AAAA,SACEA,sBAAsB,EAItBC,YAAY,EAEZC,WAAW,EAQXC,SAAS,EACTC,oBAAoB,QACf,0BAA0B;AACjC,OAAO,KAAKC,KAAK,MAAM,OAAO;AAQ9B,SAASC,SAAS,QAAQ,6BAA0B;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAErD,SAASC,cAAcA,CAAC;EACtBC,gBAAgB;EAChBC,wBAAwB;EACxBC,QAAQ;EACRC,MAAM;EACNC,eAAe;EACfC,aAAa;EACbC,YAAY;EACZC,MAAM;EACN,GAAGC;AACgB,CAAC,EAAE;EACtB,MAAM;IAAEC;EAAU,CAAC,GAAGhB,SAAS,CAAC,CAAC;EAEjC,MAAM;IAAEiB,KAAK;IAAEC,QAAQ;IAAEC,WAAW;IAAEC,UAAU;IAAEC;EAAkB,CAAC,GACnEpB,oBAAoB,CAMlBF,WAAW,EAAE;IACbQ,gBAAgB;IAChBC,wBAAwB;IACxBC,QAAQ;IACRC,MAAM;IACNC,eAAe;IACfC,aAAa;IACbC,YAAY;IACZC;EACF,CAAC,CAAC;EAEJZ,KAAK,CAACoB,SAAS,CACb;EACE;EACAF,UAAU,CAACG,WAAW,GAAG,UAAU,EAAGC,CAAC,IAAK;IAC1C,MAAMC,SAAS,GAAGL,UAAU,CAACK,SAAS,CAAC,CAAC;;IAExC;IACA;IACAC,qBAAqB,CAAC,MAAM;MAC1B,IACET,KAAK,CAACU,KAAK,GAAG,CAAC,IACfF,SAAS,IACT,CAAED,CAAC,CAA2CI,gBAAgB,EAC9D;QACA;QACA;QACAR,UAAU,CAACS,QAAQ,CAAC;UAClB,GAAG/B,YAAY,CAACgC,QAAQ,CAAC,CAAC;UAC1BC,MAAM,EAAEd,KAAK,CAACe;QAChB,CAAC,CAAC;MACJ;IACF,CAAC,CAAC;EACJ,CAAC,CAAC,EACJ,CAACZ,UAAU,EAAEH,KAAK,CAACU,KAAK,EAAEV,KAAK,CAACe,GAAG,CACrC,CAAC;EAED,oBACE3B,IAAA,CAACgB,iBAAiB;IAAAZ,QAAA,eAChBJ,IAAA,CAACF,SAAS;MAAA,GACJY,IAAI;MACRC,SAAS,EAAEA,SAAU;MACrBC,KAAK,EAAEA,KAAM;MACbC,QAAQ,EAAEA,QAAS;MACnBC,WAAW,EAAEA,WAAY;MACzBC,UAAU,EAAEA;IAAW,CACxB;EAAC,CACe,CAAC;AAExB;AAqBA,OAAO,SAASa,oBAAoBA,CAACC,MAAgB,EAAE;EACrD,OAAOrC,sBAAsB,CAACS,cAAc,CAAC,CAAC4B,MAAM,CAAC;AACvD;AAEA,OAAO,SAASC,iBAAiBA,CAI/BD,MAOC,EACD;EACA,OAAOA,MAAM;AACf","ignoreList":[]}
|
|
@@ -1,21 +1,19 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
|
-
import Color from 'color';
|
|
4
3
|
import { Platform } from 'react-native';
|
|
5
4
|
export function getShadowStyle({
|
|
6
5
|
offset,
|
|
7
6
|
radius,
|
|
8
|
-
opacity
|
|
9
|
-
color = '#000'
|
|
7
|
+
opacity
|
|
10
8
|
}) {
|
|
11
9
|
const result = Platform.select({
|
|
12
10
|
web: {
|
|
13
|
-
boxShadow: `${offset.width}px ${offset.height}px ${radius}px ${
|
|
11
|
+
boxShadow: `${offset.width}px ${offset.height}px ${radius}px rgba(0, 0, 0, ${opacity})`
|
|
14
12
|
},
|
|
15
13
|
default: {
|
|
16
14
|
shadowOffset: offset,
|
|
17
15
|
shadowRadius: radius,
|
|
18
|
-
shadowColor:
|
|
16
|
+
shadowColor: '#000',
|
|
19
17
|
shadowOpacity: opacity
|
|
20
18
|
}
|
|
21
19
|
});
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["
|
|
1
|
+
{"version":3,"names":["Platform","getShadowStyle","offset","radius","opacity","result","select","web","boxShadow","width","height","default","shadowOffset","shadowRadius","shadowColor","shadowOpacity"],"sourceRoot":"../../../src","sources":["utils/getShadowStyle.tsx"],"mappings":";;AAAA,SAASA,QAAQ,QAAQ,cAAc;AAWvC,OAAO,SAASC,cAAcA,CAAC;EAAEC,MAAM;EAAEC,MAAM;EAAEC;AAAsB,CAAC,EAAE;EACxE,MAAMC,MAAM,GAAGL,QAAQ,CAACM,MAAM,CAAC;IAC7BC,GAAG,EAAE;MACHC,SAAS,EAAE,GAAGN,MAAM,CAACO,KAAK,MAAMP,MAAM,CAACQ,MAAM,MAAMP,MAAM,oBAAoBC,OAAO;IACtF,CAAC;IACDO,OAAO,EAAE;MACPC,YAAY,EAAEV,MAAM;MACpBW,YAAY,EAAEV,MAAM;MACpBW,WAAW,EAAE,MAAM;MACnBC,aAAa,EAAEX;IACjB;EACF,CAAC,CAAC;EAEF,OAAOC,MAAM;AACf","ignoreList":[]}
|
|
@@ -10,7 +10,6 @@ import { HeaderSegment } from "./HeaderSegment.js";
|
|
|
10
10
|
import { jsx as _jsx } from "react/jsx-runtime";
|
|
11
11
|
export const Header = /*#__PURE__*/React.memo(function Header({
|
|
12
12
|
back,
|
|
13
|
-
layout,
|
|
14
13
|
progress,
|
|
15
14
|
options,
|
|
16
15
|
route,
|
|
@@ -44,7 +43,6 @@ export const Header = /*#__PURE__*/React.memo(function Header({
|
|
|
44
43
|
...options,
|
|
45
44
|
title: getHeaderTitle(options, route.name),
|
|
46
45
|
progress: progress,
|
|
47
|
-
layout: layout,
|
|
48
46
|
modal: isModal,
|
|
49
47
|
headerBackTitle: options.headerBackTitle !== undefined ? options.headerBackTitle : previousTitle,
|
|
50
48
|
headerStatusBarHeight: statusBarHeight,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["getHeaderTitle","HeaderShownContext","StackActions","React","useSafeAreaInsets","ModalPresentationContext","throttle","HeaderSegment","jsx","_jsx","Header","memo","back","
|
|
1
|
+
{"version":3,"names":["getHeaderTitle","HeaderShownContext","StackActions","React","useSafeAreaInsets","ModalPresentationContext","throttle","HeaderSegment","jsx","_jsx","Header","memo","back","progress","options","route","navigation","styleInterpolator","insets","previousTitle","headerBackTitle","undefined","title","goBack","useCallback","isFocused","canGoBack","dispatch","pop","source","key","isModal","useContext","isParentHeaderShown","statusBarHeight","headerStatusBarHeight","top","name","modal","onGoBack","backHref","href"],"sourceRoot":"../../../../src","sources":["views/Header/Header.tsx"],"mappings":";;AAAA,SAASA,cAAc,EAAEC,kBAAkB,QAAQ,4BAA4B;AAC/E,SAASC,YAAY,QAAQ,0BAA0B;AACvD,OAAO,KAAKC,KAAK,MAAM,OAAO;AAC9B,SAASC,iBAAiB,QAAQ,gCAAgC;AAGlE,SAASC,wBAAwB,QAAQ,yCAAsC;AAC/E,SAASC,QAAQ,QAAQ,yBAAsB;AAC/C,SAASC,aAAa,QAAQ,oBAAiB;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAEhD,OAAO,MAAMC,MAAM,gBAAGP,KAAK,CAACQ,IAAI,CAAC,SAASD,MAAMA,CAAC;EAC/CE,IAAI;EACJC,QAAQ;EACRC,OAAO;EACPC,KAAK;EACLC,UAAU;EACVC;AACgB,CAAC,EAAE;EACnB,MAAMC,MAAM,GAAGd,iBAAiB,CAAC,CAAC;EAElC,IAAIe,aAAa;;EAEjB;EACA;EACA,IAAIL,OAAO,CAACM,eAAe,KAAKC,SAAS,EAAE;IACzCF,aAAa,GAAGL,OAAO,CAACM,eAAe;EACzC,CAAC,MAAM,IAAIR,IAAI,EAAE;IACfO,aAAa,GAAGP,IAAI,CAACU,KAAK;EAC5B;;EAEA;EACA,MAAMC,MAAM,GAAGpB,KAAK,CAACqB,WAAW,CAC9BlB,QAAQ,CAAC,MAAM;IACb,IAAIU,UAAU,CAACS,SAAS,CAAC,CAAC,IAAIT,UAAU,CAACU,SAAS,CAAC,CAAC,EAAE;MACpDV,UAAU,CAACW,QAAQ,CAAC;QAClB,GAAGzB,YAAY,CAAC0B,GAAG,CAAC,CAAC;QACrBC,MAAM,EAAEd,KAAK,CAACe;MAChB,CAAC,CAAC;IACJ;EACF,CAAC,EAAE,EAAE,CAAC,EACN,CAACd,UAAU,EAAED,KAAK,CAACe,GAAG,CACxB,CAAC;EAED,MAAMC,OAAO,GAAG5B,KAAK,CAAC6B,UAAU,CAAC3B,wBAAwB,CAAC;EAC1D,MAAM4B,mBAAmB,GAAG9B,KAAK,CAAC6B,UAAU,CAAC/B,kBAAkB,CAAC;EAEhE,MAAMiC,eAAe,GACnBpB,OAAO,CAACqB,qBAAqB,KAAKd,SAAS,GACvCP,OAAO,CAACqB,qBAAqB,GAC7BJ,OAAO,IAAIE,mBAAmB,GAC5B,CAAC,GACDf,MAAM,CAACkB,GAAG;EAElB,oBACE3B,IAAA,CAACF,aAAa;IAAA,GACRO,OAAO;IACXQ,KAAK,EAAEtB,cAAc,CAACc,OAAO,EAAEC,KAAK,CAACsB,IAAI,CAAE;IAC3CxB,QAAQ,EAAEA,QAAS;IACnByB,KAAK,EAAEP,OAAQ;IACfX,eAAe,EACbN,OAAO,CAACM,eAAe,KAAKC,SAAS,GACjCP,OAAO,CAACM,eAAe,GACvBD,aACL;IACDgB,qBAAqB,EAAED,eAAgB;IACvCK,QAAQ,EAAE3B,IAAI,GAAGW,MAAM,GAAGF,SAAU;IACpCmB,QAAQ,EAAE5B,IAAI,GAAGA,IAAI,CAAC6B,IAAI,GAAGpB,SAAU;IACvCJ,iBAAiB,EAAEA;EAAkB,CACtC,CAAC;AAEN,CAAC,CAAC","ignoreList":[]}
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
3
|
import { getHeaderTitle, HeaderBackContext } from '@react-navigation/elements';
|
|
4
|
-
import {
|
|
4
|
+
import { NavigationProvider, useLinkBuilder } from '@react-navigation/native';
|
|
5
5
|
import * as React from 'react';
|
|
6
6
|
import { StyleSheet, View } from 'react-native';
|
|
7
7
|
import { forNoAnimation, forSlideLeft, forSlideRight, forSlideUp } from "../../TransitionConfigs/HeaderStyleInterpolators.js";
|
|
@@ -10,7 +10,6 @@ import { jsx as _jsx } from "react/jsx-runtime";
|
|
|
10
10
|
export function HeaderContainer({
|
|
11
11
|
mode,
|
|
12
12
|
scenes,
|
|
13
|
-
layout,
|
|
14
13
|
getPreviousScene,
|
|
15
14
|
getFocusedRoute,
|
|
16
15
|
onContentHeightChange,
|
|
@@ -22,8 +21,7 @@ export function HeaderContainer({
|
|
|
22
21
|
buildHref
|
|
23
22
|
} = useLinkBuilder();
|
|
24
23
|
return /*#__PURE__*/_jsx(View, {
|
|
25
|
-
|
|
26
|
-
style: style,
|
|
24
|
+
style: [styles.container, style],
|
|
27
25
|
children: scenes.slice(-2).map((scene, i, self) => {
|
|
28
26
|
if (mode === 'screen' && i !== self.length - 1 || !scene) {
|
|
29
27
|
return null;
|
|
@@ -80,7 +78,6 @@ export function HeaderContainer({
|
|
|
80
78
|
// A hacky way to check this is if the next scene exists
|
|
81
79
|
!nextDescriptor || nextHeaderlessScene;
|
|
82
80
|
const props = {
|
|
83
|
-
layout,
|
|
84
81
|
back: headerBack,
|
|
85
82
|
progress: scene.progress,
|
|
86
83
|
options: scene.descriptor.options,
|
|
@@ -88,29 +85,28 @@ export function HeaderContainer({
|
|
|
88
85
|
navigation: scene.descriptor.navigation,
|
|
89
86
|
styleInterpolator: mode === 'float' ? isHeaderStatic ? nextHeaderlessGestureDirection === 'vertical' || nextHeaderlessGestureDirection === 'vertical-inverted' ? forSlideUp : nextHeaderlessGestureDirection === 'horizontal-inverted' ? forSlideRight : forSlideLeft : headerStyleInterpolator : forNoAnimation
|
|
90
87
|
};
|
|
91
|
-
return /*#__PURE__*/_jsx(
|
|
92
|
-
|
|
93
|
-
|
|
94
|
-
|
|
95
|
-
|
|
96
|
-
|
|
97
|
-
|
|
98
|
-
|
|
99
|
-
|
|
100
|
-
|
|
101
|
-
|
|
102
|
-
|
|
103
|
-
|
|
104
|
-
|
|
105
|
-
|
|
106
|
-
|
|
107
|
-
|
|
108
|
-
|
|
109
|
-
|
|
110
|
-
|
|
111
|
-
|
|
112
|
-
|
|
113
|
-
})
|
|
88
|
+
return /*#__PURE__*/_jsx(NavigationProvider, {
|
|
89
|
+
navigation: scene.descriptor.navigation,
|
|
90
|
+
route: scene.descriptor.route,
|
|
91
|
+
children: /*#__PURE__*/_jsx(View, {
|
|
92
|
+
onLayout: onContentHeightChange ? e => {
|
|
93
|
+
const {
|
|
94
|
+
height
|
|
95
|
+
} = e.nativeEvent.layout;
|
|
96
|
+
onContentHeightChange({
|
|
97
|
+
route: scene.descriptor.route,
|
|
98
|
+
height
|
|
99
|
+
});
|
|
100
|
+
} : undefined,
|
|
101
|
+
"aria-hidden": !isFocused,
|
|
102
|
+
style: [
|
|
103
|
+
// Avoid positioning the focused header absolutely
|
|
104
|
+
// Otherwise accessibility tools don't seem to be able to find it
|
|
105
|
+
mode === 'float' && !isFocused || headerTransparent ? styles.header : null, {
|
|
106
|
+
pointerEvents: isFocused ? 'box-none' : 'none'
|
|
107
|
+
}],
|
|
108
|
+
children: header !== undefined ? header(props) : /*#__PURE__*/_jsx(Header, {
|
|
109
|
+
...props
|
|
114
110
|
})
|
|
115
111
|
})
|
|
116
112
|
}, scene.descriptor.route.key);
|
|
@@ -118,6 +114,9 @@ export function HeaderContainer({
|
|
|
118
114
|
});
|
|
119
115
|
}
|
|
120
116
|
const styles = StyleSheet.create({
|
|
117
|
+
container: {
|
|
118
|
+
pointerEvents: 'box-none'
|
|
119
|
+
},
|
|
121
120
|
header: {
|
|
122
121
|
position: 'absolute',
|
|
123
122
|
top: 0,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["getHeaderTitle","HeaderBackContext","
|
|
1
|
+
{"version":3,"names":["getHeaderTitle","HeaderBackContext","NavigationProvider","useLinkBuilder","React","StyleSheet","View","forNoAnimation","forSlideLeft","forSlideRight","forSlideUp","Header","jsx","_jsx","HeaderContainer","mode","scenes","getPreviousScene","getFocusedRoute","onContentHeightChange","style","focusedRoute","parentHeaderBack","useContext","buildHref","styles","container","children","slice","map","scene","i","self","length","header","headerMode","headerShown","headerTransparent","headerStyleInterpolator","descriptor","options","isFocused","key","route","previousScene","headerBack","title","name","href","params","previousDescriptor","nextDescriptor","previousHeaderShown","previousHeaderMode","nextHeaderlessScene","find","currentHeaderShown","currentHeaderMode","gestureDirection","nextHeaderlessGestureDirection","isHeaderStatic","props","back","progress","navigation","styleInterpolator","onLayout","e","height","nativeEvent","layout","undefined","pointerEvents","create","position","top","start","end"],"sourceRoot":"../../../../src","sources":["views/Header/HeaderContainer.tsx"],"mappings":"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","ignoreList":[]}
|
|
@@ -1,47 +1,17 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
|
-
import { getDefaultHeaderHeight, Header, HeaderBackButton, HeaderTitle } from '@react-navigation/elements';
|
|
3
|
+
import { getDefaultHeaderHeight, Header, HeaderBackButton, HeaderTitle, useFrameSize } from '@react-navigation/elements';
|
|
4
4
|
import { useLocale } from '@react-navigation/native';
|
|
5
5
|
import * as React from 'react';
|
|
6
|
-
import {
|
|
6
|
+
import { StyleSheet } from 'react-native';
|
|
7
7
|
import { jsx as _jsx } from "react/jsx-runtime";
|
|
8
8
|
export function HeaderSegment(props) {
|
|
9
9
|
const {
|
|
10
10
|
direction
|
|
11
11
|
} = useLocale();
|
|
12
|
-
const
|
|
13
|
-
const [titleLayout, setTitleLayout] = React.useState(undefined);
|
|
14
|
-
const handleTitleLayout = e => {
|
|
15
|
-
const {
|
|
16
|
-
height,
|
|
17
|
-
width
|
|
18
|
-
} = e.nativeEvent.layout;
|
|
19
|
-
setTitleLayout(titleLayout => {
|
|
20
|
-
if (titleLayout && height === titleLayout.height && width === titleLayout.width) {
|
|
21
|
-
return titleLayout;
|
|
22
|
-
}
|
|
23
|
-
return {
|
|
24
|
-
height,
|
|
25
|
-
width
|
|
26
|
-
};
|
|
27
|
-
});
|
|
28
|
-
};
|
|
29
|
-
const handleLeftLabelLayout = e => {
|
|
30
|
-
const {
|
|
31
|
-
height,
|
|
32
|
-
width
|
|
33
|
-
} = e.nativeEvent.layout;
|
|
34
|
-
if (leftLabelLayout && height === leftLabelLayout.height && width === leftLabelLayout.width) {
|
|
35
|
-
return;
|
|
36
|
-
}
|
|
37
|
-
setLeftLabelLayout({
|
|
38
|
-
height,
|
|
39
|
-
width
|
|
40
|
-
});
|
|
41
|
-
};
|
|
12
|
+
const layout = useFrameSize(frame => frame, true);
|
|
42
13
|
const {
|
|
43
14
|
progress,
|
|
44
|
-
layout,
|
|
45
15
|
modal,
|
|
46
16
|
onGoBack,
|
|
47
17
|
backHref,
|
|
@@ -52,7 +22,7 @@ export function HeaderSegment(props) {
|
|
|
52
22
|
headerRight: right,
|
|
53
23
|
headerBackImage,
|
|
54
24
|
headerBackTitle,
|
|
55
|
-
headerBackButtonDisplayMode
|
|
25
|
+
headerBackButtonDisplayMode,
|
|
56
26
|
headerBackTruncatedTitle,
|
|
57
27
|
headerBackAccessibilityLabel,
|
|
58
28
|
headerBackTestID,
|
|
@@ -67,7 +37,11 @@ export function HeaderSegment(props) {
|
|
|
67
37
|
styleInterpolator,
|
|
68
38
|
...rest
|
|
69
39
|
} = props;
|
|
70
|
-
const defaultHeight = getDefaultHeaderHeight(
|
|
40
|
+
const defaultHeight = getDefaultHeaderHeight({
|
|
41
|
+
landscape: layout.width > layout.height,
|
|
42
|
+
modalPresentation: modal,
|
|
43
|
+
topInset: headerStatusBarHeight
|
|
44
|
+
});
|
|
71
45
|
const {
|
|
72
46
|
height = defaultHeight
|
|
73
47
|
} = StyleSheet.flatten(customHeaderStyle || {});
|
|
@@ -75,7 +49,6 @@ export function HeaderSegment(props) {
|
|
|
75
49
|
const {
|
|
76
50
|
titleStyle,
|
|
77
51
|
leftButtonStyle,
|
|
78
|
-
leftLabelStyle,
|
|
79
52
|
rightButtonStyle,
|
|
80
53
|
backgroundStyle
|
|
81
54
|
} = React.useMemo(() => styleInterpolator({
|
|
@@ -91,11 +64,9 @@ export function HeaderSegment(props) {
|
|
|
91
64
|
height: headerHeight,
|
|
92
65
|
width: layout.width
|
|
93
66
|
},
|
|
94
|
-
screen: layout
|
|
95
|
-
title: titleLayout,
|
|
96
|
-
leftLabel: leftLabelLayout
|
|
67
|
+
screen: layout
|
|
97
68
|
}
|
|
98
|
-
}), [styleInterpolator, progress, direction, headerHeight, layout
|
|
69
|
+
}), [styleInterpolator, progress, direction, headerHeight, layout]);
|
|
99
70
|
const headerLeft = left ? props => left({
|
|
100
71
|
...props,
|
|
101
72
|
href: backHref,
|
|
@@ -106,10 +77,7 @@ export function HeaderSegment(props) {
|
|
|
106
77
|
onPress: onGoBack,
|
|
107
78
|
label: headerBackTitle,
|
|
108
79
|
truncatedLabel: headerBackTruncatedTitle,
|
|
109
|
-
labelStyle:
|
|
110
|
-
onLabelLayout: handleLeftLabelLayout,
|
|
111
|
-
screenLayout: layout,
|
|
112
|
-
titleLayout,
|
|
80
|
+
labelStyle: headerBackTitleStyle,
|
|
113
81
|
canGoBack: Boolean(onGoBack)
|
|
114
82
|
}) : undefined;
|
|
115
83
|
const headerRight = right ? props => right({
|
|
@@ -117,15 +85,10 @@ export function HeaderSegment(props) {
|
|
|
117
85
|
canGoBack: Boolean(onGoBack)
|
|
118
86
|
}) : undefined;
|
|
119
87
|
const headerTitle = typeof title !== 'function' ? props => /*#__PURE__*/_jsx(HeaderTitle, {
|
|
120
|
-
...props
|
|
121
|
-
|
|
122
|
-
}) : props => title({
|
|
123
|
-
...props,
|
|
124
|
-
onLayout: handleTitleLayout
|
|
125
|
-
});
|
|
88
|
+
...props
|
|
89
|
+
}) : title;
|
|
126
90
|
return /*#__PURE__*/_jsx(Header, {
|
|
127
91
|
modal: modal,
|
|
128
|
-
layout: layout,
|
|
129
92
|
headerTitle: headerTitle,
|
|
130
93
|
headerLeft: headerLeft,
|
|
131
94
|
headerRight: headerRight,
|