@dmsi/wedgekit-react 1.0.1 → 2.0.1

package/dist/components/DataGrid/TableBody/GroupRow.js

@@ -0,0 +1,243 @@
+import { jsx as o, jsxs as k, Fragment as L } from "react/jsx-runtime";
+import { clsx as f } from "../../../node_modules/clsx/dist/clsx.js";
+import { typography as M } from "../../../classNames.js";
+import { formatCurrencyDisplay as Q } from "../../../utils/formatting.js";
+import { Checkbox as U } from "../../Checkbox.js";
+import { DataGridCell as m, DragAlongCell as X } from "../../DataGridCell.js";
+import { Icon as Z } from "../../Icon.js";
+import { computeCount as ee, computeSum as ne } from "../SummaryRow/aggregations.js";
+import { handleRowArrowKeyDown as te } from "../utils.js";
+const le = 40;
+function oe(t) {
+  return t === 0 ? "bg-brand-500" : t === 1 ? "bg-brand-300" : "bg-brand-200";
+}
+function G(t) {
+  return t >= 2 ? "text-neutral-500" : "text-neutral-000";
+}
+function ie(t) {
+  return f(
+    M.label,
+    "!leading-6 whitespace-nowrap overflow-hidden text-ellipsis",
+    G(t)
+  );
+}
+function fe({
+  id: t,
+  testid: r,
+  row: e,
+  virtualRow: V,
+  showFilterRow: j,
+  locked: a,
+  groupRowMode: A = "spanning",
+  groupSelectionMode: R = "row",
+  columnVirtualizer: H,
+  virtualPaddingLeft: D,
+  virtualPaddingRight: I
+}) {
+  const x = e.getIsExpanded(), u = e.depth, E = R === "group" || R === "both", d = oe(u), C = ie(u), F = () => {
+    e.toggleExpanded();
+  }, P = (n) => {
+    if (n.key === "Enter" || n.key === " ") {
+      n.preventDefault(), e.toggleExpanded();
+      return;
+    }
+    te(n);
+  }, T = (n) => {
+    const l = n.columnDef.meta;
+    if (l?.groupCell)
+      return l.groupCell({
+        rows: e.getLeafRows().map((i) => i.original),
+        groupValue: e.groupingValue,
+        depth: u,
+        isExpanded: x
+      });
+    if (!l?.aggregationFn) return;
+    if (l.aggregationFn === "count")
+      return String(ee(e.getLeafRows()));
+    if (!n.accessorFn) return;
+    const c = ne(
+      e.getLeafRows(),
+      (i) => n.accessorFn(i.original, 0)
+    );
+    if (c !== void 0)
+      return l.format === "currency" ? Q(String(c)) : String(c);
+  }, _ = () => {
+    const n = e.getIsAllSubRowsSelected(), l = e.getIsSomeSelected();
+    return /* @__PURE__ */ o("div", { className: "contents", onClick: (c) => c.stopPropagation(), children: /* @__PURE__ */ o(
+      U,
+      {
+        id: t ? `${t}-group-checkbox-${e.id}` : void 0,
+        testid: r ? `${r}-group-checkbox-${e.id}` : void 0,
+        checked: n,
+        indeterminate: l,
+        onChange: () => {
+          const c = !n;
+          e.getLeafRows().forEach((i) => i.toggleSelected(c));
+        }
+      }
+    ) });
+  }, B = (n) => /* @__PURE__ */ o(
+    m,
+    {
+      id: t ? `${t}-group-checkbox-cell-${e.id}` : void 0,
+      testid: r ? `${r}-group-checkbox-cell-${e.id}` : void 0,
+      component: "checkbox",
+      width: `${n.column.getSize()}px`,
+      className: d,
+      children: _()
+    },
+    n.id
+  ), $ = (n) => {
+    if (!E) return { checkboxCell: null, remainingCells: n };
+    const l = n.findIndex((c) => c.column.columnDef.meta?.checkbox);
+    return l === -1 ? { checkboxCell: null, remainingCells: n } : {
+      checkboxCell: B(n[l]),
+      remainingCells: n.filter((c, i) => i !== l)
+    };
+  }, K = (n) => {
+    const l = T(n.column);
+    return l === void 0 ? null : /* @__PURE__ */ o("span", { className: C, children: l });
+  }, W = (n) => {
+    const l = n.column.columnDef.meta?.align ?? "left";
+    return f(d, {
+      "justify-start": l === "left",
+      "justify-end": l === "right",
+      "justify-center": l === "center"
+    });
+  }, b = /* @__PURE__ */ o(
+    m,
+    {
+      id: t ? `${t}-group-chevron-${e.id}` : void 0,
+      testid: r ? `${r}-group-chevron-${e.id}` : void 0,
+      noPadding: !0,
+      width: `${le + u * 16}px`,
+      style: { paddingLeft: u * 16 },
+      className: f(d, "justify-center"),
+      children: /* @__PURE__ */ o("span", { className: f(G(u), "contents"), children: /* @__PURE__ */ o(Z, { name: x ? "expand_more" : "chevron_right", size: 24 }) })
+    }
+  ), O = (() => {
+    if (A === "columns") {
+      const i = a === "left" ? e.getLeftVisibleCells() : a === "right" ? e.getRightVisibleCells() : e.getCenterVisibleCells(), g = H?.getVirtualItems() ?? [], p = a ? m : X, { checkboxCell: h, remainingCells: v } = $(i), y = E ? i.find((s) => s.column.columnDef.meta?.checkbox)?.column.id : void 0, Y = e.getLeftVisibleCells().length > 0, q = a === "left" || a === !1 && !Y, S = e.getAllCells().find((s) => s.column.id === e.groupingColumnId), w = !!S?.column.columnDef.meta?.groupCell, J = a === !1 && !w ? /* @__PURE__ */ o(
+        m,
+        {
+          id: t ? `${t}-group-value-${e.id}` : void 0,
+          testid: r ? `${r}-group-value-${e.id}` : void 0,
+          width: S ? `${S.column.getSize()}px` : void 0,
+          className: d,
+          children: /* @__PURE__ */ o("span", { className: C, style: { paddingLeft: u * 16 }, children: String(e.groupingValue) })
+        }
+      ) : null, z = (s) => /* @__PURE__ */ o(
+        p,
+        {
+          cell: s,
+          id: t ? `${t}-group-cell-${e.id}-${s.column.id}` : void 0,
+          testid: r ? `${r}-group-cell-${e.id}-${s.column.id}` : void 0,
+          width: `${s.column.getSize()}px`,
+          className: W(s),
+          children: K(s)
+        },
+        s.id
+      );
+      return /* @__PURE__ */ k(L, { children: [
+        h,
+        q ? b : null,
+        J,
+        !a && D ? /* @__PURE__ */ o("td", { style: { display: "flex", width: D } }) : null,
+        a ? v.map(z) : g.map((s) => {
+          const N = i[s.index];
+          return !N || N.column.id === y ? null : z(N);
+        }),
+        !a && I ? /* @__PURE__ */ o("td", { style: { display: "flex", width: I } }) : null
+      ] });
+    }
+    if (a === "left") {
+      const i = e.getLeftVisibleCells(), { checkboxCell: g, remainingCells: p } = $(i);
+      return /* @__PURE__ */ k(L, { children: [
+        g,
+        b,
+        p.slice(1).map((h) => /* @__PURE__ */ o(
+          m,
+          {
+            noPadding: !0,
+            width: `${h.column.getSize()}px`,
+            className: d
+          },
+          h.id
+        ))
+      ] });
+    }
+    if (a === "right")
+      return e.getRightVisibleCells().map((g) => /* @__PURE__ */ o(
+        m,
+        {
+          noPadding: !0,
+          width: `${g.column.getSize()}px`,
+          className: d
+        },
+        g.id
+      ));
+    const n = e.getCenterVisibleCells();
+    if (!(e.getLeftVisibleCells().length > 0) && n.length > 0) {
+      const { checkboxCell: i, remainingCells: g } = $(n), [, ...p] = g, h = p.reduce(
+        (v, y) => v + y.column.getSize(),
+        0
+      );
+      return /* @__PURE__ */ k(L, { children: [
+        i,
+        b,
+        /* @__PURE__ */ o(
+          m,
+          {
+            id: t ? `${t}-group-value-${e.id}` : void 0,
+            testid: r ? `${r}-group-value-${e.id}` : void 0,
+            colSpan: p.length,
+            width: `${h}px`,
+            className: d,
+            children: /* @__PURE__ */ o("span", { className: C, style: { paddingLeft: u * 16 }, children: String(e.groupingValue) })
+          }
+        )
+      ] });
+    }
+    const c = n.reduce(
+      (i, g) => i + g.column.getSize(),
+      0
+    );
+    return /* @__PURE__ */ o(
+      m,
+      {
+        id: t ? `${t}-group-value-${e.id}` : void 0,
+        testid: r ? `${r}-group-value-${e.id}` : void 0,
+        colSpan: n.length,
+        width: `${c}px`,
+        className: d,
+        children: /* @__PURE__ */ o("span", { className: C, style: { paddingLeft: u * 16 }, children: String(e.groupingValue) })
+      }
+    );
+  })();
+  return /* @__PURE__ */ o(
+    "tr",
+    {
+      id: t ? `${t}-group-row-${e.id}` : void 0,
+      "data-testid": r ? `${r}-group-row-${e.id}` : void 0,
+      "data-group-row": "true",
+      "data-depth": u,
+      role: "row",
+      "aria-expanded": x,
+      "aria-level": u + 1,
+      tabIndex: 0,
+      onClick: F,
+      onKeyDown: P,
+      className: f("flex cursor-pointer min-h-10", d),
+      style: {
+        display: "flex",
+        position: "absolute",
+        transform: `translateY(${j ? V.start + 40 : V.start}px)`,
+        width: "100%"
+      },
+      children: O
+    }
+  );
+}
+export {
+  fe as GroupRow
+};

