@alfadocs/ui-kit 0.69.0 → 0.71.0

package/dist/_chunks/editable-currency-cell-renderer-kgqp_mIw.js

@@ -1,448 +0,0 @@
-import { useMemo as V, useState as F, useRef as k, useEffect as A } from "react";
-import { jsx as d, jsxs as z } from "react/jsx-runtime";
-import { B as $ } from "./badge-CqGsX32l.js";
-import { A as H } from "./avatar-BNQNhoyL.js";
-import { T as M } from "./tag-BQXwuJq1.js";
-import { useTranslation as C } from "react-i18next";
-import { S as q } from "./square-check-big-Jr-0202D.js";
-import { S as G } from "./square-CZoGU14v.js";
-import { u as X } from "./use-isomorphic-layout-effect-BGfaCOP1.js";
-import { c as D, a as P, b as L, d as B } from "./input-surface-xyERuLU_.js";
-function be(n, e, t) {
-  return V(() => {
-    const o = {};
-    for (const r of e) {
-      let f = 0;
-      for (const i of n ?? []) {
-        const a = i[r], c = typeof a == "number" ? a : Number(a);
-        Number.isFinite(c) && (f += c);
-      }
-      o[r] = f;
-    }
-    return t != null && t.labelField && t.labelValue !== void 0 && (o[t.labelField] = t.labelValue), o;
-  }, [n, e, t == null ? void 0 : t.labelField, t == null ? void 0 : t.labelValue]);
-}
-function he(n) {
-  const { value: e, variantMap: t } = n, o = (t == null ? void 0 : t[e]) ?? "neutral";
-  return /* @__PURE__ */ d($, { variant: o, withDot: !0, size: "sm", children: String(e ?? "") });
-}
-const K = {
-  sm: "ds:size-8",
-  md: "ds:size-10",
-  lg: "ds:size-12"
-}, O = {
-  square: "ds:rounded-none",
-  rounded: "ds:rounded-[var(--radius-md)]",
-  circle: "ds:rounded-[var(--radius-full)]"
-};
-function E(n, e) {
-  if (!n || typeof n != "object") return;
-  const t = n[e];
-  return typeof t == "string" ? t : void 0;
-}
-const Z = /^(?:https?:|data:image\/)/i;
-function W(n) {
-  if (!n) return;
-  const e = n.trim();
-  if (e.length !== 0)
-    return Z.test(e) ? e : void 0;
-}
-function ye(n) {
-  const {
-    data: e,
-    srcField: t,
-    altField: o,
-    fallbackField: r,
-    size: f = "md",
-    shape: i = "rounded"
-  } = n;
-  if (!e) return null;
-  const a = E(e, t), c = W(a), s = o ? E(e, o) ?? "" : "", l = r ? E(e, r) : void 0;
-  return c ? /* @__PURE__ */ d(
-    "img",
-    {
-      src: c,
-      alt: s,
-      loading: "lazy",
-      decoding: "async",
-      className: ["ds:object-cover", K[f], O[i]].join(
-        " "
-      )
-    }
-  ) : l ? /* @__PURE__ */ d(H, { name: l, size: f }) : null;
-}
-function J() {
-  return /* @__PURE__ */ d(
-    "svg",
-    {
-      viewBox: "0 0 24 24",
-      fill: "none",
-      stroke: "currentColor",
-      strokeWidth: 1.75,
-      strokeLinecap: "round",
-      strokeLinejoin: "round",
-      "aria-hidden": "true",
-      className: "ds:size-3.5",
-      children: /* @__PURE__ */ d("path", { d: "M12 5.5c-1.074 -1.426 -2.45 -2.2 -4 -2c-2.5 .323 -3.7 2.5 -3.5 5c.1 1.5 .5 3 .5 4.5c0 1.5 .5 3.5 1 5c.3 .9 .5 2 1.5 2s1.3 -1.5 1.5 -2.5c.2 -1 .5 -2 1.5 -2s1.3 1 1.5 2c.2 1 .5 2.5 1.5 2.5s1.2 -1.1 1.5 -2c.5 -1.5 1 -3.5 1 -5c0 -1.5 .4 -3 .5 -4.5c.2 -2.5 -1 -4.677 -3.5 -5c-1.55 -.2 -2.926 .574 -4 2z" })
-    }
-  );
-}
-function Ne(n) {
-  const { value: e, maxInlineSize: t = "8rem" } = n;
-  return !Array.isArray(e) || e.length === 0 ? null : /* @__PURE__ */ d(
-    M,
-    {
-      label: e.join(", "),
-      size: "sm",
-      fill: "outline",
-      leading: /* @__PURE__ */ d(J, {}),
-      maxInlineSize: t
-    }
-  );
-}
-function Q(n) {
-  if (n == null || n === "") return null;
-  const e = typeof n == "number" ? n : Number(n);
-  return Number.isFinite(e) ? e : null;
-}
-function Ce(n) {
-  const {
-    value: e,
-    currency: t = "EUR",
-    colorNegative: o,
-    strikethrough: r,
-    options: f
-  } = n, { i18n: i } = C(), a = Q(e);
-  if (a === null) return null;
-  const c = i.language || "en", s = new Intl.NumberFormat(c, {
-    style: "currency",
-    currency: t,
-    ...f
-  }).format(a), l = ["ds:tabular-nums"];
-  return o && a < 0 && l.push("ds:text-[color:var(--destructive)]"), r && l.push("line-through"), /* @__PURE__ */ d("span", { className: l.join(" "), children: s });
-}
-function w(n, e) {
-  return typeof n == "function" ? n(e) : n;
-}
-function Y(n) {
-  return /^(https?:\/\/|\/|#|mailto:|tel:)/i.test(n) ? n : "#";
-}
-function xe(n) {
-  const { value: e, data: t, href: o, onClick: r, secondary: f } = n;
-  if (!t) return null;
-  const i = w(o, t), a = w(f, t), c = e == null || e === "" ? "" : String(e), s = [
-    "ds:text-[color:var(--primary)]",
-    "ds:hover:underline",
-    "ds:focus-visible:outline-[length:var(--focus-ring-width)]",
-    "ds:focus-visible:outline-solid",
-    "ds:focus-visible:outline-[color:var(--ring)]",
-    "ds:focus-visible:outline-offset-[length:var(--focus-ring-offset)]",
-    "ds:rounded-[var(--radius-sm)]"
-  ].join(" "), l = (u) => {
-    r && (i || u.preventDefault(), u.stopPropagation(), r(t));
-  };
-  return /* @__PURE__ */ z("span", { className: "ds:flex ds:flex-col ds:leading-tight", children: [
-    i ? /* @__PURE__ */ d(
-      "a",
-      {
-        href: Y(i),
-        onClick: l,
-        className: s,
-        children: c
-      }
-    ) : /* @__PURE__ */ d(
-      "button",
-      {
-        type: "button",
-        onClick: l,
-        className: [
-          "ds:appearance-none ds:bg-transparent ds:p-0 ds:text-start",
-          s
-        ].join(" "),
-        children: c
-      }
-    ),
-    a ? /* @__PURE__ */ d("span", { className: "type-meta ds:text-[color:var(--muted-foreground)]", children: a }) : null
-  ] });
-}
-function Se(n) {
-  const {
-    value: e,
-    data: t,
-    onToggle: o,
-    onError: r,
-    trueIcon: f,
-    falseIcon: i,
-    trueClass: a = "ds:text-[color:var(--success)]",
-    falseClass: c = "ds:text-[color:var(--muted-foreground)]",
-    label: s
-  } = n, { t: l } = C(), [u, b] = F(!1);
-  if (!t) return null;
-  const h = !!e, x = h ? f ?? /* @__PURE__ */ d(q, { "aria-hidden": !0, className: "ds:size-4" }) : i ?? /* @__PURE__ */ d(G, { "aria-hidden": !0, className: "ds:size-4" }), y = h ? a : c, N = s ?? l(h ? "inputs.switch.on" : "inputs.switch.off");
-  async function m(g) {
-    if (g.stopPropagation(), u || !t) return;
-    const v = o(t, !h);
-    if (v && typeof v.then == "function") {
-      b(!0);
-      try {
-        await v;
-      } catch (S) {
-        r == null || r(t, S);
-      } finally {
-        b(!1);
-      }
-    }
-  }
-  return /* @__PURE__ */ d(
-    "button",
-    {
-      type: "button",
-      role: "switch",
-      "aria-checked": h,
-      "aria-busy": u,
-      "aria-label": N,
-      disabled: u,
-      onClick: m,
-      className: [
-        "ds:inline-flex ds:items-center ds:justify-center",
-        "ds:min-h-[var(--min-target-size)] ds:min-w-[var(--min-target-size)]",
-        "ds:appearance-none ds:bg-transparent ds:p-[var(--spacing-xs)]",
-        "ds:rounded-[var(--radius-sm)]",
-        "ds:focus-visible:outline-[length:var(--focus-ring-width)]",
-        "ds:focus-visible:outline-solid",
-        "ds:focus-visible:outline-[color:var(--ring)]",
-        "ds:focus-visible:outline-offset-[length:var(--focus-ring-offset)]",
-        "ds:disabled:opacity-50",
-        y
-      ].join(" "),
-      children: x
-    }
-  );
-}
-const ee = {
-  sm: "ds:size-[var(--icon-size-sm)]",
-  md: "ds:size-[var(--icon-size-md)]",
-  lg: "ds:size-[var(--icon-size-lg)]"
-};
-function T(n, e) {
-  if (!n || typeof n != "object") return;
-  const t = n[e];
-  return typeof t == "string" ? t : void 0;
-}
-const ne = /^#(?:[0-9a-f]{3,4}|[0-9a-f]{6}|[0-9a-f]{8})$/i, te = /^rgba?\(\s*[\d.\s,%/]+\)$/i, re = /^hsla?\(\s*[\d.\s,%/]+\)$/i, se = /^var\(--[a-z0-9-]+(?:,\s*[^)]+)?\)$/i;
-function ae(n) {
-  if (!n) return;
-  const e = n.trim();
-  if (ne.test(e) || te.test(e) || re.test(e) || se.test(e))
-    return e;
-}
-function Re(n) {
-  const { data: e, colorField: t, size: o = "md", labelField: r } = n, f = k(null), i = e ? T(e, t) : void 0, a = ae(i), c = e && r ? T(e, r) : void 0;
-  return X(() => {
-    const s = f.current;
-    s && (a ? s.style.setProperty("--data-table-dot-color", a) : s.style.removeProperty("--data-table-dot-color"));
-  }, [a]), a ? /* @__PURE__ */ z("span", { className: "ds:inline-flex ds:items-center ds:gap-[var(--spacing-sm)]", children: [
-    /* @__PURE__ */ d(
-      "span",
-      {
-        ref: f,
-        "aria-hidden": "true",
-        className: [
-          "ds:inline-block ds:shrink-0 ds:rounded-[var(--radius-full)]",
-          "ds:bg-[var(--data-table-dot-color)]",
-          "ds:border ds:border-[color:var(--border)]",
-          ee[o]
-        ].join(" ")
-      }
-    ),
-    c ? /* @__PURE__ */ d("span", { children: c }) : null
-  ] }) : null;
-}
-function le(n, e) {
-  if (!n || typeof n != "object") return null;
-  const t = n[e], o = typeof t == "number" ? t : Number(t);
-  return Number.isFinite(o) ? o : null;
-}
-function Ee(n) {
-  const { data: e, lines: t, currency: o = "EUR", highlightNegative: r } = n, { i18n: f } = C();
-  if (!e) return null;
-  const i = f.language || "en", a = (s) => {
-    const l = le(e, s.valueField);
-    if (l === null) return null;
-    let u;
-    switch (s.format ?? "number") {
-      case "currency":
-        u = new Intl.NumberFormat(i, {
-          style: "currency",
-          currency: o
-        }).format(l);
-        break;
-      case "percent":
-        u = new Intl.NumberFormat(i, {
-          style: "percent",
-          maximumFractionDigits: 1
-        }).format(l / 100);
-        break;
-      default:
-        u = new Intl.NumberFormat(i).format(l);
-    }
-    return {
-      label: s.label,
-      formatted: u,
-      negative: !!r && l < 0
-    };
-  }, c = t.map(a).filter(
-    (s) => s !== null
-  );
-  return c.length === 0 ? null : /* @__PURE__ */ d(
-    "div",
-    {
-      className: [
-        "ds:flex",
-        "ds:flex-wrap",
-        "ds:items-center",
-        "ds:gap-x-[var(--spacing-sm)]",
-        "ds:gap-y-0",
-        "type-meta",
-        "ds:leading-tight"
-      ].join(" "),
-      children: c.map((s, l) => /* @__PURE__ */ z(
-        "span",
-        {
-          className: "ds:inline-flex ds:items-baseline ds:gap-x-[var(--spacing-xs)]",
-          children: [
-            l > 0 ? /* @__PURE__ */ d(
-              "span",
-              {
-                "aria-hidden": "true",
-                className: "ds:me-[var(--spacing-xs)] ds:text-[color:var(--muted-foreground)]",
-                children: "·"
-              }
-            ) : null,
-            /* @__PURE__ */ d("span", { className: "ds:text-[color:var(--muted-foreground)]", children: s.label }),
-            /* @__PURE__ */ d(
-              "span",
-              {
-                className: [
-                  "ds:tabular-nums",
-                  "ds:font-medium",
-                  s.negative ? "ds:text-[color:var(--destructive)]" : ""
-                ].filter(Boolean).join(" "),
-                children: s.formatted
-              }
-            )
-          ]
-        },
-        `${s.label}-${l}`
-      ))
-    }
-  );
-}
-function Fe(n) {
-  var s, l;
-  const { initialValue: e, onValueChange: t, stopEditing: o, column: r } = n, [f, i] = F(e ?? ""), a = k(null);
-  A(() => {
-    const u = a.current;
-    u && (u.focus(), u.select());
-  }, []);
-  const c = ((l = (s = r == null ? void 0 : r.getColDef) == null ? void 0 : s.call(r)) == null ? void 0 : l.headerName) ?? void 0;
-  return /* @__PURE__ */ d(
-    "input",
-    {
-      ref: a,
-      type: "text",
-      value: f,
-      "aria-label": c,
-      onChange: (u) => {
-        const b = u.target.value;
-        i(b), t(b);
-      },
-      onKeyDown: (u) => {
-        u.key === "Enter" && (u.preventDefault(), o());
-      },
-      className: [
-        "ds:block ds:w-full ds:appearance-none",
-        // Input surface chrome: rounded border + bg + focus halo.
-        D,
-        // Use the `md` height (`--min-target-size`) so the input
-        // auto-lifts to 48px under `.theme-accessible` to satisfy
-        // WCAG 2.5.5 target size.
-        P.md,
-        L.sm,
-        B.sm
-      ].join(" ")
-    }
-  );
-}
-function ke(n) {
-  var y, N;
-  const {
-    initialValue: e,
-    onValueChange: t,
-    stopEditing: o,
-    column: r,
-    decimals: f = 2,
-    min: i,
-    max: a
-  } = n, { i18n: c } = C(), s = k(null), l = ((N = (y = r == null ? void 0 : r.getColDef) == null ? void 0 : y.call(r)) == null ? void 0 : N.headerName) ?? void 0, [u, b] = F(() => e == null || Number.isNaN(e) ? "" : String(e));
-  A(() => {
-    const m = s.current;
-    m && (m.focus(), m.select());
-  }, []);
-  function h(m) {
-    var j, _;
-    if (m.trim().length === 0) return null;
-    const g = c.language || "en", p = new Intl.NumberFormat(g).formatToParts(12345.6), v = ((j = p.find((R) => R.type === "group")) == null ? void 0 : j.value) ?? "", S = ((_ = p.find((R) => R.type === "decimal")) == null ? void 0 : _.value) ?? ".", U = m.replace(new RegExp(`\\${v}`, "g"), "").replace(S, ".").replace(/[^\d.-]/g, ""), I = Number(U);
-    return Number.isFinite(I) ? I : null;
-  }
-  function x(m) {
-    const g = h(m);
-    if (g == null) {
-      t(null);
-      return;
-    }
-    let p = g;
-    typeof i == "number" && (p = Math.max(i, p)), typeof a == "number" && (p = Math.min(a, p));
-    const v = 10 ** f;
-    t(Math.round(p * v) / v);
-  }
-  return /* @__PURE__ */ d(
-    "input",
-    {
-      ref: s,
-      type: "text",
-      inputMode: "decimal",
-      value: u,
-      "aria-label": l,
-      onChange: (m) => {
-        const g = m.target.value;
-        b(g), x(g);
-      },
-      onKeyDown: (m) => {
-        m.key === "Enter" && (m.preventDefault(), o());
-      },
-      className: [
-        "ds:block ds:w-full ds:appearance-none ds:text-end ds:tabular-nums",
-        D,
-        // Use `md` height — see editable-text-cell-renderer for rationale.
-        P.md,
-        L.sm,
-        B.sm
-      ].join(" ")
-    }
-  );
-}
-export {
-  Ee as B,
-  Re as C,
-  ke as E,
-  ye as I,
-  xe as L,
-  he as S,
-  Se as T,
-  Ce as a,
-  Fe as b,
-  Ne as c,
-  be as u
-};
-//# sourceMappingURL=editable-currency-cell-renderer-kgqp_mIw.js.map