@react-magma/charts 13.0.0 → 13.0.1

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

@@ -0,0 +1,580 @@
+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 ComboLineAndSimpleBarCustomConfigs: {
+    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;
+            temp?: undefined;
+        } | {
+            group: string;
+            date: string;
+            temp: number;
+            value?: undefined;
+        })[];
+        options: {
+            title: string;
+            axes: {
+                left: {
+                    mapsTo: string;
+                    scaleType: string;
+                    title: string;
+                };
+                right: {
+                    mapsTo: string;
+                    scaleType: string;
+                    title: string;
+                    correspondingDatasets: string[];
+                };
+                bottom: {
+                    title: string;
+                    mapsTo: string;
+                    scaleType: string;
+                };
+            };
+            comboChartTypes: ({
+                type: string;
+                correspondingDatasets: string[];
+                options?: undefined;
+            } | {
+                type: string;
+                options: {
+                    points: {
+                        radius: number;
+                    };
+                };
+                correspondingDatasets: string[];
+            })[];
+            height: string;
+        };
+    };
+};
+export declare const ComboLineAndStackedBar: {
+    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;
+            temp?: undefined;
+        } | {
+            group: string;
+            key: string;
+            temp: number;
+            value?: undefined;
+        })[];
+        options: {
+            title: string;
+            axes: {
+                left: {
+                    title: string;
+                    mapsTo: string;
+                    stacked: boolean;
+                };
+                bottom: {
+                    title: string;
+                    mapsTo: string;
+                    scaleType: string;
+                };
+                right: {
+                    title: string;
+                    mapsTo: string;
+                    correspondingDatasets: string[];
+                };
+            };
+            comboChartTypes: {
+                type: string;
+                options: {};
+                correspondingDatasets: string[];
+            }[];
+            height: string;
+        };
+    };
+};
+export declare const ComboLineAndGroupedBarCustomConfigs: {
+    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;
+            temp?: undefined;
+        } | {
+            group: string;
+            key: string;
+            temp: number;
+            value?: undefined;
+        })[];
+        options: {
+            title: string;
+            axes: {
+                left: {
+                    title: string;
+                    mapsTo: string;
+                };
+                bottom: {
+                    scaleType: string;
+                    mapsTo: string;
+                };
+                right: {
+                    title: string;
+                    mapsTo: string;
+                    correspondingDatasets: string[];
+                };
+            };
+            comboChartTypes: ({
+                type: string;
+                correspondingDatasets: string[];
+                options?: undefined;
+            } | {
+                type: string;
+                options: {
+                    points: {
+                        filled: boolean;
+                        opacity: number;
+                    };
+                };
+                correspondingDatasets: string[];
+            })[];
+            height: string;
+        };
+    };
+};
+export declare const ComboLineAndFloatingBar: {
+    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;
+            temp?: undefined;
+        } | {
+            group: string;
+            date: string;
+            temp: number[];
+            value?: undefined;
+        })[];
+        options: {
+            title: string;
+            axes: {
+                left: {
+                    mapsTo: string;
+                    scaleType: string;
+                    title: string;
+                    correspondingDatasets: string[];
+                };
+                right: {
+                    mapsTo: string;
+                    title: string;
+                };
+                bottom: {
+                    title: string;
+                    mapsTo: string;
+                    scaleType: string;
+                };
+            };
+            comboChartTypes: ({
+                type: string;
+                correspondingDatasets: string[];
+                options?: undefined;
+            } | {
+                type: string;
+                options: {
+                    points: {
+                        radius: number;
+                    };
+                };
+                correspondingDatasets: string[];
+            })[];
+            height: string;
+        };
+    };
+};
+export declare const ComboHorizontalLineAndGroupedBar: {
+    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;
+            temp?: undefined;
+        } | {
+            group: string;
+            key: string;
+            temp: number;
+            value?: undefined;
+        })[];
+        options: {
+            title: string;
+            axes: {
+                top: {
+                    title: string;
+                    mapsTo: string;
+                    main: boolean;
+                };
+                left: {
+                    scaleType: string;
+                    mapsTo: string;
+                };
+                bottom: {
+                    title: string;
+                    mapsTo: string;
+                    correspondingDatasets: string[];
+                };
+            };
+            comboChartTypes: {
+                type: string;
+                correspondingDatasets: string[];
+            }[];
+            height: string;
+        };
+    };
+};
+export declare const HorizontalComboLineAndSimpleBar: {
+    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;
+            temp?: undefined;
+        } | {
+            group: string;
+            date: string;
+            temp: number;
+            value?: undefined;
+        })[];
+        options: {
+            title: string;
+            axes: {
+                top: {
+                    mapsTo: string;
+                    scaleType: string;
+                    title: string;
+                };
+                bottom: {
+                    mapsTo: string;
+                    scaleType: string;
+                    title: string;
+                    correspondingDatasets: string[];
+                };
+                left: {
+                    title: string;
+                    mapsTo: string;
+                    scaleType: string;
+                };
+            };
+            comboChartTypes: {
+                type: string;
+                options: {};
+                correspondingDatasets: string[];
+            }[];
+            height: string;
+        };
+    };
+};
+export declare const ComboLineAndArea: {
+    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;
+            temp?: undefined;
+        } | {
+            group: string;
+            key: string;
+            temp: number;
+            value?: undefined;
+        })[];
+        options: {
+            title: string;
+            points: {
+                enabled: boolean;
+            };
+            axes: {
+                left: {
+                    title: string;
+                    mapsTo: string;
+                };
+                bottom: {
+                    scaleType: string;
+                    mapsTo: string;
+                };
+                right: {
+                    title: string;
+                    mapsTo: string;
+                    correspondingDatasets: string[];
+                };
+            };
+            comboChartTypes: ({
+                type: string;
+                options: {
+                    points?: undefined;
+                };
+                correspondingDatasets: string[];
+            } | {
+                type: string;
+                options: {
+                    points: {
+                        enabled: boolean;
+                    };
+                };
+                correspondingDatasets: string[];
+            })[];
+            curve: string;
+            height: string;
+        };
+    };
+};
+export declare const ComboStackedAreaAndLine: {
+    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;
+            temp?: undefined;
+        } | {
+            group: string;
+            date: string;
+            temp: number;
+            value?: undefined;
+        })[];
+        options: {
+            title: string;
+            axes: {
+                left: {
+                    title: string;
+                    stacked: boolean;
+                    mapsTo: string;
+                    titleOrientation: string;
+                };
+                bottom: {
+                    scaleType: string;
+                    mapsTo: string;
+                };
+                right: {
+                    title: string;
+                    scaleType: string;
+                    mapsTo: string;
+                    correspondingDatasets: string[];
+                    titleOrientation: string;
+                };
+            };
+            curve: string;
+            comboChartTypes: ({
+                type: string;
+                options: {
+                    points: {
+                        enabled: boolean;
+                    };
+                };
+                correspondingDatasets: string[];
+            } | {
+                type: string;
+                correspondingDatasets: string[];
+                options?: undefined;
+            })[];
+            height: string;
+        };
+    };
+};
+export declare const ComboLineAndScatterAndBar: {
+    render: import("@storybook/csf").AnnotatedStoryFn<import("@storybook/react/types-6-0").ReactFramework, CarbonChartProps>;
+    args: {
+        isInverse: boolean;
+        type: CarbonChartType;
+        dataSet: ({
+            group: string;
+            key: string;
+            temp: number;
+            value?: undefined;
+        } | {
+            group: string;
+            key: string;
+            value: number;
+            temp?: undefined;
+        })[];
+        options: {
+            title: string;
+            axes: {
+                left: {
+                    mapsTo: string;
+                    title: string;
+                };
+                bottom: {
+                    scaleType: string;
+                    mapsTo: string;
+                };
+                right: {
+                    title: string;
+                    mapsTo: string;
+                    scaleType: string;
+                    correspondingDatasets: string[];
+                };
+            };
+            curve: string;
+            comboChartTypes: {
+                type: string;
+                correspondingDatasets: string[];
+            }[];
+            height: string;
+        };
+    };
+};
+export declare const ComboLineAndAreaTimeSeries: {
+    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;
+            temp?: undefined;
+        } | {
+            group: string;
+            key: string;
+            temp: number;
+            value?: undefined;
+        })[];
+        options: {
+            title: string;
+            points: {
+                enabled: boolean;
+            };
+            axes: {
+                left: {
+                    title: string;
+                    mapsTo: string;
+                };
+                bottom: {
+                    scaleType: string;
+                    mapsTo: string;
+                };
+                right: {
+                    title: string;
+                    mapsTo: string;
+                    correspondingDatasets: string[];
+                };
+            };
+            comboChartTypes: ({
+                type: string;
+                options: {
+                    points?: undefined;
+                };
+                correspondingDatasets: string[];
+            } | {
+                type: string;
+                options: {
+                    points: {
+                        enabled: boolean;
+                    };
+                };
+                correspondingDatasets: string[];
+            })[];
+            curve: string;
+            timeScale: {
+                addSpaceOnEdges: number;
+            };
+            height: string;
+        };
+    };
+};
+export declare const ComboChartEmpty: {
+    render: import("@storybook/csf").AnnotatedStoryFn<import("@storybook/react/types-6-0").ReactFramework, CarbonChartProps>;
+    args: {
+        isInverse: boolean;
+        type: CarbonChartType;
+        dataSet: never[];
+        options: {
+            title: string;
+            axes: {
+                left: {
+                    mapsTo: string;
+                    title: string;
+                };
+                bottom: {
+                    scaleType: string;
+                    mapsTo: string;
+                };
+                right: {
+                    title: string;
+                    mapsTo: string;
+                    scaleType: string;
+                    correspondingDatasets: string[];
+                };
+            };
+            comboChartTypes: {
+                type: string;
+                correspondingDatasets: string[];
+            }[];
+            height: string;
+        };
+    };
+};
+export declare const ComboChartLoading: {
+    render: import("@storybook/csf").AnnotatedStoryFn<import("@storybook/react/types-6-0").ReactFramework, CarbonChartProps>;
+    args: {
+        isInverse: boolean;
+        type: CarbonChartType;
+        dataSet: ({
+            group: string;
+            key: string;
+            temp: number;
+            value?: undefined;
+        } | {
+            group: string;
+            key: string;
+            value: number;
+            temp?: undefined;
+        })[];
+        options: {
+            title: string;
+            axes: {
+                left: {
+                    mapsTo: string;
+                    title: string;
+                };
+                bottom: {
+                    scaleType: string;
+                    mapsTo: string;
+                };
+                right: {
+                    title: string;
+                    mapsTo: string;
+                    scaleType: string;
+                    correspondingDatasets: string[];
+                };
+            };
+            data: {
+                loading: boolean;
+            };
+            comboChartTypes: {
+                type: string;
+                correspondingDatasets: string[];
+            }[];
+            height: string;
+        };
+    };
+};

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