package/dist/components/DataGrid/TableBody/LoadingCell.js

@@ -0,0 +1,33 @@
+import { jsx as i } from "react/jsx-runtime";
+import { Checkbox as $ } from "../../Checkbox.js";
+import { DataGridCell as l } from "../../DataGridCell.js";
+import { Input as d } from "../../Input.js";
+function p({
+  id: r,
+  testid: e,
+  column: n
+}) {
+  const o = `loading-${n.id}`;
+  return n.cell === "checkbox" ? /* @__PURE__ */ i(l, { id: r ? `${r}-${o}` : void 0, testid: e ? `${e}-${o}` : void 0, children: /* @__PURE__ */ i($, { id: r ? `${r}-${o}-checkbox` : void 0, testid: e ? `${e}-${o}-checkbox` : void 0, disabled: !0 }) }, o) : n.cell === "input" ? /* @__PURE__ */ i(
+    l,
+    {
+      id: r ? `${r}-${o}` : void 0,
+      testid: e ? `${e}-${o}` : void 0,
+      component: "input",
+      children: /* @__PURE__ */ i(
+        d,
+        {
+          id: r ? `${r}-${o}-input` : void 0,
+          testid: e ? `${e}-${o}-input` : void 0,
+          align: "left",
+          disabled: !0,
+          wrapperClassName: "!rounded-none !border-0"
+        }
+      )
+    },
+    o
+  ) : /* @__PURE__ */ i(l, { id: r ? `${r}-${o}` : void 0, testid: e ? `${e}-${o}` : void 0, children: /* @__PURE__ */ i("div", { className: "bg-linear-270 to-neutral-300/[24%] from-neutral-300/[12%] rounded-xs w-full max-w-25 h-6" }) }, o);
+}
+export {
+  p as LoadingCell
+};

