@gravity-ui/markdown-editor 15.19.0 → 15.20.0

package/build/cjs/extensions/yfm/YfmTable/plugins/YfmTableControls/commands/insert-empty-row.js

@@ -0,0 +1,54 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.insertEmptyRow = void 0;
+const state_1 = require("../../../../../../pm/state.js");
+const lodash_1 = require("../../../../../../lodash.js");
+const table_desc_1 = require("../../../../../../table-utils/table-desc.js");
+const YfmTableSpecs_1 = require("../../../YfmTableSpecs/index.js");
+const insertEmptyRow = (params) => {
+    return (state, dispatch) => {
+        const table = state.doc.nodeAt(params.tablePos);
+        const tableDesc = table && table_desc_1.TableDesc.create(table)?.bind(params.tablePos);
+        if (!tableDesc)
+            return false;
+        const rowIdx = Math.min(Math.max(params.rowIndex, 0), tableDesc.rows);
+        if (dispatch) {
+            let posToInsert;
+            let newCellsCount = tableDesc.cols;
+            const incrementRowspan = [];
+            if (rowIdx === 0 || rowIdx === tableDesc.rows) {
+                posToInsert =
+                    rowIdx === 0
+                        ? tableDesc.getPosForRow(0).from
+                        : tableDesc.getPosForRow(tableDesc.rows - 1).to;
+            }
+            else {
+                posToInsert = tableDesc.getPosForRow(rowIdx).from;
+                for (let colIdx = 0; colIdx < tableDesc.cols; colIdx++) {
+                    const cell = tableDesc.base.rowsDesc[rowIdx].cells[colIdx];
+                    if (cell.type === 'virtual' && cell.rowspan) {
+                        newCellsCount--;
+                        incrementRowspan.push(cell.rowspan);
+                    }
+                }
+            }
+            const { tr } = state;
+            for (const [rowIdx, colIdx] of (0, lodash_1.uniqWith)(incrementRowspan, lodash_1.isEqual)) {
+                const cell = tableDesc.base.rowsDesc[rowIdx].cells[colIdx];
+                const cellPos = tableDesc.getPosForCell(rowIdx, colIdx);
+                tr.setNodeAttribute(cellPos.from, 'rowspan', cell.rowspan + 1);
+            }
+            tr.insert(posToInsert, createSimpleRow(state.schema, newCellsCount));
+            tr.setSelection(state_1.TextSelection.near(tr.doc.resolve(posToInsert), 1));
+            dispatch(tr.scrollIntoView());
+        }
+        return true;
+    };
+};
+exports.insertEmptyRow = insertEmptyRow;
+const createSimpleRow = (schema, cols) => {
+    const tr = (0, YfmTableSpecs_1.yfmTableRowType)(schema);
+    const td = (0, YfmTableSpecs_1.yfmTableCellType)(schema);
+    return tr.create(null, (0, lodash_1.range)(0, cols).map(() => td.createAndFill()));
+};
+//# sourceMappingURL=insert-empty-row.js.map

package/build/cjs/extensions/yfm/YfmTable/plugins/YfmTableControls/commands/insert-empty-row.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"insert-empty-row.js","sourceRoot":"../../../../../../../../src","sources":["extensions/yfm/YfmTable/plugins/YfmTableControls/commands/insert-empty-row.ts"],"names":[],"mappings":"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","sourcesContent":["import type {Schema} from '#pm/model';\nimport {type Command, TextSelection} from '#pm/state';\nimport {isEqual, range, uniqWith} from 'src/lodash';\nimport {type RealCellPos, type TableCellRealDesc, TableDesc} from 'src/table-utils/table-desc';\n\nimport {yfmTableCellType, yfmTableRowType} from '../../../YfmTableSpecs';\n\nexport type InsertEmptyRowParams = {\n    tablePos: number;\n    rowIndex: number;\n};\n\nexport const insertEmptyRow = (params: InsertEmptyRowParams): Command => {\n    return (state, dispatch) => {\n        const table = state.doc.nodeAt(params.tablePos);\n        const tableDesc = table && TableDesc.create(table)?.bind(params.tablePos);\n        if (!tableDesc) return false;\n\n        const rowIdx = Math.min(Math.max(params.rowIndex, 0), tableDesc.rows);\n\n        if (dispatch) {\n            let posToInsert: number;\n            let newCellsCount: number = tableDesc.cols;\n            const incrementRowspan: [number, number][] = [];\n\n            if (rowIdx === 0 || rowIdx === tableDesc.rows) {\n                posToInsert =\n                    rowIdx === 0\n                        ? tableDesc.getPosForRow(0).from\n                        : tableDesc.getPosForRow(tableDesc.rows - 1).to;\n            } else {\n                posToInsert = tableDesc.getPosForRow(rowIdx).from;\n\n                for (let colIdx = 0; colIdx < tableDesc.cols; colIdx++) {\n                    const cell = tableDesc.base.rowsDesc[rowIdx].cells[colIdx];\n                    if (cell.type === 'virtual' && cell.rowspan) {\n                        newCellsCount--;\n                        incrementRowspan.push(cell.rowspan);\n                    }\n                }\n            }\n\n            const {tr} = state;\n            for (const [rowIdx, colIdx] of uniqWith(incrementRowspan, isEqual)) {\n                const cell = tableDesc.base.rowsDesc[rowIdx].cells[colIdx] as TableCellRealDesc;\n                const cellPos = tableDesc.getPosForCell(rowIdx, colIdx) as RealCellPos;\n                tr.setNodeAttribute(cellPos.from, 'rowspan', cell.rowspan! + 1);\n            }\n            tr.insert(posToInsert, createSimpleRow(state.schema, newCellsCount));\n            tr.setSelection(TextSelection.near(tr.doc.resolve(posToInsert), 1));\n            dispatch(tr.scrollIntoView());\n        }\n\n        return true;\n    };\n};\n\nconst createSimpleRow = (schema: Schema, cols: number) => {\n    const tr = yfmTableRowType(schema);\n    const td = yfmTableCellType(schema);\n    return tr.create(\n        null,\n        range(0, cols).map(() => td.createAndFill()!),\n    );\n};\n"]}

package/build/cjs/extensions/yfm/YfmTable/plugins/YfmTableControls/commands/remove-column-range.d.ts

@@ -0,0 +1,6 @@
+import type { Command } from "../../../../../../pm/state.js";
+export type RemoveColumnRangeParams = {
+    tablePos: number;
+    rangeIdx: number;
+};
+export declare const removeColumnRange: (params: RemoveColumnRangeParams) => Command;

package/build/cjs/extensions/yfm/YfmTable/plugins/YfmTableControls/commands/remove-column-range.js

