@react-navigation/elements 3.0.0-alpha.24 → 3.0.0-alpha.25
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.
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
|
-
import { useTheme } from '@react-navigation/native';
|
|
3
|
+
import { IsFocusedContext, useTheme } from '@react-navigation/native';
|
|
4
4
|
import * as React from 'react';
|
|
5
5
|
import { Animated, Easing, Platform, Pressable } from 'react-native';
|
|
6
6
|
import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
|
|
@@ -69,9 +69,19 @@ export function PlatformPressable({
|
|
|
69
69
|
animateTo(1, 200);
|
|
70
70
|
onPressOut?.(e);
|
|
71
71
|
};
|
|
72
|
+
let focusable;
|
|
73
|
+
if (disabled) {
|
|
74
|
+
focusable = false;
|
|
75
|
+
} else if (Platform.isTV) {
|
|
76
|
+
// On `react-native-tvos`, the focus engine doesn't respect `aria-hidden` on screens
|
|
77
|
+
// So we hide them from TV focus engine for unfocused screens
|
|
78
|
+
focusable = React.use(IsFocusedContext);
|
|
79
|
+
}
|
|
72
80
|
return /*#__PURE__*/_jsxs(AnimatedPressable, {
|
|
73
81
|
ref: ref,
|
|
74
82
|
accessible: true,
|
|
83
|
+
disabled: disabled,
|
|
84
|
+
focusable: focusable,
|
|
75
85
|
role: Platform.OS === 'web' && rest.href != null ? 'link' : 'button',
|
|
76
86
|
onPress: disabled ? undefined : handlePress,
|
|
77
87
|
onPressIn: disabled ? undefined : handlePressIn,
|
|
@@ -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","PlatformPressable","disabled","onPress","onPressIn","onPressOut","android_ripple","pressColor","pressOpacity","hoverEffect","style","children","ref","rest","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","css","String","raw","CLASS_NAME","CSS_TEXT","hoverOpacity","activeOpacity","precedence","className"],"sourceRoot":"../../src","sources":["PlatformPressable.tsx"],"mappings":";;AAAA,SAASA,QAAQ,QAAQ,0BAA0B;
|
|
1
|
+
{"version":3,"names":["IsFocusedContext","useTheme","React","Animated","Easing","Platform","Pressable","jsx","_jsx","jsxs","_jsxs","Fragment","_Fragment","AnimatedPressable","createAnimatedComponent","ANDROID_VERSION_LOLLIPOP","ANDROID_SUPPORTS_RIPPLE","OS","Version","useNativeDriver","PlatformPressable","disabled","onPress","onPressIn","onPressOut","android_ripple","pressColor","pressOpacity","hoverEffect","style","children","ref","rest","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","focusable","isTV","use","accessible","role","color","cursor","HoverEffect","css","String","raw","CLASS_NAME","CSS_TEXT","hoverOpacity","activeOpacity","precedence","className"],"sourceRoot":"../../src","sources":["PlatformPressable.tsx"],"mappings":";;AAAA,SAASA,gBAAgB,EAAEC,QAAQ,QAAQ,0BAA0B;AACrE,OAAO,KAAKC,KAAK,MAAM,OAAO;AAC9B,SACEC,QAAQ,EAERC,MAAM,EAENC,QAAQ,EACRC,SAAS,QAIJ,cAAc;AAAC,SAAAC,GAAA,IAAAC,IAAA,EAAAC,IAAA,IAAAC,KAAA,EAAAC,QAAA,IAAAC,SAAA;AAyBtB,MAAMC,iBAAiB,GAAGV,QAAQ,CAACW,uBAAuB,CAACR,SAAS,CAAC;AAErE,MAAMS,wBAAwB,GAAG,EAAE;AACnC,MAAMC,uBAAuB,GAC3BX,QAAQ,CAACY,EAAE,KAAK,SAAS,IAAIZ,QAAQ,CAACa,OAAO,IAAIH,wBAAwB;AAE3E,MAAMI,eAAe,GAAGd,QAAQ,CAACY,EAAE,KAAK,KAAK;;AAE7C;AACA;AACA;AACA,OAAO,SAASG,iBAAiBA,CAAC;EAChCC,QAAQ;EACRC,OAAO;EACPC,SAAS;EACTC,UAAU;EACVC,cAAc;EACdC,UAAU;EACVC,YAAY,GAAG,GAAG;EAClBC,WAAW;EACXC,KAAK;EACLC,QAAQ;EACRC,GAAG;EACH,GAAGC;AACE,CAAC,EAAE;EACR,MAAM;IAAEC;EAAK,CAAC,GAAGhC,QAAQ,CAAC,CAAC;EAC3B,MAAM,CAACiC,OAAO,CAAC,GAAGhC,KAAK,CAACiC,QAAQ,CAAC,MAAM,IAAIhC,QAAQ,CAACiC,KAAK,CAAC,CAAC,CAAC,CAAC;EAE7D,MAAMC,SAAS,GAAGA,CAACC,OAAe,EAAEC,QAAgB,KAAK;IACvD,IAAIvB,uBAAuB,EAAE;MAC3B;IACF;IAEAb,QAAQ,CAACqC,MAAM,CAACN,OAAO,EAAE;MACvBI,OAAO;MACPC,QAAQ;MACRE,MAAM,EAAErC,MAAM,CAACsC,KAAK,CAACtC,MAAM,CAACuC,IAAI,CAAC;MACjCxB;IACF,CAAC,CAAC,CAACyB,KAAK,CAAC,CAAC;EACZ,CAAC;EAED,MAAMC,WAAW,GACfC,CAA0E,IACvE;IACH,IAAIzC,QAAQ,CAACY,EAAE,KAAK,KAAK,IAAIe,IAAI,CAACe,IAAI,KAAK,IAAI,EAAE;MAC/C;MACA,MAAMC,cAAc,GACjB,SAAS,IAAIF,CAAC,IAAIA,CAAC,CAACG,OAAO,IAC3B,QAAQ,IAAIH,CAAC,IAAIA,CAAC,CAACI,MAAO,IAC1B,SAAS,IAAIJ,CAAC,IAAIA,CAAC,CAACK,OAAQ,IAC5B,UAAU,IAAIL,CAAC,IAAIA,CAAC,CAACM,QAAS;;MAEjC;MACA,MAAMC,WAAW,GACf,QAAQ,IAAIP,CAAC,GAAGA,CAAC,CAACQ,MAAM,IAAI,IAAI,IAAIR,CAAC,CAACQ,MAAM,KAAK,CAAC,GAAG,IAAI;;MAE3D;MACA,MAAMC,YAAY,GAChBT,CAAC,CAACU,aAAa,IAAI,QAAQ,IAAIV,CAAC,CAACU,aAAa,GAC1C,CAACC,SAAS,EAAE,IAAI,EAAE,EAAE,EAAE,MAAM,CAAC,CAACC,QAAQ,CAACZ,CAAC,CAACU,aAAa,CAACG,MAAM,CAAC,GAC9D,IAAI;MAEV,IAAI,CAACX,cAAc,IAAIK,WAAW,IAAIE,YAAY,EAAE;QAClDT,CAAC,CAACc,cAAc,CAAC,CAAC;QAClB;QACA;QACAtC,OAAO,GAAGwB,CAAC,CAAC;MACd;IACF,CAAC,MAAM;MACLxB,OAAO,GAAGwB,CAAC,CAAC;IACd;EACF,CAAC;EAED,MAAMe,aAAa,GAAIf,CAAwB,IAAK;IAClDT,SAAS,CAACV,YAAY,EAAE,CAAC,CAAC;IAC1BJ,SAAS,GAAGuB,CAAC,CAAC;EAChB,CAAC;EAED,MAAMgB,cAAc,GAAIhB,CAAwB,IAAK;IACnDT,SAAS,CAAC,CAAC,EAAE,GAAG,CAAC;IACjBb,UAAU,GAAGsB,CAAC,CAAC;EACjB,CAAC;EAED,IAAIiB,SAA8B;EAElC,IAAI1C,QAAQ,EAAE;IACZ0C,SAAS,GAAG,KAAK;EACnB,CAAC,MAAM,IAAI1D,QAAQ,CAAC2D,IAAI,EAAE;IACxB;IACA;IACAD,SAAS,GAAG7D,KAAK,CAAC+D,GAAG,CAACjE,gBAAgB,CAAC;EACzC;EAEA,oBACEU,KAAA,CAACG,iBAAiB;IAChBkB,GAAG,EAAEA,GAAI;IACTmC,UAAU;IACV7C,QAAQ,EAAEA,QAAS;IACnB0C,SAAS,EAAEA,SAAU;IACrBI,IAAI,EAAE9D,QAAQ,CAACY,EAAE,KAAK,KAAK,IAAIe,IAAI,CAACe,IAAI,IAAI,IAAI,GAAG,MAAM,GAAG,QAAS;IACrEzB,OAAO,EAAED,QAAQ,GAAGoC,SAAS,GAAGZ,WAAY;IAC5CtB,SAAS,EAAEF,QAAQ,GAAGoC,SAAS,GAAGI,aAAc;IAChDrC,UAAU,EAAEH,QAAQ,GAAGoC,SAAS,GAAGK,cAAe;IAClDrC,cAAc,EACZT,uBAAuB,IAAI,CAACK,QAAQ,GAChC;MACE+C,KAAK,EACH1C,UAAU,KAAK+B,SAAS,GACpB/B,UAAU,GACVO,IAAI,GACF,0BAA0B,GAC1B,oBAAoB;MAC5B,GAAGR;IACL,CAAC,GACDgC,SACL;IACD5B,KAAK,EAAE,CACL;MACEwC,MAAM,EACJ,CAAChE,QAAQ,CAACY,EAAE,KAAK,KAAK,IAAIZ,QAAQ,CAACY,EAAE,KAAK,KAAK,KAAK,CAACI,QAAQ;MACzD;MACA;MACA,SAAS,GACT,MAAM;MACZa,OAAO,EAAE,CAAClB,uBAAuB,IAAI,CAACK,QAAQ,GAAGa,OAAO,GAAG;IAC7D,CAAC,EACDL,KAAK,CACL;IAAA,GACEG,IAAI;IAAAF,QAAA,GAEP,CAACT,QAAQ,gBAAGb,IAAA,CAAC8D,WAAW;MAAA,GAAK1C;IAAW,CAAG,CAAC,GAAG,IAAI,EACnDE,QAAQ;EAAA,CACQ,CAAC;AAExB;AAEA,MAAMyC,GAAG,GAAGC,MAAM,CAACC,GAAG;AAEtB,MAAMC,UAAU,GAAG,6CAA6C;AAEhE,MAAMC,QAAQ,GAAGJ,GAAG;AACpB,KAAKG,UAAU;AACf;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,eAAeA,UAAU,qBAAqBA,UAAU;AACxD;AACA;AACA;AACA,gBAAgBA,UAAU,sBAAsBA,UAAU;AAC1D;AACA;AACA,CAAC;AAED,MAAMJ,WAAW,GAAGA,CAAC;EACnBF,KAAK;EACLQ,YAAY,GAAG,IAAI;EACnBC,aAAa,GAAG;AACA,CAAC,KAAK;EACtB,IAAIxE,QAAQ,CAACY,EAAE,KAAK,KAAK,IAAImD,KAAK,IAAI,IAAI,EAAE;IAC1C,OAAO,IAAI;EACb;EAEA,oBACE1D,KAAA,CAAAE,SAAA;IAAAkB,QAAA,gBACEtB,IAAA;MAAOuC,IAAI,EAAE2B,UAAW;MAACI,UAAU,EAAC,UAAU;MAAAhD,QAAA,EAC3C6C;IAAQ,CACJ,CAAC,eACRnE,IAAA;MACEuE,SAAS,EAAEL,UAAW;MACtB7C,KAAK,EAAE;QACL;QACA,iBAAiB,EAAEuC,KAAK;QACxB,yBAAyB,EAAEQ,YAAY;QACvC,0BAA0B,EAAEC;MAC9B;IAAE,CACH,CAAC;EAAA,CACF,CAAC;AAEP,CAAC","ignoreList":[]}
|
|
@@ -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,EACR,KAAK,UAAU,EAEf,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,GAAG,SAAS,CAAC;IAC1B,UAAU,CAAC,EAAE,UAAU,GAAG,SAAS,CAAC;IACpC,YAAY,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IAClC,WAAW,CAAC,EAAE,gBAAgB,GAAG,SAAS,CAAC;IAC3C,KAAK,CAAC,EAAE,QAAQ,CAAC,iBAAiB,CAAC,SAAS,CAAC,SAAS,CAAC,CAAC,GAAG,SAAS,CAAC;IACrE,OAAO,CAAC,EACJ,CAAC,CACC,CAAC,EACG,KAAK,CAAC,UAAU,CAAC,iBAAiB,EAAE,UAAU,CAAC,GAC/C,qBAAqB,KACtB,IAAI,CAAC,GACV,SAAS,CAAC;IACd,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,GAAG,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,KAAK,CAAC,YAAY,CAAC,OAAO,iBAAiB,CAAC,CAAC,CAAC;CAC/D,CAAC;AAEF,QAAA,MAAM,iBAAiB,gIAA8C,CAAC;AAQtE;;GAEG;AACH,wBAAgB,iBAAiB,CAAC,EAChC,QAAQ,EACR,OAAO,EACP,SAAS,EACT,UAAU,EACV,cAAc,EACd,UAAU,EACV,YAAkB,EAClB,WAAW,EACX,KAAK,EACL,QAAQ,EACR,GAAG,EACH,GAAG,IAAI,EACR,EAAE,KAAK,
|
|
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,EACR,KAAK,UAAU,EAEf,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,GAAG,SAAS,CAAC;IAC1B,UAAU,CAAC,EAAE,UAAU,GAAG,SAAS,CAAC;IACpC,YAAY,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IAClC,WAAW,CAAC,EAAE,gBAAgB,GAAG,SAAS,CAAC;IAC3C,KAAK,CAAC,EAAE,QAAQ,CAAC,iBAAiB,CAAC,SAAS,CAAC,SAAS,CAAC,CAAC,GAAG,SAAS,CAAC;IACrE,OAAO,CAAC,EACJ,CAAC,CACC,CAAC,EACG,KAAK,CAAC,UAAU,CAAC,iBAAiB,EAAE,UAAU,CAAC,GAC/C,qBAAqB,KACtB,IAAI,CAAC,GACV,SAAS,CAAC;IACd,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,GAAG,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,KAAK,CAAC,YAAY,CAAC,OAAO,iBAAiB,CAAC,CAAC,CAAC;CAC/D,CAAC;AAEF,QAAA,MAAM,iBAAiB,gIAA8C,CAAC;AAQtE;;GAEG;AACH,wBAAgB,iBAAiB,CAAC,EAChC,QAAQ,EACR,OAAO,EACP,SAAS,EACT,UAAU,EACV,cAAc,EACd,UAAU,EACV,YAAkB,EAClB,WAAW,EACX,KAAK,EACL,QAAQ,EACR,GAAG,EACH,GAAG,IAAI,EACR,EAAE,KAAK,2CA8GP"}
|
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": "3.0.0-alpha.
|
|
4
|
+
"version": "3.0.0-alpha.25",
|
|
5
5
|
"keywords": [
|
|
6
6
|
"react-native",
|
|
7
7
|
"react-navigation",
|
|
@@ -54,7 +54,7 @@
|
|
|
54
54
|
"devDependencies": {
|
|
55
55
|
"@callstack/liquid-glass": "^0.7.1",
|
|
56
56
|
"@jest/globals": "^30.3.0",
|
|
57
|
-
"@react-navigation/native": "^8.0.0-alpha.
|
|
57
|
+
"@react-navigation/native": "^8.0.0-alpha.22",
|
|
58
58
|
"@testing-library/react-native": "^13.3.3",
|
|
59
59
|
"@types/react": "~19.2.2",
|
|
60
60
|
"@types/use-sync-external-store": "^1.5.0",
|
|
@@ -68,7 +68,7 @@
|
|
|
68
68
|
},
|
|
69
69
|
"peerDependencies": {
|
|
70
70
|
"@callstack/liquid-glass": ">= 0.6.0",
|
|
71
|
-
"@react-navigation/native": "^8.0.0-alpha.
|
|
71
|
+
"@react-navigation/native": "^8.0.0-alpha.22",
|
|
72
72
|
"react": ">= 19.2.0",
|
|
73
73
|
"react-native": "*",
|
|
74
74
|
"react-native-safe-area-context": ">= 5.5.0",
|
|
@@ -92,5 +92,5 @@
|
|
|
92
92
|
]
|
|
93
93
|
]
|
|
94
94
|
},
|
|
95
|
-
"gitHead": "
|
|
95
|
+
"gitHead": "1483f82dfc630d749082390717526776608c43ea"
|
|
96
96
|
}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { useTheme } from '@react-navigation/native';
|
|
1
|
+
import { IsFocusedContext, useTheme } from '@react-navigation/native';
|
|
2
2
|
import * as React from 'react';
|
|
3
3
|
import {
|
|
4
4
|
Animated,
|
|
@@ -118,10 +118,22 @@ export function PlatformPressable({
|
|
|
118
118
|
onPressOut?.(e);
|
|
119
119
|
};
|
|
120
120
|
|
|
121
|
+
let focusable: boolean | undefined;
|
|
122
|
+
|
|
123
|
+
if (disabled) {
|
|
124
|
+
focusable = false;
|
|
125
|
+
} else if (Platform.isTV) {
|
|
126
|
+
// On `react-native-tvos`, the focus engine doesn't respect `aria-hidden` on screens
|
|
127
|
+
// So we hide them from TV focus engine for unfocused screens
|
|
128
|
+
focusable = React.use(IsFocusedContext);
|
|
129
|
+
}
|
|
130
|
+
|
|
121
131
|
return (
|
|
122
132
|
<AnimatedPressable
|
|
123
133
|
ref={ref}
|
|
124
134
|
accessible
|
|
135
|
+
disabled={disabled}
|
|
136
|
+
focusable={focusable}
|
|
125
137
|
role={Platform.OS === 'web' && rest.href != null ? 'link' : 'button'}
|
|
126
138
|
onPress={disabled ? undefined : handlePress}
|
|
127
139
|
onPressIn={disabled ? undefined : handlePressIn}
|