@ledgerhq/lumen-ui-rnative-visualization 0.1.1 → 0.1.3

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

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

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

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

package/dist/module/lib/Components/Axis/XAxis/XAxis.js

@@ -0,0 +1,81 @@
+"use strict";
+
+import { useTheme } from '@ledgerhq/lumen-ui-rnative';
+import { useMemo } from 'react';
+import { G, Line as SvgLine, Text as SvgText } from 'react-native-svg';
+import { buildTicksData } from "../../../utils/ticks/ticks.js";
+import { useCartesianChartContext } from "../../CartesianChart/context/index.js";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+const STROKE_WIDTH = 1;
+const TICK_MARK_SIZE = 4;
+const TICK_LABEL_OFFSET = 6;
+export const DEFAULT_AXIS_HEIGHT = 28;
+export const XAxis = ({
+  gridLineStyle = 'dashed',
+  position = 'bottom',
+  showGrid = false,
+  showLine = false,
+  showTickMark = false,
+  ticks: ticksProp,
+  tickLabelFormatter
+}) => {
+  const {
+    getXScale,
+    getXAxisConfig,
+    drawingArea
+  } = useCartesianChartContext();
+  const {
+    theme
+  } = useTheme();
+  const xScale = getXScale();
+  const xAxisConfig = getXAxisConfig();
+  const ticksData = useMemo(() => xScale ? buildTicksData(xScale, xAxisConfig, ticksProp, tickLabelFormatter) : [], [xScale, xAxisConfig, ticksProp, tickLabelFormatter]);
+  if (!xScale || drawingArea.width <= 0) {
+    return null;
+  }
+  const isTop = position === 'top';
+  const axisY = isTop ? drawingArea.y : drawingArea.y + drawingArea.height;
+  const fontSize = theme.typographies.body4.fontSize;
+  const tickDirection = isTop ? -1 : 1;
+  const labelY = axisY + tickDirection * (TICK_MARK_SIZE + TICK_LABEL_OFFSET);
+  const labelDy = isTop ? 0 : fontSize * 0.8;
+  const gridStroke = theme.colors.border.mutedSubtle;
+  const lineStroke = theme.colors.border.muted;
+  const textFill = theme.colors.text.muted;
+  return /*#__PURE__*/_jsxs(G, {
+    children: [showGrid && ticksData.map((tick, i) => /*#__PURE__*/_jsx(SvgLine, {
+      x1: tick.position,
+      y1: drawingArea.y,
+      x2: tick.position,
+      y2: drawingArea.y + drawingArea.height,
+      stroke: gridStroke,
+      strokeWidth: STROKE_WIDTH,
+      strokeDasharray: gridLineStyle === 'dashed' ? '3 3' : undefined
+    }, `grid-${tick.value}-${i}`)), showLine && /*#__PURE__*/_jsx(SvgLine, {
+      x1: drawingArea.x,
+      y1: axisY,
+      x2: drawingArea.x + drawingArea.width,
+      y2: axisY,
+      stroke: lineStroke,
+      strokeWidth: STROKE_WIDTH,
+      strokeLinecap: "square"
+    }), showTickMark && ticksData.map((tick, i) => /*#__PURE__*/_jsx(SvgLine, {
+      x1: tick.position,
+      y1: axisY,
+      x2: tick.position,
+      y2: axisY + tickDirection * TICK_MARK_SIZE,
+      stroke: lineStroke,
+      strokeWidth: STROKE_WIDTH
+    }, `tick-${tick.value}-${i}`)), ticksData.map((tick, i) => /*#__PURE__*/_jsx(SvgText, {
+      x: tick.position,
+      y: labelY,
+      dy: labelDy,
+      textAnchor: "middle",
+      fill: textFill,
+      fontSize: fontSize,
+      fontFamily: theme.fontFamilies.sans,
+      children: tick.label
+    }, `label-${tick.value}-${i}`))]
+  });
+};
+//# sourceMappingURL=XAxis.js.map

