@carbon/charts 0.53.3 → 0.53.4

package/CHANGELOG.md

@@ -3,6 +3,17 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+## [0.53.4](https://github.com/carbon-design-system/carbon-charts/compare/v0.53.3...v0.53.4) (2021-12-13)
+
+
+### Bug Fixes
+
+* **core:** allow users to define custom buttons in toolbar ([#1158](https://github.com/carbon-design-system/carbon-charts/issues/1158)) ([4996591](https://github.com/carbon-design-system/carbon-charts/commit/499659155b56df9f7ab03633e43f5437f21bb129)), closes [#1129](https://github.com/carbon-design-system/carbon-charts/issues/1129)
+
+
+
+
+
 ## [0.53.3](https://github.com/carbon-design-system/carbon-charts/compare/v0.53.2...v0.53.3) (2021-12-07)
 
 

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

@@ -1,6 +1,7 @@
 import { Component } from '../component';
 import { RenderTypes, ToolbarControlTypes } from '../../interfaces';
 export declare class Toolbar extends Component {
+    static buttonID: number;
     type: string;
     renderType: RenderTypes;
     overflowButton: any;
@@ -15,6 +16,7 @@ export declare class Toolbar extends Component {
     focusOnPreviousEnabledMenuItem(currentItemIndex: any): void;
     focusOnNextEnabledMenuItem(currentItemIndex: any): void;
     toggleOverflowMenu(event: any): void;
+    triggerFunctionAndEvent(control: any, event: any, element?: any): void;
     getControlConfigs(): {
         buttonList: any[];
         overflowMenuItemList?: undefined;
@@ -28,7 +30,9 @@ export declare class Toolbar extends Component {
         id: string;
         title: string;
         shouldBeDisabled: () => boolean;
-        iconSVGContent: string;
+        iconSVG: {
+            content: string;
+        };
         clickFunction: (event: any) => void;
     };
     getControlConfigByType(controlType: ToolbarControlTypes): any;

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

@@ -152,6 +152,25 @@ export interface ToolbarControl {
      * type value will be displayed if text is not available
      */
     text?: string;
+    /**
+     * custom id for button
+     */
+    id?: String;
+    /**
+     * SVG HTML element
+     */
+    iconSVG?: {
+        content?: string;
+        height?: string;
+        width?: string;
+    };
+    shouldBeDisabled?: Function;
+    /**
+     * function to execute on button click
+     * alternatively, users can choose to not pass in a function and can
+     * listen for events to execute asynchronously
+     */
+    clickFunction?: Function;
 }
 /**
  * customize the ZoomBars in a chart

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

@@ -203,7 +203,8 @@ export declare enum ToolbarControlTypes {
     ZOOM_OUT = "Zoom out",
     RESET_ZOOM = "Reset zoom",
     MAKE_FULLSCREEN = "Make fullscreen",
-    SHOW_AS_DATATABLE = "Show as data-table"
+    SHOW_AS_DATATABLE = "Show as data-table",
+    CUSTOM = "Custom"
 }
 /**
  * enum of title orientations for _vertical axes_

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

@@ -25,7 +25,8 @@ export declare enum Model {
  */
 export declare enum Toolbar {
     SHOW_OVERFLOW_MENU = "show-toolbar-overflow-menu",
-    HIDE_OVERFLOW_MENU = "hide-toolbar-overflow-menu"
+    HIDE_OVERFLOW_MENU = "hide-toolbar-overflow-menu",
+    BUTTON_CLICK = "toolbar-button-click"
 }
 /**
  * enum of all events related to the zoom-bar