@gravity-ui/markdown-editor 15.28.1 → 15.30.0

package/build/cjs/bundle/Editor.js

@@ -169,6 +169,7 @@ class EditorImpl extends utils_1.SafeEventEmitter {
                     }).concat(this.#markupConfig?.languageData || []),
                 },
                 autocompletion: this.#markupConfig.autocompletion,
+                tooltips: this.#markupConfig.tooltips,
                 directiveSyntax: this.directiveSyntax,
                 receiver: this,
                 searchPanel: this.#markupConfig.searchPanel,

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

@@ -1 +1 @@
-{"version":3,"file":"Editor.js","sourceRoot":"../../../src","sources":["bundle/Editor.ts"],"names":[],"mappings":"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","sourcesContent":["import type {ReactNode} from 'react';\n\nimport {EditorView as CMEditorView} from '@codemirror/view';\nimport {TextSelection} from 'prosemirror-state';\nimport type {EditorView as PMEditorView} from 'prosemirror-view';\n\nimport {getDescedantByAttribute} from 'src/utils/node-descedants';\n\nimport type {CommonEditor, MarkupString} from '../common';\nimport {\n    type ActionStorage,\n    type EscapeConfig,\n    WysiwygEditor,\n    type WysiwygEditorOptions,\n} from '../core';\nimport type {TransformFn} from '../core/markdown/ProseMirrorTransformer';\nimport type {DynamicModifiers} from '../core/types/dynamicModifiers';\nimport type {ReactRenderStorage, RenderStorage} from '../extensions';\nimport {i18n} from '../i18n/bundle';\nimport {type Logger2, globalLogger} from '../logger';\nimport {createCodemirror} from '../markup';\nimport {getAutocompleteConfig} from '../markup/codemirror/autocomplete';\nimport {type CodeEditor, Editor as MarkupEditor} from '../markup/editor';\nimport {type Emitter, type FileUploadHandler, type Receiver, SafeEventEmitter} from '../utils';\nimport type {DirectiveSyntaxContext} from '../utils/directive';\n\nimport {MarkupManager} from './MarkupManager';\nimport {createDynamicModifiers} from './config/dynamicModifiers';\nimport type {\n    MarkdownEditorMode as EditorMode,\n    MarkdownEditorPreset as EditorPreset,\n    MarkdownEditorMdOptions,\n    MarkdownEditorOptions,\n    MarkdownEditorMarkupConfig as MarkupConfig,\n    ParseInsertedUrlAsImage,\n    RenderPreview,\n    MarkdownEditorSplitMode as SplitMode,\n} from './types';\n\nexport type ToolbarActionData = {\n    editorMode: EditorMode;\n    id: string;\n    attrs?: {[key: string]: any};\n};\n\nexport interface EventMap {\n    change: null;\n    cancel: null;\n    submit: null;\n\n    'toolbar-action': ToolbarActionData;\n\n    'change-editor-mode': {mode: EditorMode};\n    'change-toolbar-visibility': {visible: boolean};\n    'change-split-mode-enabled': {splitModeEnabled: boolean};\n}\n\n// internal events\ninterface EventMapInt extends EventMap {\n    rerender: null;\n    'rerender-toolbar': null;\n    'cm-scroll': {event: Event};\n}\n\nexport interface Editor extends Receiver<EventMap>, CommonEditor {\n    readonly logger: Logger2.LogReceiver;\n    readonly currentMode: EditorMode;\n    readonly toolbarVisible: boolean;\n\n    setEditorMode(mode: EditorMode, opts?: SetEditorModeOptions): void;\n\n    moveCursor(position: 'start' | 'end' | {line: number}): void;\n\n    /** @internal used in demo for dev-tools */\n    readonly _wysiwygView?: PMEditorView;\n}\n\n/** @internal */\nexport interface EditorInt\n    extends CommonEditor, Emitter<EventMapInt>, Receiver<EventMapInt>, ActionStorage, CodeEditor {\n    readonly logger: Logger2.ILogger;\n    readonly currentMode: EditorMode;\n    readonly toolbarVisible: boolean;\n    readonly splitModeEnabled: boolean;\n    readonly splitMode: SplitMode;\n    readonly preset: EditorPreset;\n    readonly mdOptions: Readonly<MarkdownEditorMdOptions>;\n    readonly directiveSyntax: DirectiveSyntaxContext;\n    readonly mobile: boolean;\n\n    /** @internal used in demo for dev-tools */\n    readonly _wysiwygView?: PMEditorView;\n\n    readonly currentEditor: CommonEditor;\n    readonly wysiwygEditor: WysiwygEditor;\n    readonly markupEditor: MarkupEditor;\n\n    readonly renderStorage: RenderStorage<ReactNode>;\n    readonly fileUploadHandler?: FileUploadHandler;\n    readonly needToSetDimensionsForUploadedImages: boolean;\n    readonly disableHTMLParsingInMd?: boolean;\n\n    readonly renderPreview?: RenderPreview;\n\n    changeEditorMode(opts: ChangeEditorModeOptions): void;\n\n    setEditorMode(mode: EditorMode, opts?: SetEditorModeOptions): void;\n\n    moveCursor(position: 'start' | 'end' | {line: number}): void;\n\n    changeToolbarVisibility(opts: {visible: boolean}): void;\n\n    changeSplitModeEnabled(opts: {splitModeEnabled: boolean}): void;\n\n    destroy(): void;\n}\n\ntype SetEditorModeOptions = Pick<ChangeEditorModeOptions, 'emit'>;\n\nexport type ChangeEditorModeOptions = {\n    mode: EditorMode;\n    reason: 'error-boundary' | 'settings' | 'manually';\n    emit?: boolean;\n};\n\nexport type EditorOptions = Pick<\n    MarkdownEditorOptions,\n    'md' | 'initial' | 'handlers' | 'experimental' | 'markupConfig' | 'wysiwygConfig' | 'mobile'\n> & {\n    logger: Logger2.ILogger;\n    renderStorage: ReactRenderStorage;\n    preset: EditorPreset;\n    directiveSyntax: DirectiveSyntaxContext;\n    pmTransformers: TransformFn[];\n};\n\n/** @internal */\nexport class EditorImpl extends SafeEventEmitter<EventMapInt> implements EditorInt {\n    #logger: Logger2.ILogger;\n    #markup: MarkupString;\n    #editorMode: EditorMode;\n    #toolbarVisible: boolean;\n    #splitModeEnabled: boolean;\n    #splitMode: SplitMode;\n    #renderPreview?: RenderPreview;\n    #wysiwygEditor?: WysiwygEditor;\n    #markupEditor?: MarkupEditor;\n    #markupConfig: MarkupConfig;\n    #escapeConfig?: EscapeConfig;\n    #mdOptions: Readonly<MarkdownEditorMdOptions>;\n    #pmTransformers: TransformFn[] = [];\n    #preserveEmptyRows: boolean;\n    #modifiers?: DynamicModifiers[];\n\n    readonly #preset: EditorPreset;\n    #extensions?: WysiwygEditorOptions['extensions'];\n    #renderStorage: ReactRenderStorage;\n    #fileUploadHandler?: FileUploadHandler;\n    #parseInsertedUrlAsImage?: ParseInsertedUrlAsImage;\n    #needToSetDimensionsForUploadedImages: boolean;\n    #enableNewImageSizeCalculation: boolean;\n    #directiveSyntax: DirectiveSyntaxContext;\n    #prepareRawMarkup?: (value: MarkupString) => MarkupString;\n    #beforeEditorModeChange?: (\n        options: Pick<ChangeEditorModeOptions, 'mode' | 'reason'>,\n    ) => boolean | undefined;\n    #mobile: boolean;\n\n    get _wysiwygView(): PMEditorView {\n        // @ts-expect-error internal typing\n        return this.#wysiwygEditor?.view;\n    }\n\n    get logger(): Logger2.ILogger {\n        return this.#logger;\n    }\n\n    get currentMode(): EditorMode {\n        return this.#editorMode;\n    }\n\n    private set currentMode(newMode: EditorMode) {\n        switch (newMode) {\n            case 'markup': {\n                this.#editorMode = newMode;\n                if (this.#wysiwygEditor) {\n                    const markupEditorValue = this.#markupEditor?.getValue();\n                    const wysiwygEditorValue = this.#wysiwygEditor.getValue();\n                    if (\n                        !markupEditorValue ||\n                        this.shouldReplaceMarkupEditorValue(markupEditorValue, wysiwygEditorValue)\n                    ) {\n                        this.#markup = wysiwygEditorValue;\n                    } else {\n                        this.#markup = markupEditorValue;\n                    }\n                }\n                if (this.#markupEditor) this.#markupEditor.replace(this.#markup);\n                break;\n            }\n            case 'wysiwyg': {\n                this.#editorMode = newMode;\n                if (this.#markupEditor) {\n                    const value = this.#markupEditor.getValue();\n                    this.#markup = this.#prepareRawMarkup?.(value) ?? value;\n                } else if (this.#prepareRawMarkup) {\n                    this.#markup = this.#prepareRawMarkup(this.#markup);\n                }\n                if (this.#wysiwygEditor) this.#wysiwygEditor.replace(this.#markup);\n                break;\n            }\n            default:\n                throw new Error('Unknown editor mode: ' + newMode);\n        }\n        setTimeout(() => {\n            this.currentEditor.focus();\n        }, 30);\n    }\n\n    get toolbarVisible(): boolean {\n        return this.#toolbarVisible;\n    }\n\n    get splitModeEnabled(): boolean {\n        return this.#splitModeEnabled;\n    }\n\n    get splitMode(): SplitMode {\n        return this.#splitMode;\n    }\n\n    get preset(): EditorPreset {\n        return this.#preset;\n    }\n\n    get mdOptions(): Readonly<MarkdownEditorMdOptions> {\n        return this.#mdOptions;\n    }\n\n    get directiveSyntax(): DirectiveSyntaxContext {\n        return this.#directiveSyntax;\n    }\n\n    get renderPreview(): RenderPreview | undefined {\n        return this.#renderPreview;\n    }\n\n    get currentEditor(): CommonEditor {\n        const mode = this.currentMode;\n        switch (mode) {\n            case 'markup':\n                return this.markupEditor;\n            case 'wysiwyg':\n                return this.wysiwygEditor;\n            default:\n                throw new Error('Unknown editor mode: ' + mode);\n        }\n    }\n\n    get wysiwygEditor(): WysiwygEditor {\n        if (!this.#wysiwygEditor) {\n            const mdPreset: NonNullable<WysiwygEditorOptions['mdPreset']> =\n                this.#preset === 'zero' || this.#preset === 'commonmark' ? this.#preset : 'default';\n            this.#wysiwygEditor = new WysiwygEditor({\n                mdPreset,\n                logger: this.logger.nested({mode: 'wysiwyg'}),\n                initialContent: this.#markup,\n                extensions: this.#extensions,\n                pmTransformers: this.#pmTransformers,\n                modifiers: this.#modifiers,\n                allowHTML: this.#mdOptions.html,\n                linkify: this.#mdOptions.linkify,\n                linkifyTlds: this.#mdOptions.linkifyTlds,\n                escapeConfig: this.#escapeConfig,\n                onChange: () => this.emit('rerender-toolbar', null),\n                onDocChange: () => this.emit('change', null),\n            });\n        }\n        return this.#wysiwygEditor;\n    }\n\n    get markupEditor(): MarkupEditor {\n        if (!this.#markupEditor) {\n            this.#markupEditor = new MarkupEditor(\n                createCodemirror({\n                    doc: this.#markup,\n                    logger: this.logger.nested({mode: 'markup'}),\n                    placeholder: this.#markupConfig.placeholder ?? i18n('markup_placeholder'),\n                    onCancel: () => this.emit('cancel', null),\n                    onSubmit: () => this.emit('submit', null),\n                    onChange: () => this.emit('rerender-toolbar', null),\n                    onDocChange: () => this.emit('change', null),\n                    onScroll: (event) => this.emit('cm-scroll', {event}),\n                    reactRenderer: this.#renderStorage,\n                    uploadHandler: this.fileUploadHandler,\n                    parseInsertedUrlAsImage: this.parseInsertedUrlAsImage,\n                    needImageDimensions: this.needToSetDimensionsForUploadedImages,\n                    parseHtmlOnPaste: this.#markupConfig.parseHtmlOnPaste,\n                    enableNewImageSizeCalculation: this.enableNewImageSizeCalculation,\n                    extensions: this.#markupConfig.extensions,\n                    disabledExtensions: this.#markupConfig.disabledExtensions,\n                    keymaps: this.#markupConfig.keymaps,\n                    preserveEmptyRows: this.#preserveEmptyRows,\n                    yfmLangOptions: {\n                        languageData: getAutocompleteConfig({\n                            preserveEmptyRows: this.#preserveEmptyRows,\n                        }).concat(this.#markupConfig?.languageData || []),\n                    },\n                    autocompletion: this.#markupConfig.autocompletion,\n                    directiveSyntax: this.directiveSyntax,\n                    receiver: this,\n                    searchPanel: this.#markupConfig.searchPanel,\n                }),\n            );\n        }\n        return this.#markupEditor;\n    }\n\n    get renderStorage(): RenderStorage<ReactNode> {\n        return this.#renderStorage;\n    }\n\n    get fileUploadHandler(): FileUploadHandler | undefined {\n        return this.#fileUploadHandler;\n    }\n\n    get parseInsertedUrlAsImage() {\n        return this.#parseInsertedUrlAsImage;\n    }\n\n    get needToSetDimensionsForUploadedImages(): boolean {\n        return this.#needToSetDimensionsForUploadedImages;\n    }\n\n    get enableNewImageSizeCalculation(): boolean {\n        return this.#enableNewImageSizeCalculation;\n    }\n\n    get mobile(): boolean {\n        return this.#mobile;\n    }\n\n    constructor(opts: EditorOptions) {\n        const {logger} = opts;\n\n        super({\n            onError: (error) => {\n                logger.error(error);\n                globalLogger.error(error);\n            },\n        });\n\n        const {\n            md = {},\n            initial = {},\n            handlers = {},\n            experimental = {},\n            markupConfig = {},\n            wysiwygConfig = {},\n            mobile = false,\n        } = opts;\n\n        this.#logger = logger;\n        this.#modifiers = experimental.preserveMarkupFormatting\n            ? createDynamicModifiers(\n                  new MarkupManager(this.logger.nested({module: 'markup-manager'})),\n              )\n            : undefined;\n\n        this.#editorMode = initial.mode ?? 'wysiwyg';\n        this.#toolbarVisible = initial.toolbarVisible ?? true;\n        this.#splitMode = (markupConfig.renderPreview && markupConfig.splitMode) ?? false;\n        this.#splitModeEnabled = (this.#splitMode && initial.splitModeEnabled) ?? false;\n        this.#renderPreview = markupConfig.renderPreview;\n\n        this.#markup = initial.markup ?? '';\n\n        this.#preset = opts.preset ?? 'full';\n        this.#pmTransformers = opts.pmTransformers;\n        this.#mdOptions = md;\n        this.#extensions = wysiwygConfig.extensions;\n        this.#markupConfig = {...opts.markupConfig};\n\n        this.#renderStorage = opts.renderStorage;\n        this.#fileUploadHandler = handlers.uploadFile;\n        this.#parseInsertedUrlAsImage = markupConfig.parseInsertedUrlAsImage;\n        this.#needToSetDimensionsForUploadedImages = Boolean(\n            experimental.needToSetDimensionsForUploadedImages,\n        );\n        this.#directiveSyntax = opts.directiveSyntax;\n        this.#enableNewImageSizeCalculation = Boolean(experimental.enableNewImageSizeCalculation);\n        this.#preserveEmptyRows = experimental.preserveEmptyRows || false;\n        this.#prepareRawMarkup = experimental.prepareRawMarkup;\n        this.#escapeConfig = wysiwygConfig.escapeConfig;\n        this.#beforeEditorModeChange = experimental.beforeEditorModeChange;\n        this.#mobile = mobile;\n    }\n\n    // ---> implements CodeEditor\n\n    get cm() {\n        return this.markupEditor.cm;\n    }\n\n    // <--- implements CodeEditor\n\n    // ---> implements ActionStorage\n    get actions(): WysiwygEditor.Actions {\n        return this.wysiwygEditor.actions;\n    }\n\n    action<T extends keyof WysiwygEditor.Actions>(actionName: T): WysiwygEditor.Actions[T] {\n        return this.wysiwygEditor.action(actionName);\n    }\n\n    // <--- implements ActionStorage\n\n    destroy() {\n        this.#wysiwygEditor?.destroy();\n        this.#markupEditor?.codemirror.destroy();\n\n        this.#markupEditor = undefined;\n        this.#markupEditor = undefined;\n        this.#wysiwygEditor = undefined;\n    }\n\n    setEditorMode(mode: EditorMode, opts?: SetEditorModeOptions): void {\n        this.changeEditorMode({mode, reason: 'manually', emit: opts?.emit});\n    }\n\n    changeEditorMode({emit = true, ...opts}: ChangeEditorModeOptions): void {\n        if (this.#editorMode === opts.mode) return;\n\n        if (this.#beforeEditorModeChange?.({mode: opts.mode, reason: opts.reason}) === false) {\n            return;\n        }\n\n        this.logger.event({\n            event: 'mode-change',\n            prevMode: this.#editorMode,\n            nextMode: opts.mode,\n            reason: opts.reason,\n        });\n\n        this.currentMode = opts.mode;\n        this.emit('rerender', null);\n\n        if (emit) {\n            this.emit('change-editor-mode', opts);\n        }\n    }\n\n    changeToolbarVisibility(opts: {visible: boolean}): void {\n        this.#toolbarVisible = opts.visible;\n        this.emit('rerender', null);\n        this.emit('change-toolbar-visibility', opts);\n    }\n\n    changeSplitModeEnabled(opts: {splitModeEnabled: boolean}): void {\n        if (this.#splitModeEnabled === opts.splitModeEnabled) return;\n        this.#splitModeEnabled = opts.splitModeEnabled;\n        this.emit('rerender', null);\n        this.emit('change-split-mode-enabled', opts);\n    }\n\n    focus(): void {\n        return this.currentEditor.focus();\n    }\n\n    hasFocus(): boolean {\n        return this.currentEditor.hasFocus();\n    }\n\n    getValue: () => MarkupString = () => this.currentEditor.getValue();\n\n    isEmpty(): boolean {\n        return this.currentEditor.isEmpty();\n    }\n\n    clear(): void {\n        return this.currentEditor.clear();\n    }\n\n    replace(newMarkup: MarkupString): void {\n        return this.currentEditor.replace(newMarkup);\n    }\n\n    prepend(markup: MarkupString): void {\n        return this.currentEditor.prepend(markup);\n    }\n\n    append(markup: MarkupString): void {\n        return this.currentEditor.append(markup);\n    }\n\n    moveCursor(\n        position:\n            | 'start'\n            | 'end'\n            | {\n                  /** 0-based line number */\n                  line: number;\n              },\n    ): void {\n        if (typeof position === 'object') {\n            return this.moveCursorToLine(position.line);\n        }\n\n        return this.currentEditor.moveCursor(position);\n    }\n\n    private moveCursorToLine(/** 0-based line number */ line: number): void {\n        const mode = this.currentMode;\n\n        switch (mode) {\n            case 'markup': {\n                this.markupMoveToLine(line);\n                break;\n            }\n            case 'wysiwyg': {\n                this.wysiwygMoveToLine(line);\n                break;\n            }\n            default:\n                throw new Error('Unknown editor mode: ' + mode);\n        }\n    }\n\n    private markupMoveToLine(line: number): void {\n        const view = this.markupEditor.cm;\n        const isConnected = Boolean(view.dom.parentElement);\n\n        let cmLine = line + 1; // lines in codemirror is 1-based\n        cmLine = Math.max(cmLine, 1);\n        cmLine = Math.min(cmLine, view.state.doc.lines);\n\n        const anchor = view.state.doc.line(cmLine).from;\n        view.dispatch({\n            scrollIntoView: true,\n            selection: {anchor},\n            effects: isConnected\n                ? [\n                      CMEditorView.scrollIntoView(anchor, {\n                          y: 'start',\n                          x: 'start',\n                          yMargin: getTopOffset(view.dom),\n                      }),\n                  ]\n                : undefined,\n        });\n    }\n\n    private wysiwygMoveToLine(line: number): void {\n        const DATA_LINE = 'data-line';\n        const SELECTOR = `[${DATA_LINE}=\"${line}\"]` as const;\n\n        const view = this._wysiwygView;\n        const isConnected = Boolean(view.dom.parentElement);\n\n        const setSelection = (pos: number) => {\n            const {tr} = view.state;\n            view.dispatch(tr.setSelection(TextSelection.near(tr.doc.resolve(pos), 1)));\n        };\n\n        const scrollIntoView = (elemTop: number) => {\n            const topOffset = getTopOffset(this.wysiwygEditor.dom);\n            window.scrollTo({top: elemTop + window.scrollY - topOffset});\n        };\n\n        const elem = this.wysiwygEditor.dom.querySelector(SELECTOR);\n        if (elem) {\n            const position = this._wysiwygView.posAtDOM(elem, 0);\n            setSelection(position);\n\n            if (isConnected) {\n                const elemTop = elem.getBoundingClientRect().top;\n                scrollIntoView(elemTop);\n            }\n\n            return;\n        }\n\n        const node = getDescedantByAttribute(view.state.doc, DATA_LINE, [line, String(line)]);\n        if (node) {\n            setSelection(node.pos);\n\n            if (isConnected) {\n                const elemTop = view.coordsAtPos(node.pos).top;\n                scrollIntoView(elemTop);\n            }\n        }\n    }\n\n    private shouldReplaceMarkupEditorValue(markupValue: string, wysiwygValue: string) {\n        const serializedEditorMarkup = this.#wysiwygEditor?.serializer.serialize(\n            this.#wysiwygEditor.parser.parse(markupValue),\n            this.#escapeConfig,\n        );\n        return serializedEditorMarkup?.trim() !== wysiwygValue.trim();\n    }\n}\n\nfunction getTopOffset(elem: Element) {\n    const TOOLBAR_HEIGHT = 36; //px\n    const TOOLBAR_BOTTOM_OFFSET = 8; // px\n    const TOOLBAR_TOP_ADDITIONAL_OFFSET = 8; // px\n    const TOOLBAR_TOP_OFFSET_VAR = '--g-md-toolbar-sticky-offset';\n\n    const topOffsetValue = window.getComputedStyle(elem).getPropertyValue(TOOLBAR_TOP_OFFSET_VAR);\n    const toolbarTopOffset =\n        calculateCSSNumberValue(topOffsetValue) + TOOLBAR_TOP_ADDITIONAL_OFFSET;\n\n    return toolbarTopOffset + TOOLBAR_HEIGHT + TOOLBAR_BOTTOM_OFFSET;\n}\n\nfunction calculateCSSNumberValue(cssValue: string): number {\n    const tmp = document.createElement('div');\n    tmp.style.position = 'absolute';\n    tmp.style.top = '-99999px';\n    tmp.style.left = '-99999px';\n    tmp.style.width = `calc(${cssValue})`;\n\n    document.body.appendChild(tmp);\n    const value = tmp.getBoundingClientRect().width;\n    tmp.remove();\n\n    return value;\n}\n"]}
+{"version":3,"file":"Editor.js","sourceRoot":"../../../src","sources":["bundle/Editor.ts"],"names":[],"mappings":"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","sourcesContent":["import type {ReactNode} from 'react';\n\nimport {EditorView as CMEditorView} from '@codemirror/view';\nimport {TextSelection} from 'prosemirror-state';\nimport type {EditorView as PMEditorView} from 'prosemirror-view';\n\nimport {getDescedantByAttribute} from 'src/utils/node-descedants';\n\nimport type {CommonEditor, MarkupString} from '../common';\nimport {\n    type ActionStorage,\n    type EscapeConfig,\n    WysiwygEditor,\n    type WysiwygEditorOptions,\n} from '../core';\nimport type {TransformFn} from '../core/markdown/ProseMirrorTransformer';\nimport type {DynamicModifiers} from '../core/types/dynamicModifiers';\nimport type {ReactRenderStorage, RenderStorage} from '../extensions';\nimport {i18n} from '../i18n/bundle';\nimport {type Logger2, globalLogger} from '../logger';\nimport {createCodemirror} from '../markup';\nimport {getAutocompleteConfig} from '../markup/codemirror/autocomplete';\nimport {type CodeEditor, Editor as MarkupEditor} from '../markup/editor';\nimport {type Emitter, type FileUploadHandler, type Receiver, SafeEventEmitter} from '../utils';\nimport type {DirectiveSyntaxContext} from '../utils/directive';\n\nimport {MarkupManager} from './MarkupManager';\nimport {createDynamicModifiers} from './config/dynamicModifiers';\nimport type {\n    MarkdownEditorMode as EditorMode,\n    MarkdownEditorPreset as EditorPreset,\n    MarkdownEditorMdOptions,\n    MarkdownEditorOptions,\n    MarkdownEditorMarkupConfig as MarkupConfig,\n    ParseInsertedUrlAsImage,\n    RenderPreview,\n    MarkdownEditorSplitMode as SplitMode,\n} from './types';\n\nexport type ToolbarActionData = {\n    editorMode: EditorMode;\n    id: string;\n    attrs?: {[key: string]: any};\n};\n\nexport interface EventMap {\n    change: null;\n    cancel: null;\n    submit: null;\n\n    'toolbar-action': ToolbarActionData;\n\n    'change-editor-mode': {mode: EditorMode};\n    'change-toolbar-visibility': {visible: boolean};\n    'change-split-mode-enabled': {splitModeEnabled: boolean};\n}\n\n// internal events\ninterface EventMapInt extends EventMap {\n    rerender: null;\n    'rerender-toolbar': null;\n    'cm-scroll': {event: Event};\n}\n\nexport interface Editor extends Receiver<EventMap>, CommonEditor {\n    readonly logger: Logger2.LogReceiver;\n    readonly currentMode: EditorMode;\n    readonly toolbarVisible: boolean;\n\n    setEditorMode(mode: EditorMode, opts?: SetEditorModeOptions): void;\n\n    moveCursor(position: 'start' | 'end' | {line: number}): void;\n\n    /** @internal used in demo for dev-tools */\n    readonly _wysiwygView?: PMEditorView;\n}\n\n/** @internal */\nexport interface EditorInt\n    extends CommonEditor, Emitter<EventMapInt>, Receiver<EventMapInt>, ActionStorage, CodeEditor {\n    readonly logger: Logger2.ILogger;\n    readonly currentMode: EditorMode;\n    readonly toolbarVisible: boolean;\n    readonly splitModeEnabled: boolean;\n    readonly splitMode: SplitMode;\n    readonly preset: EditorPreset;\n    readonly mdOptions: Readonly<MarkdownEditorMdOptions>;\n    readonly directiveSyntax: DirectiveSyntaxContext;\n    readonly mobile: boolean;\n\n    /** @internal used in demo for dev-tools */\n    readonly _wysiwygView?: PMEditorView;\n\n    readonly currentEditor: CommonEditor;\n    readonly wysiwygEditor: WysiwygEditor;\n    readonly markupEditor: MarkupEditor;\n\n    readonly renderStorage: RenderStorage<ReactNode>;\n    readonly fileUploadHandler?: FileUploadHandler;\n    readonly needToSetDimensionsForUploadedImages: boolean;\n    readonly disableHTMLParsingInMd?: boolean;\n\n    readonly renderPreview?: RenderPreview;\n\n    changeEditorMode(opts: ChangeEditorModeOptions): void;\n\n    setEditorMode(mode: EditorMode, opts?: SetEditorModeOptions): void;\n\n    moveCursor(position: 'start' | 'end' | {line: number}): void;\n\n    changeToolbarVisibility(opts: {visible: boolean}): void;\n\n    changeSplitModeEnabled(opts: {splitModeEnabled: boolean}): void;\n\n    destroy(): void;\n}\n\ntype SetEditorModeOptions = Pick<ChangeEditorModeOptions, 'emit'>;\n\nexport type ChangeEditorModeOptions = {\n    mode: EditorMode;\n    reason: 'error-boundary' | 'settings' | 'manually';\n    emit?: boolean;\n};\n\nexport type EditorOptions = Pick<\n    MarkdownEditorOptions,\n    'md' | 'initial' | 'handlers' | 'experimental' | 'markupConfig' | 'wysiwygConfig' | 'mobile'\n> & {\n    logger: Logger2.ILogger;\n    renderStorage: ReactRenderStorage;\n    preset: EditorPreset;\n    directiveSyntax: DirectiveSyntaxContext;\n    pmTransformers: TransformFn[];\n};\n\n/** @internal */\nexport class EditorImpl extends SafeEventEmitter<EventMapInt> implements EditorInt {\n    #logger: Logger2.ILogger;\n    #markup: MarkupString;\n    #editorMode: EditorMode;\n    #toolbarVisible: boolean;\n    #splitModeEnabled: boolean;\n    #splitMode: SplitMode;\n    #renderPreview?: RenderPreview;\n    #wysiwygEditor?: WysiwygEditor;\n    #markupEditor?: MarkupEditor;\n    #markupConfig: MarkupConfig;\n    #escapeConfig?: EscapeConfig;\n    #mdOptions: Readonly<MarkdownEditorMdOptions>;\n    #pmTransformers: TransformFn[] = [];\n    #preserveEmptyRows: boolean;\n    #modifiers?: DynamicModifiers[];\n\n    readonly #preset: EditorPreset;\n    #extensions?: WysiwygEditorOptions['extensions'];\n    #renderStorage: ReactRenderStorage;\n    #fileUploadHandler?: FileUploadHandler;\n    #parseInsertedUrlAsImage?: ParseInsertedUrlAsImage;\n    #needToSetDimensionsForUploadedImages: boolean;\n    #enableNewImageSizeCalculation: boolean;\n    #directiveSyntax: DirectiveSyntaxContext;\n    #prepareRawMarkup?: (value: MarkupString) => MarkupString;\n    #beforeEditorModeChange?: (\n        options: Pick<ChangeEditorModeOptions, 'mode' | 'reason'>,\n    ) => boolean | undefined;\n    #mobile: boolean;\n\n    get _wysiwygView(): PMEditorView {\n        // @ts-expect-error internal typing\n        return this.#wysiwygEditor?.view;\n    }\n\n    get logger(): Logger2.ILogger {\n        return this.#logger;\n    }\n\n    get currentMode(): EditorMode {\n        return this.#editorMode;\n    }\n\n    private set currentMode(newMode: EditorMode) {\n        switch (newMode) {\n            case 'markup': {\n                this.#editorMode = newMode;\n                if (this.#wysiwygEditor) {\n                    const markupEditorValue = this.#markupEditor?.getValue();\n                    const wysiwygEditorValue = this.#wysiwygEditor.getValue();\n                    if (\n                        !markupEditorValue ||\n                        this.shouldReplaceMarkupEditorValue(markupEditorValue, wysiwygEditorValue)\n                    ) {\n                        this.#markup = wysiwygEditorValue;\n                    } else {\n                        this.#markup = markupEditorValue;\n                    }\n                }\n                if (this.#markupEditor) this.#markupEditor.replace(this.#markup);\n                break;\n            }\n            case 'wysiwyg': {\n                this.#editorMode = newMode;\n                if (this.#markupEditor) {\n                    const value = this.#markupEditor.getValue();\n                    this.#markup = this.#prepareRawMarkup?.(value) ?? value;\n                } else if (this.#prepareRawMarkup) {\n                    this.#markup = this.#prepareRawMarkup(this.#markup);\n                }\n                if (this.#wysiwygEditor) this.#wysiwygEditor.replace(this.#markup);\n                break;\n            }\n            default:\n                throw new Error('Unknown editor mode: ' + newMode);\n        }\n        setTimeout(() => {\n            this.currentEditor.focus();\n        }, 30);\n    }\n\n    get toolbarVisible(): boolean {\n        return this.#toolbarVisible;\n    }\n\n    get splitModeEnabled(): boolean {\n        return this.#splitModeEnabled;\n    }\n\n    get splitMode(): SplitMode {\n        return this.#splitMode;\n    }\n\n    get preset(): EditorPreset {\n        return this.#preset;\n    }\n\n    get mdOptions(): Readonly<MarkdownEditorMdOptions> {\n        return this.#mdOptions;\n    }\n\n    get directiveSyntax(): DirectiveSyntaxContext {\n        return this.#directiveSyntax;\n    }\n\n    get renderPreview(): RenderPreview | undefined {\n        return this.#renderPreview;\n    }\n\n    get currentEditor(): CommonEditor {\n        const mode = this.currentMode;\n        switch (mode) {\n            case 'markup':\n                return this.markupEditor;\n            case 'wysiwyg':\n                return this.wysiwygEditor;\n            default:\n                throw new Error('Unknown editor mode: ' + mode);\n        }\n    }\n\n    get wysiwygEditor(): WysiwygEditor {\n        if (!this.#wysiwygEditor) {\n            const mdPreset: NonNullable<WysiwygEditorOptions['mdPreset']> =\n                this.#preset === 'zero' || this.#preset === 'commonmark' ? this.#preset : 'default';\n            this.#wysiwygEditor = new WysiwygEditor({\n                mdPreset,\n                logger: this.logger.nested({mode: 'wysiwyg'}),\n                initialContent: this.#markup,\n                extensions: this.#extensions,\n                pmTransformers: this.#pmTransformers,\n                modifiers: this.#modifiers,\n                allowHTML: this.#mdOptions.html,\n                linkify: this.#mdOptions.linkify,\n                linkifyTlds: this.#mdOptions.linkifyTlds,\n                escapeConfig: this.#escapeConfig,\n                onChange: () => this.emit('rerender-toolbar', null),\n                onDocChange: () => this.emit('change', null),\n            });\n        }\n        return this.#wysiwygEditor;\n    }\n\n    get markupEditor(): MarkupEditor {\n        if (!this.#markupEditor) {\n            this.#markupEditor = new MarkupEditor(\n                createCodemirror({\n                    doc: this.#markup,\n                    logger: this.logger.nested({mode: 'markup'}),\n                    placeholder: this.#markupConfig.placeholder ?? i18n('markup_placeholder'),\n                    onCancel: () => this.emit('cancel', null),\n                    onSubmit: () => this.emit('submit', null),\n                    onChange: () => this.emit('rerender-toolbar', null),\n                    onDocChange: () => this.emit('change', null),\n                    onScroll: (event) => this.emit('cm-scroll', {event}),\n                    reactRenderer: this.#renderStorage,\n                    uploadHandler: this.fileUploadHandler,\n                    parseInsertedUrlAsImage: this.parseInsertedUrlAsImage,\n                    needImageDimensions: this.needToSetDimensionsForUploadedImages,\n                    parseHtmlOnPaste: this.#markupConfig.parseHtmlOnPaste,\n                    enableNewImageSizeCalculation: this.enableNewImageSizeCalculation,\n                    extensions: this.#markupConfig.extensions,\n                    disabledExtensions: this.#markupConfig.disabledExtensions,\n                    keymaps: this.#markupConfig.keymaps,\n                    preserveEmptyRows: this.#preserveEmptyRows,\n                    yfmLangOptions: {\n                        languageData: getAutocompleteConfig({\n                            preserveEmptyRows: this.#preserveEmptyRows,\n                        }).concat(this.#markupConfig?.languageData || []),\n                    },\n                    autocompletion: this.#markupConfig.autocompletion,\n                    tooltips: this.#markupConfig.tooltips,\n                    directiveSyntax: this.directiveSyntax,\n                    receiver: this,\n                    searchPanel: this.#markupConfig.searchPanel,\n                }),\n            );\n        }\n        return this.#markupEditor;\n    }\n\n    get renderStorage(): RenderStorage<ReactNode> {\n        return this.#renderStorage;\n    }\n\n    get fileUploadHandler(): FileUploadHandler | undefined {\n        return this.#fileUploadHandler;\n    }\n\n    get parseInsertedUrlAsImage() {\n        return this.#parseInsertedUrlAsImage;\n    }\n\n    get needToSetDimensionsForUploadedImages(): boolean {\n        return this.#needToSetDimensionsForUploadedImages;\n    }\n\n    get enableNewImageSizeCalculation(): boolean {\n        return this.#enableNewImageSizeCalculation;\n    }\n\n    get mobile(): boolean {\n        return this.#mobile;\n    }\n\n    constructor(opts: EditorOptions) {\n        const {logger} = opts;\n\n        super({\n            onError: (error) => {\n                logger.error(error);\n                globalLogger.error(error);\n            },\n        });\n\n        const {\n            md = {},\n            initial = {},\n            handlers = {},\n            experimental = {},\n            markupConfig = {},\n            wysiwygConfig = {},\n            mobile = false,\n        } = opts;\n\n        this.#logger = logger;\n        this.#modifiers = experimental.preserveMarkupFormatting\n            ? createDynamicModifiers(\n                  new MarkupManager(this.logger.nested({module: 'markup-manager'})),\n              )\n            : undefined;\n\n        this.#editorMode = initial.mode ?? 'wysiwyg';\n        this.#toolbarVisible = initial.toolbarVisible ?? true;\n        this.#splitMode = (markupConfig.renderPreview && markupConfig.splitMode) ?? false;\n        this.#splitModeEnabled = (this.#splitMode && initial.splitModeEnabled) ?? false;\n        this.#renderPreview = markupConfig.renderPreview;\n\n        this.#markup = initial.markup ?? '';\n\n        this.#preset = opts.preset ?? 'full';\n        this.#pmTransformers = opts.pmTransformers;\n        this.#mdOptions = md;\n        this.#extensions = wysiwygConfig.extensions;\n        this.#markupConfig = {...opts.markupConfig};\n\n        this.#renderStorage = opts.renderStorage;\n        this.#fileUploadHandler = handlers.uploadFile;\n        this.#parseInsertedUrlAsImage = markupConfig.parseInsertedUrlAsImage;\n        this.#needToSetDimensionsForUploadedImages = Boolean(\n            experimental.needToSetDimensionsForUploadedImages,\n        );\n        this.#directiveSyntax = opts.directiveSyntax;\n        this.#enableNewImageSizeCalculation = Boolean(experimental.enableNewImageSizeCalculation);\n        this.#preserveEmptyRows = experimental.preserveEmptyRows || false;\n        this.#prepareRawMarkup = experimental.prepareRawMarkup;\n        this.#escapeConfig = wysiwygConfig.escapeConfig;\n        this.#beforeEditorModeChange = experimental.beforeEditorModeChange;\n        this.#mobile = mobile;\n    }\n\n    // ---> implements CodeEditor\n\n    get cm() {\n        return this.markupEditor.cm;\n    }\n\n    // <--- implements CodeEditor\n\n    // ---> implements ActionStorage\n    get actions(): WysiwygEditor.Actions {\n        return this.wysiwygEditor.actions;\n    }\n\n    action<T extends keyof WysiwygEditor.Actions>(actionName: T): WysiwygEditor.Actions[T] {\n        return this.wysiwygEditor.action(actionName);\n    }\n\n    // <--- implements ActionStorage\n\n    destroy() {\n        this.#wysiwygEditor?.destroy();\n        this.#markupEditor?.codemirror.destroy();\n\n        this.#markupEditor = undefined;\n        this.#markupEditor = undefined;\n        this.#wysiwygEditor = undefined;\n    }\n\n    setEditorMode(mode: EditorMode, opts?: SetEditorModeOptions): void {\n        this.changeEditorMode({mode, reason: 'manually', emit: opts?.emit});\n    }\n\n    changeEditorMode({emit = true, ...opts}: ChangeEditorModeOptions): void {\n        if (this.#editorMode === opts.mode) return;\n\n        if (this.#beforeEditorModeChange?.({mode: opts.mode, reason: opts.reason}) === false) {\n            return;\n        }\n\n        this.logger.event({\n            event: 'mode-change',\n            prevMode: this.#editorMode,\n            nextMode: opts.mode,\n            reason: opts.reason,\n        });\n\n        this.currentMode = opts.mode;\n        this.emit('rerender', null);\n\n        if (emit) {\n            this.emit('change-editor-mode', opts);\n        }\n    }\n\n    changeToolbarVisibility(opts: {visible: boolean}): void {\n        this.#toolbarVisible = opts.visible;\n        this.emit('rerender', null);\n        this.emit('change-toolbar-visibility', opts);\n    }\n\n    changeSplitModeEnabled(opts: {splitModeEnabled: boolean}): void {\n        if (this.#splitModeEnabled === opts.splitModeEnabled) return;\n        this.#splitModeEnabled = opts.splitModeEnabled;\n        this.emit('rerender', null);\n        this.emit('change-split-mode-enabled', opts);\n    }\n\n    focus(): void {\n        return this.currentEditor.focus();\n    }\n\n    hasFocus(): boolean {\n        return this.currentEditor.hasFocus();\n    }\n\n    getValue: () => MarkupString = () => this.currentEditor.getValue();\n\n    isEmpty(): boolean {\n        return this.currentEditor.isEmpty();\n    }\n\n    clear(): void {\n        return this.currentEditor.clear();\n    }\n\n    replace(newMarkup: MarkupString): void {\n        return this.currentEditor.replace(newMarkup);\n    }\n\n    prepend(markup: MarkupString): void {\n        return this.currentEditor.prepend(markup);\n    }\n\n    append(markup: MarkupString): void {\n        return this.currentEditor.append(markup);\n    }\n\n    moveCursor(\n        position:\n            | 'start'\n            | 'end'\n            | {\n                  /** 0-based line number */\n                  line: number;\n              },\n    ): void {\n        if (typeof position === 'object') {\n            return this.moveCursorToLine(position.line);\n        }\n\n        return this.currentEditor.moveCursor(position);\n    }\n\n    private moveCursorToLine(/** 0-based line number */ line: number): void {\n        const mode = this.currentMode;\n\n        switch (mode) {\n            case 'markup': {\n                this.markupMoveToLine(line);\n                break;\n            }\n            case 'wysiwyg': {\n                this.wysiwygMoveToLine(line);\n                break;\n            }\n            default:\n                throw new Error('Unknown editor mode: ' + mode);\n        }\n    }\n\n    private markupMoveToLine(line: number): void {\n        const view = this.markupEditor.cm;\n        const isConnected = Boolean(view.dom.parentElement);\n\n        let cmLine = line + 1; // lines in codemirror is 1-based\n        cmLine = Math.max(cmLine, 1);\n        cmLine = Math.min(cmLine, view.state.doc.lines);\n\n        const anchor = view.state.doc.line(cmLine).from;\n        view.dispatch({\n            scrollIntoView: true,\n            selection: {anchor},\n            effects: isConnected\n                ? [\n                      CMEditorView.scrollIntoView(anchor, {\n                          y: 'start',\n                          x: 'start',\n                          yMargin: getTopOffset(view.dom),\n                      }),\n                  ]\n                : undefined,\n        });\n    }\n\n    private wysiwygMoveToLine(line: number): void {\n        const DATA_LINE = 'data-line';\n        const SELECTOR = `[${DATA_LINE}=\"${line}\"]` as const;\n\n        const view = this._wysiwygView;\n        const isConnected = Boolean(view.dom.parentElement);\n\n        const setSelection = (pos: number) => {\n            const {tr} = view.state;\n            view.dispatch(tr.setSelection(TextSelection.near(tr.doc.resolve(pos), 1)));\n        };\n\n        const scrollIntoView = (elemTop: number) => {\n            const topOffset = getTopOffset(this.wysiwygEditor.dom);\n            window.scrollTo({top: elemTop + window.scrollY - topOffset});\n        };\n\n        const elem = this.wysiwygEditor.dom.querySelector(SELECTOR);\n        if (elem) {\n            const position = this._wysiwygView.posAtDOM(elem, 0);\n            setSelection(position);\n\n            if (isConnected) {\n                const elemTop = elem.getBoundingClientRect().top;\n                scrollIntoView(elemTop);\n            }\n\n            return;\n        }\n\n        const node = getDescedantByAttribute(view.state.doc, DATA_LINE, [line, String(line)]);\n        if (node) {\n            setSelection(node.pos);\n\n            if (isConnected) {\n                const elemTop = view.coordsAtPos(node.pos).top;\n                scrollIntoView(elemTop);\n            }\n        }\n    }\n\n    private shouldReplaceMarkupEditorValue(markupValue: string, wysiwygValue: string) {\n        const serializedEditorMarkup = this.#wysiwygEditor?.serializer.serialize(\n            this.#wysiwygEditor.parser.parse(markupValue),\n            this.#escapeConfig,\n        );\n        return serializedEditorMarkup?.trim() !== wysiwygValue.trim();\n    }\n}\n\nfunction getTopOffset(elem: Element) {\n    const TOOLBAR_HEIGHT = 36; //px\n    const TOOLBAR_BOTTOM_OFFSET = 8; // px\n    const TOOLBAR_TOP_ADDITIONAL_OFFSET = 8; // px\n    const TOOLBAR_TOP_OFFSET_VAR = '--g-md-toolbar-sticky-offset';\n\n    const topOffsetValue = window.getComputedStyle(elem).getPropertyValue(TOOLBAR_TOP_OFFSET_VAR);\n    const toolbarTopOffset =\n        calculateCSSNumberValue(topOffsetValue) + TOOLBAR_TOP_ADDITIONAL_OFFSET;\n\n    return toolbarTopOffset + TOOLBAR_HEIGHT + TOOLBAR_BOTTOM_OFFSET;\n}\n\nfunction calculateCSSNumberValue(cssValue: string): number {\n    const tmp = document.createElement('div');\n    tmp.style.position = 'absolute';\n    tmp.style.top = '-99999px';\n    tmp.style.left = '-99999px';\n    tmp.style.width = `calc(${cssValue})`;\n\n    document.body.appendChild(tmp);\n    const value = tmp.getBoundingClientRect().width;\n    tmp.remove();\n\n    return value;\n}\n"]}

