@react-magma/charts 12.0.1-next.0 → 12.0.1-next.1

package/dist/components/CarbonChart/CarbonChartStep.stories.d.ts

@@ -1,38 +1,38 @@
-import { CarbonChartProps, CarbonChartType } from '.';
-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 StepTimeSeries: {
-    render: import("@storybook/csf").AnnotatedStoryFn<import("@storybook/react/types-6-0").ReactFramework, CarbonChartProps>;
-    args: {
-        isInverse: boolean;
-        type: CarbonChartType;
-        dataSet: ({
-            group: string;
-            date: string;
-            value: number;
-            surplus: number;
-        } | {
-            group: string;
-            date: string;
-            value: null;
-            surplus: number;
-        })[];
-        options: {
-            title: string;
-            axes: {
-                bottom: {
-                    title: string;
-                    mapsTo: string;
-                    scaleType: string;
-                };
-                left: {
-                    mapsTo: string;
-                    title: string;
-                    scaleType: string;
-                };
-            };
-            curve: string;
-            height: string;
-        };
-    };
-};
+import { CarbonChartProps, CarbonChartType } from '.';
+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 StepTimeSeries: {
+    render: import("@storybook/csf").AnnotatedStoryFn<import("@storybook/react/types-6-0").ReactFramework, CarbonChartProps>;
+    args: {
+        isInverse: boolean;
+        type: CarbonChartType;
+        dataSet: ({
+            group: string;
+            date: string;
+            value: number;
+            surplus: number;
+        } | {
+            group: string;
+            date: string;
+            value: null;
+            surplus: number;
+        })[];
+        options: {
+            title: string;
+            axes: {
+                bottom: {
+                    title: string;
+                    mapsTo: string;
+                    scaleType: string;
+                };
+                left: {
+                    mapsTo: string;
+                    title: string;
+                    scaleType: string;
+                };
+            };
+            curve: string;
+            height: string;
+        };
+    };
+};

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

@@ -1 +1 @@
-export * from './CarbonChart';
+export * from './CarbonChart';

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

@@ -1,27 +1,27 @@
-import * as React from 'react';
-import { LineChartProps } from './LineChart';
-interface BaseChartProps {
-    /**
-     * Description of what the line chart data represents placed above the chart
-     */
-    description?: string;
-    /**
-     * @internal
-     */
-    testId?: string;
-    /**
-     * Title of the line chart
-     */
-    title: string;
-    /**
-     * Type of chart - for now just 'line' is accepted
-     */
-    type: string;
-}
-export interface ChartProps<T extends any> extends BaseChartProps, Omit<React.HTMLAttributes<HTMLDivElement>, 'title'>, LineChartProps<T> {
-}
-declare function BaseChart<T>(props: ChartProps<T>, ref: React.Ref<HTMLDivElement>): JSX.Element;
-export declare const Chart: <T>(props: ChartProps<T> & {
-    ref?: React.MutableRefObject<HTMLDivElement> | undefined;
-}) => ReturnType<typeof BaseChart>;
-export {};
+import * as React from 'react';
+import { LineChartProps } from './LineChart';
+interface BaseChartProps {
+    /**
+     * Description of what the line chart data represents placed above the chart
+     */
+    description?: string;
+    /**
+     * @internal
+     */
+    testId?: string;
+    /**
+     * Title of the line chart
+     */
+    title: string;
+    /**
+     * Type of chart - for now just 'line' is accepted
+     */
+    type: string;
+}
+export interface ChartProps<T extends any> extends BaseChartProps, Omit<React.HTMLAttributes<HTMLDivElement>, 'title'>, LineChartProps<T> {
+}
+declare function BaseChart<T>(props: ChartProps<T>, ref: React.Ref<HTMLDivElement>): React.JSX.Element;
+export declare const Chart: <T>(props: ChartProps<T> & {
+    ref?: React.MutableRefObject<HTMLDivElement> | undefined;
+}) => ReturnType<typeof BaseChart>;
+export {};

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

@@ -1,17 +1,17 @@
-/// <reference types="react" />
-import { VictoryAxisProps } from 'victory';
-export declare function toCamelCase(str: string): string;
-export interface DataTableProps {
-    data?: any[];
-    xData: {
-        keyValue?: string | number | symbol;
-        label?: VictoryAxisProps['label'];
-        tickFormat?: Partial<VictoryAxisProps['tickFormat']>;
-        tickValues?: VictoryAxisProps['tickValues'];
-    };
-    yData: {
-        keyValue?: string | number | symbol;
-        tickFormat?: Partial<VictoryAxisProps['tickFormat']>;
-    };
-}
-export declare const ChartDataTable: (props: DataTableProps) => JSX.Element;
+import * as React from 'react';
+import { VictoryAxisProps } from 'victory';
+export declare function toCamelCase(str: string): string;
+export interface DataTableProps {
+    data?: any[];
+    xData: {
+        keyValue?: string | number | symbol;
+        label?: VictoryAxisProps['label'];
+        tickFormat?: Partial<VictoryAxisProps['tickFormat']>;
+        tickValues?: VictoryAxisProps['tickValues'];
+    };
+    yData: {
+        keyValue?: string | number | symbol;
+        tickFormat?: Partial<VictoryAxisProps['tickFormat']>;
+    };
+}
+export declare const ChartDataTable: (props: DataTableProps) => React.JSX.Element;

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

@@ -1,3 +1,3 @@
-import * as React from 'react';
-import { LineSegmentProps } from 'victory';
-export declare const CustomAxisComponent: React.FunctionComponent<LineSegmentProps>;
+import * as React from 'react';
+import { LineSegmentProps } from 'victory';
+export declare const CustomAxisComponent: React.FunctionComponent<LineSegmentProps>;

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

@@ -1,17 +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) => JSX.Element;
-export declare const CustomPointComponent: (props: CustomPointComponentInterface) => JSX.Element;
+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

@@ -1,5 +1,5 @@
-/// <reference types="react" />
-export interface DataTableProps {
-    data?: any;
-}
-export declare const DataTable: (props: any) => JSX.Element;
+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

@@ -1,3 +1,3 @@
-/// <reference types="react" />
-export declare const GraphTooltip: (props: any) => JSX.Element | null;
-export declare const AxisTooltip: (props: any) => JSX.Element;
+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

@@ -1,6 +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>>;
+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

@@ -1,67 +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>): JSX.Element;
+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

@@ -1,134 +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: {
-            name: string;
-            data: {
-                year: number;
-                number: number;
-                label: string;
-            }[];
-        }[];
-        x: string;
-        y: string;
-        type: string;
-    };
-};
-export declare const SpendingRevenue: {
-    args: {
-        data: {
-            name: string;
-            data: {
-                x: string;
-                y: number;
-                label: string;
-            }[];
-        }[];
-        title: string;
-        type: string;
-        componentProps: {
-            xAxis: {
-                label: string;
-            };
-            yAxis: {
-                label: string;
-                tickValues: number[];
-            };
-        };
-    };
-};
-export declare const VotingParticipation: {
-    args: {
-        data: {
-            name: string;
-            data: {
-                year: string;
-                percent: number;
-                label: string;
-            }[];
-        }[];
-        title: string;
-        type: string;
-        componentProps: {
-            xAxis: {
-                label: string;
-            };
-            yAxis: {
-                domain: number[];
-                label: string;
-            };
-        };
-        x: string;
-        y: string;
-    };
-};
+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

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

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

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

package/dist/index.d.ts

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