@alfadocs/ui-kit 0.69.0 → 0.71.0

package/dist/_chunks/patient-table-CERknpd8.js

@@ -0,0 +1,1110 @@
+import { jsxs as O, jsx as g } from "react/jsx-runtime";
+import { createElement as x, useRef as k, useEffect as ee, useCallback as z, forwardRef as he, useState as te, useImperativeHandle as pe, useMemo as Y } from "react";
+import { useTranslation as $ } from "react-i18next";
+import { I as be, h as p, g as b, L as ge, c as L, b as _, d as U, N as H, e as F, S as R, T as ne, a as K, C as Ce, l as ve, k as Ne, U as we, f as Te, A as Fe, m as ae, D as P, n as Re } from "./link-cell-renderer-De_SLjSq.js";
+import { S as Ie } from "./select-KsyRr8WH.js";
+import { u as ye } from "./registry-DvAUVLHh.js";
+import { B as ie } from "./badge-DCOqV9mI.js";
+import { c as Pe } from "./index-D2ZczOXr.js";
+import { T as We } from "./timestamp-BV2lC-wV.js";
+import { C as Se } from "./calendar-clock-CYkcqdwl.js";
+import { E as Ae } from "./eye-LHlSU38h.js";
+import { P as Be } from "./pencil-CfQX-0Qc.js";
+import { M as De } from "./mail-C8irm52s.js";
+import { c as Ve } from "./createLucideIcon-CrFbzy84.js";
+import { U as xe } from "./users-MBVtUzwd.js";
+import { T as Ee } from "./trash-2-rPAKaRgB.js";
+/**
+ * @license lucide-react v1.8.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */
+const Oe = [
+  [
+    "path",
+    {
+      d: "M22 17a2 2 0 0 1-2 2H6.828a2 2 0 0 0-1.414.586l-2.202 2.202A.71.71 0 0 1 2 21.286V5a2 2 0 0 1 2-2h16a2 2 0 0 1 2 2z",
+      key: "18887p"
+    }
+  ]
+], ke = Ve("message-square", Oe), Ge = 5e4;
+function Me(e) {
+  return e === 0 ? { variant: "success", statusKey: "settled" } : e <= Ge ? { variant: "warning", statusKey: "pending" } : { variant: "error", statusKey: "overdue" };
+}
+function Le(e) {
+  if (e == null || e === "") return null;
+  const i = typeof e == "number" ? e : Number(e);
+  return Number.isFinite(i) ? i : null;
+}
+function _e(e) {
+  const { value: i, currency: d = "EUR", options: s } = e, { t: a, i18n: r } = $("ui"), c = Le(i);
+  if (c === null) return null;
+  const h = r.language || "en", m = new Intl.NumberFormat(h, {
+    style: "currency",
+    currency: d,
+    ...s
+  }).format(c / 100), { variant: u, statusKey: C } = Me(c), l = a(`patientTable.balance.status.${C}`);
+  return /* @__PURE__ */ O(ie, { variant: u, withDot: !0, size: "sm", className: "ds:tabular-nums", children: [
+    /* @__PURE__ */ g("span", { children: m }),
+    /* @__PURE__ */ g("span", { className: "ds:sr-only", children: l })
+  ] });
+}
+const Ue = {
+  accepted: "success",
+  estimate: "info",
+  none: "neutral"
+};
+function He(e) {
+  return e === "accepted" || e === "estimate" || e === "none";
+}
+function ze(e) {
+  const { t: i } = $("ui"), { data: d, value: s, size: a = "sm" } = e, r = (d == null ? void 0 : d.carePlanStatus) ?? s;
+  if (!He(r)) return null;
+  const c = Ue[r];
+  return /* @__PURE__ */ g(ie, { variant: c, withDot: !0, size: a, children: i(`patientTable.carePlanStatus.${r}`) });
+}
+const J = Pe(
+  "ds:inline-flex ds:items-center ds:gap-[var(--spacing-xs)] ds:whitespace-nowrap",
+  {
+    variants: {
+      tone: {
+        default: "",
+        // Imminent visit: warning foreground token + medium weight. Fully
+        // token-bound — no literal colour, no AG Grid cellStyle.
+        soon: "ds:text-[color:var(--warning-foreground)] ds:font-medium",
+        // Absent appointment: muted empty state.
+        empty: "ds:text-[color:var(--muted-foreground)]"
+      }
+    },
+    defaultVariants: { tone: "default" }
+  }
+), $e = 1440 * 60 * 1e3, je = 7;
+function Ke(e) {
+  if (e == null || e === "") return null;
+  const i = e instanceof Date ? e.getTime() : typeof e == "number" ? e : new Date(String(e)).getTime();
+  return Number.isNaN(i) ? null : i;
+}
+function Ye(e, i) {
+  if (i <= 0) return "default";
+  const d = e - Date.now();
+  return d < 0 ? "default" : d <= i * $e ? "soon" : "default";
+}
+function qe(e) {
+  const { t: i } = $("ui"), { data: d, value: s, soonWithinDays: a = je } = e, r = Ke((d == null ? void 0 : d.nextAppointment) ?? s);
+  if (r === null)
+    return /* @__PURE__ */ g("span", { className: J({ tone: "empty" }), children: i("patientTable.nextAppointment.none") });
+  const c = Ye(r, a);
+  return /* @__PURE__ */ O("span", { className: J({ tone: c }), children: [
+    c === "soon" ? /* @__PURE__ */ g(Se, { "aria-hidden": "true", className: "ds:size-3.5 ds:shrink-0" }) : null,
+    /* @__PURE__ */ g(We, { value: r, format: "relative", shape: "bare" })
+  ] });
+}
+function q(e) {
+  return e.responsiveTier;
+}
+const Qe = 6;
+function Xe(e, i) {
+  const d = (a) => (r) => {
+    i == null || i(a, r);
+  }, s = (a, r) => ({
+    icon: a.icon,
+    label: a.label,
+    variant: a.variant,
+    onClick: d(a),
+    ...r
+  });
+  return [
+    s(
+      {
+        id: "show",
+        label: e("patientTable.actions.show"),
+        icon: x(Ae, { "aria-hidden": "true" })
+      },
+      {}
+    ),
+    s(
+      {
+        id: "edit",
+        label: e("patientTable.actions.edit"),
+        icon: x(Be, { "aria-hidden": "true" })
+      },
+      {}
+    ),
+    s(
+      {
+        id: "sendEmailReminder",
+        label: e("patientTable.actions.sendEmailReminder"),
+        icon: x(De, { "aria-hidden": "true" })
+      },
+      // Hidden when the patient has email contact disabled (spec).
+      { hidden: (a) => !a.emailEnabled }
+    ),
+    s(
+      {
+        id: "sendSmsReminder",
+        label: e("patientTable.actions.sendSmsReminder"),
+        icon: x(ke, { "aria-hidden": "true" })
+      },
+      // Hidden when no phone number is SMS-enabled (spec).
+      {
+        hidden: (a) => !(a.phoneNumbers ?? []).some((r) => r.smsEnabled)
+      }
+    ),
+    s(
+      {
+        id: "reassign",
+        label: e("patientTable.actions.reassign"),
+        icon: x(xe, { "aria-hidden": "true" })
+      },
+      {}
+    ),
+    s(
+      {
+        id: "delete",
+        label: e("patientTable.actions.delete"),
+        icon: x(Ee, { "aria-hidden": "true" }),
+        variant: "destructive"
+      },
+      // Disabled (with a reason) for archived patients — the row model's
+      // closest "cannot delete" signal. Surfaced as the inline tooltip.
+      {
+        disabled: (a) => !!a.isArchived,
+        disabledReason: e("patientTable.actions.deleteLocked")
+      }
+    )
+  ];
+}
+const Je = () => !1, B = "✓", W = "—";
+function Ze(e) {
+  if (!e) return null;
+  const i = new Date(e), d = i.getTime();
+  if (Number.isNaN(d)) return null;
+  const s = /* @__PURE__ */ new Date();
+  let a = s.getFullYear() - i.getFullYear();
+  const r = s.getMonth() - i.getMonth();
+  return (r < 0 || r === 0 && s.getDate() < i.getDate()) && (a -= 1), a >= 0 ? a : null;
+}
+function et(e) {
+  return e.map((i) => {
+    const s = {
+      colId: `custom:${i.fieldName}`,
+      headerName: i.label,
+      hide: !0
+      // No tier — custom fields are opt-in via ColumnToggle only.
+    };
+    return i.type === "checkbox" ? {
+      ...s,
+      valueGetter: (a) => {
+        var r, c;
+        return ((c = (r = a.data) == null ? void 0 : r.customFields) == null ? void 0 : c[i.fieldName]) === !0;
+      },
+      valueFormatter: (a) => a.value === !0 ? B : W,
+      filter: R,
+      floatingFilterComponent: F,
+      filterParams: {
+        options: [
+          { value: !0, label: B },
+          { value: !1, label: W }
+        ]
+      },
+      minWidth: 110,
+      width: 130
+    } : i.type === "dropdown" ? {
+      ...s,
+      // TagListCellRenderer expects an array; wrap the single value.
+      valueGetter: (a) => {
+        var c, h;
+        const r = (h = (c = a.data) == null ? void 0 : c.customFields) == null ? void 0 : h[i.fieldName];
+        return typeof r == "string" && r ? [r] : [];
+      },
+      cellRenderer: ne,
+      filterValueGetter: (a) => {
+        var c, h;
+        const r = (h = (c = a.data) == null ? void 0 : c.customFields) == null ? void 0 : h[i.fieldName];
+        return typeof r == "string" ? r : "";
+      },
+      filter: R,
+      floatingFilterComponent: F,
+      filterParams: {
+        options: (i.options ?? []).map((a) => ({
+          value: a,
+          label: a
+        }))
+      },
+      sortable: !1,
+      minWidth: 130,
+      width: 160
+    } : {
+      ...s,
+      valueGetter: (a) => {
+        var c, h;
+        const r = (h = (c = a.data) == null ? void 0 : c.customFields) == null ? void 0 : h[i.fieldName];
+        return typeof r == "string" ? r : "";
+      },
+      filter: b,
+      floatingFilterComponent: p,
+      minWidth: 140,
+      width: 170
+    };
+  });
+}
+function tt(e, i = {}) {
+  const {
+    hideDetails: d = !1,
+    getActionsCompact: s = Je,
+    onRowAction: a,
+    identityHref: r,
+    customFields: c = []
+  } = i, h = Xe(e, a), m = {
+    m: e("patientTable.gender.m"),
+    f: e("patientTable.gender.f"),
+    x: e("patientTable.gender.x")
+  }, u = {
+    yes: e("patientTable.consent.yes"),
+    no: e("patientTable.consent.no"),
+    notSpecified: e("patientTable.consent.notSpecified")
+  }, C = {
+    [u.yes]: "success",
+    [u.no]: "error",
+    [u.notSpecified]: "neutral"
+  }, l = (t) => e(`patientTable.column.${t}`);
+  return [
+    /* ── Avatar (P0, pinned-start) ─────────────────────────────────── */
+    {
+      colId: "avatar",
+      // sr-only header — the photo column needs no visible label, but AG Grid
+      // and AT still want a name. `headerName` reads "Photo"; the visible header
+      // TEXT is clipped via the kit's `sr-only-th` convention (clips only
+      // `.ag-header-cell-text`, keeping the header-cell box in the grid chrome
+      // and the name in the a11y tree — see ag-grid-theme.css).
+      headerName: l("avatar"),
+      headerClass: "sr-only-th",
+      pinned: "left",
+      cellRenderer: be,
+      cellRendererParams: {
+        srcField: "avatarUrl",
+        fallbackField: "lastName",
+        size: "sm",
+        shape: "circle"
+      },
+      sortable: !1,
+      filter: !1,
+      resizable: !1,
+      // Hug the 32px (size="sm") avatar + cell padding — a tight fixed column,
+      // not a wide empty one. width === minWidth === maxWidth pins it to size so
+      // the pinned group can't stretch it (pinned columns never flex).
+      width: 52,
+      minWidth: 52,
+      maxWidth: 52
+      // Anchor — never auto-hidden (no tier).
+    },
+    /* ── First name (P0, pinned-start) — plain text ────────────────── */
+    {
+      colId: "firstName",
+      headerName: l("firstName"),
+      pinned: "left",
+      field: "firstName",
+      filter: b,
+      floatingFilterComponent: p,
+      // Size to content: width === minWidth so the pinned column sits tight with
+      // no dead space before the next pinned column (pinned columns can't flex).
+      width: 140,
+      minWidth: 120
+      // Anchor — never auto-hidden (no tier).
+    },
+    /* ── Last name (P0, pinned-start) — the patient-detail link ────── */
+    {
+      colId: "lastName",
+      headerName: l("lastName"),
+      pinned: "left",
+      field: "lastName",
+      cellRenderer: ge,
+      cellRendererParams: {
+        href: r,
+        // When no detail href is supplied the cell renders a button; route its
+        // click through the same `show` row action.
+        onClick: a ? (t) => a(
+          { id: "show", label: e("patientTable.actions.show") },
+          t
+        ) : void 0
+      },
+      filter: b,
+      floatingFilterComponent: p,
+      // Size to content: a modest pinned width with no stretched default, so the
+      // avatar + first + last group ends tight against the scrollable columns.
+      width: 150,
+      minWidth: 130
+      // Anchor — never auto-hidden (no tier).
+    },
+    /* ── Phone (P1) ────────────────────────────────────────────────── */
+    {
+      colId: "phone",
+      headerName: l("phone"),
+      responsiveTier: "P1",
+      // The primary phone number string (prefix + number).
+      valueGetter: (t) => {
+        var n, o, f;
+        return ((f = (o = (n = t.data) == null ? void 0 : n.phoneNumbers) == null ? void 0 : o[0]) == null ? void 0 : f.number) ?? "";
+      },
+      filter: b,
+      floatingFilterComponent: p,
+      minWidth: 160,
+      width: 180
+    },
+    /* ── Next appointment (P1) ─────────────────────────────────────── */
+    {
+      colId: "nextAppointment",
+      headerName: l("nextAppointment"),
+      responsiveTier: "P1",
+      field: "nextAppointment",
+      cellRenderer: qe,
+      filter: _,
+      floatingFilterComponent: L,
+      minWidth: 160,
+      width: 180
+    },
+    /* ── Unpaid balance (P1) ───────────────────────────────────────── */
+    {
+      colId: "unpaidBalance",
+      headerName: l("unpaidBalance"),
+      responsiveTier: "P1",
+      field: "unpaidAmount",
+      type: "numericColumn",
+      cellRenderer: _e,
+      filter: H,
+      floatingFilterComponent: U,
+      // Money is integer cents; the inRange filter compares cents directly.
+      filterParams: { defaultOperator: "inRange", min: 0 },
+      minWidth: 150,
+      width: 170
+    },
+    /* ── Email (P2) — hidden when masking ──────────────────────────── */
+    {
+      colId: "email",
+      headerName: l("email"),
+      responsiveTier: "P2",
+      field: "email",
+      // Emit `hide` ONLY when masking (never a literal `hide: false`). A static
+      // `hide: false` is re-applied by AG Grid on every `columnDefs` reconcile,
+      // clobbering a runtime hide from the ViewSwitcher / responsive hook.
+      hide: d || void 0,
+      filter: b,
+      floatingFilterComponent: p,
+      minWidth: 200,
+      width: 240
+    },
+    /* ── Care-plan status (P2) ─────────────────────────────────────── */
+    {
+      colId: "carePlanStatus",
+      headerName: l("carePlanStatus"),
+      responsiveTier: "P2",
+      field: "carePlanStatus",
+      cellRenderer: ze,
+      filter: R,
+      floatingFilterComponent: F,
+      filterParams: {
+        options: [
+          {
+            value: "accepted",
+            label: e("patientTable.carePlanStatus.accepted")
+          },
+          {
+            value: "estimate",
+            label: e("patientTable.carePlanStatus.estimate")
+          },
+          { value: "none", label: e("patientTable.carePlanStatus.none") }
+        ]
+      },
+      sortable: !1,
+      minWidth: 130,
+      width: 150
+    },
+    /* ── Fiscal code (P3, text) ────────────────────────────────────── */
+    {
+      colId: "fiscalCode",
+      headerName: l("fiscalCode"),
+      responsiveTier: "P3",
+      field: "italianFiscalCode",
+      filter: b,
+      floatingFilterComponent: p,
+      minWidth: 160,
+      width: 180
+    },
+    /* ── Age (P3, derived numeric) ─────────────────────────────────── */
+    {
+      colId: "age",
+      headerName: l("age"),
+      responsiveTier: "P3",
+      // Left-aligned like the text columns — `numericColumn` (which right-aligns
+      // header + cell) is for ledger figures, not a 2-digit age. Sort stays
+      // numeric because the valueGetter returns a number.
+      valueGetter: (t) => {
+        var n;
+        return Ze((n = t.data) == null ? void 0 : n.dateOfBirth) ?? void 0;
+      },
+      filter: H,
+      floatingFilterComponent: U,
+      minWidth: 90,
+      width: 110
+    },
+    /* ── Gender (P3) ───────────────────────────────────────────────── */
+    {
+      colId: "gender",
+      headerName: l("gender"),
+      responsiveTier: "P3",
+      // Map the raw code to a localised label for both cell + set filter.
+      valueGetter: (t) => {
+        var n;
+        return (n = t.data) != null && n.gender ? m[t.data.gender] : W;
+      },
+      filter: R,
+      floatingFilterComponent: F,
+      filterParams: {
+        options: [
+          { value: m.m, label: m.m },
+          { value: m.f, label: m.f },
+          { value: m.x, label: m.x }
+        ]
+      },
+      minWidth: 110,
+      width: 130
+    },
+    /* ── Source (P3) ───────────────────────────────────────────────── */
+    {
+      colId: "source",
+      headerName: l("source"),
+      responsiveTier: "P3",
+      // TagListCellRenderer expects an array; wrap the resolved source string.
+      valueGetter: (t) => {
+        var o, f;
+        const n = ((o = t.data) == null ? void 0 : o.source) ?? ((f = t.data) == null ? void 0 : f.customSource);
+        return n ? [n] : [];
+      },
+      cellRenderer: ne,
+      filterValueGetter: (t) => {
+        var n, o;
+        return ((n = t.data) == null ? void 0 : n.source) ?? ((o = t.data) == null ? void 0 : o.customSource) ?? "";
+      },
+      filter: R,
+      floatingFilterComponent: F,
+      sortable: !1,
+      minWidth: 120,
+      width: 150
+    },
+    /* ── Grouped: Identity — hidden by default ─────────────────────── */
+    {
+      colId: "dateOfBirth",
+      headerName: l("dateOfBirth"),
+      hide: !0,
+      field: "dateOfBirth",
+      cellRenderer: K,
+      cellRendererParams: { format: "date" },
+      filter: _,
+      floatingFilterComponent: L,
+      minWidth: 140,
+      width: 160
+    },
+    {
+      colId: "placeOfBirth",
+      headerName: l("placeOfBirth"),
+      hide: !0,
+      field: "placeOfBirth",
+      filter: b,
+      floatingFilterComponent: p,
+      minWidth: 140,
+      width: 160
+    },
+    {
+      colId: "countryOfBirth",
+      headerName: l("countryOfBirth"),
+      hide: !0,
+      field: "countryOfBirth",
+      filter: b,
+      floatingFilterComponent: p,
+      minWidth: 130,
+      width: 150
+    },
+    /* ── Grouped: Contact — hidden by default ──────────────────────── */
+    {
+      colId: "smsReminders",
+      headerName: l("smsReminders"),
+      hide: !0,
+      valueGetter: (t) => {
+        var n;
+        return !!((n = t.data) != null && n.smsReminderEligible);
+      },
+      valueFormatter: (t) => t.value === !0 ? B : W,
+      filter: R,
+      floatingFilterComponent: F,
+      filterParams: {
+        options: [
+          { value: !0, label: B },
+          { value: !1, label: W }
+        ]
+      },
+      minWidth: 120,
+      width: 140
+    },
+    {
+      colId: "emailReminders",
+      headerName: l("emailReminders"),
+      hide: !0,
+      valueGetter: (t) => {
+        var n;
+        return !!((n = t.data) != null && n.emailReminderEligible);
+      },
+      valueFormatter: (t) => t.value === !0 ? B : W,
+      filter: R,
+      floatingFilterComponent: F,
+      filterParams: {
+        options: [
+          { value: !0, label: B },
+          { value: !1, label: W }
+        ]
+      },
+      minWidth: 120,
+      width: 140
+    },
+    {
+      colId: "pec",
+      headerName: l("pec"),
+      hide: !0,
+      field: "pecAddress",
+      filter: b,
+      floatingFilterComponent: p,
+      minWidth: 200,
+      width: 240
+    },
+    /* ── Grouped: Appointments — hidden by default ─────────────────── */
+    {
+      colId: "lastVisit",
+      headerName: l("lastVisit"),
+      hide: !0,
+      field: "lastAppointment",
+      cellRenderer: K,
+      cellRendererParams: { format: "relative" },
+      filter: _,
+      floatingFilterComponent: L,
+      minWidth: 140,
+      width: 160
+    },
+    /* ── Grouped: Financial — hidden by default ────────────────────── */
+    {
+      colId: "billableAmount",
+      headerName: l("billableAmount"),
+      hide: !0,
+      type: "numericColumn",
+      cellRenderer: Ce,
+      // Cents → major unit at the render boundary. No `field` — the valueGetter
+      // takes precedence over `field` in AG Grid for both cell + sort, so a
+      // `field: 'billableAmount'` would be dead (and misleadingly imply the raw
+      // cents drive the renderer).
+      valueGetter: (t) => t.data ? t.data.billableAmount / 100 : void 0,
+      filter: H,
+      floatingFilterComponent: U,
+      minWidth: 140,
+      width: 160
+    },
+    {
+      colId: "discount",
+      headerName: l("discount"),
+      hide: !0,
+      field: "defaultDiscount",
+      type: "numericColumn",
+      valueFormatter: (t) => t.value == null ? "" : `${t.value}%`,
+      filter: H,
+      floatingFilterComponent: U,
+      minWidth: 110,
+      width: 130
+    },
+    /* ── Grouped: Clinical — hidden by default ─────────────────────── */
+    {
+      colId: "diagnosis",
+      headerName: l("diagnosis"),
+      hide: !0,
+      field: "diagnosis",
+      filter: b,
+      floatingFilterComponent: p,
+      minWidth: 180,
+      width: 220
+    },
+    {
+      colId: "insurance",
+      headerName: l("insurance"),
+      hide: !0,
+      field: "defaultInsurance",
+      filter: R,
+      floatingFilterComponent: F,
+      minWidth: 140,
+      width: 160
+    },
+    {
+      colId: "assignedTo",
+      headerName: l("assignedTo"),
+      hide: !0,
+      cellRenderer: we,
+      valueGetter: (t) => {
+        var n;
+        return (n = t.data) != null && n.personalAssistant ? { name: t.data.personalAssistant } : null;
+      },
+      comparator: (t, n) => ((t == null ? void 0 : t.name) ?? "").localeCompare((n == null ? void 0 : n.name) ?? ""),
+      filterValueGetter: (t) => {
+        var n;
+        return ((n = t.data) == null ? void 0 : n.personalAssistant) ?? "";
+      },
+      filter: Ne,
+      floatingFilterComponent: ve,
+      minWidth: 160,
+      width: 180
+    },
+    {
+      colId: "job",
+      headerName: l("job"),
+      hide: !0,
+      field: "job",
+      filter: b,
+      floatingFilterComponent: p,
+      minWidth: 140,
+      width: 160
+    },
+    /* ── Grouped: Admin — hidden by default ────────────────────────── */
+    {
+      colId: "marketingConsent",
+      headerName: l("marketingConsent"),
+      hide: !0,
+      cellRenderer: Te,
+      cellRendererParams: {
+        variantMap: C
+      },
+      valueGetter: (t) => {
+        var n;
+        switch ((n = t.data) == null ? void 0 : n.marketingConsent) {
+          case 1:
+            return u.yes;
+          case 0:
+            return u.no;
+          default:
+            return u.notSpecified;
+        }
+      },
+      filter: R,
+      floatingFilterComponent: F,
+      filterParams: {
+        options: [
+          { value: u.yes, label: u.yes },
+          { value: u.no, label: u.no },
+          {
+            value: u.notSpecified,
+            label: u.notSpecified
+          }
+        ]
+      },
+      sortable: !1,
+      minWidth: 150,
+      width: 170
+    },
+    {
+      colId: "patientNumber",
+      headerName: l("patientNumber"),
+      hide: !0,
+      // `YYYY/N` yearly numbering.
+      valueGetter: (t) => {
+        var f, v;
+        const n = (f = t.data) == null ? void 0 : f.yearlyNumberingYear, o = (v = t.data) == null ? void 0 : v.yearlyNumberingNumber;
+        return n != null && o != null ? `${n}/${o}` : "";
+      },
+      filter: b,
+      floatingFilterComponent: p,
+      minWidth: 120,
+      width: 140
+    },
+    {
+      colId: "portal",
+      headerName: l("portal"),
+      hide: !0,
+      valueGetter: (t) => {
+        var n;
+        return !!((n = t.data) != null && n.mydentista);
+      },
+      valueFormatter: (t) => t.value === !0 ? B : W,
+      filter: R,
+      floatingFilterComponent: F,
+      filterParams: {
+        options: [
+          { value: !0, label: B },
+          { value: !1, label: W }
+        ]
+      },
+      minWidth: 110,
+      width: 130
+    },
+    {
+      colId: "createdAt",
+      headerName: l("createdAt"),
+      hide: !0,
+      field: "createdAt",
+      cellRenderer: K,
+      cellRendererParams: { format: "date" },
+      filter: _,
+      floatingFilterComponent: L,
+      minWidth: 140,
+      width: 160
+    },
+    /* ── Grouped: Address — hidden by default ──────────────────────── */
+    {
+      colId: "city",
+      headerName: l("city"),
+      hide: !0,
+      field: "city",
+      filter: b,
+      floatingFilterComponent: p,
+      minWidth: 120,
+      width: 150
+    },
+    {
+      colId: "province",
+      headerName: l("province"),
+      hide: !0,
+      field: "province",
+      filter: b,
+      floatingFilterComponent: p,
+      minWidth: 100,
+      width: 120
+    },
+    {
+      colId: "postcode",
+      headerName: l("postcode"),
+      hide: !0,
+      field: "postcode",
+      filter: b,
+      floatingFilterComponent: p,
+      minWidth: 110,
+      width: 130
+    },
+    {
+      colId: "country",
+      headerName: l("country"),
+      hide: !0,
+      field: "countryCode",
+      filter: b,
+      floatingFilterComponent: p,
+      minWidth: 110,
+      width: 130
+    },
+    {
+      colId: "street",
+      headerName: l("street"),
+      hide: !0,
+      field: "street",
+      filter: b,
+      floatingFilterComponent: p,
+      minWidth: 180,
+      width: 220
+    },
+    /* ── Custom fields (per-practice, dynamic) — appended, hidden ──── */
+    ...et(c),
+    /* ── Actions (P0, pinned-end) ──────────────────────────────────── */
+    {
+      colId: "actions",
+      headerName: l("actions"),
+      // Pinned to the inline-end edge so actions stay reachable while the field
+      // columns scroll. AG Grid `pinned` is physical — the grid's `enableRtl`
+      // flips this to the start edge under RTL.
+      pinned: "right",
+      // Header + action group left-aligned (justify-start), consistent with every
+      // other column — no right-aligned header (the actions still sit at the
+      // pinned inline-end edge, the group just starts at the cell's leading edge).
+      cellClass: "ds:justify-start",
+      cellRenderer: Fe,
+      cellRendererParams: {
+        actions: h,
+        intent: "ghost",
+        group: !0,
+        label: e("patientTable.actions.group"),
+        collapsed: s
+      },
+      sortable: !1,
+      filter: !1,
+      resizable: !1,
+      // The renderer collapses to a single overflow trigger via
+      // `getActionsCompact`; the expanded width is DERIVED from the action count
+      // so a row showing every action can't clip — 88px collapsed → fits-all.
+      width: ae(h.length),
+      minWidth: 88
+      // Anchor — never auto-hidden (no tier).
+    }
+  ];
+}
+const nt = [
+  { minWidth: 0, tier: "P0" },
+  { minWidth: 640, tier: "P1" },
+  { minWidth: 900, tier: "P2" },
+  { minWidth: 1200, tier: "P3" }
+];
+function Z(e, i) {
+  const d = /* @__PURE__ */ new Set();
+  for (const s of i)
+    e >= s.minWidth && d.add(s.tier);
+  return d.add("P0"), d;
+}
+function at(e, i) {
+  const {
+    containerRef: d,
+    enabled: s = !0,
+    breakpoints: a = nt
+  } = i, r = k(/* @__PURE__ */ new Set()), c = k(!1);
+  return ee(() => {
+    const m = d.current;
+    if (!s || !m) return;
+    const u = () => {
+      var o;
+      return (o = e.current) == null ? void 0 : o.getRawApi();
+    }, C = (o) => {
+      if (c.current || o.source === "api") return;
+      const f = o.columns ?? (o.column ? [o.column] : []);
+      for (const v of f)
+        r.current.add(v.getColId());
+    };
+    let l = !1;
+    const w = (o) => {
+      if (l) return;
+      l = !0;
+      const f = o.getColumns(), v = m.getBoundingClientRect().width, D = Z(v, a);
+      if (f)
+        for (const T of f) {
+          const I = q(T.getColDef());
+          I && !T.isVisible() && D.has(I) && r.current.add(T.getColId());
+        }
+      o.addEventListener("columnVisible", C);
+    }, t = () => {
+      const o = u();
+      if (!o) return;
+      w(o);
+      const f = o.getColumns();
+      if (!f) return;
+      const v = m.getBoundingClientRect().width, D = Z(v, a), T = [], I = [];
+      for (const S of f) {
+        const V = S.getColId();
+        if (r.current.has(V)) continue;
+        const A = q(S.getColDef());
+        if (!A) continue;
+        const E = D.has(A);
+        E && !S.isVisible() ? T.push(S) : !E && S.isVisible() && I.push(S);
+      }
+      if (!(T.length === 0 && I.length === 0)) {
+        c.current = !0;
+        try {
+          T.length > 0 && o.setColumnsVisible(T, !0), I.length > 0 && o.setColumnsVisible(I, !1);
+        } finally {
+          c.current = !1;
+        }
+      }
+    }, n = new ResizeObserver(() => t());
+    return n.observe(m), t(), () => {
+      var o;
+      n.disconnect(), (o = u()) == null || o.removeEventListener("columnVisible", C);
+    };
+  }, [d, s, a, e]), { lockColumns: z((m) => {
+    for (const u of m) r.current.add(u);
+  }, []) };
+}
+function it(e) {
+  var i;
+  return (i = e.data) != null && i.isArchived ? "data-table-row-archived" : void 0;
+}
+function lt(e) {
+  return e.data.id;
+}
+function rt({
+  views: e,
+  handleRef: i,
+  lockColumns: d,
+  label: s
+}) {
+  const [a, r] = te(""), c = Y(
+    () => e.map((u) => ({ value: u.id, label: u.label })),
+    [e]
+  ), h = z(
+    (u) => {
+      const C = e.find((t) => t.id === u), l = i.current;
+      if (!C || !l) return;
+      const w = l.getRawApi();
+      if (w) {
+        const t = new Set(C.columns), n = [], o = [];
+        for (const f of w.getColumns() ?? []) {
+          if (q(f.getColDef()) === void 0) continue;
+          const v = f.getColId();
+          t.has(v) ? n.push(v) : o.push(v);
+        }
+        d([...n, ...o]), n.length > 0 && w.setColumnsVisible(n, !0), o.length > 0 && w.setColumnsVisible(o, !1);
+      }
+      l.setFilter(C.filterModel), l.setSort(C.sortModel), w == null || w.onFilterChanged();
+    },
+    [e, i, d]
+  ), m = z(
+    (u) => {
+      r(u), u && h(u);
+    },
+    [h]
+  );
+  return (
+    // Width-constraining wrapper (same pattern as the toolbar's QuickSearch) so
+    // the Select's intrinsic `w-full` trigger sizes to a compact, legible width
+    // instead of absorbing the whole FilterBar row.
+    /* @__PURE__ */ g("div", { className: "ds:w-[12rem] ds:max-w-full ds:min-w-0 ds:shrink-0", children: /* @__PURE__ */ g(
+      Ie,
+      {
+        options: c,
+        value: a,
+        onValueChange: m,
+        size: "sm",
+        "aria-label": s
+      }
+    ) })
+  );
+}
+const ot = he(
+  function({
+    rowData: i,
+    columns: d,
+    gridId: s,
+    density: a,
+    actionsCompact: r,
+    heightClass: c,
+    responsive: h = !0,
+    views: m,
+    onRowAction: u,
+    bulkActions: C,
+    loading: l = !1,
+    toolbar: w,
+    hideQuickSearch: t = !1,
+    pagination: n = !0,
+    paginationPageSizeSelector: o,
+    hideDetails: f = !1,
+    identityHref: v,
+    customFields: D,
+    "aria-label": T,
+    className: I
+  }, S) {
+    const { t: V } = $("ui"), A = k(null), E = k(null), [G, le] = te(null);
+    pe(
+      S,
+      () => G ?? A.current,
+      [G]
+    );
+    const { lockColumns: re } = at(A, {
+      containerRef: E,
+      enabled: h
+    }), M = r ?? a === "compact", Q = k(M), X = z(() => Q.current, []);
+    ee(() => {
+      var y;
+      Q.current = M;
+      const N = (y = A.current) == null ? void 0 : y.getRawApi();
+      N && (N.setColumnWidths([
+        {
+          key: "actions",
+          newWidth: M ? 88 : ae(Qe)
+        }
+      ]), N.refreshCells({ force: !0 }));
+    }, [M, G]);
+    const oe = Y(
+      () => d ?? tt(V, {
+        hideDetails: f,
+        onRowAction: u,
+        identityHref: v,
+        customFields: D,
+        getActionsCompact: X
+      }),
+      [
+        d,
+        V,
+        f,
+        u,
+        v,
+        D,
+        X
+      ]
+    ), se = ((m == null ? void 0 : m.length) ?? 0) > 0, de = /* @__PURE__ */ O(P.Toolbar, { children: [
+      /* @__PURE__ */ O(P.Toolbar.FilterBar, { children: [
+        se && m ? /* @__PURE__ */ g(
+          rt,
+          {
+            views: m,
+            handleRef: A,
+            lockColumns: re,
+            label: V("patientTable.views.label")
+          }
+        ) : null,
+        t ? null : /* @__PURE__ */ g(P.Toolbar.QuickSearch, {}),
+        /* @__PURE__ */ g(P.Toolbar.FilterChips, {})
+      ] }),
+      /* @__PURE__ */ O(P.Toolbar.Actions, { children: [
+        C == null ? void 0 : C.map((N) => /* @__PURE__ */ g(
+          P.Toolbar.BulkAction,
+          {
+            label: N.label,
+            icon: N.icon,
+            variant: N.variant,
+            onClick: (y) => {
+              const fe = (y == null ? void 0 : y.getSelectedNodes().map((j) => j.id).filter((j) => j != null)) ?? [];
+              N.onSelect(fe);
+            }
+          },
+          N.id
+        )),
+        /* @__PURE__ */ g(P.Toolbar.ColumnToggle, {}),
+        /* @__PURE__ */ g(P.Toolbar.ExportMenu, {})
+      ] })
+    ] }), ce = w ?? de, ue = l ? void 0 : i, me = Y(() => ({ getRowId: lt }), []);
+    return ye(
+      Re,
+      G,
+      s
+    ), /* @__PURE__ */ g(
+      "div",
+      {
+        ref: E,
+        role: "region",
+        "aria-label": T ?? V("patientTable.regionLabel"),
+        "data-component": "patient-table",
+        "data-component-id": s,
+        className: "ds:flex ds:w-full ds:min-h-0 ds:flex-1 ds:flex-col",
+        children: /* @__PURE__ */ g(
+          P,
+          {
+            ref: (N) => {
+              A.current = N, le(
+                (y) => y === N ? y : N
+              );
+            },
+            gridId: s,
+            columnDefs: oe,
+            rowData: ue,
+            rowSelection: "multiple",
+            pagination: n,
+            ...c !== void 0 ? { heightClass: c } : {},
+            ...o !== void 0 ? { paginationPageSizeSelector: o } : {},
+            density: a,
+            getRowClass: it,
+            gridOptions: me,
+            className: I,
+            children: ce
+          }
+        )
+      }
+    );
+  }
+);
+ot.displayName = "PatientTable";
+export {
+  _e as B,
+  ze as C,
+  qe as N,
+  Qe as P,
+  ot as a,
+  tt as b,
+  q as g,
+  at as u
+};
+//# sourceMappingURL=patient-table-CERknpd8.js.map