@alfadocs/ui-kit 1.9.3 → 1.10.0

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

@@ -1,390 +0,0 @@
-import { useMemo as M, useState as E, useRef as T, useEffect as k } from "react";
-import { jsx as l, jsxs as L } from "react/jsx-runtime";
-import { T as P } from "./tag-3wgkwwDB.js";
-import { useTranslation as x } from "react-i18next";
-import { I as F } from "./icon-button-DA2CAGHZ.js";
-import { I as V } from "./icon-button-group-D6SVMteH.js";
-import { A as $, a as H } from "./arrow-up-BYvcvTkB.js";
-import { S as G } from "./square-check-big-dj0o8yA3.js";
-import { S as O } from "./square-DASBRZ0U.js";
-import { u as X } from "./use-isomorphic-layout-effect-BGfaCOP1.js";
-import { c as D, a as U, b as j, d as A } from "./input-surface-xyERuLU_.js";
-function fe(n, e, t) {
-  return M(() => {
-    const c = {};
-    for (const r of e) {
-      let m = 0;
-      for (const u of n ?? []) {
-        const o = u[r], f = typeof o == "number" ? o : Number(o);
-        Number.isFinite(f) && (m += f);
-      }
-      c[r] = m;
-    }
-    return t != null && t.labelField && t.labelValue !== void 0 && (c[t.labelField] = t.labelValue), c;
-  }, [n, e, t == null ? void 0 : t.labelField, t == null ? void 0 : t.labelValue]);
-}
-function q() {
-  return /* @__PURE__ */ l(
-    "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__ */ l("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 me(n) {
-  const { value: e, maxInlineSize: t = "8rem" } = n;
-  return !Array.isArray(e) || e.length === 0 ? null : /* @__PURE__ */ l(
-    P,
-    {
-      label: e.join(", "),
-      size: "sm",
-      fill: "outline",
-      leading: /* @__PURE__ */ l(q, {}),
-      maxInlineSize: t
-    }
-  );
-}
-function pe() {
-  return 90;
-}
-function be(n) {
-  const {
-    data: e,
-    node: t,
-    api: c,
-    onMove: r,
-    moveUpLabel: m,
-    moveDownLabel: u,
-    intent: o = "ghost",
-    group: f = !0,
-    disableAtEnds: a = !0
-  } = n, { t: i } = x();
-  if (!e) return null;
-  const s = t.rowIndex ?? -1, b = c.getDisplayedRowCount() - 1, g = a && s <= 0, y = a && s >= b, N = m ?? i("dataTable.moveUp", "Move up"), C = u ?? i("dataTable.moveDown", "Move down"), d = [
-    /* @__PURE__ */ l(
-      F,
-      {
-        size: "sm",
-        intent: o,
-        icon: /* @__PURE__ */ l($, { "aria-hidden": !0, className: "ds:size-4" }),
-        tooltip: N,
-        "aria-label": N,
-        disabled: g,
-        onClick: (p) => {
-          p.stopPropagation(), r(e, "up");
-        }
-      },
-      "up"
-    ),
-    /* @__PURE__ */ l(
-      F,
-      {
-        size: "sm",
-        intent: o,
-        icon: /* @__PURE__ */ l(H, { "aria-hidden": !0, className: "ds:size-4" }),
-        tooltip: C,
-        "aria-label": C,
-        disabled: y,
-        onClick: (p) => {
-          p.stopPropagation(), r(e, "down");
-        }
-      },
-      "down"
-    )
-  ];
-  return f ? /* @__PURE__ */ l(
-    V,
-    {
-      "aria-label": i("dataTable.reorder", "Reorder row"),
-      size: "sm",
-      children: d
-    }
-  ) : /* @__PURE__ */ l("span", { className: "ds:inline-flex ds:items-center ds:gap-[var(--spacing-xs)]", children: d });
-}
-function ge(n) {
-  const {
-    value: e,
-    data: t,
-    onToggle: c,
-    onError: r,
-    trueIcon: m,
-    falseIcon: u,
-    trueClass: o = "ds:text-[color:var(--success)]",
-    falseClass: f = "ds:text-[color:var(--muted-foreground)]",
-    label: a
-  } = n, { t: i } = x(), [s, b] = E(!1);
-  if (!t) return null;
-  const g = !!e, y = g ? m ?? /* @__PURE__ */ l(G, { "aria-hidden": !0, className: "ds:size-4" }) : u ?? /* @__PURE__ */ l(O, { "aria-hidden": !0, className: "ds:size-4" }), N = g ? o : f, C = a ?? i(g ? "inputs.switch.on" : "inputs.switch.off");
-  async function d(p) {
-    if (p.stopPropagation(), s || !t) return;
-    const h = c(t, !g);
-    if (h && typeof h.then == "function") {
-      b(!0);
-      try {
-        await h;
-      } catch (w) {
-        r == null || r(t, w);
-      } finally {
-        b(!1);
-      }
-    }
-  }
-  return /* @__PURE__ */ l(
-    "button",
-    {
-      type: "button",
-      role: "switch",
-      "aria-checked": g,
-      "aria-busy": s,
-      "aria-label": C,
-      disabled: s,
-      onClick: d,
-      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",
-        N
-      ].join(" "),
-      children: y
-    }
-  );
-}
-const K = {
-  sm: "ds:size-[var(--icon-size-sm)]",
-  md: "ds:size-[var(--icon-size-md)]",
-  lg: "ds:size-[var(--icon-size-lg)]"
-};
-function _(n, e) {
-  if (!n || typeof n != "object") return;
-  const t = n[e];
-  return typeof t == "string" ? t : void 0;
-}
-const W = /^#(?:[0-9a-f]{3,4}|[0-9a-f]{6}|[0-9a-f]{8})$/i, Z = /^rgba?\(\s*[\d.\s,%/]+\)$/i, J = /^hsla?\(\s*[\d.\s,%/]+\)$/i, Q = /^var\(--[a-z0-9-]+(?:,\s*[^)]+)?\)$/i;
-function Y(n) {
-  if (!n) return;
-  const e = n.trim();
-  if (W.test(e) || Z.test(e) || J.test(e) || Q.test(e))
-    return e;
-}
-function ve(n) {
-  const { data: e, colorField: t, size: c = "md", labelField: r } = n, m = T(null), u = e ? _(e, t) : void 0, o = Y(u), f = e && r ? _(e, r) : void 0;
-  return X(() => {
-    const a = m.current;
-    a && (o ? a.style.setProperty("--data-table-dot-color", o) : a.style.removeProperty("--data-table-dot-color"));
-  }, [o]), o ? /* @__PURE__ */ L("span", { className: "ds:inline-flex ds:items-center ds:gap-[var(--spacing-sm)]", children: [
-    /* @__PURE__ */ l(
-      "span",
-      {
-        ref: m,
-        "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)]",
-          K[c]
-        ].join(" ")
-      }
-    ),
-    f ? /* @__PURE__ */ l("span", { children: f }) : null
-  ] }) : null;
-}
-function ee(n, e) {
-  if (!n || typeof n != "object") return null;
-  const t = n[e], c = typeof t == "number" ? t : Number(t);
-  return Number.isFinite(c) ? c : null;
-}
-function he(n) {
-  const { data: e, lines: t, currency: c = "EUR", highlightNegative: r } = n, { i18n: m } = x();
-  if (!e) return null;
-  const u = m.language || "en", o = (a) => {
-    const i = ee(e, a.valueField);
-    if (i === null) return null;
-    let s;
-    switch (a.format ?? "number") {
-      case "currency":
-        s = new Intl.NumberFormat(u, {
-          style: "currency",
-          currency: c
-        }).format(i);
-        break;
-      case "percent":
-        s = new Intl.NumberFormat(u, {
-          style: "percent",
-          maximumFractionDigits: 1
-        }).format(i / 100);
-        break;
-      default:
-        s = new Intl.NumberFormat(u).format(i);
-    }
-    return {
-      label: a.label,
-      formatted: s,
-      negative: !!r && i < 0
-    };
-  }, f = t.map(o).filter(
-    (a) => a !== null
-  );
-  return f.length === 0 ? null : /* @__PURE__ */ l(
-    "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: f.map((a, i) => /* @__PURE__ */ L(
-        "span",
-        {
-          className: "ds:inline-flex ds:items-baseline ds:gap-x-[var(--spacing-xs)]",
-          children: [
-            i > 0 ? /* @__PURE__ */ l(
-              "span",
-              {
-                "aria-hidden": "true",
-                className: "ds:me-[var(--spacing-xs)] ds:text-[color:var(--muted-foreground)]",
-                children: "·"
-              }
-            ) : null,
-            /* @__PURE__ */ l("span", { className: "ds:text-[color:var(--muted-foreground)]", children: a.label }),
-            /* @__PURE__ */ l(
-              "span",
-              {
-                className: [
-                  "ds:tabular-nums",
-                  "ds:font-medium",
-                  a.negative ? "ds:text-[color:var(--destructive)]" : ""
-                ].filter(Boolean).join(" "),
-                children: a.formatted
-              }
-            )
-          ]
-        },
-        `${a.label}-${i}`
-      ))
-    }
-  );
-}
-function Ne(n) {
-  var a, i;
-  const { initialValue: e, onValueChange: t, stopEditing: c, column: r } = n, [m, u] = E(e ?? ""), o = T(null);
-  k(() => {
-    const s = o.current;
-    s && (s.focus(), s.select());
-  }, []);
-  const f = ((i = (a = r == null ? void 0 : r.getColDef) == null ? void 0 : a.call(r)) == null ? void 0 : i.headerName) ?? void 0;
-  return /* @__PURE__ */ l(
-    "input",
-    {
-      ref: o,
-      type: "text",
-      value: m,
-      "aria-label": f,
-      onChange: (s) => {
-        const b = s.target.value;
-        u(b), t(b);
-      },
-      onKeyDown: (s) => {
-        s.key === "Enter" && (s.preventDefault(), c());
-      },
-      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.
-        U.md,
-        j.sm,
-        A.sm
-      ].join(" ")
-    }
-  );
-}
-function Ce(n) {
-  var N, C;
-  const {
-    initialValue: e,
-    onValueChange: t,
-    stopEditing: c,
-    column: r,
-    decimals: m = 2,
-    min: u,
-    max: o
-  } = n, { i18n: f } = x(), a = T(null), i = ((C = (N = r == null ? void 0 : r.getColDef) == null ? void 0 : N.call(r)) == null ? void 0 : C.headerName) ?? void 0, [s, b] = E(() => e == null || Number.isNaN(e) ? "" : String(e));
-  k(() => {
-    const d = a.current;
-    d && (d.focus(), d.select());
-  }, []);
-  function g(d) {
-    var z, S;
-    if (d.trim().length === 0) return null;
-    const p = f.language || "en", v = new Intl.NumberFormat(p).formatToParts(12345.6), h = ((z = v.find((R) => R.type === "group")) == null ? void 0 : z.value) ?? "", w = ((S = v.find((R) => R.type === "decimal")) == null ? void 0 : S.value) ?? ".", B = d.replace(new RegExp(`\\${h}`, "g"), "").replace(w, ".").replace(/[^\d.-]/g, ""), I = Number(B);
-    return Number.isFinite(I) ? I : null;
-  }
-  function y(d) {
-    const p = g(d);
-    if (p == null) {
-      t(null);
-      return;
-    }
-    let v = p;
-    typeof u == "number" && (v = Math.max(u, v)), typeof o == "number" && (v = Math.min(o, v));
-    const h = 10 ** m;
-    t(Math.round(v * h) / h);
-  }
-  return /* @__PURE__ */ l(
-    "input",
-    {
-      ref: a,
-      type: "text",
-      inputMode: "decimal",
-      value: s,
-      "aria-label": i,
-      onChange: (d) => {
-        const p = d.target.value;
-        b(p), y(p);
-      },
-      onKeyDown: (d) => {
-        d.key === "Enter" && (d.preventDefault(), c());
-      },
-      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.
-        U.md,
-        j.sm,
-        A.sm
-      ].join(" ")
-    }
-  );
-}
-export {
-  he as B,
-  ve as C,
-  Ce as E,
-  be as R,
-  ge as T,
-  Ne as a,
-  me as b,
-  pe as r,
-  fe as u
-};
-//# sourceMappingURL=editable-currency-cell-renderer-DYdzKpjL.js.map