@tamagui/demos 1.121.4 → 1.121.6
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.cjs +35 -20
- package/dist/cjs/SheetDemo.js +19 -17
- package/dist/cjs/SheetDemo.js.map +1 -1
- package/dist/cjs/SheetDemo.native.js +42 -31
- package/dist/cjs/SheetDemo.native.js.map +2 -2
- package/dist/esm/SheetDemo.js +20 -18
- package/dist/esm/SheetDemo.js.map +1 -1
- package/dist/esm/SheetDemo.mjs +36 -21
- package/dist/esm/SheetDemo.mjs.map +1 -1
- package/dist/esm/SheetDemo.native.js +43 -32
- package/dist/esm/SheetDemo.native.js.map +2 -2
- package/dist/jsx/SheetDemo.js +20 -18
- package/dist/jsx/SheetDemo.js.map +1 -1
- package/dist/jsx/SheetDemo.mjs +36 -21
- package/dist/jsx/SheetDemo.mjs.map +1 -1
- package/dist/jsx/SheetDemo.native.js +43 -32
- package/dist/jsx/SheetDemo.native.js.map +2 -2
- package/package.json +19 -19
- package/src/SheetDemo.tsx +25 -14
- package/types/CheckboxUnstyledDemo.d.ts +3 -3
- package/types/CheckboxUnstyledDemo.d.ts.map +1 -1
- package/types/SheetDemo.d.ts.map +1 -1
- package/types/SwitchUnstyledDemo.d.ts +3 -3
- package/types/SwitchUnstyledDemo.d.ts.map +1 -1
package/dist/cjs/SheetDemo.cjs
CHANGED
|
@@ -106,33 +106,48 @@ const spModes = ["percent", "constant", "fit", "mixed"],
|
|
|
106
106
|
exitStyle: {
|
|
107
107
|
opacity: 0
|
|
108
108
|
}
|
|
109
|
-
}), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_sheet.Sheet.Handle, {}), /* @__PURE__ */(0, import_jsx_runtime.
|
|
109
|
+
}), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_sheet.Sheet.Handle, {}), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_sheet.Sheet.Frame, {
|
|
110
110
|
padding: "$4",
|
|
111
111
|
justifyContent: "center",
|
|
112
112
|
alignItems: "center",
|
|
113
113
|
gap: "$5",
|
|
114
|
-
children:
|
|
115
|
-
|
|
116
|
-
|
|
117
|
-
|
|
118
|
-
|
|
119
|
-
|
|
120
|
-
|
|
121
|
-
}), modal && isPercent && /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, {
|
|
122
|
-
children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(InnerSheet, {
|
|
123
|
-
open: innerOpen,
|
|
124
|
-
onOpenChange: setInnerOpen
|
|
125
|
-
}), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Button, {
|
|
126
|
-
size: "$6",
|
|
127
|
-
circular: !0,
|
|
128
|
-
icon: import_lucide_icons.ChevronUp,
|
|
129
|
-
onPress: () => setInnerOpen(!0)
|
|
130
|
-
})]
|
|
131
|
-
})]
|
|
114
|
+
children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(SheetContents, {
|
|
115
|
+
modal,
|
|
116
|
+
isPercent,
|
|
117
|
+
innerOpen,
|
|
118
|
+
setInnerOpen,
|
|
119
|
+
setOpen
|
|
120
|
+
})
|
|
132
121
|
})]
|
|
133
122
|
})]
|
|
134
123
|
});
|
|
135
|
-
}
|
|
124
|
+
},
|
|
125
|
+
SheetContents = (0, import_react.memo)(({
|
|
126
|
+
modal,
|
|
127
|
+
isPercent,
|
|
128
|
+
innerOpen,
|
|
129
|
+
setInnerOpen,
|
|
130
|
+
setOpen
|
|
131
|
+
}) => /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, {
|
|
132
|
+
children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Button, {
|
|
133
|
+
size: "$6",
|
|
134
|
+
circular: !0,
|
|
135
|
+
icon: import_lucide_icons.ChevronDown,
|
|
136
|
+
onPress: () => setOpen(!1)
|
|
137
|
+
}), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Input, {
|
|
138
|
+
width: 200
|
|
139
|
+
}), modal && isPercent && /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, {
|
|
140
|
+
children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(InnerSheet, {
|
|
141
|
+
open: innerOpen,
|
|
142
|
+
onOpenChange: setInnerOpen
|
|
143
|
+
}), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Button, {
|
|
144
|
+
size: "$6",
|
|
145
|
+
circular: !0,
|
|
146
|
+
icon: import_lucide_icons.ChevronUp,
|
|
147
|
+
onPress: () => setInnerOpen(!0)
|
|
148
|
+
})]
|
|
149
|
+
})]
|
|
150
|
+
}));
|
|
136
151
|
function InnerSheet(props) {
|
|
137
152
|
return /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_sheet.Sheet, {
|
|
138
153
|
animation: "medium",
|
package/dist/cjs/SheetDemo.js
CHANGED
|
@@ -69,27 +69,29 @@ const spModes = ["percent", "constant", "fit", "mixed"], SheetDemo = () => {
|
|
|
69
69
|
}
|
|
70
70
|
),
|
|
71
71
|
/* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_sheet.Sheet.Handle, {}),
|
|
72
|
-
/* @__PURE__ */ (0, import_jsx_runtime.
|
|
73
|
-
/* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Button, { size: "$6", circular: !0, icon: import_lucide_icons.ChevronDown, onPress: () => setOpen(!1) }),
|
|
74
|
-
/* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Input, { width: 200 }),
|
|
75
|
-
modal && isPercent && /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, { children: [
|
|
76
|
-
/* @__PURE__ */ (0, import_jsx_runtime.jsx)(InnerSheet, { open: innerOpen, onOpenChange: setInnerOpen }),
|
|
77
|
-
/* @__PURE__ */ (0, import_jsx_runtime.jsx)(
|
|
78
|
-
import_tamagui.Button,
|
|
79
|
-
{
|
|
80
|
-
size: "$6",
|
|
81
|
-
circular: !0,
|
|
82
|
-
icon: import_lucide_icons.ChevronUp,
|
|
83
|
-
onPress: () => setInnerOpen(!0)
|
|
84
|
-
}
|
|
85
|
-
)
|
|
86
|
-
] })
|
|
87
|
-
] })
|
|
72
|
+
/* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_sheet.Sheet.Frame, { padding: "$4", justifyContent: "center", alignItems: "center", gap: "$5", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(SheetContents, { modal, isPercent, innerOpen, setInnerOpen, setOpen }) })
|
|
88
73
|
]
|
|
89
74
|
}
|
|
90
75
|
)
|
|
91
76
|
] });
|
|
92
|
-
}
|
|
77
|
+
}, SheetContents = (0, import_react.memo)(
|
|
78
|
+
({ modal, isPercent, innerOpen, setInnerOpen, setOpen }) => /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, { children: [
|
|
79
|
+
/* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Button, { size: "$6", circular: !0, icon: import_lucide_icons.ChevronDown, onPress: () => setOpen(!1) }),
|
|
80
|
+
/* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Input, { width: 200 }),
|
|
81
|
+
modal && isPercent && /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, { children: [
|
|
82
|
+
/* @__PURE__ */ (0, import_jsx_runtime.jsx)(InnerSheet, { open: innerOpen, onOpenChange: setInnerOpen }),
|
|
83
|
+
/* @__PURE__ */ (0, import_jsx_runtime.jsx)(
|
|
84
|
+
import_tamagui.Button,
|
|
85
|
+
{
|
|
86
|
+
size: "$6",
|
|
87
|
+
circular: !0,
|
|
88
|
+
icon: import_lucide_icons.ChevronUp,
|
|
89
|
+
onPress: () => setInnerOpen(!0)
|
|
90
|
+
}
|
|
91
|
+
)
|
|
92
|
+
] })
|
|
93
|
+
] })
|
|
94
|
+
);
|
|
93
95
|
function InnerSheet(props) {
|
|
94
96
|
return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_sheet.Sheet, { animation: "medium", modal: !0, snapPoints: [90], dismissOnSnapToBottom: !0, ...props, children: [
|
|
95
97
|
/* @__PURE__ */ (0, import_jsx_runtime.jsx)(
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../src/SheetDemo.tsx"],
|
|
4
|
-
"mappings": ";;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,0BAAuC,kCAEvC,eAAsB,2BACtB,
|
|
4
|
+
"mappings": "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",
|
|
5
5
|
"names": ["React"]
|
|
6
6
|
}
|
|
@@ -127,46 +127,57 @@ var import_jsx_runtime = require("react/jsx-runtime"), import_lucide_icons = req
|
|
|
127
127
|
}
|
|
128
128
|
}),
|
|
129
129
|
/* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_sheet.Sheet.Handle, {}),
|
|
130
|
-
/* @__PURE__ */ (0, import_jsx_runtime.
|
|
130
|
+
/* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_sheet.Sheet.Frame, {
|
|
131
131
|
padding: "$4",
|
|
132
132
|
justifyContent: "center",
|
|
133
133
|
alignItems: "center",
|
|
134
134
|
gap: "$5",
|
|
135
|
-
children:
|
|
136
|
-
|
|
137
|
-
|
|
138
|
-
|
|
139
|
-
|
|
140
|
-
|
|
141
|
-
|
|
142
|
-
}
|
|
143
|
-
}),
|
|
144
|
-
/* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Input, {
|
|
145
|
-
width: 200
|
|
146
|
-
}),
|
|
147
|
-
modal && isPercent && /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, {
|
|
148
|
-
children: [
|
|
149
|
-
/* @__PURE__ */ (0, import_jsx_runtime.jsx)(InnerSheet, {
|
|
150
|
-
open: innerOpen,
|
|
151
|
-
onOpenChange: setInnerOpen
|
|
152
|
-
}),
|
|
153
|
-
/* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Button, {
|
|
154
|
-
size: "$6",
|
|
155
|
-
circular: !0,
|
|
156
|
-
icon: import_lucide_icons.ChevronUp,
|
|
157
|
-
onPress: function() {
|
|
158
|
-
return setInnerOpen(!0);
|
|
159
|
-
}
|
|
160
|
-
})
|
|
161
|
-
]
|
|
162
|
-
})
|
|
163
|
-
]
|
|
135
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(SheetContents, {
|
|
136
|
+
modal,
|
|
137
|
+
isPercent,
|
|
138
|
+
innerOpen,
|
|
139
|
+
setInnerOpen,
|
|
140
|
+
setOpen
|
|
141
|
+
})
|
|
164
142
|
})
|
|
165
143
|
]
|
|
166
144
|
})
|
|
167
145
|
]
|
|
168
146
|
});
|
|
169
|
-
}
|
|
147
|
+
}, SheetContents = /* @__PURE__ */ (0, import_react.memo)(function(param) {
|
|
148
|
+
var { modal, isPercent, innerOpen, setInnerOpen, setOpen } = param;
|
|
149
|
+
return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, {
|
|
150
|
+
children: [
|
|
151
|
+
/* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Button, {
|
|
152
|
+
size: "$6",
|
|
153
|
+
circular: !0,
|
|
154
|
+
icon: import_lucide_icons.ChevronDown,
|
|
155
|
+
onPress: function() {
|
|
156
|
+
return setOpen(!1);
|
|
157
|
+
}
|
|
158
|
+
}),
|
|
159
|
+
/* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Input, {
|
|
160
|
+
width: 200
|
|
161
|
+
}),
|
|
162
|
+
modal && isPercent && /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, {
|
|
163
|
+
children: [
|
|
164
|
+
/* @__PURE__ */ (0, import_jsx_runtime.jsx)(InnerSheet, {
|
|
165
|
+
open: innerOpen,
|
|
166
|
+
onOpenChange: setInnerOpen
|
|
167
|
+
}),
|
|
168
|
+
/* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Button, {
|
|
169
|
+
size: "$6",
|
|
170
|
+
circular: !0,
|
|
171
|
+
icon: import_lucide_icons.ChevronUp,
|
|
172
|
+
onPress: function() {
|
|
173
|
+
return setInnerOpen(!0);
|
|
174
|
+
}
|
|
175
|
+
})
|
|
176
|
+
]
|
|
177
|
+
})
|
|
178
|
+
]
|
|
179
|
+
});
|
|
180
|
+
});
|
|
170
181
|
function InnerSheet(props) {
|
|
171
182
|
return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_sheet.Sheet, {
|
|
172
183
|
animation: "medium",
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../src/Users/n8/tamagui/code/demos/src/SheetDemo.tsx"],
|
|
4
|
-
"mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;uDAAA,sBAAuC,kCAEvC,eAAsB,2BACtB,
|
|
5
|
-
"names": ["spModes", "SheetDemo", "position", "setPosition", "React", "useState", "open", "setOpen", "modal", "setModal", "innerOpen", "setInnerOpen", "snapPointsMode", "setSnapPointsMode", "mixedFitDemo", "setMixedFitDemo", "isPercent", "isConstant", "isFit", "isMixed", "snapPoints", "undefined", "_jsxs", "_Fragment", "YStack", "gap", "XStack", "$sm", "flexDirection", "alignItems", "_jsx", "Button", "onPress", "x", "prev", "indexOf", "length", "percent", "constant", "fit", "mixed", "JSON", "stringify", "paddingVertical", "justifyContent", "Paragraph", "Sheet", "forceRemoveScrollEnabled", "onOpenChange", "dismissOnSnapToBottom", "onPositionChange", "zIndex", "animation", "Overlay", "enterStyle", "opacity", "exitStyle", "Handle", "Frame", "padding", "size", "circular", "icon", "ChevronDown", "Input", "width", "InnerSheet", "ChevronUp", "props", "flex", "ScrollView", "p", "alignSelf", "H2", "map", "i"]
|
|
4
|
+
"mappings": "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",
|
|
5
|
+
"names": ["spModes", "SheetDemo", "position", "setPosition", "React", "useState", "open", "setOpen", "modal", "setModal", "innerOpen", "setInnerOpen", "snapPointsMode", "setSnapPointsMode", "mixedFitDemo", "setMixedFitDemo", "isPercent", "isConstant", "isFit", "isMixed", "snapPoints", "undefined", "_jsxs", "_Fragment", "YStack", "gap", "XStack", "$sm", "flexDirection", "alignItems", "_jsx", "Button", "onPress", "x", "prev", "indexOf", "length", "percent", "constant", "fit", "mixed", "JSON", "stringify", "paddingVertical", "justifyContent", "Paragraph", "Sheet", "forceRemoveScrollEnabled", "onOpenChange", "dismissOnSnapToBottom", "onPositionChange", "zIndex", "animation", "Overlay", "enterStyle", "opacity", "exitStyle", "Handle", "Frame", "padding", "SheetContents", "memo", "size", "circular", "icon", "ChevronDown", "Input", "width", "InnerSheet", "ChevronUp", "props", "flex", "ScrollView", "p", "alignSelf", "H2", "map", "i"]
|
|
6
6
|
}
|
package/dist/esm/SheetDemo.js
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { ChevronDown, ChevronUp } from "@tamagui/lucide-icons";
|
|
2
2
|
import { Sheet } from "@tamagui/sheet";
|
|
3
|
-
import React from "react";
|
|
3
|
+
import React, { memo } from "react";
|
|
4
4
|
import { Button, H2, Input, Paragraph, XStack, YStack } from "tamagui";
|
|
5
5
|
import { Fragment, jsx, jsxs } from "react/jsx-runtime";
|
|
6
6
|
const spModes = ["percent", "constant", "fit", "mixed"], SheetDemo = () => {
|
|
@@ -46,27 +46,29 @@ const spModes = ["percent", "constant", "fit", "mixed"], SheetDemo = () => {
|
|
|
46
46
|
}
|
|
47
47
|
),
|
|
48
48
|
/* @__PURE__ */ jsx(Sheet.Handle, {}),
|
|
49
|
-
/* @__PURE__ */
|
|
50
|
-
/* @__PURE__ */ jsx(Button, { size: "$6", circular: !0, icon: ChevronDown, onPress: () => setOpen(!1) }),
|
|
51
|
-
/* @__PURE__ */ jsx(Input, { width: 200 }),
|
|
52
|
-
modal && isPercent && /* @__PURE__ */ jsxs(Fragment, { children: [
|
|
53
|
-
/* @__PURE__ */ jsx(InnerSheet, { open: innerOpen, onOpenChange: setInnerOpen }),
|
|
54
|
-
/* @__PURE__ */ jsx(
|
|
55
|
-
Button,
|
|
56
|
-
{
|
|
57
|
-
size: "$6",
|
|
58
|
-
circular: !0,
|
|
59
|
-
icon: ChevronUp,
|
|
60
|
-
onPress: () => setInnerOpen(!0)
|
|
61
|
-
}
|
|
62
|
-
)
|
|
63
|
-
] })
|
|
64
|
-
] })
|
|
49
|
+
/* @__PURE__ */ jsx(Sheet.Frame, { padding: "$4", justifyContent: "center", alignItems: "center", gap: "$5", children: /* @__PURE__ */ jsx(SheetContents, { modal, isPercent, innerOpen, setInnerOpen, setOpen }) })
|
|
65
50
|
]
|
|
66
51
|
}
|
|
67
52
|
)
|
|
68
53
|
] });
|
|
69
|
-
}
|
|
54
|
+
}, SheetContents = memo(
|
|
55
|
+
({ modal, isPercent, innerOpen, setInnerOpen, setOpen }) => /* @__PURE__ */ jsxs(Fragment, { children: [
|
|
56
|
+
/* @__PURE__ */ jsx(Button, { size: "$6", circular: !0, icon: ChevronDown, onPress: () => setOpen(!1) }),
|
|
57
|
+
/* @__PURE__ */ jsx(Input, { width: 200 }),
|
|
58
|
+
modal && isPercent && /* @__PURE__ */ jsxs(Fragment, { children: [
|
|
59
|
+
/* @__PURE__ */ jsx(InnerSheet, { open: innerOpen, onOpenChange: setInnerOpen }),
|
|
60
|
+
/* @__PURE__ */ jsx(
|
|
61
|
+
Button,
|
|
62
|
+
{
|
|
63
|
+
size: "$6",
|
|
64
|
+
circular: !0,
|
|
65
|
+
icon: ChevronUp,
|
|
66
|
+
onPress: () => setInnerOpen(!0)
|
|
67
|
+
}
|
|
68
|
+
)
|
|
69
|
+
] })
|
|
70
|
+
] })
|
|
71
|
+
);
|
|
70
72
|
function InnerSheet(props) {
|
|
71
73
|
return /* @__PURE__ */ jsxs(Sheet, { animation: "medium", modal: !0, snapPoints: [90], dismissOnSnapToBottom: !0, ...props, children: [
|
|
72
74
|
/* @__PURE__ */ jsx(
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../src/SheetDemo.tsx"],
|
|
4
|
-
"mappings": "AAAA,SAAS,aAAa,iBAAiB;AAEvC,SAAS,aAAa;AACtB,OAAO,
|
|
4
|
+
"mappings": "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",
|
|
5
5
|
"names": []
|
|
6
6
|
}
|
package/dist/esm/SheetDemo.mjs
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { ChevronDown, ChevronUp } from "@tamagui/lucide-icons";
|
|
2
2
|
import { Sheet } from "@tamagui/sheet";
|
|
3
|
-
import React from "react";
|
|
3
|
+
import React, { memo } from "react";
|
|
4
4
|
import { Button, H2, Input, Paragraph, XStack, YStack } from "tamagui";
|
|
5
5
|
import { Fragment, jsx, jsxs } from "react/jsx-runtime";
|
|
6
6
|
const spModes = ["percent", "constant", "fit", "mixed"],
|
|
@@ -70,33 +70,48 @@ const spModes = ["percent", "constant", "fit", "mixed"],
|
|
|
70
70
|
exitStyle: {
|
|
71
71
|
opacity: 0
|
|
72
72
|
}
|
|
73
|
-
}), /* @__PURE__ */jsx(Sheet.Handle, {}), /* @__PURE__ */
|
|
73
|
+
}), /* @__PURE__ */jsx(Sheet.Handle, {}), /* @__PURE__ */jsx(Sheet.Frame, {
|
|
74
74
|
padding: "$4",
|
|
75
75
|
justifyContent: "center",
|
|
76
76
|
alignItems: "center",
|
|
77
77
|
gap: "$5",
|
|
78
|
-
children:
|
|
79
|
-
|
|
80
|
-
|
|
81
|
-
|
|
82
|
-
|
|
83
|
-
|
|
84
|
-
|
|
85
|
-
}), modal && isPercent && /* @__PURE__ */jsxs(Fragment, {
|
|
86
|
-
children: [/* @__PURE__ */jsx(InnerSheet, {
|
|
87
|
-
open: innerOpen,
|
|
88
|
-
onOpenChange: setInnerOpen
|
|
89
|
-
}), /* @__PURE__ */jsx(Button, {
|
|
90
|
-
size: "$6",
|
|
91
|
-
circular: !0,
|
|
92
|
-
icon: ChevronUp,
|
|
93
|
-
onPress: () => setInnerOpen(!0)
|
|
94
|
-
})]
|
|
95
|
-
})]
|
|
78
|
+
children: /* @__PURE__ */jsx(SheetContents, {
|
|
79
|
+
modal,
|
|
80
|
+
isPercent,
|
|
81
|
+
innerOpen,
|
|
82
|
+
setInnerOpen,
|
|
83
|
+
setOpen
|
|
84
|
+
})
|
|
96
85
|
})]
|
|
97
86
|
})]
|
|
98
87
|
});
|
|
99
|
-
}
|
|
88
|
+
},
|
|
89
|
+
SheetContents = memo(({
|
|
90
|
+
modal,
|
|
91
|
+
isPercent,
|
|
92
|
+
innerOpen,
|
|
93
|
+
setInnerOpen,
|
|
94
|
+
setOpen
|
|
95
|
+
}) => /* @__PURE__ */jsxs(Fragment, {
|
|
96
|
+
children: [/* @__PURE__ */jsx(Button, {
|
|
97
|
+
size: "$6",
|
|
98
|
+
circular: !0,
|
|
99
|
+
icon: ChevronDown,
|
|
100
|
+
onPress: () => setOpen(!1)
|
|
101
|
+
}), /* @__PURE__ */jsx(Input, {
|
|
102
|
+
width: 200
|
|
103
|
+
}), modal && isPercent && /* @__PURE__ */jsxs(Fragment, {
|
|
104
|
+
children: [/* @__PURE__ */jsx(InnerSheet, {
|
|
105
|
+
open: innerOpen,
|
|
106
|
+
onOpenChange: setInnerOpen
|
|
107
|
+
}), /* @__PURE__ */jsx(Button, {
|
|
108
|
+
size: "$6",
|
|
109
|
+
circular: !0,
|
|
110
|
+
icon: ChevronUp,
|
|
111
|
+
onPress: () => setInnerOpen(!0)
|
|
112
|
+
})]
|
|
113
|
+
})]
|
|
114
|
+
}));
|
|
100
115
|
function InnerSheet(props) {
|
|
101
116
|
return /* @__PURE__ */jsxs(Sheet, {
|
|
102
117
|
animation: "medium",
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["ChevronDown","ChevronUp","Sheet","React","Button","H2","Input","Paragraph","XStack","YStack","Fragment","jsx","jsxs","spModes","SheetDemo","position","setPosition","useState","open","setOpen","modal","setModal","innerOpen","setInnerOpen","snapPointsMode","setSnapPointsMode","mixedFitDemo","setMixedFitDemo","isPercent","isConstant","isFit","isMixed","snapPoints","children","gap","$sm","flexDirection","alignItems","onPress","x","prev","indexOf","length","percent","constant","fit","mixed","JSON","stringify","paddingVertical","justifyContent","forceRemoveScrollEnabled","onOpenChange","dismissOnSnapToBottom","onPositionChange","zIndex","animation","Overlay","enterStyle","opacity","exitStyle","Handle","Frame","padding","size","circular","icon","width","InnerSheet","props","flex","ScrollView","p","alignSelf","map","i"],"sources":["../../src/SheetDemo.tsx"],"sourcesContent":[null],"mappings":"AAAA,SAASA,WAAA,EAAaC,SAAA,QAAiB;AAEvC,SAASC,KAAA,QAAa;AACtB,OAAOC,KAAA,
|
|
1
|
+
{"version":3,"names":["ChevronDown","ChevronUp","Sheet","React","memo","Button","H2","Input","Paragraph","XStack","YStack","Fragment","jsx","jsxs","spModes","SheetDemo","position","setPosition","useState","open","setOpen","modal","setModal","innerOpen","setInnerOpen","snapPointsMode","setSnapPointsMode","mixedFitDemo","setMixedFitDemo","isPercent","isConstant","isFit","isMixed","snapPoints","children","gap","$sm","flexDirection","alignItems","onPress","x","prev","indexOf","length","percent","constant","fit","mixed","JSON","stringify","paddingVertical","justifyContent","forceRemoveScrollEnabled","onOpenChange","dismissOnSnapToBottom","onPositionChange","zIndex","animation","Overlay","enterStyle","opacity","exitStyle","Handle","Frame","padding","SheetContents","size","circular","icon","width","InnerSheet","props","flex","ScrollView","p","alignSelf","map","i"],"sources":["../../src/SheetDemo.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
|
|
2
2
|
import { ChevronDown, ChevronUp } from "@tamagui/lucide-icons";
|
|
3
3
|
import { Sheet } from "@tamagui/sheet";
|
|
4
|
-
import React from "react";
|
|
4
|
+
import React, { memo } from "react";
|
|
5
5
|
import { Button, H2, Input, Paragraph, XStack, YStack } from "tamagui";
|
|
6
6
|
var spModes = [
|
|
7
7
|
"percent",
|
|
@@ -104,46 +104,57 @@ var spModes = [
|
|
|
104
104
|
}
|
|
105
105
|
}),
|
|
106
106
|
/* @__PURE__ */ _jsx(Sheet.Handle, {}),
|
|
107
|
-
/* @__PURE__ */
|
|
107
|
+
/* @__PURE__ */ _jsx(Sheet.Frame, {
|
|
108
108
|
padding: "$4",
|
|
109
109
|
justifyContent: "center",
|
|
110
110
|
alignItems: "center",
|
|
111
111
|
gap: "$5",
|
|
112
|
-
children:
|
|
113
|
-
|
|
114
|
-
|
|
115
|
-
|
|
116
|
-
|
|
117
|
-
|
|
118
|
-
|
|
119
|
-
}
|
|
120
|
-
}),
|
|
121
|
-
/* @__PURE__ */ _jsx(Input, {
|
|
122
|
-
width: 200
|
|
123
|
-
}),
|
|
124
|
-
modal && isPercent && /* @__PURE__ */ _jsxs(_Fragment, {
|
|
125
|
-
children: [
|
|
126
|
-
/* @__PURE__ */ _jsx(InnerSheet, {
|
|
127
|
-
open: innerOpen,
|
|
128
|
-
onOpenChange: setInnerOpen
|
|
129
|
-
}),
|
|
130
|
-
/* @__PURE__ */ _jsx(Button, {
|
|
131
|
-
size: "$6",
|
|
132
|
-
circular: !0,
|
|
133
|
-
icon: ChevronUp,
|
|
134
|
-
onPress: function() {
|
|
135
|
-
return setInnerOpen(!0);
|
|
136
|
-
}
|
|
137
|
-
})
|
|
138
|
-
]
|
|
139
|
-
})
|
|
140
|
-
]
|
|
112
|
+
children: /* @__PURE__ */ _jsx(SheetContents, {
|
|
113
|
+
modal,
|
|
114
|
+
isPercent,
|
|
115
|
+
innerOpen,
|
|
116
|
+
setInnerOpen,
|
|
117
|
+
setOpen
|
|
118
|
+
})
|
|
141
119
|
})
|
|
142
120
|
]
|
|
143
121
|
})
|
|
144
122
|
]
|
|
145
123
|
});
|
|
146
|
-
}
|
|
124
|
+
}, SheetContents = /* @__PURE__ */ memo(function(param) {
|
|
125
|
+
var { modal, isPercent, innerOpen, setInnerOpen, setOpen } = param;
|
|
126
|
+
return /* @__PURE__ */ _jsxs(_Fragment, {
|
|
127
|
+
children: [
|
|
128
|
+
/* @__PURE__ */ _jsx(Button, {
|
|
129
|
+
size: "$6",
|
|
130
|
+
circular: !0,
|
|
131
|
+
icon: ChevronDown,
|
|
132
|
+
onPress: function() {
|
|
133
|
+
return setOpen(!1);
|
|
134
|
+
}
|
|
135
|
+
}),
|
|
136
|
+
/* @__PURE__ */ _jsx(Input, {
|
|
137
|
+
width: 200
|
|
138
|
+
}),
|
|
139
|
+
modal && isPercent && /* @__PURE__ */ _jsxs(_Fragment, {
|
|
140
|
+
children: [
|
|
141
|
+
/* @__PURE__ */ _jsx(InnerSheet, {
|
|
142
|
+
open: innerOpen,
|
|
143
|
+
onOpenChange: setInnerOpen
|
|
144
|
+
}),
|
|
145
|
+
/* @__PURE__ */ _jsx(Button, {
|
|
146
|
+
size: "$6",
|
|
147
|
+
circular: !0,
|
|
148
|
+
icon: ChevronUp,
|
|
149
|
+
onPress: function() {
|
|
150
|
+
return setInnerOpen(!0);
|
|
151
|
+
}
|
|
152
|
+
})
|
|
153
|
+
]
|
|
154
|
+
})
|
|
155
|
+
]
|
|
156
|
+
});
|
|
157
|
+
});
|
|
147
158
|
function InnerSheet(props) {
|
|
148
159
|
return /* @__PURE__ */ _jsxs(Sheet, {
|
|
149
160
|
animation: "medium",
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../src/Users/n8/tamagui/code/demos/src/SheetDemo.tsx"],
|
|
4
|
-
"mappings": ";AAAA,SAASA,aAAaC,iBAAiB;AAEvC,SAASC,aAAa;AACtB,OAAOC,
|
|
5
|
-
"names": ["ChevronDown", "ChevronUp", "Sheet", "React", "Button", "H2", "Input", "Paragraph", "XStack", "YStack", "spModes", "SheetDemo", "position", "setPosition", "useState", "open", "setOpen", "modal", "setModal", "innerOpen", "setInnerOpen", "snapPointsMode", "setSnapPointsMode", "mixedFitDemo", "setMixedFitDemo", "isPercent", "isConstant", "isFit", "isMixed", "snapPoints", "undefined", "gap", "$sm", "flexDirection", "alignItems", "onPress", "x", "prev", "indexOf", "length", "percent", "constant", "fit", "mixed", "JSON", "stringify", "paddingVertical", "justifyContent", "forceRemoveScrollEnabled", "onOpenChange", "dismissOnSnapToBottom", "onPositionChange", "zIndex", "animation", "Overlay", "enterStyle", "opacity", "exitStyle", "Handle", "Frame", "padding", "size", "circular", "icon", "width", "InnerSheet", "props", "flex", "ScrollView", "p", "alignSelf", "map", "i"]
|
|
4
|
+
"mappings": "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",
|
|
5
|
+
"names": ["ChevronDown", "ChevronUp", "Sheet", "React", "memo", "Button", "H2", "Input", "Paragraph", "XStack", "YStack", "spModes", "SheetDemo", "position", "setPosition", "useState", "open", "setOpen", "modal", "setModal", "innerOpen", "setInnerOpen", "snapPointsMode", "setSnapPointsMode", "mixedFitDemo", "setMixedFitDemo", "isPercent", "isConstant", "isFit", "isMixed", "snapPoints", "undefined", "gap", "$sm", "flexDirection", "alignItems", "onPress", "x", "prev", "indexOf", "length", "percent", "constant", "fit", "mixed", "JSON", "stringify", "paddingVertical", "justifyContent", "forceRemoveScrollEnabled", "onOpenChange", "dismissOnSnapToBottom", "onPositionChange", "zIndex", "animation", "Overlay", "enterStyle", "opacity", "exitStyle", "Handle", "Frame", "padding", "SheetContents", "size", "circular", "icon", "width", "InnerSheet", "props", "flex", "ScrollView", "p", "alignSelf", "map", "i"]
|
|
6
6
|
}
|
package/dist/jsx/SheetDemo.js
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { ChevronDown, ChevronUp } from "@tamagui/lucide-icons";
|
|
2
2
|
import { Sheet } from "@tamagui/sheet";
|
|
3
|
-
import React from "react";
|
|
3
|
+
import React, { memo } from "react";
|
|
4
4
|
import { Button, H2, Input, Paragraph, XStack, YStack } from "tamagui";
|
|
5
5
|
import { Fragment, jsx, jsxs } from "react/jsx-runtime";
|
|
6
6
|
const spModes = ["percent", "constant", "fit", "mixed"], SheetDemo = () => {
|
|
@@ -46,27 +46,29 @@ const spModes = ["percent", "constant", "fit", "mixed"], SheetDemo = () => {
|
|
|
46
46
|
}
|
|
47
47
|
),
|
|
48
48
|
/* @__PURE__ */ jsx(Sheet.Handle, {}),
|
|
49
|
-
/* @__PURE__ */
|
|
50
|
-
/* @__PURE__ */ jsx(Button, { size: "$6", circular: !0, icon: ChevronDown, onPress: () => setOpen(!1) }),
|
|
51
|
-
/* @__PURE__ */ jsx(Input, { width: 200 }),
|
|
52
|
-
modal && isPercent && /* @__PURE__ */ jsxs(Fragment, { children: [
|
|
53
|
-
/* @__PURE__ */ jsx(InnerSheet, { open: innerOpen, onOpenChange: setInnerOpen }),
|
|
54
|
-
/* @__PURE__ */ jsx(
|
|
55
|
-
Button,
|
|
56
|
-
{
|
|
57
|
-
size: "$6",
|
|
58
|
-
circular: !0,
|
|
59
|
-
icon: ChevronUp,
|
|
60
|
-
onPress: () => setInnerOpen(!0)
|
|
61
|
-
}
|
|
62
|
-
)
|
|
63
|
-
] })
|
|
64
|
-
] })
|
|
49
|
+
/* @__PURE__ */ jsx(Sheet.Frame, { padding: "$4", justifyContent: "center", alignItems: "center", gap: "$5", children: /* @__PURE__ */ jsx(SheetContents, { modal, isPercent, innerOpen, setInnerOpen, setOpen }) })
|
|
65
50
|
]
|
|
66
51
|
}
|
|
67
52
|
)
|
|
68
53
|
] });
|
|
69
|
-
}
|
|
54
|
+
}, SheetContents = memo(
|
|
55
|
+
({ modal, isPercent, innerOpen, setInnerOpen, setOpen }) => /* @__PURE__ */ jsxs(Fragment, { children: [
|
|
56
|
+
/* @__PURE__ */ jsx(Button, { size: "$6", circular: !0, icon: ChevronDown, onPress: () => setOpen(!1) }),
|
|
57
|
+
/* @__PURE__ */ jsx(Input, { width: 200 }),
|
|
58
|
+
modal && isPercent && /* @__PURE__ */ jsxs(Fragment, { children: [
|
|
59
|
+
/* @__PURE__ */ jsx(InnerSheet, { open: innerOpen, onOpenChange: setInnerOpen }),
|
|
60
|
+
/* @__PURE__ */ jsx(
|
|
61
|
+
Button,
|
|
62
|
+
{
|
|
63
|
+
size: "$6",
|
|
64
|
+
circular: !0,
|
|
65
|
+
icon: ChevronUp,
|
|
66
|
+
onPress: () => setInnerOpen(!0)
|
|
67
|
+
}
|
|
68
|
+
)
|
|
69
|
+
] })
|
|
70
|
+
] })
|
|
71
|
+
);
|
|
70
72
|
function InnerSheet(props) {
|
|
71
73
|
return /* @__PURE__ */ jsxs(Sheet, { animation: "medium", modal: !0, snapPoints: [90], dismissOnSnapToBottom: !0, ...props, children: [
|
|
72
74
|
/* @__PURE__ */ jsx(
|