@carbon/charts 0.41.48 → 0.41.52

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.48](https://github.com/carbon-design-system/carbon-charts/compare/v0.41.47...v0.41.48) (2021-03-31)
+## [0.41.52](https://github.com/carbon-design-system/carbon-charts/compare/v0.41.51...v0.41.52) (2021-04-12)
 
 **Note:** Version bump only for package @carbon/charts
 
@@ -11,7 +11,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
 
 
 
-## [0.41.47](https://github.com/carbon-design-system/carbon-charts/compare/v0.41.46...v0.41.47) (2021-03-30)
+## [0.41.51](https://github.com/carbon-design-system/carbon-charts/compare/v0.41.50...v0.41.51) (2021-04-12)
 
 **Note:** Version bump only for package @carbon/charts
 
@@ -19,34 +19,43 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
 
 
 
-## [0.41.46](https://github.com/carbon-design-system/carbon-charts/compare/v0.41.45...v0.41.46) (2021-03-29)
+# Change Log
 
-**Note:** Version bump only for package @carbon/charts
+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
 
-# Change Log
+## [0.41.48](https://github.com/carbon-design-system/carbon-charts/compare/v0.41.47...v0.41.48) (2021-03-31)
 
-All notable changes to this project will be documented in this file. See
-[Conventional Commits](https://conventionalcommits.org) for commit guidelines.
+**Note:** Version bump only for package @carbon/charts
 
-## [0.41.45](https://github.com/carbon-design-system/carbon-charts/compare/v0.41.44...v0.41.45) (2021-03-29)
+## [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
 
+# 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.44](https://github.com/carbon-design-system/carbon-charts/compare/v0.41.43...v0.41.44) (2021-03-24)
+## [0.41.45](https://github.com/carbon-design-system/carbon-charts/compare/v0.41.44...v0.41.45) (2021-03-29)
 
 **Note:** Version bump only for package @carbon/charts
 
+## [0.41.44](https://github.com/carbon-design-system/carbon-charts/compare/v0.41.43...v0.41.44) (2021-03-24)
 
-
-
+**Note:** Version bump only for package @carbon/charts
 
 ## [0.41.43](https://github.com/carbon-design-system/carbon-charts/compare/v0.41.42...v0.41.43) (2021-03-15)
 

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

@@ -0,0 +1,93 @@
+declare const _default: {
+    AreaChart: {
+        vanilla: string;
+        angular: string;
+        vue: string;
+    };
+    BoxplotChart: {
+        vanilla: string;
+        angular: string;
+        vue: string;
+    };
+    BubbleChart: {
+        vanilla: string;
+        angular: string;
+        vue: string;
+    };
+    ComboChart: {
+        vanilla: string;
+        angular: string;
+        vue: string;
+    };
+    DonutChart: {
+        vanilla: string;
+        angular: string;
+        vue: string;
+    };
+    GaugeChart: {
+        vanilla: string;
+        angular: string;
+        vue: string;
+    };
+    GroupedBarChart: {
+        vanilla: string;
+        angular: string;
+        vue: string;
+    };
+    LineChart: {
+        vanilla: string;
+        angular: string;
+        vue: string;
+    };
+    LollipopChart: {
+        vanilla: string;
+        angular: string;
+        vue: string;
+    };
+    MeterChart: {
+        vanilla: string;
+        angular: string;
+        vue: string;
+    };
+    PieChart: {
+        vanilla: string;
+        angular: string;
+        vue: string;
+    };
+    RadarChart: {
+        vanilla: string;
+        angular: string;
+        vue: string;
+    };
+    ScatterChart: {
+        vanilla: string;
+        angular: string;
+        vue: string;
+    };
+    SimpleBarChart: {
+        vanilla: string;
+        angular: string;
+        vue: string;
+    };
+    StackedAreaChart: {
+        vanilla: string;
+        angular: string;
+        vue: string;
+    };
+    StackedBarChart: {
+        vanilla: string;
+        angular: string;
+        vue: string;
+    };
+    TreemapChart: {
+        vanilla: string;
+        angular: string;
+        vue: string;
+    };
+    WordCloudChart: {
+        vanilla: string;
+        angular: string;
+        vue: string;
+    };
+};
+export default _default;

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

@@ -142,29 +142,6 @@ export declare const simpleBarCenteredLegendOptions: {
         alignment: string;
     };
 };
-export declare const simpleBarLongLabelData: {
-    group: string;
-    value: number;
-}[];
-export declare const simpleBarLongLabelOptions: {
-    title: string;
-    axes: {
-        left: {
-            mapsTo: string;
-        };
-        bottom: {
-            mapsTo: string;
-            scaleType: string;
-        };
-    };
-    legend: {
-        truncation: {
-            type: string;
-            threshold: number;
-            numCharacter: number;
-        };
-    };
-};
 export declare const simpleBarFixedDomainOptions: {
     title: string;
     axes: {
@@ -262,6 +239,23 @@ export declare const simpleBarTimeSeriesOptions: {
             scaleType: string;
         };
     };
+};
+export declare const simpleBarTurkishLocaleData: {
+    group: string;
+    date: Date;
+    value: number;
+}[];
+export declare const simpleBarTurkishLocaleOptions: {
+    title: string;
+    axes: {
+        left: {
+            mapsTo: string;
+        };
+        bottom: {
+            mapsTo: string;
+            scaleType: string;
+        };
+    };
     timeScale: {
         localeObject: Locale;
     };

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

@@ -431,4 +431,7 @@ export declare const comboAreaLineTimeSeriesOptions: {
         correspondingDatasets: string[];
     })[];
     curve: string;
+    timeScale: {
+        addSpaceOnEdges: number;
+    };
 };

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

