@semcore/data-table 4.49.0-prerelease.4 → 4.49.0

package/CHANGELOG.md

@@ -2,11 +2,11 @@
 
 CHANGELOG.md standards are inspired by [keepachangelog.com](https://keepachangelog.com/en/1.0.0/).
 
-## [4.49.0] - 2025-02-27
+## [4.49.0] - 2025-03-14
 
-### Changed
+### Added
 
-- Version minor update due to children dependencies update (`@semcore/flex-box` [5.40.1 ~> 5.41.0], `@semcore/icon` [4.57.1 ~> 4.58.0], `@semcore/utils` [4.45.1 ~> 4.47.1], `@semcore/core` [2.38.1 ~> 2.39.0]).
+- Build for ESM.
 
 ## [4.48.1] - 2025-02-05
 

package/lib/esm/Body.mjs

@@ -0,0 +1,320 @@
+import oe from "@babel/runtime/helpers/esm/objectWithoutProperties";
+import D 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 j 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 Re } from "@semcore/utils/lib/core/index";
+import { sstyled as M, assignProps as we, Component as ye } from "@semcore/core";
+import s from "react";
+import { Flex as Se, Box as K } from "@semcore/flex-box";
+import W, { hideScrollBarsFromScreenReadersContext as ze } from "@semcore/scroll-area";
+import { getFixedStyle as _e, getScrollOffsetValue as He } from "./utils.mjs";
+import G, { callAllEventHandlers as ne } from "@semcore/utils/lib/assignProps";
+import N from "@semcore/utils/lib/rafTrottle";
+import { forkRef as Oe } from "@semcore/utils/lib/ref";
+import be from "@semcore/utils/lib/canUseDOM";
+import { SORT_ICON_WIDTH as Pe } from "./Head.mjs";
+import { getFocusableIn as le } from "@semcore/utils/lib/focus-lock/getFocusableIn";
+var Ee = ["childrenPropsGetter"], xe = ["childrenPropsGetter"], Ae = (
+  /*__reshadow_css_start__*/
+  (Re.insert(
+    /*__inner_css_start__*/
+    ".___SShadowHorizontal_ezz95_gg_:after,.___SShadowHorizontal_ezz95_gg_:before,.___SShadowVertical_ezz95_gg_:after,.___SShadowVertical_ezz95_gg_:before{z-index:1}",
+    "ezz95_gg_"
+  ), {
+    __SShadowHorizontal: "___SShadowHorizontal_ezz95_gg_",
+    __SShadowVertical: "___SShadowVertical_ezz95_gg_"
+  })
+), ke = process.env.NODE_ENV === "test", Ie = function(V) {
+  var x = V.flat(20);
+  return Object.fromEntries(x.map(function(r) {
+    return [r.name, r.data];
+  }));
+}, J = {
+  display: "contents"
+}, or = /* @__PURE__ */ function(Q) {
+  me(x, Q);
+  var V = 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 = V.call.apply(V, [this].concat(i)), R(p(r), "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 = j(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);
+        });
+        if (r.lockedCell[1]) {
+          if (e.key === "Escape") {
+            var t;
+            (t = r.lockedCell[0]) === null || t === void 0 || t.focus(), r.lockedCell[1] = !1;
+          }
+          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();
+            }
+            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();
+        }
+      }
+    }), R(p(r), "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);
+        });
+        o.length === 1 ? o[0].focus() : o.length > 1 && (r.lockedCell = [e.currentTarget, !1]);
+      }
+    }), 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
+        };
+      });
+    })), 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
+          };
+        });
+      }
+    })), 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;
+  }
+  return ge(x, [{
+    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, y) {
+        if (Array.isArray(d)) {
+          var S, A = "div";
+          return S = M(n), /* @__PURE__ */ s.createElement(A, S.cn("SGroupCell", {
+            key: "".concat(y),
+            "data-ui-name": "group-cell"
+          }), e.renderRows(d, !0));
+        } else {
+          var z, _, m, u, w, H, b, P, E = d.name.split("/"), k = E[0], I = E[E.length - 1], O = 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;
+          }), L = _e(d, a), F = ae(L, 2), X = F[0], Y = F[1], se = (_ = v == null ? void 0 : v.parentColumns.map(function(h) {
+            return h.name;
+          })) !== null && _ !== void 0 ? _ : [], U = (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"), q = v == null || (w = v.props) === null || w === void 0 || (H = w.ref.current) === null || H === void 0 ? void 0 : H.style.getPropertyValue("max-width"), C = {
+            name: d.name,
+            children: /* @__PURE__ */ s.createElement(s.Fragment, null, d.data),
+            justifyContent: v == null || (b = v.props) === null || b === void 0 ? void 0 : b.justifyContent,
+            alignItems: v == null || (P = v.props) === null || P === void 0 ? void 0 : P.alignItems,
+            borderLeft: O == null ? void 0 : O.borderLeft,
+            borderRight: T == null ? void 0 : T.borderRight,
+            style: {
+              width: U.length === 1 ? U[0] : "calc(".concat(U.join(" + "), ")"),
+              minWidth: de,
+              maxWidth: q && v !== null && v !== void 0 && v.sortable ? "calc(".concat(Pe, "px + ").concat(q, ")") : q
+            }
+          };
+          X !== void 0 && Y !== void 0 && (C.style[X] = Y);
+          var B = ie(d.cellPropsLayers || []), Z;
+          try {
+            for (B.s(); !(Z = B.n()).done; ) {
+              var $ = Z.value, ee = $.childrenPropsGetter, ve = ee === void 0 ? function(h) {
+                return h;
+              } : ee, fe = oe($, Ee), re = G(fe, C);
+              C = G(ve(re, i, c), re);
+            }
+          } catch (h) {
+            B.e(h);
+          } finally {
+            B.f();
+          }
+          var ce = [d.name].concat(ue(se)).filter(Boolean).map(function(h) {
+            return "igc-table-".concat(g, "-").concat(h);
+          }), te = E.length;
+          return z = M(n), /* @__PURE__ */ s.createElement(o, z.cn("SCell", D(D({
+            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": y + 1,
+            "aria-colspan": te === 1 ? void 0 : te
+          })));
+        }
+      }, []);
+    }
+  }, {
+    key: "renderRow",
+    value: function(l, i) {
+      var c, e = i.dataIndex, o = i.topOffset, t = i.nested, n = t === void 0 ? !1 : t, a = K, f = this.asProps, g = f.styles, d = f.rowPropsLayers, y = f.uniqueKey, S = f.virtualScroll, A = j(S) === "object" && (S == null ? void 0 : S.rowHeight), z = l.flatRowData || Ie(l), _ = z[y] ? String(z[y]) : "row_".concat(e), m = e === 0 && !A, u = {
+        children: this.renderCells(l, z, e),
+        theme: void 0,
+        active: void 0,
+        positioned: o !== void 0,
+        top: o,
+        ref: m ? this.firstRowRef : void 0,
+        key: _,
+        "aria-rowindex": n ? void 0 : e + 2
+      }, w = ie(d), H;
+      try {
+        for (w.s(); !(H = w.n()).done; ) {
+          var b = H.value, P = b.childrenPropsGetter, E = P === void 0 ? function(O) {
+            return O;
+          } : P, k = oe(b, xe), I = G(k, u);
+          u = G(E(I, z, e), I);
+        }
+      } catch (O) {
+        w.e(O);
+      } finally {
+        w.f();
+      }
+      return c = M(g), /* @__PURE__ */ s.createElement(a, c.cn("SRow", D({
+        "data-nested": n.toString(),
+        role: n ? void 0 : "row",
+        __excludeProps: ["data"]
+      }, u)));
+    }
+  }, {
+    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
+        });
+      });
+    }
+  }, {
+    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 = j(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), y = j(e) === "object" && (e == null ? void 0 : e.rowHeight), S = !y, A = {
+        cells: l[0],
+        dataIndex: 0,
+        topOffset: 0
+      }, z = a !== void 0 ? l.slice(g, d) : [], _ = z.map(function(m, u) {
+        return {
+          cells: m,
+          dataIndex: g + u,
+          topOffset: a * (g + u)
+        };
+      });
+      return S && g !== 0 && _.unshift(A), _.map(function(m) {
+        var u = m.cells, w = m.dataIndex, H = m.topOffset;
+        return c.renderRow(u, {
+          dataIndex: w,
+          topOffset: H,
+          nested: !1
+        });
+      });
+    }
+  }, {
+    key: "componentWillUnmount",
+    value: function() {
+      var l;
+      (l = this.firstRowResizeObserver) === null || l === void 0 || l.disconnect();
+    }
+  }, {
+    key: "render",
+    value: function() {
+      var l = this.asProps, i, c = K, e = K, o = K, t = this.asProps, n = t.Children, a = t.styles, f = t.rows, g = t.columns, d = t.$scrollRef, y = t.virtualScroll, S = t.onResize, A = t.onScroll, z = t.disabledScroll, _ = t.renderRows, m = t.animationsDisabled, u = t.scrollContainerRef, w = g.reduce(function(v, L) {
+        var F = L.width;
+        return v + F;
+      }, 0) > 0 || ke, H = He(g), b = ae(H, 2), P = b[0], E = b[1], k = this.getRowHeight(), I = k !== void 0 && y ? k * f.length : void 0;
+      y && w && !k && requestAnimationFrame(this.setupRowSizeObserver);
+      var O = (i = M(a), /* @__PURE__ */ s.createElement(c, i.cn("SBody", D({}, we({
+        animationsDisabled: m,
+        onTransitionEnd: this.handleBodyTransitionEnd
+      }, l))), _ ? _({
+        rows: f,
+        columns: g,
+        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, y ? this.renderVirtualizedRows(f) : this.renderRows(f))));
+      if (z)
+        return /* @__PURE__ */ s.createElement(e, null, O);
+      var T = [d, this.scrollContainerRef];
+      return u && T.push(u), /* @__PURE__ */ s.createElement(ze.Provider, {
+        value: !0
+      }, /* @__PURE__ */ s.createElement(e, i.cn("SBodyWrapper", {}), /* @__PURE__ */ s.createElement(W, i.cn("ScrollArea", {
+        shadow: !0,
+        leftOffset: P,
+        rightOffset: E,
+        onResize: ne(S, this.handleScrollAreaResize),
+        onScroll: ne(A, this.handleScrollAreaScroll),
+        styles: Ae
+      }), /* @__PURE__ */ s.createElement(W.Container, {
+        ref: Oe.apply(void 0, T),
+        role: "rowgroup",
+        focusRingTopOffset: "3px",
+        tabIndex: -1
+      }, O), /* @__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(W.Bar, {
+        orientation: "horizontal",
+        bottom: 0,
+        container: this.scrollContainerRef
+      }), /* @__PURE__ */ s.createElement(W.Bar, {
+        orientation: "vertical",
+        w: "12px",
+        zIndex: 2
+      }))))), n.origin));
+    }
+  }]), x;
+}(ye);
+export {
+  or as default
+};