@gravity-ui/markdown-editor 14.11.2 → 14.12.1

package/build/cjs/extensions/behavior/Selection/index.d.ts

@@ -1,4 +1,4 @@
-import type { ExtensionAuto } from '../../../core';
-export { createFakeParagraph, findFakeParaPosForNodeSelection, findFakeParaPosForTextSelection, findFakeParaPosForCodeBlock, findFakeParaPosClosestToPos, } from './commands';
-export type { Direction as SelectionDirection } from './commands';
+import type { ExtensionAuto } from "../../../core/index.js";
+export { createFakeParagraph, findFakeParaPosForNodeSelection, findFakeParaPosForTextSelection, findFakeParaPosForCodeBlock, findFakeParaPosClosestToPos, } from "./commands.js";
+export type { Direction as SelectionDirection } from "./commands.js";
 export declare const Selection: ExtensionAuto;

package/build/cjs/extensions/behavior/Selection/index.js

@@ -1,8 +1,8 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.Selection = exports.findFakeParaPosClosestToPos = exports.findFakeParaPosForCodeBlock = exports.findFakeParaPosForTextSelection = exports.findFakeParaPosForNodeSelection = exports.createFakeParagraph = void 0;
-const selection_1 = require("./selection");
-var commands_1 = require("./commands");
+const selection_1 = require("./selection.js");
+var commands_1 = require("./commands.js");
 Object.defineProperty(exports, "createFakeParagraph", { enumerable: true, get: function () { return commands_1.createFakeParagraph; } });
 Object.defineProperty(exports, "findFakeParaPosForNodeSelection", { enumerable: true, get: function () { return commands_1.findFakeParaPosForNodeSelection; } });
 Object.defineProperty(exports, "findFakeParaPosForTextSelection", { enumerable: true, get: function () { return commands_1.findFakeParaPosForTextSelection; } });
@@ -12,3 +12,4 @@ const Selection = (builder) => {
     builder.addPlugin(selection_1.selection);
 };
 exports.Selection = Selection;
+//# sourceMappingURL=index.js.map

package/build/cjs/extensions/behavior/Selection/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"../../../../../src","sources":["extensions/behavior/Selection/index.ts"],"names":[],"mappings":";;;AAEA,8CAAsC;AAEtC,0CAMoB;AALhB,+GAAA,mBAAmB,OAAA;AACnB,2HAAA,+BAA+B,OAAA;AAC/B,2HAAA,+BAA+B,OAAA;AAC/B,uHAAA,2BAA2B,OAAA;AAC3B,uHAAA,2BAA2B,OAAA;AAKxB,MAAM,SAAS,GAAkB,CAAC,OAAO,EAAE,EAAE;IAChD,OAAO,CAAC,SAAS,CAAC,qBAAS,CAAC,CAAC;AACjC,CAAC,CAAC;AAFW,QAAA,SAAS,aAEpB","sourcesContent":["import type {ExtensionAuto} from '../../../core';\n\nimport {selection} from './selection';\n\nexport {\n    createFakeParagraph,\n    findFakeParaPosForNodeSelection,\n    findFakeParaPosForTextSelection,\n    findFakeParaPosForCodeBlock,\n    findFakeParaPosClosestToPos,\n} from './commands';\n\nexport type {Direction as SelectionDirection} from './commands';\n\nexport const Selection: ExtensionAuto = (builder) => {\n    builder.addPlugin(selection);\n};\n"]}

package/build/cjs/extensions/behavior/Selection/selection.d.ts

@@ -1,4 +1,5 @@
 import { Plugin } from 'prosemirror-state';
