@progress/kendo-editor-common 1.9.3-dev.202209121201 → 1.9.3-dev.202210050740

package/dist/npm/plugins/table-resize/table-resize.js

@@ -203,9 +203,7 @@ var tableResizing = function (options) {
                 var parent = utils_1.parentNode(selection.$from, function (n) { return n.type === nodeType; });
                 var node = parent && parent.node;
                 if (node) {
-                    var tableDepth = new Array(selection.$from.depth + 1).fill(0)
-                        .findIndex(function (_, i) { return selection.$from.node(i).type.spec.tableRole === 'table'; });
-                    var pos = selection.$from.start(tableDepth) - 1;
+                    var pos = selection.$from.start(parent.depth) - 1;
                     return { node: node, pos: pos };
                 }
                 return null;

package/dist/npm/plugins/table-resize/utils.d.ts

@@ -1,5 +1,6 @@
 import { Node, ResolvedPos } from 'prosemirror-model';
 import { EditorState, PluginKey } from 'prosemirror-state';
+import { EditorView } from 'prosemirror-view';
 export declare const reAnyValue: RegExp;
 export declare const parseStyle: (styleText: string | null) => {
     [x: string]: string;
@@ -12,7 +13,7 @@ export declare function otherResizing(current: PluginKey, state: EditorState): b
 export declare function otherResizeHandle(current: PluginKey, state: EditorState): boolean;
 export declare function getTable(dom: HTMLElement): HTMLTableElement;
 export declare function domCellAround(target: any): HTMLTableCellElement | null;
-export declare function cellIndexes(cell: HTMLTableCellElement): {
+export declare function cellIndexes(dataCell: HTMLTableCellElement): {
     cellIndex: number;
     rowIndex: number;
 };
@@ -20,3 +21,7 @@ export declare function parentNode(pos: ResolvedPos, predicate: (node: Node) =>
     node: Node;
     depth: number;
 } | null;
+export declare function edgeCell(view: EditorView, event: MouseEvent, indexes: {
+    cellIndex: number;
+    rowIndex: number;
+}): number;

package/dist/npm/plugins/table-resize/utils.js

@@ -1,8 +1,9 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.parentNode = exports.cellIndexes = exports.domCellAround = exports.getTable = exports.otherResizeHandle = exports.otherResizing = exports.tableRowResizeKey = exports.tableColumnResizeKey = exports.tableResizeKey = exports.setNodeStyle = exports.parseStyle = exports.reAnyValue = void 0;
+exports.edgeCell = exports.parentNode = exports.cellIndexes = exports.domCellAround = exports.getTable = exports.otherResizeHandle = exports.otherResizing = exports.tableRowResizeKey = exports.tableColumnResizeKey = exports.tableResizeKey = exports.setNodeStyle = exports.parseStyle = exports.reAnyValue = void 0;
 var tslib_1 = require("tslib");
 var prosemirror_state_1 = require("prosemirror-state");
+var prosemirror_tables_1 = require("prosemirror-tables");
 var utils_1 = require("../../utils");
 exports.reAnyValue = /^.+$/;
 var parseStyle = function (styleText) {
@@ -68,12 +69,46 @@ function domCellAround(target) {
     return target;
 }
 exports.domCellAround = domCellAround;
-function cellIndexes(cell) {
-    var row = cell.parentNode;
-    return {
-        cellIndex: cell.cellIndex,
-        rowIndex: row.rowIndex
+function tableSpansMap(table) {
+    var rows = Array.from((table && table.rows) || []);
+    var colsCount = Array.from((rows && rows[0] && rows[0].cells) || [])
+        .map(function (c) { return c.colSpan; })
+        .reduce(function (prev, cur) { return prev + cur; }, 0);
+    var map = rows.map(function () { return new Array(colsCount); });
+    rows.forEach(function (row, r) {
+        var curColSpan = 0;
+        Array.from(row.cells).forEach(function (c) {
+            for (var colSp = 0; colSp < c.colSpan; colSp++) {
+                for (var rowSp = 0; rowSp < c.rowSpan; rowSp++) {
+                    var ind = map[r + rowSp].findIndex(function (val, curInd) { return curInd >= curColSpan && !val; });
+                    map[r + rowSp][ind] = c;
+                }
+                curColSpan++;
+            }
+        });
+    });
+    return map;
+}
+function cellIndexes(dataCell) {
+    var map = tableSpansMap(dataCell.closest('table'));
+    var result = null;
+    var _loop_1 = function (r) {
+        var row = map[r];
+        row.forEach(function (cell, c) {
+            if (dataCell === cell) {
+                result = { rowIndex: r, cellIndex: c };
+            }
+        });
+        if (result) {
+            return "break";
+        }
     };
+    for (var r = 0; r < map.length; r++) {
+        var state_1 = _loop_1(r);
+        if (state_1 === "break")
+            break;
+    }
+    return result || { rowIndex: -1, cellIndex: -1 };
 }
 exports.cellIndexes = cellIndexes;
 function parentNode(pos, predicate) {
@@ -86,3 +121,20 @@ function parentNode(pos, predicate) {
     return null;
 }
 exports.parentNode = parentNode;
+function edgeCell(view, event, indexes) {
+    var found = view.posAtCoords({ left: event.clientX, top: event.clientY });
+    if (!found) {
+        return -1;
+    }
+    var $pos = view.state.doc.resolve(found.pos);
+    var parentTable = parentNode($pos, function (n) { return n.type.spec.tableRole === 'table'; });
+    if (parentTable === null) {
+        return -1;
+    }
+    var tablePos = $pos.start(parentTable.depth);
+    var tableNode = parentTable.node;
+    var map = prosemirror_tables_1.TableMap.get(tableNode);
+    var cell = tablePos + map.map[(map.width * indexes.rowIndex) + indexes.cellIndex];
+    return cell;
+}
+exports.edgeCell = edgeCell;

package/dist/npm/table.d.ts

@@ -1,6 +1,6 @@
 import { Node, NodeType } from 'prosemirror-model';
 import { EditorState, Transaction } from 'prosemirror-state';
-import { addRowAfter as pmAddRowAfter, addRowBefore as pmAddRowBefore } from 'prosemirror-tables';
+import { addRowAfter as pmAddRowAfter, addRowBefore as pmAddRowBefore, addColumnBefore as pmAddColumnBefore, addColumnAfter as pmAddColumnAfter, deleteColumn as pmDeleteColumn } from 'prosemirror-tables';
 /**
  * Creates a table.
  * @returns Node
@@ -12,4 +12,7 @@ export declare const createTable: (nodes: {
 }, rows: number, columns: number) => Node;
 export declare const addRowBefore: (state: EditorState, dispatch?: (tr: Transaction) => void) => boolean;
 export declare const addRowAfter: (state: EditorState, dispatch?: (tr: Transaction) => void) => boolean;
-export { pmAddRowBefore, pmAddRowAfter };
+export declare const addColumnBefore: (state: EditorState, dispatch?: (tr: Transaction) => void) => boolean;
+export declare const addColumnAfter: (state: EditorState, dispatch?: (tr: Transaction) => void) => boolean;
+export declare const deleteColumn: (state: EditorState, dispatch?: (tr: Transaction) => void) => boolean;
+export { pmAddRowBefore, pmAddRowAfter, pmAddColumnBefore, pmAddColumnAfter, pmDeleteColumn };

package/dist/npm/table.js

@@ -1,10 +1,15 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.pmAddRowAfter = exports.pmAddRowBefore = exports.addRowAfter = exports.addRowBefore = exports.createTable = void 0;
+exports.pmDeleteColumn = exports.pmAddColumnAfter = exports.pmAddColumnBefore = exports.pmAddRowAfter = exports.pmAddRowBefore = exports.deleteColumn = exports.addColumnAfter = exports.addColumnBefore = exports.addRowAfter = exports.addRowBefore = exports.createTable = void 0;
+var tslib_1 = require("tslib");
 var prosemirror_tables_1 = require("prosemirror-tables");
 Object.defineProperty(exports, "pmAddRowAfter", { enumerable: true, get: function () { return prosemirror_tables_1.addRowAfter; } });
 Object.defineProperty(exports, "pmAddRowBefore", { enumerable: true, get: function () { return prosemirror_tables_1.addRowBefore; } });
+Object.defineProperty(exports, "pmAddColumnBefore", { enumerable: true, get: function () { return prosemirror_tables_1.addColumnBefore; } });
+Object.defineProperty(exports, "pmAddColumnAfter", { enumerable: true, get: function () { return prosemirror_tables_1.addColumnAfter; } });
+Object.defineProperty(exports, "pmDeleteColumn", { enumerable: true, get: function () { return prosemirror_tables_1.deleteColumn; } });
 var constants_1 = require("./config/constants");
+var schema_1 = require("./config/schema");
 /**
  * Creates a table.
  * @returns Node
@@ -23,11 +28,14 @@ var createTable = function (nodes, rows, columns) {
     return table.createAndFill(undefined, tableRows);
 };
 exports.createTable = createTable;
+var reTable = /^table$/;
+var reRow = /^table_row$/;
+var reCell = /^table_cell|table_header$/;
 var closest = function (selection, name) {
     var pos = selection.$head;
     for (var i = pos.depth; i > 0; i--) {
         var node = pos.node(i);
-        if (node.type.name === name) {
+        if (name.test(node.type.name)) {
             return {
                 pos: pos.before(i),
                 node: node
@@ -39,8 +47,8 @@ var closest = function (selection, name) {
 var addRowBefore = function (state, dispatch) {
     var cmdDispatch = dispatch && (function (tr) {
         var _a;
-        var row = closest(tr.selection, 'table_row');
-        var table = closest(tr.selection, 'table');
+        var row = closest(tr.selection, reRow);
+        var table = closest(tr.selection, reTable);
         if (row && table && row.node.attrs[constants_1.rowTypeAttr]) {
             var index = 0;
             for (var i = 0; i < table.node.nodeSize; i++) {
@@ -61,7 +69,7 @@ exports.addRowBefore = addRowBefore;
 var addRowAfter = function (state, dispatch) {
     var cmdDispatch = dispatch && (function (tr) {
         var _a;
-        var row = closest(tr.selection, 'table_row');
+        var row = closest(tr.selection, reRow);
         if (row && row.node.attrs[constants_1.rowTypeAttr]) {
             var from = row.pos + row.node.nodeSize;
             tr.setNodeMarkup(from, undefined, (_a = {}, _a[constants_1.rowTypeAttr] = row.node.attrs[constants_1.rowTypeAttr], _a));
@@ -71,3 +79,66 @@ var addRowAfter = function (state, dispatch) {
     return prosemirror_tables_1.addRowAfter(state, cmdDispatch);
 };
 exports.addRowAfter = addRowAfter;
+var columnIndex = function (table, selection) {
+    if (!table) {
+        return -1;
+    }
+    var map = prosemirror_tables_1.TableMap.get(table.node);
+    var tableCell = closest(selection, reCell);
+    var idx = map.map.indexOf(tableCell.pos - table.pos - 1);
+    var colIndex = -1;
+    if (idx !== -1) {
+        colIndex = idx % map.width;
+    }
+    return colIndex;
+};
+var addCol = function (tr, table, to) {
+    var _a;
+    var colIndex = columnIndex(table, tr.selection);
+    var colgroup = schema_1.parseStrColgroup(table.node.attrs[constants_1.colgroupAttr]);
+    colgroup.insertBefore(colgroup.ownerDocument.createElement('col'), colgroup.children[colIndex + to]);
+    tr.setNodeMarkup(table.pos, null, tslib_1.__assign(tslib_1.__assign({}, table.node.attrs), (_a = {}, _a[constants_1.colgroupAttr] = colgroup.outerHTML, _a)));
+};
+var deleteCol = function (tr, table, colIndex) {
+    var _a;
+    var colgroup = schema_1.parseStrColgroup(table.node.attrs[constants_1.colgroupAttr]);
+    colgroup.removeChild(colgroup.children[colIndex]);
+    tr.setNodeMarkup(table.pos, null, tslib_1.__assign(tslib_1.__assign({}, table.node.attrs), (_a = {}, _a[constants_1.colgroupAttr] = colgroup.outerHTML, _a)));
+};
+var addColumnBefore = function (state, dispatch) {
+    var cmdDispatch = dispatch && (function (tr) {
+        var table = closest(tr.selection, reTable);
+        if (!table.node.attrs[constants_1.colgroupAttr]) {
+            return dispatch(tr);
+        }
+        addCol(tr, table, -1);
+        return dispatch(tr);
+    });
+    return prosemirror_tables_1.addColumnBefore(state, cmdDispatch);
+};
+exports.addColumnBefore = addColumnBefore;
+var addColumnAfter = function (state, dispatch) {
+    var cmdDispatch = dispatch && (function (tr) {
+        var table = closest(tr.selection, reTable);
+        if (!table.node.attrs[constants_1.colgroupAttr]) {
+            return dispatch(tr);
+        }
+        addCol(tr, table, 1);
+        return dispatch(tr);
+    });
+    return prosemirror_tables_1.addColumnAfter(state, cmdDispatch);
+};
+exports.addColumnAfter = addColumnAfter;
+var deleteColumn = function (state, dispatch) {
+    var colIndex = columnIndex(closest(state.selection, reTable), state.selection);
+    var cmdDispatch = dispatch && (function (tr) {
+        var table = closest(tr.selection, reTable);
+        if (!table.node.attrs[constants_1.colgroupAttr]) {
+            return dispatch(tr);
+        }
+        deleteCol(tr, table, colIndex);
+        return dispatch(tr);
+    });
+    return prosemirror_tables_1.deleteColumn(state, cmdDispatch);
+};
+exports.deleteColumn = deleteColumn;