package/build/cjs/bundle/settings/index.css

@@ -2,9 +2,6 @@
   display: flex;
   flex-wrap: nowrap;
 }
-.g-md-editor-settings__mode-button {
-  margin-right: 1px;
-}
 .g-md-editor-settings__preview-button {
   margin: 0 2px;
 }
@@ -17,6 +14,10 @@
 .g-md-settings-content {
   width: 300px;
 }
+.g-md-settings-content__mode {
+  border-start-start-radius: inherit;
+  border-start-end-radius: inherit;
+}
 .g-md-settings-content__mode-help {
   position: relative;
   top: 8px;
@@ -25,13 +26,8 @@
 .g-md-settings-content__separator {
   border-bottom: 1px solid var(--g-color-line-generic);
 }
-.g-md-settings-content__toolbar, .g-md-settings-content__split-mode {
-  padding: 8px 16px 12px;
-}
-.g-md-settings-content__toolbar-hint {
-  margin-top: 3px;
-  padding-left: 19px;
-  color: var(--g-color-text-secondary);
+.g-md-settings-content__check-box .g-control-label__text {
+  margin-left: calc(var(--g-spacing-2) + var(--g-spacing-half));
 }
 .g-md-settings-content__version {
   position: absolute;
@@ -39,8 +35,4 @@
   left: 50%;
   opacity: 0.03;
   transform: translateX(-50%);
-  font-family: var(--g-text-code-font-family);
-  font-weight: var(--g-text-code-font-weight);
-  font-size: var(--g-text-code-inline-1-font-size);
-  line-height: var(--g-text-code-inline-1-line-height);
 }

package/build/cjs/bundle/settings/index.js

@@ -28,7 +28,7 @@ exports.EditorSettings = (0, react_1.memo)(function EditorSettings(props) {
     const [popupShown, , hidePopup, togglePopup] = (0, hooks_1.useBooleanState)(false);
     const zIndex = (0, react_utils_1.useTargetZIndex)(layout_1.LAYOUT.STICKY_TOOLBAR);
     const areSettingsVisible = settingsVisible === true || (Array.isArray(settingsVisible) && settingsVisible.length > 0);
-    return ((0, jsx_runtime_1.jsxs)("div", { className: bSettings(null, [className]), children: [renderPreviewButton && ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(uikit_1.ActionTooltip, { openDelay: toolbar_1.ToolbarTooltipDelay.Open, closeDelay: toolbar_1.ToolbarTooltipDelay.Close, title: (0, bundle_1.i18n)('preview_label'), hotkey: "mod+shift+p", children: (0, jsx_runtime_1.jsx)(uikit_1.Button, { qa: "g-md-markup-preview-button", size: "m", view: "flat", pin: "round-round", className: bSettings('preview-button'), onClick: () => onShowPreviewChange?.(!showPreview), selected: showPreview, "aria-label": (0, bundle_1.i18n)('preview_label'), children: (0, jsx_runtime_1.jsx)(uikit_1.Icon, { data: icons_1.Eye }) }) }), settingsVisible && (0, jsx_runtime_1.jsx)("div", { className: bSettings('separator') })] })), areSettingsVisible && ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(uikit_1.Button, { size: "m", view: "flat", pin: "round-round", onClick: togglePopup, ref: setChevronElement, qa: "g-md-settings-button", className: bSettings('dropdown-button'), "aria-label": (0, bundle_1.i18n)('settings_label'), children: (0, jsx_runtime_1.jsx)(uikit_1.Icon, { data: icons_1.Gear }) }), (0, jsx_runtime_1.jsx)(uikit_1.Popup, { open: popupShown, anchorElement: chevronElement, placement: placement, onOpenChange: hidePopup, zIndex: zIndex, children: (0, jsx_runtime_1.jsx)(SettingsContent, { ...props, qa: "g-md-settings-content", onClose: hidePopup, className: bSettings('content'), zIndex: zIndex }) })] }))] }));
+    return ((0, jsx_runtime_1.jsxs)("div", { className: bSettings(null, className), children: [renderPreviewButton && ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(uikit_1.ActionTooltip, { openDelay: toolbar_1.ToolbarTooltipDelay.Open, closeDelay: toolbar_1.ToolbarTooltipDelay.Close, title: (0, bundle_1.i18n)('preview_label'), hotkey: "mod+shift+p", children: (0, jsx_runtime_1.jsx)(uikit_1.Button, { qa: "g-md-markup-preview-button", size: "m", view: "flat", pin: "round-round", className: bSettings('preview-button'), onClick: () => onShowPreviewChange?.(!showPreview), selected: showPreview, "aria-label": (0, bundle_1.i18n)('preview_label'), children: (0, jsx_runtime_1.jsx)(uikit_1.Icon, { data: icons_1.Eye }) }) }), settingsVisible && (0, jsx_runtime_1.jsx)("div", { className: bSettings('separator') })] })), areSettingsVisible && ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(uikit_1.Button, { size: "m", view: "flat", pin: "round-round", onClick: togglePopup, ref: setChevronElement, qa: "g-md-settings-button", className: bSettings('dropdown-button'), "aria-label": (0, bundle_1.i18n)('settings_label'), children: (0, jsx_runtime_1.jsx)(uikit_1.Icon, { data: icons_1.Gear }) }), (0, jsx_runtime_1.jsx)(uikit_1.Popup, { open: popupShown, anchorElement: chevronElement, placement: placement, onOpenChange: hidePopup, zIndex: zIndex, children: (0, jsx_runtime_1.jsx)(SettingsContent, { ...props, qa: "g-md-settings-content", onClose: hidePopup, className: bSettings('content'), zIndex: zIndex }) })] }))] }));
 });
 const mdHelpPlacement = ['bottom', 'bottom-end', 'right-start', 'right', 'left'];
 const SettingsContent = function SettingsContent({ mode, onClose, onModeChange, toolbarVisibility, onToolbarVisibilityChange, onSplitModeChange, splitMode = false, splitModeEnabled, className, showPreview, settingsVisible, qa, disableMark, zIndex, }) {
@@ -50,6 +50,9 @@ const SettingsContent = function SettingsContent({ mode, onClose, onModeChange,
                                         // stop clicks propagation
                                         // because otherwise click in MarkdownHints handled as click on MenuItem
                                         e.stopPropagation();
-                                    }, children: (0, jsx_runtime_1.jsx)(MarkdownHints_1.MarkdownHints, {}) }) }))] })] })), showModeSetting && (showSplitModeSetting || showToolbarSetting) && ((0, jsx_runtime_1.jsx)("div", { className: bContent('separator') })), showToolbarSetting && !showPreview && ((0, jsx_runtime_1.jsxs)("div", { className: bContent('toolbar'), children: [(0, jsx_runtime_1.jsx)(uikit_1.Checkbox, { size: "m", checked: toolbarVisibility, onUpdate: onToolbarVisibilityChange, children: (0, bundle_1.i18n)('settings_menubar') }), (0, jsx_runtime_1.jsx)("div", { className: bContent('toolbar-hint'), children: (0, bundle_1.i18n)('settings_hint') })] })), showSplitModeSetting && splitMode && ((0, jsx_runtime_1.jsxs)("div", { className: bContent('split-mode'), children: [(0, jsx_runtime_1.jsx)(uikit_1.Checkbox, { size: "m", disabled: mode !== 'markup', checked: splitModeEnabled, onUpdate: onSplitModeChange ?? lodash_1.noop, children: (0, bundle_1.i18n)('settings_split-mode') }), (0, jsx_runtime_1.jsx)("div", { className: bContent('toolbar-hint'), children: (0, bundle_1.i18n)('settings_split-mode-hint') })] })), (0, jsx_runtime_1.jsx)("span", { className: bContent('version'), children: version_1.VERSION })] }));
+                                    }, children: (0, jsx_runtime_1.jsx)(MarkdownHints_1.MarkdownHints, {}) }) }))] })] })), showModeSetting && (showSplitModeSetting || showToolbarSetting) && ((0, jsx_runtime_1.jsx)("div", { className: bContent('separator') })), showToolbarSetting && !showPreview && ((0, jsx_runtime_1.jsx)(CheckboxWithHint, { checked: toolbarVisibility, className: bContent('toolbar'), onUpdate: onToolbarVisibilityChange, title: (0, bundle_1.i18n)('settings_menubar'), hint: (0, bundle_1.i18n)('settings_hint') })), showSplitModeSetting && splitMode && ((0, jsx_runtime_1.jsx)(CheckboxWithHint, { checked: splitModeEnabled, disabled: mode !== 'markup', className: bContent('split-mode'), onUpdate: onSplitModeChange ?? lodash_1.noop, title: (0, bundle_1.i18n)('settings_split-mode'), hint: (0, bundle_1.i18n)('settings_split-mode-hint') })), (0, jsx_runtime_1.jsx)(uikit_1.Text, { variant: "code-inline-1", className: bContent('version'), children: version_1.VERSION })] }));
 };
