@react-magma/charts 13.0.0 → 13.0.1

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

@@ -1,6 +1,7 @@
 import * as React from 'react';
 import { ChartOptions } from '@carbon/charts-react';
 import { ThemeInterface } from 'react-magma-dom';
+import './carbon-charts.css';
 export declare enum CarbonChartType {
     area = "area",
     areaStacked = "areaStacked",
@@ -22,7 +23,7 @@ export declare enum CarbonChartType {
     combo = "combo"
 }
 export interface CarbonChartProps extends React.HTMLAttributes<HTMLDivElement> {
-    dataSet: Array<object>;
+    dataSet: Array<Object>;
     isInverse?: boolean;
     /**
      * For a complete list of options, see Carbon Charts documentation

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

@@ -0,0 +1,310 @@
+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 AreaTimeSeriesNaturalCurve: {
+    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;
+                    scaleType: string;
+                };
+            };
+            curve: string;
+            height: string;
+        };
+    };
+};
+export declare const AreaTimeSeries: {
+    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;
+                };
+            };
+            height: string;
+        };
+    };
+};
+export declare const AreaDiscreteDomain: {
+    render: import("@storybook/csf").AnnotatedStoryFn<import("@storybook/react/types-6-0").ReactFramework, CarbonChartProps>;
+    args: {
+        isInverse: boolean;
+        type: CarbonChartType;
+        dataSet: {
+            group: string;
+            value: number;
+            key: string;
+        }[];
+        options: {
+            title: string;
+            axes: {
+                bottom: {
+                    title: string;
+                    mapsTo: string;
+                    scaleType: string;
+                };
+                left: {
+                    mapsTo: string;
+                    title: string;
+                    scaleType: string;
+                };
+            };
+            height: string;
+        };
+    };
+};
+export declare const BoundedAreaTimeSeriesNaturalCurve: {
+    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;
+            min: number;
+            max: number;
+        }[];
+        options: {
+            title: string;
+            legend: {
+                enabled: boolean;
+            };
+            bounds: {
+                upperBoundMapsTo: string;
+                lowerBoundMapsTo: string;
+            };
+            axes: {
+                bottom: {
+                    title: string;
+                    mapsTo: string;
+                    scaleType: string;
+                };
+                left: {
+                    mapsTo: string;
+                    scaleType: string;
+                };
+            };
+            curve: string;
+            height: string;
+        };
+    };
+};
+export declare const AreaMultipleBoundedAreasNaturalCurve: {
+    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;
+            min: number;
+            max: number;
+        }[];
+        options: {
+            title: string;
+            legend: {
+                enabled: boolean;
+            };
+            bounds: {
+                upperBoundMapsTo: string;
+                lowerBoundMapsTo: string;
+            };
+            axes: {
+                bottom: {
+                    title: string;
+                    mapsTo: string;
+                    scaleType: string;
+                    highlights: {
+                        highlightStartMapsTo: string;
+                        highlightEndMapsTo: string;
+                        labelMapsTo: string;
+                        data: {
+                            startHighlight: Date;
+                            label: string;
+                            endHighlight: Date;
+                        }[];
+                    };
+                };
+                left: {
+                    mapsTo: string;
+                    scaleType: string;
+                };
+            };
+            curve: string;
+            height: string;
+        };
+    };
+};
+export declare const AreaMultipleBoundedAreasNaturalCurveZoomBarEnabled: {
+    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;
+            min: number;
+            max: number;
+        }[];
+        options: {
+            title: string;
+            legend: {
+                enabled: boolean;
+            };
+            bounds: {
+                upperBoundMapsTo: string;
+                lowerBoundMapsTo: string;
+            };
+            axes: {
+                bottom: {
+                    title: string;
+                    mapsTo: string;
+                    scaleType: string;
+                    highlights: {
+                        highlightStartMapsTo: string;
+                        highlightEndMapsTo: string;
+                        labelMapsTo: string;
+                        data: {
+                            startHighlight: Date;
+                            label: string;
+                            endHighlight: Date;
+                        }[];
+                    };
+                };
+                left: {
+                    mapsTo: string;
+                    scaleType: string;
+                };
+            };
+            curve: string;
+            height: string;
+            zoomBar: {
+                top: {
+                    enabled: boolean;
+                };
+            };
+        };
+    };
+};
+export declare const AreaSkeleton: {
+    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;
+            min: number;
+            max: number;
+        }[];
+        options: {
+            title: string;
+            bounds: {
+                upperBoundMapsTo: string;
+                lowerBoundMapsTo: string;
+            };
+            axes: {
+                bottom: {
+                    title: string;
+                    mapsTo: string;
+                    scaleType: string;
+                };
+                left: {
+                    mapsTo: string;
+                    scaleType: string;
+                };
+            };
+            curve: string;
+            data: {
+                loading: boolean;
+            };
+            height: string;
+        };
+    };
+};
+export declare const AreaEmptyState: {
+    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;
+                };
+                bottom: {
+                    scaleType: string;
+                    mapsTo: string;
+                };
+            };
+            height: string;
+        };
+    };
+};
+export declare const AreaTimeSeriesWithCustomColors: {
+    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;
+                };
+            };
+            height: string;
+            colors: string[];
+        };
+    };
+};

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

@@ -0,0 +1,136 @@
+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 StackedAreaTimeSeries: {
+    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: {
+                    stacked: boolean;
+                    scaleType: string;
+                    mapsTo: string;
+                };
+                bottom: {
+                    scaleType: string;
+                    mapsTo: string;
+                };
+            };
+            color: {
+                scale: number;
+            };
+            curve: string;
+            height: string;
+        };
+    };
+};
+export declare const StackedAreaTimeSeriesWithUnevenData: {
+    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: {
+                    stacked: boolean;
+                    mapsTo: string;
+                };
+                bottom: {
+                    scaleType: string;
+                    mapsTo: string;
+                };
+            };
+            curve: string;
+            height: string;
+        };
+    };
+};
+export declare const StackedAreaPercentage: {
+    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: {
+                    stacked: boolean;
+                    percentage: boolean;
+                    ticks: {};
+                    mapsTo: string;
+                };
+                bottom: {
+                    scaleType: string;
+                    mapsTo: string;
+                };
+            };
+            curve: string;
+            height: string;
+        };
+    };
+};
+export declare const VerticalStackedAreatimeSeriesWithToolbarOverride: {
+    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;
+                    stacked: boolean;
+                };
+                bottom: {
+                    mapsTo: string;
+                    scaleType: string;
+                };
+            };
+            toolbar: {
+                enabled: boolean;
+                numberOfIcons: number;
+                controls: ({
+                    type: string;
+                    text?: undefined;
+                    iconSVG?: undefined;
+                } | {
+                    type: string;
+                    text: string;
+                    iconSVG: {
+                        content: string;
+                    };
+                })[];
+            };
+            zoomBar: {
+                top: {
+                    enabled: boolean;
+                };
+            };
+            height: string;
+        };
+    };
+};

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

@@ -0,0 +1,214 @@
+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 VerticalSimpleBarDiscrete: {
+    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: {
+                left: {
+                    mapsTo: string;
+                };
+                bottom: {
+                    mapsTo: string;
+                    scaleType: string;
+                };
+            };
+            height: string;
+            tooltip: {
+                valueFormatter: (value: any) => string;
+                enabled: boolean;
+            };
+        };
+    };
+};
+export declare const VerticalSimpleBarTimeSeries: {
+    render: import("@storybook/csf").AnnotatedStoryFn<import("@storybook/react/types-6-0").ReactFramework, CarbonChartProps>;
+    args: {
+        isInverse: boolean;
+        type: CarbonChartType;
+        dataSet: {
+            group: string;
+            date: Date;
+            value: number;
+        }[];
+        options: {
+            title: string;
+            axes: {
+                left: {
+                    mapsTo: string;
+                };
+                bottom: {
+                    mapsTo: string;
+                    scaleType: string;
+                };
+            };
+            height: string;
+        };
+    };
+};
+export declare const VerticalSimpleBarTimeSeriesDenseDataTurkish: {
+    render: import("@storybook/csf").AnnotatedStoryFn<import("@storybook/react/types-6-0").ReactFramework, CarbonChartProps>;
+    args: {
+        isInverse: boolean;
+        type: CarbonChartType;
+        dataSet: {
+            group: string;
+            date: Date;
+            value: number;
+        }[];
+        options: {
+            title: string;
+            axes: {
+                left: {
+                    mapsTo: string;
+                    ticks: {};
+                };
+                bottom: {
+                    mapsTo: string;
+                    scaleType: string;
+                    ticks: {};
+                };
+            };
+            tooltip: {};
+            bars: {
+                maxWidth: number;
+            };
+            height: string;
+        };
+    };
+};
+export declare const VerticalSimpleBarEmptyState: {
+    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: {};
+                bottom: {
+                    scaleType: string;
+                };
+            };
+            height: string;
+        };
+    };
+};
+export declare const VerticalSimpleBarSkeleton: {
+    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: {};
+                bottom: {
+                    scaleType: string;
+                };
+            };
+            data: {
+                loading: boolean;
+            };
+            height: string;
+        };
+    };
+};
+export declare const HorizontalSimpleBarTimeSeries: {
+    render: import("@storybook/csf").AnnotatedStoryFn<import("@storybook/react/types-6-0").ReactFramework, CarbonChartProps>;
+    args: {
+        isInverse: boolean;
+        type: CarbonChartType;
+        dataSet: {
+            group: string;
+            date: Date;
+            value: number;
+        }[];
+        options: {
+            title: string;
+            axes: {
+                left: {
+                    mapsTo: string;
+                    scaleType: string;
+                };
+                bottom: {
+                    mapsTo: string;
+                };
+            };
+            height: string;
+        };
+    };
+};
+export declare const HorizontalSimpleBarDiscrete: {
+    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: {
+                left: {
+                    mapsTo: string;
+                    scaleType: string;
+                };
+                bottom: {
+                    mapsTo: string;
+                };
+            };
+            height: string;
+        };
+    };
+};
+export declare const HorizontalSimpleBarSkeleton: {
+    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: {
+                    scaleType: string;
+                };
+                bottom: {};
+            };
+            data: {
+                loading: boolean;
+            };
+            height: string;
+        };
+    };
+};
+export declare const HorizontalSimpleBarEmptyState: {
+    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: {
+                    scaleType: string;
+                };
+                bottom: {};
+            };
+            height: string;
+        };
+    };
+};