@gravity-ui/markdown-editor 14.11.2 → 14.12.1

package/build/cjs/bundle/MarkupEditorView.js

@@ -1,17 +1,18 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.MarkupEditorView = void 0;
-const tslib_1 = require("tslib");
-const react_1 = tslib_1.__importDefault(require("react"));
-const classname_1 = require("../classname");
-const extensions_1 = require("../extensions");
-const logger_1 = require("../logger");
-const hooks_1 = require("../react-utils/hooks");
-const MarkupEditorComponent_1 = require("./MarkupEditorComponent");
-const ToolbarView_1 = require("./ToolbarView");
-const context_1 = require("./toolbar/markup/context");
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = require("react");
+const classname_1 = require("../classname.js");
+const extensions_1 = require("../extensions/index.js");
+const logger_1 = require("../logger.js");
+const hooks_1 = require("../react-utils/hooks.js");
+const MarkupEditorComponent_1 = require("./MarkupEditorComponent.js");
+const ToolbarView_1 = require("./ToolbarView.js");
+const context_1 = require("./toolbar/markup/context.js");
+require("./MarkupEditorView.css");
 const b = (0, classname_1.cn)('markup-editor');
-exports.MarkupEditorView = react_1.default.memo((props) => {
+exports.MarkupEditorView = (0, react_1.memo)((props) => {
     const { editor, autofocus, settingsVisible, toolbarVisible, toolbarConfig, hiddenActionsConfig, className, toolbarClassName, children, stickyToolbar = true, } = props;
     (0, hooks_1.useRenderTime)((time) => {
         logger_1.logger.metrics({
@@ -20,13 +21,10 @@ exports.MarkupEditorView = react_1.default.memo((props) => {
             duration: time,
         });
     });
-    return (react_1.default.createElement("div", { className: b({ toolbar: toolbarVisible }, [className]) },
-        toolbarVisible ? (react_1.default.createElement(context_1.MarkupToolbarContextProvider, { value: {
-                uploadHandler: editor.fileUploadHandler,
-                needToSetDimensionsForUploadedImages: editor.needToSetDimensionsForUploadedImages,
-            } },
-            react_1.default.createElement(ToolbarView_1.ToolbarView, { editor: editor, editorMode: "markup", toolbarEditor: editor, hiddenActionsConfig: hiddenActionsConfig, stickyToolbar: stickyToolbar, toolbarConfig: toolbarConfig, toolbarFocus: () => editor.focus(), settingsVisible: settingsVisible, className: b('toolbar', [toolbarClassName]) }, children))) : null,
-        react_1.default.createElement(MarkupEditorComponent_1.MarkupEditorComponent, { autofocus: autofocus, editor: editor, className: b('editor', { 'toolbar-visible': toolbarVisible }) },
-            react_1.default.createElement(extensions_1.ReactRendererComponent, { storage: editor.renderStorage }))));
+    return ((0, jsx_runtime_1.jsxs)("div", { className: b({ toolbar: toolbarVisible }, [className]), children: [toolbarVisible ? ((0, jsx_runtime_1.jsx)(context_1.MarkupToolbarContextProvider, { value: {
+                    uploadHandler: editor.fileUploadHandler,
+                    needToSetDimensionsForUploadedImages: editor.needToSetDimensionsForUploadedImages,
+                }, children: (0, jsx_runtime_1.jsx)(ToolbarView_1.ToolbarView, { editor: editor, editorMode: "markup", toolbarEditor: editor, hiddenActionsConfig: hiddenActionsConfig, stickyToolbar: stickyToolbar, toolbarConfig: toolbarConfig, toolbarFocus: () => editor.focus(), settingsVisible: settingsVisible, className: b('toolbar', [toolbarClassName]), children: children }) })) : null, (0, jsx_runtime_1.jsx)(MarkupEditorComponent_1.MarkupEditorComponent, { autofocus: autofocus, editor: editor, className: b('editor', { 'toolbar-visible': toolbarVisible }), children: (0, jsx_runtime_1.jsx)(extensions_1.ReactRendererComponent, { storage: editor.renderStorage }) })] }));
 });
 exports.MarkupEditorView.displayName = 'MarkdownMarkupEditorView';
+//# sourceMappingURL=MarkupEditorView.js.map

package/build/cjs/bundle/MarkupEditorView.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MarkupEditorView.js","sourceRoot":"../../../src","sources":["bundle/MarkupEditorView.tsx"],"names":[],"mappings":";;;;AAAA,iCAA2B;AAE3B,+CAAqD;AACrD,uDAAqD;AACrD,yCAAiC;AACjC,mDAAmD;AAGnD,sEAA8D;AAC9D,kDAA0C;AAC1C,yDAAsE;AAItE,kCAAiC;AAEjC,MAAM,CAAC,GAAG,IAAA,cAAE,EAAC,eAAe,CAAC,CAAC;AAgBjB,QAAA,gBAAgB,GAAG,IAAA,YAAI,EAAwB,CAAC,KAAK,EAAE,EAAE;IAClE,MAAM,EACF,MAAM,EACN,SAAS,EACT,eAAe,EACf,cAAc,EACd,aAAa,EACb,mBAAmB,EACnB,SAAS,EACT,gBAAgB,EAChB,QAAQ,EACR,aAAa,GAAG,IAAI,GACvB,GAAG,KAAK,CAAC;IACV,IAAA,qBAAa,EAAC,CAAC,IAAI,EAAE,EAAE;QACnB,eAAM,CAAC,OAAO,CAAC;YACX,SAAS,EAAE,eAAe;YAC1B,KAAK,EAAE,QAAQ;YACf,QAAQ,EAAE,IAAI;SACjB,CAAC,CAAC;IACP,CAAC,CAAC,CAAC;IAEH,OAAO,CACH,iCAAK,SAAS,EAAE,CAAC,CAAC,EAAC,OAAO,EAAE,cAAc,EAAC,EAAE,CAAC,SAAS,CAAC,CAAC,aACpD,cAAc,CAAC,CAAC,CAAC,CACd,uBAAC,sCAA4B,IACzB,KAAK,EAAE;oBACH,aAAa,EAAE,MAAM,CAAC,iBAAiB;oBACvC,oCAAoC,EAChC,MAAM,CAAC,oCAAoC;iBAClD,YAED,uBAAC,yBAAW,IACR,MAAM,EAAE,MAAM,EACd,UAAU,EAAC,QAAQ,EACnB,aAAa,EAAE,MAAM,EACrB,mBAAmB,EAAE,mBAAmB,EACxC,aAAa,EAAE,aAAa,EAC5B,aAAa,EAAE,aAAa,EAC5B,YAAY,EAAE,GAAG,EAAE,CAAC,MAAM,CAAC,KAAK,EAAE,EAClC,eAAe,EAAE,eAAe,EAChC,SAAS,EAAE,CAAC,CAAC,SAAS,EAAE,CAAC,gBAAgB,CAAC,CAAC,YAE1C,QAAQ,GACC,GACa,CAClC,CAAC,CAAC,CAAC,IAAI,EACR,uBAAC,6CAAqB,IAClB,SAAS,EAAE,SAAS,EACpB,MAAM,EAAE,MAAM,EACd,SAAS,EAAE,CAAC,CAAC,QAAQ,EAAE,EAAC,iBAAiB,EAAE,cAAc,EAAC,CAAC,YAE3D,uBAAC,mCAAsB,IAAC,OAAO,EAAE,MAAM,CAAC,aAAa,GAAI,GACrC,IACtB,CACT,CAAC;AACN,CAAC,CAAC,CAAC;AACH,wBAAgB,CAAC,WAAW,GAAG,0BAA0B,CAAC","sourcesContent":["import {memo} from 'react';\n\nimport {type ClassNameProps, cn} from '../classname';\nimport {ReactRendererComponent} from '../extensions';\nimport {logger} from '../logger';\nimport {useRenderTime} from '../react-utils/hooks';\n\nimport type {EditorInt} from './Editor';\nimport {MarkupEditorComponent} from './MarkupEditorComponent';\nimport {ToolbarView} from './ToolbarView';\nimport {MarkupToolbarContextProvider} from './toolbar/markup/context';\nimport type {MToolbarData, MToolbarItemData} from './toolbar/types';\nimport type {MarkdownEditorSplitMode} from './types';\n\nimport './MarkupEditorView.scss';\n\nconst b = cn('markup-editor');\n\nexport type MarkupEditorViewProps = ClassNameProps & {\n    editor: EditorInt;\n    autofocus?: boolean;\n    toolbarConfig: MToolbarData;\n    settingsVisible?: boolean;\n    toolbarVisible?: boolean;\n    stickyToolbar?: boolean;\n    toolbarClassName?: string;\n    splitMode?: MarkdownEditorSplitMode;\n    splitModeEnabled: boolean;\n    hiddenActionsConfig?: MToolbarItemData[];\n    children?: React.ReactNode;\n};\n\nexport const MarkupEditorView = memo<MarkupEditorViewProps>((props) => {\n    const {\n        editor,\n        autofocus,\n        settingsVisible,\n        toolbarVisible,\n        toolbarConfig,\n        hiddenActionsConfig,\n        className,\n        toolbarClassName,\n        children,\n        stickyToolbar = true,\n    } = props;\n    useRenderTime((time) => {\n        logger.metrics({\n            component: 'markup-editor',\n            event: 'render',\n            duration: time,\n        });\n    });\n\n    return (\n        <div className={b({toolbar: toolbarVisible}, [className])}>\n            {toolbarVisible ? (\n                <MarkupToolbarContextProvider\n                    value={{\n                        uploadHandler: editor.fileUploadHandler,\n                        needToSetDimensionsForUploadedImages:\n                            editor.needToSetDimensionsForUploadedImages,\n                    }}\n                >\n                    <ToolbarView\n                        editor={editor}\n                        editorMode=\"markup\"\n                        toolbarEditor={editor}\n                        hiddenActionsConfig={hiddenActionsConfig}\n                        stickyToolbar={stickyToolbar}\n                        toolbarConfig={toolbarConfig}\n                        toolbarFocus={() => editor.focus()}\n                        settingsVisible={settingsVisible}\n                        className={b('toolbar', [toolbarClassName])}\n                    >\n                        {children}\n                    </ToolbarView>\n                </MarkupToolbarContextProvider>\n            ) : null}\n            <MarkupEditorComponent\n                autofocus={autofocus}\n                editor={editor}\n                className={b('editor', {'toolbar-visible': toolbarVisible})}\n            >\n                <ReactRendererComponent storage={editor.renderStorage} />\n            </MarkupEditorComponent>\n        </div>\n    );\n});\nMarkupEditorView.displayName = 'MarkdownMarkupEditorView';\n"]}

package/build/cjs/bundle/MarkupManager.d.ts

@@ -0,0 +1,54 @@
+import { Node } from 'prosemirror-model';
+import { SafeEventEmitter } from "../utils/index.js";
+export interface IMarkupManager {
+    setMarkup(id: string, rawMarkup: string): void;
+    setNode(id: string, node: Node): void;
+    getMarkup(id: string): string | null;
+    getNode(id: string): Node | null;
+    reset(): void;
+    on<K extends keyof Events>(event: K, listener: (value: Events[K]) => void): void;
+}
+export interface Logger {
+    log(message: string): void;
+    error(message: string): void;
+}
+interface Events {
+    markupChanged: {
+        id: string;
+        rawMarkup: string;
+    };
+    nodeChanged: {
+        id: string;
+        node: Node;
+    };
+    reset: {};
+}
+export declare class MarkupManager extends SafeEventEmitter<Events> implements IMarkupManager {
+    private _markups;
+    private _nodes;
+    private _namespace;
+    private readonly logger?;
+    constructor(logger?: Logger);
+    /**
+     * Set raw markup for a specific id
+     */
+    setMarkup(id: string, rawMarkup: string): void;
+    /**
+     * Set a node for a specific id
+     */
+    setNode(id: string, node: Node): void;
+    /**
+     * Get raw markup for a specific id
+     */
+    getMarkup(id: string): string | null;
+    /**
+     * Get a node for a specific id
+     */
+    getNode(id: string): Node | null;
+    getNamespace(): string;
+    /**
+     * Reset the stored markups and nodes
+     */
+    reset(): void;
+}
+export {};

package/build/cjs/bundle/MarkupManager.js

@@ -0,0 +1,66 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.MarkupManager = void 0;
+const uuid_1 = require("uuid");
+const utils_1 = require("../utils/index.js");
+class MarkupManager extends utils_1.SafeEventEmitter {
+    _markups = new Map();
+    _nodes = new Map();
+    _namespace;
+    logger;
+    constructor(logger) {
+        super();
+        this.logger = logger;
+        this._namespace = (0, uuid_1.v4)();
+    }
+    /**
+     * Set raw markup for a specific id
+     */
+    setMarkup(id, rawMarkup) {
+        if (typeof rawMarkup !== 'string') {
+            this.logger?.error('[MarkupManager] rawMarkup must be a string');
+            return;
+        }
+        this._markups.set(id, rawMarkup);
+        this.emit('markupChanged', { id, rawMarkup });
+        this.logger?.log(`[MarkupManager] Raw markup for ID ${id} set successfully`);
+    }
+    /**
+     * Set a node for a specific id
+     */
+    setNode(id, node) {
+        if (!node) {
+            this.logger?.error('[MarkupManager] Node must be a valid ProseMirror Node');
+            return;
+        }
+        this._nodes.set(id, node);
+        this.emit('nodeChanged', { id, node });
+        this.logger?.log(`[MarkupManager] Node for ID ${id} set successfully`);
+    }
+    /**
+     * Get raw markup for a specific id
+     */
+    getMarkup(id) {
+        return this._markups.get(id) ?? null;
+    }
+    /**
+     * Get a node for a specific id
+     */
+    getNode(id) {
+        return this._nodes.get(id) ?? null;
+    }
+    getNamespace() {
+        return this._namespace;
+    }
+    /**
+     * Reset the stored markups and nodes
+     */
+    reset() {
+        this._markups.clear();
+        this._nodes.clear();
+        this.emit('reset', {});
+        this.logger?.log('[MarkupManager] MarkupManager has been reset');
+    }
+}
+exports.MarkupManager = MarkupManager;
+//# sourceMappingURL=MarkupManager.js.map

package/build/cjs/bundle/MarkupManager.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MarkupManager.js","sourceRoot":"../../../src","sources":["bundle/MarkupManager.ts"],"names":[],"mappings":";;;AACA,+BAAwB;AAExB,6CAA0C;AAsB1C,MAAa,aAAc,SAAQ,wBAAwB;IAC/C,QAAQ,GAAwB,IAAI,GAAG,EAAE,CAAC;IAC1C,MAAM,GAAsB,IAAI,GAAG,EAAE,CAAC;IACtC,UAAU,CAAS;IAEV,MAAM,CAAU;IAEjC,YAAY,MAAe;QACvB,KAAK,EAAE,CAAC;QACR,IAAI,CAAC,MAAM,GAAG,MAAM,CAAC;QACrB,IAAI,CAAC,UAAU,GAAG,IAAA,SAAE,GAAE,CAAC;IAC3B,CAAC;IAED;;OAEG;IACH,SAAS,CAAC,EAAU,EAAE,SAAiB;QACnC,IAAI,OAAO,SAAS,KAAK,QAAQ,EAAE,CAAC;YAChC,IAAI,CAAC,MAAM,EAAE,KAAK,CAAC,4CAA4C,CAAC,CAAC;YACjE,OAAO;QACX,CAAC;QACD,IAAI,CAAC,QAAQ,CAAC,GAAG,CAAC,EAAE,EAAE,SAAS,CAAC,CAAC;QAEjC,IAAI,CAAC,IAAI,CAAC,eAAe,EAAE,EAAC,EAAE,EAAE,SAAS,EAAC,CAAC,CAAC;QAC5C,IAAI,CAAC,MAAM,EAAE,GAAG,CAAC,qCAAqC,EAAE,mBAAmB,CAAC,CAAC;IACjF,CAAC;IAED;;OAEG;IACH,OAAO,CAAC,EAAU,EAAE,IAAU;QAC1B,IAAI,CAAC,IAAI,EAAE,CAAC;YACR,IAAI,CAAC,MAAM,EAAE,KAAK,CAAC,uDAAuD,CAAC,CAAC;YAC5E,OAAO;QACX,CAAC;QACD,IAAI,CAAC,MAAM,CAAC,GAAG,CAAC,EAAE,EAAE,IAAI,CAAC,CAAC;QAE1B,IAAI,CAAC,IAAI,CAAC,aAAa,EAAE,EAAC,EAAE,EAAE,IAAI,EAAC,CAAC,CAAC;QACrC,IAAI,CAAC,MAAM,EAAE,GAAG,CAAC,+BAA+B,EAAE,mBAAmB,CAAC,CAAC;IAC3E,CAAC;IAED;;OAEG;IACH,SAAS,CAAC,EAAU;QAChB,OAAO,IAAI,CAAC,QAAQ,CAAC,GAAG,CAAC,EAAE,CAAC,IAAI,IAAI,CAAC;IACzC,CAAC;IAED;;OAEG;IACH,OAAO,CAAC,EAAU;QACd,OAAO,IAAI,CAAC,MAAM,CAAC,GAAG,CAAC,EAAE,CAAC,IAAI,IAAI,CAAC;IACvC,CAAC;IAED,YAAY;QACR,OAAO,IAAI,CAAC,UAAU,CAAC;IAC3B,CAAC;IAED;;OAEG;IACH,KAAK;QACD,IAAI,CAAC,QAAQ,CAAC,KAAK,EAAE,CAAC;QACtB,IAAI,CAAC,MAAM,CAAC,KAAK,EAAE,CAAC;QAEpB,IAAI,CAAC,IAAI,CAAC,OAAO,EAAE,EAAE,CAAC,CAAC;QACvB,IAAI,CAAC,MAAM,EAAE,GAAG,CAAC,8CAA8C,CAAC,CAAC;IACrE,CAAC;CACJ;AArED,sCAqEC","sourcesContent":["import {Node} from 'prosemirror-model';\nimport {v4} from 'uuid';\n\nimport {SafeEventEmitter} from '../utils';\n\nexport interface IMarkupManager {\n    setMarkup(id: string, rawMarkup: string): void;\n    setNode(id: string, node: Node): void;\n    getMarkup(id: string): string | null;\n    getNode(id: string): Node | null;\n    reset(): void;\n    on<K extends keyof Events>(event: K, listener: (value: Events[K]) => void): void;\n}\n\nexport interface Logger {\n    log(message: string): void;\n    error(message: string): void;\n}\n\ninterface Events {\n    markupChanged: {id: string; rawMarkup: string};\n    nodeChanged: {id: string; node: Node};\n    reset: {};\n}\n\nexport class MarkupManager extends SafeEventEmitter<Events> implements IMarkupManager {\n    private _markups: Map<string, string> = new Map();\n    private _nodes: Map<string, Node> = new Map();\n    private _namespace: string;\n\n    private readonly logger?: Logger;\n\n    constructor(logger?: Logger) {\n        super();\n        this.logger = logger;\n        this._namespace = v4();\n    }\n\n    /**\n     * Set raw markup for a specific id\n     */\n    setMarkup(id: string, rawMarkup: string): void {\n        if (typeof rawMarkup !== 'string') {\n            this.logger?.error('[MarkupManager] rawMarkup must be a string');\n            return;\n        }\n        this._markups.set(id, rawMarkup);\n\n        this.emit('markupChanged', {id, rawMarkup});\n        this.logger?.log(`[MarkupManager] Raw markup for ID ${id} set successfully`);\n    }\n\n    /**\n     * Set a node for a specific id\n     */\n    setNode(id: string, node: Node): void {\n        if (!node) {\n            this.logger?.error('[MarkupManager] Node must be a valid ProseMirror Node');\n            return;\n        }\n        this._nodes.set(id, node);\n\n        this.emit('nodeChanged', {id, node});\n        this.logger?.log(`[MarkupManager] Node for ID ${id} set successfully`);\n    }\n\n    /**\n     * Get raw markup for a specific id\n     */\n    getMarkup(id: string): string | null {\n        return this._markups.get(id) ?? null;\n    }\n\n    /**\n     * Get a node for a specific id\n     */\n    getNode(id: string): Node | null {\n        return this._nodes.get(id) ?? null;\n    }\n\n    getNamespace(): string {\n        return this._namespace;\n    }\n\n    /**\n     * Reset the stored markups and nodes\n     */\n    reset(): void {\n        this._markups.clear();\n        this._nodes.clear();\n\n        this.emit('reset', {});\n        this.logger?.log('[MarkupManager] MarkupManager has been reset');\n    }\n}\n"]}

package/build/cjs/bundle/SplitModeView.d.ts

@@ -1,7 +1,6 @@
-import React from 'react';
-import type { EditorInt } from './Editor';
-export declare type SplitModeProps = {
+import type { EditorInt } from "./Editor.js";
+export type SplitModeProps = {
     editor: EditorInt;
 };
-declare const SplitModeView: React.ForwardRefExoticComponent<SplitModeProps & React.RefAttributes<HTMLDivElement>>;
+declare const SplitModeView: import("react").ForwardRefExoticComponent<SplitModeProps & import("react").RefAttributes<HTMLDivElement>>;
 export { SplitModeView };

package/build/cjs/bundle/SplitModeView.js

@@ -1,17 +1,16 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.SplitModeView = 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 icons_1 = require("@gravity-ui/icons");
 const uikit_1 = require("@gravity-ui/uikit");
-const classname_1 = require("../classname");
-const bundle_1 = require("../i18n/bundle");
-const lodash_1 = require("../lodash");
-const sync_scroll_1 = require("../utils/sync-scroll");
+const classname_1 = require("../classname.js");
+const bundle_1 = require("../i18n/bundle/index.js");
+const lodash_1 = require("../lodash.js");
+const sync_scroll_1 = require("../utils/sync-scroll.js");
 const b = (0, classname_1.cn)('markup-preview');
-const SplitModeView = react_1.default.forwardRef(({ editor }, ref) => {
-    var _a;
+const SplitModeView = (0, react_1.forwardRef)(({ editor }, ref) => {
     const cm = editor.cm;
     const [, forceUpdate] = (0, react_1.useReducer)((x) => x + 1, 0);
     const outerRef = (0, react_1.useRef)(null);
@@ -21,7 +20,7 @@ const SplitModeView = react_1.default.forwardRef(({ editor }, ref) => {
             return;
         const els = Array.from(outerRef.current.querySelectorAll('.line'));
         lineElements.current = els
-            .filter((el) => { var _a; return el instanceof HTMLElement && ((_a = el.parentElement) === null || _a === void 0 ? void 0 : _a.offsetHeight) !== 0; })
+            .filter((el) => el instanceof HTMLElement && el.parentElement?.offsetHeight !== 0)
             .map((el) => ({
             el: el,
             line: Number(el.getAttribute('data-line')),
@@ -55,25 +54,24 @@ const SplitModeView = react_1.default.forwardRef(({ editor }, ref) => {
         const outer = outerRef.current;
         editor.on('change', forceUpdate);
         editor.on('cm-scroll', handleEditorScroll);
-        outer === null || outer === void 0 ? void 0 : outer.addEventListener('scroll', handlePreviewScroll);
+        outer?.addEventListener('scroll', handlePreviewScroll);
         editor.cm.requestMeasure();
         return () => {
             editor.off('change', forceUpdate);
             editor.off('cm-scroll', handleEditorScroll);
-            outer === null || outer === void 0 ? void 0 : outer.removeEventListener('scroll', handlePreviewScroll);
+            outer?.removeEventListener('scroll', handlePreviewScroll);
         };
     }, [editor, handleEditorScroll, handlePreviewScroll]);
     (0, react_1.useImperativeHandle)(ref, () => outerRef.current);
-    return (react_1.default.createElement("div", { className: b('outer', {
+    return ((0, jsx_runtime_1.jsxs)("div", { className: b('outer', {
             vertical: editor.splitMode === 'vertical',
-        }), ref: outerRef },
-        react_1.default.createElement(uikit_1.Label, { icon: react_1.default.createElement(icons_1.Eye, null), className: b('preview-sign'), size: 'm' }, (0, bundle_1.i18n)('split-mode-text')), (_a = editor.renderPreview) === null || _a === void 0 ? void 0 :
-        _a.call(editor, {
-            getValue: editor.getValue,
-            mode: 'split',
-            md: editor.mdOptions,
-            directiveSyntax: editor.directiveSyntax,
-        })));
+        }), ref: outerRef, children: [(0, jsx_runtime_1.jsx)(uikit_1.Label, { icon: (0, jsx_runtime_1.jsx)(icons_1.Eye, {}), className: b('preview-sign'), size: 'm', children: (0, bundle_1.i18n)('split-mode-text') }), editor.renderPreview?.({
+                getValue: editor.getValue,
+                mode: 'split',
+                md: editor.mdOptions,
+                directiveSyntax: editor.directiveSyntax,
+            })] }));
 });
 exports.SplitModeView = SplitModeView;
 SplitModeView.displayName = 'SplitModeView';
+//# sourceMappingURL=SplitModeView.js.map

package/build/cjs/bundle/SplitModeView.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SplitModeView.js","sourceRoot":"../../../src","sources":["bundle/SplitModeView.tsx"],"names":[],"mappings":"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","sourcesContent":["import {forwardRef, useEffect, useImperativeHandle, useMemo, useReducer, useRef} from 'react';\n\nimport {Eye} from '@gravity-ui/icons';\nimport {Label} from '@gravity-ui/uikit';\n\nimport {cn} from '../classname';\nimport {i18n} from '../i18n/bundle';\nimport {throttle} from '../lodash';\nimport {\n    CodeLineElement,\n    getEditorLineNumberForOffset,\n    scrollToRevealSourceLine,\n} from '../utils/sync-scroll';\n\nimport type {EditorInt} from './Editor';\n\nconst b = cn('markup-preview');\n\nexport type SplitModeProps = {\n    editor: EditorInt;\n};\n\nconst SplitModeView = forwardRef<HTMLDivElement, SplitModeProps>(({editor}, ref) => {\n    const cm = editor.cm;\n\n    const [, forceUpdate] = useReducer((x) => x + 1, 0);\n    const outerRef = useRef<HTMLDivElement>(null);\n    const lineElements = useRef<CodeLineElement[]>([]);\n\n    const updateLineElements = () => {\n        if (!outerRef.current) return;\n\n        const els = Array.from(outerRef.current.querySelectorAll('.line'));\n        lineElements.current = els\n            .filter((el) => el instanceof HTMLElement && el.parentElement?.offsetHeight !== 0)\n            .map((el) => ({\n                el: el as HTMLElement,\n                line: Number(el.getAttribute('data-line')),\n            }));\n    };\n\n    const handleEditorScroll = useMemo(\n        () =>\n            throttle(() => {\n                if (!outerRef.current) return;\n                if (!cm.dom.matches(':hover')) return;\n\n                const {range} = cm.scrollSnapshot().value;\n                const line = cm.state.doc.lineAt(range.from).number - 1;\n\n                updateLineElements();\n                scrollToRevealSourceLine(line, lineElements.current, outerRef);\n            }, 30),\n        [cm],\n    );\n\n    const handlePreviewScroll = useMemo(\n        () =>\n            throttle(() => {\n                if (!outerRef.current) return;\n                if (!outerRef.current.matches(':hover')) return;\n\n                updateLineElements();\n                let lineNumber = getEditorLineNumberForOffset(\n                    outerRef.current.scrollTop,\n                    lineElements.current,\n                    outerRef,\n                );\n\n                if (lineNumber === null || isNaN(lineNumber)) return;\n                lineNumber = Math.max(Math.floor(lineNumber), 0) + 1;\n\n                const line = cm.state.doc.line(lineNumber);\n                const {top} = cm.lineBlockAt(line.from);\n                cm.scrollDOM.scrollTo({top});\n            }, 30),\n        [cm],\n    );\n\n    useEffect(() => {\n        const outer = outerRef.current;\n\n        editor.on('change', forceUpdate);\n        editor.on('cm-scroll', handleEditorScroll);\n\n        outer?.addEventListener('scroll', handlePreviewScroll);\n\n        editor.cm.requestMeasure();\n\n        return () => {\n            editor.off('change', forceUpdate);\n            editor.off('cm-scroll', handleEditorScroll);\n            outer?.removeEventListener('scroll', handlePreviewScroll);\n        };\n    }, [editor, handleEditorScroll, handlePreviewScroll]);\n\n    useImperativeHandle(ref, () => outerRef.current as HTMLDivElement);\n\n    return (\n        <div\n            className={b('outer', {\n                vertical: editor.splitMode === 'vertical',\n            })}\n            ref={outerRef}\n        >\n            <Label icon={<Eye />} className={b('preview-sign')} size={'m'}>\n                {i18n('split-mode-text')}\n            </Label>\n            {editor.renderPreview?.({\n                getValue: editor.getValue,\n                mode: 'split',\n                md: editor.mdOptions,\n                directiveSyntax: editor.directiveSyntax,\n            })}\n        </div>\n    );\n});\nSplitModeView.displayName = 'SplitModeView';\nexport {SplitModeView};\n"]}

package/build/cjs/bundle/ToolbarView.d.ts

@@ -1,9 +1,8 @@
-import React from 'react';
-import { ClassNameProps } from '../classname';
-import { ToolbarData, ToolbarItemData } from '../toolbar';
-import type { EditorInt } from './Editor';
-import type { MarkdownEditorMode } from './types';
-export declare type ToolbarViewProps<T> = ClassNameProps & {
+import { ClassNameProps } from "../classname.js";
+import { ToolbarData, ToolbarItemData } from "../toolbar/index.js";
+import type { EditorInt } from "./Editor.js";
+import type { MarkdownEditorMode } from "./types.js";
+export type ToolbarViewProps<T> = ClassNameProps & {
     editor: EditorInt;
     editorMode: MarkdownEditorMode;
     toolbarEditor: T;

package/build/cjs/bundle/ToolbarView.js

@@ -1,13 +1,13 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.ToolbarView = void 0;
-const tslib_1 = require("tslib");
-const react_1 = tslib_1.__importStar(require("react"));
+exports.ToolbarView = ToolbarView;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = require("react");
 const react_use_1 = require("react-use");
-const menubar_1 = require("../i18n/menubar");
-const useSticky_1 = require("../react-utils/useSticky");
-const toolbar_1 = require("../toolbar");
-const sticky_1 = require("./sticky");
+const menubar_1 = require("../i18n/menubar/index.js");
+const useSticky_1 = require("../react-utils/useSticky.js");
+const toolbar_1 = require("../toolbar/index.js");
+const sticky_1 = require("./sticky/index.js");
 function ToolbarView({ editor, editorMode, toolbarEditor, toolbarFocus, toolbarConfig, hiddenActionsConfig, settingsVisible, className, children, stickyToolbar, }) {
     const rerender = (0, react_use_1.useUpdate)();
     (0, react_1.useLayoutEffect)(() => {
@@ -18,12 +18,10 @@ function ToolbarView({ editor, editorMode, toolbarEditor, toolbarFocus, toolbarC
     }, [editor, rerender]);
     const wrapperRef = (0, react_1.useRef)(null);
     const isStickyActive = (0, useSticky_1.useSticky)(wrapperRef) && stickyToolbar;
-    return (react_1.default.createElement("div", { ref: wrapperRef, className: sticky_1.stickyCn.toolbar({
+    return ((0, jsx_runtime_1.jsxs)("div", { ref: wrapperRef, className: sticky_1.stickyCn.toolbar({
             withSettings: settingsVisible,
             stickyActive: isStickyActive,
             isSticky: stickyToolbar,
-        }, [className]) },
-        react_1.default.createElement(toolbar_1.FlexToolbar, { data: toolbarConfig, hiddenActions: hiddenActionsConfig, editor: toolbarEditor, focus: toolbarFocus, dotsTitle: (0, menubar_1.i18n)('more_action'), onClick: (id, attrs) => editor.emit('toolbar-action', { id, attrs, editorMode }) }),
-        children));
+        }, [className]), children: [(0, jsx_runtime_1.jsx)(toolbar_1.FlexToolbar, { data: toolbarConfig, hiddenActions: hiddenActionsConfig, editor: toolbarEditor, focus: toolbarFocus, dotsTitle: (0, menubar_1.i18n)('more_action'), onClick: (id, attrs) => editor.emit('toolbar-action', { id, attrs, editorMode }) }), children] }));
 }
-exports.ToolbarView = ToolbarView;
+//# sourceMappingURL=ToolbarView.js.map

package/build/cjs/bundle/ToolbarView.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ToolbarView.js","sourceRoot":"../../../src","sources":["bundle/ToolbarView.tsx"],"names":[],"mappings":";;AAyBA,kCA8CC;;AAvED,iCAA8C;AAE9C,yCAAoC;AAGpC,sDAAqC;AACrC,2DAAmD;AACnD,iDAAqE;AAGrE,8CAAkC;AAelC,SAAgB,WAAW,CAAI,EAC3B,MAAM,EACN,UAAU,EACV,aAAa,EACb,YAAY,EACZ,aAAa,EACb,mBAAmB,EACnB,eAAe,EACf,SAAS,EACT,QAAQ,EACR,aAAa,GACK;IAClB,MAAM,QAAQ,GAAG,IAAA,qBAAS,GAAE,CAAC;IAC7B,IAAA,uBAAe,EAAC,GAAG,EAAE;QACjB,MAAM,CAAC,EAAE,CAAC,kBAAkB,EAAE,QAAQ,CAAC,CAAC;QACxC,OAAO,GAAG,EAAE;YACR,MAAM,CAAC,GAAG,CAAC,kBAAkB,EAAE,QAAQ,CAAC,CAAC;QAC7C,CAAC,CAAC;IACN,CAAC,EAAE,CAAC,MAAM,EAAE,QAAQ,CAAC,CAAC,CAAC;IAEvB,MAAM,UAAU,GAAG,IAAA,cAAM,EAAiB,IAAI,CAAC,CAAC;IAChD,MAAM,cAAc,GAAG,IAAA,qBAAS,EAAC,UAAU,CAAC,IAAI,aAAa,CAAC;IAE9D,OAAO,CACH,iCACI,GAAG,EAAE,UAAU,EACf,SAAS,EAAE,iBAAQ,CAAC,OAAO,CACvB;YACI,YAAY,EAAE,eAAe;YAC7B,YAAY,EAAE,cAAc;YAC5B,QAAQ,EAAE,aAAa;SAC1B,EACD,CAAC,SAAS,CAAC,CACd,aAED,uBAAC,qBAAW,IACR,IAAI,EAAE,aAAa,EACnB,aAAa,EAAE,mBAAmB,EAClC,MAAM,EAAE,aAAa,EACrB,KAAK,EAAE,YAAY,EACnB,SAAS,EAAE,IAAA,cAAI,EAAC,aAAa,CAAC,EAC9B,OAAO,EAAE,CAAC,EAAE,EAAE,KAAK,EAAE,EAAE,CAAC,MAAM,CAAC,IAAI,CAAC,gBAAgB,EAAE,EAAC,EAAE,EAAE,KAAK,EAAE,UAAU,EAAC,CAAC,GAChF,EACD,QAAQ,IACP,CACT,CAAC;AACN,CAAC","sourcesContent":["import {useLayoutEffect, useRef} from 'react';\n\nimport {useUpdate} from 'react-use';\n\nimport {ClassNameProps} from '../classname';\nimport {i18n} from '../i18n/menubar';\nimport {useSticky} from '../react-utils/useSticky';\nimport {FlexToolbar, ToolbarData, ToolbarItemData} from '../toolbar';\n\nimport type {EditorInt} from './Editor';\nimport {stickyCn} from './sticky';\nimport type {MarkdownEditorMode} from './types';\n\nexport type ToolbarViewProps<T> = ClassNameProps & {\n    editor: EditorInt;\n    editorMode: MarkdownEditorMode;\n    toolbarEditor: T;\n    toolbarFocus: () => void;\n    toolbarConfig: ToolbarData<T>;\n    settingsVisible?: boolean;\n    hiddenActionsConfig?: ToolbarItemData<T>[];\n    children?: React.ReactNode;\n    stickyToolbar: boolean;\n};\n\nexport function ToolbarView<T>({\n    editor,\n    editorMode,\n    toolbarEditor,\n    toolbarFocus,\n    toolbarConfig,\n    hiddenActionsConfig,\n    settingsVisible,\n    className,\n    children,\n    stickyToolbar,\n}: ToolbarViewProps<T>) {\n    const rerender = useUpdate();\n    useLayoutEffect(() => {\n        editor.on('rerender-toolbar', rerender);\n        return () => {\n            editor.off('rerender-toolbar', rerender);\n        };\n    }, [editor, rerender]);\n\n    const wrapperRef = useRef<HTMLDivElement>(null);\n    const isStickyActive = useSticky(wrapperRef) && stickyToolbar;\n\n    return (\n        <div\n            ref={wrapperRef}\n            className={stickyCn.toolbar(\n                {\n                    withSettings: settingsVisible,\n                    stickyActive: isStickyActive,\n                    isSticky: stickyToolbar,\n                },\n                [className],\n            )}\n        >\n            <FlexToolbar\n                data={toolbarConfig}\n                hiddenActions={hiddenActionsConfig}\n                editor={toolbarEditor}\n                focus={toolbarFocus}\n                dotsTitle={i18n('more_action')}\n                onClick={(id, attrs) => editor.emit('toolbar-action', {id, attrs, editorMode})}\n            />\n            {children}\n        </div>\n    );\n}\n"]}

package/build/cjs/bundle/WysiwygEditorComponent.d.ts

@@ -1,6 +1,5 @@
-import React from 'react';
-import type { EditorInt } from './Editor';
-export declare type WysiwygEditorComponentProps = {
+import type { EditorInt } from "./Editor.js";
+export type WysiwygEditorComponentProps = {
     className?: string;
     autofocus?: boolean;
     editor: EditorInt;

package/build/cjs/bundle/WysiwygEditorComponent.js

@@ -1,11 +1,11 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.WysiwygEditorComponent = void 0;
-const tslib_1 = require("tslib");
-const react_1 = tslib_1.__importDefault(require("react"));
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = require("react");
 const WysiwygEditorComponent = function WysiwygEditorComponent({ className, autofocus, editor, children }) {
-    const ref = react_1.default.useRef(null);
-    react_1.default.useEffect(() => {
+    const ref = (0, react_1.useRef)(null);
+    (0, react_1.useEffect)(() => {
         const { current } = ref;
         if (current) {
             current.appendChild(editor.wysiwygEditor.dom);
@@ -14,6 +14,7 @@ const WysiwygEditorComponent = function WysiwygEditorComponent({ className, auto
             }
         }
     }, [editor]);
-    return (react_1.default.createElement("div", { ref: ref, className: className }, children));
+    return ((0, jsx_runtime_1.jsx)("div", { ref: ref, className: className, children: children }));
 };
 exports.WysiwygEditorComponent = WysiwygEditorComponent;
+//# sourceMappingURL=WysiwygEditorComponent.js.map

package/build/cjs/bundle/WysiwygEditorComponent.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"WysiwygEditorComponent.js","sourceRoot":"../../../src","sources":["bundle/WysiwygEditorComponent.tsx"],"names":[],"mappings":";;;;AAAA,iCAAwC;AAWjC,MAAM,sBAAsB,GAC/B,SAAS,sBAAsB,CAAC,EAAC,SAAS,EAAE,SAAS,EAAE,MAAM,EAAE,QAAQ,EAAC;IACpE,MAAM,GAAG,GAAG,IAAA,cAAM,EAAiB,IAAI,CAAC,CAAC;IACzC,IAAA,iBAAS,EAAC,GAAG,EAAE;QACX,MAAM,EAAC,OAAO,EAAC,GAAG,GAAG,CAAC;QACtB,IAAI,OAAO,EAAE,CAAC;YACV,OAAO,CAAC,WAAW,CAAC,MAAM,CAAC,aAAa,CAAC,GAAG,CAAC,CAAC;YAC9C,IAAI,SAAS,EAAE,CAAC;gBACZ,MAAM,CAAC,KAAK,EAAE,CAAC;YACnB,CAAC;QACL,CAAC;IACL,CAAC,EAAE,CAAC,MAAM,CAAC,CAAC,CAAC;IAEb,OAAO,CACH,gCAAK,GAAG,EAAE,GAAG,EAAE,SAAS,EAAE,SAAS,YAC9B,QAAQ,GACP,CACT,CAAC;AACN,CAAC,CAAC;AAlBO,QAAA,sBAAsB,0BAkB7B","sourcesContent":["import {useEffect, useRef} from 'react';\n\nimport type {EditorInt} from './Editor';\n\nexport type WysiwygEditorComponentProps = {\n    className?: string;\n    autofocus?: boolean;\n    editor: EditorInt;\n    children?: React.ReactNode;\n};\n\nexport const WysiwygEditorComponent: React.FC<WysiwygEditorComponentProps> =\n    function WysiwygEditorComponent({className, autofocus, editor, children}) {\n        const ref = useRef<HTMLDivElement>(null);\n        useEffect(() => {\n            const {current} = ref;\n            if (current) {\n                current.appendChild(editor.wysiwygEditor.dom);\n                if (autofocus) {\n                    editor.focus();\n                }\n            }\n        }, [editor]);\n\n        return (\n            <div ref={ref} className={className}>\n                {children}\n            </div>\n        );\n    };\n"]}

package/build/cjs/bundle/WysiwygEditorView.d.ts

@@ -1,8 +1,8 @@
-import React from 'react';
-import { type ClassNameProps } from '../classname';
-import type { EditorInt } from './Editor';
-import type { WToolbarData, WToolbarItemData } from './toolbar/types';
-export declare type WysiwygEditorViewProps = ClassNameProps & {
+import { type ClassNameProps } from "../classname.js";
+import type { EditorInt } from "./Editor.js";
+import type { WToolbarData, WToolbarItemData } from "./toolbar/types.js";
+import "./WysiwygEditorView.css";
+export type WysiwygEditorViewProps = ClassNameProps & {
     editor: EditorInt;
     autofocus?: boolean;
     settingsVisible?: boolean;
@@ -13,4 +13,4 @@ export declare type WysiwygEditorViewProps = ClassNameProps & {
     hiddenActionsConfig?: WToolbarItemData[];
     children?: React.ReactNode;
 };
-export declare const WysiwygEditorView: React.NamedExoticComponent<WysiwygEditorViewProps>;
+export declare const WysiwygEditorView: import("react").NamedExoticComponent<WysiwygEditorViewProps>;

package/build/cjs/bundle/WysiwygEditorView.js

@@ -1,16 +1,17 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.WysiwygEditorView = void 0;
-const tslib_1 = require("tslib");
-const react_1 = tslib_1.__importDefault(require("react"));
-const classname_1 = require("../classname");
-const extensions_1 = require("../extensions");
-const logger_1 = require("../logger");
-const hooks_1 = require("../react-utils/hooks");
-const ToolbarView_1 = require("./ToolbarView");
-const WysiwygEditorComponent_1 = require("./WysiwygEditorComponent");
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = require("react");
+const classname_1 = require("../classname.js");
+const extensions_1 = require("../extensions/index.js");
+const logger_1 = require("../logger.js");
+const hooks_1 = require("../react-utils/hooks.js");
+const ToolbarView_1 = require("./ToolbarView.js");
+const WysiwygEditorComponent_1 = require("./WysiwygEditorComponent.js");
+require("./WysiwygEditorView.css");
 const b = (0, classname_1.cn)('wysiwyg-editor');
-exports.WysiwygEditorView = react_1.default.memo((props) => {
+exports.WysiwygEditorView = (0, react_1.memo)((props) => {
     const { editor, autofocus, settingsVisible, toolbarVisible, toolbarConfig, hiddenActionsConfig, className, toolbarClassName, children, stickyToolbar = true, } = props;
     (0, hooks_1.useRenderTime)((time) => {
         logger_1.logger.metrics({
@@ -19,9 +20,7 @@ exports.WysiwygEditorView = react_1.default.memo((props) => {
             duration: time,
         });
     });
-    return (react_1.default.createElement("div", { className: b({ toolbar: toolbarVisible }, [className]) },
-        toolbarVisible ? (react_1.default.createElement(ToolbarView_1.ToolbarView, { editor: editor, editorMode: "wysiwyg", toolbarEditor: editor, stickyToolbar: stickyToolbar, toolbarConfig: toolbarConfig, toolbarFocus: () => editor.focus(), hiddenActionsConfig: hiddenActionsConfig, settingsVisible: settingsVisible, className: b('toolbar', [toolbarClassName]) }, children)) : null,
-        react_1.default.createElement(WysiwygEditorComponent_1.WysiwygEditorComponent, { autofocus: autofocus, editor: editor, className: b('editor') },
-            react_1.default.createElement(extensions_1.ReactRendererComponent, { storage: editor.renderStorage }))));
+    return ((0, jsx_runtime_1.jsxs)("div", { className: b({ toolbar: toolbarVisible }, [className]), children: [toolbarVisible ? ((0, jsx_runtime_1.jsx)(ToolbarView_1.ToolbarView, { editor: editor, editorMode: "wysiwyg", toolbarEditor: editor, stickyToolbar: stickyToolbar, toolbarConfig: toolbarConfig, toolbarFocus: () => editor.focus(), hiddenActionsConfig: hiddenActionsConfig, settingsVisible: settingsVisible, className: b('toolbar', [toolbarClassName]), children: children })) : null, (0, jsx_runtime_1.jsx)(WysiwygEditorComponent_1.WysiwygEditorComponent, { autofocus: autofocus, editor: editor, className: b('editor'), children: (0, jsx_runtime_1.jsx)(extensions_1.ReactRendererComponent, { storage: editor.renderStorage }) })] }));
 });
 exports.WysiwygEditorView.displayName = 'MarkdownWysiwgEditorView';
+//# sourceMappingURL=WysiwygEditorView.js.map

package/build/cjs/bundle/WysiwygEditorView.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"WysiwygEditorView.js","sourceRoot":"../../../src","sources":["bundle/WysiwygEditorView.tsx"],"names":[],"mappings":";;;;AAAA,iCAA2B;AAE3B,+CAAqD;AACrD,uDAAqD;AACrD,yCAAiC;AACjC,mDAAmD;AAGnD,kDAA0C;AAC1C,wEAAgE;AAGhE,mCAAkC;AAElC,MAAM,CAAC,GAAG,IAAA,cAAE,EAAC,gBAAgB,CAAC,CAAC;AAclB,QAAA,iBAAiB,GAAG,IAAA,YAAI,EAAyB,CAAC,KAAK,EAAE,EAAE;IACpE,MAAM,EACF,MAAM,EACN,SAAS,EACT,eAAe,EACf,cAAc,EACd,aAAa,EACb,mBAAmB,EACnB,SAAS,EACT,gBAAgB,EAChB,QAAQ,EACR,aAAa,GAAG,IAAI,GACvB,GAAG,KAAK,CAAC;IACV,IAAA,qBAAa,EAAC,CAAC,IAAI,EAAE,EAAE;QACnB,eAAM,CAAC,OAAO,CAAC;YACX,SAAS,EAAE,gBAAgB;YAC3B,KAAK,EAAE,QAAQ;YACf,QAAQ,EAAE,IAAI;SACjB,CAAC,CAAC;IACP,CAAC,CAAC,CAAC;IACH,OAAO,CACH,iCAAK,SAAS,EAAE,CAAC,CAAC,EAAC,OAAO,EAAE,cAAc,EAAC,EAAE,CAAC,SAAS,CAAC,CAAC,aACpD,cAAc,CAAC,CAAC,CAAC,CACd,uBAAC,yBAAW,IACR,MAAM,EAAE,MAAM,EACd,UAAU,EAAC,SAAS,EACpB,aAAa,EAAE,MAAM,EACrB,aAAa,EAAE,aAAa,EAC5B,aAAa,EAAE,aAAa,EAC5B,YAAY,EAAE,GAAG,EAAE,CAAC,MAAM,CAAC,KAAK,EAAE,EAClC,mBAAmB,EAAE,mBAAmB,EACxC,eAAe,EAAE,eAAe,EAChC,SAAS,EAAE,CAAC,CAAC,SAAS,EAAE,CAAC,gBAAgB,CAAC,CAAC,YAE1C,QAAQ,GACC,CACjB,CAAC,CAAC,CAAC,IAAI,EACR,uBAAC,+CAAsB,IAAC,SAAS,EAAE,SAAS,EAAE,MAAM,EAAE,MAAM,EAAE,SAAS,EAAE,CAAC,CAAC,QAAQ,CAAC,YAChF,uBAAC,mCAAsB,IAAC,OAAO,EAAE,MAAM,CAAC,aAAa,GAAI,GACpC,IACvB,CACT,CAAC;AACN,CAAC,CAAC,CAAC;AACH,yBAAiB,CAAC,WAAW,GAAG,0BAA0B,CAAC","sourcesContent":["import {memo} from 'react';\n\nimport {type ClassNameProps, cn} from '../classname';\nimport {ReactRendererComponent} from '../extensions';\nimport {logger} from '../logger';\nimport {useRenderTime} from '../react-utils/hooks';\n\nimport type {EditorInt} from './Editor';\nimport {ToolbarView} from './ToolbarView';\nimport {WysiwygEditorComponent} from './WysiwygEditorComponent';\nimport type {WToolbarData, WToolbarItemData} from './toolbar/types';\n\nimport './WysiwygEditorView.scss';\n\nconst b = cn('wysiwyg-editor');\n\nexport type WysiwygEditorViewProps = ClassNameProps & {\n    editor: EditorInt;\n    autofocus?: boolean;\n    settingsVisible?: boolean;\n    toolbarConfig: WToolbarData;\n    toolbarVisible?: boolean;\n    stickyToolbar?: boolean;\n    toolbarClassName?: string;\n    hiddenActionsConfig?: WToolbarItemData[];\n    children?: React.ReactNode;\n};\n\nexport const WysiwygEditorView = memo<WysiwygEditorViewProps>((props) => {\n    const {\n        editor,\n        autofocus,\n        settingsVisible,\n        toolbarVisible,\n        toolbarConfig,\n        hiddenActionsConfig,\n        className,\n        toolbarClassName,\n        children,\n        stickyToolbar = true,\n    } = props;\n    useRenderTime((time) => {\n        logger.metrics({\n            component: 'wysiwyg-editor',\n            event: 'render',\n            duration: time,\n        });\n    });\n    return (\n        <div className={b({toolbar: toolbarVisible}, [className])}>\n            {toolbarVisible ? (\n                <ToolbarView\n                    editor={editor}\n                    editorMode=\"wysiwyg\"\n                    toolbarEditor={editor}\n                    stickyToolbar={stickyToolbar}\n                    toolbarConfig={toolbarConfig}\n                    toolbarFocus={() => editor.focus()}\n                    hiddenActionsConfig={hiddenActionsConfig}\n                    settingsVisible={settingsVisible}\n                    className={b('toolbar', [toolbarClassName])}\n                >\n                    {children}\n                </ToolbarView>\n            ) : null}\n            <WysiwygEditorComponent autofocus={autofocus} editor={editor} className={b('editor')}>\n                <ReactRendererComponent storage={editor.renderStorage} />\n            </WysiwygEditorComponent>\n        </div>\n    );\n});\nWysiwygEditorView.displayName = 'MarkdownWysiwgEditorView';\n"]}

package/build/cjs/bundle/config/action-names.d.ts

@@ -1,3 +1,3 @@
-declare const namesObj: Record<"bold" | "link" | "italic" | "strike" | "underline" | "mark" | "quote" | "colorify" | "mono" | "block" | "paragraph" | "cut" | "anchor" | "table" | "image" | "code_inline" | "code_block" | "note" | "file" | "checkbox" | "bulletList" | "orderedList" | "heading1" | "heading2" | "heading3" | "heading4" | "heading5" | "heading6" | "emoji" | "tabs" | "yfm_cut" | "yfm_note" | "gpt" | "layout" | "undo" | "redo" | "codeBlock" | "math_inline" | "math_block" | "mermaid" | "horizontalRule" | "codeInline" | "filePopup" | "emptyRow" | "horizontalrule" | "imagePopup" | "liftListItem" | "mathBlock" | "mathInline" | "sinkListItem" | "yfm_block" | "yfm_html_block" | "htmlBlock" | "yfm_layout", string>;
+declare const namesObj: Record<"bold" | "link" | "italic" | "strike" | "underline" | "mark" | "quote" | "colorify" | "mono" | "block" | "paragraph" | "cut" | "yfm_cut" | "anchor" | "table" | "image" | "checkbox" | "note" | "code_inline" | "code_block" | "undo" | "redo" | "file" | "sinkListItem" | "liftListItem" | "bulletList" | "orderedList" | "heading1" | "heading2" | "heading3" | "heading4" | "heading5" | "heading6" | "emoji" | "yfm_note" | "tabs" | "gpt" | "layout" | "codeBlock" | "math_inline" | "math_block" | "mermaid" | "horizontalRule" | "codeInline" | "filePopup" | "emptyRow" | "horizontalrule" | "imagePopup" | "mathBlock" | "mathInline" | "yfm_block" | "yfm_html_block" | "htmlBlock" | "yfm_layout", string>;
 export declare const ActionName: Readonly<typeof namesObj>;
 export {};

package/build/cjs/bundle/config/action-names.js

@@ -72,3 +72,4 @@ const namesObj = names.reduce((obj, val) => {
     return obj;
 }, {});
 exports.ActionName = namesObj;
+//# sourceMappingURL=action-names.js.map

package/build/cjs/bundle/config/action-names.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"action-names.js","sourceRoot":"../../../../src","sources":["bundle/config/action-names.ts"],"names":[],"mappings":";;;AAAA,MAAM,KAAK,GAAG;IACV,QAAQ;IACR,MAAM;IACN,YAAY;IACZ,UAAU;IACV,gCAAgC;IAChC,YAAY;IACZ,WAAW;IACX,iCAAiC;IACjC,aAAa;IACb,YAAY;IACZ,UAAU;IACV,OAAO;IACP,MAAM;IACN,WAAW;IACX,KAAK;IACL,UAAU;IACV,UAAU;IACV,UAAU;IACV,UAAU;IACV,UAAU;IACV,UAAU;IACV,UAAU;IACV,qCAAqC;IACrC,gBAAgB;IAChB,gBAAgB;IAChB,OAAO;IACP,YAAY;IACZ,QAAQ;IACR,cAAc;IACd,MAAM;IACN,MAAM;IACN,gCAAgC;IAChC,YAAY;IACZ,WAAW;IACX,iCAAiC;IACjC,aAAa;IACb,YAAY;IACZ,SAAS;IACT,MAAM;IACN,aAAa;IACb,WAAW;IACX,OAAO;IACP,MAAM;IACN,cAAc;IACd,QAAQ;IACR,OAAO;IACP,MAAM;IACN,WAAW;IACX,MAAM;IACN,4BAA4B;IAC5B,WAAW;IACX,OAAO;IACP,0BAA0B;IAC1B,SAAS;IACT,KAAK;IACL,gCAAgC;IAChC,gBAAgB;IAChB,WAAW;IACX,6BAA6B;IAC7B,YAAY;IACZ,QAAQ;IACR,2BAA2B;IAC3B,UAAU;IACV,MAAM;CACA,CAAC;AAIX,MAAM,QAAQ,GAAG,KAAK,CAAC,MAAM,CACzB,CAAC,GAAG,EAAE,GAAG,EAAE,EAAE;IACT,GAAG,CAAC,GAAG,CAAC,GAAG,GAAG,CAAC;IACf,OAAO,GAAG,CAAC;AACf,CAAC,EACD,EAA6C,CAChD,CAAC;AAEW,QAAA,UAAU,GAA8B,QAAQ,CAAC","sourcesContent":["const names = [\n    'anchor',\n    'bold',\n    'bulletList',\n    'checkbox',\n    /** @deprecated use codeBlock */\n    'code_block',\n    'codeBlock',\n    /** @deprecated use codeInline */\n    'code_inline',\n    'codeInline',\n    'colorify',\n    'emoji',\n    'file',\n    'filePopup',\n    'gpt',\n    'heading1',\n    'heading2',\n    'heading3',\n    'heading4',\n    'heading5',\n    'heading6',\n    'emptyRow',\n    /** @deprecated use horizontalRule */\n    'horizontalrule',\n    'horizontalRule',\n    'image',\n    'imagePopup',\n    'italic',\n    'liftListItem',\n    'link',\n    'mark',\n    /** @deprecated use mathBlock */\n    'math_block',\n    'mathBlock',\n    /** @deprecated use mathInline */\n    'math_inline',\n    'mathInline',\n    'mermaid',\n    'mono',\n    'orderedList',\n    'paragraph',\n    'quote',\n    'redo',\n    'sinkListItem',\n    'strike',\n    'table',\n    'tabs',\n    'underline',\n    'undo',\n    /** @deprecated use block */\n    'yfm_block',\n    'block',\n    /** @deprecated use cut */\n    'yfm_cut',\n    'cut',\n    /** @deprecated use htmlBlock */\n    'yfm_html_block',\n    'htmlBlock',\n    /** @deprecated use layout */\n    'yfm_layout',\n    'layout',\n    /** @deprecated use note */\n    'yfm_note',\n    'note',\n] as const;\n\ntype ItemsType<L extends readonly string[]> = L extends readonly (infer T)[] ? T : never;\n\nconst namesObj = names.reduce<Record<ItemsType<typeof names>, string>>(\n    (obj, val) => {\n        obj[val] = val;\n        return obj;\n    },\n    {} as Record<ItemsType<typeof names>, string>,\n);\n\nexport const ActionName: Readonly<typeof namesObj> = namesObj;\n"]}

package/build/cjs/bundle/config/dynamicModifiers.d.ts

@@ -0,0 +1,3 @@
+import { DynamicModifiers } from "../../core/types/dynamicModifiers.js";
+import { MarkupManager } from "../MarkupManager.js";
+export declare function createDynamicModifiers(markupManager: MarkupManager): DynamicModifiers[];

package/build/cjs/bundle/config/dynamicModifiers.js

@@ -0,0 +1,78 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.createDynamicModifiers = createDynamicModifiers;
+const uuid_1 = require("uuid");
+const YFM_TABLE_TOKEN_ATTR = 'data-token-id';
+const YFM_TABLE_NODE_ATTR = 'data-node-id';
+const PARENTS_WITH_AFFECT = ['blockquote', 'yfm_tabs'];
+function createDynamicModifiers(markupManager) {
+    return [
+        {
+            type: 'parserToken',
+            tokenName: 'yfm_table',
+            /**
+             * - Assigns a unique `data-token-id` to each token.
+             * - Captures and stores the raw Markdown using `MarkupManager`.
+             */
+            process: (token, _, rawMarkup) => {
+                const { map } = token;
+                if (map) {
+                    const content = rawMarkup.split('\n').slice(map[0], map[1]).join('\n');
+                    const tokenId = (0, uuid_1.v5)(content, markupManager.getNamespace());
+                    token.attrSet(YFM_TABLE_TOKEN_ATTR, tokenId);
+                    markupManager.setMarkup(tokenId, content);
+                }
+                return token;
+            },
+        },
+        {
+            type: 'parserNodeAttrs',
+            tokenName: 'yfm_table',
+            /**
+             * - Links the token to its corresponding node via `data-node-id`.
+             */
+            process: (token, attrs) => ({
+                ...attrs,
+                [YFM_TABLE_NODE_ATTR]: token.attrGet(YFM_TABLE_TOKEN_ATTR),
+            }),
+        },
+        {
+            type: 'parserNode',
+            nodeName: 'yfm_table',
+            process: (node) => {
+                const nodeId = node.attrs[YFM_TABLE_NODE_ATTR];
+                if (nodeId) {
+                    markupManager.setNode(nodeId, node);
+                }
+                return node;
+            },
+        },
+        {
+            type: 'serializerNode',
+            nodeName: 'yfm_table',
+            /**
+             * - Retrieves the original Markdown using the `data-node-id` attribute.
+             * - Uses the original Markdown if the node matches the saved version.
+             * - Falls back to schema-based rendering if the node structure, attributes, or parent elements affect it.
+             */
+            process: (state, node, parent, index, callback) => {
+                const nodeId = node.attrs[YFM_TABLE_NODE_ATTR];
+                const savedNode = markupManager.getNode(nodeId);
+                if (!PARENTS_WITH_AFFECT.includes(parent?.type?.name) && savedNode?.eq(node)) {
+                    state.write(markupManager.getMarkup(nodeId) + '\n');
+                    return;
+                }
+                callback?.(state, node, parent, index);
+            },
+        },
+        {
+            type: 'schemaNodeSpec',
+            nodeName: 'yfm_table',
+            /**
+             * - Adds the `data-node-id` attribute to the list of allowed attributes.
+             */
+            allowedAttrs: [YFM_TABLE_NODE_ATTR],
+        },
+    ];
+}
+//# sourceMappingURL=dynamicModifiers.js.map

package/build/cjs/bundle/config/dynamicModifiers.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"dynamicModifiers.js","sourceRoot":"../../../../src","sources":["bundle/config/dynamicModifiers.ts"],"names":[],"mappings":";;AASA,wDAyEC;AAlFD,+BAAwB;AAKxB,MAAM,oBAAoB,GAAG,eAAe,CAAC;AAC7C,MAAM,mBAAmB,GAAG,cAAc,CAAC;AAC3C,MAAM,mBAAmB,GAAG,CAAC,YAAY,EAAE,UAAU,CAAC,CAAC;AAEvD,SAAgB,sBAAsB,CAAC,aAA4B;IAC/D,OAAO;QACH;YACI,IAAI,EAAE,aAAa;YACnB,SAAS,EAAE,WAAW;YACtB;;;eAGG;YACH,OAAO,EAAE,CAAC,KAAK,EAAE,CAAC,EAAE,SAAS,EAAE,EAAE;gBAC7B,MAAM,EAAC,GAAG,EAAC,GAAG,KAAK,CAAC;gBAEpB,IAAI,GAAG,EAAE,CAAC;oBACN,MAAM,OAAO,GAAG,SAAS,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,GAAG,CAAC,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;oBACvE,MAAM,OAAO,GAAG,IAAA,SAAE,EAAC,OAAO,EAAE,aAAa,CAAC,YAAY,EAAE,CAAC,CAAC;oBAE1D,KAAK,CAAC,OAAO,CAAC,oBAAoB,EAAE,OAAO,CAAC,CAAC;oBAC7C,aAAa,CAAC,SAAS,CAAC,OAAO,EAAE,OAAO,CAAC,CAAC;gBAC9C,CAAC;gBACD,OAAO,KAAK,CAAC;YACjB,CAAC;SACJ;QACD;YACI,IAAI,EAAE,iBAAiB;YACvB,SAAS,EAAE,WAAW;YACtB;;eAEG;YACH,OAAO,EAAE,CAAC,KAAK,EAAE,KAAK,EAAE,EAAE,CAAC,CAAC;gBACxB,GAAG,KAAK;gBACR,CAAC,mBAAmB,CAAC,EAAE,KAAK,CAAC,OAAO,CAAC,oBAAoB,CAAC;aAC7D,CAAC;SACL;QACD;YACI,IAAI,EAAE,YAAY;YAClB,QAAQ,EAAE,WAAW;YACrB,OAAO,EAAE,CAAC,IAAI,EAAE,EAAE;gBACd,MAAM,MAAM,GAAG,IAAI,CAAC,KAAK,CAAC,mBAAmB,CAAC,CAAC;gBAC/C,IAAI,MAAM,EAAE,CAAC;oBACT,aAAa,CAAC,OAAO,CAAC,MAAM,EAAE,IAAI,CAAC,CAAC;gBACxC,CAAC;gBACD,OAAO,IAAI,CAAC;YAChB,CAAC;SACJ;QACD;YACI,IAAI,EAAE,gBAAgB;YACtB,QAAQ,EAAE,WAAW;YACrB;;;;eAIG;YACH,OAAO,EAAE,CAAC,KAAK,EAAE,IAAI,EAAE,MAAM,EAAE,KAAK,EAAE,QAAQ,EAAE,EAAE;gBAC9C,MAAM,MAAM,GAAG,IAAI,CAAC,KAAK,CAAC,mBAAmB,CAAC,CAAC;gBAC/C,MAAM,SAAS,GAAG,aAAa,CAAC,OAAO,CAAC,MAAM,CAAC,CAAC;gBAEhD,IAAI,CAAC,mBAAmB,CAAC,QAAQ,CAAC,MAAM,EAAE,IAAI,EAAE,IAAI,CAAC,IAAI,SAAS,EAAE,EAAE,CAAC,IAAI,CAAC,EAAE,CAAC;oBAC3E,KAAK,CAAC,KAAK,CAAC,aAAa,CAAC,SAAS,CAAC,MAAM,CAAC,GAAG,IAAI,CAAC,CAAC;oBACpD,OAAO;gBACX,CAAC;gBAED,QAAQ,EAAE,CAAC,KAAK,EAAE,IAAI,EAAE,MAAM,EAAE,KAAK,CAAC,CAAC;YAC3C,CAAC;SACJ;QACD;YACI,IAAI,EAAE,gBAAgB;YACtB,QAAQ,EAAE,WAAW;YACrB;;eAEG;YACH,YAAY,EAAE,CAAC,mBAAmB,CAAC;SACtC;KACJ,CAAC;AACN,CAAC","sourcesContent":["import {v5} from 'uuid';\n\nimport {DynamicModifiers} from '../../core/types/dynamicModifiers';\nimport {MarkupManager} from '../MarkupManager';\n\nconst YFM_TABLE_TOKEN_ATTR = 'data-token-id';\nconst YFM_TABLE_NODE_ATTR = 'data-node-id';\nconst PARENTS_WITH_AFFECT = ['blockquote', 'yfm_tabs'];\n\nexport function createDynamicModifiers(markupManager: MarkupManager): DynamicModifiers[] {\n    return [\n        {\n            type: 'parserToken',\n            tokenName: 'yfm_table',\n            /**\n             * - Assigns a unique `data-token-id` to each token.\n             * - Captures and stores the raw Markdown using `MarkupManager`.\n             */\n            process: (token, _, rawMarkup) => {\n                const {map} = token;\n\n                if (map) {\n                    const content = rawMarkup.split('\\n').slice(map[0], map[1]).join('\\n');\n                    const tokenId = v5(content, markupManager.getNamespace());\n\n                    token.attrSet(YFM_TABLE_TOKEN_ATTR, tokenId);\n                    markupManager.setMarkup(tokenId, content);\n                }\n                return token;\n            },\n        },\n        {\n            type: 'parserNodeAttrs',\n            tokenName: 'yfm_table',\n            /**\n             * - Links the token to its corresponding node via `data-node-id`.\n             */\n            process: (token, attrs) => ({\n                ...attrs,\n                [YFM_TABLE_NODE_ATTR]: token.attrGet(YFM_TABLE_TOKEN_ATTR),\n            }),\n        },\n        {\n            type: 'parserNode',\n            nodeName: 'yfm_table',\n            process: (node) => {\n                const nodeId = node.attrs[YFM_TABLE_NODE_ATTR];\n                if (nodeId) {\n                    markupManager.setNode(nodeId, node);\n                }\n                return node;\n            },\n        },\n        {\n            type: 'serializerNode',\n            nodeName: 'yfm_table',\n            /**\n             * - Retrieves the original Markdown using the `data-node-id` attribute.\n             * - Uses the original Markdown if the node matches the saved version.\n             * - Falls back to schema-based rendering if the node structure, attributes, or parent elements affect it.\n             */\n            process: (state, node, parent, index, callback) => {\n                const nodeId = node.attrs[YFM_TABLE_NODE_ATTR];\n                const savedNode = markupManager.getNode(nodeId);\n\n                if (!PARENTS_WITH_AFFECT.includes(parent?.type?.name) && savedNode?.eq(node)) {\n                    state.write(markupManager.getMarkup(nodeId) + '\\n');\n                    return;\n                }\n\n                callback?.(state, node, parent, index);\n            },\n        },\n        {\n            type: 'schemaNodeSpec',\n            nodeName: 'yfm_table',\n            /**\n             * - Adds the `data-node-id` attribute to the list of allowed attributes.\n             */\n            allowedAttrs: [YFM_TABLE_NODE_ATTR],\n        },\n    ];\n}\n"]}

package/build/cjs/bundle/config/icons.d.ts

@@ -1,5 +1,5 @@
-import { ToolbarIconData } from '../../toolbar/types';
-declare type Icon = 'undo' | 'redo' | 'bold' | 'italic' | 'underline' | 'strikethrough' | 'mono' | 'mark' | 'textColor' | 'text' | 'headline' | 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6' | 'bulletList' | 'orderedList' | 'sink' | 'lift' | 'cut' | 'note' | 'code' | 'codeBlock' | 'link' | 'image' | 'table' | 'quote' | 'checklist' | 'horizontalRule' | 'file' | 'functionInline' | 'functionBlock' | 'emoji' | 'tabs' | 'mermaid' | 'html' | 'foldingHeading' | 'gpt';
-declare type Icons = Record<Icon, ToolbarIconData>;
+import { ToolbarIconData } from "../../toolbar/types.js";
+type Icon = 'undo' | 'redo' | 'bold' | 'italic' | 'underline' | 'strikethrough' | 'mono' | 'mark' | 'textColor' | 'text' | 'headline' | 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6' | 'bulletList' | 'orderedList' | 'sink' | 'lift' | 'cut' | 'note' | 'code' | 'codeBlock' | 'link' | 'image' | 'table' | 'quote' | 'checklist' | 'horizontalRule' | 'file' | 'functionInline' | 'functionBlock' | 'emoji' | 'tabs' | 'mermaid' | 'html' | 'foldingHeading' | 'gpt';
+type Icons = Record<Icon, ToolbarIconData>;
 export declare const icons: Icons;
 export {};