@ledgerhq/lumen-ui-react 0.1.44 → 0.1.45

package/dist/lib/Components/Table/utils/useThrottledScrollBottom.js

@@ -1,7 +1,7 @@
 import { throttle as h } from "../../../../libs/utils-shared/dist/index.js";
 import { useMemo as L, useRef as s, useEffect as _ } from "react";
-import { TABLE_SCROLL_BOTTOM_THRESHOLD_IN_ROW as R, TABLE_CELL_HEIGHT as a } from "../constants.js";
-const m = 150, E = ({
+import { TABLE_SCROLL_BOTTOM_THRESHOLD_IN_ROW as m, TABLE_CELL_HEIGHT as R } from "../constants.js";
+const a = 150, E = ({
   element: t,
   threshold: r = 10
 }) => {
@@ -10,10 +10,10 @@ const m = 150, E = ({
 }, p = ({
   onScrollBottom: t,
   loading: r = !1,
-  thresholdInRow: c = R
+  thresholdInRow: c = m
 }) => {
   const n = L(
-    () => c * a,
+    () => c * R,
     [c]
   ), e = s(t), u = s(r);
   e.current = t, u.current = r;
@@ -22,7 +22,7 @@ const m = 150, E = ({
       return;
     const T = h((o) => {
       u.current || !e.current || E({ element: o, threshold: n }) && e.current();
-    }, m);
+    }, a);
     return l.current = T, (o) => {
       const i = o.currentTarget;
       i && T(i);

package/dist/lib/Components/TileButton/TileButton.js

@@ -1,9 +1,9 @@
 import { jsxs as p, jsx as t } from "react/jsx-runtime";
 import { useDisabledContext as v, cn as x } from "../../../libs/utils-shared/dist/index.js";
 import { Slot as g, Slottable as N } from "@radix-ui/react-slot";
-import { cva as i } from "class-variance-authority";
+import { cva as o } from "class-variance-authority";
 import { useCallback as V } from "react";
-const h = i(
+const h = o(
   [
     "flex flex-col items-center gap-8 rounded-md p-12",
     "bg-surface body-2-semi-bold text-base transition-colors",
@@ -24,7 +24,7 @@ const h = i(
       isFull: !1
     }
   }
-), k = i("shrink-0", {
+), k = o("shrink-0", {
   variants: {
     disabled: {
       true: "text-disabled",
@@ -50,12 +50,12 @@ const h = i(
     consumerName: "TileButton",
     mergeWith: { disabled: d }
   }), m = V(
-    (o) => {
+    (i) => {
       if (e) {
-        o.preventDefault();
+        i.preventDefault();
         return;
       }
-      l?.(o);
+      l?.(i);
     },
     [e, l]
   );

package/dist/lib/Components/Tooltip/Tooltip.js

@@ -1,5 +1,5 @@
-import { jsx as o, jsxs as l } from "react/jsx-runtime";
-import { cn as s } from "../../../libs/utils-shared/dist/index.js";
+import { jsx as o, jsxs as s } from "react/jsx-runtime";
+import { cn as l } from "../../../libs/utils-shared/dist/index.js";
 import * as e from "@radix-ui/react-tooltip";
 import { cva as d } from "class-variance-authority";
 const m = d(
@@ -37,13 +37,13 @@ const m = d(
   side: a,
   children: r,
   ...n
-}) => /* @__PURE__ */ o(e.Portal, { children: /* @__PURE__ */ l(
+}) => /* @__PURE__ */ o(e.Portal, { children: /* @__PURE__ */ s(
   e.Content,
   {
     "data-slot": "tooltip-content",
     side: a,
     sideOffset: i,
-    className: s(m({ side: a }), t),
+    className: l(m({ side: a }), t),
     ...n,
     children: [
       /* @__PURE__ */ o(e.Arrow, { className: "size-10 translate-y-[calc(-50%-1px)] rotate-45 rounded-[1px] bg-interactive fill-interactive" }),

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

@@ -1,134 +1,129 @@
-import { jsx as W } from "react/jsx-runtime";
-import { useMemo as M, createContext as L, useRef as R, useContext as E } from "react";
-import { clsx as q } from "clsx";
-import { twMerge as I } from "tailwind-merge";
-function X(e) {
+import { jsx as L } from "react/jsx-runtime";
+import { useMemo as M, createContext as R, useRef as W, useContext as E } from "react";
+import { clsx as I } from "clsx";
+import { twMerge as q } from "tailwind-merge";
+function ee(e) {
   return e ? e.split(/[-_ ]+/).map((t) => t.charAt(0).toUpperCase() + t.slice(1).toLowerCase()).join("") : "";
 }
 const N = {
   md: { max: 48, min: 17, scale: 2, startAt: 0 },
   sm: { max: 28, min: 12, scale: 2, startAt: 6 }
 };
-function Z(e, t = "md") {
-  const { max: l, min: s, scale: a, startAt: i } = N[t], r = e.replace(/\D/g, "").length;
-  return Math.max(s, l - Math.max(0, r - i) * a);
+function te(e, t = "md") {
+  const { max: r, min: a, scale: l, startAt: i } = N[t], n = e.replace(/\D/g, "").length;
+  return Math.max(a, r - Math.max(0, n - i) * l);
 }
-function w(e, t = !0) {
+function F(e, t = !0) {
   if (!e) return "";
-  const l = e.includes("."), [s, a] = e.split("."), i = s.replace(/\B(?=(\d{3})+(?!\d))/g, " ");
-  return l && t ? a ? `${i}.${a}` : `${i}.` : i;
+  const r = e.includes("."), [a, l] = e.split("."), i = a.replace(/\B(?=(\d{3})+(?!\d))/g, " ");
+  return r && t ? l ? `${i}.${l}` : `${i}.` : i;
 }
-function H(e, t = {}) {
+const z = (e) => e.replaceAll(",", ".").replaceAll(/[^\d.]/g, ""), B = (e) => e.replace(/^0+(?=\d)/, ""), A = (e, t) => t > 0 ? e.slice(0, t) : e, K = (e, t) => A(e.replaceAll(/\D/g, ""), t), U = (e, t, r) => {
+  if (e === ".") return "0.";
+  const a = e.indexOf(".");
+  if (a === -1) return A(e, t);
+  const l = A(e.slice(0, a), t) || "0", i = e.slice(a + 1).replaceAll(".", "").slice(0, r);
+  return i.length > 0 ? `${l}.${i}` : e.endsWith(".") ? `${l}.` : l;
+};
+function re(e, t = {}) {
   const {
-    allowDecimals: l = !0,
-    thousandsSeparator: s = !0,
-    maxIntegerLength: a = 9,
-    maxDecimalLength: i = 9
-  } = t, r = e.replace(",", ".").replace(/[^\d.]/g, "");
-  let n = r;
-  if (n = n.replace(/^0+(?=\d)/, ""), !l)
-    return n = n.replace(/\D/g, ""), a > 0 && n.length > a && (n = n.slice(0, a)), s ? w(n) : n;
-  n === "." && (n = "0.");
-  const c = n.indexOf(".");
-  if (c === -1)
-    a > 0 && n.length > a && (n = n.slice(0, a));
-  else {
-    let u = n.slice(0, c), d = n.slice(c + 1).replace(/\./g, "");
-    a > 0 && u.length > a && (u = u.slice(0, a)), d = d.slice(0, i), u === "" && (u = "0");
-    const h = r.endsWith(".") || n.endsWith(".");
-    n = d.length > 0 ? `${u}.${d}` : h ? `${u}.` : u;
-  }
-  return s ? w(n) : n;
+    allowDecimals: r = !0,
+    thousandsSeparator: a = !0,
+    maxIntegerLength: l = 9,
+    maxDecimalLength: i = 9,
+    decimalSeparator: n = "."
+  } = t, o = B(z(e)), u = r ? U(o, l, i) : K(o, l), m = a ? F(u) : u;
+  return n === "." ? m : m.replaceAll(".", n);
 }
-function F(e, t) {
+function _(e, t) {
   if (Object.is(e, t)) return !0;
-  const l = e, s = t, a = Object.keys(l), i = Object.keys(s);
-  return a.length !== i.length ? !1 : a.every(
-    (r) => Object.prototype.hasOwnProperty.call(s, r) && Object.is(l[r], s[r])
+  const r = e, a = t, l = Object.keys(r), i = Object.keys(a);
+  return l.length !== i.length ? !1 : l.every(
+    (n) => Object.prototype.hasOwnProperty.call(a, n) && Object.is(r[n], a[n])
   );
 }
-function z(e, t) {
-  const l = L(t), s = ({ children: i, value: r }) => {
-    const n = R(r);
-    return F(n.current, r) || (n.current = r), /* @__PURE__ */ W(l.Provider, { value: n.current, children: i });
+function G(e, t) {
+  const r = R(t), a = ({ children: i, value: n }) => {
+    const o = W(n);
+    return _(o.current, n) || (o.current = n), /* @__PURE__ */ L(r.Provider, { value: o.current, children: i });
   };
-  s.displayName = e + "Provider";
-  function a({
+  a.displayName = e + "Provider";
+  function l({
     consumerName: i,
-    contextRequired: r
+    contextRequired: n
   }) {
-    const n = E(l);
+    const o = E(r);
+    if (o)
+      return o;
     if (n)
-      return n;
-    if (r)
       throw new Error(
         `${i} must be used within ${e}`
       );
     return t || {};
   }
-  return [s, a];
+  return [a, l];
 }
-const [V, B] = z("Disabled", { disabled: !1 }), Y = ({
+const [ne, H] = G("Disabled", { disabled: !1 }), ae = ({
   consumerName: e,
   contextRequired: t,
-  mergeWith: l
+  mergeWith: r
 }) => {
-  const s = B({
+  const a = H({
     consumerName: e,
     contextRequired: t ?? !1
   });
-  return !!(l?.disabled || s.disabled);
+  return !!(r?.disabled || a.disabled);
 };
-function ee(...e) {
-  return I(q(e));
+function le(...e) {
+  return q(I(e));
 }
 function T(e, t) {
   if (typeof e == "function")
     return e(t);
   typeof e == "object" && e !== null && "current" in e && (e.current = t);
 }
-function K(...e) {
+function J(...e) {
   const t = /* @__PURE__ */ new Map();
-  return (l) => {
-    if (l === null) {
-      e.forEach((s) => {
-        const a = t.get(s);
-        typeof a == "function" && a(), T(s, null);
+  return (r) => {
+    if (r === null) {
+      e.forEach((a) => {
+        const l = t.get(a);
+        typeof l == "function" && l(), T(a, null);
       }), t.clear();
       return;
     }
-    e.forEach((s) => {
-      const a = T(s, l);
-      typeof a == "function" && t.set(s, a);
+    e.forEach((a) => {
+      const l = T(a, r);
+      typeof l == "function" && t.set(a, l);
     });
   };
 }
-function te(...e) {
-  return M(() => K(...e), e);
+function ie(...e) {
+  return M(() => J(...e), e);
 }
-const ne = ({
+const oe = ({
   currentStep: e,
   totalSteps: t,
-  size: l,
-  label: s,
-  strokeWidth: a = 4,
+  size: r,
+  label: a,
+  strokeWidth: l = 4,
   arcPercentage: i = 0.75
 }) => {
-  const r = Math.min(Math.max(e, 0), t), n = s ?? `${r}/${t}`, c = t <= 0 ? 0 : r / t, u = (l - a) / 2, d = l / 2, h = l / 2, m = 2 * Math.PI * u, p = m * i, b = p * (1 - c), g = r <= 0, D = `${p} ${m}`, P = g ? p - 2 : b;
+  const n = Math.min(Math.max(e, 0), t), o = a ?? `${n}/${t}`, u = t <= 0 ? 0 : n / t, m = (r - l) / 2, p = r / 2, h = r / 2, c = 2 * Math.PI * m, f = c * i, b = f * (1 - u), g = n <= 0, D = `${f} ${c}`, P = g ? f - 2 : b;
   return {
-    displayLabel: n,
-    progress: c,
-    r: u,
-    cx: d,
+    displayLabel: o,
+    progress: u,
+    r: m,
+    cx: p,
     cy: h,
-    circumference: m,
-    trackArcLength: p,
-    trackDashArray: `${p} ${m}`,
+    circumference: c,
+    trackArcLength: f,
+    trackDashArray: `${f} ${c}`,
     progressDashArray: D,
     progressDashOffset: P,
     showMinimalDot: g
   };
-}, re = (e) => M(
+}, se = (e) => M(
   () => ({
     integerPart: Array.from(e.integerPart, (t) => ({
       value: t,
@@ -140,57 +135,57 @@ const ne = ({
     })) : []
   }),
   [e.integerPart, e.decimalPart]
-), le = (e, t, l) => {
-  if (t) return l;
-  const s = e.decimalPart ? `${e.decimalSeparator}${e.decimalPart}` : "", a = `${e.integerPart}${s}`;
-  return e.currencyPosition === "end" ? `${a} ${e.currencyText}` : `${e.currencyText} ${a}`;
+), ue = (e, t, r) => {
+  if (t) return r;
+  const a = e.decimalPart ? `${e.decimalSeparator}${e.decimalPart}` : "", l = `${e.integerPart}${a}`;
+  return e.currencyPosition === "end" ? `${l} ${e.currencyText}` : `${e.currencyText} ${l}`;
 };
-function _(e, t, l = {}) {
-  const { leading: s = !1, trailing: a = !0, maxWait: i } = l;
-  let r = null, n = null, c = null, u = 0, d = null, h = null, m;
-  const p = i !== void 0, b = p ? Math.max(i, t) : 0, g = (o) => {
-    u = o;
-    const f = d, x = h;
-    return d = null, h = null, m = e.apply(x, f), m;
-  }, D = (o) => {
-    const f = c ? o - c : 0;
-    return t - f;
-  }, P = (o) => {
-    const f = c ? o - c : t, x = o - u;
-    return c === null || f >= t || f < 0 || p && x >= b;
-  }, v = (o) => (r = null, a && d ? g(o) : (d = null, h = null, m)), y = () => {
-    const o = Date.now();
-    if (P(o)) {
-      v(o);
+function Y(e, t, r = {}) {
+  const { leading: a = !1, trailing: l = !0, maxWait: i } = r;
+  let n = null, o = null, u = null, m = 0, p = null, h = null, c;
+  const f = i !== void 0, b = f ? Math.max(i, t) : 0, g = (s) => {
+    m = s;
+    const d = p, y = h;
+    return p = null, h = null, c = e.apply(y, d), c;
+  }, D = (s) => {
+    const d = u ? s - u : 0;
+    return t - d;
+  }, P = (s) => {
+    const d = u ? s - u : t, y = s - m;
+    return u === null || d >= t || d < 0 || f && y >= b;
+  }, w = (s) => (n = null, l && p ? g(s) : (p = null, h = null, c)), x = () => {
+    const s = Date.now();
+    if (P(s)) {
+      w(s);
       return;
     }
-    r = setTimeout(y, D(o));
-  }, C = () => {
-    const o = Date.now();
-    n = null, d && (g(o), r !== null && (clearTimeout(r), r = setTimeout(y, t)));
-  }, S = (o) => (u = o, r = setTimeout(y, t), p && (n = setTimeout(C, b)), s ? g(o) : m), j = () => {
-    r !== null && clearTimeout(r), n !== null && clearTimeout(n), u = 0, d = null, h = null, c = null, r = null, n = null;
-  }, k = () => r === null && n === null ? m : v(Date.now()), O = () => r !== null || n !== null, $ = function(...o) {
-    const f = Date.now(), x = P(f);
-    if (d = o, h = this, c = f, x) {
-      if (r === null)
-        return S(f);
-      if (p)
-        return clearTimeout(r), r = setTimeout(y, t), g(f);
+    n = setTimeout(x, D(s));
+  }, S = () => {
+    const s = Date.now();
+    o = null, p && (g(s), n !== null && (clearTimeout(n), n = setTimeout(x, t)));
+  }, k = (s) => (m = s, n = setTimeout(x, t), f && (o = setTimeout(S, b)), a ? g(s) : c), C = () => {
+    n !== null && clearTimeout(n), o !== null && clearTimeout(o), m = 0, p = null, h = null, u = null, n = null, o = null;
+  }, j = () => n === null && o === null ? c : w(Date.now()), O = () => n !== null || o !== null, $ = function(...s) {
+    const d = Date.now(), y = P(d);
+    if (p = s, h = this, u = d, y) {
+      if (n === null)
+        return k(d);
+      if (f)
+        return clearTimeout(n), n = setTimeout(x, t), g(d);
     }
-    return r === null && (r = setTimeout(y, t)), m;
+    return n === null && (n = setTimeout(x, t)), c;
   };
-  return $.cancel = j, $.flush = k, $.pending = O, $;
+  return $.cancel = C, $.flush = j, $.pending = O, $;
 }
-function ae(e, t, l = {}) {
-  const { leading: s = !0, trailing: a = !0 } = l;
-  return _(e, t, {
-    leading: s,
-    trailing: a,
+function ce(e, t, r = {}) {
+  const { leading: a = !0, trailing: l = !0 } = r;
+  return Y(e, t, {
+    leading: a,
+    trailing: l,
     maxWait: t
   });
 }
-const se = ({
+const de = ({
   onClick: e,
   disabled: t
 }) => e ? t ? {
@@ -200,41 +195,41 @@ const se = ({
 } : {
   role: "button",
   tabIndex: 0,
-  onKeyDown: (l) => {
-    (l.key === "Enter" || l.key === " ") && (l.preventDefault(), e?.(l));
+  onKeyDown: (r) => {
+    (r.key === "Enter" || r.key === " ") && (r.preventDefault(), e?.(r));
   },
   onClick: e
-} : void 0, A = " ", oe = ({
+} : void 0, v = " ", me = ({
   label: e,
   placeholder: t
 }) => {
-  const l = typeof t == "string" && t.trim().length > 0 ? t : void 0;
+  const r = typeof t == "string" && t.trim().length > 0 ? t : void 0;
   return e ? {
-    inputPlaceholder: l ?? A,
-    labelStaysFloatedWithPlaceholder: l !== void 0
+    inputPlaceholder: r ?? v,
+    labelStaysFloatedWithPlaceholder: r !== void 0
   } : {
-    inputPlaceholder: t ?? A,
+    inputPlaceholder: t ?? v,
     labelStaysFloatedWithPlaceholder: !1
   };
 };
 export {
-  V as DisabledProvider,
+  ne as DisabledProvider,
   T as assignRef,
-  le as buildAriaLabel,
-  ee as cn,
-  z as createSafeContext,
-  _ as debounce,
-  w as formatThousands,
-  se as getButtonA11yProps,
-  Z as getFontSize,
-  ne as getStepperCalculations,
-  K as mergeRefs,
-  oe as resolveBaseInputPlaceholder,
-  F as shallowEqual,
-  H as textFormatter,
-  ae as throttle,
-  X as toPascalCase,
-  Y as useDisabledContext,
-  te as useMergedRef,
-  re as useSplitText
+  ue as buildAriaLabel,
+  le as cn,
+  G as createSafeContext,
+  Y as debounce,
+  F as formatThousands,
+  de as getButtonA11yProps,
+  te as getFontSize,
+  oe as getStepperCalculations,
+  J as mergeRefs,
+  me as resolveBaseInputPlaceholder,
+  _ as shallowEqual,
+  re as textFormatter,
+  ce as throttle,
+  ee as toPascalCase,
+  ae as useDisabledContext,
+  ie as useMergedRef,
+  se as useSplitText
 };

package/dist/package.json

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

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ledgerhq/lumen-ui-react",
-  "version": "0.1.44",
+  "version": "0.1.45",
   "license": "Apache-2.0",
   "sideEffects": false,
   "keywords": [
@@ -41,7 +41,7 @@
     ]
   },
   "dependencies": {
-    "@ledgerhq/lumen-utils-shared": "0.1.6",
+    "@ledgerhq/lumen-utils-shared": "0.1.7",
     "i18next": "^23.7.0",
     "react-i18next": "^14.0.0"
   },
@@ -54,7 +54,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.18",
+    "@ledgerhq/lumen-design-core": "0.1.19",
     "clsx": "^2.1.1",
     "react": "^18.0.0 || ^19.0.0",
     "react-dom": "^18.0.0 || ^19.0.0",