@semcore/data-table 3.1.1 → 3.1.4

package/CHANGELOG.md

@@ -2,6 +2,24 @@
 
 CHANGELOG.md standards are inspired by [keepachangelog.com](https://keepachangelog.com/en/1.0.0/).
 
+## [3.1.4] - 2022-08-11
+
+### Changed
+
+- Version patch update due to children dependencies update (`@semcore/utils` [3.35.1 ~> 3.36.0]).
+
+## [3.1.3] - 2022-07-25
+
+### Changed
+
+- Version patch update due to children dependencies update (`@semcore/icon` [2.29.1 ~> 2.29.2]).
+
+## [3.1.2] - 2022-07-22
+
+### Changed
+
+- Version patch update due to children dependencies update (`@semcore/utils` [3.34.0 ~> 3.35.0]).
+
 ## [3.1.1] - 2022-07-21
 
 ### Changed

package/lib/cjs/Body.js

@@ -71,14 +71,14 @@ var scrollStyles = (
 /*__reshadow_css_start__*/
 _core.sstyled.insert(
 /*__inner_css_start__*/
-".___SShadowHorizontal_1l6cn_gg_:before{left:var(--left_1l6cn)!important}.___SShadowHorizontal_1l6cn_gg_:after{right:var(--right_1l6cn)!important}"
+".___SShadowHorizontal_1ldjl_gg_:before{left:var(--left_1ldjl)!important}.___SShadowHorizontal_1ldjl_gg_:after{right:var(--right_1ldjl)!important}"
 /*__inner_css_end__*/
-, "1l6cn_gg_")
+, "1ldjl_gg_")
 /*__reshadow_css_end__*/
 , {
-  "__SShadowHorizontal": "___SShadowHorizontal_1l6cn_gg_",
-  "--left": "--left_1l6cn",
-  "--right": "--right_1l6cn"
+  "__SShadowHorizontal": "___SShadowHorizontal_1ldjl_gg_",
+  "--left": "--left_1ldjl",
+  "--right": "--right_1ldjl"
 });
 var testEnv = process.env.NODE_ENV === 'test';
 
@@ -109,11 +109,11 @@ var Body = /*#__PURE__*/function (_Component) {
       scrollAreaHeight: undefined,
       scrollOffset: 0
     });
