react-native-terra-ui 0.2.1 → 0.2.2
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/CHANGELOG.md +8 -0
- package/lib/module/components/avatar/Avatar.js +51 -46
- package/lib/module/components/avatar/Avatar.js.map +1 -1
- package/lib/module/components/box/Box.js +1 -1
- package/lib/module/components/box/Box.js.map +1 -1
- package/lib/module/components/button/Button.js +52 -48
- package/lib/module/components/button/Button.js.map +1 -1
- package/lib/module/components/chip/Chip.js +29 -28
- package/lib/module/components/chip/Chip.js.map +1 -1
- package/lib/module/components/empty-state/EmptyState.js +46 -39
- package/lib/module/components/empty-state/EmptyState.js.map +1 -1
- package/lib/module/components/header/variants/LargeTitleHeader/index.js +143 -130
- package/lib/module/components/header/variants/LargeTitleHeader/index.js.map +1 -1
- package/lib/module/components/header/variants/TitleHeader/index.js +55 -47
- package/lib/module/components/header/variants/TitleHeader/index.js.map +1 -1
- package/lib/module/components/icon/Icon.js +1 -1
- package/lib/module/components/icon/Icon.js.map +1 -1
- package/lib/module/components/image/Image.js +3 -2
- package/lib/module/components/image/Image.js.map +1 -1
- package/lib/module/components/page-indicator/PageIndicatorRoot.js +1 -1
- package/lib/module/components/page-indicator/PageIndicatorRoot.js.map +1 -1
- package/lib/module/components/portal/PortalHost.js +1 -1
- package/lib/module/components/portal/PortalHost.js.map +1 -1
- package/lib/module/components/screen/Screen.js +1 -1
- package/lib/module/components/screen/Screen.js.map +1 -1
- package/lib/module/components/screen/ScreenFlashList.js +7 -4
- package/lib/module/components/screen/ScreenFlashList.js.map +1 -1
- package/lib/module/components/screen/ScreenFlatList.js +9 -5
- package/lib/module/components/screen/ScreenFlatList.js.map +1 -1
- package/lib/module/components/screen/ScreenScrollView.js +5 -3
- package/lib/module/components/screen/ScreenScrollView.js.map +1 -1
- package/lib/module/components/screen/parts/ScreenPlaceholder.js +1 -1
- package/lib/module/components/screen/parts/ScreenPlaceholder.js.map +1 -1
- package/lib/module/components/text/Text.js +1 -1
- package/lib/module/components/text/Text.js.map +1 -1
- package/lib/module/components/toast/Toast.js +2 -1
- package/lib/module/components/toast/Toast.js.map +1 -1
- package/lib/module/components/toast/parts/ToastAnimatedItem.js +2 -1
- package/lib/module/components/toast/parts/ToastAnimatedItem.js.map +1 -1
- package/lib/module/components/toolbar/Toolbar.js +37 -30
- package/lib/module/components/toolbar/Toolbar.js.map +1 -1
- package/lib/module/context/ThemeProvider.js +5 -6
- package/lib/module/context/ThemeProvider.js.map +1 -1
- package/lib/module/theme/defaults/image.js +9 -3
- package/lib/module/theme/defaults/image.js.map +1 -1
- package/lib/module/theme/registry.js +55 -2
- package/lib/module/theme/registry.js.map +1 -1
- package/lib/typescript/src/context/ThemeProvider.d.ts.map +1 -1
- package/lib/typescript/src/theme/defaults/image.d.ts.map +1 -1
- package/lib/typescript/src/theme/registry.d.ts +13 -0
- package/lib/typescript/src/theme/registry.d.ts.map +1 -1
- package/package.json +1 -1
- package/src/context/ThemeProvider.tsx +5 -6
- package/src/theme/defaults/image.tsx +6 -3
- package/src/theme/registry.ts +61 -2
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["forwardRef","
|
|
1
|
+
{"version":3,"names":["forwardRef","StyleSheet","Icon","Text","jsx","_jsx","jsxs","_jsxs","TYPOGRAPHY","sm","title","description","md","lg","ICON_SIZE","renderSlot","node","wrap","undefined","EmptyState","icon","iconColor","media","action","size","fill","style","rest","ref","_styles","styles","useVariants","typography","View","root","children","iconBadge","name","color","text","value","weight","variant","align","actions","create","theme","alignItems","justifyContent","variants","true","flex","alignSelf","false","gap","spacing","paddingVertical","paddingHorizontal","uni__dependencies","backgroundColor","borderRadius","radius","full","padding","marginTop"],"sourceRoot":"../../../../src","sources":["components/empty-state/EmptyState.tsx"],"mappings":"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","ignoreList":[]}
|
|
@@ -1,7 +1,8 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
|
+
import { View } from "react-native-unistyles/components/native/View";
|
|
4
|
+
import { Text } from "react-native-unistyles/components/native/Text";
|
|
3
5
|
import { useEffect } from 'react';
|
|
4
|
-
import { Text, View } from 'react-native';
|
|
5
6
|
import Animated, { interpolate, useAnimatedStyle, useSharedValue } from 'react-native-reanimated';
|
|
6
7
|
import { StyleSheet, useUnistyles } from 'react-native-unistyles';
|
|
7
8
|
import { resolveThemeColor } from "../../../../utils/resolve-theme-color.js";
|
|
@@ -29,39 +30,42 @@ function LargeTitlePortalContent({
|
|
|
29
30
|
const {
|
|
30
31
|
scrollY
|
|
31
32
|
} = useScreen();
|
|
32
|
-
styles
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
const
|
|
38
|
-
|
|
33
|
+
const _styles = styles;
|
|
34
|
+
{
|
|
35
|
+
const styles = _styles.useVariants({
|
|
36
|
+
titleAlignment
|
|
37
|
+
});
|
|
38
|
+
const headerCollapseHeight = theme.layout.header.height;
|
|
39
|
+
const largeTitleAnimatedStyle = useAnimatedStyle(() => {
|
|
40
|
+
const height = headerCollapseHeight;
|
|
41
|
+
if (height <= 0) {
|
|
42
|
+
return {
|
|
43
|
+
opacity: 1,
|
|
44
|
+
transform: [{
|
|
45
|
+
translateY: 0
|
|
46
|
+
}]
|
|
47
|
+
};
|
|
48
|
+
}
|
|
39
49
|
return {
|
|
40
|
-
opacity: 1,
|
|
50
|
+
opacity: interpolate(scrollY.value, [0, height], [1, 0], 'clamp'),
|
|
41
51
|
transform: [{
|
|
42
|
-
translateY: 0
|
|
52
|
+
translateY: interpolate(scrollY.value, [0, height], [0, -LARGE_TITLE_SLIDE_OFFSET], 'clamp')
|
|
43
53
|
}]
|
|
44
54
|
};
|
|
45
|
-
}
|
|
46
|
-
return {
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
|
|
57
|
-
|
|
58
|
-
|
|
59
|
-
}), !!caption && /*#__PURE__*/_jsx(Text, {
|
|
60
|
-
style: styles.caption,
|
|
61
|
-
maxFontSizeMultiplier: theme.typography.variants['body-lg'].maxFontSizeMultiplier,
|
|
62
|
-
children: caption
|
|
63
|
-
})]
|
|
64
|
-
});
|
|
55
|
+
});
|
|
56
|
+
return /*#__PURE__*/_jsxs(Animated.View, {
|
|
57
|
+
style: [styles.portalContent, largeTitleAnimatedStyle],
|
|
58
|
+
children: [/*#__PURE__*/_jsx(Text, {
|
|
59
|
+
style: styles.largeTitle,
|
|
60
|
+
maxFontSizeMultiplier: theme.typography.variants['headline-lg'].maxFontSizeMultiplier,
|
|
61
|
+
children: title
|
|
62
|
+
}), !!caption && /*#__PURE__*/_jsx(Text, {
|
|
63
|
+
style: styles.caption,
|
|
64
|
+
maxFontSizeMultiplier: theme.typography.variants['body-lg'].maxFontSizeMultiplier,
|
|
65
|
+
children: caption
|
|
66
|
+
})]
|
|
67
|
+
});
|
|
68
|
+
}
|
|
65
69
|
}
|
|
66
70
|
|
|
67
71
|
/**
|
|
@@ -103,110 +107,112 @@ export function LargeTitleHeader({
|
|
|
103
107
|
} = useScreen();
|
|
104
108
|
const isLargeTitleHiddenValue = useSharedValue(isLargeTitleHidden);
|
|
105
109
|
const headerCollapseHeight = theme.layout.header.height;
|
|
106
|
-
styles
|
|
107
|
-
|
|
108
|
-
|
|
109
|
-
|
|
110
|
-
|
|
111
|
-
|
|
112
|
-
|
|
113
|
-
|
|
114
|
-
|
|
115
|
-
|
|
116
|
-
|
|
117
|
-
|
|
118
|
-
|
|
119
|
-
|
|
120
|
-
|
|
121
|
-
|
|
122
|
-
|
|
123
|
-
|
|
124
|
-
opacity: interpolate(scrollY.value, [0, height], [0, 1], 'clamp')
|
|
125
|
-
};
|
|
126
|
-
});
|
|
127
|
-
const compactTitleAnimatedStyle = useAnimatedStyle(() => {
|
|
128
|
-
if (isLargeTitleHiddenValue.value) {
|
|
110
|
+
const _styles2 = styles;
|
|
111
|
+
{
|
|
112
|
+
const styles = _styles2.useVariants({
|
|
113
|
+
titleAlignment
|
|
114
|
+
});
|
|
115
|
+
// Animate the gradient overlay's opacity: 0 (expanded) → 1 (collapsed).
|
|
116
|
+
const gradientOpacityStyle = useAnimatedStyle(() => {
|
|
117
|
+
if (isLargeTitleHiddenValue.value) {
|
|
118
|
+
return {
|
|
119
|
+
opacity: 1
|
|
120
|
+
};
|
|
121
|
+
}
|
|
122
|
+
const height = headerCollapseHeight;
|
|
123
|
+
if (height <= 0) {
|
|
124
|
+
return {
|
|
125
|
+
opacity: 0
|
|
126
|
+
};
|
|
127
|
+
}
|
|
129
128
|
return {
|
|
130
|
-
opacity: 1,
|
|
131
|
-
transform: [{
|
|
132
|
-
translateY: 0
|
|
133
|
-
}]
|
|
129
|
+
opacity: interpolate(scrollY.value, [0, height], [0, 1], 'clamp')
|
|
134
130
|
};
|
|
135
|
-
}
|
|
136
|
-
const
|
|
137
|
-
|
|
131
|
+
});
|
|
132
|
+
const compactTitleAnimatedStyle = useAnimatedStyle(() => {
|
|
133
|
+
if (isLargeTitleHiddenValue.value) {
|
|
134
|
+
return {
|
|
135
|
+
opacity: 1,
|
|
136
|
+
transform: [{
|
|
137
|
+
translateY: 0
|
|
138
|
+
}]
|
|
139
|
+
};
|
|
140
|
+
}
|
|
141
|
+
const height = headerCollapseHeight;
|
|
142
|
+
if (height <= 0) {
|
|
143
|
+
return {
|
|
144
|
+
opacity: 0,
|
|
145
|
+
transform: [{
|
|
146
|
+
translateY: COMPACT_TITLE_SLIDE_OFFSET
|
|
147
|
+
}]
|
|
148
|
+
};
|
|
149
|
+
}
|
|
138
150
|
return {
|
|
139
|
-
opacity: 0,
|
|
151
|
+
opacity: interpolate(scrollY.value, [0, height], [0, 1], 'clamp'),
|
|
140
152
|
transform: [{
|
|
141
|
-
translateY: COMPACT_TITLE_SLIDE_OFFSET
|
|
153
|
+
translateY: interpolate(scrollY.value, [0, height], [COMPACT_TITLE_SLIDE_OFFSET, 0], 'clamp')
|
|
142
154
|
}]
|
|
143
155
|
};
|
|
144
|
-
}
|
|
145
|
-
|
|
146
|
-
|
|
147
|
-
|
|
148
|
-
translateY: interpolate(scrollY.value, [0, height], [COMPACT_TITLE_SLIDE_OFFSET, 0], 'clamp')
|
|
149
|
-
}]
|
|
150
|
-
};
|
|
151
|
-
});
|
|
152
|
-
useEffect(() => {
|
|
153
|
-
isLargeTitleHiddenValue.value = isLargeTitleHidden;
|
|
154
|
-
}, [isLargeTitleHidden, isLargeTitleHiddenValue]);
|
|
156
|
+
});
|
|
157
|
+
useEffect(() => {
|
|
158
|
+
isLargeTitleHiddenValue.value = isLargeTitleHidden;
|
|
159
|
+
}, [isLargeTitleHidden, isLargeTitleHiddenValue]);
|
|
155
160
|
|
|
156
|
-
|
|
157
|
-
|
|
158
|
-
|
|
159
|
-
|
|
161
|
+
// // biome-ignore lint/correctness/useExhaustiveDependencies: reset stale collapse height whenever content that resizes the portal (title/caption/visibility) changes, ahead of remeasurement
|
|
162
|
+
// useEffect(() => {
|
|
163
|
+
// setHeaderCollapseHeight(0);
|
|
164
|
+
// }, [title, caption, isLargeTitleHidden, setHeaderCollapseHeight]);
|
|
160
165
|
|
|
161
|
-
|
|
162
|
-
|
|
163
|
-
|
|
164
|
-
|
|
165
|
-
|
|
166
|
-
|
|
167
|
-
|
|
168
|
-
|
|
169
|
-
|
|
170
|
-
|
|
171
|
-
|
|
172
|
-
|
|
173
|
-
|
|
174
|
-
|
|
175
|
-
|
|
176
|
-
|
|
177
|
-
|
|
178
|
-
|
|
179
|
-
|
|
180
|
-
|
|
181
|
-
|
|
182
|
-
|
|
183
|
-
})
|
|
184
|
-
}), /*#__PURE__*/_jsx(Animated.View, {
|
|
185
|
-
style: [styles.safeArea(gradientColor), gradientOpacityStyle]
|
|
186
|
-
}), /*#__PURE__*/_jsxs(View, {
|
|
187
|
-
style: styles.bar,
|
|
188
|
-
children: [/*#__PURE__*/_jsx(Animated.View, {
|
|
189
|
-
style: [styles.gradient, gradientOpacityStyle],
|
|
190
|
-
pointerEvents: "none",
|
|
191
|
-
children: /*#__PURE__*/_jsx(HeaderGradientOverlay, {
|
|
192
|
-
color: gradientColor
|
|
166
|
+
const leading = dismissAction === 'back' ? /*#__PURE__*/_jsxs(_Fragment, {
|
|
167
|
+
children: [/*#__PURE__*/_jsx(HeaderDismissButton, {
|
|
168
|
+
dismissAction: dismissAction,
|
|
169
|
+
navigation: navigation,
|
|
170
|
+
onDismiss: onDismiss
|
|
171
|
+
}), LeftToolbar]
|
|
172
|
+
}) : LeftToolbar;
|
|
173
|
+
const trailing = dismissAction === 'close' ? /*#__PURE__*/_jsxs(_Fragment, {
|
|
174
|
+
children: [RightToolbar, /*#__PURE__*/_jsx(HeaderDismissButton, {
|
|
175
|
+
dismissAction: dismissAction,
|
|
176
|
+
navigation: navigation,
|
|
177
|
+
onDismiss: onDismiss
|
|
178
|
+
})]
|
|
179
|
+
}) : RightToolbar;
|
|
180
|
+
return /*#__PURE__*/_jsxs(View, {
|
|
181
|
+
style: styles.container,
|
|
182
|
+
children: [!isLargeTitleHidden && /*#__PURE__*/_jsx(Portal, {
|
|
183
|
+
hostName: SCREEN_HEADER_PORTAL_HOST,
|
|
184
|
+
children: /*#__PURE__*/_jsx(LargeTitlePortalContent, {
|
|
185
|
+
title: title,
|
|
186
|
+
caption: caption,
|
|
187
|
+
titleAlignment: titleAlignment
|
|
193
188
|
})
|
|
194
|
-
}), leading != null && /*#__PURE__*/_jsx(Toolbar, {
|
|
195
|
-
children: leading
|
|
196
189
|
}), /*#__PURE__*/_jsx(Animated.View, {
|
|
197
|
-
style: [styles.
|
|
198
|
-
|
|
199
|
-
|
|
200
|
-
|
|
201
|
-
|
|
202
|
-
|
|
203
|
-
|
|
204
|
-
|
|
205
|
-
|
|
206
|
-
|
|
190
|
+
style: [styles.safeArea(gradientColor), gradientOpacityStyle]
|
|
191
|
+
}), /*#__PURE__*/_jsxs(View, {
|
|
192
|
+
style: styles.bar,
|
|
193
|
+
children: [/*#__PURE__*/_jsx(Animated.View, {
|
|
194
|
+
style: [styles.gradient, gradientOpacityStyle],
|
|
195
|
+
pointerEvents: "none",
|
|
196
|
+
children: /*#__PURE__*/_jsx(HeaderGradientOverlay, {
|
|
197
|
+
color: gradientColor
|
|
198
|
+
})
|
|
199
|
+
}), leading != null && /*#__PURE__*/_jsx(Toolbar, {
|
|
200
|
+
children: leading
|
|
201
|
+
}), /*#__PURE__*/_jsx(Animated.View, {
|
|
202
|
+
style: [styles.titleContainer, compactTitleAnimatedStyle],
|
|
203
|
+
pointerEvents: "none",
|
|
204
|
+
children: /*#__PURE__*/_jsx(AnimatedText, {
|
|
205
|
+
style: styles.compactTitle,
|
|
206
|
+
maxFontSizeMultiplier: theme.typography.variants['title-md'].maxFontSizeMultiplier,
|
|
207
|
+
children: title
|
|
208
|
+
})
|
|
209
|
+
}), trailing != null && /*#__PURE__*/_jsx(Toolbar, {
|
|
210
|
+
style: styles.trailing,
|
|
211
|
+
children: trailing
|
|
212
|
+
})]
|
|
207
213
|
})]
|
|
208
|
-
})
|
|
209
|
-
}
|
|
214
|
+
});
|
|
215
|
+
}
|
|
210
216
|
}
|
|
211
217
|
const styles = StyleSheet.create((theme, runtime) => ({
|
|
212
218
|
container: {
|
|
@@ -218,7 +224,8 @@ const styles = StyleSheet.create((theme, runtime) => ({
|
|
|
218
224
|
},
|
|
219
225
|
safeArea: bgColor => ({
|
|
220
226
|
height: runtime.insets.top,
|
|
221
|
-
backgroundColor: bgColor
|
|
227
|
+
backgroundColor: bgColor,
|
|
228
|
+
uni__dependencies: [9]
|
|
222
229
|
}),
|
|
223
230
|
gradient: {
|
|
224
231
|
position: 'absolute',
|
|
@@ -233,7 +240,8 @@ const styles = StyleSheet.create((theme, runtime) => ({
|
|
|
233
240
|
alignItems: 'center',
|
|
234
241
|
paddingHorizontal: theme.layout.screen.margin.x,
|
|
235
242
|
gap: theme.spacing['3'],
|
|
236
|
-
justifyContent: 'space-between'
|
|
243
|
+
justifyContent: 'space-between',
|
|
244
|
+
uni__dependencies: [0]
|
|
237
245
|
},
|
|
238
246
|
trailing: {
|
|
239
247
|
justifyContent: 'flex-end'
|
|
@@ -242,14 +250,16 @@ const styles = StyleSheet.create((theme, runtime) => ({
|
|
|
242
250
|
minHeight: theme.layout.header.height,
|
|
243
251
|
// paddingTop: theme.spacing['1'],
|
|
244
252
|
paddingBottom: theme.spacing['3'],
|
|
245
|
-
paddingHorizontal: theme.layout.screen.margin.x
|
|
253
|
+
paddingHorizontal: theme.layout.screen.margin.x,
|
|
254
|
+
uni__dependencies: [0]
|
|
246
255
|
},
|
|
247
256
|
largeTitle: {
|
|
248
257
|
fontSize: theme.typography.variants['headline-lg'].fontSize,
|
|
249
258
|
lineHeight: theme.typography.variants['headline-lg'].lineHeight,
|
|
250
259
|
letterSpacing: theme.typography.variants['headline-lg'].letterSpacing,
|
|
251
260
|
fontWeight: FONT_WEIGHT_VALUE[theme.typography.variants['headline-lg'].fontWeight],
|
|
252
|
-
color: theme.color['text.default'] ?? ''
|
|
261
|
+
color: theme.color['text.default'] ?? '',
|
|
262
|
+
uni__dependencies: [0]
|
|
253
263
|
},
|
|
254
264
|
caption: {
|
|
255
265
|
fontSize: theme.typography.variants['body-lg'].fontSize,
|
|
@@ -265,7 +275,8 @@ const styles = StyleSheet.create((theme, runtime) => ({
|
|
|
265
275
|
textAlign: 'left'
|
|
266
276
|
}
|
|
267
277
|
}
|
|
268
|
-
}
|
|
278
|
+
},
|
|
279
|
+
uni__dependencies: [0, 4]
|
|
269
280
|
},
|
|
270
281
|
compactTitle: {
|
|
271
282
|
fontSize: theme.typography.variants['title-md'].fontSize,
|
|
@@ -282,7 +293,8 @@ const styles = StyleSheet.create((theme, runtime) => ({
|
|
|
282
293
|
textAlign: 'left'
|
|
283
294
|
}
|
|
284
295
|
}
|
|
285
|
-
}
|
|
296
|
+
},
|
|
297
|
+
uni__dependencies: [0, 4]
|
|
286
298
|
},
|
|
287
299
|
titleContainer: {
|
|
288
300
|
flex: 1,
|
|
@@ -299,7 +311,8 @@ const styles = StyleSheet.create((theme, runtime) => ({
|
|
|
299
311
|
alignItems: 'flex-start'
|
|
300
312
|
}
|
|
301
313
|
}
|
|
302
|
-
}
|
|
314
|
+
},
|
|
315
|
+
uni__dependencies: [4]
|
|
303
316
|
}
|
|
304
317
|
}));
|
|
305
318
|
//# sourceMappingURL=index.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["useEffect","
|
|
1
|
+
{"version":3,"names":["useEffect","Animated","interpolate","useAnimatedStyle","useSharedValue","StyleSheet","useUnistyles","resolveThemeColor","FONT_WEIGHT_VALUE","Portal","SCREEN_HEADER_PORTAL_HOST","useScreen","Toolbar","HeaderDismissButton","HeaderGradientOverlay","jsx","_jsx","jsxs","_jsxs","Fragment","_Fragment","AnimatedText","createAnimatedComponent","Text","COMPACT_TITLE_SLIDE_OFFSET","LARGE_TITLE_SLIDE_OFFSET","LargeTitlePortalContent","title","caption","titleAlignment","theme","scrollY","_styles","styles","useVariants","headerCollapseHeight","layout","header","height","largeTitleAnimatedStyle","opacity","transform","translateY","value","View","style","portalContent","children","largeTitle","maxFontSizeMultiplier","typography","variants","LargeTitleHeader","LeftToolbar","RightToolbar","dismissAction","navigation","onDismiss","isLargeTitleHidden","bg","bgColor","color","isTransparent","gradientColor","background","isLargeTitleHiddenValue","_styles2","gradientOpacityStyle","compactTitleAnimatedStyle","leading","trailing","container","hostName","safeArea","bar","gradient","pointerEvents","titleContainer","compactTitle","create","runtime","position","top","left","right","zIndex","insets","backgroundColor","uni__dependencies","bottom","flexDirection","alignItems","paddingHorizontal","screen","margin","x","gap","spacing","justifyContent","minHeight","paddingBottom","fontSize","lineHeight","letterSpacing","fontWeight","center","textAlign","flex"],"sourceRoot":"../../../../../../src","sources":["components/header/variants/LargeTitleHeader/index.tsx"],"mappings":"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","ignoreList":[]}
|
|
@@ -1,6 +1,7 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
|
-
import {
|
|
3
|
+
import { View } from "react-native-unistyles/components/native/View";
|
|
4
|
+
import { Text } from "react-native-unistyles/components/native/Text";
|
|
4
5
|
import { StyleSheet, useUnistyles } from 'react-native-unistyles';
|
|
5
6
|
import { resolveThemeColor } from "../../../../utils/resolve-theme-color.js";
|
|
6
7
|
import { FONT_WEIGHT_VALUE } from "../../../../utils/typography.js";
|
|
@@ -41,50 +42,53 @@ export function TitleHeader({
|
|
|
41
42
|
const bgColor = resolveThemeColor(bg, theme) ?? theme.color['surface.default'] ?? '';
|
|
42
43
|
const isTransparent = bgColor === 'transparent';
|
|
43
44
|
const gradientColor = isTransparent ? theme.color['surface.default'] : bgColor;
|
|
44
|
-
styles
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
|
|
57
|
-
|
|
58
|
-
|
|
59
|
-
|
|
60
|
-
|
|
61
|
-
|
|
62
|
-
|
|
63
|
-
|
|
64
|
-
style: styles.
|
|
65
|
-
}), /*#__PURE__*/_jsxs(View, {
|
|
66
|
-
style: styles.bar,
|
|
45
|
+
const _styles = styles;
|
|
46
|
+
{
|
|
47
|
+
const styles = _styles.useVariants({
|
|
48
|
+
titleAlignment
|
|
49
|
+
});
|
|
50
|
+
const leading = dismissAction === 'back' ? /*#__PURE__*/_jsxs(_Fragment, {
|
|
51
|
+
children: [/*#__PURE__*/_jsx(HeaderDismissButton, {
|
|
52
|
+
dismissAction: dismissAction,
|
|
53
|
+
navigation: navigation,
|
|
54
|
+
onDismiss: onDismiss
|
|
55
|
+
}), LeftToolbar]
|
|
56
|
+
}) : LeftToolbar;
|
|
57
|
+
const trailing = dismissAction === 'close' ? /*#__PURE__*/_jsxs(_Fragment, {
|
|
58
|
+
children: [RightToolbar, /*#__PURE__*/_jsx(HeaderDismissButton, {
|
|
59
|
+
dismissAction: dismissAction,
|
|
60
|
+
navigation: navigation,
|
|
61
|
+
onDismiss: onDismiss
|
|
62
|
+
})]
|
|
63
|
+
}) : RightToolbar;
|
|
64
|
+
return /*#__PURE__*/_jsxs(View, {
|
|
65
|
+
style: styles.container,
|
|
67
66
|
children: [/*#__PURE__*/_jsx(View, {
|
|
68
|
-
style: styles.
|
|
69
|
-
|
|
70
|
-
|
|
71
|
-
|
|
72
|
-
|
|
73
|
-
|
|
74
|
-
|
|
75
|
-
|
|
76
|
-
|
|
77
|
-
|
|
78
|
-
|
|
79
|
-
|
|
80
|
-
|
|
81
|
-
|
|
82
|
-
|
|
83
|
-
|
|
84
|
-
|
|
67
|
+
style: styles.safeArea(isTransparent, bgColor)
|
|
68
|
+
}), /*#__PURE__*/_jsxs(View, {
|
|
69
|
+
style: styles.bar,
|
|
70
|
+
children: [/*#__PURE__*/_jsx(View, {
|
|
71
|
+
style: styles.gradient,
|
|
72
|
+
pointerEvents: "none",
|
|
73
|
+
children: /*#__PURE__*/_jsx(HeaderGradientOverlay, {
|
|
74
|
+
color: gradientColor
|
|
75
|
+
})
|
|
76
|
+
}), leading != null && /*#__PURE__*/_jsx(Toolbar, {
|
|
77
|
+
children: leading
|
|
78
|
+
}), /*#__PURE__*/_jsx(View, {
|
|
79
|
+
style: styles.titleContainer,
|
|
80
|
+
pointerEvents: "none",
|
|
81
|
+
children: !!title && /*#__PURE__*/_jsx(Text, {
|
|
82
|
+
style: styles.title,
|
|
83
|
+
children: title
|
|
84
|
+
})
|
|
85
|
+
}), trailing != null && /*#__PURE__*/_jsx(Toolbar, {
|
|
86
|
+
style: styles.trailing,
|
|
87
|
+
children: trailing
|
|
88
|
+
})]
|
|
85
89
|
})]
|
|
86
|
-
})
|
|
87
|
-
}
|
|
90
|
+
});
|
|
91
|
+
}
|
|
88
92
|
}
|
|
89
93
|
const styles = StyleSheet.create((theme, runtime) => ({
|
|
90
94
|
container: {
|
|
@@ -96,7 +100,8 @@ const styles = StyleSheet.create((theme, runtime) => ({
|
|
|
96
100
|
},
|
|
97
101
|
safeArea: (isTransparent, bgColor) => ({
|
|
98
102
|
height: runtime.insets.top,
|
|
99
|
-
backgroundColor: isTransparent ? 'transparent' : bgColor
|
|
103
|
+
backgroundColor: isTransparent ? 'transparent' : bgColor,
|
|
104
|
+
uni__dependencies: [9]
|
|
100
105
|
}),
|
|
101
106
|
gradient: {
|
|
102
107
|
position: 'absolute',
|
|
@@ -111,7 +116,8 @@ const styles = StyleSheet.create((theme, runtime) => ({
|
|
|
111
116
|
alignItems: 'center',
|
|
112
117
|
paddingHorizontal: theme.layout.screen.margin.x,
|
|
113
118
|
gap: theme.spacing['3'],
|
|
114
|
-
justifyContent: 'space-between'
|
|
119
|
+
justifyContent: 'space-between',
|
|
120
|
+
uni__dependencies: [0]
|
|
115
121
|
},
|
|
116
122
|
trailing: {
|
|
117
123
|
justifyContent: 'flex-end'
|
|
@@ -130,7 +136,8 @@ const styles = StyleSheet.create((theme, runtime) => ({
|
|
|
130
136
|
alignItems: 'flex-start'
|
|
131
137
|
}
|
|
132
138
|
}
|
|
133
|
-
}
|
|
139
|
+
},
|
|
140
|
+
uni__dependencies: [4]
|
|
134
141
|
},
|
|
135
142
|
title: {
|
|
136
143
|
fontSize: theme.typography.variants['title-md'].fontSize,
|
|
@@ -147,7 +154,8 @@ const styles = StyleSheet.create((theme, runtime) => ({
|
|
|
147
154
|
textAlign: 'left'
|
|
148
155
|
}
|
|
149
156
|
}
|
|
150
|
-
}
|
|
157
|
+
},
|
|
158
|
+
uni__dependencies: [0, 4]
|
|
151
159
|
}
|
|
152
160
|
}));
|
|
153
161
|
//# sourceMappingURL=index.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["
|
|
1
|
+
{"version":3,"names":["StyleSheet","useUnistyles","resolveThemeColor","FONT_WEIGHT_VALUE","Toolbar","HeaderDismissButton","HeaderGradientOverlay","jsx","_jsx","Fragment","_Fragment","jsxs","_jsxs","TitleHeader","title","LeftToolbar","RightToolbar","dismissAction","navigation","onDismiss","titleAlignment","bg","theme","bgColor","color","isTransparent","gradientColor","_styles","styles","useVariants","leading","children","trailing","View","style","container","safeArea","bar","gradient","pointerEvents","titleContainer","Text","create","runtime","position","top","left","right","zIndex","height","insets","backgroundColor","uni__dependencies","bottom","layout","header","flexDirection","alignItems","paddingHorizontal","screen","margin","x","gap","spacing","justifyContent","variants","center","flex","fontSize","typography","lineHeight","letterSpacing","fontWeight","textAlign"],"sourceRoot":"../../../../../../src","sources":["components/header/variants/TitleHeader/index.tsx"],"mappings":";;;;AAGA,SAASA,UAAU,EAAEC,YAAY,QAAQ,wBAAwB;AAGjE,SAASC,iBAAiB;AAC1B,SAASC,iBAAiB;AAE1B,SAASC,OAAO;AAChB,SACEC,mBAAmB;AAGrB,SAASC,qBAAqB;AAA4C,SAAAC,GAAA,IAAAC,IAAA,EAAAC,QAAA,IAAAC,SAAA,EAAAC,IAAA,IAAAC,KAAA;AAoB1E;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,OAAO,SAASC,WAAWA,CAAC;EAC1BC,KAAK;EACLC,WAAW;EACXC,YAAY;EACZC,aAAa,GAAG,MAAM;EACtBC,UAAU;EACVC,SAAS;EACTC,cAAc,GAAG,QAAQ;EACzBC,EAAE,GAAG;AACW,CAAC,EAAE;EACnB,MAAM;IAAEC;EAAM,CAAC,GAAGrB,YAAY,CAAC,CAAC;EAEhC,MAAMsB,OAAO,GACXrB,iBAAiB,CAACmB,EAAE,EAAEC,KAAK,CAAC,IAC3BA,KAAK,CAACE,KAAK,CACV,iBAAiB,CAClB,IACD,EAAE;EACJ,MAAMC,aAAa,GAAGF,OAAO,KAAK,aAAa;EAC/C,MAAMG,aAAa,GAAGD,aAAa,GAC/BH,KAAK,CAACE,KAAK,CAAC,iBAAiB,CAAC,GAC9BD,OAAO;EAAC,MAAAI,OAAA,GAAAC,MAAA;EAAA;IAAA,MAAAA,MAAA,GAAAD,OAAA,CAAAE,WAAA,CACO;MAAET;IAAe,CAAC;IAErC,MAAMU,OAAO,GACXb,aAAa,KAAK,MAAM,gBACtBL,KAAA,CAAAF,SAAA;MAAAqB,QAAA,gBACEvB,IAAA,CAACH,mBAAmB;QAClBY,aAAa,EAAEA,aAAc;QAC7BC,UAAU,EAAEA,UAAW;QACvBC,SAAS,EAAEA;MAAU,CACtB,CAAC,EACDJ,WAAW;IAAA,CACZ,CAAC,GAEHA,WACD;IAEH,MAAMiB,QAAQ,GACZf,aAAa,KAAK,OAAO,gBACvBL,KAAA,CAAAF,SAAA;MAAAqB,QAAA,GACGf,YAAY,eACbR,IAAA,CAACH,mBAAmB;QAClBY,aAAa,EAAEA,aAAc;QAC7BC,UAAU,EAAEA,UAAW;QACvBC,SAAS,EAAEA;MAAU,CACtB,CAAC;IAAA,CACF,CAAC,GAEHH,YACD;IACH,oBACEJ,KAAA,CAACqB,IAAI;MAACC,KAAK,EAAEN,MAAM,CAACO,SAAU;MAAAJ,QAAA,gBAC5BvB,IAAA,CAACyB,IAAI;QAACC,KAAK,EAAEN,MAAM,CAACQ,QAAQ,CAACX,aAAa,EAAEF,OAAO;MAAE,CAAE,CAAC,eACxDX,KAAA,CAACqB,IAAI;QAACC,KAAK,EAAEN,MAAM,CAACS,GAAI;QAAAN,QAAA,gBACtBvB,IAAA,CAACyB,IAAI;UAACC,KAAK,EAAEN,MAAM,CAACU,QAAS;UAACC,aAAa,EAAC,MAAM;UAAAR,QAAA,eAChDvB,IAAA,CAACF,qBAAqB;YAACkB,KAAK,EAAEE;UAAc,CAAE;QAAC,CAC3C,CAAC,EACNI,OAAO,IAAI,IAAI,iBAAItB,IAAA,CAACJ,OAAO;UAAA2B,QAAA,EAAED;QAAO,CAAU,CAAC,eAChDtB,IAAA,CAACyB,IAAI;UAACC,KAAK,EAAEN,MAAM,CAACY,cAAe;UAACD,aAAa,EAAC,MAAM;UAAAR,QAAA,EACrD,CAAC,CAACjB,KAAK,iBAAIN,IAAA,CAACiC,IAAI;YAACP,KAAK,EAAEN,MAAM,CAACd,KAAM;YAAAiB,QAAA,EAAEjB;UAAK,CAAO;QAAC,CACjD,CAAC,EACNkB,QAAQ,IAAI,IAAI,iBACfxB,IAAA,CAACJ,OAAO;UAAC8B,KAAK,EAAEN,MAAM,CAACI,QAAS;UAAAD,QAAA,EAAEC;QAAQ,CAAU,CACrD;MAAA,CACG,CAAC;IAAA,CACH,CAAC;EACP;AACJ;AAEA,MAAMJ,MAAM,GAAG5B,UAAU,CAAC0C,MAAM,CAAC,CAACpB,KAAK,EAAEqB,OAAO,MAAM;EACpDR,SAAS,EAAE;IACTS,QAAQ,EAAE,UAAU;IACpBC,GAAG,EAAE,CAAC;IACNC,IAAI,EAAE,CAAC;IACPC,KAAK,EAAE,CAAC;IACRC,MAAM,EAAE;EACV,CAAC;EACDZ,QAAQ,EAAEA,CAACX,aAAa,EAAEF,OAAO,MAAM;IACrC0B,MAAM,EAAEN,OAAO,CAACO,MAAM,CAACL,GAAG;IAC1BM,eAAe,EAAE1B,aAAa,GAAG,aAAa,GAAGF,OAAO;IAAA6B,iBAAA;EAC1D,CAAC,CAAC;EACFd,QAAQ,EAAE;IACRM,QAAQ,EAAE,UAAU;IACpBC,GAAG,EAAE,CAAC;IACNC,IAAI,EAAE,CAAC;IACPC,KAAK,EAAE,CAAC;IACRM,MAAM,EAAE;EACV,CAAC;EACDhB,GAAG,EAAE;IACHY,MAAM,EAAE3B,KAAK,CAACgC,MAAM,CAACC,MAAM,CAACN,MAAM;IAClCO,aAAa,EAAE,KAAK;IACpBC,UAAU,EAAE,QAAQ;IACpBC,iBAAiB,EAAEpC,KAAK,CAACgC,MAAM,CAACK,MAAM,CAACC,MAAM,CAACC,CAAC;IAC/CC,GAAG,EAAExC,KAAK,CAACyC,OAAO,CAAC,GAAG,CAAC;IACvBC,cAAc,EAAE,eAAe;IAAAZ,iBAAA;EACjC,CAAC;EACDpB,QAAQ,EAAE;IACRgC,cAAc,EAAE;EAClB,CAAC;EACDxB,cAAc,EAAE;IACdyB,QAAQ,EAAE;MACR7C,cAAc,EAAE;QACd8C,MAAM,EAAE;UACNtB,QAAQ,EAAE,UAAU;UACpBE,IAAI,EAAE,CAAC;UACPC,KAAK,EAAE,CAAC;UACRU,UAAU,EAAE;QACd,CAAC;QACDX,IAAI,EAAE;UACJqB,IAAI,EAAE,CAAC;UACPV,UAAU,EAAE;QACd;MACF;IACF,CAAC;IAAAL,iBAAA;EACH,CAAC;EACDtC,KAAK,EAAE;IACLsD,QAAQ,EAAE9C,KAAK,CAAC+C,UAAU,CAACJ,QAAQ,CAAC,UAAU,CAAC,CAACG,QAAQ;IACxDE,UAAU,EAAEhD,KAAK,CAAC+C,UAAU,CAACJ,QAAQ,CAAC,UAAU,CAAC,CAACK,UAAU;IAC5DC,aAAa,EAAEjD,KAAK,CAAC+C,UAAU,CAACJ,QAAQ,CAAC,UAAU,CAAC,CAACM,aAAa;IAClEC,UAAU,EACRrE,iBAAiB,CAACmB,KAAK,CAAC+C,UAAU,CAACJ,QAAQ,CAAC,UAAU,CAAC,CAACO,UAAU,CAAC;IACrEhD,KAAK,EACFF,KAAK,CAACE,KAAK,CACV,cAAc,CACf,IAAI,EAAE;IACTyC,QAAQ,EAAE;MACR7C,cAAc,EAAE;QACd8C,MAAM,EAAE;UAAEO,SAAS,EAAE;QAAS,CAAC;QAC/B3B,IAAI,EAAE;UAAE2B,SAAS,EAAE;QAAO;MAC5B;IACF,CAAC;IAAArB,iBAAA;EACH;AACF,CAAC,CAAC,CAAC","ignoreList":[]}
|