@ledgerhq/lumen-ui-rnative-visualization 0.1.1

package/dist/module/index.js

@@ -0,0 +1,5 @@
+"use strict";
+
+export * from "./lib/Components/index.js";
+export * from "./lib/utils/index.js";
+//# sourceMappingURL=index.js.map

package/dist/module/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":[],"sourceRoot":"../../src","sources":["index.ts"],"mappings":";;AAAA,cAAc,2BAAkB;AAChC,cAAc,sBAAa","ignoreList":[]}

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

@@ -0,0 +1,36 @@
+"use strict";
+
+import { View } from 'react-native';
+import { Rect, Svg, Text as SvgText } from 'react-native-svg';
+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"
+      })]
+    })
+  });
+}
+//# sourceMappingURL=LineChart.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["View","Rect","Svg","Text","SvgText","jsx","_jsx","jsxs","_jsxs","LineChart","series","_series","width","height","testID","accessibilityRole","accessibilityLabel","children","rx","fill","x","y","textAnchor","alignmentBaseline","fontSize","fontFamily"],"sourceRoot":"../../../../../src","sources":["lib/Components/LineChart/LineChart.tsx"],"mappings":";;AAAA,SAASA,IAAI,QAAQ,cAAc;AACnC,SAASC,IAAI,EAAEC,GAAG,EAAEC,IAAI,IAAIC,OAAO,QAAQ,kBAAkB;AAAC,SAAAC,GAAA,IAAAC,IAAA,EAAAC,IAAA,IAAAC,KAAA;AAS9D,OAAO,SAASC,SAASA,CAAC;EACxBC,MAAM,EAAEC,OAAO;EACfC,KAAK,GAAG,GAAG;EACXC,MAAM,GAAG;AACK,CAAC,EAAE;EACjB,oBACEP,IAAA,CAACN,IAAI;IACHc,MAAM,EAAC,YAAY;IACnBC,iBAAiB,EAAC,OAAO;IACzBC,kBAAkB,EAAC,YAAY;IAAAC,QAAA,eAE/BT,KAAA,CAACN,GAAG;MAACU,KAAK,EAAEA,KAAM;MAACC,MAAM,EAAEA,MAAO;MAAAI,QAAA,gBAChCX,IAAA,CAACL,IAAI;QAACW,KAAK,EAAEA,KAAM;QAACC,MAAM,EAAEA,MAAO;QAACK,EAAE,EAAE,CAAE;QAACC,IAAI,EAAC;MAAS,CAAE,CAAC,eAC5Db,IAAA,CAACF,OAAO;QACNgB,CAAC,EAAER,KAAK,GAAG,CAAE;QACbS,CAAC,EAAER,MAAM,GAAG,CAAE;QACdS,UAAU,EAAC,QAAQ;QACnBC,iBAAiB,EAAC,SAAS;QAC3BJ,IAAI,EAAC,SAAS;QACdK,QAAQ,EAAE,EAAG;QACbC,UAAU,EAAC,OAAO;QAAAR,QAAA,EACnB;MAED,CAAS,CAAC;IAAA,CACP;EAAC,CACF,CAAC;AAEX","ignoreList":[]}

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

@@ -0,0 +1,15 @@
+"use strict";
+
+import { LineChart } from "./LineChart.js";
+const meta = {
+  component: LineChart,
+  title: 'Visualization/LineChart',
+  tags: ['experimental']
+};
+export default meta;
+export const Base = {
+  args: {
+    series: []
+  }
+};
+//# sourceMappingURL=LineChart.stories.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["LineChart","meta","component","title","tags","Base","args","series"],"sourceRoot":"../../../../../src","sources":["lib/Components/LineChart/LineChart.stories.tsx"],"mappings":";;AACA,SAASA,SAAS,QAAQ,gBAAa;AAEvC,MAAMC,IAA4B,GAAG;EACnCC,SAAS,EAAEF,SAAS;EACpBG,KAAK,EAAE,yBAAyB;EAChCC,IAAI,EAAE,CAAC,cAAc;AACvB,CAAC;AAED,eAAeH,IAAI;AAGnB,OAAO,MAAMI,IAAW,GAAG;EACzBC,IAAI,EAAE;IACJC,MAAM,EAAE;EACV;AACF,CAAC","ignoreList":[]}

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

