@alfadocs/ui-kit 1.35.0 → 1.36.0

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

@@ -1,384 +0,0 @@
-import { useMemo as O, useCallback as S, useState as _, cloneElement as X } from "react";
-import { u as J } from "./use-controllable-state-BiY4xTzM.js";
-import { jsxs as I, jsx as r, Fragment as Q } from "react/jsx-runtime";
-import { useTranslation as P } from "react-i18next";
-import { B as W } from "./button-nJaPh_HC.js";
-import { I as U } from "./icon-button-DA2CAGHZ.js";
-import { C as j } from "./checkbox-BuZ1u__2.js";
-import { P as M } from "./popover-DP6WCVwm.js";
-import { S as Y } from "./separator-CYU_bGFn.js";
-import { S as Z } from "./settings-d25ju_6L.js";
-import { G as ee } from "./grip-vertical-onSb1JXO.js";
-import { B as H } from "./badge-sTusUqZD.js";
-import { L as te } from "./link-CPb_pZPr.js";
-import { T as ne } from "./transaction-chip-DJCstquX.js";
-import { H as re } from "./hash-CSQ9SChR.js";
-import { C as se } from "./calendar-days-BGWklvE-.js";
-import { H as ae } from "./hourglass-BEAzW1wE.js";
-import { c as $ } from "./createLucideIcon-DhHxpK9K.js";
-import { U as ie } from "./user-B12p7bVF.js";
-/**
- * @license lucide-react v1.22.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" }]
-], le = $("mars", oe);
-/**
- * @license lucide-react v1.22.0 - ISC
- *
- * This source code is licensed under the ISC license.
- * See the LICENSE file in the root directory of this source tree.
- */
-const ce = [
-  ["path", { d: "M12 15v7", key: "t2xh3l" }],
-  ["path", { d: "M9 19h6", key: "456am0" }],
-  ["circle", { cx: "12", cy: "9", r: "6", key: "1nw4tq" }]
-], de = $("venus", ce);
-function G(e) {
-  return e.flatMap((d) => d.fields.map((t) => t.id));
-}
-function ze(e, d) {
-  const t = d ?? G(e), m = new Map(t.map((a, x) => [a, x]));
-  return e.map((a) => ({
-    section: a,
-    fields: a.fields.filter((x) => m.has(x.id)).sort(
-      (x, w) => m.get(x.id) - m.get(w.id)
-    )
-  }));
-}
-function Pe(e, { value: d, defaultValue: t, onChange: m } = {}) {
-  const a = O(
-    () => G(e),
-    [e]
-  ), [x, w] = J({
-    value: d,
-    defaultValue: t ?? a,
-    onChange: m
-  }), i = x ?? t ?? a, y = O(() => {
-    const f = /* @__PURE__ */ new Map();
-    for (const p of e)
-      for (const g of p.fields)
-        f.set(g.id, { field: g, sectionId: p.id });
-    return f;
-  }, [e]), u = S(
-    (f) => {
-      w(f.filter((p) => y.has(p)));
-    },
-    [w, y]
-  ), T = S(
-    (f) => {
-      u(
-        i.includes(f) ? i.filter((p) => p !== f) : [...i, f]
-      );
-    },
-    [i, u]
-  ), B = S(
-    (f, p) => {
-      var D;
-      const g = ((D = e.find((o) => o.id === f)) == null ? void 0 : D.fields.map((o) => o.id)) ?? [], C = new Set(g);
-      if (p) {
-        const o = g.filter((l) => !i.includes(l));
-        u([...i, ...o]);
-      } else
-        u(i.filter((o) => !C.has(o)));
-    },
-    [e, i, u]
-  ), N = S(
-    (f, p) => {
-      var A, n, V;
-      if (f === p) return;
-      const g = (A = y.get(f)) == null ? void 0 : A.sectionId, C = (n = y.get(p)) == null ? void 0 : n.sectionId;
-      if (!g || g !== C) return;
-      const D = new Set(
-        ((V = e.find((c) => c.id === g)) == null ? void 0 : V.fields.map((c) => c.id)) ?? []
-      ), o = i.filter((c) => D.has(c)), l = o.indexOf(f), v = o.indexOf(p);
-      if (l < 0 || v < 0) return;
-      const [b] = o.splice(l, 1);
-      o.splice(v, 0, b);
-      let h = 0;
-      const L = i.map(
-        (c) => D.has(c) ? o[h++] : c
-      );
-      u(L);
-    },
-    [y, e, i, u]
-  ), E = S(() => {
-    u(t ?? a);
-  }, [t, a, u]);
-  return {
-    visible: i,
-    catalogueIds: a,
-    fieldById: y,
-    setOrder: u,
-    toggleField: T,
-    toggleSection: B,
-    moveFieldOnto: N,
-    reset: E
-  };
-}
-function Be({
-  sections: e,
-  visible: d,
-  onToggleField: t,
-  onToggleSection: m,
-  onMoveFieldOnto: a,
-  onReset: x,
-  label: w
-}) {
-  const { t: i } = P(), y = O(() => new Set(d), [d]), [u, T] = _(null), [B, N] = _(null), [E, f] = _(""), { sectionOfField: p, labelOfField: g } = O(() => {
-    const l = /* @__PURE__ */ new Map(), v = /* @__PURE__ */ new Map();
-    for (const b of e)
-      for (const h of b.fields)
-        l.set(h.id, b.id), v.set(h.id, h.label);
-    return { sectionOfField: l, labelOfField: v };
-  }, [e]), C = u ? p.get(u) : void 0, D = S(() => {
-    T(null), N(null);
-  }, []), o = S(
-    (l, v, b) => {
-      f(
-        i("fieldPicker.moved", {
-          field: g.get(l) ?? "",
-          position: v + 1,
-          count: b,
-          defaultValue: "Moved {{field}} to position {{position}} of {{count}}"
-        })
-      );
-    },
-    [i, g]
-  );
-  return /* @__PURE__ */ I(M.Root, { children: [
-    /* @__PURE__ */ r(M.Trigger, { asChild: !0, children: /* @__PURE__ */ r(
-      U,
-      {
-        size: "sm",
-        intent: "outline",
-        icon: /* @__PURE__ */ r(Z, { "aria-hidden": "true" }),
-        "aria-label": w ?? i("fieldPicker.trigger", { defaultValue: "Customize fields" }),
-        className: "ds:shrink-0"
-      }
-    ) }),
-    /* @__PURE__ */ I(M.Content, { align: "end", size: "sm", children: [
-      /* @__PURE__ */ r(M.Heading, { children: i("fieldPicker.title", { defaultValue: "Customize fields" }) }),
-      /* @__PURE__ */ I("div", { className: "ds:flex ds:flex-col ds:gap-[var(--spacing-sm)] ds:mt-[var(--spacing-xs)]", children: [
-        e.map((l) => {
-          const v = l.fields.map((n) => n.id), b = v.filter(
-            (n) => y.has(n)
-          ).length, h = d.filter(
-            (n) => v.includes(n)
-          ), L = b === 0 ? !1 : b === v.length ? !0 : "indeterminate", A = !!l.heading;
-          return /* @__PURE__ */ I(
-            "div",
-            {
-              className: "ds:flex ds:flex-col ds:gap-[var(--spacing-2xs)]",
-              children: [
-                A ? /* @__PURE__ */ r(
-                  j,
-                  {
-                    size: "sm",
-                    label: l.heading,
-                    checked: L,
-                    onCheckedChange: (n) => m(l.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: l.fields.map((n) => {
-                      const V = y.has(n.id), c = h.indexOf(n.id), k = h.length, q = u === n.id, K = B === n.id && u !== null && u !== n.id && C === l.id;
-                      return /* @__PURE__ */ I(
-                        "li",
-                        {
-                          ...V ? {
-                            draggable: !0,
-                            onDragStart: (s) => {
-                              T(n.id), s.dataTransfer.effectAllowed = "move", s.dataTransfer.setData("text/plain", n.id);
-                            },
-                            onDragOver: (s) => {
-                              u === null || C !== l.id || (s.preventDefault(), s.dataTransfer.dropEffect = "move", N(n.id));
-                            },
-                            onDragLeave: () => N(
-                              (s) => s === n.id ? null : s
-                            ),
-                            onDrop: (s) => {
-                              s.preventDefault();
-                              const F = s.dataTransfer.getData("text/plain");
-                              F && F !== n.id && p.get(F) === l.id && (a(F, n.id), o(F, c, k)), D();
-                            },
-                            onDragEnd: D
-                          } : {},
-                          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: V,
-                                onCheckedChange: () => t(n.id)
-                              }
-                            ),
-                            V ? /* @__PURE__ */ r(
-                              U,
-                              {
-                                size: "sm",
-                                intent: "ghost",
-                                icon: /* @__PURE__ */ r(ee, { "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 (c <= 0) return;
-                                      s.preventDefault(), a(
-                                        n.id,
-                                        h[c - 1]
-                                      ), o(n.id, c - 1, k);
-                                    } else if (s.key === "ArrowDown") {
-                                      if (c >= k - 1) return;
-                                      s.preventDefault(), a(
-                                        n.id,
-                                        h[c + 1]
-                                      ), o(n.id, c + 1, k);
-                                    } else if (s.key === "Home") {
-                                      if (c <= 0) return;
-                                      s.preventDefault(), a(n.id, h[0]), o(n.id, 0, k);
-                                    } else if (s.key === "End") {
-                                      if (c >= k - 1) return;
-                                      s.preventDefault(), a(
-                                        n.id,
-                                        h[k - 1]
-                                      ), o(n.id, k - 1, k);
-                                    }
-                                  }
-                                }
-                              }
-                            ) : null
-                          ]
-                        },
-                        n.id
-                      );
-                    })
-                  }
-                )
-              ]
-            },
-            l.id
-          );
-        }),
-        /* @__PURE__ */ r(Y, { orientation: "horizontal" }),
-        /* @__PURE__ */ r(W, { type: "button", size: "sm", intent: "ghost", onClick: x, children: i("fieldPicker.reset", { defaultValue: "Reset to defaults" }) })
-      ] }),
-      /* @__PURE__ */ r("span", { role: "status", className: "ds:sr-only", children: E })
-    ] })
-  ] });
-}
-const R = "ds:text-[color:var(--foreground)]", ue = {
-  m: "Male",
-  f: "Female",
-  x: "Other"
-};
-function z({
-  icon: e,
-  mono: d,
-  children: t
-}) {
-  return /* @__PURE__ */ r(
-    H,
-    {
-      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 me({ code: e }) {
-  const { t: d } = P(), t = e.toLowerCase(), m = d(`patientField.sex.${t}`, {
-    defaultValue: ue[t] ?? e
-  });
-  return t === "f" ? /* @__PURE__ */ r(H, { variant: "accentSoft", leading: /* @__PURE__ */ r(de, {}), children: m }) : t === "m" ? /* @__PURE__ */ r(H, { variant: "info", leading: /* @__PURE__ */ r(le, {}), children: m }) : /* @__PURE__ */ r(z, { icon: /* @__PURE__ */ r(ie, {}), children: m });
-}
-function fe({ years: e }) {
-  const { t: d } = P();
-  return /* @__PURE__ */ r(z, { icon: /* @__PURE__ */ r(ae, {}), children: d("patientField.age", {
-    count: e,
-    defaultValue: "{{count}} years old"
-  }) });
-}
-function Ee({ field: e }) {
-  const { i18n: d } = P();
-  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(te, { 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(me, { code: String(e.editValue ?? "") });
-    case "age": {
-      const t = typeof e.editValue == "number" ? e.editValue : Number(e.editValue);
-      return Number.isFinite(t) ? /* @__PURE__ */ r(fe, { 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(z, { icon: /* @__PURE__ */ r(se, {}), children: a }) : null;
-    }
-    case "fiscalCode": {
-      const t = e.copyText ?? (typeof e.editValue == "string" ? e.editValue : "");
-      return t ? /* @__PURE__ */ r(z, { icon: /* @__PURE__ */ r(re, {}), mono: !0, children: t }) : null;
-    }
-    case "discount": {
-      const t = typeof e.editValue == "number" ? e.editValue : Number(e.editValue);
-      return Number.isFinite(t) ? /* @__PURE__ */ r(
-        ne,
-        {
-          state: "discount",
-          amount: Math.abs(t),
-          currency: e.currency,
-          size: "sm"
-        }
-      ) : null;
-    }
-    default:
-      return null;
-  }
-}
-export {
-  fe as A,
-  Be as F,
-  z as N,
-  me as S,
-  Ee as a,
-  ze as r,
-  Pe as u
-};
-//# sourceMappingURL=field-value-BetdWMA2.js.map

package/dist/_chunks/panel-header-D313n_9-.js

@@ -1,105 +0,0 @@
-import { jsxs as s, jsx as r } from "react/jsx-runtime";
-import { forwardRef as b, useContext as P, createContext as k } from "react";
-import { c as i } from "./index-D2ZczOXr.js";
-const l = k(null);
-function C({
-  actions: a,
-  children: e
-}) {
-  return /* @__PURE__ */ r(l.Provider, { value: a, children: e });
-}
-function y() {
-  return P(l);
-}
-const N = i(
-  [
-    "ds:flex ds:flex-col ds:gap-[var(--spacing-sm)]",
-    "ds:px-[var(--spacing-md)] ds:pt-[var(--spacing-md)] ds:pb-[var(--spacing-sm)]"
-  ].join(" "),
-  {
-    variants: {
-      // `sticky` pins the header to the top of the panel's scroll region;
-      // otherwise it stays a fixed-height band that never shrinks.
-      sticky: {
-        true: "ds:sticky ds:top-0 ds:z-[1] ds:bg-[color:var(--background)]",
-        false: "ds:shrink-0"
-      },
-      divider: {
-        true: "ds:border-b ds:border-[color:var(--border)]",
-        false: ""
-      }
-    },
-    defaultVariants: {
-      sticky: !1,
-      divider: !0
-    }
-  }
-), j = i(
-  [
-    "ds:m-0 ds:inline-flex ds:items-center ds:gap-[var(--spacing-xs)]",
-    "ds:text-[color:var(--foreground)]"
-  ].join(" "),
-  {
-    variants: {
-      titleScale: {
-        card: "type-title-card",
-        section: "type-title-section"
-      }
-    },
-    defaultVariants: {
-      titleScale: "card"
-    }
-  }
-), H = b(
-  ({
-    title: a,
-    icon: e,
-    headingId: c,
-    headingLevel: o = 2,
-    actions: d,
-    filters: n,
-    sticky: p = !1,
-    divider: u = !0,
-    titleScale: m = "card",
-    className: v,
-    ...f
-  }, g) => {
-    const t = y(), x = o === 3 ? "h3" : "h2", h = d != null || t != null;
-    return /* @__PURE__ */ s(
-      "header",
-      {
-        ref: g,
-        "data-component": "panel-header",
-        className: N({ sticky: p, divider: u, className: v }),
-        ...f,
-        children: [
-          /* @__PURE__ */ s("div", { className: "ds:flex ds:items-center ds:justify-between ds:gap-[var(--spacing-sm)]", children: [
-            /* @__PURE__ */ s(x, { id: c, className: j({ titleScale: m }), children: [
-              e ? /* @__PURE__ */ r(
-                "span",
-                {
-                  "aria-hidden": "true",
-                  className: "ds:inline-flex ds:shrink-0 ds:text-[color:var(--accent)] ds:[&_svg]:size-4",
-                  children: e
-                }
-              ) : null,
-              a
-            ] }),
-            h ? /* @__PURE__ */ s("div", { className: "ds:flex ds:items-center ds:gap-[var(--spacing-xs)] ds:shrink-0", children: [
-              d,
-              t
-            ] }) : null
-          ] }),
-          n != null ? /* @__PURE__ */ r("div", { className: "ds:flex ds:flex-wrap ds:items-center ds:gap-[var(--spacing-sm)]", children: n }) : null
-        ]
-      }
-    );
-  }
-);
-H.displayName = "PanelHeader";
-export {
-  H as P,
-  C as a,
-  y as u
-};
-//# sourceMappingURL=panel-header-D313n_9-.js.map