@gravity-ui/markdown-editor 14.11.2 → 14.12.1

package/build/esm/extensions/behavior/Selection/commands.js

@@ -1,7 +1,7 @@
 import { Selection } from 'prosemirror-state';
-import { isCodeBlock } from '../../../utils/nodes';
-import { isNodeSelection, isTextSelection } from '../../../utils/selection';
-import { GapCursorSelection, isGapCursorSelection } from '../Cursor/GapCursorSelection';
+import { isCodeBlock } from "../../../utils/nodes.js";
+import { isNodeSelection, isTextSelection } from "../../../utils/selection.js";
+import { GapCursorSelection, isGapCursorSelection } from "../Cursor/GapCursorSelection.js";
 const isUp = (dir) => dir === 'left' || dir === 'up';
 function isTextblock(node) {
     return node.isTextblock && !isCodeBlock(node);
@@ -99,12 +99,11 @@ export function findFakeParaPosClosestToPos($pos, depth, dir) {
     return null;
 }
 const arrow = (dir) => (state, dispatch, view) => {
-    var _a;
     const { selection } = state;
     const direction = isUp(dir) ? 'before' : 'after';
     let $pos = null;
     if (isGapCursorSelection(selection)) {
-        if (((_a = selection.meta) === null || _a === void 0 ? void 0 : _a.direction) !== direction) {
+        if (selection.meta?.direction !== direction) {
             return false;
         }
         // if gap selection is at start or end of doc
@@ -117,11 +116,11 @@ const arrow = (dir) => (state, dispatch, view) => {
     if (isNodeSelection(selection)) {
         $pos = findFakeParaPosForNodeSelection(selection, direction);
     }
-    if (isTextSelection(selection) && (view === null || view === void 0 ? void 0 : view.endOfTextblock(dir))) {
+    if (isTextSelection(selection) && view?.endOfTextblock(dir)) {
         $pos = findFakeParaPosForTextSelection(selection, direction);
     }
     if ($pos) {
-        dispatch === null || dispatch === void 0 ? void 0 : dispatch(createFakeParagraph(state.tr, $pos, direction).scrollIntoView());
+        dispatch?.(createFakeParagraph(state.tr, $pos, direction).scrollIntoView());
         return true;
     }
     return false;
@@ -138,9 +137,10 @@ export const backspace = (state, dispatch) => {
     if (isGapCursorSelection(sel)) {
         const newSel = Selection.findFrom(sel.$pos, -1);
         if (newSel) {
-            dispatch === null || dispatch === void 0 ? void 0 : dispatch(state.tr.setSelection(newSel).scrollIntoView());
+            dispatch?.(state.tr.setSelection(newSel).scrollIntoView());
             return true;
         }
     }
     return false;
 };
+//# sourceMappingURL=commands.js.map

package/build/esm/extensions/behavior/Selection/commands.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"commands.js","sourceRoot":"../../../../../src","sources":["extensions/behavior/Selection/commands.ts"],"names":[],"mappings":"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","sourcesContent":["import type {Node, ResolvedPos} from 'prosemirror-model';\nimport type {Command, NodeSelection, TextSelection, Transaction} from 'prosemirror-state';\nimport {Selection} from 'prosemirror-state';\n\nimport {isCodeBlock} from '../../../utils/nodes';\nimport {isNodeSelection, isTextSelection} from '../../../utils/selection';\nimport {GapCursorSelection, isGapCursorSelection} from '../Cursor/GapCursorSelection';\n\nexport type Direction = 'before' | 'after';\ntype ArrowDirection = 'up' | 'right' | 'down' | 'left';\n\ntype TextSelectionFinder = (selection: TextSelection, dir: Direction) => ResolvedPos | null;\ntype NodeSelectionFinder = (selection: NodeSelection, dir: Direction) => ResolvedPos | null;\ntype GapCursorSelectionFinder = (\n    selection: GapCursorSelection,\n    dir: Direction,\n) => ResolvedPos | null;\n\ntype GapCursorMeta = {direction: Direction};\n\nconst isUp = (dir: ArrowDirection) => dir === 'left' || dir === 'up';\n\nfunction isTextblock(node: Node): boolean {\n    return node.isTextblock && !isCodeBlock(node);\n}\n\nfunction isEdgeTextblock($cursor: ResolvedPos, dir: Direction): boolean {\n    const index = $cursor.index($cursor.depth - 1);\n    if (dir === 'before') return index === 0;\n    if (dir === 'after') return index === $cursor.node($cursor.depth - 1).childCount - 1;\n    return false;\n}\n\nexport const findNextFakeParaPosForGapCursorSelection: GapCursorSelectionFinder = ({$pos}, dir) => {\n    if ($pos.pos !== $pos.start() && $pos.pos !== $pos.end()) return null;\n    return findFakeParaPosClosestToPos($pos, $pos.depth, dir);\n};\n\nexport const findFakeParaPosForNodeSelection: NodeSelectionFinder = (selection, dir) => {\n    const selectedNode = selection.node;\n    if (selectedNode.isInline || isTextblock(selectedNode)) return null;\n\n    const {$from} = selection;\n    const index = $from.index();\n    const parentNode = $from.parent;\n    if (dir === 'before') {\n        if (parentNode.firstChild === selectedNode || !isTextblock(parentNode.child(index - 1))) {\n            return $from;\n        }\n    } else if (dir === 'after') {\n        if (parentNode.lastChild === selectedNode || !isTextblock(parentNode.child(index + 1))) {\n            return selection.$to;\n        }\n    }\n\n    return null;\n};\n\nexport const findFakeParaPosForCodeBlock = ($cursor: ResolvedPos, dir: Direction) => {\n    if (!isCodeBlock($cursor.parent)) return null;\n\n    let foundPos = -1;\n    const index = $cursor.index($cursor.depth - 1);\n    const parent = $cursor.node($cursor.depth - 1);\n    if (dir === 'before') {\n        if (index === 0 || !isTextblock(parent.child(index - 1))) {\n            foundPos = $cursor.before();\n        }\n    } else if (dir === 'after') {\n        if (index === parent.childCount - 1 || !isTextblock(parent.child(index + 1))) {\n            foundPos = $cursor.after();\n        }\n    }\n\n    return foundPos !== -1 ? $cursor.doc.resolve(foundPos) : null;\n};\n\nexport const findFakeParaPosForTextSelection: TextSelectionFinder = (selection, dir) => {\n    const $cursor = dir === 'before' ? selection.$from : selection.$to;\n    if ($cursor.parent.isInline) return null;\n\n    const $pos = findFakeParaPosForCodeBlock($cursor, dir);\n    if ($pos) return $pos;\n\n    if (!isEdgeTextblock($cursor, dir)) return null;\n\n    return findFakeParaPosClosestToPos($cursor, $cursor.depth - 1, dir);\n};\n\nexport function findFakeParaPosClosestToPos(\n    $pos: ResolvedPos,\n    depth: number,\n    dir: Direction,\n): ResolvedPos | null {\n    depth++;\n    while (--depth > 0) {\n        const node = $pos.node(depth);\n        const index = $pos.index(depth - 1);\n        const parent = $pos.node(depth - 1);\n\n        const isFirstChild = index === 0;\n        const isLastChild = index === parent.childCount - 1;\n\n        const isComplexChild =\n            node.type.spec.complex === 'inner' || node.type.spec.complex === 'leaf';\n\n        const disabledGapCursor = parent.type.spec.gapcursor === false;\n\n        if (isComplexChild || disabledGapCursor) {\n            if (dir === 'before' && isFirstChild) continue;\n            if (dir === 'after' && isLastChild) continue;\n            return null;\n        }\n\n        if (dir === 'before') {\n            if (isFirstChild || !isTextblock(parent.child(index - 1))) {\n                return $pos.doc.resolve($pos.before(depth));\n            }\n        } else if (dir === 'after') {\n            if (isLastChild || !isTextblock(parent.child(index + 1))) {\n                return $pos.doc.resolve($pos.after(depth));\n            }\n        }\n\n        return null;\n    }\n    return null;\n}\n\nconst arrow =\n    (dir: ArrowDirection): Command =>\n    (state, dispatch, view) => {\n        const {selection} = state;\n        const direction: Direction = isUp(dir) ? 'before' : 'after';\n        let $pos: ResolvedPos | null = null;\n\n        if (isGapCursorSelection<GapCursorMeta>(selection)) {\n            if (selection.meta?.direction !== direction) {\n                return false;\n            }\n\n            // if gap selection is at start or end of doc\n            if (dir === 'up' && selection.pos === 0) return true;\n            if (dir === 'down' && selection.pos === state.doc.nodeSize - 2) return true;\n\n            $pos = findNextFakeParaPosForGapCursorSelection(selection, direction);\n        }\n\n        if (isNodeSelection(selection)) {\n            $pos = findFakeParaPosForNodeSelection(selection, direction);\n        }\n\n        if (isTextSelection(selection) && view?.endOfTextblock(dir)) {\n            $pos = findFakeParaPosForTextSelection(selection, direction);\n        }\n\n        if ($pos) {\n            dispatch?.(createFakeParagraph(state.tr, $pos, direction).scrollIntoView());\n            return true;\n        }\n\n        return false;\n    };\n\nexport function createFakeParagraph(\n    tr: Transaction,\n    $pos: ResolvedPos,\n    direction: Direction,\n): Transaction {\n    return tr.setSelection(new GapCursorSelection<GapCursorMeta>($pos, {meta: {direction}}));\n}\n\nexport const arrowLeft = arrow('left');\nexport const arrowDown = arrow('down');\nexport const arrowUp = arrow('up');\nexport const arrowRight = arrow('right');\n\nexport const backspace: Command = (state, dispatch) => {\n    const sel = state.selection;\n    if (isGapCursorSelection(sel)) {\n        const newSel = Selection.findFrom(sel.$pos, -1);\n        if (newSel) {\n            dispatch?.(state.tr.setSelection(newSel).scrollIntoView());\n            return true;\n        }\n    }\n    return false;\n};\n"]}

package/build/esm/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/esm/extensions/behavior/Selection/index.js

@@ -1,5 +1,6 @@
-import { selection } from './selection';
-export { createFakeParagraph, findFakeParaPosForNodeSelection, findFakeParaPosForTextSelection, findFakeParaPosForCodeBlock, findFakeParaPosClosestToPos, } from './commands';
+import { selection } from "./selection.js";
+export { createFakeParagraph, findFakeParaPosForNodeSelection, findFakeParaPosForTextSelection, findFakeParaPosForCodeBlock, findFakeParaPosClosestToPos, } from "./commands.js";
 export const Selection = (builder) => {
     builder.addPlugin(selection);
 };
+//# sourceMappingURL=index.js.map

package/build/esm/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,OAAO,EAAC,SAAS,EAAC,uBAAoB;AAEtC,OAAO,EACH,mBAAmB,EACnB,+BAA+B,EAC/B,+BAA+B,EAC/B,2BAA2B,EAC3B,2BAA2B,GAC9B,sBAAmB;AAIpB,MAAM,CAAC,MAAM,SAAS,GAAkB,CAAC,OAAO,EAAE,EAAE;IAChD,OAAO,CAAC,SAAS,CAAC,SAAS,CAAC,CAAC;AACjC,CAAC,CAAC","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/esm/extensions/behavior/Selection/selection.d.ts

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

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

@@ -2,10 +2,10 @@ import { selectParentNode } from 'prosemirror-commands';
 import { keydownHandler } from 'prosemirror-keymap';
 import { AllSelection, NodeSelection, Plugin, TextSelection, } from 'prosemirror-state';
 import { Decoration, DecorationSet } from 'prosemirror-view';
-import { isSelectableNode } from '../../../utils/nodes';
-import { isNodeSelection } from '../../../utils/selection';
-import { arrowDown, arrowLeft, arrowRight, arrowUp, backspace } from './commands';
-import './selection.css';
+import { isSelectableNode } from "../../../utils/nodes.js";
+import { isNodeSelection } from "../../../utils/selection.js";
+import { arrowDown, arrowLeft, arrowRight, arrowUp, backspace } from "./commands.js";
+import "./selection.css";
 export const selection = () => new Plugin({
     props: {
         handleKeyDown: keydownHandler({
@@ -80,3 +80,4 @@ const getTopLevelNodesFromSelection = (selection, doc) => {
     }
     return nodes;
 };
+//# sourceMappingURL=selection.js.map

package/build/esm/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/esm/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/esm/extensions/behavior/SelectionContext/index.js

@@ -1,17 +1,18 @@
 import { keydownHandler } from 'prosemirror-keymap';
 import { AllSelection, Plugin, TextSelection, } from 'prosemirror-state';
-import { isCodeBlock } from '../../../utils/nodes';
-import { TooltipView } from './tooltip';
+import { isCodeBlock } from "../../../utils/nodes.js";
+import { TooltipView } from "./tooltip.js";
 export const SelectionContext = (builder, { config }) => {
     if (Array.isArray(config) && config.length > 0) {
         builder.addPlugin(({ actions }) => new Plugin(new SelectionTooltip(actions, config)));
     }
 };
 class SelectionTooltip {
+    destroyed = false;
+    tooltip;
+    hideTimeoutRef = null;
+    _isMousePressed = false;
     constructor(actions, menuConfig) {
-        this.destroyed = false;
-        this.hideTimeoutRef = null;
-        this._isMousePressed = false;
         this.tooltip = new TooltipView(actions, menuConfig);
     }
     get props() {
@@ -85,8 +86,9 @@ class SelectionTooltip {
             return;
         }
         this.tooltip.show(view, {
-            onOutsideClick: () => {
-                this.scheduleTooltipHiding(view);
+            onOpenChange: (_open, _event, reason) => {
+                if (reason !== 'escape-key')
+                    this.scheduleTooltipHiding(view);
             },
         });
     }
@@ -105,3 +107,4 @@ class SelectionTooltip {
         }
     }
 }
+//# sourceMappingURL=index.js.map

package/build/esm/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/esm/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/esm/extensions/behavior/SelectionContext/tooltip.js

@@ -1,52 +1,60 @@
-var _TooltipView_isTooltipOpen;
-import { __classPrivateFieldGet, __classPrivateFieldSet, __rest } from "tslib";
-import React from 'react';
+import { jsx as _jsx } from "react/jsx-runtime";
+import { offset, shift } from '@floating-ui/react'; // eslint-disable-line import/no-extraneous-dependencies
 import { Popup } from '@gravity-ui/uikit';
-import { isFunction } from '../../../lodash';
-import { logger } from '../../../logger';
-import { ErrorLoggerBoundary } from '../../../react-utils/ErrorBoundary';
-import { Toolbar } from '../../../toolbar';
-import { getReactRendererFromState } from '../ReactRenderer';
-const SelectionTooltip = (_a) => {
-    var { show, poppupProps } = _a, toolbarProps = __rest(_a, ["show", "poppupProps"]);
+import { isFunction } from "../../../lodash.js";
+import { logger } from "../../../logger.js";
+import { ErrorLoggerBoundary } from "../../../react-utils/ErrorBoundary.js";
+import { Toolbar } from "../../../toolbar/index.js";
+import { getReactRendererFromState } from "../ReactRenderer/index.js";
+const SelectionTooltip = ({ show, poppupProps, ...toolbarProps }) => {
     if (!show)
         return null;
-    return (React.createElement(Popup, Object.assign({ open: true }, poppupProps, { style: { padding: '4px 8px' } }),
-        React.createElement(Toolbar, Object.assign({}, toolbarProps))));
+    return (_jsx(Popup, { open: true, ...poppupProps, style: { padding: '4px 8px' }, children: _jsx(Toolbar, { ...toolbarProps }) }));
 };
 export 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 __classPrivateFieldGet(this, _TooltipView_isTooltipOpen, "f");
+        return this.#isTooltipOpen;
     }
     show(view, popupProps) {
         this.view = view;
-        __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;
-        __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.action({ mode: 'wysiwyg', source: 'context-menu', action: id }) });
+        return {
+            ...this.baseProps,
+            focus: () => this.view.focus(),
+            data: this.getFilteredConfig(),
+            editor: this.actions,
+            onClick: (id) => logger.action({ mode: 'wysiwyg', source: 'context-menu', action: id }),
+        };
     }
     getFilteredConfig() {
         return this.baseProps.show
@@ -70,8 +78,7 @@ export class TooltipView {
     get tooltipRenderItem() {
         if (!this._tooltipRenderItem) {
             const reactRenderer = getReactRendererFromState(this.view.state);
-            this._tooltipRenderItem = reactRenderer.createItem('selection_context', () => (React.createElement(ErrorLoggerBoundary, null,
-                React.createElement(SelectionTooltip, Object.assign({}, this.getSelectionTooltipProps())))));
+            this._tooltipRenderItem = reactRenderer.createItem('selection_context', () => (_jsx(ErrorLoggerBoundary, { children: _jsx(SelectionTooltip, { ...this.getSelectionTooltipProps() }) })));
         }
         return this._tooltipRenderItem;
     }
@@ -91,12 +98,23 @@ export 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: [
+                offset({
+                    mainAxis: bottomOffset,
+                    crossAxis: leftOffset,
+                }),
+                shift({
+                    mainAxis: true,
+                    crossAxis: false,
+                    padding: 4,
+                }),
+            ],
         };
     }
     get popupTextOffset() {
         return 4; // 4px offset from text selection
     }
 }
-_TooltipView_isTooltipOpen = new WeakMap();
+//# sourceMappingURL=tooltip.js.map

package/build/esm/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/esm/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/esm/extensions/behavior/WidgetDecoration/ReactWidgetDescriptor.js

@@ -1,21 +1,21 @@
-import React from 'react';
-import { createPortal } from 'react-dom';
-import { ErrorLoggerBoundary } from '../../../react-utils/ErrorBoundary';
-import { getReactRendererFromState } from '../ReactRenderer';
-import { WidgetDescriptor } from './WidgetDescriptor';
+import { jsx as _jsx } from "react/jsx-runtime";
+import { Portal } from '@gravity-ui/uikit';
+import { ErrorLoggerBoundary } from "../../../react-utils/ErrorBoundary.js";
+import { getReactRendererFromState } from "../ReactRenderer/index.js";
+import { WidgetDescriptor } from "./WidgetDescriptor.js";
 export class ReactWidgetDescriptor extends 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 getReactRendererFromState(this.view.state).createItem('widget', () => createPortal(React.createElement(ErrorLoggerBoundary, null, this.renderReactElement(this.view, this.getPos)), this.getDomElem()));
+        return getReactRendererFromState(this.view.state).createItem('widget', () => (_jsx(Portal, { container: this.getDomElem(), children: _jsx(ErrorLoggerBoundary, { children: this.renderReactElement(this.view, this.getPos) }) })));
     }
 }
+//# sourceMappingURL=ReactWidgetDescriptor.js.map

package/build/esm/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,OAAO,EAAC,MAAM,EAAC,MAAM,mBAAmB,CAAC;AAGzC,OAAO,EAAC,mBAAmB,EAAC,8CAA2C;AACvE,OAAO,EAAoB,yBAAyB,EAAC,kCAAyB;AAE9E,OAAO,EAAC,gBAAgB,EAAC,8BAA2B;AAEpD,MAAM,OAAgB,qBAAsB,SAAQ,gBAAgB;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,yBAAyB,CAAC,IAAI,CAAC,IAAK,CAAC,KAAK,CAAC,CAAC,UAAU,CAAC,QAAQ,EAAE,GAAG,EAAE,CAAC,CAC1E,KAAC,MAAM,IAAC,SAAS,EAAE,IAAI,CAAC,UAAU,EAAE,YAChC,KAAC,mBAAmB,cACf,IAAI,CAAC,kBAAkB,CAAC,IAAI,CAAC,IAAK,EAAE,IAAI,CAAC,MAAO,CAAC,GAChC,GACjB,CACZ,CAAC,CAAC;IACP,CAAC;CACJ","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/esm/extensions/behavior/WidgetDecoration/WidgetDescriptor.js

@@ -1,36 +1,33 @@
-var _WidgetDescriptor_id, _WidgetDescriptor_initPos, _WidgetDescriptor_view, _WidgetDescriptor_getPos;
-import { __classPrivateFieldGet, __classPrivateFieldSet } from "tslib";
-import { uniqueId } from '../../../lodash';
-import { removeDecoration } from './actions';
-import { widgetDecorationPluginKey } from './plugin';
+import { uniqueId } from "../../../lodash.js";
+import { removeDecoration } from "./actions.js";
+import { widgetDecorationPluginKey } from "./plugin.js";
 export 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);
-        __classPrivateFieldSet(this, _WidgetDescriptor_id, uniqueId(idPrefix), "f");
-        __classPrivateFieldSet(this, _WidgetDescriptor_initPos, initPos, "f");
-    }
+    #id;
+    #initPos;
+    #view;
+    #getPos;
     get id() {
-        return __classPrivateFieldGet(this, _WidgetDescriptor_id, "f");
+        return this.#id;
     }
     get initPos() {
-        return __classPrivateFieldGet(this, _WidgetDescriptor_initPos, "f");
+        return this.#initPos;
     }
     get view() {
-        return __classPrivateFieldGet(this, _WidgetDescriptor_view, "f");
+        return this.#view;
     }
     get getPos() {
-        return __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 = uniqueId(idPrefix);
+        this.#initPos = initPos;
     }
     render(view, getPos) {
-        __classPrivateFieldSet(this, _WidgetDescriptor_view, view, "f");
-        __classPrivateFieldSet(this, _WidgetDescriptor_getPos, getPos, "f");
+        this.#view = view;
+        this.#getPos = getPos;
         return this.renderWidget(view, getPos);
     }
     applyTo(tr) {
@@ -44,4 +41,4 @@ export class WidgetDescriptor {
         return removeDecoration(tr, this.id);
     }
 }
-_WidgetDescriptor_id = new WeakMap(), _WidgetDescriptor_initPos = new WeakMap(), _WidgetDescriptor_view = new WeakMap(), _WidgetDescriptor_getPos = new WeakMap();
+//# sourceMappingURL=WidgetDescriptor.js.map

package/build/esm/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,OAAO,EAAC,QAAQ,EAAC,2BAAwB;AAEzC,OAAO,EAAC,gBAAgB,EAAC,qBAAkB;AAC3C,OAAO,EAAC,yBAAyB,EAAC,oBAAiB;AAGnD,MAAM,OAAgB,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,QAAQ,CAAC,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,yBAAyB,EAAE,IAAI,CAAC,CAAC;IACvD,CAAC;IAED,MAAM,CAAC,EAAe;QAClB,OAAO,gBAAgB,CAAC,EAAE,EAAE,IAAI,CAAC,EAAE,CAAC,CAAC;IACzC,CAAC;CACJ","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/esm/extensions/behavior/WidgetDecoration/actions.js

@@ -1,4 +1,4 @@
-import { widgetDecorationPluginKey } from './plugin';
+import { widgetDecorationPluginKey } from "./plugin.js";
 export const removeDecoration = (tr, id) => {
     const meta = {
         type: 'remove',
@@ -6,3 +6,4 @@ export const removeDecoration = (tr, id) => {
     };
     return tr.setMeta(widgetDecorationPluginKey, meta);
 };
+//# sourceMappingURL=actions.js.map

package/build/esm/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,OAAO,EAAC,yBAAyB,EAAC,oBAAiB;AAGnD,MAAM,CAAC,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,yBAAyB,EAAE,IAAI,CAAC,CAAC;AACvD,CAAC,CAAC","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/esm/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/esm/extensions/behavior/WidgetDecoration/index.js

@@ -1,8 +1,9 @@
-import { WidgetDecorationPlugin } from './plugin';
-export { removeDecoration } from './actions';
-export { widgetDecorationPluginKey } from './plugin';
-export { WidgetDescriptor } from './WidgetDescriptor';
-export { ReactWidgetDescriptor } from './ReactWidgetDescriptor';
+import { WidgetDecorationPlugin } from "./plugin.js";
+export { removeDecoration } from "./actions.js";
+export { widgetDecorationPluginKey } from "./plugin.js";
+export { WidgetDescriptor } from "./WidgetDescriptor.js";
+export { ReactWidgetDescriptor } from "./ReactWidgetDescriptor.js";
 export const WidgetDecoration = (builder) => {
     builder.addPlugin(WidgetDecorationPlugin);
 };
+//# sourceMappingURL=index.js.map

package/build/esm/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,OAAO,EAAC,sBAAsB,EAAC,oBAAiB;AAEhD,OAAO,EAAC,gBAAgB,EAAC,qBAAkB;AAC3C,OAAO,EAAC,yBAAyB,EAAC,oBAAiB;AACnD,OAAO,EAAC,gBAAgB,EAAC,8BAA2B;AACpD,OAAO,EAAC,qBAAqB,EAAC,mCAAgC;AAE9D,MAAM,CAAC,MAAM,gBAAgB,GAAkB,CAAC,OAAO,EAAE,EAAE;IACvD,OAAO,CAAC,SAAS,CAAC,sBAAsB,CAAC,CAAC;AAC9C,CAAC,CAAC","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/esm/extensions/behavior/WidgetDecoration/plugin.js

@@ -6,8 +6,7 @@ export const WidgetDecorationPlugin = () => {
         key: widgetDecorationPluginKey,
         props: {
             decorations(state) {
-                var _a;
-                return (_a = widgetDecorationPluginKey.getState(state)) !== null && _a !== void 0 ? _a : null;
+                return widgetDecorationPluginKey.getState(state) ?? null;
             },
         },
         state: {
@@ -23,7 +22,7 @@ export const WidgetDecorationPlugin = () => {
                     },
                 });
                 const meta = tr.getMeta(widgetDecorationPluginKey);
-                if ((meta === null || meta === void 0 ? void 0 : meta.type) === 'add') {
+                if (meta?.type === 'add') {
                     const { descriptor } = meta;
                     const spec = {
                         id: descriptor.id,
@@ -35,7 +34,7 @@ export 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);
@@ -45,3 +44,4 @@ export const WidgetDecorationPlugin = () => {
         },
     });
 };
+//# sourceMappingURL=plugin.js.map