@ezpg/app-ui 0.4.0 → 0.6.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 +12 -0
- package/lib/module/blocks/index.js +1 -0
- package/lib/module/blocks/index.js.map +1 -1
- package/lib/module/blocks/product-row/index.js +4 -0
- package/lib/module/blocks/product-row/index.js.map +1 -0
- package/lib/module/blocks/product-row/product-row.js +92 -0
- package/lib/module/blocks/product-row/product-row.js.map +1 -0
- package/lib/module/templates/group.js +45 -0
- package/lib/module/templates/group.js.map +1 -0
- package/lib/module/templates/index.js +1 -0
- package/lib/module/templates/index.js.map +1 -1
- package/lib/module/templates/result-template.js +5 -5
- package/lib/module/templates/result-template.js.map +1 -1
- package/lib/typescript/src/blocks/index.d.ts +1 -0
- package/lib/typescript/src/blocks/index.d.ts.map +1 -1
- package/lib/typescript/src/blocks/product-row/index.d.ts +2 -0
- package/lib/typescript/src/blocks/product-row/index.d.ts.map +1 -0
- package/lib/typescript/src/blocks/product-row/product-row.d.ts +19 -0
- package/lib/typescript/src/blocks/product-row/product-row.d.ts.map +1 -0
- package/lib/typescript/src/templates/group.d.ts +8 -0
- package/lib/typescript/src/templates/group.d.ts.map +1 -0
- package/lib/typescript/src/templates/index.d.ts +2 -0
- package/lib/typescript/src/templates/index.d.ts.map +1 -1
- package/lib/typescript/src/templates/result-template.d.ts +1 -1
- package/lib/typescript/src/templates/result-template.d.ts.map +1 -1
- package/package.json +1 -1
- package/src/blocks/index.tsx +1 -0
- package/src/blocks/product-row/index.ts +5 -0
- package/src/blocks/product-row/product-row.tsx +99 -0
- package/src/templates/group.tsx +49 -0
- package/src/templates/index.ts +2 -0
- package/src/templates/result-template.tsx +14 -12
package/CHANGELOG.md
CHANGED
|
@@ -1,5 +1,17 @@
|
|
|
1
1
|
# @ezpg/app-ui
|
|
2
2
|
|
|
3
|
+
## 0.6.0
|
|
4
|
+
|
|
5
|
+
### Minor Changes
|
|
6
|
+
|
|
7
|
+
- f0128d4: ProductRow(상품 목록 행: 썸네일 · 이름 · 가격(할인 전 가격) · 상태 배지 · 오른쪽 자리). 썸네일은 목록 행 한 줄 높이(Material 3 목록 앞 이미지 56).
|
|
8
|
+
|
|
9
|
+
## 0.5.0
|
|
10
|
+
|
|
11
|
+
### Minor Changes
|
|
12
|
+
|
|
13
|
+
- ac190f6: Group(제목 · 옆 글자 · 내용 묶음, 질문 화면 안의 묶음용). ResultTemplate — 미리보기 render(mode: 'card' | 'full'), 미리보기 1개면 점 숨김, 진행 중에도 호출하는 쪽이 준 하단 행동을 보여 줌(실패 · 다시 만들기).
|
|
14
|
+
|
|
3
15
|
## 0.4.0
|
|
4
16
|
|
|
5
17
|
### Minor Changes
|
|
@@ -13,6 +13,7 @@ export * from "./oauth-buttons/index.js";
|
|
|
13
13
|
export * from "./order-card/index.js";
|
|
14
14
|
export * from "./plan-card/index.js";
|
|
15
15
|
export * from "./product-list-empty/index.js";
|
|
16
|
+
export * from "./product-row/index.js";
|
|
16
17
|
export * from "./review-row/index.js";
|
|
17
18
|
export * from "./selection-bar/index.js";
|
|
18
19
|
export * from "./service-state-banner/index.js";
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["formatDeadline","formatManwon"],"sourceRoot":"../../../src","sources":["blocks/index.tsx"],"mappings":";;AAAA,cAAc,+BAAsB;AACpC,cAAc,2BAAkB;AAChC,cAAc,sBAAa;AAC3B,cAAc,gCAAuB;AACrC,cAAc,gCAAuB;AACrC,cAAc,0BAAiB;AAC/B,cAAc,gCAAuB;AACrC,cAAc,wBAAe;AAC7B,cAAc,gCAAuB;AACrC,cAAc,0BAAiB;AAC/B,cAAc,uBAAc;AAC5B,cAAc,sBAAa;AAC3B,cAAc,+BAAsB;AACpC,cAAc,uBAAc;AAC5B,cAAc,0BAAiB;AAC/B,cAAc,iCAAwB;AACtC,cAAc,kCAAyB;AACvC,cAAc,+BAAsB;AACpC,cAAc,sBAAa;AAC3B,cAAc,wBAAe;AAC7B,cAAc,6BAAoB;AAClC,SAASA,cAAc,EAAEC,YAAY,QAAQ,sBAAmB","ignoreList":[]}
|
|
1
|
+
{"version":3,"names":["formatDeadline","formatManwon"],"sourceRoot":"../../../src","sources":["blocks/index.tsx"],"mappings":";;AAAA,cAAc,+BAAsB;AACpC,cAAc,2BAAkB;AAChC,cAAc,sBAAa;AAC3B,cAAc,gCAAuB;AACrC,cAAc,gCAAuB;AACrC,cAAc,0BAAiB;AAC/B,cAAc,gCAAuB;AACrC,cAAc,wBAAe;AAC7B,cAAc,gCAAuB;AACrC,cAAc,0BAAiB;AAC/B,cAAc,uBAAc;AAC5B,cAAc,sBAAa;AAC3B,cAAc,+BAAsB;AACpC,cAAc,wBAAe;AAC7B,cAAc,uBAAc;AAC5B,cAAc,0BAAiB;AAC/B,cAAc,iCAAwB;AACtC,cAAc,kCAAyB;AACvC,cAAc,+BAAsB;AACpC,cAAc,sBAAa;AAC3B,cAAc,wBAAe;AAC7B,cAAc,6BAAoB;AAClC,SAASA,cAAc,EAAEC,YAAY,QAAQ,sBAAmB","ignoreList":[]}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["ProductRow"],"sourceRoot":"../../../../src","sources":["blocks/product-row/index.ts"],"mappings":";;AAAA,SACEA,UAAU,QAGL,kBAAe","ignoreList":[]}
|
|
@@ -0,0 +1,92 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
import { View } from 'react-native';
|
|
4
|
+
import { Photo } from "../../components/photo/photo.js";
|
|
5
|
+
import { formatPrice, Price } from "../../components/price/price.js";
|
|
6
|
+
import { StatusBadge } from "../../components/status-badge/status-badge.js";
|
|
7
|
+
import { Text } from "../../components/text/text.js";
|
|
8
|
+
import { PressableBase } from "../../internal/pressable-base.js";
|
|
9
|
+
import { makeStyles } from "../../utils/styles.js";
|
|
10
|
+
import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
|
|
11
|
+
const useStyles = makeStyles(t => ({
|
|
12
|
+
row: {
|
|
13
|
+
flexDirection: 'row',
|
|
14
|
+
alignItems: 'center',
|
|
15
|
+
gap: t.space[3],
|
|
16
|
+
minHeight: t.listRow.threeLine,
|
|
17
|
+
paddingVertical: t.space[2],
|
|
18
|
+
paddingHorizontal: t.layout.screenX,
|
|
19
|
+
backgroundColor: t.colors.background
|
|
20
|
+
},
|
|
21
|
+
pressed: {
|
|
22
|
+
backgroundColor: t.colors.muted
|
|
23
|
+
},
|
|
24
|
+
thumb: {
|
|
25
|
+
width: t.listRow.oneLine
|
|
26
|
+
},
|
|
27
|
+
empty: {
|
|
28
|
+
width: t.listRow.oneLine,
|
|
29
|
+
height: t.listRow.oneLine,
|
|
30
|
+
borderRadius: t.radius.md,
|
|
31
|
+
backgroundColor: t.colors.muted
|
|
32
|
+
},
|
|
33
|
+
body: {
|
|
34
|
+
flex: 1,
|
|
35
|
+
gap: t.space[1]
|
|
36
|
+
}
|
|
37
|
+
}));
|
|
38
|
+
export function ProductRow({
|
|
39
|
+
title,
|
|
40
|
+
price,
|
|
41
|
+
originalPrice,
|
|
42
|
+
imageUri,
|
|
43
|
+
status,
|
|
44
|
+
trailing,
|
|
45
|
+
onPress,
|
|
46
|
+
style
|
|
47
|
+
}) {
|
|
48
|
+
const s = useStyles();
|
|
49
|
+
const label = [title, formatPrice(price), status?.label].filter(Boolean).join(', ');
|
|
50
|
+
const content = /*#__PURE__*/_jsxs(_Fragment, {
|
|
51
|
+
children: [/*#__PURE__*/_jsx(View, {
|
|
52
|
+
style: s.thumb,
|
|
53
|
+
children: imageUri ? /*#__PURE__*/_jsx(Photo, {
|
|
54
|
+
source: {
|
|
55
|
+
uri: imageUri
|
|
56
|
+
},
|
|
57
|
+
accessible: false
|
|
58
|
+
}) : /*#__PURE__*/_jsx(View, {
|
|
59
|
+
style: s.empty
|
|
60
|
+
})
|
|
61
|
+
}), /*#__PURE__*/_jsxs(View, {
|
|
62
|
+
style: s.body,
|
|
63
|
+
children: [/*#__PURE__*/_jsx(Text, {
|
|
64
|
+
variant: "bodyLg",
|
|
65
|
+
numberOfLines: 1,
|
|
66
|
+
children: title
|
|
67
|
+
}), /*#__PURE__*/_jsx(Price, {
|
|
68
|
+
value: price,
|
|
69
|
+
originalValue: originalPrice,
|
|
70
|
+
variant: "label"
|
|
71
|
+
}), status ? /*#__PURE__*/_jsx(StatusBadge, {
|
|
72
|
+
tone: status.tone,
|
|
73
|
+
children: status.label
|
|
74
|
+
}) : null]
|
|
75
|
+
}), trailing]
|
|
76
|
+
});
|
|
77
|
+
if (!onPress) {
|
|
78
|
+
return /*#__PURE__*/_jsx(View, {
|
|
79
|
+
style: [s.row, style],
|
|
80
|
+
accessibilityLabel: label,
|
|
81
|
+
children: content
|
|
82
|
+
});
|
|
83
|
+
}
|
|
84
|
+
return /*#__PURE__*/_jsx(PressableBase, {
|
|
85
|
+
onPress: onPress,
|
|
86
|
+
accessibilityLabel: label,
|
|
87
|
+
pressedStyle: s.pressed,
|
|
88
|
+
style: [s.row, style],
|
|
89
|
+
children: content
|
|
90
|
+
});
|
|
91
|
+
}
|
|
92
|
+
//# sourceMappingURL=product-row.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["View","Photo","formatPrice","Price","StatusBadge","Text","PressableBase","makeStyles","jsx","_jsx","jsxs","_jsxs","Fragment","_Fragment","useStyles","t","row","flexDirection","alignItems","gap","space","minHeight","listRow","threeLine","paddingVertical","paddingHorizontal","layout","screenX","backgroundColor","colors","background","pressed","muted","thumb","width","oneLine","empty","height","borderRadius","radius","md","body","flex","ProductRow","title","price","originalPrice","imageUri","status","trailing","onPress","style","s","label","filter","Boolean","join","content","children","source","uri","accessible","variant","numberOfLines","value","originalValue","tone","accessibilityLabel","pressedStyle"],"sourceRoot":"../../../../src","sources":["blocks/product-row/product-row.tsx"],"mappings":"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","ignoreList":[]}
|
|
@@ -0,0 +1,45 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
import { View } from 'react-native';
|
|
4
|
+
import { Text } from "../components/text/text.js";
|
|
5
|
+
import { makeStyles } from "../utils/styles.js";
|
|
6
|
+
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
7
|
+
const useStyles = makeStyles(t => ({
|
|
8
|
+
root: {
|
|
9
|
+
gap: t.layout.groupGap
|
|
10
|
+
},
|
|
11
|
+
head: {
|
|
12
|
+
flexDirection: 'row',
|
|
13
|
+
alignItems: 'center',
|
|
14
|
+
justifyContent: 'space-between',
|
|
15
|
+
gap: t.space[2]
|
|
16
|
+
},
|
|
17
|
+
title: {
|
|
18
|
+
flexShrink: 1
|
|
19
|
+
}
|
|
20
|
+
}));
|
|
21
|
+
export function Group({
|
|
22
|
+
title,
|
|
23
|
+
aside,
|
|
24
|
+
children
|
|
25
|
+
}) {
|
|
26
|
+
const s = useStyles();
|
|
27
|
+
return /*#__PURE__*/_jsxs(View, {
|
|
28
|
+
style: s.root,
|
|
29
|
+
children: [title || aside ? /*#__PURE__*/_jsxs(View, {
|
|
30
|
+
style: s.head,
|
|
31
|
+
children: [title ? /*#__PURE__*/_jsx(Text, {
|
|
32
|
+
variant: "bodyLg",
|
|
33
|
+
weight: "semibold",
|
|
34
|
+
accessibilityRole: "header",
|
|
35
|
+
style: s.title,
|
|
36
|
+
children: title
|
|
37
|
+
}) : null, aside ? /*#__PURE__*/_jsx(Text, {
|
|
38
|
+
variant: "label",
|
|
39
|
+
tone: "muted",
|
|
40
|
+
children: aside
|
|
41
|
+
}) : null]
|
|
42
|
+
}) : null, children]
|
|
43
|
+
});
|
|
44
|
+
}
|
|
45
|
+
//# sourceMappingURL=group.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["View","Text","makeStyles","jsx","_jsx","jsxs","_jsxs","useStyles","t","root","gap","layout","groupGap","head","flexDirection","alignItems","justifyContent","space","title","flexShrink","Group","aside","children","s","style","variant","weight","accessibilityRole","tone"],"sourceRoot":"../../../src","sources":["templates/group.tsx"],"mappings":";;AACA,SAASA,IAAI,QAAQ,cAAc;AACnC,SAASC,IAAI,QAAQ,4BAAyB;AAC9C,SAASC,UAAU,QAAQ,oBAAiB;AAAC,SAAAC,GAAA,IAAAC,IAAA,EAAAC,IAAA,IAAAC,KAAA;AAQ7C,MAAMC,SAAS,GAAGL,UAAU,CAAEM,CAAC,KAAM;EACnCC,IAAI,EAAE;IAAEC,GAAG,EAAEF,CAAC,CAACG,MAAM,CAACC;EAAS,CAAC;EAChCC,IAAI,EAAE;IACJC,aAAa,EAAE,KAAK;IACpBC,UAAU,EAAE,QAAQ;IACpBC,cAAc,EAAE,eAAe;IAC/BN,GAAG,EAAEF,CAAC,CAACS,KAAK,CAAC,CAAC;EAChB,CAAC;EACDC,KAAK,EAAE;IAAEC,UAAU,EAAE;EAAE;AACzB,CAAC,CAAC,CAAC;AAEH,OAAO,SAASC,KAAKA,CAAC;EAAEF,KAAK;EAAEG,KAAK;EAAEC;AAAqB,CAAC,EAAE;EAC5D,MAAMC,CAAC,GAAGhB,SAAS,CAAC,CAAC;EACrB,oBACED,KAAA,CAACN,IAAI;IAACwB,KAAK,EAAED,CAAC,CAACd,IAAK;IAAAa,QAAA,GACjBJ,KAAK,IAAIG,KAAK,gBACbf,KAAA,CAACN,IAAI;MAACwB,KAAK,EAAED,CAAC,CAACV,IAAK;MAAAS,QAAA,GACjBJ,KAAK,gBACJd,IAAA,CAACH,IAAI;QACHwB,OAAO,EAAC,QAAQ;QAChBC,MAAM,EAAC,UAAU;QACjBC,iBAAiB,EAAC,QAAQ;QAC1BH,KAAK,EAAED,CAAC,CAACL,KAAM;QAAAI,QAAA,EAEdJ;MAAK,CACF,CAAC,GACL,IAAI,EACPG,KAAK,gBACJjB,IAAA,CAACH,IAAI;QAACwB,OAAO,EAAC,OAAO;QAACG,IAAI,EAAC,OAAO;QAAAN,QAAA,EAC/BD;MAAK,CACF,CAAC,GACL,IAAI;IAAA,CACJ,CAAC,GACL,IAAI,EACPC,QAAQ;EAAA,CACL,CAAC;AAEX","ignoreList":[]}
|
|
@@ -6,4 +6,5 @@ export { ListTemplate } from "./list-template.js";
|
|
|
6
6
|
export { ResultTemplate } from "./result-template.js";
|
|
7
7
|
export { SystemTemplate } from "./system-template.js";
|
|
8
8
|
export { ListSection } from "./parts.js";
|
|
9
|
+
export { Group } from "./group.js";
|
|
9
10
|
//# sourceMappingURL=index.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["DetailTemplate","DashboardTemplate","FormTemplate","MenuTemplate","EditorTemplate","ListTemplate","ResultTemplate","SystemTemplate","ListSection"],"sourceRoot":"../../../src","sources":["templates/index.ts"],"mappings":";;AAAA,SACEA,cAAc,EACdC,iBAAiB,EACjBC,YAAY,EACZC,YAAY,QACP,uBAAoB;AAO3B,SAASC,cAAc,QAAQ,sBAAmB;AAMlD,SAASC,YAAY,QAAQ,oBAAiB;AAE9C,SAASC,cAAc,QAAQ,sBAAmB;AAElD,SAASC,cAAc,QAAQ,sBAAmB;AAElD,SAASC,WAAW,QAAQ,YAAS","ignoreList":[]}
|
|
1
|
+
{"version":3,"names":["DetailTemplate","DashboardTemplate","FormTemplate","MenuTemplate","EditorTemplate","ListTemplate","ResultTemplate","SystemTemplate","ListSection","Group"],"sourceRoot":"../../../src","sources":["templates/index.ts"],"mappings":";;AAAA,SACEA,cAAc,EACdC,iBAAiB,EACjBC,YAAY,EACZC,YAAY,QACP,uBAAoB;AAO3B,SAASC,cAAc,QAAQ,sBAAmB;AAMlD,SAASC,YAAY,QAAQ,oBAAiB;AAE9C,SAASC,cAAc,QAAQ,sBAAmB;AAElD,SAASC,cAAc,QAAQ,sBAAmB;AAElD,SAASC,WAAW,QAAQ,YAAS;AACrC,SAASC,KAAK,QAAQ,YAAS","ignoreList":[]}
|
|
@@ -127,7 +127,7 @@ function Viewer({
|
|
|
127
127
|
style: {
|
|
128
128
|
width
|
|
129
129
|
},
|
|
130
|
-
children: preview.render()
|
|
130
|
+
children: preview.render('full')
|
|
131
131
|
}, preview.key))
|
|
132
132
|
}), primaryAction ? /*#__PURE__*/_jsx(BottomBar, {
|
|
133
133
|
primaryAction: primaryAction,
|
|
@@ -184,7 +184,7 @@ export function ResultTemplate({
|
|
|
184
184
|
},
|
|
185
185
|
accessibilityLabel: `${preview.label} ${openLabel}`,
|
|
186
186
|
style: s.card,
|
|
187
|
-
children: preview.render()
|
|
187
|
+
children: preview.render('card')
|
|
188
188
|
}), /*#__PURE__*/_jsxs(View, {
|
|
189
189
|
style: s.caption,
|
|
190
190
|
children: [/*#__PURE__*/_jsx(Text, {
|
|
@@ -198,19 +198,19 @@ export function ResultTemplate({
|
|
|
198
198
|
})]
|
|
199
199
|
})]
|
|
200
200
|
}, preview.key))
|
|
201
|
-
}), /*#__PURE__*/_jsx(View, {
|
|
201
|
+
}), previews.length > 1 ? /*#__PURE__*/_jsx(View, {
|
|
202
202
|
style: s.dots,
|
|
203
203
|
children: previews.map((preview, i) => /*#__PURE__*/_jsx(View, {
|
|
204
204
|
style: [s.dot, i === index ? s.dotOn : null]
|
|
205
205
|
}, preview.key))
|
|
206
|
-
})]
|
|
206
|
+
}) : null]
|
|
207
207
|
})
|
|
208
208
|
}), notice ? /*#__PURE__*/_jsx(View, {
|
|
209
209
|
style: s.notice,
|
|
210
210
|
children: /*#__PURE__*/_jsx(Notice, {
|
|
211
211
|
notice: notice
|
|
212
212
|
})
|
|
213
|
-
}) : null, primaryAction
|
|
213
|
+
}) : null, primaryAction ? /*#__PURE__*/_jsx(BottomBar, {
|
|
214
214
|
primaryAction: primaryAction,
|
|
215
215
|
secondaryAction: secondaryAction,
|
|
216
216
|
bottomInset: bottomInset
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["useState","Modal","ScrollView","View","Text","CloseGlyph","PressableBase","useTheme","makeStyles","BottomBar","Notice","jsx","_jsx","jsxs","_jsxs","Fragment","_Fragment","useStyles","t","root","flex","backgroundColor","colors","background","body","paddingTop","space","pager","page","gap","card","overflow","borderRadius","radius","lg","borderWidth","borderColor","border","muted","caption","flexDirection","justifyContent","alignItems","dots","paddingVertical","layout","groupGap","dot","width","height","full","input","dotOn","foreground","progress","paddingHorizontal","screenX","notice","paddingBottom","viewer","viewerHead","headerHeight","close","minTouchSize","Viewer","previews","index","onIndexChange","onClose","primaryAction","closeLabel","bottomInset","s","setWidth","current","style","children","onPress","accessibilityLabel","color","size","iconSize","md","variant","weight","accessibilityRole","label","length","horizontal","pagingEnabled","showsHorizontalScrollIndicator","onLayout","e","nativeEvent","contentOffset","x","y","onMomentumScrollEnd","Math","round","map","preview","render","key","ResultTemplate","secondaryAction","openLabel","open","setOpen","max","step","itemGap","snapToInterval","undefined","decelerationRate","contentContainerStyle","i","tone","visible","animationType","onRequestClose"],"sourceRoot":"../../../src","sources":["templates/result-template.tsx"],"mappings":"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
|
|
1
|
+
{"version":3,"names":["useState","Modal","ScrollView","View","Text","CloseGlyph","PressableBase","useTheme","makeStyles","BottomBar","Notice","jsx","_jsx","jsxs","_jsxs","Fragment","_Fragment","useStyles","t","root","flex","backgroundColor","colors","background","body","paddingTop","space","pager","page","gap","card","overflow","borderRadius","radius","lg","borderWidth","borderColor","border","muted","caption","flexDirection","justifyContent","alignItems","dots","paddingVertical","layout","groupGap","dot","width","height","full","input","dotOn","foreground","progress","paddingHorizontal","screenX","notice","paddingBottom","viewer","viewerHead","headerHeight","close","minTouchSize","Viewer","previews","index","onIndexChange","onClose","primaryAction","closeLabel","bottomInset","s","setWidth","current","style","children","onPress","accessibilityLabel","color","size","iconSize","md","variant","weight","accessibilityRole","label","length","horizontal","pagingEnabled","showsHorizontalScrollIndicator","onLayout","e","nativeEvent","contentOffset","x","y","onMomentumScrollEnd","Math","round","map","preview","render","key","ResultTemplate","secondaryAction","openLabel","open","setOpen","max","step","itemGap","snapToInterval","undefined","decelerationRate","contentContainerStyle","i","tone","visible","animationType","onRequestClose"],"sourceRoot":"../../../src","sources":["templates/result-template.tsx"],"mappings":"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","ignoreList":[]}
|
|
@@ -11,6 +11,7 @@ export * from './oauth-buttons/index.js';
|
|
|
11
11
|
export * from './order-card/index.js';
|
|
12
12
|
export * from './plan-card/index.js';
|
|
13
13
|
export * from './product-list-empty/index.js';
|
|
14
|
+
export * from './product-row/index.js';
|
|
14
15
|
export * from './review-row/index.js';
|
|
15
16
|
export * from './selection-bar/index.js';
|
|
16
17
|
export * from './service-state-banner/index.js';
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/blocks/index.tsx"],"names":[],"mappings":"AAAA,cAAc,+BAAsB,CAAC;AACrC,cAAc,2BAAkB,CAAC;AACjC,cAAc,sBAAa,CAAC;AAC5B,cAAc,gCAAuB,CAAC;AACtC,cAAc,gCAAuB,CAAC;AACtC,cAAc,0BAAiB,CAAC;AAChC,cAAc,gCAAuB,CAAC;AACtC,cAAc,wBAAe,CAAC;AAC9B,cAAc,gCAAuB,CAAC;AACtC,cAAc,0BAAiB,CAAC;AAChC,cAAc,uBAAc,CAAC;AAC7B,cAAc,sBAAa,CAAC;AAC5B,cAAc,+BAAsB,CAAC;AACrC,cAAc,uBAAc,CAAC;AAC7B,cAAc,0BAAiB,CAAC;AAChC,cAAc,iCAAwB,CAAC;AACvC,cAAc,kCAAyB,CAAC;AACxC,cAAc,+BAAsB,CAAC;AACrC,cAAc,sBAAa,CAAC;AAC5B,cAAc,wBAAe,CAAC;AAC9B,cAAc,6BAAoB,CAAC;AACnC,OAAO,EAAE,cAAc,EAAE,YAAY,EAAE,MAAM,sBAAmB,CAAC"}
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/blocks/index.tsx"],"names":[],"mappings":"AAAA,cAAc,+BAAsB,CAAC;AACrC,cAAc,2BAAkB,CAAC;AACjC,cAAc,sBAAa,CAAC;AAC5B,cAAc,gCAAuB,CAAC;AACtC,cAAc,gCAAuB,CAAC;AACtC,cAAc,0BAAiB,CAAC;AAChC,cAAc,gCAAuB,CAAC;AACtC,cAAc,wBAAe,CAAC;AAC9B,cAAc,gCAAuB,CAAC;AACtC,cAAc,0BAAiB,CAAC;AAChC,cAAc,uBAAc,CAAC;AAC7B,cAAc,sBAAa,CAAC;AAC5B,cAAc,+BAAsB,CAAC;AACrC,cAAc,wBAAe,CAAC;AAC9B,cAAc,uBAAc,CAAC;AAC7B,cAAc,0BAAiB,CAAC;AAChC,cAAc,iCAAwB,CAAC;AACvC,cAAc,kCAAyB,CAAC;AACxC,cAAc,+BAAsB,CAAC;AACrC,cAAc,sBAAa,CAAC;AAC5B,cAAc,wBAAe,CAAC;AAC9B,cAAc,6BAAoB,CAAC;AACnC,OAAO,EAAE,cAAc,EAAE,YAAY,EAAE,MAAM,sBAAmB,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/blocks/product-row/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,UAAU,EACV,KAAK,eAAe,EACpB,KAAK,gBAAgB,GACtB,MAAM,kBAAe,CAAC"}
|
|
@@ -0,0 +1,19 @@
|
|
|
1
|
+
import type { ReactNode } from 'react';
|
|
2
|
+
import { type StyleProp, type ViewStyle } from 'react-native';
|
|
3
|
+
import { type StatusBadgeTone } from '../../components/status-badge/status-badge.js';
|
|
4
|
+
export type ProductRowStatus = {
|
|
5
|
+
label: string;
|
|
6
|
+
tone?: StatusBadgeTone;
|
|
7
|
+
};
|
|
8
|
+
export type ProductRowProps = {
|
|
9
|
+
title: string;
|
|
10
|
+
price: number;
|
|
11
|
+
originalPrice?: number;
|
|
12
|
+
imageUri?: string | null;
|
|
13
|
+
status?: ProductRowStatus;
|
|
14
|
+
trailing?: ReactNode;
|
|
15
|
+
onPress?: () => void;
|
|
16
|
+
style?: StyleProp<ViewStyle>;
|
|
17
|
+
};
|
|
18
|
+
export declare function ProductRow({ title, price, originalPrice, imageUri, status, trailing, onPress, style, }: ProductRowProps): import("react").JSX.Element;
|
|
19
|
+
//# sourceMappingURL=product-row.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"product-row.d.ts","sourceRoot":"","sources":["../../../../../src/blocks/product-row/product-row.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AACvC,OAAO,EAAQ,KAAK,SAAS,EAAE,KAAK,SAAS,EAAE,MAAM,cAAc,CAAC;AAGpE,OAAO,EAEL,KAAK,eAAe,EACrB,MAAM,+CAA4C,CAAC;AAKpD,MAAM,MAAM,gBAAgB,GAAG;IAAE,KAAK,EAAE,MAAM,CAAC;IAAC,IAAI,CAAC,EAAE,eAAe,CAAA;CAAE,CAAC;AAEzE,MAAM,MAAM,eAAe,GAAG;IAC5B,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,QAAQ,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACzB,MAAM,CAAC,EAAE,gBAAgB,CAAC;IAC1B,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;CAC9B,CAAC;AAuBF,wBAAgB,UAAU,CAAC,EACzB,KAAK,EACL,KAAK,EACL,aAAa,EACb,QAAQ,EACR,MAAM,EACN,QAAQ,EACR,OAAO,EACP,KAAK,GACN,EAAE,eAAe,+BA2CjB"}
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
import type { ReactNode } from 'react';
|
|
2
|
+
export type GroupProps = {
|
|
3
|
+
title?: string;
|
|
4
|
+
aside?: string;
|
|
5
|
+
children: ReactNode;
|
|
6
|
+
};
|
|
7
|
+
export declare function Group({ title, aside, children }: GroupProps): import("react").JSX.Element;
|
|
8
|
+
//# sourceMappingURL=group.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"group.d.ts","sourceRoot":"","sources":["../../../../src/templates/group.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAKvC,MAAM,MAAM,UAAU,GAAG;IACvB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,EAAE,SAAS,CAAC;CACrB,CAAC;AAaF,wBAAgB,KAAK,CAAC,EAAE,KAAK,EAAE,KAAK,EAAE,QAAQ,EAAE,EAAE,UAAU,+BA0B3D"}
|
|
@@ -9,5 +9,7 @@ export type { ResultPreview, ResultTemplateProps } from './result-template.js';
|
|
|
9
9
|
export { SystemTemplate } from './system-template.js';
|
|
10
10
|
export type { SystemTemplateProps } from './system-template.js';
|
|
11
11
|
export { ListSection } from './parts.js';
|
|
12
|
+
export { Group } from './group.js';
|
|
13
|
+
export type { GroupProps } from './group.js';
|
|
12
14
|
export type { NoticeReason, TemplateAction, TemplateNotice } from './parts.js';
|
|
13
15
|
//# sourceMappingURL=index.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/templates/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,cAAc,EACd,iBAAiB,EACjB,YAAY,EACZ,YAAY,GACb,MAAM,uBAAoB,CAAC;AAC5B,YAAY,EACV,sBAAsB,EACtB,mBAAmB,EACnB,iBAAiB,EACjB,iBAAiB,GAClB,MAAM,uBAAoB,CAAC;AAC5B,OAAO,EAAE,cAAc,EAAE,MAAM,sBAAmB,CAAC;AACnD,YAAY,EACV,WAAW,EACX,mBAAmB,EACnB,UAAU,GACX,MAAM,sBAAmB,CAAC;AAC3B,OAAO,EAAE,YAAY,EAAE,MAAM,oBAAiB,CAAC;AAC/C,YAAY,EAAE,iBAAiB,EAAE,kBAAkB,EAAE,MAAM,oBAAiB,CAAC;AAC7E,OAAO,EAAE,cAAc,EAAE,MAAM,sBAAmB,CAAC;AACnD,YAAY,EAAE,aAAa,EAAE,mBAAmB,EAAE,MAAM,sBAAmB,CAAC;AAC5E,OAAO,EAAE,cAAc,EAAE,MAAM,sBAAmB,CAAC;AACnD,YAAY,EAAE,mBAAmB,EAAE,MAAM,sBAAmB,CAAC;AAC7D,OAAO,EAAE,WAAW,EAAE,MAAM,YAAS,CAAC;AACtC,YAAY,EAAE,YAAY,EAAE,cAAc,EAAE,cAAc,EAAE,MAAM,YAAS,CAAC"}
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/templates/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,cAAc,EACd,iBAAiB,EACjB,YAAY,EACZ,YAAY,GACb,MAAM,uBAAoB,CAAC;AAC5B,YAAY,EACV,sBAAsB,EACtB,mBAAmB,EACnB,iBAAiB,EACjB,iBAAiB,GAClB,MAAM,uBAAoB,CAAC;AAC5B,OAAO,EAAE,cAAc,EAAE,MAAM,sBAAmB,CAAC;AACnD,YAAY,EACV,WAAW,EACX,mBAAmB,EACnB,UAAU,GACX,MAAM,sBAAmB,CAAC;AAC3B,OAAO,EAAE,YAAY,EAAE,MAAM,oBAAiB,CAAC;AAC/C,YAAY,EAAE,iBAAiB,EAAE,kBAAkB,EAAE,MAAM,oBAAiB,CAAC;AAC7E,OAAO,EAAE,cAAc,EAAE,MAAM,sBAAmB,CAAC;AACnD,YAAY,EAAE,aAAa,EAAE,mBAAmB,EAAE,MAAM,sBAAmB,CAAC;AAC5E,OAAO,EAAE,cAAc,EAAE,MAAM,sBAAmB,CAAC;AACnD,YAAY,EAAE,mBAAmB,EAAE,MAAM,sBAAmB,CAAC;AAC7D,OAAO,EAAE,WAAW,EAAE,MAAM,YAAS,CAAC;AACtC,OAAO,EAAE,KAAK,EAAE,MAAM,YAAS,CAAC;AAChC,YAAY,EAAE,UAAU,EAAE,MAAM,YAAS,CAAC;AAC1C,YAAY,EAAE,YAAY,EAAE,cAAc,EAAE,cAAc,EAAE,MAAM,YAAS,CAAC"}
|
|
@@ -3,7 +3,7 @@ import { type TemplateAction, type TemplateNotice } from './parts.js';
|
|
|
3
3
|
export type ResultPreview = {
|
|
4
4
|
key: string;
|
|
5
5
|
label: string;
|
|
6
|
-
render: () => ReactNode;
|
|
6
|
+
render: (mode: 'card' | 'full') => ReactNode;
|
|
7
7
|
};
|
|
8
8
|
export type ResultTemplateProps = {
|
|
9
9
|
previews: readonly ResultPreview[];
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"result-template.d.ts","sourceRoot":"","sources":["../../../../src/templates/result-template.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAY,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAcjD,OAAO,EAGL,KAAK,cAAc,EACnB,KAAK,cAAc,EACpB,MAAM,YAAS,CAAC;AAEjB,MAAM,MAAM,aAAa,GAAG;IAC1B,GAAG,EAAE,MAAM,CAAC;IACZ,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,MAAM,SAAS,CAAC;
|
|
1
|
+
{"version":3,"file":"result-template.d.ts","sourceRoot":"","sources":["../../../../src/templates/result-template.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAY,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAcjD,OAAO,EAGL,KAAK,cAAc,EACnB,KAAK,cAAc,EACpB,MAAM,YAAS,CAAC;AAEjB,MAAM,MAAM,aAAa,GAAG;IAC1B,GAAG,EAAE,MAAM,CAAC;IACZ,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,CAAC,IAAI,EAAE,MAAM,GAAG,MAAM,KAAK,SAAS,CAAC;CAC9C,CAAC;AAEF,MAAM,MAAM,mBAAmB,GAAG;IAChC,QAAQ,EAAE,SAAS,aAAa,EAAE,CAAC;IACnC,KAAK,EAAE,MAAM,CAAC;IACd,aAAa,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACvC,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,MAAM,CAAC,EAAE,cAAc,CAAC;IACxB,aAAa,CAAC,EAAE,cAAc,CAAC;IAC/B,eAAe,CAAC,EAAE,cAAc,CAAC;IACjC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,WAAW,CAAC,EAAE,MAAM,CAAC;CACtB,CAAC;AAoHF,wBAAgB,cAAc,CAAC,EAC7B,QAAQ,EACR,KAAK,EACL,aAAa,EACb,QAAQ,EACR,MAAM,EACN,aAAa,EACb,eAAe,EACf,SAAmB,EACnB,UAAiB,EACjB,WAAe,GAChB,EAAE,mBAAmB,+BAsGrB"}
|
package/package.json
CHANGED
package/src/blocks/index.tsx
CHANGED
|
@@ -11,6 +11,7 @@ export * from './oauth-buttons';
|
|
|
11
11
|
export * from './order-card';
|
|
12
12
|
export * from './plan-card';
|
|
13
13
|
export * from './product-list-empty';
|
|
14
|
+
export * from './product-row';
|
|
14
15
|
export * from './review-row';
|
|
15
16
|
export * from './selection-bar';
|
|
16
17
|
export * from './service-state-banner';
|
|
@@ -0,0 +1,99 @@
|
|
|
1
|
+
import type { ReactNode } from 'react';
|
|
2
|
+
import { View, type StyleProp, type ViewStyle } from 'react-native';
|
|
3
|
+
import { Photo } from '../../components/photo/photo';
|
|
4
|
+
import { formatPrice, Price } from '../../components/price/price';
|
|
5
|
+
import {
|
|
6
|
+
StatusBadge,
|
|
7
|
+
type StatusBadgeTone,
|
|
8
|
+
} from '../../components/status-badge/status-badge';
|
|
9
|
+
import { Text } from '../../components/text/text';
|
|
10
|
+
import { PressableBase } from '../../internal/pressable-base';
|
|
11
|
+
import { makeStyles } from '../../utils/styles';
|
|
12
|
+
|
|
13
|
+
export type ProductRowStatus = { label: string; tone?: StatusBadgeTone };
|
|
14
|
+
|
|
15
|
+
export type ProductRowProps = {
|
|
16
|
+
title: string;
|
|
17
|
+
price: number;
|
|
18
|
+
originalPrice?: number;
|
|
19
|
+
imageUri?: string | null;
|
|
20
|
+
status?: ProductRowStatus;
|
|
21
|
+
trailing?: ReactNode;
|
|
22
|
+
onPress?: () => void;
|
|
23
|
+
style?: StyleProp<ViewStyle>;
|
|
24
|
+
};
|
|
25
|
+
|
|
26
|
+
const useStyles = makeStyles((t) => ({
|
|
27
|
+
row: {
|
|
28
|
+
flexDirection: 'row',
|
|
29
|
+
alignItems: 'center',
|
|
30
|
+
gap: t.space[3],
|
|
31
|
+
minHeight: t.listRow.threeLine,
|
|
32
|
+
paddingVertical: t.space[2],
|
|
33
|
+
paddingHorizontal: t.layout.screenX,
|
|
34
|
+
backgroundColor: t.colors.background,
|
|
35
|
+
},
|
|
36
|
+
pressed: { backgroundColor: t.colors.muted },
|
|
37
|
+
thumb: { width: t.listRow.oneLine },
|
|
38
|
+
empty: {
|
|
39
|
+
width: t.listRow.oneLine,
|
|
40
|
+
height: t.listRow.oneLine,
|
|
41
|
+
borderRadius: t.radius.md,
|
|
42
|
+
backgroundColor: t.colors.muted,
|
|
43
|
+
},
|
|
44
|
+
body: { flex: 1, gap: t.space[1] },
|
|
45
|
+
}));
|
|
46
|
+
|
|
47
|
+
export function ProductRow({
|
|
48
|
+
title,
|
|
49
|
+
price,
|
|
50
|
+
originalPrice,
|
|
51
|
+
imageUri,
|
|
52
|
+
status,
|
|
53
|
+
trailing,
|
|
54
|
+
onPress,
|
|
55
|
+
style,
|
|
56
|
+
}: ProductRowProps) {
|
|
57
|
+
const s = useStyles();
|
|
58
|
+
const label = [title, formatPrice(price), status?.label]
|
|
59
|
+
.filter(Boolean)
|
|
60
|
+
.join(', ');
|
|
61
|
+
const content = (
|
|
62
|
+
<>
|
|
63
|
+
<View style={s.thumb}>
|
|
64
|
+
{imageUri ? (
|
|
65
|
+
<Photo source={{ uri: imageUri }} accessible={false} />
|
|
66
|
+
) : (
|
|
67
|
+
<View style={s.empty} />
|
|
68
|
+
)}
|
|
69
|
+
</View>
|
|
70
|
+
<View style={s.body}>
|
|
71
|
+
<Text variant="bodyLg" numberOfLines={1}>
|
|
72
|
+
{title}
|
|
73
|
+
</Text>
|
|
74
|
+
<Price value={price} originalValue={originalPrice} variant="label" />
|
|
75
|
+
{status ? (
|
|
76
|
+
<StatusBadge tone={status.tone}>{status.label}</StatusBadge>
|
|
77
|
+
) : null}
|
|
78
|
+
</View>
|
|
79
|
+
{trailing}
|
|
80
|
+
</>
|
|
81
|
+
);
|
|
82
|
+
if (!onPress) {
|
|
83
|
+
return (
|
|
84
|
+
<View style={[s.row, style]} accessibilityLabel={label}>
|
|
85
|
+
{content}
|
|
86
|
+
</View>
|
|
87
|
+
);
|
|
88
|
+
}
|
|
89
|
+
return (
|
|
90
|
+
<PressableBase
|
|
91
|
+
onPress={onPress}
|
|
92
|
+
accessibilityLabel={label}
|
|
93
|
+
pressedStyle={s.pressed}
|
|
94
|
+
style={[s.row, style]}
|
|
95
|
+
>
|
|
96
|
+
{content}
|
|
97
|
+
</PressableBase>
|
|
98
|
+
);
|
|
99
|
+
}
|
|
@@ -0,0 +1,49 @@
|
|
|
1
|
+
import type { ReactNode } from 'react';
|
|
2
|
+
import { View } from 'react-native';
|
|
3
|
+
import { Text } from '../components/text/text';
|
|
4
|
+
import { makeStyles } from '../utils/styles';
|
|
5
|
+
|
|
6
|
+
export type GroupProps = {
|
|
7
|
+
title?: string;
|
|
8
|
+
aside?: string;
|
|
9
|
+
children: ReactNode;
|
|
10
|
+
};
|
|
11
|
+
|
|
12
|
+
const useStyles = makeStyles((t) => ({
|
|
13
|
+
root: { gap: t.layout.groupGap },
|
|
14
|
+
head: {
|
|
15
|
+
flexDirection: 'row',
|
|
16
|
+
alignItems: 'center',
|
|
17
|
+
justifyContent: 'space-between',
|
|
18
|
+
gap: t.space[2],
|
|
19
|
+
},
|
|
20
|
+
title: { flexShrink: 1 },
|
|
21
|
+
}));
|
|
22
|
+
|
|
23
|
+
export function Group({ title, aside, children }: GroupProps) {
|
|
24
|
+
const s = useStyles();
|
|
25
|
+
return (
|
|
26
|
+
<View style={s.root}>
|
|
27
|
+
{title || aside ? (
|
|
28
|
+
<View style={s.head}>
|
|
29
|
+
{title ? (
|
|
30
|
+
<Text
|
|
31
|
+
variant="bodyLg"
|
|
32
|
+
weight="semibold"
|
|
33
|
+
accessibilityRole="header"
|
|
34
|
+
style={s.title}
|
|
35
|
+
>
|
|
36
|
+
{title}
|
|
37
|
+
</Text>
|
|
38
|
+
) : null}
|
|
39
|
+
{aside ? (
|
|
40
|
+
<Text variant="label" tone="muted">
|
|
41
|
+
{aside}
|
|
42
|
+
</Text>
|
|
43
|
+
) : null}
|
|
44
|
+
</View>
|
|
45
|
+
) : null}
|
|
46
|
+
{children}
|
|
47
|
+
</View>
|
|
48
|
+
);
|
|
49
|
+
}
|
package/src/templates/index.ts
CHANGED
|
@@ -23,4 +23,6 @@ export type { ResultPreview, ResultTemplateProps } from './result-template';
|
|
|
23
23
|
export { SystemTemplate } from './system-template';
|
|
24
24
|
export type { SystemTemplateProps } from './system-template';
|
|
25
25
|
export { ListSection } from './parts';
|
|
26
|
+
export { Group } from './group';
|
|
27
|
+
export type { GroupProps } from './group';
|
|
26
28
|
export type { NoticeReason, TemplateAction, TemplateNotice } from './parts';
|
|
@@ -22,7 +22,7 @@ import {
|
|
|
22
22
|
export type ResultPreview = {
|
|
23
23
|
key: string;
|
|
24
24
|
label: string;
|
|
25
|
-
render: () => ReactNode;
|
|
25
|
+
render: (mode: 'card' | 'full') => ReactNode;
|
|
26
26
|
};
|
|
27
27
|
|
|
28
28
|
export type ResultTemplateProps = {
|
|
@@ -141,7 +141,7 @@ function Viewer({
|
|
|
141
141
|
>
|
|
142
142
|
{previews.map((preview) => (
|
|
143
143
|
<View key={preview.key} style={{ width }}>
|
|
144
|
-
{preview.render()}
|
|
144
|
+
{preview.render('full')}
|
|
145
145
|
</View>
|
|
146
146
|
))}
|
|
147
147
|
</ScrollView>
|
|
@@ -210,7 +210,7 @@ export function ResultTemplate({
|
|
|
210
210
|
accessibilityLabel={`${preview.label} ${openLabel}`}
|
|
211
211
|
style={s.card}
|
|
212
212
|
>
|
|
213
|
-
{preview.render()}
|
|
213
|
+
{preview.render('card')}
|
|
214
214
|
</PressableBase>
|
|
215
215
|
<View style={s.caption}>
|
|
216
216
|
<Text variant="label" weight="semibold">
|
|
@@ -223,14 +223,16 @@ export function ResultTemplate({
|
|
|
223
223
|
</View>
|
|
224
224
|
))}
|
|
225
225
|
</ScrollView>
|
|
226
|
-
|
|
227
|
-
{
|
|
228
|
-
|
|
229
|
-
|
|
230
|
-
|
|
231
|
-
|
|
232
|
-
|
|
233
|
-
|
|
226
|
+
{previews.length > 1 ? (
|
|
227
|
+
<View style={s.dots}>
|
|
228
|
+
{previews.map((preview, i) => (
|
|
229
|
+
<View
|
|
230
|
+
key={preview.key}
|
|
231
|
+
style={[s.dot, i === index ? s.dotOn : null]}
|
|
232
|
+
/>
|
|
233
|
+
))}
|
|
234
|
+
</View>
|
|
235
|
+
) : null}
|
|
234
236
|
</>
|
|
235
237
|
)}
|
|
236
238
|
</View>
|
|
@@ -239,7 +241,7 @@ export function ResultTemplate({
|
|
|
239
241
|
<Notice notice={notice} />
|
|
240
242
|
</View>
|
|
241
243
|
) : null}
|
|
242
|
-
{primaryAction
|
|
244
|
+
{primaryAction ? (
|
|
243
245
|
<BottomBar
|
|
244
246
|
primaryAction={primaryAction}
|
|
245
247
|
secondaryAction={secondaryAction}
|