@react-navigation/elements 2.0.0-alpha.11 → 2.0.0-alpha.13
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/Header/Header.js +5 -5
- package/lib/commonjs/Header/Header.js.map +1 -1
- package/lib/commonjs/Header/HeaderBackButton.js +4 -4
- package/lib/commonjs/Header/HeaderBackButton.js.map +1 -1
- package/lib/commonjs/SafeAreaProviderCompat.js +66 -0
- package/lib/commonjs/SafeAreaProviderCompat.js.map +1 -1
- package/lib/commonjs/Screen.js +2 -2
- package/lib/commonjs/Screen.js.map +1 -1
- package/lib/commonjs/getDefaultSidebarWidth.js +10 -12
- package/lib/commonjs/getDefaultSidebarWidth.js.map +1 -1
- package/lib/module/Header/Header.js +5 -5
- package/lib/module/Header/Header.js.map +1 -1
- package/lib/module/Header/HeaderBackButton.js +4 -4
- package/lib/module/Header/HeaderBackButton.js.map +1 -1
- package/lib/module/SafeAreaProviderCompat.js +67 -1
- package/lib/module/SafeAreaProviderCompat.js.map +1 -1
- package/lib/module/Screen.js +2 -2
- package/lib/module/Screen.js.map +1 -1
- package/lib/module/getDefaultSidebarWidth.js +10 -12
- package/lib/module/getDefaultSidebarWidth.js.map +1 -1
- package/lib/typescript/src/SafeAreaProviderCompat.d.ts +2 -1
- package/lib/typescript/src/SafeAreaProviderCompat.d.ts.map +1 -1
- package/lib/typescript/src/getDefaultSidebarWidth.d.ts +1 -2
- package/lib/typescript/src/getDefaultSidebarWidth.d.ts.map +1 -1
- package/package.json +4 -4
- package/src/Header/Header.tsx +5 -5
- package/src/Header/HeaderBackButton.tsx +4 -4
- package/src/SafeAreaProviderCompat.tsx +75 -0
- package/src/Screen.tsx +2 -2
- package/src/getDefaultSidebarWidth.tsx +11 -18
|
@@ -193,7 +193,7 @@ function Header(props) {
|
|
|
193
193
|
style: styles.content
|
|
194
194
|
}, /*#__PURE__*/React.createElement(_reactNative.Animated.View, {
|
|
195
195
|
pointerEvents: "box-none",
|
|
196
|
-
style: [styles.
|
|
196
|
+
style: [styles.start, headerTitleAlign === 'center' && styles.expand, {
|
|
197
197
|
marginStart: insets.left
|
|
198
198
|
}, leftContainerStyle]
|
|
199
199
|
}, leftButton), /*#__PURE__*/React.createElement(_reactNative.Animated.View, {
|
|
@@ -202,7 +202,7 @@ function Header(props) {
|
|
|
202
202
|
// Avoid the title from going offscreen or overlapping buttons
|
|
203
203
|
maxWidth: headerTitleAlign === 'center' ? layout.width - ((leftButton ? headerLeftLabelVisible !== false ? 80 : 32 : 16) + Math.max(insets.left, insets.right)) * 2 : layout.width - ((leftButton ? 72 : 16) + (rightButton ? 72 : 16) + insets.left - insets.right)
|
|
204
204
|
}, headerTitleAlign === 'left' && leftButton ? {
|
|
205
|
-
|
|
205
|
+
marginStart: 4
|
|
206
206
|
} : null, titleContainerStyle]
|
|
207
207
|
}, headerTitle({
|
|
208
208
|
children: title,
|
|
@@ -211,7 +211,7 @@ function Header(props) {
|
|
|
211
211
|
style: titleStyle
|
|
212
212
|
})), /*#__PURE__*/React.createElement(_reactNative.Animated.View, {
|
|
213
213
|
pointerEvents: "box-none",
|
|
214
|
-
style: [styles.
|
|
214
|
+
style: [styles.end, styles.expand, {
|
|
215
215
|
marginEnd: insets.right
|
|
216
216
|
}, rightContainerStyle]
|
|
217
217
|
}, rightButton)));
|
|
@@ -226,11 +226,11 @@ const styles = _reactNative.StyleSheet.create({
|
|
|
226
226
|
marginHorizontal: 16,
|
|
227
227
|
justifyContent: 'center'
|
|
228
228
|
},
|
|
229
|
-
|
|
229
|
+
start: {
|
|
230
230
|
justifyContent: 'center',
|
|
231
231
|
alignItems: 'flex-start'
|
|
232
232
|
},
|
|
233
|
-
|
|
233
|
+
end: {
|
|
234
234
|
justifyContent: 'center',
|
|
235
235
|
alignItems: 'flex-end'
|
|
236
236
|
},
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["React","_interopRequireWildcard","require","_reactNative","_reactNativeSafeAreaContext","_getDefaultHeaderHeight","_HeaderBackground","_HeaderShownContext","_HeaderTitle","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","prototype","hasOwnProperty","call","i","set","warnIfHeaderStylesDefined","styles","keys","forEach","styleProp","value","console","warn","undefined","Header","props","insets","useSafeAreaInsets","frame","useSafeAreaFrame","isParentHeaderShown","useContext","HeaderShownContext","hasDynamicIsland","Platform","OS","top","statusBarHeight","layout","modal","title","headerTitle","customTitle","headerTitleAlign","select","ios","headerLeft","headerLeftLabelVisible","headerTransparent","headerTintColor","headerBackground","headerRight","headerTitleAllowFontScaling","titleAllowFontScaling","headerTitleStyle","titleStyle","headerLeftContainerStyle","leftContainerStyle","headerRightContainerStyle","rightContainerStyle","headerTitleContainerStyle","titleContainerStyle","headerBackgroundContainerStyle","backgroundContainerStyle","headerStyle","customHeaderStyle","headerShadowVisible","headerPressColor","headerPressOpacity","headerStatusBarHeight","defaultHeight","getDefaultHeaderHeight","height","minHeight","maxHeight","backgroundColor","borderBottomColor","borderBottomEndRadius","borderBottomLeftRadius","borderBottomRightRadius","borderBottomStartRadius","borderBottomWidth","borderColor","borderEndColor","borderEndWidth","borderLeftColor","borderLeftWidth","borderRadius","borderRightColor","borderRightWidth","borderStartColor","borderStartWidth","borderStyle","borderTopColor","borderTopEndRadius","borderTopLeftRadius","borderTopRightRadius","borderTopStartRadius","borderTopWidth","borderWidth","boxShadow","elevation","shadowColor","shadowOffset","shadowOpacity","shadowRadius","opacity","transform","unsafeStyles","StyleSheet","flatten","process","env","NODE_ENV","safeStyles","backgroundStyle","leftButton","tintColor","pressColor","pressOpacity","labelVisible","rightButton","createElement","HeaderTitle","Animated","View","pointerEvents","style","absoluteFill","HeaderBackground","content","
|
|
1
|
+
{"version":3,"names":["React","_interopRequireWildcard","require","_reactNative","_reactNativeSafeAreaContext","_getDefaultHeaderHeight","_HeaderBackground","_HeaderShownContext","_HeaderTitle","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","prototype","hasOwnProperty","call","i","set","warnIfHeaderStylesDefined","styles","keys","forEach","styleProp","value","console","warn","undefined","Header","props","insets","useSafeAreaInsets","frame","useSafeAreaFrame","isParentHeaderShown","useContext","HeaderShownContext","hasDynamicIsland","Platform","OS","top","statusBarHeight","layout","modal","title","headerTitle","customTitle","headerTitleAlign","select","ios","headerLeft","headerLeftLabelVisible","headerTransparent","headerTintColor","headerBackground","headerRight","headerTitleAllowFontScaling","titleAllowFontScaling","headerTitleStyle","titleStyle","headerLeftContainerStyle","leftContainerStyle","headerRightContainerStyle","rightContainerStyle","headerTitleContainerStyle","titleContainerStyle","headerBackgroundContainerStyle","backgroundContainerStyle","headerStyle","customHeaderStyle","headerShadowVisible","headerPressColor","headerPressOpacity","headerStatusBarHeight","defaultHeight","getDefaultHeaderHeight","height","minHeight","maxHeight","backgroundColor","borderBottomColor","borderBottomEndRadius","borderBottomLeftRadius","borderBottomRightRadius","borderBottomStartRadius","borderBottomWidth","borderColor","borderEndColor","borderEndWidth","borderLeftColor","borderLeftWidth","borderRadius","borderRightColor","borderRightWidth","borderStartColor","borderStartWidth","borderStyle","borderTopColor","borderTopEndRadius","borderTopLeftRadius","borderTopRightRadius","borderTopStartRadius","borderTopWidth","borderWidth","boxShadow","elevation","shadowColor","shadowOffset","shadowOpacity","shadowRadius","opacity","transform","unsafeStyles","StyleSheet","flatten","process","env","NODE_ENV","safeStyles","backgroundStyle","leftButton","tintColor","pressColor","pressOpacity","labelVisible","rightButton","createElement","HeaderTitle","Animated","View","pointerEvents","style","absoluteFill","HeaderBackground","content","start","expand","marginStart","left","maxWidth","width","Math","max","right","children","allowFontScaling","end","marginEnd","create","flex","flexDirection","alignItems","marginHorizontal","justifyContent","flexGrow","flexBasis"],"sourceRoot":"../../../src","sources":["Header/Header.tsx"],"mappings":"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"}
|
|
@@ -156,8 +156,8 @@ const styles = _reactNative.StyleSheet.create({
|
|
|
156
156
|
ios: {
|
|
157
157
|
height: 21,
|
|
158
158
|
width: 13,
|
|
159
|
-
|
|
160
|
-
|
|
159
|
+
marginStart: 8,
|
|
160
|
+
marginEnd: 22,
|
|
161
161
|
marginVertical: 12
|
|
162
162
|
},
|
|
163
163
|
default: {
|
|
@@ -167,7 +167,7 @@ const styles = _reactNative.StyleSheet.create({
|
|
|
167
167
|
}
|
|
168
168
|
}),
|
|
169
169
|
iconWithLabel: _reactNative.Platform.OS === 'ios' ? {
|
|
170
|
-
|
|
170
|
+
marginEnd: 6
|
|
171
171
|
} : {},
|
|
172
172
|
iconMaskContainer: {
|
|
173
173
|
flex: 1,
|
|
@@ -181,7 +181,7 @@ const styles = _reactNative.StyleSheet.create({
|
|
|
181
181
|
iconMask: {
|
|
182
182
|
height: 21,
|
|
183
183
|
width: 13,
|
|
184
|
-
|
|
184
|
+
marginStart: -14.5,
|
|
185
185
|
marginVertical: 12,
|
|
186
186
|
alignSelf: 'center'
|
|
187
187
|
},
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["_native","require","React","_interopRequireWildcard","_reactNative","_MaskedView","_HeaderButton","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","prototype","hasOwnProperty","call","i","set","HeaderBackButton","_ref","disabled","allowFontScaling","backImage","label","labelStyle","labelVisible","Platform","OS","onLabelLayout","onPress","pressColor","pressOpacity","screenLayout","tintColor","customTintColor","titleLayout","truncatedLabel","accessibilityLabel","testID","style","href","colors","fonts","useTheme","direction","useLocale","initialLabelWidth","setInitialLabelWidth","useState","undefined","select","ios","primary","text","handleLabelLayout","layout","nativeEvent","y","x","width","shouldTruncateLabel","renderBackImage","createElement","Image","styles","icon","flip","Boolean","iconWithLabel","resizeMode","source","fadeDuration","renderLabel","leftLabelText","labelElement","View","labelWrapper","minWidth","Animated","Text","accessible","onLayout","color","regular","numberOfLines","MaskedView","maskElement","iconMaskContainer","iconMask","iconMaskFillerRect","handlePress","requestAnimationFrame","HeaderButton","container","Fragment","StyleSheet","create","paddingHorizontal","hairlineWidth","marginVertical","marginHorizontal","fontSize","letterSpacing","flexDirection","alignItems","height","
|
|
1
|
+
{"version":3,"names":["_native","require","React","_interopRequireWildcard","_reactNative","_MaskedView","_HeaderButton","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","prototype","hasOwnProperty","call","i","set","HeaderBackButton","_ref","disabled","allowFontScaling","backImage","label","labelStyle","labelVisible","Platform","OS","onLabelLayout","onPress","pressColor","pressOpacity","screenLayout","tintColor","customTintColor","titleLayout","truncatedLabel","accessibilityLabel","testID","style","href","colors","fonts","useTheme","direction","useLocale","initialLabelWidth","setInitialLabelWidth","useState","undefined","select","ios","primary","text","handleLabelLayout","layout","nativeEvent","y","x","width","shouldTruncateLabel","renderBackImage","createElement","Image","styles","icon","flip","Boolean","iconWithLabel","resizeMode","source","fadeDuration","renderLabel","leftLabelText","labelElement","View","labelWrapper","minWidth","Animated","Text","accessible","onLayout","color","regular","numberOfLines","MaskedView","maskElement","iconMaskContainer","iconMask","iconMaskFillerRect","handlePress","requestAnimationFrame","HeaderButton","container","Fragment","StyleSheet","create","paddingHorizontal","hairlineWidth","marginVertical","marginHorizontal","fontSize","letterSpacing","flexDirection","alignItems","height","marginStart","marginEnd","margin","flex","justifyContent","backgroundColor","alignSelf","transform"],"sourceRoot":"../../../src","sources":["Header/HeaderBackButton.tsx"],"mappings":"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"}
|
|
@@ -45,11 +45,77 @@ function SafeAreaProviderCompat(_ref) {
|
|
|
45
45
|
style: [styles.container, style]
|
|
46
46
|
}, children);
|
|
47
47
|
}
|
|
48
|
+
if (_reactNative.Platform.OS === 'web') {
|
|
49
|
+
children = /*#__PURE__*/React.createElement(SafeAreaFrameProvider, {
|
|
50
|
+
initialMetrics: initialMetrics
|
|
51
|
+
}, children);
|
|
52
|
+
}
|
|
48
53
|
return /*#__PURE__*/React.createElement(_reactNativeSafeAreaContext.SafeAreaProvider, {
|
|
49
54
|
initialMetrics: initialMetrics,
|
|
50
55
|
style: style
|
|
51
56
|
}, children);
|
|
52
57
|
}
|
|
58
|
+
|
|
59
|
+
// FIXME: On the Web, the safe area frame value doesn't update on resize
|
|
60
|
+
// So we workaround this by measuring the frame on resize
|
|
61
|
+
const SafeAreaFrameProvider = _ref2 => {
|
|
62
|
+
let {
|
|
63
|
+
initialMetrics,
|
|
64
|
+
children
|
|
65
|
+
} = _ref2;
|
|
66
|
+
const element = React.useRef(null);
|
|
67
|
+
const [frame, setFrame] = React.useState(initialMetrics.frame);
|
|
68
|
+
React.useEffect(() => {
|
|
69
|
+
if (element.current == null) {
|
|
70
|
+
return;
|
|
71
|
+
}
|
|
72
|
+
const rect = element.current.getBoundingClientRect();
|
|
73
|
+
setFrame({
|
|
74
|
+
x: rect.x,
|
|
75
|
+
y: rect.y,
|
|
76
|
+
width: rect.width,
|
|
77
|
+
height: rect.height
|
|
78
|
+
});
|
|
79
|
+
let timeout;
|
|
80
|
+
const observer = new ResizeObserver(entries => {
|
|
81
|
+
const entry = entries[0];
|
|
82
|
+
if (entry) {
|
|
83
|
+
const {
|
|
84
|
+
x,
|
|
85
|
+
y,
|
|
86
|
+
width,
|
|
87
|
+
height
|
|
88
|
+
} = entry.contentRect;
|
|
89
|
+
|
|
90
|
+
// Debounce the frame updates to avoid too many updates in a short time
|
|
91
|
+
clearTimeout(timeout);
|
|
92
|
+
timeout = setTimeout(() => {
|
|
93
|
+
setFrame({
|
|
94
|
+
x,
|
|
95
|
+
y,
|
|
96
|
+
width,
|
|
97
|
+
height
|
|
98
|
+
});
|
|
99
|
+
}, 100);
|
|
100
|
+
}
|
|
101
|
+
});
|
|
102
|
+
observer.observe(element.current);
|
|
103
|
+
return () => {
|
|
104
|
+
observer.disconnect();
|
|
105
|
+
clearTimeout(timeout);
|
|
106
|
+
};
|
|
107
|
+
}, []);
|
|
108
|
+
return /*#__PURE__*/React.createElement(_reactNativeSafeAreaContext.SafeAreaFrameContext.Provider, {
|
|
109
|
+
value: frame
|
|
110
|
+
}, /*#__PURE__*/React.createElement("div", {
|
|
111
|
+
ref: element,
|
|
112
|
+
style: {
|
|
113
|
+
..._reactNative.StyleSheet.absoluteFillObject,
|
|
114
|
+
pointerEvents: 'none',
|
|
115
|
+
visibility: 'hidden'
|
|
116
|
+
}
|
|
117
|
+
}), children);
|
|
118
|
+
};
|
|
53
119
|
SafeAreaProviderCompat.initialMetrics = initialMetrics;
|
|
54
120
|
const styles = _reactNative.StyleSheet.create({
|
|
55
121
|
container: {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["React","_interopRequireWildcard","require","_reactNative","_reactNativeSafeAreaContext","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","prototype","hasOwnProperty","call","i","set","width","height","Dimensions","initialMetrics","Platform","OS","initialWindowMetrics","frame","x","y","insets","top","left","right","bottom","SafeAreaProviderCompat","_ref","children","style","useContext","SafeAreaInsetsContext","createElement","View","styles","container","SafeAreaProvider","StyleSheet","create","flex"],"sourceRoot":"../../src","sources":["SafeAreaProviderCompat.tsx"],"mappings":";;;;;;AAAA,IAAAA,KAAA,GAAAC,uBAAA,CAAAC,OAAA;AACA,IAAAC,YAAA,GAAAD,OAAA;AAQA,IAAAE,2BAAA,GAAAF,OAAA;
|
|
1
|
+
{"version":3,"names":["React","_interopRequireWildcard","require","_reactNative","_reactNativeSafeAreaContext","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","prototype","hasOwnProperty","call","i","set","width","height","Dimensions","initialMetrics","Platform","OS","initialWindowMetrics","frame","x","y","insets","top","left","right","bottom","SafeAreaProviderCompat","_ref","children","style","useContext","SafeAreaInsetsContext","createElement","View","styles","container","SafeAreaFrameProvider","SafeAreaProvider","_ref2","element","useRef","setFrame","useState","useEffect","current","rect","getBoundingClientRect","timeout","observer","ResizeObserver","entries","entry","contentRect","clearTimeout","setTimeout","observe","disconnect","SafeAreaFrameContext","Provider","value","ref","StyleSheet","absoluteFillObject","pointerEvents","visibility","create","flex"],"sourceRoot":"../../src","sources":["SafeAreaProviderCompat.tsx"],"mappings":"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"}
|
package/lib/commonjs/Screen.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["_native","require","React","_interopRequireWildcard","_reactNative","_reactNativeSafeAreaContext","_Background","_getDefaultHeaderHeight","_HeaderHeightContext","_HeaderShownContext","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","prototype","hasOwnProperty","call","i","set","Screen","props","dimensions","useSafeAreaFrame","insets","useSafeAreaInsets","isParentHeaderShown","useContext","HeaderShownContext","parentHeaderHeight","HeaderHeightContext","focused","modal","header","headerShown","headerTransparent","headerStatusBarHeight","top","navigation","route","children","style","headerHeight","setHeaderHeight","useState","getDefaultHeaderHeight","createElement","Background","accessibilityElementsHidden","importantForAccessibility","styles","container","collapsable","View","content","Provider","value","NavigationContext","NavigationRouteContext","onLayout","height","nativeEvent","layout","absolute","StyleSheet","create","flex","flexDirection","position","
|
|
1
|
+
{"version":3,"names":["_native","require","React","_interopRequireWildcard","_reactNative","_reactNativeSafeAreaContext","_Background","_getDefaultHeaderHeight","_HeaderHeightContext","_HeaderShownContext","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","prototype","hasOwnProperty","call","i","set","Screen","props","dimensions","useSafeAreaFrame","insets","useSafeAreaInsets","isParentHeaderShown","useContext","HeaderShownContext","parentHeaderHeight","HeaderHeightContext","focused","modal","header","headerShown","headerTransparent","headerStatusBarHeight","top","navigation","route","children","style","headerHeight","setHeaderHeight","useState","getDefaultHeaderHeight","createElement","Background","accessibilityElementsHidden","importantForAccessibility","styles","container","collapsable","View","content","Provider","value","NavigationContext","NavigationRouteContext","onLayout","height","nativeEvent","layout","absolute","StyleSheet","create","flex","flexDirection","position","start","end"],"sourceRoot":"../../src","sources":["Screen.tsx"],"mappings":";;;;;;AAAA,IAAAA,OAAA,GAAAC,OAAA;AAOA,IAAAC,KAAA,GAAAC,uBAAA,CAAAF,OAAA;AACA,IAAAG,YAAA,GAAAH,OAAA;AAOA,IAAAI,2BAAA,GAAAJ,OAAA;AAKA,IAAAK,WAAA,GAAAL,OAAA;AACA,IAAAM,uBAAA,GAAAN,OAAA;AACA,IAAAO,oBAAA,GAAAP,OAAA;AACA,IAAAQ,mBAAA,GAAAR,OAAA;AAAiE,SAAAS,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,SAAAR,wBAAAQ,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,IAAAH,MAAA,CAAAI,SAAA,CAAAC,cAAA,CAAAC,IAAA,CAAAjB,CAAA,EAAAc,CAAA,SAAAI,CAAA,GAAAR,CAAA,GAAAC,MAAA,CAAAE,wBAAA,CAAAb,CAAA,EAAAc,CAAA,UAAAI,CAAA,KAAAA,CAAA,CAAAX,GAAA,IAAAW,CAAA,CAAAC,GAAA,IAAAR,MAAA,CAAAC,cAAA,CAAAJ,CAAA,EAAAM,CAAA,EAAAI,CAAA,IAAAV,CAAA,CAAAM,CAAA,IAAAd,CAAA,CAAAc,CAAA,YAAAN,CAAA,CAAAH,OAAA,GAAAL,CAAA,EAAAG,CAAA,IAAAA,CAAA,CAAAgB,GAAA,CAAAnB,CAAA,EAAAQ,CAAA,GAAAA,CAAA;AAe1D,SAASY,MAAMA,CAACC,KAAY,EAAE;EACnC,MAAMC,UAAU,GAAG,IAAAC,4CAAgB,EAAC,CAAC;EACrC,MAAMC,MAAM,GAAG,IAAAC,6CAAiB,EAAC,CAAC;EAElC,MAAMC,mBAAmB,GAAGnC,KAAK,CAACoC,UAAU,CAACC,sCAAkB,CAAC;EAChE,MAAMC,kBAAkB,GAAGtC,KAAK,CAACoC,UAAU,CAACG,wCAAmB,CAAC;EAEhE,MAAM;IACJC,OAAO;IACPC,KAAK,GAAG,KAAK;IACbC,MAAM;IACNC,WAAW,GAAG,IAAI;IAClBC,iBAAiB;IACjBC,qBAAqB,GAAGV,mBAAmB,GAAG,CAAC,GAAGF,MAAM,CAACa,GAAG;IAC5DC,UAAU;IACVC,KAAK;IACLC,QAAQ;IACRC;EACF,CAAC,GAAGpB,KAAK;EAET,MAAM,CAACqB,YAAY,EAAEC,eAAe,CAAC,GAAGpD,KAAK,CAACqD,QAAQ,CAAC,MACrD,IAAAC,8CAAsB,EAACvB,UAAU,EAAEU,KAAK,EAAEI,qBAAqB,CACjE,CAAC;EAED,oBACE7C,KAAA,CAAAuD,aAAA,CAACnD,WAAA,CAAAoD,UAAU;IACTC,2BAA2B,EAAE,CAACjB,OAAQ;IACtCkB,yBAAyB,EAAElB,OAAO,GAAG,MAAM,GAAG,qBAAsB;IACpEU,KAAK,EAAE,CAACS,MAAM,CAACC,SAAS,EAAEV,KAAK;IAC/B;IACA;IAAA;IACAW,WAAW,EAAE;EAAM,gBAEnB7D,KAAA,CAAAuD,aAAA,CAACrD,YAAA,CAAA4D,IAAI;IAACZ,KAAK,EAAES,MAAM,CAACI;EAAQ,gBAC1B/D,KAAA,CAAAuD,aAAA,CAAChD,mBAAA,CAAA8B,kBAAkB,CAAC2B,QAAQ;IAC1BC,KAAK,EAAE9B,mBAAmB,IAAIQ,WAAW,KAAK;EAAM,gBAEpD3C,KAAA,CAAAuD,aAAA,CAACjD,oBAAA,CAAAiC,mBAAmB,CAACyB,QAAQ;IAC3BC,KAAK,EAAEtB,WAAW,GAAGQ,YAAY,GAAGb,kBAAkB,IAAI;EAAE,GAE3DW,QAC2B,CACH,CACzB,CAAC,EACNN,WAAW,gBACV3C,KAAA,CAAAuD,aAAA,CAACzD,OAAA,CAAAoE,iBAAiB,CAACF,QAAQ;IAACC,KAAK,EAAElB;EAAW,gBAC5C/C,KAAA,CAAAuD,aAAA,CAACzD,OAAA,CAAAqE,sBAAsB,CAACH,QAAQ;IAACC,KAAK,EAAEjB;EAAM,gBAC5ChD,KAAA,CAAAuD,aAAA,CAACrD,YAAA,CAAA4D,IAAI;IACHM,QAAQ,EAAG3D,CAAC,IAAK;MACf,MAAM;QAAE4D;MAAO,CAAC,GAAG5D,CAAC,CAAC6D,WAAW,CAACC,MAAM;MAEvCnB,eAAe,CAACiB,MAAM,CAAC;IACzB,CAAE;IACFnB,KAAK,EAAEN,iBAAiB,GAAGe,MAAM,CAACa,QAAQ,GAAG;EAAK,GAEjD9B,MACG,CACyB,CACP,CAAC,GAC3B,IACM,CAAC;AAEjB;AAEA,MAAMiB,MAAM,GAAGc,uBAAU,CAACC,MAAM,CAAC;EAC/Bd,SAAS,EAAE;IACTe,IAAI,EAAE,CAAC;IACPC,aAAa,EAAE;EACjB,CAAC;EACD;EACAb,OAAO,EAAE;IACPY,IAAI,EAAE;EACR,CAAC;EACDH,QAAQ,EAAE;IACRK,QAAQ,EAAE,UAAU;IACpB/B,GAAG,EAAE,CAAC;IACNgC,KAAK,EAAE,CAAC;IACRC,GAAG,EAAE;EACP;AACF,CAAC,CAAC"}
|
|
@@ -4,23 +4,21 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
4
4
|
value: true
|
|
5
5
|
});
|
|
6
6
|
exports.getDefaultSidebarWidth = void 0;
|
|
7
|
-
|
|
7
|
+
const APPROX_APP_BAR_HEIGHT = 56;
|
|
8
|
+
const DEFAULT_DRAWER_WIDTH = 360;
|
|
8
9
|
const getDefaultSidebarWidth = _ref => {
|
|
9
10
|
let {
|
|
10
|
-
height,
|
|
11
11
|
width
|
|
12
12
|
} = _ref;
|
|
13
|
-
|
|
14
|
-
* Default sidebar width is
|
|
15
|
-
*
|
|
16
|
-
* https://material.io/components/navigation-drawer
|
|
13
|
+
/**
|
|
14
|
+
* Default sidebar width is 360dp
|
|
15
|
+
* On screens smaller than 320dp, ideally the drawer would collapse to a tab bar
|
|
16
|
+
* https://m3.material.io/components/navigation-drawer/specs
|
|
17
17
|
*/
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
const maxWidth = isTablet ? 320 : 280;
|
|
23
|
-
return Math.min(smallerAxisSize - appBarHeight, maxWidth);
|
|
18
|
+
if (width - APPROX_APP_BAR_HEIGHT <= 360) {
|
|
19
|
+
return width - APPROX_APP_BAR_HEIGHT;
|
|
20
|
+
}
|
|
21
|
+
return DEFAULT_DRAWER_WIDTH;
|
|
24
22
|
};
|
|
25
23
|
exports.getDefaultSidebarWidth = getDefaultSidebarWidth;
|
|
26
24
|
//# sourceMappingURL=getDefaultSidebarWidth.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["
|
|
1
|
+
{"version":3,"names":["APPROX_APP_BAR_HEIGHT","DEFAULT_DRAWER_WIDTH","getDefaultSidebarWidth","_ref","width","exports"],"sourceRoot":"../../src","sources":["getDefaultSidebarWidth.tsx"],"mappings":";;;;;;AAAA,MAAMA,qBAAqB,GAAG,EAAE;AAChC,MAAMC,oBAAoB,GAAG,GAAG;AAEzB,MAAMC,sBAAsB,GAAGC,IAAA,IAAkC;EAAA,IAAjC;IAAEC;EAAyB,CAAC,GAAAD,IAAA;EACjE;AACF;AACA;AACA;AACA;EACE,IAAIC,KAAK,GAAGJ,qBAAqB,IAAI,GAAG,EAAE;IACxC,OAAOI,KAAK,GAAGJ,qBAAqB;EACtC;EAEA,OAAOC,oBAAoB;AAC7B,CAAC;AAACI,OAAA,CAAAH,sBAAA,GAAAA,sBAAA"}
|
|
@@ -185,7 +185,7 @@ export function Header(props) {
|
|
|
185
185
|
style: styles.content
|
|
186
186
|
}, /*#__PURE__*/React.createElement(Animated.View, {
|
|
187
187
|
pointerEvents: "box-none",
|
|
188
|
-
style: [styles.
|
|
188
|
+
style: [styles.start, headerTitleAlign === 'center' && styles.expand, {
|
|
189
189
|
marginStart: insets.left
|
|
190
190
|
}, leftContainerStyle]
|
|
191
191
|
}, leftButton), /*#__PURE__*/React.createElement(Animated.View, {
|
|
@@ -194,7 +194,7 @@ export function Header(props) {
|
|
|
194
194
|
// Avoid the title from going offscreen or overlapping buttons
|
|
195
195
|
maxWidth: headerTitleAlign === 'center' ? layout.width - ((leftButton ? headerLeftLabelVisible !== false ? 80 : 32 : 16) + Math.max(insets.left, insets.right)) * 2 : layout.width - ((leftButton ? 72 : 16) + (rightButton ? 72 : 16) + insets.left - insets.right)
|
|
196
196
|
}, headerTitleAlign === 'left' && leftButton ? {
|
|
197
|
-
|
|
197
|
+
marginStart: 4
|
|
198
198
|
} : null, titleContainerStyle]
|
|
199
199
|
}, headerTitle({
|
|
200
200
|
children: title,
|
|
@@ -203,7 +203,7 @@ export function Header(props) {
|
|
|
203
203
|
style: titleStyle
|
|
204
204
|
})), /*#__PURE__*/React.createElement(Animated.View, {
|
|
205
205
|
pointerEvents: "box-none",
|
|
206
|
-
style: [styles.
|
|
206
|
+
style: [styles.end, styles.expand, {
|
|
207
207
|
marginEnd: insets.right
|
|
208
208
|
}, rightContainerStyle]
|
|
209
209
|
}, rightButton)));
|
|
@@ -218,11 +218,11 @@ const styles = StyleSheet.create({
|
|
|
218
218
|
marginHorizontal: 16,
|
|
219
219
|
justifyContent: 'center'
|
|
220
220
|
},
|
|
221
|
-
|
|
221
|
+
start: {
|
|
222
222
|
justifyContent: 'center',
|
|
223
223
|
alignItems: 'flex-start'
|
|
224
224
|
},
|
|
225
|
-
|
|
225
|
+
end: {
|
|
226
226
|
justifyContent: 'center',
|
|
227
227
|
alignItems: 'flex-end'
|
|
228
228
|
},
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["React","Animated","Platform","StyleSheet","View","useSafeAreaFrame","useSafeAreaInsets","getDefaultHeaderHeight","HeaderBackground","HeaderShownContext","HeaderTitle","warnIfHeaderStylesDefined","styles","Object","keys","forEach","styleProp","value","console","warn","undefined","Header","props","insets","frame","isParentHeaderShown","useContext","hasDynamicIsland","OS","top","statusBarHeight","layout","modal","title","headerTitle","customTitle","headerTitleAlign","select","ios","default","headerLeft","headerLeftLabelVisible","headerTransparent","headerTintColor","headerBackground","headerRight","headerTitleAllowFontScaling","titleAllowFontScaling","headerTitleStyle","titleStyle","headerLeftContainerStyle","leftContainerStyle","headerRightContainerStyle","rightContainerStyle","headerTitleContainerStyle","titleContainerStyle","headerBackgroundContainerStyle","backgroundContainerStyle","headerStyle","customHeaderStyle","headerShadowVisible","headerPressColor","headerPressOpacity","headerStatusBarHeight","defaultHeight","height","minHeight","maxHeight","backgroundColor","borderBottomColor","borderBottomEndRadius","borderBottomLeftRadius","borderBottomRightRadius","borderBottomStartRadius","borderBottomWidth","borderColor","borderEndColor","borderEndWidth","borderLeftColor","borderLeftWidth","borderRadius","borderRightColor","borderRightWidth","borderStartColor","borderStartWidth","borderStyle","borderTopColor","borderTopEndRadius","borderTopLeftRadius","borderTopRightRadius","borderTopStartRadius","borderTopWidth","borderWidth","boxShadow","elevation","shadowColor","shadowOffset","shadowOpacity","shadowRadius","opacity","transform","unsafeStyles","flatten","process","env","NODE_ENV","safeStyles","backgroundStyle","leftButton","tintColor","pressColor","pressOpacity","labelVisible","rightButton","createElement","pointerEvents","style","absoluteFill","content","
|
|
1
|
+
{"version":3,"names":["React","Animated","Platform","StyleSheet","View","useSafeAreaFrame","useSafeAreaInsets","getDefaultHeaderHeight","HeaderBackground","HeaderShownContext","HeaderTitle","warnIfHeaderStylesDefined","styles","Object","keys","forEach","styleProp","value","console","warn","undefined","Header","props","insets","frame","isParentHeaderShown","useContext","hasDynamicIsland","OS","top","statusBarHeight","layout","modal","title","headerTitle","customTitle","headerTitleAlign","select","ios","default","headerLeft","headerLeftLabelVisible","headerTransparent","headerTintColor","headerBackground","headerRight","headerTitleAllowFontScaling","titleAllowFontScaling","headerTitleStyle","titleStyle","headerLeftContainerStyle","leftContainerStyle","headerRightContainerStyle","rightContainerStyle","headerTitleContainerStyle","titleContainerStyle","headerBackgroundContainerStyle","backgroundContainerStyle","headerStyle","customHeaderStyle","headerShadowVisible","headerPressColor","headerPressOpacity","headerStatusBarHeight","defaultHeight","height","minHeight","maxHeight","backgroundColor","borderBottomColor","borderBottomEndRadius","borderBottomLeftRadius","borderBottomRightRadius","borderBottomStartRadius","borderBottomWidth","borderColor","borderEndColor","borderEndWidth","borderLeftColor","borderLeftWidth","borderRadius","borderRightColor","borderRightWidth","borderStartColor","borderStartWidth","borderStyle","borderTopColor","borderTopEndRadius","borderTopLeftRadius","borderTopRightRadius","borderTopStartRadius","borderTopWidth","borderWidth","boxShadow","elevation","shadowColor","shadowOffset","shadowOpacity","shadowRadius","opacity","transform","unsafeStyles","flatten","process","env","NODE_ENV","safeStyles","backgroundStyle","leftButton","tintColor","pressColor","pressOpacity","labelVisible","rightButton","createElement","pointerEvents","style","absoluteFill","content","start","expand","marginStart","left","maxWidth","width","Math","max","right","children","allowFontScaling","end","marginEnd","create","flex","flexDirection","alignItems","marginHorizontal","justifyContent","flexGrow","flexBasis"],"sourceRoot":"../../../src","sources":["Header/Header.tsx"],"mappings":"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"}
|
|
@@ -148,8 +148,8 @@ const styles = StyleSheet.create({
|
|
|
148
148
|
ios: {
|
|
149
149
|
height: 21,
|
|
150
150
|
width: 13,
|
|
151
|
-
|
|
152
|
-
|
|
151
|
+
marginStart: 8,
|
|
152
|
+
marginEnd: 22,
|
|
153
153
|
marginVertical: 12
|
|
154
154
|
},
|
|
155
155
|
default: {
|
|
@@ -159,7 +159,7 @@ const styles = StyleSheet.create({
|
|
|
159
159
|
}
|
|
160
160
|
}),
|
|
161
161
|
iconWithLabel: Platform.OS === 'ios' ? {
|
|
162
|
-
|
|
162
|
+
marginEnd: 6
|
|
163
163
|
} : {},
|
|
164
164
|
iconMaskContainer: {
|
|
165
165
|
flex: 1,
|
|
@@ -173,7 +173,7 @@ const styles = StyleSheet.create({
|
|
|
173
173
|
iconMask: {
|
|
174
174
|
height: 21,
|
|
175
175
|
width: 13,
|
|
176
|
-
|
|
176
|
+
marginStart: -14.5,
|
|
177
177
|
marginVertical: 12,
|
|
178
178
|
alignSelf: 'center'
|
|
179
179
|
},
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["useLocale","useTheme","React","Animated","Image","Platform","StyleSheet","View","MaskedView","HeaderButton","HeaderBackButton","_ref","disabled","allowFontScaling","backImage","label","labelStyle","labelVisible","OS","onLabelLayout","onPress","pressColor","pressOpacity","screenLayout","tintColor","customTintColor","titleLayout","truncatedLabel","accessibilityLabel","testID","style","href","colors","fonts","direction","initialLabelWidth","setInitialLabelWidth","useState","undefined","select","ios","primary","default","text","handleLabelLayout","e","layout","nativeEvent","y","x","width","shouldTruncateLabel","renderBackImage","createElement","styles","icon","flip","Boolean","iconWithLabel","resizeMode","source","require","fadeDuration","renderLabel","leftLabelText","labelElement","labelWrapper","minWidth","Text","accessible","onLayout","color","regular","numberOfLines","maskElement","iconMaskContainer","iconMask","iconMaskFillerRect","handlePress","requestAnimationFrame","container","Fragment","create","paddingHorizontal","hairlineWidth","marginVertical","marginHorizontal","fontSize","letterSpacing","flexDirection","alignItems","height","
|
|
1
|
+
{"version":3,"names":["useLocale","useTheme","React","Animated","Image","Platform","StyleSheet","View","MaskedView","HeaderButton","HeaderBackButton","_ref","disabled","allowFontScaling","backImage","label","labelStyle","labelVisible","OS","onLabelLayout","onPress","pressColor","pressOpacity","screenLayout","tintColor","customTintColor","titleLayout","truncatedLabel","accessibilityLabel","testID","style","href","colors","fonts","direction","initialLabelWidth","setInitialLabelWidth","useState","undefined","select","ios","primary","default","text","handleLabelLayout","e","layout","nativeEvent","y","x","width","shouldTruncateLabel","renderBackImage","createElement","styles","icon","flip","Boolean","iconWithLabel","resizeMode","source","require","fadeDuration","renderLabel","leftLabelText","labelElement","labelWrapper","minWidth","Text","accessible","onLayout","color","regular","numberOfLines","maskElement","iconMaskContainer","iconMask","iconMaskFillerRect","handlePress","requestAnimationFrame","container","Fragment","create","paddingHorizontal","hairlineWidth","marginVertical","marginHorizontal","fontSize","letterSpacing","flexDirection","alignItems","height","marginStart","marginEnd","margin","flex","justifyContent","backgroundColor","alignSelf","transform"],"sourceRoot":"../../../src","sources":["Header/HeaderBackButton.tsx"],"mappings":"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"}
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import * as React from 'react';
|
|
2
2
|
import { Dimensions, Platform, StyleSheet, View } from 'react-native';
|
|
3
|
-
import { initialWindowMetrics, SafeAreaInsetsContext, SafeAreaProvider } from 'react-native-safe-area-context';
|
|
3
|
+
import { initialWindowMetrics, SafeAreaFrameContext, SafeAreaInsetsContext, SafeAreaProvider } from 'react-native-safe-area-context';
|
|
4
4
|
const {
|
|
5
5
|
width = 0,
|
|
6
6
|
height = 0
|
|
@@ -37,11 +37,77 @@ export function SafeAreaProviderCompat(_ref) {
|
|
|
37
37
|
style: [styles.container, style]
|
|
38
38
|
}, children);
|
|
39
39
|
}
|
|
40
|
+
if (Platform.OS === 'web') {
|
|
41
|
+
children = /*#__PURE__*/React.createElement(SafeAreaFrameProvider, {
|
|
42
|
+
initialMetrics: initialMetrics
|
|
43
|
+
}, children);
|
|
44
|
+
}
|
|
40
45
|
return /*#__PURE__*/React.createElement(SafeAreaProvider, {
|
|
41
46
|
initialMetrics: initialMetrics,
|
|
42
47
|
style: style
|
|
43
48
|
}, children);
|
|
44
49
|
}
|
|
50
|
+
|
|
51
|
+
// FIXME: On the Web, the safe area frame value doesn't update on resize
|
|
52
|
+
// So we workaround this by measuring the frame on resize
|
|
53
|
+
const SafeAreaFrameProvider = _ref2 => {
|
|
54
|
+
let {
|
|
55
|
+
initialMetrics,
|
|
56
|
+
children
|
|
57
|
+
} = _ref2;
|
|
58
|
+
const element = React.useRef(null);
|
|
59
|
+
const [frame, setFrame] = React.useState(initialMetrics.frame);
|
|
60
|
+
React.useEffect(() => {
|
|
61
|
+
if (element.current == null) {
|
|
62
|
+
return;
|
|
63
|
+
}
|
|
64
|
+
const rect = element.current.getBoundingClientRect();
|
|
65
|
+
setFrame({
|
|
66
|
+
x: rect.x,
|
|
67
|
+
y: rect.y,
|
|
68
|
+
width: rect.width,
|
|
69
|
+
height: rect.height
|
|
70
|
+
});
|
|
71
|
+
let timeout;
|
|
72
|
+
const observer = new ResizeObserver(entries => {
|
|
73
|
+
const entry = entries[0];
|
|
74
|
+
if (entry) {
|
|
75
|
+
const {
|
|
76
|
+
x,
|
|
77
|
+
y,
|
|
78
|
+
width,
|
|
79
|
+
height
|
|
80
|
+
} = entry.contentRect;
|
|
81
|
+
|
|
82
|
+
// Debounce the frame updates to avoid too many updates in a short time
|
|
83
|
+
clearTimeout(timeout);
|
|
84
|
+
timeout = setTimeout(() => {
|
|
85
|
+
setFrame({
|
|
86
|
+
x,
|
|
87
|
+
y,
|
|
88
|
+
width,
|
|
89
|
+
height
|
|
90
|
+
});
|
|
91
|
+
}, 100);
|
|
92
|
+
}
|
|
93
|
+
});
|
|
94
|
+
observer.observe(element.current);
|
|
95
|
+
return () => {
|
|
96
|
+
observer.disconnect();
|
|
97
|
+
clearTimeout(timeout);
|
|
98
|
+
};
|
|
99
|
+
}, []);
|
|
100
|
+
return /*#__PURE__*/React.createElement(SafeAreaFrameContext.Provider, {
|
|
101
|
+
value: frame
|
|
102
|
+
}, /*#__PURE__*/React.createElement("div", {
|
|
103
|
+
ref: element,
|
|
104
|
+
style: {
|
|
105
|
+
...StyleSheet.absoluteFillObject,
|
|
106
|
+
pointerEvents: 'none',
|
|
107
|
+
visibility: 'hidden'
|
|
108
|
+
}
|
|
109
|
+
}), children);
|
|
110
|
+
};
|
|
45
111
|
SafeAreaProviderCompat.initialMetrics = initialMetrics;
|
|
46
112
|
const styles = StyleSheet.create({
|
|
47
113
|
container: {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["React","Dimensions","Platform","StyleSheet","View","initialWindowMetrics","SafeAreaInsetsContext","SafeAreaProvider","width","height","get","initialMetrics","OS","frame","x","y","insets","top","left","right","bottom","SafeAreaProviderCompat","_ref","children","style","useContext","createElement","styles","container","create","flex"],"sourceRoot":"../../src","sources":["SafeAreaProviderCompat.tsx"],"mappings":"AAAA,OAAO,KAAKA,KAAK,MAAM,OAAO;AAC9B,SACEC,UAAU,EACVC,QAAQ,EAERC,UAAU,EACVC,IAAI,QAEC,cAAc;AACrB,SACEC,oBAAoB,EACpBC,qBAAqB,EACrBC,gBAAgB,QACX,gCAAgC;AAOvC,MAAM;EAAEC,KAAK,GAAG,CAAC;EAAEC,MAAM,GAAG;AAAE,CAAC,
|
|
1
|
+
{"version":3,"names":["React","Dimensions","Platform","StyleSheet","View","initialWindowMetrics","SafeAreaFrameContext","SafeAreaInsetsContext","SafeAreaProvider","width","height","get","initialMetrics","OS","frame","x","y","insets","top","left","right","bottom","SafeAreaProviderCompat","_ref","children","style","useContext","createElement","styles","container","SafeAreaFrameProvider","_ref2","element","useRef","setFrame","useState","useEffect","current","rect","getBoundingClientRect","timeout","observer","ResizeObserver","entries","entry","contentRect","clearTimeout","setTimeout","observe","disconnect","Provider","value","ref","absoluteFillObject","pointerEvents","visibility","create","flex"],"sourceRoot":"../../src","sources":["SafeAreaProviderCompat.tsx"],"mappings":"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"}
|
package/lib/module/Screen.js
CHANGED
package/lib/module/Screen.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["NavigationContext","NavigationRouteContext","React","StyleSheet","View","useSafeAreaFrame","useSafeAreaInsets","Background","getDefaultHeaderHeight","HeaderHeightContext","HeaderShownContext","Screen","props","dimensions","insets","isParentHeaderShown","useContext","parentHeaderHeight","focused","modal","header","headerShown","headerTransparent","headerStatusBarHeight","top","navigation","route","children","style","headerHeight","setHeaderHeight","useState","createElement","accessibilityElementsHidden","importantForAccessibility","styles","container","collapsable","content","Provider","value","onLayout","e","height","nativeEvent","layout","absolute","create","flex","flexDirection","position","
|
|
1
|
+
{"version":3,"names":["NavigationContext","NavigationRouteContext","React","StyleSheet","View","useSafeAreaFrame","useSafeAreaInsets","Background","getDefaultHeaderHeight","HeaderHeightContext","HeaderShownContext","Screen","props","dimensions","insets","isParentHeaderShown","useContext","parentHeaderHeight","focused","modal","header","headerShown","headerTransparent","headerStatusBarHeight","top","navigation","route","children","style","headerHeight","setHeaderHeight","useState","createElement","accessibilityElementsHidden","importantForAccessibility","styles","container","collapsable","content","Provider","value","onLayout","e","height","nativeEvent","layout","absolute","create","flex","flexDirection","position","start","end"],"sourceRoot":"../../src","sources":["Screen.tsx"],"mappings":"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"}
|
|
@@ -1,19 +1,17 @@
|
|
|
1
|
-
|
|
1
|
+
const APPROX_APP_BAR_HEIGHT = 56;
|
|
2
|
+
const DEFAULT_DRAWER_WIDTH = 360;
|
|
2
3
|
export const getDefaultSidebarWidth = _ref => {
|
|
3
4
|
let {
|
|
4
|
-
height,
|
|
5
5
|
width
|
|
6
6
|
} = _ref;
|
|
7
|
-
|
|
8
|
-
* Default sidebar width is
|
|
9
|
-
*
|
|
10
|
-
* https://material.io/components/navigation-drawer
|
|
7
|
+
/**
|
|
8
|
+
* Default sidebar width is 360dp
|
|
9
|
+
* On screens smaller than 320dp, ideally the drawer would collapse to a tab bar
|
|
10
|
+
* https://m3.material.io/components/navigation-drawer/specs
|
|
11
11
|
*/
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
const maxWidth = isTablet ? 320 : 280;
|
|
17
|
-
return Math.min(smallerAxisSize - appBarHeight, maxWidth);
|
|
12
|
+
if (width - APPROX_APP_BAR_HEIGHT <= 360) {
|
|
13
|
+
return width - APPROX_APP_BAR_HEIGHT;
|
|
14
|
+
}
|
|
15
|
+
return DEFAULT_DRAWER_WIDTH;
|
|
18
16
|
};
|
|
19
17
|
//# sourceMappingURL=getDefaultSidebarWidth.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["
|
|
1
|
+
{"version":3,"names":["APPROX_APP_BAR_HEIGHT","DEFAULT_DRAWER_WIDTH","getDefaultSidebarWidth","_ref","width"],"sourceRoot":"../../src","sources":["getDefaultSidebarWidth.tsx"],"mappings":"AAAA,MAAMA,qBAAqB,GAAG,EAAE;AAChC,MAAMC,oBAAoB,GAAG,GAAG;AAEhC,OAAO,MAAMC,sBAAsB,GAAGC,IAAA,IAAkC;EAAA,IAAjC;IAAEC;EAAyB,CAAC,GAAAD,IAAA;EACjE;AACF;AACA;AACA;AACA;EACE,IAAIC,KAAK,GAAGJ,qBAAqB,IAAI,GAAG,EAAE;IACxC,OAAOI,KAAK,GAAGJ,qBAAqB;EACtC;EAEA,OAAOC,oBAAoB;AAC7B,CAAC"}
|
|
@@ -1,12 +1,13 @@
|
|
|
1
1
|
import * as React from 'react';
|
|
2
2
|
import { type StyleProp, type ViewStyle } from 'react-native';
|
|
3
|
+
import { type Metrics } from 'react-native-safe-area-context';
|
|
3
4
|
type Props = {
|
|
4
5
|
children: React.ReactNode;
|
|
5
6
|
style?: StyleProp<ViewStyle>;
|
|
6
7
|
};
|
|
7
8
|
export declare function SafeAreaProviderCompat({ children, style }: Props): React.JSX.Element;
|
|
8
9
|
export declare namespace SafeAreaProviderCompat {
|
|
9
|
-
var initialMetrics:
|
|
10
|
+
var initialMetrics: Metrics;
|
|
10
11
|
}
|
|
11
12
|
export {};
|
|
12
13
|
//# sourceMappingURL=SafeAreaProviderCompat.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"SafeAreaProviderCompat.d.ts","sourceRoot":"","sources":["../../../src/SafeAreaProviderCompat.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAGL,KAAK,SAAS,EAGd,KAAK,SAAS,EACf,MAAM,cAAc,CAAC;
|
|
1
|
+
{"version":3,"file":"SafeAreaProviderCompat.d.ts","sourceRoot":"","sources":["../../../src/SafeAreaProviderCompat.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAGL,KAAK,SAAS,EAGd,KAAK,SAAS,EACf,MAAM,cAAc,CAAC;AACtB,OAAO,EAEL,KAAK,OAAO,EAIb,MAAM,gCAAgC,CAAC;AAExC,KAAK,KAAK,GAAG;IACX,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;CAC9B,CAAC;AAeF,wBAAgB,sBAAsB,CAAC,EAAE,QAAQ,EAAE,KAAK,EAAE,EAAE,KAAK,qBAuBhE;yBAvBe,sBAAsB"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"getDefaultSidebarWidth.d.ts","sourceRoot":"","sources":["../../../src/getDefaultSidebarWidth.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"getDefaultSidebarWidth.d.ts","sourceRoot":"","sources":["../../../src/getDefaultSidebarWidth.tsx"],"names":[],"mappings":"AAGA,eAAO,MAAM,sBAAsB;WAAwB,MAAM;YAWhE,CAAC"}
|
package/package.json
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@react-navigation/elements",
|
|
3
3
|
"description": "UI Components for React Navigation",
|
|
4
|
-
"version": "2.0.0-alpha.
|
|
4
|
+
"version": "2.0.0-alpha.13",
|
|
5
5
|
"keywords": [
|
|
6
6
|
"react-native",
|
|
7
7
|
"react-navigation",
|
|
@@ -41,7 +41,7 @@
|
|
|
41
41
|
},
|
|
42
42
|
"devDependencies": {
|
|
43
43
|
"@react-native-masked-view/masked-view": "0.3.0",
|
|
44
|
-
"@react-navigation/native": "^7.0.0-alpha.
|
|
44
|
+
"@react-navigation/native": "^7.0.0-alpha.15",
|
|
45
45
|
"@testing-library/react-native": "^12.4.3",
|
|
46
46
|
"@types/react": "~18.2.45",
|
|
47
47
|
"del-cli": "^5.1.0",
|
|
@@ -51,7 +51,7 @@
|
|
|
51
51
|
"typescript": "^5.3.3"
|
|
52
52
|
},
|
|
53
53
|
"peerDependencies": {
|
|
54
|
-
"@react-navigation/native": "^7.0.0-alpha.
|
|
54
|
+
"@react-navigation/native": "^7.0.0-alpha.15",
|
|
55
55
|
"react": ">= 18.2.0",
|
|
56
56
|
"react-native": ">= 0.72.0",
|
|
57
57
|
"react-native-safe-area-context": ">= 4.0.0"
|
|
@@ -70,5 +70,5 @@
|
|
|
70
70
|
]
|
|
71
71
|
]
|
|
72
72
|
},
|
|
73
|
-
"gitHead": "
|
|
73
|
+
"gitHead": "b1ed6b0d299189c62f0dc8d7171c243adc674a30"
|
|
74
74
|
}
|
package/src/Header/Header.tsx
CHANGED
|
@@ -239,7 +239,7 @@ export function Header(props: Props) {
|
|
|
239
239
|
<Animated.View
|
|
240
240
|
pointerEvents="box-none"
|
|
241
241
|
style={[
|
|
242
|
-
styles.
|
|
242
|
+
styles.start,
|
|
243
243
|
headerTitleAlign === 'center' && styles.expand,
|
|
244
244
|
{ marginStart: insets.left },
|
|
245
245
|
leftContainerStyle,
|
|
@@ -270,7 +270,7 @@ export function Header(props: Props) {
|
|
|
270
270
|
insets.right),
|
|
271
271
|
},
|
|
272
272
|
headerTitleAlign === 'left' && leftButton
|
|
273
|
-
? {
|
|
273
|
+
? { marginStart: 4 }
|
|
274
274
|
: null,
|
|
275
275
|
titleContainerStyle,
|
|
276
276
|
]}
|
|
@@ -285,7 +285,7 @@ export function Header(props: Props) {
|
|
|
285
285
|
<Animated.View
|
|
286
286
|
pointerEvents="box-none"
|
|
287
287
|
style={[
|
|
288
|
-
styles.
|
|
288
|
+
styles.end,
|
|
289
289
|
styles.expand,
|
|
290
290
|
{ marginEnd: insets.right },
|
|
291
291
|
rightContainerStyle,
|
|
@@ -308,11 +308,11 @@ const styles = StyleSheet.create({
|
|
|
308
308
|
marginHorizontal: 16,
|
|
309
309
|
justifyContent: 'center',
|
|
310
310
|
},
|
|
311
|
-
|
|
311
|
+
start: {
|
|
312
312
|
justifyContent: 'center',
|
|
313
313
|
alignItems: 'flex-start',
|
|
314
314
|
},
|
|
315
|
-
|
|
315
|
+
end: {
|
|
316
316
|
justifyContent: 'center',
|
|
317
317
|
alignItems: 'flex-end',
|
|
318
318
|
},
|
|
@@ -203,8 +203,8 @@ const styles = StyleSheet.create({
|
|
|
203
203
|
ios: {
|
|
204
204
|
height: 21,
|
|
205
205
|
width: 13,
|
|
206
|
-
|
|
207
|
-
|
|
206
|
+
marginStart: 8,
|
|
207
|
+
marginEnd: 22,
|
|
208
208
|
marginVertical: 12,
|
|
209
209
|
},
|
|
210
210
|
default: {
|
|
@@ -216,7 +216,7 @@ const styles = StyleSheet.create({
|
|
|
216
216
|
iconWithLabel:
|
|
217
217
|
Platform.OS === 'ios'
|
|
218
218
|
? {
|
|
219
|
-
|
|
219
|
+
marginEnd: 6,
|
|
220
220
|
}
|
|
221
221
|
: {},
|
|
222
222
|
iconMaskContainer: {
|
|
@@ -231,7 +231,7 @@ const styles = StyleSheet.create({
|
|
|
231
231
|
iconMask: {
|
|
232
232
|
height: 21,
|
|
233
233
|
width: 13,
|
|
234
|
-
|
|
234
|
+
marginStart: -14.5,
|
|
235
235
|
marginVertical: 12,
|
|
236
236
|
alignSelf: 'center',
|
|
237
237
|
},
|
|
@@ -9,6 +9,8 @@ import {
|
|
|
9
9
|
} from 'react-native';
|
|
10
10
|
import {
|
|
11
11
|
initialWindowMetrics,
|
|
12
|
+
type Metrics,
|
|
13
|
+
SafeAreaFrameContext,
|
|
12
14
|
SafeAreaInsetsContext,
|
|
13
15
|
SafeAreaProvider,
|
|
14
16
|
} from 'react-native-safe-area-context';
|
|
@@ -41,6 +43,14 @@ export function SafeAreaProviderCompat({ children, style }: Props) {
|
|
|
41
43
|
return <View style={[styles.container, style]}>{children}</View>;
|
|
42
44
|
}
|
|
43
45
|
|
|
46
|
+
if (Platform.OS === 'web') {
|
|
47
|
+
children = (
|
|
48
|
+
<SafeAreaFrameProvider initialMetrics={initialMetrics}>
|
|
49
|
+
{children}
|
|
50
|
+
</SafeAreaFrameProvider>
|
|
51
|
+
);
|
|
52
|
+
}
|
|
53
|
+
|
|
44
54
|
return (
|
|
45
55
|
<SafeAreaProvider initialMetrics={initialMetrics} style={style}>
|
|
46
56
|
{children}
|
|
@@ -48,6 +58,71 @@ export function SafeAreaProviderCompat({ children, style }: Props) {
|
|
|
48
58
|
);
|
|
49
59
|
}
|
|
50
60
|
|
|
61
|
+
// FIXME: On the Web, the safe area frame value doesn't update on resize
|
|
62
|
+
// So we workaround this by measuring the frame on resize
|
|
63
|
+
const SafeAreaFrameProvider = ({
|
|
64
|
+
initialMetrics,
|
|
65
|
+
children,
|
|
66
|
+
}: {
|
|
67
|
+
initialMetrics: Metrics;
|
|
68
|
+
children: React.ReactNode;
|
|
69
|
+
}) => {
|
|
70
|
+
const element = React.useRef<HTMLDivElement>(null);
|
|
71
|
+
const [frame, setFrame] = React.useState(initialMetrics.frame);
|
|
72
|
+
|
|
73
|
+
React.useEffect(() => {
|
|
74
|
+
if (element.current == null) {
|
|
75
|
+
return;
|
|
76
|
+
}
|
|
77
|
+
|
|
78
|
+
const rect = element.current.getBoundingClientRect();
|
|
79
|
+
|
|
80
|
+
setFrame({
|
|
81
|
+
x: rect.x,
|
|
82
|
+
y: rect.y,
|
|
83
|
+
width: rect.width,
|
|
84
|
+
height: rect.height,
|
|
85
|
+
});
|
|
86
|
+
|
|
87
|
+
let timeout: NodeJS.Timeout;
|
|
88
|
+
|
|
89
|
+
const observer = new ResizeObserver((entries) => {
|
|
90
|
+
const entry = entries[0];
|
|
91
|
+
|
|
92
|
+
if (entry) {
|
|
93
|
+
const { x, y, width, height } = entry.contentRect;
|
|
94
|
+
|
|
95
|
+
// Debounce the frame updates to avoid too many updates in a short time
|
|
96
|
+
clearTimeout(timeout);
|
|
97
|
+
timeout = setTimeout(() => {
|
|
98
|
+
setFrame({ x, y, width, height });
|
|
99
|
+
}, 100);
|
|
100
|
+
}
|
|
101
|
+
});
|
|
102
|
+
|
|
103
|
+
observer.observe(element.current);
|
|
104
|
+
|
|
105
|
+
return () => {
|
|
106
|
+
observer.disconnect();
|
|
107
|
+
clearTimeout(timeout);
|
|
108
|
+
};
|
|
109
|
+
}, []);
|
|
110
|
+
|
|
111
|
+
return (
|
|
112
|
+
<SafeAreaFrameContext.Provider value={frame}>
|
|
113
|
+
<div
|
|
114
|
+
ref={element}
|
|
115
|
+
style={{
|
|
116
|
+
...StyleSheet.absoluteFillObject,
|
|
117
|
+
pointerEvents: 'none',
|
|
118
|
+
visibility: 'hidden',
|
|
119
|
+
}}
|
|
120
|
+
/>
|
|
121
|
+
{children}
|
|
122
|
+
</SafeAreaFrameContext.Provider>
|
|
123
|
+
);
|
|
124
|
+
};
|
|
125
|
+
|
|
51
126
|
SafeAreaProviderCompat.initialMetrics = initialMetrics;
|
|
52
127
|
|
|
53
128
|
const styles = StyleSheet.create({
|
package/src/Screen.tsx
CHANGED
|
@@ -1,22 +1,15 @@
|
|
|
1
|
-
|
|
1
|
+
const APPROX_APP_BAR_HEIGHT = 56;
|
|
2
|
+
const DEFAULT_DRAWER_WIDTH = 360;
|
|
2
3
|
|
|
3
|
-
export const getDefaultSidebarWidth = ({
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
width: number;
|
|
9
|
-
}) => {
|
|
10
|
-
/*
|
|
11
|
-
* Default sidebar width is screen width - header height
|
|
12
|
-
* with a max width of 280 on mobile and 320 on tablet
|
|
13
|
-
* https://material.io/components/navigation-drawer
|
|
4
|
+
export const getDefaultSidebarWidth = ({ width }: { width: number }) => {
|
|
5
|
+
/**
|
|
6
|
+
* Default sidebar width is 360dp
|
|
7
|
+
* On screens smaller than 320dp, ideally the drawer would collapse to a tab bar
|
|
8
|
+
* https://m3.material.io/components/navigation-drawer/specs
|
|
14
9
|
*/
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
const appBarHeight = Platform.OS === 'ios' ? (isLandscape ? 32 : 44) : 56;
|
|
19
|
-
const maxWidth = isTablet ? 320 : 280;
|
|
10
|
+
if (width - APPROX_APP_BAR_HEIGHT <= 360) {
|
|
11
|
+
return width - APPROX_APP_BAR_HEIGHT;
|
|
12
|
+
}
|
|
20
13
|
|
|
21
|
-
return
|
|
14
|
+
return DEFAULT_DRAWER_WIDTH;
|
|
22
15
|
};
|