tiptap-markdown-react 1.5.0 → 1.6.1

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 PaintbrushIcon, W as BoldIcon, Y as ItalicIcon, Z as UnderlineIcon, _ as StrikethroughIcon, $ as CodeIcon, a0 as LinkIcon, a1 as ImageIcon, a2 as DetailsIcon, a3 as AlignJustifyIcon, a4 as IndentIncreaseIcon, a5 as IndentDecreaseIcon, a6 as LineHeightIcon, a7 as ListUnorderedIcon, a8 as ListOrderedIcon, a9 as ListChecksIcon } from "./ReportContentWithCharts-CMMUE51M.js";
-import { C, aa, ab, a, ac, ad, ae, af, b, c, ag, ah, ai, f, m, r, s } from "./ReportContentWithCharts-CMMUE51M.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 PaintbrushIcon, W as BoldIcon, Y as ItalicIcon, Z as UnderlineIcon, _ as StrikethroughIcon, $ as CodeIcon, a0 as LinkIcon, a1 as ImageIcon, a2 as DetailsIcon, a3 as AlignJustifyIcon, a4 as IndentIncreaseIcon, a5 as IndentDecreaseIcon, a6 as LineHeightIcon, a7 as ListUnorderedIcon, a8 as ListOrderedIcon, a9 as ListChecksIcon, aa as MinimizeIcon } from "./ReportContentWithCharts-BaBitkZX.js";
+import { C, ab, ac, a, ad, ae, af, ag, b, c, ah, ai, aj, f, m, r, s } from "./ReportContentWithCharts-BaBitkZX.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";
@@ -4224,6 +4224,146 @@ function MarkdownPreview({
     ) })
   ] });
 }