package/dist/components/DataGrid/TableBody/TableBodyRow.d.ts

@@ -12,11 +12,12 @@ interface TableBodyRowProps<T> {
     showFilterRow: boolean;
     enableColumnSelector?: boolean;
     locked?: boolean;
-    pinDirection?: "left" | "right";
+    pinDirection?: 'left' | 'right';
+    groupSelectionMode?: 'group' | 'row' | 'both';
     disabled?: boolean;
     hoveredRowId?: string | null;
     setHoveredRowId?: (rowId: string | null) => void;
 }
-export declare function TableBodyRow<T>({ id, testid, columnVirtualizer, row, virtualPaddingLeft, virtualPaddingRight, virtualRow, showFilterRow, locked, pinDirection, disabled, hoveredRowId, setHoveredRowId, }: TableBodyRowProps<T>): import("react/jsx-runtime").JSX.Element;
+export declare function TableBodyRow<T>({ id, testid, columnVirtualizer, row, virtualPaddingLeft, virtualPaddingRight, virtualRow, showFilterRow, locked, pinDirection, groupSelectionMode, disabled, hoveredRowId, setHoveredRowId, }: TableBodyRowProps<T>): import("react/jsx-runtime").JSX.Element;
 export {};
 //# sourceMappingURL=TableBodyRow.d.ts.map

