@gravity-ui/markdown-editor 14.12.3 → 15.0.0

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.d.ts

@@ -1,5 +1,5 @@
-import { Transaction } from 'prosemirror-state';
-import { EditorView } from 'prosemirror-view';
+import type { Transaction } from 'prosemirror-state';
+import type { EditorView } from 'prosemirror-view';
 export declare abstract class WidgetDescriptor {
     #private;
     abstract remove(): void;

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 type {Transaction} from 'prosemirror-state';\nimport type {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.d.ts

@@ -1,2 +1,2 @@
-import { Transaction } from 'prosemirror-state';
+import type { Transaction } from 'prosemirror-state';
 export declare const removeDecoration: (tr: Transaction, id: string) => Transaction;

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 type {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 type { 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 type {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"]}

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

@@ -1,23 +1,23 @@
-import type { ExtensionAuto } from '../../core';
-import { PlaceholderOptions } from '../../utils/placeholder';
-import { ClipboardOptions } from './Clipboard';
-import { CommandMenuOptions } from './CommandMenu';
-import { CursorOptions } from './Cursor';
-import { HistoryOptions } from './History';
-import { ReactRenderer } from './ReactRenderer';
-import { SelectionContextOptions } from './SelectionContext';
-export * from './ClicksOnEdges';
-export * from './Clipboard';
-export * from './CommandMenu';
-export * from './Cursor';
-export * from './FilePaste';
-export * from './History';
-export * from './Placeholder';
-export * from './ReactRenderer';
-export * from './Selection';
-export * from './SelectionContext';
-export * from './WidgetDecoration';
-export declare type BehaviorPresetOptions = {
+import type { ExtensionAuto } from "../../core/index.js";
+import type { PlaceholderOptions } from "../../utils/placeholder.js";
+import { type ClipboardOptions } from "./Clipboard/index.js";
+import { type CommandMenuOptions } from "./CommandMenu/index.js";
+import { type CursorOptions } from "./Cursor/index.js";
+import { type HistoryOptions } from "./History/index.js";
+import { type ReactRenderer } from "./ReactRenderer/index.js";
+import { type SelectionContextOptions } from "./SelectionContext/index.js";
+export * from "./ClicksOnEdges/index.js";
+export * from "./Clipboard/index.js";
+export * from "./CommandMenu/index.js";
+export * from "./Cursor/index.js";
+export * from "./FilePaste/index.js";
+export * from "./History/index.js";
+export * from "./Placeholder/index.js";
+export * from "./ReactRenderer/index.js";
+export * from "./Selection/index.js";
+export * from "./SelectionContext/index.js";
+export * from "./WidgetDecoration/index.js";
+export type BehaviorPresetOptions = {
     cursor?: CursorOptions;
     history?: HistoryOptions;
     clipboard?: ClipboardOptions;

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

@@ -2,42 +2,42 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.BehaviorPreset = void 0;
 const tslib_1 = require("tslib");
-const ClicksOnEdges_1 = require("./ClicksOnEdges");
-const Clipboard_1 = require("./Clipboard");
-const CommandMenu_1 = require("./CommandMenu");
-const Cursor_1 = require("./Cursor");
-const FilePaste_1 = require("./FilePaste");
-const History_1 = require("./History");
-const Placeholder_1 = require("./Placeholder");
-const ReactRenderer_1 = require("./ReactRenderer");
-const Selection_1 = require("./Selection");
-const SelectionContext_1 = require("./SelectionContext");
-const WidgetDecoration_1 = require("./WidgetDecoration");
-tslib_1.__exportStar(require("./ClicksOnEdges"), exports);
-tslib_1.__exportStar(require("./Clipboard"), exports);
-tslib_1.__exportStar(require("./CommandMenu"), exports);
-tslib_1.__exportStar(require("./Cursor"), exports);
-tslib_1.__exportStar(require("./FilePaste"), exports);
-tslib_1.__exportStar(require("./History"), exports);
-tslib_1.__exportStar(require("./Placeholder"), exports);
-tslib_1.__exportStar(require("./ReactRenderer"), exports);
-tslib_1.__exportStar(require("./Selection"), exports);
-tslib_1.__exportStar(require("./SelectionContext"), exports);
-tslib_1.__exportStar(require("./WidgetDecoration"), exports);
+const ClicksOnEdges_1 = require("./ClicksOnEdges/index.js");
+const Clipboard_1 = require("./Clipboard/index.js");
+const CommandMenu_1 = require("./CommandMenu/index.js");
+const Cursor_1 = require("./Cursor/index.js");
+const FilePaste_1 = require("./FilePaste/index.js");
+const History_1 = require("./History/index.js");
+const Placeholder_1 = require("./Placeholder/index.js");
+const ReactRenderer_1 = require("./ReactRenderer/index.js");
+const Selection_1 = require("./Selection/index.js");
+const SelectionContext_1 = require("./SelectionContext/index.js");
+const WidgetDecoration_1 = require("./WidgetDecoration/index.js");
+tslib_1.__exportStar(require("./ClicksOnEdges/index.js"), exports);
+tslib_1.__exportStar(require("./Clipboard/index.js"), exports);
+tslib_1.__exportStar(require("./CommandMenu/index.js"), exports);
+tslib_1.__exportStar(require("./Cursor/index.js"), exports);
+tslib_1.__exportStar(require("./FilePaste/index.js"), exports);
+tslib_1.__exportStar(require("./History/index.js"), exports);
+tslib_1.__exportStar(require("./Placeholder/index.js"), exports);
+tslib_1.__exportStar(require("./ReactRenderer/index.js"), exports);
+tslib_1.__exportStar(require("./Selection/index.js"), exports);
+tslib_1.__exportStar(require("./SelectionContext/index.js"), exports);
+tslib_1.__exportStar(require("./WidgetDecoration/index.js"), exports);
 const BehaviorPreset = (builder, opts) => {
-    var _a, _b, _c, _d, _e;
     builder
         .use(Selection_1.Selection)
-        .use(Placeholder_1.Placeholder, (_a = opts.placeholder) !== null && _a !== void 0 ? _a : {})
-        .use(Cursor_1.Cursor, (_b = opts.cursor) !== null && _b !== void 0 ? _b : {})
-        .use(History_1.History, (_c = opts.history) !== null && _c !== void 0 ? _c : {})
-        .use(Clipboard_1.Clipboard, (_d = opts.clipboard) !== null && _d !== void 0 ? _d : {})
+        .use(Placeholder_1.Placeholder, opts.placeholder ?? {})
+        .use(Cursor_1.Cursor, opts.cursor ?? {})
+        .use(History_1.History, opts.history ?? {})
+        .use(Clipboard_1.Clipboard, opts.clipboard ?? {})
         .use(ReactRenderer_1.ReactRendererExtension, opts.reactRenderer)
         .use(WidgetDecoration_1.WidgetDecoration)
-        .use(SelectionContext_1.SelectionContext, (_e = opts.selectionContext) !== null && _e !== void 0 ? _e : {});
+        .use(SelectionContext_1.SelectionContext, opts.selectionContext ?? {});
     if (opts.commandMenu)
         builder.use(CommandMenu_1.CommandMenu, opts.commandMenu);
     builder.use(FilePaste_1.FilePaste);
     builder.use(ClicksOnEdges_1.ClicksOnEdges);
 };
 exports.BehaviorPreset = BehaviorPreset;
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"../../../../src","sources":["extensions/behavior/index.ts"],"names":[],"mappings":";;;;AAGA,4DAA8C;AAC9C,oDAA6D;AAC7D,wDAAmE;AACnE,8CAAoD;AACpD,oDAAsC;AACtC,gDAAuD;AACvD,wDAA0C;AAC1C,4DAA2E;AAC3E,oDAAsC;AACtC,kEAAkF;AAClF,kEAAoD;AAEpD,mEAAgC;AAChC,+DAA4B;AAC5B,iEAA8B;AAC9B,4DAAyB;AACzB,+DAA4B;AAC5B,6DAA0B;AAC1B,iEAA8B;AAC9B,mEAAgC;AAChC,+DAA4B;AAC5B,sEAAmC;AACnC,sEAAmC;AAa5B,MAAM,cAAc,GAAyC,CAAC,OAAO,EAAE,IAAI,EAAE,EAAE;IAClF,OAAO;SACF,GAAG,CAAC,qBAAS,CAAC;SACd,GAAG,CAAC,yBAAW,EAAE,IAAI,CAAC,WAAW,IAAI,EAAE,CAAC;SACxC,GAAG,CAAC,eAAM,EAAE,IAAI,CAAC,MAAM,IAAI,EAAE,CAAC;SAC9B,GAAG,CAAC,iBAAO,EAAE,IAAI,CAAC,OAAO,IAAI,EAAE,CAAC;SAChC,GAAG,CAAC,qBAAS,EAAE,IAAI,CAAC,SAAS,IAAI,EAAE,CAAC;SACpC,GAAG,CAAC,sCAAsB,EAAE,IAAI,CAAC,aAAa,CAAC;SAC/C,GAAG,CAAC,mCAAgB,CAAC;SACrB,GAAG,CAAC,mCAAgB,EAAE,IAAI,CAAC,gBAAgB,IAAI,EAAE,CAAC,CAAC;IAExD,IAAI,IAAI,CAAC,WAAW;QAAE,OAAO,CAAC,GAAG,CAAC,yBAAW,EAAE,IAAI,CAAC,WAAW,CAAC,CAAC;IACjE,OAAO,CAAC,GAAG,CAAC,qBAAS,CAAC,CAAC;IACvB,OAAO,CAAC,GAAG,CAAC,6BAAa,CAAC,CAAC;AAC/B,CAAC,CAAC;AAdW,QAAA,cAAc,kBAczB","sourcesContent":["import type {ExtensionAuto} from '../../core';\nimport type {PlaceholderOptions} from '../../utils/placeholder';\n\nimport {ClicksOnEdges} from './ClicksOnEdges';\nimport {Clipboard, type ClipboardOptions} from './Clipboard';\nimport {CommandMenu, type CommandMenuOptions} from './CommandMenu';\nimport {Cursor, type CursorOptions} from './Cursor';\nimport {FilePaste} from './FilePaste';\nimport {History, type HistoryOptions} from './History';\nimport {Placeholder} from './Placeholder';\nimport {type ReactRenderer, ReactRendererExtension} from './ReactRenderer';\nimport {Selection} from './Selection';\nimport {SelectionContext, type SelectionContextOptions} from './SelectionContext';\nimport {WidgetDecoration} from './WidgetDecoration';\n\nexport * from './ClicksOnEdges';\nexport * from './Clipboard';\nexport * from './CommandMenu';\nexport * from './Cursor';\nexport * from './FilePaste';\nexport * from './History';\nexport * from './Placeholder';\nexport * from './ReactRenderer';\nexport * from './Selection';\nexport * from './SelectionContext';\nexport * from './WidgetDecoration';\n\nexport type BehaviorPresetOptions = {\n    cursor?: CursorOptions;\n    history?: HistoryOptions;\n    clipboard?: ClipboardOptions;\n    placeholder?: PlaceholderOptions;\n    reactRenderer: ReactRenderer;\n    selectionContext?: SelectionContextOptions;\n\n    commandMenu?: CommandMenuOptions;\n};\n\nexport const BehaviorPreset: ExtensionAuto<BehaviorPresetOptions> = (builder, opts) => {\n    builder\n        .use(Selection)\n        .use(Placeholder, opts.placeholder ?? {})\n        .use(Cursor, opts.cursor ?? {})\n        .use(History, opts.history ?? {})\n        .use(Clipboard, opts.clipboard ?? {})\n        .use(ReactRendererExtension, opts.reactRenderer)\n        .use(WidgetDecoration)\n        .use(SelectionContext, opts.selectionContext ?? {});\n\n    if (opts.commandMenu) builder.use(CommandMenu, opts.commandMenu);\n    builder.use(FilePaste);\n    builder.use(ClicksOnEdges);\n};\n"]}

package/build/cjs/extensions/behavior/utils/upload.d.ts

@@ -1,7 +1,7 @@
-import { Node } from 'prosemirror-model';
-import { EditorView } from 'prosemirror-view';
-import { FileUploadHandler, UploadSuccessItem } from '../../../utils/upload';
-import type { WidgetDescriptor } from '../WidgetDecoration';
+import type { Node } from 'prosemirror-model';
+import type { EditorView } from 'prosemirror-view';
+import { type FileUploadHandler, type UploadSuccessItem } from "../../../utils/upload.js";
+import type { WidgetDescriptor } from "../WidgetDecoration/index.js";
 export declare abstract class FilesBatchUploadProcess {
     protected readonly view: EditorView;
     protected readonly files: readonly File[];

package/build/cjs/extensions/behavior/utils/upload.js

@@ -1,8 +1,12 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.FilesBatchUploadProcess = void 0;
-const upload_1 = require("../../../utils/upload");
+const upload_1 = require("../../../utils/upload.js");
 class FilesBatchUploadProcess {
+    view;
+    files;
+    uploadHandler;
+    skeletonDescriptor;
     constructor(view, files, uploadHandler) {
         this.view = view;
         this.files = files;
@@ -45,3 +49,4 @@ class FilesBatchUploadProcess {
     }
 }
 exports.FilesBatchUploadProcess = FilesBatchUploadProcess;
+//# sourceMappingURL=upload.js.map

package/build/cjs/extensions/behavior/utils/upload.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"upload.js","sourceRoot":"../../../../../src","sources":["extensions/behavior/utils/upload.ts"],"names":[],"mappings":";;;AAGA,qDAI+B;AAG/B,MAAsB,uBAAuB;IACtB,IAAI,CAAC;IACL,KAAK,CAAC;IACN,aAAa,CAAC;IAEvB,kBAAkB,CAAoB;IAEhD,YAAY,IAAgB,EAAE,KAAsB,EAAE,aAAgC;QAClF,IAAI,CAAC,IAAI,GAAG,IAAI,CAAC;QACjB,IAAI,CAAC,KAAK,GAAG,KAAK,CAAC;QACnB,IAAI,CAAC,aAAa,GAAG,aAAa,CAAC;IACvC,CAAC;IAED,KAAK,CAAC,GAAG;QACL,MAAM,IAAI,CAAC,cAAc,EAAE,CAAC;QAC5B,MAAM,IAAI,CAAC,WAAW,EAAE,CAAC;QACzB,IAAI,CAAC,cAAc,EAAE,CAAC;IAC1B,CAAC;IAES,KAAK,CAAC,cAAc;QAC1B,MAAM,EAAC,IAAI,EAAC,GAAG,IAAI,CAAC;QACpB,MAAM,EAAC,KAAK,EAAC,GAAG,IAAI,CAAC;QACrB,IAAI,CAAC,kBAAkB,GAAG,MAAM,IAAI,CAAC,cAAc,EAAE,CAAC;QACtD,IAAI,EAAE,GAAG,KAAK,CAAC,EAAE,CAAC;QAClB,IAAI,CAAC,KAAK,CAAC,SAAS,CAAC,KAAK;YAAE,EAAE,GAAG,EAAE,CAAC,eAAe,EAAE,CAAC;QACtD,EAAE,GAAG,IAAI,CAAC,kBAAkB,CAAC,OAAO,CAAC,EAAE,CAAC,CAAC;QACzC,IAAI,CAAC,QAAQ,CAAC,EAAE,CAAC,CAAC;IACtB,CAAC;IAIS,KAAK,CAAC,WAAW;QACvB,MAAM,WAAW,GAAoB,EAAE,CAAC;QACxC,MAAM,IAAA,yBAAgB,EAAC,IAAI,CAAC,KAAK,EAAE,IAAI,CAAC,aAAa,EAAE,CAAC,GAAG,EAAE,EAAE;YAC3D,WAAW,CAAC,IAAI,CACZ,CAAC,KAAK,IAAI,EAAE;gBACR,MAAM,IAAI,GAAG,MAAM,IAAI,CAAC,YAAY,CAAC,GAAG,CAAC,CAAC;gBAC1C,MAAM,EAAC,IAAI,EAAC,GAAG,IAAI,CAAC;gBACpB,MAAM,EAAC,MAAM,EAAC,GAAG,IAAI,CAAC,KAAK,CAAC;gBAC5B,IAAI,CAAC,QAAQ,CACT,IAAI,CAAC,KAAK,CAAC,EAAE,CAAC,MAAM,CAAC,IAAI,CAAC,kBAAmB,CAAC,GAAG,EAAE;oBAC/C,MAAM,CAAC,IAAI,CAAC,GAAG,CAAC;oBAChB,IAAI;oBACJ,MAAM,CAAC,IAAI,CAAC,GAAG,CAAC;iBACnB,CAAC,CACL,CAAC;YACN,CAAC,CAAC,EAAE,CAAC,KAAK,CAAC,OAAO,CAAC,KAAK,CAAC,CAC5B,CAAC;QACN,CAAC,CAAC,CAAC;QACH,MAAM,OAAO,CAAC,UAAU,CAAC,WAAW,CAAC,CAAC;IAC1C,CAAC;IAIS,cAAc;QACpB,MAAM,EAAC,IAAI,EAAC,GAAG,IAAI,CAAC;QACpB,IAAI,CAAC,QAAQ,CAAC,IAAI,CAAC,kBAAmB,CAAC,MAAM,CAAC,IAAI,CAAC,KAAK,CAAC,EAAE,CAAC,CAAC,CAAC;IAClE,CAAC;CACJ;AA1DD,0DA0DC","sourcesContent":["import type {Node} from 'prosemirror-model';\nimport type {EditorView} from 'prosemirror-view';\n\nimport {\n    type FileUploadHandler,\n    type UploadSuccessItem,\n    batchUploadFiles,\n} from '../../../utils/upload';\nimport type {WidgetDescriptor} from '../WidgetDecoration';\n\nexport abstract class FilesBatchUploadProcess {\n    protected readonly view;\n    protected readonly files;\n    protected readonly uploadHandler;\n\n    protected skeletonDescriptor?: WidgetDescriptor;\n\n    constructor(view: EditorView, files: readonly File[], uploadHandler: FileUploadHandler) {\n        this.view = view;\n        this.files = files;\n        this.uploadHandler = uploadHandler;\n    }\n\n    async run() {\n        await this.insertSkeleton();\n        await this.batchUpload();\n        this.removeSkeleton();\n    }\n\n    protected async insertSkeleton() {\n        const {view} = this;\n        const {state} = view;\n        this.skeletonDescriptor = await this.createSkeleton();\n        let tr = state.tr;\n        if (!state.selection.empty) tr = tr.deleteSelection();\n        tr = this.skeletonDescriptor.applyTo(tr);\n        view.dispatch(tr);\n    }\n\n    protected abstract createSkeleton(): WidgetDescriptor | Promise<WidgetDescriptor>;\n\n    protected async batchUpload() {\n        const insertQueue: Promise<void>[] = [];\n        await batchUploadFiles(this.files, this.uploadHandler, (res) => {\n            insertQueue.push(\n                (async () => {\n                    const node = await this.createPMNode(res);\n                    const {view} = this;\n                    const {schema} = view.state;\n                    view.dispatch(\n                        view.state.tr.insert(this.skeletonDescriptor!.pos, [\n                            schema.text(' '),\n                            node,\n                            schema.text(' '),\n                        ]),\n                    );\n                })().catch(console.error),\n            );\n        });\n        await Promise.allSettled(insertQueue);\n    }\n\n    protected abstract createPMNode(res: UploadSuccessItem): Promise<Node>;\n\n    protected removeSkeleton() {\n        const {view} = this;\n        view.dispatch(this.skeletonDescriptor!.rmDeco(view.state.tr));\n    }\n}\n"]}

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

@@ -1,5 +1,5 @@
-export * from './base';
-export * from './behavior';
-export * from './markdown';
-export * from './yfm';
-export * from './additional';
+export * from "./base/index.js";
+export * from "./behavior/index.js";
+export * from "./markdown/index.js";
+export * from "./yfm/index.js";
+export * from "./additional/index.js";