@gravity-ui/markdown-editor 13.4.1 → 13.5.0

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

@@ -4,7 +4,6 @@ import { i18n } from '.././../../i18n/md-hints';
 import { cn } from '../../../classname';
 import './MarkdownHints.css';
 const b = cn('markdown-hints');
-const YFM_DOCS_HREF = 'https://ydocs.tech';
 export const MarkdownHints = React.memo(function MarkdownHints() {
     const hints = [
         { title: i18n('header_title'), hint: i18n('header_hint') },
@@ -22,6 +21,6 @@ export const MarkdownHints = React.memo(function MarkdownHints() {
         React.createElement("div", { className: b('grid') }, hints.map((hint, index) => (React.createElement(React.Fragment, { key: `md-hint-${index}` },
             React.createElement("span", { className: b('title') }, hint.title),
             React.createElement("span", { className: b('hint') }, hint.hint))))),
-        React.createElement(Link, { href: YFM_DOCS_HREF, target: "_blank", className: b('docs-link') }, i18n('documentation'))));
+        React.createElement(Link, { href: i18n('documentation_link'), target: "_blank", className: b('docs-link') }, i18n('documentation'))));
 });
 MarkdownHints.displayName = 'MarkdownHints';

package/build/esm/extensions/markdown/Link/plugins/LinkTooltipPlugin/TooltipView.js

@@ -2,8 +2,8 @@ import React from 'react';
 import { TextInputFixed } from '../../../../../forms/TextInput';
 import { UrlInputRow } from '../../../../../forms/UrlInputRow';
 import Form from '../../../../../forms/base';
-import { enterKeyHandler } from '../../../../../forms/utils';
 import { i18n } from '../../../../../i18n/forms';
