@carbon/charts-react 0.41.6 → 0.41.11

package/index.d.ts

@@ -0,0 +1,17 @@
+import AreaChart from "./area-chart";
+import StackedAreaChart from "./area-chart-stacked";
+import GroupedBarChart from "./bar-chart-grouped";
+import SimpleBarChart from "./bar-chart-simple";
+import StackedBarChart from "./bar-chart-stacked";
+import BubbleChart from "./bubble-chart";
+import DonutChart from "./donut-chart";
+import GaugeChart from "./gauge-chart";
+import LineChart from "./line-chart";
+import LollipopChart from "./lollipop-chart";
+import PieChart from "./pie-chart";
+import ScatterChart from "./scatter-chart";
+import MeterChart from "./meter-chart";
+import RadarChart from "./radar-chart";
+import ComboChart from "./combo-chart";
+import TreemapChart from "./treemap-chart";
+export { AreaChart, StackedAreaChart, GroupedBarChart, SimpleBarChart, StackedBarChart, BubbleChart, DonutChart, GaugeChart, LineChart, LollipopChart, PieChart, ScatterChart, MeterChart, RadarChart, ComboChart, TreemapChart };

package/index.js

@@ -1,17 +1,38 @@
-import AreaChart from "./area-chart";
-import StackedAreaChart from "./area-chart-stacked";
-import GroupedBarChart from "./bar-chart-grouped";
-import SimpleBarChart from "./bar-chart-simple";
-import StackedBarChart from "./bar-chart-stacked";
-import BubbleChart from "./bubble-chart";
-import DonutChart from "./donut-chart";
-import GaugeChart from "./gauge-chart";
-import LineChart from "./line-chart";
-import PieChart from "./pie-chart";
-import ScatterChart from "./scatter-chart";
-import MeterChart from "./meter-chart";
-import RadarChart from "./radar-chart";
-import ComboChart from "./combo-chart";
-import TreemapChart from "./treemap-chart";
-
-export { AreaChart, StackedAreaChart, GroupedBarChart, SimpleBarChart, StackedBarChart, BubbleChart, DonutChart, GaugeChart, LineChart, PieChart, ScatterChart, MeterChart, RadarChart, ComboChart, TreemapChart };
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.TreemapChart = exports.ComboChart = exports.RadarChart = exports.MeterChart = exports.ScatterChart = exports.PieChart = exports.LollipopChart = exports.LineChart = exports.GaugeChart = exports.DonutChart = exports.BubbleChart = exports.StackedBarChart = exports.SimpleBarChart = exports.GroupedBarChart = exports.StackedAreaChart = exports.AreaChart = void 0;
+var area_chart_1 = __importDefault(require("./area-chart"));
+exports.AreaChart = area_chart_1.default;
+var area_chart_stacked_1 = __importDefault(require("./area-chart-stacked"));
+exports.StackedAreaChart = area_chart_stacked_1.default;
+var bar_chart_grouped_1 = __importDefault(require("./bar-chart-grouped"));
+exports.GroupedBarChart = bar_chart_grouped_1.default;
+var bar_chart_simple_1 = __importDefault(require("./bar-chart-simple"));
+exports.SimpleBarChart = bar_chart_simple_1.default;
+var bar_chart_stacked_1 = __importDefault(require("./bar-chart-stacked"));
+exports.StackedBarChart = bar_chart_stacked_1.default;
+var bubble_chart_1 = __importDefault(require("./bubble-chart"));
+exports.BubbleChart = bubble_chart_1.default;
+var donut_chart_1 = __importDefault(require("./donut-chart"));
+exports.DonutChart = donut_chart_1.default;
+var gauge_chart_1 = __importDefault(require("./gauge-chart"));
+exports.GaugeChart = gauge_chart_1.default;
+var line_chart_1 = __importDefault(require("./line-chart"));
+exports.LineChart = line_chart_1.default;
+var lollipop_chart_1 = __importDefault(require("./lollipop-chart"));
+exports.LollipopChart = lollipop_chart_1.default;
+var pie_chart_1 = __importDefault(require("./pie-chart"));
+exports.PieChart = pie_chart_1.default;
+var scatter_chart_1 = __importDefault(require("./scatter-chart"));
+exports.ScatterChart = scatter_chart_1.default;
+var meter_chart_1 = __importDefault(require("./meter-chart"));
+exports.MeterChart = meter_chart_1.default;
+var radar_chart_1 = __importDefault(require("./radar-chart"));
+exports.RadarChart = radar_chart_1.default;
+var combo_chart_1 = __importDefault(require("./combo-chart"));
+exports.ComboChart = combo_chart_1.default;
+var treemap_chart_1 = __importDefault(require("./treemap-chart"));
+exports.TreemapChart = treemap_chart_1.default;

