@gravity-ui/markdown-editor 15.13.1 → 15.13.2

package/build/cjs/extensions/markdown/Bold/BoldSpecs/index.d.ts

@@ -1,4 +1,7 @@
 import type { ExtensionAuto } from "../../../../core/index.js";
 export declare const boldMarkName = "strong";
 export declare const boldType: (schema: import("prosemirror-model").Schema) => import("prosemirror-model").MarkType;
+export declare const BoldAttrs: {
+    readonly Markup: "data-markup";
+};
 export declare const BoldSpecs: ExtensionAuto;

package/build/cjs/extensions/markdown/Bold/BoldSpecs/index.js

@@ -1,32 +1,49 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.BoldSpecs = exports.boldType = exports.boldMarkName = void 0;
+exports.BoldSpecs = exports.BoldAttrs = exports.boldType = exports.boldMarkName = void 0;
 const schema_1 = require("../../../../utils/schema.js");
 exports.boldMarkName = 'strong';
 exports.boldType = (0, schema_1.markTypeFactory)(exports.boldMarkName);
+exports.BoldAttrs = {
+    Markup: 'data-markup',
+};
+const defaultMarkup = '**';
 const BoldSpecs = (builder) => {
     builder.addMark(exports.boldMarkName, () => ({
         spec: {
+            attrs: { [exports.BoldAttrs.Markup]: { default: defaultMarkup } },
             parseDOM: [
                 { tag: 'b' },
-                { tag: 'strong' },
+                {
+                    tag: 'strong',
+                    getAttrs: (node) => ({
+                        [exports.BoldAttrs.Markup]: node.getAttribute(exports.BoldAttrs.Markup),
+                    }),
+                },
                 {
                     style: 'font-weight',
                     getAttrs: (value) => /^(bold(er)?|[5-9]\d{2,})$/.test(value) && null,
                 },
             ],
-            toDOM() {
-                return ['strong'];
+            toDOM(mark) {
+                return ['strong', mark.attrs];
             },
         },
         fromMd: {
             tokenSpec: {
                 name: exports.boldMarkName,
                 type: 'mark',
+                getAttrs: (token) => ({
+                    [exports.BoldAttrs.Markup]: token.markup,
+                }),
             },
         },
-        toMd: { open: '**', close: '**', mixable: true, expelEnclosingWhitespace: true },
+        toMd: { open: getMarkup, close: getMarkup, mixable: true, expelEnclosingWhitespace: true },
     }));
 };
 exports.BoldSpecs = BoldSpecs;
+function getMarkup(_, mark) {
+    const attr = mark.attrs[exports.BoldAttrs.Markup];
+    return attr || defaultMarkup;
+}
 //# sourceMappingURL=index.js.map

package/build/cjs/extensions/markdown/Bold/BoldSpecs/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"../../../../../../src","sources":["extensions/markdown/Bold/BoldSpecs/index.ts"],"names":[],"mappings":";;;AACA,wDAAyD;AAE5C,QAAA,YAAY,GAAG,QAAQ,CAAC;AACxB,QAAA,QAAQ,GAAG,IAAA,wBAAe,EAAC,oBAAY,CAAC,CAAC;AAE/C,MAAM,SAAS,GAAkB,CAAC,OAAO,EAAE,EAAE;IAChD,OAAO,CAAC,OAAO,CAAC,oBAAY,EAAE,GAAG,EAAE,CAAC,CAAC;QACjC,IAAI,EAAE;YACF,QAAQ,EAAE;gBACN,EAAC,GAAG,EAAE,GAAG,EAAC;gBACV,EAAC,GAAG,EAAE,QAAQ,EAAC;gBACf;oBACI,KAAK,EAAE,aAAa;oBACpB,QAAQ,EAAE,CAAC,KAAK,EAAE,EAAE,CAAC,2BAA2B,CAAC,IAAI,CAAC,KAAe,CAAC,IAAI,IAAI;iBACjF;aACJ;YACD,KAAK;gBACD,OAAO,CAAC,QAAQ,CAAC,CAAC;YACtB,CAAC;SACJ;QACD,MAAM,EAAE;YACJ,SAAS,EAAE;gBACP,IAAI,EAAE,oBAAY;gBAClB,IAAI,EAAE,MAAM;aACf;SACJ;QACD,IAAI,EAAE,EAAC,IAAI,EAAE,IAAI,EAAE,KAAK,EAAE,IAAI,EAAE,OAAO,EAAE,IAAI,EAAE,wBAAwB,EAAE,IAAI,EAAC;KACjF,CAAC,CAAC,CAAC;AACR,CAAC,CAAC;AAvBW,QAAA,SAAS,aAuBpB","sourcesContent":["import type {ExtensionAuto} from '../../../../core';\nimport {markTypeFactory} from '../../../../utils/schema';\n\nexport const boldMarkName = 'strong';\nexport const boldType = markTypeFactory(boldMarkName);\n\nexport const BoldSpecs: ExtensionAuto = (builder) => {\n    builder.addMark(boldMarkName, () => ({\n        spec: {\n            parseDOM: [\n                {tag: 'b'},\n                {tag: 'strong'},\n                {\n                    style: 'font-weight',\n                    getAttrs: (value) => /^(bold(er)?|[5-9]\\d{2,})$/.test(value as string) && null,\n                },\n            ],\n            toDOM() {\n                return ['strong'];\n            },\n        },\n        fromMd: {\n            tokenSpec: {\n                name: boldMarkName,\n                type: 'mark',\n            },\n        },\n        toMd: {open: '**', close: '**', mixable: true, expelEnclosingWhitespace: true},\n    }));\n};\n"]}
+{"version":3,"file":"index.js","sourceRoot":"../../../../../../src","sources":["extensions/markdown/Bold/BoldSpecs/index.ts"],"names":[],"mappings":";;;AAEA,wDAAiD;AAEpC,QAAA,YAAY,GAAG,QAAQ,CAAC;AACxB,QAAA,QAAQ,GAAG,IAAA,wBAAe,EAAC,oBAAY,CAAC,CAAC;AACzC,QAAA,SAAS,GAAG;IACrB,MAAM,EAAE,aAAa;CACf,CAAC;AACX,MAAM,aAAa,GAAG,IAAI,CAAC;AAEpB,MAAM,SAAS,GAAkB,CAAC,OAAO,EAAE,EAAE;IAChD,OAAO,CAAC,OAAO,CAAC,oBAAY,EAAE,GAAG,EAAE,CAAC,CAAC;QACjC,IAAI,EAAE;YACF,KAAK,EAAE,EAAC,CAAC,iBAAS,CAAC,MAAM,CAAC,EAAE,EAAC,OAAO,EAAE,aAAa,EAAC,EAAC;YACrD,QAAQ,EAAE;gBACN,EAAC,GAAG,EAAE,GAAG,EAAC;gBACV;oBACI,GAAG,EAAE,QAAQ;oBACb,QAAQ,EAAE,CAAC,IAAI,EAAE,EAAE,CAAC,CAAC;wBACjB,CAAC,iBAAS,CAAC,MAAM,CAAC,EAAE,IAAI,CAAC,YAAY,CAAC,iBAAS,CAAC,MAAM,CAAC;qBAC1D,CAAC;iBACL;gBACD;oBACI,KAAK,EAAE,aAAa;oBACpB,QAAQ,EAAE,CAAC,KAAK,EAAE,EAAE,CAAC,2BAA2B,CAAC,IAAI,CAAC,KAAe,CAAC,IAAI,IAAI;iBACjF;aACJ;YACD,KAAK,CAAC,IAAI;gBACN,OAAO,CAAC,QAAQ,EAAE,IAAI,CAAC,KAAK,CAAC,CAAC;YAClC,CAAC;SACJ;QACD,MAAM,EAAE;YACJ,SAAS,EAAE;gBACP,IAAI,EAAE,oBAAY;gBAClB,IAAI,EAAE,MAAM;gBACZ,QAAQ,EAAE,CAAC,KAAK,EAAE,EAAE,CAAC,CAAC;oBAClB,CAAC,iBAAS,CAAC,MAAM,CAAC,EAAE,KAAK,CAAC,MAAM;iBACnC,CAAC;aACL;SACJ;QACD,IAAI,EAAE,EAAC,IAAI,EAAE,SAAS,EAAE,KAAK,EAAE,SAAS,EAAE,OAAO,EAAE,IAAI,EAAE,wBAAwB,EAAE,IAAI,EAAC;KAC3F,CAAC,CAAC,CAAC;AACR,CAAC,CAAC;AAhCW,QAAA,SAAS,aAgCpB;AAEF,SAAS,SAAS,CAAC,CAAU,EAAE,IAAU;IACrC,MAAM,IAAI,GAAG,IAAI,CAAC,KAAK,CAAC,iBAAS,CAAC,MAAM,CAAC,CAAC;IAC1C,OAAO,IAAI,IAAI,aAAa,CAAC;AACjC,CAAC","sourcesContent":["import type {ExtensionAuto} from '#core';\nimport type {Mark} from '#pm/model';\nimport {markTypeFactory} from 'src/utils/schema';\n\nexport const boldMarkName = 'strong';\nexport const boldType = markTypeFactory(boldMarkName);\nexport const BoldAttrs = {\n    Markup: 'data-markup',\n} as const;\nconst defaultMarkup = '**';\n\nexport const BoldSpecs: ExtensionAuto = (builder) => {\n    builder.addMark(boldMarkName, () => ({\n        spec: {\n            attrs: {[BoldAttrs.Markup]: {default: defaultMarkup}},\n            parseDOM: [\n                {tag: 'b'},\n                {\n                    tag: 'strong',\n                    getAttrs: (node) => ({\n                        [BoldAttrs.Markup]: node.getAttribute(BoldAttrs.Markup),\n                    }),\n                },\n                {\n                    style: 'font-weight',\n                    getAttrs: (value) => /^(bold(er)?|[5-9]\\d{2,})$/.test(value as string) && null,\n                },\n            ],\n            toDOM(mark) {\n                return ['strong', mark.attrs];\n            },\n        },\n        fromMd: {\n            tokenSpec: {\n                name: boldMarkName,\n                type: 'mark',\n                getAttrs: (token) => ({\n                    [BoldAttrs.Markup]: token.markup,\n                }),\n            },\n        },\n        toMd: {open: getMarkup, close: getMarkup, mixable: true, expelEnclosingWhitespace: true},\n    }));\n};\n\nfunction getMarkup(_: unknown, mark: Mark): string {\n    const attr = mark.attrs[BoldAttrs.Markup];\n    return attr || defaultMarkup;\n}\n"]}

