@semcore/data-table 3.0.8 → 3.1.0

package/CHANGELOG.md

@@ -2,6 +2,24 @@
 
 CHANGELOG.md standards are inspired by [keepachangelog.com](https://keepachangelog.com/en/1.0.0/).
 
+## [3.1.0] - 2022-07-18
+
+### Changed
+
+- Add `onScroll` callback for `<Body/>`.
+
+## [3.0.10] - 2022-07-07
+
+### Changed
+
+- Version patch update due to children dependencies update (`@semcore/icon` [2.27.0 ~> 2.28.0], `@semcore/utils` [3.33.0 ~> 3.34.0]).
+
+## [3.0.9] - 2022-07-04
+
+### Fixed
+
+- Fixed scrolling of table when enable virtual scrolling.
+
 ## [3.0.8] - 2022-06-09
 
 ### Changed

package/README.md

@@ -0,0 +1,67 @@
+# @semcore/data-table
+
+[![version](https://img.shields.io/npm/v/@semcore/data-table.svg)](https://www.npmjs.com/@semcore/data-table)
+[![downloads](https://img.shields.io/npm/dt/@semcore/data-table.svg)](https://www.npmjs.com/package/@semcore/data-table)
+[![License: MIT](https://img.shields.io/badge/License-MIT-green.svg)](https://github.com/semrush/intergalactic/blob/master/LICENSE)
+
+> This component is part of the Intergalactic design system
+
+### 📖 [Component documentation](https://developer.semrush.com/intergalactic/table-group/data-table/)
+
+### 🏠 [Design system](https://developer.semrush.com/intergalactic/)
+
+## Install
+
+```sh
+npm install @semcore/ui
+```
+
+## Usage
+
+```jsx
+import DataTable from '@semcore/ui/data-table';
+```
+
+<details>
+  <summary>Alternative installation and use</summary>
+
+**We do not recommend this usage path due to possible dependency and update issues.**
+
+### Install
+
+You can only install one package from the design system
+
+```sh
+npm install @semcore/data-table @semcore/core
+```
+
+`@semcore/core` - _is the basic package by which we create our components, and it contains all of the common logic
+of the components that is discussed below. There should only be one version of the package in the project._
+
+### Usage
+
+You can use the package the same way but without `/ui/` in the import path.
+
+```jsx
+import DataTable from '@semcore/data-table';
+```
+
+</details>
+
+## 👤 Author
+
+[UI-kit team](https://github.com/semrush/intergalactic/blob/master/MAINTAINERS) and [others ❤️](https://github.com/semrush/intergalactic/graphs/contributors)
+
+## 🤝 Contributing
+
+Contributions, issues and feature requests are welcome!
+
+Feel free to check [issues page](https://github.com/semrush/intergalactic/issues). You can also take a look at the [contributing guide](https://github.com/semrush/intergalactic/blob/master/CONTRIBUTING.md).
+
+## Show your support
+
+Give a ⭐️ if this project helped you!
+
+## 📝 License
+
+This project is [MIT](https://github.com/semrush/intergalactic/blob/master/LICENSE) licensed.

package/lib/cjs/Body.js

@@ -71,14 +71,14 @@ var scrollStyles = (
 /*__reshadow_css_start__*/
 _core.sstyled.insert(
 /*__inner_css_start__*/
-".___SShadowHorizontal_1w6je_gg_:before{left:var(--left_1jfuf14)!important}.___SShadowHorizontal_1w6je_gg_:after{right:var(--right_1jfuf14)!important}"
+".___SShadowHorizontal_1xvig_gg_:before{left:var(--left_1xvig)!important}.___SShadowHorizontal_1xvig_gg_:after{right:var(--right_1xvig)!important}"
 /*__inner_css_end__*/
-, "1jfuf14_gg_")
+, "1xvig_gg_")
 /*__reshadow_css_end__*/
 , {
-  "__SShadowHorizontal": "___SShadowHorizontal_1w6je_gg_",
-  "--left": "--left_1jfuf14",
-  "--right": "--right_1jfuf14"
+  "__SShadowHorizontal": "___SShadowHorizontal_1xvig_gg_",
+  "--left": "--left_1xvig",
+  "--right": "--right_1xvig"
 });
 var testEnv = process.env.NODE_ENV === 'test';
 
@@ -370,7 +370,8 @@ var Body = /*#__PURE__*/function (_Component) {
           columns = _this$asProps3.columns,
           $scrollRef = _this$asProps3.$scrollRef,
           virtualScroll = _this$asProps3.virtualScroll,
-          onResize = _this$asProps3.onResize;
+          onResize = _this$asProps3.onResize,
+          onScroll = _this$asProps3.onScroll;
       var columnsInitialized = columns.reduce(function (sum, _ref9) {
         var width = _ref9.width;
         return sum + width;
@@ -397,7 +398,7 @@ var Body = /*#__PURE__*/function (_Component) {
         "use:left": "".concat(offsetLeftSum, "px"),
         "use:right": "".concat(offsetRightSum, "px"),
         "onResize": (0, _assignProps2.callAllEventHandlers)(onResize, this.handleScrollAreaResize),
-        "onScroll": this.handleScrollAreaScroll
+        "onScroll": (0, _assignProps2.callAllEventHandlers)(onScroll, this.handleScrollAreaScroll)
       }), /*#__PURE__*/_react["default"].createElement(_scrollArea["default"].Container, {
         ref: $scrollRef
       }, /*#__PURE__*/_react["default"].createElement(SBody, _ref5.cn("SBody", _objectSpread({}, (0, _core.assignProps)({}, _ref))), holdHeight && /*#__PURE__*/_react["default"].createElement(SHeightHold, _ref5.cn("SHeightHold", {

package/lib/cjs/Body.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/Body.tsx"],"names":["testEnv","process","env","NODE_ENV","getCellsByColumn","cells","flattenCells","flat","Object","fromEntries","map","cell","name","data","Body","rowHeight","undefined","scrollAreaHeight","scrollOffset","React","createRef","virtualScroll","asProps","rowHeightFromProps","state","entries","contentRect","height","setState","oldState","event","target","scrollTop","firstRowRef","current","firstRowResizeObserver","ResizeObserver","handleFirstRowResize","observe","rowData","index","SCell","Flex","styles","columns","use","Array","isArray","SGroupCell","renderRows","column","find","c","value","vars","cssVar","props","children","justifyContent","style","width","length","join","cellPropsLayers","cellPropLayer","childrenPropsGetter","p","other","propsCell","fixed","theme","dataIndex","topOffset","nested","SRow","Box","rowPropsLayers","uniqueKey","flatRowData","key","String","needToMeasureHeight","renderCells","active","positioned","top","ref","rowPropsLayer","propsRow","rows","renderRow","getRowHeight","tollerance","startIndex","Math","max","floor","lastIndex","min","ceil","needToMeasureFirstRowHeight","firstRow","visibleRows","slice","processedVisibleRows","unshift","disconnect","SBody","SBodyWrapper","SScrollAreaBar","ScrollArea","Bar","SHeightHold","Children","$scrollRef","onResize","columnsInitialized","reduce","sum","offsetLeftSum","offsetRightSum","offsetSum","holdHeight","Promise","setupRowSizeObserver","scrollStyles","handleScrollAreaResize","handleScrollAreaScroll","renderVirtualizedRows","origin","Component"],"mappings":"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","sourcesContent":["import React from 'react';\nimport { Component, sstyled, Root } from '@semcore/core';\nimport { Box, Flex, IBoxProps } from '@semcore/flex-box';\nimport ScrollArea from '@semcore/scroll-area';\nimport { getFixedStyle, getScrollOffsetValue } from './utils';\nimport { RowData, Column, NestedCells, PropsLayer, Cell } from './types';\nimport assignProps, { callAllEventHandlers } from '@semcore/utils/lib/assignProps';\nimport ResizeObserver from 'resize-observer-polyfill';\nimport scrollStyles from './style/scroll-area.shadow.css';\nimport syncScroll from '@semcore/utils/lib/syncScroll';\nimport trottle from '@semcore/utils/lib/rafTrottle';\n\nconst testEnv = process.env.NODE_ENV === 'test';\n\nconst getCellsByColumn = (cells: NestedCells): RowData => {\n  const flattenCells = cells.flat(20) as Cell[];\n  return Object.fromEntries(flattenCells.map((cell) => [cell.name, cell.data]));\n};\n\ntype AsProps = {\n  rows: NestedCells[];\n  columns: Column[];\n  $scrollRef: ReturnType<ReturnType<typeof syncScroll>>;\n  onResize: ResizeObserverCallback;\n  rowPropsLayers: PropsLayer[];\n  use: 'primary' | 'secondary';\n  uniqueKey: string;\n  virtualScroll?: boolean | { tollerance?: number; rowHeight?: number };\n};\n\ntype State = {\n  rowHeight: number | undefined;\n  scrollAreaHeight: undefined | number;\n  scrollOffset: number;\n};\n\nclass Body extends Component<AsProps, State> {\n  state: State = {\n    rowHeight: undefined,\n    scrollAreaHeight: undefined,\n    scrollOffset: 0,\n  };\n\n  firstRowRef = React.createRef<HTMLElement>();\n  firstRowResizeObserver: ResizeObserver | null = null;\n\n  getRowHeight = () => {\n    const { virtualScroll } = this.asProps;\n    const rowHeightFromProps = typeof virtualScroll === 'object' && virtualScroll?.rowHeight;\n    return rowHeightFromProps || this.state.rowHeight;\n  };\n\n  renderCells(cells: NestedCells, rowData: RowData, index: number) {\n    const SCell = Flex;\n    const { styles, columns, use } = this.asProps;\n    return cells.map((cell) => {\n      if (Array.isArray(cell)) {\n        const SGroupCell = 'div';\n        return sstyled(styles)(\n          <SGroupCell data-ui-name=\"group-cell\">\n            {this.renderRows(cell as NestedCells[])}\n          </SGroupCell>,\n        );\n      } else {\n        const column = columns.find((c) => c.name === cell.name);\n        const [name, value] = getFixedStyle(cell, columns);\n        const vars = (Array.isArray(cell.cssVar) ? cell.cssVar : [cell.cssVar]).map(\n          (name) => `var(${name})`,\n        );\n        type CellProps = IBoxProps & {\n          name: string;\n          children: React.ReactNode;\n          style: React.CSSProperties;\n        };\n\n        let props: CellProps = {\n          name: cell.name,\n          children: <>{cell.data}</>,\n          justifyContent: column?.props?.justifyContent,\n          style: {\n            width: vars.length === 1 ? vars[0] : `calc(${vars.join(' + ')})`,\n          },\n        };\n        if (name !== undefined && value !== undefined) {\n          props.style[name] = value;\n        }\n\n        for (const cellPropLayer of cell.cellPropsLayers || []) {\n          const { childrenPropsGetter = (p) => p, ...other } = cellPropLayer;\n          const propsCell = assignProps(other, props);\n          props = assignProps(childrenPropsGetter(propsCell, rowData, index), propsCell);\n        }\n\n        return sstyled(styles)(\n          <SCell key={cell.name} {...props} fixed={cell.fixed} theme={props.theme} use={use} />,\n        ) as React.ReactElement;\n      }\n    }, [] as React.ReactElement[]);\n  }\n\n  renderRow(\n    cells: NestedCells,\n    { dataIndex, topOffset, nested }: { dataIndex: number; topOffset?: number; nested: boolean },\n  ) {\n    const SRow = Box;\n    const { styles, rowPropsLayers, uniqueKey, virtualScroll } = this.asProps;\n    const rowHeightFromProps = typeof virtualScroll === 'object' && virtualScroll?.rowHeight;\n\n    const rowData = cells.flatRowData || getCellsByColumn(cells);\n    const key = rowData[uniqueKey] ? String(rowData[uniqueKey]) : `row_${dataIndex}`;\n    const needToMeasureHeight = dataIndex === 0 && !nested && !rowHeightFromProps;\n\n    let props = {\n      children: this.renderCells(cells, rowData, dataIndex),\n      theme: undefined,\n      active: undefined,\n      positioned: topOffset !== undefined,\n      top: topOffset,\n      ref: needToMeasureHeight ? this.firstRowRef : undefined,\n      key,\n    };\n\n    for (const rowPropsLayer of rowPropsLayers) {\n      const { childrenPropsGetter = (p) => p, ...other } = rowPropsLayer;\n      const propsRow = assignProps(other, props);\n      props = assignProps(childrenPropsGetter(propsRow, rowData, dataIndex), propsRow);\n    }\n\n    return sstyled(styles)(<SRow {...props} />);\n  }\n\n  renderRows(rows: NestedCells[]) {\n    return rows.map((cells, dataIndex) => this.renderRow(cells, { dataIndex, nested: false }));\n  }\n\n  renderVirtualizedRows(rows: NestedCells[]) {\n    if (rows.length === 0) return [];\n\n    const { virtualScroll } = this.asProps;\n    const { scrollOffset, scrollAreaHeight } = this.state;\n    const rowHeight = this.getRowHeight();\n\n    const tollerance = (typeof virtualScroll === 'object' ? virtualScroll?.tollerance : 2) ?? 2;\n    const startIndex = Math.max(Math.floor(scrollOffset / rowHeight!) - tollerance, 0);\n    const lastIndex = Math.min(\n      Math.ceil((scrollOffset + scrollAreaHeight!) / rowHeight!) + tollerance,\n      rows.length,\n    );\n\n    const rowHeightFromProps = typeof virtualScroll === 'object' && virtualScroll?.rowHeight;\n    const needToMeasureFirstRowHeight = !rowHeightFromProps;\n\n    const firstRow = { cells: rows[0], dataIndex: 0, topOffset: 0 };\n    const visibleRows = rowHeight !== undefined ? rows.slice(startIndex, lastIndex) : [];\n    const processedVisibleRows = visibleRows.map((cells, index) => ({\n      cells,\n      dataIndex: startIndex + index,\n      topOffset: rowHeight! * (startIndex + index),\n    }));\n    if (needToMeasureFirstRowHeight && startIndex !== 0) {\n      processedVisibleRows.unshift(firstRow);\n    }\n\n    return processedVisibleRows.map(({ cells, dataIndex, topOffset }) =>\n      this.renderRow(cells, { dataIndex, topOffset, nested: false }),\n    );\n  }\n\n  handleFirstRowResize = trottle((entries: ResizeObserverEntry[]) => {\n    const { contentRect } = entries[0];\n    const { height } = contentRect;\n    this.setState((oldState: State) => {\n      if (oldState.rowHeight === height) return oldState;\n      return { rowHeight: height };\n    });\n  });\n\n  handleScrollAreaResize = trottle((entries: ResizeObserverEntry[]) => {\n    const { virtualScroll } = this.asProps;\n    if (!virtualScroll) return;\n    const { contentRect } = entries[0];\n    const { height } = contentRect;\n    this.setState((oldState: State) => {\n      if (oldState.scrollAreaHeight === height) return oldState;\n      return { scrollAreaHeight: height };\n    });\n  });\n\n  handleScrollAreaScroll = (event: React.SyntheticEvent<HTMLElement>) => {\n    const { scrollTop } = event.target as HTMLElement;\n    const { virtualScroll } = this.asProps;\n    if (virtualScroll) {\n      this.setState((oldState: State) => {\n        if (oldState.scrollOffset === scrollTop) return oldState;\n        return { scrollOffset: scrollTop };\n      });\n    }\n  };\n\n  setupRowSizeObserver = () => {\n    if (!this.firstRowRef.current) return;\n    if (!this.asProps.virtualScroll) return;\n    this.firstRowResizeObserver = new ResizeObserver(this.handleFirstRowResize);\n    this.firstRowResizeObserver.observe(this.firstRowRef.current);\n  };\n\n  componentWillUnmount() {\n    this.firstRowResizeObserver?.disconnect();\n  }\n\n  render() {\n    const SBody = Root;\n    const SBodyWrapper = Box;\n    const SScrollAreaBar = ScrollArea.Bar;\n    const SHeightHold = Box;\n    const { Children, styles, rows, columns, $scrollRef, virtualScroll, onResize } = this.asProps;\n\n    const columnsInitialized = columns.reduce((sum, { width }) => sum + width, 0) > 0 || testEnv;\n\n    const [offsetLeftSum, offsetRightSum] = getScrollOffsetValue(columns);\n    const offsetSum = offsetLeftSum + offsetRightSum;\n\n    const rowHeight = this.getRowHeight();\n    const holdHeight =\n      rowHeight !== undefined && virtualScroll ? rowHeight * rows.length : undefined;\n\n    if (virtualScroll && columnsInitialized && !rowHeight) {\n      new Promise(() => this.setupRowSizeObserver());\n    }\n\n    return sstyled(styles)(\n      <SBodyWrapper>\n        <ScrollArea\n          shadow\n          styles={scrollStyles}\n          use:left={`${offsetLeftSum}px`}\n          use:right={`${offsetRightSum}px`}\n          onResize={callAllEventHandlers(onResize, this.handleScrollAreaResize)}\n          onScroll={this.handleScrollAreaScroll}\n        >\n          <ScrollArea.Container ref={$scrollRef}>\n            <SBody render={Box}>\n              {holdHeight && <SHeightHold hMin={holdHeight} aria-hidden={true} />}\n              {columnsInitialized && !virtualScroll ? this.renderRows(rows) : null}\n              {columnsInitialized && virtualScroll ? this.renderVirtualizedRows(rows) : null}\n            </SBody>\n          </ScrollArea.Container>\n          <SScrollAreaBar\n            orientation=\"horizontal\"\n            left={`${offsetLeftSum}px`}\n            right={`${offsetRightSum}px`}\n            offsetSum={`${offsetSum}px`}\n          />\n          <SScrollAreaBar orientation=\"vertical\" />\n        </ScrollArea>\n        {Children.origin}\n      </SBodyWrapper>,\n    );\n  }\n}\n\nexport default Body;\n"],"file":"Body.js"}
+{"version":3,"sources":["../../src/Body.tsx"],"names":["testEnv","process","env","NODE_ENV","getCellsByColumn","cells","flattenCells","flat","Object","fromEntries","map","cell","name","data","Body","rowHeight","undefined","scrollAreaHeight","scrollOffset","React","createRef","virtualScroll","asProps","rowHeightFromProps","state","entries","contentRect","height","setState","oldState","event","target","scrollTop","firstRowRef","current","firstRowResizeObserver","ResizeObserver","handleFirstRowResize","observe","rowData","index","SCell","Flex","styles","columns","use","Array","isArray","SGroupCell","renderRows","column","find","c","value","vars","cssVar","props","children","justifyContent","style","width","length","join","cellPropsLayers","cellPropLayer","childrenPropsGetter","p","other","propsCell","fixed","theme","dataIndex","topOffset","nested","SRow","Box","rowPropsLayers","uniqueKey","flatRowData","key","String","needToMeasureHeight","renderCells","active","positioned","top","ref","rowPropsLayer","propsRow","rows","renderRow","getRowHeight","tollerance","startIndex","Math","max","floor","lastIndex","min","ceil","needToMeasureFirstRowHeight","firstRow","visibleRows","slice","processedVisibleRows","unshift","disconnect","SBody","SBodyWrapper","SScrollAreaBar","ScrollArea","Bar","SHeightHold","Children","$scrollRef","onResize","onScroll","columnsInitialized","reduce","sum","offsetLeftSum","offsetRightSum","offsetSum","holdHeight","Promise","setupRowSizeObserver","scrollStyles","handleScrollAreaResize","handleScrollAreaScroll","renderVirtualizedRows","origin","Component"],"mappings":"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","sourcesContent":["import React from 'react';\nimport { Component, sstyled, Root } from '@semcore/core';\nimport { Box, Flex, IBoxProps } from '@semcore/flex-box';\nimport ScrollArea from '@semcore/scroll-area';\nimport { getFixedStyle, getScrollOffsetValue } from './utils';\nimport { RowData, Column, NestedCells, PropsLayer, Cell } from './types';\nimport assignProps, { callAllEventHandlers } from '@semcore/utils/lib/assignProps';\nimport ResizeObserver from 'resize-observer-polyfill';\nimport scrollStyles from './style/scroll-area.shadow.css';\nimport syncScroll from '@semcore/utils/lib/syncScroll';\nimport trottle from '@semcore/utils/lib/rafTrottle';\n\nconst testEnv = process.env.NODE_ENV === 'test';\n\nconst getCellsByColumn = (cells: NestedCells): RowData => {\n  const flattenCells = cells.flat(20) as Cell[];\n  return Object.fromEntries(flattenCells.map((cell) => [cell.name, cell.data]));\n};\n\ntype AsProps = {\n  rows: NestedCells[];\n  columns: Column[];\n  $scrollRef: ReturnType<ReturnType<typeof syncScroll>>;\n  onResize: ResizeObserverCallback;\n  onScroll?: (event: React.SyntheticEvent<HTMLElement>) => void;\n  rowPropsLayers: PropsLayer[];\n  use: 'primary' | 'secondary';\n  uniqueKey: string;\n  virtualScroll?: boolean | { tollerance?: number; rowHeight?: number };\n};\n\ntype State = {\n  rowHeight: number | undefined;\n  scrollAreaHeight: undefined | number;\n  scrollOffset: number;\n};\n\nclass Body extends Component<AsProps, State> {\n  state: State = {\n    rowHeight: undefined,\n    scrollAreaHeight: undefined,\n    scrollOffset: 0,\n  };\n\n  firstRowRef = React.createRef<HTMLElement>();\n  firstRowResizeObserver: ResizeObserver | null = null;\n\n  getRowHeight = () => {\n    const { virtualScroll } = this.asProps;\n    const rowHeightFromProps = typeof virtualScroll === 'object' && virtualScroll?.rowHeight;\n    return rowHeightFromProps || this.state.rowHeight;\n  };\n\n  renderCells(cells: NestedCells, rowData: RowData, index: number) {\n    const SCell = Flex;\n    const { styles, columns, use } = this.asProps;\n    return cells.map((cell) => {\n      if (Array.isArray(cell)) {\n        const SGroupCell = 'div';\n        return sstyled(styles)(\n          <SGroupCell data-ui-name=\"group-cell\">\n            {this.renderRows(cell as NestedCells[])}\n          </SGroupCell>,\n        );\n      } else {\n        const column = columns.find((c) => c.name === cell.name);\n        const [name, value] = getFixedStyle(cell, columns);\n        const vars = (Array.isArray(cell.cssVar) ? cell.cssVar : [cell.cssVar]).map(\n          (name) => `var(${name})`,\n        );\n        type CellProps = IBoxProps & {\n          name: string;\n          children: React.ReactNode;\n          style: React.CSSProperties;\n        };\n\n        let props: CellProps = {\n          name: cell.name,\n          children: <>{cell.data}</>,\n          justifyContent: column?.props?.justifyContent,\n          style: {\n            width: vars.length === 1 ? vars[0] : `calc(${vars.join(' + ')})`,\n          },\n        };\n        if (name !== undefined && value !== undefined) {\n          props.style[name] = value;\n        }\n\n        for (const cellPropLayer of cell.cellPropsLayers || []) {\n          const { childrenPropsGetter = (p) => p, ...other } = cellPropLayer;\n          const propsCell = assignProps(other, props);\n          props = assignProps(childrenPropsGetter(propsCell, rowData, index), propsCell);\n        }\n\n        return sstyled(styles)(\n          <SCell key={cell.name} {...props} fixed={cell.fixed} theme={props.theme} use={use} />,\n        ) as React.ReactElement;\n      }\n    }, [] as React.ReactElement[]);\n  }\n\n  renderRow(\n    cells: NestedCells,\n    { dataIndex, topOffset, nested }: { dataIndex: number; topOffset?: number; nested: boolean },\n  ) {\n    const SRow = Box;\n    const { styles, rowPropsLayers, uniqueKey, virtualScroll } = this.asProps;\n    const rowHeightFromProps = typeof virtualScroll === 'object' && virtualScroll?.rowHeight;\n\n    const rowData = cells.flatRowData || getCellsByColumn(cells);\n    const key = rowData[uniqueKey] ? String(rowData[uniqueKey]) : `row_${dataIndex}`;\n    const needToMeasureHeight = dataIndex === 0 && !nested && !rowHeightFromProps;\n\n    let props = {\n      children: this.renderCells(cells, rowData, dataIndex),\n      theme: undefined,\n      active: undefined,\n      positioned: topOffset !== undefined,\n      top: topOffset,\n      ref: needToMeasureHeight ? this.firstRowRef : undefined,\n      key,\n    };\n\n    for (const rowPropsLayer of rowPropsLayers) {\n      const { childrenPropsGetter = (p) => p, ...other } = rowPropsLayer;\n      const propsRow = assignProps(other, props);\n      props = assignProps(childrenPropsGetter(propsRow, rowData, dataIndex), propsRow);\n    }\n\n    return sstyled(styles)(<SRow {...props} />);\n  }\n\n  renderRows(rows: NestedCells[]) {\n    return rows.map((cells, dataIndex) => this.renderRow(cells, { dataIndex, nested: false }));\n  }\n\n  renderVirtualizedRows(rows: NestedCells[]) {\n    if (rows.length === 0) return [];\n\n    const { virtualScroll } = this.asProps;\n    const { scrollOffset, scrollAreaHeight } = this.state;\n    const rowHeight = this.getRowHeight();\n\n    const tollerance = (typeof virtualScroll === 'object' ? virtualScroll?.tollerance : 2) ?? 2;\n    const startIndex = Math.max(Math.floor(scrollOffset / rowHeight!) - tollerance, 0);\n    const lastIndex = Math.min(\n      Math.ceil((scrollOffset + scrollAreaHeight!) / rowHeight!) + tollerance,\n      rows.length,\n    );\n\n    const rowHeightFromProps = typeof virtualScroll === 'object' && virtualScroll?.rowHeight;\n    const needToMeasureFirstRowHeight = !rowHeightFromProps;\n\n    const firstRow = { cells: rows[0], dataIndex: 0, topOffset: 0 };\n    const visibleRows = rowHeight !== undefined ? rows.slice(startIndex, lastIndex) : [];\n    const processedVisibleRows = visibleRows.map((cells, index) => ({\n      cells,\n      dataIndex: startIndex + index,\n      topOffset: rowHeight! * (startIndex + index),\n    }));\n    if (needToMeasureFirstRowHeight && startIndex !== 0) {\n      processedVisibleRows.unshift(firstRow);\n    }\n\n    return processedVisibleRows.map(({ cells, dataIndex, topOffset }) =>\n      this.renderRow(cells, { dataIndex, topOffset, nested: false }),\n    );\n  }\n\n  handleFirstRowResize = trottle((entries: ResizeObserverEntry[]) => {\n    const { contentRect } = entries[0];\n    const { height } = contentRect;\n    this.setState((oldState: State) => {\n      if (oldState.rowHeight === height) return oldState;\n      return { rowHeight: height };\n    });\n  });\n\n  handleScrollAreaResize = trottle((entries: ResizeObserverEntry[]) => {\n    const { virtualScroll } = this.asProps;\n    if (!virtualScroll) return;\n    const { contentRect } = entries[0];\n    const { height } = contentRect;\n    this.setState((oldState: State) => {\n      if (oldState.scrollAreaHeight === height) return oldState;\n      return { scrollAreaHeight: height };\n    });\n  });\n\n  handleScrollAreaScroll = (event: React.SyntheticEvent<HTMLElement>) => {\n    const { scrollTop } = event.target as HTMLElement;\n    const { virtualScroll } = this.asProps;\n    if (virtualScroll) {\n      this.setState((oldState: State) => {\n        if (oldState.scrollOffset === scrollTop) return oldState;\n        return { scrollOffset: scrollTop };\n      });\n    }\n  };\n\n  setupRowSizeObserver = () => {\n    if (!this.firstRowRef.current) return;\n    if (!this.asProps.virtualScroll) return;\n    this.firstRowResizeObserver = new ResizeObserver(this.handleFirstRowResize);\n    this.firstRowResizeObserver.observe(this.firstRowRef.current);\n  };\n\n  componentWillUnmount() {\n    this.firstRowResizeObserver?.disconnect();\n  }\n\n  render() {\n    const SBody = Root;\n    const SBodyWrapper = Box;\n    const SScrollAreaBar = ScrollArea.Bar;\n    const SHeightHold = Box;\n    const { Children, styles, rows, columns, $scrollRef, virtualScroll, onResize, onScroll } =\n      this.asProps;\n\n    const columnsInitialized = columns.reduce((sum, { width }) => sum + width, 0) > 0 || testEnv;\n\n    const [offsetLeftSum, offsetRightSum] = getScrollOffsetValue(columns);\n    const offsetSum = offsetLeftSum + offsetRightSum;\n\n    const rowHeight = this.getRowHeight();\n    const holdHeight =\n      rowHeight !== undefined && virtualScroll ? rowHeight * rows.length : undefined;\n\n    if (virtualScroll && columnsInitialized && !rowHeight) {\n      new Promise(() => this.setupRowSizeObserver());\n    }\n\n    return sstyled(styles)(\n      <SBodyWrapper>\n        <ScrollArea\n          shadow\n          styles={scrollStyles}\n          use:left={`${offsetLeftSum}px`}\n          use:right={`${offsetRightSum}px`}\n          onResize={callAllEventHandlers(onResize, this.handleScrollAreaResize)}\n          onScroll={callAllEventHandlers(onScroll, this.handleScrollAreaScroll)}\n        >\n          <ScrollArea.Container ref={$scrollRef}>\n            <SBody render={Box}>\n              {holdHeight && <SHeightHold hMin={holdHeight} aria-hidden={true} />}\n              {columnsInitialized && !virtualScroll ? this.renderRows(rows) : null}\n              {columnsInitialized && virtualScroll ? this.renderVirtualizedRows(rows) : null}\n            </SBody>\n          </ScrollArea.Container>\n          <SScrollAreaBar\n            orientation=\"horizontal\"\n            left={`${offsetLeftSum}px`}\n            right={`${offsetRightSum}px`}\n            offsetSum={`${offsetSum}px`}\n          />\n          <SScrollAreaBar orientation=\"vertical\" />\n        </ScrollArea>\n        {Children.origin}\n      </SBodyWrapper>,\n    );\n  }\n}\n\nexport default Body;\n"],"file":"Body.js"}

package/lib/cjs/DataTable.js

@@ -69,46 +69,46 @@ var style = (
 /*__reshadow_css_start__*/
 _core.sstyled.insert(
 /*__inner_css_start__*/
-".___SDataTable_1pz37_gg_{position:relative}.___SHeadWrapper_1pz37_gg_{position:relative}.___SHeadWrapper_1pz37_gg_.__sticky_1pz37_gg_{position:-webkit-sticky;position:sticky;top:0;z-index:2}.___SHead_1pz37_gg_{display:flex;position:relative;flex-direction:row;min-width:-webkit-fit-content;min-width:-moz-fit-content;min-width:fit-content;z-index:0}.___SColumn_1pz37_gg_{display:flex;align-items:center;flex-grow:1;font-size:12px;color:#191b23;box-sizing:border-box;position:relative}.___SColumn_1pz37_gg_:focus{outline:none;box-shadow:0 0 0 3px rgba(0, 143, 248, 0.2)}.___SColumn_1pz37_gg_.__hidden_1pz37_gg_{height:0!important;padding:0!important;overflow:hidden!important;border:none!important}.___SColumn_1pz37_gg_._use_primary_1pz37_gg_{padding:12px;border-right:1px solid #e0e1e9;border-bottom:1px solid #e0e1e9;background-color:#f4f5f9}.___SColumn_1pz37_gg_._use_secondary_1pz37_gg_{padding:8px;border-bottom:1px solid #a9abb6;background-color:#ffffff}.___SColumn_1pz37_gg_.__use_1pz37_gg_:last-child{border-right:none}.___SColumn_1pz37_gg_.__group_1pz37_gg_.__use_1pz37_gg_{display:flex;flex-wrap:wrap;flex-direction:column;align-items:normal;border-bottom:none;padding:0}.___SColumn_1pz37_gg_.__groupHead_1pz37_gg_.__use_1pz37_gg_{justify-content:center;border-right:none;z-index:1}.___SColumn_1pz37_gg_.__groupHead_1pz37_gg_._use_primary_1pz37_gg_{border-bottom:1px solid #e0e1e9}.___SColumn_1pz37_gg_.__groupHead_1pz37_gg_._use_secondary_1pz37_gg_{border-bottom:1px solid #e0e1e9}.___SColumn_1pz37_gg_.__sortable_1pz37_gg_{cursor:pointer}.___SColumn_1pz37_gg_.__sortable_1pz37_gg_._use_primary_1pz37_gg_:hover{background-color:#e0e1e9}.___SColumn_1pz37_gg_.__active_1pz37_gg_._use_primary_1pz37_gg_{background-color:#e0e1e9}.___SColumn_1pz37_gg_.__resizable_1pz37_gg_:hover:after{background:#e0e1e9}.___SColumn_1pz37_gg_.__resizable_1pz37_gg_:after{content:\"\";position:absolute;bottom:0;right:-1px;height:100vh;width:1px;background:transparent;cursor:col-resize}.___SColumn_1pz37_gg_.__fixed_1pz37_gg_{position:-webkit-sticky;position:sticky;z-index:2}.___SSortIcon_1pz37_gg_{fill:#a9abb6;margin-left:6px}.___SSortIcon_1pz37_gg_.__active_1pz37_gg_{fill:#8a8e9b}.___SBodyWrapper_1pz37_gg_{position:relative}.___SBody_1pz37_gg_{display:flex;flex-direction:column;position:relative;min-width:-webkit-fit-content;min-width:-moz-fit-content;min-width:fit-content}.___SRow_1pz37_gg_{display:flex;flex-direction:row;position:relative}.___SRow_1pz37_gg_:hover>.___SCell_1pz37_gg_:not(.__theme_1pz37_gg_),.___SRow_1pz37_gg_.__active_1pz37_gg_>.___SCell_1pz37_gg_:not(.__theme_1pz37_gg_),.___SRow_1pz37_gg_ .___SCell_1pz37_gg_:hover+.___SGroupCell_1pz37_gg_ .___SCell_1pz37_gg_:not(.__theme_1pz37_gg_){background-color:#f0f0f4}.___SRow_1pz37_gg_._theme_muted_1pz37_gg_ .___SCell_1pz37_gg_:not(.__theme_1pz37_gg_){background-color:#f2f3f4}.___SRow_1pz37_gg_:hover>.___SCell_1pz37_gg_._theme_muted_1pz37_gg_,.___SRow_1pz37_gg_._theme_muted_1pz37_gg_:hover>.___SCell_1pz37_gg_:not(.__theme_1pz37_gg_),.___SRow_1pz37_gg_._theme_muted_1pz37_gg_.__active_1pz37_gg_>.___SCell_1pz37_gg_:not(.__theme_1pz37_gg_),.___SRow_1pz37_gg_._theme_muted_1pz37_gg_ .___SCell_1pz37_gg_:hover+.___SGroupCell_1pz37_gg_ .___SCell_1pz37_gg_:not(.__theme_1pz37_gg_){background-color:#f6f7f7}.___SRow_1pz37_gg_._theme_info_1pz37_gg_ .___SCell_1pz37_gg_:not(.__theme_1pz37_gg_){background-color:#e9f7ff}.___SRow_1pz37_gg_:hover>.___SCell_1pz37_gg_._theme_info_1pz37_gg_,.___SRow_1pz37_gg_._theme_info_1pz37_gg_:hover>.___SCell_1pz37_gg_:not(.__theme_1pz37_gg_),.___SRow_1pz37_gg_._theme_info_1pz37_gg_.__active_1pz37_gg_>.___SCell_1pz37_gg_:not(.__theme_1pz37_gg_),.___SRow_1pz37_gg_._theme_info_1pz37_gg_ .___SCell_1pz37_gg_:hover+.___SGroupCell_1pz37_gg_ .___SCell_1pz37_gg_:not(.__theme_1pz37_gg_){background-color:#c4e5fe}.___SRow_1pz37_gg_._theme_success_1pz37_gg_ .___SCell_1pz37_gg_:not(.__theme_1pz37_gg_){background-color:#dbfee8}.___SRow_1pz37_gg_:hover>.___SCell_1pz37_gg_._theme_success_1pz37_gg_,.___SRow_1pz37_gg_._theme_success_1pz37_gg_:hover>.___SCell_1pz37_gg_:not(.__theme_1pz37_gg_),.___SRow_1pz37_gg_._theme_success_1pz37_gg_.__active_1pz37_gg_>.___SCell_1pz37_gg_:not(.__theme_1pz37_gg_),.___SRow_1pz37_gg_._theme_success_1pz37_gg_ .___SCell_1pz37_gg_:hover+.___SGroupCell_1pz37_gg_ .___SCell_1pz37_gg_:not(.__theme_1pz37_gg_){background-color:#9ef2c9}.___SRow_1pz37_gg_._theme_warning_1pz37_gg_ .___SCell_1pz37_gg_:not(.__theme_1pz37_gg_){background-color:#fff3d9}.___SRow_1pz37_gg_:hover>.___SCell_1pz37_gg_._theme_warning_1pz37_gg_,.___SRow_1pz37_gg_._theme_warning_1pz37_gg_:hover>.___SCell_1pz37_gg_:not(.__theme_1pz37_gg_),.___SRow_1pz37_gg_._theme_warning_1pz37_gg_.__active_1pz37_gg_>.___SCell_1pz37_gg_:not(.__theme_1pz37_gg_),.___SRow_1pz37_gg_._theme_warning_1pz37_gg_ .___SCell_1pz37_gg_:hover+.___SGroupCell_1pz37_gg_ .___SCell_1pz37_gg_:not(.__theme_1pz37_gg_){background-color:#ffdca2}.___SRow_1pz37_gg_._theme_danger_1pz37_gg_ .___SCell_1pz37_gg_:not(.__theme_1pz37_gg_){background-color:#fff0f7}.___SRow_1pz37_gg_:hover>.___SCell_1pz37_gg_._theme_danger_1pz37_gg_,.___SRow_1pz37_gg_._theme_danger_1pz37_gg_:hover>.___SCell_1pz37_gg_:not(.__theme_1pz37_gg_),.___SRow_1pz37_gg_._theme_danger_1pz37_gg_.__active_1pz37_gg_>.___SCell_1pz37_gg_:not(.__theme_1pz37_gg_),.___SRow_1pz37_gg_._theme_danger_1pz37_gg_ .___SCell_1pz37_gg_:hover+.___SGroupCell_1pz37_gg_ .___SCell_1pz37_gg_:not(.__theme_1pz37_gg_){background-color:#ffd7df}.___SRow_1pz37_gg_.__positioned_1pz37_gg_{position:absolute}.___SCell_1pz37_gg_{display:flex;flex:1;flex-basis:auto;font-size:14px;line-height:1.42;color:#191b23;box-sizing:border-box;border-bottom:1px solid #e0e1e9;overflow:hidden;white-space:nowrap}.___SCell_1pz37_gg_._use_primary_1pz37_gg_{padding:12px;min-height:45px;background-color:#ffffff}.___SCell_1pz37_gg_._use_secondary_1pz37_gg_{padding:8px;min-height:37px;background-color:#ffffff}.___SCell_1pz37_gg_.__fixed_1pz37_gg_{position:-webkit-sticky;position:sticky;z-index:1}.___SCell_1pz37_gg_._theme_muted_1pz37_gg_{background-color:#f2f3f4}.___SCell_1pz37_gg_._theme_info_1pz37_gg_{background-color:#e9f7ff}.___SCell_1pz37_gg_._theme_success_1pz37_gg_{background-color:#dbfee8}.___SCell_1pz37_gg_._theme_warning_1pz37_gg_{background-color:#fff3d9}.___SCell_1pz37_gg_._theme_danger_1pz37_gg_{background-color:#fff0f7}.___SScrollAreaBar_1pz37_gg_._orientation_horizontal_1pz37_gg_{position:-webkit-sticky;position:sticky;bottom:0;left:0;margin-top:-12px;z-index:2}.___SScrollAreaBar_1pz37_gg_._orientation_vertical_1pz37_gg_{width:12px}.___SScrollAreaBar_1pz37_gg_._orientation_horizontal_1pz37_gg_{margin-left:calc(var(--left_jppxj1) + 4px);margin-right:calc(var(--right_jppxj1) + 4px);width:calc(100% - var(--offsetSum_jppxj1) - 8px)}.___SHeightHold_1pz37_gg_{position:absolute;top:0;width:0;pointer-events:none}"
+".___SDataTable_tc38j_gg_{position:relative}.___SHeadWrapper_tc38j_gg_{position:relative}.___SHeadWrapper_tc38j_gg_.__sticky_tc38j_gg_{position:-webkit-sticky;position:sticky;top:0;z-index:2}.___SHead_tc38j_gg_{display:flex;position:relative;flex-direction:row;min-width:-webkit-fit-content;min-width:-moz-fit-content;min-width:fit-content;z-index:0}.___SColumn_tc38j_gg_{display:flex;align-items:center;flex-grow:1;font-size:12px;color:#191b23;box-sizing:border-box;position:relative}.___SColumn_tc38j_gg_:focus{outline:none;box-shadow:0 0 0 3px rgba(0, 143, 248, 0.2)}.___SColumn_tc38j_gg_.__hidden_tc38j_gg_{height:0!important;padding:0!important;overflow:hidden!important;border:none!important}.___SColumn_tc38j_gg_._use_primary_tc38j_gg_{padding:12px;border-right:1px solid #e0e1e9;border-bottom:1px solid #e0e1e9;background-color:#f4f5f9}.___SColumn_tc38j_gg_._use_secondary_tc38j_gg_{padding:8px;border-bottom:1px solid #a9abb6;background-color:#ffffff}.___SColumn_tc38j_gg_.__use_tc38j_gg_:last-child{border-right:none}.___SColumn_tc38j_gg_.__group_tc38j_gg_.__use_tc38j_gg_{display:flex;flex-wrap:wrap;flex-direction:column;align-items:normal;border-bottom:none;padding:0}.___SColumn_tc38j_gg_.__groupHead_tc38j_gg_.__use_tc38j_gg_{justify-content:center;border-right:none;z-index:1}.___SColumn_tc38j_gg_.__groupHead_tc38j_gg_._use_primary_tc38j_gg_{border-bottom:1px solid #e0e1e9}.___SColumn_tc38j_gg_.__groupHead_tc38j_gg_._use_secondary_tc38j_gg_{border-bottom:1px solid #e0e1e9}.___SColumn_tc38j_gg_.__sortable_tc38j_gg_{cursor:pointer}.___SColumn_tc38j_gg_.__sortable_tc38j_gg_._use_primary_tc38j_gg_:hover{background-color:#e0e1e9}.___SColumn_tc38j_gg_.__active_tc38j_gg_._use_primary_tc38j_gg_{background-color:#e0e1e9}.___SColumn_tc38j_gg_.__resizable_tc38j_gg_:hover:after{background:#e0e1e9}.___SColumn_tc38j_gg_.__resizable_tc38j_gg_:after{content:\"\";position:absolute;bottom:0;right:-1px;height:100vh;width:1px;background:transparent;cursor:col-resize}.___SColumn_tc38j_gg_.__fixed_tc38j_gg_{position:-webkit-sticky;position:sticky;z-index:2}.___SSortIcon_tc38j_gg_{fill:#a9abb6;margin-left:6px}.___SSortIcon_tc38j_gg_.__active_tc38j_gg_{fill:#8a8e9b}.___SBodyWrapper_tc38j_gg_{position:relative}.___SBody_tc38j_gg_{display:flex;flex-direction:column;position:relative;min-width:-webkit-fit-content;min-width:-moz-fit-content;min-width:fit-content}.___SRow_tc38j_gg_{display:flex;flex-direction:row;position:relative}.___SRow_tc38j_gg_:hover>.___SCell_tc38j_gg_:not(.__theme_tc38j_gg_),.___SRow_tc38j_gg_.__active_tc38j_gg_>.___SCell_tc38j_gg_:not(.__theme_tc38j_gg_),.___SRow_tc38j_gg_ .___SCell_tc38j_gg_:hover+.___SGroupCell_tc38j_gg_ .___SCell_tc38j_gg_:not(.__theme_tc38j_gg_){background-color:#f0f0f4}.___SRow_tc38j_gg_._theme_muted_tc38j_gg_ .___SCell_tc38j_gg_:not(.__theme_tc38j_gg_){background-color:#f2f3f4}.___SRow_tc38j_gg_:hover>.___SCell_tc38j_gg_._theme_muted_tc38j_gg_,.___SRow_tc38j_gg_._theme_muted_tc38j_gg_:hover>.___SCell_tc38j_gg_:not(.__theme_tc38j_gg_),.___SRow_tc38j_gg_._theme_muted_tc38j_gg_.__active_tc38j_gg_>.___SCell_tc38j_gg_:not(.__theme_tc38j_gg_),.___SRow_tc38j_gg_._theme_muted_tc38j_gg_ .___SCell_tc38j_gg_:hover+.___SGroupCell_tc38j_gg_ .___SCell_tc38j_gg_:not(.__theme_tc38j_gg_){background-color:#f6f7f7}.___SRow_tc38j_gg_._theme_info_tc38j_gg_ .___SCell_tc38j_gg_:not(.__theme_tc38j_gg_){background-color:#e9f7ff}.___SRow_tc38j_gg_:hover>.___SCell_tc38j_gg_._theme_info_tc38j_gg_,.___SRow_tc38j_gg_._theme_info_tc38j_gg_:hover>.___SCell_tc38j_gg_:not(.__theme_tc38j_gg_),.___SRow_tc38j_gg_._theme_info_tc38j_gg_.__active_tc38j_gg_>.___SCell_tc38j_gg_:not(.__theme_tc38j_gg_),.___SRow_tc38j_gg_._theme_info_tc38j_gg_ .___SCell_tc38j_gg_:hover+.___SGroupCell_tc38j_gg_ .___SCell_tc38j_gg_:not(.__theme_tc38j_gg_){background-color:#c4e5fe}.___SRow_tc38j_gg_._theme_success_tc38j_gg_ .___SCell_tc38j_gg_:not(.__theme_tc38j_gg_){background-color:#dbfee8}.___SRow_tc38j_gg_:hover>.___SCell_tc38j_gg_._theme_success_tc38j_gg_,.___SRow_tc38j_gg_._theme_success_tc38j_gg_:hover>.___SCell_tc38j_gg_:not(.__theme_tc38j_gg_),.___SRow_tc38j_gg_._theme_success_tc38j_gg_.__active_tc38j_gg_>.___SCell_tc38j_gg_:not(.__theme_tc38j_gg_),.___SRow_tc38j_gg_._theme_success_tc38j_gg_ .___SCell_tc38j_gg_:hover+.___SGroupCell_tc38j_gg_ .___SCell_tc38j_gg_:not(.__theme_tc38j_gg_){background-color:#9ef2c9}.___SRow_tc38j_gg_._theme_warning_tc38j_gg_ .___SCell_tc38j_gg_:not(.__theme_tc38j_gg_){background-color:#fff3d9}.___SRow_tc38j_gg_:hover>.___SCell_tc38j_gg_._theme_warning_tc38j_gg_,.___SRow_tc38j_gg_._theme_warning_tc38j_gg_:hover>.___SCell_tc38j_gg_:not(.__theme_tc38j_gg_),.___SRow_tc38j_gg_._theme_warning_tc38j_gg_.__active_tc38j_gg_>.___SCell_tc38j_gg_:not(.__theme_tc38j_gg_),.___SRow_tc38j_gg_._theme_warning_tc38j_gg_ .___SCell_tc38j_gg_:hover+.___SGroupCell_tc38j_gg_ .___SCell_tc38j_gg_:not(.__theme_tc38j_gg_){background-color:#ffdca2}.___SRow_tc38j_gg_._theme_danger_tc38j_gg_ .___SCell_tc38j_gg_:not(.__theme_tc38j_gg_){background-color:#fff0f7}.___SRow_tc38j_gg_:hover>.___SCell_tc38j_gg_._theme_danger_tc38j_gg_,.___SRow_tc38j_gg_._theme_danger_tc38j_gg_:hover>.___SCell_tc38j_gg_:not(.__theme_tc38j_gg_),.___SRow_tc38j_gg_._theme_danger_tc38j_gg_.__active_tc38j_gg_>.___SCell_tc38j_gg_:not(.__theme_tc38j_gg_),.___SRow_tc38j_gg_._theme_danger_tc38j_gg_ .___SCell_tc38j_gg_:hover+.___SGroupCell_tc38j_gg_ .___SCell_tc38j_gg_:not(.__theme_tc38j_gg_){background-color:#ffd7df}.___SRow_tc38j_gg_.__positioned_tc38j_gg_{position:absolute}.___SCell_tc38j_gg_{display:flex;flex:1;flex-basis:auto;font-size:14px;line-height:1.42;color:#191b23;box-sizing:border-box;border-bottom:1px solid #e0e1e9;overflow:hidden;white-space:nowrap}.___SCell_tc38j_gg_._use_primary_tc38j_gg_{padding:12px;min-height:45px;background-color:#ffffff}.___SCell_tc38j_gg_._use_secondary_tc38j_gg_{padding:8px;min-height:37px;background-color:#ffffff}.___SCell_tc38j_gg_.__fixed_tc38j_gg_{position:-webkit-sticky;position:sticky;z-index:1}.___SCell_tc38j_gg_._theme_muted_tc38j_gg_{background-color:#f2f3f4}.___SCell_tc38j_gg_._theme_info_tc38j_gg_{background-color:#e9f7ff}.___SCell_tc38j_gg_._theme_success_tc38j_gg_{background-color:#dbfee8}.___SCell_tc38j_gg_._theme_warning_tc38j_gg_{background-color:#fff3d9}.___SCell_tc38j_gg_._theme_danger_tc38j_gg_{background-color:#fff0f7}.___SScrollAreaBar_tc38j_gg_._orientation_horizontal_tc38j_gg_{position:-webkit-sticky;position:sticky;bottom:0;left:0;margin-top:-12px;z-index:2}.___SScrollAreaBar_tc38j_gg_._orientation_vertical_tc38j_gg_{width:12px}.___SScrollAreaBar_tc38j_gg_._orientation_horizontal_tc38j_gg_{margin-left:calc(var(--left_tc38j) + 4px);margin-right:calc(var(--right_tc38j) + 4px);width:calc(100% - var(--offsetSum_tc38j) - 8px)}.___SHeightHold_tc38j_gg_{position:absolute;top:0;width:100%;pointer-events:none;z-index:-1}"
 /*__inner_css_end__*/
-, "jppxj1_gg_")
+, "tc38j_gg_")
 /*__reshadow_css_end__*/
 , {
-  "__SDataTable": "___SDataTable_1pz37_gg_",
-  "__SHeadWrapper": "___SHeadWrapper_1pz37_gg_",
-  "_sticky": "__sticky_1pz37_gg_",
-  "__SHead": "___SHead_1pz37_gg_",
-  "__SColumn": "___SColumn_1pz37_gg_",
-  "_hidden": "__hidden_1pz37_gg_",
-  "_use_primary": "_use_primary_1pz37_gg_",
-  "_use_secondary": "_use_secondary_1pz37_gg_",
-  "_use": "__use_1pz37_gg_",
-  "_group": "__group_1pz37_gg_",
-  "_groupHead": "__groupHead_1pz37_gg_",
-  "_sortable": "__sortable_1pz37_gg_",
-  "_active": "__active_1pz37_gg_",
-  "_resizable": "__resizable_1pz37_gg_",
-  "_fixed": "__fixed_1pz37_gg_",
-  "__SSortIcon": "___SSortIcon_1pz37_gg_",
-  "__SBodyWrapper": "___SBodyWrapper_1pz37_gg_",
-  "__SBody": "___SBody_1pz37_gg_",
-  "__SRow": "___SRow_1pz37_gg_",
-  "__SCell": "___SCell_1pz37_gg_",
-  "_theme": "__theme_1pz37_gg_",
-  "__SGroupCell": "___SGroupCell_1pz37_gg_",
-  "_theme_muted": "_theme_muted_1pz37_gg_",
-  "_theme_info": "_theme_info_1pz37_gg_",
-  "_theme_success": "_theme_success_1pz37_gg_",
-  "_theme_warning": "_theme_warning_1pz37_gg_",
-  "_theme_danger": "_theme_danger_1pz37_gg_",
-  "_positioned": "__positioned_1pz37_gg_",
-  "__SScrollAreaBar": "___SScrollAreaBar_1pz37_gg_",
-  "_orientation_horizontal": "_orientation_horizontal_1pz37_gg_",
-  "_orientation_vertical": "_orientation_vertical_1pz37_gg_",
-  "--left": "--left_jppxj1",
-  "--right": "--right_jppxj1",
-  "--offsetSum": "--offsetSum_jppxj1",
-  "__SHeightHold": "___SHeightHold_1pz37_gg_"
+  "__SDataTable": "___SDataTable_tc38j_gg_",
+  "__SHeadWrapper": "___SHeadWrapper_tc38j_gg_",
+  "_sticky": "__sticky_tc38j_gg_",
+  "__SHead": "___SHead_tc38j_gg_",
+  "__SColumn": "___SColumn_tc38j_gg_",
+  "_hidden": "__hidden_tc38j_gg_",
+  "_use_primary": "_use_primary_tc38j_gg_",
+  "_use_secondary": "_use_secondary_tc38j_gg_",
+  "_use": "__use_tc38j_gg_",
+  "_group": "__group_tc38j_gg_",
+  "_groupHead": "__groupHead_tc38j_gg_",
+  "_sortable": "__sortable_tc38j_gg_",
+  "_active": "__active_tc38j_gg_",
+  "_resizable": "__resizable_tc38j_gg_",
+  "_fixed": "__fixed_tc38j_gg_",
+  "__SSortIcon": "___SSortIcon_tc38j_gg_",
+  "__SBodyWrapper": "___SBodyWrapper_tc38j_gg_",
+  "__SBody": "___SBody_tc38j_gg_",
+  "__SRow": "___SRow_tc38j_gg_",
+  "__SCell": "___SCell_tc38j_gg_",
+  "_theme": "__theme_tc38j_gg_",
+  "__SGroupCell": "___SGroupCell_tc38j_gg_",
+  "_theme_muted": "_theme_muted_tc38j_gg_",
+  "_theme_info": "_theme_info_tc38j_gg_",
+  "_theme_success": "_theme_success_tc38j_gg_",
+  "_theme_warning": "_theme_warning_tc38j_gg_",
+  "_theme_danger": "_theme_danger_tc38j_gg_",
+  "_positioned": "__positioned_tc38j_gg_",
+  "__SScrollAreaBar": "___SScrollAreaBar_tc38j_gg_",
+  "_orientation_horizontal": "_orientation_horizontal_tc38j_gg_",
+  "_orientation_vertical": "_orientation_vertical_tc38j_gg_",
+  "--left": "--left_tc38j",
+  "--right": "--right_tc38j",
+  "--offsetSum": "--offsetSum_tc38j",
+  "__SHeightHold": "___SHeightHold_tc38j_gg_"
 });
 var REVERSED_SORT_DIRECTION = {
   desc: 'asc',
@@ -309,7 +309,7 @@ var RootDefinitionTable = /*#__PURE__*/function (_Component) {
         }
       });
 
-      var result = {
+      return {
         columns: this.columns,
         rows: this.dataToRows(data, cellPropsLayers),
         uniqueKey: uniqueKey,
@@ -317,7 +317,6 @@ var RootDefinitionTable = /*#__PURE__*/function (_Component) {
         rowPropsLayers: rowPropsLayers,
         $scrollRef: this.scrollBodyRef
       };
-      return result;
     }
   }, {
     key: "dataToRows",

package/lib/cjs/DataTable.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/DataTable.tsx"],"names":["REVERSED_SORT_DIRECTION","desc","asc","DEFAULT_SORT_DIRECTION","ROW_GROUP","Symbol","cssVarReg","createCssVarForWidth","name","replace","RootDefinitionTable","props","React","createRef","event","column","columns","find","active","sortDirection","forceUpdate","tableRef","current","scrollIntoView","block","inline","behavior","scrollBodyRef","scrollHeadRef","Array","isArray","cssVar","style","setProperty","width","children","options","fixed","undefined","sort","asProps","columnsChildren","Children","forEach","child","isValidElement","type","DefinitionTable","Column","resizable","sortable","isGroup","childrenToColumns","map","join","length","toArray","filter","push","ref","getBoundingClientRect","use","$onSortClick","handlerSortClick","scrollToUp","onResize","handlerResize","$scrollRef","data","uniqueKey","cellPropsLayers","rowPropsLayers","other","Cell","split","childrenPropsGetter","Row","result","rows","dataToRows","parseData","exclude","row","groupByName","groupedColumns","ungroupedColumns","rowKey","columnNames","groupData","rowsGroup","rowsGroupedNames","Object","fromEntries","subRow","keys","flat","key","cells","flatRowData","setVarStyle","SDataTable","Box","styles","Component","ComponentDefinition","Head","Body"],"mappings":"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","sourcesContent":["import React from 'react';\nimport createComponent, { Component, sstyled, Root, PropGetterFn } from '@semcore/core';\nimport { Box, IBoxProps, IFlexProps } from '@semcore/flex-box';\nimport syncScroll from '@semcore/utils/lib/syncScroll';\nimport { callAllEventHandlers } from '@semcore/utils/lib/assignProps';\nimport fire from '@semcore/utils/lib/fire';\nimport { flattenColumns } from './utils';\nimport type {\n  RowData,\n  SortDirection,\n  PseudoChildPropsGetter,\n  PropsLayer,\n  NestedCells,\n  Column,\n} from './types';\nimport Head from './Head';\nimport Body from './Body';\n\nimport style from './style/data-table.shadow.css';\n\nconst REVERSED_SORT_DIRECTION: { [direction in SortDirection]: SortDirection } = {\n  desc: 'asc',\n  asc: 'desc',\n};\nconst DEFAULT_SORT_DIRECTION: SortDirection = 'desc';\n\nconst ROW_GROUP = Symbol('ROW_GROUP');\n\nconst cssVarReg = /[:;]/g;\n\nconst createCssVarForWidth = (name: string) => {\n  return `--${name.replace(cssVarReg, '_')}_width`;\n};\n\ntype AsProps = {\n  use: 'primary' | 'secondary';\n  sort: SortDirection[];\n  data: RowData[];\n  uniqueKey: string;\n};\n\ntype HeadAsProps = {\n  children: React.ReactChild;\n};\ntype BodyAsProps = {\n  children: React.ReactChild;\n};\n\n/* utils type */\ntype CProps<Props, Ctx = {}, UCProps = {}> = Props & {\n  children?: ((props: Props & Ctx, handlers: UCProps) => React.ReactNode) | React.ReactNode;\n};\ntype ReturnEl = React.ReactElement | null;\ntype ChildRenderFn<Props> = Props & {\n  children?: (props: Props, column: DataTableData, index: number) => { [key: string]: unknown };\n};\n/* utils type */\n\nexport type DataTableData = { [key: string]: unknown };\nexport type DataTableSort = [string, 'desc' | 'asc'];\nexport type DataTableTheme = 'muted' | 'info' | 'success' | 'warning' | 'danger';\nexport type DataTableUse = 'primary' | 'secondary';\nexport type DataTableRow = DataTableCell[];\nexport type DataTableCell = {\n  /** Name of column */\n  name: string;\n  /** Data of column */\n  data: React.ReactNode;\n  [key: string]: unknown;\n};\n\nexport interface IDataTableProps extends IBoxProps {\n  /** Theme for table\n   * @default primary\n   * */\n  use?: DataTableUse;\n  /** Data for table */\n  data?: DataTableData[];\n  /** Active sort object */\n  sort?: DataTableSort;\n  /** Handler call when will request change sort */\n  onSortChange?: (sort: DataTableSort, e?: React.SyntheticEvent) => void;\n  /** Field name in one data entity that is unique accross all set of data\n   * @default id\n   */\n  uniqueKey?: string;\n}\n\nexport interface IDataTableHeadProps extends IBoxProps {\n  /** Sticky header table\n   * @deprecated\n   * */\n  sticky?: boolean;\n\n  /** Hidden header */\n  hidden?: boolean;\n}\n\nexport interface IDataTableColumnProps extends IFlexProps {\n  /** Unique name column */\n  name?: string;\n  /** Enable sort for column also if you pass string you can set default sort */\n  sortable?: boolean | 'desc' | 'asc';\n  /** Enable resize for column\n   * @ignore */\n  resizable?: boolean;\n  /** Fixed column on the left/right */\n  fixed?: 'left' | 'right';\n}\n\nexport interface IDataTableBodyProps extends IBoxProps {\n  /** Rows table */\n  rows?: DataTableRow[];\n  /** When enabled, only visually acessable rows are rendered.\n   * `tollerance` property controls how many rows outside of viewport are render.\n   * `rowHeight` fixes the rows height if it known. If not provided, first row node height is measured.\n   * @default { tollerance: 2 }\n   */\n  virtualScroll?: boolean | { tollerance?: number; rowHeight?: number };\n}\n\nexport interface IDataTableRowProps extends IBoxProps {\n  /** Theme for row */\n  theme?: DataTableTheme;\n  /** Displays row as active/hover */\n  active?: boolean;\n}\n\nexport interface IDataTableCellProps extends IFlexProps {\n  /** Unique name column or columns separated by / */\n  name: string;\n  /** Theme for cell */\n  theme?: DataTableTheme;\n}\n\nclass RootDefinitionTable extends Component<AsProps> {\n  static displayName = 'DefinitionTable';\n\n  static style = style;\n\n  static defaultProps = {\n    use: 'primary',\n    uniqueKey: 'id',\n    sort: [],\n    data: [],\n  } as AsProps;\n\n  columns: Column[] = [];\n\n  tableRef = React.createRef<HTMLElement>();\n  scrollBodyRef: null | ReturnType<ReturnType<typeof syncScroll>> = null;\n  scrollHeadRef: null | ReturnType<ReturnType<typeof syncScroll>> = null;\n\n  constructor(props: AsProps) {\n    super(props);\n\n    const createRef = syncScroll();\n    // first create body ref for master scroll\n    this.scrollBodyRef = createRef('body');\n    this.scrollHeadRef = createRef('head');\n  }\n\n  handlerSortClick = (name: string, event: React.MouseEvent) => {\n    const column = this.columns.find((column) => column.name === name)!;\n    return fire(\n      this,\n      'onSortChange',\n      [\n        column.name,\n        column.active ? REVERSED_SORT_DIRECTION[column.sortDirection] : column.sortDirection,\n      ],\n      event,\n    );\n  };\n\n  handlerResize = () => {\n    this.forceUpdate();\n  };\n\n  scrollToUp = () => {\n    this.tableRef?.current?.scrollIntoView({\n      block: 'nearest',\n      inline: 'nearest',\n      behavior: 'smooth',\n    });\n  };\n\n  setVarStyle(columns: Column[]) {\n    for (const column of columns) {\n      if (Array.isArray(column.cssVar)) {\n        for (const cssVar of column.cssVar) {\n          this.tableRef.current?.style.setProperty(cssVar, `${column.width}px`);\n        }\n      } else {\n        this.tableRef.current?.style.setProperty(column.cssVar, `${column.width}px`);\n      }\n    }\n  }\n\n  childrenToColumns(\n    children: React.ReactNode,\n    options: { fixed?: 'left' | 'right' } = { fixed: undefined },\n  ) {\n    const { sort } = this.asProps;\n    const columnsChildren: Column[] = [];\n    React.Children.forEach(children, (child) => {\n      if (!React.isValidElement(child)) return;\n      if (child.type !== DefinitionTable.Column) return;\n\n      let {\n        children,\n        name,\n        fixed = options.fixed,\n        resizable,\n        sortable,\n        ...props\n      } = child.props as Column['props'];\n      const isGroup = !name;\n      let columns: Column[] = [];\n\n      if (isGroup) {\n        columns = this.childrenToColumns(children, { fixed });\n        name = flattenColumns(columns)\n          .map(({ name }) => name)\n          .join('/');\n        if (!columns.length) return;\n        children = React.Children.toArray(children).filter(\n          (child) => !(React.isValidElement(child) && child.type === DefinitionTable.Column),\n        );\n      }\n\n      const column = this.columns.find((column) => column.name === name);\n\n      columnsChildren.push({\n        get width() {\n          return this.props.ref.current?.getBoundingClientRect().width || 0;\n        },\n        name,\n        cssVar: createCssVarForWidth(name),\n        fixed,\n        resizable,\n        active: sort[0] === name,\n        sortable,\n        sortDirection:\n          sort[0] === name\n            ? sort[1]\n            : column?.sortDirection ||\n              (typeof sortable == 'string' ? sortable : DEFAULT_SORT_DIRECTION),\n        columns,\n        props: {\n          name,\n          ref: column?.props?.ref || React.createRef(),\n          children,\n          ...props,\n        },\n      });\n    });\n    return columnsChildren;\n  }\n\n  getHeadProps(props: HeadAsProps) {\n    const { use } = this.asProps;\n    const columnsChildren = this.childrenToColumns(props.children);\n    this.columns = flattenColumns(columnsChildren);\n    return {\n      $onSortClick: callAllEventHandlers(this.handlerSortClick, this.scrollToUp),\n      columnsChildren,\n      use,\n      onResize: this.handlerResize,\n      $scrollRef: this.scrollHeadRef,\n    };\n  }\n\n  getBodyProps(props: BodyAsProps) {\n    const { data, use, uniqueKey } = this.asProps;\n\n    const cellPropsLayers: { [columnName: string]: PropsLayer[] } = {};\n    const rowPropsLayers: PropsLayer[] = [];\n\n    React.Children.forEach(props.children, (child) => {\n      if (React.isValidElement(child)) {\n        const { name, children, ...other } = child.props as {\n          name?: string;\n          children?: PseudoChildPropsGetter;\n        } & { [propName: string]: unknown };\n        if (child.type === DefinitionTable.Cell && name) {\n          name.split('/').forEach((name) => {\n            cellPropsLayers[name] = cellPropsLayers[name] || [];\n            cellPropsLayers[name].push({\n              ...other,\n              childrenPropsGetter: children,\n            });\n          });\n        }\n        if (child.type === DefinitionTable.Row) {\n          rowPropsLayers.push({\n            ...other,\n            childrenPropsGetter: children,\n          });\n        }\n      }\n    });\n\n    const result = {\n      columns: this.columns,\n      rows: this.dataToRows(data, cellPropsLayers),\n      uniqueKey,\n      use,\n      rowPropsLayers,\n      $scrollRef: this.scrollBodyRef,\n    };\n\n    return result;\n  }\n\n  dataToRows(data: RowData[], cellPropsLayers: { [columnName: string]: PropsLayer[] }) {\n    const parseData = (data: RowData[], exclude: { [columnName: string]: true }) =>\n      data.map((row) => {\n        const groupByName: {\n          [columnName: string]: {\n            groupedColumns: string[];\n            groupData: { [columnName: string]: unknown };\n          };\n        } = {};\n        const groupedColumns: { [columnname: string]: true } = {};\n        const ungroupedColumns: { [columnname: string]: true } = {};\n        for (const rowKey in row) {\n          const columnNames = rowKey.split('/');\n          if (columnNames.length >= 2) {\n            for (const column of columnNames) {\n              groupByName[column] = {\n                groupedColumns: columnNames,\n                groupData: row[rowKey] as { [columnName: string]: unknown },\n              };\n              groupedColumns[rowKey] = true;\n            }\n          } else {\n            ungroupedColumns[rowKey] = true;\n          }\n        }\n        const rowsGroup = row[ROW_GROUP] || [];\n        const rowsGroupedNames = Object.fromEntries(\n          rowsGroup\n            .map((subRow) => Object.keys(subRow))\n            .flat()\n            .map((key) => [key, true]),\n        );\n\n        let isGroup = false;\n\n        const cells: NestedCells = this.columns\n          .map((column) => {\n            if (groupByName[column.name]) {\n              const { groupedColumns, groupData } = groupByName[column.name];\n              if (groupedColumns[0] === column.name) {\n                return {\n                  name: groupedColumns.join('/'),\n                  cssVar: groupedColumns.map(createCssVarForWidth),\n                  fixed: column.fixed,\n                  data: groupData,\n                  cellPropsLayers: cellPropsLayers[column.name] || [],\n                };\n              }\n            } else if (column.name in row) {\n              return {\n                name: column.name,\n                cssVar: column.cssVar,\n                fixed: column.fixed,\n                data: row[column.name],\n                cellPropsLayers: cellPropsLayers[column.name] || [],\n              };\n            } else if (!isGroup && rowsGroupedNames[column.name]) {\n              // TODO: make it work not only with first group\n              isGroup = true;\n              return parseData(rowsGroup, {\n                ...ungroupedColumns,\n                ...groupedColumns,\n              });\n            } else if (!exclude[column.name] && !rowsGroupedNames[column.name]) {\n              return {\n                name: column.name,\n                cssVar: column.cssVar,\n                fixed: column.fixed,\n                data: null,\n                cellPropsLayers: cellPropsLayers[column.name] || [],\n              };\n            }\n          })\n          .filter((column) => column !== undefined)\n          .map((column) => column!);\n\n        cells.flatRowData = row;\n        return cells;\n      });\n\n    return parseData(data, {});\n  }\n\n  componentDidUpdate() {\n    this.setVarStyle(this.columns);\n  }\n\n  render() {\n    const SDataTable = Root;\n    const { Children, styles } = this.asProps;\n\n    return sstyled(styles)(\n      <SDataTable render={Box} __excludeProps={['data']} ref={this.tableRef}>\n        <Children />\n      </SDataTable>,\n    );\n  }\n}\n\ninterface IDataTableCtx {\n  getHeadProps: PropGetterFn;\n  getBodyProps: PropGetterFn;\n}\n\nfunction ComponentDefinition() {\n  return null;\n}\n\nconst DefinitionTable = createComponent(\n  RootDefinitionTable,\n  {\n    Head,\n    Body,\n    Column: ComponentDefinition,\n    Cell: ComponentDefinition,\n    Row: ComponentDefinition,\n  },\n  {},\n) as (<T>(props: CProps<IDataTableProps & T, IDataTableCtx>) => ReturnEl) & {\n  Head: <T>(props: IDataTableHeadProps & T) => ReturnEl;\n  Body: <T>(props: IDataTableBodyProps & T) => ReturnEl;\n  Column: <T>(props: IDataTableColumnProps & T) => ReturnEl;\n  Cell: <T>(props: ChildRenderFn<IDataTableCellProps & T>) => ReturnEl;\n  Row: <T>(props: ChildRenderFn<IDataTableRowProps & T>) => ReturnEl;\n};\n\nexport { ROW_GROUP };\nexport default DefinitionTable;\n"],"file":"DataTable.js"}
+{"version":3,"sources":["../../src/DataTable.tsx"],"names":["REVERSED_SORT_DIRECTION","desc","asc","DEFAULT_SORT_DIRECTION","ROW_GROUP","Symbol","cssVarReg","createCssVarForWidth","name","replace","RootDefinitionTable","props","React","createRef","event","column","columns","find","active","sortDirection","forceUpdate","tableRef","current","scrollIntoView","block","inline","behavior","scrollBodyRef","scrollHeadRef","Array","isArray","cssVar","style","setProperty","width","children","options","fixed","undefined","sort","asProps","columnsChildren","Children","forEach","child","isValidElement","type","DefinitionTable","Column","resizable","sortable","isGroup","childrenToColumns","map","join","length","toArray","filter","push","ref","getBoundingClientRect","use","$onSortClick","handlerSortClick","scrollToUp","onResize","handlerResize","$scrollRef","data","uniqueKey","cellPropsLayers","rowPropsLayers","other","Cell","split","childrenPropsGetter","Row","rows","dataToRows","parseData","exclude","row","groupByName","groupedColumns","ungroupedColumns","rowKey","columnNames","groupData","rowsGroup","rowsGroupedNames","Object","fromEntries","subRow","keys","flat","key","cells","flatRowData","setVarStyle","SDataTable","Box","styles","Component","ComponentDefinition","Head","Body"],"mappings":"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","sourcesContent":["import React from 'react';\nimport createComponent, { Component, PropGetterFn, Root, sstyled } from '@semcore/core';\nimport { Box, IBoxProps, IFlexProps } from '@semcore/flex-box';\nimport syncScroll from '@semcore/utils/lib/syncScroll';\nimport { callAllEventHandlers } from '@semcore/utils/lib/assignProps';\nimport fire from '@semcore/utils/lib/fire';\nimport { flattenColumns } from './utils';\nimport type {\n  Column,\n  NestedCells,\n  PropsLayer,\n  PseudoChildPropsGetter,\n  RowData,\n  SortDirection,\n} from './types';\nimport Head from './Head';\nimport Body from './Body';\n\nimport style from './style/data-table.shadow.css';\n\nconst REVERSED_SORT_DIRECTION: { [direction in SortDirection]: SortDirection } = {\n  desc: 'asc',\n  asc: 'desc',\n};\nconst DEFAULT_SORT_DIRECTION: SortDirection = 'desc';\n\nconst ROW_GROUP = Symbol('ROW_GROUP');\n\nconst cssVarReg = /[:;]/g;\n\nconst createCssVarForWidth = (name: string) => {\n  return `--${name.replace(cssVarReg, '_')}_width`;\n};\n\ntype AsProps = {\n  use: 'primary' | 'secondary';\n  sort: SortDirection[];\n  data: RowData[];\n  uniqueKey: string;\n};\n\ntype HeadAsProps = {\n  children: React.ReactChild;\n};\ntype BodyAsProps = {\n  children: React.ReactChild;\n};\n\n/* utils type */\ntype CProps<Props, Ctx = {}, UCProps = {}> = Props & {\n  children?: ((props: Props & Ctx, handlers: UCProps) => React.ReactNode) | React.ReactNode;\n};\ntype ReturnEl = React.ReactElement | null;\ntype ChildRenderFn<Props> = Props & {\n  children?: (props: Props, column: DataTableData, index: number) => { [key: string]: unknown };\n};\n/* utils type */\n\nexport type DataTableData = { [key: string]: unknown };\nexport type DataTableSort = [string, 'desc' | 'asc'];\nexport type DataTableTheme = 'muted' | 'info' | 'success' | 'warning' | 'danger';\nexport type DataTableUse = 'primary' | 'secondary';\nexport type DataTableRow = DataTableCell[];\nexport type DataTableCell = {\n  /** Name of column */\n  name: string;\n  /** Data of column */\n  data: React.ReactNode;\n  [key: string]: unknown;\n};\n\nexport interface IDataTableProps extends IBoxProps {\n  /** Theme for table\n   * @default primary\n   * */\n  use?: DataTableUse;\n  /** Data for table */\n  data?: DataTableData[];\n  /** Active sort object */\n  sort?: DataTableSort;\n  /** Handler call when will request change sort */\n  onSortChange?: (sort: DataTableSort, e?: React.SyntheticEvent) => void;\n  /** Field name in one data entity that is unique accross all set of data\n   * @default id\n   */\n  uniqueKey?: string;\n}\n\nexport interface IDataTableHeadProps extends IBoxProps {\n  /** Sticky header table\n   * @deprecated\n   * */\n  sticky?: boolean;\n\n  /** Hidden header */\n  hidden?: boolean;\n}\n\nexport interface IDataTableColumnProps extends IFlexProps {\n  /** Unique name column */\n  name?: string;\n  /** Enable sort for column also if you pass string you can set default sort */\n  sortable?: boolean | 'desc' | 'asc';\n  /** Enable resize for column\n   * @ignore */\n  resizable?: boolean;\n  /** Fixed column on the left/right */\n  fixed?: 'left' | 'right';\n}\n\nexport interface IDataTableBodyProps extends IBoxProps {\n  /** Rows table */\n  rows?: DataTableRow[];\n  /** When enabled, only visually acessable rows are rendered.\n   * `tollerance` property controls how many rows outside of viewport are render.\n   * `rowHeight` fixes the rows height if it known. If not provided, first row node height is measured.\n   * @default { tollerance: 2 }\n   */\n  virtualScroll?: boolean | { tollerance?: number; rowHeight?: number };\n  /**\n   * Called every time user scrolls area\n   */\n  onScroll?: (event: React.SyntheticEvent<HTMLElement>) => void;\n}\n\nexport interface IDataTableRowProps extends IBoxProps {\n  /** Theme for row */\n  theme?: DataTableTheme;\n  /** Displays row as active/hover */\n  active?: boolean;\n}\n\nexport interface IDataTableCellProps extends IFlexProps {\n  /** Unique name column or columns separated by / */\n  name: string;\n  /** Theme for cell */\n  theme?: DataTableTheme;\n}\n\nclass RootDefinitionTable extends Component<AsProps> {\n  static displayName = 'DefinitionTable';\n\n  static style = style;\n\n  static defaultProps = {\n    use: 'primary',\n    uniqueKey: 'id',\n    sort: [],\n    data: [],\n  } as AsProps;\n\n  columns: Column[] = [];\n\n  tableRef = React.createRef<HTMLElement>();\n  scrollBodyRef: null | ReturnType<ReturnType<typeof syncScroll>> = null;\n  scrollHeadRef: null | ReturnType<ReturnType<typeof syncScroll>> = null;\n\n  constructor(props: AsProps) {\n    super(props);\n\n    const createRef = syncScroll();\n    // first create body ref for master scroll\n    this.scrollBodyRef = createRef('body');\n    this.scrollHeadRef = createRef('head');\n  }\n\n  handlerSortClick = (name: string, event: React.MouseEvent) => {\n    const column = this.columns.find((column) => column.name === name)!;\n    return fire(\n      this,\n      'onSortChange',\n      [\n        column.name,\n        column.active ? REVERSED_SORT_DIRECTION[column.sortDirection] : column.sortDirection,\n      ],\n      event,\n    );\n  };\n\n  handlerResize = () => {\n    this.forceUpdate();\n  };\n\n  scrollToUp = () => {\n    this.tableRef?.current?.scrollIntoView({\n      block: 'nearest',\n      inline: 'nearest',\n      behavior: 'smooth',\n    });\n  };\n\n  setVarStyle(columns: Column[]) {\n    for (const column of columns) {\n      if (Array.isArray(column.cssVar)) {\n        for (const cssVar of column.cssVar) {\n          this.tableRef.current?.style.setProperty(cssVar, `${column.width}px`);\n        }\n      } else {\n        this.tableRef.current?.style.setProperty(column.cssVar, `${column.width}px`);\n      }\n    }\n  }\n\n  childrenToColumns(\n    children: React.ReactNode,\n    options: { fixed?: 'left' | 'right' } = { fixed: undefined },\n  ) {\n    const { sort } = this.asProps;\n    const columnsChildren: Column[] = [];\n    React.Children.forEach(children, (child) => {\n      if (!React.isValidElement(child)) return;\n      if (child.type !== DefinitionTable.Column) return;\n\n      let {\n        children,\n        name,\n        fixed = options.fixed,\n        resizable,\n        sortable,\n        ...props\n      } = child.props as Column['props'];\n      const isGroup = !name;\n      let columns: Column[] = [];\n\n      if (isGroup) {\n        columns = this.childrenToColumns(children, { fixed });\n        name = flattenColumns(columns)\n          .map(({ name }) => name)\n          .join('/');\n        if (!columns.length) return;\n        children = React.Children.toArray(children).filter(\n          (child) => !(React.isValidElement(child) && child.type === DefinitionTable.Column),\n        );\n      }\n\n      const column = this.columns.find((column) => column.name === name);\n      columnsChildren.push({\n        get width() {\n          return this.props.ref.current?.getBoundingClientRect().width || 0;\n        },\n        name,\n        cssVar: createCssVarForWidth(name),\n        fixed,\n        resizable,\n        active: sort[0] === name,\n        sortable,\n        sortDirection:\n          sort[0] === name\n            ? sort[1]\n            : column?.sortDirection ||\n              (typeof sortable == 'string' ? sortable : DEFAULT_SORT_DIRECTION),\n        columns,\n        props: {\n          name,\n          ref: column?.props?.ref || React.createRef(),\n          children,\n          ...props,\n        },\n      });\n    });\n    return columnsChildren;\n  }\n\n  getHeadProps(props: HeadAsProps) {\n    const { use } = this.asProps;\n    const columnsChildren = this.childrenToColumns(props.children);\n    this.columns = flattenColumns(columnsChildren);\n    return {\n      $onSortClick: callAllEventHandlers(this.handlerSortClick, this.scrollToUp),\n      columnsChildren,\n      use,\n      onResize: this.handlerResize,\n      $scrollRef: this.scrollHeadRef,\n    };\n  }\n\n  getBodyProps(props: BodyAsProps) {\n    const { data, use, uniqueKey } = this.asProps;\n\n    const cellPropsLayers: { [columnName: string]: PropsLayer[] } = {};\n    const rowPropsLayers: PropsLayer[] = [];\n\n    React.Children.forEach(props.children, (child) => {\n      if (React.isValidElement(child)) {\n        const { name, children, ...other } = child.props as {\n          name?: string;\n          children?: PseudoChildPropsGetter;\n        } & { [propName: string]: unknown };\n        if (child.type === DefinitionTable.Cell && name) {\n          name.split('/').forEach((name) => {\n            cellPropsLayers[name] = cellPropsLayers[name] || [];\n            cellPropsLayers[name].push({\n              ...other,\n              childrenPropsGetter: children,\n            });\n          });\n        }\n        if (child.type === DefinitionTable.Row) {\n          rowPropsLayers.push({\n            ...other,\n            childrenPropsGetter: children,\n          });\n        }\n      }\n    });\n\n    return {\n      columns: this.columns,\n      rows: this.dataToRows(data, cellPropsLayers),\n      uniqueKey,\n      use,\n      rowPropsLayers,\n      $scrollRef: this.scrollBodyRef,\n    };\n  }\n\n  dataToRows(data: RowData[], cellPropsLayers: { [columnName: string]: PropsLayer[] }) {\n    const parseData = (data: RowData[], exclude: { [columnName: string]: true }) =>\n      data.map((row) => {\n        const groupByName: {\n          [columnName: string]: {\n            groupedColumns: string[];\n            groupData: { [columnName: string]: unknown };\n          };\n        } = {};\n        const groupedColumns: { [columnname: string]: true } = {};\n        const ungroupedColumns: { [columnname: string]: true } = {};\n        for (const rowKey in row) {\n          const columnNames = rowKey.split('/');\n          if (columnNames.length >= 2) {\n            for (const column of columnNames) {\n              groupByName[column] = {\n                groupedColumns: columnNames,\n                groupData: row[rowKey] as { [columnName: string]: unknown },\n              };\n              groupedColumns[rowKey] = true;\n            }\n          } else {\n            ungroupedColumns[rowKey] = true;\n          }\n        }\n        const rowsGroup = row[ROW_GROUP] || [];\n        const rowsGroupedNames = Object.fromEntries(\n          rowsGroup\n            .map((subRow) => Object.keys(subRow))\n            .flat()\n            .map((key) => [key, true]),\n        );\n\n        let isGroup = false;\n\n        const cells: NestedCells = this.columns\n          .map((column) => {\n            if (groupByName[column.name]) {\n              const { groupedColumns, groupData } = groupByName[column.name];\n              if (groupedColumns[0] === column.name) {\n                return {\n                  name: groupedColumns.join('/'),\n                  cssVar: groupedColumns.map(createCssVarForWidth),\n                  fixed: column.fixed,\n                  data: groupData,\n                  cellPropsLayers: cellPropsLayers[column.name] || [],\n                };\n              }\n            } else if (column.name in row) {\n              return {\n                name: column.name,\n                cssVar: column.cssVar,\n                fixed: column.fixed,\n                data: row[column.name],\n                cellPropsLayers: cellPropsLayers[column.name] || [],\n              };\n            } else if (!isGroup && rowsGroupedNames[column.name]) {\n              // TODO: make it work not only with first group\n              isGroup = true;\n              return parseData(rowsGroup, {\n                ...ungroupedColumns,\n                ...groupedColumns,\n              });\n            } else if (!exclude[column.name] && !rowsGroupedNames[column.name]) {\n              return {\n                name: column.name,\n                cssVar: column.cssVar,\n                fixed: column.fixed,\n                data: null,\n                cellPropsLayers: cellPropsLayers[column.name] || [],\n              };\n            }\n          })\n          .filter((column) => column !== undefined)\n          .map((column) => column!);\n\n        cells.flatRowData = row;\n        return cells;\n      });\n\n    return parseData(data, {});\n  }\n\n  componentDidUpdate() {\n    this.setVarStyle(this.columns);\n  }\n\n  render() {\n    const SDataTable = Root;\n    const { Children, styles } = this.asProps;\n\n    return sstyled(styles)(\n      <SDataTable render={Box} __excludeProps={['data']} ref={this.tableRef}>\n        <Children />\n      </SDataTable>,\n    );\n  }\n}\n\ninterface IDataTableCtx {\n  getHeadProps: PropGetterFn;\n  getBodyProps: PropGetterFn;\n}\n\nfunction ComponentDefinition() {\n  return null;\n}\n\nconst DefinitionTable = createComponent(\n  RootDefinitionTable,\n  {\n    Head,\n    Body,\n    Column: ComponentDefinition,\n    Cell: ComponentDefinition,\n    Row: ComponentDefinition,\n  },\n  {},\n) as (<T>(props: CProps<IDataTableProps & T, IDataTableCtx>) => ReturnEl) & {\n  Head: <T>(props: IDataTableHeadProps & T) => ReturnEl;\n  Body: <T>(props: IDataTableBodyProps & T) => ReturnEl;\n  Column: <T>(props: IDataTableColumnProps & T) => ReturnEl;\n  Cell: <T>(props: ChildRenderFn<IDataTableCellProps & T>) => ReturnEl;\n  Row: <T>(props: ChildRenderFn<IDataTableRowProps & T>) => ReturnEl;\n};\n\nexport { ROW_GROUP };\nexport default DefinitionTable;\n"],"file":"DataTable.js"}

package/lib/cjs/Head.js

@@ -56,14 +56,14 @@ var scrollStyles = (
 /*__reshadow_css_start__*/
 _core.sstyled.insert(
 /*__inner_css_start__*/
-".___SShadowHorizontal_1w6je_gg_:before{left:var(--left_1jfuf14)!important}.___SShadowHorizontal_1w6je_gg_:after{right:var(--right_1jfuf14)!important}"
+".___SShadowHorizontal_1xvig_gg_:before{left:var(--left_1xvig)!important}.___SShadowHorizontal_1xvig_gg_:after{right:var(--right_1xvig)!important}"
 /*__inner_css_end__*/
-, "1jfuf14_gg_")
+, "1xvig_gg_")
 /*__reshadow_css_end__*/
 , {
-  "__SShadowHorizontal": "___SShadowHorizontal_1w6je_gg_",
-  "--left": "--left_1jfuf14",
-  "--right": "--right_1jfuf14"
+  "__SShadowHorizontal": "___SShadowHorizontal_1xvig_gg_",
+  "--left": "--left_1xvig",
+  "--right": "--right_1xvig"
 });
 var SORTING_ICON = {
   desc: _m["default"],
@@ -166,6 +166,7 @@ var Head = /*#__PURE__*/function (_Component) {
           _ref3;
 
       var SHead = _flexBox.Box;
+      var SHeadWrapper = _flexBox.Box;
       var _this$asProps2 = this.asProps,
           Children = _this$asProps2.Children,
           styles = _this$asProps2.styles,
@@ -173,7 +174,6 @@ var Head = /*#__PURE__*/function (_Component) {
           onResize = _this$asProps2.onResize,
           $scrollRef = _this$asProps2.$scrollRef,
           sticky = _this$asProps2.sticky;
-      var SHeadWrapper = _flexBox.Box;
       this.columns = (0, _utils.flattenColumns)(columnsChildren);
 
       var _getScrollOffsetValue = (0, _utils.getScrollOffsetValue)(this.columns),

package/lib/cjs/Head.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/Head.tsx"],"names":["SORTING_ICON","desc","SortDesc","asc","SortAsc","Head","name","event","asProps","$onSortClick","code","columns","width","map","column","renderColumn","styles","use","hidden","SColumn","Flex","SHead","Box","SSortIcon","sortDirection","isGroup","length","cSize","value","style","flexBasis","props","flex","undefined","fixed","resizable","sortable","active","onClick","bindHandlerSortClick","onKeyDown","bindHandlerKeyDown","children","renderColumns","Children","columnsChildren","onResize","$scrollRef","sticky","SHeadWrapper","offsetLeftSum","offsetRightSum","logger","warn","displayName","scrollStyles","origin","Component"],"mappings":"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","sourcesContent":["import React from 'react';\nimport { Component, sstyled, Root } from '@semcore/core';\nimport { Box, Flex } from '@semcore/flex-box';\nimport ScrollArea from '@semcore/scroll-area';\nimport SortDesc from '@semcore/icon/SortDesc/m';\nimport SortAsc from '@semcore/icon/SortAsc/m';\nimport { callAllEventHandlers } from '@semcore/utils/lib/assignProps';\nimport { flattenColumns, getFixedStyle, getScrollOffsetValue } from './utils';\nimport type { Column } from './types';\nimport logger from '@semcore/utils/lib/logger';\nimport 'resize-observer-polyfill';\n\nimport scrollStyles from './style/scroll-area.shadow.css';\n\nconst SORTING_ICON = {\n  desc: SortDesc,\n  asc: SortAsc,\n} as const;\n\ntype AsProps = {\n  $onSortClick: (name: string, event: React.MouseEvent | React.KeyboardEvent) => void;\n  $scrollRef: (instance: unknown) => void;\n  use: 'primary' | 'secondary';\n  columnsChildren: Column[];\n  onResize: ResizeObserverCallback;\n  sticky: boolean;\n  ['data-ui-name']: string;\n};\n\nclass Head extends Component<AsProps> {\n  columns: Column[] = [];\n\n  static displayName: string;\n\n  bindHandlerSortClick = (name: string) => (event: React.MouseEvent) => {\n    this.asProps.$onSortClick(name, event);\n  };\n\n  bindHandlerKeyDown = (name: string) => (event: React.KeyboardEvent) => {\n    if (event.code === 'Enter') {\n      this.asProps.$onSortClick(name, event);\n    }\n  };\n\n  renderColumns(columns: Column[], width: number) {\n    return columns.map((column) => this.renderColumn(column, width));\n  }\n\n  renderColumn(column: Column, width: number) {\n    const { styles, use, hidden } = this.asProps;\n    const SColumn = Flex;\n    const SHead = Box;\n    const SSortIcon = SORTING_ICON[column.sortDirection];\n    const isGroup = column.columns?.length > 0;\n    const cSize = isGroup ? flattenColumns(column.columns).length : 1;\n    const [name, value] = getFixedStyle(column, this.columns);\n\n    const style = {\n      flexBasis: column.props.flex === undefined && `${width * cSize}%`,\n      ...column.props.style,\n    };\n\n    if (name !== undefined && value !== undefined) {\n      style[name] = value;\n    }\n\n    return sstyled(styles)(\n      <SColumn\n        key={column.name}\n        use={use}\n        fixed={column.fixed}\n        resizable={column.resizable}\n        sortable={column.sortable}\n        active={column.active}\n        group={isGroup}\n        tabIndex={column.sortable && 0}\n        {...column.props}\n        onClick={callAllEventHandlers(\n          column.props.onClick,\n          column.sortable ? this.bindHandlerSortClick(column.name) : undefined,\n        )}\n        onKeyDown={callAllEventHandlers(\n          column.props.onKeyDown,\n          column.sortable ? this.bindHandlerKeyDown(column.name) : undefined,\n        )}\n        style={style}\n        hidden={hidden}\n      >\n        {isGroup ? (\n          <>\n            <SColumn groupHead use={use}>\n              <div>{column.props.children}</div>\n            </SColumn>\n            <SHead>{this.renderColumns(column.columns, 100 / cSize)}</SHead>\n          </>\n        ) : (\n          <>\n            <div>{column.props.children}</div>\n            {column.sortable ? <SSortIcon active={column.active} /> : null}\n          </>\n        )}\n      </SColumn>,\n    );\n  }\n\n  render() {\n    const SHead = Root;\n    const { Children, styles, columnsChildren, onResize, $scrollRef, sticky } = this.asProps;\n    const SHeadWrapper = Box;\n\n    this.columns = flattenColumns(columnsChildren);\n\n    const [offsetLeftSum, offsetRightSum] = getScrollOffsetValue(this.columns);\n\n    logger.warn(\n      sticky,\n      \"'sticky' property is deprecated, use '<Sticky/>' wrapper\",\n      this.asProps['data-ui-name'] || Head.displayName,\n    );\n\n    return sstyled(styles)(\n      <SHeadWrapper sticky={sticky}>\n        <ScrollArea\n          styles={scrollStyles}\n          use:left={`${offsetLeftSum}px`}\n          use:right={`${offsetRightSum}px`}\n          shadow\n          onResize={onResize}\n        >\n          <ScrollArea.Container ref={$scrollRef}>\n            <SHead render={Box}>\n              {this.renderColumns(columnsChildren, 100 / this.columns.length)}\n            </SHead>\n          </ScrollArea.Container>\n        </ScrollArea>\n        {Children.origin}\n      </SHeadWrapper>,\n    );\n  }\n}\n\nexport default Head;\n"],"file":"Head.js"}
+{"version":3,"sources":["../../src/Head.tsx"],"names":["SORTING_ICON","desc","SortDesc","asc","SortAsc","Head","name","event","asProps","$onSortClick","code","columns","width","map","column","renderColumn","styles","use","hidden","SColumn","Flex","SHead","Box","SSortIcon","sortDirection","isGroup","length","cSize","value","style","flexBasis","props","flex","undefined","fixed","resizable","sortable","active","onClick","bindHandlerSortClick","onKeyDown","bindHandlerKeyDown","children","renderColumns","SHeadWrapper","Children","columnsChildren","onResize","$scrollRef","sticky","offsetLeftSum","offsetRightSum","logger","warn","displayName","scrollStyles","origin","Component"],"mappings":"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","sourcesContent":["import React from 'react';\nimport { Component, sstyled, Root } from '@semcore/core';\nimport { Box, Flex } from '@semcore/flex-box';\nimport ScrollArea from '@semcore/scroll-area';\nimport SortDesc from '@semcore/icon/SortDesc/m';\nimport SortAsc from '@semcore/icon/SortAsc/m';\nimport { callAllEventHandlers } from '@semcore/utils/lib/assignProps';\nimport { flattenColumns, getFixedStyle, getScrollOffsetValue } from './utils';\nimport type { Column } from './types';\nimport logger from '@semcore/utils/lib/logger';\nimport 'resize-observer-polyfill';\n\nimport scrollStyles from './style/scroll-area.shadow.css';\n\nconst SORTING_ICON = {\n  desc: SortDesc,\n  asc: SortAsc,\n} as const;\n\ntype AsProps = {\n  $onSortClick: (name: string, event: React.MouseEvent | React.KeyboardEvent) => void;\n  $scrollRef: (instance: unknown) => void;\n  use: 'primary' | 'secondary';\n  columnsChildren: Column[];\n  onResize: ResizeObserverCallback;\n  sticky: boolean;\n  ['data-ui-name']: string;\n};\n\nclass Head extends Component<AsProps> {\n  columns: Column[] = [];\n\n  static displayName: string;\n\n  bindHandlerSortClick = (name: string) => (event: React.MouseEvent) => {\n    this.asProps.$onSortClick(name, event);\n  };\n\n  bindHandlerKeyDown = (name: string) => (event: React.KeyboardEvent) => {\n    if (event.code === 'Enter') {\n      this.asProps.$onSortClick(name, event);\n    }\n  };\n\n  renderColumns(columns: Column[], width: number) {\n    return columns.map((column) => this.renderColumn(column, width));\n  }\n\n  renderColumn(column: Column, width: number) {\n    const { styles, use, hidden } = this.asProps;\n    const SColumn = Flex;\n    const SHead = Box;\n    const SSortIcon = SORTING_ICON[column.sortDirection];\n    const isGroup = column.columns?.length > 0;\n    const cSize = isGroup ? flattenColumns(column.columns).length : 1;\n    const [name, value] = getFixedStyle(column, this.columns);\n\n    const style = {\n      flexBasis: column.props.flex === undefined && `${width * cSize}%`,\n      ...column.props.style,\n    };\n\n    if (name !== undefined && value !== undefined) {\n      style[name] = value;\n    }\n\n    return sstyled(styles)(\n      <SColumn\n        key={column.name}\n        use={use}\n        fixed={column.fixed}\n        resizable={column.resizable}\n        sortable={column.sortable}\n        active={column.active}\n        group={isGroup}\n        tabIndex={column.sortable && 0}\n        {...column.props}\n        onClick={callAllEventHandlers(\n          column.props.onClick,\n          column.sortable ? this.bindHandlerSortClick(column.name) : undefined,\n        )}\n        onKeyDown={callAllEventHandlers(\n          column.props.onKeyDown,\n          column.sortable ? this.bindHandlerKeyDown(column.name) : undefined,\n        )}\n        style={style}\n        hidden={hidden}\n      >\n        {isGroup ? (\n          <>\n            <SColumn groupHead use={use}>\n              <div>{column.props.children}</div>\n            </SColumn>\n            <SHead>{this.renderColumns(column.columns, 100 / cSize)}</SHead>\n          </>\n        ) : (\n          <>\n            <div>{column.props.children}</div>\n            {column.sortable ? <SSortIcon active={column.active} /> : null}\n          </>\n        )}\n      </SColumn>,\n    );\n  }\n\n  render() {\n    const SHead = Root;\n    const SHeadWrapper = Box;\n    const { Children, styles, columnsChildren, onResize, $scrollRef, sticky } = this.asProps;\n\n    this.columns = flattenColumns(columnsChildren);\n\n    const [offsetLeftSum, offsetRightSum] = getScrollOffsetValue(this.columns);\n\n    logger.warn(\n      sticky,\n      \"'sticky' property is deprecated, use '<Sticky/>' wrapper\",\n      this.asProps['data-ui-name'] || Head.displayName,\n    );\n\n    return sstyled(styles)(\n      <SHeadWrapper sticky={sticky}>\n        <ScrollArea\n          styles={scrollStyles}\n          use:left={`${offsetLeftSum}px`}\n          use:right={`${offsetRightSum}px`}\n          shadow\n          onResize={onResize}\n        >\n          <ScrollArea.Container ref={$scrollRef}>\n            <SHead render={Box}>\n              {this.renderColumns(columnsChildren, 100 / this.columns.length)}\n            </SHead>\n          </ScrollArea.Container>\n        </ScrollArea>\n        {Children.origin}\n      </SHeadWrapper>,\n    );\n  }\n}\n\nexport default Head;\n"],"file":"Head.js"}

package/lib/cjs/style/data-table.shadow.css

@@ -288,6 +288,8 @@ SScrollAreaBar[orientation='horizontal'] {
 SHeightHold {
   position: absolute;
   top: 0;
-  width: 0;
+  width: 100%;
   pointer-events: none;
+  /* should be under other layers */
+  z-index: -1;
 }