@gravity-ui/markdown-editor 15.19.0 → 15.20.0

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

@@ -0,0 +1,70 @@
+import { Fragment } from "../../../../../../pm/model.js";
+import { TableDesc, } from "../../../../../../table-utils/table-desc.js";
+import { yfmTableCellType } from "../../../YfmTableSpecs/utils.js";
+export const removeRowRange = (params) => {
+    return (state, dispatch) => {
+        const table = state.doc.nodeAt(params.tablePos);
+        const tableDesc = table && 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, 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), yfmTableCellType(state.schema).createAndFill({
+                            rowspan: newRowspan > 1 ? newRowspan : null,
+                            colspan: realCell.colspan ? realCell.colspan : null,
+                        }));
+                    }
+                }
+            }
+            updateRowspan(tr, tableDesc, diffRowspan);
+            dispatch(tr);
+        }
+        return true;
+    };
+};
+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/esm/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":"AAAA,OAAO,EAAC,QAAQ,EAAC,sCAAkB;AAEnC,OAAO,EAGH,SAAS,GAGZ,oDAAmC;AAEpC,OAAO,EAAC,gBAAgB,EAAC,wCAAqC;AAO9D,MAAM,CAAC,MAAM,cAAc,GAAG,CAAC,MAA4B,EAAW,EAAE;IACpE,OAAO,CAAC,KAAK,EAAE,QAAQ,EAAE,EAAE;QACvB,MAAM,KAAK,GAAG,KAAK,CAAC,GAAG,CAAC,MAAM,CAAC,MAAM,CAAC,QAAQ,CAAC,CAAC;QAChD,MAAM,SAAS,GAAG,KAAK,IAAI,SAAS,CAAC,MAAM,CAAC,KAAK,CAAC,EAAE,IAAI,CAAC,MAAM,CAAC,QAAQ,CAAC,CAAC;QAC1E,IAAI,CAAC,SAAS,IAAI,SAAS,CAAC,IAAI,GAAG,CAAC;YAAE,OAAO,KAAK,CAAC;QAEnD,MAAM,KAAK,GAAG,SAAS,CAAC,IAAI,CAAC,YAAY,EAAE,CAAC,MAAM,CAAC,QAAQ,CAAC,CAAC;QAC7D,IAAI,CAAC,KAAK;YAAE,OAAO,KAAK,CAAC;QAEzB,IAAI,QAAQ,EAAE,CAAC;YACX,MAAM,EAAC,EAAE,EAAC,GAAG,KAAK,CAAC;YACnB,CAAC;gBACG,MAAM,IAAI,GAAG,SAAS,CAAC,YAAY,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAC,IAAI,CAAC;gBACzD,MAAM,EAAE,GAAG,SAAS,CAAC,YAAY,CAAC,KAAK,CAAC,MAAM,CAAC,CAAC,EAAE,CAAC;gBACnD,EAAE,CAAC,WAAW,CAAC,IAAI,EAAE,EAAE,EAAE,QAAQ,CAAC,KAAK,CAAC,CAAC;YAC7C,CAAC;YAED,MAAM,WAAW,GAA0C,EAAE,CAAC;YAE9D,KAAK,IAAI,MAAM,GAAG,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC,IAAI,EAAE,MAAM,EAAE,EAAE,CAAC;gBACrD,iEAAiE;gBACjE,KAAK,IAAI,MAAM,GAAG,KAAK,CAAC,QAAQ,EAAE,MAAM,IAAI,KAAK,CAAC,MAAM,EAAE,MAAM,EAAE,EAAE,CAAC;oBACjE,MAAM,IAAI,GAAG,SAAS,CAAC,IAAI,CAAC,QAAQ,CAAC,MAAM,CAAC,CAAC,KAAK,CAAC,MAAM,CAAC,CAAC;oBAC3D,IACI,IAAI,CAAC,IAAI,KAAK,SAAS;wBACvB,IAAI,CAAC,OAAO,EAAE,CAAC,CAAC,CAAC,KAAK,MAAM;wBAC5B,IAAI,CAAC,OAAO,CAAC,CAAC,CAAC,GAAG,KAAK,CAAC,QAAQ,EAClC,CAAC;wBACC,WAAW,CAAC,GAAG,IAAI,CAAC,OAAO,CAAC,CAAC,CAAC,IAAI,IAAI,CAAC,OAAO,CAAC,CAAC,CAAC,EAAE,CAAC,KAAK,CAAC,CAAC;wBAC3D,WAAW,CAAC,GAAG,IAAI,CAAC,OAAO,CAAC,CAAC,CAAC,IAAI,IAAI,CAAC,OAAO,CAAC,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC;oBAC3D,CAAC;gBACL,CAAC;gBAED,+DAA+D;gBAC/D,IAAI,KAAK,CAAC,MAAM,GAAG,CAAC,GAAG,SAAS,CAAC,IAAI,EAAE,CAAC;oBACpC,MAAM,IAAI,GAAG,SAAS,CAAC,IAAI,CAAC,QAAQ,CAAC,KAAK,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC,KAAK,CAAC,MAAM,CAAC,CAAC;oBACrE,IACI,IAAI,CAAC,IAAI,KAAK,SAAS;wBACvB,IAAI,CAAC,OAAO,EAAE,CAAC,CAAC,CAAC,KAAK,MAAM;wBAC5B,IAAI,CAAC,OAAO,CAAC,CAAC,CAAC,IAAI,KAAK,CAAC,QAAQ,EACnC,CAAC;wBACC,MAAM,SAAS,GACX,SAAS,CAAC,aAAa,CAAC,KAAK,CAAC,MAAM,GAAG,CAAC,EAAE,MAAM,CACnD,CAAC,UAAU,CAAC;wBACb,MAAM,QAAQ,GAAG,SAAS,CAAC,IAAI,CAAC,QAAQ,CAAC,IAAI,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC,CAAC,KAAK,CAC3D,IAAI,CAAC,OAAO,CAAC,CAAC,CAAC,CACG,CAAC;wBACvB,MAAM,UAAU,GAAG,QAAQ,CAAC,OAAQ,GAAG,CAAC,KAAK,CAAC,MAAM,GAAG,CAAC,GAAG,IAAI,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC,CAAC;wBAC5E,EAAE,CAAC,MAAM,CACL,EAAE,CAAC,OAAO,CAAC,GAAG,CAAC,SAAS,CAAC,EACzB,gBAAgB,CAAC,KAAK,CAAC,MAAM,CAAC,CAAC,aAAa,CAAC;4BACzC,OAAO,EAAE,UAAU,GAAG,CAAC,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,IAAI;4BAC3C,OAAO,EAAE,QAAQ,CAAC,OAAO,CAAC,CAAC,CAAC,QAAQ,CAAC,OAAO,CAAC,CAAC,CAAC,IAAI;yBACtD,CAAE,CACN,CAAC;oBACN,CAAC;gBACL,CAAC;YACL,CAAC;YAED,aAAa,CAAC,EAAE,EAAE,SAAS,EAAE,WAAW,CAAC,CAAC;YAE1C,QAAQ,CAAC,EAAE,CAAC,CAAC;QACjB,CAAC;QAED,OAAO,IAAI,CAAC;IAChB,CAAC,CAAC;AACN,CAAC,CAAC;AAEF,SAAS,aAAa,CAClB,EAAe,EACf,SAA0B,EAC1B,OAA8C;IAE9C,KAAK,MAAM,GAAG,IAAI,IAAI,CAAC,OAAO,CAAC,EAAE,CAAC;QAC9B,MAAM,CAAC,GAAG,EAAE,GAAG,CAAC,GAAG,GAAG,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC;QAClC,MAAM,MAAM,GAAG,MAAM,CAAC,QAAQ,CAAC,GAAG,EAAE,EAAE,CAAC,CAAC;QACxC,MAAM,MAAM,GAAG,MAAM,CAAC,QAAQ,CAAC,GAAG,EAAE,EAAE,CAAC,CAAC;QAExC,MAAM,IAAI,GAAG,SAAS,CAAC,IAAI,CAAC,QAAQ,CAAC,MAAM,CAAC,CAAC,KAAK,CAAC,MAAM,CAAC,CAAC;QAC3D,IAAI,IAAI,CAAC,IAAI,KAAK,MAAM,IAAI,IAAI,CAAC,OAAO,EAAE,CAAC;YACvC,MAAM,GAAG,GAAG,SAAS,CAAC,aAAa,CAAC,MAAM,EAAE,MAAM,CAAgB,CAAC;YACnE,MAAM,UAAU,GAAG,IAAI,CAAC,OAAO,GAAG,OAAO,CAAC,GAAG,CAAC,CAAC;YAC/C,EAAE,CAAC,gBAAgB,CACf,EAAE,CAAC,OAAO,CAAC,GAAG,CAAC,GAAG,CAAC,IAAI,CAAC,EACxB,SAAS,EACT,UAAU,GAAG,CAAC,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,IAAI,CACrC,CAAC;QACN,CAAC;IACL,CAAC;AACL,CAAC;AACD,SAAS,IAAI,CAAmB,GAAM;IAClC,OAAO,MAAM,CAAC,IAAI,CAAC,GAAG,CAAgB,CAAC;AAC3C,CAAC","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/esm/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/esm/extensions/yfm/YfmTable/plugins/YfmTableControls/components/FloatingMenu/FloatingMenu.js

