@gravity-ui/markdown-editor 14.11.2 → 14.12.1

package/build/esm/bundle/toolbar/utils/toolbarsConfigs.js

@@ -1,7 +1,7 @@
-import { ToolbarName } from '../../../modules/toolbars/constants';
-import { commonmark, defaultPreset, full, yfm, zero } from '../../../modules/toolbars/presets';
-import { ToolbarDataType } from '../types';
-import { flattenPreset } from './flattenPreset';
+import { ToolbarName } from "../../../modules/toolbars/constants.js";
+import { commonmark, defaultPreset, full, yfm, zero } from "../../../modules/toolbars/presets.js";
+import { ToolbarDataType } from "../types.js";
+import { flattenPreset } from "./flattenPreset.js";
 const defaultPresets = {
     zero,
     commonmark,
@@ -10,42 +10,58 @@ const defaultPresets = {
     full,
 };
 const transformItem = (type, item, id = 'unknown') => {
-    var _a;
     if (!item) {
         console.warn(`Toolbar item "${id}" not found, it might not have been added to the items dictionary.`);
         return {};
     }
     const isListButton = item.view.type === ToolbarDataType.ListButton;
-    return Object.assign(Object.assign(Object.assign({ type: (_a = item.view.type) !== null && _a !== void 0 ? _a : ToolbarDataType.SingleButton, id, title: item.view.title, hint: item.view.hint, icon: item.view.icon, hotkey: item.view.hotkey }, (isListButton && { withArrow: item.view.withArrow })), (type === 'wysiwyg' && item.wysiwyg && Object.assign({}, item.wysiwyg))), (type === 'markup' && item.markup && Object.assign({}, item.markup)));
+    const isSingleButton = item.view.type === ToolbarDataType.SingleButton;
+    return {
+        type: item.view.type ?? ToolbarDataType.SingleButton,
+        id,
+        title: item.view.title,
+        hint: item.view.hint,
+        icon: item.view.icon,
+        hotkey: item.view.hotkey,
+        ...(isSingleButton && { preview: item.view.preview }),
+        ...(isListButton && { withArrow: item.view.withArrow }),
+        ...(type === 'wysiwyg' && item.wysiwyg && { ...item.wysiwyg }),
+        ...(type === 'markup' && item.markup && { ...item.markup }),
+    };
 };
 export const createToolbarConfig = (editorType, toolbarPreset, toolbarName) => {
-    var _a;
     const preset = typeof toolbarPreset === 'string'
         ? defaultPresets[toolbarPreset] || defaultPresets.default
         : toolbarPreset;
-    const orders = (_a = preset.orders[toolbarName]) !== null && _a !== void 0 ? _a : [[]];
+    const orders = preset.orders[toolbarName] ?? [[]];
     const { items } = preset;
     const toolbarData = orders.map((group) => group.map((action) => {
         return typeof action === 'string'
             ? transformItem(editorType, items[action], action)
-            : Object.assign(Object.assign({}, transformItem(editorType, items[action.id], action.id)), { data: action.items.map((id) => transformItem(editorType, items[id], id)) });
+            : {
+                ...transformItem(editorType, items[action.id], action.id),
+                data: action.items.map((id) => transformItem(editorType, items[id], id)),
+            };
     }));
     return toolbarData;
 };
 export const getToolbarsConfigs = ({ toolbarsPreset, props, preset }) => {
-    var _a, _b, _c, _d;
     const wysiwygToolbarConfig = toolbarsPreset
         ? createToolbarConfig('wysiwyg', toolbarsPreset, ToolbarName.wysiwygMain)
-        : (_a = props.wysiwygToolbarConfig) !== null && _a !== void 0 ? _a : createToolbarConfig('wysiwyg', preset, ToolbarName.wysiwygMain);
+        : props.wysiwygToolbarConfig ??
+            createToolbarConfig('wysiwyg', preset, ToolbarName.wysiwygMain);
     const markupToolbarConfig = toolbarsPreset
         ? createToolbarConfig('markup', toolbarsPreset, ToolbarName.markupMain)
-        : (_b = props.markupToolbarConfig) !== null && _b !== void 0 ? _b : createToolbarConfig('markup', preset, ToolbarName.markupMain);
+        : props.markupToolbarConfig ??
+            createToolbarConfig('markup', preset, ToolbarName.markupMain);
     const wysiwygHiddenActionsConfig = toolbarsPreset
         ? flattenPreset(createToolbarConfig('wysiwyg', toolbarsPreset, ToolbarName.wysiwygHidden))
-        : (_c = props.wysiwygHiddenActionsConfig) !== null && _c !== void 0 ? _c : flattenPreset(createToolbarConfig('wysiwyg', preset, ToolbarName.wysiwygHidden));
+        : props.wysiwygHiddenActionsConfig ??
+            flattenPreset(createToolbarConfig('wysiwyg', preset, ToolbarName.wysiwygHidden));
     const markupHiddenActionsConfig = toolbarsPreset
         ? flattenPreset(createToolbarConfig('markup', toolbarsPreset, ToolbarName.markupHidden))
-        : (_d = props.markupHiddenActionsConfig) !== null && _d !== void 0 ? _d : flattenPreset(createToolbarConfig('markup', preset, ToolbarName.markupHidden));
+        : props.markupHiddenActionsConfig ??
+            flattenPreset(createToolbarConfig('markup', preset, ToolbarName.markupHidden));
     return {
         wysiwygToolbarConfig,
         markupToolbarConfig,
@@ -53,3 +69,4 @@ export const getToolbarsConfigs = ({ toolbarsPreset, props, preset }) => {
         markupHiddenActionsConfig,
     };
 };
+//# sourceMappingURL=toolbarsConfigs.js.map

package/build/esm/bundle/toolbar/utils/toolbarsConfigs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"toolbarsConfigs.js","sourceRoot":"../../../../../src","sources":["bundle/toolbar/utils/toolbarsConfigs.ts"],"names":[],"mappings":"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","sourcesContent":["import {ToolbarName} from '../../../modules/toolbars/constants';\nimport {commonmark, defaultPreset, full, yfm, zero} from '../../../modules/toolbars/presets';\nimport type {\n    ToolbarItem,\n    ToolbarItemMarkup,\n    ToolbarItemWysiwyg,\n    ToolbarsPreset,\n} from '../../../modules/toolbars/types';\nimport type {MarkdownEditorViewProps} from '../../MarkdownEditorView';\nimport type {MarkdownEditorPreset} from '../../types';\nimport {ToolbarDataType} from '../types';\nimport type {MToolbarData, ToolbarIconData, WToolbarData} from '../types';\n\nimport {flattenPreset} from './flattenPreset';\n\nconst defaultPresets: Record<MarkdownEditorPreset, ToolbarsPreset> = {\n    zero,\n    commonmark,\n    default: defaultPreset,\n    yfm,\n    full,\n};\n\ninterface TransformedItem {\n    type: ToolbarDataType;\n    id: string;\n    title?: string | (() => string);\n    hint?: string | (() => string);\n    icon?: ToolbarIconData;\n    hotkey?: string;\n    withArrow?: boolean;\n    preview?: React.ReactNode;\n    wysiwyg?: ToolbarItemWysiwyg<ToolbarDataType>;\n    markup?: ToolbarItemMarkup<ToolbarDataType>;\n}\n\nconst transformItem = (\n    type: 'wysiwyg' | 'markup',\n    item?: ToolbarItem<ToolbarDataType.SingleButton | ToolbarDataType.ListButton>,\n    id = 'unknown',\n): TransformedItem => {\n    if (!item) {\n        console.warn(\n            `Toolbar item \"${id}\" not found, it might not have been added to the items dictionary.`,\n        );\n        return {} as TransformedItem;\n    }\n\n    const isListButton = item.view.type === ToolbarDataType.ListButton;\n    const isSingleButton = item.view.type === ToolbarDataType.SingleButton;\n\n    return {\n        type: item.view.type ?? ToolbarDataType.SingleButton,\n        id,\n        title: item.view.title,\n        hint: item.view.hint,\n        icon: item.view.icon,\n        hotkey: item.view.hotkey,\n        ...(isSingleButton && {preview: (item.view as any).preview}),\n        ...(isListButton && {withArrow: (item.view as any).withArrow}),\n        ...(type === 'wysiwyg' && item.wysiwyg && {...item.wysiwyg}),\n        ...(type === 'markup' && item.markup && {...item.markup}),\n    };\n};\n\nexport const createToolbarConfig = <T extends WToolbarData | MToolbarData>(\n    editorType: 'wysiwyg' | 'markup',\n    toolbarPreset: ToolbarsPreset | MarkdownEditorPreset,\n    toolbarName: string,\n): T => {\n    const preset =\n        typeof toolbarPreset === 'string'\n            ? defaultPresets[toolbarPreset] || defaultPresets.default\n            : toolbarPreset;\n    const orders = preset.orders[toolbarName] ?? [[]];\n    const {items} = preset;\n\n    const toolbarData = orders.map((group) =>\n        group.map((action) => {\n            return typeof action === 'string'\n                ? transformItem(editorType, items[action], action)\n                : {\n                      ...transformItem(editorType, items[action.id], action.id),\n                      data: action.items.map((id) => transformItem(editorType, items[id], id)),\n                  };\n        }),\n    );\n\n    return toolbarData as T;\n};\n\ninterface GetToolbarsConfigsArgs {\n    toolbarsPreset?: ToolbarsPreset;\n    props: Pick<\n        MarkdownEditorViewProps,\n        | 'markupToolbarConfig'\n        | 'wysiwygToolbarConfig'\n        | 'wysiwygHiddenActionsConfig'\n        | 'markupHiddenActionsConfig'\n    >;\n    preset: MarkdownEditorPreset;\n}\nexport const getToolbarsConfigs = ({toolbarsPreset, props, preset}: GetToolbarsConfigsArgs) => {\n    const wysiwygToolbarConfig = toolbarsPreset\n        ? createToolbarConfig<WToolbarData>('wysiwyg', toolbarsPreset, ToolbarName.wysiwygMain)\n        : props.wysiwygToolbarConfig ??\n          createToolbarConfig<WToolbarData>('wysiwyg', preset, ToolbarName.wysiwygMain);\n\n    const markupToolbarConfig = toolbarsPreset\n        ? createToolbarConfig<MToolbarData>('markup', toolbarsPreset, ToolbarName.markupMain)\n        : props.markupToolbarConfig ??\n          createToolbarConfig<MToolbarData>('markup', preset, ToolbarName.markupMain);\n\n    const wysiwygHiddenActionsConfig = toolbarsPreset\n        ? flattenPreset(\n              createToolbarConfig<WToolbarData>(\n                  'wysiwyg',\n                  toolbarsPreset,\n                  ToolbarName.wysiwygHidden,\n              ),\n          )\n        : props.wysiwygHiddenActionsConfig ??\n          flattenPreset(\n              createToolbarConfig<WToolbarData>('wysiwyg', preset, ToolbarName.wysiwygHidden),\n          );\n\n    const markupHiddenActionsConfig = toolbarsPreset\n        ? flattenPreset(\n              createToolbarConfig<MToolbarData>('markup', toolbarsPreset, ToolbarName.markupHidden),\n          )\n        : props.markupHiddenActionsConfig ??\n          flattenPreset(\n              createToolbarConfig<MToolbarData>('markup', preset, ToolbarName.markupHidden),\n          );\n\n    return {\n        wysiwygToolbarConfig,\n        markupToolbarConfig,\n        wysiwygHiddenActionsConfig,\n        markupHiddenActionsConfig,\n    };\n};\n"]}

package/build/esm/bundle/toolbar/wysiwyg/WToolbarColors.d.ts

@@ -1,5 +1,5 @@
-import React from 'react';
-import type { ActionStorage } from '../../../core';
-import type { ToolbarBaseProps } from '../types';
-export declare type WToolbarColorsProps = ToolbarBaseProps<ActionStorage>;
+import type { ActionStorage } from "../../../core/index.js";
+import { type ToolbarColorsProps } from "../custom/ToolbarColors.js";
+import type { ToolbarBaseProps } from "../types.js";
+export type WToolbarColorsProps = ToolbarBaseProps<ActionStorage> & Pick<ToolbarColorsProps, 'disablePortal'>;
 export declare const WToolbarColors: React.FC<WToolbarColorsProps>;

package/build/esm/bundle/toolbar/wysiwyg/WToolbarColors.js

@@ -1,9 +1,10 @@
-import React from 'react';
-import { ToolbarColors } from '../custom/ToolbarColors';
-export const WToolbarColors = ({ className, editor, focus, onClick, }) => {
+import { jsx as _jsx } from "react/jsx-runtime";
+import { ToolbarColors } from "../custom/ToolbarColors.js";
+export const WToolbarColors = ({ disablePortal, className, editor, focus, onClick, }) => {
     const action = editor.actions.colorify;
     const currentColor = action.meta();
-    return (React.createElement(ToolbarColors, { active: action.isActive(), enable: action.isEnable(), currentColor: currentColor, exec: (color) => {
+    return (_jsx(ToolbarColors, { active: action.isActive(), enable: action.isEnable(), currentColor: currentColor, exec: (color) => {
             action.run({ color: color === currentColor ? '' : color });
-        }, className: className, focus: focus, onClick: onClick, withDefault: true }));
+        }, disablePortal: disablePortal, className: className, focus: focus, onClick: onClick, withDefault: true }));
 };
+//# sourceMappingURL=WToolbarColors.js.map

package/build/esm/bundle/toolbar/wysiwyg/WToolbarColors.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"WToolbarColors.js","sourceRoot":"../../../../../src","sources":["bundle/toolbar/wysiwyg/WToolbarColors.tsx"],"names":[],"mappings":";AACA,OAAO,EAAC,aAAa,EAA0B,mCAAgC;AAM/E,MAAM,CAAC,MAAM,cAAc,GAAkC,CAAC,EAC1D,aAAa,EACb,SAAS,EACT,MAAM,EACN,KAAK,EACL,OAAO,GACV,EAAE,EAAE;IACD,MAAM,MAAM,GAAG,MAAM,CAAC,OAAO,CAAC,QAAQ,CAAC;IACvC,MAAM,YAAY,GAAG,MAAM,CAAC,IAAI,EAAE,CAAC;IAEnC,OAAO,CACH,KAAC,aAAa,IACV,MAAM,EAAE,MAAM,CAAC,QAAQ,EAAE,EACzB,MAAM,EAAE,MAAM,CAAC,QAAQ,EAAE,EACzB,YAAY,EAAE,YAAY,EAC1B,IAAI,EAAE,CAAC,KAAK,EAAE,EAAE;YACZ,MAAM,CAAC,GAAG,CAAC,EAAC,KAAK,EAAE,KAAK,KAAK,YAAY,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,KAAK,EAAC,CAAC,CAAC;QAC7D,CAAC,EACD,aAAa,EAAE,aAAa,EAC5B,SAAS,EAAE,SAAS,EACpB,KAAK,EAAE,KAAK,EACZ,OAAO,EAAE,OAAO,EAChB,WAAW,SACb,CACL,CAAC;AACN,CAAC,CAAC","sourcesContent":["import type {ActionStorage} from '../../../core';\nimport {ToolbarColors, type ToolbarColorsProps} from '../custom/ToolbarColors';\nimport type {ToolbarBaseProps} from '../types';\n\nexport type WToolbarColorsProps = ToolbarBaseProps<ActionStorage> &\n    Pick<ToolbarColorsProps, 'disablePortal'>;\n\nexport const WToolbarColors: React.FC<WToolbarColorsProps> = ({\n    disablePortal,\n    className,\n    editor,\n    focus,\n    onClick,\n}) => {\n    const action = editor.actions.colorify;\n    const currentColor = action.meta();\n\n    return (\n        <ToolbarColors\n            active={action.isActive()}\n            enable={action.isEnable()}\n            currentColor={currentColor}\n            exec={(color) => {\n                action.run({color: color === currentColor ? '' : color});\n            }}\n            disablePortal={disablePortal}\n            className={className}\n            focus={focus}\n            onClick={onClick}\n            withDefault\n        />\n    );\n};\n"]}

package/build/esm/bundle/toolbar/wysiwyg/WToolbarTextSelect.d.ts

@@ -1,5 +1,5 @@
-import React from 'react';
-import type { ActionStorage } from '../../../core';
-import type { ToolbarBaseProps } from '../../../toolbar/types';
-export declare type WToolbarTextSelectProps = ToolbarBaseProps<ActionStorage> & {};
+import type { ActionStorage } from "../../../core/index.js";
+import type { ToolbarBaseProps } from "../../../toolbar/types.js";
+import { type ToolbarSelectProps } from "../ToolbarSelect.js";
+export type WToolbarTextSelectProps = ToolbarBaseProps<ActionStorage> & Pick<ToolbarSelectProps, 'disablePortal'>;
 export declare const WToolbarTextSelect: React.FC<WToolbarTextSelectProps>;

package/build/esm/bundle/toolbar/wysiwyg/WToolbarTextSelect.js

@@ -1,7 +1,7 @@
-import React from 'react';
-import { wHeadingListConfig } from '../../config/w-heading-config';
-import { ToolbarSelect } from '../ToolbarSelect';
-export const WToolbarTextSelect = ({ focus, onClick, editor, className, }) => {
-    const items = React.useMemo(() => wHeadingListConfig.data, []);
-    return (React.createElement(ToolbarSelect, { items: items, focus: focus, editor: editor, onClick: onClick, className: className }));
+import { jsx as _jsx } from "react/jsx-runtime";
+import { wHeadingListConfig } from "../../config/w-heading-config.js";
+import { ToolbarSelect } from "../ToolbarSelect.js";
+export const WToolbarTextSelect = ({ focus, onClick, editor, className, disablePortal, }) => {
+    return (_jsx(ToolbarSelect, { items: wHeadingListConfig.data, focus: focus, editor: editor, onClick: onClick, className: className, disablePortal: disablePortal }));
 };
+//# sourceMappingURL=WToolbarTextSelect.js.map

package/build/esm/bundle/toolbar/wysiwyg/WToolbarTextSelect.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"WToolbarTextSelect.js","sourceRoot":"../../../../../src","sources":["bundle/toolbar/wysiwyg/WToolbarTextSelect.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAC,kBAAkB,EAAC,yCAAsC;AACjE,OAAO,EAAC,aAAa,EAA0B,4BAAyB;AAKxE,MAAM,CAAC,MAAM,kBAAkB,GAAsC,CAAC,EAClE,KAAK,EACL,OAAO,EACP,MAAM,EACN,SAAS,EACT,aAAa,GAChB,EAAE,EAAE;IACD,OAAO,CACH,KAAC,aAAa,IACV,KAAK,EAAE,kBAAkB,CAAC,IAAI,EAC9B,KAAK,EAAE,KAAK,EACZ,MAAM,EAAE,MAAM,EACd,OAAO,EAAE,OAAO,EAChB,SAAS,EAAE,SAAS,EACpB,aAAa,EAAE,aAAa,GAC9B,CACL,CAAC;AACN,CAAC,CAAC","sourcesContent":["import type {ActionStorage} from '../../../core';\nimport type {ToolbarBaseProps} from '../../../toolbar/types';\nimport {wHeadingListConfig} from '../../config/w-heading-config';\nimport {ToolbarSelect, type ToolbarSelectProps} from '../ToolbarSelect';\n\nexport type WToolbarTextSelectProps = ToolbarBaseProps<ActionStorage> &\n    Pick<ToolbarSelectProps, 'disablePortal'>;\n\nexport const WToolbarTextSelect: React.FC<WToolbarTextSelectProps> = ({\n    focus,\n    onClick,\n    editor,\n    className,\n    disablePortal,\n}) => {\n    return (\n        <ToolbarSelect\n            items={wHeadingListConfig.data}\n            focus={focus}\n            editor={editor}\n            onClick={onClick}\n            className={className}\n            disablePortal={disablePortal}\n        />\n    );\n};\n"]}

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

@@ -1,27 +1,27 @@
 import type { ReactNode } from 'react';
-import type { MarkupString } from '../common';
-import type { EscapeConfig, Extension } from '../core';
-import type { CreateCodemirrorParams, YfmLangOptions } from '../markup';
-import type { FileUploadHandler } from '../utils';
-import type { DirectiveSyntaxContext, DirectiveSyntaxOption } from '../utils/directive';
-import type { ChangeEditorModeOptions } from './Editor';
-import type { ExtensionsOptions as WysiwygPresetExtensionsOptions } from './wysiwyg-preset';
-export type { Editor as MarkdownEditorInstance } from './Editor';
-export declare type MarkdownEditorMode = 'wysiwyg' | 'markup';
-export declare type MarkdownEditorPreset = 'zero' | 'commonmark' | 'default' | 'yfm' | 'full';
-export declare type MarkdownEditorSplitMode = false | 'horizontal' | 'vertical';
-export declare type RenderPreviewParams = {
+import type { MarkupString } from "../common/index.js";
+import type { EscapeConfig, Extension } from "../core/index.js";
+import type { CreateCodemirrorParams, YfmLangOptions } from "../markup/index.js";
+import type { FileUploadHandler } from "../utils/index.js";
+import type { DirectiveSyntaxContext, DirectiveSyntaxOption } from "../utils/directive.js";
+import type { ChangeEditorModeOptions } from "./Editor.js";
+import type { ExtensionsOptions as WysiwygPresetExtensionsOptions } from "./wysiwyg-preset.js";
+export type { Editor as MarkdownEditorInstance } from "./Editor.js";
+export type MarkdownEditorMode = 'wysiwyg' | 'markup';
+export type MarkdownEditorPreset = 'zero' | 'commonmark' | 'default' | 'yfm' | 'full';
+export type MarkdownEditorSplitMode = false | 'horizontal' | 'vertical';
+export type RenderPreviewParams = {
     getValue: () => MarkupString;
     mode: 'preview' | 'split';
     md: Readonly<MarkdownEditorMdOptions>;
     directiveSyntax: Pick<DirectiveSyntaxContext, 'option' | 'valueFor' | 'mdPluginValueFor'>;
 };
-export declare type RenderPreview = (params: RenderPreviewParams) => ReactNode;
-export declare type ParseInsertedUrlAsImage = (text: string) => {
+export type RenderPreview = (params: RenderPreviewParams) => ReactNode;
+export type ParseInsertedUrlAsImage = (text: string) => {
     imageUrl: string;
     title?: string;
 } | null;
-export declare type WysiwygPlaceholderOptions = {
+export type WysiwygPlaceholderOptions = {
     value?: string | (() => string);
     /** Default – empty-doc
     Values:
@@ -31,13 +31,13 @@ export declare type WysiwygPlaceholderOptions = {
     */
     behavior?: 'empty-doc' | 'empty-row-top-level' | 'empty-row';
 };
-export declare type MarkdownEditorMdOptions = {
+export type MarkdownEditorMdOptions = {
     html?: boolean;
     breaks?: boolean;
     linkify?: boolean;
     linkifyTlds?: string | string[];
 };
-export declare type MarkdownEditorInitialOptions = {
+export type MarkdownEditorInitialOptions = {
     markup?: MarkupString;
     /** Default – wysiwyg */
     mode?: MarkdownEditorMode;
@@ -50,11 +50,11 @@ export declare type MarkdownEditorInitialOptions = {
      */
     splitModeEnabled?: boolean;
 };
-export declare type MarkdownEditorHandlers = {
+export type MarkdownEditorHandlers = {
     /** Pass this handler to allow uploading files from device. */
     uploadFile?: FileUploadHandler;
 };
-export declare type MarkdownEditorExperimentalOptions = {
+export type MarkdownEditorExperimentalOptions = {
     /**
      * If we need to set dimensions for uploaded images
      *
@@ -99,8 +99,19 @@ export declare type MarkdownEditorExperimentalOptions = {
      * @default false
      */
     preserveEmptyRows?: boolean;
+    /**
+     * Preserves the original formatting of unmodified blocks,
+     * restoring their structure during serialization
+     *
+     * **Use case:** Maintain consistent markup when switching modes
+     *
+     * **Note:** Applies to tracked blocks: `yfm_table`
+     *
+     * @default false
+     */
+    preserveMarkupFormatting?: boolean;
 };
-export declare type MarkdownEditorMarkupConfig = {
+export type MarkdownEditorMarkupConfig = {
     /**
      * Pass the rendering function to preview the markdown content.
      *
@@ -140,15 +151,15 @@ export declare type MarkdownEditorMarkupConfig = {
      */
     parseInsertedUrlAsImage?: ParseInsertedUrlAsImage;
 };
-declare type ExtensionsOptions<T extends object = {}> = Omit<WysiwygPresetExtensionsOptions, 'reactRenderer'> & T;
-export declare type MarkdownEditorWysiwygConfig = {
+type ExtensionsOptions<T extends object = {}> = Omit<WysiwygPresetExtensionsOptions, 'reactRenderer'> & T;
+export type MarkdownEditorWysiwygConfig = {
     /** Additional extensions */
     extensions?: Extension;
     extensionOptions?: ExtensionsOptions;
     escapeConfig?: EscapeConfig;
     placeholderOptions?: WysiwygPlaceholderOptions;
 };
-export declare type MarkdownEditorOptions<T extends object = {}> = {
+export type MarkdownEditorOptions = {
     /**
      * A set of plug-in extensions.
      *
@@ -165,65 +176,4 @@ export declare type MarkdownEditorOptions<T extends object = {}> = {
     markupConfig?: MarkdownEditorMarkupConfig;
     /** Options for wysiwyg mode */
     wysiwygConfig?: MarkdownEditorWysiwygConfig;
-    /** @deprecated Put allowHTML via MarkdownEditorMdOptions */
-    allowHTML?: boolean;
-    /** @deprecated Put breaks via MarkdownEditorMdOptions */
-    breaks?: boolean;
-    /** @deprecated Put linkify via MarkdownEditorMdOptions */
-    linkify?: boolean;
-    /** @deprecated Put linkifyTlds via MarkdownEditorMdOptions */
-    linkifyTlds?: string | string[];
-    /** @deprecated Put initial markup via MarkdownEditorInitialOptions */
-    initialMarkup?: MarkdownEditorInitialOptions['markup'];
-    /**
-     * @default 'wysiwyg'
-     *
-     * @deprecated Put initial editor mode via MarkdownEditorInitialOptions
-     */
-    initialEditorMode?: MarkdownEditorInitialOptions['mode'];
-    /**
-     * @default true
-     *
-     * @deprecated Put initial toolbar visibility via MarkdownEditorInitialOptions
-     */
-    initialToolbarVisible?: MarkdownEditorInitialOptions['toolbarVisible'];
-    /**
-     * Has no effect if splitMode is false or undefined
-     *
-     * @default false
-     *
-     * @deprecated Put initialSplitModeEnabled via MarkdownEditorInitialOptions
-     */
-    initialSplitModeEnabled?: MarkdownEditorInitialOptions['splitModeEnabled'];
-    /**
-     * If we need to set dimensions for uploaded images
-     *
-     * @default false
-     *
-     * @deprecated Put needToSetDimensionsForUploadedImages via MarkdownEditorExperimentalOptions
-     */
-    needToSetDimensionsForUploadedImages?: MarkdownEditorExperimentalOptions['needToSetDimensionsForUploadedImages'];
-    /**
-     * Called before switching from the markup editor to the wysiwyg editor.
-     * You can use it to pre-process the value from the markup editor before it gets into the wysiwyg editor.
-     *
-     * @deprecated Put prepareRawMarkup via MarkdownEditorExperimentalOptions
-     */
-    prepareRawMarkup?: MarkdownEditorExperimentalOptions['prepareRawMarkup'];
-    /** @deprecated Put beforeEditorModeChange via MarkdownEditorExperimentalOptions */
-    experimental_beforeEditorModeChange?: MarkdownEditorExperimentalOptions['beforeEditorModeChange'];
-    /** @deprecated Put split mode via MarkdownEditorMarkupConfig */
-    splitMode?: MarkdownEditorMarkupConfig['splitMode'];
-    /** @deprecated Put render preview function via MarkdownEditorMarkupConfig */
-    renderPreview?: MarkdownEditorMarkupConfig['renderPreview'];
-    /** @deprecated Put extensions via MarkdownEditorWysiwygConfig */
-    extraExtensions?: MarkdownEditorWysiwygConfig['extensions'];
-    /** @deprecated Put extension options via MarkdownEditorWysiwygConfig */
-    extensionOptions?: ExtensionsOptions<T>;
-    /** @deprecated Put extra extensions via MarkdownEditorMarkupConfig */
-    extraMarkupExtensions?: MarkdownEditorMarkupConfig['extensions'];
-    /** @deprecated Put escapeConfig via MarkdownEditorWysiwygConfig */
-    escapeConfig?: MarkdownEditorWysiwygConfig['escapeConfig'];
-    /** @deprecated Put file upload handler via MarkdownEditorHandlers */
-    fileUploadHandler?: MarkdownEditorHandlers['uploadFile'];
 };

package/build/esm/bundle/types.js

@@ -1,2 +1,3 @@
 // public types, re-exported in src/bundle/index.ts
 export {};
+//# sourceMappingURL=types.js.map

package/build/esm/bundle/types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.js","sourceRoot":"../../../src","sources":["bundle/types.ts"],"names":[],"mappings":"AAAA,mDAAmD","sourcesContent":["// public types, re-exported in src/bundle/index.ts\n\nimport type {ReactNode} from 'react';\n\nimport type {MarkupString} from '../common';\nimport type {EscapeConfig, Extension} from '../core';\nimport type {CreateCodemirrorParams, YfmLangOptions} from '../markup';\nimport type {FileUploadHandler} from '../utils';\nimport type {DirectiveSyntaxContext, DirectiveSyntaxOption} from '../utils/directive';\n\nimport type {ChangeEditorModeOptions} from './Editor';\nimport type {ExtensionsOptions as WysiwygPresetExtensionsOptions} from './wysiwyg-preset';\n\nexport type {Editor as MarkdownEditorInstance} from './Editor';\nexport type MarkdownEditorMode = 'wysiwyg' | 'markup';\nexport type MarkdownEditorPreset = 'zero' | 'commonmark' | 'default' | 'yfm' | 'full';\nexport type MarkdownEditorSplitMode = false | 'horizontal' | 'vertical';\n\nexport type RenderPreviewParams = {\n    getValue: () => MarkupString;\n    mode: 'preview' | 'split';\n    md: Readonly<MarkdownEditorMdOptions>;\n    directiveSyntax: Pick<DirectiveSyntaxContext, 'option' | 'valueFor' | 'mdPluginValueFor'>;\n};\nexport type RenderPreview = (params: RenderPreviewParams) => ReactNode;\n\nexport type ParseInsertedUrlAsImage = (text: string) => {imageUrl: string; title?: string} | null;\n\nexport type WysiwygPlaceholderOptions = {\n    value?: string | (() => string);\n    /** Default – empty-doc\n    Values:\n    - 'empty-doc' – The placeholder will only be shown when the document is completely empty;\n    - 'empty-row-top-level' – The placeholder will be displayed in an empty line that is at the top level of the document structure;\n    - 'empty-row' – The placeholder will be shown in any empty line within the document, regardless of its nesting level.\n    */\n    behavior?: 'empty-doc' | 'empty-row-top-level' | 'empty-row';\n};\n\nexport type MarkdownEditorMdOptions = {\n    html?: boolean;\n    breaks?: boolean;\n    linkify?: boolean;\n    linkifyTlds?: string | string[];\n};\n\nexport type MarkdownEditorInitialOptions = {\n    markup?: MarkupString;\n    /** Default – wysiwyg */\n    mode?: MarkdownEditorMode;\n    /** Default – true */\n    toolbarVisible?: boolean;\n    /**\n     * Default – false\n     *\n     * Note: has no effect if `MarkdownEditorMarkupConfig.splitMode` is set to false or is not set.\n     */\n    splitModeEnabled?: boolean;\n};\n\nexport type MarkdownEditorHandlers = {\n    /** Pass this handler to allow uploading files from device. */\n    uploadFile?: FileUploadHandler;\n};\n\nexport type MarkdownEditorExperimentalOptions = {\n    /**\n     * If we need to set dimensions for uploaded images\n     *\n     * @default false\n     */\n    needToSetDimensionsForUploadedImages?: boolean;\n    /**\n     * If we need to enable new image size calculations\n     *\n     * @default false\n     */\n    enableNewImageSizeCalculation?: boolean;\n    /**\n     * Called before switching from the markup editor to the wysiwyg editor.\n     * You can use it to pre-process the value from the markup editor before it gets into the wysiwyg editor.\n     */\n    prepareRawMarkup?: (value: MarkupString) => MarkupString;\n    beforeEditorModeChange?: (\n        options: Pick<ChangeEditorModeOptions, 'mode' | 'reason'>,\n    ) => boolean | undefined;\n    /**\n     * Enables support of directive syntax for diplodoc (YFM) extensions.\n     *\n     * **Note:** This setting affects parsing of markdown markup and serializing to markdown markup.\n     * Be careful with it and use it in consistency with diplodoc/transform and diplodoc-extensions.\n     *\n     * Before enabling this option, make sure that appropriate versions of diplodoc/transform and diplodoc-extensions are installed.\n     *\n     * You can pass an object in `key:value` format to provide different behaviour for each extension individually.\n     *\n     * Values:\n     * - 'disabled' – directive syntax is disabled;\n     * - 'enabled' – directive syntax is enabled. Syntax of existing blocks is preserved. New blocks will be serialized using old syntax;\n     * - 'preserve' – directive syntax is enabled. Syntax of existing blocks is preserved. New blocks will be serialized using directive syntax;\n     * - 'overwrite' – existing blocks will be overwritten using directive syntax through serialization;\n     * - 'only' – old syntax is disabled, only directive syntax available. Blocks in old syntax will not be parsed.\n     *\n     * Default value is 'disabled'.\n     */\n    directiveSyntax?: DirectiveSyntaxOption;\n    /**\n     * If we need support for empty strings\n     *\n     * @default false\n     */\n    preserveEmptyRows?: boolean;\n    /**\n     * Preserves the original formatting of unmodified blocks,\n     * restoring their structure during serialization\n     *\n     * **Use case:** Maintain consistent markup when switching modes\n     *\n     * **Note:** Applies to tracked blocks: `yfm_table`\n     *\n     * @default false\n     */\n    preserveMarkupFormatting?: boolean;\n};\n\nexport type MarkdownEditorMarkupConfig = {\n    /**\n     * Pass the rendering function to preview the markdown content.\n     *\n     * It is also used for split view rendering.\n     *\n     * If false is passed, preview will be disabled.\n     */\n    renderPreview?: RenderPreview;\n    /**\n     * Pass position of split view.\n     *\n     * Note: for enable split view, you need to pass renderPreview function too.\n     *\n     * If false is passed, split view will be disabled.\n     */\n    splitMode?: MarkdownEditorSplitMode;\n    /** Additional extensions for codemirror instance. */\n    extensions?: CreateCodemirrorParams['extensions'];\n    /** Can be used to disable some of the default extensions */\n    disabledExtensions?: CreateCodemirrorParams['disabledExtensions'];\n    /** Additional keymaps for codemirror instance */\n    keymaps?: CreateCodemirrorParams['keymaps'];\n    /** Overrides the default placeholder content. */\n    placeholder?: CreateCodemirrorParams['placeholder'];\n    /** Enable HTML parsing when pasting content. */\n    parseHtmlOnPaste?: boolean;\n    /**\n     * Additional language data for markdown language in codemirror.\n     * Can be used to configure additional autocompletions and others.\n     * See more https://codemirror.net/docs/ref/#state.EditorState.languageDataAt\n     */\n    languageData?: YfmLangOptions['languageData'];\n    /** Config for @codemirror/autocomplete https://codemirror.net/docs/ref/#autocomplete.autocompletion%5Econfig */\n    autocompletion?: CreateCodemirrorParams['autocompletion'];\n    /**\n     * The function, used to determine if the pasted text is the image url and should be inserted as an image\n     */\n    parseInsertedUrlAsImage?: ParseInsertedUrlAsImage;\n};\n\n// do not export this type\ntype ExtensionsOptions<T extends object = {}> = Omit<\n    WysiwygPresetExtensionsOptions,\n    'reactRenderer'\n> &\n    T;\n\nexport type MarkdownEditorWysiwygConfig = {\n    /** Additional extensions */\n    extensions?: Extension;\n    extensionOptions?: ExtensionsOptions;\n    escapeConfig?: EscapeConfig;\n    placeholderOptions?: WysiwygPlaceholderOptions;\n};\n\nexport type MarkdownEditorOptions = {\n    /**\n     * A set of plug-in extensions.\n     *\n     * @default 'full'\n     */\n    preset?: MarkdownEditorPreset;\n    /** Markdown parser options */\n    md?: MarkdownEditorMdOptions;\n    /** Initial values */\n    initial?: MarkdownEditorInitialOptions;\n    handlers?: MarkdownEditorHandlers;\n    experimental?: MarkdownEditorExperimentalOptions;\n    /** Options for markup mode */\n    markupConfig?: MarkdownEditorMarkupConfig;\n    /** Options for wysiwyg mode */\n    wysiwygConfig?: MarkdownEditorWysiwygConfig;\n};\n"]}

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

@@ -1,4 +1,3 @@
-/// <reference types="react" />
-import type { MarkdownEditorInstance, MarkdownEditorOptions } from './types';
-export declare type UseMarkdownEditorProps<T extends object = {}> = MarkdownEditorOptions<T>;
-export declare function useMarkdownEditor<T extends object = {}>(props: UseMarkdownEditorProps<T>, deps?: React.DependencyList): MarkdownEditorInstance;
+import type { MarkdownEditorInstance, MarkdownEditorOptions } from "./types.js";
+export type UseMarkdownEditorProps = MarkdownEditorOptions;
+export declare function useMarkdownEditor(props: UseMarkdownEditorProps, deps?: React.DependencyList): MarkdownEditorInstance;

package/build/esm/bundle/useMarkdownEditor.js

@@ -1,50 +1,64 @@
 import { useLayoutEffect, useMemo } from 'react';
-import { getPMTransformers } from '../core/markdown/ProseMirrorTransformer/getTransformers';
-import { ReactRenderStorage } from '../extensions';
-import { logger } from '../logger';
-import { DirectiveSyntaxContext } from '../utils/directive';
-import { EditorImpl } from './Editor';
-import { BundlePreset } from './wysiwyg-preset';
-// [major] TODO: remove generic type
+import { getPMTransformers } from "../core/markdown/ProseMirrorTransformer/getTransformers.js";
+import { ReactRenderStorage } from "../extensions/index.js";
+import { logger } from "../logger.js";
+import { DirectiveSyntaxContext } from "../utils/directive.js";
+import { EditorImpl } from "./Editor.js";
+import { BundlePreset } from "./wysiwyg-preset.js";
 export function useMarkdownEditor(props, deps = []) {
     const editor = useMemo(() => {
-        var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r, _s;
         const { md = {}, initial = {}, handlers = {}, experimental = {}, markupConfig = {}, wysiwygConfig = {}, } = props;
-        const breaks = (_a = md.breaks) !== null && _a !== void 0 ? _a : props.breaks;
-        const preserveEmptyRows = experimental.preserveEmptyRows;
-        const preset = (_b = props.preset) !== null && _b !== void 0 ? _b : 'full';
+        const preset = props.preset ?? 'full';
         const renderStorage = new ReactRenderStorage();
-        const uploadFile = (_c = handlers.uploadFile) !== null && _c !== void 0 ? _c : props.fileUploadHandler;
-        const needToSetDimensionsForUploadedImages = (_d = experimental.needToSetDimensionsForUploadedImages) !== null && _d !== void 0 ? _d : props.needToSetDimensionsForUploadedImages;
-        const enableNewImageSizeCalculation = experimental.enableNewImageSizeCalculation;
         const pmTransformers = getPMTransformers({
-            emptyRowTransformer: preserveEmptyRows,
+            emptyRowTransformer: experimental.preserveEmptyRows,
         });
         const directiveSyntax = new DirectiveSyntaxContext(experimental.directiveSyntax);
         const extensions = (builder) => {
-            var _a;
-            const extensionOptions = (_a = wysiwygConfig.extensionOptions) !== null && _a !== void 0 ? _a : props.extensionOptions;
-            builder.use(BundlePreset, Object.assign(Object.assign({}, extensionOptions), { directiveSyntax,
-                preset, reactRenderer: renderStorage, onCancel: () => {
+            const extensionOptions = wysiwygConfig.extensionOptions;
+            builder.use(BundlePreset, {
+                ...extensionOptions,
+                directiveSyntax,
+                preset,
+                reactRenderer: renderStorage,
+                onCancel: () => {
                     editor.emit('cancel', null);
                     return true;
-                }, onSubmit: () => {
+                },
+                onSubmit: () => {
                     editor.emit('submit', null);
                     return true;
-                }, preserveEmptyRows: preserveEmptyRows, placeholderOptions: wysiwygConfig.placeholderOptions, mdBreaks: breaks, fileUploadHandler: uploadFile, needToSetDimensionsForUploadedImages,
-                enableNewImageSizeCalculation }));
+                },
+                preserveEmptyRows: experimental.preserveEmptyRows,
+                placeholderOptions: wysiwygConfig.placeholderOptions,
+                mdBreaks: md.breaks,
+                fileUploadHandler: handlers.uploadFile,
+                needToSetDimensionsForUploadedImages: experimental.needToSetDimensionsForUploadedImages,
+                enableNewImageSizeCalculation: experimental.enableNewImageSizeCalculation,
+            });
             {
-                const extraExtensions = wysiwygConfig.extensions || props.extraExtensions;
+                const extraExtensions = wysiwygConfig.extensions;
                 if (extraExtensions) {
-                    builder.use(extraExtensions, props.extensionOptions);
+                    builder.use(extraExtensions, props.wysiwygConfig?.extensionOptions);
                 }
             }
         };
-        return new EditorImpl(Object.assign(Object.assign({}, props), { preset,
+        return new EditorImpl({
+            ...props,
+            preset,
             renderStorage,
             directiveSyntax,
-            pmTransformers, md: Object.assign(Object.assign({}, md), { breaks, html: (_e = md.html) !== null && _e !== void 0 ? _e : props.allowHTML, linkify: (_f = md.linkify) !== null && _f !== void 0 ? _f : props.linkify, linkifyTlds: (_g = md.linkifyTlds) !== null && _g !== void 0 ? _g : props.linkifyTlds }), initial: Object.assign(Object.assign({}, initial), { markup: (_h = initial.markup) !== null && _h !== void 0 ? _h : props.initialMarkup, mode: (_j = initial.mode) !== null && _j !== void 0 ? _j : props.initialEditorMode, toolbarVisible: (_k = initial.toolbarVisible) !== null && _k !== void 0 ? _k : props.initialToolbarVisible, splitModeEnabled: (_l = initial.splitModeEnabled) !== null && _l !== void 0 ? _l : props.initialSplitModeEnabled }), handlers: Object.assign(Object.assign({}, handlers), { uploadFile }), experimental: Object.assign(Object.assign({}, experimental), { needToSetDimensionsForUploadedImages,
-                enableNewImageSizeCalculation, prepareRawMarkup: (_m = experimental.prepareRawMarkup) !== null && _m !== void 0 ? _m : props.prepareRawMarkup, beforeEditorModeChange: (_o = experimental.beforeEditorModeChange) !== null && _o !== void 0 ? _o : props.experimental_beforeEditorModeChange }), markupConfig: Object.assign(Object.assign({}, markupConfig), { splitMode: (_p = markupConfig.splitMode) !== null && _p !== void 0 ? _p : props.splitMode, renderPreview: (_q = markupConfig.renderPreview) !== null && _q !== void 0 ? _q : props.renderPreview, extensions: (_r = markupConfig.extensions) !== null && _r !== void 0 ? _r : props.extraMarkupExtensions }), wysiwygConfig: Object.assign(Object.assign({}, wysiwygConfig), { extensions, escapeConfig: (_s = wysiwygConfig.escapeConfig) !== null && _s !== void 0 ? _s : props.escapeConfig }) }));
+            pmTransformers,
+            md,
+            initial,
+            handlers,
+            experimental,
+            markupConfig,
+            wysiwygConfig: {
+                ...wysiwygConfig,
+                extensions,
+            },
+        });
     }, deps);
     useLayoutEffect(() => {
         function onToolbarAction({ editorMode, id }) {
@@ -58,3 +72,4 @@ export function useMarkdownEditor(props, deps = []) {
     }, [editor]);
     return editor;
 }
+//# sourceMappingURL=useMarkdownEditor.js.map

package/build/esm/bundle/useMarkdownEditor.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useMarkdownEditor.js","sourceRoot":"../../../src","sources":["bundle/useMarkdownEditor.ts"],"names":[],"mappings":"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","sourcesContent":["import {useLayoutEffect, useMemo} from 'react';\n\nimport type {Extension} from '../core';\nimport {getPMTransformers} from '../core/markdown/ProseMirrorTransformer/getTransformers';\nimport {ReactRenderStorage} from '../extensions';\nimport {logger} from '../logger';\nimport {DirectiveSyntaxContext} from '../utils/directive';\n\nimport {EditorImpl, type EditorInt} from './Editor';\nimport type {\n    MarkdownEditorInstance,\n    MarkdownEditorMode,\n    MarkdownEditorOptions,\n    MarkdownEditorPreset,\n} from './types';\nimport {BundlePreset} from './wysiwyg-preset';\n\nexport type UseMarkdownEditorProps = MarkdownEditorOptions;\n\nexport function useMarkdownEditor(\n    props: UseMarkdownEditorProps,\n    deps: React.DependencyList = [],\n): MarkdownEditorInstance {\n    const editor = useMemo<EditorInt>(() => {\n        const {\n            md = {},\n            initial = {},\n            handlers = {},\n            experimental = {},\n            markupConfig = {},\n            wysiwygConfig = {},\n        } = props;\n\n        const preset: MarkdownEditorPreset = props.preset ?? 'full';\n        const renderStorage = new ReactRenderStorage();\n\n        const pmTransformers = getPMTransformers({\n            emptyRowTransformer: experimental.preserveEmptyRows,\n        });\n\n        const directiveSyntax = new DirectiveSyntaxContext(experimental.directiveSyntax);\n\n        const extensions: Extension = (builder) => {\n            const extensionOptions = wysiwygConfig.extensionOptions;\n\n            builder.use(BundlePreset, {\n                ...extensionOptions,\n                directiveSyntax,\n                preset,\n                reactRenderer: renderStorage,\n                onCancel: () => {\n                    editor.emit('cancel', null);\n                    return true;\n                },\n                onSubmit: () => {\n                    editor.emit('submit', null);\n                    return true;\n                },\n                preserveEmptyRows: experimental.preserveEmptyRows,\n                placeholderOptions: wysiwygConfig.placeholderOptions,\n                mdBreaks: md.breaks,\n                fileUploadHandler: handlers.uploadFile,\n                needToSetDimensionsForUploadedImages:\n                    experimental.needToSetDimensionsForUploadedImages,\n                enableNewImageSizeCalculation: experimental.enableNewImageSizeCalculation,\n            });\n            {\n                const extraExtensions = wysiwygConfig.extensions;\n                if (extraExtensions) {\n                    builder.use(extraExtensions, props.wysiwygConfig?.extensionOptions);\n                }\n            }\n        };\n\n        return new EditorImpl({\n            ...props,\n            preset,\n            renderStorage,\n            directiveSyntax,\n            pmTransformers,\n            md,\n            initial,\n            handlers,\n            experimental,\n            markupConfig,\n            wysiwygConfig: {\n                ...wysiwygConfig,\n                extensions,\n            },\n        });\n    }, deps);\n\n    useLayoutEffect(() => {\n        function onToolbarAction({editorMode, id}: {editorMode: MarkdownEditorMode; id: string}) {\n            logger.action({mode: editorMode, source: 'toolbar', action: id});\n        }\n\n        editor.on('toolbar-action', onToolbarAction);\n        return () => {\n            editor.off('toolbar-action', onToolbarAction);\n            editor.destroy();\n        };\n    }, [editor]);\n    return editor;\n}\n"]}

package/build/esm/bundle/wysiwyg-preset.d.ts

@@ -1,12 +1,12 @@
-import type { ExtensionAuto } from '../core';
-import { BehaviorPresetOptions } from '../extensions/behavior';
-import { EditorModeKeymapOptions } from '../extensions/behavior/EditorModeKeymap';
-import { FullPresetOptions } from '../presets/full';
-import type { DirectiveSyntaxContext } from '../utils/directive';
-import type { FileUploadHandler } from '../utils/upload';
-import type { MarkdownEditorPreset, WysiwygPlaceholderOptions } from './types';
-export declare type ExtensionsOptions = BehaviorPresetOptions & FullPresetOptions;
-export declare type BundlePresetOptions = ExtensionsOptions & EditorModeKeymapOptions & {
+import type { ExtensionAuto } from "../core/index.js";
+import { BehaviorPresetOptions } from "../extensions/behavior/index.js";
+import { EditorModeKeymapOptions } from "../extensions/behavior/EditorModeKeymap/index.js";
+import { FullPresetOptions } from "../presets/full.js";
+import type { DirectiveSyntaxContext } from "../utils/directive.js";
+import type { FileUploadHandler } from "../utils/upload.js";
+import type { MarkdownEditorPreset, WysiwygPlaceholderOptions } from "./types.js";
+export type ExtensionsOptions = BehaviorPresetOptions & FullPresetOptions;
+export type BundlePresetOptions = ExtensionsOptions & EditorModeKeymapOptions & {
     preset: MarkdownEditorPreset;
     mdBreaks?: boolean;
     preserveEmptyRows?: boolean;