@tamagui/demos 1.123.3 → 1.123.5
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/cjs/DialogDemo.cjs +12 -5
- package/dist/cjs/DialogDemo.js +10 -4
- package/dist/cjs/DialogDemo.js.map +1 -1
- package/dist/cjs/DialogDemo.native.js +17 -5
- package/dist/cjs/DialogDemo.native.js.map +2 -2
- package/dist/cjs/SelectDemo.cjs +2 -6
- package/dist/cjs/SelectDemo.js +12 -25
- package/dist/cjs/SelectDemo.js.map +1 -1
- package/dist/cjs/SelectDemo.native.js +2 -6
- package/dist/cjs/SelectDemo.native.js.map +2 -2
- package/dist/esm/DialogDemo.js +11 -4
- package/dist/esm/DialogDemo.js.map +1 -1
- package/dist/esm/DialogDemo.mjs +13 -6
- package/dist/esm/DialogDemo.mjs.map +1 -1
- package/dist/esm/DialogDemo.native.js +18 -6
- package/dist/esm/DialogDemo.native.js.map +2 -2
- package/dist/esm/SelectDemo.js +12 -25
- package/dist/esm/SelectDemo.js.map +1 -1
- package/dist/esm/SelectDemo.mjs +2 -6
- package/dist/esm/SelectDemo.mjs.map +1 -1
- package/dist/esm/SelectDemo.native.js +2 -6
- package/dist/esm/SelectDemo.native.js.map +2 -2
- package/package.json +20 -20
- package/src/DialogDemo.tsx +24 -15
- package/src/SelectDemo.tsx +2 -11
package/dist/cjs/DialogDemo.cjs
CHANGED
|
@@ -28,17 +28,24 @@ var import_lucide_icons = require("@tamagui/lucide-icons"),
|
|
|
28
28
|
import_SelectDemo = require("./SelectDemo.cjs"),
|
|
29
29
|
import_jsx_runtime = require("react/jsx-runtime");
|
|
30
30
|
function DialogDemo() {
|
|
31
|
-
return /* @__PURE__ */(0, import_jsx_runtime.
|
|
31
|
+
return /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_tamagui.View, {
|
|
32
|
+
gap: "$4",
|
|
33
|
+
children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(DialogInstance, {}), /* @__PURE__ */(0, import_jsx_runtime.jsx)(DialogInstance, {
|
|
34
|
+
disableAdapt: !0
|
|
35
|
+
})]
|
|
36
|
+
});
|
|
32
37
|
}
|
|
33
|
-
function DialogInstance(
|
|
38
|
+
function DialogInstance({
|
|
39
|
+
disableAdapt
|
|
40
|
+
}) {
|
|
34
41
|
return /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_tamagui.Dialog, {
|
|
35
42
|
modal: !0,
|
|
36
43
|
children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Dialog.Trigger, {
|
|
37
44
|
asChild: !0,
|
|
38
|
-
children: /* @__PURE__ */(0, import_jsx_runtime.
|
|
39
|
-
children: "Show Dialog"
|
|
45
|
+
children: /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_tamagui.Button, {
|
|
46
|
+
children: ["Show Dialog", disableAdapt ? " (No Adapt)" : ""]
|
|
40
47
|
})
|
|
41
|
-
}), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Adapt, {
|
|
48
|
+
}), !disableAdapt && /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Adapt, {
|
|
42
49
|
when: "sm",
|
|
43
50
|
platform: "touch",
|
|
44
51
|
children: /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_tamagui.Sheet, {
|
package/dist/cjs/DialogDemo.js
CHANGED
|
@@ -19,12 +19,18 @@ __export(DialogDemo_exports, {
|
|
|
19
19
|
module.exports = __toCommonJS(DialogDemo_exports);
|
|
20
20
|
var import_lucide_icons = require("@tamagui/lucide-icons"), import_tamagui = require("tamagui"), import_SelectDemo = require("./SelectDemo"), import_jsx_runtime = require("react/jsx-runtime");
|
|
21
21
|
function DialogDemo() {
|
|
22
|
-
return /* @__PURE__ */ (0, import_jsx_runtime.
|
|
22
|
+
return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_tamagui.View, { gap: "$4", children: [
|
|
23
|
+
/* @__PURE__ */ (0, import_jsx_runtime.jsx)(DialogInstance, {}),
|
|
24
|
+
/* @__PURE__ */ (0, import_jsx_runtime.jsx)(DialogInstance, { disableAdapt: !0 })
|
|
25
|
+
] });
|
|
23
26
|
}
|
|
24
|
-
function DialogInstance() {
|
|
27
|
+
function DialogInstance({ disableAdapt }) {
|
|
25
28
|
return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_tamagui.Dialog, { modal: !0, children: [
|
|
26
|
-
/* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Dialog.Trigger, { asChild: !0, children: /* @__PURE__ */ (0, import_jsx_runtime.
|
|
27
|
-
|
|
29
|
+
/* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Dialog.Trigger, { asChild: !0, children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_tamagui.Button, { children: [
|
|
30
|
+
"Show Dialog",
|
|
31
|
+
disableAdapt ? " (No Adapt)" : ""
|
|
32
|
+
] }) }),
|
|
33
|
+
!disableAdapt && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Adapt, { when: "sm", platform: "touch", children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_tamagui.Sheet, { animation: "medium", zIndex: 2e5, modal: !0, dismissOnSnapToBottom: !0, children: [
|
|
28
34
|
/* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Sheet.Frame, { padding: "$4", gap: "$4", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Adapt.Contents, {}) }),
|
|
29
35
|
/* @__PURE__ */ (0, import_jsx_runtime.jsx)(
|
|
30
36
|
import_tamagui.Sheet.Overlay,
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../src/DialogDemo.tsx"],
|
|
4
|
-
"mappings": ";;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,0BAAkB,kCAClB,
|
|
4
|
+
"mappings": ";;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,0BAAkB,kCAClB,iBAcO,oBACP,oBAA+B,yBAI3B;AAFG,SAAS,aAAa;AAC3B,SACE,6CAAC,uBAAK,KAAI,MACR;AAAA,gDAAC,kBAAe;AAAA,IAChB,4CAAC,kBAAe,cAAY,IAAC;AAAA,KAC/B;AAEJ;AAEA,SAAS,eAAe,EAAE,aAAa,GAA+B;AACpE,SACE,6CAAC,yBAAO,OAAK,IACX;AAAA,gDAAC,sBAAO,SAAP,EAAe,SAAO,IACrB,uDAAC,yBAAO;AAAA;AAAA,MAAY,eAAe,gBAAgB;AAAA,OAAG,GACxD;AAAA,IAEC,CAAC,gBACA,4CAAC,wBAAM,MAAK,MAAK,UAAS,SACxB,uDAAC,wBAAM,WAAU,UAAS,QAAQ,KAAQ,OAAK,IAAC,uBAAqB,IACnE;AAAA,kDAAC,qBAAM,OAAN,EAAY,SAAQ,MAAK,KAAI,MAC5B,sDAAC,qBAAM,UAAN,EAAe,GAClB;AAAA,MACA;AAAA,QAAC,qBAAM;AAAA,QAAN;AAAA,UACC,WAAU;AAAA,UACV,YAAY,EAAE,SAAS,EAAE;AAAA,UACzB,WAAW,EAAE,SAAS,EAAE;AAAA;AAAA,MAC1B;AAAA,OACF,GACF;AAAA,IAGF,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,aAAa,CAAC,aAAa,SAAS;AAAA,UACpC,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,KAAI;AAAA,UAEJ;AAAA,wDAAC,sBAAO,OAAP,EAAa,0BAAY;AAAA,YAC1B,4CAAC,sBAAO,aAAP,EAAmB,6EAEpB;AAAA,YACA,6CAAC,2BAAS,KAAI,MAAK,YAAU,IAC3B;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,KAAI,MAAK,YAAU,IAC3B;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,6CAAC,yBAAO,WAAU,YAAW,KAAI,MAC/B;AAAA,0DAAC,kBAAe;AAAA,cAEhB,4CAAC,sBAAO,OAAP,EAAa,oBAAkB,IAAC,SAAO,IACtC,sDAAC,yBAAO,OAAM,UAAS,cAAW,SAAQ,0BAE1C,GACF;AAAA,eACF;AAAA,YAEA,4CAAC,2BACC,sDAAC,sBAAO,OAAP,EAAa,SAAO,IACnB;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,QAtDI;AAAA,MAuDN;AAAA,OACF;AAAA,KACF;AAEJ;",
|
|
5
5
|
"names": []
|
|
6
6
|
}
|
|
@@ -20,19 +20,31 @@ __export(DialogDemo_exports, {
|
|
|
20
20
|
module.exports = __toCommonJS(DialogDemo_exports);
|
|
21
21
|
var import_jsx_runtime = require("react/jsx-runtime"), import_lucide_icons = require("@tamagui/lucide-icons"), import_tamagui = require("tamagui"), import_SelectDemo = require("./SelectDemo");
|
|
22
22
|
function DialogDemo() {
|
|
23
|
-
return /* @__PURE__ */ (0, import_jsx_runtime.
|
|
23
|
+
return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_tamagui.View, {
|
|
24
|
+
gap: "$4",
|
|
25
|
+
children: [
|
|
26
|
+
/* @__PURE__ */ (0, import_jsx_runtime.jsx)(DialogInstance, {}),
|
|
27
|
+
/* @__PURE__ */ (0, import_jsx_runtime.jsx)(DialogInstance, {
|
|
28
|
+
disableAdapt: !0
|
|
29
|
+
})
|
|
30
|
+
]
|
|
31
|
+
});
|
|
24
32
|
}
|
|
25
|
-
function DialogInstance() {
|
|
33
|
+
function DialogInstance(param) {
|
|
34
|
+
var { disableAdapt } = param;
|
|
26
35
|
return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_tamagui.Dialog, {
|
|
27
36
|
modal: !0,
|
|
28
37
|
children: [
|
|
29
38
|
/* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Dialog.Trigger, {
|
|
30
39
|
asChild: !0,
|
|
31
|
-
children: /* @__PURE__ */ (0, import_jsx_runtime.
|
|
32
|
-
children:
|
|
40
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_tamagui.Button, {
|
|
41
|
+
children: [
|
|
42
|
+
"Show Dialog",
|
|
43
|
+
disableAdapt ? " (No Adapt)" : ""
|
|
44
|
+
]
|
|
33
45
|
})
|
|
34
46
|
}),
|
|
35
|
-
/* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Adapt, {
|
|
47
|
+
!disableAdapt && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Adapt, {
|
|
36
48
|
when: "sm",
|
|
37
49
|
platform: "touch",
|
|
38
50
|
children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_tamagui.Sheet, {
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../src/Users/n8/tamagui/code/demos/src/DialogDemo.tsx"],
|
|
4
|
-
"mappings": ";;;;;;;;;;;;;;;;;;;;uDAAA,sBAAkB,kCAClB,
|
|
5
|
-
"names": ["DialogDemo", "_jsx", "DialogInstance", "
|
|
4
|
+
"mappings": "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",
|
|
5
|
+
"names": ["DialogDemo", "_jsxs", "View", "gap", "_jsx", "DialogInstance", "disableAdapt", "Dialog", "modal", "Trigger", "asChild", "Button", "Adapt", "when", "platform", "Sheet", "animation", "zIndex", "dismissOnSnapToBottom", "Frame", "padding", "Contents", "Overlay", "enterStyle", "opacity", "exitStyle", "Portal", "Content", "bordered", "elevate", "animateOnly", "overshootClamping", "x", "y", "scale", "Title", "Description", "Fieldset", "horizontal", "Label", "width", "justifyContent", "htmlFor", "Input", "flex", "id", "defaultValue", "TooltipSimple", "label", "placement", "Paragraph", "SelectDemoItem", "XStack", "alignSelf", "Close", "displayWhenAdapted", "theme", "aria-label", "Unspaced", "position", "top", "right", "size", "circular", "icon", "X"]
|
|
6
6
|
}
|
package/dist/cjs/SelectDemo.cjs
CHANGED
|
@@ -89,17 +89,13 @@ function SelectDemoItem(props) {
|
|
|
89
89
|
native: !!props.native,
|
|
90
90
|
modal: !0,
|
|
91
91
|
dismissOnSnapToBottom: !0,
|
|
92
|
-
|
|
93
|
-
type: "spring",
|
|
94
|
-
damping: 20,
|
|
95
|
-
mass: 1.2,
|
|
96
|
-
stiffness: 250
|
|
97
|
-
},
|
|
92
|
+
animation: "medium",
|
|
98
93
|
children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Sheet.Frame, {
|
|
99
94
|
children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Sheet.ScrollView, {
|
|
100
95
|
children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Adapt.Contents, {})
|
|
101
96
|
})
|
|
102
97
|
}), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Sheet.Overlay, {
|
|
98
|
+
bg: "$shadowColor",
|
|
103
99
|
animation: "lazy",
|
|
104
100
|
enterStyle: {
|
|
105
101
|
opacity: 0
|
package/dist/cjs/SelectDemo.js
CHANGED
|
@@ -43,31 +43,18 @@ function SelectDemoItem(props) {
|
|
|
43
43
|
const [val, setVal] = import_react.default.useState("apple");
|
|
44
44
|
return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_tamagui.Select, { value: val, onValueChange: setVal, disablePreventBodyScroll: !0, ...props, children: [
|
|
45
45
|
/* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Select.Trigger, { width: 220, iconAfter: import_lucide_icons.ChevronDown, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Select.Value, { placeholder: "Something" }) }),
|
|
46
|
-
/* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Adapt, { when: "sm", platform: "touch", children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
|
|
47
|
-
import_tamagui.Sheet,
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
|
|
57
|
-
|
|
58
|
-
children: [
|
|
59
|
-
/* @__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, {}) }) }),
|
|
60
|
-
/* @__PURE__ */ (0, import_jsx_runtime.jsx)(
|
|
61
|
-
import_tamagui.Sheet.Overlay,
|
|
62
|
-
{
|
|
63
|
-
animation: "lazy",
|
|
64
|
-
enterStyle: { opacity: 0 },
|
|
65
|
-
exitStyle: { opacity: 0 }
|
|
66
|
-
}
|
|
67
|
-
)
|
|
68
|
-
]
|
|
69
|
-
}
|
|
70
|
-
) }),
|
|
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: !!props.native, modal: !0, dismissOnSnapToBottom: !0, animation: "medium", children: [
|
|
47
|
+
/* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Sheet.Frame, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Sheet.ScrollView, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Adapt.Contents, {}) }) }),
|
|
48
|
+
/* @__PURE__ */ (0, import_jsx_runtime.jsx)(
|
|
49
|
+
import_tamagui.Sheet.Overlay,
|
|
50
|
+
{
|
|
51
|
+
bg: "$shadowColor",
|
|
52
|
+
animation: "lazy",
|
|
53
|
+
enterStyle: { opacity: 0 },
|
|
54
|
+
exitStyle: { opacity: 0 }
|
|
55
|
+
}
|
|
56
|
+
)
|
|
57
|
+
] }) }),
|
|
71
58
|
/* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_tamagui.Select.Content, { zIndex: 2e5, children: [
|
|
72
59
|
/* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
|
|
73
60
|
import_tamagui.Select.ScrollUpButton,
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../src/SelectDemo.tsx"],
|
|
4
|
-
"mappings": ";;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAAkB,2BAClB,sBAA8C,kCAG9C,iBAAyE,oBACzE,yBAA+B,oCAKzB;AAHC,SAAS,aAAa;AAC3B,SACE,6CAAC,yBAAO,KAAI,MACV;AAAA,iDAAC,yBAAO,IAAG,UAAS,KAAI,MACtB;AAAA,kDAAC,wBAAM,SAAQ,iBAAgB,GAAG,GAAG,KAAK,IAAI,oBAE9C;AAAA,MACA,4CAAC,kBAAe,IAAG,iBAAgB;AAAA,OACrC;AAAA,IAEA,6CAAC,yBAAO,IAAG,UAAS,KAAI,MACtB;AAAA,kDAAC,wBAAM,SAAQ,iBAAgB,GAAG,GAAG,KAAK,IAAI,oBAE9C;AAAA,MACA,4CAAC,kBAAe,IAAG,iBAAgB,QAAM,IAAC;AAAA,OAC5C;AAAA,KACF;AAEJ;AAEO,SAAS,eAAe,OAAoB;AACjD,QAAM,CAAC,KAAK,MAAM,IAAI,aAAAA,QAAM,SAAS,OAAO;AAE5C,SACE,6CAAC,yBAAO,OAAO,KAAK,eAAe,QAAQ,0BAAwB,IAAE,GAAG,OACtE;AAAA,gDAAC,sBAAO,SAAP,EAAe,OAAO,KAAK,WAAW,iCACrC,sDAAC,sBAAO,OAAP,EAAa,aAAY,aAAY,GACxC;AAAA,IAEA,4CAAC,wBAAM,MAAK,MAAK,UAAS,SACxB
|
|
4
|
+
"mappings": "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",
|
|
5
5
|
"names": ["React"]
|
|
6
6
|
}
|
|
@@ -88,12 +88,7 @@ function SelectDemoItem(props) {
|
|
|
88
88
|
native: !!props.native,
|
|
89
89
|
modal: !0,
|
|
90
90
|
dismissOnSnapToBottom: !0,
|
|
91
|
-
|
|
92
|
-
type: "spring",
|
|
93
|
-
damping: 20,
|
|
94
|
-
mass: 1.2,
|
|
95
|
-
stiffness: 250
|
|
96
|
-
},
|
|
91
|
+
animation: "medium",
|
|
97
92
|
children: [
|
|
98
93
|
/* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Sheet.Frame, {
|
|
99
94
|
children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Sheet.ScrollView, {
|
|
@@ -101,6 +96,7 @@ function SelectDemoItem(props) {
|
|
|
101
96
|
})
|
|
102
97
|
}),
|
|
103
98
|
/* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Sheet.Overlay, {
|
|
99
|
+
bg: "$shadowColor",
|
|
104
100
|
animation: "lazy",
|
|
105
101
|
enterStyle: {
|
|
106
102
|
opacity: 0
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../src/Users/n8/tamagui/code/demos/src/SelectDemo.tsx"],
|
|
4
|
-
"mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;uDAAA,eAAkB,2BAClB,sBAA8C,kCAG9C,iBAAyE,oBACzE,yBAA+B;AAExB,SAASA,aAAAA;AACd,SACE,uCAAAC,MAACC,uBAAAA;IAAOC,KAAI;;MACV,uCAAAF,MAACG,uBAAAA;QAAOC,IAAG;QAASF,KAAI;;UACtB,uCAAAG,KAACC,sBAAAA;YAAMC,SAAQ;YAAgBC,GAAG;YAAGC,KAAK;sBAAI;;UAG9C,uCAAAJ,KAACK,gBAAAA;YAAeC,IAAG;;;;MAGrB,uCAAAX,MAACG,uBAAAA;QAAOC,IAAG;QAASF,KAAI;;UACtB,uCAAAG,KAACC,sBAAAA;YAAMC,SAAQ;YAAgBC,GAAG;YAAGC,KAAK;sBAAI;;UAG9C,uCAAAJ,KAACK,gBAAAA;YAAeC,IAAG;YAAgBC,QAAM;;;;;;AAIjD;AAEO,SAASF,eAAeG,OAAkB;AAC/C,MAAM,CAACC,KAAKC,MAAAA,IAAUC,aAAAA,QAAMC,SAAS,OAAA,
|
|
5
|
-
"names": ["SelectDemo", "_jsxs", "YStack", "gap", "XStack", "ai", "_jsx", "Label", "htmlFor", "f", "miw", "SelectDemoItem", "id", "native", "props", "val", "setVal", "React", "useState", "Select", "value", "onValueChange", "disablePreventBodyScroll", "Trigger", "width", "iconAfter", "ChevronDown", "Value", "placeholder", "Adapt", "when", "platform", "Sheet", "modal", "dismissOnSnapToBottom", "
|
|
4
|
+
"mappings": "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",
|
|
5
|
+
"names": ["SelectDemo", "_jsxs", "YStack", "gap", "XStack", "ai", "_jsx", "Label", "htmlFor", "f", "miw", "SelectDemoItem", "id", "native", "props", "val", "setVal", "React", "useState", "Select", "value", "onValueChange", "disablePreventBodyScroll", "Trigger", "width", "iconAfter", "ChevronDown", "Value", "placeholder", "Adapt", "when", "platform", "Sheet", "modal", "dismissOnSnapToBottom", "animation", "Frame", "ScrollView", "Contents", "Overlay", "bg", "enterStyle", "opacity", "exitStyle", "Content", "zIndex", "ScrollUpButton", "alignItems", "justifyContent", "position", "height", "ChevronUp", "size", "LinearGradient", "start", "end", "fullscreen", "colors", "borderRadius", "Viewport", "minWidth", "Group", "useMemo", "items", "map", "item", "i", "Item", "index", "name", "toLowerCase", "ItemText", "ItemIndicator", "marginLeft", "Check", "right", "top", "bottom", "pointerEvents", "getFontSize", "ScrollDownButton"]
|
|
6
6
|
}
|
package/dist/esm/DialogDemo.js
CHANGED
|
@@ -10,17 +10,24 @@ import {
|
|
|
10
10
|
Sheet,
|
|
11
11
|
TooltipSimple,
|
|
12
12
|
Unspaced,
|
|
13
|
+
View,
|
|
13
14
|
XStack
|
|
14
15
|
} from "tamagui";
|
|
15
16
|
import { SelectDemoItem } from "./SelectDemo";
|
|
16
17
|
import { jsx, jsxs } from "react/jsx-runtime";
|
|
17
18
|
function DialogDemo() {
|
|
18
|
-
return /* @__PURE__ */
|
|
19
|
+
return /* @__PURE__ */ jsxs(View, { gap: "$4", children: [
|
|
20
|
+
/* @__PURE__ */ jsx(DialogInstance, {}),
|
|
21
|
+
/* @__PURE__ */ jsx(DialogInstance, { disableAdapt: !0 })
|
|
22
|
+
] });
|
|
19
23
|
}
|
|
20
|
-
function DialogInstance() {
|
|
24
|
+
function DialogInstance({ disableAdapt }) {
|
|
21
25
|
return /* @__PURE__ */ jsxs(Dialog, { modal: !0, children: [
|
|
22
|
-
/* @__PURE__ */ jsx(Dialog.Trigger, { asChild: !0, children: /* @__PURE__ */
|
|
23
|
-
|
|
26
|
+
/* @__PURE__ */ jsx(Dialog.Trigger, { asChild: !0, children: /* @__PURE__ */ jsxs(Button, { children: [
|
|
27
|
+
"Show Dialog",
|
|
28
|
+
disableAdapt ? " (No Adapt)" : ""
|
|
29
|
+
] }) }),
|
|
30
|
+
!disableAdapt && /* @__PURE__ */ jsx(Adapt, { when: "sm", platform: "touch", children: /* @__PURE__ */ jsxs(Sheet, { animation: "medium", zIndex: 2e5, modal: !0, dismissOnSnapToBottom: !0, children: [
|
|
24
31
|
/* @__PURE__ */ jsx(Sheet.Frame, { padding: "$4", gap: "$4", children: /* @__PURE__ */ jsx(Adapt.Contents, {}) }),
|
|
25
32
|
/* @__PURE__ */ jsx(
|
|
26
33
|
Sheet.Overlay,
|
|
@@ -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,
|
|
4
|
+
"mappings": "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",
|
|
5
5
|
"names": []
|
|
6
6
|
}
|
package/dist/esm/DialogDemo.mjs
CHANGED
|
@@ -1,19 +1,26 @@
|
|
|
1
1
|
import { X } from "@tamagui/lucide-icons";
|
|
2
|
-
import { Adapt, Button, Dialog, Fieldset, Input, Label, Paragraph, Sheet, TooltipSimple, Unspaced, XStack } from "tamagui";
|
|
2
|
+
import { Adapt, Button, Dialog, Fieldset, Input, Label, Paragraph, Sheet, TooltipSimple, Unspaced, View, XStack } from "tamagui";
|
|
3
3
|
import { SelectDemoItem } from "./SelectDemo.mjs";
|
|
4
4
|
import { jsx, jsxs } from "react/jsx-runtime";
|
|
5
5
|
function DialogDemo() {
|
|
6
|
-
return /* @__PURE__ */
|
|
6
|
+
return /* @__PURE__ */jsxs(View, {
|
|
7
|
+
gap: "$4",
|
|
8
|
+
children: [/* @__PURE__ */jsx(DialogInstance, {}), /* @__PURE__ */jsx(DialogInstance, {
|
|
9
|
+
disableAdapt: !0
|
|
10
|
+
})]
|
|
11
|
+
});
|
|
7
12
|
}
|
|
8
|
-
function DialogInstance(
|
|
13
|
+
function DialogInstance({
|
|
14
|
+
disableAdapt
|
|
15
|
+
}) {
|
|
9
16
|
return /* @__PURE__ */jsxs(Dialog, {
|
|
10
17
|
modal: !0,
|
|
11
18
|
children: [/* @__PURE__ */jsx(Dialog.Trigger, {
|
|
12
19
|
asChild: !0,
|
|
13
|
-
children: /* @__PURE__ */
|
|
14
|
-
children: "Show Dialog"
|
|
20
|
+
children: /* @__PURE__ */jsxs(Button, {
|
|
21
|
+
children: ["Show Dialog", disableAdapt ? " (No Adapt)" : ""]
|
|
15
22
|
})
|
|
16
|
-
}), /* @__PURE__ */jsx(Adapt, {
|
|
23
|
+
}), !disableAdapt && /* @__PURE__ */jsx(Adapt, {
|
|
17
24
|
when: "sm",
|
|
18
25
|
platform: "touch",
|
|
19
26
|
children: /* @__PURE__ */jsxs(Sheet, {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["X","Adapt","Button","Dialog","Fieldset","Input","Label","Paragraph","Sheet","TooltipSimple","Unspaced","XStack","SelectDemoItem","jsx","jsxs","DialogDemo","DialogInstance","
|
|
1
|
+
{"version":3,"names":["X","Adapt","Button","Dialog","Fieldset","Input","Label","Paragraph","Sheet","TooltipSimple","Unspaced","View","XStack","SelectDemoItem","jsx","jsxs","DialogDemo","gap","children","DialogInstance","disableAdapt","modal","Trigger","asChild","when","platform","animation","zIndex","dismissOnSnapToBottom","Frame","padding","Contents","Overlay","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","theme","position","top","right","size","circular","icon"],"sources":["../../src/DialogDemo.tsx"],"sourcesContent":[null],"mappings":"AAAA,SAASA,CAAA,QAAS;AAClB,SACEC,KAAA,EACAC,MAAA,EACAC,MAAA,EACAC,QAAA,EACAC,KAAA,EACAC,KAAA,EACAC,SAAA,EACAC,KAAA,EACAC,aAAA,EACAC,QAAA,EACAC,IAAA,EACAC,MAAA,QAEK;AACP,SAASC,cAAA,QAAsB;AAI3B,SACEC,GAAA,EADFC,IAAA;AAFG,SAASC,WAAA,EAAa;EAC3B,OACE,eAAAD,IAAA,CAACJ,IAAA;IAAKM,GAAA,EAAI;IACRC,QAAA,kBAAAJ,GAAA,CAACK,cAAA,IAAe,GAChB,eAAAL,GAAA,CAACK,cAAA;MAAeC,YAAA,EAAY;IAAA,CAAC;EAAA,CAC/B;AAEJ;AAEA,SAASD,eAAe;EAAEC;AAAa,GAA+B;EACpE,OACE,eAAAL,IAAA,CAACZ,MAAA;IAAOkB,KAAA,EAAK;IACXH,QAAA,kBAAAJ,GAAA,CAACX,MAAA,CAAOmB,OAAA,EAAP;MAAeC,OAAA,EAAO;MACrBL,QAAA,iBAAAH,IAAA,CAACb,MAAA;QAAOgB,QAAA,kBAAYE,YAAA,GAAe,gBAAgB;MAAA,CAAG;IAAA,CACxD,GAEC,CAACA,YAAA,IACA,eAAAN,GAAA,CAACb,KAAA;MAAMuB,IAAA,EAAK;MAAKC,QAAA,EAAS;MACxBP,QAAA,iBAAAH,IAAA,CAACP,KAAA;QAAMkB,SAAA,EAAU;QAASC,MAAA,EAAQ;QAAQN,KAAA,EAAK;QAACO,qBAAA,EAAqB;QACnEV,QAAA,kBAAAJ,GAAA,CAACN,KAAA,CAAMqB,KAAA,EAAN;UAAYC,OAAA,EAAQ;UAAKb,GAAA,EAAI;UAC5BC,QAAA,iBAAAJ,GAAA,CAACb,KAAA,CAAM8B,QAAA,EAAN,EAAe;QAAA,CAClB,GACA,eAAAjB,GAAA,CAACN,KAAA,CAAMwB,OAAA,EAAN;UACCN,SAAA,EAAU;UACVO,UAAA,EAAY;YAAEC,OAAA,EAAS;UAAE;UACzBC,SAAA,EAAW;YAAED,OAAA,EAAS;UAAE;QAAA,CAC1B;MAAA,CACF;IAAA,CACF,GAGF,eAAAnB,IAAA,CAACZ,MAAA,CAAOiC,MAAA,EAAP;MACClB,QAAA,kBAAAJ,GAAA,CAACX,MAAA,CAAO6B,OAAA,EAAP;QAECN,SAAA,EAAU;QACVQ,OAAA,EAAS;QACTD,UAAA,EAAY;UAAEC,OAAA,EAAS;QAAE;QACzBC,SAAA,EAAW;UAAED,OAAA,EAAS;QAAE;MAAA,GAJpB,SAKN,GAEA,eAAAnB,IAAA,CAACZ,MAAA,CAAOkC,OAAA,EAAP;QACCC,QAAA,EAAQ;QACRC,OAAA,EAAO;QAEPC,WAAA,EAAa,CAAC,aAAa,SAAS;QACpCd,SAAA,EAAW,CACT,WACA;UACEQ,OAAA,EAAS;YACPO,iBAAA,EAAmB;UACrB;QACF,EACF;QACAR,UAAA,EAAY;UAAES,CAAA,EAAG;UAAGC,CAAA,EAAG;UAAKT,OAAA,EAAS;UAAGU,KAAA,EAAO;QAAI;QACnDT,SAAA,EAAW;UAAEO,CAAA,EAAG;UAAGC,CAAA,EAAG;UAAIT,OAAA,EAAS;UAAGU,KAAA,EAAO;QAAK;QAClD3B,GAAA,EAAI;QAEJC,QAAA,kBAAAJ,GAAA,CAACX,MAAA,CAAO0C,KAAA,EAAP;UAAa3B,QAAA;QAAA,CAAY,GAC1B,eAAAJ,GAAA,CAACX,MAAA,CAAO2C,WAAA,EAAP;UAAmB5B,QAAA;QAAA,CAEpB,GACA,eAAAH,IAAA,CAACX,QAAA;UAASa,GAAA,EAAI;UAAK8B,UAAA,EAAU;UAC3B7B,QAAA,kBAAAJ,GAAA,CAACR,KAAA;YAAM0C,KAAA,EAAO;YAAKC,cAAA,EAAe;YAAWC,OAAA,EAAQ;YAAOhC,QAAA;UAAA,CAE5D,GACA,eAAAJ,GAAA,CAACT,KAAA;YAAM8C,IAAA,EAAM;YAAGC,EAAA,EAAG;YAAOC,YAAA,EAAa;UAAA,CAAe;QAAA,CACxD,GACA,eAAAtC,IAAA,CAACX,QAAA;UAASa,GAAA,EAAI;UAAK8B,UAAA,EAAU;UAC3B7B,QAAA,kBAAAJ,GAAA,CAACR,KAAA;YAAM0C,KAAA,EAAO;YAAKC,cAAA,EAAe;YAAWC,OAAA,EAAQ;YACnDhC,QAAA,iBAAAJ,GAAA,CAACL,aAAA;cAAc6C,KAAA,EAAM;cAAqBC,SAAA,EAAU;cAClDrC,QAAA,iBAAAJ,GAAA,CAACP,SAAA;gBAAUW,QAAA;cAAA,CAAI;YAAA,CACjB;UAAA,CACF,GACA,eAAAJ,GAAA,CAACD,cAAA,IAAe;QAAA,CAClB,GAEA,eAAAE,IAAA,CAACH,MAAA;UAAO4C,SAAA,EAAU;UAAWvC,GAAA,EAAI;UAC/BC,QAAA,kBAAAJ,GAAA,CAACK,cAAA,IAAe,GAEhB,eAAAL,GAAA,CAACX,MAAA,CAAOsD,KAAA,EAAP;YAAaC,kBAAA,EAAkB;YAACnC,OAAA,EAAO;YACtCL,QAAA,iBAAAJ,GAAA,CAACZ,MAAA;cAAOyD,KAAA,EAAM;cAAS,cAAW;cAAQzC,QAAA;YAAA,CAE1C;UAAA,CACF;QAAA,CACF,GAEA,eAAAJ,GAAA,CAACJ,QAAA;UACCQ,QAAA,iBAAAJ,GAAA,CAACX,MAAA,CAAOsD,KAAA,EAAP;YAAalC,OAAA,EAAO;YACnBL,QAAA,iBAAAJ,GAAA,CAACZ,MAAA;cACC0D,QAAA,EAAS;cACTC,GAAA,EAAI;cACJC,KAAA,EAAM;cACNC,IAAA,EAAK;cACLC,QAAA,EAAQ;cACRC,IAAA,EAAMjE;YAAA,CACR;UAAA,CACF;QAAA,CACF;MAAA,GAtDI,SAuDN;IAAA,CACF;EAAA,CACF;AAEJ","ignoreList":[]}
|
|
@@ -1,21 +1,33 @@
|
|
|
1
1
|
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
2
|
import { X } from "@tamagui/lucide-icons";
|
|
3
|
-
import { Adapt, Button, Dialog, Fieldset, Input, Label, Paragraph, Sheet, TooltipSimple, Unspaced, XStack } from "tamagui";
|
|
3
|
+
import { Adapt, Button, Dialog, Fieldset, Input, Label, Paragraph, Sheet, TooltipSimple, Unspaced, View, XStack } from "tamagui";
|
|
4
4
|
import { SelectDemoItem } from "./SelectDemo";
|
|
5
5
|
function DialogDemo() {
|
|
6
|
-
return /* @__PURE__ */
|
|
6
|
+
return /* @__PURE__ */ _jsxs(View, {
|
|
7
|
+
gap: "$4",
|
|
8
|
+
children: [
|
|
9
|
+
/* @__PURE__ */ _jsx(DialogInstance, {}),
|
|
10
|
+
/* @__PURE__ */ _jsx(DialogInstance, {
|
|
11
|
+
disableAdapt: !0
|
|
12
|
+
})
|
|
13
|
+
]
|
|
14
|
+
});
|
|
7
15
|
}
|
|
8
|
-
function DialogInstance() {
|
|
16
|
+
function DialogInstance(param) {
|
|
17
|
+
var { disableAdapt } = param;
|
|
9
18
|
return /* @__PURE__ */ _jsxs(Dialog, {
|
|
10
19
|
modal: !0,
|
|
11
20
|
children: [
|
|
12
21
|
/* @__PURE__ */ _jsx(Dialog.Trigger, {
|
|
13
22
|
asChild: !0,
|
|
14
|
-
children: /* @__PURE__ */
|
|
15
|
-
children:
|
|
23
|
+
children: /* @__PURE__ */ _jsxs(Button, {
|
|
24
|
+
children: [
|
|
25
|
+
"Show Dialog",
|
|
26
|
+
disableAdapt ? " (No Adapt)" : ""
|
|
27
|
+
]
|
|
16
28
|
})
|
|
17
29
|
}),
|
|
18
|
-
/* @__PURE__ */ _jsx(Adapt, {
|
|
30
|
+
!disableAdapt && /* @__PURE__ */ _jsx(Adapt, {
|
|
19
31
|
when: "sm",
|
|
20
32
|
platform: "touch",
|
|
21
33
|
children: /* @__PURE__ */ _jsxs(Sheet, {
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
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,
|
|
5
|
-
"names": ["X", "Adapt", "Button", "Dialog", "Fieldset", "Input", "Label", "Paragraph", "Sheet", "TooltipSimple", "Unspaced", "XStack", "SelectDemoItem", "DialogDemo", "DialogInstance", "modal", "Trigger", "asChild", "when", "platform", "animation", "zIndex", "dismissOnSnapToBottom", "Frame", "padding", "
|
|
4
|
+
"mappings": ";AAAA,SAASA,SAAS;AAClB,SACEC,OACAC,QACAC,QACAC,UACAC,OACAC,OACAC,WACAC,OACAC,eACAC,UACAC,MACAC,cAEK;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;cACZN,WAAU;cACVO,YAAY;gBAAEC,SAAS;cAAE;cACzBC,WAAW;gBAAED,SAAS;cAAE;;;;;MAMhC,sBAAC5B,OAAO8B,QAAM;;UACZ,qBAAC9B,OAAO0B,SAAO;YAEbN,WAAU;YACVQ,SAAS;YACTD,YAAY;cAAEC,SAAS;YAAE;YACzBC,WAAW;cAAED,SAAS;YAAE;aAJpB,SAAA;UAON,sBAAC5B,OAAO+B,SAAO;YACbC,UAAQ;YACRC,SAAO;YAEPC,aAAa;cAAC;cAAa;;YAC3Bd,WAAW;cACT;cACA;gBACEQ,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;YAClD1B,KAAI;;cAEJ,qBAACZ,OAAOuC,OAAK;0BAAC;;cACd,qBAACvC,OAAOwC,aAAW;0BAAC;;cAGpB,sBAACvC,UAAAA;gBAASW,KAAI;gBAAK6B,YAAU;;kBAC3B,qBAACtC,OAAAA;oBAAMuC,OAAO;oBAAKC,gBAAe;oBAAWC,SAAQ;8BAAO;;kBAG5D,qBAAC1C,OAAAA;oBAAM2C,MAAM;oBAAGC,IAAG;oBAAOC,cAAa;;;;cAEzC,sBAAC9C,UAAAA;gBAASW,KAAI;gBAAK6B,YAAU;;kBAC3B,qBAACtC,OAAAA;oBAAMuC,OAAO;oBAAKC,gBAAe;oBAAWC,SAAQ;8BACnD,qBAACtC,eAAAA;sBAAc0C,OAAM;sBAAqBC,WAAU;gCAClD,qBAAC7C,WAAAA;kCAAU;;;;kBAGf,qBAACM,gBAAAA,CAAAA,CAAAA;;;cAGH,sBAACD,QAAAA;gBAAOyC,WAAU;gBAAWtC,KAAI;;kBAC/B,qBAACC,gBAAAA,CAAAA,CAAAA;kBAED,qBAACb,OAAOmD,OAAK;oBAACC,oBAAkB;oBAACnC,SAAO;8BACtC,qBAAClB,QAAAA;sBAAOsD,OAAM;sBAASC,cAAW;gCAAQ;;;;;cAM9C,qBAAC/C,UAAAA;0BACC,qBAACP,OAAOmD,OAAK;kBAAClC,SAAO;4BACnB,qBAAClB,QAAAA;oBACCwD,UAAS;oBACTC,KAAI;oBACJC,OAAM;oBACNC,MAAK;oBACLC,UAAQ;oBACRC,MAAM/D;;;;;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", "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", "theme", "aria-label", "position", "top", "right", "size", "circular", "icon"]
|
|
6
6
|
}
|
package/dist/esm/SelectDemo.js
CHANGED
|
@@ -19,31 +19,18 @@ function SelectDemoItem(props) {
|
|
|
19
19
|
const [val, setVal] = React.useState("apple");
|
|
20
20
|
return /* @__PURE__ */ jsxs(Select, { value: val, onValueChange: setVal, disablePreventBodyScroll: !0, ...props, children: [
|
|
21
21
|
/* @__PURE__ */ jsx(Select.Trigger, { width: 220, iconAfter: ChevronDown, children: /* @__PURE__ */ jsx(Select.Value, { placeholder: "Something" }) }),
|
|
22
|
-
/* @__PURE__ */ jsx(Adapt, { when: "sm", platform: "touch", children: /* @__PURE__ */ jsxs(
|
|
23
|
-
Sheet,
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
children: [
|
|
35
|
-
/* @__PURE__ */ jsx(Sheet.Frame, { children: /* @__PURE__ */ jsx(Sheet.ScrollView, { children: /* @__PURE__ */ jsx(Adapt.Contents, {}) }) }),
|
|
36
|
-
/* @__PURE__ */ jsx(
|
|
37
|
-
Sheet.Overlay,
|
|
38
|
-
{
|
|
39
|
-
animation: "lazy",
|
|
40
|
-
enterStyle: { opacity: 0 },
|
|
41
|
-
exitStyle: { opacity: 0 }
|
|
42
|
-
}
|
|
43
|
-
)
|
|
44
|
-
]
|
|
45
|
-
}
|
|
46
|
-
) }),
|
|
22
|
+
/* @__PURE__ */ jsx(Adapt, { when: "sm", platform: "touch", children: /* @__PURE__ */ jsxs(Sheet, { native: !!props.native, modal: !0, dismissOnSnapToBottom: !0, animation: "medium", children: [
|
|
23
|
+
/* @__PURE__ */ jsx(Sheet.Frame, { children: /* @__PURE__ */ jsx(Sheet.ScrollView, { children: /* @__PURE__ */ jsx(Adapt.Contents, {}) }) }),
|
|
24
|
+
/* @__PURE__ */ jsx(
|
|
25
|
+
Sheet.Overlay,
|
|
26
|
+
{
|
|
27
|
+
bg: "$shadowColor",
|
|
28
|
+
animation: "lazy",
|
|
29
|
+
enterStyle: { opacity: 0 },
|
|
30
|
+
exitStyle: { opacity: 0 }
|
|
31
|
+
}
|
|
32
|
+
)
|
|
33
|
+
] }) }),
|
|
47
34
|
/* @__PURE__ */ jsxs(Select.Content, { zIndex: 2e5, children: [
|
|
48
35
|
/* @__PURE__ */ jsxs(
|
|
49
36
|
Select.ScrollUpButton,
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../src/SelectDemo.tsx"],
|
|
4
|
-
"mappings": "AAAA,OAAO,WAAW;AAClB,SAAS,OAAO,aAAa,iBAAiB;AAG9C,SAAS,OAAO,OAAO,QAAQ,OAAO,QAAQ,QAAQ,mBAAmB;AACzE,SAAS,sBAAsB;AAKzB,SACE,KADF;AAHC,SAAS,aAAa;AAC3B,SACE,qBAAC,UAAO,KAAI,MACV;AAAA,yBAAC,UAAO,IAAG,UAAS,KAAI,MACtB;AAAA,0BAAC,SAAM,SAAQ,iBAAgB,GAAG,GAAG,KAAK,IAAI,oBAE9C;AAAA,MACA,oBAAC,kBAAe,IAAG,iBAAgB;AAAA,OACrC;AAAA,IAEA,qBAAC,UAAO,IAAG,UAAS,KAAI,MACtB;AAAA,0BAAC,SAAM,SAAQ,iBAAgB,GAAG,GAAG,KAAK,IAAI,oBAE9C;AAAA,MACA,oBAAC,kBAAe,IAAG,iBAAgB,QAAM,IAAC;AAAA,OAC5C;AAAA,KACF;AAEJ;AAEO,SAAS,eAAe,OAAoB;AACjD,QAAM,CAAC,KAAK,MAAM,IAAI,MAAM,SAAS,OAAO;AAE5C,SACE,qBAAC,UAAO,OAAO,KAAK,eAAe,QAAQ,0BAAwB,IAAE,GAAG,OACtE;AAAA,wBAAC,OAAO,SAAP,EAAe,OAAO,KAAK,WAAW,aACrC,8BAAC,OAAO,OAAP,EAAa,aAAY,aAAY,GACxC;AAAA,IAEA,oBAAC,SAAM,MAAK,MAAK,UAAS,SACxB
|
|
4
|
+
"mappings": "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",
|
|
5
5
|
"names": []
|
|
6
6
|
}
|
package/dist/esm/SelectDemo.mjs
CHANGED
|
@@ -52,17 +52,13 @@ function SelectDemoItem(props) {
|
|
|
52
52
|
native: !!props.native,
|
|
53
53
|
modal: !0,
|
|
54
54
|
dismissOnSnapToBottom: !0,
|
|
55
|
-
|
|
56
|
-
type: "spring",
|
|
57
|
-
damping: 20,
|
|
58
|
-
mass: 1.2,
|
|
59
|
-
stiffness: 250
|
|
60
|
-
},
|
|
55
|
+
animation: "medium",
|
|
61
56
|
children: [/* @__PURE__ */jsx(Sheet.Frame, {
|
|
62
57
|
children: /* @__PURE__ */jsx(Sheet.ScrollView, {
|
|
63
58
|
children: /* @__PURE__ */jsx(Adapt.Contents, {})
|
|
64
59
|
})
|
|
65
60
|
}), /* @__PURE__ */jsx(Sheet.Overlay, {
|
|
61
|
+
bg: "$shadowColor",
|
|
66
62
|
animation: "lazy",
|
|
67
63
|
enterStyle: {
|
|
68
64
|
opacity: 0
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["React","Check","ChevronDown","ChevronUp","Adapt","Label","Select","Sheet","XStack","YStack","getFontSize","LinearGradient","jsx","jsxs","SelectDemo","gap","children","ai","htmlFor","f","miw","SelectDemoItem","id","native","props","val","setVal","useState","value","onValueChange","disablePreventBodyScroll","Trigger","width","iconAfter","Value","placeholder","when","platform","modal","dismissOnSnapToBottom","
|
|
1
|
+
{"version":3,"names":["React","Check","ChevronDown","ChevronUp","Adapt","Label","Select","Sheet","XStack","YStack","getFontSize","LinearGradient","jsx","jsxs","SelectDemo","gap","children","ai","htmlFor","f","miw","SelectDemoItem","id","native","props","val","setVal","useState","value","onValueChange","disablePreventBodyScroll","Trigger","width","iconAfter","Value","placeholder","when","platform","modal","dismissOnSnapToBottom","animation","Frame","ScrollView","Contents","Overlay","bg","enterStyle","opacity","exitStyle","Content","zIndex","ScrollUpButton","alignItems","justifyContent","position","height","size","start","end","fullscreen","colors","borderRadius","Viewport","minWidth","Group","useMemo","items","map","item","i","Item","index","name","toLowerCase","ItemText","ItemIndicator","marginLeft","right","top","bottom","pointerEvents","ScrollDownButton"],"sources":["../../src/SelectDemo.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}
|
|
@@ -63,12 +63,7 @@ function SelectDemoItem(props) {
|
|
|
63
63
|
native: !!props.native,
|
|
64
64
|
modal: !0,
|
|
65
65
|
dismissOnSnapToBottom: !0,
|
|
66
|
-
|
|
67
|
-
type: "spring",
|
|
68
|
-
damping: 20,
|
|
69
|
-
mass: 1.2,
|
|
70
|
-
stiffness: 250
|
|
71
|
-
},
|
|
66
|
+
animation: "medium",
|
|
72
67
|
children: [
|
|
73
68
|
/* @__PURE__ */ _jsx(Sheet.Frame, {
|
|
74
69
|
children: /* @__PURE__ */ _jsx(Sheet.ScrollView, {
|
|
@@ -76,6 +71,7 @@ function SelectDemoItem(props) {
|
|
|
76
71
|
})
|
|
77
72
|
}),
|
|
78
73
|
/* @__PURE__ */ _jsx(Sheet.Overlay, {
|
|
74
|
+
bg: "$shadowColor",
|
|
79
75
|
animation: "lazy",
|
|
80
76
|
enterStyle: {
|
|
81
77
|
opacity: 0
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../src/Users/n8/tamagui/code/demos/src/SelectDemo.tsx"],
|
|
4
|
-
"mappings": ";AAAA,OAAOA,WAAW;AAClB,SAASC,OAAOC,aAAaC,iBAAiB;AAG9C,SAASC,OAAOC,OAAOC,QAAQC,OAAOC,QAAQC,QAAQC,mBAAmB;AACzE,SAASC,sBAAsB;AAExB,SAASC,aAAAA;AACd,SACE,sBAACH,QAAAA;IAAOI,KAAI;;MACV,sBAACL,QAAAA;QAAOM,IAAG;QAASD,KAAI;;UACtB,qBAACR,OAAAA;YAAMU,SAAQ;YAAgBC,GAAG;YAAGC,KAAK;sBAAI;;UAG9C,qBAACC,gBAAAA;YAAeC,IAAG;;;;MAGrB,sBAACX,QAAAA;QAAOM,IAAG;QAASD,KAAI;;UACtB,qBAACR,OAAAA;YAAMU,SAAQ;YAAgBC,GAAG;YAAGC,KAAK;sBAAI;;UAG9C,qBAACC,gBAAAA;YAAeC,IAAG;YAAgBC,QAAM;;;;;;AAIjD;AAEO,SAASF,eAAeG,OAAkB;AAC/C,MAAM,CAACC,KAAKC,MAAAA,IAAUvB,MAAMwB,SAAS,OAAA,
|
|
5
|
-
"names": ["React", "Check", "ChevronDown", "ChevronUp", "Adapt", "Label", "Select", "Sheet", "XStack", "YStack", "getFontSize", "LinearGradient", "SelectDemo", "gap", "ai", "htmlFor", "f", "miw", "SelectDemoItem", "id", "native", "props", "val", "setVal", "useState", "value", "onValueChange", "disablePreventBodyScroll", "Trigger", "width", "iconAfter", "Value", "placeholder", "when", "platform", "modal", "dismissOnSnapToBottom", "
|
|
4
|
+
"mappings": "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",
|
|
5
|
+
"names": ["React", "Check", "ChevronDown", "ChevronUp", "Adapt", "Label", "Select", "Sheet", "XStack", "YStack", "getFontSize", "LinearGradient", "SelectDemo", "gap", "ai", "htmlFor", "f", "miw", "SelectDemoItem", "id", "native", "props", "val", "setVal", "useState", "value", "onValueChange", "disablePreventBodyScroll", "Trigger", "width", "iconAfter", "Value", "placeholder", "when", "platform", "modal", "dismissOnSnapToBottom", "animation", "Frame", "ScrollView", "Contents", "Overlay", "bg", "enterStyle", "opacity", "exitStyle", "Content", "zIndex", "ScrollUpButton", "alignItems", "justifyContent", "position", "height", "size", "start", "end", "fullscreen", "colors", "borderRadius", "Viewport", "minWidth", "Group", "useMemo", "items", "map", "item", "i", "Item", "index", "name", "toLowerCase", "ItemText", "ItemIndicator", "marginLeft", "right", "top", "bottom", "pointerEvents", "ScrollDownButton"]
|
|
6
6
|
}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@tamagui/demos",
|
|
3
|
-
"version": "1.123.
|
|
3
|
+
"version": "1.123.5",
|
|
4
4
|
"sideEffects": [
|
|
5
5
|
"*.css"
|
|
6
6
|
],
|
|
@@ -45,32 +45,32 @@
|
|
|
45
45
|
}
|
|
46
46
|
},
|
|
47
47
|
"dependencies": {
|
|
48
|
-
"@tamagui/avatar": "1.123.
|
|
49
|
-
"@tamagui/button": "1.123.
|
|
50
|
-
"@tamagui/config": "1.123.
|
|
51
|
-
"@tamagui/core": "1.123.
|
|
52
|
-
"@tamagui/list-item": "1.123.
|
|
53
|
-
"@tamagui/logo": "1.123.
|
|
54
|
-
"@tamagui/lucide-icons": "1.123.
|
|
55
|
-
"@tamagui/menu": "1.123.
|
|
56
|
-
"@tamagui/popover": "1.123.
|
|
57
|
-
"@tamagui/progress": "1.123.
|
|
58
|
-
"@tamagui/radio-group": "1.123.
|
|
59
|
-
"@tamagui/select": "1.123.
|
|
60
|
-
"@tamagui/sheet": "1.123.
|
|
61
|
-
"@tamagui/slider": "1.123.
|
|
62
|
-
"@tamagui/stacks": "1.123.
|
|
63
|
-
"@tamagui/toast": "1.123.
|
|
64
|
-
"tamagui": "1.123.
|
|
48
|
+
"@tamagui/avatar": "1.123.5",
|
|
49
|
+
"@tamagui/button": "1.123.5",
|
|
50
|
+
"@tamagui/config": "1.123.5",
|
|
51
|
+
"@tamagui/core": "1.123.5",
|
|
52
|
+
"@tamagui/list-item": "1.123.5",
|
|
53
|
+
"@tamagui/logo": "1.123.5",
|
|
54
|
+
"@tamagui/lucide-icons": "1.123.5",
|
|
55
|
+
"@tamagui/menu": "1.123.5",
|
|
56
|
+
"@tamagui/popover": "1.123.5",
|
|
57
|
+
"@tamagui/progress": "1.123.5",
|
|
58
|
+
"@tamagui/radio-group": "1.123.5",
|
|
59
|
+
"@tamagui/select": "1.123.5",
|
|
60
|
+
"@tamagui/sheet": "1.123.5",
|
|
61
|
+
"@tamagui/slider": "1.123.5",
|
|
62
|
+
"@tamagui/stacks": "1.123.5",
|
|
63
|
+
"@tamagui/toast": "1.123.5",
|
|
64
|
+
"tamagui": "1.123.5"
|
|
65
65
|
},
|
|
66
66
|
"peerDependencies": {
|
|
67
67
|
"react": "*"
|
|
68
68
|
},
|
|
69
69
|
"devDependencies": {
|
|
70
|
-
"@tamagui/build": "1.123.
|
|
70
|
+
"@tamagui/build": "1.123.5",
|
|
71
71
|
"react": "*"
|
|
72
72
|
},
|
|
73
73
|
"publishConfig": {
|
|
74
74
|
"access": "public"
|
|
75
75
|
}
|
|
76
|
-
}
|
|
76
|
+
}
|
package/src/DialogDemo.tsx
CHANGED
|
@@ -10,33 +10,42 @@ import {
|
|
|
10
10
|
Sheet,
|
|
11
11
|
TooltipSimple,
|
|
12
12
|
Unspaced,
|
|
13
|
+
View,
|
|
13
14
|
XStack,
|
|
15
|
+
YStack,
|
|
14
16
|
} from 'tamagui'
|
|
15
17
|
import { SelectDemoItem } from './SelectDemo'
|
|
16
18
|
|
|
17
19
|
export function DialogDemo() {
|
|
18
|
-
return
|
|
20
|
+
return (
|
|
21
|
+
<View gap="$4">
|
|
22
|
+
<DialogInstance />
|
|
23
|
+
<DialogInstance disableAdapt />
|
|
24
|
+
</View>
|
|
25
|
+
)
|
|
19
26
|
}
|
|
20
27
|
|
|
21
|
-
function DialogInstance() {
|
|
28
|
+
function DialogInstance({ disableAdapt }: { disableAdapt?: boolean }) {
|
|
22
29
|
return (
|
|
23
30
|
<Dialog modal>
|
|
24
31
|
<Dialog.Trigger asChild>
|
|
25
|
-
<Button>Show Dialog</Button>
|
|
32
|
+
<Button>Show Dialog{disableAdapt ? ` (No Adapt)` : ''}</Button>
|
|
26
33
|
</Dialog.Trigger>
|
|
27
34
|
|
|
28
|
-
|
|
29
|
-
<
|
|
30
|
-
<Sheet
|
|
31
|
-
<
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
35
|
+
{!disableAdapt && (
|
|
36
|
+
<Adapt when="sm" platform="touch">
|
|
37
|
+
<Sheet animation="medium" zIndex={200000} modal dismissOnSnapToBottom>
|
|
38
|
+
<Sheet.Frame padding="$4" gap="$4">
|
|
39
|
+
<Adapt.Contents />
|
|
40
|
+
</Sheet.Frame>
|
|
41
|
+
<Sheet.Overlay
|
|
42
|
+
animation="lazy"
|
|
43
|
+
enterStyle={{ opacity: 0 }}
|
|
44
|
+
exitStyle={{ opacity: 0 }}
|
|
45
|
+
/>
|
|
46
|
+
</Sheet>
|
|
47
|
+
</Adapt>
|
|
48
|
+
)}
|
|
40
49
|
|
|
41
50
|
<Dialog.Portal>
|
|
42
51
|
<Dialog.Overlay
|
package/src/SelectDemo.tsx
CHANGED
|
@@ -35,23 +35,14 @@ export function SelectDemoItem(props: SelectProps) {
|
|
|
35
35
|
</Select.Trigger>
|
|
36
36
|
|
|
37
37
|
<Adapt when="sm" platform="touch">
|
|
38
|
-
<Sheet
|
|
39
|
-
native={!!props.native}
|
|
40
|
-
modal
|
|
41
|
-
dismissOnSnapToBottom
|
|
42
|
-
animationConfig={{
|
|
43
|
-
type: 'spring',
|
|
44
|
-
damping: 20,
|
|
45
|
-
mass: 1.2,
|
|
46
|
-
stiffness: 250,
|
|
47
|
-
}}
|
|
48
|
-
>
|
|
38
|
+
<Sheet native={!!props.native} modal dismissOnSnapToBottom animation="medium">
|
|
49
39
|
<Sheet.Frame>
|
|
50
40
|
<Sheet.ScrollView>
|
|
51
41
|
<Adapt.Contents />
|
|
52
42
|
</Sheet.ScrollView>
|
|
53
43
|
</Sheet.Frame>
|
|
54
44
|
<Sheet.Overlay
|
|
45
|
+
bg="$shadowColor"
|
|
55
46
|
animation="lazy"
|
|
56
47
|
enterStyle={{ opacity: 0 }}
|
|
57
48
|
exitStyle={{ opacity: 0 }}
|