@@ -0,0 +1,41 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { useState } from 'react';
+import { Ellipsis as DotsColumn, GripHorizontal as GripColumn } from '@gravity-ui/icons';
+import { Button, DropdownMenu, Flex, Icon, } from '@gravity-ui/uikit';
+import { useBooleanState } from "../../../../../../../react-utils/index.js";
+import { FloatingPopup } from "../FloatingPopup/index.js";
+const popupOffset = {
+    mainAxis: -9.5,
+};
+export const FloatingMenu = function YfmTableFloatingMenu(props) {
+    const { dirtype, canDrag, anchorElement, dropdownItems, switcherMouseProps, onOpenToggle } = props;
+    const [isMenuOpened, setMenuOpened] = useState(false);
+    const [isHovered, setHovered, unsetHovered] = useBooleanState(false);
+    const showActionView = isMenuOpened || isHovered;
+    const isRowType = dirtype === 'row';
+    return (_jsx(FloatingPopup, { open: true, offset: popupOffset, anchorElement: anchorElement, placement: isRowType ? 'left' : 'top', floatingStyles: {
+            lineHeight: 'initial',
+        }, style: {
+            backgroundColor: 'transparent',
+        }, children: _jsx(DropdownMenu, { onOpenToggle: (...args) => {
+                setMenuOpened(...args);
+                onOpenToggle(...args);
+            }, renderSwitcher: (switcherProps) => (_jsx(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: _jsx(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 ? (_jsx(Icon, { data: canDrag ? GripColumn : DotsColumn })) : (String.fromCharCode(8194) // en space
+                    ) }) })), popupProps: {
+                zIndex: 1010,
+                placement: isRowType ? 'right-start' : 'bottom-start',
+            }, menuProps: { qa: `g-md-yfm-table-${dirtype}-menu` }, items: dropdownItems }) }));
+};
+//# sourceMappingURL=FloatingMenu.js.map

