@ledgerhq/lumen-ui-rnative-visualization 0.1.10 → 0.1.12

package/dist/typescript/src/lib/Components/LineChart/types.d.ts

@@ -58,5 +58,21 @@ export type LineChartProps = {
      * Additional SVG content rendered inside the chart after lines and axes.
      */
     children?: ReactNode;
+    /**
+     * Enables scrubbing (pan gesture) interactions on the chart.
+     * When true, add a `<Scrubber>` as a child to visualise the interaction.
+     * @default false
+     */
+    enableScrubbing?: boolean;
+    /**
+     * Callback fired whenever the scrubber moves to a new data index or is cleared.
+     * Receives `undefined` when the scrub gesture ends or the scrubber position is otherwise cleared.
+     */
+    onScrubberPositionChange?: (index: number | undefined) => void;
+    /**
+     * Whether to animate the chart on mount and data changes.
+     * @default true
+     */
+    animate?: boolean;
 };
 //# sourceMappingURL=types.d.ts.map

package/dist/typescript/src/lib/Components/LineChart/types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../../../src/lib/Components/LineChart/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEvC,OAAO,KAAK,EAAE,eAAe,EAAE,UAAU,EAAE,MAAM,EAAE,MAAM,mBAAmB,CAAC;AAC7E,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAChD,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAEhD,MAAM,MAAM,cAAc,GAAG;IAC3B;;;OAGG;IACH,MAAM,CAAC,EAAE,MAAM,EAAE,CAAC;IAClB;;;OAGG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;;;OAIG;IACH,QAAQ,CAAC,EAAE,UAAU,CAAC;IACtB;;;OAGG;IACH,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB;;;OAGG;IACH,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB;;;OAGG;IACH,KAAK,CAAC,EAAE,OAAO,CAAC,eAAe,CAAC,GAAG,UAAU,CAAC;IAC9C;;;OAGG;IACH,KAAK,CAAC,EAAE,OAAO,CAAC,eAAe,CAAC,GAAG,UAAU,CAAC;IAC9C;;;OAGG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IACf;;;OAGG;IACH,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB;;;OAGG;IACH,KAAK,CAAC,EAAE,MAAM,GAAG,OAAO,CAAC,UAAU,CAAC,CAAC;IACrC;;OAEG;IACH,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB,CAAC"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../../../src/lib/Components/LineChart/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEvC,OAAO,KAAK,EAAE,eAAe,EAAE,UAAU,EAAE,MAAM,EAAE,MAAM,mBAAmB,CAAC;AAC7E,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAChD,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAEhD,MAAM,MAAM,cAAc,GAAG;IAC3B;;;OAGG;IACH,MAAM,CAAC,EAAE,MAAM,EAAE,CAAC;IAClB;;;OAGG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;;;OAIG;IACH,QAAQ,CAAC,EAAE,UAAU,CAAC;IACtB;;;OAGG;IACH,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB;;;OAGG;IACH,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB;;;OAGG;IACH,KAAK,CAAC,EAAE,OAAO,CAAC,eAAe,CAAC,GAAG,UAAU,CAAC;IAC9C;;;OAGG;IACH,KAAK,CAAC,EAAE,OAAO,CAAC,eAAe,CAAC,GAAG,UAAU,CAAC;IAC9C;;;OAGG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IACf;;;OAGG;IACH,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB;;;OAGG;IACH,KAAK,CAAC,EAAE,MAAM,GAAG,OAAO,CAAC,UAAU,CAAC,CAAC;IACrC;;OAEG;IACH,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB;;;;OAIG;IACH,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B;;;OAGG;IACH,wBAAwB,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,GAAG,SAAS,KAAK,IAAI,CAAC;IAC/D;;;OAGG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB,CAAC"}

package/dist/typescript/src/lib/Components/Point/Point.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Point.d.ts","sourceRoot":"","sources":["../../../../../../src/lib/Components/Point/Point.tsx"],"names":[],"mappings":"AAOA,OAAO,KAAK,EAAE,eAAe,EAAE,UAAU,EAAE,MAAM,SAAS,CAAC;AAU3D,wBAAgB,UAAU,CAAC,EACzB,UAAqB,EACrB,GAAG,KAAK,EACT,EAAE,QAAQ,CAAC,eAAe,CAAC,2CAa3B;AAED,wBAAgB,KAAK,CAAC,EACpB,KAAK,EACL,KAAK,EACL,KAAK,EACL,KAAK,EACL,cAAc,EACd,aAAqB,EACrB,SAAiB,EACjB,cAAqB,EACrB,IAAmB,EACnB,OAAO,GACR,EAAE,QAAQ,CAAC,UAAU,CAAC,kDAqDtB"}
+{"version":3,"file":"Point.d.ts","sourceRoot":"","sources":["../../../../../../src/lib/Components/Point/Point.tsx"],"names":[],"mappings":"AAQA,OAAO,KAAK,EAAE,eAAe,EAAE,UAAU,EAAE,MAAM,SAAS,CAAC;AAU3D,wBAAgB,UAAU,CAAC,EACzB,UAAqB,EACrB,GAAG,KAAK,EACT,EAAE,QAAQ,CAAC,eAAe,CAAC,2CAa3B;AAED,wBAAgB,KAAK,CAAC,EACpB,KAAK,EACL,KAAK,EACL,KAAK,EACL,KAAK,EACL,cAAc,EACd,aAAqB,EACrB,SAAiB,EACjB,cAAqB,EACrB,IAAmB,EACnB,OAAO,GACR,EAAE,QAAQ,CAAC,UAAU,CAAC,kDAsDtB"}

