@ledgerhq/lumen-ui-rnative-visualization 0.1.2 → 0.1.4

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

@@ -0,0 +1,75 @@
+"use strict";
+
+import { useMemo } from 'react';
+import { computeDataLength, computeXDomain, computeYDomain } from "../../../utils/domain/domain.js";
+import { getCategoricalScale, getNumericScale, isBandScaleType } from "../../../utils/scales/scales.js";
+export const computeAxisRange = drawingArea => ({
+  xRange: {
+    min: drawingArea.x,
+    max: drawingArea.x + drawingArea.width
+  },
+  yRange: {
+    min: drawingArea.y + drawingArea.height,
+    max: drawingArea.y
+  }
+});
+export const buildScale = (domain, range, scaleType = 'linear') => isBandScaleType(scaleType) ? getCategoricalScale({
+  domain,
+  range
+}) : getNumericScale({
+  scaleType,
+  domain,
+  range
+});
+export const computeDrawingArea = (width, height, inset, axisPadding) => {
+  const totalInset = {
+    top: inset.top + axisPadding.top,
+    right: inset.right + axisPadding.right,
+    bottom: inset.bottom + axisPadding.bottom,
+    left: inset.left + axisPadding.left
+  };
+  return {
+    x: totalInset.left,
+    y: totalInset.top,
+    width: Math.max(0, width - totalInset.left - totalInset.right),
+    height: Math.max(0, height - totalInset.top - totalInset.bottom)
+  };
+};
+export const useBuildChartContext = ({
+  series,
+  xAxis,
+  yAxis,
+  width,
+  height,
+  inset,
+  axisPadding
+}) => {
+  const drawingArea = useMemo(() => computeDrawingArea(width, height, inset, axisPadding), [width, height, inset, axisPadding]);
+  return useMemo(() => {
+    const {
+      xRange,
+      yRange
+    } = computeAxisRange(drawingArea);
+    let xScale;
+    let yScale;
+    if (drawingArea.width > 0 && drawingArea.height > 0) {
+      const xDomain = computeXDomain(series, xAxis);
+      const yDomain = computeYDomain(series, yAxis);
+      xScale = buildScale(xDomain, xRange, xAxis?.scaleType);
+      yScale = buildScale(yDomain, yRange, yAxis?.scaleType);
+    }
+    const dataLength = computeDataLength(series, xAxis);
+    const seriesMap = new Map(series.map(s => [s.id, s]));
+    return {
+      series,
+      seriesMap,
+      getXScale: _id => xScale,
+      getYScale: _id => yScale,
+      getXAxisConfig: _id => xAxis,
+      getYAxisConfig: _id => yAxis,
+      drawingArea,
+      dataLength
+    };
+  }, [series, xAxis, yAxis, drawingArea]);
+};
+//# sourceMappingURL=useBuildChartContext.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["useMemo","computeDataLength","computeXDomain","computeYDomain","getCategoricalScale","getNumericScale","isBandScaleType","computeAxisRange","drawingArea","xRange","min","x","max","width","yRange","y","height","buildScale","domain","range","scaleType","computeDrawingArea","inset","axisPadding","totalInset","top","right","bottom","left","Math","useBuildChartContext","series","xAxis","yAxis","xScale","yScale","xDomain","yDomain","dataLength","seriesMap","Map","map","s","id","getXScale","_id","getYScale","getXAxisConfig","getYAxisConfig"],"sourceRoot":"../../../../../../src","sources":["lib/Components/CartesianChart/context/useBuildChartContext.ts"],"mappings":"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","ignoreList":[]}

package/dist/module/lib/Components/CartesianChart/context/useBuildChartContext.test.js

