@ledgerhq/lumen-ui-react-visualization 0.1.17 → 0.1.19

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

@@ -0,0 +1,9 @@
+import { LineChartEmptyStateProps } from './types';
+/**
+ * SVG placeholder line shown when a LineChart is loading with no data yet (with
+ * a shimmer) or has no data to display (static). Uses a fixed line shape scaled
+ * into the chart's reserved drawing area, plus static horizontal grid lines, so
+ * axes are not needed.
+ */
+export declare function LineChartEmptyState({ loading, }: Readonly<LineChartEmptyStateProps>): import("react/jsx-runtime").JSX.Element | null;
+//# sourceMappingURL=LineChartEmptyState.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"LineChartEmptyState.d.ts","sourceRoot":"","sources":["../../../../../src/lib/Components/LineChart/LineChartEmptyState/LineChartEmptyState.tsx"],"names":[],"mappings":"AAMA,OAAO,KAAK,EAAE,wBAAwB,EAAE,MAAM,SAAS,CAAC;AAKxD;;;;;GAKG;AACH,wBAAgB,mBAAmB,CAAC,EAClC,OAAe,GAChB,EAAE,QAAQ,CAAC,wBAAwB,CAAC,kDAkDpC"}

package/dist/lib/Components/LineChart/LineChartEmptyState/LineChartEmptyState.js

@@ -0,0 +1,51 @@
+import { jsxs as a, Fragment as l, jsx as e } from "react/jsx-runtime";
+import { useShimmerAnimation as h } from "../../CartesianChart/hooks/useShimmerAnimation.js";
+import { buildPlaceholderTransform as c, PLACEHOLDER_LINE_PATH as p } from "./utils.js";
+import { useCartesianChartContext as f } from "../../CartesianChart/context/cartesianChartContext.js";
+import { useRevealClip as u } from "../../CartesianChart/RevealClip/context.js";
+import { cssVar as r } from "../../../../libs/design-core/dist/lib/cssVar/cssVar.js";
+const y = [0.3, 0.5, 0.7];
+function E({
+  loading: i = !1
+}) {
+  const { drawingArea: t } = f(), { animationStyle: s, keyframe: m } = h(), d = u();
+  return t.width <= 0 || t.height <= 0 ? null : /* @__PURE__ */ a(l, { children: [
+    i && /* @__PURE__ */ e("style", { children: m }),
+    /* @__PURE__ */ a("g", { "data-testid": "chart-empty-state", children: [
+      /* @__PURE__ */ e("g", { "data-testid": "chart-empty-state-grid", children: y.map((n) => {
+        const o = t.y + t.height * n;
+        return /* @__PURE__ */ e(
+          "line",
+          {
+            x1: t.x,
+            y1: o,
+            x2: t.x + t.width,
+            y2: o,
+            style: {
+              stroke: r("var(--border-muted-subtle-transparent)")
+            },
+            strokeWidth: r("var(--stroke-1)")
+          },
+          n
+        );
+      }) }),
+      /* @__PURE__ */ e("g", { clipPath: d, children: /* @__PURE__ */ e("g", { style: i ? { animation: s } : void 0, children: /* @__PURE__ */ e(
+        "path",
+        {
+          "data-testid": "chart-empty-state-line",
+          d: p,
+          transform: c(t),
+          vectorEffect: "non-scaling-stroke",
+          fill: "none",
+          stroke: r("var(--border-muted-subtle)"),
+          strokeWidth: r("var(--stroke-2)"),
+          strokeLinecap: "round",
+          strokeLinejoin: "round"
+        }
+      ) }) })
+    ] })
+  ] });
+}
+export {
+  E as LineChartEmptyState
+};

package/dist/lib/Components/LineChart/LineChartEmptyState/index.d.ts

@@ -0,0 +1,3 @@
+export { LineChartEmptyState } from './LineChartEmptyState';
+export type { LineChartEmptyStateProps } from './types';
+//# sourceMappingURL=index.d.ts.map

