@semcore/data-table 16.0.0-prerelease.4 → 16.0.0-prerelease.7

package/lib/esm/Body.mjs

@@ -1,320 +1,427 @@
-import oe from "@babel/runtime/helpers/esm/objectWithoutProperties";
-import j from "@babel/runtime/helpers/esm/objectSpread2";
-import ue from "@babel/runtime/helpers/esm/toConsumableArray";
-import ie from "@babel/runtime/helpers/esm/createForOfIteratorHelper";
-import ae from "@babel/runtime/helpers/esm/slicedToArray";
-import q from "@babel/runtime/helpers/esm/typeof";
-import he from "@babel/runtime/helpers/esm/classCallCheck";
-import ge from "@babel/runtime/helpers/esm/createClass";
-import p from "@babel/runtime/helpers/esm/assertThisInitialized";
-import me from "@babel/runtime/helpers/esm/inherits";
-import pe from "@babel/runtime/helpers/esm/createSuper";
-import R from "@babel/runtime/helpers/esm/defineProperty";
-import { sstyled as V, assignProps as Re, Component as we } from "@semcore/core";
-import s from "react";
-import { Flex as Se, Box as M } from "@semcore/flex-box";
-import K, { hideScrollBarsFromScreenReadersContext as ye } from "@semcore/scroll-area";
-import { getFixedStyle as _e, getScrollOffsetValue as He } from "./utils.mjs";
-import W, { callAllEventHandlers as ne } from "@semcore/core/lib/utils/assignProps";
-import N from "@semcore/core/lib/utils/rafTrottle";
-import { forkRef as Oe } from "@semcore/core/lib/utils/ref";
-import be from "@semcore/core/lib/utils/canUseDOM";
-import { SORT_ICON_WIDTH as Pe } from "./Head.mjs";
-import { getFocusableIn as le } from "@semcore/core/lib/utils/focus-lock/getFocusableIn";
-var ze = ["childrenPropsGetter"], Ee = ["childrenPropsGetter"], xe = (
+import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
+import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
+import _toConsumableArray from "@babel/runtime/helpers/esm/toConsumableArray";
+import _createForOfIteratorHelper from "@babel/runtime/helpers/esm/createForOfIteratorHelper";
+import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
+import _typeof from "@babel/runtime/helpers/esm/typeof";
+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, assignProps as assignProps$1, Component } from "@semcore/core";
+import React from "react";
+import { Flex, Box } from "@semcore/flex-box";
+import ScrollArea, { hideScrollBarsFromScreenReadersContext } from "@semcore/scroll-area";
+import { getFixedStyle, getScrollOffsetValue } from "./utils.mjs";
+import assignProps, { callAllEventHandlers } from "@semcore/core/lib/utils/assignProps";
+import trottle from "@semcore/core/lib/utils/rafTrottle";
+import { forkRef } from "@semcore/core/lib/utils/ref";
+import canUseDOM from "@semcore/core/lib/utils/canUseDOM";
+import { SORT_ICON_WIDTH } from "./Head.mjs";
+import { getFocusableIn } from "@semcore/core/lib/utils/focus-lock/getFocusableIn";
+var _excluded = ["childrenPropsGetter"], _excluded2 = ["childrenPropsGetter"];
+var scrollStyles = (
   /*__reshadow_css_start__*/
-  (V.insert(
+  (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_"
   ), {
-    __SShadowHorizontal: "___SShadowHorizontal_11aq4_gg_",
-    __SShadowVertical: "___SShadowVertical_11aq4_gg_"
+    "__SShadowHorizontal": "___SShadowHorizontal_11aq4_gg_",
+    "__SShadowVertical": "___SShadowVertical_11aq4_gg_"
   })
-), Ae = process.env.NODE_ENV === "test", ke = function(F) {
-  var x = F.flat(20);
-  return Object.fromEntries(x.map(function(r) {
-    return [r.name, r.data];
+);
+var testEnv = process.env.NODE_ENV === "test";
+var getCellsByColumn = function getCellsByColumn2(cells) {
+  var flattenCells = cells.flat(20);
+  return Object.fromEntries(flattenCells.map(function(cell) {
+    return [cell.name, cell.data];
   }));
-}, J = {
+};
+var displayContents = {
   display: "contents"
-}, rr = /* @__PURE__ */ function(Q) {
-  me(x, Q);
-  var F = pe(x);
-  function x() {
-    var r;
-    he(this, x);
-    for (var l = arguments.length, i = new Array(l), c = 0; c < l; c++)
-      i[c] = arguments[c];
-    return r = F.call.apply(F, [this].concat(i)), R(p(r), "state", {
+};
+var Body = /* @__PURE__ */ function(_Component) {
+  _inherits(Body2, _Component);
+  var _super = _createSuper(Body2);
+  function Body2() {
+    var _this;
+    _classCallCheck(this, Body2);
+    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), "state", {
       rowHeight: void 0,
       scrollAreaHeight: void 0,
       scrollOffset: 0
-    }), R(p(r), "scrollContainerRef", /* @__PURE__ */ s.createRef()), R(p(r), "firstRowRef", /* @__PURE__ */ s.createRef()), R(p(r), "firstRowResizeObserver", null), R(p(r), "lockedCell", [null, !1]), R(p(r), "getRowHeight", function() {
-      var e = r.asProps.virtualScroll, o = q(e) === "object" && (e == null ? void 0 : e.rowHeight);
-      return o || r.state.rowHeight;
-    }), R(p(r), "handleKeyDown", function(e) {
-      if (e.currentTarget === r.lockedCell[0]) {
-        var o = Array.from(r.lockedCell[0].children).flatMap(function(g) {
-          return le(g);
+    });
+    _defineProperty(_assertThisInitialized(_this), "scrollContainerRef", /* @__PURE__ */ React.createRef());
+    _defineProperty(_assertThisInitialized(_this), "firstRowRef", /* @__PURE__ */ React.createRef());
+    _defineProperty(_assertThisInitialized(_this), "firstRowResizeObserver", null);
+    _defineProperty(_assertThisInitialized(_this), "lockedCell", [null, false]);
+    _defineProperty(_assertThisInitialized(_this), "getRowHeight", function() {
+      var virtualScroll = _this.asProps.virtualScroll;
+      var rowHeightFromProps = _typeof(virtualScroll) === "object" && (virtualScroll === null || virtualScroll === void 0 ? void 0 : virtualScroll.rowHeight);
+      return rowHeightFromProps || _this.state.rowHeight;
+    });
+    _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 (r.lockedCell[1]) {
+        if (_this.lockedCell[1]) {
           if (e.key === "Escape") {
-            var t;
-            (t = r.lockedCell[0]) === null || t === void 0 || t.focus(), r.lockedCell[1] = !1;
+            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.startsWith("Arrow") && (e.stopPropagation(), e.preventDefault()), e.key === "Tab") {
-            if (e.target === o[0] && e.shiftKey) {
-              var n;
-              (n = o[o.length - 1]) === null || n === void 0 || n.focus(), e.preventDefault();
-            } else if (e.target === o[o.length - 1] && !e.shiftKey) {
-              var a;
-              (a = o[0]) === null || a === void 0 || a.focus(), 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 f;
-          e.preventDefault(), e.stopPropagation(), r.lockedCell[1] = !0, (f = o[0]) === null || f === void 0 || f.focus();
+          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();
         }
       }
-    }), R(p(r), "onFocusCell", function(e) {
+    });
+    _defineProperty(_assertThisInitialized(_this), "onFocusCell", function(e) {
       if (e.target === e.currentTarget && e.target.matches(":focus-visible")) {
-        var o = Array.from(e.currentTarget.children).flatMap(function(t) {
-          return le(t);
+        var focusableChildren = Array.from(e.currentTarget.children).flatMap(function(node) {
+          return getFocusableIn(node);
         });
-        o.length === 1 ? o[0].focus() : o.length > 1 && (r.lockedCell = [e.currentTarget, !1]);
+        if (focusableChildren.length === 1) {
+          focusableChildren[0].focus();
+        } else if (focusableChildren.length > 1) {
+          _this.lockedCell = [e.currentTarget, false];
+        }
       }
-    }), R(p(r), "handleFirstRowResize", N(function(e) {
-      var o = e[0].contentRect, t = o.height;
-      r.setState(function(n) {
-        return n.rowHeight === t ? n : {
-          rowHeight: t
+    });
+    _defineProperty(_assertThisInitialized(_this), "handleFirstRowResize", trottle(function(entries) {
+      var contentRect = entries[0].contentRect;
+      var height = contentRect.height;
+      _this.setState(function(oldState) {
+        if (oldState.rowHeight === height) return oldState;
+        return {
+          rowHeight: height
+        };
+      });
+    }));
+    _defineProperty(_assertThisInitialized(_this), "handleScrollAreaResize", trottle(function(entries) {
+      var virtualScroll = _this.asProps.virtualScroll;
+      if (!virtualScroll) return;
+      var contentRect = entries[0].contentRect;
+      var height = contentRect.height;
+      _this.setState(function(oldState) {
+        if (oldState.scrollAreaHeight === height) return oldState;
+        return {
+          scrollAreaHeight: height
         };
       });
-    })), R(p(r), "handleScrollAreaResize", N(function(e) {
-      var o = r.asProps.virtualScroll;
-      if (o) {
-        var t = e[0].contentRect, n = t.height;
-        r.setState(function(a) {
-          return a.scrollAreaHeight === n ? a : {
-            scrollAreaHeight: n
+    }));
+    _defineProperty(_assertThisInitialized(_this), "handleScrollAreaScroll", function(event) {
+      var _ref6 = event.target, scrollTop = _ref6.scrollTop;
+      var virtualScroll = _this.asProps.virtualScroll;
+      if (virtualScroll) {
+        _this.setState(function(oldState) {
+          if (oldState.scrollOffset === scrollTop) return oldState;
+          return {
+            scrollOffset: scrollTop
           };
         });
       }
-    })), R(p(r), "handleScrollAreaScroll", function(e) {
-      var o = e.target, t = o.scrollTop, n = r.asProps.virtualScroll;
-      n && r.setState(function(a) {
-        return a.scrollOffset === t ? a : {
-          scrollOffset: t
-        };
-      });
-    }), R(p(r), "setupRowSizeObserver", function() {
-      r.firstRowRef.current && r.asProps.virtualScroll && be() && (r.firstRowResizeObserver = new ResizeObserver(r.handleFirstRowResize), r.firstRowResizeObserver.observe(r.firstRowRef.current));
-    }), R(p(r), "handleBodyTransitionEnd", N(function() {
-      r.forceUpdate();
-    })), r;
+    });
+    _defineProperty(_assertThisInitialized(_this), "setupRowSizeObserver", function() {
+      if (!_this.firstRowRef.current) return;
+      if (!_this.asProps.virtualScroll) return;
+      if (canUseDOM()) {
+        _this.firstRowResizeObserver = new ResizeObserver(_this.handleFirstRowResize);
+        _this.firstRowResizeObserver.observe(_this.firstRowRef.current);
+      }
+    });
+    _defineProperty(_assertThisInitialized(_this), "handleBodyTransitionEnd", trottle(function() {
+      _this.forceUpdate();
+    }));
+    return _this;
   }
-  return ge(x, [{
+  _createClass(Body2, [{
     key: "renderCells",
-    value: function(l, i, c) {
-      var e = this, o = Se, t = this.asProps, n = t.styles, a = t.columns, f = t.use, g = t.uid;
-      return l.map(function(d, S) {
-        if (Array.isArray(d)) {
-          var y, A = "div";
-          return y = V(n), /* @__PURE__ */ s.createElement(A, y.cn("SGroupCell", {
-            key: "".concat(S),
+    value: function renderCells(cells, rowData, dataIndex) {
+      var _this2 = this;
+      var SCell = Flex;
+      var _this$asProps = this.asProps, styles = _this$asProps.styles, columns = _this$asProps.columns, use = _this$asProps.use, uid = _this$asProps.uid;
+      return cells.map(function(cell, cellIndex) {
+        if (Array.isArray(cell)) {
+          var _ref2;
+          var SGroupCell = "div";
+          return _ref2 = sstyled(styles), /* @__PURE__ */ React.createElement(SGroupCell, _ref2.cn("SGroupCell", {
+            "key": "".concat(cellIndex),
             "data-ui-name": "group-cell"
-          }), e.renderRows(d, !0));
+          }), _this2.renderRows(cell, true));
         } else {
-          var _, H, m, u, w, O, P, z, E = d.name.split("/"), k = E[0], I = E[E.length - 1], b = a.find(function(h) {
-            return h.name === k;
-          }), T = a.find(function(h) {
-            return h.name === I;
-          }), v = a.find(function(h) {
-            return h.name === d.name;
-          }), G = _e(d, a), B = ae(G, 2), X = B[0], Y = B[1], se = (H = v == null ? void 0 : v.parentColumns.map(function(h) {
-            return h.name;
-          })) !== null && H !== void 0 ? H : [], L = (Array.isArray(d.cssVar) ? d.cssVar : [d.cssVar]).map(function(h) {
-            return "var(".concat(h, ")");
-          }), de = v == null || (m = v.props) === null || m === void 0 || (u = m.ref.current) === null || u === void 0 ? void 0 : u.style.getPropertyValue("min-width"), U = v == null || (w = v.props) === null || w === void 0 || (O = w.ref.current) === null || O === void 0 ? void 0 : O.style.getPropertyValue("max-width"), C = {
-            name: d.name,
-            children: /* @__PURE__ */ s.createElement(s.Fragment, null, d.data),
-            justifyContent: v == null || (P = v.props) === null || P === void 0 ? void 0 : P.justifyContent,
-            alignItems: v == null || (z = v.props) === null || z === void 0 ? void 0 : z.alignItems,
-            borderLeft: b == null ? void 0 : b.borderLeft,
-            borderRight: T == null ? void 0 : T.borderRight,
+          var _ref3, _column$parentColumns, _column$props, _column$props$ref$cur, _column$props2, _column$props2$ref$cu, _column$props3, _column$props4;
+          var nameParts = cell.name.split("/");
+          var firstName = nameParts[0];
+          var lastName = nameParts[nameParts.length - 1];
+          var firstColumn = columns.find(function(c) {
+            return c.name === firstName;
+          });
+          var lastColumn = columns.find(function(c) {
+            return c.name === lastName;
+          });
+          var column = columns.find(function(c) {
+            return c.name === cell.name;
+          });
+          var _getFixedStyle = getFixedStyle(cell, columns), _getFixedStyle2 = _slicedToArray(_getFixedStyle, 2), name = _getFixedStyle2[0], value = _getFixedStyle2[1];
+          var parentColumnNames = (_column$parentColumns = column === null || column === void 0 ? void 0 : column.parentColumns.map(function(column2) {
+            return column2.name;
+          })) !== null && _column$parentColumns !== void 0 ? _column$parentColumns : [];
+          var vars = (Array.isArray(cell.cssVar) ? cell.cssVar : [cell.cssVar]).map(function(name2) {
+            return "var(".concat(name2, ")");
+          });
+          var columnWMin = column === null || column === void 0 ? void 0 : (_column$props = column.props) === null || _column$props === void 0 ? void 0 : (_column$props$ref$cur = _column$props.ref.current) === null || _column$props$ref$cur === void 0 ? void 0 : _column$props$ref$cur.style.getPropertyValue("min-width");
+          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),
+            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,
+            borderRight: lastColumn === null || lastColumn === void 0 ? void 0 : lastColumn.borderRight,
             style: {
-              width: L.length === 1 ? L[0] : "calc(".concat(L.join(" + "), ")"),
-              minWidth: de,
-              maxWidth: U && v !== null && v !== void 0 && v.sortable ? "calc(".concat(Pe, "px + ").concat(U, ")") : U
+              width: vars.length === 1 ? vars[0] : "calc(".concat(vars.join(" + "), ")"),
+              minWidth: columnWMin,
+              maxWidth: columnWMax && column !== null && column !== void 0 && column.sortable ? "calc(".concat(SORT_ICON_WIDTH, "px + ").concat(columnWMax, ")") : columnWMax
             }
           };
-          X !== void 0 && Y !== void 0 && (C.style[X] = Y);
-          var D = ie(d.cellPropsLayers || []), Z;
+          if (name !== void 0 && value !== void 0) {
+            _props.style[name] = value;
+          }
+          var _iterator = _createForOfIteratorHelper(cell.cellPropsLayers || []), _step;
           try {
-            for (D.s(); !(Z = D.n()).done; ) {
-              var $ = Z.value, ee = $.childrenPropsGetter, ve = ee === void 0 ? function(h) {
-                return h;
-              } : ee, fe = oe($, ze), re = W(fe, C);
-              C = W(ve(re, i, c), re);
+            for (_iterator.s(); !(_step = _iterator.n()).done; ) {
+              var cellPropLayer = _step.value;
+              var _cellPropLayer$childr = cellPropLayer.childrenPropsGetter, childrenPropsGetter = _cellPropLayer$childr === void 0 ? function(p) {
+                return p;
+              } : _cellPropLayer$childr, other = _objectWithoutProperties(cellPropLayer, _excluded);
+              var propsCell = assignProps(other, _props);
+              _props = assignProps(childrenPropsGetter(propsCell, rowData, dataIndex), propsCell);
             }
-          } catch (h) {
-            D.e(h);
+          } catch (err) {
+            _iterator.e(err);
           } finally {
-            D.f();
+            _iterator.f();
           }
-          var ce = [d.name].concat(ue(se)).filter(Boolean).map(function(h) {
-            return "igc-table-".concat(g, "-").concat(h);
-          }), te = E.length;
-          return _ = V(n), /* @__PURE__ */ s.createElement(o, _.cn("SCell", j(j({
-            key: d.name,
-            role: "gridcell",
-            headers: ce.join(" "),
-            __excludeProps: ["data"]
-          }, C), {}, {
-            fixed: d.fixed,
-            theme: C.theme,
-            use: f,
-            borderLeft: C.borderLeft,
-            borderRight: C.borderRight,
-            tabIndex: -1,
-            onKeyDown: e.handleKeyDown,
-            onFocus: e.onFocusCell,
-            "aria-colindex": S + 1,
-            "aria-colspan": te === 1 ? void 0 : te,
-            innerOutline: !0
+          var headerIds = [cell.name].concat(_toConsumableArray(parentColumnNames)).filter(Boolean).map(function(name2) {
+            return "igc-table-".concat(uid, "-").concat(name2);
+          });
+          var ariaColspan = nameParts.length;
+          return _ref3 = sstyled(styles), /* @__PURE__ */ React.createElement(SCell, _ref3.cn("SCell", _objectSpread(_objectSpread({
+            "key": cell.name,
+            "role": "gridcell",
+            "headers": headerIds.join(" "),
+            "__excludeProps": ["data"]
+          }, _props), {}, {
+            "fixed": cell.fixed,
+            "theme": _props.theme,
+            "use": use,
+            "borderLeft": _props.borderLeft,
+            "borderRight": _props.borderRight,
+            "tabIndex": -1,
+            "onKeyDown": _this2.handleKeyDown,
+            "onFocus": _this2.onFocusCell,
+            "aria-colindex": cellIndex + 1,
+            "aria-colspan": ariaColspan === 1 ? void 0 : ariaColspan,
+            "innerOutline": true
           })));
         }
       }, []);
     }
   }, {
     key: "renderRow",
-    value: function(l, i) {
-      var c, e = i.dataIndex, o = i.topOffset, t = i.nested, n = t === void 0 ? !1 : t, a = M, f = this.asProps, g = f.styles, d = f.rowPropsLayers, S = f.uniqueKey, y = f.virtualScroll, A = q(y) === "object" && (y == null ? void 0 : y.rowHeight), _ = l.flatRowData || ke(l), H = _[S] ? String(_[S]) : "row_".concat(e), m = e === 0 && !A, u = {
-        children: this.renderCells(l, _, e),
+    value: function renderRow(cells, _ref7) {
+      var _ref4;
+      var dataIndex = _ref7.dataIndex, topOffset = _ref7.topOffset, _ref7$nested = _ref7.nested, nested = _ref7$nested === void 0 ? false : _ref7$nested;
+      var SRow = Box;
+      var _this$asProps2 = this.asProps, styles = _this$asProps2.styles, rowPropsLayers = _this$asProps2.rowPropsLayers, uniqueKey = _this$asProps2.uniqueKey, virtualScroll = _this$asProps2.virtualScroll;
+      var rowHeightFromProps = _typeof(virtualScroll) === "object" && (virtualScroll === null || virtualScroll === void 0 ? void 0 : virtualScroll.rowHeight);
+      var rowData = cells.flatRowData || getCellsByColumn(cells);
+      var key = rowData[uniqueKey] ? String(rowData[uniqueKey]) : "row_".concat(dataIndex);
+      var needToMeasureHeight = dataIndex === 0 && !rowHeightFromProps;
+      var props = {
+        children: this.renderCells(cells, rowData, dataIndex),
         theme: void 0,
         active: void 0,
-        positioned: o !== void 0,
-        top: o,
-        ref: m ? this.firstRowRef : void 0,
-        key: H,
-        "aria-rowindex": n ? void 0 : e + 2
-      }, w = ie(d), O;
+        positioned: topOffset !== void 0,
+        top: topOffset,
+        ref: needToMeasureHeight ? this.firstRowRef : void 0,
+        key,
+        "aria-rowindex": !nested ? dataIndex + 2 : void 0
+      };
+      var _iterator2 = _createForOfIteratorHelper(rowPropsLayers), _step2;
       try {
-        for (w.s(); !(O = w.n()).done; ) {
-          var P = O.value, z = P.childrenPropsGetter, E = z === void 0 ? function(b) {
-            return b;
-          } : z, k = oe(P, Ee), I = W(k, u);
-          u = W(E(I, _, e), I);
+        for (_iterator2.s(); !(_step2 = _iterator2.n()).done; ) {
+          var rowPropsLayer = _step2.value;
+          var _rowPropsLayer$childr = rowPropsLayer.childrenPropsGetter, childrenPropsGetter = _rowPropsLayer$childr === void 0 ? function(p) {
+            return p;
+          } : _rowPropsLayer$childr, other = _objectWithoutProperties(rowPropsLayer, _excluded2);
+          var propsRow = assignProps(other, props);
+          props = assignProps(childrenPropsGetter(propsRow, rowData, dataIndex), propsRow);
         }
-      } catch (b) {
-        w.e(b);
+      } catch (err) {
+        _iterator2.e(err);
       } finally {
-        w.f();
+        _iterator2.f();
       }
-      return c = V(g), /* @__PURE__ */ s.createElement(a, c.cn("SRow", j({
-        "data-nested": n.toString(),
-        role: n ? void 0 : "row",
-        __excludeProps: ["data"]
-      }, u)));
+      return _ref4 = sstyled(styles), /* @__PURE__ */ React.createElement(SRow, _ref4.cn("SRow", _objectSpread({
+        "data-nested": nested.toString(),
+        "role": !nested ? "row" : void 0,
+        "__excludeProps": ["data"]
+      }, props)));
     }
   }, {
     key: "renderRows",
-    value: function(l) {
-      var i = this, c = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : !1;
-      return l.map(function(e, o) {
-        return i.renderRow(e, {
-          dataIndex: o,
-          nested: c
+    value: function renderRows(rows) {
+      var _this3 = this;
+      var nested = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : false;
+      return rows.map(function(cells, dataIndex) {
+        return _this3.renderRow(cells, {
+          dataIndex,
+          nested
         });
       });
     }
   }, {
     key: "renderVirtualizedRows",
-    value: function(l) {
-      var i, c = this;
-      if (l.length === 0) return [];
-      var e = this.asProps.virtualScroll, o = this.state, t = o.scrollOffset, n = o.scrollAreaHeight, a = this.getRowHeight(), f = (i = q(e) === "object" ? e == null ? void 0 : e.tollerance : 2) !== null && i !== void 0 ? i : 2, g = Math.max(Math.floor(t / a) - f, 0), d = Math.min(Math.ceil((t + n) / a) + f, l.length), S = q(e) === "object" && (e == null ? void 0 : e.rowHeight), y = !S, A = {
-        cells: l[0],
+    value: function renderVirtualizedRows(rows) {
+      var _ref8, _this4 = this;
+      if (rows.length === 0) return [];
+      var virtualScroll = this.asProps.virtualScroll;
+      var _this$state = this.state, scrollOffset = _this$state.scrollOffset, scrollAreaHeight = _this$state.scrollAreaHeight;
+      var rowHeight = this.getRowHeight();
+      var tollerance = (_ref8 = _typeof(virtualScroll) === "object" ? virtualScroll === null || virtualScroll === void 0 ? void 0 : virtualScroll.tollerance : 2) !== null && _ref8 !== void 0 ? _ref8 : 2;
+      var startIndex = Math.max(Math.floor(scrollOffset / rowHeight) - tollerance, 0);
+      var lastIndex = Math.min(Math.ceil((scrollOffset + scrollAreaHeight) / rowHeight) + tollerance, rows.length);
+      var rowHeightFromProps = _typeof(virtualScroll) === "object" && (virtualScroll === null || virtualScroll === void 0 ? void 0 : virtualScroll.rowHeight);
+      var needToMeasureFirstRowHeight = !rowHeightFromProps;
+      var firstRow = {
+        cells: rows[0],
         dataIndex: 0,
         topOffset: 0
-      }, _ = a !== void 0 ? l.slice(g, d) : [], H = _.map(function(m, u) {
+      };
+      var visibleRows = rowHeight !== void 0 ? rows.slice(startIndex, lastIndex) : [];
+      var processedVisibleRows = visibleRows.map(function(cells, index) {
         return {
-          cells: m,
-          dataIndex: g + u,
-          topOffset: a * (g + u)
+          cells,
+          dataIndex: startIndex + index,
+          topOffset: rowHeight * (startIndex + index)
         };
       });
-      return y && g !== 0 && H.unshift(A), H.map(function(m) {
-        var u = m.cells, w = m.dataIndex, O = m.topOffset;
-        return c.renderRow(u, {
-          dataIndex: w,
-          topOffset: O,
-          nested: !1
+      if (needToMeasureFirstRowHeight && startIndex !== 0) {
+        processedVisibleRows.unshift(firstRow);
+      }
+      return processedVisibleRows.map(function(_ref9) {
+        var cells = _ref9.cells, dataIndex = _ref9.dataIndex, topOffset = _ref9.topOffset;
+        return _this4.renderRow(cells, {
+          dataIndex,
+          topOffset,
+          nested: false
         });
       });
     }
   }, {
     key: "componentWillUnmount",
-    value: function() {
-      var l;
-      (l = this.firstRowResizeObserver) === null || l === void 0 || l.disconnect();
+    value: function componentWillUnmount() {
+      var _this$firstRowResizeO;
+      (_this$firstRowResizeO = this.firstRowResizeObserver) === null || _this$firstRowResizeO === void 0 ? void 0 : _this$firstRowResizeO.disconnect();
     }
   }, {
     key: "render",
-    value: function() {
-      var l = this.asProps, i, c = M, e = M, o = M, t = this.asProps, n = t.Children, a = t.styles, f = t.rows, g = t.columns, d = t.$scrollRef, S = t.virtualScroll, y = t.onResize, A = t.onScroll, _ = t.disabledScroll, H = t.renderRows, m = t.animationsDisabled, u = t.scrollContainerRef, w = g.reduce(function(v, G) {
-        var B = G.width;
-        return v + B;
-      }, 0) > 0 || Ae, O = He(g), P = ae(O, 2), z = P[0], E = P[1], k = this.getRowHeight(), I = k !== void 0 && S ? k * f.length : void 0;
-      S && w && !k && requestAnimationFrame(this.setupRowSizeObserver);
-      var b = (i = V(a), /* @__PURE__ */ s.createElement(c, i.cn("SBody", j({}, Re({
-        animationsDisabled: m,
-        onTransitionEnd: this.handleBodyTransitionEnd
-      }, l))), H ? H({
-        rows: f,
-        columns: g,
+    value: function render() {
+      var _ref = this.asProps, _ref5;
+      var SBody = Box;
+      var SBodyWrapper = Box;
+      var SHeightHold = Box;
+      var _this$asProps3 = this.asProps, Children = _this$asProps3.Children, styles = _this$asProps3.styles, rows = _this$asProps3.rows, columns = _this$asProps3.columns, $scrollRef = _this$asProps3.$scrollRef, virtualScroll = _this$asProps3.virtualScroll, onResize = _this$asProps3.onResize, onScroll = _this$asProps3.onScroll, disabledScroll = _this$asProps3.disabledScroll, renderRows = _this$asProps3.renderRows, animationsDisabled = _this$asProps3.animationsDisabled, scrollContainerRef = _this$asProps3.scrollContainerRef;
+      var columnsInitialized = columns.reduce(function(sum, _ref10) {
+        var width = _ref10.width;
+        return sum + width;
+      }, 0) > 0 || testEnv;
+      var _getScrollOffsetValue = getScrollOffsetValue(columns), _getScrollOffsetValue2 = _slicedToArray(_getScrollOffsetValue, 2), offsetLeftSum = _getScrollOffsetValue2[0], offsetRightSum = _getScrollOffsetValue2[1];
+      var rowHeight = this.getRowHeight();
+      var holdHeight = rowHeight !== void 0 && virtualScroll ? rowHeight * rows.length : void 0;
+      if (virtualScroll && columnsInitialized && !rowHeight) {
+        requestAnimationFrame(this.setupRowSizeObserver);
+      }
+      var body = (_ref5 = sstyled(styles), /* @__PURE__ */ React.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__ */ s.createElement(s.Fragment, null, I ? /* @__PURE__ */ s.createElement(o, i.cn("SHeightHold", {
-        hMin: I,
-        "aria-hidden": !0
-      })) : null, S ? this.renderVirtualizedRows(f) : this.renderRows(f))));
-      if (_)
-        return /* @__PURE__ */ s.createElement(e, null, b);
-      var T = [d, this.scrollContainerRef];
-      return u && T.push(u), /* @__PURE__ */ s.createElement(ye.Provider, {
-        value: !0
-      }, /* @__PURE__ */ s.createElement(e, i.cn("SBodyWrapper", {}), /* @__PURE__ */ s.createElement(K, i.cn("ScrollArea", {
-        shadow: !0,
-        leftOffset: z,
-        rightOffset: E,
-        onResize: ne(y, this.handleScrollAreaResize),
-        onScroll: ne(A, this.handleScrollAreaScroll),
-        styles: xe
-      }), /* @__PURE__ */ s.createElement(K.Container, {
-        ref: Oe.apply(void 0, T),
+      }) || null : /* @__PURE__ */ React.createElement(React.Fragment, null, holdHeight ? /* @__PURE__ */ React.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);
+      }
+      var scrollContainerRefs = [$scrollRef, this.scrollContainerRef];
+      if (scrollContainerRef) {
+        scrollContainerRefs.push(scrollContainerRef);
+      }
+      return /* @__PURE__ */ React.createElement(hideScrollBarsFromScreenReadersContext.Provider, {
+        value: true
+      }, /* @__PURE__ */ React.createElement(SBodyWrapper, _ref5.cn("SBodyWrapper", {}), /* @__PURE__ */ React.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, {
+        ref: forkRef.apply(void 0, scrollContainerRefs),
         role: "rowgroup",
         focusRingTopOffset: "3px",
         tabIndex: -1
-      }, b), /* @__PURE__ */ s.createElement("div", i.cn("div", {
-        style: J
-      }), /* @__PURE__ */ s.createElement("div", i.cn("div", {
-        style: J
-      }), /* @__PURE__ */ s.createElement("div", i.cn("div", {
-        style: J
-      }), /* @__PURE__ */ s.createElement(K.Bar, {
+      }, body), /* @__PURE__ */ React.createElement("div", _ref5.cn("div", {
+        "style": displayContents
+      }), /* @__PURE__ */ React.createElement("div", _ref5.cn("div", {
+        "style": displayContents
+      }), /* @__PURE__ */ React.createElement("div", _ref5.cn("div", {
+        "style": displayContents
+      }), /* @__PURE__ */ React.createElement(ScrollArea.Bar, {
         orientation: "horizontal",
         bottom: 0,
         container: this.scrollContainerRef
-      }), /* @__PURE__ */ s.createElement(K.Bar, {
+      }), /* @__PURE__ */ React.createElement(ScrollArea.Bar, {
         orientation: "vertical",
         w: "12px",
         zIndex: 2
-      }))))), n.origin));
+      }))))), Children.origin));
     }
-  }]), x;
-}(we);
+  }]);
+  return Body2;
+}(Component);
 export {
-  rr as default
+  Body as default
 };