ct-rich-text-editor 1.3.6 → 1.3.7

package/dist/{index-dbc626d0.js → index-a8476eee.js}

@@ -21,6 +21,7 @@ import { ListPlugin } from "@lexical/react/LexicalListPlugin";
 import { OnChangePlugin } from "@lexical/react/LexicalOnChangePlugin";
 import { RichTextPlugin } from "@lexical/react/LexicalRichTextPlugin";
 import { TablePlugin } from "@lexical/react/LexicalTablePlugin";
+import { TableNode, TableCellNode, TableRowNode, $createTableNodeWithDimensions, $isTableRowNode, $isTableCellNode, TableCellHeaderStates, $isTableNode, $isTableSelection, $getTableCellNodeFromLexicalNode, $getTableNodeFromLexicalNodeOrThrow, getTableElement, getTableObserverFromTableElement, $insertTableRow__EXPERIMENTAL, $insertTableColumn__EXPERIMENTAL, $getNodeTriplet, $deleteTableRow__EXPERIMENTAL, $deleteTableColumn__EXPERIMENTAL, $getTableRowIndexFromTableCellNode, $getTableColumnIndexFromTableCellNode, $unmergeCell, $computeTableMapSkipCellCheck, getDOMCellFromTarget, $getTableAndElementByKey } from "@lexical/table";
 import { $findMatchingParent, $getNearestNodeOfType, mergeRegister, $getNearestBlockElementAncestorOrThrow, $insertNodeToNearestRoot, $wrapNodeInElement, $isEditorIsNestedEditor, mediaFileReader, isMimeType, calculateZoomLevel, CAN_USE_DOM } from "@lexical/utils";
 import Stack from "@mui/material/Stack";
 import { createCommand, COMMAND_PRIORITY_LOW, $getSelection, $isRangeSelection, $insertNodes, $getNearestNodeFromDOMNode, $setSelection, isHTMLElement as isHTMLElement$1, TextNode, $applyNodeReplacement, $getRoot, $createTextNode, $getNodeByKey, DecoratorNode, createEditor, COMMAND_PRIORITY_EDITOR, $createParagraphNode, $isRootOrShadowRoot, $isParagraphNode, $isTextNode, FORMAT_TEXT_COMMAND, FORMAT_ELEMENT_COMMAND, CAN_UNDO_COMMAND, CAN_REDO_COMMAND, $isElementNode, SELECTION_CHANGE_COMMAND, COMMAND_PRIORITY_CRITICAL, UNDO_COMMAND, REDO_COMMAND, KEY_ARROW_DOWN_COMMAND, KEY_ARROW_UP_COMMAND, KEY_ESCAPE_COMMAND, KEY_TAB_COMMAND, KEY_ENTER_COMMAND, $createNodeSelection, $isNodeSelection, getDOMSelection, CLICK_COMMAND, COMMAND_PRIORITY_HIGH, $isLineBreakNode, PASTE_COMMAND, isDOMNode } from "lexical";
@@ -31,7 +32,6 @@ import { LinkNode, $isLinkNode, TOGGLE_LINK_COMMAND, $isAutoLinkNode, $createLin
 import { ListNode, ListItemNode, $isListNode, INSERT_UNORDERED_LIST_COMMAND, REMOVE_LIST_COMMAND, INSERT_CHECK_LIST_COMMAND, INSERT_ORDERED_LIST_COMMAND, $createListNode, $createListItemNode } from "@lexical/list";
 import { HeadingNode, QuoteNode, $isHeadingNode, $createHeadingNode, $createQuoteNode, DRAG_DROP_PASTE } from "@lexical/rich-text";
 import { $isAtNodeEnd, $selectAll, $patchStyleText, $setBlocksType, $isParentElementRTL, $getSelectionStyleValueForProperty } from "@lexical/selection";
-import { TableNode, TableCellNode, TableRowNode, $createTableNodeWithDimensions, TableCellHeaderStates, $isTableNode, $isTableSelection, $getTableCellNodeFromLexicalNode, $getTableNodeFromLexicalNodeOrThrow, getTableElement, getTableObserverFromTableElement, $isTableCellNode, $insertTableRow__EXPERIMENTAL, $insertTableColumn__EXPERIMENTAL, $getNodeTriplet, $isTableRowNode, $deleteTableRow__EXPERIMENTAL, $deleteTableColumn__EXPERIMENTAL, $getTableRowIndexFromTableCellNode, $getTableColumnIndexFromTableCellNode, $unmergeCell, $computeTableMapSkipCellCheck, getDOMCellFromTarget, $getTableAndElementByKey } from "@lexical/table";
 import { HorizontalRuleNode } from "@lexical/react/LexicalHorizontalRuleNode";
 import DescriptionIcon from "@mui/icons-material/Description";
 import FolderZipIcon from "@mui/icons-material/FolderZip";
@@ -267,7 +267,7 @@ const editorConfig = {
     "Baskerville",
     "Gill Sans"
   ],
-  mentionUserList: ["mukthar", "nimish", "Anoop", "Jewel", "Ankit", "Nitin"]
+  mentionUserList: []
 };
 const autocomplete = "";
 function __insertCSS(code) {
@@ -8069,7 +8069,7 @@ const AIRephrasePlugin = () => {
     }
   );
 };
