@gravity-ui/markdown-editor 14.11.2 → 14.12.1

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

@@ -1,21 +1,20 @@
-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';
+import { jsx as _jsx } from "react/jsx-runtime";
+import { cn } from "../../../classname.js";
+import { Colors } from "../../../extensions/index.js";
+import { i18n } from "../../../i18n/menubar/index.js";
+import { icons } from "../../config/icons.js";
+import { ToolbarButtonWithPopupMenu, } from "../ToolbarButtonWithPopupMenu.js";
+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 });
+        onClick?.('colorify', { color: color === '' ? 'default' : color });
     };
     const items = [
         Colors.Gray,
@@ -25,28 +24,25 @@ export const ToolbarColors = (props) => {
         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`),
-        });
-    });
+    ].map((color) => ({
+        id: color,
+        icon: textColorIcon.data,
+        iconSize: textColorIcon.size ?? 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,
+            iconSize: textColorIcon.size ?? 16,
             text: i18n(`colorify__color_default`),
             iconClassname: b('item-icon', { color: 'default' }),
             group: i18n(`colorify__group_text`),
@@ -59,5 +55,6 @@ export const ToolbarColors = (props) => {
             },
         });
     }
-    return (React.createElement(ToolbarButtonWithPopupMenu, Object.assign({}, props, { title: i18n('colorify'), menuItems: items, icon: textColorIcon, _selectionType: "light", iconClassName: b('menu-icon', { color: currentColor }), chevronIconClassName: b('chevron-icon', { color: currentColor }) })));
+    return (_jsx(ToolbarButtonWithPopupMenu, { ...props, title: i18n('colorify'), menuItems: items, icon: textColorIcon, _selectionType: "light", iconClassName: b('menu-icon', { color: currentColor }), chevronIconClassName: b('chevron-icon', { color: currentColor }) }));
 };
+//# sourceMappingURL=ToolbarColors.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ToolbarColors.js","sourceRoot":"../../../../../src","sources":["bundle/toolbar/custom/ToolbarColors.tsx"],"names":[],"mappings":"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","sourcesContent":["import {cn} from '../../../classname';\nimport {Colors} from '../../../extensions';\nimport {i18n} from '../../../i18n/menubar';\nimport {ToolbarBaseProps} from '../../../toolbar';\nimport {icons} from '../../config/icons';\nimport {\n    MenuItem,\n    ToolbarButtonWithPopupMenu,\n    type ToolbarButtonWithPopupMenuProps,\n} from '../ToolbarButtonWithPopupMenu';\n\nimport './ToolbarColors.scss';\n\nconst b = cn('toolbar-colors');\nconst textColorIcon = icons.textColor;\n\nexport type ToolbarColorsProps = Omit<ToolbarBaseProps<never>, 'editor'> &\n    Pick<ToolbarButtonWithPopupMenuProps, 'disablePortal'> & {\n        active?: boolean;\n        enable?: boolean;\n        currentColor?: string;\n        withDefault?: boolean;\n        exec(color: string): void;\n    };\n\nexport const ToolbarColors: React.FC<ToolbarColorsProps> = (props) => {\n    const {exec, onClick, enable, currentColor, withDefault} = props;\n    const isDefault = currentColor === undefined;\n\n    const onItemClick = (color: string) => () => {\n        // do not exec when current color is default and clicked to default item\n        if (!(isDefault && color === '')) exec(color);\n        onClick?.('colorify', {color: color === '' ? 'default' : color});\n    };\n\n    const items = [\n        Colors.Gray,\n        Colors.Yellow,\n        Colors.Orange,\n        Colors.Red,\n        Colors.Green,\n        Colors.Blue,\n        Colors.Violet,\n    ].map<MenuItem>((color) => ({\n        id: color,\n        icon: textColorIcon.data,\n        iconSize: textColorIcon.size ?? 16,\n        text: i18n(`colorify__color_${color}`),\n        iconClassname: b('item-icon', {color}),\n        action: {\n            run: onItemClick(color),\n            isEnable: () => Boolean(enable),\n            isActive: () => color === currentColor,\n            meta() {},\n        },\n        group: i18n(`colorify__group_text`),\n    }));\n\n    if (withDefault) {\n        items.unshift({\n            id: 'default',\n            icon: textColorIcon.data,\n            iconSize: textColorIcon.size ?? 16,\n            text: i18n(`colorify__color_default`),\n            iconClassname: b('item-icon', {color: 'default'}),\n            group: i18n(`colorify__group_text`),\n            ignoreActive: true,\n            action: {\n                run: onItemClick(''),\n                isEnable: () => Boolean(enable),\n                isActive: () => isDefault,\n                meta() {},\n            },\n        });\n    }\n\n    return (\n        <ToolbarButtonWithPopupMenu\n            {...props}\n            title={i18n('colorify')}\n            menuItems={items}\n            icon={textColorIcon}\n            _selectionType=\"light\"\n            iconClassName={b('menu-icon', {color: currentColor})}\n            chevronIconClassName={b('chevron-icon', {color: currentColor})}\n        />\n    );\n};\n"]}

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

@@ -1,10 +1,9 @@
-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'> & {
+import { FileFormProps } from "../../../forms/FileForm.js";
+import type { ToolbarBaseProps } from "../../../toolbar/index.js";
+import { BatchUploadResult, FileUploadHandler } from "../../../utils/upload.js";
+export type ToolbarFilePopupProps = Omit<ToolbarBaseProps<never>, 'editor'> & {
     hide: () => void;
-    anchorRef: RefObject<HTMLElement>;
+    anchorElement: HTMLElement | null;
     uploadHandler?: FileUploadHandler;
     onSuccessUpload?: (result: BatchUploadResult) => void;
 } & Pick<FileFormProps, 'onSubmit'>;

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

@@ -1,26 +1,25 @@
-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';
+import { jsx as _jsx } from "react/jsx-runtime";
+import { useCallback } from 'react';
+import { Popup, useToaster } from '@gravity-ui/uikit';
+import { FileForm } from "../../../forms/FileForm.js";
+import { i18n } from "../../../i18n/forms/index.js";
+import { useBooleanState } from "../../../react-utils/hooks.js";
+import { batchUploadFiles } from "../../../utils/upload.js";
 const placement = ['bottom-start', 'top-start', 'bottom-end', 'top-end'];
-export const ToolbarFilePopup = ({ className, hide, anchorRef, onSubmit, focus, onClick, uploadHandler, onSuccessUpload, }) => {
+export const ToolbarFilePopup = ({ className, hide, anchorElement, 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 &&
+    return (_jsx(Popup, { open: true, modal: true, onOpenChange: handleCancel, anchorElement: anchorElement, placement: placement, className: className, children: _jsx(FileForm, { autoFocus: true, onAttach: uploadHandler &&
                 ((files) => {
                     showLoading();
                     batchUploadFiles(files, uploadHandler).then((res) => {
                         hideLoading();
                         hide();
-                        onSuccessUpload === null || onSuccessUpload === void 0 ? void 0 : onSuccessUpload(res);
+                        onSuccessUpload?.(res);
                     }, (error) => {
                         hideLoading();
                         toaster.add({
@@ -34,6 +33,7 @@ export const ToolbarFilePopup = ({ className, hide, anchorRef, onSubmit, focus,
                 hide();
                 focus();
                 onSubmit(data);
-                onClick === null || onClick === void 0 ? void 0 : onClick('addFile');
-            }, loading: loading })));
+                onClick?.('addFile');
+            }, loading: loading }) }));
 };
+//# sourceMappingURL=ToolbarFilePopup.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ToolbarFilePopup.js","sourceRoot":"../../../../../src","sources":["bundle/toolbar/custom/ToolbarFilePopup.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAC,WAAW,EAAC,MAAM,OAAO,CAAC;AAElC,OAAO,EAAC,KAAK,EAAuB,UAAU,EAAC,MAAM,mBAAmB,CAAC;AAEzE,OAAO,EAAC,QAAQ,EAAgB,mCAAgC;AAChE,OAAO,EAAC,IAAI,EAAC,qCAA4B;AACzC,OAAO,EAAC,eAAe,EAAC,sCAAmC;AAE3D,OAAO,EAAuC,gBAAgB,EAAC,iCAA8B;AAE7F,MAAM,SAAS,GAAmB,CAAC,cAAc,EAAE,WAAW,EAAE,YAAY,EAAE,SAAS,CAAC,CAAC;AAUzF,MAAM,CAAC,MAAM,gBAAgB,GAAoC,CAAC,EAC9D,SAAS,EACT,IAAI,EACJ,aAAa,EAEb,QAAQ,EACR,KAAK,EACL,OAAO,EACP,aAAa,EACb,eAAe,GAClB,EAAE,EAAE;IACD,MAAM,OAAO,GAAG,UAAU,EAAE,CAAC;IAC7B,MAAM,CAAC,OAAO,EAAE,WAAW,EAAE,WAAW,CAAC,GAAG,eAAe,CAAC,KAAK,CAAC,CAAC;IAEnE,MAAM,YAAY,GAAG,WAAW,CAAC,GAAG,EAAE;QAClC,IAAI,EAAE,CAAC;QACP,KAAK,EAAE,CAAC;IACZ,CAAC,EAAE,CAAC,KAAK,EAAE,IAAI,CAAC,CAAC,CAAC;IAElB,OAAO,CACH,KAAC,KAAK,IACF,IAAI,QACJ,KAAK,QACL,YAAY,EAAE,YAAY,EAC1B,aAAa,EAAE,aAAa,EAC5B,SAAS,EAAE,SAAS,EACpB,SAAS,EAAE,SAAS,YAEpB,KAAC,QAAQ,IACL,SAAS,QACT,QAAQ,EACJ,aAAa;gBACb,CAAC,CAAC,KAAK,EAAE,EAAE;oBACP,WAAW,EAAE,CAAC;oBACd,gBAAgB,CAAC,KAAK,EAAE,aAAa,CAAC,CAAC,IAAI,CACvC,CAAC,GAAG,EAAE,EAAE;wBACJ,WAAW,EAAE,CAAC;wBACd,IAAI,EAAE,CAAC;wBACP,eAAe,EAAE,CAAC,GAAG,CAAC,CAAC;oBAC3B,CAAC,EACD,CAAC,KAAK,EAAE,EAAE;wBACN,WAAW,EAAE,CAAC;wBACd,OAAO,CAAC,GAAG,CAAC;4BACR,KAAK,EAAE,QAAQ;4BACf,IAAI,EAAE,qBAAqB;4BAC3B,KAAK,EAAE,IAAI,CAAC,oBAAoB,CAAC;4BACjC,OAAO,EAAE,MAAM,CAAC,KAAK,CAAC;yBACzB,CAAC,CAAC;oBACP,CAAC,CACJ,CAAC;gBACN,CAAC,CAAC,EAEN,QAAQ,EAAE,YAAY,EACtB,QAAQ,EAAE,CAAC,IAAI,EAAE,EAAE;gBACf,IAAI,EAAE,CAAC;gBACP,KAAK,EAAE,CAAC;gBACR,QAAQ,CAAC,IAAI,CAAC,CAAC;gBACf,OAAO,EAAE,CAAC,SAAS,CAAC,CAAC;YACzB,CAAC,EACD,OAAO,EAAE,OAAO,GAClB,GACE,CACX,CAAC;AACN,CAAC,CAAC","sourcesContent":["import {useCallback} from 'react';\n\nimport {Popup, type PopupPlacement, useToaster} from '@gravity-ui/uikit';\n\nimport {FileForm, FileFormProps} from '../../../forms/FileForm';\nimport {i18n} from '../../../i18n/forms';\nimport {useBooleanState} from '../../../react-utils/hooks';\nimport type {ToolbarBaseProps} from '../../../toolbar';\nimport {BatchUploadResult, FileUploadHandler, batchUploadFiles} from '../../../utils/upload';\n\nconst placement: PopupPlacement = ['bottom-start', 'top-start', 'bottom-end', 'top-end'];\n\nexport type ToolbarFilePopupProps = Omit<ToolbarBaseProps<never>, 'editor'> & {\n    hide: () => void;\n    anchorElement: HTMLElement | null;\n\n    uploadHandler?: FileUploadHandler;\n    onSuccessUpload?: (result: BatchUploadResult) => void;\n} & Pick<FileFormProps, 'onSubmit'>;\n\nexport const ToolbarFilePopup: React.FC<ToolbarFilePopupProps> = ({\n    className,\n    hide,\n    anchorElement,\n\n    onSubmit,\n    focus,\n    onClick,\n    uploadHandler,\n    onSuccessUpload,\n}) => {\n    const toaster = useToaster();\n    const [loading, showLoading, hideLoading] = useBooleanState(false);\n\n    const handleCancel = useCallback(() => {\n        hide();\n        focus();\n    }, [focus, hide]);\n\n    return (\n        <Popup\n            open\n            modal\n            onOpenChange={handleCancel}\n            anchorElement={anchorElement}\n            placement={placement}\n            className={className}\n        >\n            <FileForm\n                autoFocus\n                onAttach={\n                    uploadHandler &&\n                    ((files) => {\n                        showLoading();\n                        batchUploadFiles(files, uploadHandler).then(\n                            (res) => {\n                                hideLoading();\n                                hide();\n                                onSuccessUpload?.(res);\n                            },\n                            (error) => {\n                                hideLoading();\n                                toaster.add({\n                                    theme: 'danger',\n                                    name: 'toolbar_file_upload',\n                                    title: i18n('file_upload_failed'),\n                                    content: String(error),\n                                });\n                            },\n                        );\n                    })\n                }\n                onCancel={handleCancel}\n                onSubmit={(data) => {\n                    hide();\n                    focus();\n                    onSubmit(data);\n                    onClick?.('addFile');\n                }}\n                loading={loading}\n            />\n        </Popup>\n    );\n};\n"]}

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

@@ -1,11 +1,10 @@
-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'> & {
+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'> & {
     uploadImages?: FileUploadHandler;
     onSuccessUpload?: (res: BatchUploadResult) => void;
     hide: () => void;
-    anchorRef: RefObject<HTMLElement>;
+    anchorElement: HTMLElement | null;
 } & Pick<ImageFormProps, 'onSubmit'>;
 export declare const ToolbarImagePopup: React.FC<ToolbarImagePopuProps>;

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

@@ -1,26 +1,25 @@
-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';
+import { jsx as _jsx } from "react/jsx-runtime";
+import { useCallback } from 'react';
+import { Popup, useToaster } from '@gravity-ui/uikit';
+import { ImageForm } from "../../../forms/ImageForm.js";
+import { i18n } from "../../../i18n/forms/index.js";
+import { useBooleanState } from "../../../react-utils/hooks.js";
+import { batchUploadFiles, } from "../../../utils/upload.js";
 const placement = ['bottom-start', 'top-start', 'bottom-end', 'top-end'];
-export const ToolbarImagePopup = ({ className, anchorRef, hide, onSubmit, focus, onClick, uploadImages, onSuccessUpload, }) => {
+export const ToolbarImagePopup = ({ className, anchorElement, 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 &&
+    return (_jsx(Popup, { open: true, anchorElement: anchorElement, onOpenChange: handleCancel, placement: placement, className: className, children: _jsx(ImageForm, { autoFocus: true, onAttach: uploadImages &&
                 ((files) => {
                     showLoading();
                     batchUploadFiles(files, uploadImages).then((res) => {
                         hideLoading();
                         hide();
-                        onSuccessUpload === null || onSuccessUpload === void 0 ? void 0 : onSuccessUpload(res);
+                        onSuccessUpload?.(res);
                     }, (err) => {
                         hideLoading();
                         toaster.add({
@@ -34,6 +33,7 @@ export const ToolbarImagePopup = ({ className, anchorRef, hide, onSubmit, focus,
                 hide();
                 focus();
                 onSubmit(data);
-                onClick === null || onClick === void 0 ? void 0 : onClick('addImage');
-            }, loading: loading })));
+                onClick?.('addImage');
+            }, loading: loading }) }));
 };
+//# sourceMappingURL=ToolbarImagePopup.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ToolbarImagePopup.js","sourceRoot":"../../../../../src","sources":["bundle/toolbar/custom/ToolbarImagePopup.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAC,WAAW,EAAC,MAAM,OAAO,CAAC;AAElC,OAAO,EAAC,KAAK,EAAuB,UAAU,EAAC,MAAM,mBAAmB,CAAC;AAEzE,OAAO,EAAC,SAAS,EAAsB,oCAAiC;AACxE,OAAO,EAAC,IAAI,EAAC,qCAA4B;AACzC,OAAO,EAAC,eAAe,EAAC,sCAAmC;AAE3D,OAAO,EAGH,gBAAgB,GACnB,iCAA8B;AAE/B,MAAM,SAAS,GAAmB,CAAC,cAAc,EAAE,WAAW,EAAE,YAAY,EAAE,SAAS,CAAC,CAAC;AASzF,MAAM,CAAC,MAAM,iBAAiB,GAAoC,CAAC,EAC/D,SAAS,EACT,aAAa,EACb,IAAI,EACJ,QAAQ,EACR,KAAK,EACL,OAAO,EACP,YAAY,EACZ,eAAe,GAClB,EAAE,EAAE;IACD,MAAM,OAAO,GAAG,UAAU,EAAE,CAAC;IAC7B,MAAM,CAAC,OAAO,EAAE,WAAW,EAAE,WAAW,CAAC,GAAG,eAAe,CAAC,KAAK,CAAC,CAAC;IAEnE,MAAM,YAAY,GAAG,WAAW,CAAC,GAAG,EAAE;QAClC,IAAI,EAAE,CAAC;QACP,KAAK,EAAE,CAAC;IACZ,CAAC,EAAE,CAAC,KAAK,EAAE,IAAI,CAAC,CAAC,CAAC;IAElB,OAAO,CACH,KAAC,KAAK,IACF,IAAI,QACJ,aAAa,EAAE,aAAa,EAC5B,YAAY,EAAE,YAAY,EAC1B,SAAS,EAAE,SAAS,EACpB,SAAS,EAAE,SAAS,YAEpB,KAAC,SAAS,IACN,SAAS,QACT,QAAQ,EACJ,YAAY;gBACZ,CAAC,CAAC,KAAK,EAAE,EAAE;oBACP,WAAW,EAAE,CAAC;oBACd,gBAAgB,CAAC,KAAK,EAAE,YAAY,CAAC,CAAC,IAAI,CACtC,CAAC,GAAG,EAAE,EAAE;wBACJ,WAAW,EAAE,CAAC;wBACd,IAAI,EAAE,CAAC;wBACP,eAAe,EAAE,CAAC,GAAG,CAAC,CAAC;oBAC3B,CAAC,EACD,CAAC,GAAG,EAAE,EAAE;wBACJ,WAAW,EAAE,CAAC;wBACd,OAAO,CAAC,GAAG,CAAC;4BACR,KAAK,EAAE,QAAQ;4BACf,IAAI,EAAE,sBAAsB;4BAC5B,KAAK,EAAE,IAAI,CAAC,qBAAqB,CAAC;4BAClC,OAAO,EAAE,MAAM,CAAC,GAAG,CAAC;yBACvB,CAAC,CAAC;oBACP,CAAC,CACJ,CAAC;gBACN,CAAC,CAAC,EAEN,QAAQ,EAAE,YAAY,EACtB,QAAQ,EAAE,CAAC,IAAI,EAAE,EAAE;gBACf,IAAI,EAAE,CAAC;gBACP,KAAK,EAAE,CAAC;gBACR,QAAQ,CAAC,IAAI,CAAC,CAAC;gBACf,OAAO,EAAE,CAAC,UAAU,CAAC,CAAC;YAC1B,CAAC,EACD,OAAO,EAAE,OAAO,GAClB,GACE,CACX,CAAC;AACN,CAAC,CAAC","sourcesContent":["import {useCallback} from 'react';\n\nimport {Popup, type PopupPlacement, useToaster} from '@gravity-ui/uikit';\n\nimport {ImageForm, type ImageFormProps} from '../../../forms/ImageForm';\nimport {i18n} from '../../../i18n/forms';\nimport {useBooleanState} from '../../../react-utils/hooks';\nimport type {ToolbarBaseProps} from '../../../toolbar';\nimport {\n    type BatchUploadResult,\n    type FileUploadHandler,\n    batchUploadFiles,\n} from '../../../utils/upload';\n\nconst placement: PopupPlacement = ['bottom-start', 'top-start', 'bottom-end', 'top-end'];\n\nexport type ToolbarImagePopuProps = Omit<ToolbarBaseProps<never>, 'editor'> & {\n    uploadImages?: FileUploadHandler;\n    onSuccessUpload?: (res: BatchUploadResult) => void;\n    hide: () => void;\n    anchorElement: HTMLElement | null;\n} & Pick<ImageFormProps, 'onSubmit'>;\n\nexport const ToolbarImagePopup: React.FC<ToolbarImagePopuProps> = ({\n    className,\n    anchorElement,\n    hide,\n    onSubmit,\n    focus,\n    onClick,\n    uploadImages,\n    onSuccessUpload,\n}) => {\n    const toaster = useToaster();\n    const [loading, showLoading, hideLoading] = useBooleanState(false);\n\n    const handleCancel = useCallback(() => {\n        hide();\n        focus();\n    }, [focus, hide]);\n\n    return (\n        <Popup\n            open\n            anchorElement={anchorElement}\n            onOpenChange={handleCancel}\n            placement={placement}\n            className={className}\n        >\n            <ImageForm\n                autoFocus\n                onAttach={\n                    uploadImages &&\n                    ((files) => {\n                        showLoading();\n                        batchUploadFiles(files, uploadImages).then(\n                            (res) => {\n                                hideLoading();\n                                hide();\n                                onSuccessUpload?.(res);\n                            },\n                            (err) => {\n                                hideLoading();\n                                toaster.add({\n                                    theme: 'danger',\n                                    name: 'toolbar_image_upload',\n                                    title: i18n('image_upload_failed'),\n                                    content: String(err),\n                                });\n                            },\n                        );\n                    })\n                }\n                onCancel={handleCancel}\n                onSubmit={(data) => {\n                    hide();\n                    focus();\n                    onSubmit(data);\n                    onClick?.('addImage');\n                }}\n                loading={loading}\n            />\n        </Popup>\n    );\n};\n"]}

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

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

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

@@ -1,8 +1,9 @@
-import React from 'react';
-import { colorify } from '../../../markup/commands';
-import { ToolbarColors } from '../custom/ToolbarColors';
+import { jsx as _jsx } from "react/jsx-runtime";
+import { colorify } from "../../../markup/commands/index.js";
+import { ToolbarColors } from "../custom/ToolbarColors.js";
 export const MToolbarColors = ({ className, editor, focus, onClick, }) => {
-    return (React.createElement(ToolbarColors, { enable: true, exec: (color) => {
+    return (_jsx(ToolbarColors, { enable: true, exec: (color) => {
             colorify(color)(editor.cm);
         }, className: className, focus: focus, onClick: onClick }));
 };
+//# sourceMappingURL=MToolbarColors.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"MToolbarColors.js","sourceRoot":"../../../../../src","sources":["bundle/toolbar/markup/MToolbarColors.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAC,QAAQ,EAAC,0CAAiC;AAElD,OAAO,EAAC,aAAa,EAAC,mCAAgC;AAKtD,MAAM,CAAC,MAAM,cAAc,GAAkC,CAAC,EAC1D,SAAS,EACT,MAAM,EACN,KAAK,EACL,OAAO,GACV,EAAE,EAAE;IACD,OAAO,CACH,KAAC,aAAa,IACV,MAAM,QACN,IAAI,EAAE,CAAC,KAAK,EAAE,EAAE;YACZ,QAAQ,CAAC,KAAK,CAAC,CAAC,MAAM,CAAC,EAAE,CAAC,CAAC;QAC/B,CAAC,EACD,SAAS,EAAE,SAAS,EACpB,KAAK,EAAE,KAAK,EACZ,OAAO,EAAE,OAAO,GAClB,CACL,CAAC;AACN,CAAC,CAAC","sourcesContent":["import {colorify} from '../../../markup/commands';\nimport type {CodeEditor} from '../../../markup/editor';\nimport {ToolbarColors} from '../custom/ToolbarColors';\nimport type {ToolbarBaseProps} from '../types';\n\nexport type MToolbarColorsProps = ToolbarBaseProps<CodeEditor>;\n\nexport const MToolbarColors: React.FC<MToolbarColorsProps> = ({\n    className,\n    editor,\n    focus,\n    onClick,\n}) => {\n    return (\n        <ToolbarColors\n            enable\n            exec={(color) => {\n                colorify(color)(editor.cm);\n            }}\n            className={className}\n            focus={focus}\n            onClick={onClick}\n        />\n    );\n};\n"]}

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

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

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

@@ -1,17 +1,15 @@
-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, }) => {
+import { jsx as _jsx } from "react/jsx-runtime";
+import { insertFiles } from "../../../markup/commands/index.js";
+import { ToolbarFilePopup } from "../custom/ToolbarFilePopup.js";
+import { useMarkupToolbarContext } from "./context.js";
+export const MToolbarFilePopup = ({ focus, onClick, hide, anchorElement, 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);
+    return (_jsx(ToolbarFilePopup, { hide: hide, focus: focus, onClick: onClick, anchorElement: anchorElement, className: className, onSubmit: (fileParams) => insertFiles([fileParams])(editor.cm), uploadHandler: uploadHandler, onSuccessUpload: (res) => {
+            insertFiles(res.success.map(({ result, file }) => ({
+                src: result.url,
+                name: result.name ?? file.name,
+                type: result.type ?? file.type,
+            })))(editor.cm);
         } }));
 };
+//# sourceMappingURL=MToolbarFilePopup.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"MToolbarFilePopup.js","sourceRoot":"../../../../../src","sources":["bundle/toolbar/markup/MToolbarFilePopup.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAgB,WAAW,EAAC,0CAAiC;AAGpE,OAAO,EAAC,gBAAgB,EAA6B,sCAAmC;AAExF,OAAO,EAAC,uBAAuB,EAAC,qBAAkB;AAOlD,MAAM,CAAC,MAAM,iBAAiB,GAAqC,CAAC,EAChE,KAAK,EACL,OAAO,EACP,IAAI,EACJ,aAAa,EACb,MAAM,EACN,SAAS,GACZ,EAAE,EAAE;IACD,MAAM,EAAC,aAAa,EAAC,GAAG,uBAAuB,EAAE,CAAC;IAElD,OAAO,CACH,KAAC,gBAAgB,IACb,IAAI,EAAE,IAAI,EACV,KAAK,EAAE,KAAK,EACZ,OAAO,EAAE,OAAO,EAChB,aAAa,EAAE,aAAa,EAC5B,SAAS,EAAE,SAAS,EACpB,QAAQ,EAAE,CAAC,UAAU,EAAE,EAAE,CAAC,WAAW,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,MAAM,CAAC,EAAE,CAAC,EAC9D,aAAa,EAAE,aAAa,EAC5B,eAAe,EAAE,CAAC,GAAG,EAAE,EAAE;YACrB,WAAW,CACP,GAAG,CAAC,OAAO,CAAC,GAAG,CAAW,CAAC,EAAC,MAAM,EAAE,IAAI,EAAC,EAAE,EAAE,CAAC,CAAC;gBAC3C,GAAG,EAAE,MAAM,CAAC,GAAG;gBACf,IAAI,EAAE,MAAM,CAAC,IAAI,IAAI,IAAI,CAAC,IAAI;gBAC9B,IAAI,EAAE,MAAM,CAAC,IAAI,IAAI,IAAI,CAAC,IAAI;aACjC,CAAC,CAAC,CACN,CAAC,MAAM,CAAC,EAAE,CAAC,CAAC;QACjB,CAAC,GACH,CACL,CAAC;AACN,CAAC,CAAC","sourcesContent":["import {type FileItem, insertFiles} from '../../../markup/commands';\nimport type {CodeEditor} from '../../../markup/editor';\nimport type {ToolbarBaseProps} from '../../../toolbar';\nimport {ToolbarFilePopup, type ToolbarFilePopupProps} from '../custom/ToolbarFilePopup';\n\nimport {useMarkupToolbarContext} from './context';\n\nexport type MToolbarFilePopupProps = ToolbarBaseProps<CodeEditor> &\n    Pick<ToolbarFilePopupProps, 'anchorElement'> & {\n        hide: () => void;\n    };\n\nexport const MToolbarFilePopup: React.FC<MToolbarFilePopupProps> = ({\n    focus,\n    onClick,\n    hide,\n    anchorElement,\n    editor,\n    className,\n}) => {\n    const {uploadHandler} = useMarkupToolbarContext();\n\n    return (\n        <ToolbarFilePopup\n            hide={hide}\n            focus={focus}\n            onClick={onClick}\n            anchorElement={anchorElement}\n            className={className}\n            onSubmit={(fileParams) => insertFiles([fileParams])(editor.cm)}\n            uploadHandler={uploadHandler}\n            onSuccessUpload={(res) => {\n                insertFiles(\n                    res.success.map<FileItem>(({result, file}) => ({\n                        src: result.url,\n                        name: result.name ?? file.name,\n                        type: result.type ?? file.type,\n                    })),\n                )(editor.cm);\n            }}\n        />\n    );\n};\n"]}

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

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

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

@@ -1,14 +1,14 @@
-import React from 'react';
+import { jsx as _jsx } from "react/jsx-runtime";
 import isNumber from 'is-number';
-import { IMG_MAX_HEIGHT, getImageDimensions, insertImages } from '../../../markup';
-import { ToolbarImagePopup } from '../custom/ToolbarImagePopup';
-import { useMarkupToolbarContext } from './context';
+import { IMG_MAX_HEIGHT, getImageDimensions, insertImages } from "../../../markup/index.js";
+import { ToolbarImagePopup } from "../custom/ToolbarImagePopup.js";
+import { useMarkupToolbarContext } from "./context.js";
 const noop = (err) => {
     console.error(err);
 };
-export const MToolbarImagePopup = ({ focus, onClick, hide, anchorRef, editor, className, }) => {
+export const MToolbarImagePopup = ({ focus, onClick, hide, anchorElement, 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 }) => {
+    return (_jsx(ToolbarImagePopup, { hide: hide, anchorElement: anchorElement, focus: focus, onClick: onClick, className: className, onSubmit: ({ url, name, alt, width, height }) => {
             insertImages([
                 {
                     url,
@@ -26,8 +26,7 @@ export const MToolbarImagePopup = ({ focus, onClick, hide, anchorRef, editor, cl
 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 getImageDimensions(file).then(({ height }) => {
@@ -38,3 +37,4 @@ async function toImageItems(items, withDimensions) {
     }));
     return imgItems;
 }
+//# sourceMappingURL=MToolbarImagePopup.js.map

package/build/esm/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,OAAO,QAAQ,MAAM,WAAW,CAAC;AAEjC,OAAO,EAAC,cAAc,EAAkB,kBAAkB,EAAE,YAAY,EAAC,iCAAwB;AAIjG,OAAO,EAA6B,iBAAiB,EAAC,uCAAoC;AAE1F,OAAO,EAAC,uBAAuB,EAAC,qBAAkB;AAElD,MAAM,IAAI,GAAG,CAAC,GAAY,EAAE,EAAE;IAC1B,OAAO,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC;AACvB,CAAC,CAAC;AAOF,MAAM,CAAC,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,uBAAuB,EAAE,CAAC;IAExF,OAAO,CACH,KAAC,iBAAiB,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,YAAY,CAAC;gBACT;oBACI,GAAG;oBACH,GAAG;oBACH,KAAK,EAAE,IAAI;oBACX,KAAK,EAAE,QAAQ,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,EAAE;oBAC3C,MAAM,EAAE,QAAQ,CAAC,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,YAAY,CAAC,MAAM,CAAC,CAAC,MAAM,CAAC,EAAE,CAAC,CAAC;QACpC,CAAC,GACH,CACL,CAAC;AACN,CAAC,CAAC;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,kBAAkB,CAAC,IAAI,CAAC,CAAC,IAAI,CAAC,CAAC,EAAC,MAAM,EAAC,EAAE,EAAE;gBAC9C,OAAO,CAAC,MAAM,GAAG,MAAM,CAAC,IAAI,CAAC,GAAG,CAAC,MAAM,EAAE,cAAc,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/esm/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/esm/bundle/toolbar/markup/context.js

@@ -5,3 +5,4 @@ export const MarkupToolbarContextProvider = MarkupToolbarContext.Provider;
 export function useMarkupToolbarContext() {
     return useContext(MarkupToolbarContext);
 }
+//# sourceMappingURL=context.js.map

package/build/esm/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,OAAO,EAAC,aAAa,EAAE,UAAU,EAAC,MAAM,OAAO,CAAC;AAShD,MAAM,YAAY,GAA8B,EAAE,CAAC;AACnD,MAAM,oBAAoB,GAAG,aAAa,CAAC,YAAY,CAAC,CAAC;AAEzD,MAAM,CAAC,MAAM,4BAA4B,GAAG,oBAAoB,CAAC,QAAQ,CAAC;AAC1E,MAAM,UAAU,uBAAuB;IACnC,OAAO,UAAU,CAAC,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/esm/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/esm/bundle/toolbar/types.js

@@ -1 +1,2 @@
-export * from '../../toolbar/types';
+export * from "../../toolbar/types.js";
+//# sourceMappingURL=types.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"types.js","sourceRoot":"../../../../src","sources":["bundle/toolbar/types.ts"],"names":[],"mappings":"AAeA,uCAAoC","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/esm/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/esm/bundle/toolbar/utils/flattenPreset.js

@@ -1,4 +1,4 @@
-import { ToolbarDataType } from '../types';
+import { ToolbarDataType } from "../types.js";
 export const flattenPreset = (config) => {
     return config.flat().reduce((acc, item) => {
         if (item.type === ToolbarDataType.ListButton && Array.isArray(item.data)) {
@@ -8,3 +8,4 @@ export const flattenPreset = (config) => {
         return acc;
     }, []);
 };
+//# sourceMappingURL=flattenPreset.js.map

package/build/esm/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,OAAO,EAAC,eAAe,EAAC,oBAAiB;AAEzC,MAAM,CAAC,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,eAAe,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","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/esm/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 {};