@react-navigation/elements 2.9.2 → 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.
Files changed (184) hide show
  1. package/lib/module/Badge.js +2 -2
  2. package/lib/module/Badge.js.map +1 -1
  3. package/lib/module/BlurEffectBackground.js +59 -0
  4. package/lib/module/BlurEffectBackground.js.map +1 -0
  5. package/lib/module/Button.js +7 -6
  6. package/lib/module/Button.js.map +1 -1
  7. package/lib/module/Color.js +11 -0
  8. package/lib/module/Color.js.map +1 -0
  9. package/lib/module/Container.js +42 -0
  10. package/lib/module/Container.js.map +1 -0
  11. package/lib/module/Header/Header.js +152 -97
  12. package/lib/module/Header/Header.js.map +1 -1
  13. package/lib/module/Header/HeaderBackButton.js +130 -121
  14. package/lib/module/Header/HeaderBackButton.js.map +1 -1
  15. package/lib/module/Header/HeaderBackground.js +10 -17
  16. package/lib/module/Header/HeaderBackground.js.map +1 -1
  17. package/lib/module/Header/HeaderButton.js +6 -2
  18. package/lib/module/Header/HeaderButton.js.map +1 -1
  19. package/lib/module/Header/HeaderButtonBackground.js +27 -0
  20. package/lib/module/Header/HeaderButtonBackground.js.map +1 -0
  21. package/lib/module/Header/HeaderSearchBar.js +174 -123
  22. package/lib/module/Header/HeaderSearchBar.js.map +1 -1
  23. package/lib/module/Header/HeaderTitle.js.map +1 -1
  24. package/lib/module/Header/getDefaultHeaderHeight.js +22 -10
  25. package/lib/module/Header/getDefaultHeaderHeight.js.map +1 -1
  26. package/lib/module/Label/Label.js.map +1 -1
  27. package/lib/module/LiquidGlassView.ios.js +21 -0
  28. package/lib/module/LiquidGlassView.ios.js.map +1 -0
  29. package/lib/module/LiquidGlassView.js +13 -0
  30. package/lib/module/LiquidGlassView.js.map +1 -0
  31. package/lib/module/MissingIcon.js +1 -0
  32. package/lib/module/MissingIcon.js.map +1 -1
  33. package/lib/module/PlatformColor.js +9 -0
  34. package/lib/module/PlatformColor.js.map +1 -0
  35. package/lib/module/PlatformColor.native.js +4 -0
  36. package/lib/module/PlatformColor.native.js.map +1 -0
  37. package/lib/module/PlatformPressable.js.map +1 -1
  38. package/lib/module/Screen.js +29 -23
  39. package/lib/module/Screen.js.map +1 -1
  40. package/lib/module/assets/back-icon.ios.svg +4 -0
  41. package/lib/module/assets/back-icon@1x.ios.png +0 -0
  42. package/lib/module/assets/back-icon@2x.ios.png +0 -0
  43. package/lib/module/assets/back-icon@3x.ios.png +0 -0
  44. package/lib/module/assets/back-icon@4x.ios.png +0 -0
  45. package/lib/module/assets/search-icon-legacy.png +0 -0
  46. package/lib/module/assets/search-icon-legacy@1x.ios.png +0 -0
  47. package/lib/module/assets/search-icon-legacy@2x.ios.png +0 -0
  48. package/lib/module/assets/search-icon-legacy@3x.ios.png +0 -0
  49. package/lib/module/assets/search-icon-legacy@4x.ios.png +0 -0
  50. package/lib/module/assets/search-icon.ios.svg +4 -0
  51. package/lib/module/assets/search-icon@1x.ios.png +0 -0
  52. package/lib/module/assets/search-icon@2x.ios.png +0 -0
  53. package/lib/module/assets/search-icon@3x.ios.png +0 -0
  54. package/lib/module/assets/search-icon@4x.ios.png +0 -0
  55. package/lib/module/getBlurBackgroundColor.js +48 -0
  56. package/lib/module/getBlurBackgroundColor.js.map +1 -0
  57. package/lib/module/index.js +2 -8
  58. package/lib/module/index.js.map +1 -1
  59. package/lib/module/internal.js +10 -0
  60. package/lib/module/internal.js.map +1 -0
  61. package/lib/module/useFrameSize.js +4 -4
  62. package/lib/module/useFrameSize.js.map +1 -1
  63. package/lib/typescript/src/Badge.d.ts.map +1 -1
  64. package/lib/typescript/src/BlurEffectBackground.d.ts +16 -0
  65. package/lib/typescript/src/BlurEffectBackground.d.ts.map +1 -0
  66. package/lib/typescript/src/Button.d.ts +5 -4
  67. package/lib/typescript/src/Button.d.ts.map +1 -1
  68. package/lib/typescript/src/Color.d.ts +13 -0
  69. package/lib/typescript/src/Color.d.ts.map +1 -0
  70. package/lib/typescript/src/Container.d.ts +8 -0
  71. package/lib/typescript/src/Container.d.ts.map +1 -0
  72. package/lib/typescript/src/Header/Header.d.ts +1 -5
  73. package/lib/typescript/src/Header/Header.d.ts.map +1 -1
  74. package/lib/typescript/src/Header/HeaderBackButton.d.ts +1 -1
  75. package/lib/typescript/src/Header/HeaderBackButton.d.ts.map +1 -1
  76. package/lib/typescript/src/Header/HeaderBackground.d.ts +5 -3
  77. package/lib/typescript/src/Header/HeaderBackground.d.ts.map +1 -1
  78. package/lib/typescript/src/Header/HeaderButton.d.ts +2 -0
  79. package/lib/typescript/src/Header/HeaderButton.d.ts.map +1 -1
  80. package/lib/typescript/src/Header/HeaderButtonBackground.d.ts +5 -0
  81. package/lib/typescript/src/Header/HeaderButtonBackground.d.ts.map +1 -0
  82. package/lib/typescript/src/Header/HeaderSearchBar.d.ts +5 -2
  83. package/lib/typescript/src/Header/HeaderSearchBar.d.ts.map +1 -1
  84. package/lib/typescript/src/Header/HeaderTitle.d.ts +2 -2
  85. package/lib/typescript/src/Header/HeaderTitle.d.ts.map +1 -1
  86. package/lib/typescript/src/Header/getDefaultHeaderHeight.d.ts +5 -2
  87. package/lib/typescript/src/Header/getDefaultHeaderHeight.d.ts.map +1 -1
  88. package/lib/typescript/src/Label/Label.d.ts +2 -2
  89. package/lib/typescript/src/Label/Label.d.ts.map +1 -1
  90. package/lib/typescript/src/LiquidGlassView.d.ts +9 -0
  91. package/lib/typescript/src/LiquidGlassView.d.ts.map +1 -0
  92. package/lib/typescript/src/LiquidGlassView.ios.d.ts +5 -0
  93. package/lib/typescript/src/LiquidGlassView.ios.d.ts.map +1 -0
  94. package/lib/typescript/src/MissingIcon.d.ts +2 -2
  95. package/lib/typescript/src/MissingIcon.d.ts.map +1 -1
  96. package/lib/typescript/src/PlatformColor.d.ts +7 -0
  97. package/lib/typescript/src/PlatformColor.d.ts.map +1 -0
  98. package/lib/typescript/src/PlatformColor.native.d.ts +2 -0
  99. package/lib/typescript/src/PlatformColor.native.d.ts.map +1 -0
  100. package/lib/typescript/src/PlatformPressable.d.ts +3 -3
  101. package/lib/typescript/src/PlatformPressable.d.ts.map +1 -1
  102. package/lib/typescript/src/Screen.d.ts.map +1 -1
  103. package/lib/typescript/src/getBlurBackgroundColor.d.ts +7 -0
  104. package/lib/typescript/src/getBlurBackgroundColor.d.ts.map +1 -0
  105. package/lib/typescript/src/index.d.ts +0 -6
  106. package/lib/typescript/src/index.d.ts.map +1 -1
  107. package/lib/typescript/src/internal.d.ts +8 -0
  108. package/lib/typescript/src/internal.d.ts.map +1 -0
  109. package/lib/typescript/src/types.d.ts +20 -22
  110. package/lib/typescript/src/types.d.ts.map +1 -1
  111. package/package.json +22 -21
  112. package/src/Badge.tsx +3 -2
  113. package/src/BlurEffectBackground.tsx +90 -0
  114. package/src/Button.tsx +33 -21
  115. package/src/Color.tsx +21 -0
  116. package/src/Container.tsx +44 -0
  117. package/src/Header/Header.tsx +226 -156
  118. package/src/Header/HeaderBackButton.tsx +194 -168
  119. package/src/Header/HeaderBackground.tsx +17 -19
  120. package/src/Header/HeaderButton.tsx +7 -2
  121. package/src/Header/HeaderButtonBackground.tsx +29 -0
  122. package/src/Header/HeaderSearchBar.tsx +227 -129
  123. package/src/Header/HeaderTitle.tsx +2 -1
  124. package/src/Header/getDefaultHeaderHeight.tsx +29 -18
  125. package/src/Label/Label.tsx +2 -1
  126. package/src/LiquidGlassView.ios.tsx +39 -0
  127. package/src/LiquidGlassView.tsx +20 -0
  128. package/src/MissingIcon.tsx +12 -3
  129. package/src/PlatformColor.native.tsx +1 -0
  130. package/src/PlatformColor.tsx +8 -0
  131. package/src/PlatformPressable.tsx +2 -1
  132. package/src/Screen.tsx +24 -25
  133. package/src/assets/back-icon.ios.svg +4 -0
  134. package/src/assets/back-icon@1x.ios.png +0 -0
  135. package/src/assets/back-icon@2x.ios.png +0 -0
  136. package/src/assets/back-icon@3x.ios.png +0 -0
  137. package/src/assets/back-icon@4x.ios.png +0 -0
  138. package/src/assets/search-icon-legacy.png +0 -0
  139. package/src/assets/search-icon-legacy@1x.ios.png +0 -0
  140. package/src/assets/search-icon-legacy@2x.ios.png +0 -0
  141. package/src/assets/search-icon-legacy@3x.ios.png +0 -0
  142. package/src/assets/search-icon-legacy@4x.ios.png +0 -0
  143. package/src/assets/search-icon.ios.svg +4 -0
  144. package/src/assets/search-icon@1x.ios.png +0 -0
  145. package/src/assets/search-icon@2x.ios.png +0 -0
  146. package/src/assets/search-icon@3x.ios.png +0 -0
  147. package/src/assets/search-icon@4x.ios.png +0 -0
  148. package/src/getBlurBackgroundColor.tsx +68 -0
  149. package/src/index.tsx +2 -8
  150. package/src/internal.tsx +7 -0
  151. package/src/types.tsx +21 -21
  152. package/src/useFrameSize.tsx +4 -4
  153. package/lib/module/Background.js +0 -22
  154. package/lib/module/Background.js.map +0 -1
  155. package/lib/module/MaskedView.android.js +0 -4
  156. package/lib/module/MaskedView.android.js.map +0 -1
  157. package/lib/module/MaskedView.ios.js +0 -4
  158. package/lib/module/MaskedView.ios.js.map +0 -1
  159. package/lib/module/MaskedView.js +0 -12
  160. package/lib/module/MaskedView.js.map +0 -1
  161. package/lib/module/MaskedViewNative.js +0 -30
  162. package/lib/module/MaskedViewNative.js.map +0 -1
  163. package/lib/module/ResourceSavingView.js +0 -57
  164. package/lib/module/ResourceSavingView.js.map +0 -1
  165. package/lib/module/assets/back-icon-mask.png +0 -0
  166. package/lib/typescript/src/Background.d.ts +0 -9
  167. package/lib/typescript/src/Background.d.ts.map +0 -1
  168. package/lib/typescript/src/MaskedView.android.d.ts +0 -2
  169. package/lib/typescript/src/MaskedView.android.d.ts.map +0 -1
  170. package/lib/typescript/src/MaskedView.d.ts +0 -11
  171. package/lib/typescript/src/MaskedView.d.ts.map +0 -1
  172. package/lib/typescript/src/MaskedView.ios.d.ts +0 -2
  173. package/lib/typescript/src/MaskedView.ios.d.ts.map +0 -1
  174. package/lib/typescript/src/MaskedViewNative.d.ts +0 -11
  175. package/lib/typescript/src/MaskedViewNative.d.ts.map +0 -1
  176. package/lib/typescript/src/ResourceSavingView.d.ts +0 -10
  177. package/lib/typescript/src/ResourceSavingView.d.ts.map +0 -1
  178. package/src/Background.tsx +0 -24
  179. package/src/MaskedView.android.tsx +0 -1
  180. package/src/MaskedView.ios.tsx +0 -1
  181. package/src/MaskedView.tsx +0 -13
  182. package/src/MaskedViewNative.tsx +0 -33
  183. package/src/ResourceSavingView.tsx +0 -76
  184. 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, View } from 'react-native';
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 { HeaderButton } from "./HeaderButton.js";
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
- onChangeText,
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
- onChangeText?.({
79
+ onChange?.({
97
80
  nativeEvent: {
98
81
  text: ''
99
82
  }
100
83
  });
101
- }, [clearText, onChangeText]);
84
+ }, [clearText, onChange]);
102
85
  const cancelSearch = React.useCallback(() => {
103
- onClear();
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
- }, [onClear, onClose]);
106
- React.useEffect(() => navigation?.addListener('blur', cancelSearch), [cancelSearch, navigation]);
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
- return /*#__PURE__*/_jsxs(Animated.View, {
128
- pointerEvents: visible ? 'auto' : 'none',
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
- opacity: visibleAnim
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__*/_jsxs(View, {
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.inputSearchIcon
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: onChangeText,
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).alpha(0.5).string(),
178
+ placeholderTextColor: Color(textColor)?.alpha(0.5).string(),
151
179
  cursorColor: colors.primary,
152
180
  selectionHandleColor: colors.primary,
153
- selectionColor: Color(colors.primary).alpha(0.3).string(),
154
- style: [fonts.regular, styles.searchbar, {
155
- backgroundColor: Platform.select({
156
- ios: dark ? 'rgba(255, 255, 255, 0.1)' : 'rgba(0, 0, 0, 0.1)',
157
- default: 'transparent'
158
- }),
159
- color: textColor,
160
- borderBottomColor: Color(textColor).alpha(0.2).string()
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.clearButton],
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.clearIcon
203
+ style: styles.clearIconIos
175
204
  })
176
205
  }) : null]