+import { enterKeyHandler } from '../../../../../utils/handlers';
 export const LinkForm = React.memo(function LinkForm({ href, autoFocus, onChange, onCancel, }) {
     const [url, setUrl] = React.useState(href);
     const handleSubmit = () => {

package/build/esm/extensions/yfm/ImgSize/plugins/ImgSizeNodeView/ImageForm/ImageForm.js

@@ -4,9 +4,9 @@ import isNumber from 'is-number';
 import { cn } from '../../../../../../classname';
 import Form from '../../../../../../forms/base';
 import { NumberInput } from '../../../../../../forms/components';
-import { enterKeyHandler } from '../../../../../../forms/utils';
 import { i18n } from '../../../../../../i18n/forms';
 import { useAutoFocus } from '../../../../../../react-utils/useAutoFocus';
+import { enterKeyHandler } from '../../../../../../utils/handlers';
 import { LinkAttr, linkType } from '../../../../../markdown';
 import { ImgSizeAttr } from '../../../../../specs';
 import './ImageForm.css';

package/build/esm/extensions/yfm/YfmTable/plugins/YfmTableControls/view.css

@@ -78,5 +78,6 @@
 
 .g-md-table-wrapper {
   display: inline-block;
+  width: 100%;
   margin-right: 2px;
 }

package/build/esm/forms/FileForm.js

@@ -3,10 +3,10 @@ import { Tabs, TextInput } from '@gravity-ui/uikit';
 import { cn } from '../classname';
 import { i18n } from '../i18n/forms';
 import { isFunction } from '../lodash';
+import { enterKeyHandler } from '../utils/handlers';
 import { TextInputFixed } from './TextInput';
 import Form from './base';
 import { ButtonAttach } from './components';
-import { enterKeyHandler } from './utils';
 const b = cn('file-form');
 export const FileForm = ({ className, autoFocus, onCancel, onSubmit, onAttach, loading, }) => {
     const [tabId, setTabId] = React.useState(() => isFunction(onAttach) ? "attach" /* TabId.Attach */ : "link" /* TabId.Link */);

package/build/esm/forms/ImageForm.js

@@ -3,10 +3,10 @@ import { Tabs, TextInput } from '@gravity-ui/uikit';
 import { cn } from '../classname';
 import { i18n } from '../i18n/forms';
 import { isFunction } from '../lodash';
+import { enterKeyHandler } from '../utils/handlers';
 import { TextInputFixed } from './TextInput';
 import Form from './base';
 import { ButtonAttach, NumberInput } from './components';
-import { enterKeyHandler } from './utils';
 import './ImageForm.css';
 const b = cn('image-form');
 export const ImageForm = ({ className, autoFocus, onCancel, onSubmit, onAttach, loading, }) => {

package/build/esm/forms/LinkForm.js

@@ -1,10 +1,10 @@
 import React from 'react';
 import { TextInput } from '@gravity-ui/uikit';
 import { i18n } from '../i18n/forms';
+import { enterKeyHandler } from '../utils/handlers';
 import { TextInputFixed } from './TextInput';
 import { UrlInputRow } from './UrlInputRow';
 import Form from './base';
-import { enterKeyHandler } from './utils';
 export const LinkForm = React.memo(function LinkForm({ className, autoFocus, initialUrl, initialText, readOnlyText, onSubmit, onCancel, }) {
     const [url, setUrl] = React.useState(initialUrl !== null && initialUrl !== void 0 ? initialUrl : '');
     const [text, setText] = React.useState(initialText !== null && initialText !== void 0 ? initialText : '');

package/build/esm/i18n/md-hints/en.json

@@ -19,5 +19,6 @@
   "list_hint": "- Your text",
   "numbered-list_title": "Numbered list",
   "numbered-list_hint": "1. Your text",
-  "documentation": "Documentation"
+  "documentation": "Documentation",
+  "documentation_link": " https://diplodoc.com/docs/en/syntax/"
 }

package/build/esm/i18n/md-hints/index.d.ts

@@ -1,4 +1,4 @@
-export declare const i18n: <G extends "header_title" | "header_hint" | "italic_title" | "italic_hint" | "bold_title" | "bold_hint" | "strikethrough_title" | "strikethrough_hint" | "blockquote_title" | "blockquote_hint" | "code_title" | "code_hint" | "link_title" | "link_hint" | "image_title" | "image_hint" | "list_title" | "list_hint" | "numbered-list_title" | "numbered-list_hint" | "documentation", S extends string>(key: G | (string extends S ? S : never), params?: {
+export declare const i18n: <G extends "header_title" | "header_hint" | "italic_title" | "italic_hint" | "bold_title" | "bold_hint" | "strikethrough_title" | "strikethrough_hint" | "blockquote_title" | "blockquote_hint" | "code_title" | "code_hint" | "link_title" | "link_hint" | "image_title" | "image_hint" | "list_title" | "list_hint" | "numbered-list_title" | "numbered-list_hint" | "documentation" | "documentation_link", S extends string>(key: G | (string extends S ? S : never), params?: {
     [key: string]: any;
 } | undefined) => S extends G ? {
     header_title: string;
@@ -22,4 +22,5 @@ export declare const i18n: <G extends "header_title" | "header_hint" | "italic_t
     "numbered-list_title": string;
     "numbered-list_hint": string;
     documentation: string;
+    documentation_link: string;
 }[G] : string;

package/build/esm/i18n/md-hints/ru.json

@@ -19,5 +19,6 @@
   "list_hint": "- Ваш текст",
   "numbered-list_title": "Нумерованный список",
   "numbered-list_hint": "1. Ваш текст",
-  "documentation": "Документация"
+  "documentation": "Документация",
+  "documentation_link": " https://diplodoc.com/docs/ru/syntax/"
 }

package/build/esm/i18n/search/en.json

@@ -0,0 +1,5 @@
+{
+  "label_case-sensitive": "Case sensitive",
+  "label_whole-word": "Whole word",
+  "title": "Search in code"
+}

package/build/esm/i18n/search/index.d.ts

@@ -0,0 +1,7 @@
+export declare const i18n: <G extends "title" | "label_case-sensitive" | "label_whole-word", S extends string>(key: G | (string extends S ? S : never), params?: {
+    [key: string]: any;
+} | undefined) => S extends G ? {
+    "label_case-sensitive": string;
+    "label_whole-word": string;
+    title: string;
+}[G] : string;

package/build/esm/i18n/search/index.js

@@ -0,0 +1,5 @@
+import { registerKeyset } from '../i18n';
+import en from './en.json';
+import ru from './ru.json';
+const KEYSET = 'search';
+export const i18n = registerKeyset(KEYSET, { en, ru });

package/build/esm/i18n/search/ru.json

@@ -0,0 +1,5 @@
+{
+  "label_case-sensitive": "С учетом регистра",
+  "label_whole-word": "Слово целиком",
+  "title": "Найти в коде"
+}

package/build/esm/markup/codemirror/create.d.ts

@@ -1,6 +1,8 @@
 import type { Extension, StateCommand } from '@codemirror/state';
 import { EditorView, EditorViewConfig } from '@codemirror/view';
+import { EventMap } from '../../bundle/Editor';
 import { ReactRenderStorage } from '../../extensions';
+import { Receiver } from '../../utils';
 import { FileUploadHandler } from './files-upload-facet';
 export declare type CreateCodemirrorParams = {
     doc: EditorViewConfig['doc'];
@@ -14,6 +16,7 @@ export declare type CreateCodemirrorParams = {
     uploadHandler?: FileUploadHandler;
     needImgDimms?: boolean;
     extraMarkupExtensions?: Extension[];
+    receiver?: Receiver<EventMap>;
 };
 export declare function createCodemirror(params: CreateCodemirrorParams): EditorView;
 export declare function withLogger(action: string, command: StateCommand): StateCommand;

package/build/esm/markup/codemirror/create.js

@@ -10,9 +10,10 @@ import { FileUploadHandlerFacet } from './files-upload-facet';
 import { gravityHighlightStyle, gravityTheme } from './gravity';
 import { PairingCharactersExtension } from './pairing-chars';
 import { ReactRendererFacet } from './react-facet';
+import { SearchPanelPlugin } from './search-plugin/plugin';
 import { yfmLang } from './yfm';
 export function createCodemirror(params) {
-    const { doc, placeholderText, reactRenderer, onCancel, onScroll, onSubmit, onChange, onDocChange, extraMarkupExtensions, } = params;
+    const { doc, placeholderText, reactRenderer, onCancel, onScroll, onSubmit, onChange, onDocChange, extraMarkupExtensions, receiver, } = params;
     const extensions = [
         gravityTheme,
         placeholder(placeholderText),
@@ -66,6 +67,10 @@ export function createCodemirror(params) {
                 onScroll(event);
             },
         }),
+        SearchPanelPlugin({
+            anchorSelector: '.g-md-search-anchor',
+            receiver,
+        }),
     ];
     if (params.uploadHandler) {
         extensions.push(FileUploadHandlerFacet.of({

package/build/esm/markup/codemirror/search-plugin/plugin.d.ts

@@ -0,0 +1,42 @@
+import { EditorView, ViewPlugin, ViewUpdate } from '@codemirror/view';
+import { EditorMode, EventMap } from '../../../bundle/Editor';
+import type { RendererItem } from '../../../extensions';
+import { Receiver } from '../../../utils';
+interface SearchQueryParams {
+    search: string;
+    caseSensitive?: boolean;
+    literal?: boolean;
+    regexp?: boolean;
+    replace?: string;
+    valid?: boolean;
+    wholeWord?: boolean;
+}
+export interface SearchPanelPluginParams {
+    anchorSelector: string;
+    inputDelay?: number;
+    receiver?: Receiver<EventMap>;
+}
+export declare const SearchPanelPlugin: (params: SearchPanelPluginParams) => ViewPlugin<{
+    readonly view: EditorView;
+    readonly params: SearchPanelPluginParams;
+    anchor: HTMLElement | null;
+    renderer: RendererItem | null;
+    searchQuery: SearchQueryParams;
+    receiver: Receiver<EventMap> | undefined;
+    setViewSearchWithDelay: (config: Partial<SearchQueryParams>) => void;
+    update(update: ViewUpdate): void;
+    destroy(): void;
+    setViewSearch(config: Partial<SearchQueryParams>): void;
+    handleEditorModeChange({ mode }: {
+        mode: EditorMode;
+    }): void;
+    handleChange(search: string): void;
+    handleClose(): void;
+    handleSearchNext(): void;
+    handleSearchPrev(): void;
+    handleSearchConfigChange({ isCaseSensitive, isWholeWord, }: {
+        isCaseSensitive?: boolean | undefined;
+        isWholeWord?: boolean | undefined;
+    }): void;
+}>;
+export {};

package/build/esm/markup/codemirror/search-plugin/plugin.js

@@ -0,0 +1,96 @@
+import { SearchQuery, closeSearchPanel, findNext, findPrevious, search, searchKeymap, searchPanelOpen, setSearchQuery, } from '@codemirror/search';
+import { ViewPlugin, keymap } from '@codemirror/view';
+import { debounce } from '../../../lodash';
+import { ReactRendererFacet } from '../react-facet';
+import { renderSearchPopup } from './view/SearchPopup';
+const INPUT_DELAY = 200;
+export const SearchPanelPlugin = (params) => ViewPlugin.fromClass(class {
+    constructor(view) {
+        var _a, _b;
+        this.searchQuery = {
+            search: '',
+            caseSensitive: false,
+            wholeWord: false,
+        };
+        this.view = view;
+        this.anchor = null;
+        this.renderer = null;
+        this.params = params;
+        this.receiver = params.receiver;
+        this.handleClose = this.handleClose.bind(this);
+        this.handleChange = this.handleChange.bind(this);
+        this.handleSearchNext = this.handleSearchNext.bind(this);
+        this.handleSearchPrev = this.handleSearchPrev.bind(this);
+        this.handleSearchConfigChange = this.handleSearchConfigChange.bind(this);
+        this.handleEditorModeChange = this.handleEditorModeChange.bind(this);
+        this.setViewSearchWithDelay = debounce(this.setViewSearch, (_a = this.params.inputDelay) !== null && _a !== void 0 ? _a : INPUT_DELAY);
+        (_b = this.receiver) === null || _b === void 0 ? void 0 : _b.on('change-editor-mode', this.handleEditorModeChange);
+    }
+    update(update) {
+        var _a;
+        const isPanelOpen = searchPanelOpen(update.state);
+        if (isPanelOpen && !this.renderer) {
+            this.anchor = document.querySelector(this.params.anchorSelector);
+            this.renderer = this.view.state
+                .facet(ReactRendererFacet)
+                .createItem('cm-search', () => renderSearchPopup({
+                open: true,
+                anchor: this.anchor,
+                onChange: this.handleChange,
+                onClose: this.handleClose,
+                onSearchNext: this.handleSearchNext,
+                onSearchPrev: this.handleSearchPrev,
+                onConfigChange: this.handleSearchConfigChange,
+            }));
+        }
+        else if (!isPanelOpen && this.renderer) {
+            (_a = this.renderer) === null || _a === void 0 ? void 0 : _a.remove();
+            this.renderer = null;
+        }
+    }
+    destroy() {
+        var _a, _b;
+        (_a = this.renderer) === null || _a === void 0 ? void 0 : _a.remove();
+        this.renderer = null;
+        (_b = this.receiver) === null || _b === void 0 ? void 0 : _b.off('change-editor-mode', this.handleEditorModeChange);
+    }
+    setViewSearch(config) {
+        this.searchQuery = Object.assign(Object.assign({}, this.searchQuery), config);
+        const searchQuery = new SearchQuery(Object.assign({}, this.searchQuery));
+        this.view.dispatch({ effects: setSearchQuery.of(searchQuery) });
+    }
+    handleEditorModeChange({ mode }) {
+        if (mode === 'wysiwyg') {
+            closeSearchPanel(this.view);
+        }
+    }
+    handleChange(search) {
+        this.setViewSearchWithDelay({ search });
+    }
+    handleClose() {
+        this.setViewSearch({ search: '' });
+        closeSearchPanel(this.view);
+    }
+    handleSearchNext() {
+        findNext(this.view);
+    }
+    handleSearchPrev() {
+        findPrevious(this.view);
+    }
+    handleSearchConfigChange({ isCaseSensitive, isWholeWord, }) {
+        this.setViewSearch({
+            caseSensitive: isCaseSensitive,
+            wholeWord: isWholeWord,
+        });
+    }
+}, {
+    provide: () => [
+        keymap.of(searchKeymap),
+        search({
+            createPanel: () => ({
+                // Create an empty search panel
+                dom: document.createElement('div'),
+            }),
+        }),
+    ],
+});

package/build/esm/markup/codemirror/search-plugin/view/SearchPopup.css

@@ -0,0 +1,9 @@
+.g-md-search-card {
+  padding: var(--g-spacing-2) var(--g-spacing-2) var(--g-spacing-3) var(--g-spacing-4);
+}
+.g-md-search-card__header {
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+  margin-bottom: var(--g-spacing-1);
+}

package/build/esm/markup/codemirror/search-plugin/view/SearchPopup.d.ts

@@ -0,0 +1,30 @@
+import React from 'react';
+import './SearchPopup.css';
+interface SearchConfig {
+    isCaseSensitive: boolean;
+    isWholeWord: boolean;
+}
+interface SearchCardProps {
+    onSearchKeyDown?: (query: string) => void;
+    onChange?: (query: string) => void;
+    onClose?: (query: string) => void;
+    onSearchPrev?: (query: string) => void;
+    onSearchNext?: (query: string) => void;
+    onConfigChange?: (config: SearchConfig) => void;
+}
+export declare const SearchCard: React.FC<SearchCardProps>;
+export interface SearchPopupProps {
+    anchor: HTMLElement;
+    onChange: (query: string) => void;
+    onClose: () => void;
+    onSearchNext: () => void;
+    onSearchPrev: () => void;
+    onConfigChange: (config: SearchConfig) => void;
+    open: boolean;
+}
+export declare const SearchPopup: React.FC<SearchPopupProps>;
+interface SearchPopupWithRefProps extends Omit<SearchPopupProps, 'anchor'> {
+    anchor: HTMLElement | null;
+}
+export declare function renderSearchPopup({ anchor, open, onClose, ...props }: SearchPopupWithRefProps): JSX.Element;
+export {};

package/build/esm/markup/codemirror/search-plugin/view/SearchPopup.js

@@ -0,0 +1,80 @@
+import { __rest } from "tslib";
+import React, { useRef, useState } from 'react';
+import { ChevronDown, ChevronUp, Xmark } from '@gravity-ui/icons';
+import { Button, Card, Checkbox, Icon, Popup, TextInput, sp, } from '@gravity-ui/uikit';
+import { cn } from '../../../../classname';
+import { i18n } from '../../../../i18n/search';
+import { enterKeyHandler } from '../../../../utils/handlers';
+import './SearchPopup.css';
+const b = cn('search-card');
+const noop = () => { };
+export const SearchCard = ({ onChange = noop, onClose = noop, onSearchPrev = noop, onSearchNext = noop, onConfigChange = noop, }) => {
+    const [query, setQuery] = useState('');
+    const [isCaseSensitive, setIsCaseSensitive] = useState(false);
+    const [isWholeWord, setIsWholeWord] = useState(false);
+    const textInputRef = useRef(null);
+    const setInputFocus = () => {
+        var _a;
+        (_a = textInputRef.current) === null || _a === void 0 ? void 0 : _a.focus();
+    };
+    const handleInputChange = (event) => {
+        const { target: { value }, } = event;
+        setQuery(value);
+        onChange(value);
+    };
+    const handleClose = () => {
+        setQuery('');
+        onClose(query);
+        setInputFocus();
+    };
+    const handlePrev = () => {
+        onSearchPrev(query);
+        setInputFocus();
+    };
+    const handleNext = () => {
+        onSearchNext(query);
+        setInputFocus();
+    };
+    const handleIsCaseSensitive = () => {
+        onConfigChange({
+            isCaseSensitive: !isCaseSensitive,
+            isWholeWord,
+        });
+        setIsCaseSensitive((isCaseSensitive) => !isCaseSensitive);
+        setInputFocus();
+    };
+    const handleIsWholeWord = () => {
+        onConfigChange({
+            isCaseSensitive,
+            isWholeWord: !isWholeWord,
+        });
+        setIsWholeWord((isWholeWord) => !isWholeWord);
+        setInputFocus();
+    };
+    const handleSearchKeyPress = enterKeyHandler(handleNext);
+    return (React.createElement(Card, { className: b() },
+        React.createElement("div", { className: b('header') },
+            React.createElement("span", { className: b('title') },
+                " ",
+                i18n('title')),
+            React.createElement(Button, { onClick: handleClose, size: "s", view: "flat" },
+                React.createElement(Icon, { data: Xmark, size: 14 }))),
+        React.createElement(TextInput, { controlRef: textInputRef, className: sp({ mb: 2 }), size: "s", autoFocus: true, onKeyPress: handleSearchKeyPress, onChange: handleInputChange, value: query, endContent: React.createElement(React.Fragment, null,
+                React.createElement(Button, { onClick: handlePrev },
+                    React.createElement(Icon, { data: ChevronUp, size: 12 })),
+                React.createElement(Button, { onClick: handleNext },
+                    React.createElement(Icon, { data: ChevronDown, size: 12 }))) }),
+        React.createElement(Checkbox, { size: "m", onUpdate: handleIsCaseSensitive, checked: isCaseSensitive, className: sp({ mr: 4 }) }, i18n('label_case-sensitive')),
+        React.createElement(Checkbox, { size: "m", onUpdate: handleIsWholeWord, checked: isWholeWord }, i18n('label_whole-word'))));
+};
+export const SearchPopup = (_a) => {
+    var { open, anchor, onClose } = _a, props = __rest(_a, ["open", "anchor", "onClose"]);
+    const anchorRef = useRef(anchor);
+    return (React.createElement(Popup, { onEscapeKeyDown: onClose, open: anchorRef.current && open, anchorRef: anchorRef, placement: "bottom-end" },
+        React.createElement(SearchCard, Object.assign({ onClose: onClose }, props))));
+};
+SearchPopup.displayName = 'SearchPopup';
+export function renderSearchPopup(_a) {
+    var { anchor, open, onClose } = _a, props = __rest(_a, ["anchor", "open", "onClose"]);
+    return (React.createElement(React.Fragment, null, anchor && React.createElement(SearchPopup, Object.assign({ open: open, onClose: onClose, anchor: anchor }, props))));
+}

package/build/esm/utils/handlers.d.ts

@@ -0,0 +1,4 @@
+/// <reference types="react" />
+export declare function enterKeyHandler<T>(handler: React.KeyboardEventHandler<T>): React.KeyboardEventHandler<T>;
+export declare function escapeKeyHandler<T>(handler: React.KeyboardEventHandler<T>): React.KeyboardEventHandler<T>;
+export declare function combinedKeyHandler<T>(handlers: Record<string, React.KeyboardEventHandler<T>>): React.KeyboardEventHandler<T>;

package/build/esm/utils/handlers.js

@@ -0,0 +1,23 @@
+import { Key } from '../shortcuts';
+export function enterKeyHandler(handler) {
+    return (event) => {
+        if (event.key === Key.Enter) {
+            handler(event);
+        }
+    };
+}
+export function escapeKeyHandler(handler) {
+    return (event) => {
+        if (event.key === Key.Esc) {
+            handler(event);
+        }
+    };
+}
+export function combinedKeyHandler(handlers) {
+    return (event) => {
+        const handler = handlers[event.key];
+        if (handler) {
+            handler(event);
+        }
+    };
+}

package/build/esm/version.js

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

package/build/styles.css

@@ -1290,6 +1290,15 @@ img.ProseMirror-separator {
 .g-root_theme_dark .g-md-yfm-html-block_editing .g-text-area__content {
   color: var(--g-color-text-primary);
 }
+.g-md-search-card {
+  padding: var(--g-spacing-2) var(--g-spacing-2) var(--g-spacing-3) var(--g-spacing-4);
+}
+.g-md-search-card__header {
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+  margin-bottom: var(--g-spacing-1);
+}
 .g-md-code-block-toolbar {
   margin: 2px 8px;
 }
@@ -1477,6 +1486,7 @@ img.ProseMirror-separator {
 
 .g-md-table-wrapper {
   display: inline-block;
+  width: 100%;
   margin-right: 2px;
 }
 .g-md-table-cell-view__left-button {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@gravity-ui/markdown-editor",
-  "version": "13.4.1",
+  "version": "13.5.0",
   "description": "Markdown wysiwyg and markup editor",
   "license": "MIT",
   "repository": {
@@ -163,6 +163,7 @@
     "@codemirror/commands": "6.5.0",
     "@codemirror/lang-markdown": "6.2.5",
     "@codemirror/language": "6.10.1",
+    "@codemirror/search": "6.5.6",
     "@codemirror/state": "6.4.1",
     "@codemirror/view": "6.26.3",
     "@gravity-ui/i18n": "^1.1.0",
@@ -198,9 +199,9 @@
     "tslib": "^2.3.1"
   },
   "devDependencies": {
+    "@diplodoc/html-extension": "1.2.7",
     "@diplodoc/latex-extension": "1.0.3",
     "@diplodoc/mermaid-extension": "1.2.1",
-    "@diplodoc/html-extension": "1.2.7",
     "@diplodoc/transform": "4.5.0",
     "@gravity-ui/components": "3.0.0",
     "@gravity-ui/eslint-config": "3.1.1",
@@ -268,9 +269,9 @@
     }
   },
   "peerDependencies": {
+    "@diplodoc/html-extension": "^1.2.7",
     "@diplodoc/latex-extension": "^1.0.3",
     "@diplodoc/mermaid-extension": "^1.0.0",
-    "@diplodoc/html-extension": "^1.2.7",
     "@diplodoc/transform": "^4.5.0",
     "@gravity-ui/components": "^3.0.0",
     "@gravity-ui/uikit": "^6.11.0",

package/build/cjs/forms/utils.d.ts

@@ -1,2 +0,0 @@
-/// <reference types="react" />
-export declare function enterKeyHandler<T>(handler: React.KeyboardEventHandler<T>): React.KeyboardEventHandler<T>;

package/build/cjs/forms/utils.js

@@ -1,11 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.enterKeyHandler = void 0;
-function enterKeyHandler(handler) {
-    return (event) => {
-        if (event.key === 'Enter') {
-            handler(event);
-        }
-    };
-}
-exports.enterKeyHandler = enterKeyHandler;

package/build/esm/forms/utils.d.ts

@@ -1,2 +0,0 @@
-/// <reference types="react" />
-export declare function enterKeyHandler<T>(handler: React.KeyboardEventHandler<T>): React.KeyboardEventHandler<T>;

package/build/esm/forms/utils.js

@@ -1,7 +0,0 @@
-export function enterKeyHandler(handler) {
-    return (event) => {
-        if (event.key === 'Enter') {
-            handler(event);
-        }
-    };
-}