@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,137 +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
- function DropDownMenuDemo() {
8
- const [bookmarksChecked, setBookmarksChecked] = React.useState(!0), [native, setNative] = React.useState(!1), onSelect = useEvent(() => {
9
- });
10
- return <DropdownMenu
11
- offset={{
12
- crossAxis: 25
13
- }}
14
- allowFlip
15
- native={native}
16
- placement="bottom-start"
17
- >
18
- <DropdownMenu.Trigger asChild><Button width={60}><Backpack /></Button></DropdownMenu.Trigger>
19
- <DropdownMenu.Portal zIndex={100}><DropdownMenu.Content
20
- paddingHorizontal={0}
21
- maxWidth={180}
22
- borderWidth={1}
23
- ai="flex-start"
24
- borderColor="$borderColor"
25
- enterStyle={{ y: -10, opacity: 0 }}
26
- exitStyle={{ y: -10, opacity: 0 }}
27
- elevate
28
- animation={[
29
- "quick",
30
- {
31
- opacity: {
32
- overshootClamping: !0
33
- }
34
- }
35
- ]}
36
- >
37
- <DropdownMenu.Item onSelect={onSelect} key="about-notes"><DropdownMenu.ItemTitle>About Notes</DropdownMenu.ItemTitle></DropdownMenu.Item>
38
- <DropdownMenu.Separator />
39
- <DropdownMenu.Group>
40
- <DropdownMenu.Item onSelect={onSelect} key="settings"><DropdownMenu.ItemTitle>Settings</DropdownMenu.ItemTitle></DropdownMenu.Item>
41
- <DropdownMenu.Item
42
- onSelect={onSelect}
43
- jc="space-between"
44
- textValue="Calender"
45
- key="accounts"
46
- >
47
- <DropdownMenu.ItemTitle><Text>Calender</Text></DropdownMenu.ItemTitle>
48
- <DropdownMenu.ItemIcon
49
- androidIconName="ic_menu_today"
50
- ios={{
51
- name: "u.square",
52
- hierarchicalColor: "#000",
53
- pointSize: 20
54
- }}
55
- ><Calendar color="gray" size="$1" /></DropdownMenu.ItemIcon>
56
- </DropdownMenu.Item>
57
- </DropdownMenu.Group>
58
- <DropdownMenu.Separator />
59
- <DropdownMenu.Group>
60
- <DropdownMenu.Item onSelect={onSelect} key="close-notes" disabled><DropdownMenu.ItemTitle color="gray">Locked</DropdownMenu.ItemTitle></DropdownMenu.Item>
61
- <DropdownMenu.Item onSelect={onSelect} destructive key="delete-all"><DropdownMenu.ItemTitle>Delete all</DropdownMenu.ItemTitle></DropdownMenu.Item>
62
- </DropdownMenu.Group>
63
- <DropdownMenu.Separator />
64
- <DropdownMenu.Sub placement="right-start">
65
- <DropdownMenu.SubTrigger jc="space-between" key="actions-trigger"><>
66
- <DropdownMenu.ItemTitle>Actions</DropdownMenu.ItemTitle>
67
- {!native || isWeb ? <ChevronRight size="$1" /> : null}
68
- </></DropdownMenu.SubTrigger>
69
- <DropdownMenu.Portal zIndex={200}><DropdownMenu.SubContent
70
- enterStyle={{ y: -10, opacity: 0 }}
71
- exitStyle={{ y: -10, opacity: 0 }}
72
- elevate
73
- animation={[
74
- "quick",
75
- {
76
- opacity: {
77
- overshootClamping: !0
78
- }
79
- }
80
- ]}
81
- paddingHorizontal={0}
82
- >
83
- <DropdownMenu.Label fontSize="$1">Note settings</DropdownMenu.Label>
84
- <DropdownMenu.Item onSelect={onSelect} key="create-note"><DropdownMenu.ItemTitle>Create note</DropdownMenu.ItemTitle></DropdownMenu.Item>
85
- <DropdownMenu.Item onSelect={onSelect} key="delete-all"><DropdownMenu.ItemTitle>Delete all notes</DropdownMenu.ItemTitle></DropdownMenu.Item>
86
- <DropdownMenu.Item onSelect={onSelect} key="sync-all"><DropdownMenu.ItemTitle>Sync notes</DropdownMenu.ItemTitle></DropdownMenu.Item>
87
- </DropdownMenu.SubContent></DropdownMenu.Portal>
88
- </DropdownMenu.Sub>
89
- <DropdownMenu.Separator className="DropdownMenuSeparator" />
90
- <DropdownMenu.CheckboxItem
91
- key="show-hidden"
92
- checked={bookmarksChecked}
93
- onCheckedChange={setBookmarksChecked}
94
- value={bookmarksChecked ? "on" : "off"}
95
- onValueChange={(v) => setBookmarksChecked(v == "on")}
96
- {...isAndroid && native && {
97
- onSelect: () => {
98
- isAndroid && setBookmarksChecked(!bookmarksChecked);
99
- }
100
- }}
101
- gap="$2"
102
- >
103
- <DropdownMenu.ItemIndicator className="DropdownMenuItemIndicator"><Check size="$1" /></DropdownMenu.ItemIndicator>
104
- <DropdownMenu.ItemTitle>Mark as read</DropdownMenu.ItemTitle>
105
- {
106
- /* android native menu treat checkbox as simple MenuItem */
107
- }
108
- {isAndroid && native && bookmarksChecked && <DropdownMenu.ItemIcon androidIconName="checkbox_on_background" />}
109
- </DropdownMenu.CheckboxItem>
110
- <DropdownMenu.CheckboxItem
111
- key="show-other-notes"
112
- checked={native}
113
- onCheckedChange={setNative}
114
- value={native ? "on" : "off"}
115
- onValueChange={(v) => setNative(v == "on")}
116
- {...isAndroid && native && {
117
- onSelect: () => {
118
- setNative(!native);
119
- }
120
- }}
121
- gap="$2"
122
- >
123
- <DropdownMenu.ItemIndicator><Check size="$1" /></DropdownMenu.ItemIndicator>
124
- <DropdownMenu.ItemTitle>Enable Native</DropdownMenu.ItemTitle>
125
- {
126
- /* android native menu treat checkbox as simple MenuItem */
127
- }
128
- {isAndroid && native && <DropdownMenu.ItemIcon androidIconName="checkbox_on_background" />}
129
- </DropdownMenu.CheckboxItem>
130
- <DropdownMenu.Arrow size="$2" />
131
- </DropdownMenu.Content></DropdownMenu.Portal>
132
- </DropdownMenu>;
133
- }
134
- export {
135
- DropDownMenuDemo
136
- };
137
- //# 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
- }
@@ -1 +0,0 @@
1
- {"version":3,"file":"ContextMenuDemo.d.ts","sourceRoot":"","sources":["../src/ContextMenuDemo.tsx"],"names":[],"mappings":";AAQA,wBAAgB,eAAe,gBA0L9B"}
@@ -1 +0,0 @@
1
- {"version":3,"file":"DropDownMenuDemo.d.ts","sourceRoot":"","sources":["../src/DropDownMenuDemo.tsx"],"names":[],"mappings":";AAOA,wBAAgB,gBAAgB,gBA2K/B"}