npm - @react-magma/charts - Versions diffs - 12.0.0 → 12.0.1-next.0 - Mend

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

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (51) hide show

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

@@ -1,12 +1,310 @@
-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 AreaTimeSeriesNaturalCurve: import("@storybook/csf").AnnotatedStoryFn<import("@storybook/react/types-6-0").ReactFramework, CarbonChartProps>;
-export declare const AreaTimeSeries: import("@storybook/csf").AnnotatedStoryFn<import("@storybook/react/types-6-0").ReactFramework, CarbonChartProps>;
-export declare const AreaDiscreteDomain: import("@storybook/csf").AnnotatedStoryFn<import("@storybook/react/types-6-0").ReactFramework, CarbonChartProps>;
-export declare const BoundedAreaTimeSeriesNaturalCurve: import("@storybook/csf").AnnotatedStoryFn<import("@storybook/react/types-6-0").ReactFramework, CarbonChartProps>;
-export declare const AreaMultipleBoundedAreasNaturalCurve: import("@storybook/csf").AnnotatedStoryFn<import("@storybook/react/types-6-0").ReactFramework, CarbonChartProps>;
-export declare const AreaMultipleBoundedAreasNaturalCurveZoomBarEnabled: import("@storybook/csf").AnnotatedStoryFn<import("@storybook/react/types-6-0").ReactFramework, CarbonChartProps>;
-export declare const AreaSkeleton: import("@storybook/csf").AnnotatedStoryFn<import("@storybook/react/types-6-0").ReactFramework, CarbonChartProps>;
-export declare const AreaEmptyState: import("@storybook/csf").AnnotatedStoryFn<import("@storybook/react/types-6-0").ReactFramework, CarbonChartProps>;
-export declare const AreaTimeSeriesWithCustomColors: import("@storybook/csf").AnnotatedStoryFn<import("@storybook/react/types-6-0").ReactFramework, CarbonChartProps>;
+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 CHANGED Viewed

@@ -1,7 +1,136 @@
-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 StackedAreaTimeSeries: import("@storybook/csf").AnnotatedStoryFn<import("@storybook/react/types-6-0").ReactFramework, CarbonChartProps>;
-export declare const StackedAreaTimeSeriesWithUnevenData: import("@storybook/csf").AnnotatedStoryFn<import("@storybook/react/types-6-0").ReactFramework, CarbonChartProps>;
-export declare const StackedAreaPercentage: import("@storybook/csf").AnnotatedStoryFn<import("@storybook/react/types-6-0").ReactFramework, CarbonChartProps>;
-export declare const VerticalStackedAreatimeSeriesWithToolbarOverride: import("@storybook/csf").AnnotatedStoryFn<import("@storybook/react/types-6-0").ReactFramework, CarbonChartProps>;
+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 CHANGED Viewed

@@ -1,12 +1,214 @@
-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 VerticalSimpleBarDiscrete: import("@storybook/csf").AnnotatedStoryFn<import("@storybook/react/types-6-0").ReactFramework, CarbonChartProps>;
-export declare const VerticalSimpleBarTimeSeries: import("@storybook/csf").AnnotatedStoryFn<import("@storybook/react/types-6-0").ReactFramework, CarbonChartProps>;
-export declare const VerticalSimpleBarTimeSeriesDenseDataTurkish: import("@storybook/csf").AnnotatedStoryFn<import("@storybook/react/types-6-0").ReactFramework, CarbonChartProps>;
-export declare const VerticalSimpleBarEmptyState: import("@storybook/csf").AnnotatedStoryFn<import("@storybook/react/types-6-0").ReactFramework, CarbonChartProps>;
-export declare const VerticalSimpleBarSkeleton: import("@storybook/csf").AnnotatedStoryFn<import("@storybook/react/types-6-0").ReactFramework, CarbonChartProps>;
-export declare const HorizontalSimpleBarTimeSeries: import("@storybook/csf").AnnotatedStoryFn<import("@storybook/react/types-6-0").ReactFramework, CarbonChartProps>;
-export declare const HorizontalSimpleBarDiscrete: import("@storybook/csf").AnnotatedStoryFn<import("@storybook/react/types-6-0").ReactFramework, CarbonChartProps>;
-export declare const HorizontalSimpleBarSkeleton: import("@storybook/csf").AnnotatedStoryFn<import("@storybook/react/types-6-0").ReactFramework, CarbonChartProps>;
-export declare const HorizontalSimpleBarEmptyState: import("@storybook/csf").AnnotatedStoryFn<import("@storybook/react/types-6-0").ReactFramework, CarbonChartProps>;
+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;
+        };
+    };
+};