@gravity-ui/markdown-editor 13.0.0

package/build/esm/bundle/toolbar/ToolbarSelect.js

@@ -0,0 +1,35 @@
+import React from 'react';
+import { HelpPopover } from '@gravity-ui/components';
+import { Hotkey, Icon, Select } from '@gravity-ui/uikit';
+import { cn } from '../../classname';
+import { isFunction } from '../../lodash';
+import './ToolbarSelect.css';
+const b = cn('toolbar-select');
+export const ToolbarSelect = ({ className, editor, focus, onClick, items, }) => {
+    const activeItem = items.find((item) => item.isActive(editor));
+    return (React.createElement(React.Fragment, null,
+        React.createElement(Select, { size: "m", view: "clear", className: className, onOpenChange: () => {
+                focus();
+            }, value: activeItem ? [activeItem.id] : undefined, options: items.map((item) => ({
+                data: item,
+                value: item.id,
+                text: isFunction(item.title) ? item.title() : item.title,
+            })), renderOption: ({ text, data }) => {
+                var _a;
+                const { icon, hotkey, hint } = data;
+                const hintText = isFunction(hint) ? hint() : hint;
+                return (React.createElement("div", { "aria-label": text, className: b('item') },
+                    React.createElement("div", { className: b('item-icon') },
+                        React.createElement(Icon, { data: icon.data, size: Number((_a = icon.size) !== null && _a !== void 0 ? _a : 16) + 2 })),
+                    React.createElement("div", { className: b('item-content') },
+                        text,
+                        React.createElement("div", { className: b('item-extra') },
+                            hotkey && React.createElement(Hotkey, { value: hotkey }),
+                            hintText && (React.createElement(HelpPopover, { content: hintText, className: b('item-hint') }))))));
+            }, onUpdate: ([id]) => {
+                var _a;
+                (_a = items.find((item) => item.id === id)) === null || _a === void 0 ? void 0 : _a.exec(editor);
+                onClick === null || onClick === void 0 ? void 0 : onClick(id);
+                focus();
+            } })));
+};

package/build/esm/bundle/toolbar/custom/ToolbarColors.css

@@ -0,0 +1,24 @@
+.g-md-toolbar-colors__item-icon_color_gray {
+  color: var(--yfm-colorify-gray);
+}
+.g-md-toolbar-colors__item-icon_color_yellow {
+  color: var(--yfm-colorify-yellow);
+}
+.g-md-toolbar-colors__item-icon_color_orange {
+  color: var(--yfm-colorify-orange);
+}
+.g-md-toolbar-colors__item-icon_color_red {
+  color: var(--yfm-colorify-red);
+}
+.g-md-toolbar-colors__item-icon_color_green {
+  color: var(--yfm-colorify-green);
+}
+.g-md-toolbar-colors__item-icon_color_blue {
+  color: var(--yfm-colorify-blue);
+}
+.g-md-toolbar-colors__item-icon_color_violet {
+  color: var(--yfm-colorify-violet);
+}
+.g-md-toolbar-colors__item-icon_color_default {
+  color: var(--g-color-text-primary);
+}

package/build/esm/bundle/toolbar/custom/ToolbarColors.d.ts

@@ -0,0 +1,11 @@
+import React from 'react';
+import { ToolbarBaseProps } from '../../../toolbar';
+import './ToolbarColors.css';
+export declare type ToolbarColorsProps = Omit<ToolbarBaseProps<never>, 'editor'> & {
+    active?: boolean;
+    enable?: boolean;
+    currentColor?: string;
+    withDefault?: boolean;
+    exec(color: string): void;
+};
+export declare const ToolbarColors: React.FC<ToolbarColorsProps>;

package/build/esm/bundle/toolbar/custom/ToolbarColors.js

