@ezpg/app-ui 0.3.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 +23 -0
- package/lib/module/blocks/brand-profile-card/brand-profile-card.js +2 -2
- package/lib/module/blocks/brand-profile-card/brand-profile-card.js.map +1 -1
- package/lib/module/blocks/bulk-ship-list/bulk-ship-list.js +1 -1
- package/lib/module/blocks/bulk-ship-list/bulk-ship-list.js.map +1 -1
- package/lib/module/blocks/claim-row/claim-row.js +6 -5
- package/lib/module/blocks/claim-row/claim-row.js.map +1 -1
- package/lib/module/blocks/color-swatch-picker/color-swatch-picker.js +1 -1
- package/lib/module/blocks/color-swatch-picker/color-swatch-picker.js.map +1 -1
- package/lib/module/blocks/copy-variant-picker/copy-variant-picker.js +3 -3
- package/lib/module/blocks/copy-variant-picker/copy-variant-picker.js.map +1 -1
- package/lib/module/blocks/credit-wallet/credit-wallet.js +1 -1
- package/lib/module/blocks/credit-wallet/credit-wallet.js.map +1 -1
- package/lib/module/blocks/image-grid/image-grid.js +9 -9
- package/lib/module/blocks/image-grid/image-grid.js.map +1 -1
- package/lib/module/blocks/internal/format.js +4 -0
- package/lib/module/blocks/internal/format.js.map +1 -1
- package/lib/module/blocks/invoice-row/invoice-row.js +2 -2
- package/lib/module/blocks/invoice-row/invoice-row.js.map +1 -1
- package/lib/module/blocks/logo-candidate-grid/logo-candidate-grid.js +1 -1
- package/lib/module/blocks/logo-candidate-grid/logo-candidate-grid.js.map +1 -1
- package/lib/module/blocks/oauth-buttons/oauth-buttons.js +2 -2
- package/lib/module/blocks/oauth-buttons/oauth-buttons.js.map +1 -1
- package/lib/module/blocks/option-editor/option-editor.js +3 -3
- package/lib/module/blocks/option-editor/option-editor.js.map +1 -1
- package/lib/module/blocks/order-card/index.js +1 -1
- package/lib/module/blocks/order-card/index.js.map +1 -1
- package/lib/module/blocks/order-card/order-card.js +31 -9
- package/lib/module/blocks/order-card/order-card.js.map +1 -1
- package/lib/module/blocks/plan-card/plan-card.js +2 -2
- package/lib/module/blocks/plan-card/plan-card.js.map +1 -1
- package/lib/module/blocks/product-list-empty/product-list-empty.js +5 -5
- package/lib/module/blocks/product-list-empty/product-list-empty.js.map +1 -1
- package/lib/module/blocks/review-row/review-row.js +17 -17
- package/lib/module/blocks/review-row/review-row.js.map +1 -1
- package/lib/module/blocks/sales-chart/sales-chart.js +2 -2
- package/lib/module/blocks/sales-chart/sales-chart.js.map +1 -1
- package/lib/module/blocks/selection-bar/selection-bar.js +1 -1
- package/lib/module/blocks/selection-bar/selection-bar.js.map +1 -1
- package/lib/module/blocks/shipping-tracking-row/shipping-tracking-row.js +1 -1
- package/lib/module/blocks/shipping-tracking-row/shipping-tracking-row.js.map +1 -1
- package/lib/module/blocks/site-preview-frame/site-preview-frame.js +1 -1
- package/lib/module/blocks/site-preview-frame/site-preview-frame.js.map +1 -1
- package/lib/module/blocks/step-screen/step-screen.js +18 -14
- package/lib/module/blocks/step-screen/step-screen.js.map +1 -1
- package/lib/module/blocks/supply-item-card/supply-item-card.js +5 -5
- package/lib/module/blocks/supply-item-card/supply-item-card.js.map +1 -1
- package/lib/module/components/button/button.js +12 -17
- package/lib/module/components/button/button.js.map +1 -1
- package/lib/module/components/chip/chip.js +2 -2
- package/lib/module/components/chip/chip.js.map +1 -1
- package/lib/module/components/dialog/dialog.js +5 -5
- package/lib/module/components/dialog/dialog.js.map +1 -1
- package/lib/module/components/empty-state/empty-state.js +4 -4
- package/lib/module/components/empty-state/empty-state.js.map +1 -1
- package/lib/module/components/field/field.js +15 -14
- package/lib/module/components/field/field.js.map +1 -1
- package/lib/module/components/list-row/index.js.map +1 -1
- package/lib/module/components/list-row/list-row.js +38 -10
- package/lib/module/components/list-row/list-row.js.map +1 -1
- package/lib/module/components/segmented-tabs/segmented-tabs.js +2 -2
- package/lib/module/components/segmented-tabs/segmented-tabs.js.map +1 -1
- package/lib/module/components/status-badge/status-badge.js +1 -1
- package/lib/module/components/status-badge/status-badge.js.map +1 -1
- package/lib/module/components/text/text.js +5 -0
- package/lib/module/components/text/text.js.map +1 -1
- package/lib/module/components/toast/toast.js +4 -4
- package/lib/module/components/toast/toast.js.map +1 -1
- package/lib/module/index.js +1 -0
- package/lib/module/index.js.map +1 -1
- package/lib/module/templates/editor-template.js +142 -0
- package/lib/module/templates/editor-template.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 +10 -0
- package/lib/module/templates/index.js.map +1 -0
- package/lib/module/templates/list-template.js +98 -0
- package/lib/module/templates/list-template.js.map +1 -0
- package/lib/module/templates/parts.js +115 -0
- package/lib/module/templates/parts.js.map +1 -0
- package/lib/module/templates/result-template.js +233 -0
- package/lib/module/templates/result-template.js.map +1 -0
- package/lib/module/templates/scroll-templates.js +100 -0
- package/lib/module/templates/scroll-templates.js.map +1 -0
- package/lib/module/templates/system-template.js +64 -0
- package/lib/module/templates/system-template.js.map +1 -0
- package/lib/module/theme/base.js +35 -2
- package/lib/module/theme/base.js.map +1 -1
- package/lib/module/theme/contract.js +6 -0
- package/lib/module/theme/contract.js.map +1 -0
- package/lib/module/theme/tokens.js +10 -2
- package/lib/module/theme/tokens.js.map +1 -1
- package/lib/typescript/src/blocks/claim-row/claim-row.d.ts.map +1 -1
- package/lib/typescript/src/blocks/color-swatch-picker/color-swatch-picker.d.ts.map +1 -1
- package/lib/typescript/src/blocks/image-grid/image-grid.d.ts.map +1 -1
- package/lib/typescript/src/blocks/internal/format.d.ts +1 -0
- package/lib/typescript/src/blocks/internal/format.d.ts.map +1 -1
- package/lib/typescript/src/blocks/invoice-row/invoice-row.d.ts.map +1 -1
- package/lib/typescript/src/blocks/oauth-buttons/oauth-buttons.d.ts.map +1 -1
- package/lib/typescript/src/blocks/order-card/index.d.ts +1 -1
- package/lib/typescript/src/blocks/order-card/index.d.ts.map +1 -1
- package/lib/typescript/src/blocks/order-card/order-card.d.ts +10 -0
- package/lib/typescript/src/blocks/order-card/order-card.d.ts.map +1 -1
- package/lib/typescript/src/blocks/product-list-empty/product-list-empty.d.ts.map +1 -1
- package/lib/typescript/src/blocks/review-row/review-row.d.ts.map +1 -1
- package/lib/typescript/src/blocks/step-screen/step-screen.d.ts +3 -1
- package/lib/typescript/src/blocks/step-screen/step-screen.d.ts.map +1 -1
- package/lib/typescript/src/components/button/button.d.ts +2 -2
- package/lib/typescript/src/components/button/button.d.ts.map +1 -1
- package/lib/typescript/src/components/empty-state/empty-state.d.ts.map +1 -1
- package/lib/typescript/src/components/field/field.d.ts.map +1 -1
- package/lib/typescript/src/components/list-row/index.d.ts +1 -1
- package/lib/typescript/src/components/list-row/index.d.ts.map +1 -1
- package/lib/typescript/src/components/list-row/list-row.d.ts +4 -1
- package/lib/typescript/src/components/list-row/list-row.d.ts.map +1 -1
- package/lib/typescript/src/components/status-badge/status-badge.d.ts +2 -1
- package/lib/typescript/src/components/status-badge/status-badge.d.ts.map +1 -1
- package/lib/typescript/src/components/text/text.d.ts +1 -1
- package/lib/typescript/src/components/text/text.d.ts.map +1 -1
- package/lib/typescript/src/components/toast/toast.d.ts +2 -1
- package/lib/typescript/src/components/toast/toast.d.ts.map +1 -1
- package/lib/typescript/src/index.d.ts +1 -0
- package/lib/typescript/src/index.d.ts.map +1 -1
- package/lib/typescript/src/templates/editor-template.d.ts +22 -0
- package/lib/typescript/src/templates/editor-template.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 +15 -0
- package/lib/typescript/src/templates/index.d.ts.map +1 -0
- package/lib/typescript/src/templates/list-template.d.ts +27 -0
- package/lib/typescript/src/templates/list-template.d.ts.map +1 -0
- package/lib/typescript/src/templates/parts.d.ts +27 -0
- package/lib/typescript/src/templates/parts.d.ts.map +1 -0
- package/lib/typescript/src/templates/result-template.d.ts +21 -0
- package/lib/typescript/src/templates/result-template.d.ts.map +1 -0
- package/lib/typescript/src/templates/scroll-templates.d.ts +32 -0
- package/lib/typescript/src/templates/scroll-templates.d.ts.map +1 -0
- package/lib/typescript/src/templates/system-template.d.ts +12 -0
- package/lib/typescript/src/templates/system-template.d.ts.map +1 -0
- package/lib/typescript/src/theme/base.d.ts +35 -2
- package/lib/typescript/src/theme/base.d.ts.map +1 -1
- package/lib/typescript/src/theme/contract.d.ts +7 -0
- package/lib/typescript/src/theme/contract.d.ts.map +1 -0
- package/lib/typescript/src/theme/tokens.d.ts.map +1 -1
- package/lib/typescript/src/types/index.d.ts +23 -1
- package/lib/typescript/src/types/index.d.ts.map +1 -1
- package/package.json +1 -1
- package/src/blocks/brand-profile-card/brand-profile-card.tsx +2 -2
- package/src/blocks/bulk-ship-list/bulk-ship-list.tsx +1 -1
- package/src/blocks/claim-row/claim-row.tsx +12 -3
- package/src/blocks/color-swatch-picker/color-swatch-picker.tsx +5 -1
- package/src/blocks/copy-variant-picker/copy-variant-picker.tsx +3 -3
- package/src/blocks/credit-wallet/credit-wallet.tsx +1 -1
- package/src/blocks/image-grid/image-grid.tsx +15 -8
- package/src/blocks/internal/format.ts +5 -0
- package/src/blocks/invoice-row/invoice-row.tsx +5 -1
- package/src/blocks/logo-candidate-grid/logo-candidate-grid.tsx +1 -1
- package/src/blocks/oauth-buttons/oauth-buttons.tsx +6 -2
- package/src/blocks/option-editor/option-editor.tsx +3 -3
- package/src/blocks/order-card/index.ts +4 -0
- package/src/blocks/order-card/order-card.tsx +50 -6
- package/src/blocks/plan-card/plan-card.tsx +2 -2
- package/src/blocks/product-list-empty/product-list-empty.tsx +11 -4
- package/src/blocks/review-row/review-row.tsx +26 -15
- package/src/blocks/sales-chart/sales-chart.tsx +2 -2
- package/src/blocks/selection-bar/selection-bar.tsx +1 -1
- package/src/blocks/shipping-tracking-row/shipping-tracking-row.tsx +1 -1
- package/src/blocks/site-preview-frame/site-preview-frame.tsx +1 -1
- package/src/blocks/step-screen/step-screen.tsx +24 -12
- package/src/blocks/supply-item-card/supply-item-card.tsx +5 -5
- package/src/components/button/button.tsx +22 -14
- package/src/components/chip/chip.tsx +2 -2
- package/src/components/dialog/dialog.tsx +5 -5
- package/src/components/empty-state/empty-state.tsx +8 -4
- package/src/components/field/field.tsx +15 -14
- package/src/components/list-row/index.ts +1 -1
- package/src/components/list-row/list-row.tsx +35 -8
- package/src/components/segmented-tabs/segmented-tabs.tsx +2 -2
- package/src/components/status-badge/status-badge.tsx +3 -3
- package/src/components/text/text.tsx +4 -1
- package/src/components/toast/toast.tsx +6 -5
- package/src/index.tsx +1 -0
- package/src/templates/editor-template.tsx +164 -0
- package/src/templates/group.tsx +49 -0
- package/src/templates/index.ts +28 -0
- package/src/templates/list-template.tsx +124 -0
- package/src/templates/parts.tsx +138 -0
- package/src/templates/result-template.tsx +268 -0
- package/src/templates/scroll-templates.tsx +140 -0
- package/src/templates/system-template.tsx +70 -0
- package/src/theme/base.ts +38 -2
- package/src/theme/contract.ts +21 -0
- package/src/theme/tokens.ts +11 -0
- package/src/types/index.ts +15 -1
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["FlatList","RefreshControl","View","EmptyState","Skeleton","useTheme","makeStyles","jsx","_jsx","jsxs","_jsxs","Fragment","_Fragment","useStyles","t","root","flex","backgroundColor","colors","background","filters","gap","layout","groupGap","paddingTop","space","paddingBottom","paddingHorizontal","screenX","loading","grow","flexGrow","ListTemplate","data","renderItem","keyExtractor","status","pinned","empty","error","refreshing","onRefresh","onEndReached","selectionBar","bottomInset","s","head","style","children","map","i","height","listRow","oneLine","variant","title","action","label","onPress","onRetry","ListHeaderComponent","undefined","ListEmptyComponent","contentContainerStyle","length","refreshControl"],"sourceRoot":"../../../src","sources":["templates/list-template.tsx"],"mappings":";;AACA,SACEA,QAAQ,EACRC,cAAc,EACdC,IAAI,QAEC,cAAc;AACrB,SAASC,UAAU,QAAQ,0CAAuC;AAClE,SAASC,QAAQ,QAAQ,oCAAiC;AAC1D,SAASC,QAAQ,QAAQ,4BAAyB;AAClD,SAASC,UAAU,QAAQ,oBAAiB;AAAC,SAAAC,GAAA,IAAAC,IAAA,EAAAC,IAAA,IAAAC,KAAA,EAAAC,QAAA,IAAAC,SAAA;AAqB7C,MAAMC,SAAS,GAAGP,UAAU,CAAEQ,CAAC,KAAM;EACnCC,IAAI,EAAE;IAAEC,IAAI,EAAE,CAAC;IAAEC,eAAe,EAAEH,CAAC,CAACI,MAAM,CAACC;EAAW,CAAC;EACvDC,OAAO,EAAE;IACPC,GAAG,EAAEP,CAAC,CAACQ,MAAM,CAACC,QAAQ;IACtBC,UAAU,EAAEV,CAAC,CAACW,KAAK,CAAC,CAAC,CAAC;IACtBC,aAAa,EAAEZ,CAAC,CAACW,KAAK,CAAC,CAAC,CAAC;IACzBE,iBAAiB,EAAEb,CAAC,CAACQ,MAAM,CAACM;EAC9B,CAAC;EACDC,OAAO,EAAE;IACPR,GAAG,EAAEP,CAAC,CAACW,KAAK,CAAC,CAAC,CAAC;IACfD,UAAU,EAAEV,CAAC,CAACW,KAAK,CAAC,CAAC,CAAC;IACtBE,iBAAiB,EAAEb,CAAC,CAACQ,MAAM,CAACM;EAC9B,CAAC;EACDE,IAAI,EAAE;IAAEC,QAAQ,EAAE;EAAE;AACtB,CAAC,CAAC,CAAC;AAEH,OAAO,SAASC,YAAYA,CAAI;EAC9BC,IAAI;EACJC,UAAU;EACVC,YAAY;EACZC,MAAM,GAAG,OAAO;EAChBhB,OAAO;EACPiB,MAAM;EACNC,KAAK;EACLC,KAAK;EACLC,UAAU,GAAG,KAAK;EAClBC,SAAS;EACTC,YAAY;EACZC,YAAY;EACZC,WAAW,GAAG;AACM,CAAC,EAAE;EACvB,MAAM9B,CAAC,GAAGT,QAAQ,CAAC,CAAC;EACpB,MAAMwC,CAAC,GAAGhC,SAAS,CAAC,CAAC;EACrB,MAAMiC,IAAI,GAAG1B,OAAO,gBAAGZ,IAAA,CAACN,IAAI;IAAC6C,KAAK,EAAEF,CAAC,CAACzB,OAAQ;IAAA4B,QAAA,EAAE5B;EAAO,CAAO,CAAC,GAAG,IAAI;EAEtE,IAAIgB,MAAM,KAAK,SAAS,EAAE;IACxB,oBACE1B,KAAA,CAACR,IAAI;MAAC6C,KAAK,EAAEF,CAAC,CAAC9B,IAAK;MAAAiC,QAAA,GACjBF,IAAI,eACLtC,IAAA,CAACN,IAAI;QAAC6C,KAAK,EAAEF,CAAC,CAAChB,OAAQ;QAAAmB,QAAA,EACpB,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,CAAC,CAACC,GAAG,CAAEC,CAAC,iBACrB1C,IAAA,CAACJ,QAAQ;UAAS+C,MAAM,EAAErC,CAAC,CAACsC,OAAO,CAACC;QAAQ,GAA7BH,CAA+B,CAC/C;MAAC,CACE,CAAC;IAAA,CACH,CAAC;EAEX;EAEA,IAAId,MAAM,KAAK,OAAO,IAAIG,KAAK,EAAE;IAC/B,oBACE7B,KAAA,CAACR,IAAI;MAAC6C,KAAK,EAAEF,CAAC,CAAC9B,IAAK;MAAAiC,QAAA,GACjBF,IAAI,eACLtC,IAAA,CAACL,UAAU;QACTmD,OAAO,EAAC,OAAO;QACfC,KAAK,EAAEhB,KAAK,CAACgB,KAAM;QACnBC,MAAM,EAAE;UAAEC,KAAK,EAAE,OAAO;UAAEC,OAAO,EAAEnB,KAAK,CAACoB;QAAQ;MAAE,CACpD,CAAC;IAAA,CACE,CAAC;EAEX;EAEA,oBACEjD,KAAA,CAACR,IAAI;IAAC6C,KAAK,EAAEF,CAAC,CAAC9B,IAAK;IAAAiC,QAAA,gBAClBxC,IAAA,CAACR,QAAQ;MACPiC,IAAI,EAAEA,IAAK;MACXC,UAAU,EAAEA,UAAW;MACvBC,YAAY,EAAEA,YAAa;MAC3ByB,mBAAmB,EACjBd,IAAI,IAAIT,MAAM,gBACZ3B,KAAA,CAAAE,SAAA;QAAAoC,QAAA,GACGF,IAAI,EACJT,MAAM;MAAA,CACP,CAAC,GACDwB,SACL;MACDC,kBAAkB,eAChBtD,IAAA,CAACL,UAAU;QAACoD,KAAK,EAAEjB,KAAK,CAACiB,KAAM;QAACC,MAAM,EAAElB,KAAK,CAACkB;MAAO,CAAE,CACxD;MACDO,qBAAqB,EAAE,CACrB9B,IAAI,CAAC+B,MAAM,KAAK,CAAC,GAAGnB,CAAC,CAACf,IAAI,GAAG,IAAI,EACjCa,YAAY,GAAG,IAAI,GAAG;QAAEjB,aAAa,EAAEkB;MAAY,CAAC,CACpD;MACFqB,cAAc,EACZxB,SAAS,gBACPjC,IAAA,CAACP,cAAc;QAACuC,UAAU,EAAEA,UAAW;QAACC,SAAS,EAAEA;MAAU,CAAE,CAAC,GAC9DoB,SACL;MACDnB,YAAY,EAAEA;IAAa,CAC5B,CAAC,EACDC,YAAY;EAAA,CACT,CAAC;AAEX","ignoreList":[]}
|
|
@@ -0,0 +1,115 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
import { View } from 'react-native';
|
|
4
|
+
import { Button } from "../components/button/button.js";
|
|
5
|
+
import { Text } from "../components/text/text.js";
|
|
6
|
+
import { AlertGlyph } from "../internal/glyphs.js";
|
|
7
|
+
import { useTheme } from "../theme/theme-provider.js";
|
|
8
|
+
import { makeStyles } from "../utils/styles.js";
|
|
9
|
+
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
10
|
+
const useStyles = makeStyles(t => ({
|
|
11
|
+
bar: {
|
|
12
|
+
gap: t.layout.itemGap,
|
|
13
|
+
paddingHorizontal: t.layout.screenX,
|
|
14
|
+
paddingTop: t.layout.footerTop,
|
|
15
|
+
backgroundColor: t.colors.background
|
|
16
|
+
},
|
|
17
|
+
notice: {
|
|
18
|
+
flexDirection: 'row',
|
|
19
|
+
alignItems: 'flex-start',
|
|
20
|
+
gap: t.space[2],
|
|
21
|
+
marginHorizontal: t.layout.screenX,
|
|
22
|
+
paddingVertical: t.space[3],
|
|
23
|
+
paddingHorizontal: t.space[4],
|
|
24
|
+
borderRadius: t.radius.md,
|
|
25
|
+
backgroundColor: t.colors.muted
|
|
26
|
+
},
|
|
27
|
+
noticeText: {
|
|
28
|
+
flex: 1
|
|
29
|
+
},
|
|
30
|
+
section: {
|
|
31
|
+
paddingBottom: t.space[2]
|
|
32
|
+
},
|
|
33
|
+
sectionHead: {
|
|
34
|
+
flexDirection: 'row',
|
|
35
|
+
alignItems: 'center',
|
|
36
|
+
justifyContent: 'space-between',
|
|
37
|
+
paddingTop: t.space[4],
|
|
38
|
+
paddingBottom: t.space[2],
|
|
39
|
+
paddingHorizontal: t.layout.screenX
|
|
40
|
+
},
|
|
41
|
+
inset: {
|
|
42
|
+
paddingHorizontal: t.layout.screenX
|
|
43
|
+
}
|
|
44
|
+
}));
|
|
45
|
+
export function BottomBar({
|
|
46
|
+
primaryAction,
|
|
47
|
+
secondaryAction,
|
|
48
|
+
bottomInset = 0
|
|
49
|
+
}) {
|
|
50
|
+
const t = useTheme();
|
|
51
|
+
const s = useStyles();
|
|
52
|
+
return /*#__PURE__*/_jsxs(View, {
|
|
53
|
+
style: [s.bar, {
|
|
54
|
+
paddingBottom: t.layout.footerBottom + bottomInset
|
|
55
|
+
}],
|
|
56
|
+
children: [/*#__PURE__*/_jsx(Button, {
|
|
57
|
+
size: "lg",
|
|
58
|
+
onPress: primaryAction.onPress,
|
|
59
|
+
disabled: primaryAction.disabled,
|
|
60
|
+
loading: primaryAction.loading,
|
|
61
|
+
children: primaryAction.label
|
|
62
|
+
}), secondaryAction ? /*#__PURE__*/_jsx(Button, {
|
|
63
|
+
variant: "ghost",
|
|
64
|
+
onPress: secondaryAction.onPress,
|
|
65
|
+
disabled: secondaryAction.disabled,
|
|
66
|
+
loading: secondaryAction.loading,
|
|
67
|
+
children: secondaryAction.label
|
|
68
|
+
}) : null]
|
|
69
|
+
});
|
|
70
|
+
}
|
|
71
|
+
export function Notice({
|
|
72
|
+
notice
|
|
73
|
+
}) {
|
|
74
|
+
const t = useTheme();
|
|
75
|
+
const s = useStyles();
|
|
76
|
+
const danger = notice.reason === 'error';
|
|
77
|
+
return /*#__PURE__*/_jsxs(View, {
|
|
78
|
+
accessibilityRole: danger ? 'alert' : undefined,
|
|
79
|
+
style: s.notice,
|
|
80
|
+
children: [/*#__PURE__*/_jsx(AlertGlyph, {
|
|
81
|
+
color: danger ? t.colors.danger : t.colors.mutedForeground,
|
|
82
|
+
size: t.iconSize.md
|
|
83
|
+
}), /*#__PURE__*/_jsx(Text, {
|
|
84
|
+
variant: "label",
|
|
85
|
+
tone: danger ? 'danger' : 'default',
|
|
86
|
+
style: s.noticeText,
|
|
87
|
+
children: notice.text
|
|
88
|
+
})]
|
|
89
|
+
});
|
|
90
|
+
}
|
|
91
|
+
export function ListSection({
|
|
92
|
+
title,
|
|
93
|
+
action,
|
|
94
|
+
inset,
|
|
95
|
+
children
|
|
96
|
+
}) {
|
|
97
|
+
const s = useStyles();
|
|
98
|
+
return /*#__PURE__*/_jsxs(View, {
|
|
99
|
+
style: s.section,
|
|
100
|
+
children: [title ? /*#__PURE__*/_jsxs(View, {
|
|
101
|
+
style: s.sectionHead,
|
|
102
|
+
children: [/*#__PURE__*/_jsx(Text, {
|
|
103
|
+
variant: "label",
|
|
104
|
+
tone: "muted",
|
|
105
|
+
weight: "semibold",
|
|
106
|
+
accessibilityRole: "header",
|
|
107
|
+
children: title
|
|
108
|
+
}), action]
|
|
109
|
+
}) : null, inset ? /*#__PURE__*/_jsx(View, {
|
|
110
|
+
style: s.inset,
|
|
111
|
+
children: children
|
|
112
|
+
}) : children]
|
|
113
|
+
});
|
|
114
|
+
}
|
|
115
|
+
//# sourceMappingURL=parts.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["View","Button","Text","AlertGlyph","useTheme","makeStyles","jsx","_jsx","jsxs","_jsxs","useStyles","t","bar","gap","layout","itemGap","paddingHorizontal","screenX","paddingTop","footerTop","backgroundColor","colors","background","notice","flexDirection","alignItems","space","marginHorizontal","paddingVertical","borderRadius","radius","md","muted","noticeText","flex","section","paddingBottom","sectionHead","justifyContent","inset","BottomBar","primaryAction","secondaryAction","bottomInset","s","style","footerBottom","children","size","onPress","disabled","loading","label","variant","Notice","danger","reason","accessibilityRole","undefined","color","mutedForeground","iconSize","tone","text","ListSection","title","action","weight"],"sourceRoot":"../../../src","sources":["templates/parts.tsx"],"mappings":"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","ignoreList":[]}
|
|
@@ -0,0 +1,233 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
import { useState } from 'react';
|
|
4
|
+
import { Modal, ScrollView, View } from 'react-native';
|
|
5
|
+
import { Text } from "../components/text/text.js";
|
|
6
|
+
import { CloseGlyph } from "../internal/glyphs.js";
|
|
7
|
+
import { PressableBase } from "../internal/pressable-base.js";
|
|
8
|
+
import { useTheme } from "../theme/theme-provider.js";
|
|
9
|
+
import { makeStyles } from "../utils/styles.js";
|
|
10
|
+
import { BottomBar, Notice } from "./parts.js";
|
|
11
|
+
import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
|
|
12
|
+
const useStyles = makeStyles(t => ({
|
|
13
|
+
root: {
|
|
14
|
+
flex: 1,
|
|
15
|
+
backgroundColor: t.colors.background
|
|
16
|
+
},
|
|
17
|
+
body: {
|
|
18
|
+
flex: 1,
|
|
19
|
+
paddingTop: t.space[2]
|
|
20
|
+
},
|
|
21
|
+
pager: {
|
|
22
|
+
flex: 1
|
|
23
|
+
},
|
|
24
|
+
page: {
|
|
25
|
+
gap: t.space[2]
|
|
26
|
+
},
|
|
27
|
+
card: {
|
|
28
|
+
flex: 1,
|
|
29
|
+
overflow: 'hidden',
|
|
30
|
+
borderRadius: t.radius.lg,
|
|
31
|
+
borderWidth: 1,
|
|
32
|
+
borderColor: t.colors.border,
|
|
33
|
+
backgroundColor: t.colors.muted
|
|
34
|
+
},
|
|
35
|
+
caption: {
|
|
36
|
+
flexDirection: 'row',
|
|
37
|
+
justifyContent: 'space-between',
|
|
38
|
+
alignItems: 'center'
|
|
39
|
+
},
|
|
40
|
+
dots: {
|
|
41
|
+
flexDirection: 'row',
|
|
42
|
+
justifyContent: 'center',
|
|
43
|
+
gap: t.space[2],
|
|
44
|
+
paddingVertical: t.layout.groupGap
|
|
45
|
+
},
|
|
46
|
+
dot: {
|
|
47
|
+
width: t.space[2],
|
|
48
|
+
height: t.space[2],
|
|
49
|
+
borderRadius: t.radius.full,
|
|
50
|
+
backgroundColor: t.colors.input
|
|
51
|
+
},
|
|
52
|
+
dotOn: {
|
|
53
|
+
width: t.space[5],
|
|
54
|
+
backgroundColor: t.colors.foreground
|
|
55
|
+
},
|
|
56
|
+
progress: {
|
|
57
|
+
flex: 1,
|
|
58
|
+
paddingHorizontal: t.layout.screenX
|
|
59
|
+
},
|
|
60
|
+
notice: {
|
|
61
|
+
paddingBottom: t.layout.groupGap
|
|
62
|
+
},
|
|
63
|
+
viewer: {
|
|
64
|
+
flex: 1,
|
|
65
|
+
backgroundColor: t.colors.background
|
|
66
|
+
},
|
|
67
|
+
viewerHead: {
|
|
68
|
+
height: t.headerHeight,
|
|
69
|
+
flexDirection: 'row',
|
|
70
|
+
alignItems: 'center',
|
|
71
|
+
paddingHorizontal: t.space[1],
|
|
72
|
+
gap: t.space[1]
|
|
73
|
+
},
|
|
74
|
+
close: {
|
|
75
|
+
width: t.minTouchSize,
|
|
76
|
+
height: t.minTouchSize,
|
|
77
|
+
alignItems: 'center',
|
|
78
|
+
justifyContent: 'center'
|
|
79
|
+
},
|
|
80
|
+
full: {
|
|
81
|
+
flex: 1
|
|
82
|
+
}
|
|
83
|
+
}));
|
|
84
|
+
function Viewer({
|
|
85
|
+
previews,
|
|
86
|
+
index,
|
|
87
|
+
onIndexChange,
|
|
88
|
+
onClose,
|
|
89
|
+
primaryAction,
|
|
90
|
+
closeLabel,
|
|
91
|
+
bottomInset
|
|
92
|
+
}) {
|
|
93
|
+
const t = useTheme();
|
|
94
|
+
const s = useStyles();
|
|
95
|
+
const [width, setWidth] = useState(0);
|
|
96
|
+
const current = previews[index];
|
|
97
|
+
return /*#__PURE__*/_jsxs(View, {
|
|
98
|
+
style: s.viewer,
|
|
99
|
+
children: [/*#__PURE__*/_jsxs(View, {
|
|
100
|
+
style: s.viewerHead,
|
|
101
|
+
children: [/*#__PURE__*/_jsx(PressableBase, {
|
|
102
|
+
onPress: onClose,
|
|
103
|
+
accessibilityLabel: closeLabel,
|
|
104
|
+
style: s.close,
|
|
105
|
+
children: /*#__PURE__*/_jsx(CloseGlyph, {
|
|
106
|
+
color: t.colors.foreground,
|
|
107
|
+
size: t.iconSize.md
|
|
108
|
+
})
|
|
109
|
+
}), /*#__PURE__*/_jsx(Text, {
|
|
110
|
+
variant: "bodyLg",
|
|
111
|
+
weight: "semibold",
|
|
112
|
+
accessibilityRole: "header",
|
|
113
|
+
children: current ? `${current.label} · ${index + 1} / ${previews.length}` : ''
|
|
114
|
+
})]
|
|
115
|
+
}), /*#__PURE__*/_jsx(ScrollView, {
|
|
116
|
+
horizontal: true,
|
|
117
|
+
pagingEnabled: true,
|
|
118
|
+
showsHorizontalScrollIndicator: false,
|
|
119
|
+
onLayout: e => setWidth(e.nativeEvent.layout.width),
|
|
120
|
+
contentOffset: {
|
|
121
|
+
x: index * width,
|
|
122
|
+
y: 0
|
|
123
|
+
},
|
|
124
|
+
onMomentumScrollEnd: e => width && onIndexChange(Math.round(e.nativeEvent.contentOffset.x / width)),
|
|
125
|
+
style: s.full,
|
|
126
|
+
children: previews.map(preview => /*#__PURE__*/_jsx(View, {
|
|
127
|
+
style: {
|
|
128
|
+
width
|
|
129
|
+
},
|
|
130
|
+
children: preview.render('full')
|
|
131
|
+
}, preview.key))
|
|
132
|
+
}), primaryAction ? /*#__PURE__*/_jsx(BottomBar, {
|
|
133
|
+
primaryAction: primaryAction,
|
|
134
|
+
bottomInset: bottomInset
|
|
135
|
+
}) : null]
|
|
136
|
+
});
|
|
137
|
+
}
|
|
138
|
+
export function ResultTemplate({
|
|
139
|
+
previews,
|
|
140
|
+
index,
|
|
141
|
+
onIndexChange,
|
|
142
|
+
progress,
|
|
143
|
+
notice,
|
|
144
|
+
primaryAction,
|
|
145
|
+
secondaryAction,
|
|
146
|
+
openLabel = '크게 보기',
|
|
147
|
+
closeLabel = '닫기',
|
|
148
|
+
bottomInset = 0
|
|
149
|
+
}) {
|
|
150
|
+
const t = useTheme();
|
|
151
|
+
const s = useStyles();
|
|
152
|
+
const [width, setWidth] = useState(0);
|
|
153
|
+
const [open, setOpen] = useState(false);
|
|
154
|
+
const page = Math.max(0, width - t.layout.screenX * 2 - t.space[6]);
|
|
155
|
+
const step = page + t.layout.itemGap;
|
|
156
|
+
return /*#__PURE__*/_jsxs(View, {
|
|
157
|
+
style: s.root,
|
|
158
|
+
children: [/*#__PURE__*/_jsx(View, {
|
|
159
|
+
style: s.body,
|
|
160
|
+
onLayout: e => setWidth(e.nativeEvent.layout.width),
|
|
161
|
+
children: progress ? /*#__PURE__*/_jsx(View, {
|
|
162
|
+
style: s.progress,
|
|
163
|
+
children: progress
|
|
164
|
+
}) : /*#__PURE__*/_jsxs(_Fragment, {
|
|
165
|
+
children: [/*#__PURE__*/_jsx(ScrollView, {
|
|
166
|
+
horizontal: true,
|
|
167
|
+
showsHorizontalScrollIndicator: false,
|
|
168
|
+
snapToInterval: step || undefined,
|
|
169
|
+
decelerationRate: "fast",
|
|
170
|
+
contentContainerStyle: {
|
|
171
|
+
gap: t.layout.itemGap,
|
|
172
|
+
paddingHorizontal: t.layout.screenX
|
|
173
|
+
},
|
|
174
|
+
onMomentumScrollEnd: e => step && onIndexChange(Math.round(e.nativeEvent.contentOffset.x / step)),
|
|
175
|
+
style: s.pager,
|
|
176
|
+
children: previews.map((preview, i) => /*#__PURE__*/_jsxs(View, {
|
|
177
|
+
style: [s.page, {
|
|
178
|
+
width: page
|
|
179
|
+
}],
|
|
180
|
+
children: [/*#__PURE__*/_jsx(PressableBase, {
|
|
181
|
+
onPress: () => {
|
|
182
|
+
onIndexChange(i);
|
|
183
|
+
setOpen(true);
|
|
184
|
+
},
|
|
185
|
+
accessibilityLabel: `${preview.label} ${openLabel}`,
|
|
186
|
+
style: s.card,
|
|
187
|
+
children: preview.render('card')
|
|
188
|
+
}), /*#__PURE__*/_jsxs(View, {
|
|
189
|
+
style: s.caption,
|
|
190
|
+
children: [/*#__PURE__*/_jsx(Text, {
|
|
191
|
+
variant: "label",
|
|
192
|
+
weight: "semibold",
|
|
193
|
+
children: preview.label
|
|
194
|
+
}), /*#__PURE__*/_jsx(Text, {
|
|
195
|
+
variant: "label",
|
|
196
|
+
tone: "muted",
|
|
197
|
+
children: openLabel
|
|
198
|
+
})]
|
|
199
|
+
})]
|
|
200
|
+
}, preview.key))
|
|
201
|
+
}), previews.length > 1 ? /*#__PURE__*/_jsx(View, {
|
|
202
|
+
style: s.dots,
|
|
203
|
+
children: previews.map((preview, i) => /*#__PURE__*/_jsx(View, {
|
|
204
|
+
style: [s.dot, i === index ? s.dotOn : null]
|
|
205
|
+
}, preview.key))
|
|
206
|
+
}) : null]
|
|
207
|
+
})
|
|
208
|
+
}), notice ? /*#__PURE__*/_jsx(View, {
|
|
209
|
+
style: s.notice,
|
|
210
|
+
children: /*#__PURE__*/_jsx(Notice, {
|
|
211
|
+
notice: notice
|
|
212
|
+
})
|
|
213
|
+
}) : null, primaryAction ? /*#__PURE__*/_jsx(BottomBar, {
|
|
214
|
+
primaryAction: primaryAction,
|
|
215
|
+
secondaryAction: secondaryAction,
|
|
216
|
+
bottomInset: bottomInset
|
|
217
|
+
}) : null, /*#__PURE__*/_jsx(Modal, {
|
|
218
|
+
visible: open,
|
|
219
|
+
animationType: "slide",
|
|
220
|
+
onRequestClose: () => setOpen(false),
|
|
221
|
+
children: /*#__PURE__*/_jsx(Viewer, {
|
|
222
|
+
previews: previews,
|
|
223
|
+
index: index,
|
|
224
|
+
onIndexChange: onIndexChange,
|
|
225
|
+
onClose: () => setOpen(false),
|
|
226
|
+
primaryAction: primaryAction,
|
|
227
|
+
closeLabel: closeLabel,
|
|
228
|
+
bottomInset: bottomInset
|
|
229
|
+
})
|
|
230
|
+
})]
|
|
231
|
+
});
|
|
232
|
+
}
|
|
233
|
+
//# sourceMappingURL=result-template.js.map
|
|
@@ -0,0 +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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","ignoreList":[]}
|
|
@@ -0,0 +1,100 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
import { KeyboardAvoidingView, RefreshControl, ScrollView, View } from 'react-native';
|
|
4
|
+
import { useTheme } from "../theme/theme-provider.js";
|
|
5
|
+
import { makeStyles } from "../utils/styles.js";
|
|
6
|
+
import { BottomBar, Notice } from "./parts.js";
|
|
7
|
+
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
8
|
+
const useStyles = makeStyles(t => ({
|
|
9
|
+
root: {
|
|
10
|
+
flex: 1,
|
|
11
|
+
backgroundColor: t.colors.background
|
|
12
|
+
},
|
|
13
|
+
content: {
|
|
14
|
+
paddingBottom: t.layout.sectionGap
|
|
15
|
+
},
|
|
16
|
+
top: {
|
|
17
|
+
flexDirection: 'row',
|
|
18
|
+
flexWrap: 'wrap',
|
|
19
|
+
gap: t.layout.itemGap,
|
|
20
|
+
paddingTop: t.space[2],
|
|
21
|
+
paddingHorizontal: t.layout.screenX
|
|
22
|
+
},
|
|
23
|
+
notice: {
|
|
24
|
+
paddingTop: t.layout.groupGap
|
|
25
|
+
}
|
|
26
|
+
}));
|
|
27
|
+
function ScrollTemplate({
|
|
28
|
+
top,
|
|
29
|
+
notice,
|
|
30
|
+
primaryAction,
|
|
31
|
+
secondaryAction,
|
|
32
|
+
refreshing = false,
|
|
33
|
+
onRefresh,
|
|
34
|
+
bottomInset = 0,
|
|
35
|
+
children
|
|
36
|
+
}) {
|
|
37
|
+
const t = useTheme();
|
|
38
|
+
const s = useStyles();
|
|
39
|
+
return /*#__PURE__*/_jsxs(KeyboardAvoidingView, {
|
|
40
|
+
behavior: "padding",
|
|
41
|
+
style: s.root,
|
|
42
|
+
children: [/*#__PURE__*/_jsxs(ScrollView, {
|
|
43
|
+
contentContainerStyle: [s.content, primaryAction ? null : {
|
|
44
|
+
paddingBottom: t.layout.sectionGap + bottomInset
|
|
45
|
+
}],
|
|
46
|
+
keyboardShouldPersistTaps: "handled",
|
|
47
|
+
refreshControl: onRefresh ? /*#__PURE__*/_jsx(RefreshControl, {
|
|
48
|
+
refreshing: refreshing,
|
|
49
|
+
onRefresh: onRefresh
|
|
50
|
+
}) : undefined,
|
|
51
|
+
children: [top ? /*#__PURE__*/_jsx(View, {
|
|
52
|
+
style: s.top,
|
|
53
|
+
children: top
|
|
54
|
+
}) : null, notice ? /*#__PURE__*/_jsx(View, {
|
|
55
|
+
style: s.notice,
|
|
56
|
+
children: /*#__PURE__*/_jsx(Notice, {
|
|
57
|
+
notice: notice
|
|
58
|
+
})
|
|
59
|
+
}) : null, children]
|
|
60
|
+
}), primaryAction ? /*#__PURE__*/_jsx(BottomBar, {
|
|
61
|
+
primaryAction: primaryAction,
|
|
62
|
+
secondaryAction: secondaryAction,
|
|
63
|
+
bottomInset: bottomInset
|
|
64
|
+
}) : null]
|
|
65
|
+
});
|
|
66
|
+
}
|
|
67
|
+
export function DetailTemplate({
|
|
68
|
+
status,
|
|
69
|
+
...rest
|
|
70
|
+
}) {
|
|
71
|
+
return /*#__PURE__*/_jsx(ScrollTemplate, {
|
|
72
|
+
top: status,
|
|
73
|
+
...rest
|
|
74
|
+
});
|
|
75
|
+
}
|
|
76
|
+
export function FormTemplate({
|
|
77
|
+
saveAction,
|
|
78
|
+
...rest
|
|
79
|
+
}) {
|
|
80
|
+
return /*#__PURE__*/_jsx(ScrollTemplate, {
|
|
81
|
+
primaryAction: saveAction,
|
|
82
|
+
...rest
|
|
83
|
+
});
|
|
84
|
+
}
|
|
85
|
+
export function MenuTemplate(props) {
|
|
86
|
+
return /*#__PURE__*/_jsx(ScrollTemplate, {
|
|
87
|
+
...props
|
|
88
|
+
});
|
|
89
|
+
}
|
|
90
|
+
export function DashboardTemplate({
|
|
91
|
+
banner,
|
|
92
|
+
children,
|
|
93
|
+
...rest
|
|
94
|
+
}) {
|
|
95
|
+
return /*#__PURE__*/_jsxs(ScrollTemplate, {
|
|
96
|
+
...rest,
|
|
97
|
+
children: [banner, children]
|
|
98
|
+
});
|
|
99
|
+
}
|
|
100
|
+
//# sourceMappingURL=scroll-templates.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["KeyboardAvoidingView","RefreshControl","ScrollView","View","useTheme","makeStyles","BottomBar","Notice","jsx","_jsx","jsxs","_jsxs","useStyles","t","root","flex","backgroundColor","colors","background","content","paddingBottom","layout","sectionGap","top","flexDirection","flexWrap","gap","itemGap","paddingTop","space","paddingHorizontal","screenX","notice","groupGap","ScrollTemplate","primaryAction","secondaryAction","refreshing","onRefresh","bottomInset","children","s","behavior","style","contentContainerStyle","keyboardShouldPersistTaps","refreshControl","undefined","DetailTemplate","status","rest","FormTemplate","saveAction","MenuTemplate","props","DashboardTemplate","banner"],"sourceRoot":"../../../src","sources":["templates/scroll-templates.tsx"],"mappings":"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","ignoreList":[]}
|
|
@@ -0,0 +1,64 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
import { View } from 'react-native';
|
|
4
|
+
import { Text } from "../components/text/text.js";
|
|
5
|
+
import { renderIcon } from "../internal/icon.js";
|
|
6
|
+
import { useTheme } from "../theme/theme-provider.js";
|
|
7
|
+
import { makeStyles } from "../utils/styles.js";
|
|
8
|
+
import { BottomBar } from "./parts.js";
|
|
9
|
+
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
10
|
+
const useStyles = makeStyles(t => ({
|
|
11
|
+
root: {
|
|
12
|
+
flex: 1,
|
|
13
|
+
backgroundColor: t.colors.background
|
|
14
|
+
},
|
|
15
|
+
center: {
|
|
16
|
+
flex: 1,
|
|
17
|
+
alignItems: 'center',
|
|
18
|
+
justifyContent: 'center',
|
|
19
|
+
gap: t.layout.titleGap,
|
|
20
|
+
paddingHorizontal: t.layout.screenX
|
|
21
|
+
},
|
|
22
|
+
title: {
|
|
23
|
+
textAlign: 'center'
|
|
24
|
+
},
|
|
25
|
+
actions: {
|
|
26
|
+
gap: t.layout.itemGap,
|
|
27
|
+
paddingHorizontal: t.layout.screenX,
|
|
28
|
+
paddingTop: t.layout.footerTop
|
|
29
|
+
}
|
|
30
|
+
}));
|
|
31
|
+
export function SystemTemplate({
|
|
32
|
+
icon,
|
|
33
|
+
title,
|
|
34
|
+
primaryAction,
|
|
35
|
+
actions,
|
|
36
|
+
bottomInset = 0
|
|
37
|
+
}) {
|
|
38
|
+
const t = useTheme();
|
|
39
|
+
const s = useStyles();
|
|
40
|
+
return /*#__PURE__*/_jsxs(View, {
|
|
41
|
+
style: s.root,
|
|
42
|
+
children: [/*#__PURE__*/_jsxs(View, {
|
|
43
|
+
style: s.center,
|
|
44
|
+
children: [icon ? renderIcon(icon, {
|
|
45
|
+
color: t.colors.foreground,
|
|
46
|
+
size: t.controlSize.lg
|
|
47
|
+
}) : null, /*#__PURE__*/_jsx(Text, {
|
|
48
|
+
variant: "screenTitle",
|
|
49
|
+
accessibilityRole: "header",
|
|
50
|
+
style: s.title,
|
|
51
|
+
children: title
|
|
52
|
+
})]
|
|
53
|
+
}), actions ? /*#__PURE__*/_jsx(View, {
|
|
54
|
+
style: [s.actions, {
|
|
55
|
+
paddingBottom: t.layout.footerBottom + bottomInset
|
|
56
|
+
}],
|
|
57
|
+
children: actions
|
|
58
|
+
}) : primaryAction ? /*#__PURE__*/_jsx(BottomBar, {
|
|
59
|
+
primaryAction: primaryAction,
|
|
60
|
+
bottomInset: bottomInset
|
|
61
|
+
}) : null]
|
|
62
|
+
});
|
|
63
|
+
}
|
|
64
|
+
//# sourceMappingURL=system-template.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["View","Text","renderIcon","useTheme","makeStyles","BottomBar","jsx","_jsx","jsxs","_jsxs","useStyles","t","root","flex","backgroundColor","colors","background","center","alignItems","justifyContent","gap","layout","titleGap","paddingHorizontal","screenX","title","textAlign","actions","itemGap","paddingTop","footerTop","SystemTemplate","icon","primaryAction","bottomInset","s","style","children","color","foreground","size","controlSize","lg","variant","accessibilityRole","paddingBottom","footerBottom"],"sourceRoot":"../../../src","sources":["templates/system-template.tsx"],"mappings":";;AACA,SAASA,IAAI,QAAQ,cAAc;AACnC,SAASC,IAAI,QAAQ,4BAAyB;AAC9C,SAASC,UAAU,QAAuB,qBAAkB;AAC5D,SAASC,QAAQ,QAAQ,4BAAyB;AAClD,SAASC,UAAU,QAAQ,oBAAiB;AAC5C,SAASC,SAAS,QAA6B,YAAS;AAAC,SAAAC,GAAA,IAAAC,IAAA,EAAAC,IAAA,IAAAC,KAAA;AAUzD,MAAMC,SAAS,GAAGN,UAAU,CAAEO,CAAC,KAAM;EACnCC,IAAI,EAAE;IAAEC,IAAI,EAAE,CAAC;IAAEC,eAAe,EAAEH,CAAC,CAACI,MAAM,CAACC;EAAW,CAAC;EACvDC,MAAM,EAAE;IACNJ,IAAI,EAAE,CAAC;IACPK,UAAU,EAAE,QAAQ;IACpBC,cAAc,EAAE,QAAQ;IACxBC,GAAG,EAAET,CAAC,CAACU,MAAM,CAACC,QAAQ;IACtBC,iBAAiB,EAAEZ,CAAC,CAACU,MAAM,CAACG;EAC9B,CAAC;EACDC,KAAK,EAAE;IAAEC,SAAS,EAAE;EAAS,CAAC;EAC9BC,OAAO,EAAE;IACPP,GAAG,EAAET,CAAC,CAACU,MAAM,CAACO,OAAO;IACrBL,iBAAiB,EAAEZ,CAAC,CAACU,MAAM,CAACG,OAAO;IACnCK,UAAU,EAAElB,CAAC,CAACU,MAAM,CAACS;EACvB;AACF,CAAC,CAAC,CAAC;AAEH,OAAO,SAASC,cAAcA,CAAC;EAC7BC,IAAI;EACJP,KAAK;EACLQ,aAAa;EACbN,OAAO;EACPO,WAAW,GAAG;AACK,CAAC,EAAE;EACtB,MAAMvB,CAAC,GAAGR,QAAQ,CAAC,CAAC;EACpB,MAAMgC,CAAC,GAAGzB,SAAS,CAAC,CAAC;EACrB,oBACED,KAAA,CAACT,IAAI;IAACoC,KAAK,EAAED,CAAC,CAACvB,IAAK;IAAAyB,QAAA,gBAClB5B,KAAA,CAACT,IAAI;MAACoC,KAAK,EAAED,CAAC,CAAClB,MAAO;MAAAoB,QAAA,GACnBL,IAAI,GACD9B,UAAU,CAAC8B,IAAI,EAAE;QACfM,KAAK,EAAE3B,CAAC,CAACI,MAAM,CAACwB,UAAU;QAC1BC,IAAI,EAAE7B,CAAC,CAAC8B,WAAW,CAACC;MACtB,CAAC,CAAC,GACF,IAAI,eACRnC,IAAA,CAACN,IAAI;QAAC0C,OAAO,EAAC,aAAa;QAACC,iBAAiB,EAAC,QAAQ;QAACR,KAAK,EAAED,CAAC,CAACV,KAAM;QAAAY,QAAA,EACnEZ;MAAK,CACF,CAAC;IAAA,CACH,CAAC,EACNE,OAAO,gBACNpB,IAAA,CAACP,IAAI;MACHoC,KAAK,EAAE,CACLD,CAAC,CAACR,OAAO,EACT;QAAEkB,aAAa,EAAElC,CAAC,CAACU,MAAM,CAACyB,YAAY,GAAGZ;MAAY,CAAC,CACtD;MAAAG,QAAA,EAEDV;IAAO,CACJ,CAAC,GACLM,aAAa,gBACf1B,IAAA,CAACF,SAAS;MAAC4B,aAAa,EAAEA,aAAc;MAACC,WAAW,EAAEA;IAAY,CAAE,CAAC,GACnE,IAAI;EAAA,CACJ,CAAC;AAEX","ignoreList":[]}
|
package/lib/module/theme/base.js
CHANGED
|
@@ -5,18 +5,19 @@ export const semantic = {
|
|
|
5
5
|
background: '#ffffff',
|
|
6
6
|
foreground: '#0a0a0a',
|
|
7
7
|
muted: '#f5f5f5',
|
|
8
|
-
mutedForeground: '#
|
|
8
|
+
mutedForeground: '#525252',
|
|
9
9
|
border: '#e5e5e5',
|
|
10
10
|
input: '#d4d4d4',
|
|
11
11
|
ring: '#a3a3a3',
|
|
12
12
|
primary: '#171717',
|
|
13
13
|
primaryForeground: '#fafafa',
|
|
14
|
-
danger: '#
|
|
14
|
+
danger: '#b91c1c',
|
|
15
15
|
dangerForeground: '#ffffff',
|
|
16
16
|
success: '#15803d',
|
|
17
17
|
successForeground: '#ffffff',
|
|
18
18
|
warning: '#f59e0b',
|
|
19
19
|
warningForeground: '#0a0a0a',
|
|
20
|
+
warningText: '#b45309',
|
|
20
21
|
info: '#2563eb',
|
|
21
22
|
infoForeground: '#ffffff'
|
|
22
23
|
},
|
|
@@ -36,6 +37,7 @@ export const semantic = {
|
|
|
36
37
|
successForeground: '#0a0a0a',
|
|
37
38
|
warning: '#fbbf24',
|
|
38
39
|
warningForeground: '#0a0a0a',
|
|
40
|
+
warningText: '#fbbf24',
|
|
39
41
|
info: '#60a5fa',
|
|
40
42
|
infoForeground: '#0a0a0a'
|
|
41
43
|
}
|
|
@@ -65,6 +67,11 @@ export const typography = {
|
|
|
65
67
|
lineHeight: 16,
|
|
66
68
|
fontWeight: '400'
|
|
67
69
|
},
|
|
70
|
+
label: {
|
|
71
|
+
fontSize: 14,
|
|
72
|
+
lineHeight: 20,
|
|
73
|
+
fontWeight: '400'
|
|
74
|
+
},
|
|
68
75
|
body: {
|
|
69
76
|
fontSize: 15,
|
|
70
77
|
lineHeight: 22,
|
|
@@ -80,6 +87,11 @@ export const typography = {
|
|
|
80
87
|
lineHeight: 28,
|
|
81
88
|
fontWeight: '600'
|
|
82
89
|
},
|
|
90
|
+
screenTitle: {
|
|
91
|
+
fontSize: 24,
|
|
92
|
+
lineHeight: 32,
|
|
93
|
+
fontWeight: '700'
|
|
94
|
+
},
|
|
83
95
|
display: {
|
|
84
96
|
fontSize: 28,
|
|
85
97
|
lineHeight: 34,
|
|
@@ -105,4 +117,25 @@ export const touch = {
|
|
|
105
117
|
ios: 44,
|
|
106
118
|
android: 48
|
|
107
119
|
};
|
|
120
|
+
export const layout = {
|
|
121
|
+
screenX: 16,
|
|
122
|
+
screenTop: 24,
|
|
123
|
+
titleGap: 24,
|
|
124
|
+
sectionGap: 32,
|
|
125
|
+
groupGap: 12,
|
|
126
|
+
itemGap: 8,
|
|
127
|
+
footerTop: 12,
|
|
128
|
+
footerBottom: 16
|
|
129
|
+
};
|
|
130
|
+
export const controlSize = {
|
|
131
|
+
sm: 44,
|
|
132
|
+
md: 48,
|
|
133
|
+
lg: 52
|
|
134
|
+
};
|
|
135
|
+
export const frame = {
|
|
136
|
+
header: 52,
|
|
137
|
+
listRow: 56,
|
|
138
|
+
listRow2: 72,
|
|
139
|
+
listRow3: 88
|
|
140
|
+
};
|
|
108
141
|
//# sourceMappingURL=base.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["semantic","light","background","foreground","muted","mutedForeground","border","input","ring","primary","primaryForeground","danger","dangerForeground","success","successForeground","warning","warningForeground","info","infoForeground","dark","space","radius","sm","md","lg","full","typography","caption","fontSize","lineHeight","fontWeight","body","bodyLg","title","display","shadow","motion","duration","opacity","pressed","disabled","iconSize","touch","ios","android"],"sourceRoot":"../../../src","sources":["theme/base.ts"],"mappings":";;AAAA,OAAO,MAAMA,QAAQ,GAAG;EACtBC,KAAK,EAAE;IACLC,UAAU,EAAE,SAAS;IACrBC,UAAU,EAAE,SAAS;IACrBC,KAAK,EAAE,SAAS;IAChBC,eAAe,EAAE,SAAS;IAC1BC,MAAM,EAAE,SAAS;IACjBC,KAAK,EAAE,SAAS;IAChBC,IAAI,EAAE,SAAS;IACfC,OAAO,EAAE,SAAS;IAClBC,iBAAiB,EAAE,SAAS;IAC5BC,MAAM,EAAE,SAAS;IACjBC,gBAAgB,EAAE,SAAS;IAC3BC,OAAO,EAAE,SAAS;IAClBC,iBAAiB,EAAE,SAAS;IAC5BC,OAAO,EAAE,SAAS;IAClBC,iBAAiB,EAAE,SAAS;IAC5BC,IAAI,EAAE,SAAS;IACfC,cAAc,EAAE;EAClB,CAAC;EACDC,IAAI,EAAE;
|
|
1
|
+
{"version":3,"names":["semantic","light","background","foreground","muted","mutedForeground","border","input","ring","primary","primaryForeground","danger","dangerForeground","success","successForeground","warning","warningForeground","warningText","info","infoForeground","dark","space","radius","sm","md","lg","full","typography","caption","fontSize","lineHeight","fontWeight","label","body","bodyLg","title","screenTitle","display","shadow","motion","duration","opacity","pressed","disabled","iconSize","touch","ios","android","layout","screenX","screenTop","titleGap","sectionGap","groupGap","itemGap","footerTop","footerBottom","controlSize","frame","header","listRow","listRow2","listRow3"],"sourceRoot":"../../../src","sources":["theme/base.ts"],"mappings":"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","ignoreList":[]}
|