@gravity-ui/markdown-editor 14.11.0 → 14.11.1

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

@@ -1,17 +1,10 @@
+import { SearchQuery } from '@codemirror/search';
 import { EditorView, ViewPlugin, ViewUpdate } from '@codemirror/view';
 import type { MarkdownEditorMode } from '../../../bundle';
 import type { 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;
-}
+declare type SearchQueryConfig = ConstructorParameters<typeof SearchQuery>[0];
 export interface SearchPanelPluginParams {
     anchorSelector: string;
     inputDelay?: number;
@@ -22,12 +15,12 @@ export declare const SearchPanelPlugin: (params: SearchPanelPluginParams) => Vie
     readonly params: SearchPanelPluginParams;
     anchor: HTMLElement | null;
     renderer: RendererItem | null;
-    searchQuery: SearchQueryParams;
+    searchConfig: SearchQueryConfig;
     receiver: Receiver<EventMap> | undefined;
-    setViewSearchWithDelay: (config: Partial<SearchQueryParams>) => void;
+    setViewSearchWithDelay: (config: Partial<SearchQueryConfig>) => void;
     update(update: ViewUpdate): void;
     destroy(): void;
-    setViewSearch(config: Partial<SearchQueryParams>): void;
+    setViewSearch(config: Partial<SearchQueryConfig>): void;
     handleEditorModeChange({ mode }: {
         mode: MarkdownEditorMode;
     }): void;
@@ -35,9 +28,6 @@ export declare const SearchPanelPlugin: (params: SearchPanelPluginParams) => Vie
     handleClose(): void;
     handleSearchNext(): void;
     handleSearchPrev(): void;
-    handleSearchConfigChange({ isCaseSensitive, isWholeWord, }: {
-        isCaseSensitive?: boolean | undefined;
-        isWholeWord?: boolean | undefined;
-    }): void;
+    handleSearchConfigChange(config: Partial<SearchQueryConfig>): void;
 }>;
 export {};

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

@@ -1,4 +1,4 @@
-import { SearchQuery, closeSearchPanel, findNext, findPrevious, search, searchKeymap, searchPanelOpen, setSearchQuery, } from '@codemirror/search';
+import { SearchQuery, closeSearchPanel, findNext, findPrevious, getSearchQuery, search, searchKeymap, searchPanelOpen, setSearchQuery, } from '@codemirror/search';
 import { ViewPlugin, keymap } from '@codemirror/view';
 import { debounce } from '../../../lodash';
 import { ReactRendererFacet } from '../react-facet';
