/
DefaultContextMenuContent.tsx
58 lines (54 loc) · 1.32 KB
/
DefaultContextMenuContent.tsx
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
import { useEditor, useValue } from '@tldraw/editor'
import {
ArrangeMenuSubmenu,
ClipboardMenuGroup,
ConversionsMenuGroup,
ConvertToBookmarkMenuItem,
ConvertToEmbedMenuItem,
EditLinkMenuItem,
FitFrameToContentMenuItem,
GroupMenuItem,
MoveToPageMenu,
RemoveFrameMenuItem,
ReorderMenuSubmenu,
SelectAllMenuItem,
ToggleAutoSizeMenuItem,
ToggleLockMenuItem,
UngroupMenuItem,
} from '../menu-items'
import { TldrawUiMenuGroup } from '../primitives/menus/TldrawUiMenuGroup'
/** @public */
export function DefaultContextMenuContent() {
const editor = useEditor()
const selectToolActive = useValue(
'isSelectToolActive',
() => editor.getCurrentToolId() === 'select',
[editor]
)
if (!selectToolActive) return null
return (
<>
<TldrawUiMenuGroup id="misc">
<GroupMenuItem />
<UngroupMenuItem />
<EditLinkMenuItem />
<ToggleAutoSizeMenuItem />
<RemoveFrameMenuItem />
<FitFrameToContentMenuItem />
<ConvertToEmbedMenuItem />
<ConvertToBookmarkMenuItem />
<ToggleLockMenuItem />
</TldrawUiMenuGroup>
<TldrawUiMenuGroup id="modify">
<ArrangeMenuSubmenu />
<ReorderMenuSubmenu />
<MoveToPageMenu />
</TldrawUiMenuGroup>
<ClipboardMenuGroup />
<ConversionsMenuGroup />
<TldrawUiMenuGroup id="select-all">
<SelectAllMenuItem />
</TldrawUiMenuGroup>
</>
)
}