@gravity-ui/markdown-editor 15.19.0 → 15.20.0

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

@@ -0,0 +1,463 @@
+import { Slice } from "../../../../../../pm/model.js";
+import { TextSelection } from "../../../../../../pm/state.js";
+import { findParentNodeClosestToPos } from "../../../../../../pm/utils.js";
+import { debounce, range as iterate } from "../../../../../../lodash.js";
+import { isTableNode } from "../../../../../../table-utils/index.js";
+import { TableDesc, } from "../../../../../../table-utils/table-desc.js";
+import { YfmTableNode } from "../../../YfmTableSpecs/index.js";
+import { clearAllSelections, selectDraggedColumn, selectDraggedRow } from "../plugins/dnd-plugin.js";
+import { hideHoverDecos } from "../plugins/focus-plugin.js";
+import { DropCursor as RowDropCursor, TableColumnDropCursor, } from "./dnd-drop-cursor.js";
+import "./dnd.css";
+const MOUSE_MOVE_DEBOUNCE = 100; // ms
+const DRAG_START_THRESHOLD = 4; // px
+export class YfmTableDnDHandler {
+    _rowHandler;
+    _columnHandler;
+    get row() {
+        return this._rowHandler;
+    }
+    get column() {
+        return this._columnHandler;
+    }
+    constructor(view, params) {
+        this._rowHandler = new YfmTableRowDnDHandler(view, params);
+        this._columnHandler = new YfmTableColumnDnDHandler(view, params);
+    }
+    update(node) {
+        this._rowHandler.update(node);
+        this._columnHandler.update(node);
+    }
+    destroy() {
+        this._rowHandler.destroy();
+        this._columnHandler.destroy();
+    }
+}
+class YfmTableDnDAbstractHandler {
+    _cellGetPos;
+    _editorView;
+    _logger;
+    _dropCursor;
+    __cellNode;
+    __dragging = false;
+    __destroyed = false;
+    __dragMouseDown = false;
+    constructor(view, params) {
+        this._editorView = view;
+        this.__cellNode = params.cellNode;
+        this._cellGetPos = params.cellGetPos;
+        this._logger = params.logger;
+        this._dropCursor = params.dropCursor;
+    }
+    update(cellnode) {
+        this.__cellNode = cellnode;
+    }
+    destroy() {
+        this.__destroyed = true;
+        this._clearDragging();
+    }
+    control_handleMouseDown = (event) => {
+        this.__dragMouseDown = { pageX: event.pageX, pageY: event.pageY };
+        this._dropCursor.clear();
+    };
+    control_handleMouseUp = () => {
+        this.__dragMouseDown = false;
+    };
+    control_handleMouseMove = (event) => {
+        if (!this._dragMouseDown || !isDragThresholdPassed(this._dragMouseDown, event))
+            return;
+        if (this._editorView.dragging || this._dragging)
+            return;
+        this._startDragging();
+    };
+    get _cellNode() {
+        return this.__cellNode;
+    }
+    get _dragging() {
+        return this.__dragging;
+    }
+    set _dragging(val) {
+        this.__dragging = val;
+    }
+    get _destroyed() {
+        return this.__destroyed;
+    }
+    get _dragMouseDown() {
+        return this.__dragMouseDown;
+    }
+    _getTableDescAndCellInfo() {
+        const tcellPos = this._cellGetPos();
+        const tableNode = tcellPos === undefined
+            ? undefined
+            : findParentNodeClosestToPos(this._editorView.state.doc.resolve(tcellPos), isTableNode);
+        const tableDesc = tableNode && TableDesc.create(tableNode.node)?.bind(tableNode.pos);
+        const cellInfo = tableDesc?.base.getCellInfo(this._cellNode);
+        return cellInfo
+            ? {
+                cellPos: tcellPos,
+                table: tableNode,
+                tableDesc: tableDesc,
+                cellInfo,
+            }
+            : null;
+    }
+    _clearDragging() {
+        this.__dragging = false;
+        this.__dragMouseDown = false;
+        this._dropCursor.clear();
+        this._editorView.dragging = null;
+        this._editorView.dispatch(clearAllSelections(this._editorView.state.tr));
+    }
+}
+class YfmTableRowDnDHandler extends YfmTableDnDAbstractHandler {
+    constructor(view, params) {
+        super(view, {
+            ...params,
+            logger: params.logger.nested({ component: 'row-dnd-handler' }),
+            dropCursor: new RowDropCursor(view, params.dropCursor),
+        });
+    }
+    canDrag() {
+        const res = this._getTableDescAndCellInfo();
+        if (!res)
+            return false;
+        const rowRange = res.tableDesc.base.getRowRangeByRowIdx(res.cellInfo.row);
+        return rowRange.safeTopBoundary && rowRange.safeBottomBoundary;
+    }
+    _startDragging = () => {
+        const info = this._getTableDescAndCellInfo();
+        if (!info)
+            return;
+        const { tableDesc, cellInfo } = info;
+        const rowRanges = tableDesc.base.getRowRanges();
+        const currRowRange = tableDesc.base.getRowRangeByRowIdx(cellInfo.row);
+        if (!currRowRange.safeTopBoundary || !currRowRange.safeBottomBoundary)
+            return;
+        this._dragging = true;
+        this._logger.event({ event: 'row-drag-start' });
+        {
+            const { tr } = this._editorView.state;
+            hideHoverDecos(tr);
+            selectDraggedRow(tr, iterate(currRowRange.startIdx, currRowRange.endIdx + 1).map((rowIdx) => tableDesc.getPosForRow(rowIdx)));
+            this._editorView.dispatch(tr);
+        }
+        {
+            const from = tableDesc.getPosForRow(currRowRange.startIdx).from;
+            const to = tableDesc.getPosForRow(currRowRange.endIdx).to;
+            this._editorView.dragging = {
+                move: true,
+                slice: this._editorView.state.doc.slice(from, to, false),
+            };
+        }
+        const dndBackground = document.createElement('div');
+        dndBackground.classList.add('g-md-yfm-table-dnd-cursor-background');
+        document.body.append(dndBackground);
+        const draggedRangeIdx = rowRanges.indexOf(currRowRange);
+        const onMove = debounce((event) => {
+            this._moveDragging(event, {
+                rangeIdx: draggedRangeIdx,
+                tableDesc,
+            });
+        }, MOUSE_MOVE_DEBOUNCE, { maxWait: MOUSE_MOVE_DEBOUNCE });
+        document.addEventListener('mousemove', onMove);
+        document.addEventListener('mouseup', () => {
+            onMove.flush();
+            dndBackground.remove();
+            document.removeEventListener('mousemove', onMove);
+            this._endDragging(currRowRange, tableDesc);
+        }, { once: true });
+    };
+    _moveDragging(event, { rangeIdx, tableDesc: initialTableDesc, }) {
+        if (this._destroyed || !this._dragging)
+            return;
+        const info = this._getTableDescAndCellInfo();
+        if (!info || info.tableDesc.base !== initialTableDesc.base) {
+            this._clearDragging();
+            return;
+        }
+        const { tableDesc } = info;
+        const ranges = tableDesc.base.getRowRanges();
+        const boxes = ranges.map((range) => {
+            const firstRowStartPos = tableDesc.getPosForRow(range.startIdx).from;
+            const lastRowPos = tableDesc.getPosForRow(range.endIdx);
+            const lastRowStartPos = lastRowPos.from;
+            const lastRowEndPos = lastRowPos.to;
+            const firstRowElem = this._editorView.domAtPos(firstRowStartPos + 1).node;
+            const firstRowBox = firstRowElem.getBoundingClientRect();
+            const lastRowElem = this._editorView.domAtPos(lastRowStartPos + 1).node;
+            const lastRowBox = lastRowElem.getBoundingClientRect();
+            return {
+                pos: { from: firstRowStartPos, to: lastRowEndPos },
+                rect: {
+                    top: firstRowBox.top,
+                    bottom: lastRowBox.bottom,
+                },
+                safeTopBoundary: range.safeTopBoundary,
+                safeBottomBoundary: range.safeBottomBoundary,
+            };
+        });
+        const pos = (() => {
+            const { clientY } = event;
+            const draggedRangeBox = boxes[rangeIdx];
+            const isDraggedFirst = rangeIdx === 0;
+            const isDraggedLast = rangeIdx === boxes.length - 1;
+            if (!isDraggedFirst && clientY < draggedRangeBox.rect.top) {
+                for (const box of boxes.slice(0, rangeIdx).reverse()) {
+                    if (clientY < box.rect.top)
+                        continue;
+                    if (!box.safeTopBoundary)
+                        continue;
+                    return box.pos.from;
+                }
+                return boxes[0].pos.from;
+            }
+            if (!isDraggedLast && clientY > draggedRangeBox.rect.bottom) {
+                for (const box of boxes.slice(rangeIdx + 1)) {
+                    if (clientY > box.rect.bottom)
+                        continue;
+                    if (!box.safeBottomBoundary)
+                        continue;
+                    return box.pos.to;
+                }
+                return boxes.at(-1).pos.to;
+            }
+            return null;
+        })();
+        if (typeof pos === 'number')
+            this._dropCursor.setPos(pos);
+        else
+            this._dropCursor.clear();
+    }
+    _endDragging(draggedRange, initialTableDesc) {
+        if (this._destroyed || !this._dragging)
+            return;
+        const point = this._dropCursor.getPos();
+        this._clearDragging();
+        this._logger.event({ event: 'row-drag-end' });
+        if (point === null) {
+            this._editorView.focus();
+            return;
+        }
+        const info = this._getTableDescAndCellInfo();
+        if (!info || info.tableDesc.base !== initialTableDesc.base) {
+            this._editorView.focus();
+            return;
+        }
+        const rangeFrom = info.tableDesc.getPosForRow(draggedRange.startIdx).from;
+        const rangeTo = info.tableDesc.getPosForRow(draggedRange.endIdx).to;
+        if (point === rangeFrom || point === rangeTo) {
+            this._editorView.focus();
+            return;
+        }
+        const { tr } = this._editorView.state;
+        const fragment = tr.doc.slice(rangeFrom, rangeTo, false).content;
+        if (point > rangeFrom) {
+            tr.insert(point, fragment);
+            tr.delete(rangeFrom, rangeTo);
+        }
+        else {
+            tr.delete(rangeFrom, rangeTo);
+            tr.insert(point, fragment);
+        }
+        tr.setSelection(TextSelection.near(tr.doc.resolve(tr.mapping.map(point + 1)), 1));
+        tr.scrollIntoView();
+        this._editorView.dispatch(tr);
+        this._editorView.focus();
+    }
+}
+class YfmTableColumnDnDHandler extends YfmTableDnDAbstractHandler {
+    constructor(view, params) {
+        super(view, {
+            ...params,
+            logger: params.logger.nested({ component: 'column-dnd-handler' }),
+            dropCursor: new TableColumnDropCursor(view, params.dropCursor),
+        });
+    }
+    canDrag() {
+        const res = this._getTableDescAndCellInfo();
+        if (!res)
+            return false;
+        const rowRange = res.tableDesc.base.getColumnRangeByColumnIdx(res.cellInfo.column);
+        return rowRange.safeLeftBoundary && rowRange.safeRightBoundary;
+    }
+    _startDragging() {
+        const info = this._getTableDescAndCellInfo();
+        if (!info)
+            return;
+        const { tableDesc, cellInfo } = info;
+        const columnRanges = tableDesc.base.getColumnRanges();
+        const currColumnRange = tableDesc.base.getColumnRangeByColumnIdx(cellInfo.column);
+        if (!currColumnRange.safeLeftBoundary || !currColumnRange.safeRightBoundary)
+            return;
+        this._dragging = true;
+        this._logger.event({ event: 'column-drag-start' });
+        {
+            const columnCellsPos = [];
+            for (const i of iterate(currColumnRange.startIdx, currColumnRange.endIdx + 1)) {
+                columnCellsPos.push(...tableDesc.getPosForColumn(i));
+            }
+            const realPos = columnCellsPos.filter((cell) => cell.type === 'real');
+            const { tr } = this._editorView.state;
+            hideHoverDecos(tr);
+            selectDraggedColumn(tr, realPos);
+            this._editorView.dispatch(tr);
+        }
+        {
+            this._editorView.dragging = {
+                move: true,
+                slice: Slice.empty,
+            };
+        }
+        const dndBackground = document.createElement('div');
+        dndBackground.classList.add('g-md-yfm-table-dnd-cursor-background');
+        document.body.append(dndBackground);
+        const draggedRangeIdx = columnRanges.indexOf(currColumnRange);
+        const onMove = debounce((event) => {
+            this._moveDragging(event, {
+                rangeIdx: draggedRangeIdx,
+                tableDesc,
+            });
+        }, MOUSE_MOVE_DEBOUNCE, { maxWait: MOUSE_MOVE_DEBOUNCE });
+        document.addEventListener('mousemove', onMove);
+        document.addEventListener('mouseup', () => {
+            onMove.flush();
+            dndBackground.remove();
+            document.removeEventListener('mousemove', onMove);
+            this._endDragging(currColumnRange, tableDesc);
+        }, { once: true });
+    }
+    _moveDragging(event, { rangeIdx, tableDesc: initialTableDesc, }) {
+        if (this._destroyed || !this._dragging)
+            return;
+        const info = this._getTableDescAndCellInfo();
+        if (!info || info.tableDesc.base !== initialTableDesc.base) {
+            this._clearDragging();
+            return;
+        }
+        const { tableDesc } = info;
+        const ranges = tableDesc.base.getColumnRanges();
+        const boxes = ranges.map((range) => {
+            const firstColStartPos = getCellPos(tableDesc.getPosForCell(0, range.startIdx), 'start');
+            const lastColPos = tableDesc.getPosForCell(0, range.startIdx);
+            const lastColStartPos = getCellPos(lastColPos, 'start');
+            const lastColEndPos = getCellPos(lastColPos, 'end');
+            const firstColElem = this._editorView.domAtPos(firstColStartPos + 1).node;
+            const firstColBox = firstColElem.getBoundingClientRect();
+            const lastColElem = this._editorView.domAtPos(lastColStartPos + 1).node;
+            const lastColBox = lastColElem.getBoundingClientRect();
+            return {
+                pos: { from: firstColStartPos, to: lastColEndPos },
+                rect: {
+                    left: firstColBox.left,
+                    right: lastColBox.right,
+                },
+                safeLeftBoundary: range.safeLeftBoundary,
+                safeRightBoundary: range.safeRightBoundary,
+            };
+        });
+        const pos = (() => {
+            const { clientX } = event;
+            const draggedRangeBox = boxes[rangeIdx];
+            const isDraggedFirst = rangeIdx === 0;
+            const isDraggedLast = rangeIdx === boxes.length - 1;
+            if (!isDraggedFirst && clientX < draggedRangeBox.rect.left) {
+                for (const box of boxes.slice(0, rangeIdx).reverse()) {
+                    if (clientX < box.rect.left)
+                        continue;
+                    if (!box.safeLeftBoundary)
+                        continue;
+                    return box.pos.from;
+                }
+                return boxes[0].pos.from;
+            }
+            if (!isDraggedLast && clientX > draggedRangeBox.rect.right) {
+                for (const box of boxes.slice(rangeIdx + 1)) {
+                    if (clientX > box.rect.right)
+                        continue;
+                    if (!box.safeRightBoundary)
+                        continue;
+                    return box.pos.to;
+                }
+                return boxes.at(-1).pos.to;
+            }
+            return null;
+        })();
+        if (typeof pos === 'number')
+            this._dropCursor.setPos(pos);
+        else
+            this._dropCursor.clear();
+    }
+    _endDragging(draggedRange, initialTableDesc) {
+        if (this._destroyed || !this._dragging)
+            return;
+        const point = this._dropCursor.getPos();
+        this._clearDragging();
+        this._logger.event({ event: 'column-drag-end' });
+        if (point === null) {
+            this._editorView.focus();
+            return;
+        }
+        const info = this._getTableDescAndCellInfo();
+        if (!info || info.tableDesc.base !== initialTableDesc.base) {
+            this._editorView.focus();
+            return;
+        }
+        const currRangeFrom = info.tableDesc.getPosForCell(0, draggedRange.startIdx).from;
+        const currRangeTo = info.tableDesc.getPosForCell(0, draggedRange.endIdx)
+            .to;
+        if (point === currRangeFrom || point === currRangeTo)
+            return;
+        const targetColumnIndex = (() => {
+            if (point === info.tableDesc.getPosForRow(0).to - 1) {
+                return info.tableDesc.cols;
+            }
+            const cellNode = this._editorView.state.doc.nodeAt(point);
+            if (!cellNode || cellNode.type.name !== YfmTableNode.Cell)
+                return null;
+            const cellInfo = info.tableDesc.base.getCellInfo(cellNode);
+            if (!cellInfo)
+                return null;
+            return cellInfo.column;
+        })();
+        if (targetColumnIndex === null ||
+            targetColumnIndex === info.cellInfo.column ||
+            targetColumnIndex === info.cellInfo.column + 1) {
+            this._editorView.focus();
+            return;
+        }
+        const { tr } = this._editorView.state;
+        for (let rowIdx = 0; rowIdx < info.tableDesc.rows; rowIdx++) {
+            const from = getCellPos(info.tableDesc.getPosForCell(rowIdx, draggedRange.startIdx), 'start');
+            const to = getCellPos(info.tableDesc.getPosForCell(rowIdx, draggedRange.endIdx), 'end');
+            if (from === to)
+                continue;
+            let targetPos;
+            if (targetColumnIndex === info.tableDesc.cols) {
+                targetPos = info.tableDesc.getPosForRow(rowIdx).to - 1;
+            }
+            else if (targetColumnIndex === 0) {
+                targetPos = info.tableDesc.getPosForRow(rowIdx).from + 1;
+            }
+            else {
+                targetPos = getCellPos(info.tableDesc.getPosForCell(rowIdx, targetColumnIndex), 'start');
+            }
+            if (targetPos !== from && targetPos !== to) {
+                const fragment = tr.doc.slice(from, to, false).content;
+                tr.insert(tr.mapping.map(targetPos), fragment);
+                tr.delete(tr.mapping.map(from), tr.mapping.map(to));
+            }
+        }
+        this._editorView.dispatch(tr.scrollIntoView());
+        this._editorView.focus();
+    }
+}
+function getCellPos(pos, dir) {
+    if (pos.type === 'virtual')
+        return pos.closestPos;
+    return dir === 'start' ? pos.from : pos.to;
+}
+function isDragThresholdPassed(init, curr) {
+    return (Math.abs(init.pageX - curr.pageX) >= DRAG_START_THRESHOLD ||
+        Math.abs(init.pageY - curr.pageY) >= DRAG_START_THRESHOLD);
+}
+//# sourceMappingURL=dnd.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"dnd.js","sourceRoot":"../../../../../../../../src","sources":["extensions/yfm/YfmTable/plugins/YfmTableControls/dnd/dnd.ts"],"names":[],"mappings":"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","sourcesContent":["import {type Node, Slice} from '#pm/model';\nimport {TextSelection} from '#pm/state';\nimport {findParentNodeClosestToPos} from '#pm/utils';\nimport type {EditorView} from '#pm/view';\nimport {debounce, range as iterate} from 'src/lodash';\nimport type {Logger2} from 'src/logger';\nimport {isTableNode} from 'src/table-utils';\nimport {\n    type CellPos,\n    type RealCellPos,\n    type TableColumnRange,\n    TableDesc,\n    type TableDescBinded,\n    type TableRowRange,\n} from 'src/table-utils/table-desc';\n\nimport {YfmTableNode} from '../../../YfmTableSpecs';\nimport {clearAllSelections, selectDraggedColumn, selectDraggedRow} from '../plugins/dnd-plugin';\nimport {hideHoverDecos} from '../plugins/focus-plugin';\n\nimport {\n    type DropCursorParams,\n    DropCursor as RowDropCursor,\n    TableColumnDropCursor,\n} from './dnd-drop-cursor';\n\nimport './dnd.scss';\n\nconst MOUSE_MOVE_DEBOUNCE = 100; // ms\nconst DRAG_START_THRESHOLD = 4; // px\n\ntype PageCoords = Pick<MouseEvent, 'pageX' | 'pageY'>;\n\nexport type DnDControlHandler = {\n    canDrag(): boolean;\n    control_handleMouseDown: React.MouseEventHandler<HTMLButtonElement>;\n    control_handleMouseMove: React.MouseEventHandler<HTMLButtonElement>;\n    control_handleMouseUp: React.MouseEventHandler<HTMLButtonElement>;\n};\n\ninterface TableHandler {\n    update(node: Node): void;\n    destroy(): void;\n}\n\nexport type YfmTableDnDHandlerParams = {\n    cellNode: Node;\n    cellGetPos: () => number | undefined;\n    logger: Logger2.ILogger;\n    dropCursor?: DropCursorParams;\n};\n\nexport class YfmTableDnDHandler implements TableHandler {\n    private readonly _rowHandler: YfmTableRowDnDHandler;\n    private readonly _columnHandler: YfmTableColumnDnDHandler;\n\n    get row(): DnDControlHandler {\n        return this._rowHandler;\n    }\n\n    get column(): DnDControlHandler {\n        return this._columnHandler;\n    }\n\n    constructor(view: EditorView, params: YfmTableDnDHandlerParams) {\n        this._rowHandler = new YfmTableRowDnDHandler(view, params);\n        this._columnHandler = new YfmTableColumnDnDHandler(view, params);\n    }\n\n    update(node: Node): void {\n        this._rowHandler.update(node);\n        this._columnHandler.update(node);\n    }\n\n    destroy(): void {\n        this._rowHandler.destroy();\n        this._columnHandler.destroy();\n    }\n}\n\nabstract class YfmTableDnDAbstractHandler implements TableHandler, DnDControlHandler {\n    protected readonly _cellGetPos: () => number | undefined;\n    protected readonly _editorView: EditorView;\n    protected readonly _logger: Logger2.ILogger;\n    protected readonly _dropCursor: RowDropCursor;\n\n    private __cellNode: Node;\n    private __dragging = false;\n    private __destroyed = false;\n    private __dragMouseDown: false | PageCoords = false;\n\n    constructor(\n        view: EditorView,\n        params: Omit<YfmTableDnDHandlerParams, 'dropCursor'> & {dropCursor: RowDropCursor},\n    ) {\n        this._editorView = view;\n        this.__cellNode = params.cellNode;\n        this._cellGetPos = params.cellGetPos;\n        this._logger = params.logger;\n        this._dropCursor = params.dropCursor;\n    }\n\n    update(cellnode: Node) {\n        this.__cellNode = cellnode;\n    }\n\n    destroy() {\n        this.__destroyed = true;\n        this._clearDragging();\n    }\n\n    abstract canDrag(): boolean;\n\n    control_handleMouseDown: React.MouseEventHandler<HTMLButtonElement> = (event) => {\n        this.__dragMouseDown = {pageX: event.pageX, pageY: event.pageY};\n        this._dropCursor.clear();\n    };\n\n    control_handleMouseUp: React.MouseEventHandler<HTMLButtonElement> = () => {\n        this.__dragMouseDown = false;\n    };\n\n    control_handleMouseMove: React.MouseEventHandler<HTMLButtonElement> = (event) => {\n        if (!this._dragMouseDown || !isDragThresholdPassed(this._dragMouseDown, event)) return;\n\n        if (this._editorView.dragging || this._dragging) return;\n        this._startDragging();\n    };\n\n    protected get _cellNode(): Node {\n        return this.__cellNode;\n    }\n\n    protected get _dragging() {\n        return this.__dragging;\n    }\n\n    protected set _dragging(val: boolean) {\n        this.__dragging = val;\n    }\n\n    protected get _destroyed() {\n        return this.__destroyed;\n    }\n\n    protected get _dragMouseDown() {\n        return this.__dragMouseDown;\n    }\n\n    protected abstract _startDragging(): void;\n\n    protected _getTableDescAndCellInfo() {\n        const tcellPos = this._cellGetPos();\n        const tableNode =\n            tcellPos === undefined\n                ? undefined\n                : findParentNodeClosestToPos(\n                      this._editorView.state.doc.resolve(tcellPos),\n                      isTableNode,\n                  );\n        const tableDesc = tableNode && TableDesc.create(tableNode.node)?.bind(tableNode.pos);\n        const cellInfo = tableDesc?.base.getCellInfo(this._cellNode);\n        return cellInfo\n            ? {\n                  cellPos: tcellPos!,\n                  table: tableNode!,\n                  tableDesc: tableDesc!,\n                  cellInfo,\n              }\n            : null;\n    }\n\n    protected _clearDragging() {\n        this.__dragging = false;\n        this.__dragMouseDown = false;\n        this._dropCursor.clear();\n        this._editorView.dragging = null;\n        this._editorView.dispatch(clearAllSelections(this._editorView.state.tr));\n    }\n}\n\nclass YfmTableRowDnDHandler extends YfmTableDnDAbstractHandler {\n    constructor(view: EditorView, params: YfmTableDnDHandlerParams) {\n        super(view, {\n            ...params,\n            logger: params.logger.nested({component: 'row-dnd-handler'}),\n            dropCursor: new RowDropCursor(view, params.dropCursor),\n        });\n    }\n\n    canDrag(): boolean {\n        const res = this._getTableDescAndCellInfo();\n        if (!res) return false;\n        const rowRange = res.tableDesc.base.getRowRangeByRowIdx(res.cellInfo.row);\n        return rowRange.safeTopBoundary && rowRange.safeBottomBoundary;\n    }\n\n    protected _startDragging = () => {\n        const info = this._getTableDescAndCellInfo();\n        if (!info) return;\n\n        const {tableDesc, cellInfo} = info;\n        const rowRanges = tableDesc.base.getRowRanges();\n        const currRowRange = tableDesc.base.getRowRangeByRowIdx(cellInfo.row);\n        if (!currRowRange.safeTopBoundary || !currRowRange.safeBottomBoundary) return;\n\n        this._dragging = true;\n        this._logger.event({event: 'row-drag-start'});\n\n        {\n            const {tr} = this._editorView.state;\n            hideHoverDecos(tr);\n            selectDraggedRow(\n                tr,\n                iterate(currRowRange.startIdx, currRowRange.endIdx + 1).map((rowIdx) =>\n                    tableDesc.getPosForRow(rowIdx),\n                ),\n            );\n            this._editorView.dispatch(tr);\n        }\n\n        {\n            const from = tableDesc.getPosForRow(currRowRange.startIdx).from;\n            const to = tableDesc.getPosForRow(currRowRange.endIdx).to;\n            this._editorView.dragging = {\n                move: true,\n                slice: this._editorView.state.doc.slice(from, to, false),\n            };\n        }\n\n        const dndBackground = document.createElement('div');\n        dndBackground.classList.add('g-md-yfm-table-dnd-cursor-background');\n        document.body.append(dndBackground);\n\n        const draggedRangeIdx = rowRanges.indexOf(currRowRange);\n\n        const onMove = debounce(\n            (event: MouseEvent) => {\n                this._moveDragging(event, {\n                    rangeIdx: draggedRangeIdx,\n                    tableDesc,\n                });\n            },\n            MOUSE_MOVE_DEBOUNCE,\n            {maxWait: MOUSE_MOVE_DEBOUNCE},\n        );\n\n        document.addEventListener('mousemove', onMove);\n\n        document.addEventListener(\n            'mouseup',\n            () => {\n                onMove.flush();\n                dndBackground.remove();\n                document.removeEventListener('mousemove', onMove);\n                this._endDragging(currRowRange, tableDesc);\n            },\n            {once: true},\n        );\n    };\n\n    private _moveDragging(\n        event: MouseEvent,\n        {\n            rangeIdx,\n            tableDesc: initialTableDesc,\n        }: {\n            rangeIdx: number;\n            tableDesc: TableDescBinded;\n        },\n    ) {\n        if (this._destroyed || !this._dragging) return;\n\n        const info = this._getTableDescAndCellInfo();\n        if (!info || info.tableDesc.base !== initialTableDesc.base) {\n            this._clearDragging();\n            return;\n        }\n\n        const {tableDesc} = info;\n        const ranges = tableDesc.base.getRowRanges();\n\n        const boxes = ranges.map((range: Readonly<TableRowRange>) => {\n            const firstRowStartPos = tableDesc.getPosForRow(range.startIdx).from;\n            const lastRowPos = tableDesc.getPosForRow(range.endIdx);\n            const lastRowStartPos = lastRowPos.from;\n            const lastRowEndPos = lastRowPos.to;\n\n            const firstRowElem = this._editorView.domAtPos(firstRowStartPos + 1).node as Element;\n            const firstRowBox = firstRowElem.getBoundingClientRect();\n\n            const lastRowElem = this._editorView.domAtPos(lastRowStartPos + 1).node as Element;\n            const lastRowBox = lastRowElem.getBoundingClientRect();\n\n            return {\n                pos: {from: firstRowStartPos, to: lastRowEndPos},\n                rect: {\n                    top: firstRowBox.top,\n                    bottom: lastRowBox.bottom,\n                },\n                safeTopBoundary: range.safeTopBoundary,\n                safeBottomBoundary: range.safeBottomBoundary,\n            };\n        });\n\n        const pos = ((): number | null => {\n            const {clientY} = event;\n            const draggedRangeBox = boxes[rangeIdx];\n            const isDraggedFirst = rangeIdx === 0;\n            const isDraggedLast = rangeIdx === boxes.length - 1;\n\n            if (!isDraggedFirst && clientY < draggedRangeBox.rect.top) {\n                for (const box of boxes.slice(0, rangeIdx).reverse()) {\n                    if (clientY < box.rect.top) continue;\n                    if (!box.safeTopBoundary) continue;\n                    return box.pos.from;\n                }\n                return boxes[0].pos.from;\n            }\n\n            if (!isDraggedLast && clientY > draggedRangeBox.rect.bottom) {\n                for (const box of boxes.slice(rangeIdx + 1)) {\n                    if (clientY > box.rect.bottom) continue;\n                    if (!box.safeBottomBoundary) continue;\n                    return box.pos.to;\n                }\n                return boxes.at(-1)!.pos.to;\n            }\n\n            return null;\n        })();\n\n        if (typeof pos === 'number') this._dropCursor.setPos(pos);\n        else this._dropCursor.clear();\n    }\n\n    private _endDragging(draggedRange: Readonly<TableRowRange>, initialTableDesc: TableDescBinded) {\n        if (this._destroyed || !this._dragging) return;\n\n        const point = this._dropCursor.getPos();\n        this._clearDragging();\n        this._logger.event({event: 'row-drag-end'});\n\n        if (point === null) {\n            this._editorView.focus();\n            return;\n        }\n\n        const info = this._getTableDescAndCellInfo();\n        if (!info || info.tableDesc.base !== initialTableDesc.base) {\n            this._editorView.focus();\n            return;\n        }\n\n        const rangeFrom = info.tableDesc.getPosForRow(draggedRange.startIdx).from;\n        const rangeTo = info.tableDesc.getPosForRow(draggedRange.endIdx).to;\n        if (point === rangeFrom || point === rangeTo) {\n            this._editorView.focus();\n            return;\n        }\n\n        const {tr} = this._editorView.state;\n        const fragment = tr.doc.slice(rangeFrom, rangeTo, false).content;\n        if (point > rangeFrom) {\n            tr.insert(point, fragment);\n            tr.delete(rangeFrom, rangeTo);\n        } else {\n            tr.delete(rangeFrom, rangeTo);\n            tr.insert(point, fragment);\n        }\n        tr.setSelection(TextSelection.near(tr.doc.resolve(tr.mapping.map(point + 1)), 1));\n        tr.scrollIntoView();\n        this._editorView.dispatch(tr);\n\n        this._editorView.focus();\n    }\n}\n\nclass YfmTableColumnDnDHandler extends YfmTableDnDAbstractHandler {\n    constructor(view: EditorView, params: YfmTableDnDHandlerParams) {\n        super(view, {\n            ...params,\n            logger: params.logger.nested({component: 'column-dnd-handler'}),\n            dropCursor: new TableColumnDropCursor(view, params.dropCursor),\n        });\n    }\n\n    canDrag(): boolean {\n        const res = this._getTableDescAndCellInfo();\n        if (!res) return false;\n        const rowRange = res.tableDesc.base.getColumnRangeByColumnIdx(res.cellInfo.column);\n        return rowRange.safeLeftBoundary && rowRange.safeRightBoundary;\n    }\n\n    protected _startDragging() {\n        const info = this._getTableDescAndCellInfo();\n        if (!info) return;\n\n        const {tableDesc, cellInfo} = info;\n        const columnRanges = tableDesc.base.getColumnRanges();\n        const currColumnRange = tableDesc.base.getColumnRangeByColumnIdx(cellInfo.column);\n        if (!currColumnRange.safeLeftBoundary || !currColumnRange.safeRightBoundary) return;\n\n        this._dragging = true;\n        this._logger.event({event: 'column-drag-start'});\n\n        {\n            const columnCellsPos: CellPos[] = [];\n            for (const i of iterate(currColumnRange.startIdx, currColumnRange.endIdx + 1)) {\n                columnCellsPos.push(...tableDesc.getPosForColumn(i));\n            }\n            const realPos = columnCellsPos.filter((cell) => cell.type === 'real');\n\n            const {tr} = this._editorView.state;\n            hideHoverDecos(tr);\n            selectDraggedColumn(tr, realPos);\n            this._editorView.dispatch(tr);\n        }\n        {\n            this._editorView.dragging = {\n                move: true,\n                slice: Slice.empty,\n            };\n        }\n\n        const dndBackground = document.createElement('div');\n        dndBackground.classList.add('g-md-yfm-table-dnd-cursor-background');\n        document.body.append(dndBackground);\n\n        const draggedRangeIdx = columnRanges.indexOf(currColumnRange);\n\n        const onMove = debounce(\n            (event: MouseEvent) => {\n                this._moveDragging(event, {\n                    rangeIdx: draggedRangeIdx,\n                    tableDesc,\n                });\n            },\n            MOUSE_MOVE_DEBOUNCE,\n            {maxWait: MOUSE_MOVE_DEBOUNCE},\n        );\n\n        document.addEventListener('mousemove', onMove);\n\n        document.addEventListener(\n            'mouseup',\n            () => {\n                onMove.flush();\n                dndBackground.remove();\n                document.removeEventListener('mousemove', onMove);\n                this._endDragging(currColumnRange, tableDesc);\n            },\n            {once: true},\n        );\n    }\n\n    private _moveDragging(\n        event: MouseEvent,\n        {\n            rangeIdx,\n            tableDesc: initialTableDesc,\n        }: {\n            rangeIdx: number;\n            tableDesc: TableDescBinded;\n        },\n    ) {\n        if (this._destroyed || !this._dragging) return;\n\n        const info = this._getTableDescAndCellInfo();\n        if (!info || info.tableDesc.base !== initialTableDesc.base) {\n            this._clearDragging();\n            return;\n        }\n\n        const {tableDesc} = info;\n        const ranges = tableDesc.base.getColumnRanges();\n\n        const boxes = ranges.map((range: Readonly<TableColumnRange>) => {\n            const firstColStartPos = getCellPos(\n                tableDesc.getPosForCell(0, range.startIdx),\n                'start',\n            );\n            const lastColPos = tableDesc.getPosForCell(0, range.startIdx);\n            const lastColStartPos = getCellPos(lastColPos, 'start');\n            const lastColEndPos = getCellPos(lastColPos, 'end');\n\n            const firstColElem = this._editorView.domAtPos(firstColStartPos + 1).node as Element;\n            const firstColBox = firstColElem.getBoundingClientRect();\n\n            const lastColElem = this._editorView.domAtPos(lastColStartPos + 1).node as Element;\n            const lastColBox = lastColElem.getBoundingClientRect();\n\n            return {\n                pos: {from: firstColStartPos, to: lastColEndPos},\n                rect: {\n                    left: firstColBox.left,\n                    right: lastColBox.right,\n                },\n                safeLeftBoundary: range.safeLeftBoundary,\n                safeRightBoundary: range.safeRightBoundary,\n            };\n        });\n\n        const pos = ((): number | null => {\n            const {clientX} = event;\n            const draggedRangeBox = boxes[rangeIdx];\n            const isDraggedFirst = rangeIdx === 0;\n            const isDraggedLast = rangeIdx === boxes.length - 1;\n\n            if (!isDraggedFirst && clientX < draggedRangeBox.rect.left) {\n                for (const box of boxes.slice(0, rangeIdx).reverse()) {\n                    if (clientX < box.rect.left) continue;\n                    if (!box.safeLeftBoundary) continue;\n                    return box.pos.from;\n                }\n                return boxes[0].pos.from;\n            }\n\n            if (!isDraggedLast && clientX > draggedRangeBox.rect.right) {\n                for (const box of boxes.slice(rangeIdx + 1)) {\n                    if (clientX > box.rect.right) continue;\n                    if (!box.safeRightBoundary) continue;\n                    return box.pos.to;\n                }\n                return boxes.at(-1)!.pos.to;\n            }\n\n            return null;\n        })();\n\n        if (typeof pos === 'number') this._dropCursor.setPos(pos);\n        else this._dropCursor.clear();\n    }\n\n    private _endDragging(\n        draggedRange: Readonly<TableColumnRange>,\n        initialTableDesc: TableDescBinded,\n    ) {\n        if (this._destroyed || !this._dragging) return;\n\n        const point = this._dropCursor.getPos();\n        this._clearDragging();\n        this._logger.event({event: 'column-drag-end'});\n\n        if (point === null) {\n            this._editorView.focus();\n            return;\n        }\n\n        const info = this._getTableDescAndCellInfo();\n        if (!info || info.tableDesc.base !== initialTableDesc.base) {\n            this._editorView.focus();\n            return;\n        }\n\n        const currRangeFrom = (\n            info.tableDesc.getPosForCell(0, draggedRange.startIdx) as RealCellPos\n        ).from;\n        const currRangeTo = (info.tableDesc.getPosForCell(0, draggedRange.endIdx) as RealCellPos)\n            .to;\n\n        if (point === currRangeFrom || point === currRangeTo) return;\n\n        const targetColumnIndex = ((): number | null => {\n            if (point === info.tableDesc.getPosForRow(0).to - 1) {\n                return info.tableDesc.cols;\n            }\n\n            const cellNode = this._editorView.state.doc.nodeAt(point);\n            if (!cellNode || cellNode.type.name !== YfmTableNode.Cell) return null;\n\n            const cellInfo = info.tableDesc.base.getCellInfo(cellNode);\n            if (!cellInfo) return null;\n\n            return cellInfo.column;\n        })();\n\n        if (\n            targetColumnIndex === null ||\n            targetColumnIndex === info.cellInfo.column ||\n            targetColumnIndex === info.cellInfo.column + 1\n        ) {\n            this._editorView.focus();\n            return;\n        }\n\n        const {tr} = this._editorView.state;\n\n        for (let rowIdx = 0; rowIdx < info.tableDesc.rows; rowIdx++) {\n            const from = getCellPos(\n                info.tableDesc.getPosForCell(rowIdx, draggedRange.startIdx),\n                'start',\n            );\n            const to = getCellPos(info.tableDesc.getPosForCell(rowIdx, draggedRange.endIdx), 'end');\n            if (from === to) continue;\n\n            let targetPos;\n            if (targetColumnIndex === info.tableDesc.cols) {\n                targetPos = info.tableDesc.getPosForRow(rowIdx).to - 1;\n            } else if (targetColumnIndex === 0) {\n                targetPos = info.tableDesc.getPosForRow(rowIdx).from + 1;\n            } else {\n                targetPos = getCellPos(\n                    info.tableDesc.getPosForCell(rowIdx, targetColumnIndex),\n                    'start',\n                );\n            }\n\n            if (targetPos !== from && targetPos !== to) {\n                const fragment = tr.doc.slice(from, to, false).content;\n                tr.insert(tr.mapping.map(targetPos), fragment);\n                tr.delete(tr.mapping.map(from), tr.mapping.map(to));\n            }\n        }\n\n        this._editorView.dispatch(tr.scrollIntoView());\n        this._editorView.focus();\n    }\n}\n\nfunction getCellPos(pos: CellPos, dir: 'start' | 'end'): number {\n    if (pos.type === 'virtual') return pos.closestPos;\n    return dir === 'start' ? pos.from : pos.to;\n}\n\nfunction isDragThresholdPassed(init: PageCoords, curr: PageCoords): boolean {\n    return (\n        Math.abs(init.pageX - curr.pageX) >= DRAG_START_THRESHOLD ||\n        Math.abs(init.pageY - curr.pageY) >= DRAG_START_THRESHOLD\n    );\n}\n"]}

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

