@gravity-ui/markdown-editor 15.11.1 → 15.12.1

package/build/cjs/bundle/MarkdownEditorView.js

@@ -88,7 +88,7 @@ const EditorWrapper = (0, react_1.forwardRef)(({ autofocus, editor, editorMode,
                         mode: 'preview',
                         md: editor.mdOptions,
                         directiveSyntax: editor.directiveSyntax,
-                    }) }), (0, jsx_runtime_1.jsx)(Settings, { ...settingsProps, settingsVisible: settingsVisibleProp })] })) : ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [editorMode === 'wysiwyg' && ((0, jsx_runtime_1.jsx)(WysiwygEditorView_1.WysiwygEditorView, { editor: editor, autofocus: autofocus, settingsVisible: areSettingsVisible, toolbarConfig: wysiwygToolbarConfig, toolbarVisible: editor.toolbarVisible, hiddenActionsConfig: wysiwygHiddenActionsConfig, className: b('editor', { mode: editorMode }), toolbarClassName: b('toolbar'), stickyToolbar: stickyToolbar, children: (0, jsx_runtime_1.jsx)(Settings, { ...settingsProps, settingsVisible: editor.toolbarVisible && settingsVisibleProp }) })), editorMode === 'markup' && ((0, jsx_runtime_1.jsx)(MarkupEditorView_1.MarkupEditorView, { editor: editor, autofocus: autofocus, settingsVisible: areSettingsVisible, toolbarConfig: markupToolbarConfig, toolbarVisible: editor.toolbarVisible, splitMode: editor.splitMode, splitModeEnabled: editor.splitModeEnabled, hiddenActionsConfig: markupHiddenActionsConfig, className: b('editor', { mode: editorMode }), toolbarClassName: b('toolbar'), stickyToolbar: stickyToolbar, children: (0, jsx_runtime_1.jsx)(Settings, { ...settingsProps, settingsVisible: editor.toolbarVisible && settingsVisibleProp }) })), (0, jsx_runtime_1.jsx)(Settings, { ...settingsProps, settingsVisible: !editor.toolbarVisible && settingsVisibleProp, renderPreviewButton: !editor.toolbarVisible && editorMode === 'markup' })] })) }));
+                    }) }), (0, jsx_runtime_1.jsx)(Settings, { ...settingsProps, settingsVisible: settingsVisibleProp })] })) : ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [editorMode === 'wysiwyg' && ((0, jsx_runtime_1.jsx)(WysiwygEditorView_1.WysiwygEditorView, { editor: editor, autofocus: autofocus, settingsVisible: areSettingsVisible, toolbarConfig: wysiwygToolbarConfig, toolbarVisible: editor.toolbarVisible, hiddenActionsConfig: wysiwygHiddenActionsConfig, className: b('editor', { mode: editorMode }), toolbarClassName: b('toolbar'), stickyToolbar: stickyToolbar, children: (0, jsx_runtime_1.jsx)(Settings, { ...settingsProps, settingsVisible: editor.toolbarVisible && settingsVisibleProp }) })), editorMode === 'markup' && ((0, jsx_runtime_1.jsx)(MarkupEditorView_1.MarkupEditorView, { editor: editor, autofocus: autofocus, settingsVisible: areSettingsVisible, toolbarConfig: markupToolbarConfig, toolbarVisible: editor.toolbarVisible, splitMode: editor.splitMode, splitModeEnabled: editor.splitModeEnabled, hiddenActionsConfig: markupHiddenActionsConfig, className: b('editor', { mode: editorMode }), toolbarClassName: b('toolbar'), stickyToolbar: stickyToolbar, children: (0, jsx_runtime_1.jsx)(Settings, { ...settingsProps, settingsVisible: editor.toolbarVisible && settingsVisibleProp }) })), (0, jsx_runtime_1.jsx)(Settings, { ...settingsProps, settingsVisible: !editor.toolbarVisible && settingsVisibleProp, renderPreviewButton: !editor.toolbarVisible && canRenderPreview })] })) }));
 });
 EditorWrapper.displayName = 'EditorWrapper';
 exports.MarkdownEditorView = (0, react_1.forwardRef)((props, ref) => {

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

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

package/build/cjs/extensions/additional/GPT/MarkupGpt/popup.js

@@ -4,11 +4,12 @@ exports.renderPopup = renderPopup;
 const jsx_runtime_1 = require("react/jsx-runtime");
 const uikit_1 = require("@gravity-ui/uikit");
 const GptDialog_1 = require("../GptDialog/GptDialog.js");
+const constants_1 = require("../constants.js");
 const view_1 = require("../gptExtension/view.js");
 function renderPopup(anchor, props) {
     return ((0, jsx_runtime_1.jsx)(uikit_1.Popup, { className: (0, view_1.cnGptPopup)(), open: true, strategy: "absolute", onOpenChange: (open) => {
             if (!open)
                 props.onClose();
-        }, anchorElement: anchor, children: (0, jsx_runtime_1.jsx)("div", { className: (0, view_1.cnGptPopup)('content'), children: (0, jsx_runtime_1.jsx)(GptDialog_1.GptDialog, { markup: props.markup, answerRender: props.answerRender, promptPresets: props.promptPresets, disablePromptPresets: props.disablePromptPresets, customPromptPlaceholder: props.customPromptPlaceholder, disabledPromptPlaceholder: props.disabledPromptPlaceholder, onApplyResult: props.onApplyResult, onCustomPromptApply: props.onCustomPromptApply, onPromptPresetClick: props.onPromptPresetClick, onTryAgain: props.onTryAgain, onLike: props.onLike, onDislike: props.onDislike, onClose: props.onClose, onUpdate: props.onUpdate, gptAlertProps: props.gptAlertProps }) }) }));
+        }, anchorElement: anchor, placement: constants_1.gptPopupPlacement, children: (0, jsx_runtime_1.jsx)("div", { className: (0, view_1.cnGptPopup)('content'), children: (0, jsx_runtime_1.jsx)(GptDialog_1.GptDialog, { markup: props.markup, answerRender: props.answerRender, promptPresets: props.promptPresets, disablePromptPresets: props.disablePromptPresets, customPromptPlaceholder: props.customPromptPlaceholder, disabledPromptPlaceholder: props.disabledPromptPlaceholder, onApplyResult: props.onApplyResult, onCustomPromptApply: props.onCustomPromptApply, onPromptPresetClick: props.onPromptPresetClick, onTryAgain: props.onTryAgain, onLike: props.onLike, onDislike: props.onDislike, onClose: props.onClose, onUpdate: props.onUpdate, gptAlertProps: props.gptAlertProps }) }) }));
 }
 //# sourceMappingURL=popup.js.map

package/build/cjs/extensions/additional/GPT/MarkupGpt/popup.js.map