package/build/cjs/extensions/markdown/Italic/ItalicSpecs/index.d.ts

@@ -1,4 +1,7 @@
 import type { ExtensionAuto } from "../../../../core/index.js";
 export declare const italicMarkName = "em";
 export declare const italicType: (schema: import("prosemirror-model").Schema) => import("prosemirror-model").MarkType;
+export declare const ItalicAttrs: {
+    readonly Markup: "data-markup";
+};
 export declare const ItalicSpecs: ExtensionAuto;

package/build/cjs/extensions/markdown/Italic/ItalicSpecs/index.js

@@ -1,24 +1,46 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.ItalicSpecs = exports.italicType = exports.italicMarkName = void 0;
+exports.ItalicSpecs = exports.ItalicAttrs = exports.italicType = exports.italicMarkName = void 0;
 const schema_1 = require("../../../../utils/schema.js");
 exports.italicMarkName = 'em';
 exports.italicType = (0, schema_1.markTypeFactory)(exports.italicMarkName);
+exports.ItalicAttrs = {
+    Markup: 'data-markup',
+};
+const defaultMarkup = '*';
 const ItalicSpecs = (builder) => {
     builder.addMark(exports.italicMarkName, () => ({
         spec: {
+            attrs: { [exports.ItalicAttrs.Markup]: { default: defaultMarkup } },
             parseDOM: [
                 { tag: 'i' },
-                { tag: 'em' },
+                {
+                    tag: 'em',
+                    getAttrs: (node) => ({
+                        [exports.ItalicAttrs.Markup]: node.getAttribute(exports.ItalicAttrs.Markup),
+                    }),
+                },
                 { style: 'font-style', getAttrs: (value) => value === 'italic' && null },
             ],
-            toDOM() {
-                return ['em'];
+            toDOM(mark) {
+                return ['em', mark.attrs];
+            },
+        },
+        toMd: { open: getMarkup, close: getMarkup, mixable: true, expelEnclosingWhitespace: true },
+        fromMd: {
+            tokenSpec: {
+                name: exports.italicMarkName,
+                type: 'mark',
+                getAttrs: (token) => ({
+                    [exports.ItalicAttrs.Markup]: token.markup,
+                }),
             },
         },
-        toMd: { open: '*', close: '*', mixable: true, expelEnclosingWhitespace: true },
-        fromMd: { tokenSpec: { name: exports.italicMarkName, type: 'mark' } },
     }));
 };
 exports.ItalicSpecs = ItalicSpecs;
+function getMarkup(_, mark) {
+    const attr = mark.attrs[exports.ItalicAttrs.Markup];
+    return attr || defaultMarkup;
+}
 //# sourceMappingURL=index.js.map

package/build/cjs/extensions/markdown/Italic/ItalicSpecs/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"../../../../../../src","sources":["extensions/markdown/Italic/ItalicSpecs/index.ts"],"names":[],"mappings":";;;AACA,wDAAyD;AAE5C,QAAA,cAAc,GAAG,IAAI,CAAC;AACtB,QAAA,UAAU,GAAG,IAAA,wBAAe,EAAC,sBAAc,CAAC,CAAC;AAEnD,MAAM,WAAW,GAAkB,CAAC,OAAO,EAAE,EAAE;IAClD,OAAO,CAAC,OAAO,CAAC,sBAAc,EAAE,GAAG,EAAE,CAAC,CAAC;QACnC,IAAI,EAAE;YACF,QAAQ,EAAE;gBACN,EAAC,GAAG,EAAE,GAAG,EAAC;gBACV,EAAC,GAAG,EAAE,IAAI,EAAC;gBACX,EAAC,KAAK,EAAE,YAAY,EAAE,QAAQ,EAAE,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,KAAK,QAAQ,IAAI,IAAI,EAAC;aACzE;YACD,KAAK;gBACD,OAAO,CAAC,IAAI,CAAC,CAAC;YAClB,CAAC;SACJ;QACD,IAAI,EAAE,EAAC,IAAI,EAAE,GAAG,EAAE,KAAK,EAAE,GAAG,EAAE,OAAO,EAAE,IAAI,EAAE,wBAAwB,EAAE,IAAI,EAAC;QAC5E,MAAM,EAAE,EAAC,SAAS,EAAE,EAAC,IAAI,EAAE,sBAAc,EAAE,IAAI,EAAE,MAAM,EAAC,EAAC;KAC5D,CAAC,CAAC,CAAC;AACR,CAAC,CAAC;AAfW,QAAA,WAAW,eAetB","sourcesContent":["import type {ExtensionAuto} from '../../../../core';\nimport {markTypeFactory} from '../../../../utils/schema';\n\nexport const italicMarkName = 'em';\nexport const italicType = markTypeFactory(italicMarkName);\n\nexport const ItalicSpecs: ExtensionAuto = (builder) => {\n    builder.addMark(italicMarkName, () => ({\n        spec: {\n            parseDOM: [\n                {tag: 'i'},\n                {tag: 'em'},\n                {style: 'font-style', getAttrs: (value) => value === 'italic' && null},\n            ],\n            toDOM() {\n                return ['em'];\n            },\n        },\n        toMd: {open: '*', close: '*', mixable: true, expelEnclosingWhitespace: true},\n        fromMd: {tokenSpec: {name: italicMarkName, type: 'mark'}},\n    }));\n};\n"]}
+{"version":3,"file":"index.js","sourceRoot":"../../../../../../src","sources":["extensions/markdown/Italic/ItalicSpecs/index.ts"],"names":[],"mappings":";;;AAEA,wDAAiD;AAEpC,QAAA,cAAc,GAAG,IAAI,CAAC;AACtB,QAAA,UAAU,GAAG,IAAA,wBAAe,EAAC,sBAAc,CAAC,CAAC;AAC7C,QAAA,WAAW,GAAG;IACvB,MAAM,EAAE,aAAa;CACf,CAAC;AACX,MAAM,aAAa,GAAG,GAAG,CAAC;AAEnB,MAAM,WAAW,GAAkB,CAAC,OAAO,EAAE,EAAE;IAClD,OAAO,CAAC,OAAO,CAAC,sBAAc,EAAE,GAAG,EAAE,CAAC,CAAC;QACnC,IAAI,EAAE;YACF,KAAK,EAAE,EAAC,CAAC,mBAAW,CAAC,MAAM,CAAC,EAAE,EAAC,OAAO,EAAE,aAAa,EAAC,EAAC;YACvD,QAAQ,EAAE;gBACN,EAAC,GAAG,EAAE,GAAG,EAAC;gBACV;oBACI,GAAG,EAAE,IAAI;oBACT,QAAQ,EAAE,CAAC,IAAI,EAAE,EAAE,CAAC,CAAC;wBACjB,CAAC,mBAAW,CAAC,MAAM,CAAC,EAAE,IAAI,CAAC,YAAY,CAAC,mBAAW,CAAC,MAAM,CAAC;qBAC9D,CAAC;iBACL;gBACD,EAAC,KAAK,EAAE,YAAY,EAAE,QAAQ,EAAE,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,KAAK,QAAQ,IAAI,IAAI,EAAC;aACzE;YACD,KAAK,CAAC,IAAI;gBACN,OAAO,CAAC,IAAI,EAAE,IAAI,CAAC,KAAK,CAAC,CAAC;YAC9B,CAAC;SACJ;QACD,IAAI,EAAE,EAAC,IAAI,EAAE,SAAS,EAAE,KAAK,EAAE,SAAS,EAAE,OAAO,EAAE,IAAI,EAAE,wBAAwB,EAAE,IAAI,EAAC;QACxF,MAAM,EAAE;YACJ,SAAS,EAAE;gBACP,IAAI,EAAE,sBAAc;gBACpB,IAAI,EAAE,MAAM;gBACZ,QAAQ,EAAE,CAAC,KAAK,EAAE,EAAE,CAAC,CAAC;oBAClB,CAAC,mBAAW,CAAC,MAAM,CAAC,EAAE,KAAK,CAAC,MAAM;iBACrC,CAAC;aACL;SACJ;KACJ,CAAC,CAAC,CAAC;AACR,CAAC,CAAC;AA7BW,QAAA,WAAW,eA6BtB;AAEF,SAAS,SAAS,CAAC,CAAU,EAAE,IAAU;IACrC,MAAM,IAAI,GAAG,IAAI,CAAC,KAAK,CAAC,mBAAW,CAAC,MAAM,CAAC,CAAC;IAC5C,OAAO,IAAI,IAAI,aAAa,CAAC;AACjC,CAAC","sourcesContent":["import type {ExtensionAuto} from '#core';\nimport type {Mark} from '#pm/model';\nimport {markTypeFactory} from 'src/utils/schema';\n\nexport const italicMarkName = 'em';\nexport const italicType = markTypeFactory(italicMarkName);\nexport const ItalicAttrs = {\n    Markup: 'data-markup',\n} as const;\nconst defaultMarkup = '*';\n\nexport const ItalicSpecs: ExtensionAuto = (builder) => {\n    builder.addMark(italicMarkName, () => ({\n        spec: {\n            attrs: {[ItalicAttrs.Markup]: {default: defaultMarkup}},\n            parseDOM: [\n                {tag: 'i'},\n                {\n                    tag: 'em',\n                    getAttrs: (node) => ({\n                        [ItalicAttrs.Markup]: node.getAttribute(ItalicAttrs.Markup),\n                    }),\n                },\n                {style: 'font-style', getAttrs: (value) => value === 'italic' && null},\n            ],\n            toDOM(mark) {\n                return ['em', mark.attrs];\n            },\n        },\n        toMd: {open: getMarkup, close: getMarkup, mixable: true, expelEnclosingWhitespace: true},\n        fromMd: {\n            tokenSpec: {\n                name: italicMarkName,\n                type: 'mark',\n                getAttrs: (token) => ({\n                    [ItalicAttrs.Markup]: token.markup,\n                }),\n            },\n        },\n    }));\n};\n\nfunction getMarkup(_: unknown, mark: Mark): string {\n    const attr = mark.attrs[ItalicAttrs.Markup];\n    return attr || defaultMarkup;\n}\n"]}

