@gravity-ui/markdown-editor 14.11.2 → 14.12.1

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

@@ -0,0 +1 @@
+{"version":3,"file":"HorizontalDrag.js","sourceRoot":"../../../src","sources":["bundle/HorizontalDrag.tsx"],"names":[],"mappings":"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","sourcesContent":["import {useCallback, useEffect, useRef, useState} from 'react';\n\nimport {clamp} from '../lodash';\n\nimport {EditorInt} from './Editor';\nimport {cnEditorComponent} from './MarkdownEditorView';\n\nexport const IN_RESIZE_CLASSNAME = 'in-resize';\n\ntype UseDragHandlersParams = {\n    onStart: () => void;\n    onMove: (delta: number) => void;\n    onEnd: (delta: number) => void;\n};\n\nconst useColResize = ({onStart, onMove, onEnd}: UseDragHandlersParams) => {\n    const initialXPosition = useRef(0);\n    const currentXPosition = useRef(0);\n\n    const handleMove = useCallback(\n        (e: MouseEvent | TouchEvent) => {\n            const currentX = 'touches' in e ? e.touches[0]?.clientX ?? 0 : e.clientX;\n\n            if (currentXPosition.current === currentX) {\n                return;\n            }\n\n            currentXPosition.current = currentX;\n            const delta = initialXPosition.current - currentX;\n\n            onMove(delta);\n        },\n        [onMove],\n    );\n\n    const handleDragEnd = useCallback(\n        (e: MouseEvent | TouchEvent) => {\n            window.removeEventListener('mousemove', handleMove);\n            window.removeEventListener('touchmove', handleMove);\n\n            document.body.style.removeProperty('user-select');\n\n            const currentX = 'touches' in e ? e.touches[0]?.clientX ?? 0 : e.clientX;\n            const delta = initialXPosition.current - currentX;\n\n            onEnd(delta);\n        },\n        [handleMove, onEnd],\n    );\n\n    const handleStart: React.EventHandler<React.MouseEvent | React.TouchEvent> = useCallback(\n        (e) => {\n            const currentX = 'touches' in e ? e.touches[0]?.clientX ?? 0 : e.clientX;\n            initialXPosition.current = currentX;\n            currentXPosition.current = currentX;\n\n            window.addEventListener('mouseup', handleDragEnd, {once: true});\n            window.addEventListener('touchend', handleDragEnd, {once: true});\n            window.addEventListener('touchcancel', handleDragEnd, {once: true});\n\n            window.addEventListener('mousemove', handleMove);\n            window.addEventListener('touchmove', handleMove);\n\n            document.body.style.setProperty('user-select', 'none');\n\n            onStart();\n        },\n        [handleDragEnd, handleMove, onStart],\n    );\n\n    return {\n        listeners: {\n            onMouseDown: handleStart,\n            onTouchStart: handleStart,\n        },\n    };\n};\n\nexport type HorizontalDragProps = {\n    leftElRef: React.RefObject<HTMLDivElement>;\n    rightElRef: React.RefObject<HTMLDivElement>;\n    wrapperRef: React.RefObject<HTMLDivElement>;\n    editor: EditorInt;\n    onEndMove?: (right: HTMLDivElement | null, left: HTMLDivElement | null) => any;\n};\n\nconst HorizontalDrag: React.FC<HorizontalDragProps> = ({\n    leftElRef,\n    rightElRef,\n    wrapperRef,\n    editor,\n    onEndMove,\n}) => {\n    const cm = editor.cm;\n\n    const [lCardWidth, lSetCardWidth] = useState((wrapperRef.current?.clientWidth ?? 0) / 2);\n    const [rCardWidth, rSetCardWidth] = useState((wrapperRef.current?.clientWidth ?? 0) / 2);\n\n    const updateWidth = useCallback(\n        (lNewWidth: number, rNewWidth: number) => {\n            leftElRef.current?.style?.setProperty('width', `${lNewWidth}px`);\n            rightElRef.current?.style?.setProperty('width', `${rNewWidth}px`);\n        },\n        [leftElRef, rightElRef],\n    );\n\n    const calculateWidth = useCallback(\n        (delta: number) => [\n            clamp(\n                lCardWidth - delta,\n                (wrapperRef.current?.clientWidth ?? 0) / 8,\n                ((wrapperRef.current?.clientWidth ?? 0) * 3) / 4,\n            ),\n            clamp(\n                rCardWidth + delta,\n                (wrapperRef.current?.clientWidth ?? 0) / 8,\n                ((wrapperRef.current?.clientWidth ?? 0) * 3) / 4,\n            ),\n        ],\n        [lCardWidth, rCardWidth, wrapperRef],\n    );\n\n    // Set initially calculated width\n    useEffect(() => {\n        updateWidth(lCardWidth, rCardWidth);\n        cm.requestMeasure();\n    }, []);\n\n    useEffect(() => {\n        const [leftElCurrent, rightElCurrent] = [leftElRef.current, rightElRef.current];\n\n        return () => {\n            leftElCurrent?.classList.remove(IN_RESIZE_CLASSNAME);\n            rightElCurrent?.classList.remove(IN_RESIZE_CLASSNAME);\n\n            leftElCurrent?.style?.removeProperty('width');\n            rightElCurrent?.style?.removeProperty('width');\n        };\n    }, [leftElRef, rightElRef]);\n\n    const onStart = useCallback(() => {\n        wrapperRef.current?.style.setProperty('user-select', 'none');\n\n        leftElRef.current?.classList.add(IN_RESIZE_CLASSNAME);\n        rightElRef.current?.classList.add(IN_RESIZE_CLASSNAME);\n    }, [leftElRef, rightElRef, wrapperRef]);\n\n    const onMove = useCallback(\n        (delta: number) => {\n            const [lNewWidth, rNewWidth] = calculateWidth(delta);\n            updateWidth(lNewWidth, rNewWidth);\n        },\n        [calculateWidth, lCardWidth, rCardWidth, updateWidth],\n    );\n\n    const onEnd = useCallback(\n        (delta: number) => {\n            const [lNewWidth, rNewWidth] = calculateWidth(delta);\n            lSetCardWidth(lNewWidth);\n            rSetCardWidth(rNewWidth);\n            updateWidth(lNewWidth, rNewWidth);\n\n            wrapperRef.current?.style.removeProperty('user-select');\n            cm.requestMeasure();\n\n            rightElRef.current?.classList.remove(IN_RESIZE_CLASSNAME);\n            leftElRef.current?.classList.remove(IN_RESIZE_CLASSNAME);\n\n            onEndMove?.(rightElRef.current, leftElRef.current);\n        },\n        [calculateWidth, cm, leftElRef, rightElRef, updateWidth, wrapperRef],\n    );\n\n    const {listeners} = useColResize({onStart, onMove, onEnd});\n\n    return (\n        <div className={cnEditorComponent('resizer', {horizontal: true})} {...listeners}>\n            <div className={cnEditorComponent('gutter')} />\n        </div>\n    );\n};\n\nconst HorizontalDragWrapper: React.FC<HorizontalDragProps & {isMounted: boolean}> = (props) => {\n    // If component calling HorizontalDrag is not mounted, then most likely wrapperRef will be null\n    if (!props.isMounted)\n        return (\n            <div className={cnEditorComponent('resizer', {horizontal: true})}>\n                <div className={cnEditorComponent('gutter')} />\n            </div>\n        );\n    return <HorizontalDrag {...props} />;\n};\n\nexport {HorizontalDragWrapper as HorizontalDrag};\n"]}

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

