@underverse-ui/underverse 2.0.31 → 2.0.32

package/dist/{chunk-2P7TSXEE.js → chunk-RSSSQS2A.js}

@@ -1,7 +1,7 @@
 import {
   getPanelBorderRadiusClass,
   useUnderverseUIConfig
-} from "./chunk-37MHVJMV.js";
+} from "./chunk-4TXHZS3S.js";
 import {
   cn,
   useGlobalI18n
@@ -253,4 +253,4 @@ var Modal_default = Modal;
 export {
   Modal_default
 };
-//# sourceMappingURL=chunk-2P7TSXEE.js.map
+//# sourceMappingURL=chunk-RSSSQS2A.js.map

package/dist/index.cjs

@@ -6393,10 +6393,15 @@ function isCrossRealmTableRow(value) {
 function isCrossRealmTableCell(value) {
   return isCrossRealmElement(value) && ["TD", "TH"].includes(String(value.tagName).toUpperCase()) && "cellIndex" in value;
 }
+function isValidProseMirrorPosition(doc, pos) {
+  return Number.isInteger(pos) && pos >= 0 && pos <= doc.content.size;
+}
 function findTableRowNodeInfo(view, rowElement) {
+  if (!view.dom.contains(rowElement)) return null;
   const firstCell = rowElement.querySelector("th,td");
-  if (!firstCell) return null;
+  if (!isCrossRealmTableCell(firstCell) || !view.dom.contains(firstCell)) return null;
   const cellPos = view.posAtDOM(firstCell, 0);
+  if (!isValidProseMirrorPosition(view.state.doc, cellPos)) return null;
   const $pos = view.state.doc.resolve(cellPos);
   for (let depth = $pos.depth; depth > 0; depth -= 1) {
     const node = $pos.node(depth);
@@ -6438,14 +6443,14 @@ function getSelectionTableCell(view) {
   const browserSelection = realm?.getSelection();
   const anchorElement = resolveEventElement(browserSelection?.anchorNode ?? null);
   const anchorCell = anchorElement?.closest?.("th,td");
-  if (realm && anchorCell instanceof realm.HTMLElement) {
+  if (isCrossRealmTableCell(anchorCell) && view.dom.contains(anchorCell)) {
     return anchorCell;
   }
   const { from } = view.state.selection;
   const domAtPos = view.domAtPos(from);
   const element = resolveEventElement(domAtPos.node);
   const cell = element?.closest?.("th,td");
-  return realm && cell instanceof realm.HTMLElement ? cell : null;
+  return isCrossRealmTableCell(cell) && view.dom.contains(cell) ? cell : null;
 }
 function resolveRowResizeTarget(cell, clientX, clientY) {
   const rect = cell.getBoundingClientRect();
@@ -8448,18 +8453,22 @@ function getTableAnchorPos(editor) {
   const editorWindow = editorDocument.defaultView;
   const selectionAnchor = resolveEventElement(editorWindow?.getSelection()?.anchorNode ?? null);
   const selectionCell2 = selectionAnchor?.closest?.("th,td");
-  if (editorWindow && selectionCell2 instanceof editorWindow.HTMLTableCellElement && editor.view.dom.contains(selectionCell2)) {
-    return editor.view.posAtDOM(selectionCell2, 0) + 1;
+  if (isCrossRealmTableCell(selectionCell2) && editor.view.dom.contains(selectionCell2)) {
+    const cellPos2 = editor.view.posAtDOM(selectionCell2, 0);
+    return isValidProseMirrorPosition(editor.state.doc, cellPos2) && isValidProseMirrorPosition(editor.state.doc, cellPos2 + 1) ? cellPos2 + 1 : null;
   }
   const activeElement = editorWindow && editorDocument.activeElement instanceof editorWindow.Element ? editorDocument.activeElement : null;
   const activeCell = activeElement?.closest?.("th,td");
-  if (editorWindow && activeCell instanceof editorWindow.HTMLTableCellElement && editor.view.dom.contains(activeCell)) {
-    return editor.view.posAtDOM(activeCell, 0) + 1;
+  if (isCrossRealmTableCell(activeCell) && editor.view.dom.contains(activeCell)) {
+    const cellPos2 = editor.view.posAtDOM(activeCell, 0);
+    return isValidProseMirrorPosition(editor.state.doc, cellPos2) && isValidProseMirrorPosition(editor.state.doc, cellPos2 + 1) ? cellPos2 + 1 : null;
   }
   const tables = editor.view.dom.querySelectorAll("table");
   if (tables.length !== 1) return null;
   const firstCell = tables[0]?.querySelector("th,td");
-  return editorWindow && firstCell instanceof editorWindow.HTMLTableCellElement ? editor.view.posAtDOM(firstCell, 0) + 1 : null;
+  if (!isCrossRealmTableCell(firstCell) || !editor.view.dom.contains(firstCell)) return null;
+  const cellPos = editor.view.posAtDOM(firstCell, 0);
+  return isValidProseMirrorPosition(editor.state.doc, cellPos) && isValidProseMirrorPosition(editor.state.doc, cellPos + 1) ? cellPos + 1 : null;
 }
 function computeEditorUiRenderState(editor) {
   const textStyle = editor.getAttributes("textStyle");
@@ -40861,6 +40870,7 @@ function getBubbleMenuPosition({
   end,
   menuSize,
   viewport,
+  preferredPlacement = "auto",
   offset = 16,
   padding = 8
 }) {
@@ -40868,7 +40878,7 @@ function getBubbleMenuPosition({
   const selectionBottom = Math.max(start.bottom, end.bottom);
   const spaceAbove = selectionTop - offset - padding;
   const spaceBelow = viewport.height - padding - selectionBottom - offset;
-  const placement = menuSize.height <= spaceAbove || spaceAbove >= spaceBelow ? "top" : "bottom";
+  const placement = preferredPlacement === "auto" ? menuSize.height <= spaceAbove || spaceAbove >= spaceBelow ? "top" : "bottom" : preferredPlacement;
   const halfWidth = menuSize.width / 2;
   const minLeft = padding + halfWidth;
   const maxLeft = viewport.width - padding - halfWidth;
@@ -41772,6 +41782,7 @@ var LinkPreviewContent = ({ editor, onEdit }) => {
 };
 var CustomBubbleMenu = ({
   editor,
+  placement = "auto",
   fontSizes,
   lineHeights
 }) => {
@@ -41865,6 +41876,7 @@ var CustomBubbleMenu = ({
           width: editorWindow?.innerWidth ?? window.innerWidth,
           height: editorWindow?.innerHeight ?? window.innerHeight
         },
+        preferredPlacement: placement,
         offset: BUBBLE_MENU_OFFSET
       }));
       if (keepOpenRef.current) {
@@ -41911,7 +41923,7 @@ var CustomBubbleMenu = ({
       editorWindow?.removeEventListener("resize", schedulePositionUpdate);
       editorWindow?.removeEventListener("scroll", schedulePositionUpdate, true);
     };
-  }, [editor, editorDocument, editorWindow]);
+  }, [editor, editorDocument, editorWindow, placement]);
   (0, import_react76.useEffect)(() => {
     if (!isVisible || !portalWindow?.ResizeObserver) return;
     const menu = menuRef.current;
@@ -41965,6 +41977,7 @@ var CustomBubbleMenu = ({
       {
         ref: menuRef,
         "data-popover": true,
+        "data-placement": position.placement,
         className: "fixed z-[99999] flex rounded-xl border border-border/40 bg-card text-card-foreground shadow-lg backdrop-blur-sm overflow-hidden animate-in fade-in-0 zoom-in-95",
         style: {
           top: `${position.top}px`,
@@ -46780,6 +46793,7 @@ function getCellFromTarget(target) {
   return null;
 }
 function findTableInfo(editor, pos) {
+  if (!isValidProseMirrorPosition(editor.state.doc, pos)) return null;
   const $pos = editor.state.doc.resolve(pos);
   for (let depth = $pos.depth; depth > 0; depth -= 1) {
     const node = $pos.node(depth);
@@ -46822,6 +46836,7 @@ function buildLogicalColumnMetrics({
     for (const tableCell of Array.from(firstRow.cells)) {
       if (!isTableCellElement(tableCell)) continue;
       const cellPos = editor.view.posAtDOM(tableCell, 0);
+      if (!isValidProseMirrorPosition(editor.state.doc, cellPos)) continue;
       const relativeCellPos = getCellRelativePosFromDomPos(map, tableInfo.start, cellPos);
       if (relativeCellPos == null) continue;
       const cellMapRect = map.findCell(relativeCellPos);
@@ -46895,18 +46910,20 @@ function buildLogicalRowMetrics({
   if (visualRows.length > 0) {
     return visualRows.sort((a, b) => a.index - b.index);
   }
-  return rows.map((tableRow, index) => {
+  return rows.flatMap((tableRow, index) => {
     const rowRect = tableRow.getBoundingClientRect();
     const anchorCell = tableRow.cells.item(0) ?? cornerCell;
     const start = rowRect.height > 0 ? rowRect.top - surfaceRect.top - surface.clientTop + surface.scrollTop : tableTop + index * fallbackHeight;
     const size = metricOrFallback(rowRect.height, fallbackHeight);
-    return {
+    const cellPos = editor.view.posAtDOM(anchorCell, 0);
+    if (!isValidProseMirrorPosition(editor.state.doc, cellPos)) return [];
+    return [{
       index,
-      cellPos: editor.view.posAtDOM(anchorCell, 0),
+      cellPos,
       start,
       size,
       center: start + size / 2
-    };
+    }];
   });
 }
 function getTableCellTextSelectionRange(editor, cellPos) {
@@ -46926,6 +46943,7 @@ function getTableCellTextSelectionRange(editor, cellPos) {
   return from !== null && to !== null && from < to ? { from, to } : null;
 }
 function buildTableControlLayout(editor, surface, cell) {
+  if (!editor.view.dom.contains(cell)) return null;
   const row = cell.closest("tr");
   const table = cell.closest("table");
   if (!isTableRowElement(row) || !isTableElement(table)) {
@@ -46934,6 +46952,7 @@ function buildTableControlLayout(editor, surface, cell) {
   const rows = Array.from(table.rows).filter(isTableRowElement);
   const cornerCell = getLastCell(table);
   const cellPos = editor.view.posAtDOM(cell, 0);
+  if (!isValidProseMirrorPosition(editor.state.doc, cellPos)) return null;
   const tableInfo = findTableInfo(editor, cellPos);
   if (rows.length === 0 || !tableInfo || !isTableCellElement(cornerCell)) {
     return null;
@@ -47891,7 +47910,7 @@ function getSelectedCell(editor) {
   const browserSelection = editorWindow?.getSelection();
   const anchorElement = resolveEventElement(browserSelection?.anchorNode ?? null);
   const anchorCell = anchorElement?.closest?.("th,td");
-  if (isCrossRealmTableCell(anchorCell)) {
+  if (isCrossRealmTableCell(anchorCell) && editor.view.dom.contains(anchorCell)) {
     return anchorCell;
   }
   const domAtPos = editor.view.domAtPos(editor.state.selection.from);
@@ -49368,12 +49387,12 @@ function getFormulaEditingTableContext(view) {
     if (!getCellText2(node).startsWith("=")) return null;
     const cellPos = $from.before(depth);
     const cellDom = view.nodeDOM(cellPos);
-    if (!(cellDom instanceof HTMLTableCellElement)) return null;
+    if (!isCrossRealmTableCell(cellDom) || !view.dom.contains(cellDom)) return null;
     const tableDepth = depth - 2;
     const tableNode = tableDepth > 0 ? $from.node(tableDepth) : null;
     if (!tableNode || tableNode.type.name !== "table") return null;
     const tableDom = cellDom.closest("table");
-    if (!(tableDom instanceof HTMLTableElement)) return null;
+    if (!isCrossRealmTable(tableDom) || !view.dom.contains(tableDom)) return null;
     const tableMap = import_tables9.TableMap.get(tableNode);
     const tableStart = $from.start(tableDepth);
     const formulaCellRect = tableMap.findCell(cellPos - tableStart);
@@ -49445,6 +49464,7 @@ function getReferenceInsertionPrefix(view, cellContentStart, insertionPos) {
   return isInsideFunctionArguments && followsReference ? "," : "";
 }
 function findTableForPos(view, pos) {
+  if (!isValidProseMirrorPosition(view.state.doc, pos)) return null;
   const $pos = view.state.doc.resolve(pos);
   for (let depth = $pos.depth; depth > 0; depth -= 1) {
     const node = $pos.node(depth);
@@ -49473,8 +49493,9 @@ function getCellRelativePosFromDomPos2(map, tableStart, domPos) {
 function getFormulaTableCellInfo(view, target, tablePos) {
   const element = resolveEventElement(target);
   const cell = element?.closest?.("th,td");
-  if (!(cell instanceof HTMLTableCellElement)) return null;
+  if (!isCrossRealmTableCell(cell) || !view.dom.contains(cell)) return null;
   const domPos = view.posAtDOM(cell, 0);
+  if (!isValidProseMirrorPosition(view.state.doc, domPos)) return null;
   const tableInfo = findTableForPos(view, domPos);
   if (!tableInfo || tableInfo.pos !== tablePos) return null;
   const map = import_tables9.TableMap.get(tableInfo.node);
@@ -50172,6 +50193,7 @@ var UEditor = import_react86.default.forwardRef(({
   autofocus = false,
   showToolbar = true,
   showBubbleMenu = true,
+  bubbleMenuPlacement = "auto",
   showFloatingMenu = false,
   showCharacterCount = true,
   showFooter = true,
@@ -50531,6 +50553,7 @@ var UEditor = import_react86.default.forwardRef(({
             CustomBubbleMenu,
             {
               editor,
+              placement: bubbleMenuPlacement,
               fontSizes,
               lineHeights
             }