@tldraw/editor 5.3.0-canary.263f9dbe88bb → 5.3.0-canary.26ec89c1864b

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;
 }

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.26ec89c1864b",
   "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);