@@ -0,0 +1,279 @@
+"use strict";
+
+import { describe, expect, it } from '@jest/globals';
+import { renderHook } from '@testing-library/react-native';
+import { isCategoricalScale, isNumericScale } from "../../../utils/scales/scales.js";
+import { buildScale, computeAxisRange, computeDrawingArea, useBuildChartContext } from "./useBuildChartContext.js";
+const makeSeries = data => ({
+  id: 'test',
+  stroke: '#000',
+  data
+});
+const DEFAULT_INSET = {
+  top: 0,
+  right: 0,
+  bottom: 0,
+  left: 0
+};
+const ZERO_PADDING = {
+  top: 0,
+  right: 0,
+  bottom: 0,
+  left: 0
+};
+const hookParams = (overrides = {}) => ({
+  series: [makeSeries([10, 20, 30])],
+  width: 400,
+  height: 200,
+  inset: DEFAULT_INSET,
+  axisPadding: ZERO_PADDING,
+  ...overrides
+});
+describe('computeAxisRange', () => {
+  it('computes x range from drawing area', () => {
+    const {
+      xRange
+    } = computeAxisRange({
+      x: 10,
+      y: 0,
+      width: 100,
+      height: 50
+    });
+    expect(xRange).toEqual({
+      min: 10,
+      max: 110
+    });
+  });
+  it('inverts y range for SVG coordinates', () => {
+    const {
+      yRange
+    } = computeAxisRange({
+      x: 0,
+      y: 10,
+      width: 100,
+      height: 200
+    });
+    expect(yRange).toEqual({
+      min: 210,
+      max: 10
+    });
+  });
+});
+describe('buildScale', () => {
+  const range = {
+    min: 0,
+    max: 400
+  };
+  it('builds a numeric linear scale by default', () => {
+    const scale = buildScale({
+      min: 0,
+      max: 100
+    }, range);
+    expect(isNumericScale(scale)).toBe(true);
+  });
+  it('builds a numeric log scale', () => {
+    const scale = buildScale({
+      min: 1,
+      max: 100
+    }, range, 'log');
+    expect(isNumericScale(scale)).toBe(true);
+  });
+  it('builds a categorical band scale', () => {
+    const scale = buildScale({
+      min: 0,
+      max: 2
+    }, range, 'band');
+    expect(isCategoricalScale(scale)).toBe(true);
+  });
+});
+describe('computeDrawingArea', () => {
+  it('subtracts inset from available space', () => {
+    const inset = {
+      top: 10,
+      right: 20,
+      bottom: 30,
+      left: 40
+    };
+    const area = computeDrawingArea(400, 200, inset, ZERO_PADDING);
+    expect(area).toEqual({
+      x: 40,
+      y: 10,
+      width: 340,
+      height: 160
+    });
+  });
+  it('combines inset and axis padding', () => {
+    const inset = {
+      top: 5,
+      right: 5,
+      bottom: 5,
+      left: 5
+    };
+    const axisPad = {
+      top: 0,
+      right: 0,
+      bottom: 28,
+      left: 40
+    };
+    const area = computeDrawingArea(400, 200, inset, axisPad);
+    expect(area).toEqual({
+      x: 45,
+      y: 5,
+      width: 350,
+      height: 162
+    });
+  });
+  it('clamps negative dimensions to zero', () => {
+    const huge = {
+      top: 100,
+      right: 100,
+      bottom: 100,
+      left: 100
+    };
+    const area = computeDrawingArea(50, 50, huge, ZERO_PADDING);
+    expect(area.width).toBe(0);
+    expect(area.height).toBe(0);
+  });
+});
+
+// ---------------------------------------------------------------------------
+// Hook integration tests
+// ---------------------------------------------------------------------------
+
+describe('useBuildChartContext', () => {
+  it('returns undefined scales when drawing area is zero', () => {
+    const {
+      result
+    } = renderHook(() => useBuildChartContext(hookParams({
+      width: 0,
+      height: 0
+    })));
+    expect(result.current.getXScale()).toBeUndefined();
+    expect(result.current.getYScale()).toBeUndefined();
+  });
+  it('creates linear scales by default', () => {
+    const {
+      result
+    } = renderHook(() => useBuildChartContext(hookParams()));
+    const xScale = result.current.getXScale();
+    const yScale = result.current.getYScale();
+    expect(xScale).toBeDefined();
+    expect(yScale).toBeDefined();
+    expect(isNumericScale(xScale)).toBe(true);
+    expect(isNumericScale(yScale)).toBe(true);
+  });
+  it('creates a band scale when scaleType is band', () => {
+    const {
+      result
+    } = renderHook(() => useBuildChartContext(hookParams({
+      xAxis: {
+        scaleType: 'band'
+      }
+    })));
+    expect(isCategoricalScale(result.current.getXScale())).toBe(true);
+  });
+  it('computes data length from series', () => {
+    const {
+      result
+    } = renderHook(() => useBuildChartContext(hookParams({
+      series: [makeSeries([1, 2, 3, 4, 5])]
+    })));
+    expect(result.current.dataLength).toBe(5);
+  });
+  it('computes data length from axis data when provided', () => {
+    const {
+      result
+    } = renderHook(() => useBuildChartContext(hookParams({
+      xAxis: {
+        data: ['Mon', 'Tue', 'Wed', 'Thu', 'Fri']
+      }
+    })));
+    expect(result.current.dataLength).toBe(5);
+  });
+  it('applies domain overrides', () => {
+    const {
+      result
+    } = renderHook(() => useBuildChartContext(hookParams({
+      yAxis: {
+        domain: {
+          min: 0,
+          max: 100
+        }
+      }
+    })));
+    const yScale = result.current.getYScale();
+    expect(isNumericScale(yScale)).toBe(true);
+    expect(yScale.domain()).toEqual([0, 100]);
+  });
+  it('applies domain function overrides', () => {
+    const {
+      result
+    } = renderHook(() => useBuildChartContext(hookParams({
+      yAxis: {
+        domain: bounds => ({
+          min: bounds.min - 5,
+          max: bounds.max + 5
+        })
+      }
+    })));
+    const domain = result.current.getYScale().domain();
+    expect(domain[0]).toBe(0);
+    expect(domain[1]).toBe(40);
+  });
+  it('inverts Y range for SVG coordinates', () => {
+    const {
+      result
+    } = renderHook(() => useBuildChartContext(hookParams({
+      inset: {
+        top: 10,
+        right: 0,
+        bottom: 0,
+        left: 0
+      }
+    })));
+    const yScale = result.current.getYScale();
+    const range = yScale.range();
+    expect(range[0]).toBeGreaterThan(range[1]);
+  });
+  it('exposes series and axis configs', () => {
+    const series = [makeSeries([1, 2])];
+    const xAxis = {
+      scaleType: 'linear'
+    };
+    const {
+      result
+    } = renderHook(() => useBuildChartContext(hookParams({
+      series,
+      xAxis
+    })));
+    expect(result.current.series).toBe(series);
+    expect(result.current.getXAxisConfig()).toBe(xAxis);
+  });
+  it('builds a seriesMap for lookups', () => {
+    const series = [makeSeries([1, 2])];
+    const {
+      result
+    } = renderHook(() => useBuildChartContext(hookParams({
+      series
+    })));
+    expect(result.current.seriesMap.get('test')).toBe(series[0]);
+    expect(result.current.seriesMap.size).toBe(1);
+  });
+  it('applies static axisPadding to drawingArea', () => {
+    const axisPadding = {
+      top: 0,
+      right: 0,
+      bottom: 28,
+      left: 40
+    };
+    const {
+      result
+    } = renderHook(() => useBuildChartContext(hookParams({
+      axisPadding
+    })));
+    expect(result.current.drawingArea.x).toBe(40);
+    expect(result.current.drawingArea.width).toBe(400 - 40);
+    expect(result.current.drawingArea.height).toBe(200 - 28);
+  });
+});
+//# sourceMappingURL=useBuildChartContext.test.js.map

