@ledgerhq/lumen-ui-react 0.1.61 → 0.1.63

package/dist/lib/Components/visualization/CartesianChart/CartesianChart.js

@@ -1,21 +1,22 @@
-import { jsx as r, jsxs as k, Fragment as O } from "react/jsx-runtime";
-import { useRef as h, useState as B, useCallback as E, useEffect as F, useMemo as b } from "react";
-import { chartConfig as H } from "../config.js";
-import { ScrubberProvider as V } from "../Scrubber/ScrubberProvider.js";
-import { resolveInset as q, resolveAxisPadding as D } from "./utils.js";
+import { jsx as r, jsxs as O, Fragment as B } from "react/jsx-runtime";
+import { useRef as h, useState as E, useCallback as F, useEffect as H, useMemo as b } from "react";
+import { chartConfig as L } from "../config.js";
+import { ScrubberProvider as T } from "../Scrubber/ScrubberProvider.js";
+import { resolveInset as V, resolveAxisPadding as q } from "./utils.js";
+import { useCommonTranslation as D } from "../../../../translations/translations.js";
 import { useBuildChartContext as G } from "./context/useBuildChartContext.js";
 import { CartesianChartProvider as J } from "./context/cartesianChartContext.js";
 import { MagneticPointsProvider as K } from "../Point/pointContext/MagneticPointsProvider.js";
