@hortiview/shared-components 2.14.0 → 2.15.0

package/CHANGELOG.md

@@ -1,3 +1,13 @@
+## [2.15.0](https://dev.azure.com/sdundc/HV%20Platform/_git/HortiView-Frontend-Shared/compare/v2.14.0...v2.15.0) (2026-02-18)
+
+### Features
+
+* add full-width styling for mobile table components ([af387f3](https://dev.azure.com/sdundc/HV%20Platform/_git/HortiView-Frontend-Shared/commit/af387f352aecbeb4e4af5b4857a8aef13afeb461)), closes [#19352](https://dev.azure.com/sdundc/HV%20Platform/_git/HortiView-Frontend-Shared/issues/19352)
+
+### Code Refactoring
+
+* remove inline styling ([c18008b](https://dev.azure.com/sdundc/HV%20Platform/_git/HortiView-Frontend-Shared/commit/c18008bda0e5ab634526156921a4e828139db90a))
+
 ## [2.14.0](https://dev.azure.com/sdundc/HV%20Platform/_git/HortiView-Frontend-Shared/compare/v2.13.0...v2.14.0) (2026-02-10)
 
 ### Features

package/dist/GenericCard-IWX-Bmb_.js

@@ -0,0 +1,90 @@
+import { jsx as r, jsxs as s, Fragment as h } from "react/jsx-runtime";
+import { C, a as y, b as T, c as g, d as v } from "./index.es-BPv5dCFQ.js";
+import { G as m, a as u, b as l } from "./index.es-CeQB6igi.js";
+import { d as f } from "./index.es-SjZ_-d7U.js";
+import { useMemo as b } from "react";
+import { OverflowTooltip as c } from "./components/OverflowTooltip/OverflowTooltip.js";
+import './assets/GenericCard.css';const x = "_cardTitle_1w5we_1", B = "_cardBody_1w5we_5", N = "_cardContent_1w5we_10", $ = "_row_1w5we_14", G = "_font_1w5we_18", k = "_fontHeader_1w5we_23", H = "_title_1w5we_27", S = "_emptyContainer_1w5we_33", W = "_empty_1w5we_33", A = "_fullWidth_1w5we_45", i = {
+  cardTitle: x,
+  cardBody: B,
+  cardContent: N,
+  row: $,
+  font: G,
+  fontHeader: k,
+  title: H,
+  emptyContainer: S,
+  empty: W,
+  fullWidth: A
+}, _ = {
+  desktopCol: 6,
+  phoneCol: 2,
+  tabletCol: 4,
+  verticalAlign: "bottom"
+}, q = ({ item: e, columns: t, hiddenColumns: o }) => {
+  const d = t.find((a) => a.asCardTitle), w = t.find((a) => a.asCardSubtitle), p = b(
+    () => t.filter(
+      (a) => !a.asCardTitle && !a.asCardSubtitle && a.id !== "actions"
+    ),
+    [t]
+  );
+  return /* @__PURE__ */ r(
+    C,
+    {
+      variant: "raised",
+      "data-testid": `card${d ? "-" + e[d.accessor] : ""}`,
+      children: /* @__PURE__ */ s(y, { className: i.cardContent, "data-testid": "card-content", children: [
+        /* @__PURE__ */ r(j, { item: e, titleColumn: d, subTitleColumn: w }),
+        /* @__PURE__ */ r(T, { className: i.cardBody, "data-testid": "card-body", children: /* @__PURE__ */ r(m, { fullHeight: !0, fullWidth: !0, variant: "none", children: p.map((a) => o?.includes(a.id) ? null : /* @__PURE__ */ s(u, { className: i.row, "data-testid": "row", children: [
+          /* @__PURE__ */ r(l, { horizontalAlign: "right", ..._, children: /* @__PURE__ */ s(
+            f,
+            {
+              level: 2,
+              themeColor: "text-secondary-on-background",
+              className: `${i.font} ${i.fontHeader}`,
+              tag: "div",
+              children: [
+                a.header,
+                ":"
+              ]
+            }
+          ) }),
+          /* @__PURE__ */ r(l, { horizontalAlign: "left", ..._, children: /* @__PURE__ */ r(n, { column: a, item: e }) })
+        ] }, a.id)) }) })
+      ] })
+    }
+  );
+}, j = ({ item: e, titleColumn: t, subTitleColumn: o }) => {
+  const d = e.actions;
+  return !t && !o && !d ? null : /* @__PURE__ */ s(h, { children: [
+    /* @__PURE__ */ r(
+      g,
+      {
+        "data-testid": "card-title",
+        className: i.cardTitle,
+        primaryText: t !== void 0 && /* @__PURE__ */ r(n, { column: t, item: e, isTitle: !0 }),
+        secondaryText: o !== void 0 && /* @__PURE__ */ r(n, { column: o, item: e, isTitle: !0 }),
+        trailingBlock: d,
+        trailingBlockType: d ? "title-actions" : void 0
+      }
+    ),
+    /* @__PURE__ */ r(v, {})
+  ] });
+}, n = ({ item: e, column: t, isTitle: o = !1 }) => t.cellTemplate ? t.cellTemplate({ row: { original: e } }) : o ? /* @__PURE__ */ r(
+  c,
+  {
+    id: `tip_${t.id}_${e[t.accessor]}`,
+    text: e[t.accessor],
+    children: /* @__PURE__ */ r("span", { className: i.title, children: e[t.accessor] })
+  }
+) : /* @__PURE__ */ r(
+  c,
+  {
+    id: `tip_${t.id}_${e[t.accessor]}`,
+    text: e[t.accessor],
+    children: /* @__PURE__ */ r(f, { level: 2, themeColor: "text-primary-on-background", className: i.font, children: e[t.accessor] })
+  }
+);
+export {
+  q as G,
+  i as s
+};

package/dist/assets/GenericCard.css

@@ -1 +1 @@
-._cardTitle_ny9m0_1{padding:.5rem!important}._cardBody_ny9m0_5{padding:.25rem .5rem!important;overflow:hidden!important}._cardContent_ny9m0_10{border-radius:.5rem}._row_ny9m0_14{padding:.25rem 0}._font_ny9m0_18{font-weight:400;align-self:end}._fontHeader_ny9m0_23{text-align:right}._title_ny9m0_27{display:inline-block;width:65vw;text-wrap:nowrap}._emptyContainer_ny9m0_33{width:inherit;height:inherit}._empty_ny9m0_33{position:relative;top:50%;left:50%;transform:translate(-50%,-25%)}
+._cardTitle_1w5we_1{padding:.5rem!important}._cardBody_1w5we_5{padding:.25rem .5rem!important;overflow:hidden!important}._cardContent_1w5we_10{border-radius:.5rem}._row_1w5we_14{padding:.25rem 0}._font_1w5we_18{font-weight:400;align-self:end}._fontHeader_1w5we_23{text-align:right}._title_1w5we_27{display:inline-block;width:65vw;text-wrap:nowrap}._emptyContainer_1w5we_33{width:inherit;height:inherit}._empty_1w5we_33{position:relative;top:50%;left:50%;transform:translate(-50%,-25%)}._fullWidth_1w5we_45{width:100%}

package/dist/assets/GenericTable.css

@@ -1 +1 @@
-._topBar_47g7x_1 [class*=lmnt-table__top-bar__title]{display:none}._filterBar_47g7x_5{padding:1rem;width:inherit!important}._start_47g7x_10{padding-top:0;padding-bottom:0}._emptyTable_47g7x_15{height:16rem}[class*=mnt-pagination][class*=mdc-data-table__pagination]{border-top:1px solid var(--lmnt-theme-on-secondary-stroke)}._elevation_47g7x_23{border-radius:.4rem;width:100%}._table_47g7x_28,._table_47g7x_28 [class*=mdc-data-table__table-container]{border-radius:.4rem}._table_47g7x_28 *[id=actions]{width:44px;padding:0 2px;position:sticky;right:0;background-color:var(--lmnt-theme-background)}._table_47g7x_28 tr:hover td[id=actions]{background-color:var(--table-bg-color-hover)}._noBorder_47g7x_48{border:none}
+._topBar_wc5ga_1 [class*=lmnt-table__top-bar__title]{display:none}._filterBar_wc5ga_5{padding:1rem;width:inherit!important}._start_wc5ga_10{padding-top:0;padding-bottom:0}._emptyTable_wc5ga_15{height:16rem}[class*=mnt-pagination][class*=mdc-data-table__pagination]{border-top:1px solid var(--lmnt-theme-on-secondary-stroke)}._elevation_wc5ga_23{border-radius:.4rem;width:100%}._table_wc5ga_28,._table_wc5ga_28 [class*=mdc-data-table__table-container]{border-radius:.4rem}._table_wc5ga_28 *[id=actions]{width:44px;padding:0 2px;position:sticky;right:0;background-color:var(--lmnt-theme-background)}._table_wc5ga_28 tr:hover td[id=actions]{background-color:var(--table-bg-color-hover)}._noBorder_wc5ga_48{border:none}._fullWidth_wc5ga_52{width:100%}

package/dist/components/GenericTable/GenericTable.js

@@ -5,7 +5,7 @@ import { P as Hu } from "../../index.es-BanVdXEd.js";
 import { v as Fs, w as Ms, n as Fu, u as Ls, ae as Mu, y as Gi, B as Lu, j as Oa, k as $s, af as $u, f as zu, ag as Gu, z as Wu, M as ku, A as Uu, N as ju, l as zs, o as qu, G as Vu, p as Xu, s as Ba, t as Na, a5 as Ku, S as Yu, D as Ju, H as Qu, _ as rr, a as wt, c as _r, P as B, b as Lt, d as $r } from "../../index-BcGujPyk.js";
 import { _ as qr, a as $t, b as Vr, c as Xr, d as Gt, e as zt, f as Kr, g as Zu } from "../../defineProperty-BTsGZ3c1.js";
 import K, { useRef as ft, useMemo as st, useLayoutEffect as ed, useEffect as ze, useCallback as Mt, useState as ct, memo as td, useReducer as rd, createContext as po, useContext as an, createElement as Xa, PureComponent as nd, forwardRef as Rr, useImperativeHandle as Un, Fragment as Gs } from "react";
-import { e as Ha, _ as Wn, i as Ra, s as Ws, k as tn, H as od, t as ad, g as ks, C as id, d as Pn } from "../../index.es-Da7ok-B-.js";
+import { e as Ha, _ as Wn, i as Ra, s as Ws, k as tn, H as od, t as ad, g as ks, C as id, d as En } from "../../index.es-Da7ok-B-.js";
 import { m as ld, e as sd, n as ud, _ as pr } from "../../slicedToArray-ByMQIs5x.js";
 import { a as dd, _ as kn } from "../../index.es-DGoBge9W.js";
 import { _ as Sa, c as al } from "../../index.es-BHvm4m-B.js";
@@ -388,7 +388,7 @@ var Zt = {
 }, vl = {
   SORTED_IN_DESCENDING: "Sorted in descending order",
   SORTED_IN_ASCENDING: "Sorted in ascending order"
-}, $n = {
+}, zn = {
   ARIA_SELECTED: gl.ARIA_SELECTED,
   ARIA_SORT: gl.ARIA_SORT
 }, Nr;
@@ -566,10 +566,10 @@ var Nd = (
       }
     }, t.prototype.handleSortAction = function(r) {
       for (var n = r.columnId, i = r.columnIndex, u = r.headerCell, s = 0; s < this.adapter.getHeaderCellCount(); s++)
-        s !== i && (this.adapter.removeClassNameByHeaderCellIndex(s, Zt.HEADER_CELL_SORTED), this.adapter.removeClassNameByHeaderCellIndex(s, Zt.HEADER_CELL_SORTED_DESCENDING), this.adapter.setAttributeByHeaderCellIndex(s, $n.ARIA_SORT, Nr.NONE), this.adapter.setSortStatusLabelByHeaderCellIndex(s, Nr.NONE));
+        s !== i && (this.adapter.removeClassNameByHeaderCellIndex(s, Zt.HEADER_CELL_SORTED), this.adapter.removeClassNameByHeaderCellIndex(s, Zt.HEADER_CELL_SORTED_DESCENDING), this.adapter.setAttributeByHeaderCellIndex(s, zn.ARIA_SORT, Nr.NONE), this.adapter.setSortStatusLabelByHeaderCellIndex(s, Nr.NONE));
       this.adapter.setClassNameByHeaderCellIndex(i, Zt.HEADER_CELL_SORTED);
-      var w = this.adapter.getAttributeByHeaderCellIndex(i, $n.ARIA_SORT), x = Nr.NONE;
-      w === Nr.ASCENDING ? (this.adapter.setClassNameByHeaderCellIndex(i, Zt.HEADER_CELL_SORTED_DESCENDING), this.adapter.setAttributeByHeaderCellIndex(i, $n.ARIA_SORT, Nr.DESCENDING), x = Nr.DESCENDING) : w === Nr.DESCENDING ? (this.adapter.removeClassNameByHeaderCellIndex(i, Zt.HEADER_CELL_SORTED_DESCENDING), this.adapter.setAttributeByHeaderCellIndex(i, $n.ARIA_SORT, Nr.ASCENDING), x = Nr.ASCENDING) : (this.adapter.setAttributeByHeaderCellIndex(i, $n.ARIA_SORT, Nr.ASCENDING), x = Nr.ASCENDING), this.adapter.setSortStatusLabelByHeaderCellIndex(i, x), this.adapter.notifySortAction({
+      var w = this.adapter.getAttributeByHeaderCellIndex(i, zn.ARIA_SORT), x = Nr.NONE;
+      w === Nr.ASCENDING ? (this.adapter.setClassNameByHeaderCellIndex(i, Zt.HEADER_CELL_SORTED_DESCENDING), this.adapter.setAttributeByHeaderCellIndex(i, zn.ARIA_SORT, Nr.DESCENDING), x = Nr.DESCENDING) : w === Nr.DESCENDING ? (this.adapter.removeClassNameByHeaderCellIndex(i, Zt.HEADER_CELL_SORTED_DESCENDING), this.adapter.setAttributeByHeaderCellIndex(i, zn.ARIA_SORT, Nr.ASCENDING), x = Nr.ASCENDING) : (this.adapter.setAttributeByHeaderCellIndex(i, zn.ARIA_SORT, Nr.ASCENDING), x = Nr.ASCENDING), this.adapter.setSortStatusLabelByHeaderCellIndex(i, x), this.adapter.notifySortAction({
         columnId: n,
         columnIndex: i,
         headerCell: u,
@@ -586,7 +586,7 @@ var Nd = (
     }, t.prototype.setHeaderRowCheckboxState = function() {
       this.adapter.getSelectedRowCount() === 0 ? (this.adapter.setHeaderRowCheckboxChecked(!1), this.adapter.setHeaderRowCheckboxIndeterminate(!1)) : this.adapter.getSelectedRowCount() === this.adapter.getRowCount() ? (this.adapter.setHeaderRowCheckboxChecked(!0), this.adapter.setHeaderRowCheckboxIndeterminate(!1)) : (this.adapter.setHeaderRowCheckboxIndeterminate(!0), this.adapter.setHeaderRowCheckboxChecked(!1));
     }, t.prototype.selectRowAtIndex = function(r, n) {
-      n ? (this.adapter.addClassAtRowIndex(r, Zt.ROW_SELECTED), this.adapter.setAttributeAtRowIndex(r, $n.ARIA_SELECTED, "true")) : (this.adapter.removeClassAtRowIndex(r, Zt.ROW_SELECTED), this.adapter.setAttributeAtRowIndex(r, $n.ARIA_SELECTED, "false"));
+      n ? (this.adapter.addClassAtRowIndex(r, Zt.ROW_SELECTED), this.adapter.setAttributeAtRowIndex(r, zn.ARIA_SELECTED, "true")) : (this.adapter.removeClassAtRowIndex(r, Zt.ROW_SELECTED), this.adapter.setAttributeAtRowIndex(r, zn.ARIA_SELECTED, "false"));
     }, t;
   })(Ks)
 );
@@ -1156,7 +1156,7 @@ function ic() {
         this.set(L[0], L[1]);
       }
     }
-    function En() {
+    function Tn() {
       this.__data__ = [];
     }
     function sn(d) {
@@ -1177,7 +1177,7 @@ function ic() {
       var D = this.__data__, L = vn(D, d);
       return L < 0 ? D.push([d, h]) : D[L][1] = h, this;
     }
-    tr.prototype.clear = En, tr.prototype.delete = sn, tr.prototype.get = Gr, tr.prototype.has = Ro, tr.prototype.set = So;
+    tr.prototype.clear = Tn, tr.prototype.delete = sn, tr.prototype.get = Gr, tr.prototype.has = Ro, tr.prototype.set = So;
     function Mr(d) {
       var h = -1, D = d ? d.length : 0;
       for (this.clear(); ++h < D; ) {
@@ -1185,7 +1185,7 @@ function ic() {
         this.set(L[0], L[1]);
       }
     }
-    function Tn() {
+    function In() {
       this.__data__ = {
         hash: new fr(),
         map: new (nt || tr)(),
@@ -1198,13 +1198,13 @@ function ic() {
     function Po(d) {
       return yn(this, d).get(d);
     }
-    function In(d) {
+    function An(d) {
       return yn(this, d).has(d);
     }
     function jn(d, h) {
       return yn(this, d).set(d, h), this;
     }
-    Mr.prototype.clear = Tn, Mr.prototype.delete = xo, Mr.prototype.get = Po, Mr.prototype.has = In, Mr.prototype.set = jn;
+    Mr.prototype.clear = In, Mr.prototype.delete = xo, Mr.prototype.get = Po, Mr.prototype.has = An, Mr.prototype.set = jn;
     function gn(d) {
       var h = -1, D = d ? d.length : 0;
       for (this.__data__ = new Mr(); ++h < D; )
@@ -1256,7 +1256,7 @@ function ic() {
       return -1;
     }
     var Xn = hn(Kn);
-    function An(d, h, D, L, Z) {
+    function _n(d, h, D, L, Z) {
       var o = -1, l = d.length;
       for (D || (D = lo), Z || (Z = []); ++o < l; ) {
         var f = d[o];
@@ -1264,7 +1264,7 @@ function ic() {
       }
       return Z;
     }
-    var un = On();
+    var un = Bn();
     function Kn(d, h) {
       return d && un(d, h, me);
     }
@@ -1296,9 +1296,9 @@ function ic() {
           return o || (o = new Wr()), D(q, ae, L, Z, o);
         }
       }
-      return I ? (o || (o = new Wr()), Bn(d, h, D, L, Z, o)) : !1;
+      return I ? (o || (o = new Wr()), Nn(d, h, D, L, Z, o)) : !1;
     }
-    function _n(d, h, D, L) {
+    function Dn(d, h, D, L) {
       var Z = D.length, o = Z;
       if (d == null)
         return !o;
@@ -1322,7 +1322,7 @@ function ic() {
       return !0;
     }
     function Bo(d) {
-      if (!ue(d) || Fn(d))
+      if (!ue(d) || Mn(d))
         return !1;
       var h = Y(d) || cr(d) ? Xt : Ct;
       return h.test(R(d));
@@ -1348,9 +1348,9 @@ function ic() {
       }), L;
     }
     function ro(d) {
-      var h = Nn(d);
+      var h = Hn(d);
       return h.length == 1 && h[0][2] ? v(h[0][0], h[0][1]) : function(D) {
-        return D === d || _n(D, d, h);
+        return D === d || Dn(D, d, h);
       };
     }
     function Ho(d, h) {
@@ -1398,7 +1398,7 @@ function ic() {
     function oo(d) {
       return te(d) ? d : y(d);
     }
-    function Dn(d, h) {
+    function On(d, h) {
       if (d !== h) {
         var D = d !== void 0, L = d === null, Z = d === d, o = be(d), l = h !== void 0, f = h === null, c = h === h, C = be(h);
         if (!f && !C && !o && d > h || o && l && c && !f && !C || L && l && c || !D && c || !Z)
@@ -1410,7 +1410,7 @@ function ic() {
     }
     function ao(d, h, D) {
       for (var L = -1, Z = d.criteria, o = h.criteria, l = Z.length, f = D.length; ++L < l; ) {
-        var c = Dn(Z[L], o[L]);
+        var c = On(Z[L], o[L]);
         if (c) {
           if (L >= f)
             return c;
@@ -1431,7 +1431,7 @@ function ic() {
         return D;
       };
     }
-    function On(d) {
+    function Bn(d) {
       return function(h, D, L) {
         for (var Z = -1, o = Object(h), l = L(h), f = l.length; f--; ) {
           var c = l[++Z];
@@ -1509,7 +1509,7 @@ function ic() {
       }
       return !1;
     }
-    function Bn(d, h, D, L, Z, o) {
+    function Nn(d, h, D, L, Z, o) {
       var l = Z & s, f = me(d), c = f.length, C = me(h), S = C.length;
       if (c != S && !l)
         return !1;
@@ -1544,7 +1544,7 @@ function ic() {
       var D = d.__data__;
       return so(h) ? D[typeof h == "string" ? "string" : "hash"] : D.map;
     }
-    function Nn(d) {
+    function Hn(d) {
       for (var h = me(d), D = h.length; D--; ) {
         var L = h[D], Z = d[L];
         h[D] = [L, Z, g(Z)];
@@ -1592,7 +1592,7 @@ function ic() {
     function bn(d, h) {
       return h = h ?? w, !!h && (typeof d == "number" || lt.test(d)) && d > -1 && d % 1 == 0 && d < h;
     }
-    function Hn(d, h, D) {
+    function Fn(d, h, D) {
       if (!ue(D))
         return !1;
       var L = typeof h;
@@ -1608,7 +1608,7 @@ function ic() {
       var h = typeof d;
       return h == "string" || h == "number" || h == "symbol" || h == "boolean" ? d !== "__proto__" : d === null;
     }
-    function Fn(d) {
+    function Mn(d) {
       return !!br && br in d;
     }
     function a(d) {
@@ -1653,7 +1653,7 @@ function ic() {
       if (d == null)
         return [];
       var D = h.length;
-      return D > 1 && Hn(d, h[0], h[1]) ? h = [] : D > 2 && Hn(h[0], h[1], h[2]) && (h = [h[0]]), no(d, An(h), []);
+      return D > 1 && Fn(d, h[0], h[1]) ? h = [] : D > 2 && Fn(h[0], h[1], h[2]) && (h = [h[0]]), no(d, _n(h), []);
     });
     function k(d, h) {
       if (typeof d != "function" || h && typeof h != "function")
@@ -2552,7 +2552,7 @@ function dc() {
       function tr(a) {
         return typeof a == "number" ? isNaN(a) || a === 1 / 0 || a === -1 / 0 ? "" : String(a) : typeof a == "string" ? a : "";
       }
-      var En = Object.freeze({ __proto__: null, alphanumeric: function(a, g, v) {
+      var Tn = Object.freeze({ __proto__: null, alphanumeric: function(a, g, v) {
         var y = ir(a, g, v), T = y[0], R = y[1];
         for (T = tr(T), R = tr(R), T = T.split(Pt).filter(Boolean), R = R.split(Pt).filter(Boolean); T.length && R.length; ) {
           var _ = T.shift(), k = R.shift(), U = parseInt(_, 10), X = parseInt(k, 10), te = [U, X].sort();
@@ -2656,7 +2656,7 @@ function dc() {
                 return C.id === o.id;
               }));
               if (!l) throw new Error("React-Table: Could not find a column with id: " + o.id + " while sorting");
-              var f = l.sortType, c = Ye(f) || (k || {})[f] || En[f];
+              var f = l.sortType, c = Ye(f) || (k || {})[f] || Tn[f];
               if (!c) throw new Error("React-Table: Could not find a valid sortType of '" + f + "' for column '" + o.id + "'.");
               return function(C, S) {
                 return c(C, S, o.id, o.desc);
@@ -2686,7 +2686,7 @@ function dc() {
         }));
       }
       p.resetPage = "resetPage", p.gotoPage = "gotoPage", p.setPageSize = "setPageSize";
-      var Tn = function(a) {
+      var In = function(a) {
         a.stateReducers.push(xo), a.useInstance.push(Po);
       };
       function xo(a, g, v, y) {
@@ -2735,11 +2735,11 @@ function dc() {
         }), [se]);
         Object.assign(a, { pageOptions: d, pageCount: et, page: h, canPreviousPage: D, canNextPage: L, gotoPage: Z, previousPage: o, nextPage: l, setPageSize: f });
       }
-      Tn.pluginName = "usePagination", p.resetPivot = "resetPivot", p.togglePivot = "togglePivot";
-      var In = function(a) {
+      In.pluginName = "usePagination", p.resetPivot = "resetPivot", p.togglePivot = "togglePivot";
+      var An = function(a) {
         a.getPivotToggleProps = [gn], a.stateReducers.push(Eo), a.useInstanceAfterData.push(To), a.allColumns.push(Wr), a.accessValue.push(Io), a.materializedColumns.push(qn), a.materializedColumnsDeps.push(Vn), a.visibleColumns.push(Ao), a.visibleColumnsDeps.push(_o), a.useInstance.push(Do), a.prepareRow.push(vn);
       };
-      In.pluginName = "usePivotColumns";
+      An.pluginName = "usePivotColumns";
       var jn = [], gn = function(a, g) {
         var v = g.header;
         return [a, { onClick: v.canPivot ? function(y) {
@@ -2840,10 +2840,10 @@ function dc() {
       }
       p.resetSelectedRows = "resetSelectedRows", p.toggleAllRowsSelected = "toggleAllRowsSelected", p.toggleRowSelected = "toggleRowSelected", p.toggleAllPageRowsSelected = "toggleAllPageRowsSelected";
       var Xn = function(a) {
-        a.getToggleRowSelectedProps = [An], a.getToggleAllRowsSelectedProps = [un], a.getToggleAllPageRowsSelectedProps = [Kn], a.stateReducers.push(Yn), a.useInstance.push(Jn), a.prepareRow.push(Oo);
+        a.getToggleRowSelectedProps = [_n], a.getToggleAllRowsSelectedProps = [un], a.getToggleAllPageRowsSelectedProps = [Kn], a.stateReducers.push(Yn), a.useInstance.push(Jn), a.prepareRow.push(Oo);
       };
       Xn.pluginName = "useRowSelect";
-      var An = function(a, g) {
+      var _n = function(a, g) {
         var v = g.instance, y = g.row, T = v.manualRowSelectedKey, R = T === void 0 ? "isSelected" : T;
         return [a, { onChange: function(_) {
           y.toggleRowSelected(_.target.checked);
@@ -2948,7 +2948,7 @@ function dc() {
         return {};
       };
       p.setRowState = "setRowState", p.setCellState = "setCellState", p.resetRowState = "resetRowState";
-      var _n = function(a) {
+      var Dn = function(a) {
         a.stateReducers.push(Bo), a.useInstance.push(Zn), a.prepareRow.push(No);
       };
       function Bo(a, g, v, y) {
@@ -2986,7 +2986,7 @@ function dc() {
           };
         })));
       }
-      _n.pluginName = "useRowState", p.resetColumnOrder = "resetColumnOrder", p.setColumnOrder = "setColumnOrder";
+      Dn.pluginName = "useRowState", p.resetColumnOrder = "resetColumnOrder", p.setColumnOrder = "setColumnOrder";
       var eo = function(a) {
         a.stateReducers.push(to), a.visibleColumnsDeps.push((function(g, v) {
           var y = v.instance;
@@ -3101,42 +3101,42 @@ function dc() {
         }), [v]);
         Object.assign(a, { resetResizing: k });
       }
-      var Dn = { position: "absolute", top: 0 }, ao = function(a) {
+      var On = { position: "absolute", top: 0 }, ao = function(a) {
         a.getTableBodyProps.push(hn), a.getRowProps.push(hn), a.getHeaderGroupProps.push(hn), a.getFooterGroupProps.push(hn), a.getHeaderProps.push((function(g, v) {
           var y = v.column;
-          return [g, { style: s({}, Dn, { left: y.totalLeft + "px", width: y.totalWidth + "px" }) }];
+          return [g, { style: s({}, On, { left: y.totalLeft + "px", width: y.totalWidth + "px" }) }];
         })), a.getCellProps.push((function(g, v) {
           var y = v.cell;
-          return [g, { style: s({}, Dn, { left: y.column.totalLeft + "px", width: y.column.totalWidth + "px" }) }];
+          return [g, { style: s({}, On, { left: y.column.totalLeft + "px", width: y.column.totalWidth + "px" }) }];
         })), a.getFooterProps.push((function(g, v) {
           var y = v.column;
-          return [g, { style: s({}, Dn, { left: y.totalLeft + "px", width: y.totalWidth + "px" }) }];
+          return [g, { style: s({}, On, { left: y.totalLeft + "px", width: y.totalWidth + "px" }) }];
         }));
       };
       ao.pluginName = "useAbsoluteLayout";
       var hn = function(a, g) {
         return [a, { style: { position: "relative", width: g.instance.totalColumnsWidth + "px" } }];
-      }, On = { display: "inline-block", boxSizing: "border-box" }, mn = function(a, g) {
+      }, Bn = { display: "inline-block", boxSizing: "border-box" }, mn = function(a, g) {
         return [a, { style: { display: "flex", width: g.instance.totalColumnsWidth + "px" } }];
       }, io = function(a) {
         a.getRowProps.push(mn), a.getHeaderGroupProps.push(mn), a.getFooterGroupProps.push(mn), a.getHeaderProps.push((function(g, v) {
           var y = v.column;
-          return [g, { style: s({}, On, { width: y.totalWidth + "px" }) }];
+          return [g, { style: s({}, Bn, { width: y.totalWidth + "px" }) }];
         })), a.getCellProps.push((function(g, v) {
           var y = v.cell;
-          return [g, { style: s({}, On, { width: y.column.totalWidth + "px" }) }];
+          return [g, { style: s({}, Bn, { width: y.column.totalWidth + "px" }) }];
         })), a.getFooterProps.push((function(g, v) {
           var y = v.column;
-          return [g, { style: s({}, On, { width: y.totalWidth + "px" }) }];
+          return [g, { style: s({}, Bn, { width: y.totalWidth + "px" }) }];
         }));
       };
-      function Bn(a) {
-        a.getTableProps.push(yn), a.getRowProps.push(Nn), a.getHeaderGroupProps.push(Nn), a.getFooterGroupProps.push(Nn), a.getHeaderProps.push(nn), a.getCellProps.push(Jr), a.getFooterProps.push($o);
+      function Nn(a) {
+        a.getTableProps.push(yn), a.getRowProps.push(Hn), a.getHeaderGroupProps.push(Hn), a.getFooterGroupProps.push(Hn), a.getHeaderProps.push(nn), a.getCellProps.push(Jr), a.getFooterProps.push($o);
       }
-      io.pluginName = "useBlockLayout", Bn.pluginName = "useFlexLayout";
+      io.pluginName = "useBlockLayout", Nn.pluginName = "useFlexLayout";
       var yn = function(a, g) {
         return [a, { style: { minWidth: g.instance.totalColumnsMinWidth + "px" } }];
-      }, Nn = function(a, g) {
+      }, Hn = function(a, g) {
         return [a, { style: { display: "flex", flex: "1 0 auto", minWidth: g.instance.totalColumnsMinWidth + "px" } }];
       }, nn = function(a, g) {
         var v = g.column;
@@ -3149,7 +3149,7 @@ function dc() {
         return [a, { style: { boxSizing: "border-box", flex: v.totalFlexWidth ? v.totalFlexWidth + " 0 auto" : void 0, minWidth: v.totalMinWidth + "px", width: v.totalWidth + "px" } }];
       };
       function lo(a) {
-        a.stateReducers.push(so), a.getTableProps.push(bn), a.getHeaderProps.push(Hn), a.getRowProps.push(dn);
+        a.stateReducers.push(so), a.getTableProps.push(bn), a.getHeaderProps.push(Fn), a.getRowProps.push(dn);
       }
       p.columnStartResizing = "columnStartResizing", p.columnResizing = "columnResizing", p.columnDoneResizing = "columnDoneResizing", p.resetResize = "resetResize", lo.pluginName = "useGridLayout";
       var bn = function(a, g) {
@@ -3158,7 +3158,7 @@ function dc() {
           var T;
           return v.state.gridLayout.columnWidths[y.id] ? v.state.gridLayout.columnWidths[y.id] + "px" : (T = v.state.columnResizing) != null && T.isResizingColumn ? v.state.gridLayout.startWidths[y.id] + "px" : typeof y.width == "number" ? y.width + "px" : y.width;
         })).join(" ") } }];
-      }, Hn = function(a, g) {
+      }, Fn = function(a, g) {
         var v = g.column;
         return [a, { id: "header-cell-" + v.id, style: { position: "sticky", gridColumn: "span " + v.totalVisibleHeaderCount } }];
       }, dn = function(a, g) {
@@ -3169,11 +3169,11 @@ function dc() {
         if (g.type === p.init) return s({ gridLayout: { columnWidths: {} } }, a);
         if (g.type === p.resetResize) return s({}, a, { gridLayout: { columnWidths: {} } });
         if (g.type === p.columnStartResizing) {
-          var T = g.columnId, R = g.headerIdWidths, _ = Fn(T);
+          var T = g.columnId, R = g.headerIdWidths, _ = Mn(T);
           if (_ !== void 0) {
             var k = y.visibleColumns.reduce((function(se, Me) {
               var me;
-              return s({}, se, ((me = {})[Me.id] = Fn(Me.id), me));
+              return s({}, se, ((me = {})[Me.id] = Mn(Me.id), me));
             }), {}), U = y.visibleColumns.reduce((function(se, Me) {
               var me;
               return s({}, se, ((me = {})[Me.id] = Me.minWidth, me));
@@ -3182,7 +3182,7 @@ function dc() {
               return s({}, se, ((me = {})[Me.id] = Me.maxWidth, me));
             }), {}), te = R.map((function(se) {
               var Me = se[0];
-              return [Me, Fn(Me)];
+              return [Me, Mn(Me)];
             }));
             return s({}, a, { gridLayout: s({}, a.gridLayout, { startWidths: k, minWidths: U, maxWidths: X, headerIdGridWidths: te, columnWidth: _ }) });
           }
@@ -3197,11 +3197,11 @@ function dc() {
         }
         return g.type === p.columnDoneResizing ? s({}, a, { gridLayout: s({}, a.gridLayout, { startWidths: {}, minWidths: {}, maxWidths: {} }) }) : void 0;
       }
-      function Fn(a) {
+      function Mn(a) {
         var g, v = (g = document.getElementById("header-cell-" + a)) == null ? void 0 : g.offsetWidth;
         if (v !== void 0) return v;
       }
-      r._UNSTABLE_usePivotColumns = In, r.actions = p, r.defaultColumn = z, r.defaultGroupByFn = Ze, r.defaultOrderByFn = Mr, r.defaultRenderer = E, r.emptyRenderer = b, r.ensurePluginOrder = O, r.flexRender = le, r.functionalUpdate = M, r.loopHooks = H, r.makePropGetter = N, r.makeRenderer = j, r.reduceHooks = P, r.safeUseLayoutEffect = V, r.useAbsoluteLayout = ao, r.useAsyncDebounce = function(a, g) {
+      r._UNSTABLE_usePivotColumns = An, r.actions = p, r.defaultColumn = z, r.defaultGroupByFn = Ze, r.defaultOrderByFn = Mr, r.defaultRenderer = E, r.emptyRenderer = b, r.ensurePluginOrder = O, r.flexRender = le, r.functionalUpdate = M, r.loopHooks = H, r.makePropGetter = N, r.makeRenderer = j, r.reduceHooks = P, r.safeUseLayoutEffect = V, r.useAbsoluteLayout = ao, r.useAsyncDebounce = function(a, g) {
         g === void 0 && (g = 0);
         var v = n.useRef({}), y = $(a), T = $(g);
         return n.useCallback((function() {
@@ -3241,7 +3241,7 @@ function dc() {
             return R.apply(this, arguments);
           };
         })(), [y, T]);
-      }, r.useBlockLayout = io, r.useColumnOrder = eo, r.useExpanded = nr, r.useFilters = ot, r.useFlexLayout = Bn, r.useGetLatest = $, r.useGlobalFilter = Nt, r.useGridLayout = lo, r.useGroupBy = Er, r.useMountedLayoutEffect = W, r.usePagination = Tn, r.useResizeColumns = no, r.useRowSelect = Xn, r.useRowState = _n, r.useSortBy = sn, r.useTable = function(a) {
+      }, r.useBlockLayout = io, r.useColumnOrder = eo, r.useExpanded = nr, r.useFilters = ot, r.useFlexLayout = Nn, r.useGetLatest = $, r.useGlobalFilter = Nt, r.useGridLayout = lo, r.useGroupBy = Er, r.useMountedLayoutEffect = W, r.usePagination = In, r.useResizeColumns = no, r.useRowSelect = Xn, r.useRowState = Dn, r.useSortBy = sn, r.useTable = function(a) {
         for (var g = arguments.length, v = new Array(g > 1 ? g - 1 : 0), y = 1; y < g; y++) v[y - 1] = arguments[y];
         a = Dr(a), v = [Ot].concat(v);
         var T = n.useRef({}), R = $(T.current);
@@ -4066,8 +4066,8 @@ This usually means you need to need to name your plugin hook by setting the 'plu
           // eslint-disable-next-line react-hooks/exhaustive-deps
           [Ce, Le]
         ), m().visibleColumns = Ce;
-        var It = Xt(Ne), wr = It[0], Mn = It[1], zo = It[2];
-        return m().totalColumnsMinWidth = wr, m().totalColumnsWidth = Mn, m().totalColumnsMaxWidth = zo, $(I().useInstance, m()), [].concat(m().flatHeaders, m().allColumns).forEach(function(Oe) {
+        var It = Xt(Ne), wr = It[0], Ln = It[1], zo = It[2];
+        return m().totalColumnsMinWidth = wr, m().totalColumnsWidth = Ln, m().totalColumnsMaxWidth = zo, $(I().useInstance, m()), [].concat(m().flatHeaders, m().allColumns).forEach(function(Oe) {
           Oe.render = we(m(), Oe), Oe.getHeaderProps = O(I().getHeaderProps, {
             instance: m(),
             column: Oe
@@ -4641,7 +4641,7 @@ This usually means you need to need to name your plugin hook by setting the 'plu
           typeof f == "number" && (l = Math.max(l, f));
         }), l;
       }
-      function En(o) {
+      function Tn(o) {
         var l = o[0] || 0, f = o[0] || 0;
         return o.forEach(function(c) {
           typeof c == "number" && (l = Math.min(l, c), f = Math.max(f, c));
@@ -4667,12 +4667,12 @@ This usually means you need to need to name your plugin hook by setting the 'plu
       function Mr(o) {
         return o.length;
       }
-      var Tn = /* @__PURE__ */ Object.freeze({
+      var In = /* @__PURE__ */ Object.freeze({
         __proto__: null,
         sum: ar,
         min: ir,
         max: tr,
-        minMax: En,
+        minMax: Tn,
         average: sn,
         median: Gr,
         unique: Ro,
@@ -4680,13 +4680,13 @@ This usually means you need to need to name your plugin hook by setting the 'plu
         count: Mr
       }), xo = [], Po = {};
       b.resetGroupBy = "resetGroupBy", b.setGroupBy = "setGroupBy", b.toggleGroupBy = "toggleGroupBy";
-      var In = function(l) {
+      var An = function(l) {
         l.getGroupByToggleProps = [jn], l.stateReducers.push(gn), l.visibleColumnsDeps.push(function(f, c) {
           var C = c.instance;
           return [].concat(f, [C.state.groupBy]);
         }), l.visibleColumns.push(Eo), l.useInstance.push(Wr), l.prepareRow.push(Io);
       };
-      In.pluginName = "useGroupBy";
+      An.pluginName = "useGroupBy";
       var jn = function(l, f) {
         var c = f.header;
         return [l, {
@@ -4780,19 +4780,19 @@ This usually means you need to need to name your plugin hook by setting the 'plu
                 Cn[Qt.id] = Ir[0] ? Ir[0].values[Qt.id] : null;
                 return;
               }
-              var da = typeof Qt.aggregate == "function" ? Qt.aggregate : ae[Qt.aggregate] || Tn[Qt.aggregate];
+              var da = typeof Qt.aggregate == "function" ? Qt.aggregate : ae[Qt.aggregate] || In[Qt.aggregate];
               if (da) {
-                var uo = Ir.map(function(Ln) {
-                  return Ln.values[Qt.id];
-                }), qa = wn.map(function(Ln) {
-                  var Rn = Ln.values[Qt.id];
+                var uo = Ir.map(function($n) {
+                  return $n.values[Qt.id];
+                }), qa = wn.map(function($n) {
+                  var Rn = $n.values[Qt.id];
                   if (!ua && Qt.aggregateValue) {
-                    var Sn = typeof Qt.aggregateValue == "function" ? Qt.aggregateValue : ae[Qt.aggregateValue] || Tn[Qt.aggregateValue];
+                    var Sn = typeof Qt.aggregateValue == "function" ? Qt.aggregateValue : ae[Qt.aggregateValue] || In[Qt.aggregateValue];
                     if (!Sn)
                       throw console.info({
                         column: Qt
                       }), new Error("React Table: Invalid column.aggregateValue option for column listed above");
-                    Rn = Sn(Rn, Ln, Qt);
+                    Rn = Sn(Rn, $n, Qt);
                   }
                   return Rn;
                 });
@@ -4805,7 +4805,7 @@ This usually means you need to need to name your plugin hook by setting the 'plu
                 Cn[Qt.id] = null;
               }
             }), Cn;
-          }, It = [], wr = {}, Mn = [], zo = {}, Oe = [], Ft = {}, lr = function vr(wn, Ir, ua) {
+          }, It = [], wr = {}, Ln = [], zo = {}, Oe = [], Ft = {}, lr = function vr(wn, Ir, ua) {
             if (Ir === void 0 && (Ir = 0), Ir === Ne.length)
               return wn.map(function(uo) {
                 return s({}, uo, {
@@ -4813,13 +4813,13 @@ This usually means you need to need to name your plugin hook by setting the 'plu
                 });
               });
             var Cn = Ne[Ir], Qt = F(wn, Cn), da = Object.entries(Qt).map(function(uo, qa) {
-              var Ln = uo[0], Rn = uo[1], Sn = Cn + ":" + Ln;
+              var $n = uo[0], Rn = uo[1], Sn = Cn + ":" + $n;
               Sn = ua ? ua + ">" + Sn : Sn;
               var nl = vr(Rn, Ir + 1, Sn), ol = Ir ? ut(Rn, "leafRows") : Rn, Du = Le(ol, Rn, Ir), Ou = {
                 id: Sn,
                 isGrouped: !0,
                 groupByID: Cn,
-                groupByVal: Ln,
+                groupByVal: $n,
                 values: Du,
                 subRows: nl,
                 leafRows: ol,
@@ -4827,14 +4827,14 @@ This usually means you need to need to name your plugin hook by setting the 'plu
                 index: qa
               };
               return nl.forEach(function(on) {
-                It.push(on), wr[on.id] = on, on.isGrouped ? (Mn.push(on), zo[on.id] = on) : (Oe.push(on), Ft[on.id] = on);
+                It.push(on), wr[on.id] = on, on.isGrouped ? (Ln.push(on), zo[on.id] = on) : (Oe.push(on), Ft[on.id] = on);
               }), Ou;
             });
             return da;
           }, Br = lr(f);
           return Br.forEach(function(vr) {
-            It.push(vr), wr[vr.id] = vr, vr.isGrouped ? (Mn.push(vr), zo[vr.id] = vr) : (Oe.push(vr), Ft[vr.id] = vr);
-          }), [Br, It, wr, Mn, zo, Oe, Ft];
+            It.push(vr), wr[vr.id] = vr, vr.isGrouped ? (Ln.push(vr), zo[vr.id] = vr) : (Oe.push(vr), Ft[vr.id] = vr);
+          }), [Br, It, wr, Ln, zo, Oe, Ft];
         }, [G, ie, f, c, C, S, ae, F]), pe = fe[0], Se = fe[1], je = fe[2], Ve = fe[3], Et = fe[4], Ce = fe[5], gr = fe[6], Xe = j(ye);
         ne(function() {
           Xe() && de({
@@ -4892,11 +4892,11 @@ This usually means you need to need to name your plugin hook by setting the 'plu
       };
       function _o(o, l, f) {
         var c = un(o, l, f), C = c[0], S = c[1];
-        return C = C.getTime(), S = S.getTime(), An(C, S);
+        return C = C.getTime(), S = S.getTime(), _n(C, S);
       }
       function Do(o, l, f) {
         var c = un(o, l, f), C = c[0], S = c[1];
-        return An(C, S);
+        return _n(C, S);
       }
       function vn(o, l, f) {
         var c = un(o, l, f), C = c[0], S = c[1];
@@ -4915,9 +4915,9 @@ This usually means you need to need to name your plugin hook by setting the 'plu
       }
       function Xn(o, l, f) {
         var c = un(o, l, f), C = c[0], S = c[1], m = /[^0-9.]/gi;
-        return C = Number(String(C).replace(m, "")), S = Number(String(S).replace(m, "")), An(C, S);
+        return C = Number(String(C).replace(m, "")), S = Number(String(S).replace(m, "")), _n(C, S);
       }
-      function An(o, l) {
+      function _n(o, l) {
         return o === l ? 0 : o > l ? 1 : -1;
       }
       function un(o, l, f) {
@@ -5007,7 +5007,7 @@ This usually means you need to need to name your plugin hook by setting the 'plu
         }
       }
       function Qn(o) {
-        var l = o.data, f = o.rows, c = o.flatRows, C = o.allColumns, S = o.orderByFn, m = S === void 0 ? _n : S, I = o.sortTypes, F = o.manualSortBy, G = o.defaultCanSort, q = o.disableSortBy, ae = o.flatHeaders, Q = o.state.sortBy, ie = o.dispatch, de = o.plugins, J = o.getHooks, ye = o.autoResetSortBy, xe = ye === void 0 ? !0 : ye;
+        var l = o.data, f = o.rows, c = o.flatRows, C = o.allColumns, S = o.orderByFn, m = S === void 0 ? Dn : S, I = o.sortTypes, F = o.manualSortBy, G = o.defaultCanSort, q = o.disableSortBy, ae = o.flatHeaders, Q = o.state.sortBy, ie = o.dispatch, de = o.plugins, J = o.getHooks, ye = o.autoResetSortBy, xe = ye === void 0 ? !0 : ye;
         V(de, ["useFilters", "useGlobalFilter", "useGroupBy", "usePivotColumns"], "useSortBy");
         var Be = n.useCallback(function(Se) {
           ie({
@@ -5061,8 +5061,8 @@ This usually means you need to need to name your plugin hook by setting the 'plu
                 var Le = Ne.sortType, It = Te(Le) || (I || {})[Le] || Yn[Le];
                 if (!It)
                   throw new Error("React-Table: Could not find a valid sortType of '" + Le + "' for column '" + Xe.id + "'.");
-                return function(wr, Mn) {
-                  return It(wr, Mn, Xe.id, Xe.desc);
+                return function(wr, Ln) {
+                  return It(wr, Ln, Xe.id, Xe.desc);
                 };
               }),
               // Map the directions
@@ -5094,7 +5094,7 @@ This usually means you need to need to name your plugin hook by setting the 'plu
           toggleSortBy: ge
         });
       }
-      function _n(o, l, f) {
+      function Dn(o, l, f) {
         return [].concat(o).sort(function(c, C) {
           for (var S = 0; S < l.length; S += 1) {
             var m = l[S], I = f[S] === !1 || f[S] === "desc", F = m(c, C);
@@ -5193,7 +5193,7 @@ This usually means you need to need to name your plugin hook by setting the 'plu
       }
       b.resetPivot = "resetPivot", b.togglePivot = "togglePivot";
       var to = function(l) {
-        l.getPivotToggleProps = [Ho], l.stateReducers.push(no), l.useInstanceAfterData.push(Fo), l.allColumns.push(Mo), l.accessValue.push(Lo), l.materializedColumns.push(oo), l.materializedColumnsDeps.push(Dn), l.visibleColumns.push(ao), l.visibleColumnsDeps.push(hn), l.useInstance.push(On), l.prepareRow.push(mn);
+        l.getPivotToggleProps = [Ho], l.stateReducers.push(no), l.useInstanceAfterData.push(Fo), l.allColumns.push(Mo), l.accessValue.push(Lo), l.materializedColumns.push(oo), l.materializedColumnsDeps.push(On), l.visibleColumns.push(ao), l.visibleColumnsDeps.push(hn), l.useInstance.push(Bn), l.prepareRow.push(mn);
       };
       to.pluginName = "usePivotColumns";
       var ro = [], Ho = function(l, f) {
@@ -5289,7 +5289,7 @@ This usually means you need to need to name your plugin hook by setting the 'plu
         }, F = at(I());
         return [].concat(o, F);
       }
-      function Dn(o, l) {
+      function On(o, l) {
         var f = l.instance.state, c = f.pivotColumns, C = f.groupBy;
         return [].concat(o, [c, C]);
       }
@@ -5305,7 +5305,7 @@ This usually means you need to need to name your plugin hook by setting the 'plu
         var f = l.instance;
         return [].concat(o, [f.state.pivotColumns, f.state.groupBy]);
       }
-      function On(o) {
+      function Bn(o) {
         var l = o.columns, f = o.allColumns, c = o.flatHeaders, C = o.getHooks, S = o.plugins, m = o.dispatch, I = o.autoResetPivot, F = I === void 0 ? !0 : I, G = o.manaulPivot, q = o.disablePivot, ae = o.defaultCanPivot;
         V(S, ["useGroupBy"], "usePivotColumns");
         var Q = j(o);
@@ -5344,10 +5344,10 @@ This usually means you need to need to name your plugin hook by setting the 'plu
       }
       var io = "useRowSelect";
       b.resetSelectedRows = "resetSelectedRows", b.toggleAllRowsSelected = "toggleAllRowsSelected", b.toggleRowSelected = "toggleRowSelected", b.toggleAllPageRowsSelected = "toggleAllPageRowsSelected";
-      var Bn = function(l) {
-        l.getToggleRowSelectedProps = [yn], l.getToggleAllRowsSelectedProps = [Nn], l.getToggleAllPageRowsSelectedProps = [nn], l.stateReducers.push(Jr), l.useInstance.push($o), l.prepareRow.push(lo);
+      var Nn = function(l) {
+        l.getToggleRowSelectedProps = [yn], l.getToggleAllRowsSelectedProps = [Hn], l.getToggleAllPageRowsSelectedProps = [nn], l.stateReducers.push(Jr), l.useInstance.push($o), l.prepareRow.push(lo);
       };
-      Bn.pluginName = io;
+      Nn.pluginName = io;
       var yn = function(l, f) {
         var c = f.instance, C = f.row, S = c.manualRowSelectedKey, m = S === void 0 ? "isSelected" : S, I = !1;
         return C.original && C.original[m] ? I = !0 : I = C.isSelected, [l, {
@@ -5361,7 +5361,7 @@ This usually means you need to need to name your plugin hook by setting the 'plu
           title: "Toggle Row Selected",
           indeterminate: C.isSomeSelected
         }];
-      }, Nn = function(l, f) {
+      }, Hn = function(l, f) {
         var c = f.instance;
         return [l, {
           onChange: function(S) {
@@ -5516,18 +5516,18 @@ This usually means you need to need to name your plugin hook by setting the 'plu
         }
         return !1;
       }
-      var Hn = function(l) {
+      var Fn = function(l) {
         return {};
       }, dn = function(l) {
         return {};
       };
       b.setRowState = "setRowState", b.setCellState = "setCellState", b.resetRowState = "resetRowState";
       var so = function(l) {
-        l.stateReducers.push(Fn), l.useInstance.push(a), l.prepareRow.push(g);
+        l.stateReducers.push(Mn), l.useInstance.push(a), l.prepareRow.push(g);
       };
       so.pluginName = "useRowState";
-      function Fn(o, l, f, c) {
-        var C = c.initialRowStateAccessor, S = C === void 0 ? Hn : C, m = c.initialCellStateAccessor, I = m === void 0 ? dn : m, F = c.rowsById;
+      function Mn(o, l, f, c) {
+        var C = c.initialRowStateAccessor, S = C === void 0 ? Fn : C, m = c.initialCellStateAccessor, I = m === void 0 ? dn : m, F = c.rowsById;
         if (l.type === b.init)
           return s({
             rowState: {}
@@ -5578,7 +5578,7 @@ This usually means you need to need to name your plugin hook by setting the 'plu
         });
       }
       function g(o, l) {
-        var f = l.instance, c = f.initialRowStateAccessor, C = c === void 0 ? Hn : c, S = f.initialCellStateAccessor, m = S === void 0 ? dn : S, I = f.state.rowState;
+        var f = l.instance, c = f.initialRowStateAccessor, C = c === void 0 ? Fn : c, S = f.initialCellStateAccessor, m = S === void 0 ? dn : S, I = f.state.rowState;
         o && (o.state = typeof I[o.id] < "u" ? I[o.id] : C(o), o.setState = function(F) {
           return f.setRowState(o.id, F);
         }, o.cells.forEach(function(F) {
@@ -6009,7 +6009,7 @@ This usually means you need to need to name your plugin hook by setting the 'plu
         if (f !== void 0)
           return f;
       }
-      r._UNSTABLE_usePivotColumns = to, r.actions = b, r.defaultColumn = N, r.defaultGroupByFn = qn, r.defaultOrderByFn = _n, r.defaultRenderer = z, r.emptyRenderer = A, r.ensurePluginOrder = V, r.flexRender = Ae, r.functionalUpdate = W, r.loopHooks = $, r.makePropGetter = O, r.makeRenderer = we, r.reduceHooks = M, r.safeUseLayoutEffect = le, r.useAbsoluteLayout = Y, r.useAsyncDebounce = he, r.useBlockLayout = be, r.useColumnOrder = v, r.useExpanded = xt, r.useFilters = Tr, r.useFlexLayout = Ge, r.useGetLatest = j, r.useGlobalFilter = Fr, r.useGridLayout = et, r.useGroupBy = In, r.useMountedLayoutEffect = ne, r.usePagination = Zn, r.useResizeColumns = _, r.useRowSelect = Bn, r.useRowState = so, r.useSortBy = Jn, r.useTable = St, Object.defineProperty(r, "__esModule", { value: !0 });
+      r._UNSTABLE_usePivotColumns = to, r.actions = b, r.defaultColumn = N, r.defaultGroupByFn = qn, r.defaultOrderByFn = Dn, r.defaultRenderer = z, r.emptyRenderer = A, r.ensurePluginOrder = V, r.flexRender = Ae, r.functionalUpdate = W, r.loopHooks = $, r.makePropGetter = O, r.makeRenderer = we, r.reduceHooks = M, r.safeUseLayoutEffect = le, r.useAbsoluteLayout = Y, r.useAsyncDebounce = he, r.useBlockLayout = be, r.useColumnOrder = v, r.useExpanded = xt, r.useFilters = Tr, r.useFlexLayout = Ge, r.useGetLatest = j, r.useGlobalFilter = Fr, r.useGridLayout = et, r.useGroupBy = An, r.useMountedLayoutEffect = ne, r.usePagination = Zn, r.useResizeColumns = _, r.useRowSelect = Nn, r.useRowState = so, r.useSortBy = Jn, r.useTable = St, Object.defineProperty(r, "__esModule", { value: !0 });
     }));
   })(Yo, Yo.exports)), Yo.exports;
 }
@@ -8157,10 +8157,10 @@ const pu = /* @__PURE__ */ po({
   scaleX: 1,
   scaleY: 1
 });
-var xn;
+var Pn;
 (function(e) {
   e[e.Uninitialized = 0] = "Uninitialized", e[e.Initializing = 1] = "Initializing", e[e.Initialized = 2] = "Initialized";
-})(xn || (xn = {}));
+})(Pn || (Pn = {}));
 const jf = /* @__PURE__ */ td(function(t) {
   var r, n, i, u;
   let {
@@ -8174,7 +8174,7 @@ const jf = /* @__PURE__ */ td(function(t) {
     modifiers: A,
     ...N
   } = t;
-  const P = rd(zf, void 0, $f), [H, O] = P, [M, $] = $c(), [V, W] = ct(xn.Uninitialized), j = V === xn.Initialized, {
+  const P = rd(zf, void 0, $f), [H, O] = P, [M, $] = $c(), [V, W] = ct(Pn.Uninitialized), j = V === Pn.Initialized, {
     draggable: {
       active: le,
       nodes: ne,
@@ -8314,7 +8314,7 @@ const jf = /* @__PURE__ */ td(function(t) {
             }
           };
           ga(() => {
-            Yt?.(Pr), W(xn.Initializing), O({
+            Yt?.(Pr), W(Pn.Initializing), O({
               type: hr.DragStart,
               initialCoordinates: bt,
               active: Ut
@@ -8358,7 +8358,7 @@ const jf = /* @__PURE__ */ td(function(t) {
           He.current = null, ga(() => {
             O({
               type: bt
-            }), W(xn.Uninitialized), yr(null), at(null), it(null), Vt.current = null;
+            }), W(Pn.Uninitialized), yr(null), at(null), it(null), Vt.current = null;
             const Jt = bt === hr.DragEnd ? "onDragEnd" : "onDragCancel";
             if (or) {
               const Tr = rt.current[Jt];
@@ -8390,7 +8390,7 @@ const jf = /* @__PURE__ */ td(function(t) {
     }, He.current = ot, kt($e, Ie));
   }, [ne, kt]), Xt = Rf(E, St);
   _f(E), ln(() => {
-    Ee && V === xn.Initializing && W(xn.Initialized);
+    Ee && V === Pn.Initializing && W(Pn.Initialized);
   }, [Ee, V]), ze(
     () => {
       const {
@@ -10186,7 +10186,7 @@ var Bg = {
    *
    * Defaults to **null**.
    */
-  topBar: Pn(B.node, "Table", "Use `leadingContent` instead."),
+  topBar: En(B.node, "Table", "Use `leadingContent` instead."),
   /**
    * Custom content to appear inside the table container directly below the actual table.
    *
@@ -10359,7 +10359,7 @@ var Bg = {
    *
    * Defaults to **undefined**.
    */
-  backgroundColor: Pn(B.string, "TableCell", "This prop has been deprecated in favor of `cellProps` in the column schema (see README), which offers more flexibility."),
+  backgroundColor: En(B.string, "TableCell", "This prop has been deprecated in favor of `cellProps` in the column schema (see README), which offers more flexibility."),
   /**
    * React-Table cell object.
    *
@@ -10533,7 +10533,7 @@ var Bg = {
    *
    * Defaults to **undefined**.
    */
-  backgroundColor: Pn(B.string, "TableHeaderCell", "This prop has been deprecated in favor of `cellProps` in the column schema (see README), which offers more flexibility."),
+  backgroundColor: En(B.string, "TableHeaderCell", "This prop has been deprecated in favor of `cellProps` in the column schema (see README), which offers more flexibility."),
   /**
    * Mostly commonly a string, accepts any valid markup.
    *
@@ -10748,7 +10748,7 @@ var Bg = {
    *
    * Defaults to **undefined**.
    */
-  prominent: Pn(B.bool, "TableTopBar", "May be removed pending further review."),
+  prominent: En(B.bool, "TableTopBar", "May be removed pending further review."),
   /**
    * Can be used to add a title to the table.
    *
@@ -11567,7 +11567,7 @@ var Hv = {
    *
    * Defaults to **undefined**.
    */
-  dividerColor: Pn(B.string, "Divider", "Use `themeColor` instead."),
+  dividerColor: En(B.string, "Divider", "Use `themeColor` instead."),
   /**
    * @deprecated _Use `themeColorImportant` instead._
    *
@@ -11575,7 +11575,7 @@ var Hv = {
    *
    * Defaults to **undefined**.
    */
-  dividerColorImportant: Pn(B.bool, "Divider", "Use `themeColorImportant` instead."),
+  dividerColorImportant: En(B.bool, "Divider", "Use `themeColorImportant` instead."),
   /**
    * @deprecated _Use `variant` instead._
    *
@@ -11583,7 +11583,7 @@ var Hv = {
    *
    * Defaults to **undefined**.
    */
-  dividerHeight: Pn(B.string, "Divider", "Use `variant` instead."),
+  dividerHeight: En(B.string, "Divider", "Use `variant` instead."),
   /**
    * Set the border-style with default browser styles. In general, avoid using.
    *
@@ -11603,7 +11603,7 @@ var Hv = {
    *
    * Defaults to **undefined**.
    */
-  themeColorImportant: Pn(B.bool, "Divider", "No longer needed."),
+  themeColorImportant: En(B.bool, "Divider", "No longer needed."),
   /**
    * Choose between dense and tall variants.
    *
@@ -11649,7 +11649,7 @@ function _s(e, t) {
   }
   return r;
 }
-function zn(e) {
+function Gn(e) {
   for (var t = 1; t < arguments.length; t++) {
     var r, n, i = arguments[t] != null ? arguments[t] : {};
     t % 2 ? Lt(r = _s(Object(i), !0)).call(r, function(u) {
@@ -11696,14 +11696,14 @@ var $v = (function(e) {
       return null;
     var j = _a(p, (N = W.original) === null || N === void 0 ? void 0 : N.rowProps, [W.original, $]), le = !0;
     x(W);
-    var ne = zn(zn({}, j?.style), V);
+    var ne = Gn(Gn({}, j?.style), V);
     w === "flex" && z && (ne.width = "".concat(z, "px"));
     var he = n && i && (W.isExpanded || s), we = W.depth > 0 && Us(E).call(E, function(Ye) {
       var at, ke;
       return Ye.depth === 0 && ((at = Ye.original) === null || at === void 0 ? void 0 : at.isGrouped) && xa(E).call(E, Ye) < $ && wc(ke = Wi(E).call(E, xa(E).call(E, Ye) + 1, $ + 1)).call(ke, function(it) {
         return it.depth > 0;
       });
-    }), Ae = W.depth === 0 && ((P = W.original) === null || P === void 0 ? void 0 : P.isGrouped) && W.isExpanded, Qe = Ae || we, Ke = Qe ? "lmnt-table__grouped-row" : "", He = zn({}, W.getRowProps(zn(zn({}, j), {}, {
+    }), Ae = W.depth === 0 && ((P = W.original) === null || P === void 0 ? void 0 : P.isGrouped) && W.isExpanded, Qe = Ae || we, Ke = Qe ? "lmnt-table__grouped-row" : "", He = Gn({}, W.getRowProps(Gn(Gn({}, j), {}, {
       row: W,
       alwaysUseDivTags: t,
       style: ne,
@@ -11716,7 +11716,7 @@ var $v = (function(e) {
       return /* @__PURE__ */ K.createElement(wo, wt({
         layout: w,
         columnIndex: at
-      }, Ye.getCellProps(zn(zn({}, ke), {}, {
+      }, Ye.getCellProps(Gn(Gn({}, ke), {}, {
         cell: Ye,
         alwaysUseDivTags: t
       }))));
@@ -12153,7 +12153,7 @@ var Ue = Ng, rl = /* @__PURE__ */ Rr(function(e, t) {
   if (!tr && !p && !Dr) return /* @__PURE__ */ K.createElement(sa, {
     ref: t
   }, qe);
-  var En = {
+  var Tn = {
     ariaLabel: u,
     className: b,
     columnStriped: P,
@@ -12212,7 +12212,7 @@ var Ue = Ng, rl = /* @__PURE__ */ Rr(function(e, t) {
     layout: "standard",
     ref: t,
     trailingContent: Yt
-  }, En, fr), p))) : /* @__PURE__ */ K.createElement(oa.Provider, {
+  }, Tn, fr), p))) : /* @__PURE__ */ K.createElement(oa.Provider, {
     // eslint-disable-next-line react/jsx-no-constructed-context-values
     value: {
       customProps: fr,
@@ -12277,15 +12277,16 @@ var rp = ["title", "actions", "prominent", "filterBar", "className"], Vo = ov, D
 });
 Da.displayName = "TableTopBar";
 Da.propTypes = nv;
-const np = "_topBar_47g7x_1", op = "_filterBar_47g7x_5", ap = "_start_47g7x_10", ip = "_emptyTable_47g7x_15", lp = "_elevation_47g7x_23", sp = "_table_47g7x_28", up = "_noBorder_47g7x_48", Gn = {
+const np = "_topBar_wc5ga_1", op = "_filterBar_wc5ga_5", ap = "_start_wc5ga_10", ip = "_emptyTable_wc5ga_15", lp = "_elevation_wc5ga_23", sp = "_table_wc5ga_28", up = "_noBorder_wc5ga_48", dp = "_fullWidth_wc5ga_52", xn = {
   topBar: np,
   filterBar: op,
   start: ap,
   emptyTable: ip,
   elevation: lp,
   table: sp,
-  noBorder: up
-}, rh = ({
+  noBorder: up,
+  fullWidth: dp
+}, nh = ({
   data: e = [],
   hiddenColumns: t = [],
   order: r = [],
@@ -12339,13 +12340,13 @@ const np = "_topBar_47g7x_1", op = "_filterBar_47g7x_5", ap = "_start_47g7x_10",
     Nu,
     {
       elevation: O,
-      className: Gn.elevation,
+      className: xn.elevation,
       "data-testid": "generic-table-elevation",
       children: /* @__PURE__ */ Lr(
         rl,
         {
           "data-testid": `generic-table${E ? "-" + E : ""}`,
-          className: `${Gn.table} ${O === 0 ? Gn.noBorder : ""}`,
+          className: `${xn.table} ${O === 0 ? xn.noBorder : ""}`,
           fullWidth: !0,
           alwaysUseDivTags: !0,
           layout: M,
@@ -12355,13 +12356,13 @@ const np = "_topBar_47g7x_1", op = "_filterBar_47g7x_5", ap = "_start_47g7x_10",
           leadingContent: E && i?.length === 0 ? /* @__PURE__ */ Lr(Da, { title: E }) : i?.length > 0 && /* @__PURE__ */ Lr(
             Da,
             {
-              className: Gn.topBar,
+              className: xn.topBar,
               filterBar: /* @__PURE__ */ Bu(Va, { fullWidth: !0, direction: "vertical", gap: "none", children: [
                 E && /* @__PURE__ */ Lr(Hu, { children: /* @__PURE__ */ Lr(Vs, { level: 6, children: E }) }),
                 /* @__PURE__ */ Lr(
                   Va,
                   {
-                    className: `${Gn.filterBar} ${H === "start" ? Gn.start : ""}`,
+                    className: `${xn.filterBar} ${H === "start" ? xn.start : ""}`,
                     fullWidth: !0,
                     primaryAlign: H,
                     secondaryAlign: "center",
@@ -12381,22 +12382,29 @@ const np = "_topBar_47g7x_1", op = "_filterBar_47g7x_5", ap = "_start_47g7x_10",
               fullWidth: !0,
               primaryAlign: "center",
               secondaryAlign: "center",
-              className: Gn.emptyTable,
+              className: xn.emptyTable,
               children: /* @__PURE__ */ Lr(xd, { children: u })
             }
           ) : /* @__PURE__ */ Lr(fl, { ...V })
         }
       )
     }
-  ) : $ ? /* @__PURE__ */ Lr("div", { "data-testid": `generic-card-list${E ? "-" + E : ""}`, children: /* @__PURE__ */ Lr(
-    Dd,
+  ) : $ ? /* @__PURE__ */ Lr(
+    "div",
     {
-      data: le,
-      columns: j,
-      hiddenColumns: t,
-      noContentText: u
+      "data-testid": `generic-card-list${E ? "-" + E : ""}`,
+      className: xn.fullWidth,
+      children: /* @__PURE__ */ Lr(
+        Dd,
+        {
+          data: le,
+          columns: j,
+          hiddenColumns: t,
+          noContentText: u
+        }
+      )
     }
-  ) }) : /* @__PURE__ */ Lr(
+  ) : /* @__PURE__ */ Lr(
     fl,
     {
       ...V,
@@ -12405,5 +12413,5 @@ const np = "_topBar_47g7x_1", op = "_filterBar_47g7x_5", ap = "_start_47g7x_10",
   );
 };
 export {
-  rh as GenericTable
+  nh as GenericTable
 };

package/dist/components/GenericTable/Mobile/GenericCard.js

@@ -4,7 +4,7 @@ import "../../../index.es-CeQB6igi.js";
 import "../../../index.es-SjZ_-d7U.js";
 import "react";
 import "../../OverflowTooltip/OverflowTooltip.js";
-import { G } from "../../../GenericCard-CeqYrtLH.js";
+import { G } from "../../../GenericCard-IWX-Bmb_.js";
 export {
   G as GenericCard
 };

package/dist/components/GenericTable/Mobile/GenericCard.test.js

@@ -1,6 +1,6 @@
 import { jsx as n } from "react/jsx-runtime";
 import { a as c, s as o } from "../../../react.esm-Bm0cAgpZ.js";
-import { G as i } from "../../../GenericCard-CeqYrtLH.js";
+import { G as i } from "../../../GenericCard-IWX-Bmb_.js";
 import { d as m, t as s, g as e } from "../../../vi.bdSIJ99Y-B308Q-4w.js";
 m("GenericCard", () => {
   const d = {

package/dist/components/GenericTable/Mobile/GenericCardList.js

@@ -1,25 +1,25 @@
 import { jsx as r } from "react/jsx-runtime";
-import { G as c } from "../../../index.es-oxil0uFe.js";
-import { P as l } from "../../../index.es-BanVdXEd.js";
+import { G as l } from "../../../index.es-oxil0uFe.js";
+import { P as c } from "../../../index.es-BanVdXEd.js";
 import { a as o } from "../../../index.es-SjZ_-d7U.js";
-import { s as i, G as m } from "../../../GenericCard-CeqYrtLH.js";
-const u = ({
+import { s as e, G as m } from "../../../GenericCard-IWX-Bmb_.js";
+const g = ({
   columns: n,
-  data: e,
+  data: t,
   hiddenColumns: a = [],
-  noContentText: d
-}) => e?.length === 0 ? /* @__PURE__ */ r("div", { "data-testid": "empty-generic-card-list", className: i.emptyContainer, children: /* @__PURE__ */ r(l, { variant: "standard", style: { textAlign: "center" }, className: i.empty, children: /* @__PURE__ */ r(o, { children: d }) }) }) : (
+  noContentText: s
+}) => t?.length === 0 ? /* @__PURE__ */ r("div", { "data-testid": "empty-generic-card-list", className: e.emptyContainer, children: /* @__PURE__ */ r(c, { variant: "standard", style: { textAlign: "center" }, className: e.empty, children: /* @__PURE__ */ r(o, { children: s }) }) }) : (
   // needs the div to surround the Group by an element with display: block to avoid visual errors
-  /* @__PURE__ */ r("div", { "data-testid": "generic-card-list", style: { width: "100%" }, children: /* @__PURE__ */ r(c, { fullWidth: !0, direction: "vertical", primaryAlign: "center", secondaryAlign: "center", children: e?.map((t, s) => /* @__PURE__ */ r(
+  /* @__PURE__ */ r("div", { className: e.fullWidth, children: /* @__PURE__ */ r(l, { fullWidth: !0, direction: "vertical", primaryAlign: "center", secondaryAlign: "center", children: t?.map((i, d) => /* @__PURE__ */ r(
     m,
     {
-      item: t,
+      item: i,
       columns: n,
       hiddenColumns: a
     },
-    t.id ?? s
+    i.id ?? d
   )) }) })
 );
 export {
-  u as GenericCardList
+  g as GenericCardList
 };

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@hortiview/shared-components",
   "description": "This is a shared component library. It should used in the HortiView platform and its modules.",
-  "version": "2.14.0",
+  "version": "2.15.0",
   "type": "module",
   "repository": "https://dev.azure.com/sdundc/HV%20Platform/_git/HortiView-Frontend-Shared",
   "author": "Falk Menge <falk.menge.ext@bayer.com>",

package/dist/GenericCard-CeqYrtLH.js

@@ -1,89 +0,0 @@
-import { jsx as r, jsxs as d, Fragment as C } from "react/jsx-runtime";
-import { C as h, a as m, b as T, c as g, d as v } from "./index.es-BPv5dCFQ.js";
-import { G as b, a as x, b as c } from "./index.es-CeQB6igi.js";
-import { d as f } from "./index.es-SjZ_-d7U.js";
-import { useMemo as w } from "react";
-import { OverflowTooltip as l } from "./components/OverflowTooltip/OverflowTooltip.js";
-import './assets/GenericCard.css';const u = "_cardTitle_ny9m0_1", B = "_cardBody_ny9m0_5", N = "_cardContent_ny9m0_10", $ = "_row_ny9m0_14", G = "_font_ny9m0_18", k = "_fontHeader_ny9m0_23", H = "_title_ny9m0_27", S = "_emptyContainer_ny9m0_33", A = "_empty_ny9m0_33", n = {
-  cardTitle: u,
-  cardBody: B,
-  cardContent: N,
-  row: $,
-  font: G,
-  fontHeader: k,
-  title: H,
-  emptyContainer: S,
-  empty: A
-}, _ = {
-  desktopCol: 6,
-  phoneCol: 2,
-  tabletCol: 4,
-  verticalAlign: "bottom"
-}, W = ({ item: e, columns: t, hiddenColumns: o }) => {
-  const i = t.find((a) => a.asCardTitle), y = t.find((a) => a.asCardSubtitle), p = w(
-    () => t.filter(
-      (a) => !a.asCardTitle && !a.asCardSubtitle && a.id !== "actions"
-    ),
-    [t]
-  );
-  return /* @__PURE__ */ r(
-    h,
-    {
-      variant: "raised",
-      "data-testid": `card${i ? "-" + e[i.accessor] : ""}`,
-      children: /* @__PURE__ */ d(m, { className: n.cardContent, "data-testid": "card-content", children: [
-        /* @__PURE__ */ r(j, { item: e, titleColumn: i, subTitleColumn: y }),
-        /* @__PURE__ */ r(T, { className: n.cardBody, "data-testid": "card-body", children: /* @__PURE__ */ r(b, { fullHeight: !0, fullWidth: !0, variant: "none", children: p.map((a) => o?.includes(a.id) ? null : /* @__PURE__ */ d(x, { className: n.row, "data-testid": "row", children: [
-          /* @__PURE__ */ r(c, { horizontalAlign: "right", ..._, children: /* @__PURE__ */ d(
-            f,
-            {
-              level: 2,
-              themeColor: "text-secondary-on-background",
-              className: `${n.font} ${n.fontHeader}`,
-              tag: "div",
-              children: [
-                a.header,
-                ":"
-              ]
-            }
-          ) }),
-          /* @__PURE__ */ r(c, { horizontalAlign: "left", ..._, children: /* @__PURE__ */ r(s, { column: a, item: e }) })
-        ] }, a.id)) }) })
-      ] })
-    }
-  );
-}, j = ({ item: e, titleColumn: t, subTitleColumn: o }) => {
-  const i = e.actions;
-  return !t && !o && !i ? null : /* @__PURE__ */ d(C, { children: [
-    /* @__PURE__ */ r(
-      g,
-      {
-        "data-testid": "card-title",
-        className: n.cardTitle,
-        primaryText: t !== void 0 && /* @__PURE__ */ r(s, { column: t, item: e, isTitle: !0 }),
-        secondaryText: o !== void 0 && /* @__PURE__ */ r(s, { column: o, item: e, isTitle: !0 }),
-        trailingBlock: i,
-        trailingBlockType: i ? "title-actions" : void 0
-      }
-    ),
-    /* @__PURE__ */ r(v, {})
-  ] });
-}, s = ({ item: e, column: t, isTitle: o = !1 }) => t.cellTemplate ? t.cellTemplate({ row: { original: e } }) : o ? /* @__PURE__ */ r(
-  l,
-  {
-    id: `tip_${t.id}_${e[t.accessor]}`,
-    text: e[t.accessor],
-    children: /* @__PURE__ */ r("span", { className: n.title, children: e[t.accessor] })
-  }
-) : /* @__PURE__ */ r(
-  l,
-  {
-    id: `tip_${t.id}_${e[t.accessor]}`,
-    text: e[t.accessor],
-    children: /* @__PURE__ */ r(f, { level: 2, themeColor: "text-primary-on-background", className: n.font, children: e[t.accessor] })
-  }
-);
-export {
-  W as G,
-  n as s
-};