package/dist/module/lib/Components/CartesianChart/context/useBuildChartContext.test.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["describe","expect","it","renderHook","isCategoricalScale","isNumericScale","buildScale","computeAxisRange","computeDrawingArea","useBuildChartContext","makeSeries","data","id","stroke","DEFAULT_INSET","top","right","bottom","left","ZERO_PADDING","hookParams","overrides","series","width","height","inset","axisPadding","xRange","x","y","toEqual","min","max","yRange","range","scale","toBe","area","axisPad","huge","result","current","getXScale","toBeUndefined","getYScale","xScale","yScale","toBeDefined","xAxis","scaleType","dataLength","yAxis","domain","bounds","toBeGreaterThan","getXAxisConfig","seriesMap","get","size","drawingArea"],"sourceRoot":"../../../../../../src","sources":["lib/Components/CartesianChart/context/useBuildChartContext.test.ts"],"mappings":"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","ignoreList":[]}

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

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

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

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

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

@@ -0,0 +1,4 @@
+"use strict";
+
+export {};
+//# sourceMappingURL=types.js.map

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

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

package/dist/module/lib/Components/Line/Line.js

@@ -0,0 +1,72 @@
+"use strict";
+
+import { useId, useMemo } from 'react';
+import { Defs, LinearGradient, Path, Stop } from 'react-native-svg';
+import { isNumericScale } from "../../utils/scales/scales.js";
+import { useCartesianChartContext } from "../CartesianChart/context/index.js";
+import { buildAreaPath, buildLinePath, toScaledPoints } from "./utils.js";
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+const STROKE_WIDTH = 2;
+const AREA_GRADIENT_OPACITY = 0.2;
+export const Line = ({
+  seriesId,
+  stroke,
+  showArea = false,
+  areaType: _areaType = 'gradient'
+}) => {
+  const {
+    getXScale,
+    getYScale,
+    getXAxisConfig,
+    drawingArea,
+    seriesMap
+  } = useCartesianChartContext();
+  const xScale = getXScale();
+  const yScale = getYScale();
+  const xAxisConfig = getXAxisConfig();
+  const gradientId = useId();
+  const seriesData = seriesMap.get(seriesId);
+  const resolvedStroke = stroke ?? seriesData?.stroke;
+  const points = useMemo(() => seriesData?.data && xScale && yScale && isNumericScale(yScale) ? toScaledPoints(seriesData.data, xScale, yScale, xAxisConfig?.data) : null, [seriesData, xScale, yScale, xAxisConfig]);
+  const linePath = useMemo(() => points ? buildLinePath(points) : null, [points]);
+  const areaPath = useMemo(() => showArea && points && drawingArea ? buildAreaPath(points, drawingArea) : null, [showArea, points, drawingArea]);
+  if (!linePath) {
+    return null;
+  }
+  return /*#__PURE__*/_jsxs(_Fragment, {
+    children: [showArea && areaPath && resolvedStroke && /*#__PURE__*/_jsxs(_Fragment, {
+      children: [/*#__PURE__*/_jsx(Defs, {
+        children: /*#__PURE__*/_jsxs(LinearGradient, {
+          id: gradientId,
+          x1: "0",
+          y1: "0",
+          x2: "0",
+          y2: "1",
+          children: [/*#__PURE__*/_jsx(Stop, {
+            offset: "0%",
+            stopColor: resolvedStroke,
+            stopOpacity: AREA_GRADIENT_OPACITY
+          }), /*#__PURE__*/_jsx(Stop, {
+            offset: "100%",
+            stopColor: resolvedStroke,
+            stopOpacity: 0
+          })]
+        })
+      }), /*#__PURE__*/_jsx(Path, {
+        testID: "line-area",
+        d: areaPath,
+        fill: `url(#${gradientId})`,
+        stroke: "none"
+      })]
+    }), /*#__PURE__*/_jsx(Path, {
+      testID: "line-path",
+      d: linePath,
+      fill: "none",
+      stroke: resolvedStroke,
+      strokeWidth: STROKE_WIDTH,
+      strokeLinecap: "round",
+      strokeLinejoin: "round"
+    })]
+  });
+};
+//# sourceMappingURL=Line.js.map