@@ -2,102 +2,26 @@ 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 './lollipop';
 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 './time-series-axis';
 export * from './treemap';
-export declare const chartTypes: {
-    AreaChart: {
-        vanilla: string;
-        angular: string;
-        vue: string;
-    };
-    BoxplotChart: {
-        vanilla: string;
-        angular: string;
-        vue: string;
-    };
-    BubbleChart: {
-        vanilla: string;
-        angular: string;
-        vue: string;
-    };
-    ComboChart: {
-        vanilla: string;
-        angular: string;
-        vue: string;
-    };
-    DonutChart: {
-        vanilla: string;
-        angular: string;
-        vue: string;
-    };
-    GaugeChart: {
-        vanilla: string;
-        angular: string;
-        vue: string;
-    };
-    GroupedBarChart: {
-        vanilla: string;
-        angular: string;
-        vue: string;
-    };
-    LineChart: {
-        vanilla: string;
-        angular: string;
-        vue: string;
-    };
-    LollipopChart: {
-        vanilla: string;
-        angular: string;
-        vue: string;
-    };
-    MeterChart: {
-        vanilla: string;
-        angular: string;
-        vue: string;
-    };
-    PieChart: {
-        vanilla: string;
-        angular: string;
-        vue: string;
-    };
-    RadarChart: {
-        vanilla: string;
-        angular: string;
-        vue: string;
-    };
-    ScatterChart: {
-        vanilla: string;
-        angular: string;
-        vue: string;
-    };
-    SimpleBarChart: {
-        vanilla: string;
-        angular: string;
-        vue: string;
-    };
-    StackedAreaChart: {
-        vanilla: string;
-        angular: string;
-        vue: string;
-    };
-    StackedBarChart: {
-        vanilla: string;
-        angular: string;
-        vue: string;
-    };
-    TreemapChart: {
-        vanilla: string;
-        angular: string;
-        vue: string;
-    };
-};
-export declare const storybookDemoGroups: any;
-export declare const demoGroups: any;
+export * from './toolbar';
+export * from './wordcloud';
+export * from './zoom-bar';
+export * from './high-scale';
+export * from './CHART_TYPES';
+export declare enum DemoGroupTypes {
+    UTILITY = "utility",
+    SIMPLE_CHART = "simple-chart",
+    COMPLEX_CHART = "complex-chart"
+}
+export declare const storybookDemoGroups: any[];

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

@@ -61,35 +61,6 @@ export declare const sparklineLoadingOptions: {
         loading: boolean;
     };
 };
-export declare const lineCenteredLegendData: ({
-    group: string;
-    key: string;
-    value: number;
-    audienceSize?: undefined;
-} | {
-    group: string;
-    key: string;
-    value: number;
-    audienceSize: number;
-})[];
-export declare const lineCenteredLegendOptions: {
-    title: string;
-    axes: {
-        bottom: {
-            title: string;
-            mapsTo: string;
-            scaleType: string;
-        };
-        left: {
-            mapsTo: string;
-            title: string;
-            scaleType: string;
-        };
-    };
-    legend: {
-        alignment: string;
-    };
-};
 export declare const lineLongLabelData: ({
     group: string;
     key: string;
@@ -206,23 +177,6 @@ export declare const lineTimeSeriesOptions: {
     };
     curve: string;
 };
-export declare const lineTimeSeriesCustomDomainOptions: {
-    title: string;
-    axes: {
-        bottom: {
-            title: string;
-            domain: Date[];
-            mapsTo: string;
-            scaleType: string;
-        };
-        left: {
-            mapsTo: string;
-            title: string;
-            scaleType: string;
-        };
-    };
-    curve: string;
-};
 export declare const lineTimeSeriesWithThresholdsOptions: {
     title: string;
     axes: {
@@ -286,6 +240,9 @@ export declare const lineTimeSeriesRotatedTicksOptions: {
         bottom: {
             scaleType: string;
             mapsTo: string;
+            ticks: {
+                rotation: string;
+            };
         };
         left: {
             mapsTo: string;
@@ -295,37 +252,6 @@ export declare const lineTimeSeriesRotatedTicksOptions: {
         clickable: boolean;
     };
 };
-export declare const lineHorizontalOptions: {
-    title: string;
-    axes: {
-        left: {
-            title: string;
-            mapsTo: string;
-            scaleType: string;
-        };
-        bottom: {
-            mapsTo: string;
-            title: string;
-            scaleType: string;
-        };
-    };
-};
-export declare const lineTimeSeriesHorizontalOptions: {
-    title: string;
-    axes: {
-        left: {
-            title: string;
-            mapsTo: string;
-            scaleType: string;
-        };
-        bottom: {
-            mapsTo: string;
-            title: string;
-            scaleType: string;
-        };
-    };
-    curve: string;
-};
 export declare const lineEmptyStateData: any[];
 export declare const lineEmptyStateOptions: {
     title: string;

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

@@ -36,24 +36,6 @@ export declare const scatterDiscreteOptions: {
         };
     };
 };
-export declare const scatterLongLabelDiscreteData: {
-    group: string;
-    key: string;
-    value: number;
-}[];
-export declare const scatterLongLabelDiscreteOptions: {
-    title: string;
-    axes: {
-        bottom: {
-            title: string;
-            scaleType: string;
-            mapsTo: string;
-        };
-        left: {
-            mapsTo: string;
-        };
-    };
-};
 export declare const scatterTimeSeriesData: {
     group: string;
     date: Date;

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
  */