package/dist/typescript/src/lib/Components/ReferenceLine/ReferenceLine.d.ts

@@ -0,0 +1,3 @@
+import type { ReferenceLineProps } from './types';
+export declare function ReferenceLine({ label, labelDx, labelDy, labelHorizontalAlignment, labelVerticalAlignment, labelPosition, stroke, lineStyle, ...props }: Readonly<ReferenceLineProps>): import("react/jsx-runtime").JSX.Element | null;
+//# sourceMappingURL=ReferenceLine.d.ts.map

package/dist/typescript/src/lib/Components/ReferenceLine/ReferenceLine.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ReferenceLine.d.ts","sourceRoot":"","sources":["../../../../../../src/lib/Components/ReferenceLine/ReferenceLine.tsx"],"names":[],"mappings":"AAMA,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,SAAS,CAAC;AAQlD,wBAAgB,aAAa,CAAC,EAC5B,KAAK,EACL,OAAW,EACX,OAAW,EACX,wBAAwB,EACxB,sBAAsB,EACtB,aAAqB,EACrB,MAAM,EACN,SAAoB,EACpB,GAAG,KAAK,EACT,EAAE,QAAQ,CAAC,kBAAkB,CAAC,kDA4H9B"}

package/dist/typescript/src/lib/Components/ReferenceLine/constants.d.ts

@@ -0,0 +1,3 @@
+export declare const STROKE_WIDTH = 2;
+export declare const DASH_ARRAY = "0.1 6";
+//# sourceMappingURL=constants.d.ts.map

package/dist/typescript/src/lib/Components/ReferenceLine/constants.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"constants.d.ts","sourceRoot":"","sources":["../../../../../../src/lib/Components/ReferenceLine/constants.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,YAAY,IAAI,CAAC;AAC9B,eAAO,MAAM,UAAU,UAAU,CAAC"}

package/dist/typescript/src/lib/Components/ReferenceLine/index.d.ts

@@ -0,0 +1,3 @@
+export * from './ReferenceLine';
+export * from './types';
+//# sourceMappingURL=index.d.ts.map

package/dist/typescript/src/lib/Components/ReferenceLine/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../src/lib/Components/ReferenceLine/index.ts"],"names":[],"mappings":"AAAA,cAAc,iBAAiB,CAAC;AAChC,cAAc,SAAS,CAAC"}

package/dist/typescript/src/lib/Components/ReferenceLine/types.d.ts

@@ -0,0 +1,74 @@
+export type LabelAlignment = 'start' | 'center' | 'end';
+export type LabelPosition = 'start' | 'center' | 'end';
+export type ReferenceLineBaseProps = {
+    /**
+     * Label text displayed near the reference line.
+     */
+    label?: string;
+    /**
+     * Horizontal pixel offset applied to the label position.
+     * @default 0
+     */
+    labelDx?: number;
+    /**
+     * Vertical pixel offset applied to the label position.
+     * @default 0
+     */
+    labelDy?: number;
+    /**
+     * Position of the label along the line.
+     * @default 'end'
+     */
+    labelPosition?: LabelPosition;
+    /**
+     * Controls the direction the label text extends from its position.
+     * - `'start'`: text extends toward the start of the axis (left)
+     * - `'center'`: text is centered on the position
+     * - `'end'`: text extends toward the end of the axis (right)
+     *
+     * Defaults: `'center'` for vertical lines, inferred from `labelPosition` for horizontal lines.
+     */
+    labelHorizontalAlignment?: LabelAlignment;
+    /**
+     * Controls the direction the label text extends from its position.
+     * - `'start'`: text extends toward the start of the axis (up)
+     * - `'center'`: text is vertically centered on the position
+     * - `'end'`: text extends toward the end of the axis (down)
+     *
+     * Defaults: `'end'` for horizontal lines, inferred from `labelPosition` for vertical lines.
+     */
+    labelVerticalAlignment?: LabelAlignment;
+    /**
+     * Line color.
+     * @default theme.colors.border.muted
+     */
+    stroke?: string;
+    /**
+     * Line dash style.
+     * - `'dashed'`: rounded dots with `strokeDasharray="0.1 6"`
+     * - `'solid'`: continuous line
+     * @default 'dashed'
+     */
+    lineStyle?: 'solid' | 'dashed';
+};
+export type HorizontalReferenceLineProps = ReferenceLineBaseProps & {
+    /**
+     * Y-axis value in data space where the horizontal line is drawn.
+     * The horizontal line is rendered at this Y position spanning the full
+     * width of the drawing area.
+     */
+    dataY: number;
+    dataX?: never;
+};
+export type VerticalReferenceLineProps = ReferenceLineBaseProps & {
+    /**
+     * Data index along the X axis. When `xAxis.data` contains numeric values,
+     * the index is mapped to the corresponding axis value automatically.
+     * The vertical line is drawn at this position spanning the full height
+     * of the drawing area.
+     */
+    dataX: number;
+    dataY?: never;
+};
+export type ReferenceLineProps = HorizontalReferenceLineProps | VerticalReferenceLineProps;
+//# sourceMappingURL=types.d.ts.map

