@gravity-ui/markdown-editor 14.12.0 → 14.12.1

package/build/esm/extensions/yfm/YfmTable/plugins/YfmTableControls/view.d.ts

@@ -1,4 +1,4 @@
-import { NodeViewConstructor } from '../../../../../core';
-import './view.css';
+import { type NodeViewConstructor } from "../../../../../core/index.js";
+import "./view.css";
 export declare const viewB: import("@bem-react/classname").ClassNameFormatter;
 export declare const yfmTableView: NodeViewConstructor;

package/build/esm/extensions/yfm/YfmTable/plugins/YfmTableControls/view.js

@@ -1,13 +1,12 @@
-import React from 'react';
-import { Button } from '@gravity-ui/uikit';
-import { createPortal } from 'react-dom';
-import { cn } from '../../../../../classname';
-import { bindActions } from '../../../../../core';
-import { ErrorLoggerBoundary } from '../../../../../react-utils/ErrorBoundary';
-import { getTableDimensions } from '../../../../../table-utils';
-import { getReactRendererFromState } from '../../../../behavior/ReactRenderer';
-import { controlActions } from './actions';
-import './view.css';
+import { jsx as _jsx } from "react/jsx-runtime";
+import { Button, Portal } from '@gravity-ui/uikit';
+import { cn } from "../../../../../classname.js";
+import { bindActions } from "../../../../../core/index.js";
+import { ErrorLoggerBoundary } from "../../../../../react-utils/ErrorBoundary.js";
+import { getTableDimensions } from "../../../../../table-utils/index.js";
+import { getReactRendererFromState } from "../../../../behavior/ReactRenderer/index.js";
+import { controlActions } from "./actions.js";
+import "./view.css";
 const wrapperB = cn('table-wrapper');
 export const viewB = cn('table-view');
 export const yfmTableView = (node, view, getPos) => {
@@ -29,16 +28,14 @@ export const yfmTableView = (node, view, getPos) => {
     viewElem.appendChild(controls);
     wrapperElem.appendChild(viewElem);
     const components = [
-        React.createElement("div", { className: viewB('plus-button-controls', { bottom: true }), key: 1 },
-            React.createElement(Button, { onClick: () => {
+        _jsx("div", { className: viewB('plus-button-controls', { bottom: true }), children: _jsx(Button, { onClick: () => {
                     actions.appendRow.run({ tablePos: getPos() });
-                }, className: viewB('plus-button', { bottom: true }), view: 'normal' }, "+")),
-        React.createElement("div", { className: viewB('plus-button-controls', { right: true }), key: 2 },
-            React.createElement(Button, { onClick: () => {
+                }, className: viewB('plus-button', { bottom: true }), view: 'normal', children: "+" }) }, 1),
+        _jsx("div", { className: viewB('plus-button-controls', { right: true }), children: _jsx(Button, { onClick: () => {
                     actions.appendColumn.run({ tablePos: getPos() });
-                }, className: viewB('plus-button', { right: true }), view: 'normal' }, "+")),
+                }, className: viewB('plus-button', { right: true }), view: 'normal', children: "+" }) }, 2),
     ];
-    const renderItem = getReactRendererFromState(view.state).createItem('yfm-table-plus-buttons', () => createPortal(React.createElement(ErrorLoggerBoundary, null, components), controls));
+    const renderItem = getReactRendererFromState(view.state).createItem('yfm-table-plus-buttons', () => (_jsx(Portal, { container: controls, children: _jsx(ErrorLoggerBoundary, { children: components }) })));
     return {
         dom: wrapperElem,
         contentDOM: tableElem,
@@ -52,7 +49,9 @@ export const yfmTableView = (node, view, getPos) => {
             return !(rows !== nRows || cols !== nCols);
         },
         ignoreMutation(mutation) {
-            return mutation.type === 'childList' && mutation.target === controls;
+            return (mutation.type === 'childList' &&
+                (mutation.target === controls || controls.contains(mutation.target)));
         },
     };
 };
+//# sourceMappingURL=view.js.map

package/build/esm/extensions/yfm/YfmTable/plugins/YfmTableControls/view.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"view.js","sourceRoot":"../../../../../../../src","sources":["extensions/yfm/YfmTable/plugins/YfmTableControls/view.tsx"],"names":[],"mappings":"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","sourcesContent":["import {Button, Portal} from '@gravity-ui/uikit';\n\nimport {cn} from '../../../../../classname';\nimport {type NodeViewConstructor, bindActions} from '../../../../../core';\nimport {ErrorLoggerBoundary} from '../../../../../react-utils/ErrorBoundary';\nimport {getTableDimensions} from '../../../../../table-utils';\nimport {getReactRendererFromState} from '../../../../behavior/ReactRenderer';\n\nimport {controlActions} from './actions';\n\nimport './view.scss';\n\nconst wrapperB = cn('table-wrapper');\nexport const viewB = cn('table-view');\n\nexport const yfmTableView: NodeViewConstructor = (node, view, getPos) => {\n    const actions = bindActions(controlActions)(view);\n\n    const wrapperElem = document.createElement('div');\n    wrapperElem.classList.add(wrapperB());\n\n    const tableElem = document.createElement('table');\n    tableElem.classList.add(viewB());\n\n    const viewElem = document.createElement('div');\n    viewElem.classList.add(viewB('wrapper'));\n\n    const controls = document.createElement('div');\n    controls.setAttribute('contenteditable', 'false');\n\n    const hackStrip = document.createElement('div');\n    // this is a strip of a table height. it's a hack so that content of table doesn't get outside of editor borders\n    // and thus editing buttons are not cropped\n    hackStrip.classList.add(viewB('hack-strip'));\n\n    viewElem.appendChild(hackStrip);\n    viewElem.appendChild(tableElem);\n    viewElem.appendChild(controls);\n    wrapperElem.appendChild(viewElem);\n\n    const components = [\n        <div className={viewB('plus-button-controls', {bottom: true})} key={1}>\n            <Button\n                onClick={() => {\n                    actions.appendRow.run({tablePos: getPos()});\n                }}\n                className={viewB('plus-button', {bottom: true})}\n                view={'normal'}\n            >\n                +\n            </Button>\n        </div>,\n        <div className={viewB('plus-button-controls', {right: true})} key={2}>\n            <Button\n                onClick={() => {\n                    actions.appendColumn.run({tablePos: getPos()});\n                }}\n                className={viewB('plus-button', {right: true})}\n                view={'normal'}\n            >\n                +\n            </Button>\n        </div>,\n    ];\n\n    const renderItem = getReactRendererFromState(view.state).createItem(\n        'yfm-table-plus-buttons',\n        () => (\n            <Portal container={controls}>\n                <ErrorLoggerBoundary>{components}</ErrorLoggerBoundary>\n            </Portal>\n        ),\n    );\n\n    return {\n        dom: wrapperElem,\n        contentDOM: tableElem,\n        destroy() {\n            renderItem.remove();\n            viewElem.remove();\n        },\n        update(n) {\n            const {rows: nRows, cols: nCols} = getTableDimensions(n);\n            const {rows, cols} = getTableDimensions(node);\n            return !(rows !== nRows || cols !== nCols);\n        },\n        ignoreMutation(mutation) {\n            return (\n                mutation.type === 'childList' &&\n                (mutation.target === controls || controls.contains(mutation.target))\n            );\n        },\n    };\n};\n"]}

