@tldraw/editor 5.3.0-canary.263f9dbe88bb → 5.3.0-canary.3c03dcdf8fa0

package/dist-cjs/index.d.ts

@@ -219,7 +219,7 @@ export declare abstract class BaseBoxShapeUtil<Shape extends TLBaseBoxShape> ext
 }
 
 /**
- * A base class for frame-like shapes — containers that clip their children,
+ * A base class for frame-like shapes — containers that clip their children except arrows,
  * require full-brush selection, block erasure from inside, and support
  * drag-and-drop reparenting.
  *
@@ -231,6 +231,7 @@ export declare abstract class BaseBoxShapeUtil<Shape extends TLBaseBoxShape> ext
  * - `canReceiveNewChildrenOfType()` returns `true` unless the container is locked
  * - `canRemoveChildrenOfType()` returns `true` unless the container is locked
  * - `getClipPath()` returns the shape geometry's vertices
+ * - `shouldClipChild()` clips all children except arrows
  * - `onDragShapesIn()` reparents shapes into the frame (with index restoration)
  * - `onDragShapesOut()` reparents shapes back to the page
  *
@@ -266,6 +267,7 @@ export declare abstract class BaseFrameLikeShapeUtil<Shape extends TLBaseBoxShap
     canReceiveNewChildrenOfType(shape: Shape, _type: TLShape['type']): boolean;
     canRemoveChildrenOfType(shape: Shape, _type: TLShape['type']): boolean;
     getClipPath(shape: Shape): undefined | Vec[];
+    shouldClipChild(child: TLShape): boolean;
     onDragShapesIn(shape: Shape, draggingShapes: TLShape[], { initialParentIds, initialIndices }: TLDragShapesInInfo): void;
     onDragShapesOut(shape: Shape, draggingShapes: TLShape[], info: TLDragShapesOutInfo): void;
 }
@@ -1218,6 +1220,12 @@ export declare class Editor extends EventEmitter<TLEventMap> {
      * @public
      */
     isDisposed: boolean;
+    /**
+     * Whether the editor is mounted.
+     *
+     * @public
+     */
+    isMounted: boolean;
     /* Excluded from this release type: _tickManager */
     /**
      * A manager for the editor's input state.

package/dist-cjs/index.js

@@ -379,7 +379,7 @@ var import_uniq = require("./lib/utils/uniq");
 var import_defaultThemes2 = require("./lib/editor/managers/ThemeManager/defaultThemes");
 (0, import_utils.registerTldrawLibraryVersion)(
   "@tldraw/editor",
-  "5.3.0-canary.263f9dbe88bb",
+  "5.3.0-canary.3c03dcdf8fa0",
   "cjs"
 );
 //# sourceMappingURL=index.js.map

package/dist-cjs/lib/editor/Editor.js

@@ -273,12 +273,16 @@ class Editor extends import_eventemitter3.default {
     let deletedBindings = /* @__PURE__ */ new Map();
     const deletedShapeIds = /* @__PURE__ */ new Set();
     const invalidParents = /* @__PURE__ */ new Set();
+    const createdShapes = /* @__PURE__ */ new Set();
     let invalidBindingTypes = /* @__PURE__ */ new Set();
     this.disposables.add(
       this.sideEffects.registerOperationCompleteHandler(() => {
         deletedShapeIds.clear();
+        const justCreatedShapeIds = new Set(createdShapes);
+        createdShapes.clear();
         for (const parentId of invalidParents) {
           invalidParents.delete(parentId);
+          if (justCreatedShapeIds.has(parentId)) continue;
           const parent = this.getShape(parentId);
           if (!parent) continue;
           const util = this.getShapeUtil(parent);
@@ -308,6 +312,12 @@ class Editor extends import_eventemitter3.default {
     this.disposables.add(
       this.sideEffects.register({
         shape: {
+          afterCreate: (shape) => {
+            createdShapes.add(shape.id);
+            if (shape.parentId && (0, import_tlschema.isShapeId)(shape.parentId)) {
+              invalidParents.add(shape.parentId);
+            }
+          },
           afterChange: (shapeBefore, shapeAfter) => {
             for (const binding of this.getBindingsInvolvingShape(shapeAfter)) {
               invalidBindingTypes.add(binding.type);
@@ -554,6 +564,9 @@ class Editor extends import_eventemitter3.default {
       this.stopFollowingUser();
     }
     this.on("tick", this._flushEventsForTick);
+    this.once("mount", () => {
+      this.isMounted = true;
+    });
     this.timers.requestAnimationFrame(() => {
       this._tickManager.start();
     });
@@ -648,6 +661,12 @@ class Editor extends import_eventemitter3.default {
    * @public
    */
   isDisposed = false;
+  /**
+   * Whether the editor is mounted.
+   *
+   * @public
+   */
+  isMounted = false;
   /**
    * A manager for the editor's tick events.
    *
@@ -4224,7 +4243,21 @@ class Editor extends import_eventemitter3.default {
    */
   getSelectedShapeAtPoint(point) {
     const selectedShapeIds = this.getSelectedShapeIds();
-    return this.getCurrentPageShapesSorted().filter((shape) => shape.type !== "group" && selectedShapeIds.includes(shape.id)).reverse().find((shape) => this.isPointInShape(shape, point, { hitInside: true, margin: 0 }));
+    const margin = this.options.hitTestMargin / this.getZoomLevel();
+    const sortedShapes = this.getCurrentPageShapesSorted();
+    for (let i = sortedShapes.length - 1; i >= 0; i--) {
+      const shape = sortedShapes[i];
+      if (shape.type === "group") continue;
+      if (!selectedShapeIds.includes(shape.id)) continue;
+      if (this.getShapeGeometry(shape).hitTestPoint(
+        this.getPointInShapeSpace(shape, point),
+        margin,
+        true
+      )) {
+        return shape;
+      }
+    }
+    return void 0;
   }
   /**
    * Get the shape at the current point.