@gravity-ui/markdown-editor 14.12.1 → 14.12.2

package/build/esm/extensions/additional/GPT/GptDialog/GptDialog.js

@@ -1,20 +1,19 @@
-import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
-import { useCallback, useRef, useState } from 'react';
+import React, { useCallback, useRef, useState } from 'react';
 import { ArrowRight, ArrowRotateLeft, ThumbsDown, ThumbsUp } from '@gravity-ui/icons';
 import { ActionTooltip, Alert, Button, Icon, TextInput } from '@gravity-ui/uikit';
-import { cn } from "../../../../classname.js";
-import { i18n } from "../../../../i18n/gpt/dialog/index.js";
-import gptIcon from "../../../../icons/GPT.js";
-import { useAutoFocus } from "../../../../react-utils/useAutoFocus.js";
-import { ErrorScreen } from "../ErrorScreen/ErrorScreen.js";
-import { IconRefuge } from "../IconRefuge/IconRefuge.js";
-import { PresetList } from "../PresetList/PresetList.js";
-import { gptHotKeys } from "../constants.js";
-import { useGpt } from "../hooks/useGpt.js";
-import { useGptHotKeys } from "../hooks/useGptHotKeys.js";
-import { getAlertGptInfo, getDisableReplaceButtonText, getInputPlaceHolder } from "../utils.js";
-import { LoadingScreen } from "./LoadingScreen/LoadingScreen.js";
-import "./GptDialog.css";
+import { cn } from '../../../../classname';
+import { i18n } from '../../../../i18n/gpt/dialog';
+import gptIcon from '../../../../icons/GPT';
+import { useAutoFocus } from '../../../../react-utils/useAutoFocus';
+import { ErrorScreen } from '../ErrorScreen/ErrorScreen';
+import { IconRefuge } from '../IconRefuge/IconRefuge';
+import { PresetList } from '../PresetList/PresetList';
+import { gptHotKeys } from '../constants';
+import { useGpt } from '../hooks/useGpt';
+import { useGptHotKeys } from '../hooks/useGptHotKeys';
+import { getAlertGptInfo, getDisableReplaceButtonText, getInputPlaceHolder } from '../utils';
+import { LoadingScreen } from './LoadingScreen/LoadingScreen';
+import './GptDialog.css';
 export const cnGptDialog = cn('gpt-dialog');
 export const GptDialog = ({ markup, answerRender, promptPresets, disablePromptPresets, customPromptPlaceholder, disabledPromptPlaceholder, onCustomPromptApply, onPromptPresetClick, onTryAgain, onApplyResult, onClose, onLike, onDislike, onUpdate, gptAlertProps, }) => {
     const { answer, customPrompt, loading, mode, feedbackType, feedbackTypeLoading, handleLike, handleDislike, handleCustomPromptUpdate, handleCustomPromptKeyPress, handleCustomPromptApply, handlePresetClick, handleTryAgain, handleFreshStart, handleApplyResult, showAnswer, showError, showAnswerActions, showTryAgainButton, } = useGpt({
@@ -30,13 +29,14 @@ export const GptDialog = ({ markup, answerRender, promptPresets, disablePromptPr
     });
     const gptAlert = gptAlertProps;
     const customPromptContainerRef = useRef(null);
-    const [showedGptAlert, setShowedGptAlert] = useState(gptAlert?.showedGptAlert);
+    const [showedGptAlert, setShowedGptAlert] = useState(gptAlert === null || gptAlert === void 0 ? void 0 : gptAlert.showedGptAlert);
     const { alertMessage, alertTheme, alertClassName } = getAlertGptInfo(gptAlert);
     const onCloseAlert = useCallback(() => {
+        var _a;
         if (gptAlert) {
             gptAlert.showedGptAlert = false;
         }
-        gptAlert?.onCloseGptAlert?.();
+        (_a = gptAlert === null || gptAlert === void 0 ? void 0 : gptAlert.onCloseGptAlert) === null || _a === void 0 ? void 0 : _a.call(gptAlert);
         setShowedGptAlert(false);
     }, [gptAlert]);
     useAutoFocus(customPromptContainerRef, [showAnswer]);
@@ -45,21 +45,54 @@ export const GptDialog = ({ markup, answerRender, promptPresets, disablePromptPr
     useGptHotKeys(gptHotKeys.applyResultGpt, handleApplyResult);
     const replaceButtonText = getDisableReplaceButtonText(disablePromptPresets);
     const inputPlaceholderText = getInputPlaceHolder(disablePromptPresets, disabledPromptPlaceholder, customPromptPlaceholder);
-    const tryAgainButton = (_jsx(ActionTooltip, { hotkey: gptHotKeys.tryAgainGpt, title: i18n('try-again'), children: _jsxs(Button, { className: cnGptDialog('try-again-button'), view: "normal", size: "m", onClick: handleTryAgain, children: [_jsx(Icon, { data: ArrowRotateLeft, size: 16 }), i18n('try-again')] }) }));
+    const tryAgainButton = (React.createElement(ActionTooltip, { hotkey: gptHotKeys.tryAgainGpt, title: i18n('try-again') },
+        React.createElement(Button, { className: cnGptDialog('try-again-button'), view: "normal", size: "m", onClick: handleTryAgain },
+            React.createElement(Icon, { data: ArrowRotateLeft, size: 16 }),
+            i18n('try-again'))));
     let content = null;
     if (loading) {
-        content = _jsx(LoadingScreen, {});
+        content = React.createElement(LoadingScreen, null);
     }
     else if (showError) {
-        content = _jsx(ErrorScreen, { onRetry: handleTryAgain, onStartAgain: handleFreshStart });
+        content = React.createElement(ErrorScreen, { onRetry: handleTryAgain, onStartAgain: handleFreshStart });
     }
     else {
-        content = (_jsxs(_Fragment, { children: [_jsxs("div", { className: cnGptDialog('header'), children: [_jsxs("div", { className: cnGptDialog('header-top'), children: [_jsx(IconRefuge, { containerClassName: cnGptDialog('gpt-icon'), data: gptIcon, refugeSize: 28, size: 16 }), (mode === 'only-custom' || mode === 'custom-and-presets') &&
-                                    (showAnswer ? (_jsx("span", { className: cnGptDialog('answer-title'), children: i18n('answer-title') })) : (_jsxs("div", { className: cnGptDialog('custom-prompt'), children: [_jsx(TextInput, { controlRef: customPromptContainerRef, view: "clear", size: "m", className: cnGptDialog('custom-prompt-input'), placeholder: inputPlaceholderText, onKeyPress: handleCustomPromptKeyPress, onUpdate: handleCustomPromptUpdate }), _jsx(Button, { className: cnGptDialog('custom-prompt-ask-button'), view: "normal", size: "s", disabled: !customPrompt, onClick: handleCustomPromptApply, children: _jsx(Icon, { data: ArrowRight, size: 16 }) })] }))), mode === 'only-presets' && (_jsx("div", { className: cnGptDialog('alone-presets'), children: _jsx("span", { className: cnGptDialog('alone-presets-text'), children: i18n('only-presets-title') }) }))] }), (mode === 'custom-and-presets' || mode === 'only-presets') &&
-                            ((showTryAgainButton && (_jsxs("div", { className: cnGptDialog('header-bottom'), children: [tryAgainButton, _jsx(ActionTooltip, { title: i18n('fresh-start-button'), hotkey: gptHotKeys.freshStartGpt, children: _jsx(Button, { className: cnGptDialog('back-to-start'), view: "normal", size: "m", onClick: handleFreshStart, children: i18n('fresh-start-button') }) })] }))) ||
-                                (!disablePromptPresets && (_jsx("div", { className: cnGptDialog('header-bottom'), children: _jsx(PresetList, { disablePromptPresets: disablePromptPresets, promptPresets: promptPresets, onPresetClick: handlePresetClick }) }))) ||
-                                (disablePromptPresets && showedGptAlert && (_jsx(Alert, { theme: alertTheme, message: alertMessage, align: "center", className: cnGptDialog('description-alert', alertClassName), onClose: onCloseAlert }))))] }), showAnswer && (_jsxs(_Fragment, { children: [_jsx("div", { className: cnGptDialog('body'), children: _jsx("div", { className: cnGptDialog('answer'), children: answerRender(answer) }) }), _jsxs("div", { className: cnGptDialog('footer'), children: [showAnswerActions && (_jsxs("div", { className: cnGptDialog('answer-actions'), children: [_jsx(Button, { className: cnGptDialog('like-button'), view: "normal", size: "m", onClick: handleLike, selected: feedbackType === 'like', loading: feedbackTypeLoading === 'like', children: _jsx(Icon, { data: ThumbsUp, size: 16 }) }), _jsx(Button, { className: cnGptDialog('dislike-button'), view: "normal", size: "m", onClick: handleDislike, selected: feedbackType === 'dislike', loading: feedbackTypeLoading === 'dislike', children: _jsx(Icon, { data: ThumbsDown, size: 16 }) }), feedbackType && (_jsx("span", { className: cnGptDialog('feedback-message'), children: i18n('feedback-message') }))] })), _jsx(ActionTooltip, { title: i18n('close-button'), hotkey: gptHotKeys.closeGpt, children: _jsx(Button, { className: cnGptDialog('close-button'), view: "flat", size: "m", onClick: onClose, children: i18n('close-button') }) }), _jsx(ActionTooltip, { title: replaceButtonText, hotkey: gptHotKeys.applyResultGpt, children: _jsx(Button, { className: cnGptDialog('apply-button'), view: "action", size: "m", onClick: handleApplyResult, children: replaceButtonText }) })] })] }))] }));
+        content = (React.createElement(React.Fragment, null,
+            React.createElement("div", { className: cnGptDialog('header') },
+                React.createElement("div", { className: cnGptDialog('header-top') },
+                    React.createElement(IconRefuge, { containerClassName: cnGptDialog('gpt-icon'), data: gptIcon, refugeSize: 28, size: 16 }),
+                    (mode === 'only-custom' || mode === 'custom-and-presets') &&
+                        (showAnswer ? (React.createElement("span", { className: cnGptDialog('answer-title') }, i18n('answer-title'))) : (React.createElement("div", { className: cnGptDialog('custom-prompt') },
+                            React.createElement(TextInput, { controlRef: customPromptContainerRef, view: "clear", size: "m", className: cnGptDialog('custom-prompt-input'), placeholder: inputPlaceholderText, onKeyPress: handleCustomPromptKeyPress, onUpdate: handleCustomPromptUpdate }),
+                            React.createElement(Button, { className: cnGptDialog('custom-prompt-ask-button'), view: "normal", size: "s", disabled: !customPrompt, onClick: handleCustomPromptApply },
+                                React.createElement(Icon, { data: ArrowRight, size: 16 }))))),
+                    mode === 'only-presets' && (React.createElement("div", { className: cnGptDialog('alone-presets') },
+                        React.createElement("span", { className: cnGptDialog('alone-presets-text') }, i18n('only-presets-title'))))),
+                (mode === 'custom-and-presets' || mode === 'only-presets') &&
+                    ((showTryAgainButton && (React.createElement("div", { className: cnGptDialog('header-bottom') },
+                        tryAgainButton,
+                        React.createElement(ActionTooltip, { title: i18n('fresh-start-button'), hotkey: gptHotKeys.freshStartGpt },
+                            React.createElement(Button, { className: cnGptDialog('back-to-start'), view: "normal", size: "m", onClick: handleFreshStart }, i18n('fresh-start-button')))))) ||
+                        (!disablePromptPresets && (React.createElement("div", { className: cnGptDialog('header-bottom') },
+                            React.createElement(PresetList, { disablePromptPresets: disablePromptPresets, promptPresets: promptPresets, onPresetClick: handlePresetClick })))) ||
+                        (disablePromptPresets && showedGptAlert && (React.createElement(Alert, { theme: alertTheme, message: alertMessage, align: "center", className: cnGptDialog('description-alert', alertClassName), onClose: onCloseAlert }))))),
+            showAnswer && (React.createElement(React.Fragment, null,
+                React.createElement("div", { className: cnGptDialog('body') },
+                    React.createElement("div", { className: cnGptDialog('answer') }, answerRender(answer))),
+                React.createElement("div", { className: cnGptDialog('footer') },
+                    showAnswerActions && (React.createElement("div", { className: cnGptDialog('answer-actions') },
+                        React.createElement(Button, { className: cnGptDialog('like-button'), view: "normal", size: "m", onClick: handleLike, selected: feedbackType === 'like', loading: feedbackTypeLoading === 'like' },
+                            React.createElement(Icon, { data: ThumbsUp, size: 16 })),
+                        React.createElement(Button, { className: cnGptDialog('dislike-button'), view: "normal", size: "m", onClick: handleDislike, selected: feedbackType === 'dislike', loading: feedbackTypeLoading === 'dislike' },
+                            React.createElement(Icon, { data: ThumbsDown, size: 16 })),
+                        feedbackType && (React.createElement("span", { className: cnGptDialog('feedback-message') }, i18n('feedback-message'))))),
+                    React.createElement(ActionTooltip, { title: i18n('close-button'), hotkey: gptHotKeys.closeGpt },
+                        React.createElement(Button, { className: cnGptDialog('close-button'), view: "flat", size: "m", onClick: onClose }, i18n('close-button'))),
+                    React.createElement(ActionTooltip, { title: replaceButtonText, hotkey: gptHotKeys.applyResultGpt },
+                        React.createElement(Button, { className: cnGptDialog('apply-button'), view: "action", size: "m", onClick: handleApplyResult }, replaceButtonText)))))));
     }
-    return _jsxs("div", { className: cnGptDialog(), children: [" ", content, " "] });
+    return React.createElement("div", { className: cnGptDialog() },
+        " ",
+        content,
+        " ");
 };
-//# sourceMappingURL=GptDialog.js.map

package/build/esm/extensions/additional/GPT/GptDialog/LoadingScreen/LoadingScreen.d.ts

@@ -1,3 +1,4 @@
-import "./LoadingScreen.css";
+import type { FC } from 'react';
+import './LoadingScreen.css';
 export declare const cnGptDialogLoadingScreen: import("@bem-react/classname").ClassNameFormatter;
-export declare const LoadingScreen: React.FC;
+export declare const LoadingScreen: FC;

package/build/esm/extensions/additional/GPT/GptDialog/LoadingScreen/LoadingScreen.js

@@ -1,12 +1,17 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import React from 'react';
 import { Skeleton } from '@gravity-ui/uikit';
-import { cn } from "../../../../../classname.js";
-import { i18n } from "../../../../../i18n/gpt/loading/index.js";
-import GPTLoading from "../../../../../icons/GPTLoading.js";
-import { IconRefuge } from "../../IconRefuge/IconRefuge.js";
-import "./LoadingScreen.css";
+import { cn } from '../../../../../classname';
+import { i18n } from '../../../../../i18n/gpt/loading';
+import GPTLoading from '../../../../../icons/GPTLoading';
+import { IconRefuge } from '../../IconRefuge/IconRefuge';
+import './LoadingScreen.css';
 export const cnGptDialogLoadingScreen = cn('gpt-dialog-loading-screen');
 export const LoadingScreen = () => {
-    return (_jsxs("div", { className: cnGptDialogLoadingScreen(), children: [_jsxs("div", { className: cnGptDialogLoadingScreen('header'), children: [_jsx(IconRefuge, { containerClassName: cnGptDialogLoadingScreen('icon'), data: GPTLoading, refugeSize: 28, size: 20 }), _jsx("span", { className: cnGptDialogLoadingScreen('text'), children: i18n('loading-text') })] }), _jsxs("div", { className: cnGptDialogLoadingScreen('skeleton'), children: [_jsx(Skeleton, { className: cnGptDialogLoadingScreen('skeleton-small-button') }), _jsx(Skeleton, { className: cnGptDialogLoadingScreen('skeleton-medium-button') })] })] }));
+    return (React.createElement("div", { className: cnGptDialogLoadingScreen() },
+        React.createElement("div", { className: cnGptDialogLoadingScreen('header') },
+            React.createElement(IconRefuge, { containerClassName: cnGptDialogLoadingScreen('icon'), data: GPTLoading, refugeSize: 28, size: 20 }),
+            React.createElement("span", { className: cnGptDialogLoadingScreen('text') }, i18n('loading-text'))),
+        React.createElement("div", { className: cnGptDialogLoadingScreen('skeleton') },
+            React.createElement(Skeleton, { className: cnGptDialogLoadingScreen('skeleton-small-button') }),
+            React.createElement(Skeleton, { className: cnGptDialogLoadingScreen('skeleton-medium-button') }))));
 };
-//# sourceMappingURL=LoadingScreen.js.map

package/build/esm/extensions/additional/GPT/IconRefuge/IconRefuge.classname.js

@@ -1,3 +1,2 @@
 import { cn } from '@bem-react/classname';
 export const cnIconRefuge = cn('icon-refuge');
-//# sourceMappingURL=IconRefuge.classname.js.map

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

@@ -1,5 +1,6 @@
-import type { IconRefugeProps } from "./IconRefuge.types.d.js";
-import "./IconRefuge.css";
+import type { FC } from 'react';
+import type { IconRefugeProps } from './IconRefuge.types';
+import './IconRefuge.css';
 /**
  * Creates a div wrapper above the icon, which sets the min-width and min-height
  * equal to its refugeSize prop, puts the original icon in the middle and
@@ -11,4 +12,4 @@ import "./IconRefuge.css";
  * It seems that all icons will be square, if not, then you can simply add
  * refugeWidth and refugeHeight
  */
-export declare const IconRefuge: React.FC<IconRefugeProps>;
+export declare const IconRefuge: FC<IconRefugeProps>;

package/build/esm/extensions/additional/GPT/IconRefuge/IconRefuge.js

@@ -1,7 +1,8 @@
-import { jsx as _jsx } from "react/jsx-runtime";
+import { __rest } from "tslib";
+import React from 'react';
 import { Icon } from '@gravity-ui/uikit';
-import { cnIconRefuge } from "./IconRefuge.classname.js";
-import "./IconRefuge.css";
+import { cnIconRefuge } from './IconRefuge.classname';
+import './IconRefuge.css';
 /**
  * Creates a div wrapper above the icon, which sets the min-width and min-height
  * equal to its refugeSize prop, puts the original icon in the middle and
@@ -13,15 +14,12 @@ import "./IconRefuge.css";
  * It seems that all icons will be square, if not, then you can simply add
  * refugeWidth and refugeHeight
  */
-export const IconRefuge = ({ refugeSize, containerClassName, containerStyle, widthOnly, inlineIcon, title, 'aria-label': ariaLabel, ...props }) => {
+export const IconRefuge = (_a) => {
+    var { refugeSize, containerClassName, containerStyle, widthOnly, inlineIcon, title, 'aria-label': ariaLabel } = _a, props = __rest(_a, ["refugeSize", "containerClassName", "containerStyle", "widthOnly", "inlineIcon", "title", 'aria-label']);
     if (props.size === refugeSize && !title && !ariaLabel && !containerStyle) {
-        return _jsx(Icon, { ...props });
+        return React.createElement(Icon, Object.assign({}, props));
     }
-    return (_jsx("div", { className: cnIconRefuge({ inline: inlineIcon }, containerClassName), title: title, "aria-label": ariaLabel, style: {
-            minWidth: refugeSize,
-            minHeight: widthOnly ? undefined : refugeSize,
-            ...containerStyle,
-        }, children: _jsx(Icon, { size: refugeSize, ...props }) }));
+    return (React.createElement("div", { className: cnIconRefuge({ inline: inlineIcon }, containerClassName), title: title, "aria-label": ariaLabel, style: Object.assign({ minWidth: refugeSize, minHeight: widthOnly ? undefined : refugeSize }, containerStyle) },
+        React.createElement(Icon, Object.assign({ size: refugeSize }, props))));
 };
 IconRefuge.displayName = 'Icon';
-//# sourceMappingURL=IconRefuge.js.map

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

@@ -1,2 +1,2 @@
-export { IconRefuge } from "./IconRefuge.js";
-export type { IconRefugeProps } from "./IconRefuge.types.d.js";
+export { IconRefuge } from './IconRefuge';
+export type { IconRefugeProps } from './IconRefuge.types';

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

@@ -1,2 +1 @@
-export { IconRefuge } from "./IconRefuge.js";
-//# sourceMappingURL=index.js.map
+export { IconRefuge } from './IconRefuge';

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

@@ -1,4 +1,4 @@
-import type { Command, EditorView } from "../../../../cm/view.js";
+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

@@ -1,4 +1,4 @@
-import { HideMarkupGptEffect, ShowMarkupGptEffect } from "./effects.js";
+import { HideMarkupGptEffect, ShowMarkupGptEffect } from './effects';
 export const showMarkupGpt = (view) => {
     view.dispatch({ effects: [ShowMarkupGptEffect.of(null)] });
 };
@@ -10,4 +10,3 @@ export const runMarkupGpt = (view) => {
         showMarkupGpt(view);
     return true;
 };
-//# sourceMappingURL=commands.js.map

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

@@ -1,4 +1,3 @@
-import { StateEffect } from "../../../../cm/state.js";
+import { StateEffect } from '../../../../cm/state';
 export const ShowMarkupGptEffect = StateEffect.define();
 export const HideMarkupGptEffect = StateEffect.define();
-//# sourceMappingURL=effects.js.map

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

@@ -1,5 +1,5 @@
-import { GptWidgetOptions } from "../../../index.js";
-import { CommonAnswer } from "../ErrorScreen/types.js";
-export { mGptToolbarItem } from "./toolbar.js";
-export { showMarkupGpt, hideMarkupGpt } from "./commands.js";
+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

@@ -1,9 +1,9 @@
 import { keymap } from '@codemirror/view';
-import { gptHotKeys } from "../constants.js";
-import { runMarkupGpt } from "./commands.js";
-import { mGptPlugin } from "./plugin.js";
-export { mGptToolbarItem } from "./toolbar.js";
-export { showMarkupGpt, hideMarkupGpt } from "./commands.js";
+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,
@@ -15,4 +15,3 @@ export function mGptExtension(props) {
         ]),
     ];
 }
-//# sourceMappingURL=index.js.map

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

@@ -1,9 +1,9 @@
-import { GptWidgetOptions } from "../../../index.js";
-import { type DecorationSet, type EditorView, ViewPlugin, type ViewUpdate } from "../../../../cm/view.js";
-import { CommonAnswer } from "../ErrorScreen/types.js";
+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("../../../index.js").RendererItem;
+    readonly _renderItem: import("../../..").RendererItem;
     _anchor: Element | null;
     decos: DecorationSet;
     disablePromptPresets: boolean;

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

@@ -1,16 +1,16 @@
 import { WidgetType } from '@codemirror/view';
-import { Decoration, ViewPlugin, } from "../../../../cm/view.js";
-import { ReactRendererFacet } from "../../../../markup/index.js";
-import { WIDGET_DECO_CLASS_NAME } from "../constants.js";
-import { isEmptyGptPrompts } from "../utils.js";
-import { hideMarkupGpt } from "./commands.js";
-import { HideMarkupGptEffect, ShowMarkupGptEffect } from "./effects.js";
-import { renderPopup } from "./popup.js";
+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 {
-    className = '';
-    textContent = '';
     constructor(className, textContent) {
         super();
+        this.className = '';
+        this.textContent = '';
         this.className = className;
         this.textContent = textContent;
     }
@@ -23,17 +23,15 @@ class SpanWidget extends WidgetType {
 }
 export function mGptPlugin(gptProps) {
     return ViewPlugin.fromClass(class {
-        _view;
-        _renderItem;
-        _anchor = null;
-        decos = Decoration.none;
-        disablePromptPresets = true;
-        markup = null;
-        selectedPosition = {
-            from: 0,
-            to: 0,
-        };
         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)
@@ -93,13 +91,7 @@ export function mGptPlugin(gptProps) {
             if (!this._anchor || this.markup === null) {
                 return null;
             }
-            return renderPopup(this._anchor, {
-                ...gptProps,
-                disablePromptPresets: this.disablePromptPresets,
-                onClose: () => hideMarkupGpt(this._view),
-                markup: this.markup,
-                onApplyResult: (changedMarkup) => this._onApplyResult(changedMarkup),
-            });
+            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);
@@ -123,4 +115,3 @@ export function mGptPlugin(gptProps) {
         decorations: (value) => value.decos,
     });
 }
-//# sourceMappingURL=plugin.js.map

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

@@ -1,10 +1,12 @@
-import type { CommonAnswer } from "../ErrorScreen/types.js";
-import { type GptDialogProps } from "../GptDialog/GptDialog.js";
-type Props<AnswerData extends CommonAnswer = CommonAnswer, PromptData extends unknown = unknown> = {
+/// <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>;
+} & 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

@@ -1,11 +1,9 @@
-import { jsx as _jsx } from "react/jsx-runtime";
+import React from 'react';
 import { Popup } from '@gravity-ui/uikit';
-import { GptDialog } from "../GptDialog/GptDialog.js";
-import { cnGptPopup } from "../gptExtension/view.js";
+import { GptDialog } from '../GptDialog/GptDialog';
+import { cnGptPopup } from '../gptExtension/view';
 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 }) }) }));
