@tarviks/lexical-rich-editor 1.3.11 → 1.3.12

package/dist/index.js

@@ -2230,6 +2230,48 @@ function $createYouTubeNode(videoID, width = DEFAULT_WIDTH, height = DEFAULT_HEI
 function $isYouTubeNode(node) {
   return node instanceof YouTubeNode;
 }
+var PRESERVED_STYLE_PROPS = [
+  ["fontFamily", "font-family"],
+  ["fontSize", "font-size"],
+  ["color", "color"],
+  ["backgroundColor", "background-color"]
+];
+var $convertSpanElementWithStyle = (domNode) => {
+  const style = domNode.style;
+  const cssParts = [];
+  for (const [domProp, cssProp] of PRESERVED_STYLE_PROPS) {
+    const value = style[domProp];
+    if (value) cssParts.push(`${cssProp}: ${value}`);
+  }
+  const cssText = cssParts.length > 0 ? `${cssParts.join("; ")};` : "";
+  const fontWeight = style.fontWeight;
+  const textDecoration = style.textDecoration.split(" ");
+  const hasBoldFontWeight = fontWeight === "700" || fontWeight === "bold";
+  const hasLinethroughTextDecoration = textDecoration.includes("line-through");
+  const hasItalicFontStyle = style.fontStyle === "italic";
+  const hasUnderlineTextDecoration = textDecoration.includes("underline");
+  const verticalAlign = style.verticalAlign;
+  return {
+    node: null,
+    forChild: (lexicalNode) => {
+      if (!lexical.$isTextNode(lexicalNode)) return lexicalNode;
+      if (cssText) lexicalNode.setStyle(cssText);
+      if (hasBoldFontWeight && !lexicalNode.hasFormat("bold")) lexicalNode.toggleFormat("bold");
+      if (hasLinethroughTextDecoration && !lexicalNode.hasFormat("strikethrough")) lexicalNode.toggleFormat("strikethrough");
+      if (hasItalicFontStyle && !lexicalNode.hasFormat("italic")) lexicalNode.toggleFormat("italic");
+      if (hasUnderlineTextDecoration && !lexicalNode.hasFormat("underline")) lexicalNode.toggleFormat("underline");
+      if (verticalAlign === "sub" && !lexicalNode.hasFormat("subscript")) lexicalNode.toggleFormat("subscript");
+      if (verticalAlign === "super" && !lexicalNode.hasFormat("superscript")) lexicalNode.toggleFormat("superscript");
+      return lexicalNode;
+    }
+  };
+};
+var preserveTextStyleImportMap = {
+  span: () => ({
+    conversion: $convertSpanElementWithStyle,
+    priority: 0
+  })
+};
 var normalize = (s) => (s ?? "").replace(/\s+/g, " ").trim();
 function readContextWindow(maxChars = 300, cursorIndex) {
   const full = normalize(lexical.$getRoot().getTextContent());
@@ -5170,16 +5212,18 @@ function getScrollClipAncestor(el) {
   }
   return null;
 }
+var BUTTON_VERTICAL_FOOTPRINT = 34;
 function isRectVisible(rect, cellDom) {
   if (rect.width === 0 && rect.height === 0) return false;
-  if (rect.bottom <= 0 || rect.top >= window.innerHeight) return false;
-  if (rect.right <= 0 || rect.left >= window.innerWidth) return false;
   const clipAncestor = getScrollClipAncestor(cellDom);
-  if (clipAncestor) {
-    const containerRect = clipAncestor.getBoundingClientRect();
-    if (rect.bottom <= containerRect.top || rect.top >= containerRect.bottom) return false;
-    if (rect.right <= containerRect.left || rect.left >= containerRect.right) return false;
-  }
+  const containerRect = clipAncestor?.getBoundingClientRect();
+  const visibleTop = containerRect ? Math.max(0, containerRect.top) : 0;
+  const visibleBottom = containerRect ? Math.min(window.innerHeight, containerRect.bottom) : window.innerHeight;
+  const visibleLeft = containerRect ? Math.max(0, containerRect.left) : 0;
+  const visibleRight = containerRect ? Math.min(window.innerWidth, containerRect.right) : window.innerWidth;
+  if (rect.top < visibleTop) return false;
+  if (rect.top + BUTTON_VERTICAL_FOOTPRINT > visibleBottom) return false;
+  if (rect.left >= visibleRight || rect.right <= visibleLeft) return false;
   return true;
 }
 function TableActionMenuPlugin({ disabled = false }) {
@@ -8287,7 +8331,10 @@ var ContentEditorComponent = React9.forwardRef(
           AutocompleteNode,
           SpellErrorNode,
           HtmlBlockNode
-        ]
+        ],
+        html: {
+          import: preserveTextStyleImportMap
+        }
       };
       props.onBeforeInitialize?.(config);
       return config;