@alfadocs/ui-kit 0.68.0 → 0.70.0

package/dist/_chunks/field-value-NXYczdpO.js

@@ -0,0 +1,415 @@
+import { useMemo as O, useCallback as D, useState as H, cloneElement as X } from "react";
+import { u as J } from "./use-controllable-state-BiY4xTzM.js";
+import { jsxs as F, jsx as r, Fragment as Q } from "react/jsx-runtime";
+import { useTranslation as z } from "react-i18next";
+import { B as W } from "./button-DD_0Xdmr.js";
+import { I as $ } from "./icon-button-LqoiKcUN.js";
+import { C as j } from "./checkbox-BuZ1u__2.js";
+import { P as T } from "./popover-B2qCDhJC.js";
+import { S as Y } from "./separator-CYU_bGFn.js";
+import { c as P } from "./createLucideIcon-CrFbzy84.js";
+import { G as Z } from "./grip-vertical-Dlg0_k5C.js";
+import { B as U } from "./badge-DCOqV9mI.js";
+import { L as ee } from "./link-DrD_cRUg.js";
+import { T as te } from "./transaction-chip-CscoQbxF.js";
+import { H as ne } from "./hash-CysBBS_N.js";
+import { C as re } from "./calendar-days-C4BmpCZg.js";
+import { U as se } from "./user-CPxpqFjJ.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 ae = [
+  ["path", { d: "M5 22h14", key: "ehvnwv" }],
+  ["path", { d: "M5 2h14", key: "pdyrp9" }],
+  [
+    "path",
+    {
+      d: "M17 22v-4.172a2 2 0 0 0-.586-1.414L12 12l-4.414 4.414A2 2 0 0 0 7 17.828V22",
+      key: "1d314k"
+    }
+  ],
+  [
+    "path",
+    { d: "M7 2v4.172a2 2 0 0 0 .586 1.414L12 12l4.414-4.414A2 2 0 0 0 17 6.172V2", key: "1vvvr6" }
+  ]
+], ie = P("hourglass", ae);
+/**
+ * @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: "M16 3h5v5", key: "1806ms" }],
+  ["path", { d: "m21 3-6.75 6.75", key: "pv0uzu" }],
+  ["circle", { cx: "10", cy: "14", r: "6", key: "1qwbdc" }]
+], ce = P("mars", oe);
+/**
+ * @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 le = [
+  ["path", { d: "M14 17H5", key: "gfn3mx" }],
+  ["path", { d: "M19 7h-9", key: "6i9tg" }],
+  ["circle", { cx: "17", cy: "17", r: "3", key: "18b49y" }],
+  ["circle", { cx: "7", cy: "7", r: "3", key: "dfmy0x" }]
+], de = P("settings-2", le);
+/**
+ * @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 ue = [
+  ["path", { d: "M12 15v7", key: "t2xh3l" }],
+  ["path", { d: "M9 19h6", key: "456am0" }],
+  ["circle", { cx: "12", cy: "9", r: "6", key: "1nw4tq" }]
+], me = P("venus", ue);
+function G(e) {
+  return e.flatMap((d) => d.fields.map((t) => t.id));
+}
+function _e(e, d) {
+  const t = d ?? G(e), m = new Map(t.map((a, y) => [a, y]));
+  return e.map((a) => ({
+    section: a,
+    fields: a.fields.filter((y) => m.has(y.id)).sort(
+      (y, S) => m.get(y.id) - m.get(S.id)
+    )
+  }));
+}
+function ze(e, { value: d, defaultValue: t, onChange: m } = {}) {
+  const a = O(
+    () => G(e),
+    [e]
+  ), [y, S] = J({
+    value: d,
+    defaultValue: t ?? a,
+    onChange: m
+  }), i = y ?? t ?? a, x = O(() => {
+    const p = /* @__PURE__ */ new Map();
+    for (const f of e)
+      for (const g of f.fields)
+        p.set(g.id, { field: g, sectionId: f.id });
+    return p;
+  }, [e]), u = D(
+    (p) => {
+      S(p.filter((f) => x.has(f)));
+    },
+    [S, x]
+  ), I = D(
+    (p) => {
+      u(
+        i.includes(p) ? i.filter((f) => f !== p) : [...i, p]
+      );
+    },
+    [i, u]
+  ), L = D(
+    (p, f) => {
+      var w;
+      const g = ((w = e.find((o) => o.id === p)) == null ? void 0 : w.fields.map((o) => o.id)) ?? [], V = new Set(g);
+      if (f) {
+        const o = g.filter((c) => !i.includes(c));
+        u([...i, ...o]);
+      } else
+        u(i.filter((o) => !V.has(o)));
+    },
+    [e, i, u]
+  ), N = D(
+    (p, f) => {
+      var A, n, C;
+      if (p === f) return;
+      const g = (A = x.get(p)) == null ? void 0 : A.sectionId, V = (n = x.get(f)) == null ? void 0 : n.sectionId;
+      if (!g || g !== V) return;
+      const w = new Set(
+        ((C = e.find((l) => l.id === g)) == null ? void 0 : C.fields.map((l) => l.id)) ?? []
+      ), o = i.filter((l) => w.has(l)), c = o.indexOf(p), v = o.indexOf(f);
+      if (c < 0 || v < 0) return;
+      const [k] = o.splice(c, 1);
+      o.splice(v, 0, k);
+      let h = 0;
+      const E = i.map(
+        (l) => w.has(l) ? o[h++] : l
+      );
+      u(E);
+    },
+    [x, e, i, u]
+  ), B = D(() => {
+    u(t ?? a);
+  }, [t, a, u]);
+  return {
+    visible: i,
+    catalogueIds: a,
+    fieldById: x,
+    setOrder: u,
+    toggleField: I,
+    toggleSection: L,
+    moveFieldOnto: N,
+    reset: B
+  };
+}
+function Pe({
+  sections: e,
+  visible: d,
+  onToggleField: t,
+  onToggleSection: m,
+  onMoveFieldOnto: a,
+  onReset: y,
+  label: S
+}) {
+  const { t: i } = z(), x = O(() => new Set(d), [d]), [u, I] = H(null), [L, N] = H(null), [B, p] = H(""), { sectionOfField: f, labelOfField: g } = O(() => {
+    const c = /* @__PURE__ */ new Map(), v = /* @__PURE__ */ new Map();
+    for (const k of e)
+      for (const h of k.fields)
+        c.set(h.id, k.id), v.set(h.id, h.label);
+    return { sectionOfField: c, labelOfField: v };
+  }, [e]), V = u ? f.get(u) : void 0, w = D(() => {
+    I(null), N(null);
+  }, []), o = D(
+    (c, v, k) => {
+      p(
+        i("fieldPicker.moved", {
+          field: g.get(c) ?? "",
+          position: v + 1,
+          count: k,
+          defaultValue: "Moved {{field}} to position {{position}} of {{count}}"
+        })
+      );
+    },
+    [i, g]
+  );
+  return /* @__PURE__ */ F(T.Root, { children: [
+    /* @__PURE__ */ r(T.Trigger, { asChild: !0, children: /* @__PURE__ */ r(
+      $,
+      {
+        size: "sm",
+        intent: "ghost",
+        icon: /* @__PURE__ */ r(de, { "aria-hidden": "true" }),
+        "aria-label": S ?? i("fieldPicker.trigger", { defaultValue: "Customize fields" }),
+        className: "ds:shrink-0"
+      }
+    ) }),
+    /* @__PURE__ */ F(T.Content, { align: "end", size: "sm", children: [
+      /* @__PURE__ */ r(T.Heading, { children: i("fieldPicker.title", { defaultValue: "Customize fields" }) }),
+      /* @__PURE__ */ F("div", { className: "ds:flex ds:flex-col ds:gap-[var(--spacing-sm)] ds:mt-[var(--spacing-xs)]", children: [
+        e.map((c) => {
+          const v = c.fields.map((n) => n.id), k = v.filter(
+            (n) => x.has(n)
+          ).length, h = d.filter(
+            (n) => v.includes(n)
+          ), E = k === 0 ? !1 : k === v.length ? !0 : "indeterminate", A = !!c.heading;
+          return /* @__PURE__ */ F(
+            "div",
+            {
+              className: "ds:flex ds:flex-col ds:gap-[var(--spacing-2xs)]",
+              children: [
+                A ? /* @__PURE__ */ r(
+                  j,
+                  {
+                    size: "sm",
+                    label: c.heading,
+                    checked: E,
+                    onCheckedChange: (n) => m(c.id, n === !0)
+                  }
+                ) : null,
+                /* @__PURE__ */ r(
+                  "ul",
+                  {
+                    className: [
+                      "ds:m-0 ds:flex ds:list-none ds:flex-col ds:gap-[var(--spacing-2xs)]",
+                      A ? "ds:ps-[var(--spacing-md)]" : "ds:ps-0"
+                    ].join(" "),
+                    children: c.fields.map((n) => {
+                      const C = x.has(n.id), l = h.indexOf(n.id), b = h.length, q = u === n.id, K = L === n.id && u !== null && u !== n.id && V === c.id;
+                      return /* @__PURE__ */ F(
+                        "li",
+                        {
+                          ...C ? {
+                            draggable: !0,
+                            onDragStart: (s) => {
+                              I(n.id), s.dataTransfer.effectAllowed = "move", s.dataTransfer.setData("text/plain", n.id);
+                            },
+                            onDragOver: (s) => {
+                              u === null || V !== c.id || (s.preventDefault(), s.dataTransfer.dropEffect = "move", N(n.id));
+                            },
+                            onDragLeave: () => N(
+                              (s) => s === n.id ? null : s
+                            ),
+                            onDrop: (s) => {
+                              s.preventDefault();
+                              const M = s.dataTransfer.getData("text/plain");
+                              M && M !== n.id && f.get(M) === c.id && (a(M, n.id), o(M, l, b)), w();
+                            },
+                            onDragEnd: w
+                          } : {},
+                          className: [
+                            "ds:flex ds:items-center ds:justify-between ds:gap-[var(--spacing-2xs)] ds:rounded-[var(--radius-sm)] ds:px-[var(--spacing-2xs)] ds:py-[var(--spacing-2xs)] ds:transition-colors ds:motion-reduce:transition-none",
+                            q ? "ds:opacity-50" : "",
+                            K ? "ds:bg-[color:color-mix(in_srgb,var(--primary)_8%,transparent)]" : ""
+                          ].filter(Boolean).join(" "),
+                          children: [
+                            /* @__PURE__ */ r(
+                              j,
+                              {
+                                size: "sm",
+                                label: n.label,
+                                checked: C,
+                                onCheckedChange: () => t(n.id)
+                              }
+                            ),
+                            C ? /* @__PURE__ */ r(
+                              $,
+                              {
+                                size: "sm",
+                                intent: "ghost",
+                                icon: /* @__PURE__ */ r(Z, { "aria-hidden": "true" }),
+                                "aria-label": i("fieldPicker.reorder", {
+                                  field: n.label,
+                                  defaultValue: "Reorder {{field}}. Press Alt + Up or Alt + Down to move."
+                                }),
+                                "aria-keyshortcuts": "Alt+ArrowUp Alt+ArrowDown Alt+Home Alt+End",
+                                className: "ds:shrink-0 ds:cursor-grab ds:active:cursor-grabbing",
+                                onKeyDown: (s) => {
+                                  if (s.altKey) {
+                                    if (s.key === "ArrowUp") {
+                                      if (l <= 0) return;
+                                      s.preventDefault(), a(
+                                        n.id,
+                                        h[l - 1]
+                                      ), o(n.id, l - 1, b);
+                                    } else if (s.key === "ArrowDown") {
+                                      if (l >= b - 1) return;
+                                      s.preventDefault(), a(
+                                        n.id,
+                                        h[l + 1]
+                                      ), o(n.id, l + 1, b);
+                                    } else if (s.key === "Home") {
+                                      if (l <= 0) return;
+                                      s.preventDefault(), a(n.id, h[0]), o(n.id, 0, b);
+                                    } else if (s.key === "End") {
+                                      if (l >= b - 1) return;
+                                      s.preventDefault(), a(
+                                        n.id,
+                                        h[b - 1]
+                                      ), o(n.id, b - 1, b);
+                                    }
+                                  }
+                                }
+                              }
+                            ) : null
+                          ]
+                        },
+                        n.id
+                      );
+                    })
+                  }
+                )
+              ]
+            },
+            c.id
+          );
+        }),
+        /* @__PURE__ */ r(Y, { orientation: "horizontal" }),
+        /* @__PURE__ */ r(W, { type: "button", size: "sm", intent: "ghost", onClick: y, children: i("fieldPicker.reset", { defaultValue: "Reset to defaults" }) })
+      ] }),
+      /* @__PURE__ */ r("span", { role: "status", className: "ds:sr-only", children: B })
+    ] })
+  ] });
+}
+const R = "ds:text-[color:var(--foreground)]", pe = {
+  m: "Male",
+  f: "Female",
+  x: "Other"
+};
+function _({
+  icon: e,
+  mono: d,
+  children: t
+}) {
+  return /* @__PURE__ */ r(
+    U,
+    {
+      variant: "neutral",
+      className: d ? "ds:font-mono" : void 0,
+      leading: e ? X(e, {
+        className: R
+      }) : void 0,
+      children: /* @__PURE__ */ r("span", { className: R, children: t })
+    }
+  );
+}
+function fe({ code: e }) {
+  const { t: d } = z(), t = e.toLowerCase(), m = d(`patientField.sex.${t}`, {
+    defaultValue: pe[t] ?? e
+  });
+  return t === "f" ? /* @__PURE__ */ r(U, { variant: "accentSoft", leading: /* @__PURE__ */ r(me, {}), children: m }) : t === "m" ? /* @__PURE__ */ r(U, { variant: "info", leading: /* @__PURE__ */ r(ce, {}), children: m }) : /* @__PURE__ */ r(_, { icon: /* @__PURE__ */ r(se, {}), children: m });
+}
+function ge({ years: e }) {
+  const { t: d } = z();
+  return /* @__PURE__ */ r(_, { icon: /* @__PURE__ */ r(ie, {}), children: d("patientField.age", {
+    count: e,
+    defaultValue: "{{count}} years old"
+  }) });
+}
+function Le({ field: e }) {
+  const { i18n: d } = z();
+  if (e.kind === "email" || e.kind === "phone") {
+    const t = typeof e.value == "string" ? e.value : e.copyText ?? (typeof e.editValue == "string" ? e.editValue : "");
+    if (t) {
+      const m = e.kind === "email" ? `mailto:${t.trim()}` : `tel:${t.replace(/[^+\d]/g, "")}`;
+      return /* @__PURE__ */ r(ee, { href: m, children: t });
+    }
+  }
+  if (e.value != null)
+    return /* @__PURE__ */ r(Q, { children: e.value });
+  if (!e.kind)
+    return null;
+  switch (e.kind) {
+    case "sex":
+      return /* @__PURE__ */ r(fe, { code: String(e.editValue ?? "") });
+    case "age": {
+      const t = typeof e.editValue == "number" ? e.editValue : Number(e.editValue);
+      return Number.isFinite(t) ? /* @__PURE__ */ r(ge, { years: t }) : null;
+    }
+    case "dob": {
+      const t = e.editValue, m = t instanceof Date ? t : new Date(String(t ?? "")), a = Number.isNaN(m.getTime()) ? String(t ?? "") : new Intl.DateTimeFormat(d.language, {
+        day: "numeric",
+        month: "short",
+        year: "numeric"
+      }).format(m);
+      return a ? /* @__PURE__ */ r(_, { icon: /* @__PURE__ */ r(re, {}), children: a }) : null;
+    }
+    case "fiscalCode": {
+      const t = e.copyText ?? (typeof e.editValue == "string" ? e.editValue : "");
+      return t ? /* @__PURE__ */ r(_, { icon: /* @__PURE__ */ r(ne, {}), mono: !0, children: t }) : null;
+    }
+    case "discount": {
+      const t = typeof e.editValue == "number" ? e.editValue : Number(e.editValue);
+      return Number.isFinite(t) ? /* @__PURE__ */ r(
+        te,
+        {
+          state: "discount",
+          amount: Math.abs(t),
+          currency: e.currency,
+          size: "sm"
+        }
+      ) : null;
+    }
+    default:
+      return null;
+  }
+}
+export {
+  ge as A,
+  Pe as F,
+  _ as N,
+  fe as S,
+  Le as a,
+  _e as r,
+  ze as u
+};
+//# sourceMappingURL=field-value-NXYczdpO.js.map