@@ -1 +1 @@
-{"version":3,"file":"popup.js","sourceRoot":"../../../../../../src","sources":["extensions/additional/GPT/MarkupGpt/popup.tsx"],"names":[],"mappings":";;AAaA,kCAmCC;;AAhDD,6CAAwC;AAGxC,yDAAsE;AACtE,kDAAgD;AAShD,SAAgB,WAAW,CAGzB,MAAmB,EAAE,KAAoC;IACvD,OAAO,CACH,uBAAC,aAAK,IACF,SAAS,EAAE,IAAA,iBAAU,GAAE,EACvB,IAAI,QACJ,QAAQ,EAAC,UAAU,EACnB,YAAY,EAAE,CAAC,IAAI,EAAE,EAAE;YACnB,IAAI,CAAC,IAAI;gBAAE,KAAK,CAAC,OAAO,EAAE,CAAC;QAC/B,CAAC,EACD,aAAa,EAAE,MAAM,YAErB,gCAAK,SAAS,EAAE,IAAA,iBAAU,EAAC,SAAS,CAAC,YACjC,uBAAC,qBAAS,IACN,MAAM,EAAE,KAAK,CAAC,MAAM,EACpB,YAAY,EAAE,KAAK,CAAC,YAAY,EAChC,aAAa,EAAE,KAAK,CAAC,aAAa,EAClC,oBAAoB,EAAE,KAAK,CAAC,oBAAoB,EAChD,uBAAuB,EAAE,KAAK,CAAC,uBAAuB,EACtD,yBAAyB,EAAE,KAAK,CAAC,yBAAyB,EAC1D,aAAa,EAAE,KAAK,CAAC,aAAa,EAClC,mBAAmB,EAAE,KAAK,CAAC,mBAAmB,EAC9C,mBAAmB,EAAE,KAAK,CAAC,mBAAmB,EAC9C,UAAU,EAAE,KAAK,CAAC,UAAU,EAC5B,MAAM,EAAE,KAAK,CAAC,MAAM,EACpB,SAAS,EAAE,KAAK,CAAC,SAAS,EAC1B,OAAO,EAAE,KAAK,CAAC,OAAO,EACtB,QAAQ,EAAE,KAAK,CAAC,QAAQ,EACxB,aAAa,EAAE,KAAK,CAAC,aAAa,GACpC,GACA,GACF,CACX,CAAC;AACN,CAAC","sourcesContent":["import {Popup} from '@gravity-ui/uikit';\n\nimport type {CommonAnswer} from '../ErrorScreen/types';\nimport {GptDialog, type GptDialogProps} from '../GptDialog/GptDialog';\nimport {cnGptPopup} from '../gptExtension/view';\n\ntype Props<AnswerData extends CommonAnswer = CommonAnswer, PromptData extends unknown = unknown> = {\n    onClose: () => void;\n    markup: string;\n    onConfirmOk?: () => void;\n    onConfirmCancel?: () => void;\n} & GptDialogProps<AnswerData, PromptData>;\n\nexport function renderPopup<\n    AnswerData extends CommonAnswer = CommonAnswer,\n    PromptData extends unknown = unknown,\n>(anchor: HTMLElement, props: Props<AnswerData, PromptData>) {\n    return (\n        <Popup\n            className={cnGptPopup()}\n            open\n            strategy=\"absolute\"\n            onOpenChange={(open) => {\n                if (!open) props.onClose();\n            }}\n            anchorElement={anchor}\n        >\n            <div className={cnGptPopup('content')}>\n                <GptDialog\n                    markup={props.markup}\n                    answerRender={props.answerRender}\n                    promptPresets={props.promptPresets}\n                    disablePromptPresets={props.disablePromptPresets}\n                    customPromptPlaceholder={props.customPromptPlaceholder}\n                    disabledPromptPlaceholder={props.disabledPromptPlaceholder}\n                    onApplyResult={props.onApplyResult}\n                    onCustomPromptApply={props.onCustomPromptApply}\n                    onPromptPresetClick={props.onPromptPresetClick}\n                    onTryAgain={props.onTryAgain}\n                    onLike={props.onLike}\n                    onDislike={props.onDislike}\n                    onClose={props.onClose}\n                    onUpdate={props.onUpdate}\n                    gptAlertProps={props.gptAlertProps}\n                />\n            </div>\n        </Popup>\n    );\n}\n"]}
+{"version":3,"file":"popup.js","sourceRoot":"../../../../../../src","sources":["extensions/additional/GPT/MarkupGpt/popup.tsx"],"names":[],"mappings":";;AAcA,kCAoCC;;AAlDD,6CAAwC;AAGxC,yDAAsE;AACtE,+CAA+C;AAC/C,kDAAgD;AAShD,SAAgB,WAAW,CAGzB,MAAmB,EAAE,KAAoC;IACvD,OAAO,CACH,uBAAC,aAAK,IACF,SAAS,EAAE,IAAA,iBAAU,GAAE,EACvB,IAAI,QACJ,QAAQ,EAAC,UAAU,EACnB,YAAY,EAAE,CAAC,IAAI,EAAE,EAAE;YACnB,IAAI,CAAC,IAAI;gBAAE,KAAK,CAAC,OAAO,EAAE,CAAC;QAC/B,CAAC,EACD,aAAa,EAAE,MAAM,EACrB,SAAS,EAAE,6BAAiB,YAE5B,gCAAK,SAAS,EAAE,IAAA,iBAAU,EAAC,SAAS,CAAC,YACjC,uBAAC,qBAAS,IACN,MAAM,EAAE,KAAK,CAAC,MAAM,EACpB,YAAY,EAAE,KAAK,CAAC,YAAY,EAChC,aAAa,EAAE,KAAK,CAAC,aAAa,EAClC,oBAAoB,EAAE,KAAK,CAAC,oBAAoB,EAChD,uBAAuB,EAAE,KAAK,CAAC,uBAAuB,EACtD,yBAAyB,EAAE,KAAK,CAAC,yBAAyB,EAC1D,aAAa,EAAE,KAAK,CAAC,aAAa,EAClC,mBAAmB,EAAE,KAAK,CAAC,mBAAmB,EAC9C,mBAAmB,EAAE,KAAK,CAAC,mBAAmB,EAC9C,UAAU,EAAE,KAAK,CAAC,UAAU,EAC5B,MAAM,EAAE,KAAK,CAAC,MAAM,EACpB,SAAS,EAAE,KAAK,CAAC,SAAS,EAC1B,OAAO,EAAE,KAAK,CAAC,OAAO,EACtB,QAAQ,EAAE,KAAK,CAAC,QAAQ,EACxB,aAAa,EAAE,KAAK,CAAC,aAAa,GACpC,GACA,GACF,CACX,CAAC;AACN,CAAC","sourcesContent":["import {Popup} from '@gravity-ui/uikit';\n\nimport type {CommonAnswer} from '../ErrorScreen/types';\nimport {GptDialog, type GptDialogProps} from '../GptDialog/GptDialog';\nimport {gptPopupPlacement} from '../constants';\nimport {cnGptPopup} from '../gptExtension/view';\n\ntype Props<AnswerData extends CommonAnswer = CommonAnswer, PromptData extends unknown = unknown> = {\n    onClose: () => void;\n    markup: string;\n    onConfirmOk?: () => void;\n    onConfirmCancel?: () => void;\n} & GptDialogProps<AnswerData, PromptData>;\n\nexport function renderPopup<\n    AnswerData extends CommonAnswer = CommonAnswer,\n    PromptData extends unknown = unknown,\n>(anchor: HTMLElement, props: Props<AnswerData, PromptData>) {\n    return (\n        <Popup\n            className={cnGptPopup()}\n            open\n            strategy=\"absolute\"\n            onOpenChange={(open) => {\n                if (!open) props.onClose();\n            }}\n            anchorElement={anchor}\n            placement={gptPopupPlacement}\n        >\n            <div className={cnGptPopup('content')}>\n                <GptDialog\n                    markup={props.markup}\n                    answerRender={props.answerRender}\n                    promptPresets={props.promptPresets}\n                    disablePromptPresets={props.disablePromptPresets}\n                    customPromptPlaceholder={props.customPromptPlaceholder}\n                    disabledPromptPlaceholder={props.disabledPromptPlaceholder}\n                    onApplyResult={props.onApplyResult}\n                    onCustomPromptApply={props.onCustomPromptApply}\n                    onPromptPresetClick={props.onPromptPresetClick}\n                    onTryAgain={props.onTryAgain}\n                    onLike={props.onLike}\n                    onDislike={props.onDislike}\n                    onClose={props.onClose}\n                    onUpdate={props.onUpdate}\n                    gptAlertProps={props.gptAlertProps}\n                />\n            </div>\n        </Popup>\n    );\n}\n"]}

