@semcore/data-table 16.0.0-prerelease.11 → 16.0.0-prerelease.13

package/lib/esm/Body.mjs

@@ -11,7 +11,7 @@ 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, assignProps as assignProps$1, Component } from "@semcore/core";
-import React from "react";
+import React__default from "react";
 import { Flex, Box } from "@semcore/flex-box";
 import ScrollArea, { hideScrollBarsFromScreenReadersContext } from "@semcore/scroll-area";
 import { getFixedStyle, getScrollOffsetValue } from "./utils.mjs";
@@ -26,11 +26,12 @@ var scrollStyles = (
   /*__reshadow_css_start__*/
   (sstyled.insert(
     /*__inner_css_start__*/
-    ".___SShadowHorizontal_11aq4_gg_:after,.___SShadowHorizontal_11aq4_gg_:before,.___SShadowVertical_11aq4_gg_:after,.___SShadowVertical_11aq4_gg_:before{z-index:1}",
-    "11aq4_gg_"
+    ".___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}",
+    "1765z_gg_"
   ), {
-    "__SShadowHorizontal": "___SShadowHorizontal_11aq4_gg_",
-    "__SShadowVertical": "___SShadowVertical_11aq4_gg_"
+    "__SScrollArea": "___SScrollArea_1765z_gg_",
+    "__SShadowHorizontal": "___SShadowHorizontal_1765z_gg_",
+    "__SShadowVertical": "___SShadowVertical_1765z_gg_"
   })
 );
 var testEnv = process.env.NODE_ENV === "test";
@@ -58,8 +59,8 @@ var Body = /* @__PURE__ */ function(_Component) {
       scrollAreaHeight: void 0,
       scrollOffset: 0
     });
