@gravity-ui/markdown-editor 14.12.2 → 15.0.0

package/build/cjs/toolbar/ToolbarButtonPopup.js

@@ -1,19 +1,20 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.ToolbarButtonPopup = void 0;
-const tslib_1 = require("tslib");
-const react_1 = tslib_1.__importStar(require("react"));
-const react_use_1 = require("react-use");
-const ToolbarButton_1 = require("./ToolbarButton");
+exports.ToolbarButtonPopup = ToolbarButtonPopup;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const hooks_1 = require("../react-utils/hooks.js");
+const ToolbarButton_1 = require("./ToolbarButton.js");
 function ToolbarButtonPopup(props) {
-    const { className, editor, isActive, isEnable, renderPopup } = props, buttonProps = tslib_1.__rest(props, ["className", "editor", "isActive", "isEnable", "renderPopup"]);
-    const buttonRef = (0, react_1.useRef)(null);
-    const [open, setOpen] = (0, react_use_1.useBoolean)(false);
+    const { className, editor, isActive, isEnable, renderPopup, ...buttonProps } = props;
+    const [anchorElement, setAnchorElement] = (0, hooks_1.useElementState)();
+    const [isOpen, , close, toggle] = (0, hooks_1.useBooleanState)(false);
     const active = isActive(editor);
     const enabled = isEnable(editor);
-    return (react_1.default.createElement(react_1.default.Fragment, null,
-        react_1.default.createElement(ToolbarButton_1.ToolbarButtonView, Object.assign({}, buttonProps, { ref: buttonRef, active: active, enabled: enabled, className: className, onClick: () => setOpen() })),
-        open &&
-            renderPopup(Object.assign(Object.assign({}, props), { anchorRef: buttonRef, hide: () => setOpen(false) }))));
+    return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(ToolbarButton_1.ToolbarButtonView, { ...buttonProps, ref: setAnchorElement, active: active, enabled: enabled, className: className, onClick: toggle }), isOpen &&
+                renderPopup({
+                    ...props,
+                    anchorElement,
+                    hide: close,
+                })] }));
 }
-exports.ToolbarButtonPopup = ToolbarButtonPopup;
+//# sourceMappingURL=ToolbarButtonPopup.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ToolbarButtonPopup.js","sourceRoot":"../../../src","sources":["toolbar/ToolbarButtonPopup.tsx"],"names":[],"mappings":";;AAOA,gDA2BC;;AAlCD,mDAAsE;AAEtE,sDAAkD;AAKlD,SAAgB,kBAAkB,CAAI,KAAiC;IACnE,MAAM,EAAC,SAAS,EAAE,MAAM,EAAE,QAAQ,EAAE,QAAQ,EAAE,WAAW,EAAE,GAAG,WAAW,EAAC,GAAG,KAAK,CAAC;IAEnF,MAAM,CAAC,aAAa,EAAE,gBAAgB,CAAC,GAAG,IAAA,uBAAe,GAAE,CAAC;IAC5D,MAAM,CAAC,MAAM,EAAE,AAAD,EAAG,KAAK,EAAE,MAAM,CAAC,GAAG,IAAA,uBAAe,EAAC,KAAK,CAAC,CAAC;IAEzD,MAAM,MAAM,GAAG,QAAQ,CAAC,MAAM,CAAC,CAAC;IAChC,MAAM,OAAO,GAAG,QAAQ,CAAC,MAAM,CAAC,CAAC;IAEjC,OAAO,CACH,6DACI,uBAAC,iCAAiB,OACV,WAAW,EACf,GAAG,EAAE,gBAAgB,EACrB,MAAM,EAAE,MAAM,EACd,OAAO,EAAE,OAAO,EAChB,SAAS,EAAE,SAAS,EACpB,OAAO,EAAE,MAAM,GACjB,EACD,MAAM;gBACH,WAAW,CAAC;oBACR,GAAG,KAAK;oBACR,aAAa;oBACb,IAAI,EAAE,KAAK;iBACd,CAAC,IACP,CACN,CAAC;AACN,CAAC","sourcesContent":["import {useBooleanState, useElementState} from '../react-utils/hooks';\n\nimport {ToolbarButtonView} from './ToolbarButton';\nimport type {ToolbarBaseProps, ToolbarButtonPopupData} from './types';\n\nexport type ToolbarButtonPopupProps<E> = ToolbarBaseProps<E> & ToolbarButtonPopupData<E>;\n\nexport function ToolbarButtonPopup<E>(props: ToolbarButtonPopupProps<E>) {\n    const {className, editor, isActive, isEnable, renderPopup, ...buttonProps} = props;\n\n    const [anchorElement, setAnchorElement] = useElementState();\n    const [isOpen, , close, toggle] = useBooleanState(false);\n\n    const active = isActive(editor);\n    const enabled = isEnable(editor);\n\n    return (\n        <>\n            <ToolbarButtonView\n                {...buttonProps}\n                ref={setAnchorElement}\n                active={active}\n                enabled={enabled}\n                className={className}\n                onClick={toggle}\n            />\n            {isOpen &&\n                renderPopup({\n                    ...props,\n                    anchorElement,\n                    hide: close,\n                })}\n        </>\n    );\n}\n"]}

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

@@ -1,7 +1,7 @@
-/// <reference types="react" />
-import { type ToolbarBaseProps, type ToolbarGroupData } from './types';
+import { type ToolbarBaseProps, type ToolbarGroupData } from "./types.js";
+import "./ToolbarGroup.css";
 export type { ToolbarGroupData };
