@ledgerhq/lumen-ui-react 0.1.55 → 0.1.57

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

@@ -1,47 +1,47 @@
-import { jsx as L } from "react/jsx-runtime";
-import { useMemo as S, createContext as E, useRef as W, useContext as q } from "react";
-import { clsx as I } from "clsx";
-import { twMerge as N } from "tailwind-merge";
-function re(e) {
+import { jsx as E } 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 ne(e) {
   return e ? e.split(/[-_ ]+/).map((t) => t.charAt(0).toUpperCase() + t.slice(1).toLowerCase()).join("") : "";
 }
-function F(e) {
+function K(e) {
   let t = 0;
   for (let r = 0; r < e.length; r++)
     t = Math.imul(t, 31) + e.charCodeAt(r) | 0;
   return t;
 }
-const K = {
+const z = {
   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 } = K[t], n = e.replace(/\D/g, "").length;
-  return Math.max(l, r - Math.max(0, n - o) * a);
+function ae(e, t = "md") {
+  const { max: r, min: a, scale: l, startAt: o } = z[t], n = e.replace(/\D/g, "").length;
+  return Math.max(a, r - Math.max(0, n - o) * l);
 }
-function z(e, t = !0) {
+function B(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("."), [a, l] = e.split("."), o = a.replace(/\B(?=(\d{3})+(?!\d))/g, " ");
+  return r && t ? l ? `${o}.${l}` : `${o}.` : o;
 }
-const B = (e) => e.replaceAll(",", ".").replaceAll(/[^\d.]/g, ""), _ = (e) => e.replace(/^0+(?=\d)/, ""), v = (e, t) => t > 0 ? e.slice(0, t) : e, U = (e, t) => v(e.replaceAll(/\D/g, ""), t), V = (e, t, r) => {
+const _ = (e) => e.replaceAll(",", ".").replaceAll(/[^\d.]/g, ""), U = (e) => e.replace(/^0+(?=\d)/, ""), D = (e, t) => t > 0 ? e.slice(0, t) : e, V = (e, t) => D(e.replaceAll(/\D/g, ""), t), Y = (e, t, r) => {
   if (e === ".") return "0.";
-  const l = e.indexOf(".");
-  if (l === -1) return v(e, t);
-  const a = v(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 a = e.indexOf(".");
+  if (a === -1) return D(e, t);
+  const l = D(e.slice(0, a), t) || "0", o = e.slice(a + 1).replaceAll(".", "").slice(0, r);
+  return o.length > 0 ? `${l}.${o}` : e.endsWith(".") ? `${l}.` : l;
 };
 function le(e, t = {}) {
   const {
     allowDecimals: r = !0,
-    thousandsSeparator: l = !0,
-    maxIntegerLength: a = 9,
+    thousandsSeparator: a = !0,
+    maxIntegerLength: l = 9,
     maxDecimalLength: o = 9,
     decimalSeparator: n = "."
-  } = t, s = _(B(e)), u = r ? V(s, a, o) : U(s, a), f = l ? z(u) : u;
+  } = t, s = U(_(e)), u = r ? Y(s, l, o) : V(s, l), f = a ? B(u) : u;
   return n === "." ? f : f.replaceAll(".", n);
 }
-const A = [
+const $ = [
   "orange",
   "green",
   "blue",
@@ -51,28 +51,28 @@ const A = [
   "turquoise",
   "pink"
 ];
-function ae(e) {
-  const t = (F(e) % A.length + A.length) % A.length;
-  return A[t];
+function oe(e) {
+  const t = (K(e) % $.length + $.length) % $.length;
+  return $[t];
 }
-function Y(e, t) {
+function G(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, a = t, l = Object.keys(r), o = Object.keys(a);
+  return l.length !== o.length ? !1 : l.every(
+    (n) => Object.prototype.hasOwnProperty.call(a, n) && Object.is(r[n], a[n])
   );
 }
-function G(e, t) {
-  const r = E(t), l = ({ children: o, value: n }) => {
-    const s = W(n);
-    return Y(s.current, n) || (s.current = n), /* @__PURE__ */ L(r.Provider, { value: s.current, children: o });
+function H(e, t) {
+  const r = W(t), a = ({ children: o, value: n }) => {
+    const s = q(n);
+    return G(s.current, n) || (s.current = n), /* @__PURE__ */ E(r.Provider, { value: s.current, children: o });
   };
-  l.displayName = e + "Provider";
-  function a({
+  a.displayName = e + "Provider";
+  function l({
     consumerName: o,
     contextRequired: n
   }) {
-    const s = q(r);
+    const s = I(r);
     if (s)
       return s;
     if (n)
@@ -81,60 +81,61 @@ function G(e, t) {
       );
     return t || {};
   }
-  return [l, a];
+  return [a, l];
 }
-const [oe, H] = G("Disabled", { disabled: !1 }), se = ({
+const [se, J] = H("Disabled", { disabled: !1 }), ie = ({
   consumerName: e,
   contextRequired: t,
   mergeWith: r
 }) => {
-  const l = H({
+  const a = J({
     consumerName: e,
     contextRequired: t ?? !1
   });
-  return !!(r?.disabled || l.disabled);
+  return !!(r?.disabled || a.disabled);
 };
-function ie(...e) {
-  return N(I(e));
+function ue(...e) {
+  return F(N(e));
 }
-function T(e, t) {
+const w = (e) => typeof e == "string" || typeof e == "number", ce = (e) => Array.isArray(e) ? e.every(w) : w(e);
+function C(e, t) {
   if (typeof e == "function")
     return e(t);
   typeof e == "object" && e !== null && "current" in e && (e.current = t);
 }
-function J(...e) {
+function Q(...e) {
   const t = /* @__PURE__ */ new Map();
   return (r) => {
     if (r === null) {
-      e.forEach((l) => {
-        const a = t.get(l);
-        typeof a == "function" && a(), T(l, null);
+      e.forEach((a) => {
+        const l = t.get(a);
+        typeof l == "function" && l(), C(a, null);
       }), t.clear();
       return;
     }
-    e.forEach((l) => {
-      const a = T(l, r);
-      typeof a == "function" && t.set(l, a);
+    e.forEach((a) => {
+      const l = C(a, r);
+      typeof l == "function" && t.set(a, l);
     });
   };
 }
-function ue(...e) {
-  return S(() => J(...e), e);
+function de(...e) {
+  return M(() => Q(...e), e);
 }
-function ce(e) {
+function fe(e) {
   return function(t, r) {
     return e[t][r];
   };
 }
-const de = ({
+const me = ({
   currentStep: e,
   totalSteps: t,
   size: r,
-  label: l,
-  strokeWidth: a = 4,
+  label: a,
+  strokeWidth: l = 4,
   arcPercentage: o = 0.75
 }) => {
-  const n = Math.min(Math.max(e, 0), t), s = 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, D = `${m} ${c}`, P = g ? m - 2 : b;
+  const n = Math.min(Math.max(e, 0), t), s = a ?? `${n}/${t}`, u = t <= 0 ? 0 : n / t, f = (r - l) / 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;
   return {
     displayLabel: s,
     progress: u,
@@ -144,11 +145,11 @@ const de = ({
     circumference: c,
     trackArcLength: m,
     trackDashArray: `${m} ${c}`,
-    progressDashArray: D,
+    progressDashArray: v,
     progressDashOffset: P,
     showMinimalDot: g
   };
-}, fe = (e) => S(
+}, pe = (e) => M(
   () => ({
     integerPart: Array.from(e.integerPart, (t) => ({
       value: t,
@@ -160,57 +161,57 @@ const de = ({
     })) : []
   }),
   [e.integerPart, e.decimalPart]
-), me = (e, t, r) => {
+), he = (e, t, r) => {
   if (t) return r;
-  const l = e.decimalPart ? `${e.decimalSeparator}${e.decimalPart}` : "", a = `${e.integerPart}${l}`;
-  return e.currencyPosition === "end" ? `${a} ${e.currencyText}` : `${e.currencyText} ${a}`;
+  const a = e.decimalPart ? `${e.decimalSeparator}${e.decimalPart}` : "", l = `${e.integerPart}${a}`;
+  return e.currencyPosition === "end" ? `${l} ${e.currencyText}` : `${e.currencyText} ${l}`;
 };
-function Q(e, t, r = {}) {
-  const { leading: l = !1, trailing: a = !0, maxWait: o } = r;
+function Z(e, t, r = {}) {
+  const { leading: a = !1, trailing: l = !0, maxWait: o } = r;
   let n = null, s = null, u = null, f = 0, p = null, h = null, c;
   const m = o !== void 0, b = m ? Math.max(o, t) : 0, g = (i) => {
     f = i;
-    const d = p ?? [], y = h;
-    return p = null, h = null, c = e.apply(y, d), c;
-  }, D = (i) => {
+    const d = p ?? [], x = h;
+    return p = null, h = null, c = e.apply(x, d), c;
+  }, v = (i) => {
     const d = u ? i - u : 0;
     return t - d;
   }, P = (i) => {
-    const d = u ? i - u : t, y = i - f;
-    return u === null || d >= t || d < 0 || m && y >= b;
-  }, w = (i) => (n = null, a && p ? g(i) : (p = null, h = null, c)), x = () => {
+    const d = u ? i - u : t, x = i - f;
+    return u === null || d >= t || d < 0 || m && x >= b;
+  }, T = (i) => (n = null, l && p ? g(i) : (p = null, h = null, c)), y = () => {
     const i = Date.now();
     if (P(i)) {
-      w(i);
+      T(i);
       return;
     }
-    n = setTimeout(x, D(i));
-  }, M = () => {
+    n = setTimeout(y, v(i));
+  }, k = () => {
     const i = Date.now();
-    s = null, p && (g(i), n !== null && (clearTimeout(n), n = setTimeout(x, t)));
-  }, k = (i) => (f = i, n = setTimeout(x, t), m && (s = setTimeout(M, b)), l ? g(i) : c), O = () => {
+    s = null, p && (g(i), n !== null && (clearTimeout(n), n = setTimeout(y, t)));
+  }, O = (i) => (f = i, n = setTimeout(y, t), m && (s = setTimeout(k, b)), a ? g(i) : c), R = () => {
     n !== null && clearTimeout(n), s !== null && clearTimeout(s), f = 0, p = null, h = null, u = null, n = null, s = null;
-  }, R = () => n === null && s === null ? c : w(Date.now()), j = () => n !== null || s !== null, $ = function(...i) {
-    const d = Date.now(), y = P(d);
-    if (p = i, h = this, u = d, y) {
+  }, j = () => n === null && s === null ? c : T(Date.now()), L = () => n !== null || s !== null, A = function(...i) {
+    const d = Date.now(), x = P(d);
+    if (p = i, h = this, u = d, x) {
       if (n === null)
-        return k(d);
+        return O(d);
       if (m)
-        return clearTimeout(n), n = setTimeout(x, t), g(d);
+        return clearTimeout(n), n = setTimeout(y, t), g(d);
     }
-    return n === null && (n = setTimeout(x, t)), c;
+    return n === null && (n = setTimeout(y, t)), c;
   };
-  return $.cancel = O, $.flush = R, $.pending = j, $;
+  return A.cancel = R, A.flush = j, A.pending = L, A;
 }
-function pe(e, t, r = {}) {
-  const { leading: l = !0, trailing: a = !0 } = r;
-  return Q(e, t, {
-    leading: l,
-    trailing: a,
+function ge(e, t, r = {}) {
+  const { leading: a = !0, trailing: l = !0 } = r;
+  return Z(e, t, {
+    leading: a,
+    trailing: l,
     maxWait: t
   });
 }
-const he = ({
+const ye = ({
   onClick: e,
   disabled: t
 }) => e ? t ? {
@@ -224,41 +225,42 @@ const he = ({
     (r.key === "Enter" || r.key === " ") && (r.preventDefault(), e?.(r));
   },
   onClick: e
-} : void 0, C = " ", ge = ({
+} : void 0, S = " ", xe = ({
   label: e,
   placeholder: t
 }) => {
   const r = typeof t == "string" && t.trim().length > 0 ? t : void 0;
   return e ? {
-    inputPlaceholder: r ?? C,
+    inputPlaceholder: r ?? S,
     labelStaysFloatedWithPlaceholder: r !== void 0
   } : {
-    inputPlaceholder: t ?? C,
+    inputPlaceholder: t ?? S,
     labelStaysFloatedWithPlaceholder: !1
   };
 };
 export {
-  A as AVATAR_COLOR_KEYS,
-  oe as DisabledProvider,
-  T as assignRef,
-  me as buildAriaLabel,
-  ie as cn,
-  ce as createPropsResolver,
-  G as createSafeContext,
-  Q as debounce,
-  z as formatThousands,
-  he as getButtonA11yProps,
-  ne as getFontSize,
-  de as getStepperCalculations,
-  F as hashString,
-  J as mergeRefs,
-  ae as resolveAvatarColorKey,
-  ge as resolveBaseInputPlaceholder,
-  Y as shallowEqual,
+  $ as AVATAR_COLOR_KEYS,
+  se as DisabledProvider,
+  C as assignRef,
+  he as buildAriaLabel,
+  ue as cn,
+  fe as createPropsResolver,
+  H as createSafeContext,
+  Z as debounce,
+  B as formatThousands,
+  ye as getButtonA11yProps,
+  ae as getFontSize,
+  me as getStepperCalculations,
+  K as hashString,
+  ce as isTextChildren,
+  Q as mergeRefs,
+  oe as resolveAvatarColorKey,
+  xe as resolveBaseInputPlaceholder,
+  G as shallowEqual,
   le as textFormatter,
-  pe as throttle,
-  re as toPascalCase,
-  se as useDisabledContext,
-  ue as useMergedRef,
-  fe as useSplitText
+  ge as throttle,
+  ne as toPascalCase,
+  ie as useDisabledContext,
+  de as useMergedRef,
+  pe as useSplitText
 };

package/dist/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ledgerhq/lumen-ui-react",
-  "version": "0.1.54",
+  "version": "0.1.56",
   "license": "Apache-2.0",
   "sideEffects": false,
   "keywords": [
@@ -28,7 +28,11 @@
       "import": "./dist/lib/Components/symbols/index.js",
       "default": "./dist/lib/Components/symbols/index.js"
     },
-    "./*": "./dist/lib/Components/core/*/index.js"
+    "./visualization": {
+      "types": "./dist/lib/Components/visualization/index.d.ts",
+      "import": "./dist/lib/Components/visualization/index.js",
+      "default": "./dist/lib/Components/visualization/index.js"
+    }
   },
   "files": [
     "dist",
@@ -44,6 +48,10 @@
   },
   "dependencies": {
     "@ledgerhq/lumen-utils-shared": "0.1.11",
+    "@types/d3-scale": "^4.0.9",
+    "@types/d3-shape": "^3.1.8",
+    "d3-scale": "^4.0.2",
+    "d3-shape": "^3.2.0",
     "i18next": "^23.7.0",
     "react-i18next": "^14.0.0"
   },
@@ -56,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.26",
+    "@ledgerhq/lumen-design-core": "0.1.27",
     "clsx": "^2.1.1",
     "react": "^18.0.0 || ^19.0.0",
     "react-dom": "^18.0.0 || ^19.0.0",

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ledgerhq/lumen-ui-react",
-  "version": "0.1.55",
+  "version": "0.1.57",
   "license": "Apache-2.0",
   "sideEffects": false,
   "keywords": [
@@ -28,7 +28,11 @@
       "import": "./dist/lib/Components/symbols/index.js",
       "default": "./dist/lib/Components/symbols/index.js"
     },
-    "./*": "./dist/lib/Components/core/*/index.js"
+    "./visualization": {
+      "types": "./dist/lib/Components/visualization/index.d.ts",
+      "import": "./dist/lib/Components/visualization/index.js",
+      "default": "./dist/lib/Components/visualization/index.js"
+    }
   },
   "files": [
     "dist",
@@ -43,7 +47,11 @@
     ]
   },
   "dependencies": {
-    "@ledgerhq/lumen-utils-shared": "0.1.11",
+    "@ledgerhq/lumen-utils-shared": "0.1.12",
+    "@types/d3-scale": "^4.0.9",
+    "@types/d3-shape": "^3.1.8",
+    "d3-scale": "^4.0.2",
+    "d3-shape": "^3.2.0",
     "i18next": "^23.7.0",
     "react-i18next": "^14.0.0"
   },
@@ -56,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.26",
+    "@ledgerhq/lumen-design-core": "0.1.28",
     "clsx": "^2.1.1",
     "react": "^18.0.0 || ^19.0.0",
     "react-dom": "^18.0.0 || ^19.0.0",