@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.
Files changed (39) hide show
  1. package/dist/cjs/TabsAdvancedDemo.js +2 -2
  2. package/dist/cjs/TabsAdvancedDemo.js.map +1 -1
  3. package/dist/cjs/TabsAdvancedDemo.native.js +2 -2
  4. package/dist/cjs/TabsAdvancedDemo.native.js.map +1 -1
  5. package/dist/esm/TabsAdvancedDemo.js +2 -2
  6. package/dist/esm/TabsAdvancedDemo.js.map +1 -1
  7. package/dist/esm/TabsAdvancedDemo.native.js +2 -2
  8. package/dist/esm/TabsAdvancedDemo.native.js.map +1 -1
  9. package/dist/jsx/TabsAdvancedDemo.js +2 -2
  10. package/dist/jsx/TabsAdvancedDemo.js.map +1 -1
  11. package/dist/jsx/TabsAdvancedDemo.native.js +2 -2
  12. package/dist/jsx/TabsAdvancedDemo.native.js.map +1 -1
  13. package/package.json +18 -18
  14. package/dist/cjs/ContextMenuDemo.js +0 -194
  15. package/dist/cjs/ContextMenuDemo.js.map +0 -6
  16. package/dist/cjs/ContextMenuDemo.native.js +0 -195
  17. package/dist/cjs/ContextMenuDemo.native.js.map +0 -6
  18. package/dist/cjs/DropDownMenuDemo.js +0 -182
  19. package/dist/cjs/DropDownMenuDemo.js.map +0 -6
  20. package/dist/cjs/DropDownMenuDemo.native.js +0 -183
  21. package/dist/cjs/DropDownMenuDemo.native.js.map +0 -6
  22. package/dist/esm/ContextMenuDemo.js +0 -173
  23. package/dist/esm/ContextMenuDemo.js.map +0 -6
  24. package/dist/esm/ContextMenuDemo.native.js +0 -173
  25. package/dist/esm/ContextMenuDemo.native.js.map +0 -6
  26. package/dist/esm/DropDownMenuDemo.js +0 -160
  27. package/dist/esm/DropDownMenuDemo.js.map +0 -6
  28. package/dist/esm/DropDownMenuDemo.native.js +0 -160
  29. package/dist/esm/DropDownMenuDemo.native.js.map +0 -6
  30. package/dist/jsx/ContextMenuDemo.js +0 -147
  31. package/dist/jsx/ContextMenuDemo.js.map +0 -6
  32. package/dist/jsx/ContextMenuDemo.native.js +0 -147
  33. package/dist/jsx/ContextMenuDemo.native.js.map +0 -6
  34. package/dist/jsx/DropDownMenuDemo.js +0 -137
  35. package/dist/jsx/DropDownMenuDemo.js.map +0 -6
  36. package/dist/jsx/DropDownMenuDemo.native.js +0 -137
  37. package/dist/jsx/DropDownMenuDemo.native.js.map +0 -6
  38. package/types/ContextMenuDemo.d.ts.map +0 -1
  39. package/types/DropDownMenuDemo.d.ts.map +0 -1