package/build/esm/extensions/yfm/YfmTable/plugins/YfmTableControls/yfmTableCellView.d.ts

@@ -1,4 +1,4 @@
 import type { NodeViewConstructor } from 'prosemirror-view';
-import './yfmTableCellView.css';
+import "./yfmTableCellView.css";
 export declare const yfmTableCellCn: import("@bem-react/classname").ClassNameFormatter;
 export declare const yfmTableCellView: NodeViewConstructor;

package/build/esm/extensions/yfm/YfmTable/plugins/YfmTableControls/yfmTableCellView.js

@@ -1,165 +1,139 @@
-import React from 'react';
+import { jsx as _jsx, Fragment as _Fragment } from "react/jsx-runtime";
 import { ArrowDown, ArrowLeft, ArrowRight, ArrowUp, EllipsisVertical, TrashBin, Xmark, } from '@gravity-ui/icons';
 import { Button, DropdownMenu, Icon, Portal } from '@gravity-ui/uikit';
+// @ts-ignore // TODO: fix cjs build
 import { findParentNodeClosestToPos } from 'prosemirror-utils';
-import { cn } from '../../../../../classname';
-import { bindActions } from '../../../../../core';
-import { i18n } from '../../../../../i18n/yfm-table';
-import { ErrorLoggerBoundary } from '../../../../../react-utils/ErrorBoundary';
-import { getTableDimensions, isTableNode } from '../../../../../table-utils';
-import { getChildByNode } from '../../../../../utils/node-children';
-import { getChildrenOfNode } from '../../../../../utils/nodes';
-import { getReactRendererFromState } from '../../../../behavior/ReactRenderer';
-import { YfmTableAttr } from '../../const';
-import { controlActions } from './actions';
-import './yfmTableCellView.css';
+import { cn } from "../../../../../classname.js";
+import { bindActions } from "../../../../../core/index.js";
+import { i18n } from "../../../../../i18n/yfm-table/index.js";
+import { ErrorLoggerBoundary } from "../../../../../react-utils/ErrorBoundary.js";
+import { getTableDimensions, isTableNode } from "../../../../../table-utils/index.js";
+import { getChildByNode } from "../../../../../utils/node-children.js";
+import { getChildrenOfNode } from "../../../../../utils/nodes.js";
+import { getReactRendererFromState } from "../../../../behavior/ReactRenderer/index.js";
+import { YfmTableAttr } from "../../const.js";
+import { controlActions } from "./actions.js";
+import "./yfmTableCellView.css";
 export const yfmTableCellCn = cn('table-cell-view');
 const b = yfmTableCellCn;
 const Controls = function Controls({ columnNumber, rowNumber, view, getParentTable, isInFirstRow, isFirstInRow, }) {
-    var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k;
     const actions = bindActions(controlActions)(view);
     const controls = [];
     if (isFirstInRow) {
-        controls.push(React.createElement(DropdownMenu, { key: 1, switcherWrapperClassName: b('left-button'), switcher: React.createElement(Button, { view: 'outlined', size: 's' },
-                React.createElement(Icon, { data: EllipsisVertical })), items: [
+        controls.push(_jsx(DropdownMenu, { switcherWrapperClassName: b('left-button'), renderSwitcher: (props) => (_jsx(Button, { view: 'outlined', size: 's', ...props, children: _jsx(Icon, { data: EllipsisVertical }) })), items: [
                 {
                     text: i18n('row.add.before'),
-                    action: () => {
-                        var _a;
-                        return actions.appendRow.run({
-                            tablePos: (_a = getParentTable()) === null || _a === void 0 ? void 0 : _a.pos,
-                            rowNumber,
-                            direction: 'before',
-                        });
-                    },
-                    icon: React.createElement(Icon, { data: ArrowUp }),
+                    action: () => actions.appendRow.run({
+                        tablePos: getParentTable()?.pos,
+                        rowNumber,
+                        direction: 'before',
+                    }),
+                    iconStart: _jsx(Icon, { data: ArrowUp }),
                     disabled: !actions.appendRow.isEnable({
-                        tablePos: (_a = getParentTable()) === null || _a === void 0 ? void 0 : _a.pos,
+                        tablePos: getParentTable()?.pos,
                         rowNumber,
                         direction: 'before',
                     }),
                 },
                 {
                     text: i18n('row.add.after'),
-                    action: () => {
-                        var _a;
-                        return actions.appendRow.run({
-                            tablePos: (_a = getParentTable()) === null || _a === void 0 ? void 0 : _a.pos,
-                            rowNumber,
-                            direction: 'after',
-                        });
-                    },
-                    icon: React.createElement(Icon, { data: ArrowDown }),
+                    action: () => actions.appendRow.run({
+                        tablePos: getParentTable()?.pos,
+                        rowNumber,
+                        direction: 'after',
+                    }),
+                    iconStart: _jsx(Icon, { data: ArrowDown }),
                     disabled: !actions.appendRow.isEnable({
-                        tablePos: (_b = getParentTable()) === null || _b === void 0 ? void 0 : _b.pos,
+                        tablePos: getParentTable()?.pos,
                         rowNumber,
                         direction: 'after',
                     }),
                 },
                 {
                     text: i18n('row.remove'),
-                    action: () => {
-                        var _a;
-                        return actions.deleteRow.run({
-                            rowNumber,
-                            tablePos: (_a = getParentTable()) === null || _a === void 0 ? void 0 : _a.pos,
-                        });
-                    },
-                    icon: React.createElement(Icon, { data: Xmark }),
+                    action: () => actions.deleteRow.run({
+                        rowNumber,
+                        tablePos: getParentTable()?.pos,
+                    }),
+                    iconStart: _jsx(Icon, { data: Xmark }),
                     disabled: !actions.deleteRow.isEnable({
                         rowNumber,
-                        tablePos: (_c = getParentTable()) === null || _c === void 0 ? void 0 : _c.pos,
+                        tablePos: getParentTable()?.pos,
                     }),
                 },
                 {
                     theme: 'danger',
                     text: i18n('table.remove'),
-                    action: () => {
-                        var _a, _b;
-                        return actions.deleteTable.run({
-                            tablePos: (_a = getParentTable()) === null || _a === void 0 ? void 0 : _a.pos,
-                            tableNode: (_b = getParentTable()) === null || _b === void 0 ? void 0 : _b.node,
-                        });
-                    },
-                    icon: React.createElement(Icon, { data: TrashBin }),
+                    action: () => actions.deleteTable.run({
+                        tablePos: getParentTable()?.pos,
+                        tableNode: getParentTable()?.node,
+                    }),
+                    iconStart: _jsx(Icon, { data: TrashBin }),
                     disabled: !actions.deleteTable.isEnable({
-                        tablePos: (_d = getParentTable()) === null || _d === void 0 ? void 0 : _d.pos,
-                        tableNode: (_e = getParentTable()) === null || _e === void 0 ? void 0 : _e.node,
+                        tablePos: getParentTable()?.pos,
+                        tableNode: getParentTable()?.node,
                     }),
                 },
-            ] }));
+            ] }, 1));
     }
     if (isInFirstRow) {
-        controls.push(React.createElement(DropdownMenu, { key: 2, switcherWrapperClassName: b('upper-button'), switcher: React.createElement(Button, { view: 'outlined', size: 's' },
-                React.createElement(Icon, { data: EllipsisVertical })), items: [
+        controls.push(_jsx(DropdownMenu, { switcherWrapperClassName: b('upper-button'), renderSwitcher: (props) => (_jsx(Button, { view: 'outlined', size: 's', ...props, children: _jsx(Icon, { data: EllipsisVertical }) })), items: [
                 {
                     text: i18n('column.add.before'),
-                    action: () => {
-                        var _a;
-                        return actions.appendColumn.run({
-                            tablePos: (_a = getParentTable()) === null || _a === void 0 ? void 0 : _a.pos,
-                            columnNumber,
-                            direction: 'before',
-                        });
-                    },
-                    icon: React.createElement(Icon, { data: ArrowLeft }),
+                    action: () => actions.appendColumn.run({
+                        tablePos: getParentTable()?.pos,
+                        columnNumber,
+                        direction: 'before',
+                    }),
+                    iconStart: _jsx(Icon, { data: ArrowLeft }),
                     disabled: !actions.appendColumn.isEnable({
-                        tablePos: (_f = getParentTable()) === null || _f === void 0 ? void 0 : _f.pos,
+                        tablePos: getParentTable()?.pos,
                         columnNumber,
                         direction: 'before',
                     }),
                 },
                 {
                     text: i18n('column.add.after'),
-                    action: () => {
-                        var _a;
-                        return actions.appendColumn.run({
-                            tablePos: (_a = getParentTable()) === null || _a === void 0 ? void 0 : _a.pos,
-                            columnNumber,
-                            direction: 'after',
-                        });
-                    },
-                    icon: React.createElement(Icon, { data: ArrowRight }),
+                    action: () => actions.appendColumn.run({
+                        tablePos: getParentTable()?.pos,
+                        columnNumber,
+                        direction: 'after',
+                    }),
+                    iconStart: _jsx(Icon, { data: ArrowRight }),
                     disabled: !actions.appendColumn.isEnable({
-                        tablePos: (_g = getParentTable()) === null || _g === void 0 ? void 0 : _g.pos,
+                        tablePos: getParentTable()?.pos,
                         columnNumber,
                         direction: 'after',
                     }),
                 },
                 {
                     text: i18n('column.remove'),
-                    action: () => {
-                        var _a;
-                        return actions.deleteColumn.run({
-                            columnNumber,
-                            tablePos: (_a = getParentTable()) === null || _a === void 0 ? void 0 : _a.pos,
-                        });
-                    },
-                    icon: React.createElement(Icon, { data: Xmark }),
+                    action: () => actions.deleteColumn.run({
+                        columnNumber,
+                        tablePos: getParentTable()?.pos,
+                    }),
+                    iconStart: _jsx(Icon, { data: Xmark }),
                     disabled: !actions.deleteColumn.isEnable({
                         columnNumber,
-                        tablePos: (_h = getParentTable()) === null || _h === void 0 ? void 0 : _h.pos,
+                        tablePos: getParentTable()?.pos,
                     }),
                 },
                 {
                     theme: 'danger',
                     text: i18n('table.remove'),
-                    action: () => {
-                        var _a, _b;
-                        return actions.deleteTable.run({
-                            tablePos: (_a = getParentTable()) === null || _a === void 0 ? void 0 : _a.pos,
-                            tableNode: (_b = getParentTable()) === null || _b === void 0 ? void 0 : _b.node,
-                        });
-                    },
-                    icon: React.createElement(Icon, { data: TrashBin }),
+                    action: () => actions.deleteTable.run({
+                        tablePos: getParentTable()?.pos,
+                        tableNode: getParentTable()?.node,
+                    }),
+                    iconStart: _jsx(Icon, { data: TrashBin }),
                     disabled: !actions.deleteTable.isEnable({
-                        tablePos: (_j = getParentTable()) === null || _j === void 0 ? void 0 : _j.pos,
-                        tableNode: (_k = getParentTable()) === null || _k === void 0 ? void 0 : _k.node,
+                        tablePos: getParentTable()?.pos,
+                        tableNode: getParentTable()?.node,
                     }),
                 },
-            ] }));
+            ] }, 2));
     }
-    return controls.length ? React.createElement(React.Fragment, null, controls) : null;
+    return controls.length ? _jsx(_Fragment, { children: controls }) : null;
 };
 export const yfmTableCellView = (node, view, getPos) => {
     const getParentTable = () => findParentNodeClosestToPos(view.state.doc.resolve(getPos()), isTableNode);
@@ -191,9 +165,7 @@ export const yfmTableCellView = (node, view, getPos) => {
     dom.setAttribute('style', 'position: relative; overflow: visible;');
     dom.appendChild(contentDOM);
     dom.appendChild(control);
-    const renderItem = getReactRendererFromState(view.state).createItem('yfm-table-cell-view', () => (React.createElement(Portal, { container: control },
-        React.createElement(ErrorLoggerBoundary, null,
-            React.createElement(Controls, { columnNumber: cellIndex, rowNumber: rowIndex, isFirstInRow: isFirstColumn, isInFirstRow: isFirstRow, getParentTable: getParentTable, view: view })))));
+    const renderItem = getReactRendererFromState(view.state).createItem('yfm-table-cell-view', () => (_jsx(Portal, { container: control, children: _jsx(ErrorLoggerBoundary, { children: _jsx(Controls, { columnNumber: cellIndex, rowNumber: rowIndex, isFirstInRow: isFirstColumn, isInFirstRow: isFirstRow, getParentTable: getParentTable, view: view }) }) })));
     return {
         dom,
         contentDOM,
@@ -201,7 +173,7 @@ export const yfmTableCellView = (node, view, getPos) => {
             renderItem.remove();
         },
         ignoreMutation(mutation) {
-            return mutation.type === 'childList' && mutation.target === control;
+            return mutation.target === control || control.contains(mutation.target);
         },
         update(n) {
             const { rows: nRows, cols: nCols } = getTableDimensions(n);
@@ -225,3 +197,4 @@ function findCellCoords(table, cell) {
     }
     return null;
 }
+//# sourceMappingURL=yfmTableCellView.js.map

package/build/esm/extensions/yfm/YfmTable/plugins/YfmTableControls/yfmTableCellView.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"yfmTableCellView.js","sourceRoot":"../../../../../../../src","sources":["extensions/yfm/YfmTable/plugins/YfmTableControls/yfmTableCellView.tsx"],"names":[],"mappings":"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","sourcesContent":["import {\n    ArrowDown,\n    ArrowLeft,\n    ArrowRight,\n    ArrowUp,\n    EllipsisVertical,\n    TrashBin,\n    Xmark,\n} from '@gravity-ui/icons';\nimport {Button, DropdownMenu, Icon, Portal} from '@gravity-ui/uikit';\nimport type {Node} from 'prosemirror-model';\n// @ts-ignore // TODO: fix cjs build\nimport {NodeWithPos, findParentNodeClosestToPos} from 'prosemirror-utils';\nimport type {EditorView, NodeView, NodeViewConstructor} from 'prosemirror-view';\n\nimport {cn} from '../../../../../classname';\nimport {bindActions} from '../../../../../core';\nimport {i18n} from '../../../../../i18n/yfm-table';\nimport {ErrorLoggerBoundary} from '../../../../../react-utils/ErrorBoundary';\nimport {getTableDimensions, isTableNode} from '../../../../../table-utils';\nimport {getChildByNode} from '../../../../../utils/node-children';\nimport {getChildrenOfNode} from '../../../../../utils/nodes';\nimport {getReactRendererFromState} from '../../../../behavior/ReactRenderer';\nimport {YfmTableAttr} from '../../const';\n\nimport {controlActions} from './actions';\n\nimport './yfmTableCellView.scss';\n\nexport const yfmTableCellCn = cn('table-cell-view');\nconst b = yfmTableCellCn;\n\ninterface Props {\n    columnNumber: number;\n    rowNumber: number;\n    view: EditorView;\n    getParentTable: () => NodeWithPos | undefined;\n    isInFirstRow: boolean;\n    isFirstInRow: boolean;\n}\n\nconst Controls: React.FC<Props> = function Controls({\n    columnNumber,\n    rowNumber,\n    view,\n    getParentTable,\n    isInFirstRow,\n    isFirstInRow,\n}) {\n    const actions = bindActions(controlActions)(view);\n\n    const controls: React.ReactElement[] = [];\n\n    if (isFirstInRow) {\n        controls.push(\n            <DropdownMenu\n                key={1}\n                switcherWrapperClassName={b('left-button')}\n                renderSwitcher={(props) => (\n                    <Button view={'outlined'} size={'s'} {...props}>\n                        <Icon data={EllipsisVertical} />\n                    </Button>\n                )}\n                items={[\n                    {\n                        text: i18n('row.add.before'),\n                        action: () =>\n                            actions.appendRow.run({\n                                tablePos: getParentTable()?.pos,\n                                rowNumber,\n                                direction: 'before',\n                            }),\n                        iconStart: <Icon data={ArrowUp} />,\n                        disabled: !actions.appendRow.isEnable({\n                            tablePos: getParentTable()?.pos,\n                            rowNumber,\n                            direction: 'before',\n                        }),\n                    },\n                    {\n                        text: i18n('row.add.after'),\n                        action: () =>\n                            actions.appendRow.run({\n                                tablePos: getParentTable()?.pos,\n                                rowNumber,\n                                direction: 'after',\n                            }),\n                        iconStart: <Icon data={ArrowDown} />,\n                        disabled: !actions.appendRow.isEnable({\n                            tablePos: getParentTable()?.pos,\n                            rowNumber,\n                            direction: 'after',\n                        }),\n                    },\n                    {\n                        text: i18n('row.remove'),\n                        action: () =>\n                            actions.deleteRow.run({\n                                rowNumber,\n                                tablePos: getParentTable()?.pos,\n                            }),\n                        iconStart: <Icon data={Xmark} />,\n                        disabled: !actions.deleteRow.isEnable({\n                            rowNumber,\n                            tablePos: getParentTable()?.pos,\n                        }),\n                    },\n                    {\n                        theme: 'danger',\n                        text: i18n('table.remove'),\n                        action: () =>\n                            actions.deleteTable.run({\n                                tablePos: getParentTable()?.pos,\n                                tableNode: getParentTable()?.node,\n                            }),\n                        iconStart: <Icon data={TrashBin} />,\n                        disabled: !actions.deleteTable.isEnable({\n                            tablePos: getParentTable()?.pos,\n                            tableNode: getParentTable()?.node,\n                        }),\n                    },\n                ]}\n            />,\n        );\n    }\n\n    if (isInFirstRow) {\n        controls.push(\n            <DropdownMenu\n                key={2}\n                switcherWrapperClassName={b('upper-button')}\n                renderSwitcher={(props) => (\n                    <Button view={'outlined'} size={'s'} {...props}>\n                        <Icon data={EllipsisVertical} />\n                    </Button>\n                )}\n                items={[\n                    {\n                        text: i18n('column.add.before'),\n                        action: () =>\n                            actions.appendColumn.run({\n                                tablePos: getParentTable()?.pos,\n                                columnNumber,\n                                direction: 'before',\n                            }),\n                        iconStart: <Icon data={ArrowLeft} />,\n                        disabled: !actions.appendColumn.isEnable({\n                            tablePos: getParentTable()?.pos,\n                            columnNumber,\n                            direction: 'before',\n                        }),\n                    },\n                    {\n                        text: i18n('column.add.after'),\n                        action: () =>\n                            actions.appendColumn.run({\n                                tablePos: getParentTable()?.pos,\n                                columnNumber,\n                                direction: 'after',\n                            }),\n                        iconStart: <Icon data={ArrowRight} />,\n                        disabled: !actions.appendColumn.isEnable({\n                            tablePos: getParentTable()?.pos,\n                            columnNumber,\n                            direction: 'after',\n                        }),\n                    },\n                    {\n                        text: i18n('column.remove'),\n                        action: () =>\n                            actions.deleteColumn.run({\n                                columnNumber,\n                                tablePos: getParentTable()?.pos,\n                            }),\n                        iconStart: <Icon data={Xmark} />,\n                        disabled: !actions.deleteColumn.isEnable({\n                            columnNumber,\n                            tablePos: getParentTable()?.pos,\n                        }),\n                    },\n                    {\n                        theme: 'danger',\n                        text: i18n('table.remove'),\n                        action: () =>\n                            actions.deleteTable.run({\n                                tablePos: getParentTable()?.pos,\n                                tableNode: getParentTable()?.node,\n                            }),\n                        iconStart: <Icon data={TrashBin} />,\n                        disabled: !actions.deleteTable.isEnable({\n                            tablePos: getParentTable()?.pos,\n                            tableNode: getParentTable()?.node,\n                        }),\n                    },\n                ]}\n            />,\n        );\n    }\n\n    return controls.length ? <>{controls}</> : null;\n};\n\nexport const yfmTableCellView: NodeViewConstructor = (node, view, getPos): NodeView => {\n    const getParentTable = () =>\n        findParentNodeClosestToPos(view.state.doc.resolve(getPos()!), isTableNode);\n\n    const parentTable = getParentTable();\n\n    const cellCoords = parentTable ? findCellCoords(parentTable.node, node) : null;\n\n    // @ts-expect-error\n    if (!cellCoords) return {};\n\n    const {cellIndex, rowIndex} = cellCoords;\n    const isFirstRow = rowIndex === 0;\n    const isFirstColumn = cellIndex === 0;\n\n    if (!isFirstRow && !isFirstColumn) {\n        // in this case, we don't need custom nodeView.\n        // @ts-expect-error\n        return {};\n    }\n\n    const dom = document.createElement('td');\n    if (node.attrs[YfmTableAttr.Colspan])\n        dom.setAttribute('colspan', node.attrs[YfmTableAttr.Colspan]);\n    if (node.attrs[YfmTableAttr.Rowspan])\n        dom.setAttribute('rowspan', node.attrs[YfmTableAttr.Rowspan]);\n    if (node.attrs[YfmTableAttr.CellAlign]) {\n        dom.classList.add(node.attrs[YfmTableAttr.CellAlign]);\n        dom.setAttribute(YfmTableAttr.CellAlign, node.attrs[YfmTableAttr.Rowspan]);\n    }\n\n    const contentDOM = document.createElement('div');\n    const control = document.createElement('span');\n    control.setAttribute('style', 'width: 0; height: 0; float: left;');\n    dom.setAttribute('style', 'position: relative; overflow: visible;');\n\n    dom.appendChild(contentDOM);\n    dom.appendChild(control);\n\n    const renderItem = getReactRendererFromState(view.state).createItem(\n        'yfm-table-cell-view',\n        () => (\n            <Portal container={control}>\n                <ErrorLoggerBoundary>\n                    <Controls\n                        columnNumber={cellIndex}\n                        rowNumber={rowIndex}\n                        isFirstInRow={isFirstColumn}\n                        isInFirstRow={isFirstRow}\n                        getParentTable={getParentTable}\n                        view={view}\n                    />\n                </ErrorLoggerBoundary>\n            </Portal>\n        ),\n    );\n\n    return {\n        dom,\n        contentDOM,\n        destroy() {\n            renderItem.remove();\n        },\n        ignoreMutation(mutation) {\n            return mutation.target === control || control.contains(mutation.target);\n        },\n        update(n) {\n            const {rows: nRows, cols: nCols} = getTableDimensions(n);\n            const {rows, cols} = getTableDimensions(node);\n\n            return !(rows !== nRows || cols !== nCols);\n        },\n    };\n};\n\nfunction findCellCoords(table: Node, cell: Node) {\n    if (!table.lastChild) return null;\n    const rows = getChildrenOfNode(table.lastChild); // children of tBody\n    for (const row of rows) {\n        const node = getChildByNode(row.node, cell);\n        if (node) {\n            return {\n                rowIndex: row.index,\n                cellIndex: node.index,\n            };\n        }\n    }\n    return null;\n}\n"]}

package/build/esm/extensions/yfm/YfmTable/plugins/yfmTableTransformPastedPlugin.js

@@ -1,5 +1,5 @@
 import { Plugin } from 'prosemirror-state';
-import { fixPastedTableBodies } from '../paste';
+import { fixPastedTableBodies } from "../paste.js";
 export const yfmTableTransformPastedPlugin = ({ schema }) => new Plugin({
     props: {
         transformPasted(slice) {
@@ -7,3 +7,4 @@ export const yfmTableTransformPastedPlugin = ({ schema }) => new Plugin({
         },
     },
 });
+//# sourceMappingURL=yfmTableTransformPastedPlugin.js.map

package/build/esm/extensions/yfm/YfmTable/plugins/yfmTableTransformPastedPlugin.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"yfmTableTransformPastedPlugin.js","sourceRoot":"../../../../../../src","sources":["extensions/yfm/YfmTable/plugins/yfmTableTransformPastedPlugin.ts"],"names":[],"mappings":"AACA,OAAO,EAAC,MAAM,EAAC,MAAM,mBAAmB,CAAC;AAEzC,OAAO,EAAC,oBAAoB,EAAC,oBAAiB;AAK9C,MAAM,CAAC,MAAM,6BAA6B,GAAG,CAAC,EAAC,MAAM,EAAO,EAAE,EAAE,CAC5D,IAAI,MAAM,CAAC;IACP,KAAK,EAAE;QACH,eAAe,CAAC,KAAK;YACjB,OAAO,oBAAoB,CAAC,KAAK,EAAE,MAAM,CAAC,CAAC;QAC/C,CAAC;KACJ;CACJ,CAAC,CAAC","sourcesContent":["import {Schema} from 'prosemirror-model';\nimport {Plugin} from 'prosemirror-state';\n\nimport {fixPastedTableBodies} from '../paste';\n\ninterface Args {\n    schema: Schema;\n}\nexport const yfmTableTransformPastedPlugin = ({schema}: Args) =>\n    new Plugin({\n        props: {\n            transformPasted(slice) {\n                return fixPastedTableBodies(slice, schema);\n            },\n        },\n    });\n"]}

package/build/esm/extensions/yfm/YfmTable/utils.d.ts

@@ -1 +1 @@
-export * from './YfmTableSpecs/utils';
+export * from "./YfmTableSpecs/utils.js";

package/build/esm/extensions/yfm/YfmTable/utils.js

@@ -1 +1,2 @@
-export * from './YfmTableSpecs/utils';
+export * from "./YfmTableSpecs/utils.js";
+//# sourceMappingURL=utils.js.map

package/build/esm/extensions/yfm/YfmTable/utils.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"utils.js","sourceRoot":"../../../../../src","sources":["extensions/yfm/YfmTable/utils.ts"],"names":[],"mappings":"AAAA,yCAAsC","sourcesContent":["export * from './YfmTableSpecs/utils';\n"]}

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

@@ -42,3 +42,4 @@ export var TabPanelAttrs;
     TabPanelAttrs["dataTitle"] = "data-title";
     TabPanelAttrs["ariaLabelledby"] = "aria-labelledby";
 })(TabPanelAttrs || (TabPanelAttrs = {}));