package/dist/components/DataGrid/TableBody/TableBodyRow.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"TableBodyRow.d.ts","sourceRoot":"","sources":["../../../../src/components/DataGrid/TableBody/TableBodyRow.tsx"],"names":[],"mappings":"AACA,OAAO,EAAoB,GAAG,EAAE,MAAM,uBAAuB,CAAC;AAC9D,OAAO,EAAE,WAAW,EAAE,WAAW,EAAE,MAAM,yBAAyB,CAAC;AAmBnE,UAAU,iBAAiB,CAAC,CAAC;IAC3B,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,iBAAiB,CAAC,EAAE,WAAW,CAAC,cAAc,EAAE,oBAAoB,CAAC,CAAC;IACtE,GAAG,EAAE,GAAG,CAAC,CAAC,CAAC,CAAC;IACZ,cAAc,EAAE,WAAW,CAAC,cAAc,EAAE,mBAAmB,CAAC,CAAC;IACjE,kBAAkB,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IACxC,mBAAmB,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IACzC,UAAU,EAAE,WAAW,CAAC;IACxB,aAAa,EAAE,OAAO,CAAC;IACvB,oBAAoB,CAAC,EAAE,OAAO,CAAC;IAC/B,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,YAAY,CAAC,EAAE,MAAM,GAAG,OAAO,CAAC;IAChC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,YAAY,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAC7B,eAAe,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,GAAG,IAAI,KAAK,IAAI,CAAC;CAClD;AAED,wBAAgB,YAAY,CAAC,CAAC,EAAE,EAC9B,EAAE,EACF,MAAM,EACN,iBAAiB,EACjB,GAAG,EAEH,kBAAkB,EAClB,mBAAmB,EACnB,UAAU,EACV,aAAa,EAEb,MAAM,EACN,YAAY,EACZ,QAAQ,EACR,YAAY,EACZ,eAAe,GAChB,EAAE,iBAAiB,CAAC,CAAC,CAAC,2CAiHtB"}
+{"version":3,"file":"TableBodyRow.d.ts","sourceRoot":"","sources":["../../../../src/components/DataGrid/TableBody/TableBodyRow.tsx"],"names":[],"mappings":"AACA,OAAO,EAAQ,GAAG,EAAE,MAAM,uBAAuB,CAAC;AAClD,OAAO,EAAE,WAAW,EAAE,WAAW,EAAE,MAAM,yBAAyB,CAAC;AAwCnE,UAAU,iBAAiB,CAAC,CAAC;IAC3B,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,iBAAiB,CAAC,EAAE,WAAW,CAAC,cAAc,EAAE,oBAAoB,CAAC,CAAC;IACtE,GAAG,EAAE,GAAG,CAAC,CAAC,CAAC,CAAC;IACZ,cAAc,EAAE,WAAW,CAAC,cAAc,EAAE,mBAAmB,CAAC,CAAC;IACjE,kBAAkB,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IACxC,mBAAmB,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IACzC,UAAU,EAAE,WAAW,CAAC;IACxB,aAAa,EAAE,OAAO,CAAC;IACvB,oBAAoB,CAAC,EAAE,OAAO,CAAC;IAC/B,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,YAAY,CAAC,EAAE,MAAM,GAAG,OAAO,CAAC;IAChC,kBAAkB,CAAC,EAAE,OAAO,GAAG,KAAK,GAAG,MAAM,CAAC;IAC9C,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,YAAY,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAC7B,eAAe,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,GAAG,IAAI,KAAK,IAAI,CAAC;CAClD;AAED,wBAAgB,YAAY,CAAC,CAAC,EAAE,EAC9B,EAAE,EACF,MAAM,EACN,iBAAiB,EACjB,GAAG,EAEH,kBAAkB,EAClB,mBAAmB,EACnB,UAAU,EACV,aAAa,EAEb,MAAM,EACN,YAAY,EACZ,kBAA0B,EAC1B,QAAQ,EACR,YAAY,EACZ,eAAe,GAChB,EAAE,iBAAiB,CAAC,CAAC,CAAC,2CAqJtB"}

package/dist/components/DataGrid/TableBody/TableBodyRow.js

