@gravity-ui/markdown-editor 15.21.0 → 15.22.0

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

@@ -1 +1 @@
-{"version":3,"file":"dnd-plugin.js","sourceRoot":"../../../../../../../../src","sources":["extensions/yfm/YfmTable/plugins/YfmTableControls/plugins/dnd-plugin.ts"],"names":[],"mappings":"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","sourcesContent":["import {Plugin, PluginKey, type Transaction} from '#pm/state';\nimport {Decoration, DecorationSet} from '#pm/view';\n\nimport {\n    YfmTableDecorationType,\n    YfmTableDecorationTypeKey,\n    YfmTableDecorationUniqKey,\n} from '../const';\n\ntype FromTo = {\n    from: number;\n    to: number;\n};\n\ntype DndMeta =\n    | {action: 'row-control-active'; controlCell: FromTo; rows: FromTo[]; uniqKey: number}\n    | {action: 'column-control-active'; controlCell: FromTo; cells: FromTo[]; uniqKey: number}\n    | {action: 'row-control-non-active'; uniqKey: number}\n    | {action: 'column-control-non-active'; uniqKey: number}\n    | {action: 'drag-rows'; rows: FromTo[]}\n    | {action: 'drag-columns'; cells: FromTo[]}\n    | {action: 'hide'};\n\nconst key = new PluginKey<DecorationSet>('yfm-table-dnd-decos');\n\nexport function activateRows(\n    tr: Transaction,\n    params: {controlCell: FromTo; rows: FromTo[]; uniqKey: number},\n): Transaction {\n    const meta: DndMeta = {action: 'row-control-active', ...params};\n    tr.setMeta(key, meta);\n    return tr;\n}\n\nexport function deactivateRow(tr: Transaction, uniqKey: number): Transaction {\n    const meta: DndMeta = {action: 'row-control-non-active', uniqKey};\n    tr.setMeta(key, meta);\n    return tr;\n}\n\nexport function activateColumns(\n    tr: Transaction,\n    params: {controlCell: FromTo; cells: FromTo[]; uniqKey: number},\n): Transaction {\n    const meta: DndMeta = {action: 'column-control-active', ...params};\n    tr.setMeta(key, meta);\n    return tr;\n}\n\nexport function deactivateColumn(tr: Transaction, uniqKey: number): Transaction {\n    const meta: DndMeta = {action: 'column-control-non-active', uniqKey};\n    tr.setMeta(key, meta);\n    return tr;\n}\n\nexport function selectDraggedRow(tr: Transaction, rows: FromTo[]): Transaction {\n    const meta: DndMeta = {action: 'drag-rows', rows};\n    tr.setMeta(key, meta);\n    return tr;\n}\n\nexport function selectDraggedColumn(tr: Transaction, cells: FromTo[]): Transaction {\n    const meta: DndMeta = {action: 'drag-columns', cells};\n    tr.setMeta(key, meta);\n    return tr;\n}\n\nexport function clearAllSelections(tr: Transaction): Transaction {\n    const meta: DndMeta = {action: 'hide'};\n    tr.setMeta(key, meta);\n    return tr;\n}\n\nexport const yfmTableDndPlugin = () => {\n    return new Plugin<DecorationSet>({\n        key,\n        state: {\n            init() {\n                return DecorationSet.empty;\n            },\n            apply(tr, value) {\n                const meta: DndMeta = tr.getMeta(key);\n\n                if (meta?.action === 'hide') {\n                    return DecorationSet.empty;\n                }\n\n                if (meta?.action === 'row-control-active') {\n                    const {controlCell, rows, uniqKey} = meta;\n                    return DecorationSet.create(tr.doc, [\n                        Decoration.node(\n                            controlCell.from,\n                            controlCell.to,\n                            {},\n                            {\n                                [YfmTableDecorationUniqKey]: uniqKey,\n                                [YfmTableDecorationTypeKey]: YfmTableDecorationType.OpenRowMenu,\n                            },\n                        ),\n                        ...rows.map((row) =>\n                            Decoration.node(\n                                row.from,\n                                row.to,\n                                {class: 'g-md-yfm-table-active-row'},\n                                {\n                                    [YfmTableDecorationUniqKey]: uniqKey,\n                                    [YfmTableDecorationTypeKey]: YfmTableDecorationType.ActivateRow,\n                                },\n                            ),\n                        ),\n                    ]);\n                }\n\n                if (meta?.action === 'row-control-non-active') {\n                    const {uniqKey} = meta;\n                    const decos = value.find(\n                        undefined,\n                        undefined,\n                        (spec) => spec[YfmTableDecorationUniqKey] === uniqKey,\n                    );\n                    return value.remove(decos).map(tr.mapping, tr.doc);\n                }\n\n                if (meta?.action === 'column-control-active') {\n                    const {controlCell, cells, uniqKey} = meta;\n                    return DecorationSet.create(tr.doc, [\n                        Decoration.node(\n                            controlCell.from,\n                            controlCell.to,\n                            {},\n                            {\n                                [YfmTableDecorationUniqKey]: uniqKey,\n                                [YfmTableDecorationTypeKey]: YfmTableDecorationType.OpenColumnMenu,\n                            },\n                        ),\n                        ...cells.map((pos) =>\n                            Decoration.node(\n                                pos.from,\n                                pos.to,\n                                {class: 'g-md-yfm-table-active-column-cell'},\n                                {\n                                    [YfmTableDecorationUniqKey]: uniqKey,\n                                    [YfmTableDecorationTypeKey]:\n                                        YfmTableDecorationType.ActivateColumnCells,\n                                },\n                            ),\n                        ),\n                    ]);\n                }\n\n                if (meta?.action === 'column-control-non-active') {\n                    const {uniqKey} = meta;\n                    const decos = value.find(\n                        undefined,\n                        undefined,\n                        (spec) => spec[YfmTableDecorationUniqKey] === uniqKey,\n                    );\n                    return value.remove(decos).map(tr.mapping, tr.doc);\n                }\n\n                if (meta?.action === 'drag-rows') {\n                    return DecorationSet.create(\n                        tr.doc,\n                        meta.rows.map((row) =>\n                            Decoration.node(row.from, row.to, {\n                                class: 'g-md-yfm-table-dnd-dragged-row',\n                            }),\n                        ),\n                    );\n                }\n\n                if (meta?.action === 'drag-columns') {\n                    return DecorationSet.create(\n                        tr.doc,\n                        meta.cells.map((cell) =>\n                            Decoration.node(cell.from, cell.to, {\n                                class: 'g-md-yfm-table-dnd-dragged-column-cell',\n                            }),\n                        ),\n                    );\n                }\n\n                return value.map(tr.mapping, tr.doc);\n            },\n        },\n        props: {\n            decorations(state) {\n                return this.getState(state);\n            },\n        },\n    });\n};\n"]}
+{"version":3,"file":"dnd-plugin.js","sourceRoot":"../../../../../../../../src","sources":["extensions/yfm/YfmTable/plugins/YfmTableControls/plugins/dnd-plugin.ts"],"names":[],"mappings":"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","sourcesContent":["import {Plugin, PluginKey, type Transaction} from '#pm/state';\nimport {Decoration, DecorationSet} from '#pm/view';\nimport {cn} from 'src/classname';\n\nimport {\n    YfmTableDecorationType,\n    YfmTableDecorationTypeKey,\n    YfmTableDecorationUniqKey,\n} from '../const';\n\nconst b = cn('yfm-table-selected-cell');\n\ntype FromTo = {\n    from: number;\n    to: number;\n};\n\ntype CellMods = {\n    'first-row'?: boolean;\n    'last-row'?: boolean;\n    'first-column'?: boolean;\n    'last-column'?: boolean;\n};\n\nexport type SelectedCellPos = FromTo & {\n    mods: CellMods;\n};\n\ntype DndMeta =\n    | {action: 'row-control-active'; controlCell: FromTo; cells: SelectedCellPos[]; uniqKey: number}\n    | {\n          action: 'column-control-active';\n          controlCell: FromTo;\n          cells: SelectedCellPos[];\n          uniqKey: number;\n      }\n    | {action: 'row-control-non-active'; uniqKey: number}\n    | {action: 'column-control-non-active'; uniqKey: number}\n    | {action: 'drag-rows'; cells: SelectedCellPos[]}\n    | {action: 'drag-columns'; cells: SelectedCellPos[]}\n    | {action: 'hide'};\n\nconst key = new PluginKey<DecorationSet>('yfm-table-dnd-decos');\n\nexport function activateRows(\n    tr: Transaction,\n    params: {controlCell: FromTo; cells: SelectedCellPos[]; uniqKey: number},\n): Transaction {\n    const meta: DndMeta = {action: 'row-control-active', ...params};\n    tr.setMeta(key, meta);\n    return tr;\n}\n\nexport function deactivateRow(tr: Transaction, uniqKey: number): Transaction {\n    const meta: DndMeta = {action: 'row-control-non-active', uniqKey};\n    tr.setMeta(key, meta);\n    return tr;\n}\n\nexport function activateColumns(\n    tr: Transaction,\n    params: {controlCell: FromTo; cells: SelectedCellPos[]; uniqKey: number},\n): Transaction {\n    const meta: DndMeta = {action: 'column-control-active', ...params};\n    tr.setMeta(key, meta);\n    return tr;\n}\n\nexport function deactivateColumn(tr: Transaction, uniqKey: number): Transaction {\n    const meta: DndMeta = {action: 'column-control-non-active', uniqKey};\n    tr.setMeta(key, meta);\n    return tr;\n}\n\nexport function selectDraggedRow(tr: Transaction, cells: SelectedCellPos[]): Transaction {\n    const meta: DndMeta = {action: 'drag-rows', cells};\n    tr.setMeta(key, meta);\n    return tr;\n}\n\nexport function selectDraggedColumn(tr: Transaction, cells: SelectedCellPos[]): Transaction {\n    const meta: DndMeta = {action: 'drag-columns', cells};\n    tr.setMeta(key, meta);\n    return tr;\n}\n\nexport function clearAllSelections(tr: Transaction): Transaction {\n    const meta: DndMeta = {action: 'hide'};\n    tr.setMeta(key, meta);\n    return tr;\n}\n\nexport const yfmTableDndPlugin = () => {\n    return new Plugin<DecorationSet>({\n        key,\n        state: {\n            init() {\n                return DecorationSet.empty;\n            },\n            apply(tr, value) {\n                const meta: DndMeta = tr.getMeta(key);\n\n                if (meta?.action === 'hide') {\n                    return DecorationSet.empty;\n                }\n\n                if (meta?.action === 'row-control-active') {\n                    const {controlCell, cells, uniqKey} = meta;\n                    return DecorationSet.create(tr.doc, [\n                        Decoration.node(\n                            controlCell.from,\n                            controlCell.to,\n                            {},\n                            {\n                                [YfmTableDecorationUniqKey]: uniqKey,\n                                [YfmTableDecorationTypeKey]: YfmTableDecorationType.OpenRowMenu,\n                            },\n                        ),\n                        ...cells.map((cell) =>\n                            Decoration.node(\n                                cell.from,\n                                cell.to,\n                                {class: b(cell.mods)},\n                                {\n                                    [YfmTableDecorationUniqKey]: uniqKey,\n                                    [YfmTableDecorationTypeKey]:\n                                        YfmTableDecorationType.ActivateRowCells,\n                                },\n                            ),\n                        ),\n                    ]);\n                }\n\n                if (meta?.action === 'row-control-non-active') {\n                    const {uniqKey} = meta;\n                    const decos = value.find(\n                        undefined,\n                        undefined,\n                        (spec) => spec[YfmTableDecorationUniqKey] === uniqKey,\n                    );\n                    return value.remove(decos).map(tr.mapping, tr.doc);\n                }\n\n                if (meta?.action === 'column-control-active') {\n                    const {controlCell, cells, uniqKey} = meta;\n                    return DecorationSet.create(tr.doc, [\n                        Decoration.node(\n                            controlCell.from,\n                            controlCell.to,\n                            {},\n                            {\n                                [YfmTableDecorationUniqKey]: uniqKey,\n                                [YfmTableDecorationTypeKey]: YfmTableDecorationType.OpenColumnMenu,\n                            },\n                        ),\n                        ...cells.map((pos) =>\n                            Decoration.node(\n                                pos.from,\n                                pos.to,\n                                {class: b(pos.mods)},\n                                {\n                                    [YfmTableDecorationUniqKey]: uniqKey,\n                                    [YfmTableDecorationTypeKey]:\n                                        YfmTableDecorationType.ActivateColumnCells,\n                                },\n                            ),\n                        ),\n                    ]);\n                }\n\n                if (meta?.action === 'column-control-non-active') {\n                    const {uniqKey} = meta;\n                    const decos = value.find(\n                        undefined,\n                        undefined,\n                        (spec) => spec[YfmTableDecorationUniqKey] === uniqKey,\n                    );\n                    return value.remove(decos).map(tr.mapping, tr.doc);\n                }\n\n                if (meta?.action === 'drag-rows') {\n                    return DecorationSet.create(\n                        tr.doc,\n                        meta.cells.map((cell) =>\n                            Decoration.node(cell.from, cell.to, {\n                                class: b(cell.mods, 'dragged-cell'),\n                            }),\n                        ),\n                    );\n                }\n\n                if (meta?.action === 'drag-columns') {\n                    return DecorationSet.create(\n                        tr.doc,\n                        meta.cells.map((cell) =>\n                            Decoration.node(cell.from, cell.to, {\n                                class: b(cell.mods, 'dragged-cell'),\n                            }),\n                        ),\n                    );\n                }\n\n                return value.map(tr.mapping, tr.doc);\n            },\n        },\n        props: {\n            decorations(state) {\n                return this.getState(state);\n            },\n        },\n    });\n};\n"]}

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

