@gravity-ui/markdown-editor 14.12.0 → 14.12.1

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

@@ -1,11 +1,10 @@
 "use strict";
-var _ReactRenderStorage_items, _a;
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.ReactRenderStorage = exports.ReactRendererExtension = exports.getReactRendererFromState = exports.ReactRendererComponent = void 0;
-const tslib_1 = require("tslib");
+exports.ReactRenderStorage = exports.ReactRendererExtension = exports.ReactRendererComponent = void 0;
+exports.getReactRendererFromState = getReactRendererFromState;
 const prosemirror_state_1 = require("prosemirror-state");
-const event_emitter_1 = require("../../../utils/event-emitter");
-var react_1 = require("./react");
+const event_emitter_1 = require("../../../utils/event-emitter.js");
+var react_1 = require("./react.js");
 Object.defineProperty(exports, "ReactRendererComponent", { enumerable: true, get: function () { return react_1.Renderer; } });
 const key = new prosemirror_state_1.PluginKey('reactrenderer');
 function getReactRendererFromState(state) {
@@ -15,7 +14,6 @@ function getReactRendererFromState(state) {
     }
     return renderer;
 }
-exports.getReactRendererFromState = getReactRendererFromState;
 const ReactRendererExtension = (builder, renderer) => {
     builder.context.set('reactrenderer', renderer);
     builder.addPlugin(() => new prosemirror_state_1.Plugin({
@@ -28,41 +26,20 @@ const ReactRendererExtension = (builder, renderer) => {
 };
 exports.ReactRendererExtension = ReactRendererExtension;
 class ReactRenderStorage extends event_emitter_1.EventEmitter {
-    constructor() {
-        super(...arguments);
-        _ReactRenderStorage_items.set(this, []);
-    }
-    getItems() {
-        return tslib_1.__classPrivateFieldGet(this, _ReactRenderStorage_items, "f");
-    }
-    createItem(idPrefix, render) {
-        const item = new ReactRenderStorage.Item(idPrefix, render, this.removeItem.bind(this));
-        tslib_1.__classPrivateFieldGet(this, _ReactRenderStorage_items, "f").push(item);
-        this.emit('update', null);
-        return item;
-    }
-    removeItem(itemOrId) {
-        if (typeof itemOrId === 'string') {
-            tslib_1.__classPrivateFieldSet(this, _ReactRenderStorage_items, tslib_1.__classPrivateFieldGet(this, _ReactRenderStorage_items, "f").filter((item) => item.id !== itemOrId), "f");
-        }
-        else {
-            tslib_1.__classPrivateFieldSet(this, _ReactRenderStorage_items, tslib_1.__classPrivateFieldGet(this, _ReactRenderStorage_items, "f").filter((item) => item !== itemOrId), "f");
+    static Item = class Item extends event_emitter_1.EventEmitter {
+        static GlobalId = 0;
+        static getNextId() {
+            return this.GlobalId++;
         }
-        this.emit('update', null);
-    }
-}
-exports.ReactRenderStorage = ReactRenderStorage;
-_ReactRenderStorage_items = new WeakMap();
-ReactRenderStorage.Item = (_a = class Item extends event_emitter_1.EventEmitter {
+        id;
+        renderFn;
+        removeFn;
         constructor(idPrefix, renderFn, removeFn) {
             super();
             this.id = idPrefix + Item.getNextId();
             this.renderFn = renderFn;
             this.removeFn = removeFn;
         }
-        static getNextId() {
-            return this.GlobalId++;
-        }
         render() {
             return this.renderFn();
         }
@@ -72,6 +49,26 @@ ReactRenderStorage.Item = (_a = class Item extends event_emitter_1.EventEmitter
         rerender() {
             this.emit('rerender', null);
         }
-    },
-    _a.GlobalId = 0,
-    _a);
+    };
+    #items = [];
+    getItems() {
+        return this.#items;
+    }
+    createItem(idPrefix, render) {
+        const item = new ReactRenderStorage.Item(idPrefix, render, this.removeItem.bind(this));
+        this.#items.push(item);
+        this.emit('update', null);
+        return item;
+    }
+    removeItem(itemOrId) {
+        if (typeof itemOrId === 'string') {
+            this.#items = this.#items.filter((item) => item.id !== itemOrId);
+        }
+        else {
+            this.#items = this.#items.filter((item) => item !== itemOrId);
+        }
+        this.emit('update', null);
+    }
+}
+exports.ReactRenderStorage = ReactRenderStorage;
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"../../../../../src","sources":["extensions/behavior/ReactRenderer/index.ts"],"names":[],"mappings":";;;AAmBA,8DAQC;AA3BD,yDAAiE;AAGjE,mEAA0D;AAY1D,oCAA2D;AAAnD,+GAAA,QAAQ,OAA0B;AAG1C,MAAM,GAAG,GAAG,IAAI,6BAAS,CAAgB,eAAe,CAAC,CAAC;AAC1D,SAAgB,yBAAyB,CAAC,KAAkB;IACxD,MAAM,QAAQ,GAAG,GAAG,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC;IACrC,IAAI,CAAC,QAAQ,EAAE,CAAC;QACZ,MAAM,IAAI,KAAK,CACX,kGAAkG,CACrG,CAAC;IACN,CAAC;IACD,OAAO,QAAQ,CAAC;AACpB,CAAC;AAGM,MAAM,sBAAsB,GAAiC,CAAC,OAAO,EAAE,QAAQ,EAAE,EAAE;IACtF,OAAO,CAAC,OAAO,CAAC,GAAG,CAAC,eAAe,EAAE,QAAQ,CAAC,CAAC;IAC/C,OAAO,CAAC,SAAS,CACb,GAAG,EAAE,CACD,IAAI,0BAAM,CAAC;QACP,GAAG;QACH,KAAK,EAAE;YACH,IAAI,EAAE,GAAG,EAAE,CAAC,QAAQ;YACpB,KAAK,EAAE,GAAG,EAAE,CAAC,QAAQ;SACxB;KACJ,CAAC,EACN,OAAO,CAAC,QAAQ,CAAC,OAAO,CAC3B,CAAC;AACN,CAAC,CAAC;AAbW,QAAA,sBAAsB,0BAajC;AAYF,MAAa,kBACT,SAAQ,4BAAmC;IAGnC,MAAM,CAAC,IAAI,GAAG,MAAM,IACxB,SAAQ,4BAAuC;QAGvC,MAAM,CAAC,QAAQ,GAAG,CAAC,CAAC;QACpB,MAAM,CAAC,SAAS;YACpB,OAAO,IAAI,CAAC,QAAQ,EAAE,CAAC;QAC3B,CAAC;QAEQ,EAAE,CAAS;QACH,QAAQ,CAAC;QACT,QAAQ,CAAC;QAE1B,YAAY,QAAgB,EAAE,QAAkB,EAAE,QAA8B;YAC5E,KAAK,EAAE,CAAC;YACR,IAAI,CAAC,EAAE,GAAG,QAAQ,GAAG,IAAI,CAAC,SAAS,EAAE,CAAC;YACtC,IAAI,CAAC,QAAQ,GAAG,QAAQ,CAAC;YACzB,IAAI,CAAC,QAAQ,GAAG,QAAQ,CAAC;QAC7B,CAAC;QAED,MAAM;YACF,OAAO,IAAI,CAAC,QAAQ,EAAE,CAAC;QAC3B,CAAC;QAED,MAAM;YACF,IAAI,CAAC,QAAQ,CAAC,IAAI,CAAC,CAAC;QACxB,CAAC;QAED,QAAQ;YACJ,IAAI,CAAC,IAAI,CAAC,UAAU,EAAE,IAAI,CAAC,CAAC;QAChC,CAAC;KACJ,CAAC;IAEF,MAAM,GAAuB,EAAE,CAAC;IAEhC,QAAQ;QACJ,OAAO,IAAI,CAAC,MAAM,CAAC;IACvB,CAAC;IAED,UAAU,CAAC,QAAgB,EAAE,MAAgB;QACzC,MAAM,IAAI,GAAG,IAAI,kBAAkB,CAAC,IAAI,CAAC,QAAQ,EAAE,MAAM,EAAE,IAAI,CAAC,UAAU,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC;QACvF,IAAI,CAAC,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;QACvB,IAAI,CAAC,IAAI,CAAC,QAAQ,EAAE,IAAI,CAAC,CAAC;QAC1B,OAAO,IAAI,CAAC;IAChB,CAAC;IAID,UAAU,CAAC,QAA+B;QACtC,IAAI,OAAO,QAAQ,KAAK,QAAQ,EAAE,CAAC;YAC/B,IAAI,CAAC,MAAM,GAAG,IAAI,CAAC,MAAM,CAAC,MAAM,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,IAAI,CAAC,EAAE,KAAK,QAAQ,CAAC,CAAC;QACrE,CAAC;aAAM,CAAC;YACJ,IAAI,CAAC,MAAM,GAAG,IAAI,CAAC,MAAM,CAAC,MAAM,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,IAAI,KAAK,QAAQ,CAAC,CAAC;QAClE,CAAC;QACD,IAAI,CAAC,IAAI,CAAC,QAAQ,EAAE,IAAI,CAAC,CAAC;IAC9B,CAAC;;AA3DL,gDA4DC","sourcesContent":["import {EditorState, Plugin, PluginKey} from 'prosemirror-state';\n\nimport type {ExtensionAuto} from '../../../core';\nimport {EventEmitter} from '../../../utils/event-emitter';\n\nimport {\n    RenderStorage,\n    RenderStorageEventMap,\n    RenderStorageItem,\n    RenderStorageItemEventMap,\n    Renderer,\n    RendererItem,\n} from './types';\n\nexport type {RendererItem, RenderStorage} from './types';\nexport {Renderer as ReactRendererComponent} from './react';\nexport type {RendererProps as ReactRendererComponentProps} from './react';\n\nconst key = new PluginKey<ReactRenderer>('reactrenderer');\nexport function getReactRendererFromState(state: EditorState): ReactRenderer {\n    const renderer = key.getState(state);\n    if (!renderer) {\n        throw new Error(\n            'ReactRenderer is missing in the editor state. Probably, you forgot to use ReactRendererExtension',\n        );\n    }\n    return renderer;\n}\n\nexport type ReactRenderer = Renderer<React.ReactNode>;\nexport const ReactRendererExtension: ExtensionAuto<ReactRenderer> = (builder, renderer) => {\n    builder.context.set('reactrenderer', renderer);\n    builder.addPlugin(\n        () =>\n            new Plugin({\n                key,\n                state: {\n                    init: () => renderer,\n                    apply: () => renderer,\n                },\n            }),\n        builder.Priority.Highest,\n    );\n};\n\ndeclare global {\n    namespace WysiwygEditor {\n        interface Context {\n            reactrenderer: ReactRenderer;\n        }\n    }\n}\n\ntype RenderFn = () => React.ReactNode;\ninterface ReactStorageItem extends RendererItem, RenderStorageItem<React.ReactNode> {}\nexport class ReactRenderStorage\n    extends EventEmitter<RenderStorageEventMap>\n    implements ReactRenderer, RenderStorage<React.ReactNode>\n{\n    private static Item = class Item\n        extends EventEmitter<RenderStorageItemEventMap>\n        implements ReactStorageItem\n    {\n        private static GlobalId = 0;\n        private static getNextId(): number {\n            return this.GlobalId++;\n        }\n\n        readonly id: string;\n        private readonly renderFn;\n        private readonly removeFn;\n\n        constructor(idPrefix: string, renderFn: RenderFn, removeFn: (item: Item) => void) {\n            super();\n            this.id = idPrefix + Item.getNextId();\n            this.renderFn = renderFn;\n            this.removeFn = removeFn;\n        }\n\n        render(): React.ReactNode {\n            return this.renderFn();\n        }\n\n        remove(): void {\n            this.removeFn(this);\n        }\n\n        rerender(): void {\n            this.emit('rerender', null);\n        }\n    };\n\n    #items: ReactStorageItem[] = [];\n\n    getItems(): readonly RenderStorageItem<React.ReactNode>[] {\n        return this.#items;\n    }\n\n    createItem(idPrefix: string, render: RenderFn): RendererItem {\n        const item = new ReactRenderStorage.Item(idPrefix, render, this.removeItem.bind(this));\n        this.#items.push(item);\n        this.emit('update', null);\n        return item;\n    }\n\n    removeItem(item: RendererItem): void;\n    removeItem(id: string): void;\n    removeItem(itemOrId: RendererItem | string): void {\n        if (typeof itemOrId === 'string') {\n            this.#items = this.#items.filter((item) => item.id !== itemOrId);\n        } else {\n            this.#items = this.#items.filter((item) => item !== itemOrId);\n        }\n        this.emit('update', null);\n    }\n}\n"]}

package/build/cjs/extensions/behavior/ReactRenderer/react.d.ts

@@ -1,6 +1,5 @@
-import React from 'react';
-import { RenderStorage } from './types';
-export declare type RendererProps = {
+import { RenderStorage } from "./types.js";
+export type RendererProps = {
     storage: RenderStorage<React.ReactNode>;
 };
-export declare const Renderer: React.NamedExoticComponent<RendererProps>;
+export declare const Renderer: import("react").NamedExoticComponent<RendererProps>;

package/build/cjs/extensions/behavior/ReactRenderer/react.js

@@ -1,8 +1,8 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.Renderer = void 0;
-const tslib_1 = require("tslib");
-const react_1 = tslib_1.__importStar(require("react"));
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = require("react");
 const react_use_1 = require("react-use");
 exports.Renderer = (0, react_1.memo)(({ storage }) => {
     const update = (0, react_use_1.useUpdate)();
@@ -12,7 +12,7 @@ exports.Renderer = (0, react_1.memo)(({ storage }) => {
             storage.off('update', update);
         };
     }, [storage, update]);
-    return (react_1.default.createElement(react_1.default.Fragment, null, storage.getItems().map((item) => (react_1.default.createElement(ItemRenderer, { key: item.id, item: item })))));
+    return ((0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: storage.getItems().map((item) => ((0, jsx_runtime_1.jsx)(ItemRenderer, { item: item }, item.id))) }));
 });
 exports.Renderer.displayName = 'ReactRenderer';
 const ItemRenderer = (0, react_1.memo)(({ item }) => {
@@ -23,6 +23,7 @@ const ItemRenderer = (0, react_1.memo)(({ item }) => {
             item.off('rerender', update);
         };
     }, [item, update]);
-    return react_1.default.createElement(react_1.default.Fragment, null, item.render());
+    return (0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: item.render() });
 });
 ItemRenderer.displayName = 'ReactItemRenderer';
+//# sourceMappingURL=react.js.map

package/build/cjs/extensions/behavior/ReactRenderer/react.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"react.js","sourceRoot":"../../../../../src","sources":["extensions/behavior/ReactRenderer/react.tsx"],"names":[],"mappings":";;;;AAAA,iCAAsC;AAEtC,yCAAoC;AAQvB,QAAA,QAAQ,GAAG,IAAA,YAAI,EAAgB,CAAC,EAAC,OAAO,EAAC,EAAE,EAAE;IACtD,MAAM,MAAM,GAAG,IAAA,qBAAS,GAAE,CAAC;IAC3B,IAAA,iBAAS,EAAC,GAAG,EAAE;QACX,OAAO,CAAC,EAAE,CAAC,QAAQ,EAAE,MAAM,CAAC,CAAC;QAC7B,OAAO,GAAG,EAAE;YACR,OAAO,CAAC,GAAG,CAAC,QAAQ,EAAE,MAAM,CAAC,CAAC;QAClC,CAAC,CAAC;IACN,CAAC,EAAE,CAAC,OAAO,EAAE,MAAM,CAAC,CAAC,CAAC;IAEtB,OAAO,CACH,2DACK,OAAO,CAAC,QAAQ,EAAE,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,CAC9B,uBAAC,YAAY,IAAe,IAAI,EAAE,IAAI,IAAnB,IAAI,CAAC,EAAE,CAAgB,CAC7C,CAAC,GACH,CACN,CAAC;AACN,CAAC,CAAC,CAAC;AACH,gBAAQ,CAAC,WAAW,GAAG,eAAe,CAAC;AAMvC,MAAM,YAAY,GAAG,IAAA,YAAI,EAAoB,CAAC,EAAC,IAAI,EAAC,EAAE,EAAE;IACpD,MAAM,MAAM,GAAG,IAAA,qBAAS,GAAE,CAAC;IAC3B,IAAA,iBAAS,EAAC,GAAG,EAAE;QACX,IAAI,CAAC,EAAE,CAAC,UAAU,EAAE,MAAM,CAAC,CAAC;QAC5B,OAAO,GAAG,EAAE;YACR,IAAI,CAAC,GAAG,CAAC,UAAU,EAAE,MAAM,CAAC,CAAC;QACjC,CAAC,CAAC;IACN,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,CAAC,CAAC,CAAC;IACnB,OAAO,2DAAG,IAAI,CAAC,MAAM,EAAE,GAAI,CAAC;AAChC,CAAC,CAAC,CAAC;AACH,YAAY,CAAC,WAAW,GAAG,mBAAmB,CAAC","sourcesContent":["import {memo, useEffect} from 'react';\n\nimport {useUpdate} from 'react-use';\n\nimport {RenderStorage, RenderStorageItem} from './types';\n\nexport type RendererProps = {\n    storage: RenderStorage<React.ReactNode>;\n};\n\nexport const Renderer = memo<RendererProps>(({storage}) => {\n    const update = useUpdate();\n    useEffect(() => {\n        storage.on('update', update);\n        return () => {\n            storage.off('update', update);\n        };\n    }, [storage, update]);\n\n    return (\n        <>\n            {storage.getItems().map((item) => (\n                <ItemRenderer key={item.id} item={item} />\n            ))}\n        </>\n    );\n});\nRenderer.displayName = 'ReactRenderer';\n\ntype ItemRendererProps = {\n    item: RenderStorageItem<React.ReactNode>;\n};\n\nconst ItemRenderer = memo<ItemRendererProps>(({item}) => {\n    const update = useUpdate();\n    useEffect(() => {\n        item.on('rerender', update);\n        return () => {\n            item.off('rerender', update);\n        };\n    }, [item, update]);\n    return <>{item.render()}</>;\n});\nItemRenderer.displayName = 'ReactItemRenderer';\n"]}

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

