@semcore/data-table 16.0.0-prerelease.12 → 16.0.0-prerelease.14

package/lib/es6/components/DataTable/DataTable.js

@@ -0,0 +1,558 @@
+import _objectSpread from "@babel/runtime/helpers/objectSpread2";
+import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
+import _classCallCheck from "@babel/runtime/helpers/classCallCheck";
+import _createClass from "@babel/runtime/helpers/createClass";
+import _assertThisInitialized from "@babel/runtime/helpers/assertThisInitialized";
+import _inherits from "@babel/runtime/helpers/inherits";
+import _createSuper from "@babel/runtime/helpers/createSuper";
+import _defineProperty from "@babel/runtime/helpers/defineProperty";
+import { sstyled as _sstyled2 } from "@semcore/core";
+import { sstyled as _sstyled } from "@semcore/core";
+import { assignProps as _assignProps } from "@semcore/core";
+import * as React from 'react';
+import { Component, createComponent, lastInteraction, Root, sstyled } from '@semcore/core';
+import { Box, ScrollArea } from '@semcore/base-components';
+import { Head } from '../Head/Head';
+import { Body } from '../Body/Body';
+/*__reshadow-styles__:"./dataTable.shadow.css"*/
+var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SDataTable_1yoby_gg_{display:grid;position:relative;align-items:start;min-width:-moz-fit-content;min-width:fit-content}.___SDataTable_1yoby_gg_.__gridTemplateColumns_1yoby_gg_{grid-template-columns:var(--gridTemplateColumns_1yoby)}.___SDataTable_1yoby_gg_.__gridTemplateAreas_1yoby_gg_{grid-template-areas:var(--gridTemplateAreas_1yoby)}" /*__inner_css_end__*/, "1yoby_gg_") /*__reshadow_css_end__*/, {
+  "__SDataTable": "___SDataTable_1yoby_gg_",
+  "_gridTemplateColumns": "__gridTemplateColumns_1yoby_gg_",
+  "--gridTemplateColumns": "--gridTemplateColumns_1yoby",
+  "_gridTemplateAreas": "__gridTemplateAreas_1yoby_gg_",
+  "--gridTemplateAreas": "--gridTemplateAreas_1yoby"
+});
+import { isFocusInside, hasFocusableIn } from '@semcore/core/lib/utils/use/useFocusLock';
+import syncScroll from '@semcore/core/lib/utils/syncScroll';
+import { getScrollOffsetValue } from '../../utils';
+import findComponent from '@semcore/core/lib/utils/findComponent';
+import { localizedMessages } from '../../translations/__intergalactic-dynamic-locales';
+import i18nEnhance from '@semcore/core/lib/utils/enhances/i18nEnhance';
+import uniqueIDEnhancement from '@semcore/core/lib/utils/uniqueID';
+import { ROW_GROUP } from '../../index';
+import { MergedColumnsCell, MergedRowsCell } from '../Body/MergedCells';
+import { forkRef } from '@semcore/core/lib/utils/ref';
+/*__reshadow-styles__:"../../style/scroll-shadows.shadow.css"*/
+var scrollStyles = ( /*__reshadow_css_start__*/_sstyled2.insert( /*__inner_css_start__*/".___SScrollArea_1765z_gg_{width:-moz-fit-content;width:fit-content}.___SShadowHorizontal_1765z_gg_:after,.___SShadowHorizontal_1765z_gg_:before,.___SShadowVertical_1765z_gg_:after,.___SShadowVertical_1765z_gg_:before{z-index:1}" /*__inner_css_end__*/, "1765z_gg_") /*__reshadow_css_end__*/, {
+  "__SScrollArea": "___SScrollArea_1765z_gg_",
+  "__SShadowHorizontal": "___SShadowHorizontal_1765z_gg_",
+  "__SShadowVertical": "___SShadowVertical_1765z_gg_"
+});
+export var ACCORDION = Symbol('accordion');
+var DataTableRoot = /*#__PURE__*/function (_Component) {
+  _inherits(DataTableRoot, _Component);
+  var _super = _createSuper(DataTableRoot);
+  function DataTableRoot(props) {
+    var _this;
+    _classCallCheck(this, DataTableRoot);
+    _this = _super.call(this, props);
+    _defineProperty(_assertThisInitialized(_this), "columnsSplitter", '/');
+    _defineProperty(_assertThisInitialized(_this), "columns", []);
+    _defineProperty(_assertThisInitialized(_this), "focusedCell", [-1, -1]);
+    _defineProperty(_assertThisInitialized(_this), "tableContainerRef", /*#__PURE__*/React.createRef());
+    _defineProperty(_assertThisInitialized(_this), "tableRef", /*#__PURE__*/React.createRef());
+    _defineProperty(_assertThisInitialized(_this), "headerRef", /*#__PURE__*/React.createRef());
+    _defineProperty(_assertThisInitialized(_this), "scrollBodyRef", void 0);
+    _defineProperty(_assertThisInitialized(_this), "scrollHeadRef", void 0);
+    _defineProperty(_assertThisInitialized(_this), "gridAreaGroupMap", new Map());
+    _defineProperty(_assertThisInitialized(_this), "getRow", function (index) {
+      var _this$tableRef$curren;
+      return (_this$tableRef$curren = _this.tableRef.current) === null || _this$tableRef$curren === void 0 ? void 0 : _this$tableRef$curren.querySelector("[aria-rowindex=\"".concat(index + 1, "\"]"));
+    });
+    _defineProperty(_assertThisInitialized(_this), "hasFocusableInHeader", function () {
+      var hasFocusable = _this.columns.some(function (column) {
+        var columnElement = column.ref.current;
+        return columnElement && hasFocusableIn(columnElement);
+      });
+      return hasFocusable;
+    });
+    _defineProperty(_assertThisInitialized(_this), "changeFocusCell", function (rowIndex, colIndex, direction) {
+      var _this$tableRef$curren2, _this$tableRef$curren3;
+      var hasFocusable = _this.hasFocusableInHeader();
+      var maxCol = _this.columns.length - 1;
+      var maxRow = _this.totalRows;
+      var currentRow = (_this$tableRef$curren2 = _this.tableRef.current) === null || _this$tableRef$curren2 === void 0 ? void 0 : _this$tableRef$curren2.querySelector("[aria-rowindex=\"".concat(_this.focusedCell[0] + 1, "\"]"));
+      var headerCells = (_this$tableRef$curren3 = _this.tableRef.current) === null || _this$tableRef$curren3 === void 0 ? void 0 : _this$tableRef$curren3.querySelectorAll('[role=columnheader]');
+      var currentCell = currentRow === null || currentRow === void 0 ? void 0 : currentRow.querySelector("[role=gridcell][aria-colindex='".concat(_this.focusedCell[1] + 1, "']"));
+      var currentHeaderCell = headerCells === null || headerCells === void 0 ? void 0 : headerCells.item(_this.focusedCell[1]);
+      var changed = true;
+      var newRow = _this.focusedCell[0] + rowIndex;
+      var newCol = _this.focusedCell[1] + colIndex;
+      if ((hasFocusable && newRow < 0 || !hasFocusable && newRow < 1 || newRow > maxRow) && newRow !== _this.focusedCell[0]) {
+        changed = false;
+      }
+      if ((newCol < 0 || newCol > maxCol) && newCol !== _this.focusedCell[1]) {
+        changed = false;
+      }
+      if (!changed) return;
+      var row = _this.getRow(newRow);
+      var cell = row === null || row === void 0 ? void 0 : row.querySelector("[role=gridcell][aria-colindex=\"".concat(newCol + 1, "\"], [role=columnheader][aria-colindex=\"").concat(newCol + 1, "\"]"));
+      if (cell instanceof HTMLElement && currentCell !== cell) {
+        _this.focusedCell = [newRow, newCol];
+        currentCell === null || currentCell === void 0 ? void 0 : currentCell.setAttribute('inert', '');
+        if (currentCell !== currentHeaderCell) {
+          currentCell === null || currentCell === void 0 ? void 0 : currentCell.removeAttribute('aria-describedby');
+        }
+        var headerCell = headerCells === null || headerCells === void 0 ? void 0 : headerCells.item(newCol);
+        var describedBy = headerCell === null || headerCell === void 0 ? void 0 : headerCell.getAttribute('aria-describedby');
+        cell.removeAttribute('inert');
+        if (headerCell !== cell && describedBy) {
+          cell.setAttribute('aria-describedby', describedBy);
+        }
+        cell === null || cell === void 0 ? void 0 : cell.focus();
+        if (newRow !== 0) {
+          currentHeaderCell === null || currentHeaderCell === void 0 ? void 0 : currentHeaderCell.setAttribute('inert', '');
+          var _headerCell = headerCells === null || headerCells === void 0 ? void 0 : headerCells.item(newCol);
+          _headerCell === null || _headerCell === void 0 ? void 0 : _headerCell.removeAttribute('inert');
+        }
+      } else if (cell === null && currentCell instanceof HTMLElement) {
+        var rowI = rowIndex;
+        var colI = colIndex;
+        if (direction === 'left' || direction === 'right') {
+          // left/right
+          if (currentCell.dataset.groupedBy === 'columns') {
+            colI = direction === 'left' ? colI - 1 : colI + 1;
+          } else {
+            rowI = rowI - 1;
+          }
+        } else if (direction === 'up' || direction === 'down') {
+          // top/bottom
+          if (currentCell.dataset.groupedBy === 'rows') {
+            rowI = direction === 'up' ? rowI - 1 : rowI + 1;
+          } else {
+            colI = colI - 1;
+          }
+        }
+        _this.changeFocusCell(rowI, colI, direction);
+      }
+    });
+    _defineProperty(_assertThisInitialized(_this), "handleKeyDown", function (e) {
+      switch (e.key) {
+        case 'Tab':
+          {
+            _this.setInert(true);
+            break;
+          }
+        case 'ArrowLeft':
+          {
+            e.preventDefault();
+            _this.changeFocusCell(0, -1, 'left');
+            break;
+          }
+        case 'ArrowRight':
+          {
+            e.preventDefault();
+            _this.changeFocusCell(0, 1, 'right');
+            break;
+          }
+        case 'ArrowUp':
+          {
+            e.preventDefault();
+            _this.changeFocusCell(-1, 0, 'up');
+            break;
+          }
+        case 'ArrowDown':
+          {
+            e.preventDefault();
+            _this.changeFocusCell(1, 0, 'down');
+            break;
+          }
+      }
+    });
+    _defineProperty(_assertThisInitialized(_this), "initFocusableCell", function () {
+      var hasFocusable = _this.hasFocusableInHeader();
+      if (hasFocusable) {
+        _this.focusedCell = [0, 0];
+      } else {
+        _this.focusedCell = [1, 0];
+      }
+    });
+    _defineProperty(_assertThisInitialized(_this), "handleFocus", function (e) {
+      if ((!e.relatedTarget || !isFocusInside(e.currentTarget, e.relatedTarget)) && lastInteraction.isKeyboard()) {
+        var _row;
+        if (_this.focusedCell[0] === -1 && _this.focusedCell[1] === -1) {
+          _this.initFocusableCell();
+        }
+        _this.setInert(true);
+        var row = _this.getRow(_this.focusedCell[0]);
+        if (!row) {
+          _this.initFocusableCell();
+          row = _this.getRow(_this.focusedCell[0]);
+        }
+        var cell = (_row = row) === null || _row === void 0 ? void 0 : _row.querySelectorAll('[role=gridcell], [role=columnheader]').item(_this.focusedCell[1]);
+        cell === null || cell === void 0 ? void 0 : cell.removeAttribute('inert');
+        cell instanceof HTMLElement && cell.focus();
+        e.currentTarget.setAttribute('tabIndex', '-1');
+      }
+    });
+    _defineProperty(_assertThisInitialized(_this), "handleBlur", function (e) {
+      var relatedTarget = e.relatedTarget;
+      var tableElement = _this.tableRef.current;
+      if (tableElement && (!relatedTarget || !isFocusInside(tableElement, relatedTarget) || !lastInteraction.isKeyboard())) {
+        _this.setInert(false);
+        tableElement.setAttribute('tabIndex', '0');
+      }
+    });
+    _defineProperty(_assertThisInitialized(_this), "handleMouseMove", function () {
+      _this.setInert(false);
+    });
+    var createRef = syncScroll();
+    // first create body ref for master scroll
+    _this.scrollBodyRef = createRef('body');
+    _this.scrollHeadRef = createRef('head');
+    _this.columns = _this.calculateColumns();
+    return _this;
+  }
+  _createClass(DataTableRoot, [{
+    key: "componentDidMount",
+    value: function componentDidMount() {
+      this.forceUpdate();
+    }
+  }, {
+    key: "totalRows",
+    get: function get() {
+      var totalRows = this.asProps.totalRows;
+      return totalRows !== null && totalRows !== void 0 ? totalRows : this.calculateRows().length;
+    }
+  }, {
+    key: "gridSettings",
+    get: function get() {
+      var gridTemplateColumns = this.columns.map(function (c) {
+        return c.gridColumnWidth;
+      });
+      var gridTemplateAreas = this.columns.map(function (c) {
+        return c.name;
+      });
+      return {
+        gridTemplateColumns: gridTemplateColumns,
+        gridTemplateAreas: gridTemplateAreas
+      };
+    }
+  }, {
+    key: "getHeadProps",
+    value: function getHeadProps() {
+      var _this$asProps = this.asProps,
+        use = _this$asProps.use,
+        compact = _this$asProps.compact,
+        sort = _this$asProps.sort,
+        onSortChange = _this$asProps.onSortChange,
+        getI18nText = _this$asProps.getI18nText,
+        uid = _this$asProps.uid;
+      var _this$gridSettings = this.gridSettings,
+        gridTemplateColumns = _this$gridSettings.gridTemplateColumns,
+        gridTemplateAreas = _this$gridSettings.gridTemplateAreas;
+      return {
+        columns: this.columns,
+        use: use,
+        tableRef: this.tableRef,
+        compact: Boolean(compact),
+        sort: sort,
+        onSortChange: onSortChange,
+        getI18nText: getI18nText,
+        uid: uid,
+        ref: this.headerRef,
+        gridAreaGroupMap: this.gridAreaGroupMap,
+        gridTemplateColumns: gridTemplateColumns,
+        gridTemplateAreas: gridTemplateAreas
+      };
+    }
+  }, {
+    key: "getBodyProps",
+    value: function getBodyProps() {
+      var _header$children;
+      var _this$asProps2 = this.asProps,
+        use = _this$asProps2.use,
+        compact = _this$asProps2.compact,
+        loading = _this$asProps2.loading,
+        getI18nText = _this$asProps2.getI18nText;
+      var rows = this.calculateRows();
+      var _this$gridSettings2 = this.gridSettings,
+        gridTemplateColumns = _this$gridSettings2.gridTemplateColumns,
+        gridTemplateAreas = _this$gridSettings2.gridTemplateAreas;
+      var header = this.headerRef.current;
+      var headerHeight = Array.from((_header$children = header === null || header === void 0 ? void 0 : header.children) !== null && _header$children !== void 0 ? _header$children : []).reduce(function (maxHeight, col) {
+        var rect = col.getBoundingClientRect();
+        if (rect.height > maxHeight) {
+          maxHeight = rect.height;
+        }
+        return maxHeight;
+      }, 0);
+      return {
+        columns: this.columns,
+        rows: rows,
+        use: use,
+        scrollRef: this.scrollBodyRef,
+        headerRows: this.columns.some(function (column) {
+          return Boolean(column.parent);
+        }) ? 2 : 1,
+        compact: Boolean(compact),
+        gridTemplateColumns: gridTemplateColumns,
+        gridTemplateAreas: gridTemplateAreas,
+        loading: loading,
+        headerHeight: headerHeight,
+        getI18nText: getI18nText
+      };
+    }
+  }, {
+    key: "setInert",
+    value: function setInert(value) {
+      var _this$tableRef$curren4;
+      var cells = (_this$tableRef$curren4 = this.tableRef.current) === null || _this$tableRef$curren4 === void 0 ? void 0 : _this$tableRef$curren4.querySelectorAll('[role=gridcell], [role=columnheader]');
+      cells === null || cells === void 0 ? void 0 : cells.forEach(function (cell) {
+        if (value === true) {
+          cell.setAttribute('inert', '');
+        } else {
+          cell.removeAttribute('inert');
+        }
+      });
+    }
+  }, {
+    key: "render",
+    value: function render() {
+      var _ref = this.asProps,
+        _ref2;
+      var SDataTable = Box;
+      var _this$asProps3 = this.asProps,
+        Children = _this$asProps3.Children,
+        styles = _this$asProps3.styles,
+        w = _this$asProps3.w,
+        wMax = _this$asProps3.wMax,
+        wMin = _this$asProps3.wMin,
+        h = _this$asProps3.h,
+        hMax = _this$asProps3.hMax,
+        hMin = _this$asProps3.hMin,
+        loading = _this$asProps3.loading;
+      var _getScrollOffsetValue = getScrollOffsetValue(this.columns),
+        _getScrollOffsetValue2 = _slicedToArray(_getScrollOffsetValue, 2),
+        offsetLeftSum = _getScrollOffsetValue2[0],
+        offsetRightSum = _getScrollOffsetValue2[1];
+      var _this$gridSettings3 = this.gridSettings,
+        gridTemplateColumns = _this$gridSettings3.gridTemplateColumns,
+        gridTemplateAreas = _this$gridSettings3.gridTemplateAreas;
+      var Head = findComponent(Children, ['DataTable.Head']);
+      var Body = findComponent(Children, ['DataTable.Body']);
+      var width = w !== null && w !== void 0 ? w : this.columns.some(function (c) {
+        return c.gridColumnWidth === 'auto' || c.gridColumnWidth === '1fr';
+      }) ? '100%' : undefined;
+      return _ref2 = sstyled(styles), /*#__PURE__*/React.createElement(ScrollArea, _ref2.cn("ScrollArea", {
+        "leftOffset": offsetLeftSum,
+        "rightOffset": offsetRightSum,
+        "w": width,
+        "wMax": wMax,
+        "wMin": wMin,
+        "h": h,
+        "hMax": hMax,
+        "hMin": hMin,
+        "shadow": true,
+        "container": this.tableContainerRef,
+        "styles": scrollStyles
+      }), /*#__PURE__*/React.createElement(ScrollArea.Container, {
+        tabIndex: -1
+      }, /*#__PURE__*/React.createElement(SDataTable, _ref2.cn("SDataTable", _objectSpread({}, _assignProps({
+        "ref": forkRef(this.tableRef, this.tableContainerRef),
+        "role": 'grid',
+        "onKeyDown": this.handleKeyDown,
+        "onMouseMove": this.handleMouseMove,
+        "tabIndex": 0,
+        "onFocus": this.handleFocus,
+        "onBlur": this.handleBlur,
+        "aria-rowcount": this.totalRows,
+        "aria-colcount": this.columns.length,
+        "gridTemplateColumns": gridTemplateColumns.join(' '),
+        "gridTemplateAreas": gridTemplateAreas.join(' '),
+        "w": '100%',
+        "use:data": undefined,
+        "use:w": undefined,
+        "use:wMax": undefined,
+        "use:wMin": undefined,
+        "use:h": undefined,
+        "use:hMax": undefined,
+        "use:hMin": undefined
+      }, _ref))), Body, Head)), /*#__PURE__*/React.createElement(ScrollArea.Bar, {
+        orientation: "horizontal"
+      }), /*#__PURE__*/React.createElement(ScrollArea.Bar, {
+        orientation: "vertical"
+      }));
+    }
+  }, {
+    key: "calculateColumns",
+    value: function calculateColumns() {
+      var _this2 = this;
+      var _this$props = this.props,
+        children = _this$props.children,
+        data = _this$props.data;
+      var HeadComponent = findComponent(children, ['Head']);
+      var hasGroup = findComponent(HeadComponent.props.children, ['Head.Group']) !== undefined;
+      var columnIndex = 0;
+      var groupIndex = 0;
+      var gridColumnIndex = 1;
+      var calculateGridTemplateColumn = this.calculateGridTemplateColumn.bind(this);
+      var columns = [];
+      var makeColumn = function makeColumn(columnElement, parent, isFirst, isLast) {
+        var _columnElement$props$, _ref3, _columnElement$props$2;
+        var leftBordersFromParent = isFirst && ((parent === null || parent === void 0 ? void 0 : parent.props.borders) === 'both' || (parent === null || parent === void 0 ? void 0 : parent.props.borders) === 'left') ? 'left' : undefined;
+        var rightBordersFromParent = isLast && ((parent === null || parent === void 0 ? void 0 : parent.props.borders) === 'both' || (parent === null || parent === void 0 ? void 0 : parent.props.borders) === 'right') ? 'right' : undefined;
+        var column = {
+          name: columnElement.props.name,
+          // @ts-ignore
+          ref: function ref(node) {
+            if (node) {
+              var calculatedWidth = node.getBoundingClientRect().width;
+              var calculatedHeight = node.getBoundingClientRect().height;
+              column.calculatedWidth = calculatedWidth;
+              column.calculatedHeight = calculatedHeight;
+            }
+            this.ref.current = node;
+          },
+          gridColumnWidth: calculateGridTemplateColumn(columnElement),
+          fixed: (_columnElement$props$ = columnElement.props.fixed) !== null && _columnElement$props$ !== void 0 ? _columnElement$props$ : parent === null || parent === void 0 ? void 0 : parent.props.fixed,
+          calculatedWidth: 0,
+          calculatedHeight: 0,
+          borders: (_ref3 = (_columnElement$props$2 = columnElement.props.borders) !== null && _columnElement$props$2 !== void 0 ? _columnElement$props$2 : leftBordersFromParent) !== null && _ref3 !== void 0 ? _ref3 : rightBordersFromParent,
+          parent: parent,
+          flexWrap: columnElement.props.flexWrap,
+          alignItems: columnElement.props.alignItems,
+          alignContent: columnElement.props.alignContent,
+          justifyContent: columnElement.props.justifyContent
+        };
+
+        //       this.gridAreaColumnMap.set(
+        //         columnIndex,
+        //         `1 / ${gridColumnIndex} / ${hasGroup ? '3' : '2'} / ${gridColumnIndex + 1}`,
+        //       );
+        //       columnIndex++;
+        //       gridColumnIndex++;
+
+        return column;
+        // columns.push(column);
+      };
+
+      React.Children.forEach(HeadComponent.props.children, function (child, i) {
+        if (! /*#__PURE__*/React.isValidElement(child)) return;
+        if (child.type === Head.Column) {
+          var col = makeColumn(child);
+          col.gridArea = "1 / ".concat(gridColumnIndex, " / ").concat(hasGroup ? '3' : '2', " / ").concat(gridColumnIndex + 1);
+          columnIndex++;
+          gridColumnIndex++;
+          columns.push(col);
+        } else if (child.type === Head.Group) {
+          var Group = child;
+          var childCount = React.Children.count(child.props.children);
+          var initGridColumn = gridColumnIndex;
+          React.Children.forEach(child.props.children, function (child, j) {
+            if ((child === null || child === void 0 ? void 0 : child.type) === Head.Column) {
+              var isFirst = j === 0;
+              var isLast = j === childCount - 1;
+              var _col = makeColumn(child, Group, isFirst, isLast);
+              if (i === 0 && j === 0 && data.some(function (d) {
+                return d[ACCORDION];
+              })) {
+                gridColumnIndex++;
+                _col.gridArea = "2 / ".concat(gridColumnIndex - 1, " / 3 / ").concat(gridColumnIndex + 1);
+              } else {
+                _col.gridArea = "2 / ".concat(gridColumnIndex, " / 3 / ").concat(gridColumnIndex + 1);
+              }
+              _col.gridArea = "2 / ".concat(gridColumnIndex, " / 3 / ").concat(gridColumnIndex + 1);
+              columnIndex++;
+              gridColumnIndex++;
+              columns.push(_col);
+            }
+          });
+          _this2.gridAreaGroupMap.set(groupIndex, "1 / ".concat(initGridColumn, " / 2 / ").concat(gridColumnIndex));
+          groupIndex++;
+        }
+      });
+      return columns.filter(Boolean);
+
+      // return Columns.map((c) => {
+      //   const column = {
+      //     name: c.props.name,
+      //     ref: (node: HTMLElement | null) => {
+      //       if (node) {
+      //         const calculatedWidth = node.getBoundingClientRect().width;
+      //         column.calculatedWidth = calculatedWidth;
+      //       }
+      //
+      //       return { current: node };
+      //     },
+      //     gridColumnWidth: calculateGridTemplateColumn(c),
+      //     fixed: c.props.fixed,
+      //     calculatedWidth: 0,
+      //   };
+      //
+      //   return column;
+      // });
+
+      // return columns;
+    }
+  }, {
+    key: "calculateRows",
+    value: function calculateRows() {
+      var _this3 = this;
+      var data = this.asProps.data;
+      var rows = [];
+      var rowIndex = 0;
+      var addToRows = function addToRows(row) {
+        var dtRow = Object.entries(row).reduce(function (acc, _ref4) {
+          var _ref5 = _slicedToArray(_ref4, 2),
+            key = _ref5[0],
+            value = _ref5[1];
+          var columnsToRow = key.split(_this3.columnsSplitter);
+          if (columnsToRow.length === 1) {
+            acc[key] = value;
+          } else {
+            acc[columnsToRow[0]] = new MergedColumnsCell(value, columnsToRow.length);
+          }
+          if (row[ACCORDION]) {
+            acc[ACCORDION] = row[ACCORDION];
+          }
+          return acc;
+        }, {});
+        rows.push(dtRow);
+        rowIndex++;
+      };
+      data.forEach(function (row, rowIndex) {
+        var groupedRows = row[ROW_GROUP];
+        if (groupedRows) {
+          groupedRows.forEach(function (childRow, index) {
+            if (index === 0) {
+              var rowData = _objectSpread(_objectSpread({}, childRow), Object.entries(row).reduce(function (acc, _ref6) {
+                var _ref7 = _slicedToArray(_ref6, 2),
+                  key = _ref7[0],
+                  value = _ref7[1];
+                acc[key] = new MergedRowsCell(value, groupedRows.length);
+                return acc;
+              }, {}));
+              addToRows(rowData);
+            } else {
+              addToRows(childRow);
+            }
+          });
+        } else {
+          addToRows(row);
+        }
+      });
+      return rows;
+    }
+  }, {
+    key: "calculateGridTemplateColumn",
+    value: function calculateGridTemplateColumn(c) {
+      var _c$props$gtcWidth;
+      return (_c$props$gtcWidth = c.props.gtcWidth) !== null && _c$props$gtcWidth !== void 0 ? _c$props$gtcWidth : this.props.defaultGridTemplateColumnWidth;
+    }
+  }]);
+  return DataTableRoot;
+}(Component);
+_defineProperty(DataTableRoot, "displayName", 'DataTable');
+_defineProperty(DataTableRoot, "style", style);
+_defineProperty(DataTableRoot, "enhance", [uniqueIDEnhancement(), i18nEnhance(localizedMessages)]);
+_defineProperty(DataTableRoot, "defaultProps", {
+  use: 'primary',
+  defaultGridTemplateColumnWidth: 'auto',
+  h: 'auto'
+});
+export var DataTable = createComponent(DataTableRoot, {
+  Head: Head,
+  Body: Body
+});
+//# sourceMappingURL=DataTable.js.map

