@gravity-ui/markdown-editor 14.11.0 → 14.11.2

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

@@ -10,7 +10,7 @@ const INPUT_DELAY = 200;
 const SearchPanelPlugin = (params) => view_1.ViewPlugin.fromClass(class {
     constructor(view) {
         var _a, _b;
-        this.searchQuery = {
+        this.searchConfig = {
             search: '',
             caseSensitive: false,
             wholeWord: false,
@@ -33,10 +33,12 @@ const SearchPanelPlugin = (params) => view_1.ViewPlugin.fromClass(class {
         var _a;
         const isPanelOpen = (0, search_1.searchPanelOpen)(update.state);
         if (isPanelOpen && !this.renderer) {
+            const initial = (0, search_1.getSearchQuery)(update.state);
             this.anchor = document.querySelector(this.params.anchorSelector);
             this.renderer = this.view.state
                 .facet(react_facet_1.ReactRendererFacet)
                 .createItem('cm-search', () => (0, SearchPopup_1.renderSearchPopup)({
+                initial,
                 open: true,
                 anchor: this.anchor,
                 onChange: this.handleChange,
@@ -58,8 +60,8 @@ const SearchPanelPlugin = (params) => view_1.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 search_1.SearchQuery(Object.assign({}, this.searchQuery));
+        this.searchConfig = Object.assign(Object.assign({}, this.searchConfig), config);
+        const searchQuery = new search_1.SearchQuery(Object.assign({}, this.searchConfig));
         this.view.dispatch({ effects: search_1.setSearchQuery.of(searchQuery) });
     }
     handleEditorModeChange({ mode }) {
@@ -80,11 +82,8 @@ const SearchPanelPlugin = (params) => view_1.ViewPlugin.fromClass(class {
     handleSearchPrev() {
         (0, search_1.findPrevious)(this.view);
     }
-    handleSearchConfigChange({ isCaseSensitive, isWholeWord, }) {
-        this.setViewSearch({
-            caseSensitive: isCaseSensitive,
-            wholeWord: isWholeWord,
-        });
+    handleSearchConfigChange(config) {
+        this.setViewSearch(config);
     }
 }, {
     provide: () => [

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

@@ -1,9 +1,9 @@
 import React from 'react';
-interface SearchConfig {
-    isCaseSensitive: boolean;
-    isWholeWord: boolean;
-}
+import type { SearchQuery } from '@codemirror/search';
+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;
@@ -12,14 +12,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/cjs/markup/codemirror/search-plugin/view/SearchPopup.js

@@ -10,17 +10,17 @@ const search_1 = require("../../../../i18n/search");
 const handlers_1 = require("../../../../utils/handlers");
 const b = (0, classname_1.cn)('search-card');
 const noop = () => { };
-const SearchCard = ({ onChange = noop, onClose = noop, onSearchPrev = noop, onSearchNext = noop, onConfigChange = noop, }) => {
-    const [query, setQuery] = (0, react_1.useState)('');
-    const [isCaseSensitive, setIsCaseSensitive] = (0, react_1.useState)(false);
-    const [isWholeWord, setIsWholeWord] = (0, react_1.useState)(false);
+const inverse = (val) => !val;
+const SearchCard = ({ initial, onChange = noop, onClose = noop, onSearchPrev = noop, onSearchNext = noop, onConfigChange = noop, }) => {
+    const [query, setQuery] = (0, react_1.useState)(initial.search);
+    const [isCaseSensitive, setIsCaseSensitive] = (0, react_1.useState)(initial.caseSensitive);
+    const [isWholeWord, setIsWholeWord] = (0, react_1.useState)(initial.wholeWord);
     const textInputRef = (0, react_1.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);
     };
@@ -39,18 +39,18 @@ const SearchCard = ({ onChange = noop, onClose = noop, onSearchPrev = noop, onSe
     };
     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 = (0, handlers_1.enterKeyHandler)(handleNext);
@@ -61,7 +61,7 @@ const SearchCard = ({ onChange = noop, onClose = noop, onSearchPrev = noop, onSe
                 (0, search_1.i18n)('title')),
             react_1.default.createElement(uikit_1.Button, { onClick: handleClose, size: "s", view: "flat" },
                 react_1.default.createElement(uikit_1.Icon, { data: icons_1.Xmark, size: 14 }))),
-        react_1.default.createElement(uikit_1.TextInput, { controlRef: textInputRef, className: (0, uikit_1.sp)({ mb: 2 }), size: "s", autoFocus: true, onKeyPress: handleSearchKeyPress, onChange: handleInputChange, value: query, endContent: react_1.default.createElement(react_1.default.Fragment, null,
+        react_1.default.createElement(uikit_1.TextInput, { controlRef: textInputRef, className: (0, uikit_1.sp)({ mb: 2 }), size: "s", autoFocus: true, onKeyPress: handleSearchKeyPress, onUpdate: handleInputChange, value: query, endContent: react_1.default.createElement(react_1.default.Fragment, null,
                 react_1.default.createElement(uikit_1.Button, { onClick: handlePrev },
                     react_1.default.createElement(uikit_1.Icon, { data: icons_1.ChevronUp, size: 12 })),
                 react_1.default.createElement(uikit_1.Button, { onClick: handleNext },

package/build/cjs/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/cjs/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/cjs/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/cjs/react-utils/react-node-view.js

@@ -4,7 +4,7 @@ exports.reactNodeViewFactory = exports.ReactNodeView = exports.ReactNodeStopEven
 const tslib_1 = require("tslib");
 const react_1 = tslib_1.__importDefault(require("react"));
 const react_dom_1 = require("react-dom");
-const extensions_1 = require("../extensions");
+const ReactRenderer_1 = require("../extensions/behavior/ReactRenderer");
 exports.ReactNodeStopEventCn = 'prosemirror-stop-event';
 class ReactNodeView {
     constructor(Component, opts) {
@@ -21,7 +21,7 @@ class ReactNodeView {
         this.serializer = serializer;
         this.view = view;
         this.getPos = getPos;
-        this.renderItem = (0, extensions_1.getReactRendererFromState)(view.state).createItem(`${Component.displayName || this.node.type.name}-view`, () => (0, react_dom_1.createPortal)(react_1.default.createElement(Component, { dom: this.dom, view: this.view, updateAttributes: this.updateAttributes.bind(this), node: this.node, getPos: this.getPos.bind(this), serializer: this.serializer, extensionOptions: options === null || options === void 0 ? void 0 : options.extensionOptions }), this.dom));
+        this.renderItem = (0, ReactRenderer_1.getReactRendererFromState)(view.state).createItem(`${Component.displayName || this.node.type.name}-view`, () => (0, react_dom_1.createPortal)(react_1.default.createElement(Component, { dom: this.dom, view: this.view, updateAttributes: this.updateAttributes.bind(this), node: this.node, getPos: this.getPos.bind(this), serializer: this.serializer, extensionOptions: options === null || options === void 0 ? void 0 : options.extensionOptions }), this.dom));
     }
     update(node) {
         if (node.type !== this.node.type)

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

@@ -2,13 +2,13 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.appendColumn = void 0;
 const prosemirror_utils_1 = require("prosemirror-utils");
-const __1 = require("..");
 const table_desc_1 = require("../table-desc");
+const utils_1 = require("../utils");
 const appendColumn = (state, dispatch, _, attrs) => {
     if (!attrs)
         return false;
     const { tablePos, columnNumber, direction = 'after' } = attrs;
-    const res = (0, prosemirror_utils_1.findParentNodeClosestToPos)(state.doc.resolve(tablePos + 1), __1.isTableNode);
+    const res = (0, prosemirror_utils_1.findParentNodeClosestToPos)(state.doc.resolve(tablePos + 1), utils_1.isTableNode);
     if (!res)
         return false;
     const tableNode = res.node;

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

@@ -2,13 +2,13 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.appendRow = void 0;
 const prosemirror_utils_1 = require("prosemirror-utils");
-const __1 = require("..");
 const table_desc_1 = require("../table-desc");
+const utils_1 = require("../utils");
 const appendRow = (state, dispatch, _, attrs) => {
     if (!attrs)
         return false;
     const { tablePos, rowNumber, direction = 'after' } = attrs;
-    const res = (0, prosemirror_utils_1.findParentNodeClosestToPos)(state.doc.resolve(tablePos + 1), __1.isTableNode);
+    const res = (0, prosemirror_utils_1.findParentNodeClosestToPos)(state.doc.resolve(tablePos + 1), utils_1.isTableNode);
     if (!res)
         return false;
     const tableNode = res.node;

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

@@ -3,15 +3,15 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.removeRow = void 0;
 const prosemirror_model_1 = require("prosemirror-model");
 const prosemirror_utils_1 = require("prosemirror-utils");
-const __1 = require("..");
 const core_1 = require("../../core");
 const table_desc_1 = require("../table-desc");
+const utils_1 = require("../utils");
 const removeRow = (state, dispatch, _, attrs = {}) => {
     var _a;
     const { tablePos, rowNumber } = attrs;
     if (tablePos === undefined || rowNumber === undefined)
         return false;
-    const tableNode = (_a = (0, prosemirror_utils_1.findParentNodeClosestToPos)(state.doc.resolve(tablePos + 1), __1.isTableNode)) === null || _a === void 0 ? void 0 : _a.node;
+    const tableNode = (_a = (0, prosemirror_utils_1.findParentNodeClosestToPos)(state.doc.resolve(tablePos + 1), utils_1.isTableNode)) === null || _a === void 0 ? void 0 : _a.node;
     if (!tableNode)
         return false;
     const tableDesc = table_desc_1.TableDesc.create(tableNode);

package/build/cjs/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';
 export declare type FlexToolbarProps<E> = ToolbarProps<E> & {
     dotsTitle: string | (() => string);
     hiddenActions?: ToolbarItemData<E>[];

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

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

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

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

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

@@ -1,12 +1,5 @@
 /// <reference types="react" />
-import { ToolbarBaseProps, ToolbarIconData, ToolbarListButtonItemData } from './types';
-export declare type ToolbarListButtonData<E> = {
-    icon: ToolbarIconData;
-    title: string | (() => string);
-    withArrow?: boolean;
-    data: ToolbarListButtonItemData<E>[];
-    alwaysActive?: boolean;
-    hideDisabled?: boolean;
-};
+import type { ToolbarBaseProps, ToolbarListButtonData } from './types';
+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/cjs/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/cjs/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/cjs/toolbar/index.js

@@ -8,4 +8,3 @@ tslib_1.__exportStar(require("./ToolbarButton"), exports);
 tslib_1.__exportStar(require("./ToolbarGroup"), exports);
 tslib_1.__exportStar(require("./ToolbarListButton"), exports);
 tslib_1.__exportStar(require("./FlexToolbar"), exports);
-tslib_1.__exportStar(require("../bundle/config"), exports);

package/build/cjs/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/cjs/version.js

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

package/build/esm/bundle/MarkdownEditorView.d.ts

@@ -3,7 +3,7 @@ import type { ToasterPublicMethods } from '@gravity-ui/uikit';
 import { ClassNameProps } from '../classname';
 import type { ToolbarsPreset } from '../modules/toolbars/types';
 import type { Editor } from './Editor';
-import { MToolbarData, MToolbarItemData, WToolbarData, WToolbarItemData } from './config';
+import type { MToolbarData, MToolbarItemData, WToolbarData, WToolbarItemData } from './toolbar/types';
 import '../styles/styles.css';
 import './MarkdownEditorView.css';
 export declare const cnEditorComponent: import("@bem-react/classname").ClassNameFormatter;

package/build/esm/bundle/MarkupEditorView.d.ts

@@ -1,7 +1,7 @@
 import React from 'react';
-import { ClassNameProps } from '../classname';
+import { type ClassNameProps } from '../classname';
 import type { EditorInt } from './Editor';
-import type { MToolbarData, MToolbarItemData } from './config/markup';
+import type { MToolbarData, MToolbarItemData } from './toolbar/types';
 import type { MarkdownEditorSplitMode } from './types';
 import './MarkupEditorView.css';
 export declare type MarkupEditorViewProps = ClassNameProps & {

package/build/esm/bundle/WysiwygEditorView.d.ts

@@ -1,7 +1,7 @@
 import React from 'react';
-import { ClassNameProps } from '../classname';
+import { type ClassNameProps } from '../classname';
 import type { EditorInt } from './Editor';
-import type { WToolbarData, WToolbarItemData } from './config/wysiwyg';
+import type { WToolbarData, WToolbarItemData } from './toolbar/types';
 import './WysiwygEditorView.css';
 export declare type WysiwygEditorViewProps = ClassNameProps & {
     editor: EditorInt;

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

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

package/build/esm/bundle/config/markup.d.ts

@@ -1,17 +1,7 @@
-import { CodeEditor } from '../../markup/editor';
-import { ToolbarData } from '../../toolbar/Toolbar';
-import { ToolbarGroupData } from '../../toolbar/ToolbarGroup';
-import { ToolbarListButtonData } from '../../toolbar/ToolbarListButton';
-import { ToolbarButtonPopupData, ToolbarItemData, ToolbarListButtonItemData, ToolbarListItemData, ToolbarReactComponentData, ToolbarSingleItemData } from '../../toolbar/types';
+import type { CodeEditor } from '../../markup/editor';
+import type { MToolbarButtonPopupData, MToolbarData, MToolbarGroupData, MToolbarItemData, MToolbarListButtonData, MToolbarListItemData, MToolbarSingleItemData, ToolbarListButtonItemData } from '../toolbar/types';
 import type { MarkdownEditorPreset } from '../types';
-export declare type MToolbarData = ToolbarData<CodeEditor>;
-export declare type MToolbarItemData = ToolbarItemData<CodeEditor>;
-export declare type MToolbarSingleItemData = ToolbarSingleItemData<CodeEditor>;
-export declare type MToolbarGroupData = ToolbarGroupData<CodeEditor>;
-export declare type MToolbarReactComponentData = ToolbarReactComponentData<CodeEditor>;
-export declare type MToolbarListButtonData = ToolbarListButtonData<CodeEditor>;
-export declare type MToolbarListItemData = ToolbarListItemData<CodeEditor>;
-export declare type MToolbarButtonPopupData = ToolbarButtonPopupData<CodeEditor>;
+export type { MToolbarData, MToolbarItemData, MToolbarSingleItemData, MToolbarGroupData, MToolbarReactComponentData, MToolbarListButtonData, MToolbarListItemData, MToolbarButtonPopupData, } from '../toolbar/types';
 export declare const mUndoItemData: MToolbarSingleItemData;
 export declare const mRedoItemData: MToolbarSingleItemData;
 export declare const mBoldItemData: MToolbarSingleItemData;

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

@@ -5,10 +5,10 @@ import React from 'react';
 import { i18n } from '../../i18n/menubar';
 import { insertHRule, insertLink, insertMermaidDiagram, insertYfmHtmlBlock, insertYfmTable, insertYfmTabs, liftListItem, redo, redoDepth, sinkListItem, toBulletList, toH1, toH2, toH3, toH4, toH5, toH6, toOrderedList, toggleBold, toggleItalic, toggleMarked, toggleMonospace, toggleStrikethrough, toggleUnderline, undo, undoDepth, wrapToBlockquote, wrapToCheckbox, wrapToCodeBlock, wrapToInlineCode, wrapToMathBlock, wrapToMathInline, wrapToYfmCut, wrapToYfmNote, } from '../../markup/commands';
 import { Action as A, formatter as f } from '../../shortcuts';
-import { ToolbarDataType, } from '../../toolbar/types';
 import { MToolbarColors } from '../toolbar/markup/MToolbarColors';
 import { MToolbarFilePopup } from '../toolbar/markup/MToolbarFilePopup';
 import { MToolbarImagePopup } from '../toolbar/markup/MToolbarImagePopup';
+import { ToolbarDataType } from '../toolbar/types';
 import { ActionName } from './action-names';
 import { icons } from './icons';
 const noop = () => { };

package/build/esm/bundle/config/w-heading-config.d.ts

@@ -0,0 +1,9 @@
+import type { WToolbarListButtonData, WToolbarListButtonItemData } from '../toolbar/types';
+export declare const wTextItemData: WToolbarListButtonItemData;
+export declare const wHeading1ItemData: WToolbarListButtonItemData;
+export declare const wHeading2ItemData: WToolbarListButtonItemData;
+export declare const wHeading3ItemData: WToolbarListButtonItemData;
+export declare const wHeading4ItemData: WToolbarListButtonItemData;
+export declare const wHeading5ItemData: WToolbarListButtonItemData;
+export declare const wHeading6ItemData: WToolbarListButtonItemData;
+export declare const wHeadingListConfig: WToolbarListButtonData;

package/build/esm/bundle/config/w-heading-config.js

@@ -0,0 +1,82 @@
+import { i18n } from '../../i18n/menubar';
+import { Action as A, formatter as f } from '../../shortcuts';
+import { ActionName } from './action-names';
+import { icons } from './icons';
+export const wTextItemData = {
+    id: ActionName.paragraph,
+    title: i18n.bind(null, 'text'),
+    icon: icons.text,
+    hotkey: f.toView(A.Text),
+    exec: (e) => e.actions.toParagraph.run(),
+    isActive: (e) => e.actions.toParagraph.isActive(),
+    isEnable: (e) => e.actions.toParagraph.isEnable(),
+    doNotActivateList: true,
+};
+export const wHeading1ItemData = {
+    id: ActionName.heading1,
+    title: i18n.bind(null, 'heading1'),
+    icon: icons.h1,
+    hotkey: f.toView(A.Heading1),
+    exec: (e) => e.actions.toH1.run(),
+    isActive: (e) => e.actions.toH1.isActive(),
+    isEnable: (e) => e.actions.toH1.isEnable(),
+};
+export const wHeading2ItemData = {
+    id: ActionName.heading2,
+    title: i18n.bind(null, 'heading2'),
+    icon: icons.h2,
+    hotkey: f.toView(A.Heading2),
+    exec: (e) => e.actions.toH2.run(),
+    isActive: (e) => e.actions.toH2.isActive(),
+    isEnable: (e) => e.actions.toH2.isEnable(),
+};
+export const wHeading3ItemData = {
+    id: ActionName.heading3,
+    title: i18n.bind(null, 'heading3'),
+    icon: icons.h3,
+    hotkey: f.toView(A.Heading3),
+    exec: (e) => e.actions.toH3.run(),
+    isActive: (e) => e.actions.toH3.isActive(),
+    isEnable: (e) => e.actions.toH3.isEnable(),
+};
+export const wHeading4ItemData = {
+    id: ActionName.heading4,
+    title: i18n.bind(null, 'heading4'),
+    icon: icons.h4,
+    hotkey: f.toView(A.Heading4),
+    exec: (e) => e.actions.toH4.run(),
+    isActive: (e) => e.actions.toH4.isActive(),
+    isEnable: (e) => e.actions.toH4.isEnable(),
+};
+export const wHeading5ItemData = {
+    id: ActionName.heading5,
+    title: i18n.bind(null, 'heading5'),
+    icon: icons.h5,
+    hotkey: f.toView(A.Heading5),
+    exec: (e) => e.actions.toH5.run(),
+    isActive: (e) => e.actions.toH5.isActive(),
+    isEnable: (e) => e.actions.toH5.isEnable(),
+};
+export const wHeading6ItemData = {
+    id: ActionName.heading6,
+    title: i18n.bind(null, 'heading6'),
+    icon: icons.h6,
+    hotkey: f.toView(A.Heading6),
+    exec: (e) => e.actions.toH6.run(),
+    isActive: (e) => e.actions.toH6.isActive(),
+    isEnable: (e) => e.actions.toH6.isEnable(),
+};
+export const wHeadingListConfig = {
+    icon: icons.headline,
+    withArrow: true,
+    title: i18n.bind(null, 'heading'),
+    data: [
+        wTextItemData,
+        wHeading1ItemData,
+        wHeading2ItemData,
+        wHeading3ItemData,
+        wHeading4ItemData,
+        wHeading5ItemData,
+        wHeading6ItemData,
+    ],
+};

package/build/esm/bundle/config/wysiwyg.d.ts

@@ -1,21 +1,8 @@
-/**
- * @deprecated This file is deprecated. Use ToolbarsPreset instead.
- */
-import type { ActionStorage } from '../../core';
 import type { SelectionContextConfig, SelectionContextItemData } from '../../extensions/behavior/SelectionContext';
-import { ToolbarGroupItemData, ToolbarItemData, ToolbarListButtonItemData, ToolbarListItemData, ToolbarSingleItemData } from '../../toolbar';
-import { ToolbarData } from '../../toolbar/Toolbar';
-import { ToolbarGroupData } from '../../toolbar/ToolbarGroup';
-import { ToolbarListButtonData } from '../../toolbar/ToolbarListButton';
+import type { WToolbarData, WToolbarGroupData, WToolbarItemData, WToolbarListButtonData, WToolbarListButtonItemData, WToolbarListItemData, WToolbarSingleItemData } from '../toolbar/types';
 import type { MarkdownEditorPreset } from '../types';
-export declare type WToolbarData = ToolbarData<ActionStorage>;
-export declare type WToolbarItemData = ToolbarItemData<ActionStorage>;
-export declare type WToolbarSingleItemData = ToolbarSingleItemData<ActionStorage>;
-export declare type WToolbarGroupData = ToolbarGroupData<ActionStorage>;
-export declare type WToolbarGroupItemData = ToolbarGroupItemData<ActionStorage>;
-export declare type WToolbarListButtonData = ToolbarListButtonData<ActionStorage>;
-export declare type WToolbarListItemData = ToolbarListItemData<ActionStorage>;
-export declare type WToolbarListButtonItemData = ToolbarListButtonItemData<ActionStorage>;
+export type { WToolbarData, WToolbarItemData, WToolbarSingleItemData, WToolbarGroupData, WToolbarGroupItemData, WToolbarListButtonData, WToolbarListItemData, WToolbarListButtonItemData, } from '../toolbar/types';
+export * from './w-heading-config';
 export declare const wUndoItemData: WToolbarSingleItemData;
 export declare const wRedoItemData: WToolbarSingleItemData;
 export declare const wBoldItemData: WToolbarSingleItemData;
@@ -44,18 +31,10 @@ export declare const wEmojiItemData: WToolbarItemData;
 export declare const wToggleHeadingFoldingItemData: SelectionContextItemData;
 export declare const textContextItemData: SelectionContextItemData;
 export declare const wMathListItem: WToolbarListItemData;
-export declare const wTextItemData: WToolbarListButtonItemData;
-export declare const wHeading1ItemData: WToolbarListButtonItemData;
-export declare const wHeading2ItemData: WToolbarListButtonItemData;
-export declare const wHeading3ItemData: WToolbarListButtonItemData;
-export declare const wHeading4ItemData: WToolbarListButtonItemData;
-export declare const wHeading5ItemData: WToolbarListButtonItemData;
-export declare const wHeading6ItemData: WToolbarListButtonItemData;
 export declare const wBulletListItemData: WToolbarListButtonItemData;
 export declare const wOrderedListItemData: WToolbarListButtonItemData;
 export declare const wSinkListItemData: WToolbarListButtonItemData;
 export declare const wLiftListItemData: WToolbarListButtonItemData;
-export declare const wHeadingListConfig: WToolbarListButtonData;
 export declare const wListsListConfig: WToolbarListButtonData;
 export declare const wListMoveListConfig: WToolbarListButtonData;
 export declare const wCodeListConfig: WToolbarListButtonData;