@carbon/charts 0.41.46 → 0.41.50

package/CHANGELOG.md

@@ -3,6 +3,38 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+## [0.41.50](https://github.com/carbon-design-system/carbon-charts/compare/v0.41.49...v0.41.50) (2021-04-07)
+
+**Note:** Version bump only for package @carbon/charts
+
+
+
+
+
+## [0.41.49](https://github.com/carbon-design-system/carbon-charts/compare/v0.41.48...v0.41.49) (2021-04-07)
+
+**Note:** Version bump only for package @carbon/charts
+
+
+
+
+
+## [0.41.48](https://github.com/carbon-design-system/carbon-charts/compare/v0.41.47...v0.41.48) (2021-03-31)
+
+**Note:** Version bump only for package @carbon/charts
+
+
+
+
+
+## [0.41.47](https://github.com/carbon-design-system/carbon-charts/compare/v0.41.46...v0.41.47) (2021-03-30)
+
+**Note:** Version bump only for package @carbon/charts
+
+
+
+
+
 ## [0.41.46](https://github.com/carbon-design-system/carbon-charts/compare/v0.41.45...v0.41.46) (2021-03-29)
 
 **Note:** Version bump only for package @carbon/charts

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

@@ -10,7 +10,6 @@ export declare const comboSimpleData: ({
     value?: undefined;
 })[];
 export declare const comboSimpleOptions: {
-    experimental: boolean;
     title: string;
     axes: {
         left: {
@@ -56,7 +55,6 @@ export declare const comboHorizontalData: ({
     value?: undefined;
 })[];
 export declare const comboHorizontalOptions: {
-    experimental: boolean;
     title: string;
     axes: {
         top: {
@@ -94,7 +92,6 @@ export declare const comboStackedData: ({
     value?: undefined;
 })[];
 export declare const comboStackedOptions: {
-    experimental: boolean;
     title: string;
     axes: {
         left: {
@@ -131,7 +128,6 @@ export declare const comboGroupedData: ({
     value?: undefined;
 })[];
 export declare const comboGroupedOptions: {
-    experimental: boolean;
     title: string;
     axes: {
         left: {
@@ -175,7 +171,6 @@ export declare const comboGroupedHorizontalData: ({
     value?: undefined;
 })[];
 export declare const comboGroupedHorizontalOptions: {
-    experimental: boolean;
     title: string;
     axes: {
         top: {
@@ -210,7 +205,6 @@ export declare const comboAreaLineData: ({
     value?: undefined;
 })[];
 export declare const comboAreaLineOptions: {
-    experimental: boolean;
     title: string;
     points: {
         enabled: boolean;
@@ -259,7 +253,6 @@ export declare const comboLineScatterData: ({
     temp?: undefined;
 })[];
 export declare const comboLineScatterOptions: {
-    experimental: boolean;
     title: string;
     axes: {
         left: {
@@ -285,7 +278,6 @@ export declare const comboLineScatterOptions: {
 };
 export declare const comboEmptyData: any[];
 export declare const comboEmptyOptions: {
-    experimental: boolean;
     title: string;
     axes: {
         left: {
@@ -320,7 +312,6 @@ export declare const comboLoadingData: ({
     temp?: undefined;
 })[];
 export declare const comboLoadingOptions: {
-    experimental: boolean;
     title: string;
     axes: {
         left: {
@@ -358,7 +349,6 @@ export declare const comboStackedAreaLine: ({
     value?: undefined;
 })[];
 export declare const comboStackedAreaLineOptions: {
-    experimental: boolean;
     title: string;
     axes: {
         left: {
@@ -406,7 +396,6 @@ export declare const comboAreaLineTimeSeriesData: ({
     value?: undefined;
 })[];
 export declare const comboAreaLineTimeSeriesOptions: {
-    experimental: boolean;
     title: string;
     points: {
         enabled: boolean;

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

@@ -2,63 +2,64 @@ export * from './area';
 export * from './bar';
 export * from './boxplot';
 export * from './bubble';
+export * from './combo';
 export * from './donut';
+export * from './gauge';
 export * from './line';
 export * from './meter';
 export * from './pie';
-export * from './gauge';
+export * from './radar';
 export * from './scatter';
 export * from './step';
-export * from './radar';
-export * from './combo';
 export * from './treemap';
+export * from './wordcloud';
 export declare const chartTypes: {
     AreaChart: {
         vanilla: string;
         angular: string;
         vue: string;
     };
-    SimpleBarChart: {
+    BoxplotChart: {
         vanilla: string;
         angular: string;
         vue: string;
     };
-    GroupedBarChart: {
+    BubbleChart: {
         vanilla: string;
         angular: string;
         vue: string;
     };
-    StackedBarChart: {
+    ComboChart: {
         vanilla: string;
         angular: string;
         vue: string;
     };
-    BoxplotChart: {
+    DonutChart: {
         vanilla: string;
         angular: string;
         vue: string;
     };
-    BubbleChart: {
+    GaugeChart: {
         vanilla: string;
         angular: string;
         vue: string;
     };
-    LineChart: {
+    GroupedBarChart: {
         vanilla: string;
         angular: string;
         vue: string;
     };
-    StackedAreaChart: {
+    LineChart: {
         vanilla: string;
         angular: string;
         vue: string;
     };
-    ScatterChart: {
+    LollipopChart: {
         vanilla: string;
         angular: string;
         vue: string;
     };
-    LollipopChart: {
+    MeterChart: {
         vanilla: string;
         angular: string;
         vue: string;
@@ -68,27 +69,27 @@ export declare const chartTypes: {
         angular: string;
         vue: string;
     };
-    GaugeChart: {
+    RadarChart: {
         vanilla: string;
         angular: string;
         vue: string;
     };
-    DonutChart: {
+    ScatterChart: {
         vanilla: string;
         angular: string;
         vue: string;
     };
-    MeterChart: {
+    SimpleBarChart: {
         vanilla: string;
         angular: string;
         vue: string;
     };
-    RadarChart: {
+    StackedAreaChart: {
         vanilla: string;
         angular: string;
         vue: string;
     };
-    ComboChart: {
+    StackedBarChart: {
         vanilla: string;
         angular: string;
         vue: string;
@@ -98,6 +99,11 @@ export declare const chartTypes: {
         angular: string;
         vue: string;
     };
+    WordCloudChart: {
+        vanilla: string;
+        angular: string;
+        vue: string;
+    };
 };
 export declare const storybookDemoGroups: any;
 export declare const demoGroups: any;

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

@@ -0,0 +1,14 @@
+export declare const wordCloudData: {
+    word: string;
+    value: number;
+    group: string;
+}[];
+export declare const wordCloudOptions: {
+    title: string;
+    resizable: boolean;
+    color: {
+        pairing: {
+            option: number;
+        };
+    };
+};

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

@@ -15,3 +15,4 @@ export * from './radar';
 export * from './gauge';
 export * from './combo';
 export * from './treemap';
+export * from './wordcloud';

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

@@ -0,0 +1,6 @@
+import { Chart } from '../chart';
+import { ChartConfig, WorldCloudChartOptions } from '../interfaces/index';
+export declare class WordCloudChart extends Chart {
+    constructor(holder: Element, chartConfigs: ChartConfig<WorldCloudChartOptions>);
+    getComponents(): any[];
+}

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

@@ -0,0 +1,10 @@
+import { Component } from '../component';
+export declare class WordCloud extends Component {
+    type: string;
+    init(): void;
+    getFontSizeScale(data: any): import("d3-scale").ScaleLinear<number, number>;
+    render(animate?: boolean): void;
+    handleLegendOnHover: (event: CustomEvent<any>) => void;
+    handleLegendMouseOut: (event: CustomEvent<any>) => void;
+    addEventListeners(): void;
+}

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

@@ -23,6 +23,7 @@ export * from './graphs/skeleton';
 export * from './graphs/skeleton-lines';
 export * from './graphs/treemap';
 export * from './graphs/radar';
+export * from './graphs/wordcloud';
 export * from './layout/spacer';
 export * from './layout/layout';
 export * from './axes/two-dimensional-axes';

package/build/src/configuration.d.ts

@@ -1,4 +1,4 @@
-import { BaseChartOptions, AxisChartOptions, ScatterChartOptions, LollipopChartOptions, LineChartOptions, BarChartOptions, StackedBarChartOptions, BoxplotChartOptions, AreaChartOptions, PieChartOptions, GaugeChartOptions, DonutChartOptions, BubbleChartOptions, RadarChartOptions, ComboChartOptions, TreemapChartOptions, GridOptions, RulerOptions, TimeScaleOptions, TooltipOptions, MeterChartOptions } from './interfaces';
+import { BaseChartOptions, AxisChartOptions, ScatterChartOptions, LollipopChartOptions, LineChartOptions, BarChartOptions, StackedBarChartOptions, BoxplotChartOptions, AreaChartOptions, PieChartOptions, GaugeChartOptions, DonutChartOptions, BubbleChartOptions, RadarChartOptions, ComboChartOptions, TreemapChartOptions, WorldCloudChartOptions, GridOptions, RulerOptions, TimeScaleOptions, TooltipOptions, MeterChartOptions } from './interfaces';
 /**
  * Grid options
  */
@@ -32,5 +32,6 @@ export declare const options: {
     gaugeChart: GaugeChartOptions;
     comboChart: ComboChartOptions;
     treemapChart: TreemapChartOptions;
+    wordCloudChart: WorldCloudChartOptions;
 };
 export * from './configuration-non-customizable';

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

@@ -216,6 +216,29 @@ export interface StackedAreaChartOptions extends ScatterChartOptions {
         name: string;
     };
 }
+/**
+ * options specific to world cloud charts
+ */
+export interface WordCloudChartTooltipOptions extends TooltipOptions {
+    /** the label that shows up by the highlighted word in the tooltip */
+    wordLabel?: string;
+    /** the label that shows up by the value of the highlighted word in the tooltip */
+    valueLabel?: string;
+}
+export interface WorldCloudChartOptions extends BaseChartOptions {
+    wordCloud?: {
+        /** what key in your charting data will the font sizes map to? */
+        fontSizeMapsTo?: string;
+        /** a function (chartSize, data) => {} that'll decide the range of font sizes, e.g. [10, 80] */
+        fontSizeRange?: Function;
+        /** what key in your charting data will the words map to? */
+        wordMapsTo?: string;
+    };
+    /**
+     * tooltip configuration
+     */
+    tooltip?: WordCloudChartTooltipOptions;
+}
 /**
  * options specific to pie charts
  */

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

@@ -53,6 +53,15 @@ export declare enum Area {
     AREA_CLICK = "area-click",
     AREA_MOUSEOUT = "area-mouseout"
 }
+/**
+ * enum of all wordcloud graph events
+ */
+export declare enum WordCloud {
+    WORD_MOUSEOVER = "wordcloud-word-mouseover",
+    WORD_MOUSEMOVE = "wordcloud-word-mousemove",
+    WORD_CLICK = "wordcloud-word-click",
+    WORD_MOUSEOUT = "wordcloud-word-mouseout"
+}
 /**
  * enum of all pie graph events
  */