package/line-chart.d.ts

@@ -0,0 +1,12 @@
+import { LineChart as LC } from "@carbon/charts";
+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;
+    props: LineChartProps;
+    chart: LC;
+    componentDidMount(): void;
+    render(): JSX.Element;
+}
+export {};

package/line-chart.js

@@ -1,47 +1,39 @@
-var _createClass = function () { function defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } } return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; }();
-
-function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
-
-function _possibleConstructorReturn(self, call) { if (!self) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return call && (typeof call === "object" || typeof call === "function") ? call : self; }
-
-function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function, not " + typeof superClass); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } }); if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass; }
-
-import React from "react";
-
-import { LineChart as LC } from "@carbon/charts";
-import BaseChart from "./base-chart";
-
-var LineChart = function (_BaseChart) {
-	_inherits(LineChart, _BaseChart);
-
-	function LineChart() {
-		_classCallCheck(this, LineChart);
-
-		return _possibleConstructorReturn(this, (LineChart.__proto__ || Object.getPrototypeOf(LineChart)).apply(this, arguments));
-	}
-
-	_createClass(LineChart, [{
-		key: "componentDidMount",
-		value: function componentDidMount() {
-			this.chart = new LC(this.chartRef, {
-				data: this.props.data,
-				options: this.props.options
-			});
-		}
-	}, {
-		key: "render",
-		value: function render() {
-			var _this2 = this;
-
-			return React.createElement("div", {
-				ref: function ref(chartRef) {
-					return _this2.chartRef = chartRef;
-				},
-				className: "chart-holder" });
-		}
-	}]);
-
-	return LineChart;
-}(BaseChart);
-
-export default LineChart;
+"use strict";
+var __extends = (this && this.__extends) || (function () {
+    var extendStatics = function (d, b) {
+        extendStatics = Object.setPrototypeOf ||
+            ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
+            function (d, b) { for (var p in b) if (Object.prototype.hasOwnProperty.call(b, p)) d[p] = b[p]; };
+        return extendStatics(d, b);
+    };
+    return function (d, b) {
+        extendStatics(d, b);
+        function __() { this.constructor = d; }
+        d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
+    };
+})();
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+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 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,
+        });
+    };
+    LineChart.prototype.render = function () {
+        var _this = this;
+        return (react_1.default.createElement("div", { ref: function (chartRef) { return (_this.chartRef = chartRef); }, className: "chart-holder" }));
+    };
+    return LineChart;
+}(base_chart_1.default));
+exports.default = LineChart;

package/lollipop-chart.d.ts

@@ -0,0 +1,12 @@
+import { LollipopChart as LC } from "@carbon/charts";
+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;
+    props: LollipopChartProps;
+    chart: LC;
+    componentDidMount(): void;
+    render(): JSX.Element;
+}
+export {};

package/lollipop-chart.js

