@progress/kendo-editor-common 1.9.0-dev.202204081457 → 1.9.0-dev.202204181536

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

@@ -5,18 +5,8 @@ var prosemirror_state_1 = require("prosemirror-state");
 var prosemirror_view_1 = require("prosemirror-view");
 var constants_1 = require("../config/constants");
 var utils_1 = require("../utils");
+var resize_utils_1 = require("./resize-utils");
 exports.imageResizeKey = new prosemirror_state_1.PluginKey('image-resize');
-var directions = {
-    'southeast': { x: 1, y: 1 },
-    'east': { x: 1, y: 0 },
-    'south': { x: 0, y: 1 },
-    'north': { x: 0, y: -1 },
-    'west': { x: -1, y: 0 },
-    'southwest': { x: -1, y: 1 },
-    'northwest': { x: -1, y: -1 },
-    'northeast': { x: 1, y: -1 } // top right
-};
-var handles = Object.keys(directions);
 var setSize = function (domNode, sizeType, value) {
     domNode.style[sizeType] = value + 'px';
 };
@@ -45,7 +35,7 @@ var handleMouseMove = function (view, event, options) {
         return;
     }
     var img = view.nodeDOM(nodePosition);
-    var dir = directions[activeHandle];
+    var dir = resize_utils_1.directions[activeHandle];
     var diffX = (event.clientX - dragging.startX) * dir.x;
     var diffY = (event.clientY - dragging.startY) * dir.y;
     var width = dir.x ? diffX + img.width : rect.width;