+    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 })));
 }
-//# sourceMappingURL=popup.js.map

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

@@ -1,2 +1,2 @@
-import { type MToolbarSingleItemData } from "../../../../bundle/toolbar/types.js";
+import { type MToolbarSingleItemData } from '../../../../bundle/toolbar/types';
 export declare const mGptToolbarItem: MToolbarSingleItemData;

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

@@ -1,8 +1,8 @@
-import { ToolbarDataType } from "../../../../bundle/toolbar/types.js";
-import { i18n } from "../../../../i18n/gpt/extension/index.js";
-import { GPTIcon } from "../../../../icons/index.js";
-import { gptHotKeys } from "../constants.js";
-import { showMarkupGpt } from "./commands.js";
+import { ToolbarDataType } from '../../../../bundle/toolbar/types';
+import { i18n } from '../../../../i18n/gpt/extension';
+import { GPTIcon } from '../../../../icons';
+import { gptHotKeys } from '../constants';
+import { showMarkupGpt } from './commands';
 export const mGptToolbarItem = {
     id: 'gpt',
     type: ToolbarDataType.SingleButton,
@@ -13,4 +13,3 @@ export const mGptToolbarItem = {
     isActive: () => false,
     isEnable: () => true,
 };
-//# sourceMappingURL=toolbar.js.map

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

@@ -1,7 +1,7 @@
-import { CommonAnswer } from "../ErrorScreen/types.js";
-import type { GptDialogProps } from "../GptDialog/GptDialog.js";
-import "./Presetlist.css";
-export type PresetListProps<AnswerData extends CommonAnswer = CommonAnswer, PromptData extends unknown = unknown> = {
+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;

package/build/esm/extensions/additional/GPT/PresetList/PresetList.js

@@ -1,23 +1,25 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import React from 'react';
 import { ActionTooltip, Button, DropdownMenu } from '@gravity-ui/uikit';
-import { cn } from "../../../../classname.js";
-import { i18n } from "../../../../i18n/gpt/dialog/index.js";
-import { gptHotKeys } from "../constants.js";
-import { useGptHotKeys } from "../hooks/useGptHotKeys.js";
-import { usePresetList } from "../hooks/usePresetList.js";
-import "./Presetlist.css";
+import { cn } from '../../../../classname';
+import { i18n } from '../../../../i18n/gpt/dialog';
+import { gptHotKeys } from '../constants';
+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, }) => {
     useGptHotKeys(hotKey, () => {
         onPresetClick(preset.data);
     }, { enableOnFormTags: true, enableOnContentEditable: true });
-    return (_jsx(ActionTooltip, { title: preset.display, hotkey: hotKey, children: _jsx(Button, { className: cnGptDialogPresetList('preset'), view: "normal", size: "m", disabled: disablePromptPresets, onClick: () => onPresetClick(preset.data), children: preset.display }) }));
+    return (React.createElement(ActionTooltip, { title: preset.display, hotkey: hotKey },
+        React.createElement(Button, { className: cnGptDialogPresetList('preset'), view: "normal", size: "m", disabled: disablePromptPresets, onClick: () => onPresetClick(preset.data) }, preset.display)));
 };
 export const PresetList = ({ disablePromptPresets, promptPresets, onPresetClick, }) => {
     const { presetsContainerRef, visiblePresets, hiddenPresets, showMoreButton, measured } = usePresetList({
         promptPresets,
         onPresetClick,
     });
-    return (_jsxs("div", { className: cnGptDialogPresetList({ measured }), ref: presetsContainerRef, children: [visiblePresets.map((preset, index) => (_jsx(PresetItem, { preset: preset, hotKey: preset.hotKey || gptHotKeys.presetsKey(String(index + 1)), disablePromptPresets: disablePromptPresets, onPresetClick: onPresetClick }, preset.display))), showMoreButton && (_jsx(DropdownMenu, { switcherWrapperClassName: cnGptDialogPresetList('more-button-wrapper'), switcher: _jsx(Button, { className: cnGptDialogPresetList('more-button'), view: "normal", size: "m", children: i18n('more') }), items: hiddenPresets }))] }));
+    return (React.createElement("div", { className: cnGptDialogPresetList({ measured }), ref: presetsContainerRef },
+        visiblePresets.map((preset, index) => (React.createElement(PresetItem, { preset: preset, key: preset.display, hotKey: preset.hotKey || gptHotKeys.presetsKey(String(index + 1)), disablePromptPresets: disablePromptPresets, onPresetClick: onPresetClick }))),
+        showMoreButton && (React.createElement(DropdownMenu, { switcherWrapperClassName: cnGptDialogPresetList('more-button-wrapper'), switcher: React.createElement(Button, { className: cnGptDialogPresetList('more-button'), view: "normal", size: "m" }, i18n('more')), items: hiddenPresets }))));
 };
