@hh.ru/magritte-ui-table 3.0.7 → 3.1.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (19) hide show
  1. package/StickyTableHeader.js +2 -2
  2. package/Table.js +29 -17
  3. package/Table.js.map +1 -1
  4. package/TableBody.js +1 -1
  5. package/TableCell.js +2 -2
  6. package/TableHeader.js +2 -2
  7. package/TableRow.js +2 -2
  8. package/cell-Db_oZDXV.js +5 -0
  9. package/cell-Db_oZDXV.js.map +1 -0
  10. package/index.css +487 -474
  11. package/index.js +4 -3
  12. package/index.js.map +1 -1
  13. package/package.json +3 -2
  14. package/table-BJ74-y3T.js +5 -0
  15. package/table-BJ74-y3T.js.map +1 -0
  16. package/cell-DnZj0dDu.js +0 -5
  17. package/cell-DnZj0dDu.js.map +0 -1
  18. package/table-XyGk1cfl.js +0 -5
  19. package/table-XyGk1cfl.js.map +0 -1
package/StickyTableHeader.js CHANGED
@@ -4,8 +4,8 @@ import { useRef, useContext, useCallback, useLayoutEffect } from 'react';
4
4
  import { createPortal } from 'react-dom';
5
5
  import classnames from 'classnames';
6
6
  import { TableContext } from './context.js';
7
- import { c as cellStyles } from './cell-DnZj0dDu.js';
8
- import { s as styles } from './table-XyGk1cfl.js';
7
+ import { c as cellStyles } from './cell-Db_oZDXV.js';
8
+ import { s as styles } from './table-BJ74-y3T.js';
9
9
 