package/dist/typescript/src/lib/Components/ReferenceLine/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../../../src/lib/Components/ReferenceLine/types.ts"],"names":[],"mappings":"AAAA,MAAM,MAAM,cAAc,GAAG,OAAO,GAAG,QAAQ,GAAG,KAAK,CAAC;AACxD,MAAM,MAAM,aAAa,GAAG,OAAO,GAAG,QAAQ,GAAG,KAAK,CAAC;AAEvD,MAAM,MAAM,sBAAsB,GAAG;IACnC;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IACf;;;OAGG;IACH,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB;;;OAGG;IACH,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB;;;OAGG;IACH,aAAa,CAAC,EAAE,aAAa,CAAC;IAC9B;;;;;;;OAOG;IACH,wBAAwB,CAAC,EAAE,cAAc,CAAC;IAC1C;;;;;;;OAOG;IACH,sBAAsB,CAAC,EAAE,cAAc,CAAC;IACxC;;;OAGG;IACH,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB;;;;;OAKG;IACH,SAAS,CAAC,EAAE,OAAO,GAAG,QAAQ,CAAC;CAChC,CAAC;AAEF,MAAM,MAAM,4BAA4B,GAAG,sBAAsB,GAAG;IAClE;;;;OAIG;IACH,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,KAAK,CAAC;CACf,CAAC;AAEF,MAAM,MAAM,0BAA0B,GAAG,sBAAsB,GAAG;IAChE;;;;;OAKG;IACH,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,KAAK,CAAC;CACf,CAAC;AAEF,MAAM,MAAM,kBAAkB,GAC1B,4BAA4B,GAC5B,0BAA0B,CAAC"}

package/dist/typescript/src/lib/Components/ReferenceLine/utils.d.ts

@@ -0,0 +1,55 @@
+import type { AxisConfigProps, ChartScaleFunction, DrawingArea } from '../../utils/types';
+import type { LabelAlignment, LabelPosition } from './types';
+type LabelCoordinates = {
+    x: number;
+    y: number;
+    textAnchor: 'start' | 'middle' | 'end';
+    dominantBaseline: 'hanging' | 'central' | 'auto';
+};
+type ResolvePixelParams = {
+    dataValue: number;
+    scale: ChartScaleFunction | undefined;
+    axis: 'x' | 'y';
+    drawingArea: DrawingArea;
+    axisConfig?: AxisConfigProps;
+};
+type LabelParams = {
+    pixel: number;
+    labelPosition: LabelPosition;
+    drawingArea: DrawingArea;
+    dx?: number;
+    dy?: number;
+    horizontalAlignment?: LabelAlignment;
+    verticalAlignment?: LabelAlignment;
+};
+/**
+ * Converts a `dominantBaseline` value to a `dy` pixel offset.
+ * react-native-svg doesn't support `dominantBaseline`, so we emulate it
+ * with a font-relative `dy` shift — same approach used by Axis components.
+ */
+export declare const dominantBaselineToDy: (baseline: LabelCoordinates["dominantBaseline"], fontSize: number) => number;
+/**
+ * Checks whether a pixel coordinate falls within the drawing area
+ * along a single axis.
+ */
+export declare const isPixelWithinDrawingArea: (pixel: number, axis: "x" | "y", drawingArea: DrawingArea) => boolean;
+/**
+ * Resolves a data-space value to a validated pixel coordinate.
+ * When `axisConfig` is provided, the data value is first translated
+ * through the axis data array before being projected onto the scale.
+ * Returns `undefined` if the value is out of bounds, the scale is missing,
+ * the result is not finite, or the pixel falls outside the drawing area.
+ */
+export declare const resolvePixel: ({ dataValue, scale, axis, drawingArea, axisConfig, }: ResolvePixelParams) => number | undefined;
+/**
+ * Computes the label pixel coordinates and text alignment attributes
+ * for a horizontal reference line.
+ */
+export declare const computeHorizontalLabelCoordinates: ({ pixel, labelPosition, drawingArea, dx, dy, horizontalAlignment, verticalAlignment, }: LabelParams) => LabelCoordinates;
+/**
+ * Computes the label pixel coordinates and text alignment attributes
+ * for a vertical reference line.
+ */
+export declare const computeVerticalLabelCoordinates: ({ pixel, labelPosition, drawingArea, dx, dy, horizontalAlignment, verticalAlignment, }: LabelParams) => LabelCoordinates;
+export {};
+//# sourceMappingURL=utils.d.ts.map

