@carbon/charts 0.41.6 → 0.41.11

package/CHANGELOG.md

@@ -3,7 +3,7 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
-## [0.41.6](https://github.com/carbon-design-system/carbon-charts/compare/v0.41.5...v0.41.6) (2020-11-20)
+## [0.41.11](https://github.com/carbon-design-system/carbon-charts/compare/v0.41.10...v0.41.11) (2020-12-04)
 
 **Note:** Version bump only for package @carbon/charts
 
@@ -11,7 +11,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
 
 
 
-## [0.41.5](https://github.com/carbon-design-system/carbon-charts/compare/v0.41.4...v0.41.5) (2020-11-19)
+## [0.41.10](https://github.com/carbon-design-system/carbon-charts/compare/v0.41.9...v0.41.10) (2020-12-01)
 
 **Note:** Version bump only for package @carbon/charts
 
@@ -19,7 +19,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
 
 
 
-## [0.41.4](https://github.com/carbon-design-system/carbon-charts/compare/v0.41.3...v0.41.4) (2020-11-16)
+## [0.41.9](https://github.com/carbon-design-system/carbon-charts/compare/v0.41.8...v0.41.9) (2020-11-27)
 
 **Note:** Version bump only for package @carbon/charts
 
@@ -27,39 +27,67 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
 
 
 
-## [0.41.3](https://github.com/carbon-design-system/carbon-charts/compare/v0.41.2...v0.41.3) (2020-11-16)
+## [0.41.8](https://github.com/carbon-design-system/carbon-charts/compare/v0.41.7...v0.41.8) (2020-11-26)
 
+**Note:** Version bump only for package @carbon/charts
 
-### Bug Fixes
 