@@ -0,0 +1,4 @@
+import type { TableColumnRange, TableDescBinded, TableRowRange } from "../../../../../table-utils/table-desc.js";
+import type { SelectedCellPos } from "./plugins/dnd-plugin.js";
+export declare function getSelectedCellsForRows(tableDesc: TableDescBinded, range: TableRowRange): SelectedCellPos[];
+export declare function getSelectedCellsForColumns(tableDesc: TableDescBinded, range: TableColumnRange): SelectedCellPos[];

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

@@ -0,0 +1,46 @@
+export function getSelectedCellsForRows(tableDesc, range) {
+    const cells = [];
+    for (let rowIdx = range.startIdx; rowIdx <= range.endIdx; rowIdx++) {
+        for (let colIdx = 0; colIdx < tableDesc.cols; colIdx++) {
+            const cell = getSelectedCellPos(tableDesc, rowIdx, colIdx);
+            if (cell)
+                cells.push(cell);
+        }
+    }
+    return cells;
+}
+export function getSelectedCellsForColumns(tableDesc, range) {
+    const cells = [];
+    for (let rowIdx = 0; rowIdx < tableDesc.rows; rowIdx++) {
+        for (let colIdx = range.startIdx; colIdx <= range.endIdx; colIdx++) {
+            const cell = getSelectedCellPos(tableDesc, rowIdx, colIdx);
+            if (cell)
+                cells.push(cell);
+        }
+    }
+    return cells;
+}
+function getSelectedCellPos(tableDesc, rowIdx, colIdx) {
+    const pos = tableDesc.getPosForCell(rowIdx, colIdx);
+    if (pos.type === 'virtual')
+        return null;
+    const cell = {
+        from: pos.from,
+        to: pos.to,
+        mods: {
+            'first-row': rowIdx === 0,
+            'last-row': rowIdx === tableDesc.rows - 1,
+            'first-column': colIdx === 0,
+            'last-column': colIdx === tableDesc.cols - 1,
+        },
+    };
+    const { rowspan, colspan } = tableDesc.base.rowsDesc[rowIdx].cells[colIdx];
+    if (rowspan && rowspan > 0 && rowIdx + rowspan >= tableDesc.rows) {
+        cell.mods['last-row'] = true;
+    }
+    if (colspan && colspan > 0 && colIdx + colspan >= tableDesc.cols) {
+        cell.mods['last-column'] = true;
+    }
+    return cell;
+}
+//# sourceMappingURL=utils.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"utils.js","sourceRoot":"../../../../../../../src","sources":["extensions/yfm/YfmTable/plugins/YfmTableControls/utils.ts"],"names":[],"mappings":"AASA,MAAM,UAAU,uBAAuB,CACnC,SAA0B,EAC1B,KAAoB;IAEpB,MAAM,KAAK,GAAsB,EAAE,CAAC;IAEpC,KAAK,IAAI,MAAM,GAAG,KAAK,CAAC,QAAQ,EAAE,MAAM,IAAI,KAAK,CAAC,MAAM,EAAE,MAAM,EAAE,EAAE,CAAC;QACjE,KAAK,IAAI,MAAM,GAAG,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC,IAAI,EAAE,MAAM,EAAE,EAAE,CAAC;YACrD,MAAM,IAAI,GAAG,kBAAkB,CAAC,SAAS,EAAE,MAAM,EAAE,MAAM,CAAC,CAAC;YAC3D,IAAI,IAAI;gBAAE,KAAK,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;QAC/B,CAAC;IACL,CAAC;IAED,OAAO,KAAK,CAAC;AACjB,CAAC;AAED,MAAM,UAAU,0BAA0B,CACtC,SAA0B,EAC1B,KAAuB;IAEvB,MAAM,KAAK,GAAsB,EAAE,CAAC;IAEpC,KAAK,IAAI,MAAM,GAAG,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC,IAAI,EAAE,MAAM,EAAE,EAAE,CAAC;QACrD,KAAK,IAAI,MAAM,GAAG,KAAK,CAAC,QAAQ,EAAE,MAAM,IAAI,KAAK,CAAC,MAAM,EAAE,MAAM,EAAE,EAAE,CAAC;YACjE,MAAM,IAAI,GAAG,kBAAkB,CAAC,SAAS,EAAE,MAAM,EAAE,MAAM,CAAC,CAAC;YAC3D,IAAI,IAAI;gBAAE,KAAK,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;QAC/B,CAAC;IACL,CAAC;IAED,OAAO,KAAK,CAAC;AACjB,CAAC;AAED,SAAS,kBAAkB,CACvB,SAA0B,EAC1B,MAAc,EACd,MAAc;IAEd,MAAM,GAAG,GAAG,SAAS,CAAC,aAAa,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;IACpD,IAAI,GAAG,CAAC,IAAI,KAAK,SAAS;QAAE,OAAO,IAAI,CAAC;IAExC,MAAM,IAAI,GAAoB;QAC1B,IAAI,EAAE,GAAG,CAAC,IAAI;QACd,EAAE,EAAE,GAAG,CAAC,EAAE;QACV,IAAI,EAAE;YACF,WAAW,EAAE,MAAM,KAAK,CAAC;YACzB,UAAU,EAAE,MAAM,KAAK,SAAS,CAAC,IAAI,GAAG,CAAC;YACzC,cAAc,EAAE,MAAM,KAAK,CAAC;YAC5B,aAAa,EAAE,MAAM,KAAK,SAAS,CAAC,IAAI,GAAG,CAAC;SAC/C;KACJ,CAAC;IAEF,MAAM,EAAC,OAAO,EAAE,OAAO,EAAC,GAAG,SAAS,CAAC,IAAI,CAAC,QAAQ,CAAC,MAAM,CAAC,CAAC,KAAK,CAAC,MAAM,CAAsB,CAAC;IAC9F,IAAI,OAAO,IAAI,OAAO,GAAG,CAAC,IAAI,MAAM,GAAG,OAAO,IAAI,SAAS,CAAC,IAAI,EAAE,CAAC;QAC/D,IAAI,CAAC,IAAI,CAAC,UAAU,CAAC,GAAG,IAAI,CAAC;IACjC,CAAC;IACD,IAAI,OAAO,IAAI,OAAO,GAAG,CAAC,IAAI,MAAM,GAAG,OAAO,IAAI,SAAS,CAAC,IAAI,EAAE,CAAC;QAC/D,IAAI,CAAC,IAAI,CAAC,aAAa,CAAC,GAAG,IAAI,CAAC;IACpC,CAAC;IAED,OAAO,IAAI,CAAC;AAChB,CAAC","sourcesContent":["import type {\n    TableCellRealDesc,\n    TableColumnRange,\n    TableDescBinded,\n    TableRowRange,\n} from 'src/table-utils/table-desc';\n\nimport type {SelectedCellPos} from './plugins/dnd-plugin';\n\nexport function getSelectedCellsForRows(\n    tableDesc: TableDescBinded,\n    range: TableRowRange,\n): SelectedCellPos[] {\n    const cells: SelectedCellPos[] = [];\n\n    for (let rowIdx = range.startIdx; rowIdx <= range.endIdx; rowIdx++) {\n        for (let colIdx = 0; colIdx < tableDesc.cols; colIdx++) {\n            const cell = getSelectedCellPos(tableDesc, rowIdx, colIdx);\n            if (cell) cells.push(cell);\n        }\n    }\n\n    return cells;\n}\n\nexport function getSelectedCellsForColumns(\n    tableDesc: TableDescBinded,\n    range: TableColumnRange,\n): SelectedCellPos[] {\n    const cells: SelectedCellPos[] = [];\n\n    for (let rowIdx = 0; rowIdx < tableDesc.rows; rowIdx++) {\n        for (let colIdx = range.startIdx; colIdx <= range.endIdx; colIdx++) {\n            const cell = getSelectedCellPos(tableDesc, rowIdx, colIdx);\n            if (cell) cells.push(cell);\n        }\n    }\n\n    return cells;\n}\n\nfunction getSelectedCellPos(\n    tableDesc: TableDescBinded,\n    rowIdx: number,\n    colIdx: number,\n): SelectedCellPos | null {\n    const pos = tableDesc.getPosForCell(rowIdx, colIdx);\n    if (pos.type === 'virtual') return null;\n\n    const cell: SelectedCellPos = {\n        from: pos.from,\n        to: pos.to,\n        mods: {\n            'first-row': rowIdx === 0,\n            'last-row': rowIdx === tableDesc.rows - 1,\n            'first-column': colIdx === 0,\n            'last-column': colIdx === tableDesc.cols - 1,\n        },\n    };\n\n    const {rowspan, colspan} = tableDesc.base.rowsDesc[rowIdx].cells[colIdx] as TableCellRealDesc;\n    if (rowspan && rowspan > 0 && rowIdx + rowspan >= tableDesc.rows) {\n        cell.mods['last-row'] = true;\n    }\n    if (colspan && colspan > 0 && colIdx + colspan >= tableDesc.cols) {\n        cell.mods['last-column'] = true;\n    }\n\n    return cell;\n}\n"]}

