@tamagui/demos 1.138.6 → 1.139.0
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/package.json +31 -31
- package/dist/cjs/ContextMenuDemo.cjs +0 -231
- package/dist/cjs/ContextMenuDemo.js +0 -185
- package/dist/cjs/ContextMenuDemo.js.map +0 -6
- package/dist/cjs/ContextMenuDemo.native.js +0 -238
- package/dist/cjs/ContextMenuDemo.native.js.map +0 -1
- package/dist/cjs/MenuDemo.cjs +0 -225
- package/dist/cjs/MenuDemo.js +0 -180
- package/dist/cjs/MenuDemo.js.map +0 -6
- package/dist/cjs/MenuDemo.native.js +0 -230
- package/dist/cjs/MenuDemo.native.js.map +0 -1
- package/dist/esm/ContextMenuDemo.js +0 -165
- package/dist/esm/ContextMenuDemo.js.map +0 -6
- package/dist/esm/ContextMenuDemo.mjs +0 -197
- package/dist/esm/ContextMenuDemo.mjs.map +0 -1
- package/dist/esm/ContextMenuDemo.native.js +0 -201
- package/dist/esm/ContextMenuDemo.native.js.map +0 -1
- package/dist/esm/MenuDemo.js +0 -161
- package/dist/esm/MenuDemo.js.map +0 -6
- package/dist/esm/MenuDemo.mjs +0 -191
- package/dist/esm/MenuDemo.mjs.map +0 -1
- package/dist/esm/MenuDemo.native.js +0 -193
- package/dist/esm/MenuDemo.native.js.map +0 -1
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@tamagui/demos",
|
|
3
|
-
"version": "1.
|
|
3
|
+
"version": "1.139.0",
|
|
4
4
|
"type": "module",
|
|
5
5
|
"sideEffects": [
|
|
6
6
|
"*.css"
|
|
@@ -46,42 +46,42 @@
|
|
|
46
46
|
}
|
|
47
47
|
},
|
|
48
48
|
"dependencies": {
|
|
49
|
-
"@tamagui/animate-presence": "1.
|
|
50
|
-
"@tamagui/avatar": "1.
|
|
51
|
-
"@tamagui/button": "1.
|
|
52
|
-
"@tamagui/checkbox": "1.
|
|
53
|
-
"@tamagui/checkbox-headless": "1.
|
|
54
|
-
"@tamagui/config": "1.
|
|
55
|
-
"@tamagui/core": "1.
|
|
56
|
-
"@tamagui/get-button-sized": "1.
|
|
57
|
-
"@tamagui/image-next": "1.
|
|
58
|
-
"@tamagui/list-item": "1.
|
|
59
|
-
"@tamagui/logo": "1.
|
|
60
|
-
"@tamagui/lucide-icons": "1.
|
|
61
|
-
"@tamagui/menu": "1.
|
|
62
|
-
"@tamagui/popover": "1.
|
|
63
|
-
"@tamagui/progress": "1.
|
|
64
|
-
"@tamagui/radio-group": "1.
|
|
65
|
-
"@tamagui/radio-headless": "1.
|
|
66
|
-
"@tamagui/roving-focus": "1.
|
|
67
|
-
"@tamagui/select": "1.
|
|
68
|
-
"@tamagui/sheet": "1.
|
|
69
|
-
"@tamagui/slider": "1.
|
|
70
|
-
"@tamagui/stacks": "1.
|
|
71
|
-
"@tamagui/switch": "1.
|
|
72
|
-
"@tamagui/switch-headless": "1.
|
|
73
|
-
"@tamagui/tabs": "1.
|
|
74
|
-
"@tamagui/tamagui-dev-config": "1.
|
|
75
|
-
"@tamagui/theme": "1.
|
|
76
|
-
"@tamagui/toast": "1.
|
|
77
|
-
"tamagui": "1.
|
|
49
|
+
"@tamagui/animate-presence": "1.139.0",
|
|
50
|
+
"@tamagui/avatar": "1.139.0",
|
|
51
|
+
"@tamagui/button": "1.139.0",
|
|
52
|
+
"@tamagui/checkbox": "1.139.0",
|
|
53
|
+
"@tamagui/checkbox-headless": "1.139.0",
|
|
54
|
+
"@tamagui/config": "1.139.0",
|
|
55
|
+
"@tamagui/core": "1.139.0",
|
|
56
|
+
"@tamagui/get-button-sized": "1.139.0",
|
|
57
|
+
"@tamagui/image-next": "1.139.0",
|
|
58
|
+
"@tamagui/list-item": "1.139.0",
|
|
59
|
+
"@tamagui/logo": "1.139.0",
|
|
60
|
+
"@tamagui/lucide-icons": "1.139.0",
|
|
61
|
+
"@tamagui/menu": "1.139.0",
|
|
62
|
+
"@tamagui/popover": "1.139.0",
|
|
63
|
+
"@tamagui/progress": "1.139.0",
|
|
64
|
+
"@tamagui/radio-group": "1.139.0",
|
|
65
|
+
"@tamagui/radio-headless": "1.139.0",
|
|
66
|
+
"@tamagui/roving-focus": "1.139.0",
|
|
67
|
+
"@tamagui/select": "1.139.0",
|
|
68
|
+
"@tamagui/sheet": "1.139.0",
|
|
69
|
+
"@tamagui/slider": "1.139.0",
|
|
70
|
+
"@tamagui/stacks": "1.139.0",
|
|
71
|
+
"@tamagui/switch": "1.139.0",
|
|
72
|
+
"@tamagui/switch-headless": "1.139.0",
|
|
73
|
+
"@tamagui/tabs": "1.139.0",
|
|
74
|
+
"@tamagui/tamagui-dev-config": "1.139.0",
|
|
75
|
+
"@tamagui/theme": "1.139.0",
|
|
76
|
+
"@tamagui/toast": "1.139.0",
|
|
77
|
+
"tamagui": "1.139.0"
|
|
78
78
|
},
|
|
79
79
|
"peerDependencies": {
|
|
80
80
|
"react": "*",
|
|
81
81
|
"react-native": "*"
|
|
82
82
|
},
|
|
83
83
|
"devDependencies": {
|
|
84
|
-
"@tamagui/build": "1.
|
|
84
|
+
"@tamagui/build": "1.139.0",
|
|
85
85
|
"react": "*",
|
|
86
86
|
"react-native": "0.81.5"
|
|
87
87
|
},
|
|
@@ -1,231 +0,0 @@
|
|
|
1
|
-
var __create = Object.create;
|
|
2
|
-
var __defProp = Object.defineProperty;
|
|
3
|
-
var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
|
|
4
|
-
var __getOwnPropNames = Object.getOwnPropertyNames;
|
|
5
|
-
var __getProtoOf = Object.getPrototypeOf,
|
|
6
|
-
__hasOwnProp = Object.prototype.hasOwnProperty;
|
|
7
|
-
var __export = (target, all) => {
|
|
8
|
-
for (var name in all) __defProp(target, name, {
|
|
9
|
-
get: all[name],
|
|
10
|
-
enumerable: !0
|
|
11
|
-
});
|
|
12
|
-
},
|
|
13
|
-
__copyProps = (to, from, except, desc) => {
|
|
14
|
-
if (from && typeof from == "object" || typeof from == "function") for (let key of __getOwnPropNames(from)) !__hasOwnProp.call(to, key) && key !== except && __defProp(to, key, {
|
|
15
|
-
get: () => from[key],
|
|
16
|
-
enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
|
|
17
|
-
});
|
|
18
|
-
return to;
|
|
19
|
-
};
|
|
20
|
-
var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
|
|
21
|
-
// If the importer is in node compatibility mode or this is not an ESM
|
|
22
|
-
// file that has been converted to a CommonJS file using a Babel-
|
|
23
|
-
// compatible transform (i.e. "__esModule" has not been set), then set
|
|
24
|
-
// "default" to the CommonJS "module.exports" for node compatibility.
|
|
25
|
-
isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", {
|
|
26
|
-
value: mod,
|
|
27
|
-
enumerable: !0
|
|
28
|
-
}) : target, mod)),
|
|
29
|
-
__toCommonJS = mod => __copyProps(__defProp({}, "__esModule", {
|
|
30
|
-
value: !0
|
|
31
|
-
}), mod);
|
|
32
|
-
var ContextMenuDemo_exports = {};
|
|
33
|
-
__export(ContextMenuDemo_exports, {
|
|
34
|
-
ContextMenuDemo: () => ContextMenuDemo
|
|
35
|
-
});
|
|
36
|
-
module.exports = __toCommonJS(ContextMenuDemo_exports);
|
|
37
|
-
var import_context_menu = require("@tamagui/context-menu"),
|
|
38
|
-
import_lucide_icons = require("@tamagui/lucide-icons"),
|
|
39
|
-
import_react = __toESM(require("react"), 1),
|
|
40
|
-
import_tamagui = require("tamagui"),
|
|
41
|
-
import_jsx_runtime = require("react/jsx-runtime");
|
|
42
|
-
const Item = (0, import_tamagui.styled)(import_context_menu.ContextMenu.Item, {
|
|
43
|
-
paddingVertical: 4,
|
|
44
|
-
hoverStyle: {
|
|
45
|
-
backgroundColor: "$color2"
|
|
46
|
-
},
|
|
47
|
-
pressStyle: {
|
|
48
|
-
backgroundColor: "$color3"
|
|
49
|
-
}
|
|
50
|
-
}),
|
|
51
|
-
ItemTitle = (0, import_tamagui.styled)(import_context_menu.ContextMenu.ItemTitle, {
|
|
52
|
-
color: "$color11"
|
|
53
|
-
});
|
|
54
|
-
Item.displayName = "Item";
|
|
55
|
-
ItemTitle.displayName = "ItemTitle";
|
|
56
|
-
function ContextMenuDemo() {
|
|
57
|
-
const [bookmarksChecked, setBookmarksChecked] = import_react.default.useState(!0),
|
|
58
|
-
[native, setNative] = import_react.default.useState(!0),
|
|
59
|
-
onSelect = () => {
|
|
60
|
-
console.info("onSelect");
|
|
61
|
-
};
|
|
62
|
-
return /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_context_menu.ContextMenu, {
|
|
63
|
-
allowFlip: !0,
|
|
64
|
-
native,
|
|
65
|
-
placement: "right-start",
|
|
66
|
-
children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_context_menu.ContextMenu.Trigger, {
|
|
67
|
-
asChild: !0,
|
|
68
|
-
children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Text, {
|
|
69
|
-
textAlign: "center",
|
|
70
|
-
selectable: !1,
|
|
71
|
-
children: "Right Click or longPress"
|
|
72
|
-
})
|
|
73
|
-
}), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_context_menu.ContextMenu.Portal, {
|
|
74
|
-
zIndex: 100,
|
|
75
|
-
children: /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_context_menu.ContextMenu.Content, {
|
|
76
|
-
paddingHorizontal: 0,
|
|
77
|
-
borderWidth: 1,
|
|
78
|
-
ai: "flex-start",
|
|
79
|
-
borderColor: "$borderColor",
|
|
80
|
-
enterStyle: {
|
|
81
|
-
y: -10,
|
|
82
|
-
opacity: 0
|
|
83
|
-
},
|
|
84
|
-
exitStyle: {
|
|
85
|
-
y: -10,
|
|
86
|
-
opacity: 0
|
|
87
|
-
},
|
|
88
|
-
elevate: !0,
|
|
89
|
-
animation: ["quick", {
|
|
90
|
-
opacity: {
|
|
91
|
-
overshootClamping: !0
|
|
92
|
-
}
|
|
93
|
-
}],
|
|
94
|
-
children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_context_menu.ContextMenu.Preview, {
|
|
95
|
-
children: () => /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.YStack, {
|
|
96
|
-
alignItems: "center",
|
|
97
|
-
justifyContent: "center",
|
|
98
|
-
height: 100,
|
|
99
|
-
width: 250,
|
|
100
|
-
style: {
|
|
101
|
-
backgroundColor: "pink"
|
|
102
|
-
},
|
|
103
|
-
children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Text, {
|
|
104
|
-
children: "Your Preview here"
|
|
105
|
-
})
|
|
106
|
-
})
|
|
107
|
-
}), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_context_menu.ContextMenu.Item, {
|
|
108
|
-
onSelect,
|
|
109
|
-
children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_context_menu.ContextMenu.ItemTitle, {
|
|
110
|
-
children: "About Notes"
|
|
111
|
-
})
|
|
112
|
-
}, "about-notes"), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_context_menu.ContextMenu.Separator, {}), /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_context_menu.ContextMenu.Group, {
|
|
113
|
-
children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_context_menu.ContextMenu.Item, {
|
|
114
|
-
onSelect,
|
|
115
|
-
children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_context_menu.ContextMenu.ItemTitle, {
|
|
116
|
-
children: "Settings"
|
|
117
|
-
})
|
|
118
|
-
}, "settings"), /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_context_menu.ContextMenu.Item, {
|
|
119
|
-
onSelect,
|
|
120
|
-
jc: "space-between",
|
|
121
|
-
textValue: "Calender",
|
|
122
|
-
children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_context_menu.ContextMenu.ItemTitle, {
|
|
123
|
-
children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Text, {
|
|
124
|
-
children: "Calender"
|
|
125
|
-
})
|
|
126
|
-
}), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_context_menu.ContextMenu.ItemIcon, {
|
|
127
|
-
androidIconName: "ic_menu_today",
|
|
128
|
-
ios: {
|
|
129
|
-
name: "calendar"
|
|
130
|
-
},
|
|
131
|
-
children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_lucide_icons.Calendar, {
|
|
132
|
-
color: "gray",
|
|
133
|
-
size: "$1"
|
|
134
|
-
})
|
|
135
|
-
})]
|
|
136
|
-
}, "accounts")]
|
|
137
|
-
}), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_context_menu.ContextMenu.Separator, {}), /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_context_menu.ContextMenu.Group, {
|
|
138
|
-
children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_context_menu.ContextMenu.Item, {
|
|
139
|
-
onSelect,
|
|
140
|
-
disabled: !0,
|
|
141
|
-
textValue: "locked notes",
|
|
142
|
-
children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_context_menu.ContextMenu.ItemTitle, {
|
|
143
|
-
children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Text, {
|
|
144
|
-
color: "gray",
|
|
145
|
-
children: "locked notes"
|
|
146
|
-
})
|
|
147
|
-
})
|
|
148
|
-
}, "close-notes"), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_context_menu.ContextMenu.Item, {
|
|
149
|
-
destructive: !0,
|
|
150
|
-
onSelect,
|
|
151
|
-
children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_context_menu.ContextMenu.ItemTitle, {
|
|
152
|
-
children: "Delete all"
|
|
153
|
-
})
|
|
154
|
-
}, "delete-all")]
|
|
155
|
-
}), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_context_menu.ContextMenu.Separator, {}), /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_context_menu.ContextMenu.Sub, {
|
|
156
|
-
placement: "right-start",
|
|
157
|
-
children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_context_menu.ContextMenu.SubTrigger, {
|
|
158
|
-
jc: "space-between",
|
|
159
|
-
textValue: "Actions",
|
|
160
|
-
children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_context_menu.ContextMenu.ItemTitle, {
|
|
161
|
-
children: "Actions \u2192"
|
|
162
|
-
})
|
|
163
|
-
}, "actions-trigger"), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_context_menu.ContextMenu.Portal, {
|
|
164
|
-
zIndex: 200,
|
|
165
|
-
children: /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_context_menu.ContextMenu.SubContent, {
|
|
166
|
-
enterStyle: {
|
|
167
|
-
y: -10,
|
|
168
|
-
opacity: 0
|
|
169
|
-
},
|
|
170
|
-
exitStyle: {
|
|
171
|
-
y: -10,
|
|
172
|
-
opacity: 0
|
|
173
|
-
},
|
|
174
|
-
animation: ["quick", {
|
|
175
|
-
opacity: {
|
|
176
|
-
overshootClamping: !0
|
|
177
|
-
}
|
|
178
|
-
}],
|
|
179
|
-
paddingHorizontal: 0,
|
|
180
|
-
children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(Item, {
|
|
181
|
-
onSelect,
|
|
182
|
-
textValue: "Create note",
|
|
183
|
-
children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(ItemTitle, {
|
|
184
|
-
children: "Create note"
|
|
185
|
-
})
|
|
186
|
-
}, "create-note"), /* @__PURE__ */(0, import_jsx_runtime.jsx)(Item, {
|
|
187
|
-
onSelect,
|
|
188
|
-
textValue: "Delete all notes",
|
|
189
|
-
children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(ItemTitle, {
|
|
190
|
-
children: "Delete all notes"
|
|
191
|
-
})
|
|
192
|
-
}, "delete-all"), /* @__PURE__ */(0, import_jsx_runtime.jsx)(Item, {
|
|
193
|
-
onSelect,
|
|
194
|
-
textValue: "Sync notes",
|
|
195
|
-
children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(ItemTitle, {
|
|
196
|
-
children: "Sync notes"
|
|
197
|
-
})
|
|
198
|
-
}, "sync-all")]
|
|
199
|
-
})
|
|
200
|
-
})]
|
|
201
|
-
}), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_context_menu.ContextMenu.Separator, {
|
|
202
|
-
className: "MenuSeparator"
|
|
203
|
-
}), /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_context_menu.ContextMenu.CheckboxItem, {
|
|
204
|
-
checked: bookmarksChecked,
|
|
205
|
-
onCheckedChange: setBookmarksChecked,
|
|
206
|
-
gap: "$2",
|
|
207
|
-
children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_context_menu.ContextMenu.ItemIndicator, {
|
|
208
|
-
children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_lucide_icons.Check, {
|
|
209
|
-
size: "$1"
|
|
210
|
-
})
|
|
211
|
-
}), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_context_menu.ContextMenu.ItemTitle, {
|
|
212
|
-
children: "Mark as read"
|
|
213
|
-
})]
|
|
214
|
-
}, "show-hidden"), /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_context_menu.ContextMenu.CheckboxItem, {
|
|
215
|
-
checked: native,
|
|
216
|
-
onCheckedChange: setNative,
|
|
217
|
-
gap: "$2",
|
|
218
|
-
children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_context_menu.ContextMenu.ItemIndicator, {
|
|
219
|
-
children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_lucide_icons.Check, {
|
|
220
|
-
size: "$1"
|
|
221
|
-
})
|
|
222
|
-
}), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_context_menu.ContextMenu.ItemTitle, {
|
|
223
|
-
children: "Enable Native"
|
|
224
|
-
})]
|
|
225
|
-
}, "show-other-notes"), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_context_menu.ContextMenu.Arrow, {
|
|
226
|
-
size: "$2"
|
|
227
|
-
})]
|
|
228
|
-
})
|
|
229
|
-
})]
|
|
230
|
-
});
|
|
231
|
-
}
|
|
@@ -1,185 +0,0 @@
|
|
|
1
|
-
var __create = Object.create;
|
|
2
|
-
var __defProp = Object.defineProperty;
|
|
3
|
-
var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
|
|
4
|
-
var __getOwnPropNames = Object.getOwnPropertyNames;
|
|
5
|
-
var __getProtoOf = Object.getPrototypeOf, __hasOwnProp = Object.prototype.hasOwnProperty;
|
|
6
|
-
var __export = (target, all) => {
|
|
7
|
-
for (var name in all)
|
|
8
|
-
__defProp(target, name, { get: all[name], enumerable: !0 });
|
|
9
|
-
}, __copyProps = (to, from, except, desc) => {
|
|
10
|
-
if (from && typeof from == "object" || typeof from == "function")
|
|
11
|
-
for (let key of __getOwnPropNames(from))
|
|
12
|
-
!__hasOwnProp.call(to, key) && key !== except && __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
|
|
13
|
-
return to;
|
|
14
|
-
};
|
|
15
|
-
var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
|
|
16
|
-
// If the importer is in node compatibility mode or this is not an ESM
|
|
17
|
-
// file that has been converted to a CommonJS file using a Babel-
|
|
18
|
-
// compatible transform (i.e. "__esModule" has not been set), then set
|
|
19
|
-
// "default" to the CommonJS "module.exports" for node compatibility.
|
|
20
|
-
isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: !0 }) : target,
|
|
21
|
-
mod
|
|
22
|
-
)), __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: !0 }), mod);
|
|
23
|
-
var ContextMenuDemo_exports = {};
|
|
24
|
-
__export(ContextMenuDemo_exports, {
|
|
25
|
-
ContextMenuDemo: () => ContextMenuDemo
|
|
26
|
-
});
|
|
27
|
-
module.exports = __toCommonJS(ContextMenuDemo_exports);
|
|
28
|
-
var import_context_menu = require("@tamagui/context-menu"), import_lucide_icons = require("@tamagui/lucide-icons"), import_react = __toESM(require("react"), 1), import_tamagui = require("tamagui"), import_jsx_runtime = require("react/jsx-runtime");
|
|
29
|
-
const Item = (0, import_tamagui.styled)(import_context_menu.ContextMenu.Item, {
|
|
30
|
-
paddingVertical: 4,
|
|
31
|
-
hoverStyle: {
|
|
32
|
-
backgroundColor: "$color2"
|
|
33
|
-
},
|
|
34
|
-
pressStyle: {
|
|
35
|
-
backgroundColor: "$color3"
|
|
36
|
-
}
|
|
37
|
-
}), ItemTitle = (0, import_tamagui.styled)(import_context_menu.ContextMenu.ItemTitle, {
|
|
38
|
-
color: "$color11"
|
|
39
|
-
});
|
|
40
|
-
Item.displayName = "Item";
|
|
41
|
-
ItemTitle.displayName = "ItemTitle";
|
|
42
|
-
function ContextMenuDemo() {
|
|
43
|
-
const [bookmarksChecked, setBookmarksChecked] = import_react.default.useState(!0), [native, setNative] = import_react.default.useState(!0), onSelect = () => {
|
|
44
|
-
console.info("onSelect");
|
|
45
|
-
};
|
|
46
|
-
return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_context_menu.ContextMenu, { allowFlip: !0, native, placement: "right-start", children: [
|
|
47
|
-
/* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_context_menu.ContextMenu.Trigger, { asChild: !0, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Text, { textAlign: "center", selectable: !1, children: "Right Click or longPress" }) }),
|
|
48
|
-
/* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_context_menu.ContextMenu.Portal, { zIndex: 100, children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
|
|
49
|
-
import_context_menu.ContextMenu.Content,
|
|
50
|
-
{
|
|
51
|
-
paddingHorizontal: 0,
|
|
52
|
-
borderWidth: 1,
|
|
53
|
-
ai: "flex-start",
|
|
54
|
-
borderColor: "$borderColor",
|
|
55
|
-
enterStyle: { y: -10, opacity: 0 },
|
|
56
|
-
exitStyle: { y: -10, opacity: 0 },
|
|
57
|
-
elevate: !0,
|
|
58
|
-
animation: [
|
|
59
|
-
"quick",
|
|
60
|
-
{
|
|
61
|
-
opacity: {
|
|
62
|
-
overshootClamping: !0
|
|
63
|
-
}
|
|
64
|
-
}
|
|
65
|
-
],
|
|
66
|
-
children: [
|
|
67
|
-
/* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_context_menu.ContextMenu.Preview, { children: () => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
|
|
68
|
-
import_tamagui.YStack,
|
|
69
|
-
{
|
|
70
|
-
alignItems: "center",
|
|
71
|
-
justifyContent: "center",
|
|
72
|
-
height: 100,
|
|
73
|
-
width: 250,
|
|
74
|
-
style: { backgroundColor: "pink" },
|
|
75
|
-
children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Text, { children: "Your Preview here" })
|
|
76
|
-
}
|
|
77
|
-
) }),
|
|
78
|
-
/* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_context_menu.ContextMenu.Item, { onSelect, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_context_menu.ContextMenu.ItemTitle, { children: "About Notes" }) }, "about-notes"),
|
|
79
|
-
/* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_context_menu.ContextMenu.Separator, {}),
|
|
80
|
-
/* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_context_menu.ContextMenu.Group, { children: [
|
|
81
|
-
/* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_context_menu.ContextMenu.Item, { onSelect, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_context_menu.ContextMenu.ItemTitle, { children: "Settings" }) }, "settings"),
|
|
82
|
-
/* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
|
|
83
|
-
import_context_menu.ContextMenu.Item,
|
|
84
|
-
{
|
|
85
|
-
onSelect,
|
|
86
|
-
jc: "space-between",
|
|
87
|
-
textValue: "Calender",
|
|
88
|
-
children: [
|
|
89
|
-
/* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_context_menu.ContextMenu.ItemTitle, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Text, { children: "Calender" }) }),
|
|
90
|
-
/* @__PURE__ */ (0, import_jsx_runtime.jsx)(
|
|
91
|
-
import_context_menu.ContextMenu.ItemIcon,
|
|
92
|
-
{
|
|
93
|
-
androidIconName: "ic_menu_today",
|
|
94
|
-
ios: {
|
|
95
|
-
name: "calendar"
|
|
96
|
-
},
|
|
97
|
-
children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_lucide_icons.Calendar, { color: "gray", size: "$1" })
|
|
98
|
-
}
|
|
99
|
-
)
|
|
100
|
-
]
|
|
101
|
-
},
|
|
102
|
-
"accounts"
|
|
103
|
-
)
|
|
104
|
-
] }),
|
|
105
|
-
/* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_context_menu.ContextMenu.Separator, {}),
|
|
106
|
-
/* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_context_menu.ContextMenu.Group, { children: [
|
|
107
|
-
/* @__PURE__ */ (0, import_jsx_runtime.jsx)(
|
|
108
|
-
import_context_menu.ContextMenu.Item,
|
|
109
|
-
{
|
|
110
|
-
onSelect,
|
|
111
|
-
disabled: !0,
|
|
112
|
-
textValue: "locked notes",
|
|
113
|
-
children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_context_menu.ContextMenu.ItemTitle, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Text, { color: "gray", children: "locked notes" }) })
|
|
114
|
-
},
|
|
115
|
-
"close-notes"
|
|
116
|
-
),
|
|
117
|
-
/* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_context_menu.ContextMenu.Item, { destructive: !0, onSelect, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_context_menu.ContextMenu.ItemTitle, { children: "Delete all" }) }, "delete-all")
|
|
118
|
-
] }),
|
|
119
|
-
/* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_context_menu.ContextMenu.Separator, {}),
|
|
120
|
-
/* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_context_menu.ContextMenu.Sub, { placement: "right-start", children: [
|
|
121
|
-
/* @__PURE__ */ (0, import_jsx_runtime.jsx)(
|
|
122
|
-
import_context_menu.ContextMenu.SubTrigger,
|
|
123
|
-
{
|
|
124
|
-
jc: "space-between",
|
|
125
|
-
textValue: "Actions",
|
|
126
|
-
children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_context_menu.ContextMenu.ItemTitle, { children: "Actions \u2192" })
|
|
127
|
-
},
|
|
128
|
-
"actions-trigger"
|
|
129
|
-
),
|
|
130
|
-
/* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_context_menu.ContextMenu.Portal, { zIndex: 200, children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
|
|
131
|
-
import_context_menu.ContextMenu.SubContent,
|
|
132
|
-
{
|
|
133
|
-
enterStyle: { y: -10, opacity: 0 },
|
|
134
|
-
exitStyle: { y: -10, opacity: 0 },
|
|
135
|
-
animation: [
|
|
136
|
-
"quick",
|
|
137
|
-
{
|
|
138
|
-
opacity: {
|
|
139
|
-
overshootClamping: !0
|
|
140
|
-
}
|
|
141
|
-
}
|
|
142
|
-
],
|
|
143
|
-
paddingHorizontal: 0,
|
|
144
|
-
children: [
|
|
145
|
-
/* @__PURE__ */ (0, import_jsx_runtime.jsx)(Item, { onSelect, textValue: "Create note", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(ItemTitle, { children: "Create note" }) }, "create-note"),
|
|
146
|
-
/* @__PURE__ */ (0, import_jsx_runtime.jsx)(Item, { onSelect, textValue: "Delete all notes", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(ItemTitle, { children: "Delete all notes" }) }, "delete-all"),
|
|
147
|
-
/* @__PURE__ */ (0, import_jsx_runtime.jsx)(Item, { onSelect, textValue: "Sync notes", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(ItemTitle, { children: "Sync notes" }) }, "sync-all")
|
|
148
|
-
]
|
|
149
|
-
}
|
|
150
|
-
) })
|
|
151
|
-
] }),
|
|
152
|
-
/* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_context_menu.ContextMenu.Separator, { className: "MenuSeparator" }),
|
|
153
|
-
/* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
|
|
154
|
-
import_context_menu.ContextMenu.CheckboxItem,
|
|
155
|
-
{
|
|
156
|
-
checked: bookmarksChecked,
|
|
157
|
-
onCheckedChange: setBookmarksChecked,
|
|
158
|
-
gap: "$2",
|
|
159
|
-
children: [
|
|
160
|
-
/* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_context_menu.ContextMenu.ItemIndicator, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_lucide_icons.Check, { size: "$1" }) }),
|
|
161
|
-
/* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_context_menu.ContextMenu.ItemTitle, { children: "Mark as read" })
|
|
162
|
-
]
|
|
163
|
-
},
|
|
164
|
-
"show-hidden"
|
|
165
|
-
),
|
|
166
|
-
/* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
|
|
167
|
-
import_context_menu.ContextMenu.CheckboxItem,
|
|
168
|
-
{
|
|
169
|
-
checked: native,
|
|
170
|
-
onCheckedChange: setNative,
|
|
171
|
-
gap: "$2",
|
|
172
|
-
children: [
|
|
173
|
-
/* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_context_menu.ContextMenu.ItemIndicator, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_lucide_icons.Check, { size: "$1" }) }),
|
|
174
|
-
/* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_context_menu.ContextMenu.ItemTitle, { children: "Enable Native" })
|
|
175
|
-
]
|
|
176
|
-
},
|
|
177
|
-
"show-other-notes"
|
|
178
|
-
),
|
|
179
|
-
/* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_context_menu.ContextMenu.Arrow, { size: "$2" })
|
|
180
|
-
]
|
|
181
|
-
}
|
|
182
|
-
) })
|
|
183
|
-
] });
|
|
184
|
-
}
|
|
185
|
-
//# 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": ["React"]
|
|
6
|
-
}
|