@tamagui/demos 1.82.2 → 1.82.3
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/TabsAdvancedDemo.js +2 -2
- package/dist/cjs/TabsAdvancedDemo.js.map +1 -1
- package/dist/cjs/TabsAdvancedDemo.native.js +2 -2
- package/dist/cjs/TabsAdvancedDemo.native.js.map +1 -1
- package/dist/esm/TabsAdvancedDemo.js +2 -2
- package/dist/esm/TabsAdvancedDemo.js.map +1 -1
- package/dist/esm/TabsAdvancedDemo.native.js +2 -2
- package/dist/esm/TabsAdvancedDemo.native.js.map +1 -1
- package/dist/jsx/TabsAdvancedDemo.js +2 -2
- package/dist/jsx/TabsAdvancedDemo.js.map +1 -1
- package/dist/jsx/TabsAdvancedDemo.native.js +2 -2
- package/dist/jsx/TabsAdvancedDemo.native.js.map +1 -1
- package/package.json +18 -18
- package/dist/cjs/ContextMenuDemo.js +0 -194
- package/dist/cjs/ContextMenuDemo.js.map +0 -6
- package/dist/cjs/ContextMenuDemo.native.js +0 -195
- package/dist/cjs/ContextMenuDemo.native.js.map +0 -6
- package/dist/cjs/DropDownMenuDemo.js +0 -182
- package/dist/cjs/DropDownMenuDemo.js.map +0 -6
- package/dist/cjs/DropDownMenuDemo.native.js +0 -183
- package/dist/cjs/DropDownMenuDemo.native.js.map +0 -6
- package/dist/esm/ContextMenuDemo.js +0 -173
- package/dist/esm/ContextMenuDemo.js.map +0 -6
- package/dist/esm/ContextMenuDemo.native.js +0 -173
- package/dist/esm/ContextMenuDemo.native.js.map +0 -6
- package/dist/esm/DropDownMenuDemo.js +0 -160
- package/dist/esm/DropDownMenuDemo.js.map +0 -6
- package/dist/esm/DropDownMenuDemo.native.js +0 -160
- package/dist/esm/DropDownMenuDemo.native.js.map +0 -6
- package/dist/jsx/ContextMenuDemo.js +0 -147
- package/dist/jsx/ContextMenuDemo.js.map +0 -6
- package/dist/jsx/ContextMenuDemo.native.js +0 -147
- package/dist/jsx/ContextMenuDemo.native.js.map +0 -6
- package/dist/jsx/DropDownMenuDemo.js +0 -137
- package/dist/jsx/DropDownMenuDemo.js.map +0 -6
- package/dist/jsx/DropDownMenuDemo.native.js +0 -137
- package/dist/jsx/DropDownMenuDemo.native.js.map +0 -6
- package/types/ContextMenuDemo.d.ts.map +0 -1
- package/types/DropDownMenuDemo.d.ts.map +0 -1
|
@@ -1,173 +0,0 @@
|
|
|
1
|
-
import { ContextMenu } from "@tamagui/context-menu";
|
|
2
|
-
import { isAndroid, isWeb } from "@tamagui/core";
|
|
3
|
-
import { Calendar, Check } from "@tamagui/lucide-icons";
|
|
4
|
-
import { ChevronRight } from "@tamagui/lucide-icons";
|
|
5
|
-
import React from "react";
|
|
6
|
-
import { Image } from "react-native-web";
|
|
7
|
-
import { Text, YStack, useEvent } from "tamagui";
|
|
8
|
-
import { Fragment, jsx, jsxs } from "react/jsx-runtime";
|
|
9
|
-
function ContextMenuDemo() {
|
|
10
|
-
const [bookmarksChecked, setBookmarksChecked] = React.useState(!0), [native, setNative] = React.useState(!0), onSelect = useEvent(() => {
|
|
11
|
-
});
|
|
12
|
-
return /* @__PURE__ */ jsxs(ContextMenu, { allowFlip: !0, native, placement: "bottom-start", children: [
|
|
13
|
-
/* @__PURE__ */ jsx(ContextMenu.Trigger, { asChild: !0, children: /* @__PURE__ */ jsx(
|
|
14
|
-
YStack,
|
|
15
|
-
{
|
|
16
|
-
jc: "center",
|
|
17
|
-
ai: "center",
|
|
18
|
-
bw: 1,
|
|
19
|
-
boc: "$borderColor",
|
|
20
|
-
width: 250,
|
|
21
|
-
height: 200,
|
|
22
|
-
children: /* @__PURE__ */ jsx(Text, { textAlign: "center", children: "Right Click or longPress" })
|
|
23
|
-
}
|
|
24
|
-
) }),
|
|
25
|
-
/* @__PURE__ */ jsx(ContextMenu.Portal, { zIndex: 100, children: /* @__PURE__ */ jsxs(
|
|
26
|
-
ContextMenu.Content,
|
|
27
|
-
{
|
|
28
|
-
paddingHorizontal: 0,
|
|
29
|
-
maxWidth: 180,
|
|
30
|
-
borderWidth: 1,
|
|
31
|
-
ai: "flex-start",
|
|
32
|
-
borderColor: "$borderColor",
|
|
33
|
-
enterStyle: { y: -10, opacity: 0 },
|
|
34
|
-
exitStyle: { y: -10, opacity: 0 },
|
|
35
|
-
elevate: !0,
|
|
36
|
-
animation: [
|
|
37
|
-
"quick",
|
|
38
|
-
{
|
|
39
|
-
opacity: {
|
|
40
|
-
overshootClamping: !0
|
|
41
|
-
}
|
|
42
|
-
}
|
|
43
|
-
],
|
|
44
|
-
children: [
|
|
45
|
-
/* @__PURE__ */ jsx(ContextMenu.Preview, { children: () => /* @__PURE__ */ jsxs(YStack, { bc: "$green1", jc: "center", ai: "center", p: 20, children: [
|
|
46
|
-
/* @__PURE__ */ jsx(Text, { children: "Your Preview here" }),
|
|
47
|
-
/* @__PURE__ */ jsx(
|
|
48
|
-
Image,
|
|
49
|
-
{
|
|
50
|
-
width: 240,
|
|
51
|
-
height: 100,
|
|
52
|
-
resizeMode: "contain",
|
|
53
|
-
source: { uri: "https://tamagui.dev/social.png" }
|
|
54
|
-
}
|
|
55
|
-
)
|
|
56
|
-
] }) }),
|
|
57
|
-
/* @__PURE__ */ jsx(ContextMenu.Item, { onSelect, children: /* @__PURE__ */ jsx(ContextMenu.ItemTitle, { children: "About Notes" }) }, "about-notes"),
|
|
58
|
-
/* @__PURE__ */ jsx(ContextMenu.Separator, {}),
|
|
59
|
-
/* @__PURE__ */ jsxs(ContextMenu.Group, { children: [
|
|
60
|
-
/* @__PURE__ */ jsx(ContextMenu.Item, { onSelect, children: /* @__PURE__ */ jsx(ContextMenu.ItemTitle, { children: "Settings" }) }, "settings"),
|
|
61
|
-
/* @__PURE__ */ jsxs(
|
|
62
|
-
ContextMenu.Item,
|
|
63
|
-
{
|
|
64
|
-
onSelect,
|
|
65
|
-
jc: "space-between",
|
|
66
|
-
textValue: "Calender",
|
|
67
|
-
children: [
|
|
68
|
-
/* @__PURE__ */ jsx(ContextMenu.ItemTitle, { children: /* @__PURE__ */ jsx(Text, { children: "Calender" }) }),
|
|
69
|
-
/* @__PURE__ */ jsx(
|
|
70
|
-
ContextMenu.ItemIcon,
|
|
71
|
-
{
|
|
72
|
-
androidIconName: "ic_menu_today",
|
|
73
|
-
ios: {
|
|
74
|
-
name: "u.square",
|
|
75
|
-
hierarchicalColor: "#000",
|
|
76
|
-
pointSize: 20
|
|
77
|
-
},
|
|
78
|
-
children: /* @__PURE__ */ jsx(Calendar, { color: "gray", size: "$1" })
|
|
79
|
-
}
|
|
80
|
-
)
|
|
81
|
-
]
|
|
82
|
-
},
|
|
83
|
-
"accounts"
|
|
84
|
-
)
|
|
85
|
-
] }),
|
|
86
|
-
/* @__PURE__ */ jsx(ContextMenu.Separator, {}),
|
|
87
|
-
/* @__PURE__ */ jsxs(ContextMenu.Group, { children: [
|
|
88
|
-
/* @__PURE__ */ jsx(ContextMenu.Item, { onSelect, disabled: !0, children: /* @__PURE__ */ jsx(ContextMenu.ItemTitle, { color: "gray", children: "Locked" }) }, "close-notes"),
|
|
89
|
-
/* @__PURE__ */ jsx(ContextMenu.Item, { onSelect, destructive: !0, children: /* @__PURE__ */ jsx(ContextMenu.ItemTitle, { children: "Delete all" }) }, "delete-all")
|
|
90
|
-
] }),
|
|
91
|
-
/* @__PURE__ */ jsx(ContextMenu.Separator, {}),
|
|
92
|
-
/* @__PURE__ */ jsxs(ContextMenu.Sub, { placement: "right-start", children: [
|
|
93
|
-
/* @__PURE__ */ jsx(ContextMenu.SubTrigger, { jc: "space-between", children: /* @__PURE__ */ jsxs(Fragment, { children: [
|
|
94
|
-
/* @__PURE__ */ jsx(ContextMenu.ItemTitle, { children: "Actions" }),
|
|
95
|
-
!native || isWeb ? /* @__PURE__ */ jsx(ChevronRight, { size: "$1" }) : null
|
|
96
|
-
] }) }, "actions-trigger"),
|
|
97
|
-
/* @__PURE__ */ jsx(ContextMenu.Portal, { zIndex: 200, children: /* @__PURE__ */ jsxs(
|
|
98
|
-
ContextMenu.SubContent,
|
|
99
|
-
{
|
|
100
|
-
enterStyle: { y: -10, opacity: 0 },
|
|
101
|
-
exitStyle: { y: -10, opacity: 0 },
|
|
102
|
-
elevate: !0,
|
|
103
|
-
animation: [
|
|
104
|
-
"quick",
|
|
105
|
-
{
|
|
106
|
-
opacity: {
|
|
107
|
-
overshootClamping: !0
|
|
108
|
-
}
|
|
109
|
-
}
|
|
110
|
-
],
|
|
111
|
-
paddingHorizontal: 0,
|
|
112
|
-
children: [
|
|
113
|
-
/* @__PURE__ */ jsx(ContextMenu.Label, { fontSize: "$1", children: "Note settings" }),
|
|
114
|
-
/* @__PURE__ */ jsx(ContextMenu.Item, { onSelect, children: /* @__PURE__ */ jsx(ContextMenu.ItemTitle, { children: "Create note" }) }, "create-note"),
|
|
115
|
-
/* @__PURE__ */ jsx(ContextMenu.Item, { onSelect, children: /* @__PURE__ */ jsx(ContextMenu.ItemTitle, { children: "Delete all notes" }) }, "delete-all"),
|
|
116
|
-
/* @__PURE__ */ jsx(ContextMenu.Item, { onSelect, children: /* @__PURE__ */ jsx(ContextMenu.ItemTitle, { children: "Sync notes" }) }, "sync-all")
|
|
117
|
-
]
|
|
118
|
-
}
|
|
119
|
-
) })
|
|
120
|
-
] }),
|
|
121
|
-
/* @__PURE__ */ jsx(ContextMenu.Separator, { className: "DropdownMenuSeparator" }),
|
|
122
|
-
/* @__PURE__ */ jsxs(
|
|
123
|
-
ContextMenu.CheckboxItem,
|
|
124
|
-
{
|
|
125
|
-
checked: bookmarksChecked,
|
|
126
|
-
onCheckedChange: setBookmarksChecked,
|
|
127
|
-
value: bookmarksChecked ? "on" : "off",
|
|
128
|
-
onValueChange: (v) => setBookmarksChecked(v == "on"),
|
|
129
|
-
...isAndroid && native && {
|
|
130
|
-
onSelect: () => {
|
|
131
|
-
isAndroid && setBookmarksChecked(!bookmarksChecked);
|
|
132
|
-
}
|
|
133
|
-
},
|
|
134
|
-
gap: "$2",
|
|
135
|
-
children: [
|
|
136
|
-
/* @__PURE__ */ jsx(ContextMenu.ItemIndicator, { className: "DropdownMenuItemIndicator", children: /* @__PURE__ */ jsx(Check, { size: "$1" }) }),
|
|
137
|
-
/* @__PURE__ */ jsx(ContextMenu.ItemTitle, { children: "Mark as read" }),
|
|
138
|
-
isAndroid && native && bookmarksChecked && /* @__PURE__ */ jsx(ContextMenu.ItemIcon, { androidIconName: "checkbox_on_background" })
|
|
139
|
-
]
|
|
140
|
-
},
|
|
141
|
-
"show-hidden"
|
|
142
|
-
),
|
|
143
|
-
/* @__PURE__ */ jsxs(
|
|
144
|
-
ContextMenu.CheckboxItem,
|
|
145
|
-
{
|
|
146
|
-
checked: native,
|
|
147
|
-
onCheckedChange: setNative,
|
|
148
|
-
value: native ? "on" : "off",
|
|
149
|
-
onValueChange: (v) => setNative(v == "on"),
|
|
150
|
-
...isAndroid && native && {
|
|
151
|
-
onSelect: () => {
|
|
152
|
-
setNative(!native);
|
|
153
|
-
}
|
|
154
|
-
},
|
|
155
|
-
gap: "$2",
|
|
156
|
-
children: [
|
|
157
|
-
/* @__PURE__ */ jsx(ContextMenu.ItemIndicator, { children: /* @__PURE__ */ jsx(Check, { size: "$1" }) }),
|
|
158
|
-
/* @__PURE__ */ jsx(ContextMenu.ItemTitle, { children: "Enable Native" }),
|
|
159
|
-
isAndroid && native && /* @__PURE__ */ jsx(ContextMenu.ItemIcon, { androidIconName: "checkbox_on_background" })
|
|
160
|
-
]
|
|
161
|
-
},
|
|
162
|
-
"show-other-notes"
|
|
163
|
-
),
|
|
164
|
-
/* @__PURE__ */ jsx(ContextMenu.Arrow, { size: "$2" })
|
|
165
|
-
]
|
|
166
|
-
}
|
|
167
|
-
) })
|
|
168
|
-
] });
|
|
169
|
-
}
|
|
170
|
-
export {
|
|
171
|
-
ContextMenuDemo
|
|
172
|
-
};
|
|
173
|
-
//# sourceMappingURL=ContextMenuDemo.js.map
|
|
@@ -1,6 +0,0 @@
|
|
|
1
|
-
{
|
|
2
|
-
"version": 3,
|
|
3
|
-
"sources": ["../../src/ContextMenuDemo.tsx"],
|
|
4
|
-
"mappings": "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",
|
|
5
|
-
"names": []
|
|
6
|
-
}
|
|
@@ -1,173 +0,0 @@
|
|
|
1
|
-
import { ContextMenu } from "@tamagui/context-menu";
|
|
2
|
-
import { isAndroid, isWeb } from "@tamagui/core";
|
|
3
|
-
import { Calendar, Check } from "@tamagui/lucide-icons";
|
|
4
|
-
import { ChevronRight } from "@tamagui/lucide-icons";
|
|
5
|
-
import React from "react";
|
|
6
|
-
import { Image } from "react-native";
|
|
7
|
-
import { Text, YStack, useEvent } from "tamagui";
|
|
8
|
-
import { Fragment, jsx, jsxs } from "react/jsx-runtime";
|
|
9
|
-
function ContextMenuDemo() {
|
|
10
|
-
const [bookmarksChecked, setBookmarksChecked] = React.useState(!0), [native, setNative] = React.useState(!0), onSelect = useEvent(() => {
|
|
11
|
-
});
|
|
12
|
-
return /* @__PURE__ */ jsxs(ContextMenu, { allowFlip: !0, native, placement: "bottom-start", children: [
|
|
13
|
-
/* @__PURE__ */ jsx(ContextMenu.Trigger, { asChild: !0, children: /* @__PURE__ */ jsx(
|
|
14
|
-
YStack,
|
|
15
|
-
{
|
|
16
|
-
jc: "center",
|
|
17
|
-
ai: "center",
|
|
18
|
-
bw: 1,
|
|
19
|
-
boc: "$borderColor",
|
|
20
|
-
width: 250,
|
|
21
|
-
height: 200,
|
|
22
|
-
children: /* @__PURE__ */ jsx(Text, { textAlign: "center", children: "Right Click or longPress" })
|
|
23
|
-
}
|
|
24
|
-
) }),
|
|
25
|
-
/* @__PURE__ */ jsx(ContextMenu.Portal, { zIndex: 100, children: /* @__PURE__ */ jsxs(
|
|
26
|
-
ContextMenu.Content,
|
|
27
|
-
{
|
|
28
|
-
paddingHorizontal: 0,
|
|
29
|
-
maxWidth: 180,
|
|
30
|
-
borderWidth: 1,
|
|
31
|
-
ai: "flex-start",
|
|
32
|
-
borderColor: "$borderColor",
|
|
33
|
-
enterStyle: { y: -10, opacity: 0 },
|
|
34
|
-
exitStyle: { y: -10, opacity: 0 },
|
|
35
|
-
elevate: !0,
|
|
36
|
-
animation: [
|
|
37
|
-
"quick",
|
|
38
|
-
{
|
|
39
|
-
opacity: {
|
|
40
|
-
overshootClamping: !0
|
|
41
|
-
}
|
|
42
|
-
}
|
|
43
|
-
],
|
|
44
|
-
children: [
|
|
45
|
-
/* @__PURE__ */ jsx(ContextMenu.Preview, { children: () => /* @__PURE__ */ jsxs(YStack, { bc: "$green1", jc: "center", ai: "center", p: 20, children: [
|
|
46
|
-
/* @__PURE__ */ jsx(Text, { children: "Your Preview here" }),
|
|
47
|
-
/* @__PURE__ */ jsx(
|
|
48
|
-
Image,
|
|
49
|
-
{
|
|
50
|
-
width: 240,
|
|
51
|
-
height: 100,
|
|
52
|
-
resizeMode: "contain",
|
|
53
|
-
source: { uri: "https://tamagui.dev/social.png" }
|
|
54
|
-
}
|
|
55
|
-
)
|
|
56
|
-
] }) }),
|
|
57
|
-
/* @__PURE__ */ jsx(ContextMenu.Item, { onSelect, children: /* @__PURE__ */ jsx(ContextMenu.ItemTitle, { children: "About Notes" }) }, "about-notes"),
|
|
58
|
-
/* @__PURE__ */ jsx(ContextMenu.Separator, {}),
|
|
59
|
-
/* @__PURE__ */ jsxs(ContextMenu.Group, { children: [
|
|
60
|
-
/* @__PURE__ */ jsx(ContextMenu.Item, { onSelect, children: /* @__PURE__ */ jsx(ContextMenu.ItemTitle, { children: "Settings" }) }, "settings"),
|
|
61
|
-
/* @__PURE__ */ jsxs(
|
|
62
|
-
ContextMenu.Item,
|
|
63
|
-
{
|
|
64
|
-
onSelect,
|
|
65
|
-
jc: "space-between",
|
|
66
|
-
textValue: "Calender",
|
|
67
|
-
children: [
|
|
68
|
-
/* @__PURE__ */ jsx(ContextMenu.ItemTitle, { children: /* @__PURE__ */ jsx(Text, { children: "Calender" }) }),
|
|
69
|
-
/* @__PURE__ */ jsx(
|
|
70
|
-
ContextMenu.ItemIcon,
|
|
71
|
-
{
|
|
72
|
-
androidIconName: "ic_menu_today",
|
|
73
|
-
ios: {
|
|
74
|
-
name: "u.square",
|
|
75
|
-
hierarchicalColor: "#000",
|
|
76
|
-
pointSize: 20
|
|
77
|
-
},
|
|
78
|
-
children: /* @__PURE__ */ jsx(Calendar, { color: "gray", size: "$1" })
|
|
79
|
-
}
|
|
80
|
-
)
|
|
81
|
-
]
|
|
82
|
-
},
|
|
83
|
-
"accounts"
|
|
84
|
-
)
|
|
85
|
-
] }),
|
|
86
|
-
/* @__PURE__ */ jsx(ContextMenu.Separator, {}),
|
|
87
|
-
/* @__PURE__ */ jsxs(ContextMenu.Group, { children: [
|
|
88
|
-
/* @__PURE__ */ jsx(ContextMenu.Item, { onSelect, disabled: !0, children: /* @__PURE__ */ jsx(ContextMenu.ItemTitle, { color: "gray", children: "Locked" }) }, "close-notes"),
|
|
89
|
-
/* @__PURE__ */ jsx(ContextMenu.Item, { onSelect, destructive: !0, children: /* @__PURE__ */ jsx(ContextMenu.ItemTitle, { children: "Delete all" }) }, "delete-all")
|
|
90
|
-
] }),
|
|
91
|
-
/* @__PURE__ */ jsx(ContextMenu.Separator, {}),
|
|
92
|
-
/* @__PURE__ */ jsxs(ContextMenu.Sub, { placement: "right-start", children: [
|
|
93
|
-
/* @__PURE__ */ jsx(ContextMenu.SubTrigger, { jc: "space-between", children: /* @__PURE__ */ jsxs(Fragment, { children: [
|
|
94
|
-
/* @__PURE__ */ jsx(ContextMenu.ItemTitle, { children: "Actions" }),
|
|
95
|
-
!native || isWeb ? /* @__PURE__ */ jsx(ChevronRight, { size: "$1" }) : null
|
|
96
|
-
] }) }, "actions-trigger"),
|
|
97
|
-
/* @__PURE__ */ jsx(ContextMenu.Portal, { zIndex: 200, children: /* @__PURE__ */ jsxs(
|
|
98
|
-
ContextMenu.SubContent,
|
|
99
|
-
{
|
|
100
|
-
enterStyle: { y: -10, opacity: 0 },
|
|
101
|
-
exitStyle: { y: -10, opacity: 0 },
|
|
102
|
-
elevate: !0,
|
|
103
|
-
animation: [
|
|
104
|
-
"quick",
|
|
105
|
-
{
|
|
106
|
-
opacity: {
|
|
107
|
-
overshootClamping: !0
|
|
108
|
-
}
|
|
109
|
-
}
|
|
110
|
-
],
|
|
111
|
-
paddingHorizontal: 0,
|
|
112
|
-
children: [
|
|
113
|
-
/* @__PURE__ */ jsx(ContextMenu.Label, { fontSize: "$1", children: "Note settings" }),
|
|
114
|
-
/* @__PURE__ */ jsx(ContextMenu.Item, { onSelect, children: /* @__PURE__ */ jsx(ContextMenu.ItemTitle, { children: "Create note" }) }, "create-note"),
|
|
115
|
-
/* @__PURE__ */ jsx(ContextMenu.Item, { onSelect, children: /* @__PURE__ */ jsx(ContextMenu.ItemTitle, { children: "Delete all notes" }) }, "delete-all"),
|
|
116
|
-
/* @__PURE__ */ jsx(ContextMenu.Item, { onSelect, children: /* @__PURE__ */ jsx(ContextMenu.ItemTitle, { children: "Sync notes" }) }, "sync-all")
|
|
117
|
-
]
|
|
118
|
-
}
|
|
119
|
-
) })
|
|
120
|
-
] }),
|
|
121
|
-
/* @__PURE__ */ jsx(ContextMenu.Separator, { className: "DropdownMenuSeparator" }),
|
|
122
|
-
/* @__PURE__ */ jsxs(
|
|
123
|
-
ContextMenu.CheckboxItem,
|
|
124
|
-
{
|
|
125
|
-
checked: bookmarksChecked,
|
|
126
|
-
onCheckedChange: setBookmarksChecked,
|
|
127
|
-
value: bookmarksChecked ? "on" : "off",
|
|
128
|
-
onValueChange: (v) => setBookmarksChecked(v == "on"),
|
|
129
|
-
...isAndroid && native && {
|
|
130
|
-
onSelect: () => {
|
|
131
|
-
isAndroid && setBookmarksChecked(!bookmarksChecked);
|
|
132
|
-
}
|
|
133
|
-
},
|
|
134
|
-
gap: "$2",
|
|
135
|
-
children: [
|
|
136
|
-
/* @__PURE__ */ jsx(ContextMenu.ItemIndicator, { className: "DropdownMenuItemIndicator", children: /* @__PURE__ */ jsx(Check, { size: "$1" }) }),
|
|
137
|
-
/* @__PURE__ */ jsx(ContextMenu.ItemTitle, { children: "Mark as read" }),
|
|
138
|
-
isAndroid && native && bookmarksChecked && /* @__PURE__ */ jsx(ContextMenu.ItemIcon, { androidIconName: "checkbox_on_background" })
|
|
139
|
-
]
|
|
140
|
-
},
|
|
141
|
-
"show-hidden"
|
|
142
|
-
),
|
|
143
|
-
/* @__PURE__ */ jsxs(
|
|
144
|
-
ContextMenu.CheckboxItem,
|
|
145
|
-
{
|
|
146
|
-
checked: native,
|
|
147
|
-
onCheckedChange: setNative,
|
|
148
|
-
value: native ? "on" : "off",
|
|
149
|
-
onValueChange: (v) => setNative(v == "on"),
|
|
150
|
-
...isAndroid && native && {
|
|
151
|
-
onSelect: () => {
|
|
152
|
-
setNative(!native);
|
|
153
|
-
}
|
|
154
|
-
},
|
|
155
|
-
gap: "$2",
|
|
156
|
-
children: [
|
|
157
|
-
/* @__PURE__ */ jsx(ContextMenu.ItemIndicator, { children: /* @__PURE__ */ jsx(Check, { size: "$1" }) }),
|
|
158
|
-
/* @__PURE__ */ jsx(ContextMenu.ItemTitle, { children: "Enable Native" }),
|
|
159
|
-
isAndroid && native && /* @__PURE__ */ jsx(ContextMenu.ItemIcon, { androidIconName: "checkbox_on_background" })
|
|
160
|
-
]
|
|
161
|
-
},
|
|
162
|
-
"show-other-notes"
|
|
163
|
-
),
|
|
164
|
-
/* @__PURE__ */ jsx(ContextMenu.Arrow, { size: "$2" })
|
|
165
|
-
]
|
|
166
|
-
}
|
|
167
|
-
) })
|
|
168
|
-
] });
|
|
169
|
-
}
|
|
170
|
-
export {
|
|
171
|
-
ContextMenuDemo
|
|
172
|
-
};
|
|
173
|
-
//# sourceMappingURL=ContextMenuDemo.js.map
|
|
@@ -1,6 +0,0 @@
|
|
|
1
|
-
{
|
|
2
|
-
"version": 3,
|
|
3
|
-
"sources": ["../../src/ContextMenuDemo.tsx"],
|
|
4
|
-
"mappings": "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",
|
|
5
|
-
"names": []
|
|
6
|
-
}
|
|
@@ -1,160 +0,0 @@
|
|
|
1
|
-
import { isAndroid, isWeb } from "@tamagui/core";
|
|
2
|
-
import { DropdownMenu } from "@tamagui/dropdown-menu";
|
|
3
|
-
import { Backpack, Calendar, Check } from "@tamagui/lucide-icons";
|
|
4
|
-
import { ChevronRight } from "@tamagui/lucide-icons";
|
|
5
|
-
import React from "react";
|
|
6
|
-
import { Button, Text, useEvent } from "tamagui";
|
|
7
|
-
import { Fragment, jsx, jsxs } from "react/jsx-runtime";
|
|
8
|
-
function DropDownMenuDemo() {
|
|
9
|
-
const [bookmarksChecked, setBookmarksChecked] = React.useState(!0), [native, setNative] = React.useState(!1), onSelect = useEvent(() => {
|
|
10
|
-
});
|
|
11
|
-
return /* @__PURE__ */ jsxs(
|
|
12
|
-
DropdownMenu,
|
|
13
|
-
{
|
|
14
|
-
offset: {
|
|
15
|
-
crossAxis: 25
|
|
16
|
-
},
|
|
17
|
-
allowFlip: !0,
|
|
18
|
-
native,
|
|
19
|
-
placement: "bottom-start",
|
|
20
|
-
children: [
|
|
21
|
-
/* @__PURE__ */ jsx(DropdownMenu.Trigger, { asChild: !0, children: /* @__PURE__ */ jsx(Button, { width: 60, children: /* @__PURE__ */ jsx(Backpack, {}) }) }),
|
|
22
|
-
/* @__PURE__ */ jsx(DropdownMenu.Portal, { zIndex: 100, children: /* @__PURE__ */ jsxs(
|
|
23
|
-
DropdownMenu.Content,
|
|
24
|
-
{
|
|
25
|
-
paddingHorizontal: 0,
|
|
26
|
-
maxWidth: 180,
|
|
27
|
-
borderWidth: 1,
|
|
28
|
-
ai: "flex-start",
|
|
29
|
-
borderColor: "$borderColor",
|
|
30
|
-
enterStyle: { y: -10, opacity: 0 },
|
|
31
|
-
exitStyle: { y: -10, opacity: 0 },
|
|
32
|
-
elevate: !0,
|
|
33
|
-
animation: [
|
|
34
|
-
"quick",
|
|
35
|
-
{
|
|
36
|
-
opacity: {
|
|
37
|
-
overshootClamping: !0
|
|
38
|
-
}
|
|
39
|
-
}
|
|
40
|
-
],
|
|
41
|
-
children: [
|
|
42
|
-
/* @__PURE__ */ jsx(DropdownMenu.Item, { onSelect, children: /* @__PURE__ */ jsx(DropdownMenu.ItemTitle, { children: "About Notes" }) }, "about-notes"),
|
|
43
|
-
/* @__PURE__ */ jsx(DropdownMenu.Separator, {}),
|
|
44
|
-
/* @__PURE__ */ jsxs(DropdownMenu.Group, { children: [
|
|
45
|
-
/* @__PURE__ */ jsx(DropdownMenu.Item, { onSelect, children: /* @__PURE__ */ jsx(DropdownMenu.ItemTitle, { children: "Settings" }) }, "settings"),
|
|
46
|
-
/* @__PURE__ */ jsxs(
|
|
47
|
-
DropdownMenu.Item,
|
|
48
|
-
{
|
|
49
|
-
onSelect,
|
|
50
|
-
jc: "space-between",
|
|
51
|
-
textValue: "Calender",
|
|
52
|
-
children: [
|
|
53
|
-
/* @__PURE__ */ jsx(DropdownMenu.ItemTitle, { children: /* @__PURE__ */ jsx(Text, { children: "Calender" }) }),
|
|
54
|
-
/* @__PURE__ */ jsx(
|
|
55
|
-
DropdownMenu.ItemIcon,
|
|
56
|
-
{
|
|
57
|
-
androidIconName: "ic_menu_today",
|
|
58
|
-
ios: {
|
|
59
|
-
name: "u.square",
|
|
60
|
-
hierarchicalColor: "#000",
|
|
61
|
-
pointSize: 20
|
|
62
|
-
},
|
|
63
|
-
children: /* @__PURE__ */ jsx(Calendar, { color: "gray", size: "$1" })
|
|
64
|
-
}
|
|
65
|
-
)
|
|
66
|
-
]
|
|
67
|
-
},
|
|
68
|
-
"accounts"
|
|
69
|
-
)
|
|
70
|
-
] }),
|
|
71
|
-
/* @__PURE__ */ jsx(DropdownMenu.Separator, {}),
|
|
72
|
-
/* @__PURE__ */ jsxs(DropdownMenu.Group, { children: [
|
|
73
|
-
/* @__PURE__ */ jsx(DropdownMenu.Item, { onSelect, disabled: !0, children: /* @__PURE__ */ jsx(DropdownMenu.ItemTitle, { color: "gray", children: "Locked" }) }, "close-notes"),
|
|
74
|
-
/* @__PURE__ */ jsx(DropdownMenu.Item, { onSelect, destructive: !0, children: /* @__PURE__ */ jsx(DropdownMenu.ItemTitle, { children: "Delete all" }) }, "delete-all")
|
|
75
|
-
] }),
|
|
76
|
-
/* @__PURE__ */ jsx(DropdownMenu.Separator, {}),
|
|
77
|
-
/* @__PURE__ */ jsxs(DropdownMenu.Sub, { placement: "right-start", children: [
|
|
78
|
-
/* @__PURE__ */ jsx(DropdownMenu.SubTrigger, { jc: "space-between", children: /* @__PURE__ */ jsxs(Fragment, { children: [
|
|
79
|
-
/* @__PURE__ */ jsx(DropdownMenu.ItemTitle, { children: "Actions" }),
|
|
80
|
-
!native || isWeb ? /* @__PURE__ */ jsx(ChevronRight, { size: "$1" }) : null
|
|
81
|
-
] }) }, "actions-trigger"),
|
|
82
|
-
/* @__PURE__ */ jsx(DropdownMenu.Portal, { zIndex: 200, children: /* @__PURE__ */ jsxs(
|
|
83
|
-
DropdownMenu.SubContent,
|
|
84
|
-
{
|
|
85
|
-
enterStyle: { y: -10, opacity: 0 },
|
|
86
|
-
exitStyle: { y: -10, opacity: 0 },
|
|
87
|
-
elevate: !0,
|
|
88
|
-
animation: [
|
|
89
|
-
"quick",
|
|
90
|
-
{
|
|
91
|
-
opacity: {
|
|
92
|
-
overshootClamping: !0
|
|
93
|
-
}
|
|
94
|
-
}
|
|
95
|
-
],
|
|
96
|
-
paddingHorizontal: 0,
|
|
97
|
-
children: [
|
|
98
|
-
/* @__PURE__ */ jsx(DropdownMenu.Label, { fontSize: "$1", children: "Note settings" }),
|
|
99
|
-
/* @__PURE__ */ jsx(DropdownMenu.Item, { onSelect, children: /* @__PURE__ */ jsx(DropdownMenu.ItemTitle, { children: "Create note" }) }, "create-note"),
|
|
100
|
-
/* @__PURE__ */ jsx(DropdownMenu.Item, { onSelect, children: /* @__PURE__ */ jsx(DropdownMenu.ItemTitle, { children: "Delete all notes" }) }, "delete-all"),
|
|
101
|
-
/* @__PURE__ */ jsx(DropdownMenu.Item, { onSelect, children: /* @__PURE__ */ jsx(DropdownMenu.ItemTitle, { children: "Sync notes" }) }, "sync-all")
|
|
102
|
-
]
|
|
103
|
-
}
|
|
104
|
-
) })
|
|
105
|
-
] }),
|
|
106
|
-
/* @__PURE__ */ jsx(DropdownMenu.Separator, { className: "DropdownMenuSeparator" }),
|
|
107
|
-
/* @__PURE__ */ jsxs(
|
|
108
|
-
DropdownMenu.CheckboxItem,
|
|
109
|
-
{
|
|
110
|
-
checked: bookmarksChecked,
|
|
111
|
-
onCheckedChange: setBookmarksChecked,
|
|
112
|
-
value: bookmarksChecked ? "on" : "off",
|
|
113
|
-
onValueChange: (v) => setBookmarksChecked(v == "on"),
|
|
114
|
-
...isAndroid && native && {
|
|
115
|
-
onSelect: () => {
|
|
116
|
-
isAndroid && setBookmarksChecked(!bookmarksChecked);
|
|
117
|
-
}
|
|
118
|
-
},
|
|
119
|
-
gap: "$2",
|
|
120
|
-
children: [
|
|
121
|
-
/* @__PURE__ */ jsx(DropdownMenu.ItemIndicator, { className: "DropdownMenuItemIndicator", children: /* @__PURE__ */ jsx(Check, { size: "$1" }) }),
|
|
122
|
-
/* @__PURE__ */ jsx(DropdownMenu.ItemTitle, { children: "Mark as read" }),
|
|
123
|
-
isAndroid && native && bookmarksChecked && /* @__PURE__ */ jsx(DropdownMenu.ItemIcon, { androidIconName: "checkbox_on_background" })
|
|
124
|
-
]
|
|
125
|
-
},
|
|
126
|
-
"show-hidden"
|
|
127
|
-
),
|
|
128
|
-
/* @__PURE__ */ jsxs(
|
|
129
|
-
DropdownMenu.CheckboxItem,
|
|
130
|
-
{
|
|
131
|
-
checked: native,
|
|
132
|
-
onCheckedChange: setNative,
|
|
133
|
-
value: native ? "on" : "off",
|
|
134
|
-
onValueChange: (v) => setNative(v == "on"),
|
|
135
|
-
...isAndroid && native && {
|
|
136
|
-
onSelect: () => {
|
|
137
|
-
setNative(!native);
|
|
138
|
-
}
|
|
139
|
-
},
|
|
140
|
-
gap: "$2",
|
|
141
|
-
children: [
|
|
142
|
-
/* @__PURE__ */ jsx(DropdownMenu.ItemIndicator, { children: /* @__PURE__ */ jsx(Check, { size: "$1" }) }),
|
|
143
|
-
/* @__PURE__ */ jsx(DropdownMenu.ItemTitle, { children: "Enable Native" }),
|
|
144
|
-
isAndroid && native && /* @__PURE__ */ jsx(DropdownMenu.ItemIcon, { androidIconName: "checkbox_on_background" })
|
|
145
|
-
]
|
|
146
|
-
},
|
|
147
|
-
"show-other-notes"
|
|
148
|
-
),
|
|
149
|
-
/* @__PURE__ */ jsx(DropdownMenu.Arrow, { size: "$2" })
|
|
150
|
-
]
|
|
151
|
-
}
|
|
152
|
-
) })
|
|
153
|
-
]
|
|
154
|
-
}
|
|
155
|
-
);
|
|
156
|
-
}
|
|
157
|
-
export {
|
|
158
|
-
DropDownMenuDemo
|
|
159
|
-
};
|
|
160
|
-
//# sourceMappingURL=DropDownMenuDemo.js.map
|
|
@@ -1,6 +0,0 @@
|
|
|
1
|
-
{
|
|
2
|
-
"version": 3,
|
|
3
|
-
"sources": ["../../src/DropDownMenuDemo.tsx"],
|
|
4
|
-
"mappings": "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",
|
|
5
|
-
"names": []
|
|
6
|
-
}
|