-const index$7 = "";
+const index$8 = "";
 var freeGlobal = typeof global == "object" && global && global.Object === Object && global;
 const freeGlobal$1 = freeGlobal;
 var freeSelf = typeof self == "object" && self && self.Object === Object && self;
@@ -8288,7 +8288,7 @@ function CopyButton({ editor, getCodeDOMNode }) {
   }
   return /* @__PURE__ */ jsx("button", { className: "menu-item", onClick: handleClick, "aria-label": "copy", children: isCopyCompleted ? /* @__PURE__ */ jsx("i", { className: "format success" }) : /* @__PURE__ */ jsx("i", { className: "format copy" }) });
 }
-const index$6 = "";
+const index$7 = "";
 const PRETTIER_PARSER_MODULES = {
   css: [() => import("./postcss-f084f74d.js")],
   html: [() => import("./html-5586dbf6.js")],
@@ -12031,7 +12031,7 @@ const computePosition = (reference, floating, options) => {
 var isClient = typeof document !== "undefined";
 var noop = function noop2() {
 };
-var index$5 = isClient ? useLayoutEffect$1 : noop;
+var index$6 = isClient ? useLayoutEffect$1 : noop;
 function deepEqual(a, b2) {
   if (a === b2) {
     return true;
@@ -12093,7 +12093,7 @@ function roundByDPR(element, value) {
 }
 function useLatestRef(value) {
   const ref = React$1.useRef(value);
-  index$5(() => {
+  index$6(() => {
     ref.current = value;
   });
   return ref;
@@ -12179,7 +12179,7 @@ function useFloating(options) {
       }
     });
   }, [latestMiddleware, placement, strategy, platformRef, openRef]);
-  index$5(() => {
+  index$6(() => {
     if (open === false && dataRef.current.isPositioned) {
       dataRef.current.isPositioned = false;
       setData((data2) => ({
@@ -12189,13 +12189,13 @@ function useFloating(options) {
     }
   }, [open]);
   const isMountedRef = React$1.useRef(false);
-  index$5(() => {
+  index$6(() => {
     isMountedRef.current = true;
     return () => {
       isMountedRef.current = false;
     };
   }, []);
-  index$5(() => {
+  index$6(() => {
     if (referenceEl)
       referenceRef.current = referenceEl;
     if (floatingEl)
@@ -14395,7 +14395,7 @@ const EmbedComponent = ({ url, displayType, alignment, nodeKey }) => {
     }
   );
 };
-const FileComponent = React$1.lazy(() => import("./index-984a0184.js"));
+const FileComponent = React$1.lazy(() => import("./index-f0d8f7a8.js"));
 function convertFileElement(domNode) {
   if (domNode instanceof HTMLDivElement) {
     const dataUrl = domNode.getAttribute("data-lexical-file-src");
@@ -14503,7 +14503,7 @@ function $createFileNode({ src, fileName, fileSize, key }) {
 function $isFileNode(node) {
   return node instanceof FileNode;
 }
-const ImageView = React__default.lazy(() => import("./index-4a68b444.js"));
+const ImageView = React__default.lazy(() => import("./index-308e13ae.js"));
 function isGoogleDocCheckboxImg(img) {
   return img.parentElement != null && img.parentElement.tagName === "LI" && img.previousSibling === null && img.getAttribute("aria-roledescription") === "checkbox";
 }
@@ -17030,9 +17030,6 @@ function TableOptionPlugin() {
   const [columnHeadings, setColumnHeadings] = useState$1([]);
   const [headerColor, setHeaderColor] = useState$1("#4A90E2");
   const [editor] = useLexicalComposerContext();
-  const headerCellsMapRef = useRef(
-    /* @__PURE__ */ new Map()
-  );
   useEffect$1(() => {
     return editor.registerCommand(
       OPEN_TABLE_MODAL_COMMAND,
@@ -17043,77 +17040,6 @@ function TableOptionPlugin() {
       COMMAND_PRIORITY_EDITOR
     );
   }, [editor]);
-  useEffect$1(() => {
-    const headerCellsMap = headerCellsMapRef.current;
-    const reapplyHeaderStyles = () => {
-      const rootElement2 = editor.getRootElement();
-      if (!rootElement2)
-        return;
-      const tables = rootElement2.querySelectorAll("table");
-      tables.forEach((table) => {
-        const rows2 = table.querySelectorAll("tr");
-        if (rows2.length > 0) {
-          const firstRow = rows2[0];
-          const cells = firstRow.querySelectorAll("th, td");
-          cells.forEach((cell, index2) => {
-            const htmlCell = cell;
-            let savedHeaderColor = htmlCell.getAttribute("data-header-color");
-            let savedTextColor = htmlCell.getAttribute("data-text-color");
-            const cellKey = `${Array.from(tables).indexOf(table)}-${index2}`;
-            if (!savedHeaderColor && headerCellsMap.has(cellKey)) {
-              const colors = headerCellsMap.get(cellKey);
-              savedHeaderColor = colors.bgColor;
-              savedTextColor = colors.textColor;
-            }
-            if (savedHeaderColor && savedTextColor) {
-              headerCellsMap.set(cellKey, {
-                bgColor: savedHeaderColor,
-                textColor: savedTextColor
-              });
-              htmlCell.setAttribute("data-header-color", savedHeaderColor);
-              htmlCell.setAttribute("data-text-color", savedTextColor);
-              htmlCell.style.setProperty(
-                "background-color",
-                savedHeaderColor,
-                "important"
-              );
-              htmlCell.style.setProperty("color", savedTextColor, "important");
-              htmlCell.style.setProperty("padding", "8px", "important");
-              htmlCell.style.setProperty(
-                "border",
-                "1px solid #ddd",
-                "important"
-              );
-              htmlCell.style.setProperty("font-weight", "bold", "important");
-              htmlCell.style.setProperty("white-space", "nowrap", "important");
-            }
-          });
-        }
-      });
-    };
-    const removeUpdateListener = editor.registerUpdateListener(() => {
-      setTimeout(() => {
-        reapplyHeaderStyles();
-      }, 0);
-    });
-    const rootElement = editor.getRootElement();
-    let observer = null;
-    if (rootElement) {
-      observer = new MutationObserver(() => {
-        reapplyHeaderStyles();
-      });
-      observer.observe(rootElement, {
-        childList: true,
-        subtree: true,
-        attributes: true,
-        attributeFilter: ["style", "width"]
-      });
-    }
-    return () => {
-      removeUpdateListener();
-      observer == null ? void 0 : observer.disconnect();
-    };
-  }, [editor]);
   const onAddTable = () => {
     const rowCount = Number(rows);
     const colCount = Number(columns);
@@ -17124,28 +17050,33 @@ function TableOptionPlugin() {
         rowCount,
         colCount,
         false
+        // Don't use built-in headers, we'll set them manually
       );
       if (includeHeaders) {
         const rowsNodes = tableNode.getChildren();
         const headerRow = rowsNodes[0];
-        if (headerRow) {
+        if ($isTableRowNode(headerRow)) {
           const cells = headerRow.getChildren();
           for (let i2 = 0; i2 < cells.length; i2++) {
-            const headingText = (columnHeadings[i2] || "").trim();
             const cellNode = cells[i2];
-            cellNode.clear();
-            if (headingText) {
-              cellNode.append($createTextNode(headingText));
+            if ($isTableCellNode(cellNode)) {
+              cellNode.clear();
+              const headingText = (columnHeadings[i2] || "").trim();
+              if (headingText) {
+                cellNode.append($createTextNode(headingText));
+              }
+              cellNode.setHeaderStyles(TableCellHeaderStates.COLUMN);
+              cellNode.setBackgroundColor(headerColor);
             }
-            cellNode.setHeaderStyles(TableCellHeaderStates.COLUMN);
           }
         }
       }
       $insertNodeToNearestRoot(tableNode);
     });
     if (includeHeaders) {
+      const textColor = getContrastColor(headerColor);
       requestAnimationFrame(() => {
-        const applyTextStyles = () => {
+        const applyStyles = () => {
           const rootElement = editor.getRootElement();
           if (!rootElement)
             return false;
@@ -17158,37 +17089,18 @@ function TableOptionPlugin() {
               const cells = firstRow.querySelectorAll("th, td");
               cells.forEach((cell) => {
                 const htmlCell = cell;
-                const textColor = getContrastColor(headerColor);
-                htmlCell.setAttribute("data-header-color", headerColor);
-                htmlCell.setAttribute("data-text-color", textColor);
-                htmlCell.style.setProperty(
-                  "background-color",
-                  headerColor,
-                  "important"
-                );
+                htmlCell.style.setProperty("background-color", headerColor, "important");
                 htmlCell.style.setProperty("color", textColor, "important");
-                htmlCell.style.setProperty("padding", "8px", "important");
-                htmlCell.style.setProperty(
-                  "border",
-                  "1px solid #ddd",
-                  "important"
-                );
                 htmlCell.style.setProperty("font-weight", "bold", "important");
-                htmlCell.style.setProperty(
-                  "white-space",
-                  "nowrap",
-                  "important"
-                );
+                htmlCell.style.setProperty("padding", "8px", "important");
               });
               return true;
             }
           }
           return false;
         };
-        if (!applyTextStyles()) {
-          setTimeout(() => {
-            applyTextStyles();
-          }, 100);
+        if (!applyStyles()) {
+          setTimeout(applyStyles, 100);
         }
       });
     }
@@ -17868,10 +17780,10 @@ const PDF_CONFIG = {
 };
 const loadHtml2Pdf = async () => {
   try {
-    const mod = await import("./html2pdf.bundle.min-5e51c303.js").then((n) => n.h);
+    const mod = await import("./html2pdf.bundle.min-bb81d5dc.js").then((n) => n.h);
     return (mod == null ? void 0 : mod.default) || mod;
   } catch {
-    const mod2 = await import("./html2pdf.bundle-9236a762.js").then((n) => n.h);
+    const mod2 = await import("./html2pdf.bundle-40cc5697.js").then((n) => n.h);
     return (mod2 == null ? void 0 : mod2.default) || mod2;
   }
 };
@@ -27485,7 +27397,7 @@ const EmbedPreviewPlugin = ({
   }, [editor]);
   return /* @__PURE__ */ jsx(Fragment, { children: /* @__PURE__ */ jsx(FloatingEmbedMenuPlugin, { anchorElem: floatingAnchorElem }) });
 };
-const index$4 = "";
+const index$5 = "";
 function getDOMRangeRect(nativeSelection, rootElement) {
   const domRange = nativeSelection.getRangeAt(0);
   let rect;
@@ -27923,7 +27835,7 @@ function FloatingEnhanceButtonPlugin({
     anchorElem
   );
 }
-const index$3 = "";
+const index$4 = "";
 const VERTICAL_GAP$1 = 10;
 const HORIZONTAL_OFFSET$1 = 5;
 function setFloatingElemPositionForLinkEditor(targetRect, floatingElem, anchorElem, verticalGap = VERTICAL_GAP$1, horizontalOffset = HORIZONTAL_OFFSET$1) {
@@ -28349,7 +28261,7 @@ function FloatingLinkEditorPlugin({
     setIsLinkEditMode
   );
 }
-const index$2 = "";
+const index$3 = "";
 const VERTICAL_GAP = 10;
 const HORIZONTAL_OFFSET = 5;
 function setFloatingElemPosition(targetRect, floatingElem, anchorElem, isLink = false, verticalGap = VERTICAL_GAP, horizontalOffset = HORIZONTAL_OFFSET, isEmbed = false) {
@@ -28930,6 +28842,7 @@ const LocalStoragePlugin = ({ namespace }) => {
   return null;
 };
 const LocalStoragePlugin$1 = LocalStoragePlugin;
+const index$2 = "";
 const PUNCTUATION = `\\.,\\+\\*\\?\\$\\@\\|#{}\\(\\)\\^\\-\\[\\]\\\\/!%'"~=<>_:;`;
 const NAME = "\\b[A-Z][^\\s" + PUNCTUATION + "]";
 const DocumentMentionsRegex = {
@@ -30179,8 +30092,12 @@ function $canUnmerge() {
   if ($isRangeSelection(selection) && !selection.isCollapsed() || $isTableSelection(selection) && !selection.anchor.is(selection.focus) || !$isRangeSelection(selection) && !$isTableSelection(selection)) {
     return false;
   }
-  const [cell] = $getNodeTriplet(selection.anchor);
-  return cell.__colSpan > 1 || cell.__rowSpan > 1;
+  try {
+    const [cell] = $getNodeTriplet(selection.anchor);
+    return cell.__colSpan > 1 || cell.__rowSpan > 1;
+  } catch (error) {
+    return false;
+  }
 }
 function $cellContainsEmptyParagraph(cell) {
   if (cell.getChildrenSize() !== 1) {
@@ -30238,10 +30155,8 @@ function TableActionMenu({
   });
   const [canMergeCells, setCanMergeCells] = useState$1(false);
   const [canUnmergeCell, setCanUnmergeCell] = useState$1(false);
-  const [backgroundColor, setBackgroundColor] = useState$1(
-    () => currentCellBackgroundColor(editor) || ""
-  );
-  const [stripingColor, setStripingColor] = useState$1("#f0f0f0");
+  const [backgroundColor, setBackgroundColor] = useState$1("");
+  const [stripingColor, setStripingColor] = useState$1("");
   useEffect$1(() => {
     updateTableCellNode(_tableCellNode);
   }, [_tableCellNode]);
@@ -30569,6 +30484,7 @@ function TableActionMenu({
     });
   }, [editor, onClose]);
   const toggleTableRowIsHeader = useCallback(() => {
+    const cellsToUpdate = [];
     editor.update(() => {
       const tableNode = $getTableNodeFromLexicalNodeOrThrow(tableCellNode);
       const tableRowIndex = $getTableRowIndexFromTableCellNode(tableCellNode);
@@ -30585,13 +30501,39 @@ function TableActionMenu({
         if (!$isTableCellNode(tableCell)) {
           throw new Error("Expected table cell");
         }
+        const bgColor = tableCell.getBackgroundColor();
         tableCell.setHeaderStyles(newStyle, TableCellHeaderStates.ROW);
+        cellsToUpdate.push({ key: tableCell.getKey(), bgColor });
       });
       $clearTableSelectionInline();
       onClose();
     });
+    requestAnimationFrame(() => {
+      cellsToUpdate.forEach(({ key, bgColor }) => {
+        if (bgColor) {
+          const cellElement = editor.getElementByKey(key);
+          if (cellElement instanceof HTMLElement) {
+            const hex = bgColor.replace("#", "");
+            const r2 = parseInt(hex.substr(0, 2), 16);
+            const g2 = parseInt(hex.substr(2, 2), 16);
+            const b2 = parseInt(hex.substr(4, 2), 16);
+            const luminance = (0.299 * r2 + 0.587 * g2 + 0.114 * b2) / 255;
+            const textColor = luminance > 0.5 ? "#000000" : "#FFFFFF";
+            cellElement.style.setProperty("color", textColor, "important");
+            const nestedElements = cellElement.querySelectorAll("*");
+            nestedElements.forEach((elem) => {
+              if (elem instanceof HTMLElement) {
+                elem.style.removeProperty("color");
+                elem.style.setProperty("color", textColor, "important");
+              }
+            });
+          }
+        }
+      });
+    });
   }, [editor, tableCellNode, $clearTableSelectionInline, onClose]);
   const toggleTableColumnIsHeader = useCallback(() => {
+    const cellsToUpdate = [];
     editor.update(() => {
       const tableNode = $getTableNodeFromLexicalNodeOrThrow(tableCellNode);
       const tableColumnIndex = $getTableColumnIndexFromTableCellNode(tableCellNode);
@@ -30616,11 +30558,37 @@ function TableActionMenu({
         if (!$isTableCellNode(tableCell)) {
           throw new Error("Expected table cell");
         }
+        const bgColor = tableCell.getBackgroundColor();
         tableCell.setHeaderStyles(newStyle, TableCellHeaderStates.COLUMN);
+        cellsToUpdate.push({ key: tableCell.getKey(), bgColor });
+        cellsToUpdate.push({ key: tableCell.getKey(), bgColor });
       }
       $clearTableSelectionInline();
       onClose();
     });
+    requestAnimationFrame(() => {
+      cellsToUpdate.forEach(({ key, bgColor }) => {
+        if (bgColor) {
+          const cellElement = editor.getElementByKey(key);
+          if (cellElement instanceof HTMLElement) {
+            const hex = bgColor.replace("#", "");
+            const r2 = parseInt(hex.substr(0, 2), 16);
+            const g2 = parseInt(hex.substr(2, 2), 16);
+            const b2 = parseInt(hex.substr(4, 2), 16);
+            const luminance = (0.299 * r2 + 0.587 * g2 + 0.114 * b2) / 255;
+            const textColor = luminance > 0.5 ? "#000000" : "#FFFFFF";
+            cellElement.style.setProperty("color", textColor, "important");
+            const nestedElements = cellElement.querySelectorAll("*");
+            nestedElements.forEach((elem) => {
+              if (elem instanceof HTMLElement) {
+                elem.style.removeProperty("color");
+                elem.style.setProperty("color", textColor, "important");
+              }
+            });
+          }
+        }
+      });
+    });
   }, [editor, tableCellNode, $clearTableSelectionInline, onClose]);
   const applyRowStriping = useCallback((color) => {
     editor.update(() => {
@@ -30649,14 +30617,11 @@ function TableActionMenu({
         return luminance > 0.5 ? "#000000" : "#FFFFFF";
       };
       const textColor = getContrastColor2(value);
+      const cellKeysToStyle = [];
       editor.update(() => {
         if (tableCellNode.isAttached()) {
           tableCellNode.setBackgroundColor(value);
-          const cellElement = editor.getElementByKey(tableCellNode.getKey());
-          if (cellElement instanceof HTMLElement) {
-            cellElement.style.setProperty("background-color", value, "important");
-            cellElement.style.setProperty("color", textColor, "important");
-          }
+          cellKeysToStyle.push(tableCellNode.getKey());
           const selection = $getSelection();
           if ($isTableSelection(selection)) {
             const nodes = selection.getNodes();
@@ -30664,16 +30629,28 @@ function TableActionMenu({
               const node = nodes[i2];
               if ($isTableCellNode(node)) {
                 node.setBackgroundColor(value);
-                const nodeElement = editor.getElementByKey(node.getKey());
-                if (nodeElement instanceof HTMLElement) {
-                  nodeElement.style.setProperty("background-color", value, "important");
-                  nodeElement.style.setProperty("color", textColor, "important");
-                }
+                cellKeysToStyle.push(node.getKey());
               }
             }
           }
         }
       });
+      requestAnimationFrame(() => {
+        cellKeysToStyle.forEach((cellKey) => {
+          const cellElement = editor.getElementByKey(cellKey);
+          if (cellElement instanceof HTMLElement) {
+            cellElement.style.setProperty("background-color", value, "important");
+            cellElement.style.setProperty("color", textColor, "important");
+            const nestedElements = cellElement.querySelectorAll("*");
+            nestedElements.forEach((elem) => {
+              if (elem instanceof HTMLElement) {
+                elem.style.removeProperty("color");
+                elem.style.setProperty("color", textColor, "important");
+              }
+            });
+          }
+        });
+      });
     },
     [editor, tableCellNode]
   );
@@ -30731,16 +30708,13 @@ function TableActionMenu({
                   ColorPicker,
                   {
                     color: backgroundColor,
-                    onChange: (value) => {
-                      handleCellBackgroundColor(value);
-                    },
                     onApply: (value) => {
                       handleCellBackgroundColor(value);
                       closeModal();
                       setIsMenuOpen(false);
                     }
                   }
-                ));
+                ), true);
               },
               "data-test-id": "table-background-color",
               children: /* @__PURE__ */ jsx("span", { className: "text", children: "Background color" })
@@ -30757,10 +30731,6 @@ function TableActionMenu({
                   ColorPicker,
                   {
                     color: stripingColor,
-                    onChange: (value) => {
-                      setStripingColor(value);
-                      applyRowStriping(value);
-                    },
                     onApply: (value) => {
                       setStripingColor(value);
                       applyRowStriping(value);
@@ -30768,7 +30738,7 @@ function TableActionMenu({
                       setIsMenuOpen(false);
                     }
                   }
-                ));
+                ), true);
               },
               "data-test-id": "table-row-striping",
               children: /* @__PURE__ */ jsx("span", { className: "text", children: "Row Striping Color" })
@@ -30907,7 +30877,8 @@ function TableActionMenu({
 }
 function TableCellActionMenuContainer({
   anchorElem,
-  cellMerge
+  cellMerge,
+  isSmallWidthViewport
 }) {
   const [editor] = useLexicalComposerContext();
   const menuButtonRef = useRef(null);
@@ -30951,6 +30922,9 @@ function TableCellActionMenuContainer({
       if (tableCellParentNodeDOM == null || !tableCellNodeFromSelection.isAttached()) {
         return disable();
       }
+      if (!rootElement.contains(nativeSelection.focusNode)) {
+        return disable();
+      }
       const cellHasContent = tableCellNodeFromSelection.getTextContentSize() > 0;
       if (cellHasContent && !isMenuOpen) {
         return disable();
@@ -31008,7 +30982,7 @@ function TableCellActionMenuContainer({
       menu.classList.add("table-cell-action-button-container--active");
       menu.classList.remove("table-cell-action-button-container--inactive");
       const margin = 4;
-      const btnWidth = 28;
+      const btnWidth = 20;
       const top = cellRect.top - anchorRect.top + margin;
       const left = cellRect.right - anchorRect.left - btnWidth - margin;
       menu.style.top = `${top}px`;
@@ -31030,13 +31004,26 @@ function TableCellActionMenuContainer({
     const handleContextMenu = (event) => {
       event.stopPropagation();
       const target = event.target;
+      if (!target || target.classList.contains("TableNode__resizeHandle") || target.classList.contains("table-cell-action-button") || target.closest(".table-cell-action-button-container") || target.closest(".TableNode__resizeHandle")) {
+        return;
+      }
       const tableCell = target.closest("td, th");
-      if (tableCell) {
-        event.preventDefault();
-        event.stopPropagation();
-        let foundCellNode = null;
-        let isNodeAttached = false;
-        setTimeout(() => {
+      if (!tableCell) {
+        return;
+      }
+      const cellRect = tableCell.getBoundingClientRect();
+      const clickX = event.clientX;
+      const clickY = event.clientY;
+      const borderThreshold = 3;
+      if (clickX < cellRect.left + borderThreshold || clickX > cellRect.right - borderThreshold || clickY < cellRect.top + borderThreshold || clickY > cellRect.bottom - borderThreshold) {
+        return;
+      }
+      event.preventDefault();
+      event.stopPropagation();
+      let foundCellNode = null;
+      let isNodeAttached = false;
+      setTimeout(() => {
+        try {
           editor.getEditorState().read(() => {
             try {
               const allNodes = editor._editorState._nodeMap;
@@ -31060,8 +31047,10 @@ function TableCellActionMenuContainer({
             setContextMenuPosition({ x: event.clientX, y: event.clientY });
             setIsMenuOpen(true);
           }
-        }, 10);
-      }
+        } catch (error) {
+          console.warn("Error handling context menu:", error);
+        }
+      }, 10);
     };
     return mergeRegister(
       editor.registerUpdateListener(delayedCallback),
@@ -31151,8 +31140,8 @@ function TableCellActionMenuContainer({
 }
 function TableActionMenuPlugin({
   anchorElem,
-  // Remove default value here
-  cellMerge = false
+  cellMerge = false,
+  isSmallWidthViewport = false
 }) {
   const isEditable = useLexicalEditable();
   if (!anchorElem)
@@ -31162,11 +31151,11 @@ function TableActionMenuPlugin({
       TableCellActionMenuContainer,
       {
         anchorElem,
-        cellMerge
+        cellMerge,
+        isSmallWidthViewport
       }
     ) : null,
     anchorElem
-    // Use the provided anchor element
   );
 }
 const index = "";
@@ -32121,7 +32110,6 @@ const ToolbarWithEditor = (props) => {
       editor,
       activeEditor: editor,
       setActiveEditor: (newEditor) => {
-        console.log("Editor change requested");
       }
     }
   );
@@ -32164,6 +32152,64 @@ const InitialContentPlugin = ({ initialContent }) => {
   }, [editor, initialContent]);
   return null;
 };
+const CellBackgroundPersistencePlugin = () => {
+  const [editor] = useLexicalComposerContext();
+  useEffect$1(() => {
+    const applyCellStyles = () => {
+      const rootElement = editor.getRootElement();
+      if (!rootElement)
+        return;
+      editor.getEditorState().read(() => {
+        const tables = rootElement.querySelectorAll("table");
+        tables.forEach((tableElement) => {
+          const cells = tableElement.querySelectorAll("td, th");
+          cells.forEach((cell) => {
+            const htmlCell = cell;
+            const cellKey = Object.keys(htmlCell).find((key) => key.startsWith("__reactProps")) ? htmlCell["__lexicalKey"] : void 0;
+            if (!cellKey)
+              return;
+            try {
+              const cellNode = $getNodeByKey(cellKey);
+              if ($isTableCellNode(cellNode)) {
+                const bgColor = cellNode.getBackgroundColor();
+                if (bgColor) {
+                  const hex = bgColor.replace("#", "");
+                  const r2 = parseInt(hex.substr(0, 2), 16);
+                  const g2 = parseInt(hex.substr(2, 2), 16);
+                  const b2 = parseInt(hex.substr(4, 2), 16);
+                  const luminance = (0.299 * r2 + 0.587 * g2 + 0.114 * b2) / 255;
+                  const textColor = luminance > 0.5 ? "#000000" : "#FFFFFF";
+                  htmlCell.style.setProperty("background-color", bgColor, "important");
+                  htmlCell.style.setProperty("color", textColor, "important");
+                  const nestedElements = htmlCell.querySelectorAll("*");
+                  nestedElements.forEach((elem) => {
+                    if (elem instanceof HTMLElement) {
+                      elem.style.setProperty("color", textColor, "important");
+                    }
+                  });
+                  const hasHeaderStyles = cellNode.getHeaderStyles();
+                  if (hasHeaderStyles) {
+                    htmlCell.style.setProperty("font-weight", "bold", "important");
+                    htmlCell.style.setProperty("padding", "8px", "important");
+                  }
+                }
+              }
+            } catch (error) {
+            }
+          });
+        });
+      });
+    };
+    const removeUpdateListener = editor.registerUpdateListener(() => {
+      requestAnimationFrame(applyCellStyles);
+    });
+    applyCellStyles();
+    return () => {
+      removeUpdateListener();
+    };
+  }, [editor]);
+  return null;
+};
 const ConfigurableEditor = ({
   config,
   defaultFontFamilies,
@@ -32232,6 +32278,7 @@ const ConfigurableEditor = ({
         /* @__PURE__ */ jsx(NotePanelPlugin, {}),
         /* @__PURE__ */ jsx(CommentPlugin, {}),
         /* @__PURE__ */ jsx(CommentBubblePlugin, {}),
+        /* @__PURE__ */ jsx(CellBackgroundPersistencePlugin, {}),
         /* @__PURE__ */ jsxs("div", { style: { position: "relative" }, children: [
           /* @__PURE__ */ jsx(
             RichTextPlugin,
@@ -32287,25 +32334,24 @@ const ConfigurableEditor = ({
         config.htmlViewOption && !config.toolbarOptions.enableHtmlViewToggle && /* @__PURE__ */ jsx(HtmlViewTogglePlugin, {})
       ] }),
       floatingAnchorElem && /* @__PURE__ */ jsxs(Fragment, { children: [
-        !isSmallWidthViewport && /* @__PURE__ */ jsxs(Fragment, { children: [
-          /* @__PURE__ */ jsx(
-            TableActionMenuPlugin,
-            {
-              anchorElem: floatingAnchorElem,
-              cellMerge: true
-            }
-          ),
-          /* @__PURE__ */ jsx(TableHoverActionsPlugin, { anchorElem: floatingAnchorElem }),
-          /* @__PURE__ */ jsx(CodeActionMenuPlugin, { anchorElem: floatingAnchorElem }),
-          /* @__PURE__ */ jsx(
-            FloatingLinkEditorPlugin,
-            {
-              anchorElem: floatingAnchorElem,
-              isLinkEditMode,
-              setIsLinkEditMode
-            }
-          )
-        ] }),
+        /* @__PURE__ */ jsx(
+          TableActionMenuPlugin,
+          {
+            anchorElem: floatingAnchorElem,
+            cellMerge: true,
+            isSmallWidthViewport
+          }
+        ),
+        /* @__PURE__ */ jsx(TableHoverActionsPlugin, { anchorElem: floatingAnchorElem }),
+        /* @__PURE__ */ jsx(CodeActionMenuPlugin, { anchorElem: floatingAnchorElem }),
+        /* @__PURE__ */ jsx(
+          FloatingLinkEditorPlugin,
+          {
+            anchorElem: floatingAnchorElem,
+            isLinkEditMode,
+            setIsLinkEditMode
+          }
+        ),
         config.enableFloatingMenu && /* @__PURE__ */ jsx(
           FloatingTextFormatToolbarPlugin,
           {
@@ -32371,7 +32417,6 @@ const ConfigurableEditorWithAuth = ({
   customVerifyKey
 }) => {
   const { isAuthenticated, isLoading, error, editorConfig: editorConfig2, verifyKey } = useEditor();
-  console.log(editorConfig2, "editorConfig");
   const successRef = useRef(onAuthSuccess);
   const errorRef = useRef(onAuthError);
   const hasAttemptedAuthRef = useRef(false);
@@ -32387,9 +32432,7 @@ const ConfigurableEditorWithAuth = ({
       var _a, _b, _c;
       try {
         if (customVerifyKey) {
-          console.log("Inside");
           const response = await customVerifyKey(apiKey);
-          console.log(response, "response");
           if (response.success) {
             (_a = successRef.current) == null ? void 0 : _a.call(successRef);
           } else {
@@ -32399,7 +32442,6 @@ const ConfigurableEditorWithAuth = ({
           await verifyKey(apiKey);
         }
       } catch (err) {
-        console.log(err, "error");
         (_c = errorRef.current) == null ? void 0 : _c.call(errorRef, err.message || "Failed to verify API key");
       }
     };
@@ -32461,4 +32503,4 @@ export {
   useHtmlView as u,
   verifyApiKey as v
 };
-//# sourceMappingURL=index-dbc626d0.js.map
+//# sourceMappingURL=index-a8476eee.js.map