-    _defineProperty(_assertThisInitialized(_this), "scrollContainerRef", /* @__PURE__ */ React.createRef());
-    _defineProperty(_assertThisInitialized(_this), "firstRowRef", /* @__PURE__ */ React.createRef());
+    _defineProperty(_assertThisInitialized(_this), "scrollContainerRef", /* @__PURE__ */ React__default.createRef());
+    _defineProperty(_assertThisInitialized(_this), "firstRowRef", /* @__PURE__ */ React__default.createRef());
     _defineProperty(_assertThisInitialized(_this), "firstRowResizeObserver", null);
     _defineProperty(_assertThisInitialized(_this), "lockedCell", [null, false]);
     _defineProperty(_assertThisInitialized(_this), "getRowHeight", function() {
@@ -172,7 +173,7 @@ var Body = /* @__PURE__ */ function(_Component) {
         if (Array.isArray(cell)) {
           var _ref2;
           var SGroupCell = "div";
-          return _ref2 = sstyled(styles), /* @__PURE__ */ React.createElement(SGroupCell, _ref2.cn("SGroupCell", {
+          return _ref2 = sstyled(styles), /* @__PURE__ */ React__default.createElement(SGroupCell, _ref2.cn("SGroupCell", {
             "key": "".concat(cellIndex),
             "data-ui-name": "group-cell"
           }), _this2.renderRows(cell, true));
@@ -201,7 +202,7 @@ var Body = /* @__PURE__ */ function(_Component) {
           var columnWMax = column === null || column === void 0 ? void 0 : (_column$props2 = column.props) === null || _column$props2 === void 0 ? void 0 : (_column$props2$ref$cu = _column$props2.ref.current) === null || _column$props2$ref$cu === void 0 ? void 0 : _column$props2$ref$cu.style.getPropertyValue("max-width");
           var _props = {
             name: cell.name,
-            children: /* @__PURE__ */ React.createElement(React.Fragment, null, cell.data),
+            children: /* @__PURE__ */ React__default.createElement(React__default.Fragment, null, cell.data),
             justifyContent: column === null || column === void 0 ? void 0 : (_column$props3 = column.props) === null || _column$props3 === void 0 ? void 0 : _column$props3.justifyContent,
             alignItems: column === null || column === void 0 ? void 0 : (_column$props4 = column.props) === null || _column$props4 === void 0 ? void 0 : _column$props4.alignItems,
             borderLeft: firstColumn === null || firstColumn === void 0 ? void 0 : firstColumn.borderLeft,
@@ -234,7 +235,7 @@ var Body = /* @__PURE__ */ function(_Component) {
             return "igc-table-".concat(uid, "-").concat(name2);
           });
           var ariaColspan = nameParts.length;
-          return _ref3 = sstyled(styles), /* @__PURE__ */ React.createElement(SCell, _ref3.cn("SCell", _objectSpread(_objectSpread({
+          return _ref3 = sstyled(styles), /* @__PURE__ */ React__default.createElement(SCell, _ref3.cn("SCell", _objectSpread(_objectSpread({
             "key": cell.name,
             "role": "gridcell",
             "headers": headerIds.join(" "),
@@ -291,7 +292,7 @@ var Body = /* @__PURE__ */ function(_Component) {
       } finally {
         _iterator2.f();
       }
-      return _ref4 = sstyled(styles), /* @__PURE__ */ React.createElement(SRow, _ref4.cn("SRow", _objectSpread({
+      return _ref4 = sstyled(styles), /* @__PURE__ */ React__default.createElement(SRow, _ref4.cn("SRow", _objectSpread({
         "data-nested": nested.toString(),
         "role": !nested ? "row" : void 0,
         "__excludeProps": ["data"]
@@ -371,49 +372,49 @@ var Body = /* @__PURE__ */ function(_Component) {
       if (virtualScroll && columnsInitialized && !rowHeight) {
         requestAnimationFrame(this.setupRowSizeObserver);
       }
-      var body = (_ref5 = sstyled(styles), /* @__PURE__ */ React.createElement(SBody, _ref5.cn("SBody", _objectSpread({}, assignProps$1({
+      var body = (_ref5 = sstyled(styles), /* @__PURE__ */ React__default.createElement(SBody, _ref5.cn("SBody", _objectSpread({}, assignProps$1({
         "animationsDisabled": animationsDisabled,
         "onTransitionEnd": this.handleBodyTransitionEnd
       }, _ref))), renderRows ? renderRows({
         rows,
         columns,
         renderRow: this.renderRow.bind(this)
-      }) || null : /* @__PURE__ */ React.createElement(React.Fragment, null, holdHeight ? /* @__PURE__ */ React.createElement(SHeightHold, _ref5.cn("SHeightHold", {
+      }) || null : /* @__PURE__ */ React__default.createElement(React__default.Fragment, null, holdHeight ? /* @__PURE__ */ React__default.createElement(SHeightHold, _ref5.cn("SHeightHold", {
         "hMin": holdHeight,
         "aria-hidden": true
       })) : null, virtualScroll ? this.renderVirtualizedRows(rows) : this.renderRows(rows))));
       if (disabledScroll) {
-        return /* @__PURE__ */ React.createElement(SBodyWrapper, null, body);
+        return /* @__PURE__ */ React__default.createElement(SBodyWrapper, null, body);
       }
       var scrollContainerRefs = [$scrollRef, this.scrollContainerRef];
       if (scrollContainerRef) {
         scrollContainerRefs.push(scrollContainerRef);
       }
-      return /* @__PURE__ */ React.createElement(hideScrollBarsFromScreenReadersContext.Provider, {
+      return /* @__PURE__ */ React__default.createElement(hideScrollBarsFromScreenReadersContext.Provider, {
         value: true
-      }, /* @__PURE__ */ React.createElement(SBodyWrapper, _ref5.cn("SBodyWrapper", {}), /* @__PURE__ */ React.createElement(ScrollArea, _ref5.cn("ScrollArea", {
+      }, /* @__PURE__ */ React__default.createElement(SBodyWrapper, _ref5.cn("SBodyWrapper", {}), /* @__PURE__ */ React__default.createElement(ScrollArea, _ref5.cn("ScrollArea", {
         "shadow": true,
         "leftOffset": offsetLeftSum,
         "rightOffset": offsetRightSum,
         "onResize": callAllEventHandlers(onResize, this.handleScrollAreaResize),
         "onScroll": callAllEventHandlers(onScroll, this.handleScrollAreaScroll),
         "styles": scrollStyles
-      }), /* @__PURE__ */ React.createElement(ScrollArea.Container, {
+      }), /* @__PURE__ */ React__default.createElement(ScrollArea.Container, {
         ref: forkRef.apply(void 0, scrollContainerRefs),
         role: "rowgroup",
         focusRingTopOffset: "3px",
         tabIndex: -1
-      }, body), /* @__PURE__ */ React.createElement("div", _ref5.cn("div", {
+      }, body), /* @__PURE__ */ React__default.createElement("div", _ref5.cn("div", {
         "style": displayContents
-      }), /* @__PURE__ */ React.createElement("div", _ref5.cn("div", {
+      }), /* @__PURE__ */ React__default.createElement("div", _ref5.cn("div", {
         "style": displayContents
-      }), /* @__PURE__ */ React.createElement("div", _ref5.cn("div", {
+      }), /* @__PURE__ */ React__default.createElement("div", _ref5.cn("div", {
         "style": displayContents
-      }), /* @__PURE__ */ React.createElement(ScrollArea.Bar, {
+      }), /* @__PURE__ */ React__default.createElement(ScrollArea.Bar, {
         orientation: "horizontal",
         bottom: 0,
         container: this.scrollContainerRef
-      }), /* @__PURE__ */ React.createElement(ScrollArea.Bar, {
+      }), /* @__PURE__ */ React__default.createElement(ScrollArea.Bar, {
         orientation: "vertical",
         w: "12px",
         zIndex: 2

package/lib/esm/DataTable.mjs

@@ -8,7 +8,7 @@ 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, lastInteraction, assignProps, Component } from "@semcore/core";
-import React from "react";
+import React__default from "react";
 import { Box } from "@semcore/flex-box";
 import syncScroll from "@semcore/core/lib/utils/syncScroll";
 import { callAllEventHandlers } from "@semcore/core/lib/utils/assignProps";
@@ -100,7 +100,7 @@ var RootDefinitionTable = /* @__PURE__ */ function(_Component) {
     _this = _super.call(this, props);
     _defineProperty(_assertThisInitialized(_this), "focusedCell", [-1, -1]);
     _defineProperty(_assertThisInitialized(_this), "columns", []);
-    _defineProperty(_assertThisInitialized(_this), "tableRef", /* @__PURE__ */ React.createRef());
+    _defineProperty(_assertThisInitialized(_this), "tableRef", /* @__PURE__ */ React__default.createRef());
     _defineProperty(_assertThisInitialized(_this), "scrollBodyRef", null);
     _defineProperty(_assertThisInitialized(_this), "scrollHeadRef", null);
     _defineProperty(_assertThisInitialized(_this), "handlerSortClick", function(name, event) {
@@ -289,9 +289,9 @@ var RootDefinitionTable = /* @__PURE__ */ function(_Component) {
       };
       var sort = this.asProps.sort;
       var columnsChildren = [];
-      React.Children.forEach(children, function(child) {
+      React__default.Children.forEach(children, function(child) {
         var _column$props;
-        if (!/* @__PURE__ */ React.isValidElement(child)) return;
+        if (!/* @__PURE__ */ React__default.isValidElement(child)) return;
         if (child.type !== DefinitionTable.Column) return;
         var _ref3 = child.props, children2 = _ref3.children, name = _ref3.name, _ref3$fixed = _ref3.fixed, fixed = _ref3$fixed === void 0 ? options.fixed : _ref3$fixed, resizable = _ref3.resizable, sortable = _ref3.sortable, flex = _ref3.flex, vBorders = _ref3.vBorders, active = _ref3.active, props = _objectWithoutProperties(_ref3, _excluded);
         var lastColumnChildren = columnsChildren[columnsChildren.length - 1];
@@ -312,8 +312,8 @@ var RootDefinitionTable = /* @__PURE__ */ function(_Component) {
             return name2;
           }).join("/");
           if (!columns.length) return;
-          children2 = React.Children.toArray(children2).filter(function(child2) {
-            return !(/* @__PURE__ */ React.isValidElement(child2) && child2.type === DefinitionTable.Column);
+          children2 = React__default.Children.toArray(children2).filter(function(child2) {
+            return !(/* @__PURE__ */ React__default.isValidElement(child2) && child2.type === DefinitionTable.Column);
           });
         }
         var column = _this3.columns.find(function(column2) {
@@ -341,7 +341,7 @@ var RootDefinitionTable = /* @__PURE__ */ function(_Component) {
             // @ts-ignore
             forwardRef: child.ref,
             children: children2,
-            ref: (column === null || column === void 0 ? void 0 : (_column$props = column.props) === null || _column$props === void 0 ? void 0 : _column$props.ref) || /* @__PURE__ */ React.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()
           }),
           parentColumns: []
         };
@@ -377,8 +377,8 @@ var RootDefinitionTable = /* @__PURE__ */ function(_Component) {
       var _this$asProps2 = this.asProps, data = _this$asProps2.data, use = _this$asProps2.use, uniqueKey = _this$asProps2.uniqueKey, uid = _this$asProps2.uid;
       var cellPropsLayers = {};
       var rowPropsLayers = [];
-      React.Children.forEach(props.children, function(child) {
-        if (/* @__PURE__ */ React.isValidElement(child)) {
+      React__default.Children.forEach(props.children, function(child) {
+        if (/* @__PURE__ */ React__default.isValidElement(child)) {
           var _ref5 = child.props, name = _ref5.name, children = _ref5.children, other = _objectWithoutProperties(_ref5, _excluded2);
           if (child.type === DefinitionTable.Cell && name) {
             name.split("/").forEach(function(name2) {
@@ -529,7 +529,7 @@ var RootDefinitionTable = /* @__PURE__ */ function(_Component) {
       var _ref = this.asProps, _ref2;
       var SDataTable = Box;
       var _this$asProps4 = this.asProps, Children = _this$asProps4.Children, styles = _this$asProps4.styles;
-      return _ref2 = sstyled(styles), /* @__PURE__ */ React.createElement(SDataTable, _ref2.cn("SDataTable", _objectSpread({}, assignProps({
+      return _ref2 = sstyled(styles), /* @__PURE__ */ React__default.createElement(SDataTable, _ref2.cn("SDataTable", _objectSpread({}, assignProps({
         "__excludeProps": ["data"],
         "ref": this.tableRef,
         "role": "grid",
@@ -540,7 +540,7 @@ var RootDefinitionTable = /* @__PURE__ */ function(_Component) {
         "onBlur": this.handleBlur,
         "aria-rowcount": this.totalRows,
         "aria-colcount": this.columns.length
-      }, _ref))), /* @__PURE__ */ React.createElement(Children, _ref2.cn("Children", {})));
+      }, _ref))), /* @__PURE__ */ React__default.createElement(Children, _ref2.cn("Children", {})));
     }
   }]);
   return RootDefinitionTable2;

package/lib/esm/Head.mjs

@@ -7,7 +7,7 @@ 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, assignProps, Component } from "@semcore/core";
-import React from "react";
+import React__default from "react";
 import { ScreenReaderOnly, Flex, Box } from "@semcore/flex-box";
 import ScrollArea, { hideScrollBarsFromScreenReadersContext } from "@semcore/scroll-area";
 import SortDesc from "@semcore/icon/SortDesc/m";
@@ -281,7 +281,7 @@ var Head = /* @__PURE__ */ function(_Component) {
       var index = this.columns.findIndex(function(flattenCol) {
         return flattenCol.name === column.name;
       });
-      return _ref2 = sstyled(styles), /* @__PURE__ */ React.createElement(SColumn, _ref2.cn("SColumn", _objectSpread(_objectSpread({
+      return _ref2 = sstyled(styles), /* @__PURE__ */ React__default.createElement(SColumn, _ref2.cn("SColumn", _objectSpread(_objectSpread({
         "role": isGroup ? void 0 : "columnheader",
         "scope": isGroup ? "colgroup" : "col",
         "key": column.name,
@@ -307,16 +307,16 @@ var Head = /* @__PURE__ */ function(_Component) {
         "onFocus": this.onFocusCell,
         "aria-describedby": ariaDescribedBy.length > 0 ? ariaDescribedBy.join(" ") : void 0,
         "innerOutline": true
-      })), isGroup ? /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(SColumn, _ref2.cn("SColumn", {
+      })), isGroup ? /* @__PURE__ */ React__default.createElement(React__default.Fragment, null, /* @__PURE__ */ React__default.createElement(SColumn, _ref2.cn("SColumn", {
         "id": "igc-table-".concat(uid, "-").concat(column.name, "-group"),
         "groupHead": true,
         "use": use,
         "active": column.active,
         "borderLeft": column.borderLeft,
         "borderRight": column.borderRight
-      }), /* @__PURE__ */ React.createElement("div", _ref2.cn("div", {}), column.props.children)), /* @__PURE__ */ React.createElement(SHead, _ref2.cn("SHead", {}), this.renderColumns(column.columns, 100 / cSize))) : /* @__PURE__ */ React.createElement(React.Fragment, null, column.props.children, column.sortable ? /* @__PURE__ */ React.createElement(SSortWrapper, _ref2.cn("SSortWrapper", {
+      }), /* @__PURE__ */ React__default.createElement("div", _ref2.cn("div", {}), column.props.children)), /* @__PURE__ */ React__default.createElement(SHead, _ref2.cn("SHead", {}), this.renderColumns(column.columns, 100 / cSize))) : /* @__PURE__ */ React__default.createElement(React__default.Fragment, null, column.props.children, column.sortable ? /* @__PURE__ */ React__default.createElement(SSortWrapper, _ref2.cn("SSortWrapper", {
         "ref": this.makeSortRefHandler(column.active)
-      }), /* @__PURE__ */ React.createElement(SSortIcon, _ref2.cn("SSortIcon", {}))) : null));
+      }), /* @__PURE__ */ React__default.createElement(SSortIcon, _ref2.cn("SSortIcon", {}))) : null));
     }
   }, {
     key: "render",
@@ -328,33 +328,33 @@ var Head = /* @__PURE__ */ function(_Component) {
       this.columns = flattenColumns(columnsChildren);
       var _getScrollOffsetValue = getScrollOffsetValue(this.columns), _getScrollOffsetValue2 = _slicedToArray(_getScrollOffsetValue, 2), offsetLeftSum = _getScrollOffsetValue2[0], offsetRightSum = _getScrollOffsetValue2[1];
       logger.warn(sticky, "'sticky' property is deprecated, use '<Sticky/>' wrapper", this.asProps["data-ui-name"] || Head2.displayName);
-      return _ref3 = sstyled(styles), /* @__PURE__ */ React.createElement(hideScrollBarsFromScreenReadersContext.Provider, {
+      return _ref3 = sstyled(styles), /* @__PURE__ */ React__default.createElement(hideScrollBarsFromScreenReadersContext.Provider, {
         value: true
-      }, /* @__PURE__ */ React.createElement(SHeadWrapper, _ref3.cn("SHeadWrapper", {
+      }, /* @__PURE__ */ React__default.createElement(SHeadWrapper, _ref3.cn("SHeadWrapper", {
         "sticky": sticky,
         "animationsDisabled": animationsDisabled
-      }), /* @__PURE__ */ React.createElement(ScrollArea, _ref3.cn("ScrollArea", {
+      }), /* @__PURE__ */ React__default.createElement(ScrollArea, _ref3.cn("ScrollArea", {
         "leftOffset": offsetLeftSum,
         "rightOffset": offsetRightSum,
         "shadow": true,
         "onResize": onResize
-      }), /* @__PURE__ */ React.createElement(ScrollArea.Container, {
+      }), /* @__PURE__ */ React__default.createElement(ScrollArea.Container, {
         ref: $scrollRef,
         role: "rowgroup",
         tabIndex: -1,
         zIndex: 2
-      }, /* @__PURE__ */ React.createElement(SHead, _ref3.cn("SHead", _objectSpread({}, assignProps({
+      }, /* @__PURE__ */ React__default.createElement(SHead, _ref3.cn("SHead", _objectSpread({}, assignProps({
         "role": "row",
         "__excludeProps": ["hidden"]
-      }, _ref))), this.renderColumns(columnsChildren, 100 / this.columns.length))), Boolean(withScrollBar) && /* @__PURE__ */ React.createElement("div", _ref3.cn("div", {
+      }, _ref))), this.renderColumns(columnsChildren, 100 / this.columns.length))), Boolean(withScrollBar) && /* @__PURE__ */ React__default.createElement("div", _ref3.cn("div", {
         "style": displayContents
-      }), /* @__PURE__ */ React.createElement("div", _ref3.cn("div", {
+      }), /* @__PURE__ */ React__default.createElement("div", _ref3.cn("div", {
         "style": displayContents
-      }), /* @__PURE__ */ React.createElement("div", _ref3.cn("div", {
+      }), /* @__PURE__ */ React__default.createElement("div", _ref3.cn("div", {
         "style": displayContents
-      }), /* @__PURE__ */ React.createElement(ScrollArea.Bar, {
+      }), /* @__PURE__ */ React__default.createElement(ScrollArea.Bar, {
         orientation: "horizontal"
-      }))))), Children.origin, /* @__PURE__ */ React.createElement(ScreenReaderOnly, _ref3.cn("ScreenReaderOnly", {
+      }))))), Children.origin, /* @__PURE__ */ React__default.createElement(ScreenReaderOnly, _ref3.cn("ScreenReaderOnly", {
         "aria-hidden": true,
         "id": this.sortableColumnDescribeId()
       }), getI18nText === null || getI18nText === void 0 ? void 0 : getI18nText("sortableColumn"))));

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

@@ -0,0 +1,195 @@
+import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
+import _toConsumableArray from "@babel/runtime/helpers/esm/toConsumableArray";
+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 } from "@semcore/base-components";
+import { Row } from "./Row.mjs";
+import { Cell } from "./Cell.mjs";
+import { MergedRowsCell, MergedColumnsCell } from "./MergedCells.mjs";
+import { ACCORDION } from "@semcore/data-table";
+import ChevronRightM from "@semcore/icon/ChevronRight/m";
+import { ButtonLink } from "@semcore/button";
+import Spin from "@semcore/spin";
+var style = (
+  /*__reshadow_css_start__*/
+  (sstyled.insert(
+    /*__inner_css_start__*/
+    '.___SBody_1q19z_gg_,.___SRow_1q19z_gg_{display:contents}.___SBody_1q19z_gg_.__compact_1q19z_gg_ .___SCell_1q19z_gg_{padding:var(--intergalactic-spacing-3x, 12px) var(--intergalactic-spacing-2x, 8px)}.___SCell_1q19z_gg_.__gridArea_1q19z_gg_,.___SCollapseRow_1q19z_gg_.__gridArea_1q19z_gg_,.___SRow_1q19z_gg_.__gridArea_1q19z_gg_{grid-area:var(--gridArea_1q19z)}.___SRow_1q19z_gg_.__active_1q19z_gg_>.___SCell_1q19z_gg_:not(.__theme_1q19z_gg_),.___SRow_1q19z_gg_._theme_muted_1q19z_gg_.__active_1q19z_gg_>.___SCell_1q19z_gg_:not(.__theme_1q19z_gg_){background-color:var(--intergalactic-table-td-cell-active, #e6e7ed)}@media (hover:hover){.___SRow_1q19z_gg_:hover>.___SCell_1q19z_gg_:not(.__theme_1q19z_gg_){background-color:var(--intergalactic-table-td-cell-hover, #f0f0f4)}}.___SRow_1q19z_gg_._theme_muted_1q19z_gg_ .___SCell_1q19z_gg_:not(.__theme_1q19z_gg_){background-color:var(--intergalactic-table-td-cell-unread, #f4f5f9)}@media (hover:hover){.___SRow_1q19z_gg_._theme_muted_1q19z_gg_:hover>.___SCell_1q19z_gg_:not(.__theme_1q19z_gg_),.___SRow_1q19z_gg_:hover>.___SCell_1q19z_gg_._theme_muted_1q19z_gg_{background-color:var(--intergalactic-table-td-cell-hover, #f0f0f4)}}.___SRow_1q19z_gg_._theme_info_1q19z_gg_ .___SCell_1q19z_gg_:not(.__theme_1q19z_gg_){background-color:var(--intergalactic-table-td-cell-selected, #e9f7ff)}.___SRow_1q19z_gg_._theme_info_1q19z_gg_.__active_1q19z_gg_>.___SCell_1q19z_gg_:not(.__theme_1q19z_gg_){background-color:var(--intergalactic-table-td-cell-selected-active, #c4e5fe)}@media (hover:hover){.___SRow_1q19z_gg_._theme_info_1q19z_gg_:hover>.___SCell_1q19z_gg_:not(.__theme_1q19z_gg_),.___SRow_1q19z_gg_:hover>.___SCell_1q19z_gg_._theme_info_1q19z_gg_{background-color:var(--intergalactic-table-td-cell-selected-hover, #c4e5fe)}}.___SRow_1q19z_gg_._theme_success_1q19z_gg_ .___SCell_1q19z_gg_:not(.__theme_1q19z_gg_){background-color:var(--intergalactic-table-td-cell-new, #dbfee8)}.___SRow_1q19z_gg_._theme_success_1q19z_gg_.__active_1q19z_gg_>.___SCell_1q19z_gg_:not(.__theme_1q19z_gg_){background-color:var(--intergalactic-table-td-cell-new-active, #9ef2c9)}@media (hover:hover){.___SRow_1q19z_gg_._theme_success_1q19z_gg_:hover>.___SCell_1q19z_gg_:not(.__theme_1q19z_gg_),.___SRow_1q19z_gg_:hover>.___SCell_1q19z_gg_._theme_success_1q19z_gg_{background-color:var(--intergalactic-table-td-cell-new-hover, #9ef2c9)}}.___SRow_1q19z_gg_._theme_warning_1q19z_gg_ .___SCell_1q19z_gg_:not(.__theme_1q19z_gg_){background-color:var(--intergalactic-table-td-cell-warning, #fff3d9)}.___SRow_1q19z_gg_._theme_warning_1q19z_gg_.__active_1q19z_gg_>.___SCell_1q19z_gg_:not(.__theme_1q19z_gg_){background-color:var(--intergalactic-table-td-cell-warning-active, #ffdca2)}@media (hover:hover){.___SRow_1q19z_gg_._theme_warning_1q19z_gg_:hover>.___SCell_1q19z_gg_:not(.__theme_1q19z_gg_),.___SRow_1q19z_gg_:hover>.___SCell_1q19z_gg_._theme_warning_1q19z_gg_{background-color:var(--intergalactic-table-td-cell-warning-hover, #ffdca2)}}.___SRow_1q19z_gg_._theme_danger_1q19z_gg_ .___SCell_1q19z_gg_:not(.__theme_1q19z_gg_){background-color:var(--intergalactic-table-td-cell-critical, #fff0f7)}.___SRow_1q19z_gg_._theme_danger_1q19z_gg_.__active_1q19z_gg_>.___SCell_1q19z_gg_:not(.__theme_1q19z_gg_){background-color:var(--intergalactic-table-td-cell-critical-active, #ffd7df)}@media (hover:hover){.___SRow_1q19z_gg_._theme_danger_1q19z_gg_:hover>.___SCell_1q19z_gg_:not(.__theme_1q19z_gg_),.___SRow_1q19z_gg_:hover>.___SCell_1q19z_gg_._theme_danger_1q19z_gg_{background-color:var(--intergalactic-table-td-cell-critical-hover, #ffd7df)}}.___SCell_1q19z_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_1q19z_gg_ .___SAccordionToggle_1q19z_gg_{transition:transform calc(var(--intergalactic-duration-accordion, 200)*1ms) ease-out}.___SCell_1q19z_gg_ .___SAccordionToggle_1q19z_gg_.__expanded_1q19z_gg_{transform:rotate(90deg)}.___SCell_1q19z_gg_._use_primary_1q19z_gg_{padding:var(--intergalactic-spacing-3x, 12px);min-height:45px;background-color:var(--intergalactic-bg-primary-neutral, #ffffff)}.___SCell_1q19z_gg_._use_primary_1q19z_gg_[data-aria-level]{padding-left:calc(var(--intergalactic-spacing-3x, 12px) + (var(--intergalactic-spacing-5x, 20px)*(var(--data-aria-level_1q19z) - 1)))}.___SCell_1q19z_gg_._use_secondary_1q19z_gg_{padding:var(--intergalactic-spacing-2x, 8px);min-height:37px;background-color:var(--intergalactic-bg-primary-neutral, #ffffff)}.___SCell_1q19z_gg_._use_secondary_1q19z_gg_[data-aria-level]{padding-left:calc(var(--intergalactic-spacing-2x, 8px) + (var(--intergalactic-spacing-5x, 20px)*(var(--data-aria-level_1q19z) - 1)))}.___SCell_1q19z_gg_._borders_both_1q19z_gg_,.___SCell_1q19z_gg_._borders_left_1q19z_gg_{border-left:1px solid var(--intergalactic-border-secondary, #e0e1e9)}.___SCell_1q19z_gg_._borders_both_1q19z_gg_,.___SCell_1q19z_gg_._borders_right_1q19z_gg_{border-right:1px solid var(--intergalactic-border-secondary, #e0e1e9)}.___SCell_1q19z_gg_.__fixed_1q19z_gg_{position:sticky;z-index:2}.___SCell_1q19z_gg_._theme_muted_1q19z_gg_{background-color:var(--intergalactic-table-td-cell-unread, #f4f5f9)}.___SCell_1q19z_gg_._theme_info_1q19z_gg_{background-color:var(--intergalactic-table-td-cell-selected, #e9f7ff)}.___SCell_1q19z_gg_._theme_success_1q19z_gg_{background-color:var(--intergalactic-table-td-cell-new, #dbfee8)}.___SCell_1q19z_gg_._theme_warning_1q19z_gg_{background-color:var(--intergalactic-table-td-cell-warning, #fff3d9)}.___SCell_1q19z_gg_._theme_danger_1q19z_gg_{background-color:var(--intergalactic-table-td-cell-critical, #fff0f7)}.___SSpinContainer_1q19z_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_1q19z_gg_.__headerHeight_1q19z_gg_{top:var(--headerHeight_1q19z)}',
+    "1q19z_gg_"
+  ), {
+    "__SBody": "___SBody_1q19z_gg_",
+    "__SRow": "___SRow_1q19z_gg_",
+    "_compact": "__compact_1q19z_gg_",
+    "__SCell": "___SCell_1q19z_gg_",
+    "_gridArea": "__gridArea_1q19z_gg_",
+    "__SCollapseRow": "___SCollapseRow_1q19z_gg_",
+    "--gridArea": "--gridArea_1q19z",
+    "_active": "__active_1q19z_gg_",
+    "_theme": "__theme_1q19z_gg_",
+    "_theme_muted": "_theme_muted_1q19z_gg_",
+    "_theme_info": "_theme_info_1q19z_gg_",
+    "_theme_success": "_theme_success_1q19z_gg_",
+    "_theme_warning": "_theme_warning_1q19z_gg_",
+    "_theme_danger": "_theme_danger_1q19z_gg_",
+    "_borders_both": "_borders_both_1q19z_gg_",
+    "_borders_left": "_borders_left_1q19z_gg_",
+    "_borders_right": "_borders_right_1q19z_gg_",
+    "_fixed": "__fixed_1q19z_gg_",
+    "__SSpinContainer": "___SSpinContainer_1q19z_gg_",
+    "_headerHeight": "__headerHeight_1q19z_gg_",
+    "--headerHeight": "--headerHeight_1q19z",
+    "__SAccordionToggle": "___SAccordionToggle_1q19z_gg_",
+    "_expanded": "__expanded_1q19z_gg_",
+    "_use_primary": "_use_primary_1q19z_gg_",
+    "--data-aria-level": "--data-aria-level_1q19z",
+    "_use_secondary": "_use_secondary_1q19z_gg_"
+  })
+);
+var BodyRoot = /* @__PURE__ */ function(_Component) {
+  _inherits(BodyRoot2, _Component);
+  var _super = _createSuper(BodyRoot2);
+  function BodyRoot2() {
+    var _this;
+    _classCallCheck(this, BodyRoot2);
+    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), "onExpandRow", function(expandedRowIndex) {
+      var expandedRows = _this.asProps.expandedRows;
+      if (expandedRows !== null && expandedRows !== void 0 && expandedRows.includes(expandedRowIndex)) {
+        _this.handlers.expandedRows(expandedRows.filter(function(row) {
+          return row !== expandedRowIndex;
+        }));
+      } else {
+        _this.handlers.expandedRows([].concat(_toConsumableArray(expandedRows), [expandedRowIndex]));
+      }
+    });
+    return _this;
+  }
+  _createClass(BodyRoot2, [{
+    key: "uncontrolledProps",
+    value: function uncontrolledProps() {
+      return {
+        expandedRows: []
+      };
+    }
+  }, {
+    key: "getRowProps",
+    value: function getRowProps(_, index) {
+      var _this$asProps = this.asProps, rows = _this$asProps.rows, use = _this$asProps.use, gridTemplateAreas = _this$asProps.gridTemplateAreas, gridTemplateColumns = _this$asProps.gridTemplateColumns, expandedRows = _this$asProps.expandedRows, columns = _this$asProps.columns, headerRows = _this$asProps.headerRows;
+      var row = rows[index];
+      var rowIndex = (expandedRows !== null && expandedRows !== void 0 ? expandedRows : []).reduce(function(acc, item) {
+        if (item < index) {
+          acc = acc + 1;
+        }
+        return acc;
+      }, index);
+      var accordionDataGridArea = Array.isArray(row[ACCORDION]) ? "".concat(rowIndex + headerRows + 2, " / 1 / ").concat(rowIndex + headerRows + 2 + row[ACCORDION].length, " / ").concat(columns.length + 1) : "".concat(rowIndex + headerRows + 2, " / 1 / ").concat(rowIndex + headerRows + 2, " / ").concat(columns.length + 1);
+      return {
+        use,
+        gridTemplateAreas,
+        gridTemplateColumns,
+        expanded: expandedRows === null || expandedRows === void 0 ? void 0 : expandedRows.includes(index),
+        accordionDataGridArea,
+        columns,
+        headerRows,
+        rowIndex: index,
+        rows
+      };
+    }
+  }, {
+    key: "getCellProps",
+    value: function getCellProps(props) {
+      var _this2 = this;
+      var _this$asProps2 = this.asProps, use = _this$asProps2.use, renderCell = _this$asProps2.renderCell, expandedRows = _this$asProps2.expandedRows, styles = _this$asProps2.styles, getI18nText = _this$asProps2.getI18nText;
+      var SAccordionToggle = ButtonLink;
+      var cellValue = props.row[props.name];
+      var value = "";
+      if (cellValue instanceof MergedRowsCell || cellValue instanceof MergedColumnsCell) {
+        value = cellValue.value;
+      } else {
+        value = cellValue;
+      }
+      var defaultRender = function defaultRender2() {
+        if (props.columnIndex === 0 && props.row[ACCORDION]) {
+          var _ref2;
+          return _ref2 = sstyled(styles), /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(SAccordionToggle, _ref2.cn("SAccordionToggle", {
+            "aria-label": getI18nText("DataTable.Cell.AccordionToggle.expand:aria-label"),
+            "expanded": expandedRows === null || expandedRows === void 0 ? void 0 : expandedRows.includes(props.rowIndex),
+            "onClick": function onClick() {
+              return _this2.onExpandRow(props.rowIndex);
+            },
+            "color": "--intergalactic-icon-primary-neutral"
+          }), /* @__PURE__ */ React.createElement(SAccordionToggle.Addon, {
+            tag: ChevronRightM
+          })), value);
+        }
+        return value;
+      };
+      return {
+        use,
+        children: renderCell ? renderCell({
+          name: props.name,
+          row: props.row,
+          column: props.column,
+          rowIndex: props.rowIndex,
+          columnIndex: props.columnIndex,
+          defaultRender,
+          value
+        }) : defaultRender()
+      };
+    }
+  }, {
+    key: "render",
+    value: function render() {
+      var _ref = this.asProps, _ref3;
+      var SBody = Box;
+      var SSpinContainer = Box;
+      var _this$asProps3 = this.asProps, rows = _this$asProps3.rows;
+      _this$asProps3.columns;
+      var styles = _this$asProps3.styles;
+      _this$asProps3.headerRows;
+      var loading = _this$asProps3.loading, headerHeight = _this$asProps3.headerHeight;
+      return _ref3 = sstyled(styles), /* @__PURE__ */ React.createElement(SBody, _ref3.cn("SBody", _objectSpread({}, assignProps({}, _ref))), rows.map(function(row, index) {
+        return (
+          // @ts-ignore
+          /* @__PURE__ */ React.createElement(Body.Row, {
+            key: index,
+            role: "row",
+            "aria-rowindex": index + 2,
+            row
+            // rows={rows}
+            // rowIndex={index}
+            // headerRows={headerRows}
+          })
+        );
+      }), loading && // @ts-ignore
+      /* @__PURE__ */ React.createElement(SSpinContainer, _ref3.cn("SSpinContainer", {
+        "aria-hidden": true,
+        "headerHeight": "".concat(headerHeight, "px")
+      }), /* @__PURE__ */ React.createElement(Spin, _ref3.cn("Spin", {
+        "size": "xxl"
+      }))));
+    }
+  }]);
+  return BodyRoot2;
+}(Component);
+_defineProperty(BodyRoot, "displayName", "Body");
+_defineProperty(BodyRoot, "style", style);
+_defineProperty(BodyRoot, "defaultProps", {
+  defaultExpandedRows: []
+});
+var Body = createComponent(BodyRoot, {
+  Row,
+  Cell
+});
+export {
+  Body
+};

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

@@ -0,0 +1,129 @@
+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";
+var style = (
+  /*__reshadow_css_start__*/
+  (sstyled.insert(
+    /*__inner_css_start__*/
+    '.___SBody_1q19z_gg_,.___SRow_1q19z_gg_{display:contents}.___SBody_1q19z_gg_.__compact_1q19z_gg_ .___SCell_1q19z_gg_{padding:var(--intergalactic-spacing-3x, 12px) var(--intergalactic-spacing-2x, 8px)}.___SCell_1q19z_gg_.__gridArea_1q19z_gg_,.___SCollapseRow_1q19z_gg_.__gridArea_1q19z_gg_,.___SRow_1q19z_gg_.__gridArea_1q19z_gg_{grid-area:var(--gridArea_1q19z)}.___SRow_1q19z_gg_.__active_1q19z_gg_>.___SCell_1q19z_gg_:not(.__theme_1q19z_gg_),.___SRow_1q19z_gg_._theme_muted_1q19z_gg_.__active_1q19z_gg_>.___SCell_1q19z_gg_:not(.__theme_1q19z_gg_){background-color:var(--intergalactic-table-td-cell-active, #e6e7ed)}@media (hover:hover){.___SRow_1q19z_gg_:hover>.___SCell_1q19z_gg_:not(.__theme_1q19z_gg_){background-color:var(--intergalactic-table-td-cell-hover, #f0f0f4)}}.___SRow_1q19z_gg_._theme_muted_1q19z_gg_ .___SCell_1q19z_gg_:not(.__theme_1q19z_gg_){background-color:var(--intergalactic-table-td-cell-unread, #f4f5f9)}@media (hover:hover){.___SRow_1q19z_gg_._theme_muted_1q19z_gg_:hover>.___SCell_1q19z_gg_:not(.__theme_1q19z_gg_),.___SRow_1q19z_gg_:hover>.___SCell_1q19z_gg_._theme_muted_1q19z_gg_{background-color:var(--intergalactic-table-td-cell-hover, #f0f0f4)}}.___SRow_1q19z_gg_._theme_info_1q19z_gg_ .___SCell_1q19z_gg_:not(.__theme_1q19z_gg_){background-color:var(--intergalactic-table-td-cell-selected, #e9f7ff)}.___SRow_1q19z_gg_._theme_info_1q19z_gg_.__active_1q19z_gg_>.___SCell_1q19z_gg_:not(.__theme_1q19z_gg_){background-color:var(--intergalactic-table-td-cell-selected-active, #c4e5fe)}@media (hover:hover){.___SRow_1q19z_gg_._theme_info_1q19z_gg_:hover>.___SCell_1q19z_gg_:not(.__theme_1q19z_gg_),.___SRow_1q19z_gg_:hover>.___SCell_1q19z_gg_._theme_info_1q19z_gg_{background-color:var(--intergalactic-table-td-cell-selected-hover, #c4e5fe)}}.___SRow_1q19z_gg_._theme_success_1q19z_gg_ .___SCell_1q19z_gg_:not(.__theme_1q19z_gg_){background-color:var(--intergalactic-table-td-cell-new, #dbfee8)}.___SRow_1q19z_gg_._theme_success_1q19z_gg_.__active_1q19z_gg_>.___SCell_1q19z_gg_:not(.__theme_1q19z_gg_){background-color:var(--intergalactic-table-td-cell-new-active, #9ef2c9)}@media (hover:hover){.___SRow_1q19z_gg_._theme_success_1q19z_gg_:hover>.___SCell_1q19z_gg_:not(.__theme_1q19z_gg_),.___SRow_1q19z_gg_:hover>.___SCell_1q19z_gg_._theme_success_1q19z_gg_{background-color:var(--intergalactic-table-td-cell-new-hover, #9ef2c9)}}.___SRow_1q19z_gg_._theme_warning_1q19z_gg_ .___SCell_1q19z_gg_:not(.__theme_1q19z_gg_){background-color:var(--intergalactic-table-td-cell-warning, #fff3d9)}.___SRow_1q19z_gg_._theme_warning_1q19z_gg_.__active_1q19z_gg_>.___SCell_1q19z_gg_:not(.__theme_1q19z_gg_){background-color:var(--intergalactic-table-td-cell-warning-active, #ffdca2)}@media (hover:hover){.___SRow_1q19z_gg_._theme_warning_1q19z_gg_:hover>.___SCell_1q19z_gg_:not(.__theme_1q19z_gg_),.___SRow_1q19z_gg_:hover>.___SCell_1q19z_gg_._theme_warning_1q19z_gg_{background-color:var(--intergalactic-table-td-cell-warning-hover, #ffdca2)}}.___SRow_1q19z_gg_._theme_danger_1q19z_gg_ .___SCell_1q19z_gg_:not(.__theme_1q19z_gg_){background-color:var(--intergalactic-table-td-cell-critical, #fff0f7)}.___SRow_1q19z_gg_._theme_danger_1q19z_gg_.__active_1q19z_gg_>.___SCell_1q19z_gg_:not(.__theme_1q19z_gg_){background-color:var(--intergalactic-table-td-cell-critical-active, #ffd7df)}@media (hover:hover){.___SRow_1q19z_gg_._theme_danger_1q19z_gg_:hover>.___SCell_1q19z_gg_:not(.__theme_1q19z_gg_),.___SRow_1q19z_gg_:hover>.___SCell_1q19z_gg_._theme_danger_1q19z_gg_{background-color:var(--intergalactic-table-td-cell-critical-hover, #ffd7df)}}.___SCell_1q19z_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_1q19z_gg_ .___SAccordionToggle_1q19z_gg_{transition:transform calc(var(--intergalactic-duration-accordion, 200)*1ms) ease-out}.___SCell_1q19z_gg_ .___SAccordionToggle_1q19z_gg_.__expanded_1q19z_gg_{transform:rotate(90deg)}.___SCell_1q19z_gg_._use_primary_1q19z_gg_{padding:var(--intergalactic-spacing-3x, 12px);min-height:45px;background-color:var(--intergalactic-bg-primary-neutral, #ffffff)}.___SCell_1q19z_gg_._use_primary_1q19z_gg_[data-aria-level]{padding-left:calc(var(--intergalactic-spacing-3x, 12px) + (var(--intergalactic-spacing-5x, 20px)*(var(--data-aria-level_1q19z) - 1)))}.___SCell_1q19z_gg_._use_secondary_1q19z_gg_{padding:var(--intergalactic-spacing-2x, 8px);min-height:37px;background-color:var(--intergalactic-bg-primary-neutral, #ffffff)}.___SCell_1q19z_gg_._use_secondary_1q19z_gg_[data-aria-level]{padding-left:calc(var(--intergalactic-spacing-2x, 8px) + (var(--intergalactic-spacing-5x, 20px)*(var(--data-aria-level_1q19z) - 1)))}.___SCell_1q19z_gg_._borders_both_1q19z_gg_,.___SCell_1q19z_gg_._borders_left_1q19z_gg_{border-left:1px solid var(--intergalactic-border-secondary, #e0e1e9)}.___SCell_1q19z_gg_._borders_both_1q19z_gg_,.___SCell_1q19z_gg_._borders_right_1q19z_gg_{border-right:1px solid var(--intergalactic-border-secondary, #e0e1e9)}.___SCell_1q19z_gg_.__fixed_1q19z_gg_{position:sticky;z-index:2}.___SCell_1q19z_gg_._theme_muted_1q19z_gg_{background-color:var(--intergalactic-table-td-cell-unread, #f4f5f9)}.___SCell_1q19z_gg_._theme_info_1q19z_gg_{background-color:var(--intergalactic-table-td-cell-selected, #e9f7ff)}.___SCell_1q19z_gg_._theme_success_1q19z_gg_{background-color:var(--intergalactic-table-td-cell-new, #dbfee8)}.___SCell_1q19z_gg_._theme_warning_1q19z_gg_{background-color:var(--intergalactic-table-td-cell-warning, #fff3d9)}.___SCell_1q19z_gg_._theme_danger_1q19z_gg_{background-color:var(--intergalactic-table-td-cell-critical, #fff0f7)}.___SSpinContainer_1q19z_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_1q19z_gg_.__headerHeight_1q19z_gg_{top:var(--headerHeight_1q19z)}',
+    "1q19z_gg_"
+  ), {
+    "__SBody": "___SBody_1q19z_gg_",
+    "__SRow": "___SRow_1q19z_gg_",
+    "_compact": "__compact_1q19z_gg_",
+    "__SCell": "___SCell_1q19z_gg_",
+    "_gridArea": "__gridArea_1q19z_gg_",
+    "__SCollapseRow": "___SCollapseRow_1q19z_gg_",
+    "--gridArea": "--gridArea_1q19z",
+    "_active": "__active_1q19z_gg_",
+    "_theme": "__theme_1q19z_gg_",
+    "_theme_muted": "_theme_muted_1q19z_gg_",
+    "_theme_info": "_theme_info_1q19z_gg_",
+    "_theme_success": "_theme_success_1q19z_gg_",
+    "_theme_warning": "_theme_warning_1q19z_gg_",
+    "_theme_danger": "_theme_danger_1q19z_gg_",
+    "_borders_both": "_borders_both_1q19z_gg_",
+    "_borders_left": "_borders_left_1q19z_gg_",
+    "_borders_right": "_borders_right_1q19z_gg_",
+    "_fixed": "__fixed_1q19z_gg_",
+    "__SSpinContainer": "___SSpinContainer_1q19z_gg_",
+    "_headerHeight": "__headerHeight_1q19z_gg_",
+    "--headerHeight": "--headerHeight_1q19z",
+    "__SAccordionToggle": "___SAccordionToggle_1q19z_gg_",
+    "_expanded": "__expanded_1q19z_gg_",
+    "_use_primary": "_use_primary_1q19z_gg_",
+    "--data-aria-level": "--data-aria-level_1q19z",
+    "_use_secondary": "_use_secondary_1q19z_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), "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")) {
+        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: "render",
+    value: function render() {
+      var _ref = this.asProps, _ref2;
+      var SCell = Flex;
+      var _this$asProps = this.asProps, Children = _this$asProps.Children, styles = _this$asProps.styles;
+      return _ref2 = sstyled(styles), /* @__PURE__ */ React.createElement(SCell, _ref2.cn("SCell", _objectSpread({}, assignProps({
+        "tabIndex": -1,
+        "innerOutline": true,
+        "onKeyDown": this.handleKeyDown,
+        "onFocus": this.onFocusCell
+      }, _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
+};