@gravity-ui/markdown-editor 15.19.0 → 15.20.0

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

@@ -0,0 +1,26 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.PlusButton = 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 PlusButton = function YfmTablePlusButton({ qa, onClick, onHoverChange, }) {
+    const [hovered, setHovered, unsetHovered] = (0, react_utils_1.useBooleanState)(false);
+    (0, react_1.useEffect)(() => {
+        onHoverChange(hovered);
+    }, [hovered, onHoverChange]);
+    return ((0, jsx_runtime_1.jsx)(uikit_1.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: (0, jsx_runtime_1.jsx)(uikit_1.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: (0, jsx_runtime_1.jsx)(uikit_1.Icon, { data: icons_1.Plus }) }) }));
+};
+exports.PlusButton = PlusButton;
+//# sourceMappingURL=PlusButton.js.map

package/build/cjs/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,iCAAgC;AAEhC,6CAAmD;AACnD,6CAAmE;AAEnE,2EAAgD;AAOzC,MAAM,UAAU,GAA8B,SAAS,kBAAkB,CAAC,EAC7E,EAAE,EACF,OAAO,EACP,aAAa,GAChB;IACG,MAAM,CAAC,OAAO,EAAE,UAAU,EAAE,YAAY,CAAC,GAAG,IAAA,6BAAe,EAAC,KAAK,CAAC,CAAC;IACnE,IAAA,iBAAS,EAAC,GAAG,EAAE;QACX,aAAa,CAAC,OAAO,CAAC,CAAC;IAC3B,CAAC,EAAE,CAAC,OAAO,EAAE,aAAa,CAAC,CAAC,CAAC;IAE7B,OAAO,CACH,uBAAC,YAAI,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,uBAAC,cAAM,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,uBAAC,YAAI,IAAC,IAAI,EAAE,YAAQ,GAAI,GACnB,GACN,CACV,CAAC;AACN,CAAC,CAAC;AAxCW,QAAA,UAAU,cAwCrB","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/cjs/extensions/yfm/YfmTable/plugins/YfmTableControls/components/FloatingPlusButton/index.d.ts

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

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

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

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

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