package/dist/module/lib/Components/Axis/XAxis/XAxis.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["useTheme","useMemo","G","Line","SvgLine","Text","SvgText","buildTicksData","useCartesianChartContext","jsx","_jsx","jsxs","_jsxs","STROKE_WIDTH","TICK_MARK_SIZE","TICK_LABEL_OFFSET","DEFAULT_AXIS_HEIGHT","XAxis","gridLineStyle","position","showGrid","showLine","showTickMark","ticks","ticksProp","tickLabelFormatter","getXScale","getXAxisConfig","drawingArea","theme","xScale","xAxisConfig","ticksData","width","isTop","axisY","y","height","fontSize","typographies","body4","tickDirection","labelY","labelDy","gridStroke","colors","border","mutedSubtle","lineStroke","muted","textFill","text","children","map","tick","i","x1","y1","x2","y2","stroke","strokeWidth","strokeDasharray","undefined","value","x","strokeLinecap","dy","textAnchor","fill","fontFamily","fontFamilies","sans","label"],"sourceRoot":"../../../../../../src","sources":["lib/Components/Axis/XAxis/XAxis.tsx"],"mappings":"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","ignoreList":[]}

package/dist/module/lib/Components/Axis/XAxis/XAxis.test.js

@@ -0,0 +1,121 @@
+"use strict";
+
+import { describe, it, expect } from '@jest/globals';
+import { ledgerLiveThemes } from '@ledgerhq/lumen-design-core';
+import { ThemeProvider } from '@ledgerhq/lumen-ui-rnative';
+import { render } from '@testing-library/react-native';
+import { CartesianChart } from "../../CartesianChart/index.js";
+import { XAxis } from "./XAxis.js";
+import { jsx as _jsx } from "react/jsx-runtime";
+const sampleSeries = [{
+  id: 'test',
+  stroke: '#000',
+  data: [10, 20, 30, 40, 50]
+}];
+const renderXAxis = (props = {}) => render(/*#__PURE__*/_jsx(ThemeProvider, {
+  themes: ledgerLiveThemes,
+  colorScheme: "light",
+  children: /*#__PURE__*/_jsx(CartesianChart, {
+    series: sampleSeries,
+    width: 400,
+    height: 200,
+    children: /*#__PURE__*/_jsx(XAxis, {
+      ...props
+    })
+  })
+}));
+describe('XAxis', () => {
+  it('renders without crashing', () => {
+    const {
+      getByTestId
+    } = renderXAxis();
+    getByTestId('chart-svg');
+  });
+  it('renders tick labels for explicit ticks', () => {
+    const {
+      getByText
+    } = renderXAxis({
+      ticks: [0, 2, 4]
+    });
+    getByText('0');
+    getByText('2');
+    getByText('4');
+  });
+  it('does not render tick labels for empty ticks', () => {
+    const {
+      queryByText
+    } = renderXAxis({
+      ticks: []
+    });
+    expect(queryByText('0')).toBeNull();
+  });
+  it('applies tickLabelFormatter', () => {
+    const formatter = value => `v${value}`;
+    const {
+      getByText
+    } = renderXAxis({
+      ticks: [0, 4],
+      tickLabelFormatter: formatter
+    });
+    getByText('v0');
+    getByText('v4');
+  });
+  it('renders with showGrid enabled', () => {
+    const {
+      toJSON
+    } = renderXAxis({
+      showGrid: true,
+      ticks: [0, 2]
+    });
+    expect(toJSON()).toBeTruthy();
+  });
+  it('renders with showLine enabled', () => {
+    const {
+      toJSON
+    } = renderXAxis({
+      showLine: true,
+      ticks: []
+    });
+    expect(toJSON()).toBeTruthy();
+  });
+  it('renders with showTickMark enabled', () => {
+    const {
+      toJSON
+    } = renderXAxis({
+      showTickMark: true,
+      ticks: [0, 2]
+    });
+    expect(toJSON()).toBeTruthy();
+  });
+  it('renders with all visual options enabled', () => {
+    const {
+      getByText
+    } = renderXAxis({
+      showGrid: true,
+      showLine: true,
+      showTickMark: true,
+      ticks: [0, 4]
+    });
+    getByText('0');
+    getByText('4');
+  });
+  it('does not render axis when width is 0', () => {
+    const {
+      queryByText
+    } = render(/*#__PURE__*/_jsx(ThemeProvider, {
+      themes: ledgerLiveThemes,
+      colorScheme: "light",
+      children: /*#__PURE__*/_jsx(CartesianChart, {
+        series: sampleSeries,
+        width: 0,
+        height: 200,
+        children: /*#__PURE__*/_jsx(XAxis, {
+          ticks: [0, 2, 4]
+        })
+      })
+    }));
+    expect(queryByText('0')).toBeNull();
+    expect(queryByText('2')).toBeNull();
+  });
+});
+//# sourceMappingURL=XAxis.test.js.map