@@ -1,13 +1,11 @@
-import React from 'react';
-import type { ToasterPublicMethods } from '@gravity-ui/uikit';
-import { ClassNameProps } from '../classname';
-import type { ToolbarsPreset } from '../modules/toolbars/types';
-import type { Editor } from './Editor';
-import type { MToolbarData, MToolbarItemData, WToolbarData, WToolbarItemData } from './toolbar/types';
-import '../styles/styles.css';
-import './MarkdownEditorView.css';
+import { ClassNameProps } from "../classname.js";
+import type { ToolbarsPreset } from "../modules/toolbars/types.js";
+import type { Editor } from "./Editor.js";
+import type { MToolbarData, MToolbarItemData, WToolbarData, WToolbarItemData } from "./toolbar/types.js";
+import "../styles/styles.css";
+import "./MarkdownEditorView.css";
 export declare const cnEditorComponent: import("@bem-react/classname").ClassNameFormatter;
-export declare type MarkdownEditorViewProps = ClassNameProps & {
+export type MarkdownEditorViewProps = ClassNameProps & {
     editor?: Editor;
     autofocus?: boolean;
     toolbarsPreset?: ToolbarsPreset;
@@ -29,35 +27,33 @@ export declare type MarkdownEditorViewProps = ClassNameProps & {
     wysiwygHiddenActionsConfig?: WToolbarItemData[];
     /** @default true */
     settingsVisible?: boolean;
-    toaster: ToasterPublicMethods;
     stickyToolbar: boolean;
     enableSubmitInPreview?: boolean;
     hidePreviewAfterSubmit?: boolean;
 };
-export declare const MarkdownEditorView: React.ForwardRefExoticComponent<ClassNameProps & {
-    editor?: Editor | undefined;
-    autofocus?: boolean | undefined;
-    toolbarsPreset?: ToolbarsPreset | undefined;
+export declare const MarkdownEditorView: import("react").ForwardRefExoticComponent<ClassNameProps & {
+    editor?: Editor;
+    autofocus?: boolean;
+    toolbarsPreset?: ToolbarsPreset;
     /**
      * @deprecated use `toolbarsPreset` instead
      */
-    markupToolbarConfig?: MToolbarData | undefined;
+    markupToolbarConfig?: MToolbarData;
     /**
      * @deprecated use `toolbarsPreset` instead
      */
-    wysiwygToolbarConfig?: WToolbarData | undefined;
+    wysiwygToolbarConfig?: WToolbarData;
     /**
      * @deprecated use `toolbarsPreset` instead
      */
-    markupHiddenActionsConfig?: MToolbarItemData[] | undefined;
+    markupHiddenActionsConfig?: MToolbarItemData[];
     /**
      * @deprecated use `toolbarsPreset` instead
      */
-    wysiwygHiddenActionsConfig?: WToolbarItemData[] | undefined;
+    wysiwygHiddenActionsConfig?: WToolbarItemData[];
     /** @default true */
-    settingsVisible?: boolean | undefined;
-    toaster: ToasterPublicMethods;
+    settingsVisible?: boolean;
     stickyToolbar: boolean;
-    enableSubmitInPreview?: boolean | undefined;
-    hidePreviewAfterSubmit?: boolean | undefined;
-} & React.RefAttributes<HTMLDivElement>>;
+    enableSubmitInPreview?: boolean;
+    hidePreviewAfterSubmit?: boolean;
+} & import("react").RefAttributes<HTMLDivElement>>;

package/build/esm/bundle/MarkdownEditorView.js

@@ -1,25 +1,26 @@
-import React, { useEffect, useMemo, useRef, useState } from 'react';
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+import { forwardRef, useCallback, useEffect, useLayoutEffect, useMemo, useRef, useState, } from 'react';
+import { useToaster } from '@gravity-ui/uikit';
 import { ErrorBoundary } from 'react-error-boundary';
 import { useEnsuredForwardedRef, useKey, useUpdate } from 'react-use';
-import { cn } from '../classname';
-import { i18n } from '../i18n/bundle';
-import { logger } from '../logger';
-import { ToasterContext, useBooleanState, useSticky } from '../react-utils';
-import { isMac } from '../utils';
-import { HorizontalDrag } from './HorizontalDrag';
-import { MarkupEditorView } from './MarkupEditorView';
-import { SplitModeView } from './SplitModeView';
-import { WysiwygEditorView } from './WysiwygEditorView';
-import { useMarkdownEditorContext } from './context';
-import { EditorSettings } from './settings';
-import { stickyCn } from './sticky';
-import { getToolbarsConfigs } from './toolbar/utils/toolbarsConfigs';
-import '../styles/styles.css';
-import './MarkdownEditorView.css'; // eslint-disable-line import/order
+import { cn } from "../classname.js";
+import { i18n } from "../i18n/bundle/index.js";
+import { logger } from "../logger.js";
+import { useBooleanState, useSticky } from "../react-utils/index.js";
+import { isMac } from "../utils/index.js";
+import { HorizontalDrag } from "./HorizontalDrag.js";
+import { MarkupEditorView } from "./MarkupEditorView.js";
+import { SplitModeView } from "./SplitModeView.js";
+import { WysiwygEditorView } from "./WysiwygEditorView.js";
+import { useMarkdownEditorContext } from "./context.js";
+import { EditorSettings } from "./settings/index.js";
+import { stickyCn } from "./sticky/index.js";
+import { getToolbarsConfigs } from "./toolbar/utils/toolbarsConfigs.js";
+import "../styles/styles.css";
+import "./MarkdownEditorView.css"; // eslint-disable-line import/order
 export const cnEditorComponent = cn('editor-component');
 const b = cnEditorComponent;
-export const MarkdownEditorView = React.forwardRef((props, ref) => {
-    var _a, _b;
+export const MarkdownEditorView = forwardRef((props, ref) => {
     const divRef = useEnsuredForwardedRef(ref);
     const [isMounted, setIsMounted] = useState(false);
     useEffect(() => {
@@ -27,10 +28,10 @@ export const MarkdownEditorView = React.forwardRef((props, ref) => {
     }, []);
     const [showPreview, , unsetShowPreview, toggleShowPreview] = useBooleanState(false);
     const context = useMarkdownEditorContext();
-    const editor = ((_a = props.editor) !== null && _a !== void 0 ? _a : context);
+    const editor = (props.editor ?? context);
     if (!editor)
         throw new Error('[MarkdownEditorView]: an instance of the editor must be passed through the props or context');
-    const { autofocus, className, settingsVisible = true, toolbarsPreset, toaster, stickyToolbar, wysiwygToolbarConfig: initialWysiwygToolbarConfig, markupToolbarConfig: initialMarkupToolbarConfig, wysiwygHiddenActionsConfig: initialWysiwygHiddenActionsConfig, markupHiddenActionsConfig: initialMarkupHiddenActionsConfig, enableSubmitInPreview = true, hidePreviewAfterSubmit = false, } = props;
+    const { autofocus, className, settingsVisible = true, toolbarsPreset, stickyToolbar, wysiwygToolbarConfig: initialWysiwygToolbarConfig, markupToolbarConfig: initialMarkupToolbarConfig, wysiwygHiddenActionsConfig: initialWysiwygHiddenActionsConfig, markupHiddenActionsConfig: initialMarkupHiddenActionsConfig, enableSubmitInPreview = true, hidePreviewAfterSubmit = false, } = props;
     const { wysiwygToolbarConfig, markupToolbarConfig, wysiwygHiddenActionsConfig, markupHiddenActionsConfig, } = useMemo(() => getToolbarsConfigs({
         toolbarsPreset,
         props: {
@@ -49,24 +50,24 @@ export const MarkdownEditorView = React.forwardRef((props, ref) => {
         editor.preset,
     ]);
     const rerender = useUpdate();
-    React.useLayoutEffect(() => {
+    useLayoutEffect(() => {
         editor.on('rerender', rerender);
         return () => {
             editor.off('rerender', rerender);
         };
     }, [editor, rerender]);
-    const onModeChange = React.useCallback((type) => {
+    const onModeChange = useCallback((type) => {
         editor.changeEditorMode({ mode: type, reason: 'settings' });
         unsetShowPreview();
     }, [editor, unsetShowPreview]);
-    const onToolbarVisibilityChange = React.useCallback((visible) => {
+    const onToolbarVisibilityChange = useCallback((visible) => {
         editor.changeToolbarVisibility({ visible });
     }, [editor]);
-    const onSplitModeChange = React.useCallback((splitModeEnabled) => {
+    const onSplitModeChange = useCallback((splitModeEnabled) => {
         unsetShowPreview();
         editor.changeSplitModeEnabled({ splitModeEnabled });
     }, [editor, unsetShowPreview]);
-    const onShowPreviewChange = React.useCallback((showPreviewValue) => {
+    const onShowPreviewChange = useCallback((showPreviewValue) => {
         editor.changeSplitModeEnabled({ splitModeEnabled: false });
         if (showPreviewValue !== showPreview)
             toggleShowPreview();
@@ -94,7 +95,7 @@ export const MarkdownEditorView = React.forwardRef((props, ref) => {
             onShowPreviewChange(false);
         }
     }, { event: 'keydown' }, [hidePreviewAfterSubmit, enableSubmitInPreview, showPreview, showPreview]);
-    const settings = useMemo(() => (React.createElement(Settings, { mode: editorMode, settingsVisible: settingsVisible, onModeChange: onModeChange, toolbarVisibility: editor.toolbarVisible && !showPreview, onToolbarVisibilityChange: onToolbarVisibilityChange, onSplitModeChange: onSplitModeChange, splitModeEnabled: editor.splitModeEnabled, splitMode: editor.splitMode, stickyToolbar: stickyToolbar, onShowPreviewChange: onShowPreviewChange, showPreview: showPreview, renderPreviewButton: canRenderPreview })), [
+    const settings = useMemo(() => (_jsx(Settings, { mode: editorMode, settingsVisible: settingsVisible, onModeChange: onModeChange, toolbarVisibility: editor.toolbarVisible && !showPreview, onToolbarVisibilityChange: onToolbarVisibilityChange, onSplitModeChange: onSplitModeChange, splitModeEnabled: editor.splitModeEnabled, splitMode: editor.splitMode, stickyToolbar: stickyToolbar, onShowPreviewChange: onShowPreviewChange, showPreview: showPreview, renderPreviewButton: canRenderPreview })), [
         editorMode,
         settingsVisible,
         editor.toolbarVisible,
@@ -108,7 +109,8 @@ export const MarkdownEditorView = React.forwardRef((props, ref) => {
         onShowPreviewChange,
         canRenderPreview,
     ]);
-    return (React.createElement(ErrorBoundary, { onError: (e) => {
+    const toaster = useToaster();
+    return (_jsx(ErrorBoundary, { onError: (e) => {
             logger.error(e);
         }, fallbackRender: ({ error, resetErrorBoundary }) => {
             toaster.add({
@@ -126,39 +128,25 @@ export const MarkdownEditorView = React.forwardRef((props, ref) => {
                 });
             });
             return null;
-        } },
-        React.createElement(ToasterContext.Provider, { value: toaster },
-            React.createElement("div", { ref: divRef, className: b({
-                    settings: settingsVisible,
-                    split: markupSplitMode && editor.splitMode,
-                }, [className]), role: "button", tabIndex: 0 },
-                React.createElement("div", { className: b('editor-wrapper'), ref: editorWrapperRef }, showPreview ? (React.createElement(React.Fragment, null,
-                    React.createElement("div", { className: b('preview-wrapper') }, (_b = editor.renderPreview) === null || _b === void 0 ? void 0 : _b.call(editor, {
-                        getValue: editor.getValue,
-                        mode: 'preview',
-                        md: editor.mdOptions,
-                        directiveSyntax: editor.directiveSyntax,
-                    })),
-                    settings)) : (React.createElement(React.Fragment, null,
-                    editorMode === 'wysiwyg' && (React.createElement(WysiwygEditorView, { editor: editor, autofocus: autofocus, settingsVisible: settingsVisible, toolbarConfig: wysiwygToolbarConfig, toolbarVisible: editor.toolbarVisible, hiddenActionsConfig: wysiwygHiddenActionsConfig, className: b('editor', { mode: editorMode }), toolbarClassName: b('toolbar'), stickyToolbar: stickyToolbar }, editor.toolbarVisible && settingsVisible && settings)),
-                    editorMode === 'markup' && (React.createElement(MarkupEditorView, { editor: editor, autofocus: autofocus, settingsVisible: settingsVisible, toolbarConfig: markupToolbarConfig, toolbarVisible: editor.toolbarVisible, splitMode: editor.splitMode, splitModeEnabled: editor.splitModeEnabled, hiddenActionsConfig: markupHiddenActionsConfig, className: b('editor', { mode: editorMode }), toolbarClassName: b('toolbar'), stickyToolbar: stickyToolbar }, editor.toolbarVisible && settings)),
-                    !editor.toolbarVisible && settings))),
-                markupSplitMode && (React.createElement(React.Fragment, null,
-                    editor.splitMode === 'horizontal' ? (React.createElement(HorizontalDrag, { editor: editor, isMounted: isMounted, leftElRef: editorWrapperRef, rightElRef: splitModeViewWrapperRef, wrapperRef: divRef })) : (React.createElement("div", { className: b('resizer') })),
-                    React.createElement(SplitModeView, { editor: editor, ref: splitModeViewWrapperRef })))))));
+        }, children: _jsxs("div", { ref: divRef, className: b({
+                settings: settingsVisible,
+                split: markupSplitMode && editor.splitMode,
+            }, [className]), role: "button", tabIndex: 0, children: [_jsx("div", { className: b('editor-wrapper'), ref: editorWrapperRef, children: showPreview ? (_jsxs(_Fragment, { children: [_jsx("div", { className: b('preview-wrapper'), children: editor.renderPreview?.({
+                                    getValue: editor.getValue,
+                                    mode: 'preview',
+                                    md: editor.mdOptions,
+                                    directiveSyntax: editor.directiveSyntax,
+                                }) }), settings] })) : (_jsxs(_Fragment, { children: [editorMode === 'wysiwyg' && (_jsx(WysiwygEditorView, { editor: editor, autofocus: autofocus, settingsVisible: settingsVisible, toolbarConfig: wysiwygToolbarConfig, toolbarVisible: editor.toolbarVisible, hiddenActionsConfig: wysiwygHiddenActionsConfig, className: b('editor', { mode: editorMode }), toolbarClassName: b('toolbar'), stickyToolbar: stickyToolbar, children: editor.toolbarVisible && settingsVisible && settings })), editorMode === 'markup' && (_jsx(MarkupEditorView, { editor: editor, autofocus: autofocus, settingsVisible: settingsVisible, toolbarConfig: markupToolbarConfig, toolbarVisible: editor.toolbarVisible, splitMode: editor.splitMode, splitModeEnabled: editor.splitModeEnabled, hiddenActionsConfig: markupHiddenActionsConfig, className: b('editor', { mode: editorMode }), toolbarClassName: b('toolbar'), stickyToolbar: stickyToolbar, children: editor.toolbarVisible && settings })), !editor.toolbarVisible && settings] })) }), markupSplitMode && (_jsxs(_Fragment, { children: [editor.splitMode === 'horizontal' ? (_jsx(HorizontalDrag, { editor: editor, isMounted: isMounted, leftElRef: editorWrapperRef, rightElRef: splitModeViewWrapperRef, wrapperRef: divRef })) : (_jsx("div", { className: b('resizer') })), _jsx(SplitModeView, { editor: editor, ref: splitModeViewWrapperRef })] }))] }) }));
 });
 MarkdownEditorView.displayName = 'MarkdownEditorView';
-const MarkupSearchAnchor = ({ mode }) => (React.createElement(React.Fragment, null, mode === 'markup' && React.createElement("div", { className: "g-md-search-anchor" })));
+const MarkupSearchAnchor = ({ mode }) => (_jsx(_Fragment, { children: mode === 'markup' && _jsx("div", { className: "g-md-search-anchor" }) }));
 function Settings(props) {
     const wrapperRef = useRef(null);
     const isSticky = useSticky(wrapperRef) && props.toolbarVisibility && props.stickyToolbar;
-    return (React.createElement(React.Fragment, null, (props.renderPreviewButton || props.settingsVisible) && (React.createElement("div", { className: b('settings-wrapper') },
-        React.createElement("div", { ref: wrapperRef, className: stickyCn.settings({
-                withToolbar: props.toolbarVisibility,
-                stickyActive: isSticky,
-            }) },
-            React.createElement(EditorSettings, Object.assign({}, props)),
-            React.createElement(MarkupSearchAnchor, Object.assign({}, props)))))));
+    return (_jsx(_Fragment, { children: (props.renderPreviewButton || props.settingsVisible) && (_jsx("div", { className: b('settings-wrapper'), children: _jsxs("div", { ref: wrapperRef, className: stickyCn.settings({
+                    withToolbar: props.toolbarVisibility,
+                    stickyActive: isSticky,
+                }), children: [_jsx(EditorSettings, { ...props }), _jsx(MarkupSearchAnchor, { ...props })] }) })) }));
 }
 function isPreviewKeyDown(e) {
     const modKey = isMac() ? e.metaKey : e.ctrlKey;
@@ -171,3 +159,4 @@ function isSubmitKeyDown(e) {
     const modKey = isMac() ? e.metaKey : e.ctrlKey;
     return modKey && e.code === 'Enter';
 }
+//# sourceMappingURL=MarkdownEditorView.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"MarkdownEditorView.js","sourceRoot":"../../../src","sources":["bundle/MarkdownEditorView.tsx"],"names":[],"mappings":"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","sourcesContent":["import {\n    forwardRef,\n    useCallback,\n    useEffect,\n    useLayoutEffect,\n    useMemo,\n    useRef,\n    useState,\n} from 'react';\n\nimport {useToaster} from '@gravity-ui/uikit';\nimport {ErrorBoundary} from 'react-error-boundary';\nimport {useEnsuredForwardedRef, useKey, useUpdate} from 'react-use';\n\nimport {ClassNameProps, cn} from '../classname';\nimport {i18n} from '../i18n/bundle';\nimport {logger} from '../logger';\nimport type {ToolbarsPreset} from '../modules/toolbars/types';\nimport {useBooleanState, useSticky} from '../react-utils';\nimport {isMac} from '../utils';\n\nimport type {Editor, EditorInt} from './Editor';\nimport {HorizontalDrag} from './HorizontalDrag';\nimport {MarkupEditorView} from './MarkupEditorView';\nimport {SplitModeView} from './SplitModeView';\nimport {WysiwygEditorView} from './WysiwygEditorView';\nimport {useMarkdownEditorContext} from './context';\nimport {EditorSettings, type EditorSettingsProps} from './settings';\nimport {stickyCn} from './sticky';\nimport type {MToolbarData, MToolbarItemData, WToolbarData, WToolbarItemData} from './toolbar/types';\nimport {getToolbarsConfigs} from './toolbar/utils/toolbarsConfigs';\nimport type {MarkdownEditorMode} from './types';\n\nimport '../styles/styles.scss';\nimport './MarkdownEditorView.scss'; // eslint-disable-line import/order\n\nexport const cnEditorComponent = cn('editor-component');\nconst b = cnEditorComponent;\n\nexport type MarkdownEditorViewProps = ClassNameProps & {\n    editor?: Editor;\n    autofocus?: boolean;\n    toolbarsPreset?: ToolbarsPreset;\n    /**\n     * @deprecated use `toolbarsPreset` instead\n     */\n    markupToolbarConfig?: MToolbarData;\n    /**\n     * @deprecated use `toolbarsPreset` instead\n     */\n    wysiwygToolbarConfig?: WToolbarData;\n    /**\n     * @deprecated use `toolbarsPreset` instead\n     */\n    markupHiddenActionsConfig?: MToolbarItemData[];\n    /**\n     * @deprecated use `toolbarsPreset` instead\n     */\n    wysiwygHiddenActionsConfig?: WToolbarItemData[];\n    /** @default true */\n    settingsVisible?: boolean;\n    stickyToolbar: boolean;\n    enableSubmitInPreview?: boolean;\n    hidePreviewAfterSubmit?: boolean;\n};\n\nexport const MarkdownEditorView = forwardRef<HTMLDivElement, MarkdownEditorViewProps>(\n    (props, ref) => {\n        const divRef = useEnsuredForwardedRef(ref as React.MutableRefObject<HTMLDivElement>);\n\n        const [isMounted, setIsMounted] = useState(false);\n        useEffect(() => {\n            setIsMounted(true);\n        }, []);\n\n        const [showPreview, , unsetShowPreview, toggleShowPreview] = useBooleanState(false);\n\n        const context = useMarkdownEditorContext();\n        const editor = (props.editor ?? context) as EditorInt;\n        if (!editor)\n            throw new Error(\n                '[MarkdownEditorView]: an instance of the editor must be passed through the props or context',\n            );\n\n        const {\n            autofocus,\n            className,\n            settingsVisible = true,\n            toolbarsPreset,\n            stickyToolbar,\n            wysiwygToolbarConfig: initialWysiwygToolbarConfig,\n            markupToolbarConfig: initialMarkupToolbarConfig,\n            wysiwygHiddenActionsConfig: initialWysiwygHiddenActionsConfig,\n            markupHiddenActionsConfig: initialMarkupHiddenActionsConfig,\n            enableSubmitInPreview = true,\n            hidePreviewAfterSubmit = false,\n        } = props;\n\n        const {\n            wysiwygToolbarConfig,\n            markupToolbarConfig,\n            wysiwygHiddenActionsConfig,\n            markupHiddenActionsConfig,\n        } = useMemo(\n            () =>\n                getToolbarsConfigs({\n                    toolbarsPreset,\n                    props: {\n                        wysiwygToolbarConfig: initialWysiwygToolbarConfig,\n                        markupToolbarConfig: initialMarkupToolbarConfig,\n                        wysiwygHiddenActionsConfig: initialWysiwygHiddenActionsConfig,\n                        markupHiddenActionsConfig: initialMarkupHiddenActionsConfig,\n                    },\n                    preset: editor.preset,\n                }),\n            [\n                toolbarsPreset,\n                initialWysiwygToolbarConfig,\n                initialMarkupToolbarConfig,\n                initialWysiwygHiddenActionsConfig,\n                initialMarkupHiddenActionsConfig,\n                editor.preset,\n            ],\n        );\n\n        const rerender = useUpdate();\n        useLayoutEffect(() => {\n            editor.on('rerender', rerender);\n            return () => {\n                editor.off('rerender', rerender);\n            };\n        }, [editor, rerender]);\n\n        const onModeChange = useCallback(\n            (type: MarkdownEditorMode) => {\n                editor.changeEditorMode({mode: type, reason: 'settings'});\n                unsetShowPreview();\n            },\n            [editor, unsetShowPreview],\n        );\n        const onToolbarVisibilityChange = useCallback(\n            (visible: boolean) => {\n                editor.changeToolbarVisibility({visible});\n            },\n            [editor],\n        );\n        const onSplitModeChange = useCallback(\n            (splitModeEnabled: boolean) => {\n                unsetShowPreview();\n                editor.changeSplitModeEnabled({splitModeEnabled});\n            },\n            [editor, unsetShowPreview],\n        );\n\n        const onShowPreviewChange = useCallback(\n            (showPreviewValue: boolean) => {\n                editor.changeSplitModeEnabled({splitModeEnabled: false});\n                if (showPreviewValue !== showPreview) toggleShowPreview();\n            },\n            [editor, showPreview, toggleShowPreview],\n        );\n\n        const editorMode = editor.currentMode;\n        const markupSplitMode =\n            editor.splitModeEnabled && editor.splitMode && editorMode === 'markup';\n        const canRenderPreview = Boolean(\n            editor.renderPreview && editorMode === 'markup' && !editor.splitModeEnabled,\n        );\n\n        useKey(\n            (e) => canRenderPreview && isPreviewKeyDown(e),\n            (e) => {\n                e.preventDefault();\n                onShowPreviewChange(!showPreview);\n            },\n            {event: 'keydown'},\n            [showPreview, editorMode, onShowPreviewChange, canRenderPreview],\n        );\n\n        const editorWrapperRef = useRef(null);\n        const splitModeViewWrapperRef = useRef(null);\n\n        useEffect(() => {\n            if (showPreview) {\n                divRef.current.focus();\n            }\n        }, [divRef, showPreview]);\n\n        useKey(\n            (e) =>\n                enableSubmitInPreview &&\n                showPreview &&\n                isWrapperFocused(divRef) &&\n                isSubmitKeyDown(e),\n            () => {\n                editor.emit('submit', null);\n\n                if (hidePreviewAfterSubmit) {\n                    onShowPreviewChange(false);\n                }\n            },\n            {event: 'keydown'},\n            [hidePreviewAfterSubmit, enableSubmitInPreview, showPreview, showPreview],\n        );\n\n        const settings = useMemo(\n            () => (\n                <Settings\n                    mode={editorMode}\n                    settingsVisible={settingsVisible}\n                    onModeChange={onModeChange}\n                    toolbarVisibility={editor.toolbarVisible && !showPreview}\n                    onToolbarVisibilityChange={onToolbarVisibilityChange}\n                    onSplitModeChange={onSplitModeChange}\n                    splitModeEnabled={editor.splitModeEnabled}\n                    splitMode={editor.splitMode}\n                    stickyToolbar={stickyToolbar}\n                    onShowPreviewChange={onShowPreviewChange}\n                    showPreview={showPreview}\n                    renderPreviewButton={canRenderPreview}\n                />\n            ),\n            [\n                editorMode,\n                settingsVisible,\n                editor.toolbarVisible,\n                editor.splitModeEnabled,\n                editor.splitMode,\n                onModeChange,\n                showPreview,\n                onToolbarVisibilityChange,\n                onSplitModeChange,\n                stickyToolbar,\n                onShowPreviewChange,\n                canRenderPreview,\n            ],\n        );\n\n        const toaster = useToaster();\n\n        return (\n            <ErrorBoundary\n                onError={(e) => {\n                    logger.error(e);\n                }}\n                fallbackRender={({error, resetErrorBoundary}) => {\n                    toaster.add({\n                        theme: 'danger',\n                        name: 'g-md-editor-error',\n                        title: i18n('error-title'),\n                        content: error.message,\n                    });\n                    setTimeout(() => {\n                        resetErrorBoundary();\n                        editor.changeEditorMode({\n                            mode: 'markup',\n                            reason: 'error-boundary',\n                            emit: false,\n                        });\n                    });\n                    return null;\n                }}\n            >\n                <div\n                    ref={divRef}\n                    className={b(\n                        {\n                            settings: settingsVisible,\n                            split: markupSplitMode && editor.splitMode,\n                        },\n                        [className],\n                    )}\n                    role=\"button\"\n                    tabIndex={0}\n                >\n                    <div className={b('editor-wrapper')} ref={editorWrapperRef}>\n                        {showPreview ? (\n                            <>\n                                <div className={b('preview-wrapper')}>\n                                    {editor.renderPreview?.({\n                                        getValue: editor.getValue,\n                                        mode: 'preview',\n                                        md: editor.mdOptions,\n                                        directiveSyntax: editor.directiveSyntax,\n                                    })}\n                                </div>\n                                {settings}\n                            </>\n                        ) : (\n                            <>\n                                {editorMode === 'wysiwyg' && (\n                                    <WysiwygEditorView\n                                        editor={editor}\n                                        autofocus={autofocus}\n                                        settingsVisible={settingsVisible}\n                                        toolbarConfig={wysiwygToolbarConfig}\n                                        toolbarVisible={editor.toolbarVisible}\n                                        hiddenActionsConfig={wysiwygHiddenActionsConfig}\n                                        className={b('editor', {mode: editorMode})}\n                                        toolbarClassName={b('toolbar')}\n                                        stickyToolbar={stickyToolbar}\n                                    >\n                                        {editor.toolbarVisible && settingsVisible && settings}\n                                    </WysiwygEditorView>\n                                )}\n                                {editorMode === 'markup' && (\n                                    <MarkupEditorView\n                                        editor={editor}\n                                        autofocus={autofocus}\n                                        settingsVisible={settingsVisible}\n                                        toolbarConfig={markupToolbarConfig}\n                                        toolbarVisible={editor.toolbarVisible}\n                                        splitMode={editor.splitMode}\n                                        splitModeEnabled={editor.splitModeEnabled}\n                                        hiddenActionsConfig={markupHiddenActionsConfig}\n                                        className={b('editor', {mode: editorMode})}\n                                        toolbarClassName={b('toolbar')}\n                                        stickyToolbar={stickyToolbar}\n                                    >\n                                        {editor.toolbarVisible && settings}\n                                    </MarkupEditorView>\n                                )}\n                                {!editor.toolbarVisible && settings}\n                            </>\n                        )}\n                    </div>\n\n                    {markupSplitMode && (\n                        <>\n                            {editor.splitMode === 'horizontal' ? (\n                                <HorizontalDrag\n                                    editor={editor}\n                                    isMounted={isMounted}\n                                    leftElRef={editorWrapperRef}\n                                    rightElRef={splitModeViewWrapperRef}\n                                    wrapperRef={divRef}\n                                />\n                            ) : (\n                                <div className={b('resizer')} />\n                            )}\n                            <SplitModeView editor={editor} ref={splitModeViewWrapperRef} />\n                        </>\n                    )}\n                </div>\n            </ErrorBoundary>\n        );\n    },\n);\nMarkdownEditorView.displayName = 'MarkdownEditorView';\n\ninterface MarkupSearchAnchorProps extends Pick<EditorSettingsProps, 'mode'> {}\n\nconst MarkupSearchAnchor: React.FC<MarkupSearchAnchorProps> = ({mode}) => (\n    <>{mode === 'markup' && <div className=\"g-md-search-anchor\"></div>}</>\n);\n\nfunction Settings(props: EditorSettingsProps & {stickyToolbar: boolean}) {\n    const wrapperRef = useRef<HTMLDivElement>(null);\n    const isSticky = useSticky(wrapperRef) && props.toolbarVisibility && props.stickyToolbar;\n\n    return (\n        <>\n            {(props.renderPreviewButton || props.settingsVisible) && (\n                <div className={b('settings-wrapper')}>\n                    <div\n                        ref={wrapperRef}\n                        className={stickyCn.settings({\n                            withToolbar: props.toolbarVisibility,\n                            stickyActive: isSticky,\n                        })}\n                    >\n                        <EditorSettings {...props} />\n                        <MarkupSearchAnchor {...props} />\n                    </div>\n                </div>\n            )}\n        </>\n    );\n}\n\nfunction isPreviewKeyDown(e: KeyboardEvent) {\n    const modKey = isMac() ? e.metaKey : e.ctrlKey;\n    return modKey && e.shiftKey && e.code === 'KeyP';\n}\n\nfunction isWrapperFocused(divRef: React.RefObject<HTMLDivElement>) {\n    return document.activeElement === divRef.current;\n}\n\nfunction isSubmitKeyDown(e: KeyboardEvent) {\n    const modKey = isMac() ? e.metaKey : e.ctrlKey;\n    return modKey && e.code === 'Enter';\n}\n"]}

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

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

package/build/esm/bundle/MarkupEditorComponent.js

@@ -1,8 +1,9 @@
-import React from 'react';
+import { jsx as _jsx } from "react/jsx-runtime";
+import { useEffect, useLayoutEffect, useRef } from 'react';
 export const MarkupEditorComponent = function MarkupEditorComponent({ editor, autofocus, className, children }) {
-    const ref = React.useRef(null);
+    const ref = useRef(null);
     // insert editor to dom
-    React.useLayoutEffect(() => {
+    useLayoutEffect(() => {
         const domElem = editor.markupEditor.cm.dom;
         if (ref.current) {
             ref.current.appendChild(domElem);
@@ -12,7 +13,7 @@ export const MarkupEditorComponent = function MarkupEditorComponent({ editor, au
         };
     }, [editor.markupEditor]);
     // update editor after connecting to dom
-    React.useEffect(() => {
+    useEffect(() => {
         editor.markupEditor.cm.requestMeasure();
         if (autofocus) {
             editor.markupEditor.focus();
@@ -20,10 +21,11 @@ export const MarkupEditorComponent = function MarkupEditorComponent({ editor, au
     }, [editor.markupEditor]);
     return (
     // eslint-disable-next-line jsx-a11y/click-events-have-key-events, jsx-a11y/no-static-element-interactions
-    React.createElement("div", { ref: ref, className: className, onClick: (event) => {
+    _jsx("div", { ref: ref, className: className, onClick: (event) => {
             const target = event.target;
             if (target instanceof Element && target.classList.contains('cm-editor')) {
                 editor.markupEditor.focus();
             }
-        } }, children));
+        }, children: children }));
 };
+//# sourceMappingURL=MarkupEditorComponent.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"MarkupEditorComponent.js","sourceRoot":"../../../src","sources":["bundle/MarkupEditorComponent.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAC,SAAS,EAAE,eAAe,EAAE,MAAM,EAAC,MAAM,OAAO,CAAC;AAWzD,MAAM,CAAC,MAAM,qBAAqB,GAC9B,SAAS,qBAAqB,CAAC,EAAC,MAAM,EAAE,SAAS,EAAE,SAAS,EAAE,QAAQ,EAAC;IACnE,MAAM,GAAG,GAAG,MAAM,CAAiB,IAAI,CAAC,CAAC;IAEzC,uBAAuB;IACvB,eAAe,CAAC,GAAG,EAAE;QACjB,MAAM,OAAO,GAAG,MAAM,CAAC,YAAY,CAAC,EAAE,CAAC,GAAG,CAAC;QAC3C,IAAI,GAAG,CAAC,OAAO,EAAE,CAAC;YACd,GAAG,CAAC,OAAO,CAAC,WAAW,CAAC,OAAO,CAAC,CAAC;QACrC,CAAC;QACD,OAAO,GAAG,EAAE;YACR,OAAO,CAAC,MAAM,EAAE,CAAC;QACrB,CAAC,CAAC;IACN,CAAC,EAAE,CAAC,MAAM,CAAC,YAAY,CAAC,CAAC,CAAC;IAE1B,wCAAwC;IACxC,SAAS,CAAC,GAAG,EAAE;QACX,MAAM,CAAC,YAAY,CAAC,EAAE,CAAC,cAAc,EAAE,CAAC;QACxC,IAAI,SAAS,EAAE,CAAC;YACZ,MAAM,CAAC,YAAY,CAAC,KAAK,EAAE,CAAC;QAChC,CAAC;IACL,CAAC,EAAE,CAAC,MAAM,CAAC,YAAY,CAAC,CAAC,CAAC;IAE1B,OAAO;IACH,0GAA0G;IAC1G,cACI,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,SAAS,EACpB,OAAO,EAAE,CAAC,KAAK,EAAE,EAAE;YACf,MAAM,MAAM,GAAG,KAAK,CAAC,MAAM,CAAC;YAE5B,IAAI,MAAM,YAAY,OAAO,IAAI,MAAM,CAAC,SAAS,CAAC,QAAQ,CAAC,WAAW,CAAC,EAAE,CAAC;gBACtE,MAAM,CAAC,YAAY,CAAC,KAAK,EAAE,CAAC;YAChC,CAAC;QACL,CAAC,YAEA,QAAQ,GACP,CACT,CAAC;AACN,CAAC,CAAC","sourcesContent":["import {useEffect, useLayoutEffect, useRef} from 'react';\n\nimport type {EditorInt} from './Editor';\n\nexport type MarkupEditorComponentProps = {\n    editor: EditorInt;\n    autofocus?: boolean;\n    className?: string;\n    children?: React.ReactNode;\n};\n\nexport const MarkupEditorComponent: React.FC<MarkupEditorComponentProps> =\n    function MarkupEditorComponent({editor, autofocus, className, children}) {\n        const ref = useRef<HTMLDivElement>(null);\n\n        // insert editor to dom\n        useLayoutEffect(() => {\n            const domElem = editor.markupEditor.cm.dom;\n            if (ref.current) {\n                ref.current.appendChild(domElem);\n            }\n            return () => {\n                domElem.remove();\n            };\n        }, [editor.markupEditor]);\n\n        // update editor after connecting to dom\n        useEffect(() => {\n            editor.markupEditor.cm.requestMeasure();\n            if (autofocus) {\n                editor.markupEditor.focus();\n            }\n        }, [editor.markupEditor]);\n\n        return (\n            // eslint-disable-next-line jsx-a11y/click-events-have-key-events, jsx-a11y/no-static-element-interactions\n            <div\n                ref={ref}\n                className={className}\n                onClick={(event) => {\n                    const target = event.target;\n\n                    if (target instanceof Element && target.classList.contains('cm-editor')) {\n                        editor.markupEditor.focus();\n                    }\n                }}\n            >\n                {children}\n            </div>\n        );\n    };\n"]}

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

@@ -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/esm/bundle/MarkupManager.js

@@ -0,0 +1,62 @@
+import { v4 } from 'uuid';
+import { SafeEventEmitter } from "../utils/index.js";
+export class MarkupManager extends SafeEventEmitter {
+    _markups = new Map();
+    _nodes = new Map();
+    _namespace;
+    logger;
+    constructor(logger) {
+        super();
+        this.logger = logger;
+        this._namespace = 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');
+    }
+}
+//# 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 {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"]}