@carbon/charts 0.50.9 → 0.51.2

package/CHANGELOG.md

@@ -3,6 +3,50 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+## [0.51.2](https://github.com/carbon-design-system/carbon-charts/compare/v0.51.1...v0.51.2) (2021-11-02)
+
+
+### Bug Fixes
+
+* **core:** improve keyboard accessibility ([#1208](https://github.com/carbon-design-system/carbon-charts/issues/1208)) ([4f64327](https://github.com/carbon-design-system/carbon-charts/commit/4f64327f29dd23d73e4450a7f1cdda4d1d69d4e6)), closes [#1204](https://github.com/carbon-design-system/carbon-charts/issues/1204)
+
+
+
+
+
+## [0.51.1](https://github.com/carbon-design-system/carbon-charts/compare/v0.51.0...v0.51.1) (2021-11-02)
+
+
+### Bug Fixes
+
+* **core:** render chart axis labels correctly when data loads async ([#1207](https://github.com/carbon-design-system/carbon-charts/issues/1207)) ([f22e99b](https://github.com/carbon-design-system/carbon-charts/commit/f22e99b8145b476d7ba55ce8f9b00843cd98aa3c)), closes [#1135](https://github.com/carbon-design-system/carbon-charts/issues/1135)
+
+
+
+
+
+# [0.51.0](https://github.com/carbon-design-system/carbon-charts/compare/v0.50.10...v0.51.0) (2021-11-01)
+
+
+### Features
+
+* **core:** add toolbar to non-cartesian charts ([#1191](https://github.com/carbon-design-system/carbon-charts/issues/1191)) ([3574f4f](https://github.com/carbon-design-system/carbon-charts/commit/3574f4f376cc064e0f58de14c61d6442c527aa17))
+
+
+
+
+
+## [0.50.10](https://github.com/carbon-design-system/carbon-charts/compare/v0.50.9...v0.50.10) (2021-10-27)
+
+
+### Bug Fixes
+
+* **core:** address various accessibility violations ([#1199](https://github.com/carbon-design-system/carbon-charts/issues/1199)) ([a4ab2c0](https://github.com/carbon-design-system/carbon-charts/commit/a4ab2c0e3a91513a18e5724faa87dfd80c81c248))
+
+
+
+
+
 ## [0.50.9](https://github.com/carbon-design-system/carbon-charts/compare/v0.50.8...v0.50.9) (2021-10-20)
 
 

package/build/demo/data/circle-pack.d.ts

@@ -6,14 +6,12 @@ export declare const circlePackTwoLevelData: {
     }[];
 }[];
 export declare const circlePackTwoLevelOptions: {
-    experimental: string;
     title: string;
     canvasZoom: {
         enabled: boolean;
     };
 };
 export declare const circlePackTwoLevelCustomColorsOptions: {
-    experimental: string;
     title: string;
     canvasZoom: {
         enabled: boolean;
@@ -28,7 +26,6 @@ export declare const circlePackTwoLevelCustomColorsOptions: {
     };
 };
 export declare const circlePackSingleOptions: {
-    experimental: string;
     title: string;
     canvasZoom: {
         enabled: boolean;
@@ -39,7 +36,6 @@ export declare const circlePackSingleLevelData: {
     value: number;
 }[];
 export declare const circlePackThreeLevelOptions: {
-    experimental: string;
     title: string;
     canvasZoom: {
         enabled: boolean;
@@ -61,7 +57,6 @@ export declare const circlePackThreeLevelData: {
     })[];
 }[];
 export declare const circlePackThreeLevelsMonochromeOptions: {
-    experimental: string;
     title: string;
     canvasZoom: {
         enabled: boolean;
@@ -86,7 +81,6 @@ export declare const circlePackThreeLevelsMonochromeData: {
     }[];
 }[];
 export declare const circlePackThreeLevelNoZoomOptions: {
-    experimental: string;
     title: string;
     circlePack: {
         hierarchyLevel: number;

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

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

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

@@ -1,6 +1,8 @@
 import { AxisChart } from '../axis-chart';
+import { BulletChartModel } from '../model/bullet';
 import { ChartConfig, BulletChartOptions } from '../interfaces/index';
 export declare class BulletChart extends AxisChart {
+    model: BulletChartModel;
     constructor(holder: Element, chartConfigs: ChartConfig<BulletChartOptions>);
     getComponents(): any[];
 }

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

@@ -1,6 +1,8 @@
+import { RadarChartModel } from '../model/radar';
 import { Chart } from '../chart';
 import { ChartConfig, RadarChartOptions } from '../interfaces/index';
 export declare class RadarChart extends Chart {
-    constructor(holder: Element, chartConfigs: ChartConfig<RadarChartOptions>, extending?: boolean);
+    model: RadarChartModel;
+    constructor(holder: Element, chartConfigs: ChartConfig<RadarChartOptions>);
     getComponents(): any[];
 }

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

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

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

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

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

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

package/build/src/components/axes/toolbar.d.ts

@@ -10,6 +10,8 @@ export declare class Toolbar extends Component {
     renderOverflowMenu(): void;
     isOverflowMenuOpen(): any;
     updateOverflowMenu(show: boolean): void;
+    focusOnPreviousEnabledToolbarItem(currentItemIndex: any): void;
+    focusOnNextEnabledToolbarItem(currentItemIndex: any): void;
     focusOnPreviousEnabledMenuItem(currentItemIndex: any): void;
     focusOnNextEnabledMenuItem(currentItemIndex: any): void;
     toggleOverflowMenu(event: any): void;
@@ -20,9 +22,11 @@ export declare class Toolbar extends Component {
         buttonList: any[];
         overflowMenuItemList: any[];
     };
+    getToolbarButtonItems(): any[];
     getOverflowMenuItems(): any[];
     getOverflowButtonConfig(): {
         id: string;
+        title: string;
         shouldBeDisabled: () => boolean;
         iconSVGContent: string;
         clickFunction: (event: any) => void;

package/build/src/components/essentials/legend.d.ts

@@ -6,6 +6,6 @@ export declare class Legend extends Component {
     render(): void;
     sortDataGroups(dataGroups: any, legendOrder: any): any;
     addAdditionalItem(additionalItem: any, itemConfig: any, indexOfItem: any): void;
-    truncateLegendText(addedLegendItemsText: any): void;
+    truncateLegendText(): void;
     addEventListeners(): void;
 }

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

@@ -7,7 +7,6 @@ export declare class Bullet extends Component {
     render(animate: boolean): void;
     handleLegendOnHover: (event: CustomEvent<any>) => void;
     handleLegendMouseOut: (event: CustomEvent<any>) => void;
-    getMatchingRangeIndexForDatapoint(datum: any): any;
     addEventListeners(): void;
     destroy(): void;
 }

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

@@ -0,0 +1,8 @@
+import { ChartModelCartesian } from './cartesian-charts';
+/**
+ * Alluvial chart model layer
+ */
+export declare class AlluvialChartModel extends ChartModelCartesian {
+    constructor(services: any);
+    getTabularDataArray(): any[];
+}

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

@@ -9,5 +9,6 @@ export declare class BoxplotChartModel extends ChartModelCartesian {
         q_75: number;
     };
     getBoxplotData(): any[];
+    getTabularDataArray(): any[][];
     protected setColorClassNames(): void;
 }

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

@@ -0,0 +1,14 @@
+import { ChartModelCartesian } from './cartesian-charts';
+/**
+ * Bullet chart model layer
+ */
+export declare class BulletChartModel extends ChartModelCartesian {
+    constructor(services: any);
+    /**
+     * Determines the index of the performance area titles to use
+     * @param datum
+     * @returns number
+     */
+    getMatchingRangeIndexForDatapoint(datum: any): any;
+    getTabularDataArray(): any[];
+}

package/build/src/model/cartesian-charts.d.ts

@@ -6,7 +6,6 @@ export declare class ChartModelCartesian extends ChartModel {
     constructor(services: any);
     private assignRangeAndDomains;
     getTabularDataArray(): any[];
-    exportToCSV(): void;
     setData(newData: any): any;
     /**
      * @param zoomBarData any special zoom bar data to use instead of the model data

package/build/src/model/circle-pack.d.ts

@@ -23,4 +23,14 @@ export declare class CirclePackChartModel extends ChartModel {
     hasParentNode(): boolean;
     setDataGroups(): void;
     protected setChildrenDataGroup(node: any, name: any): any;
+    getTabularDataArray(): string[][];
+    /**
+     * Recursively determine the relationship between all the nested elements in the child
+     * @param children: Object
+     * @param parent: String
+     * @param result: Array<Object>
+     * @param totalSum: number
+     * @returns: number
+     */
+    private getChildrenDatums;
 }

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

@@ -1,6 +1,9 @@
 import { ChartModel } from './model';
-/** The gauge chart model layer */
+/**
+ * The gauge chart model layer
+ */
 export declare class GaugeChartModel extends ChartModel {
     constructor(services: any);
     getDataGroups(): any;
+    getTabularDataArray(): any[];
 }

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

@@ -15,4 +15,5 @@ export declare class MeterChartModel extends ChartModel {
      * Get the associated status for the data by checking the ranges
      */
     getStatus(): any;
+    getTabularDataArray(): any[];
 }

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

@@ -96,6 +96,8 @@ export declare class ChartModel {
      *
      */
     protected transformToTabularData(data: any): any[];
+    getTabularDataArray(): any[];
+    exportToCSV(): void;
     protected getTabularData(data: any): any[];
     protected sanitize(data: any): any;
     protected updateAllDataGroups(): void;

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

@@ -4,5 +4,6 @@ import { ChartModel } from './model';
 export declare class PieChartModel extends ChartModel {
     constructor(services: any);
     getTabularData(data: any): any[];
+    getTabularDataArray(): any[];
     sanitize(data: any): any[];
 }

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

@@ -0,0 +1,7 @@
+import { ChartModelCartesian } from './cartesian-charts';
+/** The charting model layer which includes mainly the chart data and options,
+ * as well as some misc. information to be shared among components */
+export declare class RadarChartModel extends ChartModelCartesian {
+    constructor(services: any);
+    getTabularDataArray(): any[][];
+}

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

@@ -0,0 +1,14 @@
+import { ChartModel } from './model';
+/**
+ * The tree chart model layer
+ */
+export declare class TreeChartModel extends ChartModel {
+    constructor(services: any);
+    getTabularDataArray(): string[][];
+    /**
+     * Determine the child parent relationship in nested data
+     * @param datum: Object
+     * @param result: Array<Object>
+     */
+    private getChildrenDatums;
+}

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

@@ -0,0 +1,8 @@
+import { ChartModel } from './model';
+/**
+ * The treemap chart model layer
+ */
+export declare class TreemapChartModel extends ChartModel {
+    constructor(services: any);
+    getTabularDataArray(): string[][];
+}

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

@@ -0,0 +1,7 @@
+import { ChartModel } from './model';
+/** The charting model layer which includes mainly the chart data and options,
+ * as well as some misc. information to be shared among components */
+export declare class WordCloudModel extends ChartModel {
+    constructor(services: any);
+    getTabularDataArray(): any[];
+}

package/build/src/services/essentials/dom-utils.d.ts

@@ -7,6 +7,7 @@ interface getSVGElementSizeOptions {
     useBoundingRect?: boolean;
 }
 export declare class DOMUtils extends Service {
+    private chartID;
     constructor(model: any, services: any);
     static getHTMLElementSize(element: HTMLElement): {
         width: number;
@@ -18,6 +19,8 @@ export declare class DOMUtils extends Service {
     protected width: string;
     protected height: string;
     init(): void;
+    getChartID(): string;
+    generateElementIDString(originalID: any): string;
     addMainContainer(): void;
     update(): void;
     styleHolderElement(): void;