@@ -1,195 +0,0 @@
1
- "use strict";
2
- var __create = Object.create;
3
- var __defProp = Object.defineProperty;
4
- var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
5
- var __getOwnPropNames = Object.getOwnPropertyNames;
6
- var __getProtoOf = Object.getPrototypeOf, __hasOwnProp = Object.prototype.hasOwnProperty;
7
- var __export = (target, all) => {
8
- for (var name in all)
9
- __defProp(target, name, { get: all[name], enumerable: !0 });
10
- }, __copyProps = (to, from, except, desc) => {
11
- if (from && typeof from == "object" || typeof from == "function")
12
- for (let key of __getOwnPropNames(from))
13
- !__hasOwnProp.call(to, key) && key !== except && __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
14
- return to;
15
- };
16
- var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
17
- // If the importer is in node compatibility mode or this is not an ESM
18
- // file that has been converted to a CommonJS file using a Babel-
19
- // compatible transform (i.e. "__esModule" has not been set), then set
20
- // "default" to the CommonJS "module.exports" for node compatibility.
21
- isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: !0 }) : target,
22
- mod
23
- )), __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: !0 }), mod);
24
- var ContextMenuDemo_exports = {};
25
- __export(ContextMenuDemo_exports, {
26
- ContextMenuDemo: () => ContextMenuDemo
27
- });
28
- module.exports = __toCommonJS(ContextMenuDemo_exports);
29
- var import_context_menu = require("@tamagui/context-menu"), import_core = require("@tamagui/core"), import_lucide_icons = require("@tamagui/lucide-icons"), import_lucide_icons2 = require("@tamagui/lucide-icons"), import_react = __toESM(require("react")), import_react_native = require("react-native"), import_tamagui = require("tamagui"), import_jsx_runtime = require("react/jsx-runtime");
30
- function ContextMenuDemo() {
31
- const [bookmarksChecked, setBookmarksChecked] = import_react.default.useState(!0), [native, setNative] = import_react.default.useState(!0), onSelect = (0, import_tamagui.useEvent)(() => {
32
- });
33
- return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_context_menu.ContextMenu, { allowFlip: !0, native, placement: "bottom-start", children: [
34
- /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_context_menu.ContextMenu.Trigger, { asChild: !0, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
35
- import_tamagui.YStack,
36
- {
37
- jc: "center",
38
- ai: "center",
39
- bw: 1,
40
- boc: "$borderColor",
41
- width: 250,
42
- height: 200,
43
- children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Text, { textAlign: "center", children: "Right Click or longPress" })
44
- }
45
- ) }),
46
- /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_context_menu.ContextMenu.Portal, { zIndex: 100, children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
47
- import_context_menu.ContextMenu.Content,
48
- {
49
- paddingHorizontal: 0,
50
- maxWidth: 180,
51
- borderWidth: 1,
52
- ai: "flex-start",
53
- borderColor: "$borderColor",
54
- enterStyle: { y: -10, opacity: 0 },
55
- exitStyle: { y: -10, opacity: 0 },
56
- elevate: !0,
57
- animation: [
58
- "quick",
59
- {
60
- opacity: {
61
- overshootClamping: !0
62
- }
63
- }
64
- ],
65
- children: [
66
- /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_context_menu.ContextMenu.Preview, { children: () => /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_tamagui.YStack, { bc: "$green1", jc: "center", ai: "center", p: 20, children: [
67
- /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Text, { children: "Your Preview here" }),
68
- /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
69
- import_react_native.Image,
70
- {
71
- width: 240,
72
- height: 100,
73
- resizeMode: "contain",
74
- source: { uri: "https://tamagui.dev/social.png" }
75
- }
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: "u.square",
96
- hierarchicalColor: "#000",
97
- pointSize: 20
98
- },
99
- children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_lucide_icons.Calendar, { color: "gray", size: "$1" })
100
- }
101
- )
102
- ]
103
- },
104
- "accounts"
105
- )
106
- ] }),
107
- /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_context_menu.ContextMenu.Separator, {}),
108
- /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_context_menu.ContextMenu.Group, { children: [
109
- /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_context_menu.ContextMenu.Item, { onSelect, disabled: !0, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_context_menu.ContextMenu.ItemTitle, { color: "gray", children: "Locked" }) }, "close-notes"),
110
- /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_context_menu.ContextMenu.Item, { onSelect, destructive: !0, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_context_menu.ContextMenu.ItemTitle, { children: "Delete all" }) }, "delete-all")
111
- ] }),
112
- /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_context_menu.ContextMenu.Separator, {}),
113
- /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_context_menu.ContextMenu.Sub, { placement: "right-start", children: [
114
- /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_context_menu.ContextMenu.SubTrigger, { jc: "space-between", children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, { children: [
115
- /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_context_menu.ContextMenu.ItemTitle, { children: "Actions" }),
116
- !native || import_core.isWeb ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_lucide_icons2.ChevronRight, { size: "$1" }) : null
117
- ] }) }, "actions-trigger"),
118
- /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_context_menu.ContextMenu.Portal, { zIndex: 200, children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
119
- import_context_menu.ContextMenu.SubContent,
120
- {
121
- enterStyle: { y: -10, opacity: 0 },
122
- exitStyle: { y: -10, opacity: 0 },
123
- elevate: !0,
124
- animation: [
125
- "quick",
126
- {
127
- opacity: {
128
- overshootClamping: !0
129
- }
130
- }
131
- ],
132
- paddingHorizontal: 0,
133
- children: [
134
- /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_context_menu.ContextMenu.Label, { fontSize: "$1", children: "Note settings" }),
135
- /* @__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: "Create note" }) }, "create-note"),
136
- /* @__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: "Delete all notes" }) }, "delete-all"),
137
- /* @__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: "Sync notes" }) }, "sync-all")
138
- ]
139
- }
140
- ) })
141
- ] }),
142
- /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_context_menu.ContextMenu.Separator, { className: "DropdownMenuSeparator" }),
143
- /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
144
- import_context_menu.ContextMenu.CheckboxItem,
145
- {
146
- checked: bookmarksChecked,
147
- onCheckedChange: setBookmarksChecked,
148
- value: bookmarksChecked ? "on" : "off",
149
- onValueChange: (v) => setBookmarksChecked(v == "on"),
150
- ...import_core.isAndroid && native && {
151
- onSelect: () => {
152
- import_core.isAndroid && setBookmarksChecked(!bookmarksChecked);
153
- }
154
- },
155
- gap: "$2",
156
- children: [
157
- /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_context_menu.ContextMenu.ItemIndicator, { className: "DropdownMenuItemIndicator", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_lucide_icons.Check, { size: "$1" }) }),
158
- /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_context_menu.ContextMenu.ItemTitle, { children: "Mark as read" }),
159
- import_core.isAndroid && native && bookmarksChecked && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_context_menu.ContextMenu.ItemIcon, { androidIconName: "checkbox_on_background" })
160
- ]
161
- },
162
- "show-hidden"
163
- ),
164
- /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
165
- import_context_menu.ContextMenu.CheckboxItem,
166
- {
167
- checked: native,
168
- onCheckedChange: setNative,
169
- value: native ? "on" : "off",
170
- onValueChange: (v) => setNative(v == "on"),
171
- ...import_core.isAndroid && native && {
172
- onSelect: () => {
173
- setNative(!native);
174
- }
175
- },
176
- gap: "$2",
177
- children: [
178
- /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_context_menu.ContextMenu.ItemIndicator, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_lucide_icons.Check, { size: "$1" }) }),
179
- /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_context_menu.ContextMenu.ItemTitle, { children: "Enable Native" }),
180
- import_core.isAndroid && native && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_context_menu.ContextMenu.ItemIcon, { androidIconName: "checkbox_on_background" })
181
- ]
182
- },
183
- "show-other-notes"
184
- ),
185
- /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_context_menu.ContextMenu.Arrow, { size: "$2" })
186
- ]
187
- }
188
- ) })
189
- ] });
190
- }
191
- // Annotate the CommonJS export names for ESM import in node:
192
- 0 && (module.exports = {
193
- ContextMenuDemo
194
- });
195
- //# sourceMappingURL=ContextMenuDemo.js.map
@@ -1,6 +0,0 @@
1
- {
2
- "version": 3,
3
- "sources": ["../../src/ContextMenuDemo.tsx"],
4
- "mappings": ";;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,0BAA4B,kCAC5B,cAAiC,0BACjC,sBAAgC,kCAChCA,uBAA6B,kCAC7B,eAAkB,2BAClB,sBAAsB,yBACtB,iBAAuC,oBAmB7B;AAjBH,SAAS,kBAAkB;AAChC,QAAM,CAAC,kBAAkB,mBAAmB,IAAI,aAAAC,QAAM,SAAS,EAAI,GAC7D,CAAC,QAAQ,SAAS,IAAI,aAAAA,QAAM,SAAS,EAAI,GAEzC,eAAW,yBAAS,MAAM;AAAA,EAAC,CAAC;AAElC,SACE,6CAAC,mCAAY,WAAS,IAAC,QAAgB,WAAU,gBAC/C;AAAA,gDAAC,gCAAY,SAAZ,EAAoB,SAAO,IAC1B;AAAA,MAAC;AAAA;AAAA,QACC,IAAG;AAAA,QACH,IAAG;AAAA,QACH,IAAI;AAAA,QACJ,KAAI;AAAA,QACJ,OAAO;AAAA,QACP,QAAQ;AAAA,QAER,sDAAC,uBAAK,WAAU,UAAS,sCAAwB;AAAA;AAAA,IACnD,GACF;AAAA,IAEA,4CAAC,gCAAY,QAAZ,EAAmB,QAAQ,KAC1B;AAAA,MAAC,gCAAY;AAAA,MAAZ;AAAA,QACC,mBAAmB;AAAA,QACnB,UAAU;AAAA,QACV,aAAa;AAAA,QACb,IAAG;AAAA,QACH,aAAY;AAAA,QACZ,YAAY,EAAE,GAAG,KAAK,SAAS,EAAE;AAAA,QACjC,WAAW,EAAE,GAAG,KAAK,SAAS,EAAE;AAAA,QAChC,SAAO;AAAA,QACP,WAAW;AAAA,UACT;AAAA,UACA;AAAA,YACE,SAAS;AAAA,cACP,mBAAmB;AAAA,YACrB;AAAA,UACF;AAAA,QACF;AAAA,QAEA;AAAA,sDAAC,gCAAY,SAAZ,EACE,gBAEG,6CAAC,yBAAO,IAAG,WAAU,IAAG,UAAS,IAAG,UAAS,GAAG,IAC9C;AAAA,wDAAC,uBAAK,+BAAiB;AAAA,YACvB;AAAA,cAAC;AAAA;AAAA,gBACC,OAAO;AAAA,gBACP,QAAQ;AAAA,gBACR,YAAW;AAAA,gBACX,QAAQ,EAAE,KAAK,iCAAiC;AAAA;AAAA,YAClD;AAAA,aACF,GAGN;AAAA,UACA,4CAAC,gCAAY,MAAZ,EAAiB,UAChB,sDAAC,gCAAY,WAAZ,EAAsB,yBAAW,KADM,aAE1C;AAAA,UACA,4CAAC,gCAAY,WAAZ,EAAsB;AAAA,UACvB,6CAAC,gCAAY,OAAZ,EACC;AAAA,wDAAC,gCAAY,MAAZ,EAAiB,UAChB,sDAAC,gCAAY,WAAZ,EAAsB,sBAAQ,KADS,UAE1C;AAAA,YACA;AAAA,cAAC,gCAAY;AAAA,cAAZ;AAAA,gBACC;AAAA,gBACA,IAAG;AAAA,gBAEH,WAAU;AAAA,gBAGV;AAAA,8DAAC,gCAAY,WAAZ,EACC,sDAAC,uBAAK,sBAAQ,GAChB;AAAA,kBACA;AAAA,oBAAC,gCAAY;AAAA,oBAAZ;AAAA,sBACC,iBAAgB;AAAA,sBAChB,KAAK;AAAA,wBACH,MAAM;AAAA,wBACN,mBAAmB;AAAA,wBACnB,WAAW;AAAA,sBACb;AAAA,sBAEA,sDAAC,gCAAS,OAAM,QAAO,MAAK,MAAK;AAAA;AAAA,kBACnC;AAAA;AAAA;AAAA,cAdI;AAAA,YAeN;AAAA,aACF;AAAA,UACA,4CAAC,gCAAY,WAAZ,EAAsB;AAAA,UACvB,6CAAC,gCAAY,OAAZ,EACC;AAAA,wDAAC,gCAAY,MAAZ,EAAiB,UAAsC,UAAQ,IAC9D,sDAAC,gCAAY,WAAZ,EAAsB,OAAM,QAAO,oBAAM,KADF,aAE1C;AAAA,YACA,4CAAC,gCAAY,MAAZ,EAAiB,UAAoB,aAAW,IAC/C,sDAAC,gCAAY,WAAZ,EAAsB,wBAAU,KADmB,YAEtD;AAAA,aACF;AAAA,UACA,4CAAC,gCAAY,WAAZ,EAAsB;AAAA,UACvB,6CAAC,gCAAY,KAAZ,EAAgB,WAAU,eACzB;AAAA,wDAAC,gCAAY,YAAZ,EAAuB,IAAG,iBACzB,sFACE;AAAA,0DAAC,gCAAY,WAAZ,EAAsB,qBAAO;AAAA,cAC7B,CAAC,UAAU,oBAAQ,4CAAC,qCAAa,MAAK,MAAK,IAAK;AAAA,eACnD,KAJ6C,iBAK/C;AAAA,YACA,4CAAC,gCAAY,QAAZ,EAAmB,QAAQ,KAC1B;AAAA,cAAC,gCAAY;AAAA,cAAZ;AAAA,gBACC,YAAY,EAAE,GAAG,KAAK,SAAS,EAAE;AAAA,gBACjC,WAAW,EAAE,GAAG,KAAK,SAAS,EAAE;AAAA,gBAChC,SAAO;AAAA,gBACP,WAAW;AAAA,kBACT;AAAA,kBACA;AAAA,oBACE,SAAS;AAAA,sBACP,mBAAmB;AAAA,oBACrB;AAAA,kBACF;AAAA,gBACF;AAAA,gBACA,mBAAmB;AAAA,gBAEnB;AAAA,8DAAC,gCAAY,OAAZ,EAAkB,UAAU,MAAM,2BAAa;AAAA,kBAChD,4CAAC,gCAAY,MAAZ,EAAiB,UAChB,sDAAC,gCAAY,WAAZ,EAAsB,yBAAW,KADM,aAE1C;AAAA,kBACA,4CAAC,gCAAY,MAAZ,EAAiB,UAChB,sDAAC,gCAAY,WAAZ,EAAsB,8BAAgB,KADC,YAE1C;AAAA,kBACA,4CAAC,gCAAY,MAAZ,EAAiB,UAChB,sDAAC,gCAAY,WAAZ,EAAsB,wBAAU,KADO,UAE1C;AAAA;AAAA;AAAA,YACF,GACF;AAAA,aACF;AAAA,UACA,4CAAC,gCAAY,WAAZ,EAAsB,WAAU,yBAAwB;AAAA,UACzD;AAAA,YAAC,gCAAY;AAAA,YAAZ;AAAA,cAEC,SAAS;AAAA,cACT,iBAAiB;AAAA,cAEjB,OAAO,mBAAmB,OAAO;AAAA,cACjC,eAAe,CAAC,MAAM,oBAAoB,KAAK,IAAI;AAAA,cAElD,GAAI,yBACH,UAAU;AAAA,gBACR,UAAU,MAAM;AACd,2CAAa,oBAAoB,CAAC,gBAAgB;AAAA,gBACpD;AAAA,cACF;AAAA,cACF,KAAK;AAAA,cAEL;AAAA,4DAAC,gCAAY,eAAZ,EAA0B,WAAU,6BACnC,sDAAC,6BAAM,MAAK,MAAK,GACnB;AAAA,gBACA,4CAAC,gCAAY,WAAZ,EAAsB,0BAAY;AAAA,gBAElC,yBAAa,UAAU,oBACtB,4CAAC,gCAAY,UAAZ,EAAqB,iBAAgB,0BAAyB;AAAA;AAAA;AAAA,YArB7D;AAAA,UAuBN;AAAA,UACA;AAAA,YAAC,gCAAY;AAAA,YAAZ;AAAA,cAEC,SAAS;AAAA,cACT,iBAAiB;AAAA,cACjB,OAAO,SAAS,OAAO;AAAA,cACvB,eAAe,CAAC,MAAM,UAAU,KAAK,IAAI;AAAA,cAExC,GAAI,yBACH,UAAU;AAAA,gBACR,UAAU,MAAM;AACd,4BAAU,CAAC,MAAM;AAAA,gBACnB;AAAA,cACF;AAAA,cACF,KAAK;AAAA,cAEL;AAAA,4DAAC,gCAAY,eAAZ,EACC,sDAAC,6BAAM,MAAK,MAAK,GACnB;AAAA,gBACA,4CAAC,gCAAY,WAAZ,EAAsB,2BAAa;AAAA,gBAEnC,yBAAa,UACZ,4CAAC,gCAAY,UAAZ,EAAqB,iBAAgB,0BAAyB;AAAA;AAAA;AAAA,YApB7D;AAAA,UAsBN;AAAA,UAEA,4CAAC,gCAAY,OAAZ,EAAkB,MAAM,MAAM;AAAA;AAAA;AAAA,IACjC,GACF;AAAA,KACF;AAEJ;",
5
- "names": ["import_lucide_icons", "React"]
6
- }
@@ -1,182 +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 DropDownMenuDemo_exports = {};
24
- __export(DropDownMenuDemo_exports, {
25
- DropDownMenuDemo: () => DropDownMenuDemo
26
- });
27
- module.exports = __toCommonJS(DropDownMenuDemo_exports);
28
- var import_core = require("@tamagui/core"), import_dropdown_menu = require("@tamagui/dropdown-menu"), import_lucide_icons = require("@tamagui/lucide-icons"), import_lucide_icons2 = require("@tamagui/lucide-icons"), import_react = __toESM(require("react")), import_tamagui = require("tamagui"), import_jsx_runtime = require("react/jsx-runtime");
29
- function DropDownMenuDemo() {
30
- const [bookmarksChecked, setBookmarksChecked] = import_react.default.useState(!0), [native, setNative] = import_react.default.useState(!1), onSelect = (0, import_tamagui.useEvent)(() => {
31
- });
32
- return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
33
- import_dropdown_menu.DropdownMenu,
34
- {
35
- offset: {
36
- crossAxis: 25
37
- },
38
- allowFlip: !0,
39
- native,
40
- placement: "bottom-start",
41
- children: [
42
- /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_dropdown_menu.DropdownMenu.Trigger, { asChild: !0, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Button, { width: 60, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_lucide_icons.Backpack, {}) }) }),
43
- /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_dropdown_menu.DropdownMenu.Portal, { zIndex: 100, children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
44
- import_dropdown_menu.DropdownMenu.Content,
45
- {
46
- paddingHorizontal: 0,
47
- maxWidth: 180,
48
- borderWidth: 1,
49
- ai: "flex-start",
50
- borderColor: "$borderColor",
51
- enterStyle: { y: -10, opacity: 0 },
52
- exitStyle: { y: -10, opacity: 0 },
53
- elevate: !0,
54
- animation: [
55
- "quick",
56
- {
57
- opacity: {
58
- overshootClamping: !0
59
- }
60
- }
61
- ],
62
- children: [
63
- /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_dropdown_menu.DropdownMenu.Item, { onSelect, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_dropdown_menu.DropdownMenu.ItemTitle, { children: "About Notes" }) }, "about-notes"),
64
- /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_dropdown_menu.DropdownMenu.Separator, {}),
65
- /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_dropdown_menu.DropdownMenu.Group, { children: [
66
- /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_dropdown_menu.DropdownMenu.Item, { onSelect, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_dropdown_menu.DropdownMenu.ItemTitle, { children: "Settings" }) }, "settings"),
67
- /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
68
- import_dropdown_menu.DropdownMenu.Item,
69
- {
70
- onSelect,
71
- jc: "space-between",
72
- textValue: "Calender",
73
- children: [
74
- /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_dropdown_menu.DropdownMenu.ItemTitle, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Text, { children: "Calender" }) }),
75
- /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
76
- import_dropdown_menu.DropdownMenu.ItemIcon,
77
- {
78
- androidIconName: "ic_menu_today",
79
- ios: {
80
- name: "u.square",
81
- hierarchicalColor: "#000",
82
- pointSize: 20
83
- },
84
- children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_lucide_icons.Calendar, { color: "gray", size: "$1" })
85
- }
86
- )
87
- ]
88
- },
89
- "accounts"
90
- )
91
- ] }),
92
- /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_dropdown_menu.DropdownMenu.Separator, {}),
93
- /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_dropdown_menu.DropdownMenu.Group, { children: [
94
- /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_dropdown_menu.DropdownMenu.Item, { onSelect, disabled: !0, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_dropdown_menu.DropdownMenu.ItemTitle, { color: "gray", children: "Locked" }) }, "close-notes"),
95
- /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_dropdown_menu.DropdownMenu.Item, { onSelect, destructive: !0, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_dropdown_menu.DropdownMenu.ItemTitle, { children: "Delete all" }) }, "delete-all")
96
- ] }),
97
- /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_dropdown_menu.DropdownMenu.Separator, {}),
98
- /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_dropdown_menu.DropdownMenu.Sub, { placement: "right-start", children: [
99
- /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_dropdown_menu.DropdownMenu.SubTrigger, { jc: "space-between", children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, { children: [
100
- /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_dropdown_menu.DropdownMenu.ItemTitle, { children: "Actions" }),
101
- !native || import_core.isWeb ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_lucide_icons2.ChevronRight, { size: "$1" }) : null
102
- ] }) }, "actions-trigger"),
103
- /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_dropdown_menu.DropdownMenu.Portal, { zIndex: 200, children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
104
- import_dropdown_menu.DropdownMenu.SubContent,
105
- {
106
- enterStyle: { y: -10, opacity: 0 },
107
- exitStyle: { y: -10, opacity: 0 },
108
- elevate: !0,
109
- animation: [
110
- "quick",
111
- {
112
- opacity: {
113
- overshootClamping: !0
114
- }
115
- }
116
- ],
117
- paddingHorizontal: 0,
118
- children: [
119
- /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_dropdown_menu.DropdownMenu.Label, { fontSize: "$1", children: "Note settings" }),
120
- /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_dropdown_menu.DropdownMenu.Item, { onSelect, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_dropdown_menu.DropdownMenu.ItemTitle, { children: "Create note" }) }, "create-note"),
121
- /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_dropdown_menu.DropdownMenu.Item, { onSelect, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_dropdown_menu.DropdownMenu.ItemTitle, { children: "Delete all notes" }) }, "delete-all"),
122
- /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_dropdown_menu.DropdownMenu.Item, { onSelect, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_dropdown_menu.DropdownMenu.ItemTitle, { children: "Sync notes" }) }, "sync-all")
123
- ]
124
- }
125
- ) })
126
- ] }),
127
- /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_dropdown_menu.DropdownMenu.Separator, { className: "DropdownMenuSeparator" }),
128
- /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
129
- import_dropdown_menu.DropdownMenu.CheckboxItem,
130
- {
131
- checked: bookmarksChecked,
132
- onCheckedChange: setBookmarksChecked,
133
- value: bookmarksChecked ? "on" : "off",
134
- onValueChange: (v) => setBookmarksChecked(v == "on"),
135
- ...import_core.isAndroid && native && {
136
- onSelect: () => {
137
- import_core.isAndroid && setBookmarksChecked(!bookmarksChecked);
138
- }
139
- },
140
- gap: "$2",
141
- children: [
142
- /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_dropdown_menu.DropdownMenu.ItemIndicator, { className: "DropdownMenuItemIndicator", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_lucide_icons.Check, { size: "$1" }) }),
143
- /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_dropdown_menu.DropdownMenu.ItemTitle, { children: "Mark as read" }),
144
- import_core.isAndroid && native && bookmarksChecked && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_dropdown_menu.DropdownMenu.ItemIcon, { androidIconName: "checkbox_on_background" })
145
- ]
146
- },
147
- "show-hidden"
148
- ),
149
- /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
150
- import_dropdown_menu.DropdownMenu.CheckboxItem,
151
- {
152
- checked: native,
153
- onCheckedChange: setNative,
154
- value: native ? "on" : "off",
155
- onValueChange: (v) => setNative(v == "on"),
156
- ...import_core.isAndroid && native && {
157
- onSelect: () => {
158
- setNative(!native);
159
- }
160
- },
161
- gap: "$2",
162
- children: [
163
- /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_dropdown_menu.DropdownMenu.ItemIndicator, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_lucide_icons.Check, { size: "$1" }) }),
164
- /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_dropdown_menu.DropdownMenu.ItemTitle, { children: "Enable Native" }),
165
- import_core.isAndroid && native && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_dropdown_menu.DropdownMenu.ItemIcon, { androidIconName: "checkbox_on_background" })
166
- ]
167
- },
168
- "show-other-notes"
169
- ),
170
- /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_dropdown_menu.DropdownMenu.Arrow, { size: "$2" })
171
- ]
172
- }
173
- ) })
174
- ]
175
- }
176
- );
177
- }
178
- // Annotate the CommonJS export names for ESM import in node:
179
- 0 && (module.exports = {
180
- DropDownMenuDemo
181
- });
182
- //# sourceMappingURL=DropDownMenuDemo.js.map
@@ -1,6 +0,0 @@
1
- {
2
- "version": 3,
3
- "sources": ["../../src/DropDownMenuDemo.tsx"],
4
- "mappings": ";;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,kBAAiC,0BACjC,uBAA6B,mCAC7B,sBAA0C,kCAC1CA,uBAA6B,kCAC7B,eAAkB,2BAClB,iBAAuC,oBAmB7B;AAjBH,SAAS,mBAAmB;AACjC,QAAM,CAAC,kBAAkB,mBAAmB,IAAI,aAAAC,QAAM,SAAS,EAAI,GAC7D,CAAC,QAAQ,SAAS,IAAI,aAAAA,QAAM,SAAS,EAAK,GAE1C,eAAW,yBAAS,MAAM;AAAA,EAAC,CAAC;AAElC,SACE;AAAA,IAAC;AAAA;AAAA,MACC,QAAQ;AAAA,QACN,WAAW;AAAA,MACb;AAAA,MACA,WAAS;AAAA,MACT;AAAA,MACA,WAAU;AAAA,MAEV;AAAA,oDAAC,kCAAa,SAAb,EAAqB,SAAO,IAC3B,sDAAC,yBAAO,OAAO,IACb,sDAAC,gCAAS,GACZ,GACF;AAAA,QAEA,4CAAC,kCAAa,QAAb,EAAoB,QAAQ,KAC3B;AAAA,UAAC,kCAAa;AAAA,UAAb;AAAA,YACC,mBAAmB;AAAA,YACnB,UAAU;AAAA,YACV,aAAa;AAAA,YACb,IAAG;AAAA,YACH,aAAY;AAAA,YACZ,YAAY,EAAE,GAAG,KAAK,SAAS,EAAE;AAAA,YACjC,WAAW,EAAE,GAAG,KAAK,SAAS,EAAE;AAAA,YAChC,SAAO;AAAA,YACP,WAAW;AAAA,cACT;AAAA,cACA;AAAA,gBACE,SAAS;AAAA,kBACP,mBAAmB;AAAA,gBACrB;AAAA,cACF;AAAA,YACF;AAAA,YAEA;AAAA,0DAAC,kCAAa,MAAb,EAAkB,UACjB,sDAAC,kCAAa,WAAb,EAAuB,yBAAW,KADM,aAE3C;AAAA,cACA,4CAAC,kCAAa,WAAb,EAAuB;AAAA,cACxB,6CAAC,kCAAa,OAAb,EACC;AAAA,4DAAC,kCAAa,MAAb,EAAkB,UACjB,sDAAC,kCAAa,WAAb,EAAuB,sBAAQ,KADS,UAE3C;AAAA,gBACA;AAAA,kBAAC,kCAAa;AAAA,kBAAb;AAAA,oBACC;AAAA,oBACA,IAAG;AAAA,oBAEH,WAAU;AAAA,oBAGV;AAAA,kEAAC,kCAAa,WAAb,EACC,sDAAC,uBAAK,sBAAQ,GAChB;AAAA,sBACA;AAAA,wBAAC,kCAAa;AAAA,wBAAb;AAAA,0BACC,iBAAgB;AAAA,0BAChB,KAAK;AAAA,4BACH,MAAM;AAAA,4BACN,mBAAmB;AAAA,4BACnB,WAAW;AAAA,0BACb;AAAA,0BAEA,sDAAC,gCAAS,OAAM,QAAO,MAAK,MAAK;AAAA;AAAA,sBACnC;AAAA;AAAA;AAAA,kBAdI;AAAA,gBAeN;AAAA,iBACF;AAAA,cACA,4CAAC,kCAAa,WAAb,EAAuB;AAAA,cACxB,6CAAC,kCAAa,OAAb,EACC;AAAA,4DAAC,kCAAa,MAAb,EAAkB,UAAsC,UAAQ,IAC/D,sDAAC,kCAAa,WAAb,EAAuB,OAAM,QAAO,oBAAM,KADF,aAE3C;AAAA,gBACA,4CAAC,kCAAa,MAAb,EAAkB,UAAoB,aAAW,IAChD,sDAAC,kCAAa,WAAb,EAAuB,wBAAU,KADmB,YAEvD;AAAA,iBACF;AAAA,cACA,4CAAC,kCAAa,WAAb,EAAuB;AAAA,cACxB,6CAAC,kCAAa,KAAb,EAAiB,WAAU,eAC1B;AAAA,4DAAC,kCAAa,YAAb,EAAwB,IAAG,iBAC1B,sFACE;AAAA,8DAAC,kCAAa,WAAb,EAAuB,qBAAO;AAAA,kBAC9B,CAAC,UAAU,oBAAQ,4CAAC,qCAAa,MAAK,MAAK,IAAK;AAAA,mBACnD,KAJ8C,iBAKhD;AAAA,gBACA,4CAAC,kCAAa,QAAb,EAAoB,QAAQ,KAC3B;AAAA,kBAAC,kCAAa;AAAA,kBAAb;AAAA,oBACC,YAAY,EAAE,GAAG,KAAK,SAAS,EAAE;AAAA,oBACjC,WAAW,EAAE,GAAG,KAAK,SAAS,EAAE;AAAA,oBAChC,SAAO;AAAA,oBACP,WAAW;AAAA,sBACT;AAAA,sBACA;AAAA,wBACE,SAAS;AAAA,0BACP,mBAAmB;AAAA,wBACrB;AAAA,sBACF;AAAA,oBACF;AAAA,oBACA,mBAAmB;AAAA,oBAEnB;AAAA,kEAAC,kCAAa,OAAb,EAAmB,UAAU,MAAM,2BAAa;AAAA,sBACjD,4CAAC,kCAAa,MAAb,EAAkB,UACjB,sDAAC,kCAAa,WAAb,EAAuB,yBAAW,KADM,aAE3C;AAAA,sBACA,4CAAC,kCAAa,MAAb,EAAkB,UACjB,sDAAC,kCAAa,WAAb,EAAuB,8BAAgB,KADC,YAE3C;AAAA,sBACA,4CAAC,kCAAa,MAAb,EAAkB,UACjB,sDAAC,kCAAa,WAAb,EAAuB,wBAAU,KADO,UAE3C;AAAA;AAAA;AAAA,gBACF,GACF;AAAA,iBACF;AAAA,cACA,4CAAC,kCAAa,WAAb,EAAuB,WAAU,yBAAwB;AAAA,cAC1D;AAAA,gBAAC,kCAAa;AAAA,gBAAb;AAAA,kBAEC,SAAS;AAAA,kBACT,iBAAiB;AAAA,kBAEjB,OAAO,mBAAmB,OAAO;AAAA,kBACjC,eAAe,CAAC,MAAM,oBAAoB,KAAK,IAAI;AAAA,kBAElD,GAAI,yBACH,UAAU;AAAA,oBACR,UAAU,MAAM;AACd,+CAAa,oBAAoB,CAAC,gBAAgB;AAAA,oBACpD;AAAA,kBACF;AAAA,kBACF,KAAK;AAAA,kBAEL;AAAA,gEAAC,kCAAa,eAAb,EAA2B,WAAU,6BACpC,sDAAC,6BAAM,MAAK,MAAK,GACnB;AAAA,oBACA,4CAAC,kCAAa,WAAb,EAAuB,0BAAY;AAAA,oBAEnC,yBAAa,UAAU,oBACtB,4CAAC,kCAAa,UAAb,EAAsB,iBAAgB,0BAAyB;AAAA;AAAA;AAAA,gBArB9D;AAAA,cAuBN;AAAA,cACA;AAAA,gBAAC,kCAAa;AAAA,gBAAb;AAAA,kBAEC,SAAS;AAAA,kBACT,iBAAiB;AAAA,kBACjB,OAAO,SAAS,OAAO;AAAA,kBACvB,eAAe,CAAC,MAAM,UAAU,KAAK,IAAI;AAAA,kBAExC,GAAI,yBACH,UAAU;AAAA,oBACR,UAAU,MAAM;AACd,gCAAU,CAAC,MAAM;AAAA,oBACnB;AAAA,kBACF;AAAA,kBACF,KAAK;AAAA,kBAEL;AAAA,gEAAC,kCAAa,eAAb,EACC,sDAAC,6BAAM,MAAK,MAAK,GACnB;AAAA,oBACA,4CAAC,kCAAa,WAAb,EAAuB,2BAAa;AAAA,oBAEpC,yBAAa,UACZ,4CAAC,kCAAa,UAAb,EAAsB,iBAAgB,0BAAyB;AAAA;AAAA;AAAA,gBApB9D;AAAA,cAsBN;AAAA,cAEA,4CAAC,kCAAa,OAAb,EAAmB,MAAM,MAAM;AAAA;AAAA;AAAA,QAClC,GACF;AAAA;AAAA;AAAA,EACF;AAEJ;",
5
- "names": ["import_lucide_icons", "React"]
6
- }
@@ -1,183 +0,0 @@
1
- "use strict";
2
- var __create = Object.create;
3
- var __defProp = Object.defineProperty;
4
- var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
5
- var __getOwnPropNames = Object.getOwnPropertyNames;
6
- var __getProtoOf = Object.getPrototypeOf, __hasOwnProp = Object.prototype.hasOwnProperty;
7
- var __export = (target, all) => {
8
- for (var name in all)
9
- __defProp(target, name, { get: all[name], enumerable: !0 });
10
- }, __copyProps = (to, from, except, desc) => {
11
- if (from && typeof from == "object" || typeof from == "function")
12
- for (let key of __getOwnPropNames(from))
13
- !__hasOwnProp.call(to, key) && key !== except && __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
14
- return to;
15
- };
16
- var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
17
- // If the importer is in node compatibility mode or this is not an ESM
18
- // file that has been converted to a CommonJS file using a Babel-
19
- // compatible transform (i.e. "__esModule" has not been set), then set
20
- // "default" to the CommonJS "module.exports" for node compatibility.
21
- isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: !0 }) : target,
22
- mod
23
- )), __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: !0 }), mod);
24
- var DropDownMenuDemo_exports = {};
25
- __export(DropDownMenuDemo_exports, {
26
- DropDownMenuDemo: () => DropDownMenuDemo
27
- });
28
- module.exports = __toCommonJS(DropDownMenuDemo_exports);
29
- var import_core = require("@tamagui/core"), import_dropdown_menu = require("@tamagui/dropdown-menu"), import_lucide_icons = require("@tamagui/lucide-icons"), import_lucide_icons2 = require("@tamagui/lucide-icons"), import_react = __toESM(require("react")), import_tamagui = require("tamagui"), import_jsx_runtime = require("react/jsx-runtime");
30
- function DropDownMenuDemo() {
31
- const [bookmarksChecked, setBookmarksChecked] = import_react.default.useState(!0), [native, setNative] = import_react.default.useState(!1), onSelect = (0, import_tamagui.useEvent)(() => {
32
- });
33
- return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
34
- import_dropdown_menu.DropdownMenu,
35
- {
36
- offset: {
37
- crossAxis: 25
38
- },
39
- allowFlip: !0,
40
- native,
41
- placement: "bottom-start",
42
- children: [
43
- /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_dropdown_menu.DropdownMenu.Trigger, { asChild: !0, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Button, { width: 60, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_lucide_icons.Backpack, {}) }) }),
44
- /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_dropdown_menu.DropdownMenu.Portal, { zIndex: 100, children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
45
- import_dropdown_menu.DropdownMenu.Content,
46
- {
47
- paddingHorizontal: 0,
48
- maxWidth: 180,
49
- borderWidth: 1,
50
- ai: "flex-start",
51
- borderColor: "$borderColor",
52
- enterStyle: { y: -10, opacity: 0 },
53
- exitStyle: { y: -10, opacity: 0 },
54
- elevate: !0,
55
- animation: [
56
- "quick",
57
- {
58
- opacity: {
59
- overshootClamping: !0
60
- }
61
- }
62
- ],
63
- children: [
64
- /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_dropdown_menu.DropdownMenu.Item, { onSelect, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_dropdown_menu.DropdownMenu.ItemTitle, { children: "About Notes" }) }, "about-notes"),
65
- /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_dropdown_menu.DropdownMenu.Separator, {}),
66
- /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_dropdown_menu.DropdownMenu.Group, { children: [
67
- /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_dropdown_menu.DropdownMenu.Item, { onSelect, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_dropdown_menu.DropdownMenu.ItemTitle, { children: "Settings" }) }, "settings"),
68
- /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
69
- import_dropdown_menu.DropdownMenu.Item,
70
- {
71
- onSelect,
72
- jc: "space-between",
73
- textValue: "Calender",
74
- children: [
75
- /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_dropdown_menu.DropdownMenu.ItemTitle, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Text, { children: "Calender" }) }),
76
- /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
77
- import_dropdown_menu.DropdownMenu.ItemIcon,
78
- {
79
- androidIconName: "ic_menu_today",
80
- ios: {
81
- name: "u.square",
82
- hierarchicalColor: "#000",
83
- pointSize: 20
84
- },
85
- children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_lucide_icons.Calendar, { color: "gray", size: "$1" })
86
- }
87
- )
88
- ]
89
- },
90
- "accounts"
91
- )
92
- ] }),
93
- /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_dropdown_menu.DropdownMenu.Separator, {}),
94
- /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_dropdown_menu.DropdownMenu.Group, { children: [
95
- /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_dropdown_menu.DropdownMenu.Item, { onSelect, disabled: !0, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_dropdown_menu.DropdownMenu.ItemTitle, { color: "gray", children: "Locked" }) }, "close-notes"),
96
- /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_dropdown_menu.DropdownMenu.Item, { onSelect, destructive: !0, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_dropdown_menu.DropdownMenu.ItemTitle, { children: "Delete all" }) }, "delete-all")
97
- ] }),
98
- /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_dropdown_menu.DropdownMenu.Separator, {}),
99
- /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_dropdown_menu.DropdownMenu.Sub, { placement: "right-start", children: [
100
- /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_dropdown_menu.DropdownMenu.SubTrigger, { jc: "space-between", children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, { children: [
101
- /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_dropdown_menu.DropdownMenu.ItemTitle, { children: "Actions" }),
102
- !native || import_core.isWeb ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_lucide_icons2.ChevronRight, { size: "$1" }) : null
103
- ] }) }, "actions-trigger"),
104
- /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_dropdown_menu.DropdownMenu.Portal, { zIndex: 200, children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
105
- import_dropdown_menu.DropdownMenu.SubContent,
106
- {
107
- enterStyle: { y: -10, opacity: 0 },
108
- exitStyle: { y: -10, opacity: 0 },
109
- elevate: !0,
110
- animation: [
111
- "quick",
112
- {
113
- opacity: {
114
- overshootClamping: !0
115
- }
116
- }
117
- ],
118
- paddingHorizontal: 0,
119
- children: [
120
- /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_dropdown_menu.DropdownMenu.Label, { fontSize: "$1", children: "Note settings" }),
121
- /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_dropdown_menu.DropdownMenu.Item, { onSelect, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_dropdown_menu.DropdownMenu.ItemTitle, { children: "Create note" }) }, "create-note"),
122
- /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_dropdown_menu.DropdownMenu.Item, { onSelect, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_dropdown_menu.DropdownMenu.ItemTitle, { children: "Delete all notes" }) }, "delete-all"),
123
- /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_dropdown_menu.DropdownMenu.Item, { onSelect, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_dropdown_menu.DropdownMenu.ItemTitle, { children: "Sync notes" }) }, "sync-all")
124
- ]
125
- }
126
- ) })
127
- ] }),
128
- /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_dropdown_menu.DropdownMenu.Separator, { className: "DropdownMenuSeparator" }),
129
- /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
130
- import_dropdown_menu.DropdownMenu.CheckboxItem,
131
- {
132
- checked: bookmarksChecked,
133
- onCheckedChange: setBookmarksChecked,
134
- value: bookmarksChecked ? "on" : "off",
135
- onValueChange: (v) => setBookmarksChecked(v == "on"),
136
- ...import_core.isAndroid && native && {
137
- onSelect: () => {
138
- import_core.isAndroid && setBookmarksChecked(!bookmarksChecked);
139
- }
140
- },
141
- gap: "$2",
142
- children: [
143
- /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_dropdown_menu.DropdownMenu.ItemIndicator, { className: "DropdownMenuItemIndicator", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_lucide_icons.Check, { size: "$1" }) }),
144
- /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_dropdown_menu.DropdownMenu.ItemTitle, { children: "Mark as read" }),
145
- import_core.isAndroid && native && bookmarksChecked && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_dropdown_menu.DropdownMenu.ItemIcon, { androidIconName: "checkbox_on_background" })
146
- ]
147
- },
148
- "show-hidden"
149
- ),
150
- /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
151
- import_dropdown_menu.DropdownMenu.CheckboxItem,
152
- {
153
- checked: native,
154
- onCheckedChange: setNative,
155
- value: native ? "on" : "off",
156
- onValueChange: (v) => setNative(v == "on"),
157
- ...import_core.isAndroid && native && {
158
- onSelect: () => {
159
- setNative(!native);
160
- }
161
- },
162
- gap: "$2",
163
- children: [
164
- /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_dropdown_menu.DropdownMenu.ItemIndicator, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_lucide_icons.Check, { size: "$1" }) }),
165
- /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_dropdown_menu.DropdownMenu.ItemTitle, { children: "Enable Native" }),
166
- import_core.isAndroid && native && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_dropdown_menu.DropdownMenu.ItemIcon, { androidIconName: "checkbox_on_background" })
167
- ]
168
- },
169
- "show-other-notes"
170
- ),
171
- /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_dropdown_menu.DropdownMenu.Arrow, { size: "$2" })
172
- ]
173
- }
174
- ) })
175
- ]
176
- }
177
- );
178
- }
179
- // Annotate the CommonJS export names for ESM import in node:
180
- 0 && (module.exports = {
181
- DropDownMenuDemo
182
- });
183
- //# 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": ["import_lucide_icons", "React"]
6
- }