@gravity-ui/markdown-editor 14.10.5 → 14.11.1

package/build/esm/extensions/base/BaseSchema/BaseSchemaSpecs/index.js

@@ -56,7 +56,7 @@ export const BaseSchemaSpecs = (builder, opts) => {
                 An empty line is added only if there is some content in the parent element.
                 This is necessary in order to prevent an empty document with empty lines
             */
-            if (opts.preserveEmptyRows && !node.content.size) {
+            if (opts.preserveEmptyRows && isEmptyString(node)) {
                 let isParentEmpty = true;
                 for (let index = 0; index < parent.content.childCount; index++) {
                     const parentChild = parent.content.child(index);
@@ -76,3 +76,15 @@ export const BaseSchemaSpecs = (builder, opts) => {
         },
     }));
 };
+const isEmptyString = (node) => {
+    var _a;
+    if (!node.content.size) {
+        return true;
+    }
+    if (node.childCount === 1 &&
+        node.child(0).type.name === 'text' &&
+        ((_a = node.child(0).text) === null || _a === void 0 ? void 0 : _a.trim()) === '') {
+        return true;
+    }
+    return false;
+};

package/build/esm/extensions/behavior/SelectionContext/tooltip.d.ts

@@ -1,8 +1,8 @@
-import { PopupProps } from '@gravity-ui/uikit';
-import { EditorState } from 'prosemirror-state';
-import { EditorView } from 'prosemirror-view';
-import { ActionStorage } from '../../../core';
-import { ToolbarButtonPopupData, ToolbarGroupItemData, ToolbarSingleItemData } from '../../../toolbar';
+import { type PopupProps } from '@gravity-ui/uikit';
+import type { EditorState } from 'prosemirror-state';
+import type { EditorView } from 'prosemirror-view';
+import type { ActionStorage } from '../../../core';
+import type { ToolbarButtonPopupData, ToolbarGroupItemData, ToolbarSingleItemData } from '../../../toolbar';
 export declare type ContextGroupItemData = (ToolbarGroupItemData<ActionStorage> & {
     condition?: (state: EditorState) => void;
 }) | ((ToolbarSingleItemData<ActionStorage> | ToolbarButtonPopupData<ActionStorage>) & {

package/build/esm/extensions/behavior/SelectionContext/tooltip.js

@@ -5,7 +5,7 @@ import { Popup } from '@gravity-ui/uikit';
 import { isFunction } from '../../../lodash';
 import { logger } from '../../../logger';
 import { ErrorLoggerBoundary } from '../../../react-utils/ErrorBoundary';
-import { Toolbar, } from '../../../toolbar';
+import { Toolbar } from '../../../toolbar';
 import { getReactRendererFromState } from '../ReactRenderer';
 const SelectionTooltip = (_a) => {
     var { show, poppupProps } = _a, toolbarProps = __rest(_a, ["show", "poppupProps"]);

package/build/esm/extensions/markdown/Image/index.d.ts

@@ -1,7 +1,7 @@
 import type { Action, ExtensionAuto } from '../../../core';
 import { AddImageAttrs } from './actions';
 import { addImageAction } from './const';
-import { ImageUrlPasteOptions } from './imageUrlPaste';
+import { type ImageUrlPasteOptions } from './imageUrlPaste';
 export { imageNodeName, imageType, ImageAttr } from './ImageSpecs';
 /** @deprecated Use `imageType` instead */
 export declare const imgType: (schema: import("prosemirror-model").Schema<any, any>) => import("prosemirror-model").NodeType;

package/build/esm/extensions/markdown/Link/LinkSpecs/index.js

@@ -70,7 +70,7 @@ export const LinkSpecs = (builder) => {
                 }),
             },
         },
