@gravity-ui/markdown-editor 14.12.2 → 15.0.0

package/build/cjs/table-utils/index.js

@@ -1,6 +1,7 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 const tslib_1 = require("tslib");
-tslib_1.__exportStar(require("./commands"), exports);
-tslib_1.__exportStar(require("./const"), exports);
-tslib_1.__exportStar(require("./utils"), exports);
+tslib_1.__exportStar(require("./commands/index.js"), exports);
+tslib_1.__exportStar(require("./const.js"), exports);
+tslib_1.__exportStar(require("./utils.js"), exports);
+//# sourceMappingURL=index.js.map

package/build/cjs/table-utils/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"../../../src","sources":["table-utils/index.ts"],"names":[],"mappings":";;;AAAA,8DAA2B;AAC3B,qDAAwB;AACxB,qDAAwB","sourcesContent":["export * from './commands';\nexport * from './const';\nexport * from './utils';\n\nimport type {TableRole} from './const';\n\ndeclare module 'prosemirror-model' {\n    interface NodeSpec {\n        tableRole?: TableRole;\n    }\n}\n"]}

package/build/cjs/table-utils/table-desc.d.ts

@@ -1,30 +1,30 @@
 import type { Node } from 'prosemirror-model';
-declare type TableCellRealDesc = {
+type TableCellRealDesc = {
     type: 'real';
     offset: number;
     node: Node;
     colspan?: number;
     rowspan?: number;
 };
-declare type TableCellVirtualDesc = {
+type TableCellVirtualDesc = {
     type: 'virtual';
     /** Index of real cell, that prodeced this virtual cell */
     colspan?: [number, number];
     /** Index of real cell, that prodeced this virtual cell */
     rowspan?: [number, number];
 };
-declare type Pos = {
+type Pos = {
     from: number;
     to: number;
 };
-export declare type CellPos = ({
+export type CellPos = ({
     type: 'real';
 } & Pos) | {
     type: 'virtual';
     closestPos: number;
 };
-declare type TableCellDesc = TableCellRealDesc | TableCellVirtualDesc;
-declare type TableRowDesc = {
+type TableCellDesc = TableCellRealDesc | TableCellVirtualDesc;
+type TableRowDesc = {
     node: Node;
     cells: TableCellDesc[];
     offset: number;

package/build/cjs/table-utils/table-desc.js

@@ -3,16 +3,13 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.TableDesc = void 0;
 const tslib_1 = require("tslib");
 const is_number_1 = tslib_1.__importDefault(require("is-number"));
-const utils_1 = require("./utils");
+const utils_1 = require("./utils.js");
 class TableDesc {
-    constructor(
-    /* eslint-disable @typescript-eslint/parameter-properties */
-    rows, cols, rowsDesc, baseOffset) {
-        this.rows = rows;
-        this.cols = cols;
-        this.rowsDesc = rowsDesc;
-        this.baseOffset = baseOffset;
-    }
+    rows;
+    cols;
+    rowsDesc;
+    baseOffset;
+    static __cache = new WeakMap();
     static create(table) {
         if (this.__cache.has(table))
             return this.__cache.get(table);
@@ -29,7 +26,6 @@ class TableDesc {
         });
         tbody.forEach((trow, _1, trowIndex) => {
             trow.forEach((tcell, offset, tcellRealIndex) => {
-                var _a;
                 const rowDesc = rows[trowIndex];
                 let tcellIndex = tcellRealIndex;
                 while (rowDesc.cells[tcellIndex]) {
@@ -55,7 +51,7 @@ class TableDesc {
                     rowDesc.rowspan = true;
                     const rowspan = (cellDesc.rowspan = parseInt(tcell.attrs['rowspan'], 10));
                     for (let i = 1; i < rowspan; i++) {
-                        const colspan = (_a = cellDesc.colspan) !== null && _a !== void 0 ? _a : 1;
+                        const colspan = cellDesc.colspan ?? 1;
                         for (let j = 0; j < colspan; j++)
                             rows[trowIndex + i].cells[tcellIndex + j] = {
                                 type: 'virtual',
@@ -69,38 +65,41 @@ class TableDesc {
         this.__cache.set(table, desc);
         return desc;
     }
+    constructor(
+    /* eslint-disable @typescript-eslint/parameter-properties */
+    rows, cols, rowsDesc, baseOffset) {
+        this.rows = rows;
+        this.cols = cols;
+        this.rowsDesc = rowsDesc;
+        this.baseOffset = baseOffset;
+    }
     rowHasVirtualCells(rowIndex) {
-        var _a;
-        return (_a = this.rowsDesc[rowIndex]) === null || _a === void 0 ? void 0 : _a.cells.some((cell) => cell.type === 'virtual');
+        return this.rowsDesc[rowIndex]?.cells.some((cell) => cell.type === 'virtual');
     }
     columnHasVirtualCells(columnIndex) {
-        return this.rowsDesc.some((row) => { var _a; return ((_a = row.cells[columnIndex]) === null || _a === void 0 ? void 0 : _a.type) === 'virtual'; });
+        return this.rowsDesc.some((row) => row.cells[columnIndex]?.type === 'virtual');
     }
     isSafeColumn(columnIndex) {
         return this.rowsDesc.every((row) => {
-            var _a;
             const cell = row.cells[columnIndex];
             if (cell.type === 'real' && (!cell.colspan || cell.colspan === 1))
                 return true;
-            if (cell.type === 'virtual' && ((_a = cell.rowspan) === null || _a === void 0 ? void 0 : _a[1]) === columnIndex)
+            if (cell.type === 'virtual' && cell.rowspan?.[1] === columnIndex)
                 return true;
             return false;
         });
     }
     isSafeRow(rowIndex) {
-        var _a;
-        return (_a = this.rowsDesc[rowIndex]) === null || _a === void 0 ? void 0 : _a.cells.every((cell) => {
-            var _a;
+        return this.rowsDesc[rowIndex]?.cells.every((cell) => {
             if (cell.type === 'real' && (!cell.rowspan || cell.rowspan === 1))
                 return true;
-            if (cell.type === 'virtual' && ((_a = cell.colspan) === null || _a === void 0 ? void 0 : _a[0]) === rowIndex)
+            if (cell.type === 'virtual' && cell.colspan?.[0] === rowIndex)
                 return true;
             return false;
         });
     }
     getOffsetForRow(rowIndex) {
-        var _a;
-        return this.baseOffset + ((_a = this.rowsDesc[rowIndex]) === null || _a === void 0 ? void 0 : _a.offset);
+        return this.baseOffset + this.rowsDesc[rowIndex]?.offset;
     }
     getRelativePosForRow(rowIndex) {
         const from = this.getOffsetForRow(rowIndex);
@@ -108,16 +107,15 @@ class TableDesc {
         return { from, to };
     }
     getRelativePosForCell(rowIndex, columnIndex) {
-        var _a;
-        const cell = (_a = this.rowsDesc[rowIndex]) === null || _a === void 0 ? void 0 : _a.cells[columnIndex];
+        const cell = this.rowsDesc[rowIndex]?.cells[columnIndex];
         const rowOffset = this.getOffsetForRow(rowIndex);
-        if ((cell === null || cell === void 0 ? void 0 : cell.type) === 'real') {
+        if (cell?.type === 'real') {
             // 1 – open boundary for row node
             const from = rowOffset + 1 + cell.offset;
             const to = from + cell.node.nodeSize;
             return { type: 'real', from, to };
         }
-        if ((cell === null || cell === void 0 ? void 0 : cell.type) === 'virtual') {
+        if (cell?.type === 'virtual') {
             let index = columnIndex;
             while (--index >= 0) {
                 const cell = this.rowsDesc[rowIndex].cells[index];
@@ -146,4 +144,4 @@ class TableDesc {
     }
 }
 exports.TableDesc = TableDesc;
-TableDesc.__cache = new WeakMap();
+//# sourceMappingURL=table-desc.js.map

package/build/cjs/table-utils/table-desc.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"table-desc.js","sourceRoot":"../../../src","sources":["table-utils/table-desc.ts"],"names":[],"mappings":";;;;AAAA,kEAAiC;AAGjC,sCAAqD;AA8BrD,MAAa,SAAS;IAoEL;IACA;IACA;IACA;IAtEL,MAAM,CAAC,OAAO,GAAG,IAAI,OAAO,EAAmB,CAAC;IAExD,MAAM,CAAC,MAAM,CAAC,KAAW;QACrB,IAAI,IAAI,CAAC,OAAO,CAAC,GAAG,CAAC,KAAK,CAAC;YAAE,OAAO,IAAI,CAAC,OAAO,CAAC,GAAG,CAAC,KAAK,CAAE,CAAC;QAE7D,IAAI,CAAC,IAAA,mBAAW,EAAC,KAAK,CAAC;YAAE,OAAO,IAAI,CAAC;QACrC,MAAM,KAAK,GAAG,KAAK,CAAC,SAAS,CAAC;QAC9B,IAAI,CAAC,KAAK,IAAI,CAAC,IAAA,uBAAe,EAAC,KAAK,CAAC;YAAE,OAAO,IAAI,CAAC;QAEnD,wBAAwB;QACxB,MAAM,UAAU,GAAG,CAAC,CAAC;QAErB,MAAM,IAAI,GAAmB,EAAE,CAAC;QAChC,KAAK,CAAC,OAAO,CAAC,CAAC,IAAI,EAAE,MAAM,EAAE,EAAE;YAC3B,IAAI,CAAC,IAAI,CAAC,EAAC,IAAI,EAAE,IAAI,EAAE,MAAM,EAAE,KAAK,EAAE,EAAE,EAAC,CAAC,CAAC;QAC/C,CAAC,CAAC,CAAC;QAEH,KAAK,CAAC,OAAO,CAAC,CAAC,IAAI,EAAE,EAAE,EAAE,SAAS,EAAE,EAAE;YAClC,IAAI,CAAC,OAAO,CAAC,CAAC,KAAK,EAAE,MAAM,EAAE,cAAc,EAAE,EAAE;gBAC3C,MAAM,OAAO,GAAG,IAAI,CAAC,SAAS,CAAC,CAAC;gBAEhC,IAAI,UAAU,GAAG,cAAc,CAAC;gBAChC,OAAO,OAAO,CAAC,KAAK,CAAC,UAAU,CAAC,EAAE,CAAC;oBAC/B,UAAU,EAAE,CAAC;gBACjB,CAAC;gBAED,MAAM,QAAQ,GAAsB,CAAC,OAAO,CAAC,KAAK,CAAC,UAAU,CAAC,GAAG;oBAC7D,IAAI,EAAE,MAAM;oBACZ,IAAI,EAAE,KAAK;oBACX,MAAM;iBACT,CAAC,CAAC;gBAEH,MAAM,GAAG,GAAqB,CAAC,SAAS,EAAE,UAAU,CAAC,CAAC;gBAEtD,IAAI,IAAA,mBAAQ,EAAC,KAAK,CAAC,KAAK,CAAC,SAAS,CAAC,CAAC,EAAE,CAAC;oBACnC,OAAO,CAAC,OAAO,GAAG,IAAI,CAAC;oBACvB,MAAM,OAAO,GAAG,CAAC,QAAQ,CAAC,OAAO,GAAG,QAAQ,CAAC,KAAK,CAAC,KAAK,CAAC,SAAS,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC;oBAC1E,KAAK,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,OAAO,EAAE,CAAC,EAAE,EAAE,CAAC;wBAC/B,OAAO,CAAC,KAAK,CAAC,UAAU,GAAG,CAAC,CAAC,GAAG;4BAC5B,IAAI,EAAE,SAAS;4BACf,OAAO,EAAE,GAAG;yBACf,CAAC;oBACN,CAAC;gBACL,CAAC;gBAED,IAAI,IAAA,mBAAQ,EAAC,KAAK,CAAC,KAAK,CAAC,SAAS,CAAC,CAAC,EAAE,CAAC;oBACnC,OAAO,CAAC,OAAO,GAAG,IAAI,CAAC;oBACvB,MAAM,OAAO,GAAG,CAAC,QAAQ,CAAC,OAAO,GAAG,QAAQ,CAAC,KAAK,CAAC,KAAK,CAAC,SAAS,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC;oBAC1E,KAAK,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,OAAO,EAAE,CAAC,EAAE,EAAE,CAAC;wBAC/B,MAAM,OAAO,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;wBACtC,KAAK,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,OAAO,EAAE,CAAC,EAAE;4BAC5B,IAAI,CAAC,SAAS,GAAG,CAAC,CAAC,CAAC,KAAK,CAAC,UAAU,GAAG,CAAC,CAAC,GAAG;gCACxC,IAAI,EAAE,SAAS;gCACf,OAAO,EAAE,GAAG;6BACf,CAAC;oBACV,CAAC;gBACL,CAAC;YACL,CAAC,CAAC,CAAC;QACP,CAAC,CAAC,CAAC;QAEH,MAAM,IAAI,GAAG,IAAI,IAAI,CAAC,IAAI,CAAC,MAAM,EAAE,IAAI,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,MAAM,EAAE,IAAI,EAAE,UAAU,CAAC,CAAC;QAC3E,IAAI,CAAC,OAAO,CAAC,GAAG,CAAC,KAAK,EAAE,IAAI,CAAC,CAAC;QAC9B,OAAO,IAAI,CAAC;IAChB,CAAC;IAED;IACI,4DAA4D;IACnD,IAAY,EACZ,IAAY,EACZ,QAAiC,EACjC,UAAkB;QAHlB,SAAI,GAAJ,IAAI,CAAQ;QACZ,SAAI,GAAJ,IAAI,CAAQ;QACZ,aAAQ,GAAR,QAAQ,CAAyB;QACjC,eAAU,GAAV,UAAU,CAAQ;IAE5B,CAAC;IAEJ,kBAAkB,CAAC,QAAgB;QAC/B,OAAO,IAAI,CAAC,QAAQ,CAAC,QAAQ,CAAC,EAAE,KAAK,CAAC,IAAI,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,IAAI,CAAC,IAAI,KAAK,SAAS,CAAC,CAAC;IAClF,CAAC;IAED,qBAAqB,CAAC,WAAmB;QACrC,OAAO,IAAI,CAAC,QAAQ,CAAC,IAAI,CAAC,CAAC,GAAG,EAAE,EAAE,CAAC,GAAG,CAAC,KAAK,CAAC,WAAW,CAAC,EAAE,IAAI,KAAK,SAAS,CAAC,CAAC;IACnF,CAAC;IAED,YAAY,CAAC,WAAmB;QAC5B,OAAO,IAAI,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC,GAAG,EAAE,EAAE;YAC/B,MAAM,IAAI,GAAG,GAAG,CAAC,KAAK,CAAC,WAAW,CAAC,CAAC;YACpC,IAAI,IAAI,CAAC,IAAI,KAAK,MAAM,IAAI,CAAC,CAAC,IAAI,CAAC,OAAO,IAAI,IAAI,CAAC,OAAO,KAAK,CAAC,CAAC;gBAAE,OAAO,IAAI,CAAC;YAC/E,IAAI,IAAI,CAAC,IAAI,KAAK,SAAS,IAAI,IAAI,CAAC,OAAO,EAAE,CAAC,CAAC,CAAC,KAAK,WAAW;gBAAE,OAAO,IAAI,CAAC;YAC9E,OAAO,KAAK,CAAC;QACjB,CAAC,CAAC,CAAC;IACP,CAAC;IAED,SAAS,CAAC,QAAgB;QACtB,OAAO,IAAI,CAAC,QAAQ,CAAC,QAAQ,CAAC,EAAE,KAAK,CAAC,KAAK,CAAC,CAAC,IAAI,EAAE,EAAE;YACjD,IAAI,IAAI,CAAC,IAAI,KAAK,MAAM,IAAI,CAAC,CAAC,IAAI,CAAC,OAAO,IAAI,IAAI,CAAC,OAAO,KAAK,CAAC,CAAC;gBAAE,OAAO,IAAI,CAAC;YAC/E,IAAI,IAAI,CAAC,IAAI,KAAK,SAAS,IAAI,IAAI,CAAC,OAAO,EAAE,CAAC,CAAC,CAAC,KAAK,QAAQ;gBAAE,OAAO,IAAI,CAAC;YAC3E,OAAO,KAAK,CAAC;QACjB,CAAC,CAAC,CAAC;IACP,CAAC;IAED,eAAe,CAAC,QAAgB;QAC5B,OAAO,IAAI,CAAC,UAAU,GAAG,IAAI,CAAC,QAAQ,CAAC,QAAQ,CAAC,EAAE,MAAM,CAAC;IAC7D,CAAC;IAED,oBAAoB,CAAC,QAAgB;QACjC,MAAM,IAAI,GAAG,IAAI,CAAC,eAAe,CAAC,QAAQ,CAAC,CAAC;QAC5C,MAAM,EAAE,GAAG,IAAI,GAAG,IAAI,CAAC,QAAQ,CAAC,QAAQ,CAAC,CAAC,IAAI,CAAC,QAAQ,CAAC;QACxD,OAAO,EAAC,IAAI,EAAE,EAAE,EAAC,CAAC;IACtB,CAAC;IAED,qBAAqB,CAAC,QAAgB,EAAE,WAAmB;QACvD,MAAM,IAAI,GAAG,IAAI,CAAC,QAAQ,CAAC,QAAQ,CAAC,EAAE,KAAK,CAAC,WAAW,CAAC,CAAC;QACzD,MAAM,SAAS,GAAG,IAAI,CAAC,eAAe,CAAC,QAAQ,CAAC,CAAC;QAEjD,IAAI,IAAI,EAAE,IAAI,KAAK,MAAM,EAAE,CAAC;YACxB,iCAAiC;YACjC,MAAM,IAAI,GAAG,SAAS,GAAG,CAAC,GAAG,IAAI,CAAC,MAAM,CAAC;YACzC,MAAM,EAAE,GAAG,IAAI,GAAG,IAAI,CAAC,IAAI,CAAC,QAAQ,CAAC;YACrC,OAAO,EAAC,IAAI,EAAE,MAAM,EAAE,IAAI,EAAE,EAAE,EAAC,CAAC;QACpC,CAAC;QAED,IAAI,IAAI,EAAE,IAAI,KAAK,SAAS,EAAE,CAAC;YAC3B,IAAI,KAAK,GAAG,WAAW,CAAC;YACxB,OAAO,EAAE,KAAK,IAAI,CAAC,EAAE,CAAC;gBAClB,MAAM,IAAI,GAAG,IAAI,CAAC,QAAQ,CAAC,QAAQ,CAAC,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC;gBAClD,IAAI,IAAI,CAAC,IAAI,KAAK,MAAM,EAAE,CAAC;oBACvB,MAAM,OAAO,GAAG,SAAS,GAAG,CAAC,GAAG,IAAI,CAAC,MAAM,GAAG,IAAI,CAAC,IAAI,CAAC,QAAQ,CAAC;oBACjE,OAAO,EAAC,IAAI,EAAE,SAAS,EAAE,UAAU,EAAE,OAAO,EAAC,CAAC;gBAClD,CAAC;YACL,CAAC;YACD,OAAO,EAAC,IAAI,EAAE,SAAS,EAAE,UAAU,EAAE,SAAS,GAAG,CAAC,EAAC,CAAC;QACxD,CAAC;QAED,MAAM,IAAI,KAAK,CACX,0DAA0D,QAAQ,IAAI,WAAW,GAAG,CACvF,CAAC;IACN,CAAC;IAED,uBAAuB,CAAC,WAAmB;QACvC,MAAM,MAAM,GAAc,EAAE,CAAC;QAE7B,KAAK,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,IAAI,CAAC,IAAI,EAAE,CAAC,EAAE,EAAE,CAAC;YACjC,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC,qBAAqB,CAAC,CAAC,EAAE,WAAW,CAAC,CAAC,CAAC;QAC5D,CAAC;QAED,OAAO,MAAM,CAAC;IAClB,CAAC;IAED,eAAe;QACX,MAAM,UAAU,GAAG,CAAC,IAAmB,EAA6B,EAAE,CAAC,IAAI,CAAC,IAAI,KAAK,MAAM,CAAC;QAC5F,OAAO,IAAI,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,IAAI,CAAC,UAAU,CAAE,CAAC,IAAI,CAAC,IAAI,CAAC;IAC9D,CAAC;IAED,cAAc;QACV,OAAO,IAAI,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,IAAI,CAAC;IACtC,CAAC;;AA3JL,8BA4JC","sourcesContent":["import isNumber from 'is-number';\nimport type {Node} from 'prosemirror-model';\n\nimport {isTableBodyNode, isTableNode} from './utils';\n\ntype TableCellRealDesc = {\n    type: 'real';\n    offset: number;\n    node: Node;\n    colspan?: number;\n    rowspan?: number;\n};\ntype TableCellVirtualDesc = {\n    type: 'virtual';\n    /** Index of real cell, that prodeced this virtual cell */\n    colspan?: [number, number];\n    /** Index of real cell, that prodeced this virtual cell */\n    rowspan?: [number, number];\n};\n\ntype Pos = {from: number; to: number};\nexport type CellPos = ({type: 'real'} & Pos) | {type: 'virtual'; closestPos: number};\n\ntype TableCellDesc = TableCellRealDesc | TableCellVirtualDesc;\n\ntype TableRowDesc = {\n    node: Node;\n    cells: TableCellDesc[];\n    offset: number;\n    colspan?: boolean;\n    rowspan?: boolean;\n};\n\nexport class TableDesc {\n    private static __cache = new WeakMap<Node, TableDesc>();\n\n    static create(table: Node) {\n        if (this.__cache.has(table)) return this.__cache.get(table)!;\n\n        if (!isTableNode(table)) return null;\n        const tbody = table.lastChild;\n        if (!tbody || !isTableBodyNode(tbody)) return null;\n\n        // table –> tbody -> ...\n        const baseOffset = 2;\n\n        const rows: TableRowDesc[] = [];\n        tbody.forEach((trow, offset) => {\n            rows.push({node: trow, offset, cells: []});\n        });\n\n        tbody.forEach((trow, _1, trowIndex) => {\n            trow.forEach((tcell, offset, tcellRealIndex) => {\n                const rowDesc = rows[trowIndex];\n\n                let tcellIndex = tcellRealIndex;\n                while (rowDesc.cells[tcellIndex]) {\n                    tcellIndex++;\n                }\n\n                const cellDesc: TableCellRealDesc = (rowDesc.cells[tcellIndex] = {\n                    type: 'real',\n                    node: tcell,\n                    offset,\n                });\n\n                const map: [number, number] = [trowIndex, tcellIndex];\n\n                if (isNumber(tcell.attrs['colspan'])) {\n                    rowDesc.colspan = true;\n                    const colspan = (cellDesc.colspan = parseInt(tcell.attrs['colspan'], 10));\n                    for (let i = 1; i < colspan; i++) {\n                        rowDesc.cells[tcellIndex + i] = {\n                            type: 'virtual',\n                            colspan: map,\n                        };\n                    }\n                }\n\n                if (isNumber(tcell.attrs['rowspan'])) {\n                    rowDesc.rowspan = true;\n                    const rowspan = (cellDesc.rowspan = parseInt(tcell.attrs['rowspan'], 10));\n                    for (let i = 1; i < rowspan; i++) {\n                        const colspan = cellDesc.colspan ?? 1;\n                        for (let j = 0; j < colspan; j++)\n                            rows[trowIndex + i].cells[tcellIndex + j] = {\n                                type: 'virtual',\n                                rowspan: map,\n                            };\n                    }\n                }\n            });\n        });\n\n        const desc = new this(rows.length, rows[0].cells.length, rows, baseOffset);\n        this.__cache.set(table, desc);\n        return desc;\n    }\n\n    private constructor(\n        /* eslint-disable @typescript-eslint/parameter-properties */\n        readonly rows: number,\n        readonly cols: number,\n        readonly rowsDesc: readonly TableRowDesc[],\n        readonly baseOffset: number,\n        /* eslint-enable @typescript-eslint/parameter-properties */\n    ) {}\n\n    rowHasVirtualCells(rowIndex: number): boolean {\n        return this.rowsDesc[rowIndex]?.cells.some((cell) => cell.type === 'virtual');\n    }\n\n    columnHasVirtualCells(columnIndex: number): boolean {\n        return this.rowsDesc.some((row) => row.cells[columnIndex]?.type === 'virtual');\n    }\n\n    isSafeColumn(columnIndex: number): boolean {\n        return this.rowsDesc.every((row) => {\n            const cell = row.cells[columnIndex];\n            if (cell.type === 'real' && (!cell.colspan || cell.colspan === 1)) return true;\n            if (cell.type === 'virtual' && cell.rowspan?.[1] === columnIndex) return true;\n            return false;\n        });\n    }\n\n    isSafeRow(rowIndex: number): boolean {\n        return this.rowsDesc[rowIndex]?.cells.every((cell) => {\n            if (cell.type === 'real' && (!cell.rowspan || cell.rowspan === 1)) return true;\n            if (cell.type === 'virtual' && cell.colspan?.[0] === rowIndex) return true;\n            return false;\n        });\n    }\n\n    getOffsetForRow(rowIndex: number): number {\n        return this.baseOffset + this.rowsDesc[rowIndex]?.offset;\n    }\n\n    getRelativePosForRow(rowIndex: number): Pos {\n        const from = this.getOffsetForRow(rowIndex);\n        const to = from + this.rowsDesc[rowIndex].node.nodeSize;\n        return {from, to};\n    }\n\n    getRelativePosForCell(rowIndex: number, columnIndex: number): CellPos {\n        const cell = this.rowsDesc[rowIndex]?.cells[columnIndex];\n        const rowOffset = this.getOffsetForRow(rowIndex);\n\n        if (cell?.type === 'real') {\n            // 1 – open boundary for row node\n            const from = rowOffset + 1 + cell.offset;\n            const to = from + cell.node.nodeSize;\n            return {type: 'real', from, to};\n        }\n\n        if (cell?.type === 'virtual') {\n            let index = columnIndex;\n            while (--index >= 0) {\n                const cell = this.rowsDesc[rowIndex].cells[index];\n                if (cell.type === 'real') {\n                    const closest = rowOffset + 1 + cell.offset + cell.node.nodeSize;\n                    return {type: 'virtual', closestPos: closest};\n                }\n            }\n            return {type: 'virtual', closestPos: rowOffset + 1};\n        }\n\n        throw new Error(\n            `Impossible to calculate offset for cell with position [${rowIndex},${columnIndex}]`,\n        );\n    }\n\n    getRelativePosForColumn(columnIndex: number): CellPos[] {\n        const ranges: CellPos[] = [];\n\n        for (let i = 0; i < this.rows; i++) {\n            ranges.push(this.getRelativePosForCell(i, columnIndex));\n        }\n\n        return ranges;\n    }\n\n    getCellNodeType() {\n        const isRealCell = (cell: TableCellDesc): cell is TableCellRealDesc => cell.type === 'real';\n        return this.rowsDesc[0].cells.find(isRealCell)!.node.type;\n    }\n\n    getRowNodeType() {\n        return this.rowsDesc[0].node.type;\n    }\n}\n"]}

package/build/cjs/table-utils/utils.d.ts

@@ -1,30 +1,21 @@
-import { Node as PmNode, ResolvedPos } from 'prosemirror-model';
-import { Predicate } from 'prosemirror-utils';
+import type { Node as PmNode, ResolvedPos } from 'prosemirror-model';
+import { type Predicate } from 'prosemirror-utils';
 import type { EditorView } from 'prosemirror-view';
 export declare const isTableNode: Predicate;
 export declare const isTableBodyNode: Predicate;
 export declare const isTableRowNode: Predicate;
 export declare const isTableCellNode: Predicate;
-export declare const findParentTable: ({ $from, $to }: import("prosemirror-state").Selection, validateSameParent?: boolean | undefined) => import("prosemirror-utils/dist/types").FindResult;
-export declare const findParentTableBody: ({ $from, $to }: import("prosemirror-state").Selection, validateSameParent?: boolean | undefined) => import("prosemirror-utils/dist/types").FindResult;
-export declare const findParentTableRow: ({ $from, $to }: import("prosemirror-state").Selection, validateSameParent?: boolean | undefined) => import("prosemirror-utils/dist/types").FindResult;
-export declare const findParentTableCell: ({ $from, $to }: import("prosemirror-state").Selection, validateSameParent?: boolean | undefined) => import("prosemirror-utils/dist/types").FindResult;
-export declare const findParentTableFromPos: ($pos: ResolvedPos) => import("prosemirror-utils/dist/types").FindResult;
-export declare const findParentTableBodyFromPos: ($pos: ResolvedPos) => import("prosemirror-utils/dist/types").FindResult;
-export declare const findParentTableRowFromPos: ($pos: ResolvedPos) => import("prosemirror-utils/dist/types").FindResult;
-export declare const findParentTableCellFromPos: ($pos: ResolvedPos) => import("prosemirror-utils/dist/types").FindResult;
-export declare const findChildTableRows: (node: PmNode) => {
-    node: PmNode;
-    pos: number;
-}[];
-export declare const findChildTableCells: (node: PmNode) => {
-    node: PmNode;
-    pos: number;
-}[];
-export declare const findChildTableBody: (node: PmNode) => {
-    node: PmNode;
-    pos: number;
-}[];
+export declare const findParentTable: any;
+export declare const findParentTableBody: any;
+export declare const findParentTableRow: any;
+export declare const findParentTableCell: any;
+export declare const findParentTableFromPos: ($pos: ResolvedPos) => any;
+export declare const findParentTableBodyFromPos: ($pos: ResolvedPos) => any;
+export declare const findParentTableRowFromPos: ($pos: ResolvedPos) => any;
+export declare const findParentTableCellFromPos: ($pos: ResolvedPos) => any;
+export declare const findChildTableRows: (node: PmNode) => any;
+export declare const findChildTableCells: (node: PmNode) => any;
+export declare const findChildTableBody: (node: PmNode) => any;
 export declare const getTableDimensions: (node: PmNode) => {
     rows: number;
     cols: number;

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

@@ -1,11 +1,12 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.atEndOfCell = exports.getTableDimensions = exports.findChildTableBody = exports.findChildTableCells = exports.findChildTableRows = exports.findParentTableCellFromPos = exports.findParentTableRowFromPos = exports.findParentTableBodyFromPos = exports.findParentTableFromPos = exports.findParentTableCell = exports.findParentTableRow = exports.findParentTableBody = exports.findParentTable = exports.isTableCellNode = exports.isTableRowNode = exports.isTableBodyNode = exports.isTableNode = void 0;
+exports.getTableDimensions = exports.findChildTableBody = exports.findChildTableCells = exports.findChildTableRows = exports.findParentTableCellFromPos = exports.findParentTableRowFromPos = exports.findParentTableBodyFromPos = exports.findParentTableFromPos = exports.findParentTableCell = exports.findParentTableRow = exports.findParentTableBody = exports.findParentTable = exports.isTableCellNode = exports.isTableRowNode = exports.isTableBodyNode = exports.isTableNode = void 0;
+exports.atEndOfCell = atEndOfCell;
 const tslib_1 = require("tslib");
 const is_number_1 = tslib_1.__importDefault(require("is-number"));
 const prosemirror_utils_1 = require("prosemirror-utils");
-const selection_1 = require("../utils/selection");
-const const_1 = require("./const");
+const selection_1 = require("../utils/selection.js");
+const const_1 = require("./const.js");
 const isTableNode = (node) => node.type.spec.tableRole === const_1.TableRole.Table;
 exports.isTableNode = isTableNode;
 const isTableBodyNode = (node) => node.type.spec.tableRole === const_1.TableRole.Body;
@@ -35,7 +36,7 @@ exports.findChildTableBody = findChildTableBody;
 const getTableDimensions = (node) => {
     let rows = 0, cols = 0;
     const tbody = node.firstChild;
-    tbody === null || tbody === void 0 ? void 0 : tbody.forEach((trow, _1, trowIndex) => {
+    tbody?.forEach((trow, _1, trowIndex) => {
         rows++;
         if (trowIndex === 0) {
             trow.forEach((tcell, _2) => {
@@ -68,4 +69,4 @@ function atEndOfCell(view, dir) {
     }
     return null;
 }
-exports.atEndOfCell = atEndOfCell;
+//# sourceMappingURL=utils.js.map

package/build/cjs/table-utils/utils.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"utils.js","sourceRoot":"../../../src","sources":["table-utils/utils.ts"],"names":[],"mappings":"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","sourcesContent":["import isNumber from 'is-number';\nimport type {Node as PmNode, ResolvedPos} from 'prosemirror-model';\nimport {\n    type Predicate,\n    findChildren,\n    findParentNode,\n    findParentNodeClosestToPos,\n    // @ts-ignore // TODO: fix cjs build\n} from 'prosemirror-utils';\nimport type {EditorView} from 'prosemirror-view';\n\nimport {isTextSelection} from '../utils/selection';\n\nimport {TableRole} from './const';\n\nexport const isTableNode: Predicate = (node: PmNode) =>\n    node.type.spec.tableRole === TableRole.Table;\nexport const isTableBodyNode: Predicate = (node: PmNode) =>\n    node.type.spec.tableRole === TableRole.Body;\nexport const isTableRowNode: Predicate = (node: PmNode) =>\n    node.type.spec.tableRole === TableRole.Row;\nexport const isTableCellNode: Predicate = (node: PmNode) =>\n    node.type.spec.tableRole === TableRole.Cell;\n\nexport const findParentTable = findParentNode(isTableNode);\nexport const findParentTableBody = findParentNode(isTableBodyNode);\nexport const findParentTableRow = findParentNode(isTableRowNode);\nexport const findParentTableCell = findParentNode(isTableCellNode);\n\nexport const findParentTableFromPos = ($pos: ResolvedPos) =>\n    findParentNodeClosestToPos($pos, isTableNode);\nexport const findParentTableBodyFromPos = ($pos: ResolvedPos) =>\n    findParentNodeClosestToPos($pos, isTableBodyNode);\nexport const findParentTableRowFromPos = ($pos: ResolvedPos) =>\n    findParentNodeClosestToPos($pos, isTableRowNode);\nexport const findParentTableCellFromPos = ($pos: ResolvedPos) =>\n    findParentNodeClosestToPos($pos, isTableCellNode);\n\nexport const findChildTableRows = (node: PmNode) => findChildren(node, isTableRowNode);\nexport const findChildTableCells = (node: PmNode) => findChildren(node, isTableCellNode);\nexport const findChildTableBody = (node: PmNode) => findChildren(node, isTableBodyNode);\n\nexport const getTableDimensions = (node: PmNode) => {\n    let rows = 0,\n        cols = 0;\n\n    const tbody = node.firstChild;\n    tbody?.forEach((trow, _1, trowIndex) => {\n        rows++;\n\n        if (trowIndex === 0) {\n            trow.forEach((tcell, _2) => {\n                const cellAttrs = tcell.attrs;\n\n                if (isNumber(cellAttrs['colspan'])) {\n                    cols += parseInt(cellAttrs['colspan'], 10);\n                } else {\n                    cols++;\n                }\n            });\n        }\n    });\n\n    return {rows, cols};\n};\n\nexport function atEndOfCell(view: EditorView, dir: number) {\n    if (!isTextSelection(view.state.selection)) return null;\n    const {$head} = view.state.selection;\n    for (let d = $head.depth - 1; d >= 0; d--) {\n        const parent = $head.node(d),\n            index = dir < 0 ? $head.index(d) : $head.indexAfter(d);\n        if (index !== (dir < 0 ? 0 : parent.childCount)) return null;\n        if (parent.type.spec.tableRole === TableRole.Cell) {\n            const cellPos = $head.before(d);\n            const dirStr = dir > 0 ? 'down' : 'up';\n            return view.endOfTextblock(dirStr) ? cellPos : null;\n        }\n    }\n    return null;\n}\n"]}

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

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

package/build/cjs/toolbar/FlexToolbar.js

@@ -1,17 +1,18 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.FlexToolbar = void 0;
-const tslib_1 = require("tslib");
-const react_1 = tslib_1.__importDefault(require("react"));
+exports.FlexToolbar = FlexToolbar;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = require("react");
 const icons_1 = require("@gravity-ui/icons");
 const react_use_1 = require("react-use");
-const classname_1 = require("../classname");
-const logger_1 = require("../logger");
-const hooks_1 = require("../react-utils/hooks");
-const Toolbar_1 = require("./Toolbar");
-const ToolbarListButton_1 = require("./ToolbarListButton");
-const flexible_1 = require("./flexible");
-const types_1 = require("./types");
+const classname_1 = require("../classname.js");
+const logger_1 = require("../logger.js");
+const hooks_1 = require("../react-utils/hooks.js");
+const Toolbar_1 = require("./Toolbar.js");
+const ToolbarListButton_1 = require("./ToolbarListButton.js");
+const flexible_1 = require("./flexible.js");
+const types_1 = require("./types.js");
+require("./FlexToolbar.css");
 const b = (0, classname_1.cn)('flex-toolbar');
 function FlexToolbar(props) {
     (0, hooks_1.useRenderTime)((time) => {
@@ -23,7 +24,7 @@ function FlexToolbar(props) {
     });
     const { data, className, hiddenActions } = props;
     const [ref, { width }] = (0, react_use_1.useMeasure)();
-    const { data: items, dots } = react_1.default.useMemo(() => {
+    const { data: items, dots } = (0, react_1.useMemo)(() => {
         const toolbarButtonIds = data.reduce((a, toolbarGroup) => {
             return [
                 ...a,
@@ -38,16 +39,13 @@ function FlexToolbar(props) {
             ];
         }, []);
         // Finding only actions tha are not present in the main toolbar config
-        const filteredHiddenAction = hiddenActions === null || hiddenActions === void 0 ? void 0 : hiddenActions.filter((a) => !toolbarButtonIds.includes(a.id));
+        const filteredHiddenAction = hiddenActions?.filter((a) => !toolbarButtonIds.includes(a.id));
         return (0, flexible_1.shrinkToolbarData)({
             data,
             availableWidth: width,
             hiddenActions: filteredHiddenAction,
         });
     }, [data, width, hiddenActions]);
-    return (react_1.default.createElement("div", { ref: ref, className: b(null, [className]) },
-        react_1.default.createElement("div", { className: b('container') },
-            react_1.default.createElement(Toolbar_1.Toolbar, Object.assign({}, props, { data: items, className: b('bar') })),
-            (dots === null || dots === void 0 ? void 0 : dots.length) && (react_1.default.createElement(ToolbarListButton_1.ToolbarListButton, { data: dots, icon: { data: icons_1.Ellipsis }, title: props.dotsTitle, editor: props.editor, focus: props.focus, onClick: props.onClick, className: b('dots'), alwaysActive: true })))));
+    return ((0, jsx_runtime_1.jsx)("div", { ref: ref, className: b(null, [className]), children: (0, jsx_runtime_1.jsxs)("div", { className: b('container'), children: [(0, jsx_runtime_1.jsx)(Toolbar_1.Toolbar, { ...props, data: items, className: b('bar') }), dots?.length && ((0, jsx_runtime_1.jsx)(ToolbarListButton_1.ToolbarListButton, { data: dots, icon: { data: icons_1.Ellipsis }, title: props.dotsTitle, editor: props.editor, focus: props.focus, onClick: props.onClick, className: b('dots'), alwaysActive: true }))] }) }));
 }
-exports.FlexToolbar = FlexToolbar;
+//# sourceMappingURL=FlexToolbar.js.map

package/build/cjs/toolbar/FlexToolbar.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FlexToolbar.js","sourceRoot":"../../../src","sources":["toolbar/FlexToolbar.tsx"],"names":[],"mappings":";;AAuBA,kCAuDC;;AA9ED,iCAA8B;AAE9B,6CAA2C;AAC3C,yCAAqC;AAErC,+CAAgC;AAChC,yCAAiC;AACjC,mDAAmD;AAEnD,0CAAqD;AACrD,8DAAsD;AACtD,4CAA6C;AAC7C,sCAA8D;AAE9D,6BAA4B;AAE5B,MAAM,CAAC,GAAG,IAAA,cAAE,EAAC,cAAc,CAAC,CAAC;AAO7B,SAAgB,WAAW,CAAI,KAA0B;IACrD,IAAA,qBAAa,EAAC,CAAC,IAAI,EAAE,EAAE;QACnB,eAAM,CAAC,OAAO,CAAC;YACX,SAAS,EAAE,SAAS;YACpB,KAAK,EAAE,QAAQ;YACf,QAAQ,EAAE,IAAI;SACjB,CAAC,CAAC;IACP,CAAC,CAAC,CAAC;IAEH,MAAM,EAAC,IAAI,EAAE,SAAS,EAAE,aAAa,EAAC,GAAG,KAAK,CAAC;IAE/C,MAAM,CAAC,GAAG,EAAE,EAAC,KAAK,EAAC,CAAC,GAAG,IAAA,sBAAU,GAAkB,CAAC;IACpD,MAAM,EAAC,IAAI,EAAE,KAAK,EAAE,IAAI,EAAC,GAAG,IAAA,eAAO,EAAC,GAAG,EAAE;QACrC,MAAM,gBAAgB,GAAG,IAAI,CAAC,MAAM,CAAC,CAAC,CAAW,EAAE,YAAY,EAAE,EAAE;YAC/D,OAAO;gBACH,GAAG,CAAC;gBACJ,GAAG,YAAY;qBACV,GAAG,CAAC,CAAC,aAAa,EAAE,EAAE;oBACnB,IAAI,aAAa,CAAC,IAAI,KAAK,uBAAe,CAAC,UAAU,EAAE,CAAC;wBACpD,OAAO,aAAa,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC;oBAC/C,CAAC;oBACD,OAAO,aAAa,CAAC,EAAE,CAAC;gBAC5B,CAAC,CAAC;qBACD,IAAI,EAAE;aACd,CAAC;QACN,CAAC,EAAE,EAAE,CAAC,CAAC;QAEP,sEAAsE;QACtE,MAAM,oBAAoB,GAAG,aAAa,EAAE,MAAM,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,gBAAgB,CAAC,QAAQ,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC;QAC5F,OAAO,IAAA,4BAAiB,EAAC;YACrB,IAAI;YACJ,cAAc,EAAE,KAAK;YACrB,aAAa,EAAE,oBAAoB;SACtC,CAAC,CAAC;IACP,CAAC,EAAE,CAAC,IAAI,EAAE,KAAK,EAAE,aAAa,CAAC,CAAC,CAAC;IAEjC,OAAO,CACH,gCAAK,GAAG,EAAE,GAAG,EAAE,SAAS,EAAE,CAAC,CAAC,IAAI,EAAE,CAAC,SAAS,CAAC,CAAC,YAC1C,iCAAK,SAAS,EAAE,CAAC,CAAC,WAAW,CAAC,aAC1B,uBAAC,iBAAO,OAAK,KAAK,EAAE,IAAI,EAAE,KAAK,EAAE,SAAS,EAAE,CAAC,CAAC,KAAK,CAAC,GAAI,EACvD,IAAI,EAAE,MAAM,IAAI,CACb,uBAAC,qCAAiB,IACd,IAAI,EAAE,IAAI,EACV,IAAI,EAAE,EAAC,IAAI,EAAE,gBAAQ,EAAC,EACtB,KAAK,EAAE,KAAK,CAAC,SAAS,EACtB,MAAM,EAAE,KAAK,CAAC,MAAM,EACpB,KAAK,EAAE,KAAK,CAAC,KAAK,EAClB,OAAO,EAAE,KAAK,CAAC,OAAO,EACtB,SAAS,EAAE,CAAC,CAAC,MAAM,CAAC,EACpB,YAAY,EAAE,IAAI,GACpB,CACL,IACC,GACJ,CACT,CAAC;AACN,CAAC","sourcesContent":["import {useMemo} from 'react';\n\nimport {Ellipsis} from '@gravity-ui/icons';\nimport {useMeasure} from 'react-use';\n\nimport {cn} from '../classname';\nimport {logger} from '../logger';\nimport {useRenderTime} from '../react-utils/hooks';\n\nimport {Toolbar, type ToolbarProps} from './Toolbar';\nimport {ToolbarListButton} from './ToolbarListButton';\nimport {shrinkToolbarData} from './flexible';\nimport {ToolbarDataType, type ToolbarItemData} from './types';\n\nimport './FlexToolbar.scss';\n\nconst b = cn('flex-toolbar');\n\nexport type FlexToolbarProps<E> = ToolbarProps<E> & {\n    dotsTitle: string | (() => string);\n    hiddenActions?: ToolbarItemData<E>[];\n};\n\nexport function FlexToolbar<E>(props: FlexToolbarProps<E>) {\n    useRenderTime((time) => {\n        logger.metrics({\n            component: 'toolbar',\n            event: 'render',\n            duration: time,\n        });\n    });\n\n    const {data, className, hiddenActions} = props;\n\n    const [ref, {width}] = useMeasure<HTMLDivElement>();\n    const {data: items, dots} = useMemo(() => {\n        const toolbarButtonIds = data.reduce((a: string[], toolbarGroup) => {\n            return [\n                ...a,\n                ...toolbarGroup\n                    .map((toolbarButton) => {\n                        if (toolbarButton.type === ToolbarDataType.ListButton) {\n                            return toolbarButton.data.map((v) => v.id);\n                        }\n                        return toolbarButton.id;\n                    })\n                    .flat(),\n            ];\n        }, []);\n\n        // Finding only actions tha are not present in the main toolbar config\n        const filteredHiddenAction = hiddenActions?.filter((a) => !toolbarButtonIds.includes(a.id));\n        return shrinkToolbarData({\n            data,\n            availableWidth: width,\n            hiddenActions: filteredHiddenAction,\n        });\n    }, [data, width, hiddenActions]);\n\n    return (\n        <div ref={ref} className={b(null, [className])}>\n            <div className={b('container')}>\n                <Toolbar {...props} data={items} className={b('bar')} />\n                {dots?.length && (\n                    <ToolbarListButton\n                        data={dots}\n                        icon={{data: Ellipsis}}\n                        title={props.dotsTitle}\n                        editor={props.editor}\n                        focus={props.focus}\n                        onClick={props.onClick}\n                        className={b('dots')}\n                        alwaysActive={true}\n                    />\n                )}\n            </div>\n        </div>\n    );\n}\n"]}

package/build/cjs/toolbar/PreviewTooltip.css

@@ -3,6 +3,7 @@
   border-radius: var(--g-border-radius-s);
   background-color: var(--g-color-base-float-heavy);
 }
-.g-md-preview-tooltip .g-popup__content:first-child {
+.g-md-preview-tooltip__content {
   padding: 0 0 0 var(--g-spacing-2);
+  background-color: var(--g-color-base-float);
 }

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

@@ -1,5 +1,5 @@
-import React from 'react';
-declare type PreviewTooltipProps = {
+import "./PreviewTooltip.css";
+type PreviewTooltipProps = {
     preview?: React.ReactNode;
     children: React.ReactElement;
 };

package/build/cjs/toolbar/PreviewTooltip.js

@@ -1,13 +1,14 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.PreviewTooltip = void 0;
-const tslib_1 = require("tslib");
-const react_1 = tslib_1.__importDefault(require("react"));
+const jsx_runtime_1 = require("react/jsx-runtime");
 const uikit_1 = require("@gravity-ui/uikit");
-const classname_1 = require("../classname");
-const const_1 = require("./const");
+const classname_1 = require("../classname.js");
+const const_1 = require("./const.js");
+require("./PreviewTooltip.css");
 const b = (0, classname_1.cn)('preview-tooltip');
 const PreviewTooltip = ({ preview, children }) => {
-    return (react_1.default.createElement(uikit_1.Tooltip, { placement: "right", className: b(), contentClassName: b('content'), disabled: !preview, openDelay: const_1.ToolbarTooltipDelay.Open, closeDelay: const_1.ToolbarTooltipDelay.Close, content: preview }, children));
+    return ((0, jsx_runtime_1.jsx)(uikit_1.Tooltip, { placement: "right", className: b(), disabled: !preview, openDelay: const_1.ToolbarTooltipDelay.Open, closeDelay: const_1.ToolbarTooltipDelay.Close, content: (0, jsx_runtime_1.jsx)("div", { className: b('content'), children: preview }), children: children }));
 };
 exports.PreviewTooltip = PreviewTooltip;
+//# sourceMappingURL=PreviewTooltip.js.map

package/build/cjs/toolbar/PreviewTooltip.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PreviewTooltip.js","sourceRoot":"../../../src","sources":["toolbar/PreviewTooltip.tsx"],"names":[],"mappings":";;;;AAAA,6CAA0C;AAE1C,+CAAgC;AAEhC,sCAA4C;AAE5C,gCAA+B;AAE/B,MAAM,CAAC,GAAG,IAAA,cAAE,EAAC,iBAAiB,CAAC,CAAC;AAOzB,MAAM,cAAc,GAAkC,CAAC,EAAC,OAAO,EAAE,QAAQ,EAAC,EAAE,EAAE;IACjF,OAAO,CACH,uBAAC,eAAO,IACJ,SAAS,EAAC,OAAO,EACjB,SAAS,EAAE,CAAC,EAAE,EACd,QAAQ,EAAE,CAAC,OAAO,EAClB,SAAS,EAAE,2BAAmB,CAAC,IAAI,EACnC,UAAU,EAAE,2BAAmB,CAAC,KAAK,EACrC,OAAO,EAAE,gCAAK,SAAS,EAAE,CAAC,CAAC,SAAS,CAAC,YAAG,OAAO,GAAO,YAErD,QAAQ,GACH,CACb,CAAC;AACN,CAAC,CAAC;AAbW,QAAA,cAAc,kBAazB","sourcesContent":["import {Tooltip} from '@gravity-ui/uikit';\n\nimport {cn} from '../classname';\n\nimport {ToolbarTooltipDelay} from './const';\n\nimport './PreviewTooltip.scss';\n\nconst b = cn('preview-tooltip');\n\ntype PreviewTooltipProps = {\n    preview?: React.ReactNode;\n    children: React.ReactElement;\n};\n\nexport const PreviewTooltip: React.FC<PreviewTooltipProps> = ({preview, children}) => {\n    return (\n        <Tooltip\n            placement=\"right\"\n            className={b()}\n            disabled={!preview}\n            openDelay={ToolbarTooltipDelay.Open}\n            closeDelay={ToolbarTooltipDelay.Close}\n            content={<div className={b('content')}>{preview}</div>}\n        >\n            {children}\n        </Tooltip>\n    );\n};\n"]}

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

@@ -1,7 +1,7 @@
-/// <reference types="react" />
-import type { ToolbarBaseProps, ToolbarData } from './types';
+import type { ToolbarBaseProps, ToolbarData } from "./types.js";
+import "./Toolbar.css";
 export type { ToolbarData };
-export declare type ToolbarProps<E> = ToolbarBaseProps<E> & {
+export type ToolbarProps<E> = ToolbarBaseProps<E> & {
     data: ToolbarData<E>;
 };
 export declare function Toolbar<E>({ editor, data, className, focus, onClick }: ToolbarProps<E>): JSX.Element;

package/build/cjs/toolbar/Toolbar.js

@@ -1,17 +1,16 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.Toolbar = void 0;
-const tslib_1 = require("tslib");
-const react_1 = tslib_1.__importDefault(require("react"));
-const classname_1 = require("../classname");
-const ToolbarGroup_1 = require("./ToolbarGroup");
+exports.Toolbar = Toolbar;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = require("react");
+const classname_1 = require("../classname.js");
+const ToolbarGroup_1 = require("./ToolbarGroup.js");
+require("./Toolbar.css");
 const b = (0, classname_1.cn)('toolbar');
 function Toolbar({ editor, data, className, focus, onClick }) {
-    return (react_1.default.createElement("div", { className: b(null, [className]) }, data.map((group, index) => {
-        const isLastGroup = index === data.length - 1;
-        return (react_1.default.createElement(react_1.default.Fragment, { key: index },
-            react_1.default.createElement(ToolbarGroup_1.ToolbarButtonGroup, { data: group, editor: editor, focus: focus, onClick: onClick, className: b('group') }),
-            isLastGroup || react_1.default.createElement("div", { className: b('group-separator') })));
-    })));
+    return ((0, jsx_runtime_1.jsx)("div", { className: b(null, [className]), children: data.map((group, index) => {
+            const isLastGroup = index === data.length - 1;
+            return ((0, jsx_runtime_1.jsxs)(react_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(ToolbarGroup_1.ToolbarButtonGroup, { data: group, editor: editor, focus: focus, onClick: onClick, className: b('group') }), isLastGroup || (0, jsx_runtime_1.jsx)("div", { className: b('group-separator') })] }, index));
+        }) }));
 }
-exports.Toolbar = Toolbar;
+//# sourceMappingURL=Toolbar.js.map

package/build/cjs/toolbar/Toolbar.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Toolbar.js","sourceRoot":"../../../src","sources":["toolbar/Toolbar.tsx"],"names":[],"mappings":";;AAiBA,0BAqBC;;AAtCD,iCAA+B;AAE/B,+CAAgC;AAEhC,oDAAkD;AAGlD,yBAAwB;AAExB,MAAM,CAAC,GAAG,IAAA,cAAE,EAAC,SAAS,CAAC,CAAC;AAQxB,SAAgB,OAAO,CAAI,EAAC,MAAM,EAAE,IAAI,EAAE,SAAS,EAAE,KAAK,EAAE,OAAO,EAAkB;IACjF,OAAO,CACH,gCAAK,SAAS,EAAE,CAAC,CAAC,IAAI,EAAE,CAAC,SAAS,CAAC,CAAC,YAC/B,IAAI,CAAC,GAAG,CAAkB,CAAC,KAAK,EAAE,KAAK,EAAE,EAAE;YACxC,MAAM,WAAW,GAAG,KAAK,KAAK,IAAI,CAAC,MAAM,GAAG,CAAC,CAAC;YAE9C,OAAO,CACH,wBAAC,gBAAQ,eACL,uBAAC,iCAAkB,IACf,IAAI,EAAE,KAAK,EACX,MAAM,EAAE,MAAM,EACd,KAAK,EAAE,KAAK,EACZ,OAAO,EAAE,OAAO,EAChB,SAAS,EAAE,CAAC,CAAC,OAAO,CAAC,GACvB,EACD,WAAW,IAAI,gCAAK,SAAS,EAAE,CAAC,CAAC,iBAAiB,CAAC,GAAI,KAR7C,KAAK,CAST,CACd,CAAC;QACN,CAAC,CAAC,GACA,CACT,CAAC;AACN,CAAC","sourcesContent":["import {Fragment} from 'react';\n\nimport {cn} from '../classname';\n\nimport {ToolbarButtonGroup} from './ToolbarGroup';\nimport type {ToolbarBaseProps, ToolbarData} from './types';\n\nimport './Toolbar.scss';\n\nconst b = cn('toolbar');\n\nexport type {ToolbarData};\n\nexport type ToolbarProps<E> = ToolbarBaseProps<E> & {\n    data: ToolbarData<E>;\n};\n\nexport function Toolbar<E>({editor, data, className, focus, onClick}: ToolbarProps<E>) {\n    return (\n        <div className={b(null, [className])}>\n            {data.map<React.ReactNode>((group, index) => {\n                const isLastGroup = index === data.length - 1;\n\n                return (\n                    <Fragment key={index}>\n                        <ToolbarButtonGroup\n                            data={group}\n                            editor={editor}\n                            focus={focus}\n                            onClick={onClick}\n                            className={b('group')}\n                        />\n                        {isLastGroup || <div className={b('group-separator')} />}\n                    </Fragment>\n                );\n            })}\n        </div>\n    );\n}\n"]}

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

@@ -1,16 +1,16 @@
-import React from 'react';
-import type { ToolbarBaseProps, ToolbarItemData } from './types';
-export declare type ToolbarButtonProps<E> = ToolbarBaseProps<E> & ToolbarItemData<E>;
-export declare type ToolbarButtonViewProps = Pick<ToolbarItemData<unknown>, 'icon' | 'title' | 'hint' | 'hotkey' | 'disabledPopoverVisible' | 'hintWhenDisabled'> & {
+import type { ToolbarBaseProps, ToolbarItemData } from "./types.js";
+import "./ToolbarButton.css";
+export type ToolbarButtonProps<E> = ToolbarBaseProps<E> & ToolbarItemData<E>;
+export type ToolbarButtonViewProps = Pick<ToolbarItemData<unknown>, 'icon' | 'title' | 'hint' | 'hotkey' | 'hintWhenDisabled'> & {
     active: boolean;
     enabled: boolean;
     onClick: () => void;
     className?: string;
 };
-export declare const ToolbarButtonView: React.ForwardRefExoticComponent<Pick<ToolbarItemData<unknown>, "title" | "icon" | "hint" | "hotkey" | "disabledPopoverVisible" | "hintWhenDisabled"> & {
+export declare const ToolbarButtonView: import("react").ForwardRefExoticComponent<Pick<ToolbarItemData<unknown>, "title" | "icon" | "hint" | "hotkey" | "hintWhenDisabled"> & {
     active: boolean;
     enabled: boolean;
     onClick: () => void;
-    className?: string | undefined;
-} & React.RefAttributes<HTMLElement>>;
+    className?: string;
+} & import("react").RefAttributes<HTMLButtonElement>>;
 export declare function ToolbarButton<E>(props: ToolbarButtonProps<E>): JSX.Element;

package/build/cjs/toolbar/ToolbarButton.js

@@ -1,38 +1,40 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.ToolbarButton = exports.ToolbarButtonView = void 0;
-const tslib_1 = require("tslib");
-const react_1 = tslib_1.__importDefault(require("react"));
+exports.ToolbarButtonView = void 0;
+exports.ToolbarButton = ToolbarButton;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = require("react");
 const uikit_1 = require("@gravity-ui/uikit");
-const classname_1 = require("../classname");
-const common_1 = require("../i18n/common");
-const lodash_1 = require("../lodash");
-const const_1 = require("./const");
+const classname_1 = require("../classname.js");
+const common_1 = require("../i18n/common/index.js");
+const lodash_1 = require("../lodash.js");
+const const_1 = require("./const.js");
+require("./ToolbarButton.css");
 const b = (0, classname_1.cn)('toolbar-button');
-exports.ToolbarButtonView = react_1.default.forwardRef(function ToolbarButtonView({ icon, title, hint, hotkey, disabledPopoverVisible = true, hintWhenDisabled, active, enabled, onClick, className, }, ref) {
-    var _a;
+exports.ToolbarButtonView = (0, react_1.forwardRef)(function ToolbarButtonView({ icon, title, hint, hotkey, hintWhenDisabled, active, enabled, onClick, className }, ref) {
     const disabled = !active && !enabled;
     const titleText = (0, lodash_1.isFunction)(title) ? title() : title;
     const hintText = (0, lodash_1.isFunction)(hint) ? hint() : hint;
-    const hideHintWhenDisabled = hintWhenDisabled === false || !disabledPopoverVisible || !disabled;
+    const hideHintWhenDisabled = hintWhenDisabled === false || !disabled;
     const hintWhenDisabledText = typeof hintWhenDisabled === 'string'
         ? hintWhenDisabled
         : typeof hintWhenDisabled === 'function'
             ? hintWhenDisabled()
             : (0, common_1.i18n)('toolbar_action_disabled');
-    return (react_1.default.createElement(uikit_1.Popover, { content: hintWhenDisabledText, disabled: hideHintWhenDisabled, tooltipContentClassName: b('action-disabled-tooltip'), placement: ['bottom'] },
-        react_1.default.createElement(uikit_1.ActionTooltip, { openDelay: const_1.ToolbarTooltipDelay.Open, closeDelay: const_1.ToolbarTooltipDelay.Close, description: hintText, title: titleText, hotkey: hotkey },
-            react_1.default.createElement(uikit_1.Button, { size: "m", ref: ref, selected: active, disabled: disabled, view: active ? 'normal' : 'flat', onClick: onClick, className: b(null, [className]), extraProps: { 'aria-label': titleText } },
-                react_1.default.createElement(uikit_1.Icon, { data: icon.data, size: (_a = icon.size) !== null && _a !== void 0 ? _a : 16 })))));
+    return ((0, jsx_runtime_1.jsx)(uikit_1.Popover, { content: (0, jsx_runtime_1.jsx)("div", { className: b('action-disabled-tooltip'), children: hintWhenDisabledText }), disabled: hideHintWhenDisabled, placement: ['bottom'], children: (_, refForPopover) => ((0, jsx_runtime_1.jsx)(uikit_1.ActionTooltip, { openDelay: const_1.ToolbarTooltipDelay.Open, closeDelay: const_1.ToolbarTooltipDelay.Close, description: hintText, title: titleText, hotkey: hotkey, children: (_, refForTooltip) => ((0, jsx_runtime_1.jsx)(uikit_1.Button, { size: "m", ref: (elem) => {
+                    (0, uikit_1.setRef)(ref, elem);
+                    (0, uikit_1.setRef)(refForPopover, elem);
+                    (0, uikit_1.setRef)(refForTooltip, elem);
+                }, selected: active, disabled: disabled, view: active ? 'normal' : 'flat', onClick: onClick, className: b(null, [className]), "aria-label": titleText, children: (0, jsx_runtime_1.jsx)(uikit_1.Icon, { data: icon.data, size: icon.size ?? 16 }) })) })) }));
 });
 function ToolbarButton(props) {
     const { id, editor, focus, isActive, isEnable, exec, onClick } = props;
     const active = isActive(editor);
     const enabled = isEnable(editor);
-    return (react_1.default.createElement(exports.ToolbarButtonView, Object.assign({}, props, { active: active, enabled: enabled, onClick: () => {
+    return ((0, jsx_runtime_1.jsx)(exports.ToolbarButtonView, { ...props, active: active, enabled: enabled, onClick: () => {
             focus();
             exec(editor);
-            onClick === null || onClick === void 0 ? void 0 : onClick(id);
-        } })));
+            onClick?.(id);
+        } }));
 }
-exports.ToolbarButton = ToolbarButton;
+//# sourceMappingURL=ToolbarButton.js.map

package/build/cjs/toolbar/ToolbarButton.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ToolbarButton.js","sourceRoot":"../../../src","sources":["toolbar/ToolbarButton.tsx"],"names":[],"mappings":"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","sourcesContent":["import {forwardRef} from 'react';\n\nimport {ActionTooltip, Button, Icon, Popover, setRef} from '@gravity-ui/uikit';\n\nimport {cn} from '../classname';\nimport {i18n} from '../i18n/common';\nimport {isFunction} from '../lodash';\n\nimport {ToolbarTooltipDelay} from './const';\nimport type {ToolbarBaseProps, ToolbarItemData} from './types';\n\nimport './ToolbarButton.scss';\n\nconst b = cn('toolbar-button');\n\nexport type ToolbarButtonProps<E> = ToolbarBaseProps<E> & ToolbarItemData<E>;\n\nexport type ToolbarButtonViewProps = Pick<\n    ToolbarItemData<unknown>,\n    'icon' | 'title' | 'hint' | 'hotkey' | 'hintWhenDisabled'\n> & {\n    active: boolean;\n    enabled: boolean;\n    onClick: () => void;\n    className?: string;\n};\n\nexport const ToolbarButtonView = forwardRef<HTMLButtonElement, ToolbarButtonViewProps>(\n    function ToolbarButtonView(\n        {icon, title, hint, hotkey, hintWhenDisabled, active, enabled, onClick, className},\n        ref,\n    ) {\n        const disabled = !active && !enabled;\n        const titleText: string = isFunction(title) ? title() : title;\n        const hintText: string | undefined = isFunction(hint) ? hint() : hint;\n        const hideHintWhenDisabled = hintWhenDisabled === false || !disabled;\n        const hintWhenDisabledText =\n            typeof hintWhenDisabled === 'string'\n                ? hintWhenDisabled\n                : typeof hintWhenDisabled === 'function'\n                  ? hintWhenDisabled()\n                  : i18n('toolbar_action_disabled');\n\n        return (\n            <Popover\n                content={<div className={b('action-disabled-tooltip')}>{hintWhenDisabledText}</div>}\n                disabled={hideHintWhenDisabled}\n                placement={['bottom']}\n            >\n                {(_, refForPopover) => (\n                    <ActionTooltip\n                        openDelay={ToolbarTooltipDelay.Open}\n                        closeDelay={ToolbarTooltipDelay.Close}\n                        description={hintText}\n                        title={titleText}\n                        hotkey={hotkey}\n                    >\n                        {(_, refForTooltip) => (\n                            <Button\n                                size=\"m\"\n                                ref={(elem: HTMLButtonElement) => {\n                                    setRef(ref, elem);\n                                    setRef(refForPopover, elem);\n                                    setRef(refForTooltip, elem);\n                                }}\n                                selected={active}\n                                disabled={disabled}\n                                view={active ? 'normal' : 'flat'}\n                                onClick={onClick}\n                                className={b(null, [className])}\n                                aria-label={titleText}\n                            >\n                                <Icon data={icon.data} size={icon.size ?? 16} />\n                            </Button>\n                        )}\n                    </ActionTooltip>\n                )}\n            </Popover>\n        );\n    },\n);\n\nexport function ToolbarButton<E>(props: ToolbarButtonProps<E>) {\n    const {id, editor, focus, isActive, isEnable, exec, onClick} = props;\n\n    const active = isActive(editor);\n    const enabled = isEnable(editor);\n\n    return (\n        <ToolbarButtonView\n            {...props}\n            active={active}\n            enabled={enabled}\n            onClick={() => {\n                focus();\n                exec(editor);\n                onClick?.(id);\n            }}\n        />\n    );\n}\n"]}

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

@@ -1,4 +1,3 @@
-/// <reference types="react" />
-import { ToolbarBaseProps, ToolbarButtonPopupData } from './types';
-export declare type ToolbarButtonPopupProps<E> = ToolbarBaseProps<E> & ToolbarButtonPopupData<E>;
+import type { ToolbarBaseProps, ToolbarButtonPopupData } from "./types.js";
+export type ToolbarButtonPopupProps<E> = ToolbarBaseProps<E> & ToolbarButtonPopupData<E>;
 export declare function ToolbarButtonPopup<E>(props: ToolbarButtonPopupProps<E>): JSX.Element;