package/dist/typescript/src/lib/Components/ReferenceLine/utils.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../../../../../../src/lib/Components/ReferenceLine/utils.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EACV,eAAe,EACf,kBAAkB,EAClB,WAAW,EACZ,MAAM,mBAAmB,CAAC;AAE3B,OAAO,KAAK,EAAE,cAAc,EAAE,aAAa,EAAE,MAAM,SAAS,CAAC;AAK7D,KAAK,gBAAgB,GAAG;IACtB,CAAC,EAAE,MAAM,CAAC;IACV,CAAC,EAAE,MAAM,CAAC;IACV,UAAU,EAAE,OAAO,GAAG,QAAQ,GAAG,KAAK,CAAC;IACvC,gBAAgB,EAAE,SAAS,GAAG,SAAS,GAAG,MAAM,CAAC;CAClD,CAAC;AAQF,KAAK,kBAAkB,GAAG;IACxB,SAAS,EAAE,MAAM,CAAC;IAClB,KAAK,EAAE,kBAAkB,GAAG,SAAS,CAAC;IACtC,IAAI,EAAE,GAAG,GAAG,GAAG,CAAC;IAChB,WAAW,EAAE,WAAW,CAAC;IACzB,UAAU,CAAC,EAAE,eAAe,CAAC;CAC9B,CAAC;AAEF,KAAK,WAAW,GAAG;IACjB,KAAK,EAAE,MAAM,CAAC;IACd,aAAa,EAAE,aAAa,CAAC;IAC7B,WAAW,EAAE,WAAW,CAAC;IACzB,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,mBAAmB,CAAC,EAAE,cAAc,CAAC;IACrC,iBAAiB,CAAC,EAAE,cAAc,CAAC;CACpC,CAAC;AAuBF;;;;GAIG;AACH,eAAO,MAAM,oBAAoB,GAC/B,UAAU,gBAAgB,CAAC,kBAAkB,CAAC,EAC9C,UAAU,MAAM,KACf,MAAuC,CAAC;AAE3C;;;GAGG;AACH,eAAO,MAAM,wBAAwB,GACnC,OAAO,MAAM,EACb,MAAM,GAAG,GAAG,GAAG,EACf,aAAa,WAAW,KACvB,OAKF,CAAC;AAqBF;;;;;;GAMG;AACH,eAAO,MAAM,YAAY,GAAI,sDAM1B,kBAAkB,KAAG,MAAM,GAAG,SAehC,CAAC;AAEF;;;GAGG;AACH,eAAO,MAAM,iCAAiC,GAAI,wFAQ/C,WAAW,KAAG,gBAKf,CAAC;AAEH;;;GAGG;AACH,eAAO,MAAM,+BAA+B,GAAI,wFAQ7C,WAAW,KAAG,gBAKf,CAAC"}

package/dist/typescript/src/lib/Components/Scrubber/Scrubber.d.ts

@@ -0,0 +1,17 @@
+import type { ScrubberProps } from './types';
+/**
+ * Renders the scrubber visuals: vertical reference line, future-data overlay
+ * rect, per-series beacon dots, and an optional formatted label above the line.
+ *
+ * Must be used as a child of `LineChart` (or `CartesianChart`) with
+ * `enableScrubbing` enabled. Renders nothing when no scrubber position is active.
+ *
+ * @example
+ * ```tsx
+ * <LineChart series={data} enableScrubbing>
+ *   <Scrubber label={(i) => data[i].date} />
+ * </LineChart>
+ * ```
+ */
+export declare function Scrubber({ label, hideLine, hideOverlay, showBeacons, }: Readonly<ScrubberProps>): import("react/jsx-runtime").JSX.Element | null;
+//# sourceMappingURL=Scrubber.d.ts.map

package/dist/typescript/src/lib/Components/Scrubber/Scrubber.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Scrubber.d.ts","sourceRoot":"","sources":["../../../../../../src/lib/Components/Scrubber/Scrubber.tsx"],"names":[],"mappings":"AAwBA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,SAAS,CAAC;AAG7C;;;;;;;;;;;;;GAaG;AACH,wBAAgB,QAAQ,CAAC,EACvB,KAAK,EACL,QAAgB,EAChB,WAAmB,EACnB,WAAmB,GACpB,EAAE,QAAQ,CAAC,aAAa,CAAC,kDA8IzB"}

package/dist/typescript/src/lib/Components/Scrubber/ScrubberProvider.d.ts

@@ -0,0 +1,16 @@
+import type { ScrubberProviderProps } from './types';
+/**
+ * Provides scrubbing interaction for a chart.
+ *
+ * Must be placed as a child of `CartesianChartProvider` (so it can access the
+ * x-scale) but outside the `<Svg>` element (so it can render a transparent
+ * gesture-capture `View` overlay). `CartesianChart` handles this positioning
+ * automatically when `enableScrubbing` is true.
+ *
+ * Activation requires a 50 ms long press before panning begins. This prevents
+ * accidental scrubbing when the user is scrolling a parent `ScrollView` or
+ * `FlatList`. The `isScrubbing` shared value gates the pan via manual activation
+ * so scroll and scrub gestures never compete.
+ */
+export declare function ScrubberProvider({ children, width, height, enableScrubbing, onScrubberPositionChange, }: Readonly<ScrubberProviderProps>): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=ScrubberProvider.d.ts.map

