@alfadocs/ui-kit 0.70.0 → 0.71.0

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

@@ -0,0 +1,410 @@
+import { useMemo as P, useState as E, useRef as T, useEffect as F } from "react";
+import { jsx as l, jsxs as L } from "react/jsx-runtime";
+import { T as V } from "./tag-BQXwuJq1.js";
+import { useTranslation as x } from "react-i18next";
+import { I as z } from "./icon-button-LqoiKcUN.js";
+import { I as $ } from "./icon-button-group-C48khLE0.js";
+import { c as D } from "./createLucideIcon-CrFbzy84.js";
+import { S as H } from "./square-check-big-Jr-0202D.js";
+import { S as q } from "./square-CZoGU14v.js";
+import { u as G } from "./use-isomorphic-layout-effect-BGfaCOP1.js";
+import { c as j, a as M, b as U, d as A } from "./input-surface-xyERuLU_.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 O = [
+  ["path", { d: "M12 5v14", key: "s699le" }],
+  ["path", { d: "m19 12-7 7-7-7", key: "1idqje" }]
+], X = D("arrow-down", O);
+/**
+ * @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 K = [
+  ["path", { d: "m5 12 7-7 7 7", key: "hav0vg" }],
+  ["path", { d: "M12 19V5", key: "x0mq9r" }]
+], W = D("arrow-up", K);
+function be(n, e, t) {
+  return P(() => {
+    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 Z() {
+  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 ge(n) {
+  const { value: e, maxInlineSize: t = "8rem" } = n;
+  return !Array.isArray(e) || e.length === 0 ? null : /* @__PURE__ */ l(
+    V,
+    {
+      label: e.join(", "),
+      size: "sm",
+      fill: "outline",
+      leading: /* @__PURE__ */ l(Z, {}),
+      maxInlineSize: t
+    }
+  );
+}
+function ve() {
+  return 90;
+}
+function he(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, C = a && s >= b, N = m ?? i("dataTable.moveUp", "Move up"), y = u ?? i("dataTable.moveDown", "Move down"), d = [
+    /* @__PURE__ */ l(
+      z,
+      {
+        size: "sm",
+        intent: o,
+        icon: /* @__PURE__ */ l(W, { "aria-hidden": !0, className: "ds:size-4" }),
+        tooltip: N,
+        "aria-label": N,
+        disabled: g,
+        onClick: (p) => {
+          p.stopPropagation(), r(e, "up");
+        }
+      },
+      "up"
+    ),
+    /* @__PURE__ */ l(
+      z,
+      {
+        size: "sm",
+        intent: o,
+        icon: /* @__PURE__ */ l(X, { "aria-hidden": !0, className: "ds:size-4" }),
+        tooltip: y,
+        "aria-label": y,
+        disabled: C,
+        onClick: (p) => {
+          p.stopPropagation(), r(e, "down");
+        }
+      },
+      "down"
+    )
+  ];
+  return f ? /* @__PURE__ */ l(
+    $,
+    {
+      "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 Ne(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, C = g ? m ?? /* @__PURE__ */ l(H, { "aria-hidden": !0, className: "ds:size-4" }) : u ?? /* @__PURE__ */ l(q, { "aria-hidden": !0, className: "ds:size-4" }), N = g ? o : f, y = 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": y,
+      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: C
+    }
+  );
+}
+const J = {
+  sm: "ds:size-[var(--icon-size-sm)]",
+  md: "ds:size-[var(--icon-size-md)]",
+  lg: "ds:size-[var(--icon-size-lg)]"
+};
+function S(n, e) {
+  if (!n || typeof n != "object") return;
+  const t = n[e];
+  return typeof t == "string" ? t : void 0;
+}
+const Q = /^#(?:[0-9a-f]{3,4}|[0-9a-f]{6}|[0-9a-f]{8})$/i, Y = /^rgba?\(\s*[\d.\s,%/]+\)$/i, ee = /^hsla?\(\s*[\d.\s,%/]+\)$/i, te = /^var\(--[a-z0-9-]+(?:,\s*[^)]+)?\)$/i;
+function ne(n) {
+  if (!n) return;
+  const e = n.trim();
+  if (Q.test(e) || Y.test(e) || ee.test(e) || te.test(e))
+    return e;
+}
+function ye(n) {
+  const { data: e, colorField: t, size: c = "md", labelField: r } = n, m = T(null), u = e ? S(e, t) : void 0, o = ne(u), f = e && r ? S(e, r) : void 0;
+  return G(() => {
+    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)]",
+          J[c]
+        ].join(" ")
+      }
+    ),
+    f ? /* @__PURE__ */ l("span", { children: f }) : null
+  ] }) : null;
+}
+function re(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 Ce(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 = re(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 xe(n) {
+  var a, i;
+  const { initialValue: e, onValueChange: t, stopEditing: c, column: r } = n, [m, u] = E(e ?? ""), o = T(null);
+  F(() => {
+    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.
+        j,
+        // 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.
+        M.md,
+        U.sm,
+        A.sm
+      ].join(" ")
+    }
+  );
+}
+function we(n) {
+  var N, y;
+  const {
+    initialValue: e,
+    onValueChange: t,
+    stopEditing: c,
+    column: r,
+    decimals: m = 2,
+    min: u,
+    max: o
+  } = n, { i18n: f } = x(), a = T(null), i = ((y = (N = r == null ? void 0 : r.getColDef) == null ? void 0 : N.call(r)) == null ? void 0 : y.headerName) ?? void 0, [s, b] = E(() => e == null || Number.isNaN(e) ? "" : String(e));
+  F(() => {
+    const d = a.current;
+    d && (d.focus(), d.select());
+  }, []);
+  function g(d) {
+    var _, k;
+    if (d.trim().length === 0) return null;
+    const p = f.language || "en", v = new Intl.NumberFormat(p).formatToParts(12345.6), h = ((_ = v.find((R) => R.type === "group")) == null ? void 0 : _.value) ?? "", w = ((k = v.find((R) => R.type === "decimal")) == null ? void 0 : k.value) ?? ".", B = d.replace(new RegExp(`\\${h}`, "g"), "").replace(w, ".").replace(/[^\d.-]/g, ""), I = Number(B);
+    return Number.isFinite(I) ? I : null;
+  }
+  function C(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), C(p);
+      },
+      onKeyDown: (d) => {
+        d.key === "Enter" && (d.preventDefault(), c());
+      },
+      className: [
+        "ds:block ds:w-full ds:appearance-none ds:text-end ds:tabular-nums",
+        j,
+        // Use `md` height — see editable-text-cell-renderer for rationale.
+        M.md,
+        U.sm,
+        A.sm
+      ].join(" ")
+    }
+  );
+}
+export {
+  Ce as B,
+  ye as C,
+  we as E,
+  he as R,
+  Ne as T,
+  xe as a,
+  ge as b,
+  ve as r,
+  be as u
+};
+//# sourceMappingURL=editable-currency-cell-renderer-CGELrkIj.js.map

package/dist/_chunks/{entity-card-9_62gY7l.js → entity-card-DmrgYSEX.js}

@@ -79,9 +79,9 @@ function g(r) {
 }
 export {
   u as C,
-  g as a,
-  A as b,
-  f as c,
+  A as a,
+  f as b,
+  g as c,
   v as e
 };
-//# sourceMappingURL=entity-card-9_62gY7l.js.map
+//# sourceMappingURL=entity-card-DmrgYSEX.js.map