+//# sourceMappingURL=const.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"const.js","sourceRoot":"../../../../../../src","sources":["extensions/yfm/YfmTabs/YfmTabsSpecs/const.ts"],"names":[],"mappings":"AAAA,MAAM,CAAN,IAAY,QAYX;AAZD,WAAY,QAAQ;IAChB,+CAA+C;IAC/C,sCAA0B,CAAA;IAE1B,2BAAe,CAAA;IACf,sCAA0B,CAAA;IAC1B,6BAAiB,CAAA;IAEjB,wCAA4B,CAAA;IAC5B,sCAA0B,CAAA;IAC1B,iDAAqC,CAAA;IACrC,iDAAqC,CAAA;AACzC,CAAC,EAZW,QAAQ,KAAR,QAAQ,QAYnB;AAED,MAAM,CAAN,IAAY,SAIX;AAJD,WAAY,SAAS;IACjB,4BAAe,CAAA;IACf,sDAAyC,CAAA;IACzC,0DAA6C,CAAA;AACjD,CAAC,EAJW,SAAS,KAAT,SAAS,QAIpB;AAED,MAAM,CAAN,IAAY,aAGX;AAHD,WAAY,aAAa;IACrB,gCAAe,CAAA;IACf,8BAAa,CAAA;AACjB,CAAC,EAHW,aAAa,KAAb,aAAa,QAGxB;AAED,MAAM,CAAN,IAAY,QAWX;AAXD,WAAY,QAAQ;IAChB,qBAAS,CAAA;IACT,2BAAe,CAAA;IACf,yBAAa,CAAA;IACb,0CAA8B,CAAA;IAC9B,0CAA8B,CAAA;IAC9B,iCAAqB,CAAA;IACrB,iDAAqC,CAAA;IACrC,+CAAmC,CAAA;IACnC,4DAAgD,CAAA;IAChD,kEAAsD,CAAA;AAC1D,CAAC,EAXW,QAAQ,KAAR,QAAQ,QAWnB;AAED,MAAM,CAAN,IAAY,aAMX;AAND,WAAY,aAAa;IACrB,0BAAS,CAAA;IACT,gCAAe,CAAA;IACf,8BAAa,CAAA;IACb,yCAAwB,CAAA;IACxB,mDAAkC,CAAA;AACtC,CAAC,EANW,aAAa,KAAb,aAAa,QAMxB","sourcesContent":["export enum TabsNode {\n    // tabs panel is common for tabs and radio tabs\n    TabPanel = 'yfm_tab_panel',\n\n    Tab = 'yfm_tab',\n    TabsList = 'yfm_tabs_list',\n    Tabs = 'yfm_tabs',\n\n    RadioTabs = 'yfm_radio_tabs',\n    RadioTab = 'yfm_radio_tab',\n    RadioTabInput = 'yfm_radio_tab_input',\n    RadioTabLabel = 'yfm_radio_tab_label',\n}\n\nexport enum TabsAttrs {\n    class = 'class',\n    dataDiplodocGroup = 'data-diplodoc-group',\n    dataDiplodocVariant = 'data-diplodoc-variant',\n}\n\nexport enum TabsListAttrs {\n    class = 'class',\n    role = 'role',\n}\n\nexport enum TabAttrs {\n    id = 'id',\n    class = 'class',\n    role = 'role',\n    ariaControls = 'aria-controls',\n    ariaSelected = 'aria-selected',\n    tabindex = 'tabindex',\n    dataDiplodocKey = 'data-diplodoc-key',\n    dataDiplodocid = 'data-diplodoc-id',\n    dataDiplodocIsActive = 'data-diplodoc-is-active',\n    dataDiplodocVerticalTab = 'data-diplodoc-vertical-tab',\n}\n\nexport enum TabPanelAttrs {\n    id = 'id',\n    class = 'class',\n    role = 'role',\n    dataTitle = 'data-title',\n    ariaLabelledby = 'aria-labelledby',\n}\n"]}

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

