@gravity-ui/markdown-editor 14.12.1 → 14.12.3

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

@@ -1,28 +1,30 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.ToolbarFilePopup = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const react_1 = require("react");
+const tslib_1 = require("tslib");
+const react_1 = tslib_1.__importStar(require("react"));
 const uikit_1 = require("@gravity-ui/uikit");
-const FileForm_1 = require("../../../forms/FileForm.js");
-const forms_1 = require("../../../i18n/forms/index.js");
-const hooks_1 = require("../../../react-utils/hooks.js");
-const upload_1 = require("../../../utils/upload.js");
+const FileForm_1 = require("../../../forms/FileForm");
+const forms_1 = require("../../../i18n/forms");
+const hooks_1 = require("../../../react-utils/hooks");
+const toaster_1 = require("../../../react-utils/toaster");
+const upload_1 = require("../../../utils/upload");
 const placement = ['bottom-start', 'top-start', 'bottom-end', 'top-end'];
-const ToolbarFilePopup = ({ className, hide, anchorElement, onSubmit, focus, onClick, uploadHandler, onSuccessUpload, }) => {
-    const toaster = (0, uikit_1.useToaster)();
+const ToolbarFilePopup = ({ className, hide, anchorRef, onSubmit, focus, onClick, uploadHandler, onSuccessUpload, }) => {
+    const toaster = (0, toaster_1.useToaster)();
     const [loading, showLoading, hideLoading] = (0, hooks_1.useBooleanState)(false);
     const handleCancel = (0, react_1.useCallback)(() => {
         hide();
         focus();
     }, [focus, hide]);
-    return ((0, jsx_runtime_1.jsx)(uikit_1.Popup, { open: true, modal: true, onOpenChange: handleCancel, anchorElement: anchorElement, placement: placement, className: className, children: (0, jsx_runtime_1.jsx)(FileForm_1.FileForm, { autoFocus: true, onAttach: uploadHandler &&
+    return (react_1.default.createElement(uikit_1.Popup, { open: true, onClose: handleCancel, anchorRef: anchorRef, placement: placement, className: className },
+        react_1.default.createElement(FileForm_1.FileForm, { autoFocus: true, onAttach: uploadHandler &&
                 ((files) => {
                     showLoading();
                     (0, upload_1.batchUploadFiles)(files, uploadHandler).then((res) => {
                         hideLoading();
                         hide();
-                        onSuccessUpload?.(res);
+                        onSuccessUpload === null || onSuccessUpload === void 0 ? void 0 : onSuccessUpload(res);
                     }, (error) => {
                         hideLoading();
                         toaster.add({
@@ -36,8 +38,7 @@ const ToolbarFilePopup = ({ className, hide, anchorElement, onSubmit, focus, onC
                 hide();
                 focus();
                 onSubmit(data);
-                onClick?.('addFile');
-            }, loading: loading }) }));
+                onClick === null || onClick === void 0 ? void 0 : onClick('addFile');
+            }, loading: loading })));
 };
 exports.ToolbarFilePopup = ToolbarFilePopup;
-//# sourceMappingURL=ToolbarFilePopup.js.map

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

@@ -1,10 +1,11 @@
-import { type ImageFormProps } from "../../../forms/ImageForm.js";
-import type { ToolbarBaseProps } from "../../../toolbar/index.js";
-import { type BatchUploadResult, type FileUploadHandler } from "../../../utils/upload.js";
-export type ToolbarImagePopuProps = Omit<ToolbarBaseProps<never>, 'editor'> & {
+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;
-    anchorElement: HTMLElement | null;
+    anchorRef: RefObject<HTMLElement>;
 } & Pick<ImageFormProps, 'onSubmit'>;
 export declare const ToolbarImagePopup: React.FC<ToolbarImagePopuProps>;

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

@@ -1,28 +1,30 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.ToolbarImagePopup = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const react_1 = require("react");
+const tslib_1 = require("tslib");
+const react_1 = tslib_1.__importStar(require("react"));
 const uikit_1 = require("@gravity-ui/uikit");
-const ImageForm_1 = require("../../../forms/ImageForm.js");
-const forms_1 = require("../../../i18n/forms/index.js");
-const hooks_1 = require("../../../react-utils/hooks.js");
-const upload_1 = require("../../../utils/upload.js");
+const ImageForm_1 = require("../../../forms/ImageForm");
+const forms_1 = require("../../../i18n/forms");
+const hooks_1 = require("../../../react-utils/hooks");
+const toaster_1 = require("../../../react-utils/toaster");
+const upload_1 = require("../../../utils/upload");
 const placement = ['bottom-start', 'top-start', 'bottom-end', 'top-end'];
-const ToolbarImagePopup = ({ className, anchorElement, hide, onSubmit, focus, onClick, uploadImages, onSuccessUpload, }) => {
-    const toaster = (0, uikit_1.useToaster)();
+const ToolbarImagePopup = ({ className, anchorRef, hide, onSubmit, focus, onClick, uploadImages, onSuccessUpload, }) => {
+    const toaster = (0, toaster_1.useToaster)();
     const [loading, showLoading, hideLoading] = (0, hooks_1.useBooleanState)(false);
     const handleCancel = (0, react_1.useCallback)(() => {
         hide();
         focus();
     }, [focus, hide]);
-    return ((0, jsx_runtime_1.jsx)(uikit_1.Popup, { open: true, anchorElement: anchorElement, onOpenChange: handleCancel, placement: placement, className: className, children: (0, jsx_runtime_1.jsx)(ImageForm_1.ImageForm, { autoFocus: true, onAttach: uploadImages &&
+    return (react_1.default.createElement(uikit_1.Popup, { open: true, anchorRef: anchorRef, onClose: handleCancel, placement: placement, className: className },
+        react_1.default.createElement(ImageForm_1.ImageForm, { autoFocus: true, onAttach: uploadImages &&
                 ((files) => {
                     showLoading();
                     (0, upload_1.batchUploadFiles)(files, uploadImages).then((res) => {
                         hideLoading();
                         hide();
-                        onSuccessUpload?.(res);
+                        onSuccessUpload === null || onSuccessUpload === void 0 ? void 0 : onSuccessUpload(res);
                     }, (err) => {
                         hideLoading();
                         toaster.add({
@@ -36,8 +38,7 @@ const ToolbarImagePopup = ({ className, anchorElement, hide, onSubmit, focus, on
                 hide();
                 focus();
                 onSubmit(data);
-                onClick?.('addImage');
-            }, loading: loading }) }));
+                onClick === null || onClick === void 0 ? void 0 : onClick('addImage');
+            }, loading: loading })));
 };
 exports.ToolbarImagePopup = ToolbarImagePopup;
-//# sourceMappingURL=ToolbarImagePopup.js.map

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

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

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

@@ -1,13 +1,13 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.MToolbarColors = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const commands_1 = require("../../../markup/commands/index.js");
-const ToolbarColors_1 = require("../custom/ToolbarColors.js");
+const tslib_1 = require("tslib");
+const react_1 = tslib_1.__importDefault(require("react"));
+const commands_1 = require("../../../markup/commands");
+const ToolbarColors_1 = require("../custom/ToolbarColors");
 const MToolbarColors = ({ className, editor, focus, onClick, }) => {
-    return ((0, jsx_runtime_1.jsx)(ToolbarColors_1.ToolbarColors, { enable: true, exec: (color) => {
+    return (react_1.default.createElement(ToolbarColors_1.ToolbarColors, { enable: true, exec: (color) => {
             (0, commands_1.colorify)(color)(editor.cm);
         }, className: className, focus: focus, onClick: onClick }));
 };
 exports.MToolbarColors = MToolbarColors;
-//# sourceMappingURL=MToolbarColors.js.map

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

@@ -1,7 +1,8 @@
-import type { CodeEditor } from "../../../markup/editor.js";
-import type { ToolbarBaseProps } from "../../../toolbar/index.js";
-import { type ToolbarFilePopupProps } from "../custom/ToolbarFilePopup.js";
-export type MToolbarFilePopupProps = ToolbarBaseProps<CodeEditor> & Pick<ToolbarFilePopupProps, 'anchorElement'> & {
+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/cjs/bundle/toolbar/markup/MToolbarFilePopup.js

@@ -1,19 +1,22 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.MToolbarFilePopup = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const commands_1 = require("../../../markup/commands/index.js");
-const ToolbarFilePopup_1 = require("../custom/ToolbarFilePopup.js");
-const context_1 = require("./context.js");
-const MToolbarFilePopup = ({ focus, onClick, hide, anchorElement, editor, className, }) => {
+const tslib_1 = require("tslib");
+const react_1 = tslib_1.__importDefault(require("react"));
+const commands_1 = require("../../../markup/commands");
+const ToolbarFilePopup_1 = require("../custom/ToolbarFilePopup");
+const context_1 = require("./context");
+const MToolbarFilePopup = ({ focus, onClick, hide, anchorRef, editor, className, }) => {
     const { uploadHandler } = (0, context_1.useMarkupToolbarContext)();
-    return ((0, jsx_runtime_1.jsx)(ToolbarFilePopup_1.ToolbarFilePopup, { hide: hide, focus: focus, onClick: onClick, anchorElement: anchorElement, className: className, onSubmit: (fileParams) => (0, commands_1.insertFiles)([fileParams])(editor.cm), uploadHandler: uploadHandler, onSuccessUpload: (res) => {
-            (0, commands_1.insertFiles)(res.success.map(({ result, file }) => ({
-                src: result.url,
-                name: result.name ?? file.name,
-                type: result.type ?? file.type,
-            })))(editor.cm);
+    return (react_1.default.createElement(ToolbarFilePopup_1.ToolbarFilePopup, { hide: hide, focus: focus, onClick: onClick, anchorRef: anchorRef, className: className, onSubmit: (fileParams) => (0, commands_1.insertFiles)([fileParams])(editor.cm), uploadHandler: uploadHandler, onSuccessUpload: (res) => {
+            (0, commands_1.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);
         } }));
 };
 exports.MToolbarFilePopup = MToolbarFilePopup;
-//# sourceMappingURL=MToolbarFilePopup.js.map

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

@@ -1,7 +1,8 @@
-import type { CodeEditor } from "../../../markup/editor.js";
-import type { ToolbarBaseProps } from "../../../toolbar/index.js";
-import { type ToolbarImagePopuProps } from "../custom/ToolbarImagePopup.js";
-export type MToolbarImagePopupProps = ToolbarBaseProps<CodeEditor> & Pick<ToolbarImagePopuProps, 'anchorElement'> & {
+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/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 jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = tslib_1.__importDefault(require("react"));
 const is_number_1 = tslib_1.__importDefault(require("is-number"));
-const markup_1 = require("../../../markup/index.js");
-const ToolbarImagePopup_1 = require("../custom/ToolbarImagePopup.js");
-const context_1 = require("./context.js");
+const markup_1 = require("../../../markup");
+const ToolbarImagePopup_1 = require("../custom/ToolbarImagePopup");
+const context_1 = require("./context");
 const noop = (err) => {
     console.error(err);
 };
-const MToolbarImagePopup = ({ focus, onClick, hide, anchorElement, editor, className, }) => {
+const MToolbarImagePopup = ({ focus, onClick, hide, anchorRef, editor, className, }) => {
     const { uploadHandler, needToSetDimensionsForUploadedImages } = (0, context_1.useMarkupToolbarContext)();
-    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 }) => {
+    return (react_1.default.createElement(ToolbarImagePopup_1.ToolbarImagePopup, { hide: hide, anchorRef: anchorRef, focus: focus, onClick: onClick, className: className, onSubmit: ({ url, name, alt, width, height }) => {
             (0, markup_1.insertImages)([
                 {
                     url,
@@ -31,7 +31,8 @@ exports.MToolbarImagePopup = MToolbarImagePopup;
 async function toImageItems(items, withDimensions) {
     const imgItems = [];
     await Promise.all(items.map(({ result, file }) => {
-        const imgItem = { url: result.url, alt: result.name ?? file.name };
+        var _a;
+        const imgItem = { url: result.url, alt: (_a = result.name) !== null && _a !== void 0 ? _a : file.name };
         imgItems.push(imgItem);
         if (withDimensions) {
             return (0, markup_1.getImageDimensions)(file).then(({ height }) => {
@@ -42,4 +43,3 @@ async function toImageItems(items, withDimensions) {
     }));
     return imgItems;
 }
-//# sourceMappingURL=MToolbarImagePopup.js.map

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

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

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

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

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

@@ -1,21 +1,21 @@
-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>;
+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>;

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

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

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

@@ -1,2 +1,2 @@
-import type { MToolbarData, MToolbarItemData, WToolbarData, WToolbarItemData } from "../types.js";
+import type { MToolbarData, MToolbarItemData, WToolbarData, WToolbarItemData } from '../types';
 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.js");
+const types_1 = require("../types");
 const flattenPreset = (config) => {
     return config.flat().reduce((acc, item) => {
         if (item.type === types_1.ToolbarDataType.ListButton && Array.isArray(item.data)) {
@@ -12,4 +12,3 @@ const flattenPreset = (config) => {
     }, []);
 };
 exports.flattenPreset = flattenPreset;
-//# sourceMappingURL=flattenPreset.js.map

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

@@ -1,8 +1,8 @@
-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;
+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;
 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.js").WToolbarItemData[];
-    markupHiddenActionsConfig: import("../types.js").MToolbarItemData[];
+    wysiwygHiddenActionsConfig: import("../types").WToolbarItemData[];
+    markupHiddenActionsConfig: import("../types").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.js");
-const presets_1 = require("../../../modules/toolbars/presets.js");
-const types_1 = require("../types.js");
-const flattenPreset_1 = require("./flattenPreset.js");
+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 defaultPresets = {
     zero: presets_1.zero,
     commonmark: presets_1.commonmark,
@@ -13,59 +13,44 @@ 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 {
-        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 }),
-    };
+    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, doNotActivateList: item.view.doNotActivateList }, (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)));
 };
 const createToolbarConfig = (editorType, toolbarPreset, toolbarName) => {
+    var _a;
     const preset = typeof toolbarPreset === 'string'
         ? defaultPresets[toolbarPreset] || defaultPresets.default
         : toolbarPreset;
-    const orders = preset.orders[toolbarName] ?? [[]];
+    const orders = (_a = preset.orders[toolbarName]) !== null && _a !== void 0 ? _a : [[]];
     const { items } = preset;
     const toolbarData = orders.map((group) => group.map((action) => {
         return typeof action === 'string'
             ? transformItem(editorType, items[action], action)
-            : {
-                ...transformItem(editorType, items[action.id], action.id),
-                data: action.items.map((id) => transformItem(editorType, items[id], id)),
-            };
+            : Object.assign(Object.assign({}, 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)
-        : props.wysiwygToolbarConfig ??
-            (0, exports.createToolbarConfig)('wysiwyg', preset, constants_1.ToolbarName.wysiwygMain);
+        : (_a = props.wysiwygToolbarConfig) !== null && _a !== void 0 ? _a : (0, exports.createToolbarConfig)('wysiwyg', preset, constants_1.ToolbarName.wysiwygMain);
     const markupToolbarConfig = toolbarsPreset
         ? (0, exports.createToolbarConfig)('markup', toolbarsPreset, constants_1.ToolbarName.markupMain)
-        : props.markupToolbarConfig ??
-            (0, exports.createToolbarConfig)('markup', preset, constants_1.ToolbarName.markupMain);
+        : (_b = props.markupToolbarConfig) !== null && _b !== void 0 ? _b : (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))
-        : props.wysiwygHiddenActionsConfig ??
-            (0, flattenPreset_1.flattenPreset)((0, exports.createToolbarConfig)('wysiwyg', preset, 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));
     const markupHiddenActionsConfig = toolbarsPreset
         ? (0, flattenPreset_1.flattenPreset)((0, exports.createToolbarConfig)('markup', toolbarsPreset, constants_1.ToolbarName.markupHidden))
-        : props.markupHiddenActionsConfig ??
-            (0, flattenPreset_1.flattenPreset)((0, exports.createToolbarConfig)('markup', preset, 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));
     return {
         wysiwygToolbarConfig,
         markupToolbarConfig,
@@ -74,4 +59,3 @@ const getToolbarsConfigs = ({ toolbarsPreset, props, preset }) => {
     };
 };
 exports.getToolbarsConfigs = getToolbarsConfigs;
-//# sourceMappingURL=toolbarsConfigs.js.map

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

@@ -1,5 +1,5 @@
-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'>;
+import React from 'react';
+import type { ActionStorage } from '../../../core';
+import type { ToolbarBaseProps } from '../types';
+export declare type WToolbarColorsProps = ToolbarBaseProps<ActionStorage>;
 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 jsx_runtime_1 = require("react/jsx-runtime");
-const ToolbarColors_1 = require("../custom/ToolbarColors.js");
-const WToolbarColors = ({ disablePortal, className, editor, focus, onClick, }) => {
+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 action = editor.actions.colorify;
     const currentColor = action.meta();
-    return ((0, jsx_runtime_1.jsx)(ToolbarColors_1.ToolbarColors, { active: action.isActive(), enable: action.isEnable(), currentColor: currentColor, exec: (color) => {
+    return (react_1.default.createElement(ToolbarColors_1.ToolbarColors, { active: action.isActive(), enable: action.isEnable(), currentColor: currentColor, exec: (color) => {
             action.run({ color: color === currentColor ? '' : color });
-        }, disablePortal: disablePortal, className: className, focus: focus, onClick: onClick, withDefault: true }));
+        }, className: className, focus: focus, onClick: onClick, withDefault: true }));
 };
 exports.WToolbarColors = WToolbarColors;
-//# sourceMappingURL=WToolbarColors.js.map

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

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

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

@@ -1,11 +1,12 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.WToolbarTextSelect = void 0;
-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 }));
+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 }));
 };
 exports.WToolbarTextSelect = WToolbarTextSelect;
-//# sourceMappingURL=WToolbarTextSelect.js.map