@bjsdistribution/dms-client-return 0.2.2-prod → 0.2.3-prod

package/dist/components/order-daily-overview/table/ReturnTable.js

@@ -1,72 +1,72 @@
-import { jsx as t, Fragment as k, jsxs as s } from "react/jsx-runtime";
-import P, { useState as O, useMemo as A } from "react";
-import { useClientData as W, useInternalSearchText as v } from "../../order-view/store.js";
+import { jsx as t, Fragment as P, jsxs as s } from "react/jsx-runtime";
+import k, { useState as O, useMemo as A } from "react";
+import { useClientData as v, useInternalSearchText as W } from "../../order-view/store.js";
 import { useStatsLoading as U } from "../store/store.js";
-import { StyledTableWrapper as L, StyledTable as R, EmptyDataContainer as M, ColumStyle as c, GreyBox as o } from "./table-data/styles.js";
+import { StyledTableWrapper as R, StyledTable as L, EmptyDataContainer as M, ColumStyle as d, GreyBox as c } from "./table-data/styles.js";
 import { Skeleton as F, Empty as Y } from "antd";
 import { useNavigate as G, NavLink as j } from "react-router-dom";
 import { filtersReducerAtom as B } from "../header-filters/filterStore.js";
 import { useCustomerData as $ } from "../../store.js";
 import q from "../../../common/SortIcon.js";
