@react-navigation/native-stack 7.0.0-alpha.0 → 7.0.0-alpha.10
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/index.js +11 -5
- package/lib/commonjs/index.js.map +1 -1
- package/lib/commonjs/navigators/createNativeStackNavigator.js +27 -28
- package/lib/commonjs/navigators/createNativeStackNavigator.js.map +1 -1
- package/lib/commonjs/types.js.map +1 -1
- package/lib/commonjs/utils/useAnimatedHeaderHeight.js +19 -0
- package/lib/commonjs/utils/useAnimatedHeaderHeight.js.map +1 -0
- package/lib/commonjs/utils/useDismissedRouteError.js +5 -6
- package/lib/commonjs/utils/useDismissedRouteError.js.map +1 -1
- package/lib/commonjs/utils/useInvalidPreventRemoveError.js +5 -6
- package/lib/commonjs/utils/useInvalidPreventRemoveError.js.map +1 -1
- package/lib/commonjs/views/DebugContainer.js +4 -4
- package/lib/commonjs/views/DebugContainer.js.map +1 -1
- package/lib/commonjs/views/DebugContainer.native.js +22 -12
- package/lib/commonjs/views/DebugContainer.native.js.map +1 -1
- package/lib/commonjs/views/FontProcessor.js.map +1 -1
- package/lib/commonjs/views/FontProcessor.native.js +2 -4
- package/lib/commonjs/views/FontProcessor.native.js.map +1 -1
- package/lib/commonjs/views/HeaderConfig.js +36 -36
- package/lib/commonjs/views/HeaderConfig.js.map +1 -1
- package/lib/commonjs/views/NativeStackView.js +24 -12
- package/lib/commonjs/views/NativeStackView.js.map +1 -1
- package/lib/commonjs/views/NativeStackView.native.js +128 -50
- package/lib/commonjs/views/NativeStackView.native.js.map +1 -1
- package/lib/module/index.js +7 -2
- package/lib/module/index.js.map +1 -1
- package/lib/module/navigators/createNativeStackNavigator.js +23 -22
- package/lib/module/navigators/createNativeStackNavigator.js.map +1 -1
- package/lib/module/types.js.map +1 -1
- package/lib/module/utils/useAnimatedHeaderHeight.js +10 -0
- package/lib/module/utils/useAnimatedHeaderHeight.js.map +1 -0
- package/lib/module/utils/useDismissedRouteError.js +2 -3
- package/lib/module/utils/useDismissedRouteError.js.map +1 -1
- package/lib/module/utils/useInvalidPreventRemoveError.js +3 -4
- package/lib/module/utils/useInvalidPreventRemoveError.js.map +1 -1
- package/lib/module/views/DebugContainer.js +1 -1
- package/lib/module/views/DebugContainer.js.map +1 -1
- package/lib/module/views/DebugContainer.native.js +19 -7
- package/lib/module/views/DebugContainer.native.js.map +1 -1
- package/lib/module/views/FontProcessor.js.map +1 -1
- package/lib/module/views/FontProcessor.native.js +2 -4
- package/lib/module/views/FontProcessor.native.js.map +1 -1
- package/lib/module/views/HeaderConfig.js +36 -36
- package/lib/module/views/HeaderConfig.js.map +1 -1
- package/lib/module/views/NativeStackView.js +22 -10
- package/lib/module/views/NativeStackView.js.map +1 -1
- package/lib/module/views/NativeStackView.native.js +124 -46
- package/lib/module/views/NativeStackView.native.js.map +1 -1
- package/lib/typescript/src/index.d.ts +6 -2
- package/lib/typescript/src/index.d.ts.map +1 -1
- package/lib/typescript/src/navigators/createNativeStackNavigator.d.ts +6 -6
- package/lib/typescript/src/navigators/createNativeStackNavigator.d.ts.map +1 -1
- package/lib/typescript/src/types.d.ts +88 -10
- package/lib/typescript/src/types.d.ts.map +1 -1
- package/lib/typescript/src/utils/useAnimatedHeaderHeight.d.ts +5 -0
- package/lib/typescript/src/utils/useAnimatedHeaderHeight.d.ts.map +1 -0
- package/lib/typescript/src/utils/useDismissedRouteError.d.ts +1 -1
- package/lib/typescript/src/utils/useDismissedRouteError.d.ts.map +1 -1
- package/lib/typescript/src/utils/useInvalidPreventRemoveError.d.ts +1 -1
- package/lib/typescript/src/utils/useInvalidPreventRemoveError.d.ts.map +1 -1
- package/lib/typescript/src/views/DebugContainer.d.ts +2 -2
- package/lib/typescript/src/views/DebugContainer.d.ts.map +1 -1
- package/lib/typescript/src/views/DebugContainer.native.d.ts +8 -3
- package/lib/typescript/src/views/DebugContainer.native.d.ts.map +1 -1
- package/lib/typescript/src/views/FontProcessor.native.d.ts.map +1 -1
- package/lib/typescript/src/views/HeaderConfig.d.ts +2 -3
- package/lib/typescript/src/views/HeaderConfig.d.ts.map +1 -1
- package/lib/typescript/src/views/NativeStackView.d.ts +3 -3
- package/lib/typescript/src/views/NativeStackView.d.ts.map +1 -1
- package/lib/typescript/src/views/NativeStackView.native.d.ts +3 -3
- package/lib/typescript/src/views/NativeStackView.native.d.ts.map +1 -1
- package/package.json +16 -17
- package/src/index.tsx +7 -2
- package/src/navigators/createNativeStackNavigator.tsx +11 -7
- package/src/types.tsx +88 -11
- package/src/utils/useAnimatedHeaderHeight.tsx +18 -0
- package/src/utils/useDismissedRouteError.tsx +1 -1
- package/src/utils/useInvalidPreventRemoveError.tsx +1 -1
- package/src/views/DebugContainer.native.tsx +13 -10
- package/src/views/DebugContainer.tsx +2 -2
- package/src/views/FontProcessor.native.tsx +1 -2
- package/src/views/HeaderConfig.tsx +142 -143
- package/src/views/NativeStackView.native.tsx +203 -97
- package/src/views/NativeStackView.tsx +41 -27
package/lib/commonjs/index.js
CHANGED
|
@@ -6,16 +6,22 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
6
6
|
Object.defineProperty(exports, "NativeStackView", {
|
|
7
7
|
enumerable: true,
|
|
8
8
|
get: function () {
|
|
9
|
-
return _NativeStackView.
|
|
9
|
+
return _NativeStackView.NativeStackView;
|
|
10
10
|
}
|
|
11
11
|
});
|
|
12
12
|
Object.defineProperty(exports, "createNativeStackNavigator", {
|
|
13
13
|
enumerable: true,
|
|
14
14
|
get: function () {
|
|
15
|
-
return _createNativeStackNavigator.
|
|
15
|
+
return _createNativeStackNavigator.createNativeStackNavigator;
|
|
16
16
|
}
|
|
17
17
|
});
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
function
|
|
18
|
+
Object.defineProperty(exports, "useAnimatedHeaderHeight", {
|
|
19
|
+
enumerable: true,
|
|
20
|
+
get: function () {
|
|
21
|
+
return _useAnimatedHeaderHeight.useAnimatedHeaderHeight;
|
|
22
|
+
}
|
|
23
|
+
});
|
|
24
|
+
var _createNativeStackNavigator = require("./navigators/createNativeStackNavigator");
|
|
25
|
+
var _NativeStackView = require("./views/NativeStackView");
|
|
26
|
+
var _useAnimatedHeaderHeight = require("./utils/useAnimatedHeaderHeight");
|
|
21
27
|
//# sourceMappingURL=index.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":[],"sourceRoot":"../../src","sources":["index.tsx"],"mappings":"
|
|
1
|
+
{"version":3,"names":["_createNativeStackNavigator","require","_NativeStackView","_useAnimatedHeaderHeight"],"sourceRoot":"../../src","sources":["index.tsx"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;AAGA,IAAAA,2BAAA,GAAAC,OAAA;AAKA,IAAAC,gBAAA,GAAAD,OAAA;AAKA,IAAAE,wBAAA,GAAAF,OAAA"}
|
|
@@ -3,21 +3,22 @@
|
|
|
3
3
|
Object.defineProperty(exports, "__esModule", {
|
|
4
4
|
value: true
|
|
5
5
|
});
|
|
6
|
-
exports.
|
|
6
|
+
exports.createNativeStackNavigator = void 0;
|
|
7
7
|
var _native = require("@react-navigation/native");
|
|
8
8
|
var React = _interopRequireWildcard(require("react"));
|
|
9
|
-
var _NativeStackView =
|
|
10
|
-
function
|
|
11
|
-
function
|
|
12
|
-
function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
|
|
9
|
+
var _NativeStackView = require("../views/NativeStackView");
|
|
10
|
+
function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
|
|
11
|
+
function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
|
|
13
12
|
function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
|
|
14
13
|
function NativeStackNavigator(_ref) {
|
|
15
14
|
let {
|
|
16
15
|
id,
|
|
17
16
|
initialRouteName,
|
|
18
17
|
children,
|
|
18
|
+
layout,
|
|
19
19
|
screenListeners,
|
|
20
20
|
screenOptions,
|
|
21
|
+
screenLayout,
|
|
21
22
|
...rest
|
|
22
23
|
} = _ref;
|
|
23
24
|
const {
|
|
@@ -29,36 +30,34 @@ function NativeStackNavigator(_ref) {
|
|
|
29
30
|
id,
|
|
30
31
|
initialRouteName,
|
|
31
32
|
children,
|
|
33
|
+
layout,
|
|
32
34
|
screenListeners,
|
|
33
|
-
screenOptions
|
|
35
|
+
screenOptions,
|
|
36
|
+
screenLayout
|
|
34
37
|
});
|
|
35
|
-
React.useEffect(() =>
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
const isFocused = navigation.isFocused();
|
|
38
|
+
React.useEffect(() =>
|
|
39
|
+
// @ts-expect-error: there may not be a tab navigator in parent
|
|
40
|
+
navigation?.addListener?.('tabPress', e => {
|
|
41
|
+
const isFocused = navigation.isFocused();
|
|
40
42
|
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
});
|
|
51
|
-
}
|
|
43
|
+
// Run the operation in the next frame so we're sure all listeners have been run
|
|
44
|
+
// This is necessary to know if preventDefault() has been called
|
|
45
|
+
requestAnimationFrame(() => {
|
|
46
|
+
if (state.index > 0 && isFocused && !e.defaultPrevented) {
|
|
47
|
+
// When user taps on already focused tab and we're inside the tab,
|
|
48
|
+
// reset the stack to replicate native behaviour
|
|
49
|
+
navigation.dispatch({
|
|
50
|
+
..._native.StackActions.popToTop(),
|
|
51
|
+
target: state.key
|
|
52
52
|
});
|
|
53
|
-
}
|
|
54
|
-
);
|
|
55
|
-
}, [navigation, state.index, state.key]);
|
|
56
|
-
return /*#__PURE__*/React.createElement(NavigationContent, null, /*#__PURE__*/React.createElement(_NativeStackView.
|
|
53
|
+
}
|
|
54
|
+
});
|
|
55
|
+
}), [navigation, state.index, state.key]);
|
|
56
|
+
return /*#__PURE__*/React.createElement(NavigationContent, null, /*#__PURE__*/React.createElement(_NativeStackView.NativeStackView, _extends({}, rest, {
|
|
57
57
|
state: state,
|
|
58
58
|
navigation: navigation,
|
|
59
59
|
descriptors: descriptors
|
|
60
60
|
})));
|
|
61
61
|
}
|
|
62
|
-
|
|
63
|
-
exports.default = _default;
|
|
62
|
+
const createNativeStackNavigator = exports.createNativeStackNavigator = (0, _native.createNavigatorFactory)(NativeStackNavigator);
|
|
64
63
|
//# sourceMappingURL=createNativeStackNavigator.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["NativeStackNavigator","id","initialRouteName","children","screenListeners","screenOptions","rest","state","descriptors","navigation","NavigationContent","useNavigationBuilder","StackRouter","
|
|
1
|
+
{"version":3,"names":["_native","require","React","_interopRequireWildcard","_NativeStackView","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","prototype","hasOwnProperty","call","i","set","_extends","assign","bind","target","arguments","length","source","key","apply","NativeStackNavigator","_ref","id","initialRouteName","children","layout","screenListeners","screenOptions","screenLayout","rest","state","descriptors","navigation","NavigationContent","useNavigationBuilder","StackRouter","useEffect","addListener","isFocused","requestAnimationFrame","index","defaultPrevented","dispatch","StackActions","popToTop","createElement","NativeStackView","createNativeStackNavigator","exports","createNavigatorFactory"],"sourceRoot":"../../../src","sources":["navigators/createNativeStackNavigator.tsx"],"mappings":"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"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":[],"sourceRoot":"../../src","sources":["types.tsx"],"mappings":""}
|
|
1
|
+
{"version":3,"names":[],"sourceRoot":"../../src","sources":["types.tsx"],"mappings":""}
|
|
@@ -0,0 +1,19 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, "__esModule", {
|
|
4
|
+
value: true
|
|
5
|
+
});
|
|
6
|
+
exports.AnimatedHeaderHeightContext = void 0;
|
|
7
|
+
exports.useAnimatedHeaderHeight = useAnimatedHeaderHeight;
|
|
8
|
+
var React = _interopRequireWildcard(require("react"));
|
|
9
|
+
function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
|
|
10
|
+
function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
|
|
11
|
+
const AnimatedHeaderHeightContext = exports.AnimatedHeaderHeightContext = /*#__PURE__*/React.createContext(undefined);
|
|
12
|
+
function useAnimatedHeaderHeight() {
|
|
13
|
+
const animatedValue = React.useContext(AnimatedHeaderHeightContext);
|
|
14
|
+
if (animatedValue === undefined) {
|
|
15
|
+
throw new Error("Couldn't find the header height. Are you inside a screen in a native stack navigator?");
|
|
16
|
+
}
|
|
17
|
+
return animatedValue;
|
|
18
|
+
}
|
|
19
|
+
//# sourceMappingURL=useAnimatedHeaderHeight.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["React","_interopRequireWildcard","require","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","prototype","hasOwnProperty","call","i","set","AnimatedHeaderHeightContext","exports","createContext","undefined","useAnimatedHeaderHeight","animatedValue","useContext","Error"],"sourceRoot":"../../../src","sources":["utils/useAnimatedHeaderHeight.tsx"],"mappings":";;;;;;;AAAA,IAAAA,KAAA,GAAAC,uBAAA,CAAAC,OAAA;AAA+B,SAAAC,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,SAAAH,wBAAAG,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;AAGxB,MAAMY,2BAA2B,GAAAC,OAAA,CAAAD,2BAAA,gBAAGxB,KAAK,CAAC0B,aAAa,CAE5DC,SAAS,CAAC;AAEL,SAASC,uBAAuBA,CAAA,EAAG;EACxC,MAAMC,aAAa,GAAG7B,KAAK,CAAC8B,UAAU,CAACN,2BAA2B,CAAC;EAEnE,IAAIK,aAAa,KAAKF,SAAS,EAAE;IAC/B,MAAM,IAAII,KAAK,CACb,uFACF,CAAC;EACH;EAEA,OAAOF,aAAa;AACtB"}
|
|
@@ -3,14 +3,13 @@
|
|
|
3
3
|
Object.defineProperty(exports, "__esModule", {
|
|
4
4
|
value: true
|
|
5
5
|
});
|
|
6
|
-
exports.
|
|
6
|
+
exports.useDismissedRouteError = useDismissedRouteError;
|
|
7
7
|
var React = _interopRequireWildcard(require("react"));
|
|
8
|
-
function _getRequireWildcardCache(
|
|
9
|
-
function _interopRequireWildcard(
|
|
10
|
-
function
|
|
11
|
-
var _state$routes$find;
|
|
8
|
+
function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
|
|
9
|
+
function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
|
|
10
|
+
function useDismissedRouteError(state) {
|
|
12
11
|
const [nextDismissedKey, setNextDismissedKey] = React.useState(null);
|
|
13
|
-
const dismissedRouteName = nextDismissedKey ?
|
|
12
|
+
const dismissedRouteName = nextDismissedKey ? state.routes.find(route => route.key === nextDismissedKey)?.name : null;
|
|
14
13
|
React.useEffect(() => {
|
|
15
14
|
if (dismissedRouteName) {
|
|
16
15
|
const message = `The screen '${dismissedRouteName}' was removed natively but didn't get removed from JS state. ` + `This can happen if the action was prevented in a 'beforeRemove' listener, which is not fully supported in native-stack.\n\n` + `Consider using a 'usePreventRemove' hook with 'headerBackButtonMenuEnabled: false' to prevent users from natively going back multiple screens.`;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["
|
|
1
|
+
{"version":3,"names":["React","_interopRequireWildcard","require","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","prototype","hasOwnProperty","call","i","set","useDismissedRouteError","state","nextDismissedKey","setNextDismissedKey","useState","dismissedRouteName","routes","find","route","key","name","useEffect","message","console","error"],"sourceRoot":"../../../src","sources":["utils/useDismissedRouteError.tsx"],"mappings":";;;;;;AAIA,IAAAA,KAAA,GAAAC,uBAAA,CAAAC,OAAA;AAA+B,SAAAC,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,SAAAH,wBAAAG,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;AAExB,SAASY,sBAAsBA,CACpCC,KAA0C,EAC1C;EACA,MAAM,CAACC,gBAAgB,EAAEC,mBAAmB,CAAC,GAAG3B,KAAK,CAAC4B,QAAQ,CAC5D,IACF,CAAC;EAED,MAAMC,kBAAkB,GAAGH,gBAAgB,GACvCD,KAAK,CAACK,MAAM,CAACC,IAAI,CAAEC,KAAK,IAAKA,KAAK,CAACC,GAAG,KAAKP,gBAAgB,CAAC,EAAEQ,IAAI,GAClE,IAAI;EAERlC,KAAK,CAACmC,SAAS,CAAC,MAAM;IACpB,IAAIN,kBAAkB,EAAE;MACtB,MAAMO,OAAO,GACV,eAAcP,kBAAmB,+DAA8D,GAC/F,6HAA4H,GAC5H,gJAA+I;MAElJQ,OAAO,CAACC,KAAK,CAACF,OAAO,CAAC;IACxB;EACF,CAAC,EAAE,CAACP,kBAAkB,CAAC,CAAC;EAExB,OAAO;IAAEF;EAAoB,CAAC;AAChC"}
|
|
@@ -3,20 +3,19 @@
|
|
|
3
3
|
Object.defineProperty(exports, "__esModule", {
|
|
4
4
|
value: true
|
|
5
5
|
});
|
|
6
|
-
exports.
|
|
6
|
+
exports.useInvalidPreventRemoveError = useInvalidPreventRemoveError;
|
|
7
7
|
var _native = require("@react-navigation/native");
|
|
8
8
|
var React = _interopRequireWildcard(require("react"));
|
|
9
|
-
function _getRequireWildcardCache(
|
|
10
|
-
function _interopRequireWildcard(
|
|
9
|
+
function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
|
|
10
|
+
function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
|
|
11
11
|
function useInvalidPreventRemoveError(descriptors) {
|
|
12
|
-
var _preventedDescriptor$, _preventedDescriptor$2;
|
|
13
12
|
const {
|
|
14
13
|
preventedRoutes
|
|
15
14
|
} = (0, _native.usePreventRemoveContext)();
|
|
16
15
|
const preventedRouteKey = Object.keys(preventedRoutes)[0];
|
|
17
16
|
const preventedDescriptor = descriptors[preventedRouteKey];
|
|
18
|
-
const isHeaderBackButtonMenuEnabledOnPreventedScreen = preventedDescriptor
|
|
19
|
-
const preventedRouteName = preventedDescriptor
|
|
17
|
+
const isHeaderBackButtonMenuEnabledOnPreventedScreen = preventedDescriptor?.options?.headerBackButtonMenuEnabled;
|
|
18
|
+
const preventedRouteName = preventedDescriptor?.route?.name;
|
|
20
19
|
React.useEffect(() => {
|
|
21
20
|
if (preventedRouteKey != null && isHeaderBackButtonMenuEnabledOnPreventedScreen) {
|
|
22
21
|
const message = `The screen ${preventedRouteName} uses 'usePreventRemove' hook alongside 'headerBackButtonMenuEnabled: true', which is not supported. \n\n` + `Consider removing 'headerBackButtonMenuEnabled: true' from ${preventedRouteName} screen to get rid of this error.`;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["useInvalidPreventRemoveError","descriptors","preventedRoutes","usePreventRemoveContext","preventedRouteKey","
|
|
1
|
+
{"version":3,"names":["_native","require","React","_interopRequireWildcard","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","prototype","hasOwnProperty","call","i","set","useInvalidPreventRemoveError","descriptors","preventedRoutes","usePreventRemoveContext","preventedRouteKey","keys","preventedDescriptor","isHeaderBackButtonMenuEnabledOnPreventedScreen","options","headerBackButtonMenuEnabled","preventedRouteName","route","name","useEffect","message","console","error"],"sourceRoot":"../../../src","sources":["utils/useInvalidPreventRemoveError.tsx"],"mappings":";;;;;;AAAA,IAAAA,OAAA,GAAAC,OAAA;AACA,IAAAC,KAAA,GAAAC,uBAAA,CAAAF,OAAA;AAA+B,SAAAG,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,SAAAF,wBAAAE,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;AAIxB,SAASY,4BAA4BA,CAC1CC,WAAqC,EACrC;EACA,MAAM;IAAEC;EAAgB,CAAC,GAAG,IAAAC,+BAAuB,EAAC,CAAC;EACrD,MAAMC,iBAAiB,GAAGb,MAAM,CAACc,IAAI,CAACH,eAAe,CAAC,CAAC,CAAC,CAAC;EACzD,MAAMI,mBAAmB,GAAGL,WAAW,CAACG,iBAAiB,CAAC;EAC1D,MAAMG,8CAA8C,GAClDD,mBAAmB,EAAEE,OAAO,EAAEC,2BAA2B;EAC3D,MAAMC,kBAAkB,GAAGJ,mBAAmB,EAAEK,KAAK,EAAEC,IAAI;EAE3DnC,KAAK,CAACoC,SAAS,CAAC,MAAM;IACpB,IACET,iBAAiB,IAAI,IAAI,IACzBG,8CAA8C,EAC9C;MACA,MAAMO,OAAO,GACV,cAAaJ,kBAAmB,2GAA0G,GAC1I,8DAA6DA,kBAAmB,mCAAkC;MACrHK,OAAO,CAACC,KAAK,CAACF,OAAO,CAAC;IACxB;EACF,CAAC,EAAE,CACDV,iBAAiB,EACjBG,8CAA8C,EAC9CG,kBAAkB,CACnB,CAAC;AACJ"}
|
|
@@ -3,12 +3,12 @@
|
|
|
3
3
|
Object.defineProperty(exports, "__esModule", {
|
|
4
4
|
value: true
|
|
5
5
|
});
|
|
6
|
-
exports.
|
|
6
|
+
exports.DebugContainer = DebugContainer;
|
|
7
7
|
var React = _interopRequireWildcard(require("react"));
|
|
8
8
|
var _reactNative = require("react-native");
|
|
9
|
-
function _getRequireWildcardCache(
|
|
10
|
-
function _interopRequireWildcard(
|
|
11
|
-
function
|
|
9
|
+
function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
|
|
10
|
+
function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
|
|
11
|
+
function DebugContainer(props) {
|
|
12
12
|
// eslint-disable-next-line @typescript-eslint/no-unused-vars
|
|
13
13
|
const {
|
|
14
14
|
stackPresentation: _,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["
|
|
1
|
+
{"version":3,"names":["React","_interopRequireWildcard","require","_reactNative","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","prototype","hasOwnProperty","call","i","set","DebugContainer","props","stackPresentation","_","rest","createElement","View"],"sourceRoot":"../../../src","sources":["views/DebugContainer.tsx"],"mappings":";;;;;;AAAA,IAAAA,KAAA,GAAAC,uBAAA,CAAAC,OAAA;AACA,IAAAC,YAAA,GAAAD,OAAA;AAAoD,SAAAE,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,SAAAJ,wBAAAI,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;AAQ7C,SAASY,cAAcA,CAACC,KAAqB,EAAE;EACpD;EACA,MAAM;IAAEC,iBAAiB,EAAEC,CAAC;IAAE,GAAGC;EAAK,CAAC,GAAGH,KAAK;EAC/C,oBAAO1B,KAAA,CAAA8B,aAAA,CAAC3B,YAAA,CAAA4B,IAAI,EAAKF,IAAO,CAAC;AAC3B"}
|
|
@@ -3,30 +3,40 @@
|
|
|
3
3
|
Object.defineProperty(exports, "__esModule", {
|
|
4
4
|
value: true
|
|
5
5
|
});
|
|
6
|
-
exports.
|
|
6
|
+
exports.DebugContainer = void 0;
|
|
7
7
|
var React = _interopRequireWildcard(require("react"));
|
|
8
8
|
var _reactNative = require("react-native");
|
|
9
9
|
var _AppContainer = _interopRequireDefault(require("react-native/Libraries/ReactNative/AppContainer"));
|
|
10
10
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
11
|
-
function _getRequireWildcardCache(
|
|
12
|
-
function _interopRequireWildcard(
|
|
13
|
-
// @ts-
|
|
14
|
-
|
|
15
|
-
|
|
11
|
+
function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
|
|
12
|
+
function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
|
|
13
|
+
function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); } // @ts-expect-error Getting private component
|
|
14
|
+
/**
|
|
15
|
+
* This view must *not* be flattened.
|
|
16
|
+
* See https://github.com/software-mansion/react-native-screens/pull/1825
|
|
17
|
+
* for detailed explanation.
|
|
18
|
+
*/
|
|
19
|
+
let DebugContainer = props => {
|
|
20
|
+
return /*#__PURE__*/React.createElement(_reactNative.View, _extends({}, props, {
|
|
21
|
+
collapsable: false
|
|
22
|
+
}));
|
|
23
|
+
};
|
|
24
|
+
exports.DebugContainer = DebugContainer;
|
|
16
25
|
if (process.env.NODE_ENV !== 'production') {
|
|
17
|
-
|
|
26
|
+
exports.DebugContainer = DebugContainer = props => {
|
|
18
27
|
const {
|
|
19
28
|
stackPresentation,
|
|
20
29
|
...rest
|
|
21
30
|
} = props;
|
|
22
31
|
if (_reactNative.Platform.OS === 'ios' && stackPresentation !== 'push') {
|
|
23
32
|
// This is necessary for LogBox
|
|
24
|
-
return /*#__PURE__*/React.createElement(_AppContainer.default, null, /*#__PURE__*/React.createElement(_reactNative.View, rest
|
|
33
|
+
return /*#__PURE__*/React.createElement(_AppContainer.default, null, /*#__PURE__*/React.createElement(_reactNative.View, _extends({}, rest, {
|
|
34
|
+
collapsable: false
|
|
35
|
+
})));
|
|
25
36
|
}
|
|
26
|
-
return /*#__PURE__*/React.createElement(_reactNative.View, rest
|
|
37
|
+
return /*#__PURE__*/React.createElement(_reactNative.View, _extends({}, rest, {
|
|
38
|
+
collapsable: false
|
|
39
|
+
}));
|
|
27
40
|
};
|
|
28
|
-
Container = DebugContainer;
|
|
29
41
|
}
|
|
30
|
-
var _default = Container;
|
|
31
|
-
exports.default = _default;
|
|
32
42
|
//# sourceMappingURL=DebugContainer.native.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["
|
|
1
|
+
{"version":3,"names":["React","_interopRequireWildcard","require","_reactNative","_AppContainer","_interopRequireDefault","obj","__esModule","default","_getRequireWildcardCache","e","WeakMap","r","t","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","prototype","hasOwnProperty","call","i","set","_extends","assign","bind","target","arguments","length","source","key","apply","DebugContainer","props","createElement","View","collapsable","exports","process","env","NODE_ENV","stackPresentation","rest","Platform","OS"],"sourceRoot":"../../../src","sources":["views/DebugContainer.native.tsx"],"mappings":"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"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["processFonts","_","Error"],"sourceRoot":"
|
|
1
|
+
{"version":3,"names":["processFonts","_","Error"],"sourceRoot":"../../../src","sources":["views/FontProcessor.tsx"],"mappings":";;;;;;AAAO,SAASA,YAAYA,CAC1BC,CAAyB,EACD;EACxB,MAAM,IAAIC,KAAK,CAAC,sBAAsB,CAAC;AACzC"}
|
|
@@ -6,12 +6,10 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
6
6
|
exports.processFonts = processFonts;
|
|
7
7
|
var _ReactNativeStyleAttributes = _interopRequireDefault(require("react-native/Libraries/Components/View/ReactNativeStyleAttributes"));
|
|
8
8
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
9
|
-
// @ts-
|
|
9
|
+
// @ts-expect-error importing private module
|
|
10
10
|
|
|
11
11
|
function processFonts(fontFamilies) {
|
|
12
|
-
|
|
13
|
-
// @ts-ignore: React Native types are incorrect here and don't consider fontFamily a style value
|
|
14
|
-
const fontFamilyProcessor = (_ReactNativeStyleAttr = _ReactNativeStyleAttributes.default.fontFamily) === null || _ReactNativeStyleAttr === void 0 ? void 0 : _ReactNativeStyleAttr.process;
|
|
12
|
+
const fontFamilyProcessor = _ReactNativeStyleAttributes.default.fontFamily?.process;
|
|
15
13
|
if (typeof fontFamilyProcessor === 'function') {
|
|
16
14
|
return fontFamilies.map(fontFamilyProcessor);
|
|
17
15
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["processFonts","fontFamilies","fontFamilyProcessor","ReactNativeStyleAttributes","fontFamily","process","map"],"sourceRoot":"
|
|
1
|
+
{"version":3,"names":["_ReactNativeStyleAttributes","_interopRequireDefault","require","obj","__esModule","default","processFonts","fontFamilies","fontFamilyProcessor","ReactNativeStyleAttributes","fontFamily","process","map"],"sourceRoot":"../../../src","sources":["views/FontProcessor.native.tsx"],"mappings":";;;;;;AACA,IAAAA,2BAAA,GAAAC,sBAAA,CAAAC,OAAA;AAA2G,SAAAD,uBAAAE,GAAA,WAAAA,GAAA,IAAAA,GAAA,CAAAC,UAAA,GAAAD,GAAA,KAAAE,OAAA,EAAAF,GAAA;AAD3G;;AAGO,SAASG,YAAYA,CAC1BC,YAAoC,EACZ;EACxB,MAAMC,mBAAmB,GAAGC,mCAA0B,CAACC,UAAU,EAAEC,OAAO;EAC1E,IAAI,OAAOH,mBAAmB,KAAK,UAAU,EAAE;IAC7C,OAAOD,YAAY,CAACK,GAAG,CAACJ,mBAAmB,CAAC;EAC9C;EACA,OAAOD,YAAY;AACrB"}
|
|
@@ -3,18 +3,17 @@
|
|
|
3
3
|
Object.defineProperty(exports, "__esModule", {
|
|
4
4
|
value: true
|
|
5
5
|
});
|
|
6
|
-
exports.
|
|
6
|
+
exports.HeaderConfig = HeaderConfig;
|
|
7
7
|
var _elements = require("@react-navigation/elements");
|
|
8
8
|
var _native = require("@react-navigation/native");
|
|
9
9
|
var React = _interopRequireWildcard(require("react"));
|
|
10
10
|
var _reactNative = require("react-native");
|
|
11
11
|
var _reactNativeScreens = require("react-native-screens");
|
|
12
12
|
var _FontProcessor = require("./FontProcessor");
|
|
13
|
-
function _getRequireWildcardCache(
|
|
14
|
-
function _interopRequireWildcard(
|
|
13
|
+
function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
|
|
14
|
+
function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
|
|
15
15
|
function HeaderConfig(_ref) {
|
|
16
16
|
let {
|
|
17
|
-
headerHeight,
|
|
18
17
|
headerBackImageSource,
|
|
19
18
|
headerBackButtonMenuEnabled,
|
|
20
19
|
headerBackTitle,
|
|
@@ -44,22 +43,37 @@ function HeaderConfig(_ref) {
|
|
|
44
43
|
canGoBack
|
|
45
44
|
} = _ref;
|
|
46
45
|
const {
|
|
47
|
-
|
|
46
|
+
direction
|
|
47
|
+
} = (0, _native.useLocale)();
|
|
48
|
+
const {
|
|
49
|
+
colors,
|
|
50
|
+
fonts
|
|
48
51
|
} = (0, _native.useTheme)();
|
|
49
52
|
const tintColor = headerTintColor ?? (_reactNative.Platform.OS === 'ios' ? colors.primary : colors.text);
|
|
50
|
-
const headerBackTitleStyleFlattened = _reactNative.StyleSheet.flatten(headerBackTitleStyle) || {};
|
|
51
|
-
const headerLargeTitleStyleFlattened = _reactNative.StyleSheet.flatten(headerLargeTitleStyle
|
|
52
|
-
|
|
53
|
+
const headerBackTitleStyleFlattened = _reactNative.StyleSheet.flatten([headerBackTitleStyle, fonts.regular]) || {};
|
|
54
|
+
const headerLargeTitleStyleFlattened = _reactNative.StyleSheet.flatten([headerLargeTitleStyle, _reactNative.Platform.select({
|
|
55
|
+
ios: fonts.heavy,
|
|
56
|
+
default: fonts.medium
|
|
57
|
+
})]) || {};
|
|
58
|
+
const headerTitleStyleFlattened = _reactNative.StyleSheet.flatten([headerTitleStyle, _reactNative.Platform.select({
|
|
59
|
+
ios: fonts.bold,
|
|
60
|
+
default: fonts.medium
|
|
61
|
+
})]) || {};
|
|
53
62
|
const headerStyleFlattened = _reactNative.StyleSheet.flatten(headerStyle) || {};
|
|
54
63
|
const headerLargeStyleFlattened = _reactNative.StyleSheet.flatten(headerLargeStyle) || {};
|
|
55
64
|
const [backTitleFontFamily, largeTitleFontFamily, titleFontFamily] = (0, _FontProcessor.processFonts)([headerBackTitleStyleFlattened.fontFamily, headerLargeTitleStyleFlattened.fontFamily, headerTitleStyleFlattened.fontFamily]);
|
|
65
|
+
const backTitleFontSize = 'fontSize' in headerBackTitleStyleFlattened ? headerBackTitleStyleFlattened.fontSize : undefined;
|
|
56
66
|
const titleText = (0, _elements.getHeaderTitle)({
|
|
57
67
|
title,
|
|
58
68
|
headerTitle
|
|
59
69
|
}, route.name);
|
|
60
|
-
const titleColor = headerTitleStyleFlattened.color
|
|
61
|
-
const titleFontSize = headerTitleStyleFlattened.fontSize;
|
|
70
|
+
const titleColor = 'color' in headerTitleStyleFlattened ? headerTitleStyleFlattened.color : headerTintColor ?? colors.text;
|
|
71
|
+
const titleFontSize = 'fontSize' in headerTitleStyleFlattened ? headerTitleStyleFlattened.fontSize : undefined;
|
|
62
72
|
const titleFontWeight = headerTitleStyleFlattened.fontWeight;
|
|
73
|
+
const largeTitleBackgroundColor = headerLargeStyleFlattened.backgroundColor;
|
|
74
|
+
const largeTitleColor = 'color' in headerLargeTitleStyleFlattened ? headerLargeTitleStyleFlattened.color : undefined;
|
|
75
|
+
const largeTitleFontSize = 'fontSize' in headerLargeTitleStyleFlattened ? headerLargeTitleStyleFlattened.fontSize : undefined;
|
|
76
|
+
const largeTitleFontWeight = headerLargeTitleStyleFlattened.fontWeight;
|
|
63
77
|
const headerTitleStyleSupported = {
|
|
64
78
|
color: titleColor
|
|
65
79
|
};
|
|
@@ -72,12 +86,13 @@ function HeaderConfig(_ref) {
|
|
|
72
86
|
if (titleFontWeight != null) {
|
|
73
87
|
headerTitleStyleSupported.fontWeight = titleFontWeight;
|
|
74
88
|
}
|
|
75
|
-
const
|
|
89
|
+
const headerBackgroundColor = headerStyleFlattened.backgroundColor ?? (headerBackground != null || headerTransparent ? 'transparent' : colors.card);
|
|
90
|
+
const headerLeftElement = headerLeft?.({
|
|
76
91
|
tintColor,
|
|
77
92
|
canGoBack,
|
|
78
93
|
label: headerBackTitle
|
|
79
94
|
});
|
|
80
|
-
const headerRightElement = headerRight
|
|
95
|
+
const headerRightElement = headerRight?.({
|
|
81
96
|
tintColor,
|
|
82
97
|
canGoBack
|
|
83
98
|
});
|
|
@@ -102,29 +117,25 @@ function HeaderConfig(_ref) {
|
|
|
102
117
|
const translucent = headerBackground != null || headerTransparent ||
|
|
103
118
|
// When using a SearchBar or large title, the header needs to be translucent for it to work on iOS
|
|
104
119
|
(hasHeaderSearchBar || headerLargeTitle) && _reactNative.Platform.OS === 'ios' && headerTransparent !== false;
|
|
105
|
-
return /*#__PURE__*/React.createElement(
|
|
106
|
-
style: [styles.background, headerTransparent ? styles.translucent : null, {
|
|
107
|
-
height: headerHeight
|
|
108
|
-
}]
|
|
109
|
-
}, headerBackground()) : null, /*#__PURE__*/React.createElement(_reactNativeScreens.ScreenStackHeaderConfig, {
|
|
120
|
+
return /*#__PURE__*/React.createElement(_reactNativeScreens.ScreenStackHeaderConfig, {
|
|
110
121
|
backButtonInCustomView: backButtonInCustomView,
|
|
111
|
-
backgroundColor:
|
|
122
|
+
backgroundColor: headerBackgroundColor,
|
|
112
123
|
backTitle: headerBackTitleVisible ? headerBackTitle : ' ',
|
|
113
124
|
backTitleFontFamily: backTitleFontFamily,
|
|
114
|
-
backTitleFontSize:
|
|
125
|
+
backTitleFontSize: backTitleFontSize,
|
|
115
126
|
blurEffect: headerBlurEffect,
|
|
116
127
|
color: tintColor,
|
|
117
|
-
direction:
|
|
128
|
+
direction: direction,
|
|
118
129
|
disableBackButtonMenu: headerBackButtonMenuEnabled === false,
|
|
119
130
|
hidden: headerShown === false,
|
|
120
131
|
hideBackButton: headerBackVisible === false,
|
|
121
132
|
hideShadow: headerShadowVisible === false || headerBackground != null || headerTransparent && headerShadowVisible !== true,
|
|
122
133
|
largeTitle: headerLargeTitle,
|
|
123
|
-
largeTitleBackgroundColor:
|
|
124
|
-
largeTitleColor:
|
|
134
|
+
largeTitleBackgroundColor: largeTitleBackgroundColor,
|
|
135
|
+
largeTitleColor: largeTitleColor,
|
|
125
136
|
largeTitleFontFamily: largeTitleFontFamily,
|
|
126
|
-
largeTitleFontSize:
|
|
127
|
-
largeTitleFontWeight:
|
|
137
|
+
largeTitleFontSize: largeTitleFontSize,
|
|
138
|
+
largeTitleFontWeight: largeTitleFontWeight,
|
|
128
139
|
largeTitleHideShadow: headerLargeTitleShadowVisible === false,
|
|
129
140
|
title: titleText,
|
|
130
141
|
titleColor: titleColor,
|
|
@@ -145,23 +156,12 @@ function HeaderConfig(_ref) {
|
|
|
145
156
|
style: headerTitleStyleSupported
|
|
146
157
|
}, titleText)) : null), headerBackImageSource !== undefined ? /*#__PURE__*/React.createElement(_reactNativeScreens.ScreenStackHeaderBackButtonImage, {
|
|
147
158
|
source: headerBackImageSource
|
|
148
|
-
}) : null, headerRightElement != null ? /*#__PURE__*/React.createElement(_reactNativeScreens.ScreenStackHeaderRightView, null, headerRightElement) : null, hasHeaderSearchBar ? /*#__PURE__*/React.createElement(_reactNativeScreens.ScreenStackHeaderSearchBarView, null, /*#__PURE__*/React.createElement(_reactNativeScreens.SearchBar, headerSearchBarOptions)) : null)
|
|
159
|
+
}) : null, headerRightElement != null ? /*#__PURE__*/React.createElement(_reactNativeScreens.ScreenStackHeaderRightView, null, headerRightElement) : null, hasHeaderSearchBar ? /*#__PURE__*/React.createElement(_reactNativeScreens.ScreenStackHeaderSearchBarView, null, /*#__PURE__*/React.createElement(_reactNativeScreens.SearchBar, headerSearchBarOptions)) : null);
|
|
149
160
|
}
|
|
150
161
|
const styles = _reactNative.StyleSheet.create({
|
|
151
162
|
row: {
|
|
152
163
|
flexDirection: 'row',
|
|
153
164
|
alignItems: 'center'
|
|
154
|
-
},
|
|
155
|
-
translucent: {
|
|
156
|
-
position: 'absolute',
|
|
157
|
-
top: 0,
|
|
158
|
-
left: 0,
|
|
159
|
-
right: 0,
|
|
160
|
-
zIndex: 1,
|
|
161
|
-
elevation: 1
|
|
162
|
-
},
|
|
163
|
-
background: {
|
|
164
|
-
overflow: 'hidden'
|
|
165
165
|
}
|
|
166
166
|
});
|
|
167
167
|
//# sourceMappingURL=HeaderConfig.js.map
|