@tamagui/demos 1.125.6 → 1.125.7
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/esm/AccordionDemo.native.js +66 -79
- package/dist/esm/AccordionDemo.native.js.map +1 -6
- package/dist/esm/AddThemeDemo.native.js +25 -34
- package/dist/esm/AddThemeDemo.native.js.map +1 -6
- package/dist/esm/AlertDialogDemo.native.js +66 -84
- package/dist/esm/AlertDialogDemo.native.js.map +1 -6
- package/dist/esm/AnimationsDemo.native.js +65 -75
- package/dist/esm/AnimationsDemo.native.js.map +1 -6
- package/dist/esm/AnimationsEnterDemo.native.js +33 -38
- package/dist/esm/AnimationsEnterDemo.native.js.map +1 -6
- package/dist/esm/AnimationsHoverDemo.native.js +4 -6
- package/dist/esm/AnimationsHoverDemo.native.js.map +1 -6
- package/dist/esm/AnimationsPresenceDemo.native.js +78 -91
- package/dist/esm/AnimationsPresenceDemo.native.js.map +1 -6
- package/dist/esm/AnimationsTimingDemo.native.js +4 -6
- package/dist/esm/AnimationsTimingDemo.native.js.map +1 -6
- package/dist/esm/AvatarDemo.native.js +23 -34
- package/dist/esm/AvatarDemo.native.js.map +1 -6
- package/dist/esm/BuildAButtonDemo.native.js +73 -94
- package/dist/esm/BuildAButtonDemo.native.js.map +1 -6
- package/dist/esm/ButtonDemo.native.js +51 -68
- package/dist/esm/ButtonDemo.native.js.map +1 -6
- package/dist/esm/CardDemo.native.js +47 -63
- package/dist/esm/CardDemo.native.js.map +1 -6
- package/dist/esm/CheckboxDemo.native.js +31 -36
- package/dist/esm/CheckboxDemo.native.js.map +1 -6
- package/dist/esm/CheckboxHeadlessDemo.native.js +26 -33
- package/dist/esm/CheckboxHeadlessDemo.native.js.map +1 -6
- package/dist/esm/CheckboxUnstyledDemo.native.js +36 -40
- package/dist/esm/CheckboxUnstyledDemo.native.js.map +1 -6
- package/dist/esm/ColorsDemo.native.js +84 -106
- package/dist/esm/ColorsDemo.native.js.map +1 -6
- package/dist/esm/DialogDemo.native.js +130 -168
- package/dist/esm/DialogDemo.native.js.map +1 -6
- package/dist/esm/FormsDemo.native.js +18 -25
- package/dist/esm/FormsDemo.native.js.map +1 -6
- package/dist/esm/Grid.native.js +23 -22
- package/dist/esm/Grid.native.js.map +1 -6
- package/dist/esm/GroupDemo.native.js +55 -72
- package/dist/esm/GroupDemo.native.js.map +1 -6
- package/dist/esm/HeadingsDemo.native.js +16 -25
- package/dist/esm/HeadingsDemo.native.js.map +1 -6
- package/dist/esm/ImageDemo.native.js +3 -5
- package/dist/esm/ImageDemo.native.js.map +1 -6
- package/dist/esm/InputsDemo.native.js +21 -31
- package/dist/esm/InputsDemo.native.js.map +1 -6
- package/dist/esm/LabelDemo.native.js +29 -40
- package/dist/esm/LabelDemo.native.js.map +1 -6
- package/dist/esm/LinearGradientDemo.native.js +20 -43
- package/dist/esm/LinearGradientDemo.native.js.map +1 -6
- package/dist/esm/ListItemDemo.native.js +50 -63
- package/dist/esm/ListItemDemo.native.js.map +1 -6
- package/dist/esm/LucideIconsDemo.native.js +38 -44
- package/dist/esm/LucideIconsDemo.native.js.map +1 -6
- package/dist/esm/NewInputsDemo.native.js +21 -31
- package/dist/esm/NewInputsDemo.native.js.map +1 -6
- package/dist/esm/PopoverDemo.native.js +112 -143
- package/dist/esm/PopoverDemo.native.js.map +1 -6
- package/dist/esm/ProgressDemo.native.js +68 -85
- package/dist/esm/ProgressDemo.native.js.map +1 -6
- package/dist/esm/RadioGroupDemo.native.js +28 -38
- package/dist/esm/RadioGroupDemo.native.js.map +1 -6
- package/dist/esm/RadioGroupHeadlessDemo.native.js +75 -65
- package/dist/esm/RadioGroupHeadlessDemo.native.js.map +1 -6
- package/dist/esm/RadioGroupUnstyledDemo.native.js +94 -96
- package/dist/esm/RadioGroupUnstyledDemo.native.js.map +1 -6
- package/dist/esm/ReplaceThemeDemo.native.js +25 -29
- package/dist/esm/ReplaceThemeDemo.native.js.map +1 -6
- package/dist/esm/ScrollViewDemo.native.js +37 -48
- package/dist/esm/ScrollViewDemo.native.js.map +1 -6
- package/dist/esm/SelectDemo.native.js +183 -263
- package/dist/esm/SelectDemo.native.js.map +1 -6
- package/dist/esm/SeparatorDemo.native.js +29 -42
- package/dist/esm/SeparatorDemo.native.js.map +1 -6
- package/dist/esm/ShapesDemo.native.js +12 -17
- package/dist/esm/ShapesDemo.native.js.map +1 -6
- package/dist/esm/SheetDemo.native.js +146 -189
- package/dist/esm/SheetDemo.native.js.map +1 -6
- package/dist/esm/SliderDemo.native.js +22 -30
- package/dist/esm/SliderDemo.native.js.map +1 -6
- package/dist/esm/SpinnerDemo.native.js +10 -15
- package/dist/esm/SpinnerDemo.native.js.map +1 -6
- package/dist/esm/StacksDemo.native.js +67 -85
- package/dist/esm/StacksDemo.native.js.map +1 -6
- package/dist/esm/SwitchDemo.native.js +57 -76
- package/dist/esm/SwitchDemo.native.js.map +1 -6
- package/dist/esm/SwitchHeadlessDemo.native.js +45 -63
- package/dist/esm/SwitchHeadlessDemo.native.js.map +1 -6
- package/dist/esm/SwitchUnstyledDemo.native.js +46 -50
- package/dist/esm/SwitchUnstyledDemo.native.js.map +1 -6
- package/dist/esm/TabsAdvancedDemo.native.js +297 -297
- package/dist/esm/TabsAdvancedDemo.native.js.map +1 -6
- package/dist/esm/TabsDemo.native.js +135 -158
- package/dist/esm/TabsDemo.native.js.map +1 -6
- package/dist/esm/TextDemo.native.js +21 -30
- package/dist/esm/TextDemo.native.js.map +1 -6
- package/dist/esm/ThemeBuilderDemo.native.js +137 -170
- package/dist/esm/ThemeBuilderDemo.native.js.map +1 -6
- package/dist/esm/ThemeInverseDemo.native.js +30 -43
- package/dist/esm/ThemeInverseDemo.native.js.map +1 -6
- package/dist/esm/ToastDemo.native.js +73 -83
- package/dist/esm/ToastDemo.native.js.map +1 -6
- package/dist/esm/ToastDuplicateDemo.native.js +45 -61
- package/dist/esm/ToastDuplicateDemo.native.js.map +1 -6
- package/dist/esm/ToggleGroupDemo.native.js +58 -76
- package/dist/esm/ToggleGroupDemo.native.js.map +1 -6
- package/dist/esm/TokensDemo.native.js +94 -107
- package/dist/esm/TokensDemo.native.js.map +1 -6
- package/dist/esm/TooltipDemo.native.js +85 -109
- package/dist/esm/TooltipDemo.native.js.map +1 -6
- package/dist/esm/UpdateThemeDemo.native.js +28 -31
- package/dist/esm/UpdateThemeDemo.native.js.map +1 -6
- package/dist/esm/WebNativeImageDemo.native.js +3 -5
- package/dist/esm/WebNativeImageDemo.native.js.map +1 -6
- package/dist/esm/index.native.js +58 -58
- package/dist/esm/index.native.js.map +1 -6
- package/dist/esm/tamagui.config.native.js +4 -5
- package/dist/esm/tamagui.config.native.js.map +1 -6
- package/dist/esm/useOnIntersecting.native.js +42 -39
- package/dist/esm/useOnIntersecting.native.js.map +1 -6
- package/package.json +20 -20
|
@@ -1,180 +1,142 @@
|
|
|
1
1
|
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
2
|
import { X } from "@tamagui/lucide-icons";
|
|
3
3
|
import { Adapt, Button, Dialog, Fieldset, Input, Label, Paragraph, Sheet, TooltipSimple, Unspaced, View, XStack } from "tamagui";
|
|
4
|
-
import { SelectDemoItem } from "./SelectDemo";
|
|
4
|
+
import { SelectDemoItem } from "./SelectDemo.native.js";
|
|
5
5
|
function DialogDemo() {
|
|
6
|
-
return /* @__PURE__ */
|
|
6
|
+
return /* @__PURE__ */_jsxs(View, {
|
|
7
7
|
gap: "$4",
|
|
8
|
-
children: [
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
disableAdapt: !0
|
|
12
|
-
})
|
|
13
|
-
]
|
|
8
|
+
children: [/* @__PURE__ */_jsx(DialogInstance, {}), /* @__PURE__ */_jsx(DialogInstance, {
|
|
9
|
+
disableAdapt: !0
|
|
10
|
+
})]
|
|
14
11
|
});
|
|
15
12
|
}
|
|
16
13
|
function DialogInstance(param) {
|
|
17
|
-
var {
|
|
18
|
-
|
|
14
|
+
var {
|
|
15
|
+
disableAdapt
|
|
16
|
+
} = param;
|
|
17
|
+
return /* @__PURE__ */_jsxs(Dialog, {
|
|
19
18
|
modal: !0,
|
|
20
|
-
children: [
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
children:
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
children: /* @__PURE__ */
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
enterStyle: {
|
|
48
|
-
opacity: 0
|
|
49
|
-
},
|
|
50
|
-
exitStyle: {
|
|
51
|
-
opacity: 0
|
|
52
|
-
}
|
|
53
|
-
})
|
|
54
|
-
]
|
|
55
|
-
})
|
|
56
|
-
}),
|
|
57
|
-
/* @__PURE__ */ _jsxs(Dialog.Portal, {
|
|
58
|
-
children: [
|
|
59
|
-
/* @__PURE__ */ _jsx(Dialog.Overlay, {
|
|
60
|
-
backgroundColor: "$shadow6",
|
|
61
|
-
animation: "slow",
|
|
62
|
-
enterStyle: {
|
|
63
|
-
opacity: 0
|
|
64
|
-
},
|
|
65
|
-
exitStyle: {
|
|
66
|
-
opacity: 0
|
|
67
|
-
}
|
|
68
|
-
}, "overlay"),
|
|
69
|
-
/* @__PURE__ */ _jsxs(Dialog.Content, {
|
|
70
|
-
bordered: !0,
|
|
71
|
-
elevate: !0,
|
|
72
|
-
animateOnly: [
|
|
73
|
-
"transform",
|
|
74
|
-
"opacity"
|
|
75
|
-
],
|
|
76
|
-
animation: [
|
|
77
|
-
"quicker",
|
|
78
|
-
{
|
|
79
|
-
opacity: {
|
|
80
|
-
overshootClamping: !0
|
|
81
|
-
}
|
|
82
|
-
}
|
|
83
|
-
],
|
|
84
|
-
enterStyle: {
|
|
85
|
-
x: 0,
|
|
86
|
-
y: -20,
|
|
87
|
-
opacity: 0,
|
|
88
|
-
scale: 0.9
|
|
89
|
-
},
|
|
90
|
-
exitStyle: {
|
|
91
|
-
x: 0,
|
|
92
|
-
y: 10,
|
|
93
|
-
opacity: 0,
|
|
94
|
-
scale: 0.95
|
|
95
|
-
},
|
|
96
|
-
gap: "$4",
|
|
97
|
-
children: [
|
|
98
|
-
/* @__PURE__ */ _jsx(Dialog.Title, {
|
|
99
|
-
children: "Edit profile"
|
|
100
|
-
}),
|
|
101
|
-
/* @__PURE__ */ _jsx(Dialog.Description, {
|
|
102
|
-
children: "Make changes to your profile here. Click save when you're done."
|
|
103
|
-
}),
|
|
104
|
-
/* @__PURE__ */ _jsxs(Fieldset, {
|
|
105
|
-
gap: "$4",
|
|
106
|
-
horizontal: !0,
|
|
107
|
-
children: [
|
|
108
|
-
/* @__PURE__ */ _jsx(Label, {
|
|
109
|
-
width: 130,
|
|
110
|
-
justifyContent: "flex-end",
|
|
111
|
-
htmlFor: "name",
|
|
112
|
-
children: "Name"
|
|
113
|
-
}),
|
|
114
|
-
/* @__PURE__ */ _jsx(Input, {
|
|
115
|
-
flex: 1,
|
|
116
|
-
id: "name",
|
|
117
|
-
defaultValue: "Nate Wienert"
|
|
118
|
-
})
|
|
119
|
-
]
|
|
120
|
-
}),
|
|
121
|
-
/* @__PURE__ */ _jsxs(Fieldset, {
|
|
122
|
-
gap: "$4",
|
|
123
|
-
horizontal: !0,
|
|
124
|
-
children: [
|
|
125
|
-
/* @__PURE__ */ _jsx(Label, {
|
|
126
|
-
width: 130,
|
|
127
|
-
justifyContent: "flex-end",
|
|
128
|
-
htmlFor: "username",
|
|
129
|
-
children: /* @__PURE__ */ _jsx(TooltipSimple, {
|
|
130
|
-
label: "Pick your favorite",
|
|
131
|
-
placement: "bottom-start",
|
|
132
|
-
children: /* @__PURE__ */ _jsx(Paragraph, {
|
|
133
|
-
children: "Food"
|
|
134
|
-
})
|
|
135
|
-
})
|
|
136
|
-
}),
|
|
137
|
-
/* @__PURE__ */ _jsx(SelectDemoItem, {})
|
|
138
|
-
]
|
|
139
|
-
}),
|
|
140
|
-
/* @__PURE__ */ _jsxs(XStack, {
|
|
141
|
-
alignSelf: "flex-end",
|
|
142
|
-
gap: "$4",
|
|
143
|
-
children: [
|
|
144
|
-
/* @__PURE__ */ _jsx(DialogInstance, {}),
|
|
145
|
-
/* @__PURE__ */ _jsx(Dialog.Close, {
|
|
146
|
-
displayWhenAdapted: !0,
|
|
147
|
-
asChild: !0,
|
|
148
|
-
children: /* @__PURE__ */ _jsx(Button, {
|
|
149
|
-
disabled: !0,
|
|
150
|
-
theme: "accent",
|
|
151
|
-
"aria-label": "Close",
|
|
152
|
-
children: "Save changes"
|
|
153
|
-
})
|
|
154
|
-
})
|
|
155
|
-
]
|
|
156
|
-
}),
|
|
157
|
-
/* @__PURE__ */ _jsx(Unspaced, {
|
|
158
|
-
children: /* @__PURE__ */ _jsx(Dialog.Close, {
|
|
159
|
-
asChild: !0,
|
|
160
|
-
children: /* @__PURE__ */ _jsx(Button, {
|
|
161
|
-
position: "absolute",
|
|
162
|
-
top: "$3",
|
|
163
|
-
right: "$3",
|
|
164
|
-
size: "$2",
|
|
165
|
-
circular: !0,
|
|
166
|
-
icon: X
|
|
167
|
-
})
|
|
168
|
-
})
|
|
169
|
-
})
|
|
170
|
-
]
|
|
171
|
-
}, "content")
|
|
172
|
-
]
|
|
19
|
+
children: [/* @__PURE__ */_jsx(Dialog.Trigger, {
|
|
20
|
+
asChild: !0,
|
|
21
|
+
children: /* @__PURE__ */_jsxs(Button, {
|
|
22
|
+
children: ["Show Dialog", disableAdapt ? " (No Adapt)" : ""]
|
|
23
|
+
})
|
|
24
|
+
}), !disableAdapt && /* @__PURE__ */_jsx(Adapt, {
|
|
25
|
+
when: "sm",
|
|
26
|
+
platform: "touch",
|
|
27
|
+
children: /* @__PURE__ */_jsxs(Sheet, {
|
|
28
|
+
animation: "medium",
|
|
29
|
+
zIndex: 2e5,
|
|
30
|
+
modal: !0,
|
|
31
|
+
dismissOnSnapToBottom: !0,
|
|
32
|
+
children: [/* @__PURE__ */_jsx(Sheet.Frame, {
|
|
33
|
+
padding: "$4",
|
|
34
|
+
gap: "$4",
|
|
35
|
+
children: /* @__PURE__ */_jsx(Adapt.Contents, {})
|
|
36
|
+
}), /* @__PURE__ */_jsx(Sheet.Overlay, {
|
|
37
|
+
backgroundColor: "$shadow6",
|
|
38
|
+
animation: "lazy",
|
|
39
|
+
enterStyle: {
|
|
40
|
+
opacity: 0
|
|
41
|
+
},
|
|
42
|
+
exitStyle: {
|
|
43
|
+
opacity: 0
|
|
44
|
+
}
|
|
45
|
+
})]
|
|
173
46
|
})
|
|
174
|
-
|
|
47
|
+
}), /* @__PURE__ */_jsxs(Dialog.Portal, {
|
|
48
|
+
children: [/* @__PURE__ */_jsx(Dialog.Overlay, {
|
|
49
|
+
backgroundColor: "$shadow6",
|
|
50
|
+
animation: "slow",
|
|
51
|
+
enterStyle: {
|
|
52
|
+
opacity: 0
|
|
53
|
+
},
|
|
54
|
+
exitStyle: {
|
|
55
|
+
opacity: 0
|
|
56
|
+
}
|
|
57
|
+
}, "overlay"), /* @__PURE__ */_jsxs(Dialog.Content, {
|
|
58
|
+
bordered: !0,
|
|
59
|
+
elevate: !0,
|
|
60
|
+
animateOnly: ["transform", "opacity"],
|
|
61
|
+
animation: ["quicker", {
|
|
62
|
+
opacity: {
|
|
63
|
+
overshootClamping: !0
|
|
64
|
+
}
|
|
65
|
+
}],
|
|
66
|
+
enterStyle: {
|
|
67
|
+
x: 0,
|
|
68
|
+
y: -20,
|
|
69
|
+
opacity: 0,
|
|
70
|
+
scale: 0.9
|
|
71
|
+
},
|
|
72
|
+
exitStyle: {
|
|
73
|
+
x: 0,
|
|
74
|
+
y: 10,
|
|
75
|
+
opacity: 0,
|
|
76
|
+
scale: 0.95
|
|
77
|
+
},
|
|
78
|
+
gap: "$4",
|
|
79
|
+
children: [/* @__PURE__ */_jsx(Dialog.Title, {
|
|
80
|
+
children: "Edit profile"
|
|
81
|
+
}), /* @__PURE__ */_jsx(Dialog.Description, {
|
|
82
|
+
children: "Make changes to your profile here. Click save when you're done."
|
|
83
|
+
}), /* @__PURE__ */_jsxs(Fieldset, {
|
|
84
|
+
gap: "$4",
|
|
85
|
+
horizontal: !0,
|
|
86
|
+
children: [/* @__PURE__ */_jsx(Label, {
|
|
87
|
+
width: 130,
|
|
88
|
+
justifyContent: "flex-end",
|
|
89
|
+
htmlFor: "name",
|
|
90
|
+
children: "Name"
|
|
91
|
+
}), /* @__PURE__ */_jsx(Input, {
|
|
92
|
+
flex: 1,
|
|
93
|
+
id: "name",
|
|
94
|
+
defaultValue: "Nate Wienert"
|
|
95
|
+
})]
|
|
96
|
+
}), /* @__PURE__ */_jsxs(Fieldset, {
|
|
97
|
+
gap: "$4",
|
|
98
|
+
horizontal: !0,
|
|
99
|
+
children: [/* @__PURE__ */_jsx(Label, {
|
|
100
|
+
width: 130,
|
|
101
|
+
justifyContent: "flex-end",
|
|
102
|
+
htmlFor: "username",
|
|
103
|
+
children: /* @__PURE__ */_jsx(TooltipSimple, {
|
|
104
|
+
label: "Pick your favorite",
|
|
105
|
+
placement: "bottom-start",
|
|
106
|
+
children: /* @__PURE__ */_jsx(Paragraph, {
|
|
107
|
+
children: "Food"
|
|
108
|
+
})
|
|
109
|
+
})
|
|
110
|
+
}), /* @__PURE__ */_jsx(SelectDemoItem, {})]
|
|
111
|
+
}), /* @__PURE__ */_jsxs(XStack, {
|
|
112
|
+
alignSelf: "flex-end",
|
|
113
|
+
gap: "$4",
|
|
114
|
+
children: [/* @__PURE__ */_jsx(DialogInstance, {}), /* @__PURE__ */_jsx(Dialog.Close, {
|
|
115
|
+
displayWhenAdapted: !0,
|
|
116
|
+
asChild: !0,
|
|
117
|
+
children: /* @__PURE__ */_jsx(Button, {
|
|
118
|
+
disabled: !0,
|
|
119
|
+
theme: "accent",
|
|
120
|
+
"aria-label": "Close",
|
|
121
|
+
children: "Save changes"
|
|
122
|
+
})
|
|
123
|
+
})]
|
|
124
|
+
}), /* @__PURE__ */_jsx(Unspaced, {
|
|
125
|
+
children: /* @__PURE__ */_jsx(Dialog.Close, {
|
|
126
|
+
asChild: !0,
|
|
127
|
+
children: /* @__PURE__ */_jsx(Button, {
|
|
128
|
+
position: "absolute",
|
|
129
|
+
top: "$3",
|
|
130
|
+
right: "$3",
|
|
131
|
+
size: "$2",
|
|
132
|
+
circular: !0,
|
|
133
|
+
icon: X
|
|
134
|
+
})
|
|
135
|
+
})
|
|
136
|
+
})]
|
|
137
|
+
}, "content")]
|
|
138
|
+
})]
|
|
175
139
|
});
|
|
176
140
|
}
|
|
177
|
-
export {
|
|
178
|
-
|
|
179
|
-
};
|
|
180
|
-
//# sourceMappingURL=DialogDemo.js.map
|
|
141
|
+
export { DialogDemo };
|
|
142
|
+
//# sourceMappingURL=DialogDemo.native.js.map
|
|
@@ -1,6 +1 @@
|
|
|
1
|
-
{
|
|
2
|
-
"version": 3,
|
|
3
|
-
"sources": ["../../src/Users/n8/tamagui/code/demos/src/DialogDemo.tsx"],
|
|
4
|
-
"mappings": ";AAAA,SAASA,SAAS;AAClB,SACEC,OACAC,QACAC,QACAC,UACAC,OACAC,OACAC,WACAC,OACAC,eACAC,UACAC,MACAC,cACK;AACP,SAASC,sBAAsB;AAExB,SAASC,aAAAA;AACd,SACE,sBAACH,MAAAA;IAAKI,KAAI;;MACR,qBAACC,gBAAAA,CAAAA,CAAAA;MACD,qBAACA,gBAAAA;QAAeC,cAAY;;;;AAGlC;AAEA,SAASD,eAAe,OAA4C;MAA5C,EAAEC,aAAY,IAAd;AACtB,SACE,sBAACd,QAAAA;IAAOe,OAAK;;MACX,qBAACf,OAAOgB,SAAO;QAACC,SAAO;kBACrB,sBAAClB,QAAAA;;YAAO;YAAYe,eAAe,gBAAgB;;;;MAGpD,CAACA,gBACA,qBAAChB,OAAAA;QAAMoB,MAAK;QAAKC,UAAS;kBACxB,sBAACd,OAAAA;UAAMe,WAAU;UAASC,QAAQ;UAAQN,OAAK;UAACO,uBAAqB;;YACnE,qBAACjB,MAAMkB,OAAK;cAACC,SAAQ;cAAKZ,KAAI;wBAC5B,qBAACd,MAAM2B,UAAQ,CAAA,CAAA;;YAEjB,qBAACpB,MAAMqB,SAAO;cACZC,iBAAgB;cAChBP,WAAU;cACVQ,YAAY;gBAAEC,SAAS;cAAE;cACzBC,WAAW;gBAAED,SAAS;cAAE;;;;;MAMhC,sBAAC7B,OAAO+B,QAAM;;UACZ,qBAAC/B,OAAO0B,SAAO;YAEbC,iBAAgB;YAChBP,WAAU;YACVQ,YAAY;cAAEC,SAAS;YAAE;YACzBC,WAAW;cAAED,SAAS;YAAE;aAJpB,SAAA;UAON,sBAAC7B,OAAOgC,SAAO;YACbC,UAAQ;YACRC,SAAO;YAEPC,aAAa;cAAC;cAAa;;YAC3Bf,WAAW;cACT;cACA;gBACES,SAAS;kBACPO,mBAAmB;gBACrB;cACF;;YAEFR,YAAY;cAAES,GAAG;cAAGC,GAAG;cAAKT,SAAS;cAAGU,OAAO;YAAI;YACnDT,WAAW;cAAEO,GAAG;cAAGC,GAAG;cAAIT,SAAS;cAAGU,OAAO;YAAK;YAClD3B,KAAI;;cAEJ,qBAACZ,OAAOwC,OAAK;0BAAC;;cACd,qBAACxC,OAAOyC,aAAW;0BAAC;;cAGpB,sBAACxC,UAAAA;gBAASW,KAAI;gBAAK8B,YAAU;;kBAC3B,qBAACvC,OAAAA;oBAAMwC,OAAO;oBAAKC,gBAAe;oBAAWC,SAAQ;8BAAO;;kBAG5D,qBAAC3C,OAAAA;oBAAM4C,MAAM;oBAAGC,IAAG;oBAAOC,cAAa;;;;cAEzC,sBAAC/C,UAAAA;gBAASW,KAAI;gBAAK8B,YAAU;;kBAC3B,qBAACvC,OAAAA;oBAAMwC,OAAO;oBAAKC,gBAAe;oBAAWC,SAAQ;8BACnD,qBAACvC,eAAAA;sBAAc2C,OAAM;sBAAqBC,WAAU;gCAClD,qBAAC9C,WAAAA;kCAAU;;;;kBAGf,qBAACM,gBAAAA,CAAAA,CAAAA;;;cAGH,sBAACD,QAAAA;gBAAO0C,WAAU;gBAAWvC,KAAI;;kBAC/B,qBAACC,gBAAAA,CAAAA,CAAAA;kBAED,qBAACb,OAAOoD,OAAK;oBAACC,oBAAkB;oBAACpC,SAAO;8BACtC,qBAAClB,QAAAA;sBAAOuD,UAAQ;sBAACC,OAAM;sBAASC,cAAW;gCAAQ;;;;;cAMvD,qBAACjD,UAAAA;0BACC,qBAACP,OAAOoD,OAAK;kBAACnC,SAAO;4BACnB,qBAAClB,QAAAA;oBACC0D,UAAS;oBACTC,KAAI;oBACJC,OAAM;oBACNC,MAAK;oBACLC,UAAQ;oBACRC,MAAMjE;;;;;aAnDR,SAAA;;;;;AA2Dd;",
|
|
5
|
-
"names": ["X", "Adapt", "Button", "Dialog", "Fieldset", "Input", "Label", "Paragraph", "Sheet", "TooltipSimple", "Unspaced", "View", "XStack", "SelectDemoItem", "DialogDemo", "gap", "DialogInstance", "disableAdapt", "modal", "Trigger", "asChild", "when", "platform", "animation", "zIndex", "dismissOnSnapToBottom", "Frame", "padding", "Contents", "Overlay", "backgroundColor", "enterStyle", "opacity", "exitStyle", "Portal", "Content", "bordered", "elevate", "animateOnly", "overshootClamping", "x", "y", "scale", "Title", "Description", "horizontal", "width", "justifyContent", "htmlFor", "flex", "id", "defaultValue", "label", "placement", "alignSelf", "Close", "displayWhenAdapted", "disabled", "theme", "aria-label", "position", "top", "right", "size", "circular", "icon"]
|
|
6
|
-
}
|
|
1
|
+
{"version":3,"names":["jsx","_jsx","jsxs","_jsxs","X","Adapt","Button","Dialog","Fieldset","Input","Label","Paragraph","Sheet","TooltipSimple","Unspaced","View","XStack","SelectDemoItem","DialogDemo","gap","children","DialogInstance","disableAdapt","param","modal","Trigger","asChild","when","platform","animation","zIndex","dismissOnSnapToBottom","Frame","padding","Contents","Overlay","backgroundColor","enterStyle","opacity","exitStyle","Portal","Content","bordered","elevate","animateOnly","overshootClamping","x","y","scale","Title","Description"],"sources":["../../src/DialogDemo.tsx"],"sourcesContent":[null],"mappings":"AAAA,SAASA,GAAA,IAAAC,IAAS,EAAAC,IAAA,IAAAC,KAAA;AAClB,SAAAC,CAAA;AAAA,SACEC,KAAA,EAAAC,MAAA,EAAAC,MAAA,EAAAC,QAAA,EAAAC,KAAA,EAAAC,KAAA,EAAAC,SAAA,EAAAC,KAAA,EAAAC,aAAA,EAAAC,QAAA,EAAAC,IAAA,EAAAC,MAAA;AAAA,SACAC,cAAA;AAAA,SACAC,WAAA;EACA,sBAAAf,KAAA,CAAAY,IAAA;IACAI,GAAA;IACAC,QAAA,GACA,eAAAnB,IAAA,CAAAoB,cAAA,OACA,eAAApB,IAAA,CAAAoB,cAAA;MACAC,YAAA;IACA;EAEA;AAAA;AAEF,SAASD,eAAAE,KAAA,EAAsB;EAI3B;IAAAD;EAAA,IAAAC,KAAA;EAFG,OAAS,eAAapB,KAAA,CAAAI,MAAA;IAC3BiB,KACE;IACEJ,QAAA,GACA,eAAAnB,IAAC,CAAAM,MAAA,CAAAkB,OAAA,EAAe;MAClBC,OAAA;MAEJN,QAAA,iBAAAjB,KAAA,CAAAG,MAAA;QAESc,QAAA,GAEL,eACEE,YAAC,mBAAe;MACM;IAA+B,CAAG,GAGtD,CAAAA,YAAA,IACA,eAAArB,IAAC,CAAAI,KAAA,EAAM;MAEHsB,IAAA;MAGAC,QAAA;MAACR,QAAM,iBAAAjB,KAAA,CAAAS,KAAA;QAANiB,SAAA;QACCC,MAAA;QACAN,KAAA;QACAO,qBAAc,EAAS,EAAE;QACzBX,QAAA,GAAwB,eAAAnB,IAAA,CAAAW,KAAA,CAAAoB,KAAA;UAC1BC,OAAA;UAEJd,GAAA;UAGFC,QAAA,iBAACnB,IACC,CAAAI,KAAA,CAAA6B,QAAA;QAAA,IAAC,eAAOjC,IAAA,CAAAW,KAAA,CAAAuB,OAAA;UAAPC,eAAA;UAECP,SAAA,QAAgB;UAChBQ,UAAU;YACVC,OAAY,EAAE;UACd;UAAwBC,SAAA;YAJpBD,OAAA;UAKN;QAEA;MAAC;IAAA,IACS,eACDnC,KAAA,CAAAI,MAAA,CAAAiC,MAAA;MAAApB,QAEP,GACA,eAAWnB,IAAA,CAAAM,MAAA,CAAA4B,OAAA;QACTC,eAAA;QACAP,SAAA;QAAAQ,UACE,EAAS;UAAAC,OACP;QAAmB;QAEvBC,SAAA;UACFD,OAAA;QACA;MACA,YAAW,CAAE,EACb,eAAInC,KAAA,CAAAI,MAAA,CAAAkC,OAAA;QAEJC,QAAA;QAAAC,OAAA;QACAC,WAAA,GAGA,aACE,UAEA;QACsDf,SACxD,GACA,WACE;UAKAS,OAAA;YACFO,iBAAA;UAEA;QACE,EAAgB;QAMhBR,UACF;UAEAS,CAAA;UAEKC,CAAA;UAAAT,OAAA;UAAAU,KACC;QAAS;QACLT,SACJ,EAAM;UAAAO,CAAA,EACN;UAAKC,CAAA,EACL;UAAQT,OACR,EAAM;UAAAU,KAAA;QACR;QAEJ7B,GAAA;QAAAC,QAAA,GAtDI,eAAAnB,IAAA,CAAAM,MAAA,CAAA0C,KAAA;UAuDN7B,QAAA;QACF,IACF,eAAAnB,IAAA,CAAAM,MAAA,CAAA2C,WAAA;UAEJ9B,QAAA","ignoreList":[]}
|
|
@@ -3,22 +3,20 @@ import React from "react";
|
|
|
3
3
|
import { Button, Form, H4, Spinner } from "tamagui";
|
|
4
4
|
function FormsDemo(props) {
|
|
5
5
|
var [status, setStatus] = React.useState("off");
|
|
6
|
-
return React.useEffect(function() {
|
|
6
|
+
return React.useEffect(function () {
|
|
7
7
|
if (status === "submitting") {
|
|
8
|
-
var timer = setTimeout(function() {
|
|
8
|
+
var timer = setTimeout(function () {
|
|
9
9
|
return setStatus("off");
|
|
10
10
|
}, 2e3);
|
|
11
|
-
return function() {
|
|
11
|
+
return function () {
|
|
12
12
|
clearTimeout(timer);
|
|
13
13
|
};
|
|
14
14
|
}
|
|
15
|
-
}, [
|
|
16
|
-
status
|
|
17
|
-
]), /* @__PURE__ */ _jsxs(Form, {
|
|
15
|
+
}, [status]), /* @__PURE__ */_jsxs(Form, {
|
|
18
16
|
alignItems: "center",
|
|
19
17
|
minWidth: 300,
|
|
20
18
|
gap: "$2",
|
|
21
|
-
onSubmit: function() {
|
|
19
|
+
onSubmit: function () {
|
|
22
20
|
return setStatus("submitting");
|
|
23
21
|
},
|
|
24
22
|
borderWidth: 1,
|
|
@@ -26,24 +24,19 @@ function FormsDemo(props) {
|
|
|
26
24
|
backgroundColor: "$background",
|
|
27
25
|
borderColor: "$borderColor",
|
|
28
26
|
padding: "$8",
|
|
29
|
-
children: [
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
} : void 0,
|
|
40
|
-
children: "Submit"
|
|
41
|
-
})
|
|
27
|
+
children: [/* @__PURE__ */_jsx(H4, {
|
|
28
|
+
children: status[0].toUpperCase() + status.slice(1)
|
|
29
|
+
}), /* @__PURE__ */_jsx(Form.Trigger, {
|
|
30
|
+
asChild: !0,
|
|
31
|
+
disabled: status !== "off",
|
|
32
|
+
children: /* @__PURE__ */_jsx(Button, {
|
|
33
|
+
icon: status === "submitting" ? function () {
|
|
34
|
+
return /* @__PURE__ */_jsx(Spinner, {});
|
|
35
|
+
} : void 0,
|
|
36
|
+
children: "Submit"
|
|
42
37
|
})
|
|
43
|
-
]
|
|
38
|
+
})]
|
|
44
39
|
});
|
|
45
40
|
}
|
|
46
|
-
export {
|
|
47
|
-
|
|
48
|
-
};
|
|
49
|
-
//# sourceMappingURL=FormsDemo.js.map
|
|
41
|
+
export { FormsDemo };
|
|
42
|
+
//# sourceMappingURL=FormsDemo.native.js.map
|
|
@@ -1,6 +1 @@
|
|
|
1
|
-
{
|
|
2
|
-
"version": 3,
|
|
3
|
-
"sources": ["../../src/Users/n8/tamagui/code/demos/src/FormsDemo.tsx"],
|
|
4
|
-
"mappings": ";AAAA,OAAOA,WAAW;AAElB,SAASC,QAAQC,MAAMC,IAAIC,eAAe;AAEnC,SAASC,UAAUC,OAA2B;AACnD,MAAM,CAACC,QAAQC,SAAAA,IAAaR,MAAMS,SAA6C,KAAA;AAE/ET,eAAMU,UAAU,WAAA;AACd,QAAIH,WAAW,cAAc;AAC3B,UAAMI,QAAQC,WAAW,WAAA;eAAMJ,UAAU,KAAA;SAAQ,GAAA;AACjD,aAAO,WAAA;AACLK,qBAAaF,KAAAA;MACf;IACF;EACF,GAAG;IAACJ;GAAO,GAGT,sBAACL,MAAAA;IACCY,YAAW;IACXC,UAAU;IACVC,KAAI;IACJC,UAAU,WAAA;aAAMT,UAAU,YAAA;;IAC1BU,aAAa;IACbC,cAAa;IACbC,iBAAgB;IAChBC,aAAY;IACZC,SAAQ;;MAER,qBAACnB,IAAAA;kBAAII,OAAO,CAAA,EAAGgB,YAAW,IAAKhB,OAAOiB,MAAM,CAAA;;MAE5C,qBAACtB,KAAKuB,SAAO;QAACC,SAAO;QAACC,UAAUpB,WAAW;kBACzC,qBAACN,QAAAA;UAAO2B,MAAMrB,WAAW,eAAe,WAAA;mBAAM,qBAACH,SAAAA,CAAAA,CAAAA;cAAayB;oBAAW;;;;;AAM/E;",
|
|
5
|
-
"names": ["React", "Button", "Form", "H4", "Spinner", "FormsDemo", "props", "status", "setStatus", "useState", "useEffect", "timer", "setTimeout", "clearTimeout", "alignItems", "minWidth", "gap", "onSubmit", "borderWidth", "borderRadius", "backgroundColor", "borderColor", "padding", "toUpperCase", "slice", "Trigger", "asChild", "disabled", "icon", "undefined"]
|
|
6
|
-
}
|
|
1
|
+
{"version":3,"names":["jsx","_jsx","jsxs","_jsxs","React","Button","Form","H4","Spinner","FormsDemo","props","status","setStatus","useState","useEffect","timer","setTimeout","clearTimeout","alignItems","minWidth","gap","onSubmit","borderWidth","borderRadius","backgroundColor","borderColor","padding","children","toUpperCase","slice"],"sources":["../../src/FormsDemo.tsx"],"sourcesContent":[null],"mappings":"AAAA,SAAOA,GAAA,IAAAC,IAAW,EAAAC,IAAA,IAAAC,KAAA;AAElB,OAAAC,KAAS,MAAQ,OAAM;AAenB,SAWEC,MAXF,EAAAC,IAAA,EAAAC,EAAA,EAAAC,OAAA;AAbG,SAASC,UAAUC,KAAA,EAA6B;EACrD,KAAAC,MAAO,EAAAC,SAAQ,IAASR,KAAI,CAAAS,QAAM,MAA6C;EAE/E,OAAAT,KAAA,CAAMU,SAAA,CAAU,YAAM;IACpB,IAAIH,MAAA,KAAW,cAAc;MAC3B,IAAAI,KAAM,GAAAC,UAAQ,aAAiB;QAC/B,OAAOJ,SAAM;MACX;MACF;QACFK,YAAA,CAAAF,KAAA;MACE;IAGD;EAAA,IAAAJ,MACC,CAAW,GACX,eAAUR,KAAA,CAAAG,IAAA;IAAAY,UACN;IAAAC,QACJ,KAAU;IAA4BC,GACtC;IAAaC,QACb,WAAAA,CAAA,EAAa;MACb,OAAAT,SAAA,CAAgB;IAAA;IACJU,WACJ;IAAAC,YAER;IAAAC,eAAA,eAAK;IAA0CC,WAE/C,gBAAC;IAIDC,OAAA;IAAAC,QAAA,GACF,eAAA1B,IAAA,CAAAM,EAAA;MAEJoB,QAAA,EAAAhB,MAAA,IAAAiB,WAAA,KAAAjB,MAAA,CAAAkB,KAAA","ignoreList":[]}
|
package/dist/esm/Grid.native.js
CHANGED
|
@@ -3,28 +3,31 @@ import { isWeb } from "@tamagui/core";
|
|
|
3
3
|
import { XStack } from "@tamagui/stacks";
|
|
4
4
|
import React from "react";
|
|
5
5
|
function Grid(param) {
|
|
6
|
-
var {
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
6
|
+
var {
|
|
7
|
+
children,
|
|
8
|
+
columns,
|
|
9
|
+
itemMinWidth = 200,
|
|
10
|
+
gap
|
|
11
|
+
} = param;
|
|
12
|
+
if (isWeb) return /* @__PURE__ */_jsx("div", {
|
|
13
|
+
style: {
|
|
14
|
+
gap,
|
|
15
|
+
display: "grid",
|
|
16
|
+
justifyContent: "stretch",
|
|
17
|
+
// gridTemplateRows: 'repeat(4, 1fr)',
|
|
18
|
+
gridTemplateColumns: `repeat( auto-fit, minmax(${itemMinWidth}px, 1fr) )`
|
|
19
|
+
},
|
|
20
|
+
children:
|
|
21
|
+
// gridTemplateColumns: '1fr 1fr',
|
|
22
|
+
children
|
|
23
|
+
});
|
|
21
24
|
var childrenList = React.Children.toArray(children);
|
|
22
|
-
return /* @__PURE__ */
|
|
25
|
+
return /* @__PURE__ */_jsx(XStack, {
|
|
23
26
|
alignItems: "center",
|
|
24
27
|
justifyContent: "center",
|
|
25
28
|
flexWrap: "wrap",
|
|
26
|
-
children: childrenList.map(function(child, i) {
|
|
27
|
-
return child ? /* @__PURE__ */
|
|
29
|
+
children: childrenList.map(function (child, i) {
|
|
30
|
+
return child ? /* @__PURE__ */_jsx(XStack, {
|
|
28
31
|
flex: 1,
|
|
29
32
|
minWidth: itemMinWidth,
|
|
30
33
|
marginRight: gap,
|
|
@@ -34,7 +37,5 @@ function Grid(param) {
|
|
|
34
37
|
})
|
|
35
38
|
});
|
|
36
39
|
}
|
|
37
|
-
export {
|
|
38
|
-
|
|
39
|
-
};
|
|
40
|
-
//# sourceMappingURL=Grid.js.map
|
|
40
|
+
export { Grid };
|
|
41
|
+
//# sourceMappingURL=Grid.native.js.map
|
|
@@ -1,6 +1 @@
|
|
|
1
|
-
{
|
|
2
|
-
"version": 3,
|
|
3
|
-
"sources": ["../../src/Users/n8/tamagui/code/demos/src/Grid.tsx"],
|
|
4
|
-
"mappings": ";AAAA,SAASA,aAAa;AACtB,SAASC,cAAc;AACvB,OAAOC,WAAW;AASX,SAASC,KAAK,OAAyD;MAAzD,EAAEC,UAAUC,SAASC,eAAe,KAAKC,IAAG,IAA5C;AACnB,MAAIP;AACF,WACE,qBAACQ,OAAAA;MACCC,OAAO;QACLF;QACAG,SAAS;QACTC,gBAAgB;;QAEhBC,qBAAqB,4BAA4BN,YAAAA;MAEnD;;;QAECF;;;AAKP,MAAMS,eAAeX,MAAMY,SAASC,QAAQX,QAAAA;AAE5C,SACE,qBAACH,QAAAA;IAAOe,YAAW;IAASL,gBAAe;IAASM,UAAS;cAC1DJ,aAAaK,IAAI,SAACC,OAAOC,GAAAA;AACxB,aAAKD,QAMH,qBAAClB,QAAAA;QAECoB,MAAM;QACNC,UAAUhB;QACViB,aAAahB;QACbiB,cAAcjB;kBAEbY;SANIC,CAAAA,IANA;IAeX,CAAA;;AAGN;",
|
|
5
|
-
"names": ["isWeb", "XStack", "React", "Grid", "children", "columns", "itemMinWidth", "gap", "div", "style", "display", "justifyContent", "gridTemplateColumns", "childrenList", "Children", "toArray", "alignItems", "flexWrap", "map", "child", "i", "flex", "minWidth", "marginRight", "marginBottom"]
|
|
6
|
-
}
|
|
1
|
+
{"version":3,"names":["jsx","_jsx","isWeb","XStack","React","Grid","param","children","columns","itemMinWidth","gap","style","display","justifyContent","gridTemplateColumns","childrenList","Children","toArray","alignItems","flexWrap","map","child","i","flex","minWidth","marginRight","marginBottom"],"sources":["../../src/Grid.tsx"],"sourcesContent":[null],"mappings":"AAAA,SAASA,GAAA,IAAAC,IAAA,QAAa;AACtB,SAASC,KAAA,uBAAc;AACvB,SAAOC,MAAA,QAAW;AAYZ,OAAAC,KAAA;AAHC,SAASC,KAAKC,KAAE;EACrB,IAAI;IAAAC,QAAA;IAAAC,OAAA;IAAAC,YAAA;IAAAC;EAAA,IAAAJ,KAAA;EACF,IAAAJ,KACE,SAAC,eAAAD,IAAA;IAAAU,KAAA;MACCD,GAAA;MAAOE,OACL;MAAAC,cACS;MAAA;MACOC,mBAAA,8BAAAL,YAAA;IAAA;IAE6CF,QAAA;IAE/D;IAECA;EACH;EAIJ,IAAAQ,YAAM,GAAAX,KAAe,CAAAY,QAAM,CAAAC,OAAS,CAAAV,QAAQ;EAE5C,OACE,eAAAN,IAAC,CAAAE,MAAA;IAQMe,UAAA;IAAAL,cAAA;IAAAM,QAEO;IAAAZ,QACN,EAAAQ,YAAU,CAAAK,GAAA,WAAAC,KAAA,EAAAC,CAAA;MACV,OAAAD,KAAA,GAAa,eAAApB,IAAA,CAAAE,MAAA;QACboB,IAAA;QAECC,QAAA,EAAAf,YAAA;QAAAgB,WAAA,EAAAf,GAAA;QANIgB,YAAA,EAAAhB,GAAA;QANAH,QAgBb,EAAAc;MAEJ,GAAAC,CAAA","ignoreList":[]}
|
|
@@ -2,80 +2,63 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
|
2
2
|
import { Activity, Airplay } from "@tamagui/lucide-icons";
|
|
3
3
|
import { Button, Group, ListItem, Separator, XGroup, YGroup, YStack } from "tamagui";
|
|
4
4
|
function GroupDemo() {
|
|
5
|
-
return /* @__PURE__ */
|
|
5
|
+
return /* @__PURE__ */_jsxs(YStack, {
|
|
6
6
|
padding: "$3",
|
|
7
7
|
space: "$2",
|
|
8
8
|
alignItems: "center",
|
|
9
|
-
children: [
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
children:
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
}
|
|
30
|
-
/*
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
}
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
children:
|
|
57
|
-
|
|
58
|
-
|
|
59
|
-
|
|
60
|
-
|
|
61
|
-
}),
|
|
62
|
-
/* @__PURE__ */ _jsx(YGroup.Item, {
|
|
63
|
-
children: /* @__PURE__ */ _jsx(ListItem, {
|
|
64
|
-
title: "Second",
|
|
65
|
-
subTitle: "Second subtitle"
|
|
66
|
-
})
|
|
67
|
-
}),
|
|
68
|
-
/* @__PURE__ */ _jsx(YGroup.Item, {
|
|
69
|
-
children: /* @__PURE__ */ _jsx(ListItem, {
|
|
70
|
-
children: "Third"
|
|
71
|
-
})
|
|
72
|
-
})
|
|
73
|
-
]
|
|
74
|
-
})
|
|
75
|
-
]
|
|
9
|
+
children: [/* @__PURE__ */_jsxs(Group, {
|
|
10
|
+
orientation: "horizontal",
|
|
11
|
+
children: [/* @__PURE__ */_jsx(Group.Item, {
|
|
12
|
+
children: /* @__PURE__ */_jsx(Button, {
|
|
13
|
+
children: "First"
|
|
14
|
+
})
|
|
15
|
+
}), /* @__PURE__ */_jsx(Group.Item, {
|
|
16
|
+
children: /* @__PURE__ */_jsx(Button, {
|
|
17
|
+
children: "Second"
|
|
18
|
+
})
|
|
19
|
+
}), /* @__PURE__ */_jsx(Group.Item, {
|
|
20
|
+
children: /* @__PURE__ */_jsx(Button, {
|
|
21
|
+
children: "Third"
|
|
22
|
+
})
|
|
23
|
+
})]
|
|
24
|
+
}), /* responsive + size */
|
|
25
|
+
/* @__PURE__ */_jsxs(XGroup, {
|
|
26
|
+
size: "$3",
|
|
27
|
+
$gtSm: {
|
|
28
|
+
size: "$5"
|
|
29
|
+
},
|
|
30
|
+
children: [/* @__PURE__ */_jsx(XGroup.Item, {
|
|
31
|
+
children: /* @__PURE__ */_jsx(Button, {
|
|
32
|
+
size: "$3",
|
|
33
|
+
icon: Activity,
|
|
34
|
+
children: "First"
|
|
35
|
+
})
|
|
36
|
+
}), /* @__PURE__ */_jsx(XGroup.Item, {
|
|
37
|
+
children: /* @__PURE__ */_jsx(Button, {
|
|
38
|
+
size: "$3",
|
|
39
|
+
icon: Airplay,
|
|
40
|
+
children: "Second"
|
|
41
|
+
})
|
|
42
|
+
})]
|
|
43
|
+
}), /* Separator */
|
|
44
|
+
/* @__PURE__ */_jsxs(YGroup, {
|
|
45
|
+
separator: /* @__PURE__ */_jsx(Separator, {}),
|
|
46
|
+
children: [/* @__PURE__ */_jsx(YGroup.Item, {
|
|
47
|
+
children: /* @__PURE__ */_jsx(ListItem, {
|
|
48
|
+
title: "First"
|
|
49
|
+
})
|
|
50
|
+
}), /* @__PURE__ */_jsx(YGroup.Item, {
|
|
51
|
+
children: /* @__PURE__ */_jsx(ListItem, {
|
|
52
|
+
title: "Second",
|
|
53
|
+
subTitle: "Second subtitle"
|
|
54
|
+
})
|
|
55
|
+
}), /* @__PURE__ */_jsx(YGroup.Item, {
|
|
56
|
+
children: /* @__PURE__ */_jsx(ListItem, {
|
|
57
|
+
children: "Third"
|
|
58
|
+
})
|
|
59
|
+
})]
|
|
60
|
+
})]
|
|
76
61
|
});
|
|
77
62
|
}
|
|
78
|
-
export {
|
|
79
|
-
|
|
80
|
-
};
|
|
81
|
-
//# sourceMappingURL=GroupDemo.js.map
|
|
63
|
+
export { GroupDemo };
|
|
64
|
+
//# sourceMappingURL=GroupDemo.native.js.map
|
|
@@ -1,6 +1 @@
|
|
|
1
|
-
{
|
|
2
|
-
"version": 3,
|
|
3
|
-
"sources": ["../../src/Users/n8/tamagui/code/demos/src/GroupDemo.tsx"],
|
|
4
|
-
"mappings": ";AAAA,SAASA,UAAUC,eAAe;AAClC,SAASC,QAAQC,OAAOC,UAAUC,WAAWC,QAAQC,QAAQC,cAAc;AAEpE,SAASC,YAAAA;AACd,SACE,sBAACD,QAAAA;IAAOE,SAAQ;IAAKC,OAAM;IAAKC,YAAW;;MACzC,sBAACT,OAAAA;QAAMU,aAAY;;UACjB,qBAACV,MAAMW,MAAI;sBACT,qBAACZ,QAAAA;wBAAO;;;UAEV,qBAACC,MAAMW,MAAI;sBACT,qBAACZ,QAAAA;wBAAO;;;UAEV,qBAACC,MAAMW,MAAI;sBACT,qBAACZ,QAAAA;wBAAO;;;;;;MAKZ,sBAACI,QAAAA;QAAOS,MAAK;QAAKC,OAAO;UAAED,MAAM;QAAK;;UACpC,qBAACT,OAAOQ,MAAI;sBACV,qBAACZ,QAAAA;cAAOa,MAAK;cAAKE,MAAMjB;wBAAU;;;UAIpC,qBAACM,OAAOQ,MAAI;sBACV,qBAACZ,QAAAA;cAAOa,MAAK;cAAKE,MAAMhB;wBAAS;;;;;;MAOrC,sBAACM,QAAAA;QAAOW,WAAW,qBAACb,WAAAA,CAAAA,CAAAA;;UAClB,qBAACE,OAAOO,MAAI;sBACV,qBAACV,UAAAA;cAASe,OAAM;;;UAElB,qBAACZ,OAAOO,MAAI;sBACV,qBAACV,UAAAA;cAASe,OAAM;cAASC,UAAS;;;UAEpC,qBAACb,OAAOO,MAAI;sBACV,qBAACV,UAAAA;wBAAS;;;;;;;AAKpB;",
|
|
5
|
-
"names": ["Activity", "Airplay", "Button", "Group", "ListItem", "Separator", "XGroup", "YGroup", "YStack", "GroupDemo", "padding", "space", "alignItems", "orientation", "Item", "size", "$gtSm", "icon", "separator", "title", "subTitle"]
|
|
6
|
-
}
|
|
1
|
+
{"version":3,"names":["jsx","_jsx","jsxs","_jsxs","Activity","Airplay","Button","Group","ListItem","Separator","XGroup","YGroup","YStack","GroupDemo","padding","space","alignItems","children","orientation","Item"],"sources":["../../src/GroupDemo.tsx"],"sourcesContent":[null],"mappings":"AAAA,SAASA,GAAA,IAAAC,IAAU,EAAAC,IAAA,IAAAC,KAAe;AAClC,SAASC,QAAQ,EAAAC,OAAO,QAAU,uBAAmB;AAK/C,SAEIC,MAFJ,EAAAC,KAAA,EAAAC,QAAA,EAAAC,SAAA,EAAAC,MAAA,EAAAC,MAAA,EAAAC,MAAA;AAHC,SAASC,UAAA,EAAY;EAC1B,OACE,eAAAV,KAAC,CAAAS,MAAA;IACCE,OAAA;IACEC,KAAA;IAEAC,UACA;IAEAC,QACA,GAEA,eACFd,KAAA,CAAAI,KAAA;MAGAW,WAAA,cAAC;MACCD,QAAA,GAKA,eAAChB,IAAA,CAAAM,KAAO,CAAAY,IACN;QAIJF,QAAA,iBAAAhB,IAAA,CAAAK,MAAA;UAGAW,QAAA;QACE;MAGA,IAGA,eAAChB,IAAA,CAAAM,KAAO,CAAAY,IACN;QAEJF,QAAA,iBAAAhB,IAAA,CAAAK,MAAA;UACFW,QAAA;QAEJ","ignoreList":[]}
|