@gravity-ui/markdown-editor 13.24.0 → 13.25.1

package/build/cjs/extensions/behavior/SelectionContext/index.js

@@ -78,7 +78,8 @@ class SelectionTooltip {
             return;
         const { selection } = state;
         // Hide the tooltip if the selection is empty
-        if (selection.empty || !(selection instanceof prosemirror_state_1.TextSelection)) {
+        if (selection.empty ||
+            !(selection instanceof prosemirror_state_1.TextSelection || selection instanceof prosemirror_state_1.AllSelection)) {
             this.tooltip.hide(view);
             return;
         }

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

@@ -2,3 +2,4 @@ export * from './base';
 export * from './behavior';
 export * from './markdown';
 export * from './yfm';
+export * from './additional';

package/build/cjs/extensions/index.js

@@ -5,3 +5,4 @@ tslib_1.__exportStar(require("./base"), exports);
 tslib_1.__exportStar(require("./behavior"), exports);
 tslib_1.__exportStar(require("./markdown"), exports);
 tslib_1.__exportStar(require("./yfm"), exports);
+tslib_1.__exportStar(require("./additional"), exports);

package/build/cjs/extensions/yfm/YfmCut/YfmCutSpecs/schema.js

@@ -10,12 +10,12 @@ const getSchemaSpecs = (opts, placeholder) => {
     var _a, _b, _c, _d;
     return ({
         [const_1.CutNode.Cut]: {
-            attrs: { class: { default: 'yfm-cut' }, open: { default: null } },
+            attrs: { class: { default: 'yfm-cut' } },
             content: `${const_1.CutNode.CutTitle} ${const_1.CutNode.CutContent}`,
             group: 'block yfm-cut',
             parseDOM: [{ tag: '.yfm-cut' }],
             toDOM(node) {
-                return ['details', node.attrs, 0];
+                return ['div', node.attrs, 0];
             },
             selectable: true,
             allowSelection: true,
@@ -28,7 +28,7 @@ const getSchemaSpecs = (opts, placeholder) => {
             group: 'block yfm-cut',
             parseDOM: [{ tag: '.yfm-cut-title' }],
             toDOM(node) {
-                return ['summary', node.attrs, 0];
+                return ['div', node.attrs, 0];
             },
             placeholder: {
                 content: (_b = (_a = placeholder === null || placeholder === void 0 ? void 0 : placeholder[const_1.CutNode.CutTitle]) !== null && _a !== void 0 ? _a : opts === null || opts === void 0 ? void 0 : opts.yfmCutTitlePlaceholder) !== null && _b !== void 0 ? _b : DEFAULT_PLACEHOLDERS.Title,

package/build/cjs/extensions/yfm/YfmCut/actions/toYfmCut.js

@@ -5,7 +5,7 @@ const prosemirror_state_1 = require("prosemirror-state");
 const prosemirror_utils_1 = require("prosemirror-utils");
 const const_1 = require("../const");
 const createYfmCutNode = (schema) => (content) => {
-    return (0, const_1.cutType)(schema).create({ class: 'yfm-cut open', open: true }, [
+    return (0, const_1.cutType)(schema).create({ class: 'yfm-cut open' }, [
         (0, const_1.cutTitleType)(schema).create(null),
         (0, const_1.cutContentType)(schema).create(null, content),
     ]);

package/build/cjs/extensions/yfm/YfmCut/nodeviews/yfm-cut-title.css

@@ -1,3 +1,13 @@
 .yfm-cut-title .g-md-yfm-cut-title-inner {
   cursor: text;
+}
+
+.yfm-cut-content {
+  display: none;
+  overflow: hidden;
+  transition: height 0.3s ease-in-out;
+}
+
+.open > .yfm-cut-content {
+  display: revert;
 }

package/build/cjs/extensions/yfm/YfmCut/nodeviews/yfm-cut-title.js

@@ -4,7 +4,7 @@ exports.YfmCutTitleNodeView = void 0;
 class YfmCutTitleNodeView {
     constructor(node) {
         this.node = node;
-        this.dom = document.createElement('summary');
+        this.dom = document.createElement('div');
         this.dom.classList.add('yfm-cut-title');
         this.dom.replaceChildren((this.contentDOM = document.createElement('div')));
         this.contentDOM.classList.add('g-md-yfm-cut-title-inner');

package/build/cjs/extensions/yfm/YfmCut/plugins/auto-open.js

@@ -42,7 +42,6 @@ function openParentYfmCuts($pos, domAtPos) {
             if ($pos.node(depth - 1).type === (0, const_1.cutType)(schema)) {
                 const { node: cutDomNode } = domAtPos($pos.start(depth - 1), 0);
                 cutDomNode.classList.add('open');
-                cutDomNode.setAttribute('open', 'true');
                 depth--;
             }
         }
@@ -90,10 +89,9 @@ class CutAutoOpenOnDragOver {
         this._timeout = setTimeout(this._openCut.bind(this), CutAutoOpenOnDragOver.OPEN_TIMEOUT);
     }
     _openCut() {
-        var _a, _b;
+        var _a;
         if (this._editorView.dragging) {
             (_a = this._cutElem) === null || _a === void 0 ? void 0 : _a.classList.add('open');
-            (_b = this._cutElem) === null || _b === void 0 ? void 0 : _b.setAttribute('open', 'true');
         }
         this._clear();
     }

package/build/cjs/extensions/yfm/index.d.ts

@@ -11,4 +11,4 @@ export * from './YfmHeading';
 export * from './YfmNote';
 export * from './YfmTable';
 export * from './YfmTabs';
-export * from './GPT';
+export * from '../additional/GPT';

package/build/cjs/extensions/yfm/index.js

@@ -14,4 +14,4 @@ tslib_1.__exportStar(require("./YfmHeading"), exports);
 tslib_1.__exportStar(require("./YfmNote"), exports);
 tslib_1.__exportStar(require("./YfmTable"), exports);
 tslib_1.__exportStar(require("./YfmTabs"), exports);
-tslib_1.__exportStar(require("./GPT"), exports);
+tslib_1.__exportStar(require("../additional/GPT"), exports);

package/build/cjs/i18n/gpt/dialog/en.json

@@ -12,5 +12,5 @@
   "replace": "Replace the selected text",
   "replace-disabled": "Insert text",
   "try-again": "Try again",
-  "alert-gpt-presets-info": "Highlight text to see Yandex GPT presets"
+  "alert-gpt-presets-info": "Highlight text to see GPT presets"
 }

package/build/cjs/i18n/gpt/dialog/ru.json

@@ -12,5 +12,5 @@
   "replace": "Заменить выделенный текст",
   "replace-disabled": "Вставить текст",
   "try-again": "Иначе",
-  "alert-gpt-presets-info": "Выделите текст, чтобы увидеть пресеты Yandex GPT"
+  "alert-gpt-presets-info": "Выделите текст, чтобы увидеть пресеты GPT"
 }

package/build/cjs/i18n/menubar/index.d.ts

@@ -1,4 +1,4 @@
-export declare const i18n: <G extends "bold" | "code" | "link" | "italic" | "strike" | "underline" | "mark" | "quote" | "colorify" | "mono" | "text" | "html" | "cut" | "table" | "image" | "code_inline" | "list" | "heading" | "note" | "file" | "codeblock" | "checkbox" | "emoji" | "tabs" | "math" | "heading1" | "heading2" | "heading3" | "heading4" | "heading5" | "heading6" | "gpt" | "undo" | "redo" | "math_inline" | "math_block" | "colorify__color_blue" | "colorify__color_default" | "colorify__color_gray" | "colorify__color_green" | "colorify__color_orange" | "colorify__color_red" | "colorify__color_violet" | "colorify__color_yellow" | "colorify__group_text" | "folding-heading" | "folding-heading_hint" | "hrule" | "list__action_lift" | "list__action_sink" | "list_action_disabled" | "mermaid" | "more_action" | "olist" | "ulist", S extends string>(key: G | (string extends S ? S : never), params?: {
+export declare const i18n: <G extends "bold" | "code" | "link" | "italic" | "strike" | "underline" | "mark" | "quote" | "colorify" | "mono" | "text" | "html" | "cut" | "table" | "image" | "code_inline" | "list" | "heading" | "note" | "file" | "codeblock" | "checkbox" | "emoji" | "tabs" | "math" | "heading1" | "heading2" | "heading3" | "heading4" | "heading5" | "heading6" | "gpt" | "undo" | "redo" | "math_inline" | "math_block" | "mermaid" | "colorify__color_blue" | "colorify__color_default" | "colorify__color_gray" | "colorify__color_green" | "colorify__color_orange" | "colorify__color_red" | "colorify__color_violet" | "colorify__color_yellow" | "colorify__group_text" | "folding-heading" | "folding-heading_hint" | "hrule" | "list__action_lift" | "list__action_sink" | "list_action_disabled" | "more_action" | "olist" | "ulist", S extends string>(key: G | (string extends S ? S : never), params?: {
     [key: string]: any;
 } | undefined) => S extends G ? {
     bold: string;

package/build/cjs/version.js

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

package/build/esm/bundle/MarkdownEditorView.js

@@ -57,7 +57,10 @@ export const MarkdownEditorView = React.forwardRef((props, ref) => {
     const editorMode = editor.currentMode;
     const markupSplitMode = editor.splitModeEnabled && editor.splitMode && editorMode === 'markup';
     const canRenderPreview = Boolean(editor.renderPreview && editorMode === 'markup' && !editor.splitModeEnabled);
-    useKey((e) => canRenderPreview && isPreviewKeyDown(e), () => onShowPreviewChange(!showPreview), { event: 'keydown' }, [showPreview, editorMode, onShowPreviewChange, canRenderPreview]);
+    useKey((e) => canRenderPreview && isPreviewKeyDown(e), (e) => {
+        e.preventDefault();
+        onShowPreviewChange(!showPreview);
+    }, { event: 'keydown' }, [showPreview, editorMode, onShowPreviewChange, canRenderPreview]);
     const editorWrapperRef = useRef(null);
     const splitModeViewWrapperRef = useRef(null);
     useEffect(() => {
@@ -74,18 +77,19 @@ export const MarkdownEditorView = React.forwardRef((props, ref) => {
             onShowPreviewChange(false);
         }
     }, { event: 'keydown' }, [hidePreviewAfterSubmit, enableSubmitInPreview, showPreview, showPreview]);
-    const settings = useMemo(() => (React.createElement(Settings, { mode: editorMode, onModeChange: onModeChange, toolbarVisibility: editor.toolbarVisible && !showPreview, onToolbarVisibilityChange: onToolbarVisibilityChange, onSplitModeChange: onSplitModeChange, splitModeEnabled: editor.splitModeEnabled, splitMode: editor.splitMode, stickyToolbar: stickyToolbar, onShowPreviewChange: onShowPreviewChange, showPreview: showPreview, renderPreviewButton: canRenderPreview })), [
-        canRenderPreview,
-        stickyToolbar,
-        editor.splitMode,
-        editor.splitModeEnabled,
-        editor.toolbarVisible,
+    const settings = useMemo(() => (React.createElement(Settings, { mode: editorMode, settingsVisible: settingsVisible, onModeChange: onModeChange, toolbarVisibility: editor.toolbarVisible && !showPreview, onToolbarVisibilityChange: onToolbarVisibilityChange, onSplitModeChange: onSplitModeChange, splitModeEnabled: editor.splitModeEnabled, splitMode: editor.splitMode, stickyToolbar: stickyToolbar, onShowPreviewChange: onShowPreviewChange, showPreview: showPreview, renderPreviewButton: canRenderPreview })), [
         editorMode,
+        settingsVisible,
+        editor.toolbarVisible,
+        editor.splitModeEnabled,
+        editor.splitMode,
         onModeChange,
-        onShowPreviewChange,
-        onSplitModeChange,
-        onToolbarVisibilityChange,
         showPreview,
+        onToolbarVisibilityChange,
+        onSplitModeChange,
+        stickyToolbar,
+        onShowPreviewChange,
+        canRenderPreview,
     ]);
     return (React.createElement(ErrorBoundary, { onError: (e) => {
             logger.error(e);
@@ -118,8 +122,8 @@ export const MarkdownEditorView = React.forwardRef((props, ref) => {
                     })),
                     settings)) : (React.createElement(React.Fragment, null,
                     editorMode === 'wysiwyg' && (React.createElement(WysiwygEditorView, { editor: editor, autofocus: autofocus, settingsVisible: settingsVisible, toolbarConfig: wysiwygToolbarConfig, toolbarVisible: editor.toolbarVisible, hiddenActionsConfig: wysiwygHiddenActionsConfig, className: b('editor', { mode: editorMode }), toolbarClassName: b('toolbar'), stickyToolbar: stickyToolbar }, editor.toolbarVisible && settingsVisible && settings)),
-                    editorMode === 'markup' && (React.createElement(MarkupEditorView, { editor: editor, autofocus: autofocus, settingsVisible: settingsVisible, toolbarConfig: markupToolbarConfig, toolbarVisible: editor.toolbarVisible, splitMode: editor.splitMode, splitModeEnabled: editor.splitModeEnabled, hiddenActionsConfig: markupHiddenActionsConfig, className: b('editor', { mode: editorMode }), toolbarClassName: b('toolbar'), stickyToolbar: stickyToolbar }, editor.toolbarVisible && settingsVisible && settings)),
-                    !editor.toolbarVisible && settingsVisible && settings))),
+                    editorMode === 'markup' && (React.createElement(MarkupEditorView, { editor: editor, autofocus: autofocus, settingsVisible: settingsVisible, toolbarConfig: markupToolbarConfig, toolbarVisible: editor.toolbarVisible, splitMode: editor.splitMode, splitModeEnabled: editor.splitModeEnabled, hiddenActionsConfig: markupHiddenActionsConfig, className: b('editor', { mode: editorMode }), toolbarClassName: b('toolbar'), stickyToolbar: stickyToolbar }, editor.toolbarVisible && settings)),
+                    !editor.toolbarVisible && settings))),
                 markupSplitMode && (React.createElement(React.Fragment, null,
                     editor.splitMode === 'horizontal' ? (React.createElement(HorizontalDrag, { editor: editor, isMounted: isMounted, leftElRef: editorWrapperRef, rightElRef: splitModeViewWrapperRef, wrapperRef: divRef })) : (React.createElement("div", { className: b('resizer') })),
                     React.createElement(SplitModeView, { editor: editor, ref: splitModeViewWrapperRef })))))));
@@ -129,13 +133,13 @@ const MarkupSearchAnchor = ({ mode }) => (React.createElement(React.Fragment, nu
 function Settings(props) {
     const wrapperRef = useRef(null);
     const isSticky = useSticky(wrapperRef) && props.toolbarVisibility && props.stickyToolbar;
-    return (React.createElement("div", { className: b('settings-wrapper') },
+    return (React.createElement(React.Fragment, null, (props.renderPreviewButton || props.settingsVisible) && (React.createElement("div", { className: b('settings-wrapper') },
         React.createElement("div", { ref: wrapperRef, className: stickyCn.settings({
                 withToolbar: props.toolbarVisibility,
                 stickyActive: isSticky,
             }) },
             React.createElement(EditorSettings, Object.assign({}, props)),
-            React.createElement(MarkupSearchAnchor, Object.assign({}, props)))));
+            React.createElement(MarkupSearchAnchor, Object.assign({}, props)))))));
 }
 function isPreviewKeyDown(e) {
     const modKey = isMac() ? e.metaKey : e.ctrlKey;

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

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

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

@@ -1,6 +1,5 @@
 import { headingType, pType } from '../../extensions';
-// for typings from Math
-import { gptHotKeys } from '../../extensions/yfm/GPT/constants';
+import { gptHotKeys } from '../../extensions/additional/GPT/constants';
 import { i18n as i18nHint } from '../../i18n/hints';
 import { i18n } from '../../i18n/menubar';
 import { Action as A, formatter as f } from '../../shortcuts';

package/build/esm/bundle/settings/index.d.ts

@@ -4,6 +4,7 @@ import type { EditorMode, SplitMode } from '../Editor';
 import './index.css';
 export declare type EditorSettingsProps = Omit<SettingsContentProps, 'onClose'> & {
     renderPreviewButton?: boolean;
+    settingsVisible?: boolean;
 };
 export declare const EditorSettings: React.NamedExoticComponent<EditorSettingsProps>;
 declare type SettingsContentProps = ClassNameProps & {

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

@@ -17,7 +17,7 @@ const placement = ['bottom-end', 'top-end'];
 const bSettings = cn('editor-settings');
 const bContent = cn('settings-content');
 export const EditorSettings = React.memo(function EditorSettings(props) {
-    const { className, onShowPreviewChange, showPreview, renderPreviewButton } = props;
+    const { className, onShowPreviewChange, showPreview, renderPreviewButton, settingsVisible } = props;
     const chevronRef = React.useRef(null);
     const [popupShown, , hidePopup, togglePopup] = useBooleanState(false);
     return (React.createElement("div", { className: bSettings(null, [className]) },
@@ -25,11 +25,12 @@ export const EditorSettings = React.memo(function EditorSettings(props) {
             React.createElement(ActionTooltip, { openDelay: ToolbarTooltipDelay.Open, closeDelay: ToolbarTooltipDelay.Close, title: i18n('preview_hint'), hotkey: "mod+shift+p" },
                 React.createElement(Button, { size: "m", view: "flat", pin: "round-round", className: bSettings('preview-button'), onClick: () => onShowPreviewChange === null || onShowPreviewChange === void 0 ? void 0 : onShowPreviewChange(!showPreview), selected: showPreview },
                     React.createElement(Icon, { data: Eye }))),
-            React.createElement("div", { className: bSettings('separator') }))),
-        React.createElement(Button, { size: "m", view: "flat", ref: chevronRef, pin: "round-round", onClick: togglePopup, className: bSettings('dropdown-button') },
-            React.createElement(Icon, { data: Gear })),
-        React.createElement(Popup, { open: popupShown, anchorRef: chevronRef, placement: placement, onClose: hidePopup },
-            React.createElement(SettingsContent, Object.assign({}, props, { onClose: hidePopup, className: bSettings('content') })))));
+            settingsVisible && React.createElement("div", { className: bSettings('separator') }))),
+        settingsVisible && (React.createElement(React.Fragment, null,
+            React.createElement(Button, { size: "m", view: "flat", ref: chevronRef, pin: "round-round", onClick: togglePopup, className: bSettings('dropdown-button') },
+                React.createElement(Icon, { data: Gear })),
+            React.createElement(Popup, { open: popupShown, anchorRef: chevronRef, placement: placement, onClose: hidePopup },
+                React.createElement(SettingsContent, Object.assign({}, props, { onClose: hidePopup, className: bSettings('content') })))))));
 });
 const mdHelpPlacement = ['bottom', 'bottom-end', 'right-start', 'right', 'left'];
 const SettingsContent = function SettingsContent({ mode, onClose, onModeChange, toolbarVisibility, onToolbarVisibilityChange, onSplitModeChange, splitMode = false, splitModeEnabled, className, showPreview, }) {

package/build/esm/extensions/{yfm → additional}/GPT/GptDialog/GptDialog.d.ts

@@ -1,4 +1,4 @@
-import type { FC } from 'react';
+/// <reference types="react" />
 import { AlertProps } from '@gravity-ui/uikit';
 import type { CommonAnswer, GptRequestData, PromptPreset } from '../ErrorScreen/types';
 import './GptDialog.css';
@@ -26,4 +26,4 @@ export declare type GptDialogProps<AnswerData extends CommonAnswer = CommonAnswe
     };
 };
 export declare const cnGptDialog: import("@bem-react/classname").ClassNameFormatter;
-export declare const GptDialog: FC<GptDialogProps>;
+export declare const GptDialog: <AnswerData extends CommonAnswer = CommonAnswer, PromptData extends unknown = unknown>({ markup, answerRender, promptPresets, disablePromptPresets, customPromptPlaceholder, disabledPromptPlaceholder, onCustomPromptApply, onPromptPresetClick, onTryAgain, onApplyResult, onClose, onLike, onDislike, onUpdate, gptAlertProps, }: GptDialogProps<AnswerData, PromptData>) => JSX.Element;

package/build/esm/extensions/additional/GPT/MarkupGpt/commands.d.ts

@@ -0,0 +1,4 @@
+import type { Command, EditorView } from '../../../../cm/view';
+export declare const showMarkupGpt: (view: EditorView) => void;
+export declare const hideMarkupGpt: (view: EditorView) => void;
+export declare const runMarkupGpt: Command;

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

@@ -0,0 +1,12 @@
+import { HideMarkupGptEffect, ShowMarkupGptEffect } from './effects';
+export const showMarkupGpt = (view) => {
+    view.dispatch({ effects: [ShowMarkupGptEffect.of(null)] });
+};
+export const hideMarkupGpt = (view) => {
+    view.dispatch({ effects: [HideMarkupGptEffect.of(null)] });
+};
+export const runMarkupGpt = (view) => {
+    if (view)
+        showMarkupGpt(view);
+    return true;
+};

package/build/esm/extensions/additional/GPT/MarkupGpt/effects.d.ts

@@ -0,0 +1,2 @@
+export declare const ShowMarkupGptEffect: import("@codemirror/state").StateEffectType<null>;
+export declare const HideMarkupGptEffect: import("@codemirror/state").StateEffectType<null>;

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

@@ -0,0 +1,3 @@
+import { StateEffect } from '../../../../cm/state';
+export const ShowMarkupGptEffect = StateEffect.define();
+export const HideMarkupGptEffect = StateEffect.define();

package/build/esm/extensions/additional/GPT/MarkupGpt/index.d.ts

@@ -0,0 +1,5 @@
+import { GptWidgetOptions } from '../../..';
+import { CommonAnswer } from '../ErrorScreen/types';
+export { mGptToolbarItem } from './toolbar';
+export { showMarkupGpt, hideMarkupGpt } from './commands';
+export declare function mGptExtension<AnswerData extends CommonAnswer = CommonAnswer, PromptData extends unknown = unknown>(props: GptWidgetOptions<AnswerData, PromptData>): import("@codemirror/state").Extension[];

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

@@ -0,0 +1,17 @@
+import { keymap } from '@codemirror/view';
+import { gptHotKeys } from '../constants';
+import { runMarkupGpt } from './commands';
+import { mGptPlugin } from './plugin';
+export { mGptToolbarItem } from './toolbar';
+export { showMarkupGpt, hideMarkupGpt } from './commands';
+export function mGptExtension(props) {
+    return [
+        mGptPlugin(props).extension,
+        keymap.of([
+            {
+                key: gptHotKeys.openGptKey,
+                run: runMarkupGpt,
+            },
+        ]),
+    ];
+}

package/build/esm/extensions/additional/GPT/MarkupGpt/plugin.d.ts

@@ -0,0 +1,23 @@
+import { GptWidgetOptions } from '../../..';
+import { type DecorationSet, type EditorView, ViewPlugin, type ViewUpdate } from '../../../../cm/view';
+import { CommonAnswer } from '../ErrorScreen/types';
+export declare function mGptPlugin<AnswerData extends CommonAnswer = CommonAnswer, PromptData extends unknown = unknown>(gptProps: GptWidgetOptions<AnswerData, PromptData>): ViewPlugin<{
+    readonly _view: EditorView;
+    readonly _renderItem: import("../../..").RendererItem;
+    _anchor: Element | null;
+    decos: DecorationSet;
+    disablePromptPresets: boolean;
+    markup: string | null;
+    selectedPosition: {
+        from: number;
+        to: number;
+    };
+    update(update: ViewUpdate): void;
+    docViewUpdate(): void;
+    destroy(): void;
+    renderPopup(): JSX.Element | null;
+    _getDecorationText(update: ViewUpdate, from: number, to: number): string;
+    _clearSelectedText(): void;
+    _setSelectedText(str: string): void;
+    _onApplyResult(changedMarkup: string): void;
+}>;

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

@@ -0,0 +1,117 @@
+import { WidgetType } from '@codemirror/view';
+import { Decoration, ViewPlugin, } from '../../../../cm/view';
+import { ReactRendererFacet } from '../../../../markup';
+import { WIDGET_DECO_CLASS_NAME } from '../constants';
+import { isEmptyGptPrompts } from '../utils';
+import { hideMarkupGpt } from './commands';
+import { HideMarkupGptEffect, ShowMarkupGptEffect } from './effects';
+import { renderPopup } from './popup';
+class SpanWidget extends WidgetType {
+    constructor(className, textContent) {
+        super();
+        this.className = '';
+        this.textContent = '';
+        this.className = className;
+        this.textContent = textContent;
+    }
+    toDOM() {
+        const spanElem = document.createElement('span');
+        spanElem.className = this.className;
+        spanElem.textContent = this.textContent;
+        return spanElem;
+    }
+}
+export function mGptPlugin(gptProps) {
+    return ViewPlugin.fromClass(class {
+        constructor(view) {
+            this._anchor = null;
+            this.decos = Decoration.none;
+            this.disablePromptPresets = true;
+            this.markup = null;
+            this.selectedPosition = {
+                from: 0,
+                to: 0,
+            };
+            this._view = view;
+            this._renderItem = view.state
+                .facet(ReactRendererFacet)
+                .createItem('gpt-in-markup-mode', () => this.renderPopup());
+        }
+        update(update) {
+            if (update.docChanged || update.selectionSet) {
+                this.decos = Decoration.none;
+                return;
+            }
+            this.decos = this.decos.map(update.changes);
+            const { from, to } = update.state.selection.main;
+            this.selectedPosition.from = from;
+            this.selectedPosition.to = to;
+            for (const tr of update.transactions) {
+                for (const eff of tr.effects) {
+                    if (eff.is(ShowMarkupGptEffect)) {
+                        this._setSelectedText(this._getDecorationText(update, from, to));
+                        if (from === to) {
+                            this.disablePromptPresets = true;
+                            if (isEmptyGptPrompts(gptProps, true))
+                                return;
+                            const decorationWidget = Decoration.widget({
+                                widget: new SpanWidget(WIDGET_DECO_CLASS_NAME, ' '),
+                            });
+                            this.decos = Decoration.set([decorationWidget.range(from)]);
+                            return;
+                        }
+                        this.disablePromptPresets = false;
+                        if (isEmptyGptPrompts(gptProps, false))
+                            return;
+                        this.decos = Decoration.set([
+                            {
+                                from,
+                                to,
+                                value: Decoration.mark({ class: WIDGET_DECO_CLASS_NAME }),
+                            },
+                        ]);
+                    }
+                    if (eff.is(HideMarkupGptEffect)) {
+                        this.decos = Decoration.none;
+                    }
+                }
+            }
+        }
+        docViewUpdate() {
+            this._anchor = this._view.dom
+                .getElementsByClassName(WIDGET_DECO_CLASS_NAME)
+                .item(0);
+            this._renderItem.rerender();
+        }
+        destroy() {
+            this._clearSelectedText();
+            this._renderItem.remove();
+        }
+        renderPopup() {
+            if (!this._anchor || this.markup === null) {
+                return null;
+            }
+            return renderPopup(this._anchor, Object.assign(Object.assign({}, gptProps), { disablePromptPresets: this.disablePromptPresets, onClose: () => hideMarkupGpt(this._view), markup: this.markup, onApplyResult: (changedMarkup) => this._onApplyResult(changedMarkup) }));
+        }
+        _getDecorationText(update, from, to) {
+            return update.state.doc.sliceString(from, to);
+        }
+        _clearSelectedText() {
+            this.markup = null;
+        }
+        _setSelectedText(str) {
+            this.markup = str;
+        }
+        _onApplyResult(changedMarkup) {
+            const { from, to } = this.selectedPosition;
+            const changes = [{ from: from, to: to, insert: changedMarkup }];
+            const transaction = this._view.state.update({
+                changes: changes,
+                effects: [HideMarkupGptEffect.of(null)],
+            });
+            this._view.dispatch(transaction);
+        }
+    }, {
+        decorations: (value) => value.decos,
+    });
+}

package/build/esm/extensions/additional/GPT/MarkupGpt/popup.d.ts

@@ -0,0 +1,12 @@
+/// <reference types="react" />
+import { PopupProps } from '@gravity-ui/uikit';
+import { CommonAnswer } from '../ErrorScreen/types';
+import { GptDialogProps } from '../GptDialog/GptDialog';
+declare type Props<AnswerData extends CommonAnswer = CommonAnswer, PromptData extends unknown = unknown> = {
+    onClose: () => void;
+    markup: string;
+    onConfirmOk?: () => void;
+    onConfirmCancel?: () => void;
+} & GptDialogProps<AnswerData, PromptData> & Pick<PopupProps, 'anchorRef' | 'container'>;
+export declare function renderPopup<AnswerData extends CommonAnswer = CommonAnswer, PromptData extends unknown = unknown>(anchor: HTMLElement, props: Props<AnswerData, PromptData>): JSX.Element;
+export {};

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

@@ -0,0 +1,9 @@
+import React from 'react';
+import { Popup } from '@gravity-ui/uikit';
+import { GptDialog } from '../GptDialog/GptDialog';
+import { cnGptPopup } from '../gptExtension/view';
+export function renderPopup(anchor, props) {
+    const handleUpdate = (result) => { var _a; return (_a = props.onUpdate) === null || _a === void 0 ? void 0 : _a.call(props, result); };
+    return (React.createElement(Popup, { className: cnGptPopup(), contentClassName: cnGptPopup('content'), open: true, anchorRef: { current: anchor }, onOutsideClick: props.onClose, focusTrap: true, strategy: "absolute", onEscapeKeyDown: props.onClose },
+        React.createElement(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: handleUpdate, gptAlertProps: props.gptAlertProps })));
+}

package/build/esm/extensions/additional/GPT/MarkupGpt/toolbar.d.ts

@@ -0,0 +1,2 @@
+import { MToolbarSingleItemData } from '../../../../bundle/config/markup';
+export declare const mGptToolbarItem: MToolbarSingleItemData;

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

@@ -0,0 +1,15 @@
+import { i18n } from '../../../../i18n/gpt/extension';
+import { GPTIcon } from '../../../../icons';
+import { ToolbarDataType } from '../../../../toolbar';
+import { gptHotKeys } from '../constants';
+import { showMarkupGpt } from './commands';
+export const mGptToolbarItem = {
+    id: 'gpt',
+    type: ToolbarDataType.SingleButton,
+    hotkey: gptHotKeys.openGptKeyTooltip,
+    title: () => `${i18n('help-with-text')}`,
+    icon: { data: GPTIcon },
+    exec: (e) => showMarkupGpt(e.cm),
+    isActive: () => false,
+    isEnable: () => true,
+};

package/build/esm/extensions/additional/GPT/PresetList/PresetList.d.ts

@@ -0,0 +1,10 @@
+import { CommonAnswer } from '../ErrorScreen/types';
+import type { GptDialogProps } from '../GptDialog/GptDialog';
+import './Presetlist.css';
+export declare type PresetListProps<AnswerData extends CommonAnswer = CommonAnswer, PromptData extends unknown = unknown> = {
+    disablePromptPresets: GptDialogProps<AnswerData, PromptData>['disablePromptPresets'];
+    promptPresets: GptDialogProps<AnswerData, PromptData>['promptPresets'];
+    onPresetClick: (data?: PromptData) => void;
+};
+export declare const cnGptDialogPresetList: import("@bem-react/classname").ClassNameFormatter;
+export declare const PresetList: <AnswerData extends CommonAnswer = CommonAnswer, PromptData extends unknown = unknown>({ disablePromptPresets, promptPresets, onPresetClick, }: PresetListProps<AnswerData, PromptData>) => JSX.Element;

package/build/esm/extensions/{yfm → additional}/GPT/PresetList/PresetList.js

@@ -7,7 +7,7 @@ import { useGptHotKeys } from '../hooks/useGptHotKeys';
 import { usePresetList } from '../hooks/usePresetList';
 import './Presetlist.css';
 export const cnGptDialogPresetList = cn('gpt-dialog-preset-list');
-const PresetItem = ({ preset, onPresetClick, disablePromptPresets, hotKey }) => {
+const PresetItem = ({ preset, onPresetClick, disablePromptPresets, hotKey, }) => {
     useGptHotKeys(hotKey, () => {
         onPresetClick(preset.data);
     }, { enableOnFormTags: true, enableOnContentEditable: true });

package/build/{cjs/extensions/yfm → esm/extensions/additional}/GPT/gptExtension/gptExtension.d.ts

@@ -1,9 +1,9 @@
-import { Action, ExtensionWithOptions } from 'src/core';
+import { Action, ExtensionBuilder } from '../../../../core';
 import type { CommonAnswer } from '../ErrorScreen/types';
 import type { GptWidgetDecoViewParams } from './view';
 export declare const gptActionName = "addGptWidget";
 export declare type GptWidgetOptions<AnswerData extends CommonAnswer = CommonAnswer, PromptData extends unknown = unknown> = Pick<GptWidgetDecoViewParams<AnswerData, PromptData>, 'gptPopupContainer' | 'answerRender' | 'onApplyResult' | 'promptPresets' | 'customPromptPlaceholder' | 'disabledPromptPlaceholder' | 'onCustomPromptApply' | 'onPromptPresetClick' | 'onTryAgain' | 'onLike' | 'onDislike' | 'onClose' | 'onUpdate' | 'gptAlertProps'>;
-export declare const gptExtension: ExtensionWithOptions<GptWidgetOptions>;
+export declare const gptExtension: <AnswerData extends CommonAnswer = CommonAnswer, PromptData extends unknown = unknown>(builder: ExtensionBuilder, options: GptWidgetOptions<AnswerData, PromptData>) => void;
 declare global {
     namespace WysiwygEditor {
         interface Actions {

package/build/esm/extensions/{yfm → additional}/GPT/gptExtension/view.d.ts

@@ -13,7 +13,7 @@ export declare type GptWidgetDecoViewParams<AnswerData extends CommonAnswer = Co
     onApplyResult?: GptDialogProps['onApplyResult'];
     gptPopupContainer?: PopupProps['container'];
 };
-export declare class GptWidgetDecoView implements Required<PluginView> {
+export declare class GptWidgetDecoView<AnswerData extends CommonAnswer = CommonAnswer, PromptData extends unknown = unknown> implements Required<PluginView> {
     private readonly _view;
     private readonly _renderer;
     private _decoElem;
@@ -21,7 +21,7 @@ export declare class GptWidgetDecoView implements Required<PluginView> {
     private _serializer;
     private _parser;
     private _confirmOpen;
-    constructor(view: EditorView, params: GptWidgetDecoViewParams);
+    constructor(view: EditorView, params: GptWidgetDecoViewParams<AnswerData, PromptData>);
     update(view: EditorView, prevState: EditorState): void;
     destroy(): void;
     private _resetState;

package/build/esm/extensions/{yfm → additional}/GPT/hooks/useGpt.d.ts

@@ -15,7 +15,7 @@ export declare const useGpt: <AnswerData extends CommonAnswer = CommonAnswer, Pr
     handleCustomPromptUpdate: import("react").Dispatch<import("react").SetStateAction<string>>;
     handleCustomPromptKeyPress: import("react").KeyboardEventHandler<HTMLInputElement>;
     handleCustomPromptApply: () => Promise<void>;
-    handlePresetClick: (data: PromptData) => void;
+    handlePresetClick: (data?: PromptData | undefined) => void;
     handleTryAgain: () => Promise<void>;
     handleFreshStart: () => void;
     handleApplyResult: () => void;

package/build/esm/extensions/additional/GPT/hooks/usePresetList.d.ts

@@ -0,0 +1,15 @@
+import type { DropdownMenuItem } from '@gravity-ui/uikit';
+import { CommonAnswer } from '../ErrorScreen/types';
+import type { GptDialogProps } from '../GptDialog/GptDialog';
+import type { PresetListProps } from '../PresetList/PresetList';
+declare type UsePresetListProps<AnswerData extends CommonAnswer = CommonAnswer, PromptData extends unknown = unknown> = Pick<GptDialogProps<AnswerData, PromptData>, 'promptPresets'> & {
+    onPresetClick: PresetListProps<AnswerData, PromptData>['onPresetClick'];
+};
+export declare const usePresetList: <AnswerData extends CommonAnswer = CommonAnswer, PromptData extends unknown = unknown>({ promptPresets, onPresetClick, }: UsePresetListProps<AnswerData, PromptData>) => {
+    measured: boolean;
+    showMoreButton: boolean;
+    presetsContainerRef: import("react").RefObject<HTMLDivElement>;
+    visiblePresets: import("../ErrorScreen/types").PromptPreset<PromptData>[];
+    hiddenPresets: DropdownMenuItem<unknown>[];
+};
+export {};