@gravity-ui/markdown-editor 14.12.2 → 15.0.0

package/build/esm/bundle/MarkupEditorView.css

@@ -39,17 +39,17 @@
 .g-md-markup-editor ::selection,
 .g-md-markup-preview .CodeMirror-selected,
 .g-md-markup-preview ::selection {
-  background: rgba(0, 30, 98, 0.2);
+  background: rgba(0, 29.9617834395, 98, 0.2);
 }
 .g-md-markup-editor .CodeMirror,
 .g-md-markup-preview .CodeMirror {
   height: 100%;
   min-height: 100%;
   color: var(--g-color-text-primary);
-  font-family: var(--g-font-family-monospace);
+  font-family: var(--g-text-code-font-family);
+  font-weight: var(--g-text-code-font-weight);
   font-size: var(--g-text-code-2-font-size);
   line-height: var(--g-text-code-2-line-height);
-  font-weight: var(--g-text-code-font-weight);
 }
 .g-md-markup-editor .CodeMirror .CodeMirror-cursor,
 .g-md-markup-preview .CodeMirror .CodeMirror-cursor {

package/build/esm/bundle/MarkupEditorView.d.ts

@@ -1,10 +1,9 @@
-import React from 'react';
-import { type ClassNameProps } from '../classname';
-import type { EditorInt } from './Editor';
-import type { MToolbarData, MToolbarItemData } from './toolbar/types';
-import type { MarkdownEditorSplitMode } from './types';
-import './MarkupEditorView.css';
-export declare type MarkupEditorViewProps = ClassNameProps & {
+import { type ClassNameProps } from "../classname.js";
+import type { EditorInt } from "./Editor.js";
+import type { MToolbarData, MToolbarItemData } from "./toolbar/types.js";
+import type { MarkdownEditorSplitMode } from "./types.js";
+import "./MarkupEditorView.css";
+export type MarkupEditorViewProps = ClassNameProps & {
     editor: EditorInt;
     autofocus?: boolean;
     toolbarConfig: MToolbarData;
@@ -17,4 +16,4 @@ export declare type MarkupEditorViewProps = ClassNameProps & {
     hiddenActionsConfig?: MToolbarItemData[];
     children?: React.ReactNode;
 };
-export declare const MarkupEditorView: React.NamedExoticComponent<MarkupEditorViewProps>;
+export declare const MarkupEditorView: import("react").NamedExoticComponent<MarkupEditorViewProps>;

package/build/esm/bundle/MarkupEditorView.js

@@ -1,14 +1,15 @@
-import React from 'react';
-import { cn } from '../classname';
-import { ReactRendererComponent } from '../extensions';
-import { logger } from '../logger';
-import { useRenderTime } from '../react-utils/hooks';
-import { MarkupEditorComponent } from './MarkupEditorComponent';
-import { ToolbarView } from './ToolbarView';
-import { MarkupToolbarContextProvider } from './toolbar/markup/context';
-import './MarkupEditorView.css';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { memo } from 'react';
+import { cn } from "../classname.js";
+import { ReactRendererComponent } from "../extensions/index.js";
+import { logger } from "../logger.js";
+import { useRenderTime } from "../react-utils/hooks.js";
+import { MarkupEditorComponent } from "./MarkupEditorComponent.js";
+import { ToolbarView } from "./ToolbarView.js";
+import { MarkupToolbarContextProvider } from "./toolbar/markup/context.js";
+import "./MarkupEditorView.css";
 const b = cn('markup-editor');
-export const MarkupEditorView = React.memo((props) => {
+export const MarkupEditorView = memo((props) => {
     const { editor, autofocus, settingsVisible, toolbarVisible, toolbarConfig, hiddenActionsConfig, className, toolbarClassName, children, stickyToolbar = true, } = props;
     useRenderTime((time) => {
         logger.metrics({
@@ -17,13 +18,10 @@ export const MarkupEditorView = React.memo((props) => {
             duration: time,
         });
     });
-    return (React.createElement("div", { className: b({ toolbar: toolbarVisible }, [className]) },
-        toolbarVisible ? (React.createElement(MarkupToolbarContextProvider, { value: {
-                uploadHandler: editor.fileUploadHandler,
-                needToSetDimensionsForUploadedImages: editor.needToSetDimensionsForUploadedImages,
-            } },
-            React.createElement(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.createElement(MarkupEditorComponent, { autofocus: autofocus, editor: editor, className: b('editor', { 'toolbar-visible': toolbarVisible }) },
-            React.createElement(ReactRendererComponent, { storage: editor.renderStorage }))));
+    return (_jsxs("div", { className: b({ toolbar: toolbarVisible }, [className]), children: [toolbarVisible ? (_jsx(MarkupToolbarContextProvider, { value: {
+                    uploadHandler: editor.fileUploadHandler,
+                    needToSetDimensionsForUploadedImages: editor.needToSetDimensionsForUploadedImages,
+                }, children: _jsx(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, _jsx(MarkupEditorComponent, { autofocus: autofocus, editor: editor, className: b('editor', { 'toolbar-visible': toolbarVisible }), children: _jsx(ReactRendererComponent, { storage: editor.renderStorage }) })] }));
 });
 MarkupEditorView.displayName = 'MarkdownMarkupEditorView';
+//# sourceMappingURL=MarkupEditorView.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"MarkupEditorView.js","sourceRoot":"../../../src","sources":["bundle/MarkupEditorView.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAC,IAAI,EAAC,MAAM,OAAO,CAAC;AAE3B,OAAO,EAAsB,EAAE,EAAC,wBAAqB;AACrD,OAAO,EAAC,sBAAsB,EAAC,+BAAsB;AACrD,OAAO,EAAC,MAAM,EAAC,qBAAkB;AACjC,OAAO,EAAC,aAAa,EAAC,gCAA6B;AAGnD,OAAO,EAAC,qBAAqB,EAAC,mCAAgC;AAC9D,OAAO,EAAC,WAAW,EAAC,yBAAsB;AAC1C,OAAO,EAAC,4BAA4B,EAAC,oCAAiC;AAItE,gCAAiC;AAEjC,MAAM,CAAC,GAAG,EAAE,CAAC,eAAe,CAAC,CAAC;AAgB9B,MAAM,CAAC,MAAM,gBAAgB,GAAG,IAAI,CAAwB,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,aAAa,CAAC,CAAC,IAAI,EAAE,EAAE;QACnB,MAAM,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,eAAK,SAAS,EAAE,CAAC,CAAC,EAAC,OAAO,EAAE,cAAc,EAAC,EAAE,CAAC,SAAS,CAAC,CAAC,aACpD,cAAc,CAAC,CAAC,CAAC,CACd,KAAC,4BAA4B,IACzB,KAAK,EAAE;oBACH,aAAa,EAAE,MAAM,CAAC,iBAAiB;oBACvC,oCAAoC,EAChC,MAAM,CAAC,oCAAoC;iBAClD,YAED,KAAC,WAAW,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,KAAC,qBAAqB,IAClB,SAAS,EAAE,SAAS,EACpB,MAAM,EAAE,MAAM,EACd,SAAS,EAAE,CAAC,CAAC,QAAQ,EAAE,EAAC,iBAAiB,EAAE,cAAc,EAAC,CAAC,YAE3D,KAAC,sBAAsB,IAAC,OAAO,EAAE,MAAM,CAAC,aAAa,GAAI,GACrC,IACtB,CACT,CAAC;AACN,CAAC,CAAC,CAAC;AACH,gBAAgB,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/esm/bundle/MarkupManager.d.ts

@@ -1,5 +1,5 @@
-import { Node } from 'prosemirror-model';
-import { SafeEventEmitter } from '../utils';
+import type { 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;

package/build/esm/bundle/MarkupManager.js

@@ -1,10 +1,12 @@
 import { v4 } from 'uuid';
-import { SafeEventEmitter } from '../utils';
+import { SafeEventEmitter } from "../utils/index.js";
 export class MarkupManager extends SafeEventEmitter {
+    _markups = new Map();
+    _nodes = new Map();
+    _namespace;
+    logger;
     constructor(logger) {
         super();
-        this._markups = new Map();
-        this._nodes = new Map();
         this.logger = logger;
         this._namespace = v4();
     }
@@ -12,41 +14,37 @@ export class MarkupManager extends SafeEventEmitter {
      * Set raw markup for a specific id
      */
     setMarkup(id, rawMarkup) {
-        var _a, _b;
         if (typeof rawMarkup !== 'string') {
-            (_a = this.logger) === null || _a === void 0 ? void 0 : _a.error('[MarkupManager] rawMarkup must be a string');
+            this.logger?.error('[MarkupManager] rawMarkup must be a string');
             return;
         }
         this._markups.set(id, rawMarkup);
         this.emit('markupChanged', { id, rawMarkup });
-        (_b = this.logger) === null || _b === void 0 ? void 0 : _b.log(`[MarkupManager] Raw markup for ID ${id} set successfully`);
+        this.logger?.log(`[MarkupManager] Raw markup for ID ${id} set successfully`);
     }
     /**
      * Set a node for a specific id
      */
     setNode(id, node) {
-        var _a, _b;
         if (!node) {
-            (_a = this.logger) === null || _a === void 0 ? void 0 : _a.error('[MarkupManager] Node must be a valid ProseMirror Node');
+            this.logger?.error('[MarkupManager] Node must be a valid ProseMirror Node');
             return;
         }
         this._nodes.set(id, node);
         this.emit('nodeChanged', { id, node });
-        (_b = this.logger) === null || _b === void 0 ? void 0 : _b.log(`[MarkupManager] Node for ID ${id} set successfully`);
+        this.logger?.log(`[MarkupManager] Node for ID ${id} set successfully`);
     }
     /**
      * Get raw markup for a specific id
      */
     getMarkup(id) {
-        var _a;
-        return (_a = this._markups.get(id)) !== null && _a !== void 0 ? _a : null;
+        return this._markups.get(id) ?? null;
     }
     /**
      * Get a node for a specific id
      */
     getNode(id) {
-        var _a;
-        return (_a = this._nodes.get(id)) !== null && _a !== void 0 ? _a : null;
+        return this._nodes.get(id) ?? null;
     }
     getNamespace() {
         return this._namespace;
@@ -55,10 +53,10 @@ export class MarkupManager extends SafeEventEmitter {
      * Reset the stored markups and nodes
      */
     reset() {
-        var _a;
         this._markups.clear();
         this._nodes.clear();
         this.emit('reset', {});
-        (_a = this.logger) === null || _a === void 0 ? void 0 : _a.log('[MarkupManager] MarkupManager has been reset');
+        this.logger?.log('[MarkupManager] MarkupManager has been reset');
     }
 }
+//# sourceMappingURL=MarkupManager.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"MarkupManager.js","sourceRoot":"../../../src","sources":["bundle/MarkupManager.ts"],"names":[],"mappings":"AACA,OAAO,EAAC,EAAE,EAAC,MAAM,MAAM,CAAC;AAExB,OAAO,EAAC,gBAAgB,EAAC,0BAAiB;AAsB1C,MAAM,OAAO,aAAc,SAAQ,gBAAwB;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,EAAE,EAAE,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","sourcesContent":["import type {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/esm/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/esm/bundle/SplitModeView.js

@@ -1,13 +1,13 @@
-import React, { useEffect, useImperativeHandle, useMemo, useReducer, useRef } from 'react';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { forwardRef, useEffect, useImperativeHandle, useMemo, useReducer, useRef } from 'react';
 import { Eye } from '@gravity-ui/icons';
 import { Label } from '@gravity-ui/uikit';
-import { cn } from '../classname';
-import { i18n } from '../i18n/bundle';
-import { throttle } from '../lodash';
-import { getEditorLineNumberForOffset, scrollToRevealSourceLine, } from '../utils/sync-scroll';
+import { cn } from "../classname.js";
+import { i18n } from "../i18n/bundle/index.js";
+import { throttle } from "../lodash.js";
+import { getEditorLineNumberForOffset, scrollToRevealSourceLine, } from "../utils/sync-scroll.js";
 const b = cn('markup-preview');
-const SplitModeView = React.forwardRef(({ editor }, ref) => {
-    var _a;
+const SplitModeView = forwardRef(({ editor }, ref) => {
     const cm = editor.cm;
     const [, forceUpdate] = useReducer((x) => x + 1, 0);
     const outerRef = useRef(null);
@@ -17,7 +17,7 @@ const SplitModeView = React.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')),
@@ -51,25 +51,24 @@ const SplitModeView = React.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]);
     useImperativeHandle(ref, () => outerRef.current);
-    return (React.createElement("div", { className: b('outer', {
+    return (_jsxs("div", { className: b('outer', {
             vertical: editor.splitMode === 'vertical',
-        }), ref: outerRef },
-        React.createElement(Label, { icon: React.createElement(Eye, null), className: b('preview-sign'), size: 'm' }, 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: [_jsx(Label, { icon: _jsx(Eye, {}), className: b('preview-sign'), size: 'm', children: i18n('split-mode-text') }), editor.renderPreview?.({
+                getValue: editor.getValue,
+                mode: 'split',
+                md: editor.mdOptions,
+                directiveSyntax: editor.directiveSyntax,
+            })] }));
 });
 SplitModeView.displayName = 'SplitModeView';
 export { SplitModeView };
+//# sourceMappingURL=SplitModeView.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"SplitModeView.js","sourceRoot":"../../../src","sources":["bundle/SplitModeView.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAC,UAAU,EAAE,SAAS,EAAE,mBAAmB,EAAE,OAAO,EAAE,UAAU,EAAE,MAAM,EAAC,MAAM,OAAO,CAAC;AAE9F,OAAO,EAAC,GAAG,EAAC,MAAM,mBAAmB,CAAC;AACtC,OAAO,EAAC,KAAK,EAAC,MAAM,mBAAmB,CAAC;AAExC,OAAO,EAAC,EAAE,EAAC,wBAAqB;AAChC,OAAO,EAAC,IAAI,EAAC,gCAAuB;AACpC,OAAO,EAAC,QAAQ,EAAC,qBAAkB;AACnC,OAAO,EAEH,4BAA4B,EAC5B,wBAAwB,GAC3B,gCAA6B;AAI9B,MAAM,CAAC,GAAG,EAAE,CAAC,gBAAgB,CAAC,CAAC;AAM/B,MAAM,aAAa,GAAG,UAAU,CAAiC,CAAC,EAAC,MAAM,EAAC,EAAE,GAAG,EAAE,EAAE;IAC/E,MAAM,EAAE,GAAG,MAAM,CAAC,EAAE,CAAC;IAErB,MAAM,CAAC,EAAE,WAAW,CAAC,GAAG,UAAU,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,GAAG,CAAC,EAAE,CAAC,CAAC,CAAC;IACpD,MAAM,QAAQ,GAAG,MAAM,CAAiB,IAAI,CAAC,CAAC;IAC9C,MAAM,YAAY,GAAG,MAAM,CAAoB,EAAE,CAAC,CAAC;IAEnD,MAAM,kBAAkB,GAAG,GAAG,EAAE;QAC5B,IAAI,CAAC,QAAQ,CAAC,OAAO;YAAE,OAAO;QAE9B,MAAM,GAAG,GAAG,KAAK,CAAC,IAAI,CAAC,QAAQ,CAAC,OAAO,CAAC,gBAAgB,CAAC,OAAO,CAAC,CAAC,CAAC;QACnE,YAAY,CAAC,OAAO,GAAG,GAAG;aACrB,MAAM,CAAC,CAAC,EAAE,EAAE,EAAE,CAAC,EAAE,YAAY,WAAW,IAAI,EAAE,CAAC,aAAa,EAAE,YAAY,KAAK,CAAC,CAAC;aACjF,GAAG,CAAC,CAAC,EAAE,EAAE,EAAE,CAAC,CAAC;YACV,EAAE,EAAE,EAAiB;YACrB,IAAI,EAAE,MAAM,CAAC,EAAE,CAAC,YAAY,CAAC,WAAW,CAAC,CAAC;SAC7C,CAAC,CAAC,CAAC;IACZ,CAAC,CAAC;IAEF,MAAM,kBAAkB,GAAG,OAAO,CAC9B,GAAG,EAAE,CACD,QAAQ,CAAC,GAAG,EAAE;QACV,IAAI,CAAC,QAAQ,CAAC,OAAO;YAAE,OAAO;QAC9B,IAAI,CAAC,EAAE,CAAC,GAAG,CAAC,OAAO,CAAC,QAAQ,CAAC;YAAE,OAAO;QAEtC,MAAM,EAAC,KAAK,EAAC,GAAG,EAAE,CAAC,cAAc,EAAE,CAAC,KAAK,CAAC;QAC1C,MAAM,IAAI,GAAG,EAAE,CAAC,KAAK,CAAC,GAAG,CAAC,MAAM,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC,MAAM,GAAG,CAAC,CAAC;QAExD,kBAAkB,EAAE,CAAC;QACrB,wBAAwB,CAAC,IAAI,EAAE,YAAY,CAAC,OAAO,EAAE,QAAQ,CAAC,CAAC;IACnE,CAAC,EAAE,EAAE,CAAC,EACV,CAAC,EAAE,CAAC,CACP,CAAC;IAEF,MAAM,mBAAmB,GAAG,OAAO,CAC/B,GAAG,EAAE,CACD,QAAQ,CAAC,GAAG,EAAE;QACV,IAAI,CAAC,QAAQ,CAAC,OAAO;YAAE,OAAO;QAC9B,IAAI,CAAC,QAAQ,CAAC,OAAO,CAAC,OAAO,CAAC,QAAQ,CAAC;YAAE,OAAO;QAEhD,kBAAkB,EAAE,CAAC;QACrB,IAAI,UAAU,GAAG,4BAA4B,CACzC,QAAQ,CAAC,OAAO,CAAC,SAAS,EAC1B,YAAY,CAAC,OAAO,EACpB,QAAQ,CACX,CAAC;QAEF,IAAI,UAAU,KAAK,IAAI,IAAI,KAAK,CAAC,UAAU,CAAC;YAAE,OAAO;QACrD,UAAU,GAAG,IAAI,CAAC,GAAG,CAAC,IAAI,CAAC,KAAK,CAAC,UAAU,CAAC,EAAE,CAAC,CAAC,GAAG,CAAC,CAAC;QAErD,MAAM,IAAI,GAAG,EAAE,CAAC,KAAK,CAAC,GAAG,CAAC,IAAI,CAAC,UAAU,CAAC,CAAC;QAC3C,MAAM,EAAC,GAAG,EAAC,GAAG,EAAE,CAAC,WAAW,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;QACxC,EAAE,CAAC,SAAS,CAAC,QAAQ,CAAC,EAAC,GAAG,EAAC,CAAC,CAAC;IACjC,CAAC,EAAE,EAAE,CAAC,EACV,CAAC,EAAE,CAAC,CACP,CAAC;IAEF,SAAS,CAAC,GAAG,EAAE;QACX,MAAM,KAAK,GAAG,QAAQ,CAAC,OAAO,CAAC;QAE/B,MAAM,CAAC,EAAE,CAAC,QAAQ,EAAE,WAAW,CAAC,CAAC;QACjC,MAAM,CAAC,EAAE,CAAC,WAAW,EAAE,kBAAkB,CAAC,CAAC;QAE3C,KAAK,EAAE,gBAAgB,CAAC,QAAQ,EAAE,mBAAmB,CAAC,CAAC;QAEvD,MAAM,CAAC,EAAE,CAAC,cAAc,EAAE,CAAC;QAE3B,OAAO,GAAG,EAAE;YACR,MAAM,CAAC,GAAG,CAAC,QAAQ,EAAE,WAAW,CAAC,CAAC;YAClC,MAAM,CAAC,GAAG,CAAC,WAAW,EAAE,kBAAkB,CAAC,CAAC;YAC5C,KAAK,EAAE,mBAAmB,CAAC,QAAQ,EAAE,mBAAmB,CAAC,CAAC;QAC9D,CAAC,CAAC;IACN,CAAC,EAAE,CAAC,MAAM,EAAE,kBAAkB,EAAE,mBAAmB,CAAC,CAAC,CAAC;IAEtD,mBAAmB,CAAC,GAAG,EAAE,GAAG,EAAE,CAAC,QAAQ,CAAC,OAAyB,CAAC,CAAC;IAEnE,OAAO,CACH,eACI,SAAS,EAAE,CAAC,CAAC,OAAO,EAAE;YAClB,QAAQ,EAAE,MAAM,CAAC,SAAS,KAAK,UAAU;SAC5C,CAAC,EACF,GAAG,EAAE,QAAQ,aAEb,KAAC,KAAK,IAAC,IAAI,EAAE,KAAC,GAAG,KAAG,EAAE,SAAS,EAAE,CAAC,CAAC,cAAc,CAAC,EAAE,IAAI,EAAE,GAAG,YACxD,IAAI,CAAC,iBAAiB,CAAC,GACpB,EACP,MAAM,CAAC,aAAa,EAAE,CAAC;gBACpB,QAAQ,EAAE,MAAM,CAAC,QAAQ;gBACzB,IAAI,EAAE,OAAO;gBACb,EAAE,EAAE,MAAM,CAAC,SAAS;gBACpB,eAAe,EAAE,MAAM,CAAC,eAAe;aAC1C,CAAC,IACA,CACT,CAAC;AACN,CAAC,CAAC,CAAC;AACH,aAAa,CAAC,WAAW,GAAG,eAAe,CAAC;AAC5C,OAAO,EAAC,aAAa,EAAC,CAAC","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    type 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/esm/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 type { ClassNameProps } from "../classname.js";
+import { type ToolbarData, type 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/esm/bundle/ToolbarView.js

@@ -1,9 +1,10 @@
-import React, { useLayoutEffect, useRef } from 'react';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useLayoutEffect, useRef } from 'react';
 import { useUpdate } from 'react-use';
-import { i18n } from '../i18n/menubar';
-import { useSticky } from '../react-utils/useSticky';
-import { FlexToolbar } from '../toolbar';
-import { stickyCn } from './sticky';
+import { i18n } from "../i18n/menubar/index.js";
+import { useSticky } from "../react-utils/useSticky.js";
+import { FlexToolbar } from "../toolbar/index.js";
+import { stickyCn } from "./sticky/index.js";
 export function ToolbarView({ editor, editorMode, toolbarEditor, toolbarFocus, toolbarConfig, hiddenActionsConfig, settingsVisible, className, children, stickyToolbar, }) {
     const rerender = useUpdate();
     useLayoutEffect(() => {
@@ -14,11 +15,10 @@ export function ToolbarView({ editor, editorMode, toolbarEditor, toolbarFocus, t
     }, [editor, rerender]);
     const wrapperRef = useRef(null);
     const isStickyActive = useSticky(wrapperRef) && stickyToolbar;
-    return (React.createElement("div", { ref: wrapperRef, className: stickyCn.toolbar({
+    return (_jsxs("div", { ref: wrapperRef, className: stickyCn.toolbar({
             withSettings: settingsVisible,
             stickyActive: isStickyActive,
             isSticky: stickyToolbar,
-        }, [className]) },
-        React.createElement(FlexToolbar, { data: toolbarConfig, hiddenActions: hiddenActionsConfig, editor: toolbarEditor, focus: toolbarFocus, dotsTitle: i18n('more_action'), onClick: (id, attrs) => editor.emit('toolbar-action', { id, attrs, editorMode }) }),
-        children));
+        }, [className]), children: [_jsx(FlexToolbar, { data: toolbarConfig, hiddenActions: hiddenActionsConfig, editor: toolbarEditor, focus: toolbarFocus, dotsTitle: i18n('more_action'), onClick: (id, attrs) => editor.emit('toolbar-action', { id, attrs, editorMode }) }), children] }));
 }
+//# sourceMappingURL=ToolbarView.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ToolbarView.js","sourceRoot":"../../../src","sources":["bundle/ToolbarView.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAC,eAAe,EAAE,MAAM,EAAC,MAAM,OAAO,CAAC;AAE9C,OAAO,EAAC,SAAS,EAAC,MAAM,WAAW,CAAC;AAGpC,OAAO,EAAC,IAAI,EAAC,iCAAwB;AACrC,OAAO,EAAC,SAAS,EAAC,oCAAiC;AACnD,OAAO,EAAC,WAAW,EAAyC,4BAAmB;AAG/E,OAAO,EAAC,QAAQ,EAAC,0BAAiB;AAelC,MAAM,UAAU,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,SAAS,EAAE,CAAC;IAC7B,eAAe,CAAC,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,MAAM,CAAiB,IAAI,CAAC,CAAC;IAChD,MAAM,cAAc,GAAG,SAAS,CAAC,UAAU,CAAC,IAAI,aAAa,CAAC;IAE9D,OAAO,CACH,eACI,GAAG,EAAE,UAAU,EACf,SAAS,EAAE,QAAQ,CAAC,OAAO,CACvB;YACI,YAAY,EAAE,eAAe;YAC7B,YAAY,EAAE,cAAc;YAC5B,QAAQ,EAAE,aAAa;SAC1B,EACD,CAAC,SAAS,CAAC,CACd,aAED,KAAC,WAAW,IACR,IAAI,EAAE,aAAa,EACnB,aAAa,EAAE,mBAAmB,EAClC,MAAM,EAAE,aAAa,EACrB,KAAK,EAAE,YAAY,EACnB,SAAS,EAAE,IAAI,CAAC,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 type {ClassNameProps} from '../classname';\nimport {i18n} from '../i18n/menubar';\nimport {useSticky} from '../react-utils/useSticky';\nimport {FlexToolbar, type ToolbarData, type 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/esm/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/esm/bundle/WysiwygEditorComponent.js

@@ -1,7 +1,8 @@
-import React from 'react';
+import { jsx as _jsx } from "react/jsx-runtime";
+import { useEffect, useRef } from 'react';
 export const WysiwygEditorComponent = function WysiwygEditorComponent({ className, autofocus, editor, children }) {
-    const ref = React.useRef(null);
-    React.useEffect(() => {
+    const ref = useRef(null);
+    useEffect(() => {
         const { current } = ref;
         if (current) {
             current.appendChild(editor.wysiwygEditor.dom);
@@ -10,5 +11,6 @@ export const WysiwygEditorComponent = function WysiwygEditorComponent({ classNam
             }
         }
     }, [editor]);
-    return (React.createElement("div", { ref: ref, className: className }, children));
+    return (_jsx("div", { ref: ref, className: className, children: children }));
 };
+//# sourceMappingURL=WysiwygEditorComponent.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"WysiwygEditorComponent.js","sourceRoot":"../../../src","sources":["bundle/WysiwygEditorComponent.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAC,SAAS,EAAE,MAAM,EAAC,MAAM,OAAO,CAAC;AAWxC,MAAM,CAAC,MAAM,sBAAsB,GAC/B,SAAS,sBAAsB,CAAC,EAAC,SAAS,EAAE,SAAS,EAAE,MAAM,EAAE,QAAQ,EAAC;IACpE,MAAM,GAAG,GAAG,MAAM,CAAiB,IAAI,CAAC,CAAC;IACzC,SAAS,CAAC,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,cAAK,GAAG,EAAE,GAAG,EAAE,SAAS,EAAE,SAAS,YAC9B,QAAQ,GACP,CACT,CAAC;AACN,CAAC,CAAC","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/esm/bundle/WysiwygEditorView.d.ts

@@ -1,9 +1,8 @@
-import React from 'react';
-import { type ClassNameProps } from '../classname';
-import type { EditorInt } from './Editor';
-import type { WToolbarData, WToolbarItemData } from './toolbar/types';
-import './WysiwygEditorView.css';
-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;
@@ -14,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/esm/bundle/WysiwygEditorView.js

@@ -1,13 +1,14 @@
-import React from 'react';
-import { cn } from '../classname';
-import { ReactRendererComponent } from '../extensions';
-import { logger } from '../logger';
-import { useRenderTime } from '../react-utils/hooks';
-import { ToolbarView } from './ToolbarView';
-import { WysiwygEditorComponent } from './WysiwygEditorComponent';
-import './WysiwygEditorView.css';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { memo } from 'react';
+import { cn } from "../classname.js";
+import { ReactRendererComponent } from "../extensions/index.js";
+import { logger } from "../logger.js";
+import { useRenderTime } from "../react-utils/hooks.js";
+import { ToolbarView } from "./ToolbarView.js";
+import { WysiwygEditorComponent } from "./WysiwygEditorComponent.js";
+import "./WysiwygEditorView.css";
 const b = cn('wysiwyg-editor');
-export const WysiwygEditorView = React.memo((props) => {
+export const WysiwygEditorView = memo((props) => {
     const { editor, autofocus, settingsVisible, toolbarVisible, toolbarConfig, hiddenActionsConfig, className, toolbarClassName, children, stickyToolbar = true, } = props;
     useRenderTime((time) => {
         logger.metrics({
@@ -16,9 +17,7 @@ export const WysiwygEditorView = React.memo((props) => {
             duration: time,
         });
     });
-    return (React.createElement("div", { className: b({ toolbar: toolbarVisible }, [className]) },
-        toolbarVisible ? (React.createElement(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.createElement(WysiwygEditorComponent, { autofocus: autofocus, editor: editor, className: b('editor') },
-            React.createElement(ReactRendererComponent, { storage: editor.renderStorage }))));
+    return (_jsxs("div", { className: b({ toolbar: toolbarVisible }, [className]), children: [toolbarVisible ? (_jsx(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, _jsx(WysiwygEditorComponent, { autofocus: autofocus, editor: editor, className: b('editor'), children: _jsx(ReactRendererComponent, { storage: editor.renderStorage }) })] }));
 });
 WysiwygEditorView.displayName = 'MarkdownWysiwgEditorView';
+//# sourceMappingURL=WysiwygEditorView.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"WysiwygEditorView.js","sourceRoot":"../../../src","sources":["bundle/WysiwygEditorView.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAC,IAAI,EAAC,MAAM,OAAO,CAAC;AAE3B,OAAO,EAAsB,EAAE,EAAC,wBAAqB;AACrD,OAAO,EAAC,sBAAsB,EAAC,+BAAsB;AACrD,OAAO,EAAC,MAAM,EAAC,qBAAkB;AACjC,OAAO,EAAC,aAAa,EAAC,gCAA6B;AAGnD,OAAO,EAAC,WAAW,EAAC,yBAAsB;AAC1C,OAAO,EAAC,sBAAsB,EAAC,oCAAiC;AAGhE,iCAAkC;AAElC,MAAM,CAAC,GAAG,EAAE,CAAC,gBAAgB,CAAC,CAAC;AAc/B,MAAM,CAAC,MAAM,iBAAiB,GAAG,IAAI,CAAyB,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,aAAa,CAAC,CAAC,IAAI,EAAE,EAAE;QACnB,MAAM,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,eAAK,SAAS,EAAE,CAAC,CAAC,EAAC,OAAO,EAAE,cAAc,EAAC,EAAE,CAAC,SAAS,CAAC,CAAC,aACpD,cAAc,CAAC,CAAC,CAAC,CACd,KAAC,WAAW,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,KAAC,sBAAsB,IAAC,SAAS,EAAE,SAAS,EAAE,MAAM,EAAE,MAAM,EAAE,SAAS,EAAE,CAAC,CAAC,QAAQ,CAAC,YAChF,KAAC,sBAAsB,IAAC,OAAO,EAAE,MAAM,CAAC,aAAa,GAAI,GACpC,IACvB,CACT,CAAC;AACN,CAAC,CAAC,CAAC;AACH,iBAAiB,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/esm/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/esm/bundle/config/action-names.js

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

package/build/esm/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;AAEF,MAAM,CAAC,MAAM,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/esm/bundle/config/dynamicModifiers.d.ts

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

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

@@ -28,7 +28,10 @@ export function createDynamicModifiers(markupManager) {
             /**
              * - Links the token to its corresponding node via `data-node-id`.
              */
-            process: (token, attrs) => (Object.assign(Object.assign({}, attrs), { [YFM_TABLE_NODE_ATTR]: token.attrGet(YFM_TABLE_TOKEN_ATTR) })),
+            process: (token, attrs) => ({
+                ...attrs,
+                [YFM_TABLE_NODE_ATTR]: token.attrGet(YFM_TABLE_TOKEN_ATTR),
+            }),
         },
         {
             type: 'parserNode',
@@ -50,14 +53,13 @@ export function createDynamicModifiers(markupManager) {
              * - Falls back to schema-based rendering if the node structure, attributes, or parent elements affect it.
              */
             process: (state, node, parent, index, callback) => {
-                var _a;
                 const nodeId = node.attrs[YFM_TABLE_NODE_ATTR];
                 const savedNode = markupManager.getNode(nodeId);
-                if (!PARENTS_WITH_AFFECT.includes((_a = parent === null || parent === void 0 ? void 0 : parent.type) === null || _a === void 0 ? void 0 : _a.name) && (savedNode === null || savedNode === void 0 ? void 0 : savedNode.eq(node))) {
+                if (!PARENTS_WITH_AFFECT.includes(parent?.type?.name) && savedNode?.eq(node)) {
                     state.write(markupManager.getMarkup(nodeId) + '\n');
                     return;
                 }
-                callback === null || callback === void 0 ? void 0 : callback(state, node, parent, index);
+                callback?.(state, node, parent, index);
             },
         },
         {
@@ -70,3 +72,4 @@ export function createDynamicModifiers(markupManager) {
         },
     ];
 }
+//# sourceMappingURL=dynamicModifiers.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"dynamicModifiers.js","sourceRoot":"../../../../src","sources":["bundle/config/dynamicModifiers.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,EAAE,EAAC,MAAM,MAAM,CAAC;AAKxB,MAAM,oBAAoB,GAAG,eAAe,CAAC;AAC7C,MAAM,mBAAmB,GAAG,cAAc,CAAC;AAC3C,MAAM,mBAAmB,GAAG,CAAC,YAAY,EAAE,UAAU,CAAC,CAAC;AAEvD,MAAM,UAAU,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,EAAE,CAAC,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 type {DynamicModifiers} from '../../core/types/dynamicModifiers';\nimport type {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/esm/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 type { 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 {};

package/build/esm/bundle/config/icons.js

@@ -1,5 +1,5 @@
-import { BoldIcon, CheckListIcon, CodeBlockIcon, CodeInlineIcon, CutIcon, EmojiIcon, FileIcon, FoldingHeadingIcon, FunctionBlockIcon, FunctionInlineIcon, HRuleIcon, Heading1Icon, Heading2Icon, Heading3Icon, Heading4Icon, Heading5Icon, Heading6Icon, HeadingIcon, HtmlBlockIcon, ImageIcon, ItalicIcon, LiftIcon, LinkIcon, ListBlIcon, ListOlIcon, MarkIcon, MermaidIcon, MonoIcon, NoteIcon, QuoteIcon, RedoIcon, SinkIcon, StrikethroughIcon, TableIcon, TabsIcon, TextColorIcon, TextIcon, UnderlineIcon, UndoIcon, } from '../../icons';
-import GPTIcon from '../../icons/GPT';
+import { BoldIcon, CheckListIcon, CodeBlockIcon, CodeInlineIcon, CutIcon, EmojiIcon, FileIcon, FoldingHeadingIcon, FunctionBlockIcon, FunctionInlineIcon, HRuleIcon, Heading1Icon, Heading2Icon, Heading3Icon, Heading4Icon, Heading5Icon, Heading6Icon, HeadingIcon, HtmlBlockIcon, ImageIcon, ItalicIcon, LiftIcon, LinkIcon, ListBlIcon, ListOlIcon, MarkIcon, MermaidIcon, MonoIcon, NoteIcon, QuoteIcon, RedoIcon, SinkIcon, StrikethroughIcon, TableIcon, TabsIcon, TextColorIcon, TextIcon, UnderlineIcon, UndoIcon, } from "../../icons/index.js";
+import GPTIcon from "../../icons/GPT.js";
 export const icons = {
     undo: { data: UndoIcon },
     redo: { data: RedoIcon },
@@ -42,3 +42,4 @@ export const icons = {
     foldingHeading: { data: FoldingHeadingIcon },
     gpt: { data: GPTIcon },
 };
+//# sourceMappingURL=icons.js.map

package/build/esm/bundle/config/icons.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"icons.js","sourceRoot":"../../../../src","sources":["bundle/config/icons.ts"],"names":[],"mappings":"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","sourcesContent":["import {\n    BoldIcon,\n    CheckListIcon,\n    CodeBlockIcon,\n    CodeInlineIcon,\n    CutIcon,\n    EmojiIcon,\n    FileIcon,\n    FoldingHeadingIcon,\n    FunctionBlockIcon,\n    FunctionInlineIcon,\n    HRuleIcon,\n    Heading1Icon,\n    Heading2Icon,\n    Heading3Icon,\n    Heading4Icon,\n    Heading5Icon,\n    Heading6Icon,\n    HeadingIcon,\n    HtmlBlockIcon,\n    ImageIcon,\n    ItalicIcon,\n    LiftIcon,\n    LinkIcon,\n    ListBlIcon,\n    ListOlIcon,\n    MarkIcon,\n    MermaidIcon,\n    MonoIcon,\n    NoteIcon,\n    QuoteIcon,\n    RedoIcon,\n    SinkIcon,\n    StrikethroughIcon,\n    TableIcon,\n    TabsIcon,\n    TextColorIcon,\n    TextIcon,\n    UnderlineIcon,\n    UndoIcon,\n} from '../../icons';\nimport GPTIcon from '../../icons/GPT';\nimport type {ToolbarIconData} from '../../toolbar/types';\n\ntype Icon =\n    | 'undo'\n    | 'redo'\n    | 'bold'\n    | 'italic'\n    | 'underline'\n    | 'strikethrough'\n    | 'mono'\n    | 'mark'\n    | 'textColor'\n    | 'text'\n    | 'headline'\n    | 'h1'\n    | 'h2'\n    | 'h3'\n    | 'h4'\n    | 'h5'\n    | 'h6'\n    | 'bulletList'\n    | 'orderedList'\n    | 'sink'\n    | 'lift'\n    | 'cut'\n    | 'note'\n    | 'code'\n    | 'codeBlock'\n    | 'link'\n    | 'image'\n    | 'table'\n    | 'quote'\n    | 'checklist'\n    | 'horizontalRule'\n    | 'file'\n    | 'functionInline'\n    | 'functionBlock'\n    | 'emoji'\n    | 'tabs'\n    | 'mermaid'\n    | 'html'\n    | 'foldingHeading'\n    | 'gpt';\n\ntype Icons = Record<Icon, ToolbarIconData>;\n\nexport const icons: Icons = {\n    undo: {data: UndoIcon},\n    redo: {data: RedoIcon},\n\n    bold: {data: BoldIcon},\n    italic: {data: ItalicIcon},\n    underline: {data: UnderlineIcon},\n    strikethrough: {data: StrikethroughIcon},\n    mono: {data: MonoIcon},\n    mark: {data: MarkIcon},\n\n    textColor: {data: TextColorIcon},\n\n    text: {data: TextIcon},\n    headline: {data: HeadingIcon},\n    h1: {data: Heading1Icon},\n    h2: {data: Heading2Icon},\n    h3: {data: Heading3Icon},\n    h4: {data: Heading4Icon},\n    h5: {data: Heading5Icon},\n    h6: {data: Heading6Icon},\n\n    bulletList: {data: ListBlIcon},\n    orderedList: {data: ListOlIcon},\n\n    sink: {data: SinkIcon},\n    lift: {data: LiftIcon},\n\n    cut: {data: CutIcon},\n    note: {data: NoteIcon},\n\n    code: {data: CodeInlineIcon},\n    codeBlock: {data: CodeBlockIcon},\n\n    link: {data: LinkIcon},\n    image: {data: ImageIcon},\n\n    table: {data: TableIcon},\n    quote: {data: QuoteIcon},\n    checklist: {data: CheckListIcon},\n\n    html: {data: HtmlBlockIcon},\n    horizontalRule: {data: HRuleIcon},\n\n    file: {data: FileIcon},\n\n    functionInline: {data: FunctionInlineIcon},\n    functionBlock: {data: FunctionBlockIcon},\n\n    emoji: {data: EmojiIcon},\n\n    tabs: {data: TabsIcon},\n    mermaid: {data: MermaidIcon},\n\n    foldingHeading: {data: FoldingHeadingIcon},\n\n    gpt: {data: GPTIcon},\n};\n"]}