@gravity-ui/markdown-editor 14.12.3 → 15.0.0

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

@@ -1,24 +1,25 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.ToolbarButtonWithPopupMenu = void 0;
-const tslib_1 = require("tslib");
-const react_1 = tslib_1.__importDefault(require("react"));
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = require("react");
 const icons_1 = require("@gravity-ui/icons");
 const uikit_1 = require("@gravity-ui/uikit");
-const classname_1 = require("../../classname");
-const lodash_1 = require("../../lodash");
-const hooks_1 = require("../../react-utils/hooks");
-const toolbar_1 = require("../../toolbar");
+const classname_1 = require("../../classname.js");
+const lodash_1 = require("../../lodash.js");
+const hooks_1 = require("../../react-utils/hooks.js");
+const toolbar_1 = require("../../toolbar/index.js");
+require("./ToolbarButtonWithPopupMenu.css");
 const b = (0, classname_1.cn)('toolbar-button-with-popup-menu');
-const ToolbarButtonWithPopupMenu = ({ className, focus, onClick, icon, iconClassName, chevronIconClassName, title, menuItems, _selectionType, }) => {
-    const buttonRef = react_1.default.useRef(null);
+const ToolbarButtonWithPopupMenu = ({ disablePortal, className, focus, onClick, icon, iconClassName, chevronIconClassName, title, menuItems, _selectionType, }) => {
+    const [anchorElement, setAnchorElement] = (0, hooks_1.useElementState)();
     const [open, , hide, toggleOpen] = (0, hooks_1.useBooleanState)(false);
-    const groups = react_1.default.useMemo(() => (0, lodash_1.groupBy)(menuItems.map((i) => (Object.assign(Object.assign({}, i), { group: i.group || '' }))), 'group'), [menuItems]);
+    const groups = (0, react_1.useMemo)(() => (0, lodash_1.groupBy)(menuItems.map((i) => ({ ...i, group: i.group || '' })), 'group'), [menuItems]);
     const someActive = menuItems.some((item) => !item.ignoreActive && item.action.isActive() === true);
     const everyDisabled = menuItems.every((item) => item.action.isEnable() === false);
     const popupOpen = everyDisabled ? false : open;
     const shouldForceHide = open && !popupOpen;
-    react_1.default.useEffect(() => {
+    (0, react_1.useEffect)(() => {
         if (shouldForceHide) {
             hide();
         }
@@ -29,20 +30,17 @@ const ToolbarButtonWithPopupMenu = ({ className, focus, onClick, icon, iconClass
             popupOpen && someActive,
         ]
         : [someActive || popupOpen ? 'normal' : 'flat', someActive];
-    return (react_1.default.createElement(react_1.default.Fragment, null,
-        react_1.default.createElement(uikit_1.ActionTooltip, { disabled: popupOpen, openDelay: toolbar_1.ToolbarTooltipDelay.Open, closeDelay: toolbar_1.ToolbarTooltipDelay.Close, title: (0, lodash_1.isFunction)(title) ? title() : title },
-            react_1.default.createElement(uikit_1.Button, { size: "m", ref: buttonRef, view: btnView, selected: btnSelected, disabled: everyDisabled, className: b(null, [className]), onClick: toggleOpen },
-                react_1.default.createElement(uikit_1.Icon, { data: icon.data, size: icon.size, className: iconClassName }),
-                '',
-                react_1.default.createElement(uikit_1.Icon, { data: icons_1.ChevronDown, className: chevronIconClassName }))),
-        react_1.default.createElement(uikit_1.Popup, { anchorRef: buttonRef, open: popupOpen, onClose: hide },
-            react_1.default.createElement(uikit_1.Menu, { size: "l" }, Object.entries(groups).map(([label, items], key) => {
-                return (react_1.default.createElement(uikit_1.Menu.Group, { label: label, key: key, className: b('menu-group') }, items.map(({ id, icon, iconSize = 16, action, text, iconClassname }) => (react_1.default.createElement(uikit_1.Menu.Item, { key: id, icon: react_1.default.createElement(uikit_1.Icon, { data: icon, size: iconSize, className: iconClassname }), active: action.isActive(), disabled: !action.isEnable(), onClick: () => {
+    return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(uikit_1.ActionTooltip, { disabled: popupOpen, openDelay: toolbar_1.ToolbarTooltipDelay.Open, closeDelay: toolbar_1.ToolbarTooltipDelay.Close, title: (0, lodash_1.isFunction)(title) ? title() : title, children: (0, jsx_runtime_1.jsxs)(uikit_1.Button, { size: "m", ref: setAnchorElement, view: btnView, selected: btnSelected, disabled: everyDisabled, className: b(null, [className]), onClick: toggleOpen, children: [(0, jsx_runtime_1.jsx)(uikit_1.Icon, { data: icon.data, size: icon.size, className: iconClassName }), '', (0, jsx_runtime_1.jsx)(uikit_1.Icon, { data: icons_1.ChevronDown, className: chevronIconClassName })] }) }), (0, jsx_runtime_1.jsx)(uikit_1.Popup, { open: popupOpen, disablePortal: disablePortal, anchorElement: anchorElement, onOpenChange: (open) => {
+                    if (!open)
                         hide();
-                        focus();
-                        action.run();
-                        onClick === null || onClick === void 0 ? void 0 : onClick(id);
-                    }, extraProps: { 'aria-label': text } }, text)))));
-            })))));
+                }, children: (0, jsx_runtime_1.jsx)(uikit_1.Menu, { size: "l", children: Object.entries(groups).map(([label, items], key) => {
+                        return ((0, jsx_runtime_1.jsx)(uikit_1.Menu.Group, { label: label, className: b('menu-group'), children: items.map(({ id, icon, iconSize = 16, action, text, iconClassname }) => ((0, jsx_runtime_1.jsx)(uikit_1.Menu.Item, { iconStart: (0, jsx_runtime_1.jsx)(uikit_1.Icon, { data: icon, size: iconSize, className: iconClassname }), active: action.isActive(), disabled: !action.isEnable(), onClick: () => {
+                                    hide();
+                                    focus();
+                                    action.run();
+                                    onClick?.(id);
+                                }, extraProps: { 'aria-label': text }, children: text }, id))) }, key));
+                    }) }) })] }));
 };
 exports.ToolbarButtonWithPopupMenu = ToolbarButtonWithPopupMenu;
+//# sourceMappingURL=ToolbarButtonWithPopupMenu.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ToolbarButtonWithPopupMenu.js","sourceRoot":"../../../../src","sources":["bundle/toolbar/ToolbarButtonWithPopupMenu.tsx"],"names":[],"mappings":"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","sourcesContent":["import {useEffect, useMemo} from 'react';\n\nimport {ChevronDown} from '@gravity-ui/icons';\nimport {\n    ActionTooltip,\n    Button,\n    Icon,\n    type IconProps,\n    Menu,\n    Popup,\n    type PopupProps,\n} from '@gravity-ui/uikit';\n\nimport {cn} from '../../classname';\nimport type {Action, ActionStorage} from '../../core';\nimport {groupBy, isFunction} from '../../lodash';\nimport {useBooleanState, useElementState} from '../../react-utils/hooks';\nimport {type ToolbarBaseProps, type ToolbarIconData, ToolbarTooltipDelay} from '../../toolbar';\n\nimport './ToolbarButtonWithPopupMenu.scss';\nconst b = cn('toolbar-button-with-popup-menu');\n\nexport type MenuItem = {\n    id: string;\n    action: Action;\n    icon: IconProps['data'];\n    text: string;\n    iconSize?: IconProps['size'];\n    iconClassname?: string;\n    group?: string;\n    ignoreActive?: boolean;\n};\n\nexport type ToolbarButtonWithPopupMenuProps = Omit<\n    ToolbarBaseProps<ActionStorage> &\n        Pick<PopupProps, 'disablePortal'> & {\n            icon: ToolbarIconData;\n            iconClassName?: string;\n            chevronIconClassName?: string;\n            title: string | (() => string);\n            menuItems: MenuItem[];\n            /** @default 'classic' */\n            _selectionType?: 'classic' | 'light';\n        },\n    'editor'\n>;\n\nexport const ToolbarButtonWithPopupMenu: React.FC<ToolbarButtonWithPopupMenuProps> = ({\n    disablePortal,\n    className,\n    focus,\n    onClick,\n    icon,\n    iconClassName,\n    chevronIconClassName,\n    title,\n    menuItems,\n    _selectionType,\n}) => {\n    const [anchorElement, setAnchorElement] = useElementState();\n    const [open, , hide, toggleOpen] = useBooleanState(false);\n    const groups = useMemo(\n        () =>\n            groupBy(\n                menuItems.map((i) => ({...i, group: i.group || ''})),\n                'group',\n            ),\n        [menuItems],\n    );\n\n    const someActive = menuItems.some(\n        (item) => !item.ignoreActive && item.action.isActive() === true,\n    );\n    const everyDisabled = menuItems.every((item) => item.action.isEnable() === false);\n\n    const popupOpen = everyDisabled ? false : open;\n    const shouldForceHide = open && !popupOpen;\n    useEffect(() => {\n        if (shouldForceHide) {\n            hide();\n        }\n    }, [hide, shouldForceHide]);\n\n    const [btnView, btnSelected] =\n        _selectionType === 'light'\n            ? ([\n                  popupOpen ? 'normal' : someActive ? 'flat-action' : 'flat',\n                  popupOpen && someActive,\n              ] as const)\n            : ([someActive || popupOpen ? 'normal' : 'flat', someActive] as const);\n\n    return (\n        <>\n            <ActionTooltip\n                disabled={popupOpen}\n                openDelay={ToolbarTooltipDelay.Open}\n                closeDelay={ToolbarTooltipDelay.Close}\n                title={isFunction(title) ? title() : title}\n            >\n                <Button\n                    size=\"m\"\n                    ref={setAnchorElement}\n                    view={btnView}\n                    selected={btnSelected}\n                    disabled={everyDisabled}\n                    className={b(null, [className])}\n                    onClick={toggleOpen}\n                >\n                    <Icon data={icon.data} size={icon.size} className={iconClassName} />\n                    {''}\n                    <Icon data={ChevronDown} className={chevronIconClassName} />\n                </Button>\n            </ActionTooltip>\n            <Popup\n                open={popupOpen}\n                disablePortal={disablePortal}\n                anchorElement={anchorElement}\n                onOpenChange={(open) => {\n                    if (!open) hide();\n                }}\n            >\n                <Menu size=\"l\">\n                    {Object.entries(groups).map(([label, items], key) => {\n                        return (\n                            <Menu.Group label={label} key={key} className={b('menu-group')}>\n                                {items.map(\n                                    ({id, icon, iconSize = 16, action, text, iconClassname}) => (\n                                        <Menu.Item\n                                            key={id}\n                                            iconStart={\n                                                <Icon\n                                                    data={icon}\n                                                    size={iconSize}\n                                                    className={iconClassname}\n                                                />\n                                            }\n                                            active={action.isActive()}\n                                            disabled={!action.isEnable()}\n                                            onClick={() => {\n                                                hide();\n                                                focus();\n                                                action.run();\n                                                onClick?.(id);\n                                            }}\n                                            extraProps={{'aria-label': text}}\n                                        >\n                                            {text}\n                                        </Menu.Item>\n                                    ),\n                                )}\n                            </Menu.Group>\n                        );\n                    })}\n                </Menu>\n            </Popup>\n        </>\n    );\n};\n"]}

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

@@ -1,7 +1,8 @@
-import React from 'react';
-import type { ActionStorage } from '../../core';
-import type { ToolbarBaseProps, WToolbarItemData } from './types';
-export declare type ToolbarSelectProps = ToolbarBaseProps<ActionStorage> & {
+import { type SelectProps } from '@gravity-ui/uikit';
+import type { ActionStorage } from "../../core/index.js";
+import type { ToolbarBaseProps, WToolbarItemData } from "./types.js";
+import "./ToolbarSelect.css";
+export type ToolbarSelectProps = ToolbarBaseProps<ActionStorage> & Pick<SelectProps, 'disablePortal'> & {
     items: WToolbarItemData[];
 };
 export declare const ToolbarSelect: React.FC<ToolbarSelectProps>;

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

@@ -1,41 +1,27 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.ToolbarSelect = void 0;
-const tslib_1 = require("tslib");
-const react_1 = tslib_1.__importDefault(require("react"));
-const components_1 = require("@gravity-ui/components");
+const jsx_runtime_1 = require("react/jsx-runtime");
 const uikit_1 = require("@gravity-ui/uikit");
-const classname_1 = require("../../classname");
-const lodash_1 = require("../../lodash");
-const PreviewTooltip_1 = require("../../toolbar/PreviewTooltip");
+const classname_1 = require("../../classname.js");
+const lodash_1 = require("../../lodash.js");
+require("./ToolbarSelect.css");
 const b = (0, classname_1.cn)('toolbar-select');
-const ToolbarSelect = ({ className, editor, focus, onClick, items, }) => {
+const ToolbarSelect = ({ disablePortal, className, editor, focus, onClick, items, }) => {
     const activeItem = items.find((item) => item.isActive(editor));
-    return (react_1.default.createElement(react_1.default.Fragment, null,
-        react_1.default.createElement(uikit_1.Select, { size: "m", view: "clear", className: className, onOpenChange: () => {
-                focus();
-            }, value: activeItem ? [activeItem.id] : undefined, options: items.map((item) => ({
+    return ((0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: (0, jsx_runtime_1.jsx)(uikit_1.Select, { size: "m", view: "clear", className: className, disablePortal: disablePortal, onOpenChange: focus, value: activeItem ? [activeItem.id] : undefined, options: items.map((item) => ({
                 data: item,
                 value: item.id,
                 text: (0, lodash_1.isFunction)(item.title) ? item.title() : item.title,
             })), renderOption: ({ text, data }) => {
-                var _a;
-                const { icon, hotkey, hint, preview } = data;
+                const { icon, hotkey, hint } = data;
                 const hintText = (0, lodash_1.isFunction)(hint) ? hint() : hint;
-                return (react_1.default.createElement(PreviewTooltip_1.PreviewTooltip, { preview: preview },
-                    react_1.default.createElement("div", { "aria-label": text, className: b('item') },
-                        react_1.default.createElement("div", { className: b('item-icon') },
-                            react_1.default.createElement(uikit_1.Icon, { data: icon.data, size: Number((_a = icon.size) !== null && _a !== void 0 ? _a : 16) + 2 })),
-                        react_1.default.createElement("div", { className: b('item-content') },
-                            text,
-                            react_1.default.createElement("div", { className: b('item-extra') },
-                                hotkey && react_1.default.createElement(uikit_1.Hotkey, { value: hotkey }),
-                                hintText && (react_1.default.createElement(components_1.HelpPopover, { content: hintText, className: b('item-hint') })))))));
+                return ((0, jsx_runtime_1.jsxs)("div", { "aria-label": text, className: b('item'), children: [(0, jsx_runtime_1.jsx)("div", { className: b('item-icon'), children: (0, jsx_runtime_1.jsx)(uikit_1.Icon, { data: icon.data, size: Number(icon.size ?? 16) + 2 }) }), (0, jsx_runtime_1.jsxs)("div", { className: b('item-content'), children: [text, (0, jsx_runtime_1.jsxs)("div", { className: b('item-extra'), children: [hotkey && (0, jsx_runtime_1.jsx)(uikit_1.Hotkey, { value: hotkey }), hintText && ((0, jsx_runtime_1.jsx)(uikit_1.HelpMark, { popoverProps: { modal: false }, className: b('item-hint'), children: hintText }))] })] })] }));
             }, onUpdate: ([id]) => {
-                var _a;
-                (_a = items.find((item) => item.id === id)) === null || _a === void 0 ? void 0 : _a.exec(editor);
-                onClick === null || onClick === void 0 ? void 0 : onClick(id);
+                items.find((item) => item.id === id)?.exec(editor);
+                onClick?.(id);
                 focus();
-            } })));
+            } }) }));
 };
 exports.ToolbarSelect = ToolbarSelect;
+//# sourceMappingURL=ToolbarSelect.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ToolbarSelect.js","sourceRoot":"../../../../src","sources":["bundle/toolbar/ToolbarSelect.tsx"],"names":[],"mappings":";;;;AAAA,6CAO2B;AAE3B,kDAAmC;AAEnC,4CAAwC;AAIxC,+BAA8B;AAE9B,MAAM,CAAC,GAAG,IAAA,cAAE,EAAC,gBAAgB,CAAC,CAAC;AAOxB,MAAM,aAAa,GAAiC,CAAC,EACxD,aAAa,EACb,SAAS,EACT,MAAM,EACN,KAAK,EACL,OAAO,EACP,KAAK,GACR,EAAE,EAAE;IACD,MAAM,UAAU,GAAG,KAAK,CAAC,IAAI,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,IAAI,CAAC,QAAQ,CAAC,MAAM,CAAC,CAAC,CAAC;IAE/D,OAAO,CACH,2DACI,uBAAC,cAAM,IACH,IAAI,EAAC,GAAG,EACR,IAAI,EAAC,OAAO,EACZ,SAAS,EAAE,SAAS,EACpB,aAAa,EAAE,aAAa,EAC5B,YAAY,EAAE,KAAK,EACnB,KAAK,EAAE,UAAU,CAAC,CAAC,CAAC,CAAC,UAAU,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,SAAS,EAC/C,OAAO,EAAE,KAAK,CAAC,GAAG,CAAe,CAAC,IAAI,EAAE,EAAE,CAAC,CAAC;gBACxC,IAAI,EAAE,IAAI;gBACV,KAAK,EAAE,IAAI,CAAC,EAAE;gBACd,IAAI,EAAE,IAAA,mBAAU,EAAC,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,KAAK,EAAE,CAAC,CAAC,CAAC,IAAI,CAAC,KAAK;aAC3D,CAAC,CAAC,EACH,YAAY,EAAE,CAAC,EAAC,IAAI,EAAE,IAAI,EAAC,EAAE,EAAE;gBAC3B,MAAM,EAAC,IAAI,EAAE,MAAM,EAAE,IAAI,EAAC,GAAG,IAAwB,CAAC;gBACtD,MAAM,QAAQ,GAAG,IAAA,mBAAU,EAAC,IAAI,CAAC,CAAC,CAAC,CAAC,IAAI,EAAE,CAAC,CAAC,CAAC,IAAI,CAAC;gBAClD,OAAO,CACH,+CAAiB,IAAI,EAAE,SAAS,EAAE,CAAC,CAAC,MAAM,CAAC,aACvC,gCAAK,SAAS,EAAE,CAAC,CAAC,WAAW,CAAC,YAC1B,uBAAC,YAAI,IAAC,IAAI,EAAE,IAAI,CAAC,IAAI,EAAE,IAAI,EAAE,MAAM,CAAC,IAAI,CAAC,IAAI,IAAI,EAAE,CAAC,GAAG,CAAC,GAAI,GAC1D,EACN,iCAAK,SAAS,EAAE,CAAC,CAAC,cAAc,CAAC,aAC5B,IAAI,EACL,iCAAK,SAAS,EAAE,CAAC,CAAC,YAAY,CAAC,aAC1B,MAAM,IAAI,uBAAC,cAAM,IAAC,KAAK,EAAE,MAAM,GAAI,EACnC,QAAQ,IAAI,CACT,uBAAC,gBAAQ,IACL,YAAY,EAAE,EAAC,KAAK,EAAE,KAAK,EAAC,EAC5B,SAAS,EAAE,CAAC,CAAC,WAAW,CAAC,YAExB,QAAQ,GACF,CACd,IACC,IACJ,IACJ,CACT,CAAC;YACN,CAAC,EACD,QAAQ,EAAE,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE;gBACf,KAAK,CAAC,IAAI,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,IAAI,CAAC,EAAE,KAAK,EAAE,CAAC,EAAE,IAAI,CAAC,MAAM,CAAC,CAAC;gBACnD,OAAO,EAAE,CAAC,EAAE,CAAC,CAAC;gBACd,KAAK,EAAE,CAAC;YACZ,CAAC,GACH,GACH,CACN,CAAC;AACN,CAAC,CAAC;AAzDW,QAAA,aAAa,iBAyDxB","sourcesContent":["import {\n    HelpMark,\n    Hotkey,\n    Icon,\n    Select,\n    type SelectOption,\n    type SelectProps,\n} from '@gravity-ui/uikit';\n\nimport {cn} from '../../classname';\nimport type {ActionStorage} from '../../core';\nimport {isFunction} from '../../lodash';\n\nimport type {ToolbarBaseProps, WToolbarItemData} from './types';\n\nimport './ToolbarSelect.scss';\n\nconst b = cn('toolbar-select');\n\nexport type ToolbarSelectProps = ToolbarBaseProps<ActionStorage> &\n    Pick<SelectProps, 'disablePortal'> & {\n        items: WToolbarItemData[];\n    };\n\nexport const ToolbarSelect: React.FC<ToolbarSelectProps> = ({\n    disablePortal,\n    className,\n    editor,\n    focus,\n    onClick,\n    items,\n}) => {\n    const activeItem = items.find((item) => item.isActive(editor));\n\n    return (\n        <>\n            <Select\n                size=\"m\"\n                view=\"clear\"\n                className={className}\n                disablePortal={disablePortal}\n                onOpenChange={focus}\n                value={activeItem ? [activeItem.id] : undefined}\n                options={items.map<SelectOption>((item) => ({\n                    data: item,\n                    value: item.id,\n                    text: isFunction(item.title) ? item.title() : item.title,\n                }))}\n                renderOption={({text, data}) => {\n                    const {icon, hotkey, hint} = data as WToolbarItemData;\n                    const hintText = isFunction(hint) ? hint() : hint;\n                    return (\n                        <div aria-label={text} className={b('item')}>\n                            <div className={b('item-icon')}>\n                                <Icon data={icon.data} size={Number(icon.size ?? 16) + 2} />\n                            </div>\n                            <div className={b('item-content')}>\n                                {text}\n                                <div className={b('item-extra')}>\n                                    {hotkey && <Hotkey value={hotkey} />}\n                                    {hintText && (\n                                        <HelpMark\n                                            popoverProps={{modal: false}}\n                                            className={b('item-hint')}\n                                        >\n                                            {hintText}\n                                        </HelpMark>\n                                    )}\n                                </div>\n                            </div>\n                        </div>\n                    );\n                }}\n                onUpdate={([id]) => {\n                    items.find((item) => item.id === id)?.exec(editor);\n                    onClick?.(id);\n                    focus();\n                }}\n            />\n        </>\n    );\n};\n"]}

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

@@ -1,6 +1,7 @@
-import React from 'react';
-import { ToolbarBaseProps } from '../../../toolbar';
-export declare type ToolbarColorsProps = Omit<ToolbarBaseProps<never>, 'editor'> & {
+import type { ToolbarBaseProps } from "../../../toolbar/index.js";
+import { type ToolbarButtonWithPopupMenuProps } from "../ToolbarButtonWithPopupMenu.js";
+import "./ToolbarColors.css";
+export type ToolbarColorsProps = Omit<ToolbarBaseProps<never>, 'editor'> & Pick<ToolbarButtonWithPopupMenuProps, 'disablePortal'> & {
     active?: boolean;
     enable?: boolean;
     currentColor?: string;

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

@@ -1,24 +1,23 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.ToolbarColors = void 0;
-const tslib_1 = require("tslib");
-const react_1 = tslib_1.__importDefault(require("react"));
-const classname_1 = require("../../../classname");
-const extensions_1 = require("../../../extensions");
-const menubar_1 = require("../../../i18n/menubar");
-const icons_1 = require("../../config/icons");
-const ToolbarButtonWithPopupMenu_1 = require("../ToolbarButtonWithPopupMenu");
+const jsx_runtime_1 = require("react/jsx-runtime");
+const classname_1 = require("../../../classname.js");
+const extensions_1 = require("../../../extensions/index.js");
+const menubar_1 = require("../../../i18n/menubar/index.js");
+const icons_1 = require("../../config/icons.js");
+const ToolbarButtonWithPopupMenu_1 = require("../ToolbarButtonWithPopupMenu.js");
+require("./ToolbarColors.css");
 const b = (0, classname_1.cn)('toolbar-colors');
 const textColorIcon = icons_1.icons.textColor;
 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 = [
         extensions_1.Colors.Gray,
@@ -28,28 +27,25 @@ const ToolbarColors = (props) => {
         extensions_1.Colors.Green,
         extensions_1.Colors.Blue,
         extensions_1.Colors.Violet,
-    ].map((color) => {
-        var _a;
-        return ({
-            id: color,
-            icon: textColorIcon.data,
-            iconSize: (_a = textColorIcon.size) !== null && _a !== void 0 ? _a : 16,
-            text: (0, menubar_1.i18n)(`colorify__color_${color}`),
-            iconClassname: b('item-icon', { color }),
-            action: {
-                run: onItemClick(color),
-                isEnable: () => Boolean(enable),
-                isActive: () => color === currentColor,
-                meta() { },
-            },
-            group: (0, menubar_1.i18n)(`colorify__group_text`),
-        });
-    });
+    ].map((color) => ({
+        id: color,
+        icon: textColorIcon.data,
+        iconSize: textColorIcon.size ?? 16,
+        text: (0, menubar_1.i18n)(`colorify__color_${color}`),
+        iconClassname: b('item-icon', { color }),
+        action: {
+            run: onItemClick(color),
+            isEnable: () => Boolean(enable),
+            isActive: () => color === currentColor,
+            meta() { },
+        },
+        group: (0, menubar_1.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: (0, menubar_1.i18n)(`colorify__color_default`),
             iconClassname: b('item-icon', { color: 'default' }),
             group: (0, menubar_1.i18n)(`colorify__group_text`),
@@ -62,6 +58,7 @@ const ToolbarColors = (props) => {
             },
         });
     }
-    return (react_1.default.createElement(ToolbarButtonWithPopupMenu_1.ToolbarButtonWithPopupMenu, Object.assign({}, props, { title: (0, menubar_1.i18n)('colorify'), menuItems: items, icon: textColorIcon, _selectionType: "light", iconClassName: b('menu-icon', { color: currentColor }), chevronIconClassName: b('chevron-icon', { color: currentColor }) })));
+    return ((0, jsx_runtime_1.jsx)(ToolbarButtonWithPopupMenu_1.ToolbarButtonWithPopupMenu, { ...props, title: (0, menubar_1.i18n)('colorify'), menuItems: items, icon: textColorIcon, _selectionType: "light", iconClassName: b('menu-icon', { color: currentColor }), chevronIconClassName: b('chevron-icon', { color: currentColor }) }));
 };
 exports.ToolbarColors = ToolbarColors;
+//# sourceMappingURL=ToolbarColors.js.map

package/build/cjs/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 type {ToolbarBaseProps} from '../../../toolbar';\nimport {icons} from '../../config/icons';\nimport {\n    type 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/cjs/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 { type FileFormProps } from "../../../forms/FileForm.js";
+import type { ToolbarBaseProps } from "../../../toolbar/index.js";
+import { type BatchUploadResult, type 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/cjs/bundle/toolbar/custom/ToolbarFilePopup.js

@@ -1,30 +1,28 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.ToolbarFilePopup = void 0;
-const tslib_1 = require("tslib");
-const react_1 = tslib_1.__importStar(require("react"));
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = require("react");
 const uikit_1 = require("@gravity-ui/uikit");
-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 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 placement = ['bottom-start', 'top-start', 'bottom-end', 'top-end'];
-const ToolbarFilePopup = ({ className, hide, anchorRef, onSubmit, focus, onClick, uploadHandler, onSuccessUpload, }) => {
-    const toaster = (0, toaster_1.useToaster)();
+const ToolbarFilePopup = ({ className, hide, anchorElement, onSubmit, focus, onClick, uploadHandler, onSuccessUpload, }) => {
+    const toaster = (0, uikit_1.useToaster)();
     const [loading, showLoading, hideLoading] = (0, hooks_1.useBooleanState)(false);
     const handleCancel = (0, react_1.useCallback)(() => {
         hide();
         focus();
     }, [focus, hide]);
-    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 &&
+    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 &&
                 ((files) => {
                     showLoading();
                     (0, upload_1.batchUploadFiles)(files, uploadHandler).then((res) => {
                         hideLoading();
                         hide();
-                        onSuccessUpload === null || onSuccessUpload === void 0 ? void 0 : onSuccessUpload(res);
+                        onSuccessUpload?.(res);
                     }, (error) => {
                         hideLoading();
                         toaster.add({
@@ -38,7 +36,8 @@ const ToolbarFilePopup = ({ className, hide, anchorRef, onSubmit, focus, onClick
                 hide();
                 focus();
                 onSubmit(data);
-                onClick === null || onClick === void 0 ? void 0 : onClick('addFile');
-            }, loading: loading })));
+                onClick?.('addFile');
+            }, loading: loading }) }));
 };
 exports.ToolbarFilePopup = ToolbarFilePopup;
+//# sourceMappingURL=ToolbarFilePopup.js.map

package/build/cjs/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,iCAAkC;AAElC,6CAAyE;AAEzE,yDAAqE;AACrE,wDAAyC;AACzC,yDAA2D;AAE3D,qDAI+B;AAE/B,MAAM,SAAS,GAAmB,CAAC,cAAc,EAAE,WAAW,EAAE,YAAY,EAAE,SAAS,CAAC,CAAC;AAUlF,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,IAAA,kBAAU,GAAE,CAAC;IAC7B,MAAM,CAAC,OAAO,EAAE,WAAW,EAAE,WAAW,CAAC,GAAG,IAAA,uBAAe,EAAC,KAAK,CAAC,CAAC;IAEnE,MAAM,YAAY,GAAG,IAAA,mBAAW,EAAC,GAAG,EAAE;QAClC,IAAI,EAAE,CAAC;QACP,KAAK,EAAE,CAAC;IACZ,CAAC,EAAE,CAAC,KAAK,EAAE,IAAI,CAAC,CAAC,CAAC;IAElB,OAAO,CACH,uBAAC,aAAK,IACF,IAAI,QACJ,KAAK,QACL,YAAY,EAAE,YAAY,EAC1B,aAAa,EAAE,aAAa,EAC5B,SAAS,EAAE,SAAS,EACpB,SAAS,EAAE,SAAS,YAEpB,uBAAC,mBAAQ,IACL,SAAS,QACT,QAAQ,EACJ,aAAa;gBACb,CAAC,CAAC,KAAK,EAAE,EAAE;oBACP,WAAW,EAAE,CAAC;oBACd,IAAA,yBAAgB,EAAC,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,IAAA,YAAI,EAAC,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;AA/DW,QAAA,gBAAgB,oBA+D3B","sourcesContent":["import {useCallback} from 'react';\n\nimport {Popup, type PopupPlacement, useToaster} from '@gravity-ui/uikit';\n\nimport {FileForm, type FileFormProps} from '../../../forms/FileForm';\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 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/cjs/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/cjs/bundle/toolbar/custom/ToolbarImagePopup.js

@@ -1,30 +1,28 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.ToolbarImagePopup = void 0;
-const tslib_1 = require("tslib");
-const react_1 = tslib_1.__importStar(require("react"));
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = require("react");
 const uikit_1 = require("@gravity-ui/uikit");
-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 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 placement = ['bottom-start', 'top-start', 'bottom-end', 'top-end'];
-const ToolbarImagePopup = ({ className, anchorRef, hide, onSubmit, focus, onClick, uploadImages, onSuccessUpload, }) => {
-    const toaster = (0, toaster_1.useToaster)();
+const ToolbarImagePopup = ({ className, anchorElement, hide, onSubmit, focus, onClick, uploadImages, onSuccessUpload, }) => {
+    const toaster = (0, uikit_1.useToaster)();
     const [loading, showLoading, hideLoading] = (0, hooks_1.useBooleanState)(false);
     const handleCancel = (0, react_1.useCallback)(() => {
         hide();
         focus();
     }, [focus, hide]);
-    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 &&
+    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 &&
                 ((files) => {
                     showLoading();
                     (0, upload_1.batchUploadFiles)(files, uploadImages).then((res) => {
                         hideLoading();
                         hide();
-                        onSuccessUpload === null || onSuccessUpload === void 0 ? void 0 : onSuccessUpload(res);
+                        onSuccessUpload?.(res);
                     }, (err) => {
                         hideLoading();
                         toaster.add({
@@ -38,7 +36,8 @@ const ToolbarImagePopup = ({ className, anchorRef, hide, onSubmit, focus, onClic
                 hide();
                 focus();
                 onSubmit(data);
-                onClick === null || onClick === void 0 ? void 0 : onClick('addImage');
-            }, loading: loading })));
+                onClick?.('addImage');
+            }, loading: loading }) }));
 };
 exports.ToolbarImagePopup = ToolbarImagePopup;
+//# sourceMappingURL=ToolbarImagePopup.js.map

package/build/cjs/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,iCAAkC;AAElC,6CAAyE;AAEzE,2DAAwE;AACxE,wDAAyC;AACzC,yDAA2D;AAE3D,qDAI+B;AAE/B,MAAM,SAAS,GAAmB,CAAC,cAAc,EAAE,WAAW,EAAE,YAAY,EAAE,SAAS,CAAC,CAAC;AASlF,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,IAAA,kBAAU,GAAE,CAAC;IAC7B,MAAM,CAAC,OAAO,EAAE,WAAW,EAAE,WAAW,CAAC,GAAG,IAAA,uBAAe,EAAC,KAAK,CAAC,CAAC;IAEnE,MAAM,YAAY,GAAG,IAAA,mBAAW,EAAC,GAAG,EAAE;QAClC,IAAI,EAAE,CAAC;QACP,KAAK,EAAE,CAAC;IACZ,CAAC,EAAE,CAAC,KAAK,EAAE,IAAI,CAAC,CAAC,CAAC;IAElB,OAAO,CACH,uBAAC,aAAK,IACF,IAAI,QACJ,aAAa,EAAE,aAAa,EAC5B,YAAY,EAAE,YAAY,EAC1B,SAAS,EAAE,SAAS,EACpB,SAAS,EAAE,SAAS,YAEpB,uBAAC,qBAAS,IACN,SAAS,QACT,QAAQ,EACJ,YAAY;gBACZ,CAAC,CAAC,KAAK,EAAE,EAAE;oBACP,WAAW,EAAE,CAAC;oBACd,IAAA,yBAAgB,EAAC,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,IAAA,YAAI,EAAC,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;AA7DW,QAAA,iBAAiB,qBA6D5B","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/cjs/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/cjs/bundle/toolbar/markup/MToolbarColors.js

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

@@ -0,0 +1 @@
+{"version":3,"file":"MToolbarColors.js","sourceRoot":"../../../../../src","sources":["bundle/toolbar/markup/MToolbarColors.tsx"],"names":[],"mappings":";;;;AAAA,gEAAkD;AAElD,8DAAsD;AAK/C,MAAM,cAAc,GAAkC,CAAC,EAC1D,SAAS,EACT,MAAM,EACN,KAAK,EACL,OAAO,GACV,EAAE,EAAE;IACD,OAAO,CACH,uBAAC,6BAAa,IACV,MAAM,QACN,IAAI,EAAE,CAAC,KAAK,EAAE,EAAE;YACZ,IAAA,mBAAQ,EAAC,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;AAjBW,QAAA,cAAc,kBAiBzB","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/cjs/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/cjs/bundle/toolbar/markup/MToolbarFilePopup.js

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

package/build/cjs/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,gEAAoE;AAGpE,oEAAwF;AAExF,0CAAkD;AAO3C,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,IAAA,iCAAuB,GAAE,CAAC;IAElD,OAAO,CACH,uBAAC,mCAAgB,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,IAAA,sBAAW,EAAC,CAAC,UAAU,CAAC,CAAC,CAAC,MAAM,CAAC,EAAE,CAAC,EAC9D,aAAa,EAAE,aAAa,EAC5B,eAAe,EAAE,CAAC,GAAG,EAAE,EAAE;YACrB,IAAA,sBAAW,EACP,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;AA9BW,QAAA,iBAAiB,qBA8B5B","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/cjs/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>;