package/build/cjs/version.js

@@ -2,5 +2,5 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.VERSION = void 0;
 /** During build process, the current version will be injected here */
-exports.VERSION = typeof '15.11.1' !== 'undefined' ? '15.11.1' : 'unknown';
+exports.VERSION = typeof '15.12.1' !== 'undefined' ? '15.12.1' : 'unknown';
 //# sourceMappingURL=version.js.map

package/build/cjs/version.js.map

@@ -1 +1 @@
-{"version":3,"file":"version.js","sourceRoot":"../../src","sources":["version.ts"],"names":[],"mappings":";;;AAAA,sEAAsE;AACzD,QAAA,OAAO,GAAG,OAAO,WAAW,KAAK,WAAW,CAAC,CAAC,CAAC,WAAW,CAAC,CAAC,CAAC,SAAS,CAAC","sourcesContent":["/** During build process, the current version will be injected here */\nexport const VERSION = typeof '15.11.1' !== 'undefined' ? '15.11.1' : 'unknown';\n"]}
+{"version":3,"file":"version.js","sourceRoot":"../../src","sources":["version.ts"],"names":[],"mappings":";;;AAAA,sEAAsE;AACzD,QAAA,OAAO,GAAG,OAAO,WAAW,KAAK,WAAW,CAAC,CAAC,CAAC,WAAW,CAAC,CAAC,CAAC,SAAS,CAAC","sourcesContent":["/** During build process, the current version will be injected here */\nexport const VERSION = typeof '15.12.1' !== 'undefined' ? '15.12.1' : 'unknown';\n"]}

package/build/cjs/view/hooks/index.d.ts

@@ -1 +1,2 @@
 export * from "./useYfmShowElemWithId/index.js";
+export * from "./useFilesGallery/index.js";

package/build/cjs/view/hooks/index.js

@@ -2,4 +2,5 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 const tslib_1 = require("tslib");
 tslib_1.__exportStar(require("./useYfmShowElemWithId/index.js"), exports);
+tslib_1.__exportStar(require("./useFilesGallery/index.js"), exports);
 //# sourceMappingURL=index.js.map

package/build/cjs/view/hooks/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"../../../../src","sources":["view/hooks/index.ts"],"names":[],"mappings":";;;AAAA,0EAAuC","sourcesContent":["export * from './useYfmShowElemWithId';\n"]}
+{"version":3,"file":"index.js","sourceRoot":"../../../../src","sources":["view/hooks/index.ts"],"names":[],"mappings":";;;AAAA,0EAAuC;AACvC,qEAAkC","sourcesContent":["export * from './useYfmShowElemWithId';\nexport * from './useFilesGallery';\n"]}

package/build/cjs/view/hooks/useFilesGallery/constants.d.ts

@@ -0,0 +1,4 @@
+export declare const supportedImageExtensions: string[];
+export declare const supportedVideoExtensions: string[];
+export declare const supportedExtensions: string[];
+export declare const extensionRegex: RegExp;

package/build/cjs/view/hooks/useFilesGallery/constants.js

@@ -0,0 +1,8 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.extensionRegex = exports.supportedExtensions = exports.supportedVideoExtensions = exports.supportedImageExtensions = void 0;
+exports.supportedImageExtensions = ['jpg', 'jpeg', 'png', 'gif', 'webp', 'svg', 'avif', 'bmp'];
+exports.supportedVideoExtensions = ['mp4', 'webm', 'ogg'];
+exports.supportedExtensions = [...exports.supportedImageExtensions, ...exports.supportedVideoExtensions];
+exports.extensionRegex = /\w+?$/;
+//# sourceMappingURL=constants.js.map

package/build/cjs/view/hooks/useFilesGallery/constants.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"constants.js","sourceRoot":"../../../../../src","sources":["view/hooks/useFilesGallery/constants.ts"],"names":[],"mappings":";;;AAAa,QAAA,wBAAwB,GAAG,CAAC,KAAK,EAAE,MAAM,EAAE,KAAK,EAAE,KAAK,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,EAAE,KAAK,CAAC,CAAC;AAEvF,QAAA,wBAAwB,GAAG,CAAC,KAAK,EAAE,MAAM,EAAE,KAAK,CAAC,CAAC;AAElD,QAAA,mBAAmB,GAAG,CAAC,GAAG,gCAAwB,EAAE,GAAG,gCAAwB,CAAC,CAAC;AAEjF,QAAA,cAAc,GAAG,OAAO,CAAC","sourcesContent":["export const supportedImageExtensions = ['jpg', 'jpeg', 'png', 'gif', 'webp', 'svg', 'avif', 'bmp'];\n\nexport const supportedVideoExtensions = ['mp4', 'webm', 'ogg'];\n\nexport const supportedExtensions = [...supportedImageExtensions, ...supportedVideoExtensions];\n\nexport const extensionRegex = /\\w+?$/;\n"]}

package/build/cjs/view/hooks/useFilesGallery/index.d.ts

@@ -0,0 +1,2 @@
+export * from "./useFilesGallery.js";
+export * from "./types.js";

package/build/cjs/view/hooks/useFilesGallery/index.js

@@ -0,0 +1,6 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const tslib_1 = require("tslib");
+tslib_1.__exportStar(require("./useFilesGallery.js"), exports);
+tslib_1.__exportStar(require("./types.js"), exports);
+//# sourceMappingURL=index.js.map

