@gravity-ui/markdown-editor 14.12.1 → 14.12.3

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

@@ -1,27 +1,27 @@
 import type { ReactNode } from 'react';
-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 = {
+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 = {
     getValue: () => MarkupString;
     mode: 'preview' | 'split';
     md: Readonly<MarkdownEditorMdOptions>;
     directiveSyntax: Pick<DirectiveSyntaxContext, 'option' | 'valueFor' | 'mdPluginValueFor'>;
 };
-export type RenderPreview = (params: RenderPreviewParams) => ReactNode;
-export type ParseInsertedUrlAsImage = (text: string) => {
+export declare type RenderPreview = (params: RenderPreviewParams) => ReactNode;
+export declare type ParseInsertedUrlAsImage = (text: string) => {
     imageUrl: string;
     title?: string;
 } | null;
-export type WysiwygPlaceholderOptions = {
+export declare type WysiwygPlaceholderOptions = {
     value?: string | (() => string);
     /** Default – empty-doc
     Values:
@@ -31,13 +31,13 @@ export type WysiwygPlaceholderOptions = {
     */
     behavior?: 'empty-doc' | 'empty-row-top-level' | 'empty-row';
 };
-export type MarkdownEditorMdOptions = {
+export declare type MarkdownEditorMdOptions = {
     html?: boolean;
     breaks?: boolean;
     linkify?: boolean;
     linkifyTlds?: string | string[];
 };
-export type MarkdownEditorInitialOptions = {
+export declare type MarkdownEditorInitialOptions = {
     markup?: MarkupString;
     /** Default – wysiwyg */
     mode?: MarkdownEditorMode;
@@ -50,11 +50,11 @@ export type MarkdownEditorInitialOptions = {
      */
     splitModeEnabled?: boolean;
 };
-export type MarkdownEditorHandlers = {
+export declare type MarkdownEditorHandlers = {
     /** Pass this handler to allow uploading files from device. */
     uploadFile?: FileUploadHandler;
 };
-export type MarkdownEditorExperimentalOptions = {
+export declare type MarkdownEditorExperimentalOptions = {
     /**
      * If we need to set dimensions for uploaded images
      *
@@ -111,7 +111,7 @@ export type MarkdownEditorExperimentalOptions = {
      */
     preserveMarkupFormatting?: boolean;
 };
-export type MarkdownEditorMarkupConfig = {
+export declare type MarkdownEditorMarkupConfig = {
     /**
      * Pass the rendering function to preview the markdown content.
      *
@@ -151,15 +151,15 @@ export type MarkdownEditorMarkupConfig = {
      */
     parseInsertedUrlAsImage?: ParseInsertedUrlAsImage;
 };
-type ExtensionsOptions<T extends object = {}> = Omit<WysiwygPresetExtensionsOptions, 'reactRenderer'> & T;
-export type MarkdownEditorWysiwygConfig = {
+declare type ExtensionsOptions<T extends object = {}> = Omit<WysiwygPresetExtensionsOptions, 'reactRenderer'> & T;
+export declare type MarkdownEditorWysiwygConfig = {
     /** Additional extensions */
     extensions?: Extension;
     extensionOptions?: ExtensionsOptions;
     escapeConfig?: EscapeConfig;
     placeholderOptions?: WysiwygPlaceholderOptions;
 };
-export type MarkdownEditorOptions = {
+export declare type MarkdownEditorOptions<T extends object = {}> = {
     /**
      * A set of plug-in extensions.
      *
@@ -176,4 +176,65 @@ export type MarkdownEditorOptions = {
     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/cjs/bundle/types.js

@@ -1,4 +1,3 @@
 "use strict";
 // public types, re-exported in src/bundle/index.ts
 Object.defineProperty(exports, "__esModule", { value: true });
-//# sourceMappingURL=types.js.map

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

@@ -1,3 +1,4 @@
-import type { MarkdownEditorInstance, MarkdownEditorOptions } from "./types.js";
-export type UseMarkdownEditorProps = MarkdownEditorOptions;
-export declare function useMarkdownEditor(props: UseMarkdownEditorProps, deps?: React.DependencyList): MarkdownEditorInstance;
+/// <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;

package/build/cjs/bundle/useMarkdownEditor.js

@@ -1,67 +1,53 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.useMarkdownEditor = useMarkdownEditor;
+exports.useMarkdownEditor = void 0;
 const react_1 = require("react");
-const getTransformers_1 = require("../core/markdown/ProseMirrorTransformer/getTransformers.js");
-const extensions_1 = require("../extensions/index.js");
-const logger_1 = require("../logger.js");
-const directive_1 = require("../utils/directive.js");
-const Editor_1 = require("./Editor.js");
-const wysiwyg_preset_1 = require("./wysiwyg-preset.js");
+const getTransformers_1 = require("../core/markdown/ProseMirrorTransformer/getTransformers");
+const extensions_1 = require("../extensions");
+const logger_1 = require("../logger");
+const directive_1 = require("../utils/directive");
+const Editor_1 = require("./Editor");
+const wysiwyg_preset_1 = require("./wysiwyg-preset");
+// [major] TODO: remove generic type
 function useMarkdownEditor(props, deps = []) {
     const editor = (0, react_1.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 preset = props.preset ?? 'full';
+        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 renderStorage = new extensions_1.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 = (0, getTransformers_1.getPMTransformers)({
-            emptyRowTransformer: experimental.preserveEmptyRows,
+            emptyRowTransformer: preserveEmptyRows,
         });
         const directiveSyntax = new directive_1.DirectiveSyntaxContext(experimental.directiveSyntax);
         const extensions = (builder) => {
-            const extensionOptions = wysiwygConfig.extensionOptions;
-            builder.use(wysiwyg_preset_1.BundlePreset, {
-                ...extensionOptions,
-                directiveSyntax,
-                preset,
-                reactRenderer: renderStorage,
-                onCancel: () => {
+            var _a;
+            const extensionOptions = (_a = wysiwygConfig.extensionOptions) !== null && _a !== void 0 ? _a : props.extensionOptions;
+            builder.use(wysiwyg_preset_1.BundlePreset, Object.assign(Object.assign({}, extensionOptions), { directiveSyntax,
+                preset, reactRenderer: renderStorage, onCancel: () => {
                     editor.emit('cancel', null);
                     return true;
-                },
-                onSubmit: () => {
+                }, onSubmit: () => {
                     editor.emit('submit', null);
                     return true;
-                },
-                preserveEmptyRows: experimental.preserveEmptyRows,
-                placeholderOptions: wysiwygConfig.placeholderOptions,
-                mdBreaks: md.breaks,
-                fileUploadHandler: handlers.uploadFile,
-                needToSetDimensionsForUploadedImages: experimental.needToSetDimensionsForUploadedImages,
-                enableNewImageSizeCalculation: experimental.enableNewImageSizeCalculation,
-            });
+                }, preserveEmptyRows: preserveEmptyRows, placeholderOptions: wysiwygConfig.placeholderOptions, mdBreaks: breaks, fileUploadHandler: uploadFile, needToSetDimensionsForUploadedImages,
+                enableNewImageSizeCalculation }));
             {
-                const extraExtensions = wysiwygConfig.extensions;
+                const extraExtensions = wysiwygConfig.extensions || props.extraExtensions;
                 if (extraExtensions) {
-                    builder.use(extraExtensions, props.wysiwygConfig?.extensionOptions);
+                    builder.use(extraExtensions, props.extensionOptions);
                 }
             }
         };
-        return new Editor_1.EditorImpl({
-            ...props,
-            preset,
+        return new Editor_1.EditorImpl(Object.assign(Object.assign({}, props), { preset,
             renderStorage,
             directiveSyntax,
-            pmTransformers,
-            md,
-            initial,
-            handlers,
-            experimental,
-            markupConfig,
-            wysiwygConfig: {
-                ...wysiwygConfig,
-                extensions,
-            },
-        });
+            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 }) }));
     }, deps);
     (0, react_1.useLayoutEffect)(() => {
         function onToolbarAction({ editorMode, id }) {
@@ -75,4 +61,4 @@ function useMarkdownEditor(props, deps = []) {
     }, [editor]);
     return editor;
 }
-//# sourceMappingURL=useMarkdownEditor.js.map
+exports.useMarkdownEditor = useMarkdownEditor;

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

@@ -1,12 +1,12 @@
-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 & {
+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 & {
     preset: MarkdownEditorPreset;
     mdBreaks?: boolean;
     preserveEmptyRows?: boolean;

package/build/cjs/bundle/wysiwyg-preset.js

@@ -1,150 +1,51 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.BundlePreset = void 0;
-const behavior_1 = require("../extensions/behavior/index.js");
-const EditorModeKeymap_1 = require("../extensions/behavior/EditorModeKeymap/index.js");
-const specs_1 = require("../extensions/specs.js");
-const placeholder_1 = require("../i18n/placeholder/index.js");
-const commonmark_1 = require("../presets/commonmark.js");
-const default_1 = require("../presets/default.js");
-const full_1 = require("../presets/full.js");
-const yfm_1 = require("../presets/yfm.js");
-const zero_1 = require("../presets/zero.js");
-const shortcuts_1 = require("../shortcuts/index.js");
-const wysiwyg_1 = require("./config/wysiwyg.js");
-const emoji_1 = require("./emoji.js");
+const behavior_1 = require("../extensions/behavior");
+const EditorModeKeymap_1 = require("../extensions/behavior/EditorModeKeymap");
+const specs_1 = require("../extensions/specs");
+const placeholder_1 = require("../i18n/placeholder");
+const commonmark_1 = require("../presets/commonmark");
+const default_1 = require("../presets/default");
+const full_1 = require("../presets/full");
+const yfm_1 = require("../presets/yfm");
+const zero_1 = require("../presets/zero");
+const shortcuts_1 = require("../shortcuts");
+const wysiwyg_1 = require("./config/wysiwyg");
+const emoji_1 = require("./emoji");
 const DEFAULT_IGNORED_KEYS = ['Tab', 'Shift-Tab'];
 const BundlePreset = (builder, opts) => {
+    var _a, _b, _c;
     builder.context.set('directiveSyntax', opts.directiveSyntax);
     const dropCursor = {
         color: 'var(--g-color-line-brand)',
         width: 2,
     };
-    const zeroOptions = {
-        ...opts,
-        baseStyles: {
-            attributes: {
-                // for disable setting attrs inside pm-view from floating-ui from uikit
-                // see https://github.com/floating-ui/floating-ui/discussions/3213
-                // and https://github.com/floating-ui/floating-ui/pull/3202
-                'aria-live': '',
-                ...opts.baseStyles?.attributes,
-            },
-        },
-        cursor: { dropOptions: dropCursor },
-        clipboard: { pasteFileHandler: opts.fileUploadHandler, ...opts.clipboard },
-        selectionContext: { config: wysiwyg_1.wSelectionMenuConfigByPreset.zero, ...opts.selectionContext },
-        commandMenu: { actions: wysiwyg_1.wCommandMenuConfigByPreset.zero, ...opts.commandMenu },
-        history: { undoKey: shortcuts_1.formatter.toPM(shortcuts_1.Action.Undo), redoKey: shortcuts_1.formatter.toPM(shortcuts_1.Action.Redo), ...opts.history },
-        baseSchema: {
-            paragraphKey: shortcuts_1.formatter.toPM(shortcuts_1.Action.Text),
-            paragraphPlaceholder: (node, parent) => {
+    const zeroOptions = Object.assign(Object.assign({}, opts), { cursor: { dropOptions: dropCursor }, clipboard: Object.assign({ pasteFileHandler: opts.fileUploadHandler }, opts.clipboard), selectionContext: Object.assign({ config: wysiwyg_1.wSelectionMenuConfigByPreset.zero }, opts.selectionContext), commandMenu: Object.assign({ actions: wysiwyg_1.wCommandMenuConfigByPreset.zero }, opts.commandMenu), history: Object.assign({ undoKey: shortcuts_1.formatter.toPM(shortcuts_1.Action.Undo), redoKey: shortcuts_1.formatter.toPM(shortcuts_1.Action.Redo) }, opts.history), baseSchema: Object.assign({ paragraphKey: shortcuts_1.formatter.toPM(shortcuts_1.Action.Text), paragraphPlaceholder: (node, parent) => {
                 const { value, behavior } = opts.placeholderOptions || {};
                 const emptyEntries = {
                     'empty-row': !node.text,
-                    'empty-row-top-level': !node.text && parent?.type.name === specs_1.BaseNode.Doc,
-                    'empty-doc': !node.text && parent?.type.name === specs_1.BaseNode.Doc && parent.childCount === 1,
+                    'empty-row-top-level': !node.text && (parent === null || parent === void 0 ? void 0 : parent.type.name) === specs_1.BaseNode.Doc,
+                    'empty-doc': !node.text && (parent === null || parent === void 0 ? void 0 : parent.type.name) === specs_1.BaseNode.Doc && parent.childCount === 1,
                 };
                 const showPlaceholder = emptyEntries[behavior || 'empty-doc'];
                 if (!showPlaceholder)
                     return null;
                 return typeof value === 'function'
                     ? value()
-                    : value ?? (0, placeholder_1.i18n)('doc_empty');
-            },
-            preserveEmptyRows: opts.preserveEmptyRows,
-            ...opts.baseSchema,
-        },
-    };
-    const commonMarkOptions = {
-        ...zeroOptions,
-        selectionContext: {
-            config: wysiwyg_1.wSelectionMenuConfigByPreset.commonmark,
-            ...opts.selectionContext,
-        },
-        commandMenu: { actions: wysiwyg_1.wCommandMenuConfigByPreset.commonmark, ...opts.commandMenu },
-        breaks: {
-            preferredBreak: (opts.mdBreaks ? 'soft' : 'hard'),
-            ...opts.breaks,
-        },
-        bold: { boldKey: shortcuts_1.formatter.toPM(shortcuts_1.Action.Bold), ...opts.bold },
-        italic: { italicKey: shortcuts_1.formatter.toPM(shortcuts_1.Action.Italic), ...opts.italic },
-        code: { codeKey: shortcuts_1.formatter.toPM(shortcuts_1.Action.Code), ...opts.code },
-        codeBlock: {
-            codeBlockKey: shortcuts_1.formatter.toPM(shortcuts_1.Action.CodeBlock),
-            ...opts.codeBlock,
-        },
-        blockquote: { qouteKey: shortcuts_1.formatter.toPM(shortcuts_1.Action.Quote), ...opts.blockquote },
-        link: { linkKey: shortcuts_1.formatter.toPM(shortcuts_1.Action.Link), ...opts.link },
-        lists: {
-            ulKey: shortcuts_1.formatter.toPM(shortcuts_1.Action.BulletList),
-            olKey: shortcuts_1.formatter.toPM(shortcuts_1.Action.OrderedList),
-            ulInputRules: { plus: false },
-            ...opts.lists,
-        },
-        image: {
-            parseInsertedUrlAsImage: opts.imgSize?.parseInsertedUrlAsImage,
-        },
-    };
-    const defaultOptions = {
-        ...commonMarkOptions,
-        selectionContext: { config: wysiwyg_1.wSelectionMenuConfigByPreset.default, ...opts.selectionContext },
-        commandMenu: { actions: wysiwyg_1.wCommandMenuConfigByPreset.default, ...opts.commandMenu },
-        strike: { strikeKey: shortcuts_1.formatter.toPM(shortcuts_1.Action.Strike), ...opts.strike },
-    };
-    const yfmOptions = {
-        ...defaultOptions,
-        selectionContext: { config: wysiwyg_1.wSelectionMenuConfigByPreset.yfm, ...opts.selectionContext },
-        commandMenu: { actions: wysiwyg_1.wCommandMenuConfigByPreset.yfm, ...opts.commandMenu },
-        underline: { underlineKey: shortcuts_1.formatter.toPM(shortcuts_1.Action.Underline), ...opts.underline },
-        imgSize: {
-            imageUploadHandler: opts.fileUploadHandler,
-            needToSetDimensionsForUploadedImages: opts.needToSetDimensionsForUploadedImages,
-            enableNewImageSizeCalculation: opts.enableNewImageSizeCalculation,
-            ...opts.imgSize,
-        },
-        checkbox: { checkboxLabelPlaceholder: () => (0, placeholder_1.i18n)('checkbox'), ...opts.checkbox },
-        deflist: {
+                    : value !== null && value !== void 0 ? value : (0, placeholder_1.i18n)('doc_empty');
+            }, preserveEmptyRows: opts.preserveEmptyRows }, opts.baseSchema) });
+    const commonMarkOptions = Object.assign(Object.assign({}, zeroOptions), { selectionContext: Object.assign({ config: wysiwyg_1.wSelectionMenuConfigByPreset.commonmark }, opts.selectionContext), commandMenu: Object.assign({ actions: wysiwyg_1.wCommandMenuConfigByPreset.commonmark }, opts.commandMenu), breaks: Object.assign({ preferredBreak: (opts.mdBreaks ? 'soft' : 'hard') }, opts.breaks), bold: Object.assign({ boldKey: shortcuts_1.formatter.toPM(shortcuts_1.Action.Bold) }, opts.bold), italic: Object.assign({ italicKey: shortcuts_1.formatter.toPM(shortcuts_1.Action.Italic) }, opts.italic), code: Object.assign({ codeKey: shortcuts_1.formatter.toPM(shortcuts_1.Action.Code) }, opts.code), codeBlock: Object.assign({ codeBlockKey: shortcuts_1.formatter.toPM(shortcuts_1.Action.CodeBlock) }, opts.codeBlock), blockquote: Object.assign({ qouteKey: shortcuts_1.formatter.toPM(shortcuts_1.Action.Quote) }, opts.blockquote), link: Object.assign({ linkKey: shortcuts_1.formatter.toPM(shortcuts_1.Action.Link) }, opts.link), lists: Object.assign({ ulKey: shortcuts_1.formatter.toPM(shortcuts_1.Action.BulletList), olKey: shortcuts_1.formatter.toPM(shortcuts_1.Action.OrderedList), ulInputRules: { plus: false } }, opts.lists), image: {
+            parseInsertedUrlAsImage: (_a = opts.imgSize) === null || _a === void 0 ? void 0 : _a.parseInsertedUrlAsImage,
+        } });
+    const defaultOptions = Object.assign(Object.assign({}, commonMarkOptions), { selectionContext: Object.assign({ config: wysiwyg_1.wSelectionMenuConfigByPreset.default }, opts.selectionContext), commandMenu: Object.assign({ actions: wysiwyg_1.wCommandMenuConfigByPreset.default }, opts.commandMenu), strike: Object.assign({ strikeKey: shortcuts_1.formatter.toPM(shortcuts_1.Action.Strike) }, opts.strike) });
+    const yfmOptions = Object.assign(Object.assign({}, defaultOptions), { selectionContext: Object.assign({ config: wysiwyg_1.wSelectionMenuConfigByPreset.yfm }, opts.selectionContext), commandMenu: Object.assign({ actions: wysiwyg_1.wCommandMenuConfigByPreset.yfm }, opts.commandMenu), underline: Object.assign({ underlineKey: shortcuts_1.formatter.toPM(shortcuts_1.Action.Underline) }, opts.underline), imgSize: Object.assign({ imageUploadHandler: opts.fileUploadHandler, needToSetDimensionsForUploadedImages: opts.needToSetDimensionsForUploadedImages, enableNewImageSizeCalculation: opts.enableNewImageSizeCalculation }, opts.imgSize), checkbox: Object.assign({ checkboxLabelPlaceholder: () => (0, placeholder_1.i18n)('checkbox') }, opts.checkbox), deflist: {
             deflistTermPlaceholder: () => (0, placeholder_1.i18n)('deflist_term'),
             deflistDescPlaceholder: () => (0, placeholder_1.i18n)('deflist_desc'),
-        },
-        yfmCut: {
-            yfmCutKey: shortcuts_1.formatter.toPM(shortcuts_1.Action.Cut),
-            yfmCutTitlePlaceholder: () => (0, placeholder_1.i18n)('cut_title'),
-            yfmCutContentPlaceholder: () => (0, placeholder_1.i18n)('cut_content'),
-            ...opts.yfmCut,
-        },
-        yfmNote: {
-            yfmNoteKey: shortcuts_1.formatter.toPM(shortcuts_1.Action.Note),
-            yfmNoteTitlePlaceholder: () => (0, placeholder_1.i18n)('note_title'),
-            ...opts.yfmNote,
-        },
-        yfmTable: { yfmTableCellPlaceholder: () => (0, placeholder_1.i18n)('table_cell'), ...opts.yfmTable },
-        yfmFile: {
-            fileUploadHandler: opts.fileUploadHandler,
-            needToSetDimensionsForUploadedImages: opts.needToSetDimensionsForUploadedImages,
-            ...opts.yfmFile,
-        },
-        yfmHeading: {
-            h1Key: shortcuts_1.formatter.toPM(shortcuts_1.Action.Heading1),
-            h2Key: shortcuts_1.formatter.toPM(shortcuts_1.Action.Heading2),
-            h3Key: shortcuts_1.formatter.toPM(shortcuts_1.Action.Heading3),
-            h4Key: shortcuts_1.formatter.toPM(shortcuts_1.Action.Heading4),
-            h5Key: shortcuts_1.formatter.toPM(shortcuts_1.Action.Heading5),
-            h6Key: shortcuts_1.formatter.toPM(shortcuts_1.Action.Heading6),
-            headingPlaceholder: (node) => `${(0, placeholder_1.i18n)('heading')} ${node.attrs[specs_1.YfmHeadingAttr.Level]}`, // todo: remove attrs import
-            ...opts.yfmHeading,
-        },
-        placeholder: {
+        }, yfmCut: Object.assign({ yfmCutKey: shortcuts_1.formatter.toPM(shortcuts_1.Action.Cut), yfmCutTitlePlaceholder: () => (0, placeholder_1.i18n)('cut_title'), yfmCutContentPlaceholder: () => (0, placeholder_1.i18n)('cut_content') }, opts.yfmCut), yfmNote: Object.assign({ yfmNoteKey: shortcuts_1.formatter.toPM(shortcuts_1.Action.Note), yfmNoteTitlePlaceholder: () => (0, placeholder_1.i18n)('note_title') }, opts.yfmNote), yfmTable: Object.assign({ yfmTableCellPlaceholder: () => (0, placeholder_1.i18n)('table_cell') }, opts.yfmTable), yfmFile: Object.assign({ fileUploadHandler: opts.fileUploadHandler, needToSetDimensionsForUploadedImages: opts.needToSetDimensionsForUploadedImages }, opts.yfmFile), yfmHeading: Object.assign({ h1Key: shortcuts_1.formatter.toPM(shortcuts_1.Action.Heading1), h2Key: shortcuts_1.formatter.toPM(shortcuts_1.Action.Heading2), h3Key: shortcuts_1.formatter.toPM(shortcuts_1.Action.Heading3), h4Key: shortcuts_1.formatter.toPM(shortcuts_1.Action.Heading4), h5Key: shortcuts_1.formatter.toPM(shortcuts_1.Action.Heading5), h6Key: shortcuts_1.formatter.toPM(shortcuts_1.Action.Heading6), headingPlaceholder: (node) => `${(0, placeholder_1.i18n)('heading')} ${node.attrs[specs_1.YfmHeadingAttr.Level]}` }, opts.yfmHeading), placeholder: {
             [specs_1.YfmNoteNode.NoteContent]: () => (0, placeholder_1.i18n)('note_content'),
-        },
-    };
-    const fullOptions = {
-        ...yfmOptions,
-        selectionContext: { config: wysiwyg_1.wSelectionMenuConfigByPreset.full, ...opts.selectionContext },
-        commandMenu: { actions: wysiwyg_1.wCommandMenuConfigByPreset.full, ...opts.commandMenu },
-        emoji: { defs: emoji_1.emojiDefs, ...opts.emoji },
-    };
+        } });
+    const fullOptions = Object.assign(Object.assign({}, yfmOptions), { selectionContext: Object.assign({ config: wysiwyg_1.wSelectionMenuConfigByPreset.full }, opts.selectionContext), commandMenu: Object.assign({ actions: wysiwyg_1.wCommandMenuConfigByPreset.full }, opts.commandMenu), emoji: Object.assign({ defs: emoji_1.emojiDefs }, opts.emoji) });
     const zeroIgnoreActions = [shortcuts_1.Action.Undo, shortcuts_1.Action.Redo];
     const commonMarkIgnoreActions = zeroIgnoreActions.concat(shortcuts_1.Action.Bold, shortcuts_1.Action.Italic, shortcuts_1.Action.Code, shortcuts_1.Action.Link, shortcuts_1.Action.Text, shortcuts_1.Action.Heading1, shortcuts_1.Action.Heading2, shortcuts_1.Action.Heading3, shortcuts_1.Action.Heading4, shortcuts_1.Action.Heading5, shortcuts_1.Action.Heading6, shortcuts_1.Action.BulletList, shortcuts_1.Action.OrderedList, shortcuts_1.Action.Quote, shortcuts_1.Action.CodeBlock);
     const defaultIgnoreActions = commonMarkIgnoreActions.concat(shortcuts_1.Action.Strike);
@@ -178,7 +79,7 @@ const BundlePreset = (builder, opts) => {
             break;
         }
     }
-    const ignoreKeysList = opts.ignoreKeysList?.slice() ?? [];
+    const ignoreKeysList = (_c = (_b = opts.ignoreKeysList) === null || _b === void 0 ? void 0 : _b.slice()) !== null && _c !== void 0 ? _c : [];
     ignoreKeysList.push(...DEFAULT_IGNORED_KEYS);
     for (const action of ignoreActions) {
         const key = shortcuts_1.formatter.toPM(action);
@@ -192,4 +93,3 @@ const BundlePreset = (builder, opts) => {
     });
 };
 exports.BundlePreset = BundlePreset;
-//# sourceMappingURL=wysiwyg-preset.js.map

package/build/cjs/classname.js

@@ -3,4 +3,3 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.cn = void 0;
 const classname_1 = require("@bem-react/classname");
 exports.cn = (0, classname_1.withNaming)({ n: 'g-md-', e: '__', m: '_', v: '_' });
-//# sourceMappingURL=classname.js.map

package/build/cjs/cm/autocomplete.js

@@ -2,4 +2,3 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 const tslib_1 = require("tslib");
 tslib_1.__exportStar(require("@codemirror/autocomplete"), exports);
-//# sourceMappingURL=autocomplete.js.map

package/build/cjs/cm/commands.js

@@ -2,4 +2,3 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 const tslib_1 = require("tslib");
 tslib_1.__exportStar(require("@codemirror/commands"), exports);
-//# sourceMappingURL=commands.js.map

package/build/cjs/cm/language.js

@@ -2,4 +2,3 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 const tslib_1 = require("tslib");
 tslib_1.__exportStar(require("@codemirror/language"), exports);
-//# sourceMappingURL=language.js.map

package/build/cjs/cm/state.js

@@ -2,4 +2,3 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 const tslib_1 = require("tslib");
 tslib_1.__exportStar(require("@codemirror/state"), exports);
-//# sourceMappingURL=state.js.map

package/build/cjs/cm/view.js

@@ -2,4 +2,3 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 const tslib_1 = require("tslib");
 tslib_1.__exportStar(require("@codemirror/view"), exports);
-//# sourceMappingURL=view.js.map

package/build/cjs/commands/join.d.ts

@@ -1,6 +1,6 @@
 import type { Node } from 'prosemirror-model';
 import { Command } from 'prosemirror-state';
-export type JoinPreviousBlockParams = {
+export declare type JoinPreviousBlockParams = {
     checkPrevNode: (node: Node) => boolean;
     skipNode: (node: Node) => boolean;
 };

package/build/cjs/commands/join.js

@@ -2,8 +2,8 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.joinPreviousBlock = void 0;
 const prosemirror_state_1 = require("prosemirror-state");
-const nodes_1 = require("../utils/nodes.js");
-const selection_1 = require("../utils/selection.js");
+const nodes_1 = require("../utils/nodes");
+const selection_1 = require("../utils/selection");
 const joinPreviousBlock = ({ checkPrevNode, skipNode }) => (state, dispatch) => {
     const $cursor = (0, selection_1.get$CursorAtBlockStart)(state.selection);
     if (!$cursor)
@@ -25,7 +25,7 @@ const joinPreviousBlock = ({ checkPrevNode, skipNode }) => (state, dispatch) =>
             tr.delete($cursor.before(), $cursor.after());
             tr.insert(insertPos, textBlock.content);
             tr.setSelection(prosemirror_state_1.TextSelection.create(tr.doc, insertPos));
-            dispatch?.(tr.scrollIntoView());
+            dispatch === null || dispatch === void 0 ? void 0 : dispatch(tr.scrollIntoView());
             return true;
         }
         if (!skipNode(lastChild.node) && lastChild.node.canAppend(docWithTextBlock)) {
@@ -34,7 +34,7 @@ const joinPreviousBlock = ({ checkPrevNode, skipNode }) => (state, dispatch) =>
             tr.delete($cursor.before(), $cursor.after());
             tr.insert(insertPos, textBlock);
             tr.setSelection(prosemirror_state_1.TextSelection.create(tr.doc, insertPos + 1));
-            dispatch?.(tr.scrollIntoView());
+            dispatch === null || dispatch === void 0 ? void 0 : dispatch(tr.scrollIntoView());
             return true;
         }
         if (lastChild.node.isAtom || lastChild.node.isLeaf) {
@@ -51,7 +51,7 @@ const joinPreviousBlock = ({ checkPrevNode, skipNode }) => (state, dispatch) =>
             else {
                 tr.setSelection(prosemirror_state_1.NodeSelection.create(tr.doc, offset + 1 + lastChild.offset));
             }
-            dispatch?.(tr.scrollIntoView());
+            dispatch === null || dispatch === void 0 ? void 0 : dispatch(tr.scrollIntoView());
             return true;
         }
         node = lastChild.node;
@@ -60,4 +60,3 @@ const joinPreviousBlock = ({ checkPrevNode, skipNode }) => (state, dispatch) =>
     return false;
 };
 exports.joinPreviousBlock = joinPreviousBlock;
-//# sourceMappingURL=join.js.map

package/build/cjs/common/index.d.ts

@@ -1,4 +1,4 @@
-export type MarkupString = string & {};
+export declare type MarkupString = string & {};
 export interface CommonEditor extends ContentHandler {
     focus(): void;
     hasFocus(): boolean;

package/build/cjs/common/index.js

@@ -1,3 +1,2 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-//# sourceMappingURL=index.js.map

package/build/cjs/configure.d.ts

@@ -5,7 +5,7 @@ export declare enum Lang {
 interface Config {
     lang?: `${Lang}`;
 }
-type Subscriber = (config: Readonly<Config>) => void;
+declare type Subscriber = (config: Readonly<Config>) => void;
 export declare const configure: (newConfig: Config) => void;
 export declare const subscribeConfigure: (sub: Subscriber) => () => void;
 export declare const getConfig: () => Readonly<Config>;

package/build/cjs/configure.js

@@ -5,7 +5,7 @@ var Lang;
 (function (Lang) {
     Lang["Ru"] = "ru";
     Lang["En"] = "en";
-})(Lang || (exports.Lang = Lang = {}));
+})(Lang = exports.Lang || (exports.Lang = {}));
 let subs = [];
 const config = {};
 const configure = (newConfig) => {
@@ -24,4 +24,3 @@ const subscribeConfigure = (sub) => {
 exports.subscribeConfigure = subscribeConfigure;
 const getConfig = () => config;
 exports.getConfig = getConfig;
-//# sourceMappingURL=configure.js.map