@react-navigation/elements 2.9.3 → 3.0.0-alpha.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/lib/module/Badge.js +2 -2
- package/lib/module/Badge.js.map +1 -1
- package/lib/module/BlurEffectBackground.js +59 -0
- package/lib/module/BlurEffectBackground.js.map +1 -0
- package/lib/module/Button.js +7 -6
- package/lib/module/Button.js.map +1 -1
- package/lib/module/Color.js +11 -0
- package/lib/module/Color.js.map +1 -0
- package/lib/module/Container.js +42 -0
- package/lib/module/Container.js.map +1 -0
- package/lib/module/Header/Header.js +152 -97
- package/lib/module/Header/Header.js.map +1 -1
- package/lib/module/Header/HeaderBackButton.js +130 -121
- package/lib/module/Header/HeaderBackButton.js.map +1 -1
- package/lib/module/Header/HeaderBackground.js +10 -17
- package/lib/module/Header/HeaderBackground.js.map +1 -1
- package/lib/module/Header/HeaderButton.js +6 -2
- package/lib/module/Header/HeaderButton.js.map +1 -1
- package/lib/module/Header/HeaderButtonBackground.js +27 -0
- package/lib/module/Header/HeaderButtonBackground.js.map +1 -0
- package/lib/module/Header/HeaderSearchBar.js +174 -123
- package/lib/module/Header/HeaderSearchBar.js.map +1 -1
- package/lib/module/Header/HeaderTitle.js.map +1 -1
- package/lib/module/Header/getDefaultHeaderHeight.js +22 -10
- package/lib/module/Header/getDefaultHeaderHeight.js.map +1 -1
- package/lib/module/Label/Label.js.map +1 -1
- package/lib/module/LiquidGlassView.ios.js +21 -0
- package/lib/module/LiquidGlassView.ios.js.map +1 -0
- package/lib/module/LiquidGlassView.js +13 -0
- package/lib/module/LiquidGlassView.js.map +1 -0
- package/lib/module/MissingIcon.js +1 -0
- package/lib/module/MissingIcon.js.map +1 -1
- package/lib/module/PlatformColor.js +9 -0
- package/lib/module/PlatformColor.js.map +1 -0
- package/lib/module/PlatformColor.native.js +4 -0
- package/lib/module/PlatformColor.native.js.map +1 -0
- package/lib/module/PlatformPressable.js.map +1 -1
- package/lib/module/Screen.js +29 -23
- package/lib/module/Screen.js.map +1 -1
- package/lib/module/assets/back-icon.ios.svg +4 -0
- package/lib/module/assets/back-icon@1x.ios.png +0 -0
- package/lib/module/assets/back-icon@2x.ios.png +0 -0
- package/lib/module/assets/back-icon@3x.ios.png +0 -0
- package/lib/module/assets/back-icon@4x.ios.png +0 -0
- package/lib/module/assets/search-icon-legacy.png +0 -0
- package/lib/module/assets/search-icon-legacy@1x.ios.png +0 -0
- package/lib/module/assets/search-icon-legacy@2x.ios.png +0 -0
- package/lib/module/assets/search-icon-legacy@3x.ios.png +0 -0
- package/lib/module/assets/search-icon-legacy@4x.ios.png +0 -0
- package/lib/module/assets/search-icon.ios.svg +4 -0
- package/lib/module/assets/search-icon@1x.ios.png +0 -0
- package/lib/module/assets/search-icon@2x.ios.png +0 -0
- package/lib/module/assets/search-icon@3x.ios.png +0 -0
- package/lib/module/assets/search-icon@4x.ios.png +0 -0
- package/lib/module/getBlurBackgroundColor.js +48 -0
- package/lib/module/getBlurBackgroundColor.js.map +1 -0
- package/lib/module/index.js +2 -8
- package/lib/module/index.js.map +1 -1
- package/lib/module/internal.js +10 -0
- package/lib/module/internal.js.map +1 -0
- package/lib/module/useFrameSize.js +4 -4
- package/lib/module/useFrameSize.js.map +1 -1
- package/lib/typescript/src/Badge.d.ts.map +1 -1
- package/lib/typescript/src/BlurEffectBackground.d.ts +16 -0
- package/lib/typescript/src/BlurEffectBackground.d.ts.map +1 -0
- package/lib/typescript/src/Button.d.ts +5 -4
- package/lib/typescript/src/Button.d.ts.map +1 -1
- package/lib/typescript/src/Color.d.ts +13 -0
- package/lib/typescript/src/Color.d.ts.map +1 -0
- package/lib/typescript/src/Container.d.ts +8 -0
- package/lib/typescript/src/Container.d.ts.map +1 -0
- package/lib/typescript/src/Header/Header.d.ts +1 -5
- package/lib/typescript/src/Header/Header.d.ts.map +1 -1
- package/lib/typescript/src/Header/HeaderBackButton.d.ts +1 -1
- package/lib/typescript/src/Header/HeaderBackButton.d.ts.map +1 -1
- package/lib/typescript/src/Header/HeaderBackground.d.ts +5 -3
- package/lib/typescript/src/Header/HeaderBackground.d.ts.map +1 -1
- package/lib/typescript/src/Header/HeaderButton.d.ts +2 -0
- package/lib/typescript/src/Header/HeaderButton.d.ts.map +1 -1
- package/lib/typescript/src/Header/HeaderButtonBackground.d.ts +5 -0
- package/lib/typescript/src/Header/HeaderButtonBackground.d.ts.map +1 -0
- package/lib/typescript/src/Header/HeaderSearchBar.d.ts +5 -2
- package/lib/typescript/src/Header/HeaderSearchBar.d.ts.map +1 -1
- package/lib/typescript/src/Header/HeaderTitle.d.ts +2 -2
- package/lib/typescript/src/Header/HeaderTitle.d.ts.map +1 -1
- package/lib/typescript/src/Header/getDefaultHeaderHeight.d.ts +5 -2
- package/lib/typescript/src/Header/getDefaultHeaderHeight.d.ts.map +1 -1
- package/lib/typescript/src/Label/Label.d.ts +2 -2
- package/lib/typescript/src/Label/Label.d.ts.map +1 -1
- package/lib/typescript/src/LiquidGlassView.d.ts +9 -0
- package/lib/typescript/src/LiquidGlassView.d.ts.map +1 -0
- package/lib/typescript/src/LiquidGlassView.ios.d.ts +5 -0
- package/lib/typescript/src/LiquidGlassView.ios.d.ts.map +1 -0
- package/lib/typescript/src/MissingIcon.d.ts +2 -2
- package/lib/typescript/src/MissingIcon.d.ts.map +1 -1
- package/lib/typescript/src/PlatformColor.d.ts +7 -0
- package/lib/typescript/src/PlatformColor.d.ts.map +1 -0
- package/lib/typescript/src/PlatformColor.native.d.ts +2 -0
- package/lib/typescript/src/PlatformColor.native.d.ts.map +1 -0
- package/lib/typescript/src/PlatformPressable.d.ts +3 -3
- package/lib/typescript/src/PlatformPressable.d.ts.map +1 -1
- package/lib/typescript/src/Screen.d.ts.map +1 -1
- package/lib/typescript/src/getBlurBackgroundColor.d.ts +7 -0
- package/lib/typescript/src/getBlurBackgroundColor.d.ts.map +1 -0
- package/lib/typescript/src/index.d.ts +0 -6
- package/lib/typescript/src/index.d.ts.map +1 -1
- package/lib/typescript/src/internal.d.ts +8 -0
- package/lib/typescript/src/internal.d.ts.map +1 -0
- package/lib/typescript/src/types.d.ts +20 -22
- package/lib/typescript/src/types.d.ts.map +1 -1
- package/package.json +19 -17
- package/src/Badge.tsx +3 -2
- package/src/BlurEffectBackground.tsx +90 -0
- package/src/Button.tsx +33 -21
- package/src/Color.tsx +21 -0
- package/src/Container.tsx +44 -0
- package/src/Header/Header.tsx +226 -156
- package/src/Header/HeaderBackButton.tsx +194 -168
- package/src/Header/HeaderBackground.tsx +17 -19
- package/src/Header/HeaderButton.tsx +7 -2
- package/src/Header/HeaderButtonBackground.tsx +29 -0
- package/src/Header/HeaderSearchBar.tsx +227 -129
- package/src/Header/HeaderTitle.tsx +2 -1
- package/src/Header/getDefaultHeaderHeight.tsx +29 -18
- package/src/Label/Label.tsx +2 -1
- package/src/LiquidGlassView.ios.tsx +39 -0
- package/src/LiquidGlassView.tsx +20 -0
- package/src/MissingIcon.tsx +12 -3
- package/src/PlatformColor.native.tsx +1 -0
- package/src/PlatformColor.tsx +8 -0
- package/src/PlatformPressable.tsx +2 -1
- package/src/Screen.tsx +24 -25
- package/src/assets/back-icon.ios.svg +4 -0
- package/src/assets/back-icon@1x.ios.png +0 -0
- package/src/assets/back-icon@2x.ios.png +0 -0
- package/src/assets/back-icon@3x.ios.png +0 -0
- package/src/assets/back-icon@4x.ios.png +0 -0
- package/src/assets/search-icon-legacy.png +0 -0
- package/src/assets/search-icon-legacy@1x.ios.png +0 -0
- package/src/assets/search-icon-legacy@2x.ios.png +0 -0
- package/src/assets/search-icon-legacy@3x.ios.png +0 -0
- package/src/assets/search-icon-legacy@4x.ios.png +0 -0
- package/src/assets/search-icon.ios.svg +4 -0
- package/src/assets/search-icon@1x.ios.png +0 -0
- package/src/assets/search-icon@2x.ios.png +0 -0
- package/src/assets/search-icon@3x.ios.png +0 -0
- package/src/assets/search-icon@4x.ios.png +0 -0
- package/src/getBlurBackgroundColor.tsx +68 -0
- package/src/index.tsx +2 -8
- package/src/internal.tsx +7 -0
- package/src/types.tsx +21 -21
- package/src/useFrameSize.tsx +4 -4
- package/lib/module/Background.js +0 -22
- package/lib/module/Background.js.map +0 -1
- package/lib/module/MaskedView.android.js +0 -4
- package/lib/module/MaskedView.android.js.map +0 -1
- package/lib/module/MaskedView.ios.js +0 -4
- package/lib/module/MaskedView.ios.js.map +0 -1
- package/lib/module/MaskedView.js +0 -12
- package/lib/module/MaskedView.js.map +0 -1
- package/lib/module/MaskedViewNative.js +0 -30
- package/lib/module/MaskedViewNative.js.map +0 -1
- package/lib/module/ResourceSavingView.js +0 -57
- package/lib/module/ResourceSavingView.js.map +0 -1
- package/lib/module/assets/back-icon-mask.png +0 -0
- package/lib/typescript/src/Background.d.ts +0 -9
- package/lib/typescript/src/Background.d.ts.map +0 -1
- package/lib/typescript/src/MaskedView.android.d.ts +0 -2
- package/lib/typescript/src/MaskedView.android.d.ts.map +0 -1
- package/lib/typescript/src/MaskedView.d.ts +0 -11
- package/lib/typescript/src/MaskedView.d.ts.map +0 -1
- package/lib/typescript/src/MaskedView.ios.d.ts +0 -2
- package/lib/typescript/src/MaskedView.ios.d.ts.map +0 -1
- package/lib/typescript/src/MaskedViewNative.d.ts +0 -11
- package/lib/typescript/src/MaskedViewNative.d.ts.map +0 -1
- package/lib/typescript/src/ResourceSavingView.d.ts +0 -10
- package/lib/typescript/src/ResourceSavingView.d.ts.map +0 -1
- package/src/Background.tsx +0 -24
- package/src/MaskedView.android.tsx +0 -1
- package/src/MaskedView.ios.tsx +0 -1
- package/src/MaskedView.tsx +0 -13
- package/src/MaskedViewNative.tsx +0 -33
- package/src/ResourceSavingView.tsx +0 -76
- package/src/assets/back-icon-mask.png +0 -0
|
@@ -1,15 +1,19 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
3
|
import { useNavigation, useTheme } from '@react-navigation/native';
|
|
4
|
-
import Color from 'color';
|
|
5
4
|
import * as React from 'react';
|
|
6
|
-
import { Animated, Image, Platform, StyleSheet, TextInput
|
|
5
|
+
import { Animated, BackHandler, Image, Platform, StyleSheet, TextInput } from 'react-native';
|
|
7
6
|
import clearIcon from '../assets/clear-icon.png';
|
|
8
7
|
import closeIcon from '../assets/close-icon.png';
|
|
9
8
|
import searchIcon from '../assets/search-icon.png';
|
|
9
|
+
import searchIconLegacy from '../assets/search-icon-legacy.png';
|
|
10
|
+
import { Color } from "../Color.js";
|
|
11
|
+
import { AnimatedLiquidGlassContainerView, isLiquidGlassSupported } from '../LiquidGlassView';
|
|
10
12
|
import { PlatformPressable } from "../PlatformPressable.js";
|
|
11
13
|
import { Text } from "../Text.js";
|
|
12
|
-
import {
|
|
14
|
+
import { HeaderBackButton } from "./HeaderBackButton.js";
|
|
15
|
+
import { BUTTON_SIZE, BUTTON_SPACING, HeaderButton } from "./HeaderButton.js";
|
|
16
|
+
import { HeaderButtonBackground } from "./HeaderButtonBackground.js";
|
|
13
17
|
import { HeaderIcon } from "./HeaderIcon.js";
|
|
14
18
|
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
15
19
|
const INPUT_TYPE_TO_MODE = {
|
|
@@ -25,11 +29,14 @@ function HeaderSearchBarInternal({
|
|
|
25
29
|
autoFocus = true,
|
|
26
30
|
autoCapitalize,
|
|
27
31
|
placeholder = 'Search',
|
|
28
|
-
cancelButtonText = 'Cancel',
|
|
29
32
|
enterKeyHint = 'search',
|
|
30
|
-
|
|
33
|
+
cancelButtonText = 'Cancel',
|
|
34
|
+
onChange,
|
|
31
35
|
onClose,
|
|
32
36
|
tintColor,
|
|
37
|
+
pressColor,
|
|
38
|
+
pressOpacity,
|
|
39
|
+
statusBarHeight,
|
|
33
40
|
style,
|
|
34
41
|
...rest
|
|
35
42
|
}, ref) {
|
|
@@ -40,33 +47,9 @@ function HeaderSearchBarInternal({
|
|
|
40
47
|
fonts
|
|
41
48
|
} = useTheme();
|
|
42
49
|
const [value, setValue] = React.useState('');
|
|
43
|
-
const [rendered, setRendered] = React.useState(visible);
|
|
44
|
-
const [visibleAnim] = React.useState(() => new Animated.Value(visible ? 1 : 0));
|
|
45
50
|
const [clearVisibleAnim] = React.useState(() => new Animated.Value(0));
|
|
46
|
-
const visibleValueRef = React.useRef(visible);
|
|
47
51
|
const clearVisibleValueRef = React.useRef(false);
|
|
48
52
|
const inputRef = React.useRef(null);
|
|
49
|
-
React.useEffect(() => {
|
|
50
|
-
// Avoid act warning in tests just by rendering header
|
|
51
|
-
if (visible === visibleValueRef.current) {
|
|
52
|
-
return;
|
|
53
|
-
}
|
|
54
|
-
Animated.timing(visibleAnim, {
|
|
55
|
-
toValue: visible ? 1 : 0,
|
|
56
|
-
duration: 100,
|
|
57
|
-
useNativeDriver
|
|
58
|
-
}).start(({
|
|
59
|
-
finished
|
|
60
|
-
}) => {
|
|
61
|
-
if (finished) {
|
|
62
|
-
setRendered(visible);
|
|
63
|
-
visibleValueRef.current = visible;
|
|
64
|
-
}
|
|
65
|
-
});
|
|
66
|
-
return () => {
|
|
67
|
-
visibleAnim.stopAnimation();
|
|
68
|
-
};
|
|
69
|
-
}, [visible, visibleAnim]);
|
|
70
53
|
const hasText = value !== '';
|
|
71
54
|
React.useEffect(() => {
|
|
72
55
|
if (clearVisibleValueRef.current === hasText) {
|
|
@@ -93,17 +76,47 @@ function HeaderSearchBarInternal({
|
|
|
93
76
|
clearText();
|
|
94
77
|
// FIXME: figure out how to create a SyntheticEvent
|
|
95
78
|
// @ts-expect-error: we don't have the native event here
|
|
96
|
-
|
|
79
|
+
onChange?.({
|
|
97
80
|
nativeEvent: {
|
|
98
81
|
text: ''
|
|
99
82
|
}
|
|
100
83
|
});
|
|
101
|
-
}, [clearText,
|
|
84
|
+
}, [clearText, onChange]);
|
|
102
85
|
const cancelSearch = React.useCallback(() => {
|
|
103
|
-
|
|
86
|
+
// FIXME: figure out how to create a SyntheticEvent
|
|
87
|
+
// @ts-expect-error: we don't have the native event here
|
|
88
|
+
onChange?.({
|
|
89
|
+
nativeEvent: {
|
|
90
|
+
text: ''
|
|
91
|
+
}
|
|
92
|
+
});
|
|
104
93
|
onClose();
|
|
105
|
-
|
|
106
|
-
|
|
94
|
+
setValue('');
|
|
95
|
+
}, [onChange, onClose]);
|
|
96
|
+
React.useEffect(() => {
|
|
97
|
+
const unsubscribeBlur = navigation?.addListener('blur', cancelSearch);
|
|
98
|
+
const onKeyup = e => {
|
|
99
|
+
if (e.key === 'Escape') {
|
|
100
|
+
cancelSearch();
|
|
101
|
+
}
|
|
102
|
+
};
|
|
103
|
+
let backHandlerSubscription;
|
|
104
|
+
if (Platform.OS === 'web') {
|
|
105
|
+
document?.body?.addEventListener?.('keyup', onKeyup);
|
|
106
|
+
} else {
|
|
107
|
+
backHandlerSubscription = BackHandler.addEventListener('hardwareBackPress', () => {
|
|
108
|
+
cancelSearch();
|
|
109
|
+
return true;
|
|
110
|
+
});
|
|
111
|
+
}
|
|
112
|
+
return () => {
|
|
113
|
+
unsubscribeBlur();
|
|
114
|
+
backHandlerSubscription?.remove();
|
|
115
|
+
if (Platform.OS === 'web') {
|
|
116
|
+
document?.body?.removeEventListener?.('keyup', onKeyup);
|
|
117
|
+
}
|
|
118
|
+
};
|
|
119
|
+
}, [cancelSearch, navigation]);
|
|
107
120
|
React.useImperativeHandle(ref, () => ({
|
|
108
121
|
focus: () => {
|
|
109
122
|
inputRef.current?.focus();
|
|
@@ -120,74 +133,98 @@ function HeaderSearchBarInternal({
|
|
|
120
133
|
clearText,
|
|
121
134
|
cancelSearch
|
|
122
135
|
}), [cancelSearch, clearText]);
|
|
123
|
-
if (!visible && !rendered) {
|
|
124
|
-
return null;
|
|
125
|
-
}
|
|
126
136
|
const textColor = tintColor ?? colors.text;
|
|
127
|
-
|
|
128
|
-
|
|
137
|
+
|
|
138
|
+
// When status bar height is provided, add spacing below it
|
|
139
|
+
// Otherwise, use a smaller top margin to align with the header content
|
|
140
|
+
const STATUS_BAR_TOP_ADJUSTMENT = 2;
|
|
141
|
+
const topMargin = Platform.select({
|
|
142
|
+
ios: statusBarHeight ? statusBarHeight + BUTTON_SPACING : BUTTON_SPACING - STATUS_BAR_TOP_ADJUSTMENT,
|
|
143
|
+
default: statusBarHeight
|
|
144
|
+
});
|
|
145
|
+
return /*#__PURE__*/_jsxs(AnimatedLiquidGlassContainerView, {
|
|
146
|
+
spacing: BUTTON_SPACING,
|
|
129
147
|
"aria-live": "polite",
|
|
130
148
|
"aria-hidden": !visible,
|
|
131
|
-
style: [styles.container, {
|
|
132
|
-
|
|
149
|
+
style: [styles.container, Platform.OS === 'ios' && {
|
|
150
|
+
gap: BUTTON_SPACING,
|
|
151
|
+
margin: BUTTON_SPACING
|
|
152
|
+
}, {
|
|
153
|
+
marginTop: topMargin
|
|
133
154
|
}, style],
|
|
134
|
-
children: [/*#__PURE__*/
|
|
155
|
+
children: [Platform.OS !== 'ios' ? /*#__PURE__*/_jsx(HeaderBackButton, {
|
|
156
|
+
accessibilityLabel: cancelButtonText,
|
|
157
|
+
tintColor: tintColor ?? colors.text,
|
|
158
|
+
pressColor: pressColor,
|
|
159
|
+
pressOpacity: pressOpacity,
|
|
160
|
+
onPress: cancelSearch,
|
|
161
|
+
style: styles.backButton
|
|
162
|
+
}) : null, /*#__PURE__*/_jsxs(HeaderButtonBackground, {
|
|
135
163
|
style: styles.searchbarContainer,
|
|
136
|
-
children: [/*#__PURE__*/_jsx(HeaderIcon, {
|
|
137
|
-
source: searchIcon,
|
|
164
|
+
children: [Platform.OS === 'ios' ? /*#__PURE__*/_jsx(HeaderIcon, {
|
|
165
|
+
source: isLiquidGlassSupported ? searchIcon : searchIconLegacy,
|
|
138
166
|
tintColor: textColor,
|
|
139
|
-
style: styles.
|
|
140
|
-
}), /*#__PURE__*/_jsx(TextInput, {
|
|
167
|
+
style: [styles.inputSearchIconIos, !isLiquidGlassSupported && styles.inputSearchIconIosLegacy]
|
|
168
|
+
}) : null, /*#__PURE__*/_jsx(TextInput, {
|
|
141
169
|
...rest,
|
|
142
170
|
ref: inputRef,
|
|
143
|
-
onChange:
|
|
171
|
+
onChange: onChange,
|
|
144
172
|
onChangeText: setValue,
|
|
145
173
|
autoFocus: autoFocus,
|
|
146
174
|
autoCapitalize: autoCapitalize === 'systemDefault' ? undefined : autoCapitalize,
|
|
147
175
|
inputMode: INPUT_TYPE_TO_MODE[inputType ?? 'text'],
|
|
148
176
|
enterKeyHint: enterKeyHint,
|
|
149
177
|
placeholder: placeholder,
|
|
150
|
-
placeholderTextColor: Color(textColor)
|
|
178
|
+
placeholderTextColor: Color(textColor)?.alpha(0.5).string(),
|
|
151
179
|
cursorColor: colors.primary,
|
|
152
180
|
selectionHandleColor: colors.primary,
|
|
153
|
-
selectionColor: Color(colors.primary)
|
|
154
|
-
style: [
|
|
155
|
-
|
|
156
|
-
|
|
157
|
-
|
|
158
|
-
|
|
159
|
-
|
|
160
|
-
|
|
181
|
+
selectionColor: Color(colors.primary)?.alpha(0.3).string(),
|
|
182
|
+
style: [Platform.select({
|
|
183
|
+
ios: isLiquidGlassSupported ? fonts.medium : fonts.regular,
|
|
184
|
+
default: fonts.regular
|
|
185
|
+
}), styles.searchbar, Platform.OS === 'ios' && !isLiquidGlassSupported && {
|
|
186
|
+
backgroundColor: dark ? 'rgba(255, 255, 255, 0.1)' : 'rgba(0, 0, 0, 0.1)'
|
|
187
|
+
}, {
|
|
188
|
+
color: textColor
|
|
161
189
|
}]
|
|
162
190
|
}), Platform.OS === 'ios' ? /*#__PURE__*/_jsx(PlatformPressable, {
|
|
191
|
+
accessibilityLabel: "Clear",
|
|
163
192
|
onPress: onClear,
|
|
164
193
|
style: [{
|
|
165
194
|
opacity: clearVisibleAnim,
|
|
166
195
|
transform: [{
|
|
167
196
|
scale: clearVisibleAnim
|
|
168
197
|
}]
|
|
169
|
-
}, styles.
|
|
198
|
+
}, styles.clearButtonIos, !isLiquidGlassSupported && styles.clearButtonIosLegacy],
|
|
170
199
|
children: /*#__PURE__*/_jsx(Image, {
|
|
171
200
|
source: clearIcon,
|
|
172
201
|
resizeMode: "contain",
|
|
173
202
|
tintColor: textColor,
|
|
174
|
-
style: styles.
|
|
203
|
+
style: styles.clearIconIos
|
|
175
204
|
})
|
|
176
205
|
}) : null]
|
|
177
206
|
}), Platform.OS !== 'ios' ? /*#__PURE__*/_jsx(HeaderButton, {
|
|
178
|
-
|
|
179
|
-
|
|
180
|
-
|
|
181
|
-
|
|
182
|
-
|
|
183
|
-
}
|
|
184
|
-
},
|
|
185
|
-
style: styles.closeButton,
|
|
207
|
+
accessibilityLabel: "Clear",
|
|
208
|
+
onPress: onClear,
|
|
209
|
+
style: [styles.closeButton, {
|
|
210
|
+
opacity: clearVisibleAnim
|
|
211
|
+
}],
|
|
186
212
|
children: /*#__PURE__*/_jsx(HeaderIcon, {
|
|
187
213
|
source: closeIcon,
|
|
188
214
|
tintColor: textColor
|
|
189
215
|
})
|
|
190
|
-
}) : null, Platform.OS === 'ios' ? /*#__PURE__*/_jsx(
|
|
216
|
+
}) : null, Platform.OS === 'ios' ? isLiquidGlassSupported ? /*#__PURE__*/_jsx(HeaderButtonBackground, {
|
|
217
|
+
style: styles.closeButtonContainerIos,
|
|
218
|
+
children: /*#__PURE__*/_jsx(HeaderButton, {
|
|
219
|
+
accessibilityLabel: cancelButtonText,
|
|
220
|
+
onPress: cancelSearch,
|
|
221
|
+
children: /*#__PURE__*/_jsx(HeaderIcon, {
|
|
222
|
+
source: closeIcon,
|
|
223
|
+
tintColor: textColor
|
|
224
|
+
})
|
|
225
|
+
})
|
|
226
|
+
}) : /*#__PURE__*/_jsx(PlatformPressable, {
|
|
227
|
+
accessibilityLabel: cancelButtonText,
|
|
191
228
|
onPress: cancelSearch,
|
|
192
229
|
style: styles.cancelButton,
|
|
193
230
|
children: /*#__PURE__*/_jsx(Text, {
|
|
@@ -199,88 +236,102 @@ function HeaderSearchBarInternal({
|
|
|
199
236
|
}) : null]
|
|
200
237
|
});
|
|
201
238
|
}
|
|
239
|
+
const SEARCH_ICON_SIZE = 18;
|
|
240
|
+
const CLEAR_ICON_SIZE = 16;
|
|
241
|
+
const CANCEL_FONT_SIZE = 17;
|
|
242
|
+
const SEARCHBAR_FONT_SIZE = Platform.OS === 'ios' ? 17 : 18;
|
|
243
|
+
const SEARCHBAR_ICON_SPACING = 5;
|
|
244
|
+
const SEARCHBAR_HEIGHT_IOS = isLiquidGlassSupported ? BUTTON_SIZE : 36;
|
|
245
|
+
|
|
246
|
+
// The top inset on iOS is a bit less than the status bar height
|
|
247
|
+
const SEARCHBAR_LEGACY_VERTICAL_OFFSET_IOS = -4;
|
|
202
248
|
const styles = StyleSheet.create({
|
|
203
249
|
container: {
|
|
204
250
|
flex: 1,
|
|
205
251
|
flexDirection: 'row',
|
|
206
252
|
alignItems: 'stretch'
|
|
207
253
|
},
|
|
208
|
-
|
|
254
|
+
inputSearchIconIos: {
|
|
209
255
|
position: 'absolute',
|
|
210
256
|
opacity: 0.5,
|
|
211
|
-
|
|
212
|
-
|
|
213
|
-
|
|
214
|
-
|
|
215
|
-
|
|
216
|
-
|
|
217
|
-
|
|
218
|
-
|
|
219
|
-
|
|
220
|
-
|
|
221
|
-
|
|
222
|
-
width: 18
|
|
223
|
-
},
|
|
224
|
-
default: {}
|
|
225
|
-
})
|
|
257
|
+
top: SEARCHBAR_ICON_SPACING,
|
|
258
|
+
left: SEARCHBAR_ICON_SPACING,
|
|
259
|
+
height: SEARCH_ICON_SIZE,
|
|
260
|
+
width: SEARCH_ICON_SIZE
|
|
261
|
+
},
|
|
262
|
+
inputSearchIconIosLegacy: {
|
|
263
|
+
top: SEARCHBAR_LEGACY_VERTICAL_OFFSET_IOS
|
|
264
|
+
},
|
|
265
|
+
backButton: {
|
|
266
|
+
alignSelf: 'center',
|
|
267
|
+
marginLeft: BUTTON_SPACING / 2
|
|
226
268
|
},
|
|
227
269
|
closeButton: {
|
|
228
270
|
position: 'absolute',
|
|
229
271
|
opacity: 0.5,
|
|
230
|
-
right:
|
|
231
|
-
|
|
232
|
-
default: 8
|
|
233
|
-
}),
|
|
234
|
-
top: Platform.select({
|
|
235
|
-
ios: -2,
|
|
236
|
-
default: 17
|
|
237
|
-
})
|
|
272
|
+
right: BUTTON_SPACING,
|
|
273
|
+
height: '100%'
|
|
238
274
|
},
|
|
239
|
-
|
|
275
|
+
closeButtonContainerIos: {
|
|
276
|
+
alignSelf: 'center'
|
|
277
|
+
},
|
|
278
|
+
clearButtonIos: {
|
|
240
279
|
position: 'absolute',
|
|
241
280
|
right: 0,
|
|
242
|
-
top:
|
|
281
|
+
top: 0,
|
|
243
282
|
bottom: 0,
|
|
283
|
+
width: SEARCHBAR_HEIGHT_IOS,
|
|
244
284
|
justifyContent: 'center',
|
|
245
|
-
|
|
285
|
+
alignItems: 'center'
|
|
286
|
+
},
|
|
287
|
+
clearButtonIosLegacy: {
|
|
288
|
+
top: SEARCHBAR_LEGACY_VERTICAL_OFFSET_IOS - SEARCHBAR_ICON_SPACING
|
|
246
289
|
},
|
|
247
|
-
|
|
248
|
-
height:
|
|
249
|
-
width:
|
|
290
|
+
clearIconIos: {
|
|
291
|
+
height: CLEAR_ICON_SIZE,
|
|
292
|
+
width: CLEAR_ICON_SIZE,
|
|
250
293
|
opacity: 0.5
|
|
251
294
|
},
|
|
252
295
|
cancelButton: {
|
|
253
|
-
alignSelf: 'center'
|
|
254
|
-
top: -4
|
|
296
|
+
alignSelf: 'center'
|
|
255
297
|
},
|
|
256
298
|
cancelText: {
|
|
257
|
-
fontSize:
|
|
258
|
-
|
|
299
|
+
fontSize: CANCEL_FONT_SIZE,
|
|
300
|
+
marginRight: BUTTON_SPACING / 2
|
|
259
301
|
},
|
|
260
302
|
searchbarContainer: {
|
|
261
|
-
flex: 1
|
|
303
|
+
flex: 1,
|
|
304
|
+
flexDirection: 'row',
|
|
305
|
+
alignItems: 'stretch',
|
|
306
|
+
...Platform.select({
|
|
307
|
+
ios: isLiquidGlassSupported ? {} : {
|
|
308
|
+
minHeight: SEARCHBAR_HEIGHT_IOS
|
|
309
|
+
},
|
|
310
|
+
default: {
|
|
311
|
+
borderRadius: 0
|
|
312
|
+
}
|
|
313
|
+
})
|
|
262
314
|
},
|
|
263
|
-
searchbar:
|
|
264
|
-
|
|
265
|
-
|
|
266
|
-
|
|
267
|
-
|
|
268
|
-
|
|
269
|
-
|
|
270
|
-
|
|
271
|
-
|
|
272
|
-
|
|
273
|
-
|
|
274
|
-
|
|
275
|
-
|
|
276
|
-
|
|
277
|
-
|
|
278
|
-
|
|
279
|
-
|
|
280
|
-
|
|
281
|
-
|
|
282
|
-
|
|
283
|
-
})
|
|
315
|
+
searchbar: {
|
|
316
|
+
flex: 1,
|
|
317
|
+
backgroundColor: 'transparent',
|
|
318
|
+
fontSize: SEARCHBAR_FONT_SIZE,
|
|
319
|
+
...Platform.select({
|
|
320
|
+
ios: {
|
|
321
|
+
paddingHorizontal: BUTTON_SPACING + SEARCH_ICON_SIZE + SEARCHBAR_ICON_SPACING * 2,
|
|
322
|
+
...(!isLiquidGlassSupported ? {
|
|
323
|
+
marginTop: SEARCHBAR_LEGACY_VERTICAL_OFFSET_IOS,
|
|
324
|
+
marginBottom: SEARCHBAR_ICON_SPACING,
|
|
325
|
+
borderRadius: BUTTON_SPACING,
|
|
326
|
+
borderCurve: 'continuous'
|
|
327
|
+
} : null)
|
|
328
|
+
},
|
|
329
|
+
default: {
|
|
330
|
+
paddingLeft: BUTTON_SPACING,
|
|
331
|
+
paddingRight: BUTTON_SIZE + BUTTON_SPACING
|
|
332
|
+
}
|
|
333
|
+
})
|
|
334
|
+
}
|
|
284
335
|
});
|
|
285
336
|
export const HeaderSearchBar = /*#__PURE__*/React.forwardRef(HeaderSearchBarInternal);
|
|
286
337
|
//# sourceMappingURL=HeaderSearchBar.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["useNavigation","useTheme","Color","React","Animated","Image","Platform","StyleSheet","TextInput","View","clearIcon","closeIcon","searchIcon","PlatformPressable","Text","HeaderButton","HeaderIcon","jsx","_jsx","jsxs","_jsxs","INPUT_TYPE_TO_MODE","text","number","phone","email","useNativeDriver","OS","HeaderSearchBarInternal","visible","inputType","autoFocus","autoCapitalize","placeholder","cancelButtonText","enterKeyHint","onChangeText","onClose","tintColor","style","rest","ref","navigation","dark","colors","fonts","value","setValue","useState","rendered","setRendered","visibleAnim","Value","clearVisibleAnim","visibleValueRef","useRef","clearVisibleValueRef","inputRef","useEffect","current","timing","toValue","duration","start","finished","stopAnimation","hasText","clearText","useCallback","clear","focus","onClear","nativeEvent","cancelSearch","addListener","useImperativeHandle","blur","setText","setNativeProps","textColor","pointerEvents","styles","container","opacity","children","searchbarContainer","source","inputSearchIcon","onChange","undefined","inputMode","placeholderTextColor","alpha","string","cursorColor","primary","selectionHandleColor","selectionColor","regular","searchbar","backgroundColor","select","ios","default","color","borderBottomColor","onPress","transform","scale","clearButton","resizeMode","closeButton","cancelButton","cancelText","create","flex","flexDirection","alignItems","position","left","top","height","width","right","bottom","justifyContent","padding","alignSelf","fontSize","marginHorizontal","paddingHorizontal","marginLeft","marginTop","marginBottom","borderRadius","borderCurve","marginRight","borderBottomWidth","HeaderSearchBar","forwardRef"],"sourceRoot":"../../../src","sources":["Header/HeaderSearchBar.tsx"],"mappings":"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","ignoreList":[]}
|
|
1
|
+
{"version":3,"names":["useNavigation","useTheme","React","Animated","BackHandler","Image","Platform","StyleSheet","TextInput","clearIcon","closeIcon","searchIcon","searchIconLegacy","Color","AnimatedLiquidGlassContainerView","isLiquidGlassSupported","PlatformPressable","Text","HeaderBackButton","BUTTON_SIZE","BUTTON_SPACING","HeaderButton","HeaderButtonBackground","HeaderIcon","jsx","_jsx","jsxs","_jsxs","INPUT_TYPE_TO_MODE","text","number","phone","email","useNativeDriver","OS","HeaderSearchBarInternal","visible","inputType","autoFocus","autoCapitalize","placeholder","enterKeyHint","cancelButtonText","onChange","onClose","tintColor","pressColor","pressOpacity","statusBarHeight","style","rest","ref","navigation","dark","colors","fonts","value","setValue","useState","clearVisibleAnim","Value","clearVisibleValueRef","useRef","inputRef","hasText","useEffect","current","timing","toValue","duration","start","finished","clearText","useCallback","clear","focus","onClear","nativeEvent","cancelSearch","unsubscribeBlur","addListener","onKeyup","e","key","backHandlerSubscription","document","body","addEventListener","remove","removeEventListener","useImperativeHandle","blur","setText","setNativeProps","textColor","STATUS_BAR_TOP_ADJUSTMENT","topMargin","select","ios","default","spacing","styles","container","gap","margin","marginTop","children","accessibilityLabel","onPress","backButton","searchbarContainer","source","inputSearchIconIos","inputSearchIconIosLegacy","onChangeText","undefined","inputMode","placeholderTextColor","alpha","string","cursorColor","primary","selectionHandleColor","selectionColor","medium","regular","searchbar","backgroundColor","color","opacity","transform","scale","clearButtonIos","clearButtonIosLegacy","resizeMode","clearIconIos","closeButton","closeButtonContainerIos","cancelButton","cancelText","SEARCH_ICON_SIZE","CLEAR_ICON_SIZE","CANCEL_FONT_SIZE","SEARCHBAR_FONT_SIZE","SEARCHBAR_ICON_SPACING","SEARCHBAR_HEIGHT_IOS","SEARCHBAR_LEGACY_VERTICAL_OFFSET_IOS","create","flex","flexDirection","alignItems","position","top","left","height","width","alignSelf","marginLeft","right","bottom","justifyContent","fontSize","marginRight","minHeight","borderRadius","paddingHorizontal","marginBottom","borderCurve","paddingLeft","paddingRight","HeaderSearchBar","forwardRef"],"sourceRoot":"../../../src","sources":["Header/HeaderSearchBar.tsx"],"mappings":"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","ignoreList":[]}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["useTheme","Animated","Platform","StyleSheet","jsx","_jsx","HeaderTitle","tintColor","style","rest","colors","fonts","Text","role","numberOfLines","color","undefined","text","select","ios","bold","default","medium","styles","title","create","fontSize","android"],"sourceRoot":"../../../src","sources":["Header/HeaderTitle.tsx"],"mappings":";;AAAA,SAASA,QAAQ,QAAQ,0BAA0B;AACnD,SACEC,QAAQ,
|
|
1
|
+
{"version":3,"names":["useTheme","Animated","Platform","StyleSheet","jsx","_jsx","HeaderTitle","tintColor","style","rest","colors","fonts","Text","role","numberOfLines","color","undefined","text","select","ios","bold","default","medium","styles","title","create","fontSize","android"],"sourceRoot":"../../../src","sources":["Header/HeaderTitle.tsx"],"mappings":";;AAAA,SAASA,QAAQ,QAAQ,0BAA0B;AACnD,SACEC,QAAQ,EAERC,QAAQ,EAERC,UAAU,QAGL,cAAc;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAQtB,OAAO,SAASC,WAAWA,CAAC;EAAEC,SAAS;EAAEC,KAAK;EAAE,GAAGC;AAAY,CAAC,EAAE;EAChE,MAAM;IAAEC,MAAM;IAAEC;EAAM,CAAC,GAAGX,QAAQ,CAAC,CAAC;EAEpC,oBACEK,IAAA,CAACJ,QAAQ,CAACW,IAAI;IACZC,IAAI,EAAC,SAAS;IACd,cAAW,GAAG;IACdC,aAAa,EAAE,CAAE;IAAA,GACbL,IAAI;IACRD,KAAK,EAAE,CACL;MAAEO,KAAK,EAAER,SAAS,KAAKS,SAAS,GAAGN,MAAM,CAACO,IAAI,GAAGV;IAAU,CAAC,EAC5DL,QAAQ,CAACgB,MAAM,CAAC;MAAEC,GAAG,EAAER,KAAK,CAACS,IAAI;MAAEC,OAAO,EAAEV,KAAK,CAACW;IAAO,CAAC,CAAC,EAC3DC,MAAM,CAACC,KAAK,EACZhB,KAAK;EACL,CACH,CAAC;AAEN;AAEA,MAAMe,MAAM,GAAGpB,UAAU,CAACsB,MAAM,CAAC;EAC/BD,KAAK,EAAEtB,QAAQ,CAACgB,MAAM,CAAC;IACrBC,GAAG,EAAE;MACHO,QAAQ,EAAE;IACZ,CAAC;IACDC,OAAO,EAAE;MACPD,QAAQ,EAAE;IACZ,CAAC;IACDL,OAAO,EAAE;MACPK,QAAQ,EAAE;IACZ;EACF,CAAC;AACH,CAAC,CAAC","ignoreList":[]}
|
|
@@ -1,26 +1,38 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
3
|
import { PixelRatio, Platform } from 'react-native';
|
|
4
|
-
|
|
4
|
+
import { isLiquidGlassSupported } from '../LiquidGlassView';
|
|
5
|
+
export function getDefaultHeaderHeight({
|
|
6
|
+
landscape,
|
|
7
|
+
modalPresentation,
|
|
8
|
+
topInset
|
|
9
|
+
}) {
|
|
5
10
|
let headerHeight;
|
|
6
11
|
|
|
7
12
|
// On models with Dynamic Island the status bar height is smaller than the safe area top inset.
|
|
8
13
|
const hasDynamicIsland = Platform.OS === 'ios' && topInset > 50;
|
|
9
|
-
const statusBarHeight =
|
|
10
|
-
const isLandscape = layout.width > layout.height;
|
|
14
|
+
const statusBarHeight = Math.max(topInset - (hasDynamicIsland ? 5 + 1 / PixelRatio.get() : 0), 0);
|
|
11
15
|
if (Platform.OS === 'ios') {
|
|
12
|
-
if (
|
|
13
|
-
if (modalPresentation) {
|
|
14
|
-
headerHeight =
|
|
16
|
+
if (isLiquidGlassSupported) {
|
|
17
|
+
if (modalPresentation && !Platform.isPad && !Platform.isTV) {
|
|
18
|
+
headerHeight = 70;
|
|
15
19
|
} else {
|
|
16
|
-
|
|
20
|
+
if (hasDynamicIsland) {
|
|
21
|
+
headerHeight = 60;
|
|
22
|
+
} else {
|
|
23
|
+
headerHeight = 64;
|
|
24
|
+
}
|
|
17
25
|
}
|
|
18
26
|
} else {
|
|
19
|
-
if (
|
|
20
|
-
headerHeight = 32;
|
|
21
|
-
} else {
|
|
27
|
+
if (Platform.isPad || Platform.isTV) {
|
|
22
28
|
if (modalPresentation) {
|
|
23
29
|
headerHeight = 56;
|
|
30
|
+
} else {
|
|
31
|
+
headerHeight = 50;
|
|
32
|
+
}
|
|
33
|
+
} else {
|
|
34
|
+
if (modalPresentation && !landscape) {
|
|
35
|
+
headerHeight = 56;
|
|
24
36
|
} else {
|
|
25
37
|
headerHeight = 44;
|
|
26
38
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["PixelRatio","Platform","getDefaultHeaderHeight","
|
|
1
|
+
{"version":3,"names":["PixelRatio","Platform","isLiquidGlassSupported","getDefaultHeaderHeight","landscape","modalPresentation","topInset","headerHeight","hasDynamicIsland","OS","statusBarHeight","Math","max","get","isPad","isTV"],"sourceRoot":"../../../src","sources":["Header/getDefaultHeaderHeight.tsx"],"mappings":";;AAAA,SAASA,UAAU,EAAEC,QAAQ,QAAQ,cAAc;AAEnD,SAASC,sBAAsB,QAAQ,oBAAoB;AAE3D,OAAO,SAASC,sBAAsBA,CAAC;EACrCC,SAAS;EACTC,iBAAiB;EACjBC;AAKF,CAAC,EAAU;EACT,IAAIC,YAAY;;EAEhB;EACA,MAAMC,gBAAgB,GAAGP,QAAQ,CAACQ,EAAE,KAAK,KAAK,IAAIH,QAAQ,GAAG,EAAE;EAC/D,MAAMI,eAAe,GAAGC,IAAI,CAACC,GAAG,CAC9BN,QAAQ,IAAIE,gBAAgB,GAAG,CAAC,GAAG,CAAC,GAAGR,UAAU,CAACa,GAAG,CAAC,CAAC,GAAG,CAAC,CAAC,EAC5D,CACF,CAAC;EAED,IAAIZ,QAAQ,CAACQ,EAAE,KAAK,KAAK,EAAE;IACzB,IAAIP,sBAAsB,EAAE;MAC1B,IAAIG,iBAAiB,IAAI,CAACJ,QAAQ,CAACa,KAAK,IAAI,CAACb,QAAQ,CAACc,IAAI,EAAE;QAC1DR,YAAY,GAAG,EAAE;MACnB,CAAC,MAAM;QACL,IAAIC,gBAAgB,EAAE;UACpBD,YAAY,GAAG,EAAE;QACnB,CAAC,MAAM;UACLA,YAAY,GAAG,EAAE;QACnB;MACF;IACF,CAAC,MAAM;MACL,IAAIN,QAAQ,CAACa,KAAK,IAAIb,QAAQ,CAACc,IAAI,EAAE;QACnC,IAAIV,iBAAiB,EAAE;UACrBE,YAAY,GAAG,EAAE;QACnB,CAAC,MAAM;UACLA,YAAY,GAAG,EAAE;QACnB;MACF,CAAC,MAAM;QACL,IAAIF,iBAAiB,IAAI,CAACD,SAAS,EAAE;UACnCG,YAAY,GAAG,EAAE;QACnB,CAAC,MAAM;UACLA,YAAY,GAAG,EAAE;QACnB;MACF;IACF;EACF,CAAC,MAAM;IACLA,YAAY,GAAG,EAAE;EACnB;EAEA,OAAOA,YAAY,GAAGG,eAAe;AACvC","ignoreList":[]}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["StyleSheet","Text","jsx","_jsx","Label","tintColor","style","rest","numberOfLines","styles","label","color","create","textAlign","backgroundColor"],"sourceRoot":"../../../src","sources":["Label/Label.tsx"],"mappings":";;AAAA,
|
|
1
|
+
{"version":3,"names":["StyleSheet","Text","jsx","_jsx","Label","tintColor","style","rest","numberOfLines","styles","label","color","create","textAlign","backgroundColor"],"sourceRoot":"../../../src","sources":["Label/Label.tsx"],"mappings":";;AAAA,SAGEA,UAAU,QAGL,cAAc;AAErB,SAASC,IAAI,QAAQ,YAAS;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAQ/B,OAAO,SAASC,KAAKA,CAAC;EAAEC,SAAS;EAAEC,KAAK;EAAE,GAAGC;AAAY,CAAC,EAAE;EAC1D,oBACEJ,IAAA,CAACF,IAAI;IACHO,aAAa,EAAE,CAAE;IAAA,GACbD,IAAI;IACRD,KAAK,EAAE,CAACG,MAAM,CAACC,KAAK,EAAEL,SAAS,IAAI,IAAI,IAAI;MAAEM,KAAK,EAAEN;IAAU,CAAC,EAAEC,KAAK;EAAE,CACzE,CAAC;AAEN;AAEA,MAAMG,MAAM,GAAGT,UAAU,CAACY,MAAM,CAAC;EAC/BF,KAAK,EAAE;IACLG,SAAS,EAAE,QAAQ;IACnBC,eAAe,EAAE;EACnB;AACF,CAAC,CAAC","ignoreList":[]}
|
|
@@ -0,0 +1,21 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
import { Animated, View } from 'react-native';
|
|
4
|
+
let isLiquidGlassSupported, LiquidGlassView, LiquidGlassContainerView, AnimatedLiquidGlassView, AnimatedLiquidGlassContainerView;
|
|
5
|
+
try {
|
|
6
|
+
// Add try/catch to support usage even if it's not installed, since it's optional.
|
|
7
|
+
isLiquidGlassSupported = require('@callstack/liquid-glass').isLiquidGlassSupported;
|
|
8
|
+
LiquidGlassView = require('@callstack/liquid-glass').LiquidGlassView;
|
|
9
|
+
LiquidGlassContainerView = require('@callstack/liquid-glass').LiquidGlassContainerView;
|
|
10
|
+
AnimatedLiquidGlassView = Animated.createAnimatedComponent(LiquidGlassView);
|
|
11
|
+
AnimatedLiquidGlassContainerView = Animated.createAnimatedComponent(LiquidGlassContainerView);
|
|
12
|
+
} catch (e) {
|
|
13
|
+
isLiquidGlassSupported = false;
|
|
14
|
+
LiquidGlassView = View;
|
|
15
|
+
// @ts-expect-error: this is fine
|
|
16
|
+
AnimatedLiquidGlassView = Animated.View;
|
|
17
|
+
// @ts-expect-error: this is fine
|
|
18
|
+
AnimatedLiquidGlassContainerView = Animated.View;
|
|
19
|
+
}
|
|
20
|
+
export { AnimatedLiquidGlassContainerView, AnimatedLiquidGlassView, isLiquidGlassSupported, LiquidGlassContainerView, LiquidGlassView };
|
|
21
|
+
//# sourceMappingURL=LiquidGlassView.ios.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["Animated","View","isLiquidGlassSupported","LiquidGlassView","LiquidGlassContainerView","AnimatedLiquidGlassView","AnimatedLiquidGlassContainerView","require","createAnimatedComponent","e"],"sourceRoot":"../../src","sources":["LiquidGlassView.ios.tsx"],"mappings":";;AAAA,SAASA,QAAQ,EAAEC,IAAI,QAAQ,cAAc;AAI7C,IAAIC,sBAA+B,EACjCC,eAAwD,EACxDC,wBAA0E,EAC1EC,uBAA2E,EAC3EC,gCAEC;AAEH,IAAI;EACF;EACAJ,sBAAsB,GACpBK,OAAO,CAAC,yBAAyB,CAAC,CAACL,sBAAsB;EAC3DC,eAAe,GAAGI,OAAO,CAAC,yBAAyB,CAAC,CAACJ,eAAe;EACpEC,wBAAwB,GACtBG,OAAO,CAAC,yBAAyB,CAAC,CAACH,wBAAwB;EAC7DC,uBAAuB,GAAGL,QAAQ,CAACQ,uBAAuB,CAACL,eAAe,CAAC;EAC3EG,gCAAgC,GAAGN,QAAQ,CAACQ,uBAAuB,CACjEJ,wBACF,CAAC;AACH,CAAC,CAAC,OAAOK,CAAC,EAAE;EACVP,sBAAsB,GAAG,KAAK;EAC9BC,eAAe,GAAGF,IAAI;EACtB;EACAI,uBAAuB,GAAGL,QAAQ,CAACC,IAAI;EACvC;EACAK,gCAAgC,GAAGN,QAAQ,CAACC,IAAI;AAClD;AAEA,SACEK,gCAAgC,EAChCD,uBAAuB,EACvBH,sBAAsB,EACtBE,wBAAwB,EACxBD,eAAe","ignoreList":[]}
|
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
import { Animated, View } from 'react-native';
|
|
4
|
+
export const LiquidGlassView = View;
|
|
5
|
+
export const LiquidGlassContainerView = View;
|
|
6
|
+
|
|
7
|
+
// @ts-expect-error: this is fine
|
|
8
|
+
export const AnimatedLiquidGlassView = Animated.View;
|
|
9
|
+
|
|
10
|
+
// @ts-expect-error: this is fine
|
|
11
|
+
export const AnimatedLiquidGlassContainerView = Animated.View;
|
|
12
|
+
export const isLiquidGlassSupported = false;
|
|
13
|
+
//# sourceMappingURL=LiquidGlassView.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["Animated","View","LiquidGlassView","LiquidGlassContainerView","AnimatedLiquidGlassView","AnimatedLiquidGlassContainerView","isLiquidGlassSupported"],"sourceRoot":"../../src","sources":["LiquidGlassView.tsx"],"mappings":";;AAAA,SAASA,QAAQ,EAAEC,IAAI,QAAQ,cAAc;AAI7C,OAAO,MAAMC,eAAwD,GAAGD,IAAI;AAE5E,OAAO,MAAME,wBAA0E,GACrFF,IAAI;;AAEN;AACA,OAAO,MAAMG,uBAEZ,GAAGJ,QAAQ,CAACC,IAAI;;AAEjB;AACA,OAAO,MAAMI,gCAEZ,GAAGL,QAAQ,CAACC,IAAI;AAEjB,OAAO,MAAMK,sBAAsB,GAAG,KAAK","ignoreList":[]}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["StyleSheet","Text","jsx","_jsx","MissingIcon","color","size","style","styles","icon","fontSize","children","create","backgroundColor"],"sourceRoot":"../../src","sources":["MissingIcon.tsx"],"mappings":";;AAAA,
|
|
1
|
+
{"version":3,"names":["StyleSheet","Text","jsx","_jsx","MissingIcon","color","size","style","styles","icon","fontSize","children","create","backgroundColor"],"sourceRoot":"../../src","sources":["MissingIcon.tsx"],"mappings":";;AAAA,SAGEA,UAAU,QAEL,cAAc;AAErB,SAASC,IAAI,QAAQ,WAAQ;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAQ9B,OAAO,SAASC,WAAWA,CAAC;EAAEC,KAAK;EAAEC,IAAI;EAAEC;AAAa,CAAC,EAAE;EACzD,oBACEJ,IAAA,CAACF,IAAI;IAAC,mBAAW;IAACM,KAAK,EAAE,CAACC,MAAM,CAACC,IAAI,EAAE;MAAEJ,KAAK;MAAEK,QAAQ,EAAEJ;IAAK,CAAC,EAAEC,KAAK,CAAE;IAAAI,QAAA,EAAC;EAE1E,CAAM,CAAC;AAEX;AAEA,MAAMH,MAAM,GAAGR,UAAU,CAACY,MAAM,CAAC;EAC/BH,IAAI,EAAE;IACJI,eAAe,EAAE;EACnB;AACF,CAAC,CAAC","ignoreList":[]}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["PlatformColor","undefined"],"sourceRoot":"../../src","sources":["PlatformColor.tsx"],"mappings":";;AAAA;AACA;AACA;AACA;AACA;AACA,OAAO,MAAMA,aAEA,GAAGC,SAAS","ignoreList":[]}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["PlatformColor"],"sourceRoot":"../../src","sources":["PlatformColor.native.tsx"],"mappings":";;AAAA,SAASA,aAAa,QAAQ,cAAc","ignoreList":[]}
|