@semcore/data-table 3.4.0 → 3.5.0

package/CHANGELOG.md

@@ -2,6 +2,18 @@
 
 CHANGELOG.md standards are inspired by [keepachangelog.com](https://keepachangelog.com/en/1.0.0/).
 
+## [3.5.0] - 2022-11-01
+
+### Added
+
+- Support for inheritance of `alignItems` prop from header to cells.
+
+## [3.4.1] - 2022-10-28
+
+### Changed
+
+- Version patch update due to children dependencies update (`@semcore/icon` [3.1.1 ~> 3.1.2], `@semcore/utils` [3.40.0 ~> 3.40.0]).
+
 ## [3.4.0] - 2022-10-25
 
 ### Added

package/lib/cjs/Body.js

@@ -71,16 +71,16 @@ var scrollStyles = (
 /*__reshadow_css_start__*/
 _core.sstyled.insert(
 /*__inner_css_start__*/
-".___SShadowHorizontal_1vv1q_gg_:before {\n  left: var(--left_1vv1q) !important;\n}\n.___SShadowHorizontal_1vv1q_gg_:after {\n  right: var(--right_1vv1q) !important;\n}\n.___SContainer_1vv1q_gg_.__disabledScroll_1vv1q_gg_ {\n  overflow: visible;\n}\n"
+".___SShadowHorizontal_rabut_gg_:before{left:var(--left_rabut)!important}.___SShadowHorizontal_rabut_gg_:after{right:var(--right_rabut)!important}.___SContainer_rabut_gg_.__disabledScroll_rabut_gg_{overflow:visible}"
 /*__inner_css_end__*/
-, "1vv1q_gg_")
+, "rabut_gg_")
 /*__reshadow_css_end__*/
 , {
-  "__SShadowHorizontal": "___SShadowHorizontal_1vv1q_gg_",
-  "--left": "--left_1vv1q",
-  "--right": "--right_1vv1q",
-  "__SContainer": "___SContainer_1vv1q_gg_",
-  "_disabledScroll": "__disabledScroll_1vv1q_gg_"
+  "__SShadowHorizontal": "___SShadowHorizontal_rabut_gg_",
+  "--left": "--left_rabut",
+  "--right": "--right_rabut",
+  "__SContainer": "___SContainer_rabut_gg_",
+  "_disabledScroll": "__disabledScroll_rabut_gg_"
 });
 var testEnv = process.env.NODE_ENV === 'test';
 
@@ -186,7 +186,7 @@ var Body = /*#__PURE__*/function (_Component) {
             "data-ui-name": "group-cell"
           }), _this2.renderRows(cell));
         } else {
-          var _ref3, _column$props;
+          var _ref3, _column$props, _column$props2;
 
           var column = columns.find(function (c) {
             return c.name === cell.name;
@@ -204,6 +204,7 @@ var Body = /*#__PURE__*/function (_Component) {
             name: cell.name,
             children: /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, cell.data),
             justifyContent: column === null || column === void 0 ? void 0 : (_column$props = column.props) === null || _column$props === void 0 ? void 0 : _column$props.justifyContent,
+            alignItems: column === null || column === void 0 ? void 0 : (_column$props2 = column.props) === null || _column$props2 === void 0 ? void 0 : _column$props2.alignItems,
             style: {
               width: vars.length === 1 ? vars[0] : "calc(".concat(vars.join(' + '), ")")
             }

package/lib/cjs/Body.js.map

@@ -1 +1 @@
-{"version":3,"file":"Body.js","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","trottle","entries","contentRect","height","setState","oldState","event","target","scrollTop","firstRowRef","current","firstRowResizeObserver","ResizeObserver","handleFirstRowResize","observe","rowData","index","SCell","Flex","styles","columns","use","Array","isArray","SGroupCell","sstyled","renderRows","column","find","c","getFixedStyle","value","vars","cssVar","props","children","justifyContent","style","width","length","join","cellPropsLayers","cellPropLayer","childrenPropsGetter","p","other","propsCell","assignProps","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","disabledScroll","columnsInitialized","reduce","sum","getScrollOffsetValue","offsetLeftSum","offsetRightSum","offsetSum","holdHeight","Promise","setupRowSizeObserver","scrollStyles","callAllEventHandlers","handleScrollAreaResize","handleScrollAreaScroll","renderVirtualizedRows","origin","Component"],"sources":["../../src/Body.tsx"],"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  disabledScroll?: boolean;\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 role=\"rowgroup\" 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\n            key={cell.name}\n            role=\"cell\"\n            {...props}\n            fixed={cell.fixed}\n            theme={props.theme}\n            use={use}\n          />,\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      'aria-rowindex': dataIndex + 1,\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 role=\"row\" {...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 {\n      Children,\n      styles,\n      rows,\n      columns,\n      $scrollRef,\n      virtualScroll,\n      onResize,\n      onScroll,\n      disabledScroll,\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} disabledScroll={disabledScroll}>\n            <SBody render={Box} role=\"rowgroup\">\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"],"mappings":"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"}
+{"version":3,"file":"Body.js","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","trottle","entries","contentRect","height","setState","oldState","event","target","scrollTop","firstRowRef","current","firstRowResizeObserver","ResizeObserver","handleFirstRowResize","observe","rowData","index","SCell","Flex","styles","columns","use","Array","isArray","SGroupCell","sstyled","renderRows","column","find","c","getFixedStyle","value","vars","cssVar","props","children","justifyContent","alignItems","style","width","length","join","cellPropsLayers","cellPropLayer","childrenPropsGetter","p","other","propsCell","assignProps","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","disabledScroll","columnsInitialized","reduce","sum","getScrollOffsetValue","offsetLeftSum","offsetRightSum","offsetSum","holdHeight","Promise","setupRowSizeObserver","scrollStyles","callAllEventHandlers","handleScrollAreaResize","handleScrollAreaScroll","renderVirtualizedRows","origin","Component"],"sources":["../../src/Body.tsx"],"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  disabledScroll?: boolean;\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 role=\"rowgroup\" 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          alignItems: column?.props?.alignItems,\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\n            key={cell.name}\n            role=\"cell\"\n            {...props}\n            fixed={cell.fixed}\n            theme={props.theme}\n            use={use}\n          />,\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      'aria-rowindex': dataIndex + 1,\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 role=\"row\" {...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 {\n      Children,\n      styles,\n      rows,\n      columns,\n      $scrollRef,\n      virtualScroll,\n      onResize,\n      onScroll,\n      disabledScroll,\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} disabledScroll={disabledScroll}>\n            <SBody render={Box} role=\"rowgroup\">\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"],"mappings":"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"}

package/lib/cjs/DataTable.js