package/build/esm/react-utils/hooks/useAutoSave.d.ts

@@ -0,0 +1,23 @@
+export interface AutoSaveOptions {
+    enabled?: boolean;
+    delay?: number;
+}
+export interface UseAutoSaveProps {
+    initialValue: string;
+    onSave: (value: string, shouldClose?: boolean) => void;
+    onClose: () => void;
+    autoSave?: AutoSaveOptions;
+}
+export interface UseAutoSaveReturn {
+    value: string;
+    hasUnsavedChanges: boolean;
+    handleChange: (newValue: string) => void;
+    handleManualSave: () => void;
+    handleClearTimeout: () => void;
+    isAutoSaveEnabled: boolean;
+    isSaveDisabled: boolean;
+}
+/**
+ * autosave functionality for extensions with edit block
+ */
+export declare const useAutoSave: ({ autoSave, initialValue, onClose, onSave, }: UseAutoSaveProps) => UseAutoSaveReturn;

package/build/esm/react-utils/hooks/useAutoSave.js

@@ -0,0 +1,55 @@
+import { useEffect, useRef, useState } from 'react';
+const DEFAULT_AUTOSAVE = {
+    enabled: true,
+    delay: 500,
+};
+/**
+ * autosave functionality for extensions with edit block
+ */
+export const useAutoSave = ({ autoSave, initialValue, onClose, onSave, }) => {
+    const { enabled: autoSaveEnabled, delay: autoSaveDelay } = autoSave ?? DEFAULT_AUTOSAVE;
+    const isAutoSaveEnabled = Boolean(autoSaveEnabled);
+    const [value, setValue] = useState(initialValue || '');
+    const [hasUnsavedChanges, setHasUnsavedChanges] = useState(false);
+    const autoSaveTimeoutRef = useRef();
+    const handleClearTimeout = () => {
+        if (autoSaveTimeoutRef.current) {
+            clearTimeout(autoSaveTimeoutRef.current);
+        }
+    };
+    const handleChange = (newValue) => {
+        setValue(newValue);
+        const hasChanges = newValue !== initialValue;
+        setHasUnsavedChanges(hasChanges);
+        if (isAutoSaveEnabled && hasChanges) {
+            handleClearTimeout();
+            const delay = autoSaveDelay ?? DEFAULT_AUTOSAVE.delay;
+            autoSaveTimeoutRef.current = setTimeout(() => {
+                onSave(newValue);
+                setHasUnsavedChanges(false);
+            }, delay);
+        }
+    };
+    const handleManualSave = () => {
+        handleClearTimeout();
+        onSave(value);
+        onClose();
+    };
+    // сleanup timeout on unmount
+    useEffect(() => {
+        return () => {
+            handleClearTimeout();
+        };
+    }, []);
+    const isSaveDisabled = isAutoSaveEnabled && !hasUnsavedChanges;
+    return {
+        value,
+        hasUnsavedChanges,
+        handleChange,
+        handleManualSave,
+        handleClearTimeout,
+        isAutoSaveEnabled,
+        isSaveDisabled,
+    };
+};
+//# sourceMappingURL=useAutoSave.js.map