@@ -1,11 +1,11 @@
-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 = YfmTabsSchemaOptions & {
+import type { ExtensionAuto, ExtensionNodeSpec } from "../../../../core/index.js";
+import { type YfmTabsSchemaOptions } from "./schema.js";
+export { TabsNode } from "./const.js";
+export declare const tabPanelType: (schema: import("prosemirror-model").Schema) => import("prosemirror-model").NodeType;
+export declare const tabType: (schema: import("prosemirror-model").Schema) => import("prosemirror-model").NodeType;
+export declare const tabsType: (schema: import("prosemirror-model").Schema) => import("prosemirror-model").NodeType;
+export declare const tabsListType: (schema: import("prosemirror-model").Schema) => import("prosemirror-model").NodeType;
+export type YfmTabsSpecsOptions = YfmTabsSchemaOptions & {
     tabView?: ExtensionNodeSpec['view'];
     tabsListView?: ExtensionNodeSpec['view'];
     tabPanelView?: ExtensionNodeSpec['view'];

package/build/esm/extensions/yfm/YfmTabs/YfmTabsSpecs/index.js

@@ -1,11 +1,11 @@
 import { transform as yfmTabs } from '@diplodoc/tabs-extension';
-import { nodeTypeFactory } from '../../../../utils/schema';
-import { TabsNode } from './const';
-import { tabsPostPlugin } from './md-plugin';
-import { parserTokens } from './parser';
-import { getSchemaSpecs } from './schema';
-import { serializerTokens } from './serializer';
-export { TabsNode } from './const';
+import { nodeTypeFactory } from "../../../../utils/schema.js";
+import { TabsNode } from "./const.js";
+import { tabsPostPlugin } from "./md-plugin.js";
+import { parserTokens } from "./parser.js";
+import { getSchemaSpecs } from "./schema.js";
+import { serializerTokens } from "./serializer.js";
+export { TabsNode } from "./const.js";
 export const tabPanelType = nodeTypeFactory(TabsNode.TabPanel);
 export const tabType = nodeTypeFactory(TabsNode.Tab);
 export const tabsType = nodeTypeFactory(TabsNode.Tabs);
@@ -98,3 +98,4 @@ export const YfmTabsSpecs = (builder, opts) => {
         },
     }));
 };