package/build/cjs/view/hooks/useFilesGallery/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"../../../../../src","sources":["view/hooks/useFilesGallery/index.ts"],"names":[],"mappings":";;;AAAA,+DAAkC;AAClC,qDAAwB","sourcesContent":["export * from './useFilesGallery';\nexport * from './types';\n"]}

package/build/cjs/view/hooks/useFilesGallery/types.d.ts

@@ -0,0 +1,4 @@
+import type { GalleryItemProps } from '@gravity-ui/components';
+export type GalleryItemPropsWithUrl = GalleryItemProps & {
+    url?: string;
+};

package/build/cjs/view/hooks/useFilesGallery/types.js

@@ -0,0 +1,3 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+//# sourceMappingURL=types.js.map

package/build/cjs/view/hooks/useFilesGallery/types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.js","sourceRoot":"../../../../../src","sources":["view/hooks/useFilesGallery/types.ts"],"names":[],"mappings":"","sourcesContent":["import type {GalleryItemProps} from '@gravity-ui/components';\n\nexport type GalleryItemPropsWithUrl = GalleryItemProps & {\n    // pass the url to be able to exclude the items from content if they are found in the custom files\n    url?: string;\n};\n"]}

package/build/cjs/view/hooks/useFilesGallery/useFilesGallery.d.ts

@@ -0,0 +1,5 @@
+import * as React from 'react';
+import type { GalleryItemPropsWithUrl } from "./types.js";
+export declare function useFilesGallery(customFiles?: GalleryItemPropsWithUrl[]): {
+    openFilesGallery: (event: React.MouseEvent<HTMLDivElement>) => void;
+};

package/build/cjs/view/hooks/useFilesGallery/useFilesGallery.js

@@ -0,0 +1,56 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useFilesGallery = useFilesGallery;
+const tslib_1 = require("tslib");
+const React = tslib_1.__importStar(require("react"));
+const components_1 = require("@gravity-ui/components");
+const constants_1 = require("./constants.js");
+function useFilesGallery(customFiles) {
+    const { openGallery } = (0, components_1.useGallery)();
+    return {
+        openFilesGallery: React.useCallback((event) => {
+            if (event.target instanceof HTMLElement) {
+                let fileLink = '';
+                if (event.target.tagName === 'IMG' && !event.target.closest('a')) {
+                    fileLink = event.target.getAttribute('src') ?? '';
+                }
+                else if (event.target.tagName === 'A') {
+                    fileLink = event.target.getAttribute('href') ?? '';
+                }
+                if (!fileLink) {
+                    return;
+                }
+                const filesFromContent = [
+                    ...(event.currentTarget?.querySelectorAll('img,a') ?? []),
+                ].reduce((result, element) => {
+                    const isImage = element.tagName === 'IMG';
+                    const link = isImage
+                        ? element.getAttribute('src')
+                        : element.getAttribute('href');
+                    if (link && !customFiles?.some((item) => item.url === link)) {
+                        const extension = link.match(constants_1.extensionRegex)?.[0] || '';
+                        if (isImage || constants_1.supportedExtensions.includes(extension)) {
+                            const name = (isImage
+                                ? element.getAttribute('alt')
+                                : element.getAttribute('title')) || '';
+                            result.push({
+                                ...(constants_1.supportedVideoExtensions.includes(extension)
+                                    ? (0, components_1.getGalleryItemVideo)({ src: link, name: name })
+                                    : (0, components_1.getGalleryItemImage)({ src: link, name: name })),
+                                url: link,
+                            });
+                        }
+                    }
+                    return result;
+                }, []);
+                const files = [...(customFiles ?? []), ...filesFromContent];
+                const initialItemIndex = files.findIndex((item) => item.url === fileLink);
+                if (initialItemIndex !== -1) {
+                    event.preventDefault();
+                    openGallery(files, initialItemIndex);
+                }
+            }
+        }, [customFiles, openGallery]),
+    };
+}
+//# sourceMappingURL=useFilesGallery.js.map

package/build/cjs/view/hooks/useFilesGallery/useFilesGallery.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useFilesGallery.js","sourceRoot":"../../../../../src","sources":["view/hooks/useFilesGallery/useFilesGallery.tsx"],"names":[],"mappings":"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","sourcesContent":["import * as React from 'react';\n\nimport {getGalleryItemImage, getGalleryItemVideo, useGallery} from '@gravity-ui/components';\n\nimport {extensionRegex, supportedExtensions, supportedVideoExtensions} from './constants';\nimport type {GalleryItemPropsWithUrl} from './types';\n\nexport function useFilesGallery(customFiles?: GalleryItemPropsWithUrl[]) {\n    const {openGallery} = useGallery();\n\n    return {\n        openFilesGallery: React.useCallback(\n            (event: React.MouseEvent<HTMLDivElement>) => {\n                if (event.target instanceof HTMLElement) {\n                    let fileLink = '';\n\n                    if (event.target.tagName === 'IMG' && !event.target.closest('a')) {\n                        fileLink = event.target.getAttribute('src') ?? '';\n                    } else if (event.target.tagName === 'A') {\n                        fileLink = event.target.getAttribute('href') ?? '';\n                    }\n\n                    if (!fileLink) {\n                        return;\n                    }\n\n                    const filesFromContent = [\n                        ...(event.currentTarget?.querySelectorAll('img,a') ?? []),\n                    ].reduce<GalleryItemPropsWithUrl[]>((result, element) => {\n                        const isImage = element.tagName === 'IMG';\n                        const link = isImage\n                            ? element.getAttribute('src')\n                            : element.getAttribute('href');\n\n                        if (link && !customFiles?.some((item) => item.url === link)) {\n                            const extension = link.match(extensionRegex)?.[0] || '';\n\n                            if (isImage || supportedExtensions.includes(extension)) {\n                                const name =\n                                    (isImage\n                                        ? element.getAttribute('alt')\n                                        : element.getAttribute('title')) || '';\n\n                                result.push({\n                                    ...(supportedVideoExtensions.includes(extension)\n                                        ? getGalleryItemVideo({src: link, name: name})\n                                        : getGalleryItemImage({src: link, name: name})),\n                                    url: link,\n                                });\n                            }\n                        }\n\n                        return result;\n                    }, []);\n\n                    const files = [...(customFiles ?? []), ...filesFromContent];\n\n                    const initialItemIndex = files.findIndex((item) => item.url === fileLink);\n\n                    if (initialItemIndex !== -1) {\n                        event.preventDefault();\n                        openGallery(files, initialItemIndex);\n                    }\n                }\n            },\n            [customFiles, openGallery],\n        ),\n    };\n}\n"]}

package/build/esm/bundle/MarkdownEditorView.js

@@ -85,7 +85,7 @@ const EditorWrapper = forwardRef(({ autofocus, editor, editorMode, enableSubmitI
                         mode: 'preview',
                         md: editor.mdOptions,
                         directiveSyntax: editor.directiveSyntax,
-                    }) }), _jsx(Settings, { ...settingsProps, settingsVisible: settingsVisibleProp })] })) : (_jsxs(_Fragment, { children: [editorMode === 'wysiwyg' && (_jsx(WysiwygEditorView, { editor: editor, autofocus: autofocus, settingsVisible: areSettingsVisible, toolbarConfig: wysiwygToolbarConfig, toolbarVisible: editor.toolbarVisible, hiddenActionsConfig: wysiwygHiddenActionsConfig, className: b('editor', { mode: editorMode }), toolbarClassName: b('toolbar'), stickyToolbar: stickyToolbar, children: _jsx(Settings, { ...settingsProps, settingsVisible: editor.toolbarVisible && settingsVisibleProp }) })), editorMode === 'markup' && (_jsx(MarkupEditorView, { editor: editor, autofocus: autofocus, settingsVisible: areSettingsVisible, toolbarConfig: markupToolbarConfig, toolbarVisible: editor.toolbarVisible, splitMode: editor.splitMode, splitModeEnabled: editor.splitModeEnabled, hiddenActionsConfig: markupHiddenActionsConfig, className: b('editor', { mode: editorMode }), toolbarClassName: b('toolbar'), stickyToolbar: stickyToolbar, children: _jsx(Settings, { ...settingsProps, settingsVisible: editor.toolbarVisible && settingsVisibleProp }) })), _jsx(Settings, { ...settingsProps, settingsVisible: !editor.toolbarVisible && settingsVisibleProp, renderPreviewButton: !editor.toolbarVisible && editorMode === 'markup' })] })) }));
+                    }) }), _jsx(Settings, { ...settingsProps, settingsVisible: settingsVisibleProp })] })) : (_jsxs(_Fragment, { children: [editorMode === 'wysiwyg' && (_jsx(WysiwygEditorView, { editor: editor, autofocus: autofocus, settingsVisible: areSettingsVisible, toolbarConfig: wysiwygToolbarConfig, toolbarVisible: editor.toolbarVisible, hiddenActionsConfig: wysiwygHiddenActionsConfig, className: b('editor', { mode: editorMode }), toolbarClassName: b('toolbar'), stickyToolbar: stickyToolbar, children: _jsx(Settings, { ...settingsProps, settingsVisible: editor.toolbarVisible && settingsVisibleProp }) })), editorMode === 'markup' && (_jsx(MarkupEditorView, { editor: editor, autofocus: autofocus, settingsVisible: areSettingsVisible, toolbarConfig: markupToolbarConfig, toolbarVisible: editor.toolbarVisible, splitMode: editor.splitMode, splitModeEnabled: editor.splitModeEnabled, hiddenActionsConfig: markupHiddenActionsConfig, className: b('editor', { mode: editorMode }), toolbarClassName: b('toolbar'), stickyToolbar: stickyToolbar, children: _jsx(Settings, { ...settingsProps, settingsVisible: editor.toolbarVisible && settingsVisibleProp }) })), _jsx(Settings, { ...settingsProps, settingsVisible: !editor.toolbarVisible && settingsVisibleProp, renderPreviewButton: !editor.toolbarVisible && canRenderPreview })] })) }));
 });
 EditorWrapper.displayName = 'EditorWrapper';
 export const MarkdownEditorView = forwardRef((props, ref) => {

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

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

package/build/esm/extensions/additional/GPT/MarkupGpt/popup.js

@@ -1,11 +1,12 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import { Popup } from '@gravity-ui/uikit';
 import { GptDialog } from "../GptDialog/GptDialog.js";
+import { gptPopupPlacement } from "../constants.js";
 import { cnGptPopup } from "../gptExtension/view.js";
 export function renderPopup(anchor, props) {
     return (_jsx(Popup, { className: cnGptPopup(), open: true, strategy: "absolute", onOpenChange: (open) => {
             if (!open)
                 props.onClose();
-        }, anchorElement: anchor, children: _jsx("div", { className: cnGptPopup('content'), children: _jsx(GptDialog, { markup: props.markup, answerRender: props.answerRender, promptPresets: props.promptPresets, disablePromptPresets: props.disablePromptPresets, customPromptPlaceholder: props.customPromptPlaceholder, disabledPromptPlaceholder: props.disabledPromptPlaceholder, onApplyResult: props.onApplyResult, onCustomPromptApply: props.onCustomPromptApply, onPromptPresetClick: props.onPromptPresetClick, onTryAgain: props.onTryAgain, onLike: props.onLike, onDislike: props.onDislike, onClose: props.onClose, onUpdate: props.onUpdate, gptAlertProps: props.gptAlertProps }) }) }));
+        }, anchorElement: anchor, placement: gptPopupPlacement, children: _jsx("div", { className: cnGptPopup('content'), children: _jsx(GptDialog, { markup: props.markup, answerRender: props.answerRender, promptPresets: props.promptPresets, disablePromptPresets: props.disablePromptPresets, customPromptPlaceholder: props.customPromptPlaceholder, disabledPromptPlaceholder: props.disabledPromptPlaceholder, onApplyResult: props.onApplyResult, onCustomPromptApply: props.onCustomPromptApply, onPromptPresetClick: props.onPromptPresetClick, onTryAgain: props.onTryAgain, onLike: props.onLike, onDislike: props.onDislike, onClose: props.onClose, onUpdate: props.onUpdate, gptAlertProps: props.gptAlertProps }) }) }));
 }
 //# sourceMappingURL=popup.js.map