@@ -0,0 +1,77 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.removeColumnRange = void 0;
+const model_1 = require("../../../../../../pm/model.js");
+const table_desc_1 = require("../../../../../../table-utils/table-desc.js");
+const utils_1 = require("../../../YfmTableSpecs/utils.js");
+const removeColumnRange = (params) => {
+    return (state, dispatch) => {
+        const table = state.doc.nodeAt(params.tablePos);
+        const tableDesc = table && table_desc_1.TableDesc.create(table)?.bind(params.tablePos);
+        if (!tableDesc || tableDesc.cols < 2)
+            return false;
+        const range = tableDesc.base.getColumnRanges()[params.rangeIdx];
+        if (!range)
+            return false;
+        if (dispatch) {
+            const { tr } = state;
+            const diffColspan = {};
+            for (let rowIdx = 0; rowIdx < tableDesc.rows; rowIdx++) {
+                // calculate colspan diff for merged cells that end in this range
+                for (let colIdx = range.startIdx; colIdx <= range.endIdx; colIdx++) {
+                    const cell = tableDesc.base.rowsDesc[rowIdx].cells[colIdx];
+                    if (cell.type === 'virtual' &&
+                        cell.colspan?.[0] === rowIdx &&
+                        cell.colspan[1] < range.startIdx) {
+                        diffColspan[`${cell.colspan[0]},${cell.colspan[1]}`] ??= 0;
+                        diffColspan[`${cell.colspan[0]},${cell.colspan[1]}`]--;
+                    }
+                }
+                const from = getCellPos(tableDesc.getPosForCell(rowIdx, range.startIdx), 'start');
+                const to = getCellPos(tableDesc.getPosForCell(rowIdx, range.endIdx), 'end');
+                tr.replaceWith(tr.mapping.map(from), tr.mapping.map(to), model_1.Fragment.empty);
+                // insert new cells into the resulting gaps after current range
+                if (range.endIdx + 1 < tableDesc.cols) {
+                    const cell = tableDesc.base.rowsDesc[rowIdx].cells[range.endIdx + 1];
+                    if (cell.type === 'virtual' &&
+                        cell.colspan?.[0] === rowIdx &&
+                        cell.colspan[1] >= range.startIdx) {
+                        const insertPos = tableDesc.getPosForCell(rowIdx, range.endIdx + 1).closestPos;
+                        const realCell = tableDesc.base.rowsDesc[cell.colspan[0]].cells[cell.colspan[1]];
+                        const newColspan = realCell.colspan - (range.endIdx + 1 - cell.colspan[1]);
+                        tr.insert(tr.mapping.map(insertPos), (0, utils_1.yfmTableCellType)(state.schema).createAndFill({
+                            colspan: newColspan > 1 ? newColspan : null,
+                            rowspan: realCell.rowspan ? realCell.rowspan : null,
+                        }));
+                    }
+                }
+            }
+            updateColspan(tr, tableDesc, diffColspan);
+            dispatch(tr);
+        }
+        return true;
+    };
+};
+exports.removeColumnRange = removeColumnRange;
+function getCellPos(pos, dir) {
+    if (pos.type === 'virtual')
+        return pos.closestPos;
+    return dir === 'start' ? pos.from : pos.to;
+}
+function updateColspan(tr, tableDesc, diffMap) {
+    for (const key of keys(diffMap)) {
+        const [row, col] = key.split(',');
+        const rowIdx = Number.parseInt(row, 10);
+        const colIdx = Number.parseInt(col, 10);
+        const cell = tableDesc.base.rowsDesc[rowIdx].cells[colIdx];
+        if (cell.type === 'real' && cell.colspan) {
+            const pos = tableDesc.getPosForCell(rowIdx, colIdx);
+            const newColspan = cell.colspan + diffMap[key];
+            tr.setNodeAttribute(tr.mapping.map(pos.from), 'colspan', newColspan > 1 ? newColspan : null);
+        }
+    }
+}
+function keys(obj) {
+    return Object.keys(obj);
+}
+//# sourceMappingURL=remove-column-range.js.map

package/build/cjs/extensions/yfm/YfmTable/plugins/YfmTableControls/commands/remove-column-range.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"remove-column-range.js","sourceRoot":"../../../../../../../../src","sources":["extensions/yfm/YfmTable/plugins/YfmTableControls/commands/remove-column-range.ts"],"names":[],"mappings":"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","sourcesContent":["import {Fragment} from '#pm/model';\nimport type {Command, Transaction} from '#pm/state';\nimport {\n    type CellPos,\n    type RealCellPos,\n    type TableCellRealDesc,\n    TableDesc,\n    type TableDescBinded,\n    type VirtualCellPos,\n} from 'src/table-utils/table-desc';\n\nimport {yfmTableCellType} from '../../../YfmTableSpecs/utils';\n\nexport type RemoveColumnRangeParams = {\n    tablePos: number;\n    rangeIdx: number;\n};\n\nexport const removeColumnRange = (params: RemoveColumnRangeParams): Command => {\n    return (state, dispatch) => {\n        const table = state.doc.nodeAt(params.tablePos);\n        const tableDesc = table && TableDesc.create(table)?.bind(params.tablePos);\n        if (!tableDesc || tableDesc.cols < 2) return false;\n\n        const range = tableDesc.base.getColumnRanges()[params.rangeIdx];\n        if (!range) return false;\n\n        if (dispatch) {\n            const {tr} = state;\n            const diffColspan: Record<`${number},${number}`, number> = {};\n\n            for (let rowIdx = 0; rowIdx < tableDesc.rows; rowIdx++) {\n                // calculate colspan diff for merged cells that end in this range\n                for (let colIdx = range.startIdx; colIdx <= range.endIdx; colIdx++) {\n                    const cell = tableDesc.base.rowsDesc[rowIdx].cells[colIdx];\n                    if (\n                        cell.type === 'virtual' &&\n                        cell.colspan?.[0] === rowIdx &&\n                        cell.colspan[1] < range.startIdx\n                    ) {\n                        diffColspan[`${cell.colspan[0]},${cell.colspan[1]}`] ??= 0;\n                        diffColspan[`${cell.colspan[0]},${cell.colspan[1]}`]--;\n                    }\n                }\n\n                const from = getCellPos(tableDesc.getPosForCell(rowIdx, range.startIdx), 'start');\n                const to = getCellPos(tableDesc.getPosForCell(rowIdx, range.endIdx), 'end');\n                tr.replaceWith(tr.mapping.map(from), tr.mapping.map(to), Fragment.empty);\n\n                // insert new cells into the resulting gaps after current range\n                if (range.endIdx + 1 < tableDesc.cols) {\n                    const cell = tableDesc.base.rowsDesc[rowIdx].cells[range.endIdx + 1];\n                    if (\n                        cell.type === 'virtual' &&\n                        cell.colspan?.[0] === rowIdx &&\n                        cell.colspan[1] >= range.startIdx\n                    ) {\n                        const insertPos = (\n                            tableDesc.getPosForCell(rowIdx, range.endIdx + 1) as VirtualCellPos\n                        ).closestPos;\n                        const realCell = tableDesc.base.rowsDesc[cell.colspan[0]].cells[\n                            cell.colspan[1]\n                        ] as TableCellRealDesc;\n                        const newColspan = realCell.colspan! - (range.endIdx + 1 - cell.colspan[1]);\n                        tr.insert(\n                            tr.mapping.map(insertPos),\n                            yfmTableCellType(state.schema).createAndFill({\n                                colspan: newColspan > 1 ? newColspan : null,\n                                rowspan: realCell.rowspan ? realCell.rowspan : null,\n                            })!,\n                        );\n                    }\n                }\n            }\n\n            updateColspan(tr, tableDesc, diffColspan);\n\n            dispatch(tr);\n        }\n\n        return true;\n    };\n};\n\nfunction getCellPos(pos: CellPos, dir: 'start' | 'end'): number {\n    if (pos.type === 'virtual') return pos.closestPos;\n    return dir === 'start' ? pos.from : pos.to;\n}\n\nfunction updateColspan(\n    tr: Transaction,\n    tableDesc: TableDescBinded,\n    diffMap: Record<`${number},${number}`, number>,\n) {\n    for (const key of keys(diffMap)) {\n        const [row, col] = key.split(',');\n        const rowIdx = Number.parseInt(row, 10);\n        const colIdx = Number.parseInt(col, 10);\n\n        const cell = tableDesc.base.rowsDesc[rowIdx].cells[colIdx];\n        if (cell.type === 'real' && cell.colspan) {\n            const pos = tableDesc.getPosForCell(rowIdx, colIdx) as RealCellPos;\n            const newColspan = cell.colspan + diffMap[key];\n            tr.setNodeAttribute(\n                tr.mapping.map(pos.from),\n                'colspan',\n                newColspan > 1 ? newColspan : null,\n            );\n        }\n    }\n}\n\nfunction keys<O extends object>(obj: O): (keyof O)[] {\n    return Object.keys(obj) as (keyof O)[];\n}\n"]}

package/build/cjs/extensions/yfm/YfmTable/plugins/YfmTableControls/commands/remove-row-range.d.ts

@@ -0,0 +1,6 @@
+import type { Command } from "../../../../../../pm/state.js";
+export type RemoveRowRangeParams = {
+    tablePos: number;
+    rangeIdx: number;
+};
+export declare const removeRowRange: (params: RemoveRowRangeParams) => Command;

package/build/cjs/extensions/yfm/YfmTable/plugins/YfmTableControls/commands/remove-row-range.js

