@gravity-ui/markdown-editor 13.23.0 → 13.25.0

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/{yfm → additional}/GPT/index.d.ts

@@ -1,2 +1,3 @@
 export * from './toolbar';
 export * from './gptExtension/gptExtension';
+export * from './MarkupGpt';

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

@@ -1,2 +1,3 @@
 export * from './toolbar';
 export * from './gptExtension/gptExtension';
+export * from './MarkupGpt';

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

@@ -2,6 +2,7 @@ import { Plugin, PluginKey } from 'prosemirror-state';
 import { Decoration, DecorationSet } from 'prosemirror-view';
 import { WIDGET_DECO_CLASS_NAME, WIDGET_DECO_SPEC_FLAG } from './constants';
 import { GptWidgetDecoView } from './gptExtension/view';
+import { isEmptyGptPrompts } from './utils';
 const key = new PluginKey('gpt-widget');
 export { key as pluginKey };
 export const gptWidgetPlugin = (params) => {
@@ -12,18 +13,23 @@ export const gptWidgetPlugin = (params) => {
             apply: (tr, decos) => {
                 const meta = tr.getMeta(key);
                 const paramsGpt = params;
+                paramsGpt.disablePromptPresets = false;
                 if ((meta === null || meta === void 0 ? void 0 : meta.action) === 'show') {
                     if (meta.to === meta.from) {
                         const spanElem = document.createElement('span');
                         spanElem.className = WIDGET_DECO_CLASS_NAME;
                         spanElem.textContent = ' ';
                         paramsGpt.disablePromptPresets = true;
+                        if (isEmptyGptPrompts(paramsGpt, true))
+                            return DecorationSet.empty;
                         return DecorationSet.create(tr.doc, [
                             Decoration.widget(meta.from, spanElem, {
                                 [WIDGET_DECO_SPEC_FLAG]: true,
                             }),
                         ]);
                     }
+                    if (isEmptyGptPrompts(paramsGpt, false))
+                        return DecorationSet.empty;
                     return DecorationSet.create(tr.doc, [
                         Decoration.inline(meta.from, meta.to, { nodeName: 'span', class: WIDGET_DECO_CLASS_NAME }, { [WIDGET_DECO_SPEC_FLAG]: true }),
                     ]);

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

@@ -1,5 +1,6 @@
 import type React from 'react';
 import { GptDialogProps } from './GptDialog/GptDialog';
+import { GptWidgetOptions } from './gptExtension/gptExtension';
 declare type CombinedKeyboardEvent = KeyboardEvent | React.KeyboardEvent;
 export declare function getAlertGptInfo(gptAlert: GptDialogProps['gptAlertProps']): {
     alertMessage: string;
@@ -10,4 +11,5 @@ export declare function getDisableReplaceButtonText(disablePromptPresets?: boole
 export declare function getInputPlaceHolder(disablePromptPresets?: boolean, disabledPromptPlaceholder?: string, customPromptPlaceholder?: string): string | undefined;
 export declare const isEnter: (event: CombinedKeyboardEvent) => boolean;
 export declare function focusWithoutScroll(element?: HTMLElement | null): void;
+export declare function isEmptyGptPrompts(gptWidgetOptions: GptWidgetOptions, disablePromptPresets: boolean): boolean;
 export {};

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

@@ -21,3 +21,13 @@ export function focusWithoutScroll(element) {
     });
     window.scrollTo(x, y);
 }
+export function isEmptyGptPrompts(gptWidgetOptions, disablePromptPresets) {
+    var _a;
+    if (disablePromptPresets && !gptWidgetOptions.onCustomPromptApply)
+        return true;
+    if (!disablePromptPresets &&
+        !((_a = gptWidgetOptions.promptPresets) === null || _a === void 0 ? void 0 : _a.length) &&
+        !gptWidgetOptions.onCustomPromptApply)
+        return true;
+    return false;
+}

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

@@ -0,0 +1 @@
+export * from './GPT';

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

@@ -0,0 +1 @@
+export * from './GPT';

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

@@ -1,5 +1,5 @@
 import { keydownHandler } from 'prosemirror-keymap';
-import { Plugin, TextSelection } from 'prosemirror-state';
+import { AllSelection, Plugin, TextSelection, } from 'prosemirror-state';
 import { isCodeBlock } from '../../../utils/nodes';
 import { TooltipView } from './tooltip';
 export const SelectionContext = (builder, { config }) => {
@@ -74,7 +74,8 @@ class SelectionTooltip {
             return;
         const { selection } = state;
         // Hide the tooltip if the selection is empty
-        if (selection.empty || !(selection instanceof TextSelection)) {
+        if (selection.empty ||
+            !(selection instanceof TextSelection || selection instanceof AllSelection)) {
             this.tooltip.hide(view);
             return;
         }

package/build/esm/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/esm/extensions/index.js

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

package/build/esm/extensions/yfm/Math/commands.d.ts

@@ -7,6 +7,10 @@ export declare const ignoreIfCursorInsideMathInline: Command;
  */
 export declare const removeEmptyMathInlineIfCursorIsAtBeginning: Command;
 /**
- * If MathInline is before cursor – move cursor to the end of the math
+ * Handle cursor movement to the right at the boundary of a MathInline block
  */
-export declare const moveCursorToEndOfMathInline: Command;
+export declare const moveCursorRightOfMathInline: Command;
+/**
+ * Handle cursor movement to the left at the boundary of a MathInline block
+ */
+export declare const moveCursorLeftOfMathInline: Command;

package/build/esm/extensions/yfm/Math/commands.js

@@ -25,14 +25,39 @@ export const removeEmptyMathInlineIfCursorIsAtBeginning = ({ tr, schema }, dispa
     return false;
 };
 /**
- * If MathInline is before cursor – move cursor to the end of the math
+ * Handle cursor movement to the right at the boundary of a MathInline block
  */
-export const moveCursorToEndOfMathInline = ({ tr, schema }, dispatch) => {
+export const moveCursorRightOfMathInline = ({ tr, schema }, dispatch) => {
     var _a;
     const $cursor = get$Cursor(tr.selection);
-    if (((_a = $cursor === null || $cursor === void 0 ? void 0 : $cursor.nodeBefore) === null || _a === void 0 ? void 0 : _a.type) === mathIType(schema)) {
-        dispatch === null || dispatch === void 0 ? void 0 : dispatch(tr.setSelection(TextSelection.create(tr.doc, $cursor.pos - 1)));
-        return true;
+    if ($cursor) {
+        const mathType = mathIType(schema);
+        const isOnBeforeOfMathInline = ((_a = $cursor.nodeAfter) === null || _a === void 0 ? void 0 : _a.type) === mathType;
+        const isOnEndOfMathInline = $cursor.parentOffset === $cursor.parent.content.size &&
+            $cursor.parent.type === mathType;
+        if (isOnBeforeOfMathInline || isOnEndOfMathInline) {
+            const newPos = $cursor.pos + 1;
+            dispatch === null || dispatch === void 0 ? void 0 : dispatch(tr.setSelection(TextSelection.create(tr.doc, newPos)));
+            return true;
+        }
+    }
+    return false;
+};
+/**
+ * Handle cursor movement to the left at the boundary of a MathInline block
+ */
+export const moveCursorLeftOfMathInline = ({ tr, schema }, dispatch) => {
+    var _a;
+    const $cursor = get$Cursor(tr.selection);
+    if ($cursor) {
+        const mathType = mathIType(schema);
+        const isOnAfterOfMathInline = ((_a = $cursor.nodeBefore) === null || _a === void 0 ? void 0 : _a.type) === mathType;
+        const isOnStartOfMathInline = $cursor.parentOffset === 0 && $cursor.parent.type === mathType;
+        if (isOnAfterOfMathInline || isOnStartOfMathInline) {
+            const newPos = $cursor.pos - 1;
+            dispatch === null || dispatch === void 0 ? void 0 : dispatch(tr.setSelection(TextSelection.create(tr.doc, newPos)));
+            return true;
+        }
     }
     return false;
 };

package/build/esm/extensions/yfm/Math/index.js

@@ -4,7 +4,7 @@ import { hasParentNodeOfType } from 'prosemirror-utils';
 import { inlineNodeInputRule, textblockTypeInputRule } from '../../../utils/inputrules';
 import { isTextSelection } from '../../../utils/selection';
 import { MathSpecs } from './MathSpecs';
-import { ignoreIfCursorInsideMathInline, moveCursorToEndOfMathInline, removeEmptyMathInlineIfCursorIsAtBeginning, } from './commands';
+import { ignoreIfCursorInsideMathInline, moveCursorLeftOfMathInline, removeEmptyMathInlineIfCursorIsAtBeginning, } from './commands';
 import { mathBType, mathIType } from './const';
 import { mathViewAndEditPlugin } from './view-and-edit';
 import './index.css';
@@ -17,7 +17,7 @@ export const Math = (builder, opts) => {
     builder.use(MathSpecs);
     builder.addKeymap(() => ({
         Enter: ignoreIfCursorInsideMathInline,
-        Backspace: chainCommands(moveCursorToEndOfMathInline, removeEmptyMathInlineIfCursorIsAtBeginning),
+        Backspace: chainCommands(removeEmptyMathInlineIfCursorIsAtBeginning, moveCursorLeftOfMathInline),
     }));
     builder
         .addPlugin(() => mathViewAndEditPlugin(Object.assign(Object.assign({}, opts), { reactRenderer: builder.context.get('reactrenderer') })))

package/build/esm/extensions/yfm/Math/view-and-edit.js

@@ -2,10 +2,10 @@ import { keydownHandler } from 'prosemirror-keymap';
 import { Plugin } from 'prosemirror-state';
 import { Decoration, DecorationSet } from 'prosemirror-view';
 import { isTextSelection } from '../../../utils/selection';
-import { moveCursorToEndOfMathInline } from './commands';
+import { moveCursorLeftOfMathInline, moveCursorRightOfMathInline } from './commands';
 import { CLASSNAMES, MathNode } from './const';
 import { b, renderMathHint } from './hint';
-import './view-and-edit.css'; // eslint-disable-line import/order
+import './view-and-edit.css';
 const MATH_ACTIVE_DECO = 'math_active_decoration';
 export class MathNodeView {
     constructor(node, opts) {
@@ -156,13 +156,14 @@ export class MathBlockNodeView extends MathNodeView {
 }
 export const mathViewAndEditPlugin = (options) => new Plugin({
     props: {
+        handleKeyDown: keydownHandler({
+            ArrowRight: moveCursorRightOfMathInline,
+            ArrowLeft: moveCursorLeftOfMathInline,
+        }),
         nodeViews: {
             [MathNode.Block]: (node) => new MathBlockNodeView(node, options),
             [MathNode.Inline]: (node) => new MathInlineNodeView(node, options),
         },
-        handleKeyDown: keydownHandler({
-            ArrowLeft: moveCursorToEndOfMathInline,
-        }),
         decorations: (state) => {
             const { selection } = state;
             if (isTextSelection(selection)) {

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

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

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

@@ -2,7 +2,7 @@ import { TextSelection } from 'prosemirror-state';
 import { findParentNodeClosestToPos } from 'prosemirror-utils';
 import { cutContentType, cutTitleType, cutType } from '../const';
 const createYfmCutNode = (schema) => (content) => {
-    return cutType(schema).create({ class: 'yfm-cut open' }, [
+    return cutType(schema).create({ class: 'yfm-cut open', open: true }, [
         cutTitleType(schema).create(null),
         cutContentType(schema).create(null, content),
     ]);

package/build/esm/extensions/yfm/YfmCut/index.css

@@ -1,10 +1,22 @@
 .ProseMirror.yfm .yfm-cut {
   border: 1px dashed transparent;
   border-radius: var(--g-border-radius-s);
+  /* TODO: Remove this after updating @diplodoc/transform to version 4.19.0 or higher */
+  /* This ensures backward compatibility with earlier versions of cut-extension */
 }
 .ProseMirror.yfm .yfm-cut:hover {
   border-color: var(--g-color-line-generic);
 }
 .ProseMirror.yfm .yfm-cut.yfm-cut-active {
   border-color: var(--g-color-line-generic);
+}
+.ProseMirror.yfm .yfm-cut .yfm-cut-title:focus {
+  outline: 0;
+}
+.ProseMirror.yfm .yfm-cut .yfm-cut-title {
+  list-style: none;
+}
+.ProseMirror.yfm .yfm-cut .yfm-cut-title::-webkit-details-marker,
+.ProseMirror.yfm .yfm-cut .yfm-cut-title::marker {
+  display: none;
 }

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

@@ -2,7 +2,7 @@ import './yfm-cut-title.css';
 export class YfmCutTitleNodeView {
     constructor(node) {
         this.node = node;
-        this.dom = document.createElement('div');
+        this.dom = document.createElement('summary');
         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');
@@ -10,6 +10,7 @@ export class YfmCutTitleNodeView {
             // ignore clicking on the title content
             // you can open/close yfm-cut by clicking on the arrow icon
             e.stopPropagation();
+            e.preventDefault();
         });
     }
     update(node) {

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

@@ -38,6 +38,7 @@ function openParentYfmCuts($pos, domAtPos) {
             if ($pos.node(depth - 1).type === cutType(schema)) {
                 const { node: cutDomNode } = domAtPos($pos.start(depth - 1), 0);
                 cutDomNode.classList.add('open');
+                cutDomNode.setAttribute('open', 'true');
                 depth--;
             }
         }
@@ -85,9 +86,10 @@ class CutAutoOpenOnDragOver {
         this._timeout = setTimeout(this._openCut.bind(this), CutAutoOpenOnDragOver.OPEN_TIMEOUT);
     }
     _openCut() {
-        var _a;
+        var _a, _b;
         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/esm/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/esm/extensions/yfm/index.js

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

@@ -1,2 +1,2 @@
 /** During build process, the current version will be injected here */
-export const VERSION = typeof '13.23.0' !== 'undefined' ? '13.23.0' : 'unknown';
+export const VERSION = typeof '13.25.0' !== 'undefined' ? '13.25.0' : 'unknown';