package/dist/lib/Components/LineChart/LineChartEmptyState/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/lib/Components/LineChart/LineChartEmptyState/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,mBAAmB,EAAE,MAAM,uBAAuB,CAAC;AAC5D,YAAY,EAAE,wBAAwB,EAAE,MAAM,SAAS,CAAC"}

package/dist/lib/Components/LineChart/LineChartEmptyState/types.d.ts

@@ -0,0 +1,3 @@
+import { LineChartProps } from '../types';
+export type LineChartEmptyStateProps = Pick<LineChartProps, 'loading'>;
+//# sourceMappingURL=types.d.ts.map

package/dist/lib/Components/LineChart/LineChartEmptyState/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../../src/lib/Components/LineChart/LineChartEmptyState/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,UAAU,CAAC;AAE/C,MAAM,MAAM,wBAAwB,GAAG,IAAI,CAAC,cAAc,EAAE,SAAS,CAAC,CAAC"}

package/dist/lib/Components/LineChart/LineChartEmptyState/utils.d.ts

@@ -0,0 +1,14 @@
+import { DrawingArea } from '../../../utils/types';
+/**
+ * Fixed placeholder line shape, authored against a {@link PLACEHOLDER_VIEW_WIDTH}
+ * x {@link PLACEHOLDER_VIEW_HEIGHT} viewBox. Reused for every empty/loading
+ * state so the placeholder always reads the same.
+ */
+export declare const PLACEHOLDER_LINE_PATH = "M1.00 128.27 C4.02 127.46 13.09 125.96 19.13 123.47 C25.19 120.97 31.23 116.53 37.28 113.31 C43.33 110.10 49.38 106.15 55.42 104.20 C61.48 102.24 67.52 102.53 73.57 101.61 C79.61 100.69 85.65 99.89 91.71 98.70 C97.75 97.51 103.80 95.67 109.84 94.47 C115.90 93.27 121.94 91.71 127.99 91.49 C134.03 91.26 140.09 91.53 146.13 93.16 C152.19 94.79 158.23 98.37 164.27 101.25 C170.32 104.13 176.36 108.16 182.42 110.45 C188.46 112.74 194.51 114.41 200.55 115.00 C206.61 115.60 212.65 114.56 218.70 114.03 C224.75 113.50 230.80 112.56 236.84 111.86 C242.88 111.17 248.94 110.27 254.98 109.87 C261.03 109.48 267.07 109.14 273.13 109.49 C279.17 109.82 285.22 110.90 291.26 111.90 C297.32 112.90 303.36 114.47 309.41 115.50 C315.46 116.54 321.50 118.12 327.55 118.11 C333.59 118.10 339.65 118.08 345.69 115.45 C351.74 112.81 357.78 107.02 363.84 102.29 C369.88 97.54 375.93 90.87 381.97 87.01 C388.03 83.16 394.07 79.81 400.11 79.12 C406.17 78.43 412.21 80.79 418.26 82.88 C424.30 84.99 430.36 88.88 436.40 91.74 C442.45 94.59 448.49 98.24 454.55 100.02 C460.59 101.80 466.64 102.08 472.68 102.44 C478.72 102.81 484.78 102.31 490.82 102.21 C496.87 102.11 502.92 101.95 508.97 101.84 C515.01 101.74 521.07 101.47 527.11 101.58 C533.16 101.68 539.20 101.57 545.26 102.48 C551.30 103.39 557.34 105.37 563.39 107.02 C569.43 108.68 575.49 111.02 581.53 112.40 C587.59 113.79 593.63 114.62 599.68 115.30 C605.72 115.98 611.78 115.81 617.82 116.48 C623.87 117.16 629.91 118.39 635.95 119.32 C642.01 120.25 648.05 121.51 654.10 122.04 C660.15 122.57 666.20 123.89 672.24 122.47 C678.30 121.07 684.34 117.39 690.39 113.54 C696.43 109.69 702.49 103.53 708.53 99.38 C714.57 95.23 722.31 90.65 726.66 88.61";
+/**
+ * Transform that fits {@link PLACEHOLDER_LINE_PATH} into the drawing area. Pair
+ * with `vector-effect: non-scaling-stroke` on the path so the stroke keeps a
+ * constant width despite the (potentially non-uniform) scale.
+ */
+export declare const buildPlaceholderTransform: (drawingArea: DrawingArea) => string;
+//# sourceMappingURL=utils.d.ts.map

