@hh.ru/magritte-ui-table 4.2.9 → 4.2.11

package/SimpleTable.js

@@ -8,15 +8,15 @@ 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-BEEJBwlC.js';
+import './virtualized-list-DZqJXIA7.js';
 import './VirtualizedList/VirtualizedPanel.js';
 import './context.js';
 import './useTableResize.js';
-import './cell-DSmMms21.js';
-import './table-82HRmqkT.js';
+import './cell-7-Eiwyn4.js';
+import './table-CQ76yrLp.js';
 
 const SimpleTable = (props) => {
-    return jsx(BaseTable, { ...props, virtualized: false });
+  return /* @__PURE__ */ jsx(BaseTable, { ...props, virtualized: false });
 };
 
 export { SimpleTable };

package/SimpleTable.js.map

@@ -1 +1 @@
-{"version":3,"file":"SimpleTable.js","sources":["src/SimpleTable.tsx"],"sourcesContent":["import { FC } from 'react';\n\nimport { BaseTable } from '@hh.ru/magritte-ui-table/BaseTable';\nimport { SimpleTableProps } from '@hh.ru/magritte-ui-table/types';\n\nexport const SimpleTable: FC<SimpleTableProps> = (props) => {\n    return <BaseTable {...props} virtualized={false}></BaseTable>;\n};\n"],"names":["_jsx"],"mappings":";;;;;;;;;;;;;;;;AAKa,MAAA,WAAW,GAAyB,CAAC,KAAK,KAAI;IACvD,OAAOA,GAAA,CAAC,SAAS,EAAK,EAAA,GAAA,KAAK,EAAE,WAAW,EAAE,KAAK,EAAA,CAAc,CAAC;AAClE;;;;"}
+{"version":3,"file":"SimpleTable.js","sources":["src/SimpleTable.tsx"],"sourcesContent":["import { FC } from 'react';\n\nimport { BaseTable } from '@hh.ru/magritte-ui-table/BaseTable';\nimport { SimpleTableProps } from '@hh.ru/magritte-ui-table/types';\n\nexport const SimpleTable: FC<SimpleTableProps> = (props) => {\n    return <BaseTable {...props} virtualized={false}></BaseTable>;\n};\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAKa,MAAA,WAAA,GAAoC,CAAC,KAAU,KAAA;AACxD,EAAA,uBAAQ,GAAA,CAAA,SAAA,EAAA,EAAW,GAAG,KAAA,EAAO,aAAa,KAAO,EAAA,CAAA,CAAA;AACrD;;;;"}

package/StickyTableHeader.js

@@ -4,45 +4,51 @@ 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-DSmMms21.js';
-import { s as styles } from './table-82HRmqkT.js';
+import { c as cellStyles } from './cell-7-Eiwyn4.js';
+import { s as styles } from './table-CQ76yrLp.js';
 
 const StickyTableHeader = ({ root, divider, density, headerRef, children }) => {
-    const ref = useRef(null);
-    const { fontLoaded: renderPortal, subscribeResizeHandler, unsubscribeResizeHandler } = useContext(TableContext);
-    const calcWidth = useCallback(() => {
-        if (ref.current && root && headerRef.current) {
-            const columnsHeader = headerRef.current.querySelectorAll('[data-magritte-table-cell]');
-            const widths = [];
-            [...columnsHeader].forEach((column, index) => {
-                widths[index] = column.getBoundingClientRect().width;
-            });
-            const columns = ref.current.querySelectorAll('[data-magritte-table-cell]');
-            [...columns].forEach((column, index) => {
-                column.style.setProperty('width', `${widths[index]}px`);
-                column.style.setProperty('max-width', `${widths[index]}px`);
-            });
-            root.style.setProperty('margin-bottom', `-${headerRef.current.getBoundingClientRect().height}px`);
-        }
-        // *
-        // children стоит в зависимостях, тк есть кейсы, когда контент в ячейке может поменяться, а
-        // ячейка была по контенту и ее ширина изменилась - надо чтобы соответствующая колонка в стики шапке на это отреагировала и тоже поменяла свою ширину
-        // eslint-disable-next-line react-hooks/exhaustive-deps
-    }, [headerRef, root, children]);
-    useLayoutEffect(() => {
-        if (root && renderPortal) {
-            calcWidth();
-            subscribeResizeHandler?.(calcWidth, 1);
-            return () => unsubscribeResizeHandler?.(calcWidth);
-        }
-        return void 0;
-    }, [root, renderPortal, calcWidth, subscribeResizeHandler, unsubscribeResizeHandler]);
-    return (jsx(Fragment, { children: renderPortal &&
-            createPortal(jsx("table", { ref: ref, className: classnames(styles.table, cellStyles.duplicateTable), children: jsx("thead", { className: classnames(styles.header, {
-                        [styles.withDivider]: !!divider,
-                    }), style: {
-                        '--magritte-table-row-gap': `${density}px 0`,
-                    }, "data-qa": "table-sticky-header", children: children }) }), root) }));
+  const ref = useRef(null);
+  const { fontLoaded: renderPortal, subscribeResizeHandler, unsubscribeResizeHandler } = useContext(TableContext);
+  const calcWidth = useCallback(() => {
+    if (ref.current && root && headerRef.current) {
+      const columnsHeader = headerRef.current.querySelectorAll("[data-magritte-table-cell]");
+      const widths = [];
+      [...columnsHeader].forEach((column, index) => {
+        widths[index] = column.getBoundingClientRect().width;
+      });
+      const columns = ref.current.querySelectorAll("[data-magritte-table-cell]");
+      [...columns].forEach((column, index) => {
+        column.style.setProperty("width", `${widths[index]}px`);
+        column.style.setProperty("max-width", `${widths[index]}px`);
+      });
+      root.style.setProperty("margin-bottom", `-${headerRef.current.getBoundingClientRect().height}px`);
+    }
+  }, [headerRef, root, children]);
+  useLayoutEffect(() => {
+    if (root && renderPortal) {
+      calcWidth();
+      subscribeResizeHandler?.(calcWidth, 1);
+      return () => unsubscribeResizeHandler?.(calcWidth);
+    }
+    return void 0;
+  }, [root, renderPortal, calcWidth, subscribeResizeHandler, unsubscribeResizeHandler]);
+  return /* @__PURE__ */ jsx(Fragment, { children: renderPortal && createPortal(
+    /* @__PURE__ */ jsx("table", { ref, className: classnames(styles.table, cellStyles.duplicateTable), children: /* @__PURE__ */ jsx(
+      "thead",
+      {
+        className: classnames(styles.header, {
+          [styles.withDivider]: !!divider
+        }),
+        style: {
+          "--magritte-table-row-gap": `${density}px 0`
+        },
+        "data-qa": "table-sticky-header",
+        children
+      }
+    ) }),
+    root
+  ) });
 };
 
 export { StickyTableHeader };

package/StickyTableHeader.js.map

@@ -1 +1 @@
-{"version":3,"file":"StickyTableHeader.js","sources":["src/StickyTableHeader.tsx"],"sourcesContent":["import {\n    CSSProperties,\n    FC,\n    PropsWithChildren,\n    RefObject,\n    useCallback,\n    useContext,\n    useLayoutEffect,\n    useRef,\n} from 'react';\nimport { createPortal } from 'react-dom';\nimport classnames from 'classnames';\n\nimport { TokenBaseStaticSpace } from '@hh.ru/magritte-design-tokens/types';\nimport { TableContext } from '@hh.ru/magritte-ui-table/context';\n\nimport cellStyles from './cell.less';\nimport styles from './table.less';\n\ninterface StickyTableHeaderProps extends PropsWithChildren {\n    root: HTMLDivElement;\n    headerRef: RefObject<HTMLTableSectionElement>;\n    divider?: boolean;\n    density: TokenBaseStaticSpace;\n}\n\nexport const StickyTableHeader: FC<StickyTableHeaderProps> = ({ root, divider, density, headerRef, children }) => {\n    const ref = useRef<HTMLTableElement>(null);\n    const { fontLoaded: renderPortal, subscribeResizeHandler, unsubscribeResizeHandler } = useContext(TableContext);\n\n    const calcWidth = useCallback(() => {\n        if (ref.current && root && headerRef.current) {\n            const columnsHeader =\n                headerRef.current.querySelectorAll<HTMLTableCellElement>('[data-magritte-table-cell]');\n            const widths: number[] = [];\n            [...columnsHeader].forEach((column, index) => {\n                widths[index] = column.getBoundingClientRect().width;\n            });\n            const columns = ref.current.querySelectorAll<HTMLElement>('[data-magritte-table-cell]');\n            [...columns].forEach((column, index) => {\n                column.style.setProperty('width', `${widths[index]}px`);\n                column.style.setProperty('max-width', `${widths[index]}px`);\n            });\n            root.style.setProperty('margin-bottom', `-${headerRef.current.getBoundingClientRect().height}px`);\n        }\n        // *\n        // children стоит в зависимостях, тк есть кейсы, когда контент в ячейке может поменяться, а\n        // ячейка была по контенту и ее ширина изменилась - надо чтобы соответствующая колонка в стики шапке на это отреагировала и тоже поменяла свою ширину\n        // eslint-disable-next-line react-hooks/exhaustive-deps\n    }, [headerRef, root, children]);\n\n    useLayoutEffect(() => {\n        if (root && renderPortal) {\n            calcWidth();\n            subscribeResizeHandler?.(calcWidth, 1);\n\n            return () => unsubscribeResizeHandler?.(calcWidth);\n        }\n\n        return void 0;\n    }, [root, renderPortal, calcWidth, subscribeResizeHandler, unsubscribeResizeHandler]);\n\n    return (\n        <>\n            {renderPortal &&\n                createPortal(\n                    <table ref={ref} className={classnames(styles.table, cellStyles.duplicateTable)}>\n                        <thead\n                            className={classnames(styles.header, {\n                                [styles.withDivider]: !!divider,\n                            })}\n                            style={\n                                {\n                                    '--magritte-table-row-gap': `${density}px 0`,\n                                } as CSSProperties\n                            }\n                            data-qa=\"table-sticky-header\"\n                        >\n                            {children}\n                        </thead>\n                    </table>,\n                    root\n                )}\n        </>\n    );\n};\n"],"names":["_jsx"],"mappings":";;;;;;;;AA0Ba,MAAA,iBAAiB,GAA+B,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,OAAO,EAAE,SAAS,EAAE,QAAQ,EAAE,KAAI;AAC7G,IAAA,MAAM,GAAG,GAAG,MAAM,CAAmB,IAAI,CAAC,CAAC;AAC3C,IAAA,MAAM,EAAE,UAAU,EAAE,YAAY,EAAE,sBAAsB,EAAE,wBAAwB,EAAE,GAAG,UAAU,CAAC,YAAY,CAAC,CAAC;AAEhH,IAAA,MAAM,SAAS,GAAG,WAAW,CAAC,MAAK;QAC/B,IAAI,GAAG,CAAC,OAAO,IAAI,IAAI,IAAI,SAAS,CAAC,OAAO,EAAE;YAC1C,MAAM,aAAa,GACf,SAAS,CAAC,OAAO,CAAC,gBAAgB,CAAuB,4BAA4B,CAAC,CAAC;YAC3F,MAAM,MAAM,GAAa,EAAE,CAAC;YAC5B,CAAC,GAAG,aAAa,CAAC,CAAC,OAAO,CAAC,CAAC,MAAM,EAAE,KAAK,KAAI;gBACzC,MAAM,CAAC,KAAK,CAAC,GAAG,MAAM,CAAC,qBAAqB,EAAE,CAAC,KAAK,CAAC;AACzD,aAAC,CAAC,CAAC;YACH,MAAM,OAAO,GAAG,GAAG,CAAC,OAAO,CAAC,gBAAgB,CAAc,4BAA4B,CAAC,CAAC;YACxF,CAAC,GAAG,OAAO,CAAC,CAAC,OAAO,CAAC,CAAC,MAAM,EAAE,KAAK,KAAI;AACnC,gBAAA,MAAM,CAAC,KAAK,CAAC,WAAW,CAAC,OAAO,EAAE,CAAG,EAAA,MAAM,CAAC,KAAK,CAAC,CAAA,EAAA,CAAI,CAAC,CAAC;AACxD,gBAAA,MAAM,CAAC,KAAK,CAAC,WAAW,CAAC,WAAW,EAAE,CAAG,EAAA,MAAM,CAAC,KAAK,CAAC,CAAA,EAAA,CAAI,CAAC,CAAC;AAChE,aAAC,CAAC,CAAC;AACH,YAAA,IAAI,CAAC,KAAK,CAAC,WAAW,CAAC,eAAe,EAAE,CAAI,CAAA,EAAA,SAAS,CAAC,OAAO,CAAC,qBAAqB,EAAE,CAAC,MAAM,CAAA,EAAA,CAAI,CAAC,CAAC;SACrG;;;;;KAKJ,EAAE,CAAC,SAAS,EAAE,IAAI,EAAE,QAAQ,CAAC,CAAC,CAAC;IAEhC,eAAe,CAAC,MAAK;AACjB,QAAA,IAAI,IAAI,IAAI,YAAY,EAAE;AACtB,YAAA,SAAS,EAAE,CAAC;AACZ,YAAA,sBAAsB,GAAG,SAAS,EAAE,CAAC,CAAC,CAAC;YAEvC,OAAO,MAAM,wBAAwB,GAAG,SAAS,CAAC,CAAC;SACtD;QAED,OAAO,KAAK,CAAC,CAAC;AAClB,KAAC,EAAE,CAAC,IAAI,EAAE,YAAY,EAAE,SAAS,EAAE,sBAAsB,EAAE,wBAAwB,CAAC,CAAC,CAAC;IAEtF,QACIA,0BACK,YAAY;YACT,YAAY,CACRA,GAAO,CAAA,OAAA,EAAA,EAAA,GAAG,EAAE,GAAG,EAAE,SAAS,EAAE,UAAU,CAAC,MAAM,CAAC,KAAK,EAAE,UAAU,CAAC,cAAc,CAAC,EAAA,QAAA,EAC3EA,GACI,CAAA,OAAA,EAAA,EAAA,SAAS,EAAE,UAAU,CAAC,MAAM,CAAC,MAAM,EAAE;AACjC,wBAAA,CAAC,MAAM,CAAC,WAAW,GAAG,CAAC,CAAC,OAAO;qBAClC,CAAC,EACF,KAAK,EACD;wBACI,0BAA0B,EAAE,CAAG,EAAA,OAAO,CAAM,IAAA,CAAA;qBAC9B,EAEd,SAAA,EAAA,qBAAqB,EAE5B,QAAA,EAAA,QAAQ,EACL,CAAA,EAAA,CACJ,EACR,IAAI,CACP,EACN,CAAA,EACL;AACN;;;;"}
+{"version":3,"file":"StickyTableHeader.js","sources":["src/StickyTableHeader.tsx"],"sourcesContent":["import {\n    CSSProperties,\n    FC,\n    PropsWithChildren,\n    RefObject,\n    useCallback,\n    useContext,\n    useLayoutEffect,\n    useRef,\n} from 'react';\nimport { createPortal } from 'react-dom';\nimport classnames from 'classnames';\n\nimport { TokenBaseStaticSpace } from '@hh.ru/magritte-design-tokens/types';\nimport { TableContext } from '@hh.ru/magritte-ui-table/context';\n\nimport cellStyles from './cell.less';\nimport styles from './table.less';\n\ninterface StickyTableHeaderProps extends PropsWithChildren {\n    root: HTMLDivElement;\n    headerRef: RefObject<HTMLTableSectionElement>;\n    divider?: boolean;\n    density: TokenBaseStaticSpace;\n}\n\nexport const StickyTableHeader: FC<StickyTableHeaderProps> = ({ root, divider, density, headerRef, children }) => {\n    const ref = useRef<HTMLTableElement>(null);\n    const { fontLoaded: renderPortal, subscribeResizeHandler, unsubscribeResizeHandler } = useContext(TableContext);\n\n    const calcWidth = useCallback(() => {\n        if (ref.current && root && headerRef.current) {\n            const columnsHeader =\n                headerRef.current.querySelectorAll<HTMLTableCellElement>('[data-magritte-table-cell]');\n            const widths: number[] = [];\n            [...columnsHeader].forEach((column, index) => {\n                widths[index] = column.getBoundingClientRect().width;\n            });\n            const columns = ref.current.querySelectorAll<HTMLElement>('[data-magritte-table-cell]');\n            [...columns].forEach((column, index) => {\n                column.style.setProperty('width', `${widths[index]}px`);\n                column.style.setProperty('max-width', `${widths[index]}px`);\n            });\n            root.style.setProperty('margin-bottom', `-${headerRef.current.getBoundingClientRect().height}px`);\n        }\n        // *\n        // children стоит в зависимостях, тк есть кейсы, когда контент в ячейке может поменяться, а\n        // ячейка была по контенту и ее ширина изменилась - надо чтобы соответствующая колонка в стики шапке на это отреагировала и тоже поменяла свою ширину\n        // eslint-disable-next-line react-hooks/exhaustive-deps\n    }, [headerRef, root, children]);\n\n    useLayoutEffect(() => {\n        if (root && renderPortal) {\n            calcWidth();\n            subscribeResizeHandler?.(calcWidth, 1);\n\n            return () => unsubscribeResizeHandler?.(calcWidth);\n        }\n\n        return void 0;\n    }, [root, renderPortal, calcWidth, subscribeResizeHandler, unsubscribeResizeHandler]);\n\n    return (\n        <>\n            {renderPortal &&\n                createPortal(\n                    <table ref={ref} className={classnames(styles.table, cellStyles.duplicateTable)}>\n                        <thead\n                            className={classnames(styles.header, {\n                                [styles.withDivider]: !!divider,\n                            })}\n                            style={\n                                {\n                                    '--magritte-table-row-gap': `${density}px 0`,\n                                } as CSSProperties\n                            }\n                            data-qa=\"table-sticky-header\"\n                        >\n                            {children}\n                        </thead>\n                    </table>,\n                    root\n                )}\n        </>\n    );\n};\n"],"names":[],"mappings":";;;;;;;;AA0Ba,MAAA,iBAAA,GAAgD,CAAC,EAAE,IAAA,EAAM,SAAS,OAAS,EAAA,SAAA,EAAW,UAAe,KAAA;AAC9G,EAAM,MAAA,GAAA,GAAM,OAAyB,IAAI,CAAA,CAAA;AACzC,EAAA,MAAM,EAAE,UAAY,EAAA,YAAA,EAAc,wBAAwB,wBAAyB,EAAA,GAAI,WAAW,YAAY,CAAA,CAAA;AAE9G,EAAM,MAAA,SAAA,GAAY,YAAY,MAAM;AAChC,IAAA,IAAI,GAAI,CAAA,OAAA,IAAW,IAAQ,IAAA,SAAA,CAAU,OAAS,EAAA;AAC1C,MAAA,MAAM,aACF,GAAA,SAAA,CAAU,OAAQ,CAAA,gBAAA,CAAuC,4BAA4B,CAAA,CAAA;AACzF,MAAA,MAAM,SAAmB,EAAC,CAAA;AAC1B,MAAA,CAAC,GAAG,aAAa,CAAA,CAAE,OAAQ,CAAA,CAAC,QAAQ,KAAU,KAAA;AAC1C,QAAA,MAAA,CAAO,KAAK,CAAA,GAAI,MAAO,CAAA,qBAAA,EAAwB,CAAA,KAAA,CAAA;AAAA,OAClD,CAAA,CAAA;AACD,MAAA,MAAM,OAAU,GAAA,GAAA,CAAI,OAAQ,CAAA,gBAAA,CAA8B,4BAA4B,CAAA,CAAA;AACtF,MAAA,CAAC,GAAG,OAAO,CAAA,CAAE,OAAQ,CAAA,CAAC,QAAQ,KAAU,KAAA;AACpC,QAAA,MAAA,CAAO,MAAM,WAAY,CAAA,OAAA,EAAS,GAAG,MAAO,CAAA,KAAK,CAAC,CAAI,EAAA,CAAA,CAAA,CAAA;AACtD,QAAA,MAAA,CAAO,MAAM,WAAY,CAAA,WAAA,EAAa,GAAG,MAAO,CAAA,KAAK,CAAC,CAAI,EAAA,CAAA,CAAA,CAAA;AAAA,OAC7D,CAAA,CAAA;AACD,MAAK,IAAA,CAAA,KAAA,CAAM,YAAY,eAAiB,EAAA,CAAA,CAAA,EAAI,UAAU,OAAQ,CAAA,qBAAA,EAAwB,CAAA,MAAM,CAAI,EAAA,CAAA,CAAA,CAAA;AAAA,KACpG;AAAA,GAKD,EAAA,CAAC,SAAW,EAAA,IAAA,EAAM,QAAQ,CAAC,CAAA,CAAA;AAE9B,EAAA,eAAA,CAAgB,MAAM;AAClB,IAAA,IAAI,QAAQ,YAAc,EAAA;AACtB,MAAU,SAAA,EAAA,CAAA;AACV,MAAA,sBAAA,GAAyB,WAAW,CAAC,CAAA,CAAA;AAErC,MAAO,OAAA,MAAM,2BAA2B,SAAS,CAAA,CAAA;AAAA,KACrD;AAEA,IAAO,OAAA,KAAA,CAAA,CAAA;AAAA,KACR,CAAC,IAAA,EAAM,cAAc,SAAW,EAAA,sBAAA,EAAwB,wBAAwB,CAAC,CAAA,CAAA;AAEpF,EAAA,uCAES,QACG,EAAA,YAAA,IAAA,YAAA;AAAA,oBACI,GAAA,CAAC,WAAM,GAAU,EAAA,SAAA,EAAW,WAAW,MAAO,CAAA,KAAA,EAAO,UAAW,CAAA,cAAc,CAC1E,EAAA,QAAA,kBAAA,GAAA;AAAA,MAAC,OAAA;AAAA,MAAA;AAAA,QACG,SAAA,EAAW,UAAW,CAAA,MAAA,CAAO,MAAQ,EAAA;AAAA,UACjC,CAAC,MAAA,CAAO,WAAW,GAAG,CAAC,CAAC,OAAA;AAAA,SAC3B,CAAA;AAAA,QACD,KACI,EAAA;AAAA,UACI,0BAAA,EAA4B,GAAG,OAAO,CAAA,IAAA,CAAA;AAAA,SAC1C;AAAA,QAEJ,SAAQ,EAAA,qBAAA;AAAA,QAEP,QAAA;AAAA,OAAA;AAAA,KAET,EAAA,CAAA;AAAA,IACA,IAAA;AAAA,GAEZ,EAAA,CAAA,CAAA;AAER;;;;"}

package/Table.d.ts

@@ -1,3 +1,3 @@
 import { FC } from 'react';
-import { TableProps } from '@hh.ru/magritte-ui-table/types';
+import { TableProps } from './types';
 export declare const Table: FC<TableProps>;

package/Table.js

@@ -9,19 +9,19 @@ 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-BEEJBwlC.js';
+import './virtualized-list-DZqJXIA7.js';
 import './VirtualizedList/VirtualizedPanel.js';
 import './context.js';
 import './useTableResize.js';
-import './cell-DSmMms21.js';
-import './table-82HRmqkT.js';
+import './cell-7-Eiwyn4.js';
+import './table-CQ76yrLp.js';
 
 const Table = (props) => {
-    const { isMobile } = useBreakpoint();
-    if (isMobile) {
-        return null;
-    }
-    return jsx(BaseTable, { ...props });
+  const { isMobile } = useBreakpoint();
+  if (isMobile) {
+    return null;
+  }
+  return /* @__PURE__ */ jsx(BaseTable, { ...props });
 };
 
 export { Table };

package/Table.js.map

@@ -1 +1 @@
-{"version":3,"file":"Table.js","sources":["src/Table.tsx"],"sourcesContent":["import { FC } from 'react';\n\nimport { useBreakpoint } from '@hh.ru/magritte-ui-breakpoint';\nimport { BaseTable } from '@hh.ru/magritte-ui-table/BaseTable';\nimport { TableProps } from '@hh.ru/magritte-ui-table/types';\n\nexport const Table: FC<TableProps> = (props) => {\n    const { isMobile } = useBreakpoint();\n    if (isMobile) {\n        return null;\n    }\n\n    return <BaseTable {...props} />;\n};\n"],"names":["_jsx"],"mappings":";;;;;;;;;;;;;;;;;AAMa,MAAA,KAAK,GAAmB,CAAC,KAAK,KAAI;AAC3C,IAAA,MAAM,EAAE,QAAQ,EAAE,GAAG,aAAa,EAAE,CAAC;IACrC,IAAI,QAAQ,EAAE;AACV,QAAA,OAAO,IAAI,CAAC;KACf;AAED,IAAA,OAAOA,GAAC,CAAA,SAAS,EAAK,EAAA,GAAA,KAAK,GAAI,CAAC;AACpC;;;;"}
+{"version":3,"file":"Table.js","sources":["src/Table.tsx"],"sourcesContent":["import { FC } from 'react';\n\nimport { useBreakpoint } from '@hh.ru/magritte-ui-breakpoint';\nimport { BaseTable } from '@hh.ru/magritte-ui-table/BaseTable';\nimport { TableProps } from '@hh.ru/magritte-ui-table/types';\n\nexport const Table: FC<TableProps> = (props) => {\n    const { isMobile } = useBreakpoint();\n    if (isMobile) {\n        return null;\n    }\n\n    return <BaseTable {...props} />;\n};\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;AAMa,MAAA,KAAA,GAAwB,CAAC,KAAU,KAAA;AAC5C,EAAM,MAAA,EAAE,QAAS,EAAA,GAAI,aAAc,EAAA,CAAA;AACnC,EAAA,IAAI,QAAU,EAAA;AACV,IAAO,OAAA,IAAA,CAAA;AAAA,GACX;AAEA,EAAO,uBAAA,GAAA,CAAC,SAAW,EAAA,EAAA,GAAG,KAAO,EAAA,CAAA,CAAA;AACjC;;;;"}

package/TableBody.js

@@ -1,16 +1,19 @@
 import './index.css';
 import { jsx } from 'react/jsx-runtime';
 import { VirtualizedList } from './VirtualizedList/VirtualizedList.js';
-import { s as styles } from './table-82HRmqkT.js';
+import { s as styles } from './table-CQ76yrLp.js';
 import 'react';
 import 'classnames';
 import './VirtualizedList/context.js';
 import './VirtualizedList/useVirtualizedList.js';
 import '@tanstack/react-virtual';
-import './virtualized-list-BEEJBwlC.js';
+import './virtualized-list-DZqJXIA7.js';
 
-const TableBody = ({ 'data-qa': dataQa = 'table-body', children, }) => {
-    return (jsx(VirtualizedList, { className: styles.body, "data-qa": dataQa, Element: 'tbody', ElementItem: 'tr', children: children }));
+const TableBody = ({
+  "data-qa": dataQa = "table-body",
+  children
+}) => {
+  return /* @__PURE__ */ jsx(VirtualizedList, { className: styles.body, "data-qa": dataQa, Element: "tbody", ElementItem: "tr", children });
 };
 
 export { TableBody };

package/TableBody.js.map

@@ -1 +1 @@
-{"version":3,"file":"TableBody.js","sources":["src/TableBody.tsx"],"sourcesContent":["import { FC, PropsWithChildren } from 'react';\n\nimport { VirtualizedList } from '@hh.ru/magritte-ui-table/VirtualizedList/VirtualizedList';\n\nimport styles from './table.less';\n\nexport const TableBody: FC<PropsWithChildren<{ 'data-qa'?: string }>> = ({\n    'data-qa': dataQa = 'table-body',\n    children,\n}) => {\n    return (\n        <VirtualizedList className={styles.body} data-qa={dataQa} Element={'tbody'} ElementItem={'tr'}>\n            {children}\n        </VirtualizedList>\n    );\n};\n"],"names":["_jsx"],"mappings":";;;;;;;;;;AAMO,MAAM,SAAS,GAAkD,CAAC,EACrE,SAAS,EAAE,MAAM,GAAG,YAAY,EAChC,QAAQ,GACX,KAAI;IACD,QACIA,IAAC,eAAe,EAAA,EAAC,SAAS,EAAE,MAAM,CAAC,IAAI,EAAW,SAAA,EAAA,MAAM,EAAE,OAAO,EAAE,OAAO,EAAE,WAAW,EAAE,IAAI,EACxF,QAAA,EAAA,QAAQ,EACK,CAAA,EACpB;AACN;;;;"}
+{"version":3,"file":"TableBody.js","sources":["src/TableBody.tsx"],"sourcesContent":["import { FC, PropsWithChildren } from 'react';\n\nimport { VirtualizedList } from '@hh.ru/magritte-ui-table/VirtualizedList/VirtualizedList';\n\nimport styles from './table.less';\n\nexport const TableBody: FC<PropsWithChildren<{ 'data-qa'?: string }>> = ({\n    'data-qa': dataQa = 'table-body',\n    children,\n}) => {\n    return (\n        <VirtualizedList className={styles.body} data-qa={dataQa} Element={'tbody'} ElementItem={'tr'}>\n            {children}\n        </VirtualizedList>\n    );\n};\n"],"names":[],"mappings":";;;;;;;;;;AAMO,MAAM,YAA2D,CAAC;AAAA,EACrE,WAAW,MAAS,GAAA,YAAA;AAAA,EACpB,QAAA;AACJ,CAAM,KAAA;AACF,EACI,uBAAA,GAAA,CAAC,eAAgB,EAAA,EAAA,SAAA,EAAW,MAAO,CAAA,IAAA,EAAM,SAAS,EAAA,MAAA,EAAQ,OAAS,EAAA,OAAA,EAAS,WAAa,EAAA,IAAA,EACpF,QACL,EAAA,CAAA,CAAA;AAER;;;;"}

package/TableCell.d.ts

@@ -1,3 +1,3 @@
 import { PropsWithChildren } from 'react';
-import { TableCellProps } from '@hh.ru/magritte-ui-table/types';
+import { TableCellProps } from './types';
 export declare const TableCell: import("react").ForwardRefExoticComponent<PropsWithChildren<TableCellProps> & import("react").RefAttributes<HTMLTableCellElement>>;

package/TableCell.js

@@ -6,67 +6,91 @@ 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-DSmMms21.js';
-import { s as styles } from './table-82HRmqkT.js';
+import { c as cellStyles } from './cell-7-Eiwyn4.js';
+import { s as styles } from './table-CQ76yrLp.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);
-    const cssVars = isWidthObject
-        ? generateCssVarsFromMap({ width: _widthValue }, { width: '--table-cell-w' })
-        : { width: _widthValue, maxWidth: _widthValue };
-    const cellRef = useRef(null);
-    const multiRef = useMultipleRefs(ref, cellRef);
-    const extendsL = l ?? m;
-    const extendsXL = xl ?? extendsL;
-    const extendsXXL = xxl ?? extendsXL;
-    const { paddingRight, fontLoaded, subscribeResizeHandler, unsubscribeResizeHandler } = useContext(TableContext);
-    const { sidebarEnabled, showSidebarFrom } = useLayoutContext();
-    const calcCoordinates = useCallback(() => {
-        if (cellRef.current && cellRef.current.parentElement) {
-            cellRef.current.style.removeProperty('left');
-            cellRef.current.style.removeProperty('right');
-            const { left: parentLeft, right: parentRight } = cellRef.current.parentElement.getBoundingClientRect();
-            const { right, left } = cellRef.current.getBoundingClientRect();
-            if (stickyLeft) {
-                cellRef.current.style.setProperty('left', `${left - parentLeft}px`);
-            }
-            if (stickyRight && cellRef.current.parentElement) {
-                cellRef.current.style.setProperty('right', `${parentRight - right - (paddingRight ?? 0)}px`);
-            }
-        }
-    }, [paddingRight, stickyRight, stickyLeft]);
-    useLayoutEffect(() => {
-        if (fontLoaded && (stickyLeft || stickyRight)) {
-            calcCoordinates();
-            subscribeResizeHandler?.(calcCoordinates);
-            return () => unsubscribeResizeHandler?.(calcCoordinates);
-        }
-        return void 0;
-    }, [
-        stickyRight,
-        stickyLeft,
-        fontLoaded,
-        paddingRight,
-        calcCoordinates,
-        subscribeResizeHandler,
-        unsubscribeResizeHandler,
-    ]);
-    return (jsx(Element, { ...rest, "data-qa": dataQa, "data-magritte-table-cell": true, className: classnames(cellStyles.cell, styles.td, {
-            [cellStyles.noStretched]: !stretched,
-            [cellStyles.withWidth]: !!isWidthObject,
-            [cellStyles[`cell_m-${m}`]]: m,
-            [cellStyles[`cell_l-${extendsL}`]]: extendsL,
-            [cellStyles[`cell_xl-${extendsXL}`]]: extendsXL,
-            [cellStyles[`cell_xxl-${extendsXXL}`]]: extendsXXL,
-            [cellStyles[`with-sidebar-from-${showSidebarFrom}`]]: sidebarEnabled,
-            [cellStyles.sticky]: stickyLeft || stickyRight,
-            [cellStyles.stickyLeft]: stickyLeft,
-            [cellStyles.stickyRight]: stickyRight,
-        }), ref: multiRef, style: {
-            textAlign: align,
-            verticalAlign,
-            ...cssVars,
-        }, children: children }));
+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);
+  const cssVars = isWidthObject ? generateCssVarsFromMap({ width: _widthValue }, { width: "--table-cell-w" }) : { width: _widthValue, maxWidth: _widthValue };
+  const cellRef = useRef(null);
+  const multiRef = useMultipleRefs(ref, cellRef);
+  const extendsL = l ?? m;
+  const extendsXL = xl ?? extendsL;
+  const extendsXXL = xxl ?? extendsXL;
+  const { paddingRight, fontLoaded, subscribeResizeHandler, unsubscribeResizeHandler } = useContext(TableContext);
+  const { sidebarEnabled, showSidebarFrom } = useLayoutContext();
+  const calcCoordinates = useCallback(() => {
+    if (cellRef.current && cellRef.current.parentElement) {
+      cellRef.current.style.removeProperty("left");
+      cellRef.current.style.removeProperty("right");
+      const { left: parentLeft, right: parentRight } = cellRef.current.parentElement.getBoundingClientRect();
+      const { right, left } = cellRef.current.getBoundingClientRect();
+      if (stickyLeft) {
+        cellRef.current.style.setProperty("left", `${left - parentLeft}px`);
+      }
+      if (stickyRight && cellRef.current.parentElement) {
+        cellRef.current.style.setProperty("right", `${parentRight - right - (paddingRight ?? 0)}px`);
+      }
+    }
+  }, [paddingRight, stickyRight, stickyLeft]);
+  useLayoutEffect(() => {
+    if (fontLoaded && (stickyLeft || stickyRight)) {
+      calcCoordinates();
+      subscribeResizeHandler?.(calcCoordinates);
+      return () => unsubscribeResizeHandler?.(calcCoordinates);
+    }
+    return void 0;
+  }, [
+    stickyRight,
+    stickyLeft,
+    fontLoaded,
+    paddingRight,
+    calcCoordinates,
+    subscribeResizeHandler,
+    unsubscribeResizeHandler
+  ]);
+  return /* @__PURE__ */ jsx(
+    Element,
+    {
+      ...rest,
+      "data-qa": dataQa,
+      "data-magritte-table-cell": true,
+      className: classnames(cellStyles.cell, styles.td, {
+        [cellStyles.noStretched]: !stretched,
+        [cellStyles.withWidth]: !!isWidthObject,
+        [cellStyles[`cell_m-${m}`]]: m,
+        [cellStyles[`cell_l-${extendsL}`]]: extendsL,
+        [cellStyles[`cell_xl-${extendsXL}`]]: extendsXL,
+        [cellStyles[`cell_xxl-${extendsXXL}`]]: extendsXXL,
+        [cellStyles[`with-sidebar-from-${showSidebarFrom}`]]: sidebarEnabled,
+        [cellStyles.sticky]: stickyLeft || stickyRight,
+        [cellStyles.stickyLeft]: stickyLeft,
+        [cellStyles.stickyRight]: stickyRight
+      }),
+      ref: multiRef,
+      style: {
+        textAlign: align,
+        verticalAlign,
+        ...cssVars
+      },
+      children
+    }
+  );
 };
 const TableCell = forwardRef(TableCellComponent);
 

package/TableCell.js.map

@@ -1 +1 @@
-{"version":3,"file":"TableCell.js","sources":["src/TableCell.tsx"],"sourcesContent":["import {\n    PropsWithChildren,\n    useCallback,\n    useContext,\n    useLayoutEffect,\n    useRef,\n    forwardRef,\n    ForwardedRef,\n    CSSProperties,\n} from 'react';\nimport classnames from 'classnames';\n\nimport { useMultipleRefs } from '@hh.ru/magritte-common-use-multiple-refs';\nimport { useLayoutContext } from '@hh.ru/magritte-ui-grid/layoutContext';\nimport { generateCssVarsFromMap } from '@hh.ru/magritte-ui-layout';\nimport { TableContext } from '@hh.ru/magritte-ui-table/context';\nimport { TableCellProps } from '@hh.ru/magritte-ui-table/types';\n\nimport styles from './cell.less';\nimport tableStyles from './table.less';\n\nconst TableCellComponent = (\n    {\n        Element = 'td',\n        m,\n        l,\n        xl,\n        xxl,\n        width: _widthValue,\n        children,\n        stickyLeft,\n        stickyRight,\n        align,\n        verticalAlign,\n        stretched = true,\n        'data-qa': dataQa = 'table-cell',\n        ...rest\n    }: PropsWithChildren<TableCellProps>,\n    ref: ForwardedRef<HTMLTableCellElement>\n) => {\n    const isWidthObject = typeof _widthValue === 'object' && _widthValue !== null && !Array.isArray(_widthValue);\n    const cssVars = isWidthObject\n        ? generateCssVarsFromMap({ width: _widthValue }, { width: '--table-cell-w' })\n        : ({ width: _widthValue, maxWidth: _widthValue } as CSSProperties);\n\n    const cellRef = useRef<HTMLTableCellElement>(null);\n    const multiRef = useMultipleRefs(ref, cellRef);\n    const extendsL = l ?? m;\n    const extendsXL = xl ?? extendsL;\n    const extendsXXL = xxl ?? extendsXL;\n    const { paddingRight, fontLoaded, subscribeResizeHandler, unsubscribeResizeHandler } = useContext(TableContext);\n    const { sidebarEnabled, showSidebarFrom } = useLayoutContext();\n\n    const calcCoordinates = useCallback(() => {\n        if (cellRef.current && cellRef.current.parentElement) {\n            cellRef.current.style.removeProperty('left');\n            cellRef.current.style.removeProperty('right');\n            const { left: parentLeft, right: parentRight } = cellRef.current.parentElement.getBoundingClientRect();\n            const { right, left } = cellRef.current.getBoundingClientRect();\n            if (stickyLeft) {\n                cellRef.current.style.setProperty('left', `${left - parentLeft}px`);\n            }\n\n            if (stickyRight && cellRef.current.parentElement) {\n                cellRef.current.style.setProperty('right', `${parentRight - right - (paddingRight ?? 0)}px`);\n            }\n        }\n    }, [paddingRight, stickyRight, stickyLeft]);\n\n    useLayoutEffect(() => {\n        if (fontLoaded && (stickyLeft || stickyRight)) {\n            calcCoordinates();\n            subscribeResizeHandler?.(calcCoordinates);\n\n            return () => unsubscribeResizeHandler?.(calcCoordinates);\n        }\n\n        return void 0;\n    }, [\n        stickyRight,\n        stickyLeft,\n        fontLoaded,\n        paddingRight,\n        calcCoordinates,\n        subscribeResizeHandler,\n        unsubscribeResizeHandler,\n    ]);\n\n    return (\n        <Element\n            {...rest}\n            data-qa={dataQa}\n            data-magritte-table-cell\n            className={classnames(styles.cell, tableStyles.td, {\n                [styles.noStretched]: !stretched,\n                [styles.withWidth]: !!isWidthObject,\n                [styles[`cell_m-${m}`]]: m,\n                [styles[`cell_l-${extendsL}`]]: extendsL,\n                [styles[`cell_xl-${extendsXL}`]]: extendsXL,\n                [styles[`cell_xxl-${extendsXXL}`]]: extendsXXL,\n                [styles[`with-sidebar-from-${showSidebarFrom}`]]: sidebarEnabled,\n                [styles.sticky]: stickyLeft || stickyRight,\n                [styles.stickyLeft]: stickyLeft,\n                [styles.stickyRight]: stickyRight,\n            })}\n            ref={multiRef}\n            style={{\n                textAlign: align,\n                verticalAlign,\n                ...cssVars,\n            }}\n        >\n            {children}\n        </Element>\n    );\n};\nexport const TableCell = forwardRef(TableCellComponent);\n"],"names":["_jsx","styles","tableStyles"],"mappings":"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"}
+{"version":3,"file":"TableCell.js","sources":["src/TableCell.tsx"],"sourcesContent":["import {\n    PropsWithChildren,\n    useCallback,\n    useContext,\n    useLayoutEffect,\n    useRef,\n    forwardRef,\n    ForwardedRef,\n    CSSProperties,\n} from 'react';\nimport classnames from 'classnames';\n\nimport { useMultipleRefs } from '@hh.ru/magritte-common-use-multiple-refs';\nimport { useLayoutContext } from '@hh.ru/magritte-ui-grid/layoutContext';\nimport { generateCssVarsFromMap } from '@hh.ru/magritte-ui-layout';\nimport { TableContext } from '@hh.ru/magritte-ui-table/context';\nimport { TableCellProps } from '@hh.ru/magritte-ui-table/types';\n\nimport styles from './cell.less';\nimport tableStyles from './table.less';\n\nconst TableCellComponent = (\n    {\n        Element = 'td',\n        m,\n        l,\n        xl,\n        xxl,\n        width: _widthValue,\n        children,\n        stickyLeft,\n        stickyRight,\n        align,\n        verticalAlign,\n        stretched = true,\n        'data-qa': dataQa = 'table-cell',\n        ...rest\n    }: PropsWithChildren<TableCellProps>,\n    ref: ForwardedRef<HTMLTableCellElement>\n) => {\n    const isWidthObject = typeof _widthValue === 'object' && _widthValue !== null && !Array.isArray(_widthValue);\n    const cssVars = isWidthObject\n        ? generateCssVarsFromMap({ width: _widthValue }, { width: '--table-cell-w' })\n        : ({ width: _widthValue, maxWidth: _widthValue } as CSSProperties);\n\n    const cellRef = useRef<HTMLTableCellElement>(null);\n    const multiRef = useMultipleRefs(ref, cellRef);\n    const extendsL = l ?? m;\n    const extendsXL = xl ?? extendsL;\n    const extendsXXL = xxl ?? extendsXL;\n    const { paddingRight, fontLoaded, subscribeResizeHandler, unsubscribeResizeHandler } = useContext(TableContext);\n    const { sidebarEnabled, showSidebarFrom } = useLayoutContext();\n\n    const calcCoordinates = useCallback(() => {\n        if (cellRef.current && cellRef.current.parentElement) {\n            cellRef.current.style.removeProperty('left');\n            cellRef.current.style.removeProperty('right');\n            const { left: parentLeft, right: parentRight } = cellRef.current.parentElement.getBoundingClientRect();\n            const { right, left } = cellRef.current.getBoundingClientRect();\n            if (stickyLeft) {\n                cellRef.current.style.setProperty('left', `${left - parentLeft}px`);\n            }\n\n            if (stickyRight && cellRef.current.parentElement) {\n                cellRef.current.style.setProperty('right', `${parentRight - right - (paddingRight ?? 0)}px`);\n            }\n        }\n    }, [paddingRight, stickyRight, stickyLeft]);\n\n    useLayoutEffect(() => {\n        if (fontLoaded && (stickyLeft || stickyRight)) {\n            calcCoordinates();\n            subscribeResizeHandler?.(calcCoordinates);\n\n            return () => unsubscribeResizeHandler?.(calcCoordinates);\n        }\n\n        return void 0;\n    }, [\n        stickyRight,\n        stickyLeft,\n        fontLoaded,\n        paddingRight,\n        calcCoordinates,\n        subscribeResizeHandler,\n        unsubscribeResizeHandler,\n    ]);\n\n    return (\n        <Element\n            {...rest}\n            data-qa={dataQa}\n            data-magritte-table-cell\n            className={classnames(styles.cell, tableStyles.td, {\n                [styles.noStretched]: !stretched,\n                [styles.withWidth]: !!isWidthObject,\n                [styles[`cell_m-${m}`]]: m,\n                [styles[`cell_l-${extendsL}`]]: extendsL,\n                [styles[`cell_xl-${extendsXL}`]]: extendsXL,\n                [styles[`cell_xxl-${extendsXXL}`]]: extendsXXL,\n                [styles[`with-sidebar-from-${showSidebarFrom}`]]: sidebarEnabled,\n                [styles.sticky]: stickyLeft || stickyRight,\n                [styles.stickyLeft]: stickyLeft,\n                [styles.stickyRight]: stickyRight,\n            })}\n            ref={multiRef}\n            style={{\n                textAlign: align,\n                verticalAlign,\n                ...cssVars,\n            }}\n        >\n            {children}\n        </Element>\n    );\n};\nexport const TableCell = forwardRef(TableCellComponent);\n"],"names":["styles","tableStyles"],"mappings":"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"}

package/TableHeader.d.ts

@@ -1,3 +1,3 @@
 import { FC } from 'react';
-import { TableHeaderProps } from '@hh.ru/magritte-ui-table/types';
+import { TableHeaderProps } from './types';
 export declare const TableHeader: FC<TableHeaderProps>;

package/TableHeader.js

@@ -4,19 +4,45 @@ 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-82HRmqkT.js';
+import { s as styles } from './table-CQ76yrLp.js';
 import 'react-dom';
-import './cell-DSmMms21.js';
+import './cell-7-Eiwyn4.js';
 
-const TableHeader = ({ divider, density = 16, 'data-qa': dataQa = 'table-header', children, }) => {
-    const theadRef = useRef(null);
-    const tableContext = useContext(TableContext);
-    const withDivider = divider ?? tableContext.divider;
-    return (jsxs(Fragment, { children: [jsx("thead", { ref: theadRef, className: classnames(styles.header, {
-                    [styles.withDivider]: !!withDivider,
-                }), "data-qa": dataQa, style: {
-                    '--magritte-table-row-gap': `${density}px 0`,
-                }, children: children }), tableContext.stickyHeader && tableContext.headerNode && (jsx(StickyTableHeader, { root: tableContext.headerNode, headerRef: theadRef, divider: withDivider, density: density, children: children }))] }));
+const TableHeader = ({
+  divider,
+  density = 16,
+  "data-qa": dataQa = "table-header",
+  children
+}) => {
+  const theadRef = useRef(null);
+  const tableContext = useContext(TableContext);
+  const withDivider = divider ?? tableContext.divider;
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsx(
+      "thead",
+      {
+        ref: theadRef,
+        className: classnames(styles.header, {
+          [styles.withDivider]: !!withDivider
+        }),
+        "data-qa": dataQa,
+        style: {
+          "--magritte-table-row-gap": `${density}px 0`
+        },
+        children
+      }
+    ),
+    tableContext.stickyHeader && tableContext.headerNode && /* @__PURE__ */ jsx(
+      StickyTableHeader,
+      {
+        root: tableContext.headerNode,
+        headerRef: theadRef,
+        divider: withDivider,
+        density,
+        children
+      }
+    )
+  ] });
 };
 
 export { TableHeader };