+function CheckboxWithHint({ checked, disabled, onUpdate, title, hint, className, }) {
+    return ((0, jsx_runtime_1.jsxs)(uikit_1.Box, { spacing: { px: 4, pt: 2, pb: 3 }, className: bContent('check-box', className), children: [(0, jsx_runtime_1.jsx)(uikit_1.Checkbox, { size: "m", disabled: disabled, checked: checked, onUpdate: onUpdate, children: title }), (0, jsx_runtime_1.jsx)(uikit_1.Text, { as: "div", color: "secondary", className: bContent('check-hint', (0, uikit_1.sp)({ mt: 1, pl: 6 })), children: hint })] }));
+}
 //# sourceMappingURL=index.js.map

package/build/cjs/bundle/settings/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"../../../../src","sources":["bundle/settings/index.tsx"],"names":[],"mappings":"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","sourcesContent":["/* eslint-disable jsx-a11y/no-static-element-interactions */\n/* eslint-disable jsx-a11y/click-events-have-key-events */\nimport {memo, useState} from 'react';\n\nimport {Eye, Gear, LogoMarkdown} from '@gravity-ui/icons';\nimport {\n    ActionTooltip,\n    Button,\n    Checkbox,\n    HelpMark,\n    Icon,\n    Menu,\n    Popup,\n    type PopupPlacement,\n    type QAProps,\n} from '@gravity-ui/uikit';\n\nimport {LAYOUT} from 'src/common/layout';\n\nimport {type ClassNameProps, cn} from '../../classname';\nimport {i18n} from '../../i18n/bundle';\nimport WysiwygModeIcon from '../../icons/WysiwygMode';\nimport {noop} from '../../lodash';\nimport {useTargetZIndex} from '../../react-utils';\nimport {useBooleanState} from '../../react-utils/hooks';\nimport {ToolbarTooltipDelay} from '../../toolbar';\nimport {VERSION} from '../../version';\nimport type {MarkdownEditorMode, MarkdownEditorSplitMode} from '../types';\n\nimport {MarkdownHints} from './MarkdownHints';\n\nimport './index.scss';\n\nconst placement: PopupPlacement = ['bottom-end', 'top-end'];\n\nconst bSettings = cn('editor-settings');\nconst bContent = cn('settings-content');\n\nexport type EditorSettingsProps = Omit<SettingsContentProps, 'onClose' | 'zIndex'> & {\n    renderPreviewButton?: boolean;\n    settingsVisible?: boolean | SettingItems[];\n};\n\nexport const EditorSettings = memo<EditorSettingsProps>(function EditorSettings(props) {\n    const {className, onShowPreviewChange, showPreview, renderPreviewButton, settingsVisible} =\n        props;\n    const [chevronElement, setChevronElement] = useState<HTMLButtonElement | null>(null);\n    const [popupShown, , hidePopup, togglePopup] = useBooleanState(false);\n    const zIndex = useTargetZIndex(LAYOUT.STICKY_TOOLBAR);\n\n    const areSettingsVisible =\n        settingsVisible === true || (Array.isArray(settingsVisible) && settingsVisible.length > 0);\n\n    return (\n        <div className={bSettings(null, [className])}>\n            {renderPreviewButton && (\n                <>\n                    <ActionTooltip\n                        openDelay={ToolbarTooltipDelay.Open}\n                        closeDelay={ToolbarTooltipDelay.Close}\n                        title={i18n('preview_label')}\n                        hotkey=\"mod+shift+p\"\n                    >\n                        <Button\n                            qa=\"g-md-markup-preview-button\"\n                            size=\"m\"\n                            view=\"flat\"\n                            pin=\"round-round\"\n                            className={bSettings('preview-button')}\n                            onClick={() => onShowPreviewChange?.(!showPreview)}\n                            selected={showPreview}\n                            aria-label={i18n('preview_label')}\n                        >\n                            <Icon data={Eye} />\n                        </Button>\n                    </ActionTooltip>\n                    {settingsVisible && <div className={bSettings('separator')} />}\n                </>\n            )}\n            {areSettingsVisible && (\n                <>\n                    <Button\n                        size=\"m\"\n                        view=\"flat\"\n                        pin=\"round-round\"\n                        onClick={togglePopup}\n                        ref={setChevronElement}\n                        qa=\"g-md-settings-button\"\n                        className={bSettings('dropdown-button')}\n                        aria-label={i18n('settings_label')}\n                    >\n                        <Icon data={Gear} />\n                    </Button>\n                    <Popup\n                        open={popupShown}\n                        anchorElement={chevronElement}\n                        placement={placement}\n                        onOpenChange={hidePopup}\n                        zIndex={zIndex}\n                    >\n                        <SettingsContent\n                            {...props}\n                            qa=\"g-md-settings-content\"\n                            onClose={hidePopup}\n                            className={bSettings('content')}\n                            zIndex={zIndex}\n                        />\n                    </Popup>\n                </>\n            )}\n        </div>\n    );\n});\n\nexport type SettingItems = 'mode' | 'toolbar' | 'split';\n\ntype SettingsContentProps = ClassNameProps &\n    QAProps & {\n        mode: MarkdownEditorMode;\n        onClose: () => void;\n        onModeChange: (mode: MarkdownEditorMode) => void;\n        onShowPreviewChange: (showPreview: boolean) => void;\n        showPreview: boolean;\n        toolbarVisibility: boolean;\n        settingsVisible?: SettingItems[] | boolean;\n        onToolbarVisibilityChange: (val: boolean) => void;\n        splitMode?: MarkdownEditorSplitMode;\n        splitModeEnabled?: boolean;\n        onSplitModeChange?: (splitModeEnabled: boolean) => void;\n        disableMark?: boolean;\n        zIndex?: number;\n    };\n\nconst mdHelpPlacement: PopupPlacement = ['bottom', 'bottom-end', 'right-start', 'right', 'left'];\n\nconst SettingsContent: React.FC<SettingsContentProps> = function SettingsContent({\n    mode,\n    onClose,\n    onModeChange,\n    toolbarVisibility,\n    onToolbarVisibilityChange,\n    onSplitModeChange,\n    splitMode = false,\n    splitModeEnabled,\n    className,\n    showPreview,\n    settingsVisible,\n    qa,\n    disableMark,\n    zIndex,\n}) {\n    const isSettingsArray = Array.isArray(settingsVisible);\n    const showModeSetting = isSettingsArray ? settingsVisible?.includes('mode') : true;\n    const showToolbarSetting = isSettingsArray ? settingsVisible?.includes('toolbar') : true;\n    const showSplitModeSetting = isSettingsArray ? settingsVisible?.includes('split') : true;\n\n    return (\n        <div className={bContent(null, [className])} data-qa={qa}>\n            {showModeSetting && (\n                <Menu size=\"l\" className={bContent('mode')}>\n                    <Menu.Item\n                        qa=\"g-md-settings-mode-wysiwyg\"\n                        active={mode === 'wysiwyg'}\n                        onClick={() => {\n                            onModeChange('wysiwyg');\n                            onClose();\n                        }}\n                        iconStart={<Icon data={WysiwygModeIcon} />}\n                    >\n                        {i18n('settings_wysiwyg')}\n                    </Menu.Item>\n                    <Menu.Item\n                        qa=\"g-md-settings-mode-markup\"\n                        active={mode === 'markup'}\n                        onClick={() => {\n                            onModeChange('markup');\n                            onClose();\n                        }}\n                        iconStart={<Icon data={LogoMarkdown} />}\n                    >\n                        {i18n('settings_markup')}\n                        {!disableMark && (\n                            <HelpMark\n                                popoverProps={{\n                                    placement: mdHelpPlacement,\n                                    modal: false,\n                                    zIndex,\n                                }}\n                                className={bContent('mode-help')}\n                            >\n                                <div\n                                    onClick={(e) => {\n                                        // stop clicks propagation\n                                        // because otherwise click in MarkdownHints handled as click on MenuItem\n                                        e.stopPropagation();\n                                    }}\n                                >\n                                    <MarkdownHints />\n                                </div>\n                            </HelpMark>\n                        )}\n                    </Menu.Item>\n                </Menu>\n            )}\n            {showModeSetting && (showSplitModeSetting || showToolbarSetting) && (\n                <div className={bContent('separator')} />\n            )}\n            {showToolbarSetting && !showPreview && (\n                <div className={bContent('toolbar')}>\n                    <Checkbox\n                        size=\"m\"\n                        checked={toolbarVisibility}\n                        onUpdate={onToolbarVisibilityChange}\n                    >\n                        {i18n('settings_menubar')}\n                    </Checkbox>\n                    <div className={bContent('toolbar-hint')}>{i18n('settings_hint')}</div>\n                </div>\n            )}\n            {showSplitModeSetting && splitMode && (\n                <div className={bContent('split-mode')}>\n                    <Checkbox\n                        size=\"m\"\n                        disabled={mode !== 'markup'}\n                        checked={splitModeEnabled}\n                        onUpdate={onSplitModeChange ?? noop}\n                    >\n                        {i18n('settings_split-mode')}\n                    </Checkbox>\n                    <div className={bContent('toolbar-hint')}>\n                        {i18n('settings_split-mode-hint')}\n                    </div>\n                </div>\n            )}\n            <span className={bContent('version')}>{VERSION}</span>\n        </div>\n    );\n};\n"]}
+{"version":3,"file":"index.js","sourceRoot":"../../../../src","sources":["bundle/settings/index.tsx"],"names":[],"mappings":"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","sourcesContent":["/* eslint-disable jsx-a11y/no-static-element-interactions */\n/* eslint-disable jsx-a11y/click-events-have-key-events */\nimport {memo, useState} from 'react';\n\nimport {Eye, Gear, LogoMarkdown} from '@gravity-ui/icons';\nimport {\n    ActionTooltip,\n    Box,\n    Button,\n    Checkbox,\n    type CheckboxProps,\n    HelpMark,\n    Icon,\n    Menu,\n    Popup,\n    type PopupPlacement,\n    type QAProps,\n    Text,\n    sp,\n} from '@gravity-ui/uikit';\n\nimport {LAYOUT} from 'src/common/layout';\n\nimport {type ClassNameProps, cn} from '../../classname';\nimport {i18n} from '../../i18n/bundle';\nimport WysiwygModeIcon from '../../icons/WysiwygMode';\nimport {noop} from '../../lodash';\nimport {useTargetZIndex} from '../../react-utils';\nimport {useBooleanState} from '../../react-utils/hooks';\nimport {ToolbarTooltipDelay} from '../../toolbar';\nimport {VERSION} from '../../version';\nimport type {MarkdownEditorMode, MarkdownEditorSplitMode} from '../types';\n\nimport {MarkdownHints} from './MarkdownHints';\n\nimport './index.scss';\n\nconst placement: PopupPlacement = ['bottom-end', 'top-end'];\n\nconst bSettings = cn('editor-settings');\nconst bContent = cn('settings-content');\n\nexport type EditorSettingsProps = Omit<SettingsContentProps, 'onClose' | 'zIndex'> & {\n    renderPreviewButton?: boolean;\n    settingsVisible?: boolean | SettingItems[];\n};\n\nexport const EditorSettings = memo<EditorSettingsProps>(function EditorSettings(props) {\n    const {className, onShowPreviewChange, showPreview, renderPreviewButton, settingsVisible} =\n        props;\n    const [chevronElement, setChevronElement] = useState<HTMLButtonElement | null>(null);\n    const [popupShown, , hidePopup, togglePopup] = useBooleanState(false);\n    const zIndex = useTargetZIndex(LAYOUT.STICKY_TOOLBAR);\n\n    const areSettingsVisible =\n        settingsVisible === true || (Array.isArray(settingsVisible) && settingsVisible.length > 0);\n\n    return (\n        <div className={bSettings(null, className)}>\n            {renderPreviewButton && (\n                <>\n                    <ActionTooltip\n                        openDelay={ToolbarTooltipDelay.Open}\n                        closeDelay={ToolbarTooltipDelay.Close}\n                        title={i18n('preview_label')}\n                        hotkey=\"mod+shift+p\"\n                    >\n                        <Button\n                            qa=\"g-md-markup-preview-button\"\n                            size=\"m\"\n                            view=\"flat\"\n                            pin=\"round-round\"\n                            className={bSettings('preview-button')}\n                            onClick={() => onShowPreviewChange?.(!showPreview)}\n                            selected={showPreview}\n                            aria-label={i18n('preview_label')}\n                        >\n                            <Icon data={Eye} />\n                        </Button>\n                    </ActionTooltip>\n                    {settingsVisible && <div className={bSettings('separator')} />}\n                </>\n            )}\n            {areSettingsVisible && (\n                <>\n                    <Button\n                        size=\"m\"\n                        view=\"flat\"\n                        pin=\"round-round\"\n                        onClick={togglePopup}\n                        ref={setChevronElement}\n                        qa=\"g-md-settings-button\"\n                        className={bSettings('dropdown-button')}\n                        aria-label={i18n('settings_label')}\n                    >\n                        <Icon data={Gear} />\n                    </Button>\n                    <Popup\n                        open={popupShown}\n                        anchorElement={chevronElement}\n                        placement={placement}\n                        onOpenChange={hidePopup}\n                        zIndex={zIndex}\n                    >\n                        <SettingsContent\n                            {...props}\n                            qa=\"g-md-settings-content\"\n                            onClose={hidePopup}\n                            className={bSettings('content')}\n                            zIndex={zIndex}\n                        />\n                    </Popup>\n                </>\n            )}\n        </div>\n    );\n});\n\nexport type SettingItems = 'mode' | 'toolbar' | 'split';\n\ntype SettingsContentProps = ClassNameProps &\n    QAProps & {\n        mode: MarkdownEditorMode;\n        onClose: () => void;\n        onModeChange: (mode: MarkdownEditorMode) => void;\n        onShowPreviewChange: (showPreview: boolean) => void;\n        showPreview: boolean;\n        toolbarVisibility: boolean;\n        settingsVisible?: SettingItems[] | boolean;\n        onToolbarVisibilityChange: (val: boolean) => void;\n        splitMode?: MarkdownEditorSplitMode;\n        splitModeEnabled?: boolean;\n        onSplitModeChange?: (splitModeEnabled: boolean) => void;\n        disableMark?: boolean;\n        zIndex?: number;\n    };\n\nconst mdHelpPlacement: PopupPlacement = ['bottom', 'bottom-end', 'right-start', 'right', 'left'];\n\nconst SettingsContent: React.FC<SettingsContentProps> = function SettingsContent({\n    mode,\n    onClose,\n    onModeChange,\n    toolbarVisibility,\n    onToolbarVisibilityChange,\n    onSplitModeChange,\n    splitMode = false,\n    splitModeEnabled,\n    className,\n    showPreview,\n    settingsVisible,\n    qa,\n    disableMark,\n    zIndex,\n}) {\n    const isSettingsArray = Array.isArray(settingsVisible);\n    const showModeSetting = isSettingsArray ? settingsVisible?.includes('mode') : true;\n    const showToolbarSetting = isSettingsArray ? settingsVisible?.includes('toolbar') : true;\n    const showSplitModeSetting = isSettingsArray ? settingsVisible?.includes('split') : true;\n\n    return (\n        <div className={bContent(null, [className])} data-qa={qa}>\n            {showModeSetting && (\n                <Menu size=\"l\" className={bContent('mode')}>\n                    <Menu.Item\n                        qa=\"g-md-settings-mode-wysiwyg\"\n                        active={mode === 'wysiwyg'}\n                        onClick={() => {\n                            onModeChange('wysiwyg');\n                            onClose();\n                        }}\n                        iconStart={<Icon data={WysiwygModeIcon} />}\n                    >\n                        {i18n('settings_wysiwyg')}\n                    </Menu.Item>\n                    <Menu.Item\n                        qa=\"g-md-settings-mode-markup\"\n                        active={mode === 'markup'}\n                        onClick={() => {\n                            onModeChange('markup');\n                            onClose();\n                        }}\n                        iconStart={<Icon data={LogoMarkdown} />}\n                    >\n                        {i18n('settings_markup')}\n                        {!disableMark && (\n                            <HelpMark\n                                popoverProps={{\n                                    placement: mdHelpPlacement,\n                                    modal: false,\n                                    zIndex,\n                                }}\n                                className={bContent('mode-help')}\n                            >\n                                <div\n                                    onClick={(e) => {\n                                        // stop clicks propagation\n                                        // because otherwise click in MarkdownHints handled as click on MenuItem\n                                        e.stopPropagation();\n                                    }}\n                                >\n                                    <MarkdownHints />\n                                </div>\n                            </HelpMark>\n                        )}\n                    </Menu.Item>\n                </Menu>\n            )}\n            {showModeSetting && (showSplitModeSetting || showToolbarSetting) && (\n                <div className={bContent('separator')} />\n            )}\n            {showToolbarSetting && !showPreview && (\n                <CheckboxWithHint\n                    checked={toolbarVisibility}\n                    className={bContent('toolbar')}\n                    onUpdate={onToolbarVisibilityChange}\n                    title={i18n('settings_menubar')}\n                    hint={i18n('settings_hint')}\n                />\n            )}\n            {showSplitModeSetting && splitMode && (\n                <CheckboxWithHint\n                    checked={splitModeEnabled}\n                    disabled={mode !== 'markup'}\n                    className={bContent('split-mode')}\n                    onUpdate={onSplitModeChange ?? noop}\n                    title={i18n('settings_split-mode')}\n                    hint={i18n('settings_split-mode-hint')}\n                />\n            )}\n            <Text variant=\"code-inline-1\" className={bContent('version')}>\n                {VERSION}\n            </Text>\n        </div>\n    );\n};\n\ntype CheckboxWithHintProps = {\n    checked?: boolean;\n    disabled?: boolean;\n    onUpdate: CheckboxProps['onUpdate'];\n    title: string;\n    hint: string;\n    className: string;\n};\n\nfunction CheckboxWithHint({\n    checked,\n    disabled,\n    onUpdate,\n    title,\n    hint,\n    className,\n}: CheckboxWithHintProps) {\n    return (\n        <Box spacing={{px: 4, pt: 2, pb: 3}} className={bContent('check-box', className)}>\n            <Checkbox size=\"m\" disabled={disabled} checked={checked} onUpdate={onUpdate}>\n                {title}\n            </Checkbox>\n            <Text as=\"div\" color=\"secondary\" className={bContent('check-hint', sp({mt: 1, pl: 6}))}>\n                {hint}\n            </Text>\n        </Box>\n    );\n}\n"]}

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