@@ -0,0 +1,39 @@
+"use strict";
+var __extends = (this && this.__extends) || (function () {
+    var extendStatics = function (d, b) {
+        extendStatics = Object.setPrototypeOf ||
+            ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
+            function (d, b) { for (var p in b) if (Object.prototype.hasOwnProperty.call(b, p)) d[p] = b[p]; };
+        return extendStatics(d, b);
+    };
+    return function (d, b) {
+        extendStatics(d, b);
+        function __() { this.constructor = d; }
+        d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
+    };
+})();
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+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 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,
+        });
+    };
+    LollipopChart.prototype.render = function () {
+        var _this = this;
+        return (react_1.default.createElement("div", { ref: function (chartRef) { return (_this.chartRef = chartRef); }, className: "chart-holder" }));
+    };
+    return LollipopChart;
+}(base_chart_1.default));
+exports.default = LollipopChart;

package/meter-chart.d.ts

@@ -0,0 +1,12 @@
+import { MeterChart as MC } from "@carbon/charts";
+import BaseChart from "./base-chart";
+import { ChartConfig, MeterChartOptions } from "@carbon/charts/interfaces";
+declare type MeterChartProps = ChartConfig<MeterChartOptions>;
+export default class MeterChart extends BaseChart<MeterChartOptions> {
+    chartRef: HTMLDivElement;
+    props: MeterChartProps;
+    chart: MC;
+    componentDidMount(): void;
+    render(): JSX.Element;
+}
+export {};

package/meter-chart.js

@@ -1,47 +1,39 @@
-var _createClass = function () { function defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } } return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; }();
-
-function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
-
-function _possibleConstructorReturn(self, call) { if (!self) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return call && (typeof call === "object" || typeof call === "function") ? call : self; }
-
-function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function, not " + typeof superClass); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } }); if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass; }
-
-import React from "react";
-
-import { MeterChart as MC } from "@carbon/charts";
-import BaseChart from "./base-chart";
-
-var MeterChart = function (_BaseChart) {
-	_inherits(MeterChart, _BaseChart);
-
-	function MeterChart() {
-		_classCallCheck(this, MeterChart);
-
-		return _possibleConstructorReturn(this, (MeterChart.__proto__ || Object.getPrototypeOf(MeterChart)).apply(this, arguments));
-	}
-
-	_createClass(MeterChart, [{
-		key: "componentDidMount",
-		value: function componentDidMount() {
-			this.chart = new MC(this.chartRef, {
-				data: this.props.data,
-				options: this.props.options
-			});
-		}
-	}, {
-		key: "render",
-		value: function render() {
-			var _this2 = this;
-
-			return React.createElement("div", {
-				ref: function ref(chartRef) {
-					return _this2.chartRef = chartRef;
-				},
-				className: "chart-holder" });
-		}
-	}]);
-
-	return MeterChart;
-}(BaseChart);
-
-export default MeterChart;
+"use strict";
+var __extends = (this && this.__extends) || (function () {
+    var extendStatics = function (d, b) {
+        extendStatics = Object.setPrototypeOf ||
+            ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
+            function (d, b) { for (var p in b) if (Object.prototype.hasOwnProperty.call(b, p)) d[p] = b[p]; };
+        return extendStatics(d, b);
+    };
+    return function (d, b) {
+        extendStatics(d, b);
+        function __() { this.constructor = d; }
+        d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
+    };
+})();
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+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 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,
+        });
+    };
+    MeterChart.prototype.render = function () {
+        var _this = this;
+        return (react_1.default.createElement("div", { ref: function (chartRef) { return (_this.chartRef = chartRef); }, className: "chart-holder" }));
+    };
+    return MeterChart;
+}(base_chart_1.default));
+exports.default = MeterChart;

package/package.json

