@tamagui/demos 1.59.4 → 1.60.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/dist/cjs/SheetDemo.js +18 -30
- package/dist/cjs/SheetDemo.js.map +1 -1
- package/dist/esm/SheetDemo.js +18 -30
- package/dist/esm/SheetDemo.js.map +1 -1
- package/dist/jsx/SheetDemo.js +2 -10
- package/dist/jsx/SheetDemo.js.map +1 -1
- package/package.json +18 -18
- package/src/SheetDemo.tsx +2 -11
- package/types/SheetDemo.d.ts.map +1 -1
package/dist/cjs/SheetDemo.js
CHANGED
|
@@ -39,7 +39,7 @@ const SheetDemo = () => {
|
|
|
39
39
|
const isFit = snapPointsMode === "fit";
|
|
40
40
|
const isMixed = snapPointsMode === "mixed";
|
|
41
41
|
const hasFit = isFit || isMixed && mixedFitDemo;
|
|
42
|
-
const snapPoints = isPercent ? [85, 50, 25] : isConstant ? [256, 190] : isFit ? void 0 : mixedFitDemo ? ["fit",
|
|
42
|
+
const snapPoints = isPercent ? [85, 50, 25] : isConstant ? [256, 190] : isFit ? void 0 : mixedFitDemo ? ["fit", 110] : ["80%", 256, 190];
|
|
43
43
|
return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, { children: [
|
|
44
44
|
/* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_tamagui.YStack, { space: true, children: [
|
|
45
45
|
/* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_tamagui.XStack, { space: true, $sm: { flexDirection: "column", alignItems: "center" }, children: [
|
|
@@ -81,36 +81,24 @@ const SheetDemo = () => {
|
|
|
81
81
|
}
|
|
82
82
|
),
|
|
83
83
|
/* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_sheet.Sheet.Handle, {}),
|
|
84
|
-
/* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
|
|
85
|
-
|
|
86
|
-
{
|
|
87
|
-
|
|
88
|
-
|
|
89
|
-
|
|
90
|
-
|
|
91
|
-
|
|
92
|
-
|
|
93
|
-
|
|
94
|
-
|
|
95
|
-
|
|
96
|
-
|
|
97
|
-
|
|
98
|
-
|
|
99
|
-
|
|
100
|
-
{
|
|
101
|
-
size: "$6",
|
|
102
|
-
circular: true,
|
|
103
|
-
icon: import_lucide_icons.ChevronUp,
|
|
104
|
-
onPress: () => setInnerOpen(true)
|
|
105
|
-
}
|
|
106
|
-
)
|
|
107
|
-
] })
|
|
108
|
-
]
|
|
109
|
-
}
|
|
110
|
-
)
|
|
84
|
+
/* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_sheet.Sheet.Frame, { padding: "$4", justifyContent: "center", alignItems: "center", space: "$5", children: [
|
|
85
|
+
/* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Button, { size: "$6", circular: true, icon: import_lucide_icons.ChevronDown, onPress: () => setOpen(false) }),
|
|
86
|
+
/* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Input, { width: 200 }),
|
|
87
|
+
modal && isPercent && /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, { children: [
|
|
88
|
+
/* @__PURE__ */ (0, import_jsx_runtime.jsx)(InnerSheet, { open: innerOpen, onOpenChange: setInnerOpen }),
|
|
89
|
+
/* @__PURE__ */ (0, import_jsx_runtime.jsx)(
|
|
90
|
+
import_tamagui.Button,
|
|
91
|
+
{
|
|
92
|
+
size: "$6",
|
|
93
|
+
circular: true,
|
|
94
|
+
icon: import_lucide_icons.ChevronUp,
|
|
95
|
+
onPress: () => setInnerOpen(true)
|
|
96
|
+
}
|
|
97
|
+
)
|
|
98
|
+
] })
|
|
99
|
+
] })
|
|
111
100
|
]
|
|
112
|
-
}
|
|
113
|
-
hasFit ? "fit" : "no-fit"
|
|
101
|
+
}
|
|
114
102
|
)
|
|
115
103
|
] });
|
|
116
104
|
};
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../src/SheetDemo.tsx"],
|
|
4
|
-
"mappings": ";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAkCQ;AAlCR,0BAAuC;AACvC,mBAA4C;AAC5C,mBAAyB;AACzB,qBAAiE;AAEjE,MAAM,UAAU,CAAC,WAAW,YAAY,OAAO,OAAO;AAE/C,MAAM,YAAY,MAAM;AAC7B,QAAM,CAAC,UAAU,WAAW,QAAI,uBAAS,CAAC;AAC1C,QAAM,CAAC,MAAM,OAAO,QAAI,uBAAS,KAAK;AACtC,QAAM,CAAC,OAAO,QAAQ,QAAI,uBAAS,IAAI;AACvC,QAAM,CAAC,WAAW,YAAY,QAAI,uBAAS,KAAK;AAChD,QAAM,CAAC,gBAAgB,iBAAiB,QACtC,uBAAmC,SAAS;AAC9C,QAAM,CAAC,cAAc,eAAe,QAAI,uBAAS,KAAK;AAEtD,QAAM,YAAY,mBAAmB;AACrC,QAAM,aAAa,mBAAmB;AACtC,QAAM,QAAQ,mBAAmB;AACjC,QAAM,UAAU,mBAAmB;AACnC,QAAM,SAAS,SAAU,WAAW;AACpC,QAAM,aAAa,YACf,CAAC,IAAI,IAAI,EAAE,IACX,aACA,CAAC,KAAK,GAAG,IACT,QACA,SACA,eACA,CAAC,OAAO,GAAG,IACX,CAAC,OAAO,KAAK,GAAG;AAEpB,SACE,4EACE;AAAA,iDAAC,yBAAO,OAAK,MACX;AAAA,mDAAC,yBAAO,OAAK,MAAC,KAAK,EAAE,eAAe,UAAU,YAAY,SAAS,GACjE;AAAA,oDAAC,yBAAO,SAAS,MAAM,QAAQ,IAAI,GAAG,kBAAI;AAAA,QAC1C,4CAAC,yBAAO,SAAS,MAAM,SAAS,CAAC,MAAM,CAAC,CAAC,GACtC,kBAAQ,gBAAgB,gBAC3B;AAAA,QACA;AAAA,UAAC;AAAA;AAAA,YACC,SAAS,MACP;AAAA,cACE,CAAC,SAAS,SAAS,QAAQ,QAAQ,IAAI,IAAI,KAAK,QAAQ,MAAM;AAAA,YAChE;AAAA,YAGD,mBACC,EAAE,SAAS,cAAc,UAAU,YAAY,KAAK,OAAO,OAAO,QAAQ,EACxE,cACF,CACF;AAAA;AAAA,QACF;AAAA,SACF;AAAA,MACC,UACC,4CAAC,yBAAO,SAAS,MAAM,gBAAgB,CAAC,MAAM,CAAC,CAAC,GAC7C,0BAAgB,KAAK,UAAU,UAAU,CAAC,IAC7C,IAEA,4CAAC,yBAAO,iBAAgB,QAAO,gBAAe,UAC5C,sDAAC,4BAAW,0BACV,QAAQ,WAAW,KAAK,UAAU,UAAU,CAC9C,IAAG,GACL;AAAA,OAEJ;AAAA,IAEA;AAAA,MAAC;AAAA;AAAA,
|
|
4
|
+
"mappings": "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",
|
|
5
5
|
"names": []
|
|
6
6
|
}
|
package/dist/esm/SheetDemo.js
CHANGED
|
@@ -16,7 +16,7 @@ const SheetDemo = () => {
|
|
|
16
16
|
const isFit = snapPointsMode === "fit";
|
|
17
17
|
const isMixed = snapPointsMode === "mixed";
|
|
18
18
|
const hasFit = isFit || isMixed && mixedFitDemo;
|
|
19
|
-
const snapPoints = isPercent ? [85, 50, 25] : isConstant ? [256, 190] : isFit ? void 0 : mixedFitDemo ? ["fit",
|
|
19
|
+
const snapPoints = isPercent ? [85, 50, 25] : isConstant ? [256, 190] : isFit ? void 0 : mixedFitDemo ? ["fit", 110] : ["80%", 256, 190];
|
|
20
20
|
return /* @__PURE__ */ jsxs(Fragment, { children: [
|
|
21
21
|
/* @__PURE__ */ jsxs(YStack, { space: true, children: [
|
|
22
22
|
/* @__PURE__ */ jsxs(XStack, { space: true, $sm: { flexDirection: "column", alignItems: "center" }, children: [
|
|
@@ -58,36 +58,24 @@ const SheetDemo = () => {
|
|
|
58
58
|
}
|
|
59
59
|
),
|
|
60
60
|
/* @__PURE__ */ jsx(Sheet.Handle, {}),
|
|
61
|
-
/* @__PURE__ */ jsxs(
|
|
62
|
-
|
|
63
|
-
{
|
|
64
|
-
|
|
65
|
-
|
|
66
|
-
|
|
67
|
-
|
|
68
|
-
|
|
69
|
-
|
|
70
|
-
|
|
71
|
-
|
|
72
|
-
|
|
73
|
-
|
|
74
|
-
|
|
75
|
-
|
|
76
|
-
|
|
77
|
-
{
|
|
78
|
-
size: "$6",
|
|
79
|
-
circular: true,
|
|
80
|
-
icon: ChevronUp,
|
|
81
|
-
onPress: () => setInnerOpen(true)
|
|
82
|
-
}
|
|
83
|
-
)
|
|
84
|
-
] })
|
|
85
|
-
]
|
|
86
|
-
}
|
|
87
|
-
)
|
|
61
|
+
/* @__PURE__ */ jsxs(Sheet.Frame, { padding: "$4", justifyContent: "center", alignItems: "center", space: "$5", children: [
|
|
62
|
+
/* @__PURE__ */ jsx(Button, { size: "$6", circular: true, icon: ChevronDown, onPress: () => setOpen(false) }),
|
|
63
|
+
/* @__PURE__ */ jsx(Input, { width: 200 }),
|
|
64
|
+
modal && isPercent && /* @__PURE__ */ jsxs(Fragment, { children: [
|
|
65
|
+
/* @__PURE__ */ jsx(InnerSheet, { open: innerOpen, onOpenChange: setInnerOpen }),
|
|
66
|
+
/* @__PURE__ */ jsx(
|
|
67
|
+
Button,
|
|
68
|
+
{
|
|
69
|
+
size: "$6",
|
|
70
|
+
circular: true,
|
|
71
|
+
icon: ChevronUp,
|
|
72
|
+
onPress: () => setInnerOpen(true)
|
|
73
|
+
}
|
|
74
|
+
)
|
|
75
|
+
] })
|
|
76
|
+
] })
|
|
88
77
|
]
|
|
89
|
-
}
|
|
90
|
-
hasFit ? "fit" : "no-fit"
|
|
78
|
+
}
|
|
91
79
|
)
|
|
92
80
|
] });
|
|
93
81
|
};
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../src/SheetDemo.tsx"],
|
|
4
|
-
"mappings": "AAkCQ,
|
|
4
|
+
"mappings": "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",
|
|
5
5
|
"names": []
|
|
6
6
|
}
|
package/dist/jsx/SheetDemo.js
CHANGED
|
@@ -15,7 +15,7 @@ const SheetDemo = () => {
|
|
|
15
15
|
const isFit = snapPointsMode === "fit";
|
|
16
16
|
const isMixed = snapPointsMode === "mixed";
|
|
17
17
|
const hasFit = isFit || isMixed && mixedFitDemo;
|
|
18
|
-
const snapPoints = isPercent ? [85, 50, 25] : isConstant ? [256, 190] : isFit ? void 0 : mixedFitDemo ? ["fit",
|
|
18
|
+
const snapPoints = isPercent ? [85, 50, 25] : isConstant ? [256, 190] : isFit ? void 0 : mixedFitDemo ? ["fit", 110] : ["80%", 256, 190];
|
|
19
19
|
return <>
|
|
20
20
|
<YStack space>
|
|
21
21
|
<XStack space $sm={{ flexDirection: "column", alignItems: "center" }}>
|
|
@@ -30,7 +30,6 @@ const SheetDemo = () => {
|
|
|
30
30
|
{isMixed ? <Button onPress={() => setMixedFitDemo((x) => !x)}>{`Snap Points: ${JSON.stringify(snapPoints)}`}</Button> : <XStack paddingVertical="$2.5" justifyContent="center"><Paragraph>{`Snap Points: ${isFit ? "(none)" : JSON.stringify(snapPoints)}`}</Paragraph></XStack>}
|
|
31
31
|
</YStack>
|
|
32
32
|
<Sheet
|
|
33
|
-
key={hasFit ? "fit" : "no-fit"}
|
|
34
33
|
forceRemoveScrollEnabled={open}
|
|
35
34
|
modal={modal}
|
|
36
35
|
open={open}
|
|
@@ -49,14 +48,7 @@ const SheetDemo = () => {
|
|
|
49
48
|
exitStyle={{ opacity: 0 }}
|
|
50
49
|
/>
|
|
51
50
|
<Sheet.Handle />
|
|
52
|
-
<Sheet.Frame
|
|
53
|
-
flex={1}
|
|
54
|
-
padding="$4"
|
|
55
|
-
justifyContent="center"
|
|
56
|
-
alignItems="center"
|
|
57
|
-
space="$5"
|
|
58
|
-
{...hasFit && { minHeight: 320, flexShrink: 0 }}
|
|
59
|
-
>
|
|
51
|
+
<Sheet.Frame padding="$4" justifyContent="center" alignItems="center" space="$5">
|
|
60
52
|
<Button size="$6" circular icon={ChevronDown} onPress={() => setOpen(false)} />
|
|
61
53
|
<Input width={200} />
|
|
62
54
|
{modal && isPercent && <>
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../src/SheetDemo.tsx"],
|
|
4
|
-
"mappings": "AAAA,SAAS,aAAa,iBAAiB;AACvC,SAAS,aAAmC;AAC5C,SAAS,gBAAgB;AACzB,SAAS,QAAQ,IAAI,IAAI,OAAO,WAAW,QAAQ,cAAc;AAEjE,MAAM,UAAU,CAAC,WAAW,YAAY,OAAO,OAAO;AAE/C,MAAM,YAAY,MAAM;AAC7B,QAAM,CAAC,UAAU,WAAW,IAAI,SAAS,CAAC;AAC1C,QAAM,CAAC,MAAM,OAAO,IAAI,SAAS,KAAK;AACtC,QAAM,CAAC,OAAO,QAAQ,IAAI,SAAS,IAAI;AACvC,QAAM,CAAC,WAAW,YAAY,IAAI,SAAS,KAAK;AAChD,QAAM,CAAC,gBAAgB,iBAAiB,IACtC,SAAmC,SAAS;AAC9C,QAAM,CAAC,cAAc,eAAe,IAAI,SAAS,KAAK;AAEtD,QAAM,YAAY,mBAAmB;AACrC,QAAM,aAAa,mBAAmB;AACtC,QAAM,QAAQ,mBAAmB;AACjC,QAAM,UAAU,mBAAmB;AACnC,QAAM,SAAS,SAAU,WAAW;AACpC,QAAM,aAAa,YACf,CAAC,IAAI,IAAI,EAAE,IACX,aACA,CAAC,KAAK,GAAG,IACT,QACA,SACA,eACA,CAAC,OAAO,GAAG,IACX,CAAC,OAAO,KAAK,GAAG;AAEpB,SACE;AAAA,IACE,CAAC,OAAO;AAAA,MACN,CAAC,OAAO,MAAM,KAAK,EAAE,eAAe,UAAU,YAAY,SAAS;AAAA,QACjE,CAAC,OAAO,SAAS,MAAM,QAAQ,IAAI,GAAG,IAAI,EAAzC;AAAA,QACD,CAAC,OAAO,SAAS,MAAM,SAAS,CAAC,MAAM,CAAC,CAAC,IACtC,QAAQ,gBAAgB,eAC3B,EAFC;AAAA,QAGD,CAAC;AAAA,UACC,SAAS,MACP;AAAA,YACE,CAAC,SAAS,SAAS,QAAQ,QAAQ,IAAI,IAAI,KAAK,QAAQ,MAAM;AAAA,UAChE;AAAA,UAGD,SACC,EAAE,SAAS,cAAc,UAAU,YAAY,KAAK,OAAO,OAAO,QAAQ,EACxE,cACF,CACF,GACF,EAZC;AAAA,MAaH,EAlBC;AAAA,OAmBA,UACC,CAAC,OAAO,SAAS,MAAM,gBAAgB,CAAC,MAAM,CAAC,CAAC,IAC7C,gBAAgB,KAAK,UAAU,UAAU,CAAC,GAC7C,EAFC,UAID,CAAC,OAAO,gBAAgB,OAAO,eAAe,SAC5C,CAAC,WAAW,gBACV,QAAQ,WAAW,KAAK,UAAU,UAAU,CAC9C,GAAG,EAFF,UAGH,EAJC;AAAA,IAML,EA/BC;AAAA,IAiCD,CAAC;AAAA,
|
|
4
|
+
"mappings": "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",
|
|
5
5
|
"names": []
|
|
6
6
|
}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@tamagui/demos",
|
|
3
|
-
"version": "1.
|
|
3
|
+
"version": "1.60.0",
|
|
4
4
|
"sideEffects": [
|
|
5
5
|
"*.css"
|
|
6
6
|
],
|
|
@@ -33,29 +33,29 @@
|
|
|
33
33
|
}
|
|
34
34
|
},
|
|
35
35
|
"dependencies": {
|
|
36
|
-
"@tamagui/avatar": "1.
|
|
37
|
-
"@tamagui/button": "1.
|
|
38
|
-
"@tamagui/core": "1.
|
|
39
|
-
"@tamagui/list-item": "1.
|
|
40
|
-
"@tamagui/logo": "1.
|
|
41
|
-
"@tamagui/menu": "1.
|
|
42
|
-
"@tamagui/popover": "1.
|
|
43
|
-
"@tamagui/progress": "1.
|
|
44
|
-
"@tamagui/radio-group": "1.
|
|
45
|
-
"@tamagui/select": "1.
|
|
46
|
-
"@tamagui/sheet": "1.
|
|
47
|
-
"@tamagui/site-config": "1.
|
|
48
|
-
"@tamagui/slider": "1.
|
|
49
|
-
"@tamagui/stacks": "1.
|
|
50
|
-
"@tamagui/toast": "1.
|
|
51
|
-
"tamagui": "1.
|
|
36
|
+
"@tamagui/avatar": "1.60.0",
|
|
37
|
+
"@tamagui/button": "1.60.0",
|
|
38
|
+
"@tamagui/core": "1.60.0",
|
|
39
|
+
"@tamagui/list-item": "1.60.0",
|
|
40
|
+
"@tamagui/logo": "1.60.0",
|
|
41
|
+
"@tamagui/menu": "1.60.0",
|
|
42
|
+
"@tamagui/popover": "1.60.0",
|
|
43
|
+
"@tamagui/progress": "1.60.0",
|
|
44
|
+
"@tamagui/radio-group": "1.60.0",
|
|
45
|
+
"@tamagui/select": "1.60.0",
|
|
46
|
+
"@tamagui/sheet": "1.60.0",
|
|
47
|
+
"@tamagui/site-config": "1.60.0",
|
|
48
|
+
"@tamagui/slider": "1.60.0",
|
|
49
|
+
"@tamagui/stacks": "1.60.0",
|
|
50
|
+
"@tamagui/toast": "1.60.0",
|
|
51
|
+
"tamagui": "1.60.0"
|
|
52
52
|
},
|
|
53
53
|
"peerDependencies": {
|
|
54
54
|
"react": "*",
|
|
55
55
|
"react-dom": "*"
|
|
56
56
|
},
|
|
57
57
|
"devDependencies": {
|
|
58
|
-
"@tamagui/build": "1.
|
|
58
|
+
"@tamagui/build": "1.60.0",
|
|
59
59
|
"react": "^18.2.0",
|
|
60
60
|
"react-dom": "^18.2.0"
|
|
61
61
|
},
|
package/src/SheetDemo.tsx
CHANGED
|
@@ -26,7 +26,7 @@ export const SheetDemo = () => {
|
|
|
26
26
|
: isFit
|
|
27
27
|
? undefined
|
|
28
28
|
: mixedFitDemo
|
|
29
|
-
? ['fit',
|
|
29
|
+
? ['fit', 110]
|
|
30
30
|
: ['80%', 256, 190]
|
|
31
31
|
|
|
32
32
|
return (
|
|
@@ -65,8 +65,6 @@ export const SheetDemo = () => {
|
|
|
65
65
|
</YStack>
|
|
66
66
|
|
|
67
67
|
<Sheet
|
|
68
|
-
// force remount when switching to fit modes to avoid weird measurement loop
|
|
69
|
-
key={hasFit ? 'fit' : 'no-fit'}
|
|
70
68
|
forceRemoveScrollEnabled={open}
|
|
71
69
|
modal={modal}
|
|
72
70
|
open={open}
|
|
@@ -85,14 +83,7 @@ export const SheetDemo = () => {
|
|
|
85
83
|
exitStyle={{ opacity: 0 }}
|
|
86
84
|
/>
|
|
87
85
|
<Sheet.Handle />
|
|
88
|
-
<Sheet.Frame
|
|
89
|
-
flex={1}
|
|
90
|
-
padding="$4"
|
|
91
|
-
justifyContent="center"
|
|
92
|
-
alignItems="center"
|
|
93
|
-
space="$5"
|
|
94
|
-
{...(hasFit && { minHeight: 320, flexShrink: 0 })}
|
|
95
|
-
>
|
|
86
|
+
<Sheet.Frame padding="$4" justifyContent="center" alignItems="center" space="$5">
|
|
96
87
|
<Button size="$6" circular icon={ChevronDown} onPress={() => setOpen(false)} />
|
|
97
88
|
<Input width={200} />
|
|
98
89
|
{modal && isPercent && (
|
package/types/SheetDemo.d.ts.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"SheetDemo.d.ts","sourceRoot":"","sources":["../src/SheetDemo.tsx"],"names":[],"mappings":";AAOA,eAAO,MAAM,SAAS,
|
|
1
|
+
{"version":3,"file":"SheetDemo.d.ts","sourceRoot":"","sources":["../src/SheetDemo.tsx"],"names":[],"mappings":";AAOA,eAAO,MAAM,SAAS,mBAgGrB,CAAA"}
|