tldraw
Version:
A tiny little drawing editor.
81 lines (80 loc) • 5.16 kB
JavaScript
import { Fragment, jsx, jsxs } from "react/jsx-runtime";
import { useShowCollaborationUi } from "../../hooks/useIsMultiplayer.mjs";
import { TldrawUiMenuActionItem } from "../primitives/menus/TldrawUiMenuActionItem.mjs";
import { TldrawUiMenuGroup } from "../primitives/menus/TldrawUiMenuGroup.mjs";
import { TldrawUiMenuItem } from "../primitives/menus/TldrawUiMenuItem.mjs";
import { TldrawUiMenuToolItem } from "../primitives/menus/TldrawUiMenuToolItem.mjs";
function DefaultKeyboardShortcutsDialogContent() {
const showCollaborationUi = useShowCollaborationUi();
return /* @__PURE__ */ jsxs(Fragment, { children: [
/* @__PURE__ */ jsxs(TldrawUiMenuGroup, { label: "shortcuts-dialog.tools", id: "tools", children: [
/* @__PURE__ */ jsx(TldrawUiMenuActionItem, { actionId: "toggle-tool-lock" }),
/* @__PURE__ */ jsx(TldrawUiMenuActionItem, { actionId: "insert-media" }),
/* @__PURE__ */ jsx(TldrawUiMenuToolItem, { toolId: "select" }),
/* @__PURE__ */ jsx(TldrawUiMenuToolItem, { toolId: "draw" }),
/* @__PURE__ */ jsx(TldrawUiMenuToolItem, { toolId: "eraser" }),
/* @__PURE__ */ jsx(TldrawUiMenuToolItem, { toolId: "hand" }),
/* @__PURE__ */ jsx(TldrawUiMenuToolItem, { toolId: "rectangle" }),
/* @__PURE__ */ jsx(TldrawUiMenuToolItem, { toolId: "ellipse" }),
/* @__PURE__ */ jsx(TldrawUiMenuToolItem, { toolId: "arrow" }),
/* @__PURE__ */ jsx(TldrawUiMenuToolItem, { toolId: "line" }),
/* @__PURE__ */ jsx(TldrawUiMenuToolItem, { toolId: "text" }),
/* @__PURE__ */ jsx(TldrawUiMenuToolItem, { toolId: "frame" }),
/* @__PURE__ */ jsx(TldrawUiMenuToolItem, { toolId: "note" }),
/* @__PURE__ */ jsx(TldrawUiMenuToolItem, { toolId: "laser" }),
/* @__PURE__ */ jsx(
TldrawUiMenuItem,
{
id: "pointer-down",
label: "tool.pointer-down",
kbd: ",",
onSelect: () => {
}
}
)
] }),
/* @__PURE__ */ jsxs(TldrawUiMenuGroup, { label: "shortcuts-dialog.preferences", id: "preferences", children: [
/* @__PURE__ */ jsx(TldrawUiMenuActionItem, { actionId: "toggle-dark-mode" }),
/* @__PURE__ */ jsx(TldrawUiMenuActionItem, { actionId: "toggle-focus-mode" }),
/* @__PURE__ */ jsx(TldrawUiMenuActionItem, { actionId: "toggle-grid" })
] }),
/* @__PURE__ */ jsxs(TldrawUiMenuGroup, { label: "shortcuts-dialog.edit", id: "edit", children: [
/* @__PURE__ */ jsx(TldrawUiMenuActionItem, { actionId: "undo" }),
/* @__PURE__ */ jsx(TldrawUiMenuActionItem, { actionId: "redo" }),
/* @__PURE__ */ jsx(TldrawUiMenuActionItem, { actionId: "cut" }),
/* @__PURE__ */ jsx(TldrawUiMenuActionItem, { actionId: "copy" }),
/* @__PURE__ */ jsx(TldrawUiMenuActionItem, { actionId: "paste" }),
/* @__PURE__ */ jsx(TldrawUiMenuActionItem, { actionId: "select-all" }),
/* @__PURE__ */ jsx(TldrawUiMenuActionItem, { actionId: "delete" }),
/* @__PURE__ */ jsx(TldrawUiMenuActionItem, { actionId: "duplicate" })
] }),
/* @__PURE__ */ jsxs(TldrawUiMenuGroup, { label: "shortcuts-dialog.view", id: "view", children: [
/* @__PURE__ */ jsx(TldrawUiMenuActionItem, { actionId: "zoom-in" }),
/* @__PURE__ */ jsx(TldrawUiMenuActionItem, { actionId: "zoom-out" }),
/* @__PURE__ */ jsx(TldrawUiMenuActionItem, { actionId: "zoom-to-100" }),
/* @__PURE__ */ jsx(TldrawUiMenuActionItem, { actionId: "zoom-to-fit" }),
/* @__PURE__ */ jsx(TldrawUiMenuActionItem, { actionId: "zoom-to-selection" })
] }),
/* @__PURE__ */ jsxs(TldrawUiMenuGroup, { label: "shortcuts-dialog.transform", id: "transform", children: [
/* @__PURE__ */ jsx(TldrawUiMenuActionItem, { actionId: "bring-to-front" }),
/* @__PURE__ */ jsx(TldrawUiMenuActionItem, { actionId: "bring-forward" }),
/* @__PURE__ */ jsx(TldrawUiMenuActionItem, { actionId: "send-backward" }),
/* @__PURE__ */ jsx(TldrawUiMenuActionItem, { actionId: "send-to-back" }),
/* @__PURE__ */ jsx(TldrawUiMenuActionItem, { actionId: "group" }),
/* @__PURE__ */ jsx(TldrawUiMenuActionItem, { actionId: "ungroup" }),
/* @__PURE__ */ jsx(TldrawUiMenuActionItem, { actionId: "flip-horizontal" }),
/* @__PURE__ */ jsx(TldrawUiMenuActionItem, { actionId: "flip-vertical" }),
/* @__PURE__ */ jsx(TldrawUiMenuActionItem, { actionId: "align-top" }),
/* @__PURE__ */ jsx(TldrawUiMenuActionItem, { actionId: "align-center-vertical" }),
/* @__PURE__ */ jsx(TldrawUiMenuActionItem, { actionId: "align-bottom" }),
/* @__PURE__ */ jsx(TldrawUiMenuActionItem, { actionId: "align-left" }),
/* @__PURE__ */ jsx(TldrawUiMenuActionItem, { actionId: "align-center-horizontal" }),
/* @__PURE__ */ jsx(TldrawUiMenuActionItem, { actionId: "align-right" })
] }),
showCollaborationUi && /* @__PURE__ */ jsx(TldrawUiMenuGroup, { label: "shortcuts-dialog.collaboration", id: "collaboration", children: /* @__PURE__ */ jsx(TldrawUiMenuActionItem, { actionId: "open-cursor-chat" }) })
] });
}
export {
DefaultKeyboardShortcutsDialogContent
};
//# sourceMappingURL=DefaultKeyboardShortcutsDialogContent.mjs.map