@underverse-ui/underverse 1.0.103 → 1.0.104

package/api-reference.json

@@ -1,6 +1,6 @@
 {
   "package": "@underverse-ui/underverse",
-  "version": "1.0.103",
+  "version": "1.0.104",
   "sourceEntry": "src/index.ts",
   "totalExports": 225,
   "exports": [

package/dist/index.cjs

@@ -32224,6 +32224,7 @@ function useUEditorTableInteractions(editor) {
   const activeTableCellHighlightRef = (0, import_react53.useRef)(null);
   const hoveredTableCellRef = (0, import_react53.useRef)(null);
   const activeTableCellRef = (0, import_react53.useRef)(null);
+  const suppressActiveCellHighlightRef = (0, import_react53.useRef)(false);
   const tableLayoutSyncFrameRef = (0, import_react53.useRef)(null);
   const setEditorResizeCursor = import_react53.default.useCallback((cursor) => {
     const proseMirror = editorContentRef.current?.querySelector(".ProseMirror");
@@ -32254,7 +32255,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;
     }
@@ -32414,16 +32415,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);
@@ -32467,6 +32483,7 @@ function useUEditorTableInteractions(editor) {
         tableLayoutSyncFrameRef.current = null;
       }
       cleanupRowResize();
+      suppressActiveCellHighlightRef.current = false;
       document.body.style.cursor = "";
       clearActiveTableCell();
       clearHoveredTableCell();
@@ -32685,6 +32702,7 @@ var UEditor = import_react54.default.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"
                 }
               ),