tldraw 3.16.0-internal.a478398270c6 → 3.16.0-next.15f085081fd5

package/dist-cjs/lib/ui/context/actions.js

@@ -42,11 +42,13 @@ var import_frames = require("../../utils/frames/frames");
 var import_A11y = require("../components/A11y");
 var import_EditLinkDialog = require("../components/EditLinkDialog");
 var import_EmbedDialog = require("../components/EmbedDialog");
+var import_DefaultKeyboardShortcutsDialog = require("../components/KeyboardShortcutsDialog/DefaultKeyboardShortcutsDialog");
 var import_useCollaborationStatus = require("../hooks/useCollaborationStatus");
 var import_useFlatten = require("../hooks/useFlatten");
 var import_useTranslation = require("../hooks/useTranslation/useTranslation");
 var import_overrides = require("../overrides");
 var import_a11y = require("./a11y");
+var import_components = require("./components");
 var import_events = require("./events");
 const ActionsContext = React.createContext(null);
 function supportsDownloadingOriginal(shape, editor) {
@@ -66,6 +68,7 @@ function ActionsProvider({ overrides, children }) {
   const _editor = (0, import_editor.useMaybeEditor)();
   const showCollaborationUi = (0, import_useCollaborationStatus.useShowCollaborationUi)();
   const helpers = (0, import_overrides.useDefaultHelpers)();
+  const components = (0, import_components.useTldrawUiComponents)();
   const trackEvent = (0, import_events.useUiEvents)();
   const a11y = (0, import_a11y.useA11y)();
   const msg = (0, import_useTranslation.useTranslation)();
@@ -121,6 +124,17 @@ function ActionsProvider({ overrides, children }) {
           helpers.addDialog({ component: import_EmbedDialog.EmbedDialog });
         }
       },
+      {
+        id: "open-kbd-shortcuts",
+        label: "action.open-kbd-shortcuts",
+        kbd: "cmd+alt+/,ctrl+alt+/",
+        onSelect(source) {
+          trackEvent("open-kbd-shortcuts", { source });
+          helpers.addDialog({
+            component: components.KeyboardShortcutsDialog ?? import_DefaultKeyboardShortcutsDialog.DefaultKeyboardShortcutsDialog
+          });
+        }
+      },
       {
         id: "insert-media",
         label: "action.insert-media",
@@ -426,7 +440,6 @@ function ActionsProvider({ overrides, children }) {
               y: 0
             };
           }
-          if (!editor.canCreateShapes(ids)) return;
           editor.markHistoryStoppingPoint("duplicate shapes");
           editor.duplicateShapes(ids, offset);
           if (instanceState.duplicateProps) {
@@ -913,16 +926,19 @@ function ActionsProvider({ overrides, children }) {
         id: "rotate-cw",
         label: "action.rotate-cw",
         icon: "rotate-cw",
+        kbd: "shift+.,shift+alt+.",
         onSelect(source) {
           if (!canApplySelectionAction()) return;
           if (mustGoBackToSelectToolFirst()) return;
-          trackEvent("rotate-cw", { source });
+          const isFine = editor.inputs.altKey;
+          trackEvent("rotate-cw", { source, fine: isFine });
           editor.markHistoryStoppingPoint("rotate-cw");
           editor.run(() => {
-            const offset = editor.getSelectionRotation() % (import_editor.HALF_PI / 2);
-            const dontUseOffset = (0, import_editor.approximately)(offset, 0) || (0, import_editor.approximately)(offset, import_editor.HALF_PI / 2);
+            const rotation = import_editor.HALF_PI / (isFine ? 96 : 6);
+            const offset = editor.getSelectionRotation() % rotation;
+            const dontUseOffset = (0, import_editor.approximately)(offset, 0) || (0, import_editor.approximately)(offset, rotation);
             const selectedShapeIds = editor.getSelectedShapeIds();
-            editor.rotateShapesBy(selectedShapeIds, import_editor.HALF_PI / 2 - (dontUseOffset ? 0 : offset));
+            editor.rotateShapesBy(selectedShapeIds, rotation - (dontUseOffset ? 0 : offset));
             (0, import_editor.kickoutOccludedShapes)(editor, selectedShapeIds);
           });
         }
@@ -931,16 +947,20 @@ function ActionsProvider({ overrides, children }) {
         id: "rotate-ccw",
         label: "action.rotate-ccw",
         icon: "rotate-ccw",
+        // omg double comma
+        kbd: "shift+,,shift+alt+,",
         onSelect(source) {
           if (!canApplySelectionAction()) return;
           if (mustGoBackToSelectToolFirst()) return;
-          trackEvent("rotate-ccw", { source });
+          const isFine = editor.inputs.altKey;
+          trackEvent("rotate-ccw", { source, fine: isFine });
           editor.markHistoryStoppingPoint("rotate-ccw");
           editor.run(() => {
-            const offset = editor.getSelectionRotation() % (import_editor.HALF_PI / 2);
+            const rotation = import_editor.HALF_PI / (isFine ? 96 : 6);
+            const offset = editor.getSelectionRotation() % rotation;
             const offsetCloseToZero = (0, import_editor.approximately)(offset, 0);
             const selectedShapeIds = editor.getSelectedShapeIds();
-            editor.rotateShapesBy(selectedShapeIds, offsetCloseToZero ? -(import_editor.HALF_PI / 2) : -offset);
+            editor.rotateShapesBy(selectedShapeIds, offsetCloseToZero ? -rotation : -offset);
             (0, import_editor.kickoutOccludedShapes)(editor, selectedShapeIds);
           });
         }
@@ -1117,6 +1137,36 @@ function ActionsProvider({ overrides, children }) {
         },
         checkbox: true
       },
+      {
+        id: "toggle-keyboard-shortcuts",
+        label: {
+          default: "action.toggle-keyboard-shortcuts",
+          menu: "action.toggle-keyboard-shortcuts.menu"
+        },
+        readonlyOk: true,
+        onSelect(source) {
+          trackEvent("toggle-keyboard-shortcuts", { source });
+          editor.user.updateUserPreferences({
+            areKeyboardShortcutsEnabled: !editor.user.getAreKeyboardShortcutsEnabled()
+          });
+        },
+        checkbox: true
+      },
+      {
+        id: "toggle-ui-labels",
+        label: {
+          default: "action.toggle-ui-labels",
+          menu: "action.toggle-ui-labels.menu"
+        },
+        readonlyOk: true,
+        onSelect(source) {
+          trackEvent("toggle-ui-labels", { source });
+          editor.user.updateUserPreferences({
+            showUiLabels: !editor.user.getShowUiLabels()
+          });
+        },
+        checkbox: true
+      },
       {
         id: "toggle-edge-scrolling",
         label: {
@@ -1400,6 +1450,7 @@ function ActionsProvider({ overrides, children }) {
         id: "adjust-shape-styles",
         label: "a11y.adjust-shape-styles",
         kbd: "cmd+Enter,ctrl+Enter",
+        isRequiredA11yAction: true,
         onSelect: async (source) => {
           if (!canApplySelectionAction()) return;
           const firstButton = editor.getContainer().querySelector(".tlui-style-panel button");
@@ -1410,6 +1461,7 @@ function ActionsProvider({ overrides, children }) {
       {
         id: "a11y-open-context-menu",
         kbd: "cmd+shift+Enter,ctrl+shift+Enter",
+        isRequiredA11yAction: true,
         readonlyOk: true,
         onSelect: async (source) => {
           if (!canApplySelectionAction()) return;
@@ -1450,6 +1502,7 @@ function ActionsProvider({ overrides, children }) {
         id: "a11y-repeat-shape-announce",
         kbd: "alt+r",
         label: "a11y.repeat-shape",
+        isRequiredA11yAction: true,
         readonlyOk: true,
         onSelect: async (source) => {
           const selectedShapeIds = editor.getSelectedShapeIds();
@@ -1541,7 +1594,17 @@ function ActionsProvider({ overrides, children }) {
       return overrides(editor, actions2, helpers);
     }
     return actions2;
-  }, [helpers, _editor, trackEvent, overrides, defaultDocumentName, showCollaborationUi, msg, a11y]);
+  }, [
+    helpers,
+    _editor,
+    trackEvent,
+    overrides,
+    defaultDocumentName,
+    showCollaborationUi,
+    msg,
+    a11y,
+    components
+  ]);
   return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(ActionsContext.Provider, { value: asActions(actions), children });
 }
 function useActions() {