@@ -0,0 +1,63 @@
+import React from 'react';
+import { cn } from '../../../classname';
+import { Colors } from '../../../extensions';
+import { i18n } from '../../../i18n/menubar';
+import { icons } from '../../config/icons';
+import { ToolbarButtonWithPopupMenu } from '../ToolbarButtonWithPopupMenu';
+import './ToolbarColors.css';
+const b = cn('toolbar-colors');
+const textColorIcon = icons.textColor;
+export const ToolbarColors = (props) => {
+    var _a;
+    const { exec, onClick, enable, currentColor, withDefault } = props;
+    const isDefault = currentColor === undefined;
+    const onItemClick = (color) => () => {
+        // do not exec when current color is default and clicked to default item
+        if (!(isDefault && color === ''))
+            exec(color);
+        onClick === null || onClick === void 0 ? void 0 : onClick('colorify', { color: color === '' ? 'default' : color });
+    };
+    const items = [
+        Colors.Gray,
+        Colors.Yellow,
+        Colors.Orange,
+        Colors.Red,
+        Colors.Green,
+        Colors.Blue,
+        Colors.Violet,
+    ].map((color) => {
+        var _a;
+        return ({
+            id: color,
+            icon: textColorIcon.data,
+            iconSize: (_a = textColorIcon.size) !== null && _a !== void 0 ? _a : 16,
+            text: i18n(`colorify__color_${color}`),
+            iconClassname: b('item-icon', { color }),
+            action: {
+                run: onItemClick(color),
+                isEnable: () => Boolean(enable),
+                isActive: () => color === currentColor,
+                meta() { },
+            },
+            group: i18n(`colorify__group_text`),
+        });
+    });
+    if (withDefault) {
+        items.unshift({
+            id: 'default',
+            icon: textColorIcon.data,
+            iconSize: (_a = textColorIcon.size) !== null && _a !== void 0 ? _a : 16,
+            text: i18n(`colorify__color_default`),
+            iconClassname: b('item-icon', { color: 'default' }),
+            group: i18n(`colorify__group_text`),
+            ignoreActive: true,
+            action: {
+                run: onItemClick(''),
+                isEnable: () => Boolean(enable),
+                isActive: () => isDefault,
+                meta() { },
+            },
+        });
+    }
+    return (React.createElement(ToolbarButtonWithPopupMenu, Object.assign({}, props, { title: i18n('colorify'), menuItems: items, icon: textColorIcon })));
+};

package/build/esm/bundle/toolbar/custom/ToolbarFilePopup.d.ts

@@ -0,0 +1,11 @@
+import React, { RefObject } from 'react';
+import { FileFormProps } from '../../../forms/FileForm';
+import type { ToolbarBaseProps } from '../../../toolbar';
+import { BatchUploadResult, FileUploadHandler } from '../../../utils/upload';
+export declare type ToolbarFilePopupProps = Omit<ToolbarBaseProps<never>, 'editor'> & {
+    hide: () => void;
+    anchorRef: RefObject<HTMLElement>;
+    uploadHandler?: FileUploadHandler;
+    onSuccessUpload?: (result: BatchUploadResult) => void;
+} & Pick<FileFormProps, 'onSubmit'>;
+export declare const ToolbarFilePopup: React.FC<ToolbarFilePopupProps>;

package/build/esm/bundle/toolbar/custom/ToolbarFilePopup.js

@@ -0,0 +1,39 @@
+import React, { useCallback } from 'react';
+import { Popup } from '@gravity-ui/uikit';
+import { FileForm } from '../../../forms/FileForm';
+import { i18n } from '../../../i18n/forms';
+import { useBooleanState } from '../../../react-utils/hooks';
+import { useToaster } from '../../../react-utils/toaster';
+import { batchUploadFiles } from '../../../utils/upload';
+const placement = ['bottom-start', 'top-start', 'bottom-end', 'top-end'];
+export const ToolbarFilePopup = ({ className, hide, anchorRef, onSubmit, focus, onClick, uploadHandler, onSuccessUpload, }) => {
+    const toaster = useToaster();
+    const [loading, showLoading, hideLoading] = useBooleanState(false);
+    const handleCancel = useCallback(() => {
+        hide();
+        focus();
+    }, [focus, hide]);
+    return (React.createElement(Popup, { open: true, onClose: handleCancel, anchorRef: anchorRef, placement: placement, className: className },
+        React.createElement(FileForm, { autoFocus: true, onAttach: uploadHandler &&
+                ((files) => {
+                    showLoading();
+                    batchUploadFiles(files, uploadHandler).then((res) => {
+                        hideLoading();
+                        hide();
+                        onSuccessUpload === null || onSuccessUpload === void 0 ? void 0 : onSuccessUpload(res);
+                    }, (error) => {
+                        hideLoading();
+                        toaster.add({
+                            theme: 'danger',
+                            name: 'toolbar_file_upload',
+                            title: i18n('file_upload_failed'),
+                            content: String(error),
+                        });
+                    });
+                }), onCancel: handleCancel, onSubmit: (data) => {
+                hide();
+                focus();
+                onSubmit(data);
+                onClick === null || onClick === void 0 ? void 0 : onClick('addFile');
+            }, loading: loading })));
+};

