@gravity-ui/markdown-editor 15.13.3 → 15.14.1

package/build/cjs/toolbar/ToolbarButton.js.map

@@ -1 +1 @@
-{"version":3,"file":"ToolbarButton.js","sourceRoot":"../../../src","sources":["toolbar/ToolbarButton.tsx"],"names":[],"mappings":"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","sourcesContent":["import {type ReactNode, forwardRef} from 'react';\n\nimport {ActionTooltip, Button, Icon, Popover, setRef} from '@gravity-ui/uikit';\n\nimport {cn} from '../classname';\nimport {i18n} from '../i18n/common';\nimport {isFunction} from '../lodash';\n\nimport {ToolbarTooltipDelay} from './const';\nimport type {ToolbarBaseProps, ToolbarItemData} from './types';\n\nimport './ToolbarButton.scss';\n\nconst b = cn('toolbar-button');\n\nexport type ToolbarButtonProps<E> = ToolbarBaseProps<E> & ToolbarItemData<E>;\n\nexport type ToolbarButtonViewProps = Pick<\n    ToolbarItemData<unknown>,\n    'title' | 'hint' | 'hotkey' | 'hintWhenDisabled' | 'qa'\n> & {\n    active: boolean;\n    enabled: boolean;\n    onClick: () => void;\n    className?: string;\n} & (Pick<ToolbarItemData<unknown>, 'icon'> | {children: ReactNode});\n\nconst DEFAULT_ICON_SIZE = 16;\n\nexport const ToolbarButtonView = forwardRef<HTMLButtonElement, ToolbarButtonViewProps>(\n    function ToolbarButtonView(\n        {title, hint, hotkey, hintWhenDisabled, active, enabled, onClick, className, qa, ...props},\n        ref,\n    ) {\n        const disabled = !active && !enabled;\n        const titleText: string = isFunction(title) ? title() : title;\n        const hintText: string | undefined = isFunction(hint) ? hint() : hint;\n        const hideHintWhenDisabled = hintWhenDisabled === false || !disabled;\n        const hintWhenDisabledText =\n            typeof hintWhenDisabled === 'string'\n                ? hintWhenDisabled\n                : typeof hintWhenDisabled === 'function'\n                  ? hintWhenDisabled()\n                  : i18n('toolbar_action_disabled');\n\n        return (\n            <Popover\n                content={<div className={b('action-disabled-tooltip')}>{hintWhenDisabledText}</div>}\n                disabled={hideHintWhenDisabled}\n                placement={['bottom']}\n            >\n                {(_, refForPopover) => (\n                    <ActionTooltip\n                        openDelay={ToolbarTooltipDelay.Open}\n                        closeDelay={ToolbarTooltipDelay.Close}\n                        description={hintText}\n                        title={titleText}\n                        hotkey={hotkey}\n                    >\n                        {(__, refForTooltip) => (\n                            <Button\n                                qa={qa}\n                                size=\"m\"\n                                ref={(elem: HTMLButtonElement) => {\n                                    setRef(ref, elem);\n                                    setRef(refForPopover, elem);\n                                    setRef(refForTooltip, elem);\n                                }}\n                                selected={active}\n                                disabled={disabled}\n                                view={active ? 'normal' : 'flat'}\n                                onClick={onClick}\n                                className={b(null, [className])}\n                                aria-label={titleText}\n                            >\n                                {'icon' in props ? (\n                                    <Icon\n                                        data={props.icon.data}\n                                        size={props.icon.size ?? DEFAULT_ICON_SIZE}\n                                    />\n                                ) : (\n                                    props.children\n                                )}\n                            </Button>\n                        )}\n                    </ActionTooltip>\n                )}\n            </Popover>\n        );\n    },\n);\n\nexport function ToolbarButton<E>(props: ToolbarButtonProps<E>) {\n    const {id, editor, focus, isActive, isEnable, exec, onClick} = props;\n\n    const active = isActive(editor);\n    const enabled = isEnable(editor);\n\n    const handleClick = () => {\n        focus();\n        exec(editor);\n        onClick?.(id);\n    };\n\n    return <ToolbarButtonView {...props} active={active} enabled={enabled} onClick={handleClick} />;\n}\n"]}
+{"version":3,"file":"ToolbarButton.js","sourceRoot":"../../../src","sources":["toolbar/ToolbarButton.tsx"],"names":[],"mappings":"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","sourcesContent":["import {type ReactNode, forwardRef} from 'react';\n\nimport {ActionTooltip, Button, Icon, Popover, setRef} from '@gravity-ui/uikit';\n\nimport {cn} from '../classname';\nimport {i18n} from '../i18n/common';\nimport {isFunction} from '../lodash';\n\nimport {ToolbarTooltipDelay} from './const';\nimport type {ToolbarBaseProps, ToolbarItemData} from './types';\n\nimport './ToolbarButton.scss';\n\nconst b = cn('toolbar-button');\n\nexport type ToolbarButtonProps<E> = ToolbarBaseProps<E> & ToolbarItemData<E>;\n\nexport type ToolbarButtonViewProps = Pick<\n    ToolbarItemData<unknown>,\n    'title' | 'hint' | 'hotkey' | 'hintWhenDisabled' | 'qa'\n> & {\n    active: boolean;\n    enabled: boolean;\n    onClick: () => void;\n    id?: string;\n    className?: string;\n} & (Pick<ToolbarItemData<unknown>, 'icon'> | {children: ReactNode});\n\nconst DEFAULT_ICON_SIZE = 16;\n\nexport const ToolbarButtonView = forwardRef<HTMLButtonElement, ToolbarButtonViewProps>(\n    function ToolbarButtonView(\n        {\n            title,\n            hint,\n            hotkey,\n            hintWhenDisabled,\n            active,\n            enabled,\n            onClick,\n            className,\n            qa,\n            id,\n            ...props\n        },\n        ref,\n    ) {\n        const disabled = !active && !enabled;\n        const titleText: string = isFunction(title) ? title() : title;\n        const hintText: string | undefined = isFunction(hint) ? hint() : hint;\n        const hideHintWhenDisabled = hintWhenDisabled === false || !disabled;\n        const hintWhenDisabledText =\n            typeof hintWhenDisabled === 'string'\n                ? hintWhenDisabled\n                : typeof hintWhenDisabled === 'function'\n                  ? hintWhenDisabled()\n                  : i18n('toolbar_action_disabled');\n\n        return (\n            <Popover\n                content={<div className={b('action-disabled-tooltip')}>{hintWhenDisabledText}</div>}\n                disabled={hideHintWhenDisabled}\n                placement={['bottom']}\n            >\n                {(_, refForPopover) => (\n                    <ActionTooltip\n                        openDelay={ToolbarTooltipDelay.Open}\n                        closeDelay={ToolbarTooltipDelay.Close}\n                        description={hintText}\n                        title={titleText}\n                        hotkey={hotkey}\n                    >\n                        {(__, refForTooltip) => (\n                            <Button\n                                qa={qa}\n                                size=\"m\"\n                                ref={(elem: HTMLButtonElement) => {\n                                    setRef(ref, elem);\n                                    setRef(refForPopover, elem);\n                                    setRef(refForTooltip, elem);\n                                }}\n                                selected={active}\n                                disabled={disabled}\n                                view={active ? 'normal' : 'flat'}\n                                onClick={onClick}\n                                className={b(null, [className])}\n                                aria-label={titleText}\n                                data-toolbar-item={id}\n                            >\n                                {'icon' in props ? (\n                                    <Icon\n                                        data={props.icon.data}\n                                        size={props.icon.size ?? DEFAULT_ICON_SIZE}\n                                    />\n                                ) : (\n                                    props.children\n                                )}\n                            </Button>\n                        )}\n                    </ActionTooltip>\n                )}\n            </Popover>\n        );\n    },\n);\n\nexport function ToolbarButton<E>(props: ToolbarButtonProps<E>) {\n    const {id, editor, focus, isActive, isEnable, exec, onClick} = props;\n\n    const active = isActive(editor);\n    const enabled = isEnable(editor);\n\n    const handleClick = () => {\n        focus();\n        exec(editor);\n        onClick?.(id);\n    };\n\n    return <ToolbarButtonView {...props} active={active} enabled={enabled} onClick={handleClick} />;\n}\n"]}

package/build/cjs/toolbar/ToolbarListButton.d.ts

@@ -3,5 +3,6 @@ import "./ToolbarListButton.css";
 export type { ToolbarListButtonData };
 export type ToolbarListButtonProps<E> = ToolbarBaseProps<E> & ToolbarListButtonData<E> & {
     qaMenu?: string;
+    qaActionDisabledPopover?: string;
 };
-export declare function ToolbarListButton<E>({ className, editor, focus, onClick, icon, title, withArrow, data, alwaysActive, replaceActiveIcon, qa, qaMenu, }: ToolbarListButtonProps<E>): JSX.Element | null;
+export declare function ToolbarListButton<E>({ className, editor, focus, onClick, icon, title, withArrow, data, alwaysActive, replaceActiveIcon, qa, qaMenu, qaActionDisabledPopover, }: ToolbarListButtonProps<E>): JSX.Element | null;

package/build/cjs/toolbar/ToolbarListButton.js

@@ -13,7 +13,7 @@ const PreviewTooltip_1 = require("./PreviewTooltip.js");
 const ToolbarButton_1 = require("./ToolbarButton.js");
 require("./ToolbarListButton.css");
 const b = (0, classname_1.cn)('toolbar-list-button');