@@ -1,14 +1,15 @@
 {
 	"name": "@carbon/charts-react",
-	"version": "0.41.6",
+	"version": "0.41.11",
 	"description": "Carbon charting components for React",
 	"main": "./bundle.js",
 	"module": "./index.js",
+	"types": "./index.d.ts",
 	"scripts": {
 		"start": "yarn run storybook",
 		"build": "bash build.sh",
 		"storybook": "start-storybook -p 9006 -c .storybook -s ./assets",
-		"demo:build": "build-storybook -o demo/bundle --quiet",
+		"demo:build": "yarn build && build-storybook -o demo/bundle --quiet",
 		"clean": "rm -rf dist demo/bundle"
 	},
 	"repository": {
@@ -46,7 +47,7 @@
 	},
 	"homepage": "https://github.com/carbon-design-system/carbon-charts#readme",
 	"dependencies": {
-		"@carbon/charts": "^0.41.6"
+		"@carbon/charts": "^0.41.11"
 	},
 	"peerDependencies": {
 		"react": "^16.6.3",
@@ -56,6 +57,8 @@
 		"@storybook/addon-knobs": "5.3.12",
 		"@storybook/addon-options": "5.3.12",
 		"@storybook/react": "5.3.12",
+		"@types/react": "17.0.0",
+		"@types/react-dom": "17.0.0",
 		"babel-cli": "6.26.0",
 		"babel-core": "6.26.0",
 		"babel-loader": "7.1.2",
@@ -76,6 +79,7 @@
 		"sass": "1.25.0",
 		"sass-loader": "8.0.0",
 		"style-loader": "0.19.0",
+		"typescript": "4.1.2",
 		"url-loader": "0.6.2"
 	},
 	"publishConfig": {

package/pie-chart.d.ts

@@ -0,0 +1,12 @@
+import { PieChart as PC } from "@carbon/charts";
+import BaseChart from "./base-chart";
+import { ChartConfig, PieChartOptions } from "@carbon/charts/interfaces";
+declare type PieChartProps = ChartConfig<PieChartOptions>;
+export default class PieChart extends BaseChart<PieChartOptions> {
+    chartRef: HTMLDivElement;
+    props: PieChartProps;
+    chart: PC;
+    componentDidMount(): void;
+    render(): JSX.Element;
+}
+export {};

package/pie-chart.js

@@ -1,47 +1,39 @@
-var _createClass = function () { function defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } } return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; }();
-
-function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
-
-function _possibleConstructorReturn(self, call) { if (!self) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return call && (typeof call === "object" || typeof call === "function") ? call : self; }
-
-function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function, not " + typeof superClass); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } }); if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass; }
-
-import React from "react";
-
-import { PieChart as PC } from "@carbon/charts";
-import BaseChart from "./base-chart";
-
-var PieChart = function (_BaseChart) {
-	_inherits(PieChart, _BaseChart);
-
-	function PieChart() {
-		_classCallCheck(this, PieChart);
-
-		return _possibleConstructorReturn(this, (PieChart.__proto__ || Object.getPrototypeOf(PieChart)).apply(this, arguments));
-	}
-
-	_createClass(PieChart, [{
-		key: "componentDidMount",
-		value: function componentDidMount() {
-			this.chart = new PC(this.chartRef, {
-				data: this.props.data,
-				options: this.props.options
-			});
-		}
-	}, {
-		key: "render",
-		value: function render() {
-			var _this2 = this;
-
-			return React.createElement("div", {
-				ref: function ref(chartRef) {
-					return _this2.chartRef = chartRef;
-				},
-				className: "chart-holder" });
-		}
-	}]);
-
-	return PieChart;
-}(BaseChart);
-
-export default PieChart;
+"use strict";
+var __extends = (this && this.__extends) || (function () {
+    var extendStatics = function (d, b) {
+        extendStatics = Object.setPrototypeOf ||
+            ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
+            function (d, b) { for (var p in b) if (Object.prototype.hasOwnProperty.call(b, p)) d[p] = b[p]; };
+        return extendStatics(d, b);
+    };
+    return function (d, b) {
+        extendStatics(d, b);
+        function __() { this.constructor = d; }
+        d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
+    };
+})();
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+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 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,
+        });
+    };
+    PieChart.prototype.render = function () {
+        var _this = this;
+        return (react_1.default.createElement("div", { ref: function (chartRef) { return (_this.chartRef = chartRef); }, className: "chart-holder" }));
+    };
+    return PieChart;
+}(base_chart_1.default));
+exports.default = PieChart;

