@tetrascience-npm/tetrascience-react-ui 1.0.0-beta.157.1 → 1.0.0-beta.158.1

package/dist/components/composed/PlateMapEditor/WellManifestTable.js

@@ -1,244 +1,273 @@
-import { jsxs as i, jsx as t } from "react/jsx-runtime";
-import { Layers as _e, Check as ee, ChevronRight as ze, ChevronDown as Me, ArrowDownToLine as Te } from "lucide-react";
-import * as h from "react";
-import { ManifestFilterPopover as Ae } from "./ManifestFilterPopover.js";
-import { Badge as ne } from "../../../ui/badge.js";
-import { Button as F } from "../../../ui/button.js";
-import { Checkbox as te } from "../../../ui/checkbox.js";
-import { useComboboxAnchor as Fe, Combobox as Pe, ComboboxChips as Re, ComboboxValue as Ie, ComboboxChip as De, ComboboxChipsInput as Ge, ComboboxContent as Le, ComboboxEmpty as Be, ComboboxList as Ve, ComboboxItem as We } from "../../../ui/combobox.js";
-import { applyFilterCondition as $e } from "../../ui/data-table/data-table.js";
-import { Input as He } from "../../../ui/input.js";
-import { Select as B, SelectTrigger as V, SelectValue as W, SelectContent as $, SelectItem as P } from "../../../ui/select.js";
-import { Switch as je } from "../../../ui/switch.js";
-import { Table as Ze, TableHeader as Ue, TableRow as R, TableHead as H, TableBody as Ke, TableCell as M } from "../../../ui/table.js";
-import { TooltipProvider as Oe, Tooltip as Ye, TooltipTrigger as qe, TooltipContent as Je } from "../../../ui/tooltip.js";
-import { cn as I } from "../../../lib/utils.js";
-function Qe({
-  ariaLabel: d,
-  value: o,
-  options: u,
-  placeholder: c,
-  onChange: p
+import { jsxs as c, jsx as r } from "react/jsx-runtime";
+import { Layers as _e, Check as ne, ChevronRight as Me, ChevronDown as Te, ArrowDownToLine as ze } from "lucide-react";
+import * as p from "react";
+import { ManifestFilterPopover as Re } from "./ManifestFilterPopover.js";
+import { Badge as te } from "../../../ui/badge.js";
+import { Button as z } from "../../../ui/button.js";
+import { Checkbox as le } from "../../../ui/checkbox.js";
+import { useComboboxAnchor as Ge, Combobox as Le, ComboboxChips as Ie, ComboboxValue as Be, ComboboxChip as De, ComboboxChipsInput as Ve, ComboboxContent as We, ComboboxEmpty as $e, ComboboxList as je, ComboboxItem as He } from "../../../ui/combobox.js";
+import { applyFilterCondition as Ue } from "../../ui/data-table/data-table.js";
+import { Input as Ze } from "../../../ui/input.js";
+import { Select as V, SelectTrigger as W, SelectValue as $, SelectContent as j, SelectItem as R } from "../../../ui/select.js";
+import { Switch as Oe } from "../../../ui/switch.js";
+import { Table as Ke, TableHeader as Ye, TableRow as G, TableHead as H, TableBody as qe, TableCell as _ } from "../../../ui/table.js";
+import { TooltipProvider as Je, Tooltip as Qe, TooltipTrigger as Xe, TooltipContent as er } from "../../../ui/tooltip.js";
+import { cn as L } from "../../../lib/utils.js";
+function rr({
+  ariaLabel: s,
+  value: i,
+  options: d,
+  placeholder: u,
+  onChange: g
 }) {
-  const b = Fe(), g = h.useMemo(() => {
-    const m = /* @__PURE__ */ new Map();
-    return u.forEach((x) => m.set(x.value, x.label)), m;
-  }, [u]);
-  return /* @__PURE__ */ i(Pe, { multiple: !0, items: u.map((m) => m.value), value: o, onValueChange: p, children: [
-    /* @__PURE__ */ i(Re, { ref: b, className: I("min-h-7 w-full py-0.5", j), children: [
-      /* @__PURE__ */ t(Ie, { children: (m) => m.map((x) => /* @__PURE__ */ t(De, { children: g.get(x) ?? x }, x)) }),
-      /* @__PURE__ */ t(Ge, { "aria-label": d, placeholder: c ?? "Select…" })
+  const x = Ge(), b = p.useMemo(() => {
+    const h = /* @__PURE__ */ new Map();
+    return d.forEach((w) => h.set(w.value, w.label)), h;
+  }, [d]);
+  return /* @__PURE__ */ c(Le, { multiple: !0, items: d.map((h) => h.value), value: i, onValueChange: g, children: [
+    /* @__PURE__ */ c(Ie, { ref: x, className: L("min-h-7 w-full py-0.5", U), children: [
+      /* @__PURE__ */ r(Be, { children: (h) => h.map((w) => /* @__PURE__ */ r(De, { children: b.get(w) ?? w }, w)) }),
+      /* @__PURE__ */ r(Ve, { "aria-label": s, placeholder: u ?? "Select…" })
     ] }),
-    /* @__PURE__ */ i(Le, { anchor: b, children: [
-      /* @__PURE__ */ t(Be, { children: "No options." }),
-      /* @__PURE__ */ t(Ve, { "aria-label": d, children: (m) => /* @__PURE__ */ t(We, { value: m, children: g.get(m) ?? m }, m) })
+    /* @__PURE__ */ c(We, { anchor: x, children: [
+      /* @__PURE__ */ r($e, { children: "No options." }),
+      /* @__PURE__ */ r(je, { "aria-label": s, children: (h) => /* @__PURE__ */ r(He, { value: h, children: b.get(h) ?? h }, h) })
     ] })
   ] });
 }
-const j = "border-transparent shadow-none hover:border-input/40", le = 25, Xe = 50, en = 100, nn = le, tn = [le, Xe, en];
-function re(d) {
-  return d != null && d !== "";
+const U = "border-transparent shadow-none hover:border-input/40", oe = 25, nr = 50, tr = 100, lr = oe, ar = [oe, nr, tr];
+function ae(s) {
+  return s != null && s !== "";
 }
-const rn = {
+const or = {
   number: "number",
   integer: "number",
   date: "date",
   datetime: "datetime-local",
   time: "time"
 };
-function ln(d) {
-  return rn[d] ?? "text";
+function sr(s) {
+  return or[s] ?? "text";
 }
-function an(d, o) {
-  if (o !== "") {
-    if (d === "number") {
-      const u = parseFloat(o);
-      return Number.isFinite(u) ? u : o;
+function ir(s, i) {
+  if (i !== "") {
+    if (s === "number") {
+      const d = parseFloat(i);
+      return Number.isFinite(d) ? d : i;
     }
-    if (d === "integer") {
-      const u = parseInt(o, 10);
-      return Number.isFinite(u) ? u : o;
+    if (s === "integer") {
+      const d = parseInt(i, 10);
+      return Number.isFinite(d) ? d : i;
     }
-    return o;
+    return i;
   }
 }
-function sn(d, o) {
+const cr = {
+  showAllWells: "Show all wells",
+  hideEmptyWells: "Hide empty wells",
+  groupBy: "Group by",
+  groupByPlaceholder: "Group by…",
+  noGrouping: "No grouping",
+  selectedColumn: "Selected",
+  wellColumn: "Well",
+  emptyRows: "No rows. Paint wells on the plate.",
+  rowsPerPage: "Rows per page",
+  previousPage: "Prev",
+  nextPage: "Next",
+  blankGroup: "(blank)",
+  filter: "Filter",
+  filterValuePlaceholder: "Value…",
+  clearFilters: "Clear all",
+  rowSummary: (s, i) => `${s} rows · ${i} selected`,
+  groupRowCount: (s) => `(${s} ${s === 1 ? "row" : "rows"})`,
+  pageRange: (s, i, d) => d === 0 ? "0 of 0" : `${s}–${i} of ${d}`
+};
+function dr(s, i) {
+  if (!i) return s;
+  const d = { ...s };
+  for (const [u, g] of Object.entries(i))
+    g !== void 0 && (d[u] = g);
+  return d;
+}
+function ur(s, i, d) {
   const u = /* @__PURE__ */ new Map();
-  for (const c of d) {
-    const p = c.row[o], b = p == null || p === "" ? "(blank)" : String(p), g = u.get(b);
-    g ? g.rows.push(c) : u.set(b, { key: b, rows: [c] });
+  for (const g of s) {
+    const x = g.row[i], b = x == null || x === "" ? d : String(x), h = u.get(b);
+    h ? h.rows.push(g) : u.set(b, { key: b, rows: [g] });
   }
   return [...u.values()];
 }
-function on(d) {
-  return d.filter((o) => !!o.field).map((o) => ({ columnId: o.field, label: o.header }));
+function mr(s) {
+  return s.filter((i) => !!i.field).map((i) => ({ columnId: i.field, label: i.header }));
 }
-function Sn({
-  values: d,
-  columns: o,
-  fields: u,
-  selection: c,
-  onSelectionChange: p,
-  onChange: b,
-  emptyEntry: g,
-  isPopulated: m,
-  pageSize: x = nn,
-  pageSizeOptions: ae = tn,
+function Pr({
+  values: s,
+  columns: i,
+  fields: d,
+  selection: u,
+  onSelectionChange: g,
+  onChange: x,
+  emptyEntry: b,
+  isPopulated: h,
+  pageSize: w = lr,
+  pageSizeOptions: se = ar,
   enableFillDown: Z = !0,
-  rowProps: se,
-  filterable: D = !1,
-  filterColumns: U,
-  groupable: G = !1,
-  className: ie
+  rowProps: ie,
+  filterable: I = !1,
+  filterColumns: O,
+  groupable: B = !1,
+  defaultGroupBy: ce = "",
+  labels: K,
+  className: de
 }) {
-  const [T, oe] = h.useState(!1), [w, k] = h.useState(0), [C, de] = h.useState(x), [E, ce] = h.useState([]), [A, ue] = h.useState(""), [he, me] = h.useState(/* @__PURE__ */ new Set());
-  h.useEffect(() => {
-    k(0);
-  }, [T]);
-  const K = h.useMemo(() => {
+  const m = p.useMemo(() => dr(cr, K), [K]), [M, ue] = p.useState(!1), [v, E] = p.useState(0), [C, me] = p.useState(w), [P, he] = p.useState([]), [T, pe] = p.useState(ce), [fe, ge] = p.useState(/* @__PURE__ */ new Set());
+  p.useEffect(() => {
+    E(0);
+  }, [M]);
+  const Y = p.useMemo(() => {
     const e = /* @__PURE__ */ new Map();
-    return (u ?? []).forEach((n) => e.set(n.key, n)), e;
-  }, [u]), fe = h.useMemo(
-    () => U ?? on(o),
-    [o, U]
-  ), v = h.useMemo(() => {
-    const e = [...d.entries()].map(([r, l]) => ({
-      id: r,
+    return (d ?? []).forEach((n) => e.set(n.key, n)), e;
+  }, [d]), be = p.useMemo(
+    () => O ?? mr(i),
+    [i, O]
+  ), y = p.useMemo(() => {
+    const e = [...s.entries()].map(([t, l]) => ({
+      id: t,
       row: l
     }));
     let n = e;
-    if (!T && m && (n = e.filter((r) => m(r.row))), D && E.length > 0 && (n = n.filter((r) => {
-      const l = r.row;
-      return E.every((a) => {
-        const s = l[a.columnId], f = s == null ? "" : String(s);
-        return $e(f, a.operator, a.value);
+    if (!M && h && (n = e.filter((t) => h(t.row))), I && P.length > 0 && (n = n.filter((t) => {
+      const l = t.row;
+      return P.every((a) => {
+        const o = l[a.columnId], f = o == null ? "" : String(o);
+        return Ue(f, a.operator, a.value);
       });
-    })), c && c.size > 0) {
-      const r = new Set(n.map((l) => l.id));
-      c.forEach((l) => {
-        !r.has(l) && !d.has(l) && (n = [...n, { id: l, row: g(l) }]);
+    })), u && u.size > 0) {
+      const t = new Set(n.map((l) => l.id));
+      u.forEach((l) => {
+        !t.has(l) && !s.has(l) && (n = [...n, { id: l, row: b(l) }]);
       });
     }
-    return n.sort((r, l) => r.id.localeCompare(l.id));
-  }, [d, T, m, c, g, D, E]);
-  h.useEffect(() => {
-    k(0);
-  }, [E]);
-  const L = h.useMemo(
-    () => v.slice(w * C, w * C + C),
-    [v, w, C]
+    return n.sort((t, l) => t.id.localeCompare(l.id));
+  }, [s, M, h, u, b, I, P]);
+  p.useEffect(() => {
+    E(0);
+  }, [P]);
+  const D = p.useMemo(
+    () => y.slice(v * C, v * C + C),
+    [y, v, C]
   ), S = (e, n) => {
-    const r = new Map(d), l = r.get(e) ?? g(e);
-    r.set(e, { ...l, ...n }), b(r);
-  }, pe = (e) => {
-    if (!p) return;
-    const n = new Set(c ?? []);
-    n.has(e) ? n.delete(e) : n.add(e), p(n);
-  }, O = (e) => {
+    const t = new Map(s), l = t.get(e) ?? b(e);
+    t.set(e, { ...l, ...n }), x(t);
+  }, xe = (e) => {
+    if (!g) return;
+    const n = new Set(u ?? []);
+    n.has(e) ? n.delete(e) : n.add(e), g(n);
+  }, q = (e) => {
     if (!e.field) return null;
-    const n = !!c && c.size > 0, l = n ? v.filter(({ id: N }) => c.has(N)) : G && !!A ? v : L, a = l.findIndex(({ row: N }) => re(N[e.field]));
+    const n = !!u && u.size > 0, l = n ? y.filter(({ id: N }) => u.has(N)) : B && !!T ? y : D, a = l.findIndex(({ row: N }) => ae(N[e.field]));
     if (a < 0) return null;
-    const s = l[a], f = n ? l.filter(({ id: N }) => N !== s.id) : l.slice(a + 1);
+    const o = l[a], f = n ? l.filter(({ id: N }) => N !== o.id) : l.slice(a + 1);
     return {
       field: e.field,
-      source: s,
+      source: o,
       targets: f,
-      value: s.row[e.field]
+      value: o.row[e.field]
     };
-  }, ge = (e) => {
-    const n = O(e);
+  }, we = (e) => {
+    const n = q(e);
     if (!n || n.targets.length === 0) return;
-    const r = new Map(d);
+    const t = new Map(s);
     n.targets.forEach(({ id: l }) => {
-      const a = r.get(l) ?? g(l);
-      r.set(l, { ...a, [n.field]: n.value });
-    }), b(r);
-  }, be = (e, n, r, l, a) => /* @__PURE__ */ i(
-    B,
+      const a = t.get(l) ?? b(l);
+      t.set(l, { ...a, [n.field]: n.value });
+    }), x(t);
+  }, Ce = (e, n, t, l, a) => /* @__PURE__ */ c(
+    V,
     {
-      value: r ?? "",
-      onValueChange: (s) => S(l, { [n]: s }),
+      value: t ?? "",
+      onValueChange: (o) => S(l, { [n]: o }),
       children: [
-        /* @__PURE__ */ t(V, { size: "sm", className: I("h-7 w-full", j), "aria-label": a, children: /* @__PURE__ */ t(W, { placeholder: e.placeholder ?? "Select…" }) }),
-        /* @__PURE__ */ t($, { children: (e.options ?? []).map((s) => /* @__PURE__ */ t(P, { value: s.value, children: /* @__PURE__ */ i("span", { className: "inline-flex items-center gap-2", children: [
-          s.swatch ? /* @__PURE__ */ t(
+        /* @__PURE__ */ r(W, { size: "sm", className: L("h-7 w-full", U), "aria-label": a, children: /* @__PURE__ */ r($, { placeholder: e.placeholder ?? "Select…" }) }),
+        /* @__PURE__ */ r(j, { children: (e.options ?? []).map((o) => /* @__PURE__ */ r(R, { value: o.value, children: /* @__PURE__ */ c("span", { className: "inline-flex items-center gap-2", children: [
+          o.swatch ? /* @__PURE__ */ r(
             "span",
             {
               className: "inline-block h-2.5 w-2.5 rounded-sm border border-foreground/20",
-              style: { backgroundColor: s.swatch },
+              style: { backgroundColor: o.swatch },
               "aria-hidden": !0
             }
           ) : null,
-          s.label
-        ] }) }, s.value)) })
+          o.label
+        ] }) }, o.value)) })
       ]
     }
-  ), xe = (e, n, r, l, a) => {
-    const s = !!r;
-    return e.boolStyle === "switch" ? /* @__PURE__ */ t(
-      je,
+  ), ve = (e, n, t, l, a) => {
+    const o = !!t;
+    return e.boolStyle === "switch" ? /* @__PURE__ */ r(
+      Oe,
       {
         "aria-label": a,
-        checked: s,
+        checked: o,
         onCheckedChange: (f) => S(l, { [n]: f })
       }
-    ) : /* @__PURE__ */ t(
-      te,
+    ) : /* @__PURE__ */ r(
+      le,
       {
         "aria-label": a,
-        checked: s,
+        checked: o,
         onCheckedChange: (f) => S(l, { [n]: f === !0 })
       }
     );
-  }, Ce = (e, n, r, l, a) => /* @__PURE__ */ t(
-    He,
+  }, ye = (e, n, t, l, a) => /* @__PURE__ */ r(
+    Ze,
     {
-      type: ln(e.kind),
+      type: sr(e.kind),
       step: e.kind === "integer" ? 1 : void 0,
       placeholder: e.placeholder,
       "aria-label": a,
-      className: I("h-7", j),
-      value: r ?? "",
-      onChange: (s) => S(l, { [n]: an(e.kind, s.target.value) })
+      className: L("h-7", U),
+      value: t ?? "",
+      onChange: (o) => S(l, { [n]: ir(e.kind, o.target.value) })
     }
-  ), we = (e, n, r, l) => {
-    const a = n.field, s = l[a], f = `${e.label} for ${r}`;
-    if (e.kind === "select") return be(e, a, s, r, f);
+  ), Ne = (e, n, t, l) => {
+    const a = n.field, o = l[a], f = `${e.label} for ${t}`;
+    if (e.kind === "select") return Ce(e, a, o, t, f);
     if (e.kind === "multiselect") {
-      const N = Array.isArray(s) ? s : [];
-      return /* @__PURE__ */ t(
-        Qe,
+      const N = Array.isArray(o) ? o : [];
+      return /* @__PURE__ */ r(
+        rr,
         {
           ariaLabel: f,
           value: N,
           options: e.options ?? [],
           placeholder: e.placeholder,
-          onChange: (X) => S(r, { [a]: X.length === 0 ? void 0 : X })
+          onChange: (re) => S(t, { [a]: re.length === 0 ? void 0 : re })
         }
       );
     }
-    return e.kind === "boolean" ? xe(e, a, s, r, f) : Ce(e, a, s, r, f);
-  }, ve = (e, n) => {
+    return e.kind === "boolean" ? ve(e, a, o, t, f) : ye(e, a, o, t, f);
+  }, Se = (e, n) => {
     if (e?.kind === "select") {
-      const r = (e.options ?? []).find((l) => l.value === n);
-      return r ? /* @__PURE__ */ i(ne, { variant: "secondary", children: [
-        r.swatch ? /* @__PURE__ */ t(
+      const t = (e.options ?? []).find((l) => l.value === n);
+      return t ? /* @__PURE__ */ c(te, { variant: "secondary", children: [
+        t.swatch ? /* @__PURE__ */ r(
           "span",
           {
             className: "size-2 rounded-sm border border-foreground/20",
-            style: { backgroundColor: r.swatch },
+            style: { backgroundColor: t.swatch },
             "aria-hidden": !0
           }
         ) : null,
-        r.label
-      ] }) : /* @__PURE__ */ t("span", { className: "text-muted-foreground", children: "—" });
+        t.label
+      ] }) : /* @__PURE__ */ r("span", { className: "text-muted-foreground", children: "—" });
     }
     if (e?.kind === "multiselect") {
-      const r = Array.isArray(n) ? n : [];
-      return r.length === 0 ? /* @__PURE__ */ t("span", { className: "text-muted-foreground", children: "—" }) : /* @__PURE__ */ t("div", { className: "flex flex-wrap gap-1", children: r.map((l) => {
-        const a = (e.options ?? []).find((s) => s.value === l);
-        return /* @__PURE__ */ i(ne, { variant: "secondary", children: [
-          a?.swatch ? /* @__PURE__ */ t(
+      const t = Array.isArray(n) ? n : [];
+      return t.length === 0 ? /* @__PURE__ */ r("span", { className: "text-muted-foreground", children: "—" }) : /* @__PURE__ */ r("div", { className: "flex flex-wrap gap-1", children: t.map((l) => {
+        const a = (e.options ?? []).find((o) => o.value === l);
+        return /* @__PURE__ */ c(te, { variant: "secondary", children: [
+          a?.swatch ? /* @__PURE__ */ r(
             "span",
             {
               className: "size-2 rounded-sm border border-foreground/20",
@@ -250,27 +279,27 @@ function Sn({
         ] }, l);
       }) });
     }
-    return e?.kind === "boolean" ? n ? /* @__PURE__ */ t(ee, { "aria-label": "Yes", className: "size-4 text-foreground" }) : /* @__PURE__ */ t("span", { className: "text-muted-foreground", children: "—" }) : re(n) ? String(n) : /* @__PURE__ */ t("span", { className: "text-muted-foreground", children: "—" });
-  }, Ne = (e, n, r) => {
+    return e?.kind === "boolean" ? n ? /* @__PURE__ */ r(ne, { "aria-label": "Yes", className: "size-4 text-foreground" }) : /* @__PURE__ */ r("span", { className: "text-muted-foreground", children: "—" }) : ae(n) ? String(n) : /* @__PURE__ */ r("span", { className: "text-muted-foreground", children: "—" });
+  }, ke = (e, n, t) => {
     if (e.render)
       return e.render({
-        row: r,
+        row: t,
         wellId: n,
-        update: (s) => S(n, s)
+        update: (o) => S(n, o)
       });
     if (!e.field) return null;
-    const l = K.get(e.field), a = r[e.field];
-    return l?.editableInTable && l.kind !== "custom" ? we(l, e, n, r) : ve(l, a);
-  }, Se = (e) => {
-    const n = e.field ? K.get(e.field) : void 0, r = e.icon ?? n?.icon, l = Z ? O(e) : null, a = !!l && l.targets.length > 0, s = c && c.size > 0 ? `Fill selected ${e.header} cells from the first selected value` : `Fill visible ${e.header} cells downward from the first value`;
-    return /* @__PURE__ */ i("span", { className: "flex min-w-0 items-center justify-between gap-2", children: [
-      /* @__PURE__ */ i("span", { className: "inline-flex min-w-0 items-center gap-1.5", children: [
-        r ? /* @__PURE__ */ t("span", { className: "inline-flex text-muted-foreground [&_svg]:size-3.5", children: r }) : null,
-        /* @__PURE__ */ t("span", { className: "truncate", children: e.header })
+    const l = Y.get(e.field), a = t[e.field];
+    return l?.editableInTable && l.kind !== "custom" ? Ne(l, e, n, t) : Se(l, a);
+  }, Ee = (e) => {
+    const n = e.field ? Y.get(e.field) : void 0, t = e.icon ?? n?.icon, l = Z ? q(e) : null, a = !!l && l.targets.length > 0, o = u && u.size > 0 ? `Fill selected ${e.header} cells from the first selected value` : `Fill visible ${e.header} cells downward from the first value`;
+    return /* @__PURE__ */ c("span", { className: "flex min-w-0 items-center justify-between gap-2", children: [
+      /* @__PURE__ */ c("span", { className: "inline-flex min-w-0 items-center gap-1.5", children: [
+        t ? /* @__PURE__ */ r("span", { className: "inline-flex text-muted-foreground [&_svg]:size-3.5", children: t }) : null,
+        /* @__PURE__ */ r("span", { className: "truncate", children: e.header })
       ] }),
-      Z && e.field ? /* @__PURE__ */ i(Ye, { children: [
-        /* @__PURE__ */ t(qe, { asChild: !0, children: /* @__PURE__ */ t(
-          F,
+      Z && e.field ? /* @__PURE__ */ c(Qe, { children: [
+        /* @__PURE__ */ r(Xe, { asChild: !0, children: /* @__PURE__ */ r(
+          z,
           {
             type: "button",
             variant: "ghost",
@@ -279,143 +308,146 @@ function Sn({
             disabled: !a,
             "aria-label": `Fill down ${e.header}`,
             onClick: (f) => {
-              f.preventDefault(), f.stopPropagation(), ge(e);
+              f.preventDefault(), f.stopPropagation(), we(e);
             },
-            children: /* @__PURE__ */ t(Te, {})
+            children: /* @__PURE__ */ r(ze, {})
           }
         ) }),
-        /* @__PURE__ */ t(Je, { children: s })
+        /* @__PURE__ */ r(er, { children: o })
       ] }) : null
     ] });
-  }, ye = h.useMemo(() => o.filter((e) => !!e.field), [o]), y = G && A ? A : "", _ = h.useMemo(
-    () => y ? sn(v, y) : null,
-    [y, v]
-  ), z = v.length, Y = Math.max(0, Math.ceil(z / C) - 1), ke = c?.size ?? 0, q = o.length + 1 + (p ? 1 : 0), J = (e, n) => {
-    const r = c?.has(e), l = se?.({ wellId: e, row: n, isSelected: !!r });
-    return /* @__PURE__ */ i(R, { ...l, children: [
-      p ? /* @__PURE__ */ t(M, { className: "w-10", children: /* @__PURE__ */ t(te, { checked: !!r, onCheckedChange: () => pe(e), "aria-label": `Select ${e}` }) }) : null,
-      /* @__PURE__ */ t(M, { className: "font-semibold", children: e }),
-      o.map((a) => /* @__PURE__ */ t(
-        M,
+  }, Pe = p.useMemo(() => i.filter((e) => !!e.field), [i]), k = B && T ? T : "", A = p.useMemo(
+    () => k ? ur(y, k, m.blankGroup) : null,
+    [k, y, m.blankGroup]
+  ), F = y.length, J = Math.max(0, Math.ceil(F / C) - 1), Ae = u?.size ?? 0, Q = i.length + 1 + (g ? 1 : 0), X = (e, n) => {
+    const t = u?.has(e), l = ie?.({ wellId: e, row: n, isSelected: !!t });
+    return /* @__PURE__ */ c(G, { ...l, children: [
+      g ? /* @__PURE__ */ r(_, { className: "w-10", children: /* @__PURE__ */ r(le, { checked: !!t, onCheckedChange: () => xe(e), "aria-label": `Select ${e}` }) }) : null,
+      /* @__PURE__ */ r(_, { className: "font-semibold", children: e }),
+      i.map((a) => /* @__PURE__ */ r(
+        _,
         {
           style: a.minWidth ? { minWidth: a.minWidth } : void 0,
-          children: Ne(a, e, n)
+          children: ke(a, e, n)
         },
         a.id ?? a.field ?? a.header
       ))
     ] }, e);
-  }, Q = (e) => {
-    me((n) => {
-      const r = new Set(n);
-      return r.has(e) ? r.delete(e) : r.add(e), r;
+  }, ee = (e) => {
+    ge((n) => {
+      const t = new Set(n);
+      return t.has(e) ? t.delete(e) : t.add(e), t;
     });
-  }, Ee = y ? o.find((n) => n.field === y)?.header ?? y : "";
-  return /* @__PURE__ */ i("div", { "data-slot": "well-manifest-table", className: I("flex flex-col gap-2", ie), children: [
-    /* @__PURE__ */ i("div", { className: "flex flex-wrap items-center gap-2", children: [
-      /* @__PURE__ */ t(F, { variant: "outline", size: "sm", onClick: () => oe((e) => !e), children: T ? "Hide empty wells" : "Show all wells" }),
-      D ? /* @__PURE__ */ t(Ae, { columns: fe, filters: E, onFiltersChange: ce }) : null,
-      G ? /* @__PURE__ */ i("div", { className: "inline-flex items-center gap-1.5", children: [
-        /* @__PURE__ */ t(_e, { "aria-hidden": !0, className: "size-3.5 text-muted-foreground" }),
-        /* @__PURE__ */ i(B, { value: A || "__none", onValueChange: (e) => ue(e === "__none" ? "" : e), children: [
-          /* @__PURE__ */ t(V, { size: "sm", className: "h-7 min-w-40", "aria-label": "Group by", children: /* @__PURE__ */ t(W, { placeholder: "Group by…" }) }),
-          /* @__PURE__ */ i($, { children: [
-            /* @__PURE__ */ t(P, { value: "__none", children: "No grouping" }),
-            ye.map((e) => /* @__PURE__ */ t(P, { value: e.field ?? "", children: e.header }, e.id ?? e.field))
+  }, Fe = k ? i.find((n) => n.field === k)?.header ?? k : "";
+  return /* @__PURE__ */ c("div", { "data-slot": "well-manifest-table", className: L("flex flex-col gap-2", de), children: [
+    /* @__PURE__ */ c("div", { className: "flex flex-wrap items-center gap-2", children: [
+      /* @__PURE__ */ r(z, { variant: "outline", size: "sm", onClick: () => ue((e) => !e), children: M ? m.hideEmptyWells : m.showAllWells }),
+      I ? /* @__PURE__ */ r(
+        Re,
+        {
+          columns: be,
+          filters: P,
+          onFiltersChange: he,
+          triggerLabel: m.filter,
+          valuePlaceholder: m.filterValuePlaceholder,
+          clearAllLabel: m.clearFilters
+        }
+      ) : null,
+      B ? /* @__PURE__ */ c("div", { className: "inline-flex items-center gap-1.5", children: [
+        /* @__PURE__ */ r(_e, { "aria-hidden": !0, className: "size-3.5 text-muted-foreground" }),
+        /* @__PURE__ */ c(V, { value: T || "__none", onValueChange: (e) => pe(e === "__none" ? "" : e), children: [
+          /* @__PURE__ */ r(W, { size: "sm", className: "h-7 min-w-40", "aria-label": m.groupBy, children: /* @__PURE__ */ r($, { placeholder: m.groupByPlaceholder }) }),
+          /* @__PURE__ */ c(j, { children: [
+            /* @__PURE__ */ r(R, { value: "__none", children: m.noGrouping }),
+            Pe.map((e) => /* @__PURE__ */ r(R, { value: e.field ?? "", children: e.header }, e.id ?? e.field))
           ] })
         ] })
       ] }) : null,
-      /* @__PURE__ */ i("span", { className: "text-xs text-muted-foreground", children: [
-        z,
-        " rows · ",
-        ke,
-        " selected"
-      ] })
+      /* @__PURE__ */ r("span", { className: "text-xs text-muted-foreground", children: m.rowSummary(F, Ae) })
     ] }),
-    /* @__PURE__ */ t(Oe, { children: /* @__PURE__ */ i(Ze, { "data-density": "default", children: [
-      /* @__PURE__ */ t(Ue, { children: /* @__PURE__ */ i(R, { children: [
-        p ? /* @__PURE__ */ t(H, { className: "w-10 text-center", children: /* @__PURE__ */ i("span", { className: "inline-flex items-center justify-center text-muted-foreground [&_svg]:size-3.5", children: [
-          /* @__PURE__ */ t(ee, { "aria-hidden": !0 }),
-          /* @__PURE__ */ t("span", { className: "sr-only", children: "Selected" })
+    /* @__PURE__ */ r(Je, { children: /* @__PURE__ */ c(Ke, { "data-density": "default", children: [
+      /* @__PURE__ */ r(Ye, { children: /* @__PURE__ */ c(G, { children: [
+        g ? /* @__PURE__ */ r(H, { className: "w-10 text-center", children: /* @__PURE__ */ c("span", { className: "inline-flex items-center justify-center text-muted-foreground [&_svg]:size-3.5", children: [
+          /* @__PURE__ */ r(ne, { "aria-hidden": !0 }),
+          /* @__PURE__ */ r("span", { className: "sr-only", children: m.selectedColumn })
         ] }) }) : null,
-        /* @__PURE__ */ t(H, { style: { minWidth: 60 }, children: "Well" }),
-        o.map((e) => /* @__PURE__ */ t(
+        /* @__PURE__ */ r(H, { style: { minWidth: 60 }, children: m.wellColumn }),
+        i.map((e) => /* @__PURE__ */ r(
           H,
           {
             style: e.minWidth ? { minWidth: e.minWidth } : void 0,
-            children: Se(e)
+            children: Ee(e)
           },
           e.id ?? e.field ?? e.header
         ))
       ] }) }),
-      /* @__PURE__ */ i(Ke, { children: [
-        _ ? _.map((e) => {
-          const n = he.has(e.key);
-          return /* @__PURE__ */ i(h.Fragment, { children: [
-            /* @__PURE__ */ t(
-              R,
+      /* @__PURE__ */ c(qe, { children: [
+        A ? A.map((e) => {
+          const n = fe.has(e.key);
+          return /* @__PURE__ */ c(p.Fragment, { children: [
+            /* @__PURE__ */ r(
+              G,
               {
                 className: "cursor-pointer bg-muted/40",
-                onClick: () => Q(e.key),
-                onKeyDown: (r) => {
-                  (r.key === "Enter" || r.key === " ") && (r.preventDefault(), Q(e.key));
+                onClick: () => ee(e.key),
+                onKeyDown: (t) => {
+                  (t.key === "Enter" || t.key === " ") && (t.preventDefault(), ee(e.key));
                 },
                 role: "button",
                 tabIndex: 0,
                 "aria-expanded": !n,
-                children: /* @__PURE__ */ t(M, { colSpan: q, className: "py-1.5", children: /* @__PURE__ */ i("div", { className: "flex items-center gap-2 text-xs font-medium", children: [
-                  n ? /* @__PURE__ */ t(ze, { "aria-hidden": !0, className: "size-3.5 text-muted-foreground" }) : /* @__PURE__ */ t(Me, { "aria-hidden": !0, className: "size-3.5 text-muted-foreground" }),
-                  /* @__PURE__ */ i("span", { children: [
-                    Ee,
+                children: /* @__PURE__ */ r(_, { colSpan: Q, className: "py-1.5", children: /* @__PURE__ */ c("div", { className: "flex items-center gap-2 text-xs font-medium", children: [
+                  n ? /* @__PURE__ */ r(Me, { "aria-hidden": !0, className: "size-3.5 text-muted-foreground" }) : /* @__PURE__ */ r(Te, { "aria-hidden": !0, className: "size-3.5 text-muted-foreground" }),
+                  /* @__PURE__ */ c("span", { children: [
+                    Fe,
                     ": ",
                     e.key
                   ] }),
-                  /* @__PURE__ */ i("span", { className: "text-muted-foreground", children: [
-                    "(",
-                    e.rows.length,
-                    " ",
-                    e.rows.length === 1 ? "row" : "rows",
-                    ")"
-                  ] })
+                  /* @__PURE__ */ r("span", { className: "text-muted-foreground", children: m.groupRowCount(e.rows.length) })
                 ] }) })
               }
             ),
-            n ? null : e.rows.map(({ id: r, row: l }) => J(r, l))
+            n ? null : e.rows.map(({ id: t, row: l }) => X(t, l))
           ] }, e.key);
-        }) : L.map(({ id: e, row: n }) => J(e, n)),
-        (_ ? _.length === 0 : L.length === 0) ? /* @__PURE__ */ t(R, { children: /* @__PURE__ */ t(M, { colSpan: q, className: "text-xs text-muted-foreground", children: "No rows. Paint wells on the plate." }) }) : null
+        }) : D.map(({ id: e, row: n }) => X(e, n)),
+        (A ? A.length === 0 : D.length === 0) ? /* @__PURE__ */ r(G, { children: /* @__PURE__ */ r(_, { colSpan: Q, className: "text-xs text-muted-foreground", children: m.emptyRows }) }) : null
       ] })
     ] }) }),
-    _ ? null : /* @__PURE__ */ i("div", { className: "flex items-center justify-end gap-3 text-xs text-muted-foreground", children: [
-      /* @__PURE__ */ t("span", { className: "text-muted-foreground", children: "Rows per page" }),
-      /* @__PURE__ */ i(
-        B,
+    A ? null : /* @__PURE__ */ c("div", { className: "flex items-center justify-end gap-3 text-xs text-muted-foreground", children: [
+      /* @__PURE__ */ r("span", { className: "text-muted-foreground", children: m.rowsPerPage }),
+      /* @__PURE__ */ c(
+        V,
         {
           value: String(C),
           onValueChange: (e) => {
-            de(parseInt(e, 10)), k(0);
+            me(parseInt(e, 10)), E(0);
           },
           children: [
-            /* @__PURE__ */ t(V, { size: "sm", className: "h-7 w-18", "aria-label": "Rows per page", children: /* @__PURE__ */ t(W, {}) }),
-            /* @__PURE__ */ t($, { children: ae.map((e) => /* @__PURE__ */ t(P, { value: String(e), children: e }, e)) })
+            /* @__PURE__ */ r(W, { size: "sm", className: "h-7 w-18", "aria-label": m.rowsPerPage, children: /* @__PURE__ */ r($, {}) }),
+            /* @__PURE__ */ r(j, { children: se.map((e) => /* @__PURE__ */ r(R, { value: String(e), children: e }, e)) })
           ]
         }
       ),
-      /* @__PURE__ */ t("span", { children: z === 0 ? "0 of 0" : `${w * C + 1}–${Math.min((w + 1) * C, z)} of ${z}` }),
-      /* @__PURE__ */ t(F, { variant: "outline", size: "sm", disabled: w === 0, onClick: () => k((e) => Math.max(0, e - 1)), children: "Prev" }),
-      /* @__PURE__ */ t(
-        F,
+      /* @__PURE__ */ r("span", { children: m.pageRange(
+        F === 0 ? 0 : v * C + 1,
+        Math.min((v + 1) * C, F),
+        F
+      ) }),
+      /* @__PURE__ */ r(z, { variant: "outline", size: "sm", disabled: v === 0, onClick: () => E((e) => Math.max(0, e - 1)), children: m.previousPage }),
+      /* @__PURE__ */ r(
+        z,
         {
           variant: "outline",
           size: "sm",
-          disabled: w >= Y,
-          onClick: () => k((e) => Math.min(Y, e + 1)),
-          children: "Next"
+          disabled: v >= J,
+          onClick: () => E((e) => Math.min(J, e + 1)),
+          children: m.nextPage
         }
       )
     ] })
   ] });
 }
 export {
-  Sn as WellManifestTable
+  Pr as WellManifestTable
 };
 //# sourceMappingURL=WellManifestTable.js.map