package/build/esm/bundle/toolbar/custom/ToolbarImagePopup.d.ts

@@ -0,0 +1,11 @@
+import React, { RefObject } from 'react';
+import { ImageFormProps } from '../../../forms/ImageForm';
+import type { ToolbarBaseProps } from '../../../toolbar';
+import { BatchUploadResult, FileUploadHandler } from '../../../utils/upload';
+export declare type ToolbarImagePopuProps = Omit<ToolbarBaseProps<never>, 'editor'> & {
+    uploadImages?: FileUploadHandler;
+    onSuccessUpload?: (res: BatchUploadResult) => void;
+    hide: () => void;
+    anchorRef: RefObject<HTMLElement>;
+} & Pick<ImageFormProps, 'onSubmit'>;
+export declare const ToolbarImagePopup: React.FC<ToolbarImagePopuProps>;

package/build/esm/bundle/toolbar/custom/ToolbarImagePopup.js

@@ -0,0 +1,39 @@
+import React, { useCallback } from 'react';
+import { Popup } from '@gravity-ui/uikit';
+import { ImageForm } from '../../../forms/ImageForm';
+import { i18n } from '../../../i18n/forms';
+import { useBooleanState } from '../../../react-utils/hooks';
+import { useToaster } from '../../../react-utils/toaster';
+import { batchUploadFiles } from '../../../utils/upload';
+const placement = ['bottom-start', 'top-start', 'bottom-end', 'top-end'];
+export const ToolbarImagePopup = ({ className, anchorRef, hide, onSubmit, focus, onClick, uploadImages, onSuccessUpload, }) => {
+    const toaster = useToaster();
+    const [loading, showLoading, hideLoading] = useBooleanState(false);
+    const handleCancel = useCallback(() => {
+        hide();
+        focus();
+    }, [focus, hide]);
+    return (React.createElement(Popup, { open: true, anchorRef: anchorRef, onClose: handleCancel, placement: placement, className: className },
+        React.createElement(ImageForm, { autoFocus: true, onAttach: uploadImages &&
+                ((files) => {
+                    showLoading();
+                    batchUploadFiles(files, uploadImages).then((res) => {
+                        hideLoading();
+                        hide();
+                        onSuccessUpload === null || onSuccessUpload === void 0 ? void 0 : onSuccessUpload(res);
+                    }, (err) => {
+                        hideLoading();
+                        toaster.add({
+                            theme: 'danger',
+                            name: 'toolbar_image_upload',
+                            title: i18n('image_upload_failed'),
+                            content: String(err),
+                        });
+                    });
+                }), onCancel: handleCancel, onSubmit: (data) => {
+                hide();
+                focus();
+                onSubmit(data);
+                onClick === null || onClick === void 0 ? void 0 : onClick('addImage');
+            }, loading: loading })));
+};

package/build/esm/bundle/toolbar/markup/MToolbarColors.d.ts

@@ -0,0 +1,5 @@
+import React from 'react';
+import type { CodeEditor } from '../../../markup';
+import { ToolbarBaseProps } from '../../../toolbar';
+export declare type MToolbarColorsProps = ToolbarBaseProps<CodeEditor>;
+export declare const MToolbarColors: React.FC<MToolbarColorsProps>;

package/build/esm/bundle/toolbar/markup/MToolbarColors.js