package/radar-chart.d.ts

@@ -0,0 +1,12 @@
+import { RadarChart as RC } from "@carbon/charts";
+import BaseChart from "./base-chart";
+import { ChartConfig, RadarChartOptions } from "@carbon/charts/interfaces";
+declare type RadarChartProps = ChartConfig<RadarChartOptions>;
+export default class RadarChart extends BaseChart<RadarChartOptions> {
+    chartRef: HTMLDivElement;
+    props: RadarChartProps;
+    chart: RC;
+    componentDidMount(): void;
+    render(): JSX.Element;
+}
+export {};

package/radar-chart.js

@@ -1,47 +1,39 @@
-var _createClass = function () { function defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } } return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; }();
-
-function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
-
-function _possibleConstructorReturn(self, call) { if (!self) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return call && (typeof call === "object" || typeof call === "function") ? call : self; }
-
-function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function, not " + typeof superClass); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } }); if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass; }
-
-import React from "react";
-
-import { RadarChart as RC } from "@carbon/charts";
-import BaseChart from "./base-chart";
-
-var RadarChart = function (_BaseChart) {
-	_inherits(RadarChart, _BaseChart);
-
-	function RadarChart() {
-		_classCallCheck(this, RadarChart);
-
-		return _possibleConstructorReturn(this, (RadarChart.__proto__ || Object.getPrototypeOf(RadarChart)).apply(this, arguments));
-	}
-
-	_createClass(RadarChart, [{
-		key: "componentDidMount",
-		value: function componentDidMount() {
-			this.chart = new RC(this.chartRef, {
-				data: this.props.data,
-				options: this.props.options
-			});
-		}
-	}, {
-		key: "render",
-		value: function render() {
-			var _this2 = this;
-
-			return React.createElement("div", {
-				ref: function ref(chartRef) {
-					return _this2.chartRef = chartRef;
-				},
-				className: "chart-holder" });
-		}
-	}]);
-
-	return RadarChart;
-}(BaseChart);
-
-export default RadarChart;
+"use strict";
+var __extends = (this && this.__extends) || (function () {
+    var extendStatics = function (d, b) {
+        extendStatics = Object.setPrototypeOf ||
+            ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
+            function (d, b) { for (var p in b) if (Object.prototype.hasOwnProperty.call(b, p)) d[p] = b[p]; };
+        return extendStatics(d, b);
+    };
+    return function (d, b) {
+        extendStatics(d, b);
+        function __() { this.constructor = d; }
+        d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
+    };
+})();
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+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 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,
+        });
+    };
+    RadarChart.prototype.render = function () {
+        var _this = this;
+        return (react_1.default.createElement("div", { ref: function (chartRef) { return (_this.chartRef = chartRef); }, className: "chart-holder" }));
+    };
+    return RadarChart;
+}(base_chart_1.default));
+exports.default = RadarChart;

package/scatter-chart.d.ts

@@ -0,0 +1,12 @@
+import { ScatterChart as SC } from "@carbon/charts";
+import { ChartConfig, ScatterChartOptions } from "@carbon/charts/interfaces";
+import BaseChart from "./base-chart";
+declare type ScatterChartProps = ChartConfig<ScatterChartOptions>;
+export default class ScatterChart extends BaseChart<ScatterChartOptions> {
+    chartRef: HTMLDivElement;
+    props: ScatterChartProps;
+    chart: SC;
+    componentDidMount(): void;
+    render(): JSX.Element;
+}
+export {};