@gravity-ui/markdown-editor 14.12.3 → 15.0.0

package/build/esm/table-utils/table-desc.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"table-desc.js","sourceRoot":"../../../src","sources":["table-utils/table-desc.ts"],"names":[],"mappings":"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","sourcesContent":["import isNumber from 'is-number';\nimport type {Node} from 'prosemirror-model';\n\nimport {isTableBodyNode, isTableNode} from './utils';\n\ntype TableCellRealDesc = {\n    type: 'real';\n    offset: number;\n    node: Node;\n    colspan?: number;\n    rowspan?: number;\n};\ntype TableCellVirtualDesc = {\n    type: 'virtual';\n    /** Index of real cell, that prodeced this virtual cell */\n    colspan?: [number, number];\n    /** Index of real cell, that prodeced this virtual cell */\n    rowspan?: [number, number];\n};\n\ntype Pos = {from: number; to: number};\nexport type CellPos = ({type: 'real'} & Pos) | {type: 'virtual'; closestPos: number};\n\ntype TableCellDesc = TableCellRealDesc | TableCellVirtualDesc;\n\ntype TableRowDesc = {\n    node: Node;\n    cells: TableCellDesc[];\n    offset: number;\n    colspan?: boolean;\n    rowspan?: boolean;\n};\n\nexport class TableDesc {\n    private static __cache = new WeakMap<Node, TableDesc>();\n\n    static create(table: Node) {\n        if (this.__cache.has(table)) return this.__cache.get(table)!;\n\n        if (!isTableNode(table)) return null;\n        const tbody = table.lastChild;\n        if (!tbody || !isTableBodyNode(tbody)) return null;\n\n        // table –> tbody -> ...\n        const baseOffset = 2;\n\n        const rows: TableRowDesc[] = [];\n        tbody.forEach((trow, offset) => {\n            rows.push({node: trow, offset, cells: []});\n        });\n\n        tbody.forEach((trow, _1, trowIndex) => {\n            trow.forEach((tcell, offset, tcellRealIndex) => {\n                const rowDesc = rows[trowIndex];\n\n                let tcellIndex = tcellRealIndex;\n                while (rowDesc.cells[tcellIndex]) {\n                    tcellIndex++;\n                }\n\n                const cellDesc: TableCellRealDesc = (rowDesc.cells[tcellIndex] = {\n                    type: 'real',\n                    node: tcell,\n                    offset,\n                });\n\n                const map: [number, number] = [trowIndex, tcellIndex];\n\n                if (isNumber(tcell.attrs['colspan'])) {\n                    rowDesc.colspan = true;\n                    const colspan = (cellDesc.colspan = parseInt(tcell.attrs['colspan'], 10));\n                    for (let i = 1; i < colspan; i++) {\n                        rowDesc.cells[tcellIndex + i] = {\n                            type: 'virtual',\n                            colspan: map,\n                        };\n                    }\n                }\n\n                if (isNumber(tcell.attrs['rowspan'])) {\n                    rowDesc.rowspan = true;\n                    const rowspan = (cellDesc.rowspan = parseInt(tcell.attrs['rowspan'], 10));\n                    for (let i = 1; i < rowspan; i++) {\n                        const colspan = cellDesc.colspan ?? 1;\n                        for (let j = 0; j < colspan; j++)\n                            rows[trowIndex + i].cells[tcellIndex + j] = {\n                                type: 'virtual',\n                                rowspan: map,\n                            };\n                    }\n                }\n            });\n        });\n\n        const desc = new this(rows.length, rows[0].cells.length, rows, baseOffset);\n        this.__cache.set(table, desc);\n        return desc;\n    }\n\n    private constructor(\n        /* eslint-disable @typescript-eslint/parameter-properties */\n        readonly rows: number,\n        readonly cols: number,\n        readonly rowsDesc: readonly TableRowDesc[],\n        readonly baseOffset: number,\n        /* eslint-enable @typescript-eslint/parameter-properties */\n    ) {}\n\n    rowHasVirtualCells(rowIndex: number): boolean {\n        return this.rowsDesc[rowIndex]?.cells.some((cell) => cell.type === 'virtual');\n    }\n\n    columnHasVirtualCells(columnIndex: number): boolean {\n        return this.rowsDesc.some((row) => row.cells[columnIndex]?.type === 'virtual');\n    }\n\n    isSafeColumn(columnIndex: number): boolean {\n        return this.rowsDesc.every((row) => {\n            const cell = row.cells[columnIndex];\n            if (cell.type === 'real' && (!cell.colspan || cell.colspan === 1)) return true;\n            if (cell.type === 'virtual' && cell.rowspan?.[1] === columnIndex) return true;\n            return false;\n        });\n    }\n\n    isSafeRow(rowIndex: number): boolean {\n        return this.rowsDesc[rowIndex]?.cells.every((cell) => {\n            if (cell.type === 'real' && (!cell.rowspan || cell.rowspan === 1)) return true;\n            if (cell.type === 'virtual' && cell.colspan?.[0] === rowIndex) return true;\n            return false;\n        });\n    }\n\n    getOffsetForRow(rowIndex: number): number {\n        return this.baseOffset + this.rowsDesc[rowIndex]?.offset;\n    }\n\n    getRelativePosForRow(rowIndex: number): Pos {\n        const from = this.getOffsetForRow(rowIndex);\n        const to = from + this.rowsDesc[rowIndex].node.nodeSize;\n        return {from, to};\n    }\n\n    getRelativePosForCell(rowIndex: number, columnIndex: number): CellPos {\n        const cell = this.rowsDesc[rowIndex]?.cells[columnIndex];\n        const rowOffset = this.getOffsetForRow(rowIndex);\n\n        if (cell?.type === 'real') {\n            // 1 – open boundary for row node\n            const from = rowOffset + 1 + cell.offset;\n            const to = from + cell.node.nodeSize;\n            return {type: 'real', from, to};\n        }\n\n        if (cell?.type === 'virtual') {\n            let index = columnIndex;\n            while (--index >= 0) {\n                const cell = this.rowsDesc[rowIndex].cells[index];\n                if (cell.type === 'real') {\n                    const closest = rowOffset + 1 + cell.offset + cell.node.nodeSize;\n                    return {type: 'virtual', closestPos: closest};\n                }\n            }\n            return {type: 'virtual', closestPos: rowOffset + 1};\n        }\n\n        throw new Error(\n            `Impossible to calculate offset for cell with position [${rowIndex},${columnIndex}]`,\n        );\n    }\n\n    getRelativePosForColumn(columnIndex: number): CellPos[] {\n        const ranges: CellPos[] = [];\n\n        for (let i = 0; i < this.rows; i++) {\n            ranges.push(this.getRelativePosForCell(i, columnIndex));\n        }\n\n        return ranges;\n    }\n\n    getCellNodeType() {\n        const isRealCell = (cell: TableCellDesc): cell is TableCellRealDesc => cell.type === 'real';\n        return this.rowsDesc[0].cells.find(isRealCell)!.node.type;\n    }\n\n    getRowNodeType() {\n        return this.rowsDesc[0].node.type;\n    }\n}\n"]}