@@ -69,46 +69,46 @@ var style = (
 /*__reshadow_css_start__*/
 _core.sstyled.insert(
 /*__inner_css_start__*/
-":root {\n\n  /* DEPRECATED START\n     Deprecated variables should never be used in\n     components styles but preserved for backward\n     compatibility if they used in projects\n     like `<Badge bg=\"red\">alpha</Badge>`\n  */\n  /* DEPRECATED END */\n}\n\n.___SDataTable_10inw_gg_ {\n  position: relative;\n}\n\n.___SHeadWrapper_10inw_gg_ {\n  position: relative;\n}\n\n.___SHeadWrapper_10inw_gg_.__sticky_10inw_gg_ {\n  position: sticky;\n  top: 0;\n  z-index: 2;\n}\n\n.___SHead_10inw_gg_ {\n  display: flex;\n  position: relative;\n  flex-direction: row;\n  min-width: -moz-fit-content;\n  min-width: fit-content;\n  z-index: 0;\n}\n\n.___SColumn_10inw_gg_ {\n  display: flex;\n  align-items: center;\n  flex-grow: 1;\n  font-size: 12px;\n  color: #191b23;\n  box-sizing: border-box;\n  position: relative\n}\n\n.___SColumn_10inw_gg_:focus {\n    outline: none;\n    box-shadow: 0 0 0 3px rgba(0, 143, 248, 0.2);\n  }\n\n.___SColumn_10inw_gg_.__hidden_10inw_gg_ {\n  height: 0 !important;\n  padding: 0 !important;\n  overflow: hidden !important;\n  border: none !important;\n}\n\n.___SColumn_10inw_gg_._use_primary_10inw_gg_ {\n  padding: 12px;\n  border-right: 1px solid #e0e1e9;\n  border-bottom: 1px solid #e0e1e9;\n  background-color: #f4f5f9;\n}\n\n.___SColumn_10inw_gg_._use_secondary_10inw_gg_ {\n  padding: 8px;\n  border-bottom: 1px solid #a9abb6;\n  background-color: #ffffff;\n}\n\n.___SColumn_10inw_gg_.__use_10inw_gg_:last-child {\n  border-right: none;\n}\n\n.___SColumn_10inw_gg_.__group_10inw_gg_.__use_10inw_gg_ {\n  display: flex;\n  flex-wrap: wrap;\n  flex-direction: column;\n  align-items: normal;\n  border-bottom: none;\n  padding: 0;\n}\n\n.___SColumn_10inw_gg_.__groupHead_10inw_gg_.__use_10inw_gg_ {\n  justify-content: center;\n  border-right: none;\n  /* for resizable */\n  z-index: 1;\n}\n\n.___SColumn_10inw_gg_.__groupHead_10inw_gg_._use_primary_10inw_gg_ {\n  border-bottom: 1px solid #e0e1e9;\n}\n\n.___SColumn_10inw_gg_.__groupHead_10inw_gg_._use_secondary_10inw_gg_ {\n  border-bottom: 1px solid #e0e1e9;\n}\n\n.___SColumn_10inw_gg_.__sortable_10inw_gg_ {\n  cursor: pointer\n}\n\n.___SColumn_10inw_gg_.__sortable_10inw_gg_._use_primary_10inw_gg_:hover {\n    background-color: #e0e1e9;\n  }\n\n.___SColumn_10inw_gg_.__active_10inw_gg_._use_primary_10inw_gg_ {\n  background-color: #e0e1e9;\n}\n\n.___SColumn_10inw_gg_.__resizable_10inw_gg_:hover:after {\n    background: #e0e1e9;\n  }\n\n.___SColumn_10inw_gg_.__resizable_10inw_gg_:after {\n    content: '';\n    position: absolute;\n    bottom: 0;\n    right: -1px;\n    height: 100vh;\n    width: 1px;\n    background: transparent;\n    cursor: col-resize;\n  }\n\n.___SColumn_10inw_gg_.__fixed_10inw_gg_ {\n  position: sticky;\n  /* because up resizable */\n  z-index: 2;\n}\n\n.___SSortIcon_10inw_gg_ {\n  fill: #a9abb6;\n  margin-left: 6px;\n}\n\n.___SSortIcon_10inw_gg_.__active_10inw_gg_ {\n  fill: #8a8e9b;\n}\n\n.___SBodyWrapper_10inw_gg_ {\n  position: relative;\n}\n\n.___SBody_10inw_gg_ {\n  display: flex;\n  flex-direction: column;\n  position: relative;\n  min-width: -moz-fit-content;\n  min-width: fit-content;\n}\n\n.___SRow_10inw_gg_ {\n  display: flex;\n  flex-direction: row;\n  position: relative;\n}\n\n/* DEFAULT THEME */\n\n.___SRow_10inw_gg_.__active_10inw_gg_ > .___SCell_10inw_gg_:not(.__theme_10inw_gg_),\n.___SRow_10inw_gg_:hover > .___SCell_10inw_gg_:not(.__theme_10inw_gg_),\n.___SRow_10inw_gg_ .___SCell_10inw_gg_:hover + .___SGroupCell_10inw_gg_ .___SCell_10inw_gg_:not(.__theme_10inw_gg_) {\n  background-color: rgb(240, 240, 244);\n}\n\n/* MUTED THEME */\n\n.___SRow_10inw_gg_._theme_muted_10inw_gg_ .___SCell_10inw_gg_:not(.__theme_10inw_gg_) {\n  background-color: #f2f3f4;\n}\n\n.___SRow_10inw_gg_:hover > .___SCell_10inw_gg_._theme_muted_10inw_gg_,\n.___SRow_10inw_gg_._theme_muted_10inw_gg_.__active_10inw_gg_ > .___SCell_10inw_gg_:not(.__theme_10inw_gg_),\n.___SRow_10inw_gg_._theme_muted_10inw_gg_:hover > .___SCell_10inw_gg_:not(.__theme_10inw_gg_),\n.___SRow_10inw_gg_._theme_muted_10inw_gg_ .___SCell_10inw_gg_:hover + .___SGroupCell_10inw_gg_ .___SCell_10inw_gg_:not(.__theme_10inw_gg_) {\n  background-color: #f6f7f7;\n}\n\n/* INFO THEME */\n\n.___SRow_10inw_gg_._theme_info_10inw_gg_ .___SCell_10inw_gg_:not(.__theme_10inw_gg_) {\n  background-color: #e9f7ff;\n}\n\n.___SRow_10inw_gg_:hover > .___SCell_10inw_gg_._theme_info_10inw_gg_,\n.___SRow_10inw_gg_._theme_info_10inw_gg_.__active_10inw_gg_ > .___SCell_10inw_gg_:not(.__theme_10inw_gg_),\n.___SRow_10inw_gg_._theme_info_10inw_gg_:hover > .___SCell_10inw_gg_:not(.__theme_10inw_gg_),\n.___SRow_10inw_gg_._theme_info_10inw_gg_ .___SCell_10inw_gg_:hover + .___SGroupCell_10inw_gg_ .___SCell_10inw_gg_:not(.__theme_10inw_gg_) {\n  background-color: #c4e5fe;\n}\n\n/* SUCCESS THEME */\n\n.___SRow_10inw_gg_._theme_success_10inw_gg_ .___SCell_10inw_gg_:not(.__theme_10inw_gg_) {\n  background-color: #dbfee8;\n}\n\n.___SRow_10inw_gg_:hover > .___SCell_10inw_gg_._theme_success_10inw_gg_,\n.___SRow_10inw_gg_._theme_success_10inw_gg_.__active_10inw_gg_ > .___SCell_10inw_gg_:not(.__theme_10inw_gg_),\n.___SRow_10inw_gg_._theme_success_10inw_gg_:hover > .___SCell_10inw_gg_:not(.__theme_10inw_gg_),\n.___SRow_10inw_gg_._theme_success_10inw_gg_ .___SCell_10inw_gg_:hover + .___SGroupCell_10inw_gg_ .___SCell_10inw_gg_:not(.__theme_10inw_gg_) {\n  background-color: #9ef2c9;\n}\n\n/* WARNING THEME */\n\n.___SRow_10inw_gg_._theme_warning_10inw_gg_ .___SCell_10inw_gg_:not(.__theme_10inw_gg_) {\n  background-color: #fff3d9;\n}\n\n.___SRow_10inw_gg_:hover > .___SCell_10inw_gg_._theme_warning_10inw_gg_,\n.___SRow_10inw_gg_._theme_warning_10inw_gg_.__active_10inw_gg_ > .___SCell_10inw_gg_:not(.__theme_10inw_gg_),\n.___SRow_10inw_gg_._theme_warning_10inw_gg_:hover > .___SCell_10inw_gg_:not(.__theme_10inw_gg_),\n.___SRow_10inw_gg_._theme_warning_10inw_gg_ .___SCell_10inw_gg_:hover + .___SGroupCell_10inw_gg_ .___SCell_10inw_gg_:not(.__theme_10inw_gg_) {\n  background-color: #ffdca2;\n}\n\n/* DANGER THEME */\n\n.___SRow_10inw_gg_._theme_danger_10inw_gg_ .___SCell_10inw_gg_:not(.__theme_10inw_gg_) {\n  background-color: #fff0f7;\n}\n\n.___SRow_10inw_gg_:hover > .___SCell_10inw_gg_._theme_danger_10inw_gg_,\n.___SRow_10inw_gg_._theme_danger_10inw_gg_.__active_10inw_gg_ > .___SCell_10inw_gg_:not(.__theme_10inw_gg_),\n.___SRow_10inw_gg_._theme_danger_10inw_gg_:hover > .___SCell_10inw_gg_:not(.__theme_10inw_gg_),\n.___SRow_10inw_gg_._theme_danger_10inw_gg_ .___SCell_10inw_gg_:hover + .___SGroupCell_10inw_gg_ .___SCell_10inw_gg_:not(.__theme_10inw_gg_) {\n  background-color: #ffd7df;\n}\n\n.___SRow_10inw_gg_.__positioned_10inw_gg_ {\n  position: absolute;\n}\n\n.___SCell_10inw_gg_ {\n  display: flex;\n  flex: 1;\n  flex-basis: auto;\n  font-size: 14px;\n  line-height: 1.42;\n  color: #191b23;\n  box-sizing: border-box;\n  border-bottom: 1px solid #e0e1e9;\n  overflow: hidden;\n  white-space: nowrap;\n}\n\n.___SCell_10inw_gg_._use_primary_10inw_gg_ {\n  padding: 12px;\n  min-height: 45px;\n  background-color: #ffffff;\n}\n\n.___SCell_10inw_gg_._use_secondary_10inw_gg_ {\n  padding: 8px;\n  min-height: 37px;\n  background-color: #ffffff;\n}\n\n.___SCell_10inw_gg_.__fixed_10inw_gg_ {\n  position: sticky;\n  z-index: 1;\n}\n\n.___SCell_10inw_gg_._theme_muted_10inw_gg_ {\n  background-color: #f2f3f4;\n}\n\n.___SCell_10inw_gg_._theme_info_10inw_gg_ {\n  background-color: #e9f7ff;\n}\n\n.___SCell_10inw_gg_._theme_success_10inw_gg_ {\n  background-color: #dbfee8;\n}\n\n.___SCell_10inw_gg_._theme_warning_10inw_gg_ {\n  background-color: #fff3d9;\n}\n\n.___SCell_10inw_gg_._theme_danger_10inw_gg_ {\n  background-color: #fff0f7;\n}\n\n.___SScrollAreaBar_10inw_gg_._orientation_horizontal_10inw_gg_ {\n  position: sticky;\n  bottom: 0;\n  left: 0;\n  margin-top: -12px;\n  z-index: 2;\n}\n\n.___SScrollAreaBar_10inw_gg_._orientation_vertical_10inw_gg_ {\n  width: 12px;\n}\n\n.___SScrollAreaBar_10inw_gg_._orientation_horizontal_10inw_gg_ {\n  margin-left: calc(var(--left_10inw) + 4px);\n  margin-right: calc(var(--right_10inw) + 4px);\n  width: calc(100% - var(--offsetSum_10inw) - 8px);\n}\n\n.___SHeightHold_10inw_gg_ {\n  position: absolute;\n  top: 0;\n  width: 100%;\n  pointer-events: none;\n  /* should be under other layers */\n  z-index: -1;\n}\n"
+".___SDataTable_17l5n_gg_{position:relative}.___SHeadWrapper_17l5n_gg_{position:relative}.___SHeadWrapper_17l5n_gg_.__sticky_17l5n_gg_{position:sticky;top:0;z-index:2}.___SHead_17l5n_gg_{display:flex;position:relative;flex-direction:row;min-width:-moz-fit-content;min-width:fit-content;z-index:0}.___SColumn_17l5n_gg_{display:flex;align-items:center;flex-grow:1;font-size:12px;color:#191b23;box-sizing:border-box;position:relative}.___SColumn_17l5n_gg_:focus{outline:none;box-shadow:0 0 0 3px rgba(0, 143, 248, 0.2)}.___SColumn_17l5n_gg_.__hidden_17l5n_gg_{height:0!important;padding:0!important;overflow:hidden!important;border:none!important}.___SColumn_17l5n_gg_._use_primary_17l5n_gg_{padding:12px;border-right:1px solid #e0e1e9;border-bottom:1px solid #e0e1e9;background-color:#f4f5f9}.___SColumn_17l5n_gg_._use_secondary_17l5n_gg_{padding:8px;border-bottom:1px solid #a9abb6;background-color:#ffffff}.___SColumn_17l5n_gg_.__use_17l5n_gg_:last-child{border-right:none}.___SColumn_17l5n_gg_.__group_17l5n_gg_.__use_17l5n_gg_{display:flex;flex-wrap:wrap;flex-direction:column;align-items:normal;border-bottom:none;padding:0}.___SColumn_17l5n_gg_.__groupHead_17l5n_gg_.__use_17l5n_gg_{justify-content:center;border-right:none;z-index:1}.___SColumn_17l5n_gg_.__groupHead_17l5n_gg_._use_primary_17l5n_gg_{border-bottom:1px solid #e0e1e9}.___SColumn_17l5n_gg_.__groupHead_17l5n_gg_._use_secondary_17l5n_gg_{border-bottom:1px solid #e0e1e9}.___SColumn_17l5n_gg_.__sortable_17l5n_gg_{cursor:pointer}.___SColumn_17l5n_gg_.__sortable_17l5n_gg_._use_primary_17l5n_gg_:hover{background-color:#e0e1e9}.___SColumn_17l5n_gg_.__active_17l5n_gg_._use_primary_17l5n_gg_{background-color:#e0e1e9}.___SColumn_17l5n_gg_.__resizable_17l5n_gg_:hover:after{background:#e0e1e9}.___SColumn_17l5n_gg_.__resizable_17l5n_gg_:after{content:\"\";position:absolute;bottom:0;right:-1px;height:100vh;width:1px;background:transparent;cursor:col-resize}.___SColumn_17l5n_gg_.__fixed_17l5n_gg_{position:sticky;z-index:2}.___SSortIcon_17l5n_gg_{fill:#a9abb6;margin-left:6px}.___SSortIcon_17l5n_gg_.__active_17l5n_gg_{fill:#8a8e9b}.___SBodyWrapper_17l5n_gg_{position:relative}.___SBody_17l5n_gg_{display:flex;flex-direction:column;position:relative;min-width:-moz-fit-content;min-width:fit-content}.___SRow_17l5n_gg_{display:flex;flex-direction:row;position:relative}.___SRow_17l5n_gg_:hover>.___SCell_17l5n_gg_:not(.__theme_17l5n_gg_),.___SRow_17l5n_gg_.__active_17l5n_gg_>.___SCell_17l5n_gg_:not(.__theme_17l5n_gg_),.___SRow_17l5n_gg_ .___SCell_17l5n_gg_:hover+.___SGroupCell_17l5n_gg_ .___SCell_17l5n_gg_:not(.__theme_17l5n_gg_){background-color:#f0f0f4}.___SRow_17l5n_gg_._theme_muted_17l5n_gg_ .___SCell_17l5n_gg_:not(.__theme_17l5n_gg_){background-color:#f2f3f4}.___SRow_17l5n_gg_:hover>.___SCell_17l5n_gg_._theme_muted_17l5n_gg_,.___SRow_17l5n_gg_._theme_muted_17l5n_gg_:hover>.___SCell_17l5n_gg_:not(.__theme_17l5n_gg_),.___SRow_17l5n_gg_._theme_muted_17l5n_gg_.__active_17l5n_gg_>.___SCell_17l5n_gg_:not(.__theme_17l5n_gg_),.___SRow_17l5n_gg_._theme_muted_17l5n_gg_ .___SCell_17l5n_gg_:hover+.___SGroupCell_17l5n_gg_ .___SCell_17l5n_gg_:not(.__theme_17l5n_gg_){background-color:#f6f7f7}.___SRow_17l5n_gg_._theme_info_17l5n_gg_ .___SCell_17l5n_gg_:not(.__theme_17l5n_gg_){background-color:#e9f7ff}.___SRow_17l5n_gg_:hover>.___SCell_17l5n_gg_._theme_info_17l5n_gg_,.___SRow_17l5n_gg_._theme_info_17l5n_gg_:hover>.___SCell_17l5n_gg_:not(.__theme_17l5n_gg_),.___SRow_17l5n_gg_._theme_info_17l5n_gg_.__active_17l5n_gg_>.___SCell_17l5n_gg_:not(.__theme_17l5n_gg_),.___SRow_17l5n_gg_._theme_info_17l5n_gg_ .___SCell_17l5n_gg_:hover+.___SGroupCell_17l5n_gg_ .___SCell_17l5n_gg_:not(.__theme_17l5n_gg_){background-color:#c4e5fe}.___SRow_17l5n_gg_._theme_success_17l5n_gg_ .___SCell_17l5n_gg_:not(.__theme_17l5n_gg_){background-color:#dbfee8}.___SRow_17l5n_gg_:hover>.___SCell_17l5n_gg_._theme_success_17l5n_gg_,.___SRow_17l5n_gg_._theme_success_17l5n_gg_:hover>.___SCell_17l5n_gg_:not(.__theme_17l5n_gg_),.___SRow_17l5n_gg_._theme_success_17l5n_gg_.__active_17l5n_gg_>.___SCell_17l5n_gg_:not(.__theme_17l5n_gg_),.___SRow_17l5n_gg_._theme_success_17l5n_gg_ .___SCell_17l5n_gg_:hover+.___SGroupCell_17l5n_gg_ .___SCell_17l5n_gg_:not(.__theme_17l5n_gg_){background-color:#9ef2c9}.___SRow_17l5n_gg_._theme_warning_17l5n_gg_ .___SCell_17l5n_gg_:not(.__theme_17l5n_gg_){background-color:#fff3d9}.___SRow_17l5n_gg_:hover>.___SCell_17l5n_gg_._theme_warning_17l5n_gg_,.___SRow_17l5n_gg_._theme_warning_17l5n_gg_:hover>.___SCell_17l5n_gg_:not(.__theme_17l5n_gg_),.___SRow_17l5n_gg_._theme_warning_17l5n_gg_.__active_17l5n_gg_>.___SCell_17l5n_gg_:not(.__theme_17l5n_gg_),.___SRow_17l5n_gg_._theme_warning_17l5n_gg_ .___SCell_17l5n_gg_:hover+.___SGroupCell_17l5n_gg_ .___SCell_17l5n_gg_:not(.__theme_17l5n_gg_){background-color:#ffdca2}.___SRow_17l5n_gg_._theme_danger_17l5n_gg_ .___SCell_17l5n_gg_:not(.__theme_17l5n_gg_){background-color:#fff0f7}.___SRow_17l5n_gg_:hover>.___SCell_17l5n_gg_._theme_danger_17l5n_gg_,.___SRow_17l5n_gg_._theme_danger_17l5n_gg_:hover>.___SCell_17l5n_gg_:not(.__theme_17l5n_gg_),.___SRow_17l5n_gg_._theme_danger_17l5n_gg_.__active_17l5n_gg_>.___SCell_17l5n_gg_:not(.__theme_17l5n_gg_),.___SRow_17l5n_gg_._theme_danger_17l5n_gg_ .___SCell_17l5n_gg_:hover+.___SGroupCell_17l5n_gg_ .___SCell_17l5n_gg_:not(.__theme_17l5n_gg_){background-color:#ffd7df}.___SRow_17l5n_gg_.__positioned_17l5n_gg_{position:absolute}.___SCell_17l5n_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_17l5n_gg_._use_primary_17l5n_gg_{padding:12px;min-height:45px;background-color:#ffffff}.___SCell_17l5n_gg_._use_secondary_17l5n_gg_{padding:8px;min-height:37px;background-color:#ffffff}.___SCell_17l5n_gg_.__fixed_17l5n_gg_{position:sticky;z-index:1}.___SCell_17l5n_gg_._theme_muted_17l5n_gg_{background-color:#f2f3f4}.___SCell_17l5n_gg_._theme_info_17l5n_gg_{background-color:#e9f7ff}.___SCell_17l5n_gg_._theme_success_17l5n_gg_{background-color:#dbfee8}.___SCell_17l5n_gg_._theme_warning_17l5n_gg_{background-color:#fff3d9}.___SCell_17l5n_gg_._theme_danger_17l5n_gg_{background-color:#fff0f7}.___SScrollAreaBar_17l5n_gg_._orientation_horizontal_17l5n_gg_{position:sticky;bottom:0;left:0;margin-top:-12px;z-index:2}.___SScrollAreaBar_17l5n_gg_._orientation_vertical_17l5n_gg_{width:12px}.___SScrollAreaBar_17l5n_gg_._orientation_horizontal_17l5n_gg_{margin-left:calc(var(--left_17l5n) + 4px);margin-right:calc(var(--right_17l5n) + 4px);width:calc(100% - var(--offsetSum_17l5n) - 8px)}.___SHeightHold_17l5n_gg_{position:absolute;top:0;width:100%;pointer-events:none;z-index:-1}"
 /*__inner_css_end__*/
-, "10inw_gg_")
+, "17l5n_gg_")
 /*__reshadow_css_end__*/
 , {
-  "__SDataTable": "___SDataTable_10inw_gg_",
-  "__SHeadWrapper": "___SHeadWrapper_10inw_gg_",
-  "_sticky": "__sticky_10inw_gg_",
-  "__SHead": "___SHead_10inw_gg_",
-  "__SColumn": "___SColumn_10inw_gg_",
-  "_hidden": "__hidden_10inw_gg_",
-  "_use_primary": "_use_primary_10inw_gg_",
-  "_use_secondary": "_use_secondary_10inw_gg_",
-  "_use": "__use_10inw_gg_",
-  "_group": "__group_10inw_gg_",
-  "_groupHead": "__groupHead_10inw_gg_",
-  "_sortable": "__sortable_10inw_gg_",
-  "_active": "__active_10inw_gg_",
-  "_resizable": "__resizable_10inw_gg_",
-  "_fixed": "__fixed_10inw_gg_",
-  "__SSortIcon": "___SSortIcon_10inw_gg_",
-  "__SBodyWrapper": "___SBodyWrapper_10inw_gg_",
-  "__SBody": "___SBody_10inw_gg_",
-  "__SRow": "___SRow_10inw_gg_",
-  "__SCell": "___SCell_10inw_gg_",
-  "_theme": "__theme_10inw_gg_",
-  "__SGroupCell": "___SGroupCell_10inw_gg_",
-  "_theme_muted": "_theme_muted_10inw_gg_",
-  "_theme_info": "_theme_info_10inw_gg_",
-  "_theme_success": "_theme_success_10inw_gg_",
-  "_theme_warning": "_theme_warning_10inw_gg_",
-  "_theme_danger": "_theme_danger_10inw_gg_",
-  "_positioned": "__positioned_10inw_gg_",
-  "__SScrollAreaBar": "___SScrollAreaBar_10inw_gg_",
-  "_orientation_horizontal": "_orientation_horizontal_10inw_gg_",
-  "_orientation_vertical": "_orientation_vertical_10inw_gg_",
-  "--left": "--left_10inw",
-  "--right": "--right_10inw",
-  "--offsetSum": "--offsetSum_10inw",
-  "__SHeightHold": "___SHeightHold_10inw_gg_"
+  "__SDataTable": "___SDataTable_17l5n_gg_",
+  "__SHeadWrapper": "___SHeadWrapper_17l5n_gg_",
+  "_sticky": "__sticky_17l5n_gg_",
+  "__SHead": "___SHead_17l5n_gg_",
+  "__SColumn": "___SColumn_17l5n_gg_",
+  "_hidden": "__hidden_17l5n_gg_",
+  "_use_primary": "_use_primary_17l5n_gg_",
+  "_use_secondary": "_use_secondary_17l5n_gg_",
+  "_use": "__use_17l5n_gg_",
+  "_group": "__group_17l5n_gg_",
+  "_groupHead": "__groupHead_17l5n_gg_",
+  "_sortable": "__sortable_17l5n_gg_",
+  "_active": "__active_17l5n_gg_",
+  "_resizable": "__resizable_17l5n_gg_",
+  "_fixed": "__fixed_17l5n_gg_",
+  "__SSortIcon": "___SSortIcon_17l5n_gg_",
+  "__SBodyWrapper": "___SBodyWrapper_17l5n_gg_",
+  "__SBody": "___SBody_17l5n_gg_",
+  "__SRow": "___SRow_17l5n_gg_",
+  "__SCell": "___SCell_17l5n_gg_",
+  "_theme": "__theme_17l5n_gg_",
+  "__SGroupCell": "___SGroupCell_17l5n_gg_",
+  "_theme_muted": "_theme_muted_17l5n_gg_",
+  "_theme_info": "_theme_info_17l5n_gg_",
+  "_theme_success": "_theme_success_17l5n_gg_",
+  "_theme_warning": "_theme_warning_17l5n_gg_",
+  "_theme_danger": "_theme_danger_17l5n_gg_",
+  "_positioned": "__positioned_17l5n_gg_",
+  "__SScrollAreaBar": "___SScrollAreaBar_17l5n_gg_",
+  "_orientation_horizontal": "_orientation_horizontal_17l5n_gg_",
+  "_orientation_vertical": "_orientation_vertical_17l5n_gg_",
+  "--left": "--left_17l5n",
+  "--right": "--right_17l5n",
+  "--offsetSum": "--offsetSum_17l5n",
+  "__SHeightHold": "___SHeightHold_17l5n_gg_"
 });
 var REVERSED_SORT_DIRECTION = {
   desc: 'asc',

package/lib/cjs/Head.js

@@ -58,16 +58,16 @@ var scrollStyles = (
 /*__reshadow_css_start__*/
 _core.sstyled.insert(
 /*__inner_css_start__*/
-".___SShadowHorizontal_1vv1q_gg_:before {\n  left: var(--left_1vv1q) !important;\n}\n.___SShadowHorizontal_1vv1q_gg_:after {\n  right: var(--right_1vv1q) !important;\n}\n.___SContainer_1vv1q_gg_.__disabledScroll_1vv1q_gg_ {\n  overflow: visible;\n}\n"
+".___SShadowHorizontal_rabut_gg_:before{left:var(--left_rabut)!important}.___SShadowHorizontal_rabut_gg_:after{right:var(--right_rabut)!important}.___SContainer_rabut_gg_.__disabledScroll_rabut_gg_{overflow:visible}"
 /*__inner_css_end__*/
-, "1vv1q_gg_")
+, "rabut_gg_")
 /*__reshadow_css_end__*/
 , {
-  "__SShadowHorizontal": "___SShadowHorizontal_1vv1q_gg_",
-  "--left": "--left_1vv1q",
-  "--right": "--right_1vv1q",
-  "__SContainer": "___SContainer_1vv1q_gg_",
-  "_disabledScroll": "__disabledScroll_1vv1q_gg_"
+  "__SShadowHorizontal": "___SShadowHorizontal_rabut_gg_",
+  "--left": "--left_rabut",
+  "--right": "--right_rabut",
+  "__SContainer": "___SContainer_rabut_gg_",
+  "_disabledScroll": "__disabledScroll_rabut_gg_"
 });
 var SORTING_ICON = {
   desc: _m["default"],

package/lib/es6/Body.js

@@ -40,16 +40,16 @@ var scrollStyles = (
 /*__reshadow_css_start__*/
 _sstyled.insert(
 /*__inner_css_start__*/
-".___SShadowHorizontal_1vv1q_gg_:before {\n  left: var(--left_1vv1q) !important;\n}\n.___SShadowHorizontal_1vv1q_gg_:after {\n  right: var(--right_1vv1q) !important;\n}\n.___SContainer_1vv1q_gg_.__disabledScroll_1vv1q_gg_ {\n  overflow: visible;\n}\n"
+".___SShadowHorizontal_rabut_gg_:before{left:var(--left_rabut)!important}.___SShadowHorizontal_rabut_gg_:after{right:var(--right_rabut)!important}.___SContainer_rabut_gg_.__disabledScroll_rabut_gg_{overflow:visible}"
 /*__inner_css_end__*/
-, "1vv1q_gg_")
+, "rabut_gg_")
 /*__reshadow_css_end__*/
 , {
-  "__SShadowHorizontal": "___SShadowHorizontal_1vv1q_gg_",
-  "--left": "--left_1vv1q",
-  "--right": "--right_1vv1q",
-  "__SContainer": "___SContainer_1vv1q_gg_",
-  "_disabledScroll": "__disabledScroll_1vv1q_gg_"
+  "__SShadowHorizontal": "___SShadowHorizontal_rabut_gg_",
+  "--left": "--left_rabut",
+  "--right": "--right_rabut",
+  "__SContainer": "___SContainer_rabut_gg_",
+  "_disabledScroll": "__disabledScroll_rabut_gg_"
 });
 import trottle from '@semcore/utils/lib/rafTrottle';
 var testEnv = process.env.NODE_ENV === 'test';
