@react-navigation/elements 2.3.8 → 2.4.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/lib/module/Header/HeaderButton.js +7 -3
- package/lib/module/Header/HeaderButton.js.map +1 -1
- package/lib/module/Header/HeaderSearchBar.js +2 -3
- package/lib/module/Header/HeaderSearchBar.js.map +1 -1
- package/lib/module/Header/HeaderTitle.js +1 -1
- package/lib/module/Header/HeaderTitle.js.map +1 -1
- package/lib/module/PlatformPressable.js +18 -15
- package/lib/module/PlatformPressable.js.map +1 -1
- package/lib/module/Screen.js +1 -2
- package/lib/module/Screen.js.map +1 -1
- package/lib/typescript/src/Header/HeaderButton.d.ts +2 -1
- package/lib/typescript/src/Header/HeaderButton.d.ts.map +1 -1
- package/lib/typescript/src/Header/HeaderSearchBar.d.ts.map +1 -1
- package/lib/typescript/src/MaskedView.d.ts +1 -1
- package/lib/typescript/src/MaskedView.d.ts.map +1 -1
- package/lib/typescript/src/PlatformPressable.d.ts +13 -7
- package/lib/typescript/src/PlatformPressable.d.ts.map +1 -1
- package/lib/typescript/src/Screen.d.ts.map +1 -1
- package/lib/typescript/src/getDefaultSidebarWidth.d.ts.map +1 -1
- package/package.json +12 -12
- package/src/Header/HeaderButton.tsx +21 -12
- package/src/Header/HeaderSearchBar.tsx +2 -3
- package/src/Header/HeaderTitle.tsx +1 -1
- package/src/PlatformPressable.tsx +51 -34
- package/src/Screen.tsx +2 -3
|
@@ -1,9 +1,10 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
|
+
import * as React from 'react';
|
|
3
4
|
import { Platform, StyleSheet } from 'react-native';
|
|
4
5
|
import { PlatformPressable } from "../PlatformPressable.js";
|
|
5
6
|
import { jsx as _jsx } from "react/jsx-runtime";
|
|
6
|
-
|
|
7
|
+
function HeaderButtonInternal({
|
|
7
8
|
disabled,
|
|
8
9
|
onPress,
|
|
9
10
|
pressColor,
|
|
@@ -13,11 +14,12 @@ export function HeaderButton({
|
|
|
13
14
|
style,
|
|
14
15
|
href,
|
|
15
16
|
children
|
|
16
|
-
}) {
|
|
17
|
+
}, ref) {
|
|
17
18
|
return /*#__PURE__*/_jsx(PlatformPressable, {
|
|
19
|
+
ref: ref,
|
|
18
20
|
disabled: disabled,
|
|
19
21
|
href: href,
|
|
20
|
-
|
|
22
|
+
"aria-label": accessibilityLabel,
|
|
21
23
|
testID: testID,
|
|
22
24
|
onPress: onPress,
|
|
23
25
|
pressColor: pressColor,
|
|
@@ -36,6 +38,8 @@ export function HeaderButton({
|
|
|
36
38
|
children: children
|
|
37
39
|
});
|
|
38
40
|
}
|
|
41
|
+
export const HeaderButton = /*#__PURE__*/React.forwardRef(HeaderButtonInternal);
|
|
42
|
+
HeaderButton.displayName = 'HeaderButton';
|
|
39
43
|
const androidRipple = {
|
|
40
44
|
borderless: true,
|
|
41
45
|
foreground: Platform.OS === 'android' && Platform.Version >= 23,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["Platform","StyleSheet","PlatformPressable","jsx","_jsx","
|
|
1
|
+
{"version":3,"names":["React","Platform","StyleSheet","PlatformPressable","jsx","_jsx","HeaderButtonInternal","disabled","onPress","pressColor","pressOpacity","accessibilityLabel","testID","style","href","children","ref","android_ripple","androidRipple","styles","container","hitSlop","select","ios","undefined","default","top","right","bottom","left","HeaderButton","forwardRef","displayName","borderless","foreground","OS","Version","radius","create","flexDirection","alignItems","paddingHorizontal","borderRadius","opacity"],"sourceRoot":"../../../src","sources":["Header/HeaderButton.tsx"],"mappings":";;AAAA,OAAO,KAAKA,KAAK,MAAM,OAAO;AAC9B,SAASC,QAAQ,EAAEC,UAAU,QAAQ,cAAc;AAEnD,SAASC,iBAAiB,QAAQ,yBAAsB;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAGzD,SAASC,oBAAoBA,CAC3B;EACEC,QAAQ;EACRC,OAAO;EACPC,UAAU;EACVC,YAAY;EACZC,kBAAkB;EAClBC,MAAM;EACNC,KAAK;EACLC,IAAI;EACJC;AACiB,CAAC,EACpBC,GAA4D,EAC5D;EACA,oBACEX,IAAA,CAACF,iBAAiB;IAChBa,GAAG,EAAEA,GAAI;IACTT,QAAQ,EAAEA,QAAS;IACnBO,IAAI,EAAEA,IAAK;IACX,cAAYH,kBAAmB;IAC/BC,MAAM,EAAEA,MAAO;IACfJ,OAAO,EAAEA,OAAQ;IACjBC,UAAU,EAAEA,UAAW;IACvBC,YAAY,EAAEA,YAAa;IAC3BO,cAAc,EAAEC,aAAc;IAC9BL,KAAK,EAAE,CAACM,MAAM,CAACC,SAAS,EAAEb,QAAQ,IAAIY,MAAM,CAACZ,QAAQ,EAAEM,KAAK,CAAE;IAC9DQ,OAAO,EAAEpB,QAAQ,CAACqB,MAAM,CAAC;MACvBC,GAAG,EAAEC,SAAS;MACdC,OAAO,EAAE;QAAEC,GAAG,EAAE,EAAE;QAAEC,KAAK,EAAE,EAAE;QAAEC,MAAM,EAAE,EAAE;QAAEC,IAAI,EAAE;MAAG;IACtD,CAAC,CAAE;IAAAd,QAAA,EAEFA;EAAQ,CACQ,CAAC;AAExB;AAEA,OAAO,MAAMe,YAAY,gBAAG9B,KAAK,CAAC+B,UAAU,CAACzB,oBAAoB,CAAC;AAElEwB,YAAY,CAACE,WAAW,GAAG,cAAc;AAEzC,MAAMd,aAAa,GAAG;EACpBe,UAAU,EAAE,IAAI;EAChBC,UAAU,EAAEjC,QAAQ,CAACkC,EAAE,KAAK,SAAS,IAAIlC,QAAQ,CAACmC,OAAO,IAAI,EAAE;EAC/DC,MAAM,EAAE;AACV,CAAC;AAED,MAAMlB,MAAM,GAAGjB,UAAU,CAACoC,MAAM,CAAC;EAC/BlB,SAAS,EAAE;IACTmB,aAAa,EAAE,KAAK;IACpBC,UAAU,EAAE,QAAQ;IACpBC,iBAAiB,EAAE,CAAC;IACpB;IACAC,YAAY,EAAE;EAChB,CAAC;EACDnC,QAAQ,EAAE;IACRoC,OAAO,EAAE;EACX;AACF,CAAC,CAAC","ignoreList":[]}
|
|
@@ -125,9 +125,8 @@ function HeaderSearchBarInternal({
|
|
|
125
125
|
const textColor = tintColor ?? colors.text;
|
|
126
126
|
return /*#__PURE__*/_jsxs(Animated.View, {
|
|
127
127
|
pointerEvents: visible ? 'auto' : 'none',
|
|
128
|
-
|
|
129
|
-
|
|
130
|
-
importantForAccessibility: visible ? 'auto' : 'no-hide-descendants',
|
|
128
|
+
"aria-live": "polite",
|
|
129
|
+
"aria-hidden": !visible,
|
|
131
130
|
style: [styles.container, {
|
|
132
131
|
opacity: visibleAnim
|
|
133
132
|
}, style],
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["useNavigation","useTheme","Color","React","Animated","Image","Platform","StyleSheet","TextInput","View","clearIcon","closeIcon","searchIcon","PlatformPressable","Text","HeaderButton","HeaderIcon","jsx","_jsx","jsxs","_jsxs","INPUT_TYPE_TO_MODE","text","number","phone","email","useNativeDriver","OS","HeaderSearchBarInternal","visible","inputType","autoFocus","placeholder","cancelButtonText","enterKeyHint","onChangeText","onClose","tintColor","style","rest","ref","navigation","dark","colors","fonts","value","setValue","useState","rendered","setRendered","visibleAnim","Value","clearVisibleAnim","visibleValueRef","useRef","clearVisibleValueRef","inputRef","useEffect","current","timing","toValue","duration","start","finished","stopAnimation","hasText","clearText","useCallback","clear","focus","onClear","nativeEvent","cancelSearch","addListener","useImperativeHandle","blur","setText","setNativeProps","textColor","pointerEvents","
|
|
1
|
+
{"version":3,"names":["useNavigation","useTheme","Color","React","Animated","Image","Platform","StyleSheet","TextInput","View","clearIcon","closeIcon","searchIcon","PlatformPressable","Text","HeaderButton","HeaderIcon","jsx","_jsx","jsxs","_jsxs","INPUT_TYPE_TO_MODE","text","number","phone","email","useNativeDriver","OS","HeaderSearchBarInternal","visible","inputType","autoFocus","placeholder","cancelButtonText","enterKeyHint","onChangeText","onClose","tintColor","style","rest","ref","navigation","dark","colors","fonts","value","setValue","useState","rendered","setRendered","visibleAnim","Value","clearVisibleAnim","visibleValueRef","useRef","clearVisibleValueRef","inputRef","useEffect","current","timing","toValue","duration","start","finished","stopAnimation","hasText","clearText","useCallback","clear","focus","onClear","nativeEvent","cancelSearch","addListener","useImperativeHandle","blur","setText","setNativeProps","textColor","pointerEvents","styles","container","opacity","children","searchbarContainer","source","inputSearchIcon","onChange","inputMode","placeholderTextColor","alpha","string","cursorColor","primary","selectionHandleColor","selectionColor","regular","searchbar","backgroundColor","select","ios","default","color","borderBottomColor","onPress","transform","scale","clearButton","resizeMode","closeButton","cancelButton","cancelText","create","flex","flexDirection","alignItems","position","left","top","height","width","right","bottom","justifyContent","padding","alignSelf","fontSize","marginHorizontal","paddingHorizontal","marginLeft","marginTop","marginBottom","borderRadius","marginRight","borderBottomWidth","HeaderSearchBar","forwardRef"],"sourceRoot":"../../../src","sources":["Header/HeaderSearchBar.tsx"],"mappings":"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","ignoreList":[]}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["useTheme","Animated","Platform","StyleSheet","jsx","_jsx","HeaderTitle","tintColor","style","rest","colors","fonts","Text","
|
|
1
|
+
{"version":3,"names":["useTheme","Animated","Platform","StyleSheet","jsx","_jsx","HeaderTitle","tintColor","style","rest","colors","fonts","Text","role","numberOfLines","color","undefined","text","select","ios","bold","default","medium","styles","title","create","fontSize","android"],"sourceRoot":"../../../src","sources":["Header/HeaderTitle.tsx"],"mappings":";;AAAA,SAASA,QAAQ,QAAQ,0BAA0B;AACnD,SACEC,QAAQ,EACRC,QAAQ,EAERC,UAAU,QAGL,cAAc;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAQtB,OAAO,SAASC,WAAWA,CAAC;EAAEC,SAAS;EAAEC,KAAK;EAAE,GAAGC;AAAY,CAAC,EAAE;EAChE,MAAM;IAAEC,MAAM;IAAEC;EAAM,CAAC,GAAGX,QAAQ,CAAC,CAAC;EAEpC,oBACEK,IAAA,CAACJ,QAAQ,CAACW,IAAI;IACZC,IAAI,EAAC,SAAS;IACd,cAAW,GAAG;IACdC,aAAa,EAAE,CAAE;IAAA,GACbL,IAAI;IACRD,KAAK,EAAE,CACL;MAAEO,KAAK,EAAER,SAAS,KAAKS,SAAS,GAAGN,MAAM,CAACO,IAAI,GAAGV;IAAU,CAAC,EAC5DL,QAAQ,CAACgB,MAAM,CAAC;MAAEC,GAAG,EAAER,KAAK,CAACS,IAAI;MAAEC,OAAO,EAAEV,KAAK,CAACW;IAAO,CAAC,CAAC,EAC3DC,MAAM,CAACC,KAAK,EACZhB,KAAK;EACL,CACH,CAAC;AAEN;AAEA,MAAMe,MAAM,GAAGpB,UAAU,CAACsB,MAAM,CAAC;EAC/BD,KAAK,EAAEtB,QAAQ,CAACgB,MAAM,CAAC;IACrBC,GAAG,EAAE;MACHO,QAAQ,EAAE;IACZ,CAAC;IACDC,OAAO,EAAE;MACPD,QAAQ,EAAE;IACZ,CAAC;IACDL,OAAO,EAAE;MACPK,QAAQ,EAAE;IACZ;EACF,CAAC;AACH,CAAC,CAAC","ignoreList":[]}
|
|
@@ -12,7 +12,7 @@ const useNativeDriver = Platform.OS !== 'web';
|
|
|
12
12
|
/**
|
|
13
13
|
* PlatformPressable provides an abstraction on top of Pressable to handle platform differences.
|
|
14
14
|
*/
|
|
15
|
-
|
|
15
|
+
function PlatformPressableInternal({
|
|
16
16
|
disabled,
|
|
17
17
|
onPress,
|
|
18
18
|
onPressIn,
|
|
@@ -24,7 +24,7 @@ export function PlatformPressable({
|
|
|
24
24
|
style,
|
|
25
25
|
children,
|
|
26
26
|
...rest
|
|
27
|
-
}) {
|
|
27
|
+
}, ref) {
|
|
28
28
|
const {
|
|
29
29
|
dark
|
|
30
30
|
} = useTheme();
|
|
@@ -41,16 +41,19 @@ export function PlatformPressable({
|
|
|
41
41
|
}).start();
|
|
42
42
|
};
|
|
43
43
|
const handlePress = e => {
|
|
44
|
-
if (Platform.OS === 'web' && rest.href
|
|
45
|
-
//
|
|
46
|
-
const hasModifierKey = e.metaKey || e.altKey || e.ctrlKey ||
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
const
|
|
50
|
-
|
|
51
|
-
|
|
44
|
+
if (Platform.OS === 'web' && rest.href !== null) {
|
|
45
|
+
// ignore clicks with modifier keys
|
|
46
|
+
const hasModifierKey = 'metaKey' in e && e.metaKey || 'altKey' in e && e.altKey || 'ctrlKey' in e && e.ctrlKey || 'shiftKey' in e && e.shiftKey;
|
|
47
|
+
|
|
48
|
+
// only handle left clicks
|
|
49
|
+
const isLeftClick = 'button' in e ? e.button == null || e.button === 0 : true;
|
|
50
|
+
|
|
51
|
+
// let browser handle "target=_blank" etc.
|
|
52
|
+
const isSelfTarget = e.currentTarget && 'target' in e.currentTarget ? [undefined, null, '', 'self'].includes(e.currentTarget.target) : true;
|
|
52
53
|
if (!hasModifierKey && isLeftClick && isSelfTarget) {
|
|
53
54
|
e.preventDefault();
|
|
55
|
+
// call `onPress` only when browser default is prevented
|
|
56
|
+
// this prevents app from handling the click when a link is being opened
|
|
54
57
|
onPress?.(e);
|
|
55
58
|
}
|
|
56
59
|
} else {
|
|
@@ -66,8 +69,9 @@ export function PlatformPressable({
|
|
|
66
69
|
onPressOut?.(e);
|
|
67
70
|
};
|
|
68
71
|
return /*#__PURE__*/_jsxs(AnimatedPressable, {
|
|
72
|
+
ref: ref,
|
|
69
73
|
accessible: true,
|
|
70
|
-
|
|
74
|
+
role: Platform.OS === 'web' && rest.href != null ? 'link' : 'button',
|
|
71
75
|
onPress: disabled ? undefined : handlePress,
|
|
72
76
|
onPressIn: handlePressIn,
|
|
73
77
|
onPressOut: handlePressOut,
|
|
@@ -88,6 +92,8 @@ export function PlatformPressable({
|
|
|
88
92
|
}), children]
|
|
89
93
|
});
|
|
90
94
|
}
|
|
95
|
+
export const PlatformPressable = /*#__PURE__*/React.forwardRef(PlatformPressableInternal);
|
|
96
|
+
PlatformPressable.displayName = 'PlatformPressable';
|
|
91
97
|
const css = String.raw;
|
|
92
98
|
const CLASS_NAME = `__react-navigation_elements_Pressable_hover`;
|
|
93
99
|
const CSS_TEXT = css`
|
|
@@ -121,10 +127,7 @@ const HoverEffect = ({
|
|
|
121
127
|
}
|
|
122
128
|
return /*#__PURE__*/_jsxs(_Fragment, {
|
|
123
129
|
children: [/*#__PURE__*/_jsx("style", {
|
|
124
|
-
|
|
125
|
-
href: CLASS_NAME
|
|
126
|
-
// eslint-disable-next-line @eslint-react/dom/no-unknown-property
|
|
127
|
-
,
|
|
130
|
+
href: CLASS_NAME,
|
|
128
131
|
precedence: "elements",
|
|
129
132
|
children: CSS_TEXT
|
|
130
133
|
}), /*#__PURE__*/_jsx("div", {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["useTheme","React","Animated","Easing","Platform","Pressable","jsx","_jsx","jsxs","_jsxs","Fragment","_Fragment","AnimatedPressable","createAnimatedComponent","ANDROID_VERSION_LOLLIPOP","ANDROID_SUPPORTS_RIPPLE","OS","Version","useNativeDriver","
|
|
1
|
+
{"version":3,"names":["useTheme","React","Animated","Easing","Platform","Pressable","jsx","_jsx","jsxs","_jsxs","Fragment","_Fragment","AnimatedPressable","createAnimatedComponent","ANDROID_VERSION_LOLLIPOP","ANDROID_SUPPORTS_RIPPLE","OS","Version","useNativeDriver","PlatformPressableInternal","disabled","onPress","onPressIn","onPressOut","android_ripple","pressColor","pressOpacity","hoverEffect","style","children","rest","ref","dark","opacity","useState","Value","animateTo","toValue","duration","timing","easing","inOut","quad","start","handlePress","e","href","hasModifierKey","metaKey","altKey","ctrlKey","shiftKey","isLeftClick","button","isSelfTarget","currentTarget","undefined","includes","target","preventDefault","handlePressIn","handlePressOut","accessible","role","color","cursor","HoverEffect","PlatformPressable","forwardRef","displayName","css","String","raw","CLASS_NAME","CSS_TEXT","hoverOpacity","activeOpacity","precedence","className"],"sourceRoot":"../../src","sources":["PlatformPressable.tsx"],"mappings":"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","ignoreList":[]}
|
package/lib/module/Screen.js
CHANGED
|
@@ -28,8 +28,7 @@ export function Screen(props) {
|
|
|
28
28
|
} = props;
|
|
29
29
|
const [headerHeight, setHeaderHeight] = React.useState(() => getDefaultHeaderHeight(dimensions, modal, headerStatusBarHeight));
|
|
30
30
|
return /*#__PURE__*/_jsxs(Background, {
|
|
31
|
-
|
|
32
|
-
importantForAccessibility: focused ? 'auto' : 'no-hide-descendants',
|
|
31
|
+
"aria-hidden": !focused,
|
|
33
32
|
style: [styles.container, style]
|
|
34
33
|
// On Fabric we need to disable collapsing for the background to ensure
|
|
35
34
|
// that we won't render unnecessary views due to the view flattening.
|
package/lib/module/Screen.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["NavigationContext","NavigationRouteContext","React","StyleSheet","View","useSafeAreaFrame","useSafeAreaInsets","Background","getDefaultHeaderHeight","HeaderHeightContext","HeaderShownContext","jsx","_jsx","jsxs","_jsxs","Screen","props","dimensions","insets","isParentHeaderShown","useContext","parentHeaderHeight","focused","modal","header","headerShown","headerTransparent","headerStatusBarHeight","top","navigation","route","children","style","headerHeight","setHeaderHeight","useState","
|
|
1
|
+
{"version":3,"names":["NavigationContext","NavigationRouteContext","React","StyleSheet","View","useSafeAreaFrame","useSafeAreaInsets","Background","getDefaultHeaderHeight","HeaderHeightContext","HeaderShownContext","jsx","_jsx","jsxs","_jsxs","Screen","props","dimensions","insets","isParentHeaderShown","useContext","parentHeaderHeight","focused","modal","header","headerShown","headerTransparent","headerStatusBarHeight","top","navigation","route","children","style","headerHeight","setHeaderHeight","useState","styles","container","collapsable","Provider","value","pointerEvents","onLayout","e","height","nativeEvent","layout","absolute","content","create","flex","zIndex","position","start","end"],"sourceRoot":"../../src","sources":["Screen.tsx"],"mappings":"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","ignoreList":[]}
|
|
@@ -1,3 +1,4 @@
|
|
|
1
|
+
import * as React from 'react';
|
|
1
2
|
import type { HeaderButtonProps } from '../types';
|
|
2
|
-
export declare
|
|
3
|
+
export declare const HeaderButton: React.ForwardRefExoticComponent<HeaderButtonProps & React.RefAttributes<import("react-native").View | import("react-native").Animated.LegacyRef<import("react-native").View>>>;
|
|
3
4
|
//# sourceMappingURL=HeaderButton.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"HeaderButton.d.ts","sourceRoot":"","sources":["../../../../src/Header/HeaderButton.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"HeaderButton.d.ts","sourceRoot":"","sources":["../../../../src/Header/HeaderButton.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,UAAU,CAAC;AAsClD,eAAO,MAAM,YAAY,gLAAyC,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"HeaderSearchBar.d.ts","sourceRoot":"","sources":["../../../../src/Header/HeaderSearchBar.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EACL,QAAQ,EAGR,KAAK,SAAS,EAId,KAAK,SAAS,EACf,MAAM,cAAc,CAAC;AAOtB,OAAO,KAAK,EAAE,sBAAsB,EAAE,kBAAkB,EAAE,MAAM,UAAU,CAAC;
|
|
1
|
+
{"version":3,"file":"HeaderSearchBar.d.ts","sourceRoot":"","sources":["../../../../src/Header/HeaderSearchBar.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EACL,QAAQ,EAGR,KAAK,SAAS,EAId,KAAK,SAAS,EACf,MAAM,cAAc,CAAC;AAOtB,OAAO,KAAK,EAAE,sBAAsB,EAAE,kBAAkB,EAAE,MAAM,UAAU,CAAC;AA0S3E,eAAO,MAAM,eAAe;aArSjB,OAAO;aACP,MAAM,IAAI;gBACP,MAAM;YACV,QAAQ,CAAC,iBAAiB,CAAC,SAAS,CAAC,SAAS,CAAC,CAAC;4CAkSc,CAAC"}
|
|
@@ -6,6 +6,6 @@ type Props = {
|
|
|
6
6
|
maskElement: React.ReactElement;
|
|
7
7
|
children: React.ReactElement;
|
|
8
8
|
};
|
|
9
|
-
export declare function MaskedView({ children }: Props): React.ReactElement<
|
|
9
|
+
export declare function MaskedView({ children }: Props): React.ReactElement<unknown, string | React.JSXElementConstructor<any>>;
|
|
10
10
|
export {};
|
|
11
11
|
//# sourceMappingURL=MaskedView.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"MaskedView.d.ts","sourceRoot":"","sources":["../../../src/MaskedView.tsx"],"names":[],"mappings":"AAAA;;GAEG;AACH,OAAO,KAAK,KAAK,KAAK,MAAM,OAAO,CAAC;AAEpC,KAAK,KAAK,GAAG;IACX,WAAW,EAAE,KAAK,CAAC,YAAY,CAAC;IAChC,QAAQ,EAAE,KAAK,CAAC,YAAY,CAAC;CAC9B,CAAC;AAEF,wBAAgB,UAAU,CAAC,EAAE,QAAQ,EAAE,EAAE,KAAK,
|
|
1
|
+
{"version":3,"file":"MaskedView.d.ts","sourceRoot":"","sources":["../../../src/MaskedView.tsx"],"names":[],"mappings":"AAAA;;GAEG;AACH,OAAO,KAAK,KAAK,KAAK,MAAM,OAAO,CAAC;AAEpC,KAAK,KAAK,GAAG;IACX,WAAW,EAAE,KAAK,CAAC,YAAY,CAAC;IAChC,QAAQ,EAAE,KAAK,CAAC,YAAY,CAAC;CAC9B,CAAC;AAEF,wBAAgB,UAAU,CAAC,EAAE,QAAQ,EAAE,EAAE,KAAK,0EAE7C"}
|
|
@@ -1,21 +1,27 @@
|
|
|
1
1
|
import * as React from 'react';
|
|
2
|
-
import { Animated, type PressableProps, type StyleProp, type ViewStyle } from 'react-native';
|
|
2
|
+
import { Animated, type GestureResponderEvent, type PressableProps, type StyleProp, type ViewStyle } from 'react-native';
|
|
3
3
|
type HoverEffectProps = {
|
|
4
4
|
color?: string;
|
|
5
5
|
hoverOpacity?: number;
|
|
6
6
|
activeOpacity?: number;
|
|
7
7
|
};
|
|
8
|
-
export type Props = Omit<PressableProps, 'style'> & {
|
|
8
|
+
export type Props = Omit<PressableProps, 'style' | 'onPress'> & {
|
|
9
|
+
href?: string;
|
|
9
10
|
pressColor?: string;
|
|
10
11
|
pressOpacity?: number;
|
|
11
12
|
hoverEffect?: HoverEffectProps;
|
|
12
13
|
style?: Animated.WithAnimatedValue<StyleProp<ViewStyle>>;
|
|
13
|
-
|
|
14
|
+
onPress?: (e: React.MouseEvent<HTMLAnchorElement, MouseEvent> | GestureResponderEvent) => void;
|
|
14
15
|
children: React.ReactNode;
|
|
15
16
|
};
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
17
|
+
export declare const PlatformPressable: React.ForwardRefExoticComponent<Omit<PressableProps, "style" | "onPress"> & {
|
|
18
|
+
href?: string;
|
|
19
|
+
pressColor?: string;
|
|
20
|
+
pressOpacity?: number;
|
|
21
|
+
hoverEffect?: HoverEffectProps;
|
|
22
|
+
style?: Animated.WithAnimatedValue<StyleProp<ViewStyle>>;
|
|
23
|
+
onPress?: (e: React.MouseEvent<HTMLAnchorElement, MouseEvent> | GestureResponderEvent) => void;
|
|
24
|
+
children: React.ReactNode;
|
|
25
|
+
} & React.RefAttributes<import("react-native").View | Animated.LegacyRef<import("react-native").View>>>;
|
|
20
26
|
export {};
|
|
21
27
|
//# sourceMappingURL=PlatformPressable.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"PlatformPressable.d.ts","sourceRoot":"","sources":["../../../src/PlatformPressable.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EACL,QAAQ,
|
|
1
|
+
{"version":3,"file":"PlatformPressable.d.ts","sourceRoot":"","sources":["../../../src/PlatformPressable.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EACL,QAAQ,EAER,KAAK,qBAAqB,EAG1B,KAAK,cAAc,EACnB,KAAK,SAAS,EACd,KAAK,SAAS,EACf,MAAM,cAAc,CAAC;AAEtB,KAAK,gBAAgB,GAAG;IACtB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,aAAa,CAAC,EAAE,MAAM,CAAC;CACxB,CAAC;AAEF,MAAM,MAAM,KAAK,GAAG,IAAI,CAAC,cAAc,EAAE,OAAO,GAAG,SAAS,CAAC,GAAG;IAC9D,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,WAAW,CAAC,EAAE,gBAAgB,CAAC;IAC/B,KAAK,CAAC,EAAE,QAAQ,CAAC,iBAAiB,CAAC,SAAS,CAAC,SAAS,CAAC,CAAC,CAAC;IACzD,OAAO,CAAC,EAAE,CACR,CAAC,EAAE,KAAK,CAAC,UAAU,CAAC,iBAAiB,EAAE,UAAU,CAAC,GAAG,qBAAqB,KACvE,IAAI,CAAC;IACV,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B,CAAC;AAgIF,eAAO,MAAM,iBAAiB;WAzIrB,MAAM;iBACA,MAAM;mBACJ,MAAM;kBACP,gBAAgB;YACtB,QAAQ,CAAC,iBAAiB,CAAC,SAAS,CAAC,SAAS,CAAC,CAAC;cAC9C,CACR,CAAC,EAAE,KAAK,CAAC,UAAU,CAAC,iBAAiB,EAAE,UAAU,CAAC,GAAG,qBAAqB,KACvE,IAAI;cACC,KAAK,CAAC,SAAS;uGAiIiD,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Screen.d.ts","sourceRoot":"","sources":["../../../src/Screen.tsx"],"names":[],"mappings":"AAAA,OAAO,EAEL,KAAK,cAAc,EAEnB,KAAK,aAAa,EAClB,KAAK,SAAS,EACf,MAAM,0BAA0B,CAAC;AAClC,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EACL,QAAQ,EACR,KAAK,SAAS,EAGd,KAAK,SAAS,EACf,MAAM,cAAc,CAAC;AAWtB,KAAK,KAAK,GAAG;IACX,OAAO,EAAE,OAAO,CAAC;IACjB,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,UAAU,EAAE,cAAc,CAAC,aAAa,CAAC,CAAC;IAC1C,KAAK,EAAE,SAAS,CAAC,aAAa,CAAC,CAAC;IAChC,MAAM,EAAE,KAAK,CAAC,SAAS,CAAC;IACxB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,qBAAqB,CAAC,EAAE,MAAM,CAAC;IAC/B,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAC5B,KAAK,CAAC,EAAE,QAAQ,CAAC,iBAAiB,CAAC,SAAS,CAAC,SAAS,CAAC,CAAC,CAAC;IACzD,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B,CAAC;AAEF,wBAAgB,MAAM,CAAC,KAAK,EAAE,KAAK,
|
|
1
|
+
{"version":3,"file":"Screen.d.ts","sourceRoot":"","sources":["../../../src/Screen.tsx"],"names":[],"mappings":"AAAA,OAAO,EAEL,KAAK,cAAc,EAEnB,KAAK,aAAa,EAClB,KAAK,SAAS,EACf,MAAM,0BAA0B,CAAC;AAClC,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EACL,QAAQ,EACR,KAAK,SAAS,EAGd,KAAK,SAAS,EACf,MAAM,cAAc,CAAC;AAWtB,KAAK,KAAK,GAAG;IACX,OAAO,EAAE,OAAO,CAAC;IACjB,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,UAAU,EAAE,cAAc,CAAC,aAAa,CAAC,CAAC;IAC1C,KAAK,EAAE,SAAS,CAAC,aAAa,CAAC,CAAC;IAChC,MAAM,EAAE,KAAK,CAAC,SAAS,CAAC;IACxB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,qBAAqB,CAAC,EAAE,MAAM,CAAC;IAC/B,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAC5B,KAAK,CAAC,EAAE,QAAQ,CAAC,iBAAiB,CAAC,SAAS,CAAC,SAAS,CAAC,CAAC,CAAC;IACzD,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B,CAAC;AAEF,wBAAgB,MAAM,CAAC,KAAK,EAAE,KAAK,2CAiElC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"getDefaultSidebarWidth.d.ts","sourceRoot":"","sources":["../../../src/getDefaultSidebarWidth.tsx"],"names":[],"mappings":"AAGA,eAAO,MAAM,sBAAsB,
|
|
1
|
+
{"version":3,"file":"getDefaultSidebarWidth.d.ts","sourceRoot":"","sources":["../../../src/getDefaultSidebarWidth.tsx"],"names":[],"mappings":"AAGA,eAAO,MAAM,sBAAsB,GAAI,WAAW;IAAE,KAAK,EAAE,MAAM,CAAA;CAAE,WAWlE,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.
|
|
4
|
+
"version": "2.4.1",
|
|
5
5
|
"keywords": [
|
|
6
6
|
"react-native",
|
|
7
7
|
"react-navigation",
|
|
@@ -47,19 +47,19 @@
|
|
|
47
47
|
"devDependencies": {
|
|
48
48
|
"@jest/globals": "^29.7.0",
|
|
49
49
|
"@react-native-masked-view/masked-view": "0.3.2",
|
|
50
|
-
"@react-navigation/native": "^7.1.
|
|
51
|
-
"@testing-library/react-native": "^
|
|
52
|
-
"@types/react": "~
|
|
53
|
-
"del-cli": "^
|
|
54
|
-
"react": "
|
|
55
|
-
"react-native": "0.
|
|
56
|
-
"react-native-builder-bob": "^0.40.
|
|
57
|
-
"react-test-renderer": "
|
|
58
|
-
"typescript": "^5.
|
|
50
|
+
"@react-navigation/native": "^7.1.8",
|
|
51
|
+
"@testing-library/react-native": "^13.2.0",
|
|
52
|
+
"@types/react": "~19.0.10",
|
|
53
|
+
"del-cli": "^6.0.0",
|
|
54
|
+
"react": "19.0.0",
|
|
55
|
+
"react-native": "0.79.2",
|
|
56
|
+
"react-native-builder-bob": "^0.40.9",
|
|
57
|
+
"react-test-renderer": "19.0.0",
|
|
58
|
+
"typescript": "^5.8.3"
|
|
59
59
|
},
|
|
60
60
|
"peerDependencies": {
|
|
61
61
|
"@react-native-masked-view/masked-view": ">= 0.2.0",
|
|
62
|
-
"@react-navigation/native": "^7.1.
|
|
62
|
+
"@react-navigation/native": "^7.1.8",
|
|
63
63
|
"react": ">= 18.2.0",
|
|
64
64
|
"react-native": "*",
|
|
65
65
|
"react-native-safe-area-context": ">= 4.0.0"
|
|
@@ -87,5 +87,5 @@
|
|
|
87
87
|
]
|
|
88
88
|
]
|
|
89
89
|
},
|
|
90
|
-
"gitHead": "
|
|
90
|
+
"gitHead": "09d65bcdc908883c8cdd1b93fde19cec4b799ad6"
|
|
91
91
|
}
|
|
@@ -1,24 +1,29 @@
|
|
|
1
|
+
import * as React from 'react';
|
|
1
2
|
import { Platform, StyleSheet } from 'react-native';
|
|
2
3
|
|
|
3
4
|
import { PlatformPressable } from '../PlatformPressable';
|
|
4
5
|
import type { HeaderButtonProps } from '../types';
|
|
5
6
|
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
7
|
+
function HeaderButtonInternal(
|
|
8
|
+
{
|
|
9
|
+
disabled,
|
|
10
|
+
onPress,
|
|
11
|
+
pressColor,
|
|
12
|
+
pressOpacity,
|
|
13
|
+
accessibilityLabel,
|
|
14
|
+
testID,
|
|
15
|
+
style,
|
|
16
|
+
href,
|
|
17
|
+
children,
|
|
18
|
+
}: HeaderButtonProps,
|
|
19
|
+
ref: React.Ref<React.ComponentRef<typeof PlatformPressable>>
|
|
20
|
+
) {
|
|
17
21
|
return (
|
|
18
22
|
<PlatformPressable
|
|
23
|
+
ref={ref}
|
|
19
24
|
disabled={disabled}
|
|
20
25
|
href={href}
|
|
21
|
-
|
|
26
|
+
aria-label={accessibilityLabel}
|
|
22
27
|
testID={testID}
|
|
23
28
|
onPress={onPress}
|
|
24
29
|
pressColor={pressColor}
|
|
@@ -35,6 +40,10 @@ export function HeaderButton({
|
|
|
35
40
|
);
|
|
36
41
|
}
|
|
37
42
|
|
|
43
|
+
export const HeaderButton = React.forwardRef(HeaderButtonInternal);
|
|
44
|
+
|
|
45
|
+
HeaderButton.displayName = 'HeaderButton';
|
|
46
|
+
|
|
38
47
|
const androidRipple = {
|
|
39
48
|
borderless: true,
|
|
40
49
|
foreground: Platform.OS === 'android' && Platform.Version >= 23,
|
|
@@ -157,9 +157,8 @@ function HeaderSearchBarInternal(
|
|
|
157
157
|
return (
|
|
158
158
|
<Animated.View
|
|
159
159
|
pointerEvents={visible ? 'auto' : 'none'}
|
|
160
|
-
|
|
161
|
-
|
|
162
|
-
importantForAccessibility={visible ? 'auto' : 'no-hide-descendants'}
|
|
160
|
+
aria-live="polite"
|
|
161
|
+
aria-hidden={!visible}
|
|
163
162
|
style={[styles.container, { opacity: visibleAnim }, style]}
|
|
164
163
|
>
|
|
165
164
|
<View style={styles.searchbarContainer}>
|
|
@@ -17,12 +17,15 @@ type HoverEffectProps = {
|
|
|
17
17
|
activeOpacity?: number;
|
|
18
18
|
};
|
|
19
19
|
|
|
20
|
-
export type Props = Omit<PressableProps, 'style'> & {
|
|
20
|
+
export type Props = Omit<PressableProps, 'style' | 'onPress'> & {
|
|
21
|
+
href?: string;
|
|
21
22
|
pressColor?: string;
|
|
22
23
|
pressOpacity?: number;
|
|
23
24
|
hoverEffect?: HoverEffectProps;
|
|
24
25
|
style?: Animated.WithAnimatedValue<StyleProp<ViewStyle>>;
|
|
25
|
-
|
|
26
|
+
onPress?: (
|
|
27
|
+
e: React.MouseEvent<HTMLAnchorElement, MouseEvent> | GestureResponderEvent
|
|
28
|
+
) => void;
|
|
26
29
|
children: React.ReactNode;
|
|
27
30
|
};
|
|
28
31
|
|
|
@@ -37,19 +40,22 @@ const useNativeDriver = Platform.OS !== 'web';
|
|
|
37
40
|
/**
|
|
38
41
|
* PlatformPressable provides an abstraction on top of Pressable to handle platform differences.
|
|
39
42
|
*/
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
|
|
43
|
+
function PlatformPressableInternal(
|
|
44
|
+
{
|
|
45
|
+
disabled,
|
|
46
|
+
onPress,
|
|
47
|
+
onPressIn,
|
|
48
|
+
onPressOut,
|
|
49
|
+
android_ripple,
|
|
50
|
+
pressColor,
|
|
51
|
+
pressOpacity = 0.3,
|
|
52
|
+
hoverEffect,
|
|
53
|
+
style,
|
|
54
|
+
children,
|
|
55
|
+
...rest
|
|
56
|
+
}: Props,
|
|
57
|
+
ref: React.Ref<React.ComponentRef<typeof AnimatedPressable>>
|
|
58
|
+
) {
|
|
53
59
|
const { dark } = useTheme();
|
|
54
60
|
const [opacity] = React.useState(() => new Animated.Value(1));
|
|
55
61
|
|
|
@@ -66,18 +72,31 @@ export function PlatformPressable({
|
|
|
66
72
|
}).start();
|
|
67
73
|
};
|
|
68
74
|
|
|
69
|
-
const handlePress = (
|
|
70
|
-
|
|
71
|
-
|
|
72
|
-
|
|
73
|
-
//
|
|
74
|
-
const
|
|
75
|
-
|
|
76
|
-
|
|
77
|
-
e.
|
|
78
|
-
|
|
75
|
+
const handlePress = (
|
|
76
|
+
e: React.MouseEvent<HTMLAnchorElement, MouseEvent> | GestureResponderEvent
|
|
77
|
+
) => {
|
|
78
|
+
if (Platform.OS === 'web' && rest.href !== null) {
|
|
79
|
+
// ignore clicks with modifier keys
|
|
80
|
+
const hasModifierKey =
|
|
81
|
+
('metaKey' in e && e.metaKey) ||
|
|
82
|
+
('altKey' in e && e.altKey) ||
|
|
83
|
+
('ctrlKey' in e && e.ctrlKey) ||
|
|
84
|
+
('shiftKey' in e && e.shiftKey);
|
|
85
|
+
|
|
86
|
+
// only handle left clicks
|
|
87
|
+
const isLeftClick =
|
|
88
|
+
'button' in e ? e.button == null || e.button === 0 : true;
|
|
89
|
+
|
|
90
|
+
// let browser handle "target=_blank" etc.
|
|
91
|
+
const isSelfTarget =
|
|
92
|
+
e.currentTarget && 'target' in e.currentTarget
|
|
93
|
+
? [undefined, null, '', 'self'].includes(e.currentTarget.target)
|
|
94
|
+
: true;
|
|
95
|
+
|
|
79
96
|
if (!hasModifierKey && isLeftClick && isSelfTarget) {
|
|
80
97
|
e.preventDefault();
|
|
98
|
+
// call `onPress` only when browser default is prevented
|
|
99
|
+
// this prevents app from handling the click when a link is being opened
|
|
81
100
|
onPress?.(e);
|
|
82
101
|
}
|
|
83
102
|
} else {
|
|
@@ -97,10 +116,9 @@ export function PlatformPressable({
|
|
|
97
116
|
|
|
98
117
|
return (
|
|
99
118
|
<AnimatedPressable
|
|
119
|
+
ref={ref}
|
|
100
120
|
accessible
|
|
101
|
-
|
|
102
|
-
Platform.OS === 'web' && rest.href != null ? 'link' : 'button'
|
|
103
|
-
}
|
|
121
|
+
role={Platform.OS === 'web' && rest.href != null ? 'link' : 'button'}
|
|
104
122
|
onPress={disabled ? undefined : handlePress}
|
|
105
123
|
onPressIn={handlePressIn}
|
|
106
124
|
onPressOut={handlePressOut}
|
|
@@ -137,6 +155,10 @@ export function PlatformPressable({
|
|
|
137
155
|
);
|
|
138
156
|
}
|
|
139
157
|
|
|
158
|
+
export const PlatformPressable = React.forwardRef(PlatformPressableInternal);
|
|
159
|
+
|
|
160
|
+
PlatformPressable.displayName = 'PlatformPressable';
|
|
161
|
+
|
|
140
162
|
const css = String.raw;
|
|
141
163
|
|
|
142
164
|
const CLASS_NAME = `__react-navigation_elements_Pressable_hover`;
|
|
@@ -174,12 +196,7 @@ const HoverEffect = ({
|
|
|
174
196
|
|
|
175
197
|
return (
|
|
176
198
|
<>
|
|
177
|
-
<style
|
|
178
|
-
// @ts-expect-error: href and precedence are only available on React 19
|
|
179
|
-
href={CLASS_NAME}
|
|
180
|
-
// eslint-disable-next-line @eslint-react/dom/no-unknown-property
|
|
181
|
-
precedence="elements"
|
|
182
|
-
>
|
|
199
|
+
<style href={CLASS_NAME} precedence="elements">
|
|
183
200
|
{CSS_TEXT}
|
|
184
201
|
</style>
|
|
185
202
|
<div
|
package/src/Screen.tsx
CHANGED
|
@@ -62,8 +62,7 @@ export function Screen(props: Props) {
|
|
|
62
62
|
|
|
63
63
|
return (
|
|
64
64
|
<Background
|
|
65
|
-
|
|
66
|
-
importantForAccessibility={focused ? 'auto' : 'no-hide-descendants'}
|
|
65
|
+
aria-hidden={!focused}
|
|
67
66
|
style={[styles.container, style]}
|
|
68
67
|
// On Fabric we need to disable collapsing for the background to ensure
|
|
69
68
|
// that we won't render unnecessary views due to the view flattening.
|
|
@@ -94,7 +93,7 @@ export function Screen(props: Props) {
|
|
|
94
93
|
value={isParentHeaderShown || headerShown !== false}
|
|
95
94
|
>
|
|
96
95
|
<HeaderHeightContext.Provider
|
|
97
|
-
value={headerShown ? headerHeight : parentHeaderHeight ?? 0}
|
|
96
|
+
value={headerShown ? headerHeight : (parentHeaderHeight ?? 0)}
|
|
98
97
|
>
|
|
99
98
|
{children}
|
|
100
99
|
</HeaderHeightContext.Provider>
|