@underverse-ui/underverse 2.0.31 → 2.0.33

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

@@ -1,7 +1,7 @@
 import {
   EmojiGridButton,
   formatEmojiCountLabel
-} from "./chunk-5W63IHIN.js";
+} from "./chunk-W3QTP2DM.js";
 import {
   COLUMN_RESIZE_LINE_THICKNESS,
   CellBgColorIcon,
@@ -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-OTPC2OTQ.js";
 import {
   Tooltip,
   UEditorPortalProvider,
@@ -103,7 +104,7 @@ import {
   resolveUEditorPortalContainer,
   useSmartTranslations,
   useUEditorPortalContainerGetter
-} from "./chunk-ZP7F4ZD7.js";
+} from "./chunk-6FAHXNDQ.js";
 
 // src/components/UEditor/prepare-content-for-save.ts
 var MIME_EXTENSION_MAP = {
@@ -556,7 +557,7 @@ import { NodeViewWrapper, NodeViewContent } from "@tiptap/react";
 import React from "react";
 import { jsx } from "react/jsx-runtime";
 var LazyBaseEmojiPicker = React.lazy(async () => {
-  const { EmojiPicker: EmojiPicker2 } = await import("./EmojiPicker-ISJ6RXYG.js");
+  const { EmojiPicker: EmojiPicker2 } = await import("./EmojiPicker-6H52Q4YE.js");
   return { default: EmojiPicker2 };
 });
 var EmojiPicker = ({ onSelect }) => {
@@ -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`,
@@ -11540,6 +11545,7 @@ import {
   ArrowRight as ArrowRight2,
   ArrowUp,
   Copy as Copy2,
+  Minimize2,
   Paintbrush,
   Table as TableIcon,
   Trash2 as Trash22
@@ -11606,6 +11612,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 +11655,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 +11729,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 +11762,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 +11771,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 +12715,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);
@@ -13013,8 +13025,8 @@ function TableControls({ editor, containerRef, showCellInspector = true }) {
     updateTableResizePreview(pendingDimensions);
     setDocumentCursor(editorDocument, edge === "both" ? "nwse-resize" : "ew-resize");
   }, [editor, editorDocument, updateTableResizePreview]);
-  const fitTableToEditorWidth = React11.useCallback((event) => {
-    if (event.button !== 0 || dragStateRef.current) return;
+  const fitTableToEditorWidth = React11.useCallback(() => {
+    if (dragStateRef.current) return;
     const activeLayout = layoutRef.current;
     if (!activeLayout) return;
     const snapshot = createTableSizeSnapshot(
@@ -13025,8 +13037,6 @@ function TableControls({ editor, containerRef, showCellInspector = true }) {
       activeLayout.viewportWidth
     );
     if (!snapshot) return;
-    event.preventDefault();
-    event.stopPropagation();
     const didResize = applyTableSize(editor, snapshot, {
       width: Math.round(activeLayout.viewportWidth),
       height: snapshot.startHeight,
@@ -13414,6 +13424,11 @@ function TableControls({ editor, containerRef, showCellInspector = true }) {
         icon: Paintbrush,
         onClick: openCellInspector
       }] : [],
+      {
+        label: t("tableMenu.fitToEditorWidth"),
+        icon: Minimize2,
+        onClick: fitTableToEditorWidth
+      },
       {
         label: t("tableMenu.alignLeft"),
         icon: AlignLeft2,
@@ -13478,7 +13493,7 @@ function TableControls({ editor, containerRef, showCellInspector = true }) {
         destructive: true
       }
     ];
-  }, [editor, layout, openCellInspector, runAtActiveCell, showCellInspector, t]);
+  }, [editor, fitTableToEditorWidth, layout, openCellInspector, runAtActiveCell, showCellInspector, t]);
   const getRowHandleMenuItems = React11.useCallback((rowHandle) => [
     {
       label: t("tableMenu.addRowBefore"),
@@ -14171,12 +14186,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 +14263,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 +14292,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 +14953,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-HZBBRX42.js");
   return { default: MenuBar };
 });
 var UEditor = React17.forwardRef(({
@@ -14963,6 +14980,7 @@ var UEditor = React17.forwardRef(({
   autofocus = false,
   showToolbar = true,
   showBubbleMenu = true,
+  bubbleMenuPlacement = "auto",
   showFloatingMenu = false,
   showCharacterCount = true,
   showFooter = true,
@@ -15322,6 +15340,7 @@ var UEditor = React17.forwardRef(({
             CustomBubbleMenu,
             {
               editor,
+              placement: bubbleMenuPlacement,
               fontSizes,
               lineHeights
             }
@@ -15429,4 +15448,4 @@ export {
   prepareUEditorContentForSave,
   UEditor_default
 };
-//# sourceMappingURL=chunk-57BKIC6J.js.map
+//# sourceMappingURL=chunk-FQVWYDKP.js.map