react-native-terra-ui 0.11.2 → 0.11.3
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 +6 -0
- package/lib/module/components/header/variants/LargeTitleHeader/index.js +37 -75
- package/lib/module/components/header/variants/LargeTitleHeader/index.js.map +1 -1
- package/lib/typescript/src/components/header/variants/LargeTitleHeader/index.d.ts +5 -0
- package/lib/typescript/src/components/header/variants/LargeTitleHeader/index.d.ts.map +1 -1
- package/package.json +1 -1
- package/src/components/header/variants/LargeTitleHeader/index.tsx +7 -27
package/CHANGELOG.md
CHANGED
|
@@ -1,5 +1,11 @@
|
|
|
1
1
|
# Changelog
|
|
2
2
|
|
|
3
|
+
## [0.11.3](https://github.com/earthling-std/react-native-terra-ui/compare/v0.11.2...v0.11.3) (2026-09-14)
|
|
4
|
+
|
|
5
|
+
### Bug Fixes
|
|
6
|
+
|
|
7
|
+
* **ui:** [header] scope large title centering to the compact bar ([fc03767](https://github.com/earthling-std/react-native-terra-ui/commit/fc03767dc1ff33dc4e562f960f4aa345b209c949))
|
|
8
|
+
|
|
3
9
|
## [0.11.2](https://github.com/earthlin9/react-native-terra-ui/compare/v0.11.1...v0.11.2) (2026-09-12)
|
|
4
10
|
|
|
5
11
|
### Features
|
|
@@ -23,8 +23,7 @@ const LARGE_TITLE_SLIDE_OFFSET = 6;
|
|
|
23
23
|
function LargeTitlePortalContent({
|
|
24
24
|
title,
|
|
25
25
|
overline,
|
|
26
|
-
subtitle
|
|
27
|
-
titleAlignment = "center"
|
|
26
|
+
subtitle
|
|
28
27
|
}) {
|
|
29
28
|
const {
|
|
30
29
|
theme
|
|
@@ -32,46 +31,40 @@ function LargeTitlePortalContent({
|
|
|
32
31
|
const {
|
|
33
32
|
scrollY
|
|
34
33
|
} = useScreen();
|
|
35
|
-
const
|
|
36
|
-
{
|
|
37
|
-
const
|
|
38
|
-
|
|
39
|
-
});
|
|
40
|
-
const headerCollapseHeight = theme.layout.header.height;
|
|
41
|
-
const largeTitleAnimatedStyle = useAnimatedStyle(() => {
|
|
42
|
-
const height = headerCollapseHeight;
|
|
43
|
-
if (height <= 0) {
|
|
44
|
-
return {
|
|
45
|
-
opacity: 1,
|
|
46
|
-
transform: [{
|
|
47
|
-
translateY: 0
|
|
48
|
-
}]
|
|
49
|
-
};
|
|
50
|
-
}
|
|
34
|
+
const headerCollapseHeight = theme.layout.header.height;
|
|
35
|
+
const largeTitleAnimatedStyle = useAnimatedStyle(() => {
|
|
36
|
+
const height = headerCollapseHeight;
|
|
37
|
+
if (height <= 0) {
|
|
51
38
|
return {
|
|
52
|
-
opacity:
|
|
39
|
+
opacity: 1,
|
|
53
40
|
transform: [{
|
|
54
|
-
translateY:
|
|
41
|
+
translateY: 0
|
|
55
42
|
}]
|
|
56
43
|
};
|
|
57
|
-
}
|
|
58
|
-
return
|
|
59
|
-
|
|
60
|
-
|
|
61
|
-
|
|
62
|
-
|
|
63
|
-
|
|
64
|
-
|
|
65
|
-
|
|
66
|
-
|
|
67
|
-
|
|
68
|
-
|
|
69
|
-
|
|
70
|
-
|
|
71
|
-
|
|
72
|
-
|
|
73
|
-
|
|
74
|
-
|
|
44
|
+
}
|
|
45
|
+
return {
|
|
46
|
+
opacity: interpolate(scrollY.value, [0, height], [1, 0], "clamp"),
|
|
47
|
+
transform: [{
|
|
48
|
+
translateY: interpolate(scrollY.value, [0, height], [0, -LARGE_TITLE_SLIDE_OFFSET], "clamp")
|
|
49
|
+
}]
|
|
50
|
+
};
|
|
51
|
+
});
|
|
52
|
+
return /*#__PURE__*/_jsxs(Animated.View, {
|
|
53
|
+
style: [styles.portalContent, largeTitleAnimatedStyle],
|
|
54
|
+
children: [!!overline && /*#__PURE__*/_jsx(Text, {
|
|
55
|
+
style: styles.overline,
|
|
56
|
+
maxFontSizeMultiplier: theme.typography.variants["label-sm"].maxFontSizeMultiplier,
|
|
57
|
+
children: overline
|
|
58
|
+
}), /*#__PURE__*/_jsx(Text, {
|
|
59
|
+
style: styles.largeTitle,
|
|
60
|
+
maxFontSizeMultiplier: theme.typography.variants["headline-lg"].maxFontSizeMultiplier,
|
|
61
|
+
children: title
|
|
62
|
+
}), !!subtitle && /*#__PURE__*/_jsx(Text, {
|
|
63
|
+
style: styles.subtitle,
|
|
64
|
+
maxFontSizeMultiplier: theme.typography.variants["body-lg"].maxFontSizeMultiplier,
|
|
65
|
+
children: subtitle
|
|
66
|
+
})]
|
|
67
|
+
});
|
|
75
68
|
}
|
|
76
69
|
|
|
77
70
|
/**
|
|
@@ -125,9 +118,9 @@ export function LargeTitleHeader({
|
|
|
125
118
|
const gradientColor = bgColor;
|
|
126
119
|
const isLargeTitleHiddenValue = useSharedValue(isLargeTitleHidden);
|
|
127
120
|
const headerCollapseHeight = theme.layout.header.height;
|
|
128
|
-
const
|
|
121
|
+
const _styles = styles;
|
|
129
122
|
{
|
|
130
|
-
const styles =
|
|
123
|
+
const styles = _styles.useVariants({
|
|
131
124
|
titleAlignment
|
|
132
125
|
});
|
|
133
126
|
// Animate the gradient overlay's opacity: 0 (expanded) → 1 (collapsed).
|
|
@@ -197,8 +190,7 @@ export function LargeTitleHeader({
|
|
|
197
190
|
children: /*#__PURE__*/_jsx(LargeTitlePortalContent, {
|
|
198
191
|
title: title,
|
|
199
192
|
overline: overline,
|
|
200
|
-
subtitle: subtitle
|
|
201
|
-
titleAlignment: titleAlignment
|
|
193
|
+
subtitle: subtitle
|
|
202
194
|
})
|
|
203
195
|
}), /*#__PURE__*/_jsxs(View, {
|
|
204
196
|
style: styles.bar,
|
|
@@ -267,17 +259,7 @@ const styles = StyleSheet.create(theme => ({
|
|
|
267
259
|
letterSpacing: theme.typography.variants["label-sm"].letterSpacing,
|
|
268
260
|
fontWeight: FONT_WEIGHT_VALUE[theme.typography.variants["label-sm"].fontWeight],
|
|
269
261
|
color: theme.color["text.tertiary"] ?? "",
|
|
270
|
-
|
|
271
|
-
titleAlignment: {
|
|
272
|
-
center: {
|
|
273
|
-
textAlign: "center"
|
|
274
|
-
},
|
|
275
|
-
left: {
|
|
276
|
-
textAlign: "left"
|
|
277
|
-
}
|
|
278
|
-
}
|
|
279
|
-
},
|
|
280
|
-
uni__dependencies: [0, 4]
|
|
262
|
+
uni__dependencies: [0]
|
|
281
263
|
},
|
|
282
264
|
largeTitle: {
|
|
283
265
|
fontSize: theme.typography.variants["headline-lg"].fontSize,
|
|
@@ -285,34 +267,14 @@ const styles = StyleSheet.create(theme => ({
|
|
|
285
267
|
letterSpacing: theme.typography.variants["headline-lg"].letterSpacing,
|
|
286
268
|
fontWeight: FONT_WEIGHT_VALUE[theme.typography.variants["headline-lg"].fontWeight],
|
|
287
269
|
color: theme.color["text.primary"] ?? "",
|
|
288
|
-
|
|
289
|
-
titleAlignment: {
|
|
290
|
-
center: {
|
|
291
|
-
textAlign: "center"
|
|
292
|
-
},
|
|
293
|
-
left: {
|
|
294
|
-
textAlign: "left"
|
|
295
|
-
}
|
|
296
|
-
}
|
|
297
|
-
},
|
|
298
|
-
uni__dependencies: [0, 4]
|
|
270
|
+
uni__dependencies: [0]
|
|
299
271
|
},
|
|
300
272
|
subtitle: {
|
|
301
273
|
fontSize: theme.typography.variants["body-lg"].fontSize,
|
|
302
274
|
lineHeight: theme.typography.variants["body-lg"].lineHeight,
|
|
303
275
|
letterSpacing: theme.typography.variants["body-lg"].letterSpacing,
|
|
304
276
|
color: theme.color["text.tertiary"] ?? "",
|
|
305
|
-
|
|
306
|
-
titleAlignment: {
|
|
307
|
-
center: {
|
|
308
|
-
textAlign: "center"
|
|
309
|
-
},
|
|
310
|
-
left: {
|
|
311
|
-
textAlign: "left"
|
|
312
|
-
}
|
|
313
|
-
}
|
|
314
|
-
},
|
|
315
|
-
uni__dependencies: [0, 4]
|
|
277
|
+
uni__dependencies: [0]
|
|
316
278
|
},
|
|
317
279
|
compactTitle: {
|
|
318
280
|
fontSize: theme.typography.variants["title-md"].fontSize,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["useEffect","Animated","interpolate","useAnimatedStyle","useSharedValue","StyleSheet","useUnistyles","resolveThemeColor","FONT_WEIGHT_VALUE","Portal","useHeaderBackground","SCREEN_HEADER_PORTAL_HOST","useScreen","Toolbar","HeaderDismissButton","HEADER_FADE_EXTENT","HeaderGradientOverlay","jsx","_jsx","jsxs","_jsxs","Fragment","_Fragment","AnimatedText","createAnimatedComponent","Text","COMPACT_TITLE_SLIDE_OFFSET","LARGE_TITLE_SLIDE_OFFSET","LargeTitlePortalContent","title","overline","subtitle","titleAlignment","theme","scrollY","_styles","styles","useVariants","headerCollapseHeight","layout","header","height","largeTitleAnimatedStyle","opacity","transform","translateY","value","View","style","portalContent","children","maxFontSizeMultiplier","typography","variants","largeTitle","LargeTitleHeader","leadingActions","trailingActions","LeftToolbar","RightToolbar","dismissAction","navigation","onDismiss","isLargeTitleHidden","background","bg","screenBackground","colorToken","bgColor","color","leadingContent","undefined","trailingContent","gradientColor","isLargeTitleHiddenValue","_styles2","gradientOpacityStyle","compactTitleAnimatedStyle","leading","trailing","container","hostName","bar","gradient","pointerEvents","titleContainer","compactTitle","create","position","top","left","right","zIndex","bottom","flexDirection","alignItems","paddingHorizontal","screen","padding","x","gap","spacing","justifyContent","uni__dependencies","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
|
+
{"version":3,"names":["useEffect","Animated","interpolate","useAnimatedStyle","useSharedValue","StyleSheet","useUnistyles","resolveThemeColor","FONT_WEIGHT_VALUE","Portal","useHeaderBackground","SCREEN_HEADER_PORTAL_HOST","useScreen","Toolbar","HeaderDismissButton","HEADER_FADE_EXTENT","HeaderGradientOverlay","jsx","_jsx","jsxs","_jsxs","Fragment","_Fragment","AnimatedText","createAnimatedComponent","Text","COMPACT_TITLE_SLIDE_OFFSET","LARGE_TITLE_SLIDE_OFFSET","LargeTitlePortalContent","title","overline","subtitle","theme","scrollY","headerCollapseHeight","layout","header","height","largeTitleAnimatedStyle","opacity","transform","translateY","value","View","style","styles","portalContent","children","maxFontSizeMultiplier","typography","variants","largeTitle","LargeTitleHeader","leadingActions","trailingActions","LeftToolbar","RightToolbar","dismissAction","navigation","onDismiss","titleAlignment","isLargeTitleHidden","background","bg","screenBackground","colorToken","bgColor","color","leadingContent","undefined","trailingContent","gradientColor","isLargeTitleHiddenValue","_styles","useVariants","gradientOpacityStyle","compactTitleAnimatedStyle","leading","trailing","container","hostName","bar","gradient","pointerEvents","titleContainer","compactTitle","create","position","top","left","right","zIndex","bottom","flexDirection","alignItems","paddingHorizontal","screen","padding","x","gap","spacing","justifyContent","uni__dependencies","minHeight","paddingBottom","fontSize","lineHeight","letterSpacing","fontWeight","center","textAlign","flex"],"sourceRoot":"../../../../../../src","sources":["components/header/variants/LargeTitleHeader/index.tsx"],"mappings":"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","ignoreList":[]}
|
|
@@ -6,6 +6,11 @@ export interface LargeTitleHeaderProps extends TitleHeaderProps {
|
|
|
6
6
|
subtitle?: string;
|
|
7
7
|
/** Hide the large title (keeps the compact bar). Defaults to `false`. */
|
|
8
8
|
isLargeTitleHidden?: boolean;
|
|
9
|
+
/**
|
|
10
|
+
* Placement of the compact bar title. The large title stack always stays
|
|
11
|
+
* left-aligned. Defaults to `'center'`.
|
|
12
|
+
*/
|
|
13
|
+
titleAlignment?: "center" | "left";
|
|
9
14
|
}
|
|
10
15
|
/**
|
|
11
16
|
* iOS-style collapsing large-title header. The large title is injected (via the
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../../src/components/header/variants/LargeTitleHeader/index.tsx"],"names":[],"mappings":"AAcA,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,yBAAgB,CAAC;AASvD,MAAM,WAAW,qBAAsB,SAAQ,gBAAgB;IAC7D,uDAAuD;IACvD,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,2DAA2D;IAC3D,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,yEAAyE;IACzE,kBAAkB,CAAC,EAAE,OAAO,CAAC;
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../../src/components/header/variants/LargeTitleHeader/index.tsx"],"names":[],"mappings":"AAcA,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,yBAAgB,CAAC;AASvD,MAAM,WAAW,qBAAsB,SAAQ,gBAAgB;IAC7D,uDAAuD;IACvD,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,2DAA2D;IAC3D,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,yEAAyE;IACzE,kBAAkB,CAAC,EAAE,OAAO,CAAC;IAC7B;;;OAGG;IACH,cAAc,CAAC,EAAE,QAAQ,GAAG,MAAM,CAAC;CACpC;AAwDD;;;;;;;;;;;;;;;;;;;;GAoBG;AACH,wBAAgB,gBAAgB,CAAC,EAC/B,KAAK,EACL,QAAQ,EACR,QAAQ,EACR,cAAc,EACd,eAAe,EACf,WAAW,EACX,YAAY,EACZ,aAAsB,EACtB,UAAU,EACV,SAAS,EACT,cAAyB,EACzB,kBAA0B,EAC1B,UAAU,EACV,EAAE,GACH,EAAE,qBAAqB,+BAsGvB"}
|
package/package.json
CHANGED
|
@@ -28,17 +28,20 @@ export interface LargeTitleHeaderProps extends TitleHeaderProps {
|
|
|
28
28
|
subtitle?: string;
|
|
29
29
|
/** Hide the large title (keeps the compact bar). Defaults to `false`. */
|
|
30
30
|
isLargeTitleHidden?: boolean;
|
|
31
|
+
/**
|
|
32
|
+
* Placement of the compact bar title. The large title stack always stays
|
|
33
|
+
* left-aligned. Defaults to `'center'`.
|
|
34
|
+
*/
|
|
35
|
+
titleAlignment?: "center" | "left";
|
|
31
36
|
}
|
|
32
37
|
|
|
33
38
|
function LargeTitlePortalContent({
|
|
34
39
|
title,
|
|
35
40
|
overline,
|
|
36
41
|
subtitle,
|
|
37
|
-
|
|
38
|
-
}: Pick<LargeTitleHeaderProps, "title" | "overline" | "subtitle" | "titleAlignment">) {
|
|
42
|
+
}: Pick<LargeTitleHeaderProps, "title" | "overline" | "subtitle">) {
|
|
39
43
|
const { theme } = useUnistyles();
|
|
40
44
|
const { scrollY } = useScreen();
|
|
41
|
-
styles.useVariants({ titleAlignment });
|
|
42
45
|
|
|
43
46
|
const headerCollapseHeight = theme.layout.header.height;
|
|
44
47
|
|
|
@@ -204,12 +207,7 @@ export function LargeTitleHeader({
|
|
|
204
207
|
<View style={styles.container}>
|
|
205
208
|
{!isLargeTitleHidden && (
|
|
206
209
|
<Portal hostName={SCREEN_HEADER_PORTAL_HOST}>
|
|
207
|
-
<LargeTitlePortalContent
|
|
208
|
-
title={title}
|
|
209
|
-
overline={overline}
|
|
210
|
-
subtitle={subtitle}
|
|
211
|
-
titleAlignment={titleAlignment}
|
|
212
|
-
/>
|
|
210
|
+
<LargeTitlePortalContent title={title} overline={overline} subtitle={subtitle} />
|
|
213
211
|
</Portal>
|
|
214
212
|
)}
|
|
215
213
|
<View style={styles.bar}>
|
|
@@ -270,12 +268,6 @@ const styles = StyleSheet.create((theme) => ({
|
|
|
270
268
|
letterSpacing: theme.typography.variants["label-sm"].letterSpacing,
|
|
271
269
|
fontWeight: FONT_WEIGHT_VALUE[theme.typography.variants["label-sm"].fontWeight],
|
|
272
270
|
color: (theme.color as unknown as Record<string, string | undefined>)["text.tertiary"] ?? "",
|
|
273
|
-
variants: {
|
|
274
|
-
titleAlignment: {
|
|
275
|
-
center: { textAlign: "center" },
|
|
276
|
-
left: { textAlign: "left" },
|
|
277
|
-
},
|
|
278
|
-
},
|
|
279
271
|
},
|
|
280
272
|
largeTitle: {
|
|
281
273
|
fontSize: theme.typography.variants["headline-lg"].fontSize,
|
|
@@ -283,24 +275,12 @@ const styles = StyleSheet.create((theme) => ({
|
|
|
283
275
|
letterSpacing: theme.typography.variants["headline-lg"].letterSpacing,
|
|
284
276
|
fontWeight: FONT_WEIGHT_VALUE[theme.typography.variants["headline-lg"].fontWeight],
|
|
285
277
|
color: (theme.color as unknown as Record<string, string | undefined>)["text.primary"] ?? "",
|
|
286
|
-
variants: {
|
|
287
|
-
titleAlignment: {
|
|
288
|
-
center: { textAlign: "center" },
|
|
289
|
-
left: { textAlign: "left" },
|
|
290
|
-
},
|
|
291
|
-
},
|
|
292
278
|
},
|
|
293
279
|
subtitle: {
|
|
294
280
|
fontSize: theme.typography.variants["body-lg"].fontSize,
|
|
295
281
|
lineHeight: theme.typography.variants["body-lg"].lineHeight,
|
|
296
282
|
letterSpacing: theme.typography.variants["body-lg"].letterSpacing,
|
|
297
283
|
color: (theme.color as unknown as Record<string, string | undefined>)["text.tertiary"] ?? "",
|
|
298
|
-
variants: {
|
|
299
|
-
titleAlignment: {
|
|
300
|
-
center: { textAlign: "center" },
|
|
301
|
-
left: { textAlign: "left" },
|
|
302
|
-
},
|
|
303
|
-
},
|
|
304
284
|
},
|
|
305
285
|
compactTitle: {
|
|
306
286
|
fontSize: theme.typography.variants["title-md"].fontSize,
|