@@ -0,0 +1,136 @@
+import { jsxs as z, jsx as l } from "react/jsx-runtime";
+import { clsx as y } from "../../../node_modules/clsx/dist/clsx.js";
+import { DataGridCell as A, DragAlongCell as E } from "../../DataGridCell.js";
+import { Paragraph as F } from "../../Paragraph.js";
+import { Tooltip as K } from "../../Tooltip.js";
+import { formatDate as T } from "../../../utils/date.js";
+import { formatCurrencyDisplay as I } from "../../../utils/formatting.js";
+import { handleRowArrowKeyDown as M } from "../utils.js";
+function h({
+  cell: o
+}) {
+  const n = o.column.columnDef.cell;
+  return n == null ? null : typeof n == "function" ? n(o.getContext()) : n;
+}
+const b = {
+  date: (o) => typeof o == "string" ? T(o) : "",
+  currency: (o) => I(o)
+};
+function N(o) {
+  return typeof o == "string" && o in b;
+}
+function J({
+  id: o,
+  testid: n,
+  columnVirtualizer: x,
+  row: t,
+  // rowVirtualizer,
+  virtualPaddingLeft: d,
+  virtualPaddingRight: f,
+  virtualRow: a,
+  showFilterRow: C,
+  // enableColumnSelector = false,
+  locked: r,
+  pinDirection: D,
+  groupSelectionMode: v = "row",
+  disabled: i,
+  hoveredRowId: V,
+  setHoveredRowId: g
+}) {
+  let c;
+  r ? c = D === "left" ? t.getLeftVisibleCells() : t.getRightVisibleCells() : c = t.getCenterVisibleCells();
+  const S = x?.getVirtualItems() ?? [], j = r ? c : S, w = typeof t.original == "object" && t.original !== null && "rowState" in t.original && t.original.rowState === "error", m = r ? A : E, k = V === t.id;
+  return /* @__PURE__ */ z(
+    "tr",
+    {
+      className: y(
+        "min-h-10",
+        "transition-colors",
+        !i && (a.index % 2 === 0 ? "bg-background-grouped-primary-normal" : "bg-background-grouped-secondary-normal"),
+        !i && k && "!bg-background-action-secondary-hover",
+        t.getIsSelected() && !i && "!bg-background-action-secondary-hover",
+        w && !i && "!bg-background-action-critical-secondary-hover"
+      ),
+      onMouseEnter: () => g?.(t.id),
+      onMouseLeave: () => g?.(null),
+      id: o ? `${o}-row-${t.id}` : void 0,
+      "data-testid": n ? `${n}-row-${t.id}` : void 0,
+      role: "row",
+      tabIndex: 0,
+      onKeyDown: M,
+      style: {
+        display: "flex",
+        position: "absolute",
+        transform: `translateY(${C ? a.start + 40 : a.start}px)`,
+        width: "100%"
+      },
+      children: [
+        !r && d ? (
+          // fake empty column to the left for virtualization scroll padding
+          /* @__PURE__ */ l("td", { style: { display: "flex", width: d } })
+        ) : null,
+        j.map((p) => {
+          const e = r ? p : c[p.index];
+          if (!e)
+            return;
+          if (e.column.columnDef.meta?.checkbox && v === "group")
+            return /* @__PURE__ */ l(
+              m,
+              {
+                id: o ? `${o}-row-${t.id}-cell-${e.id}` : void 0,
+                testid: n ? `${n}-row-${t.id}-cell-${e.id}` : void 0,
+                cell: e,
+                width: `${e.column.getSize()}px`
+              },
+              e.id
+            );
+          const s = e.column.columnDef.meta?.format, u = s && N(s) ? b[s](e.getValue()) : e.getValue(), $ = e.column.columnDef.meta?.align ?? (typeof u == "number" ? "right" : "left");
+          return e.column.columnDef.meta?.useCustomRenderer && e.column.columnDef.meta?.checkbox ? /* @__PURE__ */ l(
+            m,
+            {
+              id: o ? `${o}-row-${t.id}-cell-${e.id}` : void 0,
+              testid: n ? `${n}-row-${t.id}-cell-${e.id}` : void 0,
+              cell: e,
+              width: `${e.column.getSize()}px`,
+              component: "checkbox",
+              children: /* @__PURE__ */ l(h, { cell: e })
+            },
+            e.id
+          ) : e.column.columnDef.meta?.useCustomRenderer ? /* @__PURE__ */ l(h, { cell: e }, e.id) : /* @__PURE__ */ l(
+            m,
+            {
+              id: o ? `${o}-row-${t.id}-cell-${e.id}` : void 0,
+              testid: n ? `${n}-row-${t.id}-cell-${e.id}` : void 0,
+              cell: e,
+              width: `${e.column.getSize()}px`,
+              className: y({
+                "justify-start": $ === "left",
+                "justify-end": $ === "right"
+              }),
+              children: /* @__PURE__ */ l(
+                K,
+                {
+                  id: o ? `${o}-tooltip-${e.id}` : void 0,
+                  testid: n ? `${n}-tooltip-${e.id}` : void 0,
+                  showOnTruncation: !0,
+                  message: u,
+                  position: "bottom",
+                  children: /* @__PURE__ */ l(F, { addOverflow: !0, tall: !0, children: u })
+                }
+              )
+            },
+            e.id
+          );
+        }),
+        !r && f ? (
+          // fake empty column to the right for virtualization scroll padding
+          /* @__PURE__ */ l("td", { style: { display: "flex", width: f } })
+        ) : null
+      ]
+    },
+    t.id
+  );
+}
+export {
+  J as TableBodyRow
+};

package/dist/components/DataGrid/TableBody/index.d.ts

@@ -16,11 +16,13 @@ interface TableBodyProps<TData extends RowData> {
     enableColumnSelector?: boolean;
     locked?: boolean;
     pinDirection?: "left" | "right";
+    groupRowMode?: "spanning" | "columns";
+    groupSelectionMode?: "group" | "row" | "both";
     rowDisabled?: boolean;
     rowDisabledAccessor?: (row: TData) => boolean;
     hoveredRowId?: string | null;
     setHoveredRowId?: (rowId: string | null) => void;
 }
-export declare function TableBody<T>({ id, testid, columnVirtualizer, table, tableContainerRef, virtualPaddingLeft, virtualPaddingRight, pagination, isLoadingMore, hasMore, showFilterRow, enableColumnSelector, locked, pinDirection, rowDisabled, rowDisabledAccessor, hoveredRowId, setHoveredRowId, }: TableBodyProps<T>): import("react/jsx-runtime").JSX.Element;
+export declare function TableBody<T>({ id, testid, columnVirtualizer, table, tableContainerRef, virtualPaddingLeft, virtualPaddingRight, pagination, isLoadingMore, hasMore, showFilterRow, enableColumnSelector, locked, pinDirection, groupRowMode, groupSelectionMode, rowDisabled, rowDisabledAccessor, hoveredRowId, setHoveredRowId, }: TableBodyProps<T>): import("react/jsx-runtime").JSX.Element;
 export {};
 //# sourceMappingURL=index.d.ts.map

