@alfadocs/ui-kit 0.48.0 → 0.50.0

package/dist/_chunks/pregnancy-dating-48Gfvod1.js

@@ -0,0 +1,421 @@
+import { jsxs as l, jsx as a, Fragment as ye } from "react/jsx-runtime";
+import { forwardRef as fe, useState as i, useMemo as o, useEffect as De } from "react";
+import { c as ve } from "./index-D2ZczOXr.js";
+import { useTranslation as be } from "react-i18next";
+import { R as r } from "./radio-TWf9Q-mp.js";
+import { R as L } from "./radio-group-CLjK-SlK.js";
+import { F as g } from "./form-field-BOm9hK35.js";
+import { D as O } from "./date-picker-BfHblqwA.js";
+import { N as _ } from "./number-input-Dj5L3pXK.js";
+import { S as xe } from "./select-hsCaJSX3.js";
+import { S as Ne } from "./switch-BJ6HD3Mn.js";
+import { C as M } from "./card-DPmk26CL.js";
+import { B as j } from "./badge-zsf5i5bH.js";
+import { I as Se } from "./insert-result-DNdi_JYW.js";
+import { D as k, r as Ae, c as Le, g as ke, e as Ce, f as Te, A as we, h as Ee, i as Re, j as P, G as Fe } from "./antenatal-schedule-timeline-CdiqkF05.js";
+import { s as C } from "./subDays-Bs00akhK.js";
+import { i as Ie } from "./date-picker-variants-CXEAx3O_.js";
+const Oe = ve("ds:flex ds:flex-col ds:gap-[var(--spacing-lg)]", {
+  variants: {
+    width: { full: "ds:w-full", auto: "ds:inline-flex" }
+  },
+  defaultVariants: { width: "full" }
+}), _e = {
+  lmp: "pregnancyDating.lmpDate",
+  conception: "pregnancyDating.conceptionDate",
+  ivf: "pregnancyDating.transferDate",
+  edd: "pregnancyDating.eddDate"
+}, je = fe(
+  ({
+    defaultMethod: z = "lmp",
+    defaultReferenceDate: Y,
+    onResultChange: y,
+    onInsert: $,
+    insertVariant: B = "insert",
+    onCopy: K,
+    onError: U,
+    insertBrand: q,
+    showSchedule: T = !1,
+    defaultPlurality: J = "singleton",
+    defaultChorionicity: Q = "unknown",
+    defaultRhNegative: W = !1,
+    defaultGdmRisk: X,
+    scheduleOptions: V,
+    id: Z,
+    width: ee,
+    className: ae
+  }, te) => {
+    const { t: e, i18n: f } = be(), [s, ne] = i(z), [d, le] = i(
+      Y
+    ), [w, se] = i(
+      k
+    ), [E, ie] = i(5), [D, re] = i(null), [v, de] = i(void 0), [b, ce] = i(
+      null
+    ), [m, oe] = i(() => /* @__PURE__ */ new Date()), [x, ge] = i(J), [R, me] = i(Q), [F, pe] = i(W), [N, ue] = i(
+      X ?? "none"
+    ), G = o(() => /* @__PURE__ */ new Date(), []), c = o(() => s !== "lmp" || !d || D === null || !v ? null : Ae({ lmp: d, scanDate: v, crlMm: D }), [s, d, D, v]), p = o(() => {
+      if (!d) return null;
+      let t, u = k;
+      s === "lmp" ? (t = d, u = w ?? k) : s === "conception" ? t = C(d, P) : s === "ivf" ? t = C(d, E + P) : t = C(d, Fe), s === "lmp" && (c != null && c.redated) ? (t = c.gestationalStart, u = k) : b && (t = C(t, b));
+      const h = Le(
+        { method: "lmp", date: t, cycleLength: u },
+        m
+      );
+      return {
+        result: {
+          dueDate: h.dueDate,
+          gestationalStart: h.gestationalStart,
+          gestationalAge: h.gestationalAge,
+          trimester: h.trimester
+        },
+        milestones: ke(h.gestationalStart)
+      };
+    }, [
+      s,
+      d,
+      w,
+      E,
+      c,
+      b,
+      m
+    ]), n = (p == null ? void 0 : p.result) ?? null, S = o(() => !T || !n ? null : Ce(n.gestationalStart, {
+      ...V,
+      today: m,
+      plurality: x,
+      chorionicity: R,
+      rhNegative: F,
+      gdmRisk: N === "none" ? void 0 : N
+    }), [
+      T,
+      n,
+      m,
+      V,
+      x,
+      R,
+      F,
+      N
+    ]), A = o(
+      () => new Intl.DateTimeFormat(f.language, { dateStyle: "long" }),
+      [f.language]
+    ), H = o(
+      () => new Intl.DateTimeFormat(f.language, { dateStyle: "medium" }),
+      [f.language]
+    );
+    De(() => {
+      y == null || y(n);
+    }, [n, y]);
+    const he = o(
+      () => [
+        "unknown",
+        "dichorionic-diamniotic",
+        "monochorionic-diamniotic",
+        "monochorionic-monoamniotic"
+      ].map((t) => ({
+        value: t,
+        label: e(`antenatalSchedule.chorionicity.${t}`)
+      })),
+      [e]
+    ), I = (t) => t ? e("pregnancyDating.result.gestation", {
+      weeks: t.weeks,
+      days: t.days
+    }) : "—";
+    return /* @__PURE__ */ l(
+      "div",
+      {
+        ref: te,
+        "data-component": "pregnancy-dating",
+        "data-component-id": Z,
+        className: Oe({ width: ee, className: ae }),
+        children: [
+          /* @__PURE__ */ l(
+            L,
+            {
+              label: e("pregnancyDating.method.label"),
+              variant: "horizontal",
+              value: s,
+              onValueChange: (t) => ne(t),
+              children: [
+                /* @__PURE__ */ a(r, { label: e("pregnancyDating.method.lmp"), value: "lmp" }),
+                /* @__PURE__ */ a(
+                  r,
+                  {
+                    label: e("pregnancyDating.method.conception"),
+                    value: "conception"
+                  }
+                ),
+                /* @__PURE__ */ a(r, { label: e("pregnancyDating.method.ivf"), value: "ivf" }),
+                /* @__PURE__ */ a(r, { label: e("pregnancyDating.method.edd"), value: "edd" })
+              ]
+            }
+          ),
+          /* @__PURE__ */ l("div", { className: "ds:grid ds:grid-cols-1 ds:gap-[var(--spacing-md)] ds:sm:grid-cols-2", children: [
+            /* @__PURE__ */ a(g, { label: e(_e[s]), children: /* @__PURE__ */ a(
+              O,
+              {
+                value: d,
+                onChange: le,
+                maxDate: s === "edd" ? void 0 : G
+              }
+            ) }),
+            s === "lmp" && /* @__PURE__ */ a(
+              g,
+              {
+                label: e("pregnancyDating.cycleLength"),
+                description: e("pregnancyDating.cycleLengthHint"),
+                children: /* @__PURE__ */ a(
+                  _,
+                  {
+                    mode: "integer",
+                    min: 20,
+                    max: 45,
+                    value: w,
+                    onChange: se
+                  }
+                )
+              }
+            ),
+            s === "ivf" && /* @__PURE__ */ l(
+              L,
+              {
+                label: e("pregnancyDating.embryoAge"),
+                variant: "horizontal",
+                value: String(E),
+                onValueChange: (t) => ie(Number(t)),
+                children: [
+                  /* @__PURE__ */ a(r, { label: e("pregnancyDating.day3"), value: "3" }),
+                  /* @__PURE__ */ a(r, { label: e("pregnancyDating.day5"), value: "5" })
+                ]
+              }
+            ),
+            /* @__PURE__ */ a(
+              g,
+              {
+                label: e("pregnancyDating.datingAdjustment"),
+                description: e("pregnancyDating.datingAdjustmentHint"),
+                children: /* @__PURE__ */ a(
+                  _,
+                  {
+                    mode: "integer",
+                    value: b,
+                    onChange: ce
+                  }
+                )
+              }
+            ),
+            /* @__PURE__ */ a(
+              g,
+              {
+                label: e("pregnancyDating.asOfDate"),
+                description: e("pregnancyDating.asOfDateHint"),
+                children: /* @__PURE__ */ a(
+                  O,
+                  {
+                    value: m,
+                    onChange: (t) => t && oe(t)
+                  }
+                )
+              }
+            )
+          ] }),
+          s === "lmp" ? /* @__PURE__ */ l("div", { className: "ds:flex ds:flex-col ds:gap-[var(--spacing-sm)]", children: [
+            /* @__PURE__ */ l("div", { className: "ds:grid ds:grid-cols-1 ds:gap-[var(--spacing-md)] ds:sm:grid-cols-2", children: [
+              /* @__PURE__ */ a(
+                g,
+                {
+                  label: e("pregnancyDating.crl"),
+                  description: e("pregnancyDating.crlHint"),
+                  children: /* @__PURE__ */ a(
+                    _,
+                    {
+                      mode: "decimal",
+                      min: 0,
+                      step: 0.1,
+                      value: D,
+                      onChange: re
+                    }
+                  )
+                }
+              ),
+              /* @__PURE__ */ a(g, { label: e("pregnancyDating.scanDate"), children: /* @__PURE__ */ a(
+                O,
+                {
+                  value: v,
+                  onChange: de,
+                  maxDate: G
+                }
+              ) })
+            ] }),
+            c ? /* @__PURE__ */ l("div", { className: "ds:flex ds:flex-wrap ds:items-center ds:gap-[var(--spacing-sm)]", children: [
+              /* @__PURE__ */ a(j, { variant: c.redated ? "warning" : "success", children: c.redated ? e("pregnancyDating.redated", {
+                days: c.discrepancyDays
+              }) : e("pregnancyDating.datesAgree") }),
+              c.crlInRange ? null : /* @__PURE__ */ a("span", { className: "type-meta ds:text-muted-foreground", children: e("pregnancyDating.crlOutOfRange") })
+            ] }) : null
+          ] }) : null,
+          T ? /* @__PURE__ */ l(ye, { children: [
+            /* @__PURE__ */ l(
+              L,
+              {
+                label: e("antenatalSchedule.plurality.label"),
+                variant: "horizontal",
+                value: x,
+                onValueChange: (t) => ge(t),
+                children: [
+                  /* @__PURE__ */ a(
+                    r,
+                    {
+                      label: e("antenatalSchedule.plurality.singleton"),
+                      value: "singleton"
+                    }
+                  ),
+                  /* @__PURE__ */ a(
+                    r,
+                    {
+                      label: e("antenatalSchedule.plurality.twin"),
+                      value: "twin"
+                    }
+                  ),
+                  /* @__PURE__ */ a(
+                    r,
+                    {
+                      label: e("antenatalSchedule.plurality.triplet"),
+                      value: "triplet"
+                    }
+                  )
+                ]
+              }
+            ),
+            x !== "singleton" ? /* @__PURE__ */ a(g, { label: e("antenatalSchedule.chorionicity.label"), children: /* @__PURE__ */ a(
+              xe,
+              {
+                options: he,
+                value: R,
+                onValueChange: (t) => me(t)
+              }
+            ) }) : null,
+            /* @__PURE__ */ a(
+              Ne,
+              {
+                label: e("antenatalSchedule.rhNegative"),
+                checked: F,
+                onCheckedChange: pe
+              }
+            ),
+            /* @__PURE__ */ l(
+              L,
+              {
+                label: e("antenatalSchedule.gdmRisk.label"),
+                variant: "horizontal",
+                value: N,
+                onValueChange: (t) => ue(t),
+                children: [
+                  /* @__PURE__ */ a(r, { label: e("antenatalSchedule.gdmRisk.none"), value: "none" }),
+                  /* @__PURE__ */ a(
+                    r,
+                    {
+                      label: e("antenatalSchedule.gdmRisk.medium"),
+                      value: "medium"
+                    }
+                  ),
+                  /* @__PURE__ */ a(r, { label: e("antenatalSchedule.gdmRisk.high"), value: "high" })
+                ]
+              }
+            )
+          ] }) : null,
+          /* @__PURE__ */ a("p", { className: "ds:sr-only", role: "status", "aria-live": "polite", children: n ? `${e("pregnancyDating.result.dueDateLabel")}: ${A.format(
+            n.dueDate
+          )}. ${e("pregnancyDating.result.gestationLabel")}: ${I(
+            n.gestationalAge
+          )}.` : "" }),
+          p && n ? /* @__PURE__ */ a(M, { variant: "elevated", children: /* @__PURE__ */ l(M.Body, { className: "ds:flex ds:flex-col ds:gap-[var(--spacing-md)]", children: [
+            /* @__PURE__ */ l("dl", { className: "ds:grid ds:grid-cols-1 ds:gap-[var(--spacing-md)] ds:sm:grid-cols-3", children: [
+              /* @__PURE__ */ l("div", { className: "ds:flex ds:flex-col ds:items-start ds:gap-[var(--spacing-xs)]", children: [
+                /* @__PURE__ */ a("dt", { className: "type-label ds:text-muted-foreground", children: e("pregnancyDating.result.dueDateLabel") }),
+                /* @__PURE__ */ a("dd", { className: "type-metric ds:text-foreground", children: A.format(n.dueDate) })
+              ] }),
+              /* @__PURE__ */ l("div", { className: "ds:flex ds:flex-col ds:items-start ds:gap-[var(--spacing-xs)]", children: [
+                /* @__PURE__ */ a("dt", { className: "type-label ds:text-muted-foreground", children: e("pregnancyDating.result.gestationLabel") }),
+                /* @__PURE__ */ a("dd", { className: "type-body ds:text-foreground", children: I(n.gestationalAge) })
+              ] }),
+              /* @__PURE__ */ l("div", { className: "ds:flex ds:flex-col ds:items-end ds:gap-[var(--spacing-xs)] ds:text-end", children: [
+                /* @__PURE__ */ a("dt", { className: "type-label ds:text-muted-foreground", children: e("pregnancyDating.result.trimesterLabel") }),
+                /* @__PURE__ */ a("dd", { children: /* @__PURE__ */ a(
+                  j,
+                  {
+                    variant: Te[n.trimester],
+                    size: "lg",
+                    children: e(`pregnancyDating.trimester.${n.trimester}`)
+                  }
+                ) })
+              ] })
+            ] }),
+            /* @__PURE__ */ l("div", { className: "ds:flex ds:flex-col ds:gap-[var(--spacing-xs)]", children: [
+              /* @__PURE__ */ a("span", { className: "type-label ds:text-muted-foreground", children: e("pregnancyDating.milestonesLabel") }),
+              /* @__PURE__ */ a("ul", { className: "ds:flex ds:flex-col ds:gap-[var(--spacing-xs)]", children: p.milestones.map((t) => {
+                const u = Ie(m, t.date);
+                return /* @__PURE__ */ l(
+                  "li",
+                  {
+                    className: "ds:flex ds:items-center ds:justify-between ds:gap-[var(--spacing-md)]",
+                    children: [
+                      /* @__PURE__ */ a("span", { className: "type-body ds:text-foreground", children: e(`pregnancyDating.milestone.${t.key}`) }),
+                      /* @__PURE__ */ l("span", { className: "ds:flex ds:items-center ds:gap-[var(--spacing-sm)]", children: [
+                        /* @__PURE__ */ a("span", { className: "type-body ds:text-muted-foreground", children: H.format(t.date) }),
+                        u ? /* @__PURE__ */ a(j, { variant: "success", children: e("pregnancyDating.reached") }) : null
+                      ] })
+                    ]
+                  },
+                  t.key
+                );
+              }) })
+            ] })
+          ] }) }) : /* @__PURE__ */ a("p", { className: "type-body ds:text-muted-foreground", children: e("pregnancyDating.empty") }),
+          S ? /* @__PURE__ */ a(we, { events: S }) : null,
+          n && (B === "copy" || $) ? /* @__PURE__ */ a(
+            Se,
+            {
+              onInsert: $,
+              variant: B,
+              onCopy: K,
+              onError: U,
+              card: {
+                title: e("insert.title.pregnancyDating"),
+                icon: "calendar-heart",
+                highlight: A.format(n.dueDate),
+                highlightToken: Re(n.trimester),
+                brand: q,
+                fields: [
+                  {
+                    icon: "calendar",
+                    label: e("pregnancyDating.result.dueDateLabel"),
+                    value: A.format(n.dueDate)
+                  },
+                  {
+                    icon: "clock",
+                    label: e("pregnancyDating.result.gestationLabel"),
+                    value: I(n.gestationalAge)
+                  },
+                  {
+                    icon: "tag",
+                    label: e("pregnancyDating.result.trimesterLabel"),
+                    value: e(`pregnancyDating.trimester.${n.trimester}`)
+                  },
+                  ...S ? Ee(
+                    S,
+                    e,
+                    (t) => H.format(t)
+                  ) : []
+                ]
+              }
+            }
+          ) : null
+        ]
+      }
+    );
+  }
+);
+je.displayName = "PregnancyDating";
+export {
+  je as P
+};
+//# sourceMappingURL=pregnancy-dating-48Gfvod1.js.map