@@ -0,0 +1,74 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.removeRowRange = void 0;
+const model_1 = require("../../../../../../pm/model.js");
+const table_desc_1 = require("../../../../../../table-utils/table-desc.js");
+const utils_1 = require("../../../YfmTableSpecs/utils.js");
+const removeRowRange = (params) => {
+    return (state, dispatch) => {
+        const table = state.doc.nodeAt(params.tablePos);
+        const tableDesc = table && table_desc_1.TableDesc.create(table)?.bind(params.tablePos);
+        if (!tableDesc || tableDesc.rows < 2)
+            return false;
+        const range = tableDesc.base.getRowRanges()[params.rangeIdx];
+        if (!range)
+            return false;
+        if (dispatch) {
+            const { tr } = state;
+            {
+                const from = tableDesc.getPosForRow(range.startIdx).from;
+                const to = tableDesc.getPosForRow(range.endIdx).to;
+                tr.replaceWith(from, to, model_1.Fragment.empty);
+            }
+            const diffRowspan = {};
+            for (let colIdx = 0; colIdx < tableDesc.cols; colIdx++) {
+                // calculate colspan diff for merged cells that end in this range
+                for (let rowIdx = range.startIdx; rowIdx <= range.endIdx; rowIdx++) {
+                    const cell = tableDesc.base.rowsDesc[rowIdx].cells[colIdx];
+                    if (cell.type === 'virtual' &&
+                        cell.rowspan?.[1] === colIdx &&
+                        cell.rowspan[0] < range.startIdx) {
+                        diffRowspan[`${cell.rowspan[0]},${cell.rowspan[1]}`] ??= 0;
+                        diffRowspan[`${cell.rowspan[0]},${cell.rowspan[1]}`]--;
+                    }
+                }
+                // insert new cells into the resulting gaps after current range
+                if (range.endIdx + 1 < tableDesc.rows) {
+                    const cell = tableDesc.base.rowsDesc[range.endIdx + 1].cells[colIdx];
+                    if (cell.type === 'virtual' &&
+                        cell.rowspan?.[1] === colIdx &&
+                        cell.rowspan[0] >= range.startIdx) {
+                        const insertPos = tableDesc.getPosForCell(range.endIdx + 1, colIdx).closestPos;
+                        const realCell = tableDesc.base.rowsDesc[cell.rowspan[0]].cells[cell.rowspan[1]];
+                        const newRowspan = realCell.rowspan - (range.endIdx + 1 - cell.rowspan[0]);
+                        tr.insert(tr.mapping.map(insertPos), (0, utils_1.yfmTableCellType)(state.schema).createAndFill({
+                            rowspan: newRowspan > 1 ? newRowspan : null,
+                            colspan: realCell.colspan ? realCell.colspan : null,
+                        }));
+                    }
+                }
+            }
+            updateRowspan(tr, tableDesc, diffRowspan);
+            dispatch(tr);
+        }
+        return true;
+    };
+};
+exports.removeRowRange = removeRowRange;
+function updateRowspan(tr, tableDesc, diffMap) {
+    for (const key of keys(diffMap)) {
+        const [row, col] = key.split(',');
+        const rowIdx = Number.parseInt(row, 10);
+        const colIdx = Number.parseInt(col, 10);
+        const cell = tableDesc.base.rowsDesc[rowIdx].cells[colIdx];
+        if (cell.type === 'real' && cell.rowspan) {
+            const pos = tableDesc.getPosForCell(rowIdx, colIdx);
+            const newRowspan = cell.rowspan + diffMap[key];
+            tr.setNodeAttribute(tr.mapping.map(pos.from), 'rowspan', newRowspan > 1 ? newRowspan : null);
+        }
+    }
+}
+function keys(obj) {
+    return Object.keys(obj);
+}
+//# sourceMappingURL=remove-row-range.js.map

package/build/cjs/extensions/yfm/YfmTable/plugins/YfmTableControls/commands/remove-row-range.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"remove-row-range.js","sourceRoot":"../../../../../../../../src","sources":["extensions/yfm/YfmTable/plugins/YfmTableControls/commands/remove-row-range.ts"],"names":[],"mappings":"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","sourcesContent":["import {Fragment} from '#pm/model';\nimport type {Command, Transaction} from '#pm/state';\nimport {\n    type RealCellPos,\n    type TableCellRealDesc,\n    TableDesc,\n    type TableDescBinded,\n    type VirtualCellPos,\n} from 'src/table-utils/table-desc';\n\nimport {yfmTableCellType} from '../../../YfmTableSpecs/utils';\n\nexport type RemoveRowRangeParams = {\n    tablePos: number;\n    rangeIdx: number;\n};\n\nexport const removeRowRange = (params: RemoveRowRangeParams): Command => {\n    return (state, dispatch) => {\n        const table = state.doc.nodeAt(params.tablePos);\n        const tableDesc = table && TableDesc.create(table)?.bind(params.tablePos);\n        if (!tableDesc || tableDesc.rows < 2) return false;\n\n        const range = tableDesc.base.getRowRanges()[params.rangeIdx];\n        if (!range) return false;\n\n        if (dispatch) {\n            const {tr} = state;\n            {\n                const from = tableDesc.getPosForRow(range.startIdx).from;\n                const to = tableDesc.getPosForRow(range.endIdx).to;\n                tr.replaceWith(from, to, Fragment.empty);\n            }\n\n            const diffRowspan: Record<`${number},${number}`, number> = {};\n\n            for (let colIdx = 0; colIdx < tableDesc.cols; colIdx++) {\n                // calculate colspan diff for merged cells that end in this range\n                for (let rowIdx = range.startIdx; rowIdx <= range.endIdx; rowIdx++) {\n                    const cell = tableDesc.base.rowsDesc[rowIdx].cells[colIdx];\n                    if (\n                        cell.type === 'virtual' &&\n                        cell.rowspan?.[1] === colIdx &&\n                        cell.rowspan[0] < range.startIdx\n                    ) {\n                        diffRowspan[`${cell.rowspan[0]},${cell.rowspan[1]}`] ??= 0;\n                        diffRowspan[`${cell.rowspan[0]},${cell.rowspan[1]}`]--;\n                    }\n                }\n\n                // insert new cells into the resulting gaps after current range\n                if (range.endIdx + 1 < tableDesc.rows) {\n                    const cell = tableDesc.base.rowsDesc[range.endIdx + 1].cells[colIdx];\n                    if (\n                        cell.type === 'virtual' &&\n                        cell.rowspan?.[1] === colIdx &&\n                        cell.rowspan[0] >= range.startIdx\n                    ) {\n                        const insertPos = (\n                            tableDesc.getPosForCell(range.endIdx + 1, colIdx) as VirtualCellPos\n                        ).closestPos;\n                        const realCell = tableDesc.base.rowsDesc[cell.rowspan[0]].cells[\n                            cell.rowspan[1]\n                        ] as TableCellRealDesc;\n                        const newRowspan = realCell.rowspan! - (range.endIdx + 1 - cell.rowspan[0]);\n                        tr.insert(\n                            tr.mapping.map(insertPos),\n                            yfmTableCellType(state.schema).createAndFill({\n                                rowspan: newRowspan > 1 ? newRowspan : null,\n                                colspan: realCell.colspan ? realCell.colspan : null,\n                            })!,\n                        );\n                    }\n                }\n            }\n\n            updateRowspan(tr, tableDesc, diffRowspan);\n\n            dispatch(tr);\n        }\n\n        return true;\n    };\n};\n\nfunction updateRowspan(\n    tr: Transaction,\n    tableDesc: TableDescBinded,\n    diffMap: Record<`${number},${number}`, number>,\n) {\n    for (const key of keys(diffMap)) {\n        const [row, col] = key.split(',');\n        const rowIdx = Number.parseInt(row, 10);\n        const colIdx = Number.parseInt(col, 10);\n\n        const cell = tableDesc.base.rowsDesc[rowIdx].cells[colIdx];\n        if (cell.type === 'real' && cell.rowspan) {\n            const pos = tableDesc.getPosForCell(rowIdx, colIdx) as RealCellPos;\n            const newRowspan = cell.rowspan + diffMap[key];\n            tr.setNodeAttribute(\n                tr.mapping.map(pos.from),\n                'rowspan',\n                newRowspan > 1 ? newRowspan : null,\n            );\n        }\n    }\n}\nfunction keys<O extends object>(obj: O): (keyof O)[] {\n    return Object.keys(obj) as (keyof O)[];\n}\n"]}

package/build/cjs/extensions/yfm/YfmTable/plugins/YfmTableControls/components/FloatingMenu/FloatingMenu.d.ts