package/dist/module/lib/Components/Line/Line.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["useId","useMemo","Defs","LinearGradient","Path","Stop","isNumericScale","useCartesianChartContext","buildAreaPath","buildLinePath","toScaledPoints","jsx","_jsx","jsxs","_jsxs","Fragment","_Fragment","STROKE_WIDTH","AREA_GRADIENT_OPACITY","Line","seriesId","stroke","showArea","areaType","_areaType","getXScale","getYScale","getXAxisConfig","drawingArea","seriesMap","xScale","yScale","xAxisConfig","gradientId","seriesData","get","resolvedStroke","points","data","linePath","areaPath","children","id","x1","y1","x2","y2","offset","stopColor","stopOpacity","testID","d","fill","strokeWidth","strokeLinecap","strokeLinejoin"],"sourceRoot":"../../../../../src","sources":["lib/Components/Line/Line.tsx"],"mappings":"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","ignoreList":[]}

package/dist/module/lib/Components/Line/index.js

@@ -0,0 +1,4 @@
+"use strict";
+
+export { Line } from "./Line.js";
+//# sourceMappingURL=index.js.map

package/dist/module/lib/Components/Line/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["Line"],"sourceRoot":"../../../../../src","sources":["lib/Components/Line/index.ts"],"mappings":";;AAAA,SAASA,IAAI,QAAQ,WAAQ","ignoreList":[]}