@@ -112,7 +102,7 @@ var handleMouseUp = function (view) {
 };
 var handleMouseDown = function (view, event, options) {
     var target = event.target;
-    var activeHandle = target.getAttribute(constants_1.dataDirection);
+    var activeHandle = target.getAttribute(constants_1.dataResizeDirImage);
     if (!activeHandle) {
         return false;
     }
@@ -222,10 +212,10 @@ exports.imageResizing = function (options) {
                     wrapper.style.height = rect.height + 'px';
                     wrapper.style.top = rect.top + 'px';
                     wrapper.style.left = rect.left + 'px';
-                    for (var i = 0; i < handles.length; i++) {
+                    for (var i = 0; i < resize_utils_1.handles.length; i++) {
                         var dom = document.createElement('div');
-                        dom.className = constants_1.resizeHandle + ' ' + handles[i];
-                        dom.setAttribute(constants_1.dataDirection, handles[i]);
+                        dom.className = constants_1.resizeHandle + ' ' + resize_utils_1.handles[i];
+                        dom.setAttribute(constants_1.dataResizeDirImage, resize_utils_1.handles[i]);
                         wrapper.appendChild(dom);
                     }
                     return prosemirror_view_1.DecorationSet.create(state.doc, [prosemirror_view_1.Decoration.widget(state.selection.from + 1, wrapper)]);

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

@@ -0,0 +1,35 @@
+export declare const directions: {
+    'southeast': {
+        x: number;
+        y: number;
+    };
+    'east': {
+        x: number;
+        y: number;
+    };
+    'south': {
+        x: number;
+        y: number;
+    };
+    'north': {
+        x: number;
+        y: number;
+    };
+    'west': {
+        x: number;
+        y: number;
+    };
+    'southwest': {
+        x: number;
+        y: number;
+    };
+    'northwest': {
+        x: number;
+        y: number;
+    };
+    'northeast': {
+        x: number;
+        y: number;
+    };
+};
+export declare const handles: string[];

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

@@ -0,0 +1,13 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.directions = {
+    'southeast': { x: 1, y: 1 },
+    'east': { x: 1, y: 0 },
+    'south': { x: 0, y: 1 },
+    'north': { x: 0, y: -1 },
+    'west': { x: -1, y: 0 },
+    'southwest': { x: -1, y: 1 },
+    'northwest': { x: -1, y: -1 },
+    'northeast': { x: 1, y: -1 } // top right
+};
+exports.handles = Object.keys(exports.directions);

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

@@ -9,9 +9,9 @@ var table_view_1 = require("./table-view");
 var utils_1 = require("./utils");
 function columnResizing() {
     // tslint:disable-next-line:variable-name
-    var View = table_view_1.TableView, lastColumnResizable = true, handleWidth = 5, cellMinWidth = 25;
+    var View = table_view_1.TableView, handleWidth = 5, cellMinWidth = 25;
     var plugin = new prosemirror_state_1.Plugin({
-        key: utils_1.tableColumnResizing,
+        key: utils_1.tableColumnResizeKey,
         state: {
             init: function (_, state) {
                 this.spec.props.nodeViews[prosemirror_tables_1.tableNodeTypes(state.schema).table.name] = function (node, view) { return new View(node, view); };
@@ -23,16 +23,16 @@ function columnResizing() {
         },
         props: {
             attributes: function (state) {
-                if (utils_1.otherResizeHandle(utils_1.tableColumnResizing, state)) {
+                if (utils_1.otherResizeHandle(utils_1.tableColumnResizeKey, state)) {
                     return null;
                 }
-                var pluginState = utils_1.tableColumnResizing.getState(state);
+                var pluginState = utils_1.tableColumnResizeKey.getState(state);
                 return pluginState.activeHandle > -1 ? { class: 'resize-cursor' } : null;
             },
             handleDOMEvents: {
                 mousemove: function (view, event) {
-                    if (!utils_1.otherResizing(utils_1.tableColumnResizing, view.state)) {
-                        handleMouseMove(view, event, handleWidth, cellMinWidth, lastColumnResizable);
+                    if (!utils_1.otherResizing(utils_1.tableColumnResizeKey, view.state)) {
+                        handleMouseMove(view, event, handleWidth);
                     }
                     return false;
                 },
@@ -45,13 +45,13 @@ function columnResizing() {
                 }
             },
             decorations: function (state) {
-                if (utils_1.otherResizing(utils_1.tableColumnResizing, state)) {
-                    return prosemirror_view_1.DecorationSet.empty;
-                }
-                var pluginState = utils_1.tableColumnResizing.getState(state);
-                if (pluginState.activeHandle > -1) {
-                    return handleDecorations(state, pluginState.activeHandle);
+                if (!utils_1.otherResizing(utils_1.tableColumnResizeKey, state)) {
+                    var pluginState = utils_1.tableColumnResizeKey.getState(state);
+                    if (pluginState.activeHandle > -1) {
+                        return handleDecorations(state, pluginState.activeHandle);
+                    }
                 }
+                return prosemirror_view_1.DecorationSet.empty;
             },
             nodeViews: {}
         }
@@ -59,16 +59,8 @@ function columnResizing() {
     return plugin;
 }
 exports.columnResizing = columnResizing;
-function cellAround($pos) {
-    for (var d = $pos.depth - 1; d > 0; d--) {
-        if ($pos.node(d).type.spec.tableRole === 'row') {
-            return $pos.node(0).resolve($pos.before(d + 1));
-        }
-    }
-    return null;
-}
 function pointsAtCell($pos) {
-    return $pos.parent.type.spec.tableRole === 'row' && $pos.nodeAfter;
+    return Boolean($pos.parent.type.spec.tableRole === 'row' && $pos.nodeAfter);
 }
 var ResizeState = /** @class */ (function () {
     function ResizeState(activeHandle, dragging) {
@@ -76,7 +68,7 @@ var ResizeState = /** @class */ (function () {
         this.dragging = dragging;
     }
     ResizeState.prototype.apply = function (tr) {
-        var state = this, action = tr.getMeta(utils_1.tableColumnResizing);
+        var state = this, action = tr.getMeta(utils_1.tableColumnResizeKey);
         if (action && action.setHandle != null) {
             return new ResizeState(action.setHandle, null);
         }
@@ -86,7 +78,7 @@ var ResizeState = /** @class */ (function () {
         if (state.activeHandle > -1 && tr.docChanged) {
             var handle = tr.mapping.map(state.activeHandle, -1);
             if (!pointsAtCell(tr.doc.resolve(handle))) {
-                handle = null;
+                handle = -1;
             }
             state = new ResizeState(handle, state.dragging);
         }
@@ -94,41 +86,35 @@ var ResizeState = /** @class */ (function () {
     };
     return ResizeState;
 }());
-function handleMouseMove(view, event, handleWidth, _cellMinWidth, lastColumnResizable) {
-    var pluginState = utils_1.tableColumnResizing.getState(view.state);
+function handleMouseMove(view, event, handleWidth) {
+    var pluginState = utils_1.tableColumnResizeKey.getState(view.state);
     if (!pluginState.dragging) {
-        var target = domCellAround(event.target), cell = -1;
+        var target = utils_1.domCellAround(event.target), cell = -1;
         if (target) {
+            var indexes = utils_1.cellIndexes(target);
             var _a = target.getBoundingClientRect(), left = _a.left, right = _a.right;
-            if (event.clientX - left <= handleWidth) {
-                cell = edgeCell(view, event, 'left');
+            if (Math.abs(event.clientX - left) <= handleWidth && indexes.cellIndex > 0) {
+                indexes.cellIndex--;
+                cell = edgeCell(view, event, indexes);
             }
-            else if (right - event.clientX <= handleWidth) {
-                cell = edgeCell(view, event, 'right');
+            else if (right - event.clientX > 0 && right - event.clientX <= handleWidth) {
+                cell = edgeCell(view, event, indexes);
             }
         }
         if (cell !== pluginState.activeHandle) {
-            if (!lastColumnResizable && cell !== -1) {
-                var $cell = view.state.doc.resolve(cell);
-                var table = $cell.node(-1), map = prosemirror_tables_1.TableMap.get(table), start = $cell.start(-1);
-                var col = map.colCount($cell.pos - start) + $cell.nodeAfter.attrs.colspan - 1;
-                if (col === map.width - 1) {
-                    return;
-                }
-            }
             updateHandle(view, cell);
         }
     }
 }
 function handleMouseLeave(view) {
-    var pluginState = utils_1.tableColumnResizing.getState(view.state);
+    var pluginState = utils_1.tableColumnResizeKey.getState(view.state);
     if (pluginState.activeHandle > -1 && !pluginState.dragging) {
         updateHandle(view, -1);
     }
 }
 function handleMouseDown(view, event, cellMinWidth) {
     var _a;
-    var pluginState = utils_1.tableColumnResizing.getState(view.state);
+    var pluginState = utils_1.tableColumnResizeKey.getState(view.state);
     if (pluginState.activeHandle === -1 || pluginState.dragging) {
         return false;
     }
@@ -168,12 +154,12 @@ function handleMouseDown(view, event, cellMinWidth) {
         tableAttrs = tslib_1.__assign({}, tableNode.attrs, (_a = {}, _a[constants_1.colgroupAttr] = '<colgroup>' + cols.reduce(function (acc, cur) { return acc + cur.outerHTML; }, '') + '</colgroup>', _a));
     }
     var width = parseFloat(col.style.width);
-    var tr = view.state.tr.setMeta(utils_1.tableColumnResizing, { setDragging: { startX: event.clientX, startWidth: width } });
+    var tr = view.state.tr.setMeta(utils_1.tableColumnResizeKey, { setDragging: { startX: event.clientX, startWidth: width } });
     if (!tableDom.style.width) {
         var widths = Array.from(col.parentNode.children).map(function (c) { return c.style.width; });
         if (widths.every(Boolean)) {
             var sum = widths.reduce(function (acc, cur) { return acc + parseFloat(cur); }, 0);
-            tableAttrs = utils_1.setNodeStyle(tableNode.attrs, 'width', sum + 'px');
+            tableAttrs = utils_1.setNodeStyle(tableAttrs || tableNode.attrs, 'width', sum + 'px');
         }
     }
     if (tableAttrs) {
@@ -184,17 +170,17 @@ function handleMouseDown(view, event, cellMinWidth) {
     function finish(ev) {
         ev.view.removeEventListener('mouseup', finish);
         ev.view.removeEventListener('mousemove', move);
-        var curPluginState = utils_1.tableColumnResizing.getState(view.state);
+        var curPluginState = utils_1.tableColumnResizeKey.getState(view.state);
         if (curPluginState.dragging) {
             updateColumnWidth(view, curPluginState.activeHandle, draggedWidth(curPluginState.dragging, ev, cellMinWidth));
-            view.dispatch(view.state.tr.setMeta(utils_1.tableColumnResizing, { setDragging: null }));
+            view.dispatch(view.state.tr.setMeta(utils_1.tableColumnResizeKey, { setDragging: null }));
         }
     }
     function move(ev) {
         if (!ev.which) {
             return finish(ev);
         }
-        var curPluginState = utils_1.tableColumnResizing.getState(view.state);
+        var curPluginState = utils_1.tableColumnResizeKey.getState(view.state);
         var dragged = draggedWidth(curPluginState.dragging, ev, cellMinWidth);
         displayColumnWidth(view, curPluginState.activeHandle, dragged, cellMinWidth);
     }
@@ -203,35 +189,28 @@ function handleMouseDown(view, event, cellMinWidth) {
     event.preventDefault();
     return true;
 }
-function domCellAround(target) {
-    while (target && target.nodeName !== 'TD' && target.nodeName !== 'TH') {
-        target = target.classList.contains('ProseMirror') ? null : target.parentNode;
-    }
-    return target;
-}
-function edgeCell(view, event, side) {
+function edgeCell(view, event, indexes) {
     var found = view.posAtCoords({ left: event.clientX, top: event.clientY });
     if (!found) {
         return -1;
     }
-    var pos = found.pos;
-    var $cell = cellAround(view.state.doc.resolve(pos));
-    if (!$cell) {
+    var $pos = view.state.doc.resolve(found.pos);
+    var parentTable = utils_1.parentNode($pos, function (n) { return n.type.spec.tableRole === 'table'; });
+    if (parentTable === null) {
         return -1;
     }
-    if (side === 'right') {
-        return $cell.pos;
-    }
-    var map = prosemirror_tables_1.TableMap.get($cell.node(-1)), start = $cell.start(-1);
-    var index = map.map.indexOf($cell.pos - start);
-    return index % map.width === 0 ? -1 : start + map.map[index - 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;
 }
 function draggedWidth(dragging, event, cellMinWidth) {
     var offset = event.clientX - dragging.startX;
     return Math.max(cellMinWidth, dragging.startWidth + offset);
 }
 function updateHandle(view, value) {
-    view.dispatch(view.state.tr.setMeta(utils_1.tableColumnResizing, { setHandle: value }));
+    view.dispatch(view.state.tr.setMeta(utils_1.tableColumnResizeKey, { setHandle: value }));
 }
 function updateColumnWidth(view, cell, _width) {
     var _a;

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

@@ -1 +1,2 @@
 export declare const tableResizing: () => import("prosemirror-state").Plugin<any, any>[];
+export { tableResizeKey, tableColumnResizeKey, tableRowResizeKey } from './utils';

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

@@ -8,3 +8,7 @@ exports.tableResizing = function () { return [
     column_resize_1.columnResizing(),
     row_resize_1.rowResizing()
 ]; };
+var utils_1 = require("./utils");
+exports.tableResizeKey = utils_1.tableResizeKey;
+exports.tableColumnResizeKey = utils_1.tableColumnResizeKey;
+exports.tableRowResizeKey = utils_1.tableRowResizeKey;

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

@@ -13,9 +13,9 @@ var TableRowView = /** @class */ (function () {
     return TableRowView;
 }());
 function rowResizing() {
-    var handleWidth = 5, rowMinHeight = 25, lastRowResizable = true;
+    var handleWidth = 5;
     var plugin = new prosemirror_state_1.Plugin({
-        key: utils_1.tableRowResizing,
+        key: utils_1.tableRowResizeKey,
         state: {
             init: function (_, state) {
                 this.spec.props.nodeViews[prosemirror_tables_1.tableNodeTypes(state.schema).row.name] = function (_node, _view) { return new TableRowView(); };
@@ -27,16 +27,16 @@ function rowResizing() {
         },
         props: {
             attributes: function (state) {
-                if (utils_1.otherResizeHandle(utils_1.tableRowResizing, state)) {
+                if (utils_1.otherResizeHandle(utils_1.tableRowResizeKey, state)) {
                     return null;
                 }
-                var pluginState = utils_1.tableRowResizing.getState(state);
+                var pluginState = utils_1.tableRowResizeKey.getState(state);
                 return pluginState.activeHandle > -1 ? { class: 'resize-cursor-vertical' } : null;
             },
             handleDOMEvents: {
                 mousemove: function (view, event) {
-                    if (!utils_1.otherResizing(utils_1.tableRowResizing, view.state)) {
-                        handleMouseMove(view, event, handleWidth, rowMinHeight, lastRowResizable);
+                    if (!utils_1.otherResizing(utils_1.tableRowResizeKey, view.state)) {
+                        handleMouseMove(view, event, handleWidth);
                     }
                     return false;
                 },
@@ -45,14 +45,14 @@ function rowResizing() {
                     return false;
                 },
                 mousedown: function (view, event) {
-                    return handleMouseDown(view, event, rowMinHeight);
+                    return handleMouseDown(view, event);
                 }
             },
             decorations: function (state) {
-                if (utils_1.otherResizing(utils_1.tableRowResizing, state)) {
+                if (utils_1.otherResizing(utils_1.tableRowResizeKey, state)) {
                     return prosemirror_view_1.DecorationSet.empty;
                 }
-                var pluginState = utils_1.tableRowResizing.getState(state);
+                var pluginState = utils_1.tableRowResizeKey.getState(state);
                 if (pluginState.activeHandle > -1) {
                     return handleDecorations(state, pluginState.activeHandle);
                 }
@@ -72,14 +72,14 @@ var ResizeState = /** @class */ (function () {
         this.dragging = dragging;
     }
     ResizeState.prototype.apply = function (tr) {
-        var state = this, action = tr.getMeta(utils_1.tableRowResizing);
+        var state = this, action = tr.getMeta(utils_1.tableRowResizeKey);
         if (action && action.setHandle != null) {
             return new ResizeState(action.setHandle, null);
         }
         if (action && action.setDragging !== undefined) {
             return new ResizeState(state.activeHandle, action.setDragging);
         }
-        if (state.activeHandle > -1) { //  && tr.docChanged
+        if (state.activeHandle > -1) {
             var handle = tr.mapping.map(state.activeHandle, -1);
             if (!pointsAtCell(tr.doc.resolve(handle))) {
                 handle = null;
@@ -90,41 +90,33 @@ var ResizeState = /** @class */ (function () {
     };
     return ResizeState;
 }());
-function handleMouseMove(view, event, handleWidth, _rowMinHeight, lastRowResizable) {
-    var pluginState = utils_1.tableRowResizing.getState(view.state);
+function handleMouseMove(view, event, handleWidth) {
+    var pluginState = utils_1.tableRowResizeKey.getState(view.state);
     if (!pluginState.dragging) {
-        var target = domCellAround(event.target), cell = -1;
+        var target = utils_1.domCellAround(event.target), row = -1;
         if (target) {
             var rowDom = target.parentNode;
             var domRect = rowDom.getBoundingClientRect();
-            if (event.clientY - domRect.top <= handleWidth) {
-                cell = edgeCell(view, event, 'up');
+            if (Math.abs(event.clientY - domRect.top) <= handleWidth && rowDom.rowIndex > 0) {
+                row = edgeRow(view, event, rowDom.rowIndex - 1);
             }
-            else if (domRect.bottom - event.clientY <= handleWidth) {
-                cell = edgeCell(view, event, 'down');
+            else if (domRect.bottom - event.clientY > 0 && domRect.bottom - event.clientY <= handleWidth) {
+                row = edgeRow(view, event, rowDom.rowIndex);
             }
         }
-        if (cell !== pluginState.activeHandle) {
-            if (!lastRowResizable && cell !== -1) {
-                // let $cell = view.state.doc.resolve(cell);
-                // let table = $cell.node(-1), map = TableMap.get(table), start = $cell.start(-1);
-                // let col = map.colCount($cell.pos - start) + $cell.nodeAfter.attrs.colspan - 1;
-                // if (col === map.width - 1) {
-                //     return;
-                // }
-            }
-            updateHandle(view, cell);
+        if (row !== pluginState.activeHandle) {
+            updateHandle(view, row);
         }
     }
 }
 function handleMouseLeave(view) {
-    var pluginState = utils_1.tableRowResizing.getState(view.state);
+    var pluginState = utils_1.tableRowResizeKey.getState(view.state);
     if (pluginState.activeHandle > -1 && !pluginState.dragging) {
         updateHandle(view, -1);
     }
 }
-function handleMouseDown(view, event, rowMinHeight) {
-    var pluginState = utils_1.tableRowResizing.getState(view.state);
+function handleMouseDown(view, event) {
+    var pluginState = utils_1.tableRowResizeKey.getState(view.state);
     if (pluginState.activeHandle === -1 || pluginState.dragging) {
         return false;
     }
@@ -139,7 +131,7 @@ function handleMouseDown(view, event, rowMinHeight) {
         var tr = view.nodeDOM(pluginState.activeHandle);
         rowHeight = tr.offsetHeight;
     }
-    view.dispatch(view.state.tr.setMeta(utils_1.tableRowResizing, {
+    view.dispatch(view.state.tr.setMeta(utils_1.tableRowResizeKey, {
         setDragging: {
             startY: event.clientY,
             startHeight: { rowHeight: rowHeight, tableHeight: tableHeight }
@@ -148,10 +140,10 @@ function handleMouseDown(view, event, rowMinHeight) {
     function finish(ev) {
         ev.view.removeEventListener('mouseup', finish);
         ev.view.removeEventListener('mousemove', move);
-        var curPluginState = utils_1.tableRowResizing.getState(view.state);
+        var curPluginState = utils_1.tableRowResizeKey.getState(view.state);
         if (curPluginState.dragging) {
-            var tr = view.state.tr.setMeta(utils_1.tableRowResizing, { setDragging: null });
-            updateRowHeight(view, tr, curPluginState.activeHandle, draggedHeight(curPluginState.dragging, ev, rowMinHeight));
+            var tr = view.state.tr.setMeta(utils_1.tableRowResizeKey, { setDragging: null });
+            updateRowHeight(view, tr, curPluginState.activeHandle);
             view.dispatch(tr);
         }
     }
@@ -159,55 +151,46 @@ function handleMouseDown(view, event, rowMinHeight) {
         if (!ev.which) {
             return finish(ev);
         }
-        var curPluginState = utils_1.tableRowResizing.getState(view.state);
-        var dragged = draggedHeight(curPluginState.dragging, ev, rowMinHeight);
+        var curPluginState = utils_1.tableRowResizeKey.getState(view.state);
+        var dragged = draggedHeight(curPluginState.dragging, ev);
         var offset = ev.clientY - curPluginState.dragging.startY;
-        displayRowHeight(view, curPluginState.activeHandle, dragged, rowMinHeight, offset, tableHeight);
+        displayRowHeight(view, curPluginState.activeHandle, dragged, offset, tableHeight);
     }
     event.view.addEventListener('mouseup', finish);
     event.view.addEventListener('mousemove', move);
     event.preventDefault();
     return true;
 }
-function domCellAround(target) {
-    while (target && target.nodeName !== 'TD' && target.nodeName !== 'TH') {
-        target = target.classList.contains('ProseMirror') ? null : target.parentNode;
-    }
-    return target;
-}
-function edgeCell(view, event, side) {
+function edgeRow(view, event, rowIndex) {
     var found = view.posAtCoords({ left: event.clientX, top: event.clientY });
     if (!found) {
         return -1;
     }
-    var pos = found.pos;
-    var doc = view.state.doc;
-    var $pos = doc.resolve(pos);
-    var rowDepth = new Array($pos.depth + 1).fill(0).findIndex(function (_, i) { return $pos.node(i).type.spec.tableRole === 'row'; });
-    if (rowDepth === -1) {
-        return -1;
-    }
-    var tableDepth = rowDepth - 1;
-    var rowIndex = $pos.index(tableDepth);
-    rowIndex += side === 'up' ? -1 : 0;
-    if (rowIndex < 0) {
+    var $pos = view.state.doc.resolve(found.pos);
+    var parentTable = utils_1.parentNode($pos, function (n) { return n.type.spec.tableRole === 'table'; });
+    if (parentTable === null) {
         return -1;
     }
-    var rowPos = $pos.posAtIndex(rowIndex, tableDepth);
-    return rowPos;
+    var tablePos = $pos.start(parentTable.depth);
+    var tableNode = parentTable.node;
+    var map = prosemirror_tables_1.TableMap.get(tableNode);
+    var row = tablePos + map.map[(map.width * rowIndex)] - 1;
+    return row;
 }
-function draggedHeight(dragging, event, rowMinHeight) {
+function draggedHeight(dragging, event) {
     var offset = event.clientY - dragging.startY;
-    return Math.max(rowMinHeight, dragging.startHeight.rowHeight + offset);
+    return dragging.startHeight.rowHeight + offset;
 }
 function updateHandle(view, value) {
-    view.dispatch(view.state.tr.setMeta(utils_1.tableRowResizing, { setHandle: value }));
+    view.dispatch(view.state.tr.setMeta(utils_1.tableRowResizeKey, { setHandle: value }));
 }
-function updateRowHeight(view, tr, rowPos, height) {
+function updateRowHeight(view, tr, rowPos) {
     var doc = view.state.doc;
     var row = doc.nodeAt(rowPos);
-    tr.setNodeMarkup(rowPos, null, utils_1.setNodeStyle(row.attrs, 'height', height + 'px'));
     var dom = view.nodeDOM(rowPos);
+    var win = (dom.ownerDocument && dom.ownerDocument.defaultView) || window;
+    dom.style.height = win.getComputedStyle(dom).height;
+    tr.setNodeMarkup(rowPos, null, utils_1.setNodeStyle(row.attrs, 'height', dom.style.height));
     var table = dom && dom.closest('table');
     var tableHeight = table && table.style.height;
     if (tableHeight) {
@@ -216,29 +199,32 @@ function updateRowHeight(view, tr, rowPos, height) {
         tr.setNodeMarkup(tablePos, null, utils_1.setNodeStyle($pos.parent.attrs, 'height', tableHeight));
     }
 }
-// tslint:disable-next-line:max-line-length
-function displayRowHeight(view, rowPos, height, rowMinHeight, offset, tableHeight) {
+function displayRowHeight(view, rowPos, height, offset, tableHeight) {
     var dom = view.nodeDOM(rowPos);
     if (dom) {
-        dom.style.height = Math.max(height, rowMinHeight) + 'px';
+        dom.style.height = height + 'px';
+        var win = (dom.ownerDocument && dom.ownerDocument.defaultView) || window;
+        dom.style.height = win.getComputedStyle(dom).height;
         var table = dom.closest('table');
         var newHeight = (parseFloat(tableHeight) + offset) + 'px';
         var current = table && table.style.height;
         if (current && current !== newHeight) {
             table.style.height = (parseFloat(tableHeight) + offset) + 'px';
+            table.style.height = win.getComputedStyle(table).height;
         }
     }
 }
 function handleDecorations(state, pos) {
     var decorations = [];
     if (typeof pos !== 'number') {
-        return;
+        return prosemirror_view_1.DecorationSet.empty;
     }
     var $row = state.doc.resolve(pos), table = $row.parent, map = prosemirror_tables_1.TableMap.get(table), rowIndex = $row.index($row.depth), start = $row.start($row.depth);
     for (var col = 0; col < map.width; col++) {
         var index = col + rowIndex * map.width;
         var cellPos = map.map[index];
-        var widgetPos = start + cellPos + table.nodeAt(cellPos).nodeSize - 1;
+        var cell = table.nodeAt(cellPos);
+        var widgetPos = start + cellPos + (cell ? cell.nodeSize : 0) - 1;
         var dom = document.createElement('div');
         dom.className = 'row-resize-handle';
         decorations.push(prosemirror_view_1.Decoration.widget(widgetPos, dom));

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

@@ -1,6 +1,4 @@
 import { Plugin } from 'prosemirror-state';
-export interface NodeResizeOptions {
+export declare const tableResizing: (options?: {
     node: string;
-    lockRatio: boolean;
-}
-export declare const tableResizing: (options?: NodeResizeOptions) => Plugin<any, any>;
+}) => Plugin<any, any>;