@@ -165,7 +165,7 @@ var Body = /*#__PURE__*/function (_Component) {
             "data-ui-name": "group-cell"
           }), _this2.renderRows(cell));
         } else {
-          var _ref3, _column$props;
+          var _ref3, _column$props, _column$props2;
 
           var column = columns.find(function (c) {
             return c.name === cell.name;
@@ -183,6 +183,7 @@ var Body = /*#__PURE__*/function (_Component) {
             name: cell.name,
             children: /*#__PURE__*/React.createElement(React.Fragment, null, cell.data),
             justifyContent: column === null || column === void 0 ? void 0 : (_column$props = column.props) === null || _column$props === void 0 ? void 0 : _column$props.justifyContent,
+            alignItems: column === null || column === void 0 ? void 0 : (_column$props2 = column.props) === null || _column$props2 === void 0 ? void 0 : _column$props2.alignItems,
             style: {
               width: vars.length === 1 ? vars[0] : "calc(".concat(vars.join(' + '), ")")
             }

package/lib/es6/Body.js.map

@@ -1 +1 @@
-{"version":3,"file":"Body.js","names":["React","Component","sstyled","Root","Box","Flex","ScrollArea","getFixedStyle","getScrollOffsetValue","assignProps","callAllEventHandlers","ResizeObserver","trottle","testEnv","process","env","NODE_ENV","getCellsByColumn","cells","flattenCells","flat","Object","fromEntries","map","cell","name","data","Body","rowHeight","undefined","scrollAreaHeight","scrollOffset","createRef","virtualScroll","asProps","rowHeightFromProps","state","entries","contentRect","height","setState","oldState","event","target","scrollTop","firstRowRef","current","firstRowResizeObserver","handleFirstRowResize","observe","rowData","index","SCell","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","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","Bar","SHeightHold","Children","$scrollRef","onResize","onScroll","disabledScroll","columnsInitialized","reduce","sum","offsetLeftSum","offsetRightSum","offsetSum","holdHeight","Promise","setupRowSizeObserver","scrollStyles","handleScrollAreaResize","handleScrollAreaScroll","renderVirtualizedRows","origin"],"sources":["../../src/Body.tsx"],"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  disabledScroll?: boolean;\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 role=\"rowgroup\" 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\n            key={cell.name}\n            role=\"cell\"\n            {...props}\n            fixed={cell.fixed}\n            theme={props.theme}\n            use={use}\n          />,\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      'aria-rowindex': dataIndex + 1,\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 role=\"row\" {...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 {\n      Children,\n      styles,\n      rows,\n      columns,\n      $scrollRef,\n      virtualScroll,\n      onResize,\n      onScroll,\n      disabledScroll,\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} disabledScroll={disabledScroll}>\n            <SBody render={Box} role=\"rowgroup\">\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"],"mappings":"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"}
+{"version":3,"file":"Body.js","names":["React","Component","sstyled","Root","Box","Flex","ScrollArea","getFixedStyle","getScrollOffsetValue","assignProps","callAllEventHandlers","ResizeObserver","trottle","testEnv","process","env","NODE_ENV","getCellsByColumn","cells","flattenCells","flat","Object","fromEntries","map","cell","name","data","Body","rowHeight","undefined","scrollAreaHeight","scrollOffset","createRef","virtualScroll","asProps","rowHeightFromProps","state","entries","contentRect","height","setState","oldState","event","target","scrollTop","firstRowRef","current","firstRowResizeObserver","handleFirstRowResize","observe","rowData","index","SCell","styles","columns","use","Array","isArray","SGroupCell","renderRows","column","find","c","value","vars","cssVar","props","children","justifyContent","alignItems","style","width","length","join","cellPropsLayers","cellPropLayer","childrenPropsGetter","p","other","propsCell","fixed","theme","dataIndex","topOffset","nested","SRow","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","Bar","SHeightHold","Children","$scrollRef","onResize","onScroll","disabledScroll","columnsInitialized","reduce","sum","offsetLeftSum","offsetRightSum","offsetSum","holdHeight","Promise","setupRowSizeObserver","scrollStyles","handleScrollAreaResize","handleScrollAreaScroll","renderVirtualizedRows","origin"],"sources":["../../src/Body.tsx"],"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  disabledScroll?: boolean;\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 role=\"rowgroup\" 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          alignItems: column?.props?.alignItems,\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\n            key={cell.name}\n            role=\"cell\"\n            {...props}\n            fixed={cell.fixed}\n            theme={props.theme}\n            use={use}\n          />,\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      'aria-rowindex': dataIndex + 1,\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 role=\"row\" {...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 {\n      Children,\n      styles,\n      rows,\n      columns,\n      $scrollRef,\n      virtualScroll,\n      onResize,\n      onScroll,\n      disabledScroll,\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} disabledScroll={disabledScroll}>\n            <SBody render={Box} role=\"rowgroup\">\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"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,SAASC,SAAT,EAAoBC,OAApB,EAA6BC,IAA7B,QAAyC,eAAzC;AACA,SAASC,GAAT,EAAcC,IAAd,QAAqC,mBAArC;AACA,OAAOC,UAAP,MAAuB,sBAAvB;AACA,SAASC,aAAT,EAAwBC,oBAAxB,QAAoD,SAApD;AAEA,OAAOC,WAAP,IAAsBC,oBAAtB,QAAkD,gCAAlD;AACA,OAAOC,cAAP,MAA2B,0BAA3B;;;;;;;;;;;;;;;;;;AAGA,OAAOC,OAAP,MAAoB,+BAApB;AAEA,IAAMC,OAAO,GAAGC,OAAO,CAACC,GAAR,CAAYC,QAAZ,KAAyB,MAAzC;;AAEA,IAAMC,gBAAgB,GAAG,SAAnBA,gBAAmB,CAACC,KAAD,EAAiC;EACxD,IAAMC,YAAY,GAAGD,KAAK,CAACE,IAAN,CAAW,EAAX,CAArB;EACA,OAAOC,MAAM,CAACC,WAAP,CAAmBH,YAAY,CAACI,GAAb,CAAiB,UAACC,IAAD;IAAA,OAAU,CAACA,IAAI,CAACC,IAAN,EAAYD,IAAI,CAACE,IAAjB,CAAV;EAAA,CAAjB,CAAnB,CAAP;AACD,CAHD;;IAwBMC,I;;;;;;;;;;;;;;;;4DACW;MACbC,SAAS,EAAEC,SADE;MAEbC,gBAAgB,EAAED,SAFL;MAGbE,YAAY,EAAE;IAHD,C;;+EAMD/B,KAAK,CAACgC,SAAN,E;;6EACkC,I;;mEAEjC,YAAM;MACnB,IAAQC,aAAR,GAA0B,MAAKC,OAA/B,CAAQD,aAAR;MACA,IAAME,kBAAkB,GAAG,QAAOF,aAAP,MAAyB,QAAzB,KAAqCA,aAArC,aAAqCA,aAArC,uBAAqCA,aAAa,CAAEL,SAApD,CAA3B;MACA,OAAOO,kBAAkB,IAAI,MAAKC,KAAL,CAAWR,SAAxC;IACD,C;;2EA+HsBhB,OAAO,CAAC,UAACyB,OAAD,EAAoC;MACjE,IAAQC,WAAR,GAAwBD,OAAO,CAAC,CAAD,CAA/B,CAAQC,WAAR;MACA,IAAQC,MAAR,GAAmBD,WAAnB,CAAQC,MAAR;;MACA,MAAKC,QAAL,CAAc,UAACC,QAAD,EAAqB;QACjC,IAAIA,QAAQ,CAACb,SAAT,KAAuBW,MAA3B,EAAmC,OAAOE,QAAP;QACnC,OAAO;UAAEb,SAAS,EAAEW;QAAb,CAAP;MACD,CAHD;IAID,CAP6B,C;;6EASL3B,OAAO,CAAC,UAACyB,OAAD,EAAoC;MACnE,IAAQJ,aAAR,GAA0B,MAAKC,OAA/B,CAAQD,aAAR;MACA,IAAI,CAACA,aAAL,EAAoB;MACpB,IAAQK,WAAR,GAAwBD,OAAO,CAAC,CAAD,CAA/B,CAAQC,WAAR;MACA,IAAQC,MAAR,GAAmBD,WAAnB,CAAQC,MAAR;;MACA,MAAKC,QAAL,CAAc,UAACC,QAAD,EAAqB;QACjC,IAAIA,QAAQ,CAACX,gBAAT,KAA8BS,MAAlC,EAA0C,OAAOE,QAAP;QAC1C,OAAO;UAAEX,gBAAgB,EAAES;QAApB,CAAP;MACD,CAHD;IAID,CAT+B,C;;6EAWP,UAACG,KAAD,EAA8C;MACrE,YAAsBA,KAAK,CAACC,MAA5B;MAAA,IAAQC,SAAR,SAAQA,SAAR;MACA,IAAQX,aAAR,GAA0B,MAAKC,OAA/B,CAAQD,aAAR;;MACA,IAAIA,aAAJ,EAAmB;QACjB,MAAKO,QAAL,CAAc,UAACC,QAAD,EAAqB;UACjC,IAAIA,QAAQ,CAACV,YAAT,KAA0Ba,SAA9B,EAAyC,OAAOH,QAAP;UACzC,OAAO;YAAEV,YAAY,EAAEa;UAAhB,CAAP;QACD,CAHD;MAID;IACF,C;;2EAEsB,YAAM;MAC3B,IAAI,CAAC,MAAKC,WAAL,CAAiBC,OAAtB,EAA+B;MAC/B,IAAI,CAAC,MAAKZ,OAAL,CAAaD,aAAlB,EAAiC;MACjC,MAAKc,sBAAL,GAA8B,IAAIpC,cAAJ,CAAmB,MAAKqC,oBAAxB,CAA9B;;MACA,MAAKD,sBAAL,CAA4BE,OAA5B,CAAoC,MAAKJ,WAAL,CAAiBC,OAArD;IACD,C;;;;;;;WAjKD,qBAAY5B,KAAZ,EAAgCgC,OAAhC,EAAkDC,KAAlD,EAAiE;MAAA;;MAC/D,IAAMC,KAAK,GAAG/C,IAAd;MACA,oBAAiC,KAAK6B,OAAtC;MAAA,IAAQmB,MAAR,iBAAQA,MAAR;MAAA,IAAgBC,OAAhB,iBAAgBA,OAAhB;MAAA,IAAyBC,GAAzB,iBAAyBA,GAAzB;MACA,OAAOrC,KAAK,CAACK,GAAN,CAAU,UAACC,IAAD,EAAU;QACzB,IAAIgC,KAAK,CAACC,OAAN,CAAcjC,IAAd,CAAJ,EAAyB;UAAA;;UACvB,IAAMkC,UAAU,GAAG,KAAnB;UACA,eAAOxD,OAAO,CAACmD,MAAD,CAAd,eACE,oBAAC,UAAD;YAAA,QAAiB,UAAjB;YAAA,gBAAyC;UAAzC,IACG,MAAI,CAACM,UAAL,CAAgBnC,IAAhB,CADH,CADF;QAKD,CAPD,MAOO;UAAA;;UACL,IAAMoC,MAAM,GAAGN,OAAO,CAACO,IAAR,CAAa,UAACC,CAAD;YAAA,OAAOA,CAAC,CAACrC,IAAF,KAAWD,IAAI,CAACC,IAAvB;UAAA,CAAb,CAAf;;UACA,qBAAsBlB,aAAa,CAACiB,IAAD,EAAO8B,OAAP,CAAnC;UAAA;UAAA,IAAO7B,IAAP;UAAA,IAAasC,KAAb;;UACA,IAAMC,IAAI,GAAG,CAACR,KAAK,CAACC,OAAN,CAAcjC,IAAI,CAACyC,MAAnB,IAA6BzC,IAAI,CAACyC,MAAlC,GAA2C,CAACzC,IAAI,CAACyC,MAAN,CAA5C,EAA2D1C,GAA3D,CACX,UAACE,IAAD;YAAA,qBAAiBA,IAAjB;UAAA,CADW,CAAb;UASA,IAAIyC,KAAgB,GAAG;YACrBzC,IAAI,EAAED,IAAI,CAACC,IADU;YAErB0C,QAAQ,eAAE,0CAAG3C,IAAI,CAACE,IAAR,CAFW;YAGrB0C,cAAc,EAAER,MAAF,aAAEA,MAAF,wCAAEA,MAAM,CAAEM,KAAV,kDAAE,cAAeE,cAHV;YAIrBC,UAAU,EAAET,MAAF,aAAEA,MAAF,yCAAEA,MAAM,CAAEM,KAAV,mDAAE,eAAeG,UAJN;YAKrBC,KAAK,EAAE;cACLC,KAAK,EAAEP,IAAI,CAACQ,MAAL,KAAgB,CAAhB,GAAoBR,IAAI,CAAC,CAAD,CAAxB,kBAAsCA,IAAI,CAACS,IAAL,CAAU,KAAV,CAAtC;YADF;UALc,CAAvB;;UASA,IAAIhD,IAAI,KAAKI,SAAT,IAAsBkC,KAAK,KAAKlC,SAApC,EAA+C;YAC7CqC,KAAK,CAACI,KAAN,CAAY7C,IAAZ,IAAoBsC,KAApB;UACD;;UAvBI,2CAyBuBvC,IAAI,CAACkD,eAAL,IAAwB,EAzB/C;UAAA;;UAAA;YAyBL,oDAAwD;cAAA,IAA7CC,aAA6C;;cACtD,4BAAqDA,aAArD,CAAQC,mBAAR;cAAA,IAAQA,mBAAR,sCAA8B,UAACC,CAAD;gBAAA,OAAOA,CAAP;cAAA,CAA9B;cAAA,IAA2CC,KAA3C,4BAAqDH,aAArD;;cACA,IAAMI,SAAS,GAAGtE,WAAW,CAACqE,KAAD,EAAQZ,KAAR,CAA7B;cACAA,KAAK,GAAGzD,WAAW,CAACmE,mBAAmB,CAACG,SAAD,EAAY7B,OAAZ,EAAqBC,KAArB,CAApB,EAAiD4B,SAAjD,CAAnB;YACD;UA7BI;YAAA;UAAA;YAAA;UAAA;;UA+BL,eAAO7E,OAAO,CAACmD,MAAD,CAAd,eACE,oBAAC,KAAD;YAAA,OACO7B,IAAI,CAACC,IADZ;YAAA,QAEO;UAFP,GAGMyC,KAHN;YAAA,SAIS1C,IAAI,CAACwD,KAJd;YAAA,SAKSd,KAAK,CAACe,KALf;YAAA,OAMO1B;UANP,IADF;QAUD;MACF,CAlDM,EAkDJ,EAlDI,CAAP;IAmDD;;;WAED,mBACErC,KADF,SAGE;MAAA;;MAAA,IADEgE,SACF,SADEA,SACF;MAAA,IADaC,SACb,SADaA,SACb;MAAA,IADwBC,MACxB,SADwBA,MACxB;MACA,IAAMC,IAAI,GAAGjF,GAAb;MACA,qBAA6D,KAAK8B,OAAlE;MAAA,IAAQmB,MAAR,kBAAQA,MAAR;MAAA,IAAgBiC,cAAhB,kBAAgBA,cAAhB;MAAA,IAAgCC,SAAhC,kBAAgCA,SAAhC;MAAA,IAA2CtD,aAA3C,kBAA2CA,aAA3C;MACA,IAAME,kBAAkB,GAAG,QAAOF,aAAP,MAAyB,QAAzB,KAAqCA,aAArC,aAAqCA,aAArC,uBAAqCA,aAAa,CAAEL,SAApD,CAA3B;MAEA,IAAMsB,OAAO,GAAGhC,KAAK,CAACsE,WAAN,IAAqBvE,gBAAgB,CAACC,KAAD,CAArD;MACA,IAAMuE,GAAG,GAAGvC,OAAO,CAACqC,SAAD,CAAP,GAAqBG,MAAM,CAACxC,OAAO,CAACqC,SAAD,CAAR,CAA3B,iBAAyDL,SAAzD,CAAZ;MACA,IAAMS,mBAAmB,GAAGT,SAAS,KAAK,CAAd,IAAmB,CAACE,MAApB,IAA8B,CAACjD,kBAA3D;MAEA,IAAI+B,KAAK,GAAG;QACVC,QAAQ,EAAE,KAAKyB,WAAL,CAAiB1E,KAAjB,EAAwBgC,OAAxB,EAAiCgC,SAAjC,CADA;QAEVD,KAAK,EAAEpD,SAFG;QAGVgE,MAAM,EAAEhE,SAHE;QAIViE,UAAU,EAAEX,SAAS,KAAKtD,SAJhB;QAKVkE,GAAG,EAAEZ,SALK;QAMVa,GAAG,EAAEL,mBAAmB,GAAG,KAAK9C,WAAR,GAAsBhB,SANpC;QAOV4D,GAAG,EAAHA,GAPU;QAQV,iBAAiBP,SAAS,GAAG;MARnB,CAAZ;;MATA,4CAoB4BI,cApB5B;MAAA;;MAAA;QAoBA,uDAA4C;UAAA,IAAjCW,aAAiC;;UAC1C,4BAAqDA,aAArD,CAAQrB,mBAAR;UAAA,IAAQA,mBAAR,sCAA8B,UAACC,CAAD;YAAA,OAAOA,CAAP;UAAA,CAA9B;UAAA,IAA2CC,KAA3C,4BAAqDmB,aAArD;;UACA,IAAMC,QAAQ,GAAGzF,WAAW,CAACqE,KAAD,EAAQZ,KAAR,CAA5B;UACAA,KAAK,GAAGzD,WAAW,CAACmE,mBAAmB,CAACsB,QAAD,EAAWhD,OAAX,EAAoBgC,SAApB,CAApB,EAAoDgB,QAApD,CAAnB;QACD;MAxBD;QAAA;MAAA;QAAA;MAAA;;MA0BA,eAAOhG,OAAO,CAACmD,MAAD,CAAd,eAAuB,oBAAC,IAAD;QAAA,QAAW;MAAX,GAAqBa,KAArB,GAAvB;IACD;;;WAED,oBAAWiC,IAAX,EAAgC;MAAA;;MAC9B,OAAOA,IAAI,CAAC5E,GAAL,CAAS,UAACL,KAAD,EAAQgE,SAAR;QAAA,OAAsB,MAAI,CAACkB,SAAL,CAAelF,KAAf,EAAsB;UAAEgE,SAAS,EAATA,SAAF;UAAaE,MAAM,EAAE;QAArB,CAAtB,CAAtB;MAAA,CAAT,CAAP;IACD;;;WAED,+BAAsBe,IAAtB,EAA2C;MAAA;MAAA;;MACzC,IAAIA,IAAI,CAAC3B,MAAL,KAAgB,CAApB,EAAuB,OAAO,EAAP;MAEvB,IAAQvC,aAAR,GAA0B,KAAKC,OAA/B,CAAQD,aAAR;MACA,kBAA2C,KAAKG,KAAhD;MAAA,IAAQL,YAAR,eAAQA,YAAR;MAAA,IAAsBD,gBAAtB,eAAsBA,gBAAtB;MACA,IAAMF,SAAS,GAAG,KAAKyE,YAAL,EAAlB;MAEA,IAAMC,UAAU,YAAI,QAAOrE,aAAP,MAAyB,QAAzB,GAAoCA,aAApC,aAAoCA,aAApC,uBAAoCA,aAAa,CAAEqE,UAAnD,GAAgE,CAApE,yCAA0E,CAA1F;MACA,IAAMC,UAAU,GAAGC,IAAI,CAACC,GAAL,CAASD,IAAI,CAACE,KAAL,CAAW3E,YAAY,GAAGH,SAA1B,IAAwC0E,UAAjD,EAA6D,CAA7D,CAAnB;MACA,IAAMK,SAAS,GAAGH,IAAI,CAACI,GAAL,CAChBJ,IAAI,CAACK,IAAL,CAAU,CAAC9E,YAAY,GAAGD,gBAAhB,IAAqCF,SAA/C,IAA6D0E,UAD7C,EAEhBH,IAAI,CAAC3B,MAFW,CAAlB;MAKA,IAAMrC,kBAAkB,GAAG,QAAOF,aAAP,MAAyB,QAAzB,KAAqCA,aAArC,aAAqCA,aAArC,uBAAqCA,aAAa,CAAEL,SAApD,CAA3B;MACA,IAAMkF,2BAA2B,GAAG,CAAC3E,kBAArC;MAEA,IAAM4E,QAAQ,GAAG;QAAE7F,KAAK,EAAEiF,IAAI,CAAC,CAAD,CAAb;QAAkBjB,SAAS,EAAE,CAA7B;QAAgCC,SAAS,EAAE;MAA3C,CAAjB;MACA,IAAM6B,WAAW,GAAGpF,SAAS,KAAKC,SAAd,GAA0BsE,IAAI,CAACc,KAAL,CAAWV,UAAX,EAAuBI,SAAvB,CAA1B,GAA8D,EAAlF;MACA,IAAMO,oBAAoB,GAAGF,WAAW,CAACzF,GAAZ,CAAgB,UAACL,KAAD,EAAQiC,KAAR;QAAA,OAAmB;UAC9DjC,KAAK,EAALA,KAD8D;UAE9DgE,SAAS,EAAEqB,UAAU,GAAGpD,KAFsC;UAG9DgC,SAAS,EAAEvD,SAAS,IAAK2E,UAAU,GAAGpD,KAAlB;QAH0C,CAAnB;MAAA,CAAhB,CAA7B;;MAKA,IAAI2D,2BAA2B,IAAIP,UAAU,KAAK,CAAlD,EAAqD;QACnDW,oBAAoB,CAACC,OAArB,CAA6BJ,QAA7B;MACD;;MAED,OAAOG,oBAAoB,CAAC3F,GAArB,CAAyB;QAAA,IAAGL,KAAH,SAAGA,KAAH;QAAA,IAAUgE,SAAV,SAAUA,SAAV;QAAA,IAAqBC,SAArB,SAAqBA,SAArB;QAAA,OAC9B,MAAI,CAACiB,SAAL,CAAelF,KAAf,EAAsB;UAAEgE,SAAS,EAATA,SAAF;UAAaC,SAAS,EAATA,SAAb;UAAwBC,MAAM,EAAE;QAAhC,CAAtB,CAD8B;MAAA,CAAzB,CAAP;IAGD;;;WAwCD,gCAAuB;MAAA;;MACrB,8BAAKrC,sBAAL,gFAA6BqE,UAA7B;IACD;;;WAED,kBAAS;MAAA;MAAA;MAAA;;MACP,IAAMC,KAAK,GAwCYjH,GAxCvB;MACA,IAAMkH,YAAY,GAAGlH,GAArB;MACA,IAAMmH,cAAc,GAAGjH,UAAU,CAACkH,GAAlC;MACA,IAAMC,WAAW,GAAGrH,GAApB;MACA,qBAUI,KAAK8B,OAVT;MAAA,IACEwF,QADF,kBACEA,QADF;MAAA,IAEErE,MAFF,kBAEEA,MAFF;MAAA,IAGE8C,IAHF,kBAGEA,IAHF;MAAA,IAIE7C,OAJF,kBAIEA,OAJF;MAAA,IAKEqE,UALF,kBAKEA,UALF;MAAA,IAME1F,aANF,kBAMEA,aANF;MAAA,IAOE2F,QAPF,kBAOEA,QAPF;MAAA,IAQEC,QARF,kBAQEA,QARF;MAAA,IASEC,cATF,kBASEA,cATF;MAYA,IAAMC,kBAAkB,GAAGzE,OAAO,CAAC0E,MAAR,CAAe,UAACC,GAAD;QAAA,IAAQ1D,KAAR,UAAQA,KAAR;QAAA,OAAoB0D,GAAG,GAAG1D,KAA1B;MAAA,CAAf,EAAgD,CAAhD,IAAqD,CAArD,IAA0D1D,OAArF;;MAEA,4BAAwCL,oBAAoB,CAAC8C,OAAD,CAA5D;MAAA;MAAA,IAAO4E,aAAP;MAAA,IAAsBC,cAAtB;;MACA,IAAMC,SAAS,GAAGF,aAAa,GAAGC,cAAlC;MAEA,IAAMvG,SAAS,GAAG,KAAKyE,YAAL,EAAlB;MACA,IAAMgC,UAAU,GACdzG,SAAS,KAAKC,SAAd,IAA2BI,aAA3B,GAA2CL,SAAS,GAAGuE,IAAI,CAAC3B,MAA5D,GAAqE3C,SADvE;;MAGA,IAAII,aAAa,IAAI8F,kBAAjB,IAAuC,CAACnG,SAA5C,EAAuD;QACrD,IAAI0G,OAAJ,CAAY;UAAA,OAAM,MAAI,CAACC,oBAAL,EAAN;QAAA,CAAZ;MACD;;MAED,eAAOrI,OAAO,CAACmD,MAAD,CAAd,eACE,oBAAC,YAAD,6CACE,oBAAC,UAAD;QAAA;QAAA,UAEUmF,YAFV;QAAA,sBAGeN,aAHf;QAAA,uBAIgBC,cAJhB;QAAA,YAKYzH,oBAAoB,CAACkH,QAAD,EAAW,KAAKa,sBAAhB,CALhC;QAAA,YAMY/H,oBAAoB,CAACmH,QAAD,EAAW,KAAKa,sBAAhB;MANhC,iBAQE,oBAAC,UAAD,CAAY,SAAZ;QAAsB,GAAG,EAAEf,UAA3B;QAAuC,cAAc,EAAEG;MAAvD,gBACE,oBAAC,KAAD;QAAA,QAAyB;MAAzB,YACGO,UAAU,iBAAI,oBAAC,WAAD;QAAA,QAAmBA,UAAnB;QAAA,eAA4C;MAA5C,GADjB,EAEGN,kBAAkB,IAAI,CAAC9F,aAAvB,GAAuC,KAAK0B,UAAL,CAAgBwC,IAAhB,CAAvC,GAA+D,IAFlE,EAGG4B,kBAAkB,IAAI9F,aAAtB,GAAsC,KAAK0G,qBAAL,CAA2BxC,IAA3B,CAAtC,GAAyE,IAH5E,CADF,CARF,eAeE,oBAAC,cAAD;QAAA,eACc,YADd;QAAA,kBAEW+B,aAFX;QAAA,mBAGYC,cAHZ;QAAA,uBAIgBC,SAJhB;MAAA,GAfF,eAqBE,oBAAC,cAAD;QAAA,eAA4B;MAA5B,GArBF,CADF,EAwBGV,QAAQ,CAACkB,MAxBZ,CADF;IA4BD;;;;EAjPgB3I,S;;AAoPnB,eAAe0B,IAAf"}

package/lib/es6/DataTable.js

@@ -40,46 +40,46 @@ var style = (
 /*__reshadow_css_start__*/
 _sstyled.insert(
 /*__inner_css_start__*/
-":root {\n\n  /* DEPRECATED START\n     Deprecated variables should never be used in\n     components styles but preserved for backward\n     compatibility if they used in projects\n     like `<Badge bg=\"red\">alpha</Badge>`\n  */\n  /* DEPRECATED END */\n}\n\n.___SDataTable_10inw_gg_ {\n  position: relative;\n}\n\n.___SHeadWrapper_10inw_gg_ {\n  position: relative;\n}\n\n.___SHeadWrapper_10inw_gg_.__sticky_10inw_gg_ {\n  position: sticky;\n  top: 0;\n  z-index: 2;\n}\n\n.___SHead_10inw_gg_ {\n  display: flex;\n  position: relative;\n  flex-direction: row;\n  min-width: -moz-fit-content;\n  min-width: fit-content;\n  z-index: 0;\n}\n\n.___SColumn_10inw_gg_ {\n  display: flex;\n  align-items: center;\n  flex-grow: 1;\n  font-size: 12px;\n  color: #191b23;\n  box-sizing: border-box;\n  position: relative\n}\n\n.___SColumn_10inw_gg_:focus {\n    outline: none;\n    box-shadow: 0 0 0 3px rgba(0, 143, 248, 0.2);\n  }\n\n.___SColumn_10inw_gg_.__hidden_10inw_gg_ {\n  height: 0 !important;\n  padding: 0 !important;\n  overflow: hidden !important;\n  border: none !important;\n}\n\n.___SColumn_10inw_gg_._use_primary_10inw_gg_ {\n  padding: 12px;\n  border-right: 1px solid #e0e1e9;\n  border-bottom: 1px solid #e0e1e9;\n  background-color: #f4f5f9;\n}\n\n.___SColumn_10inw_gg_._use_secondary_10inw_gg_ {\n  padding: 8px;\n  border-bottom: 1px solid #a9abb6;\n  background-color: #ffffff;\n}\n\n.___SColumn_10inw_gg_.__use_10inw_gg_:last-child {\n  border-right: none;\n}\n\n.___SColumn_10inw_gg_.__group_10inw_gg_.__use_10inw_gg_ {\n  display: flex;\n  flex-wrap: wrap;\n  flex-direction: column;\n  align-items: normal;\n  border-bottom: none;\n  padding: 0;\n}\n\n.___SColumn_10inw_gg_.__groupHead_10inw_gg_.__use_10inw_gg_ {\n  justify-content: center;\n  border-right: none;\n  /* for resizable */\n  z-index: 1;\n}\n\n.___SColumn_10inw_gg_.__groupHead_10inw_gg_._use_primary_10inw_gg_ {\n  border-bottom: 1px solid #e0e1e9;\n}\n\n.___SColumn_10inw_gg_.__groupHead_10inw_gg_._use_secondary_10inw_gg_ {\n  border-bottom: 1px solid #e0e1e9;\n}\n\n.___SColumn_10inw_gg_.__sortable_10inw_gg_ {\n  cursor: pointer\n}\n\n.___SColumn_10inw_gg_.__sortable_10inw_gg_._use_primary_10inw_gg_:hover {\n    background-color: #e0e1e9;\n  }\n\n.___SColumn_10inw_gg_.__active_10inw_gg_._use_primary_10inw_gg_ {\n  background-color: #e0e1e9;\n}\n\n.___SColumn_10inw_gg_.__resizable_10inw_gg_:hover:after {\n    background: #e0e1e9;\n  }\n\n.___SColumn_10inw_gg_.__resizable_10inw_gg_:after {\n    content: '';\n    position: absolute;\n    bottom: 0;\n    right: -1px;\n    height: 100vh;\n    width: 1px;\n    background: transparent;\n    cursor: col-resize;\n  }\n\n.___SColumn_10inw_gg_.__fixed_10inw_gg_ {\n  position: sticky;\n  /* because up resizable */\n  z-index: 2;\n}\n\n.___SSortIcon_10inw_gg_ {\n  fill: #a9abb6;\n  margin-left: 6px;\n}\n\n.___SSortIcon_10inw_gg_.__active_10inw_gg_ {\n  fill: #8a8e9b;\n}\n\n.___SBodyWrapper_10inw_gg_ {\n  position: relative;\n}\n\n.___SBody_10inw_gg_ {\n  display: flex;\n  flex-direction: column;\n  position: relative;\n  min-width: -moz-fit-content;\n  min-width: fit-content;\n}\n\n.___SRow_10inw_gg_ {\n  display: flex;\n  flex-direction: row;\n  position: relative;\n}\n\n/* DEFAULT THEME */\n\n.___SRow_10inw_gg_.__active_10inw_gg_ > .___SCell_10inw_gg_:not(.__theme_10inw_gg_),\n.___SRow_10inw_gg_:hover > .___SCell_10inw_gg_:not(.__theme_10inw_gg_),\n.___SRow_10inw_gg_ .___SCell_10inw_gg_:hover + .___SGroupCell_10inw_gg_ .___SCell_10inw_gg_:not(.__theme_10inw_gg_) {\n  background-color: rgb(240, 240, 244);\n}\n\n/* MUTED THEME */\n\n.___SRow_10inw_gg_._theme_muted_10inw_gg_ .___SCell_10inw_gg_:not(.__theme_10inw_gg_) {\n  background-color: #f2f3f4;\n}\n\n.___SRow_10inw_gg_:hover > .___SCell_10inw_gg_._theme_muted_10inw_gg_,\n.___SRow_10inw_gg_._theme_muted_10inw_gg_.__active_10inw_gg_ > .___SCell_10inw_gg_:not(.__theme_10inw_gg_),\n.___SRow_10inw_gg_._theme_muted_10inw_gg_:hover > .___SCell_10inw_gg_:not(.__theme_10inw_gg_),\n.___SRow_10inw_gg_._theme_muted_10inw_gg_ .___SCell_10inw_gg_:hover + .___SGroupCell_10inw_gg_ .___SCell_10inw_gg_:not(.__theme_10inw_gg_) {\n  background-color: #f6f7f7;\n}\n\n/* INFO THEME */\n\n.___SRow_10inw_gg_._theme_info_10inw_gg_ .___SCell_10inw_gg_:not(.__theme_10inw_gg_) {\n  background-color: #e9f7ff;\n}\n\n.___SRow_10inw_gg_:hover > .___SCell_10inw_gg_._theme_info_10inw_gg_,\n.___SRow_10inw_gg_._theme_info_10inw_gg_.__active_10inw_gg_ > .___SCell_10inw_gg_:not(.__theme_10inw_gg_),\n.___SRow_10inw_gg_._theme_info_10inw_gg_:hover > .___SCell_10inw_gg_:not(.__theme_10inw_gg_),\n.___SRow_10inw_gg_._theme_info_10inw_gg_ .___SCell_10inw_gg_:hover + .___SGroupCell_10inw_gg_ .___SCell_10inw_gg_:not(.__theme_10inw_gg_) {\n  background-color: #c4e5fe;\n}\n\n/* SUCCESS THEME */\n\n.___SRow_10inw_gg_._theme_success_10inw_gg_ .___SCell_10inw_gg_:not(.__theme_10inw_gg_) {\n  background-color: #dbfee8;\n}\n\n.___SRow_10inw_gg_:hover > .___SCell_10inw_gg_._theme_success_10inw_gg_,\n.___SRow_10inw_gg_._theme_success_10inw_gg_.__active_10inw_gg_ > .___SCell_10inw_gg_:not(.__theme_10inw_gg_),\n.___SRow_10inw_gg_._theme_success_10inw_gg_:hover > .___SCell_10inw_gg_:not(.__theme_10inw_gg_),\n.___SRow_10inw_gg_._theme_success_10inw_gg_ .___SCell_10inw_gg_:hover + .___SGroupCell_10inw_gg_ .___SCell_10inw_gg_:not(.__theme_10inw_gg_) {\n  background-color: #9ef2c9;\n}\n\n/* WARNING THEME */\n\n.___SRow_10inw_gg_._theme_warning_10inw_gg_ .___SCell_10inw_gg_:not(.__theme_10inw_gg_) {\n  background-color: #fff3d9;\n}\n\n.___SRow_10inw_gg_:hover > .___SCell_10inw_gg_._theme_warning_10inw_gg_,\n.___SRow_10inw_gg_._theme_warning_10inw_gg_.__active_10inw_gg_ > .___SCell_10inw_gg_:not(.__theme_10inw_gg_),\n.___SRow_10inw_gg_._theme_warning_10inw_gg_:hover > .___SCell_10inw_gg_:not(.__theme_10inw_gg_),\n.___SRow_10inw_gg_._theme_warning_10inw_gg_ .___SCell_10inw_gg_:hover + .___SGroupCell_10inw_gg_ .___SCell_10inw_gg_:not(.__theme_10inw_gg_) {\n  background-color: #ffdca2;\n}\n\n/* DANGER THEME */\n\n.___SRow_10inw_gg_._theme_danger_10inw_gg_ .___SCell_10inw_gg_:not(.__theme_10inw_gg_) {\n  background-color: #fff0f7;\n}\n\n.___SRow_10inw_gg_:hover > .___SCell_10inw_gg_._theme_danger_10inw_gg_,\n.___SRow_10inw_gg_._theme_danger_10inw_gg_.__active_10inw_gg_ > .___SCell_10inw_gg_:not(.__theme_10inw_gg_),\n.___SRow_10inw_gg_._theme_danger_10inw_gg_:hover > .___SCell_10inw_gg_:not(.__theme_10inw_gg_),\n.___SRow_10inw_gg_._theme_danger_10inw_gg_ .___SCell_10inw_gg_:hover + .___SGroupCell_10inw_gg_ .___SCell_10inw_gg_:not(.__theme_10inw_gg_) {\n  background-color: #ffd7df;\n}\n\n.___SRow_10inw_gg_.__positioned_10inw_gg_ {\n  position: absolute;\n}\n\n.___SCell_10inw_gg_ {\n  display: flex;\n  flex: 1;\n  flex-basis: auto;\n  font-size: 14px;\n  line-height: 1.42;\n  color: #191b23;\n  box-sizing: border-box;\n  border-bottom: 1px solid #e0e1e9;\n  overflow: hidden;\n  white-space: nowrap;\n}\n\n.___SCell_10inw_gg_._use_primary_10inw_gg_ {\n  padding: 12px;\n  min-height: 45px;\n  background-color: #ffffff;\n}\n\n.___SCell_10inw_gg_._use_secondary_10inw_gg_ {\n  padding: 8px;\n  min-height: 37px;\n  background-color: #ffffff;\n}\n\n.___SCell_10inw_gg_.__fixed_10inw_gg_ {\n  position: sticky;\n  z-index: 1;\n}\n\n.___SCell_10inw_gg_._theme_muted_10inw_gg_ {\n  background-color: #f2f3f4;\n}\n\n.___SCell_10inw_gg_._theme_info_10inw_gg_ {\n  background-color: #e9f7ff;\n}\n\n.___SCell_10inw_gg_._theme_success_10inw_gg_ {\n  background-color: #dbfee8;\n}\n\n.___SCell_10inw_gg_._theme_warning_10inw_gg_ {\n  background-color: #fff3d9;\n}\n\n.___SCell_10inw_gg_._theme_danger_10inw_gg_ {\n  background-color: #fff0f7;\n}\n\n.___SScrollAreaBar_10inw_gg_._orientation_horizontal_10inw_gg_ {\n  position: sticky;\n  bottom: 0;\n  left: 0;\n  margin-top: -12px;\n  z-index: 2;\n}\n\n.___SScrollAreaBar_10inw_gg_._orientation_vertical_10inw_gg_ {\n  width: 12px;\n}\n\n.___SScrollAreaBar_10inw_gg_._orientation_horizontal_10inw_gg_ {\n  margin-left: calc(var(--left_10inw) + 4px);\n  margin-right: calc(var(--right_10inw) + 4px);\n  width: calc(100% - var(--offsetSum_10inw) - 8px);\n}\n\n.___SHeightHold_10inw_gg_ {\n  position: absolute;\n  top: 0;\n  width: 100%;\n  pointer-events: none;\n  /* should be under other layers */\n  z-index: -1;\n}\n"
+".___SDataTable_17l5n_gg_{position:relative}.___SHeadWrapper_17l5n_gg_{position:relative}.___SHeadWrapper_17l5n_gg_.__sticky_17l5n_gg_{position:sticky;top:0;z-index:2}.___SHead_17l5n_gg_{display:flex;position:relative;flex-direction:row;min-width:-moz-fit-content;min-width:fit-content;z-index:0}.___SColumn_17l5n_gg_{display:flex;align-items:center;flex-grow:1;font-size:12px;color:#191b23;box-sizing:border-box;position:relative}.___SColumn_17l5n_gg_:focus{outline:none;box-shadow:0 0 0 3px rgba(0, 143, 248, 0.2)}.___SColumn_17l5n_gg_.__hidden_17l5n_gg_{height:0!important;padding:0!important;overflow:hidden!important;border:none!important}.___SColumn_17l5n_gg_._use_primary_17l5n_gg_{padding:12px;border-right:1px solid #e0e1e9;border-bottom:1px solid #e0e1e9;background-color:#f4f5f9}.___SColumn_17l5n_gg_._use_secondary_17l5n_gg_{padding:8px;border-bottom:1px solid #a9abb6;background-color:#ffffff}.___SColumn_17l5n_gg_.__use_17l5n_gg_:last-child{border-right:none}.___SColumn_17l5n_gg_.__group_17l5n_gg_.__use_17l5n_gg_{display:flex;flex-wrap:wrap;flex-direction:column;align-items:normal;border-bottom:none;padding:0}.___SColumn_17l5n_gg_.__groupHead_17l5n_gg_.__use_17l5n_gg_{justify-content:center;border-right:none;z-index:1}.___SColumn_17l5n_gg_.__groupHead_17l5n_gg_._use_primary_17l5n_gg_{border-bottom:1px solid #e0e1e9}.___SColumn_17l5n_gg_.__groupHead_17l5n_gg_._use_secondary_17l5n_gg_{border-bottom:1px solid #e0e1e9}.___SColumn_17l5n_gg_.__sortable_17l5n_gg_{cursor:pointer}.___SColumn_17l5n_gg_.__sortable_17l5n_gg_._use_primary_17l5n_gg_:hover{background-color:#e0e1e9}.___SColumn_17l5n_gg_.__active_17l5n_gg_._use_primary_17l5n_gg_{background-color:#e0e1e9}.___SColumn_17l5n_gg_.__resizable_17l5n_gg_:hover:after{background:#e0e1e9}.___SColumn_17l5n_gg_.__resizable_17l5n_gg_:after{content:\"\";position:absolute;bottom:0;right:-1px;height:100vh;width:1px;background:transparent;cursor:col-resize}.___SColumn_17l5n_gg_.__fixed_17l5n_gg_{position:sticky;z-index:2}.___SSortIcon_17l5n_gg_{fill:#a9abb6;margin-left:6px}.___SSortIcon_17l5n_gg_.__active_17l5n_gg_{fill:#8a8e9b}.___SBodyWrapper_17l5n_gg_{position:relative}.___SBody_17l5n_gg_{display:flex;flex-direction:column;position:relative;min-width:-moz-fit-content;min-width:fit-content}.___SRow_17l5n_gg_{display:flex;flex-direction:row;position:relative}.___SRow_17l5n_gg_:hover>.___SCell_17l5n_gg_:not(.__theme_17l5n_gg_),.___SRow_17l5n_gg_.__active_17l5n_gg_>.___SCell_17l5n_gg_:not(.__theme_17l5n_gg_),.___SRow_17l5n_gg_ .___SCell_17l5n_gg_:hover+.___SGroupCell_17l5n_gg_ .___SCell_17l5n_gg_:not(.__theme_17l5n_gg_){background-color:#f0f0f4}.___SRow_17l5n_gg_._theme_muted_17l5n_gg_ .___SCell_17l5n_gg_:not(.__theme_17l5n_gg_){background-color:#f2f3f4}.___SRow_17l5n_gg_:hover>.___SCell_17l5n_gg_._theme_muted_17l5n_gg_,.___SRow_17l5n_gg_._theme_muted_17l5n_gg_:hover>.___SCell_17l5n_gg_:not(.__theme_17l5n_gg_),.___SRow_17l5n_gg_._theme_muted_17l5n_gg_.__active_17l5n_gg_>.___SCell_17l5n_gg_:not(.__theme_17l5n_gg_),.___SRow_17l5n_gg_._theme_muted_17l5n_gg_ .___SCell_17l5n_gg_:hover+.___SGroupCell_17l5n_gg_ .___SCell_17l5n_gg_:not(.__theme_17l5n_gg_){background-color:#f6f7f7}.___SRow_17l5n_gg_._theme_info_17l5n_gg_ .___SCell_17l5n_gg_:not(.__theme_17l5n_gg_){background-color:#e9f7ff}.___SRow_17l5n_gg_:hover>.___SCell_17l5n_gg_._theme_info_17l5n_gg_,.___SRow_17l5n_gg_._theme_info_17l5n_gg_:hover>.___SCell_17l5n_gg_:not(.__theme_17l5n_gg_),.___SRow_17l5n_gg_._theme_info_17l5n_gg_.__active_17l5n_gg_>.___SCell_17l5n_gg_:not(.__theme_17l5n_gg_),.___SRow_17l5n_gg_._theme_info_17l5n_gg_ .___SCell_17l5n_gg_:hover+.___SGroupCell_17l5n_gg_ .___SCell_17l5n_gg_:not(.__theme_17l5n_gg_){background-color:#c4e5fe}.___SRow_17l5n_gg_._theme_success_17l5n_gg_ .___SCell_17l5n_gg_:not(.__theme_17l5n_gg_){background-color:#dbfee8}.___SRow_17l5n_gg_:hover>.___SCell_17l5n_gg_._theme_success_17l5n_gg_,.___SRow_17l5n_gg_._theme_success_17l5n_gg_:hover>.___SCell_17l5n_gg_:not(.__theme_17l5n_gg_),.___SRow_17l5n_gg_._theme_success_17l5n_gg_.__active_17l5n_gg_>.___SCell_17l5n_gg_:not(.__theme_17l5n_gg_),.___SRow_17l5n_gg_._theme_success_17l5n_gg_ .___SCell_17l5n_gg_:hover+.___SGroupCell_17l5n_gg_ .___SCell_17l5n_gg_:not(.__theme_17l5n_gg_){background-color:#9ef2c9}.___SRow_17l5n_gg_._theme_warning_17l5n_gg_ .___SCell_17l5n_gg_:not(.__theme_17l5n_gg_){background-color:#fff3d9}.___SRow_17l5n_gg_:hover>.___SCell_17l5n_gg_._theme_warning_17l5n_gg_,.___SRow_17l5n_gg_._theme_warning_17l5n_gg_:hover>.___SCell_17l5n_gg_:not(.__theme_17l5n_gg_),.___SRow_17l5n_gg_._theme_warning_17l5n_gg_.__active_17l5n_gg_>.___SCell_17l5n_gg_:not(.__theme_17l5n_gg_),.___SRow_17l5n_gg_._theme_warning_17l5n_gg_ .___SCell_17l5n_gg_:hover+.___SGroupCell_17l5n_gg_ .___SCell_17l5n_gg_:not(.__theme_17l5n_gg_){background-color:#ffdca2}.___SRow_17l5n_gg_._theme_danger_17l5n_gg_ .___SCell_17l5n_gg_:not(.__theme_17l5n_gg_){background-color:#fff0f7}.___SRow_17l5n_gg_:hover>.___SCell_17l5n_gg_._theme_danger_17l5n_gg_,.___SRow_17l5n_gg_._theme_danger_17l5n_gg_:hover>.___SCell_17l5n_gg_:not(.__theme_17l5n_gg_),.___SRow_17l5n_gg_._theme_danger_17l5n_gg_.__active_17l5n_gg_>.___SCell_17l5n_gg_:not(.__theme_17l5n_gg_),.___SRow_17l5n_gg_._theme_danger_17l5n_gg_ .___SCell_17l5n_gg_:hover+.___SGroupCell_17l5n_gg_ .___SCell_17l5n_gg_:not(.__theme_17l5n_gg_){background-color:#ffd7df}.___SRow_17l5n_gg_.__positioned_17l5n_gg_{position:absolute}.___SCell_17l5n_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_17l5n_gg_._use_primary_17l5n_gg_{padding:12px;min-height:45px;background-color:#ffffff}.___SCell_17l5n_gg_._use_secondary_17l5n_gg_{padding:8px;min-height:37px;background-color:#ffffff}.___SCell_17l5n_gg_.__fixed_17l5n_gg_{position:sticky;z-index:1}.___SCell_17l5n_gg_._theme_muted_17l5n_gg_{background-color:#f2f3f4}.___SCell_17l5n_gg_._theme_info_17l5n_gg_{background-color:#e9f7ff}.___SCell_17l5n_gg_._theme_success_17l5n_gg_{background-color:#dbfee8}.___SCell_17l5n_gg_._theme_warning_17l5n_gg_{background-color:#fff3d9}.___SCell_17l5n_gg_._theme_danger_17l5n_gg_{background-color:#fff0f7}.___SScrollAreaBar_17l5n_gg_._orientation_horizontal_17l5n_gg_{position:sticky;bottom:0;left:0;margin-top:-12px;z-index:2}.___SScrollAreaBar_17l5n_gg_._orientation_vertical_17l5n_gg_{width:12px}.___SScrollAreaBar_17l5n_gg_._orientation_horizontal_17l5n_gg_{margin-left:calc(var(--left_17l5n) + 4px);margin-right:calc(var(--right_17l5n) + 4px);width:calc(100% - var(--offsetSum_17l5n) - 8px)}.___SHeightHold_17l5n_gg_{position:absolute;top:0;width:100%;pointer-events:none;z-index:-1}"
 /*__inner_css_end__*/
-, "10inw_gg_")
+, "17l5n_gg_")
 /*__reshadow_css_end__*/
 , {
-  "__SDataTable": "___SDataTable_10inw_gg_",
-  "__SHeadWrapper": "___SHeadWrapper_10inw_gg_",
-  "_sticky": "__sticky_10inw_gg_",
-  "__SHead": "___SHead_10inw_gg_",
-  "__SColumn": "___SColumn_10inw_gg_",
-  "_hidden": "__hidden_10inw_gg_",
-  "_use_primary": "_use_primary_10inw_gg_",
-  "_use_secondary": "_use_secondary_10inw_gg_",
-  "_use": "__use_10inw_gg_",
-  "_group": "__group_10inw_gg_",
-  "_groupHead": "__groupHead_10inw_gg_",
-  "_sortable": "__sortable_10inw_gg_",
-  "_active": "__active_10inw_gg_",
-  "_resizable": "__resizable_10inw_gg_",
-  "_fixed": "__fixed_10inw_gg_",
-  "__SSortIcon": "___SSortIcon_10inw_gg_",
-  "__SBodyWrapper": "___SBodyWrapper_10inw_gg_",
-  "__SBody": "___SBody_10inw_gg_",
-  "__SRow": "___SRow_10inw_gg_",
-  "__SCell": "___SCell_10inw_gg_",
-  "_theme": "__theme_10inw_gg_",
-  "__SGroupCell": "___SGroupCell_10inw_gg_",
-  "_theme_muted": "_theme_muted_10inw_gg_",
-  "_theme_info": "_theme_info_10inw_gg_",
-  "_theme_success": "_theme_success_10inw_gg_",
-  "_theme_warning": "_theme_warning_10inw_gg_",
-  "_theme_danger": "_theme_danger_10inw_gg_",
-  "_positioned": "__positioned_10inw_gg_",
-  "__SScrollAreaBar": "___SScrollAreaBar_10inw_gg_",
-  "_orientation_horizontal": "_orientation_horizontal_10inw_gg_",
-  "_orientation_vertical": "_orientation_vertical_10inw_gg_",
-  "--left": "--left_10inw",
-  "--right": "--right_10inw",
-  "--offsetSum": "--offsetSum_10inw",
-  "__SHeightHold": "___SHeightHold_10inw_gg_"
+  "__SDataTable": "___SDataTable_17l5n_gg_",
+  "__SHeadWrapper": "___SHeadWrapper_17l5n_gg_",
+  "_sticky": "__sticky_17l5n_gg_",
+  "__SHead": "___SHead_17l5n_gg_",
+  "__SColumn": "___SColumn_17l5n_gg_",
+  "_hidden": "__hidden_17l5n_gg_",
+  "_use_primary": "_use_primary_17l5n_gg_",
+  "_use_secondary": "_use_secondary_17l5n_gg_",
+  "_use": "__use_17l5n_gg_",
+  "_group": "__group_17l5n_gg_",
+  "_groupHead": "__groupHead_17l5n_gg_",
+  "_sortable": "__sortable_17l5n_gg_",
+  "_active": "__active_17l5n_gg_",
+  "_resizable": "__resizable_17l5n_gg_",
+  "_fixed": "__fixed_17l5n_gg_",
+  "__SSortIcon": "___SSortIcon_17l5n_gg_",
+  "__SBodyWrapper": "___SBodyWrapper_17l5n_gg_",
+  "__SBody": "___SBody_17l5n_gg_",
+  "__SRow": "___SRow_17l5n_gg_",
+  "__SCell": "___SCell_17l5n_gg_",
+  "_theme": "__theme_17l5n_gg_",
+  "__SGroupCell": "___SGroupCell_17l5n_gg_",
+  "_theme_muted": "_theme_muted_17l5n_gg_",
+  "_theme_info": "_theme_info_17l5n_gg_",
+  "_theme_success": "_theme_success_17l5n_gg_",
+  "_theme_warning": "_theme_warning_17l5n_gg_",
+  "_theme_danger": "_theme_danger_17l5n_gg_",
+  "_positioned": "__positioned_17l5n_gg_",
+  "__SScrollAreaBar": "___SScrollAreaBar_17l5n_gg_",
+  "_orientation_horizontal": "_orientation_horizontal_17l5n_gg_",
+  "_orientation_vertical": "_orientation_vertical_17l5n_gg_",
+  "--left": "--left_17l5n",
+  "--right": "--right_17l5n",
+  "--offsetSum": "--offsetSum_17l5n",
+  "__SHeightHold": "___SHeightHold_17l5n_gg_"
 });
 var REVERSED_SORT_DIRECTION = {
   desc: 'asc',

package/lib/es6/Head.js

@@ -34,16 +34,16 @@ var scrollStyles = (
 /*__reshadow_css_start__*/
 _sstyled.insert(
 /*__inner_css_start__*/
-".___SShadowHorizontal_1vv1q_gg_:before {\n  left: var(--left_1vv1q) !important;\n}\n.___SShadowHorizontal_1vv1q_gg_:after {\n  right: var(--right_1vv1q) !important;\n}\n.___SContainer_1vv1q_gg_.__disabledScroll_1vv1q_gg_ {\n  overflow: visible;\n}\n"
+".___SShadowHorizontal_rabut_gg_:before{left:var(--left_rabut)!important}.___SShadowHorizontal_rabut_gg_:after{right:var(--right_rabut)!important}.___SContainer_rabut_gg_.__disabledScroll_rabut_gg_{overflow:visible}"
 /*__inner_css_end__*/
-, "1vv1q_gg_")
+, "rabut_gg_")
 /*__reshadow_css_end__*/
 , {
-  "__SShadowHorizontal": "___SShadowHorizontal_1vv1q_gg_",
-  "--left": "--left_1vv1q",
-  "--right": "--right_1vv1q",
-  "__SContainer": "___SContainer_1vv1q_gg_",
-  "_disabledScroll": "__disabledScroll_1vv1q_gg_"
+  "__SShadowHorizontal": "___SShadowHorizontal_rabut_gg_",
+  "--left": "--left_rabut",
+  "--right": "--right_rabut",
+  "__SContainer": "___SContainer_rabut_gg_",
+  "_disabledScroll": "__disabledScroll_rabut_gg_"
 });
 var SORTING_ICON = {
   desc: SortDesc,

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@semcore/data-table",
   "description": "Semrush DataTable Component",
-  "version": "3.4.0",
+  "version": "3.5.0",
   "main": "lib/cjs/index.js",
   "module": "lib/es6/index.js",
   "typings": "lib/types/index.d.ts",