@tamagui/demos 1.30.7 → 1.30.8
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 +78 -61
- package/dist/cjs/DialogDemo.js.map +2 -2
- package/dist/esm/DialogDemo.js +79 -62
- package/dist/esm/DialogDemo.js.map +2 -2
- package/dist/jsx/DialogDemo.js +17 -4
- package/dist/jsx/DialogDemo.js.map +2 -2
- package/dist/jsx/DialogDemo.mjs +17 -4
- package/dist/jsx/DialogDemo.mjs.map +2 -2
- package/package.json +18 -18
- package/src/DialogDemo.tsx +19 -4
- package/types/DialogDemo.d.ts.map +1 -1
package/dist/cjs/DialogDemo.js
CHANGED
|
@@ -23,71 +23,88 @@ __export(DialogDemo_exports, {
|
|
|
23
23
|
module.exports = __toCommonJS(DialogDemo_exports);
|
|
24
24
|
var import_jsx_runtime = require("react/jsx-runtime");
|
|
25
25
|
var import_lucide_icons = require("@tamagui/lucide-icons");
|
|
26
|
+
var import_react = require("react");
|
|
26
27
|
var import_tamagui = require("tamagui");
|
|
27
28
|
var import_SelectDemo = require("./SelectDemo");
|
|
28
29
|
function DialogDemo() {
|
|
29
|
-
return /* @__PURE__ */ (0, import_jsx_runtime.
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
|
|
30
|
+
return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(DialogInstance, {});
|
|
31
|
+
}
|
|
32
|
+
function DialogInstance() {
|
|
33
|
+
const [open, setOpen] = (0, import_react.useState)(false);
|
|
34
|
+
return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
|
|
35
|
+
import_tamagui.Dialog,
|
|
36
|
+
{
|
|
37
|
+
modal: true,
|
|
38
|
+
onOpenChange: (open2) => {
|
|
39
|
+
setOpen(open2);
|
|
40
|
+
},
|
|
41
|
+
children: [
|
|
42
|
+
/* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Dialog.Trigger, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Button, { children: "Show Dialog" }) }),
|
|
43
|
+
/* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Adapt, { when: "sm", platform: "touch", children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_tamagui.Sheet, { zIndex: 2e5, modal: true, dismissOnSnapToBottom: true, children: [
|
|
44
|
+
/* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Sheet.Frame, { padding: "$4", space: true, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Adapt.Contents, {}) }),
|
|
45
|
+
/* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Sheet.Overlay, {})
|
|
46
|
+
] }) }),
|
|
47
|
+
/* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_tamagui.Dialog.Portal, { children: [
|
|
48
|
+
/* @__PURE__ */ (0, import_jsx_runtime.jsx)(
|
|
49
|
+
import_tamagui.Dialog.Overlay,
|
|
50
|
+
{
|
|
51
|
+
animation: "quick",
|
|
52
|
+
opacity: 0.5,
|
|
53
|
+
enterStyle: { opacity: 0 },
|
|
54
|
+
exitStyle: { opacity: 0 }
|
|
55
|
+
},
|
|
56
|
+
"overlay"
|
|
57
|
+
),
|
|
58
|
+
/* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
|
|
59
|
+
import_tamagui.Dialog.Content,
|
|
53
60
|
{
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
|
|
57
|
-
|
|
58
|
-
|
|
59
|
-
|
|
60
|
-
|
|
61
|
-
|
|
62
|
-
|
|
63
|
-
|
|
64
|
-
|
|
65
|
-
|
|
66
|
-
|
|
67
|
-
|
|
68
|
-
|
|
69
|
-
|
|
70
|
-
|
|
71
|
-
|
|
72
|
-
|
|
73
|
-
|
|
74
|
-
|
|
75
|
-
|
|
76
|
-
|
|
77
|
-
|
|
78
|
-
|
|
79
|
-
|
|
80
|
-
|
|
81
|
-
|
|
82
|
-
|
|
83
|
-
|
|
84
|
-
|
|
85
|
-
|
|
86
|
-
|
|
87
|
-
|
|
88
|
-
|
|
89
|
-
|
|
90
|
-
|
|
61
|
+
bordered: true,
|
|
62
|
+
elevate: true,
|
|
63
|
+
animation: [
|
|
64
|
+
"quick",
|
|
65
|
+
{
|
|
66
|
+
opacity: {
|
|
67
|
+
overshootClamping: true
|
|
68
|
+
}
|
|
69
|
+
}
|
|
70
|
+
],
|
|
71
|
+
enterStyle: { x: 0, y: -20, opacity: 0, scale: 0.9 },
|
|
72
|
+
exitStyle: { x: 0, y: 10, opacity: 0, scale: 0.95 },
|
|
73
|
+
space: true,
|
|
74
|
+
children: [
|
|
75
|
+
/* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Dialog.Title, { children: "Edit profile" }),
|
|
76
|
+
/* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Dialog.Description, { children: "Make changes to your profile here. Click save when you're done." }),
|
|
77
|
+
/* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_tamagui.Fieldset, { space: "$4", horizontal: true, children: [
|
|
78
|
+
/* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Label, { width: 160, justifyContent: "flex-end", htmlFor: "name", children: "Name" }),
|
|
79
|
+
/* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Input, { flex: 1, id: "name", defaultValue: "Nate Wienert" })
|
|
80
|
+
] }),
|
|
81
|
+
/* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_tamagui.Fieldset, { space: "$4", horizontal: true, children: [
|
|
82
|
+
/* @__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" }) }) }),
|
|
83
|
+
/* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_SelectDemo.SelectDemoItem, {})
|
|
84
|
+
] }),
|
|
85
|
+
/* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_tamagui.XStack, { alignSelf: "flex-end", space: true, children: [
|
|
86
|
+
/* @__PURE__ */ (0, import_jsx_runtime.jsx)(DialogInstance, {}),
|
|
87
|
+
/* @__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" }) })
|
|
88
|
+
] }),
|
|
89
|
+
/* @__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)(
|
|
90
|
+
import_tamagui.Button,
|
|
91
|
+
{
|
|
92
|
+
position: "absolute",
|
|
93
|
+
top: "$3",
|
|
94
|
+
right: "$3",
|
|
95
|
+
size: "$2",
|
|
96
|
+
circular: true,
|
|
97
|
+
icon: import_lucide_icons.X
|
|
98
|
+
}
|
|
99
|
+
) }) })
|
|
100
|
+
]
|
|
101
|
+
},
|
|
102
|
+
"content"
|
|
103
|
+
)
|
|
104
|
+
] })
|
|
105
|
+
]
|
|
106
|
+
}
|
|
107
|
+
);
|
|
91
108
|
}
|
|
92
109
|
// Annotate the CommonJS export names for ESM import in node:
|
|
93
110
|
0 && (module.exports = {
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../src/DialogDemo.tsx"],
|
|
4
|
-
"mappings": ";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;
|
|
5
|
-
"names": []
|
|
4
|
+
"mappings": ";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAoBS;AApBT,0BAAkB;AAClB,mBAAyB;AACzB,qBAaO;AAEP,wBAA+B;AAExB,SAAS,aAAa;AAC3B,SAAO,4CAAC,kBAAe;AACzB;AAEA,SAAS,iBAAiB;AACxB,QAAM,CAAC,MAAM,OAAO,QAAI,uBAAS,KAAK;AAEtC,SACE;AAAA,IAAC;AAAA;AAAA,MACC,OAAK;AAAA,MACL,cAAc,CAACA,UAAS;AACtB,gBAAQA,KAAI;AAAA,MACd;AAAA,MAEA;AAAA,oDAAC,sBAAO,SAAP,EAAe,SAAO,MACrB,sDAAC,yBAAO,yBAAW,GACrB;AAAA,QAEA,4CAAC,wBAAM,MAAK,MAAK,UAAS,SACxB,uDAAC,wBAAM,QAAQ,KAAQ,OAAK,MAAC,uBAAqB,MAChD;AAAA,sDAAC,qBAAM,OAAN,EAAY,SAAQ,MAAK,OAAK,MAC7B,sDAAC,qBAAM,UAAN,EAAe,GAClB;AAAA,UACA,4CAAC,qBAAM,SAAN,EAAc;AAAA,WACjB,GACF;AAAA,QAEA,6CAAC,sBAAO,QAAP,EACC;AAAA;AAAA,YAAC,sBAAO;AAAA,YAAP;AAAA,cAEC,WAAU;AAAA,cACV,SAAS;AAAA,cACT,YAAY,EAAE,SAAS,EAAE;AAAA,cACzB,WAAW,EAAE,SAAS,EAAE;AAAA;AAAA,YAJpB;AAAA,UAKN;AAAA,UAEA;AAAA,YAAC,sBAAO;AAAA,YAAP;AAAA,cACC,UAAQ;AAAA,cACR,SAAO;AAAA,cAEP,WAAW;AAAA,gBACT;AAAA,gBACA;AAAA,kBACE,SAAS;AAAA,oBACP,mBAAmB;AAAA,kBACrB;AAAA,gBACF;AAAA,cACF;AAAA,cACA,YAAY,EAAE,GAAG,GAAG,GAAG,KAAK,SAAS,GAAG,OAAO,IAAI;AAAA,cACnD,WAAW,EAAE,GAAG,GAAG,GAAG,IAAI,SAAS,GAAG,OAAO,KAAK;AAAA,cAClD,OAAK;AAAA,cAEL;AAAA,4DAAC,sBAAO,OAAP,EAAa,0BAAY;AAAA,gBAC1B,4CAAC,sBAAO,aAAP,EAAmB,6EAEpB;AAAA,gBACA,6CAAC,2BAAS,OAAM,MAAK,YAAU,MAC7B;AAAA,8DAAC,wBAAM,OAAO,KAAK,gBAAe,YAAW,SAAQ,QAAO,kBAE5D;AAAA,kBACA,4CAAC,wBAAM,MAAM,GAAG,IAAG,QAAO,cAAa,gBAAe;AAAA,mBACxD;AAAA,gBACA,6CAAC,2BAAS,OAAM,MAAK,YAAU,MAC7B;AAAA,8DAAC,wBAAM,OAAO,KAAK,gBAAe,YAAW,SAAQ,YACnD,sDAAC,gCAAc,OAAM,sBAAqB,WAAU,gBAClD,sDAAC,4BAAU,kBAAI,GACjB,GACF;AAAA,kBACA,4CAAC,oCAAe;AAAA,mBAClB;AAAA,gBAEA,6CAAC,yBAAO,WAAU,YAAW,OAAK,MAChC;AAAA,8DAAC,kBAAe;AAAA,kBAEhB,4CAAC,sBAAO,OAAP,EAAa,oBAAkB,MAAC,SAAO,MACtC,sDAAC,yBAAO,OAAM,QAAO,cAAW,SAAQ,0BAExC,GACF;AAAA,mBACF;AAAA,gBAEA,4CAAC,2BACC,sDAAC,sBAAO,OAAP,EAAa,SAAO,MACnB;AAAA,kBAAC;AAAA;AAAA,oBACC,UAAS;AAAA,oBACT,KAAI;AAAA,oBACJ,OAAM;AAAA,oBACN,MAAK;AAAA,oBACL,UAAQ;AAAA,oBACR,MAAM;AAAA;AAAA,gBACR,GACF,GACF;AAAA;AAAA;AAAA,YArDI;AAAA,UAsDN;AAAA,WACF;AAAA;AAAA;AAAA,EACF;AAEJ;",
|
|
5
|
+
"names": ["open"]
|
|
6
6
|
}
|
package/dist/esm/DialogDemo.js
CHANGED
|
@@ -1,5 +1,6 @@
|
|
|
1
1
|
import { jsx, jsxs } from "react/jsx-runtime";
|
|
2
2
|
import { X } from "@tamagui/lucide-icons";
|
|
3
|
+
import { useState } from "react";
|
|
3
4
|
import {
|
|
4
5
|
Adapt,
|
|
5
6
|
Button,
|
|
@@ -11,72 +12,88 @@ import {
|
|
|
11
12
|
Sheet,
|
|
12
13
|
TooltipSimple,
|
|
13
14
|
Unspaced,
|
|
14
|
-
|
|
15
|
+
XStack
|
|
15
16
|
} from "tamagui";
|
|
16
17
|
import { SelectDemoItem } from "./SelectDemo";
|
|
17
18
|
function DialogDemo() {
|
|
18
|
-
return /* @__PURE__ */
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
19
|
+
return /* @__PURE__ */ jsx(DialogInstance, {});
|
|
20
|
+
}
|
|
21
|
+
function DialogInstance() {
|
|
22
|
+
const [open, setOpen] = useState(false);
|
|
23
|
+
return /* @__PURE__ */ jsxs(
|
|
24
|
+
Dialog,
|
|
25
|
+
{
|
|
26
|
+
modal: true,
|
|
27
|
+
onOpenChange: (open2) => {
|
|
28
|
+
setOpen(open2);
|
|
29
|
+
},
|
|
30
|
+
children: [
|
|
31
|
+
/* @__PURE__ */ jsx(Dialog.Trigger, { asChild: true, children: /* @__PURE__ */ jsx(Button, { children: "Show Dialog" }) }),
|
|
32
|
+
/* @__PURE__ */ jsx(Adapt, { when: "sm", platform: "touch", children: /* @__PURE__ */ jsxs(Sheet, { zIndex: 2e5, modal: true, dismissOnSnapToBottom: true, children: [
|
|
33
|
+
/* @__PURE__ */ jsx(Sheet.Frame, { padding: "$4", space: true, children: /* @__PURE__ */ jsx(Adapt.Contents, {}) }),
|
|
34
|
+
/* @__PURE__ */ jsx(Sheet.Overlay, {})
|
|
35
|
+
] }) }),
|
|
36
|
+
/* @__PURE__ */ jsxs(Dialog.Portal, { children: [
|
|
37
|
+
/* @__PURE__ */ jsx(
|
|
38
|
+
Dialog.Overlay,
|
|
39
|
+
{
|
|
40
|
+
animation: "quick",
|
|
41
|
+
opacity: 0.5,
|
|
42
|
+
enterStyle: { opacity: 0 },
|
|
43
|
+
exitStyle: { opacity: 0 }
|
|
44
|
+
},
|
|
45
|
+
"overlay"
|
|
46
|
+
),
|
|
47
|
+
/* @__PURE__ */ jsxs(
|
|
48
|
+
Dialog.Content,
|
|
42
49
|
{
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
|
|
57
|
-
|
|
58
|
-
|
|
59
|
-
|
|
60
|
-
|
|
61
|
-
|
|
62
|
-
|
|
63
|
-
|
|
64
|
-
|
|
65
|
-
|
|
66
|
-
|
|
67
|
-
|
|
68
|
-
|
|
69
|
-
|
|
70
|
-
|
|
71
|
-
|
|
72
|
-
|
|
73
|
-
|
|
74
|
-
|
|
75
|
-
|
|
76
|
-
|
|
77
|
-
|
|
78
|
-
|
|
79
|
-
|
|
50
|
+
bordered: true,
|
|
51
|
+
elevate: true,
|
|
52
|
+
animation: [
|
|
53
|
+
"quick",
|
|
54
|
+
{
|
|
55
|
+
opacity: {
|
|
56
|
+
overshootClamping: true
|
|
57
|
+
}
|
|
58
|
+
}
|
|
59
|
+
],
|
|
60
|
+
enterStyle: { x: 0, y: -20, opacity: 0, scale: 0.9 },
|
|
61
|
+
exitStyle: { x: 0, y: 10, opacity: 0, scale: 0.95 },
|
|
62
|
+
space: true,
|
|
63
|
+
children: [
|
|
64
|
+
/* @__PURE__ */ jsx(Dialog.Title, { children: "Edit profile" }),
|
|
65
|
+
/* @__PURE__ */ jsx(Dialog.Description, { children: "Make changes to your profile here. Click save when you're done." }),
|
|
66
|
+
/* @__PURE__ */ jsxs(Fieldset, { space: "$4", horizontal: true, children: [
|
|
67
|
+
/* @__PURE__ */ jsx(Label, { width: 160, justifyContent: "flex-end", htmlFor: "name", children: "Name" }),
|
|
68
|
+
/* @__PURE__ */ jsx(Input, { flex: 1, id: "name", defaultValue: "Nate Wienert" })
|
|
69
|
+
] }),
|
|
70
|
+
/* @__PURE__ */ jsxs(Fieldset, { space: "$4", horizontal: true, children: [
|
|
71
|
+
/* @__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" }) }) }),
|
|
72
|
+
/* @__PURE__ */ jsx(SelectDemoItem, {})
|
|
73
|
+
] }),
|
|
74
|
+
/* @__PURE__ */ jsxs(XStack, { alignSelf: "flex-end", space: true, children: [
|
|
75
|
+
/* @__PURE__ */ jsx(DialogInstance, {}),
|
|
76
|
+
/* @__PURE__ */ jsx(Dialog.Close, { displayWhenAdapted: true, asChild: true, children: /* @__PURE__ */ jsx(Button, { theme: "alt1", "aria-label": "Close", children: "Save changes" }) })
|
|
77
|
+
] }),
|
|
78
|
+
/* @__PURE__ */ jsx(Unspaced, { children: /* @__PURE__ */ jsx(Dialog.Close, { asChild: true, children: /* @__PURE__ */ jsx(
|
|
79
|
+
Button,
|
|
80
|
+
{
|
|
81
|
+
position: "absolute",
|
|
82
|
+
top: "$3",
|
|
83
|
+
right: "$3",
|
|
84
|
+
size: "$2",
|
|
85
|
+
circular: true,
|
|
86
|
+
icon: X
|
|
87
|
+
}
|
|
88
|
+
) }) })
|
|
89
|
+
]
|
|
90
|
+
},
|
|
91
|
+
"content"
|
|
92
|
+
)
|
|
93
|
+
] })
|
|
94
|
+
]
|
|
95
|
+
}
|
|
96
|
+
);
|
|
80
97
|
}
|
|
81
98
|
export {
|
|
82
99
|
DialogDemo
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../src/DialogDemo.tsx"],
|
|
4
|
-
"mappings": "
|
|
5
|
-
"names": []
|
|
4
|
+
"mappings": "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",
|
|
5
|
+
"names": ["open"]
|
|
6
6
|
}
|
package/dist/jsx/DialogDemo.js
CHANGED
|
@@ -1,4 +1,5 @@
|
|
|
1
1
|
import { X } from "@tamagui/lucide-icons";
|
|
2
|
+
import { useState } from "react";
|
|
2
3
|
import {
|
|
3
4
|
Adapt,
|
|
4
5
|
Button,
|
|
@@ -10,12 +11,21 @@ import {
|
|
|
10
11
|
Sheet,
|
|
11
12
|
TooltipSimple,
|
|
12
13
|
Unspaced,
|
|
13
|
-
|
|
14
|
+
XStack
|
|
14
15
|
} from "tamagui";
|
|
15
16
|
import { SelectDemoItem } from "./SelectDemo";
|
|
16
17
|
function DialogDemo() {
|
|
17
|
-
return <
|
|
18
|
-
|
|
18
|
+
return <DialogInstance />;
|
|
19
|
+
}
|
|
20
|
+
function DialogInstance() {
|
|
21
|
+
const [open, setOpen] = useState(false);
|
|
22
|
+
return <Dialog
|
|
23
|
+
modal
|
|
24
|
+
onOpenChange={(open2) => {
|
|
25
|
+
setOpen(open2);
|
|
26
|
+
}}
|
|
27
|
+
>
|
|
28
|
+
<Dialog.Trigger asChild><Button>Show Dialog</Button></Dialog.Trigger>
|
|
19
29
|
<Adapt when="sm" platform="touch"><Sheet zIndex={2e5} modal dismissOnSnapToBottom>
|
|
20
30
|
<Sheet.Frame padding="$4" space><Adapt.Contents /></Sheet.Frame>
|
|
21
31
|
<Sheet.Overlay />
|
|
@@ -54,7 +64,10 @@ function DialogDemo() {
|
|
|
54
64
|
<Label width={160} justifyContent="flex-end" htmlFor="username"><TooltipSimple label="Pick your favorite" placement="bottom-start"><Paragraph>Food</Paragraph></TooltipSimple></Label>
|
|
55
65
|
<SelectDemoItem />
|
|
56
66
|
</Fieldset>
|
|
57
|
-
<
|
|
67
|
+
<XStack alignSelf="flex-end" space>
|
|
68
|
+
<DialogInstance />
|
|
69
|
+
<Dialog.Close displayWhenAdapted asChild><Button theme="alt1" aria-label="Close">Save changes</Button></Dialog.Close>
|
|
70
|
+
</XStack>
|
|
58
71
|
<Unspaced><Dialog.Close asChild><Button
|
|
59
72
|
position="absolute"
|
|
60
73
|
top="$3"
|
|
@@ -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,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,
|
|
5
|
-
"names": []
|
|
4
|
+
"mappings": "AAAA,SAAS,SAAS;AAClB,SAAS,gBAAgB;AACzB;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OAEK;AAEP,SAAS,sBAAsB;AAExB,SAAS,aAAa;AAC3B,SAAO,CAAC,eAAe;AACzB;AAEA,SAAS,iBAAiB;AACxB,QAAM,CAAC,MAAM,OAAO,IAAI,SAAS,KAAK;AAEtC,SACE,CAAC;AAAA,IACC;AAAA,IACA,cAAc,CAACA,UAAS;AACtB,cAAQA,KAAI;AAAA,IACd;AAAA;AAAA,IAEA,CAAC,OAAO,QAAQ,QACd,CAAC,OAAO,WAAW,EAAlB,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,UAAU,WAAW;AAAA,UAC3B,CAAC,eAAe;AAAA,UAEhB,CAAC,OAAO,MAAM,mBAAmB,QAC/B,CAAC,OAAO,MAAM,OAAO,WAAW,QAAQ,YAExC,EAFC,OAGH,EAJC,OAAO;AAAA,QAKV,EARC;AAAA,QAUD,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,EAzDC,OAAO;AAAA,IA0DV,EAnEC,OAAO;AAAA,EAoEV,EAvFC;AAyFL;",
|
|
5
|
+
"names": ["open"]
|
|
6
6
|
}
|
package/dist/jsx/DialogDemo.mjs
CHANGED
|
@@ -1,4 +1,5 @@
|
|
|
1
1
|
import { X } from "@tamagui/lucide-icons";
|
|
2
|
+
import { useState } from "react";
|
|
2
3
|
import {
|
|
3
4
|
Adapt,
|
|
4
5
|
Button,
|
|
@@ -10,12 +11,21 @@ import {
|
|
|
10
11
|
Sheet,
|
|
11
12
|
TooltipSimple,
|
|
12
13
|
Unspaced,
|
|
13
|
-
|
|
14
|
+
XStack
|
|
14
15
|
} from "tamagui";
|
|
15
16
|
import { SelectDemoItem } from "./SelectDemo";
|
|
16
17
|
function DialogDemo() {
|
|
17
|
-
return <
|
|
18
|
-
|
|
18
|
+
return <DialogInstance />;
|
|
19
|
+
}
|
|
20
|
+
function DialogInstance() {
|
|
21
|
+
const [open, setOpen] = useState(false);
|
|
22
|
+
return <Dialog
|
|
23
|
+
modal
|
|
24
|
+
onOpenChange={(open2) => {
|
|
25
|
+
setOpen(open2);
|
|
26
|
+
}}
|
|
27
|
+
>
|
|
28
|
+
<Dialog.Trigger asChild><Button>Show Dialog</Button></Dialog.Trigger>
|
|
19
29
|
<Adapt when="sm" platform="touch"><Sheet zIndex={2e5} modal dismissOnSnapToBottom>
|
|
20
30
|
<Sheet.Frame padding="$4" space><Adapt.Contents /></Sheet.Frame>
|
|
21
31
|
<Sheet.Overlay />
|
|
@@ -54,7 +64,10 @@ function DialogDemo() {
|
|
|
54
64
|
<Label width={160} justifyContent="flex-end" htmlFor="username"><TooltipSimple label="Pick your favorite" placement="bottom-start"><Paragraph>Food</Paragraph></TooltipSimple></Label>
|
|
55
65
|
<SelectDemoItem />
|
|
56
66
|
</Fieldset>
|
|
57
|
-
<
|
|
67
|
+
<XStack alignSelf="flex-end" space>
|
|
68
|
+
<DialogInstance />
|
|
69
|
+
<Dialog.Close displayWhenAdapted asChild><Button theme="alt1" aria-label="Close">Save changes</Button></Dialog.Close>
|
|
70
|
+
</XStack>
|
|
58
71
|
<Unspaced><Dialog.Close asChild><Button
|
|
59
72
|
position="absolute"
|
|
60
73
|
top="$3"
|
|
@@ -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,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,
|
|
5
|
-
"names": []
|
|
4
|
+
"mappings": "AAAA,SAAS,SAAS;AAClB,SAAS,gBAAgB;AACzB;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OAEK;AAEP,SAAS,sBAAsB;AAExB,SAAS,aAAa;AAC3B,SAAO,CAAC,eAAe;AACzB;AAEA,SAAS,iBAAiB;AACxB,QAAM,CAAC,MAAM,OAAO,IAAI,SAAS,KAAK;AAEtC,SACE,CAAC;AAAA,IACC;AAAA,IACA,cAAc,CAACA,UAAS;AACtB,cAAQA,KAAI;AAAA,IACd;AAAA;AAAA,IAEA,CAAC,OAAO,QAAQ,QACd,CAAC,OAAO,WAAW,EAAlB,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,UAAU,WAAW;AAAA,UAC3B,CAAC,eAAe;AAAA,UAEhB,CAAC,OAAO,MAAM,mBAAmB,QAC/B,CAAC,OAAO,MAAM,OAAO,WAAW,QAAQ,YAExC,EAFC,OAGH,EAJC,OAAO;AAAA,QAKV,EARC;AAAA,QAUD,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,EAzDC,OAAO;AAAA,IA0DV,EAnEC,OAAO;AAAA,EAoEV,EAvFC;AAyFL;",
|
|
5
|
+
"names": ["open"]
|
|
6
6
|
}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@tamagui/demos",
|
|
3
|
-
"version": "1.30.
|
|
3
|
+
"version": "1.30.8",
|
|
4
4
|
"sideEffects": [
|
|
5
5
|
"*.css"
|
|
6
6
|
],
|
|
@@ -33,29 +33,29 @@
|
|
|
33
33
|
}
|
|
34
34
|
},
|
|
35
35
|
"dependencies": {
|
|
36
|
-
"@tamagui/avatar": "1.30.
|
|
37
|
-
"@tamagui/button": "1.30.
|
|
38
|
-
"@tamagui/config": "1.30.
|
|
39
|
-
"@tamagui/core": "1.30.
|
|
40
|
-
"@tamagui/list-item": "1.30.
|
|
41
|
-
"@tamagui/logo": "1.30.
|
|
42
|
-
"@tamagui/menu": "1.30.
|
|
43
|
-
"@tamagui/popover": "1.30.
|
|
44
|
-
"@tamagui/progress": "1.30.
|
|
45
|
-
"@tamagui/radio-group": "1.30.
|
|
46
|
-
"@tamagui/select": "1.30.
|
|
47
|
-
"@tamagui/sheet": "1.30.
|
|
48
|
-
"@tamagui/slider": "1.30.
|
|
49
|
-
"@tamagui/stacks": "1.30.
|
|
50
|
-
"@tamagui/toast": "1.30.
|
|
51
|
-
"tamagui": "1.30.
|
|
36
|
+
"@tamagui/avatar": "1.30.8",
|
|
37
|
+
"@tamagui/button": "1.30.8",
|
|
38
|
+
"@tamagui/config": "1.30.8",
|
|
39
|
+
"@tamagui/core": "1.30.8",
|
|
40
|
+
"@tamagui/list-item": "1.30.8",
|
|
41
|
+
"@tamagui/logo": "1.30.8",
|
|
42
|
+
"@tamagui/menu": "1.30.8",
|
|
43
|
+
"@tamagui/popover": "1.30.8",
|
|
44
|
+
"@tamagui/progress": "1.30.8",
|
|
45
|
+
"@tamagui/radio-group": "1.30.8",
|
|
46
|
+
"@tamagui/select": "1.30.8",
|
|
47
|
+
"@tamagui/sheet": "1.30.8",
|
|
48
|
+
"@tamagui/slider": "1.30.8",
|
|
49
|
+
"@tamagui/stacks": "1.30.8",
|
|
50
|
+
"@tamagui/toast": "1.30.8",
|
|
51
|
+
"tamagui": "1.30.8"
|
|
52
52
|
},
|
|
53
53
|
"peerDependencies": {
|
|
54
54
|
"react": "*",
|
|
55
55
|
"react-dom": "*"
|
|
56
56
|
},
|
|
57
57
|
"devDependencies": {
|
|
58
|
-
"@tamagui/build": "1.30.
|
|
58
|
+
"@tamagui/build": "1.30.8",
|
|
59
59
|
"react": "^18.2.0",
|
|
60
60
|
"react-dom": "^18.2.0"
|
|
61
61
|
},
|
package/src/DialogDemo.tsx
CHANGED
|
@@ -1,4 +1,5 @@
|
|
|
1
1
|
import { X } from '@tamagui/lucide-icons'
|
|
2
|
+
import { useState } from 'react'
|
|
2
3
|
import {
|
|
3
4
|
Adapt,
|
|
4
5
|
Button,
|
|
@@ -10,16 +11,28 @@ import {
|
|
|
10
11
|
Sheet,
|
|
11
12
|
TooltipSimple,
|
|
12
13
|
Unspaced,
|
|
14
|
+
XStack,
|
|
13
15
|
YStack,
|
|
14
16
|
} from 'tamagui'
|
|
15
17
|
|
|
16
18
|
import { SelectDemoItem } from './SelectDemo'
|
|
17
19
|
|
|
18
20
|
export function DialogDemo() {
|
|
21
|
+
return <DialogInstance />
|
|
22
|
+
}
|
|
23
|
+
|
|
24
|
+
function DialogInstance() {
|
|
25
|
+
const [open, setOpen] = useState(false)
|
|
26
|
+
|
|
19
27
|
return (
|
|
20
|
-
<Dialog
|
|
28
|
+
<Dialog
|
|
29
|
+
modal
|
|
30
|
+
onOpenChange={(open) => {
|
|
31
|
+
setOpen(open)
|
|
32
|
+
}}
|
|
33
|
+
>
|
|
21
34
|
<Dialog.Trigger asChild>
|
|
22
|
-
<Button>
|
|
35
|
+
<Button>Show Dialog</Button>
|
|
23
36
|
</Dialog.Trigger>
|
|
24
37
|
|
|
25
38
|
<Adapt when="sm" platform="touch">
|
|
@@ -75,13 +88,15 @@ export function DialogDemo() {
|
|
|
75
88
|
<SelectDemoItem />
|
|
76
89
|
</Fieldset>
|
|
77
90
|
|
|
78
|
-
<
|
|
91
|
+
<XStack alignSelf="flex-end" space>
|
|
92
|
+
<DialogInstance />
|
|
93
|
+
|
|
79
94
|
<Dialog.Close displayWhenAdapted asChild>
|
|
80
95
|
<Button theme="alt1" aria-label="Close">
|
|
81
96
|
Save changes
|
|
82
97
|
</Button>
|
|
83
98
|
</Dialog.Close>
|
|
84
|
-
</
|
|
99
|
+
</XStack>
|
|
85
100
|
|
|
86
101
|
<Unspaced>
|
|
87
102
|
<Dialog.Close asChild>
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"DialogDemo.d.ts","sourceRoot":"","sources":["../src/DialogDemo.tsx"],"names":[],"mappings":";
|
|
1
|
+
{"version":3,"file":"DialogDemo.d.ts","sourceRoot":"","sources":["../src/DialogDemo.tsx"],"names":[],"mappings":";AAmBA,wBAAgB,UAAU,gBAEzB"}
|