-import T from "../../../common/CaretDownFilledIcon.js";
-import { useAtom as z } from "jotai";
-const C = (h, g) => {
-  const a = new URLSearchParams({
+import N from "../../../common/CaretDownFilledIcon.js";
+import { useAtom as w } from "jotai";
+const b = (h, g) => {
+  const o = new URLSearchParams({
     customerId: h?.toString()
   });
-  return g && a.set("type", g), `/orders/view/return/filter?${a.toString()}`;
+  return g && o.set("type", g), `/orders/view/return/filter?${o.toString()}`;
 }, nt = () => {
-  const [h] = W(), [g] = U(), [, a] = z(B), x = G(), [S] = $(), [m] = v(), [p, y] = O(null), I = (r) => {
-    y((n) => n?.key === r && n.direction === "asc" ? { key: r, direction: "desc" } : { key: r, direction: "asc" });
-  }, f = A(() => (m && m?.length > 0 ? h || [] : S || [])?.map((d) => {
+  const [h] = v(), [g] = U(), [, o] = w(B), C = G(), [x] = $(), [f] = W(), [p, T] = O(null), y = (l) => {
+    T((n) => n?.key === l && n.direction === "asc" ? { key: l, direction: "desc" } : { key: l, direction: "asc" });
+  }, m = A(() => (f && f?.length > 0 ? h || [] : x || [])?.map((a) => {
     const e = h?.find(
-      (l) => l?.customer_id != null && l?.customer_id.toString() === d?.customer_id?.toString()
+      (r) => r?.customer_id != null && r?.customer_id.toString() === a?.customer_id?.toString()
     );
-    let i = d?.children?.map((l) => {
+    let i = a?.children?.map((r) => {
       const D = h?.find(
-        (b) => b?.customer_id != null && b?.customer_id.toString() === l?.customer_id?.toString()
+        (E) => E?.customer_id != null && E?.customer_id.toString() === r?.customer_id?.toString()
       );
       return {
-        ...l,
+        ...r,
         ...D
       };
     });
     return {
-      ...d,
+      ...a,
       ...e,
       children: i
     };
-  }) || [], [S, h, m]), E = A(() => {
-    if (!f || !p) return f;
-    const { key: r, direction: n } = p;
-    return [...f].sort((d, e) => {
-      const i = d[r], l = e[r];
-      return typeof i == "number" && typeof l == "number" ? n === "asc" ? i - l : l - i : typeof i == "string" && typeof l == "string" ? n === "asc" ? i.localeCompare(l) : l.localeCompare(i) : 0;
+  }) || [], [x, h, f]), S = A(() => {
+    if (!m || !p) return m;
+    const { key: l, direction: n } = p;
+    return [...m].sort((a, e) => {
+      const i = a[l], r = e[l];
+      return typeof i == "number" && typeof r == "number" ? n === "asc" ? i - r : r - i : typeof i == "string" && typeof r == "string" ? n === "asc" ? i.localeCompare(r) : r.localeCompare(i) : 0;
     });
-  }, [f, p]), N = (r) => !p || p.key !== r ? /* @__PURE__ */ t(q, {}) : p.direction === "asc" ? /* @__PURE__ */ t(T, {}) : /* @__PURE__ */ t(T, {}), _ = (r) => {
-    r ? (a({
+  }, [m, p]), I = (l) => !p || p.key !== l ? /* @__PURE__ */ t(q, {}) : p.direction === "asc" ? /* @__PURE__ */ t(N, {}) : /* @__PURE__ */ t(N, {}), _ = (l) => {
+    l ? (o({
       type: "SET_CLIENT_FILTER",
-      payload: r
-    }), a({
+      payload: l
+    }), o({
       type: "SET_PAGE",
       payload: 1
-    })) : a({
+    })) : o({
       type: "SET_CLIENT_FILTER",
       payload: []
-    }), x(C(r));
-  }, u = (r, n) => {
-    r ? (a({
+    }), C(b(l));
+  }, u = (l, n) => {
+    l ? (o({
       type: "SET_CLIENT_FILTER",
-      payload: r
-    }), a({
+      payload: l
+    }), o({
       type: "SET_PAGE",
       payload: 1
-    })) : a({
+    })) : o({
       type: "SET_CLIENT_FILTER",
       payload: []
-    }), x(C(r, n));
+    }), C(b(l, n));
   };
-  return /* @__PURE__ */ t(k, { children: /* @__PURE__ */ t(L, { children: /* @__PURE__ */ s(R, { children: [
+  return /* @__PURE__ */ t(P, { children: /* @__PURE__ */ t(R, { children: /* @__PURE__ */ s(L, { className: "return-overview-table", children: [
     /* @__PURE__ */ s("colgroup", { children: [
       /* @__PURE__ */ t("col", { style: { width: "180px" } }),
       /* @__PURE__ */ t("col", { style: { width: "180px" } }),
@@ -94,194 +94,210 @@ const C = (h, g) => {
       { label: "Re-Del", key: "RE-Del", width: "90px", align: "center" },
       { label: "Recycle", key: "RECYCLE", width: "90px", align: "center" },
       { label: "Unknown", key: "UNKNOWN", width: "90px", align: "center" }
-    ].map(({ label: r, key: n, width: d, align: e }) => /* @__PURE__ */ t("th", { onClick: () => I(n), style: { whiteSpace: "nowrap", width: d, textAlign: e }, children: /* @__PURE__ */ s("div", { style: { display: "flex", cursor: "pointer", justifyContent: e === "left" ? "flex-start" : "center" }, children: [
-      r,
+    ].map(({ label: l, key: n, width: a, align: e }) => /* @__PURE__ */ t("th", { onClick: () => y(n), style: { whiteSpace: "nowrap", width: a, textAlign: e }, children: /* @__PURE__ */ s("div", { style: { display: "flex", cursor: "pointer", justifyContent: e === "left" ? "flex-start" : "center" }, children: [
+      l,
       " ",
-      /* @__PURE__ */ t("span", { children: N(n) })
+      /* @__PURE__ */ t("span", { children: I(n) })
     ] }) }, n)) }) }),
-    /* @__PURE__ */ t("tbody", { children: g ? /* @__PURE__ */ t("tr", { children: /* @__PURE__ */ t("td", { colSpan: 12, children: /* @__PURE__ */ t(F, { active: !0 }) }) }) : E?.length === 0 ? /* @__PURE__ */ t("tr", { children: /* @__PURE__ */ t("td", { colSpan: 12, children: /* @__PURE__ */ t(M, { children: /* @__PURE__ */ t(Y, {}) }) }) }) : E?.map((r, n) => {
-      if (!r) return null;
-      const d = (e, i = !1) => e ? /* @__PURE__ */ s("tr", { style: i ? { backgroundColor: "#ffffff" } : {}, children: [
-        /* @__PURE__ */ t(
-          "td",
-          {
-            style: {
-              paddingLeft: "15px",
-              color: "inherit"
-            },
-            children: /* @__PURE__ */ t("span", { style: { fontWeight: !i && e?.children?.length > 0 ? 600 : 400 }, children: e?.trading_as })
-          }
-        ),
-        /* @__PURE__ */ t(
-          "td",
-          {
-            style: {
-              color: "#0099ff",
-              fontWeight: 600,
-              textAlign: "center"
-            },
-            children: /* @__PURE__ */ t(
-              j,
+    /* @__PURE__ */ t("tbody", { children: g ? /* @__PURE__ */ t("tr", { className: "state-row", children: /* @__PURE__ */ t("td", { colSpan: 12, children: /* @__PURE__ */ t(F, { active: !0 }) }) }) : S?.length === 0 ? /* @__PURE__ */ t("tr", { className: "state-row", children: /* @__PURE__ */ t("td", { colSpan: 12, children: /* @__PURE__ */ t(M, { children: /* @__PURE__ */ t(Y, {}) }) }) }) : S?.map((l, n) => {
+      if (!l) return null;
+      const a = (e, i = !1) => e ? /* @__PURE__ */ s(
+        "tr",
+        {
+          className: i ? "child-row" : "parent-row",
+          style: i ? { backgroundColor: "#ffffff" } : {},
+          children: [
+            /* @__PURE__ */ t(
+              "td",
               {
-                to: C(e?.customer_id),
-                onClick: (l) => {
-                  l.ctrlKey || l.metaKey || (l.preventDefault(), _(e?.customer_id));
+                "data-label": "Trading Name",
+                style: {
+                  paddingLeft: "15px",
+                  color: "inherit"
                 },
+                children: /* @__PURE__ */ t("span", { style: { fontWeight: !i && e?.children?.length > 0 ? 600 : 400 }, children: e?.trading_as })
+              }
+            ),
+            /* @__PURE__ */ t(
+              "td",
+              {
+                "data-label": "Client",
                 style: {
                   color: "#0099ff",
                   fontWeight: 600,
-                  cursor: "pointer",
-                  display: "inline-block"
+                  textAlign: "center"
                 },
-                children: e?.customer_name
+                children: /* @__PURE__ */ t(
+                  j,
+                  {
+                    to: b(e?.customer_id),
+                    onClick: (r) => {
+                      r.ctrlKey || r.metaKey || (r.preventDefault(), _(e?.customer_id));
+                    },
+                    style: {
+                      color: "#0099ff",
+                      fontWeight: 600,
+                      cursor: "pointer",
+                      display: "inline-block"
+                    },
+                    children: e?.customer_name
+                  }
+                )
               }
-            )
-          }
-        ),
-        /* @__PURE__ */ t("td", { style: { textAlign: "center" }, children: /* @__PURE__ */ t(c, { children: /* @__PURE__ */ t(o, { children: e?.orders ?? 0 }) }) }),
-        /* @__PURE__ */ t("td", { style: { textAlign: "center" }, children: /* @__PURE__ */ t(c, { children: /* @__PURE__ */ t(o, { children: e?.return_order_products ?? 0 }) }) }),
-        /* @__PURE__ */ t(
-          "td",
-          {
-            style: {
-              color: e?.RTS > 0 ? "#0099ff" : "inherit",
-              fontWeight: e?.RTS > 0 ? 600 : "normal",
-              cursor: e?.RTS > 0 ? "pointer" : "default",
-              textAlign: "center"
-            },
-            onClick: e?.RTS > 0 ? () => u(e?.customer_id, "RTS") : void 0,
-            children: /* @__PURE__ */ t(c, { children: /* @__PURE__ */ t(
-              o,
+            ),
+            /* @__PURE__ */ t("td", { "data-label": "Orders", style: { textAlign: "center" }, children: /* @__PURE__ */ t(d, { children: /* @__PURE__ */ t(c, { children: e?.orders ?? 0 }) }) }),
+            /* @__PURE__ */ t("td", { "data-label": "Products", style: { textAlign: "center" }, children: /* @__PURE__ */ t(d, { children: /* @__PURE__ */ t(c, { children: e?.return_order_products ?? 0 }) }) }),
+            /* @__PURE__ */ t(
+              "td",
               {
+                "data-label": "RTS",
                 style: {
-                  backgroundColor: e?.RTS > 0 ? "rgba(99, 150, 229, 0.1)" : "rgba(153, 153, 153, 0.1)"
+                  color: e?.RTS > 0 ? "#0099ff" : "inherit",
+                  fontWeight: e?.RTS > 0 ? 600 : "normal",
+                  cursor: e?.RTS > 0 ? "pointer" : "default",
+                  textAlign: "center"
                 },
-                children: e?.RTS ?? 0
+                onClick: e?.RTS > 0 ? () => u(e?.customer_id, "RTS") : void 0,
+                children: /* @__PURE__ */ t(d, { children: /* @__PURE__ */ t(
+                  c,
+                  {
+                    style: {
+                      backgroundColor: e?.RTS > 0 ? "rgba(99, 150, 229, 0.1)" : "rgba(153, 153, 153, 0.1)"
+                    },
+                    children: e?.RTS ?? 0
+                  }
+                ) })
               }
-            ) })
-          }
-        ),
-        /* @__PURE__ */ t("td", { style: { textAlign: "center" }, children: /* @__PURE__ */ t(c, { children: /* @__PURE__ */ t(o, { children: e?.PENDING ?? 0 }) }) }),
-        /* @__PURE__ */ t(
-          "td",
-          {
-            style: {
-              color: e?.["CLAIMS PAID"] > 0 ? "#0099ff" : "inherit",
-              fontWeight: e?.["CLAIMS PAID"] > 0 ? 600 : "normal",
-              cursor: e?.["CLAIMS PAID"] > 0 ? "pointer" : "default",
-              textAlign: "center"
-            },
-            onClick: e?.["CLAIMS PAID"] > 0 ? () => u(e?.customer_id, "CLAIMS PAID") : void 0,
-            children: /* @__PURE__ */ t(c, { children: /* @__PURE__ */ t(
-              o,
+            ),
+            /* @__PURE__ */ t("td", { "data-label": "Pending", style: { textAlign: "center" }, children: /* @__PURE__ */ t(d, { children: /* @__PURE__ */ t(c, { children: e?.PENDING ?? 0 }) }) }),
+            /* @__PURE__ */ t(
+              "td",
               {
+                "data-label": "Claims Paid",
                 style: {
-                  backgroundColor: e?.["CLAIMS PAID"] > 0 ? "rgba(99, 150, 229, 0.1)" : "rgba(153, 153, 153, 0.1)"
+                  color: e?.["CLAIMS PAID"] > 0 ? "#0099ff" : "inherit",
+                  fontWeight: e?.["CLAIMS PAID"] > 0 ? 600 : "normal",
+                  cursor: e?.["CLAIMS PAID"] > 0 ? "pointer" : "default",
+                  textAlign: "center"
                 },
-                children: e?.["CLAIMS PAID"] ?? 0
+                onClick: e?.["CLAIMS PAID"] > 0 ? () => u(e?.customer_id, "CLAIMS PAID") : void 0,
+                children: /* @__PURE__ */ t(d, { children: /* @__PURE__ */ t(
+                  c,
+                  {
+                    style: {
+                      backgroundColor: e?.["CLAIMS PAID"] > 0 ? "rgba(99, 150, 229, 0.1)" : "rgba(153, 153, 153, 0.1)"
+                    },
+                    children: e?.["CLAIMS PAID"] ?? 0
+                  }
+                ) })
               }
-            ) })
-          }
-        ),
-        /* @__PURE__ */ t(
-          "td",
-          {
-            style: {
-              color: e?.DISPOSE > 0 ? "#0099ff" : "inherit",
-              fontWeight: e?.DISPOSE > 0 ? 600 : "normal",
-              cursor: e?.DISPOSE > 0 ? "pointer" : "default",
-              textAlign: "center"
-            },
-            onClick: e?.DISPOSE > 0 ? () => u(e?.customer_id, "DISPOSE") : void 0,
-            children: /* @__PURE__ */ t(c, { children: /* @__PURE__ */ t(
-              o,
+            ),
+            /* @__PURE__ */ t(
+              "td",
               {
+                "data-label": "Dispose",
                 style: {
-                  backgroundColor: e?.DISPOSE > 0 ? "rgba(99, 150, 229, 0.1)" : "rgba(153, 153, 153, 0.1)"
+                  color: e?.DISPOSE > 0 ? "#0099ff" : "inherit",
+                  fontWeight: e?.DISPOSE > 0 ? 600 : "normal",
+                  cursor: e?.DISPOSE > 0 ? "pointer" : "default",
+                  textAlign: "center"
                 },
-                children: e?.DISPOSE ?? 0
+                onClick: e?.DISPOSE > 0 ? () => u(e?.customer_id, "DISPOSE") : void 0,
+                children: /* @__PURE__ */ t(d, { children: /* @__PURE__ */ t(
+                  c,
+                  {
+                    style: {
+                      backgroundColor: e?.DISPOSE > 0 ? "rgba(99, 150, 229, 0.1)" : "rgba(153, 153, 153, 0.1)"
+                    },
+                    children: e?.DISPOSE ?? 0
+                  }
+                ) })
               }
-            ) })
-          }
-        ),
-        /* @__PURE__ */ t(
-          "td",
-          {
-            style: {
-              color: e?.["RE-ALLOCATE"] > 0 ? "#0099ff" : "inherit",
-              fontWeight: e?.["RE-ALLOCATE"] > 0 ? 600 : "normal",
-              cursor: e?.["RE-ALLOCATE"] > 0 ? "pointer" : "default",
-              textAlign: "center"
-            },
-            onClick: e?.["RE-ALLOCATE"] > 0 ? () => u(e?.customer_id, "RE-ALLOCATE") : void 0,
-            children: /* @__PURE__ */ t(c, { children: /* @__PURE__ */ t(
-              o,
+            ),
+            /* @__PURE__ */ t(
+              "td",
               {
+                "data-label": "Re-allocate",
                 style: {
-                  backgroundColor: e?.["RE-ALLOCATE"] > 0 ? "rgba(99, 150, 229, 0.1)" : "rgba(153, 153, 153, 0.1)"
+                  color: e?.["RE-ALLOCATE"] > 0 ? "#0099ff" : "inherit",
+                  fontWeight: e?.["RE-ALLOCATE"] > 0 ? 600 : "normal",
+                  cursor: e?.["RE-ALLOCATE"] > 0 ? "pointer" : "default",
+                  textAlign: "center"
                 },
-                children: e?.["RE-ALLOCATE"] ?? 0
+                onClick: e?.["RE-ALLOCATE"] > 0 ? () => u(e?.customer_id, "RE-ALLOCATE") : void 0,
+                children: /* @__PURE__ */ t(d, { children: /* @__PURE__ */ t(
+                  c,
+                  {
+                    style: {
+                      backgroundColor: e?.["RE-ALLOCATE"] > 0 ? "rgba(99, 150, 229, 0.1)" : "rgba(153, 153, 153, 0.1)"
+                    },
+                    children: e?.["RE-ALLOCATE"] ?? 0
+                  }
+                ) })
               }
-            ) })
-          }
-        ),
-        /* @__PURE__ */ t("td", { style: { textAlign: "center" }, children: /* @__PURE__ */ t(c, { children: /* @__PURE__ */ t(o, { children: e?.["RE-DEL"] ?? 0 }) }) }),
-        /* @__PURE__ */ t(
-          "td",
-          {
-            style: {
-              color: e?.RECYCLE > 0 ? "#0099ff" : "inherit",
-              fontWeight: e?.RECYCLE > 0 ? 600 : "normal",
-              cursor: e?.RECYCLE > 0 ? "pointer" : "default",
-              textAlign: "center"
-            },
-            onClick: e?.RECYCLE > 0 ? () => u(e?.customer_id, "RECYCLE") : void 0,
-            children: /* @__PURE__ */ t(c, { children: /* @__PURE__ */ t(
-              o,
+            ),
+            /* @__PURE__ */ t("td", { "data-label": "Re-Del", style: { textAlign: "center" }, children: /* @__PURE__ */ t(d, { children: /* @__PURE__ */ t(c, { children: e?.["RE-DEL"] ?? 0 }) }) }),
+            /* @__PURE__ */ t(
+              "td",
               {
+                "data-label": "Recycle",
                 style: {
-                  backgroundColor: e?.RECYCLE > 0 ? "rgba(99, 150, 229, 0.1)" : "rgba(153, 153, 153, 0.1)"
+                  color: e?.RECYCLE > 0 ? "#0099ff" : "inherit",
+                  fontWeight: e?.RECYCLE > 0 ? 600 : "normal",
+                  cursor: e?.RECYCLE > 0 ? "pointer" : "default",
+                  textAlign: "center"
                 },
-                children: e?.RECYCLE ?? 0
+                onClick: e?.RECYCLE > 0 ? () => u(e?.customer_id, "RECYCLE") : void 0,
+                children: /* @__PURE__ */ t(d, { children: /* @__PURE__ */ t(
+                  c,
+                  {
+                    style: {
+                      backgroundColor: e?.RECYCLE > 0 ? "rgba(99, 150, 229, 0.1)" : "rgba(153, 153, 153, 0.1)"
+                    },
+                    children: e?.RECYCLE ?? 0
+                  }
+                ) })
               }
-            ) })
-          }
-        ),
-        /* @__PURE__ */ t(
-          "td",
-          {
-            style: {
-              color: e?.UNKNOWN > 0 ? "#0099ff" : "inherit",
-              fontWeight: e?.UNKNOWN > 0 ? 600 : "normal",
-              cursor: e?.UNKNOWN > 0 ? "pointer" : "default",
-              textAlign: "center"
-            },
-            onClick: e?.UNKNOWN > 0 ? () => u(e?.customer_id, "UNKNOWN") : void 0,
-            children: /* @__PURE__ */ t(c, { children: /* @__PURE__ */ t(
-              o,
+            ),
+            /* @__PURE__ */ t(
+              "td",
               {
+                "data-label": "Unknown",
                 style: {
-                  backgroundColor: e?.UNKNOWN > 0 ? "rgba(99, 150, 229, 0.1)" : "rgba(153, 153, 153, 0.1)"
+                  color: e?.UNKNOWN > 0 ? "#0099ff" : "inherit",
+                  fontWeight: e?.UNKNOWN > 0 ? 600 : "normal",
+                  cursor: e?.UNKNOWN > 0 ? "pointer" : "default",
+                  textAlign: "center"
                 },
-                children: e?.UNKNOWN ?? 0
+                onClick: e?.UNKNOWN > 0 ? () => u(e?.customer_id, "UNKNOWN") : void 0,
+                children: /* @__PURE__ */ t(d, { children: /* @__PURE__ */ t(
+                  c,
+                  {
+                    style: {
+                      backgroundColor: e?.UNKNOWN > 0 ? "rgba(99, 150, 229, 0.1)" : "rgba(153, 153, 153, 0.1)"
+                    },
+                    children: e?.UNKNOWN ?? 0
+                  }
+                ) })
               }
-            ) })
-          }
-        )
-      ] }, i ? `child-${e?.customer_id}` : e?.customer_id) : null;
-      return !r?.children || r?.children?.length === 0 ? /* @__PURE__ */ t(P.Fragment, { children: d(r, !1) }, n) : /* @__PURE__ */ t("tr", { children: /* @__PURE__ */ t("td", { colSpan: 12, style: { padding: 0, border: "none", background: "transparent" }, children: /* @__PURE__ */ t("div", { style: {
+            )
+          ]
+        },
+        i ? `child-${e?.customer_id}` : e?.customer_id
+      ) : null;
+      return !l?.children || l?.children?.length === 0 ? /* @__PURE__ */ t(k.Fragment, { children: a(l, !1) }, n) : /* @__PURE__ */ t("tr", { className: "group-row", children: /* @__PURE__ */ t("td", { colSpan: 12, style: { padding: 0, border: "none", background: "transparent" }, children: /* @__PURE__ */ t("div", { className: "group-box", style: {
         margin: "3px 10px",
         backgroundColor: "#f8fafc",
         borderRadius: "16px",
         border: "1px solid rgba(0,0,0,0.08)",
         borderLeft: "4px solid #0099ff",
         boxShadow: "inset 0 1px 4px rgba(0,0,0,0.02)"
-      }, children: /* @__PURE__ */ t(L, { style: {
+      }, children: /* @__PURE__ */ t(R, { className: "group-table-wrapper", style: {
         padding: "0px 4px",
         border: "none",
         borderRadius: "15px",
         overflow: "hidden"
-      }, children: /* @__PURE__ */ s(R, { style: { marginBottom: 0, borderSpacing: "0 2px" }, children: [
+      }, children: /* @__PURE__ */ s(L, { className: "return-overview-table group-table", style: { marginBottom: 0, borderSpacing: "0 2px" }, children: [
         /* @__PURE__ */ s("colgroup", { children: [
           /* @__PURE__ */ t("col", { style: { width: "180px" } }),
           /* @__PURE__ */ t("col", { style: { width: "180px" } }),
@@ -297,8 +313,8 @@ const C = (h, g) => {
           /* @__PURE__ */ t("col", { style: { width: "90px" } })
         ] }),
         /* @__PURE__ */ s("tbody", { children: [
-          d(r, !1),
-          r?.children?.map((e) => d(e, !0))
+          a(l, !1),
+          l?.children?.map((e) => a(e, !0))
         ] })
       ] }) }) }) }) }, `group-${n}`);
     }) })