@@ -0,0 +1,17 @@
+"use strict";
+
+import { describe, it, expect } from '@jest/globals';
+import { render } from '@testing-library/react-native';
+import { LineChart } from "./LineChart.js";
+import { jsx as _jsx } from "react/jsx-runtime";
+describe('LineChart', () => {
+  it('renders the chart container', () => {
+    const {
+      getByTestId
+    } = render(/*#__PURE__*/_jsx(LineChart, {
+      series: []
+    }));
+    expect(getByTestId('line-chart')).toBeTruthy();
+  });
+});
+//# sourceMappingURL=LineChart.test.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["describe","it","expect","render","LineChart","jsx","_jsx","getByTestId","series","toBeTruthy"],"sourceRoot":"../../../../../src","sources":["lib/Components/LineChart/LineChart.test.tsx"],"mappings":";;AAAA,SAASA,QAAQ,EAAEC,EAAE,EAAEC,MAAM,QAAQ,eAAe;AACpD,SAASC,MAAM,QAAQ,+BAA+B;AACtD,SAASC,SAAS,QAAQ,gBAAa;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAExCN,QAAQ,CAAC,WAAW,EAAE,MAAM;EAC1BC,EAAE,CAAC,6BAA6B,EAAE,MAAM;IACtC,MAAM;MAAEM;IAAY,CAAC,GAAGJ,MAAM,cAACG,IAAA,CAACF,SAAS;MAACI,MAAM,EAAE;IAAG,CAAE,CAAC,CAAC;IACzDN,MAAM,CAACK,WAAW,CAAC,YAAY,CAAC,CAAC,CAACE,UAAU,CAAC,CAAC;EAChD,CAAC,CAAC;AACJ,CAAC,CAAC","ignoreList":[]}

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

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

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

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

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

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

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

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

package/dist/module/lib/utils/index.js

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

package/dist/module/lib/utils/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":[],"sourceRoot":"../../../../src","sources":["lib/utils/index.ts"],"mappings":";;AAAA,cAAc,YAAS","ignoreList":[]}

package/dist/module/lib/utils/math/index.js

@@ -0,0 +1,4 @@
+// Math abstractions for building chart shapes (d3-based utilities).
+// This module will contain scale, interpolation, and path generation helpers.
+"use strict";
+//# sourceMappingURL=index.js.map

package/dist/module/lib/utils/math/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":[],"sourceRoot":"../../../../../src","sources":["lib/utils/math/index.ts"],"mappings":"AAAA;AACA;AAAA","ignoreList":[]}

package/dist/module/lib/utils/types.js

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

package/dist/module/lib/utils/types.js.map

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

package/dist/module/package.json

@@ -0,0 +1 @@
+{"type":"module"}

package/dist/typescript/package.json

@@ -0,0 +1 @@
+{"type":"module"}

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,kBAAkB,CAAC;AACjC,cAAc,aAAa,CAAC"}

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

@@ -0,0 +1,9 @@
+import type { Series } from '../../utils';
+type LineChartProps = {
+    series: Series[];
+    width?: number;
+    height?: number;
+};
+export declare function LineChart({ series: _series, width, height, }: LineChartProps): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=LineChart.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"LineChart.d.ts","sourceRoot":"","sources":["../../../../../../src/lib/Components/LineChart/LineChart.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,aAAa,CAAC;AAE1C,KAAK,cAAc,GAAG;IACpB,MAAM,EAAE,MAAM,EAAE,CAAC;IACjB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB,CAAC;AAEF,wBAAgB,SAAS,CAAC,EACxB,MAAM,EAAE,OAAO,EACf,KAAW,EACX,MAAY,GACb,EAAE,cAAc,2CAuBhB"}

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

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

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

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

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

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

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

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

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

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

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

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

package/dist/typescript/src/lib/utils/math/index.d.ts

@@ -0,0 +1 @@
+//# sourceMappingURL=index.d.ts.map

package/dist/typescript/src/lib/utils/math/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../src/lib/utils/math/index.ts"],"names":[],"mappings":""}

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

@@ -0,0 +1,11 @@
+export type DataPoint = {
+    timestamp: number;
+    value: number;
+};
+export type Series = {
+    id: string;
+    label: string;
+    data: DataPoint[];
+    color?: string;
+};
+//# sourceMappingURL=types.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../../src/lib/utils/types.ts"],"names":[],"mappings":"AAAA,MAAM,MAAM,SAAS,GAAG;IACtB,SAAS,EAAE,MAAM,CAAC;IAClB,KAAK,EAAE,MAAM,CAAC;CACf,CAAC;AAEF,MAAM,MAAM,MAAM,GAAG;IACnB,EAAE,EAAE,MAAM,CAAC;IACX,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,EAAE,SAAS,EAAE,CAAC;IAClB,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB,CAAC"}

package/package.json