package/dist/components/DataGrid/TableBody/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/DataGrid/TableBody/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAoB,OAAO,EAAE,KAAK,EAAE,MAAM,uBAAuB,CAAC;AACzE,OAAO,EAAkB,WAAW,EAAE,MAAM,yBAAyB,CAAC;AACtE,OAAO,EAAE,kBAAkB,EAAE,MAAM,UAAU,CAAC;AAO9C,UAAU,cAAc,CAAC,KAAK,SAAS,OAAO;IAC5C,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,iBAAiB,CAAC,EAAE,WAAW,CAAC,cAAc,EAAE,oBAAoB,CAAC,CAAC;IACtE,KAAK,EAAE,KAAK,CAAC,KAAK,CAAC,CAAC;IACpB,iBAAiB,EAAE,KAAK,CAAC,SAAS,CAAC,cAAc,GAAG,IAAI,CAAC,CAAC;IAC1D,kBAAkB,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IACxC,mBAAmB,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IACzC,UAAU,EAAE,kBAAkB,GAAG,SAAS,CAAC;IAC3C,aAAa,EAAE,OAAO,CAAC;IACvB,OAAO,EAAE,OAAO,CAAC;IACjB,aAAa,EAAE,OAAO,CAAC;IACvB,oBAAoB,CAAC,EAAE,OAAO,CAAC;IAC/B,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,YAAY,CAAC,EAAE,MAAM,GAAG,OAAO,CAAC;IAChC,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,mBAAmB,CAAC,EAAE,CAAC,GAAG,EAAE,KAAK,KAAK,OAAO,CAAC;IAC9C,YAAY,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAC7B,eAAe,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,GAAG,IAAI,KAAK,IAAI,CAAC;CAClD;AACD,wBAAgB,SAAS,CAAC,CAAC,EAAE,EAC3B,EAAE,EACF,MAAM,EACN,iBAAiB,EACjB,KAAK,EACL,iBAAiB,EACjB,kBAAkB,EAClB,mBAAmB,EACnB,UAAU,EACV,aAAa,EACb,OAAO,EACP,aAAa,EACb,oBAA4B,EAC5B,MAAM,EACN,YAAY,EACZ,WAAW,EACX,mBAAmB,EACnB,YAAY,EACZ,eAAe,GAChB,EAAE,cAAc,CAAC,CAAC,CAAC,2CA+InB"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/DataGrid/TableBody/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAoB,OAAO,EAAE,KAAK,EAAE,MAAM,uBAAuB,CAAC;AACzE,OAAO,EAAkB,WAAW,EAAE,MAAM,yBAAyB,CAAC;AACtE,OAAO,EAAE,kBAAkB,EAAE,MAAM,UAAU,CAAC;AAQ9C,UAAU,cAAc,CAAC,KAAK,SAAS,OAAO;IAC5C,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,iBAAiB,CAAC,EAAE,WAAW,CAAC,cAAc,EAAE,oBAAoB,CAAC,CAAC;IACtE,KAAK,EAAE,KAAK,CAAC,KAAK,CAAC,CAAC;IACpB,iBAAiB,EAAE,KAAK,CAAC,SAAS,CAAC,cAAc,GAAG,IAAI,CAAC,CAAC;IAC1D,kBAAkB,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IACxC,mBAAmB,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IACzC,UAAU,EAAE,kBAAkB,GAAG,SAAS,CAAC;IAC3C,aAAa,EAAE,OAAO,CAAC;IACvB,OAAO,EAAE,OAAO,CAAC;IACjB,aAAa,EAAE,OAAO,CAAC;IACvB,oBAAoB,CAAC,EAAE,OAAO,CAAC;IAC/B,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,YAAY,CAAC,EAAE,MAAM,GAAG,OAAO,CAAC;IAChC,YAAY,CAAC,EAAE,UAAU,GAAG,SAAS,CAAC;IACtC,kBAAkB,CAAC,EAAE,OAAO,GAAG,KAAK,GAAG,MAAM,CAAC;IAC9C,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,mBAAmB,CAAC,EAAE,CAAC,GAAG,EAAE,KAAK,KAAK,OAAO,CAAC;IAC9C,YAAY,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAC7B,eAAe,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,GAAG,IAAI,KAAK,IAAI,CAAC;CAClD;AACD,wBAAgB,SAAS,CAAC,CAAC,EAAE,EAC3B,EAAE,EACF,MAAM,EACN,iBAAiB,EACjB,KAAK,EACL,iBAAiB,EACjB,kBAAkB,EAClB,mBAAmB,EACnB,UAAU,EACV,aAAa,EACb,OAAO,EACP,aAAa,EACb,oBAA4B,EAC5B,MAAM,EACN,YAAY,EACZ,YAAyB,EACzB,kBAA0B,EAC1B,WAAW,EACX,mBAAmB,EACnB,YAAY,EACZ,eAAe,GAChB,EAAE,cAAc,CAAC,CAAC,CAAC,2CA4KnB"}

package/dist/components/DataGrid/TableBody/index.js