+//# sourceMappingURL=index.js.map

package/build/esm/extensions/yfm/YfmTabs/YfmTabsSpecs/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"../../../../../../src","sources":["extensions/yfm/YfmTabs/YfmTabsSpecs/index.ts"],"names":[],"mappings":"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","sourcesContent":["import {transform as yfmTabs} from '@diplodoc/tabs-extension';\n\nimport type {ExtensionAuto, ExtensionNodeSpec} from '../../../../core';\nimport {nodeTypeFactory} from '../../../../utils/schema';\n\nimport {TabsNode} from './const';\nimport {tabsPostPlugin} from './md-plugin';\nimport {parserTokens} from './parser';\nimport {type YfmTabsSchemaOptions, getSchemaSpecs} from './schema';\nimport {serializerTokens} from './serializer';\n\nexport {TabsNode} from './const';\nexport const tabPanelType = nodeTypeFactory(TabsNode.TabPanel);\nexport const tabType = nodeTypeFactory(TabsNode.Tab);\nexport const tabsType = nodeTypeFactory(TabsNode.Tabs);\nexport const tabsListType = nodeTypeFactory(TabsNode.TabsList);\n\nexport type YfmTabsSpecsOptions = YfmTabsSchemaOptions & {\n    tabView?: ExtensionNodeSpec['view'];\n    tabsListView?: ExtensionNodeSpec['view'];\n    tabPanelView?: ExtensionNodeSpec['view'];\n    tabsView?: ExtensionNodeSpec['view'];\n    vtabView?: ExtensionNodeSpec['view'];\n    vtabInputView?: ExtensionNodeSpec['view'];\n};\n\nexport const YfmTabsSpecs: ExtensionAuto<YfmTabsSpecsOptions> = (builder, opts) => {\n    const schemaSpecs = getSchemaSpecs(opts);\n\n    builder\n        .configureMd((md) =>\n            md\n                .use(\n                    yfmTabs({\n                        bundle: false,\n                        features: {\n                            enabledVariants: {\n                                regular: true,\n                                radio: true,\n                                dropdown: false,\n                                accordion: false,\n                            },\n                        },\n                    }),\n                )\n                .use(tabsPostPlugin),\n        )\n        .addNode(TabsNode.Tab, () => ({\n            spec: schemaSpecs[TabsNode.Tab],\n            toMd: serializerTokens[TabsNode.Tab],\n            fromMd: {\n                tokenSpec: parserTokens[TabsNode.Tab],\n                tokenName: 'tab',\n            },\n            view: opts.tabView,\n        }))\n        .addNode(TabsNode.TabsList, () => ({\n            spec: schemaSpecs[TabsNode.TabsList],\n            toMd: serializerTokens[TabsNode.TabsList],\n            fromMd: {\n                tokenSpec: parserTokens[TabsNode.TabsList],\n                tokenName: 'tab-list',\n            },\n            view: opts.tabsListView,\n        }))\n        .addNode(TabsNode.TabPanel, () => ({\n            spec: schemaSpecs[TabsNode.TabPanel],\n            toMd: serializerTokens[TabsNode.TabPanel],\n            fromMd: {\n                tokenSpec: parserTokens[TabsNode.TabPanel],\n                tokenName: 'tab-panel',\n            },\n            view: opts.tabPanelView,\n        }))\n        .addNode(TabsNode.Tabs, () => ({\n            spec: schemaSpecs[TabsNode.Tabs],\n            toMd: serializerTokens[TabsNode.Tabs],\n            fromMd: {\n                tokenSpec: parserTokens[TabsNode.Tabs],\n                tokenName: 'tabs',\n            },\n            view: opts.tabsView,\n        }));\n\n    builder\n        .addNode(TabsNode.RadioTabs, () => ({\n            spec: schemaSpecs[TabsNode.RadioTabs],\n            toMd: serializerTokens[TabsNode.RadioTabs],\n            fromMd: {\n                tokenSpec: parserTokens[TabsNode.RadioTabs],\n                tokenName: 'r-tabs',\n            },\n        }))\n        .addNode(TabsNode.RadioTab, () => ({\n            spec: schemaSpecs[TabsNode.RadioTab],\n            toMd: serializerTokens[TabsNode.RadioTab],\n            fromMd: {\n                tokenSpec: parserTokens[TabsNode.RadioTab],\n                tokenName: 'r-tab',\n            },\n            view: opts.vtabView,\n        }))\n        .addNode(TabsNode.RadioTabInput, () => ({\n            spec: schemaSpecs[TabsNode.RadioTabInput],\n            toMd: serializerTokens[TabsNode.RadioTabInput],\n            fromMd: {\n                tokenSpec: parserTokens[TabsNode.RadioTabInput],\n                tokenName: 'r-tab-input',\n            },\n            view: opts.vtabInputView,\n        }))\n        .addNode(TabsNode.RadioTabLabel, () => ({\n            spec: schemaSpecs[TabsNode.RadioTabLabel],\n            toMd: serializerTokens[TabsNode.RadioTabLabel],\n            fromMd: {\n                tokenSpec: parserTokens[TabsNode.RadioTabLabel],\n                tokenName: 'r-tab-label',\n            },\n        }));\n};\n"]}