package/dist/typescript/src/lib/Components/Scrubber/ScrubberProvider.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ScrubberProvider.d.ts","sourceRoot":"","sources":["../../../../../../src/lib/Components/Scrubber/ScrubberProvider.tsx"],"names":[],"mappings":"AAQA,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,SAAS,CAAC;AAGrD;;;;;;;;;;;;GAYG;AACH,wBAAgB,gBAAgB,CAAC,EAC/B,QAAQ,EACR,KAAK,EACL,MAAM,EACN,eAAe,EACf,wBAAwB,GACzB,EAAE,QAAQ,CAAC,qBAAqB,CAAC,2CAqGjC"}

package/dist/typescript/src/lib/Components/Scrubber/constants.d.ts

@@ -0,0 +1,8 @@
+export declare const BEACON_RADIUS = 5;
+export declare const BEACON_STROKE_WIDTH = 2;
+export declare const LABEL_OFFSET_Y = 12;
+export declare const OVERLAY_OFFSET = 2;
+export declare const OVERLAY_LINE_INSET = 0.5;
+export declare const OVERLAY_OPACITY = 0.8;
+export declare const LINE_GRADIENT_EDGE_OPACITY = 0.1;
+//# sourceMappingURL=constants.d.ts.map

package/dist/typescript/src/lib/Components/Scrubber/constants.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"constants.d.ts","sourceRoot":"","sources":["../../../../../../src/lib/Components/Scrubber/constants.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,aAAa,IAAI,CAAC;AAC/B,eAAO,MAAM,mBAAmB,IAAI,CAAC;AACrC,eAAO,MAAM,cAAc,KAAK,CAAC;AACjC,eAAO,MAAM,cAAc,IAAI,CAAC;AAChC,eAAO,MAAM,kBAAkB,MAAM,CAAC;AACtC,eAAO,MAAM,eAAe,MAAM,CAAC;AACnC,eAAO,MAAM,0BAA0B,MAAM,CAAC"}

package/dist/typescript/src/lib/Components/Scrubber/context/index.d.ts

@@ -0,0 +1,2 @@
+export { ScrubberContextProvider, useScrubberContext } from './scrubberContext';
+//# sourceMappingURL=index.d.ts.map

package/dist/typescript/src/lib/Components/Scrubber/context/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../../src/lib/Components/Scrubber/context/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,uBAAuB,EAAE,kBAAkB,EAAE,MAAM,mBAAmB,CAAC"}

package/dist/typescript/src/lib/Components/Scrubber/context/scrubberContext.d.ts

@@ -0,0 +1,8 @@
+import type { ScrubberContextValue } from '../types';
+declare const ScrubberContextProvider: import("react").FC<{
+    children: import("react").ReactNode;
+    value: ScrubberContextValue;
+}>;
+export declare const useScrubberContext: () => ScrubberContextValue;
+export { ScrubberContextProvider };
+//# sourceMappingURL=scrubberContext.d.ts.map

package/dist/typescript/src/lib/Components/Scrubber/context/scrubberContext.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"scrubberContext.d.ts","sourceRoot":"","sources":["../../../../../../../src/lib/Components/Scrubber/context/scrubberContext.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,UAAU,CAAC;AAErD,QAAA,MAAO,uBAAuB;;;EACuB,CAAC;AAEtD,eAAO,MAAM,kBAAkB,QAAO,oBAIlC,CAAC;AAEL,OAAO,EAAE,uBAAuB,EAAE,CAAC"}

package/dist/typescript/src/lib/Components/Scrubber/index.d.ts

@@ -0,0 +1,4 @@
+export { Scrubber } from './Scrubber';
+export { useScrubberContext } from './context';
+export type { ScrubberProps, ScrubberContextValue } from './types';
+//# sourceMappingURL=index.d.ts.map

package/dist/typescript/src/lib/Components/Scrubber/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../src/lib/Components/Scrubber/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AACtC,OAAO,EAAE,kBAAkB,EAAE,MAAM,WAAW,CAAC;AAC/C,YAAY,EAAE,aAAa,EAAE,oBAAoB,EAAE,MAAM,SAAS,CAAC"}

package/dist/typescript/src/lib/Components/Scrubber/types.d.ts

@@ -0,0 +1,57 @@
+import type { ReactNode } from 'react';
+export type ScrubberContextValue = {
+    /**
+     * Whether scrubbing interactions are enabled.
+     */
+    enableScrubbing: boolean;
+    /**
+     * The current data index of the scrubber, or undefined when idle.
+     */
+    scrubberPosition: number | undefined;
+    /**
+     * Callback to update the scrubber position.
+     */
+    onScrubberPositionChange: (index: number | undefined) => void;
+};
+export type ScrubberProviderProps = {
+    children: ReactNode;
+    /**
+     * Width of the chart in pixels. Used to bound gesture detection.
+     */
+    width: number;
+    /**
+     * Height of the chart in pixels. Used to bound gesture detection.
+     */
+    height: number;
+    /**
+     * Whether scrubbing is enabled.
+     */
+    enableScrubbing: boolean;
+    /**
+     * Optional external callback fired whenever the scrubber position changes.
+     */
+    onScrubberPositionChange?: (index: number | undefined) => void;
+};
+export type ScrubberProps = {
+    /**
+     * Formats a label string shown above the reference line for a given data index.
+     * When omitted, no label is rendered.
+     */
+    label?: (dataIndex: number) => string;
+    /**
+     * Hides the vertical reference line.
+     * @default false
+     */
+    hideLine?: boolean;
+    /**
+     * Hides the semi-transparent overlay that dims data after the scrubber position.
+     * @default false
+     */
+    hideOverlay?: boolean;
+    /**
+     * Shows the beacon dots on each series at the scrubbed data index.
+     * @default false
+     */
+    showBeacons?: boolean;
+};
+//# sourceMappingURL=types.d.ts.map