package/dist/module/lib/Components/Line/types.js

@@ -0,0 +1,2 @@
+"use strict";
+//# sourceMappingURL=types.js.map

package/dist/module/lib/Components/Line/types.js.map

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

package/dist/module/lib/Components/Line/utils.js

@@ -0,0 +1,38 @@
+"use strict";
+
+import { area, curveBumpX, line } from 'd3-shape';
+import { isCategoricalScale } from "../../utils/scales/scales.js";
+/**
+ * Project series data into scaled [x, y] pixel coordinates, skipping nulls.
+ *
+ * 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.
+ */
+export const toScaledPoints = (data, xScale, yScale, xData) => {
+  const pts = [];
+  for (let i = 0; i < data.length; i++) {
+    const value = data[i];
+    if (value === null) continue;
+    const xInput = xData && typeof xData[i] === 'number' ? xData[i] : i;
+    const x = isCategoricalScale(xScale) ? (xScale(xInput) ?? 0) + xScale.bandwidth() / 2 : xScale(xInput);
+    const y = yScale(value);
+    pts.push([x, y]);
+  }
+  return pts.length >= 2 ? pts : null;
+};
+
+/**
+ * Build the SVG `d` attribute for the line stroke.
+ */
+export const buildLinePath = points => {
+  return line().x(d => d[0]).y(d => d[1]).curve(curveBumpX)(points) ?? null;
+};
+
+/**
+ * Build the SVG `d` attribute for the filled area beneath the line.
+ */
+export const buildAreaPath = (points, drawingArea) => {
+  const yBottom = drawingArea.y + drawingArea.height;
+  return area().x(d => d[0]).y0(yBottom).y1(d => d[1]).curve(curveBumpX)(points) ?? null;
+};
+//# sourceMappingURL=utils.js.map

