tiptap-markdown-react 1.3.3 → 1.4.0

package/dist/fontSizeHeading.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/highlightMarkdown.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/index.js

@@ -1,7 +1,7 @@
 "use client";
 import { Markdown, MarkdownManager } from "@tiptap/markdown";
-import { g as getLocaleBundle, S as SearchIcon, d as ChevronUpIcon, e as ChevronDownIcon, X as XIcon, h as ReplaceIcon, i as ReplaceAllIcon, j as renderOrUpdateChart, k as destroyChart, l as CheckIcon, T as TrashIcon, n as CopyIcon, o as ChevronsUpDownIcon, G as GripIcon, E as EraserIcon, D as DownloadIcon, u as useIsMobile, K as KeyboardIcon, p as EditorToc, I as ImagePreviewHost, q as sameTocItems$1, A as AlignRightIcon, t as AlignCenterIcon, v as AlignLeftIcon, w as CropIcon, x as CaptionsIcon, y as ExpandIcon, z as requestImagePreview, B as RotateCcwIcon, F as ExternalLinkIcon, H as TableDeleteIcon, J as ColumnBeforeIcon, L as ColumnAfterIcon, M as ColumnDeleteIcon, N as RowBeforeIcon, O as RowAfterIcon, P as RowDeleteIcon, U as UndoIcon, Q as RedoIcon, V as BoldIcon, W as ItalicIcon, Y as UnderlineIcon, Z as StrikethroughIcon, _ as CodeIcon, $ as LinkIcon, a0 as ImageIcon, a1 as DetailsIcon, a2 as AlignJustifyIcon, a3 as IndentIncreaseIcon, a4 as IndentDecreaseIcon, a5 as LineHeightIcon, a6 as ListUnorderedIcon, a7 as ListOrderedIcon, a8 as ListChecksIcon } from "./ReportContentWithCharts-BOskBjBI.js";
-import { C, a9, aa, a, ab, ac, ad, ae, b, c, af, ag, ah, f, m, r, s } from "./ReportContentWithCharts-BOskBjBI.js";
+import { g as getLocaleBundle, S as SearchIcon, d as ChevronUpIcon, e as ChevronDownIcon, X as XIcon, h as ReplaceIcon, i as ReplaceAllIcon, j as renderOrUpdateChart, k as destroyChart, l as CheckIcon, T as TrashIcon, n as CopyIcon, o as ChevronsUpDownIcon, G as GripIcon, E as EraserIcon, D as DownloadIcon, u as useIsMobile, K as KeyboardIcon, p as EditorToc, I as ImagePreviewHost, q as sameTocItems$1, A as AlignRightIcon, t as AlignCenterIcon, v as AlignLeftIcon, w as CropIcon, x as CaptionsIcon, y as ExpandIcon, z as requestImagePreview, B as RotateCcwIcon, F as ExternalLinkIcon, H as TableDeleteIcon, J as ColumnBeforeIcon, L as ColumnAfterIcon, M as ColumnDeleteIcon, N as RowBeforeIcon, O as RowAfterIcon, P as RowDeleteIcon, U as UndoIcon, Q as RedoIcon, V as BoldIcon, W as ItalicIcon, Y as UnderlineIcon, Z as StrikethroughIcon, _ as CodeIcon, $ as LinkIcon, a0 as ImageIcon, a1 as DetailsIcon, a2 as AlignJustifyIcon, a3 as IndentIncreaseIcon, a4 as IndentDecreaseIcon, a5 as LineHeightIcon, a6 as ListUnorderedIcon, a7 as ListOrderedIcon, a8 as ListChecksIcon } from "./ReportContentWithCharts-3cn7_5Tz.js";
+import { C, a9, aa, a, ab, ac, ad, ae, b, c, af, ag, ah, f, m, r, s } from "./ReportContentWithCharts-3cn7_5Tz.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";
@@ -14,10 +14,10 @@ import { NodeViewWrapper, ReactNodeViewRenderer, useEditorState, ReactRenderer,
 import { Extension, Node as Node$1, mergeAttributes } from "@tiptap/core";
 import { createPortal } from "react-dom";
 import { useState, useEffect, useCallback, useRef, useMemo, useSyncExternalStore, useLayoutEffect, forwardRef, useId, useImperativeHandle, Fragment as Fragment$1, useContext, createContext } from "react";
-import { q as normalizeImageAlign, l as normalizeImageCrop, m as cropImageBox, e as enrichMarkdownCitations, o as styles$e, i as imageMarkdownTokenizer, c as imageParseMarkdown, d as imageRenderMarkdown, f as imageNodeHtml, g as imageFigureParseRule, h as imageCropAttribute, j as imageCaptionAttribute, k as imageAlignAttribute, r as normalizeImageCaption } from "./ReportContent-Bc5q1bYp.js";
-import { R, a as a2, b as b2, s as s2 } from "./ReportContent-Bc5q1bYp.js";
-import { C as CitationRef, i as mergeCommentIntervals, h as mapCommentAnchors, p as prepareChartMarkdown, j as reportChart, f as CommentMark, b as baseExtensions, l as lowlight, m as makeTocGetId, k as parseCodeTokenAsChartOrCodeBlock, a as pureCodeBlock, c as pureImage, n as renderMathInto, o as readCurrentNumberingFormat, q as subscribeMathClick, t as applyNumberingFormat, N as NUMBERING_FORMAT_IDS, u as NUMBERING_FORMAT_LABELS, v as NUMBERING_FORMAT_PREVIEWS, d as pureChart } from "./extractToc-DiI2437D.js";
-import { P, g, e, s as s3 } from "./extractToc-DiI2437D.js";
+import { q as normalizeImageAlign, l as normalizeImageCrop, m as cropImageBox, e as enrichMarkdownCitations, o as styles$e, i as imageMarkdownTokenizer, c as imageParseMarkdown, d as imageRenderMarkdown, f as imageNodeHtml, g as imageFigureParseRule, h as imageCropAttribute, j as imageCaptionAttribute, k as imageAlignAttribute, r as normalizeImageCaption } from "./ReportContent-B0HdrWAi.js";
+import { R, a as a2, b as b2, s as s2 } from "./ReportContent-B0HdrWAi.js";
+import { C as CitationRef, i as mergeCommentIntervals, h as mapCommentAnchors, p as prepareChartMarkdown, j as reportChart, f as CommentMark, b as baseExtensions, l as lowlight, m as makeTocGetId, k as parseCodeTokenAsChartOrCodeBlock, a as pureCodeBlock, c as pureImage, n as renderMathInto, o as readCurrentNumberingFormat, q as subscribeMathClick, t as applyNumberingFormat, N as NUMBERING_FORMAT_IDS, u as NUMBERING_FORMAT_LABELS, v as NUMBERING_FORMAT_PREVIEWS, d as pureChart } from "./extractToc-Bz924Nh4.js";
+import { P, g, e, s as s3 } from "./extractToc-Bz924Nh4.js";
 import { Slice, Fragment } from "@tiptap/pm/model";
 import { PluginKey, Plugin, Selection, TextSelection, NodeSelection } from "@tiptap/pm/state";
 import { DecorationSet, Decoration } from "@tiptap/pm/view";
@@ -4292,57 +4292,61 @@ function splitTopLevelBlocks(markdown) {
 function stripToPlainText(markdown) {
   return markdown.replace(/!\[[^\]]*\]\([^)]+\)/g, "").replace(/\[([^\]]+)\]\([^)]+\)/g, "$1").replace(/^#{1,6}\s+/gm, "").replace(/^[ \t]*[-*+]\s+/gm, "").replace(/^[ \t]*\d+\.\s+/gm, "").replace(/[*_~`]+/g, "").replace(/<[^>]+>/g, "").replace(/\|/g, " ").replace(/\s+/g, " ").trim();
 }
