@ledgerhq/lumen-ui-rnative-visualization 0.1.18 → 0.1.20

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

@@ -20,7 +20,7 @@ import type {
   NumericScale,
 } from '../../utils/types';
 
-type Point = [x: number, y: number];
+type Point = [x: number, y: number | null];
 
 /**
  * Maps the public `CurveType` values to their d3-shape curve factories.
@@ -41,8 +41,7 @@ const getCurveFactory = (curve: CurveType = DEFAULT_CURVE): CurveFactory =>
   CURVE_FACTORIES[curve] ?? CURVE_FACTORIES[DEFAULT_CURVE];
 
 /**
- * Project series data into scaled [x, y] pixel coordinates, skipping any
- * non-finite entries.
+ * Project series data into scaled [x, y] pixel coordinates.
  *
  * When `xData` contains numeric values, those values are fed into the scale
  * instead of the array index so the points honour a numeric X domain.
@@ -50,19 +49,28 @@ const getCurveFactory = (curve: CurveType = DEFAULT_CURVE): CurveFactory =>
  * When `xData` is provided, iteration is capped at `xData.length` so a series
  * with more points than the axis has labels does not overflow past the right
  * edge of the chart. The axis is treated as authoritative for the X domain.
+ *
+ * Non-finite values (e.g. `null`) are handled according to `connectNulls`:
+ * - `false` (default): kept as `[x, null]` holes so the line/area break into
+ *   gaps via the generators' `.defined()` check.
+ * - `true`: skipped entirely so the line is drawn continuously across gaps.
  */
 export const toScaledPoints = (
   data: (number | null)[],
   xScale: ChartScaleFunction,
   yScale: NumericScale,
   xData?: readonly (string | number)[],
+  connectNulls = false,
 ): Point[] | null => {
   const pts: Point[] = [];
   const limit = xData ? Math.min(data.length, xData.length) : data.length;
+  let finiteCount = 0;
 
   for (let i = 0; i < limit; i++) {
     const value = data[i];
-    if (!isFiniteNumber(value)) continue;
+    const isFiniteValue = isFiniteNumber(value);
+
+    if (!isFiniteValue && connectNulls) continue;
 
     const xInput =
       xData && typeof xData[i] === 'number' ? (xData[i] as number) : i;
@@ -70,12 +78,17 @@ export const toScaledPoints = (
     const x = isCategoricalScale(xScale)
       ? (xScale(xInput) ?? 0) + xScale.bandwidth() / 2
       : xScale(xInput);
-    const y = yScale(value);
 
-    pts.push([x as number, y]);
+    if (!isFiniteValue) {
+      pts.push([x as number, null]);
+      continue;
+    }
+
+    pts.push([x as number, yScale(value)]);
+    finiteCount++;
   }
 
-  return pts.length >= 2 ? pts : null;
+  return finiteCount >= 2 ? pts : null;
 };
 
 /**
@@ -87,8 +100,9 @@ export const buildLinePath = (
 ): string | null => {
   return (
     line<Point>()
+      .defined((d) => d[1] !== null)
       .x((d) => d[0])
-      .y((d) => d[1])
+      .y((d) => d[1] as number)
       .curve(getCurveFactory(curve))(points) ?? null
   );
 };
@@ -105,9 +119,10 @@ export const buildAreaPath = (
 
   return (
     area<Point>()
+      .defined((d) => d[1] !== null)
       .x((d) => d[0])
       .y0(yBottom)
-      .y1((d) => d[1])
+      .y1((d) => d[1] as number)
       .curve(getCurveFactory(curve))(points) ?? null
   );
 };

package/src/lib/Components/LineChart/LineChart.test.tsx

@@ -319,4 +319,75 @@ describe('LineChart', () => {
       expect(queryByTestId('chart-empty-label')).toBeNull();
     });
   });
+
+  describe('null gaps and connectNulls', () => {
+    const gappedSeries = [
+      {
+        id: 'gapped',
+        stroke: '#000',
+        data: [10, 20, null, 40, 50],
+        curve: 'linear' as const,
+      },
+    ];
+
+    const countMoves = (d: string): number => d.match(/M/g)?.length ?? 0;
+
+    it('breaks the line into segments at null values by default', () => {
+      const { getByTestId } = render(
+        <LineChartWrapper>
+          <LineChart series={gappedSeries} width={400} height={200} />
+        </LineChartWrapper>,
+      );
+
+      const d = getByTestId('line-path').props.d as string;
+      expect(countMoves(d)).toBe(2);
+    });
+
+    it('connects across nulls when connectNulls is set on the chart', () => {
+      const { getByTestId } = render(
+        <LineChartWrapper>
+          <LineChart
+            series={gappedSeries}
+            width={400}
+            height={200}
+            connectNulls
+          />
+        </LineChartWrapper>,
+      );
+
+      const d = getByTestId('line-path').props.d as string;
+      expect(countMoves(d)).toBe(1);
+    });
+
+    it('honours connectNulls set per-series', () => {
+      const { getByTestId } = render(
+        <LineChartWrapper>
+          <LineChart
+            series={[{ ...gappedSeries[0], connectNulls: true }]}
+            width={400}
+            height={200}
+          />
+        </LineChartWrapper>,
+      );
+
+      const d = getByTestId('line-path').props.d as string;
+      expect(countMoves(d)).toBe(1);
+    });
+
+    it('lets the chart-level prop override the per-series value', () => {
+      const { getByTestId } = render(
+        <LineChartWrapper>
+          <LineChart
+            series={[{ ...gappedSeries[0], connectNulls: true }]}
+            width={400}
+            height={200}
+            connectNulls={false}
+          />
+        </LineChartWrapper>,
+      );
+
+      const d = getByTestId('line-path').props.d as string;
+      expect(countMoves(d)).toBe(2);
+    });
+  });
 });

package/src/lib/Components/LineChart/LineChart.tsx

@@ -1,3 +1,4 @@
+import { useTheme } from '@ledgerhq/lumen-ui-rnative';
 import { useMemo } from 'react';
 import Animated from 'react-native-reanimated';
 import { G } from 'react-native-svg';
@@ -15,6 +16,7 @@ import type {
   LineChartContentProps,
   LineChartLinesProps,
   LineChartProps,
+  LineChartTransitionLinesProps,
 } from './types';
 import {
   canRenderLine,
@@ -28,6 +30,8 @@ const LineChartLines = ({
   series,
   showArea,
   areaType,
+  stroke,
+  connectNulls,
 }: Readonly<LineChartLinesProps>) => {
   return (
     <>
@@ -35,9 +39,10 @@ const LineChartLines = ({
         <Line
           key={s.id}
           seriesId={s.id}
-          stroke={s.stroke}
+          stroke={stroke ?? s.stroke}
           showArea={showArea}
           areaType={areaType}
+          connectNulls={connectNulls}
         />
       ))}
     </>
@@ -48,12 +53,20 @@ const LineChartTransitionLines = ({
   series,
   showArea,
   areaType,
-}: Readonly<LineChartLinesProps>) => {
+  connectNulls,
+}: Readonly<LineChartTransitionLinesProps>) => {
+  const { theme } = useTheme();
   const { animatedProps } = useShimmerAnimation();
 
   return (
     <AnimatedG animatedProps={animatedProps}>
-      <LineChartLines series={series} showArea={showArea} areaType={areaType} />
+      <LineChartLines
+        series={series}
+        showArea={showArea}
+        areaType={areaType}
+        stroke={theme.colors.border.mutedSubtle}
+        connectNulls={connectNulls}
+      />
     </AnimatedG>
   );
 };
@@ -67,6 +80,7 @@ const LineChartContent = ({
   xAxisConfig,
   yAxisConfig,
   isTransitionLoading,
+  connectNulls,
   children,
 }: Readonly<LineChartContentProps>) => {
   return (
@@ -78,12 +92,14 @@ const LineChartContent = ({
           series={series}
           showArea={showArea}
           areaType={areaType}
+          connectNulls={connectNulls}
         />
       ) : (
         <LineChartLines
           series={series}
           showArea={showArea}
           areaType={areaType}
+          connectNulls={connectNulls}
         />
       )}
       {children}
@@ -109,6 +125,7 @@ export const LineChart = ({
   magnetRadius,
   loading = false,
   emptyLabel = 'No data',
+  connectNulls,
 }: Readonly<LineChartProps>) => {
   const xAxisConfig = {
     ...defaultXAxisProps,
@@ -182,6 +199,7 @@ export const LineChart = ({
           xAxisConfig={xAxisConfig}
           yAxisConfig={yAxisConfig}
           isTransitionLoading={isTransitionLoading}
+          connectNulls={connectNulls}
         >
           {children}
         </LineChartContent>

package/src/lib/Components/LineChart/LineChartEmptyState/LineChartEmptyState.tsx

@@ -4,7 +4,7 @@ import { G, Line as SvgLine, Path } from 'react-native-svg';
 
 import { useCartesianChartContext } from '../../CartesianChart/context';
 import { useShimmerAnimation } from '../../CartesianChart/hooks/useShimmerAnimation';
-import { useRevealClip } from '../../CartesianChart/RevealClip';
+import { usePathReveal } from '../../CartesianChart/RevealAnimation';
 
 import type { LineChartEmptyStateProps } from './types';
 import { buildPlaceholderTransform, PLACEHOLDER_LINE_PATH } from './utils';
@@ -27,7 +27,7 @@ export function LineChartEmptyState({
   const { drawingArea } = useCartesianChartContext();
   const { theme } = useTheme();
   const { animatedProps } = useShimmerAnimation(loading);
-  const clipPath = useRevealClip();
+  const clipPath = usePathReveal();
 
   if (drawingArea.width <= 0 || drawingArea.height <= 0) {
     return null;

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

@@ -100,6 +100,13 @@ export type LineChartProps = {
    * @default 'No data'
    */
   emptyLabel?: string;
+  /**
+   * Chart-wide override controlling how null values are handled across all lines.
+   * When true, skips null values and draws continuous lines across gaps.
+   * When false, null values create gaps in the lines.
+   * When omitted, each series' own `connectNulls` value is used (defaulting to `false`).
+   */
+  connectNulls?: boolean;
 };
 
 /**
@@ -107,10 +114,17 @@ export type LineChartProps = {
  * sub-components. Derived from {@link LineChartProps} so the option types stay
  * in sync.
  */