@@ -0,0 +1,12 @@
+import type { ExtensionDeps } from "../../../../../core/index.js";
+export declare const yfmTableControlsPlugins: (opts: {
+    dndEnabled: boolean;
+}) => (_deps: ExtensionDeps) => (import("prosemirror-state").Plugin<import("prosemirror-view").DecorationSet> | import("prosemirror-state").Plugin<{
+    hover: {
+        rowIdx: number;
+        columnIdx: number;
+        tablePos: number;
+    } | null;
+    activeTablePos: number | null;
+    decorations: import("prosemirror-view").DecorationSet;
+}>)[];

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

@@ -0,0 +1,7 @@
+import { yfmTableDndPlugin } from "./plugins/dnd-plugin.js";
+import { yfmTableFocusPlugin } from "./plugins/focus-plugin.js";
+export const yfmTableControlsPlugins = (opts) => (_deps) => [
+    yfmTableFocusPlugin(opts),
+    yfmTableDndPlugin(),
+];
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"../../../../../../../src","sources":["extensions/yfm/YfmTable/plugins/YfmTableControls/index.ts"],"names":[],"mappings":"AAEA,OAAO,EAAC,iBAAiB,EAAC,gCAA6B;AACvD,OAAO,EAAC,mBAAmB,EAAC,kCAA+B;AAE3D,MAAM,CAAC,MAAM,uBAAuB,GAAG,CAAC,IAA2B,EAAE,EAAE,CAAC,CAAC,KAAoB,EAAE,EAAE,CAAC;IAC9F,mBAAmB,CAAC,IAAI,CAAC;IACzB,iBAAiB,EAAE;CACtB,CAAC","sourcesContent":["import type {ExtensionDeps} from '#core';\n\nimport {yfmTableDndPlugin} from './plugins/dnd-plugin';\nimport {yfmTableFocusPlugin} from './plugins/focus-plugin';\n\nexport const yfmTableControlsPlugins = (opts: {dndEnabled: boolean}) => (_deps: ExtensionDeps) => [\n    yfmTableFocusPlugin(opts),\n    yfmTableDndPlugin(),\n];\n"]}

package/build/esm/extensions/yfm/YfmTable/plugins/YfmTableControls/nodeviews/yfm-table-cell-view.d.ts

@@ -0,0 +1,6 @@
+import type { NodeViewConstructor } from "../../../../../../pm/view.js";
+type YfmTableCellViewOptions = {
+    dndEnabled: boolean;
+};
+export declare const yfmTableCellView: (opts: YfmTableCellViewOptions) => NodeViewConstructor;
+export {};