@@ -0,0 +1,161 @@
+import { jsxs as L, jsx as t } from "react/jsx-runtime";
+import { useVirtualizer as T } from "../../../node_modules/@tanstack/react-virtual/dist/esm/index.js";
+import { DataGridCell as V, DragAlongCell as H } from "../../DataGridCell.js";
+import { Search as N } from "../../Search.js";
+import { clsx as R } from "../../../node_modules/clsx/dist/clsx.js";
+import { TableBodyRow as j } from "./TableBodyRow.js";
+import { GroupRow as B } from "./GroupRow.js";
+import { LoadingCell as E } from "./LoadingCell.js";
+function K({
+  id: l,
+  testid: o,
+  columnVirtualizer: c,
+  table: n,
+  tableContainerRef: h,
+  virtualPaddingLeft: p,
+  virtualPaddingRight: d,
+  pagination: v,
+  isLoadingMore: C,
+  hasMore: b,
+  showFilterRow: a,
+  enableColumnSelector: w = !1,
+  locked: i,
+  pinDirection: m,
+  groupRowMode: G = "spanning",
+  groupSelectionMode: f = "row",
+  rowDisabled: z,
+  rowDisabledAccessor: y,
+  hoveredRowId: S,
+  setHoveredRowId: k
+}) {
+  const { rows: x } = n.getRowModel(), s = T({
+    count: x.length,
+    estimateSize: () => 40,
+    getScrollElement: () => h.current,
+    overscan: 8
+  }), u = s.getVirtualItems(), I = i ? V : H;
+  let g;
+  return m === "left" ? g = n.getLeftHeaderGroups() : m === "right" ? g = n.getRightHeaderGroups() : g = n.getCenterHeaderGroups(), /* @__PURE__ */ L(
+    "tbody",
+    {
+      className: R(i ? "shadow-16" : ""),
+      style: {
+        display: "grid",
+        height: `${a ? s.getTotalSize() + 40 : s.getTotalSize()}px`,
+        // tells scrollbar how big the table is
+        position: "relative"
+        // needed for absolute positioning of rows
+      },
+      children: [
+        a && /* @__PURE__ */ t(
+          "tr",
+          {
+            style: {
+              display: "flex",
+              position: "sticky",
+              top: "40px",
+              width: "100%",
+              height: "40px",
+              zIndex: 10
+            },
+            className: "even:bg-background-grouped-primary-normal odd:bg-background-grouped-secondary-normal",
+            "data-testid": o ? `${o}-filter-row` : void 0,
+            children: g.flatMap(
+              (r) => r.headers.map((e) => /* @__PURE__ */ t(
+                I,
+                {
+                  id: l ? `${l}-filter-cell-${e.id}` : void 0,
+                  testid: o ? `${o}-filter-cell-${e.id}` : void 0,
+                  noPadding: !0,
+                  cell: e,
+                  width: e.column.columnDef.meta?.headerWidth || `${e.column.getSize()}px`,
+                  children: e.column.getCanFilter() && (e.column.columnDef.meta?.filterRowCell?.({
+                    header: e,
+                    table: n
+                  }) ?? /* @__PURE__ */ t(
+                    N,
+                    {
+                      id: l ? `${l}-filter-search-${e.id}` : void 0,
+                      testid: o ? `${o}-filter-search-${e.id}` : void 0,
+                      removeRoundness: !0,
+                      onChange: ($) => e.column.setFilterValue($.target.value),
+                      value: e.column.getFilterValue() ?? "",
+                      placeholder: "",
+                      removeSearchIcon: !0
+                    }
+                  ))
+                },
+                e.id
+              ))
+            )
+          }
+        ),
+        u.map((r) => {
+          const e = x[r.index];
+          return e.getIsGrouped() ? /* @__PURE__ */ t(
+            B,
+            {
+              id: l,
+              testid: o,
+              row: e,
+              virtualRow: r,
+              showFilterRow: a,
+              locked: i ? m === "left" ? "left" : "right" : !1,
+              groupRowMode: G,
+              groupSelectionMode: f,
+              columnVirtualizer: c,
+              virtualPaddingLeft: p,
+              virtualPaddingRight: d
+            },
+            e.id
+          ) : /* @__PURE__ */ t(
+            j,
+            {
+              id: l,
+              testid: o,
+              columnVirtualizer: c,
+              row: e,
+              rowVirtualizer: s,
+              virtualPaddingLeft: p,
+              virtualPaddingRight: d,
+              virtualRow: r,
+              showFilterRow: a,
+              enableColumnSelector: w,
+              locked: i,
+              pinDirection: m,
+              groupSelectionMode: f,
+              disabled: y ? y(e.original) : z,
+              hoveredRowId: S,
+              setHoveredRowId: k
+            },
+            e.id
+          );
+        }),
+        !v && C && b && /* @__PURE__ */ t(
+          "tr",
+          {
+            style: {
+              display: "flex",
+              position: "absolute",
+              width: "100%",
+              transform: `translateY(${u[u.length - 1].start + 40}px)`
+            },
+            className: "odd:bg-background-grouped-primary-normal even:bg-background-grouped-secondary-normal",
+            children: n.getAllLeafColumns().map((r) => /* @__PURE__ */ t(
+              E,
+              {
+                id: l,
+                testid: o,
+                column: r.columnDef
+              },
+              r.id
+            ))
+          }
+        )
+      ]
+    }
+  );
+}
+export {
+  K as TableBody
+};

package/dist/components/DataGrid/index.d.ts

@@ -1,5 +1,5 @@
 import { DataGridProps } from './types';