package/build/cjs/extensions/yfm/YfmTable/plugins/YfmTableControls/view.css

@@ -15,10 +15,12 @@
   margin-bottom: 16px !important;
 }
 .g-md-table-view__buttons-visible .g-md-table-view__plus-button-controls {
+  visibility: visible;
   pointer-events: initial;
   opacity: 1;
 }
 .g-md-table-view__plus-button-controls {
+  visibility: hidden;
   pointer-events: none;
   opacity: 0;
   transition: opacity 150ms ease 50ms;

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

@@ -16,6 +16,7 @@ const yfmTableView = (node, view, getPos) => {
     const actions = (0, core_1.bindActions)(actions_1.controlActions)(view);
     const wrapperElem = document.createElement('div');
     wrapperElem.classList.add(wrapperB());
+    wrapperElem.dataset.qa = 'g-md-yfm-table-wrapper';
     const tableElem = document.createElement('table');
     tableElem.classList.add((0, exports.viewB)());
     const viewElem = document.createElement('div');
@@ -33,10 +34,10 @@ const yfmTableView = (node, view, getPos) => {
     const components = [
         (0, jsx_runtime_1.jsx)("div", { className: (0, exports.viewB)('plus-button-controls', { bottom: true }), children: (0, jsx_runtime_1.jsx)(uikit_1.Button, { onClick: () => {
                     actions.appendRow.run({ tablePos: getPos() });
-                }, className: (0, exports.viewB)('plus-button', { bottom: true }), view: 'normal', children: "+" }) }, 1),
+                }, className: (0, exports.viewB)('plus-button', { bottom: true }), view: 'normal', qa: "g-md-yfm-table-plus-row", children: "+" }) }, 1),
         (0, jsx_runtime_1.jsx)("div", { className: (0, exports.viewB)('plus-button-controls', { right: true }), children: (0, jsx_runtime_1.jsx)(uikit_1.Button, { onClick: () => {
                     actions.appendColumn.run({ tablePos: getPos() });
-                }, className: (0, exports.viewB)('plus-button', { right: true }), view: 'normal', children: "+" }) }, 2),
+                }, className: (0, exports.viewB)('plus-button', { right: true }), view: 'normal', qa: "g-md-yfm-table-plus-column", children: "+" }) }, 2),
     ];
     const renderItem = (0, ReactRenderer_1.getReactRendererFromState)(view.state).createItem('yfm-table-plus-buttons', () => ((0, jsx_runtime_1.jsx)(uikit_1.Portal, { container: controls, children: (0, jsx_runtime_1.jsx)(ErrorBoundary_1.ErrorLoggerBoundary, { children: components }) })));
     return {

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

@@ -1 +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"]}
+{"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    wrapperElem.dataset.qa = 'g-md-yfm-table-wrapper';\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                qa=\"g-md-yfm-table-plus-row\"\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                qa=\"g-md-yfm-table-plus-column\"\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/cjs/extensions/yfm/YfmTable/plugins/YfmTableControls/yfmTableCellView.css

@@ -3,35 +3,35 @@
   z-index: 110;
   top: calc(50% - 14px);
   left: -13px;
+  visibility: hidden;
   pointer-events: none;
-  opacity: 0;
   border-radius: var(--g-border-radius-s);
   background: var(--g-color-base-background);
 }
 .g-md-table-cell-view__left-button:hover {
+  visibility: visible;
   pointer-events: initial;
-  opacity: 1;
 }
 .g-md-table-cell-view__upper-button {
   position: absolute;
   z-index: 110;
   top: -13px;
   left: calc(50% - 14px);
+  visibility: hidden;
   pointer-events: none;
-  opacity: 0;
   border-radius: var(--g-border-radius-s);
   background: var(--g-color-base-background);
   transform: rotate(90deg);
 }
 .g-md-table-cell-view__upper-button:hover {
+  visibility: visible;
   pointer-events: initial;
-  opacity: 1;
 }
 .g-md-table-cell-view__upper-visible .g-md-table-cell-view__upper-button {
+  visibility: visible;
   pointer-events: initial;
-  opacity: 1;
 }
 .g-md-table-cell-view__left-visible .g-md-table-cell-view__left-button {
+  visibility: visible;
   pointer-events: initial;
-  opacity: 1;
 }

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

@@ -23,9 +23,10 @@ const Controls = function Controls({ columnNumber, rowNumber, view, getParentTab
     const actions = (0, core_1.bindActions)(actions_1.controlActions)(view);
     const controls = [];
     if (isFirstInRow) {
-        controls.push((0, jsx_runtime_1.jsx)(uikit_1.DropdownMenu, { switcherWrapperClassName: b('left-button'), renderSwitcher: (props) => ((0, jsx_runtime_1.jsx)(uikit_1.Button, { view: 'outlined', size: 's', ...props, children: (0, jsx_runtime_1.jsx)(uikit_1.Icon, { data: icons_1.EllipsisVertical }) })), items: [
+        controls.push((0, jsx_runtime_1.jsx)(uikit_1.DropdownMenu, { switcherWrapperClassName: b('left-button'), renderSwitcher: (props) => ((0, jsx_runtime_1.jsx)(uikit_1.Button, { view: 'outlined', size: 's', qa: "g-md-yfm-table-row-btn", ...props, children: (0, jsx_runtime_1.jsx)(uikit_1.Icon, { data: icons_1.EllipsisVertical }) })), menuProps: { qa: 'g-md-yfm-table-row-menu' }, items: [
                 {
                     text: (0, yfm_table_1.i18n)('row.add.before'),
+                    qa: 'g-md-yfm-table-action-add-row-before',
                     action: () => actions.appendRow.run({
                         tablePos: getParentTable()?.pos,
                         rowNumber,
@@ -40,6 +41,7 @@ const Controls = function Controls({ columnNumber, rowNumber, view, getParentTab
                 },
                 {
                     text: (0, yfm_table_1.i18n)('row.add.after'),
+                    qa: 'g-md-yfm-table-action-add-row-after',
                     action: () => actions.appendRow.run({
                         tablePos: getParentTable()?.pos,
                         rowNumber,
@@ -54,6 +56,7 @@ const Controls = function Controls({ columnNumber, rowNumber, view, getParentTab
                 },
                 {
                     text: (0, yfm_table_1.i18n)('row.remove'),
+                    qa: 'g-md-yfm-table-action-remove-row',
                     action: () => actions.deleteRow.run({
                         rowNumber,
                         tablePos: getParentTable()?.pos,
@@ -67,6 +70,7 @@ const Controls = function Controls({ columnNumber, rowNumber, view, getParentTab
                 {
                     theme: 'danger',
                     text: (0, yfm_table_1.i18n)('table.remove'),
+                    qa: 'g-md-yfm-table-action-remove-table',
                     action: () => actions.deleteTable.run({
                         tablePos: getParentTable()?.pos,
                         tableNode: getParentTable()?.node,
@@ -80,9 +84,10 @@ const Controls = function Controls({ columnNumber, rowNumber, view, getParentTab
             ] }, 1));
     }
     if (isInFirstRow) {
-        controls.push((0, jsx_runtime_1.jsx)(uikit_1.DropdownMenu, { switcherWrapperClassName: b('upper-button'), renderSwitcher: (props) => ((0, jsx_runtime_1.jsx)(uikit_1.Button, { view: 'outlined', size: 's', ...props, children: (0, jsx_runtime_1.jsx)(uikit_1.Icon, { data: icons_1.EllipsisVertical }) })), items: [
+        controls.push((0, jsx_runtime_1.jsx)(uikit_1.DropdownMenu, { switcherWrapperClassName: b('upper-button'), renderSwitcher: (props) => ((0, jsx_runtime_1.jsx)(uikit_1.Button, { view: 'outlined', size: 's', qa: "g-md-yfm-table-column-btn", ...props, children: (0, jsx_runtime_1.jsx)(uikit_1.Icon, { data: icons_1.EllipsisVertical }) })), menuProps: { qa: 'g-md-yfm-table-column-menu' }, items: [
                 {
                     text: (0, yfm_table_1.i18n)('column.add.before'),
+                    qa: 'g-md-yfm-table-action-add-column-before',
                     action: () => actions.appendColumn.run({
                         tablePos: getParentTable()?.pos,
                         columnNumber,
@@ -97,6 +102,7 @@ const Controls = function Controls({ columnNumber, rowNumber, view, getParentTab
                 },
                 {
                     text: (0, yfm_table_1.i18n)('column.add.after'),
+                    qa: 'g-md-yfm-table-action-add-column-after',
                     action: () => actions.appendColumn.run({
                         tablePos: getParentTable()?.pos,
                         columnNumber,
@@ -111,6 +117,7 @@ const Controls = function Controls({ columnNumber, rowNumber, view, getParentTab
                 },
                 {
                     text: (0, yfm_table_1.i18n)('column.remove'),
+                    qa: 'g-md-yfm-table-action-remove-column',
                     action: () => actions.deleteColumn.run({
                         columnNumber,
                         tablePos: getParentTable()?.pos,
@@ -124,6 +131,7 @@ const Controls = function Controls({ columnNumber, rowNumber, view, getParentTab
                 {
                     theme: 'danger',
                     text: (0, yfm_table_1.i18n)('table.remove'),
+                    qa: 'g-md-yfm-table-action-remove-table',
                     action: () => actions.deleteTable.run({
                         tablePos: getParentTable()?.pos,
                         tableNode: getParentTable()?.node,

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

@@ -1 +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 {type 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"]}
+{"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 {type 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'} qa=\"g-md-yfm-table-row-btn\" {...props}>\n                        <Icon data={EllipsisVertical} />\n                    </Button>\n                )}\n                menuProps={{qa: 'g-md-yfm-table-row-menu'}}\n                items={[\n                    {\n                        text: i18n('row.add.before'),\n                        qa: 'g-md-yfm-table-action-add-row-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                        qa: 'g-md-yfm-table-action-add-row-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                        qa: 'g-md-yfm-table-action-remove-row',\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                        qa: 'g-md-yfm-table-action-remove-table',\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'} qa=\"g-md-yfm-table-column-btn\" {...props}>\n                        <Icon data={EllipsisVertical} />\n                    </Button>\n                )}\n                menuProps={{qa: 'g-md-yfm-table-column-menu'}}\n                items={[\n                    {\n                        text: i18n('column.add.before'),\n                        qa: 'g-md-yfm-table-action-add-column-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                        qa: 'g-md-yfm-table-action-add-column-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                        qa: 'g-md-yfm-table-action-remove-column',\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                        qa: 'g-md-yfm-table-action-remove-table',\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/cjs/version.js

@@ -2,5 +2,5 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.VERSION = void 0;
 /** During build process, the current version will be injected here */
-exports.VERSION = typeof '15.13.1' !== 'undefined' ? '15.13.1' : 'unknown';
+exports.VERSION = typeof '15.13.2' !== 'undefined' ? '15.13.2' : 'unknown';
 //# sourceMappingURL=version.js.map

package/build/cjs/version.js.map

@@ -1 +1 @@
-{"version":3,"file":"version.js","sourceRoot":"../../src","sources":["version.ts"],"names":[],"mappings":";;;AAAA,sEAAsE;AACzD,QAAA,OAAO,GAAG,OAAO,WAAW,KAAK,WAAW,CAAC,CAAC,CAAC,WAAW,CAAC,CAAC,CAAC,SAAS,CAAC","sourcesContent":["/** During build process, the current version will be injected here */\nexport const VERSION = typeof '15.13.1' !== 'undefined' ? '15.13.1' : 'unknown';\n"]}
+{"version":3,"file":"version.js","sourceRoot":"../../src","sources":["version.ts"],"names":[],"mappings":";;;AAAA,sEAAsE;AACzD,QAAA,OAAO,GAAG,OAAO,WAAW,KAAK,WAAW,CAAC,CAAC,CAAC,WAAW,CAAC,CAAC,CAAC,SAAS,CAAC","sourcesContent":["/** During build process, the current version will be injected here */\nexport const VERSION = typeof '15.13.2' !== 'undefined' ? '15.13.2' : 'unknown';\n"]}

package/build/esm/extensions/markdown/Bold/BoldSpecs/index.d.ts

@@ -1,4 +1,7 @@
 import type { ExtensionAuto } from "../../../../core/index.js";
 export declare const boldMarkName = "strong";
 export declare const boldType: (schema: import("prosemirror-model").Schema) => import("prosemirror-model").MarkType;
+export declare const BoldAttrs: {
+    readonly Markup: "data-markup";
+};
 export declare const BoldSpecs: ExtensionAuto;

package/build/esm/extensions/markdown/Bold/BoldSpecs/index.js

@@ -1,28 +1,45 @@
 import { markTypeFactory } from "../../../../utils/schema.js";
 export const boldMarkName = 'strong';
 export const boldType = markTypeFactory(boldMarkName);
+export const BoldAttrs = {
+    Markup: 'data-markup',
+};
+const defaultMarkup = '**';
 export const BoldSpecs = (builder) => {
     builder.addMark(boldMarkName, () => ({
         spec: {
+            attrs: { [BoldAttrs.Markup]: { default: defaultMarkup } },
             parseDOM: [
                 { tag: 'b' },
-                { tag: 'strong' },
+                {
+                    tag: 'strong',
+                    getAttrs: (node) => ({
+                        [BoldAttrs.Markup]: node.getAttribute(BoldAttrs.Markup),
+                    }),
+                },
                 {
                     style: 'font-weight',
                     getAttrs: (value) => /^(bold(er)?|[5-9]\d{2,})$/.test(value) && null,
                 },
             ],
-            toDOM() {
-                return ['strong'];
+            toDOM(mark) {
+                return ['strong', mark.attrs];
             },
         },
         fromMd: {
             tokenSpec: {
                 name: boldMarkName,
                 type: 'mark',
+                getAttrs: (token) => ({
+                    [BoldAttrs.Markup]: token.markup,
+                }),
             },
         },
-        toMd: { open: '**', close: '**', mixable: true, expelEnclosingWhitespace: true },
+        toMd: { open: getMarkup, close: getMarkup, mixable: true, expelEnclosingWhitespace: true },
     }));
 };
+function getMarkup(_, mark) {
+    const attr = mark.attrs[BoldAttrs.Markup];
+    return attr || defaultMarkup;
+}
 //# sourceMappingURL=index.js.map

package/build/esm/extensions/markdown/Bold/BoldSpecs/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"../../../../../../src","sources":["extensions/markdown/Bold/BoldSpecs/index.ts"],"names":[],"mappings":"AACA,OAAO,EAAC,eAAe,EAAC,oCAAiC;AAEzD,MAAM,CAAC,MAAM,YAAY,GAAG,QAAQ,CAAC;AACrC,MAAM,CAAC,MAAM,QAAQ,GAAG,eAAe,CAAC,YAAY,CAAC,CAAC;AAEtD,MAAM,CAAC,MAAM,SAAS,GAAkB,CAAC,OAAO,EAAE,EAAE;IAChD,OAAO,CAAC,OAAO,CAAC,YAAY,EAAE,GAAG,EAAE,CAAC,CAAC;QACjC,IAAI,EAAE;YACF,QAAQ,EAAE;gBACN,EAAC,GAAG,EAAE,GAAG,EAAC;gBACV,EAAC,GAAG,EAAE,QAAQ,EAAC;gBACf;oBACI,KAAK,EAAE,aAAa;oBACpB,QAAQ,EAAE,CAAC,KAAK,EAAE,EAAE,CAAC,2BAA2B,CAAC,IAAI,CAAC,KAAe,CAAC,IAAI,IAAI;iBACjF;aACJ;YACD,KAAK;gBACD,OAAO,CAAC,QAAQ,CAAC,CAAC;YACtB,CAAC;SACJ;QACD,MAAM,EAAE;YACJ,SAAS,EAAE;gBACP,IAAI,EAAE,YAAY;gBAClB,IAAI,EAAE,MAAM;aACf;SACJ;QACD,IAAI,EAAE,EAAC,IAAI,EAAE,IAAI,EAAE,KAAK,EAAE,IAAI,EAAE,OAAO,EAAE,IAAI,EAAE,wBAAwB,EAAE,IAAI,EAAC;KACjF,CAAC,CAAC,CAAC;AACR,CAAC,CAAC","sourcesContent":["import type {ExtensionAuto} from '../../../../core';\nimport {markTypeFactory} from '../../../../utils/schema';\n\nexport const boldMarkName = 'strong';\nexport const boldType = markTypeFactory(boldMarkName);\n\nexport const BoldSpecs: ExtensionAuto = (builder) => {\n    builder.addMark(boldMarkName, () => ({\n        spec: {\n            parseDOM: [\n                {tag: 'b'},\n                {tag: 'strong'},\n                {\n                    style: 'font-weight',\n                    getAttrs: (value) => /^(bold(er)?|[5-9]\\d{2,})$/.test(value as string) && null,\n                },\n            ],\n            toDOM() {\n                return ['strong'];\n            },\n        },\n        fromMd: {\n            tokenSpec: {\n                name: boldMarkName,\n                type: 'mark',\n            },\n        },\n        toMd: {open: '**', close: '**', mixable: true, expelEnclosingWhitespace: true},\n    }));\n};\n"]}
+{"version":3,"file":"index.js","sourceRoot":"../../../../../../src","sources":["extensions/markdown/Bold/BoldSpecs/index.ts"],"names":[],"mappings":"AAEA,OAAO,EAAC,eAAe,EAAC,oCAAyB;AAEjD,MAAM,CAAC,MAAM,YAAY,GAAG,QAAQ,CAAC;AACrC,MAAM,CAAC,MAAM,QAAQ,GAAG,eAAe,CAAC,YAAY,CAAC,CAAC;AACtD,MAAM,CAAC,MAAM,SAAS,GAAG;IACrB,MAAM,EAAE,aAAa;CACf,CAAC;AACX,MAAM,aAAa,GAAG,IAAI,CAAC;AAE3B,MAAM,CAAC,MAAM,SAAS,GAAkB,CAAC,OAAO,EAAE,EAAE;IAChD,OAAO,CAAC,OAAO,CAAC,YAAY,EAAE,GAAG,EAAE,CAAC,CAAC;QACjC,IAAI,EAAE;YACF,KAAK,EAAE,EAAC,CAAC,SAAS,CAAC,MAAM,CAAC,EAAE,EAAC,OAAO,EAAE,aAAa,EAAC,EAAC;YACrD,QAAQ,EAAE;gBACN,EAAC,GAAG,EAAE,GAAG,EAAC;gBACV;oBACI,GAAG,EAAE,QAAQ;oBACb,QAAQ,EAAE,CAAC,IAAI,EAAE,EAAE,CAAC,CAAC;wBACjB,CAAC,SAAS,CAAC,MAAM,CAAC,EAAE,IAAI,CAAC,YAAY,CAAC,SAAS,CAAC,MAAM,CAAC;qBAC1D,CAAC;iBACL;gBACD;oBACI,KAAK,EAAE,aAAa;oBACpB,QAAQ,EAAE,CAAC,KAAK,EAAE,EAAE,CAAC,2BAA2B,CAAC,IAAI,CAAC,KAAe,CAAC,IAAI,IAAI;iBACjF;aACJ;YACD,KAAK,CAAC,IAAI;gBACN,OAAO,CAAC,QAAQ,EAAE,IAAI,CAAC,KAAK,CAAC,CAAC;YAClC,CAAC;SACJ;QACD,MAAM,EAAE;YACJ,SAAS,EAAE;gBACP,IAAI,EAAE,YAAY;gBAClB,IAAI,EAAE,MAAM;gBACZ,QAAQ,EAAE,CAAC,KAAK,EAAE,EAAE,CAAC,CAAC;oBAClB,CAAC,SAAS,CAAC,MAAM,CAAC,EAAE,KAAK,CAAC,MAAM;iBACnC,CAAC;aACL;SACJ;QACD,IAAI,EAAE,EAAC,IAAI,EAAE,SAAS,EAAE,KAAK,EAAE,SAAS,EAAE,OAAO,EAAE,IAAI,EAAE,wBAAwB,EAAE,IAAI,EAAC;KAC3F,CAAC,CAAC,CAAC;AACR,CAAC,CAAC;AAEF,SAAS,SAAS,CAAC,CAAU,EAAE,IAAU;IACrC,MAAM,IAAI,GAAG,IAAI,CAAC,KAAK,CAAC,SAAS,CAAC,MAAM,CAAC,CAAC;IAC1C,OAAO,IAAI,IAAI,aAAa,CAAC;AACjC,CAAC","sourcesContent":["import type {ExtensionAuto} from '#core';\nimport type {Mark} from '#pm/model';\nimport {markTypeFactory} from 'src/utils/schema';\n\nexport const boldMarkName = 'strong';\nexport const boldType = markTypeFactory(boldMarkName);\nexport const BoldAttrs = {\n    Markup: 'data-markup',\n} as const;\nconst defaultMarkup = '**';\n\nexport const BoldSpecs: ExtensionAuto = (builder) => {\n    builder.addMark(boldMarkName, () => ({\n        spec: {\n            attrs: {[BoldAttrs.Markup]: {default: defaultMarkup}},\n            parseDOM: [\n                {tag: 'b'},\n                {\n                    tag: 'strong',\n                    getAttrs: (node) => ({\n                        [BoldAttrs.Markup]: node.getAttribute(BoldAttrs.Markup),\n                    }),\n                },\n                {\n                    style: 'font-weight',\n                    getAttrs: (value) => /^(bold(er)?|[5-9]\\d{2,})$/.test(value as string) && null,\n                },\n            ],\n            toDOM(mark) {\n                return ['strong', mark.attrs];\n            },\n        },\n        fromMd: {\n            tokenSpec: {\n                name: boldMarkName,\n                type: 'mark',\n                getAttrs: (token) => ({\n                    [BoldAttrs.Markup]: token.markup,\n                }),\n            },\n        },\n        toMd: {open: getMarkup, close: getMarkup, mixable: true, expelEnclosingWhitespace: true},\n    }));\n};\n\nfunction getMarkup(_: unknown, mark: Mark): string {\n    const attr = mark.attrs[BoldAttrs.Markup];\n    return attr || defaultMarkup;\n}\n"]}

package/build/esm/extensions/markdown/Italic/ItalicSpecs/index.d.ts

@@ -1,4 +1,7 @@
 import type { ExtensionAuto } from "../../../../core/index.js";
 export declare const italicMarkName = "em";
 export declare const italicType: (schema: import("prosemirror-model").Schema) => import("prosemirror-model").MarkType;
+export declare const ItalicAttrs: {
+    readonly Markup: "data-markup";
+};
 export declare const ItalicSpecs: ExtensionAuto;

package/build/esm/extensions/markdown/Italic/ItalicSpecs/index.js

@@ -1,20 +1,42 @@
 import { markTypeFactory } from "../../../../utils/schema.js";
 export const italicMarkName = 'em';
 export const italicType = markTypeFactory(italicMarkName);
+export const ItalicAttrs = {
+    Markup: 'data-markup',
+};
+const defaultMarkup = '*';
 export const ItalicSpecs = (builder) => {
     builder.addMark(italicMarkName, () => ({
         spec: {
+            attrs: { [ItalicAttrs.Markup]: { default: defaultMarkup } },
             parseDOM: [
                 { tag: 'i' },
-                { tag: 'em' },
+                {
+                    tag: 'em',
+                    getAttrs: (node) => ({
+                        [ItalicAttrs.Markup]: node.getAttribute(ItalicAttrs.Markup),
+                    }),
+                },
                 { style: 'font-style', getAttrs: (value) => value === 'italic' && null },
             ],
-            toDOM() {
-                return ['em'];
+            toDOM(mark) {
+                return ['em', mark.attrs];
+            },
+        },
+        toMd: { open: getMarkup, close: getMarkup, mixable: true, expelEnclosingWhitespace: true },
+        fromMd: {
+            tokenSpec: {
+                name: italicMarkName,
+                type: 'mark',
+                getAttrs: (token) => ({
+                    [ItalicAttrs.Markup]: token.markup,
+                }),
             },
         },
-        toMd: { open: '*', close: '*', mixable: true, expelEnclosingWhitespace: true },
-        fromMd: { tokenSpec: { name: italicMarkName, type: 'mark' } },
     }));
 };
+function getMarkup(_, mark) {
+    const attr = mark.attrs[ItalicAttrs.Markup];
+    return attr || defaultMarkup;
+}
 //# sourceMappingURL=index.js.map

package/build/esm/extensions/markdown/Italic/ItalicSpecs/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"../../../../../../src","sources":["extensions/markdown/Italic/ItalicSpecs/index.ts"],"names":[],"mappings":"AACA,OAAO,EAAC,eAAe,EAAC,oCAAiC;AAEzD,MAAM,CAAC,MAAM,cAAc,GAAG,IAAI,CAAC;AACnC,MAAM,CAAC,MAAM,UAAU,GAAG,eAAe,CAAC,cAAc,CAAC,CAAC;AAE1D,MAAM,CAAC,MAAM,WAAW,GAAkB,CAAC,OAAO,EAAE,EAAE;IAClD,OAAO,CAAC,OAAO,CAAC,cAAc,EAAE,GAAG,EAAE,CAAC,CAAC;QACnC,IAAI,EAAE;YACF,QAAQ,EAAE;gBACN,EAAC,GAAG,EAAE,GAAG,EAAC;gBACV,EAAC,GAAG,EAAE,IAAI,EAAC;gBACX,EAAC,KAAK,EAAE,YAAY,EAAE,QAAQ,EAAE,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,KAAK,QAAQ,IAAI,IAAI,EAAC;aACzE;YACD,KAAK;gBACD,OAAO,CAAC,IAAI,CAAC,CAAC;YAClB,CAAC;SACJ;QACD,IAAI,EAAE,EAAC,IAAI,EAAE,GAAG,EAAE,KAAK,EAAE,GAAG,EAAE,OAAO,EAAE,IAAI,EAAE,wBAAwB,EAAE,IAAI,EAAC;QAC5E,MAAM,EAAE,EAAC,SAAS,EAAE,EAAC,IAAI,EAAE,cAAc,EAAE,IAAI,EAAE,MAAM,EAAC,EAAC;KAC5D,CAAC,CAAC,CAAC;AACR,CAAC,CAAC","sourcesContent":["import type {ExtensionAuto} from '../../../../core';\nimport {markTypeFactory} from '../../../../utils/schema';\n\nexport const italicMarkName = 'em';\nexport const italicType = markTypeFactory(italicMarkName);\n\nexport const ItalicSpecs: ExtensionAuto = (builder) => {\n    builder.addMark(italicMarkName, () => ({\n        spec: {\n            parseDOM: [\n                {tag: 'i'},\n                {tag: 'em'},\n                {style: 'font-style', getAttrs: (value) => value === 'italic' && null},\n            ],\n            toDOM() {\n                return ['em'];\n            },\n        },\n        toMd: {open: '*', close: '*', mixable: true, expelEnclosingWhitespace: true},\n        fromMd: {tokenSpec: {name: italicMarkName, type: 'mark'}},\n    }));\n};\n"]}
+{"version":3,"file":"index.js","sourceRoot":"../../../../../../src","sources":["extensions/markdown/Italic/ItalicSpecs/index.ts"],"names":[],"mappings":"AAEA,OAAO,EAAC,eAAe,EAAC,oCAAyB;AAEjD,MAAM,CAAC,MAAM,cAAc,GAAG,IAAI,CAAC;AACnC,MAAM,CAAC,MAAM,UAAU,GAAG,eAAe,CAAC,cAAc,CAAC,CAAC;AAC1D,MAAM,CAAC,MAAM,WAAW,GAAG;IACvB,MAAM,EAAE,aAAa;CACf,CAAC;AACX,MAAM,aAAa,GAAG,GAAG,CAAC;AAE1B,MAAM,CAAC,MAAM,WAAW,GAAkB,CAAC,OAAO,EAAE,EAAE;IAClD,OAAO,CAAC,OAAO,CAAC,cAAc,EAAE,GAAG,EAAE,CAAC,CAAC;QACnC,IAAI,EAAE;YACF,KAAK,EAAE,EAAC,CAAC,WAAW,CAAC,MAAM,CAAC,EAAE,EAAC,OAAO,EAAE,aAAa,EAAC,EAAC;YACvD,QAAQ,EAAE;gBACN,EAAC,GAAG,EAAE,GAAG,EAAC;gBACV;oBACI,GAAG,EAAE,IAAI;oBACT,QAAQ,EAAE,CAAC,IAAI,EAAE,EAAE,CAAC,CAAC;wBACjB,CAAC,WAAW,CAAC,MAAM,CAAC,EAAE,IAAI,CAAC,YAAY,CAAC,WAAW,CAAC,MAAM,CAAC;qBAC9D,CAAC;iBACL;gBACD,EAAC,KAAK,EAAE,YAAY,EAAE,QAAQ,EAAE,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,KAAK,QAAQ,IAAI,IAAI,EAAC;aACzE;YACD,KAAK,CAAC,IAAI;gBACN,OAAO,CAAC,IAAI,EAAE,IAAI,CAAC,KAAK,CAAC,CAAC;YAC9B,CAAC;SACJ;QACD,IAAI,EAAE,EAAC,IAAI,EAAE,SAAS,EAAE,KAAK,EAAE,SAAS,EAAE,OAAO,EAAE,IAAI,EAAE,wBAAwB,EAAE,IAAI,EAAC;QACxF,MAAM,EAAE;YACJ,SAAS,EAAE;gBACP,IAAI,EAAE,cAAc;gBACpB,IAAI,EAAE,MAAM;gBACZ,QAAQ,EAAE,CAAC,KAAK,EAAE,EAAE,CAAC,CAAC;oBAClB,CAAC,WAAW,CAAC,MAAM,CAAC,EAAE,KAAK,CAAC,MAAM;iBACrC,CAAC;aACL;SACJ;KACJ,CAAC,CAAC,CAAC;AACR,CAAC,CAAC;AAEF,SAAS,SAAS,CAAC,CAAU,EAAE,IAAU;IACrC,MAAM,IAAI,GAAG,IAAI,CAAC,KAAK,CAAC,WAAW,CAAC,MAAM,CAAC,CAAC;IAC5C,OAAO,IAAI,IAAI,aAAa,CAAC;AACjC,CAAC","sourcesContent":["import type {ExtensionAuto} from '#core';\nimport type {Mark} from '#pm/model';\nimport {markTypeFactory} from 'src/utils/schema';\n\nexport const italicMarkName = 'em';\nexport const italicType = markTypeFactory(italicMarkName);\nexport const ItalicAttrs = {\n    Markup: 'data-markup',\n} as const;\nconst defaultMarkup = '*';\n\nexport const ItalicSpecs: ExtensionAuto = (builder) => {\n    builder.addMark(italicMarkName, () => ({\n        spec: {\n            attrs: {[ItalicAttrs.Markup]: {default: defaultMarkup}},\n            parseDOM: [\n                {tag: 'i'},\n                {\n                    tag: 'em',\n                    getAttrs: (node) => ({\n                        [ItalicAttrs.Markup]: node.getAttribute(ItalicAttrs.Markup),\n                    }),\n                },\n                {style: 'font-style', getAttrs: (value) => value === 'italic' && null},\n            ],\n            toDOM(mark) {\n                return ['em', mark.attrs];\n            },\n        },\n        toMd: {open: getMarkup, close: getMarkup, mixable: true, expelEnclosingWhitespace: true},\n        fromMd: {\n            tokenSpec: {\n                name: italicMarkName,\n                type: 'mark',\n                getAttrs: (token) => ({\n                    [ItalicAttrs.Markup]: token.markup,\n                }),\n            },\n        },\n    }));\n};\n\nfunction getMarkup(_: unknown, mark: Mark): string {\n    const attr = mark.attrs[ItalicAttrs.Markup];\n    return attr || defaultMarkup;\n}\n"]}

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

@@ -15,10 +15,12 @@
   margin-bottom: 16px !important;
 }
 .g-md-table-view__buttons-visible .g-md-table-view__plus-button-controls {
+  visibility: visible;
   pointer-events: initial;
   opacity: 1;
 }
 .g-md-table-view__plus-button-controls {
+  visibility: hidden;
   pointer-events: none;
   opacity: 0;
   transition: opacity 150ms ease 50ms;

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

@@ -13,6 +13,7 @@ export const yfmTableView = (node, view, getPos) => {
     const actions = bindActions(controlActions)(view);
     const wrapperElem = document.createElement('div');
     wrapperElem.classList.add(wrapperB());
+    wrapperElem.dataset.qa = 'g-md-yfm-table-wrapper';
     const tableElem = document.createElement('table');
     tableElem.classList.add(viewB());
     const viewElem = document.createElement('div');
@@ -30,10 +31,10 @@ export const yfmTableView = (node, view, getPos) => {
     const components = [
         _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', children: "+" }) }, 1),
+                }, className: viewB('plus-button', { bottom: true }), view: 'normal', qa: "g-md-yfm-table-plus-row", 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', children: "+" }) }, 2),
+                }, className: viewB('plus-button', { right: true }), view: 'normal', qa: "g-md-yfm-table-plus-column", children: "+" }) }, 2),
     ];
     const renderItem = getReactRendererFromState(view.state).createItem('yfm-table-plus-buttons', () => (_jsx(Portal, { container: controls, children: _jsx(ErrorLoggerBoundary, { children: components }) })));
     return {

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

@@ -1 +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"]}
+{"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    wrapperElem.dataset.qa = 'g-md-yfm-table-wrapper';\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                qa=\"g-md-yfm-table-plus-row\"\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                qa=\"g-md-yfm-table-plus-column\"\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.css

@@ -3,35 +3,35 @@
   z-index: 110;
   top: calc(50% - 14px);
   left: -13px;
+  visibility: hidden;
   pointer-events: none;
-  opacity: 0;
   border-radius: var(--g-border-radius-s);
   background: var(--g-color-base-background);
 }
 .g-md-table-cell-view__left-button:hover {
+  visibility: visible;
   pointer-events: initial;
-  opacity: 1;
 }
 .g-md-table-cell-view__upper-button {
   position: absolute;
   z-index: 110;
   top: -13px;
   left: calc(50% - 14px);
+  visibility: hidden;
   pointer-events: none;
-  opacity: 0;
   border-radius: var(--g-border-radius-s);
   background: var(--g-color-base-background);
   transform: rotate(90deg);
 }
 .g-md-table-cell-view__upper-button:hover {
+  visibility: visible;
   pointer-events: initial;
-  opacity: 1;
 }
 .g-md-table-cell-view__upper-visible .g-md-table-cell-view__upper-button {
+  visibility: visible;
   pointer-events: initial;
-  opacity: 1;
 }
 .g-md-table-cell-view__left-visible .g-md-table-cell-view__left-button {
+  visibility: visible;
   pointer-events: initial;
-  opacity: 1;
 }

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

@@ -20,9 +20,10 @@ const Controls = function Controls({ columnNumber, rowNumber, view, getParentTab
     const actions = bindActions(controlActions)(view);
     const controls = [];
     if (isFirstInRow) {
-        controls.push(_jsx(DropdownMenu, { switcherWrapperClassName: b('left-button'), renderSwitcher: (props) => (_jsx(Button, { view: 'outlined', size: 's', ...props, children: _jsx(Icon, { data: EllipsisVertical }) })), items: [
+        controls.push(_jsx(DropdownMenu, { switcherWrapperClassName: b('left-button'), renderSwitcher: (props) => (_jsx(Button, { view: 'outlined', size: 's', qa: "g-md-yfm-table-row-btn", ...props, children: _jsx(Icon, { data: EllipsisVertical }) })), menuProps: { qa: 'g-md-yfm-table-row-menu' }, items: [
                 {
                     text: i18n('row.add.before'),
+                    qa: 'g-md-yfm-table-action-add-row-before',
                     action: () => actions.appendRow.run({
                         tablePos: getParentTable()?.pos,
                         rowNumber,
@@ -37,6 +38,7 @@ const Controls = function Controls({ columnNumber, rowNumber, view, getParentTab
                 },
                 {
                     text: i18n('row.add.after'),
+                    qa: 'g-md-yfm-table-action-add-row-after',
                     action: () => actions.appendRow.run({
                         tablePos: getParentTable()?.pos,
                         rowNumber,
@@ -51,6 +53,7 @@ const Controls = function Controls({ columnNumber, rowNumber, view, getParentTab
                 },
                 {
                     text: i18n('row.remove'),
+                    qa: 'g-md-yfm-table-action-remove-row',
                     action: () => actions.deleteRow.run({
                         rowNumber,
                         tablePos: getParentTable()?.pos,
@@ -64,6 +67,7 @@ const Controls = function Controls({ columnNumber, rowNumber, view, getParentTab
                 {
                     theme: 'danger',
                     text: i18n('table.remove'),
+                    qa: 'g-md-yfm-table-action-remove-table',
                     action: () => actions.deleteTable.run({
                         tablePos: getParentTable()?.pos,
                         tableNode: getParentTable()?.node,
@@ -77,9 +81,10 @@ const Controls = function Controls({ columnNumber, rowNumber, view, getParentTab
             ] }, 1));
     }
     if (isInFirstRow) {
-        controls.push(_jsx(DropdownMenu, { switcherWrapperClassName: b('upper-button'), renderSwitcher: (props) => (_jsx(Button, { view: 'outlined', size: 's', ...props, children: _jsx(Icon, { data: EllipsisVertical }) })), items: [
+        controls.push(_jsx(DropdownMenu, { switcherWrapperClassName: b('upper-button'), renderSwitcher: (props) => (_jsx(Button, { view: 'outlined', size: 's', qa: "g-md-yfm-table-column-btn", ...props, children: _jsx(Icon, { data: EllipsisVertical }) })), menuProps: { qa: 'g-md-yfm-table-column-menu' }, items: [
                 {
                     text: i18n('column.add.before'),
+                    qa: 'g-md-yfm-table-action-add-column-before',
                     action: () => actions.appendColumn.run({
                         tablePos: getParentTable()?.pos,
                         columnNumber,
@@ -94,6 +99,7 @@ const Controls = function Controls({ columnNumber, rowNumber, view, getParentTab
                 },
                 {
                     text: i18n('column.add.after'),
+                    qa: 'g-md-yfm-table-action-add-column-after',
                     action: () => actions.appendColumn.run({
                         tablePos: getParentTable()?.pos,
                         columnNumber,
@@ -108,6 +114,7 @@ const Controls = function Controls({ columnNumber, rowNumber, view, getParentTab
                 },
                 {
                     text: i18n('column.remove'),
+                    qa: 'g-md-yfm-table-action-remove-column',
                     action: () => actions.deleteColumn.run({
                         columnNumber,
                         tablePos: getParentTable()?.pos,
@@ -121,6 +128,7 @@ const Controls = function Controls({ columnNumber, rowNumber, view, getParentTab
                 {
                     theme: 'danger',
                     text: i18n('table.remove'),
+                    qa: 'g-md-yfm-table-action-remove-table',
                     action: () => actions.deleteTable.run({
                         tablePos: getParentTable()?.pos,
                         tableNode: getParentTable()?.node,

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

@@ -1 +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 {type 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"]}
+{"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 {type 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'} qa=\"g-md-yfm-table-row-btn\" {...props}>\n                        <Icon data={EllipsisVertical} />\n                    </Button>\n                )}\n                menuProps={{qa: 'g-md-yfm-table-row-menu'}}\n                items={[\n                    {\n                        text: i18n('row.add.before'),\n                        qa: 'g-md-yfm-table-action-add-row-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                        qa: 'g-md-yfm-table-action-add-row-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                        qa: 'g-md-yfm-table-action-remove-row',\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                        qa: 'g-md-yfm-table-action-remove-table',\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'} qa=\"g-md-yfm-table-column-btn\" {...props}>\n                        <Icon data={EllipsisVertical} />\n                    </Button>\n                )}\n                menuProps={{qa: 'g-md-yfm-table-column-menu'}}\n                items={[\n                    {\n                        text: i18n('column.add.before'),\n                        qa: 'g-md-yfm-table-action-add-column-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                        qa: 'g-md-yfm-table-action-add-column-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                        qa: 'g-md-yfm-table-action-remove-column',\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                        qa: 'g-md-yfm-table-action-remove-table',\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/version.js

@@ -1,3 +1,3 @@
 /** During build process, the current version will be injected here */
-export const VERSION = typeof '15.13.1' !== 'undefined' ? '15.13.1' : 'unknown';
+export const VERSION = typeof '15.13.2' !== 'undefined' ? '15.13.2' : 'unknown';
 //# sourceMappingURL=version.js.map

package/build/esm/version.js.map

@@ -1 +1 @@
-{"version":3,"file":"version.js","sourceRoot":"../../src","sources":["version.ts"],"names":[],"mappings":"AAAA,sEAAsE;AACtE,MAAM,CAAC,MAAM,OAAO,GAAG,OAAO,WAAW,KAAK,WAAW,CAAC,CAAC,CAAC,WAAW,CAAC,CAAC,CAAC,SAAS,CAAC","sourcesContent":["/** During build process, the current version will be injected here */\nexport const VERSION = typeof '15.13.1' !== 'undefined' ? '15.13.1' : 'unknown';\n"]}
+{"version":3,"file":"version.js","sourceRoot":"../../src","sources":["version.ts"],"names":[],"mappings":"AAAA,sEAAsE;AACtE,MAAM,CAAC,MAAM,OAAO,GAAG,OAAO,WAAW,KAAK,WAAW,CAAC,CAAC,CAAC,WAAW,CAAC,CAAC,CAAC,SAAS,CAAC","sourcesContent":["/** During build process, the current version will be injected here */\nexport const VERSION = typeof '15.13.2' !== 'undefined' ? '15.13.2' : 'unknown';\n"]}

package/build/styles.css

@@ -1772,10 +1772,12 @@ body :has(.g-md-resizable_resizing) {
   margin-bottom: 16px !important;
 }
 .g-md-table-view__buttons-visible .g-md-table-view__plus-button-controls {
+  visibility: visible;
   pointer-events: initial;
   opacity: 1;
 }
 .g-md-table-view__plus-button-controls {
+  visibility: hidden;
   pointer-events: none;
   opacity: 0;
   transition: opacity 150ms ease 50ms;
@@ -1843,37 +1845,37 @@ body :has(.g-md-resizable_resizing) {
   z-index: 110;
   top: calc(50% - 14px);
   left: -13px;
+  visibility: hidden;
   pointer-events: none;
-  opacity: 0;
   border-radius: var(--g-border-radius-s);
   background: var(--g-color-base-background);
 }
 .g-md-table-cell-view__left-button:hover {
+  visibility: visible;
   pointer-events: initial;
-  opacity: 1;
 }
 .g-md-table-cell-view__upper-button {
   position: absolute;
   z-index: 110;
   top: -13px;
   left: calc(50% - 14px);
+  visibility: hidden;
   pointer-events: none;
-  opacity: 0;
   border-radius: var(--g-border-radius-s);
   background: var(--g-color-base-background);
   transform: rotate(90deg);
 }
 .g-md-table-cell-view__upper-button:hover {
+  visibility: visible;
   pointer-events: initial;
-  opacity: 1;
 }
 .g-md-table-cell-view__upper-visible .g-md-table-cell-view__upper-button {
+  visibility: visible;
   pointer-events: initial;
-  opacity: 1;
 }
 .g-md-table-cell-view__left-visible .g-md-table-cell-view__left-button {
+  visibility: visible;
   pointer-events: initial;
-  opacity: 1;
 }
 .g-md-image-tooltip-form__input_type_width, .g-md-image-tooltip-form__input_type_height {
   max-width: 112px;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@gravity-ui/markdown-editor",
-  "version": "15.13.1",
+  "version": "15.13.2",
   "description": "Markdown wysiwyg and markup editor",
   "license": "MIT",
   "repository": {