@react-navigation/elements 2.0.0-alpha.1 → 2.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/Background.js +2 -2
- package/lib/commonjs/Background.js.map +1 -1
- package/lib/commonjs/Button.js +100 -0
- package/lib/commonjs/Button.js.map +1 -0
- package/lib/commonjs/Header/Header.js +21 -17
- package/lib/commonjs/Header/Header.js.map +1 -1
- package/lib/commonjs/Header/HeaderBackButton.js +22 -40
- package/lib/commonjs/Header/HeaderBackButton.js.map +1 -1
- package/lib/commonjs/Header/HeaderBackContext.js +1 -2
- package/lib/commonjs/Header/HeaderBackContext.js.map +1 -1
- package/lib/commonjs/Header/HeaderBackground.js +2 -2
- package/lib/commonjs/Header/HeaderBackground.js.map +1 -1
- package/lib/commonjs/Header/HeaderButton.js +60 -0
- package/lib/commonjs/Header/HeaderButton.js.map +1 -0
- package/lib/commonjs/Header/HeaderHeightContext.js +1 -2
- package/lib/commonjs/Header/HeaderHeightContext.js.map +1 -1
- package/lib/commonjs/Header/HeaderShownContext.js +1 -2
- package/lib/commonjs/Header/HeaderShownContext.js.map +1 -1
- package/lib/commonjs/Header/HeaderTitle.js +2 -2
- package/lib/commonjs/Header/HeaderTitle.js.map +1 -1
- package/lib/commonjs/Header/getDefaultHeaderHeight.js +5 -3
- package/lib/commonjs/Header/getDefaultHeaderHeight.js.map +1 -1
- package/lib/commonjs/Header/getHeaderTitle.js.map +1 -1
- package/lib/commonjs/Header/useHeaderHeight.js +2 -2
- package/lib/commonjs/Header/useHeaderHeight.js.map +1 -1
- package/lib/commonjs/Label/Label.js +6 -10
- package/lib/commonjs/Label/Label.js.map +1 -1
- package/lib/commonjs/Label/getLabel.js.map +1 -1
- package/lib/commonjs/MaskedView.android.js.map +1 -1
- package/lib/commonjs/MaskedView.ios.js.map +1 -1
- package/lib/commonjs/MaskedView.js.map +1 -1
- package/lib/commonjs/MaskedViewNative.js +3 -2
- package/lib/commonjs/MaskedViewNative.js.map +1 -1
- package/lib/commonjs/MissingIcon.js +2 -2
- package/lib/commonjs/MissingIcon.js.map +1 -1
- package/lib/commonjs/PlatformPressable.js +27 -4
- package/lib/commonjs/PlatformPressable.js.map +1 -1
- package/lib/commonjs/ResourceSavingView.js +2 -2
- package/lib/commonjs/ResourceSavingView.js.map +1 -1
- package/lib/commonjs/SafeAreaProviderCompat.js +2 -2
- package/lib/commonjs/SafeAreaProviderCompat.js.map +1 -1
- package/lib/commonjs/Screen.js +6 -2
- package/lib/commonjs/Screen.js.map +1 -1
- package/lib/commonjs/Text.js +28 -0
- package/lib/commonjs/Text.js.map +1 -0
- package/lib/commonjs/getDefaultSidebarWidth.js.map +1 -1
- package/lib/commonjs/getNamedContext.js +2 -2
- package/lib/commonjs/getNamedContext.js.map +1 -1
- package/lib/commonjs/index.js +26 -3
- package/lib/commonjs/index.js.map +1 -1
- package/lib/commonjs/types.js.map +1 -1
- package/lib/module/Background.js.map +1 -1
- package/lib/module/Button.js +91 -0
- package/lib/module/Button.js.map +1 -0
- package/lib/module/Header/Header.js +19 -15
- package/lib/module/Header/Header.js.map +1 -1
- package/lib/module/Header/HeaderBackButton.js +20 -38
- package/lib/module/Header/HeaderBackButton.js.map +1 -1
- package/lib/module/Header/HeaderBackContext.js.map +1 -1
- package/lib/module/Header/HeaderBackground.js.map +1 -1
- package/lib/module/Header/HeaderButton.js +52 -0
- package/lib/module/Header/HeaderButton.js.map +1 -0
- package/lib/module/Header/HeaderHeightContext.js.map +1 -1
- package/lib/module/Header/HeaderShownContext.js.map +1 -1
- package/lib/module/Header/HeaderTitle.js.map +1 -1
- package/lib/module/Header/getDefaultHeaderHeight.js +6 -4
- package/lib/module/Header/getDefaultHeaderHeight.js.map +1 -1
- package/lib/module/Header/getHeaderTitle.js.map +1 -1
- package/lib/module/Header/useHeaderHeight.js.map +1 -1
- package/lib/module/Label/Label.js +4 -8
- package/lib/module/Label/Label.js.map +1 -1
- package/lib/module/Label/getLabel.js.map +1 -1
- package/lib/module/MaskedView.android.js.map +1 -1
- package/lib/module/MaskedView.ios.js.map +1 -1
- package/lib/module/MaskedView.js.map +1 -1
- package/lib/module/MaskedViewNative.js +1 -0
- package/lib/module/MaskedViewNative.js.map +1 -1
- package/lib/module/MissingIcon.js.map +1 -1
- package/lib/module/PlatformPressable.js +25 -2
- package/lib/module/PlatformPressable.js.map +1 -1
- package/lib/module/ResourceSavingView.js.map +1 -1
- package/lib/module/SafeAreaProviderCompat.js.map +1 -1
- package/lib/module/Screen.js +4 -0
- package/lib/module/Screen.js.map +1 -1
- package/lib/module/Text.js +20 -0
- package/lib/module/Text.js.map +1 -0
- package/lib/module/getDefaultSidebarWidth.js.map +1 -1
- package/lib/module/getNamedContext.js.map +1 -1
- package/lib/module/index.js +3 -0
- package/lib/module/index.js.map +1 -1
- package/lib/module/types.js.map +1 -1
- package/lib/typescript/src/Background.d.ts +2 -2
- package/lib/typescript/src/Background.d.ts.map +1 -1
- package/lib/typescript/src/Button.d.ts +12 -0
- package/lib/typescript/src/Button.d.ts.map +1 -0
- package/lib/typescript/src/Header/Header.d.ts +2 -1
- package/lib/typescript/src/Header/Header.d.ts.map +1 -1
- package/lib/typescript/src/Header/HeaderBackButton.d.ts +2 -1
- package/lib/typescript/src/Header/HeaderBackButton.d.ts.map +1 -1
- package/lib/typescript/src/Header/HeaderBackContext.d.ts +2 -1
- package/lib/typescript/src/Header/HeaderBackContext.d.ts.map +1 -1
- package/lib/typescript/src/Header/HeaderBackground.d.ts +2 -2
- package/lib/typescript/src/Header/HeaderBackground.d.ts.map +1 -1
- package/lib/typescript/src/Header/HeaderButton.d.ts +4 -0
- package/lib/typescript/src/Header/HeaderButton.d.ts.map +1 -0
- package/lib/typescript/src/Header/HeaderTitle.d.ts +3 -2
- package/lib/typescript/src/Header/HeaderTitle.d.ts.map +1 -1
- package/lib/typescript/src/Header/getDefaultHeaderHeight.d.ts +1 -1
- package/lib/typescript/src/Header/getDefaultHeaderHeight.d.ts.map +1 -1
- package/lib/typescript/src/Label/Label.d.ts +3 -2
- package/lib/typescript/src/Label/Label.d.ts.map +1 -1
- package/lib/typescript/src/MaskedViewNative.d.ts +1 -1
- package/lib/typescript/src/MaskedViewNative.d.ts.map +1 -1
- package/lib/typescript/src/MissingIcon.d.ts +3 -2
- package/lib/typescript/src/MissingIcon.d.ts.map +1 -1
- package/lib/typescript/src/PlatformPressable.d.ts +3 -2
- package/lib/typescript/src/PlatformPressable.d.ts.map +1 -1
- package/lib/typescript/src/ResourceSavingView.d.ts +2 -2
- package/lib/typescript/src/ResourceSavingView.d.ts.map +1 -1
- package/lib/typescript/src/SafeAreaProviderCompat.d.ts +2 -2
- package/lib/typescript/src/SafeAreaProviderCompat.d.ts.map +1 -1
- package/lib/typescript/src/Screen.d.ts +3 -3
- package/lib/typescript/src/Screen.d.ts.map +1 -1
- package/lib/typescript/src/Text.d.ts +4 -0
- package/lib/typescript/src/Text.d.ts.map +1 -0
- package/lib/typescript/src/getNamedContext.d.ts.map +1 -1
- package/lib/typescript/src/index.d.ts +3 -0
- package/lib/typescript/src/index.d.ts.map +1 -1
- package/lib/typescript/src/types.d.ts +26 -22
- package/lib/typescript/src/types.d.ts.map +1 -1
- package/package.json +17 -15
- package/src/Background.tsx +6 -1
- package/src/Button.tsx +99 -0
- package/src/Header/Header.tsx +79 -72
- package/src/Header/HeaderBackButton.tsx +17 -29
- package/src/Header/HeaderBackContext.tsx +3 -4
- package/src/Header/HeaderBackground.tsx +3 -3
- package/src/Header/HeaderButton.tsx +54 -0
- package/src/Header/HeaderTitle.tsx +3 -3
- package/src/Header/getDefaultHeaderHeight.tsx +8 -4
- package/src/Header/getHeaderTitle.tsx +2 -2
- package/src/Label/Label.tsx +6 -13
- package/src/Label/getLabel.tsx +2 -2
- package/src/MaskedViewNative.tsx +1 -0
- package/src/MissingIcon.tsx +1 -1
- package/src/PlatformPressable.tsx +34 -6
- package/src/ResourceSavingView.tsx +7 -1
- package/src/SafeAreaProviderCompat.tsx +2 -2
- package/src/Screen.tsx +13 -4
- package/src/Text.tsx +14 -0
- package/src/getNamedContext.tsx +1 -0
- package/src/index.tsx +3 -0
- package/src/types.tsx +27 -23
package/lib/commonjs/index.js
CHANGED
|
@@ -6,6 +6,7 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
6
6
|
var _exportNames = {
|
|
7
7
|
Assets: true,
|
|
8
8
|
Background: true,
|
|
9
|
+
Button: true,
|
|
9
10
|
getDefaultSidebarWidth: true,
|
|
10
11
|
getDefaultHeaderHeight: true,
|
|
11
12
|
getHeaderTitle: true,
|
|
@@ -13,6 +14,7 @@ var _exportNames = {
|
|
|
13
14
|
HeaderBackButton: true,
|
|
14
15
|
HeaderBackContext: true,
|
|
15
16
|
HeaderBackground: true,
|
|
17
|
+
HeaderButton: true,
|
|
16
18
|
HeaderHeightContext: true,
|
|
17
19
|
HeaderShownContext: true,
|
|
18
20
|
HeaderTitle: true,
|
|
@@ -23,7 +25,8 @@ var _exportNames = {
|
|
|
23
25
|
PlatformPressable: true,
|
|
24
26
|
ResourceSavingView: true,
|
|
25
27
|
SafeAreaProviderCompat: true,
|
|
26
|
-
Screen: true
|
|
28
|
+
Screen: true,
|
|
29
|
+
Text: true
|
|
27
30
|
};
|
|
28
31
|
exports.Assets = void 0;
|
|
29
32
|
Object.defineProperty(exports, "Background", {
|
|
@@ -32,6 +35,12 @@ Object.defineProperty(exports, "Background", {
|
|
|
32
35
|
return _Background.Background;
|
|
33
36
|
}
|
|
34
37
|
});
|
|
38
|
+
Object.defineProperty(exports, "Button", {
|
|
39
|
+
enumerable: true,
|
|
40
|
+
get: function () {
|
|
41
|
+
return _Button.Button;
|
|
42
|
+
}
|
|
43
|
+
});
|
|
35
44
|
Object.defineProperty(exports, "Header", {
|
|
36
45
|
enumerable: true,
|
|
37
46
|
get: function () {
|
|
@@ -56,6 +65,12 @@ Object.defineProperty(exports, "HeaderBackground", {
|
|
|
56
65
|
return _HeaderBackground.HeaderBackground;
|
|
57
66
|
}
|
|
58
67
|
});
|
|
68
|
+
Object.defineProperty(exports, "HeaderButton", {
|
|
69
|
+
enumerable: true,
|
|
70
|
+
get: function () {
|
|
71
|
+
return _HeaderButton.HeaderButton;
|
|
72
|
+
}
|
|
73
|
+
});
|
|
59
74
|
Object.defineProperty(exports, "HeaderHeightContext", {
|
|
60
75
|
enumerable: true,
|
|
61
76
|
get: function () {
|
|
@@ -110,6 +125,12 @@ Object.defineProperty(exports, "Screen", {
|
|
|
110
125
|
return _Screen.Screen;
|
|
111
126
|
}
|
|
112
127
|
});
|
|
128
|
+
Object.defineProperty(exports, "Text", {
|
|
129
|
+
enumerable: true,
|
|
130
|
+
get: function () {
|
|
131
|
+
return _Text.Text;
|
|
132
|
+
}
|
|
133
|
+
});
|
|
113
134
|
Object.defineProperty(exports, "getDefaultHeaderHeight", {
|
|
114
135
|
enumerable: true,
|
|
115
136
|
get: function () {
|
|
@@ -141,6 +162,7 @@ Object.defineProperty(exports, "useHeaderHeight", {
|
|
|
141
162
|
}
|
|
142
163
|
});
|
|
143
164
|
var _Background = require("./Background");
|
|
165
|
+
var _Button = require("./Button");
|
|
144
166
|
var _getDefaultSidebarWidth = require("./getDefaultSidebarWidth");
|
|
145
167
|
var _getDefaultHeaderHeight = require("./Header/getDefaultHeaderHeight");
|
|
146
168
|
var _getHeaderTitle = require("./Header/getHeaderTitle");
|
|
@@ -148,6 +170,7 @@ var _Header = require("./Header/Header");
|
|
|
148
170
|
var _HeaderBackButton = require("./Header/HeaderBackButton");
|
|
149
171
|
var _HeaderBackContext = require("./Header/HeaderBackContext");
|
|
150
172
|
var _HeaderBackground = require("./Header/HeaderBackground");
|
|
173
|
+
var _HeaderButton = require("./Header/HeaderButton");
|
|
151
174
|
var _HeaderHeightContext = require("./Header/HeaderHeightContext");
|
|
152
175
|
var _HeaderShownContext = require("./Header/HeaderShownContext");
|
|
153
176
|
var _HeaderTitle = require("./Header/HeaderTitle");
|
|
@@ -159,6 +182,7 @@ var _PlatformPressable = require("./PlatformPressable");
|
|
|
159
182
|
var _ResourceSavingView = require("./ResourceSavingView");
|
|
160
183
|
var _SafeAreaProviderCompat = require("./SafeAreaProviderCompat");
|
|
161
184
|
var _Screen = require("./Screen");
|
|
185
|
+
var _Text = require("./Text");
|
|
162
186
|
var _types = require("./types");
|
|
163
187
|
Object.keys(_types).forEach(function (key) {
|
|
164
188
|
if (key === "default" || key === "__esModule") return;
|
|
@@ -171,10 +195,9 @@ Object.keys(_types).forEach(function (key) {
|
|
|
171
195
|
}
|
|
172
196
|
});
|
|
173
197
|
});
|
|
174
|
-
const Assets = [
|
|
198
|
+
const Assets = exports.Assets = [
|
|
175
199
|
// eslint-disable-next-line import/no-commonjs
|
|
176
200
|
require('./assets/back-icon.png'),
|
|
177
201
|
// eslint-disable-next-line import/no-commonjs
|
|
178
202
|
require('./assets/back-icon-mask.png')];
|
|
179
|
-
exports.Assets = Assets;
|
|
180
203
|
//# sourceMappingURL=index.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["
|
|
1
|
+
{"version":3,"names":["_Background","require","_Button","_getDefaultSidebarWidth","_getDefaultHeaderHeight","_getHeaderTitle","_Header","_HeaderBackButton","_HeaderBackContext","_HeaderBackground","_HeaderButton","_HeaderHeightContext","_HeaderShownContext","_HeaderTitle","_useHeaderHeight","_getLabel","_Label","_MissingIcon","_PlatformPressable","_ResourceSavingView","_SafeAreaProviderCompat","_Screen","_Text","_types","Object","keys","forEach","key","prototype","hasOwnProperty","call","_exportNames","exports","defineProperty","enumerable","get","Assets"],"sourceRoot":"../../src","sources":["index.tsx"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,IAAAA,WAAA,GAAAC,OAAA;AACA,IAAAC,OAAA,GAAAD,OAAA;AACA,IAAAE,uBAAA,GAAAF,OAAA;AACA,IAAAG,uBAAA,GAAAH,OAAA;AACA,IAAAI,eAAA,GAAAJ,OAAA;AACA,IAAAK,OAAA,GAAAL,OAAA;AACA,IAAAM,iBAAA,GAAAN,OAAA;AACA,IAAAO,kBAAA,GAAAP,OAAA;AACA,IAAAQ,iBAAA,GAAAR,OAAA;AACA,IAAAS,aAAA,GAAAT,OAAA;AACA,IAAAU,oBAAA,GAAAV,OAAA;AACA,IAAAW,mBAAA,GAAAX,OAAA;AACA,IAAAY,YAAA,GAAAZ,OAAA;AACA,IAAAa,gBAAA,GAAAb,OAAA;AACA,IAAAc,SAAA,GAAAd,OAAA;AACA,IAAAe,MAAA,GAAAf,OAAA;AACA,IAAAgB,YAAA,GAAAhB,OAAA;AACA,IAAAiB,kBAAA,GAAAjB,OAAA;AACA,IAAAkB,mBAAA,GAAAlB,OAAA;AACA,IAAAmB,uBAAA,GAAAnB,OAAA;AACA,IAAAoB,OAAA,GAAApB,OAAA;AACA,IAAAqB,KAAA,GAAArB,OAAA;AASA,IAAAsB,MAAA,GAAAtB,OAAA;AAAAuB,MAAA,CAAAC,IAAA,CAAAF,MAAA,EAAAG,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAH,MAAA,CAAAI,SAAA,CAAAC,cAAA,CAAAC,IAAA,CAAAC,YAAA,EAAAJ,GAAA;EAAA,IAAAA,GAAA,IAAAK,OAAA,IAAAA,OAAA,CAAAL,GAAA,MAAAJ,MAAA,CAAAI,GAAA;EAAAH,MAAA,CAAAS,cAAA,CAAAD,OAAA,EAAAL,GAAA;IAAAO,UAAA;IAAAC,GAAA,WAAAA,CAAA;MAAA,OAAAZ,MAAA,CAAAI,GAAA;IAAA;EAAA;AAAA;AAPO,MAAMS,MAAM,GAAAJ,OAAA,CAAAI,MAAA,GAAG;AACpB;AACAnC,OAAO,CAAC,wBAAwB,CAAC;AACjC;AACAA,OAAO,CAAC,6BAA6B,CAAC,CACvC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":[],"sourceRoot":"../../src","sources":["types.tsx"],"mappings":""}
|
|
1
|
+
{"version":3,"names":[],"sourceRoot":"../../src","sources":["types.tsx"],"mappings":""}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["useTheme","React","Animated","Background","style","rest","colors","flex","backgroundColor","background"],"sourceRoot":"../../src","sources":["Background.tsx"],"mappings":";AAAA,SAASA,QAAQ,QAAQ,0BAA0B;AACnD,OAAO,KAAKC,KAAK,MAAM,OAAO;AAC9B,
|
|
1
|
+
{"version":3,"names":["useTheme","React","Animated","Background","_ref","style","rest","colors","createElement","View","_extends","flex","backgroundColor","background"],"sourceRoot":"../../src","sources":["Background.tsx"],"mappings":";AAAA,SAASA,QAAQ,QAAQ,0BAA0B;AACnD,OAAO,KAAKC,KAAK,MAAM,OAAO;AAC9B,SACEC,QAAQ,QAIH,cAAc;AAOrB,OAAO,SAASC,UAAUA,CAAAC,IAAA,EAA4B;EAAA,IAA3B;IAAEC,KAAK;IAAE,GAAGC;EAAY,CAAC,GAAAF,IAAA;EAClD,MAAM;IAAEG;EAAO,CAAC,GAAGP,QAAQ,CAAC,CAAC;EAE7B,oBACEC,KAAA,CAAAO,aAAA,CAACN,QAAQ,CAACO,IAAI,EAAAC,QAAA,KACRJ,IAAI;IACRD,KAAK,EAAE,CAAC;MAAEM,IAAI,EAAE,CAAC;MAAEC,eAAe,EAAEL,MAAM,CAACM;IAAW,CAAC,EAAER,KAAK;EAAE,EACjE,CAAC;AAEN"}
|
|
@@ -0,0 +1,91 @@
|
|
|
1
|
+
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); }
|
|
2
|
+
import { useLinkProps, useTheme } from '@react-navigation/native';
|
|
3
|
+
import Color from 'color';
|
|
4
|
+
import * as React from 'react';
|
|
5
|
+
import { StyleSheet } from 'react-native';
|
|
6
|
+
import { PlatformPressable } from './PlatformPressable';
|
|
7
|
+
import { Text } from './Text';
|
|
8
|
+
const BUTTON_RADIUS = 40;
|
|
9
|
+
export function Button(props) {
|
|
10
|
+
if ('screen' in props || 'action' in props) {
|
|
11
|
+
return /*#__PURE__*/React.createElement(ButtonLink, props);
|
|
12
|
+
} else {
|
|
13
|
+
return /*#__PURE__*/React.createElement(ButtonBase, props);
|
|
14
|
+
}
|
|
15
|
+
}
|
|
16
|
+
function ButtonLink(_ref) {
|
|
17
|
+
let {
|
|
18
|
+
screen,
|
|
19
|
+
params,
|
|
20
|
+
action,
|
|
21
|
+
href,
|
|
22
|
+
...rest
|
|
23
|
+
} = _ref;
|
|
24
|
+
// @ts-expect-error: This is already type-checked by the prop types
|
|
25
|
+
const props = useLinkProps({
|
|
26
|
+
screen,
|
|
27
|
+
params,
|
|
28
|
+
action,
|
|
29
|
+
href
|
|
30
|
+
});
|
|
31
|
+
return /*#__PURE__*/React.createElement(ButtonBase, _extends({}, rest, props));
|
|
32
|
+
}
|
|
33
|
+
function ButtonBase(_ref2) {
|
|
34
|
+
let {
|
|
35
|
+
variant = 'tinted',
|
|
36
|
+
color: customColor,
|
|
37
|
+
android_ripple,
|
|
38
|
+
style,
|
|
39
|
+
children,
|
|
40
|
+
...rest
|
|
41
|
+
} = _ref2;
|
|
42
|
+
const {
|
|
43
|
+
colors,
|
|
44
|
+
fonts
|
|
45
|
+
} = useTheme();
|
|
46
|
+
const color = customColor ?? colors.primary;
|
|
47
|
+
let backgroundColor;
|
|
48
|
+
let textColor;
|
|
49
|
+
switch (variant) {
|
|
50
|
+
case 'plain':
|
|
51
|
+
backgroundColor = 'transparent';
|
|
52
|
+
textColor = color;
|
|
53
|
+
break;
|
|
54
|
+
case 'tinted':
|
|
55
|
+
backgroundColor = Color(color).fade(0.85).string();
|
|
56
|
+
textColor = color;
|
|
57
|
+
break;
|
|
58
|
+
case 'filled':
|
|
59
|
+
backgroundColor = color;
|
|
60
|
+
textColor = Color(color).isDark() ? 'white' : Color(color).darken(0.71).string();
|
|
61
|
+
break;
|
|
62
|
+
}
|
|
63
|
+
return /*#__PURE__*/React.createElement(PlatformPressable, _extends({}, rest, {
|
|
64
|
+
style: [{
|
|
65
|
+
backgroundColor
|
|
66
|
+
}, styles.button, style],
|
|
67
|
+
android_ripple: {
|
|
68
|
+
radius: BUTTON_RADIUS,
|
|
69
|
+
color: Color(textColor).fade(0.85).string(),
|
|
70
|
+
...android_ripple
|
|
71
|
+
}
|
|
72
|
+
}), /*#__PURE__*/React.createElement(Text, {
|
|
73
|
+
style: [{
|
|
74
|
+
color: textColor
|
|
75
|
+
}, fonts.regular, styles.text]
|
|
76
|
+
}, children));
|
|
77
|
+
}
|
|
78
|
+
const styles = StyleSheet.create({
|
|
79
|
+
button: {
|
|
80
|
+
paddingHorizontal: 24,
|
|
81
|
+
paddingVertical: 10,
|
|
82
|
+
borderRadius: BUTTON_RADIUS
|
|
83
|
+
},
|
|
84
|
+
text: {
|
|
85
|
+
fontSize: 14,
|
|
86
|
+
lineHeight: 20,
|
|
87
|
+
letterSpacing: 0.1,
|
|
88
|
+
textAlign: 'center'
|
|
89
|
+
}
|
|
90
|
+
});
|
|
91
|
+
//# sourceMappingURL=Button.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["useLinkProps","useTheme","Color","React","StyleSheet","PlatformPressable","Text","BUTTON_RADIUS","Button","props","createElement","ButtonLink","ButtonBase","_ref","screen","params","action","href","rest","_extends","_ref2","variant","color","customColor","android_ripple","style","children","colors","fonts","primary","backgroundColor","textColor","fade","string","isDark","darken","styles","button","radius","regular","text","create","paddingHorizontal","paddingVertical","borderRadius","fontSize","lineHeight","letterSpacing","textAlign"],"sourceRoot":"../../src","sources":["Button.tsx"],"mappings":"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"}
|
|
@@ -19,6 +19,10 @@ export function Header(props) {
|
|
|
19
19
|
const insets = useSafeAreaInsets();
|
|
20
20
|
const frame = useSafeAreaFrame();
|
|
21
21
|
const isParentHeaderShown = React.useContext(HeaderShownContext);
|
|
22
|
+
|
|
23
|
+
// On models with Dynamic Island the status bar height is smaller than the safe area top inset.
|
|
24
|
+
const hasDynamicIsland = Platform.OS === 'ios' && insets.top > 50;
|
|
25
|
+
const statusBarHeight = hasDynamicIsland ? insets.top - 5 : insets.top;
|
|
22
26
|
const {
|
|
23
27
|
layout = frame,
|
|
24
28
|
modal = false,
|
|
@@ -44,7 +48,7 @@ export function Header(props) {
|
|
|
44
48
|
headerShadowVisible,
|
|
45
49
|
headerPressColor,
|
|
46
50
|
headerPressOpacity,
|
|
47
|
-
headerStatusBarHeight = isParentHeaderShown ? 0 :
|
|
51
|
+
headerStatusBarHeight = isParentHeaderShown ? 0 : statusBarHeight
|
|
48
52
|
} = props;
|
|
49
53
|
const defaultHeight = getDefaultHeaderHeight(layout, modal, headerStatusBarHeight);
|
|
50
54
|
const {
|
|
@@ -133,7 +137,7 @@ export function Header(props) {
|
|
|
133
137
|
for (const styleProp in safeStyles) {
|
|
134
138
|
// @ts-expect-error: typescript wrongly complains that styleProp cannot be used to index safeStyles
|
|
135
139
|
if (safeStyles[styleProp] === undefined) {
|
|
136
|
-
// @ts-expect-error
|
|
140
|
+
// @ts-expect-error don't need to care about index signature for deletion
|
|
137
141
|
// eslint-disable-next-line @typescript-eslint/no-dynamic-delete
|
|
138
142
|
delete safeStyles[styleProp];
|
|
139
143
|
}
|
|
@@ -155,16 +159,7 @@ export function Header(props) {
|
|
|
155
159
|
pressOpacity: headerPressOpacity
|
|
156
160
|
}) : null;
|
|
157
161
|
const headerTitle = typeof customTitle !== 'function' ? props => /*#__PURE__*/React.createElement(HeaderTitle, props) : customTitle;
|
|
158
|
-
return /*#__PURE__*/React.createElement(
|
|
159
|
-
pointerEvents: "box-none",
|
|
160
|
-
style: [StyleSheet.absoluteFill, {
|
|
161
|
-
zIndex: 0
|
|
162
|
-
}, backgroundContainerStyle]
|
|
163
|
-
}, headerBackground ? headerBackground({
|
|
164
|
-
style: backgroundStyle
|
|
165
|
-
}) : headerTransparent ? null : /*#__PURE__*/React.createElement(HeaderBackground, {
|
|
166
|
-
style: backgroundStyle
|
|
167
|
-
})), /*#__PURE__*/React.createElement(Animated.View, {
|
|
162
|
+
return /*#__PURE__*/React.createElement(Animated.View, {
|
|
168
163
|
pointerEvents: "box-none",
|
|
169
164
|
style: [{
|
|
170
165
|
height,
|
|
@@ -173,7 +168,14 @@ export function Header(props) {
|
|
|
173
168
|
opacity,
|
|
174
169
|
transform
|
|
175
170
|
}]
|
|
176
|
-
}, /*#__PURE__*/React.createElement(View, {
|
|
171
|
+
}, /*#__PURE__*/React.createElement(Animated.View, {
|
|
172
|
+
pointerEvents: "box-none",
|
|
173
|
+
style: [StyleSheet.absoluteFill, backgroundContainerStyle]
|
|
174
|
+
}, headerBackground ? headerBackground({
|
|
175
|
+
style: backgroundStyle
|
|
176
|
+
}) : headerTransparent ? null : /*#__PURE__*/React.createElement(HeaderBackground, {
|
|
177
|
+
style: backgroundStyle
|
|
178
|
+
})), /*#__PURE__*/React.createElement(View, {
|
|
177
179
|
pointerEvents: "none",
|
|
178
180
|
style: {
|
|
179
181
|
height: headerStatusBarHeight
|
|
@@ -191,7 +193,9 @@ export function Header(props) {
|
|
|
191
193
|
style: [styles.title, {
|
|
192
194
|
// Avoid the title from going offscreen or overlapping buttons
|
|
193
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)
|
|
194
|
-
},
|
|
196
|
+
}, headerTitleAlign === 'left' && leftButton ? {
|
|
197
|
+
marginLeft: 4
|
|
198
|
+
} : null, titleContainerStyle]
|
|
195
199
|
}, headerTitle({
|
|
196
200
|
children: title,
|
|
197
201
|
allowFontScaling: titleAllowFontScaling,
|
|
@@ -202,7 +206,7 @@ export function Header(props) {
|
|
|
202
206
|
style: [styles.right, styles.expand, {
|
|
203
207
|
marginEnd: insets.right
|
|
204
208
|
}, rightContainerStyle]
|
|
205
|
-
}, rightButton)))
|
|
209
|
+
}, rightButton)));
|
|
206
210
|
}
|
|
207
211
|
const styles = StyleSheet.create({
|
|
208
212
|
content: {
|
|
@@ -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","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","
|
|
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","left","expand","marginStart","maxWidth","width","Math","max","right","marginLeft","children","allowFontScaling","marginEnd","create","flex","flexDirection","alignItems","marginHorizontal","justifyContent","flexGrow","flexBasis"],"sourceRoot":"../../../src","sources":["Header/Header.tsx"],"mappings":"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"}
|
|
@@ -2,7 +2,7 @@ import { useLocale, useTheme } from '@react-navigation/native';
|
|
|
2
2
|
import * as React from 'react';
|
|
3
3
|
import { Animated, Image, Platform, StyleSheet, View } from 'react-native';
|
|
4
4
|
import { MaskedView } from '../MaskedView';
|
|
5
|
-
import {
|
|
5
|
+
import { HeaderButton } from './HeaderButton';
|
|
6
6
|
export function HeaderBackButton(_ref) {
|
|
7
7
|
let {
|
|
8
8
|
disabled,
|
|
@@ -21,7 +21,8 @@ export function HeaderBackButton(_ref) {
|
|
|
21
21
|
truncatedLabel = 'Back',
|
|
22
22
|
accessibilityLabel = label && label !== 'Back' ? `${label}, back` : 'Go back',
|
|
23
23
|
testID,
|
|
24
|
-
style
|
|
24
|
+
style,
|
|
25
|
+
href
|
|
25
26
|
} = _ref;
|
|
26
27
|
const {
|
|
27
28
|
colors,
|
|
@@ -36,7 +37,7 @@ export function HeaderBackButton(_ref) {
|
|
|
36
37
|
default: colors.text
|
|
37
38
|
});
|
|
38
39
|
const handleLabelLayout = e => {
|
|
39
|
-
onLabelLayout
|
|
40
|
+
onLabelLayout?.(e);
|
|
40
41
|
const {
|
|
41
42
|
layout
|
|
42
43
|
} = e.nativeEvent;
|
|
@@ -55,6 +56,7 @@ export function HeaderBackButton(_ref) {
|
|
|
55
56
|
style: [styles.icon, direction === 'rtl' && styles.flip, Boolean(labelVisible) && styles.iconWithLabel, Boolean(tintColor) && {
|
|
56
57
|
tintColor
|
|
57
58
|
}],
|
|
59
|
+
resizeMode: "contain",
|
|
58
60
|
source: require('../assets/back-icon.png'),
|
|
59
61
|
fadeDuration: 0
|
|
60
62
|
});
|
|
@@ -94,44 +96,32 @@ export function HeaderBackButton(_ref) {
|
|
|
94
96
|
style: styles.iconMaskContainer
|
|
95
97
|
}, /*#__PURE__*/React.createElement(Image, {
|
|
96
98
|
source: require('../assets/back-icon-mask.png'),
|
|
99
|
+
resizeMode: "contain",
|
|
97
100
|
style: [styles.iconMask, direction === 'rtl' && styles.flip]
|
|
98
101
|
}), /*#__PURE__*/React.createElement(View, {
|
|
99
102
|
style: styles.iconMaskFillerRect
|
|
100
103
|
}))
|
|
101
104
|
}, labelElement);
|
|
102
105
|
};
|
|
103
|
-
const handlePress = () =>
|
|
104
|
-
|
|
106
|
+
const handlePress = () => {
|
|
107
|
+
if (onPress) {
|
|
108
|
+
requestAnimationFrame(() => onPress());
|
|
109
|
+
}
|
|
110
|
+
};
|
|
111
|
+
return /*#__PURE__*/React.createElement(HeaderButton, {
|
|
105
112
|
disabled: disabled,
|
|
106
|
-
|
|
107
|
-
accessibilityRole: "button",
|
|
113
|
+
href: href,
|
|
108
114
|
accessibilityLabel: accessibilityLabel,
|
|
109
115
|
testID: testID,
|
|
110
|
-
onPress:
|
|
116
|
+
onPress: handlePress,
|
|
111
117
|
pressColor: pressColor,
|
|
112
118
|
pressOpacity: pressOpacity,
|
|
113
|
-
|
|
114
|
-
style: [styles.container, disabled && styles.disabled, style],
|
|
115
|
-
hitSlop: Platform.select({
|
|
116
|
-
ios: undefined,
|
|
117
|
-
default: {
|
|
118
|
-
top: 16,
|
|
119
|
-
right: 16,
|
|
120
|
-
bottom: 16,
|
|
121
|
-
left: 16
|
|
122
|
-
}
|
|
123
|
-
})
|
|
119
|
+
style: [styles.container, style]
|
|
124
120
|
}, /*#__PURE__*/React.createElement(React.Fragment, null, renderBackImage(), renderLabel()));
|
|
125
121
|
}
|
|
126
|
-
const androidRipple = {
|
|
127
|
-
borderless: true,
|
|
128
|
-
foreground: Platform.OS === 'android' && Platform.Version >= 23,
|
|
129
|
-
radius: 20
|
|
130
|
-
};
|
|
131
122
|
const styles = StyleSheet.create({
|
|
132
123
|
container: {
|
|
133
|
-
|
|
134
|
-
flexDirection: 'row',
|
|
124
|
+
paddingHorizontal: 0,
|
|
135
125
|
minWidth: StyleSheet.hairlineWidth,
|
|
136
126
|
// Avoid collapsing when title is long
|
|
137
127
|
...Platform.select({
|
|
@@ -142,9 +132,6 @@ const styles = StyleSheet.create({
|
|
|
142
132
|
}
|
|
143
133
|
})
|
|
144
134
|
},
|
|
145
|
-
disabled: {
|
|
146
|
-
opacity: 0.5
|
|
147
|
-
},
|
|
148
135
|
label: {
|
|
149
136
|
fontSize: 17,
|
|
150
137
|
// Title and back label are a bit different width due to title being bold
|
|
@@ -163,14 +150,12 @@ const styles = StyleSheet.create({
|
|
|
163
150
|
width: 13,
|
|
164
151
|
marginLeft: 8,
|
|
165
152
|
marginRight: 22,
|
|
166
|
-
marginVertical: 12
|
|
167
|
-
resizeMode: 'contain'
|
|
153
|
+
marginVertical: 12
|
|
168
154
|
},
|
|
169
155
|
default: {
|
|
170
156
|
height: 24,
|
|
171
157
|
width: 24,
|
|
172
|
-
margin: 3
|
|
173
|
-
resizeMode: 'contain'
|
|
158
|
+
margin: 3
|
|
174
159
|
}
|
|
175
160
|
}),
|
|
176
161
|
iconWithLabel: Platform.OS === 'ios' ? {
|
|
@@ -190,13 +175,10 @@ const styles = StyleSheet.create({
|
|
|
190
175
|
width: 13,
|
|
191
176
|
marginLeft: -14.5,
|
|
192
177
|
marginVertical: 12,
|
|
193
|
-
alignSelf: 'center'
|
|
194
|
-
resizeMode: 'contain'
|
|
178
|
+
alignSelf: 'center'
|
|
195
179
|
},
|
|
196
180
|
flip: {
|
|
197
|
-
transform:
|
|
198
|
-
scaleX: -1
|
|
199
|
-
}]
|
|
181
|
+
transform: 'scaleX(-1)'
|
|
200
182
|
}
|
|
201
183
|
});
|
|
202
184
|
//# sourceMappingURL=HeaderBackButton.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["useLocale","useTheme","React","Animated","Image","Platform","StyleSheet","View","MaskedView","
|
|
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","marginLeft","marginRight","margin","flex","justifyContent","backgroundColor","alignSelf","transform"],"sourceRoot":"../../../src","sources":["Header/HeaderBackButton.tsx"],"mappings":"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"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["getNamedContext","HeaderBackContext","undefined"],"sourceRoot":"../../../src","sources":["Header/HeaderBackContext.tsx"],"mappings":"AAAA,SAASA,eAAe,QAAQ,oBAAoB;AAEpD,OAAO,MAAMC,iBAAiB,GAAGD,eAAe,
|
|
1
|
+
{"version":3,"names":["getNamedContext","HeaderBackContext","undefined"],"sourceRoot":"../../../src","sources":["Header/HeaderBackContext.tsx"],"mappings":"AAAA,SAASA,eAAe,QAAQ,oBAAoB;AAEpD,OAAO,MAAMC,iBAAiB,GAAGD,eAAe,CAE9C,mBAAmB,EAAEE,SAAS,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["useTheme","React","Animated","Platform","StyleSheet","HeaderBackground","style","rest","colors","styles","container","backgroundColor","card","borderBottomColor","border","shadowColor","create","flex","select","android","elevation","ios","shadowOpacity","shadowRadius","shadowOffset","width","height","hairlineWidth","default","borderBottomWidth"],"sourceRoot":"../../../src","sources":["Header/HeaderBackground.tsx"],"mappings":";AAAA,SAASA,QAAQ,QAAQ,0BAA0B;AACnD,OAAO,KAAKC,KAAK,MAAM,OAAO;AAC9B,SACEC,QAAQ,EACRC,QAAQ,EAERC,UAAU,QAGL,cAAc;AAOrB,OAAO,SAASC,
|
|
1
|
+
{"version":3,"names":["useTheme","React","Animated","Platform","StyleSheet","HeaderBackground","_ref","style","rest","colors","createElement","View","_extends","styles","container","backgroundColor","card","borderBottomColor","border","shadowColor","create","flex","select","android","elevation","ios","shadowOpacity","shadowRadius","shadowOffset","width","height","hairlineWidth","default","borderBottomWidth"],"sourceRoot":"../../../src","sources":["Header/HeaderBackground.tsx"],"mappings":";AAAA,SAASA,QAAQ,QAAQ,0BAA0B;AACnD,OAAO,KAAKC,KAAK,MAAM,OAAO;AAC9B,SACEC,QAAQ,EACRC,QAAQ,EAERC,UAAU,QAGL,cAAc;AAOrB,OAAO,SAASC,gBAAgBA,CAAAC,IAAA,EAA4B;EAAA,IAA3B;IAAEC,KAAK;IAAE,GAAGC;EAAY,CAAC,GAAAF,IAAA;EACxD,MAAM;IAAEG;EAAO,CAAC,GAAGT,QAAQ,CAAC,CAAC;EAE7B,oBACEC,KAAA,CAAAS,aAAA,CAACR,QAAQ,CAACS,IAAI,EAAAC,QAAA;IACZL,KAAK,EAAE,CACLM,MAAM,CAACC,SAAS,EAChB;MACEC,eAAe,EAAEN,MAAM,CAACO,IAAI;MAC5BC,iBAAiB,EAAER,MAAM,CAACS,MAAM;MAChCC,WAAW,EAAEV,MAAM,CAACS;IACtB,CAAC,EACDX,KAAK;EACL,GACEC,IAAI,CACT,CAAC;AAEN;AAEA,MAAMK,MAAM,GAAGT,UAAU,CAACgB,MAAM,CAAC;EAC/BN,SAAS,EAAE;IACTO,IAAI,EAAE,CAAC;IACP,GAAGlB,QAAQ,CAACmB,MAAM,CAAC;MACjBC,OAAO,EAAE;QACPC,SAAS,EAAE;MACb,CAAC;MACDC,GAAG,EAAE;QACHC,aAAa,EAAE,IAAI;QACnBC,YAAY,EAAE,CAAC;QACfC,YAAY,EAAE;UACZC,KAAK,EAAE,CAAC;UACRC,MAAM,EAAE1B,UAAU,CAAC2B;QACrB;MACF,CAAC;MACDC,OAAO,EAAE;QACPC,iBAAiB,EAAE7B,UAAU,CAAC2B;MAChC;IACF,CAAC;EACH;AACF,CAAC,CAAC"}
|
|
@@ -0,0 +1,52 @@
|
|
|
1
|
+
import * as React from 'react';
|
|
2
|
+
import { Platform, StyleSheet } from 'react-native';
|
|
3
|
+
import { PlatformPressable } from '../PlatformPressable';
|
|
4
|
+
export function HeaderButton(_ref) {
|
|
5
|
+
let {
|
|
6
|
+
disabled,
|
|
7
|
+
onPress,
|
|
8
|
+
pressColor,
|
|
9
|
+
pressOpacity,
|
|
10
|
+
accessibilityLabel,
|
|
11
|
+
testID,
|
|
12
|
+
style,
|
|
13
|
+
href,
|
|
14
|
+
children
|
|
15
|
+
} = _ref;
|
|
16
|
+
return /*#__PURE__*/React.createElement(PlatformPressable, {
|
|
17
|
+
disabled: disabled,
|
|
18
|
+
href: href,
|
|
19
|
+
accessibilityLabel: accessibilityLabel,
|
|
20
|
+
testID: testID,
|
|
21
|
+
onPress: onPress,
|
|
22
|
+
pressColor: pressColor,
|
|
23
|
+
pressOpacity: pressOpacity,
|
|
24
|
+
android_ripple: androidRipple,
|
|
25
|
+
style: [styles.container, disabled && styles.disabled, style],
|
|
26
|
+
hitSlop: Platform.select({
|
|
27
|
+
ios: undefined,
|
|
28
|
+
default: {
|
|
29
|
+
top: 16,
|
|
30
|
+
right: 16,
|
|
31
|
+
bottom: 16,
|
|
32
|
+
left: 16
|
|
33
|
+
}
|
|
34
|
+
})
|
|
35
|
+
}, children);
|
|
36
|
+
}
|
|
37
|
+
const androidRipple = {
|
|
38
|
+
borderless: true,
|
|
39
|
+
foreground: Platform.OS === 'android' && Platform.Version >= 23,
|
|
40
|
+
radius: 20
|
|
41
|
+
};
|
|
42
|
+
const styles = StyleSheet.create({
|
|
43
|
+
container: {
|
|
44
|
+
flexDirection: 'row',
|
|
45
|
+
alignItems: 'center',
|
|
46
|
+
paddingHorizontal: 8
|
|
47
|
+
},
|
|
48
|
+
disabled: {
|
|
49
|
+
opacity: 0.5
|
|
50
|
+
}
|
|
51
|
+
});
|
|
52
|
+
//# sourceMappingURL=HeaderButton.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["React","Platform","StyleSheet","PlatformPressable","HeaderButton","_ref","disabled","onPress","pressColor","pressOpacity","accessibilityLabel","testID","style","href","children","createElement","android_ripple","androidRipple","styles","container","hitSlop","select","ios","undefined","default","top","right","bottom","left","borderless","foreground","OS","Version","radius","create","flexDirection","alignItems","paddingHorizontal","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,sBAAsB;AAGxD,OAAO,SAASC,YAAYA,CAAAC,IAAA,EAUN;EAAA,IAVO;IAC3BC,QAAQ;IACRC,OAAO;IACPC,UAAU;IACVC,YAAY;IACZC,kBAAkB;IAClBC,MAAM;IACNC,KAAK;IACLC,IAAI;IACJC;EACiB,CAAC,GAAAT,IAAA;EAClB,oBACEL,KAAA,CAAAe,aAAA,CAACZ,iBAAiB;IAChBG,QAAQ,EAAEA,QAAS;IACnBO,IAAI,EAAEA,IAAK;IACXH,kBAAkB,EAAEA,kBAAmB;IACvCC,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,EAAEnB,QAAQ,CAACoB,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;EAAE,GAEFd,QACgB,CAAC;AAExB;AAEA,MAAMG,aAAa,GAAG;EACpBY,UAAU,EAAE,IAAI;EAChBC,UAAU,EAAE7B,QAAQ,CAAC8B,EAAE,KAAK,SAAS,IAAI9B,QAAQ,CAAC+B,OAAO,IAAI,EAAE;EAC/DC,MAAM,EAAE;AACV,CAAC;AAED,MAAMf,MAAM,GAAGhB,UAAU,CAACgC,MAAM,CAAC;EAC/Bf,SAAS,EAAE;IACTgB,aAAa,EAAE,KAAK;IACpBC,UAAU,EAAE,QAAQ;IACpBC,iBAAiB,EAAE;EACrB,CAAC;EACD/B,QAAQ,EAAE;IACRgC,OAAO,EAAE;EACX;AACF,CAAC,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["getNamedContext","HeaderHeightContext","undefined"],"sourceRoot":"../../../src","sources":["Header/HeaderHeightContext.tsx"],"mappings":"AAAA,SAASA,eAAe,QAAQ,oBAAoB;AAEpD,OAAO,MAAMC,mBAAmB,GAAGD,eAAe,CAChD,qBAAqB,EACrBE,
|
|
1
|
+
{"version":3,"names":["getNamedContext","HeaderHeightContext","undefined"],"sourceRoot":"../../../src","sources":["Header/HeaderHeightContext.tsx"],"mappings":"AAAA,SAASA,eAAe,QAAQ,oBAAoB;AAEpD,OAAO,MAAMC,mBAAmB,GAAGD,eAAe,CAChD,qBAAqB,EACrBE,SACF,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["getNamedContext","HeaderShownContext"],"sourceRoot":"../../../src","sources":["Header/HeaderShownContext.tsx"],"mappings":"AAAA,SAASA,eAAe,QAAQ,oBAAoB;AAEpD,OAAO,MAAMC,kBAAkB,GAAGD,eAAe,CAAC,oBAAoB,EAAE,KAAK,CAAC"}
|
|
1
|
+
{"version":3,"names":["getNamedContext","HeaderShownContext"],"sourceRoot":"../../../src","sources":["Header/HeaderShownContext.tsx"],"mappings":"AAAA,SAASA,eAAe,QAAQ,oBAAoB;AAEpD,OAAO,MAAMC,kBAAkB,GAAGD,eAAe,CAAC,oBAAoB,EAAE,KAAK,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["useTheme","React","Animated","Platform","StyleSheet","HeaderTitle","tintColor","style","rest","colors","fonts","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,OAAO,KAAKC,KAAK,MAAM,OAAO;AAC9B,SACEC,QAAQ,EACRC,QAAQ,EAERC,UAAU,QAGL,cAAc;AAQrB,OAAO,SAASC,
|
|
1
|
+
{"version":3,"names":["useTheme","React","Animated","Platform","StyleSheet","HeaderTitle","_ref","tintColor","style","rest","colors","fonts","createElement","Text","_extends","accessibilityRole","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,OAAO,KAAKC,KAAK,MAAM,OAAO;AAC9B,SACEC,QAAQ,EACRC,QAAQ,EAERC,UAAU,QAGL,cAAc;AAQrB,OAAO,SAASC,WAAWA,CAAAC,IAAA,EAAuC;EAAA,IAAtC;IAAEC,SAAS;IAAEC,KAAK;IAAE,GAAGC;EAAY,CAAC,GAAAH,IAAA;EAC9D,MAAM;IAAEI,MAAM;IAAEC;EAAM,CAAC,GAAGX,QAAQ,CAAC,CAAC;EAEpC,oBACEC,KAAA,CAAAW,aAAA,CAACV,QAAQ,CAACW,IAAI,EAAAC,QAAA;IACZC,iBAAiB,EAAC,QAAQ;IAC1B,cAAW,GAAG;IACdC,aAAa,EAAE;EAAE,GACbP,IAAI;IACRD,KAAK,EAAE,CACL;MAAES,KAAK,EAAEV,SAAS,KAAKW,SAAS,GAAGR,MAAM,CAACS,IAAI,GAAGZ;IAAU,CAAC,EAC5DJ,QAAQ,CAACiB,MAAM,CAAC;MAAEC,GAAG,EAAEV,KAAK,CAACW,IAAI;MAAEC,OAAO,EAAEZ,KAAK,CAACa;IAAO,CAAC,CAAC,EAC3DC,MAAM,CAACC,KAAK,EACZlB,KAAK;EACL,EACH,CAAC;AAEN;AAEA,MAAMiB,MAAM,GAAGrB,UAAU,CAACuB,MAAM,CAAC;EAC/BD,KAAK,EAAEvB,QAAQ,CAACiB,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"}
|