@@ -145,6 +145,8 @@ export type MarkdownEditorMarkupConfig = {
     languageData?: YfmLangOptions['languageData'];
     /** Config for @codemirror/autocomplete https://codemirror.net/docs/ref/#autocomplete.autocompletion%5Econfig */
     autocompletion?: CreateCodemirrorParams['autocompletion'];
+    /** Config for tooltips https://codemirror.net/docs/ref/#view.tooltips */
+    tooltips?: CreateCodemirrorParams['tooltips'];
     /**
      * The function, used to determine if the pasted text is the image url and should be inserted as an image
      */

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

@@ -1 +1 @@
-{"version":3,"file":"types.js","sourceRoot":"../../../src","sources":["bundle/types.ts"],"names":[],"mappings":";AAAA,mDAAmD","sourcesContent":["// public types, re-exported in src/bundle/index.ts\n\nimport type {ReactNode} from 'react';\n\nimport type {MarkupString} from '../common';\nimport type {EscapeConfig, Extension} from '../core';\nimport type {Logger2} from '../logger';\nimport type {CreateCodemirrorParams, YfmLangOptions} from '../markup';\nimport type {FileUploadHandler} from '../utils';\nimport type {DirectiveSyntaxContext, DirectiveSyntaxOption} from '../utils/directive';\n\nimport type {ChangeEditorModeOptions} from './Editor';\nimport type {ExtensionsOptions as WysiwygPresetExtensionsOptions} from './wysiwyg-preset';\n\nexport type {Editor as MarkdownEditorInstance} from './Editor';\nexport type MarkdownEditorMode = 'wysiwyg' | 'markup';\nexport type MarkdownEditorPreset = 'zero' | 'commonmark' | 'default' | 'yfm' | 'full';\nexport type MarkdownEditorSplitMode = false | 'horizontal' | 'vertical';\n\nexport type RenderPreviewParams = {\n    getValue: () => MarkupString;\n    mode: 'preview' | 'split';\n    md: Readonly<MarkdownEditorMdOptions>;\n    directiveSyntax: Pick<DirectiveSyntaxContext, 'option' | 'valueFor' | 'mdPluginValueFor'>;\n};\nexport type RenderPreview = (params: RenderPreviewParams) => ReactNode;\n\nexport type ParseInsertedUrlAsImage = (text: string) => {imageUrl: string; title?: string} | null;\n\nexport type WysiwygPlaceholderOptions = {\n    value?: string | (() => string);\n    /**\n     * Default – empty-doc.\n     *\n     * Values:\n     * - 'empty-doc' – The placeholder will only be shown when the document is completely empty;\n     * - 'empty-row-top-level' – The placeholder will be displayed in an empty line that is at the top level of the document structure;\n     * - 'empty-row' – The placeholder will be shown in any empty line within the document, regardless of its nesting level.\n     */\n    behavior?: 'empty-doc' | 'empty-row-top-level' | 'empty-row';\n};\n\nexport type MarkdownEditorMdOptions = {\n    html?: boolean;\n    breaks?: boolean;\n    linkify?: boolean;\n    linkifyTlds?: string | string[];\n};\n\nexport type MarkdownEditorInitialOptions = {\n    markup?: MarkupString;\n    /** Default – wysiwyg */\n    mode?: MarkdownEditorMode;\n    /** Default – true */\n    toolbarVisible?: boolean;\n    /**\n     * Default – false\n     *\n     * Note: has no effect if `MarkdownEditorMarkupConfig.splitMode` is set to false or is not set.\n     */\n    splitModeEnabled?: boolean;\n};\n\nexport type MarkdownEditorHandlers = {\n    /** Pass this handler to allow uploading files from device. */\n    uploadFile?: FileUploadHandler;\n};\n\nexport type MarkdownEditorExperimentalOptions = {\n    /**\n     * If we need to set dimensions for uploaded images\n     * @default false\n     */\n    needToSetDimensionsForUploadedImages?: boolean;\n    /**\n     * If we need to enable new image size calculations\n     * @default false\n     */\n    enableNewImageSizeCalculation?: boolean;\n    /**\n     * Called before switching from the markup editor to the wysiwyg editor.\n     * You can use it to pre-process the value from the markup editor before it gets into the wysiwyg editor.\n     */\n    prepareRawMarkup?: (value: MarkupString) => MarkupString;\n    beforeEditorModeChange?: (\n        options: Pick<ChangeEditorModeOptions, 'mode' | 'reason'>,\n    ) => boolean | undefined;\n    /**\n     * Enables support of directive syntax for diplodoc (YFM) extensions.\n     *\n     * **Note:** This setting affects parsing of markdown markup and serializing to markdown markup.\n     * Be careful with it and use it in consistency with diplodoc/transform and diplodoc-extensions.\n     *\n     * Before enabling this option, make sure that appropriate versions of diplodoc/transform and diplodoc-extensions are installed.\n     *\n     * You can pass an object in `key:value` format to provide different behaviour for each extension individually.\n     *\n     * Values:\n     * - 'disabled' – directive syntax is disabled;\n     * - 'enabled' – directive syntax is enabled. Syntax of existing blocks is preserved. New blocks will be serialized using old syntax;\n     * - 'preserve' – directive syntax is enabled. Syntax of existing blocks is preserved. New blocks will be serialized using directive syntax;\n     * - 'overwrite' – existing blocks will be overwritten using directive syntax through serialization;\n     * - 'only' – old syntax is disabled, only directive syntax available. Blocks in old syntax will not be parsed.\n     *\n     * Default value is 'disabled'.\n     */\n    directiveSyntax?: DirectiveSyntaxOption;\n    /**\n     * If we need support for empty strings\n     * @default false\n     */\n    preserveEmptyRows?: boolean;\n    /**\n     * Preserves the original formatting of unmodified blocks,\n     * restoring their structure during serialization\n     *\n     * **Use case:** Maintain consistent markup when switching modes\n     *\n     * **Note:** Applies to tracked blocks: `yfm_table`\n     * @default false\n     */\n    preserveMarkupFormatting?: boolean;\n};\n\nexport type MarkdownEditorMarkupConfig = {\n    /**\n     * Pass the rendering function to preview the markdown content.\n     *\n     * It is also used for split view rendering.\n     *\n     * If false is passed, preview will be disabled.\n     */\n    renderPreview?: RenderPreview;\n    /**\n     * Pass position of split view.\n     *\n     * Note: for enable split view, you need to pass renderPreview function too.\n     *\n     * If false is passed, split view will be disabled.\n     */\n    splitMode?: MarkdownEditorSplitMode;\n    /** Additional extensions for codemirror instance. */\n    extensions?: CreateCodemirrorParams['extensions'];\n    /** Can be used to disable some of the default extensions */\n    disabledExtensions?: CreateCodemirrorParams['disabledExtensions'];\n    /** Additional keymaps for codemirror instance */\n    keymaps?: CreateCodemirrorParams['keymaps'];\n    /** Overrides the default placeholder content. */\n    placeholder?: CreateCodemirrorParams['placeholder'];\n    /** Enable HTML parsing when pasting content. */\n    parseHtmlOnPaste?: boolean;\n    /**\n     * Additional language data for markdown language in codemirror.\n     * Can be used to configure additional autocompletions and others.\n     * See more https://codemirror.net/docs/ref/#state.EditorState.languageDataAt\n     */\n    languageData?: YfmLangOptions['languageData'];\n    /** Config for @codemirror/autocomplete https://codemirror.net/docs/ref/#autocomplete.autocompletion%5Econfig */\n    autocompletion?: CreateCodemirrorParams['autocompletion'];\n    /**\n     * The function, used to determine if the pasted text is the image url and should be inserted as an image\n     */\n    parseInsertedUrlAsImage?: ParseInsertedUrlAsImage;\n    /**\n     * Show search panel in the editor.\n     * @default true\n     */\n    searchPanel?: boolean;\n};\n\n// do not export this type\ntype ExtensionsOptions<T extends object = {}> = Omit<\n    WysiwygPresetExtensionsOptions,\n    'reactRenderer'\n> &\n    T;\n\nexport type MarkdownEditorWysiwygConfig = {\n    /** Additional extensions */\n    extensions?: Extension;\n    extensionOptions?: ExtensionsOptions;\n    escapeConfig?: EscapeConfig;\n    placeholderOptions?: WysiwygPlaceholderOptions;\n    // MAJOR: remove markdown-it-attrs\n    /**\n     * Disable the markdown-it-attrs plugin in the markup parser.\n     *\n     * Note: The use of the markdown-it-attrs plugin will be removed in the next major version.\n     */\n    disableMarkdownAttrs?: boolean;\n    /**\n     * Show search panel in the editor.\n     * @default true\n     */\n    searchPanel?: boolean;\n};\n\nexport type MarkdownEditorOptions = {\n    /**\n     * A set of plug-in extensions.\n     * @default 'full'\n     */\n    preset?: MarkdownEditorPreset;\n    /** Markdown parser options */\n    md?: MarkdownEditorMdOptions;\n    /** Initial values */\n    initial?: MarkdownEditorInitialOptions;\n    handlers?: MarkdownEditorHandlers;\n    experimental?: MarkdownEditorExperimentalOptions;\n    /** Options for markup mode */\n    markupConfig?: MarkdownEditorMarkupConfig;\n    /** Options for wysiwyg mode */\n    wysiwygConfig?: MarkdownEditorWysiwygConfig;\n    logger?: Logger2.ILogger;\n    /** Mobile view */\n    mobile?: boolean;\n};\n"]}
+{"version":3,"file":"types.js","sourceRoot":"../../../src","sources":["bundle/types.ts"],"names":[],"mappings":";AAAA,mDAAmD","sourcesContent":["// public types, re-exported in src/bundle/index.ts\n\nimport type {ReactNode} from 'react';\n\nimport type {MarkupString} from '../common';\nimport type {EscapeConfig, Extension} from '../core';\nimport type {Logger2} from '../logger';\nimport type {CreateCodemirrorParams, YfmLangOptions} from '../markup';\nimport type {FileUploadHandler} from '../utils';\nimport type {DirectiveSyntaxContext, DirectiveSyntaxOption} from '../utils/directive';\n\nimport type {ChangeEditorModeOptions} from './Editor';\nimport type {ExtensionsOptions as WysiwygPresetExtensionsOptions} from './wysiwyg-preset';\n\nexport type {Editor as MarkdownEditorInstance} from './Editor';\nexport type MarkdownEditorMode = 'wysiwyg' | 'markup';\nexport type MarkdownEditorPreset = 'zero' | 'commonmark' | 'default' | 'yfm' | 'full';\nexport type MarkdownEditorSplitMode = false | 'horizontal' | 'vertical';\n\nexport type RenderPreviewParams = {\n    getValue: () => MarkupString;\n    mode: 'preview' | 'split';\n    md: Readonly<MarkdownEditorMdOptions>;\n    directiveSyntax: Pick<DirectiveSyntaxContext, 'option' | 'valueFor' | 'mdPluginValueFor'>;\n};\nexport type RenderPreview = (params: RenderPreviewParams) => ReactNode;\n\nexport type ParseInsertedUrlAsImage = (text: string) => {imageUrl: string; title?: string} | null;\n\nexport type WysiwygPlaceholderOptions = {\n    value?: string | (() => string);\n    /**\n     * Default – empty-doc.\n     *\n     * Values:\n     * - 'empty-doc' – The placeholder will only be shown when the document is completely empty;\n     * - 'empty-row-top-level' – The placeholder will be displayed in an empty line that is at the top level of the document structure;\n     * - 'empty-row' – The placeholder will be shown in any empty line within the document, regardless of its nesting level.\n     */\n    behavior?: 'empty-doc' | 'empty-row-top-level' | 'empty-row';\n};\n\nexport type MarkdownEditorMdOptions = {\n    html?: boolean;\n    breaks?: boolean;\n    linkify?: boolean;\n    linkifyTlds?: string | string[];\n};\n\nexport type MarkdownEditorInitialOptions = {\n    markup?: MarkupString;\n    /** Default – wysiwyg */\n    mode?: MarkdownEditorMode;\n    /** Default – true */\n    toolbarVisible?: boolean;\n    /**\n     * Default – false\n     *\n     * Note: has no effect if `MarkdownEditorMarkupConfig.splitMode` is set to false or is not set.\n     */\n    splitModeEnabled?: boolean;\n};\n\nexport type MarkdownEditorHandlers = {\n    /** Pass this handler to allow uploading files from device. */\n    uploadFile?: FileUploadHandler;\n};\n\nexport type MarkdownEditorExperimentalOptions = {\n    /**\n     * If we need to set dimensions for uploaded images\n     * @default false\n     */\n    needToSetDimensionsForUploadedImages?: boolean;\n    /**\n     * If we need to enable new image size calculations\n     * @default false\n     */\n    enableNewImageSizeCalculation?: boolean;\n    /**\n     * Called before switching from the markup editor to the wysiwyg editor.\n     * You can use it to pre-process the value from the markup editor before it gets into the wysiwyg editor.\n     */\n    prepareRawMarkup?: (value: MarkupString) => MarkupString;\n    beforeEditorModeChange?: (\n        options: Pick<ChangeEditorModeOptions, 'mode' | 'reason'>,\n    ) => boolean | undefined;\n    /**\n     * Enables support of directive syntax for diplodoc (YFM) extensions.\n     *\n     * **Note:** This setting affects parsing of markdown markup and serializing to markdown markup.\n     * Be careful with it and use it in consistency with diplodoc/transform and diplodoc-extensions.\n     *\n     * Before enabling this option, make sure that appropriate versions of diplodoc/transform and diplodoc-extensions are installed.\n     *\n     * You can pass an object in `key:value` format to provide different behaviour for each extension individually.\n     *\n     * Values:\n     * - 'disabled' – directive syntax is disabled;\n     * - 'enabled' – directive syntax is enabled. Syntax of existing blocks is preserved. New blocks will be serialized using old syntax;\n     * - 'preserve' – directive syntax is enabled. Syntax of existing blocks is preserved. New blocks will be serialized using directive syntax;\n     * - 'overwrite' – existing blocks will be overwritten using directive syntax through serialization;\n     * - 'only' – old syntax is disabled, only directive syntax available. Blocks in old syntax will not be parsed.\n     *\n     * Default value is 'disabled'.\n     */\n    directiveSyntax?: DirectiveSyntaxOption;\n    /**\n     * If we need support for empty strings\n     * @default false\n     */\n    preserveEmptyRows?: boolean;\n    /**\n     * Preserves the original formatting of unmodified blocks,\n     * restoring their structure during serialization\n     *\n     * **Use case:** Maintain consistent markup when switching modes\n     *\n     * **Note:** Applies to tracked blocks: `yfm_table`\n     * @default false\n     */\n    preserveMarkupFormatting?: boolean;\n};\n\nexport type MarkdownEditorMarkupConfig = {\n    /**\n     * Pass the rendering function to preview the markdown content.\n     *\n     * It is also used for split view rendering.\n     *\n     * If false is passed, preview will be disabled.\n     */\n    renderPreview?: RenderPreview;\n    /**\n     * Pass position of split view.\n     *\n     * Note: for enable split view, you need to pass renderPreview function too.\n     *\n     * If false is passed, split view will be disabled.\n     */\n    splitMode?: MarkdownEditorSplitMode;\n    /** Additional extensions for codemirror instance. */\n    extensions?: CreateCodemirrorParams['extensions'];\n    /** Can be used to disable some of the default extensions */\n    disabledExtensions?: CreateCodemirrorParams['disabledExtensions'];\n    /** Additional keymaps for codemirror instance */\n    keymaps?: CreateCodemirrorParams['keymaps'];\n    /** Overrides the default placeholder content. */\n    placeholder?: CreateCodemirrorParams['placeholder'];\n    /** Enable HTML parsing when pasting content. */\n    parseHtmlOnPaste?: boolean;\n    /**\n     * Additional language data for markdown language in codemirror.\n     * Can be used to configure additional autocompletions and others.\n     * See more https://codemirror.net/docs/ref/#state.EditorState.languageDataAt\n     */\n    languageData?: YfmLangOptions['languageData'];\n    /** Config for @codemirror/autocomplete https://codemirror.net/docs/ref/#autocomplete.autocompletion%5Econfig */\n    autocompletion?: CreateCodemirrorParams['autocompletion'];\n    /** Config for tooltips https://codemirror.net/docs/ref/#view.tooltips */\n    tooltips?: CreateCodemirrorParams['tooltips'];\n    /**\n     * The function, used to determine if the pasted text is the image url and should be inserted as an image\n     */\n    parseInsertedUrlAsImage?: ParseInsertedUrlAsImage;\n    /**\n     * Show search panel in the editor.\n     * @default true\n     */\n    searchPanel?: boolean;\n};\n\n// do not export this type\ntype ExtensionsOptions<T extends object = {}> = Omit<\n    WysiwygPresetExtensionsOptions,\n    'reactRenderer'\n> &\n    T;\n\nexport type MarkdownEditorWysiwygConfig = {\n    /** Additional extensions */\n    extensions?: Extension;\n    extensionOptions?: ExtensionsOptions;\n    escapeConfig?: EscapeConfig;\n    placeholderOptions?: WysiwygPlaceholderOptions;\n    // MAJOR: remove markdown-it-attrs\n    /**\n     * Disable the markdown-it-attrs plugin in the markup parser.\n     *\n     * Note: The use of the markdown-it-attrs plugin will be removed in the next major version.\n     */\n    disableMarkdownAttrs?: boolean;\n    /**\n     * Show search panel in the editor.\n     * @default true\n     */\n    searchPanel?: boolean;\n};\n\nexport type MarkdownEditorOptions = {\n    /**\n     * A set of plug-in extensions.\n     * @default 'full'\n     */\n    preset?: MarkdownEditorPreset;\n    /** Markdown parser options */\n    md?: MarkdownEditorMdOptions;\n    /** Initial values */\n    initial?: MarkdownEditorInitialOptions;\n    handlers?: MarkdownEditorHandlers;\n    experimental?: MarkdownEditorExperimentalOptions;\n    /** Options for markup mode */\n    markupConfig?: MarkdownEditorMarkupConfig;\n    /** Options for wysiwyg mode */\n    wysiwygConfig?: MarkdownEditorWysiwygConfig;\n    logger?: Logger2.ILogger;\n    /** Mobile view */\n    mobile?: boolean;\n};\n"]}

package/build/cjs/core/types/serializer.d.ts

@@ -3,5 +3,10 @@ declare module 'prosemirror-model' {
     interface NodeSpec {
         /** Default false */
         isBreak?: boolean;
+        /**
+         * For non default textblocks.
+         * Set true if textblock can contain line breaks (soft-break or/and hard-break).
+         */
+        canContainBreaks?: boolean;
     }
 }

package/build/cjs/core/types/serializer.js.map

@@ -1 +1 @@
-{"version":3,"file":"serializer.js","sourceRoot":"../../../../src","sources":["core/types/serializer.ts"],"names":[],"mappings":"","sourcesContent":["export type {\n    MarkdownSerializerState as SerializerState,\n    SerializerNodeToken,\n    SerializerMarkToken,\n    MarkdownSerializer as Serializer,\n} from '../markdown/MarkdownSerializer';\n\ndeclare module 'prosemirror-model' {\n    interface NodeSpec {\n        /** Default false */\n        isBreak?: boolean;\n    }\n}\n"]}
+{"version":3,"file":"serializer.js","sourceRoot":"../../../../src","sources":["core/types/serializer.ts"],"names":[],"mappings":"","sourcesContent":["export type {\n    MarkdownSerializerState as SerializerState,\n    SerializerNodeToken,\n    SerializerMarkToken,\n    MarkdownSerializer as Serializer,\n} from '../markdown/MarkdownSerializer';\n\ndeclare module 'prosemirror-model' {\n    interface NodeSpec {\n        /** Default false */\n        isBreak?: boolean;\n        /**\n         * For non default textblocks.\n         * Set true if textblock can contain line breaks (soft-break or/and hard-break).\n         */\n        canContainBreaks?: boolean;\n    }\n}\n"]}

package/build/cjs/extensions/behavior/Search/SearchViewPlugin.js

@@ -5,6 +5,7 @@ const prosemirror_search_1 = require("prosemirror-search");
 const state_1 = require("../../../pm/state.js");
 const utils_1 = require("../../../pm/utils.js");
 const search_1 = require("../../../modules/search/index.js");
+const dom_1 = require("../../../utils/dom.js");
 const ReactRenderer_1 = require("../ReactRenderer/index.js");
 const commands_1 = require("./commands.js");
 const const_1 = require("./const.js");
@@ -102,6 +103,16 @@ class SeachPluginView {
                 onSearchNext: this._onSearchNext,
                 onReplaceNext: this._onReplaceNext,
                 onReplaceAll: this._onReplaceAll,
+                intersectionTracking: {
+                    container: this._view.dom,
+                    selector: `.${const_1.SearchClassName.ActiveMatch}`,
+                    observerOptions: {
+                        childList: true,
+                        subtree: true,
+                        attributes: true,
+                        attributeFilter: ['class'],
+                    },
+                },
             });
         });
     }