@@ -0,0 +1,10 @@
+import { type ButtonButtonProps, type DropdownMenuProps } from '@gravity-ui/uikit';
+export type FloatingMenuProps = {
+    dirtype: 'row' | 'column';
+    canDrag: boolean;
+    anchorElement: Element;
+    dropdownItems: DropdownMenuProps<unknown>['items'];
+    switcherMouseProps?: Pick<ButtonButtonProps, 'onMouseDown' | 'onMouseMove' | 'onMouseUp'>;
+    onOpenToggle: NonNullable<DropdownMenuProps<unknown>['onOpenToggle']>;
+};
+export declare const FloatingMenu: React.FC<FloatingMenuProps>;

package/build/cjs/extensions/yfm/YfmTable/plugins/YfmTableControls/components/FloatingMenu/FloatingMenu.js

@@ -0,0 +1,45 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.FloatingMenu = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = require("react");
+const icons_1 = require("@gravity-ui/icons");
+const uikit_1 = require("@gravity-ui/uikit");
+const react_utils_1 = require("../../../../../../../react-utils/index.js");
+const FloatingPopup_1 = require("../FloatingPopup/index.js");
+const popupOffset = {
+    mainAxis: -9.5,
+};
+const FloatingMenu = function YfmTableFloatingMenu(props) {
+    const { dirtype, canDrag, anchorElement, dropdownItems, switcherMouseProps, onOpenToggle } = props;
+    const [isMenuOpened, setMenuOpened] = (0, react_1.useState)(false);
+    const [isHovered, setHovered, unsetHovered] = (0, react_utils_1.useBooleanState)(false);
+    const showActionView = isMenuOpened || isHovered;
+    const isRowType = dirtype === 'row';
+    return ((0, jsx_runtime_1.jsx)(FloatingPopup_1.FloatingPopup, { open: true, offset: popupOffset, anchorElement: anchorElement, placement: isRowType ? 'left' : 'top', floatingStyles: {
+            lineHeight: 'initial',
+        }, style: {
+            backgroundColor: 'transparent',
+        }, children: (0, jsx_runtime_1.jsx)(uikit_1.DropdownMenu, { onOpenToggle: (...args) => {
+                setMenuOpened(...args);
+                onOpenToggle(...args);
+            }, renderSwitcher: (switcherProps) => ((0, jsx_runtime_1.jsx)(uikit_1.Flex, { centerContent: true, width: 20, height: 20, style: {
+                    borderRadius: 'var(--g-border-radius-xs)',
+                    backgroundColor: showActionView
+                        ? 'var(--g-color-base-background)'
+                        : undefined,
+                }, onMouseEnter: setHovered, onMouseLeave: unsetHovered, children: (0, jsx_runtime_1.jsx)(uikit_1.Button, { style: {
+                        cursor: canDrag ? 'grab' : undefined,
+                        transform: isRowType ? 'rotate(90deg)' : undefined,
+                        '--g-button-height': showActionView ? undefined : '5px',
+                        '--_--background-color': showActionView
+                            ? undefined
+                            : 'var(--g-color-base-background)',
+                    }, view: isMenuOpened ? 'outlined-action' : 'outlined', pin: showActionView ? 'round-round' : 'circle-circle', size: "xs", qa: isRowType ? 'g-md-yfm-table-row-btn' : 'g-md-yfm-table-column-btn', ...switcherProps, ...switcherMouseProps, children: showActionView ? ((0, jsx_runtime_1.jsx)(uikit_1.Icon, { data: canDrag ? icons_1.GripHorizontal : icons_1.Ellipsis })) : (String.fromCharCode(8194) // en space
+                    ) }) })), popupProps: {
+                zIndex: 1010,
+                placement: isRowType ? 'right-start' : 'bottom-start',
+            }, menuProps: { qa: `g-md-yfm-table-${dirtype}-menu` }, items: dropdownItems }) }));
+};
+exports.FloatingMenu = FloatingMenu;
+//# sourceMappingURL=FloatingMenu.js.map

