react-native-terra-ui 0.4.0 → 0.5.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/CHANGELOG.md +37 -0
- package/lib/module/components/header/parts/HeaderGradientOverlay.js +1 -1
- package/lib/module/components/header/parts/HeaderGradientOverlay.js.map +1 -1
- package/lib/module/components/screen/Screen.js +3 -3
- package/lib/module/components/screen/Screen.js.map +1 -1
- package/lib/module/components/screen/ScreenFlatList.js +52 -31
- package/lib/module/components/screen/ScreenFlatList.js.map +1 -1
- package/lib/module/components/screen/ScreenList.js +160 -0
- package/lib/module/components/screen/ScreenList.js.map +1 -0
- package/lib/module/components/screen/ScreenScrollView.js +26 -14
- package/lib/module/components/screen/ScreenScrollView.js.map +1 -1
- package/lib/module/components/screen/index.js +1 -1
- package/lib/module/components/screen/index.js.map +1 -1
- package/lib/module/components/toast/Toast.js +2 -2
- package/lib/module/components/toolbar/Toolbar.js +3 -1
- package/lib/module/components/toolbar/Toolbar.js.map +1 -1
- package/lib/module/theme/tokens/primitives.js +11 -6
- package/lib/module/theme/tokens/primitives.js.map +1 -1
- package/lib/typescript/src/components/screen/Screen.d.ts +3 -2
- package/lib/typescript/src/components/screen/Screen.d.ts.map +1 -1
- package/lib/typescript/src/components/screen/ScreenContext.d.ts +2 -2
- package/lib/typescript/src/components/screen/ScreenFlatList.d.ts +11 -0
- package/lib/typescript/src/components/screen/ScreenFlatList.d.ts.map +1 -1
- package/lib/typescript/src/components/screen/ScreenList.d.ts +65 -0
- package/lib/typescript/src/components/screen/ScreenList.d.ts.map +1 -0
- package/lib/typescript/src/components/screen/index.d.ts +2 -2
- package/lib/typescript/src/components/screen/index.d.ts.map +1 -1
- package/lib/typescript/src/components/screen/types.d.ts +2 -3
- package/lib/typescript/src/components/screen/types.d.ts.map +1 -1
- package/lib/typescript/src/theme/tokens/primitives.d.ts +5 -0
- package/lib/typescript/src/theme/tokens/primitives.d.ts.map +1 -1
- package/lib/typescript/src/theme/types.d.ts +1 -1
- package/lib/typescript/src/theme/types.d.ts.map +1 -1
- package/package.json +2 -4
- package/src/components/header/parts/HeaderGradientOverlay.tsx +1 -1
- package/src/components/screen/Screen.tsx +5 -4
- package/src/components/screen/ScreenContext.tsx +2 -2
- package/src/components/screen/ScreenFlatList.tsx +52 -30
- package/src/components/screen/ScreenList.tsx +270 -0
- package/src/components/screen/ScreenScrollView.tsx +19 -10
- package/src/components/screen/index.ts +2 -2
- package/src/components/screen/types.ts +2 -3
- package/src/components/toast/Toast.tsx +2 -2
- package/src/components/toolbar/Toolbar.tsx +2 -0
- package/src/theme/tokens/primitives.ts +12 -6
- package/src/theme/types.ts +1 -1
- package/lib/module/components/screen/ScreenFlashList.js +0 -153
- package/lib/module/components/screen/ScreenFlashList.js.map +0 -1
- package/lib/typescript/src/components/screen/ScreenFlashList.d.ts +0 -43
- package/lib/typescript/src/components/screen/ScreenFlashList.d.ts.map +0 -1
- package/src/components/screen/ScreenFlashList.tsx +0 -203
package/CHANGELOG.md
CHANGED
|
@@ -1,5 +1,42 @@
|
|
|
1
1
|
# Changelog
|
|
2
2
|
|
|
3
|
+
## [0.5.0](https://github.com/earthlin9/react-native-terra-ui/compare/v0.4.1...v0.5.0) (2026-08-29)
|
|
4
|
+
|
|
5
|
+
### ⚠ BREAKING CHANGES
|
|
6
|
+
|
|
7
|
+
* **ui:** Screen.FlashList and ScreenFlashListProps are removed,
|
|
8
|
+
along with the @shopify/flash-list dependency. Use
|
|
9
|
+
`Screen.List` with `as={FlashList}` instead, installing
|
|
10
|
+
`@shopify/flash-list` yourself.
|
|
11
|
+
|
|
12
|
+
Screen.FlatList / ScreenFlatListProps are marked [@deprecated](https://github.com/deprecated) in favor
|
|
13
|
+
of Screen.List, which behaves identically by default.
|
|
14
|
+
|
|
15
|
+
### Features
|
|
16
|
+
|
|
17
|
+
* **ui:** [toolbar] add xs elevation and apply a light shadow ([a08b920](https://github.com/earthlin9/react-native-terra-ui/commit/a08b920e5160e7c7c3b9fd0402c493bbd50955e5))
|
|
18
|
+
|
|
19
|
+
### Bug Fixes
|
|
20
|
+
|
|
21
|
+
* **ui:** tighten toast spacing and soften header gradient overlay ([dec1c7d](https://github.com/earthlin9/react-native-terra-ui/commit/dec1c7d95c141369af4f16608baeae9c563b6e87))
|
|
22
|
+
|
|
23
|
+
### Refactoring
|
|
24
|
+
|
|
25
|
+
* **ui:** [screen] drop Screen.FlashList, deprecate Screen.FlatList ([f860c6a](https://github.com/earthlin9/react-native-terra-ui/commit/f860c6aa2ee999b514b0a3e29d3c5f12ded4fdbf))
|
|
26
|
+
|
|
27
|
+
## [0.4.1](https://github.com/earthlin9/react-native-terra-ui/compare/v0.4.0...v0.4.1) (2026-08-29)
|
|
28
|
+
|
|
29
|
+
### Features
|
|
30
|
+
|
|
31
|
+
* **showcase:** use Screen.List for the gallery list ([45daf7f](https://github.com/earthlin9/react-native-terra-ui/commit/45daf7ffe77f401f77567ca394b343beca460314))
|
|
32
|
+
* **theme:** tune default header height and vertical margin scale ([3f8a73a](https://github.com/earthlin9/react-native-terra-ui/commit/3f8a73a68ccbf13d536534f1753cda66844ffdb3))
|
|
33
|
+
* **ui:** [screen] add Screen.List, a polymorphic list container ([ec2909f](https://github.com/earthlin9/react-native-terra-ui/commit/ec2909f4646c9a83259485e54e68d33c0dd99912))
|
|
34
|
+
|
|
35
|
+
### Bug Fixes
|
|
36
|
+
|
|
37
|
+
* **showcase:** allow iPad to rotate ([bf081f5](https://github.com/earthlin9/react-native-terra-ui/commit/bf081f59477feaabaefe364df9e8eaabf1d42708))
|
|
38
|
+
* **ui:** [screen] keep breakpoint-derived margins reactive on rotation ([4b2f28b](https://github.com/earthlin9/react-native-terra-ui/commit/4b2f28be54a48e383eeed7708ac7eabbcf6ca62e))
|
|
39
|
+
|
|
3
40
|
## [0.4.0](https://github.com/earthlin9/react-native-terra-ui/compare/v0.3.0...v0.4.0) (2026-08-28)
|
|
4
41
|
|
|
5
42
|
### ⚠ BREAKING CHANGES
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["useId","Svg","Defs","Rect","Stop","LinearGradient","SvgLinearGradient","jsx","_jsx","jsxs","_jsxs","HeaderGradientOverlay","color","gradientId","height","width","children","id","x1","y1","x2","y2","offset","stopColor","stopOpacity","fill"],"sourceRoot":"../../../../../src","sources":["components/header/parts/HeaderGradientOverlay.tsx"],"mappings":";;AAAA,SAASA,KAAK,QAAQ,OAAO;AAC7B,OAAOC,GAAG,IACRC,IAAI,EACJC,IAAI,EACJC,IAAI,EACJC,cAAc,IAAIC,iBAAiB,QAC9B,kBAAkB;AAAC,SAAAC,GAAA,IAAAC,IAAA,EAAAC,IAAA,IAAAC,KAAA;AAO1B;AACA,OAAO,SAASC,qBAAqBA,CAAC;EAAEC;AAAkC,CAAC,EAAE;EAC3E,MAAMC,UAAU,GAAGb,KAAK,CAAC,CAAC;EAE1B,oBACEU,KAAA,CAACT,GAAG;IAACa,MAAM,EAAC,MAAM;IAACC,KAAK,EAAC,MAAM;IAAAC,QAAA,gBAC7BR,IAAA,CAACN,IAAI;MAAAc,QAAA,eACHN,KAAA,CAACJ,iBAAiB;QAACW,EAAE,EAAEJ,UAAW;QAACK,EAAE,EAAC,GAAG;QAACC,EAAE,EAAC,GAAG;QAACC,EAAE,EAAC,GAAG;QAACC,EAAE,EAAC,GAAG;QAAAL,QAAA,gBAC5DR,IAAA,CAACJ,IAAI;UAACkB,MAAM,EAAC,GAAG;UAACC,SAAS,EAAEX,KAAM;UAACY,WAAW,EAAC;QAAG,CAAE,CAAC,eACrDhB,IAAA,CAACJ,IAAI;UAACkB,MAAM,EAAC,GAAG;UAACC,SAAS,EAAEX,KAAM;UAACY,WAAW,EAAC;
|
|
1
|
+
{"version":3,"names":["useId","Svg","Defs","Rect","Stop","LinearGradient","SvgLinearGradient","jsx","_jsx","jsxs","_jsxs","HeaderGradientOverlay","color","gradientId","height","width","children","id","x1","y1","x2","y2","offset","stopColor","stopOpacity","fill"],"sourceRoot":"../../../../../src","sources":["components/header/parts/HeaderGradientOverlay.tsx"],"mappings":";;AAAA,SAASA,KAAK,QAAQ,OAAO;AAC7B,OAAOC,GAAG,IACRC,IAAI,EACJC,IAAI,EACJC,IAAI,EACJC,cAAc,IAAIC,iBAAiB,QAC9B,kBAAkB;AAAC,SAAAC,GAAA,IAAAC,IAAA,EAAAC,IAAA,IAAAC,KAAA;AAO1B;AACA,OAAO,SAASC,qBAAqBA,CAAC;EAAEC;AAAkC,CAAC,EAAE;EAC3E,MAAMC,UAAU,GAAGb,KAAK,CAAC,CAAC;EAE1B,oBACEU,KAAA,CAACT,GAAG;IAACa,MAAM,EAAC,MAAM;IAACC,KAAK,EAAC,MAAM;IAAAC,QAAA,gBAC7BR,IAAA,CAACN,IAAI;MAAAc,QAAA,eACHN,KAAA,CAACJ,iBAAiB;QAACW,EAAE,EAAEJ,UAAW;QAACK,EAAE,EAAC,GAAG;QAACC,EAAE,EAAC,GAAG;QAACC,EAAE,EAAC,GAAG;QAACC,EAAE,EAAC,GAAG;QAAAL,QAAA,gBAC5DR,IAAA,CAACJ,IAAI;UAACkB,MAAM,EAAC,GAAG;UAACC,SAAS,EAAEX,KAAM;UAACY,WAAW,EAAC;QAAG,CAAE,CAAC,eACrDhB,IAAA,CAACJ,IAAI;UAACkB,MAAM,EAAC,GAAG;UAACC,SAAS,EAAEX,KAAM;UAACY,WAAW,EAAC;QAAM,CAAE,CAAC;MAAA,CACvC;IAAC,CAChB,CAAC,eACPhB,IAAA,CAACL,IAAI;MAACY,KAAK,EAAC,MAAM;MAACD,MAAM,EAAC,MAAM;MAACW,IAAI,EAAE,QAAQZ,UAAU;IAAI,CAAE,CAAC;EAAA,CAC7D,CAAC;AAEV","ignoreList":[]}
|
|
@@ -6,8 +6,8 @@ import { StyleSheet, useUnistyles } from 'react-native-unistyles';
|
|
|
6
6
|
import { resolveThemeColor } from "../../utils/resolve-theme-color.js";
|
|
7
7
|
import { PortalProvider } from "../portal/index.js";
|
|
8
8
|
import { ScreenScrollProvider } from "./ScreenContext.js";
|
|
9
|
-
import { ScreenFlashList } from "./ScreenFlashList.js";
|
|
10
9
|
import { ScreenFlatList } from "./ScreenFlatList.js";
|
|
10
|
+
import { ScreenList } from "./ScreenList.js";
|
|
11
11
|
import { ScreenScrollView } from "./ScreenScrollView.js";
|
|
12
12
|
import { jsx as _jsx } from "react/jsx-runtime";
|
|
13
13
|
/**
|
|
@@ -47,7 +47,7 @@ function hasScreenHeader(children) {
|
|
|
47
47
|
/**
|
|
48
48
|
* Themed page container: solid themed background, safe-area handling, and a
|
|
49
49
|
* shared scroll context for headers. Pair with `Screen.ScrollView` /
|
|
50
|
-
* `Screen.
|
|
50
|
+
* `Screen.List` and a `Header.LargeTitle` / `Header.Title`.
|
|
51
51
|
*
|
|
52
52
|
* @example
|
|
53
53
|
* ```tsx
|
|
@@ -87,7 +87,7 @@ const ScreenBase = /*#__PURE__*/forwardRef(function Screen({
|
|
|
87
87
|
ScreenBase.Header = ScreenHeader;
|
|
88
88
|
ScreenBase.ScrollView = ScreenScrollView;
|
|
89
89
|
ScreenBase.FlatList = ScreenFlatList;
|
|
90
|
-
ScreenBase.
|
|
90
|
+
ScreenBase.List = ScreenList;
|
|
91
91
|
export const Screen = ScreenBase;
|
|
92
92
|
const styles = StyleSheet.create((_theme, _runtime) => ({
|
|
93
93
|
container: {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["Children","Fragment","forwardRef","isValidElement","useMemo","StyleSheet","useUnistyles","resolveThemeColor","PortalProvider","ScreenScrollProvider","
|
|
1
|
+
{"version":3,"names":["Children","Fragment","forwardRef","isValidElement","useMemo","StyleSheet","useUnistyles","resolveThemeColor","PortalProvider","ScreenScrollProvider","ScreenFlatList","ScreenList","ScreenScrollView","jsx","_jsx","ScreenHeader","children","as","rest","Component","displayName","hasScreenHeader","found","forEach","child","type","ScreenBase","Screen","bg","margins","hasMargins","style","_ref","hasHeader","resolvedMargins","theme","resolvedBg","color","background","View","styles","container","Header","ScrollView","FlatList","List","create","_theme","_runtime","flex"],"sourceRoot":"../../../../src","sources":["components/screen/Screen.tsx"],"mappings":"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","ignoreList":[]}
|
|
@@ -9,6 +9,13 @@ import { BottomSafeArea } from "./parts/BottomSafeArea.js";
|
|
|
9
9
|
import { renderScreenPlaceholder } from "./parts/ScreenPlaceholder.js";
|
|
10
10
|
import { SCREEN_HEADER_PORTAL_HOST, useScreen } from "./ScreenContext.js";
|
|
11
11
|
import { hasXMargin, hasYMargin, renderListHeader } from "./utils.js";
|
|
12
|
+
|
|
13
|
+
/**
|
|
14
|
+
* @deprecated Use {@link ScreenListProps} (`Screen.List`) instead —
|
|
15
|
+
* `Screen.List` renders `FlatList` by default and binds the screen's shared
|
|
16
|
+
* scroll ref exactly as `Screen.FlatList` does, but also lets a screen swap in
|
|
17
|
+
* any other FlatList-shaped list (e.g. `FlashList`) via its `as` prop.
|
|
18
|
+
*/
|
|
12
19
|
import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
|
|
13
20
|
/**
|
|
14
21
|
* `FlatList` variant of `Screen.ScrollView`: binds the screen's shared scroll
|
|
@@ -19,6 +26,11 @@ import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-run
|
|
|
19
26
|
* `horizontal` with `Screen.ScrollView`, so a screen can swap one container for
|
|
20
27
|
* another without relearning its API.
|
|
21
28
|
*
|
|
29
|
+
* @deprecated Use {@link ScreenList} (`Screen.List`) instead — it renders
|
|
30
|
+
* `FlatList` by default and behaves identically, but also accepts an `as`
|
|
31
|
+
* prop for swapping in another list implementation later without changing
|
|
32
|
+
* the surrounding API.
|
|
33
|
+
*
|
|
22
34
|
* @example
|
|
23
35
|
* ```tsx
|
|
24
36
|
* <Screen.FlatList data={items} renderItem={({ item }) => <Row item={item} />} />
|
|
@@ -80,12 +92,12 @@ export function ScreenFlatList({
|
|
|
80
92
|
const footerComponent = /*#__PURE__*/_jsxs(_Fragment, {
|
|
81
93
|
children: [renderListHeader(ListFooterComponent), needsBottomSafeArea ? /*#__PURE__*/_jsx(BottomSafeArea, {}) : null]
|
|
82
94
|
});
|
|
83
|
-
const headerComponent = /*#__PURE__*/_jsxs(
|
|
84
|
-
|
|
85
|
-
|
|
86
|
-
|
|
87
|
-
|
|
88
|
-
|
|
95
|
+
const headerComponent = /*#__PURE__*/_jsxs(_Fragment, {
|
|
96
|
+
children: [/*#__PURE__*/_jsx(View, {
|
|
97
|
+
style: styles.headerWrapper(resolvedMargins),
|
|
98
|
+
children: /*#__PURE__*/_jsx(PortalHost, {
|
|
99
|
+
name: SCREEN_HEADER_PORTAL_HOST
|
|
100
|
+
})
|
|
89
101
|
}), renderListHeader(ListHeaderComponent)]
|
|
90
102
|
});
|
|
91
103
|
return /*#__PURE__*/_jsx(Animated.FlatList, {
|
|
@@ -107,16 +119,23 @@ export function ScreenFlatList({
|
|
|
107
119
|
onScroll: composedHandler
|
|
108
120
|
});
|
|
109
121
|
}
|
|
110
|
-
|
|
111
|
-
|
|
112
|
-
|
|
113
|
-
|
|
114
|
-
|
|
115
|
-
|
|
116
|
-
|
|
117
|
-
|
|
118
|
-
|
|
119
|
-
|
|
122
|
+
|
|
123
|
+
// `resolveScreenMargin` is called *inside* each dynamic function below, not
|
|
124
|
+
// hoisted to the factory's top level — the Babel plugin only attributes a
|
|
125
|
+
// runtime dependency (here, breakpoint) to a style key when the `rt`/
|
|
126
|
+
// `runtime` read it derives from sits inside that key's own value. Hoisting
|
|
127
|
+
// it would silently drop the dependency, so the margin would freeze at
|
|
128
|
+
// whatever breakpoint was active on mount and never update on rotation.
|
|
129
|
+
const styles = StyleSheet.create((theme, runtime) => ({
|
|
130
|
+
scrollContent: {
|
|
131
|
+
flexGrow: 1
|
|
132
|
+
},
|
|
133
|
+
content: (margins, hasHeader, bottomInset) => {
|
|
134
|
+
const {
|
|
135
|
+
x: marginX,
|
|
136
|
+
y: marginY
|
|
137
|
+
} = resolveScreenMargin(theme, runtime.breakpoint);
|
|
138
|
+
return {
|
|
120
139
|
flexGrow: 1,
|
|
121
140
|
// The header is absolutely positioned, so the list reserves its full
|
|
122
141
|
// height — bar plus top safe area. This assumes the scroll view does not
|
|
@@ -128,19 +147,21 @@ const styles = StyleSheet.create((theme, runtime) => {
|
|
|
128
147
|
// The safe area is `BottomSafeArea`'s job; counting it here as well
|
|
129
148
|
// would leave a gap the height of the gesture bar.
|
|
130
149
|
paddingBottom: bottomInset ?? (hasYMargin(margins) ? marginY : 0),
|
|
131
|
-
uni__dependencies: [0, 9]
|
|
132
|
-
}
|
|
133
|
-
|
|
134
|
-
|
|
135
|
-
|
|
136
|
-
|
|
137
|
-
|
|
138
|
-
|
|
139
|
-
|
|
140
|
-
|
|
141
|
-
|
|
142
|
-
|
|
143
|
-
|
|
144
|
-
|
|
145
|
-
}
|
|
150
|
+
uni__dependencies: [0, 3, 9]
|
|
151
|
+
};
|
|
152
|
+
},
|
|
153
|
+
safeArea: {
|
|
154
|
+
height: runtime.insets.top,
|
|
155
|
+
uni__dependencies: [9]
|
|
156
|
+
},
|
|
157
|
+
headerWrapper: margins => {
|
|
158
|
+
const {
|
|
159
|
+
x: marginX
|
|
160
|
+
} = resolveScreenMargin(theme, runtime.breakpoint);
|
|
161
|
+
return {
|
|
162
|
+
marginHorizontal: hasXMargin(margins) ? -marginX : 0,
|
|
163
|
+
uni__dependencies: [0, 3]
|
|
164
|
+
};
|
|
165
|
+
}
|
|
166
|
+
}));
|
|
146
167
|
//# sourceMappingURL=ScreenFlatList.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["Animated","useAnimatedScrollHandler","useComposedEventHandler","StyleSheet","resolveScreenMargin","PortalHost","BottomSafeArea","renderScreenPlaceholder","SCREEN_HEADER_PORTAL_HOST","useScreen","hasXMargin","hasYMargin","renderListHeader","jsx","_jsx","Fragment","_Fragment","jsxs","_jsxs","ScreenFlatList","data","style","contentContainerStyle","ListHeaderComponent","ListFooterComponent","ListEmptyComponent","horizontal","loading","LoadingComponent","EmptyComponent","margins","bottomInset","onScroll","rest","background","scrollRef","scrollHandler","headerSnapOffsets","screenMargins","hasHeader","resolvedMargins","placeholder","isEmpty","length","jsScrollHandler","event","composedHandler","needsBottomSafeArea","undefined","footerComponent","children","headerComponent","View","styles","headerWrapper","
|
|
1
|
+
{"version":3,"names":["Animated","useAnimatedScrollHandler","useComposedEventHandler","StyleSheet","resolveScreenMargin","PortalHost","BottomSafeArea","renderScreenPlaceholder","SCREEN_HEADER_PORTAL_HOST","useScreen","hasXMargin","hasYMargin","renderListHeader","jsx","_jsx","Fragment","_Fragment","jsxs","_jsxs","ScreenFlatList","data","style","contentContainerStyle","ListHeaderComponent","ListFooterComponent","ListEmptyComponent","horizontal","loading","LoadingComponent","EmptyComponent","margins","bottomInset","onScroll","rest","background","scrollRef","scrollHandler","headerSnapOffsets","screenMargins","hasHeader","resolvedMargins","placeholder","isEmpty","length","jsScrollHandler","event","composedHandler","needsBottomSafeArea","undefined","footerComponent","children","headerComponent","View","styles","headerWrapper","name","FlatList","ref","backgroundColor","contentInsetAdjustmentBehavior","content","showsVerticalScrollIndicator","scrollEventThrottle","snapToOffsets","create","theme","runtime","scrollContent","flexGrow","x","marginX","y","marginY","breakpoint","paddingTop","layout","header","height","insets","top","paddingHorizontal","paddingBottom","uni__dependencies","safeArea","marginHorizontal"],"sourceRoot":"../../../../src","sources":["components/screen/ScreenFlatList.tsx"],"mappings":"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","ignoreList":[]}
|
|
@@ -0,0 +1,160 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
import { View } from "react-native-unistyles/components/native/View";
|
|
4
|
+
import { FlatList } from "react-native-unistyles/components/native/FlatList";
|
|
5
|
+
import { useMemo } from 'react';
|
|
6
|
+
import Animated, { useAnimatedScrollHandler, useComposedEventHandler } from 'react-native-reanimated';
|
|
7
|
+
import { StyleSheet } from 'react-native-unistyles';
|
|
8
|
+
import { resolveScreenMargin } from "../../theme/screen-margin.js";
|
|
9
|
+
import { PortalHost } from "../portal/index.js";
|
|
10
|
+
import { BottomSafeArea } from "./parts/BottomSafeArea.js";
|
|
11
|
+
import { renderScreenPlaceholder } from "./parts/ScreenPlaceholder.js";
|
|
12
|
+
import { SCREEN_HEADER_PORTAL_HOST, useScreen } from "./ScreenContext.js";
|
|
13
|
+
import { hasXMargin, hasYMargin, renderListHeader } from "./utils.js";
|
|
14
|
+
import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
|
|
15
|
+
/**
|
|
16
|
+
* Polymorphic list container — renders whichever list `as` names (defaults
|
|
17
|
+
* to `FlatList`), applying the same margin/header/safe-area/scroll-handler
|
|
18
|
+
* chrome regardless of which one it is. A screen can swap list
|
|
19
|
+
* implementations by changing `as`, without relearning the surrounding API.
|
|
20
|
+
*
|
|
21
|
+
* @example
|
|
22
|
+
* ```tsx
|
|
23
|
+
* <Screen.List data={items} renderItem={({ item }) => <Row item={item} />} />
|
|
24
|
+
* ```
|
|
25
|
+
*
|
|
26
|
+
* @example Any other list component
|
|
27
|
+
* ```tsx
|
|
28
|
+
* import { FlashList } from '@shopify/flash-list';
|
|
29
|
+
*
|
|
30
|
+
* <Screen.List
|
|
31
|
+
* as={FlashList}
|
|
32
|
+
* data={items}
|
|
33
|
+
* renderItem={({ item }) => <Row item={item} />}
|
|
34
|
+
* />
|
|
35
|
+
* ```
|
|
36
|
+
*/
|
|
37
|
+
export function ScreenList({
|
|
38
|
+
as,
|
|
39
|
+
data,
|
|
40
|
+
renderItem,
|
|
41
|
+
style,
|
|
42
|
+
contentContainerStyle,
|
|
43
|
+
ListHeaderComponent,
|
|
44
|
+
ListFooterComponent,
|
|
45
|
+
ListEmptyComponent,
|
|
46
|
+
horizontal = false,
|
|
47
|
+
loading = false,
|
|
48
|
+
LoadingComponent,
|
|
49
|
+
EmptyComponent,
|
|
50
|
+
margins,
|
|
51
|
+
bottomInset,
|
|
52
|
+
onScroll,
|
|
53
|
+
...rest
|
|
54
|
+
}) {
|
|
55
|
+
const isDefaultFlatList = as === undefined;
|
|
56
|
+
const Component = as ?? FlatList;
|
|
57
|
+
|
|
58
|
+
// `Animated.createAnimatedComponent` should only run once per component,
|
|
59
|
+
// not on every render — `as` is arbitrary here (not a fixed module-scope
|
|
60
|
+
// reference like `Screen.FlatList` uses), so it's memoized on the resolved
|
|
61
|
+
// component instead of hoisted to module scope.
|
|
62
|
+
const AnimatedComponent = useMemo(() => Animated.createAnimatedComponent(Component), [Component]);
|
|
63
|
+
const {
|
|
64
|
+
background,
|
|
65
|
+
scrollRef,
|
|
66
|
+
scrollHandler,
|
|
67
|
+
headerSnapOffsets,
|
|
68
|
+
margins: screenMargins,
|
|
69
|
+
hasHeader
|
|
70
|
+
} = useScreen();
|
|
71
|
+
const resolvedMargins = margins ?? screenMargins;
|
|
72
|
+
// The placeholder rides in on `ListEmptyComponent` rather than replacing the
|
|
73
|
+
// list, so the header portal, scroll binding and snap offsets all stay put.
|
|
74
|
+
// While loading the list is fed an empty `data` so that slot is the one that
|
|
75
|
+
// renders.
|
|
76
|
+
const placeholder = renderScreenPlaceholder({
|
|
77
|
+
loading,
|
|
78
|
+
LoadingComponent,
|
|
79
|
+
EmptyComponent,
|
|
80
|
+
isEmpty: !data || data.length === 0
|
|
81
|
+
});
|
|
82
|
+
const jsScrollHandler = useAnimatedScrollHandler(event => {
|
|
83
|
+
if (onScroll) onScroll(event);
|
|
84
|
+
}, [onScroll]);
|
|
85
|
+
const composedHandler = useComposedEventHandler([scrollHandler, jsScrollHandler]);
|
|
86
|
+
|
|
87
|
+
// A caller naming its own `bottomInset` has taken the bottom over entirely,
|
|
88
|
+
// and a horizontal list has no bottom edge to clear.
|
|
89
|
+
const needsBottomSafeArea = bottomInset === undefined && !horizontal;
|
|
90
|
+
const footerComponent = /*#__PURE__*/_jsxs(_Fragment, {
|
|
91
|
+
children: [renderListHeader(ListFooterComponent), needsBottomSafeArea ? /*#__PURE__*/_jsx(BottomSafeArea, {}) : null]
|
|
92
|
+
});
|
|
93
|
+
const headerComponent = /*#__PURE__*/_jsxs(_Fragment, {
|
|
94
|
+
children: [/*#__PURE__*/_jsx(View, {
|
|
95
|
+
style: styles.headerWrapper(resolvedMargins),
|
|
96
|
+
children: /*#__PURE__*/_jsx(PortalHost, {
|
|
97
|
+
name: SCREEN_HEADER_PORTAL_HOST
|
|
98
|
+
})
|
|
99
|
+
}), renderListHeader(ListHeaderComponent)]
|
|
100
|
+
});
|
|
101
|
+
return /*#__PURE__*/_jsx(AnimatedComponent, {
|
|
102
|
+
ref: isDefaultFlatList ? scrollRef : undefined,
|
|
103
|
+
data: loading ? [] : data,
|
|
104
|
+
renderItem: renderItem,
|
|
105
|
+
style: [{
|
|
106
|
+
backgroundColor: background
|
|
107
|
+
}, style],
|
|
108
|
+
horizontal: horizontal,
|
|
109
|
+
contentInsetAdjustmentBehavior: hasHeader ? 'never' : undefined,
|
|
110
|
+
contentContainerStyle: [styles.content(resolvedMargins, hasHeader, bottomInset), contentContainerStyle],
|
|
111
|
+
ListHeaderComponent: headerComponent,
|
|
112
|
+
ListFooterComponent: footerComponent,
|
|
113
|
+
ListEmptyComponent: placeholder ?? ListEmptyComponent,
|
|
114
|
+
showsVerticalScrollIndicator: false,
|
|
115
|
+
scrollEventThrottle: 16,
|
|
116
|
+
snapToOffsets: headerSnapOffsets,
|
|
117
|
+
...rest,
|
|
118
|
+
onScroll: composedHandler
|
|
119
|
+
});
|
|
120
|
+
}
|
|
121
|
+
ScreenList.displayName = 'Screen.List';
|
|
122
|
+
|
|
123
|
+
// `resolveScreenMargin` is called *inside* each dynamic function below, not
|
|
124
|
+
// hoisted to the factory's top level — the Babel plugin only attributes a
|
|
125
|
+
// runtime dependency (here, breakpoint) to a style key when the `rt`/
|
|
126
|
+
// `runtime` read it derives from sits inside that key's own value. Hoisting
|
|
127
|
+
// it would silently drop the dependency, so the margin would freeze at
|
|
128
|
+
// whatever breakpoint was active on mount and never update on rotation.
|
|
129
|
+
const styles = StyleSheet.create((theme, runtime) => ({
|
|
130
|
+
content: (margins, hasHeader, bottomInset) => {
|
|
131
|
+
const {
|
|
132
|
+
x: marginX,
|
|
133
|
+
y: marginY
|
|
134
|
+
} = resolveScreenMargin(theme, runtime.breakpoint);
|
|
135
|
+
return {
|
|
136
|
+
flexGrow: 1,
|
|
137
|
+
// The header is absolutely positioned, so the list reserves its full
|
|
138
|
+
// height — bar plus top safe area. This assumes the scroll view does not
|
|
139
|
+
// also get UIKit's automatic inset adjustment: on a native tab screen
|
|
140
|
+
// that means `disableAutomaticContentInsets` on the tab, or the two
|
|
141
|
+
// insets are counted twice.
|
|
142
|
+
paddingTop: (hasHeader ? theme.layout.header.height + runtime.insets.top : 0) + (hasYMargin(margins) ? marginY : 0),
|
|
143
|
+
paddingHorizontal: hasXMargin(margins) ? marginX : 0,
|
|
144
|
+
// The safe area is `BottomSafeArea`'s job; counting it here as well
|
|
145
|
+
// would leave a gap the height of the gesture bar.
|
|
146
|
+
paddingBottom: bottomInset ?? (hasYMargin(margins) ? marginY : 0),
|
|
147
|
+
uni__dependencies: [0, 3, 9]
|
|
148
|
+
};
|
|
149
|
+
},
|
|
150
|
+
headerWrapper: margins => {
|
|
151
|
+
const {
|
|
152
|
+
x: marginX
|
|
153
|
+
} = resolveScreenMargin(theme, runtime.breakpoint);
|
|
154
|
+
return {
|
|
155
|
+
marginHorizontal: hasXMargin(margins) ? -marginX : 0,
|
|
156
|
+
uni__dependencies: [0, 3]
|
|
157
|
+
};
|
|
158
|
+
}
|
|
159
|
+
}));
|
|
160
|
+
//# sourceMappingURL=ScreenList.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["useMemo","Animated","useAnimatedScrollHandler","useComposedEventHandler","StyleSheet","resolveScreenMargin","PortalHost","BottomSafeArea","renderScreenPlaceholder","SCREEN_HEADER_PORTAL_HOST","useScreen","hasXMargin","hasYMargin","renderListHeader","jsx","_jsx","Fragment","_Fragment","jsxs","_jsxs","ScreenList","as","data","renderItem","style","contentContainerStyle","ListHeaderComponent","ListFooterComponent","ListEmptyComponent","horizontal","loading","LoadingComponent","EmptyComponent","margins","bottomInset","onScroll","rest","isDefaultFlatList","undefined","Component","FlatList","AnimatedComponent","createAnimatedComponent","background","scrollRef","scrollHandler","headerSnapOffsets","screenMargins","hasHeader","resolvedMargins","placeholder","isEmpty","length","jsScrollHandler","event","composedHandler","needsBottomSafeArea","footerComponent","children","headerComponent","View","styles","headerWrapper","name","ref","backgroundColor","contentInsetAdjustmentBehavior","content","showsVerticalScrollIndicator","scrollEventThrottle","snapToOffsets","displayName","create","theme","runtime","x","marginX","y","marginY","breakpoint","flexGrow","paddingTop","layout","header","height","insets","top","paddingHorizontal","paddingBottom","uni__dependencies","marginHorizontal"],"sourceRoot":"../../../../src","sources":["components/screen/ScreenList.tsx"],"mappings":"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","ignoreList":[]}
|
|
@@ -131,13 +131,19 @@ export function ScreenScrollView({
|
|
|
131
131
|
}), horizontal ? null : /*#__PURE__*/_jsx(BottomSafeArea, {})]
|
|
132
132
|
});
|
|
133
133
|
}
|
|
134
|
-
const styles = StyleSheet.create((theme, rt) => {
|
|
135
|
-
|
|
136
|
-
|
|
137
|
-
|
|
138
|
-
|
|
139
|
-
|
|
140
|
-
|
|
134
|
+
const styles = StyleSheet.create((theme, rt) => ({
|
|
135
|
+
// `resolveScreenMargin` is called *inside* each dynamic function, not
|
|
136
|
+
// hoisted above `return` — the Babel plugin only attributes a runtime
|
|
137
|
+
// dependency (here, breakpoint) to a style key when the `rt` read it
|
|
138
|
+
// derives from sits inside that key's own value. Hoisting it to the
|
|
139
|
+
// factory's top level silently drops the dependency, so the margin would
|
|
140
|
+
// freeze at whatever breakpoint was active on mount and never update on
|
|
141
|
+
// rotation.
|
|
142
|
+
scrollContent: (hasHeader, margins) => {
|
|
143
|
+
const {
|
|
144
|
+
y: marginY
|
|
145
|
+
} = resolveScreenMargin(theme, rt.breakpoint);
|
|
146
|
+
return {
|
|
141
147
|
flexGrow: 1,
|
|
142
148
|
// The header inset and the safe area are structural — they apply
|
|
143
149
|
// whether or not margins are on; the y margin stacks on top of them.
|
|
@@ -145,13 +151,19 @@ const styles = StyleSheet.create((theme, rt) => {
|
|
|
145
151
|
// The safe area is `BottomSafeArea`'s job; counting it here as well
|
|
146
152
|
// would leave a gap the height of the gesture bar.
|
|
147
153
|
paddingBottom: hasYMargin(margins) ? marginY : 0,
|
|
148
|
-
uni__dependencies: [0, 9]
|
|
149
|
-
}
|
|
150
|
-
|
|
154
|
+
uni__dependencies: [0, 3, 9]
|
|
155
|
+
};
|
|
156
|
+
},
|
|
157
|
+
content: (horizontal, margins) => {
|
|
158
|
+
const {
|
|
159
|
+
x: marginX
|
|
160
|
+
} = resolveScreenMargin(theme, rt.breakpoint);
|
|
161
|
+
return {
|
|
151
162
|
flexGrow: 1,
|
|
152
163
|
paddingHorizontal: hasXMargin(margins) ? marginX : 0,
|
|
153
|
-
flexDirection: horizontal ? 'row' : 'column'
|
|
154
|
-
|
|
155
|
-
|
|
156
|
-
}
|
|
164
|
+
flexDirection: horizontal ? 'row' : 'column',
|
|
165
|
+
uni__dependencies: [0, 3]
|
|
166
|
+
};
|
|
167
|
+
}
|
|
168
|
+
}));
|
|
157
169
|
//# sourceMappingURL=ScreenScrollView.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["Children","Animated","useAnimatedScrollHandler","useComposedEventHandler","StyleSheet","scheduleOnRN","resolveScreenMargin","PortalHost","BottomSafeArea","renderScreenPlaceholder","SCREEN_HEADER_PORTAL_HOST","useScreen","hasXMargin","hasYMargin","jsx","_jsx","jsxs","_jsxs","ScreenScrollView","children","style","contentContainerStyle","scrollHandler","externalScrollHandler","onScroll","onScrollProp","horizontal","loading","LoadingComponent","EmptyComponent","margins","rest","scrollRef","screenScrollHandler","screenMargins","hasHeader","background","resolvedMargins","placeholder","isEmpty","toArray","length","jsScrollHandler","event","nativeEvent","handlers","composedHandler","ScrollView","ref","backgroundColor","contentInsetAdjustmentBehavior","undefined","showsVerticalScrollIndicator","scrollEventThrottle","styles","scrollContent","View","name","content","create","theme","rt","
|
|
1
|
+
{"version":3,"names":["Children","Animated","useAnimatedScrollHandler","useComposedEventHandler","StyleSheet","scheduleOnRN","resolveScreenMargin","PortalHost","BottomSafeArea","renderScreenPlaceholder","SCREEN_HEADER_PORTAL_HOST","useScreen","hasXMargin","hasYMargin","jsx","_jsx","jsxs","_jsxs","ScreenScrollView","children","style","contentContainerStyle","scrollHandler","externalScrollHandler","onScroll","onScrollProp","horizontal","loading","LoadingComponent","EmptyComponent","margins","rest","scrollRef","screenScrollHandler","screenMargins","hasHeader","background","resolvedMargins","placeholder","isEmpty","toArray","length","jsScrollHandler","event","nativeEvent","handlers","composedHandler","ScrollView","ref","backgroundColor","contentInsetAdjustmentBehavior","undefined","showsVerticalScrollIndicator","scrollEventThrottle","styles","scrollContent","View","name","content","create","theme","rt","y","marginY","breakpoint","flexGrow","paddingTop","layout","header","height","insets","top","paddingBottom","uni__dependencies","x","marginX","paddingHorizontal","flexDirection"],"sourceRoot":"../../../../src","sources":["components/screen/ScreenScrollView.tsx"],"mappings":"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","ignoreList":[]}
|
|
@@ -2,7 +2,7 @@
|
|
|
2
2
|
|
|
3
3
|
export { Screen } from "./Screen.js";
|
|
4
4
|
export { useScreen } from "./ScreenContext.js";
|
|
5
|
-
export { ScreenFlashList } from "./ScreenFlashList.js";
|
|
6
5
|
export { ScreenFlatList } from "./ScreenFlatList.js";
|
|
6
|
+
export { ScreenList } from "./ScreenList.js";
|
|
7
7
|
export { ScreenScrollView } from "./ScreenScrollView.js";
|
|
8
8
|
//# sourceMappingURL=index.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["Screen","useScreen","
|
|
1
|
+
{"version":3,"names":["Screen","useScreen","ScreenFlatList","ScreenList","ScreenScrollView"],"sourceRoot":"../../../../src","sources":["components/screen/index.ts"],"mappings":";;AACA,SAASA,MAAM;AAEf,SAASC,SAAS;AAElB,SAASC,cAAc;AAEvB,SAASC,UAAU;AAEnB,SAASC,gBAAgB","ignoreList":[]}
|
|
@@ -91,7 +91,7 @@ const ToastRoot = /*#__PURE__*/forwardRef(function Toast({
|
|
|
91
91
|
p: "4",
|
|
92
92
|
row: true,
|
|
93
93
|
align: "center",
|
|
94
|
-
gap: "
|
|
94
|
+
gap: "2",
|
|
95
95
|
accessibilityRole: accessibilityRole,
|
|
96
96
|
accessibilityLiveRegion: "polite",
|
|
97
97
|
borderWidth: "hairline",
|
|
@@ -301,7 +301,7 @@ export function DefaultToast({
|
|
|
301
301
|
children: icon ?? /*#__PURE__*/_jsx(ToastIcon, {})
|
|
302
302
|
}) : null, /*#__PURE__*/_jsxs(Box, {
|
|
303
303
|
flex: 1,
|
|
304
|
-
gap: "
|
|
304
|
+
gap: "0",
|
|
305
305
|
children: [label ? /*#__PURE__*/_jsx(ToastTitle, {
|
|
306
306
|
children: label
|
|
307
307
|
}) : null, description ? /*#__PURE__*/_jsx(ToastDescription, {
|
|
@@ -222,6 +222,7 @@ const styles = StyleSheet.create(theme => ({
|
|
|
222
222
|
backgroundColor: resolveThemeColor(background, theme),
|
|
223
223
|
borderWidth: StyleSheet.hairlineWidth,
|
|
224
224
|
borderColor: theme.color['border.subtle'],
|
|
225
|
+
...theme.elevation.xs,
|
|
225
226
|
uni__dependencies: [0]
|
|
226
227
|
}),
|
|
227
228
|
// Geometry is two finite axes, so it belongs in `variants` rather than in
|
|
@@ -251,7 +252,8 @@ const styles = StyleSheet.create(theme => ({
|
|
|
251
252
|
minWidth: ITEM_SIZE,
|
|
252
253
|
paddingHorizontal: 10,
|
|
253
254
|
borderWidth: StyleSheet.hairlineWidth,
|
|
254
|
-
borderColor: theme.color['border.subtle']
|
|
255
|
+
borderColor: theme.color['border.subtle'],
|
|
256
|
+
...theme.elevation.xs
|
|
255
257
|
}
|
|
256
258
|
}
|
|
257
259
|
},
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["Children","createContext","forwardRef","useContext","useMemo","StyleSheet","resolveThemeColor","Icon","Text","jsx","_jsx","jsxs","_jsxs","ToolbarGroupContext","background","tint","isGrouped","ITEM_SIZE","HIT_SLOP","LABEL_VARIANT","ToolbarButton","icon","iconSize","children","accessibilityLabel","onPress","hitSlop","style","rest","groupBackground","groupTint","fg","bg","shape","count","_styles","styles","useVariants","grouped","cell","button","Pressable","accessibilityRole","state","fill","pressed","undefined","size","color","name","renderLabel","map","child","trim","length","variant","weight","ToolbarGroup","ref","context","Provider","value","View","capsule","ToolbarRoot","Toolbar","gap","row","Group","Button","create","theme","flexDirection","alignItems","spacing","uni__dependencies","paddingHorizontal","borderRadius","radius","full","backgroundColor","borderWidth","hairlineWidth","borderColor","height","justifyContent","variants","width","label","true","false","minWidth","compoundVariants","opacity"],"sourceRoot":"../../../../src","sources":["components/toolbar/Toolbar.tsx"],"mappings":"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
|
|
1
|
+
{"version":3,"names":["Children","createContext","forwardRef","useContext","useMemo","StyleSheet","resolveThemeColor","Icon","Text","jsx","_jsx","jsxs","_jsxs","ToolbarGroupContext","background","tint","isGrouped","ITEM_SIZE","HIT_SLOP","LABEL_VARIANT","ToolbarButton","icon","iconSize","children","accessibilityLabel","onPress","hitSlop","style","rest","groupBackground","groupTint","fg","bg","shape","count","_styles","styles","useVariants","grouped","cell","button","Pressable","accessibilityRole","state","fill","pressed","undefined","size","color","name","renderLabel","map","child","trim","length","variant","weight","ToolbarGroup","ref","context","Provider","value","View","capsule","ToolbarRoot","Toolbar","gap","row","Group","Button","create","theme","flexDirection","alignItems","spacing","uni__dependencies","paddingHorizontal","borderRadius","radius","full","backgroundColor","borderWidth","hairlineWidth","borderColor","elevation","xs","height","justifyContent","variants","width","label","true","false","minWidth","compoundVariants","opacity"],"sourceRoot":"../../../../src","sources":["components/toolbar/Toolbar.tsx"],"mappings":"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","ignoreList":[]}
|