package/build/esm/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,OAAO,EAAC,QAAQ,EAAC,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAC,QAAQ,IAAI,UAAU,EAAE,cAAc,IAAI,UAAU,EAAC,MAAM,mBAAmB,CAAC;AACvF,OAAO,EACH,MAAM,EAEN,YAAY,EAEZ,IAAI,EACJ,IAAI,GACP,MAAM,mBAAmB,CAAC;AAE3B,OAAO,EAAC,eAAe,EAAC,kDAAwB;AAEhD,OAAO,EAAC,aAAa,EAA0B,kCAAyB;AAExE,MAAM,WAAW,GAAiC;IAC9C,QAAQ,EAAE,CAAC,GAAG;CACjB,CAAC;AAWF,MAAM,CAAC,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,QAAQ,CAAC,KAAK,CAAC,CAAC;IACtD,MAAM,CAAC,SAAS,EAAE,UAAU,EAAE,YAAY,CAAC,GAAG,eAAe,CAAC,KAAK,CAAC,CAAC;IAErE,MAAM,cAAc,GAAG,YAAY,IAAI,SAAS,CAAC;IACjD,MAAM,SAAS,GAAG,OAAO,KAAK,KAAK,CAAC;IAEpC,OAAO,CACH,KAAC,aAAa,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,KAAC,YAAY,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,KAAC,IAAI,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,KAAC,MAAM,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,KAAC,IAAI,IAAC,IAAI,EAAE,OAAO,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,UAAU,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","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/esm/extensions/yfm/YfmTable/plugins/YfmTableControls/components/FloatingMenu/index.d.ts

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

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

@@ -0,0 +1,2 @@
+export * from "./FloatingMenu.js";
+//# sourceMappingURL=index.js.map

package/build/esm/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,kCAA+B","sourcesContent":["export * from './FloatingMenu';\n"]}

package/build/esm/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/esm/extensions/yfm/YfmTable/plugins/YfmTableControls/components/FloatingMenuControl/FloatingMenuControl.js