@@ -0,0 +1,8 @@
+import React from 'react';
+import { colorify } from '../../../markup/commands';
+import { ToolbarColors } from '../custom/ToolbarColors';
+export const MToolbarColors = ({ className, editor, focus, onClick, }) => {
+    return (React.createElement(ToolbarColors, { enable: true, exec: (color) => {
+            colorify(color)(editor.cm);
+        }, className: className, focus: focus, onClick: onClick }));
+};

package/build/esm/bundle/toolbar/markup/MToolbarFilePopup.d.ts

@@ -0,0 +1,8 @@
+import React, { RefObject } from 'react';
+import type { CodeEditor } from '../../../markup/editor';
+import type { ToolbarBaseProps } from '../../../toolbar';
+export declare type MToolbarFilePopupProps = ToolbarBaseProps<CodeEditor> & {
+    hide: () => void;
+    anchorRef: RefObject<HTMLElement>;
+};
+export declare const MToolbarFilePopup: React.FC<MToolbarFilePopupProps>;

package/build/esm/bundle/toolbar/markup/MToolbarFilePopup.js

@@ -0,0 +1,17 @@
+import React from 'react';
+import { insertFiles } from '../../../markup/commands';
+import { ToolbarFilePopup } from '../custom/ToolbarFilePopup';
+import { useMarkupToolbarContext } from './context';
+export const MToolbarFilePopup = ({ focus, onClick, hide, anchorRef, editor, className, }) => {
+    const { uploadHandler } = useMarkupToolbarContext();
+    return (React.createElement(ToolbarFilePopup, { hide: hide, focus: focus, onClick: onClick, anchorRef: anchorRef, className: className, onSubmit: (fileParams) => insertFiles([fileParams])(editor.cm), uploadHandler: uploadHandler, onSuccessUpload: (res) => {
+            insertFiles(res.success.map(({ result, file }) => {
+                var _a, _b;
+                return ({
+                    src: result.url,
+                    name: (_a = result.name) !== null && _a !== void 0 ? _a : file.name,
+                    type: (_b = result.type) !== null && _b !== void 0 ? _b : file.type,
+                });
+            }))(editor.cm);
+        } }));
+};

package/build/esm/bundle/toolbar/markup/MToolbarImagePopup.d.ts

@@ -0,0 +1,8 @@
+import React, { RefObject } from 'react';
+import type { CodeEditor } from '../../../markup/editor';
+import type { ToolbarBaseProps } from '../../../toolbar';
+export declare type MToolbarImagePopupProps = ToolbarBaseProps<CodeEditor> & {
+    hide: () => void;
+    anchorRef: RefObject<HTMLElement>;
+};
+export declare const MToolbarImagePopup: React.FC<MToolbarImagePopupProps>;

package/build/esm/bundle/toolbar/markup/MToolbarImagePopup.js

@@ -0,0 +1,41 @@
+import React from 'react';
+import isNumber from 'is-number';
+import { IMG_MAX_HEIGHT, getImageDimensions } from '../../../markup';
+import { insertImages } from '../../../markup/commands';
+import { ToolbarImagePopup } from '../custom/ToolbarImagePopup';
+import { useMarkupToolbarContext } from './context';
+const noop = (err) => {
+    console.error(err);
+};
+export const MToolbarImagePopup = ({ focus, onClick, hide, anchorRef, editor, className, }) => {
+    const { uploadHandler, needToSetDimensionsForUploadedImages } = useMarkupToolbarContext();
+    return (React.createElement(ToolbarImagePopup, { hide: hide, anchorRef: anchorRef, focus: focus, onClick: onClick, className: className, onSubmit: ({ url, name, alt, width, height }) => {
+            insertImages([
+                {
+                    url,
+                    alt,
+                    title: name,
+                    width: isNumber(width) ? String(width) : '',
+                    height: isNumber(height) ? String(height) : '',
+                },
+            ])(editor.cm);
+        }, uploadImages: uploadHandler, onSuccessUpload: async (res) => {
+            const images = await toImageItems(res.success, Boolean(needToSetDimensionsForUploadedImages));
+            insertImages(images)(editor.cm);
+        } }));
+};
+async function toImageItems(items, withDimmensions) {
+    const imgItems = [];
+    await Promise.all(items.map(({ result, file }) => {
+        var _a;
+        const imgItem = { url: result.url, alt: (_a = result.name) !== null && _a !== void 0 ? _a : file.name };
+        imgItems.push(imgItem);
+        if (withDimmensions) {
+            return getImageDimensions(file).then(({ height }) => {
+                imgItem.height = String(Math.min(height, IMG_MAX_HEIGHT));
+            }, noop);
+        }
+        return Promise.resolve();
+    }));
+    return imgItems;
+}

