@tamagui/demos 1.22.5 → 1.22.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/cjs/DialogDemo.js +12 -2
- package/dist/cjs/DialogDemo.js.map +1 -1
- package/dist/cjs/SelectDemo.js +13 -4
- package/dist/cjs/SelectDemo.js.map +1 -1
- package/dist/esm/DialogDemo.js +13 -3
- package/dist/esm/DialogDemo.js.map +1 -1
- package/dist/esm/DialogDemo.mjs +13 -3
- package/dist/esm/DialogDemo.mjs.map +1 -1
- package/dist/esm/SelectDemo.js +14 -4
- package/dist/esm/SelectDemo.js.map +1 -1
- package/dist/esm/SelectDemo.mjs +14 -4
- package/dist/esm/SelectDemo.mjs.map +1 -1
- package/dist/jsx/DialogDemo.js +10 -3
- package/dist/jsx/DialogDemo.js.map +1 -1
- package/dist/jsx/DialogDemo.mjs +10 -3
- package/dist/jsx/DialogDemo.mjs.map +1 -1
- package/dist/jsx/SelectDemo.js +10 -17
- package/dist/jsx/SelectDemo.js.map +1 -1
- package/dist/jsx/SelectDemo.mjs +10 -17
- package/dist/jsx/SelectDemo.mjs.map +1 -1
- package/package.json +18 -18
- package/src/DialogDemo.tsx +10 -3
- package/src/SelectDemo.tsx +10 -10
- package/types/DialogDemo.d.ts.map +1 -1
- package/types/SelectDemo.d.ts.map +1 -1
package/dist/cjs/DialogDemo.js
CHANGED
|
@@ -68,10 +68,20 @@ function DialogDemo() {
|
|
|
68
68
|
] }),
|
|
69
69
|
/* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_tamagui.Fieldset, { space: "$4", horizontal: true, children: [
|
|
70
70
|
/* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Label, { width: 160, justifyContent: "flex-end", 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" }) }) }),
|
|
71
|
-
/* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_SelectDemo.
|
|
71
|
+
/* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_SelectDemo.SelectDemoItem, {})
|
|
72
72
|
] }),
|
|
73
73
|
/* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.YStack, { alignItems: "flex-end", marginTop: "$2", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Dialog.Close, { displayWhenAdapted: true, asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Button, { theme: "alt1", "aria-label": "Close", children: "Save changes" }) }) }),
|
|
74
|
-
/* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Unspaced, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Dialog.Close, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
|
|
74
|
+
/* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Unspaced, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Dialog.Close, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
|
|
75
|
+
import_tamagui.Button,
|
|
76
|
+
{
|
|
77
|
+
position: "absolute",
|
|
78
|
+
top: "$3",
|
|
79
|
+
right: "$3",
|
|
80
|
+
size: "$2",
|
|
81
|
+
circular: true,
|
|
82
|
+
icon: import_lucide_icons.X
|
|
83
|
+
}
|
|
84
|
+
) }) })
|
|
75
85
|
]
|
|
76
86
|
},
|
|
77
87
|
"content"
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../src/DialogDemo.tsx"],
|
|
4
|
-
"mappings": ";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAsBQ;AAtBR,0BAAkB;AAClB,qBAaO;AAEP,
|
|
4
|
+
"mappings": ";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAsBQ;AAtBR,0BAAkB;AAClB,qBAaO;AAEP,wBAA2C;AAEpC,SAAS,aAAa;AAC3B,SACE,6CAAC,yBAAO,OAAK,MACX;AAAA,gDAAC,sBAAO,SAAP,EAAe,SAAO,MACrB,sDAAC,yBAAO,0BAAY,GACtB;AAAA,IAEA,4CAAC,wBAAM,MAAK,MAAK,UAAS,SACxB,uDAAC,wBAAM,QAAQ,KAAQ,OAAK,MAAC,uBAAqB,MAChD;AAAA,kDAAC,qBAAM,OAAN,EAAY,SAAQ,MAAK,OAAK,MAC7B,sDAAC,qBAAM,UAAN,EAAe,GAClB;AAAA,MACA,4CAAC,qBAAM,SAAN,EAAc;AAAA,OACjB,GACF;AAAA,IAEA,6CAAC,sBAAO,QAAP,EACC;AAAA;AAAA,QAAC,sBAAO;AAAA,QAAP;AAAA,UAEC,WAAU;AAAA,UACV,SAAS;AAAA,UACT,YAAY,EAAE,SAAS,EAAE;AAAA,UACzB,WAAW,EAAE,SAAS,EAAE;AAAA;AAAA,QAJpB;AAAA,MAKN;AAAA,MAEA;AAAA,QAAC,sBAAO;AAAA,QAAP;AAAA,UACC,UAAQ;AAAA,UACR,SAAO;AAAA,UAEP,WAAW;AAAA,YACT;AAAA,YACA;AAAA,cACE,SAAS;AAAA,gBACP,mBAAmB;AAAA,cACrB;AAAA,YACF;AAAA,UACF;AAAA,UACA,YAAY,EAAE,GAAG,GAAG,GAAG,KAAK,SAAS,GAAG,OAAO,IAAI;AAAA,UACnD,WAAW,EAAE,GAAG,GAAG,GAAG,IAAI,SAAS,GAAG,OAAO,KAAK;AAAA,UAClD,OAAK;AAAA,UAEL;AAAA,wDAAC,sBAAO,OAAP,EAAa,0BAAY;AAAA,YAC1B,4CAAC,sBAAO,aAAP,EAAmB,6EAEpB;AAAA,YACA,6CAAC,2BAAS,OAAM,MAAK,YAAU,MAC7B;AAAA,0DAAC,wBAAM,OAAO,KAAK,gBAAe,YAAW,SAAQ,QAAO,kBAE5D;AAAA,cACA,4CAAC,wBAAM,MAAM,GAAG,IAAG,QAAO,cAAa,gBAAe;AAAA,eACxD;AAAA,YACA,6CAAC,2BAAS,OAAM,MAAK,YAAU,MAC7B;AAAA,0DAAC,wBAAM,OAAO,KAAK,gBAAe,YAAW,SAAQ,YACnD,sDAAC,gCAAc,OAAM,sBAAqB,WAAU,gBAClD,sDAAC,4BAAU,kBAAI,GACjB,GACF;AAAA,cACA,4CAAC,oCAAe;AAAA,eAClB;AAAA,YAEA,4CAAC,yBAAO,YAAW,YAAW,WAAU,MACtC,sDAAC,sBAAO,OAAP,EAAa,oBAAkB,MAAC,SAAO,MACtC,sDAAC,yBAAO,OAAM,QAAO,cAAW,SAAQ,0BAExC,GACF,GACF;AAAA,YAEA,4CAAC,2BACC,sDAAC,sBAAO,OAAP,EAAa,SAAO,MACnB;AAAA,cAAC;AAAA;AAAA,gBACC,UAAS;AAAA,gBACT,KAAI;AAAA,gBACJ,OAAM;AAAA,gBACN,MAAK;AAAA,gBACL,UAAQ;AAAA,gBACR,MAAM;AAAA;AAAA,YACR,GACF,GACF;AAAA;AAAA;AAAA,QAnDI;AAAA,MAoDN;AAAA,OACF;AAAA,KACF;AAEJ;",
|
|
5
5
|
"names": []
|
|
6
6
|
}
|
package/dist/cjs/SelectDemo.js
CHANGED
|
@@ -28,11 +28,20 @@ var import_react = require("react");
|
|
|
28
28
|
var import_tamagui = require("tamagui");
|
|
29
29
|
var import_linear_gradient = require("tamagui/linear-gradient");
|
|
30
30
|
function SelectDemo() {
|
|
31
|
-
|
|
32
|
-
|
|
31
|
+
return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_tamagui.YStack, { space: true, children: [
|
|
32
|
+
/* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_tamagui.XStack, { ai: "center", space: true, children: [
|
|
33
|
+
/* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Label, { f: 1, fb: 0, children: "Custom" }),
|
|
34
|
+
/* @__PURE__ */ (0, import_jsx_runtime.jsx)(SelectDemoItem, {})
|
|
35
|
+
] }),
|
|
36
|
+
/* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_tamagui.XStack, { ai: "center", space: true, children: [
|
|
37
|
+
/* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Label, { f: 1, fb: 0, children: "Native" }),
|
|
38
|
+
/* @__PURE__ */ (0, import_jsx_runtime.jsx)(SelectDemoItem, { native: true })
|
|
39
|
+
] })
|
|
40
|
+
] });
|
|
33
41
|
}
|
|
34
42
|
function SelectDemoItem(props) {
|
|
35
|
-
|
|
43
|
+
const [val, setVal] = (0, import_react.useState)("apple");
|
|
44
|
+
return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_tamagui.Select, { id: "food", value: val, onValueChange: setVal, ...props, children: [
|
|
36
45
|
/* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Select.Trigger, { width: 180, iconAfter: import_lucide_icons.ChevronDown, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Select.Value, { placeholder: "Something" }) }),
|
|
37
46
|
/* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Adapt, { when: "sm", platform: "touch", children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_tamagui.Sheet, { native: true, modal: true, dismissOnSnapToBottom: true, children: [
|
|
38
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, {}) }) }),
|
|
@@ -67,7 +76,7 @@ function SelectDemoItem(props) {
|
|
|
67
76
|
/* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Select.Label, { children: "Fruits" }),
|
|
68
77
|
items.map((item, i) => {
|
|
69
78
|
return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_tamagui.Select.Item, { index: i, value: item.name.toLowerCase(), children: [
|
|
70
|
-
/* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Select.ItemText, {
|
|
79
|
+
/* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Select.ItemText, { children: item.name }),
|
|
71
80
|
/* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Select.ItemIndicator, { marginLeft: "auto", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_lucide_icons.Check, { size: 16 }) })
|
|
72
81
|
] }, item.name);
|
|
73
82
|
})
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../src/SelectDemo.tsx"],
|
|
4
|
-
"mappings": ";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;
|
|
4
|
+
"mappings": "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",
|
|
5
5
|
"names": []
|
|
6
6
|
}
|
package/dist/esm/DialogDemo.js
CHANGED
|
@@ -13,7 +13,7 @@ import {
|
|
|
13
13
|
Unspaced,
|
|
14
14
|
YStack
|
|
15
15
|
} from "tamagui";
|
|
16
|
-
import {
|
|
16
|
+
import { SelectDemoItem } from "./SelectDemo";
|
|
17
17
|
function DialogDemo() {
|
|
18
18
|
return /* @__PURE__ */ jsxs(Dialog, { modal: true, children: [
|
|
19
19
|
/* @__PURE__ */ jsx(Dialog.Trigger, { asChild: true, children: /* @__PURE__ */ jsx(Button, { children: "Edit Profile" }) }),
|
|
@@ -57,10 +57,20 @@ function DialogDemo() {
|
|
|
57
57
|
] }),
|
|
58
58
|
/* @__PURE__ */ jsxs(Fieldset, { space: "$4", horizontal: true, children: [
|
|
59
59
|
/* @__PURE__ */ jsx(Label, { width: 160, justifyContent: "flex-end", htmlFor: "username", children: /* @__PURE__ */ jsx(TooltipSimple, { label: "Pick your favorite", placement: "bottom-start", children: /* @__PURE__ */ jsx(Paragraph, { children: "Food" }) }) }),
|
|
60
|
-
/* @__PURE__ */ jsx(
|
|
60
|
+
/* @__PURE__ */ jsx(SelectDemoItem, {})
|
|
61
61
|
] }),
|
|
62
62
|
/* @__PURE__ */ jsx(YStack, { alignItems: "flex-end", marginTop: "$2", children: /* @__PURE__ */ jsx(Dialog.Close, { displayWhenAdapted: true, asChild: true, children: /* @__PURE__ */ jsx(Button, { theme: "alt1", "aria-label": "Close", children: "Save changes" }) }) }),
|
|
63
|
-
/* @__PURE__ */ jsx(Unspaced, { children: /* @__PURE__ */ jsx(Dialog.Close, { asChild: true, children: /* @__PURE__ */ jsx(
|
|
63
|
+
/* @__PURE__ */ jsx(Unspaced, { children: /* @__PURE__ */ jsx(Dialog.Close, { asChild: true, children: /* @__PURE__ */ jsx(
|
|
64
|
+
Button,
|
|
65
|
+
{
|
|
66
|
+
position: "absolute",
|
|
67
|
+
top: "$3",
|
|
68
|
+
right: "$3",
|
|
69
|
+
size: "$2",
|
|
70
|
+
circular: true,
|
|
71
|
+
icon: X
|
|
72
|
+
}
|
|
73
|
+
) }) })
|
|
64
74
|
]
|
|
65
75
|
},
|
|
66
76
|
"content"
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../src/DialogDemo.tsx"],
|
|
4
|
-
"mappings": "AAsBQ,cAIA,YAJA;AAtBR,SAAS,SAAS;AAClB;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EAEA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACK;AAEP,
|
|
4
|
+
"mappings": "AAsBQ,cAIA,YAJA;AAtBR,SAAS,SAAS;AAClB;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EAEA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACK;AAEP,SAAqB,sBAAsB;AAEpC,SAAS,aAAa;AAC3B,SACE,qBAAC,UAAO,OAAK,MACX;AAAA,wBAAC,OAAO,SAAP,EAAe,SAAO,MACrB,8BAAC,UAAO,0BAAY,GACtB;AAAA,IAEA,oBAAC,SAAM,MAAK,MAAK,UAAS,SACxB,+BAAC,SAAM,QAAQ,KAAQ,OAAK,MAAC,uBAAqB,MAChD;AAAA,0BAAC,MAAM,OAAN,EAAY,SAAQ,MAAK,OAAK,MAC7B,8BAAC,MAAM,UAAN,EAAe,GAClB;AAAA,MACA,oBAAC,MAAM,SAAN,EAAc;AAAA,OACjB,GACF;AAAA,IAEA,qBAAC,OAAO,QAAP,EACC;AAAA;AAAA,QAAC,OAAO;AAAA,QAAP;AAAA,UAEC,WAAU;AAAA,UACV,SAAS;AAAA,UACT,YAAY,EAAE,SAAS,EAAE;AAAA,UACzB,WAAW,EAAE,SAAS,EAAE;AAAA;AAAA,QAJpB;AAAA,MAKN;AAAA,MAEA;AAAA,QAAC,OAAO;AAAA,QAAP;AAAA,UACC,UAAQ;AAAA,UACR,SAAO;AAAA,UAEP,WAAW;AAAA,YACT;AAAA,YACA;AAAA,cACE,SAAS;AAAA,gBACP,mBAAmB;AAAA,cACrB;AAAA,YACF;AAAA,UACF;AAAA,UACA,YAAY,EAAE,GAAG,GAAG,GAAG,KAAK,SAAS,GAAG,OAAO,IAAI;AAAA,UACnD,WAAW,EAAE,GAAG,GAAG,GAAG,IAAI,SAAS,GAAG,OAAO,KAAK;AAAA,UAClD,OAAK;AAAA,UAEL;AAAA,gCAAC,OAAO,OAAP,EAAa,0BAAY;AAAA,YAC1B,oBAAC,OAAO,aAAP,EAAmB,6EAEpB;AAAA,YACA,qBAAC,YAAS,OAAM,MAAK,YAAU,MAC7B;AAAA,kCAAC,SAAM,OAAO,KAAK,gBAAe,YAAW,SAAQ,QAAO,kBAE5D;AAAA,cACA,oBAAC,SAAM,MAAM,GAAG,IAAG,QAAO,cAAa,gBAAe;AAAA,eACxD;AAAA,YACA,qBAAC,YAAS,OAAM,MAAK,YAAU,MAC7B;AAAA,kCAAC,SAAM,OAAO,KAAK,gBAAe,YAAW,SAAQ,YACnD,8BAAC,iBAAc,OAAM,sBAAqB,WAAU,gBAClD,8BAAC,aAAU,kBAAI,GACjB,GACF;AAAA,cACA,oBAAC,kBAAe;AAAA,eAClB;AAAA,YAEA,oBAAC,UAAO,YAAW,YAAW,WAAU,MACtC,8BAAC,OAAO,OAAP,EAAa,oBAAkB,MAAC,SAAO,MACtC,8BAAC,UAAO,OAAM,QAAO,cAAW,SAAQ,0BAExC,GACF,GACF;AAAA,YAEA,oBAAC,YACC,8BAAC,OAAO,OAAP,EAAa,SAAO,MACnB;AAAA,cAAC;AAAA;AAAA,gBACC,UAAS;AAAA,gBACT,KAAI;AAAA,gBACJ,OAAM;AAAA,gBACN,MAAK;AAAA,gBACL,UAAQ;AAAA,gBACR,MAAM;AAAA;AAAA,YACR,GACF,GACF;AAAA;AAAA;AAAA,QAnDI;AAAA,MAoDN;AAAA,OACF;AAAA,KACF;AAEJ;",
|
|
5
5
|
"names": []
|
|
6
6
|
}
|
package/dist/esm/DialogDemo.mjs
CHANGED
|
@@ -13,7 +13,7 @@ import {
|
|
|
13
13
|
Unspaced,
|
|
14
14
|
YStack
|
|
15
15
|
} from "tamagui";
|
|
16
|
-
import {
|
|
16
|
+
import { SelectDemoItem } from "./SelectDemo";
|
|
17
17
|
function DialogDemo() {
|
|
18
18
|
return /* @__PURE__ */ jsxs(Dialog, { modal: true, children: [
|
|
19
19
|
/* @__PURE__ */ jsx(Dialog.Trigger, { asChild: true, children: /* @__PURE__ */ jsx(Button, { children: "Edit Profile" }) }),
|
|
@@ -57,10 +57,20 @@ function DialogDemo() {
|
|
|
57
57
|
] }),
|
|
58
58
|
/* @__PURE__ */ jsxs(Fieldset, { space: "$4", horizontal: true, children: [
|
|
59
59
|
/* @__PURE__ */ jsx(Label, { width: 160, justifyContent: "flex-end", htmlFor: "username", children: /* @__PURE__ */ jsx(TooltipSimple, { label: "Pick your favorite", placement: "bottom-start", children: /* @__PURE__ */ jsx(Paragraph, { children: "Food" }) }) }),
|
|
60
|
-
/* @__PURE__ */ jsx(
|
|
60
|
+
/* @__PURE__ */ jsx(SelectDemoItem, {})
|
|
61
61
|
] }),
|
|
62
62
|
/* @__PURE__ */ jsx(YStack, { alignItems: "flex-end", marginTop: "$2", children: /* @__PURE__ */ jsx(Dialog.Close, { displayWhenAdapted: true, asChild: true, children: /* @__PURE__ */ jsx(Button, { theme: "alt1", "aria-label": "Close", children: "Save changes" }) }) }),
|
|
63
|
-
/* @__PURE__ */ jsx(Unspaced, { children: /* @__PURE__ */ jsx(Dialog.Close, { asChild: true, children: /* @__PURE__ */ jsx(
|
|
63
|
+
/* @__PURE__ */ jsx(Unspaced, { children: /* @__PURE__ */ jsx(Dialog.Close, { asChild: true, children: /* @__PURE__ */ jsx(
|
|
64
|
+
Button,
|
|
65
|
+
{
|
|
66
|
+
position: "absolute",
|
|
67
|
+
top: "$3",
|
|
68
|
+
right: "$3",
|
|
69
|
+
size: "$2",
|
|
70
|
+
circular: true,
|
|
71
|
+
icon: X
|
|
72
|
+
}
|
|
73
|
+
) }) })
|
|
64
74
|
]
|
|
65
75
|
},
|
|
66
76
|
"content"
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../src/DialogDemo.tsx"],
|
|
4
|
-
"mappings": "AAsBQ,cAIA,YAJA;AAtBR,SAAS,SAAS;AAClB;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EAEA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACK;AAEP,
|
|
4
|
+
"mappings": "AAsBQ,cAIA,YAJA;AAtBR,SAAS,SAAS;AAClB;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EAEA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACK;AAEP,SAAqB,sBAAsB;AAEpC,SAAS,aAAa;AAC3B,SACE,qBAAC,UAAO,OAAK,MACX;AAAA,wBAAC,OAAO,SAAP,EAAe,SAAO,MACrB,8BAAC,UAAO,0BAAY,GACtB;AAAA,IAEA,oBAAC,SAAM,MAAK,MAAK,UAAS,SACxB,+BAAC,SAAM,QAAQ,KAAQ,OAAK,MAAC,uBAAqB,MAChD;AAAA,0BAAC,MAAM,OAAN,EAAY,SAAQ,MAAK,OAAK,MAC7B,8BAAC,MAAM,UAAN,EAAe,GAClB;AAAA,MACA,oBAAC,MAAM,SAAN,EAAc;AAAA,OACjB,GACF;AAAA,IAEA,qBAAC,OAAO,QAAP,EACC;AAAA;AAAA,QAAC,OAAO;AAAA,QAAP;AAAA,UAEC,WAAU;AAAA,UACV,SAAS;AAAA,UACT,YAAY,EAAE,SAAS,EAAE;AAAA,UACzB,WAAW,EAAE,SAAS,EAAE;AAAA;AAAA,QAJpB;AAAA,MAKN;AAAA,MAEA;AAAA,QAAC,OAAO;AAAA,QAAP;AAAA,UACC,UAAQ;AAAA,UACR,SAAO;AAAA,UAEP,WAAW;AAAA,YACT;AAAA,YACA;AAAA,cACE,SAAS;AAAA,gBACP,mBAAmB;AAAA,cACrB;AAAA,YACF;AAAA,UACF;AAAA,UACA,YAAY,EAAE,GAAG,GAAG,GAAG,KAAK,SAAS,GAAG,OAAO,IAAI;AAAA,UACnD,WAAW,EAAE,GAAG,GAAG,GAAG,IAAI,SAAS,GAAG,OAAO,KAAK;AAAA,UAClD,OAAK;AAAA,UAEL;AAAA,gCAAC,OAAO,OAAP,EAAa,0BAAY;AAAA,YAC1B,oBAAC,OAAO,aAAP,EAAmB,6EAEpB;AAAA,YACA,qBAAC,YAAS,OAAM,MAAK,YAAU,MAC7B;AAAA,kCAAC,SAAM,OAAO,KAAK,gBAAe,YAAW,SAAQ,QAAO,kBAE5D;AAAA,cACA,oBAAC,SAAM,MAAM,GAAG,IAAG,QAAO,cAAa,gBAAe;AAAA,eACxD;AAAA,YACA,qBAAC,YAAS,OAAM,MAAK,YAAU,MAC7B;AAAA,kCAAC,SAAM,OAAO,KAAK,gBAAe,YAAW,SAAQ,YACnD,8BAAC,iBAAc,OAAM,sBAAqB,WAAU,gBAClD,8BAAC,aAAU,kBAAI,GACjB,GACF;AAAA,cACA,oBAAC,kBAAe;AAAA,eAClB;AAAA,YAEA,oBAAC,UAAO,YAAW,YAAW,WAAU,MACtC,8BAAC,OAAO,OAAP,EAAa,oBAAkB,MAAC,SAAO,MACtC,8BAAC,UAAO,OAAM,QAAO,cAAW,SAAQ,0BAExC,GACF,GACF;AAAA,YAEA,oBAAC,YACC,8BAAC,OAAO,OAAP,EAAa,SAAO,MACnB;AAAA,cAAC;AAAA;AAAA,gBACC,UAAS;AAAA,gBACT,KAAI;AAAA,gBACJ,OAAM;AAAA,gBACN,MAAK;AAAA,gBACL,UAAQ;AAAA,gBACR,MAAM;AAAA;AAAA,YACR,GACF,GACF;AAAA;AAAA;AAAA,QAnDI;AAAA,MAoDN;AAAA,OACF;AAAA,KACF;AAEJ;",
|
|
5
5
|
"names": []
|
|
6
6
|
}
|
package/dist/esm/SelectDemo.js
CHANGED
|
@@ -3,6 +3,7 @@ import { Check, ChevronDown, ChevronUp } from "@tamagui/lucide-icons";
|
|
|
3
3
|
import { useState } from "react";
|
|
4
4
|
import {
|
|
5
5
|
Adapt,
|
|
6
|
+
Label,
|
|
6
7
|
Select,
|
|
7
8
|
Sheet,
|
|
8
9
|
XStack,
|
|
@@ -11,11 +12,20 @@ import {
|
|
|
11
12
|
} from "tamagui";
|
|
12
13
|
import { LinearGradient } from "tamagui/linear-gradient";
|
|
13
14
|
function SelectDemo() {
|
|
14
|
-
|
|
15
|
-
|
|
15
|
+
return /* @__PURE__ */ jsxs(YStack, { space: true, children: [
|
|
16
|
+
/* @__PURE__ */ jsxs(XStack, { ai: "center", space: true, children: [
|
|
17
|
+
/* @__PURE__ */ jsx(Label, { f: 1, fb: 0, children: "Custom" }),
|
|
18
|
+
/* @__PURE__ */ jsx(SelectDemoItem, {})
|
|
19
|
+
] }),
|
|
20
|
+
/* @__PURE__ */ jsxs(XStack, { ai: "center", space: true, children: [
|
|
21
|
+
/* @__PURE__ */ jsx(Label, { f: 1, fb: 0, children: "Native" }),
|
|
22
|
+
/* @__PURE__ */ jsx(SelectDemoItem, { native: true })
|
|
23
|
+
] })
|
|
24
|
+
] });
|
|
16
25
|
}
|
|
17
26
|
function SelectDemoItem(props) {
|
|
18
|
-
|
|
27
|
+
const [val, setVal] = useState("apple");
|
|
28
|
+
return /* @__PURE__ */ jsxs(Select, { id: "food", value: val, onValueChange: setVal, ...props, children: [
|
|
19
29
|
/* @__PURE__ */ jsx(Select.Trigger, { width: 180, iconAfter: ChevronDown, children: /* @__PURE__ */ jsx(Select.Value, { placeholder: "Something" }) }),
|
|
20
30
|
/* @__PURE__ */ jsx(Adapt, { when: "sm", platform: "touch", children: /* @__PURE__ */ jsxs(Sheet, { native: true, modal: true, dismissOnSnapToBottom: true, children: [
|
|
21
31
|
/* @__PURE__ */ jsx(Sheet.Frame, { children: /* @__PURE__ */ jsx(Sheet.ScrollView, { children: /* @__PURE__ */ jsx(Adapt.Contents, {}) }) }),
|
|
@@ -50,7 +60,7 @@ function SelectDemoItem(props) {
|
|
|
50
60
|
/* @__PURE__ */ jsx(Select.Label, { children: "Fruits" }),
|
|
51
61
|
items.map((item, i) => {
|
|
52
62
|
return /* @__PURE__ */ jsxs(Select.Item, { index: i, value: item.name.toLowerCase(), children: [
|
|
53
|
-
/* @__PURE__ */ jsx(Select.ItemText, {
|
|
63
|
+
/* @__PURE__ */ jsx(Select.ItemText, { children: item.name }),
|
|
54
64
|
/* @__PURE__ */ jsx(Select.ItemIndicator, { marginLeft: "auto", children: /* @__PURE__ */ jsx(Check, { size: 16 }) })
|
|
55
65
|
] }, item.name);
|
|
56
66
|
})
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../src/SelectDemo.tsx"],
|
|
4
|
-
"mappings": "
|
|
4
|
+
"mappings": "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",
|
|
5
5
|
"names": []
|
|
6
6
|
}
|
package/dist/esm/SelectDemo.mjs
CHANGED
|
@@ -3,6 +3,7 @@ import { Check, ChevronDown, ChevronUp } from "@tamagui/lucide-icons";
|
|
|
3
3
|
import { useState } from "react";
|
|
4
4
|
import {
|
|
5
5
|
Adapt,
|
|
6
|
+
Label,
|
|
6
7
|
Select,
|
|
7
8
|
Sheet,
|
|
8
9
|
XStack,
|
|
@@ -11,11 +12,20 @@ import {
|
|
|
11
12
|
} from "tamagui";
|
|
12
13
|
import { LinearGradient } from "tamagui/linear-gradient";
|
|
13
14
|
function SelectDemo() {
|
|
14
|
-
|
|
15
|
-
|
|
15
|
+
return /* @__PURE__ */ jsxs(YStack, { space: true, children: [
|
|
16
|
+
/* @__PURE__ */ jsxs(XStack, { ai: "center", space: true, children: [
|
|
17
|
+
/* @__PURE__ */ jsx(Label, { f: 1, fb: 0, children: "Custom" }),
|
|
18
|
+
/* @__PURE__ */ jsx(SelectDemoItem, {})
|
|
19
|
+
] }),
|
|
20
|
+
/* @__PURE__ */ jsxs(XStack, { ai: "center", space: true, children: [
|
|
21
|
+
/* @__PURE__ */ jsx(Label, { f: 1, fb: 0, children: "Native" }),
|
|
22
|
+
/* @__PURE__ */ jsx(SelectDemoItem, { native: true })
|
|
23
|
+
] })
|
|
24
|
+
] });
|
|
16
25
|
}
|
|
17
26
|
function SelectDemoItem(props) {
|
|
18
|
-
|
|
27
|
+
const [val, setVal] = useState("apple");
|
|
28
|
+
return /* @__PURE__ */ jsxs(Select, { id: "food", value: val, onValueChange: setVal, ...props, children: [
|
|
19
29
|
/* @__PURE__ */ jsx(Select.Trigger, { width: 180, iconAfter: ChevronDown, children: /* @__PURE__ */ jsx(Select.Value, { placeholder: "Something" }) }),
|
|
20
30
|
/* @__PURE__ */ jsx(Adapt, { when: "sm", platform: "touch", children: /* @__PURE__ */ jsxs(Sheet, { native: true, modal: true, dismissOnSnapToBottom: true, children: [
|
|
21
31
|
/* @__PURE__ */ jsx(Sheet.Frame, { children: /* @__PURE__ */ jsx(Sheet.ScrollView, { children: /* @__PURE__ */ jsx(Adapt.Contents, {}) }) }),
|
|
@@ -50,7 +60,7 @@ function SelectDemoItem(props) {
|
|
|
50
60
|
/* @__PURE__ */ jsx(Select.Label, { children: "Fruits" }),
|
|
51
61
|
items.map((item, i) => {
|
|
52
62
|
return /* @__PURE__ */ jsxs(Select.Item, { index: i, value: item.name.toLowerCase(), children: [
|
|
53
|
-
/* @__PURE__ */ jsx(Select.ItemText, {
|
|
63
|
+
/* @__PURE__ */ jsx(Select.ItemText, { children: item.name }),
|
|
54
64
|
/* @__PURE__ */ jsx(Select.ItemIndicator, { marginLeft: "auto", children: /* @__PURE__ */ jsx(Check, { size: 16 }) })
|
|
55
65
|
] }, item.name);
|
|
56
66
|
})
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../src/SelectDemo.tsx"],
|
|
4
|
-
"mappings": "
|
|
4
|
+
"mappings": "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",
|
|
5
5
|
"names": []
|
|
6
6
|
}
|
package/dist/jsx/DialogDemo.js
CHANGED
|
@@ -12,7 +12,7 @@ import {
|
|
|
12
12
|
Unspaced,
|
|
13
13
|
YStack
|
|
14
14
|
} from "tamagui";
|
|
15
|
-
import {
|
|
15
|
+
import { SelectDemoItem } from "./SelectDemo";
|
|
16
16
|
function DialogDemo() {
|
|
17
17
|
return <Dialog modal>
|
|
18
18
|
<Dialog.Trigger asChild><Button>Edit Profile</Button></Dialog.Trigger>
|
|
@@ -52,10 +52,17 @@ function DialogDemo() {
|
|
|
52
52
|
</Fieldset>
|
|
53
53
|
<Fieldset space="$4" horizontal>
|
|
54
54
|
<Label width={160} justifyContent="flex-end" htmlFor="username"><TooltipSimple label="Pick your favorite" placement="bottom-start"><Paragraph>Food</Paragraph></TooltipSimple></Label>
|
|
55
|
-
<
|
|
55
|
+
<SelectDemoItem />
|
|
56
56
|
</Fieldset>
|
|
57
57
|
<YStack alignItems="flex-end" marginTop="$2"><Dialog.Close displayWhenAdapted asChild><Button theme="alt1" aria-label="Close">Save changes</Button></Dialog.Close></YStack>
|
|
58
|
-
<Unspaced><Dialog.Close asChild><Button
|
|
58
|
+
<Unspaced><Dialog.Close asChild><Button
|
|
59
|
+
position="absolute"
|
|
60
|
+
top="$3"
|
|
61
|
+
right="$3"
|
|
62
|
+
size="$2"
|
|
63
|
+
circular
|
|
64
|
+
icon={X}
|
|
65
|
+
/></Dialog.Close></Unspaced>
|
|
59
66
|
</Dialog.Content>
|
|
60
67
|
</Dialog.Portal>
|
|
61
68
|
</Dialog>;
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../src/DialogDemo.tsx"],
|
|
4
|
-
"mappings": "AAAA,SAAS,SAAS;AAClB;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EAEA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACK;AAEP,
|
|
4
|
+
"mappings": "AAAA,SAAS,SAAS;AAClB;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EAEA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACK;AAEP,SAAqB,sBAAsB;AAEpC,SAAS,aAAa;AAC3B,SACE,CAAC,OAAO;AAAA,IACN,CAAC,OAAO,QAAQ,QACd,CAAC,OAAO,YAAY,EAAnB,OACH,EAFC,OAAO;AAAA,IAIR,CAAC,MAAM,KAAK,KAAK,SAAS,QACxB,CAAC,MAAM,QAAQ,KAAQ,MAAM;AAAA,MAC3B,CAAC,MAAM,MAAM,QAAQ,KAAK,MACxB,CAAC,MAAM,SAAS,EAClB,EAFC,MAAM;AAAA,MAGP,CAAC,MAAM,QAAQ;AAAA,IACjB,EALC,MAMH,EAPC;AAAA,IASD,CAAC,OAAO;AAAA,MACN,CAAC,OAAO;AAAA,QACN,IAAI;AAAA,QACJ,UAAU;AAAA,QACV,SAAS;AAAA,QACT,YAAY,EAAE,SAAS,EAAE;AAAA,QACzB,WAAW,EAAE,SAAS,EAAE;AAAA,MAC1B;AAAA,MAEA,CAAC,OAAO;AAAA,QACN;AAAA,QACA;AAAA,QACA,IAAI;AAAA,QACJ,WAAW;AAAA,UACT;AAAA,UACA;AAAA,YACE,SAAS;AAAA,cACP,mBAAmB;AAAA,YACrB;AAAA,UACF;AAAA,QACF;AAAA,QACA,YAAY,EAAE,GAAG,GAAG,GAAG,KAAK,SAAS,GAAG,OAAO,IAAI;AAAA,QACnD,WAAW,EAAE,GAAG,GAAG,GAAG,IAAI,SAAS,GAAG,OAAO,KAAK;AAAA,QAClD;AAAA;AAAA,QAEA,CAAC,OAAO,MAAM,YAAY,EAAzB,OAAO;AAAA,QACR,CAAC,OAAO,YAAY,+DAEpB,EAFC,OAAO;AAAA,QAGR,CAAC,SAAS,MAAM,KAAK;AAAA,UACnB,CAAC,MAAM,OAAO,KAAK,eAAe,WAAW,QAAQ,OAAO,IAE5D,EAFC;AAAA,UAGD,CAAC,MAAM,MAAM,GAAG,GAAG,OAAO,aAAa,eAAe;AAAA,QACxD,EALC;AAAA,QAMD,CAAC,SAAS,MAAM,KAAK;AAAA,UACnB,CAAC,MAAM,OAAO,KAAK,eAAe,WAAW,QAAQ,WACnD,CAAC,cAAc,MAAM,qBAAqB,UAAU,eAClD,CAAC,UAAU,IAAI,EAAd,UACH,EAFC,cAGH,EAJC;AAAA,UAKD,CAAC,eAAe;AAAA,QAClB,EAPC;AAAA,QASD,CAAC,OAAO,WAAW,WAAW,UAAU,KACtC,CAAC,OAAO,MAAM,mBAAmB,QAC/B,CAAC,OAAO,MAAM,OAAO,WAAW,QAAQ,YAExC,EAFC,OAGH,EAJC,OAAO,MAKV,EANC;AAAA,QAQD,CAAC,SACC,CAAC,OAAO,MAAM,QACZ,CAAC;AAAA,UACC,SAAS;AAAA,UACT,IAAI;AAAA,UACJ,MAAM;AAAA,UACN,KAAK;AAAA,UACL;AAAA,UACA,MAAM;AAAA,QACR,EACF,EATC,OAAO,MAUV,EAXC;AAAA,MAYH,EAvDC,OAAO;AAAA,IAwDV,EAjEC,OAAO;AAAA,EAkEV,EAhFC;AAkFL;",
|
|
5
5
|
"names": []
|
|
6
6
|
}
|
package/dist/jsx/DialogDemo.mjs
CHANGED
|
@@ -12,7 +12,7 @@ import {
|
|
|
12
12
|
Unspaced,
|
|
13
13
|
YStack
|
|
14
14
|
} from "tamagui";
|
|
15
|
-
import {
|
|
15
|
+
import { SelectDemoItem } from "./SelectDemo";
|
|
16
16
|
function DialogDemo() {
|
|
17
17
|
return <Dialog modal>
|
|
18
18
|
<Dialog.Trigger asChild><Button>Edit Profile</Button></Dialog.Trigger>
|
|
@@ -52,10 +52,17 @@ function DialogDemo() {
|
|
|
52
52
|
</Fieldset>
|
|
53
53
|
<Fieldset space="$4" horizontal>
|
|
54
54
|
<Label width={160} justifyContent="flex-end" htmlFor="username"><TooltipSimple label="Pick your favorite" placement="bottom-start"><Paragraph>Food</Paragraph></TooltipSimple></Label>
|
|
55
|
-
<
|
|
55
|
+
<SelectDemoItem />
|
|
56
56
|
</Fieldset>
|
|
57
57
|
<YStack alignItems="flex-end" marginTop="$2"><Dialog.Close displayWhenAdapted asChild><Button theme="alt1" aria-label="Close">Save changes</Button></Dialog.Close></YStack>
|
|
58
|
-
<Unspaced><Dialog.Close asChild><Button
|
|
58
|
+
<Unspaced><Dialog.Close asChild><Button
|
|
59
|
+
position="absolute"
|
|
60
|
+
top="$3"
|
|
61
|
+
right="$3"
|
|
62
|
+
size="$2"
|
|
63
|
+
circular
|
|
64
|
+
icon={X}
|
|
65
|
+
/></Dialog.Close></Unspaced>
|
|
59
66
|
</Dialog.Content>
|
|
60
67
|
</Dialog.Portal>
|
|
61
68
|
</Dialog>;
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../src/DialogDemo.tsx"],
|
|
4
|
-
"mappings": "AAAA,SAAS,SAAS;AAClB;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EAEA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACK;AAEP,
|
|
4
|
+
"mappings": "AAAA,SAAS,SAAS;AAClB;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EAEA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACK;AAEP,SAAqB,sBAAsB;AAEpC,SAAS,aAAa;AAC3B,SACE,CAAC,OAAO;AAAA,IACN,CAAC,OAAO,QAAQ,QACd,CAAC,OAAO,YAAY,EAAnB,OACH,EAFC,OAAO;AAAA,IAIR,CAAC,MAAM,KAAK,KAAK,SAAS,QACxB,CAAC,MAAM,QAAQ,KAAQ,MAAM;AAAA,MAC3B,CAAC,MAAM,MAAM,QAAQ,KAAK,MACxB,CAAC,MAAM,SAAS,EAClB,EAFC,MAAM;AAAA,MAGP,CAAC,MAAM,QAAQ;AAAA,IACjB,EALC,MAMH,EAPC;AAAA,IASD,CAAC,OAAO;AAAA,MACN,CAAC,OAAO;AAAA,QACN,IAAI;AAAA,QACJ,UAAU;AAAA,QACV,SAAS;AAAA,QACT,YAAY,EAAE,SAAS,EAAE;AAAA,QACzB,WAAW,EAAE,SAAS,EAAE;AAAA,MAC1B;AAAA,MAEA,CAAC,OAAO;AAAA,QACN;AAAA,QACA;AAAA,QACA,IAAI;AAAA,QACJ,WAAW;AAAA,UACT;AAAA,UACA;AAAA,YACE,SAAS;AAAA,cACP,mBAAmB;AAAA,YACrB;AAAA,UACF;AAAA,QACF;AAAA,QACA,YAAY,EAAE,GAAG,GAAG,GAAG,KAAK,SAAS,GAAG,OAAO,IAAI;AAAA,QACnD,WAAW,EAAE,GAAG,GAAG,GAAG,IAAI,SAAS,GAAG,OAAO,KAAK;AAAA,QAClD;AAAA;AAAA,QAEA,CAAC,OAAO,MAAM,YAAY,EAAzB,OAAO;AAAA,QACR,CAAC,OAAO,YAAY,+DAEpB,EAFC,OAAO;AAAA,QAGR,CAAC,SAAS,MAAM,KAAK;AAAA,UACnB,CAAC,MAAM,OAAO,KAAK,eAAe,WAAW,QAAQ,OAAO,IAE5D,EAFC;AAAA,UAGD,CAAC,MAAM,MAAM,GAAG,GAAG,OAAO,aAAa,eAAe;AAAA,QACxD,EALC;AAAA,QAMD,CAAC,SAAS,MAAM,KAAK;AAAA,UACnB,CAAC,MAAM,OAAO,KAAK,eAAe,WAAW,QAAQ,WACnD,CAAC,cAAc,MAAM,qBAAqB,UAAU,eAClD,CAAC,UAAU,IAAI,EAAd,UACH,EAFC,cAGH,EAJC;AAAA,UAKD,CAAC,eAAe;AAAA,QAClB,EAPC;AAAA,QASD,CAAC,OAAO,WAAW,WAAW,UAAU,KACtC,CAAC,OAAO,MAAM,mBAAmB,QAC/B,CAAC,OAAO,MAAM,OAAO,WAAW,QAAQ,YAExC,EAFC,OAGH,EAJC,OAAO,MAKV,EANC;AAAA,QAQD,CAAC,SACC,CAAC,OAAO,MAAM,QACZ,CAAC;AAAA,UACC,SAAS;AAAA,UACT,IAAI;AAAA,UACJ,MAAM;AAAA,UACN,KAAK;AAAA,UACL;AAAA,UACA,MAAM;AAAA,QACR,EACF,EATC,OAAO,MAUV,EAXC;AAAA,MAYH,EAvDC,OAAO;AAAA,IAwDV,EAjEC,OAAO;AAAA,EAkEV,EAhFC;AAkFL;",
|
|
5
5
|
"names": []
|
|
6
6
|
}
|
package/dist/jsx/SelectDemo.js
CHANGED
|
@@ -2,6 +2,7 @@ import { Check, ChevronDown, ChevronUp } from "@tamagui/lucide-icons";
|
|
|
2
2
|
import { useState } from "react";
|
|
3
3
|
import {
|
|
4
4
|
Adapt,
|
|
5
|
+
Label,
|
|
5
6
|
Select,
|
|
6
7
|
Sheet,
|
|
7
8
|
XStack,
|
|
@@ -10,28 +11,20 @@ import {
|
|
|
10
11
|
} from "tamagui";
|
|
11
12
|
import { LinearGradient } from "tamagui/linear-gradient";
|
|
12
13
|
function SelectDemo() {
|
|
13
|
-
const [val, setVal] = useState("apple");
|
|
14
14
|
return <YStack space>
|
|
15
|
-
{
|
|
16
|
-
/* <XStack ai="center" space>
|
|
17
|
-
<Label f={1} fb={0}>
|
|
18
|
-
Custom
|
|
19
|
-
</Label>
|
|
20
|
-
<SelectDemoItem value={val} onValueChange={setVal} />
|
|
21
|
-
</XStack> */
|
|
22
|
-
}
|
|
23
15
|
<XStack ai="center" space>
|
|
24
|
-
{
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
}
|
|
29
|
-
<SelectDemoItem
|
|
16
|
+
<Label f={1} fb={0}>Custom</Label>
|
|
17
|
+
<SelectDemoItem />
|
|
18
|
+
</XStack>
|
|
19
|
+
<XStack ai="center" space>
|
|
20
|
+
<Label f={1} fb={0}>Native</Label>
|
|
21
|
+
<SelectDemoItem native />
|
|
30
22
|
</XStack>
|
|
31
23
|
</YStack>;
|
|
32
24
|
}
|
|
33
25
|
function SelectDemoItem(props) {
|
|
34
|
-
|
|
26
|
+
const [val, setVal] = useState("apple");
|
|
27
|
+
return <Select id="food" value={val} onValueChange={setVal} {...props}>
|
|
35
28
|
<Select.Trigger width={180} iconAfter={ChevronDown}><Select.Value placeholder="Something" /></Select.Trigger>
|
|
36
29
|
<Adapt when="sm" platform="touch"><Sheet native modal dismissOnSnapToBottom>
|
|
37
30
|
<Sheet.Frame><Sheet.ScrollView><Adapt.Contents /></Sheet.ScrollView></Sheet.Frame>
|
|
@@ -59,7 +52,7 @@ function SelectDemoItem(props) {
|
|
|
59
52
|
<Select.Label>Fruits</Select.Label>
|
|
60
53
|
{items.map((item, i) => {
|
|
61
54
|
return <Select.Item index={i} key={item.name} value={item.name.toLowerCase()}>
|
|
62
|
-
<Select.ItemText
|
|
55
|
+
<Select.ItemText>{item.name}</Select.ItemText>
|
|
63
56
|
<Select.ItemIndicator marginLeft="auto"><Check size={16} /></Select.ItemIndicator>
|
|
64
57
|
</Select.Item>;
|
|
65
58
|
})}
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../src/SelectDemo.tsx"],
|
|
4
|
-
"mappings": "AAAA,SAAS,OAAO,aAAa,iBAAiB;AAC9C,SAAS,gBAAgB;AACzB;AAAA,EACE;AAAA,
|
|
4
|
+
"mappings": "AAAA,SAAS,OAAO,aAAa,iBAAiB;AAC9C,SAAS,gBAAgB;AACzB;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EAEA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACK;AACP,SAAS,sBAAsB;AAExB,SAAS,aAAa;AAC3B,SACE,CAAC,OAAO;AAAA,IACN,CAAC,OAAO,GAAG,SAAS;AAAA,MAClB,CAAC,MAAM,GAAG,GAAG,IAAI,GAAG,MAEpB,EAFC;AAAA,MAGD,CAAC,eAAe;AAAA,IAClB,EALC;AAAA,IAOD,CAAC,OAAO,GAAG,SAAS;AAAA,MAClB,CAAC,MAAM,GAAG,GAAG,IAAI,GAAG,MAEpB,EAFC;AAAA,MAGD,CAAC,eAAe,OAAO;AAAA,IACzB,EALC;AAAA,EAMH,EAdC;AAgBL;AAEO,SAAS,eAAe,OAAoB;AACjD,QAAM,CAAC,KAAK,MAAM,IAAI,SAAS,OAAO;AAEtC,SACE,CAAC,OAAO,GAAG,OAAO,OAAO,KAAK,eAAe,YAAY;AAAA,IACvD,CAAC,OAAO,QAAQ,OAAO,KAAK,WAAW,aACrC,CAAC,OAAO,MAAM,YAAY,YAAY,EACxC,EAFC,OAAO;AAAA,IAIR,CAAC,MAAM,KAAK,KAAK,SAAS,QACxB,CAAC,MAAM,OAAO,MAAM;AAAA,MAClB,CAAC,MAAM,MACL,CAAC,MAAM,WACL,CAAC,MAAM,SAAS,EAClB,EAFC,MAAM,WAGT,EAJC,MAAM;AAAA,MAKP,CAAC,MAAM,QAAQ;AAAA,IACjB,EAPC,MAQH,EATC;AAAA,IAWD,CAAC,OAAO,QAAQ,QAAQ;AAAA,MACtB,CAAC,OAAO;AAAA,QACN,WAAW;AAAA,QACX,eAAe;AAAA,QACf,SAAS;AAAA,QACT,MAAM;AAAA,QACN,OAAO;AAAA;AAAA,QAEP,CAAC,OAAO,QAAQ,IACd,CAAC,UAAU,MAAM,IAAI,EACvB,EAFC;AAAA,QAGD,CAAC;AAAA,UACC,OAAO,CAAC,GAAG,CAAC;AAAA,UACZ,KAAK,CAAC,GAAG,CAAC;AAAA,UACV;AAAA,UACA,QAAQ,CAAC,eAAe,wBAAwB;AAAA,UAChD,aAAa;AAAA,QACf;AAAA,MACF,EAjBC,OAAO;AAAA,MAmBR,CAAC,OAAO,SAAS,UAAU,KACzB,CAAC;AAAA,QACC,CAAC,OAAO,MAAM,MAAM;AAAA,UAClB,CAAC,OAAO,MAAM,MAAM,EAAnB,OAAO;AAAA,WACP,MAAM,IAAI,CAAC,MAAM,MAAM;AACtB,mBACE,CAAC,OAAO,KAAK,OAAO,GAAG,KAAK,KAAK,MAAM,OAAO,KAAK,KAAK,YAAY;AAAA,cAClE,CAAC,OAAO,UAAU,KAAK,KAAK,EAA3B,OAAO;AAAA,cACR,CAAC,OAAO,cAAc,WAAW,OAC/B,CAAC,MAAM,MAAM,IAAI,EACnB,EAFC,OAAO;AAAA,YAGV,EALC,OAAO;AAAA,UAOZ,CAAC;AAAA,QACH,EAZC,OAAO;AAAA;AAAA;AAAA;AAAA,SAcP,MAAM,UACL,CAAC;AAAA,UACC,SAAS;AAAA,UACT,OAAO;AAAA,UACP,KAAK;AAAA,UACL,QAAQ;AAAA,UACR,WAAW;AAAA,UACX,eAAe;AAAA,UACf,MAAO;AAAA,UACP,cAAc;AAAA,SAEd,CAAC,YAAY,MAAM,YAAa,MAAM,QAAQ,OAAe,GAAG,EAClE,EAXC;AAAA,MAaL,EA7BC,OA8BH,EA/BC,OAAO;AAAA,MAiCR,CAAC,OAAO;AAAA,QACN,WAAW;AAAA,QACX,eAAe;AAAA,QACf,SAAS;AAAA,QACT,MAAM;AAAA,QACN,OAAO;AAAA;AAAA,QAEP,CAAC,OAAO,QAAQ,IACd,CAAC,YAAY,MAAM,IAAI,EACzB,EAFC;AAAA,QAGD,CAAC;AAAA,UACC,OAAO,CAAC,GAAG,CAAC;AAAA,UACZ,KAAK,CAAC,GAAG,CAAC;AAAA,UACV;AAAA,UACA,QAAQ,CAAC,0BAA0B,aAAa;AAAA,UAChD,aAAa;AAAA,QACf;AAAA,MACF,EAjBC,OAAO;AAAA,IAkBV,EAvEC,OAAO;AAAA,EAwEV,EAxFC;AA0FL;AAEA,MAAM,QAAQ;AAAA,EACZ,EAAE,MAAM,QAAQ;AAAA,EAChB,EAAE,MAAM,OAAO;AAAA,EACf,EAAE,MAAM,aAAa;AAAA,EACrB,EAAE,MAAM,QAAQ;AAAA,EAChB,EAAE,MAAM,UAAU;AAAA,EAClB,EAAE,MAAM,QAAQ;AAAA,EAChB,EAAE,MAAM,WAAW;AAAA,EACnB,EAAE,MAAM,YAAY;AAAA,EACpB,EAAE,MAAM,YAAY;AAAA,EACpB,EAAE,MAAM,YAAY;AAAA,EACpB,EAAE,MAAM,aAAa;AAAA,EACrB,EAAE,MAAM,QAAQ;AAAA,EAChB,EAAE,MAAM,YAAY;AAAA,EACpB,EAAE,MAAM,OAAO;AAAA,EACf,EAAE,MAAM,QAAQ;AAAA,EAChB,EAAE,MAAM,UAAU;AAAA,EAClB,EAAE,MAAM,QAAQ;AAAA,EAChB,EAAE,MAAM,SAAS;AAAA,EACjB,EAAE,MAAM,SAAS;AAAA,EACjB,EAAE,MAAM,QAAQ;AAAA,EAChB,EAAE,MAAM,YAAY;AAAA,EACpB,EAAE,MAAM,SAAS;AACnB;",
|
|
5
5
|
"names": []
|
|
6
6
|
}
|
package/dist/jsx/SelectDemo.mjs
CHANGED
|
@@ -2,6 +2,7 @@ import { Check, ChevronDown, ChevronUp } from "@tamagui/lucide-icons";
|
|
|
2
2
|
import { useState } from "react";
|
|
3
3
|
import {
|
|
4
4
|
Adapt,
|
|
5
|
+
Label,
|
|
5
6
|
Select,
|
|
6
7
|
Sheet,
|
|
7
8
|
XStack,
|
|
@@ -10,28 +11,20 @@ import {
|
|
|
10
11
|
} from "tamagui";
|
|
11
12
|
import { LinearGradient } from "tamagui/linear-gradient";
|
|
12
13
|
function SelectDemo() {
|
|
13
|
-
const [val, setVal] = useState("apple");
|
|
14
14
|
return <YStack space>
|
|
15
|
-
{
|
|
16
|
-
/* <XStack ai="center" space>
|
|
17
|
-
<Label f={1} fb={0}>
|
|
18
|
-
Custom
|
|
19
|
-
</Label>
|
|
20
|
-
<SelectDemoItem value={val} onValueChange={setVal} />
|
|
21
|
-
</XStack> */
|
|
22
|
-
}
|
|
23
15
|
<XStack ai="center" space>
|
|
24
|
-
{
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
}
|
|
29
|
-
<SelectDemoItem
|
|
16
|
+
<Label f={1} fb={0}>Custom</Label>
|
|
17
|
+
<SelectDemoItem />
|
|
18
|
+
</XStack>
|
|
19
|
+
<XStack ai="center" space>
|
|
20
|
+
<Label f={1} fb={0}>Native</Label>
|
|
21
|
+
<SelectDemoItem native />
|
|
30
22
|
</XStack>
|
|
31
23
|
</YStack>;
|
|
32
24
|
}
|
|
33
25
|
function SelectDemoItem(props) {
|
|
34
|
-
|
|
26
|
+
const [val, setVal] = useState("apple");
|
|
27
|
+
return <Select id="food" value={val} onValueChange={setVal} {...props}>
|
|
35
28
|
<Select.Trigger width={180} iconAfter={ChevronDown}><Select.Value placeholder="Something" /></Select.Trigger>
|
|
36
29
|
<Adapt when="sm" platform="touch"><Sheet native modal dismissOnSnapToBottom>
|
|
37
30
|
<Sheet.Frame><Sheet.ScrollView><Adapt.Contents /></Sheet.ScrollView></Sheet.Frame>
|
|
@@ -59,7 +52,7 @@ function SelectDemoItem(props) {
|
|
|
59
52
|
<Select.Label>Fruits</Select.Label>
|
|
60
53
|
{items.map((item, i) => {
|
|
61
54
|
return <Select.Item index={i} key={item.name} value={item.name.toLowerCase()}>
|
|
62
|
-
<Select.ItemText
|
|
55
|
+
<Select.ItemText>{item.name}</Select.ItemText>
|
|
63
56
|
<Select.ItemIndicator marginLeft="auto"><Check size={16} /></Select.ItemIndicator>
|
|
64
57
|
</Select.Item>;
|
|
65
58
|
})}
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../src/SelectDemo.tsx"],
|
|
4
|
-
"mappings": "AAAA,SAAS,OAAO,aAAa,iBAAiB;AAC9C,SAAS,gBAAgB;AACzB;AAAA,EACE;AAAA,
|
|
4
|
+
"mappings": "AAAA,SAAS,OAAO,aAAa,iBAAiB;AAC9C,SAAS,gBAAgB;AACzB;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EAEA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACK;AACP,SAAS,sBAAsB;AAExB,SAAS,aAAa;AAC3B,SACE,CAAC,OAAO;AAAA,IACN,CAAC,OAAO,GAAG,SAAS;AAAA,MAClB,CAAC,MAAM,GAAG,GAAG,IAAI,GAAG,MAEpB,EAFC;AAAA,MAGD,CAAC,eAAe;AAAA,IAClB,EALC;AAAA,IAOD,CAAC,OAAO,GAAG,SAAS;AAAA,MAClB,CAAC,MAAM,GAAG,GAAG,IAAI,GAAG,MAEpB,EAFC;AAAA,MAGD,CAAC,eAAe,OAAO;AAAA,IACzB,EALC;AAAA,EAMH,EAdC;AAgBL;AAEO,SAAS,eAAe,OAAoB;AACjD,QAAM,CAAC,KAAK,MAAM,IAAI,SAAS,OAAO;AAEtC,SACE,CAAC,OAAO,GAAG,OAAO,OAAO,KAAK,eAAe,YAAY;AAAA,IACvD,CAAC,OAAO,QAAQ,OAAO,KAAK,WAAW,aACrC,CAAC,OAAO,MAAM,YAAY,YAAY,EACxC,EAFC,OAAO;AAAA,IAIR,CAAC,MAAM,KAAK,KAAK,SAAS,QACxB,CAAC,MAAM,OAAO,MAAM;AAAA,MAClB,CAAC,MAAM,MACL,CAAC,MAAM,WACL,CAAC,MAAM,SAAS,EAClB,EAFC,MAAM,WAGT,EAJC,MAAM;AAAA,MAKP,CAAC,MAAM,QAAQ;AAAA,IACjB,EAPC,MAQH,EATC;AAAA,IAWD,CAAC,OAAO,QAAQ,QAAQ;AAAA,MACtB,CAAC,OAAO;AAAA,QACN,WAAW;AAAA,QACX,eAAe;AAAA,QACf,SAAS;AAAA,QACT,MAAM;AAAA,QACN,OAAO;AAAA;AAAA,QAEP,CAAC,OAAO,QAAQ,IACd,CAAC,UAAU,MAAM,IAAI,EACvB,EAFC;AAAA,QAGD,CAAC;AAAA,UACC,OAAO,CAAC,GAAG,CAAC;AAAA,UACZ,KAAK,CAAC,GAAG,CAAC;AAAA,UACV;AAAA,UACA,QAAQ,CAAC,eAAe,wBAAwB;AAAA,UAChD,aAAa;AAAA,QACf;AAAA,MACF,EAjBC,OAAO;AAAA,MAmBR,CAAC,OAAO,SAAS,UAAU,KACzB,CAAC;AAAA,QACC,CAAC,OAAO,MAAM,MAAM;AAAA,UAClB,CAAC,OAAO,MAAM,MAAM,EAAnB,OAAO;AAAA,WACP,MAAM,IAAI,CAAC,MAAM,MAAM;AACtB,mBACE,CAAC,OAAO,KAAK,OAAO,GAAG,KAAK,KAAK,MAAM,OAAO,KAAK,KAAK,YAAY;AAAA,cAClE,CAAC,OAAO,UAAU,KAAK,KAAK,EAA3B,OAAO;AAAA,cACR,CAAC,OAAO,cAAc,WAAW,OAC/B,CAAC,MAAM,MAAM,IAAI,EACnB,EAFC,OAAO;AAAA,YAGV,EALC,OAAO;AAAA,UAOZ,CAAC;AAAA,QACH,EAZC,OAAO;AAAA;AAAA;AAAA;AAAA,SAcP,MAAM,UACL,CAAC;AAAA,UACC,SAAS;AAAA,UACT,OAAO;AAAA,UACP,KAAK;AAAA,UACL,QAAQ;AAAA,UACR,WAAW;AAAA,UACX,eAAe;AAAA,UACf,MAAO;AAAA,UACP,cAAc;AAAA,SAEd,CAAC,YAAY,MAAM,YAAa,MAAM,QAAQ,OAAe,GAAG,EAClE,EAXC;AAAA,MAaL,EA7BC,OA8BH,EA/BC,OAAO;AAAA,MAiCR,CAAC,OAAO;AAAA,QACN,WAAW;AAAA,QACX,eAAe;AAAA,QACf,SAAS;AAAA,QACT,MAAM;AAAA,QACN,OAAO;AAAA;AAAA,QAEP,CAAC,OAAO,QAAQ,IACd,CAAC,YAAY,MAAM,IAAI,EACzB,EAFC;AAAA,QAGD,CAAC;AAAA,UACC,OAAO,CAAC,GAAG,CAAC;AAAA,UACZ,KAAK,CAAC,GAAG,CAAC;AAAA,UACV;AAAA,UACA,QAAQ,CAAC,0BAA0B,aAAa;AAAA,UAChD,aAAa;AAAA,QACf;AAAA,MACF,EAjBC,OAAO;AAAA,IAkBV,EAvEC,OAAO;AAAA,EAwEV,EAxFC;AA0FL;AAEA,MAAM,QAAQ;AAAA,EACZ,EAAE,MAAM,QAAQ;AAAA,EAChB,EAAE,MAAM,OAAO;AAAA,EACf,EAAE,MAAM,aAAa;AAAA,EACrB,EAAE,MAAM,QAAQ;AAAA,EAChB,EAAE,MAAM,UAAU;AAAA,EAClB,EAAE,MAAM,QAAQ;AAAA,EAChB,EAAE,MAAM,WAAW;AAAA,EACnB,EAAE,MAAM,YAAY;AAAA,EACpB,EAAE,MAAM,YAAY;AAAA,EACpB,EAAE,MAAM,YAAY;AAAA,EACpB,EAAE,MAAM,aAAa;AAAA,EACrB,EAAE,MAAM,QAAQ;AAAA,EAChB,EAAE,MAAM,YAAY;AAAA,EACpB,EAAE,MAAM,OAAO;AAAA,EACf,EAAE,MAAM,QAAQ;AAAA,EAChB,EAAE,MAAM,UAAU;AAAA,EAClB,EAAE,MAAM,QAAQ;AAAA,EAChB,EAAE,MAAM,SAAS;AAAA,EACjB,EAAE,MAAM,SAAS;AAAA,EACjB,EAAE,MAAM,QAAQ;AAAA,EAChB,EAAE,MAAM,YAAY;AAAA,EACpB,EAAE,MAAM,SAAS;AACnB;",
|
|
5
5
|
"names": []
|
|
6
6
|
}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@tamagui/demos",
|
|
3
|
-
"version": "1.22.
|
|
3
|
+
"version": "1.22.7",
|
|
4
4
|
"sideEffects": [
|
|
5
5
|
"*.css"
|
|
6
6
|
],
|
|
@@ -28,29 +28,29 @@
|
|
|
28
28
|
}
|
|
29
29
|
},
|
|
30
30
|
"dependencies": {
|
|
31
|
-
"@tamagui/avatar": "1.22.
|
|
32
|
-
"@tamagui/button": "1.22.
|
|
33
|
-
"@tamagui/config": "1.22.
|
|
34
|
-
"@tamagui/core": "1.22.
|
|
35
|
-
"@tamagui/list-item": "1.22.
|
|
36
|
-
"@tamagui/logo": "1.22.
|
|
37
|
-
"@tamagui/menu": "1.22.
|
|
38
|
-
"@tamagui/popover": "1.22.
|
|
39
|
-
"@tamagui/progress": "1.22.
|
|
40
|
-
"@tamagui/radio-group": "1.22.
|
|
41
|
-
"@tamagui/select": "1.22.
|
|
42
|
-
"@tamagui/sheet": "1.22.
|
|
43
|
-
"@tamagui/slider": "1.22.
|
|
44
|
-
"@tamagui/stacks": "1.22.
|
|
45
|
-
"@tamagui/toast": "1.22.
|
|
46
|
-
"tamagui": "1.22.
|
|
31
|
+
"@tamagui/avatar": "1.22.7",
|
|
32
|
+
"@tamagui/button": "1.22.7",
|
|
33
|
+
"@tamagui/config": "1.22.7",
|
|
34
|
+
"@tamagui/core": "1.22.7",
|
|
35
|
+
"@tamagui/list-item": "1.22.7",
|
|
36
|
+
"@tamagui/logo": "1.22.7",
|
|
37
|
+
"@tamagui/menu": "1.22.7",
|
|
38
|
+
"@tamagui/popover": "1.22.7",
|
|
39
|
+
"@tamagui/progress": "1.22.7",
|
|
40
|
+
"@tamagui/radio-group": "1.22.7",
|
|
41
|
+
"@tamagui/select": "1.22.7",
|
|
42
|
+
"@tamagui/sheet": "1.22.7",
|
|
43
|
+
"@tamagui/slider": "1.22.7",
|
|
44
|
+
"@tamagui/stacks": "1.22.7",
|
|
45
|
+
"@tamagui/toast": "1.22.7",
|
|
46
|
+
"tamagui": "1.22.7"
|
|
47
47
|
},
|
|
48
48
|
"peerDependencies": {
|
|
49
49
|
"react": "*",
|
|
50
50
|
"react-dom": "*"
|
|
51
51
|
},
|
|
52
52
|
"devDependencies": {
|
|
53
|
-
"@tamagui/build": "1.22.
|
|
53
|
+
"@tamagui/build": "1.22.7",
|
|
54
54
|
"react": "^18.2.0",
|
|
55
55
|
"react-dom": "^18.2.0"
|
|
56
56
|
},
|
package/src/DialogDemo.tsx
CHANGED
|
@@ -14,7 +14,7 @@ import {
|
|
|
14
14
|
YStack,
|
|
15
15
|
} from 'tamagui'
|
|
16
16
|
|
|
17
|
-
import { SelectDemo } from './SelectDemo'
|
|
17
|
+
import { SelectDemo, SelectDemoItem } from './SelectDemo'
|
|
18
18
|
|
|
19
19
|
export function DialogDemo() {
|
|
20
20
|
return (
|
|
@@ -73,7 +73,7 @@ export function DialogDemo() {
|
|
|
73
73
|
<Paragraph>Food</Paragraph>
|
|
74
74
|
</TooltipSimple>
|
|
75
75
|
</Label>
|
|
76
|
-
<
|
|
76
|
+
<SelectDemoItem />
|
|
77
77
|
</Fieldset>
|
|
78
78
|
|
|
79
79
|
<YStack alignItems="flex-end" marginTop="$2">
|
|
@@ -86,7 +86,14 @@ export function DialogDemo() {
|
|
|
86
86
|
|
|
87
87
|
<Unspaced>
|
|
88
88
|
<Dialog.Close asChild>
|
|
89
|
-
<Button
|
|
89
|
+
<Button
|
|
90
|
+
position="absolute"
|
|
91
|
+
top="$3"
|
|
92
|
+
right="$3"
|
|
93
|
+
size="$2"
|
|
94
|
+
circular
|
|
95
|
+
icon={X}
|
|
96
|
+
/>
|
|
90
97
|
</Dialog.Close>
|
|
91
98
|
</Unspaced>
|
|
92
99
|
</Dialog.Content>
|
package/src/SelectDemo.tsx
CHANGED
|
@@ -13,30 +13,30 @@ import {
|
|
|
13
13
|
import { LinearGradient } from 'tamagui/linear-gradient'
|
|
14
14
|
|
|
15
15
|
export function SelectDemo() {
|
|
16
|
-
const [val, setVal] = useState('apple')
|
|
17
|
-
|
|
18
16
|
return (
|
|
19
17
|
<YStack space>
|
|
20
|
-
|
|
18
|
+
<XStack ai="center" space>
|
|
21
19
|
<Label f={1} fb={0}>
|
|
22
20
|
Custom
|
|
23
21
|
</Label>
|
|
24
|
-
<SelectDemoItem
|
|
25
|
-
</XStack>
|
|
22
|
+
<SelectDemoItem />
|
|
23
|
+
</XStack>
|
|
26
24
|
|
|
27
25
|
<XStack ai="center" space>
|
|
28
|
-
|
|
26
|
+
<Label f={1} fb={0}>
|
|
29
27
|
Native
|
|
30
|
-
</Label>
|
|
31
|
-
<SelectDemoItem
|
|
28
|
+
</Label>
|
|
29
|
+
<SelectDemoItem native />
|
|
32
30
|
</XStack>
|
|
33
31
|
</YStack>
|
|
34
32
|
)
|
|
35
33
|
}
|
|
36
34
|
|
|
37
35
|
export function SelectDemoItem(props: SelectProps) {
|
|
36
|
+
const [val, setVal] = useState('apple')
|
|
37
|
+
|
|
38
38
|
return (
|
|
39
|
-
<Select id="food" {...props}>
|
|
39
|
+
<Select id="food" value={val} onValueChange={setVal} {...props}>
|
|
40
40
|
<Select.Trigger width={180} iconAfter={ChevronDown}>
|
|
41
41
|
<Select.Value placeholder="Something" />
|
|
42
42
|
</Select.Trigger>
|
|
@@ -79,7 +79,7 @@ export function SelectDemoItem(props: SelectProps) {
|
|
|
79
79
|
{items.map((item, i) => {
|
|
80
80
|
return (
|
|
81
81
|
<Select.Item index={i} key={item.name} value={item.name.toLowerCase()}>
|
|
82
|
-
<Select.ItemText
|
|
82
|
+
<Select.ItemText>{item.name}</Select.ItemText>
|
|
83
83
|
<Select.ItemIndicator marginLeft="auto">
|
|
84
84
|
<Check size={16} />
|
|
85
85
|
</Select.ItemIndicator>
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"DialogDemo.d.ts","sourceRoot":"","sources":["../src/DialogDemo.tsx"],"names":[],"mappings":";AAkBA,wBAAgB,UAAU,
|
|
1
|
+
{"version":3,"file":"DialogDemo.d.ts","sourceRoot":"","sources":["../src/DialogDemo.tsx"],"names":[],"mappings":";AAkBA,wBAAgB,UAAU,gBAoFzB"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"SelectDemo.d.ts","sourceRoot":"","sources":["../src/SelectDemo.tsx"],"names":[],"mappings":";AAEA,OAAO,EAIL,WAAW,EAKZ,MAAM,SAAS,CAAA;AAGhB,wBAAgB,UAAU,
|
|
1
|
+
{"version":3,"file":"SelectDemo.d.ts","sourceRoot":"","sources":["../src/SelectDemo.tsx"],"names":[],"mappings":";AAEA,OAAO,EAIL,WAAW,EAKZ,MAAM,SAAS,CAAA;AAGhB,wBAAgB,UAAU,gBAkBzB;AAED,wBAAgB,cAAc,CAAC,KAAK,EAAE,WAAW,eA8FhD"}
|