tiptap-markdown-react 0.15.0 → 0.16.1

package/dist/index.js

@@ -1,7 +1,7 @@
 "use client";
 import { Markdown, MarkdownManager } from "@tiptap/markdown";
-import { c as renderOrUpdateChart, d as destroyChart } from "./scrollToTocHeading-DTphNbqx.js";
-import { C, a, R, b, f, m, r, s } from "./scrollToTocHeading-DTphNbqx.js";
+import { c as renderOrUpdateChart, d as destroyChart } from "./scrollToTocHeading-CBvptTaQ.js";
+import { C, a, R, b, f, m, r, s } from "./scrollToTocHeading-CBvptTaQ.js";
 import { jsx, jsxs, Fragment as Fragment$2 } from "react/jsx-runtime";
 import CodeBlockLowlight from "@tiptap/extension-code-block-lowlight";
 import FindAndReplace, { FindAndReplacePluginKey, createSearchRegex } from "@tiptap/extension-find-and-replace";
@@ -10,11 +10,11 @@ import Image from "@tiptap/extension-image";
 import { TableOfContents } from "@tiptap/extension-table-of-contents";
 import { NodeViewWrapper, ReactNodeViewRenderer, useEditorState, ReactRenderer, NodeViewContent, useEditor, EditorContent } from "@tiptap/react";
 import { createPortal } from "react-dom";
-import { useState, useEffect, useCallback, useRef, useMemo, forwardRef, useImperativeHandle, Fragment as Fragment$1, useId, useContext, createContext } from "react";
-import { e as enrichMarkdownCitations, c as styles$8 } from "./ReportContent-JC-DkC9D.js";
-import { R as R2, a as a2, b as b2, s as s2 } from "./ReportContent-JC-DkC9D.js";
-import { C as CitationRef, i as mergeCommentIntervals, h as mapCommentAnchors, p as prepareChartMarkdown, j as reportChart, b as baseExtensions, f as CommentMark, l as lowlight, m as makeTocGetId, k as parseCodeTokenAsChartOrCodeBlock, a as pureCodeBlock, c as pureImage, n as renderMathInto, o as subscribeMathClick, d as pureChart } from "./extractToc-FJquRnX7.js";
-import { g, e, s as s3 } from "./extractToc-FJquRnX7.js";
+import { useState, useEffect, useCallback, useRef, useMemo, forwardRef, useImperativeHandle, Fragment as Fragment$1, useLayoutEffect, useId, useContext, createContext } from "react";
+import { e as enrichMarkdownCitations, c as styles$8 } from "./ReportContent-CwcppHl8.js";
+import { R as R2, a as a2, b as b2, s as s2 } from "./ReportContent-CwcppHl8.js";
+import { C as CitationRef, i as mergeCommentIntervals, h as mapCommentAnchors, p as prepareChartMarkdown, j as reportChart, b as baseExtensions, f as CommentMark, l as lowlight, m as makeTocGetId, k as parseCodeTokenAsChartOrCodeBlock, a as pureCodeBlock, c as pureImage, n as renderMathInto, o as subscribeMathClick, d as pureChart } from "./extractToc-CheLC9kh.js";
+import { g, e, s as s3 } from "./extractToc-CheLC9kh.js";
 import { Slice, Fragment } from "@tiptap/pm/model";
 import { Extension, Node as Node$1 } from "@tiptap/core";
 import { PluginKey, Plugin, NodeSelection, TextSelection } from "@tiptap/pm/state";
@@ -2120,7 +2120,8 @@ const MarkdownWysiwygEditor = forwardRef(function MarkdownWysiwygEditor2({
   slashMenu = true,
   slashMenuLabels,
   shortcutPanel = true,
-  shortcutLabels
+  shortcutLabels,
+  shortcutFabContainer
 }, ref) {
   const preparedInitial = prepareChartMarkdown(
     enrichMarkdownCitations(initialMarkdown, sources ?? [])
@@ -2344,6 +2345,26 @@ const MarkdownWysiwygEditor = forwardRef(function MarkdownWysiwygEditor2({
     () => ({ ...defaultShortcutLabels, ...shortcutLabels }),
     [shortcutLabels]
   );
+  const [shortcutFabTarget, setShortcutFabTarget] = useState(
+    null
+  );
+  const useIsoLayoutEffect = typeof window === "undefined" ? useEffect : useLayoutEffect;
+  useIsoLayoutEffect(() => {
+    const target = typeof shortcutFabContainer === "function" ? shortcutFabContainer() : shortcutFabContainer ?? null;
+    setShortcutFabTarget((prev) => prev === target ? prev : target);
+  });
+  const shortcutFabNode = shortcutPanel && editable ? /* @__PURE__ */ jsx(
+    "button",
+    {
+      type: "button",
+      className: shortcutFabTarget ? `${styles$8.shortcutFab} ${styles$8.shortcutFabHosted}` : styles$8.shortcutFab,
+      title: shortcutT.panelTitle,
+      "aria-label": shortcutT.panelTitle,
+      "aria-expanded": shortcutsOpen,
+      onClick: () => setShortcutsOpen((v) => !v),
+      children: /* @__PURE__ */ jsx(KeyboardIcon, { size: 18 })
+    }
+  ) : null;
   return /* @__PURE__ */ jsxs("div", { className: styles$8.editorHost, children: [
     findBarNode && !findBarTarget ? /* @__PURE__ */ jsx("div", { className: styles$8.findBarAnchor, children: findBarNode }) : null,
     findBarNode && findBarTarget ? createPortal(findBarNode, findBarTarget) : null,
@@ -2354,18 +2375,7 @@ const MarkdownWysiwygEditor = forwardRef(function MarkdownWysiwygEditor2({
         className: className ? `${styles$8.editorScroll} ${className}` : styles$8.editorScroll
       }
     ),
-    shortcutPanel && editable ? /* @__PURE__ */ jsx(
-      "button",
-      {
-        type: "button",
-        className: styles$8.shortcutFab,
-        title: shortcutT.panelTitle,
-        "aria-label": shortcutT.panelTitle,
-        "aria-expanded": shortcutsOpen,
-        onClick: () => setShortcutsOpen((v) => !v),
-        children: /* @__PURE__ */ jsx(KeyboardIcon, { size: 18 })
-      }
-    ) : null,
+    shortcutFabNode && shortcutFabTarget ? createPortal(shortcutFabNode, shortcutFabTarget) : shortcutFabNode,
     shortcutPanel && editable ? /* @__PURE__ */ jsx(
       ShortcutPanel,
       {