@@ -1,21 +1,21 @@
-import type { Receiver } from '../../../utils/event-emitter';
+import type { Receiver } from "../../../utils/event-emitter.js";
 export interface Renderer<R> {
     createItem(idPrefix: string, render: () => R): RendererItem;
     removeItem(item: RendererItem): void;
     removeItem(id: string): void;
 }
-export declare type RendererItem = {
+export type RendererItem = {
     readonly id: string;
     rerender(): void;
     remove(): void;
 };
-export declare type RenderStorageEventMap = {
+export type RenderStorageEventMap = {
     update: null;
 };
 export interface RenderStorage<R> extends Receiver<RenderStorageEventMap> {
     getItems(): readonly RenderStorageItem<R>[];
 }
-export declare type RenderStorageItemEventMap = {
+export type RenderStorageItemEventMap = {
     rerender: null;
 };
 export interface RenderStorageItem<R> extends Receiver<RenderStorageItemEventMap> {

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"types.js","sourceRoot":"../../../../../src","sources":["extensions/behavior/ReactRenderer/types.ts"],"names":[],"mappings":"","sourcesContent":["import type {Receiver} from '../../../utils/event-emitter';\n\nexport interface Renderer<R> {\n    createItem(idPrefix: string, render: () => R): RendererItem;\n    removeItem(item: RendererItem): void;\n    removeItem(id: string): void;\n}\n\nexport type RendererItem = {\n    readonly id: string;\n    rerender(): void;\n    remove(): void;\n};\n\nexport type RenderStorageEventMap = {update: null};\nexport interface RenderStorage<R> extends Receiver<RenderStorageEventMap> {\n    getItems(): readonly RenderStorageItem<R>[];\n}\n\nexport type RenderStorageItemEventMap = {rerender: null};\nexport interface RenderStorageItem<R> extends Receiver<RenderStorageItemEventMap> {\n    readonly id: string;\n    render(): R;\n}\n"]}

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

@@ -1,4 +1,4 @@
-import React from 'react';
+import "./Resizable.css";
 export interface ResizableProps {
     children: React.ReactNode;
     onResizeLeft: (event: React.MouseEvent<HTMLElement>) => void;

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

@@ -1,14 +1,11 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.Resizable = void 0;
-const tslib_1 = require("tslib");
-const react_1 = tslib_1.__importDefault(require("react"));
-const classname_1 = require("../../../classname");
+const jsx_runtime_1 = require("react/jsx-runtime");
+const classname_1 = require("../../../classname.js");
+require("./Resizable.css");
 const b = (0, classname_1.cn)('resizable');
-const Resizer = ({ onMouseDown, direction }) => (react_1.default.createElement("div", { className: b('resizer-wrapper', { [direction]: true }), role: "button", tabIndex: 0, onMouseDown: onMouseDown },
-    react_1.default.createElement("div", { className: b('resizer') })));
-const Resizable = ({ hover, resizing, children, onResizeLeft, onResizeRight, }) => (react_1.default.createElement("div", { className: b({ hover, resizing }) },
-    children,
-    react_1.default.createElement(Resizer, { onMouseDown: onResizeLeft, direction: "left" }),
-    react_1.default.createElement(Resizer, { onMouseDown: onResizeRight, direction: "right" })));
+const Resizer = ({ onMouseDown, direction }) => ((0, jsx_runtime_1.jsx)("div", { className: b('resizer-wrapper', { [direction]: true }), role: "button", tabIndex: 0, onMouseDown: onMouseDown, children: (0, jsx_runtime_1.jsx)("div", { className: b('resizer') }) }));
+const Resizable = ({ hover, resizing, children, onResizeLeft, onResizeRight, }) => ((0, jsx_runtime_1.jsxs)("div", { className: b({ hover, resizing }), children: [children, (0, jsx_runtime_1.jsx)(Resizer, { onMouseDown: onResizeLeft, direction: "left" }), (0, jsx_runtime_1.jsx)(Resizer, { onMouseDown: onResizeRight, direction: "right" })] }));
 exports.Resizable = Resizable;
+//# sourceMappingURL=Resizable.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Resizable.js","sourceRoot":"../../../../../src","sources":["extensions/behavior/Resizable/Resizable.tsx"],"names":[],"mappings":";;;;AAAA,qDAAsC;AAEtC,2BAA0B;AAE1B,MAAM,CAAC,GAAG,IAAA,cAAE,EAAC,WAAW,CAAC,CAAC;AAM1B,MAAM,OAAO,GAA2B,CAAC,EAAC,WAAW,EAAE,SAAS,EAAC,EAAE,EAAE,CAAC,CAClE,gCACI,SAAS,EAAE,CAAC,CAAC,iBAAiB,EAAE,EAAC,CAAC,SAAS,CAAC,EAAE,IAAI,EAAC,CAAC,EACpD,IAAI,EAAC,QAAQ,EACb,QAAQ,EAAE,CAAC,EACX,WAAW,EAAE,WAAW,YAExB,gCAAK,SAAS,EAAE,CAAC,CAAC,SAAS,CAAC,GAAI,GAC9B,CACT,CAAC;AAUK,MAAM,SAAS,GAA6B,CAAC,EAChD,KAAK,EACL,QAAQ,EACR,QAAQ,EACR,YAAY,EACZ,aAAa,GAChB,EAAE,EAAE,CAAC,CACF,iCAAK,SAAS,EAAE,CAAC,CAAC,EAAC,KAAK,EAAE,QAAQ,EAAC,CAAC,aAC/B,QAAQ,EACT,uBAAC,OAAO,IAAC,WAAW,EAAE,YAAY,EAAE,SAAS,EAAC,MAAM,GAAG,EACvD,uBAAC,OAAO,IAAC,WAAW,EAAE,aAAa,EAAE,SAAS,EAAC,OAAO,GAAG,IACvD,CACT,CAAC;AAZW,QAAA,SAAS,aAYpB","sourcesContent":["import {cn} from '../../../classname';\n\nimport './Resizable.scss';\n\nconst b = cn('resizable');\n\ninterface ResizerProps {\n    onMouseDown: (event: React.MouseEvent<HTMLElement>) => void;\n    direction: 'left' | 'right';\n}\nconst Resizer: React.FC<ResizerProps> = ({onMouseDown, direction}) => (\n    <div\n        className={b('resizer-wrapper', {[direction]: true})}\n        role=\"button\"\n        tabIndex={0}\n        onMouseDown={onMouseDown}\n    >\n        <div className={b('resizer')} />\n    </div>\n);\n\nexport interface ResizableProps {\n    children: React.ReactNode;\n    onResizeLeft: (event: React.MouseEvent<HTMLElement>) => void;\n    onResizeRight: (event: React.MouseEvent<HTMLElement>) => void;\n    hover?: boolean;\n    resizing?: boolean;\n}\n\nexport const Resizable: React.FC<ResizableProps> = ({\n    hover,\n    resizing,\n    children,\n    onResizeLeft,\n    onResizeRight,\n}) => (\n    <div className={b({hover, resizing})}>\n        {children}\n        <Resizer onMouseDown={onResizeLeft} direction=\"left\" />\n        <Resizer onMouseDown={onResizeRight} direction=\"right\" />\n    </div>\n);\n"]}

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

@@ -1,10 +1,10 @@
 import type { ResolvedPos } from 'prosemirror-model';
 import type { Command, NodeSelection, TextSelection, Transaction } from 'prosemirror-state';
-import { GapCursorSelection } from '../Cursor/GapCursorSelection';
-export declare type Direction = 'before' | 'after';
-declare type TextSelectionFinder = (selection: TextSelection, dir: Direction) => ResolvedPos | null;
-declare type NodeSelectionFinder = (selection: NodeSelection, dir: Direction) => ResolvedPos | null;
-declare type GapCursorSelectionFinder = (selection: GapCursorSelection, dir: Direction) => ResolvedPos | null;
+import { GapCursorSelection } from "../Cursor/GapCursorSelection.js";
+export type Direction = 'before' | 'after';
+type TextSelectionFinder = (selection: TextSelection, dir: Direction) => ResolvedPos | null;
+type NodeSelectionFinder = (selection: NodeSelection, dir: Direction) => ResolvedPos | null;
+type GapCursorSelectionFinder = (selection: GapCursorSelection, dir: Direction) => ResolvedPos | null;
 export declare const findNextFakeParaPosForGapCursorSelection: GapCursorSelectionFinder;
 export declare const findFakeParaPosForNodeSelection: NodeSelectionFinder;
 export declare const findFakeParaPosForCodeBlock: ($cursor: ResolvedPos, dir: Direction) => ResolvedPos | null;

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

@@ -1,10 +1,12 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.backspace = exports.arrowRight = exports.arrowUp = exports.arrowDown = exports.arrowLeft = exports.createFakeParagraph = exports.findFakeParaPosClosestToPos = exports.findFakeParaPosForTextSelection = exports.findFakeParaPosForCodeBlock = exports.findFakeParaPosForNodeSelection = exports.findNextFakeParaPosForGapCursorSelection = void 0;
+exports.backspace = exports.arrowRight = exports.arrowUp = exports.arrowDown = exports.arrowLeft = exports.findFakeParaPosForTextSelection = exports.findFakeParaPosForCodeBlock = exports.findFakeParaPosForNodeSelection = exports.findNextFakeParaPosForGapCursorSelection = void 0;
+exports.findFakeParaPosClosestToPos = findFakeParaPosClosestToPos;
+exports.createFakeParagraph = createFakeParagraph;
 const prosemirror_state_1 = require("prosemirror-state");
-const nodes_1 = require("../../../utils/nodes");
-const selection_1 = require("../../../utils/selection");
-const GapCursorSelection_1 = require("../Cursor/GapCursorSelection");
+const nodes_1 = require("../../../utils/nodes.js");
+const selection_1 = require("../../../utils/selection.js");
+const GapCursorSelection_1 = require("../Cursor/GapCursorSelection.js");
 const isUp = (dir) => dir === 'left' || dir === 'up';
 function isTextblock(node) {
     return node.isTextblock && !(0, nodes_1.isCodeBlock)(node);
@@ -105,14 +107,12 @@ function findFakeParaPosClosestToPos($pos, depth, dir) {
     }
     return null;
 }
-exports.findFakeParaPosClosestToPos = findFakeParaPosClosestToPos;
 const arrow = (dir) => (state, dispatch, view) => {
-    var _a;
     const { selection } = state;
     const direction = isUp(dir) ? 'before' : 'after';
     let $pos = null;
     if ((0, GapCursorSelection_1.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
@@ -125,11 +125,11 @@ const arrow = (dir) => (state, dispatch, view) => {
     if ((0, selection_1.isNodeSelection)(selection)) {
         $pos = (0, exports.findFakeParaPosForNodeSelection)(selection, direction);
     }
-    if ((0, selection_1.isTextSelection)(selection) && (view === null || view === void 0 ? void 0 : view.endOfTextblock(dir))) {
+    if ((0, selection_1.isTextSelection)(selection) && view?.endOfTextblock(dir)) {
         $pos = (0, exports.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;
@@ -137,7 +137,6 @@ const arrow = (dir) => (state, dispatch, view) => {
 function createFakeParagraph(tr, $pos, direction) {
     return tr.setSelection(new GapCursorSelection_1.GapCursorSelection($pos, { meta: { direction } }));
 }
-exports.createFakeParagraph = createFakeParagraph;
 exports.arrowLeft = arrow('left');
 exports.arrowDown = arrow('down');
 exports.arrowUp = arrow('up');
@@ -147,10 +146,11 @@ const backspace = (state, dispatch) => {
     if ((0, GapCursorSelection_1.isGapCursorSelection)(sel)) {
         const newSel = prosemirror_state_1.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;
 };
 exports.backspace = backspace;
+//# sourceMappingURL=commands.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"commands.js","sourceRoot":"../../../../../src","sources":["extensions/behavior/Selection/commands.ts"],"names":[],"mappings":";;;AAyFA,kEAsCC;AAqCD,kDAMC;AAxKD,yDAA4C;AAE5C,mDAAiD;AACjD,2DAA0E;AAC1E,wEAAsF;AActF,MAAM,IAAI,GAAG,CAAC,GAAmB,EAAE,EAAE,CAAC,GAAG,KAAK,MAAM,IAAI,GAAG,KAAK,IAAI,CAAC;AAErE,SAAS,WAAW,CAAC,IAAU;IAC3B,OAAO,IAAI,CAAC,WAAW,IAAI,CAAC,IAAA,mBAAW,EAAC,IAAI,CAAC,CAAC;AAClD,CAAC;AAED,SAAS,eAAe,CAAC,OAAoB,EAAE,GAAc;IACzD,MAAM,KAAK,GAAG,OAAO,CAAC,KAAK,CAAC,OAAO,CAAC,KAAK,GAAG,CAAC,CAAC,CAAC;IAC/C,IAAI,GAAG,KAAK,QAAQ;QAAE,OAAO,KAAK,KAAK,CAAC,CAAC;IACzC,IAAI,GAAG,KAAK,OAAO;QAAE,OAAO,KAAK,KAAK,OAAO,CAAC,IAAI,CAAC,OAAO,CAAC,KAAK,GAAG,CAAC,CAAC,CAAC,UAAU,GAAG,CAAC,CAAC;IACrF,OAAO,KAAK,CAAC;AACjB,CAAC;AAEM,MAAM,wCAAwC,GAA6B,CAAC,EAAC,IAAI,EAAC,EAAE,GAAG,EAAE,EAAE;IAC9F,IAAI,IAAI,CAAC,GAAG,KAAK,IAAI,CAAC,KAAK,EAAE,IAAI,IAAI,CAAC,GAAG,KAAK,IAAI,CAAC,GAAG,EAAE;QAAE,OAAO,IAAI,CAAC;IACtE,OAAO,2BAA2B,CAAC,IAAI,EAAE,IAAI,CAAC,KAAK,EAAE,GAAG,CAAC,CAAC;AAC9D,CAAC,CAAC;AAHW,QAAA,wCAAwC,4CAGnD;AAEK,MAAM,+BAA+B,GAAwB,CAAC,SAAS,EAAE,GAAG,EAAE,EAAE;IACnF,MAAM,YAAY,GAAG,SAAS,CAAC,IAAI,CAAC;IACpC,IAAI,YAAY,CAAC,QAAQ,IAAI,WAAW,CAAC,YAAY,CAAC;QAAE,OAAO,IAAI,CAAC;IAEpE,MAAM,EAAC,KAAK,EAAC,GAAG,SAAS,CAAC;IAC1B,MAAM,KAAK,GAAG,KAAK,CAAC,KAAK,EAAE,CAAC;IAC5B,MAAM,UAAU,GAAG,KAAK,CAAC,MAAM,CAAC;IAChC,IAAI,GAAG,KAAK,QAAQ,EAAE,CAAC;QACnB,IAAI,UAAU,CAAC,UAAU,KAAK,YAAY,IAAI,CAAC,WAAW,CAAC,UAAU,CAAC,KAAK,CAAC,KAAK,GAAG,CAAC,CAAC,CAAC,EAAE,CAAC;YACtF,OAAO,KAAK,CAAC;QACjB,CAAC;IACL,CAAC;SAAM,IAAI,GAAG,KAAK,OAAO,EAAE,CAAC;QACzB,IAAI,UAAU,CAAC,SAAS,KAAK,YAAY,IAAI,CAAC,WAAW,CAAC,UAAU,CAAC,KAAK,CAAC,KAAK,GAAG,CAAC,CAAC,CAAC,EAAE,CAAC;YACrF,OAAO,SAAS,CAAC,GAAG,CAAC;QACzB,CAAC;IACL,CAAC;IAED,OAAO,IAAI,CAAC;AAChB,CAAC,CAAC;AAlBW,QAAA,+BAA+B,mCAkB1C;AAEK,MAAM,2BAA2B,GAAG,CAAC,OAAoB,EAAE,GAAc,EAAE,EAAE;IAChF,IAAI,CAAC,IAAA,mBAAW,EAAC,OAAO,CAAC,MAAM,CAAC;QAAE,OAAO,IAAI,CAAC;IAE9C,IAAI,QAAQ,GAAG,CAAC,CAAC,CAAC;IAClB,MAAM,KAAK,GAAG,OAAO,CAAC,KAAK,CAAC,OAAO,CAAC,KAAK,GAAG,CAAC,CAAC,CAAC;IAC/C,MAAM,MAAM,GAAG,OAAO,CAAC,IAAI,CAAC,OAAO,CAAC,KAAK,GAAG,CAAC,CAAC,CAAC;IAC/C,IAAI,GAAG,KAAK,QAAQ,EAAE,CAAC;QACnB,IAAI,KAAK,KAAK,CAAC,IAAI,CAAC,WAAW,CAAC,MAAM,CAAC,KAAK,CAAC,KAAK,GAAG,CAAC,CAAC,CAAC,EAAE,CAAC;YACvD,QAAQ,GAAG,OAAO,CAAC,MAAM,EAAE,CAAC;QAChC,CAAC;IACL,CAAC;SAAM,IAAI,GAAG,KAAK,OAAO,EAAE,CAAC;QACzB,IAAI,KAAK,KAAK,MAAM,CAAC,UAAU,GAAG,CAAC,IAAI,CAAC,WAAW,CAAC,MAAM,CAAC,KAAK,CAAC,KAAK,GAAG,CAAC,CAAC,CAAC,EAAE,CAAC;YAC3E,QAAQ,GAAG,OAAO,CAAC,KAAK,EAAE,CAAC;QAC/B,CAAC;IACL,CAAC;IAED,OAAO,QAAQ,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC,OAAO,CAAC,GAAG,CAAC,OAAO,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC;AAClE,CAAC,CAAC;AAjBW,QAAA,2BAA2B,+BAiBtC;AAEK,MAAM,+BAA+B,GAAwB,CAAC,SAAS,EAAE,GAAG,EAAE,EAAE;IACnF,MAAM,OAAO,GAAG,GAAG,KAAK,QAAQ,CAAC,CAAC,CAAC,SAAS,CAAC,KAAK,CAAC,CAAC,CAAC,SAAS,CAAC,GAAG,CAAC;IACnE,IAAI,OAAO,CAAC,MAAM,CAAC,QAAQ;QAAE,OAAO,IAAI,CAAC;IAEzC,MAAM,IAAI,GAAG,IAAA,mCAA2B,EAAC,OAAO,EAAE,GAAG,CAAC,CAAC;IACvD,IAAI,IAAI;QAAE,OAAO,IAAI,CAAC;IAEtB,IAAI,CAAC,eAAe,CAAC,OAAO,EAAE,GAAG,CAAC;QAAE,OAAO,IAAI,CAAC;IAEhD,OAAO,2BAA2B,CAAC,OAAO,EAAE,OAAO,CAAC,KAAK,GAAG,CAAC,EAAE,GAAG,CAAC,CAAC;AACxE,CAAC,CAAC;AAVW,QAAA,+BAA+B,mCAU1C;AAEF,SAAgB,2BAA2B,CACvC,IAAiB,EACjB,KAAa,EACb,GAAc;IAEd,KAAK,EAAE,CAAC;IACR,OAAO,EAAE,KAAK,GAAG,CAAC,EAAE,CAAC;QACjB,MAAM,IAAI,GAAG,IAAI,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;QAC9B,MAAM,KAAK,GAAG,IAAI,CAAC,KAAK,CAAC,KAAK,GAAG,CAAC,CAAC,CAAC;QACpC,MAAM,MAAM,GAAG,IAAI,CAAC,IAAI,CAAC,KAAK,GAAG,CAAC,CAAC,CAAC;QAEpC,MAAM,YAAY,GAAG,KAAK,KAAK,CAAC,CAAC;QACjC,MAAM,WAAW,GAAG,KAAK,KAAK,MAAM,CAAC,UAAU,GAAG,CAAC,CAAC;QAEpD,MAAM,cAAc,GAChB,IAAI,CAAC,IAAI,CAAC,IAAI,CAAC,OAAO,KAAK,OAAO,IAAI,IAAI,CAAC,IAAI,CAAC,IAAI,CAAC,OAAO,KAAK,MAAM,CAAC;QAE5E,MAAM,iBAAiB,GAAG,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC,SAAS,KAAK,KAAK,CAAC;QAE/D,IAAI,cAAc,IAAI,iBAAiB,EAAE,CAAC;YACtC,IAAI,GAAG,KAAK,QAAQ,IAAI,YAAY;gBAAE,SAAS;YAC/C,IAAI,GAAG,KAAK,OAAO,IAAI,WAAW;gBAAE,SAAS;YAC7C,OAAO,IAAI,CAAC;QAChB,CAAC;QAED,IAAI,GAAG,KAAK,QAAQ,EAAE,CAAC;YACnB,IAAI,YAAY,IAAI,CAAC,WAAW,CAAC,MAAM,CAAC,KAAK,CAAC,KAAK,GAAG,CAAC,CAAC,CAAC,EAAE,CAAC;gBACxD,OAAO,IAAI,CAAC,GAAG,CAAC,OAAO,CAAC,IAAI,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC,CAAC;YAChD,CAAC;QACL,CAAC;aAAM,IAAI,GAAG,KAAK,OAAO,EAAE,CAAC;YACzB,IAAI,WAAW,IAAI,CAAC,WAAW,CAAC,MAAM,CAAC,KAAK,CAAC,KAAK,GAAG,CAAC,CAAC,CAAC,EAAE,CAAC;gBACvD,OAAO,IAAI,CAAC,GAAG,CAAC,OAAO,CAAC,IAAI,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC,CAAC;YAC/C,CAAC;QACL,CAAC;QAED,OAAO,IAAI,CAAC;IAChB,CAAC;IACD,OAAO,IAAI,CAAC;AAChB,CAAC;AAED,MAAM,KAAK,GACP,CAAC,GAAmB,EAAW,EAAE,CACjC,CAAC,KAAK,EAAE,QAAQ,EAAE,IAAI,EAAE,EAAE;IACtB,MAAM,EAAC,SAAS,EAAC,GAAG,KAAK,CAAC;IAC1B,MAAM,SAAS,GAAc,IAAI,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,OAAO,CAAC;IAC5D,IAAI,IAAI,GAAuB,IAAI,CAAC;IAEpC,IAAI,IAAA,yCAAoB,EAAgB,SAAS,CAAC,EAAE,CAAC;QACjD,IAAI,SAAS,CAAC,IAAI,EAAE,SAAS,KAAK,SAAS,EAAE,CAAC;YAC1C,OAAO,KAAK,CAAC;QACjB,CAAC;QAED,6CAA6C;QAC7C,IAAI,GAAG,KAAK,IAAI,IAAI,SAAS,CAAC,GAAG,KAAK,CAAC;YAAE,OAAO,IAAI,CAAC;QACrD,IAAI,GAAG,KAAK,MAAM,IAAI,SAAS,CAAC,GAAG,KAAK,KAAK,CAAC,GAAG,CAAC,QAAQ,GAAG,CAAC;YAAE,OAAO,IAAI,CAAC;QAE5E,IAAI,GAAG,IAAA,gDAAwC,EAAC,SAAS,EAAE,SAAS,CAAC,CAAC;IAC1E,CAAC;IAED,IAAI,IAAA,2BAAe,EAAC,SAAS,CAAC,EAAE,CAAC;QAC7B,IAAI,GAAG,IAAA,uCAA+B,EAAC,SAAS,EAAE,SAAS,CAAC,CAAC;IACjE,CAAC;IAED,IAAI,IAAA,2BAAe,EAAC,SAAS,CAAC,IAAI,IAAI,EAAE,cAAc,CAAC,GAAG,CAAC,EAAE,CAAC;QAC1D,IAAI,GAAG,IAAA,uCAA+B,EAAC,SAAS,EAAE,SAAS,CAAC,CAAC;IACjE,CAAC;IAED,IAAI,IAAI,EAAE,CAAC;QACP,QAAQ,EAAE,CAAC,mBAAmB,CAAC,KAAK,CAAC,EAAE,EAAE,IAAI,EAAE,SAAS,CAAC,CAAC,cAAc,EAAE,CAAC,CAAC;QAC5E,OAAO,IAAI,CAAC;IAChB,CAAC;IAED,OAAO,KAAK,CAAC;AACjB,CAAC,CAAC;AAEN,SAAgB,mBAAmB,CAC/B,EAAe,EACf,IAAiB,EACjB,SAAoB;IAEpB,OAAO,EAAE,CAAC,YAAY,CAAC,IAAI,uCAAkB,CAAgB,IAAI,EAAE,EAAC,IAAI,EAAE,EAAC,SAAS,EAAC,EAAC,CAAC,CAAC,CAAC;AAC7F,CAAC;AAEY,QAAA,SAAS,GAAG,KAAK,CAAC,MAAM,CAAC,CAAC;AAC1B,QAAA,SAAS,GAAG,KAAK,CAAC,MAAM,CAAC,CAAC;AAC1B,QAAA,OAAO,GAAG,KAAK,CAAC,IAAI,CAAC,CAAC;AACtB,QAAA,UAAU,GAAG,KAAK,CAAC,OAAO,CAAC,CAAC;AAElC,MAAM,SAAS,GAAY,CAAC,KAAK,EAAE,QAAQ,EAAE,EAAE;IAClD,MAAM,GAAG,GAAG,KAAK,CAAC,SAAS,CAAC;IAC5B,IAAI,IAAA,yCAAoB,EAAC,GAAG,CAAC,EAAE,CAAC;QAC5B,MAAM,MAAM,GAAG,6BAAS,CAAC,QAAQ,CAAC,GAAG,CAAC,IAAI,EAAE,CAAC,CAAC,CAAC,CAAC;QAChD,IAAI,MAAM,EAAE,CAAC;YACT,QAAQ,EAAE,CAAC,KAAK,CAAC,EAAE,CAAC,YAAY,CAAC,MAAM,CAAC,CAAC,cAAc,EAAE,CAAC,CAAC;YAC3D,OAAO,IAAI,CAAC;QAChB,CAAC;IACL,CAAC;IACD,OAAO,KAAK,CAAC;AACjB,CAAC,CAAC;AAVW,QAAA,SAAS,aAUpB","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/cjs/extensions/behavior/Selection/index.d.ts

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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