package/dist/lib/Components/LineChart/LineChartEmptyState/utils.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../../../../../src/lib/Components/LineChart/LineChartEmptyState/utils.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,sBAAsB,CAAC;AAExD;;;;GAIG;AACH,eAAO,MAAM,qBAAqB,ypDACsnD,CAAC;AAKzpD;;;;GAIG;AACH,eAAO,MAAM,yBAAyB,GAAI,aAAa,WAAW,KAAG,MAKpE,CAAC"}

package/dist/lib/Components/LineChart/LineChartEmptyState/utils.js

@@ -0,0 +1,9 @@
+const H = "M1.00 128.27 C4.02 127.46 13.09 125.96 19.13 123.47 C25.19 120.97 31.23 116.53 37.28 113.31 C43.33 110.10 49.38 106.15 55.42 104.20 C61.48 102.24 67.52 102.53 73.57 101.61 C79.61 100.69 85.65 99.89 91.71 98.70 C97.75 97.51 103.80 95.67 109.84 94.47 C115.90 93.27 121.94 91.71 127.99 91.49 C134.03 91.26 140.09 91.53 146.13 93.16 C152.19 94.79 158.23 98.37 164.27 101.25 C170.32 104.13 176.36 108.16 182.42 110.45 C188.46 112.74 194.51 114.41 200.55 115.00 C206.61 115.60 212.65 114.56 218.70 114.03 C224.75 113.50 230.80 112.56 236.84 111.86 C242.88 111.17 248.94 110.27 254.98 109.87 C261.03 109.48 267.07 109.14 273.13 109.49 C279.17 109.82 285.22 110.90 291.26 111.90 C297.32 112.90 303.36 114.47 309.41 115.50 C315.46 116.54 321.50 118.12 327.55 118.11 C333.59 118.10 339.65 118.08 345.69 115.45 C351.74 112.81 357.78 107.02 363.84 102.29 C369.88 97.54 375.93 90.87 381.97 87.01 C388.03 83.16 394.07 79.81 400.11 79.12 C406.17 78.43 412.21 80.79 418.26 82.88 C424.30 84.99 430.36 88.88 436.40 91.74 C442.45 94.59 448.49 98.24 454.55 100.02 C460.59 101.80 466.64 102.08 472.68 102.44 C478.72 102.81 484.78 102.31 490.82 102.21 C496.87 102.11 502.92 101.95 508.97 101.84 C515.01 101.74 521.07 101.47 527.11 101.58 C533.16 101.68 539.20 101.57 545.26 102.48 C551.30 103.39 557.34 105.37 563.39 107.02 C569.43 108.68 575.49 111.02 581.53 112.40 C587.59 113.79 593.63 114.62 599.68 115.30 C605.72 115.98 611.78 115.81 617.82 116.48 C623.87 117.16 629.91 118.39 635.95 119.32 C642.01 120.25 648.05 121.51 654.10 122.04 C660.15 122.57 666.20 123.89 672.24 122.47 C678.30 121.07 684.34 117.39 690.39 113.54 C696.43 109.69 702.49 103.53 708.53 99.38 C714.57 95.23 722.31 90.65 726.66 88.61";
+const s = (C) => {
+  const E = C.width / 728, t = C.height / 208;
+  return `translate(${C.x}, ${C.y}) scale(${E}, ${t})`;
+};
+export {
+  H as PLACEHOLDER_LINE_PATH,
+  s as buildPlaceholderTransform
+};