package/build/esm/react-utils/hooks/useAutoSave.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useAutoSave.js","sourceRoot":"../../../../src","sources":["react-utils/hooks/useAutoSave.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,SAAS,EAAE,MAAM,EAAE,QAAQ,EAAC,MAAM,OAAO,CAAC;AAwBlD,MAAM,gBAAgB,GAAG;IACrB,OAAO,EAAE,IAAI;IACb,KAAK,EAAE,GAAG;CACb,CAAC;AAEF;;GAEG;AACH,MAAM,CAAC,MAAM,WAAW,GAAG,CAAC,EACxB,QAAQ,EACR,YAAY,EACZ,OAAO,EACP,MAAM,GACS,EAAqB,EAAE;IACtC,MAAM,EAAC,OAAO,EAAE,eAAe,EAAE,KAAK,EAAE,aAAa,EAAC,GAAG,QAAQ,IAAI,gBAAgB,CAAC;IACtF,MAAM,iBAAiB,GAAG,OAAO,CAAC,eAAe,CAAC,CAAC;IAEnD,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,QAAQ,CAAC,YAAY,IAAI,EAAE,CAAC,CAAC;IACvD,MAAM,CAAC,iBAAiB,EAAE,oBAAoB,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IAClE,MAAM,kBAAkB,GAAG,MAAM,EAAkB,CAAC;IAEpD,MAAM,kBAAkB,GAAG,GAAG,EAAE;QAC5B,IAAI,kBAAkB,CAAC,OAAO,EAAE,CAAC;YAC7B,YAAY,CAAC,kBAAkB,CAAC,OAAO,CAAC,CAAC;QAC7C,CAAC;IACL,CAAC,CAAC;IAEF,MAAM,YAAY,GAAG,CAAC,QAAgB,EAAE,EAAE;QACtC,QAAQ,CAAC,QAAQ,CAAC,CAAC;QACnB,MAAM,UAAU,GAAG,QAAQ,KAAK,YAAY,CAAC;QAC7C,oBAAoB,CAAC,UAAU,CAAC,CAAC;QAEjC,IAAI,iBAAiB,IAAI,UAAU,EAAE,CAAC;YAClC,kBAAkB,EAAE,CAAC;YAErB,MAAM,KAAK,GAAG,aAAa,IAAI,gBAAgB,CAAC,KAAK,CAAC;YACtD,kBAAkB,CAAC,OAAO,GAAG,UAAU,CAAC,GAAG,EAAE;gBACzC,MAAM,CAAC,QAAQ,CAAC,CAAC;gBACjB,oBAAoB,CAAC,KAAK,CAAC,CAAC;YAChC,CAAC,EAAE,KAAK,CAAC,CAAC;QACd,CAAC;IACL,CAAC,CAAC;IAEF,MAAM,gBAAgB,GAAG,GAAG,EAAE;QAC1B,kBAAkB,EAAE,CAAC;QACrB,MAAM,CAAC,KAAK,CAAC,CAAC;QACd,OAAO,EAAE,CAAC;IACd,CAAC,CAAC;IAEF,6BAA6B;IAC7B,SAAS,CAAC,GAAG,EAAE;QACX,OAAO,GAAG,EAAE;YACR,kBAAkB,EAAE,CAAC;QACzB,CAAC,CAAC;IACN,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,MAAM,cAAc,GAAG,iBAAiB,IAAI,CAAC,iBAAiB,CAAC;IAE/D,OAAO;QACH,KAAK;QACL,iBAAiB;QACjB,YAAY;QACZ,gBAAgB;QAChB,kBAAkB;QAClB,iBAAiB;QACjB,cAAc;KACjB,CAAC;AACN,CAAC,CAAC","sourcesContent":["import {useEffect, useRef, useState} from 'react';\n\nexport interface AutoSaveOptions {\n    enabled?: boolean;\n    delay?: number;\n}\n\nexport interface UseAutoSaveProps {\n    initialValue: string;\n    onSave: (value: string, shouldClose?: boolean) => void;\n    onClose: () => void;\n    autoSave?: AutoSaveOptions;\n}\n\nexport interface UseAutoSaveReturn {\n    value: string;\n    hasUnsavedChanges: boolean;\n    handleChange: (newValue: string) => void;\n    handleManualSave: () => void;\n    handleClearTimeout: () => void;\n    isAutoSaveEnabled: boolean;\n    isSaveDisabled: boolean;\n}\n\nconst DEFAULT_AUTOSAVE = {\n    enabled: true,\n    delay: 500,\n};\n\n/**\n * autosave functionality for extensions with edit block\n */\nexport const useAutoSave = ({\n    autoSave,\n    initialValue,\n    onClose,\n    onSave,\n}: UseAutoSaveProps): UseAutoSaveReturn => {\n    const {enabled: autoSaveEnabled, delay: autoSaveDelay} = autoSave ?? DEFAULT_AUTOSAVE;\n    const isAutoSaveEnabled = Boolean(autoSaveEnabled);\n\n    const [value, setValue] = useState(initialValue || '');\n    const [hasUnsavedChanges, setHasUnsavedChanges] = useState(false);\n    const autoSaveTimeoutRef = useRef<NodeJS.Timeout>();\n\n    const handleClearTimeout = () => {\n        if (autoSaveTimeoutRef.current) {\n            clearTimeout(autoSaveTimeoutRef.current);\n        }\n    };\n\n    const handleChange = (newValue: string) => {\n        setValue(newValue);\n        const hasChanges = newValue !== initialValue;\n        setHasUnsavedChanges(hasChanges);\n\n        if (isAutoSaveEnabled && hasChanges) {\n            handleClearTimeout();\n\n            const delay = autoSaveDelay ?? DEFAULT_AUTOSAVE.delay;\n            autoSaveTimeoutRef.current = setTimeout(() => {\n                onSave(newValue);\n                setHasUnsavedChanges(false);\n            }, delay);\n        }\n    };\n\n    const handleManualSave = () => {\n        handleClearTimeout();\n        onSave(value);\n        onClose();\n    };\n\n    // сleanup timeout on unmount\n    useEffect(() => {\n        return () => {\n            handleClearTimeout();\n        };\n    }, []);\n\n    const isSaveDisabled = isAutoSaveEnabled && !hasUnsavedChanges;\n\n    return {\n        value,\n        hasUnsavedChanges,\n        handleChange,\n        handleManualSave,\n        handleClearTimeout,\n        isAutoSaveEnabled,\n        isSaveDisabled,\n    };\n};\n"]}

package/build/esm/react-utils/hooks.d.ts

@@ -7,4 +7,4 @@ export declare const useComponentWillMount: (cb: () => void) => void;
 export declare const useRenderTime: (cb: (time: number) => void) => void;
 type AnyFunction = (...args: any[]) => any;
 export declare function useDebounce<Fn extends AnyFunction>(cb: Fn, wait: number): import("lodash").DebouncedFunc<(...args: Parameters<Fn>) => void>;
-export {};
+export { useAutoSave, type AutoSaveOptions, type UseAutoSaveProps, type UseAutoSaveReturn, } from "./hooks/useAutoSave.js";

package/build/esm/react-utils/hooks.js

@@ -35,4 +35,5 @@ export function useDebounce(cb, wait) {
     useEffect(() => () => debouncedFn.cancel(), [debouncedFn]);
     return debouncedFn;
 }
+export { useAutoSave, } from "./hooks/useAutoSave.js";
 //# sourceMappingURL=hooks.js.map

package/build/esm/react-utils/hooks.js.map

@@ -1 +1 @@
-{"version":3,"file":"hooks.js","sourceRoot":"../../../src","sources":["react-utils/hooks.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,WAAW,EAAE,SAAS,EAAE,OAAO,EAAE,MAAM,EAAE,QAAQ,EAAC,MAAM,OAAO,CAAC;AAExE,OAAO,EAAC,aAAa,EAAE,SAAS,EAAC,MAAM,WAAW,CAAC;AAEnD,OAAO,EAAC,QAAQ,EAAC,qBAAkB;AAEnC,MAAM,CAAC,MAAM,eAAe,GAAG,GAA4D,EAAE,CACzF,QAAQ,CAAW,IAAI,CAAC,CAAC;AAK7B,MAAM,UAAU,eAAe,CAC3B,OAAkC;IAElC,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,QAAQ,CAAU,OAAO,CAAC,CAAC;IACrD,OAAO;QACH,KAAK;QACL,WAAW,CAAC,GAAG,EAAE,CAAC,QAAQ,CAAC,IAAI,CAAC,EAAE,EAAE,CAAC;QACrC,WAAW,CAAC,GAAG,EAAE,CAAC,QAAQ,CAAC,KAAK,CAAC,EAAE,EAAE,CAAC;QACtC,WAAW,CAAC,GAAG,EAAE,CAAC,QAAQ,CAAC,CAAC,GAAG,EAAE,EAAE,CAAC,CAAC,GAAG,CAAC,EAAE,EAAE,CAAC;KACjD,CAAC;AACN,CAAC;AAED,MAAM,CAAC,MAAM,qBAAqB,GAAG,CAAC,EAAc,EAAE,EAAE;IACpD,MAAM,SAAS,GAAG,MAAM,CAAC,IAAI,CAAC,CAAC;IAE/B,IAAI,SAAS,CAAC,OAAO;QAAE,EAAE,EAAE,CAAC;IAE5B,SAAS,CAAC,OAAO,GAAG,KAAK,CAAC;AAC9B,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,aAAa,GAAG,CAAC,EAA0B,EAAE,EAAE;IACxD,IAAI,IAAI,GAAG,CAAC,CAAC;IAEb,qBAAqB,CAAC,GAAG,EAAE;QACvB,IAAI,GAAG,IAAI,CAAC,GAAG,EAAE,CAAC;IACtB,CAAC,CAAC,CAAC;IAEH,aAAa,CAAC,GAAG,EAAE;QACf,EAAE,CAAC,IAAI,CAAC,GAAG,EAAE,GAAG,IAAI,CAAC,CAAC;IAC1B,CAAC,CAAC,CAAC;AACP,CAAC,CAAC;AAGF,MAAM,UAAU,WAAW,CAAyB,EAAM,EAAE,IAAY;IACpE,MAAM,QAAQ,GAAG,SAAS,CAAC,EAAE,CAAC,CAAC;IAE/B,MAAM,WAAW,GAAG,OAAO,CACvB,GAAG,EAAE,CACD,QAAQ,CAAC,CAAC,GAAG,IAAoB,EAAE,EAAE;QACjC,QAAQ,CAAC,OAAO,CAAC,KAAK,CAAC,IAAI,EAAE,IAAI,CAAC,CAAC;IACvC,CAAC,EAAE,IAAI,CAAC,EACZ,CAAC,QAAQ,EAAE,IAAI,CAAC,CACnB,CAAC;IAEF,6BAA6B;IAC7B,SAAS,CAAC,GAAG,EAAE,CAAC,GAAG,EAAE,CAAC,WAAW,CAAC,MAAM,EAAE,EAAE,CAAC,WAAW,CAAC,CAAC,CAAC;IAE3D,OAAO,WAAW,CAAC;AACvB,CAAC","sourcesContent":["import {useCallback, useEffect, useMemo, useRef, useState} from 'react';\n\nimport {useEffectOnce, useLatest} from 'react-use';\n\nimport {debounce} from '../lodash';\n\nexport const useElementState = <T extends HTMLElement>(): [T | null, React.RefCallback<T>] =>\n    useState<T | null>(null);\n\ntype SetTrue = () => void;\ntype SetFalse = () => void;\ntype Toggle = () => void;\nexport function useBooleanState(\n    initial: boolean | (() => boolean),\n): [boolean, SetTrue, SetFalse, Toggle] {\n    const [value, setValue] = useState<boolean>(initial);\n    return [\n        value,\n        useCallback(() => setValue(true), []),\n        useCallback(() => setValue(false), []),\n        useCallback(() => setValue((val) => !val), []),\n    ];\n}\n\nexport const useComponentWillMount = (cb: () => void) => {\n    const willMount = useRef(true);\n\n    if (willMount.current) cb();\n\n    willMount.current = false;\n};\n\nexport const useRenderTime = (cb: (time: number) => void) => {\n    let time = 0;\n\n    useComponentWillMount(() => {\n        time = Date.now();\n    });\n\n    useEffectOnce(() => {\n        cb(Date.now() - time);\n    });\n};\n\ntype AnyFunction = (...args: any[]) => any;\nexport function useDebounce<Fn extends AnyFunction>(cb: Fn, wait: number) {\n    const latestCb = useLatest(cb);\n\n    const debouncedFn = useMemo(\n        () =>\n            debounce((...args: Parameters<Fn>) => {\n                latestCb.current.apply(null, args);\n            }, wait),\n        [latestCb, wait],\n    );\n\n    // cancel function on unmount\n    useEffect(() => () => debouncedFn.cancel(), [debouncedFn]);\n\n    return debouncedFn;\n}\n"]}
+{"version":3,"file":"hooks.js","sourceRoot":"../../../src","sources":["react-utils/hooks.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,WAAW,EAAE,SAAS,EAAE,OAAO,EAAE,MAAM,EAAE,QAAQ,EAAC,MAAM,OAAO,CAAC;AAExE,OAAO,EAAC,aAAa,EAAE,SAAS,EAAC,MAAM,WAAW,CAAC;AAEnD,OAAO,EAAC,QAAQ,EAAC,qBAAkB;AAEnC,MAAM,CAAC,MAAM,eAAe,GAAG,GAA4D,EAAE,CACzF,QAAQ,CAAW,IAAI,CAAC,CAAC;AAK7B,MAAM,UAAU,eAAe,CAC3B,OAAkC;IAElC,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,QAAQ,CAAU,OAAO,CAAC,CAAC;IACrD,OAAO;QACH,KAAK;QACL,WAAW,CAAC,GAAG,EAAE,CAAC,QAAQ,CAAC,IAAI,CAAC,EAAE,EAAE,CAAC;QACrC,WAAW,CAAC,GAAG,EAAE,CAAC,QAAQ,CAAC,KAAK,CAAC,EAAE,EAAE,CAAC;QACtC,WAAW,CAAC,GAAG,EAAE,CAAC,QAAQ,CAAC,CAAC,GAAG,EAAE,EAAE,CAAC,CAAC,GAAG,CAAC,EAAE,EAAE,CAAC;KACjD,CAAC;AACN,CAAC;AAED,MAAM,CAAC,MAAM,qBAAqB,GAAG,CAAC,EAAc,EAAE,EAAE;IACpD,MAAM,SAAS,GAAG,MAAM,CAAC,IAAI,CAAC,CAAC;IAE/B,IAAI,SAAS,CAAC,OAAO;QAAE,EAAE,EAAE,CAAC;IAE5B,SAAS,CAAC,OAAO,GAAG,KAAK,CAAC;AAC9B,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,aAAa,GAAG,CAAC,EAA0B,EAAE,EAAE;IACxD,IAAI,IAAI,GAAG,CAAC,CAAC;IAEb,qBAAqB,CAAC,GAAG,EAAE;QACvB,IAAI,GAAG,IAAI,CAAC,GAAG,EAAE,CAAC;IACtB,CAAC,CAAC,CAAC;IAEH,aAAa,CAAC,GAAG,EAAE;QACf,EAAE,CAAC,IAAI,CAAC,GAAG,EAAE,GAAG,IAAI,CAAC,CAAC;IAC1B,CAAC,CAAC,CAAC;AACP,CAAC,CAAC;AAGF,MAAM,UAAU,WAAW,CAAyB,EAAM,EAAE,IAAY;IACpE,MAAM,QAAQ,GAAG,SAAS,CAAC,EAAE,CAAC,CAAC;IAE/B,MAAM,WAAW,GAAG,OAAO,CACvB,GAAG,EAAE,CACD,QAAQ,CAAC,CAAC,GAAG,IAAoB,EAAE,EAAE;QACjC,QAAQ,CAAC,OAAO,CAAC,KAAK,CAAC,IAAI,EAAE,IAAI,CAAC,CAAC;IACvC,CAAC,EAAE,IAAI,CAAC,EACZ,CAAC,QAAQ,EAAE,IAAI,CAAC,CACnB,CAAC;IAEF,6BAA6B;IAC7B,SAAS,CAAC,GAAG,EAAE,CAAC,GAAG,EAAE,CAAC,WAAW,CAAC,MAAM,EAAE,EAAE,CAAC,WAAW,CAAC,CAAC,CAAC;IAE3D,OAAO,WAAW,CAAC;AACvB,CAAC;AAED,OAAO,EACH,WAAW,GAId,+BAA4B","sourcesContent":["import {useCallback, useEffect, useMemo, useRef, useState} from 'react';\n\nimport {useEffectOnce, useLatest} from 'react-use';\n\nimport {debounce} from '../lodash';\n\nexport const useElementState = <T extends HTMLElement>(): [T | null, React.RefCallback<T>] =>\n    useState<T | null>(null);\n\ntype SetTrue = () => void;\ntype SetFalse = () => void;\ntype Toggle = () => void;\nexport function useBooleanState(\n    initial: boolean | (() => boolean),\n): [boolean, SetTrue, SetFalse, Toggle] {\n    const [value, setValue] = useState<boolean>(initial);\n    return [\n        value,\n        useCallback(() => setValue(true), []),\n        useCallback(() => setValue(false), []),\n        useCallback(() => setValue((val) => !val), []),\n    ];\n}\n\nexport const useComponentWillMount = (cb: () => void) => {\n    const willMount = useRef(true);\n\n    if (willMount.current) cb();\n\n    willMount.current = false;\n};\n\nexport const useRenderTime = (cb: (time: number) => void) => {\n    let time = 0;\n\n    useComponentWillMount(() => {\n        time = Date.now();\n    });\n\n    useEffectOnce(() => {\n        cb(Date.now() - time);\n    });\n};\n\ntype AnyFunction = (...args: any[]) => any;\nexport function useDebounce<Fn extends AnyFunction>(cb: Fn, wait: number) {\n    const latestCb = useLatest(cb);\n\n    const debouncedFn = useMemo(\n        () =>\n            debounce((...args: Parameters<Fn>) => {\n                latestCb.current.apply(null, args);\n            }, wait),\n        [latestCb, wait],\n    );\n\n    // cancel function on unmount\n    useEffect(() => () => debouncedFn.cancel(), [debouncedFn]);\n\n    return debouncedFn;\n}\n\nexport {\n    useAutoSave,\n    type AutoSaveOptions,\n    type UseAutoSaveProps,\n    type UseAutoSaveReturn,\n} from './hooks/useAutoSave';\n"]}

package/build/esm/version.js

@@ -1,3 +1,3 @@
 /** During build process, the current version will be injected here */
-export const VERSION = typeof '15.21.0' !== 'undefined' ? '15.21.0' : 'unknown';
+export const VERSION = typeof '15.22.0' !== 'undefined' ? '15.22.0' : 'unknown';
 //# sourceMappingURL=version.js.map

package/build/esm/version.js.map

@@ -1 +1 @@
-{"version":3,"file":"version.js","sourceRoot":"../../src","sources":["version.ts"],"names":[],"mappings":"AAAA,sEAAsE;AACtE,MAAM,CAAC,MAAM,OAAO,GAAG,OAAO,WAAW,KAAK,WAAW,CAAC,CAAC,CAAC,WAAW,CAAC,CAAC,CAAC,SAAS,CAAC","sourcesContent":["/** During build process, the current version will be injected here */\nexport const VERSION = typeof '15.21.0' !== 'undefined' ? '15.21.0' : 'unknown';\n"]}
+{"version":3,"file":"version.js","sourceRoot":"../../src","sources":["version.ts"],"names":[],"mappings":"AAAA,sEAAsE;AACtE,MAAM,CAAC,MAAM,OAAO,GAAG,OAAO,WAAW,KAAK,WAAW,CAAC,CAAC,CAAC,WAAW,CAAC,CAAC,CAAC,SAAS,CAAC","sourcesContent":["/** During build process, the current version will be injected here */\nexport const VERSION = typeof '15.22.0' !== 'undefined' ? '15.22.0' : 'unknown';\n"]}

package/build/styles.css

@@ -1284,18 +1284,20 @@ body :has(.g-md-resizable_resizing) {
 .cm-file-upload-widget + .cm-file-upload-widget {
   margin-left: 2px;
 }
-.pm-h-folding-hidden {
+.ProseMirror .pm-h-folding-hidden,
+.yfm.ProseMirror .pm-h-folding-hidden {
   display: none;
 }
-
-.pm-h-folding-content {
+.ProseMirror .pm-h-folding-content,
+.yfm.ProseMirror .pm-h-folding-content {
   padding-left: 28px;
 }
-
-.pm-h-folding-separator {
+.ProseMirror .pm-h-folding-separator,
+.yfm.ProseMirror .pm-h-folding-separator {
   position: relative;
 }
-.pm-h-folding-separator::before {
+.ProseMirror .pm-h-folding-separator::before,
+.yfm.ProseMirror .pm-h-folding-separator::before {
   position: absolute;
   z-index: 1;
   bottom: -4px;
@@ -1308,7 +1310,8 @@ body :has(.g-md-resizable_resizing) {
   mask-size: 12px;
   transform: translateY(80%);
 }
-.pm-h-folding-separator::after {
+.ProseMirror .pm-h-folding-separator::after,
+.yfm.ProseMirror .pm-h-folding-separator::after {
   position: absolute;
   z-index: 1;
   bottom: -8px;
@@ -1318,8 +1321,8 @@ body :has(.g-md-resizable_resizing) {
   content: "";
   border-top: 1px dashed var(--g-color-line-generic);
 }
-
-.pm-h-folding-label::after {
+.ProseMirror .pm-h-folding-label::after,
+.yfm.ProseMirror .pm-h-folding-label::after {
   position: absolute;
   z-index: 1;
   right: 2px;
@@ -1775,16 +1778,81 @@ body :has(.g-md-resizable_resizing) {
   background: transparent;
 }
 
-.yfm.ProseMirror .g-md-yfm-table-dnd-dragged-row,
-.yfm.ProseMirror .g-md-yfm-table-dnd-dragged-column-cell {
-  opacity: 0.3;
-  background-color: var(--g-color-base-selection);
+.yfm.g-md-yfm-table-dnd-ghost,
+.g-md-yfm-table-dnd-ghost-button {
+  position: fixed;
+  cursor: grabbing;
+  pointer-events: none;
+  transition: none;
+  will-change: transform;
+}
+
+.yfm.g-md-yfm-table-dnd-ghost > table {
+  border-color: var(--g-color-line-brand);
+  box-shadow: 0 8px 20px 1px var(--g-color-sfx-shadow);
+}
+.yfm.g-md-yfm-table-dnd-ghost > table > tbody > tr > td {
+  border-color: var(--g-color-line-brand);
 }
 
-.yfm.ProseMirror .g-md-yfm-table-active-row,
-.yfm.ProseMirror .g-md-yfm-table-active-column-cell {
+.g-md-yfm-table-dnd-ghost-button {
+  --g-button-background-color-hover: var(--g-color-base-background);
+  --g-button-background-color: var(--g-color-base-background);
+  --g-button-border-color: var(--g-color-line-brand);
+  --g-button-text-color: var(--g-color-text-brand);
+  z-index: 2;
+}
+
+.yfm.ProseMirror table td {
+  position: relative;
+}
+.yfm.ProseMirror table td.g-md-yfm-table-selected-cell {
+  overflow: unset;
+  border-color: var(--g-color-line-brand);
   background-color: var(--g-color-base-selection);
 }
+.yfm.ProseMirror table td.g-md-yfm-table-selected-cell::after {
+  position: absolute;
+  z-index: 2;
+  inset: -1px;
+  display: inline-block;
+  content: "";
+  pointer-events: none;
+  border: 1px solid var(--g-color-line-brand);
+}
+.yfm.ProseMirror table td.g-md-yfm-table-selected-cell_first-row::after {
+  top: 0;
+}
+.yfm.ProseMirror table td.g-md-yfm-table-selected-cell_last-row::after {
+  bottom: 0;
+}
+.yfm.ProseMirror table td.g-md-yfm-table-selected-cell_first-column::after {
+  left: 0;
+}
+.yfm.ProseMirror table td.g-md-yfm-table-selected-cell_last-column::after {
+  right: 0;
+}
+.yfm.ProseMirror table td.g-md-yfm-table-selected-cell_first-row.g-md-yfm-table-selected-cell_first-column::after {
+  border-top-left-radius: 8px;
+}
+.yfm.ProseMirror table td.g-md-yfm-table-selected-cell_first-row.g-md-yfm-table-selected-cell_last-column::after {
+  border-top-right-radius: 8px;
+}
+.yfm.ProseMirror table td.g-md-yfm-table-selected-cell_last-row.g-md-yfm-table-selected-cell_first-column::after {
+  border-bottom-left-radius: 8px;
+}
+.yfm.ProseMirror table td.g-md-yfm-table-selected-cell_last-row.g-md-yfm-table-selected-cell_last-column::after {
+  border-bottom-right-radius: 8px;
+}
+.yfm.ProseMirror table td.g-md-yfm-table-selected-cell.dragged-cell::before {
+  position: absolute;
+  inset: 0;
+  display: inline-block;
+  content: "";
+  pointer-events: none;
+  opacity: 0.7;
+  background-color: var(--g-color-base-background);
+}
 .yfm table.g-md-yfm-table-view {
   --yfm-color-border: var(--g-color-line-generic);
   background: var(--g-color-base-background);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@gravity-ui/markdown-editor",
-  "version": "15.21.0",
+  "version": "15.22.0",
   "description": "Markdown wysiwyg and markup editor",
   "license": "MIT",
   "repository": {