tiptap-markdown-react 0.12.0 → 0.13.0

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-DVdii3VR.js";
-import { C, a, R, b, f, m, r, s } from "./scrollToTocHeading-DVdii3VR.js";
+import { c as renderOrUpdateChart, d as destroyChart } from "./scrollToTocHeading-DKL19FQG.js";
+import { C, a, R, b, f, m, r, s } from "./scrollToTocHeading-DKL19FQG.js";
 import { jsx, jsxs, Fragment as Fragment$1 } from "react/jsx-runtime";
 import CodeBlockLowlight from "@tiptap/extension-code-block-lowlight";
 import FindAndReplace, { FindAndReplacePluginKey, createSearchRegex } from "@tiptap/extension-find-and-replace";
@@ -11,10 +11,10 @@ import { TableOfContents } from "@tiptap/extension-table-of-contents";
 import { NodeViewWrapper, ReactNodeViewRenderer, useEditorState, NodeViewContent, useEditor, EditorContent } from "@tiptap/react";
 import { createPortal } from "react-dom";
 import { useState, useEffect, useCallback, useRef, useMemo, forwardRef, useImperativeHandle, useId, useContext, createContext } from "react";
-import { e as enrichMarkdownCitations, b as styles$6 } from "./ReportContent-CfvE4CYH.js";
-import { R as R2, a as a2, s as s2 } from "./ReportContent-CfvE4CYH.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-BT3OquOq.js";
-import { g, e, s as s3 } from "./extractToc-BT3OquOq.js";
+import { e as enrichMarkdownCitations, c as styles$6 } from "./ReportContent-DxldXfpO.js";
+import { R as R2, a as a2, b as b2, s as s2 } from "./ReportContent-DxldXfpO.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-C2zqDjSP.js";
+import { g, e, s as s3 } from "./extractToc-C2zqDjSP.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";
@@ -184,19 +184,19 @@ function commentAnchorPlugin(options = {}) {
         const decos = [];
         const bounds = blockBounds(state.doc);
         if (showGutter) {
-          for (const b2 of bounds) {
+          for (const b3 of bounds) {
             const idsInBlock = [];
             for (const [id, ranges] of byId) {
-              if (rangesIntersectBlock(ranges, b2.start, b2.end)) {
+              if (rangesIntersectBlock(ranges, b3.start, b3.end)) {
                 idsInBlock.push(id);
               }
             }
             if (idsInBlock.length > 0) {
               decos.push(
                 Decoration.widget(
-                  b2.start,
-                  (view) => gutterDom(idsInBlock, view, b2.start),
-                  { side: -1, key: `tmr-gutter:${b2.start}` }
+                  b3.start,
+                  (view) => gutterDom(idsInBlock, view, b3.start),
+                  { side: -1, key: `tmr-gutter:${b3.start}` }
                 )
               );
             }
@@ -210,10 +210,10 @@ function commentAnchorPlugin(options = {}) {
               Decoration.inline(r2.from, r2.to, { class: "tmr-comment-active" })
             );
           }
-          for (const b2 of bounds) {
-            if (rangesIntersectBlock(ranges, b2.start, b2.end)) {
+          for (const b3 of bounds) {
+            if (rangesIntersectBlock(ranges, b3.start, b3.end)) {
               decos.push(
-                Decoration.node(b2.start, b2.end, {
+                Decoration.node(b3.start, b3.end, {
                   class: "tmr-comment-block-active"
                 })
               );
@@ -462,6 +462,26 @@ const XIcon = (p) => /* @__PURE__ */ jsxs(Svg, { ...p, children: [
   /* @__PURE__ */ jsx("path", { d: "m6 6 12 12" })
 ] });
 const ChevronUpIcon = (p) => /* @__PURE__ */ jsx(Svg, { ...p, children: /* @__PURE__ */ jsx("path", { d: "m18 15-6-6-6 6" }) });
+const ReplaceIcon = (p) => /* @__PURE__ */ jsxs(Svg, { ...p, children: [
+  /* @__PURE__ */ jsx("path", { d: "M14 4a1 1 0 0 1 1-1" }),
+  /* @__PURE__ */ jsx("path", { d: "M15 10a1 1 0 0 1-1-1" }),
+  /* @__PURE__ */ jsx("path", { d: "M21 4a1 1 0 0 0-1-1" }),
+  /* @__PURE__ */ jsx("path", { d: "M21 9a1 1 0 0 1-1 1" }),
+  /* @__PURE__ */ jsx("path", { d: "m3 7 3 3 3-3" }),
+  /* @__PURE__ */ jsx("path", { d: "M6 10V5a2 2 0 0 1 2-2h2" }),
+  /* @__PURE__ */ jsx("rect", { x: "3", y: "14", width: "7", height: "7", rx: "1" })
+] });
+const ReplaceAllIcon = (p) => /* @__PURE__ */ jsxs(Svg, { ...p, children: [
+  /* @__PURE__ */ jsx("path", { d: "M14 14a1 1 0 0 1 1 1v5a1 1 0 0 1-1 1" }),
+  /* @__PURE__ */ jsx("path", { d: "M14 4a1 1 0 0 1 1-1" }),
+  /* @__PURE__ */ jsx("path", { d: "M15 10a1 1 0 0 1-1-1" }),
+  /* @__PURE__ */ jsx("path", { d: "M19 14a1 1 0 0 1 1 1v5a1 1 0 0 1-1 1" }),
+  /* @__PURE__ */ jsx("path", { d: "M21 4a1 1 0 0 0-1-1" }),
+  /* @__PURE__ */ jsx("path", { d: "M21 9a1 1 0 0 1-1 1" }),
+  /* @__PURE__ */ jsx("path", { d: "m3 7 3 3 3-3" }),
+  /* @__PURE__ */ jsx("path", { d: "M6 10V5a2 2 0 0 1 2-2h2" }),
+  /* @__PURE__ */ jsx("rect", { x: "3", y: "14", width: "7", height: "7", rx: "1" })
+] });
 const ColumnBeforeIcon = (p) => /* @__PURE__ */ jsxs(Svg, { ...p, children: [
   /* @__PURE__ */ jsx("rect", { x: "10", y: "4", width: "11", height: "16", rx: "1" }),
   /* @__PURE__ */ jsx("path", { d: "M14 4v16" }),
@@ -614,20 +634,19 @@ const defaultFindLabels = {
   invalidRegex: "Invalid pattern",
   readOnly: "Read-only"
 };
-const bar = "_bar_1lvby_3";
-const row = "_row_1lvby_25";
-const field = "_field_1lvby_40";
-const fieldIcon = "_fieldIcon_1lvby_59";
-const input = "_input_1lvby_64";
-const counter = "_counter_1lvby_75";
-const counterInvalid = "_counterInvalid_1lvby_84";
-const btn$1 = "_btn_1lvby_88";
-const toggle = "_toggle_1lvby_116";
-const toggleOn = "_toggleOn_1lvby_128";
-const closeBtn = "_closeBtn_1lvby_136";
-const textBtn = "_textBtn_1lvby_140";
-const spacer = "_spacer_1lvby_145";
-const readOnly = "_readOnly_1lvby_150";
+const bar = "_bar_1h61e_3";
+const row = "_row_1h61e_25";
+const field = "_field_1h61e_43";
+const fieldIcon = "_fieldIcon_1h61e_62";
+const input = "_input_1h61e_67";
+const counter = "_counter_1h61e_79";
+const counterInvalid = "_counterInvalid_1h61e_89";
+const btn$1 = "_btn_1h61e_93";
+const toggle = "_toggle_1h61e_29";
+const toggleOn = "_toggleOn_1h61e_135";
+const iconGroup = "_iconGroup_1h61e_29";
+const spacer = "_spacer_1h61e_150";
+const readOnly = "_readOnly_1h61e_155";
 const styles$5 = {
   bar,
   row,
@@ -639,8 +658,7 @@ const styles$5 = {
   btn: btn$1,
   toggle,
   toggleOn,
-  closeBtn,
-  textBtn,
+  iconGroup,
   spacer,
   readOnly
 };
@@ -745,8 +763,7 @@ function FindReplaceBar({
   const toggle2 = (key, value) => {
     runCommand(() => {
       if (key === "caseSensitive") editor.commands.setCaseSensitive(value);
-      else if (key === "wholeWord") editor.commands.setWholeWord(value);
-      else editor.commands.setUseRegex(value);
+      else editor.commands.setWholeWord(value);
     });
   };
   if (!hasExtension) return null;
@@ -781,6 +798,15 @@ function FindReplaceBar({
                 autoFocus: true,
                 spellCheck: false
               }
+            ),
+            /* @__PURE__ */ jsx(
+              "span",
+              {
+                className: `${styles$5.counter}${invalidPattern ? ` ${styles$5.counterInvalid}` : ""}`,
+                "aria-live": "polite",
+                title: invalidPattern ? t.invalidRegex : void 0,
+                children: invalidPattern ? t.invalidRegex : counter2
+              }
             )
           ] }),
           /* @__PURE__ */ jsx(
@@ -809,66 +835,46 @@ function FindReplaceBar({
               children: "ab"
             }
           ),
-          /* @__PURE__ */ jsx(
-            "button",
-            {
-              type: "button",
-              className: toggleClass(state.useRegex),
-              title: t.useRegex,
-              "aria-label": t.useRegex,
-              "aria-pressed": state.useRegex,
-              onMouseDown: keepFocus,
-              onClick: () => toggle2("useRegex", !state.useRegex),
-              children: ".*"
-            }
-          ),
           /* @__PURE__ */ jsx("span", { className: styles$5.spacer }),
-          /* @__PURE__ */ jsx(
-            "span",
-            {
-              className: `${styles$5.counter}${invalidPattern ? ` ${styles$5.counterInvalid}` : ""}`,
-              "aria-live": "polite",
-              title: invalidPattern ? t.invalidRegex : void 0,
-              children: invalidPattern ? t.invalidRegex : counter2
-            }
-          ),
-          /* @__PURE__ */ jsx(
-            "button",
-            {
-              type: "button",
-              className: styles$5.btn,
-              title: t.previous,
-              "aria-label": t.previous,
-              disabled: state.total === 0,
-              onMouseDown: keepFocus,
-              onClick: () => runAction(() => editor.commands.goToPreviousResult()),
-              children: /* @__PURE__ */ jsx(ChevronUpIcon, { size: 16 })
-            }
-          ),
-          /* @__PURE__ */ jsx(
-            "button",
-            {
-              type: "button",
-              className: styles$5.btn,
-              title: t.next,
-              "aria-label": t.next,
-              disabled: state.total === 0,
-              onMouseDown: keepFocus,
-              onClick: () => runAction(() => editor.commands.goToNextResult()),
-              children: /* @__PURE__ */ jsx(ChevronDownIcon, { size: 16 })
-            }
-          ),
-          /* @__PURE__ */ jsx(
-            "button",
-            {
-              type: "button",
-              className: `${styles$5.btn} ${styles$5.closeBtn}`,
-              title: t.close,
-              "aria-label": t.close,
-              onClick: onClose,
-              children: /* @__PURE__ */ jsx(XIcon, { size: 16 })
-            }
-          )
+          /* @__PURE__ */ jsxs("span", { className: styles$5.iconGroup, children: [
+            /* @__PURE__ */ jsx(
+              "button",
+              {
+                type: "button",
+                className: styles$5.btn,
+                title: t.previous,
+                "aria-label": t.previous,
+                disabled: state.total === 0,
+                onMouseDown: keepFocus,
+                onClick: () => runAction(() => editor.commands.goToPreviousResult()),
+                children: /* @__PURE__ */ jsx(ChevronUpIcon, { size: 16 })
+              }
+            ),
+            /* @__PURE__ */ jsx(
+              "button",
+              {
+                type: "button",
+                className: styles$5.btn,
+                title: t.next,
+                "aria-label": t.next,
+                disabled: state.total === 0,
+                onMouseDown: keepFocus,
+                onClick: () => runAction(() => editor.commands.goToNextResult()),
+                children: /* @__PURE__ */ jsx(ChevronDownIcon, { size: 16 })
+              }
+            ),
+            /* @__PURE__ */ jsx(
+              "button",
+              {
+                type: "button",
+                className: styles$5.btn,
+                title: t.close,
+                "aria-label": t.close,
+                onClick: onClose,
+                children: /* @__PURE__ */ jsx(XIcon, { size: 16 })
+              }
+            )
+          ] })
         ] }),
         editor.isEditable ? /* @__PURE__ */ jsxs("div", { className: styles$5.row, children: [
           /* @__PURE__ */ jsx("span", { className: styles$5.field, children: /* @__PURE__ */ jsx(
@@ -888,22 +894,26 @@ function FindReplaceBar({
             "button",
             {
               type: "button",
-              className: `${styles$5.btn} ${styles$5.textBtn}`,
+              className: styles$5.btn,
+              title: t.replaceOne,
+              "aria-label": t.replaceOne,
               disabled: state.total === 0,
               onMouseDown: keepFocus,
               onClick: () => runAction(() => editor.commands.replace()),
-              children: t.replaceOne
+              children: /* @__PURE__ */ jsx(ReplaceIcon, { size: 16 })
             }
           ),
           /* @__PURE__ */ jsx(
             "button",
             {
               type: "button",
-              className: `${styles$5.btn} ${styles$5.textBtn}`,
+              className: styles$5.btn,
+              title: t.replaceAll,
+              "aria-label": t.replaceAll,
               disabled: state.total === 0,
               onMouseDown: keepFocus,
               onClick: () => runAction(() => editor.commands.replaceAll()),
-              children: t.replaceAll
+              children: /* @__PURE__ */ jsx(ReplaceAllIcon, { size: 16 })
             }
           )
         ] }) : /* @__PURE__ */ jsx("div", { className: styles$5.row, children: /* @__PURE__ */ jsx("span", { className: styles$5.readOnly, children: t.readOnly }) })
@@ -3556,7 +3566,7 @@ function getMarkdownForRange(editor, from, to, options = {}) {
   let first = 0;
   let last = blocks.length - 1;
   if (expand) {
-    first = blocks.findIndex((b2) => b2.to > start);
+    first = blocks.findIndex((b3) => b3.to > start);
     if (first < 0) return null;
     for (let i = blocks.length - 1; i >= first; i -= 1) {
       if (blocks[i].from < end) {
@@ -3567,7 +3577,7 @@ function getMarkdownForRange(editor, from, to, options = {}) {
     start = blocks[first].from;
     end = blocks[last].to;
   }
-  const parts = blocks.map((b2) => manager.serialize({ type: "doc", content: [b2.json] }));
+  const parts = blocks.map((b3) => manager.serialize({ type: "doc", content: [b3.json] }));
   const full = editor.getMarkdown();
   if (expand && parts.join(BLOCK_SEPARATOR) === full) {
     const markdown2 = parts.slice(first, last + 1).join(BLOCK_SEPARATOR);
@@ -3670,6 +3680,8 @@ export {
   MenuIcon,
   PENDING_ANCHOR_CLASS,
   RedoIcon,
+  ReplaceAllIcon,
+  ReplaceIcon,
   R2 as ReportContent,
   R as ReportContentInteractive,
   b as ReportContentWithCharts,
@@ -3703,6 +3715,7 @@ export {
   defaultTocLabels,
   defaultToolbarLabels,
   enrichMarkdownCitations,
+  b2 as extractFootnoteSources,
   e as extractToc,
   f as findCitationRefElement,
   findRangeByAnchor,