@@ -137,9 +148,11 @@ class SeachPluginView {
     };
     _onSearchPrev = () => {
         this._preserveFocus(commands_1.findPrev);
+        requestAnimationFrame(() => this._scrollToActiveIfNeeded());
     };
     _onSearchNext = () => {
         this._preserveFocus(commands_1.findNext);
+        requestAnimationFrame(() => this._scrollToActiveIfNeeded());
     };
     _onReplaceNext = () => {
         this._preserveFocus(commands_1.replaceNext);
@@ -153,5 +166,16 @@ class SeachPluginView {
         command(this._view.state, this._view.dispatch, this._view);
         this._focusManager.restoreFocus({ preventScroll: true });
     }
+    _scrollToActiveIfNeeded = () => {
+        const activeElem = this._view.dom
+            .getElementsByClassName(const_1.SearchClassName.ActiveMatch)
+            .item(0);
+        if (activeElem && !(0, dom_1.isElementInViewport)(activeElem)) {
+            activeElem.scrollIntoView({
+                block: 'nearest',
+                inline: 'nearest',
+            });
+        }
+    };
 }
 //# sourceMappingURL=SearchViewPlugin.js.map

package/build/cjs/extensions/behavior/Search/SearchViewPlugin.js.map

@@ -1 +1 @@
-{"version":3,"file":"SearchViewPlugin.js","sourceRoot":"../../../../../src","sources":["extensions/behavior/Search/SearchViewPlugin.ts"],"names":[],"mappings":";;;AAAA,2DAAkG;AAGlG,gDAA+E;AAC/E,gDAAqD;AAErD,6DAA2F;AAE3F,6DAA2D;AAE3D,4CAAoF;AACpF,sCAAkC;AAClC,kDAA+C;AAE/C,gEAAsD;AACtD,4DAAmD;AACnD,8DAAkD;AAElD,+BAA8B;AAMvB,MAAM,gBAAgB,GAAG,CAAC,MAA8B,EAAE,EAAE;IAC/D,OAAO,IAAI,cAAM,CAAkB;QAC/B,GAAG,EAAE,iBAAS;QACd,KAAK,EAAE;YACH,aAAa,EAAE,8BAAgB;SAClC;QACD,KAAK,EAAE;YACH,IAAI,EAAE,GAAG,EAAE,CAAC,CAAC,EAAC,IAAI,EAAE,KAAK,EAAC,CAAC;YAC3B,KAAK,CAAC,EAAE,EAAE,KAAK,EAAE,SAAS,EAAE,SAAS;gBACjC,MAAM,QAAQ,GAAG,EAAE,CAAC,OAAO,CAAC,iBAAS,CAAgC,CAAC;gBACtE,IAAI,OAAO,QAAQ,KAAK,QAAQ;oBAAE,OAAO,QAAQ,CAAC;gBAClD,OAAO,KAAK,CAAC;YACjB,CAAC;SACJ;QACD,IAAI,CAAC,IAAI;YACL,OAAO,IAAI,eAAe,CAAC,IAAI,EAAE,MAAM,CAAC,CAAC;QAC7C,CAAC;KACJ,CAAC,CAAC;AACP,CAAC,CAAC;AAlBW,QAAA,gBAAgB,oBAkB3B;AAEF,MAAM,eAAe;IACA,KAAK,CAAa;IAClB,SAAS,CAAC;IACV,aAAa,CAAe;IAC5B,sBAAsB,CAAC;IAEhC,QAAQ,CAAgB;IACxB,eAAe,CAAU;IACzB,UAAU,CAA8B;IACxC,YAAY,CAA0B;IAE9C,YAAY,IAAgB,EAAE,MAA8B;QACxD,IAAI,CAAC,KAAK,GAAG,IAAI,CAAC;QAClB,IAAI,CAAC,UAAU,GAAG,iBAAS,CAAC,QAAQ,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;QACjD,IAAI,CAAC,YAAY,GAAG,IAAA,mCAAc,EAAC,IAAI,CAAC,KAAK,CAAC,EAAE,KAAK,CAAC;QACtD,IAAI,CAAC,QAAQ,GAAG,IAAA,2BAAU,EAAC,IAAI,CAAC,KAAK,CAAC,CAAC;QACvC,IAAI,CAAC,eAAe,GAAG,IAAI,CAAC,GAAG,CAAC,aAAa,CAAC,QAAQ,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;QAEjE,IAAI,CAAC,SAAS,GAAG,IAAI,CAAC,eAAe,CAAC,MAAM,CAAC,CAAC;QAC9C,IAAI,CAAC,aAAa,GAAG,IAAI,4BAAY,CAAC,IAAI,CAAC,GAAG,CAAC,aAAa,CAAC,CAAC;QAE9D,kFAAkF;QAClF,2GAA2G;QAC3G,+DAA+D;QAC/D,IAAI,CAAC,sBAAsB,GAAG,IAAA,+BAAa,EAAC,IAAI,CAAC,GAAG,EAAE;YAClD,SAAS,EAAE,IAAI,CAAC,yBAAyB;YACzC,YAAY,EAAE,IAAI,CAAC,4BAA4B;SAClD,CAAC,CAAC;IACP,CAAC;IAED,MAAM;QACF,MAAM,UAAU,GAAG,IAAA,2BAAU,EAAC,IAAI,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC;QAChD,MAAM,YAAY,GAAG,iBAAS,CAAC,QAAQ,CAAC,IAAI,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC;QAC1D,MAAM,cAAc,GAAG,IAAA,mCAAc,EAAC,IAAI,CAAC,KAAK,CAAC,KAAK,CAAC,EAAE,KAAK,CAAC;QAE/D,IACI,YAAY,KAAK,IAAI,CAAC,UAAU;YAChC,cAAc,KAAK,IAAI,CAAC,YAAY;YACpC,UAAU,CAAC,KAAK,KAAK,IAAI,CAAC,QAAQ,CAAC,KAAK;YACxC,UAAU,CAAC,OAAO,KAAK,IAAI,CAAC,QAAQ,CAAC,OAAO,EAC9C,CAAC;YACC,IAAI,CAAC,QAAQ,GAAG,UAAU,CAAC;YAC3B,IAAI,CAAC,UAAU,GAAG,YAAY,CAAC;YAC/B,IAAI,CAAC,YAAY,GAAG,cAAc,CAAC;YACnC,IAAI,CAAC,SAAS,CAAC,QAAQ,EAAE,CAAC;QAC9B,CAAC;IACL,CAAC;IAED,OAAO;QACH,IAAI,CAAC,SAAS,CAAC,MAAM,EAAE,CAAC;QACxB,IAAI,CAAC,sBAAsB,EAAE,CAAC;IAClC,CAAC;IAEO,yBAAyB,GAAG,GAAG,EAAE;QACrC,IAAI,CAAC,eAAe,GAAG,IAAI,CAAC;QAC5B,IAAI,CAAC,SAAS,CAAC,QAAQ,EAAE,CAAC;IAC9B,CAAC,CAAC;IAEM,4BAA4B,GAAG,GAAG,EAAE;QACxC,IAAI,CAAC,eAAe,GAAG,KAAK,CAAC;QAC7B,IAAI,CAAC,QAAQ,EAAE,CAAC;IACpB,CAAC,CAAC;IAEM,eAAe,CAAC,MAAsD;QAC1E,OAAO,IAAA,yCAAyB,EAAC,IAAI,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC,UAAU,CAAC,aAAa,EAAE,GAAG,EAAE;YAC9E,MAAM,EACF,UAAU,EAAE,SAAS,EACrB,YAAY,EAAE,WAAW,EACzB,eAAe,EAAE,YAAY,GAChC,GAAG,IAAI,CAAC;YAET,IAAI,CAAC,YAAY,IAAI,CAAC,SAAS,EAAE,IAAI,IAAI,CAAC,WAAW;gBAAE,OAAO,IAAI,CAAC;YAEnE,MAAM,MAAM,GAAG,IAAI,CAAC,KAAK,CAAC,GAAG,CAAC,aAAa,CAAC,aAAa,CAAC,MAAM,CAAC,cAAc,CAAC,CAAC;YAEjF,OAAO,IAAA,0BAAiB,EAAC;gBACrB,MAAM;gBACN,IAAI,EAAE,SAAS,CAAC,IAAI;gBACpB,OAAO,EAAE,IAAI,CAAC,QAAQ;gBACtB,KAAK,EAAE,WAAW;gBAClB,OAAO,EAAE,IAAI,CAAC,QAAQ;gBACtB,QAAQ,EAAE,IAAI,CAAC,SAAS;gBACxB,YAAY,EAAE,IAAI,CAAC,aAAa;gBAChC,YAAY,EAAE,IAAI,CAAC,aAAa;gBAChC,aAAa,EAAE,IAAI,CAAC,cAAc;gBAClC,YAAY,EAAE,IAAI,CAAC,aAAa;aACnC,CAAC,CAAC;QACP,CAAC,CAAC,CAAC;IACP,CAAC;IAEO,SAAS,GAAG,CAAC,MAAmB,EAAE,EAAE;QACxC,MAAM,EAAC,KAAK,EAAE,QAAQ,EAAC,GAAG,IAAI,CAAC,KAAK,CAAC;QAErC,MAAM,KAAK,GAAG,IAAI,gCAAW,CAAC;YAC1B,MAAM,EAAE,MAAM,CAAC,MAAM;YACrB,OAAO,EAAE,MAAM,CAAC,OAAO;YACvB,aAAa,EAAE,MAAM,CAAC,aAAa;YACnC,SAAS,EAAE,MAAM,CAAC,SAAS;SAC9B,CAAC,CAAC;QAEH,MAAM,EAAE,GAAG,IAAA,mCAAc,EAAC,KAAK,CAAC,EAAE,EAAE,KAAK,CAAC,CAAC;QAC3C,MAAM,EAAC,KAAK,EAAE,GAAG,EAAC,GAAG,EAAE,CAAC,SAAS,CAAC;QAClC,MAAM,MAAM,GAAG,IAAA,kCAA0B,EAAC,KAAK,EAAE,CAAC,IAAU,EAAE,EAAE,CAAC,IAAI,CAAC,IAAI,CAAC,WAAW,CAAC,CAAC;QAExF,IAAI,MAAM,GAAwB,IAAI,CAAC;QACvC,yCAAyC;QACzC,IAAI,MAAM;YAAE,MAAM,GAAG,KAAK,CAAC,QAAQ,CAAC,KAAK,EAAE,KAAK,CAAC,GAAG,EAAE,MAAM,CAAC,GAAG,GAAG,MAAM,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC;QACzF,uDAAuD;QACvD,IAAI,CAAC,MAAM;YAAE,MAAM,GAAG,KAAK,CAAC,QAAQ,CAAC,KAAK,EAAE,MAAM,EAAE,GAAG,IAAI,KAAK,CAAC,GAAG,CAAC,CAAC;QACtE,uDAAuD;QACvD,IAAI,CAAC,MAAM;YAAE,MAAM,GAAG,KAAK,CAAC,QAAQ,CAAC,KAAK,EAAE,MAAM,EAAE,GAAG,IAAI,GAAG,CAAC,GAAG,CAAC,CAAC;QACpE,wBAAwB;QACxB,IAAI,MAAM;YAAE,EAAE,CAAC,YAAY,CAAC,qBAAa,CAAC,MAAM,CAAC,EAAE,CAAC,GAAG,EAAE,MAAM,CAAC,IAAI,EAAE,MAAM,CAAC,EAAE,CAAC,CAAC,CAAC;QAElF,QAAQ,CAAC,EAAE,CAAC,CAAC;IACjB,CAAC,CAAC;IAEM,QAAQ,GAAG,GAAG,EAAE;QACpB,IAAA,sBAAW,EAAC,IAAI,CAAC,KAAK,CAAC,KAAK,EAAE,IAAI,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAC;QACnD,IAAI,CAAC,KAAK,CAAC,KAAK,EAAE,CAAC;IACvB,CAAC,CAAC;IAEM,aAAa,GAAG,GAAG,EAAE;QACzB,IAAI,CAAC,cAAc,CAAC,mBAAQ,CAAC,CAAC;IAClC,CAAC,CAAC;IAEM,aAAa,GAAG,GAAG,EAAE;QACzB,IAAI,CAAC,cAAc,CAAC,mBAAQ,CAAC,CAAC;IAClC,CAAC,CAAC;IAEM,cAAc,GAAG,GAAG,EAAE;QAC1B,IAAI,CAAC,cAAc,CAAC,sBAAW,CAAC,CAAC;IACrC,CAAC,CAAC;IAEM,aAAa,GAAG,GAAG,EAAE;QACzB,IAAI,CAAC,cAAc,CAAC,qBAAU,CAAC,CAAC;IACpC,CAAC,CAAC;IAEM,cAAc,CAAC,OAAgB;QACnC,IAAI,CAAC,aAAa,CAAC,UAAU,EAAE,CAAC;QAChC,IAAI,CAAC,KAAK,CAAC,KAAK,EAAE,CAAC;QACnB,OAAO,CAAC,IAAI,CAAC,KAAK,CAAC,KAAK,EAAE,IAAI,CAAC,KAAK,CAAC,QAAQ,EAAE,IAAI,CAAC,KAAK,CAAC,CAAC;QAC3D,IAAI,CAAC,aAAa,CAAC,YAAY,CAAC,EAAC,aAAa,EAAE,IAAI,EAAC,CAAC,CAAC;IAC3D,CAAC;CACJ","sourcesContent":["import {SearchQuery, type SearchResult, getSearchState, setSearchState} from 'prosemirror-search';\n\nimport type {Node} from '#pm/model';\nimport {type Command, Plugin, type PluginView, TextSelection} from '#pm/state';\nimport {findParentNodeClosestToPos} from '#pm/utils';\nimport type {EditorView} from '#pm/view';\nimport {type SearchCounter, type SearchState, renderSearchPopup} from 'src/modules/search';\n\nimport {getReactRendererFromState} from '../ReactRenderer';\n\nimport {closeSearch, findNext, findPrev, replaceAll, replaceNext} from './commands';\nimport {pluginKey} from './const';\nimport {searchKeyHandler} from './key-handler';\nimport type {SearchViewState} from './types';\nimport {startTracking} from './utils/connect-tracker';\nimport {FocusManager} from './utils/focus-manager';\nimport {getCounter} from './utils/search-counter';\n\nimport './search-plugin.scss';\n\nexport interface SearchViewPluginParams {\n    anchorSelector: string;\n}\n\nexport const searchViewPlugin = (params: SearchViewPluginParams) => {\n    return new Plugin<SearchViewState>({\n        key: pluginKey,\n        props: {\n            handleKeyDown: searchKeyHandler,\n        },\n        state: {\n            init: () => ({open: false}),\n            apply(tr, value, _oldState, _newState) {\n                const newValue = tr.getMeta(pluginKey) as SearchViewState | undefined;\n                if (typeof newValue === 'object') return newValue;\n                return value;\n            },\n        },\n        view(view) {\n            return new SeachPluginView(view, params);\n        },\n    });\n};\n\nclass SeachPluginView implements PluginView {\n    private readonly _view: EditorView;\n    private readonly _renderer;\n    private readonly _focusManager: FocusManager;\n    private readonly _viewDomTrackerDispose;\n\n    private _counter: SearchCounter;\n    private _isDomConnected: boolean;\n    private _viewState: SearchViewState | undefined;\n    private _searchState: SearchQuery | undefined;\n\n    constructor(view: EditorView, params: SearchViewPluginParams) {\n        this._view = view;\n        this._viewState = pluginKey.getState(view.state);\n        this._searchState = getSearchState(view.state)?.query;\n        this._counter = getCounter(view.state);\n        this._isDomConnected = view.dom.ownerDocument.contains(view.dom);\n\n        this._renderer = this._createRenderer(params);\n        this._focusManager = new FocusManager(view.dom.ownerDocument);\n\n        // uses MutationObserver to detect when view.dom is disconnected from the DOM tree\n        // TODO: replace with eventBus (subscribe to change-editor-mode event) to track when to hide the search bar\n        // see https://github.com/gravity-ui/markdown-editor/issues/884\n        this._viewDomTrackerDispose = startTracking(view.dom, {\n            onConnect: this._onEditorViewDomConnected,\n            onDisconnect: this._onEditorViewDomDisconnected,\n        });\n    }\n\n    update() {\n        const newCounter = getCounter(this._view.state);\n        const newViewState = pluginKey.getState(this._view.state);\n        const newSearchState = getSearchState(this._view.state)?.query;\n\n        if (\n            newViewState !== this._viewState ||\n            newSearchState !== this._searchState ||\n            newCounter.total !== this._counter.total ||\n            newCounter.current !== this._counter.current\n        ) {\n            this._counter = newCounter;\n            this._viewState = newViewState;\n            this._searchState = newSearchState;\n            this._renderer.rerender();\n        }\n    }\n\n    destroy() {\n        this._renderer.remove();\n        this._viewDomTrackerDispose();\n    }\n\n    private _onEditorViewDomConnected = () => {\n        this._isDomConnected = true;\n        this._renderer.rerender();\n    };\n\n    private _onEditorViewDomDisconnected = () => {\n        this._isDomConnected = false;\n        this._onClose();\n    };\n\n    private _createRenderer(params: Pick<SearchViewPluginParams, 'anchorSelector'>) {\n        return getReactRendererFromState(this._view.state).createItem('search-view', () => {\n            const {\n                _viewState: viewState,\n                _searchState: searchState,\n                _isDomConnected: domConnected,\n            } = this;\n\n            if (!domConnected || !viewState?.open || !searchState) return null;\n\n            const anchor = this._view.dom.ownerDocument.querySelector(params.anchorSelector);\n\n            return renderSearchPopup({\n                anchor,\n                open: viewState.open,\n                counter: this._counter,\n                state: searchState,\n                onClose: this._onClose,\n                onChange: this._onChange,\n                onSearchPrev: this._onSearchPrev,\n                onSearchNext: this._onSearchNext,\n                onReplaceNext: this._onReplaceNext,\n                onReplaceAll: this._onReplaceAll,\n            });\n        });\n    }\n\n    private _onChange = (config: SearchState) => {\n        const {state, dispatch} = this._view;\n\n        const query = new SearchQuery({\n            search: config.search,\n            replace: config.replace,\n            caseSensitive: config.caseSensitive,\n            wholeWord: config.wholeWord,\n        });\n\n        const tr = setSearchState(state.tr, query);\n        const {$from, $to} = tr.selection;\n        const parent = findParentNodeClosestToPos($from, (node: Node) => node.type.isTextblock);\n\n        let result: SearchResult | null = null;\n        // find match in [sel.$from, parent.$end]\n        if (parent) result = query.findNext(state, $from.pos, parent.pos + parent.node.nodeSize);\n        // find match in [parent.$start or sel.$from, doc.$end]\n        if (!result) result = query.findNext(state, parent?.pos || $from.pos);\n        // find match in [doc.$start, parent.$start or sel.$to]\n        if (!result) result = query.findPrev(state, parent?.pos || $to.pos);\n        // update text selection\n        if (result) tr.setSelection(TextSelection.create(tr.doc, result.from, result.to));\n\n        dispatch(tr);\n    };\n\n    private _onClose = () => {\n        closeSearch(this._view.state, this._view.dispatch);\n        this._view.focus();\n    };\n\n    private _onSearchPrev = () => {\n        this._preserveFocus(findPrev);\n    };\n\n    private _onSearchNext = () => {\n        this._preserveFocus(findNext);\n    };\n\n    private _onReplaceNext = () => {\n        this._preserveFocus(replaceNext);\n    };\n\n    private _onReplaceAll = () => {\n        this._preserveFocus(replaceAll);\n    };\n\n    private _preserveFocus(command: Command) {\n        this._focusManager.storeFocus();\n        this._view.focus();\n        command(this._view.state, this._view.dispatch, this._view);\n        this._focusManager.restoreFocus({preventScroll: true});\n    }\n}\n"]}
+{"version":3,"file":"SearchViewPlugin.js","sourceRoot":"../../../../../src","sources":["extensions/behavior/Search/SearchViewPlugin.ts"],"names":[],"mappings":"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","sourcesContent":["import {SearchQuery, type SearchResult, getSearchState, setSearchState} from 'prosemirror-search';\n\nimport type {Node} from '#pm/model';\nimport {type Command, Plugin, type PluginView, TextSelection} from '#pm/state';\nimport {findParentNodeClosestToPos} from '#pm/utils';\nimport type {EditorView} from '#pm/view';\nimport {type SearchCounter, type SearchState, renderSearchPopup} from 'src/modules/search';\nimport {isElementInViewport} from 'src/utils/dom';\n\nimport {getReactRendererFromState} from '../ReactRenderer';\n\nimport {closeSearch, findNext, findPrev, replaceAll, replaceNext} from './commands';\nimport {SearchClassName, pluginKey} from './const';\nimport {searchKeyHandler} from './key-handler';\nimport type {SearchViewState} from './types';\nimport {startTracking} from './utils/connect-tracker';\nimport {FocusManager} from './utils/focus-manager';\nimport {getCounter} from './utils/search-counter';\n\nimport './search-plugin.scss';\n\nexport interface SearchViewPluginParams {\n    anchorSelector: string;\n}\n\nexport const searchViewPlugin = (params: SearchViewPluginParams) => {\n    return new Plugin<SearchViewState>({\n        key: pluginKey,\n        props: {\n            handleKeyDown: searchKeyHandler,\n        },\n        state: {\n            init: () => ({open: false}),\n            apply(tr, value, _oldState, _newState) {\n                const newValue = tr.getMeta(pluginKey) as SearchViewState | undefined;\n                if (typeof newValue === 'object') return newValue;\n                return value;\n            },\n        },\n        view(view) {\n            return new SeachPluginView(view, params);\n        },\n    });\n};\n\nclass SeachPluginView implements PluginView {\n    private readonly _view: EditorView;\n    private readonly _renderer;\n    private readonly _focusManager: FocusManager;\n    private readonly _viewDomTrackerDispose;\n\n    private _counter: SearchCounter;\n    private _isDomConnected: boolean;\n    private _viewState: SearchViewState | undefined;\n    private _searchState: SearchQuery | undefined;\n\n    constructor(view: EditorView, params: SearchViewPluginParams) {\n        this._view = view;\n        this._viewState = pluginKey.getState(view.state);\n        this._searchState = getSearchState(view.state)?.query;\n        this._counter = getCounter(view.state);\n        this._isDomConnected = view.dom.ownerDocument.contains(view.dom);\n\n        this._renderer = this._createRenderer(params);\n        this._focusManager = new FocusManager(view.dom.ownerDocument);\n\n        // uses MutationObserver to detect when view.dom is disconnected from the DOM tree\n        // TODO: replace with eventBus (subscribe to change-editor-mode event) to track when to hide the search bar\n        // see https://github.com/gravity-ui/markdown-editor/issues/884\n        this._viewDomTrackerDispose = startTracking(view.dom, {\n            onConnect: this._onEditorViewDomConnected,\n            onDisconnect: this._onEditorViewDomDisconnected,\n        });\n    }\n\n    update() {\n        const newCounter = getCounter(this._view.state);\n        const newViewState = pluginKey.getState(this._view.state);\n        const newSearchState = getSearchState(this._view.state)?.query;\n\n        if (\n            newViewState !== this._viewState ||\n            newSearchState !== this._searchState ||\n            newCounter.total !== this._counter.total ||\n            newCounter.current !== this._counter.current\n        ) {\n            this._counter = newCounter;\n            this._viewState = newViewState;\n            this._searchState = newSearchState;\n            this._renderer.rerender();\n        }\n    }\n\n    destroy() {\n        this._renderer.remove();\n        this._viewDomTrackerDispose();\n    }\n\n    private _onEditorViewDomConnected = () => {\n        this._isDomConnected = true;\n        this._renderer.rerender();\n    };\n\n    private _onEditorViewDomDisconnected = () => {\n        this._isDomConnected = false;\n        this._onClose();\n    };\n\n    private _createRenderer(params: Pick<SearchViewPluginParams, 'anchorSelector'>) {\n        return getReactRendererFromState(this._view.state).createItem('search-view', () => {\n            const {\n                _viewState: viewState,\n                _searchState: searchState,\n                _isDomConnected: domConnected,\n            } = this;\n\n            if (!domConnected || !viewState?.open || !searchState) return null;\n\n            const anchor = this._view.dom.ownerDocument.querySelector(params.anchorSelector);\n\n            return renderSearchPopup({\n                anchor,\n                open: viewState.open,\n                counter: this._counter,\n                state: searchState,\n                onClose: this._onClose,\n                onChange: this._onChange,\n                onSearchPrev: this._onSearchPrev,\n                onSearchNext: this._onSearchNext,\n                onReplaceNext: this._onReplaceNext,\n                onReplaceAll: this._onReplaceAll,\n                intersectionTracking: {\n                    container: this._view.dom,\n                    selector: `.${SearchClassName.ActiveMatch}`,\n                    observerOptions: {\n                        childList: true,\n                        subtree: true,\n                        attributes: true,\n                        attributeFilter: ['class'],\n                    },\n                },\n            });\n        });\n    }\n\n    private _onChange = (config: SearchState) => {\n        const {state, dispatch} = this._view;\n\n        const query = new SearchQuery({\n            search: config.search,\n            replace: config.replace,\n            caseSensitive: config.caseSensitive,\n            wholeWord: config.wholeWord,\n        });\n\n        const tr = setSearchState(state.tr, query);\n        const {$from, $to} = tr.selection;\n        const parent = findParentNodeClosestToPos($from, (node: Node) => node.type.isTextblock);\n\n        let result: SearchResult | null = null;\n        // find match in [sel.$from, parent.$end]\n        if (parent) result = query.findNext(state, $from.pos, parent.pos + parent.node.nodeSize);\n        // find match in [parent.$start or sel.$from, doc.$end]\n        if (!result) result = query.findNext(state, parent?.pos || $from.pos);\n        // find match in [doc.$start, parent.$start or sel.$to]\n        if (!result) result = query.findPrev(state, parent?.pos || $to.pos);\n        // update text selection\n        if (result) tr.setSelection(TextSelection.create(tr.doc, result.from, result.to));\n\n        dispatch(tr);\n    };\n\n    private _onClose = () => {\n        closeSearch(this._view.state, this._view.dispatch);\n        this._view.focus();\n    };\n\n    private _onSearchPrev = () => {\n        this._preserveFocus(findPrev);\n        requestAnimationFrame(() => this._scrollToActiveIfNeeded());\n    };\n\n    private _onSearchNext = () => {\n        this._preserveFocus(findNext);\n        requestAnimationFrame(() => this._scrollToActiveIfNeeded());\n    };\n\n    private _onReplaceNext = () => {\n        this._preserveFocus(replaceNext);\n    };\n\n    private _onReplaceAll = () => {\n        this._preserveFocus(replaceAll);\n    };\n\n    private _preserveFocus(command: Command) {\n        this._focusManager.storeFocus();\n        this._view.focus();\n        command(this._view.state, this._view.dispatch, this._view);\n        this._focusManager.restoreFocus({preventScroll: true});\n    }\n\n    private _scrollToActiveIfNeeded = () => {\n        const activeElem = this._view.dom\n            .getElementsByClassName(SearchClassName.ActiveMatch)\n            .item(0);\n\n        if (activeElem && !isElementInViewport(activeElem)) {\n            activeElem.scrollIntoView({\n                block: 'nearest',\n                inline: 'nearest',\n            });\n        }\n    };\n}\n"]}