package/build/esm/bundle/toolbar/markup/context.d.ts

@@ -0,0 +1,8 @@
+/// <reference types="react" />
+import type { FileUploadHandler } from '../../../utils/upload';
+export declare type MarkupToolbarContextProps = {
+    uploadHandler?: FileUploadHandler;
+    needToSetDimensionsForUploadedImages?: boolean;
+};
+export declare const MarkupToolbarContextProvider: import("react").Provider<MarkupToolbarContextProps>;
+export declare function useMarkupToolbarContext(): MarkupToolbarContextProps;

package/build/esm/bundle/toolbar/markup/context.js

@@ -0,0 +1,7 @@
+import { createContext, useContext } from 'react';
+const defaultValue = {};
+const MarkupToolbarContext = createContext(defaultValue);
+export const MarkupToolbarContextProvider = MarkupToolbarContext.Provider;
+export function useMarkupToolbarContext() {
+    return useContext(MarkupToolbarContext);
+}

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

@@ -0,0 +1,5 @@
+import React from 'react';
+import { ActionStorage } from '../../../core';
+import { ToolbarBaseProps } from '../../../toolbar';
+export declare type WToolbarColorsProps = ToolbarBaseProps<ActionStorage>;
+export declare const WToolbarColors: React.FC<WToolbarColorsProps>;

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

@@ -0,0 +1,9 @@
+import React from 'react';
+import { ToolbarColors } from '../custom/ToolbarColors';
+export const WToolbarColors = ({ 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) => {
+            action.run({ color: color === currentColor ? '' : color });
+        }, className: className, focus: focus, onClick: onClick, withDefault: true }));
+};

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

@@ -0,0 +1,5 @@
+import React from 'react';
+import { ActionStorage } from '../../../core';
+import { ToolbarBaseProps } from '../../../toolbar';
+export declare type WToolbarTextSelectProps = ToolbarBaseProps<ActionStorage> & {};
+export declare const WToolbarTextSelect: React.FC<WToolbarTextSelectProps>;

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

@@ -0,0 +1,7 @@
+import React from 'react';
+import { wHeadingListConfig } from '../../config/wysiwyg';
+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 }));
+};

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

@@ -0,0 +1,18 @@
+/// <reference types="react" />
+import { Extension } from '../core';
+import { Editor, EditorOptions, EditorPreset } from './Editor';
+import { ExtensionsOptions } from './wysiwyg-preset';
+export declare type UseMarkdownEditorProps<T extends object = {}> = Omit<EditorOptions, 'extensions' | 'renderStorage' | 'preset'> & {
+    /**
+     * A set of plug-in extensions.
+     *
+     * @default 'full'
+     */
+    preset?: EditorPreset;
+    breaks?: boolean;
+    /** Used only first value. Сhanging the value will not lead to anything */
+    extensionOptions?: Omit<ExtensionsOptions, 'reactRenderer'> & T;
+    /** Used only first value. Сhanging the value will not lead to anything */
+    extraExtensions?: Extension;
+};
+export declare function useMarkdownEditor<T extends object = {}>(props: UseMarkdownEditorProps<T>, deps?: React.DependencyList): Editor;

package/build/esm/bundle/useMarkdownEditor.js