@@ -0,0 +1,63 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { useMemo } from 'react';
+import { ArrowDown, ArrowLeft, ArrowRight, ArrowUp, BroomMotion as ClearCells, TrashBin, Xmark, } from '@gravity-ui/icons';
+import { Icon } from '@gravity-ui/uikit';
+import { i18n } from "../../../../../../../i18n/yfm-table/index.js";
+import { FloatingMenu } from "../FloatingMenu/FloatingMenu.js";
+export const FloatingMenuControl = function YfmTableFloatingMenuControl({ type, multiple, dndHandler, acnhorElement, onMenuOpenToggle, onClearCellsClick, onInsertBeforeClick, onInsertAfterClick, onRemoveRangeClick, onRemoveTableClick, }) {
+    const dropdownItems = useMemo(() => [
+        [
+            {
+                text: i18n(`${type}.add.before`),
+                qa: `g-md-yfm-table-action-add-${type}-before`,
+                action: onInsertBeforeClick,
+                iconStart: _jsx(Icon, { data: type === 'row' ? ArrowUp : ArrowLeft }),
+            },
+            {
+                text: i18n(`${type}.add.after`),
+                qa: `g-md-yfm-table-action-add-${type}-after`,
+                action: onInsertAfterClick,
+                iconStart: _jsx(Icon, { data: type === 'row' ? ArrowDown : ArrowRight }),
+            },
+        ],
+        [
+            {
+                text: i18n('cells.clear'),
+                qa: `g-md-yfm-table-${type}-clear-cells`,
+                action: onClearCellsClick,
+                iconStart: _jsx(Icon, { data: ClearCells }),
+            },
+        ],
+        [
+            {
+                text: i18n(`${type}.remove${multiple ? '.multiple' : ''}`),
+                qa: `g-md-yfm-table-action-remove-${type}`,
+                action: onRemoveRangeClick,
+                iconStart: _jsx(Icon, { data: Xmark }),
+            },
+            {
+                theme: 'danger',
+                text: i18n('table.remove'),
+                qa: 'g-md-yfm-table-action-remove-table',
+                action: onRemoveTableClick,
+                iconStart: _jsx(Icon, { data: TrashBin }),
+            },
+        ],
+    ], [
+        type,
+        multiple,
+        onClearCellsClick,
+        onInsertAfterClick,
+        onInsertBeforeClick,
+        onRemoveRangeClick,
+        onRemoveTableClick,
+    ]);
+    return (_jsx(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 }));
+};
+//# sourceMappingURL=FloatingMenuControl.js.map

package/build/esm/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,OAAO,EAAC,OAAO,EAAC,MAAM,OAAO,CAAC;AAE9B,OAAO,EACH,SAAS,EACT,SAAS,EACT,UAAU,EACV,OAAO,EACP,WAAW,IAAI,UAAU,EACzB,QAAQ,EACR,KAAK,GACR,MAAM,mBAAmB,CAAC;AAC3B,OAAO,EAAC,IAAI,EAAC,MAAM,mBAAmB,CAAC;AAEvC,OAAO,EAAC,IAAI,EAAC,qDAA2B;AAGxC,OAAO,EAAC,YAAY,EAAyB,wCAAqC;AAelF,MAAM,CAAC,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,OAAO,CACzB,GAAG,EAAE,CACD;QACI;YACI;gBACI,IAAI,EAAE,IAAI,CAAC,GAAG,IAAI,aAAa,CAAC;gBAChC,EAAE,EAAE,6BAA6B,IAAI,SAAS;gBAC9C,MAAM,EAAE,mBAAmB;gBAC3B,SAAS,EAAE,KAAC,IAAI,IAAC,IAAI,EAAE,IAAI,KAAK,KAAK,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,SAAS,GAAI;aAClE;YACD;gBACI,IAAI,EAAE,IAAI,CAAC,GAAG,IAAI,YAAY,CAAC;gBAC/B,EAAE,EAAE,6BAA6B,IAAI,QAAQ;gBAC7C,MAAM,EAAE,kBAAkB;gBAC1B,SAAS,EAAE,KAAC,IAAI,IAAC,IAAI,EAAE,IAAI,KAAK,KAAK,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,UAAU,GAAI;aACrE;SACJ;QACD;YACI;gBACI,IAAI,EAAE,IAAI,CAAC,aAAa,CAAC;gBACzB,EAAE,EAAE,kBAAkB,IAAI,cAAc;gBACxC,MAAM,EAAE,iBAAiB;gBACzB,SAAS,EAAE,KAAC,IAAI,IAAC,IAAI,EAAE,UAAU,GAAI;aACxC;SACJ;QACD;YACI;gBACI,IAAI,EAAE,IAAI,CAAC,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,KAAC,IAAI,IAAC,IAAI,EAAE,KAAK,GAAI;aACnC;YACD;gBACI,KAAK,EAAE,QAAQ;gBACf,IAAI,EAAE,IAAI,CAAC,cAAc,CAAC;gBAC1B,EAAE,EAAE,oCAAoC;gBACxC,MAAM,EAAE,kBAAkB;gBAC1B,SAAS,EAAE,KAAC,IAAI,IAAC,IAAI,EAAE,QAAQ,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,KAAC,YAAY,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","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/esm/extensions/yfm/YfmTable/plugins/YfmTableControls/components/FloatingMenuControl/index.d.ts

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

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

@@ -0,0 +1,2 @@
+export * from "./FloatingMenuControl.js";
+//# sourceMappingURL=index.js.map

