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

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

@@ -1,20 +1,577 @@
-import { CarbonChartProps } from '.';
+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 CustomDomainLine: import("@storybook/csf").AnnotatedStoryFn<import("@storybook/react/types-6-0").ReactFramework, CarbonChartProps>;
-export declare const RotatedTicksLine: import("@storybook/csf").AnnotatedStoryFn<import("@storybook/react/types-6-0").ReactFramework, CarbonChartProps>;
-export declare const LineTimeSeries15SecondInterval: import("@storybook/csf").AnnotatedStoryFn<import("@storybook/react/types-6-0").ReactFramework, CarbonChartProps>;
-export declare const LogAxis: import("@storybook/csf").AnnotatedStoryFn<import("@storybook/react/types-6-0").ReactFramework, CarbonChartProps>;
-export declare const PreSelectedGroupsLine: import("@storybook/csf").AnnotatedStoryFn<import("@storybook/react/types-6-0").ReactFramework, CarbonChartProps>;
-export declare const LeftAlignedVerticalLegendLine: import("@storybook/csf").AnnotatedStoryFn<import("@storybook/react/types-6-0").ReactFramework, CarbonChartProps>;
-export declare const ThresholdsLine: import("@storybook/csf").AnnotatedStoryFn<import("@storybook/react/types-6-0").ReactFramework, CarbonChartProps>;
-export declare const LineTimeSeriesSingleDatum: import("@storybook/csf").AnnotatedStoryFn<import("@storybook/react/types-6-0").ReactFramework, CarbonChartProps>;
-export declare const TruncatedlabelsLine: import("@storybook/csf").AnnotatedStoryFn<import("@storybook/react/types-6-0").ReactFramework, CarbonChartProps>;
-export declare const LineDiscrete: import("@storybook/csf").AnnotatedStoryFn<import("@storybook/react/types-6-0").ReactFramework, CarbonChartProps>;
-export declare const LineTimeSeries: import("@storybook/csf").AnnotatedStoryFn<import("@storybook/react/types-6-0").ReactFramework, CarbonChartProps>;
-export declare const LineDenseTimeSeries: import("@storybook/csf").AnnotatedStoryFn<import("@storybook/react/types-6-0").ReactFramework, CarbonChartProps>;
-export declare const LineLineDualDualAxes: import("@storybook/csf").AnnotatedStoryFn<import("@storybook/react/types-6-0").ReactFramework, CarbonChartProps>;
-export declare const LineTimeSeriesAllLabelsInPrimaryFormat: import("@storybook/csf").AnnotatedStoryFn<import("@storybook/react/types-6-0").ReactFramework, CarbonChartProps>;
-export declare const LineTimeSeriesTwoIcons: import("@storybook/csf").AnnotatedStoryFn<import("@storybook/react/types-6-0").ReactFramework, CarbonChartProps>;
-export declare const LineEmptyState: import("@storybook/csf").AnnotatedStoryFn<import("@storybook/react/types-6-0").ReactFramework, CarbonChartProps>;
-export declare const LineSkeleton: import("@storybook/csf").AnnotatedStoryFn<import("@storybook/react/types-6-0").ReactFramework, CarbonChartProps>;
+export declare const CustomDomainLine: {
+    render: import("@storybook/csf").AnnotatedStoryFn<import("@storybook/react/types-6-0").ReactFramework, CarbonChartProps>;
+    args: {
+        isInverse: boolean;
+        type: CarbonChartType;
+        dataSet: ({
+            group: string;
+            key: string;
+            value: number;
+            audienceSize?: undefined;
+        } | {
+            group: string;
+            key: string;
+            value: number;
+            audienceSize: number;
+        })[];
+        options: {
+            title: string;
+            axes: {
+                bottom: {
+                    title: string;
+                    mapsTo: string;
+                    scaleType: string;
+                    domain: string[];
+                };
+                left: {
+                    domain: number[];
+                    mapsTo: string;
+                    title: string;
+                    scaleType: string;
+                };
+            };
+            height: string;
+        };
+    };
+};
+export declare const RotatedTicksLine: {
+    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;
+        }[];
+        options: {
+            title: string;
+            axes: {
+                bottom: {
+                    scaleType: string;
+                    mapsTo: string;
+                    ticks: {
+                        rotation: string;
+                    };
+                };
+                left: {
+                    mapsTo: string;
+                };
+            };
+            legend: {
+                clickable: boolean;
+            };
+            height: string;
+        };
+    };
+};
+export declare const LineTimeSeries15SecondInterval: {
+    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;
+        }[];
+        options: {
+            title: string;
+            axes: {
+                left: {
+                    mapsTo: string;
+                };
+                bottom: {
+                    scaleType: string;
+                    mapsTo: string;
+                };
+            };
+            legend: {
+                clickable: boolean;
+            };
+            height: string;
+        };
+    };
+};
+export declare const LogAxis: {
+    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;
+        }[];
+        options: {
+            title: string;
+            axes: {
+                bottom: {
+                    scaleType: string;
+                    mapsTo: string;
+                };
+                left: {
+                    mapsTo: string;
+                    scaleType: string;
+                    includeZero: boolean;
+                };
+            };
+            height: string;
+        };
+    };
+};
+export declare const PreSelectedGroupsLine: {
+    render: import("@storybook/csf").AnnotatedStoryFn<import("@storybook/react/types-6-0").ReactFramework, CarbonChartProps>;
+    args: {
+        isInverse: boolean;
+        type: CarbonChartType;
+        dataSet: ({
+            group: string;
+            key: string;
+            value: number;
+            audienceSize?: undefined;
+        } | {
+            group: string;
+            key: string;
+            value: number;
+            audienceSize: number;
+        })[];
+        options: {
+            title: string;
+            data: {
+                selectedGroups: string[];
+            };
+            axes: {
+                bottom: {
+                    title: string;
+                    mapsTo: string;
+                    scaleType: string;
+                };
+                left: {
+                    mapsTo: string;
+                    title: string;
+                    scaleType: string;
+                };
+            };
+            height: string;
+        };
+    };
+};
+export declare const LeftAlignedVerticalLegendLine: {
+    render: import("@storybook/csf").AnnotatedStoryFn<import("@storybook/react/types-6-0").ReactFramework, CarbonChartProps>;
+    args: {
+        isInverse: boolean;
+        type: CarbonChartType;
+        dataSet: ({
+            group: string;
+            key: string;
+            value: number;
+            audienceSize?: undefined;
+        } | {
+            group: string;
+            key: string;
+            value: number;
+            audienceSize: number;
+        })[];
+        options: {
+            title: string;
+            axes: {
+                bottom: {
+                    title: string;
+                    mapsTo: string;
+                    scaleType: string;
+                };
+                left: {
+                    mapsTo: string;
+                    title: string;
+                    scaleType: string;
+                };
+            };
+            legend: {
+                position: string;
+                orientation: string;
+            };
+            height: string;
+        };
+    };
+};
+export declare const ThresholdsLine: {
+    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;
+        } | {
+            group: string;
+            date: string;
+            value: null;
+        })[];
+        options: {
+            title: string;
+            axes: {
+                bottom: {
+                    title: string;
+                    mapsTo: string;
+                    scaleType: string;
+                    thresholds: {
+                        value: Date;
+                        label: string;
+                        valueFormatter: (e: any) => string;
+                    }[];
+                };
+                left: {
+                    mapsTo: string;
+                    title: string;
+                    scaleType: string;
+                    thresholds: ({
+                        value: number;
+                        label: string;
+                        fillColor: string;
+                    } | {
+                        value: number;
+                        fillColor: string;
+                        label?: undefined;
+                    })[];
+                };
+            };
+            curve: string;
+            height: string;
+        };
+    };
+};
+export declare const LineTimeSeriesSingleDatum: {
+    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;
+        }[];
+        options: {
+            title: string;
+            axes: {
+                left: {
+                    mapsTo: string;
+                };
+                bottom: {
+                    scaleType: string;
+                    mapsTo: string;
+                };
+            };
+            legend: {
+                clickable: boolean;
+            };
+            height: string;
+        };
+    };
+};
+export declare const TruncatedlabelsLine: {
+    render: import("@storybook/csf").AnnotatedStoryFn<import("@storybook/react/types-6-0").ReactFramework, CarbonChartProps>;
+    args: {
+        isInverse: boolean;
+        type: CarbonChartType;
+        dataSet: ({
+            group: string;
+            key: string;
+            value: number;
+            audienceSize?: undefined;
+        } | {
+            group: string;
+            key: string;
+            value: number;
+            audienceSize: number;
+        })[];
+        options: {
+            title: string;
+            axes: {
+                bottom: {
+                    title: string;
+                    mapsTo: string;
+                    scaleType: string;
+                };
+                left: {
+                    mapsTo: string;
+                    title: string;
+                    scaleType: string;
+                };
+            };
+            height: string;
+        };
+    };
+};
+export declare const LineDiscrete: {
+    render: import("@storybook/csf").AnnotatedStoryFn<import("@storybook/react/types-6-0").ReactFramework, CarbonChartProps>;
+    args: {
+        isInverse: boolean;
+        type: CarbonChartType;
+        dataSet: ({
+            group: string;
+            key: string;
+            value: number;
+            audienceSize?: undefined;
+        } | {
+            group: string;
+            key: string;
+            value: number;
+            audienceSize: number;
+        })[];
+        options: {
+            title: string;
+            axes: {
+                bottom: {
+                    title: string;
+                    mapsTo: string;
+                    scaleType: string;
+                };
+                left: {
+                    mapsTo: string;
+                    title: string;
+                    scaleType: string;
+                };
+            };
+            height: string;
+        };
+    };
+};
+export declare const LineTimeSeries: {
+    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;
+        };
+    };
+};
+export declare const LineDenseTimeSeries: {
+    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;
+        }[];
+        options: {
+            title: string;
+            axes: {
+                bottom: {
+                    title: string;
+                    mapsTo: string;
+                    scaleType: string;
+                };
+                left: {
+                    mapsTo: string;
+                    title: string;
+                    scaleType: string;
+                };
+            };
+            curve: string;
+            height: string;
+        };
+    };
+};
+export declare const LineLineDualDualAxes: {
+    render: import("@storybook/csf").AnnotatedStoryFn<import("@storybook/react/types-6-0").ReactFramework, CarbonChartProps>;
+    args: {
+        isInverse: boolean;
+        type: CarbonChartType;
+        dataSet: ({
+            group: string;
+            date: string;
+            temp: number;
+            rainfall?: undefined;
+        } | {
+            group: string;
+            date: string;
+            rainfall: number;
+            temp?: undefined;
+        })[];
+        options: {
+            title: string;
+            axes: {
+                left: {
+                    title: string;
+                    mapsTo: string;
+                };
+                bottom: {
+                    scaleType: string;
+                    mapsTo: string;
+                    title: string;
+                };
+                right: {
+                    title: string;
+                    mapsTo: string;
+                    correspondingDatasets: string[];
+                };
+            };
+            curve: string;
+            height: string;
+        };
+    };
+};
+export declare const LineTimeSeriesAllLabelsInPrimaryFormat: {
+    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;
+        }[];
+        options: {
+            title: string;
+            axes: {
+                left: {
+                    mapsTo: string;
+                };
+                bottom: {
+                    scaleType: string;
+                    mapsTo: string;
+                };
+            };
+            timeScale: {
+                addSpaceOnEdges: number;
+            };
+            legend: {
+                clickable: boolean;
+            };
+            height: string;
+        };
+    };
+};
+export declare const LineTimeSeriesTwoIcons: {
+    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;
+            toolbar: {
+                enabled: boolean;
+                numberOfIcons: number;
+                controls: {
+                    type: string;
+                }[];
+            };
+            zoomBar: {
+                top: {
+                    enabled: boolean;
+                };
+            };
+            height: string;
+        };
+    };
+};
+export declare const LineEmptyState: {
+    render: import("@storybook/csf").AnnotatedStoryFn<import("@storybook/react/types-6-0").ReactFramework, CarbonChartProps>;
+    args: {
+        isInverse: boolean;
+        type: CarbonChartType;
+        dataSet: never[];
+        options: {
+            title: string;
+            axes: {
+                bottom: {
+                    title: string;
+                    mapsTo: string;
+                    scaleType: string;
+                };
+                left: {
+                    mapsTo: string;
+                    title: string;
+                    scaleType: string;
+                };
+            };
+            curve: string;
+            height: string;
+        };
+    };
+};
+export declare const LineSkeleton: {
+    render: import("@storybook/csf").AnnotatedStoryFn<import("@storybook/react/types-6-0").ReactFramework, CarbonChartProps>;
+    args: {
+        isInverse: boolean;
+        type: CarbonChartType;
+        dataSet: never[];
+        options: {
+            title: string;
+            axes: {
+                bottom: {
+                    title: string;
+                    mapsTo: string;
+                    scaleType: string;
+                };
+                left: {
+                    mapsTo: string;
+                    title: string;
+                    scaleType: string;
+                };
+            };
+            curve: string;
+            data: {
+                loading: boolean;
+            };
+            height: string;
+        };
+    };
+};

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

