@carbon/charts 0.48.3 → 0.49.2

package/CHANGELOG.md

@@ -3,6 +3,47 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+## [0.49.2](https://github.com/carbon-design-system/carbon-charts/compare/v0.49.1...v0.49.2) (2021-09-20)
+
+**Note:** Version bump only for package @carbon/charts
+
+
+
+
+
+## [0.49.1](https://github.com/carbon-design-system/carbon-charts/compare/v0.49.0...v0.49.1) (2021-09-17)
+
+
+### Bug Fixes
+
+* **core:** groupMapsTo in stacked bar charts ([#1156](https://github.com/carbon-design-system/carbon-charts/issues/1156)) ([4d6b61b](https://github.com/carbon-design-system/carbon-charts/commit/4d6b61ba86c154787f9e8acdf3ed8851dc8c6b17))
+
+
+
+
+
+# [0.49.0](https://github.com/carbon-design-system/carbon-charts/compare/v0.48.4...v0.49.0) (2021-09-15)
+
+
+### Features
+
+* **core:** create alluvial chart ([#1132](https://github.com/carbon-design-system/carbon-charts/issues/1132)) ([08fa194](https://github.com/carbon-design-system/carbon-charts/commit/08fa194f1c59ab2110c0d221886fc0174c936194)), closes [#871](https://github.com/carbon-design-system/carbon-charts/issues/871)
+
+
+
+
+
+## [0.48.4](https://github.com/carbon-design-system/carbon-charts/compare/v0.48.3...v0.48.4) (2021-09-13)
+
+
+### Bug Fixes
+
+* **core:** legend alignment incorrect initial rendering ([#1151](https://github.com/carbon-design-system/carbon-charts/issues/1151)) ([0b01426](https://github.com/carbon-design-system/carbon-charts/commit/0b0142677fd67041ee8576aa19cfa53f24e39a55))
+
+
+
+
+
 ## [0.48.3](https://github.com/carbon-design-system/carbon-charts/compare/v0.48.2...v0.48.3) (2021-09-13)
 
 

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

@@ -1,4 +1,9 @@
 declare const _default: {
+    AlluvialChart: {
+        vanilla: string;
+        angular: string;
+        vue: string;
+    };
     AreaChart: {
         vanilla: string;
         angular: string;

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

@@ -0,0 +1,45 @@
+export declare const alluvialSimpleData: {
+    source: string;
+    target: string;
+    value: number;
+}[];
+export declare const alluvialSimpleOptions: {
+    title: string;
+    alluvial: {
+        units: string;
+        nodes: {
+            name: string;
+            category: string;
+        }[];
+    };
+};
+export declare const alluvialMultipleCategoryOptions: {
+    title: string;
+    alluvial: {
+        nodes: {
+            name: string;
+            category: string;
+        }[];
+    };
+};
+export declare const alluvialMultipleCategoryData: {
+    source: string;
+    target: string;
+    value: number;
+}[];
+export declare const alluvialMonochromeData: {
+    source: string;
+    target: string;
+    value: number;
+}[];
+export declare const alluvialMonochromeOptions: {
+    title: string;
+    alluvial: {
+        nodes: {
+            name: string;
+            category: string;
+        }[];
+        monochrome: boolean;
+        nodePadding: number;
+    };
+};

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

@@ -21,6 +21,7 @@ export * from './toolbar';
 export * from './wordcloud';
 export * from './zoom-bar';
 export * from './high-scale';
+export * from './alluvial';
 export * from './CHART_TYPES';
 export declare enum DemoGroupTypes {
     UTILITY = "utility",

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

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

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

@@ -20,3 +20,4 @@ export * from './tree';
 export * from './treemap';
 export * from './circle-pack';
 export * from './wordcloud';
+export * from './alluvial';

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

@@ -0,0 +1,13 @@
+import { Component } from '../component';
+import { RenderTypes } from '../../interfaces';
+export declare class Alluvial extends Component {
+    type: string;
+    renderType: RenderTypes;
+    private graph;
+    render(animate?: boolean): void;
+    addLineEventListener(): void;
+    addNodeEventListener(): void;
+    private traverse;
+    getRightArrowIcon(): string;
+    destroy(): void;
+}

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

@@ -31,6 +31,7 @@ export * from './graphs/treemap';
 export * from './graphs/radar';
 export * from './graphs/circle-pack';
 export * from './graphs/wordcloud';
+export * from './graphs/alluvial';
 export * from './layout/spacer';
 export * from './layout/layout';
 export * from './axes/two-dimensional-axes';

package/build/src/configuration-non-customizable.d.ts

@@ -188,6 +188,16 @@ export declare const radar: {
     xAxisRectHeight: number;
     dotsRadius: number;
 };
+export declare const alluvial: {
+    nodeWidth: number;
+    nodeHoveredWidth: number;
+    minNodePadding: number;
+    opacity: {
+        unfocus: number;
+        default: number;
+        selected: number;
+    };
+};
 export declare const spacers: {
     default: {
         size: number;

package/build/src/configuration.d.ts

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

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

@@ -411,3 +411,26 @@ export interface CirclePackChartOptions extends BaseChartOptions {
         };
     };
 }
+/**
+ * options specific to Alluvial charts
+ */
+export interface AlluvialChartOptions extends BaseChartOptions {
+    alluvial: {
+        units?: string;
+        /**
+         * List of nodes to draw
+         */
+        nodes: Array<{
+            name: string;
+            category?: string;
+        }>;
+        /**
+         * Set the node padding
+         */
+        nodePadding?: number;
+        /**
+         * Enable single color usage for lines
+         */
+        monochrome?: boolean;
+    };
+}

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

@@ -193,6 +193,19 @@ export declare enum CirclePack {
     CIRCLE_MOUSEOUT = "circle-leaf-mouseout",
     CIRCLE_MOUSEMOVE = "circle-leaf-mousemove"
 }
+/**
+ * enum of all alluvial related events
+ */
+export declare enum Alluvial {
+    NODE_MOUSEOVER = "alluvial-node-mouseover",
+    NODE_CLICK = "alluvial-node-click",
+    NODE_MOUSEOUT = "alluvial-node-mouseout",
+    NODE_MOUSEMOVE = "alluvial-node-mousemove",
+    LINE_MOUSEOVER = "alluvial-line-mouseover",
+    LINE_CLICK = "alluvial-line-click",
+    LINE_MOUSEOUT = "alluvial-line-mouseout",
+    LINE_MOUSEMOVE = "alluvial-line-mousemove"
+}
 /**
  * enum of all meter related events
  */