package/build/esm/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,yCAAsC","sourcesContent":["export * from './FloatingMenuControl';\n"]}

package/build/esm/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/esm/extensions/yfm/YfmTable/plugins/YfmTableControls/components/FloatingPlusButton/FloatingPlusButton.js

@@ -0,0 +1,22 @@
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+import { useState } from 'react';
+import { FloatingPopup } from "../FloatingPopup/index.js";
+import { InsertCursor } from "./InsertCursor.js";
+import { PlusButton } from "./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 },
+};
+export const FloatingPlusButton = function YfmTableFloatingPlusButton({ anchor, type, ...btnProps }) {
+    const [hovered, setHovered] = useState(false);
+    return (_jsxs(_Fragment, { children: [_jsx(FloatingPopup, { open: true, anchorElement: anchor, placement: placementByType[type], offset: offsetByType[type], style: styles, children: _jsx(PlusButton, { ...btnProps, onHoverChange: setHovered, qa: `g-md-yfm-table-plus-${type}` }) }), hovered && _jsx(InsertCursor, { anchor: anchor, type: type })] }));
+};
+//# sourceMappingURL=FloatingPlusButton.js.map

package/build/esm/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,OAAO,EAAC,QAAQ,EAAC,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAC,aAAa,EAA0B,kCAAyB;AAExE,OAAO,EAAC,YAAY,EAAyB,0BAAuB;AACpE,OAAO,EAAC,UAAU,EAAuB,wBAAqB;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;AAKF,MAAM,CAAC,MAAM,kBAAkB,GAC3B,SAAS,0BAA0B,CAAC,EAAC,MAAM,EAAE,IAAI,EAAE,GAAG,QAAQ,EAAC;IAC3D,MAAM,CAAC,OAAO,EAAE,UAAU,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IAE9C,OAAO,CACH,8BACI,KAAC,aAAa,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,KAAC,UAAU,OACH,QAAQ,EACZ,aAAa,EAAE,UAAU,EACzB,EAAE,EAAE,uBAAuB,IAAI,EAAE,GACnC,GACU,EACf,OAAO,IAAI,KAAC,YAAY,IAAC,MAAM,EAAE,MAAM,EAAE,IAAI,EAAE,IAAI,GAAI,IACzD,CACN,CAAC;AACN,CAAC,CAAC","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/esm/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/esm/extensions/yfm/YfmTable/plugins/YfmTableControls/components/FloatingPlusButton/InsertCursor.js