-function ToolbarListButton({ className, editor, focus, onClick, icon, title, withArrow, data, alwaysActive, replaceActiveIcon, qa, qaMenu, }) {
+function ToolbarListButton({ className, editor, focus, onClick, icon, title, withArrow, data, alwaysActive, replaceActiveIcon, qa, qaMenu, qaActionDisabledPopover = 'g-md-toolbar-action-disabled-hint', }) {
     const [anchorElement, setAnchorElement] = (0, hooks_1.useElementState)();
     const [open, , hide, toggleOpen] = (0, hooks_1.useBooleanState)(false);
     const [popupItem, setPopupItem] = (0, react_1.useState)();
@@ -66,7 +66,7 @@ function ToolbarListButton({ className, editor, focus, onClick, icon, title, wit
                                 onClick?.(id);
                             }
                         };
-                        return ((0, jsx_runtime_1.jsx)(uikit_1.Popover, { className: b('action-disabled-popover'), content: (0, jsx_runtime_1.jsx)("div", { className: b('action-disabled-tooltip'), children: hintWhenDisabledText }), placement: "left", modal: false, disabled: hideHintWhenDisabled, qa: "g-md-toolbar-action-disabled-hint", children: (props, ref) => ((0, jsx_runtime_1.jsx)(PreviewTooltip_1.PreviewTooltip, { preview: preview, children: (0, jsx_runtime_1.jsx)(uikit_1.Menu.Item, { ref: ref, active: isActive(editor), disabled: !isEnable(editor), onClick: handleClick, iconStart: (0, jsx_runtime_1.jsx)(uikit_1.Icon, { data: icon.data, size: icon.size ?? 16 }), extraProps: {
+                        return ((0, jsx_runtime_1.jsx)(uikit_1.Popover, { className: b('action-disabled-popover'), content: (0, jsx_runtime_1.jsx)("div", { className: b('action-disabled-tooltip'), children: hintWhenDisabledText }), placement: "left", modal: false, disabled: hideHintWhenDisabled, qa: qaActionDisabledPopover, children: (props, ref) => ((0, jsx_runtime_1.jsx)(PreviewTooltip_1.PreviewTooltip, { preview: preview, children: (0, jsx_runtime_1.jsx)(uikit_1.Menu.Item, { ref: ref, active: isActive(editor), disabled: !isEnable(editor), onClick: handleClick, iconStart: (0, jsx_runtime_1.jsx)(uikit_1.Icon, { data: icon.data, size: icon.size ?? 16 }), extraProps: {
                                         ...props,
                                         'aria-label': titleText,
                                     }, children: (0, jsx_runtime_1.jsxs)("div", { className: b('item'), children: [titleText, (0, jsx_runtime_1.jsxs)("div", { className: b('extra'), children: [hotkey && (0, jsx_runtime_1.jsx)(uikit_1.Hotkey, { value: hotkey }), hintText && ((0, jsx_runtime_1.jsx)(uikit_1.HelpMark, { className: b('hint'), popoverProps: { modal: false }, children: hintText }))] })] }) }, id) })) }, id));

package/build/cjs/toolbar/ToolbarListButton.js.map

@@ -1 +1 @@
-{"version":3,"file":"ToolbarListButton.js","sourceRoot":"../../../src","sources":["toolbar/ToolbarListButton.tsx"],"names":[],"mappings":"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","sourcesContent":["import {Fragment, useEffect, useState} from 'react';\n\nimport {ChevronDown} from '@gravity-ui/icons';\nimport {HelpMark, Hotkey, Icon, Menu, Popover, Popup} from '@gravity-ui/uikit';\n\nimport {cn} from '../classname';\nimport {i18n} from '../i18n/common';\nimport {isFunction} from '../lodash';\nimport {useBooleanState, useElementState} from '../react-utils/hooks';\n\nimport {PreviewTooltip} from './PreviewTooltip';\nimport {ToolbarButtonView} from './ToolbarButton';\nimport type {\n    ToolbarBaseProps,\n    ToolbarButtonPopupData,\n    ToolbarItemData,\n    ToolbarListButtonData,\n} from './types';\n\nimport './ToolbarListButton.scss';\n\nconst b = cn('toolbar-list-button');\n\nexport type {ToolbarListButtonData};\n\nexport type ToolbarListButtonProps<E> = ToolbarBaseProps<E> &\n    ToolbarListButtonData<E> & {\n        qaMenu?: string;\n    };\n\nexport function ToolbarListButton<E>({\n    className,\n    editor,\n    focus,\n    onClick,\n    icon,\n    title,\n    withArrow,\n    data,\n    alwaysActive,\n    replaceActiveIcon,\n    qa,\n    qaMenu,\n}: ToolbarListButtonProps<E>) {\n    const [anchorElement, setAnchorElement] = useElementState();\n    const [open, , hide, toggleOpen] = useBooleanState(false);\n    const [popupItem, setPopupItem] = useState<ToolbarButtonPopupData<E>>();\n\n    const everyDisabled = alwaysActive ? false : data.every((item) => !item.isEnable(editor));\n    const popupOpen = everyDisabled ? false : open;\n    const shouldForceHide = open && !popupOpen;\n    useEffect(() => {\n        if (shouldForceHide) {\n            hide();\n        }\n    }, [hide, shouldForceHide]);\n\n    if (data.length === 0) return null;\n\n    const activeItem = data.find((item) => item.isActive(editor) && !item.doNotActivateList);\n    const someActive = alwaysActive ? false : Boolean(activeItem);\n\n    if (replaceActiveIcon && someActive && activeItem) {\n        icon = activeItem.icon;\n    }\n\n    const buttonContent = [<Icon key={1} data={icon.data} size={icon.size ?? 16} />];\n    if (withArrow) {\n        buttonContent.push(<Fragment key={2}>{''}</Fragment>);\n        buttonContent.push(<Icon key={3} data={ChevronDown} size={16} />);\n    }\n\n    return (\n        <>\n            <ToolbarButtonView\n                qa={qa}\n                ref={setAnchorElement}\n                active={someActive}\n                enabled={!everyDisabled}\n                title={title}\n                className={b({arrow: withArrow}, [className])}\n                onClick={() => {\n                    if (popupItem) setPopupItem(undefined);\n                    else toggleOpen();\n                }}\n            >\n                {buttonContent}\n            </ToolbarButtonView>\n            <Popup anchorElement={anchorElement} open={popupOpen} onOpenChange={hide}>\n                <Menu size=\"l\" className={b('menu')} qa={qaMenu}>\n                    {data\n                        .map((data) => {\n                            const {\n                                id,\n                                title,\n                                icon,\n                                hotkey,\n                                isActive,\n                                isEnable,\n                                exec,\n                                hint,\n                                hintWhenDisabled,\n                                preview,\n                            } = data;\n\n                            const titleText = isFunction(title) ? title() : title;\n                            const hintText = isFunction(hint) ? hint() : hint;\n\n                            const disabled = !isEnable(editor);\n\n                            const hideHintWhenDisabled = hintWhenDisabled === false || !disabled;\n                            const hintWhenDisabledText =\n                                typeof hintWhenDisabled === 'string'\n                                    ? hintWhenDisabled\n                                    : typeof hintWhenDisabled === 'function'\n                                      ? hintWhenDisabled()\n                                      : i18n('toolbar_action_disabled');\n\n                            const handleClick = () => {\n                                hide();\n\n                                if (isPopupItem(data)) {\n                                    setPopupItem(data);\n                                } else {\n                                    setPopupItem(undefined);\n                                    focus();\n                                    exec(editor);\n                                    onClick?.(id);\n                                }\n                            };\n\n                            return (\n                                <Popover\n                                    className={b('action-disabled-popover')}\n                                    content={\n                                        <div className={b('action-disabled-tooltip')}>\n                                            {hintWhenDisabledText}\n                                        </div>\n                                    }\n                                    placement=\"left\"\n                                    modal={false}\n                                    disabled={hideHintWhenDisabled}\n                                    qa=\"g-md-toolbar-action-disabled-hint\"\n                                    key={id}\n                                >\n                                    {(props, ref) => (\n                                        <PreviewTooltip preview={preview}>\n                                            <Menu.Item\n                                                key={id}\n                                                ref={ref}\n                                                active={isActive(editor)}\n                                                disabled={!isEnable(editor)}\n                                                onClick={handleClick}\n                                                iconStart={\n                                                    <Icon data={icon.data} size={icon.size ?? 16} />\n                                                }\n                                                extraProps={{\n                                                    ...props,\n                                                    'aria-label': titleText,\n                                                }}\n                                            >\n                                                <div className={b('item')}>\n                                                    {titleText}\n                                                    <div className={b('extra')}>\n                                                        {hotkey && <Hotkey value={hotkey} />}\n                                                        {hintText && (\n                                                            <HelpMark\n                                                                className={b('hint')}\n                                                                popoverProps={{modal: false}}\n                                                            >\n                                                                {hintText}\n                                                            </HelpMark>\n                                                        )}\n                                                    </div>\n                                                </div>\n                                            </Menu.Item>\n                                        </PreviewTooltip>\n                                    )}\n                                </Popover>\n                            );\n                        })\n                        .filter(Boolean)}\n                </Menu>\n            </Popup>\n            {popupItem\n                ? popupItem.renderPopup({\n                      ...popupItem,\n                      editor,\n                      focus,\n                      onClick,\n                      anchorElement,\n                      hide: () => setPopupItem(undefined),\n                  })\n                : null}\n        </>\n    );\n}\n\nfunction isPopupItem<E>(item: ToolbarItemData<E>): item is ToolbarButtonPopupData<E> {\n    return Boolean((item as ToolbarButtonPopupData<E>).renderPopup);\n}\n"]}
+{"version":3,"file":"ToolbarListButton.js","sourceRoot":"../../../src","sources":["toolbar/ToolbarListButton.tsx"],"names":[],"mappings":"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","sourcesContent":["import {Fragment, useEffect, useState} from 'react';\n\nimport {ChevronDown} from '@gravity-ui/icons';\nimport {HelpMark, Hotkey, Icon, Menu, Popover, Popup} from '@gravity-ui/uikit';\n\nimport {cn} from '../classname';\nimport {i18n} from '../i18n/common';\nimport {isFunction} from '../lodash';\nimport {useBooleanState, useElementState} from '../react-utils/hooks';\n\nimport {PreviewTooltip} from './PreviewTooltip';\nimport {ToolbarButtonView} from './ToolbarButton';\nimport type {\n    ToolbarBaseProps,\n    ToolbarButtonPopupData,\n    ToolbarItemData,\n    ToolbarListButtonData,\n} from './types';\n\nimport './ToolbarListButton.scss';\n\nconst b = cn('toolbar-list-button');\n\nexport type {ToolbarListButtonData};\n\nexport type ToolbarListButtonProps<E> = ToolbarBaseProps<E> &\n    ToolbarListButtonData<E> & {\n        qaMenu?: string;\n        qaActionDisabledPopover?: string;\n    };\n\nexport function ToolbarListButton<E>({\n    className,\n    editor,\n    focus,\n    onClick,\n    icon,\n    title,\n    withArrow,\n    data,\n    alwaysActive,\n    replaceActiveIcon,\n    qa,\n    qaMenu,\n    qaActionDisabledPopover = 'g-md-toolbar-action-disabled-hint',\n}: ToolbarListButtonProps<E>) {\n    const [anchorElement, setAnchorElement] = useElementState();\n    const [open, , hide, toggleOpen] = useBooleanState(false);\n    const [popupItem, setPopupItem] = useState<ToolbarButtonPopupData<E>>();\n\n    const everyDisabled = alwaysActive ? false : data.every((item) => !item.isEnable(editor));\n    const popupOpen = everyDisabled ? false : open;\n    const shouldForceHide = open && !popupOpen;\n\n    useEffect(() => {\n        if (shouldForceHide) {\n            hide();\n        }\n    }, [hide, shouldForceHide]);\n\n    if (data.length === 0) return null;\n\n    const activeItem = data.find((item) => item.isActive(editor) && !item.doNotActivateList);\n    const someActive = alwaysActive ? false : Boolean(activeItem);\n\n    if (replaceActiveIcon && someActive && activeItem) {\n        icon = activeItem.icon;\n    }\n\n    const buttonContent = [<Icon key={1} data={icon.data} size={icon.size ?? 16} />];\n    if (withArrow) {\n        buttonContent.push(<Fragment key={2}>{''}</Fragment>);\n        buttonContent.push(<Icon key={3} data={ChevronDown} size={16} />);\n    }\n\n    return (\n        <>\n            <ToolbarButtonView\n                qa={qa}\n                ref={setAnchorElement}\n                active={someActive}\n                enabled={!everyDisabled}\n                title={title}\n                className={b({arrow: withArrow}, [className])}\n                onClick={() => {\n                    if (popupItem) setPopupItem(undefined);\n                    else toggleOpen();\n                }}\n            >\n                {buttonContent}\n            </ToolbarButtonView>\n            <Popup anchorElement={anchorElement} open={popupOpen} onOpenChange={hide}>\n                <Menu size=\"l\" className={b('menu')} qa={qaMenu}>\n                    {data\n                        .map((data) => {\n                            const {\n                                id,\n                                title,\n                                icon,\n                                hotkey,\n                                isActive,\n                                isEnable,\n                                exec,\n                                hint,\n                                hintWhenDisabled,\n                                preview,\n                            } = data;\n\n                            const titleText = isFunction(title) ? title() : title;\n                            const hintText = isFunction(hint) ? hint() : hint;\n\n                            const disabled = !isEnable(editor);\n\n                            const hideHintWhenDisabled = hintWhenDisabled === false || !disabled;\n                            const hintWhenDisabledText =\n                                typeof hintWhenDisabled === 'string'\n                                    ? hintWhenDisabled\n                                    : typeof hintWhenDisabled === 'function'\n                                      ? hintWhenDisabled()\n                                      : i18n('toolbar_action_disabled');\n\n                            const handleClick = () => {\n                                hide();\n\n                                if (isPopupItem(data)) {\n                                    setPopupItem(data);\n                                } else {\n                                    setPopupItem(undefined);\n                                    focus();\n                                    exec(editor);\n                                    onClick?.(id);\n                                }\n                            };\n\n                            return (\n                                <Popover\n                                    className={b('action-disabled-popover')}\n                                    content={\n                                        <div className={b('action-disabled-tooltip')}>\n                                            {hintWhenDisabledText}\n                                        </div>\n                                    }\n                                    placement=\"left\"\n                                    modal={false}\n                                    disabled={hideHintWhenDisabled}\n                                    qa={qaActionDisabledPopover}\n                                    key={id}\n                                >\n                                    {(props, ref) => (\n                                        <PreviewTooltip preview={preview}>\n                                            <Menu.Item\n                                                key={id}\n                                                ref={ref}\n                                                active={isActive(editor)}\n                                                disabled={!isEnable(editor)}\n                                                onClick={handleClick}\n                                                iconStart={\n                                                    <Icon data={icon.data} size={icon.size ?? 16} />\n                                                }\n                                                extraProps={{\n                                                    ...props,\n                                                    'aria-label': titleText,\n                                                }}\n                                            >\n                                                <div className={b('item')}>\n                                                    {titleText}\n                                                    <div className={b('extra')}>\n                                                        {hotkey && <Hotkey value={hotkey} />}\n                                                        {hintText && (\n                                                            <HelpMark\n                                                                className={b('hint')}\n                                                                popoverProps={{modal: false}}\n                                                            >\n                                                                {hintText}\n                                                            </HelpMark>\n                                                        )}\n                                                    </div>\n                                                </div>\n                                            </Menu.Item>\n                                        </PreviewTooltip>\n                                    )}\n                                </Popover>\n                            );\n                        })\n                        .filter(Boolean)}\n                </Menu>\n            </Popup>\n            {popupItem\n                ? popupItem.renderPopup({\n                      ...popupItem,\n                      editor,\n                      focus,\n                      onClick,\n                      anchorElement,\n                      hide: () => setPopupItem(undefined),\n                  })\n                : null}\n        </>\n    );\n}\n\nfunction isPopupItem<E>(item: ToolbarItemData<E>): item is ToolbarButtonPopupData<E> {\n    return Boolean((item as ToolbarButtonPopupData<E>).renderPopup);\n}\n"]}

package/build/cjs/version.js

@@ -2,5 +2,5 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.VERSION = void 0;
 /** During build process, the current version will be injected here */
-exports.VERSION = typeof '15.13.3' !== 'undefined' ? '15.13.3' : 'unknown';
+exports.VERSION = typeof '15.14.1' !== 'undefined' ? '15.14.1' : 'unknown';
 //# sourceMappingURL=version.js.map

package/build/cjs/version.js.map

@@ -1 +1 @@
-{"version":3,"file":"version.js","sourceRoot":"../../src","sources":["version.ts"],"names":[],"mappings":";;;AAAA,sEAAsE;AACzD,QAAA,OAAO,GAAG,OAAO,WAAW,KAAK,WAAW,CAAC,CAAC,CAAC,WAAW,CAAC,CAAC,CAAC,SAAS,CAAC","sourcesContent":["/** During build process, the current version will be injected here */\nexport const VERSION = typeof '15.13.3' !== 'undefined' ? '15.13.3' : 'unknown';\n"]}
+{"version":3,"file":"version.js","sourceRoot":"../../src","sources":["version.ts"],"names":[],"mappings":";;;AAAA,sEAAsE;AACzD,QAAA,OAAO,GAAG,OAAO,WAAW,KAAK,WAAW,CAAC,CAAC,CAAC,WAAW,CAAC,CAAC,CAAC,SAAS,CAAC","sourcesContent":["/** During build process, the current version will be injected here */\nexport const VERSION = typeof '15.14.1' !== 'undefined' ? '15.14.1' : 'unknown';\n"]}

package/build/esm/bundle/MarkupEditorView.js

@@ -26,7 +26,7 @@ export const MarkupEditorView = memo((props) => {
     return (_jsxs("div", { className: b({ toolbar: toolbarVisible }, [className]), "data-qa": qa, children: [toolbarVisible ? (_jsx(MarkupToolbarContextProvider, { value: {
                     uploadHandler: editor.fileUploadHandler,
                     needToSetDimensionsForUploadedImages: editor.needToSetDimensionsForUploadedImages,
-                }, children: _jsx(ToolbarView, { qa: "g-md-toolbar", editor: editor, editorMode: "markup", toolbarEditor: editor, hiddenActionsConfig: hiddenActionsConfig, stickyToolbar: stickyToolbar, toolbarConfig: toolbarConfig, toolbarFocus: () => editor.focus(), settingsVisible: settingsVisible, className: b('toolbar', [toolbarClassName]), children: children }) })) : null, _jsx(MarkupEditorComponent, { autofocus: autofocus, editor: editor, className: b('editor', { 'toolbar-visible': toolbarVisible }), children: _jsx(ReactRendererComponent, { storage: editor.renderStorage }) })] }));
+                }, children: _jsx(ToolbarView, { qa: "g-md-toolbar-main", editor: editor, editorMode: "markup", toolbarEditor: editor, hiddenActionsConfig: hiddenActionsConfig, stickyToolbar: stickyToolbar, toolbarConfig: toolbarConfig, toolbarFocus: () => editor.focus(), settingsVisible: settingsVisible, className: b('toolbar', [toolbarClassName]), children: children }) })) : null, _jsx(MarkupEditorComponent, { autofocus: autofocus, editor: editor, className: b('editor', { 'toolbar-visible': toolbarVisible }), children: _jsx(ReactRendererComponent, { storage: editor.renderStorage }) })] }));
 });
 MarkupEditorView.displayName = 'MarkdownMarkupEditorView';
 //# sourceMappingURL=MarkupEditorView.js.map

package/build/esm/bundle/MarkupEditorView.js.map

@@ -1 +1 @@
-{"version":3,"file":"MarkupEditorView.js","sourceRoot":"../../../src","sources":["bundle/MarkupEditorView.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAC,IAAI,EAAC,MAAM,OAAO,CAAC;AAI3B,OAAO,EAAsB,EAAE,EAAC,wBAAqB;AACrD,OAAO,EAAC,sBAAsB,EAAC,+BAAsB;AACrD,OAAO,EAAC,YAAY,EAAC,qBAAkB;AACvC,OAAO,EAAC,aAAa,EAAC,gCAA6B;AAGnD,OAAO,EAAC,qBAAqB,EAAC,mCAAgC;AAC9D,OAAO,EAAC,WAAW,EAAC,yBAAsB;AAC1C,OAAO,EAAC,4BAA4B,EAAC,oCAAiC;AAItE,gCAAiC;AAEjC,MAAM,CAAC,GAAG,EAAE,CAAC,eAAe,CAAC,CAAC;AAiB9B,MAAM,CAAC,MAAM,gBAAgB,GAAG,IAAI,CAAwB,CAAC,KAAK,EAAE,EAAE;IAClE,MAAM,EACF,MAAM,EACN,SAAS,EACT,eAAe,EACf,cAAc,EACd,aAAa,EACb,mBAAmB,EACnB,EAAE,EACF,SAAS,EACT,gBAAgB,EAChB,QAAQ,EACR,aAAa,GAAG,IAAI,GACvB,GAAG,KAAK,CAAC;IACV,aAAa,CAAC,CAAC,IAAI,EAAE,EAAE;QACnB,YAAY,CAAC,OAAO,CAAC;YACjB,SAAS,EAAE,eAAe;YAC1B,KAAK,EAAE,QAAQ;YACf,QAAQ,EAAE,IAAI;SACjB,CAAC,CAAC;QACH,MAAM,CAAC,MAAM,CAAC,OAAO,CAAC;YAClB,SAAS,EAAE,eAAe;YAC1B,KAAK,EAAE,QAAQ;YACf,QAAQ,EAAE,IAAI;SACjB,CAAC,CAAC;IACP,CAAC,CAAC,CAAC;IAEH,OAAO,CACH,eAAK,SAAS,EAAE,CAAC,CAAC,EAAC,OAAO,EAAE,cAAc,EAAC,EAAE,CAAC,SAAS,CAAC,CAAC,aAAW,EAAE,aACjE,cAAc,CAAC,CAAC,CAAC,CACd,KAAC,4BAA4B,IACzB,KAAK,EAAE;oBACH,aAAa,EAAE,MAAM,CAAC,iBAAiB;oBACvC,oCAAoC,EAChC,MAAM,CAAC,oCAAoC;iBAClD,YAED,KAAC,WAAW,IACR,EAAE,EAAC,cAAc,EACjB,MAAM,EAAE,MAAM,EACd,UAAU,EAAC,QAAQ,EACnB,aAAa,EAAE,MAAM,EACrB,mBAAmB,EAAE,mBAAmB,EACxC,aAAa,EAAE,aAAa,EAC5B,aAAa,EAAE,aAAa,EAC5B,YAAY,EAAE,GAAG,EAAE,CAAC,MAAM,CAAC,KAAK,EAAE,EAClC,eAAe,EAAE,eAAe,EAChC,SAAS,EAAE,CAAC,CAAC,SAAS,EAAE,CAAC,gBAAgB,CAAC,CAAC,YAE1C,QAAQ,GACC,GACa,CAClC,CAAC,CAAC,CAAC,IAAI,EACR,KAAC,qBAAqB,IAClB,SAAS,EAAE,SAAS,EACpB,MAAM,EAAE,MAAM,EACd,SAAS,EAAE,CAAC,CAAC,QAAQ,EAAE,EAAC,iBAAiB,EAAE,cAAc,EAAC,CAAC,YAE3D,KAAC,sBAAsB,IAAC,OAAO,EAAE,MAAM,CAAC,aAAa,GAAI,GACrC,IACtB,CACT,CAAC;AACN,CAAC,CAAC,CAAC;AACH,gBAAgB,CAAC,WAAW,GAAG,0BAA0B,CAAC","sourcesContent":["import {memo} from 'react';\n\nimport type {QAProps} from '@gravity-ui/uikit';\n\nimport {type ClassNameProps, cn} from '../classname';\nimport {ReactRendererComponent} from '../extensions';\nimport {globalLogger} from '../logger';\nimport {useRenderTime} from '../react-utils/hooks';\n\nimport type {EditorInt} from './Editor';\nimport {MarkupEditorComponent} from './MarkupEditorComponent';\nimport {ToolbarView} from './ToolbarView';\nimport {MarkupToolbarContextProvider} from './toolbar/markup/context';\nimport type {MToolbarData, MToolbarItemData} from './toolbar/types';\nimport type {MarkdownEditorSplitMode} from './types';\n\nimport './MarkupEditorView.scss';\n\nconst b = cn('markup-editor');\n\nexport type MarkupEditorViewProps = ClassNameProps &\n    QAProps & {\n        editor: EditorInt;\n        autofocus?: boolean;\n        toolbarConfig: MToolbarData;\n        settingsVisible?: boolean;\n        toolbarVisible?: boolean;\n        stickyToolbar?: boolean;\n        toolbarClassName?: string;\n        splitMode?: MarkdownEditorSplitMode;\n        splitModeEnabled: boolean;\n        hiddenActionsConfig?: MToolbarItemData[];\n        children?: React.ReactNode;\n    };\n\nexport const MarkupEditorView = memo<MarkupEditorViewProps>((props) => {\n    const {\n        editor,\n        autofocus,\n        settingsVisible,\n        toolbarVisible,\n        toolbarConfig,\n        hiddenActionsConfig,\n        qa,\n        className,\n        toolbarClassName,\n        children,\n        stickyToolbar = true,\n    } = props;\n    useRenderTime((time) => {\n        globalLogger.metrics({\n            component: 'markup-editor',\n            event: 'render',\n            duration: time,\n        });\n        editor.logger.metrics({\n            component: 'markup-editor',\n            event: 'render',\n            duration: time,\n        });\n    });\n\n    return (\n        <div className={b({toolbar: toolbarVisible}, [className])} data-qa={qa}>\n            {toolbarVisible ? (\n                <MarkupToolbarContextProvider\n                    value={{\n                        uploadHandler: editor.fileUploadHandler,\n                        needToSetDimensionsForUploadedImages:\n                            editor.needToSetDimensionsForUploadedImages,\n                    }}\n                >\n                    <ToolbarView\n                        qa=\"g-md-toolbar\"\n                        editor={editor}\n                        editorMode=\"markup\"\n                        toolbarEditor={editor}\n                        hiddenActionsConfig={hiddenActionsConfig}\n                        stickyToolbar={stickyToolbar}\n                        toolbarConfig={toolbarConfig}\n                        toolbarFocus={() => editor.focus()}\n                        settingsVisible={settingsVisible}\n                        className={b('toolbar', [toolbarClassName])}\n                    >\n                        {children}\n                    </ToolbarView>\n                </MarkupToolbarContextProvider>\n            ) : null}\n            <MarkupEditorComponent\n                autofocus={autofocus}\n                editor={editor}\n                className={b('editor', {'toolbar-visible': toolbarVisible})}\n            >\n                <ReactRendererComponent storage={editor.renderStorage} />\n            </MarkupEditorComponent>\n        </div>\n    );\n});\nMarkupEditorView.displayName = 'MarkdownMarkupEditorView';\n"]}
+{"version":3,"file":"MarkupEditorView.js","sourceRoot":"../../../src","sources":["bundle/MarkupEditorView.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAC,IAAI,EAAC,MAAM,OAAO,CAAC;AAI3B,OAAO,EAAsB,EAAE,EAAC,wBAAqB;AACrD,OAAO,EAAC,sBAAsB,EAAC,+BAAsB;AACrD,OAAO,EAAC,YAAY,EAAC,qBAAkB;AACvC,OAAO,EAAC,aAAa,EAAC,gCAA6B;AAGnD,OAAO,EAAC,qBAAqB,EAAC,mCAAgC;AAC9D,OAAO,EAAC,WAAW,EAAC,yBAAsB;AAC1C,OAAO,EAAC,4BAA4B,EAAC,oCAAiC;AAItE,gCAAiC;AAEjC,MAAM,CAAC,GAAG,EAAE,CAAC,eAAe,CAAC,CAAC;AAiB9B,MAAM,CAAC,MAAM,gBAAgB,GAAG,IAAI,CAAwB,CAAC,KAAK,EAAE,EAAE;IAClE,MAAM,EACF,MAAM,EACN,SAAS,EACT,eAAe,EACf,cAAc,EACd,aAAa,EACb,mBAAmB,EACnB,EAAE,EACF,SAAS,EACT,gBAAgB,EAChB,QAAQ,EACR,aAAa,GAAG,IAAI,GACvB,GAAG,KAAK,CAAC;IACV,aAAa,CAAC,CAAC,IAAI,EAAE,EAAE;QACnB,YAAY,CAAC,OAAO,CAAC;YACjB,SAAS,EAAE,eAAe;YAC1B,KAAK,EAAE,QAAQ;YACf,QAAQ,EAAE,IAAI;SACjB,CAAC,CAAC;QACH,MAAM,CAAC,MAAM,CAAC,OAAO,CAAC;YAClB,SAAS,EAAE,eAAe;YAC1B,KAAK,EAAE,QAAQ;YACf,QAAQ,EAAE,IAAI;SACjB,CAAC,CAAC;IACP,CAAC,CAAC,CAAC;IAEH,OAAO,CACH,eAAK,SAAS,EAAE,CAAC,CAAC,EAAC,OAAO,EAAE,cAAc,EAAC,EAAE,CAAC,SAAS,CAAC,CAAC,aAAW,EAAE,aACjE,cAAc,CAAC,CAAC,CAAC,CACd,KAAC,4BAA4B,IACzB,KAAK,EAAE;oBACH,aAAa,EAAE,MAAM,CAAC,iBAAiB;oBACvC,oCAAoC,EAChC,MAAM,CAAC,oCAAoC;iBAClD,YAED,KAAC,WAAW,IACR,EAAE,EAAC,mBAAmB,EACtB,MAAM,EAAE,MAAM,EACd,UAAU,EAAC,QAAQ,EACnB,aAAa,EAAE,MAAM,EACrB,mBAAmB,EAAE,mBAAmB,EACxC,aAAa,EAAE,aAAa,EAC5B,aAAa,EAAE,aAAa,EAC5B,YAAY,EAAE,GAAG,EAAE,CAAC,MAAM,CAAC,KAAK,EAAE,EAClC,eAAe,EAAE,eAAe,EAChC,SAAS,EAAE,CAAC,CAAC,SAAS,EAAE,CAAC,gBAAgB,CAAC,CAAC,YAE1C,QAAQ,GACC,GACa,CAClC,CAAC,CAAC,CAAC,IAAI,EACR,KAAC,qBAAqB,IAClB,SAAS,EAAE,SAAS,EACpB,MAAM,EAAE,MAAM,EACd,SAAS,EAAE,CAAC,CAAC,QAAQ,EAAE,EAAC,iBAAiB,EAAE,cAAc,EAAC,CAAC,YAE3D,KAAC,sBAAsB,IAAC,OAAO,EAAE,MAAM,CAAC,aAAa,GAAI,GACrC,IACtB,CACT,CAAC;AACN,CAAC,CAAC,CAAC;AACH,gBAAgB,CAAC,WAAW,GAAG,0BAA0B,CAAC","sourcesContent":["import {memo} from 'react';\n\nimport type {QAProps} from '@gravity-ui/uikit';\n\nimport {type ClassNameProps, cn} from '../classname';\nimport {ReactRendererComponent} from '../extensions';\nimport {globalLogger} from '../logger';\nimport {useRenderTime} from '../react-utils/hooks';\n\nimport type {EditorInt} from './Editor';\nimport {MarkupEditorComponent} from './MarkupEditorComponent';\nimport {ToolbarView} from './ToolbarView';\nimport {MarkupToolbarContextProvider} from './toolbar/markup/context';\nimport type {MToolbarData, MToolbarItemData} from './toolbar/types';\nimport type {MarkdownEditorSplitMode} from './types';\n\nimport './MarkupEditorView.scss';\n\nconst b = cn('markup-editor');\n\nexport type MarkupEditorViewProps = ClassNameProps &\n    QAProps & {\n        editor: EditorInt;\n        autofocus?: boolean;\n        toolbarConfig: MToolbarData;\n        settingsVisible?: boolean;\n        toolbarVisible?: boolean;\n        stickyToolbar?: boolean;\n        toolbarClassName?: string;\n        splitMode?: MarkdownEditorSplitMode;\n        splitModeEnabled: boolean;\n        hiddenActionsConfig?: MToolbarItemData[];\n        children?: React.ReactNode;\n    };\n\nexport const MarkupEditorView = memo<MarkupEditorViewProps>((props) => {\n    const {\n        editor,\n        autofocus,\n        settingsVisible,\n        toolbarVisible,\n        toolbarConfig,\n        hiddenActionsConfig,\n        qa,\n        className,\n        toolbarClassName,\n        children,\n        stickyToolbar = true,\n    } = props;\n    useRenderTime((time) => {\n        globalLogger.metrics({\n            component: 'markup-editor',\n            event: 'render',\n            duration: time,\n        });\n        editor.logger.metrics({\n            component: 'markup-editor',\n            event: 'render',\n            duration: time,\n        });\n    });\n\n    return (\n        <div className={b({toolbar: toolbarVisible}, [className])} data-qa={qa}>\n            {toolbarVisible ? (\n                <MarkupToolbarContextProvider\n                    value={{\n                        uploadHandler: editor.fileUploadHandler,\n                        needToSetDimensionsForUploadedImages:\n                            editor.needToSetDimensionsForUploadedImages,\n                    }}\n                >\n                    <ToolbarView\n                        qa=\"g-md-toolbar-main\"\n                        editor={editor}\n                        editorMode=\"markup\"\n                        toolbarEditor={editor}\n                        hiddenActionsConfig={hiddenActionsConfig}\n                        stickyToolbar={stickyToolbar}\n                        toolbarConfig={toolbarConfig}\n                        toolbarFocus={() => editor.focus()}\n                        settingsVisible={settingsVisible}\n                        className={b('toolbar', [toolbarClassName])}\n                    >\n                        {children}\n                    </ToolbarView>\n                </MarkupToolbarContextProvider>\n            ) : null}\n            <MarkupEditorComponent\n                autofocus={autofocus}\n                editor={editor}\n                className={b('editor', {'toolbar-visible': toolbarVisible})}\n            >\n                <ReactRendererComponent storage={editor.renderStorage} />\n            </MarkupEditorComponent>\n        </div>\n    );\n});\nMarkupEditorView.displayName = 'MarkdownMarkupEditorView';\n"]}

package/build/esm/bundle/WysiwygEditorView.js

@@ -22,7 +22,7 @@ export const WysiwygEditorView = memo((props) => {
             duration: time,
         });
     });
-    return (_jsxs("div", { className: b({ toolbar: toolbarVisible }, [className]), "data-qa": qa, children: [toolbarVisible ? (_jsx(ToolbarView, { qa: "g-md-toolbar", editor: editor, editorMode: "wysiwyg", toolbarEditor: editor, stickyToolbar: stickyToolbar, toolbarConfig: toolbarConfig, toolbarFocus: () => editor.focus(), hiddenActionsConfig: hiddenActionsConfig, settingsVisible: settingsVisible, className: b('toolbar', [toolbarClassName]), children: children })) : null, _jsx(WysiwygEditorComponent, { autofocus: autofocus, editor: editor, className: b('editor'), children: _jsx(ReactRendererComponent, { storage: editor.renderStorage }) })] }));
+    return (_jsxs("div", { className: b({ toolbar: toolbarVisible }, [className]), "data-qa": qa, children: [toolbarVisible ? (_jsx(ToolbarView, { qa: "g-md-toolbar-main", editor: editor, editorMode: "wysiwyg", toolbarEditor: editor, stickyToolbar: stickyToolbar, toolbarConfig: toolbarConfig, toolbarFocus: () => editor.focus(), hiddenActionsConfig: hiddenActionsConfig, settingsVisible: settingsVisible, className: b('toolbar', [toolbarClassName]), children: children })) : null, _jsx(WysiwygEditorComponent, { autofocus: autofocus, editor: editor, className: b('editor'), children: _jsx(ReactRendererComponent, { storage: editor.renderStorage }) })] }));
 });
 WysiwygEditorView.displayName = 'MarkdownWysiwgEditorView';
 //# sourceMappingURL=WysiwygEditorView.js.map

package/build/esm/bundle/WysiwygEditorView.js.map

@@ -1 +1 @@
-{"version":3,"file":"WysiwygEditorView.js","sourceRoot":"../../../src","sources":["bundle/WysiwygEditorView.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAC,IAAI,EAAC,MAAM,OAAO,CAAC;AAI3B,OAAO,EAAsB,EAAE,EAAC,wBAAqB;AACrD,OAAO,EAAC,sBAAsB,EAAC,+BAAsB;AACrD,OAAO,EAAC,YAAY,EAAC,qBAAkB;AACvC,OAAO,EAAC,aAAa,EAAC,gCAA6B;AAGnD,OAAO,EAAC,WAAW,EAAC,yBAAsB;AAC1C,OAAO,EAAC,sBAAsB,EAAC,oCAAiC;AAGhE,iCAAkC;AAElC,MAAM,CAAC,GAAG,EAAE,CAAC,gBAAgB,CAAC,CAAC;AAe/B,MAAM,CAAC,MAAM,iBAAiB,GAAG,IAAI,CAAyB,CAAC,KAAK,EAAE,EAAE;IACpE,MAAM,EACF,MAAM,EACN,SAAS,EACT,eAAe,EACf,cAAc,EACd,aAAa,EACb,mBAAmB,EACnB,EAAE,EACF,SAAS,EACT,gBAAgB,EAChB,QAAQ,EACR,aAAa,GAAG,IAAI,GACvB,GAAG,KAAK,CAAC;IACV,aAAa,CAAC,CAAC,IAAI,EAAE,EAAE;QACnB,YAAY,CAAC,OAAO,CAAC;YACjB,SAAS,EAAE,gBAAgB;YAC3B,KAAK,EAAE,QAAQ;YACf,QAAQ,EAAE,IAAI;SACjB,CAAC,CAAC;QACH,MAAM,CAAC,MAAM,CAAC,OAAO,CAAC;YAClB,SAAS,EAAE,gBAAgB;YAC3B,KAAK,EAAE,QAAQ;YACf,QAAQ,EAAE,IAAI;SACjB,CAAC,CAAC;IACP,CAAC,CAAC,CAAC;IACH,OAAO,CACH,eAAK,SAAS,EAAE,CAAC,CAAC,EAAC,OAAO,EAAE,cAAc,EAAC,EAAE,CAAC,SAAS,CAAC,CAAC,aAAW,EAAE,aACjE,cAAc,CAAC,CAAC,CAAC,CACd,KAAC,WAAW,IACR,EAAE,EAAC,cAAc,EACjB,MAAM,EAAE,MAAM,EACd,UAAU,EAAC,SAAS,EACpB,aAAa,EAAE,MAAM,EACrB,aAAa,EAAE,aAAa,EAC5B,aAAa,EAAE,aAAa,EAC5B,YAAY,EAAE,GAAG,EAAE,CAAC,MAAM,CAAC,KAAK,EAAE,EAClC,mBAAmB,EAAE,mBAAmB,EACxC,eAAe,EAAE,eAAe,EAChC,SAAS,EAAE,CAAC,CAAC,SAAS,EAAE,CAAC,gBAAgB,CAAC,CAAC,YAE1C,QAAQ,GACC,CACjB,CAAC,CAAC,CAAC,IAAI,EACR,KAAC,sBAAsB,IAAC,SAAS,EAAE,SAAS,EAAE,MAAM,EAAE,MAAM,EAAE,SAAS,EAAE,CAAC,CAAC,QAAQ,CAAC,YAChF,KAAC,sBAAsB,IAAC,OAAO,EAAE,MAAM,CAAC,aAAa,GAAI,GACpC,IACvB,CACT,CAAC;AACN,CAAC,CAAC,CAAC;AACH,iBAAiB,CAAC,WAAW,GAAG,0BAA0B,CAAC","sourcesContent":["import {memo} from 'react';\n\nimport type {QAProps} from '@gravity-ui/uikit';\n\nimport {type ClassNameProps, cn} from '../classname';\nimport {ReactRendererComponent} from '../extensions';\nimport {globalLogger} from '../logger';\nimport {useRenderTime} from '../react-utils/hooks';\n\nimport type {EditorInt} from './Editor';\nimport {ToolbarView} from './ToolbarView';\nimport {WysiwygEditorComponent} from './WysiwygEditorComponent';\nimport type {WToolbarData, WToolbarItemData} from './toolbar/types';\n\nimport './WysiwygEditorView.scss';\n\nconst b = cn('wysiwyg-editor');\n\nexport type WysiwygEditorViewProps = ClassNameProps &\n    QAProps & {\n        editor: EditorInt;\n        autofocus?: boolean;\n        settingsVisible?: boolean;\n        toolbarConfig: WToolbarData;\n        toolbarVisible?: boolean;\n        stickyToolbar?: boolean;\n        toolbarClassName?: string;\n        hiddenActionsConfig?: WToolbarItemData[];\n        children?: React.ReactNode;\n    };\n\nexport const WysiwygEditorView = memo<WysiwygEditorViewProps>((props) => {\n    const {\n        editor,\n        autofocus,\n        settingsVisible,\n        toolbarVisible,\n        toolbarConfig,\n        hiddenActionsConfig,\n        qa,\n        className,\n        toolbarClassName,\n        children,\n        stickyToolbar = true,\n    } = props;\n    useRenderTime((time) => {\n        globalLogger.metrics({\n            component: 'wysiwyg-editor',\n            event: 'render',\n            duration: time,\n        });\n        editor.logger.metrics({\n            component: 'wysiwyg-editor',\n            event: 'render',\n            duration: time,\n        });\n    });\n    return (\n        <div className={b({toolbar: toolbarVisible}, [className])} data-qa={qa}>\n            {toolbarVisible ? (\n                <ToolbarView\n                    qa=\"g-md-toolbar\"\n                    editor={editor}\n                    editorMode=\"wysiwyg\"\n                    toolbarEditor={editor}\n                    stickyToolbar={stickyToolbar}\n                    toolbarConfig={toolbarConfig}\n                    toolbarFocus={() => editor.focus()}\n                    hiddenActionsConfig={hiddenActionsConfig}\n                    settingsVisible={settingsVisible}\n                    className={b('toolbar', [toolbarClassName])}\n                >\n                    {children}\n                </ToolbarView>\n            ) : null}\n            <WysiwygEditorComponent autofocus={autofocus} editor={editor} className={b('editor')}>\n                <ReactRendererComponent storage={editor.renderStorage} />\n            </WysiwygEditorComponent>\n        </div>\n    );\n});\nWysiwygEditorView.displayName = 'MarkdownWysiwgEditorView';\n"]}
+{"version":3,"file":"WysiwygEditorView.js","sourceRoot":"../../../src","sources":["bundle/WysiwygEditorView.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAC,IAAI,EAAC,MAAM,OAAO,CAAC;AAI3B,OAAO,EAAsB,EAAE,EAAC,wBAAqB;AACrD,OAAO,EAAC,sBAAsB,EAAC,+BAAsB;AACrD,OAAO,EAAC,YAAY,EAAC,qBAAkB;AACvC,OAAO,EAAC,aAAa,EAAC,gCAA6B;AAGnD,OAAO,EAAC,WAAW,EAAC,yBAAsB;AAC1C,OAAO,EAAC,sBAAsB,EAAC,oCAAiC;AAGhE,iCAAkC;AAElC,MAAM,CAAC,GAAG,EAAE,CAAC,gBAAgB,CAAC,CAAC;AAe/B,MAAM,CAAC,MAAM,iBAAiB,GAAG,IAAI,CAAyB,CAAC,KAAK,EAAE,EAAE;IACpE,MAAM,EACF,MAAM,EACN,SAAS,EACT,eAAe,EACf,cAAc,EACd,aAAa,EACb,mBAAmB,EACnB,EAAE,EACF,SAAS,EACT,gBAAgB,EAChB,QAAQ,EACR,aAAa,GAAG,IAAI,GACvB,GAAG,KAAK,CAAC;IACV,aAAa,CAAC,CAAC,IAAI,EAAE,EAAE;QACnB,YAAY,CAAC,OAAO,CAAC;YACjB,SAAS,EAAE,gBAAgB;YAC3B,KAAK,EAAE,QAAQ;YACf,QAAQ,EAAE,IAAI;SACjB,CAAC,CAAC;QACH,MAAM,CAAC,MAAM,CAAC,OAAO,CAAC;YAClB,SAAS,EAAE,gBAAgB;YAC3B,KAAK,EAAE,QAAQ;YACf,QAAQ,EAAE,IAAI;SACjB,CAAC,CAAC;IACP,CAAC,CAAC,CAAC;IACH,OAAO,CACH,eAAK,SAAS,EAAE,CAAC,CAAC,EAAC,OAAO,EAAE,cAAc,EAAC,EAAE,CAAC,SAAS,CAAC,CAAC,aAAW,EAAE,aACjE,cAAc,CAAC,CAAC,CAAC,CACd,KAAC,WAAW,IACR,EAAE,EAAC,mBAAmB,EACtB,MAAM,EAAE,MAAM,EACd,UAAU,EAAC,SAAS,EACpB,aAAa,EAAE,MAAM,EACrB,aAAa,EAAE,aAAa,EAC5B,aAAa,EAAE,aAAa,EAC5B,YAAY,EAAE,GAAG,EAAE,CAAC,MAAM,CAAC,KAAK,EAAE,EAClC,mBAAmB,EAAE,mBAAmB,EACxC,eAAe,EAAE,eAAe,EAChC,SAAS,EAAE,CAAC,CAAC,SAAS,EAAE,CAAC,gBAAgB,CAAC,CAAC,YAE1C,QAAQ,GACC,CACjB,CAAC,CAAC,CAAC,IAAI,EACR,KAAC,sBAAsB,IAAC,SAAS,EAAE,SAAS,EAAE,MAAM,EAAE,MAAM,EAAE,SAAS,EAAE,CAAC,CAAC,QAAQ,CAAC,YAChF,KAAC,sBAAsB,IAAC,OAAO,EAAE,MAAM,CAAC,aAAa,GAAI,GACpC,IACvB,CACT,CAAC;AACN,CAAC,CAAC,CAAC;AACH,iBAAiB,CAAC,WAAW,GAAG,0BAA0B,CAAC","sourcesContent":["import {memo} from 'react';\n\nimport type {QAProps} from '@gravity-ui/uikit';\n\nimport {type ClassNameProps, cn} from '../classname';\nimport {ReactRendererComponent} from '../extensions';\nimport {globalLogger} from '../logger';\nimport {useRenderTime} from '../react-utils/hooks';\n\nimport type {EditorInt} from './Editor';\nimport {ToolbarView} from './ToolbarView';\nimport {WysiwygEditorComponent} from './WysiwygEditorComponent';\nimport type {WToolbarData, WToolbarItemData} from './toolbar/types';\n\nimport './WysiwygEditorView.scss';\n\nconst b = cn('wysiwyg-editor');\n\nexport type WysiwygEditorViewProps = ClassNameProps &\n    QAProps & {\n        editor: EditorInt;\n        autofocus?: boolean;\n        settingsVisible?: boolean;\n        toolbarConfig: WToolbarData;\n        toolbarVisible?: boolean;\n        stickyToolbar?: boolean;\n        toolbarClassName?: string;\n        hiddenActionsConfig?: WToolbarItemData[];\n        children?: React.ReactNode;\n    };\n\nexport const WysiwygEditorView = memo<WysiwygEditorViewProps>((props) => {\n    const {\n        editor,\n        autofocus,\n        settingsVisible,\n        toolbarVisible,\n        toolbarConfig,\n        hiddenActionsConfig,\n        qa,\n        className,\n        toolbarClassName,\n        children,\n        stickyToolbar = true,\n    } = props;\n    useRenderTime((time) => {\n        globalLogger.metrics({\n            component: 'wysiwyg-editor',\n            event: 'render',\n            duration: time,\n        });\n        editor.logger.metrics({\n            component: 'wysiwyg-editor',\n            event: 'render',\n            duration: time,\n        });\n    });\n    return (\n        <div className={b({toolbar: toolbarVisible}, [className])} data-qa={qa}>\n            {toolbarVisible ? (\n                <ToolbarView\n                    qa=\"g-md-toolbar-main\"\n                    editor={editor}\n                    editorMode=\"wysiwyg\"\n                    toolbarEditor={editor}\n                    stickyToolbar={stickyToolbar}\n                    toolbarConfig={toolbarConfig}\n                    toolbarFocus={() => editor.focus()}\n                    hiddenActionsConfig={hiddenActionsConfig}\n                    settingsVisible={settingsVisible}\n                    className={b('toolbar', [toolbarClassName])}\n                >\n                    {children}\n                </ToolbarView>\n            ) : null}\n            <WysiwygEditorComponent autofocus={autofocus} editor={editor} className={b('editor')}>\n                <ReactRendererComponent storage={editor.renderStorage} />\n            </WysiwygEditorComponent>\n        </div>\n    );\n});\nWysiwygEditorView.displayName = 'MarkdownWysiwgEditorView';\n"]}

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

@@ -8,7 +8,7 @@ import { useBooleanState, useElementState } from "../../react-utils/hooks.js";
 import { ToolbarTooltipDelay } from "../../toolbar/index.js";
 import "./ToolbarButtonWithPopupMenu.css";
 const b = cn('toolbar-button-with-popup-menu');
-export const ToolbarButtonWithPopupMenu = ({ disablePortal, className, focus, onClick, icon, iconClassName, chevronIconClassName, title, menuItems, _selectionType, }) => {
+export const ToolbarButtonWithPopupMenu = ({ disablePortal, className, focus, onClick, icon, iconClassName, chevronIconClassName, title, menuItems, _selectionType, qa, ...props }) => {
     const [anchorElement, setAnchorElement] = useElementState();
     const [open, , hide, toggleOpen] = useBooleanState(false);
     const groups = useMemo(() => groupBy(menuItems.map((i) => ({ ...i, group: i.group || '' })), 'group'), [menuItems]);
@@ -27,7 +27,8 @@ export const ToolbarButtonWithPopupMenu = ({ disablePortal, className, focus, on
             popupOpen && someActive,
         ]
         : [someActive || popupOpen ? 'normal' : 'flat', someActive];
-    return (_jsxs(_Fragment, { children: [_jsx(ActionTooltip, { disabled: popupOpen, openDelay: ToolbarTooltipDelay.Open, closeDelay: ToolbarTooltipDelay.Close, title: isFunction(title) ? title() : title, children: _jsxs(Button, { size: "m", ref: setAnchorElement, view: btnView, selected: btnSelected, disabled: everyDisabled, className: b(null, [className]), onClick: toggleOpen, children: [_jsx(Icon, { data: icon.data, size: icon.size, className: iconClassName }), '', _jsx(Icon, { data: ChevronDown, className: chevronIconClassName })] }) }), _jsx(Popup, { open: popupOpen, disablePortal: disablePortal, anchorElement: anchorElement, onOpenChange: (open) => {
+    const textTitle = isFunction(title) ? title() : title;
+    return (_jsxs(_Fragment, { children: [_jsx(ActionTooltip, { disabled: popupOpen, openDelay: ToolbarTooltipDelay.Open, closeDelay: ToolbarTooltipDelay.Close, title: textTitle, children: _jsxs(Button, { size: "m", ref: setAnchorElement, view: btnView, selected: btnSelected, disabled: everyDisabled, className: b(null, [className]), onClick: toggleOpen, "aria-label": textTitle, qa: qa, ...props, children: [_jsx(Icon, { data: icon.data, size: icon.size, className: iconClassName }), '', _jsx(Icon, { data: ChevronDown, className: chevronIconClassName })] }) }), _jsx(Popup, { open: popupOpen, disablePortal: disablePortal, anchorElement: anchorElement, onOpenChange: (open) => {
                     if (!open)
                         hide();
                 }, children: _jsx(Menu, { size: "l", children: Object.entries(groups).map(([label, items], key) => {

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

@@ -1 +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} 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<never> &\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"]}
+{"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} 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<never> &\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    qa,\n    ...props\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    const textTitle = isFunction(title) ? title() : title;\n\n    return (\n        <>\n            <ActionTooltip\n                disabled={popupOpen}\n                openDelay={ToolbarTooltipDelay.Open}\n                closeDelay={ToolbarTooltipDelay.Close}\n                title={textTitle}\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                    aria-label={textTitle}\n                    qa={qa}\n                    {...props}\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/esm/bundle/toolbar/custom/ToolbarColors.js

@@ -55,6 +55,6 @@ export const ToolbarColors = (props) => {
             },
         });
     }
-    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 }) }));
+    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 }), "data-selected-color": currentColor ?? 'default' }));
 };
 //# sourceMappingURL=ToolbarColors.js.map

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

@@ -1 +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"]}
+{"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            data-selected-color={currentColor ?? 'default'}\n        />\n    );\n};\n"]}

package/build/esm/extensions/additional/GPT/GptDialog/GptDialog.js

@@ -1,11 +1,10 @@
 import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
-import { useCallback, useRef, useState } from 'react';
+import { useCallback, useEffect, useRef, useState } from 'react';
 import { ArrowRight, ArrowRotateLeft, ThumbsDown, ThumbsUp } from '@gravity-ui/icons';
 import { ActionTooltip, Alert, Button, Icon, TextInput } from '@gravity-ui/uikit';
 import { cn } from "../../../../classname.js";
 import { i18n } from "../../../../i18n/gpt/dialog/index.js";
 import gptIcon from "../../../../icons/GPT.js";
-import { useAutoFocus } from "../../../../react-utils/useAutoFocus.js";
 import { ErrorScreen } from "../ErrorScreen/ErrorScreen.js";
 import { IconRefuge } from "../IconRefuge/IconRefuge.js";
 import { PresetList } from "../PresetList/PresetList.js";
@@ -39,7 +38,11 @@ export const GptDialog = ({ markup, answerRender, promptPresets, disablePromptPr
         gptAlert?.onCloseGptAlert?.();
         setShowedGptAlert(false);
     }, [gptAlert]);
-    useAutoFocus(customPromptContainerRef, [showAnswer]);
+    useEffect(() => {
+        if (customPromptContainerRef.current) {
+            customPromptContainerRef.current.focus();
+        }
+    }, [customPromptContainerRef.current]);
     useGptHotKeys(gptHotKeys.tryAgainGpt, handleTryAgain);
     useGptHotKeys(gptHotKeys.freshStartGpt, handleFreshStart);
     useGptHotKeys(gptHotKeys.applyResultGpt, handleApplyResult);

package/build/esm/extensions/additional/GPT/GptDialog/GptDialog.js.map

@@ -1 +1 @@
-{"version":3,"file":"GptDialog.js","sourceRoot":"../../../../../../src","sources":["extensions/additional/GPT/GptDialog/GptDialog.tsx"],"names":[],"mappings":"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","sourcesContent":["import {useCallback, useRef, useState} from 'react';\n\nimport {ArrowRight, ArrowRotateLeft, ThumbsDown, ThumbsUp} from '@gravity-ui/icons';\nimport {ActionTooltip, Alert, type AlertProps, Button, Icon, TextInput} from '@gravity-ui/uikit';\n\nimport {cn} from '../../../../classname';\nimport {i18n} from '../../../../i18n/gpt/dialog';\nimport gptIcon from '../../../../icons/GPT';\nimport {useAutoFocus} from '../../../../react-utils/useAutoFocus';\nimport {ErrorScreen} from '../ErrorScreen/ErrorScreen';\nimport type {CommonAnswer, GptRequestData, PromptPreset} from '../ErrorScreen/types';\nimport {IconRefuge} from '../IconRefuge/IconRefuge';\nimport {PresetList} from '../PresetList/PresetList';\nimport {gptHotKeys} from '../constants';\nimport {useGpt} from '../hooks/useGpt';\nimport {useGptHotKeys} from '../hooks/useGptHotKeys';\nimport {getAlertGptInfo, getDisableReplaceButtonText, getInputPlaceHolder} from '../utils';\n\nimport {LoadingScreen} from './LoadingScreen/LoadingScreen';\n\nimport './GptDialog.scss';\n\nexport type GptDialogProps<\n    AnswerData extends CommonAnswer = CommonAnswer,\n    PromptData extends unknown = unknown,\n> = {\n    markup: string;\n    answerRender: (data: AnswerData) => JSX.Element;\n    onApplyResult: (markup: string) => void;\n    promptPresets?: PromptPreset<PromptData>[];\n    disablePromptPresets?: boolean;\n    customPromptPlaceholder?: string;\n    disabledPromptPlaceholder?: string;\n    onCustomPromptApply?: (data: GptRequestData<PromptData>) => Promise<AnswerData | undefined>;\n    onPromptPresetClick?: (data: GptRequestData<PromptData>) => Promise<AnswerData | undefined>;\n    onTryAgain?: (data: GptRequestData<PromptData>) => Promise<AnswerData | undefined>;\n    onLike?: (data: GptRequestData<PromptData>) => Promise<void>;\n    onDislike?: (data: GptRequestData<PromptData>) => Promise<void>;\n    onClose?: () => void;\n    onUpdate?: (value: AnswerData | undefined) => void;\n    gptAlertProps?: {\n        showedGptAlert: boolean;\n        onCloseGptAlert?: () => void;\n        message?: string;\n        theme?: AlertProps['theme'];\n        className?: string;\n    };\n};\n\nexport const cnGptDialog = cn('gpt-dialog');\n\nexport const GptDialog = <\n    AnswerData extends CommonAnswer = CommonAnswer,\n    PromptData extends unknown = unknown,\n>({\n    markup,\n    answerRender,\n    promptPresets,\n    disablePromptPresets,\n    customPromptPlaceholder,\n    disabledPromptPlaceholder,\n    onCustomPromptApply,\n    onPromptPresetClick,\n    onTryAgain,\n    onApplyResult,\n    onClose,\n    onLike,\n    onDislike,\n    onUpdate,\n    gptAlertProps,\n}: GptDialogProps<AnswerData, PromptData>) => {\n    const {\n        answer,\n        customPrompt,\n        loading,\n        mode,\n        feedbackType,\n        feedbackTypeLoading,\n        handleLike,\n        handleDislike,\n        handleCustomPromptUpdate,\n        handleCustomPromptKeyPress,\n        handleCustomPromptApply,\n        handlePresetClick,\n        handleTryAgain,\n        handleFreshStart,\n        handleApplyResult,\n        showAnswer,\n        showError,\n        showAnswerActions,\n        showTryAgainButton,\n    } = useGpt({\n        markup,\n        promptPresets,\n        onLike,\n        onDislike,\n        onCustomPromptApply,\n        onPromptPresetClick,\n        onTryAgain,\n        onApplyResult,\n        onUpdate,\n    });\n\n    const gptAlert = gptAlertProps;\n\n    const customPromptContainerRef = useRef<HTMLInputElement>(null);\n\n    const [showedGptAlert, setShowedGptAlert] = useState(gptAlert?.showedGptAlert);\n\n    const {alertMessage, alertTheme, alertClassName} = getAlertGptInfo(gptAlert);\n\n    const onCloseAlert = useCallback(() => {\n        if (gptAlert) {\n            gptAlert.showedGptAlert = false;\n        }\n        gptAlert?.onCloseGptAlert?.();\n\n        setShowedGptAlert(false);\n    }, [gptAlert]);\n\n    useAutoFocus(customPromptContainerRef, [showAnswer]);\n\n    useGptHotKeys(gptHotKeys.tryAgainGpt, handleTryAgain);\n    useGptHotKeys(gptHotKeys.freshStartGpt, handleFreshStart);\n    useGptHotKeys(gptHotKeys.applyResultGpt, handleApplyResult);\n\n    const replaceButtonText = getDisableReplaceButtonText(disablePromptPresets);\n\n    const inputPlaceholderText = getInputPlaceHolder(\n        disablePromptPresets,\n        disabledPromptPlaceholder,\n        customPromptPlaceholder,\n    );\n\n    const tryAgainButton = (\n        <ActionTooltip hotkey={gptHotKeys.tryAgainGpt} title={i18n('try-again')}>\n            <Button\n                className={cnGptDialog('try-again-button')}\n                view=\"normal\"\n                size=\"m\"\n                onClick={handleTryAgain}\n            >\n                <Icon data={ArrowRotateLeft} size={16} />\n                {i18n('try-again')}\n            </Button>\n        </ActionTooltip>\n    );\n\n    let content = null;\n\n    if (loading) {\n        content = <LoadingScreen />;\n    } else if (showError) {\n        content = <ErrorScreen onRetry={handleTryAgain} onStartAgain={handleFreshStart} />;\n    } else {\n        content = (\n            <>\n                <div className={cnGptDialog('header')}>\n                    <div className={cnGptDialog('header-top')}>\n                        <IconRefuge\n                            containerClassName={cnGptDialog('gpt-icon')}\n                            data={gptIcon}\n                            refugeSize={28}\n                            size={16}\n                        />\n                        {(mode === 'only-custom' || mode === 'custom-and-presets') &&\n                            (showAnswer ? (\n                                <span className={cnGptDialog('answer-title')}>\n                                    {i18n('answer-title')}\n                                </span>\n                            ) : (\n                                <div className={cnGptDialog('custom-prompt')}>\n                                    <TextInput\n                                        controlRef={customPromptContainerRef}\n                                        view=\"clear\"\n                                        size=\"m\"\n                                        className={cnGptDialog('custom-prompt-input')}\n                                        placeholder={inputPlaceholderText}\n                                        onKeyPress={handleCustomPromptKeyPress}\n                                        onUpdate={handleCustomPromptUpdate}\n                                    />\n                                    <Button\n                                        className={cnGptDialog('custom-prompt-ask-button')}\n                                        view=\"normal\"\n                                        size=\"s\"\n                                        disabled={!customPrompt}\n                                        onClick={handleCustomPromptApply}\n                                    >\n                                        <Icon data={ArrowRight} size={16} />\n                                    </Button>\n                                </div>\n                            ))}\n                        {mode === 'only-presets' && (\n                            <div className={cnGptDialog('alone-presets')}>\n                                <span className={cnGptDialog('alone-presets-text')}>\n                                    {i18n('only-presets-title')}\n                                </span>\n                            </div>\n                        )}\n                    </div>\n                    {(mode === 'custom-and-presets' || mode === 'only-presets') &&\n                        ((showTryAgainButton && (\n                            <div className={cnGptDialog('header-bottom')}>\n                                {tryAgainButton}\n                                <ActionTooltip\n                                    title={i18n('fresh-start-button')}\n                                    hotkey={gptHotKeys.freshStartGpt}\n                                >\n                                    <Button\n                                        className={cnGptDialog('back-to-start')}\n                                        view=\"normal\"\n                                        size=\"m\"\n                                        onClick={handleFreshStart}\n                                    >\n                                        {i18n('fresh-start-button')}\n                                    </Button>\n                                </ActionTooltip>\n                            </div>\n                        )) ||\n                            (!disablePromptPresets && (\n                                <div className={cnGptDialog('header-bottom')}>\n                                    <PresetList\n                                        disablePromptPresets={disablePromptPresets}\n                                        promptPresets={promptPresets}\n                                        onPresetClick={handlePresetClick}\n                                    />\n                                </div>\n                            )) ||\n                            (disablePromptPresets && showedGptAlert && (\n                                <Alert\n                                    theme={alertTheme}\n                                    message={alertMessage}\n                                    align=\"center\"\n                                    className={cnGptDialog('description-alert', alertClassName)}\n                                    onClose={onCloseAlert}\n                                />\n                            )))}\n                </div>\n                {showAnswer && (\n                    <>\n                        <div className={cnGptDialog('body')}>\n                            <div className={cnGptDialog('answer')}>{answerRender(answer!)}</div>\n                        </div>\n                        <div className={cnGptDialog('footer')}>\n                            {showAnswerActions && (\n                                <div className={cnGptDialog('answer-actions')}>\n                                    <Button\n                                        className={cnGptDialog('like-button')}\n                                        view=\"normal\"\n                                        size=\"m\"\n                                        onClick={handleLike}\n                                        selected={feedbackType === 'like'}\n                                        loading={feedbackTypeLoading === 'like'}\n                                    >\n                                        <Icon data={ThumbsUp} size={16} />\n                                    </Button>\n                                    <Button\n                                        className={cnGptDialog('dislike-button')}\n                                        view=\"normal\"\n                                        size=\"m\"\n                                        onClick={handleDislike}\n                                        selected={feedbackType === 'dislike'}\n                                        loading={feedbackTypeLoading === 'dislike'}\n                                    >\n                                        <Icon data={ThumbsDown} size={16} />\n                                    </Button>\n                                    {feedbackType && (\n                                        <span className={cnGptDialog('feedback-message')}>\n                                            {i18n('feedback-message')}\n                                        </span>\n                                    )}\n                                </div>\n                            )}\n                            <ActionTooltip\n                                title={i18n('close-button')}\n                                hotkey={gptHotKeys.closeGpt}\n                            >\n                                <Button\n                                    className={cnGptDialog('close-button')}\n                                    view=\"flat\"\n                                    size=\"m\"\n                                    onClick={onClose}\n                                >\n                                    {i18n('close-button')}\n                                </Button>\n                            </ActionTooltip>\n                            <ActionTooltip\n                                title={replaceButtonText}\n                                hotkey={gptHotKeys.applyResultGpt}\n                            >\n                                <Button\n                                    className={cnGptDialog('apply-button')}\n                                    view=\"action\"\n                                    size=\"m\"\n                                    onClick={handleApplyResult}\n                                >\n                                    {replaceButtonText}\n                                </Button>\n                            </ActionTooltip>\n                        </div>\n                    </>\n                )}\n            </>\n        );\n    }\n\n    return <div className={cnGptDialog()}> {content} </div>;\n};\n"]}
+{"version":3,"file":"GptDialog.js","sourceRoot":"../../../../../../src","sources":["extensions/additional/GPT/GptDialog/GptDialog.tsx"],"names":[],"mappings":"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","sourcesContent":["import {useCallback, useEffect, useRef, useState} from 'react';\n\nimport {ArrowRight, ArrowRotateLeft, ThumbsDown, ThumbsUp} from '@gravity-ui/icons';\nimport {ActionTooltip, Alert, type AlertProps, Button, Icon, TextInput} from '@gravity-ui/uikit';\n\nimport {cn} from '../../../../classname';\nimport {i18n} from '../../../../i18n/gpt/dialog';\nimport gptIcon from '../../../../icons/GPT';\nimport {ErrorScreen} from '../ErrorScreen/ErrorScreen';\nimport type {CommonAnswer, GptRequestData, PromptPreset} from '../ErrorScreen/types';\nimport {IconRefuge} from '../IconRefuge/IconRefuge';\nimport {PresetList} from '../PresetList/PresetList';\nimport {gptHotKeys} from '../constants';\nimport {useGpt} from '../hooks/useGpt';\nimport {useGptHotKeys} from '../hooks/useGptHotKeys';\nimport {getAlertGptInfo, getDisableReplaceButtonText, getInputPlaceHolder} from '../utils';\n\nimport {LoadingScreen} from './LoadingScreen/LoadingScreen';\n\nimport './GptDialog.scss';\n\nexport type GptDialogProps<\n    AnswerData extends CommonAnswer = CommonAnswer,\n    PromptData extends unknown = unknown,\n> = {\n    markup: string;\n    answerRender: (data: AnswerData) => JSX.Element;\n    onApplyResult: (markup: string) => void;\n    promptPresets?: PromptPreset<PromptData>[];\n    disablePromptPresets?: boolean;\n    customPromptPlaceholder?: string;\n    disabledPromptPlaceholder?: string;\n    onCustomPromptApply?: (data: GptRequestData<PromptData>) => Promise<AnswerData | undefined>;\n    onPromptPresetClick?: (data: GptRequestData<PromptData>) => Promise<AnswerData | undefined>;\n    onTryAgain?: (data: GptRequestData<PromptData>) => Promise<AnswerData | undefined>;\n    onLike?: (data: GptRequestData<PromptData>) => Promise<void>;\n    onDislike?: (data: GptRequestData<PromptData>) => Promise<void>;\n    onClose?: () => void;\n    onUpdate?: (value: AnswerData | undefined) => void;\n    gptAlertProps?: {\n        showedGptAlert: boolean;\n        onCloseGptAlert?: () => void;\n        message?: string;\n        theme?: AlertProps['theme'];\n        className?: string;\n    };\n};\n\nexport const cnGptDialog = cn('gpt-dialog');\n\nexport const GptDialog = <\n    AnswerData extends CommonAnswer = CommonAnswer,\n    PromptData extends unknown = unknown,\n>({\n    markup,\n    answerRender,\n    promptPresets,\n    disablePromptPresets,\n    customPromptPlaceholder,\n    disabledPromptPlaceholder,\n    onCustomPromptApply,\n    onPromptPresetClick,\n    onTryAgain,\n    onApplyResult,\n    onClose,\n    onLike,\n    onDislike,\n    onUpdate,\n    gptAlertProps,\n}: GptDialogProps<AnswerData, PromptData>) => {\n    const {\n        answer,\n        customPrompt,\n        loading,\n        mode,\n        feedbackType,\n        feedbackTypeLoading,\n        handleLike,\n        handleDislike,\n        handleCustomPromptUpdate,\n        handleCustomPromptKeyPress,\n        handleCustomPromptApply,\n        handlePresetClick,\n        handleTryAgain,\n        handleFreshStart,\n        handleApplyResult,\n        showAnswer,\n        showError,\n        showAnswerActions,\n        showTryAgainButton,\n    } = useGpt({\n        markup,\n        promptPresets,\n        onLike,\n        onDislike,\n        onCustomPromptApply,\n        onPromptPresetClick,\n        onTryAgain,\n        onApplyResult,\n        onUpdate,\n    });\n\n    const gptAlert = gptAlertProps;\n\n    const customPromptContainerRef = useRef<HTMLInputElement>(null);\n\n    const [showedGptAlert, setShowedGptAlert] = useState(gptAlert?.showedGptAlert);\n\n    const {alertMessage, alertTheme, alertClassName} = getAlertGptInfo(gptAlert);\n\n    const onCloseAlert = useCallback(() => {\n        if (gptAlert) {\n            gptAlert.showedGptAlert = false;\n        }\n        gptAlert?.onCloseGptAlert?.();\n\n        setShowedGptAlert(false);\n    }, [gptAlert]);\n\n    useEffect(() => {\n        if (customPromptContainerRef.current) {\n            customPromptContainerRef.current.focus();\n        }\n    }, [customPromptContainerRef.current]);\n\n    useGptHotKeys(gptHotKeys.tryAgainGpt, handleTryAgain);\n    useGptHotKeys(gptHotKeys.freshStartGpt, handleFreshStart);\n    useGptHotKeys(gptHotKeys.applyResultGpt, handleApplyResult);\n\n    const replaceButtonText = getDisableReplaceButtonText(disablePromptPresets);\n\n    const inputPlaceholderText = getInputPlaceHolder(\n        disablePromptPresets,\n        disabledPromptPlaceholder,\n        customPromptPlaceholder,\n    );\n\n    const tryAgainButton = (\n        <ActionTooltip hotkey={gptHotKeys.tryAgainGpt} title={i18n('try-again')}>\n            <Button\n                className={cnGptDialog('try-again-button')}\n                view=\"normal\"\n                size=\"m\"\n                onClick={handleTryAgain}\n            >\n                <Icon data={ArrowRotateLeft} size={16} />\n                {i18n('try-again')}\n            </Button>\n        </ActionTooltip>\n    );\n\n    let content = null;\n\n    if (loading) {\n        content = <LoadingScreen />;\n    } else if (showError) {\n        content = <ErrorScreen onRetry={handleTryAgain} onStartAgain={handleFreshStart} />;\n    } else {\n        content = (\n            <>\n                <div className={cnGptDialog('header')}>\n                    <div className={cnGptDialog('header-top')}>\n                        <IconRefuge\n                            containerClassName={cnGptDialog('gpt-icon')}\n                            data={gptIcon}\n                            refugeSize={28}\n                            size={16}\n                        />\n                        {(mode === 'only-custom' || mode === 'custom-and-presets') &&\n                            (showAnswer ? (\n                                <span className={cnGptDialog('answer-title')}>\n                                    {i18n('answer-title')}\n                                </span>\n                            ) : (\n                                <div className={cnGptDialog('custom-prompt')}>\n                                    <TextInput\n                                        controlRef={customPromptContainerRef}\n                                        view=\"clear\"\n                                        size=\"m\"\n                                        className={cnGptDialog('custom-prompt-input')}\n                                        placeholder={inputPlaceholderText}\n                                        onKeyPress={handleCustomPromptKeyPress}\n                                        onUpdate={handleCustomPromptUpdate}\n                                    />\n                                    <Button\n                                        className={cnGptDialog('custom-prompt-ask-button')}\n                                        view=\"normal\"\n                                        size=\"s\"\n                                        disabled={!customPrompt}\n                                        onClick={handleCustomPromptApply}\n                                    >\n                                        <Icon data={ArrowRight} size={16} />\n                                    </Button>\n                                </div>\n                            ))}\n                        {mode === 'only-presets' && (\n                            <div className={cnGptDialog('alone-presets')}>\n                                <span className={cnGptDialog('alone-presets-text')}>\n                                    {i18n('only-presets-title')}\n                                </span>\n                            </div>\n                        )}\n                    </div>\n                    {(mode === 'custom-and-presets' || mode === 'only-presets') &&\n                        ((showTryAgainButton && (\n                            <div className={cnGptDialog('header-bottom')}>\n                                {tryAgainButton}\n                                <ActionTooltip\n                                    title={i18n('fresh-start-button')}\n                                    hotkey={gptHotKeys.freshStartGpt}\n                                >\n                                    <Button\n                                        className={cnGptDialog('back-to-start')}\n                                        view=\"normal\"\n                                        size=\"m\"\n                                        onClick={handleFreshStart}\n                                    >\n                                        {i18n('fresh-start-button')}\n                                    </Button>\n                                </ActionTooltip>\n                            </div>\n                        )) ||\n                            (!disablePromptPresets && (\n                                <div className={cnGptDialog('header-bottom')}>\n                                    <PresetList\n                                        disablePromptPresets={disablePromptPresets}\n                                        promptPresets={promptPresets}\n                                        onPresetClick={handlePresetClick}\n                                    />\n                                </div>\n                            )) ||\n                            (disablePromptPresets && showedGptAlert && (\n                                <Alert\n                                    theme={alertTheme}\n                                    message={alertMessage}\n                                    align=\"center\"\n                                    className={cnGptDialog('description-alert', alertClassName)}\n                                    onClose={onCloseAlert}\n                                />\n                            )))}\n                </div>\n                {showAnswer && (\n                    <>\n                        <div className={cnGptDialog('body')}>\n                            <div className={cnGptDialog('answer')}>{answerRender(answer!)}</div>\n                        </div>\n                        <div className={cnGptDialog('footer')}>\n                            {showAnswerActions && (\n                                <div className={cnGptDialog('answer-actions')}>\n                                    <Button\n                                        className={cnGptDialog('like-button')}\n                                        view=\"normal\"\n                                        size=\"m\"\n                                        onClick={handleLike}\n                                        selected={feedbackType === 'like'}\n                                        loading={feedbackTypeLoading === 'like'}\n                                    >\n                                        <Icon data={ThumbsUp} size={16} />\n                                    </Button>\n                                    <Button\n                                        className={cnGptDialog('dislike-button')}\n                                        view=\"normal\"\n                                        size=\"m\"\n                                        onClick={handleDislike}\n                                        selected={feedbackType === 'dislike'}\n                                        loading={feedbackTypeLoading === 'dislike'}\n                                    >\n                                        <Icon data={ThumbsDown} size={16} />\n                                    </Button>\n                                    {feedbackType && (\n                                        <span className={cnGptDialog('feedback-message')}>\n                                            {i18n('feedback-message')}\n                                        </span>\n                                    )}\n                                </div>\n                            )}\n                            <ActionTooltip\n                                title={i18n('close-button')}\n                                hotkey={gptHotKeys.closeGpt}\n                            >\n                                <Button\n                                    className={cnGptDialog('close-button')}\n                                    view=\"flat\"\n                                    size=\"m\"\n                                    onClick={onClose}\n                                >\n                                    {i18n('close-button')}\n                                </Button>\n                            </ActionTooltip>\n                            <ActionTooltip\n                                title={replaceButtonText}\n                                hotkey={gptHotKeys.applyResultGpt}\n                            >\n                                <Button\n                                    className={cnGptDialog('apply-button')}\n                                    view=\"action\"\n                                    size=\"m\"\n                                    onClick={handleApplyResult}\n                                >\n                                    {replaceButtonText}\n                                </Button>\n                            </ActionTooltip>\n                        </div>\n                    </>\n                )}\n            </>\n        );\n    }\n\n    return <div className={cnGptDialog()}> {content} </div>;\n};\n"]}

package/build/esm/extensions/additional/GPT/plugin.js

@@ -13,8 +13,8 @@ export const gptWidgetPlugin = (params) => {
             apply: (tr, decos) => {
                 const meta = tr.getMeta(key);
                 const paramsGpt = params;
-                paramsGpt.disablePromptPresets = false;
                 if (meta?.action === 'show') {
+                    paramsGpt.disablePromptPresets = false;
                     if (meta.to === meta.from) {
                         const spanElem = document.createElement('span');
                         spanElem.className = WIDGET_DECO_CLASS_NAME;

package/build/esm/extensions/additional/GPT/plugin.js.map

@@ -1 +1 @@
-{"version":3,"file":"plugin.js","sourceRoot":"../../../../../src","sources":["extensions/additional/GPT/plugin.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,MAAM,EAAE,SAAS,EAAC,MAAM,mBAAmB,CAAC;AACpD,OAAO,EAAC,UAAU,EAAE,aAAa,EAAC,MAAM,kBAAkB,CAAC;AAG3D,OAAO,EAAC,sBAAsB,EAAE,qBAAqB,EAAC,uBAAoB;AAE1E,OAAO,EAAC,iBAAiB,EAAC,+BAA4B;AACtD,OAAO,EAAC,iBAAiB,EAAC,mBAAgB;AAY1C,MAAM,GAAG,GAAG,IAAI,SAAS,CAAgB,YAAY,CAAC,CAAC;AAEvD,OAAO,EAAC,GAAG,IAAI,SAAS,EAAC,CAAC;AAE1B,MAAM,CAAC,MAAM,eAAe,GAAG,CAI3B,MAAuD,EACjD,EAAE;IACR,OAAO,IAAI,MAAM,CAAC;QACd,GAAG;QACH,KAAK,EAAE;YACH,IAAI,EAAE,GAAG,EAAE,CAAC,aAAa,CAAC,KAAK;YAC/B,KAAK,EAAE,CAAC,EAAE,EAAE,KAAK,EAAE,EAAE;gBACjB,MAAM,IAAI,GAAG,EAAE,CAAC,OAAO,CAAC,GAAG,CAA8B,CAAC;gBAC1D,MAAM,SAAS,GAAG,MAAM,CAAC;gBAEzB,SAAS,CAAC,oBAAoB,GAAG,KAAK,CAAC;gBAEvC,IAAI,IAAI,EAAE,MAAM,KAAK,MAAM,EAAE,CAAC;oBAC1B,IAAI,IAAI,CAAC,EAAE,KAAK,IAAI,CAAC,IAAI,EAAE,CAAC;wBACxB,MAAM,QAAQ,GAAG,QAAQ,CAAC,aAAa,CAAC,MAAM,CAAC,CAAC;wBAChD,QAAQ,CAAC,SAAS,GAAG,sBAAsB,CAAC;wBAC5C,QAAQ,CAAC,WAAW,GAAG,GAAG,CAAC;wBAE3B,SAAS,CAAC,oBAAoB,GAAG,IAAI,CAAC;wBAEtC,IAAI,iBAAiB,CAAC,SAAS,EAAE,IAAI,CAAC;4BAAE,OAAO,aAAa,CAAC,KAAK,CAAC;wBAEnE,OAAO,aAAa,CAAC,MAAM,CAAC,EAAE,CAAC,GAAG,EAAE;4BAChC,UAAU,CAAC,MAAM,CAAC,IAAI,CAAC,IAAI,EAAE,QAAQ,EAAE;gCACnC,CAAC,qBAAqB,CAAC,EAAE,IAAI;6BAChC,CAAC;yBACL,CAAC,CAAC;oBACP,CAAC;oBAED,IAAI,iBAAiB,CAAC,SAAS,EAAE,KAAK,CAAC;wBAAE,OAAO,aAAa,CAAC,KAAK,CAAC;oBAEpE,OAAO,aAAa,CAAC,MAAM,CAAC,EAAE,CAAC,GAAG,EAAE;wBAChC,UAAU,CAAC,MAAM,CACb,IAAI,CAAC,IAAI,EACT,IAAI,CAAC,EAAE,EACP,EAAC,QAAQ,EAAE,MAAM,EAAE,KAAK,EAAE,sBAAsB,EAAC,EACjD,EAAC,CAAC,qBAAqB,CAAC,EAAE,IAAI,EAAC,CAClC;qBACJ,CAAC,CAAC;gBACP,CAAC;gBAED,IAAI,IAAI,EAAE,MAAM,KAAK,MAAM,EAAE,CAAC;oBAC1B,SAAS,CAAC,oBAAoB,GAAG,KAAK,CAAC;oBAEvC,OAAO,aAAa,CAAC,KAAK,CAAC;gBAC/B,CAAC;gBAED,OAAO,KAAK,CAAC,GAAG,CAAC,EAAE,CAAC,OAAO,EAAE,EAAE,CAAC,GAAG,CAAC,CAAC;YACzC,CAAC;SACJ;QACD,KAAK,EAAE;YACH,WAAW,EAAE,CAAC,KAAK,EAAE,EAAE,CAAC,GAAG,CAAC,QAAQ,CAAC,KAAK,CAAC;SAC9C;QACD,IAAI,EAAE,CAAC,IAAI,EAAE,EAAE,CAAC,IAAI,iBAAiB,CAAC,IAAI,EAAE,MAAM,CAAC;KACtD,CAAC,CAAC;AACP,CAAC,CAAC","sourcesContent":["import {Plugin, PluginKey} from 'prosemirror-state';\nimport {Decoration, DecorationSet} from 'prosemirror-view';\n\nimport type {CommonAnswer} from './ErrorScreen/types';\nimport {WIDGET_DECO_CLASS_NAME, WIDGET_DECO_SPEC_FLAG} from './constants';\nimport type {GptWidgetDecoViewParams} from './gptExtension/view';\nimport {GptWidgetDecoView} from './gptExtension/view';\nimport {isEmptyGptPrompts} from './utils';\n\nexport type GptWidgetMeta =\n    | {\n          action: 'show';\n          from: number;\n          to: number;\n      }\n    | {\n          action: 'hide';\n      };\n\nconst key = new PluginKey<DecorationSet>('gpt-widget');\n\nexport {key as pluginKey};\n\nexport const gptWidgetPlugin = <\n    AnswerData extends CommonAnswer = CommonAnswer,\n    PromptData extends unknown = unknown,\n>(\n    params: GptWidgetDecoViewParams<AnswerData, PromptData>,\n): Plugin => {\n    return new Plugin({\n        key,\n        state: {\n            init: () => DecorationSet.empty,\n            apply: (tr, decos) => {\n                const meta = tr.getMeta(key) as GptWidgetMeta | undefined;\n                const paramsGpt = params;\n\n                paramsGpt.disablePromptPresets = false;\n\n                if (meta?.action === 'show') {\n                    if (meta.to === meta.from) {\n                        const spanElem = document.createElement('span');\n                        spanElem.className = WIDGET_DECO_CLASS_NAME;\n                        spanElem.textContent = ' ';\n\n                        paramsGpt.disablePromptPresets = true;\n\n                        if (isEmptyGptPrompts(paramsGpt, true)) return DecorationSet.empty;\n\n                        return DecorationSet.create(tr.doc, [\n                            Decoration.widget(meta.from, spanElem, {\n                                [WIDGET_DECO_SPEC_FLAG]: true,\n                            }),\n                        ]);\n                    }\n\n                    if (isEmptyGptPrompts(paramsGpt, false)) return DecorationSet.empty;\n\n                    return DecorationSet.create(tr.doc, [\n                        Decoration.inline(\n                            meta.from,\n                            meta.to,\n                            {nodeName: 'span', class: WIDGET_DECO_CLASS_NAME},\n                            {[WIDGET_DECO_SPEC_FLAG]: true},\n                        ),\n                    ]);\n                }\n\n                if (meta?.action === 'hide') {\n                    paramsGpt.disablePromptPresets = false;\n\n                    return DecorationSet.empty;\n                }\n\n                return decos.map(tr.mapping, tr.doc);\n            },\n        },\n        props: {\n            decorations: (state) => key.getState(state),\n        },\n        view: (view) => new GptWidgetDecoView(view, params),\n    });\n};\n"]}
+{"version":3,"file":"plugin.js","sourceRoot":"../../../../../src","sources":["extensions/additional/GPT/plugin.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,MAAM,EAAE,SAAS,EAAC,MAAM,mBAAmB,CAAC;AACpD,OAAO,EAAC,UAAU,EAAE,aAAa,EAAC,MAAM,kBAAkB,CAAC;AAG3D,OAAO,EAAC,sBAAsB,EAAE,qBAAqB,EAAC,uBAAoB;AAE1E,OAAO,EAAC,iBAAiB,EAAC,+BAA4B;AACtD,OAAO,EAAC,iBAAiB,EAAC,mBAAgB;AAY1C,MAAM,GAAG,GAAG,IAAI,SAAS,CAAgB,YAAY,CAAC,CAAC;AAEvD,OAAO,EAAC,GAAG,IAAI,SAAS,EAAC,CAAC;AAE1B,MAAM,CAAC,MAAM,eAAe,GAAG,CAI3B,MAAuD,EACjD,EAAE;IACR,OAAO,IAAI,MAAM,CAAC;QACd,GAAG;QACH,KAAK,EAAE;YACH,IAAI,EAAE,GAAG,EAAE,CAAC,aAAa,CAAC,KAAK;YAC/B,KAAK,EAAE,CAAC,EAAE,EAAE,KAAK,EAAE,EAAE;gBACjB,MAAM,IAAI,GAAG,EAAE,CAAC,OAAO,CAAC,GAAG,CAA8B,CAAC;gBAC1D,MAAM,SAAS,GAAG,MAAM,CAAC;gBAEzB,IAAI,IAAI,EAAE,MAAM,KAAK,MAAM,EAAE,CAAC;oBAC1B,SAAS,CAAC,oBAAoB,GAAG,KAAK,CAAC;oBAEvC,IAAI,IAAI,CAAC,EAAE,KAAK,IAAI,CAAC,IAAI,EAAE,CAAC;wBACxB,MAAM,QAAQ,GAAG,QAAQ,CAAC,aAAa,CAAC,MAAM,CAAC,CAAC;wBAChD,QAAQ,CAAC,SAAS,GAAG,sBAAsB,CAAC;wBAC5C,QAAQ,CAAC,WAAW,GAAG,GAAG,CAAC;wBAE3B,SAAS,CAAC,oBAAoB,GAAG,IAAI,CAAC;wBAEtC,IAAI,iBAAiB,CAAC,SAAS,EAAE,IAAI,CAAC;4BAAE,OAAO,aAAa,CAAC,KAAK,CAAC;wBAEnE,OAAO,aAAa,CAAC,MAAM,CAAC,EAAE,CAAC,GAAG,EAAE;4BAChC,UAAU,CAAC,MAAM,CAAC,IAAI,CAAC,IAAI,EAAE,QAAQ,EAAE;gCACnC,CAAC,qBAAqB,CAAC,EAAE,IAAI;6BAChC,CAAC;yBACL,CAAC,CAAC;oBACP,CAAC;oBAED,IAAI,iBAAiB,CAAC,SAAS,EAAE,KAAK,CAAC;wBAAE,OAAO,aAAa,CAAC,KAAK,CAAC;oBAEpE,OAAO,aAAa,CAAC,MAAM,CAAC,EAAE,CAAC,GAAG,EAAE;wBAChC,UAAU,CAAC,MAAM,CACb,IAAI,CAAC,IAAI,EACT,IAAI,CAAC,EAAE,EACP,EAAC,QAAQ,EAAE,MAAM,EAAE,KAAK,EAAE,sBAAsB,EAAC,EACjD,EAAC,CAAC,qBAAqB,CAAC,EAAE,IAAI,EAAC,CAClC;qBACJ,CAAC,CAAC;gBACP,CAAC;gBAED,IAAI,IAAI,EAAE,MAAM,KAAK,MAAM,EAAE,CAAC;oBAC1B,SAAS,CAAC,oBAAoB,GAAG,KAAK,CAAC;oBAEvC,OAAO,aAAa,CAAC,KAAK,CAAC;gBAC/B,CAAC;gBAED,OAAO,KAAK,CAAC,GAAG,CAAC,EAAE,CAAC,OAAO,EAAE,EAAE,CAAC,GAAG,CAAC,CAAC;YACzC,CAAC;SACJ;QACD,KAAK,EAAE;YACH,WAAW,EAAE,CAAC,KAAK,EAAE,EAAE,CAAC,GAAG,CAAC,QAAQ,CAAC,KAAK,CAAC;SAC9C;QACD,IAAI,EAAE,CAAC,IAAI,EAAE,EAAE,CAAC,IAAI,iBAAiB,CAAC,IAAI,EAAE,MAAM,CAAC;KACtD,CAAC,CAAC;AACP,CAAC,CAAC","sourcesContent":["import {Plugin, PluginKey} from 'prosemirror-state';\nimport {Decoration, DecorationSet} from 'prosemirror-view';\n\nimport type {CommonAnswer} from './ErrorScreen/types';\nimport {WIDGET_DECO_CLASS_NAME, WIDGET_DECO_SPEC_FLAG} from './constants';\nimport type {GptWidgetDecoViewParams} from './gptExtension/view';\nimport {GptWidgetDecoView} from './gptExtension/view';\nimport {isEmptyGptPrompts} from './utils';\n\nexport type GptWidgetMeta =\n    | {\n          action: 'show';\n          from: number;\n          to: number;\n      }\n    | {\n          action: 'hide';\n      };\n\nconst key = new PluginKey<DecorationSet>('gpt-widget');\n\nexport {key as pluginKey};\n\nexport const gptWidgetPlugin = <\n    AnswerData extends CommonAnswer = CommonAnswer,\n    PromptData extends unknown = unknown,\n>(\n    params: GptWidgetDecoViewParams<AnswerData, PromptData>,\n): Plugin => {\n    return new Plugin({\n        key,\n        state: {\n            init: () => DecorationSet.empty,\n            apply: (tr, decos) => {\n                const meta = tr.getMeta(key) as GptWidgetMeta | undefined;\n                const paramsGpt = params;\n\n                if (meta?.action === 'show') {\n                    paramsGpt.disablePromptPresets = false;\n\n                    if (meta.to === meta.from) {\n                        const spanElem = document.createElement('span');\n                        spanElem.className = WIDGET_DECO_CLASS_NAME;\n                        spanElem.textContent = ' ';\n\n                        paramsGpt.disablePromptPresets = true;\n\n                        if (isEmptyGptPrompts(paramsGpt, true)) return DecorationSet.empty;\n\n                        return DecorationSet.create(tr.doc, [\n                            Decoration.widget(meta.from, spanElem, {\n                                [WIDGET_DECO_SPEC_FLAG]: true,\n                            }),\n                        ]);\n                    }\n\n                    if (isEmptyGptPrompts(paramsGpt, false)) return DecorationSet.empty;\n\n                    return DecorationSet.create(tr.doc, [\n                        Decoration.inline(\n                            meta.from,\n                            meta.to,\n                            {nodeName: 'span', class: WIDGET_DECO_CLASS_NAME},\n                            {[WIDGET_DECO_SPEC_FLAG]: true},\n                        ),\n                    ]);\n                }\n\n                if (meta?.action === 'hide') {\n                    paramsGpt.disablePromptPresets = false;\n\n                    return DecorationSet.empty;\n                }\n\n                return decos.map(tr.mapping, tr.doc);\n            },\n        },\n        props: {\n            decorations: (state) => key.getState(state),\n        },\n        view: (view) => new GptWidgetDecoView(view, params),\n    });\n};\n"]}

package/build/esm/extensions/behavior/CommandMenu/component.js

@@ -19,7 +19,7 @@ function calcListHeight(itemsCount) {
 export const CommandMenuComponent = ({ anchorElement, currentIndex, items, onItemClick, onOpenChange, }) => {
     if (!anchorElement)
         return null;
-    return (_jsx(Popup, { open: true, anchorElement: anchorElement, placement: placement, onOpenChange: onOpenChange, qa: "g-md-command-menu", children: _jsx("div", { className: b(), children: _jsx(List, { virtualized: true, items: items, sortable: false, filterable: false, emptyPlaceholder: i18n('empty-msg'), itemHeight: ITEM_HEIGHT, itemsHeight: calcListHeight(items.length), renderItem: renderItem, deactivateOnLeave: false, activeItemIndex: currentIndex, onItemClick: (_item, index) => onItemClick(index), className: b('list'), itemClassName: b('list-item') }) }) }));
+    return (_jsx(Popup, { open: true, anchorElement: anchorElement, placement: placement, onOpenChange: onOpenChange, qa: "g-md-toolbar-command-menu", children: _jsx("div", { className: b(), children: _jsx(List, { virtualized: true, items: items, sortable: false, filterable: false, emptyPlaceholder: i18n('empty-msg'), itemHeight: ITEM_HEIGHT, itemsHeight: calcListHeight(items.length), renderItem: renderItem, deactivateOnLeave: false, activeItemIndex: currentIndex, onItemClick: (_item, index) => onItemClick(index), className: b('list'), itemClassName: b('list-item') }) }) }));
 };
 function renderItem({ id, title, icon, hotkey, hint, preview }) {
     const titleText = isFunction(title) ? title() : title;

package/build/esm/extensions/behavior/CommandMenu/component.js.map

@@ -1 +1 @@
-{"version":3,"file":"component.js","sourceRoot":"../../../../../src","sources":["extensions/behavior/CommandMenu/component.tsx"],"names":[],"mappings":"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","sourcesContent":["import {HelpMark, Hotkey, Icon, List, Popup, type PopupPlacement} from '@gravity-ui/uikit';\n\nimport {cn} from '../../../classname';\nimport {i18n} from '../../../i18n/suggest';\nimport {isFunction} from '../../../lodash';\nimport {ErrorLoggerBoundary} from '../../../react-utils/ErrorBoundary';\nimport {PreviewTooltip} from '../../../toolbar/PreviewTooltip';\nimport type {AutocompletePopupProps} from '../../../utils/autocomplete-popup';\n\nimport type {CommandAction} from './types';\n\nimport './component.scss';\n\nconst b = cn('command-menu');\nconst placement: PopupPlacement = ['bottom-start', 'top-start', 'bottom-end', 'top-end'];\n\nconst ITEM_HEIGHT = 28; // px\nconst VISIBLE_ITEMS_COUNT = 10;\nconst MAX_LIST_HEIGHT = ITEM_HEIGHT * VISIBLE_ITEMS_COUNT; // px\nfunction calcListHeight(itemsCount: number): number | undefined {\n    if (itemsCount <= 0) return undefined;\n    return Math.min(MAX_LIST_HEIGHT, itemsCount * ITEM_HEIGHT);\n}\n\nexport type CommandMenuItem = Pick<\n    CommandAction,\n    'id' | 'title' | 'icon' | 'hotkey' | 'hint' | 'preview'\n>;\n\nexport type CommandMenuComponentProps = AutocompletePopupProps & {\n    currentIndex?: number;\n    items: readonly CommandMenuItem[];\n    onItemClick(itemIndex: number): void;\n};\n\nexport const CommandMenuComponent: React.FC<CommandMenuComponentProps> = ({\n    anchorElement,\n    currentIndex,\n    items,\n    onItemClick,\n    onOpenChange,\n}) => {\n    if (!anchorElement) return null;\n\n    return (\n        <Popup\n            open\n            anchorElement={anchorElement}\n            placement={placement}\n            onOpenChange={onOpenChange}\n            qa=\"g-md-command-menu\"\n        >\n            <div className={b()}>\n                <List<CommandMenuItem>\n                    virtualized\n                    items={items as CommandMenuItem[]}\n                    sortable={false}\n                    filterable={false}\n                    emptyPlaceholder={i18n('empty-msg')}\n                    itemHeight={ITEM_HEIGHT}\n                    itemsHeight={calcListHeight(items.length)}\n                    renderItem={renderItem}\n                    deactivateOnLeave={false}\n                    activeItemIndex={currentIndex}\n                    onItemClick={(_item, index) => onItemClick(index)}\n                    className={b('list')}\n                    itemClassName={b('list-item')}\n                />\n            </div>\n        </Popup>\n    );\n};\n\nfunction renderItem({id, title, icon, hotkey, hint, preview}: CommandMenuItem): React.ReactNode {\n    const titleText = isFunction(title) ? title() : title;\n    const hintText = isFunction(hint) ? hint() : hint;\n\n    return (\n        <PreviewTooltip preview={preview}>\n            <div key={id} className={b('item', {id})}>\n                <Icon data={icon.data} size={20} className={b('item-icon')} />\n                <div className={b('item-body')}>\n                    <span className={b('item-title')}>{titleText}</span>\n                    <div className={b('item-extra')}>\n                        {hotkey && <Hotkey value={hotkey} className={b('item-hotkey')} />}\n                        {hintText && <HelpMark className={b('item-hint')}>{hintText}</HelpMark>}\n                    </div>\n                </div>\n            </div>\n        </PreviewTooltip>\n    );\n}\n\nexport function render(props: CommandMenuComponentProps): React.ReactNode {\n    return (\n        <ErrorLoggerBoundary>\n            <CommandMenuComponent {...props} />\n        </ErrorLoggerBoundary>\n    );\n}\n"]}
+{"version":3,"file":"component.js","sourceRoot":"../../../../../src","sources":["extensions/behavior/CommandMenu/component.tsx"],"names":[],"mappings":"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","sourcesContent":["import {HelpMark, Hotkey, Icon, List, Popup, type PopupPlacement} from '@gravity-ui/uikit';\n\nimport {cn} from '../../../classname';\nimport {i18n} from '../../../i18n/suggest';\nimport {isFunction} from '../../../lodash';\nimport {ErrorLoggerBoundary} from '../../../react-utils/ErrorBoundary';\nimport {PreviewTooltip} from '../../../toolbar/PreviewTooltip';\nimport type {AutocompletePopupProps} from '../../../utils/autocomplete-popup';\n\nimport type {CommandAction} from './types';\n\nimport './component.scss';\n\nconst b = cn('command-menu');\nconst placement: PopupPlacement = ['bottom-start', 'top-start', 'bottom-end', 'top-end'];\n\nconst ITEM_HEIGHT = 28; // px\nconst VISIBLE_ITEMS_COUNT = 10;\nconst MAX_LIST_HEIGHT = ITEM_HEIGHT * VISIBLE_ITEMS_COUNT; // px\nfunction calcListHeight(itemsCount: number): number | undefined {\n    if (itemsCount <= 0) return undefined;\n    return Math.min(MAX_LIST_HEIGHT, itemsCount * ITEM_HEIGHT);\n}\n\nexport type CommandMenuItem = Pick<\n    CommandAction,\n    'id' | 'title' | 'icon' | 'hotkey' | 'hint' | 'preview'\n>;\n\nexport type CommandMenuComponentProps = AutocompletePopupProps & {\n    currentIndex?: number;\n    items: readonly CommandMenuItem[];\n    onItemClick(itemIndex: number): void;\n};\n\nexport const CommandMenuComponent: React.FC<CommandMenuComponentProps> = ({\n    anchorElement,\n    currentIndex,\n    items,\n    onItemClick,\n    onOpenChange,\n}) => {\n    if (!anchorElement) return null;\n\n    return (\n        <Popup\n            open\n            anchorElement={anchorElement}\n            placement={placement}\n            onOpenChange={onOpenChange}\n            qa=\"g-md-toolbar-command-menu\"\n        >\n            <div className={b()}>\n                <List<CommandMenuItem>\n                    virtualized\n                    items={items as CommandMenuItem[]}\n                    sortable={false}\n                    filterable={false}\n                    emptyPlaceholder={i18n('empty-msg')}\n                    itemHeight={ITEM_HEIGHT}\n                    itemsHeight={calcListHeight(items.length)}\n                    renderItem={renderItem}\n                    deactivateOnLeave={false}\n                    activeItemIndex={currentIndex}\n                    onItemClick={(_item, index) => onItemClick(index)}\n                    className={b('list')}\n                    itemClassName={b('list-item')}\n                />\n            </div>\n        </Popup>\n    );\n};\n\nfunction renderItem({id, title, icon, hotkey, hint, preview}: CommandMenuItem): React.ReactNode {\n    const titleText = isFunction(title) ? title() : title;\n    const hintText = isFunction(hint) ? hint() : hint;\n\n    return (\n        <PreviewTooltip preview={preview}>\n            <div key={id} className={b('item', {id})}>\n                <Icon data={icon.data} size={20} className={b('item-icon')} />\n                <div className={b('item-body')}>\n                    <span className={b('item-title')}>{titleText}</span>\n                    <div className={b('item-extra')}>\n                        {hotkey && <Hotkey value={hotkey} className={b('item-hotkey')} />}\n                        {hintText && <HelpMark className={b('item-hint')}>{hintText}</HelpMark>}\n                    </div>\n                </div>\n            </div>\n        </PreviewTooltip>\n    );\n}\n\nexport function render(props: CommandMenuComponentProps): React.ReactNode {\n    return (\n        <ErrorLoggerBoundary>\n            <CommandMenuComponent {...props} />\n        </ErrorLoggerBoundary>\n    );\n}\n"]}

package/build/esm/extensions/behavior/SelectionContext/tooltip.js

@@ -54,6 +54,7 @@ export class TooltipView {
     getSelectionTooltipProps() {
         return {
             ...this.baseProps,
+            qa: 'g-md-toolbar-selection',
             focus: () => this.view.focus(),
             data: this.getFilteredConfig(),
             editor: this.actions,