-    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "firstRowRef", _react["default"].createRef());
+    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "firstRowRef", /*#__PURE__*/_react["default"].createRef());
     (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "firstRowResizeObserver", null);
     (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "getRowHeight", function () {
       var virtualScroll = _this.asProps.virtualScroll;
-      var rowHeightFromProps = (0, _typeof2["default"])(virtualScroll) === 'object' && virtualScroll?.rowHeight;
+      var rowHeightFromProps = (0, _typeof2["default"])(virtualScroll) === 'object' && (virtualScroll === null || virtualScroll === void 0 ? void 0 : virtualScroll.rowHeight);
       return rowHeightFromProps || _this.state.rowHeight;
     });
     (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "handleFirstRowResize", (0, _rafTrottle["default"])(function (entries) {
@@ -180,10 +180,11 @@ var Body = /*#__PURE__*/function (_Component) {
 
           var SGroupCell = 'div';
           return _ref2 = (0, _core.sstyled)(styles), /*#__PURE__*/_react["default"].createElement(SGroupCell, _ref2.cn("SGroupCell", {
+            "role": "rowgroup",
             "data-ui-name": "group-cell"
           }), _this2.renderRows(cell));
         } else {
-          var _ref3;
+          var _ref3, _column$props;
 
           var column = columns.find(function (c) {
             return c.name === cell.name;
@@ -200,7 +201,7 @@ var Body = /*#__PURE__*/function (_Component) {
           var props = {
             name: cell.name,
             children: /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, cell.data),
-            justifyContent: column?.props?.justifyContent,
+            justifyContent: column === null || column === void 0 ? void 0 : (_column$props = column.props) === null || _column$props === void 0 ? void 0 : _column$props.justifyContent,
             style: {
               width: vars.length === 1 ? vars[0] : "calc(".concat(vars.join(' + '), ")")
             }
@@ -231,7 +232,8 @@ var Body = /*#__PURE__*/function (_Component) {
           }
 
           return _ref3 = (0, _core.sstyled)(styles), /*#__PURE__*/_react["default"].createElement(SCell, _ref3.cn("SCell", _objectSpread(_objectSpread({
-            "key": cell.name
+            "key": cell.name,
+            "role": "cell"
           }, props), {}, {
             "fixed": cell.fixed,
             "theme": props.theme,
@@ -254,7 +256,7 @@ var Body = /*#__PURE__*/function (_Component) {
           rowPropsLayers = _this$asProps2.rowPropsLayers,
           uniqueKey = _this$asProps2.uniqueKey,
           virtualScroll = _this$asProps2.virtualScroll;
-      var rowHeightFromProps = (0, _typeof2["default"])(virtualScroll) === 'object' && virtualScroll?.rowHeight;
+      var rowHeightFromProps = (0, _typeof2["default"])(virtualScroll) === 'object' && (virtualScroll === null || virtualScroll === void 0 ? void 0 : virtualScroll.rowHeight);
       var rowData = cells.flatRowData || getCellsByColumn(cells);
       var key = rowData[uniqueKey] ? String(rowData[uniqueKey]) : "row_".concat(dataIndex);
       var needToMeasureHeight = dataIndex === 0 && !nested && !rowHeightFromProps;
@@ -288,7 +290,9 @@ var Body = /*#__PURE__*/function (_Component) {
         _iterator2.f();
       }
 
-      return _ref4 = (0, _core.sstyled)(styles), /*#__PURE__*/_react["default"].createElement(SRow, _ref4.cn("SRow", _objectSpread({}, props)));
+      return _ref4 = (0, _core.sstyled)(styles), /*#__PURE__*/_react["default"].createElement(SRow, _ref4.cn("SRow", _objectSpread({
+        "role": "row"
+      }, props)));
     }
   }, {
     key: "renderRows",
@@ -305,7 +309,8 @@ var Body = /*#__PURE__*/function (_Component) {
   }, {
     key: "renderVirtualizedRows",
     value: function renderVirtualizedRows(rows) {
-      var _this4 = this;
+      var _ref8,
+          _this4 = this;
 
       if (rows.length === 0) return [];
       var virtualScroll = this.asProps.virtualScroll;
@@ -313,10 +318,10 @@ var Body = /*#__PURE__*/function (_Component) {
           scrollOffset = _this$state.scrollOffset,
           scrollAreaHeight = _this$state.scrollAreaHeight;
       var rowHeight = this.getRowHeight();
-      var tollerance = ((0, _typeof2["default"])(virtualScroll) === 'object' ? virtualScroll?.tollerance : 2) ?? 2;
+      var tollerance = (_ref8 = (0, _typeof2["default"])(virtualScroll) === 'object' ? virtualScroll === null || virtualScroll === void 0 ? void 0 : virtualScroll.tollerance : 2) !== null && _ref8 !== void 0 ? _ref8 : 2;
       var startIndex = Math.max(Math.floor(scrollOffset / rowHeight) - tollerance, 0);
       var lastIndex = Math.min(Math.ceil((scrollOffset + scrollAreaHeight) / rowHeight) + tollerance, rows.length);
-      var rowHeightFromProps = (0, _typeof2["default"])(virtualScroll) === 'object' && virtualScroll?.rowHeight;
+      var rowHeightFromProps = (0, _typeof2["default"])(virtualScroll) === 'object' && (virtualScroll === null || virtualScroll === void 0 ? void 0 : virtualScroll.rowHeight);
       var needToMeasureFirstRowHeight = !rowHeightFromProps;
       var firstRow = {
         cells: rows[0],
@@ -336,10 +341,10 @@ var Body = /*#__PURE__*/function (_Component) {
         processedVisibleRows.unshift(firstRow);
       }
 
-      return processedVisibleRows.map(function (_ref8) {
-        var cells = _ref8.cells,
-            dataIndex = _ref8.dataIndex,
-            topOffset = _ref8.topOffset;
+      return processedVisibleRows.map(function (_ref9) {
+        var cells = _ref9.cells,
+            dataIndex = _ref9.dataIndex,
+            topOffset = _ref9.topOffset;
         return _this4.renderRow(cells, {
           dataIndex: dataIndex,
           topOffset: topOffset,
@@ -350,7 +355,9 @@ var Body = /*#__PURE__*/function (_Component) {
   }, {
     key: "componentWillUnmount",
     value: function componentWillUnmount() {
-      this.firstRowResizeObserver?.disconnect();
+      var _this$firstRowResizeO;
+
+      (_this$firstRowResizeO = this.firstRowResizeObserver) === null || _this$firstRowResizeO === void 0 ? void 0 : _this$firstRowResizeO.disconnect();
     }
   }, {
     key: "render",
@@ -372,8 +379,8 @@ var Body = /*#__PURE__*/function (_Component) {
           virtualScroll = _this$asProps3.virtualScroll,
           onResize = _this$asProps3.onResize,
           onScroll = _this$asProps3.onScroll;
-      var columnsInitialized = columns.reduce(function (sum, _ref9) {
-        var width = _ref9.width;
+      var columnsInitialized = columns.reduce(function (sum, _ref10) {
+        var width = _ref10.width;
         return sum + width;
       }, 0) > 0 || testEnv;
 
@@ -401,7 +408,9 @@ var Body = /*#__PURE__*/function (_Component) {
         "onScroll": (0, _assignProps2.callAllEventHandlers)(onScroll, this.handleScrollAreaScroll)
       }), /*#__PURE__*/_react["default"].createElement(_scrollArea["default"].Container, {
         ref: $scrollRef
-      }, /*#__PURE__*/_react["default"].createElement(SBody, _ref5.cn("SBody", _objectSpread({}, (0, _core.assignProps)({}, _ref))), holdHeight && /*#__PURE__*/_react["default"].createElement(SHeightHold, _ref5.cn("SHeightHold", {
+      }, /*#__PURE__*/_react["default"].createElement(SBody, _ref5.cn("SBody", _objectSpread({}, (0, _core.assignProps)({
+        "role": "rowgroup"
+      }, _ref))), holdHeight && /*#__PURE__*/_react["default"].createElement(SHeightHold, _ref5.cn("SHeightHold", {
         "hMin": holdHeight,
         "aria-hidden": true
       })), columnsInitialized && !virtualScroll ? this.renderRows(rows) : null, columnsInitialized && virtualScroll ? this.renderVirtualizedRows(rows) : null)), /*#__PURE__*/_react["default"].createElement(SScrollAreaBar, _ref5.cn("SScrollAreaBar", {

package/lib/cjs/Body.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/Body.tsx"],"names":["testEnv","process","env","NODE_ENV","getCellsByColumn","cells","flattenCells","flat","Object","fromEntries","map","cell","name","data","Body","rowHeight","undefined","scrollAreaHeight","scrollOffset","React","createRef","virtualScroll","asProps","rowHeightFromProps","state","entries","contentRect","height","setState","oldState","event","target","scrollTop","firstRowRef","current","firstRowResizeObserver","ResizeObserver","handleFirstRowResize","observe","rowData","index","SCell","Flex","styles","columns","use","Array","isArray","SGroupCell","renderRows","column","find","c","value","vars","cssVar","props","children","justifyContent","style","width","length","join","cellPropsLayers","cellPropLayer","childrenPropsGetter","p","other","propsCell","fixed","theme","dataIndex","topOffset","nested","SRow","Box","rowPropsLayers","uniqueKey","flatRowData","key","String","needToMeasureHeight","renderCells","active","positioned","top","ref","rowPropsLayer","propsRow","rows","renderRow","getRowHeight","tollerance","startIndex","Math","max","floor","lastIndex","min","ceil","needToMeasureFirstRowHeight","firstRow","visibleRows","slice","processedVisibleRows","unshift","disconnect","SBody","SBodyWrapper","SScrollAreaBar","ScrollArea","Bar","SHeightHold","Children","$scrollRef","onResize","onScroll","columnsInitialized","reduce","sum","offsetLeftSum","offsetRightSum","offsetSum","holdHeight","Promise","setupRowSizeObserver","scrollStyles","handleScrollAreaResize","handleScrollAreaScroll","renderVirtualizedRows","origin","Component"],"mappings":"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","sourcesContent":["import React from 'react';\nimport { Component, sstyled, Root } from '@semcore/core';\nimport { Box, Flex, IBoxProps } from '@semcore/flex-box';\nimport ScrollArea from '@semcore/scroll-area';\nimport { getFixedStyle, getScrollOffsetValue } from './utils';\nimport { RowData, Column, NestedCells, PropsLayer, Cell } from './types';\nimport assignProps, { callAllEventHandlers } from '@semcore/utils/lib/assignProps';\nimport ResizeObserver from 'resize-observer-polyfill';\nimport scrollStyles from './style/scroll-area.shadow.css';\nimport syncScroll from '@semcore/utils/lib/syncScroll';\nimport trottle from '@semcore/utils/lib/rafTrottle';\n\nconst testEnv = process.env.NODE_ENV === 'test';\n\nconst getCellsByColumn = (cells: NestedCells): RowData => {\n  const flattenCells = cells.flat(20) as Cell[];\n  return Object.fromEntries(flattenCells.map((cell) => [cell.name, cell.data]));\n};\n\ntype AsProps = {\n  rows: NestedCells[];\n  columns: Column[];\n  $scrollRef: ReturnType<ReturnType<typeof syncScroll>>;\n  onResize: ResizeObserverCallback;\n  onScroll?: (event: React.SyntheticEvent<HTMLElement>) => void;\n  rowPropsLayers: PropsLayer[];\n  use: 'primary' | 'secondary';\n  uniqueKey: string;\n  virtualScroll?: boolean | { tollerance?: number; rowHeight?: number };\n};\n\ntype State = {\n  rowHeight: number | undefined;\n  scrollAreaHeight: undefined | number;\n  scrollOffset: number;\n};\n\nclass Body extends Component<AsProps, State> {\n  state: State = {\n    rowHeight: undefined,\n    scrollAreaHeight: undefined,\n    scrollOffset: 0,\n  };\n\n  firstRowRef = React.createRef<HTMLElement>();\n  firstRowResizeObserver: ResizeObserver | null = null;\n\n  getRowHeight = () => {\n    const { virtualScroll } = this.asProps;\n    const rowHeightFromProps = typeof virtualScroll === 'object' && virtualScroll?.rowHeight;\n    return rowHeightFromProps || this.state.rowHeight;\n  };\n\n  renderCells(cells: NestedCells, rowData: RowData, index: number) {\n    const SCell = Flex;\n    const { styles, columns, use } = this.asProps;\n    return cells.map((cell) => {\n      if (Array.isArray(cell)) {\n        const SGroupCell = 'div';\n        return sstyled(styles)(\n          <SGroupCell data-ui-name=\"group-cell\">\n            {this.renderRows(cell as NestedCells[])}\n          </SGroupCell>,\n        );\n      } else {\n        const column = columns.find((c) => c.name === cell.name);\n        const [name, value] = getFixedStyle(cell, columns);\n        const vars = (Array.isArray(cell.cssVar) ? cell.cssVar : [cell.cssVar]).map(\n          (name) => `var(${name})`,\n        );\n        type CellProps = IBoxProps & {\n          name: string;\n          children: React.ReactNode;\n          style: React.CSSProperties;\n        };\n\n        let props: CellProps = {\n          name: cell.name,\n          children: <>{cell.data}</>,\n          justifyContent: column?.props?.justifyContent,\n          style: {\n            width: vars.length === 1 ? vars[0] : `calc(${vars.join(' + ')})`,\n          },\n        };\n        if (name !== undefined && value !== undefined) {\n          props.style[name] = value;\n        }\n\n        for (const cellPropLayer of cell.cellPropsLayers || []) {\n          const { childrenPropsGetter = (p) => p, ...other } = cellPropLayer;\n          const propsCell = assignProps(other, props);\n          props = assignProps(childrenPropsGetter(propsCell, rowData, index), propsCell);\n        }\n\n        return sstyled(styles)(\n          <SCell key={cell.name} {...props} fixed={cell.fixed} theme={props.theme} use={use} />,\n        ) as React.ReactElement;\n      }\n    }, [] as React.ReactElement[]);\n  }\n\n  renderRow(\n    cells: NestedCells,\n    { dataIndex, topOffset, nested }: { dataIndex: number; topOffset?: number; nested: boolean },\n  ) {\n    const SRow = Box;\n    const { styles, rowPropsLayers, uniqueKey, virtualScroll } = this.asProps;\n    const rowHeightFromProps = typeof virtualScroll === 'object' && virtualScroll?.rowHeight;\n\n    const rowData = cells.flatRowData || getCellsByColumn(cells);\n    const key = rowData[uniqueKey] ? String(rowData[uniqueKey]) : `row_${dataIndex}`;\n    const needToMeasureHeight = dataIndex === 0 && !nested && !rowHeightFromProps;\n\n    let props = {\n      children: this.renderCells(cells, rowData, dataIndex),\n      theme: undefined,\n      active: undefined,\n      positioned: topOffset !== undefined,\n      top: topOffset,\n      ref: needToMeasureHeight ? this.firstRowRef : undefined,\n      key,\n    };\n\n    for (const rowPropsLayer of rowPropsLayers) {\n      const { childrenPropsGetter = (p) => p, ...other } = rowPropsLayer;\n      const propsRow = assignProps(other, props);\n      props = assignProps(childrenPropsGetter(propsRow, rowData, dataIndex), propsRow);\n    }\n\n    return sstyled(styles)(<SRow {...props} />);\n  }\n\n  renderRows(rows: NestedCells[]) {\n    return rows.map((cells, dataIndex) => this.renderRow(cells, { dataIndex, nested: false }));\n  }\n\n  renderVirtualizedRows(rows: NestedCells[]) {\n    if (rows.length === 0) return [];\n\n    const { virtualScroll } = this.asProps;\n    const { scrollOffset, scrollAreaHeight } = this.state;\n    const rowHeight = this.getRowHeight();\n\n    const tollerance = (typeof virtualScroll === 'object' ? virtualScroll?.tollerance : 2) ?? 2;\n    const startIndex = Math.max(Math.floor(scrollOffset / rowHeight!) - tollerance, 0);\n    const lastIndex = Math.min(\n      Math.ceil((scrollOffset + scrollAreaHeight!) / rowHeight!) + tollerance,\n      rows.length,\n    );\n\n    const rowHeightFromProps = typeof virtualScroll === 'object' && virtualScroll?.rowHeight;\n    const needToMeasureFirstRowHeight = !rowHeightFromProps;\n\n    const firstRow = { cells: rows[0], dataIndex: 0, topOffset: 0 };\n    const visibleRows = rowHeight !== undefined ? rows.slice(startIndex, lastIndex) : [];\n    const processedVisibleRows = visibleRows.map((cells, index) => ({\n      cells,\n      dataIndex: startIndex + index,\n      topOffset: rowHeight! * (startIndex + index),\n    }));\n    if (needToMeasureFirstRowHeight && startIndex !== 0) {\n      processedVisibleRows.unshift(firstRow);\n    }\n\n    return processedVisibleRows.map(({ cells, dataIndex, topOffset }) =>\n      this.renderRow(cells, { dataIndex, topOffset, nested: false }),\n    );\n  }\n\n  handleFirstRowResize = trottle((entries: ResizeObserverEntry[]) => {\n    const { contentRect } = entries[0];\n    const { height } = contentRect;\n    this.setState((oldState: State) => {\n      if (oldState.rowHeight === height) return oldState;\n      return { rowHeight: height };\n    });\n  });\n\n  handleScrollAreaResize = trottle((entries: ResizeObserverEntry[]) => {\n    const { virtualScroll } = this.asProps;\n    if (!virtualScroll) return;\n    const { contentRect } = entries[0];\n    const { height } = contentRect;\n    this.setState((oldState: State) => {\n      if (oldState.scrollAreaHeight === height) return oldState;\n      return { scrollAreaHeight: height };\n    });\n  });\n\n  handleScrollAreaScroll = (event: React.SyntheticEvent<HTMLElement>) => {\n    const { scrollTop } = event.target as HTMLElement;\n    const { virtualScroll } = this.asProps;\n    if (virtualScroll) {\n      this.setState((oldState: State) => {\n        if (oldState.scrollOffset === scrollTop) return oldState;\n        return { scrollOffset: scrollTop };\n      });\n    }\n  };\n\n  setupRowSizeObserver = () => {\n    if (!this.firstRowRef.current) return;\n    if (!this.asProps.virtualScroll) return;\n    this.firstRowResizeObserver = new ResizeObserver(this.handleFirstRowResize);\n    this.firstRowResizeObserver.observe(this.firstRowRef.current);\n  };\n\n  componentWillUnmount() {\n    this.firstRowResizeObserver?.disconnect();\n  }\n\n  render() {\n    const SBody = Root;\n    const SBodyWrapper = Box;\n    const SScrollAreaBar = ScrollArea.Bar;\n    const SHeightHold = Box;\n    const { Children, styles, rows, columns, $scrollRef, virtualScroll, onResize, onScroll } =\n      this.asProps;\n\n    const columnsInitialized = columns.reduce((sum, { width }) => sum + width, 0) > 0 || testEnv;\n\n    const [offsetLeftSum, offsetRightSum] = getScrollOffsetValue(columns);\n    const offsetSum = offsetLeftSum + offsetRightSum;\n\n    const rowHeight = this.getRowHeight();\n    const holdHeight =\n      rowHeight !== undefined && virtualScroll ? rowHeight * rows.length : undefined;\n\n    if (virtualScroll && columnsInitialized && !rowHeight) {\n      new Promise(() => this.setupRowSizeObserver());\n    }\n\n    return sstyled(styles)(\n      <SBodyWrapper>\n        <ScrollArea\n          shadow\n          styles={scrollStyles}\n          use:left={`${offsetLeftSum}px`}\n          use:right={`${offsetRightSum}px`}\n          onResize={callAllEventHandlers(onResize, this.handleScrollAreaResize)}\n          onScroll={callAllEventHandlers(onScroll, this.handleScrollAreaScroll)}\n        >\n          <ScrollArea.Container ref={$scrollRef}>\n            <SBody render={Box}>\n              {holdHeight && <SHeightHold hMin={holdHeight} aria-hidden={true} />}\n              {columnsInitialized && !virtualScroll ? this.renderRows(rows) : null}\n              {columnsInitialized && virtualScroll ? this.renderVirtualizedRows(rows) : null}\n            </SBody>\n          </ScrollArea.Container>\n          <SScrollAreaBar\n            orientation=\"horizontal\"\n            left={`${offsetLeftSum}px`}\n            right={`${offsetRightSum}px`}\n            offsetSum={`${offsetSum}px`}\n          />\n          <SScrollAreaBar orientation=\"vertical\" />\n        </ScrollArea>\n        {Children.origin}\n      </SBodyWrapper>,\n    );\n  }\n}\n\nexport default Body;\n"],"file":"Body.js"}
+{"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","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};\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    };\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 { Children, styles, rows, columns, $scrollRef, virtualScroll, onResize, onScroll } =\n      this.asProps;\n\n    const columnsInitialized = columns.reduce((sum, { width }) => sum + width, 0) > 0 || testEnv;\n\n    const [offsetLeftSum, offsetRightSum] = getScrollOffsetValue(columns);\n    const offsetSum = offsetLeftSum + offsetRightSum;\n\n    const rowHeight = this.getRowHeight();\n    const holdHeight =\n      rowHeight !== undefined && virtualScroll ? rowHeight * rows.length : undefined;\n\n    if (virtualScroll && columnsInitialized && !rowHeight) {\n      new Promise(() => this.setupRowSizeObserver());\n    }\n\n    return sstyled(styles)(\n      <SBodyWrapper>\n        <ScrollArea\n          shadow\n          styles={scrollStyles}\n          use:left={`${offsetLeftSum}px`}\n          use:right={`${offsetRightSum}px`}\n          onResize={callAllEventHandlers(onResize, this.handleScrollAreaResize)}\n          onScroll={callAllEventHandlers(onScroll, this.handleScrollAreaScroll)}\n        >\n          <ScrollArea.Container ref={$scrollRef}>\n            <SBody render={Box} 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__*/
-".___SDataTable_1gvf4_gg_{position:relative}.___SHeadWrapper_1gvf4_gg_{position:relative}.___SHeadWrapper_1gvf4_gg_.__sticky_1gvf4_gg_{position:-webkit-sticky;position:sticky;top:0;z-index:2}.___SHead_1gvf4_gg_{display:flex;position:relative;flex-direction:row;min-width:-webkit-fit-content;min-width:-moz-fit-content;min-width:fit-content;z-index:0}.___SColumn_1gvf4_gg_{display:flex;align-items:center;flex-grow:1;font-size:12px;color:#191b23;box-sizing:border-box;position:relative}.___SColumn_1gvf4_gg_:focus{outline:none;box-shadow:0 0 0 3px rgba(0, 143, 248, 0.2)}.___SColumn_1gvf4_gg_.__hidden_1gvf4_gg_{height:0!important;padding:0!important;overflow:hidden!important;border:none!important}.___SColumn_1gvf4_gg_._use_primary_1gvf4_gg_{padding:12px;border-right:1px solid #e0e1e9;border-bottom:1px solid #e0e1e9;background-color:#f4f5f9}.___SColumn_1gvf4_gg_._use_secondary_1gvf4_gg_{padding:8px;border-bottom:1px solid #a9abb6;background-color:#ffffff}.___SColumn_1gvf4_gg_.__use_1gvf4_gg_:last-child{border-right:none}.___SColumn_1gvf4_gg_.__group_1gvf4_gg_.__use_1gvf4_gg_{display:flex;flex-wrap:wrap;flex-direction:column;align-items:normal;border-bottom:none;padding:0}.___SColumn_1gvf4_gg_.__groupHead_1gvf4_gg_.__use_1gvf4_gg_{justify-content:center;border-right:none;z-index:1}.___SColumn_1gvf4_gg_.__groupHead_1gvf4_gg_._use_primary_1gvf4_gg_{border-bottom:1px solid #e0e1e9}.___SColumn_1gvf4_gg_.__groupHead_1gvf4_gg_._use_secondary_1gvf4_gg_{border-bottom:1px solid #e0e1e9}.___SColumn_1gvf4_gg_.__sortable_1gvf4_gg_{cursor:pointer}.___SColumn_1gvf4_gg_.__sortable_1gvf4_gg_._use_primary_1gvf4_gg_:hover{background-color:#e0e1e9}.___SColumn_1gvf4_gg_.__active_1gvf4_gg_._use_primary_1gvf4_gg_{background-color:#e0e1e9}.___SColumn_1gvf4_gg_.__resizable_1gvf4_gg_:hover:after{background:#e0e1e9}.___SColumn_1gvf4_gg_.__resizable_1gvf4_gg_:after{content:\"\";position:absolute;bottom:0;right:-1px;height:100vh;width:1px;background:transparent;cursor:col-resize}.___SColumn_1gvf4_gg_.__fixed_1gvf4_gg_{position:-webkit-sticky;position:sticky;z-index:2}.___SSortIcon_1gvf4_gg_{fill:#a9abb6;margin-left:6px}.___SSortIcon_1gvf4_gg_.__active_1gvf4_gg_{fill:#8a8e9b}.___SBodyWrapper_1gvf4_gg_{position:relative}.___SBody_1gvf4_gg_{display:flex;flex-direction:column;position:relative;min-width:-webkit-fit-content;min-width:-moz-fit-content;min-width:fit-content}.___SRow_1gvf4_gg_{display:flex;flex-direction:row;position:relative}.___SRow_1gvf4_gg_:hover>.___SCell_1gvf4_gg_:not(.__theme_1gvf4_gg_),.___SRow_1gvf4_gg_.__active_1gvf4_gg_>.___SCell_1gvf4_gg_:not(.__theme_1gvf4_gg_),.___SRow_1gvf4_gg_ .___SCell_1gvf4_gg_:hover+.___SGroupCell_1gvf4_gg_ .___SCell_1gvf4_gg_:not(.__theme_1gvf4_gg_){background-color:#f0f0f4}.___SRow_1gvf4_gg_._theme_muted_1gvf4_gg_ .___SCell_1gvf4_gg_:not(.__theme_1gvf4_gg_){background-color:#f2f3f4}.___SRow_1gvf4_gg_:hover>.___SCell_1gvf4_gg_._theme_muted_1gvf4_gg_,.___SRow_1gvf4_gg_._theme_muted_1gvf4_gg_:hover>.___SCell_1gvf4_gg_:not(.__theme_1gvf4_gg_),.___SRow_1gvf4_gg_._theme_muted_1gvf4_gg_.__active_1gvf4_gg_>.___SCell_1gvf4_gg_:not(.__theme_1gvf4_gg_),.___SRow_1gvf4_gg_._theme_muted_1gvf4_gg_ .___SCell_1gvf4_gg_:hover+.___SGroupCell_1gvf4_gg_ .___SCell_1gvf4_gg_:not(.__theme_1gvf4_gg_){background-color:#f6f7f7}.___SRow_1gvf4_gg_._theme_info_1gvf4_gg_ .___SCell_1gvf4_gg_:not(.__theme_1gvf4_gg_){background-color:#e9f7ff}.___SRow_1gvf4_gg_:hover>.___SCell_1gvf4_gg_._theme_info_1gvf4_gg_,.___SRow_1gvf4_gg_._theme_info_1gvf4_gg_:hover>.___SCell_1gvf4_gg_:not(.__theme_1gvf4_gg_),.___SRow_1gvf4_gg_._theme_info_1gvf4_gg_.__active_1gvf4_gg_>.___SCell_1gvf4_gg_:not(.__theme_1gvf4_gg_),.___SRow_1gvf4_gg_._theme_info_1gvf4_gg_ .___SCell_1gvf4_gg_:hover+.___SGroupCell_1gvf4_gg_ .___SCell_1gvf4_gg_:not(.__theme_1gvf4_gg_){background-color:#c4e5fe}.___SRow_1gvf4_gg_._theme_success_1gvf4_gg_ .___SCell_1gvf4_gg_:not(.__theme_1gvf4_gg_){background-color:#dbfee8}.___SRow_1gvf4_gg_:hover>.___SCell_1gvf4_gg_._theme_success_1gvf4_gg_,.___SRow_1gvf4_gg_._theme_success_1gvf4_gg_:hover>.___SCell_1gvf4_gg_:not(.__theme_1gvf4_gg_),.___SRow_1gvf4_gg_._theme_success_1gvf4_gg_.__active_1gvf4_gg_>.___SCell_1gvf4_gg_:not(.__theme_1gvf4_gg_),.___SRow_1gvf4_gg_._theme_success_1gvf4_gg_ .___SCell_1gvf4_gg_:hover+.___SGroupCell_1gvf4_gg_ .___SCell_1gvf4_gg_:not(.__theme_1gvf4_gg_){background-color:#9ef2c9}.___SRow_1gvf4_gg_._theme_warning_1gvf4_gg_ .___SCell_1gvf4_gg_:not(.__theme_1gvf4_gg_){background-color:#fff3d9}.___SRow_1gvf4_gg_:hover>.___SCell_1gvf4_gg_._theme_warning_1gvf4_gg_,.___SRow_1gvf4_gg_._theme_warning_1gvf4_gg_:hover>.___SCell_1gvf4_gg_:not(.__theme_1gvf4_gg_),.___SRow_1gvf4_gg_._theme_warning_1gvf4_gg_.__active_1gvf4_gg_>.___SCell_1gvf4_gg_:not(.__theme_1gvf4_gg_),.___SRow_1gvf4_gg_._theme_warning_1gvf4_gg_ .___SCell_1gvf4_gg_:hover+.___SGroupCell_1gvf4_gg_ .___SCell_1gvf4_gg_:not(.__theme_1gvf4_gg_){background-color:#ffdca2}.___SRow_1gvf4_gg_._theme_danger_1gvf4_gg_ .___SCell_1gvf4_gg_:not(.__theme_1gvf4_gg_){background-color:#fff0f7}.___SRow_1gvf4_gg_:hover>.___SCell_1gvf4_gg_._theme_danger_1gvf4_gg_,.___SRow_1gvf4_gg_._theme_danger_1gvf4_gg_:hover>.___SCell_1gvf4_gg_:not(.__theme_1gvf4_gg_),.___SRow_1gvf4_gg_._theme_danger_1gvf4_gg_.__active_1gvf4_gg_>.___SCell_1gvf4_gg_:not(.__theme_1gvf4_gg_),.___SRow_1gvf4_gg_._theme_danger_1gvf4_gg_ .___SCell_1gvf4_gg_:hover+.___SGroupCell_1gvf4_gg_ .___SCell_1gvf4_gg_:not(.__theme_1gvf4_gg_){background-color:#ffd7df}.___SRow_1gvf4_gg_.__positioned_1gvf4_gg_{position:absolute}.___SCell_1gvf4_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_1gvf4_gg_._use_primary_1gvf4_gg_{padding:12px;min-height:45px;background-color:#ffffff}.___SCell_1gvf4_gg_._use_secondary_1gvf4_gg_{padding:8px;min-height:37px;background-color:#ffffff}.___SCell_1gvf4_gg_.__fixed_1gvf4_gg_{position:-webkit-sticky;position:sticky;z-index:1}.___SCell_1gvf4_gg_._theme_muted_1gvf4_gg_{background-color:#f2f3f4}.___SCell_1gvf4_gg_._theme_info_1gvf4_gg_{background-color:#e9f7ff}.___SCell_1gvf4_gg_._theme_success_1gvf4_gg_{background-color:#dbfee8}.___SCell_1gvf4_gg_._theme_warning_1gvf4_gg_{background-color:#fff3d9}.___SCell_1gvf4_gg_._theme_danger_1gvf4_gg_{background-color:#fff0f7}.___SScrollAreaBar_1gvf4_gg_._orientation_horizontal_1gvf4_gg_{position:-webkit-sticky;position:sticky;bottom:0;left:0;margin-top:-12px;z-index:2}.___SScrollAreaBar_1gvf4_gg_._orientation_vertical_1gvf4_gg_{width:12px}.___SScrollAreaBar_1gvf4_gg_._orientation_horizontal_1gvf4_gg_{margin-left:calc(var(--left_1gvf4) + 4px);margin-right:calc(var(--right_1gvf4) + 4px);width:calc(100% - var(--offsetSum_1gvf4) - 8px)}.___SHeightHold_1gvf4_gg_{position:absolute;top:0;width:100%;pointer-events:none;z-index:-1}"
+".___SDataTable_1r839_gg_{position:relative}.___SHeadWrapper_1r839_gg_{position:relative}.___SHeadWrapper_1r839_gg_.__sticky_1r839_gg_{position:-webkit-sticky;position:sticky;top:0;z-index:2}.___SHead_1r839_gg_{display:flex;position:relative;flex-direction:row;min-width:-webkit-fit-content;min-width:-moz-fit-content;min-width:fit-content;z-index:0}.___SColumn_1r839_gg_{display:flex;align-items:center;flex-grow:1;font-size:12px;color:#191b23;box-sizing:border-box;position:relative}.___SColumn_1r839_gg_:focus{outline:none;box-shadow:0 0 0 3px rgba(0, 143, 248, 0.2)}.___SColumn_1r839_gg_.__hidden_1r839_gg_{height:0!important;padding:0!important;overflow:hidden!important;border:none!important}.___SColumn_1r839_gg_._use_primary_1r839_gg_{padding:12px;border-right:1px solid #e0e1e9;border-bottom:1px solid #e0e1e9;background-color:#f4f5f9}.___SColumn_1r839_gg_._use_secondary_1r839_gg_{padding:8px;border-bottom:1px solid #a9abb6;background-color:#ffffff}.___SColumn_1r839_gg_.__use_1r839_gg_:last-child{border-right:none}.___SColumn_1r839_gg_.__group_1r839_gg_.__use_1r839_gg_{display:flex;flex-wrap:wrap;flex-direction:column;align-items:normal;border-bottom:none;padding:0}.___SColumn_1r839_gg_.__groupHead_1r839_gg_.__use_1r839_gg_{justify-content:center;border-right:none;z-index:1}.___SColumn_1r839_gg_.__groupHead_1r839_gg_._use_primary_1r839_gg_{border-bottom:1px solid #e0e1e9}.___SColumn_1r839_gg_.__groupHead_1r839_gg_._use_secondary_1r839_gg_{border-bottom:1px solid #e0e1e9}.___SColumn_1r839_gg_.__sortable_1r839_gg_{cursor:pointer}.___SColumn_1r839_gg_.__sortable_1r839_gg_._use_primary_1r839_gg_:hover{background-color:#e0e1e9}.___SColumn_1r839_gg_.__active_1r839_gg_._use_primary_1r839_gg_{background-color:#e0e1e9}.___SColumn_1r839_gg_.__resizable_1r839_gg_:hover:after{background:#e0e1e9}.___SColumn_1r839_gg_.__resizable_1r839_gg_:after{content:\"\";position:absolute;bottom:0;right:-1px;height:100vh;width:1px;background:transparent;cursor:col-resize}.___SColumn_1r839_gg_.__fixed_1r839_gg_{position:-webkit-sticky;position:sticky;z-index:2}.___SSortIcon_1r839_gg_{fill:#a9abb6;margin-left:6px}.___SSortIcon_1r839_gg_.__active_1r839_gg_{fill:#8a8e9b}.___SBodyWrapper_1r839_gg_{position:relative}.___SBody_1r839_gg_{display:flex;flex-direction:column;position:relative;min-width:-webkit-fit-content;min-width:-moz-fit-content;min-width:fit-content}.___SRow_1r839_gg_{display:flex;flex-direction:row;position:relative}.___SRow_1r839_gg_:hover>.___SCell_1r839_gg_:not(.__theme_1r839_gg_),.___SRow_1r839_gg_.__active_1r839_gg_>.___SCell_1r839_gg_:not(.__theme_1r839_gg_),.___SRow_1r839_gg_ .___SCell_1r839_gg_:hover+.___SGroupCell_1r839_gg_ .___SCell_1r839_gg_:not(.__theme_1r839_gg_){background-color:#f0f0f4}.___SRow_1r839_gg_._theme_muted_1r839_gg_ .___SCell_1r839_gg_:not(.__theme_1r839_gg_){background-color:#f2f3f4}.___SRow_1r839_gg_:hover>.___SCell_1r839_gg_._theme_muted_1r839_gg_,.___SRow_1r839_gg_._theme_muted_1r839_gg_:hover>.___SCell_1r839_gg_:not(.__theme_1r839_gg_),.___SRow_1r839_gg_._theme_muted_1r839_gg_.__active_1r839_gg_>.___SCell_1r839_gg_:not(.__theme_1r839_gg_),.___SRow_1r839_gg_._theme_muted_1r839_gg_ .___SCell_1r839_gg_:hover+.___SGroupCell_1r839_gg_ .___SCell_1r839_gg_:not(.__theme_1r839_gg_){background-color:#f6f7f7}.___SRow_1r839_gg_._theme_info_1r839_gg_ .___SCell_1r839_gg_:not(.__theme_1r839_gg_){background-color:#e9f7ff}.___SRow_1r839_gg_:hover>.___SCell_1r839_gg_._theme_info_1r839_gg_,.___SRow_1r839_gg_._theme_info_1r839_gg_:hover>.___SCell_1r839_gg_:not(.__theme_1r839_gg_),.___SRow_1r839_gg_._theme_info_1r839_gg_.__active_1r839_gg_>.___SCell_1r839_gg_:not(.__theme_1r839_gg_),.___SRow_1r839_gg_._theme_info_1r839_gg_ .___SCell_1r839_gg_:hover+.___SGroupCell_1r839_gg_ .___SCell_1r839_gg_:not(.__theme_1r839_gg_){background-color:#c4e5fe}.___SRow_1r839_gg_._theme_success_1r839_gg_ .___SCell_1r839_gg_:not(.__theme_1r839_gg_){background-color:#dbfee8}.___SRow_1r839_gg_:hover>.___SCell_1r839_gg_._theme_success_1r839_gg_,.___SRow_1r839_gg_._theme_success_1r839_gg_:hover>.___SCell_1r839_gg_:not(.__theme_1r839_gg_),.___SRow_1r839_gg_._theme_success_1r839_gg_.__active_1r839_gg_>.___SCell_1r839_gg_:not(.__theme_1r839_gg_),.___SRow_1r839_gg_._theme_success_1r839_gg_ .___SCell_1r839_gg_:hover+.___SGroupCell_1r839_gg_ .___SCell_1r839_gg_:not(.__theme_1r839_gg_){background-color:#9ef2c9}.___SRow_1r839_gg_._theme_warning_1r839_gg_ .___SCell_1r839_gg_:not(.__theme_1r839_gg_){background-color:#fff3d9}.___SRow_1r839_gg_:hover>.___SCell_1r839_gg_._theme_warning_1r839_gg_,.___SRow_1r839_gg_._theme_warning_1r839_gg_:hover>.___SCell_1r839_gg_:not(.__theme_1r839_gg_),.___SRow_1r839_gg_._theme_warning_1r839_gg_.__active_1r839_gg_>.___SCell_1r839_gg_:not(.__theme_1r839_gg_),.___SRow_1r839_gg_._theme_warning_1r839_gg_ .___SCell_1r839_gg_:hover+.___SGroupCell_1r839_gg_ .___SCell_1r839_gg_:not(.__theme_1r839_gg_){background-color:#ffdca2}.___SRow_1r839_gg_._theme_danger_1r839_gg_ .___SCell_1r839_gg_:not(.__theme_1r839_gg_){background-color:#fff0f7}.___SRow_1r839_gg_:hover>.___SCell_1r839_gg_._theme_danger_1r839_gg_,.___SRow_1r839_gg_._theme_danger_1r839_gg_:hover>.___SCell_1r839_gg_:not(.__theme_1r839_gg_),.___SRow_1r839_gg_._theme_danger_1r839_gg_.__active_1r839_gg_>.___SCell_1r839_gg_:not(.__theme_1r839_gg_),.___SRow_1r839_gg_._theme_danger_1r839_gg_ .___SCell_1r839_gg_:hover+.___SGroupCell_1r839_gg_ .___SCell_1r839_gg_:not(.__theme_1r839_gg_){background-color:#ffd7df}.___SRow_1r839_gg_.__positioned_1r839_gg_{position:absolute}.___SCell_1r839_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_1r839_gg_._use_primary_1r839_gg_{padding:12px;min-height:45px;background-color:#ffffff}.___SCell_1r839_gg_._use_secondary_1r839_gg_{padding:8px;min-height:37px;background-color:#ffffff}.___SCell_1r839_gg_.__fixed_1r839_gg_{position:-webkit-sticky;position:sticky;z-index:1}.___SCell_1r839_gg_._theme_muted_1r839_gg_{background-color:#f2f3f4}.___SCell_1r839_gg_._theme_info_1r839_gg_{background-color:#e9f7ff}.___SCell_1r839_gg_._theme_success_1r839_gg_{background-color:#dbfee8}.___SCell_1r839_gg_._theme_warning_1r839_gg_{background-color:#fff3d9}.___SCell_1r839_gg_._theme_danger_1r839_gg_{background-color:#fff0f7}.___SScrollAreaBar_1r839_gg_._orientation_horizontal_1r839_gg_{position:-webkit-sticky;position:sticky;bottom:0;left:0;margin-top:-12px;z-index:2}.___SScrollAreaBar_1r839_gg_._orientation_vertical_1r839_gg_{width:12px}.___SScrollAreaBar_1r839_gg_._orientation_horizontal_1r839_gg_{margin-left:calc(var(--left_1r839) + 4px);margin-right:calc(var(--right_1r839) + 4px);width:calc(100% - var(--offsetSum_1r839) - 8px)}.___SHeightHold_1r839_gg_{position:absolute;top:0;width:100%;pointer-events:none;z-index:-1}"
 /*__inner_css_end__*/
-, "1gvf4_gg_")
+, "1r839_gg_")
 /*__reshadow_css_end__*/
 , {
-  "__SDataTable": "___SDataTable_1gvf4_gg_",
-  "__SHeadWrapper": "___SHeadWrapper_1gvf4_gg_",
-  "_sticky": "__sticky_1gvf4_gg_",
-  "__SHead": "___SHead_1gvf4_gg_",
-  "__SColumn": "___SColumn_1gvf4_gg_",
-  "_hidden": "__hidden_1gvf4_gg_",
-  "_use_primary": "_use_primary_1gvf4_gg_",
-  "_use_secondary": "_use_secondary_1gvf4_gg_",
-  "_use": "__use_1gvf4_gg_",
-  "_group": "__group_1gvf4_gg_",
-  "_groupHead": "__groupHead_1gvf4_gg_",
-  "_sortable": "__sortable_1gvf4_gg_",
-  "_active": "__active_1gvf4_gg_",
-  "_resizable": "__resizable_1gvf4_gg_",
-  "_fixed": "__fixed_1gvf4_gg_",
-  "__SSortIcon": "___SSortIcon_1gvf4_gg_",
-  "__SBodyWrapper": "___SBodyWrapper_1gvf4_gg_",
-  "__SBody": "___SBody_1gvf4_gg_",
-  "__SRow": "___SRow_1gvf4_gg_",
-  "__SCell": "___SCell_1gvf4_gg_",
-  "_theme": "__theme_1gvf4_gg_",
-  "__SGroupCell": "___SGroupCell_1gvf4_gg_",
-  "_theme_muted": "_theme_muted_1gvf4_gg_",
-  "_theme_info": "_theme_info_1gvf4_gg_",
-  "_theme_success": "_theme_success_1gvf4_gg_",
-  "_theme_warning": "_theme_warning_1gvf4_gg_",
-  "_theme_danger": "_theme_danger_1gvf4_gg_",
-  "_positioned": "__positioned_1gvf4_gg_",
-  "__SScrollAreaBar": "___SScrollAreaBar_1gvf4_gg_",
-  "_orientation_horizontal": "_orientation_horizontal_1gvf4_gg_",
-  "_orientation_vertical": "_orientation_vertical_1gvf4_gg_",
-  "--left": "--left_1gvf4",
-  "--right": "--right_1gvf4",
-  "--offsetSum": "--offsetSum_1gvf4",
-  "__SHeightHold": "___SHeightHold_1gvf4_gg_"
+  "__SDataTable": "___SDataTable_1r839_gg_",
+  "__SHeadWrapper": "___SHeadWrapper_1r839_gg_",
+  "_sticky": "__sticky_1r839_gg_",
+  "__SHead": "___SHead_1r839_gg_",
+  "__SColumn": "___SColumn_1r839_gg_",
+  "_hidden": "__hidden_1r839_gg_",
+  "_use_primary": "_use_primary_1r839_gg_",
+  "_use_secondary": "_use_secondary_1r839_gg_",
+  "_use": "__use_1r839_gg_",
+  "_group": "__group_1r839_gg_",
+  "_groupHead": "__groupHead_1r839_gg_",
+  "_sortable": "__sortable_1r839_gg_",
+  "_active": "__active_1r839_gg_",
+  "_resizable": "__resizable_1r839_gg_",
+  "_fixed": "__fixed_1r839_gg_",
+  "__SSortIcon": "___SSortIcon_1r839_gg_",
+  "__SBodyWrapper": "___SBodyWrapper_1r839_gg_",
+  "__SBody": "___SBody_1r839_gg_",
+  "__SRow": "___SRow_1r839_gg_",
+  "__SCell": "___SCell_1r839_gg_",
+  "_theme": "__theme_1r839_gg_",
+  "__SGroupCell": "___SGroupCell_1r839_gg_",
+  "_theme_muted": "_theme_muted_1r839_gg_",
+  "_theme_info": "_theme_info_1r839_gg_",
+  "_theme_success": "_theme_success_1r839_gg_",
+  "_theme_warning": "_theme_warning_1r839_gg_",
+  "_theme_danger": "_theme_danger_1r839_gg_",
+  "_positioned": "__positioned_1r839_gg_",
+  "__SScrollAreaBar": "___SScrollAreaBar_1r839_gg_",
+  "_orientation_horizontal": "_orientation_horizontal_1r839_gg_",
+  "_orientation_vertical": "_orientation_vertical_1r839_gg_",
+  "--left": "--left_1r839",
+  "--right": "--right_1r839",
+  "--offsetSum": "--offsetSum_1r839",
+  "__SHeightHold": "___SHeightHold_1r839_gg_"
 });
 var REVERSED_SORT_DIRECTION = {
   desc: 'asc',
@@ -134,7 +134,7 @@ var RootDefinitionTable = /*#__PURE__*/function (_Component) {
     (0, _classCallCheck2["default"])(this, RootDefinitionTable);
     _this = _super.call(this, props);
     (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "columns", []);
-    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "tableRef", _react["default"].createRef());
+    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "tableRef", /*#__PURE__*/_react["default"].createRef());
     (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "scrollBodyRef", null);
     (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "scrollHeadRef", null);
     (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "handlerSortClick", function (name, event) {
@@ -148,7 +148,9 @@ var RootDefinitionTable = /*#__PURE__*/function (_Component) {
       _this.forceUpdate();
     });
     (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "scrollToUp", function () {
-      _this.tableRef?.current?.scrollIntoView({
+      var _this$tableRef, _this$tableRef$curren;
+
+      (_this$tableRef = _this.tableRef) === null || _this$tableRef === void 0 ? void 0 : (_this$tableRef$curren = _this$tableRef.current) === null || _this$tableRef$curren === void 0 ? void 0 : _this$tableRef$curren.scrollIntoView({
         block: 'nearest',
         inline: 'nearest',
         behavior: 'smooth'
@@ -177,8 +179,10 @@ var RootDefinitionTable = /*#__PURE__*/function (_Component) {
 
             try {
               for (_iterator2.s(); !(_step2 = _iterator2.n()).done;) {
+                var _this$tableRef$curren2;
+
                 var cssVar = _step2.value;
-                this.tableRef.current?.style.setProperty(cssVar, "".concat(_column.width, "px"));
+                (_this$tableRef$curren2 = this.tableRef.current) === null || _this$tableRef$curren2 === void 0 ? void 0 : _this$tableRef$curren2.style.setProperty(cssVar, "".concat(_column.width, "px"));
               }
             } catch (err) {
               _iterator2.e(err);
@@ -186,7 +190,9 @@ var RootDefinitionTable = /*#__PURE__*/function (_Component) {
               _iterator2.f();
             }
           } else {
-            this.tableRef.current?.style.setProperty(_column.cssVar, "".concat(_column.width, "px"));
+            var _this$tableRef$curren3;
+
+            (_this$tableRef$curren3 = this.tableRef.current) === null || _this$tableRef$curren3 === void 0 ? void 0 : _this$tableRef$curren3.style.setProperty(_column.cssVar, "".concat(_column.width, "px"));
           }
         }
       } catch (err) {
@@ -207,7 +213,9 @@ var RootDefinitionTable = /*#__PURE__*/function (_Component) {
       var columnsChildren = [];
 
       _react["default"].Children.forEach(children, function (child) {
-        if (!_react["default"].isValidElement(child)) return;
+        var _column$props;
+
+        if (! /*#__PURE__*/_react["default"].isValidElement(child)) return;
         if (child.type !== DefinitionTable.Column) return;
         var _ref3 = child.props,
             children = _ref3.children,
@@ -230,7 +238,7 @@ var RootDefinitionTable = /*#__PURE__*/function (_Component) {
           }).join('/');
           if (!columns.length) return;
           children = _react["default"].Children.toArray(children).filter(function (child) {
-            return !(_react["default"].isValidElement(child) && child.type === DefinitionTable.Column);
+            return !( /*#__PURE__*/_react["default"].isValidElement(child) && child.type === DefinitionTable.Column);
           });
         }
 
@@ -240,7 +248,9 @@ var RootDefinitionTable = /*#__PURE__*/function (_Component) {
 
         columnsChildren.push({
           get width() {
-            return this.props.ref.current?.getBoundingClientRect().width || 0;
+            var _this$props$ref$curre;
+
+            return ((_this$props$ref$curre = this.props.ref.current) === null || _this$props$ref$curre === void 0 ? void 0 : _this$props$ref$curre.getBoundingClientRect().width) || 0;
           },
 
           name: name,
@@ -249,11 +259,11 @@ var RootDefinitionTable = /*#__PURE__*/function (_Component) {
           resizable: resizable,
           active: sort[0] === name,
           sortable: sortable,
-          sortDirection: sort[0] === name ? sort[1] : column?.sortDirection || (typeof sortable == 'string' ? sortable : DEFAULT_SORT_DIRECTION),
+          sortDirection: sort[0] === name ? sort[1] : (column === null || column === void 0 ? void 0 : column.sortDirection) || (typeof sortable == 'string' ? sortable : DEFAULT_SORT_DIRECTION),
           columns: columns,
           props: _objectSpread({
             name: name,
-            ref: column?.props?.ref || _react["default"].createRef(),
+            ref: (column === null || column === void 0 ? void 0 : (_column$props = column.props) === null || _column$props === void 0 ? void 0 : _column$props.ref) || /*#__PURE__*/_react["default"].createRef(),
             children: children
           }, props)
         });
@@ -286,7 +296,7 @@ var RootDefinitionTable = /*#__PURE__*/function (_Component) {
       var rowPropsLayers = [];
 
       _react["default"].Children.forEach(props.children, function (child) {
-        if (_react["default"].isValidElement(child)) {
+        if ( /*#__PURE__*/_react["default"].isValidElement(child)) {
           var _ref5 = child.props,
               name = _ref5.name,
               children = _ref5.children,
@@ -429,7 +439,8 @@ var RootDefinitionTable = /*#__PURE__*/function (_Component) {
           styles = _this$asProps2.styles;
       return _ref2 = (0, _core.sstyled)(styles), /*#__PURE__*/_react["default"].createElement(SDataTable, _ref2.cn("SDataTable", _objectSpread({}, (0, _core.assignProps)({
         "__excludeProps": ['data'],
-        "ref": this.tableRef
+        "ref": this.tableRef,
+        "role": "table"
       }, _ref))), /*#__PURE__*/_react["default"].createElement(Children, _ref2.cn("Children", {})));
     }
   }]);