@react-magma/charts 13.0.0 → 13.0.1

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

@@ -0,0 +1,43 @@
+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 GaugeSemicircularDangerStatus: {
+    render: import("@storybook/csf").AnnotatedStoryFn<import("@storybook/react/types-6-0").ReactFramework, CarbonChartProps>;
+    args: {
+        isInverse: boolean;
+        type: CarbonChartType;
+        dataSet: {
+            group: string;
+            value: number;
+        }[];
+        options: {
+            title: string;
+            resizable: boolean;
+            height: string;
+            gauge: {
+                type: string;
+                status: string;
+            };
+        };
+    };
+};
+export declare const GaugeCircularWarningStatus: {
+    render: import("@storybook/csf").AnnotatedStoryFn<import("@storybook/react/types-6-0").ReactFramework, CarbonChartProps>;
+    args: {
+        isInverse: boolean;
+        type: CarbonChartType;
+        dataSet: {
+            group: string;
+            value: number;
+        }[];
+        options: {
+            title: string;
+            resizable: boolean;
+            height: string;
+            gauge: {
+                status: string;
+                type: string;
+            };
+        };
+    };
+};

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

@@ -0,0 +1,89 @@
+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 HistogramLinear: {
+    render: import("@storybook/csf").AnnotatedStoryFn<import("@storybook/react/types-6-0").ReactFramework, CarbonChartProps>;
+    args: {
+        isInverse: boolean;
+        type: CarbonChartType;
+        dataSet: {
+            group: string;
+            age: number;
+        }[];
+        options: {
+            title: string;
+            axes: {
+                bottom: {
+                    title: string;
+                    mapsTo: string;
+                    bins: number;
+                    limitDomainToBins: boolean;
+                };
+                left: {
+                    title: string;
+                    scaleType: string;
+                    stacked: boolean;
+                    binned: boolean;
+                };
+            };
+            height: string;
+        };
+    };
+};
+export declare const HistogramDefinedBinsNumberLinear: {
+    render: import("@storybook/csf").AnnotatedStoryFn<import("@storybook/react/types-6-0").ReactFramework, CarbonChartProps>;
+    args: {
+        isInverse: boolean;
+        type: CarbonChartType;
+        dataSet: {
+            group: string;
+            value: number;
+        }[];
+        options: {
+            title: string;
+            axes: {
+                bottom: {
+                    title: string;
+                    mapsTo: string;
+                    bins: number;
+                    limitDomainToBins: boolean;
+                };
+                left: {
+                    title: string;
+                    scaleType: string;
+                    binned: boolean;
+                };
+            };
+            height: string;
+        };
+    };
+};
+export declare const HistogramDefinedBinsLinear: {
+    render: import("@storybook/csf").AnnotatedStoryFn<import("@storybook/react/types-6-0").ReactFramework, CarbonChartProps>;
+    args: {
+        isInverse: boolean;
+        type: CarbonChartType;
+        dataSet: {
+            group: string;
+            age: number;
+        }[];
+        options: {
+            title: string;
+            axes: {
+                bottom: {
+                    title: string;
+                    mapsTo: string;
+                    bins: number[];
+                    limitDomainToBins: boolean;
+                };
+                left: {
+                    title: string;
+                    scaleType: string;
+                    stacked: boolean;
+                    binned: boolean;
+                };
+            };
+            height: string;
+        };
+    };
+};

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

@@ -0,0 +1,577 @@
+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: {
+    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;
+        };
+    };
+};