package/dist/typescript/src/lib/Components/Scrubber/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../../../src/lib/Components/Scrubber/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEvC,MAAM,MAAM,oBAAoB,GAAG;IACjC;;OAEG;IACH,eAAe,EAAE,OAAO,CAAC;IACzB;;OAEG;IACH,gBAAgB,EAAE,MAAM,GAAG,SAAS,CAAC;IACrC;;OAEG;IACH,wBAAwB,EAAE,CAAC,KAAK,EAAE,MAAM,GAAG,SAAS,KAAK,IAAI,CAAC;CAC/D,CAAC;AAEF,MAAM,MAAM,qBAAqB,GAAG;IAClC,QAAQ,EAAE,SAAS,CAAC;IACpB;;OAEG;IACH,KAAK,EAAE,MAAM,CAAC;IACd;;OAEG;IACH,MAAM,EAAE,MAAM,CAAC;IACf;;OAEG;IACH,eAAe,EAAE,OAAO,CAAC;IACzB;;OAEG;IACH,wBAAwB,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,GAAG,SAAS,KAAK,IAAI,CAAC;CAChE,CAAC;AAEF,MAAM,MAAM,aAAa,GAAG;IAC1B;;;OAGG;IACH,KAAK,CAAC,EAAE,CAAC,SAAS,EAAE,MAAM,KAAK,MAAM,CAAC;IACtC;;;OAGG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;;OAGG;IACH,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB;;;OAGG;IACH,WAAW,CAAC,EAAE,OAAO,CAAC;CACvB,CAAC"}

package/dist/typescript/src/lib/Components/Scrubber/utils.d.ts

@@ -0,0 +1,22 @@
+import type { AxisConfigProps, CartesianChartContextValue, ChartScaleFunction } from '../../utils/types';
+/**
+ * Converts a pixel position along the x-axis into the nearest data index.
+ *
+ * For band (categorical) scales, finds the band whose center is closest to
+ * `pixelX`. For numeric scales, uses `scale.invert()` and rounds to the
+ * nearest integer, clamped to the valid index range.
+ */
+export declare const getDataIndexFromPosition: (pixelX: number, scale: ChartScaleFunction, axisConfig: Partial<AxisConfigProps> | undefined, dataLength: number) => number;
+/**
+ * Resolves the pixel y-coordinate for a given series data point at a data index.
+ * Returns undefined when the value is null/missing or the scale is unavailable.
+ */
+export declare const resolvePixelY: (dataIndex: number, seriesData: (number | null)[] | undefined, getYScale: CartesianChartContextValue["getYScale"]) => number | undefined;
+/**
+ * Resolves the pixel x-coordinate for a given data index using the x-scale.
+ * When numeric x-axis data is provided, the corresponding axis value is used;
+ * otherwise the data index is used as the x input.
+ * Returns undefined only when the scale is unavailable.
+ */
+export declare const resolvePixelX: (dataIndex: number, getXScale: CartesianChartContextValue["getXScale"], axisConfig?: AxisConfigProps) => number | undefined;
+//# sourceMappingURL=utils.d.ts.map

package/dist/typescript/src/lib/Components/Scrubber/utils.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../../../../../../src/lib/Components/Scrubber/utils.ts"],"names":[],"mappings":"AAKA,OAAO,KAAK,EACV,eAAe,EACf,0BAA0B,EAC1B,kBAAkB,EACnB,MAAM,mBAAmB,CAAC;AAgC3B;;;;;;GAMG;AACH,eAAO,MAAM,wBAAwB,GACnC,QAAQ,MAAM,EACd,OAAO,kBAAkB,EACzB,YAAY,OAAO,CAAC,eAAe,CAAC,GAAG,SAAS,EAChD,YAAY,MAAM,KACjB,MAmCF,CAAC;AAEF;;;GAGG;AACH,eAAO,MAAM,aAAa,GACxB,WAAW,MAAM,EACjB,YAAY,CAAC,MAAM,GAAG,IAAI,CAAC,EAAE,GAAG,SAAS,EACzC,WAAW,0BAA0B,CAAC,WAAW,CAAC,KACjD,MAAM,GAAG,SASX,CAAC;AAEF;;;;;GAKG;AACH,eAAO,MAAM,aAAa,GACxB,WAAW,MAAM,EACjB,WAAW,0BAA0B,CAAC,WAAW,CAAC,EAClD,aAAa,eAAe,KAC3B,MAAM,GAAG,SAMX,CAAC"}

package/dist/typescript/src/lib/Components/index.d.ts