10
10
  const DENSITY_TO_CSS = {
11
11
  'extra-small': styles.densityExtraSmall,
package/Table.js CHANGED
@@ -1,13 +1,15 @@
1
1
  import './index.css';
2
- import { jsxs, jsx } from 'react/jsx-runtime';
2
+ import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
3
3
  import { useRef, useState, useMemo, useCallback, useLayoutEffect } from 'react';
4
4
  import classnames from 'classnames';
5
+ import { useMultipleRefs } from '@hh.ru/magritte-common-use-multiple-refs';
5
6
  import { useWhenFontLoaded } from '@hh.ru/magritte-common-use-when-font-loaded';
6
7
  import { useBreakpoint } from '@hh.ru/magritte-ui-breakpoint';
8
+ import { useScrollbar, Scrollbar } from '@hh.ru/magritte-ui-scrollbar';
7
9
  import { TableContext } from './context.js';
8
10
  import { useTableResize } from './useTableResize.js';
9
- import { c as cellStyles } from './cell-DnZj0dDu.js';
10
- import { s as styles } from './table-XyGk1cfl.js';
11
+ import { c as cellStyles } from './cell-Db_oZDXV.js';
12
+ import { s as styles } from './table-BJ74-y3T.js';
11
13
 
12
14
  const DENSITY_TO_CSS = {
13
15
  'extra-small': styles.densityExtraSmall,
@@ -128,32 +130,42 @@ const Table = ({ density = 'small', topPanel, bottomPanel, fixedSize, stickyBott
128
130
  }
129
131
  return void 0;
130
132
  }, [calcDividersAndScrollbar, isMobile, subscribeResizeHandler, unsubscribeResizeHandler]);
133
+ const { hasVerticalScroll, verticalScrollbarProps, ...vScrollbar } = useScrollbar({
134
+ axis: fixedSize ? 'vertical' : 'none',
135
+ });
136
+ const wrapperRefCallback = useMultipleRefs(wrapperRef, vScrollbar.scrollContainerRef);
137
+ const contentRefCallback = useMultipleRefs(contentRef, vScrollbar.contentWrapperRef);
138
+ const { hasHorizontalScroll, horizontalScrollbarProps, ...hScrollbar } = useScrollbar({
139
+ axis: 'horizontal',
140
+ offsetRight: fixedSize ? 8 : undefined,
141
+ });
142
+ const scrollContainerRefCallback = useMultipleRefs(scrollbarContainerRef, hScrollbar.scrollContainerRef);
143
+ const scrollContentRefCallback = useMultipleRefs(scrollbarRef, hScrollbar.contentWrapperRef);
131
144
  if (isMobile) {
132
145
  return null;
133
146
  }
134
- return (jsxs("div", { className: classnames(styles.wrapper, DENSITY_TO_CSS[density], {
135
- [styles.fixedSize]: fixedSize,
147
+ return (jsxs("div", { className: classnames(styles.wrapper, DENSITY_TO_CSS[density], vScrollbar.hoverContainerCssClass, {
136
148
  [styles[`style-${style}`]]: style,
137
149
  [styles[`style-highlighted-${highlightedColor}`]]: highlightedColor,
138
150
  [styles[`tinted-style-${tintedStyle}`]]: tinted && tintedStyle,
139
151
  [styles[`tinted-style-highlighted-${tintedHighlightedColor}`]]: tinted && tintedHighlightedColor,
140
152
  [styles[`top-style-${topColor}`]]: topColor,
141
153
  [styles[`bottom-style-${bottomColor}`]]: bottomColor,
142
- }), "data-qa": dataQa, "data-magritte-table-wrapper": true, ref: wrapperRef, style: {
154
+ }), "data-qa": dataQa, style: {
143
155
  '--magritte-table-padding-left': `${paddingLeft ?? 0}px`,
144
156
  '--magritte-table-padding-right': `${paddingRight ?? 0}px`,
145
157
  ...(cellsGap ? { '--magritte-table-cell-padding': `${cellsGap / 2}px` } : {}),
146
- }, children: [(topPanel || stickyHeader) && (jsxs("div", { className: classnames(styles.topContainer, {
147
- [styles.sticky]: stickyHeader,
148
- }), children: [topPanel && (jsx("div", { className: classnames(styles.topPanel, {
149
- [styles.withDivider]: topWithDivider,
150
- }), "data-qa": "table-top-panel", style: { paddingLeft, paddingRight }, children: topPanel })), stickyHeader && (jsx("div", { ref: headerRefCallback, onScroll: handleHeaderScroll, "data-qa": "table-sticky-header-root", className: classnames(styles.headerContainer) }))] })), jsx(TableContext.Provider, { value: value, children: jsx("div", { className: classnames(styles.container), ref: contentRef, onScroll: handleScrollContent, "data-qa": 'table-container', children: jsx("table", { className: classnames(styles.table, {
151
- [styles.divider]: !!divider,
152
- }), "data-qa": "table", ref: tableRef, children: children }) }) }), (!bottomPanel || !stickyBottom) && (jsx("div", { className: classnames(styles.bottomContainer, styles.sticky), children: jsx("div", { className: styles.scrollContainer, onScroll: handleScrollContainerScroll, ref: scrollbarContainerRef, children: jsx("div", { className: styles.scrollContent, ref: scrollbarRef }) }) })), bottomPanel && (jsxs("div", { className: classnames(styles.bottomContainer, {
153
- [styles.sticky]: stickyBottom,
154
- }), children: [stickyBottom && (jsx("div", { className: styles.scrollContainer, onScroll: handleScrollContainerScroll, ref: scrollbarContainerRef, children: jsx("div", { className: styles.scrollContent, ref: scrollbarRef }) })), bottomPanel && (jsx("div", { className: classnames(styles.bottomPanel, {
155
- [styles.withDivider]: bottomWithDivider,
156
- }), "data-qa": "table-bottom-panel", style: { paddingLeft, paddingRight }, children: bottomPanel }))] }))] }));
158
+ }, children: [jsxs("div", { className: classnames({ [styles.scrollWrapper]: fixedSize }), "data-magritte-table-wrapper": true, ref: wrapperRefCallback, children: [(topPanel || stickyHeader) && (jsxs("div", { className: classnames(styles.topContainer, {
159
+ [styles.sticky]: stickyHeader,
160
+ }), children: [topPanel && (jsx("div", { className: classnames(styles.topPanel, {
161
+ [styles.withDivider]: topWithDivider,
162
+ }), "data-qa": "table-top-panel", style: { paddingLeft, paddingRight }, children: topPanel })), stickyHeader && (jsx("div", { ref: headerRefCallback, onScroll: handleHeaderScroll, "data-qa": "table-sticky-header-root", className: classnames(styles.headerContainer) }))] })), jsx(TableContext.Provider, { value: value, children: jsx("div", { className: classnames(styles.container), ref: contentRefCallback, onScroll: handleScrollContent, "data-qa": 'table-container', children: jsx("table", { className: classnames(styles.table, {
163
+ [styles.divider]: !!divider,
164
+ }), "data-qa": "table", ref: tableRef, children: children }) }) }), (!bottomPanel || !stickyBottom) && (jsxs("div", { className: classnames(styles.bottomContainer, styles.sticky), children: [jsx("div", { className: styles.scrollContainer, onScroll: handleScrollContainerScroll, ref: scrollContainerRefCallback, children: jsx("div", { className: styles.scrollContent, ref: scrollContentRefCallback }) }), hasHorizontalScroll && (jsx(Scrollbar, { className: styles.horizontalScrollbar, ...horizontalScrollbarProps }))] })), bottomPanel && (jsxs("div", { className: classnames(styles.bottomContainer, {
165
+ [styles.sticky]: stickyBottom,
166
+ }), children: [stickyBottom && (jsxs(Fragment, { children: [jsx("div", { className: styles.scrollContainer, onScroll: handleScrollContainerScroll, ref: scrollContainerRefCallback, children: jsx("div", { className: styles.scrollContent, ref: scrollContentRefCallback }) }), hasHorizontalScroll && (jsx(Scrollbar, { className: styles.horizontalScrollbar, ...horizontalScrollbarProps }))] })), bottomPanel && (jsx("div", { className: classnames(styles.bottomPanel, {
167
+ [styles.withDivider]: bottomWithDivider,
168
+ }), "data-qa": "table-bottom-panel", style: { paddingLeft, paddingRight }, children: bottomPanel }))] }))] }), hasVerticalScroll && jsx(Scrollbar, { className: styles.verticalScrollbar, ...verticalScrollbarProps })] }));
157
169
  };
