@gravity-ui/markdown-editor 13.17.0 → 13.18.0

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

@@ -1,4 +1,4 @@
-import { addColumnAfter, addRowAfter, appendColumn, appendRow, removeColumn, removeRow, } from '../../../../../table-utils';
+import { appendColumn, appendRow, removeColumn, removeRow } from '../../../../../table-utils';
 import { defineActions } from '../../../../../utils/actions';
 import { removeNode } from '../../../../../utils/remove-node';
 import { tableControlsPluginKey } from './buttons';
@@ -20,18 +20,10 @@ const removeYfmTable = (state, dispatch, _, attrs) => {
     return true;
 };
 export const controlActions = defineActions({
-    addRow: {
-        isEnable: addRowAfter,
-        run: addRowAfter,
-    },
     deleteRow: {
         isEnable: removeRow,
         run: removeRow,
     },
-    addColumn: {
-        isEnable: addColumnAfter,
-        run: addColumnAfter,
-    },
     deleteColumn: {
         isEnable: removeColumn,
         run: removeColumn,

package/build/esm/extensions/yfm/index.d.ts

@@ -11,3 +11,4 @@ export * from './YfmHeading';
 export * from './YfmNote';
 export * from './YfmTable';
 export * from './YfmTabs';
+export * from './GPT';

package/build/esm/extensions/yfm/index.js

@@ -11,3 +11,4 @@ export * from './YfmHeading';
 export * from './YfmNote';
 export * from './YfmTable';
 export * from './YfmTabs';
+export * from './GPT';

package/build/esm/i18n/gpt/dialog/en.json

@@ -0,0 +1,16 @@
+{
+  "answer-title": "What do you want to do with the response?",
+  "close-button": "Close",
+  "dislike": "Bad response",
+  "error": "An error occurred",
+  "feedback-message": "Thanks for your feedback!",
+  "fresh-start-button": "Start again",
+  "like": "Good response",
+  "more": "More",
+  "only-presets-title": "Help with text",
+  "refetch": "Try again",
+  "replace": "Replace the selected text",
+  "replace-disabled": "Insert text",
+  "try-again": "Try again",
+  "alert-gpt-presets-info": "Highlight text to see Yandex GPT presets"
+}

package/build/esm/i18n/gpt/dialog/index.d.ts

@@ -0,0 +1,19 @@
+export declare const i18n: <G extends "error" | "replace" | "answer-title" | "close-button" | "dislike" | "feedback-message" | "fresh-start-button" | "like" | "more" | "only-presets-title" | "refetch" | "replace-disabled" | "try-again" | "alert-gpt-presets-info", S extends string>(key: G | (string extends S ? S : never), params?: {
+    [key: string]: any;
+} | undefined) => S extends G ? {
+    "answer-title": string;
+    "close-button": string;
+    dislike: string;
+    error: string;
+    "feedback-message": string;
+    "fresh-start-button": string;
+    like: string;
+    more: string;
+    "only-presets-title": string;
+    refetch: string;
+    replace: string;
+    "replace-disabled": string;
+    "try-again": string;
+    "alert-gpt-presets-info": string;
+}[G] : string;
+export declare type I18nKey = Parameters<typeof i18n>[0];

package/build/esm/i18n/gpt/dialog/index.js

@@ -0,0 +1,4 @@
+import { registerKeyset } from '../../i18n';
+import en from './en.json';
+import ru from './ru.json';
+export const i18n = registerKeyset('gpt-dialog', { en, ru });

package/build/esm/i18n/gpt/dialog/ru.json

@@ -0,0 +1,16 @@
+{
+  "answer-title": "Что вы хотите сделать с ответом?",
+  "close-button": "Закрыть",
+  "dislike": "Плохой ответ",
+  "error": "Произошла ошибка",
+  "feedback-message": "Ваш голос учтён!",
+  "fresh-start-button": "Начать сначала",
+  "like": "Хороший ответ",
+  "more": "Ещё",
+  "only-presets-title": "Помощь с текстом",
+  "refetch": "Попробовать ещё",
+  "replace": "Заменить выделенный текст",
+  "replace-disabled": "Вставить текст",
+  "try-again": "Иначе",
+  "alert-gpt-presets-info": "Выделите текст, чтобы увидеть пресеты Yandex GPT"
+}

package/build/esm/i18n/gpt/errors/en.json

@@ -0,0 +1,5 @@
+{
+  "error-text": "An error occurred while generating a reply, please retry the request",
+  "retry-button": "Try again",
+  "start-again-button": "To the beginning"
+}

package/build/esm/i18n/gpt/errors/index.d.ts

@@ -0,0 +1,8 @@
+export declare const i18n: <G extends "error-text" | "retry-button" | "start-again-button", S extends string>(key: G | (string extends S ? S : never), params?: {
+    [key: string]: any;
+} | undefined) => S extends G ? {
+    "error-text": string;
+    "retry-button": string;
+    "start-again-button": string;
+}[G] : string;
+export declare type I18nKey = Parameters<typeof i18n>[0];

package/build/esm/i18n/gpt/errors/index.js

@@ -0,0 +1,4 @@
+import { registerKeyset } from '../../i18n';
+import en from './en.json';
+import ru from './ru.json';
+export const i18n = registerKeyset('gpt-dialog-error-screen', { en, ru });

package/build/esm/i18n/gpt/errors/ru.json

@@ -0,0 +1,5 @@
+{
+  "error-text": "Ошибка при генерации ответа, попробуйте повторить запрос",
+  "retry-button": "Повторить",
+  "start-again-button": "В начало"
+}

package/build/esm/i18n/gpt/extension/en.json

@@ -0,0 +1,6 @@
+{
+  "confirm-cancel": "Cancel",
+  "confirm-ok": "Close",
+  "confirm-title": "Do you want to close the GPT editor?",
+  "help-with-text": "Help with text"
+}

package/build/esm/i18n/gpt/extension/index.d.ts

@@ -0,0 +1,9 @@
+export declare const i18n: <G extends "confirm-cancel" | "confirm-ok" | "confirm-title" | "help-with-text", S extends string>(key: G | (string extends S ? S : never), params?: {
+    [key: string]: any;
+} | undefined) => S extends G ? {
+    "confirm-cancel": string;
+    "confirm-ok": string;
+    "confirm-title": string;
+    "help-with-text": string;
+}[G] : string;
+export declare type I18nKey = Parameters<typeof i18n>[0];

package/build/esm/i18n/gpt/extension/index.js

@@ -0,0 +1,4 @@
+import { registerKeyset } from '../../i18n';
+import en from './en.json';
+import ru from './ru.json';
+export const i18n = registerKeyset('gpt', { en, ru });

package/build/esm/i18n/gpt/extension/ru.json

@@ -0,0 +1,6 @@
+{
+  "confirm-cancel": "Отменить",
+  "confirm-ok": "Закрыть",
+  "confirm-title": "Хотите закрыть помощника GPT?",
+  "help-with-text": "Помощь с текстом"
+}

package/build/esm/i18n/gpt/loading/en.json

@@ -0,0 +1,3 @@
+{
+  "loading-text": "GPT is generating a response..."
+}

package/build/esm/i18n/gpt/loading/index.d.ts

@@ -0,0 +1,6 @@
+export declare const i18n: <G extends "loading-text", S extends string>(key: G | (string extends S ? S : never), params?: {
+    [key: string]: any;
+} | undefined) => S extends G ? {
+    "loading-text": string;
+}[G] : string;
+export declare type I18nKey = Parameters<typeof i18n>[0];

package/build/esm/i18n/gpt/loading/index.js

@@ -0,0 +1,4 @@
+import { registerKeyset } from '../../i18n';
+import en from './en.json';
+import ru from './ru.json';
+export const i18n = registerKeyset('gpt-dialog-loading-screen', { en, ru });

package/build/esm/i18n/gpt/loading/ru.json

@@ -0,0 +1,3 @@
+{
+  "loading-text": "GPT генерирует ответ..."
+}

package/build/esm/i18n/menubar/en.json

@@ -19,6 +19,7 @@
   "file": "File",
   "folding-heading": "Collapsed section",
   "folding-heading_hint": "The text under the heading can be collapsed or expanded",
+  "gpt": "GPT widget",
   "heading": "Heading",
   "heading1": "Heading 1",
   "heading2": "Heading 2",

package/build/esm/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/esm/i18n/menubar/ru.json

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

package/build/esm/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/esm/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/esm/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/esm/icons/GPT.d.ts

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

package/build/esm/icons/GPT.js

@@ -0,0 +1,19 @@
+import React from 'react';
+import { useTheme } from '@gravity-ui/uikit';
+const GPTIcon = () => {
+    // It may be worth taking the hook outside the icon
+    const theme = useTheme();
+    const gradient = theme === 'dark' || theme === 'dark-hc' ? (React.createElement(React.Fragment, null,
+        React.createElement("stop", { stopColor: "#FF7233" }),
+        React.createElement("stop", { offset: "1", stopColor: "#D14DFF" }))) : (React.createElement(React.Fragment, null,
+        React.createElement("stop", { stopColor: "#FF5001" }),
+        React.createElement("stop", { offset: "1", stopColor: "#BD00FF" })));
+    return (React.createElement("svg", { width: "16", height: "16", viewBox: "0 0 16 16", fill: "none", xmlns: "http://www.w3.org/2000/svg" },
+        React.createElement("g", { clipPath: "url(#clip0_1608_24154)" },
+            React.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.createElement("defs", null,
+            React.createElement("linearGradient", { id: "paint0_linear_1608_24154", x1: "17.5", y1: "-1", x2: "2.5", y2: "13.5", gradientUnits: "userSpaceOnUse" }, gradient),
+            React.createElement("clipPath", { id: "clip0_1608_24154" },
+                React.createElement("rect", { width: "16", height: "16", fill: "white" })))));
+};
+export default GPTIcon;

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

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

package/build/esm/icons/GPTLoading.js

@@ -0,0 +1,9 @@
+import React from 'react';
+const GPTLoading = () => (React.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", width: "20", height: "20" },
+    React.createElement("circle", { cx: "8", cy: "8", r: "6", fill: "url(#paint0_linear_1608_24154)" },
+        React.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.createElement("animate", { attributeName: "r", dur: "1150ms", repeatCount: "indefinite", values: "6; 2; 6" })),
+    React.createElement("circle", { cx: "16", cy: "16", r: "2", fill: "url(#paint0_linear_1608_24154)" },
+        React.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.createElement("animate", { attributeName: "r", dur: "1150ms", repeatCount: "indefinite", values: "2; 6; 2" }))));
+export default GPTLoading;

package/build/esm/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/esm/icons/index.js

@@ -1,7 +1,9 @@
+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, 

package/build/esm/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/esm/react-utils/useAutoFocus.js

@@ -1,5 +1,5 @@
 import { useEffect } from 'react';
-export const useAutoFocus = (nodeRef) => {
+export const useAutoFocus = (nodeRef, dependencies = []) => {
     useEffect(() => {
         const { current: anchor } = nodeRef;
         const timeout = setTimeout(() => {
@@ -10,5 +10,5 @@ export 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]);
 };

package/build/esm/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/esm/react-utils/useNodeEditing.js

@@ -1,6 +1,6 @@
 import { useEffect } from 'react';
 import { useBooleanState } from './hooks';
-export const useNodeEditing = ({ nodeRef, view, }) => {
+export const useNodeEditing = ({ nodeRef, view }) => {
     const state = useBooleanState(false);
     const [, , unsetEdit, toggleEdit] = state;
     useEffect(() => {

package/build/esm/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/esm/react-utils/useNodeResizing.js

@@ -0,0 +1,77 @@
+import { useEffect, useState } from 'react';
+import throttle from 'lodash/throttle';
+import { useBooleanState } from './hooks';
+const RESIZE_DELAY = 50;
+const MIN_WIDTH = 40;
+const THRESHOLD = 4;
+export const useNodeResizing = ({ width, height, onResize, ref, delay = RESIZE_DELAY, threshold = THRESHOLD, minWidth = MIN_WIDTH, }) => {
+    const state = useBooleanState(false);
+    const [resizing, , , toggleResizing] = state;
+    const [initialWidth, setInitialWidth] = useState(width);
+    const [initialHeight, setInitialHeight] = useState(height);
+    const [currentWidth, setCurrentWidth] = useState(width);
+    const [currentHeight, setCurrentHeight] = useState(height);
+    // The dimensions specified as arguments take primacy over
+    // the dimensions detected during the mouse movement.
+    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 = throttle((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,
+        },
+    };
+};

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

@@ -1,48 +1,57 @@
-import { findChildren, findParentNodeClosestToPos } from 'prosemirror-utils';
-import { isTableNode, isTableRowNode } from '..';
-import { findChildIndex } from '../helpers';
-import { findChildTableCells, isTableBodyNode, isTableCellNode } from '../utils';
+import { findParentNodeClosestToPos } from 'prosemirror-utils';
+import { isTableNode } from '..';
+import { TableDesc } from '../table-desc';
 export const appendColumn = (state, dispatch, _, attrs) => {
-    var _a;
     if (!attrs)
         return false;
-    const { tablePos, columnNumber, direction } = attrs;
-    const parentTable = (_a = findParentNodeClosestToPos(state.doc.resolve(tablePos + 1), isTableNode)) === null || _a === void 0 ? void 0 : _a.node;
-    if (!parentTable)
+    const { tablePos, columnNumber, direction = 'after' } = attrs;
+    const res = findParentNodeClosestToPos(state.doc.resolve(tablePos + 1), isTableNode);
+    if (!res)
         return false;
-    let parentCell;
-    let parentRow;
-    const tableBody = findChildren(parentTable, isTableBodyNode, false).pop();
-    if (!tableBody)
+    const tableNode = res.node;
+    const tableDesc = TableDesc.create(tableNode);
+    if (!tableDesc)
         return false;
-    if (columnNumber !== undefined) {
-        parentCell = findChildTableCells(parentTable)[columnNumber];
-        parentRow = findParentNodeClosestToPos(state.doc.resolve(tablePos + parentCell.pos + 1), isTableRowNode);
-    }
-    else {
-        parentRow = findChildren(tableBody.node, 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 = findChildren(parentRow.node, 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 || findChildIndex(parentRow.node, parentCell.node);
-    if (parentCellIndex < 0) {
+    if (!pos)
         return false;
-    }
     if (dispatch) {
-        const allRows = findChildren(tableBody.node, isTableRowNode, false);
-        let tr = state.tr;
-        for (const row of allRows) {
-            const rowCells = findChildren(row.node, 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;
 };
+function fromOrClosest(pos) {
+    return pos.type === 'real' ? pos.from : pos.closestPos;
+}
+function toOrClosest(pos) {
+    return pos.type === 'real' ? pos.to : pos.closestPos;
+}