package/build/cjs/extensions/markdown/Breaks/index.d.ts

@@ -1,3 +1,4 @@
+import type { Node } from 'prosemirror-model';
 import type { ExtensionAuto } from "../../../core/index.js";
 export { BreaksSpecs, BreakNodeName, hbType, sbType } from "./BreaksSpecs/index.js";
 export type BreaksOptions = {
@@ -18,3 +19,4 @@ declare global {
         }
     }
 }
+export declare function isBreakNode(node: Node | null | undefined): boolean;

package/build/cjs/extensions/markdown/Breaks/index.js

@@ -1,6 +1,7 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.Breaks = exports.sbType = exports.hbType = exports.BreakNodeName = exports.BreaksSpecs = void 0;
+exports.isBreakNode = isBreakNode;
 const prosemirror_commands_1 = require("prosemirror-commands");
 const prosemirror_state_1 = require("prosemirror-state");
 const logger_1 = require("../../../logger.js");
@@ -38,10 +39,7 @@ const Breaks = (builder, opts) => {
 exports.Breaks = Breaks;
 const addBr = (br) => (0, prosemirror_commands_1.chainCommands)(prosemirror_commands_1.exitCode, (state, dispatch) => {
     const { selection: sel, schema } = state;
-    if (!(0, selection_1.isTextSelection)(sel) ||
-        !sel.empty ||
-        // breaks can only be in the paragraph
-        sel.$cursor?.parent.type !== (0, BaseSchemaSpecs_1.pType)(schema))
+    if (!(0, selection_1.isTextSelection)(sel) || !sel.$cursor || !canContainBreaks(sel.$cursor.parent))
         return false;
     if (isBreakNode(sel.$cursor.nodeBefore)) {
         if (dispatch) {
@@ -63,6 +61,11 @@ const addBr = (br) => (0, prosemirror_commands_1.chainCommands)(prosemirror_comm
     dispatch?.(state.tr.replaceSelectionWith(br.create()).scrollIntoView());
     return true;
 });
+function canContainBreaks(node) {
+    return (Boolean(node.type.spec.canContainBreaks) ||
+        // always allow breaks in paragraph
+        node.type === (0, BaseSchemaSpecs_1.pType)(node.type.schema));
+}
 function isBreakNode(node) {
     return Boolean(node?.type.spec.isBreak);
 }