@underverse-ui/underverse 1.0.103 → 1.0.104

package/dist/index.js

@@ -32134,6 +32134,7 @@ function useUEditorTableInteractions(editor) {
   const activeTableCellHighlightRef = useRef32(null);
   const hoveredTableCellRef = useRef32(null);
   const activeTableCellRef = useRef32(null);
+  const suppressActiveCellHighlightRef = useRef32(false);
   const tableLayoutSyncFrameRef = useRef32(null);
   const setEditorResizeCursor = React75.useCallback((cursor) => {
     const proseMirror = editorContentRef.current?.querySelector(".ProseMirror");
@@ -32164,7 +32165,7 @@ function useUEditorTableInteractions(editor) {
     const surface = editorContentRef.current;
     const highlight = activeTableCellHighlightRef.current;
     if (!highlight) return;
-    if (!surface || !cell) {
+    if (suppressActiveCellHighlightRef.current || !surface || !cell) {
       highlight.style.display = "none";
       return;
     }
@@ -32324,16 +32325,31 @@ function useUEditorTableInteractions(editor) {
       const row = cell.closest("tr");
       const table = cell.closest("table");
       if (!(row instanceof HTMLTableRowElement) || !(table instanceof HTMLTableElement)) return;
-      beginResize(event, table, row, cell);
+      if (beginResize(event, table, row, cell)) {
+        suppressActiveCellHighlightRef.current = true;
+        updateActiveCellHighlight(null);
+      }
     };
     const handlePointerMove = (event) => {
       handleRowResizePointerMove(event);
     };
     const handlePointerUp = (event) => {
+      const wasRowResizing = isRowResizing();
       handleRowResizePointerUp(event);
+      if (wasRowResizing) {
+        suppressActiveCellHighlightRef.current = false;
+        requestAnimationFrame(() => {
+          updateActiveCellHighlight(activeTableCellRef.current);
+        });
+      }
     };
     const handleWindowBlur = () => {
+      const wasRowResizing = isRowResizing();
       cancelResize();
+      if (wasRowResizing) {
+        suppressActiveCellHighlightRef.current = false;
+        updateActiveCellHighlight(activeTableCellRef.current);
+      }
     };
     proseMirror.addEventListener("mousemove", handleEditorMouseMove);
     proseMirror.addEventListener("mouseleave", handleEditorMouseLeave);
@@ -32377,6 +32393,7 @@ function useUEditorTableInteractions(editor) {
         tableLayoutSyncFrameRef.current = null;
       }
       cleanupRowResize();
+      suppressActiveCellHighlightRef.current = false;
       document.body.style.cursor = "";
       clearActiveTableCell();
       clearHoveredTableCell();
@@ -32595,6 +32612,7 @@ var UEditor = React76.forwardRef(({
                 {
                   ref: activeTableCellHighlightRef,
                   "aria-hidden": "true",
+                  "data-ueditor-active-cell-highlight": "",
                   className: "pointer-events-none hidden absolute z-20 rounded-[2px] border-2 border-primary bg-primary/10 transition-[left,top,width,height] duration-100"
                 }
               ),