@@ -0,0 +1,38 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.FloatingPlusControl = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = require("react");
+const FloatingPlusButton_1 = require("../FloatingPlusButton/index.js");
+exports.FloatingPlusControl = (0, react_1.memo)(function YfmTableRowFloatingPlusControl({ type, index, cellElem, tableElem, onClick }) {
+    const anchor = (0, react_1.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 (0, jsx_runtime_1.jsx)(FloatingPlusButton_1.FloatingPlusButton, { anchor: anchor, type: type, onClick: () => onClick(index) });
+});
+//# sourceMappingURL=FloatingPlusControl.js.map

package/build/cjs/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,iCAAoC;AAKpC,uEAAuF;AAU1E,QAAA,mBAAmB,GAAG,IAAA,YAAI,EACnC,SAAS,8BAA8B,CAAC,EAAC,IAAI,EAAE,KAAK,EAAE,QAAQ,EAAE,SAAS,EAAE,OAAO,EAAC;IAC/E,MAAM,MAAM,GAAG,IAAA,eAAO,EAClB,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,uBAAC,uCAAkB,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/cjs/extensions/yfm/YfmTable/plugins/YfmTableControls/components/FloatingPlusControl/index.d.ts

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

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

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

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

package/build/cjs/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/cjs/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>;

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

@@ -0,0 +1,58 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.FloatingPopup = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+///
+/// Fork of Popup component from @gravity-ui/uikit
+/// This fork does not use floating focus manager
+///
+const react_1 = require("react");
+// eslint-disable-next-line import/no-extraneous-dependencies
+const react_2 = require("@floating-ui/react");
+const uikit_1 = require("@gravity-ui/uikit");
+const classname_1 = require("../../../../../../../classname.js");
+require("./FloatingPopup.css");
+const b = (0, classname_1.cn)('yfm-table-floating-popup');
+const FloatingPopup = function YfmTableFloatingPopup(props) {
+    const { anchorElement, zIndex = 1000, style, className, qa, children, floatingStyles: floatingStylesFromProps, } = props;
+    const nodeId = (0, react_2.useFloatingNodeId)();
+    const parentId = (0, react_2.useFloatingParentNodeId)();
+    const middleware = (0, react_1.useMemo)(() => [(0, react_2.offset)(props.offset)], [props.offset]);
+    const { refs, elements, floatingStyles, placement, context: { open }, update, } = (0, react_2.useFloating)({
+        nodeId,
+        open: props.open,
+        placement: props.placement,
+        middleware,
+    });
+    const { getFloatingProps } = (0, react_2.useInteractions)();
+    (0, react_1.useEffect)(() => {
+        if (anchorElement !== undefined && anchorElement !== refs.reference.current) {
+            refs.setReference(anchorElement);
+        }
+    }, [anchorElement, refs]);
+    (0, react_1.useEffect)(() => {
+        if (elements.reference && elements.floating) {
+            return (0, react_2.autoUpdate)(elements.reference, elements.floating, update);
+        }
+        return undefined;
+    }, [elements, update]);
+    function wrapper(node) {
+        if (parentId === null) {
+            return (0, jsx_runtime_1.jsx)(react_2.FloatingTree, { children: node });
+        }
+        return node;
+    }
+    return wrapper((0, jsx_runtime_1.jsx)(react_2.FloatingNode, { id: nodeId, children: open ? ((0, jsx_runtime_1.jsx)(uikit_1.Portal, { children: (0, jsx_runtime_1.jsx)("div", { ref: refs.setFloating, style: {
+                    position: 'absolute',
+                    top: 0,
+                    left: 0,
+                    zIndex,
+                    width: 'max-content',
+                    pointerEvents: 'auto',
+                    outline: 'none',
+                    ...floatingStylesFromProps,
+                    ...floatingStyles,
+                }, "data-floating-ui-placement": placement, ...getFloatingProps(), children: (0, jsx_runtime_1.jsx)("div", { className: b(null, className), style: style, "data-qa": qa, children: children }) }) })) : null }));
+};
+exports.FloatingPopup = FloatingPopup;
+//# sourceMappingURL=FloatingPopup.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"FloatingPopup.js","sourceRoot":"../../../../../../../../../src","sources":["extensions/yfm/YfmTable/plugins/YfmTableControls/components/FloatingPopup/FloatingPopup.tsx"],"names":[],"mappings":";;;;AAAA,GAAG;AACH,kDAAkD;AAClD,iDAAiD;AACjD,GAAG;AAEH,iCAAyC;AAEzC,6DAA6D;AAC7D,8CAY4B;AAC5B,6CAAsE;AAEtE,iEAAiC;AAEjC,+BAA8B;AAE9B,MAAM,CAAC,GAAG,IAAA,cAAE,EAAC,0BAA0B,CAAC,CAAC;AAalC,MAAM,aAAa,GAAiC,SAAS,qBAAqB,CACrF,KAAyB;IAEzB,MAAM,EACF,aAAa,EACb,MAAM,GAAG,IAAI,EACb,KAAK,EACL,SAAS,EACT,EAAE,EACF,QAAQ,EACR,cAAc,EAAE,uBAAuB,GAC1C,GAAG,KAAK,CAAC;IAEV,MAAM,MAAM,GAAG,IAAA,yBAAiB,GAAE,CAAC;IACnC,MAAM,QAAQ,GAAG,IAAA,+BAAuB,GAAE,CAAC;IAE3C,MAAM,UAAU,GAAG,IAAA,eAAO,EAAC,GAAG,EAAE,CAAC,CAAC,IAAA,cAAgB,EAAC,KAAK,CAAC,MAAM,CAAC,CAAC,EAAE,CAAC,KAAK,CAAC,MAAM,CAAC,CAAC,CAAC;IAEnF,MAAM,EACF,IAAI,EACJ,QAAQ,EACR,cAAc,EACd,SAAS,EACT,OAAO,EAAE,EAAC,IAAI,EAAC,EACf,MAAM,GACT,GAAG,IAAA,mBAAW,EAAC;QACZ,MAAM;QACN,IAAI,EAAE,KAAK,CAAC,IAAI;QAChB,SAAS,EAAE,KAAK,CAAC,SAAS;QAC1B,UAAU;KACb,CAAC,CAAC;IAEH,MAAM,EAAC,gBAAgB,EAAC,GAAG,IAAA,uBAAe,GAAE,CAAC;IAE7C,IAAA,iBAAS,EAAC,GAAG,EAAE;QACX,IAAI,aAAa,KAAK,SAAS,IAAI,aAAa,KAAK,IAAI,CAAC,SAAS,CAAC,OAAO,EAAE,CAAC;YAC1E,IAAI,CAAC,YAAY,CAAC,aAAa,CAAC,CAAC;QACrC,CAAC;IACL,CAAC,EAAE,CAAC,aAAa,EAAE,IAAI,CAAC,CAAC,CAAC;IAE1B,IAAA,iBAAS,EAAC,GAAG,EAAE;QACX,IAAI,QAAQ,CAAC,SAAS,IAAI,QAAQ,CAAC,QAAQ,EAAE,CAAC;YAC1C,OAAO,IAAA,kBAAU,EAAC,QAAQ,CAAC,SAAS,EAAE,QAAQ,CAAC,QAAQ,EAAE,MAAM,CAAC,CAAC;QACrE,CAAC;QACD,OAAO,SAAS,CAAC;IACrB,CAAC,EAAE,CAAC,QAAQ,EAAE,MAAM,CAAC,CAAC,CAAC;IAEvB,SAAS,OAAO,CAAC,IAAiB;QAC9B,IAAI,QAAQ,KAAK,IAAI,EAAE,CAAC;YACpB,OAAO,uBAAC,oBAAY,cAAE,IAAI,GAAgB,CAAC;QAC/C,CAAC;QAED,OAAO,IAAI,CAAC;IAChB,CAAC;IAED,OAAO,OAAO,CACV,uBAAC,oBAAY,IAAC,EAAE,EAAE,MAAM,YACnB,IAAI,CAAC,CAAC,CAAC,CACJ,uBAAC,cAAM,cACH,gCACI,GAAG,EAAE,IAAI,CAAC,WAAW,EACrB,KAAK,EAAE;oBACH,QAAQ,EAAE,UAAU;oBACpB,GAAG,EAAE,CAAC;oBACN,IAAI,EAAE,CAAC;oBACP,MAAM;oBACN,KAAK,EAAE,aAAa;oBACpB,aAAa,EAAE,MAAM;oBACrB,OAAO,EAAE,MAAM;oBACf,GAAG,uBAAuB;oBAC1B,GAAG,cAAc;iBACpB,gCAC2B,SAAS,KACjC,gBAAgB,EAAE,YAEtB,gCAAK,SAAS,EAAE,CAAC,CAAC,IAAI,EAAE,SAAS,CAAC,EAAE,KAAK,EAAE,KAAK,aAAW,EAAE,YACxD,QAAQ,GACP,GACJ,GACD,CACZ,CAAC,CAAC,CAAC,IAAI,GACG,CAClB,CAAC;AACN,CAAC,CAAC;AAnFW,QAAA,aAAa,iBAmFxB","sourcesContent":["///\n/// Fork of Popup component from @gravity-ui/uikit\n/// This fork does not use floating focus manager\n///\n\nimport {useEffect, useMemo} from 'react';\n\n// eslint-disable-next-line import/no-extraneous-dependencies\nimport {\n    FloatingNode,\n    FloatingTree,\n    type OffsetOptions,\n    type Placement,\n    type ReferenceType,\n    autoUpdate,\n    offset as offsetMiddleware,\n    useFloating,\n    useFloatingNodeId,\n    useFloatingParentNodeId,\n    useInteractions,\n} from '@floating-ui/react';\nimport {type DOMProps, Portal, type QAProps} from '@gravity-ui/uikit';\n\nimport {cn} from 'src/classname';\n\nimport './FloatingPopup.scss';\n\nconst b = cn('yfm-table-floating-popup');\n\nexport type FloatingPopupProps = QAProps &\n    DOMProps & {\n        open?: boolean;\n        zIndex?: number;\n        placement: Placement;\n        offset?: OffsetOptions;\n        anchorElement: ReferenceType | undefined | null;\n        children: React.ReactNode;\n        floatingStyles?: React.CSSProperties;\n    };\n\nexport const FloatingPopup: React.FC<FloatingPopupProps> = function YfmTableFloatingPopup(\n    props: FloatingPopupProps,\n) {\n    const {\n        anchorElement,\n        zIndex = 1000,\n        style,\n        className,\n        qa,\n        children,\n        floatingStyles: floatingStylesFromProps,\n    } = props;\n\n    const nodeId = useFloatingNodeId();\n    const parentId = useFloatingParentNodeId();\n\n    const middleware = useMemo(() => [offsetMiddleware(props.offset)], [props.offset]);\n\n    const {\n        refs,\n        elements,\n        floatingStyles,\n        placement,\n        context: {open},\n        update,\n    } = useFloating({\n        nodeId,\n        open: props.open,\n        placement: props.placement,\n        middleware,\n    });\n\n    const {getFloatingProps} = useInteractions();\n\n    useEffect(() => {\n        if (anchorElement !== undefined && anchorElement !== refs.reference.current) {\n            refs.setReference(anchorElement);\n        }\n    }, [anchorElement, refs]);\n\n    useEffect(() => {\n        if (elements.reference && elements.floating) {\n            return autoUpdate(elements.reference, elements.floating, update);\n        }\n        return undefined;\n    }, [elements, update]);\n\n    function wrapper(node: JSX.Element) {\n        if (parentId === null) {\n            return <FloatingTree>{node}</FloatingTree>;\n        }\n\n        return node;\n    }\n\n    return wrapper(\n        <FloatingNode id={nodeId}>\n            {open ? (\n                <Portal>\n                    <div\n                        ref={refs.setFloating}\n                        style={{\n                            position: 'absolute',\n                            top: 0,\n                            left: 0,\n                            zIndex,\n                            width: 'max-content',\n                            pointerEvents: 'auto',\n                            outline: 'none',\n                            ...floatingStylesFromProps,\n                            ...floatingStyles,\n                        }}\n                        data-floating-ui-placement={placement}\n                        {...getFloatingProps()}\n                    >\n                        <div className={b(null, className)} style={style} data-qa={qa}>\n                            {children}\n                        </div>\n                    </div>\n                </Portal>\n            ) : null}\n        </FloatingNode>,\n    );\n};\n"]}

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

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

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

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

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

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

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

@@ -0,0 +1,13 @@
+export declare const YfmTableDecorationTypeKey = "__yfm-table-deco-type";
+export declare const YfmTableDecorationUniqKey = "__yfm-table-deco-uniq-key";
+export declare enum YfmTableDecorationType {
+    FocusTable = "table--focus",
+    ShowRowControl = "cell--show-row-control",// to show the row control in the cell
+    ShowColumnControl = "cell--show-column-control",// to show the column control in the cell
+    OpenRowMenu = "cell--open-row-menu",// sign of opening the row menu in the cell
+    OpenColumnMenu = "cell--open-column-menu",// sign of opening the column menu in the cell
+    ActivateRow = "row--active",
+    ActivateColumnCells = "cell--active-column",
+    ActivateDangerRow = "row--danger",
+    ActivateDangerColumnCells = "cell--danger-column"
+}

package/build/cjs/extensions/yfm/YfmTable/plugins/YfmTableControls/const.js

@@ -0,0 +1,18 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.YfmTableDecorationType = exports.YfmTableDecorationUniqKey = exports.YfmTableDecorationTypeKey = void 0;
+exports.YfmTableDecorationTypeKey = '__yfm-table-deco-type';
+exports.YfmTableDecorationUniqKey = '__yfm-table-deco-uniq-key';
+var YfmTableDecorationType;
+(function (YfmTableDecorationType) {
+    YfmTableDecorationType["FocusTable"] = "table--focus";
+    YfmTableDecorationType["ShowRowControl"] = "cell--show-row-control";
+    YfmTableDecorationType["ShowColumnControl"] = "cell--show-column-control";
+    YfmTableDecorationType["OpenRowMenu"] = "cell--open-row-menu";
+    YfmTableDecorationType["OpenColumnMenu"] = "cell--open-column-menu";
+    YfmTableDecorationType["ActivateRow"] = "row--active";
+    YfmTableDecorationType["ActivateColumnCells"] = "cell--active-column";
+    YfmTableDecorationType["ActivateDangerRow"] = "row--danger";
+    YfmTableDecorationType["ActivateDangerColumnCells"] = "cell--danger-column";
+})(YfmTableDecorationType || (exports.YfmTableDecorationType = YfmTableDecorationType = {}));
+//# sourceMappingURL=const.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"const.js","sourceRoot":"../../../../../../../src","sources":["extensions/yfm/YfmTable/plugins/YfmTableControls/const.ts"],"names":[],"mappings":";;;AAAa,QAAA,yBAAyB,GAAG,uBAAuB,CAAC;AACpD,QAAA,yBAAyB,GAAG,2BAA2B,CAAC;AAErE,IAAY,sBAcX;AAdD,WAAY,sBAAsB;IAC9B,qDAA2B,CAAA;IAE3B,mEAAyC,CAAA;IACzC,yEAA+C,CAAA;IAE/C,6DAAmC,CAAA;IACnC,mEAAyC,CAAA;IAEzC,qDAA2B,CAAA;IAC3B,qEAA2C,CAAA;IAE3C,2DAAiC,CAAA;IACjC,2EAAiD,CAAA;AACrD,CAAC,EAdW,sBAAsB,sCAAtB,sBAAsB,QAcjC","sourcesContent":["export const YfmTableDecorationTypeKey = '__yfm-table-deco-type';\nexport const YfmTableDecorationUniqKey = '__yfm-table-deco-uniq-key';\n\nexport enum YfmTableDecorationType {\n    FocusTable = 'table--focus',\n\n    ShowRowControl = 'cell--show-row-control', // to show the row control in the cell\n    ShowColumnControl = 'cell--show-column-control', // to show the column control in the cell\n\n    OpenRowMenu = 'cell--open-row-menu', // sign of opening the row menu in the cell\n    OpenColumnMenu = 'cell--open-column-menu', // sign of opening the column menu in the cell\n\n    ActivateRow = 'row--active',\n    ActivateColumnCells = 'cell--active-column',\n\n    ActivateDangerRow = 'row--danger',\n    ActivateDangerColumnCells = 'cell--danger-column',\n}\n"]}

package/build/cjs/extensions/yfm/YfmTable/plugins/YfmTableControls/dnd/dnd-drop-cursor.d.ts

@@ -0,0 +1,36 @@
+import type { EditorView } from "../../../../../../pm/view.js";
+/** Same as `DropCursorOptions` from _prosemirror-dropcursor_ package */
+export type DropCursorParams = {
+    /** The color of the cursor. Defaults to `black`. Use `false` to apply no color and rely only on class. */
+    color?: string | false;
+    /** The precise width of the cursor in pixels. Defaults to 1. */
+    width?: number;
+    /** A CSS class name to add to the cursor element. */
+    class?: string;
+};
+type Rect = {
+    left: number;
+    right: number;
+    top: number;
+    bottom: number;
+};
+export declare class DropCursor {
+    protected readonly editorView: EditorView;
+    protected readonly width: number;
+    protected readonly color: string | undefined;
+    protected readonly class: string | undefined;
+    protected cursorElem: HTMLElement | null;
+    private cursorPos;
+    constructor(editorView: EditorView, params?: DropCursorParams);
+    getPos(): number | null;
+    setPos(val: number): void;
+    clear(): void;
+    update(): void;
+    protected render(rect: Rect, { isBlock }: {
+        isBlock: boolean;
+    }): void;
+}
+export declare class TableColumnDropCursor extends DropCursor {
+    update(): void;
+}
+export {};

package/build/cjs/extensions/yfm/YfmTable/plugins/YfmTableControls/dnd/dnd-drop-cursor.js

@@ -0,0 +1,144 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.TableColumnDropCursor = exports.DropCursor = void 0;
+const utils_1 = require("../../../../../../pm/utils.js");
+const table_utils_1 = require("../../../../../../table-utils/index.js");
+class DropCursor {
+    editorView;
+    width;
+    color;
+    class;
+    cursorElem = null;
+    cursorPos = null;
+    constructor(editorView, params = {}) {
+        this.editorView = editorView;
+        this.width = params.width ?? 1;
+        this.color = params.color === false ? undefined : params.color || 'black';
+        this.class = params.class;
+    }
+    getPos() {
+        return this.cursorPos;
+    }
+    setPos(val) {
+        if (typeof val !== 'number' || isNaN(val))
+            throw new Error('"val" is not a number');
+        if (this.cursorPos === val)
+            return;
+        this.cursorPos = val;
+        this.update();
+    }
+    clear() {
+        this.cursorPos = null;
+        this.cursorElem?.remove();
+        this.cursorElem = null;
+    }
+    update() {
+        const { cursorPos } = this;
+        if (cursorPos === null)
+            return;
+        const $pos = this.editorView.state.doc.resolve(cursorPos);
+        const isBlock = !$pos.parent.inlineContent;
+        let rect;
+        if (isBlock) {
+            const before = $pos.nodeBefore, after = $pos.nodeAfter;
+            if (before || after) {
+                const node = this.editorView.nodeDOM(cursorPos - (before ? before.nodeSize : 0));
+                if (node) {
+                    const nodeRect = node.getBoundingClientRect();
+                    let top = before ? nodeRect.bottom : nodeRect.top;
+                    if (before && after)
+                        top =
+                            (top +
+                                this.editorView.nodeDOM(cursorPos).getBoundingClientRect().top) /
+                                2;
+                    rect = {
+                        left: nodeRect.left,
+                        right: nodeRect.right,
+                        top: top - this.width / 2,
+                        bottom: top + this.width / 2,
+                    };
+                }
+            }
+        }
+        if (!rect) {
+            const coords = this.editorView.coordsAtPos(cursorPos);
+            rect = {
+                left: coords.left - this.width / 2,
+                right: coords.left + this.width / 2,
+                top: coords.top,
+                bottom: coords.bottom,
+            };
+        }
+        this.render(rect, { isBlock });
+    }
+    render(rect, { isBlock }) {
+        const parent = this.editorView.dom.offsetParent;
+        if (!this.cursorElem) {
+            this.cursorElem = parent.appendChild(document.createElement('div'));
+            if (this.class)
+                this.cursorElem.className = this.class;
+            this.cursorElem.style.cssText =
+                'position: absolute; z-index: 50; pointer-events: none;';
+            if (this.color) {
+                this.cursorElem.style.backgroundColor = this.color;
+            }
+        }
+        this.cursorElem.classList.toggle('prosemirror-dropcursor-block', isBlock);
+        this.cursorElem.classList.toggle('prosemirror-dropcursor-inline', !isBlock);
+        let parentLeft, parentTop;
+        if (!parent ||
+            (parent === document.body && getComputedStyle(parent).position === 'static')) {
+            parentLeft = -pageXOffset;
+            parentTop = -pageYOffset;
+        }
+        else {
+            const rect = parent.getBoundingClientRect();
+            parentLeft = rect.left - parent.scrollLeft;
+            parentTop = rect.top - parent.scrollTop;
+        }
+        this.cursorElem.style.left = rect.left - parentLeft + 'px';
+        this.cursorElem.style.top = rect.top - parentTop + 'px';
+        this.cursorElem.style.width = rect.right - rect.left + 'px';
+        this.cursorElem.style.height = rect.bottom - rect.top + 'px';
+    }
+}
+exports.DropCursor = DropCursor;
+class TableColumnDropCursor extends DropCursor {
+    update() {
+        const cursorPos = this.getPos();
+        if (cursorPos === null)
+            return;
+        const $cursorPos = this.editorView.state.doc.resolve(cursorPos);
+        const parentTable = (0, utils_1.findParentNodeClosestToPos)($cursorPos, table_utils_1.isTableNode);
+        if (!parentTable)
+            return;
+        let side;
+        let tcellPos;
+        if ($cursorPos.nodeAfter && (0, table_utils_1.isTableCellNode)($cursorPos.nodeAfter)) {
+            side = 'left';
+            tcellPos = cursorPos;
+        }
+        else if ($cursorPos.nodeBefore && (0, table_utils_1.isTableCellNode)($cursorPos.nodeBefore)) {
+            side = 'right';
+            tcellPos = cursorPos - $cursorPos.nodeBefore.nodeSize;
+        }
+        else {
+            this.cursorElem?.remove();
+            this.cursorElem = null;
+            return;
+        }
+        const tdElem = this.editorView.nodeDOM(tcellPos);
+        const tableElem = this.editorView.nodeDOM(parentTable.pos);
+        const tdRect = tdElem.getBoundingClientRect();
+        const tableRect = tableElem.getBoundingClientRect();
+        const rect = {
+            left: tdRect[side] - this.width / 2,
+            right: tdRect[side] + this.width / 2,
+            top: tableRect.top,
+            bottom: tableRect.bottom,
+        };
+        this.render(rect, { isBlock: true });
+    }
+}
+exports.TableColumnDropCursor = TableColumnDropCursor;
+//# sourceMappingURL=dnd-drop-cursor.js.map

package/build/cjs/extensions/yfm/YfmTable/plugins/YfmTableControls/dnd/dnd-drop-cursor.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"dnd-drop-cursor.js","sourceRoot":"../../../../../../../../src","sources":["extensions/yfm/YfmTable/plugins/YfmTableControls/dnd/dnd-drop-cursor.ts"],"names":[],"mappings":"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","sourcesContent":["import {findParentNodeClosestToPos} from '#pm/utils';\nimport type {EditorView} from '#pm/view';\nimport {isTableCellNode, isTableNode} from 'src/table-utils';\n\n/** Same as `DropCursorOptions` from _prosemirror-dropcursor_ package */\nexport type DropCursorParams = {\n    /** The color of the cursor. Defaults to `black`. Use `false` to apply no color and rely only on class. */\n    color?: string | false;\n\n    /** The precise width of the cursor in pixels. Defaults to 1. */\n    width?: number;\n\n    /** A CSS class name to add to the cursor element. */\n    class?: string;\n};\n\ntype Rect = {\n    left: number;\n    right: number;\n    top: number;\n    bottom: number;\n};\n\nexport class DropCursor {\n    protected readonly editorView: EditorView;\n\n    protected readonly width: number;\n    protected readonly color: string | undefined;\n    protected readonly class: string | undefined;\n\n    protected cursorElem: HTMLElement | null = null;\n    private cursorPos: number | null = null;\n\n    constructor(editorView: EditorView, params: DropCursorParams = {}) {\n        this.editorView = editorView;\n        this.width = params.width ?? 1;\n        this.color = params.color === false ? undefined : params.color || 'black';\n        this.class = params.class;\n    }\n\n    getPos(): number | null {\n        return this.cursorPos;\n    }\n\n    setPos(val: number) {\n        if (typeof val !== 'number' || isNaN(val)) throw new Error('\"val\" is not a number');\n        if (this.cursorPos === val) return;\n        this.cursorPos = val;\n        this.update();\n    }\n\n    clear() {\n        this.cursorPos = null;\n        this.cursorElem?.remove();\n        this.cursorElem = null;\n    }\n\n    update() {\n        const {cursorPos} = this;\n        if (cursorPos === null) return;\n\n        const $pos = this.editorView.state.doc.resolve(cursorPos);\n        const isBlock = !$pos.parent.inlineContent;\n        let rect: Rect | undefined;\n        if (isBlock) {\n            const before = $pos.nodeBefore,\n                after = $pos.nodeAfter;\n            if (before || after) {\n                const node = this.editorView.nodeDOM(cursorPos - (before ? before.nodeSize : 0));\n                if (node) {\n                    const nodeRect = (node as HTMLElement).getBoundingClientRect();\n                    let top = before ? nodeRect.bottom : nodeRect.top;\n                    if (before && after)\n                        top =\n                            (top +\n                                (\n                                    this.editorView.nodeDOM(cursorPos) as HTMLElement\n                                ).getBoundingClientRect().top) /\n                            2;\n                    rect = {\n                        left: nodeRect.left,\n                        right: nodeRect.right,\n                        top: top - this.width / 2,\n                        bottom: top + this.width / 2,\n                    };\n                }\n            }\n        }\n        if (!rect) {\n            const coords = this.editorView.coordsAtPos(cursorPos);\n            rect = {\n                left: coords.left - this.width / 2,\n                right: coords.left + this.width / 2,\n                top: coords.top,\n                bottom: coords.bottom,\n            };\n        }\n\n        this.render(rect, {isBlock});\n    }\n\n    protected render(rect: Rect, {isBlock}: {isBlock: boolean}) {\n        const parent = this.editorView.dom.offsetParent!;\n        if (!this.cursorElem) {\n            this.cursorElem = parent.appendChild(document.createElement('div'));\n            if (this.class) this.cursorElem.className = this.class;\n            this.cursorElem.style.cssText =\n                'position: absolute; z-index: 50; pointer-events: none;';\n            if (this.color) {\n                this.cursorElem.style.backgroundColor = this.color;\n            }\n        }\n        this.cursorElem.classList.toggle('prosemirror-dropcursor-block', isBlock);\n        this.cursorElem.classList.toggle('prosemirror-dropcursor-inline', !isBlock);\n        let parentLeft, parentTop;\n        if (\n            !parent ||\n            (parent === document.body && getComputedStyle(parent).position === 'static')\n        ) {\n            parentLeft = -pageXOffset;\n            parentTop = -pageYOffset;\n        } else {\n            const rect = parent.getBoundingClientRect();\n            parentLeft = rect.left - parent.scrollLeft;\n            parentTop = rect.top - parent.scrollTop;\n        }\n        this.cursorElem.style.left = rect.left - parentLeft + 'px';\n        this.cursorElem.style.top = rect.top - parentTop + 'px';\n        this.cursorElem.style.width = rect.right - rect.left + 'px';\n        this.cursorElem.style.height = rect.bottom - rect.top + 'px';\n    }\n}\n\nexport class TableColumnDropCursor extends DropCursor {\n    update() {\n        const cursorPos = this.getPos();\n        if (cursorPos === null) return;\n\n        const $cursorPos = this.editorView.state.doc.resolve(cursorPos);\n        const parentTable = findParentNodeClosestToPos($cursorPos, isTableNode);\n        if (!parentTable) return;\n\n        let side: 'left' | 'right';\n        let tcellPos: number;\n        if ($cursorPos.nodeAfter && isTableCellNode($cursorPos.nodeAfter)) {\n            side = 'left';\n            tcellPos = cursorPos;\n        } else if ($cursorPos.nodeBefore && isTableCellNode($cursorPos.nodeBefore)) {\n            side = 'right';\n            tcellPos = cursorPos - $cursorPos.nodeBefore.nodeSize;\n        } else {\n            this.cursorElem?.remove();\n            this.cursorElem = null;\n            return;\n        }\n\n        const tdElem = this.editorView.nodeDOM(tcellPos);\n        const tableElem = this.editorView.nodeDOM(parentTable.pos);\n\n        const tdRect = (tdElem as HTMLElement).getBoundingClientRect();\n        const tableRect = (tableElem as HTMLElement).getBoundingClientRect();\n\n        const rect: Rect = {\n            left: tdRect[side] - this.width / 2,\n            right: tdRect[side] + this.width / 2,\n            top: tableRect.top,\n            bottom: tableRect.bottom,\n        };\n        this.render(rect, {isBlock: true});\n    }\n}\n"]}