package/TableHeader.js.map

@@ -1 +1 @@
-{"version":3,"file":"TableHeader.js","sources":["src/TableHeader.tsx"],"sourcesContent":["import { CSSProperties, FC, useContext, useRef } from 'react';\nimport classnames from 'classnames';\n\nimport { StickyTableHeader } from '@hh.ru/magritte-ui-table/StickyTableHeader';\nimport { TableContext } from '@hh.ru/magritte-ui-table/context';\nimport { TableHeaderProps } from '@hh.ru/magritte-ui-table/types';\n\nimport styles from './table.less';\n\nexport const TableHeader: FC<TableHeaderProps> = ({\n    divider,\n    density = 16,\n    'data-qa': dataQa = 'table-header',\n    children,\n}) => {\n    const theadRef = useRef<HTMLTableSectionElement>(null);\n    const tableContext = useContext(TableContext);\n    const withDivider = divider ?? tableContext.divider;\n\n    return (\n        <>\n            <thead\n                ref={theadRef}\n                className={classnames(styles.header, {\n                    [styles.withDivider]: !!withDivider,\n                })}\n                data-qa={dataQa}\n                style={\n                    {\n                        '--magritte-table-row-gap': `${density}px 0`,\n                    } as CSSProperties\n                }\n            >\n                {children}\n            </thead>\n            {tableContext.stickyHeader && tableContext.headerNode && (\n                <StickyTableHeader\n                    root={tableContext.headerNode}\n                    headerRef={theadRef}\n                    divider={withDivider}\n                    density={density}\n                >\n                    {children}\n                </StickyTableHeader>\n            )}\n        </>\n    );\n};\n"],"names":["_jsxs","_Fragment","_jsx"],"mappings":";;;;;;;;;MASa,WAAW,GAAyB,CAAC,EAC9C,OAAO,EACP,OAAO,GAAG,EAAE,EACZ,SAAS,EAAE,MAAM,GAAG,cAAc,EAClC,QAAQ,GACX,KAAI;AACD,IAAA,MAAM,QAAQ,GAAG,MAAM,CAA0B,IAAI,CAAC,CAAC;AACvD,IAAA,MAAM,YAAY,GAAG,UAAU,CAAC,YAAY,CAAC,CAAC;AAC9C,IAAA,MAAM,WAAW,GAAG,OAAO,IAAI,YAAY,CAAC,OAAO,CAAC;AAEpD,IAAA,QACIA,IAAA,CAAAC,QAAA,EAAA,EAAA,QAAA,EAAA,CACIC,GACI,CAAA,OAAA,EAAA,EAAA,GAAG,EAAE,QAAQ,EACb,SAAS,EAAE,UAAU,CAAC,MAAM,CAAC,MAAM,EAAE;AACjC,oBAAA,CAAC,MAAM,CAAC,WAAW,GAAG,CAAC,CAAC,WAAW;AACtC,iBAAA,CAAC,EACO,SAAA,EAAA,MAAM,EACf,KAAK,EACD;oBACI,0BAA0B,EAAE,CAAG,EAAA,OAAO,CAAM,IAAA,CAAA;AAC9B,iBAAA,EAAA,QAAA,EAGrB,QAAQ,EACL,CAAA,EACP,YAAY,CAAC,YAAY,IAAI,YAAY,CAAC,UAAU,KACjDA,GAAA,CAAC,iBAAiB,EACd,EAAA,IAAI,EAAE,YAAY,CAAC,UAAU,EAC7B,SAAS,EAAE,QAAQ,EACnB,OAAO,EAAE,WAAW,EACpB,OAAO,EAAE,OAAO,EAEf,QAAA,EAAA,QAAQ,GACO,CACvB,CAAA,EAAA,CACF,EACL;AACN;;;;"}
+{"version":3,"file":"TableHeader.js","sources":["src/TableHeader.tsx"],"sourcesContent":["import { CSSProperties, FC, useContext, useRef } from 'react';\nimport classnames from 'classnames';\n\nimport { StickyTableHeader } from '@hh.ru/magritte-ui-table/StickyTableHeader';\nimport { TableContext } from '@hh.ru/magritte-ui-table/context';\nimport { TableHeaderProps } from '@hh.ru/magritte-ui-table/types';\n\nimport styles from './table.less';\n\nexport const TableHeader: FC<TableHeaderProps> = ({\n    divider,\n    density = 16,\n    'data-qa': dataQa = 'table-header',\n    children,\n}) => {\n    const theadRef = useRef<HTMLTableSectionElement>(null);\n    const tableContext = useContext(TableContext);\n    const withDivider = divider ?? tableContext.divider;\n\n    return (\n        <>\n            <thead\n                ref={theadRef}\n                className={classnames(styles.header, {\n                    [styles.withDivider]: !!withDivider,\n                })}\n                data-qa={dataQa}\n                style={\n                    {\n                        '--magritte-table-row-gap': `${density}px 0`,\n                    } as CSSProperties\n                }\n            >\n                {children}\n            </thead>\n            {tableContext.stickyHeader && tableContext.headerNode && (\n                <StickyTableHeader\n                    root={tableContext.headerNode}\n                    headerRef={theadRef}\n                    divider={withDivider}\n                    density={density}\n                >\n                    {children}\n                </StickyTableHeader>\n            )}\n        </>\n    );\n};\n"],"names":[],"mappings":";;;;;;;;;AASO,MAAM,cAAoC,CAAC;AAAA,EAC9C,OAAA;AAAA,EACA,OAAU,GAAA,EAAA;AAAA,EACV,WAAW,MAAS,GAAA,cAAA;AAAA,EACpB,QAAA;AACJ,CAAM,KAAA;AACF,EAAM,MAAA,QAAA,GAAW,OAAgC,IAAI,CAAA,CAAA;AACrD,EAAM,MAAA,YAAA,GAAe,WAAW,YAAY,CAAA,CAAA;AAC5C,EAAM,MAAA,WAAA,GAAc,WAAW,YAAa,CAAA,OAAA,CAAA;AAE5C,EAAA,uBAEQ,IAAA,CAAA,QAAA,EAAA,EAAA,QAAA,EAAA;AAAA,oBAAA,GAAA;AAAA,MAAC,OAAA;AAAA,MAAA;AAAA,QACG,GAAK,EAAA,QAAA;AAAA,QACL,SAAA,EAAW,UAAW,CAAA,MAAA,CAAO,MAAQ,EAAA;AAAA,UACjC,CAAC,MAAA,CAAO,WAAW,GAAG,CAAC,CAAC,WAAA;AAAA,SAC3B,CAAA;AAAA,QACD,SAAS,EAAA,MAAA;AAAA,QACT,KACI,EAAA;AAAA,UACI,0BAAA,EAA4B,GAAG,OAAO,CAAA,IAAA,CAAA;AAAA,SAC1C;AAAA,QAGH,QAAA;AAAA,OAAA;AAAA,KACL;AAAA,IACC,YAAA,CAAa,YAAgB,IAAA,YAAA,CAAa,UACvC,oBAAA,GAAA;AAAA,MAAC,iBAAA;AAAA,MAAA;AAAA,QACG,MAAM,YAAa,CAAA,UAAA;AAAA,QACnB,SAAW,EAAA,QAAA;AAAA,QACX,OAAS,EAAA,WAAA;AAAA,QACT,OAAA;AAAA,QAEC,QAAA;AAAA,OAAA;AAAA,KACL;AAAA,GAER,EAAA,CAAA,CAAA;AAER;;;;"}

package/TableRow.d.ts

@@ -1,2 +1,2 @@
 import React from 'react';
-export declare const TableRow: React.ForwardRefExoticComponent<import("@hh.ru/magritte-ui-table/types").TableRowBaseProps & Omit<React.HTMLAttributes<HTMLTableRowElement>, keyof import("@hh.ru/magritte-ui-table/types").TableRowBaseProps> & React.RefAttributes<HTMLTableRowElement>>;
+export declare const TableRow: React.ForwardRefExoticComponent<import("./types").TableRowBaseProps & Omit<React.HTMLAttributes<HTMLTableRowElement>, keyof import("./types").TableRowBaseProps> & React.RefAttributes<HTMLTableRowElement>>;