@tarviks/lexical-rich-editor 1.0.2 → 1.0.3

package/dist/index.mjs

@@ -6450,7 +6450,8 @@ function WordCountPlugin({ onCountChange }) {
 function FocusEventsPlugin({
   onFocus,
   onBlur,
-  setFocused
+  setFocused,
+  containerRef
 }) {
   const [editor] = useLexicalComposerContext();
   useEffect(() => {
@@ -6462,7 +6463,8 @@ function FocusEventsPlugin({
     };
     const handleFocusOut = (e) => {
       const next = e.relatedTarget;
-      const stillInside = !!next && root.contains(next);
+      const container = containerRef.current;
+      const stillInside = !!next && (container ? container.contains(next) : root.contains(next));
       if (stillInside) return;
       editor.update(() => {
         $setSelection(null);
@@ -6476,7 +6478,7 @@ function FocusEventsPlugin({
       root.removeEventListener("focusin", handleFocusIn);
       root.removeEventListener("focusout", handleFocusOut);
     };
-  }, [editor, onBlur, onFocus, setFocused]);
+  }, [editor, onBlur, onFocus, setFocused, containerRef]);
   return null;
 }
 var URL_REGEX = /(https?:\/\/(?:www\.|(?!www))[a-zA-Z0-9][a-zA-Z0-9-]+[a-zA-Z0-9]\.[^\s]{2,}|www\.[a-zA-Z0-9][a-zA-Z0-9-]+[a-zA-Z0-9]\.[^\s]{2,}|https?:\/\/(?:www\.|(?!www))[a-zA-Z0-9]+\.[^\s]{2,}|www\.[a-zA-Z0-9]+\.[^\s]{2,})/;
@@ -6596,6 +6598,7 @@ var ContentEditorComponent = forwardRef(
     const setFocused = (focused) => {
       focusedRef.current = focused;
     };
+    const containerRef = useRef(null);
     const onAnchorRef = (elem) => {
       if (elem) setFloatingAnchorElem(elem);
     };
@@ -6681,7 +6684,7 @@ var ContentEditorComponent = forwardRef(
         previousOverLimitRef.current = isOverLimit;
       }
     }, [isOverLimit, wordCount, props.wordLimit, props.onWordLimitExceeded]);
-    return /* @__PURE__ */ jsx(FluentProvider, { theme: webLightTheme, style: { height: "100%" }, children: /* @__PURE__ */ jsx(LexicalComposer, { initialConfig, children: /* @__PURE__ */ jsxs(
+    return /* @__PURE__ */ jsx(FluentProvider, { theme: webLightTheme, style: { height: "100%" }, children: /* @__PURE__ */ jsx(LexicalComposer, { initialConfig, children: /* @__PURE__ */ jsx("div", { ref: containerRef, style: { height: "100%" }, children: /* @__PURE__ */ jsxs(
       Stack,
       {
         style: {
@@ -6792,7 +6795,8 @@ var ContentEditorComponent = forwardRef(
             {
               onFocus: props.onFocus,
               onBlur: props.onBlur,
-              setFocused
+              setFocused,
+              containerRef
             }
           ),
           props.autoFocus && !isReadOnly && /* @__PURE__ */ jsx(AutoFocusPlugin, {}),
@@ -6855,7 +6859,7 @@ var ContentEditorComponent = forwardRef(
           )
         ]
       }
-    ) }) });
+    ) }) }) });
   }
 );