package/dist/module/lib/Components/Axis/XAxis/XAxis.test.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["describe","it","expect","ledgerLiveThemes","ThemeProvider","render","CartesianChart","XAxis","jsx","_jsx","sampleSeries","id","stroke","data","renderXAxis","props","themes","colorScheme","children","series","width","height","getByTestId","getByText","ticks","queryByText","toBeNull","formatter","value","tickLabelFormatter","toJSON","showGrid","toBeTruthy","showLine","showTickMark"],"sourceRoot":"../../../../../../src","sources":["lib/Components/Axis/XAxis/XAxis.test.tsx"],"mappings":"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","ignoreList":[]}

package/dist/module/lib/Components/Axis/XAxis/index.js

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

package/dist/module/lib/Components/Axis/XAxis/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["XAxis","DEFAULT_AXIS_HEIGHT"],"sourceRoot":"../../../../../../src","sources":["lib/Components/Axis/XAxis/index.ts"],"mappings":";;AAAA,SAASA,KAAK,EAAEC,mBAAmB,QAAQ,YAAS","ignoreList":[]}

package/dist/module/lib/Components/Axis/XAxis/types.js

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

package/dist/module/lib/Components/Axis/XAxis/types.js.map

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

package/dist/module/lib/Components/Axis/YAxis/YAxis.js

