@ledgerhq/lumen-ui-react 0.1.61 → 0.1.62

package/dist/libs/utils-shared/dist/index.js

@@ -1,44 +1,44 @@
-import { jsx as L } from "react/jsx-runtime";
-import { useMemo as M, createContext as W, useRef as q, useContext as I } from "react";
-import { clsx as N } from "clsx";
-import { twMerge as F } from "tailwind-merge";
-function K(e) {
+import { jsx as K } from "react/jsx-runtime";
+import { useMemo as W, createContext as G, useRef as y, useEffect as I, useContext as V } from "react";
+import { clsx as X } from "clsx";
+import { twMerge as Y } from "tailwind-merge";
+function H(e) {
   let t = 0;
   for (let r = 0; r < e.length; r++)
     t = Math.imul(t, 31) + e.charCodeAt(r) | 0;
   return t;
 }
-const z = {
+const J = {
   md: { max: 48, min: 17, scale: 2, startAt: 0 },
   sm: { max: 28, min: 12, scale: 2, startAt: 6 }
 };
-function ne(e, t = "md") {
-  const { max: r, min: l, scale: a, startAt: o } = z[t], n = e.replace(/\D/g, "").length;
-  return Math.max(l, r - Math.max(0, n - o) * a);
+function Se(e, t = "md") {
+  const { max: r, min: n, scale: a, startAt: s } = J[t], o = e.replace(/\D/g, "").length;
+  return Math.max(n, r - Math.max(0, o - s) * a);
 }
-function B(e, t = !0) {
+function Q(e, t = !0) {
   if (!e) return "";
-  const r = e.includes("."), [l, a] = e.split("."), o = l.replace(/\B(?=(\d{3})+(?!\d))/g, " ");
-  return r && t ? a ? `${o}.${a}` : `${o}.` : o;
+  const r = e.includes("."), [n, a] = e.split("."), s = n.replace(/\B(?=(\d{3})+(?!\d))/g, " ");
+  return r && t ? a ? `${s}.${a}` : `${s}.` : s;
 }
-const V = (e) => e.replaceAll(",", ".").replaceAll(/[^\d.]/g, ""), Y = (e) => e.replace(/^0+(?=\d)/, ""), D = (e, t) => t > 0 ? e.slice(0, t) : e, _ = (e, t) => D(e.replaceAll(/\D/g, ""), t), G = (e, t, r) => {
+const Z = (e) => e.replaceAll(",", ".").replaceAll(/[^\d.]/g, ""), ee = (e) => e.replace(/^0+(?=\d)/, ""), S = (e, t) => t > 0 ? e.slice(0, t) : e, te = (e, t) => S(e.replaceAll(/\D/g, ""), t), re = (e, t, r) => {
   if (e === ".") return "0.";
-  const l = e.indexOf(".");
-  if (l === -1) return D(e, t);
-  const a = D(e.slice(0, l), t) || "0", o = e.slice(l + 1).replaceAll(".", "").slice(0, r);
-  return o.length > 0 ? `${a}.${o}` : e.endsWith(".") ? `${a}.` : a;
+  const n = e.indexOf(".");
+  if (n === -1) return S(e, t);
+  const a = S(e.slice(0, n), t) || "0", s = e.slice(n + 1).replaceAll(".", "").slice(0, r);
+  return s.length > 0 ? `${a}.${s}` : e.endsWith(".") ? `${a}.` : a;
 };
-function le(e, t = {}) {
+function Oe(e, t = {}) {
   const {
     allowDecimals: r = !0,
-    thousandsSeparator: l = !0,
+    thousandsSeparator: n = !0,
     maxIntegerLength: a = 9,
-    maxDecimalLength: o = 9,
-    decimalSeparator: n = "."
-  } = t, i = Y(V(e)), u = r ? G(i, a, o) : _(i, a), f = l ? B(u) : u;
-  return n === "." ? f : f.replaceAll(".", n);
+    maxDecimalLength: s = 9,
+    decimalSeparator: o = "."
+  } = t, i = ee(Z(e)), l = r ? re(i, a, s) : te(i, a), c = n ? Q(l) : l;
+  return o === "." ? c : c.replaceAll(".", o);
 }
-const A = [
+const P = [
   "orange",
   "green",
   "blue",
@@ -48,105 +48,103 @@ const A = [
   "turquoise",
   "pink"
 ];
-function ae(e) {
-  const t = (K(e) % A.length + A.length) % A.length;
-  return A[t];
+function Ie(e) {
+  const t = (H(e) % P.length + P.length) % P.length;
+  return P[t];
 }
-function H(e, t) {
+function ne(e, t) {
   if (Object.is(e, t)) return !0;
-  const r = e, l = t, a = Object.keys(r), o = Object.keys(l);
-  return a.length !== o.length ? !1 : a.every(
-    (n) => Object.prototype.hasOwnProperty.call(l, n) && Object.is(r[n], l[n])
+  const r = e, n = t, a = Object.keys(r), s = Object.keys(n);
+  return a.length !== s.length ? !1 : a.every(
+    (o) => Object.prototype.hasOwnProperty.call(n, o) && Object.is(r[o], n[o])
   );
 }
-function J(e, t) {
-  const r = W(t), l = ({ children: o, value: n }) => {
-    const i = q(n);
-    return H(i.current, n) || (i.current = n), /* @__PURE__ */ L(r.Provider, { value: i.current, children: o });
+function ae(e, t) {
+  const r = G(t), n = ({ children: s, value: o }) => {
+    const i = y(o);
+    return ne(i.current, o) || (i.current = o), /* @__PURE__ */ K(r.Provider, { value: i.current, children: s });
   };
-  l.displayName = e + "Provider";
+  n.displayName = e + "Provider";
   function a({
-    consumerName: o,
-    contextRequired: n
+    consumerName: s,
+    contextRequired: o
   }) {
-    const i = I(r);
+    const i = V(r);
     if (i)
       return i;
-    if (n)
+    if (o)
       throw new Error(
-        `${o} must be used within ${e}`
+        `${s} must be used within ${e}`
       );
     return t || {};
   }
-  return [l, a];
+  return [n, a];
 }
-const [oe, Q] = J("Disabled", { disabled: !1 }), ie = ({
+const [Ce, se] = ae("Disabled", { disabled: !1 }), ke = ({
   consumerName: e,
   contextRequired: t,
   mergeWith: r
 }) => {
-  const l = Q({
+  const n = se({
     consumerName: e,
     contextRequired: t ?? !1
   });
-  return !!(r?.disabled || l.disabled);
+  return !!(r?.disabled || n.disabled);
 };
-function se(...e) {
-  return F(N(e));
+function Ee(...e) {
+  return Y(X(e));
 }
-const w = (e) => typeof e == "string" || typeof e == "number", ue = (e) => Array.isArray(e) ? e.every(w) : w(e);
-function S(e, t) {
+const k = (e) => typeof e == "string" || typeof e == "number", Re = (e) => Array.isArray(e) ? e.every(k) : k(e);
+function E(e, t) {
   if (typeof e == "function")
     return e(t);
   typeof e == "object" && e !== null && "current" in e && (e.current = t);
 }
-function U(...e) {
+function oe(...e) {
   const t = /* @__PURE__ */ new Map();
   return (r) => {
     if (r === null) {
-      e.forEach((l) => {
-        const a = t.get(l);
-        typeof a == "function" && a(), S(l, null);
+      e.forEach((n) => {
+        const a = t.get(n);
+        typeof a == "function" && a(), E(n, null);
       }), t.clear();
       return;
     }
-    e.forEach((l) => {
-      const a = S(l, r);
-      typeof a == "function" && t.set(l, a);
+    e.forEach((n) => {
+      const a = E(n, r);
+      typeof a == "function" && t.set(n, a);
     });
   };
 }
-function ce(...e) {
-  return M(() => U(...e), e);
+function Ne(...e) {
+  return W(() => oe(...e), e);
 }
-function de(e) {
+function je(e) {
   return function(t, r) {
     return e[t][r];
   };
 }
-const fe = ({
+const We = ({
   currentStep: e,
   totalSteps: t,
   size: r,
-  label: l,
-  strokeWidth: a = 4,
-  arcPercentage: o = 0.75
+  label: n,
+  strokeWidth: a = 4
 }) => {
-  const n = Math.min(Math.max(e, 0), t), i = l ?? `${n}/${t}`, u = t <= 0 ? 0 : n / t, f = (r - a) / 2, p = r / 2, h = r / 2, c = 2 * Math.PI * f, m = c * o, b = m * (1 - u), g = n <= 0, v = `${m} ${c}`, P = g ? m - 2 : b;
+  const s = Math.min(Math.max(e, 0), t), o = n ?? `${s}/${t}`, i = t <= 0 ? 0 : s / t, l = (r - a) / 2, c = r / 2, g = r / 2, p = 2 * Math.PI * l, m = t <= 1 ? 0 : 12 / 360 * p + a, h = t <= 1 ? p : Math.max(p / t - m, 0), A = `${h} ${m}`, x = `${p} ${p}`, M = p * (1 - i), v = h + m / 2;
   return {
-    displayLabel: i,
-    progress: u,
-    r: f,
-    cx: p,
-    cy: h,
-    circumference: c,
-    trackArcLength: m,
-    trackDashArray: `${m} ${c}`,
-    progressDashArray: v,
-    progressDashOffset: P,
-    showMinimalDot: g
+    displayLabel: o,
+    progress: i,
+    r: l,
+    cx: c,
+    cy: g,
+    circumference: p,
+    progressDashArray: A,
+    progressMaskDashArray: x,
+    progressDashOffset: M,
+    dashPatternOffset: v
   };
-}, me = (e) => M(
+}, Le = (e) => W(
   () => ({
     integerPart: Array.from(e.integerPart, (t) => ({
       value: t,
@@ -158,57 +156,215 @@ const fe = ({
     })) : []
   }),
   [e.integerPart, e.decimalPart]
-), pe = (e, t, r) => {
+), Fe = (e, t, r) => {
   if (t) return r;
-  const l = e.decimalPart ? `${e.decimalSeparator}${e.decimalPart}` : "", a = `${e.integerPart}${l}`;
+  const n = e.decimalPart ? `${e.decimalSeparator}${e.decimalPart}` : "", a = `${e.integerPart}${n}`;
   return e.currencyPosition === "end" ? `${a} ${e.currencyText}` : `${e.currencyText} ${a}`;
 };
-function Z(e, t, r = {}) {
-  const { leading: l = !1, trailing: a = !0, maxWait: o } = r;
-  let n = null, i = null, u = null, f = 0, p = null, h = null, c;
-  const m = o !== void 0, b = m ? Math.max(o, t) : 0, g = (s) => {
-    f = s;
-    const d = p ?? [], x = h;
-    return p = null, h = null, c = e.apply(x, d), c;
-  }, v = (s) => {
-    const d = u ? s - u : 0;
-    return t - d;
-  }, P = (s) => {
-    const d = u ? s - u : t, x = s - f;
-    return u === null || d >= t || d < 0 || m && x >= b;
-  }, T = (s) => (n = null, a && p ? g(s) : (p = null, h = null, c)), y = () => {
-    const s = Date.now();
-    if (P(s)) {
-      T(s);
+let R = 0;
+const ie = {
+  info: 5e3,
+  success: 5e3,
+  warning: 0,
+  error: 0
+}, le = 3, L = [], qe = (e) => Number.isInteger(e) && e >= 1 ? e : le, Be = (e, t) => {
+  if (e.duration !== void 0)
+    return e.duration === 0 ? 1 / 0 : e.duration;
+  if (e.loading) return 1 / 0;
+  const r = t?.[e.appearance] ?? ie[e.appearance];
+  return r === 0 ? 1 / 0 : r;
+}, ue = () => typeof crypto < "u" && typeof crypto.randomUUID == "function" ? crypto.randomUUID() : (R += 1, `toast-${Date.now()}-${R}`), ce = (e, t) => ({
+  id: e,
+  appearance: t.appearance ?? "info",
+  loading: t.loading ?? !1,
+  title: t.title,
+  duration: t.duration,
+  dismissible: t.dismissible ?? !0,
+  action: t.action
+}), de = (e) => {
+  const t = {};
+  for (const r of Object.keys(e))
+    (e[r] !== void 0 || r === "action") && Object.assign(t, { [r]: e[r] });
+  return t;
+};
+let d = L;
+const O = /* @__PURE__ */ new Set();
+let $ = 0;
+const D = () => {
+  for (const e of O) e();
+}, pe = (e) => (O.add(e), () => O.delete(e)), fe = () => d, me = () => L, ge = (e) => {
+  const t = ue();
+  return d = [...d, ce(t, e)], D(), t;
+}, he = (e, t) => {
+  const r = d.findIndex((o) => o.id === e);
+  if (r === -1) return;
+  const n = de(t), a = n.duration !== void 0 || n.loading !== void 0 || n.appearance !== void 0, s = {
+    ...d[r],
+    ...n,
+    ...a && { duration: n.duration }
+  };
+  d = d.map((o, i) => i === r ? s : o), D();
+}, ye = (e) => {
+  const t = d.findIndex((r) => r.id === e);
+  t !== -1 && (d = d[t].exiting ? d.filter((r) => r.id !== e) : d.map(
+    (r) => r.id === e ? { ...r, exiting: !0 } : r
+  ), D());
+}, xe = () => {
+  d.length !== 0 && (d = d.map((e) => ({ ...e, exiting: !0 })), D());
+}, be = () => ($ += 1, $ > 1 && console.warn(
+  `[Toaster] ${$} <Toaster /> instances are mounted at once. Every toast will render once per instance. Mount a single <Toaster /> for the whole app.`
+), () => {
+  $ -= 1;
+}), F = {
+  subscribe: pe,
+  getSnapshot: fe,
+  getServerSnapshot: me,
+  registerRenderer: be,
+  add: ge,
+  update: he,
+  dismiss: ye,
+  dismissAll: xe
+}, Ue = (e, t) => {
+  const r = y(/* @__PURE__ */ new Set());
+  return I(() => {
+    r.current = new Set(
+      e.filter(
+        (n, a) => a >= t || r.current.has(n.id)
+      ).map((n) => n.id)
+    ), e.slice(t).filter((n) => n.exiting).forEach((n) => F.dismiss(n.id));
+  }, [e, t]), (n) => r.current.has(n);
+}, Te = ({
+  durationMs: e,
+  paused: t,
+  exiting: r,
+  onExpire: n
+}) => {
+  const a = y(n);
+  a.current = n;
+  const s = y(e), o = y(e), i = y(null);
+  I(() => {
+    if (r || (e !== o.current && (o.current = e, s.current = e), t || !Number.isFinite(s.current))) return;
+    i.current = Date.now();
+    const l = setTimeout(
+      () => a.current(),
+      s.current
+    );
+    return () => {
+      clearTimeout(l), i.current !== null && (s.current -= Date.now() - i.current, i.current = null);
+    };
+  }, [t, r, e]);
+}, Ae = 300, _e = ({
+  durationMs: e,
+  paused: t,
+  exiting: r,
+  onDismiss: n
+}) => {
+  Te({ durationMs: e, paused: t, exiting: r, onExpire: n });
+  const a = y(n);
+  a.current = n, I(() => {
+    if (!r) return;
+    const s = setTimeout(
+      () => a.current(),
+      Ae
+    );
+    return () => clearTimeout(s);
+  }, [r]);
+}, N = (e, t) => typeof e == "function" ? e(t) : e, ve = ({
+  add: e,
+  update: t,
+  dismiss: r,
+  dismissAll: n
+}) => {
+  const a = (s) => ({
+    id: e(s)
+  });
+  return {
+    notify: a,
+    info: (s) => a({ ...s, appearance: "info" }),
+    success: (s) => a({ ...s, appearance: "success" }),
+    warning: (s) => a({ ...s, appearance: "warning" }),
+    error: (s) => a({ ...s, appearance: "error" }),
+    loading: (s) => a({ ...s, appearance: "info", loading: !0 }),
+    update: t,
+    dismiss: r,
+    dismissAll: n,
+    promise: (s, o) => {
+      const { id: i } = a({
+        ...o.loading,
+        appearance: "info",
+        loading: !0
+      });
+      return s.then(
+        (l) => {
+          const c = N(o.success, l);
+          t(i, {
+            ...c,
+            appearance: "success",
+            loading: !1,
+            action: c.action,
+            dismissible: c.dismissible ?? !0
+          });
+        },
+        (l) => {
+          const c = N(o.error, l);
+          t(i, {
+            ...c,
+            appearance: "error",
+            loading: !1,
+            action: c.action,
+            dismissible: c.dismissible ?? !0
+          });
+        }
+      ), { id: i };
+    }
+  };
+}, ze = ve(F);
+function we(e, t, r = {}) {
+  const { leading: n = !1, trailing: a = !0, maxWait: s } = r;
+  let o = null, i = null, l = null, c = 0, g = null, p = null, m;
+  const h = s !== void 0, A = h ? Math.max(s, t) : 0, x = (u) => {
+    c = u;
+    const f = g ?? [], T = p;
+    return g = null, p = null, m = e.apply(T, f), m;
+  }, M = (u) => {
+    const f = l ? u - l : 0;
+    return t - f;
+  }, v = (u) => {
+    const f = l ? u - l : t, T = u - c;
+    return l === null || f >= t || f < 0 || h && T >= A;
+  }, C = (u) => (o = null, a && g ? x(u) : (g = null, p = null, m)), b = () => {
+    const u = Date.now();
+    if (v(u)) {
+      C(u);
       return;
     }
-    n = setTimeout(y, v(s));
-  }, k = () => {
-    const s = Date.now();
-    i = null, p && (g(s), n !== null && (clearTimeout(n), n = setTimeout(y, t)));
-  }, O = (s) => (f = s, n = setTimeout(y, t), m && (i = setTimeout(k, b)), l ? g(s) : c), R = () => {
-    n !== null && clearTimeout(n), i !== null && clearTimeout(i), f = 0, p = null, h = null, u = null, n = null, i = null;
-  }, j = () => n === null && i === null ? c : T(Date.now()), E = () => n !== null || i !== null, $ = function(...s) {
-    const d = Date.now(), x = P(d);
-    if (p = s, h = this, u = d, x) {
-      if (n === null)
-        return O(d);
-      if (m)
-        return clearTimeout(n), n = setTimeout(y, t), g(d);
+    o = setTimeout(b, M(u));
+  }, q = () => {
+    const u = Date.now();
+    i = null, g && (x(u), o !== null && (clearTimeout(o), o = setTimeout(b, t)));
+  }, B = (u) => (c = u, o = setTimeout(b, t), h && (i = setTimeout(q, A)), n ? x(u) : m), U = () => {
+    o !== null && clearTimeout(o), i !== null && clearTimeout(i), c = 0, g = null, p = null, l = null, o = null, i = null;
+  }, _ = () => o === null && i === null ? m : C(Date.now()), z = () => o !== null || i !== null, w = function(...u) {
+    const f = Date.now(), T = v(f);
+    if (g = u, p = this, l = f, T) {
+      if (o === null)
+        return B(f);
+      if (h)
+        return clearTimeout(o), o = setTimeout(b, t), x(f);
     }
-    return n === null && (n = setTimeout(y, t)), c;
+    return o === null && (o = setTimeout(b, t)), m;
   };
-  return $.cancel = R, $.flush = j, $.pending = E, $;
+  return w.cancel = U, w.flush = _, w.pending = z, w;
 }
-function he(e, t, r = {}) {
-  const { leading: l = !0, trailing: a = !0 } = r;
-  return Z(e, t, {
-    leading: l,
+function Ke(e, t, r = {}) {
+  const { leading: n = !0, trailing: a = !0 } = r;
+  return we(e, t, {
+    leading: n,
     trailing: a,
     maxWait: t
   });
 }
-const ge = ({
+const Ge = ({
   onClick: e,
   disabled: t
 }) => e ? t ? {
@@ -222,41 +378,50 @@ const ge = ({
     (r.key === "Enter" || r.key === " ") && (r.preventDefault(), e?.(r));
   },
   onClick: e
-} : void 0, C = " ", ye = ({
+} : void 0, j = " ", Ve = ({
   label: e,
   placeholder: t
 }) => {
   const r = typeof t == "string" && t.trim().length > 0 ? t : void 0;
   return e ? {
-    inputPlaceholder: r ?? C,
+    inputPlaceholder: r ?? j,
     labelStaysFloatedWithPlaceholder: r !== void 0
   } : {
-    inputPlaceholder: t ?? C,
+    inputPlaceholder: t ?? j,
     labelStaysFloatedWithPlaceholder: !1
   };
 };
 export {
-  A as AVATAR_COLOR_KEYS,
-  oe as DisabledProvider,
-  S as assignRef,
-  pe as buildAriaLabel,
-  se as cn,
-  de as createPropsResolver,
-  J as createSafeContext,
-  Z as debounce,
-  B as formatThousands,
-  ge as getButtonA11yProps,
-  ne as getFontSize,
-  fe as getStepperCalculations,
-  K as hashString,
-  ue as isTextChildren,
-  U as mergeRefs,
-  ae as resolveAvatarColorKey,
-  ye as resolveBaseInputPlaceholder,
-  H as shallowEqual,
-  le as textFormatter,
-  he as throttle,
-  ie as useDisabledContext,
-  ce as useMergedRef,
-  me as useSplitText
+  P as AVATAR_COLOR_KEYS,
+  Ce as DisabledProvider,
+  Ae as EXIT_ANIMATION_MS,
+  E as assignRef,
+  Fe as buildAriaLabel,
+  Ee as cn,
+  je as createPropsResolver,
+  ae as createSafeContext,
+  ve as createToastController,
+  we as debounce,
+  Q as formatThousands,
+  Ge as getButtonA11yProps,
+  Se as getFontSize,
+  We as getStepperCalculations,
+  H as hashString,
+  Re as isTextChildren,
+  oe as mergeRefs,
+  Ie as resolveAvatarColorKey,
+  Ve as resolveBaseInputPlaceholder,
+  Be as resolveDurationMs,
+  qe as resolveMaxItems,
+  ne as shallowEqual,
+  Oe as textFormatter,
+  Ke as throttle,
+  ze as toast,
+  F as toastStore,
+  ke as useDisabledContext,
+  Ne as useMergedRef,
+  Le as useSplitText,
+  Ue as useToastBacklog,
+  _e as useToastLifecycle,
+  Te as useToastTimer
 };

package/dist/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ledgerhq/lumen-ui-react",
-  "version": "0.1.60",
+  "version": "0.1.61",
   "license": "Apache-2.0",
   "sideEffects": false,
   "keywords": [

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ledgerhq/lumen-ui-react",
-  "version": "0.1.61",
+  "version": "0.1.62",
   "license": "Apache-2.0",
   "sideEffects": false,
   "keywords": [
@@ -47,7 +47,7 @@
     ]
   },
   "dependencies": {
-    "@ledgerhq/lumen-utils-shared": "0.1.14",
+    "@ledgerhq/lumen-utils-shared": "0.1.15",
     "@types/d3-scale": "^4.0.9",
     "@types/d3-shape": "^3.1.8",
     "d3-scale": "^4.0.2",
@@ -64,7 +64,7 @@
     "@radix-ui/react-tooltip": "^1.2.8",
     "class-variance-authority": "^0.7.1",
     "@tanstack/react-table": "^8.21.3",
-    "@ledgerhq/lumen-design-core": "0.1.30",
+    "@ledgerhq/lumen-design-core": "0.1.31",
     "clsx": "^2.1.1",
     "react": "^18.0.0 || ^19.0.0",
     "react-dom": "^18.0.0 || ^19.0.0",