-export declare type ToolbarGroupProps<E> = ToolbarBaseProps<E> & {
+export type ToolbarGroupProps<E> = ToolbarBaseProps<E> & {
     data: ToolbarGroupData<E>;
 };
 export declare function ToolbarButtonGroup<E>({ className, editor, data, focus, onClick, }: ToolbarGroupProps<E>): JSX.Element;

package/build/cjs/toolbar/ToolbarGroup.js

@@ -1,36 +1,38 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.ToolbarButtonGroup = void 0;
-const tslib_1 = require("tslib");
-const react_1 = tslib_1.__importDefault(require("react"));
-const classname_1 = require("../classname");
-const ToolbarButton_1 = require("./ToolbarButton");
-const ToolbarButtonPopup_1 = require("./ToolbarButtonPopup");
-const ToolbarListButton_1 = require("./ToolbarListButton");
-const types_1 = require("./types");
+exports.ToolbarButtonGroup = ToolbarButtonGroup;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = require("react");
+const react_2 = require("react");
+const classname_1 = require("../classname.js");
+const ToolbarButton_1 = require("./ToolbarButton.js");
+const ToolbarButtonPopup_1 = require("./ToolbarButtonPopup.js");
+const ToolbarListButton_1 = require("./ToolbarListButton.js");
+const types_1 = require("./types.js");
+require("./ToolbarGroup.css");
 const b = (0, classname_1.cn)('toolbar-group');
 function ToolbarButtonGroup({ className, editor, data, focus, onClick, }) {
-    return (react_1.default.createElement("div", { className: b(null, [className]) }, data.map((item) => {
-        if (item.type === types_1.ToolbarDataType.SingleButton) {
-            return (react_1.default.createElement(ToolbarButton_1.ToolbarButton, Object.assign({}, item, { key: item.id, editor: editor, focus: focus, onClick: onClick, className: b(item.type, { id: item.id }, [item.className]) })));
-        }
-        if (item.type === types_1.ToolbarDataType.ButtonPopup) {
-            return (react_1.default.createElement(ToolbarButtonPopup_1.ToolbarButtonPopup, Object.assign({}, item, { key: item.id, editor: editor, focus: focus, onClick: onClick, className: b(item.type, { id: item.id }, item.className) })));
-        }
-        if (item.type === types_1.ToolbarDataType.ListButton) {
-            return (react_1.default.createElement(ToolbarListButton_1.ToolbarListButton, Object.assign({}, item, { key: item.id, editor: editor, focus: focus, onClick: onClick, className: b(item.type, { id: item.id }, [item.className]) })));
-        }
-        if (item.type === types_1.ToolbarDataType.ReactComponent) {
-            const Component = item.component;
-            return (react_1.default.createElement(Component, { key: item.id, editor: editor, focus: focus, onClick: onClick, className: b(item.type, { id: item.id }, [item.className]) }));
-        }
-        if (item.type === types_1.ToolbarDataType.ReactNode) {
-            return react_1.default.createElement(react_1.default.Fragment, { key: item.id }, item.content);
-        }
-        if (item.type === types_1.ToolbarDataType.ReactNodeFn) {
-            return react_1.default.createElement(react_1.default.Fragment, { key: item.id }, item.content(editor));
-        }
-        return null;
-    })));
+    return ((0, jsx_runtime_1.jsx)("div", { className: b(null, [className]), children: data.map((item) => {
+            if (item.type === types_1.ToolbarDataType.SingleButton) {
+                return ((0, react_1.createElement)(ToolbarButton_1.ToolbarButton, { ...item, key: item.id, editor: editor, focus: focus, onClick: onClick, className: b(item.type, { id: item.id }, [item.className]) }));
+            }
+            if (item.type === types_1.ToolbarDataType.ButtonPopup) {
+                return ((0, react_1.createElement)(ToolbarButtonPopup_1.ToolbarButtonPopup, { ...item, key: item.id, editor: editor, focus: focus, onClick: onClick, className: b(item.type, { id: item.id }, item.className) }));
+            }
+            if (item.type === types_1.ToolbarDataType.ListButton) {
+                return ((0, react_1.createElement)(ToolbarListButton_1.ToolbarListButton, { ...item, key: item.id, editor: editor, focus: focus, onClick: onClick, className: b(item.type, { id: item.id }, [item.className]) }));
+            }
+            if (item.type === types_1.ToolbarDataType.ReactComponent) {
+                const Component = item.component;
+                return ((0, react_1.createElement)(Component, { ...item.props, key: item.id, editor: editor, focus: focus, onClick: onClick, className: b(item.type, { id: item.id }, [item.className]) }));
+            }
+            if (item.type === types_1.ToolbarDataType.ReactNode) {
+                return (0, jsx_runtime_1.jsx)(react_2.Fragment, { children: item.content }, item.id);
+            }
+            if (item.type === types_1.ToolbarDataType.ReactNodeFn) {
+                return (0, jsx_runtime_1.jsx)(react_2.Fragment, { children: item.content(editor) }, item.id);
+            }
+            return null;
+        }) }));
 }
-exports.ToolbarButtonGroup = ToolbarButtonGroup;
+//# sourceMappingURL=ToolbarGroup.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ToolbarGroup.js","sourceRoot":"../../../src","sources":["toolbar/ToolbarGroup.tsx"],"names":[],"mappings":"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","sourcesContent":["import {Fragment} from 'react';\n\nimport {cn} from '../classname';\n\nimport {ToolbarButton} from './ToolbarButton';\nimport {ToolbarButtonPopup} from './ToolbarButtonPopup';\nimport {ToolbarListButton} from './ToolbarListButton';\nimport {type ToolbarBaseProps, ToolbarDataType, type ToolbarGroupData} from './types';\n\nimport './ToolbarGroup.scss';\n\nconst b = cn('toolbar-group');\n\nexport type {ToolbarGroupData};\n\nexport type ToolbarGroupProps<E> = ToolbarBaseProps<E> & {\n    data: ToolbarGroupData<E>;\n};\n\nexport function ToolbarButtonGroup<E>({\n    className,\n    editor,\n    data,\n    focus,\n    onClick,\n}: ToolbarGroupProps<E>) {\n    return (\n        <div className={b(null, [className])}>\n            {data.map((item) => {\n                if (item.type === ToolbarDataType.SingleButton) {\n                    return (\n                        <ToolbarButton\n                            {...item}\n                            key={item.id}\n                            editor={editor}\n                            focus={focus}\n                            onClick={onClick}\n                            className={b(item.type, {id: item.id}, [item.className])}\n                        />\n                    );\n                }\n\n                if (item.type === ToolbarDataType.ButtonPopup) {\n                    return (\n                        <ToolbarButtonPopup\n                            {...item}\n                            key={item.id}\n                            editor={editor}\n                            focus={focus}\n                            onClick={onClick}\n                            className={b(item.type, {id: item.id}, item.className)}\n                        />\n                    );\n                }\n\n                if (item.type === ToolbarDataType.ListButton) {\n                    return (\n                        <ToolbarListButton\n                            {...item}\n                            key={item.id}\n                            editor={editor}\n                            focus={focus}\n                            onClick={onClick}\n                            className={b(item.type, {id: item.id}, [item.className])}\n                        />\n                    );\n                }\n\n                if (item.type === ToolbarDataType.ReactComponent) {\n                    const Component = item.component;\n                    return (\n                        <Component\n                            {...item.props}\n                            key={item.id}\n                            editor={editor}\n                            focus={focus}\n                            onClick={onClick}\n                            className={b(item.type, {id: item.id}, [item.className])}\n                        />\n                    );\n                }\n\n                if (item.type === ToolbarDataType.ReactNode) {\n                    return <Fragment key={item.id}>{item.content}</Fragment>;\n                }\n\n                if (item.type === ToolbarDataType.ReactNodeFn) {\n                    return <Fragment key={item.id}>{item.content(editor)}</Fragment>;\n                }\n\n                return null;\n            })}\n        </div>\n    );\n}\n"]}

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

@@ -1,5 +1,5 @@
-/// <reference types="react" />
-import type { ToolbarBaseProps, ToolbarListButtonData } from './types';
+import type { ToolbarBaseProps, ToolbarListButtonData } from "./types.js";
+import "./ToolbarListButton.css";
 export type { ToolbarListButtonData };
-export declare type ToolbarListButtonProps<E> = ToolbarBaseProps<E> & ToolbarListButtonData<E>;
+export type ToolbarListButtonProps<E> = ToolbarBaseProps<E> & ToolbarListButtonData<E>;
 export declare function ToolbarListButton<E>({ className, editor, focus, onClick, icon, title, withArrow, data, alwaysActive, }: ToolbarListButtonProps<E>): JSX.Element | null;

package/build/cjs/toolbar/ToolbarListButton.js

@@ -1,21 +1,20 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.ToolbarListButton = void 0;
-const tslib_1 = require("tslib");
-const react_1 = tslib_1.__importStar(require("react"));
-const components_1 = require("@gravity-ui/components");
+exports.ToolbarListButton = ToolbarListButton;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = require("react");
 const icons_1 = require("@gravity-ui/icons");
 const uikit_1 = require("@gravity-ui/uikit");
-const classname_1 = require("../classname");
-const common_1 = require("../i18n/common");
-const lodash_1 = require("../lodash");
-const hooks_1 = require("../react-utils/hooks");
-const PreviewTooltip_1 = require("./PreviewTooltip");
-const const_1 = require("./const");
+const classname_1 = require("../classname.js");
+const common_1 = require("../i18n/common/index.js");
+const lodash_1 = require("../lodash.js");
+const hooks_1 = require("../react-utils/hooks.js");
+const PreviewTooltip_1 = require("./PreviewTooltip.js");
+const const_1 = require("./const.js");
+require("./ToolbarListButton.css");
 const b = (0, classname_1.cn)('toolbar-list-button');
 function ToolbarListButton({ className, editor, focus, onClick, icon, title, withArrow, data, alwaysActive, }) {
-    var _a;
-    const buttonRef = react_1.default.useRef(null);
+    const [anchorElement, setAnchorElement] = (0, hooks_1.useElementState)();
     const [open, , hide, toggleOpen] = (0, hooks_1.useBooleanState)(false);
     const [popupItem, setPopupItem] = (0, react_1.useState)();
     const someActive = alwaysActive
@@ -24,73 +23,65 @@ function ToolbarListButton({ className, editor, focus, onClick, icon, title, wit
     const everyDisabled = alwaysActive ? false : data.every((item) => !item.isEnable(editor));
     const popupOpen = everyDisabled ? false : open;
     const shouldForceHide = open && !popupOpen;
-    react_1.default.useEffect(() => {
+    (0, react_1.useEffect)(() => {
         if (shouldForceHide) {
             hide();
         }
     }, [hide, shouldForceHide]);
     if (data.length === 0)
         return null;
-    const buttonContent = [react_1.default.createElement(uikit_1.Icon, { key: 1, data: icon.data, size: (_a = icon.size) !== null && _a !== void 0 ? _a : 16 })];
+    const buttonContent = [(0, jsx_runtime_1.jsx)(uikit_1.Icon, { data: icon.data, size: icon.size ?? 16 }, 1)];
     if (withArrow) {
-        buttonContent.push(react_1.default.createElement(react_1.default.Fragment, { key: 2 }, ''));
-        buttonContent.push(react_1.default.createElement(uikit_1.Icon, { key: 3, data: icons_1.ChevronDown, size: 16 }));
+        buttonContent.push((0, jsx_runtime_1.jsx)(react_1.Fragment, { children: '' }, 2));
+        buttonContent.push((0, jsx_runtime_1.jsx)(uikit_1.Icon, { data: icons_1.ChevronDown, size: 16 }, 3));
     }
     const titleText = (0, lodash_1.isFunction)(title) ? title() : title;
-    return (react_1.default.createElement(react_1.default.Fragment, null,
-        react_1.default.createElement(uikit_1.Popover, { className: b('action-disabled-popover'), tooltipContentClassName: b('action-disabled-tooltip'), content: (0, common_1.i18n)('toolbar_action_disabled'), placement: 'bottom', disabled: !everyDisabled },
-            react_1.default.createElement(uikit_1.ActionTooltip, { title: titleText, disabled: Boolean(popupItem) || popupOpen, openDelay: const_1.ToolbarTooltipDelay.Open, closeDelay: const_1.ToolbarTooltipDelay.Close },
-                react_1.default.createElement(uikit_1.Button, { size: "m", ref: buttonRef, view: someActive || popupOpen ? 'normal' : 'flat', selected: someActive, disabled: everyDisabled, className: b({ arrow: withArrow }, [className]), onClick: () => {
-                        if (popupItem)
-                            setPopupItem(undefined);
-                        else
-                            toggleOpen();
-                    } }, buttonContent))),
-        react_1.default.createElement(uikit_1.Popup, { anchorRef: buttonRef, open: popupOpen, onClose: hide },
-            react_1.default.createElement(uikit_1.Menu, { size: "l", className: b('menu') }, data
-                .map((data) => {
-                var _a;
-                const { id, title, icon, hotkey, isActive, isEnable, exec, hint, hintWhenDisabled, disabledPopoverVisible = true, preview, } = data;
-                const titleText = (0, lodash_1.isFunction)(title) ? title() : title;
-                const hintText = (0, lodash_1.isFunction)(hint) ? hint() : hint;
-                const disabled = !isEnable(editor);
-                const hideHintWhenDisabled = hintWhenDisabled === false || !disabledPopoverVisible || !disabled;
-                const hintWhenDisabledText = typeof hintWhenDisabled === 'string'
-                    ? hintWhenDisabled
-                    : typeof hintWhenDisabled === 'function'
-                        ? hintWhenDisabled()
-                        : (0, common_1.i18n)('toolbar_action_disabled');
-                const handleClick = () => {
-                    hide();
-                    if (isPopupItem(data)) {
-                        setPopupItem(data);
-                    }
-                    else {
-                        setPopupItem(undefined);
-                        focus();
-                        exec(editor);
-                        onClick === null || onClick === void 0 ? void 0 : onClick(id);
-                    }
-                };
-                return (react_1.default.createElement(uikit_1.Popover, { className: b('action-disabled-popover'), tooltipContentClassName: b('action-disabled-tooltip'), content: hintWhenDisabledText, placement: 'left', disabled: hideHintWhenDisabled, key: id },
-                    react_1.default.createElement(PreviewTooltip_1.PreviewTooltip, { preview: preview },
-                        react_1.default.createElement(uikit_1.Menu.Item, { key: id, active: isActive(editor), disabled: !isEnable(editor), onClick: handleClick, icon: react_1.default.createElement(uikit_1.Icon, { data: icon.data, size: (_a = icon.size) !== null && _a !== void 0 ? _a : 16 }), extraProps: {
-                                'aria-label': titleText,
-                            } },
-                            react_1.default.createElement("div", { className: b('item') },
-                                titleText,
-                                react_1.default.createElement("div", { className: b('extra') },
-                                    hotkey && react_1.default.createElement(uikit_1.Hotkey, { value: hotkey }),
-                                    hintText && (react_1.default.createElement(components_1.HelpPopover, { className: b('hint'), content: hintText }))))))));
-            })
-                .filter(Boolean))),
-        popupItem
-            ? popupItem.renderPopup(Object.assign(Object.assign({}, popupItem), { editor,
-                focus,
-                onClick, anchorRef: buttonRef, hide: () => setPopupItem(undefined) }))
-            : null));
+    return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(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: (0, common_1.i18n)('toolbar_action_disabled') }), placement: 'bottom', disabled: !everyDisabled, children: (0, jsx_runtime_1.jsx)(uikit_1.ActionTooltip, { title: titleText, disabled: Boolean(popupItem) || popupOpen, openDelay: const_1.ToolbarTooltipDelay.Open, closeDelay: const_1.ToolbarTooltipDelay.Close, children: (0, jsx_runtime_1.jsx)(uikit_1.Button, { size: "m", ref: setAnchorElement, view: someActive || popupOpen ? 'normal' : 'flat', selected: someActive, disabled: everyDisabled, className: b({ arrow: withArrow }, [className]), onClick: () => {
+                            if (popupItem)
+                                setPopupItem(undefined);
+                            else
+                                toggleOpen();
+                        }, children: buttonContent }) }) }), (0, jsx_runtime_1.jsx)(uikit_1.Popup, { anchorElement: anchorElement, open: popupOpen, onOpenChange: hide, children: (0, jsx_runtime_1.jsx)(uikit_1.Menu, { size: "l", className: b('menu'), children: data
+                        .map((data) => {
+                        const { id, title, icon, hotkey, isActive, isEnable, exec, hint, hintWhenDisabled, preview, } = data;
+                        const titleText = (0, lodash_1.isFunction)(title) ? title() : title;
+                        const hintText = (0, lodash_1.isFunction)(hint) ? hint() : hint;
+                        const disabled = !isEnable(editor);
+                        const hideHintWhenDisabled = hintWhenDisabled === false || !disabled;
+                        const hintWhenDisabledText = typeof hintWhenDisabled === 'string'
+                            ? hintWhenDisabled
+                            : typeof hintWhenDisabled === 'function'
+                                ? hintWhenDisabled()
+                                : (0, common_1.i18n)('toolbar_action_disabled');
+                        const handleClick = () => {
+                            hide();
+                            if (isPopupItem(data)) {
+                                setPopupItem(data);
+                            }
+                            else {
+                                setPopupItem(undefined);
+                                focus();
+                                exec(editor);
+                                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, 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));
+                    })
+                        .filter(Boolean) }) }), popupItem
+                ? popupItem.renderPopup({
+                    ...popupItem,
+                    editor,
+                    focus,
+                    onClick,
+                    anchorElement,
+                    hide: () => setPopupItem(undefined),
+                })
+                : null] }));
 }
