@gravity-ui/markdown-editor 14.10.5 → 14.11.1

package/build/cjs/extensions/yfm/YfmTabs/plugins.js

@@ -39,12 +39,12 @@ class TabsAutoSwitchOnDragOver {
         const pos = view.posAtCoords({ left: event.clientX, top: event.clientY });
         if (pos) {
             const elem = (0, prosemirror_utils_1.findDomRefAtPos)(pos.pos, view.domAtPos.bind(view));
-            const cutElem = elem.closest(TabsAutoSwitchOnDragOver.TAB_SELECTOR);
-            if (cutElem === this._tabElem)
+            const tabElem = elem.closest(TabsAutoSwitchOnDragOver.TAB_SELECTOR);
+            if (tabElem === this._tabElem)
                 return;
             this._clear();
-            if (cutElem)
-                this._setTabElem(cutElem);
+            if (tabElem)
+                this._setTabElem(tabElem);
         }
     }
     _clear() {
@@ -59,29 +59,7 @@ class TabsAutoSwitchOnDragOver {
     }
     _switchTab() {
         if (this._editorView.dragging && this._tabElem) {
-            const pos = this._editorView.posAtDOM(this._tabElem, 0, -1);
-            const $pos = this._editorView.state.doc.resolve(pos);
-            const { state } = this._editorView;
-            let { depth } = $pos;
-            let tabId = '';
-            let tabsNode = null;
-            do {
-                const node = $pos.node(depth);
-                if (node.type === (0, const_2.tabType)(state.schema)) {
-                    tabId = node.attrs[const_1.TabAttrs.dataDiplodocid];
-                    continue;
-                }
-                if (node.type === (0, const_2.tabsType)(state.schema)) {
-                    tabsNode = { node, pos: $pos.before(depth) };
-                    break;
-                }
-            } while (--depth >= 0);
-            if (tabId && tabsNode) {
-                const { tr } = state;
-                if (switchYfmTab(tabsNode, tabId, tr)) {
-                    this._editorView.dispatch(tr.setMeta('addToHistory', false));
-                }
-            }
+            (0, utils_3.switchTabByElem)(this._tabElem);
         }
         this._clear();
     }
@@ -91,49 +69,6 @@ TabsAutoSwitchOnDragOver.TAB_SELECTOR = '.yfm-tab:not([data-diplodoc-is-active=t
 TabsAutoSwitchOnDragOver.OPEN_TIMEOUT = 500; //ms
 TabsAutoSwitchOnDragOver.THROTTLE_WAIT = 50; //ms
 TabsAutoSwitchOnDragOver.view = (view) => new _a(view);
-function switchYfmTab({ node: tabsNode, pos: tabsPos }, tabId, tr) {
-    const { schema } = tabsNode.type;
-    if (tabsNode.type !== (0, const_2.tabsType)(schema))
-        return false;
-    const tabsList = tabsNode.firstChild;
-    if ((tabsList === null || tabsList === void 0 ? void 0 : tabsList.type) !== (0, const_2.tabsListType)(schema))
-        return false;
-    const tabsListPos = tabsPos + 1;
-    let panelId = null;
-    tabsList.forEach((node, offset) => {
-        if (node.type !== (0, const_2.tabType)(schema))
-            return;
-        const tabPos = tabsListPos + 1 + offset;
-        const tabAttrs = Object.assign(Object.assign({}, node.attrs), { [const_1.TabAttrs.ariaSelected]: 'false', [const_1.TabAttrs.dataDiplodocIsActive]: 'false' });
-        if (node.attrs[const_1.TabAttrs.dataDiplodocid] === tabId) {
-            panelId = node.attrs[const_1.TabAttrs.ariaControls];
-            tabAttrs[const_1.TabAttrs.ariaSelected] = 'true';
-            tabAttrs[const_1.TabAttrs.dataDiplodocIsActive] = 'true';
-        }
-        tr.setNodeMarkup(tabPos, null, tabAttrs);
-    });
-    if (!panelId)
-        return false;
-    tabsNode.forEach((node, offset) => {
-        var _b;
-        if (node.type !== (0, const_2.tabPanelType)(schema))
-            return;
-        const tabPanelPos = tabsPos + 1 + offset;
-        const tabPanelAttrs = Object.assign({}, node.attrs);
-        const tabPanelClassList = new Set(((_b = node.attrs[const_1.TabPanelAttrs.class]) !== null && _b !== void 0 ? _b : '')
-            .split(' ')
-            .filter((val) => Boolean(val.trim())));
-        if (node.attrs[const_1.TabPanelAttrs.id] === panelId) {
-            tabPanelClassList.add('active');
-        }
-        else {
-            tabPanelClassList.delete('active');
-        }
-        tabPanelAttrs[const_1.TabPanelAttrs.class] = Array.from(tabPanelClassList).join(' ');
-        tr.setNodeMarkup(tabPanelPos, null, tabPanelAttrs);
-    });
-    return true;
-}
 const tabPanelArrowDown = (state, dispatch, view) => {
     var _b;
     const { selection: sel } = state;
@@ -189,22 +124,6 @@ const liftEmptyBlockFromTabPanel = (state, dispatch) => {
     return false;
 };
 exports.liftEmptyBlockFromTabPanel = liftEmptyBlockFromTabPanel;
-const makeTabsInactive = (tabNodes, tabPanels, tr) => {
-    // Find all active tabs and make them inactive
-    const activeTabs = tabNodes.filter((v) => v.node.attrs[const_1.TabAttrs.dataDiplodocIsActive] === 'true');
-    if (activeTabs.length) {
-        activeTabs.forEach((tab) => {
-            tr.setNodeMarkup(tab.pos, null, Object.assign(Object.assign({}, tab.node.attrs), { class: const_2.tabInactiveClassname, [const_1.TabAttrs.dataDiplodocIsActive]: 'false' }));
-        });
-    }
-    // Find all active panels and make them inactive
-    const activePanels = tabPanels.filter((v) => v.node.attrs[const_1.TabPanelAttrs.class] === const_2.tabPanelActiveClassname);
-    if (activePanels.length) {
-        activePanels.forEach((tabPanel) => {
-            tr.setNodeMarkup(tr.mapping.map(tabPanel.pos), null, Object.assign(Object.assign({}, tabPanel.node.attrs), { class: const_2.tabPanelInactiveClassname }));
-        });
-    }
-};
 const createTab = (afterTab, tabsParentNode) => (state, dispatch, view) => {
     const tabNodes = (0, prosemirror_utils_1.findChildren)(tabsParentNode.node, (node) => node.type.name === (0, const_2.tabType)(state.schema).name);
     const tabPanels = (0, prosemirror_utils_1.findChildren)(tabsParentNode.node, (tabNode) => {
@@ -217,14 +136,14 @@ const createTab = (afterTab, tabsParentNode) => (state, dispatch, view) => {
     const newPanel = (0, const_2.tabPanelType)(state.schema).create({
         [const_1.TabPanelAttrs.ariaLabelledby]: tabId,
         [const_1.TabPanelAttrs.id]: panelId,
-        [const_1.TabPanelAttrs.class]: const_2.tabPanelActiveClassname,
+        [const_1.TabPanelAttrs.class]: const_2.tabPanelInactiveClassname,
     }, (0, __1.pType)(state.schema).createAndFill());
     const newTab = (0, const_2.tabType)(state.schema).create({
         [const_1.TabAttrs.id]: tabId,
         [const_1.TabAttrs.dataDiplodocid]: tabId,
         [const_1.TabAttrs.dataDiplodocKey]: tabId,
-        [const_1.TabAttrs.dataDiplodocIsActive]: 'true',
-        [const_1.TabAttrs.class]: const_2.tabActiveClassname,
+        [const_1.TabAttrs.dataDiplodocIsActive]: 'false',
+        [const_1.TabAttrs.class]: const_2.tabInactiveClassname,
         [const_1.TabAttrs.role]: 'tab',
         [const_1.TabAttrs.ariaControls]: panelId,
     });
@@ -236,12 +155,14 @@ const createTab = (afterTab, tabsParentNode) => (state, dispatch, view) => {
     tabPanels.forEach((v) => {
         v.pos = v.pos + tabsParentNode.pos + 1;
     });
-    makeTabsInactive(tabNodes, tabPanels, tr);
     dispatch === null || dispatch === void 0 ? void 0 : dispatch(tr
         .insert(afterPanelNode.pos + afterPanelNode.node.nodeSize, newPanel)
         .insert(afterTab.pos + afterTab.node.nodeSize, newTab)
         .setSelection(prosemirror_state_1.TextSelection.create(tr.doc, afterTab.pos + afterTab.node.nodeSize + 1)));
     view === null || view === void 0 ? void 0 : view.focus();
+    if (view) {
+        (0, utils_3.execAfterPaint)(() => (0, utils_3.switchTabById)(view.dom, tabId));
+    }
     return true;
 };
 exports.createTab = createTab;
@@ -271,18 +192,16 @@ const removeTab = (tabToRemove, tabsParentNode) => (state, dispatch, view) => {
                 v.pos = v.pos + tabsParentNode.pos + 1;
             });
             const newTabNode = tabNodes[newTabIdx];
-            const newTabPanelNode = tabPanels[newTabIdx];
-            makeTabsInactive(tabNodes, tabPanels, tr);
+            const newActiveTabId = newTabNode.node.attrs[const_1.TabAttrs.dataDiplodocid];
             tr
                 // Delete panel
                 .delete(panelToRemove.pos, panelToRemove.pos + panelToRemove.node.nodeSize)
                 // Delete tab
                 .delete(tabToRemove.pos, tabToRemove.pos + tabToRemove.node.nodeSize)
-                // Set new active tab
-                .setNodeMarkup(tr.mapping.map(newTabNode.pos), null, Object.assign(Object.assign({}, newTabNode.node.attrs), { class: const_2.tabActiveClassname, [const_1.TabAttrs.dataDiplodocIsActive]: 'true' }))
-                // Set new active panel
-                .setNodeMarkup(tr.mapping.map(newTabPanelNode.pos), null, Object.assign(Object.assign({}, newTabPanelNode.node.attrs), { class: const_2.tabPanelActiveClassname }))
                 .setSelection(prosemirror_state_1.TextSelection.create(tr.doc, tr.mapping.map(newTabNode.pos + newTabNode.node.nodeSize - 1)));
+            // Set new active tab
+            if (view)
+                (0, utils_3.execAfterPaint)(() => (0, utils_3.switchTabById)(view.dom, newActiveTabId));
         }
         dispatch(tr);
         view === null || view === void 0 ? void 0 : view.focus();

package/build/cjs/extensions/yfm/YfmTabs/utils.d.ts

@@ -1,2 +1,5 @@
-import { EditorView } from 'prosemirror-view';
+import type { EditorView } from 'prosemirror-view';
+export declare const execAfterPaint: (fn: () => void) => void;
 export declare const atEndOfPanel: (view?: EditorView) => number | false | null;
+export declare const switchTabByElem: (tabElem: HTMLElement) => void;
+export declare const switchTabById: (container: HTMLElement, tabId: string) => void;

package/build/cjs/extensions/yfm/YfmTabs/utils.js

@@ -1,7 +1,13 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.atEndOfPanel = void 0;
-const _1 = require(".");
+exports.switchTabById = exports.switchTabByElem = exports.atEndOfPanel = exports.execAfterPaint = void 0;
+const const_1 = require("./const");
+const execAfterPaint = (fn) => {
+    requestAnimationFrame(() => {
+        requestAnimationFrame(fn);
+    });
+};
+exports.execAfterPaint = execAfterPaint;
 const atEndOfPanel = (view) => {
     if (!view)
         return null;
@@ -10,7 +16,7 @@ const atEndOfPanel = (view) => {
         const parent = $head.node(d), index = $head.indexAfter(d);
         if (index !== parent.childCount)
             return false;
-        if (parent.type === (0, _1.tabPanelType)(view.state.schema)) {
+        if (parent.type === (0, const_1.tabPanelType)(view.state.schema)) {
             const panelPos = $head.before(d);
             return (view === null || view === void 0 ? void 0 : view.endOfTextblock('down')) ? panelPos : null;
         }
@@ -18,3 +24,17 @@ const atEndOfPanel = (view) => {
     return null;
 };
 exports.atEndOfPanel = atEndOfPanel;
+const switchTabByElem = (tabElem) => {
+    if (tabElem.classList.contains(const_1.YFM_TAB_CLASSNAME)) {
+        tabElem.click();
+    }
+};
+exports.switchTabByElem = switchTabByElem;
+const switchTabById = (container, tabId) => {
+    const selector = `.${const_1.YFM_TAB_CLASSNAME}[${const_1.DIPLODOC_ID_ATTR}="${tabId}"]`;
+    const tabElem = container.querySelector(selector);
+    if (tabElem) {
+        (0, exports.switchTabByElem)(tabElem);
+    }
+};
+exports.switchTabById = switchTabById;

package/build/cjs/extensions/yfm/YfmTabs/views.d.ts

@@ -1,4 +1,4 @@
-import { NodeViewConstructor } from 'prosemirror-view';
+import { type NodeViewConstructor } from 'prosemirror-view';
 export declare const tabView: NodeViewConstructor;
 export declare const tabPanelView: NodeViewConstructor;
 export declare const vtabView: NodeViewConstructor;

package/build/cjs/extensions/yfm/YfmTabs/views.js

@@ -1,25 +1,25 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.vtabInputView = exports.vtabView = exports.tabPanelView = exports.tabView = void 0;
+const prosemirror_state_1 = require("prosemirror-state");
 const prosemirror_utils_1 = require("prosemirror-utils");
 const classname_1 = require("../../../classname");
+const const_1 = require("./const");
 const icons_1 = require("./icons");
 const plugins_1 = require("./plugins");
-const _1 = require(".");
+const utils_1 = require("./utils");
 const cnYfmTab = (0, classname_1.cn)('yfm-tab');
-const ignoreMutation = (node, view, getPos) => (mutation) => {
+const ignoreMutation = (_node, _view, _getPos) => (mutation) => {
     if (mutation instanceof MutationRecord &&
         mutation.type === 'attributes' &&
         mutation.attributeName) {
-        const newAttr = mutation.target.getAttribute(mutation.attributeName);
-        view.dispatch(view.state.tr.setNodeMarkup(getPos(), null, Object.assign(Object.assign({}, node.attrs), { [mutation.attributeName]: newAttr })));
         return true;
     }
     return false;
 };
 const getTabNodes = (state, getPos) => {
-    const currentTab = (0, prosemirror_utils_1.findParentNodeOfTypeClosestToPos)(state.tr.doc.resolve(getPos() + 1), (0, _1.tabType)(state.schema));
-    const tabsParentNode = (0, prosemirror_utils_1.findParentNodeOfTypeClosestToPos)(state.tr.doc.resolve(getPos()), (0, _1.tabsType)(state.schema));
+    const currentTab = (0, prosemirror_utils_1.findParentNodeOfTypeClosestToPos)(state.tr.doc.resolve(getPos() + 1), (0, const_1.tabType)(state.schema));
+    const tabsParentNode = (0, prosemirror_utils_1.findParentNodeOfTypeClosestToPos)(state.tr.doc.resolve(getPos()), (0, const_1.tabsType)(state.schema));
     return { currentTab, tabsParentNode };
 };
 const tabView = (node, view, getPos) => {
@@ -31,6 +31,26 @@ const tabView = (node, view, getPos) => {
     wrapperElem.addEventListener('click', () => {
         // Click on parent node to trigger event listener that selects current tab
         tabElem.click();
+        {
+            /**
+             * Hack for empty tabs
+             *
+             * Problem: when clicking on an empty tab (without text content) it focuses, and selection doesn't move to beginning of tab
+             *
+             * Temporary fix: manually return focus to pm-view, move text selection to beginning of tab
+             */
+            view.focus();
+            // tab is empty
+            if (node.nodeSize < 3) {
+                (0, utils_1.execAfterPaint)(() => {
+                    const pos = getPos();
+                    if (pos !== undefined) {
+                        const { tr } = view.state;
+                        view.dispatch(tr.setSelection(prosemirror_state_1.TextSelection.create(tr.doc, pos + 1)).scrollIntoView());
+                    }
+                });
+            }
+        }
     });
     const removeTabButton = document.createElement('div');
     removeTabButton.setAttribute('class', cnYfmTab('remove-button'));

package/build/cjs/i18n/menubar/index.d.ts

@@ -1,4 +1,4 @@
-export declare const i18n: <G extends "bold" | "code" | "colorify" | "mono" | "link" | "italic" | "strike" | "underline" | "mark" | "quote" | "text" | "html" | "cut" | "table" | "image" | "code_inline" | "list" | "heading" | "note" | "file" | "checkbox" | "emoji" | "gpt" | "heading1" | "heading2" | "heading3" | "heading4" | "heading5" | "heading6" | "math_block" | "math_inline" | "mermaid" | "redo" | "tabs" | "undo" | "codeblock" | "math" | "colorify__color_blue" | "colorify__color_default" | "colorify__color_gray" | "colorify__color_green" | "colorify__color_orange" | "colorify__color_red" | "colorify__color_violet" | "colorify__color_yellow" | "colorify__group_text" | "emoji__hint" | "folding-heading" | "folding-heading__hint" | "hrule" | "list__action_lift" | "list__action_sink" | "list_action_disabled" | "more_action" | "move_list" | "olist" | "ulist", S extends string>(key: G | (string extends S ? S : never), params?: {
+export declare const i18n: <G extends "bold" | "code" | "link" | "italic" | "strike" | "underline" | "mark" | "quote" | "colorify" | "mono" | "text" | "html" | "cut" | "table" | "image" | "code_inline" | "list" | "heading" | "note" | "file" | "codeblock" | "checkbox" | "heading1" | "heading2" | "heading3" | "heading4" | "heading5" | "heading6" | "emoji" | "tabs" | "math" | "gpt" | "undo" | "redo" | "math_inline" | "math_block" | "colorify__color_blue" | "colorify__color_default" | "colorify__color_gray" | "colorify__color_green" | "colorify__color_orange" | "colorify__color_red" | "colorify__color_violet" | "colorify__color_yellow" | "colorify__group_text" | "emoji__hint" | "folding-heading" | "folding-heading__hint" | "hrule" | "list__action_lift" | "list__action_sink" | "list_action_disabled" | "mermaid" | "more_action" | "move_list" | "olist" | "ulist", S extends string>(key: G | (string extends S ? S : never), params?: {
     [key: string]: any;
 } | undefined) => S extends G ? {
     bold: string;

package/build/cjs/i18n/placeholder/index.d.ts

@@ -1,4 +1,4 @@
-export declare const i18n: <G extends "block" | "heading" | "checkbox" | "doc_empty" | "codeblock" | "deflist_term" | "deflist_desc" | "cut_title" | "cut_content" | "note_title" | "note_content" | "layout_cell" | "table_cell" | "select_filter", S extends string>(key: G | (string extends S ? S : never), params?: {
+export declare const i18n: <G extends "block" | "heading" | "codeblock" | "doc_empty" | "checkbox" | "deflist_term" | "deflist_desc" | "cut_title" | "cut_content" | "note_title" | "note_content" | "layout_cell" | "table_cell" | "select_filter", S extends string>(key: G | (string extends S ? S : never), params?: {
     [key: string]: any;
 } | undefined) => S extends G ? {
     doc_empty: string;

package/build/cjs/i18n/yfm-note/index.d.ts

@@ -1,4 +1,4 @@
-export declare const i18n: <G extends "remove" | "info" | "tip" | "warning" | "alert", S extends string>(key: G | (string extends S ? S : never), params?: {
+export declare const i18n: <G extends "remove" | "info" | "alert" | "tip" | "warning", S extends string>(key: G | (string extends S ? S : never), params?: {
     [key: string]: any;
 } | undefined) => S extends G ? {
     info: string;

package/build/cjs/markup/codemirror/html-to-markdown/handlers.d.ts

@@ -1,4 +1,4 @@
-import { HTMLNodeVisitor } from './converters';
+import type { HTMLNodeVisitor } from './converters';
 /**
  * Base handler class implementing the Chain of Responsibility pattern for HTML node processing.
  * Each concrete handler decides whether it can process a node or should pass it to the next handler.

package/build/cjs/markup/codemirror/search-plugin/plugin.d.ts

@@ -1,17 +1,10 @@
+import { SearchQuery } from '@codemirror/search';
 import { EditorView, ViewPlugin, ViewUpdate } from '@codemirror/view';
 import type { MarkdownEditorMode } from '../../../bundle';
 import type { EventMap } from '../../../bundle/Editor';
 import type { RendererItem } from '../../../extensions';
 import { Receiver } from '../../../utils';
-interface SearchQueryParams {
-    search: string;
-    caseSensitive?: boolean;
-    literal?: boolean;
-    regexp?: boolean;
-    replace?: string;
-    valid?: boolean;
-    wholeWord?: boolean;
-}
+declare type SearchQueryConfig = ConstructorParameters<typeof SearchQuery>[0];
 export interface SearchPanelPluginParams {
     anchorSelector: string;
     inputDelay?: number;
@@ -22,12 +15,12 @@ export declare const SearchPanelPlugin: (params: SearchPanelPluginParams) => Vie
     readonly params: SearchPanelPluginParams;
     anchor: HTMLElement | null;
     renderer: RendererItem | null;
-    searchQuery: SearchQueryParams;
+    searchConfig: SearchQueryConfig;
     receiver: Receiver<EventMap> | undefined;
-    setViewSearchWithDelay: (config: Partial<SearchQueryParams>) => void;
+    setViewSearchWithDelay: (config: Partial<SearchQueryConfig>) => void;
     update(update: ViewUpdate): void;
     destroy(): void;
-    setViewSearch(config: Partial<SearchQueryParams>): void;
+    setViewSearch(config: Partial<SearchQueryConfig>): void;
     handleEditorModeChange({ mode }: {
         mode: MarkdownEditorMode;
     }): void;
@@ -35,9 +28,6 @@ export declare const SearchPanelPlugin: (params: SearchPanelPluginParams) => Vie
     handleClose(): void;
     handleSearchNext(): void;
     handleSearchPrev(): void;
-    handleSearchConfigChange({ isCaseSensitive, isWholeWord, }: {
-        isCaseSensitive?: boolean | undefined;
-        isWholeWord?: boolean | undefined;
-    }): void;
+    handleSearchConfigChange(config: Partial<SearchQueryConfig>): void;
 }>;
 export {};

package/build/cjs/markup/codemirror/search-plugin/plugin.js

@@ -10,7 +10,7 @@ const INPUT_DELAY = 200;
 const SearchPanelPlugin = (params) => view_1.ViewPlugin.fromClass(class {
     constructor(view) {
         var _a, _b;
-        this.searchQuery = {
+        this.searchConfig = {
             search: '',
             caseSensitive: false,
             wholeWord: false,
@@ -33,10 +33,12 @@ const SearchPanelPlugin = (params) => view_1.ViewPlugin.fromClass(class {
         var _a;
         const isPanelOpen = (0, search_1.searchPanelOpen)(update.state);
         if (isPanelOpen && !this.renderer) {
+            const initial = (0, search_1.getSearchQuery)(update.state);
             this.anchor = document.querySelector(this.params.anchorSelector);
             this.renderer = this.view.state
                 .facet(react_facet_1.ReactRendererFacet)
                 .createItem('cm-search', () => (0, SearchPopup_1.renderSearchPopup)({
+                initial,
                 open: true,
                 anchor: this.anchor,
                 onChange: this.handleChange,
@@ -58,8 +60,8 @@ const SearchPanelPlugin = (params) => view_1.ViewPlugin.fromClass(class {
         (_b = this.receiver) === null || _b === void 0 ? void 0 : _b.off('change-editor-mode', this.handleEditorModeChange);
     }
     setViewSearch(config) {
-        this.searchQuery = Object.assign(Object.assign({}, this.searchQuery), config);
-        const searchQuery = new search_1.SearchQuery(Object.assign({}, this.searchQuery));
+        this.searchConfig = Object.assign(Object.assign({}, this.searchConfig), config);
+        const searchQuery = new search_1.SearchQuery(Object.assign({}, this.searchConfig));
         this.view.dispatch({ effects: search_1.setSearchQuery.of(searchQuery) });
     }
     handleEditorModeChange({ mode }) {
@@ -80,11 +82,8 @@ const SearchPanelPlugin = (params) => view_1.ViewPlugin.fromClass(class {
     handleSearchPrev() {
         (0, search_1.findPrevious)(this.view);
     }
-    handleSearchConfigChange({ isCaseSensitive, isWholeWord, }) {
-        this.setViewSearch({
-            caseSensitive: isCaseSensitive,
-            wholeWord: isWholeWord,
-        });
+    handleSearchConfigChange(config) {
+        this.setViewSearch(config);
     }
 }, {
     provide: () => [

package/build/cjs/markup/codemirror/search-plugin/view/SearchPopup.d.ts

@@ -1,9 +1,9 @@
 import React from 'react';
-interface SearchConfig {
-    isCaseSensitive: boolean;
-    isWholeWord: boolean;
-}
+import type { SearchQuery } from '@codemirror/search';
+declare type SearchInitial = Pick<SearchQuery, 'search' | 'caseSensitive' | 'wholeWord'>;
+declare type SearchConfig = Pick<SearchInitial, 'caseSensitive' | 'wholeWord'>;
 interface SearchCardProps {
+    initial: SearchInitial;
     onSearchKeyDown?: (query: string) => void;
     onChange?: (query: string) => void;
     onClose?: (query: string) => void;
@@ -12,14 +12,10 @@ interface SearchCardProps {
     onConfigChange?: (config: SearchConfig) => void;
 }
 export declare const SearchCard: React.FC<SearchCardProps>;
-export interface SearchPopupProps {
+export interface SearchPopupProps extends SearchCardProps {
+    open: boolean;
     anchor: HTMLElement;
-    onChange: (query: string) => void;
     onClose: () => void;
-    onSearchNext: () => void;
-    onSearchPrev: () => void;
-    onConfigChange: (config: SearchConfig) => void;
-    open: boolean;
 }
 export declare const SearchPopup: React.FC<SearchPopupProps>;
 interface SearchPopupWithRefProps extends Omit<SearchPopupProps, 'anchor'> {

package/build/cjs/markup/codemirror/search-plugin/view/SearchPopup.js

@@ -10,17 +10,17 @@ const search_1 = require("../../../../i18n/search");
 const handlers_1 = require("../../../../utils/handlers");
 const b = (0, classname_1.cn)('search-card');
 const noop = () => { };
-const SearchCard = ({ onChange = noop, onClose = noop, onSearchPrev = noop, onSearchNext = noop, onConfigChange = noop, }) => {
-    const [query, setQuery] = (0, react_1.useState)('');
-    const [isCaseSensitive, setIsCaseSensitive] = (0, react_1.useState)(false);
-    const [isWholeWord, setIsWholeWord] = (0, react_1.useState)(false);
+const inverse = (val) => !val;
+const SearchCard = ({ initial, onChange = noop, onClose = noop, onSearchPrev = noop, onSearchNext = noop, onConfigChange = noop, }) => {
+    const [query, setQuery] = (0, react_1.useState)(initial.search);
+    const [isCaseSensitive, setIsCaseSensitive] = (0, react_1.useState)(initial.caseSensitive);
+    const [isWholeWord, setIsWholeWord] = (0, react_1.useState)(initial.wholeWord);
     const textInputRef = (0, react_1.useRef)(null);
     const setInputFocus = () => {
         var _a;
         (_a = textInputRef.current) === null || _a === void 0 ? void 0 : _a.focus();
     };
-    const handleInputChange = (event) => {
-        const { target: { value }, } = event;
+    const handleInputChange = (value) => {
         setQuery(value);
         onChange(value);
     };
@@ -39,18 +39,18 @@ const SearchCard = ({ onChange = noop, onClose = noop, onSearchPrev = noop, onSe
     };
     const handleIsCaseSensitive = () => {
         onConfigChange({
-            isCaseSensitive: !isCaseSensitive,
-            isWholeWord,
+            caseSensitive: !isCaseSensitive,
+            wholeWord: isWholeWord,
         });
-        setIsCaseSensitive((isCaseSensitive) => !isCaseSensitive);
+        setIsCaseSensitive(inverse);
         setInputFocus();
     };
     const handleIsWholeWord = () => {
         onConfigChange({
-            isCaseSensitive,
-            isWholeWord: !isWholeWord,
+            caseSensitive: isCaseSensitive,
+            wholeWord: !isWholeWord,
         });
-        setIsWholeWord((isWholeWord) => !isWholeWord);
+        setIsWholeWord(inverse);
         setInputFocus();
     };
     const handleSearchKeyPress = (0, handlers_1.enterKeyHandler)(handleNext);
@@ -61,7 +61,7 @@ const SearchCard = ({ onChange = noop, onClose = noop, onSearchPrev = noop, onSe
                 (0, search_1.i18n)('title')),
             react_1.default.createElement(uikit_1.Button, { onClick: handleClose, size: "s", view: "flat" },
                 react_1.default.createElement(uikit_1.Icon, { data: icons_1.Xmark, size: 14 }))),
-        react_1.default.createElement(uikit_1.TextInput, { controlRef: textInputRef, className: (0, uikit_1.sp)({ mb: 2 }), size: "s", autoFocus: true, onKeyPress: handleSearchKeyPress, onChange: handleInputChange, value: query, endContent: react_1.default.createElement(react_1.default.Fragment, null,
+        react_1.default.createElement(uikit_1.TextInput, { controlRef: textInputRef, className: (0, uikit_1.sp)({ mb: 2 }), size: "s", autoFocus: true, onKeyPress: handleSearchKeyPress, onUpdate: handleInputChange, value: query, endContent: react_1.default.createElement(react_1.default.Fragment, null,
                 react_1.default.createElement(uikit_1.Button, { onClick: handlePrev },
                     react_1.default.createElement(uikit_1.Icon, { data: icons_1.ChevronUp, size: 12 })),
                 react_1.default.createElement(uikit_1.Button, { onClick: handleNext },

package/build/cjs/markup/codemirror/yfm.d.ts

@@ -8,7 +8,7 @@ export declare const customTags: {
 };
 export declare type YfmNoteType = 'info' | 'tip' | 'warning' | 'alert';
 export declare const yfmNoteTypes: readonly YfmNoteType[];
-export declare const yfmNoteSnippetTemplate: (type: YfmNoteType) => "{% note info %}\n\n#{}\n\n{% endnote %}\n\n" | "{% note tip %}\n\n#{}\n\n{% endnote %}\n\n" | "{% note warning %}\n\n#{}\n\n{% endnote %}\n\n" | "{% note alert %}\n\n#{}\n\n{% endnote %}\n\n";
+export declare const yfmNoteSnippetTemplate: (type: YfmNoteType) => "{% note info %}\n\n#{}\n\n{% endnote %}\n\n" | "{% note alert %}\n\n#{}\n\n{% endnote %}\n\n" | "{% note tip %}\n\n#{}\n\n{% endnote %}\n\n" | "{% note warning %}\n\n#{}\n\n{% endnote %}\n\n";
 export declare const yfmNoteSnippets: Record<YfmNoteType, ReturnType<typeof snippet>>;
 export declare const yfmCutSnippetTemplate = "{% cut \"#{title}\" %}\n\n#{}\n\n{% endcut %}\n\n";
 export declare const yfmCutSnippet: (editor: {

package/build/cjs/markup/editor.d.ts

@@ -1,5 +1,5 @@
 import type { EditorView } from '@codemirror/view';
-import { CommonEditor, MarkupString } from '../common';
+import type { CommonEditor, MarkupString } from '../common';
 export interface CodeEditor {
     readonly cm: EditorView;
 }

package/build/cjs/react-utils/react-node-view.d.ts

@@ -1,7 +1,7 @@
 import React from 'react';
 import type { Mark, Node } from 'prosemirror-model';
 import type { EditorView, NodeView, NodeViewConstructor } from 'prosemirror-view';
-import { ExtensionDeps, Serializer } from '../core';
+import type { ExtensionDeps, Serializer } from '../core';
 declare type ReactNodeViewOptions<T> = {
     isInline?: boolean;
     reactNodeWrapperCn?: string;
@@ -22,7 +22,7 @@ export declare class ReactNodeView<T extends object = {}> implements NodeView {
     node: Node;
     readonly view: EditorView;
     readonly serializer: Serializer;
-    readonly renderItem: import("../extensions").RendererItem;
+    readonly renderItem: import("../extensions/behavior/ReactRenderer").RendererItem;
     readonly getPos: () => number | undefined;
     constructor(Component: React.FC<ReactNodeViewProps<T>>, opts: {
         node: Node;

package/build/cjs/react-utils/react-node-view.js

@@ -4,7 +4,7 @@ exports.reactNodeViewFactory = exports.ReactNodeView = exports.ReactNodeStopEven
 const tslib_1 = require("tslib");
 const react_1 = tslib_1.__importDefault(require("react"));
 const react_dom_1 = require("react-dom");
-const extensions_1 = require("../extensions");
+const ReactRenderer_1 = require("../extensions/behavior/ReactRenderer");
 exports.ReactNodeStopEventCn = 'prosemirror-stop-event';
 class ReactNodeView {
     constructor(Component, opts) {
@@ -21,7 +21,7 @@ class ReactNodeView {
         this.serializer = serializer;
         this.view = view;
         this.getPos = getPos;
-        this.renderItem = (0, extensions_1.getReactRendererFromState)(view.state).createItem(`${Component.displayName || this.node.type.name}-view`, () => (0, react_dom_1.createPortal)(react_1.default.createElement(Component, { dom: this.dom, view: this.view, updateAttributes: this.updateAttributes.bind(this), node: this.node, getPos: this.getPos.bind(this), serializer: this.serializer, extensionOptions: options === null || options === void 0 ? void 0 : options.extensionOptions }), this.dom));
+        this.renderItem = (0, ReactRenderer_1.getReactRendererFromState)(view.state).createItem(`${Component.displayName || this.node.type.name}-view`, () => (0, react_dom_1.createPortal)(react_1.default.createElement(Component, { dom: this.dom, view: this.view, updateAttributes: this.updateAttributes.bind(this), node: this.node, getPos: this.getPos.bind(this), serializer: this.serializer, extensionOptions: options === null || options === void 0 ? void 0 : options.extensionOptions }), this.dom));
     }
     update(node) {
         if (node.type !== this.node.type)

package/build/cjs/table-utils/commands/appendColumn.js

@@ -2,13 +2,13 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.appendColumn = void 0;
 const prosemirror_utils_1 = require("prosemirror-utils");
-const __1 = require("..");
 const table_desc_1 = require("../table-desc");
+const utils_1 = require("../utils");
 const appendColumn = (state, dispatch, _, attrs) => {
     if (!attrs)
         return false;
     const { tablePos, columnNumber, direction = 'after' } = attrs;
-    const res = (0, prosemirror_utils_1.findParentNodeClosestToPos)(state.doc.resolve(tablePos + 1), __1.isTableNode);
+    const res = (0, prosemirror_utils_1.findParentNodeClosestToPos)(state.doc.resolve(tablePos + 1), utils_1.isTableNode);
     if (!res)
         return false;
     const tableNode = res.node;

package/build/cjs/table-utils/commands/appendRow.js

@@ -2,13 +2,13 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.appendRow = void 0;
 const prosemirror_utils_1 = require("prosemirror-utils");
-const __1 = require("..");
 const table_desc_1 = require("../table-desc");
+const utils_1 = require("../utils");
 const appendRow = (state, dispatch, _, attrs) => {
     if (!attrs)
         return false;
     const { tablePos, rowNumber, direction = 'after' } = attrs;
-    const res = (0, prosemirror_utils_1.findParentNodeClosestToPos)(state.doc.resolve(tablePos + 1), __1.isTableNode);
+    const res = (0, prosemirror_utils_1.findParentNodeClosestToPos)(state.doc.resolve(tablePos + 1), utils_1.isTableNode);
     if (!res)
         return false;
     const tableNode = res.node;

package/build/cjs/table-utils/commands/removeRow.js

@@ -3,15 +3,15 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.removeRow = void 0;
 const prosemirror_model_1 = require("prosemirror-model");
 const prosemirror_utils_1 = require("prosemirror-utils");
-const __1 = require("..");
 const core_1 = require("../../core");
 const table_desc_1 = require("../table-desc");
+const utils_1 = require("../utils");
 const removeRow = (state, dispatch, _, attrs = {}) => {
     var _a;
     const { tablePos, rowNumber } = attrs;
     if (tablePos === undefined || rowNumber === undefined)
         return false;
-    const tableNode = (_a = (0, prosemirror_utils_1.findParentNodeClosestToPos)(state.doc.resolve(tablePos + 1), __1.isTableNode)) === null || _a === void 0 ? void 0 : _a.node;
+    const tableNode = (_a = (0, prosemirror_utils_1.findParentNodeClosestToPos)(state.doc.resolve(tablePos + 1), utils_1.isTableNode)) === null || _a === void 0 ? void 0 : _a.node;
     if (!tableNode)
         return false;
     const tableDesc = table_desc_1.TableDesc.create(tableNode);

package/build/cjs/toolbar/FlexToolbar.d.ts

@@ -1,6 +1,6 @@
 /// <reference types="react" />
-import { ToolbarProps } from './Toolbar';
-import { ToolbarItemData } from './types';
+import { type ToolbarProps } from './Toolbar';
+import { type ToolbarItemData } from './types';
 export declare type FlexToolbarProps<E> = ToolbarProps<E> & {
     dotsTitle: string | (() => string);
     hiddenActions?: ToolbarItemData<E>[];