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

package/src/lib/Components/LineChart/utils.ts

@@ -0,0 +1,107 @@
+import { isFiniteNumber } from '../../utils/numbers';
+import type { ChartInset, Series } from '../../utils/types';
+import { DEFAULT_AXIS_HEIGHT } from '../Axis/XAxis';
+import type { XAxisProps } from '../Axis/XAxis';
+import { DEFAULT_AXIS_WIDTH } from '../Axis/YAxis';
+import type { YAxisProps } from '../Axis/YAxis';
+
+/**
+ * Minimum number of finite points a series needs to be drawable as a line.
+ */
+const MIN_DRAWABLE_POINTS = 2;
+const LOADING_ARIA_LABEL = 'Loading chart';
+
+type ComputeAxisPaddingParams = {
+  showXAxis: boolean;
+  showYAxis: boolean;
+  xAxisPosition: XAxisProps['position'];
+  yAxisPosition: YAxisProps['position'];
+  yAxisWidth: YAxisProps['width'];
+};
+
+type ChartDisplayStateParams = {
+  loading: boolean;
+  hasData: boolean;
+  emptyLabel: string;
+};
+
+type ChartStatus = 'initial-loading' | 'empty' | 'transition-loading' | 'ready';
+
+type ChartDisplayState = {
+  status: ChartStatus;
+  ariaLabel: string | undefined;
+};
+
+/**
+ * Reserves space on the relevant sides of the drawing area for visible axes.
+ * Returns `undefined` when no axis is shown so the chart keeps its full area.
+ */
+export const computeAxisPadding = ({
+  showXAxis,
+  showYAxis,
+  xAxisPosition,
+  yAxisPosition,
+  yAxisWidth,
+}: ComputeAxisPaddingParams): Partial<ChartInset> | undefined => {
+  if (!showXAxis && !showYAxis) {
+    return undefined;
+  }
+
+  const resolvedYAxisWidth = yAxisWidth ?? DEFAULT_AXIS_WIDTH;
+
+  return {
+    top: showXAxis && xAxisPosition === 'top' ? DEFAULT_AXIS_HEIGHT : 0,
+    bottom: showXAxis && xAxisPosition === 'bottom' ? DEFAULT_AXIS_HEIGHT : 0,
+    left: showYAxis && yAxisPosition === 'start' ? resolvedYAxisWidth : 0,
+    right: showYAxis && yAxisPosition === 'end' ? resolvedYAxisWidth : 0,
+  };
+};
+
+/**
+ * Derives the chart's {@link ChartStatus} from its loading flag and whether it
+ * has drawable data, along with the matching accessibility label.
+ */
+export const getChartDisplayState = ({
+  loading,
+  hasData,
+  emptyLabel,
+}: ChartDisplayStateParams): ChartDisplayState => {
+  if (loading) {
+    return {
+      status: hasData ? 'transition-loading' : 'initial-loading',
+      ariaLabel: LOADING_ARIA_LABEL,
+    };
+  }
+
+  if (!hasData) {
+    return { status: 'empty', ariaLabel: emptyLabel };
+  }
+
+  return { status: 'ready', ariaLabel: undefined };
+};
+
+/**
+ * Whether any series has at least {@link MIN_DRAWABLE_POINTS} finite points,
+ * i.e. enough to actually draw a line. Drives the empty / loading / data states
+ * of the chart.
+ *
+ * When `xData` (the x-axis domain) is provided, only the first `xData.length`
+ * points of each series are considered — mirroring the cap in `toScaledPoints`
+ * (Line/utils.ts) — so a series longer than the axis cannot report drawable
+ * points that would never be plotted.
+ */
+export const canRenderLine = (
+  series: Series[] | undefined,
+  xData?: readonly (string | number)[],
+): boolean => {
+  return (series ?? []).some((s) => {
+    const data = s.data ?? [];
+    const limit = xData ? Math.min(data.length, xData.length) : data.length;
+    let drawablePoints = 0;
+    for (let i = 0; i < limit; i++) {
+      if (isFiniteNumber(data[i])) drawablePoints++;
+      if (drawablePoints >= MIN_DRAWABLE_POINTS) return true;
+    }
+    return false;
+  });
+};

package/src/lib/Components/Point/Point.tsx

@@ -1,10 +1,11 @@
 import { useTheme } from '@ledgerhq/lumen-ui-rnative';
 import { useMemo } from 'react';