-//# sourceMappingURL=PresetList.js.map

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

@@ -1,2 +1,2 @@
-import type { ActionSpec, ExtensionDeps } from "../../../core/index.js";
+import type { ActionSpec, ExtensionDeps } from '../../../core';
 export declare const showGptWidget: (deps: ExtensionDeps) => ActionSpec;

package/build/esm/extensions/additional/GPT/actions.js

@@ -1,4 +1,4 @@
-import { runGpt } from "./commands.js";
+import { runGpt } from './commands';
 export const showGptWidget = (_deps) => ({
     isActive() {
         return false;
@@ -8,4 +8,3 @@ export const showGptWidget = (_deps) => ({
     },
     run: runGpt,
 });
-//# sourceMappingURL=actions.js.map

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

@@ -1,10 +1,9 @@
 import { TextSelection } from 'prosemirror-state';
-import { pluginKey } from "./plugin.js";
+import { pluginKey } from './plugin';
 export const runGpt = (state, dispatch) => {
     const { selection: sel } = state;
     const meta = { action: 'show', from: sel.from, to: sel.to };
     const tr = state.tr.setMeta(pluginKey, meta);
-    dispatch?.(tr.setSelection(TextSelection.create(tr.doc, sel.to)));
+    dispatch === null || dispatch === void 0 ? void 0 : dispatch(tr.setSelection(TextSelection.create(tr.doc, sel.to)));
     return true;
 };
-//# sourceMappingURL=commands.js.map

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

@@ -1,7 +1,7 @@
-import type { PopupPlacement } from '@gravity-ui/uikit';
+import type { PopupProps } from '@gravity-ui/uikit/build/esm/components/Popup/Popup';
 export declare const WIDGET_DECO_CLASS_NAME = "g-md-gpt-widget-deco";
 export declare const WIDGET_DECO_SPEC_FLAG = "gpt_widget_deco";
-export declare const gptPopupPlacement: PopupPlacement;
+export declare const gptPopupPlacement: PopupProps['placement'];
 export declare const gptHotKeys: {
     openGptKey: string;
     openGptKeyTooltip: string;

package/build/esm/extensions/additional/GPT/constants.js

@@ -10,4 +10,3 @@ export const gptHotKeys = {
     applyResultGpt: 'Enter',
     closeGpt: 'Escape',
 };
-//# sourceMappingURL=constants.js.map

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

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

package/build/esm/extensions/additional/GPT/gptExtension/gptExtension.js

@@ -1,19 +1,14 @@
-import { showGptWidget } from "../actions.js";
-import { runGpt } from "../commands.js";
-import { gptHotKeys } from "../constants.js";
-import { gptWidgetPlugin } from "../plugin.js";
+import { showGptWidget } from '../actions';
+import { runGpt } from '../commands';
+import { gptHotKeys } from '../constants';
+import { gptWidgetPlugin } from '../plugin';
 export const gptActionName = 'addGptWidget';
 export const gptExtension = (builder, options) => {
     builder.addAction(gptActionName, showGptWidget);
     builder.addPlugin(({ serializer, markupParser }) => {
-        return gptWidgetPlugin({
-            ...options,
-            serializer,
-            parser: markupParser,
-        });
+        return gptWidgetPlugin(Object.assign(Object.assign({}, options), { serializer, parser: markupParser }));
     });
     builder.addKeymap(() => ({
         [gptHotKeys.openGptKey]: runGpt,
     }), builder.Priority.VeryLow);
 };
-//# sourceMappingURL=gptExtension.js.map