158
170
 
159
171
  export { Table };
package/Table.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"Table.js","sources":["../src/Table.tsx"],"sourcesContent":["import { FC, RefCallback, useCallback, useLayoutEffect, useMemo, useRef, useState, CSSProperties } from 'react';\nimport classnames from 'classnames';\n\nimport { useWhenFontLoaded } from '@hh.ru/magritte-common-use-when-font-loaded';\nimport { useBreakpoint } from '@hh.ru/magritte-ui-breakpoint';\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 DENSITY_TO_CSS = {\n 'extra-small': styles.densityExtraSmall,\n small: styles.densitySmall,\n medium: styles.densityMedium,\n large: styles.densityLarge,\n};\n\nexport const Table: FC<TableProps> = ({\n density = 'small',\n topPanel,\n 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 '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 const { isMobile } = useBreakpoint();\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 if (!isMobile) {\n calcDividersAndScrollbar();\n subscribeResizeHandler?.(calcDividersAndScrollbar);\n\n return () => unsubscribeResizeHandler?.(calcDividersAndScrollbar);\n }\n return void 0;\n }, [calcDividersAndScrollbar, isMobile, subscribeResizeHandler, unsubscribeResizeHandler]);\n\n if (isMobile) {\n return null;\n }\n\n return (\n <div\n className={classnames(styles.wrapper, DENSITY_TO_CSS[density], {\n [styles.fixedSize]: fixedSize,\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 [styles[`top-style-${topColor}`]]: topColor,\n [styles[`bottom-style-${bottomColor}`]]: bottomColor,\n })}\n data-qa={dataQa}\n data-magritte-table-wrapper\n ref={wrapperRef}\n style={\n {\n '--magritte-table-padding-left': `${paddingLeft ?? 0}px`,\n '--magritte-table-padding-right': `${paddingRight ?? 0}px`,\n ...(cellsGap ? { '--magritte-table-cell-padding': `${cellsGap / 2}px` } : {}),\n } as CSSProperties\n }\n >\n {(topPanel || stickyHeader) && (\n <div\n className={classnames(styles.topContainer, {\n [styles.sticky]: stickyHeader,\n })}\n >\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 </div>\n )}\n <TableContext.Provider value={value}>\n <div\n className={classnames(styles.container)}\n ref={contentRef}\n onScroll={handleScrollContent}\n data-qa={'table-container'}\n >\n <table\n className={classnames(styles.table, {\n [styles.divider]: !!divider,\n })}\n data-qa=\"table\"\n ref={tableRef}\n >\n {children}\n </table>\n </div>\n </TableContext.Provider>\n {(!bottomPanel || !stickyBottom) && (\n <div className={classnames(styles.bottomContainer, styles.sticky)}>\n <div\n className={styles.scrollContainer}\n onScroll={handleScrollContainerScroll}\n ref={scrollbarContainerRef}\n >\n <div className={styles.scrollContent} ref={scrollbarRef}></div>\n </div>\n </div>\n )}\n {bottomPanel && (\n <div\n className={classnames(styles.bottomContainer, {\n [styles.sticky]: stickyBottom,\n })}\n >\n {stickyBottom && (\n <div\n className={styles.scrollContainer}\n onScroll={handleScrollContainerScroll}\n ref={scrollbarContainerRef}\n >\n <div className={styles.scrollContent} ref={scrollbarRef}></div>\n </div>\n )}\n {bottomPanel && (\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 )}\n </div>\n )}\n </div>\n );\n};\n"],"names":["_jsxs","_jsx"],"mappings":"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"}
1
+ {"version":3,"file":"Table.js","sources":["../src/Table.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 { useBreakpoint } from '@hh.ru/magritte-ui-breakpoint';\nimport { Scrollbar, useScrollbar } from '@hh.ru/magritte-ui-scrollbar';\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 DENSITY_TO_CSS = {\n 'extra-small': styles.densityExtraSmall,\n small: styles.densitySmall,\n medium: styles.densityMedium,\n large: styles.densityLarge,\n};\n\nexport const Table: FC<TableProps> = ({\n density = 'small',\n topPanel,\n 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 '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 const { isMobile } = useBreakpoint();\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 if (!isMobile) {\n calcDividersAndScrollbar();\n subscribeResizeHandler?.(calcDividersAndScrollbar);\n\n return () => unsubscribeResizeHandler?.(calcDividersAndScrollbar);\n }\n return void 0;\n }, [calcDividersAndScrollbar, isMobile, subscribeResizeHandler, unsubscribeResizeHandler]);\n\n const { hasVerticalScroll, verticalScrollbarProps, ...vScrollbar } = useScrollbar({\n axis: fixedSize ? 'vertical' : 'none',\n });\n const wrapperRefCallback = useMultipleRefs(wrapperRef, vScrollbar.scrollContainerRef);\n const contentRefCallback = useMultipleRefs(contentRef, vScrollbar.contentWrapperRef);\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 if (isMobile) {\n return null;\n }\n\n return (\n <div\n className={classnames(styles.wrapper, DENSITY_TO_CSS[density], vScrollbar.hoverContainerCssClass, {\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 [styles[`top-style-${topColor}`]]: topColor,\n [styles[`bottom-style-${bottomColor}`]]: bottomColor,\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 ...(cellsGap ? { '--magritte-table-cell-padding': `${cellsGap / 2}px` } : {}),\n } as CSSProperties\n }\n >\n <div\n className={classnames({ [styles.scrollWrapper]: fixedSize })}\n data-magritte-table-wrapper\n ref={wrapperRefCallback}\n >\n {(topPanel || stickyHeader) && (\n <div\n className={classnames(styles.topContainer, {\n [styles.sticky]: stickyHeader,\n })}\n >\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 </div>\n )}\n <TableContext.Provider value={value}>\n <div\n className={classnames(styles.container)}\n ref={contentRefCallback}\n onScroll={handleScrollContent}\n data-qa={'table-container'}\n >\n <table\n className={classnames(styles.table, {\n [styles.divider]: !!divider,\n })}\n data-qa=\"table\"\n ref={tableRef}\n >\n {children}\n </table>\n </div>\n </TableContext.Provider>\n {(!bottomPanel || !stickyBottom) && (\n <div className={classnames(styles.bottomContainer, styles.sticky)}>\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 </div>\n )}\n {bottomPanel && (\n <div\n className={classnames(styles.bottomContainer, {\n [styles.sticky]: stickyBottom,\n })}\n >\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 {bottomPanel && (\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 )}\n </div>\n )}\n </div>\n {hasVerticalScroll && <Scrollbar className={styles.verticalScrollbar} {...verticalScrollbarProps} />}\n </div>\n );\n};\n"],"names":["_jsxs","_jsx","_Fragment"],"mappings":"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"}
package/TableBody.js CHANGED
@@ -3,7 +3,7 @@ import { jsx } from 'react/jsx-runtime';
3
3
  import { useRef, useContext } from 'react';