package/lib/es6/components/DataTable/DataTable.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DataTable.js","names":["React","Component","createComponent","lastInteraction","Root","sstyled","Box","ScrollArea","Head","Body","style","_sstyled","insert","isFocusInside","hasFocusableIn","syncScroll","getScrollOffsetValue","findComponent","localizedMessages","i18nEnhance","uniqueIDEnhancement","ROW_GROUP","MergedColumnsCell","MergedRowsCell","forkRef","scrollStyles","_sstyled2","ACCORDION","Symbol","DataTableRoot","_Component","_inherits","_super","_createSuper","props","_this","_classCallCheck","call","_defineProperty","_assertThisInitialized","createRef","Map","index","_this$tableRef$curren","tableRef","current","querySelector","concat","hasFocusable","columns","some","column","columnElement","ref","rowIndex","colIndex","direction","_this$tableRef$curren2","_this$tableRef$curren3","hasFocusableInHeader","maxCol","length","maxRow","totalRows","currentRow","focusedCell","headerCells","querySelectorAll","currentCell","currentHeaderCell","item","changed","newRow","newCol","row","getRow","cell","HTMLElement","setAttribute","removeAttribute","headerCell","describedBy","getAttribute","focus","rowI","colI","dataset","groupedBy","changeFocusCell","e","key","setInert","preventDefault","relatedTarget","currentTarget","isKeyboard","_row","initFocusableCell","tableElement","scrollBodyRef","scrollHeadRef","calculateColumns","_createClass","value","componentDidMount","forceUpdate","get","asProps","calculateRows","gridTemplateColumns","map","c","gridColumnWidth","gridTemplateAreas","name","getHeadProps","_this$asProps","use","compact","sort","onSortChange","getI18nText","uid","_this$gridSettings","gridSettings","Boolean","headerRef","gridAreaGroupMap","getBodyProps","_header$children","_this$asProps2","loading","rows","_this$gridSettings2","header","headerHeight","Array","from","children","reduce","maxHeight","col","rect","getBoundingClientRect","height","scrollRef","headerRows","parent","_this$tableRef$curren4","cells","forEach","render","_ref","_ref2","SDataTable","_this$asProps3","Children","styles","w","wMax","wMin","h","hMax","hMin","_getScrollOffsetValue","_getScrollOffsetValue2","_slicedToArray","offsetLeftSum","offsetRightSum","_this$gridSettings3","width","undefined","createElement","cn","tableContainerRef","Container","tabIndex","_objectSpread","_assignProps","handleKeyDown","handleMouseMove","handleFocus","handleBlur","join","Bar","orientation","_this2","_this$props","data","HeadComponent","hasGroup","columnIndex","groupIndex","gridColumnIndex","calculateGridTemplateColumn","bind","makeColumn","isFirst","isLast","_columnElement$props$","_ref3","_columnElement$props$2","leftBordersFromParent","borders","rightBordersFromParent","node","calculatedWidth","calculatedHeight","fixed","flexWrap","alignItems","alignContent","justifyContent","child","i","isValidElement","type","Column","gridArea","push","Group","childCount","count","initGridColumn","j","d","set","filter","_this3","addToRows","dtRow","Object","entries","acc","_ref4","_ref5","columnsToRow","split","columnsSplitter","groupedRows","childRow","rowData","_ref6","_ref7","_c$props$gtcWidth","gtcWidth","defaultGridTemplateColumnWidth","DataTable"],"sources":["../../../../src/components/DataTable/DataTable.tsx"],"sourcesContent":["import * as React from 'react';\nimport {\n  Component,\n  createComponent,\n  Intergalactic,\n  lastInteraction,\n  Root,\n  sstyled,\n} from '@semcore/core';\nimport { Box, ScrollArea } from '@semcore/base-components';\n\nimport { DataTableProps, ColIndex, RowIndex, DataTableData, DTKey } from './DataTable.types';\nimport { Head } from '../Head/Head';\nimport { Body } from '../Body/Body';\nimport { DataTableColumnProps, DTColumn } from '../Head/Column.types';\n\nimport style from './dataTable.shadow.css';\nimport { DTRow } from '../Body/Row.types';\nimport { isFocusInside, hasFocusableIn } from '@semcore/core/lib/utils/use/useFocusLock';\n\nimport { ReactElement } from 'react';\nimport syncScroll from '@semcore/core/lib/utils/syncScroll';\nimport { getScrollOffsetValue } from '../../utils';\nimport findComponent from '@semcore/core/lib/utils/findComponent';\nimport { DataTableHeadProps, HeadPropsInner } from '../Head/Head.types';\nimport { BodyPropsInner } from '../Body/Body.types';\nimport { localizedMessages } from '../../translations/__intergalactic-dynamic-locales';\nimport i18nEnhance from '@semcore/core/lib/utils/enhances/i18nEnhance';\nimport uniqueIDEnhancement from '@semcore/core/lib/utils/uniqueID';\nimport { ROW_GROUP } from '../../index';\nimport { MergedColumnsCell, MergedRowsCell } from '../Body/MergedCells';\nimport { forkRef } from '@semcore/core/lib/utils/ref';\nimport scrollStyles from '../../style/scroll-shadows.shadow.css';\n\nexport const ACCORDION = Symbol('accordion');\n\nclass DataTableRoot extends Component<\n  DataTableProps,\n  {},\n  {},\n  typeof DataTableRoot.enhance,\n  { use: DTRow }\n> {\n  static displayName = 'DataTable';\n  static style = style;\n\n  static enhance = [uniqueIDEnhancement(), i18nEnhance(localizedMessages)] as const;\n\n  static defaultProps = {\n    use: 'primary',\n    defaultGridTemplateColumnWidth: 'auto',\n    h: 'auto',\n  };\n\n  private columnsSplitter = '/';\n\n  private columns: DTColumn[] = [];\n\n  private focusedCell: [RowIndex, ColIndex] = [-1, -1];\n\n  private tableContainerRef = React.createRef<HTMLDivElement>();\n  private tableRef = React.createRef<HTMLDivElement>();\n  private headerRef = React.createRef<HTMLDivElement>();\n  private scrollBodyRef: ReturnType<ReturnType<typeof syncScroll>>;\n  private scrollHeadRef: ReturnType<ReturnType<typeof syncScroll>>;\n\n  private gridAreaGroupMap = new Map<number, string>();\n\n  constructor(props: DataTableProps) {\n    super(props);\n\n    const createRef = syncScroll();\n    // first create body ref for master scroll\n    this.scrollBodyRef = createRef('body');\n    this.scrollHeadRef = createRef('head');\n\n    this.columns = this.calculateColumns();\n  }\n\n  componentDidMount() {\n    this.forceUpdate();\n  }\n\n  get totalRows() {\n    const { totalRows } = this.asProps;\n\n    return totalRows ?? this.calculateRows().length;\n  }\n\n  get gridSettings() {\n    const gridTemplateColumns = this.columns.map((c) => c.gridColumnWidth);\n    const gridTemplateAreas = this.columns.map((c) => c.name);\n\n    return {\n      gridTemplateColumns,\n      gridTemplateAreas,\n    };\n  }\n\n  getHeadProps(): HeadPropsInner {\n    const { use, compact, sort, onSortChange, getI18nText, uid } = this.asProps;\n    const { gridTemplateColumns, gridTemplateAreas } = this.gridSettings;\n\n    return {\n      columns: this.columns,\n      use,\n      tableRef: this.tableRef,\n      compact: Boolean(compact),\n      sort,\n      onSortChange,\n      getI18nText,\n      uid,\n      ref: this.headerRef,\n      gridAreaGroupMap: this.gridAreaGroupMap,\n      gridTemplateColumns,\n      gridTemplateAreas,\n    };\n  }\n\n  getBodyProps(): BodyPropsInner {\n    const { use, compact, loading, getI18nText } = this.asProps;\n    const rows = this.calculateRows();\n\n    const { gridTemplateColumns, gridTemplateAreas } = this.gridSettings;\n    const header = this.headerRef.current;\n    const headerHeight = Array.from(header?.children ?? []).reduce((maxHeight, col) => {\n      const rect = col.getBoundingClientRect();\n      if (rect.height > maxHeight) {\n        maxHeight = rect.height;\n      }\n\n      return maxHeight;\n    }, 0);\n\n    return {\n      columns: this.columns,\n      rows,\n      use,\n      scrollRef: this.scrollBodyRef,\n      headerRows: this.columns.some((column) => Boolean(column.parent)) ? 2 : 1,\n      compact: Boolean(compact),\n      gridTemplateColumns,\n      gridTemplateAreas,\n      loading,\n      headerHeight,\n      getI18nText,\n    };\n  }\n\n  setInert(value: boolean) {\n    const cells = this.tableRef.current?.querySelectorAll<HTMLDivElement>(\n      '[role=gridcell], [role=columnheader]',\n    );\n\n    cells?.forEach((cell) => {\n      if (value === true) {\n        cell.setAttribute('inert', '');\n      } else {\n        cell.removeAttribute('inert');\n      }\n    });\n  }\n\n  getRow = (index: number) => {\n    return this.tableRef.current?.querySelector(`[aria-rowindex=\"${index + 1}\"]`);\n  };\n\n  hasFocusableInHeader = () => {\n    const hasFocusable = this.columns.some((column) => {\n      const columnElement = column.ref.current;\n\n      return columnElement && hasFocusableIn(columnElement);\n    });\n\n    return hasFocusable;\n  };\n\n  changeFocusCell = (\n    rowIndex: RowIndex,\n    colIndex: ColIndex,\n    direction?: 'up' | 'down' | 'left' | 'right',\n  ) => {\n    const hasFocusable = this.hasFocusableInHeader();\n\n    const maxCol = this.columns.length - 1;\n    const maxRow = this.totalRows;\n\n    const currentRow = this.tableRef.current?.querySelector(\n      `[aria-rowindex=\"${this.focusedCell[0] + 1}\"]`,\n    );\n\n    const headerCells = this.tableRef.current?.querySelectorAll('[role=columnheader]');\n    const currentCell = currentRow?.querySelector(\n      `[role=gridcell][aria-colindex='${this.focusedCell[1] + 1}']`,\n    );\n    const currentHeaderCell = headerCells?.item(this.focusedCell[1]);\n\n    let changed = true;\n    const newRow = this.focusedCell[0] + rowIndex;\n    const newCol = this.focusedCell[1] + colIndex;\n\n    if (\n      ((hasFocusable && newRow < 0) || (!hasFocusable && newRow < 1) || newRow > maxRow) &&\n      newRow !== this.focusedCell[0]\n    ) {\n      changed = false;\n    }\n    if ((newCol < 0 || newCol > maxCol) && newCol !== this.focusedCell[1]) {\n      changed = false;\n    }\n\n    if (!changed) return;\n\n    const row = this.getRow(newRow);\n    const cell = row?.querySelector(\n      `[role=gridcell][aria-colindex=\"${newCol + 1}\"], [role=columnheader][aria-colindex=\"${\n        newCol + 1\n      }\"]`,\n    );\n\n    if (cell instanceof HTMLElement && currentCell !== cell) {\n      this.focusedCell = [newRow, newCol];\n\n      currentCell?.setAttribute('inert', '');\n\n      if (currentCell !== currentHeaderCell) {\n        currentCell?.removeAttribute('aria-describedby');\n      }\n\n      const headerCell = headerCells?.item(newCol);\n      const describedBy = headerCell?.getAttribute('aria-describedby');\n\n      cell.removeAttribute('inert');\n      if (headerCell !== cell && describedBy) {\n        cell.setAttribute('aria-describedby', describedBy);\n      }\n\n      cell?.focus();\n\n      if (newRow !== 0) {\n        currentHeaderCell?.setAttribute('inert', '');\n        const headerCell = headerCells?.item(newCol);\n\n        headerCell?.removeAttribute('inert');\n      }\n    } else if (cell === null && currentCell instanceof HTMLElement) {\n      let rowI = rowIndex;\n      let colI = colIndex;\n\n      if (direction === 'left' || direction === 'right') {\n        // left/right\n        if (currentCell.dataset.groupedBy === 'columns') {\n          colI = direction === 'left' ? colI - 1 : colI + 1;\n        } else {\n          rowI = rowI - 1;\n        }\n      } else if (direction === 'up' || direction === 'down') {\n        // top/bottom\n        if (currentCell.dataset.groupedBy === 'rows') {\n          rowI = direction === 'up' ? rowI - 1 : rowI + 1;\n        } else {\n          colI = colI - 1;\n        }\n      }\n      this.changeFocusCell(rowI, colI, direction);\n    }\n  };\n\n  handleKeyDown = (e: React.KeyboardEvent) => {\n    switch (e.key) {\n      case 'Tab': {\n        this.setInert(true);\n        break;\n      }\n      case 'ArrowLeft': {\n        e.preventDefault();\n        this.changeFocusCell(0, -1, 'left');\n        break;\n      }\n      case 'ArrowRight': {\n        e.preventDefault();\n        this.changeFocusCell(0, 1, 'right');\n        break;\n      }\n      case 'ArrowUp': {\n        e.preventDefault();\n        this.changeFocusCell(-1, 0, 'up');\n        break;\n      }\n      case 'ArrowDown': {\n        e.preventDefault();\n        this.changeFocusCell(1, 0, 'down');\n        break;\n      }\n    }\n  };\n\n  initFocusableCell = () => {\n    const hasFocusable = this.hasFocusableInHeader();\n\n    if (hasFocusable) {\n      this.focusedCell = [0, 0];\n    } else {\n      this.focusedCell = [1, 0];\n    }\n  };\n\n  handleFocus = (e: React.FocusEvent<HTMLElement, HTMLElement>) => {\n    if (\n      (!e.relatedTarget || !isFocusInside(e.currentTarget, e.relatedTarget)) &&\n      lastInteraction.isKeyboard()\n    ) {\n      if (this.focusedCell[0] === -1 && this.focusedCell[1] === -1) {\n        this.initFocusableCell();\n      }\n\n      this.setInert(true);\n\n      let row = this.getRow(this.focusedCell[0]);\n\n      if (!row) {\n        this.initFocusableCell();\n        row = this.getRow(this.focusedCell[0]);\n      }\n\n      const cell = row\n        ?.querySelectorAll('[role=gridcell], [role=columnheader]')\n        .item(this.focusedCell[1]);\n\n      cell?.removeAttribute('inert');\n      cell instanceof HTMLElement && cell.focus();\n\n      e.currentTarget.setAttribute('tabIndex', '-1');\n    }\n  };\n\n  handleBlur = (e: React.FocusEvent<HTMLElement, HTMLElement>) => {\n    const relatedTarget = e.relatedTarget;\n    const tableElement = this.tableRef.current;\n\n    if (\n      tableElement &&\n      (!relatedTarget ||\n        !isFocusInside(tableElement, relatedTarget) ||\n        !lastInteraction.isKeyboard())\n    ) {\n      this.setInert(false);\n      tableElement.setAttribute('tabIndex', '0');\n    }\n  };\n\n  handleMouseMove = () => {\n    this.setInert(false);\n  };\n\n  render() {\n    const SDataTable = Root;\n    const { Children, styles, w, wMax, wMin, h, hMax, hMin, loading } = this.asProps;\n\n    const [offsetLeftSum, offsetRightSum] = getScrollOffsetValue(this.columns);\n    const { gridTemplateColumns, gridTemplateAreas } = this.gridSettings;\n\n    const Head = findComponent(Children, ['DataTable.Head']);\n    const Body = findComponent(Children, ['DataTable.Body']);\n\n    const width =\n      w ??\n      (this.columns.some((c) => c.gridColumnWidth === 'auto' || c.gridColumnWidth === '1fr')\n        ? '100%'\n        : undefined);\n\n    return sstyled(styles)(\n      <ScrollArea\n        leftOffset={offsetLeftSum}\n        rightOffset={offsetRightSum}\n        w={width}\n        wMax={wMax}\n        wMin={wMin}\n        h={h}\n        hMax={hMax}\n        hMin={hMin}\n        shadow={true}\n        container={this.tableContainerRef}\n        styles={scrollStyles}\n      >\n        <ScrollArea.Container tabIndex={-1}>\n          <SDataTable\n            render={Box}\n            ref={forkRef(this.tableRef, this.tableContainerRef)}\n            role='grid'\n            onKeyDown={this.handleKeyDown}\n            onMouseMove={this.handleMouseMove}\n            tabIndex={0}\n            onFocus={this.handleFocus}\n            onBlur={this.handleBlur}\n            aria-rowcount={this.totalRows}\n            aria-colcount={this.columns.length}\n            gridTemplateColumns={gridTemplateColumns.join(' ')}\n            gridTemplateAreas={gridTemplateAreas.join(' ')}\n            w={'100%'}\n            use:data={undefined}\n            use:w={undefined}\n            use:wMax={undefined}\n            use:wMin={undefined}\n            use:h={undefined}\n            use:hMax={undefined}\n            use:hMin={undefined}\n          >\n            {Body}\n            {Head}\n          </SDataTable>\n        </ScrollArea.Container>\n\n        <ScrollArea.Bar orientation='horizontal' />\n        <ScrollArea.Bar orientation='vertical' />\n      </ScrollArea>,\n    );\n  }\n\n  private calculateColumns(): DTColumn[] {\n    const { children, data } = this.props;\n    const HeadComponent = findComponent(children, ['Head']) as ReactElement<DataTableHeadProps> & {\n      props: { children: Array<ReactElement<DataTableColumnProps>> };\n    };\n\n    const hasGroup = findComponent(HeadComponent.props.children, ['Head.Group']) !== undefined;\n\n    let columnIndex = 0;\n    let groupIndex = 0;\n    let gridColumnIndex = 1;\n\n    const calculateGridTemplateColumn = this.calculateGridTemplateColumn.bind(this);\n\n    const columns: DTColumn[] = [];\n\n    const makeColumn = (\n      columnElement: ReactElement<DataTableColumnProps>,\n      parent?: any,\n      isFirst?: boolean,\n      isLast?: boolean,\n    ): DTColumn => {\n      const leftBordersFromParent =\n        isFirst && (parent?.props.borders === 'both' || parent?.props.borders === 'left')\n          ? 'left'\n          : undefined;\n      const rightBordersFromParent =\n        isLast && (parent?.props.borders === 'both' || parent?.props.borders === 'right')\n          ? 'right'\n          : undefined;\n\n      const column: DTColumn = {\n        name: columnElement.props.name,\n        // @ts-ignore\n        ref: function (node: HTMLElement | null) {\n          if (node) {\n            const calculatedWidth = node.getBoundingClientRect().width;\n            const calculatedHeight = node.getBoundingClientRect().height;\n            column.calculatedWidth = calculatedWidth;\n            column.calculatedHeight = calculatedHeight;\n          }\n\n          this.ref.current = node;\n        },\n        gridColumnWidth: calculateGridTemplateColumn(columnElement),\n        fixed: columnElement.props.fixed ?? parent?.props.fixed,\n        calculatedWidth: 0,\n        calculatedHeight: 0,\n        borders: columnElement.props.borders ?? leftBordersFromParent ?? rightBordersFromParent,\n        parent,\n\n        flexWrap: columnElement.props.flexWrap,\n        alignItems: columnElement.props.alignItems,\n        alignContent: columnElement.props.alignContent,\n        justifyContent: columnElement.props.justifyContent,\n      };\n\n      //       this.gridAreaColumnMap.set(\n      //         columnIndex,\n      //         `1 / ${gridColumnIndex} / ${hasGroup ? '3' : '2'} / ${gridColumnIndex + 1}`,\n      //       );\n      //       columnIndex++;\n      //       gridColumnIndex++;\n\n      return column;\n      // columns.push(column);\n    };\n\n    React.Children.forEach(HeadComponent.props.children, (child, i) => {\n      if (!React.isValidElement(child)) return;\n\n      if (child.type === Head.Column) {\n        const col = makeColumn(child);\n\n        col.gridArea = `1 / ${gridColumnIndex} / ${hasGroup ? '3' : '2'} / ${gridColumnIndex + 1}`;\n\n        columnIndex++;\n        gridColumnIndex++;\n\n        columns.push(col);\n      } else if (child.type === Head.Group) {\n        const Group = child;\n        const childCount = React.Children.count(child.props.children);\n\n        const initGridColumn = gridColumnIndex;\n\n        React.Children.forEach(child.props.children, (child, j) => {\n          if (child?.type === Head.Column) {\n            const isFirst = j === 0;\n            const isLast = j === childCount - 1;\n            const col = makeColumn(child, Group, isFirst, isLast);\n\n            if (i === 0 && j === 0 && data.some((d) => d[ACCORDION])) {\n              gridColumnIndex++;\n              col.gridArea = `2 / ${gridColumnIndex - 1} / 3 / ${gridColumnIndex + 1}`;\n            } else {\n              col.gridArea = `2 / ${gridColumnIndex} / 3 / ${gridColumnIndex + 1}`;\n            }\n\n            col.gridArea = `2 / ${gridColumnIndex} / 3 / ${gridColumnIndex + 1}`;\n            columnIndex++;\n            gridColumnIndex++;\n\n            columns.push(col);\n          }\n        });\n\n        this.gridAreaGroupMap.set(groupIndex, `1 / ${initGridColumn} / 2 / ${gridColumnIndex}`);\n        groupIndex++;\n      }\n    });\n\n    return columns.filter(Boolean);\n\n    // return Columns.map((c) => {\n    //   const column = {\n    //     name: c.props.name,\n    //     ref: (node: HTMLElement | null) => {\n    //       if (node) {\n    //         const calculatedWidth = node.getBoundingClientRect().width;\n    //         column.calculatedWidth = calculatedWidth;\n    //       }\n    //\n    //       return { current: node };\n    //     },\n    //     gridColumnWidth: calculateGridTemplateColumn(c),\n    //     fixed: c.props.fixed,\n    //     calculatedWidth: 0,\n    //   };\n    //\n    //   return column;\n    // });\n\n    // return columns;\n  }\n\n  private calculateRows(): DTRow[] {\n    const { data } = this.asProps;\n\n    const rows: DTRow[] = [];\n\n    let rowIndex = 0;\n\n    const addToRows = (row: Record<DTKey, any>) => {\n      const dtRow = Object.entries(row).reduce<DTRow>((acc, [key, value]) => {\n        const columnsToRow = key.split(this.columnsSplitter);\n\n        if (columnsToRow.length === 1) {\n          acc[key] = value;\n        } else {\n          acc[columnsToRow[0]] = new MergedColumnsCell(value, columnsToRow.length);\n        }\n\n        if (row[ACCORDION]) {\n          acc[ACCORDION] = row[ACCORDION];\n        }\n\n        return acc;\n      }, {});\n\n      rows.push(dtRow);\n      rowIndex++;\n    };\n\n    data.forEach((row, rowIndex) => {\n      const groupedRows: DataTableData | undefined = row[ROW_GROUP];\n\n      if (groupedRows) {\n        groupedRows.forEach((childRow, index) => {\n          if (index === 0) {\n            const rowData = {\n              ...childRow,\n              ...Object.entries(row).reduce<DTRow>((acc, [key, value]) => {\n                acc[key] = new MergedRowsCell(value, groupedRows.length);\n                return acc;\n              }, {}),\n            };\n\n            addToRows(rowData);\n          } else {\n            addToRows(childRow);\n          }\n        });\n      } else {\n        addToRows(row);\n      }\n    });\n\n    return rows;\n  }\n\n  private calculateGridTemplateColumn(c: ReactElement<DataTableColumnProps>): string {\n    return c.props.gtcWidth ?? (this.props.defaultGridTemplateColumnWidth as string);\n  }\n}\n\nexport const DataTable = createComponent(DataTableRoot, {\n  Head,\n  Body,\n}) as Intergalactic.Component<'div', DataTableProps> & {\n  Head: typeof Head;\n  Body: typeof Body;\n};\n"],"mappings":"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"}

package/lib/es6/components/DataTable/DataTable.types.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=DataTable.types.js.map