@@ -0,0 +1,81 @@
+"use strict";
+
+import { useTheme } from '@ledgerhq/lumen-ui-rnative';
+import { useMemo } from 'react';
+import { G, Line as SvgLine, Text as SvgText } from 'react-native-svg';
+import { buildTicksData } from "../../../utils/ticks/ticks.js";
+import { useCartesianChartContext } from "../../CartesianChart/context/index.js";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+const STROKE_WIDTH = 1;
+const TICK_MARK_SIZE = 4;
+const TICK_LABEL_OFFSET = 6;
+export const DEFAULT_AXIS_WIDTH = 40;
+export const YAxis = ({
+  position = 'start',
+  showGrid = false,
+  showLine = false,
+  showTickMark = false,
+  gridLineStyle = 'dashed',
+  ticks: ticksProp,
+  tickLabelFormatter
+}) => {
+  const {
+    getYScale,
+    getYAxisConfig,
+    drawingArea
+  } = useCartesianChartContext();
+  const {
+    theme
+  } = useTheme();
+  const yScale = getYScale();
+  const yAxisConfig = getYAxisConfig();
+  const ticksData = useMemo(() => yScale ? buildTicksData(yScale, yAxisConfig, ticksProp, tickLabelFormatter) : [], [yScale, yAxisConfig, ticksProp, tickLabelFormatter]);
+  if (!yScale || drawingArea.height <= 0) {
+    return null;
+  }
+  const isStart = position === 'start';
+  const axisX = isStart ? drawingArea.x : drawingArea.x + drawingArea.width;
+  const tickDirection = isStart ? -1 : 1;
+  const labelX = axisX + tickDirection * (TICK_MARK_SIZE + TICK_LABEL_OFFSET);
+  const fontSize = theme.typographies.body4.fontSize;
+  const labelDy = fontSize * 0.35;
+  const gridStroke = theme.colors.border.mutedSubtle;
+  const lineStroke = theme.colors.border.muted;
+  const textFill = theme.colors.text.muted;
+  return /*#__PURE__*/_jsxs(G, {
+    children: [showGrid && ticksData.map((tick, i) => /*#__PURE__*/_jsx(SvgLine, {
+      x1: drawingArea.x,
+      y1: tick.position,
+      x2: drawingArea.x + drawingArea.width,
+      y2: tick.position,
+      stroke: gridStroke,
+      strokeWidth: STROKE_WIDTH,
+      strokeDasharray: gridLineStyle === 'dashed' ? '3 3' : undefined
+    }, `grid-${tick.value}-${i}`)), showLine && /*#__PURE__*/_jsx(SvgLine, {
+      x1: axisX,
+      y1: drawingArea.y,
+      x2: axisX,
+      y2: drawingArea.y + drawingArea.height,
+      stroke: lineStroke,
+      strokeWidth: STROKE_WIDTH,
+      strokeLinecap: "square"
+    }), showTickMark && ticksData.map((tick, i) => /*#__PURE__*/_jsx(SvgLine, {
+      x1: axisX,
+      y1: tick.position,
+      x2: axisX + tickDirection * TICK_MARK_SIZE,
+      y2: tick.position,
+      stroke: lineStroke,
+      strokeWidth: STROKE_WIDTH
+    }, `tick-${tick.value}-${i}`)), ticksData.map((tick, i) => /*#__PURE__*/_jsx(SvgText, {
+      x: labelX,
+      y: tick.position,
+      dy: labelDy,
+      textAnchor: position === 'start' ? 'end' : 'start',
+      fill: textFill,
+      fontSize: theme.typographies.body4.fontSize,
+      fontFamily: theme.fontFamilies.sans,
+      children: tick.label
+    }, `label-${tick.value}-${i}`))]
+  });
+};
+//# sourceMappingURL=YAxis.js.map

package/dist/module/lib/Components/Axis/YAxis/YAxis.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["useTheme","useMemo","G","Line","SvgLine","Text","SvgText","buildTicksData","useCartesianChartContext","jsx","_jsx","jsxs","_jsxs","STROKE_WIDTH","TICK_MARK_SIZE","TICK_LABEL_OFFSET","DEFAULT_AXIS_WIDTH","YAxis","position","showGrid","showLine","showTickMark","gridLineStyle","ticks","ticksProp","tickLabelFormatter","getYScale","getYAxisConfig","drawingArea","theme","yScale","yAxisConfig","ticksData","height","isStart","axisX","x","width","tickDirection","labelX","fontSize","typographies","body4","labelDy","gridStroke","colors","border","mutedSubtle","lineStroke","muted","textFill","text","children","map","tick","i","x1","y1","x2","y2","stroke","strokeWidth","strokeDasharray","undefined","value","y","strokeLinecap","dy","textAnchor","fill","fontFamily","fontFamilies","sans","label"],"sourceRoot":"../../../../../../src","sources":["lib/Components/Axis/YAxis/YAxis.tsx"],"mappings":"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","ignoreList":[]}

package/dist/module/lib/Components/Axis/YAxis/YAxis.test.js