package/build/cjs/extensions/yfm/YfmTable/plugins/YfmTableControls/components/FloatingMenu/FloatingMenu.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FloatingMenu.js","sourceRoot":"../../../../../../../../../src","sources":["extensions/yfm/YfmTable/plugins/YfmTableControls/components/FloatingMenu/FloatingMenu.tsx"],"names":[],"mappings":";;;;AAAA,iCAA+B;AAE/B,6CAAuF;AACvF,6CAO2B;AAE3B,2EAAgD;AAEhD,6DAAwE;AAExE,MAAM,WAAW,GAAiC;IAC9C,QAAQ,EAAE,CAAC,GAAG;CACjB,CAAC;AAWK,MAAM,YAAY,GAAgC,SAAS,oBAAoB,CAAC,KAAK;IACxF,MAAM,EAAC,OAAO,EAAE,OAAO,EAAE,aAAa,EAAE,aAAa,EAAE,kBAAkB,EAAE,YAAY,EAAC,GACpF,KAAK,CAAC;IAEV,MAAM,CAAC,YAAY,EAAE,aAAa,CAAC,GAAG,IAAA,gBAAQ,EAAC,KAAK,CAAC,CAAC;IACtD,MAAM,CAAC,SAAS,EAAE,UAAU,EAAE,YAAY,CAAC,GAAG,IAAA,6BAAe,EAAC,KAAK,CAAC,CAAC;IAErE,MAAM,cAAc,GAAG,YAAY,IAAI,SAAS,CAAC;IACjD,MAAM,SAAS,GAAG,OAAO,KAAK,KAAK,CAAC;IAEpC,OAAO,CACH,uBAAC,6BAAa,IACV,IAAI,QACJ,MAAM,EAAE,WAAW,EACnB,aAAa,EAAE,aAAa,EAC5B,SAAS,EAAE,SAAS,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,KAAK,EACrC,cAAc,EAAE;YACZ,UAAU,EAAE,SAAS;SACxB,EACD,KAAK,EAAE;YACH,eAAe,EAAE,aAAa;SACjC,YAED,uBAAC,oBAAY,IACT,YAAY,EAAE,CAAC,GAAG,IAAI,EAAE,EAAE;gBACtB,aAAa,CAAC,GAAG,IAAI,CAAC,CAAC;gBACvB,YAAY,CAAC,GAAG,IAAI,CAAC,CAAC;YAC1B,CAAC,EACD,cAAc,EAAE,CAAC,aAAa,EAAE,EAAE,CAAC,CAC/B,uBAAC,YAAI,IACD,aAAa,QACb,KAAK,EAAE,EAAE,EACT,MAAM,EAAE,EAAE,EACV,KAAK,EAAE;oBACH,YAAY,EAAE,2BAA2B;oBACzC,eAAe,EAAE,cAAc;wBAC3B,CAAC,CAAC,gCAAgC;wBAClC,CAAC,CAAC,SAAS;iBAClB,EACD,YAAY,EAAE,UAAU,EACxB,YAAY,EAAE,YAAY,YAE1B,uBAAC,cAAM,IACH,KAAK,EAAE;wBACH,MAAM,EAAE,OAAO,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,SAAS;wBACpC,SAAS,EAAE,SAAS,CAAC,CAAC,CAAC,eAAe,CAAC,CAAC,CAAC,SAAS;wBAClD,mBAAmB,EAAE,cAAc,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,KAAK;wBACvD,uBAAuB,EAAE,cAAc;4BACnC,CAAC,CAAC,SAAS;4BACX,CAAC,CAAC,gCAAgC;qBACzC,EACD,IAAI,EAAE,YAAY,CAAC,CAAC,CAAC,iBAAiB,CAAC,CAAC,CAAC,UAAU,EACnD,GAAG,EAAE,cAAc,CAAC,CAAC,CAAC,aAAa,CAAC,CAAC,CAAC,eAAe,EACrD,IAAI,EAAC,IAAI,EACT,EAAE,EAAE,SAAS,CAAC,CAAC,CAAC,wBAAwB,CAAC,CAAC,CAAC,2BAA2B,KAClE,aAAa,KACb,kBAAkB,YAErB,cAAc,CAAC,CAAC,CAAC,CACd,uBAAC,YAAI,IAAC,IAAI,EAAE,OAAO,CAAC,CAAC,CAAC,sBAAU,CAAC,CAAC,CAAC,gBAAU,GAAI,CACpD,CAAC,CAAC,CAAC,CACA,MAAM,CAAC,YAAY,CAAC,IAAI,CAAC,CAAC,WAAW;qBACxC,GACI,GACN,CACV,EACD,UAAU,EAAE;gBACR,MAAM,EAAE,IAAI;gBACZ,SAAS,EAAE,SAAS,CAAC,CAAC,CAAC,aAAa,CAAC,CAAC,CAAC,cAAc;aACxD,EACD,SAAS,EAAE,EAAC,EAAE,EAAE,kBAAkB,OAAO,OAAO,EAAC,EACjD,KAAK,EAAE,aAAa,GACtB,GACU,CACnB,CAAC;AACN,CAAC,CAAC;AA3EW,QAAA,YAAY,gBA2EvB","sourcesContent":["import {useState} from 'react';\n\nimport {Ellipsis as DotsColumn, GripHorizontal as GripColumn} from '@gravity-ui/icons';\nimport {\n    Button,\n    type ButtonButtonProps,\n    DropdownMenu,\n    type DropdownMenuProps,\n    Flex,\n    Icon,\n} from '@gravity-ui/uikit';\n\nimport {useBooleanState} from 'src/react-utils';\n\nimport {FloatingPopup, type FloatingPopupProps} from '../FloatingPopup';\n\nconst popupOffset: FloatingPopupProps['offset'] = {\n    mainAxis: -9.5,\n};\n\nexport type FloatingMenuProps = {\n    dirtype: 'row' | 'column';\n    canDrag: boolean;\n    anchorElement: Element;\n    dropdownItems: DropdownMenuProps<unknown>['items'];\n    switcherMouseProps?: Pick<ButtonButtonProps, 'onMouseDown' | 'onMouseMove' | 'onMouseUp'>;\n    onOpenToggle: NonNullable<DropdownMenuProps<unknown>['onOpenToggle']>;\n};\n\nexport const FloatingMenu: React.FC<FloatingMenuProps> = function YfmTableFloatingMenu(props) {\n    const {dirtype, canDrag, anchorElement, dropdownItems, switcherMouseProps, onOpenToggle} =\n        props;\n\n    const [isMenuOpened, setMenuOpened] = useState(false);\n    const [isHovered, setHovered, unsetHovered] = useBooleanState(false);\n\n    const showActionView = isMenuOpened || isHovered;\n    const isRowType = dirtype === 'row';\n\n    return (\n        <FloatingPopup\n            open\n            offset={popupOffset}\n            anchorElement={anchorElement}\n            placement={isRowType ? 'left' : 'top'}\n            floatingStyles={{\n                lineHeight: 'initial',\n            }}\n            style={{\n                backgroundColor: 'transparent',\n            }}\n        >\n            <DropdownMenu\n                onOpenToggle={(...args) => {\n                    setMenuOpened(...args);\n                    onOpenToggle(...args);\n                }}\n                renderSwitcher={(switcherProps) => (\n                    <Flex\n                        centerContent\n                        width={20} // xs button\n                        height={20} // xs button\n                        style={{\n                            borderRadius: 'var(--g-border-radius-xs)',\n                            backgroundColor: showActionView\n                                ? 'var(--g-color-base-background)'\n                                : undefined,\n                        }}\n                        onMouseEnter={setHovered}\n                        onMouseLeave={unsetHovered}\n                    >\n                        <Button\n                            style={{\n                                cursor: canDrag ? 'grab' : undefined,\n                                transform: isRowType ? 'rotate(90deg)' : undefined,\n                                '--g-button-height': showActionView ? undefined : '5px',\n                                '--_--background-color': showActionView\n                                    ? undefined\n                                    : 'var(--g-color-base-background)',\n                            }}\n                            view={isMenuOpened ? 'outlined-action' : 'outlined'}\n                            pin={showActionView ? 'round-round' : 'circle-circle'}\n                            size=\"xs\"\n                            qa={isRowType ? 'g-md-yfm-table-row-btn' : 'g-md-yfm-table-column-btn'}\n                            {...switcherProps}\n                            {...switcherMouseProps}\n                        >\n                            {showActionView ? (\n                                <Icon data={canDrag ? GripColumn : DotsColumn} />\n                            ) : (\n                                String.fromCharCode(8194) // en space\n                            )}\n                        </Button>\n                    </Flex>\n                )}\n                popupProps={{\n                    zIndex: 1010,\n                    placement: isRowType ? 'right-start' : 'bottom-start',\n                }}\n                menuProps={{qa: `g-md-yfm-table-${dirtype}-menu`}}\n                items={dropdownItems}\n            />\n        </FloatingPopup>\n    );\n};\n"]}

package/build/cjs/extensions/yfm/YfmTable/plugins/YfmTableControls/components/FloatingMenu/index.d.ts

@@ -0,0 +1 @@
+export * from "./FloatingMenu.js";

package/build/cjs/extensions/yfm/YfmTable/plugins/YfmTableControls/components/FloatingMenu/index.js

@@ -0,0 +1,5 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const tslib_1 = require("tslib");
+tslib_1.__exportStar(require("./FloatingMenu.js"), exports);
+//# sourceMappingURL=index.js.map

package/build/cjs/extensions/yfm/YfmTable/plugins/YfmTableControls/components/FloatingMenu/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"../../../../../../../../../src","sources":["extensions/yfm/YfmTable/plugins/YfmTableControls/components/FloatingMenu/index.ts"],"names":[],"mappings":";;;AAAA,4DAA+B","sourcesContent":["export * from './FloatingMenu';\n"]}

package/build/cjs/extensions/yfm/YfmTable/plugins/YfmTableControls/components/FloatingMenuControl/FloatingMenuControl.d.ts

@@ -0,0 +1,15 @@
+import type { DnDControlHandler } from "../../dnd/dnd.js";
+import { type FloatingMenuProps } from "../FloatingMenu/FloatingMenu.js";
+export type FloatingMenuControlProps = {
+    acnhorElement: Element;
+    multiple: boolean;
+    type: FloatingMenuProps['dirtype'];
+    dndHandler?: DnDControlHandler;
+    onMenuOpenToggle: FloatingMenuProps['onOpenToggle'];
+    onClearCellsClick: () => void;
+    onInsertBeforeClick: () => void;
+    onInsertAfterClick: () => void;
+    onRemoveRangeClick: () => void;
+    onRemoveTableClick: () => void;
+};
+export declare const FloatingMenuControl: React.FC<FloatingMenuControlProps>;

package/build/cjs/extensions/yfm/YfmTable/plugins/YfmTableControls/components/FloatingMenuControl/FloatingMenuControl.js

@@ -0,0 +1,67 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.FloatingMenuControl = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = require("react");
+const icons_1 = require("@gravity-ui/icons");
+const uikit_1 = require("@gravity-ui/uikit");
+const yfm_table_1 = require("../../../../../../../i18n/yfm-table/index.js");
+const FloatingMenu_1 = require("../FloatingMenu/FloatingMenu.js");
+const FloatingMenuControl = function YfmTableFloatingMenuControl({ type, multiple, dndHandler, acnhorElement, onMenuOpenToggle, onClearCellsClick, onInsertBeforeClick, onInsertAfterClick, onRemoveRangeClick, onRemoveTableClick, }) {
+    const dropdownItems = (0, react_1.useMemo)(() => [
+        [
+            {
+                text: (0, yfm_table_1.i18n)(`${type}.add.before`),
+                qa: `g-md-yfm-table-action-add-${type}-before`,
+                action: onInsertBeforeClick,
+                iconStart: (0, jsx_runtime_1.jsx)(uikit_1.Icon, { data: type === 'row' ? icons_1.ArrowUp : icons_1.ArrowLeft }),
+            },
+            {
+                text: (0, yfm_table_1.i18n)(`${type}.add.after`),
+                qa: `g-md-yfm-table-action-add-${type}-after`,
+                action: onInsertAfterClick,
+                iconStart: (0, jsx_runtime_1.jsx)(uikit_1.Icon, { data: type === 'row' ? icons_1.ArrowDown : icons_1.ArrowRight }),
+            },
+        ],
+        [
+            {
+                text: (0, yfm_table_1.i18n)('cells.clear'),
+                qa: `g-md-yfm-table-${type}-clear-cells`,
+                action: onClearCellsClick,
+                iconStart: (0, jsx_runtime_1.jsx)(uikit_1.Icon, { data: icons_1.BroomMotion }),
+            },
+        ],
+        [
+            {
+                text: (0, yfm_table_1.i18n)(`${type}.remove${multiple ? '.multiple' : ''}`),
+                qa: `g-md-yfm-table-action-remove-${type}`,
+                action: onRemoveRangeClick,
+                iconStart: (0, jsx_runtime_1.jsx)(uikit_1.Icon, { data: icons_1.Xmark }),
+            },
+            {
+                theme: 'danger',
+                text: (0, yfm_table_1.i18n)('table.remove'),
+                qa: 'g-md-yfm-table-action-remove-table',
+                action: onRemoveTableClick,
+                iconStart: (0, jsx_runtime_1.jsx)(uikit_1.Icon, { data: icons_1.TrashBin }),
+            },
+        ],
+    ], [
+        type,
+        multiple,
+        onClearCellsClick,
+        onInsertAfterClick,
+        onInsertBeforeClick,
+        onRemoveRangeClick,
+        onRemoveTableClick,
+    ]);
+    return ((0, jsx_runtime_1.jsx)(FloatingMenu_1.FloatingMenu, { dirtype: type, canDrag: dndHandler ? dndHandler.canDrag() : false, onOpenToggle: onMenuOpenToggle, anchorElement: acnhorElement, switcherMouseProps: dndHandler
+            ? {
+                onMouseDown: dndHandler.control_handleMouseDown,
+                onMouseMove: dndHandler.control_handleMouseMove,
+                onMouseUp: dndHandler.control_handleMouseUp,
+            }
+            : undefined, dropdownItems: dropdownItems }));
+};
+exports.FloatingMenuControl = FloatingMenuControl;
+//# sourceMappingURL=FloatingMenuControl.js.map

package/build/cjs/extensions/yfm/YfmTable/plugins/YfmTableControls/components/FloatingMenuControl/FloatingMenuControl.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FloatingMenuControl.js","sourceRoot":"../../../../../../../../../src","sources":["extensions/yfm/YfmTable/plugins/YfmTableControls/components/FloatingMenuControl/FloatingMenuControl.tsx"],"names":[],"mappings":";;;;AAAA,iCAA8B;AAE9B,6CAQ2B;AAC3B,6CAAuC;AAEvC,4EAAwC;AAGxC,kEAAkF;AAe3E,MAAM,mBAAmB,GAC5B,SAAS,2BAA2B,CAAC,EACjC,IAAI,EACJ,QAAQ,EACR,UAAU,EACV,aAAa,EACb,gBAAgB,EAChB,iBAAiB,EACjB,mBAAmB,EACnB,kBAAkB,EAClB,kBAAkB,EAClB,kBAAkB,GACrB;IACG,MAAM,aAAa,GAAG,IAAA,eAAO,EACzB,GAAG,EAAE,CACD;QACI;YACI;gBACI,IAAI,EAAE,IAAA,gBAAI,EAAC,GAAG,IAAI,aAAa,CAAC;gBAChC,EAAE,EAAE,6BAA6B,IAAI,SAAS;gBAC9C,MAAM,EAAE,mBAAmB;gBAC3B,SAAS,EAAE,uBAAC,YAAI,IAAC,IAAI,EAAE,IAAI,KAAK,KAAK,CAAC,CAAC,CAAC,eAAO,CAAC,CAAC,CAAC,iBAAS,GAAI;aAClE;YACD;gBACI,IAAI,EAAE,IAAA,gBAAI,EAAC,GAAG,IAAI,YAAY,CAAC;gBAC/B,EAAE,EAAE,6BAA6B,IAAI,QAAQ;gBAC7C,MAAM,EAAE,kBAAkB;gBAC1B,SAAS,EAAE,uBAAC,YAAI,IAAC,IAAI,EAAE,IAAI,KAAK,KAAK,CAAC,CAAC,CAAC,iBAAS,CAAC,CAAC,CAAC,kBAAU,GAAI;aACrE;SACJ;QACD;YACI;gBACI,IAAI,EAAE,IAAA,gBAAI,EAAC,aAAa,CAAC;gBACzB,EAAE,EAAE,kBAAkB,IAAI,cAAc;gBACxC,MAAM,EAAE,iBAAiB;gBACzB,SAAS,EAAE,uBAAC,YAAI,IAAC,IAAI,EAAE,mBAAU,GAAI;aACxC;SACJ;QACD;YACI;gBACI,IAAI,EAAE,IAAA,gBAAI,EAAC,GAAG,IAAI,UAAU,QAAQ,CAAC,CAAC,CAAC,WAAW,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC;gBAC1D,EAAE,EAAE,gCAAgC,IAAI,EAAE;gBAC1C,MAAM,EAAE,kBAAkB;gBAC1B,SAAS,EAAE,uBAAC,YAAI,IAAC,IAAI,EAAE,aAAK,GAAI;aACnC;YACD;gBACI,KAAK,EAAE,QAAQ;gBACf,IAAI,EAAE,IAAA,gBAAI,EAAC,cAAc,CAAC;gBAC1B,EAAE,EAAE,oCAAoC;gBACxC,MAAM,EAAE,kBAAkB;gBAC1B,SAAS,EAAE,uBAAC,YAAI,IAAC,IAAI,EAAE,gBAAQ,GAAI;aACtC;SACJ;KACyC,EAClD;QACI,IAAI;QACJ,QAAQ;QACR,iBAAiB;QACjB,kBAAkB;QAClB,mBAAmB;QACnB,kBAAkB;QAClB,kBAAkB;KACrB,CACJ,CAAC;IAEF,OAAO,CACH,uBAAC,2BAAY,IACT,OAAO,EAAE,IAAI,EACb,OAAO,EAAE,UAAU,CAAC,CAAC,CAAC,UAAU,CAAC,OAAO,EAAE,CAAC,CAAC,CAAC,KAAK,EAClD,YAAY,EAAE,gBAAgB,EAC9B,aAAa,EAAE,aAAa,EAC5B,kBAAkB,EACd,UAAU;YACN,CAAC,CAAC;gBACI,WAAW,EAAE,UAAU,CAAC,uBAAuB;gBAC/C,WAAW,EAAE,UAAU,CAAC,uBAAuB;gBAC/C,SAAS,EAAE,UAAU,CAAC,qBAAqB;aAC9C;YACH,CAAC,CAAC,SAAS,EAEnB,aAAa,EAAE,aAAa,GAC9B,CACL,CAAC;AACN,CAAC,CAAC;AAnFO,QAAA,mBAAmB,uBAmF1B","sourcesContent":["import {useMemo} from 'react';\n\nimport {\n    ArrowDown,\n    ArrowLeft,\n    ArrowRight,\n    ArrowUp,\n    BroomMotion as ClearCells,\n    TrashBin,\n    Xmark,\n} from '@gravity-ui/icons';\nimport {Icon} from '@gravity-ui/uikit';\n\nimport {i18n} from 'src/i18n/yfm-table';\n\nimport type {DnDControlHandler} from '../../dnd/dnd';\nimport {FloatingMenu, type FloatingMenuProps} from '../FloatingMenu/FloatingMenu';\n\nexport type FloatingMenuControlProps = {\n    acnhorElement: Element;\n    multiple: boolean;\n    type: FloatingMenuProps['dirtype'];\n    dndHandler?: DnDControlHandler;\n    onMenuOpenToggle: FloatingMenuProps['onOpenToggle'];\n    onClearCellsClick: () => void;\n    onInsertBeforeClick: () => void;\n    onInsertAfterClick: () => void;\n    onRemoveRangeClick: () => void;\n    onRemoveTableClick: () => void;\n};\n\nexport const FloatingMenuControl: React.FC<FloatingMenuControlProps> =\n    function YfmTableFloatingMenuControl({\n        type,\n        multiple,\n        dndHandler,\n        acnhorElement,\n        onMenuOpenToggle,\n        onClearCellsClick,\n        onInsertBeforeClick,\n        onInsertAfterClick,\n        onRemoveRangeClick,\n        onRemoveTableClick,\n    }) {\n        const dropdownItems = useMemo<FloatingMenuProps['dropdownItems']>(\n            () =>\n                [\n                    [\n                        {\n                            text: i18n(`${type}.add.before`),\n                            qa: `g-md-yfm-table-action-add-${type}-before`,\n                            action: onInsertBeforeClick,\n                            iconStart: <Icon data={type === 'row' ? ArrowUp : ArrowLeft} />,\n                        },\n                        {\n                            text: i18n(`${type}.add.after`),\n                            qa: `g-md-yfm-table-action-add-${type}-after`,\n                            action: onInsertAfterClick,\n                            iconStart: <Icon data={type === 'row' ? ArrowDown : ArrowRight} />,\n                        },\n                    ],\n                    [\n                        {\n                            text: i18n('cells.clear'),\n                            qa: `g-md-yfm-table-${type}-clear-cells`,\n                            action: onClearCellsClick,\n                            iconStart: <Icon data={ClearCells} />,\n                        },\n                    ],\n                    [\n                        {\n                            text: i18n(`${type}.remove${multiple ? '.multiple' : ''}`),\n                            qa: `g-md-yfm-table-action-remove-${type}`,\n                            action: onRemoveRangeClick,\n                            iconStart: <Icon data={Xmark} />,\n                        },\n                        {\n                            theme: 'danger',\n                            text: i18n('table.remove'),\n                            qa: 'g-md-yfm-table-action-remove-table',\n                            action: onRemoveTableClick,\n                            iconStart: <Icon data={TrashBin} />,\n                        },\n                    ],\n                ] satisfies FloatingMenuProps['dropdownItems'],\n            [\n                type,\n                multiple,\n                onClearCellsClick,\n                onInsertAfterClick,\n                onInsertBeforeClick,\n                onRemoveRangeClick,\n                onRemoveTableClick,\n            ],\n        );\n\n        return (\n            <FloatingMenu\n                dirtype={type}\n                canDrag={dndHandler ? dndHandler.canDrag() : false}\n                onOpenToggle={onMenuOpenToggle}\n                anchorElement={acnhorElement}\n                switcherMouseProps={\n                    dndHandler\n                        ? {\n                              onMouseDown: dndHandler.control_handleMouseDown,\n                              onMouseMove: dndHandler.control_handleMouseMove,\n                              onMouseUp: dndHandler.control_handleMouseUp,\n                          }\n                        : undefined\n                }\n                dropdownItems={dropdownItems}\n            />\n        );\n    };\n"]}

package/build/cjs/extensions/yfm/YfmTable/plugins/YfmTableControls/components/FloatingMenuControl/index.d.ts

@@ -0,0 +1 @@
+export * from "./FloatingMenuControl.js";

package/build/cjs/extensions/yfm/YfmTable/plugins/YfmTableControls/components/FloatingMenuControl/index.js

@@ -0,0 +1,5 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const tslib_1 = require("tslib");
+tslib_1.__exportStar(require("./FloatingMenuControl.js"), exports);
+//# sourceMappingURL=index.js.map

package/build/cjs/extensions/yfm/YfmTable/plugins/YfmTableControls/components/FloatingMenuControl/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"../../../../../../../../../src","sources":["extensions/yfm/YfmTable/plugins/YfmTableControls/components/FloatingMenuControl/index.ts"],"names":[],"mappings":";;;AAAA,mEAAsC","sourcesContent":["export * from './FloatingMenuControl';\n"]}

package/build/cjs/extensions/yfm/YfmTable/plugins/YfmTableControls/components/FloatingPlusButton/FloatingPlusButton.d.ts

@@ -0,0 +1,4 @@
+import { type InsertCursorProps } from "./InsertCursor.js";
+import { type PlusButtonProps } from "./PlusButton.js";
+export type FloatingPlusButtonProps = Pick<PlusButtonProps, 'onClick'> & Pick<InsertCursorProps, 'type' | 'anchor'>;
+export declare const FloatingPlusButton: React.FC<FloatingPlusButtonProps>;

package/build/cjs/extensions/yfm/YfmTable/plugins/YfmTableControls/components/FloatingPlusButton/FloatingPlusButton.js

@@ -0,0 +1,26 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.FloatingPlusButton = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = require("react");
+const FloatingPopup_1 = require("../FloatingPopup/index.js");
+const InsertCursor_1 = require("./InsertCursor.js");
+const PlusButton_1 = require("./PlusButton.js");
+const styles = {
+    borderRadius: '100px', // button circle border radius
+    background: 'transparent',
+};
+const placementByType = {
+    row: 'left-end',
+    column: 'top-end',
+};
+const offsetByType = {
+    row: { alignmentAxis: -10 },
+    column: { alignmentAxis: -10 },
+};
+const FloatingPlusButton = function YfmTableFloatingPlusButton({ anchor, type, ...btnProps }) {
+    const [hovered, setHovered] = (0, react_1.useState)(false);
+    return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(FloatingPopup_1.FloatingPopup, { open: true, anchorElement: anchor, placement: placementByType[type], offset: offsetByType[type], style: styles, children: (0, jsx_runtime_1.jsx)(PlusButton_1.PlusButton, { ...btnProps, onHoverChange: setHovered, qa: `g-md-yfm-table-plus-${type}` }) }), hovered && (0, jsx_runtime_1.jsx)(InsertCursor_1.InsertCursor, { anchor: anchor, type: type })] }));
+};
+exports.FloatingPlusButton = FloatingPlusButton;
+//# sourceMappingURL=FloatingPlusButton.js.map