@@ -0,0 +1,64 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { useCallback, useEffect, useState } from 'react';
+// eslint-disable-next-line import/no-extraneous-dependencies
+import { autoUpdate, computePosition } from '@floating-ui/dom';
+import { Portal } from '@gravity-ui/uikit';
+import { useLatest } from 'react-use';
+import { useElementState } from "../../../../../../../react-utils/index.js";
+const placementByType = {
+    row: 'bottom-start',
+    column: 'right-start',
+};
+export const InsertCursor = function YfmTableInsertCursor({ type, anchor: referenceEl, }) {
+    const [floatingEl, setFloatingEl] = useElementState();
+    const { width, height, updateRect } = useSize(type, () => referenceEl.getBoundingClientRect());
+    const widhtRef = useLatest(width);
+    const [floatingStyles, setFloatingStyles] = useState({ top: -9999, left: -9999 });
+    useEffect(() => {
+        if (referenceEl && floatingEl) {
+            return autoUpdate(referenceEl, floatingEl, () => {
+                updateRect(referenceEl.getBoundingClientRect());
+                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 (_jsx(Portal, { children: _jsx("div", { ref: setFloatingEl, style: {
+                position: 'absolute',
+                zIndex: 1005,
+                width,
+                height,
+                pointerEvents: 'auto',
+                outline: 'none',
+                backgroundColor: 'var(--g-color-line-brand)',
+                ...floatingStyles,
+            } }) }));
+};
+function useSize(type, getRect) {
+    const [size, setSize] = useState(() => getSize(type, getRect()));
+    const sizeRef = useLatest(size);
+    return {
+        width: size.width,
+        height: size.height,
+        updateRect: 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/esm/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"]}

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

@@ -0,0 +1,6 @@
+import { type QAProps } from '@gravity-ui/uikit';
+export type PlusButtonProps = QAProps & {
+    onClick: () => void;
+    onHoverChange: (hover: boolean) => void;
+};
+export declare const PlusButton: React.FC<PlusButtonProps>;

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

@@ -0,0 +1,22 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { useEffect } from 'react';
+import { Plus as PlusIcon } from '@gravity-ui/icons';
+import { Button, Flex, Icon } from '@gravity-ui/uikit';
+import { useBooleanState } from "../../../../../../../react-utils/index.js";
+export const PlusButton = function YfmTablePlusButton({ qa, onClick, onHoverChange, }) {
+    const [hovered, setHovered, unsetHovered] = useBooleanState(false);
+    useEffect(() => {
+        onHoverChange(hovered);
+    }, [hovered, onHoverChange]);
+    return (_jsx(Flex, { centerContent: true, width: 20, height: 20, onMouseEnter: setHovered, onMouseLeave: unsetHovered, style: {
+            borderRadius: '100px', // button circle border radius
+            backgroundColor: hovered ? 'var(--g-color-base-background)' : undefined,
+        }, children: _jsx(Button, { qa: qa, size: "xs", pin: "circle-circle", view: hovered ? 'outlined-action' : 'normal', onClick: onClick, style: {
+                '--g-button-height': hovered ? undefined : '4px',
+                '--_--background-color-hover': hovered
+                    ? 'var(--g-color-base-background)'
+                    : undefined,
+                color: hovered ? undefined : 'var(--g-color-base-generic)',
+            }, children: _jsx(Icon, { data: PlusIcon }) }) }));
+};
+//# sourceMappingURL=PlusButton.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"PlusButton.js","sourceRoot":"../../../../../../../../../src","sources":["extensions/yfm/YfmTable/plugins/YfmTableControls/components/FloatingPlusButton/PlusButton.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAC,SAAS,EAAC,MAAM,OAAO,CAAC;AAEhC,OAAO,EAAC,IAAI,IAAI,QAAQ,EAAC,MAAM,mBAAmB,CAAC;AACnD,OAAO,EAAC,MAAM,EAAE,IAAI,EAAE,IAAI,EAAe,MAAM,mBAAmB,CAAC;AAEnE,OAAO,EAAC,eAAe,EAAC,kDAAwB;AAOhD,MAAM,CAAC,MAAM,UAAU,GAA8B,SAAS,kBAAkB,CAAC,EAC7E,EAAE,EACF,OAAO,EACP,aAAa,GAChB;IACG,MAAM,CAAC,OAAO,EAAE,UAAU,EAAE,YAAY,CAAC,GAAG,eAAe,CAAC,KAAK,CAAC,CAAC;IACnE,SAAS,CAAC,GAAG,EAAE;QACX,aAAa,CAAC,OAAO,CAAC,CAAC;IAC3B,CAAC,EAAE,CAAC,OAAO,EAAE,aAAa,CAAC,CAAC,CAAC;IAE7B,OAAO,CACH,KAAC,IAAI,IACD,aAAa,QACb,KAAK,EAAE,EAAE,EACT,MAAM,EAAE,EAAE,EACV,YAAY,EAAE,UAAU,EACxB,YAAY,EAAE,YAAY,EAC1B,KAAK,EAAE;YACH,YAAY,EAAE,OAAO,EAAE,8BAA8B;YACrD,eAAe,EAAE,OAAO,CAAC,CAAC,CAAC,gCAAgC,CAAC,CAAC,CAAC,SAAS;SAC1E,YAED,KAAC,MAAM,IACH,EAAE,EAAE,EAAE,EACN,IAAI,EAAC,IAAI,EACT,GAAG,EAAC,eAAe,EACnB,IAAI,EAAE,OAAO,CAAC,CAAC,CAAC,iBAAiB,CAAC,CAAC,CAAC,QAAQ,EAC5C,OAAO,EAAE,OAAO,EAChB,KAAK,EAAE;gBACH,mBAAmB,EAAE,OAAO,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,KAAK;gBAChD,6BAA6B,EAAE,OAAO;oBAClC,CAAC,CAAC,gCAAgC;oBAClC,CAAC,CAAC,SAAS;gBACf,KAAK,EAAE,OAAO,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,6BAA6B;aAC7D,YAED,KAAC,IAAI,IAAC,IAAI,EAAE,QAAQ,GAAI,GACnB,GACN,CACV,CAAC;AACN,CAAC,CAAC","sourcesContent":["import {useEffect} from 'react';\n\nimport {Plus as PlusIcon} from '@gravity-ui/icons';\nimport {Button, Flex, Icon, type QAProps} from '@gravity-ui/uikit';\n\nimport {useBooleanState} from 'src/react-utils';\n\nexport type PlusButtonProps = QAProps & {\n    onClick: () => void;\n    onHoverChange: (hover: boolean) => void;\n};\n\nexport const PlusButton: React.FC<PlusButtonProps> = function YfmTablePlusButton({\n    qa,\n    onClick,\n    onHoverChange,\n}) {\n    const [hovered, setHovered, unsetHovered] = useBooleanState(false);\n    useEffect(() => {\n        onHoverChange(hovered);\n    }, [hovered, onHoverChange]);\n\n    return (\n        <Flex\n            centerContent\n            width={20} // xs button\n            height={20} // xs button\n            onMouseEnter={setHovered}\n            onMouseLeave={unsetHovered}\n            style={{\n                borderRadius: '100px', // button circle border radius\n                backgroundColor: hovered ? 'var(--g-color-base-background)' : undefined,\n            }}\n        >\n            <Button\n                qa={qa}\n                size=\"xs\"\n                pin=\"circle-circle\"\n                view={hovered ? 'outlined-action' : 'normal'}\n                onClick={onClick}\n                style={{\n                    '--g-button-height': hovered ? undefined : '4px',\n                    '--_--background-color-hover': hovered\n                        ? 'var(--g-color-base-background)'\n                        : undefined,\n                    color: hovered ? undefined : 'var(--g-color-base-generic)',\n                }}\n            >\n                <Icon data={PlusIcon} />\n            </Button>\n        </Flex>\n    );\n};\n"]}

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

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

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

@@ -0,0 +1,2 @@
+export * from "./FloatingPlusButton.js";
+//# sourceMappingURL=index.js.map

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

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

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

@@ -0,0 +1,9 @@
+import { type FloatingPlusButtonProps } from "../FloatingPlusButton/index.js";
+export type FloatingPlusControlProps = {
+    type: FloatingPlusButtonProps['type'];
+    index: number;
+    cellElem: Element;
+    tableElem: Element;
+    onClick: (rowIdx: number) => void;
+};
+export declare const FloatingPlusControl: import("react").NamedExoticComponent<FloatingPlusControlProps>;

package/build/esm/extensions/yfm/YfmTable/plugins/YfmTableControls/components/FloatingPlusControl/FloatingPlusControl.js

@@ -0,0 +1,35 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { memo, useMemo } from 'react';
+import { FloatingPlusButton } from "../FloatingPlusButton/index.js";
+export const FloatingPlusControl = memo(function YfmTableRowFloatingPlusControl({ type, index, cellElem, tableElem, onClick }) {
+    const anchor = useMemo(() => ({
+        contextElement: tableElem,
+        getBoundingClientRect() {
+            const cellRect = cellElem.getBoundingClientRect();
+            const tableRect = tableElem.getBoundingClientRect();
+            return type === 'row'
+                ? {
+                    x: tableRect.x,
+                    y: cellRect.y,
+                    width: tableRect.width,
+                    height: cellRect.height,
+                    top: cellRect.top,
+                    left: tableRect.left,
+                    right: tableRect.right,
+                    bottom: cellRect.top,
+                }
+                : {
+                    x: cellRect.x,
+                    y: tableRect.y,
+                    width: cellRect.width,
+                    height: tableRect.height,
+                    top: tableRect.top,
+                    left: cellRect.left,
+                    right: cellRect.right,
+                    bottom: tableRect.top,
+                };
+        },
+    }), [cellElem, tableElem, type]);
+    return _jsx(FloatingPlusButton, { anchor: anchor, type: type, onClick: () => onClick(index) });
+});
+//# sourceMappingURL=FloatingPlusControl.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"FloatingPlusControl.js","sourceRoot":"../../../../../../../../../src","sources":["extensions/yfm/YfmTable/plugins/YfmTableControls/components/FloatingPlusControl/FloatingPlusControl.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAC,IAAI,EAAE,OAAO,EAAC,MAAM,OAAO,CAAC;AAKpC,OAAO,EAAC,kBAAkB,EAA+B,uCAA8B;AAUvF,MAAM,CAAC,MAAM,mBAAmB,GAAG,IAAI,CACnC,SAAS,8BAA8B,CAAC,EAAC,IAAI,EAAE,KAAK,EAAE,QAAQ,EAAE,SAAS,EAAE,OAAO,EAAC;IAC/E,MAAM,MAAM,GAAG,OAAO,CAClB,GAAG,EAAE,CAAC,CAAC;QACH,cAAc,EAAE,SAAS;QACzB,qBAAqB;YACjB,MAAM,QAAQ,GAAG,QAAQ,CAAC,qBAAqB,EAAE,CAAC;YAClD,MAAM,SAAS,GAAG,SAAS,CAAC,qBAAqB,EAAE,CAAC;YAEpD,OAAO,IAAI,KAAK,KAAK;gBACjB,CAAC,CAAC;oBACI,CAAC,EAAE,SAAS,CAAC,CAAC;oBACd,CAAC,EAAE,QAAQ,CAAC,CAAC;oBACb,KAAK,EAAE,SAAS,CAAC,KAAK;oBACtB,MAAM,EAAE,QAAQ,CAAC,MAAM;oBACvB,GAAG,EAAE,QAAQ,CAAC,GAAG;oBACjB,IAAI,EAAE,SAAS,CAAC,IAAI;oBACpB,KAAK,EAAE,SAAS,CAAC,KAAK;oBACtB,MAAM,EAAE,QAAQ,CAAC,GAAG;iBACvB;gBACH,CAAC,CAAC;oBACI,CAAC,EAAE,QAAQ,CAAC,CAAC;oBACb,CAAC,EAAE,SAAS,CAAC,CAAC;oBACd,KAAK,EAAE,QAAQ,CAAC,KAAK;oBACrB,MAAM,EAAE,SAAS,CAAC,MAAM;oBACxB,GAAG,EAAE,SAAS,CAAC,GAAG;oBAClB,IAAI,EAAE,QAAQ,CAAC,IAAI;oBACnB,KAAK,EAAE,QAAQ,CAAC,KAAK;oBACrB,MAAM,EAAE,SAAS,CAAC,GAAG;iBACxB,CAAC;QACZ,CAAC;KACJ,CAAC,EACF,CAAC,QAAQ,EAAE,SAAS,EAAE,IAAI,CAAC,CAC9B,CAAC;IAEF,OAAO,KAAC,kBAAkB,IAAC,MAAM,EAAE,MAAM,EAAE,IAAI,EAAE,IAAI,EAAE,OAAO,EAAE,GAAG,EAAE,CAAC,OAAO,CAAC,KAAK,CAAC,GAAI,CAAC;AAC7F,CAAC,CACJ,CAAC","sourcesContent":["import {memo, useMemo} from 'react';\n\n// eslint-disable-next-line import/no-extraneous-dependencies\nimport type {VirtualElement} from '@floating-ui/dom';\n\nimport {FloatingPlusButton, type FloatingPlusButtonProps} from '../FloatingPlusButton';\n\nexport type FloatingPlusControlProps = {\n    type: FloatingPlusButtonProps['type'];\n    index: number;\n    cellElem: Element;\n    tableElem: Element;\n    onClick: (rowIdx: number) => void;\n};\n\nexport const FloatingPlusControl = memo<FloatingPlusControlProps>(\n    function YfmTableRowFloatingPlusControl({type, index, cellElem, tableElem, onClick}) {\n        const anchor = useMemo<VirtualElement>(\n            () => ({\n                contextElement: tableElem,\n                getBoundingClientRect() {\n                    const cellRect = cellElem.getBoundingClientRect();\n                    const tableRect = tableElem.getBoundingClientRect();\n\n                    return type === 'row'\n                        ? {\n                              x: tableRect.x,\n                              y: cellRect.y,\n                              width: tableRect.width,\n                              height: cellRect.height,\n                              top: cellRect.top,\n                              left: tableRect.left,\n                              right: tableRect.right,\n                              bottom: cellRect.top,\n                          }\n                        : {\n                              x: cellRect.x,\n                              y: tableRect.y,\n                              width: cellRect.width,\n                              height: tableRect.height,\n                              top: tableRect.top,\n                              left: cellRect.left,\n                              right: cellRect.right,\n                              bottom: tableRect.top,\n                          };\n                },\n            }),\n            [cellElem, tableElem, type],\n        );\n\n        return <FloatingPlusButton anchor={anchor} type={type} onClick={() => onClick(index)} />;\n    },\n);\n"]}

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

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

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

@@ -0,0 +1,2 @@
+export * from "./FloatingPlusControl.js";
+//# sourceMappingURL=index.js.map

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

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

package/build/esm/extensions/yfm/YfmTable/plugins/YfmTableControls/components/FloatingPopup/FloatingPopup.css

@@ -0,0 +1,14 @@
+.g-md-yfm-table-floating-popup {
+  position: relative;
+  border-radius: var(--g-border-radius-xs);
+  outline: none;
+  background-color: var(--g-color-base-float);
+}
+.g-md-yfm-table-floating-popup > :first-child {
+  border-start-start-radius: inherit;
+  border-start-end-radius: inherit;
+}
+.g-md-yfm-table-floating-popup > :last-child {
+  border-end-end-radius: inherit;
+  border-end-start-radius: inherit;
+}

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

@@ -0,0 +1,13 @@
+import { type OffsetOptions, type Placement, type ReferenceType } from '@floating-ui/react';
+import { type DOMProps, type QAProps } from '@gravity-ui/uikit';
+import "./FloatingPopup.css";
+export type FloatingPopupProps = QAProps & DOMProps & {
+    open?: boolean;
+    zIndex?: number;
+    placement: Placement;
+    offset?: OffsetOptions;
+    anchorElement: ReferenceType | undefined | null;
+    children: React.ReactNode;
+    floatingStyles?: React.CSSProperties;
+};
+export declare const FloatingPopup: React.FC<FloatingPopupProps>;