package/dist/module/lib/Components/Line/utils.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["area","curveBumpX","line","isCategoricalScale","toScaledPoints","data","xScale","yScale","xData","pts","i","length","value","xInput","x","bandwidth","y","push","buildLinePath","points","d","curve","buildAreaPath","drawingArea","yBottom","height","y0","y1"],"sourceRoot":"../../../../../src","sources":["lib/Components/Line/utils.ts"],"mappings":";;AAAA,SAASA,IAAI,EAAEC,UAAU,EAAEC,IAAI,QAAQ,UAAU;AAEjD,SAASC,kBAAkB,QAAQ,8BAA2B;AAS9D;AACA;AACA;AACA;AACA;AACA;AACA,OAAO,MAAMC,cAAc,GAAGA,CAC5BC,IAAuB,EACvBC,MAA0B,EAC1BC,MAAoB,EACpBC,KAAoC,KACjB;EACnB,MAAMC,GAAY,GAAG,EAAE;EAEvB,KAAK,IAAIC,CAAC,GAAG,CAAC,EAAEA,CAAC,GAAGL,IAAI,CAACM,MAAM,EAAED,CAAC,EAAE,EAAE;IACpC,MAAME,KAAK,GAAGP,IAAI,CAACK,CAAC,CAAC;IACrB,IAAIE,KAAK,KAAK,IAAI,EAAE;IAEpB,MAAMC,MAAM,GACVL,KAAK,IAAI,OAAOA,KAAK,CAACE,CAAC,CAAC,KAAK,QAAQ,GAAIF,KAAK,CAACE,CAAC,CAAC,GAAcA,CAAC;IAElE,MAAMI,CAAC,GAAGX,kBAAkB,CAACG,MAAM,CAAC,GAChC,CAACA,MAAM,CAACO,MAAM,CAAC,IAAI,CAAC,IAAIP,MAAM,CAACS,SAAS,CAAC,CAAC,GAAG,CAAC,GAC9CT,MAAM,CAACO,MAAM,CAAC;IAClB,MAAMG,CAAC,GAAGT,MAAM,CAACK,KAAK,CAAC;IAEvBH,GAAG,CAACQ,IAAI,CAAC,CAACH,CAAC,EAAYE,CAAC,CAAC,CAAC;EAC5B;EAEA,OAAOP,GAAG,CAACE,MAAM,IAAI,CAAC,GAAGF,GAAG,GAAG,IAAI;AACrC,CAAC;;AAED;AACA;AACA;AACA,OAAO,MAAMS,aAAa,GAAIC,MAAe,IAAoB;EAC/D,OACEjB,IAAI,CAAQ,CAAC,CACVY,CAAC,CAAEM,CAAC,IAAKA,CAAC,CAAC,CAAC,CAAC,CAAC,CACdJ,CAAC,CAAEI,CAAC,IAAKA,CAAC,CAAC,CAAC,CAAC,CAAC,CACdC,KAAK,CAACpB,UAAU,CAAC,CAACkB,MAAM,CAAC,IAAI,IAAI;AAExC,CAAC;;AAED;AACA;AACA;AACA,OAAO,MAAMG,aAAa,GAAGA,CAC3BH,MAAe,EACfI,WAAwB,KACN;EAClB,MAAMC,OAAO,GAAGD,WAAW,CAACP,CAAC,GAAGO,WAAW,CAACE,MAAM;EAElD,OACEzB,IAAI,CAAQ,CAAC,CACVc,CAAC,CAAEM,CAAC,IAAKA,CAAC,CAAC,CAAC,CAAC,CAAC,CACdM,EAAE,CAACF,OAAO,CAAC,CACXG,EAAE,CAAEP,CAAC,IAAKA,CAAC,CAAC,CAAC,CAAC,CAAC,CACfC,KAAK,CAACpB,UAAU,CAAC,CAACkB,MAAM,CAAC,IAAI,IAAI;AAExC,CAAC","ignoreList":[]}

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

@@ -1,36 +1,75 @@
 "use strict";
 