@@ -0,0 +1,36 @@
+import { useLayoutEffect, useMemo } from 'react';
+import { ReactRenderStorage } from '../extensions';
+import { logger } from '../logger';
+import { EditorImpl } from './Editor';
+import { BundlePreset } from './wysiwyg-preset';
+export function useMarkdownEditor(props, deps = []) {
+    const editor = useMemo(() => {
+        var _a;
+        const preset = (_a = props.preset) !== null && _a !== void 0 ? _a : 'full';
+        const renderStorage = new ReactRenderStorage();
+        const extensions = (builder) => {
+            builder.use(BundlePreset, Object.assign(Object.assign({}, props.extensionOptions), { preset, reactRenderer: renderStorage, onCancel: () => {
+                    editor.emit('cancel', null);
+                    return true;
+                }, onSubmit: () => {
+                    editor.emit('submit', null);
+                    return true;
+                }, mdBreaks: props.breaks, fileUploadHandler: props.fileUploadHandler, needToSetDimensionsForUploadedImages: props.needToSetDimensionsForUploadedImages }));
+            if (props.extraExtensions) {
+                builder.use(props.extraExtensions, props.extensionOptions);
+            }
+        };
+        return new EditorImpl(Object.assign(Object.assign({}, props), { extensions, renderStorage, preset }));
+    }, deps.concat(props.allowHTML, props.linkify, props.linkifyTlds, props.breaks, props.splitMode, props.needToSetDimensionsForUploadedImages));
+    useLayoutEffect(() => {
+        function onToolbarAction({ editorMode, id }) {
+            logger.action({ mode: editorMode, source: 'toolbar', action: id });
+        }
+        editor.on('toolbar-action', onToolbarAction);
+        return () => {
+            editor.off('toolbar-action', onToolbarAction);
+            editor.destroy();
+        };
+    }, [editor]);
+    return editor;
+}

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

@@ -0,0 +1,19 @@
+import { ExtensionAuto } from '../core';
+import { BehaviorPresetOptions } from '../extensions/behavior';
+import { EditorModeKeymapOptions } from '../extensions/behavior/EditorModeKeymap';
+import { FullPresetOptions } from '../presets/full';
+import type { FileUploadHandler } from '../utils/upload';
+import { EditorPreset } from './Editor';
+export declare type ExtensionsOptions = BehaviorPresetOptions & FullPresetOptions;
+export declare type BundlePresetOptions = ExtensionsOptions & EditorModeKeymapOptions & {
+    preset: EditorPreset;
+    mdBreaks?: boolean;
+    fileUploadHandler?: FileUploadHandler;
+    /**
+     * If we need to set dimensions for uploaded images
+     *
+     * @default false
+     */
+    needToSetDimensionsForUploadedImages?: boolean;
+};
+export declare const BundlePreset: ExtensionAuto<BundlePresetOptions>;

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