-* **core:** use fill:transparent for toolbar controls ([#884](https://github.com/carbon-design-system/carbon-charts/issues/884)) ([681ec23](https://github.com/carbon-design-system/carbon-charts/commit/681ec23705d54bbf47f0e71655983ecbbebc7dd8))
 
 
 
+# Change Log
 
+All notable changes to this project will be documented in this file. See
+[Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
-## [0.41.2](https://github.com/carbon-design-system/carbon-charts/compare/v0.41.1...v0.41.2) (2020-11-13)
+## [0.41.7](https://github.com/carbon-design-system/carbon-charts/compare/v0.41.6...v0.41.7) (2020-11-26)
 
+**Note:** Version bump only for package @carbon/charts
 
-### Bug Fixes
 
-* **core:** sanitize user provided axis domains ([5865b7a](https://github.com/carbon-design-system/carbon-charts/commit/5865b7a16ea424314115b05af818eed9449d2564))
-* **core:** tooltips should hide when mouseout is triggered on the chart holder ([#887](https://github.com/carbon-design-system/carbon-charts/issues/887)) ([9ee5210](https://github.com/carbon-design-system/carbon-charts/commit/9ee5210497032108857f503b69eff2c73b22cf06))
 
 
 
+## [0.41.6](https://github.com/carbon-design-system/carbon-charts/compare/v0.41.5...v0.41.6) (2020-11-20)
 
+**Note:** Version bump only for package @carbon/charts
 
-## [0.41.1](https://github.com/carbon-design-system/carbon-charts/compare/v0.41.0...v0.41.1) (2020-11-10)
+## [0.41.5](https://github.com/carbon-design-system/carbon-charts/compare/v0.41.4...v0.41.5) (2020-11-19)
 
+**Note:** Version bump only for package @carbon/charts
+
+## [0.41.4](https://github.com/carbon-design-system/carbon-charts/compare/v0.41.3...v0.41.4) (2020-11-16)
+
+**Note:** Version bump only for package @carbon/charts
+
+## [0.41.3](https://github.com/carbon-design-system/carbon-charts/compare/v0.41.2...v0.41.3) (2020-11-16)
 
 ### Bug Fixes
 
-* **core:** correct axis title paddings in y-axes ([#873](https://github.com/carbon-design-system/carbon-charts/issues/873)) ([8a27a5f](https://github.com/carbon-design-system/carbon-charts/commit/8a27a5f65cbc55a878e603c9aa96c6f38d6ea10d)), closes [#859](https://github.com/carbon-design-system/carbon-charts/issues/859)
+-   **core:** use fill:transparent for toolbar controls
+    ([#884](https://github.com/carbon-design-system/carbon-charts/issues/884))
+    ([681ec23](https://github.com/carbon-design-system/carbon-charts/commit/681ec23705d54bbf47f0e71655983ecbbebc7dd8))
+
+## [0.41.2](https://github.com/carbon-design-system/carbon-charts/compare/v0.41.1...v0.41.2) (2020-11-13)
+
+### Bug Fixes
 
+-   **core:** sanitize user provided axis domains
+    ([5865b7a](https://github.com/carbon-design-system/carbon-charts/commit/5865b7a16ea424314115b05af818eed9449d2564))
+-   **core:** tooltips should hide when mouseout is triggered on the chart
+    holder
+    ([#887](https://github.com/carbon-design-system/carbon-charts/issues/887))
+    ([9ee5210](https://github.com/carbon-design-system/carbon-charts/commit/9ee5210497032108857f503b69eff2c73b22cf06))
 
+## [0.41.1](https://github.com/carbon-design-system/carbon-charts/compare/v0.41.0...v0.41.1) (2020-11-10)
 
+### Bug Fixes
 
+-   **core:** correct axis title paddings in y-axes
+    ([#873](https://github.com/carbon-design-system/carbon-charts/issues/873))
+    ([8a27a5f](https://github.com/carbon-design-system/carbon-charts/commit/8a27a5f65cbc55a878e603c9aa96c6f38d6ea10d)),
+    closes
+    [#859](https://github.com/carbon-design-system/carbon-charts/issues/859)
 
 # Change Log
 
@@ -68,31 +96,27 @@ All notable changes to this project will be documented in this file. See
 
 # [0.41.0](https://github.com/carbon-design-system/carbon-charts/compare/v0.40.14...v0.41.0) (2020-11-10)
 
-
 ### Bug Fixes
 
-* use fill:none to allow transparent toolbar control background ([#858](https://github.com/carbon-design-system/carbon-charts/issues/858)) ([e4bf1bf](https://github.com/carbon-design-system/carbon-charts/commit/e4bf1bf45f59b5a4521aa2b6e5856715f148b1d5))
-* **core:** only set zoombar data and sanitize date values if a cartesian time-series chart ([88c8fa1](https://github.com/carbon-design-system/carbon-charts/commit/88c8fa1feee0d8866608bc39426638afb1c81294))
-
+-   use fill:none to allow transparent toolbar control background
+    ([#858](https://github.com/carbon-design-system/carbon-charts/issues/858))
+    ([e4bf1bf](https://github.com/carbon-design-system/carbon-charts/commit/e4bf1bf45f59b5a4521aa2b6e5856715f148b1d5))
+-   **core:** only set zoombar data and sanitize date values if a cartesian
+    time-series chart
+    ([88c8fa1](https://github.com/carbon-design-system/carbon-charts/commit/88c8fa1feee0d8866608bc39426638afb1c81294))
 
 ### Features
 
-* **core:** add alignment options for gauge charts ([#877](https://github.com/carbon-design-system/carbon-charts/issues/877)) ([5d4a621](https://github.com/carbon-design-system/carbon-charts/commit/5d4a621e4b92e3e1fdaa9a3318467c84379e8881))
-
-
-
-
+-   **core:** add alignment options for gauge charts
+    ([#877](https://github.com/carbon-design-system/carbon-charts/issues/877))
+    ([5d4a621](https://github.com/carbon-design-system/carbon-charts/commit/5d4a621e4b92e3e1fdaa9a3318467c84379e8881))
 
 ## [0.40.14](https://github.com/carbon-design-system/carbon-charts/compare/v0.40.13...v0.40.14) (2020-11-09)
 
-
 ### Bug Fixes
 
-* **core:** replace import to lodash with lodash-es ([700ba09](https://github.com/carbon-design-system/carbon-charts/commit/700ba0989ca130c2b750acc868b5bc36192f6f07))
-
-
-
-
+-   **core:** replace import to lodash with lodash-es
+    ([700ba09](https://github.com/carbon-design-system/carbon-charts/commit/700ba0989ca130c2b750acc868b5bc36192f6f07))
 
 ## [0.40.13](https://github.com/carbon-design-system/carbon-charts/compare/v0.40.12...v0.40.13) (2020-11-06)
 

package/build/demo/data/index.d.ts

@@ -52,6 +52,11 @@ export declare const chartTypes: {
         angular: string;
         vue: string;
     };
+    LollipopChart: {
+        vanilla: string;
+        angular: string;
+        vue: string;
+    };
     PieChart: {
         vanilla: string;
         angular: string;

package/build/demo/data/line.d.ts

@@ -291,6 +291,9 @@ export declare const lineTimeSeriesRotatedTicksOptions: {
             mapsTo: string;
         };
     };
+    legend: {
+        clickable: boolean;
+    };
 };
 export declare const lineHorizontalOptions: {
     title: string;

package/build/demo/data/lollipop.d.ts

@@ -0,0 +1,39 @@
+export declare const lollipopDiscreteData: {
+    group: string;
+    key: string;
+    value: number;
+}[];
+export declare const lollipopDiscreteOptions: {
+    title: string;
+    axes: {
+        bottom: {
+            title: string;
+            scaleType: string;
+            mapsTo: string;
+        };
+        left: {
+            mapsTo: string;
+        };
+    };
+};
+export declare const lollipopDiscretePresentationData: {
+    group: string;
+    key: string;
+    value: number;
+}[];
+export declare const lollipopDiscretePresentationOptions: {
+    title: string;
+    axes: {
+        left: {
+            title: string;
+            scaleType: string;
+            mapsTo: string;
+        };
+        bottom: {
+            mapsTo: string;
+        };
+    };
+    points: {
+        radius: number;
+    };
+};

package/build/demo/data/step.d.ts

@@ -1,4 +1,21 @@
-export declare const stepOptions: any;
+export declare const stepOptions: {
+    title: string;
+    axes: {
+        bottom: {
+            title: string;
+            mapsTo: string;
+            scaleType: string;
+        };
+        left: {
+            mapsTo: string;
+            title: string;
+            scaleType: string;
+        };
+    };
+} & {
+    title: string;
+    curve: string;
+};
 export declare const stepData: ({
     group: string;
     key: string;
@@ -10,13 +27,70 @@ export declare const stepData: ({
     value: number;
     audienceSize: number;
 })[];
-export declare const stepTimeSeriesOptions: any;
+export declare const stepTimeSeriesOptions: {
+    title: string;
+    axes: {
+        bottom: {
+            title: string;
+            mapsTo: string;
+            scaleType: string;
+        };
+        left: {
+            mapsTo: string;
+            title: string;
+            scaleType: string;
+        };
+    };
+    curve: string;
+} & {
+    title: string;
+    curve: string;
+};
 export declare const stepTimeSeriesData: {
     group: string;
     date: Date;
     value: number;
 }[];
 export declare const stepEmptyStateData: any[];
-export declare const stepEmptyStateOptions: any;
+export declare const stepEmptyStateOptions: {
+    title: string;
+    axes: {
+        bottom: {
+            title: string;
+            mapsTo: string;
+            scaleType: string;
+        };
+        left: {
+            mapsTo: string;
+            title: string;
+            scaleType: string;
+        };
+    };
+    curve: string;
+} & {
+    title: string;
+    curve: string;
+};
 export declare const stepSkeletonData: any[];
-export declare const stepSkeletonOptions: any;
+export declare const stepSkeletonOptions: {
+    title: string;
+    axes: {
+        bottom: {
+            title: string;
+            mapsTo: string;
+            scaleType: string;
+        };
+        left: {
+            mapsTo: string;
+            title: string;
+            scaleType: string;
+        };
+    };
+    curve: string;
+} & {
+    title: string;
+    curve: string;
+    data: {
+        loading: boolean;
+    };
+};

package/build/demo/data/time-series-axis.d.ts

@@ -16,6 +16,9 @@ export declare const lineTimeSeries15secondsOptions: {
             scaleType: string;
         };
     };
+    legend: {
+        clickable: boolean;
+    };
 };
 export declare const lineTimeSeriesDataMinute: {
     labels: string[];
@@ -35,6 +38,9 @@ export declare const lineTimeSeriesMinuteOptions: {
             scaleType: string;
         };
     };
+    legend: {
+        clickable: boolean;
+    };
 };
 export declare const lineTimeSeriesData30minutes: {
     labels: string[];
@@ -54,6 +60,9 @@ export declare const lineTimeSeries30minutesOptions: {
             scaleType: string;
         };
     };
+    legend: {
+        clickable: boolean;
+    };
 };
 export declare const lineTimeSeriesDataHourlyDefaultTicksFormats: {
     labels: string[];
@@ -73,6 +82,9 @@ export declare const lineTimeSeriesHourlyDefaultLocaleOptions: {
             scaleType: string;
         };
     };
+    legend: {
+        clickable: boolean;
+    };
 };
 export declare const lineTimeSeriesDataHourlyCustomTicksFormats: {
     labels: string[];
@@ -100,6 +112,9 @@ export declare const lineTimeSeriesHourlyCustomTicksFormatsOptions: {
             };
         };
     };
+    legend: {
+        clickable: boolean;
+    };
 };
 export declare const lineTimeSeriesDataDaily: {
     labels: string[];
@@ -119,6 +134,9 @@ export declare const lineTimeSeriesDailyOptions: {
             scaleType: string;
         };
     };
+    legend: {
+        clickable: boolean;
+    };
 };
 export declare const lineTimeSeriesDataWeekly: {
     labels: string[];
@@ -141,6 +159,9 @@ export declare const lineTimeSeriesWeeklyOptions: {
     timeScale: {
         showDayName: boolean;
     };
+    legend: {
+        clickable: boolean;
+    };
 };
 export declare const lineTimeSeriesDataMonthlyDefaultLocale: {
     labels: string[];
@@ -160,6 +181,9 @@ export declare const lineTimeSeriesMonthlyDefaultLocaleOptions: {
             scaleType: string;
         };
     };
+    legend: {
+        clickable: boolean;
+    };
 };
 export declare const lineTimeSeriesDataMonthlyCustomLocale: {
     labels: string[];
@@ -182,6 +206,9 @@ export declare const lineTimeSeriesMonthlyCustomLocaleOptions: {
     timeScale: {
         localeObject: Locale;
     };
+    legend: {
+        clickable: boolean;
+    };
 };
 export declare const lineTimeSeriesDataQuarterly: {
     labels: string[];
@@ -201,6 +228,9 @@ export declare const lineTimeSeriesQuarterlyOptions: {
             scaleType: string;
         };
     };
+    legend: {
+        clickable: boolean;
+    };
 };
 export declare const lineTimeSeriesDataYearly: {
     labels: string[];
@@ -220,6 +250,9 @@ export declare const lineTimeSeriesYearlyOptions: {
             scaleType: string;
         };
     };
+    legend: {
+        clickable: boolean;
+    };
 };
 export declare const lineTimeSeriesDataSingleDatum: {
     labels: string[];
@@ -239,6 +272,9 @@ export declare const lineTimeSeriesSingleDatumOptions: {
             scaleType: string;
         };
     };
+    legend: {
+        clickable: boolean;
+    };
 };
 export declare const lineTimeSeriesNoExtendedDomainData: {
     labels: string[];
@@ -261,6 +297,9 @@ export declare const lineTimeSeriesNoExtendedDomainOptions: {
     timeScale: {
         addSpaceOnEdges: number;
     };
+    legend: {
+        clickable: boolean;
+    };
 };
 export declare const lineTimeSeriesDataTwoIdenticalLabels: {
     labels: string[];
@@ -283,6 +322,9 @@ export declare const lineTimeSeriesTwoIdenticalLabelsOptions: {
     timeScale: {
         addSpaceOnEdges: number;
     };
+    legend: {
+        clickable: boolean;
+    };
 };
 export declare const lineTimeSeriesTwoIdenticalLabels2Options: {
     title: string;
@@ -295,6 +337,9 @@ export declare const lineTimeSeriesTwoIdenticalLabels2Options: {
     timeScale: {
         addSpaceOnEdges: number;
     };
+    legend: {
+        clickable: boolean;
+    };
 };
 export declare const lineTimeSeriesDataAllLabelsInPrimaryFormat: {
     labels: string[];
@@ -317,4 +362,7 @@ export declare const lineTimeSeriesAllLabelsInPrimaryFormatOptions: {
     timeScale: {
         addSpaceOnEdges: number;
     };
+    legend: {
+        clickable: boolean;
+    };
 };

package/build/src/axis-chart.d.ts

@@ -6,5 +6,5 @@ export declare class AxisChart extends Chart {
     services: any;
     model: ChartModelCartesian;
     constructor(holder: Element, chartConfigs: ChartConfig<AxisChartOptions>);
-    protected getAxisChartComponents(graphFrameComponents: any[]): (LayoutComponent | AxisChartsTooltip)[];
+    protected getAxisChartComponents(graphFrameComponents: any[]): (AxisChartsTooltip | LayoutComponent)[];
 }

package/build/src/chart.d.ts

@@ -10,5 +10,5 @@ export declare class Chart {
     getComponents(): any[];
     update(animate?: boolean): void;
     destroy(): void;
-    protected getChartComponents(graphFrameComponents: any[]): (LayoutComponent | Tooltip)[];
+    protected getChartComponents(graphFrameComponents: any[]): (Tooltip | LayoutComponent)[];
 }

package/build/src/charts/index.d.ts

@@ -5,6 +5,7 @@ export * from "./bar-grouped";
 export * from "./bar-stacked";
 export * from "./bubble";
 export * from "./line";
+export * from "./lollipop";
 export * from "./scatter";
 export * from "./pie";
 export * from "./donut";

package/build/src/charts/lollipop.d.ts

@@ -0,0 +1,6 @@
+import { AxisChart } from "../axis-chart";
+import { ChartConfig, LollipopChartOptions } from "../interfaces/index";
+export declare class LollipopChart extends AxisChart {
+    constructor(holder: Element, chartConfigs: ChartConfig<LollipopChartOptions>);
+    getComponents(): any[];
+}

package/build/src/components/graphs/lollipop.d.ts

@@ -0,0 +1,9 @@
+import { Scatter } from "./scatter";
+export declare class Lollipop extends Scatter {
+    type: string;
+    init(): void;
+    render(animate: boolean): void;
+    handleLegendOnHover: (event: CustomEvent<any>) => void;
+    handleLegendMouseOut: (event: CustomEvent<any>) => void;
+    destroy(): void;
+}

package/build/src/components/graphs/scatter.d.ts

@@ -2,8 +2,10 @@ import { Component } from "../component";
 import { Selection } from "d3-selection";
 export declare class Scatter extends Component {
     type: string;
+    scatterData: any;
     init(): void;
     filterBasedOnZoomDomain(data: any): any;
+    getScatterData(): any;
     render(animate: boolean): void;
     isDatapointThresholdAnomaly(datum: any, index: number): boolean;
     styleCircles(selection: Selection<any, any, any, any>, animate: boolean): void;

package/build/src/components/index.d.ts

@@ -12,6 +12,7 @@ export * from "./graphs/bar-grouped";
 export * from "./graphs/bar-stacked";
 export * from "./graphs/bubble";
 export * from "./graphs/line";
+export * from "./graphs/lollipop";
 export * from "./graphs/scatter";
 export * from "./graphs/scatter-stacked";
 export * from "./graphs/pie";

package/build/src/configuration.d.ts

@@ -1,4 +1,4 @@
-import { BaseChartOptions, AxisChartOptions, ScatterChartOptions, LineChartOptions, BarChartOptions, StackedBarChartOptions, AreaChartOptions, PieChartOptions, GaugeChartOptions, DonutChartOptions, BubbleChartOptions, RadarChartOptions, ComboChartOptions, TreemapChartOptions, GridOptions, RulerOptions, TimeScaleOptions, TooltipOptions, MeterChartOptions } from "./interfaces";
+import { BaseChartOptions, AxisChartOptions, ScatterChartOptions, LollipopChartOptions, LineChartOptions, BarChartOptions, StackedBarChartOptions, AreaChartOptions, PieChartOptions, GaugeChartOptions, DonutChartOptions, BubbleChartOptions, RadarChartOptions, ComboChartOptions, TreemapChartOptions, GridOptions, RulerOptions, TimeScaleOptions, TooltipOptions, MeterChartOptions } from "./interfaces";
 /**
  * Grid options
  */
@@ -23,6 +23,7 @@ export declare const options: {
     areaChart: AreaChartOptions;
     stackedAreaChart: AreaChartOptions;
     scatterChart: ScatterChartOptions;
+    lollipopChart: LollipopChartOptions;
     pieChart: PieChartOptions;
     donutChart: DonutChartOptions;
     meterChart: MeterChartOptions;

package/build/src/interfaces/charts.d.ts

@@ -139,6 +139,11 @@ export interface ScatterChartOptions extends AxisChartOptions {
         enabled?: boolean;
     };
 }
+/**
+ * options specific to lollipop charts
+ */
+export interface LollipopChartOptions extends ScatterChartOptions {
+}
 /**
  * options specific to bubble charts
  */

package/build/src/interfaces/model.d.ts

@@ -1,4 +1,5 @@
 import { AxisChartOptions } from "./charts";
+export declare type ChartTabularData = Record<string, any>[];
 /**
  * Configuration passed to the chart.
  *
@@ -6,7 +7,7 @@ import { AxisChartOptions } from "./charts";
  */
 export interface ChartConfig<T extends AxisChartOptions> {
     options: T;
-    data: ChartData | Promise<ChartData>;
+    data: ChartTabularData;
 }
 export interface DataSet {
     /**

package/build/stories/tutorials/combo-charts.d.ts

@@ -0,0 +1,4 @@
+export declare const comboChartTutorial: {
+    name: string;
+    content: string;
+};

package/build/stories/tutorials/index.d.ts

@@ -7,3 +7,4 @@ export * from "./tabular-data-format";
 export * from "./themes";
 export * from "./event-listeners";
 export * from "./color-palette";
+export * from "./combo-charts";