@@ -0,0 +1,68 @@
+{
+  "name": "@ledgerhq/lumen-ui-rnative-visualization",
+  "version": "0.1.1",
+  "license": "Apache-2.0",
+  "sideEffects": false,
+  "keywords": [
+    "react-native",
+    "ui",
+    "visualization",
+    "charts",
+    "design-system",
+    "mobile"
+  ],
+  "type": "module",
+  "react-native": "./src/index.ts",
+  "main": "./dist/module/index.js",
+  "module": "./dist/module/index.js",
+  "types": "./dist/typescript/src/index.d.ts",
+  "exports": {
+    "./package.json": "./package.json",
+    ".": {
+      "react-native": "./src/index.ts",
+      "types": "./dist/typescript/src/index.d.ts",
+      "import": "./dist/module/index.js",
+      "default": "./dist/module/index.js"
+    }
+  },
+  "files": [
+    "dist",
+    "src",
+    "!**/*.tsbuildinfo"
+  ],
+  "devDependencies": {
+    "@types/react": "^19.0.0"
+  },
+  "peerDependencies": {
+    "@types/react": "^19.0.0",
+    "@ledgerhq/lumen-design-core": "0.1.10",
+    "react": "^19.0.0",
+    "react-native": "~0.79.7",
+    "react-native-svg": "^15.0.0"
+  },
+  "nx": {
+    "tags": [
+      "scope:react-native",
+      "type:ui"
+    ]
+  },
+  "react-native-builder-bob": {
+    "source": "src",
+    "output": "dist",
+    "targets": [
+      [
+        "module",
+        {
+          "esm": true,
+          "configFile": "./babel.config.bob.cjs"
+        }
+      ],
+      [
+        "typescript",
+        {
+          "project": "tsconfig.lib.json"
+        }
+      ]
+    ]
+  }
+}

package/src/index.ts

@@ -0,0 +1,2 @@
+export * from './lib/Components';
+export * from './lib/utils';

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

@@ -0,0 +1,17 @@
+import type { Meta, StoryObj } from '@storybook/react-native-web-vite';
+import { LineChart } from './LineChart';
+
+const meta: Meta<typeof LineChart> = {
+  component: LineChart,
+  title: 'Visualization/LineChart',
+  tags: ['experimental'],
+};
+
+export default meta;
+type Story = StoryObj<typeof meta>;
+
+export const Base: Story = {
+  args: {
+    series: [],
+  },
+};

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

@@ -0,0 +1,10 @@
+import { describe, it, expect } from '@jest/globals';
+import { render } from '@testing-library/react-native';
+import { LineChart } from './LineChart';
+
+describe('LineChart', () => {
+  it('renders the chart container', () => {
+    const { getByTestId } = render(<LineChart series={[]} />);
+    expect(getByTestId('line-chart')).toBeTruthy();
+  });
+});

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

@@ -0,0 +1,38 @@
+import { View } from 'react-native';
+import { Rect, Svg, Text as SvgText } from 'react-native-svg';
+import type { Series } from '../../utils';
+
+type LineChartProps = {
+  series: Series[];
+  width?: number;
+  height?: number;
+};
+
+export function LineChart({
+  series: _series,
+  width = 400,
+  height = 300,
+}: LineChartProps) {
+  return (
+    <View
+      testID='line-chart'
+      accessibilityRole='image'
+      accessibilityLabel='Line chart'
+    >
+      <Svg width={width} height={height}>
+        <Rect width={width} height={height} rx={8} fill='#F3F0FA' />
+        <SvgText
+          x={width / 2}
+          y={height / 2}
+          textAnchor='middle'
+          alignmentBaseline='central'
+          fill='#7e4ea5'
+          fontSize={14}
+          fontFamily='Inter'
+        >
+          LineChart placeholder
+        </SvgText>
+      </Svg>
+    </View>
+  );
+}

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

@@ -0,0 +1 @@
+export { LineChart } from './LineChart';

package/src/lib/Components/index.ts

@@ -0,0 +1 @@
+export * from './LineChart';

package/src/lib/utils/index.ts

@@ -0,0 +1 @@
+export * from './types';

package/src/lib/utils/math/index.ts

@@ -0,0 +1,2 @@
+// Math abstractions for building chart shapes (d3-based utilities).
+// This module will contain scale, interpolation, and path generation helpers.

package/src/lib/utils/types.ts

@@ -0,0 +1,11 @@
+export type DataPoint = {
+  timestamp: number;
+  value: number;
+};
+
+export type Series = {
+  id: string;
+  label: string;
+  data: DataPoint[];
+  color?: string;
+};