@carbon/charts-react 0.57.1 → 0.58.1

package/CHANGELOG.md

@@ -3,6 +3,25 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+## [0.58.1](https://github.com/carbon-design-system/carbon-charts/compare/v0.58.0...v0.58.1) (2022-05-19)
+
+**Note:** Version bump only for package @carbon/charts-react
+
+
+
+
+
+# [0.58.0](https://github.com/carbon-design-system/carbon-charts/compare/v0.57.1...v0.58.0) (2022-05-16)
+
+
+### Features
+
+* **react:** add react 18 as peerDep, update componentDidMount logic for strictmode ([#1364](https://github.com/carbon-design-system/carbon-charts/issues/1364)) ([9af452f](https://github.com/carbon-design-system/carbon-charts/commit/9af452fa0ae63087ec09556fa34cba8c23bc4689))
+
+
+
+
+
 ## [0.57.1](https://github.com/carbon-design-system/carbon-charts/compare/v0.57.0...v0.57.1) (2022-05-06)
 
 **Note:** Version bump only for package @carbon/charts-react

package/alluvial-chart.js

@@ -19,16 +19,19 @@ Object.defineProperty(exports, "__esModule", { value: true });
 var react_1 = __importDefault(require("react"));
 var charts_1 = require("@carbon/charts");
 var base_chart_1 = __importDefault(require("./base-chart"));
+var utils_1 = require("./utils");
 var AlluvialChart = /** @class */ (function (_super) {
     __extends(AlluvialChart, _super);
     function AlluvialChart() {
         return _super !== null && _super.apply(this, arguments) || this;
     }
     AlluvialChart.prototype.componentDidMount = function () {
-        this.chart = new charts_1.AlluvialChart(this.chartRef, {
-            data: this.props.data,
-            options: this.props.options,
-        });
+        if (utils_1.hasChartBeenInitialized(this.chartRef) === false) {
+            this.chart = new charts_1.AlluvialChart(this.chartRef, {
+                data: this.props.data,
+                options: this.props.options,
+            });
+        }
     };
     AlluvialChart.prototype.render = function () {
         var _this = this;

package/area-chart-stacked.js

@@ -19,16 +19,19 @@ Object.defineProperty(exports, "__esModule", { value: true });
 var react_1 = __importDefault(require("react"));
 var charts_1 = require("@carbon/charts");
 var base_chart_1 = __importDefault(require("./base-chart"));
+var utils_1 = require("./utils");
 var StackedAreaChart = /** @class */ (function (_super) {
     __extends(StackedAreaChart, _super);
     function StackedAreaChart() {
         return _super !== null && _super.apply(this, arguments) || this;
     }
     StackedAreaChart.prototype.componentDidMount = function () {
-        this.chart = new charts_1.StackedAreaChart(this.chartRef, {
-            data: this.props.data,
-            options: this.props.options,
-        });
+        if (utils_1.hasChartBeenInitialized(this.chartRef) === false) {
+            this.chart = new charts_1.StackedAreaChart(this.chartRef, {
+                data: this.props.data,
+                options: this.props.options,
+            });
+        }
     };
     StackedAreaChart.prototype.render = function () {
         var _this = this;

package/area-chart.js

@@ -19,16 +19,19 @@ Object.defineProperty(exports, "__esModule", { value: true });
 var react_1 = __importDefault(require("react"));
 var charts_1 = require("@carbon/charts");
 var base_chart_1 = __importDefault(require("./base-chart"));
+var utils_1 = require("./utils");
 var AreaChart = /** @class */ (function (_super) {
     __extends(AreaChart, _super);
     function AreaChart() {
         return _super !== null && _super.apply(this, arguments) || this;
     }
     AreaChart.prototype.componentDidMount = function () {
-        this.chart = new charts_1.AreaChart(this.chartRef, {
-            data: this.props.data,
-            options: this.props.options,
-        });
+        if (utils_1.hasChartBeenInitialized(this.chartRef) === false) {
+            this.chart = new charts_1.AreaChart(this.chartRef, {
+                data: this.props.data,
+                options: this.props.options,
+            });
+        }
     };
     AreaChart.prototype.render = function () {
         var _this = this;

package/bar-chart-grouped.js

@@ -19,16 +19,19 @@ Object.defineProperty(exports, "__esModule", { value: true });
 var react_1 = __importDefault(require("react"));
 var charts_1 = require("@carbon/charts");
 var base_chart_1 = __importDefault(require("./base-chart"));
+var utils_1 = require("./utils");
 var GroupedBarChart = /** @class */ (function (_super) {
     __extends(GroupedBarChart, _super);
     function GroupedBarChart() {
         return _super !== null && _super.apply(this, arguments) || this;
     }
     GroupedBarChart.prototype.componentDidMount = function () {
-        this.chart = new charts_1.GroupedBarChart(this.chartRef, {
-            data: this.props.data,
-            options: this.props.options,
-        });
+        if (utils_1.hasChartBeenInitialized(this.chartRef) === false) {
+            this.chart = new charts_1.GroupedBarChart(this.chartRef, {
+                data: this.props.data,
+                options: this.props.options,
+            });
+        }
     };
     GroupedBarChart.prototype.render = function () {
         var _this = this;

package/bar-chart-simple.js

@@ -19,16 +19,19 @@ Object.defineProperty(exports, "__esModule", { value: true });
 var react_1 = __importDefault(require("react"));
 var charts_1 = require("@carbon/charts");
 var base_chart_1 = __importDefault(require("./base-chart"));
+var utils_1 = require("./utils");
 var SimpleBarChart = /** @class */ (function (_super) {
     __extends(SimpleBarChart, _super);
     function SimpleBarChart() {
         return _super !== null && _super.apply(this, arguments) || this;
     }
     SimpleBarChart.prototype.componentDidMount = function () {
-        this.chart = new charts_1.SimpleBarChart(this.chartRef, {
-            data: this.props.data,
-            options: this.props.options,
-        });
+        if (utils_1.hasChartBeenInitialized(this.chartRef) === false) {
+            this.chart = new charts_1.SimpleBarChart(this.chartRef, {
+                data: this.props.data,
+                options: this.props.options,
+            });
+        }
     };
     SimpleBarChart.prototype.render = function () {
         var _this = this;

package/bar-chart-stacked.js

@@ -19,16 +19,19 @@ Object.defineProperty(exports, "__esModule", { value: true });
 var react_1 = __importDefault(require("react"));
 var charts_1 = require("@carbon/charts");
 var base_chart_1 = __importDefault(require("./base-chart"));
+var utils_1 = require("./utils");
 var StackedBarChart = /** @class */ (function (_super) {
     __extends(StackedBarChart, _super);
     function StackedBarChart() {
         return _super !== null && _super.apply(this, arguments) || this;
     }
     StackedBarChart.prototype.componentDidMount = function () {
-        this.chart = new charts_1.StackedBarChart(this.chartRef, {
-            data: this.props.data,
-            options: this.props.options,
-        });
+        if (utils_1.hasChartBeenInitialized(this.chartRef) === false) {
+            this.chart = new charts_1.StackedBarChart(this.chartRef, {
+                data: this.props.data,
+                options: this.props.options,
+            });
+        }
     };
     StackedBarChart.prototype.render = function () {
         var _this = this;

package/boxplot-chart.js

@@ -19,16 +19,19 @@ Object.defineProperty(exports, "__esModule", { value: true });
 var react_1 = __importDefault(require("react"));
 var charts_1 = require("@carbon/charts");
 var base_chart_1 = __importDefault(require("./base-chart"));
+var utils_1 = require("./utils");
 var BoxplotChart = /** @class */ (function (_super) {
     __extends(BoxplotChart, _super);
     function BoxplotChart() {
         return _super !== null && _super.apply(this, arguments) || this;
     }
     BoxplotChart.prototype.componentDidMount = function () {
-        this.chart = new charts_1.BoxplotChart(this.chartRef, {
-            data: this.props.data,
-            options: this.props.options,
-        });
+        if (utils_1.hasChartBeenInitialized(this.chartRef) === false) {
+            this.chart = new charts_1.BoxplotChart(this.chartRef, {
+                data: this.props.data,
+                options: this.props.options,
+            });
+        }
     };
     BoxplotChart.prototype.render = function () {
         var _this = this;

package/bubble-chart.js

@@ -19,16 +19,19 @@ Object.defineProperty(exports, "__esModule", { value: true });
 var react_1 = __importDefault(require("react"));
 var charts_1 = require("@carbon/charts");
 var base_chart_1 = __importDefault(require("./base-chart"));
+var utils_1 = require("./utils");
 var BubbleChart = /** @class */ (function (_super) {
     __extends(BubbleChart, _super);
     function BubbleChart() {
         return _super !== null && _super.apply(this, arguments) || this;
     }
     BubbleChart.prototype.componentDidMount = function () {
-        this.chart = new charts_1.BubbleChart(this.chartRef, {
-            data: this.props.data,
-            options: this.props.options,
-        });
+        if (utils_1.hasChartBeenInitialized(this.chartRef) === false) {
+            this.chart = new charts_1.BubbleChart(this.chartRef, {
+                data: this.props.data,
+                options: this.props.options,
+            });
+        }
     };
     BubbleChart.prototype.render = function () {
         var _this = this;

package/bullet-chart.js

@@ -19,16 +19,19 @@ Object.defineProperty(exports, "__esModule", { value: true });
 var react_1 = __importDefault(require("react"));
 var charts_1 = require("@carbon/charts");
 var base_chart_1 = __importDefault(require("./base-chart"));
+var utils_1 = require("./utils");
 var BulletChart = /** @class */ (function (_super) {
     __extends(BulletChart, _super);
     function BulletChart() {
         return _super !== null && _super.apply(this, arguments) || this;
     }
     BulletChart.prototype.componentDidMount = function () {
-        this.chart = new charts_1.BulletChart(this.chartRef, {
-            data: this.props.data,
-            options: this.props.options,
-        });
+        if (utils_1.hasChartBeenInitialized(this.chartRef) === false) {
+            this.chart = new charts_1.BulletChart(this.chartRef, {
+                data: this.props.data,
+                options: this.props.options,
+            });
+        }
     };
     BulletChart.prototype.render = function () {
         var _this = this;

package/bundle.js

@@ -1 +1 @@
-!function(t,e){"object"==typeof exports&&"undefined"!=typeof module?e(exports,require("react"),require("@carbon/charts")):"function"==typeof define&&define.amd?define(["exports","react","@carbon/charts"],e):e((t=t||self).ChartsReact={},t.React,t.Charts)}(this,(function(t,e,r){"use strict";e=e&&e.hasOwnProperty("default")?e.default:e,r=r&&r.hasOwnProperty("default")?r.default:r;var o="undefined"!=typeof globalThis?globalThis:"undefined"!=typeof window?window:"undefined"!=typeof global?global:"undefined"!=typeof self?self:{};function n(t){return t&&t.__esModule&&Object.prototype.hasOwnProperty.call(t,"default")?t.default:t}function a(t,e){return t(e={exports:{}},e.exports),e.exports}var u=a((function(t,r){var n,a=o&&o.__extends||(n=function(t,e){return(n=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(t,e){t.__proto__=e}||function(t,e){for(var r in e)Object.prototype.hasOwnProperty.call(e,r)&&(t[r]=e[r])})(t,e)},function(t,e){function r(){this.constructor=t}n(t,e),t.prototype=null===e?Object.create(e):(r.prototype=e.prototype,new r)}),u=o&&o.__importDefault||function(t){return t&&t.__esModule?t:{default:t}};Object.defineProperty(r,"__esModule",{value:!0});var i=function(t){function e(e){var r=t.call(this,e)||this,o=e.options,n=e.data;return o||console.error("Missing options!"),n||console.error("Missing data!"),r.data=e.data||[],r.options=e.options||{},Object.assign(r,r.chart),r}return a(e,t),e.prototype.shouldComponentUpdate=function(t){return this.props.data!==t.data||this.props.options!==t.options},e.prototype.componentDidUpdate=function(){this.chart.model.setData(this.props.data),this.chart.model.setOptions(this.props.options)},e}(u(e).default.Component);r.default=i}));n(u);var i=a((function(t,n){var a,i=o&&o.__extends||(a=function(t,e){return(a=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(t,e){t.__proto__=e}||function(t,e){for(var r in e)Object.prototype.hasOwnProperty.call(e,r)&&(t[r]=e[r])})(t,e)},function(t,e){function r(){this.constructor=t}a(t,e),t.prototype=null===e?Object.create(e):(r.prototype=e.prototype,new r)}),c=o&&o.__importDefault||function(t){return t&&t.__esModule?t:{default:t}};Object.defineProperty(n,"__esModule",{value:!0});var p=c(e),f=function(t){function e(){return null!==t&&t.apply(this,arguments)||this}return i(e,t),e.prototype.componentDidMount=function(){this.chart=new r.AreaChart(this.chartRef,{data:this.props.data,options:this.props.options})},e.prototype.render=function(){var t=this;return p.default.createElement("div",{ref:function(e){return t.chartRef=e},className:"chart-holder"})},e}(c(u).default);n.default=f}));n(i);var c=a((function(t,n){var a,i=o&&o.__extends||(a=function(t,e){return(a=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(t,e){t.__proto__=e}||function(t,e){for(var r in e)Object.prototype.hasOwnProperty.call(e,r)&&(t[r]=e[r])})(t,e)},function(t,e){function r(){this.constructor=t}a(t,e),t.prototype=null===e?Object.create(e):(r.prototype=e.prototype,new r)}),c=o&&o.__importDefault||function(t){return t&&t.__esModule?t:{default:t}};Object.defineProperty(n,"__esModule",{value:!0});var p=c(e),f=function(t){function e(){return null!==t&&t.apply(this,arguments)||this}return i(e,t),e.prototype.componentDidMount=function(){this.chart=new r.StackedAreaChart(this.chartRef,{data:this.props.data,options:this.props.options})},e.prototype.render=function(){var t=this;return p.default.createElement("div",{ref:function(e){return t.chartRef=e},className:"chart-holder"})},e}(c(u).default);n.default=f}));n(c);var p=a((function(t,n){var a,i=o&&o.__extends||(a=function(t,e){return(a=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(t,e){t.__proto__=e}||function(t,e){for(var r in e)Object.prototype.hasOwnProperty.call(e,r)&&(t[r]=e[r])})(t,e)},function(t,e){function r(){this.constructor=t}a(t,e),t.prototype=null===e?Object.create(e):(r.prototype=e.prototype,new r)}),c=o&&o.__importDefault||function(t){return t&&t.__esModule?t:{default:t}};Object.defineProperty(n,"__esModule",{value:!0});var p=c(e),f=function(t){function e(){return null!==t&&t.apply(this,arguments)||this}return i(e,t),e.prototype.componentDidMount=function(){this.chart=new r.GroupedBarChart(this.chartRef,{data:this.props.data,options:this.props.options})},e.prototype.render=function(){var t=this;return p.default.createElement("div",{ref:function(e){return t.chartRef=e},className:"chart-holder"})},e}(c(u).default);n.default=f}));n(p);var f=a((function(t,n){var a,i=o&&o.__extends||(a=function(t,e){return(a=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(t,e){t.__proto__=e}||function(t,e){for(var r in e)Object.prototype.hasOwnProperty.call(e,r)&&(t[r]=e[r])})(t,e)},function(t,e){function r(){this.constructor=t}a(t,e),t.prototype=null===e?Object.create(e):(r.prototype=e.prototype,new r)}),c=o&&o.__importDefault||function(t){return t&&t.__esModule?t:{default:t}};Object.defineProperty(n,"__esModule",{value:!0});var p=c(e),f=function(t){function e(){return null!==t&&t.apply(this,arguments)||this}return i(e,t),e.prototype.componentDidMount=function(){this.chart=new r.SimpleBarChart(this.chartRef,{data:this.props.data,options:this.props.options})},e.prototype.render=function(){var t=this;return p.default.createElement("div",{ref:function(e){return t.chartRef=e},className:"chart-holder"})},e}(c(u).default);n.default=f}));n(f);var s=a((function(t,n){var a,i=o&&o.__extends||(a=function(t,e){return(a=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(t,e){t.__proto__=e}||function(t,e){for(var r in e)Object.prototype.hasOwnProperty.call(e,r)&&(t[r]=e[r])})(t,e)},function(t,e){function r(){this.constructor=t}a(t,e),t.prototype=null===e?Object.create(e):(r.prototype=e.prototype,new r)}),c=o&&o.__importDefault||function(t){return t&&t.__esModule?t:{default:t}};Object.defineProperty(n,"__esModule",{value:!0});var p=c(e),f=function(t){function e(){return null!==t&&t.apply(this,arguments)||this}return i(e,t),e.prototype.componentDidMount=function(){this.chart=new r.StackedBarChart(this.chartRef,{data:this.props.data,options:this.props.options})},e.prototype.render=function(){var t=this;return p.default.createElement("div",{ref:function(e){return t.chartRef=e},className:"chart-holder"})},e}(c(u).default);n.default=f}));n(s);var l=a((function(t,n){var a,i=o&&o.__extends||(a=function(t,e){return(a=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(t,e){t.__proto__=e}||function(t,e){for(var r in e)Object.prototype.hasOwnProperty.call(e,r)&&(t[r]=e[r])})(t,e)},function(t,e){function r(){this.constructor=t}a(t,e),t.prototype=null===e?Object.create(e):(r.prototype=e.prototype,new r)}),c=o&&o.__importDefault||function(t){return t&&t.__esModule?t:{default:t}};Object.defineProperty(n,"__esModule",{value:!0});var p=c(e),f=function(t){function e(){return null!==t&&t.apply(this,arguments)||this}return i(e,t),e.prototype.componentDidMount=function(){this.chart=new r.BoxplotChart(this.chartRef,{data:this.props.data,options:this.props.options})},e.prototype.render=function(){var t=this;return p.default.createElement("div",{ref:function(e){return t.chartRef=e},className:"chart-holder"})},e}(c(u).default);n.default=f}));n(l);var h=a((function(t,n){var a,i=o&&o.__extends||(a=function(t,e){return(a=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(t,e){t.__proto__=e}||function(t,e){for(var r in e)Object.prototype.hasOwnProperty.call(e,r)&&(t[r]=e[r])})(t,e)},function(t,e){function r(){this.constructor=t}a(t,e),t.prototype=null===e?Object.create(e):(r.prototype=e.prototype,new r)}),c=o&&o.__importDefault||function(t){return t&&t.__esModule?t:{default:t}};Object.defineProperty(n,"__esModule",{value:!0});var p=c(e),f=function(t){function e(){return null!==t&&t.apply(this,arguments)||this}return i(e,t),e.prototype.componentDidMount=function(){this.chart=new r.BubbleChart(this.chartRef,{data:this.props.data,options:this.props.options})},e.prototype.render=function(){var t=this;return p.default.createElement("div",{ref:function(e){return t.chartRef=e},className:"chart-holder"})},e}(c(u).default);n.default=f}));n(h);var d=a((function(t,n){var a,i=o&&o.__extends||(a=function(t,e){return(a=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(t,e){t.__proto__=e}||function(t,e){for(var r in e)Object.prototype.hasOwnProperty.call(e,r)&&(t[r]=e[r])})(t,e)},function(t,e){function r(){this.constructor=t}a(t,e),t.prototype=null===e?Object.create(e):(r.prototype=e.prototype,new r)}),c=o&&o.__importDefault||function(t){return t&&t.__esModule?t:{default:t}};Object.defineProperty(n,"__esModule",{value:!0});var p=c(e),f=function(t){function e(){return null!==t&&t.apply(this,arguments)||this}return i(e,t),e.prototype.componentDidMount=function(){this.chart=new r.BulletChart(this.chartRef,{data:this.props.data,options:this.props.options})},e.prototype.render=function(){var t=this;return p.default.createElement("div",{ref:function(e){return t.chartRef=e},className:"chart-holder"})},e}(c(u).default);n.default=f}));n(d);var _=a((function(t,n){var a,i=o&&o.__extends||(a=function(t,e){return(a=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(t,e){t.__proto__=e}||function(t,e){for(var r in e)Object.prototype.hasOwnProperty.call(e,r)&&(t[r]=e[r])})(t,e)},function(t,e){function r(){this.constructor=t}a(t,e),t.prototype=null===e?Object.create(e):(r.prototype=e.prototype,new r)}),c=o&&o.__importDefault||function(t){return t&&t.__esModule?t:{default:t}};Object.defineProperty(n,"__esModule",{value:!0});var p=c(e),f=function(t){function e(){return null!==t&&t.apply(this,arguments)||this}return i(e,t),e.prototype.componentDidMount=function(){this.chart=new r.DonutChart(this.chartRef,{data:this.props.data,options:this.props.options})},e.prototype.render=function(){var t=this;return p.default.createElement("div",{ref:function(e){return t.chartRef=e},className:"chart-holder"})},e}(c(u).default);n.default=f}));n(_);var y=a((function(t,n){var a,i=o&&o.__extends||(a=function(t,e){return(a=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(t,e){t.__proto__=e}||function(t,e){for(var r in e)Object.prototype.hasOwnProperty.call(e,r)&&(t[r]=e[r])})(t,e)},function(t,e){function r(){this.constructor=t}a(t,e),t.prototype=null===e?Object.create(e):(r.prototype=e.prototype,new r)}),c=o&&o.__importDefault||function(t){return t&&t.__esModule?t:{default:t}};Object.defineProperty(n,"__esModule",{value:!0});var p=c(e),f=function(t){function e(){return null!==t&&t.apply(this,arguments)||this}return i(e,t),e.prototype.componentDidMount=function(){this.chart=new r.GaugeChart(this.chartRef,{data:this.props.data,options:this.props.options})},e.prototype.render=function(){var t=this;return p.default.createElement("div",{ref:function(e){return t.chartRef=e},className:"chart-holder"})},e}(c(u).default);n.default=f}));n(y);var v=a((function(t,n){var a,i=o&&o.__extends||(a=function(t,e){return(a=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(t,e){t.__proto__=e}||function(t,e){for(var r in e)Object.prototype.hasOwnProperty.call(e,r)&&(t[r]=e[r])})(t,e)},function(t,e){function r(){this.constructor=t}a(t,e),t.prototype=null===e?Object.create(e):(r.prototype=e.prototype,new r)}),c=o&&o.__importDefault||function(t){return t&&t.__esModule?t:{default:t}};Object.defineProperty(n,"__esModule",{value:!0});var p=c(e),f=function(t){function e(){return null!==t&&t.apply(this,arguments)||this}return i(e,t),e.prototype.componentDidMount=function(){this.chart=new r.HistogramChart(this.chartRef,{data:this.props.data,options:this.props.options})},e.prototype.render=function(){var t=this;return p.default.createElement("div",{ref:function(e){return t.chartRef=e},className:"chart-holder"})},e}(c(u).default);n.default=f}));n(v);var O=a((function(t,n){var a,i=o&&o.__extends||(a=function(t,e){return(a=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(t,e){t.__proto__=e}||function(t,e){for(var r in e)Object.prototype.hasOwnProperty.call(e,r)&&(t[r]=e[r])})(t,e)},function(t,e){function r(){this.constructor=t}a(t,e),t.prototype=null===e?Object.create(e):(r.prototype=e.prototype,new r)}),c=o&&o.__importDefault||function(t){return t&&t.__esModule?t:{default:t}};Object.defineProperty(n,"__esModule",{value:!0});var p=c(e),f=function(t){function e(){return null!==t&&t.apply(this,arguments)||this}return i(e,t),e.prototype.componentDidMount=function(){this.chart=new r.LineChart(this.chartRef,{data:this.props.data,options:this.props.options})},e.prototype.render=function(){var t=this;return p.default.createElement("div",{ref:function(e){return t.chartRef=e},className:"chart-holder"})},e}(c(u).default);n.default=f}));n(O);var C=a((function(t,n){var a,i=o&&o.__extends||(a=function(t,e){return(a=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(t,e){t.__proto__=e}||function(t,e){for(var r in e)Object.prototype.hasOwnProperty.call(e,r)&&(t[r]=e[r])})(t,e)},function(t,e){function r(){this.constructor=t}a(t,e),t.prototype=null===e?Object.create(e):(r.prototype=e.prototype,new r)}),c=o&&o.__importDefault||function(t){return t&&t.__esModule?t:{default:t}};Object.defineProperty(n,"__esModule",{value:!0});var p=c(e),f=function(t){function e(){return null!==t&&t.apply(this,arguments)||this}return i(e,t),e.prototype.componentDidMount=function(){this.chart=new r.LollipopChart(this.chartRef,{data:this.props.data,options:this.props.options})},e.prototype.render=function(){var t=this;return p.default.createElement("div",{ref:function(e){return t.chartRef=e},className:"chart-holder"})},e}(c(u).default);n.default=f}));n(C);var m=a((function(t,n){var a,i=o&&o.__extends||(a=function(t,e){return(a=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(t,e){t.__proto__=e}||function(t,e){for(var r in e)Object.prototype.hasOwnProperty.call(e,r)&&(t[r]=e[r])})(t,e)},function(t,e){function r(){this.constructor=t}a(t,e),t.prototype=null===e?Object.create(e):(r.prototype=e.prototype,new r)}),c=o&&o.__importDefault||function(t){return t&&t.__esModule?t:{default:t}};Object.defineProperty(n,"__esModule",{value:!0});var p=c(e),f=function(t){function e(){return null!==t&&t.apply(this,arguments)||this}return i(e,t),e.prototype.componentDidMount=function(){this.chart=new r.PieChart(this.chartRef,{data:this.props.data,options:this.props.options})},e.prototype.render=function(){var t=this;return p.default.createElement("div",{ref:function(e){return t.chartRef=e},className:"chart-holder"})},e}(c(u).default);n.default=f}));n(m);var b=a((function(t,n){var a,i=o&&o.__extends||(a=function(t,e){return(a=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(t,e){t.__proto__=e}||function(t,e){for(var r in e)Object.prototype.hasOwnProperty.call(e,r)&&(t[r]=e[r])})(t,e)},function(t,e){function r(){this.constructor=t}a(t,e),t.prototype=null===e?Object.create(e):(r.prototype=e.prototype,new r)}),c=o&&o.__importDefault||function(t){return t&&t.__esModule?t:{default:t}};Object.defineProperty(n,"__esModule",{value:!0});var p=c(e),f=function(t){function e(){return null!==t&&t.apply(this,arguments)||this}return i(e,t),e.prototype.componentDidMount=function(){this.chart=new r.ScatterChart(this.chartRef,{data:this.props.data,options:this.props.options})},e.prototype.render=function(){var t=this;return p.default.createElement("div",{ref:function(e){return t.chartRef=e},className:"chart-holder"})},e}(c(u).default);n.default=f}));n(b);var j=a((function(t,n){var a,i=o&&o.__extends||(a=function(t,e){return(a=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(t,e){t.__proto__=e}||function(t,e){for(var r in e)Object.prototype.hasOwnProperty.call(e,r)&&(t[r]=e[r])})(t,e)},function(t,e){function r(){this.constructor=t}a(t,e),t.prototype=null===e?Object.create(e):(r.prototype=e.prototype,new r)}),c=o&&o.__importDefault||function(t){return t&&t.__esModule?t:{default:t}};Object.defineProperty(n,"__esModule",{value:!0});var p=c(e),f=function(t){function e(){return null!==t&&t.apply(this,arguments)||this}return i(e,t),e.prototype.componentDidMount=function(){this.chart=new r.MeterChart(this.chartRef,{data:this.props.data,options:this.props.options})},e.prototype.render=function(){var t=this;return p.default.createElement("div",{ref:function(e){return t.chartRef=e},className:"chart-holder"})},e}(c(u).default);n.default=f}));n(j);var P=a((function(t,n){var a,i=o&&o.__extends||(a=function(t,e){return(a=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(t,e){t.__proto__=e}||function(t,e){for(var r in e)Object.prototype.hasOwnProperty.call(e,r)&&(t[r]=e[r])})(t,e)},function(t,e){function r(){this.constructor=t}a(t,e),t.prototype=null===e?Object.create(e):(r.prototype=e.prototype,new r)}),c=o&&o.__importDefault||function(t){return t&&t.__esModule?t:{default:t}};Object.defineProperty(n,"__esModule",{value:!0});var p=c(e),f=function(t){function e(){return null!==t&&t.apply(this,arguments)||this}return i(e,t),e.prototype.componentDidMount=function(){this.chart=new r.RadarChart(this.chartRef,{data:this.props.data,options:this.props.options})},e.prototype.render=function(){var t=this;return p.default.createElement("div",{ref:function(e){return t.chartRef=e},className:"chart-holder"})},e}(c(u).default);n.default=f}));n(P);var M=a((function(t,n){var a,i=o&&o.__extends||(a=function(t,e){return(a=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(t,e){t.__proto__=e}||function(t,e){for(var r in e)Object.prototype.hasOwnProperty.call(e,r)&&(t[r]=e[r])})(t,e)},function(t,e){function r(){this.constructor=t}a(t,e),t.prototype=null===e?Object.create(e):(r.prototype=e.prototype,new r)}),c=o&&o.__importDefault||function(t){return t&&t.__esModule?t:{default:t}};Object.defineProperty(n,"__esModule",{value:!0});var p=c(e),f=function(t){function e(){return null!==t&&t.apply(this,arguments)||this}return i(e,t),e.prototype.componentDidMount=function(){this.chart=new r.ComboChart(this.chartRef,{data:this.props.data,options:this.props.options})},e.prototype.render=function(){var t=this;return p.default.createElement("div",{ref:function(e){return t.chartRef=e},className:"chart-holder"})},e}(c(u).default);n.default=f}));n(M);var w=a((function(t,n){var a,i=o&&o.__extends||(a=function(t,e){return(a=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(t,e){t.__proto__=e}||function(t,e){for(var r in e)Object.prototype.hasOwnProperty.call(e,r)&&(t[r]=e[r])})(t,e)},function(t,e){function r(){this.constructor=t}a(t,e),t.prototype=null===e?Object.create(e):(r.prototype=e.prototype,new r)}),c=o&&o.__importDefault||function(t){return t&&t.__esModule?t:{default:t}};Object.defineProperty(n,"__esModule",{value:!0});var p=c(e),f=function(t){function e(){return null!==t&&t.apply(this,arguments)||this}return i(e,t),e.prototype.componentDidMount=function(){this.chart=new r.TreeChart(this.chartRef,{data:this.props.data,options:this.props.options})},e.prototype.render=function(){var t=this;return p.default.createElement("div",{ref:function(e){return t.chartRef=e},className:"chart-holder"})},e}(c(u).default);n.default=f}));n(w);var D=a((function(t,n){var a,i=o&&o.__extends||(a=function(t,e){return(a=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(t,e){t.__proto__=e}||function(t,e){for(var r in e)Object.prototype.hasOwnProperty.call(e,r)&&(t[r]=e[r])})(t,e)},function(t,e){function r(){this.constructor=t}a(t,e),t.prototype=null===e?Object.create(e):(r.prototype=e.prototype,new r)}),c=o&&o.__importDefault||function(t){return t&&t.__esModule?t:{default:t}};Object.defineProperty(n,"__esModule",{value:!0});var p=c(e),f=function(t){function e(){return null!==t&&t.apply(this,arguments)||this}return i(e,t),e.prototype.componentDidMount=function(){this.chart=new r.TreemapChart(this.chartRef,{data:this.props.data,options:this.props.options})},e.prototype.render=function(){var t=this;return p.default.createElement("div",{ref:function(e){return t.chartRef=e},className:"chart-holder"})},e}(c(u).default);n.default=f}));n(D);var R=a((function(t,n){var a,i=o&&o.__extends||(a=function(t,e){return(a=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(t,e){t.__proto__=e}||function(t,e){for(var r in e)Object.prototype.hasOwnProperty.call(e,r)&&(t[r]=e[r])})(t,e)},function(t,e){function r(){this.constructor=t}a(t,e),t.prototype=null===e?Object.create(e):(r.prototype=e.prototype,new r)}),c=o&&o.__importDefault||function(t){return t&&t.__esModule?t:{default:t}};Object.defineProperty(n,"__esModule",{value:!0});var p=c(e),f=function(t){function e(){return null!==t&&t.apply(this,arguments)||this}return i(e,t),e.prototype.componentDidMount=function(){this.chart=new r.CirclePackChart(this.chartRef,{data:this.props.data,options:this.props.options})},e.prototype.render=function(){var t=this;return p.default.createElement("div",{ref:function(e){return t.chartRef=e},className:"chart-holder"})},e}(c(u).default);n.default=f}));n(R);var A=a((function(t,n){var a,i=o&&o.__extends||(a=function(t,e){return(a=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(t,e){t.__proto__=e}||function(t,e){for(var r in e)Object.prototype.hasOwnProperty.call(e,r)&&(t[r]=e[r])})(t,e)},function(t,e){function r(){this.constructor=t}a(t,e),t.prototype=null===e?Object.create(e):(r.prototype=e.prototype,new r)}),c=o&&o.__importDefault||function(t){return t&&t.__esModule?t:{default:t}};Object.defineProperty(n,"__esModule",{value:!0});var p=c(e),f=function(t){function e(){return null!==t&&t.apply(this,arguments)||this}return i(e,t),e.prototype.componentDidMount=function(){this.chart=new r.WordCloudChart(this.chartRef,{data:this.props.data,options:this.props.options})},e.prototype.render=function(){var t=this;return p.default.createElement("div",{ref:function(e){return t.chartRef=e},className:"chart-holder"})},e}(c(u).default);n.default=f}));n(A);var x=a((function(t,n){var a,i=o&&o.__extends||(a=function(t,e){return(a=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(t,e){t.__proto__=e}||function(t,e){for(var r in e)Object.prototype.hasOwnProperty.call(e,r)&&(t[r]=e[r])})(t,e)},function(t,e){function r(){this.constructor=t}a(t,e),t.prototype=null===e?Object.create(e):(r.prototype=e.prototype,new r)}),c=o&&o.__importDefault||function(t){return t&&t.__esModule?t:{default:t}};Object.defineProperty(n,"__esModule",{value:!0});var p=c(e),f=function(t){function e(){return null!==t&&t.apply(this,arguments)||this}return i(e,t),e.prototype.componentDidMount=function(){this.chart=new r.AlluvialChart(this.chartRef,{data:this.props.data,options:this.props.options})},e.prototype.render=function(){var t=this;return p.default.createElement("div",{ref:function(e){return t.chartRef=e},className:"chart-holder"})},e}(c(u).default);n.default=f}));n(x);var B=a((function(t,n){var a,i=o&&o.__extends||(a=function(t,e){return(a=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(t,e){t.__proto__=e}||function(t,e){for(var r in e)Object.prototype.hasOwnProperty.call(e,r)&&(t[r]=e[r])})(t,e)},function(t,e){function r(){this.constructor=t}a(t,e),t.prototype=null===e?Object.create(e):(r.prototype=e.prototype,new r)}),c=o&&o.__importDefault||function(t){return t&&t.__esModule?t:{default:t}};Object.defineProperty(n,"__esModule",{value:!0});var p=c(e),f=function(t){function e(){return null!==t&&t.apply(this,arguments)||this}return i(e,t),e.prototype.componentDidMount=function(){this.chart=new r.HeatmapChart(this.chartRef,{data:this.props.data,options:this.props.options})},e.prototype.render=function(){var t=this;return p.default.createElement("div",{ref:function(e){return t.chartRef=e},className:"chart-holder"})},e}(c(u).default);n.default=f}));n(B);var E=a((function(t,e){var r=o&&o.__importDefault||function(t){return t&&t.__esModule?t:{default:t}};Object.defineProperty(e,"__esModule",{value:!0}),e.HeatmapChart=e.AlluvialChart=e.WordCloudChart=e.CirclePackChart=e.TreemapChart=e.TreeChart=e.ComboChart=e.RadarChart=e.MeterChart=e.ScatterChart=e.PieChart=e.LollipopChart=e.LineChart=e.HistogramChart=e.GaugeChart=e.DonutChart=e.BulletChart=e.BubbleChart=e.BoxplotChart=e.StackedBarChart=e.SimpleBarChart=e.GroupedBarChart=e.StackedAreaChart=e.AreaChart=void 0;var n=r(i);e.AreaChart=n.default;var a=r(c);e.StackedAreaChart=a.default;var u=r(p);e.GroupedBarChart=u.default;var E=r(f);e.SimpleBarChart=E.default;var N=r(s);e.StackedBarChart=N.default;var S=r(l);e.BoxplotChart=S.default;var g=r(h);e.BubbleChart=g.default;var k=r(d);e.BulletChart=k.default;var T=r(_);e.DonutChart=T.default;var G=r(y);e.GaugeChart=G.default;var H=r(v);e.HistogramChart=H.default;var L=r(O);e.LineChart=L.default;var W=r(C);e.LollipopChart=W.default;var q=r(m);e.PieChart=q.default;var U=r(b);e.ScatterChart=U.default;var z=r(j);e.MeterChart=z.default;var F=r(P);e.RadarChart=F.default;var I=r(M);e.ComboChart=I.default;var J=r(w);e.TreeChart=J.default;var K=r(D);e.TreemapChart=K.default;var Q=r(R);e.CirclePackChart=Q.default;var V=r(A);e.WordCloudChart=V.default;var X=r(x);e.AlluvialChart=X.default;var Y=r(B);e.HeatmapChart=Y.default})),N=n(E),S=E.HeatmapChart,g=E.AlluvialChart,k=E.WordCloudChart,T=E.CirclePackChart,G=E.TreemapChart,H=E.TreeChart,L=E.ComboChart,W=E.RadarChart,q=E.MeterChart,U=E.ScatterChart,z=E.PieChart,F=E.LollipopChart,I=E.LineChart,J=E.HistogramChart,K=E.GaugeChart,Q=E.DonutChart,V=E.BulletChart,X=E.BubbleChart,Y=E.BoxplotChart,Z=E.StackedBarChart,$=E.SimpleBarChart,tt=E.GroupedBarChart,et=E.StackedAreaChart,rt=E.AreaChart;t.AlluvialChart=g,t.AreaChart=rt,t.BoxplotChart=Y,t.BubbleChart=X,t.BulletChart=V,t.CirclePackChart=T,t.ComboChart=L,t.DonutChart=Q,t.GaugeChart=K,t.GroupedBarChart=tt,t.HeatmapChart=S,t.HistogramChart=J,t.LineChart=I,t.LollipopChart=F,t.MeterChart=q,t.PieChart=z,t.RadarChart=W,t.ScatterChart=U,t.SimpleBarChart=$,t.StackedAreaChart=et,t.StackedBarChart=Z,t.TreeChart=H,t.TreemapChart=G,t.WordCloudChart=k,t.default=N,Object.defineProperty(t,"__esModule",{value:!0})}));
+!function(t,e){"object"==typeof exports&&"undefined"!=typeof module?e(exports,require("react"),require("@carbon/charts")):"function"==typeof define&&define.amd?define(["exports","react","@carbon/charts"],e):e((t=t||self).ChartsReact={},t.React,t.Charts)}(this,(function(t,e,r){"use strict";e=e&&e.hasOwnProperty("default")?e.default:e,r=r&&r.hasOwnProperty("default")?r.default:r;var o="undefined"!=typeof globalThis?globalThis:"undefined"!=typeof window?window:"undefined"!=typeof global?global:"undefined"!=typeof self?self:{};function n(t){return t&&t.__esModule&&Object.prototype.hasOwnProperty.call(t,"default")?t.default:t}function a(t,e){return t(e={exports:{}},e.exports),e.exports}var i=a((function(t,r){var n,a=o&&o.__extends||(n=function(t,e){return(n=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(t,e){t.__proto__=e}||function(t,e){for(var r in e)Object.prototype.hasOwnProperty.call(e,r)&&(t[r]=e[r])})(t,e)},function(t,e){function r(){this.constructor=t}n(t,e),t.prototype=null===e?Object.create(e):(r.prototype=e.prototype,new r)}),i=o&&o.__importDefault||function(t){return t&&t.__esModule?t:{default:t}};Object.defineProperty(r,"__esModule",{value:!0});var u=function(t){function e(e){var r=t.call(this,e)||this,o=e.options,n=e.data;return o||console.error("Missing options!"),n||console.error("Missing data!"),r.data=e.data||[],r.options=e.options||{},Object.assign(r,r.chart),r}return a(e,t),e.prototype.shouldComponentUpdate=function(t){return this.props.data!==t.data||this.props.options!==t.options},e.prototype.componentDidUpdate=function(){this.chart.model.setData(this.props.data),this.chart.model.setOptions(this.props.options)},e}(i(e).default.Component);r.default=u}));n(i);var u=a((function(t,e){Object.defineProperty(e,"__esModule",{value:!0}),e.hasChartBeenInitialized=void 0;e.hasChartBeenInitialized=function(t){return!!t.querySelector("div.bx--cc--chart-wrapper")}}));n(u);u.hasChartBeenInitialized;var c=a((function(t,n){var a,c=o&&o.__extends||(a=function(t,e){return(a=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(t,e){t.__proto__=e}||function(t,e){for(var r in e)Object.prototype.hasOwnProperty.call(e,r)&&(t[r]=e[r])})(t,e)},function(t,e){function r(){this.constructor=t}a(t,e),t.prototype=null===e?Object.create(e):(r.prototype=e.prototype,new r)}),p=o&&o.__importDefault||function(t){return t&&t.__esModule?t:{default:t}};Object.defineProperty(n,"__esModule",{value:!0});var f=p(e),s=function(t){function e(){return null!==t&&t.apply(this,arguments)||this}return c(e,t),e.prototype.componentDidMount=function(){!1===u.hasChartBeenInitialized(this.chartRef)&&(this.chart=new r.AreaChart(this.chartRef,{data:this.props.data,options:this.props.options}))},e.prototype.render=function(){var t=this;return f.default.createElement("div",{ref:function(e){return t.chartRef=e},className:"chart-holder"})},e}(p(i).default);n.default=s}));n(c);var p=a((function(t,n){var a,c=o&&o.__extends||(a=function(t,e){return(a=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(t,e){t.__proto__=e}||function(t,e){for(var r in e)Object.prototype.hasOwnProperty.call(e,r)&&(t[r]=e[r])})(t,e)},function(t,e){function r(){this.constructor=t}a(t,e),t.prototype=null===e?Object.create(e):(r.prototype=e.prototype,new r)}),p=o&&o.__importDefault||function(t){return t&&t.__esModule?t:{default:t}};Object.defineProperty(n,"__esModule",{value:!0});var f=p(e),s=function(t){function e(){return null!==t&&t.apply(this,arguments)||this}return c(e,t),e.prototype.componentDidMount=function(){!1===u.hasChartBeenInitialized(this.chartRef)&&(this.chart=new r.StackedAreaChart(this.chartRef,{data:this.props.data,options:this.props.options}))},e.prototype.render=function(){var t=this;return f.default.createElement("div",{ref:function(e){return t.chartRef=e},className:"chart-holder"})},e}(p(i).default);n.default=s}));n(p);var f=a((function(t,n){var a,c=o&&o.__extends||(a=function(t,e){return(a=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(t,e){t.__proto__=e}||function(t,e){for(var r in e)Object.prototype.hasOwnProperty.call(e,r)&&(t[r]=e[r])})(t,e)},function(t,e){function r(){this.constructor=t}a(t,e),t.prototype=null===e?Object.create(e):(r.prototype=e.prototype,new r)}),p=o&&o.__importDefault||function(t){return t&&t.__esModule?t:{default:t}};Object.defineProperty(n,"__esModule",{value:!0});var f=p(e),s=function(t){function e(){return null!==t&&t.apply(this,arguments)||this}return c(e,t),e.prototype.componentDidMount=function(){!1===u.hasChartBeenInitialized(this.chartRef)&&(this.chart=new r.GroupedBarChart(this.chartRef,{data:this.props.data,options:this.props.options}))},e.prototype.render=function(){var t=this;return f.default.createElement("div",{ref:function(e){return t.chartRef=e},className:"chart-holder"})},e}(p(i).default);n.default=s}));n(f);var s=a((function(t,n){var a,c=o&&o.__extends||(a=function(t,e){return(a=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(t,e){t.__proto__=e}||function(t,e){for(var r in e)Object.prototype.hasOwnProperty.call(e,r)&&(t[r]=e[r])})(t,e)},function(t,e){function r(){this.constructor=t}a(t,e),t.prototype=null===e?Object.create(e):(r.prototype=e.prototype,new r)}),p=o&&o.__importDefault||function(t){return t&&t.__esModule?t:{default:t}};Object.defineProperty(n,"__esModule",{value:!0});var f=p(e),s=function(t){function e(){return null!==t&&t.apply(this,arguments)||this}return c(e,t),e.prototype.componentDidMount=function(){!1===u.hasChartBeenInitialized(this.chartRef)&&(this.chart=new r.SimpleBarChart(this.chartRef,{data:this.props.data,options:this.props.options}))},e.prototype.render=function(){var t=this;return f.default.createElement("div",{ref:function(e){return t.chartRef=e},className:"chart-holder"})},e}(p(i).default);n.default=s}));n(s);var l=a((function(t,n){var a,c=o&&o.__extends||(a=function(t,e){return(a=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(t,e){t.__proto__=e}||function(t,e){for(var r in e)Object.prototype.hasOwnProperty.call(e,r)&&(t[r]=e[r])})(t,e)},function(t,e){function r(){this.constructor=t}a(t,e),t.prototype=null===e?Object.create(e):(r.prototype=e.prototype,new r)}),p=o&&o.__importDefault||function(t){return t&&t.__esModule?t:{default:t}};Object.defineProperty(n,"__esModule",{value:!0});var f=p(e),s=function(t){function e(){return null!==t&&t.apply(this,arguments)||this}return c(e,t),e.prototype.componentDidMount=function(){!1===u.hasChartBeenInitialized(this.chartRef)&&(this.chart=new r.StackedBarChart(this.chartRef,{data:this.props.data,options:this.props.options}))},e.prototype.render=function(){var t=this;return f.default.createElement("div",{ref:function(e){return t.chartRef=e},className:"chart-holder"})},e}(p(i).default);n.default=s}));n(l);var h=a((function(t,n){var a,c=o&&o.__extends||(a=function(t,e){return(a=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(t,e){t.__proto__=e}||function(t,e){for(var r in e)Object.prototype.hasOwnProperty.call(e,r)&&(t[r]=e[r])})(t,e)},function(t,e){function r(){this.constructor=t}a(t,e),t.prototype=null===e?Object.create(e):(r.prototype=e.prototype,new r)}),p=o&&o.__importDefault||function(t){return t&&t.__esModule?t:{default:t}};Object.defineProperty(n,"__esModule",{value:!0});var f=p(e),s=function(t){function e(){return null!==t&&t.apply(this,arguments)||this}return c(e,t),e.prototype.componentDidMount=function(){!1===u.hasChartBeenInitialized(this.chartRef)&&(this.chart=new r.BoxplotChart(this.chartRef,{data:this.props.data,options:this.props.options}))},e.prototype.render=function(){var t=this;return f.default.createElement("div",{ref:function(e){return t.chartRef=e},className:"chart-holder"})},e}(p(i).default);n.default=s}));n(h);var d=a((function(t,n){var a,c=o&&o.__extends||(a=function(t,e){return(a=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(t,e){t.__proto__=e}||function(t,e){for(var r in e)Object.prototype.hasOwnProperty.call(e,r)&&(t[r]=e[r])})(t,e)},function(t,e){function r(){this.constructor=t}a(t,e),t.prototype=null===e?Object.create(e):(r.prototype=e.prototype,new r)}),p=o&&o.__importDefault||function(t){return t&&t.__esModule?t:{default:t}};Object.defineProperty(n,"__esModule",{value:!0});var f=p(e),s=function(t){function e(){return null!==t&&t.apply(this,arguments)||this}return c(e,t),e.prototype.componentDidMount=function(){!1===u.hasChartBeenInitialized(this.chartRef)&&(this.chart=new r.BubbleChart(this.chartRef,{data:this.props.data,options:this.props.options}))},e.prototype.render=function(){var t=this;return f.default.createElement("div",{ref:function(e){return t.chartRef=e},className:"chart-holder"})},e}(p(i).default);n.default=s}));n(d);var _=a((function(t,n){var a,c=o&&o.__extends||(a=function(t,e){return(a=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(t,e){t.__proto__=e}||function(t,e){for(var r in e)Object.prototype.hasOwnProperty.call(e,r)&&(t[r]=e[r])})(t,e)},function(t,e){function r(){this.constructor=t}a(t,e),t.prototype=null===e?Object.create(e):(r.prototype=e.prototype,new r)}),p=o&&o.__importDefault||function(t){return t&&t.__esModule?t:{default:t}};Object.defineProperty(n,"__esModule",{value:!0});var f=p(e),s=function(t){function e(){return null!==t&&t.apply(this,arguments)||this}return c(e,t),e.prototype.componentDidMount=function(){!1===u.hasChartBeenInitialized(this.chartRef)&&(this.chart=new r.BulletChart(this.chartRef,{data:this.props.data,options:this.props.options}))},e.prototype.render=function(){var t=this;return f.default.createElement("div",{ref:function(e){return t.chartRef=e},className:"chart-holder"})},e}(p(i).default);n.default=s}));n(_);var y=a((function(t,n){var a,c=o&&o.__extends||(a=function(t,e){return(a=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(t,e){t.__proto__=e}||function(t,e){for(var r in e)Object.prototype.hasOwnProperty.call(e,r)&&(t[r]=e[r])})(t,e)},function(t,e){function r(){this.constructor=t}a(t,e),t.prototype=null===e?Object.create(e):(r.prototype=e.prototype,new r)}),p=o&&o.__importDefault||function(t){return t&&t.__esModule?t:{default:t}};Object.defineProperty(n,"__esModule",{value:!0});var f=p(e),s=function(t){function e(){return null!==t&&t.apply(this,arguments)||this}return c(e,t),e.prototype.componentDidMount=function(){!1===u.hasChartBeenInitialized(this.chartRef)&&(this.chart=new r.DonutChart(this.chartRef,{data:this.props.data,options:this.props.options}))},e.prototype.render=function(){var t=this;return f.default.createElement("div",{ref:function(e){return t.chartRef=e},className:"chart-holder"})},e}(p(i).default);n.default=s}));n(y);var v=a((function(t,n){var a,c=o&&o.__extends||(a=function(t,e){return(a=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(t,e){t.__proto__=e}||function(t,e){for(var r in e)Object.prototype.hasOwnProperty.call(e,r)&&(t[r]=e[r])})(t,e)},function(t,e){function r(){this.constructor=t}a(t,e),t.prototype=null===e?Object.create(e):(r.prototype=e.prototype,new r)}),p=o&&o.__importDefault||function(t){return t&&t.__esModule?t:{default:t}};Object.defineProperty(n,"__esModule",{value:!0});var f=p(e),s=function(t){function e(){return null!==t&&t.apply(this,arguments)||this}return c(e,t),e.prototype.componentDidMount=function(){!1===u.hasChartBeenInitialized(this.chartRef)&&(this.chart=new r.GaugeChart(this.chartRef,{data:this.props.data,options:this.props.options}))},e.prototype.render=function(){var t=this;return f.default.createElement("div",{ref:function(e){return t.chartRef=e},className:"chart-holder"})},e}(p(i).default);n.default=s}));n(v);var C=a((function(t,n){var a,c=o&&o.__extends||(a=function(t,e){return(a=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(t,e){t.__proto__=e}||function(t,e){for(var r in e)Object.prototype.hasOwnProperty.call(e,r)&&(t[r]=e[r])})(t,e)},function(t,e){function r(){this.constructor=t}a(t,e),t.prototype=null===e?Object.create(e):(r.prototype=e.prototype,new r)}),p=o&&o.__importDefault||function(t){return t&&t.__esModule?t:{default:t}};Object.defineProperty(n,"__esModule",{value:!0});var f=p(e),s=function(t){function e(){return null!==t&&t.apply(this,arguments)||this}return c(e,t),e.prototype.componentDidMount=function(){!1===u.hasChartBeenInitialized(this.chartRef)&&(this.chart=new r.HistogramChart(this.chartRef,{data:this.props.data,options:this.props.options}))},e.prototype.render=function(){var t=this;return f.default.createElement("div",{ref:function(e){return t.chartRef=e},className:"chart-holder"})},e}(p(i).default);n.default=s}));n(C);var O=a((function(t,n){var a,c=o&&o.__extends||(a=function(t,e){return(a=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(t,e){t.__proto__=e}||function(t,e){for(var r in e)Object.prototype.hasOwnProperty.call(e,r)&&(t[r]=e[r])})(t,e)},function(t,e){function r(){this.constructor=t}a(t,e),t.prototype=null===e?Object.create(e):(r.prototype=e.prototype,new r)}),p=o&&o.__importDefault||function(t){return t&&t.__esModule?t:{default:t}};Object.defineProperty(n,"__esModule",{value:!0});var f=p(e),s=function(t){function e(){return null!==t&&t.apply(this,arguments)||this}return c(e,t),e.prototype.componentDidMount=function(){!1===u.hasChartBeenInitialized(this.chartRef)&&(this.chart=new r.LineChart(this.chartRef,{data:this.props.data,options:this.props.options}))},e.prototype.render=function(){var t=this;return f.default.createElement("div",{ref:function(e){return t.chartRef=e},className:"chart-holder"})},e}(p(i).default);n.default=s}));n(O);var m=a((function(t,n){var a,c=o&&o.__extends||(a=function(t,e){return(a=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(t,e){t.__proto__=e}||function(t,e){for(var r in e)Object.prototype.hasOwnProperty.call(e,r)&&(t[r]=e[r])})(t,e)},function(t,e){function r(){this.constructor=t}a(t,e),t.prototype=null===e?Object.create(e):(r.prototype=e.prototype,new r)}),p=o&&o.__importDefault||function(t){return t&&t.__esModule?t:{default:t}};Object.defineProperty(n,"__esModule",{value:!0});var f=p(e),s=function(t){function e(){return null!==t&&t.apply(this,arguments)||this}return c(e,t),e.prototype.componentDidMount=function(){!1===u.hasChartBeenInitialized(this.chartRef)&&(this.chart=new r.LollipopChart(this.chartRef,{data:this.props.data,options:this.props.options}))},e.prototype.render=function(){var t=this;return f.default.createElement("div",{ref:function(e){return t.chartRef=e},className:"chart-holder"})},e}(p(i).default);n.default=s}));n(m);var b=a((function(t,n){var a,c=o&&o.__extends||(a=function(t,e){return(a=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(t,e){t.__proto__=e}||function(t,e){for(var r in e)Object.prototype.hasOwnProperty.call(e,r)&&(t[r]=e[r])})(t,e)},function(t,e){function r(){this.constructor=t}a(t,e),t.prototype=null===e?Object.create(e):(r.prototype=e.prototype,new r)}),p=o&&o.__importDefault||function(t){return t&&t.__esModule?t:{default:t}};Object.defineProperty(n,"__esModule",{value:!0});var f=p(e),s=function(t){function e(){return null!==t&&t.apply(this,arguments)||this}return c(e,t),e.prototype.componentDidMount=function(){!1===u.hasChartBeenInitialized(this.chartRef)&&(this.chart=new r.PieChart(this.chartRef,{data:this.props.data,options:this.props.options}))},e.prototype.render=function(){var t=this;return f.default.createElement("div",{ref:function(e){return t.chartRef=e},className:"chart-holder"})},e}(p(i).default);n.default=s}));n(b);var j=a((function(t,n){var a,c=o&&o.__extends||(a=function(t,e){return(a=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(t,e){t.__proto__=e}||function(t,e){for(var r in e)Object.prototype.hasOwnProperty.call(e,r)&&(t[r]=e[r])})(t,e)},function(t,e){function r(){this.constructor=t}a(t,e),t.prototype=null===e?Object.create(e):(r.prototype=e.prototype,new r)}),p=o&&o.__importDefault||function(t){return t&&t.__esModule?t:{default:t}};Object.defineProperty(n,"__esModule",{value:!0});var f=p(e),s=function(t){function e(){return null!==t&&t.apply(this,arguments)||this}return c(e,t),e.prototype.componentDidMount=function(){!1===u.hasChartBeenInitialized(this.chartRef)&&(this.chart=new r.ScatterChart(this.chartRef,{data:this.props.data,options:this.props.options}))},e.prototype.render=function(){var t=this;return f.default.createElement("div",{ref:function(e){return t.chartRef=e},className:"chart-holder"})},e}(p(i).default);n.default=s}));n(j);var P=a((function(t,n){var a,c=o&&o.__extends||(a=function(t,e){return(a=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(t,e){t.__proto__=e}||function(t,e){for(var r in e)Object.prototype.hasOwnProperty.call(e,r)&&(t[r]=e[r])})(t,e)},function(t,e){function r(){this.constructor=t}a(t,e),t.prototype=null===e?Object.create(e):(r.prototype=e.prototype,new r)}),p=o&&o.__importDefault||function(t){return t&&t.__esModule?t:{default:t}};Object.defineProperty(n,"__esModule",{value:!0});var f=p(e),s=function(t){function e(){return null!==t&&t.apply(this,arguments)||this}return c(e,t),e.prototype.componentDidMount=function(){!1===u.hasChartBeenInitialized(this.chartRef)&&(this.chart=new r.MeterChart(this.chartRef,{data:this.props.data,options:this.props.options}))},e.prototype.render=function(){var t=this;return f.default.createElement("div",{ref:function(e){return t.chartRef=e},className:"chart-holder"})},e}(p(i).default);n.default=s}));n(P);var M=a((function(t,n){var a,c=o&&o.__extends||(a=function(t,e){return(a=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(t,e){t.__proto__=e}||function(t,e){for(var r in e)Object.prototype.hasOwnProperty.call(e,r)&&(t[r]=e[r])})(t,e)},function(t,e){function r(){this.constructor=t}a(t,e),t.prototype=null===e?Object.create(e):(r.prototype=e.prototype,new r)}),p=o&&o.__importDefault||function(t){return t&&t.__esModule?t:{default:t}};Object.defineProperty(n,"__esModule",{value:!0});var f=p(e),s=function(t){function e(){return null!==t&&t.apply(this,arguments)||this}return c(e,t),e.prototype.componentDidMount=function(){!1===u.hasChartBeenInitialized(this.chartRef)&&(this.chart=new r.RadarChart(this.chartRef,{data:this.props.data,options:this.props.options}))},e.prototype.render=function(){var t=this;return f.default.createElement("div",{ref:function(e){return t.chartRef=e},className:"chart-holder"})},e}(p(i).default);n.default=s}));n(M);var w=a((function(t,n){var a,c=o&&o.__extends||(a=function(t,e){return(a=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(t,e){t.__proto__=e}||function(t,e){for(var r in e)Object.prototype.hasOwnProperty.call(e,r)&&(t[r]=e[r])})(t,e)},function(t,e){function r(){this.constructor=t}a(t,e),t.prototype=null===e?Object.create(e):(r.prototype=e.prototype,new r)}),p=o&&o.__importDefault||function(t){return t&&t.__esModule?t:{default:t}};Object.defineProperty(n,"__esModule",{value:!0});var f=p(e),s=function(t){function e(){return null!==t&&t.apply(this,arguments)||this}return c(e,t),e.prototype.componentDidMount=function(){!1===u.hasChartBeenInitialized(this.chartRef)&&(this.chart=new r.ComboChart(this.chartRef,{data:this.props.data,options:this.props.options}))},e.prototype.render=function(){var t=this;return f.default.createElement("div",{ref:function(e){return t.chartRef=e},className:"chart-holder"})},e}(p(i).default);n.default=s}));n(w);var R=a((function(t,n){var a,c=o&&o.__extends||(a=function(t,e){return(a=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(t,e){t.__proto__=e}||function(t,e){for(var r in e)Object.prototype.hasOwnProperty.call(e,r)&&(t[r]=e[r])})(t,e)},function(t,e){function r(){this.constructor=t}a(t,e),t.prototype=null===e?Object.create(e):(r.prototype=e.prototype,new r)}),p=o&&o.__importDefault||function(t){return t&&t.__esModule?t:{default:t}};Object.defineProperty(n,"__esModule",{value:!0});var f=p(e),s=function(t){function e(){return null!==t&&t.apply(this,arguments)||this}return c(e,t),e.prototype.componentDidMount=function(){!1===u.hasChartBeenInitialized(this.chartRef)&&(this.chart=new r.TreeChart(this.chartRef,{data:this.props.data,options:this.props.options}))},e.prototype.render=function(){var t=this;return f.default.createElement("div",{ref:function(e){return t.chartRef=e},className:"chart-holder"})},e}(p(i).default);n.default=s}));n(R);var B=a((function(t,n){var a,c=o&&o.__extends||(a=function(t,e){return(a=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(t,e){t.__proto__=e}||function(t,e){for(var r in e)Object.prototype.hasOwnProperty.call(e,r)&&(t[r]=e[r])})(t,e)},function(t,e){function r(){this.constructor=t}a(t,e),t.prototype=null===e?Object.create(e):(r.prototype=e.prototype,new r)}),p=o&&o.__importDefault||function(t){return t&&t.__esModule?t:{default:t}};Object.defineProperty(n,"__esModule",{value:!0});var f=p(e),s=function(t){function e(){return null!==t&&t.apply(this,arguments)||this}return c(e,t),e.prototype.componentDidMount=function(){!1===u.hasChartBeenInitialized(this.chartRef)&&(this.chart=new r.TreemapChart(this.chartRef,{data:this.props.data,options:this.props.options}))},e.prototype.render=function(){var t=this;return f.default.createElement("div",{ref:function(e){return t.chartRef=e},className:"chart-holder"})},e}(p(i).default);n.default=s}));n(B);var D=a((function(t,n){var a,c=o&&o.__extends||(a=function(t,e){return(a=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(t,e){t.__proto__=e}||function(t,e){for(var r in e)Object.prototype.hasOwnProperty.call(e,r)&&(t[r]=e[r])})(t,e)},function(t,e){function r(){this.constructor=t}a(t,e),t.prototype=null===e?Object.create(e):(r.prototype=e.prototype,new r)}),p=o&&o.__importDefault||function(t){return t&&t.__esModule?t:{default:t}};Object.defineProperty(n,"__esModule",{value:!0});var f=p(e),s=function(t){function e(){return null!==t&&t.apply(this,arguments)||this}return c(e,t),e.prototype.componentDidMount=function(){!1===u.hasChartBeenInitialized(this.chartRef)&&(this.chart=new r.CirclePackChart(this.chartRef,{data:this.props.data,options:this.props.options}))},e.prototype.render=function(){var t=this;return f.default.createElement("div",{ref:function(e){return t.chartRef=e},className:"chart-holder"})},e}(p(i).default);n.default=s}));n(D);var A=a((function(t,n){var a,c=o&&o.__extends||(a=function(t,e){return(a=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(t,e){t.__proto__=e}||function(t,e){for(var r in e)Object.prototype.hasOwnProperty.call(e,r)&&(t[r]=e[r])})(t,e)},function(t,e){function r(){this.constructor=t}a(t,e),t.prototype=null===e?Object.create(e):(r.prototype=e.prototype,new r)}),p=o&&o.__importDefault||function(t){return t&&t.__esModule?t:{default:t}};Object.defineProperty(n,"__esModule",{value:!0});var f=p(e),s=function(t){function e(){return null!==t&&t.apply(this,arguments)||this}return c(e,t),e.prototype.componentDidMount=function(){!1===u.hasChartBeenInitialized(this.chartRef)&&(this.chart=new r.WordCloudChart(this.chartRef,{data:this.props.data,options:this.props.options}))},e.prototype.render=function(){var t=this;return f.default.createElement("div",{ref:function(e){return t.chartRef=e},className:"chart-holder"})},e}(p(i).default);n.default=s}));n(A);var x=a((function(t,n){var a,c=o&&o.__extends||(a=function(t,e){return(a=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(t,e){t.__proto__=e}||function(t,e){for(var r in e)Object.prototype.hasOwnProperty.call(e,r)&&(t[r]=e[r])})(t,e)},function(t,e){function r(){this.constructor=t}a(t,e),t.prototype=null===e?Object.create(e):(r.prototype=e.prototype,new r)}),p=o&&o.__importDefault||function(t){return t&&t.__esModule?t:{default:t}};Object.defineProperty(n,"__esModule",{value:!0});var f=p(e),s=function(t){function e(){return null!==t&&t.apply(this,arguments)||this}return c(e,t),e.prototype.componentDidMount=function(){!1===u.hasChartBeenInitialized(this.chartRef)&&(this.chart=new r.AlluvialChart(this.chartRef,{data:this.props.data,options:this.props.options}))},e.prototype.render=function(){var t=this;return f.default.createElement("div",{ref:function(e){return t.chartRef=e},className:"chart-holder"})},e}(p(i).default);n.default=s}));n(x);var z=a((function(t,n){var a,c=o&&o.__extends||(a=function(t,e){return(a=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(t,e){t.__proto__=e}||function(t,e){for(var r in e)Object.prototype.hasOwnProperty.call(e,r)&&(t[r]=e[r])})(t,e)},function(t,e){function r(){this.constructor=t}a(t,e),t.prototype=null===e?Object.create(e):(r.prototype=e.prototype,new r)}),p=o&&o.__importDefault||function(t){return t&&t.__esModule?t:{default:t}};Object.defineProperty(n,"__esModule",{value:!0});var f=p(e),s=function(t){function e(){return null!==t&&t.apply(this,arguments)||this}return c(e,t),e.prototype.componentDidMount=function(){!1===u.hasChartBeenInitialized(this.chartRef)&&(this.chart=new r.HeatmapChart(this.chartRef,{data:this.props.data,options:this.props.options}))},e.prototype.render=function(){var t=this;return f.default.createElement("div",{ref:function(e){return t.chartRef=e},className:"chart-holder"})},e}(p(i).default);n.default=s}));n(z);var I=a((function(t,e){var r=o&&o.__importDefault||function(t){return t&&t.__esModule?t:{default:t}};Object.defineProperty(e,"__esModule",{value:!0}),e.HeatmapChart=e.AlluvialChart=e.WordCloudChart=e.CirclePackChart=e.TreemapChart=e.TreeChart=e.ComboChart=e.RadarChart=e.MeterChart=e.ScatterChart=e.PieChart=e.LollipopChart=e.LineChart=e.HistogramChart=e.GaugeChart=e.DonutChart=e.BulletChart=e.BubbleChart=e.BoxplotChart=e.StackedBarChart=e.SimpleBarChart=e.GroupedBarChart=e.StackedAreaChart=e.AreaChart=void 0;var n=r(c);e.AreaChart=n.default;var a=r(p);e.StackedAreaChart=a.default;var i=r(f);e.GroupedBarChart=i.default;var u=r(s);e.SimpleBarChart=u.default;var I=r(l);e.StackedBarChart=I.default;var E=r(h);e.BoxplotChart=E.default;var N=r(d);e.BubbleChart=N.default;var S=r(_);e.BulletChart=S.default;var g=r(y);e.DonutChart=g.default;var k=r(v);e.GaugeChart=k.default;var T=r(C);e.HistogramChart=T.default;var G=r(O);e.LineChart=G.default;var H=r(m);e.LollipopChart=H.default;var L=r(b);e.PieChart=L.default;var W=r(j);e.ScatterChart=W.default;var q=r(P);e.MeterChart=q.default;var U=r(M);e.RadarChart=U.default;var F=r(w);e.ComboChart=F.default;var J=r(R);e.TreeChart=J.default;var K=r(B);e.TreemapChart=K.default;var Q=r(D);e.CirclePackChart=Q.default;var V=r(A);e.WordCloudChart=V.default;var X=r(x);e.AlluvialChart=X.default;var Y=r(z);e.HeatmapChart=Y.default})),E=n(I),N=I.HeatmapChart,S=I.AlluvialChart,g=I.WordCloudChart,k=I.CirclePackChart,T=I.TreemapChart,G=I.TreeChart,H=I.ComboChart,L=I.RadarChart,W=I.MeterChart,q=I.ScatterChart,U=I.PieChart,F=I.LollipopChart,J=I.LineChart,K=I.HistogramChart,Q=I.GaugeChart,V=I.DonutChart,X=I.BulletChart,Y=I.BubbleChart,Z=I.BoxplotChart,$=I.StackedBarChart,tt=I.SimpleBarChart,et=I.GroupedBarChart,rt=I.StackedAreaChart,ot=I.AreaChart;t.AlluvialChart=S,t.AreaChart=ot,t.BoxplotChart=Z,t.BubbleChart=Y,t.BulletChart=X,t.CirclePackChart=k,t.ComboChart=H,t.DonutChart=V,t.GaugeChart=Q,t.GroupedBarChart=et,t.HeatmapChart=N,t.HistogramChart=K,t.LineChart=J,t.LollipopChart=F,t.MeterChart=W,t.PieChart=U,t.RadarChart=L,t.ScatterChart=q,t.SimpleBarChart=tt,t.StackedAreaChart=rt,t.StackedBarChart=$,t.TreeChart=G,t.TreemapChart=T,t.WordCloudChart=g,t.default=E,Object.defineProperty(t,"__esModule",{value:!0})}));

package/circle-pack-chart.js

@@ -19,16 +19,19 @@ Object.defineProperty(exports, "__esModule", { value: true });
 var react_1 = __importDefault(require("react"));
 var charts_1 = require("@carbon/charts");
 var base_chart_1 = __importDefault(require("./base-chart"));
+var utils_1 = require("./utils");
 var CirclePackChart = /** @class */ (function (_super) {
     __extends(CirclePackChart, _super);
     function CirclePackChart() {
         return _super !== null && _super.apply(this, arguments) || this;
     }
     CirclePackChart.prototype.componentDidMount = function () {
-        this.chart = new charts_1.CirclePackChart(this.chartRef, {
-            data: this.props.data,
-            options: this.props.options,
-        });
+        if (utils_1.hasChartBeenInitialized(this.chartRef) === false) {
+            this.chart = new charts_1.CirclePackChart(this.chartRef, {
+                data: this.props.data,
+                options: this.props.options,
+            });
+        }
     };
     CirclePackChart.prototype.render = function () {
         var _this = this;

package/combo-chart.js

@@ -19,16 +19,19 @@ Object.defineProperty(exports, "__esModule", { value: true });
 var react_1 = __importDefault(require("react"));
 var charts_1 = require("@carbon/charts");
 var base_chart_1 = __importDefault(require("./base-chart"));
+var utils_1 = require("./utils");
 var ComboChart = /** @class */ (function (_super) {
     __extends(ComboChart, _super);
     function ComboChart() {
         return _super !== null && _super.apply(this, arguments) || this;
     }
     ComboChart.prototype.componentDidMount = function () {
-        this.chart = new charts_1.ComboChart(this.chartRef, {
-            data: this.props.data,
-            options: this.props.options,
-        });
+        if (utils_1.hasChartBeenInitialized(this.chartRef) === false) {
+            this.chart = new charts_1.ComboChart(this.chartRef, {
+                data: this.props.data,
+                options: this.props.options,
+            });
+        }
     };
     ComboChart.prototype.render = function () {
         var _this = this;

package/donut-chart.js

@@ -19,16 +19,19 @@ Object.defineProperty(exports, "__esModule", { value: true });
 var react_1 = __importDefault(require("react"));
 var charts_1 = require("@carbon/charts");
 var base_chart_1 = __importDefault(require("./base-chart"));
+var utils_1 = require("./utils");
 var DonutChart = /** @class */ (function (_super) {
     __extends(DonutChart, _super);
     function DonutChart() {
         return _super !== null && _super.apply(this, arguments) || this;
     }
     DonutChart.prototype.componentDidMount = function () {
-        this.chart = new charts_1.DonutChart(this.chartRef, {
-            data: this.props.data,
-            options: this.props.options,
-        });
+        if (utils_1.hasChartBeenInitialized(this.chartRef) === false) {
+            this.chart = new charts_1.DonutChart(this.chartRef, {
+                data: this.props.data,
+                options: this.props.options,
+            });
+        }
     };
     DonutChart.prototype.render = function () {
         var _this = this;

package/gauge-chart.js

@@ -19,16 +19,19 @@ Object.defineProperty(exports, "__esModule", { value: true });
 var react_1 = __importDefault(require("react"));
 var charts_1 = require("@carbon/charts");
 var base_chart_1 = __importDefault(require("./base-chart"));
+var utils_1 = require("./utils");
 var GaugeChart = /** @class */ (function (_super) {
     __extends(GaugeChart, _super);
     function GaugeChart() {
         return _super !== null && _super.apply(this, arguments) || this;
     }
     GaugeChart.prototype.componentDidMount = function () {
-        this.chart = new charts_1.GaugeChart(this.chartRef, {
-            data: this.props.data,
-            options: this.props.options,
-        });
+        if (utils_1.hasChartBeenInitialized(this.chartRef) === false) {
+            this.chart = new charts_1.GaugeChart(this.chartRef, {
+                data: this.props.data,
+                options: this.props.options,
+            });
+        }
     };
     GaugeChart.prototype.render = function () {
         var _this = this;

package/heatmap-chart.js

@@ -19,16 +19,19 @@ Object.defineProperty(exports, "__esModule", { value: true });
 var react_1 = __importDefault(require("react"));
 var charts_1 = require("@carbon/charts");
 var base_chart_1 = __importDefault(require("./base-chart"));
+var utils_1 = require("./utils");
 var HeatmapChart = /** @class */ (function (_super) {
     __extends(HeatmapChart, _super);
     function HeatmapChart() {
         return _super !== null && _super.apply(this, arguments) || this;
     }
     HeatmapChart.prototype.componentDidMount = function () {
-        this.chart = new charts_1.HeatmapChart(this.chartRef, {
-            data: this.props.data,
-            options: this.props.options,
-        });
+        if (utils_1.hasChartBeenInitialized(this.chartRef) === false) {
+            this.chart = new charts_1.HeatmapChart(this.chartRef, {
+                data: this.props.data,
+                options: this.props.options,
+            });
+        }
     };
     HeatmapChart.prototype.render = function () {
         var _this = this;

package/histogram-chart.js

@@ -19,16 +19,19 @@ Object.defineProperty(exports, "__esModule", { value: true });
 var react_1 = __importDefault(require("react"));
 var charts_1 = require("@carbon/charts");
 var base_chart_1 = __importDefault(require("./base-chart"));
+var utils_1 = require("./utils");
 var HistogramChart = /** @class */ (function (_super) {
     __extends(HistogramChart, _super);
     function HistogramChart() {
         return _super !== null && _super.apply(this, arguments) || this;
     }
     HistogramChart.prototype.componentDidMount = function () {
-        this.chart = new charts_1.HistogramChart(this.chartRef, {
-            data: this.props.data,
-            options: this.props.options,
-        });
+        if (utils_1.hasChartBeenInitialized(this.chartRef) === false) {
+            this.chart = new charts_1.HistogramChart(this.chartRef, {
+                data: this.props.data,
+                options: this.props.options,
+            });
+        }
     };
     HistogramChart.prototype.render = function () {
         var _this = this;

package/line-chart.d.ts

@@ -3,7 +3,7 @@ import { ChartConfig, LineChartOptions } from '@carbon/charts/interfaces';
 import BaseChart from './base-chart';
 declare type LineChartProps = ChartConfig<LineChartOptions>;
 export default class LineChart extends BaseChart<LineChartOptions> {
-    chartRef?: HTMLDivElement;
+    chartRef: HTMLDivElement;
     props: LineChartProps;
     chart: LC;
     componentDidMount(): void;

package/line-chart.js

@@ -19,16 +19,19 @@ Object.defineProperty(exports, "__esModule", { value: true });
 var react_1 = __importDefault(require("react"));
 var charts_1 = require("@carbon/charts");
 var base_chart_1 = __importDefault(require("./base-chart"));
+var utils_1 = require("./utils");
 var LineChart = /** @class */ (function (_super) {
     __extends(LineChart, _super);
     function LineChart() {
         return _super !== null && _super.apply(this, arguments) || this;
     }
     LineChart.prototype.componentDidMount = function () {
-        this.chart = new charts_1.LineChart(this.chartRef, {
-            data: this.props.data,
-            options: this.props.options,
-        });
+        if (utils_1.hasChartBeenInitialized(this.chartRef) === false) {
+            this.chart = new charts_1.LineChart(this.chartRef, {
+                data: this.props.data,
+                options: this.props.options,
+            });
+        }
     };
     LineChart.prototype.render = function () {
         var _this = this;

package/lollipop-chart.d.ts

@@ -3,7 +3,7 @@ import { ChartConfig, LollipopChartOptions } from '@carbon/charts/interfaces';
 import BaseChart from './base-chart';
 declare type LollipopChartProps = ChartConfig<LollipopChartOptions>;
 export default class LollipopChart extends BaseChart<LollipopChartOptions> {
-    chartRef?: HTMLDivElement;
+    chartRef: HTMLDivElement;
     props: LollipopChartProps;
     chart: LC;
     componentDidMount(): void;

package/lollipop-chart.js

@@ -19,16 +19,19 @@ Object.defineProperty(exports, "__esModule", { value: true });
 var react_1 = __importDefault(require("react"));
 var charts_1 = require("@carbon/charts");
 var base_chart_1 = __importDefault(require("./base-chart"));
+var utils_1 = require("./utils");
 var LollipopChart = /** @class */ (function (_super) {
     __extends(LollipopChart, _super);
     function LollipopChart() {
         return _super !== null && _super.apply(this, arguments) || this;
     }
     LollipopChart.prototype.componentDidMount = function () {
-        this.chart = new charts_1.LollipopChart(this.chartRef, {
-            data: this.props.data,
-            options: this.props.options,
-        });
+        if (utils_1.hasChartBeenInitialized(this.chartRef) === false) {
+            this.chart = new charts_1.LollipopChart(this.chartRef, {
+                data: this.props.data,
+                options: this.props.options,
+            });
+        }
     };
     LollipopChart.prototype.render = function () {
         var _this = this;

package/meter-chart.js

@@ -19,16 +19,19 @@ Object.defineProperty(exports, "__esModule", { value: true });
 var react_1 = __importDefault(require("react"));
 var charts_1 = require("@carbon/charts");
 var base_chart_1 = __importDefault(require("./base-chart"));
+var utils_1 = require("./utils");
 var MeterChart = /** @class */ (function (_super) {
     __extends(MeterChart, _super);
     function MeterChart() {
         return _super !== null && _super.apply(this, arguments) || this;
     }
     MeterChart.prototype.componentDidMount = function () {
-        this.chart = new charts_1.MeterChart(this.chartRef, {
-            data: this.props.data,
-            options: this.props.options,
-        });
+        if (utils_1.hasChartBeenInitialized(this.chartRef) === false) {
+            this.chart = new charts_1.MeterChart(this.chartRef, {
+                data: this.props.data,
+                options: this.props.options,
+            });
+        }
     };
     MeterChart.prototype.render = function () {
         var _this = this;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@carbon/charts-react",
-  "version": "0.57.1",
+  "version": "0.58.1",
   "description": "Carbon charting components for React",
   "main": "./bundle.js",
   "module": "./index.js",
@@ -49,13 +49,13 @@
   },
   "homepage": "https://github.com/carbon-design-system/carbon-charts#readme",
   "dependencies": {
-    "@carbon/charts": "^0.57.1",
-    "@carbon/icons-react": "^10.32.0",
-    "@carbon/telemetry": "0.0.0-alpha.6"
+    "@carbon/charts": "^0.58.1",
+    "@carbon/icons-react": "^10.49.0",
+    "@carbon/telemetry": "0.1.0"
   },
   "peerDependencies": {
-    "react": "^16.0.0 || ^17.0.0",
-    "react-dom": "^16.0.0 || ^17.0.0"
+    "react": "^16.0.0 || ^17.0.0 || ^18.0.0",
+    "react-dom": "^16.0.0 || ^17.0.0 || ^18.0.0"
   },
   "devDependencies": {
     "@storybook/addon-knobs": "5.3.12",

package/pie-chart.js

@@ -19,16 +19,19 @@ Object.defineProperty(exports, "__esModule", { value: true });
 var react_1 = __importDefault(require("react"));
 var charts_1 = require("@carbon/charts");
 var base_chart_1 = __importDefault(require("./base-chart"));
+var utils_1 = require("./utils");
 var PieChart = /** @class */ (function (_super) {
     __extends(PieChart, _super);
     function PieChart() {
         return _super !== null && _super.apply(this, arguments) || this;
     }
     PieChart.prototype.componentDidMount = function () {
-        this.chart = new charts_1.PieChart(this.chartRef, {
-            data: this.props.data,
-            options: this.props.options,
-        });
+        if (utils_1.hasChartBeenInitialized(this.chartRef) === false) {
+            this.chart = new charts_1.PieChart(this.chartRef, {
+                data: this.props.data,
+                options: this.props.options,
+            });
+        }
     };
     PieChart.prototype.render = function () {
         var _this = this;

package/radar-chart.js

@@ -19,16 +19,19 @@ Object.defineProperty(exports, "__esModule", { value: true });
 var react_1 = __importDefault(require("react"));
 var charts_1 = require("@carbon/charts");
 var base_chart_1 = __importDefault(require("./base-chart"));
+var utils_1 = require("./utils");
 var RadarChart = /** @class */ (function (_super) {
     __extends(RadarChart, _super);
     function RadarChart() {
         return _super !== null && _super.apply(this, arguments) || this;
     }
     RadarChart.prototype.componentDidMount = function () {
-        this.chart = new charts_1.RadarChart(this.chartRef, {
-            data: this.props.data,
-            options: this.props.options,
-        });
+        if (utils_1.hasChartBeenInitialized(this.chartRef) === false) {
+            this.chart = new charts_1.RadarChart(this.chartRef, {
+                data: this.props.data,
+                options: this.props.options,
+            });
+        }
     };
     RadarChart.prototype.render = function () {
         var _this = this;

package/scatter-chart.js

@@ -19,16 +19,19 @@ Object.defineProperty(exports, "__esModule", { value: true });
 var react_1 = __importDefault(require("react"));
 var charts_1 = require("@carbon/charts");
 var base_chart_1 = __importDefault(require("./base-chart"));
+var utils_1 = require("./utils");
 var ScatterChart = /** @class */ (function (_super) {
     __extends(ScatterChart, _super);
     function ScatterChart() {
         return _super !== null && _super.apply(this, arguments) || this;
     }
     ScatterChart.prototype.componentDidMount = function () {
-        this.chart = new charts_1.ScatterChart(this.chartRef, {
-            data: this.props.data,
-            options: this.props.options,
-        });
+        if (utils_1.hasChartBeenInitialized(this.chartRef) === false) {
+            this.chart = new charts_1.ScatterChart(this.chartRef, {
+                data: this.props.data,
+                options: this.props.options,
+            });
+        }
     };
     ScatterChart.prototype.render = function () {
         var _this = this;

package/tree-chart.js

@@ -19,16 +19,19 @@ Object.defineProperty(exports, "__esModule", { value: true });
 var react_1 = __importDefault(require("react"));
 var charts_1 = require("@carbon/charts");
 var base_chart_1 = __importDefault(require("./base-chart"));
+var utils_1 = require("./utils");
 var TreeChart = /** @class */ (function (_super) {
     __extends(TreeChart, _super);
     function TreeChart() {
         return _super !== null && _super.apply(this, arguments) || this;
     }
     TreeChart.prototype.componentDidMount = function () {
-        this.chart = new charts_1.TreeChart(this.chartRef, {
-            data: this.props.data,
-            options: this.props.options,
-        });
+        if (utils_1.hasChartBeenInitialized(this.chartRef) === false) {
+            this.chart = new charts_1.TreeChart(this.chartRef, {
+                data: this.props.data,
+                options: this.props.options,
+            });
+        }
     };
     TreeChart.prototype.render = function () {
         var _this = this;

package/treemap-chart.js

@@ -19,16 +19,19 @@ Object.defineProperty(exports, "__esModule", { value: true });
 var react_1 = __importDefault(require("react"));
 var charts_1 = require("@carbon/charts");
 var base_chart_1 = __importDefault(require("./base-chart"));
+var utils_1 = require("./utils");
 var TreemapChart = /** @class */ (function (_super) {
     __extends(TreemapChart, _super);
     function TreemapChart() {
         return _super !== null && _super.apply(this, arguments) || this;
     }
     TreemapChart.prototype.componentDidMount = function () {
-        this.chart = new charts_1.TreemapChart(this.chartRef, {
-            data: this.props.data,
-            options: this.props.options,
-        });
+        if (utils_1.hasChartBeenInitialized(this.chartRef) === false) {
+            this.chart = new charts_1.TreemapChart(this.chartRef, {
+                data: this.props.data,
+                options: this.props.options,
+            });
+        }
     };
     TreemapChart.prototype.render = function () {
         var _this = this;

package/utils.d.ts

@@ -0,0 +1 @@
+export declare const hasChartBeenInitialized: (chartHolder: HTMLElement) => boolean;

package/utils.js

@@ -0,0 +1,9 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.hasChartBeenInitialized = void 0;
+var carbonPrefix = 'bx';
+var chartsPrefix = 'cc';
+var hasChartBeenInitialized = function (chartHolder) {
+    return !!chartHolder.querySelector("div." + carbonPrefix + "--" + chartsPrefix + "--chart-wrapper");
+};
+exports.hasChartBeenInitialized = hasChartBeenInitialized;

package/wordcloud-chart.js

@@ -19,16 +19,19 @@ Object.defineProperty(exports, "__esModule", { value: true });
 var react_1 = __importDefault(require("react"));
 var charts_1 = require("@carbon/charts");
 var base_chart_1 = __importDefault(require("./base-chart"));
+var utils_1 = require("./utils");
 var WordCloudChart = /** @class */ (function (_super) {
     __extends(WordCloudChart, _super);
     function WordCloudChart() {
         return _super !== null && _super.apply(this, arguments) || this;
     }
     WordCloudChart.prototype.componentDidMount = function () {
-        this.chart = new charts_1.WordCloudChart(this.chartRef, {
-            data: this.props.data,
-            options: this.props.options,
-        });
+        if (utils_1.hasChartBeenInitialized(this.chartRef) === false) {
+            this.chart = new charts_1.WordCloudChart(this.chartRef, {
+                data: this.props.data,
+                options: this.props.options,
+            });
+        }
     };
     WordCloudChart.prototype.render = function () {
         var _this = this;