package/build/cjs/extensions/yfm/YfmTable/plugins/YfmTableControls/components/FloatingPlusButton/FloatingPlusButton.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FloatingPlusButton.js","sourceRoot":"../../../../../../../../../src","sources":["extensions/yfm/YfmTable/plugins/YfmTableControls/components/FloatingPlusButton/FloatingPlusButton.tsx"],"names":[],"mappings":";;;;AAAA,iCAA+B;AAE/B,6DAAwE;AAExE,oDAAoE;AACpE,gDAA8D;AAE9D,MAAM,MAAM,GAAwB;IAChC,YAAY,EAAE,OAAO,EAAE,8BAA8B;IACrD,UAAU,EAAE,aAAa;CAC5B,CAAC;AACF,MAAM,eAAe,GAAuE;IACxF,GAAG,EAAE,UAAU;IACf,MAAM,EAAE,SAAS;CACpB,CAAC;AACF,MAAM,YAAY,GAAoE;IAClF,GAAG,EAAE,EAAC,aAAa,EAAE,CAAC,EAAE,EAAC;IACzB,MAAM,EAAE,EAAC,aAAa,EAAE,CAAC,EAAE,EAAC;CAC/B,CAAC;AAKK,MAAM,kBAAkB,GAC3B,SAAS,0BAA0B,CAAC,EAAC,MAAM,EAAE,IAAI,EAAE,GAAG,QAAQ,EAAC;IAC3D,MAAM,CAAC,OAAO,EAAE,UAAU,CAAC,GAAG,IAAA,gBAAQ,EAAC,KAAK,CAAC,CAAC;IAE9C,OAAO,CACH,6DACI,uBAAC,6BAAa,IACV,IAAI,QACJ,aAAa,EAAE,MAAM,EACrB,SAAS,EAAE,eAAe,CAAC,IAAI,CAAC,EAChC,MAAM,EAAE,YAAY,CAAC,IAAI,CAAC,EAC1B,KAAK,EAAE,MAAM,YAEb,uBAAC,uBAAU,OACH,QAAQ,EACZ,aAAa,EAAE,UAAU,EACzB,EAAE,EAAE,uBAAuB,IAAI,EAAE,GACnC,GACU,EACf,OAAO,IAAI,uBAAC,2BAAY,IAAC,MAAM,EAAE,MAAM,EAAE,IAAI,EAAE,IAAI,GAAI,IACzD,CACN,CAAC;AACN,CAAC,CAAC;AAtBO,QAAA,kBAAkB,sBAsBzB","sourcesContent":["import {useState} from 'react';\n\nimport {FloatingPopup, type FloatingPopupProps} from '../FloatingPopup';\n\nimport {InsertCursor, type InsertCursorProps} from './InsertCursor';\nimport {PlusButton, type PlusButtonProps} from './PlusButton';\n\nconst styles: React.CSSProperties = {\n    borderRadius: '100px', // button circle border radius\n    background: 'transparent',\n};\nconst placementByType: Record<InsertCursorProps['type'], FloatingPopupProps['placement']> = {\n    row: 'left-end',\n    column: 'top-end',\n};\nconst offsetByType: Record<InsertCursorProps['type'], FloatingPopupProps['offset']> = {\n    row: {alignmentAxis: -10},\n    column: {alignmentAxis: -10},\n};\n\nexport type FloatingPlusButtonProps = Pick<PlusButtonProps, 'onClick'> &\n    Pick<InsertCursorProps, 'type' | 'anchor'>;\n\nexport const FloatingPlusButton: React.FC<FloatingPlusButtonProps> =\n    function YfmTableFloatingPlusButton({anchor, type, ...btnProps}) {\n        const [hovered, setHovered] = useState(false);\n\n        return (\n            <>\n                <FloatingPopup\n                    open\n                    anchorElement={anchor}\n                    placement={placementByType[type]}\n                    offset={offsetByType[type]}\n                    style={styles}\n                >\n                    <PlusButton\n                        {...btnProps}\n                        onHoverChange={setHovered}\n                        qa={`g-md-yfm-table-plus-${type}`}\n                    />\n                </FloatingPopup>\n                {hovered && <InsertCursor anchor={anchor} type={type} />}\n            </>\n        );\n    };\n"]}

package/build/cjs/extensions/yfm/YfmTable/plugins/YfmTableControls/components/FloatingPlusButton/InsertCursor.d.ts

@@ -0,0 +1,6 @@
+import { type ReferenceElement } from '@floating-ui/dom';
+export type InsertCursorProps = {
+    anchor: ReferenceElement;
+    type: 'row' | 'column';
+};
+export declare const InsertCursor: React.FC<InsertCursorProps>;

package/build/cjs/extensions/yfm/YfmTable/plugins/YfmTableControls/components/FloatingPlusButton/InsertCursor.js

@@ -0,0 +1,68 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.InsertCursor = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = require("react");
+// eslint-disable-next-line import/no-extraneous-dependencies
+const dom_1 = require("@floating-ui/dom");
+const uikit_1 = require("@gravity-ui/uikit");
+const react_use_1 = require("react-use");
+const react_utils_1 = require("../../../../../../../react-utils/index.js");
+const placementByType = {
+    row: 'bottom-start',
+    column: 'right-start',
+};
+const InsertCursor = function YfmTableInsertCursor({ type, anchor: referenceEl, }) {
+    const [floatingEl, setFloatingEl] = (0, react_utils_1.useElementState)();
+    const { width, height, updateRect } = useSize(type, () => referenceEl.getBoundingClientRect());
+    const widhtRef = (0, react_use_1.useLatest)(width);
+    const [floatingStyles, setFloatingStyles] = (0, react_1.useState)({ top: -9999, left: -9999 });
+    (0, react_1.useEffect)(() => {
+        if (referenceEl && floatingEl) {
+            return (0, dom_1.autoUpdate)(referenceEl, floatingEl, () => {
+                updateRect(referenceEl.getBoundingClientRect());
+                (0, dom_1.computePosition)(referenceEl, floatingEl, {
+                    placement: placementByType[type],
+                }).then(({ x, y }) => {
+                    if (type === 'row')
+                        setFloatingStyles({ left: x, top: y - 1 });
+                    else
+                        setFloatingStyles({ left: x - 1, top: y });
+                });
+            });
+        }
+        return undefined;
+    }, [referenceEl, floatingEl, widhtRef, type, updateRect]);
+    return ((0, jsx_runtime_1.jsx)(uikit_1.Portal, { children: (0, jsx_runtime_1.jsx)("div", { ref: setFloatingEl, style: {
+                position: 'absolute',
+                zIndex: 1005,
+                width,
+                height,
+                pointerEvents: 'auto',
+                outline: 'none',
+                backgroundColor: 'var(--g-color-line-brand)',
+                ...floatingStyles,
+            } }) }));
+};
+exports.InsertCursor = InsertCursor;
+function useSize(type, getRect) {
+    const [size, setSize] = (0, react_1.useState)(() => getSize(type, getRect()));
+    const sizeRef = (0, react_use_1.useLatest)(size);
+    return {
+        width: size.width,
+        height: size.height,
+        updateRect: (0, react_1.useCallback)((rect) => {
+            const newSize = getSize(type, rect);
+            if (type === 'row' && newSize.width !== sizeRef.current.width)
+                setSize(newSize);
+            if (type === 'column' && newSize.height !== sizeRef.current.height)
+                setSize(newSize);
+        }, [sizeRef, type]),
+    };
+}
+function getSize(type, rect) {
+    if (type === 'row')
+        return { height: 2, width: rect.width };
+    return { width: 2, height: rect.height };
+}
+//# sourceMappingURL=InsertCursor.js.map

package/build/cjs/extensions/yfm/YfmTable/plugins/YfmTableControls/components/FloatingPlusButton/InsertCursor.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"InsertCursor.js","sourceRoot":"../../../../../../../../../src","sources":["extensions/yfm/YfmTable/plugins/YfmTableControls/components/FloatingPlusButton/InsertCursor.tsx"],"names":[],"mappings":"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","sourcesContent":["import {useCallback, useEffect, useState} from 'react';\n\n// eslint-disable-next-line import/no-extraneous-dependencies\nimport {type Placement, type ReferenceElement, autoUpdate, computePosition} from '@floating-ui/dom';\nimport {Portal} from '@gravity-ui/uikit';\nimport {useLatest} from 'react-use';\n\nimport {useElementState} from 'src/react-utils';\n\nconst placementByType: Record<InsertCursorProps['type'], Placement> = {\n    row: 'bottom-start',\n    column: 'right-start',\n};\n\nexport type InsertCursorProps = {\n    anchor: ReferenceElement;\n    type: 'row' | 'column';\n};\n\nexport const InsertCursor: React.FC<InsertCursorProps> = function YfmTableInsertCursor({\n    type,\n    anchor: referenceEl,\n}) {\n    const [floatingEl, setFloatingEl] = useElementState();\n    const {width, height, updateRect} = useSize(type, () => referenceEl.getBoundingClientRect());\n    const widhtRef = useLatest(width);\n    const [floatingStyles, setFloatingStyles] = useState({top: -9999, left: -9999});\n\n    useEffect(() => {\n        if (referenceEl && floatingEl) {\n            return autoUpdate(referenceEl, floatingEl, () => {\n                updateRect(referenceEl.getBoundingClientRect());\n\n                computePosition(referenceEl, floatingEl, {\n                    placement: placementByType[type],\n                }).then(({x, y}) => {\n                    if (type === 'row') setFloatingStyles({left: x, top: y - 1});\n                    else setFloatingStyles({left: x - 1, top: y});\n                });\n            });\n        }\n        return undefined;\n    }, [referenceEl, floatingEl, widhtRef, type, updateRect]);\n\n    return (\n        <Portal>\n            <div\n                ref={setFloatingEl}\n                style={{\n                    position: 'absolute',\n                    zIndex: 1005,\n                    width,\n                    height,\n                    pointerEvents: 'auto',\n                    outline: 'none',\n                    backgroundColor: 'var(--g-color-line-brand)',\n                    ...floatingStyles,\n                }}\n            />\n        </Portal>\n    );\n};\n\ntype Size = {\n    width: number;\n    height: number;\n};\n\nfunction useSize(type: InsertCursorProps['type'], getRect: () => Size) {\n    const [size, setSize] = useState<Size>(() => getSize(type, getRect()));\n    const sizeRef = useLatest(size);\n\n    return {\n        width: size.width,\n        height: size.height,\n        updateRect: useCallback(\n            (rect: Size) => {\n                const newSize = getSize(type, rect);\n                if (type === 'row' && newSize.width !== sizeRef.current.width) setSize(newSize);\n                if (type === 'column' && newSize.height !== sizeRef.current.height)\n                    setSize(newSize);\n            },\n            [sizeRef, type],\n        ),\n    };\n}\n\nfunction getSize(type: InsertCursorProps['type'], rect: Size): Size {\n    if (type === 'row') return {height: 2, width: rect.width};\n    return {width: 2, height: rect.height};\n}\n"]}