@tamagui/demos 1.82.1 → 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,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"}
|