@@ -0,0 +1,76 @@
+import { BehaviorPreset } from '../extensions/behavior';
+import { EditorModeKeymap } from '../extensions/behavior/EditorModeKeymap';
+import { BaseNode, YfmHeadingAttr, YfmNoteNode } from '../extensions/specs';
+import { i18n as i18nPlaceholder } from '../i18n/placeholder';
+import { CommonMarkPreset } from '../presets/commonmark';
+import { DefaultPreset } from '../presets/default';
+import { FullPreset } from '../presets/full';
+import { YfmPreset } from '../presets/yfm';
+import { ZeroPreset } from '../presets/zero';
+import { Action as A, formatter as f } from '../shortcuts';
+import { wCommandMenuConfigByPreset, wSelectionMenuConfigByPreset } from './config/wysiwyg';
+import { emojiDefs } from './emoji';
+export const BundlePreset = (builder, opts) => {
+    var _a, _b;
+    const dropCursor = {
+        color: 'var(--g-color-line-brand)',
+        width: 2,
+    };
+    const zeroOptions = Object.assign(Object.assign({}, opts), { cursor: { dropOptions: dropCursor }, clipboard: Object.assign({ pasteFileHandler: opts.fileUploadHandler }, opts.clipboard), selectionContext: Object.assign({ config: wSelectionMenuConfigByPreset.zero }, opts.selectionContext), commandMenu: Object.assign({ actions: wCommandMenuConfigByPreset.zero }, opts.commandMenu), history: Object.assign({ undoKey: f.toPM(A.Undo), redoKey: f.toPM(A.Redo) }, opts.history), baseSchema: Object.assign({ paragraphKey: f.toPM(A.Text), paragraphPlaceholder: (node, parent) => {
+                const isDocEmpty = !node.text && (parent === null || parent === void 0 ? void 0 : parent.type.name) === BaseNode.Doc && parent.childCount === 1;
+                return isDocEmpty ? i18nPlaceholder('doc_empty') : null;
+            } }, opts.baseSchema) });
+    const commonMarkOptions = Object.assign(Object.assign({}, zeroOptions), { selectionContext: Object.assign({ config: wSelectionMenuConfigByPreset.commonmark }, opts.selectionContext), commandMenu: Object.assign({ actions: wCommandMenuConfigByPreset.commonmark }, opts.commandMenu), breaks: Object.assign({ preferredBreak: (opts.mdBreaks ? 'soft' : 'hard') }, opts.breaks), bold: Object.assign({ boldKey: f.toPM(A.Bold) }, opts.bold), italic: Object.assign({ italicKey: f.toPM(A.Italic) }, opts.italic), code: Object.assign({ codeKey: f.toPM(A.Code) }, opts.code), codeBlock: Object.assign({ codeBlockKey: f.toPM(A.CodeBlock) }, opts.codeBlock), blockquote: Object.assign({ qouteKey: f.toPM(A.Quote) }, opts.blockquote), link: Object.assign({ linkKey: f.toPM(A.Link) }, opts.link), lists: Object.assign({ ulKey: f.toPM(A.BulletList), olKey: f.toPM(A.OrderedList), ulInputRules: { plus: false } }, opts.lists) });
+    const defaultOptions = Object.assign(Object.assign({}, commonMarkOptions), { selectionContext: Object.assign({ config: wSelectionMenuConfigByPreset.default }, opts.selectionContext), commandMenu: Object.assign({ actions: wCommandMenuConfigByPreset.default }, opts.commandMenu), strike: Object.assign({ strikeKey: f.toPM(A.Strike) }, opts.strike) });
+    const yfmOptions = Object.assign(Object.assign({}, defaultOptions), { selectionContext: Object.assign({ config: wSelectionMenuConfigByPreset.yfm }, opts.selectionContext), commandMenu: Object.assign({ actions: wCommandMenuConfigByPreset.yfm }, opts.commandMenu), underline: Object.assign({ underlineKey: f.toPM(A.Underline) }, opts.underline), imgSize: Object.assign({ imageUploadHandler: opts.fileUploadHandler, needToSetDimensionsForUploadedImages: opts.needToSetDimensionsForUploadedImages }, opts.imgSize), checkbox: Object.assign({ checkboxLabelPlaceholder: () => i18nPlaceholder('checkbox') }, opts.checkbox), deflist: {
+            deflistTermPlaceholder: () => i18nPlaceholder('deflist_term'),
+            deflistDescPlaceholder: () => i18nPlaceholder('deflist_desc'),
+        }, yfmCut: Object.assign({ yfmCutKey: f.toPM(A.Cut), yfmCutTitlePlaceholder: () => i18nPlaceholder('cut_title'), yfmCutContentPlaceholder: () => i18nPlaceholder('cut_content') }, opts.yfmCut), yfmNote: Object.assign({ yfmNoteKey: f.toPM(A.Note), yfmNoteTitlePlaceholder: () => i18nPlaceholder('note_title') }, opts.yfmNote), yfmTable: Object.assign({ yfmTableCellPlaceholder: () => i18nPlaceholder('table_cell') }, opts.yfmTable), yfmFile: Object.assign({ fileUploadHandler: opts.fileUploadHandler, needToSetDimensionsForUploadedImages: opts.needToSetDimensionsForUploadedImages }, opts.yfmFile), yfmHeading: Object.assign({ h1Key: f.toPM(A.Heading1), h2Key: f.toPM(A.Heading2), h3Key: f.toPM(A.Heading3), h4Key: f.toPM(A.Heading4), h5Key: f.toPM(A.Heading5), h6Key: f.toPM(A.Heading6), headingPlaceholder: (node) => `${i18nPlaceholder('heading')} ${node.attrs[YfmHeadingAttr.Level]}` }, opts.yfmHeading), placeholder: {
+            [YfmNoteNode.NoteContent]: () => i18nPlaceholder('note_content'),
+        } });
+    const fullOptions = Object.assign(Object.assign({}, yfmOptions), { selectionContext: Object.assign({ config: wSelectionMenuConfigByPreset.full }, opts.selectionContext), commandMenu: Object.assign({ actions: wCommandMenuConfigByPreset.full }, opts.commandMenu), emoji: Object.assign({ defs: emojiDefs }, opts.emoji) });
+    const zeroIgnoreActions = [A.Undo, A.Redo];
+    const commonMarkIgnoreActions = zeroIgnoreActions.concat(A.Bold, A.Italic, A.Code, A.Link, A.Text, A.Heading1, A.Heading2, A.Heading3, A.Heading4, A.Heading5, A.Heading6, A.BulletList, A.OrderedList, A.Quote, A.CodeBlock);
+    const defaultIgnoreActions = commonMarkIgnoreActions.concat(A.Strike);
+    const yfmIgnoreActions = defaultIgnoreActions.concat(A.Underline, A.Note, A.Cut);
+    const fullIgnoreActions = yfmIgnoreActions.concat();
+    let ignoreActions;
+    switch (opts.preset) {
+        case 'zero': {
+            ignoreActions = zeroIgnoreActions;
+            builder.use(BehaviorPreset, zeroOptions).use(ZeroPreset, zeroOptions);
+            break;
+        }
+        case 'commonmark': {
+            ignoreActions = commonMarkIgnoreActions;
+            builder.use(BehaviorPreset, commonMarkOptions).use(CommonMarkPreset, commonMarkOptions);
+            break;
+        }
+        case 'default': {
+            ignoreActions = defaultIgnoreActions;
+            builder.use(BehaviorPreset, defaultOptions).use(DefaultPreset, defaultOptions);
+            break;
+        }
+        case 'yfm': {
+            ignoreActions = yfmIgnoreActions;
+            builder.use(BehaviorPreset, yfmOptions).use(YfmPreset, yfmOptions);
+            break;
+        }
+        default: {
+            ignoreActions = fullIgnoreActions;
+            builder.use(BehaviorPreset, fullOptions).use(FullPreset, fullOptions);
+            break;
+        }
+    }
+    const ignoreKeysList = (_b = (_a = opts.ignoreKeysList) === null || _a === void 0 ? void 0 : _a.slice()) !== null && _b !== void 0 ? _b : [];
+    for (const action of ignoreActions) {
+        const key = f.toPM(action);
+        if (key)
+            ignoreKeysList.push(key);
+    }
+    builder.use(EditorModeKeymap, {
+        onSubmit: opts.onSubmit,
+        onCancel: opts.onCancel,
+        ignoreKeysList,
+    });
+};