@@ -0,0 +1,121 @@
+"use strict";
+
+import { describe, it, expect } from '@jest/globals';
+import { ledgerLiveThemes } from '@ledgerhq/lumen-design-core';
+import { ThemeProvider } from '@ledgerhq/lumen-ui-rnative';
+import { render } from '@testing-library/react-native';
+import { CartesianChart } from "../../CartesianChart/index.js";
+import { YAxis } from "./YAxis.js";
+import { jsx as _jsx } from "react/jsx-runtime";
+const sampleSeries = [{
+  id: 'test',
+  stroke: '#000',
+  data: [10, 20, 30, 40, 50]
+}];
+const renderYAxis = (props = {}) => render(/*#__PURE__*/_jsx(ThemeProvider, {
+  themes: ledgerLiveThemes,
+  colorScheme: "light",
+  children: /*#__PURE__*/_jsx(CartesianChart, {
+    series: sampleSeries,
+    width: 400,
+    height: 200,
+    children: /*#__PURE__*/_jsx(YAxis, {
+      ...props
+    })
+  })
+}));
+describe('YAxis', () => {
+  it('renders without crashing', () => {
+    const {
+      getByTestId
+    } = renderYAxis();
+    getByTestId('chart-svg');
+  });
+  it('renders tick labels for explicit ticks', () => {
+    const {
+      getByText
+    } = renderYAxis({
+      ticks: [10, 30, 50]
+    });
+    getByText('10');
+    getByText('30');
+    getByText('50');
+  });
+  it('does not render tick labels for empty ticks', () => {
+    const {
+      queryByText
+    } = renderYAxis({
+      ticks: []
+    });
+    expect(queryByText('10')).toBeNull();
+  });
+  it('applies tickLabelFormatter', () => {
+    const formatter = value => `$${value}`;
+    const {
+      getByText
+    } = renderYAxis({
+      ticks: [10, 50],
+      tickLabelFormatter: formatter
+    });
+    getByText('$10');
+    getByText('$50');
+  });
+  it('renders with showGrid enabled', () => {
+    const {
+      toJSON
+    } = renderYAxis({
+      showGrid: true,
+      ticks: [10, 30]
+    });
+    expect(toJSON()).toBeTruthy();
+  });
+  it('renders with showLine enabled', () => {
+    const {
+      toJSON
+    } = renderYAxis({
+      showLine: true,
+      ticks: []
+    });
+    expect(toJSON()).toBeTruthy();
+  });
+  it('renders with showTickMark enabled', () => {
+    const {
+      toJSON
+    } = renderYAxis({
+      showTickMark: true,
+      ticks: [10, 30]
+    });
+    expect(toJSON()).toBeTruthy();
+  });
+  it('renders with all visual options enabled', () => {
+    const {
+      getByText
+    } = renderYAxis({
+      showGrid: true,
+      showLine: true,
+      showTickMark: true,
+      ticks: [10, 50]
+    });
+    getByText('10');
+    getByText('50');
+  });
+  it('does not render axis when height is 0', () => {
+    const {
+      queryByText
+    } = render(/*#__PURE__*/_jsx(ThemeProvider, {
+      themes: ledgerLiveThemes,
+      colorScheme: "light",
+      children: /*#__PURE__*/_jsx(CartesianChart, {
+        series: sampleSeries,
+        width: 400,
+        height: 0,
+        children: /*#__PURE__*/_jsx(YAxis, {
+          ticks: [10, 30, 50]
+        })
+      })
+    }));
+    expect(queryByText('10')).toBeNull();
+    expect(queryByText('30')).toBeNull();
+  });
+});
+//# sourceMappingURL=YAxis.test.js.map

package/dist/module/lib/Components/Axis/YAxis/YAxis.test.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["describe","it","expect","ledgerLiveThemes","ThemeProvider","render","CartesianChart","YAxis","jsx","_jsx","sampleSeries","id","stroke","data","renderYAxis","props","themes","colorScheme","children","series","width","height","getByTestId","getByText","ticks","queryByText","toBeNull","formatter","value","tickLabelFormatter","toJSON","showGrid","toBeTruthy","showLine","showTickMark"],"sourceRoot":"../../../../../../src","sources":["lib/Components/Axis/YAxis/YAxis.test.tsx"],"mappings":"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","ignoreList":[]}