@@ -7,7 +7,7 @@ const INPUT_DELAY = 200;
 export const SearchPanelPlugin = (params) => ViewPlugin.fromClass(class {
     constructor(view) {
         var _a, _b;
-        this.searchQuery = {
+        this.searchConfig = {
             search: '',
             caseSensitive: false,
             wholeWord: false,
@@ -30,10 +30,12 @@ export const SearchPanelPlugin = (params) => ViewPlugin.fromClass(class {
         var _a;
         const isPanelOpen = searchPanelOpen(update.state);
         if (isPanelOpen && !this.renderer) {
+            const initial = getSearchQuery(update.state);
             this.anchor = document.querySelector(this.params.anchorSelector);
             this.renderer = this.view.state
                 .facet(ReactRendererFacet)
                 .createItem('cm-search', () => renderSearchPopup({
+                initial,
                 open: true,
                 anchor: this.anchor,
                 onChange: this.handleChange,
@@ -55,8 +57,8 @@ export const SearchPanelPlugin = (params) => ViewPlugin.fromClass(class {
         (_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.searchConfig = Object.assign(Object.assign({}, this.searchConfig), config);
+        const searchQuery = new SearchQuery(Object.assign({}, this.searchConfig));
         this.view.dispatch({ effects: setSearchQuery.of(searchQuery) });
     }
     handleEditorModeChange({ mode }) {
@@ -77,11 +79,8 @@ export const SearchPanelPlugin = (params) => ViewPlugin.fromClass(class {
     handleSearchPrev() {
         findPrevious(this.view);
     }
-    handleSearchConfigChange({ isCaseSensitive, isWholeWord, }) {
-        this.setViewSearch({
-            caseSensitive: isCaseSensitive,
-            wholeWord: isWholeWord,
-        });
+    handleSearchConfigChange(config) {
+        this.setViewSearch(config);
     }
 }, {
     provide: () => [

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

@@ -1,10 +1,10 @@
 import React from 'react';
+import type { SearchQuery } from '@codemirror/search';
 import './SearchPopup.css';
-interface SearchConfig {
-    isCaseSensitive: boolean;
-    isWholeWord: boolean;
-}
+declare type SearchInitial = Pick<SearchQuery, 'search' | 'caseSensitive' | 'wholeWord'>;
+declare type SearchConfig = Pick<SearchInitial, 'caseSensitive' | 'wholeWord'>;
 interface SearchCardProps {
+    initial: SearchInitial;
     onSearchKeyDown?: (query: string) => void;
     onChange?: (query: string) => void;
     onClose?: (query: string) => void;
@@ -13,14 +13,10 @@ interface SearchCardProps {
     onConfigChange?: (config: SearchConfig) => void;
 }
 export declare const SearchCard: React.FC<SearchCardProps>;
-export interface SearchPopupProps {
+export interface SearchPopupProps extends SearchCardProps {
+    open: boolean;
     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'> {

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

@@ -8,17 +8,17 @@ 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 inverse = (val) => !val;
+export const SearchCard = ({ initial, onChange = noop, onClose = noop, onSearchPrev = noop, onSearchNext = noop, onConfigChange = noop, }) => {
+    const [query, setQuery] = useState(initial.search);
+    const [isCaseSensitive, setIsCaseSensitive] = useState(initial.caseSensitive);
+    const [isWholeWord, setIsWholeWord] = useState(initial.wholeWord);
     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;
+    const handleInputChange = (value) => {
         setQuery(value);
         onChange(value);
     };
@@ -37,18 +37,18 @@ export const SearchCard = ({ onChange = noop, onClose = noop, onSearchPrev = noo
     };
     const handleIsCaseSensitive = () => {
         onConfigChange({
-            isCaseSensitive: !isCaseSensitive,
-            isWholeWord,
+            caseSensitive: !isCaseSensitive,
+            wholeWord: isWholeWord,
         });
-        setIsCaseSensitive((isCaseSensitive) => !isCaseSensitive);
+        setIsCaseSensitive(inverse);
         setInputFocus();
     };
     const handleIsWholeWord = () => {
         onConfigChange({
-            isCaseSensitive,
-            isWholeWord: !isWholeWord,
+            caseSensitive: isCaseSensitive,
+            wholeWord: !isWholeWord,
         });
-        setIsWholeWord((isWholeWord) => !isWholeWord);
+        setIsWholeWord(inverse);
         setInputFocus();
     };
     const handleSearchKeyPress = enterKeyHandler(handleNext);
@@ -59,7 +59,7 @@ export const SearchCard = ({ onChange = noop, onClose = noop, onSearchPrev = noo
                 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(TextInput, { controlRef: textInputRef, className: sp({ mb: 2 }), size: "s", autoFocus: true, onKeyPress: handleSearchKeyPress, onUpdate: 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 },

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

@@ -8,7 +8,7 @@ export declare const customTags: {
 };
 export declare type YfmNoteType = 'info' | 'tip' | 'warning' | 'alert';
 export declare const yfmNoteTypes: readonly YfmNoteType[];
-export declare const yfmNoteSnippetTemplate: (type: YfmNoteType) => "{% note info %}\n\n#{}\n\n{% endnote %}\n\n" | "{% note tip %}\n\n#{}\n\n{% endnote %}\n\n" | "{% note warning %}\n\n#{}\n\n{% endnote %}\n\n" | "{% note alert %}\n\n#{}\n\n{% endnote %}\n\n";
+export declare const yfmNoteSnippetTemplate: (type: YfmNoteType) => "{% note info %}\n\n#{}\n\n{% endnote %}\n\n" | "{% note alert %}\n\n#{}\n\n{% endnote %}\n\n" | "{% note tip %}\n\n#{}\n\n{% endnote %}\n\n" | "{% note warning %}\n\n#{}\n\n{% endnote %}\n\n";
 export declare const yfmNoteSnippets: Record<YfmNoteType, ReturnType<typeof snippet>>;
 export declare const yfmCutSnippetTemplate = "{% cut \"#{title}\" %}\n\n#{}\n\n{% endcut %}\n\n";
 export declare const yfmCutSnippet: (editor: {

package/build/esm/markup/editor.d.ts

@@ -1,5 +1,5 @@
 import type { EditorView } from '@codemirror/view';
-import { CommonEditor, MarkupString } from '../common';
+import type { CommonEditor, MarkupString } from '../common';
 export interface CodeEditor {
     readonly cm: EditorView;
 }

package/build/esm/react-utils/react-node-view.d.ts

@@ -1,7 +1,7 @@
 import React from 'react';
 import type { Mark, Node } from 'prosemirror-model';
 import type { EditorView, NodeView, NodeViewConstructor } from 'prosemirror-view';
-import { ExtensionDeps, Serializer } from '../core';
+import type { ExtensionDeps, Serializer } from '../core';
 declare type ReactNodeViewOptions<T> = {
     isInline?: boolean;
     reactNodeWrapperCn?: string;
@@ -22,7 +22,7 @@ export declare class ReactNodeView<T extends object = {}> implements NodeView {
     node: Node;
     readonly view: EditorView;
     readonly serializer: Serializer;
-    readonly renderItem: import("../extensions").RendererItem;
+    readonly renderItem: import("../extensions/behavior/ReactRenderer").RendererItem;
     readonly getPos: () => number | undefined;
     constructor(Component: React.FC<ReactNodeViewProps<T>>, opts: {
         node: Node;

package/build/esm/react-utils/react-node-view.js

@@ -1,6 +1,6 @@
 import React from 'react';
 import { createPortal } from 'react-dom';
-import { getReactRendererFromState } from '../extensions';
+import { getReactRendererFromState } from '../extensions/behavior/ReactRenderer';
 export const ReactNodeStopEventCn = 'prosemirror-stop-event';
 export class ReactNodeView {
     constructor(Component, opts) {

package/build/esm/table-utils/commands/appendColumn.js

@@ -1,6 +1,6 @@
 import { findParentNodeClosestToPos } from 'prosemirror-utils';
-import { isTableNode } from '..';
 import { TableDesc } from '../table-desc';
+import { isTableNode } from '../utils';
 export const appendColumn = (state, dispatch, _, attrs) => {
     if (!attrs)
         return false;

package/build/esm/table-utils/commands/appendRow.js

@@ -1,6 +1,6 @@
 import { findParentNodeClosestToPos } from 'prosemirror-utils';
-import { isTableNode } from '..';
 import { TableDesc } from '../table-desc';
+import { isTableNode } from '../utils';
 export const appendRow = (state, dispatch, _, attrs) => {
     if (!attrs)
         return false;

package/build/esm/table-utils/commands/removeRow.js

@@ -1,8 +1,8 @@
 import { Fragment } from 'prosemirror-model';
 import { findParentNodeClosestToPos } from 'prosemirror-utils';
-import { isTableNode } from '..';
 import { trackTransactionMetrics } from '../../core';
 import { TableDesc } from '../table-desc';
+import { isTableNode } from '../utils';
 export const removeRow = (state, dispatch, _, attrs = {}) => {
     var _a;
     const { tablePos, rowNumber } = attrs;

package/build/esm/toolbar/FlexToolbar.d.ts

@@ -1,6 +1,6 @@
 /// <reference types="react" />
-import { ToolbarProps } from './Toolbar';
-import { ToolbarItemData } from './types';
+import { type ToolbarProps } from './Toolbar';
+import { type ToolbarItemData } from './types';
 import './FlexToolbar.css';
 export declare type FlexToolbarProps<E> = ToolbarProps<E> & {
     dotsTitle: string | (() => string);

package/build/esm/toolbar/Toolbar.d.ts

@@ -1,8 +1,7 @@
 /// <reference types="react" />
-import { ToolbarGroupData } from './ToolbarGroup';
-import { ToolbarBaseProps } from './types';
+import type { ToolbarBaseProps, ToolbarData } from './types';
 import './Toolbar.css';
-export declare type ToolbarData<E> = ToolbarGroupData<E>[];
+export type { ToolbarData };
 export declare type ToolbarProps<E> = ToolbarBaseProps<E> & {
     data: ToolbarData<E>;
 };

package/build/esm/toolbar/ToolbarGroup.d.ts

@@ -1,7 +1,7 @@
 /// <reference types="react" />
-import { ToolbarBaseProps, ToolbarGroupItemData } from './types';
+import { type ToolbarBaseProps, type ToolbarGroupData } from './types';
 import './ToolbarGroup.css';
-export declare type ToolbarGroupData<E> = ToolbarGroupItemData<E>[];
+export type { ToolbarGroupData };
 export declare type ToolbarGroupProps<E> = ToolbarBaseProps<E> & {
     data: ToolbarGroupData<E>;
 };

package/build/esm/toolbar/ToolbarListButton.d.ts

@@ -1,13 +1,6 @@
 /// <reference types="react" />
-import { ToolbarBaseProps, ToolbarIconData, ToolbarListButtonItemData } from './types';
+import type { ToolbarBaseProps, ToolbarListButtonData } from './types';
 import './ToolbarListButton.css';
-export declare type ToolbarListButtonData<E> = {
-    icon: ToolbarIconData;
-    title: string | (() => string);
-    withArrow?: boolean;
-    data: ToolbarListButtonItemData<E>[];
-    alwaysActive?: boolean;
-    hideDisabled?: boolean;
-};
+export type { ToolbarListButtonData };
 export declare type ToolbarListButtonProps<E> = ToolbarBaseProps<E> & ToolbarListButtonData<E>;
 export declare function ToolbarListButton<E>({ className, editor, focus, onClick, icon, title, withArrow, data, alwaysActive, }: ToolbarListButtonProps<E>): JSX.Element | null;

package/build/esm/toolbar/flexible.d.ts

@@ -1,5 +1,4 @@
-import type { ToolbarData } from './Toolbar';
-import { ToolbarItemData } from './types';
+import type { ToolbarData, ToolbarItemData } from './types';
 export declare type ShrinkToolbarDataParams<E> = {
     data: ToolbarData<E>;
     availableWidth: number;

package/build/esm/toolbar/index.d.ts

@@ -5,4 +5,3 @@ export * from './ToolbarButton';
 export * from './ToolbarGroup';
 export * from './ToolbarListButton';
 export * from './FlexToolbar';
-export * from '../bundle/config';

package/build/esm/toolbar/index.js

@@ -5,4 +5,3 @@ export * from './ToolbarButton';
 export * from './ToolbarGroup';
 export * from './ToolbarListButton';
 export * from './FlexToolbar';
-export * from '../bundle/config';

package/build/esm/toolbar/types.d.ts

@@ -1,7 +1,6 @@
 import type { RefObject } from 'react';
 import type { HotkeyProps, IconProps } from '@gravity-ui/uikit';
 import type { ClassNameProps } from '../classname';
-import type { ToolbarListButtonData } from './ToolbarListButton';
 export declare type ToolbarBaseProps<E> = ClassNameProps & {
     editor: E;
     focus(): void;
@@ -10,6 +9,8 @@ export declare type ToolbarBaseProps<E> = ClassNameProps & {
     }): void;
 };
 export declare type ToolbarIconData = Pick<IconProps, 'data' | 'size'>;
+export declare type ToolbarGroupData<E> = Array<ToolbarGroupItemData<E>>;
+export declare type ToolbarData<E> = ToolbarGroupData<E>[];
 export declare type ToolbarItemData<E> = {
     id: string;
     icon: ToolbarIconData;
@@ -75,6 +76,14 @@ export declare type ToolbarButtonPopupData<E> = ToolbarItemData<E> & {
 export declare type ToolbarListButtonItemData<E> = ToolbarItemData<E> & {
     doNotActivateList?: boolean;
 };
+export declare type ToolbarListButtonData<E> = {
+    icon: ToolbarIconData;
+    title: string | (() => string);
+    withArrow?: boolean;
+    data: ToolbarListButtonItemData<E>[];
+    alwaysActive?: boolean;
+    hideDisabled?: boolean;
+};
 /**
  * @deprecated Use ReactComponent type instead
  * */

package/build/esm/version.js

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

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@gravity-ui/markdown-editor",
-  "version": "14.11.0",
+  "version": "14.11.1",
   "description": "Markdown wysiwyg and markup editor",
   "license": "MIT",
   "repository": {
@@ -25,6 +25,7 @@
     "lint:js": "eslint \"{src,demo}/**/*.{js,jsx,ts,tsx}\"",
     "lint:styles": "stylelint \"{src,demo}/**/*.{css,scss}\"",
     "lint:prettier": "prettier --check \"{src,demo}/**/*.{js,jsx,ts,tsx,css,scss}\"",
+    "check-circular-deps": "node scripts/check-circular-deps.js 48",
     "test": "jest",
     "test:cov": "jest --coverage",
     "test:watch": "jest --watchAll",
@@ -235,6 +236,7 @@
     "@types/rimraf": "3.0.2",
     "@types/sanitize-html": "2.11.0",
     "bem-cn-lite": "4.1.0",
+    "dpdm": "3.14.0",
     "esbuild-sass-plugin": "2.15.0",
     "eslint": "8.56.0",
     "eslint-plugin-lodash": "7.4.0",