@semcore/data-table 16.0.0-prerelease.9 → 16.0.0

package/lib/esm/components/Body/Cell.mjs

@@ -0,0 +1,185 @@
+import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
+import _classCallCheck from "@babel/runtime/helpers/esm/classCallCheck";
+import _createClass from "@babel/runtime/helpers/esm/createClass";
+import _assertThisInitialized from "@babel/runtime/helpers/esm/assertThisInitialized";
+import _inherits from "@babel/runtime/helpers/esm/inherits";
+import _createSuper from "@babel/runtime/helpers/esm/createSuper";
+import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
+import { sstyled, createComponent, assignProps, Component } from "@semcore/core";
+import * as React from "react";
+import { Flex } from "@semcore/base-components";
+import { getFocusableIn } from "@semcore/core/lib/utils/focus-lock/getFocusableIn";
+import { MergedColumnsCell, MergedRowsCell } from "./MergedCells.mjs";
+import { isFocusInside } from "@semcore/core/lib/utils/focus-lock/isFocusInside";
+/*!__reshadow-styles__:"./style.shadow.css"*/
+var style = (
+  /*__reshadow_css_start__*/
+  (sstyled.insert(
+    /*__inner_css_start__*/
+    '.___SBody_49gvg_gg_,.___SRowGroup_49gvg_gg_,.___SRow_49gvg_gg_{display:contents}.___SBody_49gvg_gg_.__compact_49gvg_gg_ .___SCell_49gvg_gg_{padding:var(--intergalactic-spacing-3x, 12px) var(--intergalactic-spacing-2x, 8px)}.___SBody_49gvg_gg_.__compact_49gvg_gg_ .___SCell_49gvg_gg_[data-aria-level]{padding-left:calc(var(--intergalactic-spacing-2x, 8px) + (var(--intergalactic-spacing-5x, 20px)*(var(--data-aria-level_49gvg) - 1)))}.___SCell_49gvg_gg_.__gridArea_49gvg_gg_,.___SCollapseRow_49gvg_gg_.__gridArea_49gvg_gg_,.___SRow_49gvg_gg_.__gridArea_49gvg_gg_{grid-area:var(--gridArea_49gvg)}.___SCollapseRow_49gvg_gg_ .___SCell_49gvg_gg_{display:block}.___SRow_49gvg_gg_.__active_49gvg_gg_>.___SCell_49gvg_gg_:not(.__theme_49gvg_gg_),.___SRow_49gvg_gg_.__expanded_49gvg_gg_._accordionType_cell_49gvg_gg_>.___SCell_49gvg_gg_:not(.__theme_49gvg_gg_).__withAccordion_49gvg_gg_,.___SRow_49gvg_gg_.__expanded_49gvg_gg_._accordionType_row_49gvg_gg_>.___SCell_49gvg_gg_:not(.__theme_49gvg_gg_){background-color:var(--intergalactic-table-td-cell-active, #e6e7ed)}.___SCollapseRow_49gvg_gg_>.___SCell_49gvg_gg_:not(.__theme_49gvg_gg_),.___SRow_49gvg_gg_.__expanded_49gvg_gg_>.___SCell_49gvg_gg_:not(.__theme_49gvg_gg_){background-color:var(--intergalactic-table-td-cell-accordion, #f4f5f9)}@media (hover:hover){.___SRowGroup_49gvg_gg_:has(.___SCell_49gvg_gg_:hover)>.___SRow_49gvg_gg_._theme_muted_49gvg_gg_>.___SCell_49gvg_gg_[data-grouped-by=rowgroup]:not(.__theme_49gvg_gg_),.___SRowGroup_49gvg_gg_:has(.___SCell_49gvg_gg_:hover)>.___SRow_49gvg_gg_>.___SCell_49gvg_gg_[data-grouped-by=rowgroup]._theme_muted_49gvg_gg_,.___SRowGroup_49gvg_gg_:has(.___SCell_49gvg_gg_:hover)>.___SRow_49gvg_gg_>.___SCell_49gvg_gg_[data-grouped-by=rowgroup]:not(.__theme_49gvg_gg_),.___SRowGroup_49gvg_gg_:has(.___SCell_49gvg_gg_[data-grouped-by=rowgroup]:hover)>.___SRow_49gvg_gg_._theme_muted_49gvg_gg_>.___SCell_49gvg_gg_:not(.__theme_49gvg_gg_),.___SRowGroup_49gvg_gg_:has(.___SCell_49gvg_gg_[data-grouped-by=rowgroup]:hover)>.___SRow_49gvg_gg_>.___SCell_49gvg_gg_._theme_muted_49gvg_gg_,.___SRowGroup_49gvg_gg_:has(.___SCell_49gvg_gg_[data-grouped-by=rowgroup]:hover)>.___SRow_49gvg_gg_>.___SCell_49gvg_gg_:not(.__theme_49gvg_gg_),.___SRow_49gvg_gg_._theme_muted_49gvg_gg_:hover>.___SCell_49gvg_gg_:not(.__theme_49gvg_gg_),.___SRow_49gvg_gg_:hover>.___SCell_49gvg_gg_._theme_muted_49gvg_gg_,.___SRow_49gvg_gg_:hover>.___SCell_49gvg_gg_:not(.__theme_49gvg_gg_){background-color:var(--intergalactic-table-td-cell-hover, #f0f0f4)}.___SRowGroup_49gvg_gg_:has(.___SCell_49gvg_gg_:hover)>.___SRow_49gvg_gg_._theme_info_49gvg_gg_>.___SCell_49gvg_gg_[data-grouped-by=rowgroup]:not(.__theme_49gvg_gg_),.___SRowGroup_49gvg_gg_:has(.___SCell_49gvg_gg_:hover)>.___SRow_49gvg_gg_>.___SCell_49gvg_gg_[data-grouped-by=rowgroup]._theme_info_49gvg_gg_,.___SRowGroup_49gvg_gg_:has(.___SCell_49gvg_gg_[data-grouped-by=rowgroup]:hover)>.___SRow_49gvg_gg_._theme_info_49gvg_gg_>.___SCell_49gvg_gg_:not(.__theme_49gvg_gg_),.___SRowGroup_49gvg_gg_:has(.___SCell_49gvg_gg_[data-grouped-by=rowgroup]:hover)>.___SRow_49gvg_gg_>.___SCell_49gvg_gg_._theme_info_49gvg_gg_,.___SRow_49gvg_gg_._theme_info_49gvg_gg_:hover>.___SCell_49gvg_gg_:not(.__theme_49gvg_gg_),.___SRow_49gvg_gg_:hover>.___SCell_49gvg_gg_._theme_info_49gvg_gg_{background-color:var(--intergalactic-table-td-cell-selected-hover, #c4e5fe)}.___SRowGroup_49gvg_gg_:has(.___SCell_49gvg_gg_:hover)>.___SRow_49gvg_gg_._theme_success_49gvg_gg_>.___SCell_49gvg_gg_[data-grouped-by=rowgroup]:not(.__theme_49gvg_gg_),.___SRowGroup_49gvg_gg_:has(.___SCell_49gvg_gg_:hover)>.___SRow_49gvg_gg_>.___SCell_49gvg_gg_[data-grouped-by=rowgroup]._theme_success_49gvg_gg_,.___SRowGroup_49gvg_gg_:has(.___SCell_49gvg_gg_[data-grouped-by=rowgroup]:hover)>.___SRow_49gvg_gg_._theme_success_49gvg_gg_>.___SCell_49gvg_gg_:not(.__theme_49gvg_gg_),.___SRowGroup_49gvg_gg_:has(.___SCell_49gvg_gg_[data-grouped-by=rowgroup]:hover)>.___SRow_49gvg_gg_>.___SCell_49gvg_gg_._theme_success_49gvg_gg_,.___SRow_49gvg_gg_._theme_success_49gvg_gg_:hover>.___SCell_49gvg_gg_:not(.__theme_49gvg_gg_),.___SRow_49gvg_gg_:hover>.___SCell_49gvg_gg_._theme_success_49gvg_gg_{background-color:var(--intergalactic-table-td-cell-new-hover, #9ef2c9)}.___SRowGroup_49gvg_gg_:has(.___SCell_49gvg_gg_:hover)>.___SRow_49gvg_gg_._theme_warning_49gvg_gg_>.___SCell_49gvg_gg_[data-grouped-by=rowgroup]:not(.__theme_49gvg_gg_),.___SRowGroup_49gvg_gg_:has(.___SCell_49gvg_gg_:hover)>.___SRow_49gvg_gg_>.___SCell_49gvg_gg_[data-grouped-by=rowgroup]._theme_warning_49gvg_gg_,.___SRowGroup_49gvg_gg_:has(.___SCell_49gvg_gg_[data-grouped-by=rowgroup]:hover)>.___SRow_49gvg_gg_._theme_warning_49gvg_gg_>.___SCell_49gvg_gg_:not(.__theme_49gvg_gg_),.___SRowGroup_49gvg_gg_:has(.___SCell_49gvg_gg_[data-grouped-by=rowgroup]:hover)>.___SRow_49gvg_gg_>.___SCell_49gvg_gg_._theme_warning_49gvg_gg_,.___SRow_49gvg_gg_._theme_warning_49gvg_gg_:hover>.___SCell_49gvg_gg_:not(.__theme_49gvg_gg_),.___SRow_49gvg_gg_:hover>.___SCell_49gvg_gg_._theme_warning_49gvg_gg_{background-color:var(--intergalactic-table-td-cell-warning-hover, #ffdca2)}.___SRowGroup_49gvg_gg_:has(.___SCell_49gvg_gg_:hover)>.___SRow_49gvg_gg_._theme_danger_49gvg_gg_>.___SCell_49gvg_gg_[data-grouped-by=rowgroup]:not(.__theme_49gvg_gg_),.___SRowGroup_49gvg_gg_:has(.___SCell_49gvg_gg_:hover)>.___SRow_49gvg_gg_>.___SCell_49gvg_gg_[data-grouped-by=rowgroup]._theme_danger_49gvg_gg_,.___SRowGroup_49gvg_gg_:has(.___SCell_49gvg_gg_[data-grouped-by=rowgroup]:hover)>.___SRow_49gvg_gg_._theme_danger_49gvg_gg_>.___SCell_49gvg_gg_:not(.__theme_49gvg_gg_),.___SRowGroup_49gvg_gg_:has(.___SCell_49gvg_gg_[data-grouped-by=rowgroup]:hover)>.___SRow_49gvg_gg_>.___SCell_49gvg_gg_._theme_danger_49gvg_gg_,.___SRow_49gvg_gg_._theme_danger_49gvg_gg_:hover>.___SCell_49gvg_gg_:not(.__theme_49gvg_gg_),.___SRow_49gvg_gg_:hover>.___SCell_49gvg_gg_._theme_danger_49gvg_gg_{background-color:var(--intergalactic-table-td-cell-critical-hover, #ffd7df)}}.___SRow_49gvg_gg_._theme_muted_49gvg_gg_ .___SCell_49gvg_gg_:not(.__theme_49gvg_gg_){background-color:var(--intergalactic-table-td-cell-unread, #f4f5f9)}.___SRow_49gvg_gg_._theme_muted_49gvg_gg_.__active_49gvg_gg_>.___SCell_49gvg_gg_:not(.__theme_49gvg_gg_){background-color:var(--intergalactic-table-td-cell-active, #e6e7ed)}.___SRow_49gvg_gg_._theme_info_49gvg_gg_ .___SCell_49gvg_gg_:not(.__theme_49gvg_gg_){background-color:var(--intergalactic-table-td-cell-selected, #e9f7ff)}.___SRow_49gvg_gg_._theme_info_49gvg_gg_.__active_49gvg_gg_>.___SCell_49gvg_gg_:not(.__theme_49gvg_gg_){background-color:var(--intergalactic-table-td-cell-selected-active, #c4e5fe)}.___SRow_49gvg_gg_._theme_success_49gvg_gg_ .___SCell_49gvg_gg_:not(.__theme_49gvg_gg_){background-color:var(--intergalactic-table-td-cell-new, #dbfee8)}.___SRow_49gvg_gg_._theme_success_49gvg_gg_.__active_49gvg_gg_>.___SCell_49gvg_gg_:not(.__theme_49gvg_gg_){background-color:var(--intergalactic-table-td-cell-new-active, #9ef2c9)}.___SRow_49gvg_gg_._theme_warning_49gvg_gg_ .___SCell_49gvg_gg_:not(.__theme_49gvg_gg_){background-color:var(--intergalactic-table-td-cell-warning, #fff3d9)}.___SRow_49gvg_gg_._theme_warning_49gvg_gg_.__active_49gvg_gg_>.___SCell_49gvg_gg_:not(.__theme_49gvg_gg_){background-color:var(--intergalactic-table-td-cell-warning-active, #ffdca2)}.___SRow_49gvg_gg_._theme_danger_49gvg_gg_ .___SCell_49gvg_gg_:not(.__theme_49gvg_gg_){background-color:var(--intergalactic-table-td-cell-critical, #fff0f7)}.___SRow_49gvg_gg_._theme_danger_49gvg_gg_.__active_49gvg_gg_>.___SCell_49gvg_gg_:not(.__theme_49gvg_gg_){background-color:var(--intergalactic-table-td-cell-critical-active, #ffd7df)}.___SCell_49gvg_gg_{display:flex;height:100%;font-size:var(--intergalactic-fs-200, 14px);line-height:var(--intergalactic-lh-200, 142%);color:var(--intergalactic-text-primary, #191b23);box-sizing:border-box;border-bottom:1px solid var(--intergalactic-border-secondary, #e0e1e9);overflow:hidden;white-space:pre-wrap;word-break:break-word;font-feature-settings:"tnum";font-variant-numeric:tabular-nums;transition:width calc(var(--intergalactic-duration-extra-fast, 100)*1ms) ease-in-out;outline:0}.___SCell_49gvg_gg_ .___SAccordionToggle_49gvg_gg_{margin-right:var(--intergalactic-spacing-3x, 12px)}.___SCell_49gvg_gg_ .___SAccordionToggle_49gvg_gg_ svg{transition:transform calc(var(--intergalactic-duration-accordion, 200)*1ms) ease-out}.___SCell_49gvg_gg_ .___SAccordionToggle_49gvg_gg_.__expanded_49gvg_gg_ svg{transform:rotate(90deg)}.___SCell_49gvg_gg_._use_primary_49gvg_gg_{padding:var(--intergalactic-spacing-3x, 12px);min-height:45px;background-color:var(--intergalactic-bg-primary-neutral, #ffffff)}.___SCell_49gvg_gg_._use_primary_49gvg_gg_[data-aria-level]{padding-left:calc(var(--intergalactic-spacing-3x, 12px) + ((var(--intergalactic-spacing-5x, 20px) + var(--intergalactic-spacing-2x, 8px))*(var(--data-aria-level_49gvg) - 1)))}.___SCell_49gvg_gg_._use_secondary_49gvg_gg_{padding:var(--intergalactic-spacing-2x, 8px);min-height:37px;background-color:var(--intergalactic-bg-primary-neutral, #ffffff)}.___SCell_49gvg_gg_._use_secondary_49gvg_gg_[data-aria-level]{padding-left:calc(var(--intergalactic-spacing-2x, 8px) + ((var(--intergalactic-spacing-5x, 20px) + var(--intergalactic-spacing-2x, 8px))*(var(--data-aria-level_49gvg) - 1)))}.___SCell_49gvg_gg_._borders_both_49gvg_gg_,.___SCell_49gvg_gg_._borders_left_49gvg_gg_{border-left:1px solid var(--intergalactic-border-secondary, #e0e1e9)}.___SCell_49gvg_gg_._borders_both_49gvg_gg_,.___SCell_49gvg_gg_._borders_right_49gvg_gg_{border-right:1px solid var(--intergalactic-border-secondary, #e0e1e9)}.___SCell_49gvg_gg_.__fixed_49gvg_gg_{position:sticky;z-index:2}.___SCell_49gvg_gg_._theme_muted_49gvg_gg_{background-color:var(--intergalactic-table-td-cell-unread, #f4f5f9)}.___SCell_49gvg_gg_._theme_info_49gvg_gg_{background-color:var(--intergalactic-table-td-cell-selected, #e9f7ff)}.___SCell_49gvg_gg_._theme_success_49gvg_gg_{background-color:var(--intergalactic-table-td-cell-new, #dbfee8)}.___SCell_49gvg_gg_._theme_warning_49gvg_gg_{background-color:var(--intergalactic-table-td-cell-warning, #fff3d9)}.___SCell_49gvg_gg_._theme_danger_49gvg_gg_{background-color:var(--intergalactic-table-td-cell-critical, #fff0f7)}.___SSpinContainer_49gvg_gg_{position:absolute;left:0;right:0;bottom:0;top:0;display:flex;align-items:center;justify-content:center;background-color:var(--intergalactic-overlay-limitation-secondary, rgba(255, 255, 255, 0.85))}.___SSpinContainer_49gvg_gg_.__headerHeight_49gvg_gg_{top:var(--headerHeight_49gvg)}.___SEmptyData_49gvg_gg_{grid-column:1/-1}.___SRow_49gvg_gg_._sideIndents_l_49gvg_gg_ .___SCell_49gvg_gg_:first-child{padding-left:var(--intergalactic-spacing-5x, 20px)}.___SRow_49gvg_gg_._sideIndents_l_49gvg_gg_ .___SCell_49gvg_gg_:last-child{padding-right:var(--intergalactic-spacing-5x, 20px)}',
+    /*__inner_css_end__*/
+    "49gvg_gg_"
+  ), /*__reshadow_css_end__*/
+  {
+    "__SBody": "___SBody_49gvg_gg_",
+    "__SRow": "___SRow_49gvg_gg_",
+    "__SRowGroup": "___SRowGroup_49gvg_gg_",
+    "_gridArea": "__gridArea_49gvg_gg_",
+    "__SCell": "___SCell_49gvg_gg_",
+    "__SCollapseRow": "___SCollapseRow_49gvg_gg_",
+    "--gridArea": "--gridArea_49gvg",
+    "_active": "__active_49gvg_gg_",
+    "_theme": "__theme_49gvg_gg_",
+    "_expanded": "__expanded_49gvg_gg_",
+    "_accordionType_row": "_accordionType_row_49gvg_gg_",
+    "_accordionType_cell": "_accordionType_cell_49gvg_gg_",
+    "_withAccordion": "__withAccordion_49gvg_gg_",
+    "_theme_muted": "_theme_muted_49gvg_gg_",
+    "_theme_info": "_theme_info_49gvg_gg_",
+    "_theme_success": "_theme_success_49gvg_gg_",
+    "_theme_warning": "_theme_warning_49gvg_gg_",
+    "_theme_danger": "_theme_danger_49gvg_gg_",
+    "_borders_both": "_borders_both_49gvg_gg_",
+    "_borders_left": "_borders_left_49gvg_gg_",
+    "_borders_right": "_borders_right_49gvg_gg_",
+    "_fixed": "__fixed_49gvg_gg_",
+    "__SSpinContainer": "___SSpinContainer_49gvg_gg_",
+    "_headerHeight": "__headerHeight_49gvg_gg_",
+    "--headerHeight": "--headerHeight_49gvg",
+    "__SEmptyData": "___SEmptyData_49gvg_gg_",
+    "_compact": "__compact_49gvg_gg_",
+    "--data-aria-level": "--data-aria-level_49gvg",
+    "__SAccordionToggle": "___SAccordionToggle_49gvg_gg_",
+    "_use_primary": "_use_primary_49gvg_gg_",
+    "_use_secondary": "_use_secondary_49gvg_gg_",
+    "_sideIndents_l": "_sideIndents_l_49gvg_gg_"
+  })
+);
+var CellRoot = /* @__PURE__ */ function(_Component) {
+  _inherits(CellRoot2, _Component);
+  var _super = _createSuper(CellRoot2);
+  function CellRoot2() {
+    var _this;
+    _classCallCheck(this, CellRoot2);
+    for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
+      args[_key] = arguments[_key];
+    }
+    _this = _super.call.apply(_super, [this].concat(args));
+    _defineProperty(_assertThisInitialized(_this), "cellRef", /* @__PURE__ */ React.createRef());
+    _defineProperty(_assertThisInitialized(_this), "lockedCell", [null, false]);
+    _defineProperty(_assertThisInitialized(_this), "handleKeyDown", function(e) {
+      if (e.currentTarget === _this.lockedCell[0]) {
+        var focusableChildren = Array.from(_this.lockedCell[0].children).flatMap(function(node) {
+          return getFocusableIn(node);
+        });
+        if (_this.lockedCell[1]) {
+          if (e.key === "Escape") {
+            var _this$lockedCell$;
+            (_this$lockedCell$ = _this.lockedCell[0]) === null || _this$lockedCell$ === void 0 ? void 0 : _this$lockedCell$.focus();
+            _this.lockedCell[1] = false;
+          }
+          if (e.key.startsWith("Arrow")) {
+            e.stopPropagation();
+            e.preventDefault();
+          }
+          if (e.key === "Tab") {
+            if (e.target === focusableChildren[0] && e.shiftKey) {
+              var _focusableChildren;
+              (_focusableChildren = focusableChildren[focusableChildren.length - 1]) === null || _focusableChildren === void 0 ? void 0 : _focusableChildren.focus();
+              e.preventDefault();
+            } else if (e.target === focusableChildren[focusableChildren.length - 1] && !e.shiftKey) {
+              var _focusableChildren$;
+              (_focusableChildren$ = focusableChildren[0]) === null || _focusableChildren$ === void 0 ? void 0 : _focusableChildren$.focus();
+              e.preventDefault();
+            }
+            e.stopPropagation();
+          }
+        } else if (e.key === "Enter") {
+          var _focusableChildren$2;
+          e.preventDefault();
+          e.stopPropagation();
+          _this.lockedCell[1] = true;
+          (_focusableChildren$2 = focusableChildren[0]) === null || _focusableChildren$2 === void 0 ? void 0 : _focusableChildren$2.focus();
+        }
+      }
+    });
+    _defineProperty(_assertThisInitialized(_this), "onFocusCell", function(e) {
+      if (e.target === e.currentTarget && e.target.matches(":focus-visible")) {
+        e.target.scrollIntoView({
+          behavior: "smooth",
+          block: "center",
+          inline: "center"
+        });
+        var focusableChildren = Array.from(e.currentTarget.children).flatMap(function(node) {
+          return getFocusableIn(node);
+        });
+        if (focusableChildren.length === 1) {
+          focusableChildren[0].focus();
+        } else if (focusableChildren.length > 1) {
+          _this.lockedCell = [e.currentTarget, false];
+        }
+      }
+    });
+    return _this;
+  }
+  _createClass(CellRoot2, [{
+    key: "componentWillUnmount",
+    value: function componentWillUnmount() {
+      var _this$asProps = this.asProps, virtualScroll = _this$asProps.virtualScroll, tableRef = _this$asProps.tableRef;
+      if (virtualScroll && this.cellRef.current && isFocusInside(this.cellRef.current)) {
+        var _tableRef$current;
+        (_tableRef$current = tableRef.current) === null || _tableRef$current === void 0 ? void 0 : _tableRef$current.setAttribute("tabIndex", "0");
+      }
+    }
+  }, {
+    key: "render",
+    value: function render() {
+      var _ref = this.asProps, _ref2;
+      var SCell = Flex;
+      var _this$asProps2 = this.asProps, Children = _this$asProps2.Children, styles = _this$asProps2.styles, row = _this$asProps2.row, column = _this$asProps2.column, columnIndex = _this$asProps2.columnIndex, gridRowIndex = _this$asProps2.gridRowIndex;
+      var cell = row[column.name];
+      var cellName = cell instanceof MergedColumnsCell ? cell.dataKey : column.name;
+      var scope = null;
+      var gridArea = void 0;
+      var fromRow = gridRowIndex;
+      var fromCol = columnIndex + 1;
+      if (cell instanceof MergedColumnsCell) {
+        gridArea = "".concat(fromRow, " / ").concat(fromCol, " / ").concat(fromRow + 1, " / ").concat(fromCol + cell.columnsCount);
+        scope = "colgroup";
+      } else if (cell instanceof MergedRowsCell) {
+        gridArea = "".concat(fromRow, " / ").concat(fromCol, " / ").concat(fromRow + cell.rowsCount, " / ").concat(fromCol + 1);
+        scope = "rowgroup";
+      } else {
+        gridArea = "".concat(fromRow, " / ").concat(fromCol, " / ").concat(fromRow + 1, " / ").concat(fromCol + 1);
+      }
+      return _ref2 = sstyled(styles), /* @__PURE__ */ React.createElement(SCell, _ref2.cn("SCell", _objectSpread({}, assignProps({
+        "ref": this.cellRef,
+        "innerOutline": true,
+        "tabIndex": -1,
+        "onKeyDown": this.handleKeyDown,
+        "onFocus": this.onFocusCell,
+        "name": cellName,
+        "role": "gridcell",
+        "aria-colindex": columnIndex + 1,
+        "data-grouped-by": scope,
+        "scope": scope,
+        "aria-colspan": cell instanceof MergedColumnsCell ? cell.columnsCount : void 0,
+        "aria-rowspan": cell instanceof MergedRowsCell ? cell.rowsCount : void 0,
+        "gridArea": gridArea,
+        "borders": column.borders,
+        "flexWrap": column.flexWrap,
+        "alignItems": column.alignItems,
+        "alignContent": column.alignContent,
+        "justifyContent": column.justifyContent,
+        "fixed": column.fixed
+      }, _ref))), /* @__PURE__ */ React.createElement(Children, _ref2.cn("Children", {})));
+    }
+  }]);
+  return CellRoot2;
+}(Component);
+_defineProperty(CellRoot, "displayName", "Cell");
+_defineProperty(CellRoot, "style", style);
+var Cell = createComponent(CellRoot);
+export {
+  Cell
+};