4
4
  import { VirtualizedTableBody } from './VirtualizedTableBody.js';
5
5
  import { TableContext } from './context.js';
6
- import { s as styles } from './table-XyGk1cfl.js';
6
+ import { s as styles } from './table-BJ74-y3T.js';
7
7
  import './useTableVirtualizer.js';
8
8
  import '@tanstack/react-virtual';
9
9
 
package/TableCell.js CHANGED
@@ -5,8 +5,8 @@ import classnames from 'classnames';
5
5
  import { useMultipleRefs } from '@hh.ru/magritte-common-use-multiple-refs';
6
6
  import { useLayoutContext } from '@hh.ru/magritte-ui-grid/layoutContext';
7
7
  import { TableContext } from './context.js';
8
- import { c as cellStyles } from './cell-DnZj0dDu.js';
9
- import { s as styles } from './table-XyGk1cfl.js';
8
+ import { c as cellStyles } from './cell-Db_oZDXV.js';
9
+ import { s as styles } from './table-BJ74-y3T.js';
10
10
 
11
11
  const TableCellComponent = ({ Element = 'td', m, l, xl, xxl, width, children, stickyLeft, stickyRight, align, 'data-qa': dataQa = 'table-cell', ...rest }, ref) => {
12
12
  const cellRef = useRef(null);
package/TableHeader.js CHANGED
@@ -4,9 +4,9 @@ import { useRef, useContext } from 'react';
4
4
  import classnames from 'classnames';
5
5
  import { StickyTableHeader } from './StickyTableHeader.js';
6
6
  import { TableContext } from './context.js';
7
- import { s as styles } from './table-XyGk1cfl.js';
7
+ import { s as styles } from './table-BJ74-y3T.js';
8
8
  import 'react-dom';
9
- import './cell-DnZj0dDu.js';
9
+ import './cell-Db_oZDXV.js';
10
10
 
11
11
  const DENSITY_TO_CSS = {
12
12
  'extra-small': styles.densityExtraSmall,
package/TableRow.js CHANGED
@@ -4,8 +4,8 @@ import { forwardRef, useContext, useRef, useEffect } from 'react';
4
4
  import classnames from 'classnames';
5
5
  import { useMultipleRefs } from '@hh.ru/magritte-common-use-multiple-refs';
6
6
  import { TableContext } from './context.js';
7
- import { c as cellStyles } from './cell-DnZj0dDu.js';
8
- import { s as styles } from './table-XyGk1cfl.js';
7
+ import { c as cellStyles } from './cell-Db_oZDXV.js';
8
+ import { s as styles } from './table-BJ74-y3T.js';
9
9
 
10
10
  const TableRowComponent = ({ style, styleHighlighted, action, showAction, animated, onClick, panel, showPanel, children, measure, align, 'data-qa': dataQa = 'table-row', ...rest }, ref) => {
11
11
  const { paddingLeft, paddingRight } = useContext(TableContext);
package/cell-Db_oZDXV.js ADDED
@@ -0,0 +1,5 @@
1
+ import './index.css';
2
+ var cellStyles = {"cell":"magritte-cell___9SN-h_3-1-1","space-cell":"magritte-space-cell___FEzuM_3-1-1","spaceCell":"magritte-space-cell___FEzuM_3-1-1","pinned":"magritte-pinned___45ssa_3-1-1","control":"magritte-control___zooF6_3-1-1","sticky":"magritte-sticky___-VZrW_3-1-1","duplicate-table":"magritte-duplicate-table___5UfjM_3-1-1","duplicateTable":"magritte-duplicate-table___5UfjM_3-1-1","cell_m-1":"magritte-cell_m-1___hXvsr_3-1-1","cellM1":"magritte-cell_m-1___hXvsr_3-1-1","cell_m-2":"magritte-cell_m-2___ACrWd_3-1-1","cellM2":"magritte-cell_m-2___ACrWd_3-1-1","cell_m-3":"magritte-cell_m-3___gYLFS_3-1-1","cellM3":"magritte-cell_m-3___gYLFS_3-1-1","cell_m-4":"magritte-cell_m-4___abIIK_3-1-1","cellM4":"magritte-cell_m-4___abIIK_3-1-1","cell_m-5":"magritte-cell_m-5___KnqH6_3-1-1","cellM5":"magritte-cell_m-5___KnqH6_3-1-1","cell_m-6":"magritte-cell_m-6___o95mb_3-1-1","cellM6":"magritte-cell_m-6___o95mb_3-1-1","cell_m-7":"magritte-cell_m-7___DEaIG_3-1-1","cellM7":"magritte-cell_m-7___DEaIG_3-1-1","cell_m-8":"magritte-cell_m-8___TGFI7_3-1-1","cellM8":"magritte-cell_m-8___TGFI7_3-1-1","cell_m-9":"magritte-cell_m-9___yiGBE_3-1-1","cellM9":"magritte-cell_m-9___yiGBE_3-1-1","cell_m-10":"magritte-cell_m-10___tU-P9_3-1-1","cellM10":"magritte-cell_m-10___tU-P9_3-1-1","cell_m-11":"magritte-cell_m-11___Wls8v_3-1-1","cellM11":"magritte-cell_m-11___Wls8v_3-1-1","cell_m-12":"magritte-cell_m-12___QtJUR_3-1-1","cellM12":"magritte-cell_m-12___QtJUR_3-1-1","cell_l-1":"magritte-cell_l-1___08WTv_3-1-1","cellL1":"magritte-cell_l-1___08WTv_3-1-1","cell_l-2":"magritte-cell_l-2___3Egzi_3-1-1","cellL2":"magritte-cell_l-2___3Egzi_3-1-1","cell_l-3":"magritte-cell_l-3___8CURS_3-1-1","cellL3":"magritte-cell_l-3___8CURS_3-1-1","cell_l-4":"magritte-cell_l-4___4bGq1_3-1-1","cellL4":"magritte-cell_l-4___4bGq1_3-1-1","cell_l-5":"magritte-cell_l-5___2LvKm_3-1-1","cellL5":"magritte-cell_l-5___2LvKm_3-1-1","cell_l-6":"magritte-cell_l-6___ICN-G_3-1-1","cellL6":"magritte-cell_l-6___ICN-G_3-1-1","cell_l-7":"magritte-cell_l-7___1IyZf_3-1-1","cellL7":"magritte-cell_l-7___1IyZf_3-1-1","cell_l-8":"magritte-cell_l-8___KYB-a_3-1-1","cellL8":"magritte-cell_l-8___KYB-a_3-1-1","cell_l-9":"magritte-cell_l-9___CeTym_3-1-1","cellL9":"magritte-cell_l-9___CeTym_3-1-1","cell_l-10":"magritte-cell_l-10___acKEl_3-1-1","cellL10":"magritte-cell_l-10___acKEl_3-1-1","cell_l-11":"magritte-cell_l-11___VKWNT_3-1-1","cellL11":"magritte-cell_l-11___VKWNT_3-1-1","cell_l-12":"magritte-cell_l-12___SHHVR_3-1-1","cellL12":"magritte-cell_l-12___SHHVR_3-1-1","cell_xl-1":"magritte-cell_xl-1___d-7Mu_3-1-1","cellXl1":"magritte-cell_xl-1___d-7Mu_3-1-1","cell_xl-2":"magritte-cell_xl-2___0v1mr_3-1-1","cellXl2":"magritte-cell_xl-2___0v1mr_3-1-1","cell_xl-3":"magritte-cell_xl-3___dGaO8_3-1-1","cellXl3":"magritte-cell_xl-3___dGaO8_3-1-1","cell_xl-4":"magritte-cell_xl-4___XyiBZ_3-1-1","cellXl4":"magritte-cell_xl-4___XyiBZ_3-1-1","cell_xl-5":"magritte-cell_xl-5___Wzntx_3-1-1","cellXl5":"magritte-cell_xl-5___Wzntx_3-1-1","cell_xl-6":"magritte-cell_xl-6___cppOO_3-1-1","cellXl6":"magritte-cell_xl-6___cppOO_3-1-1","cell_xl-7":"magritte-cell_xl-7___z-rPX_3-1-1","cellXl7":"magritte-cell_xl-7___z-rPX_3-1-1","cell_xl-8":"magritte-cell_xl-8___uYKvC_3-1-1","cellXl8":"magritte-cell_xl-8___uYKvC_3-1-1","cell_xl-9":"magritte-cell_xl-9___Re651_3-1-1","cellXl9":"magritte-cell_xl-9___Re651_3-1-1","cell_xl-10":"magritte-cell_xl-10___-RKb4_3-1-1","cellXl10":"magritte-cell_xl-10___-RKb4_3-1-1","cell_xl-11":"magritte-cell_xl-11___Lmnus_3-1-1","cellXl11":"magritte-cell_xl-11___Lmnus_3-1-1","cell_xl-12":"magritte-cell_xl-12___14HGy_3-1-1","cellXl12":"magritte-cell_xl-12___14HGy_3-1-1","with-left-sidebar":"magritte-with-left-sidebar___ZtgsT_3-1-1","withLeftSidebar":"magritte-with-left-sidebar___ZtgsT_3-1-1","with-right-sidebar":"magritte-with-right-sidebar___QLqYo_3-1-1","withRightSidebar":"magritte-with-right-sidebar___QLqYo_3-1-1","cell_xxl-1":"magritte-cell_xxl-1___Jhugp_3-1-1","cellXxl1":"magritte-cell_xxl-1___Jhugp_3-1-1","cell_xxl-2":"magritte-cell_xxl-2___TEKj-_3-1-1","cellXxl2":"magritte-cell_xxl-2___TEKj-_3-1-1","cell_xxl-3":"magritte-cell_xxl-3___V-OWy_3-1-1","cellXxl3":"magritte-cell_xxl-3___V-OWy_3-1-1","cell_xxl-4":"magritte-cell_xxl-4___NDlag_3-1-1","cellXxl4":"magritte-cell_xxl-4___NDlag_3-1-1","cell_xxl-5":"magritte-cell_xxl-5___4caIu_3-1-1","cellXxl5":"magritte-cell_xxl-5___4caIu_3-1-1","cell_xxl-6":"magritte-cell_xxl-6___al5Oz_3-1-1","cellXxl6":"magritte-cell_xxl-6___al5Oz_3-1-1","cell_xxl-7":"magritte-cell_xxl-7___40epc_3-1-1","cellXxl7":"magritte-cell_xxl-7___40epc_3-1-1","cell_xxl-8":"magritte-cell_xxl-8___7jbSF_3-1-1","cellXxl8":"magritte-cell_xxl-8___7jbSF_3-1-1","cell_xxl-9":"magritte-cell_xxl-9___cANRv_3-1-1","cellXxl9":"magritte-cell_xxl-9___cANRv_3-1-1","cell_xxl-10":"magritte-cell_xxl-10___Wxan9_3-1-1","cellXxl10":"magritte-cell_xxl-10___Wxan9_3-1-1","cell_xxl-11":"magritte-cell_xxl-11___tPewy_3-1-1","cellXxl11":"magritte-cell_xxl-11___tPewy_3-1-1","cell_xxl-12":"magritte-cell_xxl-12___AviUH_3-1-1","cellXxl12":"magritte-cell_xxl-12___AviUH_3-1-1","has-scroll-left":"magritte-has-scroll-left___dEeNV_3-1-1","hasScrollLeft":"magritte-has-scroll-left___dEeNV_3-1-1","sticky-left":"magritte-sticky-left___r-bgc_3-1-1","stickyLeft":"magritte-sticky-left___r-bgc_3-1-1","has-scroll-right":"magritte-has-scroll-right___-eu5N_3-1-1","hasScrollRight":"magritte-has-scroll-right___-eu5N_3-1-1","sticky-right":"magritte-sticky-right___-ocur_3-1-1","stickyRight":"magritte-sticky-right___-ocur_3-1-1"};
3
+
4
+ export { cellStyles as c };
5
+ //# sourceMappingURL=cell-Db_oZDXV.js.map
package/cell-Db_oZDXV.js.map ADDED
@@ -0,0 +1 @@
1
+ {"version":3,"file":"cell-Db_oZDXV.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;"}