@bigbluebutton/tldraw 2.0.0-alpha.33 → 2.0.0-alpha.35

package/dist-esm/lib/ui/hooks/useActions.mjs

@@ -56,10 +56,8 @@ function ActionsProvider({ overrides, children }) {
         icon: "link",
         readonlyOk: false,
         onSelect(source) {
-          if (!hasSelectedShapes())
-            return;
-          if (mustGoBackToSelectToolFirst())
-            return;
+          if (!hasSelectedShapes()) return;
+          if (mustGoBackToSelectToolFirst()) return;
           trackEvent("edit-link", { source });
           editor.mark("edit-link");
           addDialog({ component: EditLinkDialog });
@@ -179,10 +177,8 @@ function ActionsProvider({ overrides, children }) {
         label: "action.toggle-auto-size",
         readonlyOk: false,
         onSelect(source) {
-          if (!hasSelectedShapes())
-            return;
-          if (mustGoBackToSelectToolFirst())
-            return;
+          if (!hasSelectedShapes()) return;
+          if (mustGoBackToSelectToolFirst()) return;
           trackEvent("toggle-auto-size", { source });
           editor.mark("toggling auto size");
           editor.updateShapes(
@@ -227,8 +223,7 @@ function ActionsProvider({ overrides, children }) {
         readonlyOk: true,
         kbd: "z",
         onSelect(source) {
-          if (editor.root.getCurrent()?.id === "zoom")
-            return;
+          if (editor.root.getCurrent()?.id === "zoom") return;
           trackEvent("zoom-tool", { source });
           if (!(editor.inputs.shiftKey || editor.inputs.ctrlKey)) {
             const currentTool = editor.root.getCurrent();
@@ -243,10 +238,8 @@ function ActionsProvider({ overrides, children }) {
         label: "action.convert-to-bookmark",
         readonlyOk: false,
         onSelect(source) {
-          if (!hasSelectedShapes())
-            return;
-          if (mustGoBackToSelectToolFirst())
-            return;
+          if (!hasSelectedShapes()) return;
+          if (mustGoBackToSelectToolFirst()) return;
           editor.batch(() => {
             trackEvent("convert-to-bookmark", { source });
             const shapes = editor.getSelectedShapes();
@@ -284,10 +277,8 @@ function ActionsProvider({ overrides, children }) {
         label: "action.convert-to-embed",
         readonlyOk: false,
         onSelect(source) {
-          if (!hasSelectedShapes())
-            return;
-          if (mustGoBackToSelectToolFirst())
-            return;
+          if (!hasSelectedShapes()) return;
+          if (mustGoBackToSelectToolFirst()) return;
           trackEvent("convert-to-embed", { source });
           editor.batch(() => {
             const ids = editor.getSelectedShapeIds();
@@ -295,14 +286,11 @@ function ActionsProvider({ overrides, children }) {
             const createList = [];
             const deleteList = [];
             for (const shape of shapes) {
-              if (!editor.isShapeOfType(shape, "bookmark"))
-                continue;
+              if (!editor.isShapeOfType(shape, "bookmark")) continue;
               const { url } = shape.props;
               const embedInfo = getEmbedInfo(shape.props.url);
-              if (!embedInfo)
-                continue;
-              if (!embedInfo.definition)
-                continue;
+              if (!embedInfo) continue;
+              if (!embedInfo.definition) continue;
               const { width, height } = embedInfo.definition;
               const newPos = new Vec2d(shape.x, shape.y);
               newPos.rot(-shape.rotation);
@@ -336,10 +324,8 @@ function ActionsProvider({ overrides, children }) {
         icon: "duplicate",
         readonlyOk: false,
         onSelect(source) {
-          if (!hasSelectedShapes())
-            return;
-          if (mustGoBackToSelectToolFirst())
-            return;
+          if (!hasSelectedShapes()) return;
+          if (mustGoBackToSelectToolFirst()) return;
           trackEvent("duplicate-shapes", { source });
           const ids = editor.getSelectedShapeIds();
           const commonBounds = Box2d.Common(compact(ids.map((id) => editor.getShapePageBounds(id))));
@@ -361,10 +347,8 @@ function ActionsProvider({ overrides, children }) {
         icon: "ungroup",
         readonlyOk: false,
         onSelect(source) {
-          if (!hasSelectedShapes())
-            return;
-          if (mustGoBackToSelectToolFirst())
-            return;
+          if (!hasSelectedShapes()) return;
+          if (mustGoBackToSelectToolFirst()) return;
           trackEvent("ungroup-shapes", { source });
           editor.mark("ungroup");
           editor.ungroupShapes(editor.getSelectedShapeIds());
@@ -377,10 +361,8 @@ function ActionsProvider({ overrides, children }) {
         icon: "group",
         readonlyOk: false,
         onSelect(source) {
-          if (!hasSelectedShapes())
-            return;
-          if (mustGoBackToSelectToolFirst())
-            return;
+          if (!hasSelectedShapes()) return;
+          if (mustGoBackToSelectToolFirst()) return;
           trackEvent("group-shapes", { source });
           const onlySelectedShape = editor.getOnlySelectedShape();
           if (onlySelectedShape && editor.isShapeOfType(onlySelectedShape, "group")) {
@@ -398,8 +380,7 @@ function ActionsProvider({ overrides, children }) {
         kbd: "$!f",
         readonlyOk: false,
         onSelect(source) {
-          if (!hasSelectedShapes())
-            return;
+          if (!hasSelectedShapes()) return;
           trackEvent("remove-frame", { source });
           const selectedShapes = editor.getSelectedShapes();
           if (selectedShapes.length > 0 && selectedShapes.every((shape) => editor.isShapeOfType(shape, "frame"))) {
@@ -416,8 +397,7 @@ function ActionsProvider({ overrides, children }) {
         label: "action.fit-frame-to-content",
         readonlyOk: false,
         onSelect(source) {
-          if (!hasSelectedShapes())
-            return;
+          if (!hasSelectedShapes()) return;
           trackEvent("fit-frame-to-content", { source });
           const onlySelectedShape = editor.getOnlySelectedShape();
           if (onlySelectedShape && editor.isShapeOfType(onlySelectedShape, "frame")) {
@@ -433,10 +413,8 @@ function ActionsProvider({ overrides, children }) {
         icon: "align-left",
         readonlyOk: false,
         onSelect(source) {
-          if (!hasSelectedShapes())
-            return;
-          if (mustGoBackToSelectToolFirst())
-            return;
+          if (!hasSelectedShapes()) return;
+          if (mustGoBackToSelectToolFirst()) return;
           trackEvent("align-shapes", { operation: "left", source });
           editor.mark("align left");
           editor.alignShapes(editor.getSelectedShapeIds(), "left");
@@ -450,10 +428,8 @@ function ActionsProvider({ overrides, children }) {
         icon: "align-center-horizontal",
         readonlyOk: false,
         onSelect(source) {
-          if (!hasSelectedShapes())
-            return;
-          if (mustGoBackToSelectToolFirst())
-            return;
+          if (!hasSelectedShapes()) return;
+          if (mustGoBackToSelectToolFirst()) return;
           trackEvent("align-shapes", { operation: "center-horizontal", source });
           editor.mark("align center horizontal");
           editor.alignShapes(editor.getSelectedShapeIds(), "center-horizontal");
@@ -466,10 +442,8 @@ function ActionsProvider({ overrides, children }) {
         icon: "align-right",
         readonlyOk: false,
         onSelect(source) {
-          if (!hasSelectedShapes())
-            return;
-          if (mustGoBackToSelectToolFirst())
-            return;
+          if (!hasSelectedShapes()) return;
+          if (mustGoBackToSelectToolFirst()) return;
           trackEvent("align-shapes", { operation: "right", source });
           editor.mark("align right");
           editor.alignShapes(editor.getSelectedShapeIds(), "right");
@@ -483,10 +457,8 @@ function ActionsProvider({ overrides, children }) {
         icon: "align-center-vertical",
         readonlyOk: false,
         onSelect(source) {
-          if (!hasSelectedShapes())
-            return;
-          if (mustGoBackToSelectToolFirst())
-            return;
+          if (!hasSelectedShapes()) return;
+          if (mustGoBackToSelectToolFirst()) return;
           trackEvent("align-shapes", { operation: "center-vertical", source });
           editor.mark("align center vertical");
           editor.alignShapes(editor.getSelectedShapeIds(), "center-vertical");
@@ -499,10 +471,8 @@ function ActionsProvider({ overrides, children }) {
         kbd: "?W",
         readonlyOk: false,
         onSelect(source) {
-          if (!hasSelectedShapes())
-            return;
-          if (mustGoBackToSelectToolFirst())
-            return;
+          if (!hasSelectedShapes()) return;
+          if (mustGoBackToSelectToolFirst()) return;
           trackEvent("align-shapes", { operation: "top", source });
           editor.mark("align top");
           editor.alignShapes(editor.getSelectedShapeIds(), "top");
@@ -515,10 +485,8 @@ function ActionsProvider({ overrides, children }) {
         kbd: "?S",
         readonlyOk: false,
         onSelect(source) {
-          if (!hasSelectedShapes())
-            return;
-          if (mustGoBackToSelectToolFirst())
-            return;
+          if (!hasSelectedShapes()) return;
+          if (mustGoBackToSelectToolFirst()) return;
           trackEvent("align-shapes", { operation: "bottom", source });
           editor.mark("align bottom");
           editor.alignShapes(editor.getSelectedShapeIds(), "bottom");
@@ -532,10 +500,8 @@ function ActionsProvider({ overrides, children }) {
         kbd: "?!h",
         readonlyOk: false,
         onSelect(source) {
-          if (!hasSelectedShapes())
-            return;
-          if (mustGoBackToSelectToolFirst())
-            return;
+          if (!hasSelectedShapes()) return;
+          if (mustGoBackToSelectToolFirst()) return;
           trackEvent("distribute-shapes", { operation: "horizontal", source });
           editor.mark("distribute horizontal");
           editor.distributeShapes(editor.getSelectedShapeIds(), "horizontal");
@@ -549,10 +515,8 @@ function ActionsProvider({ overrides, children }) {
         kbd: "?!V",
         readonlyOk: false,
         onSelect(source) {
-          if (!hasSelectedShapes())
-            return;
-          if (mustGoBackToSelectToolFirst())
-            return;
+          if (!hasSelectedShapes()) return;
+          if (mustGoBackToSelectToolFirst()) return;
           trackEvent("distribute-shapes", { operation: "vertical", source });
           editor.mark("distribute vertical");
           editor.distributeShapes(editor.getSelectedShapeIds(), "vertical");
@@ -565,10 +529,8 @@ function ActionsProvider({ overrides, children }) {
         icon: "stretch-horizontal",
         readonlyOk: false,
         onSelect(source) {
-          if (!hasSelectedShapes())
-            return;
-          if (mustGoBackToSelectToolFirst())
-            return;
+          if (!hasSelectedShapes()) return;
+          if (mustGoBackToSelectToolFirst()) return;
           trackEvent("stretch-shapes", { operation: "horizontal", source });
           editor.mark("stretch horizontal");
           editor.stretchShapes(editor.getSelectedShapeIds(), "horizontal");
@@ -581,10 +543,8 @@ function ActionsProvider({ overrides, children }) {
         icon: "stretch-vertical",
         readonlyOk: false,
         onSelect(source) {
-          if (!hasSelectedShapes())
-            return;
-          if (mustGoBackToSelectToolFirst())
-            return;
+          if (!hasSelectedShapes()) return;
+          if (mustGoBackToSelectToolFirst()) return;
           trackEvent("stretch-shapes", { operation: "vertical", source });
           editor.mark("stretch vertical");
           editor.stretchShapes(editor.getSelectedShapeIds(), "vertical");
@@ -597,10 +557,8 @@ function ActionsProvider({ overrides, children }) {
         kbd: "!h",
         readonlyOk: false,
         onSelect(source) {
-          if (!hasSelectedShapes())
-            return;
-          if (mustGoBackToSelectToolFirst())
-            return;
+          if (!hasSelectedShapes()) return;
+          if (mustGoBackToSelectToolFirst()) return;
           trackEvent("flip-shapes", { operation: "horizontal", source });
           editor.mark("flip horizontal");
           editor.flipShapes(editor.getSelectedShapeIds(), "horizontal");
@@ -613,10 +571,8 @@ function ActionsProvider({ overrides, children }) {
         kbd: "!v",
         readonlyOk: false,
         onSelect(source) {
-          if (!hasSelectedShapes())
-            return;
-          if (mustGoBackToSelectToolFirst())
-            return;
+          if (!hasSelectedShapes()) return;
+          if (mustGoBackToSelectToolFirst()) return;
           trackEvent("flip-shapes", { operation: "vertical", source });
           editor.mark("flip vertical");
           editor.flipShapes(editor.getSelectedShapeIds(), "vertical");
@@ -628,10 +584,8 @@ function ActionsProvider({ overrides, children }) {
         icon: "pack",
         readonlyOk: false,
         onSelect(source) {
-          if (!hasSelectedShapes())
-            return;
-          if (mustGoBackToSelectToolFirst())
-            return;
+          if (!hasSelectedShapes()) return;
+          if (mustGoBackToSelectToolFirst()) return;
           trackEvent("pack-shapes", { source });
           editor.mark("pack");
           editor.packShapes(editor.getSelectedShapeIds(), 16);
@@ -644,10 +598,8 @@ function ActionsProvider({ overrides, children }) {
         icon: "stack-vertical",
         readonlyOk: false,
         onSelect(source) {
-          if (!hasSelectedShapes())
-            return;
-          if (mustGoBackToSelectToolFirst())
-            return;
+          if (!hasSelectedShapes()) return;
+          if (mustGoBackToSelectToolFirst()) return;
           trackEvent("stack-shapes", { operation: "vertical", source });
           editor.mark("stack-vertical");
           editor.stackShapes(editor.getSelectedShapeIds(), "vertical", 16);
@@ -660,10 +612,8 @@ function ActionsProvider({ overrides, children }) {
         icon: "stack-horizontal",
         readonlyOk: false,
         onSelect(source) {
-          if (!hasSelectedShapes())
-            return;
-          if (mustGoBackToSelectToolFirst())
-            return;
+          if (!hasSelectedShapes()) return;
+          if (mustGoBackToSelectToolFirst()) return;
           trackEvent("stack-shapes", { operation: "horizontal", source });
           editor.mark("stack-horizontal");
           editor.stackShapes(editor.getSelectedShapeIds(), "horizontal", 16);
@@ -676,10 +626,8 @@ function ActionsProvider({ overrides, children }) {
         icon: "bring-to-front",
         readonlyOk: false,
         onSelect(source) {
-          if (!hasSelectedShapes())
-            return;
-          if (mustGoBackToSelectToolFirst())
-            return;
+          if (!hasSelectedShapes()) return;
+          if (mustGoBackToSelectToolFirst()) return;
           trackEvent("reorder-shapes", { operation: "toFront", source });
           editor.mark("bring to front");
           editor.bringToFront(editor.getSelectedShapeIds());
@@ -692,10 +640,8 @@ function ActionsProvider({ overrides, children }) {
         kbd: "?]",
         readonlyOk: false,
         onSelect(source) {
-          if (!hasSelectedShapes())
-            return;
-          if (mustGoBackToSelectToolFirst())
-            return;
+          if (!hasSelectedShapes()) return;
+          if (mustGoBackToSelectToolFirst()) return;
           trackEvent("reorder-shapes", { operation: "forward", source });
           editor.mark("bring forward");
           editor.bringForward(editor.getSelectedShapeIds());
@@ -708,10 +654,8 @@ function ActionsProvider({ overrides, children }) {
         kbd: "?[",
         readonlyOk: false,
         onSelect(source) {
-          if (!hasSelectedShapes())
-            return;
-          if (mustGoBackToSelectToolFirst())
-            return;
+          if (!hasSelectedShapes()) return;
+          if (mustGoBackToSelectToolFirst()) return;
           trackEvent("reorder-shapes", { operation: "backward", source });
           editor.mark("send backward");
           editor.sendBackward(editor.getSelectedShapeIds());
@@ -724,10 +668,8 @@ function ActionsProvider({ overrides, children }) {
         kbd: "[",
         readonlyOk: false,
         onSelect(source) {
-          if (!hasSelectedShapes())
-            return;
-          if (mustGoBackToSelectToolFirst())
-            return;
+          if (!hasSelectedShapes()) return;
+          if (mustGoBackToSelectToolFirst()) return;
           trackEvent("reorder-shapes", { operation: "toBack", source });
           editor.mark("send to back");
           editor.sendToBack(editor.getSelectedShapeIds());
@@ -739,10 +681,8 @@ function ActionsProvider({ overrides, children }) {
         kbd: "$x",
         readonlyOk: false,
         onSelect(source) {
-          if (!hasSelectedShapes())
-            return;
-          if (mustGoBackToSelectToolFirst())
-            return;
+          if (!hasSelectedShapes()) return;
+          if (mustGoBackToSelectToolFirst()) return;
           editor.mark("cut");
           cut(source);
         }
@@ -753,10 +693,8 @@ function ActionsProvider({ overrides, children }) {
         kbd: "$c",
         readonlyOk: true,
         onSelect(source) {
-          if (!hasSelectedShapes())
-            return;
-          if (mustGoBackToSelectToolFirst())
-            return;
+          if (!hasSelectedShapes()) return;
+          if (mustGoBackToSelectToolFirst()) return;
           copy(source);
         }
       },
@@ -782,8 +720,7 @@ function ActionsProvider({ overrides, children }) {
         readonlyOk: true,
         onSelect(source) {
           editor.batch(() => {
-            if (mustGoBackToSelectToolFirst())
-              return;
+            if (mustGoBackToSelectToolFirst()) return;
             trackEvent("select-all-shapes", { source });
             editor.mark("select all kbd");
             editor.selectAll();
@@ -795,10 +732,8 @@ function ActionsProvider({ overrides, children }) {
         label: "action.select-none",
         readonlyOk: true,
         onSelect(source) {
-          if (!hasSelectedShapes())
-            return;
-          if (mustGoBackToSelectToolFirst())
-            return;
+          if (!hasSelectedShapes()) return;
+          if (mustGoBackToSelectToolFirst()) return;
           trackEvent("select-none-shapes", { source });
           editor.mark("select none");
           editor.selectNone();
@@ -811,10 +746,8 @@ function ActionsProvider({ overrides, children }) {
         icon: "trash",
         readonlyOk: false,
         onSelect(source) {
-          if (!hasSelectedShapes())
-            return;
-          if (mustGoBackToSelectToolFirst())
-            return;
+          if (!hasSelectedShapes()) return;
+          if (mustGoBackToSelectToolFirst()) return;
           trackEvent("delete-shapes", { source });
           editor.mark("delete");
           editor.deleteShapes(editor.getSelectedShapeIds());
@@ -826,10 +759,8 @@ function ActionsProvider({ overrides, children }) {
         icon: "rotate-cw",
         readonlyOk: false,
         onSelect(source) {
-          if (!hasSelectedShapes())
-            return;
-          if (mustGoBackToSelectToolFirst())
-            return;
+          if (!hasSelectedShapes()) return;
+          if (mustGoBackToSelectToolFirst()) return;
           trackEvent("rotate-cw", { source });
           editor.mark("rotate-cw");
           const offset = editor.getSelectionRotation() % (TAU / 2);
@@ -846,10 +777,8 @@ function ActionsProvider({ overrides, children }) {
         icon: "rotate-ccw",
         readonlyOk: false,
         onSelect(source) {
-          if (!hasSelectedShapes())
-            return;
-          if (mustGoBackToSelectToolFirst())
-            return;
+          if (!hasSelectedShapes()) return;
+          if (mustGoBackToSelectToolFirst()) return;
           trackEvent("rotate-ccw", { source });
           editor.mark("rotate-ccw");
           const offset = editor.getSelectionRotation() % (TAU / 2);
@@ -907,10 +836,8 @@ function ActionsProvider({ overrides, children }) {
         kbd: "!2",
         readonlyOk: true,
         onSelect(source) {
-          if (!hasSelectedShapes())
-            return;
-          if (mustGoBackToSelectToolFirst())
-            return;
+          if (!hasSelectedShapes()) return;
+          if (mustGoBackToSelectToolFirst()) return;
           trackEvent("zoom-to-selection", { source });
           editor.zoomToSelection({ duration: ANIMATION_MEDIUM_MS });
         }