-const toolbar = "_toolbar_1l6t0_2";
-const inner = "_inner_1l6t0_15";
-const btn$2 = "_btn_1l6t0_35";
-const btnActive$1 = "_btnActive_1l6t0_58";
-const txtIcon = "_txtIcon_1l6t0_74";
-const colorIcon = "_colorIcon_1l6t0_82";
-const colorIconGlyph = "_colorIconGlyph_1l6t0_90";
-const colorIconBar = "_colorIconBar_1l6t0_96";
-const scriptTrigger = "_scriptTrigger_1l6t0_103";
-const scriptTriggerGlyph = "_scriptTriggerGlyph_1l6t0_123";
-const divider$2 = "_divider_1l6t0_131";
-const styleTrigger = "_styleTrigger_1l6t0_140";
-const styleTriggerLabel = "_styleTriggerLabel_1l6t0_174";
-const styleTriggerCaret = "_styleTriggerCaret_1l6t0_183";
-const iconTrigger = "_iconTrigger_1l6t0_190";
-const styleItem = "_styleItem_1l6t0_198";
-const styleIcon = "_styleIcon_1l6t0_204";
-const scriptGlyph = "_scriptGlyph_1l6t0_214";
-const menu = "_menu_1l6t0_226";
-const menuItem = "_menuItem_1l6t0_237";
-const menuItemSelected = "_menuItemSelected_1l6t0_264";
-const listSplit = "_listSplit_1l6t0_279";
-const listSplitActive = "_listSplitActive_1l6t0_285";
-const numberingCaret = "_numberingCaret_1l6t0_297";
-const numberingCaretActive = "_numberingCaretActive_1l6t0_327";
-const numberingMenu = "_numberingMenu_1l6t0_331";
-const numberingGrid = "_numberingGrid_1l6t0_341";
-const numberingOption = "_numberingOption_1l6t0_347";
-const numberingOptionActive = "_numberingOptionActive_1l6t0_362";
-const numberingPreview = "_numberingPreview_1l6t0_367";
-const numberingPreviewRow = "_numberingPreviewRow_1l6t0_373";
-const numberingPreviewMarker = "_numberingPreviewMarker_1l6t0_388";
-const numberingPreviewLine = "_numberingPreviewLine_1l6t0_396";
-const tableInsertCaret = "_tableInsertCaret_1l6t0_402";
-const tableSizePicker = "_tableSizePicker_1l6t0_410";
-const tableSizeGrid = "_tableSizeGrid_1l6t0_420";
-const tableSizeCell = "_tableSizeCell_1l6t0_425";
-const tableSizeCellActive = "_tableSizeCellActive_1l6t0_435";
-const tableSizeLabel = "_tableSizeLabel_1l6t0_440";
-const popoverContent$1 = "_popoverContent_1l6t0_449";
-const mathLayer = "_mathLayer_1l6t0_453";
-const mathStack = "_mathStack_1l6t0_458";
-const mathStackBlock = "_mathStackBlock_1l6t0_465";
-const mathHint = "_mathHint_1l6t0_470";
-const mathHintBlock = "_mathHintBlock_1l6t0_482";
-const mathHintIcon = "_mathHintIcon_1l6t0_488";
-const mathField = "_mathField_1l6t0_519";
-const mathFieldBlock = "_mathFieldBlock_1l6t0_531";
-const mathInput = "_mathInput_1l6t0_538";
-const mathDone = "_mathDone_1l6t0_556";
-const mathDoneKbd = "_mathDoneKbd_1l6t0_581";
+const toolbar = "_toolbar_1vr0x_2";
+const inner = "_inner_1vr0x_15";
+const btn$2 = "_btn_1vr0x_35";
+const btnActive$1 = "_btnActive_1vr0x_58";
+const txtIcon = "_txtIcon_1vr0x_74";
+const colorIcon = "_colorIcon_1vr0x_82";
+const colorIconGlyph = "_colorIconGlyph_1vr0x_90";
+const colorIconBar = "_colorIconBar_1vr0x_96";
+const scriptTrigger = "_scriptTrigger_1vr0x_103";
+const scriptTriggerGlyph = "_scriptTriggerGlyph_1vr0x_123";
+const divider$2 = "_divider_1vr0x_131";
+const styleTrigger = "_styleTrigger_1vr0x_140";
+const styleTriggerLabel = "_styleTriggerLabel_1vr0x_174";
+const styleTriggerStable = "_styleTriggerStable_1vr0x_184";
+const styleTriggerLabelStable = "_styleTriggerLabelStable_1vr0x_188";
+const styleTriggerSizer = "_styleTriggerSizer_1vr0x_193";
+const styleTriggerValue = "_styleTriggerValue_1vr0x_194";
+const styleTriggerCaret = "_styleTriggerCaret_1vr0x_209";
+const iconTrigger = "_iconTrigger_1vr0x_216";
+const styleItem = "_styleItem_1vr0x_224";
+const styleIcon = "_styleIcon_1vr0x_230";
+const scriptGlyph = "_scriptGlyph_1vr0x_240";
+const menu = "_menu_1vr0x_252";
+const menuItem = "_menuItem_1vr0x_263";
+const menuItemSelected = "_menuItemSelected_1vr0x_290";
+const listSplit = "_listSplit_1vr0x_305";
+const listSplitActive = "_listSplitActive_1vr0x_311";
+const numberingCaret = "_numberingCaret_1vr0x_323";
+const numberingCaretActive = "_numberingCaretActive_1vr0x_353";
+const numberingMenu = "_numberingMenu_1vr0x_357";
+const numberingGrid = "_numberingGrid_1vr0x_367";
+const numberingOption = "_numberingOption_1vr0x_373";
+const numberingOptionActive = "_numberingOptionActive_1vr0x_388";
+const numberingPreview = "_numberingPreview_1vr0x_393";
+const numberingPreviewRow = "_numberingPreviewRow_1vr0x_399";
+const numberingPreviewMarker = "_numberingPreviewMarker_1vr0x_414";
+const numberingPreviewLine = "_numberingPreviewLine_1vr0x_422";
+const tableInsertCaret = "_tableInsertCaret_1vr0x_428";
+const tableSizePicker = "_tableSizePicker_1vr0x_436";
+const tableSizeGrid = "_tableSizeGrid_1vr0x_446";
+const tableSizeCell = "_tableSizeCell_1vr0x_451";
+const tableSizeCellActive = "_tableSizeCellActive_1vr0x_461";
+const tableSizeLabel = "_tableSizeLabel_1vr0x_466";
+const popoverContent$1 = "_popoverContent_1vr0x_475";
+const mathLayer = "_mathLayer_1vr0x_479";
+const mathStack = "_mathStack_1vr0x_484";
+const mathStackBlock = "_mathStackBlock_1vr0x_491";
+const mathHint = "_mathHint_1vr0x_496";
+const mathHintBlock = "_mathHintBlock_1vr0x_508";
+const mathHintIcon = "_mathHintIcon_1vr0x_514";
+const mathField = "_mathField_1vr0x_545";
+const mathFieldBlock = "_mathFieldBlock_1vr0x_557";
+const mathInput = "_mathInput_1vr0x_564";
+const mathDone = "_mathDone_1vr0x_582";
+const mathDoneKbd = "_mathDoneKbd_1vr0x_607";
 const styles$6 = {
   toolbar,
   inner,
@@ -4357,6 +4361,10 @@ const styles$6 = {
   divider: divider$2,
   styleTrigger,
   styleTriggerLabel,
+  styleTriggerStable,
+  styleTriggerLabelStable,
+  styleTriggerSizer,
+  styleTriggerValue,
   styleTriggerCaret,
   iconTrigger,
   styleItem,
@@ -6668,11 +6676,18 @@ function EditorToolbar({
                 "button",
                 {
                   type: "button",
-                  className: styles$6.styleTrigger,
-                  title: t.style,
+                  className: `${styles$6.styleTrigger} ${styles$6.styleTriggerStable}`,
+                  title: state.headingLevel ? t.headingLabel(state.headingLevel) : t.normalText,
+                  "aria-label": t.style,
                   onMouseDown: (e2) => e2.preventDefault(),
                   children: [
-                    /* @__PURE__ */ jsx("span", { className: styles$6.styleTriggerLabel, children: t.style }),
+                    /* @__PURE__ */ jsxs("span", { className: `${styles$6.styleTriggerLabel} ${styles$6.styleTriggerLabelStable}`, children: [
+                      /* @__PURE__ */ jsxs("span", { className: styles$6.styleTriggerSizer, "aria-hidden": "true", children: [
+                        /* @__PURE__ */ jsx("span", { children: t.normalText }),
+                        HEADING_LEVELS.map((lv) => /* @__PURE__ */ jsx("span", { children: `H${lv}` }, lv))
+                      ] }),
+                      /* @__PURE__ */ jsx("span", { className: styles$6.styleTriggerValue, children: state.headingLevel ? `H${state.headingLevel}` : t.normalText })
+                    ] }),
                     /* @__PURE__ */ jsx(ChevronDownIcon, { size: 12, className: styles$6.styleTriggerCaret })
                   ]
                 }
@@ -6711,13 +6726,19 @@ function EditorToolbar({
                 "button",
                 {
                   type: "button",
-                  className: styles$6.styleTrigger,
-                  title: t.fontSize,
+                  className: `${styles$6.styleTrigger} ${styles$6.styleTriggerStable}`,
+                  title: state.fontSize || t.fontSize,
                   "aria-label": t.fontSize,
                   disabled: !canEditFontSize,
                   onMouseDown: (e2) => e2.preventDefault(),
                   children: [
-                    /* @__PURE__ */ jsx("span", { className: styles$6.styleTriggerLabel, children: state.fontSize || t.fontSize }),
+                    /* @__PURE__ */ jsxs("span", { className: `${styles$6.styleTriggerLabel} ${styles$6.styleTriggerLabelStable}`, children: [
+                      /* @__PURE__ */ jsxs("span", { className: styles$6.styleTriggerSizer, "aria-hidden": "true", children: [
+                        /* @__PURE__ */ jsx("span", { children: t.fontSize }),
+                        FONT_SIZES.map((size) => /* @__PURE__ */ jsx("span", { children: size }, size))
+                      ] }),
+                      /* @__PURE__ */ jsx("span", { className: styles$6.styleTriggerValue, children: state.fontSize || t.fontSize })
+                    ] }),
                     /* @__PURE__ */ jsx(ChevronDownIcon, { size: 12, className: styles$6.styleTriggerCaret })
                   ]
                 }