+const FULLSCREEN_ATTR = "data-tmr-fullscreen";
+const ROOT_ATTR = "data-tmr-fullscreen-root";
+const ESCAPE_GUARDS = [
+  "[data-radix-popper-content-wrapper]",
+  "[data-table-menu]",
+  "[data-block-drag-menu]",
+  "[data-find-bar]",
+  "[data-image-lightbox]",
+  "[data-crop-box]",
+  '[role="dialog"]',
+  '[role="listbox"]',
+  '[role="menu"]'
+].join(",");
+const POPUP_MENU_ROOT = "[data-radix-popper-content-wrapper], .ant-menu-submenu-popup, .ant-dropdown, .ant-select-dropdown, .ant-cascader-menus, .ant-picker-dropdown, .ant-popover";
+function isShown(el) {
+  let current = el;
+  while (current && current !== document.documentElement) {
+    if (!(current instanceof HTMLElement)) return false;
+    if (current.hidden || current.getAttribute("aria-hidden") === "true") return false;
+    const style = window.getComputedStyle(current);
+    if (style.display === "none" || style.visibility === "hidden") return false;
+    current = current.parentElement;
+  }
+  return true;
+}
+function isEscapeLayer(node) {
+  if (!isShown(node)) return false;
+  if (node.getAttribute("role") !== "menu") return true;
+  if (node.closest(POPUP_MENU_ROOT)) return true;
+  if (node.classList.contains("ant-menu-root") || node.closest('nav, [role="navigation"], aside, .ant-layout-sider')) {
+    return false;
+  }
+  return true;
+}
+function escapeLayerOpen() {
+  return [...document.querySelectorAll(ESCAPE_GUARDS)].some(isEscapeLayer);
+}
+let savedBodyOverflow = null;
+function readExplicitTarget(target) {
+  if (typeof target === "function") return target();
+  if (target instanceof HTMLElement) return target;
+  if (target && typeof target === "object" && "current" in target) {
+    return target.current instanceof HTMLElement ? target.current : null;
+  }
+  return null;
+}
+function defaultFullscreenElement(toolbarRoot) {
+  let node = toolbarRoot.parentElement;
+  while (node && node !== document.body && node !== document.documentElement) {
+    if (node.querySelector(".ProseMirror")) return node;
+    node = node.parentElement;
+  }
+  return toolbarRoot.parentElement;
+}
+function resolveFullscreenElement(target, toolbarRoot) {
+  const explicit = readExplicitTarget(target);
+  if (explicit) return explicit;
+  if (!toolbarRoot) return null;
+  return defaultFullscreenElement(toolbarRoot);
+}
+function enterFullscreen(el) {
+  el.setAttribute(FULLSCREEN_ATTR, "");
+  document.documentElement.setAttribute(ROOT_ATTR, "");
+  if (savedBodyOverflow === null) {
+    savedBodyOverflow = document.body.style.overflow;
+    document.body.style.overflow = "hidden";
+  }
+}
+function leaveFullscreen(el) {
+  el == null ? void 0 : el.removeAttribute(FULLSCREEN_ATTR);
+  if (document.querySelector(`[${FULLSCREEN_ATTR}]`)) return;
+  document.documentElement.removeAttribute(ROOT_ATTR);
+  if (savedBodyOverflow !== null) {
+    document.body.style.overflow = savedBodyOverflow;
+    savedBodyOverflow = null;
+  }
+}
+function useToolbarFullscreen({
+  enabled,
+  target,
+  toolbarRootRef,
+  editor,
+  onChange
+}) {
+  const [fullscreen, setFullscreen] = useState(false);
+  const activeRef = useRef(null);
+  const onChangeRef = useRef(onChange);
+  onChangeRef.current = onChange;
+  const exit = useCallback(() => {
+    var _a;
+    if (!activeRef.current) return;
+    leaveFullscreen(activeRef.current);
+    activeRef.current = null;
+    setFullscreen(false);
+    (_a = onChangeRef.current) == null ? void 0 : _a.call(onChangeRef, false);
+  }, []);
+  const toggleFullscreen = useCallback(() => {
+    var _a;
+    if (activeRef.current) {
+      exit();
+      return;
+    }
+    const el = resolveFullscreenElement(target, toolbarRootRef.current);
+    if (!el) return;
+    enterFullscreen(el);
+    activeRef.current = el;
+    setFullscreen(true);
+    (_a = onChangeRef.current) == null ? void 0 : _a.call(onChangeRef, true);
+    if (!editor.isDestroyed) editor.commands.focus();
+  }, [editor, exit, target, toolbarRootRef]);
+  useEffect(() => {
+    if (enabled) return;
+    exit();
+  }, [enabled, exit]);
+  useEffect(() => {
+    if (!fullscreen) return;
+    const onKey = (event) => {
+      if (event.key !== "Escape" || isComposingKeyEvent(event)) return;
+      if (escapeLayerOpen()) return;
+      if (!editor.isDestroyed && editor.view.dom.classList.contains("tmr-format-painter")) {
+        return;
+      }
+      event.preventDefault();
+      event.stopPropagation();
+      exit();
+    };
+    document.addEventListener("keydown", onKey, true);
+    return () => document.removeEventListener("keydown", onKey, true);
+  }, [fullscreen, editor, exit]);
+  useEffect(() => {
+    return () => {
+      var _a;
+      if (!activeRef.current) return;
+      leaveFullscreen(activeRef.current);
+      activeRef.current = null;
+      (_a = onChangeRef.current) == null ? void 0 : _a.call(onChangeRef, false);
+    };
+  }, []);
+  return { fullscreen, toggleFullscreen };
+}
 const MD_FILE_RE = /\.(md|markdown)$/i;
 const MD_ACCEPT = ".md,.markdown,text/markdown";
 function resolveImportMenuItems({
@@ -4292,61 +4432,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_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 toolbar = "_toolbar_1y8hn_2";
+const inner = "_inner_1y8hn_20";
+const btn$2 = "_btn_1y8hn_47";
+const btnActive$1 = "_btnActive_1y8hn_70";
+const txtIcon = "_txtIcon_1y8hn_86";
+const colorIcon = "_colorIcon_1y8hn_94";
+const colorIconGlyph = "_colorIconGlyph_1y8hn_102";
+const colorIconBar = "_colorIconBar_1y8hn_108";
+const scriptTrigger = "_scriptTrigger_1y8hn_115";
+const scriptTriggerGlyph = "_scriptTriggerGlyph_1y8hn_135";
+const divider$2 = "_divider_1y8hn_143";
+const styleTrigger = "_styleTrigger_1y8hn_152";
+const styleTriggerLabel = "_styleTriggerLabel_1y8hn_185";
+const styleTriggerStable = "_styleTriggerStable_1y8hn_195";
+const styleTriggerLabelStable = "_styleTriggerLabelStable_1y8hn_199";
+const styleTriggerSizer = "_styleTriggerSizer_1y8hn_204";
+const styleTriggerValue = "_styleTriggerValue_1y8hn_205";
+const styleTriggerCaret = "_styleTriggerCaret_1y8hn_220";
+const iconTrigger = "_iconTrigger_1y8hn_227";
+const styleItem = "_styleItem_1y8hn_235";
+const styleIcon = "_styleIcon_1y8hn_241";
+const scriptGlyph = "_scriptGlyph_1y8hn_251";
+const menu = "_menu_1y8hn_263";
+const menuItem = "_menuItem_1y8hn_274";
+const menuItemSelected = "_menuItemSelected_1y8hn_301";
+const listSplit = "_listSplit_1y8hn_316";
+const listSplitActive = "_listSplitActive_1y8hn_322";
+const numberingCaret = "_numberingCaret_1y8hn_334";
+const numberingCaretActive = "_numberingCaretActive_1y8hn_364";
+const numberingMenu = "_numberingMenu_1y8hn_368";
+const numberingGrid = "_numberingGrid_1y8hn_378";
+const numberingOption = "_numberingOption_1y8hn_384";
+const numberingOptionActive = "_numberingOptionActive_1y8hn_399";
+const numberingPreview = "_numberingPreview_1y8hn_404";
+const numberingPreviewRow = "_numberingPreviewRow_1y8hn_410";
+const numberingPreviewMarker = "_numberingPreviewMarker_1y8hn_425";
+const numberingPreviewLine = "_numberingPreviewLine_1y8hn_433";
+const tableInsertCaret = "_tableInsertCaret_1y8hn_439";
+const tableSizePicker = "_tableSizePicker_1y8hn_447";
+const tableSizeGrid = "_tableSizeGrid_1y8hn_457";
+const tableSizeCell = "_tableSizeCell_1y8hn_462";
+const tableSizeCellActive = "_tableSizeCellActive_1y8hn_472";
+const tableSizeLabel = "_tableSizeLabel_1y8hn_477";
+const popoverContent$1 = "_popoverContent_1y8hn_486";
+const mathLayer = "_mathLayer_1y8hn_490";
+const mathStack = "_mathStack_1y8hn_495";
+const mathStackBlock = "_mathStackBlock_1y8hn_502";
+const mathHint = "_mathHint_1y8hn_507";
+const mathHintBlock = "_mathHintBlock_1y8hn_519";
+const mathHintIcon = "_mathHintIcon_1y8hn_525";
+const mathField = "_mathField_1y8hn_556";
+const mathFieldBlock = "_mathFieldBlock_1y8hn_568";
+const mathInput = "_mathInput_1y8hn_575";
+const mathDone = "_mathDone_1y8hn_593";
+const mathDoneKbd = "_mathDoneKbd_1y8hn_618";
 const styles$6 = {
   toolbar,
   inner,
@@ -6470,6 +6610,7 @@ function MenuPopover({
 function MenuItem({
   selected,
   disabled,
+  label,
   onSelect,
   children
 }) {
@@ -6479,6 +6620,8 @@ function MenuItem({
     {
       type: "button",
       disabled,
+      "aria-label": label,
+      "aria-pressed": selected || void 0,
       className: `${styles$6.menuItem} ${selected ? styles$6.menuItemSelected : ""}`,
       onMouseDown: (e2) => e2.preventDefault(),
       onClick: () => {
@@ -6672,10 +6815,21 @@ function EditorToolbar({
   locale = "en",
   onSearch,
   searchActive = false,
+  showFullscreen = true,
+  fullscreenTarget,
+  onFullscreenChange,
   extraToolbarItems,
   className
 }) {
   const t = getLocaleBundle(locale).toolbar;
+  const toolbarRootRef = useRef(null);
+  const { fullscreen, toggleFullscreen } = useToolbarFullscreen({
+    enabled: showFullscreen,
+    target: fullscreenTarget,
+    toolbarRootRef,
+    editor,
+    onChange: onFullscreenChange
+  });
   const state = useEditorState({
     editor,
     selector: ({ editor: e2 }) => ({
@@ -6962,6 +7116,8 @@ function EditorToolbar({
     /* @__PURE__ */ jsx(
       "div",
       {
+        ref: toolbarRootRef,
+        "data-tmr-toolbar": "",
         className: className ? `${styles$6.toolbar} ${className}` : styles$6.toolbar,
         children: /* @__PURE__ */ jsxs("div", { className: styles$6.inner, children: [
           /* @__PURE__ */ jsx(
@@ -7530,6 +7686,18 @@ function EditorToolbar({
                     onInsert: (rows, cols) => chain().insertTable({ rows, cols, withHeaderRow: true }).run()
                   }
                 ),
+                showFullscreen ? /* @__PURE__ */ jsx(
+                  MenuItem,
+                  {
+                    selected: fullscreen,
+                    label: fullscreen ? t.exitFullscreen : t.fullscreen,
+                    onSelect: toggleFullscreen,
+                    children: /* @__PURE__ */ jsxs("span", { className: styles$6.styleItem, children: [
+                      /* @__PURE__ */ jsx("span", { className: styles$6.styleIcon, children: fullscreen ? /* @__PURE__ */ jsx(MinimizeIcon, { size: 14 }) : /* @__PURE__ */ jsx(ExpandIcon, { size: 14 }) }),
+                      fullscreen ? t.exitFullscreen : t.fullscreen
+                    ] })
+                  }
+                ) : null,
                 extraToolbarItems == null ? void 0 : extraToolbarItems.map((item2) => /* @__PURE__ */ jsx(
                   MenuItem,
                   {
@@ -7760,8 +7928,8 @@ export {
   C as ChartMount,
   CheckIcon,
   ChevronDownIcon,
-  aa as ChevronLeftIcon,
-  ab as ChevronRightIcon,
+  ab as ChevronLeftIcon,
+  ac as ChevronRightIcon,
   ChevronUpIcon,
   ChevronsUpDownIcon,
   a as CitationInteractive,
@@ -7785,12 +7953,12 @@ export {
   FIND_DEBOUNCE_MS,
   default2 as FindAndReplace,
   FindReplaceBar,
-  ac as FitIcon,
+  ad as FitIcon,
   GripIcon,
   ImageAlignTools,
   ImageIcon,
   ImageUploadNode,
-  ad as ImportIcon,
+  ae as ImportIcon,
   ImportPlaceholder,
   IndentDecreaseIcon,
   IndentIncreaseIcon,
@@ -7802,12 +7970,13 @@ export {
   ListChecksIcon,
   ListOrderedIcon,
   ListUnorderedIcon,
-  ae as LockIcon,
+  af as LockIcon,
   MarkdownFileDrop,
   MarkdownPaste,
   MarkdownPreview,
   MarkdownWysiwygEditor,
-  af as MenuIcon,
+  ag as MenuIcon,
+  MinimizeIcon,
   PENDING_ANCHOR_CLASS,
   PaintbrushIcon,
   P as ParagraphStyles,
@@ -7818,7 +7987,7 @@ export {
   b as ReportContentInteractive,
   c as ReportContentWithCharts,
   RotateCcwIcon,
-  ag as RotateCwIcon,
+  ah as RotateCwIcon,
   RowAfterIcon,
   RowBeforeIcon,
   RowDeleteIcon,
@@ -7831,8 +8000,8 @@ export {
   UnderlineIcon,
   UndoIcon,
   XIcon,
-  ah as ZoomInIcon,
-  ai as ZoomOutIcon,
+  ai as ZoomInIcon,
+  aj as ZoomOutIcon,
   a2 as applyCitationSources,
   applyCommentAnchorsToEditor,
   applyLink,