-export type LineChartLinesProps = Required<
+type LineSeriesRenderProps = Required<
   Pick<LineChartProps, 'series' | 'showArea' | 'areaType'>
 >;
 
+export type LineChartLinesProps = LineSeriesRenderProps &
+  Pick<LineChartProps, 'connectNulls'> & {
+    stroke?: string;
+  };
+
+export type LineChartTransitionLinesProps = Omit<LineChartLinesProps, 'stroke'>;
+
 export type LineChartContentProps = LineChartLinesProps &
   Required<Pick<LineChartProps, 'showXAxis' | 'showYAxis'>> &
   Pick<LineChartProps, 'children'> & {

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/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,3 +1,4 @@
+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';
@@ -78,6 +79,15 @@ 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;
@@ -86,11 +96,15 @@ export function ScrubberProvider({
           ? undefined
           : 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/utils/types.ts

@@ -62,6 +62,13 @@ export type Series = {
    * @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
+   */
+  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","useDataFingerprint","useRevealClipAnimation","OVERFLOW_BUFFER","RevealClipContext","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,kBAAkB,QAAQ,gCAA6B;AAChE,SAASC,sBAAsB,QAAQ,oCAAiC;AACxE,SAASC,eAAe,QAAQ,aAAU;AAE1C,SAASC,iBAAiB,QAAQ,cAAW;AAAC,SAAAC,GAAA,IAAAC,IAAA,EAAAC,IAAA,IAAAC,KAAA;AAG9C,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,GAAGtB,kBAAkB,CAACc,MAAM,CAAC;EAClD,MAAM;IAAES,MAAM;IAAEC;EAAkB,CAAC,GAAGvB,sBAAsB,CAAC;IAC3DkB,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,CAACJ,iBAAiB,CAACwB,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,GAAG5B,eAAe,CAAC6B,IAAK;UACxCC,CAAC,EAAEnB,WAAW,CAACmB,CAAC,GAAG9B,eAAe,CAAC+B,GAAI;UACvCC,MAAM,EACJrB,WAAW,CAACqB,MAAM,GAAGhC,eAAe,CAAC+B,GAAG,GAAG/B,eAAe,CAACiC,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/hooks/useDataFingerprint.js

@@ -1,13 +0,0 @@
-"use strict";
-
-import { useMemo } from 'react';
-/**
- * Stable signature of every series' data points, memoized on the `series`
- * reference. Used to key the reveal-clip provider so the reveal animation only
- * replays when the underlying data actually changes — not on unrelated
- * re-renders such as scrubbing or hover.
- */
-export const useDataFingerprint = series => {
-  return useMemo(() => series.map(s => s.data?.join(',') ?? '').join('|'), [series]);
-};
-//# sourceMappingURL=useDataFingerprint.js.map

package/dist/module/lib/Components/CartesianChart/hooks/useDataFingerprint.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["useMemo","useDataFingerprint","series","map","s","data","join"],"sourceRoot":"../../../../../../src","sources":["lib/Components/CartesianChart/hooks/useDataFingerprint.ts"],"mappings":";;AAAA,SAASA,OAAO,QAAQ,OAAO;AAI/B;AACA;AACA;AACA;AACA;AACA;AACA,OAAO,MAAMC,kBAAkB,GAAIC,MAAgB,IAAa;EAC9D,OAAOF,OAAO,CACZ,MAAME,MAAM,CAACC,GAAG,CAAEC,CAAC,IAAKA,CAAC,CAACC,IAAI,EAAEC,IAAI,CAAC,GAAG,CAAC,IAAI,EAAE,CAAC,CAACA,IAAI,CAAC,GAAG,CAAC,EAC1D,CAACJ,MAAM,CACT,CAAC;AACH,CAAC","ignoreList":[]}

package/dist/module/lib/Components/CartesianChart/hooks/useRevealClipAnimation.js

@@ -1,27 +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
-  };
-};
-//# sourceMappingURL=useRevealClipAnimation.js.map

package/dist/module/lib/Components/CartesianChart/hooks/useRevealClipAnimation.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"],"sourceRoot":"../../../../../../src","sources":["lib/Components/CartesianChart/hooks/useRevealClipAnimation.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","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":"AAWA,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,SAAS,CAAC;AAMnD,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

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

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../../src/lib/Components/CartesianChart/RevealClip/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAClD,OAAO,EAAE,aAAa,EAAE,MAAM,WAAW,CAAC"}

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

@@ -1 +0,0 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../../../../src/lib/Components/CartesianChart/RevealClip/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEvC,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,EAAE,MAAM,sBAAsB,CAAC;AAEhE,MAAM,MAAM,qBAAqB,GAAG;IAClC;;OAEG;IACH,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB;;;OAGG;IACH,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB,CAAC;AAEF,MAAM,MAAM,mBAAmB,GAAG;IAChC,QAAQ,EAAE,SAAS,CAAC;IACpB;;OAEG;IACH,WAAW,EAAE,WAAW,CAAC;IACzB;;;OAGG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB;;;OAGG;IACH,WAAW,CAAC,EAAE;QAAE,KAAK,CAAC,EAAE,qBAAqB,CAAA;KAAE,CAAC;IAChD;;;OAGG;IACH,MAAM,EAAE,MAAM,EAAE,CAAC;CAClB,CAAC"}