@gravity-ui/markdown-editor 14.11.2 → 14.12.1

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

@@ -4,8 +4,8 @@ exports.FilePaste = void 0;
 const prosemirror_model_1 = require("prosemirror-model");
 const prosemirror_state_1 = require("prosemirror-state");
 const prosemirror_transform_1 = require("prosemirror-transform");
-const base_1 = require("../../../extensions/base");
-const utils_1 = require("../Clipboard/utils");
+const base_1 = require("../../base/index.js");
+const utils_1 = require("../Clipboard/utils.js");
 // Custom handler of pasted (or dropped) files to prevent insert a file preview in base64-format into editor's content (or open file in browser)
 const FilePaste = (builder) => {
     builder.addPlugin(() => {
@@ -21,14 +21,13 @@ const FilePaste = (builder) => {
                     return true;
                 },
                 handleDrop(view, event) {
-                    var _a, _b;
                     if (view.dragging)
                         return false;
                     const files = getFiles(event.dataTransfer);
                     if (!files)
                         return false;
                     const slice = createFilesSlice(view.state.schema, files);
-                    const dropPos = (_b = (_a = view.posAtCoords({ left: event.clientX, top: event.clientY })) === null || _a === void 0 ? void 0 : _a.pos) !== null && _b !== void 0 ? _b : -1;
+                    const dropPos = view.posAtCoords({ left: event.clientX, top: event.clientY })?.pos ?? -1;
                     if (dropPos === -1)
                         return false;
                     const posToInsert = (0, prosemirror_transform_1.dropPoint)(view.state.doc, dropPos, slice);
@@ -54,3 +53,4 @@ function createFilesSlice(schema, files) {
     }
     return new prosemirror_model_1.Slice(prosemirror_model_1.Fragment.from(nodes), 0, 0);
 }
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"../../../../../src","sources":["extensions/behavior/FilePaste/index.ts"],"names":[],"mappings":";;;AAAA,yDAAgE;AAChE,yDAAyC;AACzC,iEAAgD;AAGhD,8CAA+C;AAC/C,iDAA+C;AAE/C,gJAAgJ;AACzI,MAAM,SAAS,GAAkB,CAAC,OAAO,EAAE,EAAE;IAChD,OAAO,CAAC,SAAS,CAAC,GAAG,EAAE;QACnB,OAAO,IAAI,0BAAM,CAAC;YACd,KAAK,EAAE;gBACH,WAAW,CAAC,IAAI,EAAE,KAAK;oBACnB,MAAM,KAAK,GAAG,QAAQ,CAAC,KAAK,CAAC,aAAa,CAAC,CAAC;oBAC5C,IAAI,CAAC,KAAK;wBAAE,OAAO,KAAK,CAAC;oBAEzB,IAAI,CAAC,QAAQ,CACT,IAAI,CAAC,KAAK,CAAC,EAAE;yBACR,gBAAgB,CAAC,gBAAgB,CAAC,IAAI,CAAC,KAAK,CAAC,MAAM,EAAE,KAAK,CAAC,CAAC;yBAC5D,cAAc,EAAE,CACxB,CAAC;oBAEF,OAAO,IAAI,CAAC;gBAChB,CAAC;gBACD,UAAU,CAAC,IAAI,EAAE,KAAK;oBAClB,IAAI,IAAI,CAAC,QAAQ;wBAAE,OAAO,KAAK,CAAC;oBAEhC,MAAM,KAAK,GAAG,QAAQ,CAAC,KAAK,CAAC,YAAY,CAAC,CAAC;oBAC3C,IAAI,CAAC,KAAK;wBAAE,OAAO,KAAK,CAAC;oBAEzB,MAAM,KAAK,GAAG,gBAAgB,CAAC,IAAI,CAAC,KAAK,CAAC,MAAM,EAAE,KAAK,CAAC,CAAC;oBAEzD,MAAM,OAAO,GACT,IAAI,CAAC,WAAW,CAAC,EAAC,IAAI,EAAE,KAAK,CAAC,OAAO,EAAE,GAAG,EAAE,KAAK,CAAC,OAAO,EAAC,CAAC,EAAE,GAAG,IAAI,CAAC,CAAC,CAAC;oBAC3E,IAAI,OAAO,KAAK,CAAC,CAAC;wBAAE,OAAO,KAAK,CAAC;oBAEjC,MAAM,WAAW,GAAG,IAAA,iCAAS,EAAC,IAAI,CAAC,KAAK,CAAC,GAAG,EAAE,OAAO,EAAE,KAAK,CAAC,CAAC;oBAC9D,IAAI,WAAW,KAAK,IAAI;wBAAE,OAAO,KAAK,CAAC;oBAEvC,IAAI,CAAC,QAAQ,CAAC,IAAI,CAAC,KAAK,CAAC,EAAE,CAAC,MAAM,CAAC,WAAW,EAAE,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC;oBAChE,OAAO,IAAI,CAAC;gBAChB,CAAC;aACJ;SACJ,CAAC,CAAC;IACP,CAAC,EAAE,OAAO,CAAC,QAAQ,CAAC,MAAM,CAAC,CAAC;AAChC,CAAC,CAAC;AArCW,QAAA,SAAS,aAqCpB;AAEF,SAAS,QAAQ,CAAC,YAAiC;IAC/C,IAAI,CAAC,YAAY,IAAI,CAAC,IAAA,mBAAW,EAAC,YAAY,CAAC;QAAE,OAAO,IAAI,CAAC;IAC7D,OAAO,KAAK,CAAC,IAAI,CAAC,YAAY,CAAC,KAAK,CAAC,CAAC;AAC1C,CAAC;AAED,SAAS,gBAAgB,CAAC,MAAc,EAAE,KAAa;IACnD,MAAM,KAAK,GAAW,EAAE,CAAC;IACzB,KAAK,MAAM,IAAI,IAAI,KAAK,EAAE,CAAC;QACvB,KAAK,CAAC,IAAI,CAAC,IAAA,YAAK,EAAC,MAAM,CAAC,CAAC,MAAM,CAAC,IAAI,EAAE,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC;IACnE,CAAC;IACD,OAAO,IAAI,yBAAK,CAAC,4BAAQ,CAAC,IAAI,CAAC,KAAK,CAAC,EAAE,CAAC,EAAE,CAAC,CAAC,CAAC;AACjD,CAAC","sourcesContent":["import {Fragment, Node, Schema, Slice} from 'prosemirror-model';\nimport {Plugin} from 'prosemirror-state';\nimport {dropPoint} from 'prosemirror-transform';\n\nimport type {ExtensionAuto} from '../../../core';\nimport {pType} from '../../../extensions/base';\nimport {isFilesOnly} from '../Clipboard/utils';\n\n// Custom handler of pasted (or dropped) files to prevent insert a file preview in base64-format into editor's content (or open file in browser)\nexport const FilePaste: ExtensionAuto = (builder) => {\n    builder.addPlugin(() => {\n        return new Plugin({\n            props: {\n                handlePaste(view, event) {\n                    const files = getFiles(event.clipboardData);\n                    if (!files) return false;\n\n                    view.dispatch(\n                        view.state.tr\n                            .replaceSelection(createFilesSlice(view.state.schema, files))\n                            .scrollIntoView(),\n                    );\n\n                    return true;\n                },\n                handleDrop(view, event) {\n                    if (view.dragging) return false;\n\n                    const files = getFiles(event.dataTransfer);\n                    if (!files) return false;\n\n                    const slice = createFilesSlice(view.state.schema, files);\n\n                    const dropPos =\n                        view.posAtCoords({left: event.clientX, top: event.clientY})?.pos ?? -1;\n                    if (dropPos === -1) return false;\n\n                    const posToInsert = dropPoint(view.state.doc, dropPos, slice);\n                    if (posToInsert === null) return false;\n\n                    view.dispatch(view.state.tr.insert(posToInsert, slice.content));\n                    return true;\n                },\n            },\n        });\n    }, builder.Priority.Lowest);\n};\n\nfunction getFiles(dataTransfer: DataTransfer | null) {\n    if (!dataTransfer || !isFilesOnly(dataTransfer)) return null;\n    return Array.from(dataTransfer.files);\n}\n\nfunction createFilesSlice(schema: Schema, files: File[]): Slice {\n    const nodes: Node[] = [];\n    for (const file of files) {\n        nodes.push(pType(schema).create(null, schema.text(file.name)));\n    }\n    return new Slice(Fragment.from(nodes), 0, 0);\n}\n"]}

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

@@ -1,10 +1,10 @@
 import { history } from 'prosemirror-history';
-import type { Action, ExtensionAuto } from '../../../core';
+import type { Action, ExtensionAuto } from "../../../core/index.js";
 declare enum HistoryAction {
     Undo = "undo",
     Redo = "redo"
 }
-export declare type HistoryOptions = {
+export type HistoryOptions = {
     config?: Parameters<typeof history>[0];
     undoKey?: string | null;
     redoKey?: string | null;

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

@@ -2,16 +2,16 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.History = void 0;
 const prosemirror_history_1 = require("prosemirror-history");
-const keymap_1 = require("../../../utils/keymap");
+const keymap_1 = require("../../../utils/keymap.js");
 var HistoryAction;
 (function (HistoryAction) {
     HistoryAction["Undo"] = "undo";
     HistoryAction["Redo"] = "redo";
 })(HistoryAction || (HistoryAction = {}));
 const History = (builder, opts) => {
-    builder.addPlugin(() => (0, prosemirror_history_1.history)(opts === null || opts === void 0 ? void 0 : opts.config));
+    builder.addPlugin(() => (0, prosemirror_history_1.history)(opts?.config));
     builder.addKeymap(() => {
-        const { undoKey, redoKey } = opts !== null && opts !== void 0 ? opts : {};
+        const { undoKey, redoKey } = opts ?? {};
         const bindings = {};
         if (undoKey)
             bindings[undoKey] = (0, keymap_1.withLogAction)('undo', prosemirror_history_1.undo);
@@ -30,3 +30,4 @@ function createHistoryAction(command) {
         run: command,
     });
 }
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"../../../../../src","sources":["extensions/behavior/History/index.ts"],"names":[],"mappings":";;;AAAA,6DAAwD;AAIxD,qDAAoD;AAEpD,IAAK,aAGJ;AAHD,WAAK,aAAa;IACd,8BAAa,CAAA;IACb,8BAAa,CAAA;AACjB,CAAC,EAHI,aAAa,KAAb,aAAa,QAGjB;AAQM,MAAM,OAAO,GAAkC,CAAC,OAAO,EAAE,IAAI,EAAE,EAAE;IACpE,OAAO,CAAC,SAAS,CAAC,GAAG,EAAE,CAAC,IAAA,6BAAO,EAAC,IAAI,EAAE,MAAM,CAAC,CAAC,CAAC;IAC/C,OAAO,CAAC,SAAS,CAAC,GAAG,EAAE;QACnB,MAAM,EAAC,OAAO,EAAE,OAAO,EAAC,GAAG,IAAI,IAAI,EAAE,CAAC;QACtC,MAAM,QAAQ,GAAW,EAAE,CAAC;QAC5B,IAAI,OAAO;YAAE,QAAQ,CAAC,OAAO,CAAC,GAAG,IAAA,sBAAa,EAAC,MAAM,EAAE,0BAAI,CAAC,CAAC;QAC7D,IAAI,OAAO;YAAE,QAAQ,CAAC,OAAO,CAAC,GAAG,IAAA,sBAAa,EAAC,MAAM,EAAE,0BAAI,CAAC,CAAC;QAC7D,OAAO,QAAQ,CAAC;IACpB,CAAC,CAAC,CAAC;IACH,OAAO;SACF,SAAS,CAAC,aAAa,CAAC,IAAI,EAAE,mBAAmB,CAAC,0BAAI,CAAC,CAAC;SACxD,SAAS,CAAC,aAAa,CAAC,IAAI,EAAE,mBAAmB,CAAC,0BAAI,CAAC,CAAC,CAAC;AAClE,CAAC,CAAC;AAZW,QAAA,OAAO,WAYlB;AAWF,SAAS,mBAAmB,CAAC,OAAgB;IACzC,OAAO,GAAe,EAAE,CAAC,CAAC;QACtB,QAAQ,EAAE,OAAO;QACjB,GAAG,EAAE,OAAO;KACf,CAAC,CAAC;AACP,CAAC","sourcesContent":["import {history, redo, undo} from 'prosemirror-history';\nimport type {Command} from 'prosemirror-state';\n\nimport type {Action, ActionSpec, ExtensionAuto, Keymap} from '../../../core';\nimport {withLogAction} from '../../../utils/keymap';\n\nenum HistoryAction {\n    Undo = 'undo',\n    Redo = 'redo',\n}\n\nexport type HistoryOptions = {\n    config?: Parameters<typeof history>[0];\n    undoKey?: string | null;\n    redoKey?: string | null;\n};\n\nexport const History: ExtensionAuto<HistoryOptions> = (builder, opts) => {\n    builder.addPlugin(() => history(opts?.config));\n    builder.addKeymap(() => {\n        const {undoKey, redoKey} = opts ?? {};\n        const bindings: Keymap = {};\n        if (undoKey) bindings[undoKey] = withLogAction('undo', undo);\n        if (redoKey) bindings[redoKey] = withLogAction('redo', redo);\n        return bindings;\n    });\n    builder\n        .addAction(HistoryAction.Undo, createHistoryAction(undo))\n        .addAction(HistoryAction.Redo, createHistoryAction(redo));\n};\n\ndeclare global {\n    namespace WysiwygEditor {\n        interface Actions {\n            [HistoryAction.Undo]: Action;\n            [HistoryAction.Redo]: Action;\n        }\n    }\n}\n\nfunction createHistoryAction(command: Command) {\n    return (): ActionSpec => ({\n        isEnable: command,\n        run: command,\n    });\n}\n"]}

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

@@ -1,8 +1,9 @@
 import type { Node } from 'prosemirror-model';
 import { PluginKey } from 'prosemirror-state';
 import { DecorationSet } from 'prosemirror-view';
-import type { ExtensionAuto } from '../../../core';
-import { PlaceholderOptions } from '../../../utils/placeholder';
+import type { ExtensionAuto } from "../../../core/index.js";
+import { PlaceholderOptions } from "../../../utils/placeholder.js";
+import "./index.css";
 export declare const createPlaceholder: (node: Node, parent: Node | null, focus?: boolean) => HTMLDivElement | null;
 export declare const Placeholder: ExtensionAuto<PlaceholderOptions>;
 declare module 'prosemirror-model' {

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

@@ -2,20 +2,21 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.Placeholder = exports.createPlaceholder = void 0;
 const prosemirror_state_1 = require("prosemirror-state");
+// @ts-ignore // TODO: fix cjs build
 const prosemirror_utils_1 = require("prosemirror-utils");
 const prosemirror_view_1 = require("prosemirror-view");
-const classname_1 = require("../../../classname");
-const lodash_1 = require("../../../lodash");
-const nodes_1 = require("../../../utils/nodes");
-const placeholder_1 = require("../../../utils/placeholder");
-const selection_1 = require("../../../utils/selection");
+const classname_1 = require("../../../classname.js");
+const lodash_1 = require("../../../lodash.js");
+const nodes_1 = require("../../../utils/nodes.js");
+const placeholder_1 = require("../../../utils/placeholder.js");
+const selection_1 = require("../../../utils/selection.js");
+require("./index.css");
 const getPlaceholderPluginKeys = (schema) => {
-    var _a;
     const pluginKeys = [];
     for (const node in schema.nodes) {
         if (schema.nodes[node]) {
             const spec = schema.nodes[node].spec;
-            if ((_a = spec.placeholder) === null || _a === void 0 ? void 0 : _a.customPlugin) {
+            if (spec.placeholder?.customPlugin) {
                 pluginKeys.push(spec.placeholder.customPlugin);
             }
         }
@@ -39,7 +40,7 @@ const createPlaceholder = (node, parent, focus) => {
 };
 exports.createPlaceholder = createPlaceholder;
 const placeholderNeeded = (node) => {
-    const childrenWithPlaceholderVisible = (0, prosemirror_utils_1.findChildren)(node, (n) => { var _a; return Boolean((_a = n.type.spec.placeholder) === null || _a === void 0 ? void 0 : _a.alwaysVisible); });
+    const childrenWithPlaceholderVisible = (0, prosemirror_utils_1.findChildren)(node, (n) => Boolean(n.type.spec.placeholder?.alwaysVisible));
     return ((0, nodes_1.isNodeEmpty)(node) &&
         // If there are child nodes with constant placeholder - give them the priority
         !childrenWithPlaceholderVisible.length);
@@ -81,8 +82,7 @@ const Placeholder = (builder, opts) => {
                 return attrs;
             },
             decorations(state) {
-                var _a;
-                return (_a = pluginKey.getState(state)) === null || _a === void 0 ? void 0 : _a.decorationSet;
+                return pluginKey.getState(state)?.decorationSet;
             },
         },
         state: {
@@ -93,15 +93,13 @@ const Placeholder = (builder, opts) => {
 };
 exports.Placeholder = Placeholder;
 function getPlaceholderWidgetSpecs(state) {
-    var _a;
     const globalState = { hasFocus: false };
     const widgetsMap = {};
     const { selection } = state;
-    const cursorPos = (0, selection_1.isTextSelection)(selection) ? (_a = selection.$cursor) === null || _a === void 0 ? void 0 : _a.pos : null;
+    const cursorPos = (0, selection_1.isTextSelection)(selection) ? selection.$cursor?.pos : null;
     getPlaceholderPluginKeys(state.schema).forEach((f) => {
-        var _a;
         // We use find because it can be used to iterate over the DecorationSet.
-        (_a = f.getState(state)) === null || _a === void 0 ? void 0 : _a.find(undefined, undefined, (spec) => {
+        f.getState(state)?.find(undefined, undefined, (spec) => {
             widgetsMap[spec.pos] = f;
             return false;
         });
@@ -117,7 +115,7 @@ function getPlaceholderWidgetSpecs(state) {
     const parentNode = (0, prosemirror_utils_1.findParentNodeClosestToPos)(state.selection.$from, (node) => {
         return Boolean(node.type.spec.placeholder);
     });
-    const placeholderSpec = parentNode === null || parentNode === void 0 ? void 0 : parentNode.node.type.spec.placeholder;
+    const placeholderSpec = parentNode?.node.type.spec.placeholder;
     // Draw placeholder if it needs to be draw in the place of cursor
     if (parentNode &&
         placeholderNeeded(parentNode.node) &&
@@ -159,3 +157,4 @@ function applyState(tr, oldPluginState, _oldState, newState) {
         newSet = newSet.add(tr.doc, newAddedDecorations.map((widget) => prosemirror_view_1.Decoration.widget(widget.pos, widget.toDOM, widget.spec)));
     return { decorationSet: newSet, hasFocus };
 }
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"../../../../../src","sources":["extensions/behavior/Placeholder/index.ts"],"names":[],"mappings":"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","sourcesContent":["import type {Node, Schema} from 'prosemirror-model';\nimport {EditorState, Plugin, PluginKey, Transaction} from 'prosemirror-state';\n// @ts-ignore // TODO: fix cjs build\nimport {findChildren, findParentNodeClosestToPos} from 'prosemirror-utils';\nimport {Decoration, DecorationSet} from 'prosemirror-view';\n\nimport {cn} from '../../../classname';\nimport type {ExtensionAuto} from '../../../core';\nimport {isEqual} from '../../../lodash';\nimport {isNodeEmpty} from '../../../utils/nodes';\nimport {PlaceholderOptions, getPlaceholderContent} from '../../../utils/placeholder';\nimport {isTextSelection} from '../../../utils/selection';\n\nimport './index.scss';\n\nconst getPlaceholderPluginKeys = (schema: Schema) => {\n    const pluginKeys = [];\n    for (const node in schema.nodes) {\n        if (schema.nodes[node]) {\n            const spec = schema.nodes[node].spec;\n            if (spec.placeholder?.customPlugin) {\n                pluginKeys.push(spec.placeholder.customPlugin);\n            }\n        }\n    }\n\n    return pluginKeys;\n};\n\nconst b = cn('placeholder');\n\nexport const createPlaceholder = (node: Node, parent: Node | null, focus?: boolean) => {\n    const content = getPlaceholderContent(node, parent);\n    if (!content) return null;\n\n    const placeholder = document.createElement('div');\n    placeholder.className = b({focus});\n\n    const placeholderCursor = document.createElement('span');\n    placeholderCursor.className = b('cursor');\n\n    const placeholderText = document.createElement('span');\n    placeholderText.className = b('text');\n    placeholderText.textContent = content;\n\n    placeholder.append(placeholderCursor, placeholderText);\n\n    return placeholder;\n};\n\nconst placeholderNeeded = (node: Node) => {\n    const childrenWithPlaceholderVisible = findChildren(node, (n: Node) =>\n        Boolean(n.type.spec.placeholder?.alwaysVisible),\n    );\n\n    return (\n        isNodeEmpty(node) &&\n        // If there are child nodes with constant placeholder - give them the priority\n        !childrenWithPlaceholderVisible.length\n    );\n};\n\nconst addDecoration = (\n    widgetsMap: WidgetsMap,\n    node: Node,\n    pos: number,\n    parent: Node | null,\n    cursorPos: number | null | undefined,\n    globalState: ApplyGlobalState,\n) => {\n    const placeholderSpec = node.type.spec.placeholder;\n    const decorationPosition = pos + node.childCount + 1;\n\n    // We do not add decoration if there is already a placeholder at this position\n    if (!placeholderSpec || widgetsMap[decorationPosition]) return;\n\n    if (placeholderSpec.customPlugin) {\n        widgetsMap[decorationPosition] = placeholderSpec.customPlugin;\n        return;\n    }\n\n    const focus = decorationPosition === cursorPos;\n\n    const placeholderDOM = createPlaceholder(node, parent, focus);\n    if (!placeholderDOM) return;\n\n    if (focus) globalState.hasFocus = true;\n\n    widgetsMap[decorationPosition] = {\n        pos: decorationPosition,\n        toDOM: placeholderDOM,\n        spec: {focus},\n    };\n};\n\ntype ApplyGlobalState = {hasFocus: boolean};\n\ntype DecoWidgetParameters = Parameters<typeof Decoration.widget>;\ntype WidgetSpec = {\n    pos: DecoWidgetParameters[0];\n    toDOM: DecoWidgetParameters[1];\n    spec?: DecoWidgetParameters[2];\n};\n\ntype PlaceholderPluginState = {decorationSet: DecorationSet; hasFocus: boolean};\n\ntype WidgetsMap = Record<number, WidgetSpec | PluginKey>;\n\nconst pluginKey = new PluginKey<PlaceholderPluginState>('placeholder_plugin');\n\nexport const Placeholder: ExtensionAuto<PlaceholderOptions> = (builder, opts) => {\n    builder.context.set('placeholder', opts);\n    builder.addPlugin(\n        () =>\n            new Plugin<PlaceholderPluginState>({\n                key: pluginKey,\n                props: {\n                    attributes(state) {\n                        const attrs: Record<string, string> = {};\n                        if (pluginKey.getState(state)!.hasFocus) {\n                            // hide native cursor\n                            attrs.class = 'g-md-editor-hidecursor';\n                        }\n                        return attrs;\n                    },\n                    decorations(state) {\n                        return pluginKey.getState(state)?.decorationSet;\n                    },\n                },\n                state: {\n                    init: (_config, state) => initState(state),\n                    apply: applyState,\n                },\n            }),\n        builder.Priority.VeryHigh,\n    );\n};\n\nfunction getPlaceholderWidgetSpecs(state: EditorState) {\n    const globalState: ApplyGlobalState = {hasFocus: false};\n    const widgetsMap: WidgetsMap = {};\n    const {selection} = state;\n    const cursorPos = isTextSelection(selection) ? selection.$cursor?.pos : null;\n\n    getPlaceholderPluginKeys(state.schema).forEach((f) => {\n        // We use find because it can be used to iterate over the DecorationSet.\n        f.getState(state)?.find(undefined, undefined, (spec) => {\n            widgetsMap[spec.pos] = f;\n            return false;\n        });\n    });\n\n    // Fraw placeholder for all nodes where placeholder is alwaysVisible\n    const decorate = (node: Node, pos: number, parent: Node | null) => {\n        const placeholderSpec = node.type.spec.placeholder;\n\n        if (placeholderSpec && placeholderSpec.alwaysVisible && placeholderNeeded(node)) {\n            addDecoration(widgetsMap, node, pos, parent, cursorPos, globalState);\n        }\n    };\n\n    state.doc.descendants(decorate);\n\n    const parentNode = findParentNodeClosestToPos(state.selection.$from, (node: Node) => {\n        return Boolean(node.type.spec.placeholder);\n    });\n\n    const placeholderSpec = parentNode?.node.type.spec.placeholder;\n\n    // Draw placeholder if it needs to be draw in the place of cursor\n    if (\n        parentNode &&\n        placeholderNeeded(parentNode.node) &&\n        placeholderSpec &&\n        !placeholderSpec.alwaysVisible\n    ) {\n        const {node, pos, depth} = parentNode;\n        const parent = depth > 0 ? state.selection.$from.node(depth - 1) : null;\n        addDecoration(widgetsMap, node, pos, parent, cursorPos, globalState);\n    }\n\n    const widgetSpecs = Object.values(widgetsMap).filter(\n        (decoration) => !(decoration instanceof PluginKey),\n    ) as WidgetSpec[];\n\n    return {widgetSpecs, hasFocus: globalState.hasFocus};\n}\n\nfunction initState(state: EditorState): PlaceholderPluginState {\n    const {widgetSpecs, hasFocus} = getPlaceholderWidgetSpecs(state);\n    const decorationSet = DecorationSet.create(\n        state.doc,\n        widgetSpecs.map((widget) => Decoration.widget(widget.pos, widget.toDOM, widget.spec)),\n    );\n\n    return {decorationSet, hasFocus};\n}\n\nfunction applyState(\n    tr: Transaction,\n    oldPluginState: PlaceholderPluginState,\n    _oldState: EditorState,\n    newState: EditorState,\n): PlaceholderPluginState {\n    const {widgetSpecs, hasFocus} = getPlaceholderWidgetSpecs(newState);\n    const {decorationSet} = oldPluginState;\n    const oldMappedSet = decorationSet.map(tr.mapping, tr.doc);\n\n    // Find all decorations that are present in old and new set\n    const decorationsThatDidNotChange = widgetSpecs.reduce((a: Decoration[], {pos, spec}) => {\n        const deco = oldMappedSet.find(pos, pos);\n        if (deco.length && isEqual(deco[0].spec, spec)) a.push(...deco);\n        return a;\n    }, []);\n\n    // Those are decorations that are presenr only in new set\n    const newAddedDecorations = widgetSpecs.filter(\n        ({pos}) => !decorationsThatDidNotChange.map(({from}) => from).includes(pos),\n    );\n\n    // That is a set with decorations that are present in old set and absent in new set\n    const notRelevantDecorations = oldMappedSet.remove(decorationsThatDidNotChange);\n    let newSet = oldMappedSet;\n    // Remove decorations that are not present in new set\n    if (notRelevantDecorations.find().length) newSet = newSet.remove(notRelevantDecorations.find());\n    // Add new decorations\n    if (newAddedDecorations.length)\n        newSet = newSet.add(\n            tr.doc,\n            newAddedDecorations.map((widget) =>\n                Decoration.widget(widget.pos, widget.toDOM, widget.spec),\n            ),\n        );\n\n    return {decorationSet: newSet, hasFocus};\n}\n\ndeclare module 'prosemirror-model' {\n    interface NodeSpec {\n        placeholder?: {\n            content: string | ((node: Node, parent?: Node | null) => string | null);\n            customPlugin?: PluginKey<DecorationSet>;\n            alwaysVisible?: boolean;\n        };\n    }\n}\n\ndeclare global {\n    namespace WysiwygEditor {\n        interface Context {\n            placeholder: PlaceholderOptions;\n        }\n    }\n}\n"]}

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

@@ -1,13 +1,12 @@
-/// <reference types="react" />
 import { EditorState } from 'prosemirror-state';
-import type { ExtensionAuto } from '../../../core';
-import { EventEmitter } from '../../../utils/event-emitter';
-import { RenderStorage, RenderStorageEventMap, RenderStorageItem, Renderer, RendererItem } from './types';
-export type { RendererItem, RenderStorage } from './types';
-export { Renderer as ReactRendererComponent } from './react';
-export type { RendererProps as ReactRendererComponentProps } from './react';
+import type { ExtensionAuto } from "../../../core/index.js";
+import { EventEmitter } from "../../../utils/event-emitter.js";
+import { RenderStorage, RenderStorageEventMap, RenderStorageItem, Renderer, RendererItem } from "./types.js";
+export type { RendererItem, RenderStorage } from "./types.js";
+export { Renderer as ReactRendererComponent } from "./react.js";
+export type { RendererProps as ReactRendererComponentProps } from "./react.js";
 export declare function getReactRendererFromState(state: EditorState): ReactRenderer;
-export declare type ReactRenderer = Renderer<React.ReactNode>;
+export type ReactRenderer = Renderer<React.ReactNode>;
 export declare const ReactRendererExtension: ExtensionAuto<ReactRenderer>;
 declare global {
     namespace WysiwygEditor {
@@ -16,7 +15,7 @@ declare global {
         }
     }
 }
-declare type RenderFn = () => React.ReactNode;
+type RenderFn = () => React.ReactNode;
 export declare class ReactRenderStorage extends EventEmitter<RenderStorageEventMap> implements ReactRenderer, RenderStorage<React.ReactNode> {
     #private;
     private static Item;

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