package/build/esm/extensions/additional/GPT/MarkupGpt/popup.js.map

@@ -1 +1 @@
-{"version":3,"file":"popup.js","sourceRoot":"../../../../../../src","sources":["extensions/additional/GPT/MarkupGpt/popup.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAC,KAAK,EAAC,MAAM,mBAAmB,CAAC;AAGxC,OAAO,EAAC,SAAS,EAAsB,kCAA+B;AACtE,OAAO,EAAC,UAAU,EAAC,gCAA6B;AAShD,MAAM,UAAU,WAAW,CAGzB,MAAmB,EAAE,KAAoC;IACvD,OAAO,CACH,KAAC,KAAK,IACF,SAAS,EAAE,UAAU,EAAE,EACvB,IAAI,QACJ,QAAQ,EAAC,UAAU,EACnB,YAAY,EAAE,CAAC,IAAI,EAAE,EAAE;YACnB,IAAI,CAAC,IAAI;gBAAE,KAAK,CAAC,OAAO,EAAE,CAAC;QAC/B,CAAC,EACD,aAAa,EAAE,MAAM,YAErB,cAAK,SAAS,EAAE,UAAU,CAAC,SAAS,CAAC,YACjC,KAAC,SAAS,IACN,MAAM,EAAE,KAAK,CAAC,MAAM,EACpB,YAAY,EAAE,KAAK,CAAC,YAAY,EAChC,aAAa,EAAE,KAAK,CAAC,aAAa,EAClC,oBAAoB,EAAE,KAAK,CAAC,oBAAoB,EAChD,uBAAuB,EAAE,KAAK,CAAC,uBAAuB,EACtD,yBAAyB,EAAE,KAAK,CAAC,yBAAyB,EAC1D,aAAa,EAAE,KAAK,CAAC,aAAa,EAClC,mBAAmB,EAAE,KAAK,CAAC,mBAAmB,EAC9C,mBAAmB,EAAE,KAAK,CAAC,mBAAmB,EAC9C,UAAU,EAAE,KAAK,CAAC,UAAU,EAC5B,MAAM,EAAE,KAAK,CAAC,MAAM,EACpB,SAAS,EAAE,KAAK,CAAC,SAAS,EAC1B,OAAO,EAAE,KAAK,CAAC,OAAO,EACtB,QAAQ,EAAE,KAAK,CAAC,QAAQ,EACxB,aAAa,EAAE,KAAK,CAAC,aAAa,GACpC,GACA,GACF,CACX,CAAC;AACN,CAAC","sourcesContent":["import {Popup} from '@gravity-ui/uikit';\n\nimport type {CommonAnswer} from '../ErrorScreen/types';\nimport {GptDialog, type GptDialogProps} from '../GptDialog/GptDialog';\nimport {cnGptPopup} from '../gptExtension/view';\n\ntype Props<AnswerData extends CommonAnswer = CommonAnswer, PromptData extends unknown = unknown> = {\n    onClose: () => void;\n    markup: string;\n    onConfirmOk?: () => void;\n    onConfirmCancel?: () => void;\n} & GptDialogProps<AnswerData, PromptData>;\n\nexport function renderPopup<\n    AnswerData extends CommonAnswer = CommonAnswer,\n    PromptData extends unknown = unknown,\n>(anchor: HTMLElement, props: Props<AnswerData, PromptData>) {\n    return (\n        <Popup\n            className={cnGptPopup()}\n            open\n            strategy=\"absolute\"\n            onOpenChange={(open) => {\n                if (!open) props.onClose();\n            }}\n            anchorElement={anchor}\n        >\n            <div className={cnGptPopup('content')}>\n                <GptDialog\n                    markup={props.markup}\n                    answerRender={props.answerRender}\n                    promptPresets={props.promptPresets}\n                    disablePromptPresets={props.disablePromptPresets}\n                    customPromptPlaceholder={props.customPromptPlaceholder}\n                    disabledPromptPlaceholder={props.disabledPromptPlaceholder}\n                    onApplyResult={props.onApplyResult}\n                    onCustomPromptApply={props.onCustomPromptApply}\n                    onPromptPresetClick={props.onPromptPresetClick}\n                    onTryAgain={props.onTryAgain}\n                    onLike={props.onLike}\n                    onDislike={props.onDislike}\n                    onClose={props.onClose}\n                    onUpdate={props.onUpdate}\n                    gptAlertProps={props.gptAlertProps}\n                />\n            </div>\n        </Popup>\n    );\n}\n"]}
+{"version":3,"file":"popup.js","sourceRoot":"../../../../../../src","sources":["extensions/additional/GPT/MarkupGpt/popup.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAC,KAAK,EAAC,MAAM,mBAAmB,CAAC;AAGxC,OAAO,EAAC,SAAS,EAAsB,kCAA+B;AACtE,OAAO,EAAC,iBAAiB,EAAC,wBAAqB;AAC/C,OAAO,EAAC,UAAU,EAAC,gCAA6B;AAShD,MAAM,UAAU,WAAW,CAGzB,MAAmB,EAAE,KAAoC;IACvD,OAAO,CACH,KAAC,KAAK,IACF,SAAS,EAAE,UAAU,EAAE,EACvB,IAAI,QACJ,QAAQ,EAAC,UAAU,EACnB,YAAY,EAAE,CAAC,IAAI,EAAE,EAAE;YACnB,IAAI,CAAC,IAAI;gBAAE,KAAK,CAAC,OAAO,EAAE,CAAC;QAC/B,CAAC,EACD,aAAa,EAAE,MAAM,EACrB,SAAS,EAAE,iBAAiB,YAE5B,cAAK,SAAS,EAAE,UAAU,CAAC,SAAS,CAAC,YACjC,KAAC,SAAS,IACN,MAAM,EAAE,KAAK,CAAC,MAAM,EACpB,YAAY,EAAE,KAAK,CAAC,YAAY,EAChC,aAAa,EAAE,KAAK,CAAC,aAAa,EAClC,oBAAoB,EAAE,KAAK,CAAC,oBAAoB,EAChD,uBAAuB,EAAE,KAAK,CAAC,uBAAuB,EACtD,yBAAyB,EAAE,KAAK,CAAC,yBAAyB,EAC1D,aAAa,EAAE,KAAK,CAAC,aAAa,EAClC,mBAAmB,EAAE,KAAK,CAAC,mBAAmB,EAC9C,mBAAmB,EAAE,KAAK,CAAC,mBAAmB,EAC9C,UAAU,EAAE,KAAK,CAAC,UAAU,EAC5B,MAAM,EAAE,KAAK,CAAC,MAAM,EACpB,SAAS,EAAE,KAAK,CAAC,SAAS,EAC1B,OAAO,EAAE,KAAK,CAAC,OAAO,EACtB,QAAQ,EAAE,KAAK,CAAC,QAAQ,EACxB,aAAa,EAAE,KAAK,CAAC,aAAa,GACpC,GACA,GACF,CACX,CAAC;AACN,CAAC","sourcesContent":["import {Popup} from '@gravity-ui/uikit';\n\nimport type {CommonAnswer} from '../ErrorScreen/types';\nimport {GptDialog, type GptDialogProps} from '../GptDialog/GptDialog';\nimport {gptPopupPlacement} from '../constants';\nimport {cnGptPopup} from '../gptExtension/view';\n\ntype Props<AnswerData extends CommonAnswer = CommonAnswer, PromptData extends unknown = unknown> = {\n    onClose: () => void;\n    markup: string;\n    onConfirmOk?: () => void;\n    onConfirmCancel?: () => void;\n} & GptDialogProps<AnswerData, PromptData>;\n\nexport function renderPopup<\n    AnswerData extends CommonAnswer = CommonAnswer,\n    PromptData extends unknown = unknown,\n>(anchor: HTMLElement, props: Props<AnswerData, PromptData>) {\n    return (\n        <Popup\n            className={cnGptPopup()}\n            open\n            strategy=\"absolute\"\n            onOpenChange={(open) => {\n                if (!open) props.onClose();\n            }}\n            anchorElement={anchor}\n            placement={gptPopupPlacement}\n        >\n            <div className={cnGptPopup('content')}>\n                <GptDialog\n                    markup={props.markup}\n                    answerRender={props.answerRender}\n                    promptPresets={props.promptPresets}\n                    disablePromptPresets={props.disablePromptPresets}\n                    customPromptPlaceholder={props.customPromptPlaceholder}\n                    disabledPromptPlaceholder={props.disabledPromptPlaceholder}\n                    onApplyResult={props.onApplyResult}\n                    onCustomPromptApply={props.onCustomPromptApply}\n                    onPromptPresetClick={props.onPromptPresetClick}\n                    onTryAgain={props.onTryAgain}\n                    onLike={props.onLike}\n                    onDislike={props.onDislike}\n                    onClose={props.onClose}\n                    onUpdate={props.onUpdate}\n                    gptAlertProps={props.gptAlertProps}\n                />\n            </div>\n        </Popup>\n    );\n}\n"]}

package/build/esm/version.js

@@ -1,3 +1,3 @@
 /** During build process, the current version will be injected here */
-export const VERSION = typeof '15.11.1' !== 'undefined' ? '15.11.1' : 'unknown';
+export const VERSION = typeof '15.12.1' !== 'undefined' ? '15.12.1' : 'unknown';
 //# sourceMappingURL=version.js.map

package/build/esm/version.js.map

@@ -1 +1 @@
-{"version":3,"file":"version.js","sourceRoot":"../../src","sources":["version.ts"],"names":[],"mappings":"AAAA,sEAAsE;AACtE,MAAM,CAAC,MAAM,OAAO,GAAG,OAAO,WAAW,KAAK,WAAW,CAAC,CAAC,CAAC,WAAW,CAAC,CAAC,CAAC,SAAS,CAAC","sourcesContent":["/** During build process, the current version will be injected here */\nexport const VERSION = typeof '15.11.1' !== 'undefined' ? '15.11.1' : 'unknown';\n"]}
+{"version":3,"file":"version.js","sourceRoot":"../../src","sources":["version.ts"],"names":[],"mappings":"AAAA,sEAAsE;AACtE,MAAM,CAAC,MAAM,OAAO,GAAG,OAAO,WAAW,KAAK,WAAW,CAAC,CAAC,CAAC,WAAW,CAAC,CAAC,CAAC,SAAS,CAAC","sourcesContent":["/** During build process, the current version will be injected here */\nexport const VERSION = typeof '15.12.1' !== 'undefined' ? '15.12.1' : 'unknown';\n"]}

package/build/esm/view/hooks/index.d.ts

@@ -1 +1,2 @@
 export * from "./useYfmShowElemWithId/index.js";
+export * from "./useFilesGallery/index.js";

package/build/esm/view/hooks/index.js

@@ -1,2 +1,3 @@
 export * from "./useYfmShowElemWithId/index.js";
+export * from "./useFilesGallery/index.js";
 //# sourceMappingURL=index.js.map

package/build/esm/view/hooks/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"../../../../src","sources":["view/hooks/index.ts"],"names":[],"mappings":"AAAA,gDAAuC","sourcesContent":["export * from './useYfmShowElemWithId';\n"]}
+{"version":3,"file":"index.js","sourceRoot":"../../../../src","sources":["view/hooks/index.ts"],"names":[],"mappings":"AAAA,gDAAuC;AACvC,2CAAkC","sourcesContent":["export * from './useYfmShowElemWithId';\nexport * from './useFilesGallery';\n"]}

package/build/esm/view/hooks/useFilesGallery/constants.d.ts

@@ -0,0 +1,4 @@
+export declare const supportedImageExtensions: string[];
+export declare const supportedVideoExtensions: string[];
+export declare const supportedExtensions: string[];
+export declare const extensionRegex: RegExp;

package/build/esm/view/hooks/useFilesGallery/constants.js

@@ -0,0 +1,5 @@
+export const supportedImageExtensions = ['jpg', 'jpeg', 'png', 'gif', 'webp', 'svg', 'avif', 'bmp'];
+export const supportedVideoExtensions = ['mp4', 'webm', 'ogg'];
+export const supportedExtensions = [...supportedImageExtensions, ...supportedVideoExtensions];
+export const extensionRegex = /\w+?$/;
+//# sourceMappingURL=constants.js.map

package/build/esm/view/hooks/useFilesGallery/constants.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"constants.js","sourceRoot":"../../../../../src","sources":["view/hooks/useFilesGallery/constants.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,MAAM,wBAAwB,GAAG,CAAC,KAAK,EAAE,MAAM,EAAE,KAAK,EAAE,KAAK,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,EAAE,KAAK,CAAC,CAAC;AAEpG,MAAM,CAAC,MAAM,wBAAwB,GAAG,CAAC,KAAK,EAAE,MAAM,EAAE,KAAK,CAAC,CAAC;AAE/D,MAAM,CAAC,MAAM,mBAAmB,GAAG,CAAC,GAAG,wBAAwB,EAAE,GAAG,wBAAwB,CAAC,CAAC;AAE9F,MAAM,CAAC,MAAM,cAAc,GAAG,OAAO,CAAC","sourcesContent":["export const supportedImageExtensions = ['jpg', 'jpeg', 'png', 'gif', 'webp', 'svg', 'avif', 'bmp'];\n\nexport const supportedVideoExtensions = ['mp4', 'webm', 'ogg'];\n\nexport const supportedExtensions = [...supportedImageExtensions, ...supportedVideoExtensions];\n\nexport const extensionRegex = /\\w+?$/;\n"]}

package/build/esm/view/hooks/useFilesGallery/index.d.ts

@@ -0,0 +1,2 @@
+export * from "./useFilesGallery.js";
+export * from "./types.js";

package/build/esm/view/hooks/useFilesGallery/index.js

@@ -0,0 +1,3 @@
+export * from "./useFilesGallery.js";
+export * from "./types.js";
+//# sourceMappingURL=index.js.map

package/build/esm/view/hooks/useFilesGallery/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"../../../../../src","sources":["view/hooks/useFilesGallery/index.ts"],"names":[],"mappings":"AAAA,qCAAkC;AAClC,2BAAwB","sourcesContent":["export * from './useFilesGallery';\nexport * from './types';\n"]}