-exports.ToolbarListButton = ToolbarListButton;
 function isPopupItem(item) {
     return Boolean(item.renderPopup);
 }
+//# sourceMappingURL=ToolbarListButton.js.map

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

@@ -0,0 +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 {\n    ActionTooltip,\n    Button,\n    HelpMark,\n    Hotkey,\n    Icon,\n    Menu,\n    Popover,\n    Popup,\n} 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 {ToolbarTooltipDelay} from './const';\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> & ToolbarListButtonData<E>;\n\nexport function ToolbarListButton<E>({\n    className,\n    editor,\n    focus,\n    onClick,\n    icon,\n    title,\n    withArrow,\n    data,\n    alwaysActive,\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 someActive = alwaysActive\n        ? false\n        : data.some((item) => item.isActive(editor) && !item.doNotActivateList);\n    const everyDisabled = alwaysActive ? false : data.every((item) => !item.isEnable(editor));\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    if (data.length === 0) return null;\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    const titleText: string = isFunction(title) ? title() : title;\n\n    return (\n        <>\n            <Popover\n                className={b('action-disabled-popover')}\n                content={\n                    <div className={b('action-disabled-tooltip')}>\n                        {i18n('toolbar_action_disabled')}\n                    </div>\n                }\n                placement={'bottom'}\n                disabled={!everyDisabled}\n            >\n                <ActionTooltip\n                    title={titleText}\n                    disabled={Boolean(popupItem) || popupOpen}\n                    openDelay={ToolbarTooltipDelay.Open}\n                    closeDelay={ToolbarTooltipDelay.Close}\n                >\n                    <Button\n                        size=\"m\"\n                        ref={setAnchorElement}\n                        view={someActive || popupOpen ? 'normal' : 'flat'}\n                        selected={someActive}\n                        disabled={everyDisabled}\n                        className={b({arrow: withArrow}, [className])}\n                        onClick={() => {\n                            if (popupItem) setPopupItem(undefined);\n                            else toggleOpen();\n                        }}\n                    >\n                        {buttonContent}\n                    </Button>\n                </ActionTooltip>\n            </Popover>\n            <Popup anchorElement={anchorElement} open={popupOpen} onOpenChange={hide}>\n                <Menu size=\"l\" className={b('menu')}>\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                                    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/toolbar/const.js

@@ -5,4 +5,5 @@ var ToolbarTooltipDelay;
 (function (ToolbarTooltipDelay) {
     ToolbarTooltipDelay[ToolbarTooltipDelay["Open"] = 250] = "Open";
     ToolbarTooltipDelay[ToolbarTooltipDelay["Close"] = 150] = "Close";
-})(ToolbarTooltipDelay = exports.ToolbarTooltipDelay || (exports.ToolbarTooltipDelay = {}));
+})(ToolbarTooltipDelay || (exports.ToolbarTooltipDelay = ToolbarTooltipDelay = {}));
+//# sourceMappingURL=const.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"const.js","sourceRoot":"../../../src","sources":["toolbar/const.ts"],"names":[],"mappings":";;;AAAA,IAAY,mBAGX;AAHD,WAAY,mBAAmB;IAC3B,+DAAU,CAAA;IACV,iEAAW,CAAA;AACf,CAAC,EAHW,mBAAmB,mCAAnB,mBAAmB,QAG9B","sourcesContent":["export enum ToolbarTooltipDelay {\n    Open = 250,\n    Close = 150,\n}\n"]}

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

@@ -1,5 +1,5 @@
-import type { ToolbarData, ToolbarItemData } from './types';
-export declare type ShrinkToolbarDataParams<E> = {
+import type { ToolbarData, ToolbarItemData } from "./types.js";
+export type ShrinkToolbarDataParams<E> = {
     data: ToolbarData<E>;
     availableWidth: number;
     hiddenActions?: ToolbarItemData<E>[];

package/build/cjs/toolbar/flexible.js

@@ -1,7 +1,7 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.shrinkToolbarData = void 0;
-const types_1 = require("./types");
+exports.shrinkToolbarData = shrinkToolbarData;
+const types_1 = require("./types.js");
 /** horizontal gap between item groups in toolbar, px */
 const H_GAP = 17;
 /** single button width, px */
@@ -52,7 +52,6 @@ function shrinkToolbarData({ availableWidth, data, hiddenActions = [], }) {
     dotsData.push(...hiddenActions);
     return { data: fittingData, dots: dotsData.length ? dotsData : undefined };
 }
-exports.shrinkToolbarData = shrinkToolbarData;
 function getItemWidth(item, i, j, rowLength) {
     let additionalWidth = 0;
     // Add horizontal gap between groups to the first item of all groups except first
@@ -68,3 +67,4 @@ function getItemWidth(item, i, j, rowLength) {
     else
         return (item.width || 0) + additionalWidth;
 }
+//# sourceMappingURL=flexible.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"flexible.js","sourceRoot":"../../../src","sources":["toolbar/flexible.tsx"],"names":[],"mappings":"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","sourcesContent":["import type {ToolbarData, ToolbarGroupData, ToolbarGroupItemData, ToolbarItemData} from './types';\nimport {ToolbarDataType} from './types';\n\n/** horizontal gap between item groups in toolbar, px */\nconst H_GAP = 17;\n/** single button width, px */\nconst B_WIDTH = 28;\n/** single button width with 2 icons – item's icon and arrow icon, px */\nconst B_WITH_ARROW_WIDTH = 42;\n/** horizontal gap between buttons in button group, px */\nconst BG_H_GAP = 2;\n/** dots button width, px */\nconst B_DOTS_WIDTH = B_WIDTH;\n/** dots button left margin, px */\nconst B_DOTS_LEFT_GAP = 8;\n\nconst dotsWidth = B_DOTS_LEFT_GAP + B_DOTS_WIDTH;\n\nexport type ShrinkToolbarDataParams<E> = {\n    data: ToolbarData<E>;\n    availableWidth: number;\n    hiddenActions?: ToolbarItemData<E>[];\n};\n\nexport function shrinkToolbarData<E>({\n    availableWidth,\n    data,\n    hiddenActions = [],\n}: ShrinkToolbarDataParams<E>): {\n    data: ToolbarData<E>;\n    dots?: ToolbarItemData<E>[];\n} {\n    const fittingData: ToolbarData<E> = [];\n    const dotsData: ToolbarItemData<E>[] = [];\n    let currentWidth = 0;\n\n    const lastGroupIndex = data.length - 1;\n    const isLastElement = (i: number, j: number) =>\n        i === lastGroupIndex && j === data[lastGroupIndex].length - 1;\n\n    let hideAllNext = false;\n\n    data.forEach((group, i) => {\n        const newGroup: ToolbarGroupData<E> = [];\n        group.forEach((item, j) => {\n            currentWidth += getItemWidth(item, i, j, group.length);\n\n            if (\n                hideAllNext ||\n                (!hiddenActions.length && isLastElement(i, j)\n                    ? // Hide last element only if it doesn't fit\n                      currentWidth > availableWidth\n                    : // Hide other elements if they don't fit counting dots button width\n                      currentWidth + dotsWidth > availableWidth)\n            ) {\n                // We found first button that doesn't fit. It means that everything after it doesn't fit too.\n                hideAllNext = true;\n                if (\n                    item.type === ToolbarDataType.SingleButton ||\n                    item.type === ToolbarDataType.ButtonPopup\n                ) {\n                    dotsData.push(item);\n                } else if (item.type === ToolbarDataType.ListButton) {\n                    dotsData.push(...item.data);\n                }\n            } else {\n                newGroup.push(group[j]);\n            }\n        });\n\n        if (newGroup.length) fittingData.push(newGroup);\n    });\n\n    dotsData.push(...hiddenActions);\n\n    return {data: fittingData, dots: dotsData.length ? dotsData : undefined};\n}\n\nfunction getItemWidth<E>(\n    item: ToolbarGroupItemData<E>,\n    i: number,\n    j: number,\n    rowLength: number,\n): number {\n    let additionalWidth = 0;\n\n    // Add horizontal gap between groups to the first item of all groups except first\n    if (i > 0 && j === 0) additionalWidth += H_GAP;\n\n    // Add horizontal gapbetween buttons to all items except first\n    if (j > 0 && j < rowLength) additionalWidth += BG_H_GAP;\n\n    if (item.type === ToolbarDataType.SingleButton || item.type === ToolbarDataType.ButtonPopup)\n        return B_WIDTH + additionalWidth;\n    else if (item.type === ToolbarDataType.ListButton) return B_WITH_ARROW_WIDTH + additionalWidth;\n    else return (item.width || 0) + additionalWidth;\n}\n"]}

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

@@ -1,7 +1,7 @@
-export * from './const';
-export * from './types';
-export * from './Toolbar';
-export * from './ToolbarButton';
-export * from './ToolbarGroup';
-export * from './ToolbarListButton';
-export * from './FlexToolbar';
+export * from "./const.js";
+export * from "./types.js";
+export * from "./Toolbar.js";
+export * from "./ToolbarButton.js";
+export * from "./ToolbarGroup.js";
+export * from "./ToolbarListButton.js";
+export * from "./FlexToolbar.js";

package/build/cjs/toolbar/index.js

@@ -1,10 +1,11 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 const tslib_1 = require("tslib");
-tslib_1.__exportStar(require("./const"), exports);
-tslib_1.__exportStar(require("./types"), exports);
-tslib_1.__exportStar(require("./Toolbar"), exports);
-tslib_1.__exportStar(require("./ToolbarButton"), exports);
-tslib_1.__exportStar(require("./ToolbarGroup"), exports);
-tslib_1.__exportStar(require("./ToolbarListButton"), exports);
-tslib_1.__exportStar(require("./FlexToolbar"), exports);
+tslib_1.__exportStar(require("./const.js"), exports);
+tslib_1.__exportStar(require("./types.js"), exports);
+tslib_1.__exportStar(require("./Toolbar.js"), exports);
+tslib_1.__exportStar(require("./ToolbarButton.js"), exports);
+tslib_1.__exportStar(require("./ToolbarGroup.js"), exports);
+tslib_1.__exportStar(require("./ToolbarListButton.js"), exports);
+tslib_1.__exportStar(require("./FlexToolbar.js"), exports);
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"../../../src","sources":["toolbar/index.ts"],"names":[],"mappings":";;;AAAA,qDAAwB;AACxB,qDAAwB;AACxB,uDAA0B;AAC1B,6DAAgC;AAChC,4DAA+B;AAC/B,iEAAoC;AACpC,2DAA8B","sourcesContent":["export * from './const';\nexport * from './types';\nexport * from './Toolbar';\nexport * from './ToolbarButton';\nexport * from './ToolbarGroup';\nexport * from './ToolbarListButton';\nexport * from './FlexToolbar';\n"]}

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

@@ -1,25 +1,22 @@
-import type { RefObject } from 'react';
 import type { HotkeyProps, IconProps } from '@gravity-ui/uikit';
-import type { ClassNameProps } from '../classname';
-export declare type ToolbarBaseProps<E> = ClassNameProps & {
+import type { ClassNameProps } from "../classname.js";
+export type ToolbarBaseProps<E> = ClassNameProps & {
     editor: E;
     focus(): void;
     onClick?(id: string, attrs?: {
         [key: string]: any;
     }): void;
 };
-export declare type ToolbarIconData = Pick<IconProps, 'data' | 'size'>;
-export declare type ToolbarGroupData<E> = Array<ToolbarGroupItemData<E>>;
-export declare type ToolbarData<E> = ToolbarGroupData<E>[];
-export declare type ToolbarItemData<E> = {
+export type ToolbarIconData = Pick<IconProps, 'data' | 'size'>;
+export type ToolbarGroupData<E> = Array<ToolbarGroupItemData<E>>;
+export type ToolbarData<E> = ToolbarGroupData<E>[];
+export type ToolbarItemData<E> = {
     id: string;
     icon: ToolbarIconData;
     title: string | (() => string);
     hint?: string | (() => string);
     hotkey?: HotkeyProps['value'];
     preview?: React.ReactNode;
-    /** @deprecated Use _hintWhenDisabled_ setting instead */
-    disabledPopoverVisible?: boolean;
     /**
      * Show hint when _isEnable()_ returns false
      *
@@ -46,38 +43,39 @@ export declare enum ToolbarDataType {
     ReactNodeFn = "r-node-fn",
     ReactComponent = "r-component"
 }
-export declare type ToolbarGroupItemData<E> = ToolbarSingleItemData<E> | ToolbarButtonPopupData<E> | ToolbarListItemData<E> | ToolbarReactNodeData | ToolbarReactNodeFnData<E> | ToolbarReactComponentData<E>;
-export declare type ToolbarSingleItemData<E> = ToolbarItemData<E> & {
+export type ToolbarGroupItemData<E> = ToolbarSingleItemData<E> | ToolbarButtonPopupData<E> | ToolbarListItemData<E> | ToolbarReactNodeData | ToolbarReactNodeFnData<E> | ToolbarReactComponentData<E>;
+export type ToolbarSingleItemData<E> = ToolbarItemData<E> & {
     id: string;
     type: ToolbarDataType.SingleButton;
     className?: string;
 };
-export declare type ToolbarListItemData<E> = ToolbarListButtonData<E> & {
+export type ToolbarListItemData<E> = ToolbarListButtonData<E> & {
     id: string;
     type: ToolbarDataType.ListButton;
     className?: string;
 };
-export declare type ToolbarReactComponentData<E> = {
+export type ToolbarReactComponentData<E> = {
     id: string;
     type: ToolbarDataType.ReactComponent;
     width: number;
     className?: string;
     component: React.ComponentType<ToolbarBaseProps<E>>;
+    props?: object;
 };
-export declare type ToolbarButtonPopupData<E> = ToolbarItemData<E> & {
+export type ToolbarButtonPopupData<E> = ToolbarItemData<E> & {
     /** not used, may be an empty function */
     exec: ToolbarItemData<E>['exec'];
     type: ToolbarDataType.ButtonPopup;
     renderPopup: (props: ToolbarBaseProps<E> & {
         hide: () => void;
-        anchorRef: RefObject<HTMLElement>;
+        anchorElement: HTMLElement | null;
     }) => React.ReactNode;
     className?: string;
 };
-export declare type ToolbarListButtonItemData<E> = ToolbarItemData<E> & {
+export type ToolbarListButtonItemData<E> = ToolbarItemData<E> & {
     doNotActivateList?: boolean;
 };
-export declare type ToolbarListButtonData<E> = {
+export type ToolbarListButtonData<E> = {
     icon: ToolbarIconData;
     title: string | (() => string);
     withArrow?: boolean;
@@ -88,7 +86,7 @@ export declare type ToolbarListButtonData<E> = {
 /**
  * @deprecated Use ReactComponent type instead
  * */
-export declare type ToolbarReactNodeData = {
+export type ToolbarReactNodeData = {
     id: string;
     type: ToolbarDataType.ReactNode;
     width: number;
@@ -97,7 +95,7 @@ export declare type ToolbarReactNodeData = {
 /**
  * @deprecated Use ReactComponent type instead
  * */
-export declare type ToolbarReactNodeFnData<E> = {
+export type ToolbarReactNodeFnData<E> = {
     id: string;
     type: ToolbarDataType.ReactNodeFn;
     width: number;

package/build/cjs/toolbar/types.js

@@ -11,4 +11,5 @@ var ToolbarDataType;
     /** @deprecated Use ReactComponent type instead */
     ToolbarDataType["ReactNodeFn"] = "r-node-fn";
     ToolbarDataType["ReactComponent"] = "r-component";
-})(ToolbarDataType = exports.ToolbarDataType || (exports.ToolbarDataType = {}));
+})(ToolbarDataType || (exports.ToolbarDataType = ToolbarDataType = {}));
+//# sourceMappingURL=types.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"types.js","sourceRoot":"../../../src","sources":["toolbar/types.ts"],"names":[],"mappings":";;;AAsCA,IAAY,eASX;AATD,WAAY,eAAe;IACvB,4CAAyB,CAAA;IACzB,wCAAqB,CAAA;IACrB,0CAAuB,CAAA;IACvB,kDAAkD;IAClD,uCAAoB,CAAA;IACpB,kDAAkD;IAClD,4CAAyB,CAAA;IACzB,iDAA8B,CAAA;AAClC,CAAC,EATW,eAAe,+BAAf,eAAe,QAS1B","sourcesContent":["import type {HotkeyProps, IconProps} from '@gravity-ui/uikit';\n\nimport type {ClassNameProps} from '../classname';\n\nexport type ToolbarBaseProps<E> = ClassNameProps & {\n    editor: E;\n    focus(): void;\n    onClick?(id: string, attrs?: {[key: string]: any}): void;\n};\n\nexport type ToolbarIconData = Pick<IconProps, 'data' | 'size'>;\nexport type ToolbarGroupData<E> = Array<ToolbarGroupItemData<E>>;\nexport type ToolbarData<E> = ToolbarGroupData<E>[];\n\nexport type ToolbarItemData<E> = {\n    id: string;\n    icon: ToolbarIconData;\n    title: string | (() => string);\n    hint?: string | (() => string);\n    hotkey?: HotkeyProps['value'];\n    preview?: React.ReactNode;\n    /**\n     * Show hint when _isEnable()_ returns false\n     *\n     * `false` – don't show hint;\n     *\n     * `true` – show default hint;\n     *\n     * `string` or `() => string` – show hint with custom message.\n     *\n     * @default true\n     */\n    hintWhenDisabled?: boolean | string | (() => string);\n    exec(editor: E): void;\n    isActive(editor: E): boolean;\n    isEnable(editor: E): boolean;\n};\n\nexport enum ToolbarDataType {\n    SingleButton = 's-button',\n    ListButton = 'list-b',\n    ButtonPopup = 'b-popup',\n    /** @deprecated Use ReactComponent type instead */\n    ReactNode = 'r-node',\n    /** @deprecated Use ReactComponent type instead */\n    ReactNodeFn = 'r-node-fn',\n    ReactComponent = 'r-component',\n}\n\nexport type ToolbarGroupItemData<E> =\n    | ToolbarSingleItemData<E>\n    | ToolbarButtonPopupData<E>\n    | ToolbarListItemData<E>\n    | ToolbarReactNodeData\n    | ToolbarReactNodeFnData<E>\n    | ToolbarReactComponentData<E>;\n\nexport type ToolbarSingleItemData<E> = ToolbarItemData<E> & {\n    id: string;\n    type: ToolbarDataType.SingleButton;\n    className?: string;\n};\n\nexport type ToolbarListItemData<E> = ToolbarListButtonData<E> & {\n    id: string;\n    type: ToolbarDataType.ListButton;\n    className?: string;\n};\n\nexport type ToolbarReactComponentData<E> = {\n    id: string;\n    type: ToolbarDataType.ReactComponent;\n    width: number;\n    className?: string;\n    component: React.ComponentType<ToolbarBaseProps<E>>;\n    props?: object;\n};\n\nexport type ToolbarButtonPopupData<E> = ToolbarItemData<E> & {\n    /** not used, may be an empty function */\n    exec: ToolbarItemData<E>['exec'];\n    type: ToolbarDataType.ButtonPopup;\n    renderPopup: (\n        props: ToolbarBaseProps<E> & {hide: () => void; anchorElement: HTMLElement | null},\n    ) => React.ReactNode;\n    className?: string;\n};\n\nexport type ToolbarListButtonItemData<E> = ToolbarItemData<E> & {\n    doNotActivateList?: boolean;\n};\n\nexport type ToolbarListButtonData<E> = {\n    icon: ToolbarIconData;\n    title: string | (() => string);\n    withArrow?: boolean;\n    data: ToolbarListButtonItemData<E>[];\n    alwaysActive?: boolean;\n    hideDisabled?: boolean;\n};\n\n/**\n * @deprecated Use ReactComponent type instead\n * */\nexport type ToolbarReactNodeData = {\n    id: string;\n    type: ToolbarDataType.ReactNode;\n    width: number;\n    content: React.ReactNode;\n};\n\n/**\n * @deprecated Use ReactComponent type instead\n * */\nexport type ToolbarReactNodeFnData<E> = {\n    id: string;\n    type: ToolbarDataType.ReactNodeFn;\n    width: number;\n    content: (e: E) => React.ReactNode;\n};\n"]}

package/build/cjs/types/spec.js

@@ -5,3 +5,4 @@
 ///                                              ///
 ////////////////////////////////////////////////////
 Object.defineProperty(exports, "__esModule", { value: true });
+//# sourceMappingURL=spec.js.map

package/build/cjs/types/spec.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"spec.js","sourceRoot":"../../../src","sources":["types/spec.ts"],"names":[],"mappings":";AAAA,oDAAoD;AACpD,oDAAoD;AACpD,oDAAoD;AACpD,oDAAoD;AACpD,oDAAoD","sourcesContent":["////////////////////////////////////////////////////\n///                                              ///\n///   This is a place to extend spec types       ///\n///                                              ///\n////////////////////////////////////////////////////\n\nexport {};\n\ndeclare module 'prosemirror-model' {\n    interface NodeSpec {\n        /**\n         * Determines whether this node is part of complex block,\n         * e.g. yfm-cut, yfm-note, tables, etc...\n         * And indicates its own role\n         */\n        complex?: 'root' | 'inner' | 'leaf';\n        escapeText?: boolean;\n\n        /**\n         * Set `false` to disable gapcursor selection inside this node.\n         *\n         * @default true\n         */\n        gapcursor?: boolean;\n    }\n\n    interface MarkSpec {\n        /**\n         * Can be used to indicate that this mark contains code.\n         */\n        code?: boolean;\n    }\n}\n"]}

package/build/cjs/utils/actions.d.ts

@@ -1,4 +1,4 @@
 import type { MarkType } from 'prosemirror-model';
-import type { ActionSpec } from '../core';
+import type { ActionSpec } from "../core/index.js";
 export declare function defineActions<Keys extends string>(actions: Record<Keys, ActionSpec>): Record<Keys, ActionSpec>;
 export declare function createToggleMarkAction(markType: MarkType): ActionSpec;