package/build/esm/extensions/yfm/YfmTabs/YfmTabsSpecs/md-plugin.js

@@ -2,12 +2,11 @@ const prefix = 'r-';
 // prefix is added to token types of radio tabs tokens in order to use other nodes in prosemirror
 export const tabsPostPlugin = (md) => {
     md.core.ruler.push('me_tabs_after', (state) => {
-        var _a;
         const stack = [];
         for (const token of state.tokens) {
             switch (token.type) {
                 case 'tabs_open': {
-                    const vertical = (_a = token.attrGet('class')) === null || _a === void 0 ? void 0 : _a.includes('yfm-tabs-vertical');
+                    const vertical = token.attrGet('class')?.includes('yfm-tabs-vertical');
                     stack.push({ vertical });
                     if (vertical)
                         token.type = prefix + token.type;
@@ -15,20 +14,20 @@ export const tabsPostPlugin = (md) => {
                 }
                 case 'tabs_close': {
                     const item = stack.pop();
-                    if (item === null || item === void 0 ? void 0 : item.vertical)
+                    if (item?.vertical)
                         token.type = prefix + token.type;
                     break;
                 }
                 case 'tab_open': {
                     const item = stack.at(-1);
-                    if (item === null || item === void 0 ? void 0 : item.vertical) {
+                    if (item?.vertical) {
                         token.type = prefix + token.type;
                     }
                     break;
                 }
                 case 'tab_close': {
                     const item = stack.at(-1);
-                    if (item === null || item === void 0 ? void 0 : item.vertical) {
+                    if (item?.vertical) {
                         token.type = prefix + token.type;
                     }
                     break;
@@ -37,7 +36,7 @@ export const tabsPostPlugin = (md) => {
                 case 'tab-label_open':
                 case 'tab-label_close': {
                     const item = stack.at(-1);
-                    if (item === null || item === void 0 ? void 0 : item.vertical) {
+                    if (item?.vertical) {
                         token.type = prefix + token.type;
                     }
                     break;
@@ -46,3 +45,4 @@ export const tabsPostPlugin = (md) => {
         }
     });
 };
+//# sourceMappingURL=md-plugin.js.map

package/build/esm/extensions/yfm/YfmTabs/YfmTabsSpecs/md-plugin.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"md-plugin.js","sourceRoot":"../../../../../../src","sources":["extensions/yfm/YfmTabs/YfmTabsSpecs/md-plugin.ts"],"names":[],"mappings":"AAEA,MAAM,MAAM,GAAG,IAAI,CAAC;AAEpB,iGAAiG;AACjG,MAAM,CAAC,MAAM,cAAc,GAA4B,CAAC,EAAE,EAAE,EAAE;IAC1D,EAAE,CAAC,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,eAAe,EAAE,CAAC,KAAK,EAAE,EAAE;QAC1C,MAAM,KAAK,GAA2B,EAAE,CAAC;QAEzC,KAAK,MAAM,KAAK,IAAI,KAAK,CAAC,MAAM,EAAE,CAAC;YAC/B,QAAQ,KAAK,CAAC,IAAI,EAAE,CAAC;gBACjB,KAAK,WAAW,CAAC,CAAC,CAAC;oBACf,MAAM,QAAQ,GAAG,KAAK,CAAC,OAAO,CAAC,OAAO,CAAC,EAAE,QAAQ,CAAC,mBAAmB,CAAC,CAAC;oBACvE,KAAK,CAAC,IAAI,CAAC,EAAC,QAAQ,EAAC,CAAC,CAAC;oBACvB,IAAI,QAAQ;wBAAE,KAAK,CAAC,IAAI,GAAG,MAAM,GAAG,KAAK,CAAC,IAAI,CAAC;oBAE/C,MAAM;gBACV,CAAC;gBACD,KAAK,YAAY,CAAC,CAAC,CAAC;oBAChB,MAAM,IAAI,GAAG,KAAK,CAAC,GAAG,EAAE,CAAC;oBACzB,IAAI,IAAI,EAAE,QAAQ;wBAAE,KAAK,CAAC,IAAI,GAAG,MAAM,GAAG,KAAK,CAAC,IAAI,CAAC;oBAErD,MAAM;gBACV,CAAC;gBAED,KAAK,UAAU,CAAC,CAAC,CAAC;oBACd,MAAM,IAAI,GAAG,KAAK,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,CAAC;oBAC1B,IAAI,IAAI,EAAE,QAAQ,EAAE,CAAC;wBACjB,KAAK,CAAC,IAAI,GAAG,MAAM,GAAG,KAAK,CAAC,IAAI,CAAC;oBACrC,CAAC;oBACD,MAAM;gBACV,CAAC;gBACD,KAAK,WAAW,CAAC,CAAC,CAAC;oBACf,MAAM,IAAI,GAAG,KAAK,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,CAAC;oBAC1B,IAAI,IAAI,EAAE,QAAQ,EAAE,CAAC;wBACjB,KAAK,CAAC,IAAI,GAAG,MAAM,GAAG,KAAK,CAAC,IAAI,CAAC;oBACrC,CAAC;oBACD,MAAM;gBACV,CAAC;gBAED,KAAK,WAAW,CAAC;gBACjB,KAAK,gBAAgB,CAAC;gBACtB,KAAK,iBAAiB,CAAC,CAAC,CAAC;oBACrB,MAAM,IAAI,GAAG,KAAK,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,CAAC;oBAC1B,IAAI,IAAI,EAAE,QAAQ,EAAE,CAAC;wBACjB,KAAK,CAAC,IAAI,GAAG,MAAM,GAAG,KAAK,CAAC,IAAI,CAAC;oBACrC,CAAC;oBAED,MAAM;gBACV,CAAC;YACL,CAAC;QACL,CAAC;IACL,CAAC,CAAC,CAAC;AACP,CAAC,CAAC","sourcesContent":["import type MarkdownIt from 'markdown-it';\n\nconst prefix = 'r-';\n\n// prefix is added to token types of radio tabs tokens in order to use other nodes in prosemirror\nexport const tabsPostPlugin: MarkdownIt.PluginSimple = (md) => {\n    md.core.ruler.push('me_tabs_after', (state) => {\n        const stack: {vertical?: boolean}[] = [];\n\n        for (const token of state.tokens) {\n            switch (token.type) {\n                case 'tabs_open': {\n                    const vertical = token.attrGet('class')?.includes('yfm-tabs-vertical');\n                    stack.push({vertical});\n                    if (vertical) token.type = prefix + token.type;\n\n                    break;\n                }\n                case 'tabs_close': {\n                    const item = stack.pop();\n                    if (item?.vertical) token.type = prefix + token.type;\n\n                    break;\n                }\n\n                case 'tab_open': {\n                    const item = stack.at(-1);\n                    if (item?.vertical) {\n                        token.type = prefix + token.type;\n                    }\n                    break;\n                }\n                case 'tab_close': {\n                    const item = stack.at(-1);\n                    if (item?.vertical) {\n                        token.type = prefix + token.type;\n                    }\n                    break;\n                }\n\n                case 'tab-input':\n                case 'tab-label_open':\n                case 'tab-label_close': {\n                    const item = stack.at(-1);\n                    if (item?.vertical) {\n                        token.type = prefix + token.type;\n                    }\n\n                    break;\n                }\n            }\n        }\n    });\n};\n"]}

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

@@ -1,3 +1,3 @@
-import type { ParserToken } from '../../../../core';
-import { TabsNode } from './const';
+import type { ParserToken } from "../../../../core/index.js";
+import { TabsNode } from "./const.js";
 export declare const parserTokens: Record<TabsNode, ParserToken>;

package/build/esm/extensions/yfm/YfmTabs/YfmTabsSpecs/parser.js

@@ -1,4 +1,4 @@
-import { TabsNode } from './const';
+import { TabsNode } from "./const.js";
 const attrsFromEntries = (token) => (token.attrs ? Object.fromEntries(token.attrs) : {});
 export const parserTokens = {
     [TabsNode.TabPanel]: {
@@ -42,3 +42,4 @@ export const parserTokens = {
         getAttrs: attrsFromEntries,
     },
 };
+//# sourceMappingURL=parser.js.map

package/build/esm/extensions/yfm/YfmTabs/YfmTabsSpecs/parser.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"parser.js","sourceRoot":"../../../../../../src","sources":["extensions/yfm/YfmTabs/YfmTabsSpecs/parser.ts"],"names":[],"mappings":"AAIA,OAAO,EAAC,QAAQ,EAAC,mBAAgB;AAEjC,MAAM,gBAAgB,GAAG,CAAC,KAAY,EAAE,EAAE,CAAC,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC,CAAC,MAAM,CAAC,WAAW,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC;AAEhG,MAAM,CAAC,MAAM,YAAY,GAAkC;IACvD,CAAC,QAAQ,CAAC,QAAQ,CAAC,EAAE;QACjB,IAAI,EAAE,QAAQ,CAAC,QAAQ;QACvB,IAAI,EAAE,OAAO;QACb,QAAQ,EAAE,gBAAgB;KAC7B;IAED,CAAC,QAAQ,CAAC,GAAG,CAAC,EAAE;QACZ,IAAI,EAAE,QAAQ,CAAC,GAAG;QAClB,IAAI,EAAE,OAAO;QACb,QAAQ,EAAE,gBAAgB;KAC7B;IACD,CAAC,QAAQ,CAAC,IAAI,CAAC,EAAE;QACb,IAAI,EAAE,QAAQ,CAAC,IAAI;QACnB,IAAI,EAAE,OAAO;QACb,QAAQ,EAAE,gBAAgB;KAC7B;IACD,CAAC,QAAQ,CAAC,QAAQ,CAAC,EAAE;QACjB,IAAI,EAAE,QAAQ,CAAC,QAAQ;QACvB,IAAI,EAAE,OAAO;QACb,QAAQ,EAAE,gBAAgB;KAC7B;IAED,CAAC,QAAQ,CAAC,SAAS,CAAC,EAAE;QAClB,IAAI,EAAE,QAAQ,CAAC,SAAS;QACxB,IAAI,EAAE,OAAO;QACb,QAAQ,EAAE,gBAAgB;KAC7B;IACD,CAAC,QAAQ,CAAC,QAAQ,CAAC,EAAE;QACjB,IAAI,EAAE,QAAQ,CAAC,QAAQ;QACvB,IAAI,EAAE,OAAO;QACb,QAAQ,EAAE,gBAAgB;KAC7B;IACD,CAAC,QAAQ,CAAC,aAAa,CAAC,EAAE;QACtB,IAAI,EAAE,QAAQ,CAAC,aAAa;QAC5B,IAAI,EAAE,MAAM;QACZ,QAAQ,EAAE,gBAAgB;KAC7B;IACD,CAAC,QAAQ,CAAC,aAAa,CAAC,EAAE;QACtB,IAAI,EAAE,QAAQ,CAAC,aAAa;QAC5B,IAAI,EAAE,OAAO;QACb,QAAQ,EAAE,gBAAgB;KAC7B;CACJ,CAAC","sourcesContent":["import type Token from 'markdown-it/lib/token';\n\nimport type {ParserToken} from '../../../../core';\n\nimport {TabsNode} from './const';\n\nconst attrsFromEntries = (token: Token) => (token.attrs ? Object.fromEntries(token.attrs) : {});\n\nexport const parserTokens: Record<TabsNode, ParserToken> = {\n    [TabsNode.TabPanel]: {\n        name: TabsNode.TabPanel,\n        type: 'block',\n        getAttrs: attrsFromEntries,\n    },\n\n    [TabsNode.Tab]: {\n        name: TabsNode.Tab,\n        type: 'block',\n        getAttrs: attrsFromEntries,\n    },\n    [TabsNode.Tabs]: {\n        name: TabsNode.Tabs,\n        type: 'block',\n        getAttrs: attrsFromEntries,\n    },\n    [TabsNode.TabsList]: {\n        name: TabsNode.TabsList,\n        type: 'block',\n        getAttrs: attrsFromEntries,\n    },\n\n    [TabsNode.RadioTabs]: {\n        name: TabsNode.RadioTabs,\n        type: 'block',\n        getAttrs: attrsFromEntries,\n    },\n    [TabsNode.RadioTab]: {\n        name: TabsNode.RadioTab,\n        type: 'block',\n        getAttrs: attrsFromEntries,\n    },\n    [TabsNode.RadioTabInput]: {\n        name: TabsNode.RadioTabInput,\n        type: 'node',\n        getAttrs: attrsFromEntries,\n    },\n    [TabsNode.RadioTabLabel]: {\n        name: TabsNode.RadioTabLabel,\n        type: 'block',\n        getAttrs: attrsFromEntries,\n    },\n};\n"]}