@react-magma/charts 13.0.0 → 13.0.1

package/dist/components/LineChart/CustomPointComponent.d.ts

@@ -0,0 +1,17 @@
+import * as React from 'react';
+import { PointProps } from 'victory';
+export interface CustomScatterDataComponentInterface extends PointProps {
+    lineIndex: number;
+    pointRefArray: React.MutableRefObject<React.MutableRefObject<Element>[]>;
+    registerPoint: (refArray: React.MutableRefObject<React.MutableRefObject<Element>[]>, ref: React.MutableRefObject<Element>) => void;
+    unregisterPoint: (refArray: React.MutableRefObject<React.MutableRefObject<Element>[]>, ref: React.MutableRefObject<Element>) => void;
+}
+export interface CustomPointComponentInterface {
+    lineIndex: number;
+    pointIndex: PointProps['index'];
+    pointRefArray: React.MutableRefObject<React.MutableRefObject<Element>[]>;
+    registerPoint: (refArray: React.MutableRefObject<React.MutableRefObject<Element>[]>, ref: React.MutableRefObject<Element>) => void;
+    unregisterPoint: (refArray: React.MutableRefObject<React.MutableRefObject<Element>[]>, ref: React.MutableRefObject<Element>) => void;
+}
+export declare const CustomScatterDataComponent: (props: CustomScatterDataComponentInterface) => React.JSX.Element;
+export declare const CustomPointComponent: (props: CustomPointComponentInterface) => React.JSX.Element;

package/dist/components/LineChart/DataTable.d.ts

@@ -0,0 +1,5 @@
+import * as React from 'react';
+export interface DataTableProps {
+    data?: any;
+}
+export declare const DataTable: (props: any) => React.JSX.Element;

package/dist/components/LineChart/GraphTooltip.d.ts

@@ -0,0 +1,3 @@
+import * as React from 'react';
+export declare const GraphTooltip: (props: any) => React.JSX.Element | null;
+export declare const AxisTooltip: (props: any) => React.JSX.Element;

package/dist/components/LineChart/LegendButton.d.ts

@@ -0,0 +1,6 @@
+import * as React from 'react';
+export interface DataTableProps {
+    name?: string;
+    color?: string;
+}
+export declare const LegendButton: React.ForwardRefExoticComponent<Pick<any, string | number | symbol> & React.RefAttributes<HTMLButtonElement>>;

package/dist/components/LineChart/LineChart.d.ts

@@ -0,0 +1,67 @@
+import * as React from 'react';
+import { VictoryAxisProps, VictoryChartProps, VictoryLineProps, VictoryScatterProps } from 'victory';
+export declare type LineChartAxisStyle = VictoryAxisProps['style'];
+export declare type DataGetterPropType = VictoryLineProps['x'];
+export declare type ChartDataOptions = {
+    label: string;
+    x: string | number;
+    y: string | number;
+    [key: string]: any;
+} | {
+    label: string;
+    [key: string]: any;
+} | any;
+export interface LineChartData<T> {
+    name: string;
+    data: T[];
+}
+export interface LineChartComponentProps {
+    chart?: VictoryChartProps;
+    line?: VictoryLineProps;
+    scatter?: VictoryScatterProps;
+    xAxis?: VictoryAxisProps;
+    yAxis?: VictoryAxisProps;
+}
+/**
+ * @deprecated Please use CarbonChart instead
+ */
+export interface LineChartProps<T extends ChartDataOptions> {
+    /**
+     * Props passed to each component that makes up the line chart. See `victory` for accepted props.
+     */
+    componentProps?: LineChartComponentProps;
+    /**
+     * Data used to build the chart
+     */
+    data?: LineChartData<T>[];
+    isMulti?: boolean;
+    /**
+     * @internal
+     */
+    lastFocusedScatterPoint: React.MutableRefObject<SVGPathElement | null>;
+    /**
+     * @internal
+     */
+    pointRefArray: React.MutableRefObject<React.MutableRefObject<Element>[]>;
+    /**
+     * @internal
+     */
+    registerPoint: (refArray: React.MutableRefObject<React.MutableRefObject<Element>[]>, ref: React.MutableRefObject<Element>) => void;
+    /**
+     * @internal
+     */
+    tabRef: React.MutableRefObject<HTMLButtonElement | null>;
+    /**
+     * @internal
+     */
+    unregisterPoint: (refArray: React.MutableRefObject<React.MutableRefObject<Element>[]>, ref: React.MutableRefObject<Element>) => void;
+    /**
+     * Value of x key in chart data
+     */
+    x?: keyof T;
+    /**
+     * Value of y key in chart data
+     */
+    y?: keyof T;
+}
+export declare function LineChart<T>(props: LineChartProps<T>): React.JSX.Element;

package/dist/components/LineChart/LineChart.stories.d.ts

