@twick/video-editor 0.15.26 → 0.15.27

package/dist/index.js

@@ -19599,15 +19599,28 @@ function TimelineView({
   const handleDragWithDrop = React.useCallback(
     (payload, dropPointer) => {
       var _a;
-      if (dropPointer && onElementDrop) {
-        const rect = (_a = timelineContentRef.current) == null ? void 0 : _a.getBoundingClientRect();
-        const dropTarget = rect ? getTrackOrSeparatorAt(dropPointer.clientY, rect.top, TRACK_HEIGHT) : null;
-        onElementDrop({ ...payload, dropTarget });
-      } else {
+      if (!dropPointer || !onElementDrop) {
+        onElementDrag(payload);
+        return;
+      }
+      const rect = (_a = timelineContentRef.current) == null ? void 0 : _a.getBoundingClientRect();
+      const dropTarget = rect ? getTrackOrSeparatorAt(dropPointer.clientY, rect.top, TRACK_HEIGHT) : null;
+      if ((dropTarget == null ? void 0 : dropTarget.type) === "track") {
+        const elementTrackId = payload.element.getTrackId();
+        const elementTrackIndex = (tracks || []).findIndex(
+          (t2) => t2.getId() === elementTrackId
+        );
+        if (elementTrackIndex === dropTarget.trackIndex) {
+          onElementDrag(payload);
+          return;
+        }
+      } else if (!dropTarget) {
         onElementDrag(payload);
+        return;
       }
+      onElementDrop({ ...payload, dropTarget });
     },
-    [onElementDrag, onElementDrop]
+    [onElementDrag, onElementDrop, tracks]
   );
   useEdgeAutoScroll({
     isActive: !!draggingElementId,
@@ -19879,13 +19892,14 @@ const useTimelineManager = () => {
         const deltaMin = -minStart;
         const deltaMax = duration - maxEnd;
         const clampedDelta = Math.max(deltaMin, Math.min(deltaMax, delta));
-        for (const el of elements) {
-          const newStart = el.getStart() + clampedDelta;
-          const newEnd = el.getEnd() + clampedDelta;
-          el.setStart(newStart);
-          el.setEnd(newEnd);
-          editor.updateElement(el);
-        }
+        const batchUpdates = elements.map((el) => ({
+          elementId: el.getId(),
+          updates: {
+            s: el.getStart() + clampedDelta,
+            e: el.getEnd() + clampedDelta
+          }
+        }));
+        editor.updateElements(batchUpdates);
         setSelectedItem(element);
         editor.refresh();
         return;
@@ -19902,10 +19916,10 @@ const useTimelineManager = () => {
         }
       }
     }
-    element.setStart(updates.start);
-    element.setEnd(updates.end);
-    const updatedElement = editor.updateElement(element);
-    setSelectedItem(updatedElement);
+    editor.updateElements([
+      { elementId: element.getId(), updates: { s: updates.start, e: updates.end } }
+    ]);
+    setSelectedItem(element);
     editor.refresh();
   };
   const isElementTrackType = (track) => track.getType() === timeline.TRACK_TYPES.ELEMENT;