package/build/esm/classname.d.ts

@@ -0,0 +1,4 @@
+export declare const cn: import("@bem-react/classname").ClassNameInitilizer;
+export interface ClassNameProps {
+    className?: string;
+}

package/build/esm/classname.js

@@ -0,0 +1,2 @@
+import { withNaming } from '@bem-react/classname';
+export const cn = withNaming({ n: 'g-md-', e: '__', m: '_', v: '_' });

package/build/esm/cm/autocomplete.d.ts

@@ -0,0 +1 @@
+export * from '@codemirror/autocomplete';

package/build/esm/cm/autocomplete.js

@@ -0,0 +1 @@
+export * from '@codemirror/autocomplete';

package/build/esm/cm/commands.d.ts

@@ -0,0 +1 @@
+export * from '@codemirror/commands';

package/build/esm/cm/commands.js

@@ -0,0 +1 @@
+export * from '@codemirror/commands';

package/build/esm/cm/language.d.ts

@@ -0,0 +1 @@
+export * from '@codemirror/language';

package/build/esm/cm/language.js

@@ -0,0 +1 @@
+export * from '@codemirror/language';

package/build/esm/cm/state.d.ts

@@ -0,0 +1 @@
+export * from '@codemirror/state';

package/build/esm/cm/state.js

@@ -0,0 +1 @@
+export * from '@codemirror/state';

package/build/esm/cm/view.d.ts

@@ -0,0 +1 @@
+export * from '@codemirror/view';

package/build/esm/cm/view.js

@@ -0,0 +1 @@
+export * from '@codemirror/view';

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

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