-import { RevealAnimationProvider as L } from "./RevealAnimation/RevealAnimationProvider.js";
-function $({
+import { RevealAnimationProvider as N } from "./RevealAnimation/RevealAnimationProvider.js";
+function te({
   series: d,
   xAxis: y,
-  yAxis: C,
+  yAxis: g,
   width: e = "100%",
-  height: n = H.root.defaultHeight,
+  height: i = L.root.defaultHeight,
   inset: l,
   axisPadding: c,
-  ariaLabel: g = "Chart",
+  ariaLabel: C,
   ariaBusy: x = !1,
   overlay: R,
   enableScrubbing: s = !1,
@@ -24,29 +25,29 @@ function $({
   magnetRadius: w,
   children: M
 }) {
-  const a = h(null), v = h(null), [W, z] = B(
+  const { t: W } = D(), a = h(null), f = h(null), [z, I] = E(
     typeof e == "number" ? e : void 0
-  ), t = typeof e != "number", f = E((i) => {
-    const [p] = i;
-    p && z(p.contentRect.width);
+  ), t = typeof e != "number", m = F((n) => {
+    const [p] = n;
+    p && I(p.contentRect.width);
   }, []);
-  F(() => {
+  H(() => {
     if (!t || !a.current || typeof ResizeObserver > "u")
       return;
-    const i = new ResizeObserver(f);
-    return i.observe(a.current), () => i.disconnect();
-  }, [t, f]);
-  const o = typeof e == "number" ? e : W ?? 0, m = o > 0 ? o : 0, I = b(() => q(l), [l]), j = b(
-    () => D(c),
+    const n = new ResizeObserver(m);
+    return n.observe(a.current), () => n.disconnect();
+  }, [t, m]);
+  const o = typeof e == "number" ? e : z ?? 0, v = o > 0 ? o : 0, j = b(() => V(l), [l]), k = b(
+    () => q(c),
     [c]
   ), u = G({
     series: d,
     xAxis: y,
-    yAxis: C,
-    width: m,
-    height: n,
-    inset: I,
-    axisPadding: j
+    yAxis: g,
+    width: v,
+    height: i,
+    inset: j,
+    axisPadding: k
   });
   return /* @__PURE__ */ r(
     "div",
@@ -55,20 +56,20 @@ function $({
       "data-testid": "chart-container",
       style: {
         width: t ? e : o,
-        height: n,
+        height: i,
         overflow: "visible",
         position: "relative"
       },
-      children: o > 0 && /* @__PURE__ */ k(O, { children: [
+      children: o > 0 && /* @__PURE__ */ O(B, { children: [
         /* @__PURE__ */ r(
           "svg",
           {
-            ref: v,
+            ref: f,
             "data-testid": "chart-svg",
-            width: m,
-            height: n,
+            width: v,
+            height: i,
             role: "img",
-            "aria-label": g || "Chart",
+            "aria-label": C || W("components.chart.defaultAriaLabel"),
             "aria-busy": x || void 0,
             tabIndex: s ? 0 : void 0,
             style: {
@@ -78,14 +79,14 @@ function $({
               outline: s ? "none" : void 0
             },
             children: /* @__PURE__ */ r(J, { value: u, children: /* @__PURE__ */ r(K, { children: /* @__PURE__ */ r(
-              V,
+              T,
               {
-                svgRef: v,
+                svgRef: f,
                 enableScrubbing: s,
                 onScrubberPositionChange: P,
                 magnetRadius: w,
                 children: /* @__PURE__ */ r(
-                  L,
+                  N,
                   {
                     drawingArea: u.drawingArea,
                     series: d,
@@ -103,5 +104,5 @@ function $({
   );
 }
 export {
-  $ as CartesianChart
+  te as CartesianChart
 };

package/dist/lib/Components/visualization/CartesianChart/types.d.ts

@@ -65,7 +65,7 @@ export type CartesianChartProps = ScrubbingOptions & {
     axisPadding?: Partial<ChartInset>;
     /**
      * Accessible label for the chart SVG.
-     * @default 'Chart'
+     * @default 'Chart' (translated)
      */
     ariaLabel?: string;
     /**

package/dist/lib/Components/visualization/DonutChart/DonutChart.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"DonutChart.d.ts","sourceRoot":"","sources":["../../../../../src/lib/Components/visualization/DonutChart/DonutChart.tsx"],"names":[],"mappings":"AAQA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,SAAS,CAAC;AAQ/C,wBAAgB,UAAU,CAAC,EACzB,MAAM,EAAE,UAAU,EAClB,IAAW,EACX,SAAyB,EACzB,OAAe,EACf,QAAQ,EAAE,YAAY,EACtB,eAAsB,EACtB,gBAAgB,EAChB,YAAY,EACZ,kBAAkB,EAClB,mBAA2B,GAC5B,EAAE,eAAe,2CA4FjB"}
+{"version":3,"file":"DonutChart.d.ts","sourceRoot":"","sources":["../../../../../src/lib/Components/visualization/DonutChart/DonutChart.tsx"],"names":[],"mappings":"AAQA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,SAAS,CAAC;AAQ/C,wBAAgB,UAAU,CAAC,EACzB,MAAM,EAAE,UAAU,EAClB,IAAW,EACX,SAAS,EACT,OAAe,EACf,QAAQ,EAAE,YAAY,EACtB,eAAsB,EACtB,gBAAgB,EAChB,YAAY,EACZ,kBAAkB,EAClB,mBAA2B,GAC5B,EAAE,eAAe,2CAiGjB"}

package/dist/lib/Components/visualization/DonutChart/DonutChart.js

@@ -1,33 +1,33 @@
 import { jsxs as I, jsx as i } from "react/jsx-runtime";
 import { useMemo as g } from "react";
-import { chartConfig as P } from "../config.js";
 import { DonutChartAnimatedCenter as T } from "./DonutChartAnimatedCenter.js";
-import { DonutRing as j } from "./DonutRing.js";
-import { DonutSizeProvider as y } from "./donutSizeContext.js";
-import { useContrastSafeSeries as A } from "./hooks/useContrastSafeSeries.js";
+import { DonutRing as P } from "./DonutRing.js";
+import { DonutSizeProvider as j } from "./donutSizeContext.js";
+import { useContrastSafeSeries as y } from "./hooks/useContrastSafeSeries.js";
 import { buildRingSegments as E, DONUT_GEOMETRY as M, getSegmentPercents as N, formatPercentLabel as B } from "./utils.js";
-import { useControllableState as O } from "../../../../utils/useControllableState/useControllableState.js";
-function H({
-  series: p,
+import { useCommonTranslation as O } from "../../../../translations/translations.js";
+import { useControllableState as w } from "../../../../utils/useControllableState/useControllableState.js";
+function J({
+  series: h,
   size: l = "md",
-  ariaLabel: h = "Donut chart",
+  ariaLabel: v,
   loading: c = !1,
-  activeId: v,
+  activeId: b,
   defaultActiveId: S = null,
-  onActiveIdChange: b,
+  onActiveIdChange: x,
   renderCenter: s,
   renderCenterActive: a,
-  enableColorContrast: x = !1
+  enableColorContrast: L = !1
 }) {
-  const n = M[l], e = A(p, x), [o, u] = O({
-    prop: v,
+  const { t: m } = O(), n = M[l], e = y(h, L), [o, u] = w({
+    prop: b,
     defaultProp: S,
-    onChange: b
-  }), L = g(
+    onChange: x
+  }), R = g(
     () => E(e, n),
     [e, n]
-  ), m = g(() => {
-    const t = e.findIndex((f) => f.id === o);
+  ), d = g(() => {
+    const t = e.findIndex((p) => p.id === o);
     if (o == null || t === -1)
       return null;
     const r = N(e)[t];
@@ -36,12 +36,12 @@ function H({
       percent: r,
       percentLabel: B(r)
     };
-  }, [e, o]), d = () => {
+  }, [e, o]), f = () => {
     o !== null && u(null);
-  }, R = (t) => {
+  }, A = (t) => {
     const { relatedTarget: r } = t;
-    (!(r instanceof Node) || !t.currentTarget.contains(r)) && d();
-  }, D = s != null || a != null, C = a != null;
+    (!(r instanceof Node) || !t.currentTarget.contains(r)) && f();
+  }, C = s != null || a != null, D = a != null;
   return /* @__PURE__ */ I(
     "div",
     {
@@ -52,33 +52,33 @@ function H({
         width: n.box,
         height: n.box
       },
-      onMouseLeave: d,
-      onBlur: R,
+      onMouseLeave: f,
+      onBlur: A,
       children: [
         /* @__PURE__ */ i(
-          j,
+          P,
           {
-            segments: L,
+            segments: R,
             geometry: n,
-            ariaLabel: c ? P.donut.loading.ariaLabel : h,
+            ariaLabel: c ? m("components.chart.loadingAriaLabel") : v ?? m("components.chart.defaultAriaLabel"),
             activeId: o,
             loading: c,
             onSegmentEnter: u
           }
         ),
-        D && /* @__PURE__ */ i(
+        C && /* @__PURE__ */ i(
           "div",
           {
             "data-testid": "donut-center",
             className: "pointer-events-none absolute inset-0 flex items-center justify-center",
-            children: /* @__PURE__ */ i(y, { value: { size: l }, children: C ? /* @__PURE__ */ i(
+            children: /* @__PURE__ */ i(j, { value: { size: l }, children: D ? /* @__PURE__ */ i(
               T,
               {
-                activeSegment: m,
+                activeSegment: d,
                 renderResting: () => s?.({ series: e, activeSegment: null }) ?? null,
                 renderActive: (t) => a({ activeSegment: t })
               }
-            ) : s?.({ activeSegment: m, series: e }) })
+            ) : s?.({ activeSegment: d, series: e }) })
           }
         )
       ]
@@ -86,5 +86,5 @@ function H({
   );
 }
 export {
-  H as DonutChart
+  J as DonutChart
 };

package/dist/lib/Components/visualization/DonutChart/DonutChartCenter.js

@@ -1,6 +1,6 @@
 import { jsx as o } from "react/jsx-runtime";
 import { cn as n } from "../../../../libs/utils-shared/dist/index.js";
-const a = ({
+const i = ({
   ref: t,
   className: e,
   ...r
@@ -16,5 +16,5 @@ const a = ({
   }
 );
 export {
-  a as DonutChartCenter
+  i as DonutChartCenter
 };

package/dist/lib/Components/visualization/DonutChart/DonutRing.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"DonutRing.d.ts","sourceRoot":"","sources":["../../../../../src/lib/Components/visualization/DonutChart/DonutRing.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,aAAa,EAAE,gBAAgB,EAAE,MAAM,SAAS,CAAC;AAoG/D,KAAK,cAAc,GAAG;IACpB,QAAQ,EAAE,gBAAgB,EAAE,CAAC;IAC7B,QAAQ,EAAE,aAAa,CAAC;IACxB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,EAAE,MAAM,GAAG,IAAI,CAAC;IACxB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,cAAc,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAC;CACtC,CAAC;AAaF,eAAO,MAAM,SAAS,GAAI,uEAOvB,cAAc,4CAqChB,CAAC"}
+{"version":3,"file":"DonutRing.d.ts","sourceRoot":"","sources":["../../../../../src/lib/Components/visualization/DonutChart/DonutRing.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,aAAa,EAAE,gBAAgB,EAAE,MAAM,SAAS,CAAC;AAqG/D,KAAK,cAAc,GAAG;IACpB,QAAQ,EAAE,gBAAgB,EAAE,CAAC;IAC7B,QAAQ,EAAE,aAAa,CAAC;IACxB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,EAAE,MAAM,GAAG,IAAI,CAAC;IACxB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,cAAc,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAC;CACtC,CAAC;AAaF,eAAO,MAAM,SAAS,GAAI,uEAOvB,cAAc,4CAqChB,CAAC"}

package/dist/lib/Components/visualization/DonutChart/DonutRing.js

@@ -2,14 +2,14 @@ import { jsx as i, jsxs as v, Fragment as b } from "react/jsx-runtime";
 import { useRef as h, useMemo as f, useCallback as x } from "react";
 import { chartConfig as c } from "../config.js";
 import { useDonutLoadingAnimation as R } from "./hooks/useDonutLoadingAnimation.js";
-import { RevealAnimation as $ } from "./RevealAnimation.js";
-import { getDonutViewBox as g, buildPlaceholderSegments as m } from "./utils.js";
-const { hover: s } = c.donut, D = ({
+import { RevealAnimation as g } from "./RevealAnimation.js";
+import { getDonutViewBox as $, buildPlaceholderSegments as m } from "./utils.js";
+const { hover: d } = c.donut, D = ({
   segment: t,
   activeId: o,
   onSegmentEnter: n
 }) => {
-  const a = o === t.id, e = !t.hoverEnabled || o == null || a ? 1 : s.dimOpacity, { x: r, y: l } = a ? t.hoverTranslate : { x: 0, y: 0 }, d = x(() => {
+  const a = o === t.id, e = !t.hoverEnabled || o == null || a ? 1 : d.dimOpacity, { x: r, y: l } = a ? t.hoverTranslate : { x: 0, y: 0 }, s = x(() => {
     n(t.id);
   }, [t.id, n]);
   return /* @__PURE__ */ i(
@@ -20,16 +20,17 @@ const { hover: s } = c.donut, D = ({
       d: t.path,
       fill: t.color,
       role: "button",
-      "aria-label": a ? `${t.id}, selected` : t.id,
+      "aria-label": t.id,
+      "aria-pressed": a,
       tabIndex: 0,
       className: "outline-none focus-visible:outline-2 focus-visible:outline-focus",
-      onMouseEnter: d,
-      onFocus: d,
+      onMouseEnter: s,
+      onFocus: s,
       style: {
         cursor: "pointer",
         opacity: e,
         transform: `translate(${r}px, ${l}px)`,
-        transition: t.hoverEnabled ? `${s.opacityTransition}, ${s.popTransition}` : void 0
+        transition: t.hoverEnabled ? `${d.opacityTransition}, ${d.popTransition}` : void 0
       }
     }
   );
@@ -81,19 +82,19 @@ const F = ({
   loading: e = !1,
   onSegmentEnter: r
 }) => {
-  const { box: l } = o, d = l / 2, u = t.length > 0, y = w(e);
-  return /* @__PURE__ */ i($, { children: /* @__PURE__ */ i(
+  const { box: l } = o, s = l / 2, u = t.length > 0, y = w(e);
+  return /* @__PURE__ */ i(g, { children: /* @__PURE__ */ i(
     "svg",
     {
       "data-testid": "donut-ring",
       width: l,
       height: l,
-      viewBox: g(o),
+      viewBox: $(o),
       role: e || !u ? "img" : "group",
       "aria-label": n,
       "aria-busy": e || void 0,
       style: { display: "block", overflow: "visible" },
-      children: /* @__PURE__ */ i("g", { transform: `translate(${d}, ${d})`, children: e ? /* @__PURE__ */ i(k, { geometry: o }) : u ? t.map((p) => /* @__PURE__ */ i(
+      children: /* @__PURE__ */ i("g", { transform: `translate(${s}, ${s})`, children: e ? /* @__PURE__ */ i(k, { geometry: o }) : u ? t.map((p) => /* @__PURE__ */ i(
         D,
         {
           segment: p,

package/dist/lib/Components/visualization/DonutChart/types.d.ts

@@ -115,7 +115,7 @@ export type DonutChartProps = {
     /**
      * Accessible label describing what the chart represents, exposed to
      * assistive tech via the SVG `role="img"`.
-     * @default 'Donut chart'
+     * @default 'Chart' (translated)
      */
     ariaLabel?: string;
     /**

package/dist/lib/Components/visualization/Legend/Legend.d.ts

@@ -1,3 +1,3 @@
 import { LegendProps } from './types';
-export declare function Legend({ series, ariaLabel, className, }: LegendProps): import("react/jsx-runtime").JSX.Element | null;
+export declare function Legend({ series, ariaLabel, className }: LegendProps): import("react/jsx-runtime").JSX.Element | null;
 //# sourceMappingURL=Legend.d.ts.map

package/dist/lib/Components/visualization/Legend/Legend.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Legend.d.ts","sourceRoot":"","sources":["../../../../../src/lib/Components/visualization/Legend/Legend.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,SAAS,CAAC;AAE3C,wBAAgB,MAAM,CAAC,EACrB,MAAM,EACN,SAAoB,EACpB,SAAS,GACV,EAAE,WAAW,kDAkBb"}
+{"version":3,"file":"Legend.d.ts","sourceRoot":"","sources":["../../../../../src/lib/Components/visualization/Legend/Legend.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,SAAS,CAAC;AAE3C,wBAAgB,MAAM,CAAC,EAAE,MAAM,EAAE,SAAS,EAAE,SAAS,EAAE,EAAE,WAAW,kDAkBnE"}

package/dist/lib/Components/visualization/Legend/Legend.js

@@ -1,20 +1,16 @@
-import { jsx as r } from "react/jsx-runtime";
+import { jsx as n } from "react/jsx-runtime";
 import { cn as t } from "../../../../libs/utils-shared/dist/index.js";
 import { LegendItem as m } from "./LegendItem.js";
-function i({
-  series: e,
-  ariaLabel: a = "Legend",
-  className: l
-}) {
-  return e.length === 0 ? null : /* @__PURE__ */ r(
+function i({ series: r, ariaLabel: l, className: a }) {
+  return r.length === 0 ? null : /* @__PURE__ */ n(
     "ul",
     {
-      "aria-label": a,
+      "aria-label": l,
       className: t(
         "m-0 flex list-none flex-wrap gap-x-16 gap-y-6 p-0",
-        l
+        a
       ),
-      children: e.map((n) => /* @__PURE__ */ r(m, { item: n }, n.id))
+      children: r.map((e) => /* @__PURE__ */ n(m, { item: e }, e.id))
     }
   );
 }

package/dist/lib/Components/visualization/Legend/types.d.ts

@@ -20,8 +20,8 @@ export type LegendProps = {
      */
     series: LegendItem[];
     /**
-     * Accessible label for the legend group.
-     * @default 'Legend'
+     * Accessible label for the legend list. Optional: each item already carries
+     * its own visible text.
      */
     ariaLabel?: string;
     /**

package/dist/lib/Components/visualization/LineChart/LineChart.d.ts

@@ -1,3 +1,3 @@
 import { LineChartProps } from './types';
-export declare function LineChart({ series: seriesProp, showArea, areaType, connectNulls, showXAxis, showYAxis, xAxis, yAxis, width, height, inset, enableScrubbing, onScrubberPositionChange, animate, magnetRadius, loading, emptyLabel, enableColorContrast, children, }: LineChartProps): import("react/jsx-runtime").JSX.Element;
+export declare function LineChart({ series: seriesProp, showArea, areaType, connectNulls, showXAxis, showYAxis, xAxis, yAxis, width, height, inset, enableScrubbing, onScrubberPositionChange, animate, magnetRadius, loading, emptyLabel: emptyLabelProp, enableColorContrast, children, }: LineChartProps): import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=LineChart.d.ts.map

package/dist/lib/Components/visualization/LineChart/LineChart.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"LineChart.d.ts","sourceRoot":"","sources":["../../../../../src/lib/Components/visualization/LineChart/LineChart.tsx"],"names":[],"mappings":"AAgBA,OAAO,KAAK,EAGV,cAAc,EAEf,MAAM,SAAS,CAAC;AA+GjB,wBAAgB,SAAS,CAAC,EACxB,MAAM,EAAE,UAAU,EAClB,QAAgB,EAChB,QAAqB,EACrB,YAAY,EACZ,SAAiB,EACjB,SAAiB,EACjB,KAAK,EACL,KAAK,EACL,KAAc,EACd,MAAuC,EACvC,KAAK,EACL,eAAe,EACf,wBAAwB,EACxB,OAAO,EACP,YAAY,EACZ,OAAe,EACf,UAAgD,EAChD,mBAA2B,EAC3B,QAAQ,GACT,EAAE,cAAc,2CAuFhB"}
+{"version":3,"file":"LineChart.d.ts","sourceRoot":"","sources":["../../../../../src/lib/Components/visualization/LineChart/LineChart.tsx"],"names":[],"mappings":"AAiBA,OAAO,KAAK,EAGV,cAAc,EAEf,MAAM,SAAS,CAAC;AA+GjB,wBAAgB,SAAS,CAAC,EACxB,MAAM,EAAE,UAAU,EAClB,QAAgB,EAChB,QAAqB,EACrB,YAAY,EACZ,SAAiB,EACjB,SAAiB,EACjB,KAAK,EACL,KAAK,EACL,KAAc,EACd,MAAuC,EACvC,KAAK,EACL,eAAe,EACf,wBAAwB,EACxB,OAAO,EACP,YAAY,EACZ,OAAe,EACf,UAAU,EAAE,cAAc,EAC1B,mBAA2B,EAC3B,QAAQ,GACT,EAAE,cAAc,2CA8FhB"}