package/build/esm/view/hooks/useFilesGallery/types.d.ts

@@ -0,0 +1,4 @@
+import type { GalleryItemProps } from '@gravity-ui/components';
+export type GalleryItemPropsWithUrl = GalleryItemProps & {
+    url?: string;
+};

package/build/esm/view/hooks/useFilesGallery/types.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=types.js.map

package/build/esm/view/hooks/useFilesGallery/types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.js","sourceRoot":"../../../../../src","sources":["view/hooks/useFilesGallery/types.ts"],"names":[],"mappings":"","sourcesContent":["import type {GalleryItemProps} from '@gravity-ui/components';\n\nexport type GalleryItemPropsWithUrl = GalleryItemProps & {\n    // pass the url to be able to exclude the items from content if they are found in the custom files\n    url?: string;\n};\n"]}

package/build/esm/view/hooks/useFilesGallery/useFilesGallery.d.ts

@@ -0,0 +1,5 @@
+import * as React from 'react';
+import type { GalleryItemPropsWithUrl } from "./types.js";
+export declare function useFilesGallery(customFiles?: GalleryItemPropsWithUrl[]): {
+    openFilesGallery: (event: React.MouseEvent<HTMLDivElement>) => void;
+};

package/build/esm/view/hooks/useFilesGallery/useFilesGallery.js

@@ -0,0 +1,52 @@
+import * as React from 'react';
+import { getGalleryItemImage, getGalleryItemVideo, useGallery } from '@gravity-ui/components';
+import { extensionRegex, supportedExtensions, supportedVideoExtensions } from "./constants.js";
+export function useFilesGallery(customFiles) {
+    const { openGallery } = useGallery();
+    return {
+        openFilesGallery: React.useCallback((event) => {
+            if (event.target instanceof HTMLElement) {
+                let fileLink = '';
+                if (event.target.tagName === 'IMG' && !event.target.closest('a')) {
+                    fileLink = event.target.getAttribute('src') ?? '';
+                }
+                else if (event.target.tagName === 'A') {
+                    fileLink = event.target.getAttribute('href') ?? '';
+                }
+                if (!fileLink) {
+                    return;
+                }
+                const filesFromContent = [
+                    ...(event.currentTarget?.querySelectorAll('img,a') ?? []),
+                ].reduce((result, element) => {
+                    const isImage = element.tagName === 'IMG';
+                    const link = isImage
+                        ? element.getAttribute('src')
+                        : element.getAttribute('href');
+                    if (link && !customFiles?.some((item) => item.url === link)) {
+                        const extension = link.match(extensionRegex)?.[0] || '';
+                        if (isImage || supportedExtensions.includes(extension)) {
+                            const name = (isImage
+                                ? element.getAttribute('alt')
+                                : element.getAttribute('title')) || '';
+                            result.push({
+                                ...(supportedVideoExtensions.includes(extension)
+                                    ? getGalleryItemVideo({ src: link, name: name })
+                                    : getGalleryItemImage({ src: link, name: name })),
+                                url: link,
+                            });
+                        }
+                    }
+                    return result;
+                }, []);
+                const files = [...(customFiles ?? []), ...filesFromContent];
+                const initialItemIndex = files.findIndex((item) => item.url === fileLink);
+                if (initialItemIndex !== -1) {
+                    event.preventDefault();
+                    openGallery(files, initialItemIndex);
+                }
+            }
+        }, [customFiles, openGallery]),
+    };
+}
+//# sourceMappingURL=useFilesGallery.js.map

package/build/esm/view/hooks/useFilesGallery/useFilesGallery.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useFilesGallery.js","sourceRoot":"../../../../../src","sources":["view/hooks/useFilesGallery/useFilesGallery.tsx"],"names":[],"mappings":"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","sourcesContent":["import * as React from 'react';\n\nimport {getGalleryItemImage, getGalleryItemVideo, useGallery} from '@gravity-ui/components';\n\nimport {extensionRegex, supportedExtensions, supportedVideoExtensions} from './constants';\nimport type {GalleryItemPropsWithUrl} from './types';\n\nexport function useFilesGallery(customFiles?: GalleryItemPropsWithUrl[]) {\n    const {openGallery} = useGallery();\n\n    return {\n        openFilesGallery: React.useCallback(\n            (event: React.MouseEvent<HTMLDivElement>) => {\n                if (event.target instanceof HTMLElement) {\n                    let fileLink = '';\n\n                    if (event.target.tagName === 'IMG' && !event.target.closest('a')) {\n                        fileLink = event.target.getAttribute('src') ?? '';\n                    } else if (event.target.tagName === 'A') {\n                        fileLink = event.target.getAttribute('href') ?? '';\n                    }\n\n                    if (!fileLink) {\n                        return;\n                    }\n\n                    const filesFromContent = [\n                        ...(event.currentTarget?.querySelectorAll('img,a') ?? []),\n                    ].reduce<GalleryItemPropsWithUrl[]>((result, element) => {\n                        const isImage = element.tagName === 'IMG';\n                        const link = isImage\n                            ? element.getAttribute('src')\n                            : element.getAttribute('href');\n\n                        if (link && !customFiles?.some((item) => item.url === link)) {\n                            const extension = link.match(extensionRegex)?.[0] || '';\n\n                            if (isImage || supportedExtensions.includes(extension)) {\n                                const name =\n                                    (isImage\n                                        ? element.getAttribute('alt')\n                                        : element.getAttribute('title')) || '';\n\n                                result.push({\n                                    ...(supportedVideoExtensions.includes(extension)\n                                        ? getGalleryItemVideo({src: link, name: name})\n                                        : getGalleryItemImage({src: link, name: name})),\n                                    url: link,\n                                });\n                            }\n                        }\n\n                        return result;\n                    }, []);\n\n                    const files = [...(customFiles ?? []), ...filesFromContent];\n\n                    const initialItemIndex = files.findIndex((item) => item.url === fileLink);\n\n                    if (initialItemIndex !== -1) {\n                        event.preventDefault();\n                        openGallery(files, initialItemIndex);\n                    }\n                }\n            },\n            [customFiles, openGallery],\n        ),\n    };\n}\n"]}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@gravity-ui/markdown-editor",
-  "version": "15.11.1",
+  "version": "15.12.1",
   "description": "Markdown wysiwyg and markup editor",
   "license": "MIT",
   "repository": {
@@ -225,15 +225,16 @@
     "@diplodoc/html-extension": "2.7.1",
     "@diplodoc/latex-extension": "1.0.3",
     "@diplodoc/mermaid-extension": "1.2.1",
-    "@diplodoc/quote-link-extension": "0.1.2",
+    "@diplodoc/quote-link-extension": "0.1.3",
     "@diplodoc/tabs-extension": "^3.5.1",
     "@diplodoc/transform": "^4.57.2",
+    "@gravity-ui/components": "4.2.2",
     "@gravity-ui/eslint-config": "3.3.0",
     "@gravity-ui/gulp-utils": "1.0.3",
     "@gravity-ui/prettier-config": "1.1.0",
     "@gravity-ui/stylelint-config": "4.0.1",
     "@gravity-ui/tsconfig": "1.0.0",
-    "@gravity-ui/uikit": "7.1.1",
+    "@gravity-ui/uikit": "7.10.0",
     "@playwright/experimental-ct-react": "1.49.0",
     "@playwright/test": "1.49.0",
     "@storybook/addon-docs": "8.4.1",
@@ -310,6 +311,9 @@
     },
     "lowlight": {
       "optional": true
+    },
+    "@gravity-ui/components": {
+      "optional": true
     }
   },
   "peerDependencies": {
@@ -319,9 +323,10 @@
     "@diplodoc/html-extension": "^2.3.2",
     "@diplodoc/latex-extension": "^1.0.3",
     "@diplodoc/mermaid-extension": "^1.0.0",
-    "@diplodoc/quote-link-extension": "^0.1.1",
+    "@diplodoc/quote-link-extension": "^0.1.3",
     "@diplodoc/tabs-extension": "^3.5.1",
     "@diplodoc/transform": "^4.43.0",
+    "@gravity-ui/components": "^4.2.2",
     "@gravity-ui/uikit": "^7.1.0",
     "highlight.js": "^11.8.0",
     "katex": "^0.16.9",