package/dist/module/lib/Components/Axis/YAxis/index.js

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

package/dist/module/lib/Components/Axis/YAxis/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["YAxis","DEFAULT_AXIS_WIDTH"],"sourceRoot":"../../../../../../src","sources":["lib/Components/Axis/YAxis/index.ts"],"mappings":";;AAAA,SAASA,KAAK,EAAEC,kBAAkB,QAAQ,YAAS","ignoreList":[]}

package/dist/module/lib/Components/Axis/YAxis/types.js

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

package/dist/module/lib/Components/Axis/YAxis/types.js.map

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

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

@@ -0,0 +1,123 @@
+"use strict";
+
+import { useCallback, useMemo, useState } from 'react';
+import { View } from 'react-native';
+import { Svg } from 'react-native-svg';
+import { CartesianChartProvider, useBuildChartContext } from "./context/index.js";
+import { jsx as _jsx } from "react/jsx-runtime";
+const DEFAULT_HEIGHT = 160;
+const DEFAULT_INSET = {
+  top: 5,
+  right: 20,
+  bottom: 0,
+  left: 20
+};
+const DEFAULT_NEGATIVE_MARGIN = {
+  marginLeft: -20,
+  marginRight: -20
+};
+const ZERO_PADDING = {
+  top: 0,
+  right: 0,
+  bottom: 0,
+  left: 0
+};
+const resolveInset = inset => {
+  if (inset === undefined) {
+    return DEFAULT_INSET;
+  }
+  if (typeof inset === 'number') {
+    return {
+      top: inset + DEFAULT_INSET.top,
+      right: inset + DEFAULT_INSET.right,
+      bottom: inset + DEFAULT_INSET.bottom,
+      left: inset + DEFAULT_INSET.left
+    };
+  }
+  return {
+    top: (inset.top ?? 0) + DEFAULT_INSET.top,
+    right: (inset.right ?? 0) + DEFAULT_INSET.right,
+    bottom: (inset.bottom ?? 0) + DEFAULT_INSET.bottom,
+    left: (inset.left ?? 0) + DEFAULT_INSET.left
+  };
+};
+const resolveAxisPadding = padding => {
+  if (padding === undefined) {
+    return ZERO_PADDING;
+  }
+  return {
+    top: padding.top ?? 0,
+    right: padding.right ?? 0,
+    bottom: padding.bottom ?? 0,
+    left: padding.left ?? 0
+  };
+};
+export const CartesianChart = ({
+  series,
+  xAxis,
+  yAxis,
+  width,
+  height = DEFAULT_HEIGHT,
+  inset,
+  axisPadding,
+  ariaLabel = 'Chart',
+  children
+}) => {
+  const [measuredWidth, setMeasuredWidth] = useState(width);
+  const needsMeasurement = width === undefined;
+  const handleLayout = useCallback(e => {
+    if (needsMeasurement) {
+      setMeasuredWidth(e.nativeEvent.layout.width);
+    }
+  }, [needsMeasurement]);
+  const resolvedWidth = width ?? measuredWidth ?? 0;
+  const resolvedInset = useMemo(() => resolveInset(inset), [inset]);
+  const resolvedAxisPadding = useMemo(() => resolveAxisPadding(axisPadding), [axisPadding]);
+  const contextValue = useBuildChartContext({
+    series,
+    xAxis,
+    yAxis,
+    width: resolvedWidth,
+    height,
+    inset: resolvedInset,
+    axisPadding: resolvedAxisPadding
+  });
+  const svgContent = resolvedWidth > 0 && /*#__PURE__*/_jsx(Svg, {
+    testID: "chart-svg",
+    width: resolvedWidth,
+    height: height,
+    style: {
+      overflow: 'visible'
+    },
+    children: /*#__PURE__*/_jsx(CartesianChartProvider, {
+      value: contextValue,
+      children: children
+    })
+  });
+  if (needsMeasurement) {
+    return /*#__PURE__*/_jsx(View, {
+      testID: "chart-container",
+      onLayout: handleLayout,
+      style: {
+        height,
+        ...DEFAULT_NEGATIVE_MARGIN
+      },
+      accessibilityRole: "image",
+      accessibilityLabel: ariaLabel,
+      children: svgContent
+    });
+  }
+  return /*#__PURE__*/_jsx(View, {
+    testID: "chart-container",
+    accessibilityRole: "image",
+    accessibilityLabel: ariaLabel,
+    style: {
+      width: resolvedWidth,
+      height,
+      marginLeft: -20,
+      marginRight: -20
+    },
+    children: svgContent
+  });
+};
+//# sourceMappingURL=CartesianChart.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["useCallback","useMemo","useState","View","Svg","CartesianChartProvider","useBuildChartContext","jsx","_jsx","DEFAULT_HEIGHT","DEFAULT_INSET","top","right","bottom","left","DEFAULT_NEGATIVE_MARGIN","marginLeft","marginRight","ZERO_PADDING","resolveInset","inset","undefined","resolveAxisPadding","padding","CartesianChart","series","xAxis","yAxis","width","height","axisPadding","ariaLabel","children","measuredWidth","setMeasuredWidth","needsMeasurement","handleLayout","e","nativeEvent","layout","resolvedWidth","resolvedInset","resolvedAxisPadding","contextValue","svgContent","testID","style","overflow","value","onLayout","accessibilityRole","accessibilityLabel"],"sourceRoot":"../../../../../src","sources":["lib/Components/CartesianChart/CartesianChart.tsx"],"mappings":"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","ignoreList":[]}

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

