@hh.ru/magritte-ui-table 4.1.0 → 4.2.0

package/BaseTable.js

@@ -9,10 +9,10 @@ import { VirtualizedListWrapper } from './VirtualizedList/VirtualizedListWrapper
 import { VirtualizedPanel } from './VirtualizedList/VirtualizedPanel.js';
 import { TableContext } from './context.js';
 import { useTableResize } from './useTableResize.js';
-import { c as cellStyles } from './cell-YFy-_qG_.js';
-import { s as styles } from './table-CqVQVOzK.js';
+import { c as cellStyles } from './cell-Bv5_vyaJ.js';
+import { s as styles } from './table-fZwdy4a5.js';
 import './VirtualizedList/context.js';
-import './virtualized-list-VL55s-Jm.js';
+import './virtualized-list-CXLOah3n.js';
 
 const measureElement = (element) => {
     let rowHeight = element?.getBoundingClientRect().height;
@@ -22,7 +22,7 @@ const measureElement = (element) => {
     }
     return rowHeight;
 };
-const BaseTable = ({ density = 16, topPanel: _topPanel, bottomPanel: _bottomPanel, fixedSize, stickyBottom, stickyHeader, divider, dividerTop, dividerBottom, tinted, style = 'primary', styleHighlighted, tintedStyle = 'secondary', tintedStyleHighlighted, topStyle, bottomStyle, padding, paddingLeft: _paddingLeft, paddingRight: _paddingRight, cellsGap, onScrollHorizontal, virtualized = true, stretched, 'data-qa': dataQa = 'table-wrapper', children, }) => {
+const BaseTable = ({ density = 16, topPanel: _topPanel, bottomPanel: _bottomPanel, fixedSize, stickyBottom, stickyHeader, divider, dividerTop, dividerBottom, tinted, style = 'primary', styleHighlighted, tintedStyle = 'secondary', tintedStyleHighlighted, hoverEnabled, topStyle, bottomStyle, padding, paddingLeft: _paddingLeft, paddingRight: _paddingRight, cellsGap, onScrollHorizontal, virtualized = true, stretched, 'data-qa': dataQa = 'table-wrapper', children, }) => {
     const wrapperRef = useRef(null);
     const contentRef = useRef(null);
     const tableRef = useRef(null);
@@ -54,6 +54,7 @@ const BaseTable = ({ density = 16, topPanel: _topPanel, bottomPanel: _bottomPane
         fontLoaded,
         virtualized,
         divider: !!divider,
+        hoverEnabled,
         subscribeResizeHandler,
         unsubscribeResizeHandler,
     }), [
@@ -65,6 +66,7 @@ const BaseTable = ({ density = 16, topPanel: _topPanel, bottomPanel: _bottomPane
         fontLoaded,
         divider,
         virtualized,
+        hoverEnabled,
         subscribeResizeHandler,
         unsubscribeResizeHandler,
     ]);

package/BaseTable.js.map

@@ -1 +1 @@
-{"version":3,"file":"BaseTable.js","sources":["src/BaseTable.tsx"],"sourcesContent":["import { FC, RefCallback, useCallback, useLayoutEffect, useMemo, useRef, useState, CSSProperties } from 'react';\nimport classnames from 'classnames';\n\nimport { useMultipleRefs } from '@hh.ru/magritte-common-use-multiple-refs';\nimport { useWhenFontLoaded } from '@hh.ru/magritte-common-use-when-font-loaded';\nimport { Scrollbar, useScrollbar } from '@hh.ru/magritte-ui-scrollbar';\nimport { VirtualizedListWrapper } from '@hh.ru/magritte-ui-table/VirtualizedList/VirtualizedListWrapper';\nimport { VirtualizedPanel } from '@hh.ru/magritte-ui-table/VirtualizedList/VirtualizedPanel';\nimport { TableContext } from '@hh.ru/magritte-ui-table/context';\nimport { TableProps } from '@hh.ru/magritte-ui-table/types';\nimport { useTableResize } from '@hh.ru/magritte-ui-table/useTableResize';\n\nimport cellStyles from './cell.less';\nimport styles from './table.less';\n\nconst measureElement = (element: Element) => {\n    let rowHeight = element?.getBoundingClientRect().height;\n    const siblingElement = element.nextElementSibling;\n    if (siblingElement && siblingElement.hasAttribute('data-magritte-table-row-panel')) {\n        rowHeight += siblingElement.getBoundingClientRect().height;\n    }\n    return rowHeight;\n};\n\nexport const BaseTable: FC<TableProps> = ({\n    density = 16,\n    topPanel: _topPanel,\n    bottomPanel: _bottomPanel,\n    fixedSize,\n    stickyBottom,\n    stickyHeader,\n    divider,\n    dividerTop,\n    dividerBottom,\n    tinted,\n    style = 'primary',\n    styleHighlighted,\n    tintedStyle = 'secondary',\n    tintedStyleHighlighted,\n    topStyle,\n    bottomStyle,\n    padding,\n    paddingLeft: _paddingLeft,\n    paddingRight: _paddingRight,\n    cellsGap,\n    onScrollHorizontal,\n    virtualized = true,\n    stretched,\n    'data-qa': dataQa = 'table-wrapper',\n    children,\n}) => {\n    const wrapperRef = useRef<HTMLDivElement>(null);\n    const contentRef = useRef<HTMLDivElement>(null);\n    const tableRef = useRef<HTMLTableElement>(null);\n    const headerRef = useRef<HTMLDivElement | null>(null);\n    const scrollbarContainerRef = useRef<HTMLDivElement | null>(null);\n    const scrollbarRef = useRef<HTMLDivElement | null>(null);\n    const [headerNode, setHeaderNode] = useState<HTMLDivElement | null>(null);\n    const topWithDivider = dividerTop ?? !!divider;\n    const bottomWithDivider = dividerBottom ?? !!divider;\n    const paddingLeft = _paddingLeft ?? padding;\n    const paddingRight = _paddingRight ?? padding;\n    const highlightedColor = styleHighlighted || style;\n    const tintedHighlightedColor = tintedStyleHighlighted || tintedStyle;\n    const topColor = topStyle || style;\n    const bottomColor = bottomStyle || style;\n    const [fontLoaded, setFontLoaded] = useState(false);\n\n    useWhenFontLoaded(() => setFontLoaded(true));\n    const { subscribeResizeHandler, unsubscribeResizeHandler } = useTableResize({\n        tableRef,\n        wrapperRef,\n        fontLoaded,\n    });\n\n    const value = useMemo(\n        () => ({\n            headerNode,\n            stickyHeader,\n            paddingLeft,\n            paddingRight,\n            fixedSize,\n            fontLoaded,\n            virtualized,\n            divider: !!divider,\n            subscribeResizeHandler,\n            unsubscribeResizeHandler,\n        }),\n        [\n            headerNode,\n            stickyHeader,\n            paddingLeft,\n            paddingRight,\n            fixedSize,\n            fontLoaded,\n            divider,\n            virtualized,\n            subscribeResizeHandler,\n            unsubscribeResizeHandler,\n        ]\n    );\n\n    const setScrollStyles = useCallback(() => {\n        if (wrapperRef.current && contentRef.current) {\n            wrapperRef.current.classList.toggle(cellStyles.hasScrollLeft, contentRef.current.scrollLeft > 0);\n            wrapperRef.current.classList.toggle(\n                cellStyles.hasScrollRight,\n                Math.round(contentRef.current.scrollLeft) + contentRef.current.offsetWidth + (paddingRight ?? 0) <\n                    contentRef.current.scrollWidth\n            );\n        }\n    }, [paddingRight]);\n\n    const setFakeScrollbar = useCallback(() => {\n        if (scrollbarRef.current && tableRef.current && contentRef.current && scrollbarContainerRef.current) {\n            if (contentRef.current.scrollWidth > contentRef.current.offsetWidth) {\n                scrollbarRef.current.style.setProperty('width', `${tableRef.current.getBoundingClientRect().width}px`);\n                scrollbarContainerRef.current.style.setProperty('display', 'block');\n            } else {\n                scrollbarRef.current.style.setProperty('width', 'auto');\n                scrollbarContainerRef.current.style.setProperty('display', 'none');\n            }\n        }\n    }, []);\n\n    const calcDividersAndScrollbar = useCallback(() => {\n        setScrollStyles();\n        setFakeScrollbar();\n    }, [setScrollStyles, setFakeScrollbar]);\n\n    const handleScrollContent = useCallback(() => {\n        if (headerRef.current) {\n            headerRef.current.scrollLeft = contentRef.current?.scrollLeft || 0;\n        }\n        if (scrollbarContainerRef.current) {\n            scrollbarContainerRef.current.scrollLeft = contentRef.current?.scrollLeft || 0;\n        }\n        setScrollStyles();\n        onScrollHorizontal?.();\n    }, [setScrollStyles, onScrollHorizontal]);\n\n    const handleHeaderScroll = useCallback(() => {\n        if (contentRef.current) {\n            contentRef.current.scrollLeft = headerRef.current?.scrollLeft || 0;\n        }\n        if (scrollbarContainerRef.current) {\n            scrollbarContainerRef.current.scrollLeft = headerRef.current?.scrollLeft || 0;\n        }\n    }, []);\n\n    const handleScrollContainerScroll = useCallback(() => {\n        if (contentRef.current) {\n            contentRef.current.scrollLeft = scrollbarContainerRef.current?.scrollLeft || 0;\n        }\n\n        if (headerRef.current) {\n            headerRef.current.scrollLeft = scrollbarContainerRef.current?.scrollLeft || 0;\n        }\n    }, []);\n\n    const headerRefCallback: RefCallback<HTMLDivElement> = useCallback((node) => {\n        if (node) {\n            setHeaderNode(node);\n            headerRef.current = node;\n        } else {\n            headerRef.current = null;\n        }\n    }, []);\n\n    useLayoutEffect(() => {\n        calcDividersAndScrollbar();\n        subscribeResizeHandler?.(calcDividersAndScrollbar);\n\n        return () => unsubscribeResizeHandler?.(calcDividersAndScrollbar);\n    }, [calcDividersAndScrollbar, subscribeResizeHandler, unsubscribeResizeHandler]);\n\n    const { hasHorizontalScroll, horizontalScrollbarProps, ...hScrollbar } = useScrollbar({\n        axis: 'horizontal',\n        offsetRight: fixedSize ? 8 : undefined,\n    });\n    const scrollContainerRefCallback = useMultipleRefs(scrollbarContainerRef, hScrollbar.scrollContainerRef);\n    const scrollContentRefCallback = useMultipleRefs(scrollbarRef, hScrollbar.contentWrapperRef);\n\n    const topPanel =\n        _topPanel || stickyHeader ? (\n            <VirtualizedPanel stickyTop={stickyHeader} style={topColor}>\n                {_topPanel && (\n                    <div\n                        className={classnames(styles.topPanel, {\n                            [styles.withDivider]: topWithDivider,\n                        })}\n                        data-qa=\"table-top-panel\"\n                        style={{ paddingLeft, paddingRight }}\n                    >\n                        {_topPanel}\n                    </div>\n                )}\n                {stickyHeader && (\n                    <div\n                        ref={headerRefCallback}\n                        onScroll={handleHeaderScroll}\n                        data-qa=\"table-sticky-header-root\"\n                        className={classnames(styles.headerContainer)}\n                    />\n                )}\n            </VirtualizedPanel>\n        ) : null;\n\n    const bottomPanel = (\n        <>\n            {(!_bottomPanel || !stickyBottom) && (\n                <VirtualizedPanel stickyBottom>\n                    <div\n                        className={styles.scrollContainer}\n                        onScroll={handleScrollContainerScroll}\n                        ref={scrollContainerRefCallback}\n                    >\n                        <div className={styles.scrollContent} ref={scrollContentRefCallback}></div>\n                    </div>\n                    {hasHorizontalScroll && (\n                        <Scrollbar className={styles.horizontalScrollbar} {...horizontalScrollbarProps} />\n                    )}\n                </VirtualizedPanel>\n            )}\n            {_bottomPanel && (\n                <VirtualizedPanel stickyBottom={stickyBottom} style={bottomColor}>\n                    {stickyBottom && (\n                        <>\n                            <div\n                                className={styles.scrollContainer}\n                                onScroll={handleScrollContainerScroll}\n                                ref={scrollContainerRefCallback}\n                            >\n                                <div className={styles.scrollContent} ref={scrollContentRefCallback}></div>\n                            </div>\n                            {hasHorizontalScroll && (\n                                <Scrollbar className={styles.horizontalScrollbar} {...horizontalScrollbarProps} />\n                            )}\n                        </>\n                    )}\n                    <div\n                        className={classnames(styles.bottomPanel, {\n                            [styles.withDivider]: bottomWithDivider,\n                        })}\n                        data-qa=\"table-bottom-panel\"\n                        style={{ paddingLeft, paddingRight }}\n                    >\n                        {_bottomPanel}\n                    </div>\n                </VirtualizedPanel>\n            )}\n        </>\n    );\n    return (\n        <div\n            className={classnames(styles.wrapper, {\n                [styles.stretched]: stretched,\n                [styles[`style-${style}`]]: style,\n                [styles[`style-highlighted-${highlightedColor}`]]: highlightedColor,\n                [styles[`tinted-style-${tintedStyle}`]]: tinted && tintedStyle,\n                [styles[`tinted-style-highlighted-${tintedHighlightedColor}`]]: tinted && tintedHighlightedColor,\n            })}\n            data-qa={dataQa}\n            style={\n                {\n                    '--magritte-table-padding-left': `${paddingLeft ?? 0}px`,\n                    '--magritte-table-padding-right': `${paddingRight ?? 0}px`,\n                    '--magritte-table-row-gap': `${density}px 0`,\n                    '--magritte-table-row-panel-gap': `0 0 ${density}px`,\n                    ...(typeof cellsGap === 'number' ? { '--magritte-table-cell-padding': `${cellsGap / 2}px` } : {}),\n                } as CSSProperties\n            }\n        >\n            <VirtualizedListWrapper\n                fixedSize={fixedSize}\n                virtualized={virtualized}\n                topPanel={topPanel}\n                bottomPanel={bottomPanel}\n                ref={wrapperRef}\n                measureElement={measureElement}\n            >\n                <TableContext.Provider value={value}>\n                    <div\n                        ref={contentRef}\n                        className={classnames(styles.container)}\n                        onScroll={handleScrollContent}\n                        data-qa={'table-container'}\n                    >\n                        <table\n                            className={classnames(styles.table, {\n                                [styles.stretched]: stretched,\n                                [styles.divider]: !!divider,\n                            })}\n                            data-qa=\"table\"\n                            ref={tableRef}\n                        >\n                            {children}\n                        </table>\n                    </div>\n                </TableContext.Provider>\n            </VirtualizedListWrapper>\n        </div>\n    );\n};\n"],"names":["_jsxs","_jsx","_Fragment"],"mappings":"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"}
+{"version":3,"file":"BaseTable.js","sources":["src/BaseTable.tsx"],"sourcesContent":["import { FC, RefCallback, useCallback, useLayoutEffect, useMemo, useRef, useState, CSSProperties } from 'react';\nimport classnames from 'classnames';\n\nimport { useMultipleRefs } from '@hh.ru/magritte-common-use-multiple-refs';\nimport { useWhenFontLoaded } from '@hh.ru/magritte-common-use-when-font-loaded';\nimport { Scrollbar, useScrollbar } from '@hh.ru/magritte-ui-scrollbar';\nimport { VirtualizedListWrapper } from '@hh.ru/magritte-ui-table/VirtualizedList/VirtualizedListWrapper';\nimport { VirtualizedPanel } from '@hh.ru/magritte-ui-table/VirtualizedList/VirtualizedPanel';\nimport { TableContext } from '@hh.ru/magritte-ui-table/context';\nimport { TableProps } from '@hh.ru/magritte-ui-table/types';\nimport { useTableResize } from '@hh.ru/magritte-ui-table/useTableResize';\n\nimport cellStyles from './cell.less';\nimport styles from './table.less';\n\nconst measureElement = (element: Element) => {\n    let rowHeight = element?.getBoundingClientRect().height;\n    const siblingElement = element.nextElementSibling;\n    if (siblingElement && siblingElement.hasAttribute('data-magritte-table-row-panel')) {\n        rowHeight += siblingElement.getBoundingClientRect().height;\n    }\n    return rowHeight;\n};\n\nexport const BaseTable: FC<TableProps> = ({\n    density = 16,\n    topPanel: _topPanel,\n    bottomPanel: _bottomPanel,\n    fixedSize,\n    stickyBottom,\n    stickyHeader,\n    divider,\n    dividerTop,\n    dividerBottom,\n    tinted,\n    style = 'primary',\n    styleHighlighted,\n    tintedStyle = 'secondary',\n    tintedStyleHighlighted,\n    hoverEnabled,\n    topStyle,\n    bottomStyle,\n    padding,\n    paddingLeft: _paddingLeft,\n    paddingRight: _paddingRight,\n    cellsGap,\n    onScrollHorizontal,\n    virtualized = true,\n    stretched,\n    'data-qa': dataQa = 'table-wrapper',\n    children,\n}) => {\n    const wrapperRef = useRef<HTMLDivElement>(null);\n    const contentRef = useRef<HTMLDivElement>(null);\n    const tableRef = useRef<HTMLTableElement>(null);\n    const headerRef = useRef<HTMLDivElement | null>(null);\n    const scrollbarContainerRef = useRef<HTMLDivElement | null>(null);\n    const scrollbarRef = useRef<HTMLDivElement | null>(null);\n    const [headerNode, setHeaderNode] = useState<HTMLDivElement | null>(null);\n    const topWithDivider = dividerTop ?? !!divider;\n    const bottomWithDivider = dividerBottom ?? !!divider;\n    const paddingLeft = _paddingLeft ?? padding;\n    const paddingRight = _paddingRight ?? padding;\n    const highlightedColor = styleHighlighted || style;\n    const tintedHighlightedColor = tintedStyleHighlighted || tintedStyle;\n    const topColor = topStyle || style;\n    const bottomColor = bottomStyle || style;\n    const [fontLoaded, setFontLoaded] = useState(false);\n\n    useWhenFontLoaded(() => setFontLoaded(true));\n    const { subscribeResizeHandler, unsubscribeResizeHandler } = useTableResize({\n        tableRef,\n        wrapperRef,\n        fontLoaded,\n    });\n\n    const value = useMemo(\n        () => ({\n            headerNode,\n            stickyHeader,\n            paddingLeft,\n            paddingRight,\n            fixedSize,\n            fontLoaded,\n            virtualized,\n            divider: !!divider,\n            hoverEnabled,\n            subscribeResizeHandler,\n            unsubscribeResizeHandler,\n        }),\n        [\n            headerNode,\n            stickyHeader,\n            paddingLeft,\n            paddingRight,\n            fixedSize,\n            fontLoaded,\n            divider,\n            virtualized,\n            hoverEnabled,\n            subscribeResizeHandler,\n            unsubscribeResizeHandler,\n        ]\n    );\n\n    const setScrollStyles = useCallback(() => {\n        if (wrapperRef.current && contentRef.current) {\n            wrapperRef.current.classList.toggle(cellStyles.hasScrollLeft, contentRef.current.scrollLeft > 0);\n            wrapperRef.current.classList.toggle(\n                cellStyles.hasScrollRight,\n                Math.round(contentRef.current.scrollLeft) + contentRef.current.offsetWidth + (paddingRight ?? 0) <\n                    contentRef.current.scrollWidth\n            );\n        }\n    }, [paddingRight]);\n\n    const setFakeScrollbar = useCallback(() => {\n        if (scrollbarRef.current && tableRef.current && contentRef.current && scrollbarContainerRef.current) {\n            if (contentRef.current.scrollWidth > contentRef.current.offsetWidth) {\n                scrollbarRef.current.style.setProperty('width', `${tableRef.current.getBoundingClientRect().width}px`);\n                scrollbarContainerRef.current.style.setProperty('display', 'block');\n            } else {\n                scrollbarRef.current.style.setProperty('width', 'auto');\n                scrollbarContainerRef.current.style.setProperty('display', 'none');\n            }\n        }\n    }, []);\n\n    const calcDividersAndScrollbar = useCallback(() => {\n        setScrollStyles();\n        setFakeScrollbar();\n    }, [setScrollStyles, setFakeScrollbar]);\n\n    const handleScrollContent = useCallback(() => {\n        if (headerRef.current) {\n            headerRef.current.scrollLeft = contentRef.current?.scrollLeft || 0;\n        }\n        if (scrollbarContainerRef.current) {\n            scrollbarContainerRef.current.scrollLeft = contentRef.current?.scrollLeft || 0;\n        }\n        setScrollStyles();\n        onScrollHorizontal?.();\n    }, [setScrollStyles, onScrollHorizontal]);\n\n    const handleHeaderScroll = useCallback(() => {\n        if (contentRef.current) {\n            contentRef.current.scrollLeft = headerRef.current?.scrollLeft || 0;\n        }\n        if (scrollbarContainerRef.current) {\n            scrollbarContainerRef.current.scrollLeft = headerRef.current?.scrollLeft || 0;\n        }\n    }, []);\n\n    const handleScrollContainerScroll = useCallback(() => {\n        if (contentRef.current) {\n            contentRef.current.scrollLeft = scrollbarContainerRef.current?.scrollLeft || 0;\n        }\n\n        if (headerRef.current) {\n            headerRef.current.scrollLeft = scrollbarContainerRef.current?.scrollLeft || 0;\n        }\n    }, []);\n\n    const headerRefCallback: RefCallback<HTMLDivElement> = useCallback((node) => {\n        if (node) {\n            setHeaderNode(node);\n            headerRef.current = node;\n        } else {\n            headerRef.current = null;\n        }\n    }, []);\n\n    useLayoutEffect(() => {\n        calcDividersAndScrollbar();\n        subscribeResizeHandler?.(calcDividersAndScrollbar);\n\n        return () => unsubscribeResizeHandler?.(calcDividersAndScrollbar);\n    }, [calcDividersAndScrollbar, subscribeResizeHandler, unsubscribeResizeHandler]);\n\n    const { hasHorizontalScroll, horizontalScrollbarProps, ...hScrollbar } = useScrollbar({\n        axis: 'horizontal',\n        offsetRight: fixedSize ? 8 : undefined,\n    });\n    const scrollContainerRefCallback = useMultipleRefs(scrollbarContainerRef, hScrollbar.scrollContainerRef);\n    const scrollContentRefCallback = useMultipleRefs(scrollbarRef, hScrollbar.contentWrapperRef);\n\n    const topPanel =\n        _topPanel || stickyHeader ? (\n            <VirtualizedPanel stickyTop={stickyHeader} style={topColor}>\n                {_topPanel && (\n                    <div\n                        className={classnames(styles.topPanel, {\n                            [styles.withDivider]: topWithDivider,\n                        })}\n                        data-qa=\"table-top-panel\"\n                        style={{ paddingLeft, paddingRight }}\n                    >\n                        {_topPanel}\n                    </div>\n                )}\n                {stickyHeader && (\n                    <div\n                        ref={headerRefCallback}\n                        onScroll={handleHeaderScroll}\n                        data-qa=\"table-sticky-header-root\"\n                        className={classnames(styles.headerContainer)}\n                    />\n                )}\n            </VirtualizedPanel>\n        ) : null;\n\n    const bottomPanel = (\n        <>\n            {(!_bottomPanel || !stickyBottom) && (\n                <VirtualizedPanel stickyBottom>\n                    <div\n                        className={styles.scrollContainer}\n                        onScroll={handleScrollContainerScroll}\n                        ref={scrollContainerRefCallback}\n                    >\n                        <div className={styles.scrollContent} ref={scrollContentRefCallback}></div>\n                    </div>\n                    {hasHorizontalScroll && (\n                        <Scrollbar className={styles.horizontalScrollbar} {...horizontalScrollbarProps} />\n                    )}\n                </VirtualizedPanel>\n            )}\n            {_bottomPanel && (\n                <VirtualizedPanel stickyBottom={stickyBottom} style={bottomColor}>\n                    {stickyBottom && (\n                        <>\n                            <div\n                                className={styles.scrollContainer}\n                                onScroll={handleScrollContainerScroll}\n                                ref={scrollContainerRefCallback}\n                            >\n                                <div className={styles.scrollContent} ref={scrollContentRefCallback}></div>\n                            </div>\n                            {hasHorizontalScroll && (\n                                <Scrollbar className={styles.horizontalScrollbar} {...horizontalScrollbarProps} />\n                            )}\n                        </>\n                    )}\n                    <div\n                        className={classnames(styles.bottomPanel, {\n                            [styles.withDivider]: bottomWithDivider,\n                        })}\n                        data-qa=\"table-bottom-panel\"\n                        style={{ paddingLeft, paddingRight }}\n                    >\n                        {_bottomPanel}\n                    </div>\n                </VirtualizedPanel>\n            )}\n        </>\n    );\n    return (\n        <div\n            className={classnames(styles.wrapper, {\n                [styles.stretched]: stretched,\n                [styles[`style-${style}`]]: style,\n                [styles[`style-highlighted-${highlightedColor}`]]: highlightedColor,\n                [styles[`tinted-style-${tintedStyle}`]]: tinted && tintedStyle,\n                [styles[`tinted-style-highlighted-${tintedHighlightedColor}`]]: tinted && tintedHighlightedColor,\n            })}\n            data-qa={dataQa}\n            style={\n                {\n                    '--magritte-table-padding-left': `${paddingLeft ?? 0}px`,\n                    '--magritte-table-padding-right': `${paddingRight ?? 0}px`,\n                    '--magritte-table-row-gap': `${density}px 0`,\n                    '--magritte-table-row-panel-gap': `0 0 ${density}px`,\n                    ...(typeof cellsGap === 'number' ? { '--magritte-table-cell-padding': `${cellsGap / 2}px` } : {}),\n                } as CSSProperties\n            }\n        >\n            <VirtualizedListWrapper\n                fixedSize={fixedSize}\n                virtualized={virtualized}\n                topPanel={topPanel}\n                bottomPanel={bottomPanel}\n                ref={wrapperRef}\n                measureElement={measureElement}\n            >\n                <TableContext.Provider value={value}>\n                    <div\n                        ref={contentRef}\n                        className={classnames(styles.container)}\n                        onScroll={handleScrollContent}\n                        data-qa={'table-container'}\n                    >\n                        <table\n                            className={classnames(styles.table, {\n                                [styles.stretched]: stretched,\n                                [styles.divider]: !!divider,\n                            })}\n                            data-qa=\"table\"\n                            ref={tableRef}\n                        >\n                            {children}\n                        </table>\n                    </div>\n                </TableContext.Provider>\n            </VirtualizedListWrapper>\n        </div>\n    );\n};\n"],"names":["_jsxs","_jsx","_Fragment"],"mappings":"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"}

package/SimpleTable.js

@@ -8,12 +8,12 @@ import '@hh.ru/magritte-common-use-when-font-loaded';
 import '@hh.ru/magritte-ui-scrollbar';
 import './VirtualizedList/VirtualizedListWrapper.js';
 import './VirtualizedList/context.js';
-import './virtualized-list-VL55s-Jm.js';
+import './virtualized-list-CXLOah3n.js';
 import './VirtualizedList/VirtualizedPanel.js';
 import './context.js';
 import './useTableResize.js';
-import './cell-YFy-_qG_.js';
-import './table-CqVQVOzK.js';
+import './cell-Bv5_vyaJ.js';
+import './table-fZwdy4a5.js';
 
 const SimpleTable = (props) => {
     return jsx(BaseTable, { ...props, virtualized: false });

package/StickyTableHeader.js

@@ -4,8 +4,8 @@ import { useRef, useContext, useCallback, useLayoutEffect } from 'react';
 import { createPortal } from 'react-dom';
 import classnames from 'classnames';
 import { TableContext } from './context.js';
-import { c as cellStyles } from './cell-YFy-_qG_.js';
-import { s as styles } from './table-CqVQVOzK.js';
+import { c as cellStyles } from './cell-Bv5_vyaJ.js';
+import { s as styles } from './table-fZwdy4a5.js';
 
 const StickyTableHeader = ({ root, divider, density, headerRef, children }) => {
     const ref = useRef(null);

package/Table.js

@@ -9,12 +9,12 @@ import '@hh.ru/magritte-common-use-when-font-loaded';
 import '@hh.ru/magritte-ui-scrollbar';
 import './VirtualizedList/VirtualizedListWrapper.js';
 import './VirtualizedList/context.js';
-import './virtualized-list-VL55s-Jm.js';
+import './virtualized-list-CXLOah3n.js';
 import './VirtualizedList/VirtualizedPanel.js';
 import './context.js';
 import './useTableResize.js';
-import './cell-YFy-_qG_.js';
-import './table-CqVQVOzK.js';
+import './cell-Bv5_vyaJ.js';
+import './table-fZwdy4a5.js';
 
 const Table = (props) => {
     const { isMobile } = useBreakpoint();

package/TableBody.js

@@ -1,13 +1,13 @@
 import './index.css';
 import { jsx } from 'react/jsx-runtime';
 import { VirtualizedList } from './VirtualizedList/VirtualizedList.js';
-import { s as styles } from './table-CqVQVOzK.js';
+import { s as styles } from './table-fZwdy4a5.js';
 import 'react';
 import 'classnames';
 import './VirtualizedList/context.js';
 import './VirtualizedList/useVirtualizedList.js';
 import '@tanstack/react-virtual';
-import './virtualized-list-VL55s-Jm.js';
+import './virtualized-list-CXLOah3n.js';
 
 const TableBody = ({ 'data-qa': dataQa = 'table-body', children, }) => {
     return (jsx(VirtualizedList, { className: styles.body, "data-qa": dataQa, Element: 'tbody', ElementItem: 'tr', children: children }));

package/TableCell.js

@@ -6,8 +6,8 @@ import { useMultipleRefs } from '@hh.ru/magritte-common-use-multiple-refs';
 import { useLayoutContext } from '@hh.ru/magritte-ui-grid/layoutContext';
 import { generateCssVarsFromMap } from '@hh.ru/magritte-ui-layout';
 import { TableContext } from './context.js';
-import { c as cellStyles } from './cell-YFy-_qG_.js';
-import { s as styles } from './table-CqVQVOzK.js';
+import { c as cellStyles } from './cell-Bv5_vyaJ.js';
+import { s as styles } from './table-fZwdy4a5.js';
 
 const TableCellComponent = ({ Element = 'td', m, l, xl, xxl, width: _widthValue, children, stickyLeft, stickyRight, align, verticalAlign, stretched = true, 'data-qa': dataQa = 'table-cell', ...rest }, ref) => {
     const isWidthObject = typeof _widthValue === 'object' && _widthValue !== null && !Array.isArray(_widthValue);

package/TableHeader.js

@@ -4,9 +4,9 @@ import { useRef, useContext } from 'react';
 import classnames from 'classnames';
 import { StickyTableHeader } from './StickyTableHeader.js';
 import { TableContext } from './context.js';
-import { s as styles } from './table-CqVQVOzK.js';
+import { s as styles } from './table-fZwdy4a5.js';
 import 'react-dom';
-import './cell-YFy-_qG_.js';
+import './cell-Bv5_vyaJ.js';
 
 const TableHeader = ({ divider, density = 16, 'data-qa': dataQa = 'table-header', children, }) => {
     const theadRef = useRef(null);

package/TableRow.js

@@ -4,11 +4,12 @@ import { forwardRef, useContext, useRef, useEffect } from 'react';
 import classnames from 'classnames';
 import { useMultipleRefs } from '@hh.ru/magritte-common-use-multiple-refs';
 import { TableContext } from './context.js';
-import { c as cellStyles } from './cell-YFy-_qG_.js';
-import { s as styles } from './table-CqVQVOzK.js';
+import { c as cellStyles } from './cell-Bv5_vyaJ.js';
+import { s as styles } from './table-fZwdy4a5.js';
 
-const TableRowComponent = ({ style, styleHighlighted, action, showAction, animated, onClick, panel, showPanel, children, measure, align, verticalAlign = 'top', 'data-qa': dataQa = 'table-row', ...rest }, ref) => {
-    const { paddingLeft, paddingRight } = useContext(TableContext);
+const TableRowComponent = ({ style, styleHighlighted, action, showAction, animated, onClick, panel, showPanel, children, measure, align, hoverEnabled, verticalAlign = 'top', 'data-qa': dataQa = 'table-row', ...rest }, ref) => {
+    const { paddingLeft, paddingRight, hoverEnabled: _tableHoverEnabled } = useContext(TableContext);
+    const _hoverEnabled = hoverEnabled ?? _tableHoverEnabled;
     const highlightedColor = styleHighlighted || style;
     const wasPanelShown = useRef(null);
     const rowRef = useRef(null);
@@ -25,6 +26,7 @@ const TableRowComponent = ({ style, styleHighlighted, action, showAction, animat
     }, [panel, showPanel, measure]);
     return (jsxs(Fragment, { children: [jsxs("tr", { ...rest, className: classnames(styles.row, {
                     [styles.active]: !!onClick,
+                    [styles.hoverEnabled]: _hoverEnabled,
                     [styles.animated]: animated,
                     [styles.withPanel]: showPanel && panel,
                     [styles[`style-${style}`]]: style,

package/TableRow.js.map

@@ -1 +1 @@
-{"version":3,"file":"TableRow.js","sources":["src/TableRow.tsx"],"sourcesContent":["import React, { type ForwardedRef, forwardRef, useContext, useEffect, useRef } from 'react';\nimport classnames from 'classnames';\n\nimport { useMultipleRefs } from '@hh.ru/magritte-common-use-multiple-refs';\nimport { TableContext } from '@hh.ru/magritte-ui-table/context';\nimport { TableRowProps } from '@hh.ru/magritte-ui-table/types';\n\nimport cellStyles from './cell.less';\nimport styles from './table.less';\n\nconst TableRowComponent = (\n    {\n        style,\n        styleHighlighted,\n        action,\n        showAction,\n        animated,\n        onClick,\n        panel,\n        showPanel,\n        children,\n        measure,\n        align,\n        verticalAlign = 'top',\n        'data-qa': dataQa = 'table-row',\n        ...rest\n    }: TableRowProps,\n    ref: ForwardedRef<HTMLTableRowElement>\n) => {\n    const { paddingLeft, paddingRight } = useContext(TableContext);\n    const highlightedColor = styleHighlighted || style;\n    const wasPanelShown = useRef<boolean | null>(null);\n    const rowRef = useRef(null);\n    const multiRef = useMultipleRefs(ref, rowRef);\n\n    useEffect(() => {\n        if (wasPanelShown.current === null) {\n            wasPanelShown.current = !!(panel && showPanel);\n            return;\n        }\n\n        if (wasPanelShown.current !== !!(panel && showPanel)) {\n            wasPanelShown.current = !!(panel && showPanel);\n            rowRef.current && measure?.(rowRef.current);\n        }\n    }, [panel, showPanel, measure]);\n\n    return (\n        <>\n            <tr\n                {...rest}\n                className={classnames(styles.row, {\n                    [styles.active]: !!onClick,\n                    [styles.animated]: animated,\n                    [styles.withPanel]: showPanel && panel,\n                    [styles[`style-${style}`]]: style,\n                    [styles[`style-highlighted-${highlightedColor}`]]: highlightedColor,\n                })}\n                onClick={onClick}\n                ref={multiRef}\n                data-qa={dataQa}\n                style={{\n                    textAlign: align,\n                    verticalAlign,\n                }}\n            >\n                {!!paddingLeft && (\n                    <td\n                        className={classnames(cellStyles.spaceCell, cellStyles.pinned, styles.td)}\n                        data-qa=\"table-row-left-space\"\n                        style={{ width: paddingLeft }}\n                    >\n                        {showAction && action && <div className={cellStyles.control}>{action}</div>}\n                    </td>\n                )}\n                {children}\n                {!!paddingRight && (\n                    <td\n                        className={classnames(cellStyles.spaceCell, styles.td)}\n                        data-qa=\"table-row-right-space\"\n                        style={{ width: paddingRight }}\n                    ></td>\n                )}\n            </tr>\n            {panel && showPanel && (\n                <tr\n                    data-qa={`${dataQa}-panel`}\n                    data-magritte-table-row-panel\n                    className={classnames(styles.row, styles.rowPanel, styles.animated)}\n                    style={{\n                        textAlign: align,\n                    }}\n                >\n                    {!!paddingLeft && (\n                        <td\n                            className={classnames(cellStyles.spaceCell, cellStyles.pinned, styles.td)}\n                            data-qa=\"table-row-left-space\"\n                            style={{ width: paddingLeft }}\n                        ></td>\n                    )}\n                    {panel}\n                    {!!paddingRight && (\n                        <td\n                            className={classnames(cellStyles.spaceCell, styles.td)}\n                            data-qa=\"table-row-right-space\"\n                            style={{ width: paddingRight }}\n                        ></td>\n                    )}\n                </tr>\n            )}\n        </>\n    );\n};\n\nexport const TableRow = forwardRef(TableRowComponent);\n"],"names":["_jsxs","_Fragment","_jsx"],"mappings":"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"}
+{"version":3,"file":"TableRow.js","sources":["src/TableRow.tsx"],"sourcesContent":["import React, { type ForwardedRef, forwardRef, useContext, useEffect, useRef } from 'react';\nimport classnames from 'classnames';\n\nimport { useMultipleRefs } from '@hh.ru/magritte-common-use-multiple-refs';\nimport { TableContext } from '@hh.ru/magritte-ui-table/context';\nimport { TableRowProps } from '@hh.ru/magritte-ui-table/types';\n\nimport cellStyles from './cell.less';\nimport styles from './table.less';\n\nconst TableRowComponent = (\n    {\n        style,\n        styleHighlighted,\n        action,\n        showAction,\n        animated,\n        onClick,\n        panel,\n        showPanel,\n        children,\n        measure,\n        align,\n        hoverEnabled,\n        verticalAlign = 'top',\n        'data-qa': dataQa = 'table-row',\n        ...rest\n    }: TableRowProps,\n    ref: ForwardedRef<HTMLTableRowElement>\n) => {\n    const { paddingLeft, paddingRight, hoverEnabled: _tableHoverEnabled } = useContext(TableContext);\n    const _hoverEnabled = hoverEnabled ?? _tableHoverEnabled;\n    const highlightedColor = styleHighlighted || style;\n    const wasPanelShown = useRef<boolean | null>(null);\n    const rowRef = useRef(null);\n    const multiRef = useMultipleRefs(ref, rowRef);\n\n    useEffect(() => {\n        if (wasPanelShown.current === null) {\n            wasPanelShown.current = !!(panel && showPanel);\n            return;\n        }\n\n        if (wasPanelShown.current !== !!(panel && showPanel)) {\n            wasPanelShown.current = !!(panel && showPanel);\n            rowRef.current && measure?.(rowRef.current);\n        }\n    }, [panel, showPanel, measure]);\n\n    return (\n        <>\n            <tr\n                {...rest}\n                className={classnames(styles.row, {\n                    [styles.active]: !!onClick,\n                    [styles.hoverEnabled]: _hoverEnabled,\n                    [styles.animated]: animated,\n                    [styles.withPanel]: showPanel && panel,\n                    [styles[`style-${style}`]]: style,\n                    [styles[`style-highlighted-${highlightedColor}`]]: highlightedColor,\n                })}\n                onClick={onClick}\n                ref={multiRef}\n                data-qa={dataQa}\n                style={{\n                    textAlign: align,\n                    verticalAlign,\n                }}\n            >\n                {!!paddingLeft && (\n                    <td\n                        className={classnames(cellStyles.spaceCell, cellStyles.pinned, styles.td)}\n                        data-qa=\"table-row-left-space\"\n                        style={{ width: paddingLeft }}\n                    >\n                        {showAction && action && <div className={cellStyles.control}>{action}</div>}\n                    </td>\n                )}\n                {children}\n                {!!paddingRight && (\n                    <td\n                        className={classnames(cellStyles.spaceCell, styles.td)}\n                        data-qa=\"table-row-right-space\"\n                        style={{ width: paddingRight }}\n                    ></td>\n                )}\n            </tr>\n            {panel && showPanel && (\n                <tr\n                    data-qa={`${dataQa}-panel`}\n                    data-magritte-table-row-panel\n                    className={classnames(styles.row, styles.rowPanel, styles.animated)}\n                    style={{\n                        textAlign: align,\n                    }}\n                >\n                    {!!paddingLeft && (\n                        <td\n                            className={classnames(cellStyles.spaceCell, cellStyles.pinned, styles.td)}\n                            data-qa=\"table-row-left-space\"\n                            style={{ width: paddingLeft }}\n                        ></td>\n                    )}\n                    {panel}\n                    {!!paddingRight && (\n                        <td\n                            className={classnames(cellStyles.spaceCell, styles.td)}\n                            data-qa=\"table-row-right-space\"\n                            style={{ width: paddingRight }}\n                        ></td>\n                    )}\n                </tr>\n            )}\n        </>\n    );\n};\n\nexport const TableRow = forwardRef(TableRowComponent);\n"],"names":["_jsxs","_Fragment","_jsx"],"mappings":"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"}

package/VirtualizedList/VirtualizedList.js

@@ -4,7 +4,7 @@ import { forwardRef, useContext, Children, isValidElement, useRef, cloneElement
 import classnames from 'classnames';
 import { VirtualizedListContext } from './context.js';
 import { useVirtualizedList } from './useVirtualizedList.js';
-import { s as styles } from '../virtualized-list-VL55s-Jm.js';
+import { s as styles } from '../virtualized-list-CXLOah3n.js';
 import '@tanstack/react-virtual';
 
 const ActivatedVirtualizedList = ({ ElementItem = 'div', Element = 'div', className, children, ...rest }) => {

package/VirtualizedList/VirtualizedListWrapper.js

@@ -5,7 +5,7 @@ import classnames from 'classnames';
 import { useMultipleRefs } from '@hh.ru/magritte-common-use-multiple-refs';
 import { useScrollbar, Scrollbar } from '@hh.ru/magritte-ui-scrollbar';
 import { VirtualizedListContext, DEFAULT_ITEM_HEIGHT } from './context.js';
-import { s as styles } from '../virtualized-list-VL55s-Jm.js';
+import { s as styles } from '../virtualized-list-CXLOah3n.js';
 
 const VirtualizedListWrapperComponent = ({ fixedSize, topPanel, bottomPanel, virtualized = true, measureElement, estimateSize = DEFAULT_ITEM_HEIGHT, children, }, ref) => {
     const { hasVerticalScroll, verticalScrollbarProps, ...vScrollbar } = useScrollbar({

package/VirtualizedList/VirtualizedPanel.js

@@ -1,7 +1,7 @@
 import './../index.css';
 import { jsx } from 'react/jsx-runtime';
 import classnames from 'classnames';
-import { s as styles } from '../virtualized-list-VL55s-Jm.js';
+import { s as styles } from '../virtualized-list-CXLOah3n.js';
 
 const VirtualizedPanel = ({ stickyTop, stickyBottom, style = 'primary', children }) => {
     return (jsx("div", { className: classnames(styles.panelContainer, styles.topPanel, {

package/VirtualizedList/index.js

@@ -8,7 +8,7 @@ import 'classnames';
 import '@hh.ru/magritte-common-use-multiple-refs';
 import '@hh.ru/magritte-ui-scrollbar';
 import './context.js';
-import '../virtualized-list-VL55s-Jm.js';
+import '../virtualized-list-CXLOah3n.js';
 import './useVirtualizedList.js';
 import '@tanstack/react-virtual';
 //# sourceMappingURL=index.js.map

package/cell-Bv5_vyaJ.js

@@ -0,0 +1,5 @@
+import './index.css';
+var cellStyles = {"cell":"magritte-cell___9SN-h_4-2-0","space-cell":"magritte-space-cell___FEzuM_4-2-0","spaceCell":"magritte-space-cell___FEzuM_4-2-0","with-width":"magritte-with-width___k5ozd_4-2-0","withWidth":"magritte-with-width___k5ozd_4-2-0","pinned":"magritte-pinned___45ssa_4-2-0","control":"magritte-control___zooF6_4-2-0","no-stretched":"magritte-no-stretched___z49Ns_4-2-0","noStretched":"magritte-no-stretched___z49Ns_4-2-0","sticky":"magritte-sticky___-VZrW_4-2-0","duplicate-table":"magritte-duplicate-table___5UfjM_4-2-0","duplicateTable":"magritte-duplicate-table___5UfjM_4-2-0","cell_m-1":"magritte-cell_m-1___hXvsr_4-2-0","cellM1":"magritte-cell_m-1___hXvsr_4-2-0","cell_m-2":"magritte-cell_m-2___ACrWd_4-2-0","cellM2":"magritte-cell_m-2___ACrWd_4-2-0","cell_m-3":"magritte-cell_m-3___gYLFS_4-2-0","cellM3":"magritte-cell_m-3___gYLFS_4-2-0","cell_m-4":"magritte-cell_m-4___abIIK_4-2-0","cellM4":"magritte-cell_m-4___abIIK_4-2-0","cell_m-5":"magritte-cell_m-5___KnqH6_4-2-0","cellM5":"magritte-cell_m-5___KnqH6_4-2-0","cell_m-6":"magritte-cell_m-6___o95mb_4-2-0","cellM6":"magritte-cell_m-6___o95mb_4-2-0","cell_m-7":"magritte-cell_m-7___DEaIG_4-2-0","cellM7":"magritte-cell_m-7___DEaIG_4-2-0","cell_m-8":"magritte-cell_m-8___TGFI7_4-2-0","cellM8":"magritte-cell_m-8___TGFI7_4-2-0","cell_m-9":"magritte-cell_m-9___yiGBE_4-2-0","cellM9":"magritte-cell_m-9___yiGBE_4-2-0","cell_m-10":"magritte-cell_m-10___tU-P9_4-2-0","cellM10":"magritte-cell_m-10___tU-P9_4-2-0","cell_m-11":"magritte-cell_m-11___Wls8v_4-2-0","cellM11":"magritte-cell_m-11___Wls8v_4-2-0","cell_m-12":"magritte-cell_m-12___QtJUR_4-2-0","cellM12":"magritte-cell_m-12___QtJUR_4-2-0","with-sidebar-from-m":"magritte-with-sidebar-from-m___-CXQh_4-2-0","withSidebarFromM":"magritte-with-sidebar-from-m___-CXQh_4-2-0","cell_l-1":"magritte-cell_l-1___08WTv_4-2-0","cellL1":"magritte-cell_l-1___08WTv_4-2-0","cell_l-2":"magritte-cell_l-2___3Egzi_4-2-0","cellL2":"magritte-cell_l-2___3Egzi_4-2-0","cell_l-3":"magritte-cell_l-3___8CURS_4-2-0","cellL3":"magritte-cell_l-3___8CURS_4-2-0","cell_l-4":"magritte-cell_l-4___4bGq1_4-2-0","cellL4":"magritte-cell_l-4___4bGq1_4-2-0","cell_l-5":"magritte-cell_l-5___2LvKm_4-2-0","cellL5":"magritte-cell_l-5___2LvKm_4-2-0","cell_l-6":"magritte-cell_l-6___ICN-G_4-2-0","cellL6":"magritte-cell_l-6___ICN-G_4-2-0","cell_l-7":"magritte-cell_l-7___1IyZf_4-2-0","cellL7":"magritte-cell_l-7___1IyZf_4-2-0","cell_l-8":"magritte-cell_l-8___KYB-a_4-2-0","cellL8":"magritte-cell_l-8___KYB-a_4-2-0","cell_l-9":"magritte-cell_l-9___CeTym_4-2-0","cellL9":"magritte-cell_l-9___CeTym_4-2-0","cell_l-10":"magritte-cell_l-10___acKEl_4-2-0","cellL10":"magritte-cell_l-10___acKEl_4-2-0","cell_l-11":"magritte-cell_l-11___VKWNT_4-2-0","cellL11":"magritte-cell_l-11___VKWNT_4-2-0","cell_l-12":"magritte-cell_l-12___SHHVR_4-2-0","cellL12":"magritte-cell_l-12___SHHVR_4-2-0","with-sidebar-from-l":"magritte-with-sidebar-from-l___9PLNP_4-2-0","withSidebarFromL":"magritte-with-sidebar-from-l___9PLNP_4-2-0","cell_xl-1":"magritte-cell_xl-1___d-7Mu_4-2-0","cellXl1":"magritte-cell_xl-1___d-7Mu_4-2-0","cell_xl-2":"magritte-cell_xl-2___0v1mr_4-2-0","cellXl2":"magritte-cell_xl-2___0v1mr_4-2-0","cell_xl-3":"magritte-cell_xl-3___dGaO8_4-2-0","cellXl3":"magritte-cell_xl-3___dGaO8_4-2-0","cell_xl-4":"magritte-cell_xl-4___XyiBZ_4-2-0","cellXl4":"magritte-cell_xl-4___XyiBZ_4-2-0","cell_xl-5":"magritte-cell_xl-5___Wzntx_4-2-0","cellXl5":"magritte-cell_xl-5___Wzntx_4-2-0","cell_xl-6":"magritte-cell_xl-6___cppOO_4-2-0","cellXl6":"magritte-cell_xl-6___cppOO_4-2-0","cell_xl-7":"magritte-cell_xl-7___z-rPX_4-2-0","cellXl7":"magritte-cell_xl-7___z-rPX_4-2-0","cell_xl-8":"magritte-cell_xl-8___uYKvC_4-2-0","cellXl8":"magritte-cell_xl-8___uYKvC_4-2-0","cell_xl-9":"magritte-cell_xl-9___Re651_4-2-0","cellXl9":"magritte-cell_xl-9___Re651_4-2-0","cell_xl-10":"magritte-cell_xl-10___-RKb4_4-2-0","cellXl10":"magritte-cell_xl-10___-RKb4_4-2-0","cell_xl-11":"magritte-cell_xl-11___Lmnus_4-2-0","cellXl11":"magritte-cell_xl-11___Lmnus_4-2-0","cell_xl-12":"magritte-cell_xl-12___14HGy_4-2-0","cellXl12":"magritte-cell_xl-12___14HGy_4-2-0","with-sidebar-from-xl":"magritte-with-sidebar-from-xl___mHiwg_4-2-0","withSidebarFromXl":"magritte-with-sidebar-from-xl___mHiwg_4-2-0","cell_xxl-1":"magritte-cell_xxl-1___Jhugp_4-2-0","cellXxl1":"magritte-cell_xxl-1___Jhugp_4-2-0","cell_xxl-2":"magritte-cell_xxl-2___TEKj-_4-2-0","cellXxl2":"magritte-cell_xxl-2___TEKj-_4-2-0","cell_xxl-3":"magritte-cell_xxl-3___V-OWy_4-2-0","cellXxl3":"magritte-cell_xxl-3___V-OWy_4-2-0","cell_xxl-4":"magritte-cell_xxl-4___NDlag_4-2-0","cellXxl4":"magritte-cell_xxl-4___NDlag_4-2-0","cell_xxl-5":"magritte-cell_xxl-5___4caIu_4-2-0","cellXxl5":"magritte-cell_xxl-5___4caIu_4-2-0","cell_xxl-6":"magritte-cell_xxl-6___al5Oz_4-2-0","cellXxl6":"magritte-cell_xxl-6___al5Oz_4-2-0","cell_xxl-7":"magritte-cell_xxl-7___40epc_4-2-0","cellXxl7":"magritte-cell_xxl-7___40epc_4-2-0","cell_xxl-8":"magritte-cell_xxl-8___7jbSF_4-2-0","cellXxl8":"magritte-cell_xxl-8___7jbSF_4-2-0","cell_xxl-9":"magritte-cell_xxl-9___cANRv_4-2-0","cellXxl9":"magritte-cell_xxl-9___cANRv_4-2-0","cell_xxl-10":"magritte-cell_xxl-10___Wxan9_4-2-0","cellXxl10":"magritte-cell_xxl-10___Wxan9_4-2-0","cell_xxl-11":"magritte-cell_xxl-11___tPewy_4-2-0","cellXxl11":"magritte-cell_xxl-11___tPewy_4-2-0","cell_xxl-12":"magritte-cell_xxl-12___AviUH_4-2-0","cellXxl12":"magritte-cell_xxl-12___AviUH_4-2-0","with-sidebar-from-xxl":"magritte-with-sidebar-from-xxl___EMLcq_4-2-0","withSidebarFromXxl":"magritte-with-sidebar-from-xxl___EMLcq_4-2-0","has-scroll-left":"magritte-has-scroll-left___dEeNV_4-2-0","hasScrollLeft":"magritte-has-scroll-left___dEeNV_4-2-0","sticky-left":"magritte-sticky-left___r-bgc_4-2-0","stickyLeft":"magritte-sticky-left___r-bgc_4-2-0","has-scroll-right":"magritte-has-scroll-right___-eu5N_4-2-0","hasScrollRight":"magritte-has-scroll-right___-eu5N_4-2-0","sticky-right":"magritte-sticky-right___-ocur_4-2-0","stickyRight":"magritte-sticky-right___-ocur_4-2-0"};
+
+export { cellStyles as c };
+//# sourceMappingURL=cell-Bv5_vyaJ.js.map

package/cell-Bv5_vyaJ.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"cell-Bv5_vyaJ.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;"}

package/context.d.ts

@@ -8,6 +8,7 @@ export interface TableContextProps {
     fixedSize?: boolean;
     fontLoaded: boolean;
     virtualized?: boolean;
+    hoverEnabled?: boolean;
     subscribeResizeHandler?: (e: Subscription, index?: number) => void;
     unsubscribeResizeHandler?: (e: Subscription) => void;
 }

package/context.js

@@ -4,6 +4,7 @@ import { createContext } from 'react';
 const TableContext = createContext({
     headerNode: null,
     fontLoaded: false,
+    hoverEnabled: false,
 });
 
 export { TableContext };

package/context.js.map

@@ -1 +1 @@
-{"version":3,"file":"context.js","sources":["src/context.tsx"],"sourcesContent":["import { createContext } from 'react';\n\ntype Subscription = () => void;\n\nexport interface TableContextProps {\n    headerNode: HTMLDivElement | null;\n    stickyHeader?: boolean;\n    divider?: boolean;\n    paddingLeft?: number;\n    paddingRight?: number;\n    fixedSize?: boolean;\n    fontLoaded: boolean;\n    virtualized?: boolean;\n    subscribeResizeHandler?: (e: Subscription, index?: number) => void;\n    unsubscribeResizeHandler?: (e: Subscription) => void;\n}\n\nexport const TableContext = createContext<TableContextProps>({\n    headerNode: null,\n    fontLoaded: false,\n});\n"],"names":[],"mappings":";;AAiBO,MAAM,YAAY,GAAG,aAAa,CAAoB;AACzD,IAAA,UAAU,EAAE,IAAI;AAChB,IAAA,UAAU,EAAE,KAAK;AACpB,CAAA;;;;"}
+{"version":3,"file":"context.js","sources":["src/context.tsx"],"sourcesContent":["import { createContext } from 'react';\n\ntype Subscription = () => void;\n\nexport interface TableContextProps {\n    headerNode: HTMLDivElement | null;\n    stickyHeader?: boolean;\n    divider?: boolean;\n    paddingLeft?: number;\n    paddingRight?: number;\n    fixedSize?: boolean;\n    fontLoaded: boolean;\n    virtualized?: boolean;\n    hoverEnabled?: boolean;\n    subscribeResizeHandler?: (e: Subscription, index?: number) => void;\n    unsubscribeResizeHandler?: (e: Subscription) => void;\n}\n\nexport const TableContext = createContext<TableContextProps>({\n    headerNode: null,\n    fontLoaded: false,\n    hoverEnabled: false,\n});\n"],"names":[],"mappings":";;AAkBO,MAAM,YAAY,GAAG,aAAa,CAAoB;AACzD,IAAA,UAAU,EAAE,IAAI;AAChB,IAAA,UAAU,EAAE,KAAK;AACjB,IAAA,YAAY,EAAE,KAAK;AACtB,CAAA;;;;"}