package/lib/esm/components/Body/MergedCells.mjs

@@ -0,0 +1,23 @@
+import _createClass from "@babel/runtime/helpers/esm/createClass";
+import _classCallCheck from "@babel/runtime/helpers/esm/classCallCheck";
+import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
+var MergedRowsCell = /* @__PURE__ */ _createClass(function MergedRowsCell2(value, rowsCount) {
+  _classCallCheck(this, MergedRowsCell2);
+  _defineProperty(this, "value", void 0);
+  _defineProperty(this, "rowsCount", void 0);
+  this.value = value;
+  this.rowsCount = rowsCount;
+});
+var MergedColumnsCell = /* @__PURE__ */ _createClass(function MergedColumnsCell2(value, options) {
+  _classCallCheck(this, MergedColumnsCell2);
+  _defineProperty(this, "value", void 0);
+  _defineProperty(this, "columnsCount", void 0);
+  _defineProperty(this, "dataKey", void 0);
+  this.value = value;
+  this.columnsCount = options.size;
+  this.dataKey = options.dataKey;
+});
+export {
+  MergedColumnsCell,
+  MergedRowsCell
+};

package/lib/esm/components/Body/Row.mjs

@@ -0,0 +1,218 @@
+import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
+import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
+import _classCallCheck from "@babel/runtime/helpers/esm/classCallCheck";
+import _createClass from "@babel/runtime/helpers/esm/createClass";
+import _assertThisInitialized from "@babel/runtime/helpers/esm/assertThisInitialized";
+import _inherits from "@babel/runtime/helpers/esm/inherits";
+import _createSuper from "@babel/runtime/helpers/esm/createSuper";
+import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
+import { sstyled, createComponent, assignProps, Component } from "@semcore/core";
+import * as React from "react";
+import { Box, Collapse } from "@semcore/base-components";
+import { Body } from "./Body.mjs";
+import { getFixedStyle } from "../../utils.mjs";
+import { ACCORDION, SELECT_ALL } from "../DataTable/DataTable.mjs";
+import { MergedRowsCell, MergedColumnsCell } from "./MergedCells.mjs";
+import Checkbox from "@semcore/checkbox";
+/*!__reshadow-styles__:"./style.shadow.css"*/
+var style = (
+  /*__reshadow_css_start__*/
+  (sstyled.insert(
+    /*__inner_css_start__*/
+    '.___SBody_49gvg_gg_,.___SRowGroup_49gvg_gg_,.___SRow_49gvg_gg_{display:contents}.___SBody_49gvg_gg_.__compact_49gvg_gg_ .___SCell_49gvg_gg_{padding:var(--intergalactic-spacing-3x, 12px) var(--intergalactic-spacing-2x, 8px)}.___SBody_49gvg_gg_.__compact_49gvg_gg_ .___SCell_49gvg_gg_[data-aria-level]{padding-left:calc(var(--intergalactic-spacing-2x, 8px) + (var(--intergalactic-spacing-5x, 20px)*(var(--data-aria-level_49gvg) - 1)))}.___SCell_49gvg_gg_.__gridArea_49gvg_gg_,.___SCollapseRow_49gvg_gg_.__gridArea_49gvg_gg_,.___SRow_49gvg_gg_.__gridArea_49gvg_gg_{grid-area:var(--gridArea_49gvg)}.___SCollapseRow_49gvg_gg_ .___SCell_49gvg_gg_{display:block}.___SRow_49gvg_gg_.__active_49gvg_gg_>.___SCell_49gvg_gg_:not(.__theme_49gvg_gg_),.___SRow_49gvg_gg_.__expanded_49gvg_gg_._accordionType_cell_49gvg_gg_>.___SCell_49gvg_gg_:not(.__theme_49gvg_gg_).__withAccordion_49gvg_gg_,.___SRow_49gvg_gg_.__expanded_49gvg_gg_._accordionType_row_49gvg_gg_>.___SCell_49gvg_gg_:not(.__theme_49gvg_gg_){background-color:var(--intergalactic-table-td-cell-active, #e6e7ed)}.___SCollapseRow_49gvg_gg_>.___SCell_49gvg_gg_:not(.__theme_49gvg_gg_),.___SRow_49gvg_gg_.__expanded_49gvg_gg_>.___SCell_49gvg_gg_:not(.__theme_49gvg_gg_){background-color:var(--intergalactic-table-td-cell-accordion, #f4f5f9)}@media (hover:hover){.___SRowGroup_49gvg_gg_:has(.___SCell_49gvg_gg_:hover)>.___SRow_49gvg_gg_._theme_muted_49gvg_gg_>.___SCell_49gvg_gg_[data-grouped-by=rowgroup]:not(.__theme_49gvg_gg_),.___SRowGroup_49gvg_gg_:has(.___SCell_49gvg_gg_:hover)>.___SRow_49gvg_gg_>.___SCell_49gvg_gg_[data-grouped-by=rowgroup]._theme_muted_49gvg_gg_,.___SRowGroup_49gvg_gg_:has(.___SCell_49gvg_gg_:hover)>.___SRow_49gvg_gg_>.___SCell_49gvg_gg_[data-grouped-by=rowgroup]:not(.__theme_49gvg_gg_),.___SRowGroup_49gvg_gg_:has(.___SCell_49gvg_gg_[data-grouped-by=rowgroup]:hover)>.___SRow_49gvg_gg_._theme_muted_49gvg_gg_>.___SCell_49gvg_gg_:not(.__theme_49gvg_gg_),.___SRowGroup_49gvg_gg_:has(.___SCell_49gvg_gg_[data-grouped-by=rowgroup]:hover)>.___SRow_49gvg_gg_>.___SCell_49gvg_gg_._theme_muted_49gvg_gg_,.___SRowGroup_49gvg_gg_:has(.___SCell_49gvg_gg_[data-grouped-by=rowgroup]:hover)>.___SRow_49gvg_gg_>.___SCell_49gvg_gg_:not(.__theme_49gvg_gg_),.___SRow_49gvg_gg_._theme_muted_49gvg_gg_:hover>.___SCell_49gvg_gg_:not(.__theme_49gvg_gg_),.___SRow_49gvg_gg_:hover>.___SCell_49gvg_gg_._theme_muted_49gvg_gg_,.___SRow_49gvg_gg_:hover>.___SCell_49gvg_gg_:not(.__theme_49gvg_gg_){background-color:var(--intergalactic-table-td-cell-hover, #f0f0f4)}.___SRowGroup_49gvg_gg_:has(.___SCell_49gvg_gg_:hover)>.___SRow_49gvg_gg_._theme_info_49gvg_gg_>.___SCell_49gvg_gg_[data-grouped-by=rowgroup]:not(.__theme_49gvg_gg_),.___SRowGroup_49gvg_gg_:has(.___SCell_49gvg_gg_:hover)>.___SRow_49gvg_gg_>.___SCell_49gvg_gg_[data-grouped-by=rowgroup]._theme_info_49gvg_gg_,.___SRowGroup_49gvg_gg_:has(.___SCell_49gvg_gg_[data-grouped-by=rowgroup]:hover)>.___SRow_49gvg_gg_._theme_info_49gvg_gg_>.___SCell_49gvg_gg_:not(.__theme_49gvg_gg_),.___SRowGroup_49gvg_gg_:has(.___SCell_49gvg_gg_[data-grouped-by=rowgroup]:hover)>.___SRow_49gvg_gg_>.___SCell_49gvg_gg_._theme_info_49gvg_gg_,.___SRow_49gvg_gg_._theme_info_49gvg_gg_:hover>.___SCell_49gvg_gg_:not(.__theme_49gvg_gg_),.___SRow_49gvg_gg_:hover>.___SCell_49gvg_gg_._theme_info_49gvg_gg_{background-color:var(--intergalactic-table-td-cell-selected-hover, #c4e5fe)}.___SRowGroup_49gvg_gg_:has(.___SCell_49gvg_gg_:hover)>.___SRow_49gvg_gg_._theme_success_49gvg_gg_>.___SCell_49gvg_gg_[data-grouped-by=rowgroup]:not(.__theme_49gvg_gg_),.___SRowGroup_49gvg_gg_:has(.___SCell_49gvg_gg_:hover)>.___SRow_49gvg_gg_>.___SCell_49gvg_gg_[data-grouped-by=rowgroup]._theme_success_49gvg_gg_,.___SRowGroup_49gvg_gg_:has(.___SCell_49gvg_gg_[data-grouped-by=rowgroup]:hover)>.___SRow_49gvg_gg_._theme_success_49gvg_gg_>.___SCell_49gvg_gg_:not(.__theme_49gvg_gg_),.___SRowGroup_49gvg_gg_:has(.___SCell_49gvg_gg_[data-grouped-by=rowgroup]:hover)>.___SRow_49gvg_gg_>.___SCell_49gvg_gg_._theme_success_49gvg_gg_,.___SRow_49gvg_gg_._theme_success_49gvg_gg_:hover>.___SCell_49gvg_gg_:not(.__theme_49gvg_gg_),.___SRow_49gvg_gg_:hover>.___SCell_49gvg_gg_._theme_success_49gvg_gg_{background-color:var(--intergalactic-table-td-cell-new-hover, #9ef2c9)}.___SRowGroup_49gvg_gg_:has(.___SCell_49gvg_gg_:hover)>.___SRow_49gvg_gg_._theme_warning_49gvg_gg_>.___SCell_49gvg_gg_[data-grouped-by=rowgroup]:not(.__theme_49gvg_gg_),.___SRowGroup_49gvg_gg_:has(.___SCell_49gvg_gg_:hover)>.___SRow_49gvg_gg_>.___SCell_49gvg_gg_[data-grouped-by=rowgroup]._theme_warning_49gvg_gg_,.___SRowGroup_49gvg_gg_:has(.___SCell_49gvg_gg_[data-grouped-by=rowgroup]:hover)>.___SRow_49gvg_gg_._theme_warning_49gvg_gg_>.___SCell_49gvg_gg_:not(.__theme_49gvg_gg_),.___SRowGroup_49gvg_gg_:has(.___SCell_49gvg_gg_[data-grouped-by=rowgroup]:hover)>.___SRow_49gvg_gg_>.___SCell_49gvg_gg_._theme_warning_49gvg_gg_,.___SRow_49gvg_gg_._theme_warning_49gvg_gg_:hover>.___SCell_49gvg_gg_:not(.__theme_49gvg_gg_),.___SRow_49gvg_gg_:hover>.___SCell_49gvg_gg_._theme_warning_49gvg_gg_{background-color:var(--intergalactic-table-td-cell-warning-hover, #ffdca2)}.___SRowGroup_49gvg_gg_:has(.___SCell_49gvg_gg_:hover)>.___SRow_49gvg_gg_._theme_danger_49gvg_gg_>.___SCell_49gvg_gg_[data-grouped-by=rowgroup]:not(.__theme_49gvg_gg_),.___SRowGroup_49gvg_gg_:has(.___SCell_49gvg_gg_:hover)>.___SRow_49gvg_gg_>.___SCell_49gvg_gg_[data-grouped-by=rowgroup]._theme_danger_49gvg_gg_,.___SRowGroup_49gvg_gg_:has(.___SCell_49gvg_gg_[data-grouped-by=rowgroup]:hover)>.___SRow_49gvg_gg_._theme_danger_49gvg_gg_>.___SCell_49gvg_gg_:not(.__theme_49gvg_gg_),.___SRowGroup_49gvg_gg_:has(.___SCell_49gvg_gg_[data-grouped-by=rowgroup]:hover)>.___SRow_49gvg_gg_>.___SCell_49gvg_gg_._theme_danger_49gvg_gg_,.___SRow_49gvg_gg_._theme_danger_49gvg_gg_:hover>.___SCell_49gvg_gg_:not(.__theme_49gvg_gg_),.___SRow_49gvg_gg_:hover>.___SCell_49gvg_gg_._theme_danger_49gvg_gg_{background-color:var(--intergalactic-table-td-cell-critical-hover, #ffd7df)}}.___SRow_49gvg_gg_._theme_muted_49gvg_gg_ .___SCell_49gvg_gg_:not(.__theme_49gvg_gg_){background-color:var(--intergalactic-table-td-cell-unread, #f4f5f9)}.___SRow_49gvg_gg_._theme_muted_49gvg_gg_.__active_49gvg_gg_>.___SCell_49gvg_gg_:not(.__theme_49gvg_gg_){background-color:var(--intergalactic-table-td-cell-active, #e6e7ed)}.___SRow_49gvg_gg_._theme_info_49gvg_gg_ .___SCell_49gvg_gg_:not(.__theme_49gvg_gg_){background-color:var(--intergalactic-table-td-cell-selected, #e9f7ff)}.___SRow_49gvg_gg_._theme_info_49gvg_gg_.__active_49gvg_gg_>.___SCell_49gvg_gg_:not(.__theme_49gvg_gg_){background-color:var(--intergalactic-table-td-cell-selected-active, #c4e5fe)}.___SRow_49gvg_gg_._theme_success_49gvg_gg_ .___SCell_49gvg_gg_:not(.__theme_49gvg_gg_){background-color:var(--intergalactic-table-td-cell-new, #dbfee8)}.___SRow_49gvg_gg_._theme_success_49gvg_gg_.__active_49gvg_gg_>.___SCell_49gvg_gg_:not(.__theme_49gvg_gg_){background-color:var(--intergalactic-table-td-cell-new-active, #9ef2c9)}.___SRow_49gvg_gg_._theme_warning_49gvg_gg_ .___SCell_49gvg_gg_:not(.__theme_49gvg_gg_){background-color:var(--intergalactic-table-td-cell-warning, #fff3d9)}.___SRow_49gvg_gg_._theme_warning_49gvg_gg_.__active_49gvg_gg_>.___SCell_49gvg_gg_:not(.__theme_49gvg_gg_){background-color:var(--intergalactic-table-td-cell-warning-active, #ffdca2)}.___SRow_49gvg_gg_._theme_danger_49gvg_gg_ .___SCell_49gvg_gg_:not(.__theme_49gvg_gg_){background-color:var(--intergalactic-table-td-cell-critical, #fff0f7)}.___SRow_49gvg_gg_._theme_danger_49gvg_gg_.__active_49gvg_gg_>.___SCell_49gvg_gg_:not(.__theme_49gvg_gg_){background-color:var(--intergalactic-table-td-cell-critical-active, #ffd7df)}.___SCell_49gvg_gg_{display:flex;height:100%;font-size:var(--intergalactic-fs-200, 14px);line-height:var(--intergalactic-lh-200, 142%);color:var(--intergalactic-text-primary, #191b23);box-sizing:border-box;border-bottom:1px solid var(--intergalactic-border-secondary, #e0e1e9);overflow:hidden;white-space:pre-wrap;word-break:break-word;font-feature-settings:"tnum";font-variant-numeric:tabular-nums;transition:width calc(var(--intergalactic-duration-extra-fast, 100)*1ms) ease-in-out;outline:0}.___SCell_49gvg_gg_ .___SAccordionToggle_49gvg_gg_{margin-right:var(--intergalactic-spacing-3x, 12px)}.___SCell_49gvg_gg_ .___SAccordionToggle_49gvg_gg_ svg{transition:transform calc(var(--intergalactic-duration-accordion, 200)*1ms) ease-out}.___SCell_49gvg_gg_ .___SAccordionToggle_49gvg_gg_.__expanded_49gvg_gg_ svg{transform:rotate(90deg)}.___SCell_49gvg_gg_._use_primary_49gvg_gg_{padding:var(--intergalactic-spacing-3x, 12px);min-height:45px;background-color:var(--intergalactic-bg-primary-neutral, #ffffff)}.___SCell_49gvg_gg_._use_primary_49gvg_gg_[data-aria-level]{padding-left:calc(var(--intergalactic-spacing-3x, 12px) + ((var(--intergalactic-spacing-5x, 20px) + var(--intergalactic-spacing-2x, 8px))*(var(--data-aria-level_49gvg) - 1)))}.___SCell_49gvg_gg_._use_secondary_49gvg_gg_{padding:var(--intergalactic-spacing-2x, 8px);min-height:37px;background-color:var(--intergalactic-bg-primary-neutral, #ffffff)}.___SCell_49gvg_gg_._use_secondary_49gvg_gg_[data-aria-level]{padding-left:calc(var(--intergalactic-spacing-2x, 8px) + ((var(--intergalactic-spacing-5x, 20px) + var(--intergalactic-spacing-2x, 8px))*(var(--data-aria-level_49gvg) - 1)))}.___SCell_49gvg_gg_._borders_both_49gvg_gg_,.___SCell_49gvg_gg_._borders_left_49gvg_gg_{border-left:1px solid var(--intergalactic-border-secondary, #e0e1e9)}.___SCell_49gvg_gg_._borders_both_49gvg_gg_,.___SCell_49gvg_gg_._borders_right_49gvg_gg_{border-right:1px solid var(--intergalactic-border-secondary, #e0e1e9)}.___SCell_49gvg_gg_.__fixed_49gvg_gg_{position:sticky;z-index:2}.___SCell_49gvg_gg_._theme_muted_49gvg_gg_{background-color:var(--intergalactic-table-td-cell-unread, #f4f5f9)}.___SCell_49gvg_gg_._theme_info_49gvg_gg_{background-color:var(--intergalactic-table-td-cell-selected, #e9f7ff)}.___SCell_49gvg_gg_._theme_success_49gvg_gg_{background-color:var(--intergalactic-table-td-cell-new, #dbfee8)}.___SCell_49gvg_gg_._theme_warning_49gvg_gg_{background-color:var(--intergalactic-table-td-cell-warning, #fff3d9)}.___SCell_49gvg_gg_._theme_danger_49gvg_gg_{background-color:var(--intergalactic-table-td-cell-critical, #fff0f7)}.___SSpinContainer_49gvg_gg_{position:absolute;left:0;right:0;bottom:0;top:0;display:flex;align-items:center;justify-content:center;background-color:var(--intergalactic-overlay-limitation-secondary, rgba(255, 255, 255, 0.85))}.___SSpinContainer_49gvg_gg_.__headerHeight_49gvg_gg_{top:var(--headerHeight_49gvg)}.___SEmptyData_49gvg_gg_{grid-column:1/-1}.___SRow_49gvg_gg_._sideIndents_l_49gvg_gg_ .___SCell_49gvg_gg_:first-child{padding-left:var(--intergalactic-spacing-5x, 20px)}.___SRow_49gvg_gg_._sideIndents_l_49gvg_gg_ .___SCell_49gvg_gg_:last-child{padding-right:var(--intergalactic-spacing-5x, 20px)}',
+    /*__inner_css_end__*/
+    "49gvg_gg_"
+  ), /*__reshadow_css_end__*/
+  {
+    "__SBody": "___SBody_49gvg_gg_",
+    "__SRow": "___SRow_49gvg_gg_",
+    "__SRowGroup": "___SRowGroup_49gvg_gg_",
+    "_gridArea": "__gridArea_49gvg_gg_",
+    "__SCell": "___SCell_49gvg_gg_",
+    "__SCollapseRow": "___SCollapseRow_49gvg_gg_",
+    "--gridArea": "--gridArea_49gvg",
+    "_active": "__active_49gvg_gg_",
+    "_theme": "__theme_49gvg_gg_",
+    "_expanded": "__expanded_49gvg_gg_",
+    "_accordionType_row": "_accordionType_row_49gvg_gg_",
+    "_accordionType_cell": "_accordionType_cell_49gvg_gg_",
+    "_withAccordion": "__withAccordion_49gvg_gg_",
+    "_theme_muted": "_theme_muted_49gvg_gg_",
+    "_theme_info": "_theme_info_49gvg_gg_",
+    "_theme_success": "_theme_success_49gvg_gg_",
+    "_theme_warning": "_theme_warning_49gvg_gg_",
+    "_theme_danger": "_theme_danger_49gvg_gg_",
+    "_borders_both": "_borders_both_49gvg_gg_",
+    "_borders_left": "_borders_left_49gvg_gg_",
+    "_borders_right": "_borders_right_49gvg_gg_",
+    "_fixed": "__fixed_49gvg_gg_",
+    "__SSpinContainer": "___SSpinContainer_49gvg_gg_",
+    "_headerHeight": "__headerHeight_49gvg_gg_",
+    "--headerHeight": "--headerHeight_49gvg",
+    "__SEmptyData": "___SEmptyData_49gvg_gg_",
+    "_compact": "__compact_49gvg_gg_",
+    "--data-aria-level": "--data-aria-level_49gvg",
+    "__SAccordionToggle": "___SAccordionToggle_49gvg_gg_",
+    "_use_primary": "_use_primary_49gvg_gg_",
+    "_use_secondary": "_use_secondary_49gvg_gg_",
+    "_sideIndents_l": "_sideIndents_l_49gvg_gg_"
+  })
+);
+var RowRoot = /* @__PURE__ */ function(_Component) {
+  _inherits(RowRoot2, _Component);
+  var _super = _createSuper(RowRoot2);
+  function RowRoot2() {
+    var _this;
+    _classCallCheck(this, RowRoot2);
+    for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
+      args[_key] = arguments[_key];
+    }
+    _this = _super.call.apply(_super, [this].concat(args));
+    _defineProperty(_assertThisInitialized(_this), "cellIndex", -1);
+    _defineProperty(_assertThisInitialized(_this), "handleSelectRow", function(value) {
+      return function(event) {
+        event === null || event === void 0 ? void 0 : event.preventDefault();
+        var _this$asProps = _this.asProps, row = _this$asProps.row, rowIndex = _this$asProps.rowIndex, onSelectRow = _this$asProps.onSelectRow;
+        onSelectRow === null || onSelectRow === void 0 ? void 0 : onSelectRow(value, rowIndex, row, event);
+      };
+    });
+    _defineProperty(_assertThisInitialized(_this), "handleBackFromAccordion", function(e) {
+      if (e.key === "Escape") {
+        _this.asProps.onBackFromAccordion(_this.cellIndex);
+      }
+    });
+    return _this;
+  }
+  _createClass(RowRoot2, [{
+    key: "cellHasAccordion",
+    value: function cellHasAccordion(cellValue) {
+      return !(cellValue instanceof MergedRowsCell || cellValue instanceof MergedColumnsCell) && Boolean(cellValue === null || cellValue === void 0 ? void 0 : cellValue[ACCORDION]);
+    }
+  }, {
+    key: "render",
+    value: function render() {
+      var _ref = this.asProps, _ref2, _this2 = this, _scrollAreaRef$curren, _row$ACCORDION;
+      var SRow = Box;
+      var SCollapseRow = Collapse;
+      var SCell = Body.Cell;
+      var _this$asProps2 = this.asProps, columns = _this$asProps2.columns, row = _this$asProps2.row, styles = _this$asProps2.styles, rowIndex = _this$asProps2.rowIndex, ariaRowIndex = _this$asProps2.ariaRowIndex, gridRowIndex = _this$asProps2.gridRowIndex, expanded = _this$asProps2.expanded, accordionDataGridArea = _this$asProps2.accordionDataGridArea;
+      _this$asProps2.expandedRows;
+      _this$asProps2.onExpandRow;
+      var _this$asProps2$ariaL = _this$asProps2["aria-level"], ariaLevel = _this$asProps2$ariaL === void 0 ? 1 : _this$asProps2$ariaL, scrollAreaRef = _this$asProps2.scrollAreaRef, selectedRows = _this$asProps2.selectedRows, uid = _this$asProps2.uid;
+      var accordion = row[ACCORDION];
+      var accordionType = accordion ? "row" : void 0;
+      if (!accordion) {
+        var cells = Object.values(row);
+        var cellWithAccordionIndex = cells.findIndex(function(value) {
+          return _this2.cellHasAccordion(value);
+        });
+        this.cellIndex = cellWithAccordionIndex;
+        var cellWithAccordion = cells[cellWithAccordionIndex];
+        accordion = cellWithAccordion === null || cellWithAccordion === void 0 ? void 0 : cellWithAccordion[ACCORDION];
+        accordionType = "cell";
+      }
+      return _ref2 = sstyled(styles), /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(SRow, _ref2.cn("SRow", _objectSpread({}, assignProps({
+        "role": "row",
+        "aria-rowindex": ariaRowIndex,
+        "accordionType": accordionType,
+        "theme": selectedRows !== null && selectedRows !== void 0 && selectedRows.includes(rowIndex) ? "info" : void 0
+      }, _ref))), columns.map(function(column, i) {
+        if (selectedRows && i === 0) {
+          var checked = selectedRows.includes(rowIndex);
+          return /* @__PURE__ */ React.createElement(Body.Cell, {
+            key: i,
+            row,
+            rowIndex,
+            column: {
+              name: SELECT_ALL.toString()
+            },
+            columnIndex: 0,
+            gridRowIndex,
+            onClick: _this2.handleSelectRow(!checked)
+          }, /* @__PURE__ */ React.createElement(Checkbox, {
+            checked,
+            "aria-labelledby": "".concat(uid, "_").concat(ariaRowIndex, "_1"),
+            onChange: function onChange(value2, e) {
+              return _this2.handleSelectRow(value2)(e);
+            }
+          }));
+        }
+        var index = i;
+        var cellValue = row[column.name];
+        if (cellValue === void 0) {
+          return null;
+        }
+        var style2 = {};
+        if (column.fixed) {
+          var _getFixedStyle = getFixedStyle(column, columns), _getFixedStyle2 = _slicedToArray(_getFixedStyle, 2), name = _getFixedStyle2[0], value = _getFixedStyle2[1];
+          if (name !== void 0 && value !== void 0) {
+            style2[name] = value;
+          }
+        }
+        return /* @__PURE__ */ React.createElement(Body.Cell, {
+          key: index,
+          id: "".concat(uid, "_").concat(ariaRowIndex, "_").concat(index),
+          accordionId: "".concat(uid, "_").concat(ariaRowIndex + 1),
+          "data-aria-level": index === 0 ? ariaLevel : void 0,
+          row,
+          rowIndex,
+          gridRowIndex,
+          columnIndex: index,
+          style: style2,
+          column,
+          withAccordion: _this2.cellHasAccordion(cellValue)
+        });
+      })), /* @__PURE__ */ React.isValidElement(accordion) && /* @__PURE__ */ React.createElement(SCollapseRow, _ref2.cn("SCollapseRow", {
+        "key": rowIndex,
+        "role": "row",
+        "aria-rowindex": ariaRowIndex + 1,
+        "id": "".concat(uid, "_").concat(ariaRowIndex + 1),
+        "visible": expanded,
+        "interactive": true,
+        "gridArea": accordionDataGridArea,
+        "duration": 200,
+        "zIndex": 5
+      }), /* @__PURE__ */ React.createElement(SCell, _ref2.cn("SCell", {
+        "aria-colindex": 1,
+        "aria-level": ariaLevel + 1,
+        "aria-setsize": 1,
+        "aria-posinset": 1,
+        "row": row,
+        "rowIndex": rowIndex + 1,
+        "columnIndex": 1,
+        "column": {
+          name: ACCORDION
+        },
+        "position": "sticky",
+        "left": 0,
+        "w": (_scrollAreaRef$curren = scrollAreaRef.current) === null || _scrollAreaRef$curren === void 0 ? void 0 : _scrollAreaRef$curren.clientWidth,
+        "onKeyDown": this.handleBackFromAccordion
+      }), accordion)), row[ACCORDION] && Array.isArray(row[ACCORDION]) && expanded && ((_row$ACCORDION = row[ACCORDION]) === null || _row$ACCORDION === void 0 ? void 0 : _row$ACCORDION.map(function(subrow, i) {
+        return /* @__PURE__ */ React.createElement(Row, {
+          key: i,
+          row: subrow,
+          columns,
+          rows: row[ACCORDION],
+          rowIndex,
+          "aria-posinset": i + 1,
+          "aria-level": ariaLevel + 1,
+          ariaRowIndex: ariaRowIndex + 1 + i,
+          gridRowIndex: gridRowIndex + 1 + i,
+          expanded: true
+        });
+      })));
+    }
+  }]);
+  return RowRoot2;
+}(Component);
+_defineProperty(RowRoot, "displayName", "Row");
+_defineProperty(RowRoot, "style", style);
+_defineProperty(RowRoot, "defaultProps", {
+  "aria-level": void 0
+});
+var Row = createComponent(RowRoot, {}, {
+  parent: Body
+});
+export {
+  Row
+};