@gravity-ui/markdown-editor 14.12.2 → 15.0.0

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

@@ -2,17 +2,17 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.MToolbarImagePopup = void 0;
 const tslib_1 = require("tslib");
-const react_1 = tslib_1.__importDefault(require("react"));
+const jsx_runtime_1 = require("react/jsx-runtime");
 const is_number_1 = tslib_1.__importDefault(require("is-number"));
-const markup_1 = require("../../../markup");
-const ToolbarImagePopup_1 = require("../custom/ToolbarImagePopup");
-const context_1 = require("./context");
+const markup_1 = require("../../../markup/index.js");
+const ToolbarImagePopup_1 = require("../custom/ToolbarImagePopup.js");
+const context_1 = require("./context.js");
 const noop = (err) => {
     console.error(err);
 };
-const MToolbarImagePopup = ({ focus, onClick, hide, anchorRef, editor, className, }) => {
+const MToolbarImagePopup = ({ focus, onClick, hide, anchorElement, editor, className, }) => {
     const { uploadHandler, needToSetDimensionsForUploadedImages } = (0, context_1.useMarkupToolbarContext)();
-    return (react_1.default.createElement(ToolbarImagePopup_1.ToolbarImagePopup, { hide: hide, anchorRef: anchorRef, focus: focus, onClick: onClick, className: className, onSubmit: ({ url, name, alt, width, height }) => {
+    return ((0, jsx_runtime_1.jsx)(ToolbarImagePopup_1.ToolbarImagePopup, { hide: hide, anchorElement: anchorElement, focus: focus, onClick: onClick, className: className, onSubmit: ({ url, name, alt, width, height }) => {
             (0, markup_1.insertImages)([
                 {
                     url,
@@ -31,8 +31,7 @@ exports.MToolbarImagePopup = MToolbarImagePopup;
 async function toImageItems(items, withDimensions) {
     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 };
+        const imgItem = { url: result.url, alt: result.name ?? file.name };
         imgItems.push(imgItem);
         if (withDimensions) {
             return (0, markup_1.getImageDimensions)(file).then(({ height }) => {
@@ -43,3 +42,4 @@ async function toImageItems(items, withDimensions) {
     }));
     return imgItems;
 }
+//# sourceMappingURL=MToolbarImagePopup.js.map

package/build/cjs/bundle/toolbar/markup/MToolbarImagePopup.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MToolbarImagePopup.js","sourceRoot":"../../../../../src","sources":["bundle/toolbar/markup/MToolbarImagePopup.tsx"],"names":[],"mappings":";;;;;AAAA,kEAAiC;AAEjC,qDAAiG;AAIjG,sEAA0F;AAE1F,0CAAkD;AAElD,MAAM,IAAI,GAAG,CAAC,GAAY,EAAE,EAAE;IAC1B,OAAO,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC;AACvB,CAAC,CAAC;AAOK,MAAM,kBAAkB,GAAsC,CAAC,EAClE,KAAK,EACL,OAAO,EACP,IAAI,EACJ,aAAa,EACb,MAAM,EACN,SAAS,GACZ,EAAE,EAAE;IACD,MAAM,EAAC,aAAa,EAAE,oCAAoC,EAAC,GAAG,IAAA,iCAAuB,GAAE,CAAC;IAExF,OAAO,CACH,uBAAC,qCAAiB,IACd,IAAI,EAAE,IAAI,EACV,aAAa,EAAE,aAAa,EAC5B,KAAK,EAAE,KAAK,EACZ,OAAO,EAAE,OAAO,EAChB,SAAS,EAAE,SAAS,EACpB,QAAQ,EAAE,CAAC,EAAC,GAAG,EAAE,IAAI,EAAE,GAAG,EAAE,KAAK,EAAE,MAAM,EAAC,EAAE,EAAE;YAC1C,IAAA,qBAAY,EAAC;gBACT;oBACI,GAAG;oBACH,GAAG;oBACH,KAAK,EAAE,IAAI;oBACX,KAAK,EAAE,IAAA,mBAAQ,EAAC,KAAK,CAAC,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,EAAE;oBAC3C,MAAM,EAAE,IAAA,mBAAQ,EAAC,MAAM,CAAC,CAAC,CAAC,CAAC,MAAM,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,EAAE;iBACjD;aACJ,CAAC,CAAC,MAAM,CAAC,EAAE,CAAC,CAAC;QAClB,CAAC,EACD,YAAY,EAAE,aAAa,EAC3B,eAAe,EAAE,KAAK,EAAE,GAAG,EAAE,EAAE;YAC3B,MAAM,MAAM,GAAG,MAAM,YAAY,CAC7B,GAAG,CAAC,OAAO,EACX,OAAO,CAAC,oCAAoC,CAAC,CAChD,CAAC;YACF,IAAA,qBAAY,EAAC,MAAM,CAAC,CAAC,MAAM,CAAC,EAAE,CAAC,CAAC;QACpC,CAAC,GACH,CACL,CAAC;AACN,CAAC,CAAC;AAtCW,QAAA,kBAAkB,sBAsC7B;AAEF,KAAK,UAAU,YAAY,CACvB,KAAmC,EACnC,cAAuB;IAEvB,MAAM,QAAQ,GAAgB,EAAE,CAAC;IAEjC,MAAM,OAAO,CAAC,GAAG,CACb,KAAK,CAAC,GAAG,CAAgB,CAAC,EAAC,MAAM,EAAE,IAAI,EAAC,EAAE,EAAE;QACxC,MAAM,OAAO,GAAc,EAAC,GAAG,EAAE,MAAM,CAAC,GAAG,EAAE,GAAG,EAAE,MAAM,CAAC,IAAI,IAAI,IAAI,CAAC,IAAI,EAAC,CAAC;QAC5E,QAAQ,CAAC,IAAI,CAAC,OAAO,CAAC,CAAC;QAEvB,IAAI,cAAc,EAAE,CAAC;YACjB,OAAO,IAAA,2BAAkB,EAAC,IAAI,CAAC,CAAC,IAAI,CAAC,CAAC,EAAC,MAAM,EAAC,EAAE,EAAE;gBAC9C,OAAO,CAAC,MAAM,GAAG,MAAM,CAAC,IAAI,CAAC,GAAG,CAAC,MAAM,EAAE,uBAAc,CAAC,CAAC,CAAC;YAC9D,CAAC,EAAE,IAAI,CAAC,CAAC;QACb,CAAC;QACD,OAAO,OAAO,CAAC,OAAO,EAAE,CAAC;IAC7B,CAAC,CAAC,CACL,CAAC;IAEF,OAAO,QAAQ,CAAC;AACpB,CAAC","sourcesContent":["import isNumber from 'is-number';\n\nimport {IMG_MAX_HEIGHT, type ImageItem, getImageDimensions, insertImages} from '../../../markup';\nimport type {CodeEditor} from '../../../markup/editor';\nimport type {ToolbarBaseProps} from '../../../toolbar';\nimport type {UploadSuccessItem} from '../../../utils';\nimport {type ToolbarImagePopuProps, ToolbarImagePopup} from '../custom/ToolbarImagePopup';\n\nimport {useMarkupToolbarContext} from './context';\n\nconst noop = (err: unknown) => {\n    console.error(err);\n};\n\nexport type MToolbarImagePopupProps = ToolbarBaseProps<CodeEditor> &\n    Pick<ToolbarImagePopuProps, 'anchorElement'> & {\n        hide: () => void;\n    };\n\nexport const MToolbarImagePopup: React.FC<MToolbarImagePopupProps> = ({\n    focus,\n    onClick,\n    hide,\n    anchorElement,\n    editor,\n    className,\n}) => {\n    const {uploadHandler, needToSetDimensionsForUploadedImages} = useMarkupToolbarContext();\n\n    return (\n        <ToolbarImagePopup\n            hide={hide}\n            anchorElement={anchorElement}\n            focus={focus}\n            onClick={onClick}\n            className={className}\n            onSubmit={({url, name, alt, width, height}) => {\n                insertImages([\n                    {\n                        url,\n                        alt,\n                        title: name,\n                        width: isNumber(width) ? String(width) : '',\n                        height: isNumber(height) ? String(height) : '',\n                    },\n                ])(editor.cm);\n            }}\n            uploadImages={uploadHandler}\n            onSuccessUpload={async (res) => {\n                const images = await toImageItems(\n                    res.success,\n                    Boolean(needToSetDimensionsForUploadedImages),\n                );\n                insertImages(images)(editor.cm);\n            }}\n        />\n    );\n};\n\nasync function toImageItems(\n    items: readonly UploadSuccessItem[],\n    withDimensions: boolean,\n): Promise<ImageItem[]> {\n    const imgItems: ImageItem[] = [];\n\n    await Promise.all(\n        items.map<Promise<void>>(({result, file}) => {\n            const imgItem: ImageItem = {url: result.url, alt: result.name ?? file.name};\n            imgItems.push(imgItem);\n\n            if (withDimensions) {\n                return getImageDimensions(file).then(({height}) => {\n                    imgItem.height = String(Math.min(height, IMG_MAX_HEIGHT));\n                }, noop);\n            }\n            return Promise.resolve();\n        }),\n    );\n\n    return imgItems;\n}\n"]}

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

@@ -1,6 +1,5 @@
-/// <reference types="react" />
-import type { FileUploadHandler } from '../../../utils/upload';
-export declare type MarkupToolbarContextProps = {
+import type { FileUploadHandler } from "../../../utils/upload.js";
+export type MarkupToolbarContextProps = {
     uploadHandler?: FileUploadHandler;
     needToSetDimensionsForUploadedImages?: boolean;
 };

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

@@ -1,6 +1,7 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.useMarkupToolbarContext = exports.MarkupToolbarContextProvider = void 0;
+exports.MarkupToolbarContextProvider = void 0;
+exports.useMarkupToolbarContext = useMarkupToolbarContext;
 const react_1 = require("react");
 const defaultValue = {};
 const MarkupToolbarContext = (0, react_1.createContext)(defaultValue);
@@ -8,4 +9,4 @@ exports.MarkupToolbarContextProvider = MarkupToolbarContext.Provider;
 function useMarkupToolbarContext() {
     return (0, react_1.useContext)(MarkupToolbarContext);
 }
-exports.useMarkupToolbarContext = useMarkupToolbarContext;
+//# sourceMappingURL=context.js.map

package/build/cjs/bundle/toolbar/markup/context.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"context.js","sourceRoot":"../../../../../src","sources":["bundle/toolbar/markup/context.ts"],"names":[],"mappings":";;;AAaA,0DAEC;AAfD,iCAAgD;AAShD,MAAM,YAAY,GAA8B,EAAE,CAAC;AACnD,MAAM,oBAAoB,GAAG,IAAA,qBAAa,EAAC,YAAY,CAAC,CAAC;AAE5C,QAAA,4BAA4B,GAAG,oBAAoB,CAAC,QAAQ,CAAC;AAC1E,SAAgB,uBAAuB;IACnC,OAAO,IAAA,kBAAU,EAAC,oBAAoB,CAAC,CAAC;AAC5C,CAAC","sourcesContent":["import {createContext, useContext} from 'react';\n\nimport type {FileUploadHandler} from '../../../utils/upload';\n\nexport type MarkupToolbarContextProps = {\n    uploadHandler?: FileUploadHandler;\n    needToSetDimensionsForUploadedImages?: boolean;\n};\n\nconst defaultValue: MarkupToolbarContextProps = {};\nconst MarkupToolbarContext = createContext(defaultValue);\n\nexport const MarkupToolbarContextProvider = MarkupToolbarContext.Provider;\nexport function useMarkupToolbarContext() {\n    return useContext(MarkupToolbarContext);\n}\n"]}

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

@@ -1,21 +1,21 @@
-import type { ActionStorage } from '../../core';
-import type { CodeEditor } from '../../markup';
-import type { ToolbarListButtonData } from '../../toolbar';
-import type { ToolbarButtonPopupData, ToolbarData, ToolbarGroupData, ToolbarGroupItemData, ToolbarItemData, ToolbarListButtonItemData, ToolbarListItemData, ToolbarReactComponentData, ToolbarSingleItemData } from '../../toolbar/types';
-export * from '../../toolbar/types';
-export declare type WToolbarData = ToolbarData<ActionStorage>;
-export declare type WToolbarItemData = ToolbarItemData<ActionStorage>;
-export declare type WToolbarSingleItemData = ToolbarSingleItemData<ActionStorage>;
-export declare type WToolbarGroupData = ToolbarGroupData<ActionStorage>;
-export declare type WToolbarGroupItemData = ToolbarGroupItemData<ActionStorage>;
-export declare type WToolbarListButtonData = ToolbarListButtonData<ActionStorage>;
-export declare type WToolbarListItemData = ToolbarListItemData<ActionStorage>;
-export declare type WToolbarListButtonItemData = ToolbarListButtonItemData<ActionStorage>;
-export declare type MToolbarData = ToolbarData<CodeEditor>;
-export declare type MToolbarItemData = ToolbarItemData<CodeEditor>;
-export declare type MToolbarSingleItemData = ToolbarSingleItemData<CodeEditor>;
-export declare type MToolbarGroupData = ToolbarGroupData<CodeEditor>;
-export declare type MToolbarReactComponentData = ToolbarReactComponentData<CodeEditor>;
-export declare type MToolbarListButtonData = ToolbarListButtonData<CodeEditor>;
-export declare type MToolbarListItemData = ToolbarListItemData<CodeEditor>;
-export declare type MToolbarButtonPopupData = ToolbarButtonPopupData<CodeEditor>;
+import type { ActionStorage } from "../../core/index.js";
+import type { CodeEditor } from "../../markup/index.js";
+import type { ToolbarListButtonData } from "../../toolbar/index.js";
+import type { ToolbarButtonPopupData, ToolbarData, ToolbarGroupData, ToolbarGroupItemData, ToolbarItemData, ToolbarListButtonItemData, ToolbarListItemData, ToolbarReactComponentData, ToolbarSingleItemData } from "../../toolbar/types.js";
+export * from "../../toolbar/types.js";
+export type WToolbarData = ToolbarData<ActionStorage>;
+export type WToolbarItemData = ToolbarItemData<ActionStorage>;
+export type WToolbarSingleItemData = ToolbarSingleItemData<ActionStorage>;
+export type WToolbarGroupData = ToolbarGroupData<ActionStorage>;
+export type WToolbarGroupItemData = ToolbarGroupItemData<ActionStorage>;
+export type WToolbarListButtonData = ToolbarListButtonData<ActionStorage>;
+export type WToolbarListItemData = ToolbarListItemData<ActionStorage>;
+export type WToolbarListButtonItemData = ToolbarListButtonItemData<ActionStorage>;
+export type MToolbarData = ToolbarData<CodeEditor>;
+export type MToolbarItemData = ToolbarItemData<CodeEditor>;
+export type MToolbarSingleItemData = ToolbarSingleItemData<CodeEditor>;
+export type MToolbarGroupData = ToolbarGroupData<CodeEditor>;
+export type MToolbarReactComponentData = ToolbarReactComponentData<CodeEditor>;
+export type MToolbarListButtonData = ToolbarListButtonData<CodeEditor>;
+export type MToolbarListItemData = ToolbarListItemData<CodeEditor>;
+export type MToolbarButtonPopupData = ToolbarButtonPopupData<CodeEditor>;

package/build/cjs/bundle/toolbar/types.js

@@ -1,4 +1,5 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 const tslib_1 = require("tslib");
-tslib_1.__exportStar(require("../../toolbar/types"), exports);
+tslib_1.__exportStar(require("../../toolbar/types.js"), exports);
+//# sourceMappingURL=types.js.map

package/build/cjs/bundle/toolbar/types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.js","sourceRoot":"../../../../src","sources":["bundle/toolbar/types.ts"],"names":[],"mappings":";;;AAeA,iEAAoC","sourcesContent":["import type {ActionStorage} from '../../core';\nimport type {CodeEditor} from '../../markup';\nimport type {ToolbarListButtonData} from '../../toolbar';\nimport type {\n    ToolbarButtonPopupData,\n    ToolbarData,\n    ToolbarGroupData,\n    ToolbarGroupItemData,\n    ToolbarItemData,\n    ToolbarListButtonItemData,\n    ToolbarListItemData,\n    ToolbarReactComponentData,\n    ToolbarSingleItemData,\n} from '../../toolbar/types';\n\nexport * from '../../toolbar/types';\n\nexport type WToolbarData = ToolbarData<ActionStorage>;\nexport type WToolbarItemData = ToolbarItemData<ActionStorage>;\nexport type WToolbarSingleItemData = ToolbarSingleItemData<ActionStorage>;\nexport type WToolbarGroupData = ToolbarGroupData<ActionStorage>;\nexport type WToolbarGroupItemData = ToolbarGroupItemData<ActionStorage>;\nexport type WToolbarListButtonData = ToolbarListButtonData<ActionStorage>;\nexport type WToolbarListItemData = ToolbarListItemData<ActionStorage>;\nexport type WToolbarListButtonItemData = ToolbarListButtonItemData<ActionStorage>;\n\nexport type MToolbarData = ToolbarData<CodeEditor>;\nexport type MToolbarItemData = ToolbarItemData<CodeEditor>;\nexport type MToolbarSingleItemData = ToolbarSingleItemData<CodeEditor>;\nexport type MToolbarGroupData = ToolbarGroupData<CodeEditor>;\nexport type MToolbarReactComponentData = ToolbarReactComponentData<CodeEditor>;\nexport type MToolbarListButtonData = ToolbarListButtonData<CodeEditor>;\nexport type MToolbarListItemData = ToolbarListItemData<CodeEditor>;\nexport type MToolbarButtonPopupData = ToolbarButtonPopupData<CodeEditor>;\n"]}

package/build/cjs/bundle/toolbar/utils/flattenPreset.d.ts

@@ -1,2 +1,2 @@
-import type { MToolbarData, MToolbarItemData, WToolbarData, WToolbarItemData } from '../types';
+import type { MToolbarData, MToolbarItemData, WToolbarData, WToolbarItemData } from "../types.js";
 export declare const flattenPreset: <T extends WToolbarData | MToolbarData>(config: T) => T extends WToolbarData ? WToolbarItemData[] : MToolbarItemData[];

package/build/cjs/bundle/toolbar/utils/flattenPreset.js

@@ -1,7 +1,7 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.flattenPreset = void 0;
-const types_1 = require("../types");
+const types_1 = require("../types.js");
 const flattenPreset = (config) => {
     return config.flat().reduce((acc, item) => {
         if (item.type === types_1.ToolbarDataType.ListButton && Array.isArray(item.data)) {
@@ -12,3 +12,4 @@ const flattenPreset = (config) => {
     }, []);
 };
 exports.flattenPreset = flattenPreset;
+//# sourceMappingURL=flattenPreset.js.map

package/build/cjs/bundle/toolbar/utils/flattenPreset.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"flattenPreset.js","sourceRoot":"../../../../../src","sources":["bundle/toolbar/utils/flattenPreset.ts"],"names":[],"mappings":";;;AACA,uCAAyC;AAElC,MAAM,aAAa,GAAG,CACzB,MAAS,EACuD,EAAE;IAClE,OAAO,MAAM,CAAC,IAAI,EAAE,CAAC,MAAM,CAA0C,CAAC,GAAG,EAAE,IAAI,EAAE,EAAE;QAC/E,IAAI,IAAI,CAAC,IAAI,KAAK,uBAAe,CAAC,UAAU,IAAI,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,IAAI,CAAC,EAAE,CAAC;YACvE,OAAO,GAAG,CAAC,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;QACjC,CAAC;QAED,GAAG,CAAC,IAAI,CAAC,IAA2C,CAAC,CAAC;QACtD,OAAO,GAAG,CAAC;IACf,CAAC,EAAE,EAAE,CAAgF,CAAC;AAC1F,CAAC,CAAC;AAXW,QAAA,aAAa,iBAWxB","sourcesContent":["import type {MToolbarData, MToolbarItemData, WToolbarData, WToolbarItemData} from '../types';\nimport {ToolbarDataType} from '../types';\n\nexport const flattenPreset = <T extends WToolbarData | MToolbarData>(\n    config: T,\n): T extends WToolbarData ? WToolbarItemData[] : MToolbarItemData[] => {\n    return config.flat().reduce<(WToolbarItemData | MToolbarItemData)[]>((acc, item) => {\n        if (item.type === ToolbarDataType.ListButton && Array.isArray(item.data)) {\n            return acc.concat(item.data);\n        }\n\n        acc.push(item as WToolbarItemData | MToolbarItemData);\n        return acc;\n    }, []) as unknown as T extends WToolbarData ? WToolbarItemData[] : MToolbarItemData[];\n};\n"]}

package/build/cjs/bundle/toolbar/utils/toolbarsConfigs.d.ts

@@ -1,8 +1,8 @@
-import type { ToolbarsPreset } from '../../../modules/toolbars/types';
-import type { MarkdownEditorViewProps } from '../../MarkdownEditorView';
-import type { MarkdownEditorPreset } from '../../types';
-import type { MToolbarData, WToolbarData } from '../types';
-export declare const createToolbarConfig: <T extends WToolbarData | MToolbarData>(editorType: 'wysiwyg' | 'markup', toolbarPreset: ToolbarsPreset | MarkdownEditorPreset, toolbarName: string) => T;
+import type { ToolbarsPreset } from "../../../modules/toolbars/types.js";
+import type { MarkdownEditorViewProps } from "../../MarkdownEditorView.js";
+import type { MarkdownEditorPreset } from "../../types.js";
+import type { MToolbarData, WToolbarData } from "../types.js";
+export declare const createToolbarConfig: <T extends WToolbarData | MToolbarData>(editorType: "wysiwyg" | "markup", toolbarPreset: ToolbarsPreset | MarkdownEditorPreset, toolbarName: string) => T;
 interface GetToolbarsConfigsArgs {
     toolbarsPreset?: ToolbarsPreset;
     props: Pick<MarkdownEditorViewProps, 'markupToolbarConfig' | 'wysiwygToolbarConfig' | 'wysiwygHiddenActionsConfig' | 'markupHiddenActionsConfig'>;
@@ -11,7 +11,7 @@ interface GetToolbarsConfigsArgs {
 export declare const getToolbarsConfigs: ({ toolbarsPreset, props, preset }: GetToolbarsConfigsArgs) => {
     wysiwygToolbarConfig: WToolbarData;
     markupToolbarConfig: MToolbarData;
-    wysiwygHiddenActionsConfig: import("../types").WToolbarItemData[];
-    markupHiddenActionsConfig: import("../types").MToolbarItemData[];
+    wysiwygHiddenActionsConfig: import("../types.js").WToolbarItemData[];
+    markupHiddenActionsConfig: import("../types.js").MToolbarItemData[];
 };
 export {};

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

@@ -1,10 +1,10 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.getToolbarsConfigs = exports.createToolbarConfig = void 0;
-const constants_1 = require("../../../modules/toolbars/constants");
-const presets_1 = require("../../../modules/toolbars/presets");
-const types_1 = require("../types");
-const flattenPreset_1 = require("./flattenPreset");
+const constants_1 = require("../../../modules/toolbars/constants.js");
+const presets_1 = require("../../../modules/toolbars/presets.js");
+const types_1 = require("../types.js");
+const flattenPreset_1 = require("./flattenPreset.js");
 const defaultPresets = {
     zero: presets_1.zero,
     commonmark: presets_1.commonmark,
@@ -13,44 +13,59 @@ const defaultPresets = {
     full: presets_1.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 === types_1.ToolbarDataType.ListButton;
     const isSingleButton = item.view.type === types_1.ToolbarDataType.SingleButton;
-    return Object.assign(Object.assign(Object.assign(Object.assign({ type: (_a = item.view.type) !== null && _a !== void 0 ? _a : types_1.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 && Object.assign({}, item.wysiwyg))), (type === 'markup' && item.markup && Object.assign({}, item.markup)));
+    return {
+        type: item.view.type ?? types_1.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 }),
+    };
 };
 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;
 };
 exports.createToolbarConfig = createToolbarConfig;
 const getToolbarsConfigs = ({ toolbarsPreset, props, preset }) => {
-    var _a, _b, _c, _d;
     const wysiwygToolbarConfig = toolbarsPreset
         ? (0, exports.createToolbarConfig)('wysiwyg', toolbarsPreset, constants_1.ToolbarName.wysiwygMain)
-        : (_a = props.wysiwygToolbarConfig) !== null && _a !== void 0 ? _a : (0, exports.createToolbarConfig)('wysiwyg', preset, constants_1.ToolbarName.wysiwygMain);
+        : props.wysiwygToolbarConfig ??
+            (0, exports.createToolbarConfig)('wysiwyg', preset, constants_1.ToolbarName.wysiwygMain);
     const markupToolbarConfig = toolbarsPreset
         ? (0, exports.createToolbarConfig)('markup', toolbarsPreset, constants_1.ToolbarName.markupMain)
-        : (_b = props.markupToolbarConfig) !== null && _b !== void 0 ? _b : (0, exports.createToolbarConfig)('markup', preset, constants_1.ToolbarName.markupMain);
+        : props.markupToolbarConfig ??
+            (0, exports.createToolbarConfig)('markup', preset, constants_1.ToolbarName.markupMain);
     const wysiwygHiddenActionsConfig = toolbarsPreset
         ? (0, flattenPreset_1.flattenPreset)((0, exports.createToolbarConfig)('wysiwyg', toolbarsPreset, constants_1.ToolbarName.wysiwygHidden))
-        : (_c = props.wysiwygHiddenActionsConfig) !== null && _c !== void 0 ? _c : (0, flattenPreset_1.flattenPreset)((0, exports.createToolbarConfig)('wysiwyg', preset, constants_1.ToolbarName.wysiwygHidden));
+        : props.wysiwygHiddenActionsConfig ??
+            (0, flattenPreset_1.flattenPreset)((0, exports.createToolbarConfig)('wysiwyg', preset, constants_1.ToolbarName.wysiwygHidden));
     const markupHiddenActionsConfig = toolbarsPreset
         ? (0, flattenPreset_1.flattenPreset)((0, exports.createToolbarConfig)('markup', toolbarsPreset, constants_1.ToolbarName.markupHidden))
-        : (_d = props.markupHiddenActionsConfig) !== null && _d !== void 0 ? _d : (0, flattenPreset_1.flattenPreset)((0, exports.createToolbarConfig)('markup', preset, constants_1.ToolbarName.markupHidden));
+        : props.markupHiddenActionsConfig ??
+            (0, flattenPreset_1.flattenPreset)((0, exports.createToolbarConfig)('markup', preset, constants_1.ToolbarName.markupHidden));
     return {
         wysiwygToolbarConfig,
         markupToolbarConfig,
@@ -59,3 +74,4 @@ const getToolbarsConfigs = ({ toolbarsPreset, props, preset }) => {
     };
 };
 exports.getToolbarsConfigs = getToolbarsConfigs;
+//# sourceMappingURL=toolbarsConfigs.js.map

package/build/cjs/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/cjs/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/cjs/bundle/toolbar/wysiwyg/WToolbarColors.js

@@ -1,14 +1,14 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.WToolbarColors = void 0;
-const tslib_1 = require("tslib");
-const react_1 = tslib_1.__importDefault(require("react"));
-const ToolbarColors_1 = require("../custom/ToolbarColors");
-const WToolbarColors = ({ className, editor, focus, onClick, }) => {
+const jsx_runtime_1 = require("react/jsx-runtime");
+const ToolbarColors_1 = require("../custom/ToolbarColors.js");
+const WToolbarColors = ({ disablePortal, className, editor, focus, onClick, }) => {
     const action = editor.actions.colorify;
     const currentColor = action.meta();
-    return (react_1.default.createElement(ToolbarColors_1.ToolbarColors, { active: action.isActive(), enable: action.isEnable(), currentColor: currentColor, exec: (color) => {
+    return ((0, jsx_runtime_1.jsx)(ToolbarColors_1.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 }));
 };
 exports.WToolbarColors = WToolbarColors;
+//# sourceMappingURL=WToolbarColors.js.map

package/build/cjs/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,8DAA+E;AAMxE,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,uBAAC,6BAAa,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;AAzBW,QAAA,cAAc,kBAyBzB","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/cjs/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/cjs/bundle/toolbar/wysiwyg/WToolbarTextSelect.js

@@ -1,12 +1,11 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.WToolbarTextSelect = void 0;
-const tslib_1 = require("tslib");
-const react_1 = tslib_1.__importDefault(require("react"));
-const w_heading_config_1 = require("../../config/w-heading-config");
-const ToolbarSelect_1 = require("../ToolbarSelect");
-const WToolbarTextSelect = ({ focus, onClick, editor, className, }) => {
-    const items = react_1.default.useMemo(() => w_heading_config_1.wHeadingListConfig.data, []);
-    return (react_1.default.createElement(ToolbarSelect_1.ToolbarSelect, { items: items, focus: focus, editor: editor, onClick: onClick, className: className }));
+const jsx_runtime_1 = require("react/jsx-runtime");
+const w_heading_config_1 = require("../../config/w-heading-config.js");
+const ToolbarSelect_1 = require("../ToolbarSelect.js");
+const WToolbarTextSelect = ({ focus, onClick, editor, className, disablePortal, }) => {
+    return ((0, jsx_runtime_1.jsx)(ToolbarSelect_1.ToolbarSelect, { items: w_heading_config_1.wHeadingListConfig.data, focus: focus, editor: editor, onClick: onClick, className: className, disablePortal: disablePortal }));
 };
 exports.WToolbarTextSelect = WToolbarTextSelect;
+//# sourceMappingURL=WToolbarTextSelect.js.map

package/build/cjs/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,uEAAiE;AACjE,uDAAwE;AAKjE,MAAM,kBAAkB,GAAsC,CAAC,EAClE,KAAK,EACL,OAAO,EACP,MAAM,EACN,SAAS,EACT,aAAa,GAChB,EAAE,EAAE;IACD,OAAO,CACH,uBAAC,6BAAa,IACV,KAAK,EAAE,qCAAkB,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;AAjBW,QAAA,kBAAkB,sBAiB7B","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/cjs/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
      *
@@ -111,7 +111,7 @@ export declare type MarkdownEditorExperimentalOptions = {
      */
     preserveMarkupFormatting?: boolean;
 };
-export declare type MarkdownEditorMarkupConfig = {
+export type MarkdownEditorMarkupConfig = {
     /**
      * Pass the rendering function to preview the markdown content.
      *
@@ -151,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.
      *
@@ -176,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/cjs/bundle/types.js

@@ -1,3 +1,4 @@
 "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/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/cjs/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;