177
206
  }), Platform.OS !== 'ios' ? /*#__PURE__*/_jsx(HeaderButton, {
178
- onPress: () => {
179
- if (value) {
180
- onClear();
181
- } else {
182
- onClose();
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(PlatformPressable, {
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
- inputSearchIcon: {
254
+ inputSearchIconIos: {
209
255
  position: 'absolute',
210
256
  opacity: 0.5,
211
- left: Platform.select({
212
- ios: 16,
213
- default: 4
214
- }),
215
- top: Platform.select({
216
- ios: -1,
217
- default: 17
218
- }),
219
- ...Platform.select({
220
- ios: {
221
- height: 18,
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: Platform.select({
231
- ios: 0,
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
- clearButton: {
275
+ closeButtonContainerIos: {
276
+ alignSelf: 'center'
277
+ },
278
+ clearButtonIos: {
240
279
  position: 'absolute',
241
280
  right: 0,
242
- top: -7,
281
+ top: 0,
243
282
  bottom: 0,
283
+ width: SEARCHBAR_HEIGHT_IOS,
244
284
  justifyContent: 'center',
245
- padding: 8
285
+ alignItems: 'center'
286
+ },
287
+ clearButtonIosLegacy: {
288
+ top: SEARCHBAR_LEGACY_VERTICAL_OFFSET_IOS - SEARCHBAR_ICON_SPACING
246
289
  },
247
- clearIcon: {
248
- height: 16,
249
- width: 16,
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: 17,
258
- marginHorizontal: 12
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: Platform.select({
264
- ios: {
265
- flex: 1,
266
- fontSize: 17,
267
- paddingHorizontal: 32,
268
- marginLeft: 16,
269
- marginTop: -1,
270
- marginBottom: 4,
271
- borderRadius: 8,
272
- borderCurve: 'continuous'
273
- },
274
- default: {
275
- flex: 1,
276
- fontSize: 18,
277
- paddingHorizontal: 36,
278
- marginRight: 8,
279
- marginTop: 8,
280
- marginBottom: 8,
281
- borderBottomWidth: 1
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,EACRC,QAAQ,EAERC,UAAU,QAGL,cAAc;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAQtB,OAAO,SAASC,WAAWA,CAAC;EAAEC,SAAS;EAAEC,KAAK;EAAE,GAAGC;AAAY,CAAC,EAAE;EAChE,MAAM;IAAEC,MAAM;IAAEC;EAAM,CAAC,GAAGX,QAAQ,CAAC,CAAC;EAEpC,oBACEK,IAAA,CAACJ,QAAQ,CAACW,IAAI;IACZC,IAAI,EAAC,SAAS;IACd,cAAW,GAAG;IACdC,aAAa,EAAE,CAAE;IAAA,GACbL,IAAI;IACRD,KAAK,EAAE,CACL;MAAEO,KAAK,EAAER,SAAS,KAAKS,SAAS,GAAGN,MAAM,CAACO,IAAI,GAAGV;IAAU,CAAC,EAC5DL,QAAQ,CAACgB,MAAM,CAAC;MAAEC,GAAG,EAAER,KAAK,CAACS,IAAI;MAAEC,OAAO,EAAEV,KAAK,CAACW;IAAO,CAAC,CAAC,EAC3DC,MAAM,CAACC,KAAK,EACZhB,KAAK;EACL,CACH,CAAC;AAEN;AAEA,MAAMe,MAAM,GAAGpB,UAAU,CAACsB,MAAM,CAAC;EAC/BD,KAAK,EAAEtB,QAAQ,CAACgB,MAAM,CAAC;IACrBC,GAAG,EAAE;MACHO,QAAQ,EAAE;IACZ,CAAC;IACDC,OAAO,EAAE;MACPD,QAAQ,EAAE;IACZ,CAAC;IACDL,OAAO,EAAE;MACPK,QAAQ,EAAE;IACZ;EACF,CAAC;AACH,CAAC,CAAC","ignoreList":[]}
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
- export function getDefaultHeaderHeight(layout, modalPresentation, topInset) {
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 = hasDynamicIsland ? topInset - (5 + 1 / PixelRatio.get()) : topInset;
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 (Platform.isPad || Platform.isTV) {
13
- if (modalPresentation) {
14
- headerHeight = 56;
16
+ if (isLiquidGlassSupported) {
17
+ if (modalPresentation && !Platform.isPad && !Platform.isTV) {
18
+ headerHeight = 70;
15
19
  } else {
16
- headerHeight = 50;
20
+ if (hasDynamicIsland) {
21
+ headerHeight = 60;
22
+ } else {
23
+ headerHeight = 64;
24
+ }
17
25
  }
18
26
  } else {
19
- if (isLandscape) {
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","layout","modalPresentation","topInset","headerHeight","hasDynamicIsland","OS","statusBarHeight","get","isLandscape","width","height","isPad","isTV"],"sourceRoot":"../../../src","sources":["Header/getDefaultHeaderHeight.tsx"],"mappings":";;AAAA,SAASA,UAAU,EAAEC,QAAQ,QAAQ,cAAc;AAInD,OAAO,SAASC,sBAAsBA,CACpCC,MAAc,EACdC,iBAA0B,EAC1BC,QAAgB,EACR;EACR,IAAIC,YAAY;;EAEhB;EACA,MAAMC,gBAAgB,GAAGN,QAAQ,CAACO,EAAE,KAAK,KAAK,IAAIH,QAAQ,GAAG,EAAE;EAC/D,MAAMI,eAAe,GAAGF,gBAAgB,GACpCF,QAAQ,IAAI,CAAC,GAAG,CAAC,GAAGL,UAAU,CAACU,GAAG,CAAC,CAAC,CAAC,GACrCL,QAAQ;EAEZ,MAAMM,WAAW,GAAGR,MAAM,CAACS,KAAK,GAAGT,MAAM,CAACU,MAAM;EAEhD,IAAIZ,QAAQ,CAACO,EAAE,KAAK,KAAK,EAAE;IACzB,IAAIP,QAAQ,CAACa,KAAK,IAAIb,QAAQ,CAACc,IAAI,EAAE;MACnC,IAAIX,iBAAiB,EAAE;QACrBE,YAAY,GAAG,EAAE;MACnB,CAAC,MAAM;QACLA,YAAY,GAAG,EAAE;MACnB;IACF,CAAC,MAAM;MACL,IAAIK,WAAW,EAAE;QACfL,YAAY,GAAG,EAAE;MACnB,CAAC,MAAM;QACL,IAAIF,iBAAiB,EAAE;UACrBE,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
+ {"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,SAEEA,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":[]}
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":[]}
@@ -9,6 +9,7 @@ export function MissingIcon({
9
9
  style
10
10
  }) {
11
11
  return /*#__PURE__*/_jsx(Text, {
12
+ "aria-hidden": true,
12
13
  style: [styles.icon, {
13
14
  color,
14
15
  fontSize: size
@@ -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,SAAyBA,UAAU,QAAwB,cAAc;AAEzE,SAASC,IAAI,QAAQ,WAAQ;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAQ9B,OAAO,SAASC,WAAWA,CAAC;EAAEC,KAAK;EAAEC,IAAI;EAAEC;AAAa,CAAC,EAAE;EACzD,oBAAOJ,IAAA,CAACF,IAAI;IAACM,KAAK,EAAE,CAACC,MAAM,CAACC,IAAI,EAAE;MAAEJ,KAAK;MAAEK,QAAQ,EAAEJ;IAAK,CAAC,EAAEC,KAAK,CAAE;IAAAI,QAAA,EAAC;EAAC,CAAM,CAAC;AAC/E;AAEA,MAAMH,MAAM,GAAGR,UAAU,CAACY,MAAM,CAAC;EAC/BH,IAAI,EAAE;IACJI,eAAe,EAAE;EACnB;AACF,CAAC,CAAC","ignoreList":[]}
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,9 @@
1
+ "use strict";
2
+
3
+ /**
4
+ * PlatformColor is not exported in react-native-web.
5
+ * So it results in build errors with Vite.
6
+ * This is a workaround to avoid such errors.
7
+ */
8
+ export const PlatformColor = undefined;
9
+ //# sourceMappingURL=PlatformColor.js.map
@@ -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,4 @@
1
+ "use strict";
2
+
3
+ export { PlatformColor } from 'react-native';
4
+ //# sourceMappingURL=PlatformColor.native.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"names":["PlatformColor"],"sourceRoot":"../../src","sources":["PlatformColor.native.tsx"],"mappings":";;AAAA,SAASA,aAAa,QAAQ,cAAc","ignoreList":[]}