tldraw
Version:
A tiny little drawing editor.
268 lines (267 loc) • 14.3 kB
JavaScript
;
var __defProp = Object.defineProperty;
var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
var __getOwnPropNames = Object.getOwnPropertyNames;
var __hasOwnProp = Object.prototype.hasOwnProperty;
var __export = (target, all) => {
for (var name in all)
__defProp(target, name, { get: all[name], enumerable: true });
};
var __copyProps = (to, from, except, desc) => {
if (from && typeof from === "object" || typeof from === "function") {
for (let key of __getOwnPropNames(from))
if (!__hasOwnProp.call(to, key) && key !== except)
__defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
}
return to;
};
var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
var DefaultKeyboardShortcutsDialogContent_exports = {};
__export(DefaultKeyboardShortcutsDialogContent_exports, {
DefaultKeyboardShortcutsDialogContent: () => DefaultKeyboardShortcutsDialogContent
});
module.exports = __toCommonJS(DefaultKeyboardShortcutsDialogContent_exports);
var import_jsx_runtime = require("react/jsx-runtime");
var import_useCollaborationStatus = require("../../hooks/useCollaborationStatus");
var import_TldrawUiMenuActionItem = require("../primitives/menus/TldrawUiMenuActionItem");
var import_TldrawUiMenuGroup = require("../primitives/menus/TldrawUiMenuGroup");
var import_TldrawUiMenuItem = require("../primitives/menus/TldrawUiMenuItem");
var import_TldrawUiMenuToolItem = require("../primitives/menus/TldrawUiMenuToolItem");
function DefaultKeyboardShortcutsDialogContent() {
const showCollaborationUi = (0, import_useCollaborationStatus.useShowCollaborationUi)();
return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, { children: [
/* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_TldrawUiMenuGroup.TldrawUiMenuGroup, { label: "shortcuts-dialog.tools", id: "tools", children: [
/* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_TldrawUiMenuActionItem.TldrawUiMenuActionItem, { actionId: "toggle-tool-lock" }),
/* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_TldrawUiMenuActionItem.TldrawUiMenuActionItem, { actionId: "insert-media" }),
/* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_TldrawUiMenuToolItem.TldrawUiMenuToolItem, { toolId: "select" }),
/* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_TldrawUiMenuToolItem.TldrawUiMenuToolItem, { toolId: "draw" }),
/* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_TldrawUiMenuToolItem.TldrawUiMenuToolItem, { toolId: "eraser" }),
/* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_TldrawUiMenuToolItem.TldrawUiMenuToolItem, { toolId: "hand" }),
/* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_TldrawUiMenuToolItem.TldrawUiMenuToolItem, { toolId: "rectangle" }),
/* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_TldrawUiMenuToolItem.TldrawUiMenuToolItem, { toolId: "ellipse" }),
/* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_TldrawUiMenuToolItem.TldrawUiMenuToolItem, { toolId: "arrow" }),
/* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_TldrawUiMenuToolItem.TldrawUiMenuToolItem, { toolId: "line" }),
/* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_TldrawUiMenuToolItem.TldrawUiMenuToolItem, { toolId: "text" }),
/* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_TldrawUiMenuToolItem.TldrawUiMenuToolItem, { toolId: "frame" }),
/* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_TldrawUiMenuToolItem.TldrawUiMenuToolItem, { toolId: "note" }),
/* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_TldrawUiMenuToolItem.TldrawUiMenuToolItem, { toolId: "laser" }),
/* @__PURE__ */ (0, import_jsx_runtime.jsx)(
import_TldrawUiMenuItem.TldrawUiMenuItem,
{
id: "pointer-down",
label: "tool.pointer-down",
kbd: ",",
onSelect: () => {
}
}
)
] }),
/* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_TldrawUiMenuGroup.TldrawUiMenuGroup, { label: "shortcuts-dialog.preferences", id: "preferences", children: [
/* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_TldrawUiMenuActionItem.TldrawUiMenuActionItem, { actionId: "toggle-dark-mode" }),
/* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_TldrawUiMenuActionItem.TldrawUiMenuActionItem, { actionId: "toggle-focus-mode" }),
/* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_TldrawUiMenuActionItem.TldrawUiMenuActionItem, { actionId: "toggle-grid" })
] }),
/* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_TldrawUiMenuGroup.TldrawUiMenuGroup, { label: "shortcuts-dialog.edit", id: "edit", children: [
/* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_TldrawUiMenuActionItem.TldrawUiMenuActionItem, { actionId: "undo" }),
/* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_TldrawUiMenuActionItem.TldrawUiMenuActionItem, { actionId: "redo" }),
/* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_TldrawUiMenuActionItem.TldrawUiMenuActionItem, { actionId: "cut" }),
/* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_TldrawUiMenuActionItem.TldrawUiMenuActionItem, { actionId: "copy" }),
/* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_TldrawUiMenuActionItem.TldrawUiMenuActionItem, { actionId: "paste" }),
/* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_TldrawUiMenuActionItem.TldrawUiMenuActionItem, { actionId: "select-all" }),
/* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_TldrawUiMenuActionItem.TldrawUiMenuActionItem, { actionId: "delete" }),
/* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_TldrawUiMenuActionItem.TldrawUiMenuActionItem, { actionId: "duplicate" })
] }),
/* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_TldrawUiMenuGroup.TldrawUiMenuGroup, { label: "shortcuts-dialog.view", id: "view", children: [
/* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_TldrawUiMenuActionItem.TldrawUiMenuActionItem, { actionId: "zoom-in" }),
/* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_TldrawUiMenuActionItem.TldrawUiMenuActionItem, { actionId: "zoom-out" }),
/* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_TldrawUiMenuActionItem.TldrawUiMenuActionItem, { actionId: "zoom-to-100" }),
/* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_TldrawUiMenuActionItem.TldrawUiMenuActionItem, { actionId: "zoom-to-fit" }),
/* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_TldrawUiMenuActionItem.TldrawUiMenuActionItem, { actionId: "zoom-to-selection" })
] }),
/* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_TldrawUiMenuGroup.TldrawUiMenuGroup, { label: "shortcuts-dialog.transform", id: "transform", children: [
/* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_TldrawUiMenuActionItem.TldrawUiMenuActionItem, { actionId: "bring-to-front" }),
/* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_TldrawUiMenuActionItem.TldrawUiMenuActionItem, { actionId: "bring-forward" }),
/* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_TldrawUiMenuActionItem.TldrawUiMenuActionItem, { actionId: "send-backward" }),
/* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_TldrawUiMenuActionItem.TldrawUiMenuActionItem, { actionId: "send-to-back" }),
/* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_TldrawUiMenuActionItem.TldrawUiMenuActionItem, { actionId: "group" }),
/* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_TldrawUiMenuActionItem.TldrawUiMenuActionItem, { actionId: "ungroup" }),
/* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_TldrawUiMenuActionItem.TldrawUiMenuActionItem, { actionId: "flip-horizontal" }),
/* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_TldrawUiMenuActionItem.TldrawUiMenuActionItem, { actionId: "flip-vertical" }),
/* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_TldrawUiMenuActionItem.TldrawUiMenuActionItem, { actionId: "align-top" }),
/* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_TldrawUiMenuActionItem.TldrawUiMenuActionItem, { actionId: "align-center-vertical" }),
/* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_TldrawUiMenuActionItem.TldrawUiMenuActionItem, { actionId: "align-bottom" }),
/* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_TldrawUiMenuActionItem.TldrawUiMenuActionItem, { actionId: "align-left" }),
/* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_TldrawUiMenuActionItem.TldrawUiMenuActionItem, { actionId: "align-center-horizontal" }),
/* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_TldrawUiMenuActionItem.TldrawUiMenuActionItem, { actionId: "align-right" })
] }),
/* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_TldrawUiMenuGroup.TldrawUiMenuGroup, { label: "shortcuts-dialog.text-formatting", id: "text", children: [
/* @__PURE__ */ (0, import_jsx_runtime.jsx)(
import_TldrawUiMenuItem.TldrawUiMenuItem,
{
id: "text-bold",
label: "tool.rich-text-bold",
kbd: "cmd+b",
onSelect: () => {
}
}
),
/* @__PURE__ */ (0, import_jsx_runtime.jsx)(
import_TldrawUiMenuItem.TldrawUiMenuItem,
{
id: "text-italic",
label: "tool.rich-text-italic",
kbd: "cmd+i",
onSelect: () => {
}
}
),
/* @__PURE__ */ (0, import_jsx_runtime.jsx)(
import_TldrawUiMenuItem.TldrawUiMenuItem,
{
id: "text-code",
label: "tool.rich-text-code",
kbd: "cmd+e",
onSelect: () => {
}
}
),
/* @__PURE__ */ (0, import_jsx_runtime.jsx)(
import_TldrawUiMenuItem.TldrawUiMenuItem,
{
id: "text-highlight",
label: "tool.rich-text-highlight",
kbd: "cmd+shift+h",
onSelect: () => {
}
}
),
/* @__PURE__ */ (0, import_jsx_runtime.jsx)(
import_TldrawUiMenuItem.TldrawUiMenuItem,
{
id: "text-strikethrough",
label: "tool.rich-text-strikethrough",
kbd: "cmd+shift+s",
onSelect: () => {
}
}
),
/* @__PURE__ */ (0, import_jsx_runtime.jsx)(
import_TldrawUiMenuItem.TldrawUiMenuItem,
{
id: "text-link",
label: "tool.rich-text-link",
kbd: "cmd+shift+k",
onSelect: () => {
}
}
),
/* @__PURE__ */ (0, import_jsx_runtime.jsx)(
import_TldrawUiMenuItem.TldrawUiMenuItem,
{
id: "text-header",
label: "tool.rich-text-header",
kbd: "cmd+shift+[[1-6]]",
onSelect: () => {
}
}
),
/* @__PURE__ */ (0, import_jsx_runtime.jsx)(
import_TldrawUiMenuItem.TldrawUiMenuItem,
{
id: "text-orderedList",
label: "tool.rich-text-orderedList",
kbd: "cmd+shift+7",
onSelect: () => {
}
}
),
/* @__PURE__ */ (0, import_jsx_runtime.jsx)(
import_TldrawUiMenuItem.TldrawUiMenuItem,
{
id: "text-bulletedlist",
label: "tool.rich-text-bulletList",
kbd: "cmd+shift+8",
onSelect: () => {
}
}
)
] }),
/* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_TldrawUiMenuGroup.TldrawUiMenuGroup, { label: "shortcuts-dialog.a11y", id: "a11y", children: [
/* @__PURE__ */ (0, import_jsx_runtime.jsx)(
import_TldrawUiMenuItem.TldrawUiMenuItem,
{
id: "a11y-select-next-shape",
label: "a11y.select-shape",
kbd: "[[Tab]]",
onSelect: () => {
}
}
),
/* @__PURE__ */ (0, import_jsx_runtime.jsx)(
import_TldrawUiMenuItem.TldrawUiMenuItem,
{
id: "a11y-select-next-shape-direction",
label: "a11y.select-shape-direction",
kbd: "cmd+\u2191\u2192\u2193\u2190",
onSelect: () => {
}
}
),
/* @__PURE__ */ (0, import_jsx_runtime.jsx)(
import_TldrawUiMenuItem.TldrawUiMenuItem,
{
id: "a11y-select-next-shape-container",
label: "a11y.enter-leave-container",
kbd: "cmd+shift+\u2191\u2192",
onSelect: () => {
}
}
),
/* @__PURE__ */ (0, import_jsx_runtime.jsx)(
import_TldrawUiMenuItem.TldrawUiMenuItem,
{
id: "a11y-pan-camera",
label: "a11y.pan-camera",
kbd: "[[Space]]+\u2191\u2192\u2193\u2190",
onSelect: () => {
}
}
),
/* @__PURE__ */ (0, import_jsx_runtime.jsx)(
import_TldrawUiMenuItem.TldrawUiMenuItem,
{
id: "adjust-shape-styles",
label: "a11y.adjust-shape-styles",
kbd: "$+[[Enter]]",
onSelect: () => {
}
}
),
/* @__PURE__ */ (0, import_jsx_runtime.jsx)(
import_TldrawUiMenuItem.TldrawUiMenuItem,
{
id: "a11y-move-shape",
label: "a11y.move-shape",
kbd: "\u2191\u2192\u2193\u2190",
onSelect: () => {
}
}
),
/* @__PURE__ */ (0, import_jsx_runtime.jsx)(
import_TldrawUiMenuItem.TldrawUiMenuItem,
{
id: "a11y-move-shape-faster",
label: "a11y.move-shape-faster",
kbd: "shift+\u2191\u2192\u2193\u2190",
onSelect: () => {
}
}
),
/* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_TldrawUiMenuActionItem.TldrawUiMenuActionItem, { actionId: "enlarge-shapes" }),
/* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_TldrawUiMenuActionItem.TldrawUiMenuActionItem, { actionId: "shrink-shapes" }),
/* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_TldrawUiMenuActionItem.TldrawUiMenuActionItem, { actionId: "a11y-repeat-shape-announce" })
] }),
showCollaborationUi && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_TldrawUiMenuGroup.TldrawUiMenuGroup, { label: "shortcuts-dialog.collaboration", id: "collaboration", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_TldrawUiMenuActionItem.TldrawUiMenuActionItem, { actionId: "open-cursor-chat" }) })
] });
}
//# sourceMappingURL=DefaultKeyboardShortcutsDialogContent.js.map