@alfadocs/ui-kit 1.9.3 → 1.10.0

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

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

package/dist/_chunks/{file-manager-Crg5dKez.js → file-manager-CRxq0UIl.js}

@@ -16,7 +16,7 @@ import { F as Nt, a as Tt } from "./file-Cwe9VC1A.js";
 import { F as Ft } from "./file-text-5yv6r2ls.js";
 import { F as At } from "./file-spreadsheet-DmwyfV4O.js";
 import { C as Dt } from "./chevron-right-I9AeSxH2.js";
-import { A as Rt, d as It, D as Te } from "./actions-cell-renderer-B2pw6iH8.js";
+import { A as Rt, d as It, D as Te } from "./actions-cell-renderer-BbzCqcld.js";
 import { B as $e } from "./badge-sTusUqZD.js";
 import { D as Ge } from "./download-CfYKJO_j.js";
 import { P as zt } from "./pen-line-D0De5zdl.js";
@@ -1756,4 +1756,4 @@ export {
   yn as F,
   Gt as f
 };
-//# sourceMappingURL=file-manager-Crg5dKez.js.map
+//# sourceMappingURL=file-manager-CRxq0UIl.js.map