-export declare function DataGrid<T extends Record<string, unknown>>({ id, rowIdAccessor, testid, data, columns, status, isLoadingMore, onLoadMore, pagination, showFilterRow, hasMore, sorting: externalSorting, onSortingChange, columnFilters: externalColumnFilters, onColumnFiltersChange, rowSelection: externalRowSelection, onRowSelectionChange, filteredSortedData, totalRowCount, hideStatusBar, centerHeader, enableColumnSelector, predeterminedLeftPins, predeterminedRightPins, useMenuDefaultMinWidth, rowDisabled, rowDisabledAccessor, ref, }: DataGridProps<T>): import("react/jsx-runtime").JSX.Element;
+export declare function DataGrid<T extends Record<string, unknown>>({ id, rowIdAccessor, testid, data, columns, status, isLoadingMore, onLoadMore, pagination, showFilterRow, hasMore, sorting: externalSorting, onSortingChange, columnFilters: externalColumnFilters, onColumnFiltersChange, rowSelection: externalRowSelection, onRowSelectionChange, filteredSortedData, totalRowCount, hideStatusBar, centerHeader, enableColumnSelector, predeterminedLeftPins, predeterminedRightPins, useMenuDefaultMinWidth, rowDisabled, rowDisabledAccessor, isLoading, loadingMessage, loadingDescription, maxHeight, fillHeight, manualFiltering, notifications, summaryRow, groupBy, groupRowMode, groupDefaultExpand, allowUserGrouping, groupSelectionMode, hideGroupedColumns, grouping: externalGrouping, onGroupingChange, expanded: externalExpanded, onExpandedChange, ref, }: DataGridProps<T>): import("react/jsx-runtime").JSX.Element;
 export type { ColumnDef } from '@tanstack/react-table';
 export default DataGrid;
 //# sourceMappingURL=index.d.ts.map

package/dist/components/DataGrid/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/DataGrid/index.tsx"],"names":[],"mappings":"AAgDA,OAAO,EAAE,aAAa,EAAE,MAAM,SAAS,CAAC;AAYxC,wBAAgB,QAAQ,CAAC,CAAC,SAAS,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,EAAE,EAC1D,EAAE,EACF,aAAa,EACb,MAAM,EACN,IAAI,EACJ,OAAO,EACP,MAAM,EACN,aAAqB,EACrB,UAAU,EACV,UAAU,EACV,aAAqB,EACrB,OAAe,EACf,OAAO,EAAE,eAAe,EACxB,eAAe,EACf,aAAa,EAAE,qBAAqB,EACpC,qBAAqB,EACrB,YAAY,EAAE,oBAAoB,EAClC,oBAAoB,EACpB,kBAAkB,EAClB,aAAa,EACb,aAAa,EACb,YAAY,EACZ,oBAAoB,EACpB,qBAA0B,EAC1B,sBAA2B,EAC3B,sBAAsB,EACtB,WAAW,EACX,mBAAmB,EACnB,GAAG,GACJ,EAAE,aAAa,CAAC,CAAC,CAAC,2CA2oBlB;AAeD,YAAY,EAAE,SAAS,EAAE,MAAM,uBAAuB,CAAC;AAEvD,eAAe,QAAQ,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/DataGrid/index.tsx"],"names":[],"mappings":"AAsDA,OAAO,EAAE,aAAa,EAAE,MAAM,SAAS,CAAC;AAgBxC,wBAAgB,QAAQ,CAAC,CAAC,SAAS,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,EAAE,EAC1D,EAAE,EACF,aAAa,EACb,MAAM,EACN,IAAI,EACJ,OAAO,EACP,MAAM,EACN,aAAqB,EACrB,UAAU,EACV,UAAU,EACV,aAAqB,EACrB,OAAe,EACf,OAAO,EAAE,eAAe,EACxB,eAAe,EACf,aAAa,EAAE,qBAAqB,EACpC,qBAAqB,EACrB,YAAY,EAAE,oBAAoB,EAClC,oBAAoB,EACpB,kBAAkB,EAClB,aAAa,EACb,aAAa,EACb,YAAY,EACZ,oBAAoB,EACpB,qBAA0B,EAC1B,sBAA2B,EAC3B,sBAAsB,EACtB,WAAW,EACX,mBAAmB,EACnB,SAAiB,EACjB,cAAkC,EAClC,kBAAkB,EAClB,SAAS,EACT,UAAkB,EAClB,eAAuB,EACvB,aAAa,EACb,UAAU,EACV,OAAO,EACP,YAAyB,EACzB,kBAA2B,EAC3B,iBAAiB,EACjB,kBAA0B,EAC1B,kBAAkB,EAClB,QAAQ,EAAE,gBAAgB,EAC1B,gBAAgB,EAChB,QAAQ,EAAE,gBAAgB,EAC1B,gBAAgB,EAChB,GAAG,GACJ,EAAE,aAAa,CAAC,CAAC,CAAC,2CAi7BlB;AAeD,YAAY,EAAE,SAAS,EAAE,MAAM,uBAAuB,CAAC;AAEvD,eAAe,QAAQ,CAAC"}