@@ -0,0 +1,113 @@
+declare const _default: import("@storybook/csf").ComponentAnnotations<import("@storybook/react/types-6-0").ReactFramework, import("@storybook/react/types-6-0").Args>;
+export default _default;
+export declare const Default: {
+    args: {
+        data: {
+            name: string;
+            data: {
+                x: number;
+                y: number;
+                label: string;
+            }[];
+        }[];
+        description: string;
+        title: string;
+        type: string;
+        componentProps: {
+            xAxis: {
+                label: string;
+                tickFormat: string[];
+            };
+            yAxis: {
+                domain: number[];
+                label: string;
+                tickFormat: (t: any) => string;
+                tickValues: number[];
+            };
+        };
+    };
+};
+export declare const ExplicitData: {
+    args: {
+        componentProps: {
+            xAxis: {
+                tickFormat: string[];
+                label: string;
+            };
+            yAxis: {
+                domain: number[];
+                label: string;
+                tickFormat: (t: any) => string;
+                tickValues: number[];
+            };
+        };
+        data: {
+            name: string;
+            data: {
+                month: number;
+                sales: number;
+                label: string;
+            }[];
+        }[];
+        x: string;
+        y: string;
+        description: string;
+        title: string;
+        type: string;
+    };
+};
+export declare const HistoryOfTexas: {
+    args: {
+        description: string;
+        title: string;
+        componentProps: {
+            xAxis: {
+                label: string;
+                tickValues: number[];
+            };
+            yAxis: {
+                label: string;
+                tickFormat: (t: any) => any;
+                tickValues: number[];
+            };
+        };
+        data: any;
+        x: string;
+        y: string;
+        type: string;
+    };
+};
+export declare const SpendingRevenue: {
+    args: {
+        data: any;
+        title: string;
+        type: string;
+        componentProps: {
+            xAxis: {
+                label: string;
+            };
+            yAxis: {
+                label: string;
+                tickValues: number[];
+            };
+        };
+    };
+};
+export declare const VotingParticipation: {
+    args: {
+        data: any;
+        title: string;
+        type: string;
+        componentProps: {
+            xAxis: {
+                label: string;
+            };
+            yAxis: {
+                domain: number[];
+                label: string;
+            };
+        };
+        x: string;
+        y: string;
+    };
+};

package/dist/components/LineChart/index.d.ts

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

package/dist/components/LineChart/magma-charts.d.ts

@@ -0,0 +1 @@
+export declare const magmaTheme: any;

package/dist/index.d.ts

@@ -1 +1,2 @@
+export * from './components/LineChart';
 export * from './components/CarbonChart';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@react-magma/charts",
-  "version": "13.0.0",
+  "version": "13.0.1",
   "license": "MIT",
   "exports": {
     ".": {
@@ -19,39 +19,41 @@
     "src"
   ],
   "scripts": {
-    "build": "microbundle build --jsx jsx --jsxImportSource react --globals react/jsx-runtime=jsx,@emotion/react=EmotionReact,@emotion/styled=EmotionStyled,@carbon/charts-react=CarbonChartsReact",
-    "build-watch": "microbundle watch --jsx jsx --jsxImportSource react --globals react/jsx-runtime=jsx,@emotion/react=EmotionReact,@emotion/styled=EmotionStyled,@carbon/charts-react=CarbonChartsReact",
+    "build": "rollup -c rollup.config.js --bundleConfigAsCjs",
+    "build-watch": "rollup -c rollup.config.js --watch --bundleConfigAsCjs",
     "lint": "eslint ./src",
-    "lint:fix": "eslint ./src --fix",
-    "lint:check": "eslint ./src --max-warnings=0",
     "test": "jest",
-    "test-watch": "jest --watch",
-    "compiler-checks": "tsc --noEmit --project ./tsconfig.json"
+    "test-watch": "jest --watch"
   },
   "dependencies": {
-    "@carbon/charts-react": "1.23.7",
-    "d3": "7.9.0",
-    "d3-cloud": "1.2.7",
-    "d3-sankey": "0.12.3"
+    "@carbon/charts-react": "^1.14.8",
+    "d3": "^7.9.0",
+    "d3-cloud": "^1.2.7",
+    "d3-sankey": "^0.12.3",
+    "victory": "^37.3.6"
   },
   "devDependencies": {
-    "@emotion/react": "11.14.0",
-    "@emotion/styled": "11.14.0",
-    "dom-to-image-more": "3.6.0",
-    "framer-motion": "^12.23.22",
-    "identity-obj-proxy": "3.0.0",
-    "react": "18.3.1",
-    "react-dom": "18.3.1",
-    "react-magma-dom": "4.9.0-next.27",
-    "react-magma-icons": "^3.1.0"
+    "@emotion/react": "^11.13.0",
+    "@emotion/styled": "^11.13.0",
+    "@rollup/plugin-commonjs": "^28.0.8",
+    "@rollup/plugin-node-resolve": "^16.0.3",
+    "@rollup/plugin-typescript": "^12.1.4",
+    "dom-to-image-more": "3.1.4",
+    "identity-obj-proxy": "^3.0.0",
+    "react": "^17.0.2",
+    "react-dom": "^17.0.2",
+    "react-magma-dom": "^4.11.0",
+    "react-magma-icons": "^3.2.4",
+    "rollup": "^4.52.4",
+    "rollup-plugin-postcss": "^4.0.2"
   },
   "peerDependencies": {
-    "@emotion/react": "^11.14.0",
-    "@emotion/styled": "^11.14.0",
-    "react": "^18.3.1",
-    "react-dom": "^18.3.1",
-    "react-magma-dom": "^4.9.0-next.27",
-    "react-magma-icons": "^3.2.0"
+    "@emotion/react": "^11.13.0",
+    "@emotion/styled": "^11.13.0",
+    "react": "^17.0.2",
+    "react-dom": "^17.0.2",
+    "react-magma-dom": "^4.11.0-next.3",
+    "react-magma-icons": "^3.2.4"
   },
   "engines": {
     "node": ">=14.15.0",