@underverse-ui/underverse 2.0.31 → 2.0.32

package/dist/{chunk-57BKIC6J.js → chunk-C4KZOMP3.js}

@@ -72,6 +72,7 @@ import {
   isRowResizeHotspot,
   isRowResizingGlobal,
   isSafeUEditorUrl,
+  isValidProseMirrorPosition,
   mergeTableCellsPreservingColumnWidths,
   moveResponsiveColumnRatio,
   normalizeColumnRatios,
@@ -93,7 +94,7 @@ import {
   sanitizeUEditorUrl,
   useEditorColors,
   useSharedEditorUiRenderState
-} from "./chunk-37MHVJMV.js";
+} from "./chunk-4TXHZS3S.js";
 import {
   Tooltip,
   UEditorPortalProvider,
@@ -6102,6 +6103,7 @@ function getBubbleMenuPosition({
   end,
   menuSize,
   viewport,
+  preferredPlacement = "auto",
   offset = 16,
   padding = 8
 }) {
@@ -6109,7 +6111,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;
@@ -7013,6 +7015,7 @@ var LinkPreviewContent = ({ editor, onEdit }) => {
 };
 var CustomBubbleMenu = ({
   editor,
+  placement = "auto",
   fontSizes,
   lineHeights
 }) => {
@@ -7106,6 +7109,7 @@ var CustomBubbleMenu = ({
           width: editorWindow?.innerWidth ?? window.innerWidth,
           height: editorWindow?.innerHeight ?? window.innerHeight
         },
+        preferredPlacement: placement,
         offset: BUBBLE_MENU_OFFSET
       }));
       if (keepOpenRef.current) {
@@ -7152,7 +7156,7 @@ var CustomBubbleMenu = ({
       editorWindow?.removeEventListener("resize", schedulePositionUpdate);
       editorWindow?.removeEventListener("scroll", schedulePositionUpdate, true);
     };
-  }, [editor, editorDocument, editorWindow]);
+  }, [editor, editorDocument, editorWindow, placement]);
   useEffect5(() => {
     if (!isVisible || !portalWindow?.ResizeObserver) return;
     const menu = menuRef.current;
@@ -7206,6 +7210,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`,
@@ -11606,6 +11611,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);
@@ -11648,6 +11654,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);
@@ -11721,18 +11728,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) {
@@ -11752,6 +11761,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)) {
@@ -11760,6 +11770,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;
@@ -12703,7 +12714,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);
@@ -14171,12 +14182,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 = TableMap4.get(tableNode);
     const tableStart = $from.start(tableDepth);
     const formulaCellRect = tableMap.findCell(cellPos - tableStart);
@@ -14248,6 +14259,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);
@@ -14276,8 +14288,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 = TableMap4.get(tableInfo.node);
@@ -14936,7 +14949,7 @@ function useWideTableLayout(editor, enabled, widthBoundaryRef, editorShellRef, e
 // src/components/UEditor/UEditor.tsx
 import { jsx as jsx20, jsxs as jsxs17 } from "react/jsx-runtime";
 var LazyMenuBar = React17.lazy(async () => {
-  const { MenuBar } = await import("./menu-bar-DPCNNUX5.js");
+  const { MenuBar } = await import("./menu-bar-GDDGHNNJ.js");
   return { default: MenuBar };
 });
 var UEditor = React17.forwardRef(({
@@ -14963,6 +14976,7 @@ var UEditor = React17.forwardRef(({
   autofocus = false,
   showToolbar = true,
   showBubbleMenu = true,
+  bubbleMenuPlacement = "auto",
   showFloatingMenu = false,
   showCharacterCount = true,
   showFooter = true,
@@ -15322,6 +15336,7 @@ var UEditor = React17.forwardRef(({
             CustomBubbleMenu,
             {
               editor,
+              placement: bubbleMenuPlacement,
               fontSizes,
               lineHeights
             }
@@ -15429,4 +15444,4 @@ export {
   prepareUEditorContentForSave,
   UEditor_default
 };
-//# sourceMappingURL=chunk-57BKIC6J.js.map
+//# sourceMappingURL=chunk-C4KZOMP3.js.map