@gravity-ui/markdown-editor 13.17.0 → 13.18.0

package/build/cjs/i18n/menubar/index.d.ts

@@ -1,4 +1,4 @@
-export declare const i18n: <G extends "bold" | "code" | "link" | "italic" | "strike" | "underline" | "mark" | "quote" | "colorify" | "mono" | "text" | "html" | "cut" | "table" | "image" | "code_inline" | "heading" | "note" | "file" | "codeblock" | "checkbox" | "emoji" | "list" | "tabs" | "math" | "heading1" | "heading2" | "heading3" | "heading4" | "heading5" | "heading6" | "undo" | "redo" | "math_inline" | "math_block" | "colorify__color_blue" | "colorify__color_default" | "colorify__color_gray" | "colorify__color_green" | "colorify__color_orange" | "colorify__color_red" | "colorify__color_violet" | "colorify__color_yellow" | "colorify__group_text" | "folding-heading" | "folding-heading_hint" | "hrule" | "list__action_lift" | "list__action_sink" | "list_action_disabled" | "mermaid" | "more_action" | "olist" | "ulist", S extends string>(key: G | (string extends S ? S : never), params?: {
+export declare const i18n: <G extends "bold" | "code" | "link" | "italic" | "strike" | "underline" | "mark" | "quote" | "colorify" | "mono" | "text" | "html" | "cut" | "table" | "image" | "code_inline" | "heading" | "note" | "file" | "codeblock" | "checkbox" | "emoji" | "list" | "tabs" | "math" | "heading1" | "heading2" | "heading3" | "heading4" | "heading5" | "heading6" | "gpt" | "undo" | "redo" | "math_inline" | "math_block" | "colorify__color_blue" | "colorify__color_default" | "colorify__color_gray" | "colorify__color_green" | "colorify__color_orange" | "colorify__color_red" | "colorify__color_violet" | "colorify__color_yellow" | "colorify__group_text" | "folding-heading" | "folding-heading_hint" | "hrule" | "list__action_lift" | "list__action_sink" | "list_action_disabled" | "mermaid" | "more_action" | "olist" | "ulist", S extends string>(key: G | (string extends S ? S : never), params?: {
     [key: string]: any;
 } | undefined) => S extends G ? {
     bold: string;
@@ -21,6 +21,7 @@ export declare const i18n: <G extends "bold" | "code" | "link" | "italic" | "str
     file: string;
     "folding-heading": string;
     "folding-heading_hint": string;
+    gpt: string;
     heading: string;
     heading1: string;
     heading2: string;

package/build/cjs/i18n/menubar/ru.json

@@ -19,6 +19,7 @@
   "file": "Файл",
   "folding-heading": "Свёрнутый раздел",
   "folding-heading_hint": "Текст под заголовком можно свернуть или раскрыть",
+  "gpt": "GPT-виджет",
   "heading": "Заголовок",
   "heading1": "Заголовок 1",
   "heading2": "Заголовок 2",

package/build/cjs/i18n/yfm-table/en.json

@@ -5,5 +5,14 @@
   "row.add.before": "Add row before",
   "row.add.after": "Add row after",
   "row.remove": "Remove row",
-  "table.remove": "Remove table"
+  "table.remove": "Remove table",
+  "table.menu.cell.align.left": "Align cell content to the left",
+  "table.menu.cell.align.right": "Align cell content to the right",
+  "table.menu.cell.align.center": "Align cell content to the center",
+  "table.menu.row.add": "Add row after",
+  "table.menu.row.remove": "Remove row",
+  "table.menu.column.add": "Add column after",
+  "table.menu.column.remove": "Remove column",
+  "table.menu.convert.yfm": "Convert to YFM table",
+  "table.menu.table.remove": "Remove table"
 }

package/build/cjs/i18n/yfm-table/index.d.ts

@@ -1,4 +1,4 @@
-export declare const i18n: <G extends "column.add.before" | "column.add.after" | "column.remove" | "row.add.before" | "row.add.after" | "row.remove" | "table.remove", S extends string>(key: G | (string extends S ? S : never), params?: {
+export declare const i18n: <G extends "column.add.before" | "column.add.after" | "column.remove" | "row.add.before" | "row.add.after" | "row.remove" | "table.remove" | "table.menu.cell.align.left" | "table.menu.cell.align.right" | "table.menu.cell.align.center" | "table.menu.row.add" | "table.menu.row.remove" | "table.menu.column.add" | "table.menu.column.remove" | "table.menu.convert.yfm" | "table.menu.table.remove", S extends string>(key: G | (string extends S ? S : never), params?: {
     [key: string]: any;
 } | undefined) => S extends G ? {
     "column.add.before": string;
@@ -8,4 +8,13 @@ export declare const i18n: <G extends "column.add.before" | "column.add.after" |
     "row.add.after": string;
     "row.remove": string;
     "table.remove": string;
+    "table.menu.cell.align.left": string;
+    "table.menu.cell.align.right": string;
+    "table.menu.cell.align.center": string;
+    "table.menu.row.add": string;
+    "table.menu.row.remove": string;
+    "table.menu.column.add": string;
+    "table.menu.column.remove": string;
+    "table.menu.convert.yfm": string;
+    "table.menu.table.remove": string;
 }[G] : string;

package/build/cjs/i18n/yfm-table/ru.json

@@ -5,5 +5,14 @@
   "row.add.before": "Добавить строку до",
   "row.add.after": "Добавить строку после",
   "row.remove": "Удалить строку",
-  "table.remove": "Удалить таблицу"
+  "table.remove": "Удалить таблицу",
+  "table.menu.cell.align.left": "Выровнять контент ячейки по левому краю",
+  "table.menu.cell.align.right": "Выровнять контент ячейки по правому краю",
+  "table.menu.cell.align.center": "Выровнять контент ячейки по центру",
+  "table.menu.row.add": "Добавить строку после",
+  "table.menu.row.remove": "Удалить строку",
+  "table.menu.column.add": "Добавить столбец после",
+  "table.menu.column.remove": "Удалить столбец",
+  "table.menu.convert.yfm": "Преобразовать в таблицу YFM",
+  "table.menu.table.remove": "Удалить таблицу"
 }

package/build/cjs/icons/GPT.d.ts

@@ -0,0 +1,2 @@
+declare const GPTIcon: () => JSX.Element;
+export default GPTIcon;

package/build/cjs/icons/GPT.js

@@ -0,0 +1,22 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const tslib_1 = require("tslib");
+const react_1 = tslib_1.__importDefault(require("react"));
+const uikit_1 = require("@gravity-ui/uikit");
+const GPTIcon = () => {
+    // It may be worth taking the hook outside the icon
+    const theme = (0, uikit_1.useTheme)();
+    const gradient = theme === 'dark' || theme === 'dark-hc' ? (react_1.default.createElement(react_1.default.Fragment, null,
+        react_1.default.createElement("stop", { stopColor: "#FF7233" }),
+        react_1.default.createElement("stop", { offset: "1", stopColor: "#D14DFF" }))) : (react_1.default.createElement(react_1.default.Fragment, null,
+        react_1.default.createElement("stop", { stopColor: "#FF5001" }),
+        react_1.default.createElement("stop", { offset: "1", stopColor: "#BD00FF" })));
+    return (react_1.default.createElement("svg", { width: "16", height: "16", viewBox: "0 0 16 16", fill: "none", xmlns: "http://www.w3.org/2000/svg" },
+        react_1.default.createElement("g", { clipPath: "url(#clip0_1608_24154)" },
+            react_1.default.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M0 6C0 2.68629 2.68629 -4.3454e-07 6 0C9.31371 4.3454e-07 12 2.68629 12 6C12 9.31371 9.31371 12 6 12C2.68629 12 -6.0141e-07 9.31371 0 6ZM14 16C12.8954 16 12 15.1046 12 14C12 12.8954 12.8954 12 14 12C15.1046 12 16 12.8954 16 14C16 15.1046 15.1046 16 14 16Z", fill: "url(#paint0_linear_1608_24154)" })),
+        react_1.default.createElement("defs", null,
+            react_1.default.createElement("linearGradient", { id: "paint0_linear_1608_24154", x1: "17.5", y1: "-1", x2: "2.5", y2: "13.5", gradientUnits: "userSpaceOnUse" }, gradient),
+            react_1.default.createElement("clipPath", { id: "clip0_1608_24154" },
+                react_1.default.createElement("rect", { width: "16", height: "16", fill: "white" })))));
+};
+exports.default = GPTIcon;

package/build/cjs/icons/GPTLoading.d.ts

@@ -0,0 +1,2 @@
+declare const GPTLoading: () => JSX.Element;
+export default GPTLoading;

package/build/cjs/icons/GPTLoading.js

@@ -0,0 +1,12 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const tslib_1 = require("tslib");
+const react_1 = tslib_1.__importDefault(require("react"));
+const GPTLoading = () => (react_1.default.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", width: "20", height: "20" },
+    react_1.default.createElement("circle", { cx: "8", cy: "8", r: "6", fill: "url(#paint0_linear_1608_24154)" },
+        react_1.default.createElement("animateMotion", { fill: "url(#paint0_linear_1608_24154)", begin: "0s", dur: "1150ms", path: "M 0 0 a 1 3 145 0 1 8 8 a 1 3 145 0 1 -8 -8", repeatCount: "indefinite" }),
+        react_1.default.createElement("animate", { attributeName: "r", dur: "1150ms", repeatCount: "indefinite", values: "6; 2; 6" })),
+    react_1.default.createElement("circle", { cx: "16", cy: "16", r: "2", fill: "url(#paint0_linear_1608_24154)" },
+        react_1.default.createElement("animateMotion", { fill: "url(#paint0_linear_1608_24154)", begin: "0s", dur: "1150ms", path: "M 0 0 a 1.2 2.7 157 0 1 -5 -6.7 a 1.2 2.7 157 0 1 5 6.7", repeatCount: "indefinite" }),
+        react_1.default.createElement("animate", { attributeName: "r", dur: "1150ms", repeatCount: "indefinite", values: "2; 6; 2" }))));
+exports.default = GPTLoading;

package/build/cjs/icons/index.d.ts

@@ -1,5 +1,7 @@
+import GPTIcon from './GPT';
+import GPTLoading from './GPTLoading';
 import MermaidIcon from './Mermaid';
 import MonoIcon from './Mono';
 import TabsIcon from './Tabs';
-export { MermaidIcon, MonoIcon, TabsIcon };
+export { MermaidIcon, MonoIcon, TabsIcon, GPTIcon, GPTLoading };
 export { ArrowUturnCcwLeft as UndoIcon, ArrowUturnCwRight as RedoIcon, Bold as BoldIcon, Italic as ItalicIcon, Underline as UnderlineIcon, Strikethrough as StrikethroughIcon, FontCursor as MarkIcon, Text as TextIcon, Heading as HeadingIcon, Heading1 as Heading1Icon, Heading2 as Heading2Icon, Heading3 as Heading3Icon, Heading4 as Heading4Icon, Heading5 as Heading5Icon, Heading6 as Heading6Icon, ListUl as ListBlIcon, ListOl as ListOlIcon, TextOutdent as LiftIcon, TextIndent as SinkIcon, Font as TextColorIcon, Link as LinkIcon, QuoteClose as QuoteIcon, Scissors as CutIcon, Sticker as NoteIcon, Paperclip as FileIcon, Minus as HRuleIcon, LayoutList as TableIcon, ChevronsExpandHorizontal as IframeIcon, SquareCheck as CheckListIcon, Picture as ImageIcon, Person as UserIcon, FaceSmile as EmojiIcon, Code as CodeInlineIcon, FileCode as CodeBlockIcon, Function as FunctionInlineIcon, CurlyBracketsFunction as FunctionBlockIcon, Hashtag as AnchorIcon, SquareDashedText as BlockIcon, LayoutColumns3 as LayoutIcon, Pencil as DrawIoIcon, FolderCode as HtmlBlockIcon, ArrowChevronRight as FoldingHeadingIcon, } from '@gravity-ui/icons';

package/build/cjs/icons/index.js

@@ -1,7 +1,11 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.FoldingHeadingIcon = exports.HtmlBlockIcon = exports.DrawIoIcon = exports.LayoutIcon = exports.BlockIcon = exports.AnchorIcon = exports.FunctionBlockIcon = exports.FunctionInlineIcon = exports.CodeBlockIcon = exports.CodeInlineIcon = exports.EmojiIcon = exports.UserIcon = exports.ImageIcon = exports.CheckListIcon = exports.IframeIcon = exports.TableIcon = exports.HRuleIcon = exports.FileIcon = exports.NoteIcon = exports.CutIcon = exports.QuoteIcon = exports.LinkIcon = exports.TextColorIcon = exports.SinkIcon = exports.LiftIcon = exports.ListOlIcon = exports.ListBlIcon = exports.Heading6Icon = exports.Heading5Icon = exports.Heading4Icon = exports.Heading3Icon = exports.Heading2Icon = exports.Heading1Icon = exports.HeadingIcon = exports.TextIcon = exports.MarkIcon = exports.StrikethroughIcon = exports.UnderlineIcon = exports.ItalicIcon = exports.BoldIcon = exports.RedoIcon = exports.UndoIcon = exports.TabsIcon = exports.MonoIcon = exports.MermaidIcon = void 0;
+exports.FoldingHeadingIcon = exports.HtmlBlockIcon = exports.DrawIoIcon = exports.LayoutIcon = exports.BlockIcon = exports.AnchorIcon = exports.FunctionBlockIcon = exports.FunctionInlineIcon = exports.CodeBlockIcon = exports.CodeInlineIcon = exports.EmojiIcon = exports.UserIcon = exports.ImageIcon = exports.CheckListIcon = exports.IframeIcon = exports.TableIcon = exports.HRuleIcon = exports.FileIcon = exports.NoteIcon = exports.CutIcon = exports.QuoteIcon = exports.LinkIcon = exports.TextColorIcon = exports.SinkIcon = exports.LiftIcon = exports.ListOlIcon = exports.ListBlIcon = exports.Heading6Icon = exports.Heading5Icon = exports.Heading4Icon = exports.Heading3Icon = exports.Heading2Icon = exports.Heading1Icon = exports.HeadingIcon = exports.TextIcon = exports.MarkIcon = exports.StrikethroughIcon = exports.UnderlineIcon = exports.ItalicIcon = exports.BoldIcon = exports.RedoIcon = exports.UndoIcon = exports.GPTLoading = exports.GPTIcon = exports.TabsIcon = exports.MonoIcon = exports.MermaidIcon = void 0;
 const tslib_1 = require("tslib");
+const GPT_1 = tslib_1.__importDefault(require("./GPT"));
+exports.GPTIcon = GPT_1.default;
+const GPTLoading_1 = tslib_1.__importDefault(require("./GPTLoading"));
+exports.GPTLoading = GPTLoading_1.default;
 const Mermaid_1 = tslib_1.__importDefault(require("./Mermaid"));
 exports.MermaidIcon = Mermaid_1.default;
 const Mono_1 = tslib_1.__importDefault(require("./Mono"));

package/build/cjs/react-utils/useAutoFocus.d.ts

@@ -1,2 +1,2 @@
 import { RefObject } from 'react';
-export declare const useAutoFocus: (nodeRef: RefObject<HTMLElement>) => void;
+export declare const useAutoFocus: (nodeRef: RefObject<HTMLElement>, dependencies?: unknown[]) => void;

package/build/cjs/react-utils/useAutoFocus.js

@@ -2,7 +2,7 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.useAutoFocus = void 0;
 const react_1 = require("react");
-const useAutoFocus = (nodeRef) => {
+const useAutoFocus = (nodeRef, dependencies = []) => {
     (0, react_1.useEffect)(() => {
         const { current: anchor } = nodeRef;
         const timeout = setTimeout(() => {
@@ -13,6 +13,6 @@ const useAutoFocus = (nodeRef) => {
         };
         // https://github.com/facebook/react/issues/23392#issuecomment-1055610198
         // eslint-disable-next-line react-hooks/exhaustive-deps
-    }, [nodeRef.current]);
+    }, [nodeRef.current, ...dependencies]);
 };
 exports.useAutoFocus = useAutoFocus;

package/build/cjs/react-utils/useNodeEditing.d.ts

@@ -1,6 +1,7 @@
 import { RefObject } from 'react';
 import { EditorView } from 'prosemirror-view';
-export declare const useNodeEditing: ({ nodeRef, view, }: {
+export interface UseNodeEditingArgs {
     nodeRef: RefObject<HTMLElement>;
     view: EditorView;
-}) => [boolean, () => void, () => void, () => void];
+}
+export declare const useNodeEditing: ({ nodeRef, view }: UseNodeEditingArgs) => [boolean, () => void, () => void, () => void];

package/build/cjs/react-utils/useNodeEditing.js

@@ -3,7 +3,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.useNodeEditing = void 0;
 const react_1 = require("react");
 const hooks_1 = require("./hooks");
-const useNodeEditing = ({ nodeRef, view, }) => {
+const useNodeEditing = ({ nodeRef, view }) => {
     const state = (0, hooks_1.useBooleanState)(false);
     const [, , unsetEdit, toggleEdit] = state;
     (0, react_1.useEffect)(() => {

package/build/cjs/react-utils/useNodeResizing.d.ts

@@ -0,0 +1,22 @@
+import React, { RefObject } from 'react';
+export declare type ResizeDirection = 'left' | 'right';
+export interface UseNodeResizingArgs {
+    width?: number;
+    height?: number;
+    onResize?: ({ width, height }: {
+        width?: number;
+        height?: number;
+    }) => void;
+    ref: RefObject<HTMLImageElement | HTMLDivElement> | null;
+    delay?: number;
+    threshold?: number;
+    minWidth?: number;
+}
+export declare const useNodeResizing: ({ width, height, onResize, ref, delay, threshold, minWidth, }: UseNodeResizingArgs) => {
+    startResizing: (event: React.MouseEvent<HTMLElement>, direction: ResizeDirection) => void;
+    state: {
+        resizing: boolean;
+        width: number | undefined;
+        height: number | undefined;
+    };
+};

package/build/cjs/react-utils/useNodeResizing.js

@@ -0,0 +1,82 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useNodeResizing = void 0;
+const tslib_1 = require("tslib");
+const react_1 = require("react");
+const throttle_1 = tslib_1.__importDefault(require("lodash/throttle"));
+const hooks_1 = require("./hooks");
+const RESIZE_DELAY = 50;
+const MIN_WIDTH = 40;
+const THRESHOLD = 4;
+const useNodeResizing = ({ width, height, onResize, ref, delay = RESIZE_DELAY, threshold = THRESHOLD, minWidth = MIN_WIDTH, }) => {
+    const state = (0, hooks_1.useBooleanState)(false);
+    const [resizing, , , toggleResizing] = state;
+    const [initialWidth, setInitialWidth] = (0, react_1.useState)(width);
+    const [initialHeight, setInitialHeight] = (0, react_1.useState)(height);
+    const [currentWidth, setCurrentWidth] = (0, react_1.useState)(width);
+    const [currentHeight, setCurrentHeight] = (0, react_1.useState)(height);
+    // The dimensions specified as arguments take primacy over
+    // the dimensions detected during the mouse movement.
+    (0, react_1.useEffect)(() => {
+        if (width !== initialWidth) {
+            setCurrentWidth(width);
+            setInitialWidth(width);
+        }
+        if (height !== initialHeight) {
+            setCurrentHeight(height);
+            setInitialHeight(height);
+        }
+    }, [width, height, initialWidth, initialHeight]);
+    const startResizing = (event, direction) => {
+        // prohibit the selection of text and other artifacts when resizing.
+        event.preventDefault();
+        const element = ref === null || ref === void 0 ? void 0 : ref.current;
+        if (!element) {
+            throw new Error('Reference element not found!');
+        }
+        const startX = event.pageX;
+        const startWidth = element.getBoundingClientRect().width || 0;
+        const startHeight = element.getBoundingClientRect().height || 0;
+        let animationFrameId;
+        const handleMouseMove = (0, throttle_1.default)((event) => {
+            if (animationFrameId) {
+                cancelAnimationFrame(animationFrameId);
+            }
+            animationFrameId = requestAnimationFrame(() => {
+                const currentX = event.pageX;
+                const diffX = currentX - startX;
+                const newWidthByDirection = direction === 'right' ? startWidth + diffX : startWidth - diffX;
+                if (Math.abs(newWidthByDirection - startWidth) >= threshold) {
+                    const newWidth = newWidthByDirection >= minWidth ? newWidthByDirection : minWidth;
+                    const newHeight = (startHeight / startWidth) * newWidth;
+                    setCurrentWidth(newWidth);
+                    setCurrentHeight(newHeight);
+                    onResize === null || onResize === void 0 ? void 0 : onResize({
+                        width: !initialWidth && initialWidth !== 0 ? undefined : newWidth,
+                        height: !initialHeight && initialHeight !== 0 ? undefined : newHeight,
+                    });
+                }
+            });
+        }, delay);
+        const handleMouseUp = () => {
+            document.removeEventListener('mousemove', handleMouseMove);
+            document.removeEventListener('mouseup', handleMouseUp);
+            toggleResizing();
+            if (animationFrameId) {
+                cancelAnimationFrame(animationFrameId);
+            }
+        };
+        document.addEventListener('mousemove', handleMouseMove);
+        document.addEventListener('mouseup', handleMouseUp);
+        toggleResizing();
+    };
+    return {
+        startResizing,
+        state: {
+            resizing,
+            width: !initialWidth && initialWidth !== 0 ? undefined : currentWidth,
+            height: !initialHeight && initialHeight !== 0 ? undefined : currentHeight,
+        },
+    };
+};
+exports.useNodeResizing = useNodeResizing;

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

@@ -3,50 +3,59 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.appendColumn = void 0;
 const prosemirror_utils_1 = require("prosemirror-utils");
 const __1 = require("..");
-const helpers_1 = require("../helpers");
-const utils_1 = require("../utils");
+const table_desc_1 = require("../table-desc");
 const appendColumn = (state, dispatch, _, attrs) => {
-    var _a;
     if (!attrs)
         return false;
-    const { tablePos, columnNumber, direction } = attrs;
-    const parentTable = (_a = (0, prosemirror_utils_1.findParentNodeClosestToPos)(state.doc.resolve(tablePos + 1), __1.isTableNode)) === null || _a === void 0 ? void 0 : _a.node;
-    if (!parentTable)
+    const { tablePos, columnNumber, direction = 'after' } = attrs;
+    const res = (0, prosemirror_utils_1.findParentNodeClosestToPos)(state.doc.resolve(tablePos + 1), __1.isTableNode);
+    if (!res)
         return false;
-    let parentCell;
-    let parentRow;
-    const tableBody = (0, prosemirror_utils_1.findChildren)(parentTable, utils_1.isTableBodyNode, false).pop();
-    if (!tableBody)
+    const tableNode = res.node;
+    const tableDesc = table_desc_1.TableDesc.create(tableNode);
+    if (!tableDesc)
         return false;
-    if (columnNumber !== undefined) {
-        parentCell = (0, utils_1.findChildTableCells)(parentTable)[columnNumber];
-        parentRow = (0, prosemirror_utils_1.findParentNodeClosestToPos)(state.doc.resolve(tablePos + parentCell.pos + 1), __1.isTableRowNode);
-    }
-    else {
-        parentRow = (0, prosemirror_utils_1.findChildren)(tableBody.node, __1.isTableRowNode, false).pop();
-        if (!parentRow)
+    const columnIndex = columnNumber !== null && columnNumber !== void 0 ? columnNumber : tableDesc.cols - 1; // if columnNumber is not defined, that means last row
+    const isFirstColumn = columnIndex === 0;
+    const isLastColumn = columnIndex === tableDesc.cols - 1;
+    let pos = null;
+    if (isFirstColumn && direction === 'before')
+        pos = tableDesc.getRelativePosForColumn(0).map(fromOrClosest);
+    if (isLastColumn && direction === 'after')
+        pos = tableDesc.getRelativePosForColumn(tableDesc.cols - 1).map(toOrClosest);
+    if (!pos) {
+        if (tableDesc.cols <= columnIndex)
             return false;
-        parentCell = (0, prosemirror_utils_1.findChildren)(parentRow.node, utils_1.isTableCellNode, false).pop();
-    }
-    if (!parentCell || !parentRow || !parentTable) {
-        return false;
+        if (tableDesc.isSafeColumn(columnIndex)) {
+            const columnPos = tableDesc.getRelativePosForColumn(columnIndex);
+            if (direction === 'before')
+                pos = columnPos.map(fromOrClosest);
+            if (direction === 'after')
+                pos = columnPos.map(toOrClosest);
+        }
+        else {
+            if (direction === 'before' && tableDesc.isSafeColumn(columnIndex - 1))
+                pos = tableDesc.getRelativePosForColumn(columnIndex - 1).map(toOrClosest);
+            if (direction === 'after' && tableDesc.isSafeColumn(columnIndex + 1))
+                pos = tableDesc.getRelativePosForColumn(columnIndex + 1).map(fromOrClosest);
+        }
     }
-    const parentCellIndex = columnNumber || (0, helpers_1.findChildIndex)(parentRow.node, parentCell.node);
-    if (parentCellIndex < 0) {
+    if (!pos)
         return false;
-    }
     if (dispatch) {
-        const allRows = (0, prosemirror_utils_1.findChildren)(tableBody.node, __1.isTableRowNode, false);
-        let tr = state.tr;
-        for (const row of allRows) {
-            const rowCells = (0, prosemirror_utils_1.findChildren)(row.node, utils_1.isTableCellNode, false);
-            const cell = rowCells[parentCellIndex];
-            let position = tablePos + row.pos + cell.pos + 3;
-            position += direction === 'before' ? 0 : cell.node.nodeSize;
-            tr = tr.insert(tr.mapping.map(position), cell.node.type.createAndFill(cell.node.attrs));
+        const cellType = tableDesc.getCellNodeType();
+        const { tr } = state;
+        for (const p of pos) {
+            tr.insert(tr.mapping.map(res.pos + p), cellType.createAndFill());
         }
-        dispatch(tr.scrollIntoView());
+        dispatch(tr);
     }
     return true;
 };
 exports.appendColumn = appendColumn;
+function fromOrClosest(pos) {
+    return pos.type === 'real' ? pos.from : pos.closestPos;
+}
+function toOrClosest(pos) {
+    return pos.type === 'real' ? pos.to : pos.closestPos;
+}

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

@@ -1,39 +1,57 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.appendRow = void 0;
-const prosemirror_model_1 = require("prosemirror-model");
 const prosemirror_utils_1 = require("prosemirror-utils");
 const __1 = require("..");
+const table_desc_1 = require("../table-desc");
 const appendRow = (state, dispatch, _, attrs) => {
-    var _a;
     if (!attrs)
         return false;
-    const { tablePos, rowNumber, direction } = attrs;
-    const tableNode = (_a = (0, prosemirror_utils_1.findParentNodeClosestToPos)(state.doc.resolve(tablePos + 1), __1.isTableNode)) === null || _a === void 0 ? void 0 : _a.node;
-    if (!tableNode)
+    const { tablePos, rowNumber, direction = 'after' } = attrs;
+    const res = (0, prosemirror_utils_1.findParentNodeClosestToPos)(state.doc.resolve(tablePos + 1), __1.isTableNode);
+    if (!res)
         return false;
-    const parentBody = (0, prosemirror_utils_1.findChildren)(tableNode, __1.isTableBodyNode, false).pop();
-    if (!parentBody)
+    const tableNode = res.node;
+    const tableDesc = table_desc_1.TableDesc.create(tableNode);
+    if (!tableDesc)
         return false;
-    let parentRow;
-    if (rowNumber !== undefined) {
-        parentRow = (0, __1.findChildTableRows)(tableNode)[rowNumber];
+    const rowIndex = rowNumber !== null && rowNumber !== void 0 ? rowNumber : tableDesc.rows - 1; // if rowNumber is not defined, that means last row
+    const isFirstRow = rowIndex === 0;
+    const isLastRow = rowIndex === tableDesc.rows - 1;
+    let pos = -1;
+    if (isFirstRow && direction === 'before')
+        pos = tableDesc.getRelativePosForRow(0).from;
+    if (isLastRow && direction === 'after')
+        pos = tableDesc.getRelativePosForRow(tableDesc.rows - 1).to;
+    if (pos === -1) {
+        if (tableDesc.rows <= rowIndex)
+            return false;
+        if (tableDesc.isSafeRow(rowIndex)) {
+            const rowPos = tableDesc.getRelativePosForRow(rowIndex);
+            if (direction === 'before')
+                pos = rowPos.from;
+            if (direction === 'after')
+                pos = rowPos.to;
+        }
+        else {
+            if (direction === 'before' && tableDesc.isSafeRow(rowIndex - 1))
+                pos = tableDesc.getRelativePosForRow(rowIndex - 1).to;
+            if (direction === 'after' && tableDesc.isSafeRow(rowIndex + 1))
+                pos = tableDesc.getRelativePosForRow(rowIndex + 1).from;
+        }
     }
-    else {
-        parentRow = (0, prosemirror_utils_1.findChildren)(parentBody.node, __1.isTableRowNode, false).pop();
-    }
-    if (!parentRow) {
+    if (pos === -1)
         return false;
-    }
     if (dispatch) {
-        const newCellNodes = [];
-        parentRow.node.forEach((node) => {
-            newCellNodes.push(node.type.createAndFill(node.attrs));
-        });
-        let position = tablePos + parentRow.pos;
-        position += direction === 'before' ? 1 : parentRow.node.nodeSize + 1;
-        dispatch(state.tr.insert(position, parentRow.node.copy(prosemirror_model_1.Fragment.from(newCellNodes))));
+        const cells = getNodes(tableDesc.getCellNodeType(), tableDesc.cols);
+        dispatch(state.tr.insert(res.pos + pos, tableDesc.getRowNodeType().create(null, cells)));
     }
     return true;
 };
 exports.appendRow = appendRow;
+function getNodes(type, count) {
+    const nodes = [];
+    for (let i = 0; i < count; i++)
+        nodes.push(type.createAndFill());
+    return nodes;
+}

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

@@ -1,7 +1,7 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.removeColumn = void 0;
-const __1 = require("..");
+const table_desc_1 = require("../table-desc");
 const utils_1 = require("../utils");
 const removeColumn = (state, dispatch, _, attrs = {}) => {
     const { tablePos, columnNumber } = attrs;
@@ -12,30 +12,28 @@ const removeColumn = (state, dispatch, _, attrs = {}) => {
     if (tablePos < 0 || columnNumber < 0)
         return false;
     const tableNode = state.doc.nodeAt(tablePos);
-    if (!tableNode || tableNode.nodeSize <= 2 || !(0, __1.isTableNode)(tableNode))
+    if (!tableNode || tableNode.nodeSize <= 2 || !(0, utils_1.isTableNode)(tableNode))
         return false;
-    const tableBodyNode = tableNode.firstChild;
-    if (!tableBodyNode || tableBodyNode.nodeSize <= 2 || !(0, utils_1.isTableBodyNode)(tableBodyNode))
+    const tableDesc = table_desc_1.TableDesc.create(tableNode);
+    if (!tableDesc)
         return false;
-    // there is one column left
-    if (tableBodyNode.firstChild && tableBodyNode.firstChild.childCount < 2)
+    if (!tableDesc ||
+        // there is one column left
+        tableDesc.cols < 2 ||
+        tableDesc.cols <= columnNumber ||
+        !tableDesc.isSafeColumn(columnNumber))
         return false;
     if (dispatch) {
         const { tr } = state;
-        tableBodyNode.forEach((rowNode, rowOffset) => {
-            if (!(0, utils_1.isTableRowNode)(rowNode))
-                return;
-            rowNode.forEach((cellNode, cellOffset, cellIndex) => {
-                if (!(0, utils_1.isTableCellNode)(cellNode))
-                    return;
-                if (cellIndex === columnNumber) {
-                    // table -> tbody -> tr -> td
-                    const from = tablePos + 2 + rowOffset + 1 + cellOffset;
-                    const to = from + cellNode.nodeSize;
-                    tr.delete(tr.mapping.map(from), tr.mapping.map(to));
-                }
-            });
-        });
+        const pos = tableDesc.getRelativePosForColumn(columnNumber);
+        for (const item of pos) {
+            if (item.type === 'real') {
+                let { from, to } = item;
+                from += tablePos;
+                to += tablePos;
+                tr.delete(tr.mapping.map(from), tr.mapping.map(to));
+            }
+        }
         dispatch(tr);
     }
     return true;

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

@@ -5,7 +5,7 @@ const prosemirror_model_1 = require("prosemirror-model");
 const prosemirror_utils_1 = require("prosemirror-utils");
 const __1 = require("..");
 const core_1 = require("../../core");
-const utils_1 = require("../utils");
+const table_desc_1 = require("../table-desc");
 const removeRow = (state, dispatch, _, attrs = {}) => {
     var _a;
     const { tablePos, rowNumber } = attrs;
@@ -14,17 +14,20 @@ const removeRow = (state, dispatch, _, attrs = {}) => {
     const tableNode = (_a = (0, prosemirror_utils_1.findParentNodeClosestToPos)(state.doc.resolve(tablePos + 1), __1.isTableNode)) === null || _a === void 0 ? void 0 : _a.node;
     if (!tableNode)
         return false;
-    const parentRows = (0, prosemirror_utils_1.findChildren)(tableNode, __1.isTableRowNode);
-    const parentBody = (0, __1.findChildTableBody)(tableNode)[0];
-    const parentRow = parentRows[rowNumber];
-    if (!parentRows.length || !parentBody) {
+    const tableDesc = table_desc_1.TableDesc.create(tableNode);
+    if (!tableDesc || rowNumber >= tableDesc.rows)
         return false;
-    }
-    if ((0, utils_1.findChildTableRows)(parentBody.node).length < 2) {
-        // there is one row left
+    if (!tableDesc.isSafeRow(rowNumber))
         return false;
+    if (dispatch) {
+        let { from, to } = tableDesc.getRelativePosForRow(rowNumber);
+        from += tablePos;
+        to += tablePos;
+        dispatch((0, core_1.trackTransactionMetrics)(state.tr.replaceWith(from, to, prosemirror_model_1.Fragment.empty), 'removeRow', {
+            rows: tableDesc.rows,
+            cols: tableDesc.cols,
+        }));
     }
-    dispatch === null || dispatch === void 0 ? void 0 : dispatch((0, core_1.trackTransactionMetrics)(state.tr.replaceWith(tablePos + parentRow.pos, tablePos + parentRow.pos + parentRow.node.nodeSize + 1, prosemirror_model_1.Fragment.empty), 'removeRow', { rows: parentRows.length, cols: parentRow.node.childCount }));
     return true;
 };
 exports.removeRow = removeRow;

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

@@ -0,0 +1,53 @@
+import type { Node } from 'prosemirror-model';
+declare type TableCellRealDesc = {
+    type: 'real';
+    offset: number;
+    node: Node;
+    colspan?: number;
+    rowspan?: number;
+};
+declare 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 = {
+    from: number;
+    to: number;
+};
+export declare type CellPos = ({
+    type: 'real';
+} & Pos) | {
+    type: 'virtual';
+    closestPos: number;
+};
+declare type TableCellDesc = TableCellRealDesc | TableCellVirtualDesc;
+declare type TableRowDesc = {
+    node: Node;
+    cells: TableCellDesc[];
+    offset: number;
+    colspan?: boolean;
+    rowspan?: boolean;
+};
+export declare class TableDesc {
+    readonly rows: number;
+    readonly cols: number;
+    readonly rowsDesc: readonly TableRowDesc[];
+    readonly baseOffset: number;
+    private static __cache;
+    static create(table: Node): TableDesc | null;
+    private constructor();
+    rowHasVirtualCells(rowIndex: number): boolean;
+    columnHasVirtualCells(columnIndex: number): boolean;
+    isSafeColumn(columnIndex: number): boolean;
+    isSafeRow(rowIndex: number): boolean;
+    getOffsetForRow(rowIndex: number): number;
+    getRelativePosForRow(rowIndex: number): Pos;
+    getRelativePosForCell(rowIndex: number, columnIndex: number): CellPos;
+    getRelativePosForColumn(columnIndex: number): CellPos[];
+    getCellNodeType(): import("prosemirror-model").NodeType;
+    getRowNodeType(): import("prosemirror-model").NodeType;
+}
+export {};