-import { View } from 'react-native';
-import { Rect, Svg, Text as SvgText } from 'react-native-svg';
+import { useMemo } from 'react';
+import { DEFAULT_AXIS_HEIGHT, XAxis } from "../Axis/XAxis/index.js";
+import { DEFAULT_AXIS_WIDTH, YAxis } from "../Axis/YAxis/index.js";
+import { CartesianChart } from "../CartesianChart/index.js";
+import { Line } from "../Line/index.js";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-export function LineChart({
-  series: _series,
-  width = 400,
-  height = 300
-}) {
-  return /*#__PURE__*/_jsx(View, {
-    testID: "line-chart",
-    accessibilityRole: "image",
-    accessibilityLabel: "Line chart",
-    children: /*#__PURE__*/_jsxs(Svg, {
-      width: width,
-      height: height,
-      children: [/*#__PURE__*/_jsx(Rect, {
-        width: width,
-        height: height,
-        rx: 8,
-        fill: "#F3F0FA"
-      }), /*#__PURE__*/_jsx(SvgText, {
-        x: width / 2,
-        y: height / 2,
-        textAnchor: "middle",
-        alignmentBaseline: "central",
-        fill: "#7e4ea5",
-        fontSize: 14,
-        fontFamily: "Inter",
-        children: "LineChart placeholder"
-      })]
-    })
+export const LineChart = ({
+  series,
+  showArea = false,
+  areaType = 'gradient',
+  showXAxis = false,
+  showYAxis = false,
+  xAxis,
+  yAxis,
+  width,
+  height = 160,
+  inset,
+  children
+}) => {
+  const {
+    scaleType: xScaleType,
+    data: xData,
+    domain: xDomain,
+    ...xAxisVisualProps
+  } = xAxis ?? {};
+  const {
+    scaleType: yScaleType,
+    data: yData,
+    domain: yDomain,
+    ...yAxisVisualProps
+  } = yAxis ?? {};
+  const xAxisConfig = {
+    scaleType: xScaleType,
+    data: xData,
+    domain: xDomain
+  };
+  const yAxisConfig = {
+    scaleType: yScaleType,
+    data: yData,
+    domain: yDomain
+  };
+  const axisPadding = useMemo(() => {
+    if (!showXAxis && !showYAxis) return undefined;
+    const xAxisPosition = xAxisVisualProps.position === 'top' ? 'top' : 'bottom';
+    const yAxisPosition = yAxisVisualProps.position === 'end' ? 'right' : 'left';
+    const yAxisWidth = yAxisVisualProps.width ?? DEFAULT_AXIS_WIDTH;
+    return {
+      top: showXAxis && xAxisPosition === 'top' ? DEFAULT_AXIS_HEIGHT : 0,
+      bottom: showXAxis && xAxisPosition === 'bottom' ? DEFAULT_AXIS_HEIGHT : 0,
+      left: showYAxis && yAxisPosition === 'left' ? yAxisWidth : 0,
+      right: showYAxis && yAxisPosition === 'right' ? yAxisWidth : 0
+    };
+  }, [showXAxis, showYAxis, xAxisVisualProps.position, yAxisVisualProps.position, yAxisVisualProps.width]);
+  return /*#__PURE__*/_jsxs(CartesianChart, {
+    series: series ?? [],
+    xAxis: xAxisConfig,
+    yAxis: yAxisConfig,
+    width: width,
+    height: height,
+    inset: inset,
+    axisPadding: axisPadding,
+    children: [showXAxis && /*#__PURE__*/_jsx(XAxis, {
+      ...xAxisVisualProps
+    }), showYAxis && /*#__PURE__*/_jsx(YAxis, {
+      ...yAxisVisualProps
+    }), series?.map(s => /*#__PURE__*/_jsx(Line, {
+      seriesId: s.id,
+      showArea: showArea,
+      areaType: areaType
+    }, s.id)), children]
   });
-}
+};
 //# sourceMappingURL=LineChart.js.map