@@ -1,5 +1,55 @@
-import { CarbonChartProps } from '.';
+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 LollipopDiscrete: import("@storybook/csf").AnnotatedStoryFn<import("@storybook/react/types-6-0").ReactFramework, CarbonChartProps>;
-export declare const LollipopHorizontalPresentation: import("@storybook/csf").AnnotatedStoryFn<import("@storybook/react/types-6-0").ReactFramework, CarbonChartProps>;
+export declare const LollipopDiscrete: {
+    render: import("@storybook/csf").AnnotatedStoryFn<import("@storybook/react/types-6-0").ReactFramework, CarbonChartProps>;
+    args: {
+        isInverse: boolean;
+        type: CarbonChartType;
+        dataSet: {
+            group: string;
+            key: string;
+            value: number;
+        }[];
+        options: {
+            title: string;
+            axes: {
+                bottom: {
+                    title: string;
+                    scaleType: string;
+                    mapsTo: string;
+                };
+                left: {
+                    mapsTo: string;
+                };
+            };
+            height: string;
+        };
+    };
+};
+export declare const LollipopHorizontalPresentation: {
+    render: import("@storybook/csf").AnnotatedStoryFn<import("@storybook/react/types-6-0").ReactFramework, CarbonChartProps>;
+    args: {
+        isInverse: boolean;
+        type: CarbonChartType;
+        dataSet: {
+            group: string;
+            key: string;
+            value: number;
+        }[];
+        options: {
+            title: string;
+            axes: {
+                left: {
+                    title: string;
+                    scaleType: string;
+                    mapsTo: string;
+                };
+                bottom: {
+                    mapsTo: string;
+                };
+            };
+            height: string;
+        };
+    };
+};