package/build/cjs/extensions/yfm/YfmTable/plugins/YfmTableControls/dnd/dnd.css

@@ -0,0 +1,19 @@
+.g-md-yfm-table-dnd-cursor-background {
+  position: fixed;
+  z-index: 100500;
+  inset: 0;
+  overflow: hidden;
+  cursor: grabbing;
+  background: transparent;
+}
+
+.yfm.ProseMirror .g-md-yfm-table-dnd-dragged-row,
+.yfm.ProseMirror .g-md-yfm-table-dnd-dragged-column-cell {
+  opacity: 0.3;
+  background-color: var(--g-color-base-selection);
+}
+
+.yfm.ProseMirror .g-md-yfm-table-active-row,
+.yfm.ProseMirror .g-md-yfm-table-active-column-cell {
+  background-color: var(--g-color-base-selection);
+}

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

@@ -0,0 +1,31 @@
+import { type Node } from "../../../../../../pm/model.js";
+import type { EditorView } from "../../../../../../pm/view.js";
+import type { Logger2 } from "../../../../../../logger.js";
+import { type DropCursorParams } from "./dnd-drop-cursor.js";
+import "./dnd.css";
+export type DnDControlHandler = {
+    canDrag(): boolean;
+    control_handleMouseDown: React.MouseEventHandler<HTMLButtonElement>;
+    control_handleMouseMove: React.MouseEventHandler<HTMLButtonElement>;
+    control_handleMouseUp: React.MouseEventHandler<HTMLButtonElement>;
+};
+interface TableHandler {
+    update(node: Node): void;
+    destroy(): void;
+}
+export type YfmTableDnDHandlerParams = {
+    cellNode: Node;
+    cellGetPos: () => number | undefined;
+    logger: Logger2.ILogger;
+    dropCursor?: DropCursorParams;
+};
+export declare class YfmTableDnDHandler implements TableHandler {
+    private readonly _rowHandler;
+    private readonly _columnHandler;
+    get row(): DnDControlHandler;
+    get column(): DnDControlHandler;
+    constructor(view: EditorView, params: YfmTableDnDHandlerParams);
+    update(node: Node): void;
+    destroy(): void;
+}
+export {};