@tamagui/demos 1.126.13 → 1.126.14
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/DialogDemo.cjs +17 -10
- package/dist/cjs/DialogDemo.js +12 -17
- package/dist/cjs/DialogDemo.js.map +1 -1
- package/dist/cjs/DialogDemo.native.js +17 -10
- package/dist/cjs/DialogDemo.native.js.map +2 -2
- package/dist/cjs/SelectDemo.cjs +1 -1
- package/dist/cjs/SelectDemo.js +1 -1
- package/dist/cjs/SelectDemo.js.map +1 -1
- package/dist/cjs/SelectDemo.native.js +1 -1
- package/dist/cjs/SelectDemo.native.js.map +2 -2
- package/dist/esm/DialogDemo.js +14 -18
- package/dist/esm/DialogDemo.js.map +1 -1
- package/dist/esm/DialogDemo.mjs +19 -12
- package/dist/esm/DialogDemo.mjs.map +1 -1
- package/dist/esm/DialogDemo.native.js +19 -12
- package/dist/esm/DialogDemo.native.js.map +1 -1
- package/dist/esm/SelectDemo.js +1 -1
- package/dist/esm/SelectDemo.js.map +1 -1
- package/dist/esm/SelectDemo.mjs +1 -1
- package/dist/esm/SelectDemo.mjs.map +1 -1
- package/dist/esm/SelectDemo.native.js +1 -1
- package/dist/esm/SelectDemo.native.js.map +1 -1
- package/package.json +20 -20
- package/src/DialogDemo.tsx +19 -15
- package/src/SelectDemo.tsx +7 -5
package/dist/cjs/DialogDemo.cjs
CHANGED
|
@@ -80,8 +80,7 @@ function DialogInstance({
|
|
|
80
80
|
}
|
|
81
81
|
}],
|
|
82
82
|
enterStyle: {
|
|
83
|
-
opacity: 0
|
|
84
|
-
scale: 0.95
|
|
83
|
+
opacity: 0
|
|
85
84
|
},
|
|
86
85
|
exitStyle: {
|
|
87
86
|
opacity: 0
|
|
@@ -89,8 +88,8 @@ function DialogInstance({
|
|
|
89
88
|
}, "overlay"), /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_tamagui.Dialog.Content, {
|
|
90
89
|
bordered: !0,
|
|
91
90
|
w: 400,
|
|
92
|
-
h: 400,
|
|
93
91
|
elevate: !0,
|
|
92
|
+
borderRadius: "$6",
|
|
94
93
|
animateOnly: ["transform", "opacity"],
|
|
95
94
|
animation: ["quicker", {
|
|
96
95
|
opacity: {
|
|
@@ -99,7 +98,7 @@ function DialogInstance({
|
|
|
99
98
|
}],
|
|
100
99
|
enterStyle: {
|
|
101
100
|
x: 0,
|
|
102
|
-
y:
|
|
101
|
+
y: 20,
|
|
103
102
|
opacity: 0
|
|
104
103
|
},
|
|
105
104
|
exitStyle: {
|
|
@@ -117,8 +116,7 @@ function DialogInstance({
|
|
|
117
116
|
gap: "$4",
|
|
118
117
|
horizontal: !0,
|
|
119
118
|
children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Label, {
|
|
120
|
-
width:
|
|
121
|
-
justifyContent: "flex-end",
|
|
119
|
+
width: 64,
|
|
122
120
|
htmlFor: "name",
|
|
123
121
|
children: "Name"
|
|
124
122
|
}), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Input, {
|
|
@@ -130,8 +128,7 @@ function DialogInstance({
|
|
|
130
128
|
gap: "$4",
|
|
131
129
|
horizontal: !0,
|
|
132
130
|
children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Label, {
|
|
133
|
-
width:
|
|
134
|
-
justifyContent: "flex-end",
|
|
131
|
+
width: 64,
|
|
135
132
|
htmlFor: "username",
|
|
136
133
|
children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.TooltipSimple, {
|
|
137
134
|
label: "Pick your favorite",
|
|
@@ -140,7 +137,18 @@ function DialogInstance({
|
|
|
140
137
|
children: "Food"
|
|
141
138
|
})
|
|
142
139
|
})
|
|
143
|
-
}), /* @__PURE__ */(0, import_jsx_runtime.jsx)(
|
|
140
|
+
}), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.XStack, {
|
|
141
|
+
flex: 1,
|
|
142
|
+
children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_SelectDemo.SelectDemoItem, {
|
|
143
|
+
trigger: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Select.Trigger, {
|
|
144
|
+
flex: 1,
|
|
145
|
+
iconAfter: import_lucide_icons.ChevronDown,
|
|
146
|
+
children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Select.Value, {
|
|
147
|
+
placeholder: "Something"
|
|
148
|
+
})
|
|
149
|
+
})
|
|
150
|
+
})
|
|
151
|
+
})]
|
|
144
152
|
}), /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_tamagui.XStack, {
|
|
145
153
|
alignSelf: "flex-end",
|
|
146
154
|
gap: "$4",
|
|
@@ -158,7 +166,6 @@ function DialogInstance({
|
|
|
158
166
|
asChild: !0,
|
|
159
167
|
children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Button, {
|
|
160
168
|
position: "absolute",
|
|
161
|
-
top: "$3",
|
|
162
169
|
right: "$3",
|
|
163
170
|
size: "$2",
|
|
164
171
|
circular: !0,
|
package/dist/cjs/DialogDemo.js
CHANGED
|
@@ -56,7 +56,7 @@ function DialogInstance({ disableAdapt }) {
|
|
|
56
56
|
}
|
|
57
57
|
}
|
|
58
58
|
],
|
|
59
|
-
enterStyle: { opacity: 0
|
|
59
|
+
enterStyle: { opacity: 0 },
|
|
60
60
|
exitStyle: { opacity: 0 }
|
|
61
61
|
},
|
|
62
62
|
"overlay"
|
|
@@ -66,8 +66,8 @@ function DialogInstance({ disableAdapt }) {
|
|
|
66
66
|
{
|
|
67
67
|
bordered: !0,
|
|
68
68
|
w: 400,
|
|
69
|
-
h: 400,
|
|
70
69
|
elevate: !0,
|
|
70
|
+
borderRadius: "$6",
|
|
71
71
|
animateOnly: ["transform", "opacity"],
|
|
72
72
|
animation: [
|
|
73
73
|
"quicker",
|
|
@@ -77,35 +77,30 @@ function DialogInstance({ disableAdapt }) {
|
|
|
77
77
|
}
|
|
78
78
|
}
|
|
79
79
|
],
|
|
80
|
-
enterStyle: { x: 0, y:
|
|
80
|
+
enterStyle: { x: 0, y: 20, opacity: 0 },
|
|
81
81
|
exitStyle: { x: 0, y: 10, opacity: 0, scale: 0.95 },
|
|
82
82
|
gap: "$4",
|
|
83
83
|
children: [
|
|
84
84
|
/* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Dialog.Title, { children: "Edit profile" }),
|
|
85
85
|
/* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Dialog.Description, { children: "Make changes to your profile here. Click save when you're done." }),
|
|
86
86
|
/* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_tamagui.Fieldset, { gap: "$4", horizontal: !0, children: [
|
|
87
|
-
/* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Label, { width:
|
|
87
|
+
/* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Label, { width: 64, htmlFor: "name", children: "Name" }),
|
|
88
88
|
/* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Input, { flex: 1, id: "name", defaultValue: "Nate Wienert" })
|
|
89
89
|
] }),
|
|
90
90
|
/* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_tamagui.Fieldset, { gap: "$4", horizontal: !0, children: [
|
|
91
|
-
/* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Label, { width:
|
|
92
|
-
/* @__PURE__ */ (0, import_jsx_runtime.jsx)(
|
|
91
|
+
/* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Label, { width: 64, htmlFor: "username", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.TooltipSimple, { label: "Pick your favorite", placement: "bottom-start", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Paragraph, { children: "Food" }) }) }),
|
|
92
|
+
/* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.XStack, { flex: 1, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
|
|
93
|
+
import_SelectDemo.SelectDemoItem,
|
|
94
|
+
{
|
|
95
|
+
trigger: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Select.Trigger, { flex: 1, iconAfter: import_lucide_icons.ChevronDown, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Select.Value, { placeholder: "Something" }) })
|
|
96
|
+
}
|
|
97
|
+
) })
|
|
93
98
|
] }),
|
|
94
99
|
/* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_tamagui.XStack, { alignSelf: "flex-end", gap: "$4", children: [
|
|
95
100
|
/* @__PURE__ */ (0, import_jsx_runtime.jsx)(DialogInstance, {}),
|
|
96
101
|
/* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Dialog.Close, { displayWhenAdapted: !0, asChild: !0, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Button, { theme: "accent", "aria-label": "Close", children: "Save changes" }) })
|
|
97
102
|
] }),
|
|
98
|
-
/* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Unspaced, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Dialog.Close, { asChild: !0, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
|
|
99
|
-
import_tamagui.Button,
|
|
100
|
-
{
|
|
101
|
-
position: "absolute",
|
|
102
|
-
top: "$3",
|
|
103
|
-
right: "$3",
|
|
104
|
-
size: "$2",
|
|
105
|
-
circular: !0,
|
|
106
|
-
icon: import_lucide_icons.X
|
|
107
|
-
}
|
|
108
|
-
) }) })
|
|
103
|
+
/* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Unspaced, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Dialog.Close, { asChild: !0, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Button, { position: "absolute", right: "$3", size: "$2", circular: !0, icon: import_lucide_icons.X }) }) })
|
|
109
104
|
]
|
|
110
105
|
},
|
|
111
106
|
"content"
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../src/DialogDemo.tsx"],
|
|
4
|
-
"mappings": ";;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,
|
|
4
|
+
"mappings": "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",
|
|
5
5
|
"names": []
|
|
6
6
|
}
|
|
@@ -90,8 +90,7 @@ function DialogInstance(param) {
|
|
|
90
90
|
}
|
|
91
91
|
],
|
|
92
92
|
enterStyle: {
|
|
93
|
-
opacity: 0
|
|
94
|
-
scale: 0.95
|
|
93
|
+
opacity: 0
|
|
95
94
|
},
|
|
96
95
|
exitStyle: {
|
|
97
96
|
opacity: 0
|
|
@@ -100,8 +99,8 @@ function DialogInstance(param) {
|
|
|
100
99
|
/* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_tamagui.Dialog.Content, {
|
|
101
100
|
bordered: !0,
|
|
102
101
|
w: 400,
|
|
103
|
-
h: 400,
|
|
104
102
|
elevate: !0,
|
|
103
|
+
borderRadius: "$6",
|
|
105
104
|
animateOnly: [
|
|
106
105
|
"transform",
|
|
107
106
|
"opacity"
|
|
@@ -116,7 +115,7 @@ function DialogInstance(param) {
|
|
|
116
115
|
],
|
|
117
116
|
enterStyle: {
|
|
118
117
|
x: 0,
|
|
119
|
-
y:
|
|
118
|
+
y: 20,
|
|
120
119
|
opacity: 0
|
|
121
120
|
},
|
|
122
121
|
exitStyle: {
|
|
@@ -138,8 +137,7 @@ function DialogInstance(param) {
|
|
|
138
137
|
horizontal: !0,
|
|
139
138
|
children: [
|
|
140
139
|
/* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Label, {
|
|
141
|
-
width:
|
|
142
|
-
justifyContent: "flex-end",
|
|
140
|
+
width: 64,
|
|
143
141
|
htmlFor: "name",
|
|
144
142
|
children: "Name"
|
|
145
143
|
}),
|
|
@@ -155,8 +153,7 @@ function DialogInstance(param) {
|
|
|
155
153
|
horizontal: !0,
|
|
156
154
|
children: [
|
|
157
155
|
/* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Label, {
|
|
158
|
-
width:
|
|
159
|
-
justifyContent: "flex-end",
|
|
156
|
+
width: 64,
|
|
160
157
|
htmlFor: "username",
|
|
161
158
|
children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.TooltipSimple, {
|
|
162
159
|
label: "Pick your favorite",
|
|
@@ -166,7 +163,18 @@ function DialogInstance(param) {
|
|
|
166
163
|
})
|
|
167
164
|
})
|
|
168
165
|
}),
|
|
169
|
-
/* @__PURE__ */ (0, import_jsx_runtime.jsx)(
|
|
166
|
+
/* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.XStack, {
|
|
167
|
+
flex: 1,
|
|
168
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_SelectDemo.SelectDemoItem, {
|
|
169
|
+
trigger: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Select.Trigger, {
|
|
170
|
+
flex: 1,
|
|
171
|
+
iconAfter: import_lucide_icons.ChevronDown,
|
|
172
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Select.Value, {
|
|
173
|
+
placeholder: "Something"
|
|
174
|
+
})
|
|
175
|
+
})
|
|
176
|
+
})
|
|
177
|
+
})
|
|
170
178
|
]
|
|
171
179
|
}),
|
|
172
180
|
/* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_tamagui.XStack, {
|
|
@@ -190,7 +198,6 @@ function DialogInstance(param) {
|
|
|
190
198
|
asChild: !0,
|
|
191
199
|
children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Button, {
|
|
192
200
|
position: "absolute",
|
|
193
|
-
top: "$3",
|
|
194
201
|
right: "$3",
|
|
195
202
|
size: "$2",
|
|
196
203
|
circular: !0,
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../src/DialogDemo.tsx"],
|
|
4
|
-
"mappings": ";;;;;;;;;;;;;;;;;;;;uDAAA,
|
|
5
|
-
"names": ["DialogDemo", "_jsxs", "View", "gap", "justifyContent", "alignItems", "_jsx", "DialogInstance", "disableAdapt", "Dialog", "modal", "Trigger", "asChild", "Button", "Adapt", "when", "platform", "Sheet", "animation", "zIndex", "dismissOnSnapToBottom", "Frame", "padding", "Contents", "Overlay", "backgroundColor", "enterStyle", "opacity", "exitStyle", "Portal", "animateOnly", "overshootClamping", "
|
|
4
|
+
"mappings": "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",
|
|
5
|
+
"names": ["DialogDemo", "_jsxs", "View", "gap", "justifyContent", "alignItems", "_jsx", "DialogInstance", "disableAdapt", "Dialog", "modal", "Trigger", "asChild", "Button", "Adapt", "when", "platform", "Sheet", "animation", "zIndex", "dismissOnSnapToBottom", "Frame", "padding", "Contents", "Overlay", "backgroundColor", "enterStyle", "opacity", "exitStyle", "Portal", "animateOnly", "overshootClamping", "Content", "bordered", "w", "elevate", "borderRadius", "x", "y", "scale", "Title", "Description", "Fieldset", "horizontal", "Label", "width", "htmlFor", "Input", "flex", "id", "defaultValue", "TooltipSimple", "label", "placement", "Paragraph", "XStack", "SelectDemoItem", "trigger", "Select", "iconAfter", "ChevronDown", "Value", "placeholder", "alignSelf", "Close", "displayWhenAdapted", "theme", "aria-label", "Unspaced", "position", "right", "size", "circular", "icon", "X"]
|
|
6
6
|
}
|
package/dist/cjs/SelectDemo.cjs
CHANGED
|
@@ -78,7 +78,7 @@ function SelectDemoItem(props) {
|
|
|
78
78
|
onValueChange: setVal,
|
|
79
79
|
disablePreventBodyScroll: !0,
|
|
80
80
|
...props,
|
|
81
|
-
children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Select.Trigger, {
|
|
81
|
+
children: [props?.trigger || /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Select.Trigger, {
|
|
82
82
|
maxWidth: 220,
|
|
83
83
|
iconAfter: import_lucide_icons.ChevronDown,
|
|
84
84
|
children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Select.Value, {
|
package/dist/cjs/SelectDemo.js
CHANGED
|
@@ -42,7 +42,7 @@ function SelectDemo() {
|
|
|
42
42
|
function SelectDemoItem(props) {
|
|
43
43
|
const [val, setVal] = import_react.default.useState("apple");
|
|
44
44
|
return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_tamagui.Select, { value: val, onValueChange: setVal, disablePreventBodyScroll: !0, ...props, children: [
|
|
45
|
-
/* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Select.Trigger, { maxWidth: 220, iconAfter: import_lucide_icons.ChevronDown, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Select.Value, { placeholder: "Something" }) }),
|
|
45
|
+
props?.trigger || /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Select.Trigger, { maxWidth: 220, iconAfter: import_lucide_icons.ChevronDown, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Select.Value, { placeholder: "Something" }) }),
|
|
46
46
|
/* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Adapt, { when: "maxMd", platform: "touch", children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_tamagui.Sheet, { native: !!props.native, modal: !0, dismissOnSnapToBottom: !0, animation: "medium", children: [
|
|
47
47
|
/* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Sheet.Frame, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Sheet.ScrollView, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Adapt.Contents, {}) }) }),
|
|
48
48
|
/* @__PURE__ */ (0, import_jsx_runtime.jsx)(
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../src/SelectDemo.tsx"],
|
|
4
|
-
"mappings": ";;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,
|
|
4
|
+
"mappings": "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",
|
|
5
5
|
"names": ["React"]
|
|
6
6
|
}
|
|
@@ -76,7 +76,7 @@ function SelectDemoItem(props) {
|
|
|
76
76
|
disablePreventBodyScroll: !0,
|
|
77
77
|
...props,
|
|
78
78
|
children: [
|
|
79
|
-
/* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Select.Trigger, {
|
|
79
|
+
(props == null ? void 0 : props.trigger) || /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Select.Trigger, {
|
|
80
80
|
maxWidth: 220,
|
|
81
81
|
iconAfter: import_lucide_icons.ChevronDown,
|
|
82
82
|
children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Select.Value, {
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../src/SelectDemo.tsx"],
|
|
4
|
-
"mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;uDAAA,
|
|
5
|
-
"names": ["SelectDemo", "_jsxs", "YStack", "gap", "XStack", "w", "ai", "_jsx", "Label", "htmlFor", "flex", "miw", "SelectDemoItem", "id", "native", "props", "val", "setVal", "React", "useState", "Select", "value", "onValueChange", "disablePreventBodyScroll", "Trigger", "maxWidth", "iconAfter", "ChevronDown", "Value", "placeholder", "Adapt", "when", "platform", "Sheet", "modal", "dismissOnSnapToBottom", "animation", "Frame", "ScrollView", "Contents", "Overlay", "backgroundColor", "enterStyle", "opacity", "exitStyle", "Content", "zIndex", "ScrollUpButton", "alignItems", "justifyContent", "position", "width", "height", "ChevronUp", "size", "LinearGradient", "start", "end", "fullscreen", "colors", "borderRadius", "Viewport", "minWidth", "Group", "useMemo", "items", "map", "item", "i", "Item", "index", "name", "toLowerCase", "ItemText", "ItemIndicator", "marginLeft", "Check", "right", "top", "bottom", "pointerEvents", "getFontSize", "ScrollDownButton"]
|
|
4
|
+
"mappings": "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",
|
|
5
|
+
"names": ["SelectDemo", "_jsxs", "YStack", "gap", "XStack", "w", "ai", "_jsx", "Label", "htmlFor", "flex", "miw", "SelectDemoItem", "id", "native", "props", "val", "setVal", "React", "useState", "Select", "value", "onValueChange", "disablePreventBodyScroll", "trigger", "Trigger", "maxWidth", "iconAfter", "ChevronDown", "Value", "placeholder", "Adapt", "when", "platform", "Sheet", "modal", "dismissOnSnapToBottom", "animation", "Frame", "ScrollView", "Contents", "Overlay", "backgroundColor", "enterStyle", "opacity", "exitStyle", "Content", "zIndex", "ScrollUpButton", "alignItems", "justifyContent", "position", "width", "height", "ChevronUp", "size", "LinearGradient", "start", "end", "fullscreen", "colors", "borderRadius", "Viewport", "minWidth", "Group", "useMemo", "items", "map", "item", "i", "Item", "index", "name", "toLowerCase", "ItemText", "ItemIndicator", "marginLeft", "Check", "right", "top", "bottom", "pointerEvents", "getFontSize", "ScrollDownButton"]
|
|
6
6
|
}
|
package/dist/esm/DialogDemo.js
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { X } from "@tamagui/lucide-icons";
|
|
1
|
+
import { ChevronDown, X } from "@tamagui/lucide-icons";
|
|
2
2
|
import {
|
|
3
3
|
Adapt,
|
|
4
4
|
Button,
|
|
@@ -7,6 +7,7 @@ import {
|
|
|
7
7
|
Input,
|
|
8
8
|
Label,
|
|
9
9
|
Paragraph,
|
|
10
|
+
Select,
|
|
10
11
|
Sheet,
|
|
11
12
|
TooltipSimple,
|
|
12
13
|
Unspaced,
|
|
@@ -53,7 +54,7 @@ function DialogInstance({ disableAdapt }) {
|
|
|
53
54
|
}
|
|
54
55
|
}
|
|
55
56
|
],
|
|
56
|
-
enterStyle: { opacity: 0
|
|
57
|
+
enterStyle: { opacity: 0 },
|
|
57
58
|
exitStyle: { opacity: 0 }
|
|
58
59
|
},
|
|
59
60
|
"overlay"
|
|
@@ -63,8 +64,8 @@ function DialogInstance({ disableAdapt }) {
|
|
|
63
64
|
{
|
|
64
65
|
bordered: !0,
|
|
65
66
|
w: 400,
|
|
66
|
-
h: 400,
|
|
67
67
|
elevate: !0,
|
|
68
|
+
borderRadius: "$6",
|
|
68
69
|
animateOnly: ["transform", "opacity"],
|
|
69
70
|
animation: [
|
|
70
71
|
"quicker",
|
|
@@ -74,35 +75,30 @@ function DialogInstance({ disableAdapt }) {
|
|
|
74
75
|
}
|
|
75
76
|
}
|
|
76
77
|
],
|
|
77
|
-
enterStyle: { x: 0, y:
|
|
78
|
+
enterStyle: { x: 0, y: 20, opacity: 0 },
|
|
78
79
|
exitStyle: { x: 0, y: 10, opacity: 0, scale: 0.95 },
|
|
79
80
|
gap: "$4",
|
|
80
81
|
children: [
|
|
81
82
|
/* @__PURE__ */ jsx(Dialog.Title, { children: "Edit profile" }),
|
|
82
83
|
/* @__PURE__ */ jsx(Dialog.Description, { children: "Make changes to your profile here. Click save when you're done." }),
|
|
83
84
|
/* @__PURE__ */ jsxs(Fieldset, { gap: "$4", horizontal: !0, children: [
|
|
84
|
-
/* @__PURE__ */ jsx(Label, { width:
|
|
85
|
+
/* @__PURE__ */ jsx(Label, { width: 64, htmlFor: "name", children: "Name" }),
|
|
85
86
|
/* @__PURE__ */ jsx(Input, { flex: 1, id: "name", defaultValue: "Nate Wienert" })
|
|
86
87
|
] }),
|
|
87
88
|
/* @__PURE__ */ jsxs(Fieldset, { gap: "$4", horizontal: !0, children: [
|
|
88
|
-
/* @__PURE__ */ jsx(Label, { width:
|
|
89
|
-
/* @__PURE__ */ jsx(
|
|
89
|
+
/* @__PURE__ */ jsx(Label, { width: 64, htmlFor: "username", children: /* @__PURE__ */ jsx(TooltipSimple, { label: "Pick your favorite", placement: "bottom-start", children: /* @__PURE__ */ jsx(Paragraph, { children: "Food" }) }) }),
|
|
90
|
+
/* @__PURE__ */ jsx(XStack, { flex: 1, children: /* @__PURE__ */ jsx(
|
|
91
|
+
SelectDemoItem,
|
|
92
|
+
{
|
|
93
|
+
trigger: /* @__PURE__ */ jsx(Select.Trigger, { flex: 1, iconAfter: ChevronDown, children: /* @__PURE__ */ jsx(Select.Value, { placeholder: "Something" }) })
|
|
94
|
+
}
|
|
95
|
+
) })
|
|
90
96
|
] }),
|
|
91
97
|
/* @__PURE__ */ jsxs(XStack, { alignSelf: "flex-end", gap: "$4", children: [
|
|
92
98
|
/* @__PURE__ */ jsx(DialogInstance, {}),
|
|
93
99
|
/* @__PURE__ */ jsx(Dialog.Close, { displayWhenAdapted: !0, asChild: !0, children: /* @__PURE__ */ jsx(Button, { theme: "accent", "aria-label": "Close", children: "Save changes" }) })
|
|
94
100
|
] }),
|
|
95
|
-
/* @__PURE__ */ jsx(Unspaced, { children: /* @__PURE__ */ jsx(Dialog.Close, { asChild: !0, children: /* @__PURE__ */ jsx(
|
|
96
|
-
Button,
|
|
97
|
-
{
|
|
98
|
-
position: "absolute",
|
|
99
|
-
top: "$3",
|
|
100
|
-
right: "$3",
|
|
101
|
-
size: "$2",
|
|
102
|
-
circular: !0,
|
|
103
|
-
icon: X
|
|
104
|
-
}
|
|
105
|
-
) }) })
|
|
101
|
+
/* @__PURE__ */ jsx(Unspaced, { children: /* @__PURE__ */ jsx(Dialog.Close, { asChild: !0, children: /* @__PURE__ */ jsx(Button, { position: "absolute", right: "$3", size: "$2", circular: !0, icon: X }) }) })
|
|
106
102
|
]
|
|
107
103
|
},
|
|
108
104
|
"content"
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../src/DialogDemo.tsx"],
|
|
4
|
-
"mappings": "AAAA,SAAS,SAAS;
|
|
4
|
+
"mappings": "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",
|
|
5
5
|
"names": []
|
|
6
6
|
}
|
package/dist/esm/DialogDemo.mjs
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
import { X } from "@tamagui/lucide-icons";
|
|
2
|
-
import { Adapt, Button, Dialog, Fieldset, Input, Label, Paragraph, Sheet, TooltipSimple, Unspaced, View, XStack } from "tamagui";
|
|
1
|
+
import { ChevronDown, X } from "@tamagui/lucide-icons";
|
|
2
|
+
import { Adapt, Button, Dialog, Fieldset, Input, Label, Paragraph, Select, Sheet, TooltipSimple, Unspaced, View, XStack } from "tamagui";
|
|
3
3
|
import { SelectDemoItem } from "./SelectDemo.mjs";
|
|
4
4
|
import { jsx, jsxs } from "react/jsx-runtime";
|
|
5
5
|
function DialogDemo() {
|
|
@@ -55,8 +55,7 @@ function DialogInstance({
|
|
|
55
55
|
}
|
|
56
56
|
}],
|
|
57
57
|
enterStyle: {
|
|
58
|
-
opacity: 0
|
|
59
|
-
scale: 0.95
|
|
58
|
+
opacity: 0
|
|
60
59
|
},
|
|
61
60
|
exitStyle: {
|
|
62
61
|
opacity: 0
|
|
@@ -64,8 +63,8 @@ function DialogInstance({
|
|
|
64
63
|
}, "overlay"), /* @__PURE__ */jsxs(Dialog.Content, {
|
|
65
64
|
bordered: !0,
|
|
66
65
|
w: 400,
|
|
67
|
-
h: 400,
|
|
68
66
|
elevate: !0,
|
|
67
|
+
borderRadius: "$6",
|
|
69
68
|
animateOnly: ["transform", "opacity"],
|
|
70
69
|
animation: ["quicker", {
|
|
71
70
|
opacity: {
|
|
@@ -74,7 +73,7 @@ function DialogInstance({
|
|
|
74
73
|
}],
|
|
75
74
|
enterStyle: {
|
|
76
75
|
x: 0,
|
|
77
|
-
y:
|
|
76
|
+
y: 20,
|
|
78
77
|
opacity: 0
|
|
79
78
|
},
|
|
80
79
|
exitStyle: {
|
|
@@ -92,8 +91,7 @@ function DialogInstance({
|
|
|
92
91
|
gap: "$4",
|
|
93
92
|
horizontal: !0,
|
|
94
93
|
children: [/* @__PURE__ */jsx(Label, {
|
|
95
|
-
width:
|
|
96
|
-
justifyContent: "flex-end",
|
|
94
|
+
width: 64,
|
|
97
95
|
htmlFor: "name",
|
|
98
96
|
children: "Name"
|
|
99
97
|
}), /* @__PURE__ */jsx(Input, {
|
|
@@ -105,8 +103,7 @@ function DialogInstance({
|
|
|
105
103
|
gap: "$4",
|
|
106
104
|
horizontal: !0,
|
|
107
105
|
children: [/* @__PURE__ */jsx(Label, {
|
|
108
|
-
width:
|
|
109
|
-
justifyContent: "flex-end",
|
|
106
|
+
width: 64,
|
|
110
107
|
htmlFor: "username",
|
|
111
108
|
children: /* @__PURE__ */jsx(TooltipSimple, {
|
|
112
109
|
label: "Pick your favorite",
|
|
@@ -115,7 +112,18 @@ function DialogInstance({
|
|
|
115
112
|
children: "Food"
|
|
116
113
|
})
|
|
117
114
|
})
|
|
118
|
-
}), /* @__PURE__ */jsx(
|
|
115
|
+
}), /* @__PURE__ */jsx(XStack, {
|
|
116
|
+
flex: 1,
|
|
117
|
+
children: /* @__PURE__ */jsx(SelectDemoItem, {
|
|
118
|
+
trigger: /* @__PURE__ */jsx(Select.Trigger, {
|
|
119
|
+
flex: 1,
|
|
120
|
+
iconAfter: ChevronDown,
|
|
121
|
+
children: /* @__PURE__ */jsx(Select.Value, {
|
|
122
|
+
placeholder: "Something"
|
|
123
|
+
})
|
|
124
|
+
})
|
|
125
|
+
})
|
|
126
|
+
})]
|
|
119
127
|
}), /* @__PURE__ */jsxs(XStack, {
|
|
120
128
|
alignSelf: "flex-end",
|
|
121
129
|
gap: "$4",
|
|
@@ -133,7 +141,6 @@ function DialogInstance({
|
|
|
133
141
|
asChild: !0,
|
|
134
142
|
children: /* @__PURE__ */jsx(Button, {
|
|
135
143
|
position: "absolute",
|
|
136
|
-
top: "$3",
|
|
137
144
|
right: "$3",
|
|
138
145
|
size: "$2",
|
|
139
146
|
circular: !0,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["X","Adapt","Button","Dialog","Fieldset","Input","Label","Paragraph","Sheet","TooltipSimple","Unspaced","View","XStack","SelectDemoItem","jsx","jsxs","DialogDemo","gap","justifyContent","alignItems","children","DialogInstance","disableAdapt","modal","Trigger","asChild","when","platform","animation","zIndex","dismissOnSnapToBottom","Frame","padding","Contents","Overlay","backgroundColor","enterStyle","opacity","exitStyle","Portal","animateOnly","overshootClamping","
|
|
1
|
+
{"version":3,"names":["ChevronDown","X","Adapt","Button","Dialog","Fieldset","Input","Label","Paragraph","Select","Sheet","TooltipSimple","Unspaced","View","XStack","SelectDemoItem","jsx","jsxs","DialogDemo","gap","justifyContent","alignItems","children","DialogInstance","disableAdapt","modal","Trigger","asChild","when","platform","animation","zIndex","dismissOnSnapToBottom","Frame","padding","Contents","Overlay","backgroundColor","enterStyle","opacity","exitStyle","Portal","animateOnly","overshootClamping","Content","bordered","w","elevate","borderRadius","x","y","scale","Title","Description","horizontal","width","htmlFor","flex","id","defaultValue","label","placement","trigger","iconAfter","Value","placeholder","alignSelf","Close","displayWhenAdapted","theme","position","right","size","circular","icon"],"sources":["../../src/DialogDemo.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
-
import { X } from "@tamagui/lucide-icons";
|
|
3
|
-
import { Adapt, Button, Dialog, Fieldset, Input, Label, Paragraph, Sheet, TooltipSimple, Unspaced, View, XStack } from "tamagui";
|
|
2
|
+
import { ChevronDown, X } from "@tamagui/lucide-icons";
|
|
3
|
+
import { Adapt, Button, Dialog, Fieldset, Input, Label, Paragraph, Select, Sheet, TooltipSimple, Unspaced, View, XStack } from "tamagui";
|
|
4
4
|
import { SelectDemoItem } from "./SelectDemo.native.js";
|
|
5
5
|
function DialogDemo() {
|
|
6
6
|
return /* @__PURE__ */_jsxs(View, {
|
|
@@ -56,8 +56,7 @@ function DialogInstance(param) {
|
|
|
56
56
|
}
|
|
57
57
|
}],
|
|
58
58
|
enterStyle: {
|
|
59
|
-
opacity: 0
|
|
60
|
-
scale: 0.95
|
|
59
|
+
opacity: 0
|
|
61
60
|
},
|
|
62
61
|
exitStyle: {
|
|
63
62
|
opacity: 0
|
|
@@ -65,8 +64,8 @@ function DialogInstance(param) {
|
|
|
65
64
|
}, "overlay"), /* @__PURE__ */_jsxs(Dialog.Content, {
|
|
66
65
|
bordered: !0,
|
|
67
66
|
w: 400,
|
|
68
|
-
h: 400,
|
|
69
67
|
elevate: !0,
|
|
68
|
+
borderRadius: "$6",
|
|
70
69
|
animateOnly: ["transform", "opacity"],
|
|
71
70
|
animation: ["quicker", {
|
|
72
71
|
opacity: {
|
|
@@ -75,7 +74,7 @@ function DialogInstance(param) {
|
|
|
75
74
|
}],
|
|
76
75
|
enterStyle: {
|
|
77
76
|
x: 0,
|
|
78
|
-
y:
|
|
77
|
+
y: 20,
|
|
79
78
|
opacity: 0
|
|
80
79
|
},
|
|
81
80
|
exitStyle: {
|
|
@@ -93,8 +92,7 @@ function DialogInstance(param) {
|
|
|
93
92
|
gap: "$4",
|
|
94
93
|
horizontal: !0,
|
|
95
94
|
children: [/* @__PURE__ */_jsx(Label, {
|
|
96
|
-
width:
|
|
97
|
-
justifyContent: "flex-end",
|
|
95
|
+
width: 64,
|
|
98
96
|
htmlFor: "name",
|
|
99
97
|
children: "Name"
|
|
100
98
|
}), /* @__PURE__ */_jsx(Input, {
|
|
@@ -106,8 +104,7 @@ function DialogInstance(param) {
|
|
|
106
104
|
gap: "$4",
|
|
107
105
|
horizontal: !0,
|
|
108
106
|
children: [/* @__PURE__ */_jsx(Label, {
|
|
109
|
-
width:
|
|
110
|
-
justifyContent: "flex-end",
|
|
107
|
+
width: 64,
|
|
111
108
|
htmlFor: "username",
|
|
112
109
|
children: /* @__PURE__ */_jsx(TooltipSimple, {
|
|
113
110
|
label: "Pick your favorite",
|
|
@@ -116,7 +113,18 @@ function DialogInstance(param) {
|
|
|
116
113
|
children: "Food"
|
|
117
114
|
})
|
|
118
115
|
})
|
|
119
|
-
}), /* @__PURE__ */_jsx(
|
|
116
|
+
}), /* @__PURE__ */_jsx(XStack, {
|
|
117
|
+
flex: 1,
|
|
118
|
+
children: /* @__PURE__ */_jsx(SelectDemoItem, {
|
|
119
|
+
trigger: /* @__PURE__ */_jsx(Select.Trigger, {
|
|
120
|
+
flex: 1,
|
|
121
|
+
iconAfter: ChevronDown,
|
|
122
|
+
children: /* @__PURE__ */_jsx(Select.Value, {
|
|
123
|
+
placeholder: "Something"
|
|
124
|
+
})
|
|
125
|
+
})
|
|
126
|
+
})
|
|
127
|
+
})]
|
|
120
128
|
}), /* @__PURE__ */_jsxs(XStack, {
|
|
121
129
|
alignSelf: "flex-end",
|
|
122
130
|
gap: "$4",
|
|
@@ -134,7 +142,6 @@ function DialogInstance(param) {
|
|
|
134
142
|
asChild: !0,
|
|
135
143
|
children: /* @__PURE__ */_jsx(Button, {
|
|
136
144
|
position: "absolute",
|
|
137
|
-
top: "$3",
|
|
138
145
|
right: "$3",
|
|
139
146
|
size: "$2",
|
|
140
147
|
circular: !0,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["jsx","_jsx","jsxs","_jsxs","X","Adapt","Button","Dialog","Fieldset","Input","Label","Paragraph","Sheet","TooltipSimple","Unspaced","View","XStack","SelectDemoItem","DialogDemo","gap","justifyContent","alignItems","children","DialogInstance","disableAdapt","param","modal","Trigger","asChild","when","platform","animation","zIndex","dismissOnSnapToBottom","Frame","padding","Contents","Overlay","backgroundColor","enterStyle","opacity","exitStyle","Portal","animateOnly","overshootClamping","
|
|
1
|
+
{"version":3,"names":["jsx","_jsx","jsxs","_jsxs","ChevronDown","X","Adapt","Button","Dialog","Fieldset","Input","Label","Paragraph","Select","Sheet","TooltipSimple","Unspaced","View","XStack","SelectDemoItem","DialogDemo","gap","justifyContent","alignItems","children","DialogInstance","disableAdapt","param","modal","Trigger","asChild","when","platform","animation","zIndex","dismissOnSnapToBottom","Frame","padding","Contents","Overlay","backgroundColor","enterStyle","opacity","exitStyle","Portal","animateOnly","overshootClamping","Content","bordered","w","elevate","borderRadius","x","y","scale"],"sources":["../../src/DialogDemo.tsx"],"sourcesContent":[null],"mappings":"AAAA,SAASA,GAAA,IAAAC,IAAA,EAAaC,IAAA,IAAAC,KAAS;AAC/B,SAAAC,WAAA,EAAAC,CAAA;AAAA,SACEC,KAAA,EAAAC,MAAA,EAAAC,MAAA,EAAAC,QAAA,EAAAC,KAAA,EAAAC,KAAA,EAAAC,SAAA,EAAAC,MAAA,EAAAC,KAAA,EAAAC,aAAA,EAAAC,QAAA,EAAAC,IAAA,EAAAC,MAAA;AAAA,SACAC,cAAA;AAAA,SACAC,WAAA;EACA,sBAAAjB,KAAA,CAAAc,IAAA;IACAI,GAAA;IACAC,cAAA;IACAC,UAAA;IACAC,QAAA,GACA,eAAAvB,IAAA,CAAAwB,cAAA,OACA,eAAAxB,IAAA,CAAAwB,cAAA;MACAC,YAAA;IACA;EACA;AAEF;AAII,SACED,cADFA,CAAAE,KAAA;EAFG;IAAAD;EAAS,CAAa,GAAAC,KAAA;EAC3B,OACE,eAAAxB,KAAC,CAAAK,MAAA,EAAK;IACJoB,KAAA;IACAJ,QAAA,GACF,eAAAvB,IAAA,CAAAO,MAAA,CAAAqB,OAAA;MAEJC,OAAA;MAEAN,QAAS,iBAAiBrB,KAAa,CAAAI,MAA+B;QAElEiB,QAAA,GACE,aAAC,EACSE,YAAA;MAA8C;IAGtD,IAGI,CAAAA,YAAA,mBAACzB,IAAY,CAAAK,KAAA,EAAQ;MAGrByB,IAAA;MAACC,QAAM;MAANR,QAAA,iBAAArB,KAAA,CAAAW,KAAA;QACCmB,SAAA,UAAgB;QAChBC,MAAA,KAAU;QACVN,KAAA;QACAO,qBAAa,EAAS,CAAE;QAAAX,QAAA,GAC1B,eAAAvB,IAAA,CAAAa,KAAA,CAAAsB,KAAA;UAEJC,OAAA;UAGFhB,GAAA;UACEG,QAAA,iBAAAvB,IAAA,CAAAK,KAAA,CAAAgC,QAAA;QAAC,mBAAArC,IAAA,CAAAa,KAAA,CAAAyB,OAAA;UAECC,eAAgB;UAChBP,SAAa,EAAC;UACdQ,UAAW;YACTC,OAAA;UACA;UACEC,SAAS;YACPD,OAAA;UACF;QACF;MACF;IACyB,IACD,eAAAvC,KAAA,CAAAK,MAAA,CAAAoC,MAAA;MAZpBpB,QAAA,GAaN,eAAAvB,IAAA,CAAAO,MAAA,CAAA+B,OAAA;QAEAC,eAAA;QAACK,WAAO,GAAP,aACC,SAAQ,CACL;QACHZ,SAAO,GACP,WAEA;UACAS,OAAW;YACTI,iBAAA;UACA;QACE,EAAS;QACYL,UACrB;UACFC,OAAA;QACF;QACAC,SAAA,EAAY;UACZD,OAAW,EAAE;QACb;MAEA,8BAAAvC,KAAA,CAACK,MAAA,CAAOuC,OAAP,EAAa;QACdC,QAAA;QAIAC,CAAA;QACEC,OAAA;QAEAC,YACA;QAAsDN,WACxD,GAEA,aACE,UAIA;QAEEZ,SAAC;UAIGS,OAAA;YAGNI,iBAAA;UACF;QAEA,EACE;QAAgBL,UAEhB;UAIAW,CACF;UAEAC,CAAA;UAIAX,OAAA;QAAA;QAzDIC,SAAA;UA0DNS,CAAA;UACFC,CAAA;UACFX,OAAA;UAEJY,KAAA","ignoreList":[]}
|
package/dist/esm/SelectDemo.js
CHANGED
|
@@ -18,7 +18,7 @@ function SelectDemo() {
|
|
|
18
18
|
function SelectDemoItem(props) {
|
|
19
19
|
const [val, setVal] = React.useState("apple");
|
|
20
20
|
return /* @__PURE__ */ jsxs(Select, { value: val, onValueChange: setVal, disablePreventBodyScroll: !0, ...props, children: [
|
|
21
|
-
/* @__PURE__ */ jsx(Select.Trigger, { maxWidth: 220, iconAfter: ChevronDown, children: /* @__PURE__ */ jsx(Select.Value, { placeholder: "Something" }) }),
|
|
21
|
+
props?.trigger || /* @__PURE__ */ jsx(Select.Trigger, { maxWidth: 220, iconAfter: ChevronDown, children: /* @__PURE__ */ jsx(Select.Value, { placeholder: "Something" }) }),
|
|
22
22
|
/* @__PURE__ */ jsx(Adapt, { when: "maxMd", platform: "touch", children: /* @__PURE__ */ jsxs(Sheet, { native: !!props.native, modal: !0, dismissOnSnapToBottom: !0, animation: "medium", children: [
|
|
23
23
|
/* @__PURE__ */ jsx(Sheet.Frame, { children: /* @__PURE__ */ jsx(Sheet.ScrollView, { children: /* @__PURE__ */ jsx(Adapt.Contents, {}) }) }),
|
|
24
24
|
/* @__PURE__ */ jsx(
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../src/SelectDemo.tsx"],
|
|
4
|
-
"mappings": "AAAA,OAAO,
|
|
4
|
+
"mappings": "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",
|
|
5
5
|
"names": []
|
|
6
6
|
}
|
package/dist/esm/SelectDemo.mjs
CHANGED
|
@@ -41,7 +41,7 @@ function SelectDemoItem(props) {
|
|
|
41
41
|
onValueChange: setVal,
|
|
42
42
|
disablePreventBodyScroll: !0,
|
|
43
43
|
...props,
|
|
44
|
-
children: [/* @__PURE__ */jsx(Select.Trigger, {
|
|
44
|
+
children: [props?.trigger || /* @__PURE__ */jsx(Select.Trigger, {
|
|
45
45
|
maxWidth: 220,
|
|
46
46
|
iconAfter: ChevronDown,
|
|
47
47
|
children: /* @__PURE__ */jsx(Select.Value, {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["React","Check","ChevronDown","ChevronUp","Adapt","Label","Select","Sheet","XStack","YStack","getFontSize","LinearGradient","jsx","jsxs","SelectDemo","gap","children","w","ai","htmlFor","flex","miw","SelectDemoItem","id","native","props","val","setVal","useState","value","onValueChange","disablePreventBodyScroll","Trigger","maxWidth","iconAfter","Value","placeholder","when","platform","modal","dismissOnSnapToBottom","animation","Frame","ScrollView","Contents","Overlay","backgroundColor","enterStyle","opacity","exitStyle","Content","zIndex","ScrollUpButton","alignItems","justifyContent","position","width","height","size","start","end","fullscreen","colors","borderRadius","Viewport","minWidth","Group","useMemo","items","map","item","i","Item","index","name","toLowerCase","ItemText","ItemIndicator","marginLeft","right","top","bottom","pointerEvents","ScrollDownButton"],"sources":["../../src/SelectDemo.tsx"],"sourcesContent":[null],"mappings":"AAAA,OAAOA,KAAA,
|
|
1
|
+
{"version":3,"names":["React","Check","ChevronDown","ChevronUp","Adapt","Label","Select","Sheet","XStack","YStack","getFontSize","LinearGradient","jsx","jsxs","SelectDemo","gap","children","w","ai","htmlFor","flex","miw","SelectDemoItem","id","native","props","val","setVal","useState","value","onValueChange","disablePreventBodyScroll","trigger","Trigger","maxWidth","iconAfter","Value","placeholder","when","platform","modal","dismissOnSnapToBottom","animation","Frame","ScrollView","Contents","Overlay","backgroundColor","enterStyle","opacity","exitStyle","Content","zIndex","ScrollUpButton","alignItems","justifyContent","position","width","height","size","start","end","fullscreen","colors","borderRadius","Viewport","minWidth","Group","useMemo","items","map","item","i","Item","index","name","toLowerCase","ItemText","ItemIndicator","marginLeft","right","top","bottom","pointerEvents","ScrollDownButton"],"sources":["../../src/SelectDemo.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}
|
|
@@ -42,7 +42,7 @@ function SelectDemoItem(props) {
|
|
|
42
42
|
onValueChange: setVal,
|
|
43
43
|
disablePreventBodyScroll: !0,
|
|
44
44
|
...props,
|
|
45
|
-
children: [/* @__PURE__ */_jsx(Select.Trigger, {
|
|
45
|
+
children: [props?.trigger || /* @__PURE__ */_jsx(Select.Trigger, {
|
|
46
46
|
maxWidth: 220,
|
|
47
47
|
iconAfter: ChevronDown,
|
|
48
48
|
children: /* @__PURE__ */_jsx(Select.Value, {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["jsx","_jsx","jsxs","_jsxs","React","Check","ChevronDown","ChevronUp","Adapt","Label","Select","Sheet","XStack","YStack","getFontSize","LinearGradient","SelectDemo","gap","children","w","ai","htmlFor","flex","miw","SelectDemoItem","id","native","props","val","setVal","useState","_props_size","value","onValueChange","disablePreventBodyScroll","Trigger","maxWidth","iconAfter","Value","placeholder","when","platform","modal","dismissOnSnapToBottom","animation","Frame","ScrollView","Contents","Overlay","backgroundColor","enterStyle","opacity","exitStyle","Content","zIndex","ScrollUpButton","alignItems","justifyContent","position","width","height","size","start","end","fullscreen","colors","borderRadius","Viewport","minWidth","Group","useMemo","items","map","item","i","Item","index","name","toLowerCase","ItemText","ItemIndicator","marginLeft"],"sources":["../../src/SelectDemo.tsx"],"sourcesContent":[null],"mappings":"AAAA,SAAOA,GAAA,IAAAC,
|
|
1
|
+
{"version":3,"names":["jsx","_jsx","jsxs","_jsxs","React","Check","ChevronDown","ChevronUp","Adapt","Label","Select","Sheet","XStack","YStack","getFontSize","LinearGradient","SelectDemo","gap","children","w","ai","htmlFor","flex","miw","SelectDemoItem","id","native","props","val","setVal","useState","_props_size","value","onValueChange","disablePreventBodyScroll","trigger","Trigger","maxWidth","iconAfter","Value","placeholder","when","platform","modal","dismissOnSnapToBottom","animation","Frame","ScrollView","Contents","Overlay","backgroundColor","enterStyle","opacity","exitStyle","Content","zIndex","ScrollUpButton","alignItems","justifyContent","position","width","height","size","start","end","fullscreen","colors","borderRadius","Viewport","minWidth","Group","useMemo","items","map","item","i","Item","index","name","toLowerCase","ItemText","ItemIndicator","marginLeft"],"sources":["../../src/SelectDemo.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@tamagui/demos",
|
|
3
|
-
"version": "1.126.
|
|
3
|
+
"version": "1.126.14",
|
|
4
4
|
"sideEffects": [
|
|
5
5
|
"*.css"
|
|
6
6
|
],
|
|
@@ -45,30 +45,30 @@
|
|
|
45
45
|
}
|
|
46
46
|
},
|
|
47
47
|
"dependencies": {
|
|
48
|
-
"@tamagui/avatar": "1.126.
|
|
49
|
-
"@tamagui/button": "1.126.
|
|
50
|
-
"@tamagui/config": "1.126.
|
|
51
|
-
"@tamagui/core": "1.126.
|
|
52
|
-
"@tamagui/list-item": "1.126.
|
|
53
|
-
"@tamagui/logo": "1.126.
|
|
54
|
-
"@tamagui/lucide-icons": "1.126.
|
|
55
|
-
"@tamagui/menu": "1.126.
|
|
56
|
-
"@tamagui/popover": "1.126.
|
|
57
|
-
"@tamagui/progress": "1.126.
|
|
58
|
-
"@tamagui/radio-group": "1.126.
|
|
59
|
-
"@tamagui/select": "1.126.
|
|
60
|
-
"@tamagui/sheet": "1.126.
|
|
61
|
-
"@tamagui/slider": "1.126.
|
|
62
|
-
"@tamagui/stacks": "1.126.
|
|
63
|
-
"@tamagui/tamagui-dev-config": "1.126.
|
|
64
|
-
"@tamagui/toast": "1.126.
|
|
65
|
-
"tamagui": "1.126.
|
|
48
|
+
"@tamagui/avatar": "1.126.14",
|
|
49
|
+
"@tamagui/button": "1.126.14",
|
|
50
|
+
"@tamagui/config": "1.126.14",
|
|
51
|
+
"@tamagui/core": "1.126.14",
|
|
52
|
+
"@tamagui/list-item": "1.126.14",
|
|
53
|
+
"@tamagui/logo": "1.126.14",
|
|
54
|
+
"@tamagui/lucide-icons": "1.126.14",
|
|
55
|
+
"@tamagui/menu": "1.126.14",
|
|
56
|
+
"@tamagui/popover": "1.126.14",
|
|
57
|
+
"@tamagui/progress": "1.126.14",
|
|
58
|
+
"@tamagui/radio-group": "1.126.14",
|
|
59
|
+
"@tamagui/select": "1.126.14",
|
|
60
|
+
"@tamagui/sheet": "1.126.14",
|
|
61
|
+
"@tamagui/slider": "1.126.14",
|
|
62
|
+
"@tamagui/stacks": "1.126.14",
|
|
63
|
+
"@tamagui/tamagui-dev-config": "1.126.14",
|
|
64
|
+
"@tamagui/toast": "1.126.14",
|
|
65
|
+
"tamagui": "1.126.14"
|
|
66
66
|
},
|
|
67
67
|
"peerDependencies": {
|
|
68
68
|
"react": "*"
|
|
69
69
|
},
|
|
70
70
|
"devDependencies": {
|
|
71
|
-
"@tamagui/build": "1.126.
|
|
71
|
+
"@tamagui/build": "1.126.14",
|
|
72
72
|
"react": "*"
|
|
73
73
|
},
|
|
74
74
|
"publishConfig": {
|
package/src/DialogDemo.tsx
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { X } from '@tamagui/lucide-icons'
|
|
1
|
+
import { ChevronDown, X } from '@tamagui/lucide-icons'
|
|
2
2
|
import {
|
|
3
3
|
Adapt,
|
|
4
4
|
Button,
|
|
@@ -7,6 +7,7 @@ import {
|
|
|
7
7
|
Input,
|
|
8
8
|
Label,
|
|
9
9
|
Paragraph,
|
|
10
|
+
Select,
|
|
10
11
|
Sheet,
|
|
11
12
|
TooltipSimple,
|
|
12
13
|
Unspaced,
|
|
@@ -60,15 +61,15 @@ function DialogInstance({ disableAdapt }: { disableAdapt?: boolean }) {
|
|
|
60
61
|
},
|
|
61
62
|
},
|
|
62
63
|
]}
|
|
63
|
-
enterStyle={{ opacity: 0
|
|
64
|
+
enterStyle={{ opacity: 0 }}
|
|
64
65
|
exitStyle={{ opacity: 0 }}
|
|
65
66
|
/>
|
|
66
67
|
|
|
67
68
|
<Dialog.Content
|
|
68
69
|
bordered
|
|
69
70
|
w={400}
|
|
70
|
-
h={400}
|
|
71
71
|
elevate
|
|
72
|
+
borderRadius="$6"
|
|
72
73
|
key="content"
|
|
73
74
|
animateOnly={['transform', 'opacity']}
|
|
74
75
|
animation={[
|
|
@@ -79,7 +80,7 @@ function DialogInstance({ disableAdapt }: { disableAdapt?: boolean }) {
|
|
|
79
80
|
},
|
|
80
81
|
},
|
|
81
82
|
]}
|
|
82
|
-
enterStyle={{ x: 0, y:
|
|
83
|
+
enterStyle={{ x: 0, y: 20, opacity: 0 }}
|
|
83
84
|
exitStyle={{ x: 0, y: 10, opacity: 0, scale: 0.95 }}
|
|
84
85
|
gap="$4"
|
|
85
86
|
>
|
|
@@ -87,19 +88,29 @@ function DialogInstance({ disableAdapt }: { disableAdapt?: boolean }) {
|
|
|
87
88
|
<Dialog.Description>
|
|
88
89
|
Make changes to your profile here. Click save when you're done.
|
|
89
90
|
</Dialog.Description>
|
|
91
|
+
|
|
90
92
|
<Fieldset gap="$4" horizontal>
|
|
91
|
-
<Label width={
|
|
93
|
+
<Label width={64} htmlFor="name">
|
|
92
94
|
Name
|
|
93
95
|
</Label>
|
|
94
96
|
<Input flex={1} id="name" defaultValue="Nate Wienert" />
|
|
95
97
|
</Fieldset>
|
|
98
|
+
|
|
96
99
|
<Fieldset gap="$4" horizontal>
|
|
97
|
-
<Label width={
|
|
100
|
+
<Label width={64} htmlFor="username">
|
|
98
101
|
<TooltipSimple label="Pick your favorite" placement="bottom-start">
|
|
99
102
|
<Paragraph>Food</Paragraph>
|
|
100
103
|
</TooltipSimple>
|
|
101
104
|
</Label>
|
|
102
|
-
<
|
|
105
|
+
<XStack flex={1}>
|
|
106
|
+
<SelectDemoItem
|
|
107
|
+
trigger={
|
|
108
|
+
<Select.Trigger flex={1} iconAfter={ChevronDown}>
|
|
109
|
+
<Select.Value placeholder="Something" />
|
|
110
|
+
</Select.Trigger>
|
|
111
|
+
}
|
|
112
|
+
/>
|
|
113
|
+
</XStack>
|
|
103
114
|
</Fieldset>
|
|
104
115
|
|
|
105
116
|
<XStack alignSelf="flex-end" gap="$4">
|
|
@@ -114,14 +125,7 @@ function DialogInstance({ disableAdapt }: { disableAdapt?: boolean }) {
|
|
|
114
125
|
|
|
115
126
|
<Unspaced>
|
|
116
127
|
<Dialog.Close asChild>
|
|
117
|
-
<Button
|
|
118
|
-
position="absolute"
|
|
119
|
-
top="$3"
|
|
120
|
-
right="$3"
|
|
121
|
-
size="$2"
|
|
122
|
-
circular
|
|
123
|
-
icon={X}
|
|
124
|
-
/>
|
|
128
|
+
<Button position="absolute" right="$3" size="$2" circular icon={X} />
|
|
125
129
|
</Dialog.Close>
|
|
126
130
|
</Unspaced>
|
|
127
131
|
</Dialog.Content>
|
package/src/SelectDemo.tsx
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import React from 'react'
|
|
1
|
+
import React, { ElementType } from 'react'
|
|
2
2
|
import { Check, ChevronDown, ChevronUp } from '@tamagui/lucide-icons'
|
|
3
3
|
|
|
4
4
|
import type { FontSizeTokens, SelectProps } from 'tamagui'
|
|
@@ -25,14 +25,16 @@ export function SelectDemo() {
|
|
|
25
25
|
)
|
|
26
26
|
}
|
|
27
27
|
|
|
28
|
-
export function SelectDemoItem(props: SelectProps) {
|
|
28
|
+
export function SelectDemoItem(props: SelectProps & { trigger?: React.ReactNode }) {
|
|
29
29
|
const [val, setVal] = React.useState('apple')
|
|
30
30
|
|
|
31
31
|
return (
|
|
32
32
|
<Select value={val} onValueChange={setVal} disablePreventBodyScroll {...props}>
|
|
33
|
-
|
|
34
|
-
<Select.
|
|
35
|
-
|
|
33
|
+
{props?.trigger || (
|
|
34
|
+
<Select.Trigger maxWidth={220} iconAfter={ChevronDown}>
|
|
35
|
+
<Select.Value placeholder="Something" />
|
|
36
|
+
</Select.Trigger>
|
|
37
|
+
)}
|
|
36
38
|
|
|
37
39
|
<Adapt when="maxMd" platform="touch">
|
|
38
40
|
<Sheet native={!!props.native} modal dismissOnSnapToBottom animation="medium">
|