-    }));
+    }), builder.Priority.High);
 };
 function isPlainURL(link, parent, index, side) {
     if (link.attrs.title || !/^\w+:/.test(link.attrs[LinkAttr.Href]))

package/build/esm/extensions/markdown/Link/PlaceholderWidget/descriptor.d.ts

@@ -1,7 +1,7 @@
 import React from 'react';
-import { Transaction } from 'prosemirror-state';
-import { EditorView } from 'prosemirror-view';
-import { ExtensionDeps } from '../../../../core';
+import type { Transaction } from 'prosemirror-state';
+import type { EditorView } from 'prosemirror-view';
+import type { ExtensionDeps } from '../../../../core';
 import { ReactWidgetDescriptor } from '../../../behavior/WidgetDecoration/ReactWidgetDescriptor';
 import { LinkPlaceholderWidgetProps } from './widget';
 export declare const addPlaceholder: (tr: Transaction, deps: ExtensionDeps) => Transaction;

package/build/esm/extensions/markdown/Link/PlaceholderWidget/descriptor.js

@@ -3,7 +3,8 @@ import { __classPrivateFieldGet, __classPrivateFieldSet } from "tslib";
 import React from 'react';
 import { removeDecoration } from '../../../behavior/WidgetDecoration';
 import { ReactWidgetDescriptor } from '../../../behavior/WidgetDecoration/ReactWidgetDescriptor';
-import { LinkAttr, linkType, normalizeUrlFactory } from '../../index';
+import { LinkAttr, linkType } from '../LinkSpecs';
+import { normalizeUrlFactory } from '../utils';
 import { LinkPlaceholderWidget } from './widget';
 export const addPlaceholder = (tr, deps) => {
     return new LinkWidgetDescriptor(tr.selection.from, deps).applyTo(tr);

package/build/esm/extensions/markdown/Link/actions/linkEnhanceActions.d.ts

@@ -1,5 +1,5 @@
-import { Command } from 'prosemirror-state';
-import { ActionSpec, ExtensionDeps } from '../../../../core';
+import { type Command } from 'prosemirror-state';
+import type { ActionSpec, ExtensionDeps } from '../../../../core';
 export declare const addEmptyLink: Command;
 export declare const addLinkCmd2: (deps: ExtensionDeps) => Command;
 export declare const linkActionSpec2: (deps: ExtensionDeps) => ActionSpec;

package/build/esm/extensions/markdown/Link/actions/linkEnhanceActions.js

@@ -3,8 +3,10 @@ import { NodeSelection, TextSelection } from 'prosemirror-state';
 import { isNodeSelection } from 'prosemirror-utils';
 import { isMarkActive } from '../../../../utils/marks';
 import { imageRendererKey } from '../../../yfm/ImgSize/const';
-import { LinkAttr, imageType, linkType, removeLink } from '../../index';
+import { imageType } from '../../Image/ImageSpecs';
+import { LinkAttr, linkType } from '../LinkSpecs';
 import { addLinkPlaceholder } from '../PlaceholderWidget/commands';
+import { removeLink } from '../commands';
 export const addEmptyLink = (state, dispatch) => {
     const linkMarkType = linkType(state.schema);
     const { selection } = state;

package/build/esm/extensions/markdown/Link/commands.js

@@ -1,6 +1,6 @@
 import { toggleMark } from 'prosemirror-commands';
 import { isMarkActive } from '../../../utils/marks';
-import { linkType } from '.';
+import { linkType } from './LinkSpecs';
 export const removeLink = (state, dispatch) => {
     const linkMarkType = linkType(state.schema);
     if (isMarkActive(state, linkMarkType))

package/build/esm/extensions/markdown/Table/actions/innerActions.d.ts

@@ -1,2 +1,2 @@
 import { ActionSpec } from '../../../../core';
-export declare const innerActions: Record<"deleteRow" | "deleteColumn" | "setCellLeftAlign" | "setCellCenterAlign" | "setCellRightAlign" | "addRow" | "addColumn", ActionSpec>;
+export declare const innerActions: Record<"setCellLeftAlign" | "setCellCenterAlign" | "setCellRightAlign" | "addRow" | "deleteRow" | "addColumn" | "deleteColumn", ActionSpec>;

package/build/esm/extensions/markdown/Table/plugins/TableCellContextPlugin/index.js

@@ -1,7 +1,7 @@
 import { Plugin } from 'prosemirror-state';
 import { bindActions } from '../../../../../core';
 import { i18n } from '../../../../../i18n/yfm-table';
-import { convertToYfmTable } from '../../../../yfm';
+import { convertToYfmTable } from '../../../../yfm/YfmTable/commands/convert-table';
 import { TableNode } from '../../TableSpecs';
 import { innerActions } from '../../actions/innerActions';
 import { deleteTableAction } from '../../actions/tableActions';

package/build/esm/extensions/yfm/ImgSize/index.d.ts

@@ -1,7 +1,7 @@
 import type { Action, ExtensionAuto } from '../../../core';
-import { ImagePasteOptions } from './ImagePaste';
-import { ImgSizeSpecsOptions } from './ImgSizeSpecs';
-import { AddImageAttrs } from './actions';
+import { type ImagePasteOptions } from './ImagePaste';
+import { type ImgSizeSpecsOptions } from './ImgSizeSpecs';
+import { type AddImageAttrs } from './actions';
 import { addImageAction } from './const';
 export declare type ImgSizeOptions = ImgSizeSpecsOptions & {
     /**

package/build/esm/extensions/yfm/YfmCut/YfmCutSpecs/index.d.ts

@@ -1,5 +1,5 @@
-import type { NodeSpec } from 'prosemirror-model';
 import type { ExtensionAuto, ExtensionNodeSpec } from '../../../../core';
+import { type YfmCutSchemaOptions } from './schema';
 export { CutAttr, CutNode, cutType, cutTitleType, cutContentType } from './const';
 declare global {
     namespace MarkdownEditor {
@@ -8,17 +8,9 @@ declare global {
         }
     }
 }
-export declare type YfmCutSpecsOptions = {
+export declare type YfmCutSpecsOptions = YfmCutSchemaOptions & {
     cutView?: ExtensionNodeSpec['view'];
     cutTitleView?: ExtensionNodeSpec['view'];
     cutContentView?: ExtensionNodeSpec['view'];
-    /**
-     * @deprecated: use placeholder option in BehaviorPreset instead.
-     */
-    yfmCutTitlePlaceholder?: NonNullable<NodeSpec['placeholder']>['content'];
-    /**
-     * @deprecated: use placeholder option in BehaviorPreset instead.
-     */
-    yfmCutContentPlaceholder?: NonNullable<NodeSpec['placeholder']>['content'];
 };
 export declare const YfmCutSpecs: ExtensionAuto<YfmCutSpecsOptions>;

package/build/esm/extensions/yfm/YfmCut/YfmCutSpecs/schema.d.ts

@@ -1,5 +1,14 @@
 import type { NodeSpec } from 'prosemirror-model';
 import type { PlaceholderOptions } from '../../../../utils/placeholder';
 import { CutNode } from './const';
-import type { YfmCutSpecsOptions } from './index';
-export declare const getSchemaSpecs: (opts?: YfmCutSpecsOptions, placeholder?: PlaceholderOptions) => Record<CutNode, NodeSpec>;
+export declare type YfmCutSchemaOptions = {
+    /**
+     * @deprecated: use placeholder option in BehaviorPreset instead.
+     */
+    yfmCutTitlePlaceholder?: NonNullable<NodeSpec['placeholder']>['content'];
+    /**
+     * @deprecated: use placeholder option in BehaviorPreset instead.
+     */
+    yfmCutContentPlaceholder?: NonNullable<NodeSpec['placeholder']>['content'];
+};
+export declare const getSchemaSpecs: (opts?: YfmCutSchemaOptions, placeholder?: PlaceholderOptions) => Record<CutNode, NodeSpec>;

package/build/esm/extensions/yfm/YfmTable/YfmTableSpecs/index.d.ts

@@ -1,11 +1,6 @@
-import type { NodeSpec } from 'prosemirror-model';
 import type { ExtensionWithOptions } from '../../../../core';
+import { type YfmTableSchemaOptions } from './schema';
 export { YfmTableNode } from './const';
 export { yfmTableType, yfmTableBodyType, yfmTableRowType, yfmTableCellType } from './utils';
-export declare type YfmTableSpecsOptions = {
-    /**
-     * @deprecated: use placeholder option in BehaviorPreset instead.
-     */
-    yfmTableCellPlaceholder?: NonNullable<NodeSpec['placeholder']>['content'];
-};
+export declare type YfmTableSpecsOptions = YfmTableSchemaOptions & {};
 export declare const YfmTableSpecs: ExtensionWithOptions<YfmTableSpecsOptions>;

package/build/esm/extensions/yfm/YfmTable/YfmTableSpecs/schema.d.ts

@@ -1,5 +1,10 @@
 import type { NodeSpec } from 'prosemirror-model';
 import { PlaceholderOptions } from '../../../../utils/placeholder';
 import { YfmTableNode } from './const';
-import type { YfmTableSpecsOptions } from './index';
-export declare const getSchemaSpecs: (opts?: YfmTableSpecsOptions, placeholder?: PlaceholderOptions) => Record<YfmTableNode, NodeSpec>;
+export declare type YfmTableSchemaOptions = {
+    /**
+     * @deprecated: use placeholder option in BehaviorPreset instead.
+     */
+    yfmTableCellPlaceholder?: NonNullable<NodeSpec['placeholder']>['content'];
+};
+export declare const getSchemaSpecs: (opts?: YfmTableSchemaOptions, placeholder?: PlaceholderOptions) => Record<YfmTableNode, NodeSpec>;

package/build/esm/extensions/yfm/YfmTabs/YfmTabsSpecs/index.d.ts

@@ -1,15 +1,11 @@
-import { NodeSpec } from 'prosemirror-model';
 import type { ExtensionAuto, ExtensionNodeSpec } from '../../../../core';
+import { type YfmTabsSchemaOptions } from './schema';
 export { TabsNode } from './const';
 export declare const tabPanelType: (schema: import("prosemirror-model").Schema<any, any>) => import("prosemirror-model").NodeType;
 export declare const tabType: (schema: import("prosemirror-model").Schema<any, any>) => import("prosemirror-model").NodeType;
 export declare const tabsType: (schema: import("prosemirror-model").Schema<any, any>) => import("prosemirror-model").NodeType;
 export declare const tabsListType: (schema: import("prosemirror-model").Schema<any, any>) => import("prosemirror-model").NodeType;
-export declare type YfmTabsSpecsOptions = {
-    /**
-     * @deprecated: use placeholder option in BehaviorPreset instead.
-     */
-    tabPlaceholder?: NonNullable<NodeSpec['placeholder']>['content'];
+export declare type YfmTabsSpecsOptions = YfmTabsSchemaOptions & {
     tabView?: ExtensionNodeSpec['view'];
     tabsListView?: ExtensionNodeSpec['view'];
     tabPanelView?: ExtensionNodeSpec['view'];

package/build/esm/extensions/yfm/YfmTabs/YfmTabsSpecs/schema.d.ts

@@ -1,5 +1,10 @@
 import type { NodeSpec } from 'prosemirror-model';
-import { PlaceholderOptions } from '../../../../utils/placeholder';
+import type { PlaceholderOptions } from '../../../../utils/placeholder';
 import { TabsNode } from './const';
-import { YfmTabsSpecsOptions } from '.';
-export declare const getSchemaSpecs: (opts: YfmTabsSpecsOptions, placeholder?: PlaceholderOptions) => Record<TabsNode, NodeSpec>;
+export declare type YfmTabsSchemaOptions = {
+    /**
+     * @deprecated: use placeholder option in BehaviorPreset instead.
+     */
+    tabPlaceholder?: NonNullable<NodeSpec['placeholder']>['content'];
+};
+export declare const getSchemaSpecs: (opts: YfmTabsSchemaOptions, placeholder?: PlaceholderOptions) => Record<TabsNode, NodeSpec>;

package/build/esm/extensions/yfm/YfmTabs/actions.js

@@ -1,8 +1,6 @@
 import { generateID } from '@diplodoc/transform/lib/plugins/utils';
 import { pType } from '../../base/BaseSchema';
-import { TabAttrs, TabPanelAttrs, TabsAttrs } from './YfmTabsSpecs/const';
-import { tabActiveClassname, tabPanelActiveClassname } from './const';
-import { tabPanelType, tabType, tabsListType, tabsType } from '.';
+import { TabAttrs, TabPanelAttrs, TabsAttrs, tabActiveClassname, tabPanelActiveClassname, tabPanelType, tabType, tabsListType, tabsType, } from './const';
 export const createYfmTabsCommand = (state, dispatch) => {
     if (dispatch) {
         const { schema } = state;

package/build/esm/extensions/yfm/YfmTabs/const.d.ts

@@ -1,5 +1,8 @@
-export { TabsNode, tabType, tabPanelType, tabsListType, tabsType } from './YfmTabsSpecs';
-export declare const tabActiveClassname = "yfm-tab active";
+export * from './YfmTabsSpecs/const';
+export { tabType, tabPanelType, tabsListType, tabsType } from './YfmTabsSpecs';
+export declare const YFM_TAB_CLASSNAME = "yfm-tab";
+export declare const DIPLODOC_ID_ATTR = "data-diplodoc-id";
+export declare const tabActiveClassname: string;
 export declare const tabInactiveClassname = "yfm-tab";
 export declare const tabPanelActiveClassname = "yfm-tab-panel active";
 export declare const tabPanelInactiveClassname = "yfm-tab-panel";

package/build/esm/extensions/yfm/YfmTabs/const.js

@@ -1,5 +1,8 @@
-export { TabsNode, tabType, tabPanelType, tabsListType, tabsType } from './YfmTabsSpecs';
-export const tabActiveClassname = 'yfm-tab active';
-export const tabInactiveClassname = 'yfm-tab';
+export * from './YfmTabsSpecs/const';
+export { tabType, tabPanelType, tabsListType, tabsType } from './YfmTabsSpecs';
+export const YFM_TAB_CLASSNAME = 'yfm-tab';
+export const DIPLODOC_ID_ATTR = 'data-diplodoc-id';
+export const tabActiveClassname = `${YFM_TAB_CLASSNAME} active`;
+export const tabInactiveClassname = YFM_TAB_CLASSNAME;
 export const tabPanelActiveClassname = 'yfm-tab-panel active';
 export const tabPanelInactiveClassname = 'yfm-tab-panel';

package/build/esm/extensions/yfm/YfmTabs/plugins.d.ts

@@ -1,5 +1,5 @@
-import { Command, Plugin } from 'prosemirror-state';
-import { NodeWithPos } from 'prosemirror-utils';
+import { type Command, Plugin } from 'prosemirror-state';
+import { type NodeWithPos } from 'prosemirror-utils';
 export declare const dragAutoSwitch: () => Plugin<any>;
 export declare const tabPanelArrowDown: Command;
 export declare const tabEnter: Command;

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

@@ -8,8 +8,8 @@ import { findChildIndex } from '../../../table-utils/helpers';
 import { isSameNodeType } from '../../../utils';
 import { get$Cursor, isTextSelection } from '../../../utils/selection';
 import { TabAttrs, TabPanelAttrs } from './YfmTabsSpecs/const';
-import { tabActiveClassname, tabInactiveClassname, tabPanelActiveClassname, tabPanelInactiveClassname, tabPanelType, tabType, tabsListType, tabsType, } from './const';
-import { atEndOfPanel } from './utils';
+import { tabInactiveClassname, tabPanelActiveClassname, tabPanelInactiveClassname, tabPanelType, tabType, tabsListType, tabsType, } from './const';
+import { atEndOfPanel, execAfterPaint, switchTabByElem, switchTabById } from './utils';
 export const dragAutoSwitch = () => new Plugin({
     view: TabsAutoSwitchOnDragOver.view,
 });
@@ -35,12 +35,12 @@ class TabsAutoSwitchOnDragOver {
         const pos = view.posAtCoords({ left: event.clientX, top: event.clientY });
         if (pos) {
             const elem = 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() {
@@ -55,29 +55,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 === tabType(state.schema)) {
-                    tabId = node.attrs[TabAttrs.dataDiplodocid];
-                    continue;
-                }
-                if (node.type === 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));
-                }
-            }
+            switchTabByElem(this._tabElem);
         }
         this._clear();
     }
@@ -87,49 +65,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 !== tabsType(schema))
-        return false;
-    const tabsList = tabsNode.firstChild;
-    if ((tabsList === null || tabsList === void 0 ? void 0 : tabsList.type) !== tabsListType(schema))
-        return false;
-    const tabsListPos = tabsPos + 1;
-    let panelId = null;
-    tabsList.forEach((node, offset) => {
-        if (node.type !== tabType(schema))
-            return;
-        const tabPos = tabsListPos + 1 + offset;
-        const tabAttrs = Object.assign(Object.assign({}, node.attrs), { [TabAttrs.ariaSelected]: 'false', [TabAttrs.dataDiplodocIsActive]: 'false' });
-        if (node.attrs[TabAttrs.dataDiplodocid] === tabId) {
-            panelId = node.attrs[TabAttrs.ariaControls];
-            tabAttrs[TabAttrs.ariaSelected] = 'true';
-            tabAttrs[TabAttrs.dataDiplodocIsActive] = 'true';
-        }
-        tr.setNodeMarkup(tabPos, null, tabAttrs);
-    });
-    if (!panelId)
-        return false;
-    tabsNode.forEach((node, offset) => {
-        var _b;
-        if (node.type !== tabPanelType(schema))
-            return;
-        const tabPanelPos = tabsPos + 1 + offset;
-        const tabPanelAttrs = Object.assign({}, node.attrs);
-        const tabPanelClassList = new Set(((_b = node.attrs[TabPanelAttrs.class]) !== null && _b !== void 0 ? _b : '')
-            .split(' ')
-            .filter((val) => Boolean(val.trim())));
-        if (node.attrs[TabPanelAttrs.id] === panelId) {
-            tabPanelClassList.add('active');
-        }
-        else {
-            tabPanelClassList.delete('active');
-        }
-        tabPanelAttrs[TabPanelAttrs.class] = Array.from(tabPanelClassList).join(' ');
-        tr.setNodeMarkup(tabPanelPos, null, tabPanelAttrs);
-    });
-    return true;
-}
 export const tabPanelArrowDown = (state, dispatch, view) => {
     var _b;
     const { selection: sel } = state;
@@ -182,22 +117,6 @@ export const liftEmptyBlockFromTabPanel = (state, dispatch) => {
     }
     return false;
 };
-const makeTabsInactive = (tabNodes, tabPanels, tr) => {
-    // Find all active tabs and make them inactive
-    const activeTabs = tabNodes.filter((v) => v.node.attrs[TabAttrs.dataDiplodocIsActive] === 'true');
-    if (activeTabs.length) {
-        activeTabs.forEach((tab) => {
-            tr.setNodeMarkup(tab.pos, null, Object.assign(Object.assign({}, tab.node.attrs), { class: tabInactiveClassname, [TabAttrs.dataDiplodocIsActive]: 'false' }));
-        });
-    }
-    // Find all active panels and make them inactive
-    const activePanels = tabPanels.filter((v) => v.node.attrs[TabPanelAttrs.class] === tabPanelActiveClassname);
-    if (activePanels.length) {
-        activePanels.forEach((tabPanel) => {
-            tr.setNodeMarkup(tr.mapping.map(tabPanel.pos), null, Object.assign(Object.assign({}, tabPanel.node.attrs), { class: tabPanelInactiveClassname }));
-        });
-    }
-};
 export const createTab = (afterTab, tabsParentNode) => (state, dispatch, view) => {
     const tabNodes = findChildren(tabsParentNode.node, (node) => node.type.name === tabType(state.schema).name);
     const tabPanels = findChildren(tabsParentNode.node, (tabNode) => {
@@ -210,14 +129,14 @@ export const createTab = (afterTab, tabsParentNode) => (state, dispatch, view) =
     const newPanel = tabPanelType(state.schema).create({
         [TabPanelAttrs.ariaLabelledby]: tabId,
         [TabPanelAttrs.id]: panelId,
-        [TabPanelAttrs.class]: tabPanelActiveClassname,
+        [TabPanelAttrs.class]: tabPanelInactiveClassname,
     }, pType(state.schema).createAndFill());
     const newTab = tabType(state.schema).create({
         [TabAttrs.id]: tabId,
         [TabAttrs.dataDiplodocid]: tabId,
         [TabAttrs.dataDiplodocKey]: tabId,
-        [TabAttrs.dataDiplodocIsActive]: 'true',
-        [TabAttrs.class]: tabActiveClassname,
+        [TabAttrs.dataDiplodocIsActive]: 'false',
+        [TabAttrs.class]: tabInactiveClassname,
         [TabAttrs.role]: 'tab',
         [TabAttrs.ariaControls]: panelId,
     });
@@ -229,12 +148,14 @@ export 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(TextSelection.create(tr.doc, afterTab.pos + afterTab.node.nodeSize + 1)));
     view === null || view === void 0 ? void 0 : view.focus();
+    if (view) {
+        execAfterPaint(() => switchTabById(view.dom, tabId));
+    }
     return true;
 };
 export const removeTab = (tabToRemove, tabsParentNode) => (state, dispatch, view) => {
@@ -263,18 +184,16 @@ export 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[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: tabActiveClassname, [TabAttrs.dataDiplodocIsActive]: 'true' }))
-                // Set new active panel
-                .setNodeMarkup(tr.mapping.map(newTabPanelNode.pos), null, Object.assign(Object.assign({}, newTabPanelNode.node.attrs), { class: tabPanelActiveClassname }))
                 .setSelection(TextSelection.create(tr.doc, tr.mapping.map(newTabNode.pos + newTabNode.node.nodeSize - 1)));
+            // Set new active tab
+            if (view)
+                execAfterPaint(() => switchTabById(view.dom, newActiveTabId));
         }
         dispatch(tr);
         view === null || view === void 0 ? void 0 : view.focus();

package/build/esm/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/esm/extensions/yfm/YfmTabs/utils.js

@@ -1,4 +1,9 @@
-import { tabPanelType } from '.';
+import { DIPLODOC_ID_ATTR, YFM_TAB_CLASSNAME, tabPanelType } from './const';
+export const execAfterPaint = (fn) => {
+    requestAnimationFrame(() => {
+        requestAnimationFrame(fn);
+    });
+};
 export const atEndOfPanel = (view) => {
     if (!view)
         return null;
@@ -14,3 +19,15 @@ export const atEndOfPanel = (view) => {
     }
     return null;
 };
+export const switchTabByElem = (tabElem) => {
+    if (tabElem.classList.contains(YFM_TAB_CLASSNAME)) {
+        tabElem.click();
+    }
+};
+export const switchTabById = (container, tabId) => {
+    const selector = `.${YFM_TAB_CLASSNAME}[${DIPLODOC_ID_ATTR}="${tabId}"]`;
+    const tabElem = container.querySelector(selector);
+    if (tabElem) {
+        switchTabByElem(tabElem);
+    }
+};

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

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

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

@@ -1,16 +1,16 @@
+import { TextSelection } from 'prosemirror-state';
 import { findParentNodeOfTypeClosestToPos } from 'prosemirror-utils';
 import { cn } from '../../../classname';
+import { tabType, tabsType } from './const';
 import { crossSvg, plusSvg } from './icons';
 import { createTab, removeTab } from './plugins';
-import { tabType, tabsType } from '.';
+import { execAfterPaint } from './utils';
 import './index.css';
 const cnYfmTab = 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;
@@ -29,6 +29,26 @@ export 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) {
+                execAfterPaint(() => {
+                    const pos = getPos();
+                    if (pos !== undefined) {
+                        const { tr } = view.state;
+                        view.dispatch(tr.setSelection(TextSelection.create(tr.doc, pos + 1)).scrollIntoView());
+                    }
+                });
+            }
+        }
     });
     const removeTabButton = document.createElement('div');
     removeTabButton.setAttribute('class', cnYfmTab('remove-button'));

package/build/esm/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/esm/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/esm/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/esm/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.