+import "./selection.css";
 export declare const selection: () => Plugin<any>;
 declare module 'prosemirror-model' {
     interface NodeSpec {

package/build/cjs/extensions/behavior/Selection/selection.js

@@ -5,9 +5,10 @@ const prosemirror_commands_1 = require("prosemirror-commands");
 const prosemirror_keymap_1 = require("prosemirror-keymap");
 const prosemirror_state_1 = require("prosemirror-state");
 const prosemirror_view_1 = require("prosemirror-view");
-const nodes_1 = require("../../../utils/nodes");
-const selection_1 = require("../../../utils/selection");
-const commands_1 = require("./commands");
+const nodes_1 = require("../../../utils/nodes.js");
+const selection_1 = require("../../../utils/selection.js");
+const commands_1 = require("./commands.js");
+require("./selection.css");
 const selection = () => new prosemirror_state_1.Plugin({
     props: {
         handleKeyDown: (0, prosemirror_keymap_1.keydownHandler)({
@@ -83,3 +84,4 @@ const getTopLevelNodesFromSelection = (selection, doc) => {
     }
     return nodes;
 };
+//# sourceMappingURL=selection.js.map

package/build/cjs/extensions/behavior/Selection/selection.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"selection.js","sourceRoot":"../../../../../src","sources":["extensions/behavior/Selection/selection.ts"],"names":[],"mappings":"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","sourcesContent":["import {selectParentNode} from 'prosemirror-commands';\nimport {keydownHandler} from 'prosemirror-keymap';\nimport type {Node} from 'prosemirror-model';\nimport {\n    AllSelection,\n    Command,\n    NodeSelection,\n    Plugin,\n    Selection,\n    TextSelection,\n    Transaction,\n} from 'prosemirror-state';\nimport {Decoration, DecorationSet, EditorView} from 'prosemirror-view';\n\nimport {isSelectableNode} from '../../../utils/nodes';\nimport {isNodeSelection} from '../../../utils/selection';\n\nimport {arrowDown, arrowLeft, arrowRight, arrowUp, backspace} from './commands';\n\nimport './selection.scss';\n\nexport const selection = () =>\n    new Plugin({\n        props: {\n            handleKeyDown: keydownHandler({\n                ArrowLeft: arrowLeft,\n                ArrowRight: arrowRight,\n                ArrowUp: arrowUp,\n                ArrowDown: arrowDown,\n                Backspace: backspace,\n            }),\n            decorations(state) {\n                return getDecorations(state.tr);\n            },\n            handleClickOn(view, _pos, node, nodePos, _event, direct) {\n                if (direct && node.type.spec.allowSelection) {\n                    return selectNode(nodePos)(view.state, view.dispatch);\n                }\n\n                return false;\n            },\n        },\n        view(view) {\n            reselect(view);\n            return {\n                update(view) {\n                    reselect(view);\n                },\n            };\n        },\n    });\n\ndeclare module 'prosemirror-model' {\n    interface NodeSpec {\n        allowSelection?: boolean | undefined;\n    }\n}\n\nconst reselect = (view: EditorView) => {\n    const {selection: sel} = view.state;\n    if (!sel.empty && isNodeSelection(sel) && !isSelectableNode(sel.node)) {\n        return selectParentNode(view.state, view.dispatch);\n    }\n    return false;\n};\n\nconst selectNode =\n    (pos: number): Command =>\n    (state, dispatch) => {\n        if (dispatch) {\n            dispatch(state.tr.setSelection(new NodeSelection(state.doc.resolve(pos))));\n        }\n        return true;\n    };\n\nconst getDecorations = (tr: Transaction): DecorationSet => {\n    if (tr.selection instanceof NodeSelection) {\n        return DecorationSet.create(tr.doc, [\n            Decoration.node(tr.selection.from, tr.selection.to, {\n                class: 'pm-node-selected',\n            }),\n        ]);\n    }\n\n    if (tr.selection instanceof TextSelection || tr.selection instanceof AllSelection) {\n        const decorations = getTopLevelNodesFromSelection(tr.selection, tr.doc).map(\n            ({node, pos}) => {\n                return Decoration.node(pos, pos + node.nodeSize, {\n                    class: 'pm-node-selected',\n                });\n            },\n        );\n        return DecorationSet.create(tr.doc, decorations);\n    }\n    return DecorationSet.empty;\n};\n\nconst getTopLevelNodesFromSelection = (selection: Selection, doc: Node) => {\n    const nodes: {node: Node; pos: number}[] = [];\n    if (selection.from !== selection.to) {\n        const {from, to} = selection;\n\n        doc.nodesBetween(from, to, (node, pos) => {\n            const withinSelection = from <= pos && pos + node.nodeSize <= to;\n\n            if (node && !node.isText && node.type.spec.selectable !== false && withinSelection) {\n                nodes.push({node, pos});\n\n                return false;\n            }\n\n            return true;\n        });\n    }\n    return nodes;\n};\n"]}

package/build/cjs/extensions/behavior/SelectionContext/index.d.ts

@@ -1,7 +1,7 @@
-import { ExtensionAuto } from '../../../core';
-import { ContextConfig } from './tooltip';
-export type { ContextConfig as SelectionContextConfig, ContextGroupItemData as SelectionContextItemData, } from './tooltip';
-export declare type SelectionContextOptions = {
+import { ExtensionAuto } from "../../../core/index.js";
+import { ContextConfig } from "./tooltip.js";
+export type { ContextConfig as SelectionContextConfig, ContextGroupItemData as SelectionContextItemData, } from "./tooltip.js";
+export type SelectionContextOptions = {
     config?: ContextConfig;
 };
 export declare const SelectionContext: ExtensionAuto<SelectionContextOptions>;

package/build/cjs/extensions/behavior/SelectionContext/index.js

@@ -3,8 +3,8 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.SelectionContext = void 0;
 const prosemirror_keymap_1 = require("prosemirror-keymap");
 const prosemirror_state_1 = require("prosemirror-state");
-const nodes_1 = require("../../../utils/nodes");
-const tooltip_1 = require("./tooltip");
+const nodes_1 = require("../../../utils/nodes.js");
+const tooltip_1 = require("./tooltip.js");
 const SelectionContext = (builder, { config }) => {
     if (Array.isArray(config) && config.length > 0) {
         builder.addPlugin(({ actions }) => new prosemirror_state_1.Plugin(new SelectionTooltip(actions, config)));
@@ -12,10 +12,11 @@ const SelectionContext = (builder, { config }) => {
 };
 exports.SelectionContext = SelectionContext;
 class SelectionTooltip {
+    destroyed = false;
+    tooltip;
+    hideTimeoutRef = null;
+    _isMousePressed = false;
     constructor(actions, menuConfig) {
-        this.destroyed = false;
-        this.hideTimeoutRef = null;
-        this._isMousePressed = false;
         this.tooltip = new tooltip_1.TooltipView(actions, menuConfig);
     }
     get props() {
@@ -89,8 +90,9 @@ class SelectionTooltip {
             return;
         }
         this.tooltip.show(view, {
-            onOutsideClick: () => {
-                this.scheduleTooltipHiding(view);
+            onOpenChange: (_open, _event, reason) => {
+                if (reason !== 'escape-key')
+                    this.scheduleTooltipHiding(view);
             },
         });
     }
@@ -109,3 +111,4 @@ class SelectionTooltip {
         }
     }
 }
+//# sourceMappingURL=index.js.map

package/build/cjs/extensions/behavior/SelectionContext/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"../../../../../src","sources":["extensions/behavior/SelectionContext/index.ts"],"names":[],"mappings":"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","sourcesContent":["import {keydownHandler} from 'prosemirror-keymap';\nimport {\n    AllSelection,\n    type EditorState,\n    Plugin,\n    type PluginSpec,\n    TextSelection,\n} from 'prosemirror-state';\nimport type {EditorProps, EditorView} from 'prosemirror-view';\n\nimport {ActionStorage, ExtensionAuto} from '../../../core';\nimport {isCodeBlock} from '../../../utils/nodes';\n\nimport {ContextConfig, TooltipView} from './tooltip';\n\nexport type {\n    ContextConfig as SelectionContextConfig,\n    ContextGroupItemData as SelectionContextItemData,\n} from './tooltip';\n\nexport type SelectionContextOptions = {\n    config?: ContextConfig;\n};\n\nexport const SelectionContext: ExtensionAuto<SelectionContextOptions> = (builder, {config}) => {\n    if (Array.isArray(config) && config.length > 0) {\n        builder.addPlugin(({actions}) => new Plugin(new SelectionTooltip(actions, config)));\n    }\n};\n\ntype TinyState = Pick<EditorState, 'doc' | 'selection'>;\n\nclass SelectionTooltip implements PluginSpec<unknown> {\n    private destroyed = false;\n\n    private tooltip: TooltipView;\n    private hideTimeoutRef: ReturnType<typeof setTimeout> | null = null;\n\n    private _isMousePressed = false;\n\n    constructor(actions: ActionStorage, menuConfig: ContextConfig) {\n        this.tooltip = new TooltipView(actions, menuConfig);\n    }\n\n    get props(): EditorProps {\n        return {\n            // same as keymap({})\n            handleKeyDown: keydownHandler({\n                // hide context menu when Esc was pressed\n                Escape: (_state, _dispatch, view) => {\n                    if (this.tooltip.isTooltipOpen) {\n                        this.tooltip.hide(view!);\n                        return true;\n                    }\n                    return false;\n                },\n            }),\n            handleDOMEvents: {\n                mousedown: (view) => {\n                    const startState: TinyState = {\n                        doc: view.state.doc,\n                        selection: view.state.selection,\n                    };\n                    this._isMousePressed = true;\n                    this.cancelTooltipHiding();\n                    this.tooltip.hide(view);\n\n                    const onMouseUp = () => {\n                        if (this.destroyed) return;\n                        this._isMousePressed = false;\n                        this.update(view, startState);\n                    };\n\n                    document.addEventListener('mouseup', onMouseUp, {once: true});\n                },\n            },\n        };\n    }\n\n    view(view: EditorView) {\n        this.update(view);\n        return {\n            update: this.update.bind(this),\n            destroy: () => {\n                this.destroyed = true;\n                this.cancelTooltipHiding();\n                this.tooltip.destroy();\n            },\n        };\n    }\n\n    private update(view: EditorView, prevState?: TinyState) {\n        if (this._isMousePressed) return;\n\n        this.cancelTooltipHiding();\n\n        // Don't show tooltip if editor not mounted to the DOM\n        // or when view is out of focus\n        if (!view.dom.parentNode || !view.hasFocus()) {\n            this.tooltip.hide(view);\n            return;\n        }\n\n        const {state} = view;\n        // Don't do anything if the document/selection didn't change\n        if (prevState && prevState.doc.eq(state.doc) && prevState.selection.eq(state.selection))\n            return;\n\n        const {selection} = state;\n        // Hide the tooltip if the selection is empty\n        if (\n            selection.empty ||\n            !(selection instanceof TextSelection || selection instanceof AllSelection)\n        ) {\n            this.tooltip.hide(view);\n            return;\n        }\n\n        // Hide the tooltip when one side of selection inside codeblock\n        if (isCodeBlock(selection.$from.parent) || isCodeBlock(selection.$to.parent)) {\n            this.tooltip.hide(view);\n            return;\n        }\n\n        this.tooltip.show(view, {\n            onOpenChange: (_open, _event, reason) => {\n                if (reason !== 'escape-key') this.scheduleTooltipHiding(view);\n            },\n        });\n    }\n\n    private scheduleTooltipHiding(view: EditorView) {\n        this.hideTimeoutRef = setTimeout(() => {\n            // hide tooltip if view is out of focus after 30 ms\n            if (!view.hasFocus()) {\n                this.tooltip.hide(view);\n            }\n        }, 30);\n    }\n\n    private cancelTooltipHiding() {\n        if (this.hideTimeoutRef !== null) {\n            clearTimeout(this.hideTimeoutRef);\n            this.hideTimeoutRef = null;\n        }\n    }\n}\n"]}

package/build/cjs/extensions/behavior/SelectionContext/tooltip.d.ts

@@ -1,15 +1,15 @@
 import { type PopupProps } from '@gravity-ui/uikit';
 import type { EditorState } from 'prosemirror-state';
 import type { EditorView } from 'prosemirror-view';
-import type { ActionStorage } from '../../../core';
-import type { ToolbarButtonPopupData, ToolbarGroupItemData, ToolbarSingleItemData } from '../../../toolbar';
-export declare type ContextGroupItemData = (ToolbarGroupItemData<ActionStorage> & {
+import type { ActionStorage } from "../../../core/index.js";
+import type { ToolbarButtonPopupData, ToolbarGroupItemData, ToolbarSingleItemData } from "../../../toolbar/index.js";
+export type ContextGroupItemData = (ToolbarGroupItemData<ActionStorage> & {
     condition?: (state: EditorState) => void;
 }) | ((ToolbarSingleItemData<ActionStorage> | ToolbarButtonPopupData<ActionStorage>) & {
     condition?: 'enabled';
 });
-export declare type ContextGroupData = ContextGroupItemData[];
-export declare type ContextConfig = ContextGroupData[];
+export type ContextGroupData = ContextGroupItemData[];
+export type ContextConfig = ContextGroupData[];
 export declare class TooltipView {
     #private;
     private actions;

package/build/cjs/extensions/behavior/SelectionContext/tooltip.js

@@ -1,55 +1,63 @@
 "use strict";
-var _TooltipView_isTooltipOpen;
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.TooltipView = void 0;
-const tslib_1 = require("tslib");
-const react_1 = tslib_1.__importDefault(require("react"));
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = require("@floating-ui/react"); // eslint-disable-line import/no-extraneous-dependencies
 const uikit_1 = require("@gravity-ui/uikit");
-const lodash_1 = require("../../../lodash");
-const logger_1 = require("../../../logger");
-const ErrorBoundary_1 = require("../../../react-utils/ErrorBoundary");
-const toolbar_1 = require("../../../toolbar");
-const ReactRenderer_1 = require("../ReactRenderer");
-const SelectionTooltip = (_a) => {
-    var { show, poppupProps } = _a, toolbarProps = tslib_1.__rest(_a, ["show", "poppupProps"]);
+const lodash_1 = require("../../../lodash.js");
+const logger_1 = require("../../../logger.js");
+const ErrorBoundary_1 = require("../../../react-utils/ErrorBoundary.js");
+const toolbar_1 = require("../../../toolbar/index.js");
+const ReactRenderer_1 = require("../ReactRenderer/index.js");
+const SelectionTooltip = ({ show, poppupProps, ...toolbarProps }) => {
     if (!show)
         return null;
-    return (react_1.default.createElement(uikit_1.Popup, Object.assign({ open: true }, poppupProps, { style: { padding: '4px 8px' } }),
-        react_1.default.createElement(toolbar_1.Toolbar, Object.assign({}, toolbarProps))));
+    return ((0, jsx_runtime_1.jsx)(uikit_1.Popup, { open: true, ...poppupProps, style: { padding: '4px 8px' }, children: (0, jsx_runtime_1.jsx)(toolbar_1.Toolbar, { ...toolbarProps }) }));
 };
 class TooltipView {
+    #isTooltipOpen = false;
+    actions;
+    menuConfig;
+    view;
+    baseProps = { show: false, poppupProps: {} };
+    _tooltipRenderItem = null;
     constructor(actions, menuConfig) {
-        _TooltipView_isTooltipOpen.set(this, false);
-        this.baseProps = { show: false, poppupProps: {} };
-        this._tooltipRenderItem = null;
         this.actions = actions;
         this.menuConfig = menuConfig;
     }
     get isTooltipOpen() {
-        return tslib_1.__classPrivateFieldGet(this, _TooltipView_isTooltipOpen, "f");
+        return this.#isTooltipOpen;
     }
     show(view, popupProps) {
         this.view = view;
-        tslib_1.__classPrivateFieldSet(this, _TooltipView_isTooltipOpen, true, "f");
+        this.#isTooltipOpen = true;
         this.baseProps = {
             show: true,
-            poppupProps: Object.assign(Object.assign({}, popupProps), this.calcPosition(view)),
+            poppupProps: {
+                ...popupProps,
+                ...this.calcPosition(view),
+            },
         };
         this.renderPopup();
     }
     hide(view) {
         this.view = view;
-        tslib_1.__classPrivateFieldSet(this, _TooltipView_isTooltipOpen, false, "f");
+        this.#isTooltipOpen = false;
         this.baseProps = { show: false, poppupProps: {} };
         this.renderPopup();
     }
     destroy() {
-        var _a;
-        (_a = this._tooltipRenderItem) === null || _a === void 0 ? void 0 : _a.remove();
+        this._tooltipRenderItem?.remove();
         this._tooltipRenderItem = null;
     }
     getSelectionTooltipProps() {
-        return Object.assign(Object.assign({}, this.baseProps), { focus: () => this.view.focus(), data: this.getFilteredConfig(), editor: this.actions, onClick: (id) => logger_1.logger.action({ mode: 'wysiwyg', source: 'context-menu', action: id }) });
+        return {
+            ...this.baseProps,
+            focus: () => this.view.focus(),
+            data: this.getFilteredConfig(),
+            editor: this.actions,
+            onClick: (id) => logger_1.logger.action({ mode: 'wysiwyg', source: 'context-menu', action: id }),
+        };
     }
     getFilteredConfig() {
         return this.baseProps.show
@@ -73,8 +81,7 @@ class TooltipView {
     get tooltipRenderItem() {
         if (!this._tooltipRenderItem) {
             const reactRenderer = (0, ReactRenderer_1.getReactRendererFromState)(this.view.state);
-            this._tooltipRenderItem = reactRenderer.createItem('selection_context', () => (react_1.default.createElement(ErrorBoundary_1.ErrorLoggerBoundary, null,
-                react_1.default.createElement(SelectionTooltip, Object.assign({}, this.getSelectionTooltipProps())))));
+            this._tooltipRenderItem = reactRenderer.createItem('selection_context', () => ((0, jsx_runtime_1.jsx)(ErrorBoundary_1.ErrorLoggerBoundary, { children: (0, jsx_runtime_1.jsx)(SelectionTooltip, { ...this.getSelectionTooltipProps() }) })));
         }
         return this._tooltipRenderItem;
     }
@@ -94,8 +101,19 @@ class TooltipView {
         const bottomOffset = -(viewBox.bottom - end.bottom) + this.popupTextOffset;
         return {
             placement: 'bottom',
-            anchorRef: { current: viewDom },
-            offset: [leftOffset, bottomOffset],
+            anchorElement: viewDom,
+            // override floating middlewares
+            floatingMiddlewares: [
+                (0, react_1.offset)({
+                    mainAxis: bottomOffset,
+                    crossAxis: leftOffset,
+                }),
+                (0, react_1.shift)({
+                    mainAxis: true,
+                    crossAxis: false,
+                    padding: 4,
+                }),
+            ],
         };
     }
     get popupTextOffset() {
@@ -103,4 +121,4 @@ class TooltipView {
     }
 }
 exports.TooltipView = TooltipView;
-_TooltipView_isTooltipOpen = new WeakMap();
+//# sourceMappingURL=tooltip.js.map

package/build/cjs/extensions/behavior/SelectionContext/tooltip.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"tooltip.js","sourceRoot":"../../../../../src","sources":["extensions/behavior/SelectionContext/tooltip.tsx"],"names":[],"mappings":"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","sourcesContent":["import {offset, shift} from '@floating-ui/react'; // eslint-disable-line import/no-extraneous-dependencies\nimport {Popup, type PopupProps} from '@gravity-ui/uikit';\nimport type {EditorState} from 'prosemirror-state';\nimport type {EditorView} from 'prosemirror-view';\n\nimport type {ActionStorage} from '../../../core';\nimport {isFunction} from '../../../lodash';\nimport {logger} from '../../../logger';\nimport {ErrorLoggerBoundary} from '../../../react-utils/ErrorBoundary';\nimport {Toolbar} from '../../../toolbar';\nimport type {\n    ToolbarButtonPopupData,\n    ToolbarGroupItemData,\n    ToolbarProps,\n    ToolbarSingleItemData,\n} from '../../../toolbar';\nimport {type RendererItem, getReactRendererFromState} from '../ReactRenderer';\n\ntype SelectionTooltipBaseProps = {\n    show?: boolean;\n    poppupProps: PopupProps;\n};\ntype SelectionTooltipProps = SelectionTooltipBaseProps & ToolbarProps<ActionStorage>;\n\nconst SelectionTooltip: React.FC<SelectionTooltipProps> = ({\n    show,\n    poppupProps,\n    ...toolbarProps\n}) => {\n    if (!show) return null;\n    return (\n        <Popup open {...poppupProps} style={{padding: '4px 8px'}}>\n            <Toolbar {...toolbarProps} />\n        </Popup>\n    );\n};\n\nexport type ContextGroupItemData =\n    | (ToolbarGroupItemData<ActionStorage> & {\n          condition?: (state: EditorState) => void;\n      })\n    | ((ToolbarSingleItemData<ActionStorage> | ToolbarButtonPopupData<ActionStorage>) & {\n          condition?: 'enabled';\n      });\n\nexport type ContextGroupData = ContextGroupItemData[];\nexport type ContextConfig = ContextGroupData[];\n\nexport class TooltipView {\n    #isTooltipOpen = false;\n\n    private actions: ActionStorage;\n    private menuConfig: ContextConfig;\n\n    private view!: EditorView;\n    private baseProps: SelectionTooltipBaseProps = {show: false, poppupProps: {}};\n    private _tooltipRenderItem: RendererItem | null = null;\n\n    constructor(actions: ActionStorage, menuConfig: ContextConfig) {\n        this.actions = actions;\n        this.menuConfig = menuConfig;\n    }\n\n    get isTooltipOpen(): boolean {\n        return this.#isTooltipOpen;\n    }\n\n    show(view: EditorView, popupProps?: PopupProps) {\n        this.view = view;\n        this.#isTooltipOpen = true;\n        this.baseProps = {\n            show: true,\n            poppupProps: {\n                ...popupProps,\n                ...this.calcPosition(view),\n            },\n        };\n        this.renderPopup();\n    }\n\n    hide(view: EditorView) {\n        this.view = view;\n        this.#isTooltipOpen = false;\n        this.baseProps = {show: false, poppupProps: {}};\n        this.renderPopup();\n    }\n\n    destroy() {\n        this._tooltipRenderItem?.remove();\n        this._tooltipRenderItem = null;\n    }\n\n    private getSelectionTooltipProps(): SelectionTooltipProps {\n        return {\n            ...this.baseProps,\n            focus: () => this.view.focus(),\n            data: this.getFilteredConfig(),\n            editor: this.actions,\n            onClick: (id) => logger.action({mode: 'wysiwyg', source: 'context-menu', action: id}),\n        };\n    }\n\n    private getFilteredConfig(): ContextConfig {\n        return this.baseProps.show\n            ? this.menuConfig\n                  .map((groupData) =>\n                      groupData.filter((item) => {\n                          const {condition} = item;\n                          if (condition === 'enabled') {\n                              return item.isEnable(this.actions);\n                          }\n                          if (isFunction(condition)) {\n                              return condition(this.view.state);\n                          }\n                          return true;\n                      }),\n                  )\n                  .filter((groupData) => Boolean(groupData.length))\n            : [];\n    }\n\n    private renderPopup() {\n        this.tooltipRenderItem.rerender();\n    }\n\n    private get tooltipRenderItem() {\n        if (!this._tooltipRenderItem) {\n            const reactRenderer = getReactRendererFromState(this.view.state);\n            this._tooltipRenderItem = reactRenderer.createItem('selection_context', () => (\n                <ErrorLoggerBoundary>\n                    <SelectionTooltip {...this.getSelectionTooltipProps()} />\n                </ErrorLoggerBoundary>\n            ));\n        }\n        return this._tooltipRenderItem;\n    }\n\n    private calcPosition(view: EditorView): PopupProps {\n        const viewDom = view.dom as Element;\n        // The box in which the tooltip is positioned, to use as base\n        const viewBox = viewDom.getBoundingClientRect();\n\n        const viewWidth = viewBox.right - viewBox.left;\n        const viewHalfWidth = viewWidth / 2;\n\n        // These are in screen coordinates\n        const start = view.coordsAtPos(view.state.selection.from);\n        const end = view.coordsAtPos(view.state.selection.to);\n\n        // Find a center-ish x position from the selection endpoints (when\n        // crossing lines, end may be more to the left)\n        const left = Math.max((start.left + end.left) / 2, start.left + 3);\n\n        const leftOffset = left - (viewBox.left + viewHalfWidth);\n        const bottomOffset = -(viewBox.bottom - end.bottom) + this.popupTextOffset;\n\n        return {\n            placement: 'bottom',\n            anchorElement: viewDom,\n            // override floating middlewares\n            floatingMiddlewares: [\n                offset({\n                    mainAxis: bottomOffset,\n                    crossAxis: leftOffset,\n                }),\n                shift({\n                    mainAxis: true,\n                    crossAxis: false,\n                    padding: 4,\n                }),\n            ],\n        };\n    }\n\n    private get popupTextOffset() {\n        return 4; // 4px offset from text selection\n    }\n}\n"]}

package/build/cjs/extensions/behavior/WidgetDecoration/ReactWidgetDescriptor.d.ts

@@ -1,7 +1,6 @@
-import React from 'react';
-import { EditorView } from 'prosemirror-view';
-import { RendererItem } from '../ReactRenderer';
-import { WidgetDescriptor } from './WidgetDescriptor';
+import type { EditorView } from 'prosemirror-view';
+import { type RendererItem } from "../ReactRenderer/index.js";
+import { WidgetDescriptor } from "./WidgetDescriptor.js";
 export declare abstract class ReactWidgetDescriptor extends WidgetDescriptor {
     protected renderItem?: RendererItem;
     abstract getDomElem(): HTMLElement;

package/build/cjs/extensions/behavior/WidgetDecoration/ReactWidgetDescriptor.js

@@ -1,26 +1,25 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.ReactWidgetDescriptor = void 0;
-const tslib_1 = require("tslib");
-const react_1 = tslib_1.__importDefault(require("react"));
-const react_dom_1 = require("react-dom");
-const ErrorBoundary_1 = require("../../../react-utils/ErrorBoundary");
-const ReactRenderer_1 = require("../ReactRenderer");
-const WidgetDescriptor_1 = require("./WidgetDescriptor");
+const jsx_runtime_1 = require("react/jsx-runtime");
+const uikit_1 = require("@gravity-ui/uikit");
+const ErrorBoundary_1 = require("../../../react-utils/ErrorBoundary.js");
+const ReactRenderer_1 = require("../ReactRenderer/index.js");
+const WidgetDescriptor_1 = require("./WidgetDescriptor.js");
 class ReactWidgetDescriptor extends WidgetDescriptor_1.WidgetDescriptor {
+    renderItem;
     remove() {
-        var _a;
-        (_a = this.renderItem) === null || _a === void 0 ? void 0 : _a.remove();
+        this.renderItem?.remove();
         this.renderItem = undefined;
     }
     renderWidget() {
-        var _a;
-        this.renderItem = (_a = this.renderItem) !== null && _a !== void 0 ? _a : this.createRenderItem();
+        this.renderItem = this.renderItem ?? this.createRenderItem();
         this.renderItem.rerender();
         return this.getDomElem();
     }
     createRenderItem() {
-        return (0, ReactRenderer_1.getReactRendererFromState)(this.view.state).createItem('widget', () => (0, react_dom_1.createPortal)(react_1.default.createElement(ErrorBoundary_1.ErrorLoggerBoundary, null, this.renderReactElement(this.view, this.getPos)), this.getDomElem()));
+        return (0, ReactRenderer_1.getReactRendererFromState)(this.view.state).createItem('widget', () => ((0, jsx_runtime_1.jsx)(uikit_1.Portal, { container: this.getDomElem(), children: (0, jsx_runtime_1.jsx)(ErrorBoundary_1.ErrorLoggerBoundary, { children: this.renderReactElement(this.view, this.getPos) }) })));
     }
 }
 exports.ReactWidgetDescriptor = ReactWidgetDescriptor;
+//# sourceMappingURL=ReactWidgetDescriptor.js.map

package/build/cjs/extensions/behavior/WidgetDecoration/ReactWidgetDescriptor.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ReactWidgetDescriptor.js","sourceRoot":"../../../../../src","sources":["extensions/behavior/WidgetDecoration/ReactWidgetDescriptor.tsx"],"names":[],"mappings":";;;;AAAA,6CAAyC;AAGzC,yEAAuE;AACvE,6DAA8E;AAE9E,4DAAoD;AAEpD,MAAsB,qBAAsB,SAAQ,mCAAgB;IACtD,UAAU,CAAgB;IAKpC,MAAM;QACF,IAAI,CAAC,UAAU,EAAE,MAAM,EAAE,CAAC;QAC1B,IAAI,CAAC,UAAU,GAAG,SAAS,CAAC;IAChC,CAAC;IAES,YAAY;QAClB,IAAI,CAAC,UAAU,GAAG,IAAI,CAAC,UAAU,IAAI,IAAI,CAAC,gBAAgB,EAAE,CAAC;QAC7D,IAAI,CAAC,UAAU,CAAC,QAAQ,EAAE,CAAC;QAC3B,OAAO,IAAI,CAAC,UAAU,EAAE,CAAC;IAC7B,CAAC;IAES,gBAAgB;QACtB,OAAO,IAAA,yCAAyB,EAAC,IAAI,CAAC,IAAK,CAAC,KAAK,CAAC,CAAC,UAAU,CAAC,QAAQ,EAAE,GAAG,EAAE,CAAC,CAC1E,uBAAC,cAAM,IAAC,SAAS,EAAE,IAAI,CAAC,UAAU,EAAE,YAChC,uBAAC,mCAAmB,cACf,IAAI,CAAC,kBAAkB,CAAC,IAAI,CAAC,IAAK,EAAE,IAAI,CAAC,MAAO,CAAC,GAChC,GACjB,CACZ,CAAC,CAAC;IACP,CAAC;CACJ;AA1BD,sDA0BC","sourcesContent":["import {Portal} from '@gravity-ui/uikit';\nimport type {EditorView} from 'prosemirror-view';\n\nimport {ErrorLoggerBoundary} from '../../../react-utils/ErrorBoundary';\nimport {type RendererItem, getReactRendererFromState} from '../ReactRenderer';\n\nimport {WidgetDescriptor} from './WidgetDescriptor';\n\nexport abstract class ReactWidgetDescriptor extends WidgetDescriptor {\n    protected renderItem?: RendererItem;\n\n    abstract getDomElem(): HTMLElement;\n    abstract renderReactElement(view: EditorView, getPos: () => number): React.ReactElement;\n\n    remove(): void {\n        this.renderItem?.remove();\n        this.renderItem = undefined;\n    }\n\n    protected renderWidget(): HTMLElement {\n        this.renderItem = this.renderItem ?? this.createRenderItem();\n        this.renderItem.rerender();\n        return this.getDomElem();\n    }\n\n    protected createRenderItem() {\n        return getReactRendererFromState(this.view!.state).createItem('widget', () => (\n            <Portal container={this.getDomElem()}>\n                <ErrorLoggerBoundary>\n                    {this.renderReactElement(this.view!, this.getPos!)}\n                </ErrorLoggerBoundary>\n            </Portal>\n        ));\n    }\n}\n"]}

package/build/cjs/extensions/behavior/WidgetDecoration/WidgetDescriptor.js

@@ -1,39 +1,36 @@
 "use strict";
-var _WidgetDescriptor_id, _WidgetDescriptor_initPos, _WidgetDescriptor_view, _WidgetDescriptor_getPos;
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.WidgetDescriptor = void 0;
-const tslib_1 = require("tslib");
-const lodash_1 = require("../../../lodash");
-const actions_1 = require("./actions");
-const plugin_1 = require("./plugin");
+const lodash_1 = require("../../../lodash.js");
+const actions_1 = require("./actions.js");
+const plugin_1 = require("./plugin.js");
 class WidgetDescriptor {
-    constructor(initPos, idPrefix) {
-        _WidgetDescriptor_id.set(this, void 0);
-        _WidgetDescriptor_initPos.set(this, void 0);
-        _WidgetDescriptor_view.set(this, void 0);
-        _WidgetDescriptor_getPos.set(this, void 0);
-        tslib_1.__classPrivateFieldSet(this, _WidgetDescriptor_id, (0, lodash_1.uniqueId)(idPrefix), "f");
-        tslib_1.__classPrivateFieldSet(this, _WidgetDescriptor_initPos, initPos, "f");
-    }
+    #id;
+    #initPos;
+    #view;
+    #getPos;
     get id() {
-        return tslib_1.__classPrivateFieldGet(this, _WidgetDescriptor_id, "f");
+        return this.#id;
     }
     get initPos() {
-        return tslib_1.__classPrivateFieldGet(this, _WidgetDescriptor_initPos, "f");
+        return this.#initPos;
     }
     get view() {
-        return tslib_1.__classPrivateFieldGet(this, _WidgetDescriptor_view, "f");
+        return this.#view;
     }
     get getPos() {
-        return tslib_1.__classPrivateFieldGet(this, _WidgetDescriptor_getPos, "f");
+        return this.#getPos;
     }
     get pos() {
-        var _a, _b;
-        return (_b = (_a = this.getPos) === null || _a === void 0 ? void 0 : _a.call(this)) !== null && _b !== void 0 ? _b : this.initPos;
+        return this.getPos?.() ?? this.initPos;
+    }
+    constructor(initPos, idPrefix) {
+        this.#id = (0, lodash_1.uniqueId)(idPrefix);
+        this.#initPos = initPos;
     }
     render(view, getPos) {
-        tslib_1.__classPrivateFieldSet(this, _WidgetDescriptor_view, view, "f");
-        tslib_1.__classPrivateFieldSet(this, _WidgetDescriptor_getPos, getPos, "f");
+        this.#view = view;
+        this.#getPos = getPos;
         return this.renderWidget(view, getPos);
     }
     applyTo(tr) {
@@ -48,4 +45,4 @@ class WidgetDescriptor {
     }
 }
 exports.WidgetDescriptor = WidgetDescriptor;
-_WidgetDescriptor_id = new WeakMap(), _WidgetDescriptor_initPos = new WeakMap(), _WidgetDescriptor_view = new WeakMap(), _WidgetDescriptor_getPos = new WeakMap();
+//# sourceMappingURL=WidgetDescriptor.js.map

package/build/cjs/extensions/behavior/WidgetDecoration/WidgetDescriptor.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"WidgetDescriptor.js","sourceRoot":"../../../../../src","sources":["extensions/behavior/WidgetDecoration/WidgetDescriptor.ts"],"names":[],"mappings":";;;AAGA,+CAAyC;AAEzC,0CAA2C;AAC3C,wCAAmD;AAGnD,MAAsB,gBAAgB;IAClC,GAAG,CAAS;IACZ,QAAQ,CAAS;IACjB,KAAK,CAAc;IACnB,OAAO,CAAgB;IAKvB,IAAI,EAAE;QACF,OAAO,IAAI,CAAC,GAAG,CAAC;IACpB,CAAC;IAED,IAAI,OAAO;QACP,OAAO,IAAI,CAAC,QAAQ,CAAC;IACzB,CAAC;IAED,IAAc,IAAI;QACd,OAAO,IAAI,CAAC,KAAK,CAAC;IACtB,CAAC;IAED,IAAc,MAAM;QAChB,OAAO,IAAI,CAAC,OAAO,CAAC;IACxB,CAAC;IAED,IAAI,GAAG;QACH,OAAO,IAAI,CAAC,MAAM,EAAE,EAAE,IAAI,IAAI,CAAC,OAAO,CAAC;IAC3C,CAAC;IAED,YAAY,OAAe,EAAE,QAAiB;QAC1C,IAAI,CAAC,GAAG,GAAG,IAAA,iBAAQ,EAAC,QAAQ,CAAC,CAAC;QAC9B,IAAI,CAAC,QAAQ,GAAG,OAAO,CAAC;IAC5B,CAAC;IAED,MAAM,CAAC,IAAgB,EAAE,MAAoB;QACzC,IAAI,CAAC,KAAK,GAAG,IAAI,CAAC;QAClB,IAAI,CAAC,OAAO,GAAG,MAAM,CAAC;QACtB,OAAO,IAAI,CAAC,YAAY,CAAC,IAAI,EAAE,MAAM,CAAC,CAAC;IAC3C,CAAC;IAED,OAAO,CAAC,EAAe;QACnB,MAAM,IAAI,GAAS;YACf,IAAI,EAAE,KAAK;YACX,UAAU,EAAE,IAAI;SACnB,CAAC;QACF,OAAO,EAAE,CAAC,OAAO,CAAC,kCAAyB,EAAE,IAAI,CAAC,CAAC;IACvD,CAAC;IAED,MAAM,CAAC,EAAe;QAClB,OAAO,IAAA,0BAAgB,EAAC,EAAE,EAAE,IAAI,CAAC,EAAE,CAAC,CAAC;IACzC,CAAC;CACJ;AAnDD,4CAmDC","sourcesContent":["import {Transaction} from 'prosemirror-state';\nimport {EditorView} from 'prosemirror-view';\n\nimport {uniqueId} from '../../../lodash';\n\nimport {removeDecoration} from './actions';\nimport {widgetDecorationPluginKey} from './plugin';\nimport type {Meta} from './types';\n\nexport abstract class WidgetDescriptor {\n    #id: string;\n    #initPos: number;\n    #view?: EditorView;\n    #getPos?: () => number;\n\n    abstract remove(): void;\n    protected abstract renderWidget(view: EditorView, getPos: () => number): HTMLElement;\n\n    get id() {\n        return this.#id;\n    }\n\n    get initPos() {\n        return this.#initPos;\n    }\n\n    protected get view() {\n        return this.#view;\n    }\n\n    protected get getPos() {\n        return this.#getPos;\n    }\n\n    get pos() {\n        return this.getPos?.() ?? this.initPos;\n    }\n\n    constructor(initPos: number, idPrefix?: string) {\n        this.#id = uniqueId(idPrefix);\n        this.#initPos = initPos;\n    }\n\n    render(view: EditorView, getPos: () => number): HTMLElement {\n        this.#view = view;\n        this.#getPos = getPos;\n        return this.renderWidget(view, getPos);\n    }\n\n    applyTo(tr: Transaction) {\n        const meta: Meta = {\n            type: 'add',\n            descriptor: this,\n        };\n        return tr.setMeta(widgetDecorationPluginKey, meta);\n    }\n\n    rmDeco(tr: Transaction) {\n        return removeDecoration(tr, this.id);\n    }\n}\n"]}

package/build/cjs/extensions/behavior/WidgetDecoration/actions.js

@@ -1,7 +1,7 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.removeDecoration = void 0;
-const plugin_1 = require("./plugin");
+const plugin_1 = require("./plugin.js");
 const removeDecoration = (tr, id) => {
     const meta = {
         type: 'remove',
@@ -10,3 +10,4 @@ const removeDecoration = (tr, id) => {
     return tr.setMeta(plugin_1.widgetDecorationPluginKey, meta);
 };
 exports.removeDecoration = removeDecoration;
+//# sourceMappingURL=actions.js.map

package/build/cjs/extensions/behavior/WidgetDecoration/actions.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"actions.js","sourceRoot":"../../../../../src","sources":["extensions/behavior/WidgetDecoration/actions.ts"],"names":[],"mappings":";;;AAEA,wCAAmD;AAG5C,MAAM,gBAAgB,GAAG,CAAC,EAAe,EAAE,EAAU,EAAE,EAAE;IAC5D,MAAM,IAAI,GAAS;QACf,IAAI,EAAE,QAAQ;QACd,EAAE;KACL,CAAC;IACF,OAAO,EAAE,CAAC,OAAO,CAAC,kCAAyB,EAAE,IAAI,CAAC,CAAC;AACvD,CAAC,CAAC;AANW,QAAA,gBAAgB,oBAM3B","sourcesContent":["import {Transaction} from 'prosemirror-state';\n\nimport {widgetDecorationPluginKey} from './plugin';\nimport type {Meta} from './types';\n\nexport const removeDecoration = (tr: Transaction, id: string) => {\n    const meta: Meta = {\n        type: 'remove',\n        id,\n    };\n    return tr.setMeta(widgetDecorationPluginKey, meta);\n};\n"]}

package/build/cjs/extensions/behavior/WidgetDecoration/index.d.ts

@@ -1,6 +1,6 @@
-import { ExtensionAuto } from '../../../core';
-export { removeDecoration } from './actions';
-export { widgetDecorationPluginKey } from './plugin';
-export { WidgetDescriptor } from './WidgetDescriptor';
-export { ReactWidgetDescriptor } from './ReactWidgetDescriptor';
+import { ExtensionAuto } from "../../../core/index.js";
+export { removeDecoration } from "./actions.js";
+export { widgetDecorationPluginKey } from "./plugin.js";
+export { WidgetDescriptor } from "./WidgetDescriptor.js";
+export { ReactWidgetDescriptor } from "./ReactWidgetDescriptor.js";
 export declare const WidgetDecoration: ExtensionAuto;

package/build/cjs/extensions/behavior/WidgetDecoration/index.js

@@ -1,16 +1,17 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.WidgetDecoration = exports.ReactWidgetDescriptor = exports.WidgetDescriptor = exports.widgetDecorationPluginKey = exports.removeDecoration = void 0;
-const plugin_1 = require("./plugin");
-var actions_1 = require("./actions");
+const plugin_1 = require("./plugin.js");
+var actions_1 = require("./actions.js");
 Object.defineProperty(exports, "removeDecoration", { enumerable: true, get: function () { return actions_1.removeDecoration; } });
-var plugin_2 = require("./plugin");
+var plugin_2 = require("./plugin.js");
 Object.defineProperty(exports, "widgetDecorationPluginKey", { enumerable: true, get: function () { return plugin_2.widgetDecorationPluginKey; } });
-var WidgetDescriptor_1 = require("./WidgetDescriptor");
+var WidgetDescriptor_1 = require("./WidgetDescriptor.js");
 Object.defineProperty(exports, "WidgetDescriptor", { enumerable: true, get: function () { return WidgetDescriptor_1.WidgetDescriptor; } });
-var ReactWidgetDescriptor_1 = require("./ReactWidgetDescriptor");
+var ReactWidgetDescriptor_1 = require("./ReactWidgetDescriptor.js");
 Object.defineProperty(exports, "ReactWidgetDescriptor", { enumerable: true, get: function () { return ReactWidgetDescriptor_1.ReactWidgetDescriptor; } });
 const WidgetDecoration = (builder) => {
     builder.addPlugin(plugin_1.WidgetDecorationPlugin);
 };
 exports.WidgetDecoration = WidgetDecoration;
+//# sourceMappingURL=index.js.map

package/build/cjs/extensions/behavior/WidgetDecoration/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"../../../../../src","sources":["extensions/behavior/WidgetDecoration/index.ts"],"names":[],"mappings":";;;AAEA,wCAAgD;AAEhD,wCAA2C;AAAnC,2GAAA,gBAAgB,OAAA;AACxB,sCAAmD;AAA3C,mHAAA,yBAAyB,OAAA;AACjC,0DAAoD;AAA5C,oHAAA,gBAAgB,OAAA;AACxB,oEAA8D;AAAtD,8HAAA,qBAAqB,OAAA;AAEtB,MAAM,gBAAgB,GAAkB,CAAC,OAAO,EAAE,EAAE;IACvD,OAAO,CAAC,SAAS,CAAC,+BAAsB,CAAC,CAAC;AAC9C,CAAC,CAAC;AAFW,QAAA,gBAAgB,oBAE3B","sourcesContent":["import {ExtensionAuto} from '../../../core';\n\nimport {WidgetDecorationPlugin} from './plugin';\n\nexport {removeDecoration} from './actions';\nexport {widgetDecorationPluginKey} from './plugin';\nexport {WidgetDescriptor} from './WidgetDescriptor';\nexport {ReactWidgetDescriptor} from './ReactWidgetDescriptor';\n\nexport const WidgetDecoration: ExtensionAuto = (builder) => {\n    builder.addPlugin(WidgetDecorationPlugin);\n};\n"]}

package/build/cjs/extensions/behavior/WidgetDecoration/plugin.js

@@ -9,8 +9,7 @@ const WidgetDecorationPlugin = () => {
         key: exports.widgetDecorationPluginKey,
         props: {
             decorations(state) {
-                var _a;
-                return (_a = exports.widgetDecorationPluginKey.getState(state)) !== null && _a !== void 0 ? _a : null;
+                return exports.widgetDecorationPluginKey.getState(state) ?? null;
             },
         },
         state: {
@@ -26,7 +25,7 @@ const WidgetDecorationPlugin = () => {
                     },
                 });
                 const meta = tr.getMeta(exports.widgetDecorationPluginKey);
-                if ((meta === null || meta === void 0 ? void 0 : meta.type) === 'add') {
+                if (meta?.type === 'add') {
                     const { descriptor } = meta;
                     const spec = {
                         id: descriptor.id,
@@ -38,7 +37,7 @@ const WidgetDecorationPlugin = () => {
                     descriptor.render.bind(descriptor), spec);
                     set = set.add(tr.doc, [deco]);
                 }
-                if ((meta === null || meta === void 0 ? void 0 : meta.type) === 'remove') {
+                if (meta?.type === 'remove') {
                     const decos = set.find(undefined, undefined, (spec) => spec.id === meta.id);
                     decos.forEach((deco) => deco.spec.descriptor.remove());
                     set = set.remove(decos);
@@ -49,3 +48,4 @@ const WidgetDecorationPlugin = () => {
     });
 };
 exports.WidgetDecorationPlugin = WidgetDecorationPlugin;
+//# sourceMappingURL=plugin.js.map

package/build/cjs/extensions/behavior/WidgetDecoration/plugin.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"plugin.js","sourceRoot":"../../../../../src","sources":["extensions/behavior/WidgetDecoration/plugin.ts"],"names":[],"mappings":";;;AAAA,yDAAoD;AACpD,uDAA2D;AAI9C,QAAA,yBAAyB,GAAG,IAAI,6BAAS,EAAiB,CAAC;AAEjE,MAAM,sBAAsB,GAAG,GAAG,EAAE;IACvC,OAAO,IAAI,0BAAM,CAAgB;QAC7B,GAAG,EAAE,iCAAyB;QAC9B,KAAK,EAAE;YACH,WAAW,CAAC,KAAK;gBACb,OAAO,iCAAyB,CAAC,QAAQ,CAAC,KAAK,CAAC,IAAI,IAAI,CAAC;YAC7D,CAAC;SACJ;QACD,KAAK,EAAE;YACH,IAAI;gBACA,OAAO,gCAAa,CAAC,KAAK,CAAC;YAC/B,CAAC;YACD,KAAK,CAAC,EAAE,EAAE,MAAM;gBACZ,iEAAiE;gBACjE,IAAI,GAAG,GAAG,MAAM,CAAC,GAAG,CAAC,EAAE,CAAC,OAAO,EAAE,EAAE,CAAC,GAAG,EAAE;oBACrC,QAAQ,CAAC,IAAI;wBACT,MAAM,EAAC,UAAU,EAAC,GAAG,IAAkB,CAAC;wBACxC,UAAU,CAAC,MAAM,EAAE,CAAC;oBACxB,CAAC;iBACJ,CAAC,CAAC;gBAEH,MAAM,IAAI,GAAS,EAAE,CAAC,OAAO,CAAC,iCAAyB,CAAC,CAAC;gBAEzD,IAAI,IAAI,EAAE,IAAI,KAAK,KAAK,EAAE,CAAC;oBACvB,MAAM,EAAC,UAAU,EAAC,GAAG,IAAI,CAAC;oBAC1B,MAAM,IAAI,GAAe;wBACrB,EAAE,EAAE,UAAU,CAAC,EAAE;wBACjB,GAAG,EAAE,UAAU,CAAC,OAAO;wBACvB,UAAU;qBACb,CAAC;oBACF,MAAM,IAAI,GAAG,6BAAU,CAAC,MAAM,CAC1B,UAAU,CAAC,OAAO;oBAClB,mBAAmB;oBACnB,UAAU,CAAC,MAAM,CAAC,IAAI,CAAC,UAAU,CAAC,EAClC,IAAI,CACP,CAAC;oBAEF,GAAG,GAAG,GAAG,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,EAAE,CAAC,IAAI,CAAC,CAAC,CAAC;gBAClC,CAAC;gBAED,IAAI,IAAI,EAAE,IAAI,KAAK,QAAQ,EAAE,CAAC;oBAC1B,MAAM,KAAK,GAAG,GAAG,CAAC,IAAI,CAClB,SAAS,EACT,SAAS,EACT,CAAC,IAAI,EAAE,EAAE,CAAE,IAAmB,CAAC,EAAE,KAAK,IAAI,CAAC,EAAE,CAChD,CAAC;oBACF,KAAK,CAAC,OAAO,CAAC,CAAC,IAAI,EAAE,EAAE,CAAE,IAAI,CAAC,IAAmB,CAAC,UAAU,CAAC,MAAM,EAAE,CAAC,CAAC;oBACvE,GAAG,GAAG,GAAG,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC;gBAC5B,CAAC;gBAED,OAAO,GAAG,CAAC;YACf,CAAC;SACJ;KACJ,CAAC,CAAC;AACP,CAAC,CAAC;AAtDW,QAAA,sBAAsB,0BAsDjC","sourcesContent":["import {Plugin, PluginKey} from 'prosemirror-state';\nimport {Decoration, DecorationSet} from 'prosemirror-view';\n\nimport type {Meta, WidgetSpec} from './types';\n\nexport const widgetDecorationPluginKey = new PluginKey<DecorationSet>();\n\nexport const WidgetDecorationPlugin = () => {\n    return new Plugin<DecorationSet>({\n        key: widgetDecorationPluginKey,\n        props: {\n            decorations(state) {\n                return widgetDecorationPluginKey.getState(state) ?? null;\n            },\n        },\n        state: {\n            init() {\n                return DecorationSet.empty;\n            },\n            apply(tr, oldSet) {\n                // Adjust decoration positions to changes made by the transaction\n                let set = oldSet.map(tr.mapping, tr.doc, {\n                    onRemove(spec) {\n                        const {descriptor} = spec as WidgetSpec;\n                        descriptor.remove();\n                    },\n                });\n\n                const meta: Meta = tr.getMeta(widgetDecorationPluginKey);\n\n                if (meta?.type === 'add') {\n                    const {descriptor} = meta;\n                    const spec: WidgetSpec = {\n                        id: descriptor.id,\n                        pos: descriptor.initPos,\n                        descriptor,\n                    };\n                    const deco = Decoration.widget(\n                        descriptor.initPos,\n                        // @ts-expect-error\n                        descriptor.render.bind(descriptor),\n                        spec,\n                    );\n\n                    set = set.add(tr.doc, [deco]);\n                }\n\n                if (meta?.type === 'remove') {\n                    const decos = set.find(\n                        undefined,\n                        undefined,\n                        (spec) => (spec as WidgetSpec).id === meta.id,\n                    );\n                    decos.forEach((deco) => (deco.spec as WidgetSpec).descriptor.remove());\n                    set = set.remove(decos);\n                }\n\n                return set;\n            },\n        },\n    });\n};\n"]}

package/build/cjs/extensions/behavior/WidgetDecoration/types.d.ts

@@ -1,12 +1,12 @@
-import type { WidgetDescriptor } from './WidgetDescriptor';
-export declare type Meta = {
+import type { WidgetDescriptor } from "./WidgetDescriptor.js";
+export type Meta = {
     type: 'add';
     descriptor: WidgetDescriptor;
 } | {
     type: 'remove';
     id: string;
 };
-export declare type WidgetSpec = {
+export type WidgetSpec = {
     id: string;
     descriptor: WidgetDescriptor;
     pos: number;

package/build/cjs/extensions/behavior/WidgetDecoration/types.js

@@ -1,2 +1,3 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
+//# sourceMappingURL=types.js.map

package/build/cjs/extensions/behavior/WidgetDecoration/types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.js","sourceRoot":"../../../../../src","sources":["extensions/behavior/WidgetDecoration/types.ts"],"names":[],"mappings":"","sourcesContent":["import type {WidgetDescriptor} from './WidgetDescriptor';\n\nexport type Meta = {type: 'add'; descriptor: WidgetDescriptor} | {type: 'remove'; id: string};\n\nexport type WidgetSpec = {\n    id: string;\n    descriptor: WidgetDescriptor;\n    // needs for placeholder extension\n    pos: number;\n};\n"]}