@@ -1,3 +1,5 @@
 export * from './LineChart';
 export * from './Point';
+export * from './ReferenceLine';
+export * from './Scrubber';
 //# sourceMappingURL=index.d.ts.map

package/dist/typescript/src/lib/Components/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/lib/Components/index.ts"],"names":[],"mappings":"AAAA,cAAc,aAAa,CAAC;AAC5B,cAAc,SAAS,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/lib/Components/index.ts"],"names":[],"mappings":"AAAA,cAAc,aAAa,CAAC;AAC5B,cAAc,SAAS,CAAC;AACxB,cAAc,iBAAiB,CAAC;AAChC,cAAc,YAAY,CAAC"}

package/dist/typescript/src/lib/utils/scales/scales.d.ts

@@ -25,6 +25,12 @@ export declare const isCategoricalScale: (scale: ChartScaleFunction) => scale is
  * Checks if a scale is a numeric scale.
  */
 export declare const isNumericScale: (scale: ChartScaleFunction) => scale is NumericScale;
+/**
+ * Returns the pixel coordinate at the center of the given data index on the scale.
+ * For band (categorical) scales, centers on the bandwidth.
+ * For numeric scales, calls the scale directly.
+ */
+export declare const getPointOnScale: (dataIndex: number, scale: ChartScaleFunction) => number;
 /**
  * Projects a single data-space coordinate pair to pixel-space
  * using the provided x and y scale functions.

package/dist/typescript/src/lib/utils/scales/scales.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"scales.d.ts","sourceRoot":"","sources":["../../../../../../src/lib/utils/scales/scales.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EACV,UAAU,EACV,eAAe,EACf,gBAAgB,EAChB,kBAAkB,EAClB,YAAY,EACb,MAAM,UAAU,CAAC;AAElB;;;GAGG;AACH,eAAO,MAAM,eAAe,GAAI,+BAI7B;IACD,SAAS,EAAE,QAAQ,GAAG,KAAK,CAAC;IAC5B,MAAM,EAAE,UAAU,CAAC;IACnB,KAAK,EAAE,UAAU,CAAC;CACnB,KAAG,YAMH,CAAC;AAEF,eAAO,MAAM,mBAAmB,GAAI,6BAIjC;IACD,MAAM,EAAE,UAAU,CAAC;IACnB,KAAK,EAAE,UAAU,CAAC;IAClB,OAAO,CAAC,EAAE,MAAM,CAAC;CAClB,KAAG,gBAUH,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,eAAe,GAC1B,WAAW,eAAe,CAAC,WAAW,CAAC,KACtC,SAAS,IAAI,MAA8B,CAAC;AAE/C;;GAEG;AACH,eAAO,MAAM,kBAAkB,GAC7B,OAAO,kBAAkB,KACxB,KAAK,IAAI,gBAEX,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,cAAc,GACzB,OAAO,kBAAkB,KACxB,KAAK,IAAI,YAEX,CAAC;AAEF;;;;;GAKG;AACH,eAAO,MAAM,YAAY,GACvB,OAAO,MAAM,EACb,OAAO,MAAM,EACb,QAAQ,kBAAkB,EAC1B,QAAQ,kBAAkB,KACzB;IAAE,CAAC,EAAE,MAAM,CAAC;IAAC,CAAC,EAAE,MAAM,CAAA;CAQxB,CAAC"}
+{"version":3,"file":"scales.d.ts","sourceRoot":"","sources":["../../../../../../src/lib/utils/scales/scales.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EACV,UAAU,EACV,eAAe,EACf,gBAAgB,EAChB,kBAAkB,EAClB,YAAY,EACb,MAAM,UAAU,CAAC;AAElB;;;GAGG;AACH,eAAO,MAAM,eAAe,GAAI,+BAI7B;IACD,SAAS,EAAE,QAAQ,GAAG,KAAK,CAAC;IAC5B,MAAM,EAAE,UAAU,CAAC;IACnB,KAAK,EAAE,UAAU,CAAC;CACnB,KAAG,YAMH,CAAC;AAEF,eAAO,MAAM,mBAAmB,GAAI,6BAIjC;IACD,MAAM,EAAE,UAAU,CAAC;IACnB,KAAK,EAAE,UAAU,CAAC;IAClB,OAAO,CAAC,EAAE,MAAM,CAAC;CAClB,KAAG,gBAUH,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,eAAe,GAC1B,WAAW,eAAe,CAAC,WAAW,CAAC,KACtC,SAAS,IAAI,MAA8B,CAAC;AAE/C;;GAEG;AACH,eAAO,MAAM,kBAAkB,GAC7B,OAAO,kBAAkB,KACxB,KAAK,IAAI,gBAEX,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,cAAc,GACzB,OAAO,kBAAkB,KACxB,KAAK,IAAI,YAEX,CAAC;AAEF;;;;GAIG;AACH,eAAO,MAAM,eAAe,GAC1B,WAAW,MAAM,EACjB,OAAO,kBAAkB,KACxB,MAKF,CAAC;AAEF;;;;;GAKG;AACH,eAAO,MAAM,YAAY,GACvB,OAAO,MAAM,EACb,OAAO,MAAM,EACb,QAAQ,kBAAkB,EAC1B,QAAQ,kBAAkB,KACzB;IAAE,CAAC,EAAE,MAAM,CAAC;IAAC,CAAC,EAAE,MAAM,CAAA;CAGvB,CAAC"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ledgerhq/lumen-ui-rnative-visualization",
-  "version": "0.1.10",
+  "version": "0.1.12",
   "license": "Apache-2.0",
   "sideEffects": false,
   "keywords": [
@@ -45,10 +45,13 @@
   "peerDependencies": {
     "@types/react": "^19.0.0",
     "@ledgerhq/lumen-design-core": "0.1.14",
-    "@ledgerhq/lumen-ui-rnative": "0.1.33",
+    "@ledgerhq/lumen-ui-rnative": "0.1.35",
     "react": "^19.0.0",
     "react-native": "~0.79.7",
-    "react-native-svg": "^15.0.0"
+    "react-native-svg": "^15.0.0",
+    "react-native-gesture-handler": ">=2.0.0",
+    "react-native-reanimated": ">=4.0.0",
+    "react-native-worklets": ">=0.5.0"
   },
   "nx": {
     "tags": [

package/src/lib/Components/Axis/XAxis/XAxis.tsx

@@ -50,7 +50,7 @@ export const XAxis = ({
   const labelY = axisY + tickDirection * (TICK_MARK_SIZE + TICK_LABEL_OFFSET);
   const labelDy = isTop ? 0 : fontSize * 0.8;
 
-  const gridStroke = theme.colors.border.mutedSubtle;
+  const gridStroke = theme.colors.border.mutedSubtleTransparent;
   const lineStroke = theme.colors.border.muted;
   const textFill = theme.colors.text.muted;
 

package/src/lib/Components/Axis/YAxis/YAxis.tsx

@@ -49,7 +49,7 @@ export const YAxis = ({
   const fontSize = theme.typographies.body4.fontSize;
   const labelDy = fontSize * 0.35;
 
-  const gridStroke = theme.colors.border.mutedSubtle;
+  const gridStroke = theme.colors.border.mutedSubtleTransparent;
   const lineStroke = theme.colors.border.muted;
   const textFill = theme.colors.text.muted;
 

package/src/lib/Components/CartesianChart/CartesianChart.tsx

@@ -2,7 +2,9 @@ import { useCallback, useMemo, useState } from 'react';
 import { View, type LayoutChangeEvent } from 'react-native';
 import { Svg } from 'react-native-svg';
 
+import { ScrubberProvider } from '../Scrubber/ScrubberProvider';
 import { CartesianChartProvider, useBuildChartContext } from './context';
+import { RevealClipDefs } from './RevealClip';
 import type { CartesianChartProps } from './types';
 import {
   DEFAULT_HEIGHT,
@@ -21,6 +23,9 @@ export function CartesianChart({
   axisPadding,
   ariaLabel = 'Chart',
   children,
+  enableScrubbing = false,
+  onScrubberPositionChange,
+  animate = true,
 }: Readonly<CartesianChartProps>) {
   const [measuredWidth, setMeasuredWidth] = useState<number | undefined>(width);
 
@@ -53,48 +58,43 @@ export function CartesianChart({
     axisPadding: resolvedAxisPadding,
   });
 
-  const svgContent = resolvedWidth > 0 && (
-    <Svg
-      testID='chart-svg'
-      width={resolvedWidth}
-      height={height}
-      style={{ overflow: 'visible' }}
-    >
-      <CartesianChartProvider value={contextValue}>
-        {children}
-      </CartesianChartProvider>
-    </Svg>
-  );
-
-  if (needsMeasurement) {
-    return (
-      <View
-        testID='chart-container'
-        onLayout={handleLayout}
-        style={{
-          height,
-          ...OVERFLOW_NEGATIVE_MARGIN,
-        }}
-        accessibilityRole='image'
-        accessibilityLabel={ariaLabel}
-      >
-        {svgContent}
-      </View>
-    );
-  }
-
   return (
     <View
       testID='chart-container'
+      onLayout={needsMeasurement ? handleLayout : undefined}
       accessibilityRole='image'
       accessibilityLabel={ariaLabel}
       style={{
-        width: resolvedWidth,
+        width: needsMeasurement ? undefined : resolvedWidth,
         height,
         ...OVERFLOW_NEGATIVE_MARGIN,
       }}
     >
-      {svgContent}
+      {resolvedWidth > 0 && (
+        <CartesianChartProvider value={contextValue}>
+          <ScrubberProvider
+            width={resolvedWidth}
+            height={height}
+            enableScrubbing={enableScrubbing}
+            onScrubberPositionChange={onScrubberPositionChange}
+          >
+            <Svg
+              testID='chart-svg'
+              width={resolvedWidth}
+              height={height}
+              style={{ overflow: 'visible' }}
+            >
+              <RevealClipDefs
+                drawingArea={contextValue.drawingArea}
+                series={series}
+                animate={animate}
+              >
+                {children}
+              </RevealClipDefs>
+            </Svg>
+          </ScrubberProvider>
+        </CartesianChartProvider>
+      )}
     </View>
   );
 }