@carbon/charts-react 0.27.0 → 0.29.1

package/CHANGELOG.md

@@ -3,6 +3,41 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+## [0.29.1](https://github.com/IBM/carbon-charts/compare/v0.29.0...v0.29.1) (2020-02-10)
+
+**Note:** Version bump only for package @carbon/charts-react
+
+
+
+
+
+# [0.29.0](https://github.com/IBM/carbon-charts/compare/v0.28.1...v0.29.0) (2020-02-07)
+
+**Note:** Version bump only for package @carbon/charts-react
+
+
+
+
+
+## [0.28.1](https://github.com/IBM/carbon-charts/compare/v0.28.0...v0.28.1) (2020-01-30)
+
+**Note:** Version bump only for package @carbon/charts-react
+
+
+
+
+
+# [0.28.0](https://github.com/IBM/carbon-charts/compare/v0.27.0...v0.28.0) (2020-01-21)
+
+
+### Features
+
+* **core:** add support for horizontal bar charts ([#415](https://github.com/IBM/carbon-charts/issues/415)) ([6a480f0](https://github.com/IBM/carbon-charts/commit/6a480f0))
+
+
+
+
+
 # [0.27.0](https://github.com/IBM/carbon-charts/compare/v0.26.1...v0.27.0) (2020-01-20)
 
 **Note:** Version bump only for package @carbon/charts-react

package/bubble-chart.js

@@ -0,0 +1,47 @@
+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 { BubbleChart as BC } from "@carbon/charts";
+import BaseChart from "./base-chart";
+
+var BubbleChart = function (_BaseChart) {
+	_inherits(BubbleChart, _BaseChart);
+
+	function BubbleChart() {
+		_classCallCheck(this, BubbleChart);
+
+		return _possibleConstructorReturn(this, (BubbleChart.__proto__ || Object.getPrototypeOf(BubbleChart)).apply(this, arguments));
+	}
+
+	_createClass(BubbleChart, [{
+		key: "componentDidMount",
+		value: function componentDidMount() {
+			this.chart = new BC(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 BubbleChart;
+}(BaseChart);
+
+export default BubbleChart;

package/bundle.js

@@ -91,18 +91,18 @@ var BaseChart = function (_React$Component) {
 	return BaseChart;
 }(React.Component);
 
-var PieChart = function (_BaseChart) {
-	inherits(PieChart, _BaseChart);
+var GroupedBarChart = function (_BaseChart) {
+	inherits(GroupedBarChart, _BaseChart);
 
-	function PieChart() {
-		classCallCheck(this, PieChart);
-		return possibleConstructorReturn(this, (PieChart.__proto__ || Object.getPrototypeOf(PieChart)).apply(this, arguments));
+	function GroupedBarChart() {
+		classCallCheck(this, GroupedBarChart);
+		return possibleConstructorReturn(this, (GroupedBarChart.__proto__ || Object.getPrototypeOf(GroupedBarChart)).apply(this, arguments));
 	}
 
-	createClass(PieChart, [{
+	createClass(GroupedBarChart, [{
 		key: "componentDidMount",
 		value: function componentDidMount() {
-			this.chart = new charts.PieChart(this.chartRef, {
+			this.chart = new charts.GroupedBarChart(this.chartRef, {
 				data: this.props.data,
 				options: this.props.options
 			});
@@ -119,21 +119,21 @@ var PieChart = function (_BaseChart) {
 				className: "chart-holder" });
 		}
 	}]);
-	return PieChart;
+	return GroupedBarChart;
 }(BaseChart);
 
-var DonutChart = function (_BaseChart) {
-	inherits(DonutChart, _BaseChart);
+var SimpleBarChart = function (_BaseChart) {
+	inherits(SimpleBarChart, _BaseChart);
 
-	function DonutChart() {
-		classCallCheck(this, DonutChart);
-		return possibleConstructorReturn(this, (DonutChart.__proto__ || Object.getPrototypeOf(DonutChart)).apply(this, arguments));
+	function SimpleBarChart() {
+		classCallCheck(this, SimpleBarChart);
+		return possibleConstructorReturn(this, (SimpleBarChart.__proto__ || Object.getPrototypeOf(SimpleBarChart)).apply(this, arguments));
 	}
 
-	createClass(DonutChart, [{
+	createClass(SimpleBarChart, [{
 		key: "componentDidMount",
 		value: function componentDidMount() {
-			this.chart = new charts.DonutChart(this.chartRef, {
+			this.chart = new charts.SimpleBarChart(this.chartRef, {
 				data: this.props.data,
 				options: this.props.options
 			});
@@ -150,21 +150,21 @@ var DonutChart = function (_BaseChart) {
 				className: "chart-holder" });
 		}
 	}]);
-	return DonutChart;
+	return SimpleBarChart;
 }(BaseChart);
 
-var LineChart = function (_BaseChart) {
-	inherits(LineChart, _BaseChart);
+var StackedBarChart = function (_BaseChart) {
+	inherits(StackedBarChart, _BaseChart);
 
-	function LineChart() {
-		classCallCheck(this, LineChart);
-		return possibleConstructorReturn(this, (LineChart.__proto__ || Object.getPrototypeOf(LineChart)).apply(this, arguments));
+	function StackedBarChart() {
+		classCallCheck(this, StackedBarChart);
+		return possibleConstructorReturn(this, (StackedBarChart.__proto__ || Object.getPrototypeOf(StackedBarChart)).apply(this, arguments));
 	}
 
-	createClass(LineChart, [{
+	createClass(StackedBarChart, [{
 		key: "componentDidMount",
 		value: function componentDidMount() {
-			this.chart = new charts.LineChart(this.chartRef, {
+			this.chart = new charts.StackedBarChart(this.chartRef, {
 				data: this.props.data,
 				options: this.props.options
 			});
@@ -181,21 +181,21 @@ var LineChart = function (_BaseChart) {
 				className: "chart-holder" });
 		}
 	}]);
-	return LineChart;
+	return StackedBarChart;
 }(BaseChart);
 
-var ScatterChart = function (_BaseChart) {
-	inherits(ScatterChart, _BaseChart);
+var BubbleChart = function (_BaseChart) {
+	inherits(BubbleChart, _BaseChart);
 
-	function ScatterChart() {
-		classCallCheck(this, ScatterChart);
-		return possibleConstructorReturn(this, (ScatterChart.__proto__ || Object.getPrototypeOf(ScatterChart)).apply(this, arguments));
+	function BubbleChart() {
+		classCallCheck(this, BubbleChart);
+		return possibleConstructorReturn(this, (BubbleChart.__proto__ || Object.getPrototypeOf(BubbleChart)).apply(this, arguments));
 	}
 
-	createClass(ScatterChart, [{
+	createClass(BubbleChart, [{
 		key: "componentDidMount",
 		value: function componentDidMount() {
-			this.chart = new charts.ScatterChart(this.chartRef, {
+			this.chart = new charts.BubbleChart(this.chartRef, {
 				data: this.props.data,
 				options: this.props.options
 			});
@@ -212,21 +212,21 @@ var ScatterChart = function (_BaseChart) {
 				className: "chart-holder" });
 		}
 	}]);
-	return ScatterChart;
+	return BubbleChart;
 }(BaseChart);
 
-var GroupedBarChart = function (_BaseChart) {
-	inherits(GroupedBarChart, _BaseChart);
+var DonutChart = function (_BaseChart) {
+	inherits(DonutChart, _BaseChart);
 
-	function GroupedBarChart() {
-		classCallCheck(this, GroupedBarChart);
-		return possibleConstructorReturn(this, (GroupedBarChart.__proto__ || Object.getPrototypeOf(GroupedBarChart)).apply(this, arguments));
+	function DonutChart() {
+		classCallCheck(this, DonutChart);
+		return possibleConstructorReturn(this, (DonutChart.__proto__ || Object.getPrototypeOf(DonutChart)).apply(this, arguments));
 	}
 
-	createClass(GroupedBarChart, [{
+	createClass(DonutChart, [{
 		key: "componentDidMount",
 		value: function componentDidMount() {
-			this.chart = new charts.GroupedBarChart(this.chartRef, {
+			this.chart = new charts.DonutChart(this.chartRef, {
 				data: this.props.data,
 				options: this.props.options
 			});
@@ -243,21 +243,21 @@ var GroupedBarChart = function (_BaseChart) {
 				className: "chart-holder" });
 		}
 	}]);
-	return GroupedBarChart;
+	return DonutChart;
 }(BaseChart);
 
-var SimpleBarChart = function (_BaseChart) {
-	inherits(SimpleBarChart, _BaseChart);
+var LineChart = function (_BaseChart) {
+	inherits(LineChart, _BaseChart);
 
-	function SimpleBarChart() {
-		classCallCheck(this, SimpleBarChart);
-		return possibleConstructorReturn(this, (SimpleBarChart.__proto__ || Object.getPrototypeOf(SimpleBarChart)).apply(this, arguments));
+	function LineChart() {
+		classCallCheck(this, LineChart);
+		return possibleConstructorReturn(this, (LineChart.__proto__ || Object.getPrototypeOf(LineChart)).apply(this, arguments));
 	}
 
-	createClass(SimpleBarChart, [{
+	createClass(LineChart, [{
 		key: "componentDidMount",
 		value: function componentDidMount() {
-			this.chart = new charts.SimpleBarChart(this.chartRef, {
+			this.chart = new charts.LineChart(this.chartRef, {
 				data: this.props.data,
 				options: this.props.options
 			});
@@ -274,21 +274,21 @@ var SimpleBarChart = function (_BaseChart) {
 				className: "chart-holder" });
 		}
 	}]);
-	return SimpleBarChart;
+	return LineChart;
 }(BaseChart);
 
-var StackedBarChart = function (_BaseChart) {
-	inherits(StackedBarChart, _BaseChart);
+var PieChart = function (_BaseChart) {
+	inherits(PieChart, _BaseChart);
 
-	function StackedBarChart() {
-		classCallCheck(this, StackedBarChart);
-		return possibleConstructorReturn(this, (StackedBarChart.__proto__ || Object.getPrototypeOf(StackedBarChart)).apply(this, arguments));
+	function PieChart() {
+		classCallCheck(this, PieChart);
+		return possibleConstructorReturn(this, (PieChart.__proto__ || Object.getPrototypeOf(PieChart)).apply(this, arguments));
 	}
 
-	createClass(StackedBarChart, [{
+	createClass(PieChart, [{
 		key: "componentDidMount",
 		value: function componentDidMount() {
-			this.chart = new charts.StackedBarChart(this.chartRef, {
+			this.chart = new charts.PieChart(this.chartRef, {
 				data: this.props.data,
 				options: this.props.options
 			});
@@ -305,13 +305,45 @@ var StackedBarChart = function (_BaseChart) {
 				className: "chart-holder" });
 		}
 	}]);
-	return StackedBarChart;
+	return PieChart;
+}(BaseChart);
+
+var ScatterChart = function (_BaseChart) {
+	inherits(ScatterChart, _BaseChart);
+
+	function ScatterChart() {
+		classCallCheck(this, ScatterChart);
+		return possibleConstructorReturn(this, (ScatterChart.__proto__ || Object.getPrototypeOf(ScatterChart)).apply(this, arguments));
+	}
+
+	createClass(ScatterChart, [{
+		key: "componentDidMount",
+		value: function componentDidMount() {
+			this.chart = new charts.ScatterChart(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 ScatterChart;
 }(BaseChart);
 
-exports.PieChart = PieChart;
-exports.DonutChart = DonutChart;
-exports.LineChart = LineChart;
-exports.ScatterChart = ScatterChart;
 exports.GroupedBarChart = GroupedBarChart;
 exports.SimpleBarChart = SimpleBarChart;
 exports.StackedBarChart = StackedBarChart;
+exports.BubbleChart = BubbleChart;
+exports.DonutChart = DonutChart;
+exports.LineChart = LineChart;
+exports.PieChart = PieChart;
+exports.ScatterChart = ScatterChart;

package/index.js

@@ -1,9 +1,10 @@
-import PieChart from "./pie-chart";
-import DonutChart from "./donut-chart";
-import LineChart from "./line-chart";
-import ScatterChart from "./scatter-chart";
 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 LineChart from "./line-chart";
+import PieChart from "./pie-chart";
+import ScatterChart from "./scatter-chart";
 
-export { PieChart, DonutChart, LineChart, ScatterChart, GroupedBarChart, SimpleBarChart, StackedBarChart };
+export { GroupedBarChart, SimpleBarChart, StackedBarChart, BubbleChart, DonutChart, LineChart, PieChart, ScatterChart };

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@carbon/charts-react",
-	"version": "0.27.0",
+	"version": "0.29.1",
 	"description": "Carbon charting components for React",
 	"main": "./bundle.js",
 	"scripts": {
@@ -44,17 +44,16 @@
 	},
 	"homepage": "https://github.com/IBM/carbon-charts#readme",
 	"dependencies": {
-		"@carbon/charts": "^0.27.0"
+		"@carbon/charts": "^0.29.1"
 	},
 	"peerDependencies": {
 		"react": "^16.6.3",
 		"react-dom": "^16.6.3"
 	},
 	"devDependencies": {
-		"@storybook/addon-knobs": "5.0.11",
-		"@storybook/addon-options": "5.0.11",
-		"@storybook/react": "5.0.11",
-		"@storybook/storybook-deployer": "2.8.1",
+		"@storybook/addon-knobs": "5.3.12",
+		"@storybook/addon-options": "5.3.12",
+		"@storybook/react": "5.3.12",
 		"babel-cli": "6.26.0",
 		"babel-core": "6.26.0",
 		"babel-loader": "7.1.2",
@@ -66,13 +65,13 @@
 		"base64-inline-loader": "1.1.0",
 		"css-loader": "0.28.7",
 		"img-loader": "2.0.0",
-		"node-sass": "4.10.0",
 		"react": "16.6.3",
 		"react-dom": "16.6.3",
 		"rollup": "0.67.3",
 		"rollup-plugin-babel": "3.0.4",
 		"rollup-plugin-commonjs": "9.2.0",
-		"sass-loader": "7.1.0",
+		"sass": "1.25.0",
+		"sass-loader": "8.0.0",
 		"style-loader": "0.19.0",
 		"ts-loader": "6.2.0",
 		"url-loader": "0.6.2"