@@ -0,0 +1,120 @@
+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 Donut: {
+    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;
+            donut: {
+                center: {
+                    label: string;
+                };
+            };
+            height: string;
+            legend: {
+                truncation: {
+                    type: string;
+                };
+            };
+        };
+    };
+};
+export declare const DonutCentered: {
+    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;
+            legend: {
+                alignment: string;
+                truncation: {
+                    type: string;
+                };
+            };
+            donut: {
+                center: {
+                    label: string;
+                };
+                alignment: string;
+            };
+            height: string;
+        };
+    };
+};
+export declare const DonutValueMapsToCount: {
+    render: import("@storybook/csf").AnnotatedStoryFn<import("@storybook/react/types-6-0").ReactFramework, CarbonChartProps>;
+    args: {
+        isInverse: boolean;
+        type: CarbonChartType;
+        dataSet: {
+            group: string;
+            count: number;
+        }[];
+        options: {
+            title: string;
+            resizable: boolean;
+            pie: {
+                valueMapsTo: string;
+            };
+            height: string;
+            legend: {
+                truncation: {
+                    type: string;
+                };
+            };
+        };
+    };
+};
+export declare const DonutEmptyState: {
+    render: import("@storybook/csf").AnnotatedStoryFn<import("@storybook/react/types-6-0").ReactFramework, CarbonChartProps>;
+    args: {
+        isInverse: boolean;
+        type: CarbonChartType;
+        dataSet: never[];
+        options: {
+            title: string;
+            resizable: boolean;
+            donut: {
+                center: {
+                    label: string;
+                };
+            };
+            height: string;
+        };
+    };
+};
+export declare const DonutSkeleton: {
+    render: import("@storybook/csf").AnnotatedStoryFn<import("@storybook/react/types-6-0").ReactFramework, CarbonChartProps>;
+    args: {
+        isInverse: boolean;
+        type: CarbonChartType;
+        dataSet: never[];
+        options: {
+            title: string;
+            resizable: boolean;
+            donut: {
+                center: {
+                    label: string;
+                };
+            };
+            data: {
+                loading: boolean;
+            };
+            height: string;
+        };
+    };
+};