package/build/esm/table-utils/utils.d.ts

@@ -1,18 +1,18 @@
-import { Node as PmNode, ResolvedPos } from 'prosemirror-model';
-import { Predicate } from 'prosemirror-utils';
+import type { Node as PmNode, ResolvedPos } from 'prosemirror-model';
+import { type Predicate } from 'prosemirror-utils';
 import type { EditorView } from 'prosemirror-view';
 export declare const isTableNode: Predicate;
 export declare const isTableBodyNode: Predicate;
 export declare const isTableRowNode: Predicate;
 export declare const isTableCellNode: Predicate;
-export declare const findParentTable: ({ $from, $to }: import("prosemirror-state").Selection, validateSameParent?: boolean | undefined) => import("prosemirror-utils/dist/types").FindResult;
-export declare const findParentTableBody: ({ $from, $to }: import("prosemirror-state").Selection, validateSameParent?: boolean | undefined) => import("prosemirror-utils/dist/types").FindResult;
-export declare const findParentTableRow: ({ $from, $to }: import("prosemirror-state").Selection, validateSameParent?: boolean | undefined) => import("prosemirror-utils/dist/types").FindResult;
-export declare const findParentTableCell: ({ $from, $to }: import("prosemirror-state").Selection, validateSameParent?: boolean | undefined) => import("prosemirror-utils/dist/types").FindResult;
-export declare const findParentTableFromPos: ($pos: ResolvedPos) => import("prosemirror-utils/dist/types").FindResult;
-export declare const findParentTableBodyFromPos: ($pos: ResolvedPos) => import("prosemirror-utils/dist/types").FindResult;
-export declare const findParentTableRowFromPos: ($pos: ResolvedPos) => import("prosemirror-utils/dist/types").FindResult;
-export declare const findParentTableCellFromPos: ($pos: ResolvedPos) => import("prosemirror-utils/dist/types").FindResult;
+export declare const findParentTable: ({ $from, $to }: import("prosemirror-state").Selection, validateSameParent?: boolean) => import("node_modules/prosemirror-utils/dist/types").FindResult;
+export declare const findParentTableBody: ({ $from, $to }: import("prosemirror-state").Selection, validateSameParent?: boolean) => import("node_modules/prosemirror-utils/dist/types").FindResult;
+export declare const findParentTableRow: ({ $from, $to }: import("prosemirror-state").Selection, validateSameParent?: boolean) => import("node_modules/prosemirror-utils/dist/types").FindResult;
+export declare const findParentTableCell: ({ $from, $to }: import("prosemirror-state").Selection, validateSameParent?: boolean) => import("node_modules/prosemirror-utils/dist/types").FindResult;
+export declare const findParentTableFromPos: ($pos: ResolvedPos) => import("node_modules/prosemirror-utils/dist/types").FindResult;
+export declare const findParentTableBodyFromPos: ($pos: ResolvedPos) => import("node_modules/prosemirror-utils/dist/types").FindResult;
+export declare const findParentTableRowFromPos: ($pos: ResolvedPos) => import("node_modules/prosemirror-utils/dist/types").FindResult;
+export declare const findParentTableCellFromPos: ($pos: ResolvedPos) => import("node_modules/prosemirror-utils/dist/types").FindResult;
 export declare const findChildTableRows: (node: PmNode) => {
     node: PmNode;
     pos: number;

package/build/esm/table-utils/utils.js

@@ -1,7 +1,9 @@
 import isNumber from 'is-number';
-import { findChildren, findParentNode, findParentNodeClosestToPos, } from 'prosemirror-utils';
-import { isTextSelection } from '../utils/selection';
-import { TableRole } from './const';
+import { findChildren, findParentNode, findParentNodeClosestToPos,
+// @ts-ignore // TODO: fix cjs build
+ } from 'prosemirror-utils';
+import { isTextSelection } from "../utils/selection.js";
+import { TableRole } from "./const.js";
 export const isTableNode = (node) => node.type.spec.tableRole === TableRole.Table;
 export const isTableBodyNode = (node) => node.type.spec.tableRole === TableRole.Body;
 export const isTableRowNode = (node) => node.type.spec.tableRole === TableRole.Row;
@@ -20,7 +22,7 @@ export const findChildTableBody = (node) => findChildren(node, isTableBodyNode);
 export const getTableDimensions = (node) => {
     let rows = 0, cols = 0;
     const tbody = node.firstChild;
-    tbody === null || tbody === void 0 ? void 0 : tbody.forEach((trow, _1, trowIndex) => {
+    tbody?.forEach((trow, _1, trowIndex) => {
         rows++;
         if (trowIndex === 0) {
             trow.forEach((tcell, _2) => {
@@ -52,3 +54,4 @@ export function atEndOfCell(view, dir) {
     }
     return null;
 }
+//# sourceMappingURL=utils.js.map

package/build/esm/table-utils/utils.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"utils.js","sourceRoot":"../../../src","sources":["table-utils/utils.ts"],"names":[],"mappings":"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","sourcesContent":["import isNumber from 'is-number';\nimport type {Node as PmNode, ResolvedPos} from 'prosemirror-model';\nimport {\n    type Predicate,\n    findChildren,\n    findParentNode,\n    findParentNodeClosestToPos,\n    // @ts-ignore // TODO: fix cjs build\n} from 'prosemirror-utils';\nimport type {EditorView} from 'prosemirror-view';\n\nimport {isTextSelection} from '../utils/selection';\n\nimport {TableRole} from './const';\n\nexport const isTableNode: Predicate = (node: PmNode) =>\n    node.type.spec.tableRole === TableRole.Table;\nexport const isTableBodyNode: Predicate = (node: PmNode) =>\n    node.type.spec.tableRole === TableRole.Body;\nexport const isTableRowNode: Predicate = (node: PmNode) =>\n    node.type.spec.tableRole === TableRole.Row;\nexport const isTableCellNode: Predicate = (node: PmNode) =>\n    node.type.spec.tableRole === TableRole.Cell;\n\nexport const findParentTable = findParentNode(isTableNode);\nexport const findParentTableBody = findParentNode(isTableBodyNode);\nexport const findParentTableRow = findParentNode(isTableRowNode);\nexport const findParentTableCell = findParentNode(isTableCellNode);\n\nexport const findParentTableFromPos = ($pos: ResolvedPos) =>\n    findParentNodeClosestToPos($pos, isTableNode);\nexport const findParentTableBodyFromPos = ($pos: ResolvedPos) =>\n    findParentNodeClosestToPos($pos, isTableBodyNode);\nexport const findParentTableRowFromPos = ($pos: ResolvedPos) =>\n    findParentNodeClosestToPos($pos, isTableRowNode);\nexport const findParentTableCellFromPos = ($pos: ResolvedPos) =>\n    findParentNodeClosestToPos($pos, isTableCellNode);\n\nexport const findChildTableRows = (node: PmNode) => findChildren(node, isTableRowNode);\nexport const findChildTableCells = (node: PmNode) => findChildren(node, isTableCellNode);\nexport const findChildTableBody = (node: PmNode) => findChildren(node, isTableBodyNode);\n\nexport const getTableDimensions = (node: PmNode) => {\n    let rows = 0,\n        cols = 0;\n\n    const tbody = node.firstChild;\n    tbody?.forEach((trow, _1, trowIndex) => {\n        rows++;\n\n        if (trowIndex === 0) {\n            trow.forEach((tcell, _2) => {\n                const cellAttrs = tcell.attrs;\n\n                if (isNumber(cellAttrs['colspan'])) {\n                    cols += parseInt(cellAttrs['colspan'], 10);\n                } else {\n                    cols++;\n                }\n            });\n        }\n    });\n\n    return {rows, cols};\n};\n\nexport function atEndOfCell(view: EditorView, dir: number) {\n    if (!isTextSelection(view.state.selection)) return null;\n    const {$head} = view.state.selection;\n    for (let d = $head.depth - 1; d >= 0; d--) {\n        const parent = $head.node(d),\n            index = dir < 0 ? $head.index(d) : $head.indexAfter(d);\n        if (index !== (dir < 0 ? 0 : parent.childCount)) return null;\n        if (parent.type.spec.tableRole === TableRole.Cell) {\n            const cellPos = $head.before(d);\n            const dirStr = dir > 0 ? 'down' : 'up';\n            return view.endOfTextblock(dirStr) ? cellPos : null;\n        }\n    }\n    return null;\n}\n"]}

package/build/esm/toolbar/FlexToolbar.d.ts

@@ -1,8 +1,7 @@
-/// <reference types="react" />
-import { type ToolbarProps } from './Toolbar';
-import { type ToolbarItemData } from './types';
-import './FlexToolbar.css';
-export declare type FlexToolbarProps<E> = ToolbarProps<E> & {
+import { type ToolbarProps } from "./Toolbar.js";
+import { type ToolbarItemData } from "./types.js";
+import "./FlexToolbar.css";
+export type FlexToolbarProps<E> = ToolbarProps<E> & {
     dotsTitle: string | (() => string);
     hiddenActions?: ToolbarItemData<E>[];
 };

package/build/esm/toolbar/FlexToolbar.js

@@ -1,14 +1,15 @@
-import React from 'react';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useMemo } from 'react';
 import { Ellipsis } from '@gravity-ui/icons';
 import { useMeasure } from 'react-use';
-import { cn } from '../classname';
-import { logger } from '../logger';
-import { useRenderTime } from '../react-utils/hooks';
-import { Toolbar } from './Toolbar';
-import { ToolbarListButton } from './ToolbarListButton';
-import { shrinkToolbarData } from './flexible';
-import { ToolbarDataType } from './types';
-import './FlexToolbar.css';
+import { cn } from "../classname.js";
+import { logger } from "../logger.js";
+import { useRenderTime } from "../react-utils/hooks.js";
+import { Toolbar } from "./Toolbar.js";
+import { ToolbarListButton } from "./ToolbarListButton.js";
+import { shrinkToolbarData } from "./flexible.js";
+import { ToolbarDataType } from "./types.js";
+import "./FlexToolbar.css";
 const b = cn('flex-toolbar');
 export function FlexToolbar(props) {
     useRenderTime((time) => {
@@ -20,7 +21,7 @@ export function FlexToolbar(props) {
     });
     const { data, className, hiddenActions } = props;
     const [ref, { width }] = useMeasure();
-    const { data: items, dots } = React.useMemo(() => {
+    const { data: items, dots } = useMemo(() => {
         const toolbarButtonIds = data.reduce((a, toolbarGroup) => {
             return [
                 ...a,
@@ -35,15 +36,13 @@ export function FlexToolbar(props) {
             ];
         }, []);
         // Finding only actions tha are not present in the main toolbar config
-        const filteredHiddenAction = hiddenActions === null || hiddenActions === void 0 ? void 0 : hiddenActions.filter((a) => !toolbarButtonIds.includes(a.id));
+        const filteredHiddenAction = hiddenActions?.filter((a) => !toolbarButtonIds.includes(a.id));
         return shrinkToolbarData({
             data,
             availableWidth: width,
             hiddenActions: filteredHiddenAction,
         });
     }, [data, width, hiddenActions]);
-    return (React.createElement("div", { ref: ref, className: b(null, [className]) },
-        React.createElement("div", { className: b('container') },
-            React.createElement(Toolbar, Object.assign({}, props, { data: items, className: b('bar') })),
-            (dots === null || dots === void 0 ? void 0 : dots.length) && (React.createElement(ToolbarListButton, { data: dots, icon: { data: Ellipsis }, title: props.dotsTitle, editor: props.editor, focus: props.focus, onClick: props.onClick, className: b('dots'), alwaysActive: true })))));
+    return (_jsx("div", { ref: ref, className: b(null, [className]), children: _jsxs("div", { className: b('container'), children: [_jsx(Toolbar, { ...props, data: items, className: b('bar') }), dots?.length && (_jsx(ToolbarListButton, { data: dots, icon: { data: Ellipsis }, title: props.dotsTitle, editor: props.editor, focus: props.focus, onClick: props.onClick, className: b('dots'), alwaysActive: true }))] }) }));
 }
+//# sourceMappingURL=FlexToolbar.js.map

package/build/esm/toolbar/FlexToolbar.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FlexToolbar.js","sourceRoot":"../../../src","sources":["toolbar/FlexToolbar.tsx"],"names":[],"mappings":"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","sourcesContent":["import {useMemo} from 'react';\n\nimport {Ellipsis} from '@gravity-ui/icons';\nimport {useMeasure} from 'react-use';\n\nimport {cn} from '../classname';\nimport {logger} from '../logger';\nimport {useRenderTime} from '../react-utils/hooks';\n\nimport {Toolbar, type ToolbarProps} from './Toolbar';\nimport {ToolbarListButton} from './ToolbarListButton';\nimport {shrinkToolbarData} from './flexible';\nimport {ToolbarDataType, type ToolbarItemData} from './types';\n\nimport './FlexToolbar.scss';\n\nconst b = cn('flex-toolbar');\n\nexport type FlexToolbarProps<E> = ToolbarProps<E> & {\n    dotsTitle: string | (() => string);\n    hiddenActions?: ToolbarItemData<E>[];\n};\n\nexport function FlexToolbar<E>(props: FlexToolbarProps<E>) {\n    useRenderTime((time) => {\n        logger.metrics({\n            component: 'toolbar',\n            event: 'render',\n            duration: time,\n        });\n    });\n\n    const {data, className, hiddenActions} = props;\n\n    const [ref, {width}] = useMeasure<HTMLDivElement>();\n    const {data: items, dots} = useMemo(() => {\n        const toolbarButtonIds = data.reduce((a: string[], toolbarGroup) => {\n            return [\n                ...a,\n                ...toolbarGroup\n                    .map((toolbarButton) => {\n                        if (toolbarButton.type === ToolbarDataType.ListButton) {\n                            return toolbarButton.data.map((v) => v.id);\n                        }\n                        return toolbarButton.id;\n                    })\n                    .flat(),\n            ];\n        }, []);\n\n        // Finding only actions tha are not present in the main toolbar config\n        const filteredHiddenAction = hiddenActions?.filter((a) => !toolbarButtonIds.includes(a.id));\n        return shrinkToolbarData({\n            data,\n            availableWidth: width,\n            hiddenActions: filteredHiddenAction,\n        });\n    }, [data, width, hiddenActions]);\n\n    return (\n        <div ref={ref} className={b(null, [className])}>\n            <div className={b('container')}>\n                <Toolbar {...props} data={items} className={b('bar')} />\n                {dots?.length && (\n                    <ToolbarListButton\n                        data={dots}\n                        icon={{data: Ellipsis}}\n                        title={props.dotsTitle}\n                        editor={props.editor}\n                        focus={props.focus}\n                        onClick={props.onClick}\n                        className={b('dots')}\n                        alwaysActive={true}\n                    />\n                )}\n            </div>\n        </div>\n    );\n}\n"]}

package/build/esm/toolbar/PreviewTooltip.css

@@ -3,6 +3,7 @@
   border-radius: var(--g-border-radius-s);
   background-color: var(--g-color-base-float-heavy);
 }
-.g-md-preview-tooltip .g-popup__content:first-child {
+.g-md-preview-tooltip__content {
   padding: 0 0 0 var(--g-spacing-2);
+  background-color: var(--g-color-base-float);
 }

package/build/esm/toolbar/PreviewTooltip.d.ts

@@ -1,6 +1,5 @@
-import React from 'react';
-import './PreviewTooltip.css';
-declare type PreviewTooltipProps = {
+import "./PreviewTooltip.css";
+type PreviewTooltipProps = {
     preview?: React.ReactNode;
     children: React.ReactElement;
 };

package/build/esm/toolbar/PreviewTooltip.js

@@ -1,11 +1,10 @@
-import React from 'react';
+import { jsx as _jsx } from "react/jsx-runtime";
 import { Tooltip } from '@gravity-ui/uikit';
-import { cn } from '../classname';
-import { ToolbarTooltipDelay } from './const';
-import './PreviewTooltip.css';
+import { cn } from "../classname.js";
+import { ToolbarTooltipDelay } from "./const.js";
+import "./PreviewTooltip.css";
 const b = cn('preview-tooltip');
 export const PreviewTooltip = ({ preview, children }) => {
-    if (!preview)
-        return children;
-    return (React.createElement(Tooltip, { placement: ['right', 'left'], className: b(), contentClassName: b('content'), disabled: !preview, openDelay: ToolbarTooltipDelay.Open, closeDelay: ToolbarTooltipDelay.Close, content: preview }, children));
+    return (_jsx(Tooltip, { placement: "right", className: b(), disabled: !preview, openDelay: ToolbarTooltipDelay.Open, closeDelay: ToolbarTooltipDelay.Close, content: _jsx("div", { className: b('content'), children: preview }), children: children }));
 };
+//# sourceMappingURL=PreviewTooltip.js.map

package/build/esm/toolbar/PreviewTooltip.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PreviewTooltip.js","sourceRoot":"../../../src","sources":["toolbar/PreviewTooltip.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAC,OAAO,EAAC,MAAM,mBAAmB,CAAC;AAE1C,OAAO,EAAC,EAAE,EAAC,wBAAqB;AAEhC,OAAO,EAAC,mBAAmB,EAAC,mBAAgB;AAE5C,8BAA+B;AAE/B,MAAM,CAAC,GAAG,EAAE,CAAC,iBAAiB,CAAC,CAAC;AAOhC,MAAM,CAAC,MAAM,cAAc,GAAkC,CAAC,EAAC,OAAO,EAAE,QAAQ,EAAC,EAAE,EAAE;IACjF,OAAO,CACH,KAAC,OAAO,IACJ,SAAS,EAAC,OAAO,EACjB,SAAS,EAAE,CAAC,EAAE,EACd,QAAQ,EAAE,CAAC,OAAO,EAClB,SAAS,EAAE,mBAAmB,CAAC,IAAI,EACnC,UAAU,EAAE,mBAAmB,CAAC,KAAK,EACrC,OAAO,EAAE,cAAK,SAAS,EAAE,CAAC,CAAC,SAAS,CAAC,YAAG,OAAO,GAAO,YAErD,QAAQ,GACH,CACb,CAAC;AACN,CAAC,CAAC","sourcesContent":["import {Tooltip} from '@gravity-ui/uikit';\n\nimport {cn} from '../classname';\n\nimport {ToolbarTooltipDelay} from './const';\n\nimport './PreviewTooltip.scss';\n\nconst b = cn('preview-tooltip');\n\ntype PreviewTooltipProps = {\n    preview?: React.ReactNode;\n    children: React.ReactElement;\n};\n\nexport const PreviewTooltip: React.FC<PreviewTooltipProps> = ({preview, children}) => {\n    return (\n        <Tooltip\n            placement=\"right\"\n            className={b()}\n            disabled={!preview}\n            openDelay={ToolbarTooltipDelay.Open}\n            closeDelay={ToolbarTooltipDelay.Close}\n            content={<div className={b('content')}>{preview}</div>}\n        >\n            {children}\n        </Tooltip>\n    );\n};\n"]}

package/build/esm/toolbar/Toolbar.d.ts

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

package/build/esm/toolbar/Toolbar.js

@@ -1,13 +1,13 @@
-import React from 'react';
-import { cn } from '../classname';
-import { ToolbarButtonGroup } from './ToolbarGroup';
-import './Toolbar.css';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Fragment } from 'react';
+import { cn } from "../classname.js";
+import { ToolbarButtonGroup } from "./ToolbarGroup.js";
+import "./Toolbar.css";
 const b = cn('toolbar');
 export function Toolbar({ editor, data, className, focus, onClick }) {
-    return (React.createElement("div", { className: b(null, [className]) }, data.map((group, index) => {
-        const isLastGroup = index === data.length - 1;
-        return (React.createElement(React.Fragment, { key: index },
-            React.createElement(ToolbarButtonGroup, { data: group, editor: editor, focus: focus, onClick: onClick, className: b('group') }),
-            isLastGroup || React.createElement("div", { className: b('group-separator') })));
-    })));
+    return (_jsx("div", { className: b(null, [className]), children: data.map((group, index) => {
+            const isLastGroup = index === data.length - 1;
+            return (_jsxs(Fragment, { children: [_jsx(ToolbarButtonGroup, { data: group, editor: editor, focus: focus, onClick: onClick, className: b('group') }), isLastGroup || _jsx("div", { className: b('group-separator') })] }, index));
+        }) }));
 }
+//# sourceMappingURL=Toolbar.js.map

package/build/esm/toolbar/Toolbar.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Toolbar.js","sourceRoot":"../../../src","sources":["toolbar/Toolbar.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAC,QAAQ,EAAC,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAC,EAAE,EAAC,wBAAqB;AAEhC,OAAO,EAAC,kBAAkB,EAAC,0BAAuB;AAGlD,uBAAwB;AAExB,MAAM,CAAC,GAAG,EAAE,CAAC,SAAS,CAAC,CAAC;AAQxB,MAAM,UAAU,OAAO,CAAI,EAAC,MAAM,EAAE,IAAI,EAAE,SAAS,EAAE,KAAK,EAAE,OAAO,EAAkB;IACjF,OAAO,CACH,cAAK,SAAS,EAAE,CAAC,CAAC,IAAI,EAAE,CAAC,SAAS,CAAC,CAAC,YAC/B,IAAI,CAAC,GAAG,CAAkB,CAAC,KAAK,EAAE,KAAK,EAAE,EAAE;YACxC,MAAM,WAAW,GAAG,KAAK,KAAK,IAAI,CAAC,MAAM,GAAG,CAAC,CAAC;YAE9C,OAAO,CACH,MAAC,QAAQ,eACL,KAAC,kBAAkB,IACf,IAAI,EAAE,KAAK,EACX,MAAM,EAAE,MAAM,EACd,KAAK,EAAE,KAAK,EACZ,OAAO,EAAE,OAAO,EAChB,SAAS,EAAE,CAAC,CAAC,OAAO,CAAC,GACvB,EACD,WAAW,IAAI,cAAK,SAAS,EAAE,CAAC,CAAC,iBAAiB,CAAC,GAAI,KAR7C,KAAK,CAST,CACd,CAAC;QACN,CAAC,CAAC,GACA,CACT,CAAC;AACN,CAAC","sourcesContent":["import {Fragment} from 'react';\n\nimport {cn} from '../classname';\n\nimport {ToolbarButtonGroup} from './ToolbarGroup';\nimport type {ToolbarBaseProps, ToolbarData} from './types';\n\nimport './Toolbar.scss';\n\nconst b = cn('toolbar');\n\nexport type {ToolbarData};\n\nexport type ToolbarProps<E> = ToolbarBaseProps<E> & {\n    data: ToolbarData<E>;\n};\n\nexport function Toolbar<E>({editor, data, className, focus, onClick}: ToolbarProps<E>) {\n    return (\n        <div className={b(null, [className])}>\n            {data.map<React.ReactNode>((group, index) => {\n                const isLastGroup = index === data.length - 1;\n\n                return (\n                    <Fragment key={index}>\n                        <ToolbarButtonGroup\n                            data={group}\n                            editor={editor}\n                            focus={focus}\n                            onClick={onClick}\n                            className={b('group')}\n                        />\n                        {isLastGroup || <div className={b('group-separator')} />}\n                    </Fragment>\n                );\n            })}\n        </div>\n    );\n}\n"]}

package/build/esm/toolbar/ToolbarButton.d.ts

@@ -1,17 +1,16 @@
-import React from 'react';
-import type { ToolbarBaseProps, ToolbarItemData } from './types';
-import './ToolbarButton.css';
-export declare type ToolbarButtonProps<E> = ToolbarBaseProps<E> & ToolbarItemData<E>;
-export declare type ToolbarButtonViewProps = Pick<ToolbarItemData<unknown>, 'icon' | 'title' | 'hint' | 'hotkey' | 'disabledPopoverVisible' | 'hintWhenDisabled'> & {
+import type { ToolbarBaseProps, ToolbarItemData } from "./types.js";
+import "./ToolbarButton.css";
+export type ToolbarButtonProps<E> = ToolbarBaseProps<E> & ToolbarItemData<E>;
+export type ToolbarButtonViewProps = Pick<ToolbarItemData<unknown>, 'icon' | 'title' | 'hint' | 'hotkey' | 'hintWhenDisabled'> & {
     active: boolean;
     enabled: boolean;
     onClick: () => void;
     className?: string;
 };
-export declare const ToolbarButtonView: React.ForwardRefExoticComponent<Pick<ToolbarItemData<unknown>, "title" | "icon" | "hint" | "hotkey" | "disabledPopoverVisible" | "hintWhenDisabled"> & {
+export declare const ToolbarButtonView: import("react").ForwardRefExoticComponent<Pick<ToolbarItemData<unknown>, "title" | "icon" | "hint" | "hotkey" | "hintWhenDisabled"> & {
     active: boolean;
     enabled: boolean;
     onClick: () => void;
-    className?: string | undefined;
-} & React.RefAttributes<HTMLElement>>;
+    className?: string;
+} & import("react").RefAttributes<HTMLButtonElement>>;
 export declare function ToolbarButton<E>(props: ToolbarButtonProps<E>): JSX.Element;

package/build/esm/toolbar/ToolbarButton.js

@@ -1,34 +1,36 @@
-import React from 'react';
-import { ActionTooltip, Button, Icon, Popover } from '@gravity-ui/uikit';
-import { cn } from '../classname';
-import { i18n } from '../i18n/common';
-import { isFunction } from '../lodash';
-import { ToolbarTooltipDelay } from './const';
-import './ToolbarButton.css';
+import { jsx as _jsx } from "react/jsx-runtime";
+import { forwardRef } from 'react';
+import { ActionTooltip, Button, Icon, Popover, setRef } from '@gravity-ui/uikit';
+import { cn } from "../classname.js";
+import { i18n } from "../i18n/common/index.js";
+import { isFunction } from "../lodash.js";
+import { ToolbarTooltipDelay } from "./const.js";
+import "./ToolbarButton.css";
 const b = cn('toolbar-button');
-export const ToolbarButtonView = React.forwardRef(function ToolbarButtonView({ icon, title, hint, hotkey, disabledPopoverVisible = true, hintWhenDisabled, active, enabled, onClick, className, }, ref) {
-    var _a;
+export const ToolbarButtonView = forwardRef(function ToolbarButtonView({ icon, title, hint, hotkey, hintWhenDisabled, active, enabled, onClick, className }, ref) {
     const disabled = !active && !enabled;
     const titleText = isFunction(title) ? title() : title;
     const hintText = isFunction(hint) ? hint() : hint;
-    const hideHintWhenDisabled = hintWhenDisabled === false || !disabledPopoverVisible || !disabled;
+    const hideHintWhenDisabled = hintWhenDisabled === false || !disabled;
     const hintWhenDisabledText = typeof hintWhenDisabled === 'string'
         ? hintWhenDisabled
         : typeof hintWhenDisabled === 'function'
             ? hintWhenDisabled()
             : i18n('toolbar_action_disabled');
-    return (React.createElement(Popover, { content: hintWhenDisabledText, disabled: hideHintWhenDisabled, tooltipContentClassName: b('action-disabled-tooltip'), placement: ['bottom'] },
-        React.createElement(ActionTooltip, { openDelay: ToolbarTooltipDelay.Open, closeDelay: ToolbarTooltipDelay.Close, description: hintText, title: titleText, hotkey: hotkey },
-            React.createElement(Button, { size: "m", ref: ref, selected: active, disabled: disabled, view: active ? 'normal' : 'flat', onClick: onClick, className: b(null, [className]), extraProps: { 'aria-label': titleText } },
-                React.createElement(Icon, { data: icon.data, size: (_a = icon.size) !== null && _a !== void 0 ? _a : 16 })))));
+    return (_jsx(Popover, { content: _jsx("div", { className: b('action-disabled-tooltip'), children: hintWhenDisabledText }), disabled: hideHintWhenDisabled, placement: ['bottom'], children: (_, refForPopover) => (_jsx(ActionTooltip, { openDelay: ToolbarTooltipDelay.Open, closeDelay: ToolbarTooltipDelay.Close, description: hintText, title: titleText, hotkey: hotkey, children: (_, refForTooltip) => (_jsx(Button, { size: "m", ref: (elem) => {
+                    setRef(ref, elem);
+                    setRef(refForPopover, elem);
+                    setRef(refForTooltip, elem);
+                }, selected: active, disabled: disabled, view: active ? 'normal' : 'flat', onClick: onClick, className: b(null, [className]), "aria-label": titleText, children: _jsx(Icon, { data: icon.data, size: icon.size ?? 16 }) })) })) }));
 });
 export function ToolbarButton(props) {
     const { id, editor, focus, isActive, isEnable, exec, onClick } = props;
     const active = isActive(editor);
     const enabled = isEnable(editor);
-    return (React.createElement(ToolbarButtonView, Object.assign({}, props, { active: active, enabled: enabled, onClick: () => {
+    return (_jsx(ToolbarButtonView, { ...props, active: active, enabled: enabled, onClick: () => {
             focus();
             exec(editor);
-            onClick === null || onClick === void 0 ? void 0 : onClick(id);
-        } })));
+            onClick?.(id);
+        } }));
 }
+//# sourceMappingURL=ToolbarButton.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ToolbarButton.js","sourceRoot":"../../../src","sources":["toolbar/ToolbarButton.tsx"],"names":[],"mappings":"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","sourcesContent":["import {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    'icon' | 'title' | 'hint' | 'hotkey' | 'hintWhenDisabled'\n> & {\n    active: boolean;\n    enabled: boolean;\n    onClick: () => void;\n    className?: string;\n};\n\nexport const ToolbarButtonView = forwardRef<HTMLButtonElement, ToolbarButtonViewProps>(\n    function ToolbarButtonView(\n        {icon, title, hint, hotkey, hintWhenDisabled, active, enabled, onClick, className},\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                                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 data={icon.data} size={icon.size ?? 16} />\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    return (\n        <ToolbarButtonView\n            {...props}\n            active={active}\n            enabled={enabled}\n            onClick={() => {\n                focus();\n                exec(editor);\n                onClick?.(id);\n            }}\n        />\n    );\n}\n"]}

package/build/esm/toolbar/ToolbarButtonPopup.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
-import { ToolbarBaseProps, ToolbarButtonPopupData } from './types';
-export declare type ToolbarButtonPopupProps<E> = ToolbarBaseProps<E> & ToolbarButtonPopupData<E>;
+import type { ToolbarBaseProps, ToolbarButtonPopupData } from "./types.js";
+export type ToolbarButtonPopupProps<E> = ToolbarBaseProps<E> & ToolbarButtonPopupData<E>;
 export declare function ToolbarButtonPopup<E>(props: ToolbarButtonPopupProps<E>): JSX.Element;

package/build/esm/toolbar/ToolbarButtonPopup.js

@@ -1,15 +1,17 @@
-import { __rest } from "tslib";
-import React, { useRef } from 'react';
-import { useBoolean } from 'react-use';
-import { ToolbarButtonView } from './ToolbarButton';
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+import { useBooleanState, useElementState } from "../react-utils/hooks.js";
+import { ToolbarButtonView } from "./ToolbarButton.js";
 export function ToolbarButtonPopup(props) {
-    const { className, editor, isActive, isEnable, renderPopup } = props, buttonProps = __rest(props, ["className", "editor", "isActive", "isEnable", "renderPopup"]);
-    const buttonRef = useRef(null);
-    const [open, setOpen] = useBoolean(false);
+    const { className, editor, isActive, isEnable, renderPopup, ...buttonProps } = props;
+    const [anchorElement, setAnchorElement] = useElementState();
+    const [isOpen, , close, toggle] = useBooleanState(false);
     const active = isActive(editor);
     const enabled = isEnable(editor);
-    return (React.createElement(React.Fragment, null,
-        React.createElement(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 (_jsxs(_Fragment, { children: [_jsx(ToolbarButtonView, { ...buttonProps, ref: setAnchorElement, active: active, enabled: enabled, className: className, onClick: toggle }), isOpen &&
+                renderPopup({
+                    ...props,
+                    anchorElement,
+                    hide: close,
+                })] }));
 }
+//# sourceMappingURL=ToolbarButtonPopup.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ToolbarButtonPopup.js","sourceRoot":"../../../src","sources":["toolbar/ToolbarButtonPopup.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAC,eAAe,EAAE,eAAe,EAAC,gCAA6B;AAEtE,OAAO,EAAC,iBAAiB,EAAC,2BAAwB;AAKlD,MAAM,UAAU,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,eAAe,EAAE,CAAC;IAC5D,MAAM,CAAC,MAAM,EAAE,AAAD,EAAG,KAAK,EAAE,MAAM,CAAC,GAAG,eAAe,CAAC,KAAK,CAAC,CAAC;IAEzD,MAAM,MAAM,GAAG,QAAQ,CAAC,MAAM,CAAC,CAAC;IAChC,MAAM,OAAO,GAAG,QAAQ,CAAC,MAAM,CAAC,CAAC;IAEjC,OAAO,CACH,8BACI,KAAC,iBAAiB,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/esm/toolbar/ToolbarGroup.d.ts

@@ -1,8 +1,7 @@
-/// <reference types="react" />
-import { type ToolbarBaseProps, type ToolbarGroupData } from './types';
-import './ToolbarGroup.css';
+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/esm/toolbar/ToolbarGroup.js

@@ -1,32 +1,35 @@
-import React from 'react';
-import { cn } from '../classname';
-import { ToolbarButton } from './ToolbarButton';
-import { ToolbarButtonPopup } from './ToolbarButtonPopup';
-import { ToolbarListButton } from './ToolbarListButton';
-import { ToolbarDataType } from './types';
-import './ToolbarGroup.css';
+import { jsx as _jsx } from "react/jsx-runtime";
+import { createElement as _createElement } from "react";
+import { Fragment } from 'react';
+import { cn } from "../classname.js";
+import { ToolbarButton } from "./ToolbarButton.js";
+import { ToolbarButtonPopup } from "./ToolbarButtonPopup.js";
+import { ToolbarListButton } from "./ToolbarListButton.js";
+import { ToolbarDataType } from "./types.js";
+import "./ToolbarGroup.css";
 const b = cn('toolbar-group');
 export function ToolbarButtonGroup({ className, editor, data, focus, onClick, }) {
-    return (React.createElement("div", { className: b(null, [className]) }, data.map((item) => {
-        if (item.type === ToolbarDataType.SingleButton) {
-            return (React.createElement(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 === ToolbarDataType.ButtonPopup) {
-            return (React.createElement(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 === ToolbarDataType.ListButton) {
-            return (React.createElement(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 === ToolbarDataType.ReactComponent) {
-            const Component = item.component;
-            return (React.createElement(Component, { key: item.id, editor: editor, focus: focus, onClick: onClick, className: b(item.type, { id: item.id }, [item.className]) }));
-        }
-        if (item.type === ToolbarDataType.ReactNode) {
-            return React.createElement(React.Fragment, { key: item.id }, item.content);
-        }
-        if (item.type === ToolbarDataType.ReactNodeFn) {
-            return React.createElement(React.Fragment, { key: item.id }, item.content(editor));
-        }
-        return null;
-    })));
+    return (_jsx("div", { className: b(null, [className]), children: data.map((item) => {
+            if (item.type === ToolbarDataType.SingleButton) {
+                return (_createElement(ToolbarButton, { ...item, key: item.id, editor: editor, focus: focus, onClick: onClick, className: b(item.type, { id: item.id }, [item.className]) }));
+            }
+            if (item.type === ToolbarDataType.ButtonPopup) {
+                return (_createElement(ToolbarButtonPopup, { ...item, key: item.id, editor: editor, focus: focus, onClick: onClick, className: b(item.type, { id: item.id }, item.className) }));
+            }
+            if (item.type === ToolbarDataType.ListButton) {
+                return (_createElement(ToolbarListButton, { ...item, key: item.id, editor: editor, focus: focus, onClick: onClick, className: b(item.type, { id: item.id }, [item.className]) }));
+            }
+            if (item.type === ToolbarDataType.ReactComponent) {
+                const Component = item.component;
+                return (_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 === ToolbarDataType.ReactNode) {
+                return _jsx(Fragment, { children: item.content }, item.id);
+            }
+            if (item.type === ToolbarDataType.ReactNodeFn) {
+                return _jsx(Fragment, { children: item.content(editor) }, item.id);
+            }
+            return null;
+        }) }));
 }
+//# sourceMappingURL=ToolbarGroup.js.map

package/build/esm/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/esm/toolbar/ToolbarListButton.d.ts

@@ -1,6 +1,5 @@
-/// <reference types="react" />
-import type { ToolbarBaseProps, ToolbarListButtonData } from './types';
-import './ToolbarListButton.css';
+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;