+import Animated from 'react-native-reanimated';
 import { Circle, G, Polygon, Text as SvgText } from 'react-native-svg';
 
 import { projectPoint } from '../../utils/scales/scales';
 import { useCartesianChartContext } from '../CartesianChart/context';
-import { useRevealClip } from '../CartesianChart/RevealClip';
+import { useRevealFadeProps } from '../CartesianChart/RevealAnimation';
 import { DEFAULT_SIZE, STROKE_WIDTH } from './constants';
 import { useMagneticPointsContext } from './pointContext';
 
@@ -17,6 +18,8 @@ import {
   useMagneticRegistration,
 } from './utils';
 
+const AnimatedG = Animated.createAnimatedComponent(G);
+
 export function PointLabel({
   textAnchor = 'middle',
   ...props
@@ -50,7 +53,7 @@ export function Point({
 }: Readonly<PointProps>) {
   const { getXScale, getYScale, getXAxisConfig, drawingArea } =
     useCartesianChartContext();
-  const clipPath = useRevealClip();
+  const fadeProps = useRevealFadeProps();
   const magneticContext = useMagneticPointsContext();
 
   useMagneticRegistration(magnetic, dataX, getXAxisConfig, magneticContext);
@@ -79,7 +82,7 @@ export function Point({
   const Label = LabelComponent ?? PointLabel;
 
   return (
-    <G testID='point-group' clipPath={clipPath} onPress={onPress}>
+    <AnimatedG testID='point-group' onPress={onPress} animatedProps={fadeProps}>
       {!hidePoint && (
         <Circle
           testID='point-circle'
@@ -103,6 +106,6 @@ export function Point({
           {resolvedLabel}
         </Label>
       )}
-    </G>
+    </AnimatedG>
   );
 }

package/src/lib/Components/ReferenceLine/ReferenceLine.tsx

@@ -3,7 +3,10 @@ import { G, Line as SvgLine, Text as SvgText } from 'react-native-svg';
 
 import { useCartesianChartContext } from '../CartesianChart/context';
 
-import { DASH_ARRAY, STROKE_WIDTH } from './constants';
+import {
+  REFERENCE_LINE_DASH_ARRAY,
+  REFERENCE_LINE_STROKE_WIDTH,
+} from './constants';
 import type { ReferenceLineProps } from './types';
 import {
   computeHorizontalLabelCoordinates,
@@ -28,7 +31,8 @@ export function ReferenceLine({
   const { theme } = useTheme();
 
   const resolvedStroke = stroke ?? theme.colors.border.muted;
-  const dashArray = lineStyle === 'dashed' ? DASH_ARRAY : undefined;
+  const dashArray =
+    lineStyle === 'dashed' ? REFERENCE_LINE_DASH_ARRAY : undefined;
   const fontSize = theme.typographies.body4.fontSize;
 
   if (props.dataY !== undefined) {
@@ -65,7 +69,7 @@ export function ReferenceLine({
           x2={drawingArea.x + drawingArea.width}
           y2={yPixel}
           stroke={resolvedStroke}
-          strokeWidth={STROKE_WIDTH}
+          strokeWidth={REFERENCE_LINE_STROKE_WIDTH}
           strokeDasharray={dashArray}
           strokeLinecap='round'
         />
@@ -122,7 +126,7 @@ export function ReferenceLine({
           x2={xPixel}
           y2={drawingArea.y + drawingArea.height}
           stroke={resolvedStroke}
-          strokeWidth={STROKE_WIDTH}
+          strokeWidth={REFERENCE_LINE_STROKE_WIDTH}
           strokeDasharray={dashArray}
           strokeLinecap='round'
         />

package/src/lib/Components/ReferenceLine/constants.ts

@@ -1,2 +1,2 @@
-export const STROKE_WIDTH = 2;
-export const DASH_ARRAY = '0.1 6';
+export const REFERENCE_LINE_STROKE_WIDTH = 2;
+export const REFERENCE_LINE_DASH_ARRAY = '0.1 6';

package/src/lib/Components/ReferenceLine/utils.ts

@@ -1,3 +1,4 @@
+import { isFiniteNumber } from '../../utils/numbers';
 import { getPointOnScale, isCategoricalScale } from '../../utils/scales/scales';
 import type { ChartScaleFunction, DrawingArea } from '../../utils/types';
 import type { BaseAxisProps } from '../Axis';
@@ -127,7 +128,7 @@ export const resolvePixel = ({
 
   const p = getPointOnScale(resolved, scale);
 
-  if (!Number.isFinite(p) || !isPixelWithinDrawingArea(p, axis, drawingArea)) {
+  if (!isFiniteNumber(p) || !isPixelWithinDrawingArea(p, axis, drawingArea)) {
     return undefined;
   }
   return p;

package/src/lib/Components/Scrubber/DefaultScrubberTooltip/utils.ts

@@ -1,6 +1,7 @@
 import type { RefObject } from 'react';
 import { useEffect, useMemo, useRef, useState } from 'react';
 
+import { clamp } from '../../../utils/numbers';
 import type { DrawingArea } from '../../../utils/types';
 import type { ChartTooltipItemData, SvgBBoxElement } from '../types';
 import {
@@ -77,7 +78,7 @@ export const computeTooltipX = (
     drawingArea.x,
     drawingArea.x + drawingArea.width - tooltipWidth,
   );
-  return Math.min(maxTooltipX, Math.max(drawingArea.x, preferredTooltipX));
+  return clamp(preferredTooltipX, drawingArea.x, maxTooltipX);
 };
 
 /**

package/src/lib/Components/Scrubber/Scrubber.tsx

@@ -80,12 +80,23 @@ export function Scrubber({
         const seriesData = seriesMap.get(s.id)?.data;
         const pixelY = resolvePixelY(scrubberPosition, seriesData, getYScale);
         if (pixelY === undefined) return null;
-        return { id: s.id, stroke: s.stroke, pixelY };
+        return {
+          id: s.id,
+          stroke: s.stroke ?? theme.colors.border.muted,
+          pixelY,
+        };
       })
       .filter(
         (b): b is { id: string; stroke: string; pixelY: number } => b !== null,
       );
-  }, [scrubberPosition, showBeacons, series, seriesMap, getYScale]);
+  }, [
+    scrubberPosition,
+    showBeacons,
+    series,
+    seriesMap,
+    getYScale,
+    theme.colors.border.muted,
+  ]);
 
   const tooltipPayload = useMemo(() => {
     if (scrubberPosition === undefined || !tooltip) {

package/src/lib/Components/Scrubber/ScrubberProvider.test.tsx

@@ -1,13 +1,16 @@
-import { describe, expect, it, jest } from '@jest/globals';
+import { beforeEach, describe, expect, it, jest } from '@jest/globals';
 import { ledgerLiveThemes } from '@ledgerhq/lumen-design-core';
 import { ThemeProvider } from '@ledgerhq/lumen-ui-rnative';
 import { fireEvent, render } from '@testing-library/react-native';
+import * as Haptics from 'expo-haptics';
 import type { ReactNode } from 'react';
 import { Pressable, Text } from 'react-native';
 
 import { CartesianChart } from '../CartesianChart';
 import { useScrubberContext } from './context';
 
+const impactAsyncMock = jest.mocked(Haptics.impactAsync);
+
 const sampleSeries = [
   { id: 's1', stroke: '#7B61FF', data: [10, 20, 30, 40, 50] },
 ];
@@ -220,4 +223,83 @@ describe('ScrubberProvider', () => {
     fireEvent.press(getByTestId('set-position'));
     expect(onScrubberPositionChange).not.toHaveBeenCalled();
   });
+
+  describe('haptic feedback', () => {
+    const ContextTrigger = () => {
+      const { onScrubberPositionChange: updatePosition } = useScrubberContext();
+      return (
+        <>
+          <Pressable testID='enter' onPress={() => updatePosition(2)} />
+          <Pressable testID='move' onPress={() => updatePosition(3)} />
+          <Pressable testID='exit' onPress={() => updatePosition(undefined)} />
+        </>
+      );
+    };
+
+    const renderTrigger = (series = sampleSeries) =>
+      render(
+        <Wrapper>
+          <CartesianChart
+            series={series}
+            width={400}
+            height={200}
+            enableScrubbing={true}
+          >
+            <ContextTrigger />
+          </CartesianChart>
+        </Wrapper>,
+      );
+
+    beforeEach(() => {
+      impactAsyncMock.mockClear();
+    });
+
+    it('triggers light haptic feedback once when entering from idle', () => {
+      const { getByTestId } = renderTrigger();
+
+      fireEvent.press(getByTestId('enter'));
+
+      expect(impactAsyncMock).toHaveBeenCalledTimes(1);
+      expect(impactAsyncMock).toHaveBeenCalledWith('light');
+    });
+
+    it('does not re-trigger haptic feedback while moving between indices', () => {
+      const { getByTestId } = renderTrigger();
+
+      fireEvent.press(getByTestId('enter'));
+      fireEvent.press(getByTestId('move'));
+
+      expect(impactAsyncMock).toHaveBeenCalledTimes(1);
+    });
+
+    it('does not trigger haptic feedback when exiting the scrubber', () => {
+      const { getByTestId } = renderTrigger();
+
+      fireEvent.press(getByTestId('enter'));
+      fireEvent.press(getByTestId('exit'));
+
+      expect(impactAsyncMock).toHaveBeenCalledTimes(1);
+    });
+
+    it('re-triggers haptic feedback when re-entering after an exit', () => {
+      const { getByTestId } = renderTrigger();
+
+      fireEvent.press(getByTestId('enter'));
+      fireEvent.press(getByTestId('exit'));
+      fireEvent.press(getByTestId('move'));
+
+      expect(impactAsyncMock).toHaveBeenCalledTimes(2);
+    });
+
+    it('does not trigger haptic feedback when dataLength is 0', () => {
+      const emptySeries = [
+        { id: 's1', stroke: '#7B61FF', data: [] as number[] },
+      ];
+      const { getByTestId } = renderTrigger(emptySeries);
+
+      fireEvent.press(getByTestId('enter'));
+
+      expect(impactAsyncMock).not.toHaveBeenCalled();
+    });
+  });
 });

package/src/lib/Components/Scrubber/ScrubberProvider.tsx

@@ -1,9 +1,11 @@
+import { triggerHapticFeedback } from '@ledgerhq/lumen-ui-rnative';
 import { useCallback, useMemo, useRef, useState } from 'react';
 import { StyleSheet, View } from 'react-native';
 import { Gesture, GestureDetector } from 'react-native-gesture-handler';
 import Animated, { useSharedValue } from 'react-native-reanimated';
 import { scheduleOnRN } from 'react-native-worklets';
 
+import { clamp } from '../../utils/numbers';
 import { useCartesianChartContext } from '../CartesianChart/context';
 import { useMagneticPointsContext } from '../Point/pointContext';
 import { ScrubberContextProvider } from './context';
@@ -77,19 +79,32 @@ export function ScrubberProvider({
   latest.current.magnetRadius = magnetRadius;
   latest.current.sortedMagnets = sortedMagnets;
 
+  const handleHapticFeedback = useCallback(
+    (ref: typeof latest.current, clamped: number | undefined) => {
+      if (ref.lastIndex === undefined && clamped !== undefined) {
+        triggerHapticFeedback('light');
+      }
+    },
+    [],
+  );
+
   const setScrubberPositionAndNotify = useCallback(
     (index: number | undefined) => {
       const ref = latest.current;
       const clamped =
         index === undefined || ref.dataLength <= 0
           ? undefined
-          : Math.max(0, Math.min(index, ref.dataLength - 1));
+          : clamp(index, 0, ref.dataLength - 1);
       if (clamped === ref.lastIndex) return;
+
+      handleHapticFeedback(ref, clamped);
+
       ref.lastIndex = clamped;
+
       setScrubberPosition(clamped);
       ref.onChange?.(clamped);
     },
-    [],
+    [handleHapticFeedback],
   );
 
   const handlePositionChange = useCallback(

package/src/lib/Components/Scrubber/utils.ts

@@ -1,3 +1,4 @@
+import { clamp } from '../../utils/numbers';
 import {
   getPointOnScale,
   isCategoricalScale,
@@ -71,7 +72,7 @@ export const getDataIndexFromPosition = (
     const offset =
       rangeStart + scale.paddingOuter() * step + scale.bandwidth() / 2;
     const index = Math.round((pixelX - offset) / step);
-    return Math.max(0, Math.min(index, dataLength - 1));
+    return clamp(index, 0, dataLength - 1);
   }
 
   if (isNumericScale(scale)) {
@@ -84,10 +85,7 @@ export const getDataIndexFromPosition = (
     }
 
     const inverted = scale.invert(pixelX);
-    return Math.max(
-      0,
-      Math.min(Math.round(inverted as number), dataLength - 1),
-    );
+    return clamp(Math.round(inverted as number), 0, dataLength - 1);
   }
 
   return 0;

package/src/lib/utils/index.ts

@@ -3,6 +3,7 @@ export type {
   CategoricalScale,
   ChartInset,
   ChartScaleFunction,
+  CurveType,
   DrawingArea,
   NumericScale,
   Series,

package/src/lib/utils/numbers.ts

@@ -0,0 +1,15 @@
+/**
+ * Type guard for a finite number. Narrows out `null`, `undefined`, `NaN` and
+ * `Infinity`, i.e. any value that cannot be projected to a valid coordinate or
+ * counted as a drawable data point.
+ */
+export const isFiniteNumber = (value: unknown): value is number =>
+  Number.isFinite(value);
+
+/**
+ * Constrains `value` to the inclusive `[min, max]` range. For a degenerate
+ * range where `min > max` (e.g. an index range `[0, length - 1]` for empty
+ * data), `min` takes precedence and is returned — matching `lodash.clamp`.
+ */
+export const clamp = (value: number, min: number, max: number): number =>
+  Math.max(Math.min(value, max), min);

package/src/lib/utils/ticks/ticks.ts

@@ -1,6 +1,6 @@
 import type { BaseAxisProps } from '../../Components/Axis';
 import { isCategoricalScale, isNumericScale } from '../scales/scales';
-import type { ChartScaleFunction, DrawingArea } from '../types';
+import type { ChartScaleFunction } from '../types';
 
 export const APPROXIMATE_TICK_COUNT = 5;
 
@@ -94,25 +94,3 @@ export const buildTicksData = (
     label: getTickLabel(tick, axisData, formatter),
   }));
 };
-
-/**
- * Excludes the X grid line at the Y-axis origin (left edge)
- * to prevent overlap with the Y-axis solid line.
- */
-export const isTickOnXAxisDomainEdge = (
-  tick: TickData,
-  drawingArea: DrawingArea,
-): boolean => {
-  return tick.position !== drawingArea.x;
-};
-
-/**
- * Excludes the Y grid line at the X-axis origin (bottom edge)
- * to prevent overlap with the X-axis solid line.
- */
-export const isTickOnYAxisDomainEdge = (
-  tick: TickData,
-  drawingArea: DrawingArea,
-): boolean => {
-  return tick.position !== drawingArea.y + drawingArea.height;
-};

package/src/lib/utils/types.ts

@@ -19,6 +19,26 @@ export type DrawingArea = {
   height: number;
 };
 
+/**
+ * Interpolation used to draw a line (and its area) between data points.
+ * Each value maps to a [d3-shape](https://d3js.org/d3-shape/curve) curve:
+ * - `'bump'` — smooth cubic curve with horizontal tangents (`curveBumpX`).
+ * - `'natural'` — natural cubic spline through every point (`curveNatural`).
+ * - `'monotone'` — smooth curve that preserves monotonicity (`curveMonotoneX`).
+ * - `'linear'` — straight segments between points (`curveLinear`).
+ * - `'step'` — stepped, piecewise-constant line (`curveStep`).
+ * - `'stepAfter'` — stepped line where changes occur after the x-coordinate (`curveStepAfter`).
+ * - `'stepBefore'` — stepped line where changes occur before the x-coordinate (`curveStepBefore`).
+ */
+export type CurveType =
+  | 'bump'
+  | 'natural'
+  | 'monotone'
+  | 'linear'
+  | 'step'
+  | 'stepAfter'
+  | 'stepBefore';
+
 export type Series = {
   /**
    * Unique identifier for the series.
@@ -33,9 +53,22 @@ export type Series = {
    */
   label?: string;
   /**
-   * CSS color applied to the series line/mark.
+   * Color applied to the series line/mark.
+   * @default border-muted
+   */
+  stroke?: string;
+  /**
+   * Interpolation used to draw the line between data points.
+   * @default 'bump'
+   */
+  curve?: CurveType;
+  /**
+   * When true, skips null values and draws a continuous line across gaps.
+   * When false (default), null values create gaps in the line.
+   * Overridden by the chart-level `connectNulls` prop when that is set.
+   * @default false
    */
-  stroke: string;
+  connectNulls?: boolean;
 };
 
 export type NumericScale =

package/dist/module/lib/Components/CartesianChart/RevealClip/RevealClipDefs.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["RuntimeConstants","useMemo","Animated","ClipPath","Defs","Rect","OVERFLOW_BUFFER","RevealClipContext","useComputeDataFingerprint","useRevealClipAnimation","jsx","_jsx","jsxs","_jsxs","DEFAULT_DURATION_IN_SECONDS","AnimatedRect","createAnimatedComponent","RevealClipDefs","children","drawingArea","series","animate","transitions","isDisabled","isAndroid","durationMs","enter","duration","dataFingerprint","clipId","animatedRectProps","contextValue","clipPathAttr","Provider","value","id","x","left","y","top","height","bottom","animatedProps"],"sourceRoot":"../../../../../../src","sources":["lib/Components/CartesianChart/RevealClip/RevealClipDefs.tsx"],"mappings":";;AAAA,SAASA,gBAAgB,QAAQ,4BAA4B;AAC7D,SAASC,OAAO,QAAQ,OAAO;AAE/B,OAAOC,QAAQ,MAAM,yBAAyB;AAC9C,SAASC,QAAQ,EAAEC,IAAI,EAAEC,IAAI,QAAQ,kBAAkB;AAEvD,SAASC,eAAe,QAAQ,aAAU;AAE1C,SAASC,iBAAiB,QAAQ,cAAW;AAE7C,SAASC,yBAAyB,EAAEC,sBAAsB,QAAQ,YAAS;AAAC,SAAAC,GAAA,IAAAC,IAAA,EAAAC,IAAA,IAAAC,KAAA;AAE5E,MAAMC,2BAA2B,GAAG,GAAG;AAEvC,MAAMC,YAAY,GAAGb,QAAQ,CAACc,uBAAuB,CAACX,IAAI,CAAC;AAE3D,OAAO,SAASY,cAAcA,CAAC;EAC7BC,QAAQ;EACRC,WAAW;EACXC,MAAM;EACNC,OAAO,GAAG,IAAI;EACdC;AACmB,CAAC,EAAE;EACtB;AACF;AACA;AACA;EACE,MAAMC,UAAU,GAAG,CAACF,OAAO,IAAIrB,gBAAgB,CAACwB,SAAS;EACzD,MAAMC,UAAU,GACd,CAACH,WAAW,EAAEI,KAAK,EAAEC,QAAQ,IAAIb,2BAA2B,IAAI,IAAI;EAEtE,MAAMc,eAAe,GAAGpB,yBAAyB,CAAC;IAAEY;EAAO,CAAC,CAAC;EAC7D,MAAM;IAAES,MAAM;IAAEC;EAAkB,CAAC,GAAGrB,sBAAsB,CAAC;IAC3DgB,UAAU;IACVN,WAAW;IACXS;EACF,CAAC,CAAC;EAEF,MAAMG,YAAY,GAAG9B,OAAO,CAC1B,OAAO;IAAE+B,YAAY,EAAE,QAAQH,MAAM;EAAI,CAAC,CAAC,EAC3C,CAACA,MAAM,CACT,CAAC;EAED,IAAIN,UAAU,EAAE;IACd,OAAOL,QAAQ;EACjB;EAEA,oBACEL,KAAA,CAACN,iBAAiB,CAAC0B,QAAQ;IAAuBC,KAAK,EAAEH,YAAa;IAAAb,QAAA,gBACpEP,IAAA,CAACP,IAAI;MAAAc,QAAA,eACHP,IAAA,CAACR,QAAQ;QAACgC,EAAE,EAAEN,MAAO;QAAAX,QAAA,eACnBP,IAAA,CAACI,YAAY;UACXqB,CAAC,EAAEjB,WAAW,CAACiB,CAAC,GAAG9B,eAAe,CAAC+B,IAAK;UACxCC,CAAC,EAAEnB,WAAW,CAACmB,CAAC,GAAGhC,eAAe,CAACiC,GAAI;UACvCC,MAAM,EACJrB,WAAW,CAACqB,MAAM,GAAGlC,eAAe,CAACiC,GAAG,GAAGjC,eAAe,CAACmC,MAC5D;UACDC,aAAa,EAAEZ;QAAkB,CAClC;MAAC,CACM;IAAC,CACP,CAAC,EACNZ,QAAQ;EAAA,GAbsBU,eAcL,CAAC;AAEjC","ignoreList":[]}

package/dist/module/lib/Components/CartesianChart/RevealClip/RevealClipDefs.test.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["describe","it","expect","ledgerLiveThemes","ThemeProvider","render","Svg","OVERFLOW_BUFFER","useRevealClip","RevealClipDefs","jsx","_jsx","drawingArea","x","y","width","height","series","id","stroke","data","ClipConsumer","clipPath","testID","renderInSvg","ui","themes","colorScheme","children","getByTestId","transitions","enter","duration","toBeTruthy","UNSAFE_root","clipPaths","findAllByType","length","toBeGreaterThan","rects","rect","props","toBe","left","top","bottom","consumer","findByProps","toMatch","animate","toHaveLength","toBeUndefined"],"sourceRoot":"../../../../../../src","sources":["lib/Components/CartesianChart/RevealClip/RevealClipDefs.test.tsx"],"mappings":"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","ignoreList":[]}

package/dist/module/lib/Components/CartesianChart/RevealClip/context.js

@@ -1,8 +0,0 @@
-"use strict";
-
-import { createContext, useContext } from 'react';
-export const RevealClipContext = /*#__PURE__*/createContext(undefined);
-export const useRevealClip = () => {
-  return useContext(RevealClipContext)?.clipPathAttr;
-};
-//# sourceMappingURL=context.js.map

package/dist/module/lib/Components/CartesianChart/RevealClip/context.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["createContext","useContext","RevealClipContext","undefined","useRevealClip","clipPathAttr"],"sourceRoot":"../../../../../../src","sources":["lib/Components/CartesianChart/RevealClip/context.ts"],"mappings":";;AAAA,SAASA,aAAa,EAAEC,UAAU,QAAQ,OAAO;AAMjD,OAAO,MAAMC,iBAAiB,gBAAGF,aAAa,CAE5CG,SAAS,CAAC;AAEZ,OAAO,MAAMC,aAAa,GAAGA,CAAA,KAA0B;EACrD,OAAOH,UAAU,CAACC,iBAAiB,CAAC,EAAEG,YAAY;AACpD,CAAC","ignoreList":[]}

package/dist/module/lib/Components/CartesianChart/RevealClip/index.js

@@ -1,5 +0,0 @@
-"use strict";
-
-export { RevealClipDefs } from "./RevealClipDefs.js";
-export { useRevealClip } from "./context.js";
-//# sourceMappingURL=index.js.map

package/dist/module/lib/Components/CartesianChart/RevealClip/index.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["RevealClipDefs","useRevealClip"],"sourceRoot":"../../../../../../src","sources":["lib/Components/CartesianChart/RevealClip/index.ts"],"mappings":";;AAAA,SAASA,cAAc,QAAQ,qBAAkB;AACjD,SAASC,aAAa,QAAQ,cAAW","ignoreList":[]}

package/dist/module/lib/Components/CartesianChart/RevealClip/types.js.map

@@ -1 +0,0 @@
-{"version":3,"names":[],"sourceRoot":"../../../../../../src","sources":["lib/Components/CartesianChart/RevealClip/types.ts"],"mappings":"","ignoreList":[]}

package/dist/module/lib/Components/CartesianChart/RevealClip/utils.js

@@ -1,32 +0,0 @@
-"use strict";
-
-import { useEffect, useId } from 'react';
-import { useAnimatedProps, useSharedValue, withTiming } from 'react-native-reanimated';
-import { OVERFLOW_BUFFER } from "../utils.js";
-export const useRevealClipAnimation = ({
-  durationMs,
-  drawingArea,
-  dataFingerprint
-}) => {
-  const clipId = useId();
-  const width = useSharedValue(0);
-  useEffect(() => {
-    width.value = 0;
-    width.value = withTiming(drawingArea.width + OVERFLOW_BUFFER.left + OVERFLOW_BUFFER.right, {
-      duration: durationMs
-    });
-  }, [drawingArea.width, durationMs, width, dataFingerprint]);
-  const animatedRectProps = useAnimatedProps(() => ({
-    width: width.value
-  }));
-  return {
-    clipId,
-    animatedRectProps
-  };
-};
-export const useComputeDataFingerprint = ({
-  series
-}) => {
-  return series.map(s => s.data?.join(',') ?? '').join('|');
-};
-//# sourceMappingURL=utils.js.map

package/dist/module/lib/Components/CartesianChart/RevealClip/utils.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["useEffect","useId","useAnimatedProps","useSharedValue","withTiming","OVERFLOW_BUFFER","useRevealClipAnimation","durationMs","drawingArea","dataFingerprint","clipId","width","value","left","right","duration","animatedRectProps","useComputeDataFingerprint","series","map","s","data","join"],"sourceRoot":"../../../../../../src","sources":["lib/Components/CartesianChart/RevealClip/utils.ts"],"mappings":";;AAAA,SAASA,SAAS,EAAEC,KAAK,QAAQ,OAAO;AACxC,SACEC,gBAAgB,EAChBC,cAAc,EACdC,UAAU,QACL,yBAAyB;AAGhC,SAASC,eAAe,QAAQ,aAAU;AAa1C,OAAO,MAAMC,sBAAsB,GAAGA,CAAC;EACrCC,UAAU;EACVC,WAAW;EACXC;AACyB,CAAC,KAAgC;EAC1D,MAAMC,MAAM,GAAGT,KAAK,CAAC,CAAC;EACtB,MAAMU,KAAK,GAAGR,cAAc,CAAC,CAAC,CAAC;EAE/BH,SAAS,CAAC,MAAM;IACdW,KAAK,CAACC,KAAK,GAAG,CAAC;IACfD,KAAK,CAACC,KAAK,GAAGR,UAAU,CACtBI,WAAW,CAACG,KAAK,GAAGN,eAAe,CAACQ,IAAI,GAAGR,eAAe,CAACS,KAAK,EAChE;MAAEC,QAAQ,EAAER;IAAW,CACzB,CAAC;EACH,CAAC,EAAE,CAACC,WAAW,CAACG,KAAK,EAAEJ,UAAU,EAAEI,KAAK,EAAEF,eAAe,CAAC,CAAC;EAE3D,MAAMO,iBAAiB,GAAGd,gBAAgB,CAAC,OAAO;IAChDS,KAAK,EAAEA,KAAK,CAACC;EACf,CAAC,CAAC,CAAC;EAEH,OAAO;IAAEF,MAAM;IAAEM;EAAkB,CAAC;AACtC,CAAC;AAED,OAAO,MAAMC,yBAAyB,GAAGA,CAAC;EACxCC;AAGF,CAAC,KAAa;EACZ,OAAOA,MAAM,CAACC,GAAG,CAAEC,CAAC,IAAKA,CAAC,CAACC,IAAI,EAAEC,IAAI,CAAC,GAAG,CAAC,IAAI,EAAE,CAAC,CAACA,IAAI,CAAC,GAAG,CAAC;AAC7D,CAAC","ignoreList":[]}

package/dist/typescript/src/lib/Components/CartesianChart/RevealClip/RevealClipDefs.d.ts

@@ -1,3 +0,0 @@
-import type { RevealClipDefsProps } from './types';
-export declare function RevealClipDefs({ children, drawingArea, series, animate, transitions, }: RevealClipDefsProps): string | number | bigint | boolean | Iterable<import("react").ReactNode> | Promise<string | number | bigint | boolean | import("react").ReactPortal | import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>> | Iterable<import("react").ReactNode> | null | undefined> | import("react/jsx-runtime").JSX.Element | null | undefined;
-//# sourceMappingURL=RevealClipDefs.d.ts.map

package/dist/typescript/src/lib/Components/CartesianChart/RevealClip/RevealClipDefs.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"RevealClipDefs.d.ts","sourceRoot":"","sources":["../../../../../../../src/lib/Components/CartesianChart/RevealClip/RevealClipDefs.tsx"],"names":[],"mappings":"AASA,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,SAAS,CAAC;AAOnD,wBAAgB,cAAc,CAAC,EAC7B,QAAQ,EACR,WAAW,EACX,MAAM,EACN,OAAc,EACd,WAAW,GACZ,EAAE,mBAAmB,2WA0CrB"}

package/dist/typescript/src/lib/Components/CartesianChart/RevealClip/context.d.ts

@@ -1,7 +0,0 @@
-type RevealClipContextValue = {
-    clipPathAttr: string;
-};
-export declare const RevealClipContext: import("react").Context<RevealClipContextValue | undefined>;
-export declare const useRevealClip: () => string | undefined;
-export {};
-//# sourceMappingURL=context.d.ts.map

package/dist/typescript/src/lib/Components/CartesianChart/RevealClip/context.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"context.d.ts","sourceRoot":"","sources":["../../../../../../../src/lib/Components/CartesianChart/RevealClip/context.ts"],"names":[],"mappings":"AAEA,KAAK,sBAAsB,GAAG;IAC5B,YAAY,EAAE,MAAM,CAAC;CACtB,CAAC;AAEF,eAAO,MAAM,iBAAiB,6DAElB,CAAC;AAEb,eAAO,MAAM,aAAa,QAAO,MAAM,GAAG,SAEzC,CAAC"}

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

@@ -1,3 +0,0 @@
-export { RevealClipDefs } from './RevealClipDefs';
-export { useRevealClip } from './context';
-//# sourceMappingURL=index.d.ts.map