@carbon/charts 0.41.49 → 0.41.50

package/CHANGELOG.md

@@ -3,6 +3,14 @@
 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

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

@@ -2,16 +2,17 @@ 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;
@@ -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
  */