@@ -0,0 +1,10 @@
+"use strict";
+
+import { createSafeContext } from '@ledgerhq/lumen-utils-shared';
+const [CartesianChartProvider, _useCartesianChartSafeContext] = createSafeContext('CartesianChart');
+export const useCartesianChartContext = () => _useCartesianChartSafeContext({
+  consumerName: 'useCartesianChartContext',
+  contextRequired: true
+});
+export { CartesianChartProvider };
+//# sourceMappingURL=cartesianChartContext.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["createSafeContext","CartesianChartProvider","_useCartesianChartSafeContext","useCartesianChartContext","consumerName","contextRequired"],"sourceRoot":"../../../../../../src","sources":["lib/Components/CartesianChart/context/cartesianChartContext.ts"],"mappings":";;AAAA,SAASA,iBAAiB,QAAQ,8BAA8B;AAIhE,MAAM,CAACC,sBAAsB,EAAEC,6BAA6B,CAAC,GAC3DF,iBAAiB,CAA6B,gBAAgB,CAAC;AAEjE,OAAO,MAAMG,wBAAwB,GAAGA,CAAA,KACtCD,6BAA6B,CAAC;EAC5BE,YAAY,EAAE,0BAA0B;EACxCC,eAAe,EAAE;AACnB,CAAC,CAAC;AAEJ,SAASJ,sBAAsB","ignoreList":[]}

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

@@ -0,0 +1,5 @@
+"use strict";
+
+export { CartesianChartProvider, useCartesianChartContext } from "./cartesianChartContext.js";
+export { buildScale, computeAxisRange, computeDrawingArea, useBuildChartContext } from "./useBuildChartContext.js";
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["CartesianChartProvider","useCartesianChartContext","buildScale","computeAxisRange","computeDrawingArea","useBuildChartContext"],"sourceRoot":"../../../../../../src","sources":["lib/Components/CartesianChart/context/index.ts"],"mappings":";;AAAA,SACEA,sBAAsB,EACtBC,wBAAwB,QACnB,4BAAyB;AAChC,SACEC,UAAU,EACVC,gBAAgB,EAChBC,kBAAkB,EAClBC,oBAAoB,QACf,2BAAwB","ignoreList":[]}