fixed build/dist process to avoid uglify issues (vonbearshark#1)

* fixed build/dist process to avoid uglify issues

* Updating tests, adding git commit hook

CHANGELOG.md

@@ -2,3 +2,6 @@
 
 ## 1.0.0:
 * Initial release with demo
+
+## 1.0.1:
+* Adding lib dist build process to fix importing/

CONTRIBUTING.md

@@ -47,7 +47,9 @@ $ npm run lint
 ## NPM commands
 
 * `npm start` starts the webpack dev server for the demo
-* `npm run build` builds the `demo/dist` with webpack
+* `npm run build:lib` builds the `lib/dist` with webpack
+* `npm run build:demo` builds the `demo/dist` with webpack
+* `npm run build` builds both
 * `npm run lint` runs ESLint checks against the source
 * `npm run test` runs Tape test suite
 * `npm run publish` publishes to GH Pages

index.js

@@ -1,3 +1 @@
-import DonutChart from './lib/DonutChart.jsx';
-
-export default DonutChart;
+module.exports = require('./lib/dist/DonutChart.js');

lib/dist/ArcPath.js

@@ -0,0 +1,205 @@
+'use strict';
+
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+
+var _getPrototypeOf = require('babel-runtime/core-js/object/get-prototype-of');
+
+var _getPrototypeOf2 = _interopRequireDefault(_getPrototypeOf);
+
+var _classCallCheck2 = require('babel-runtime/helpers/classCallCheck');
+
+var _classCallCheck3 = _interopRequireDefault(_classCallCheck2);
+
+var _createClass2 = require('babel-runtime/helpers/createClass');
+
+var _createClass3 = _interopRequireDefault(_createClass2);
+
+var _possibleConstructorReturn2 = require('babel-runtime/helpers/possibleConstructorReturn');
+
+var _possibleConstructorReturn3 = _interopRequireDefault(_possibleConstructorReturn2);
+
+var _inherits2 = require('babel-runtime/helpers/inherits');
+
+var _inherits3 = _interopRequireDefault(_inherits2);
+
+var _react = require('react');
+
+var _react2 = _interopRequireDefault(_react);
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+/**
+ * @extends {Component}
+ */
+
+var ArcPath = function (_Component) {
+    (0, _inherits3.default)(ArcPath, _Component);
+
+    function ArcPath() {
+        (0, _classCallCheck3.default)(this, ArcPath);
+        return (0, _possibleConstructorReturn3.default)(this, (0, _getPrototypeOf2.default)(ArcPath).apply(this, arguments));
+    }
+
+    (0, _createClass3.default)(ArcPath, [{
+        key: 'coordinates',
+
+
+        /**
+         * Calculate coordinates of given arc.
+         * @param {number} half - Half the total width of the chart.
+         * @param {number} radius - Radius of the arc.
+         * @param {number} startAngle - Starting angle for the arc.
+         * @param {number} endAngle - Ending angle for the arc.
+         */
+        value: function coordinates(half, radius, startAngle, endAngle) {
+            var startAngleDegrees = Math.PI * startAngle / 180;
+            var x1 = half + half * radius * Math.cos(startAngleDegrees);
+            var y1 = half + half * radius * Math.sin(startAngleDegrees);
+            var endAngleDegrees = Math.PI * endAngle / 180;
+            var x2 = half + half * radius * Math.cos(endAngleDegrees);
+            var y2 = half + half * radius * Math.sin(endAngleDegrees);
+
+            return { x1: x1, y1: y1, x2: x2, y2: y2 };
+        }
+
+        /**
+         * Creates an SVG arc object for an SVG path object.
+         * @param {number} width - Total width of the chart.
+         * @param {number} radius - Radius of the arc.
+         * @param {string} largeArcFlag - Flag for angles over 180 degrees.
+         * @param {number} x - X coordinate for arc.
+         * @param {number} y - Y coordinate for arc.
+         */
+
+    }, {
+        key: 'arc',
+        value: function arc(width, radius, largeArcFlag, x, y) {
+            var z = width / 2 * radius;
+
+            return 'A' + z + ', ' + z + ' 0 ' + largeArcFlag + ' ' + x + ', ' + y;
+        }
+
+        /**
+         * Creates the SVG path object for an item.
+         * @param {number} value - Value of incoming item.
+         * @param {number} total - Culmulative value of all items
+         * @param {number} startAngle - Degree at which the angle calculation should begin.
+         * @param {number} width - Total width of the chart.
+         * @param {number} innerRadius - Inner circle's radius.
+         * @param {number} outerRadius - Outer circle's radius.
+         */
+
+    }, {
+        key: 'path',
+        value: function path(value, total, startAngle, width, innerRadius, outerRadius) {
+            var activeAngle = value / total * 360;
+            var endAngle = startAngle + activeAngle;
+
+            var largeArcFlagOuter = activeAngle > 180 ? '1 1' : '0 1';
+            var largeArcFlagInner = activeAngle > 180 ? '1 0' : '0 0';
+            var half = width / 2;
+            var outerCoords = this.coordinates(half, outerRadius, startAngle, endAngle);
+            var innerCoords = this.coordinates(half, innerRadius, startAngle, endAngle);
+
+            var outerArc = this.arc(width, outerRadius, largeArcFlagOuter, outerCoords.x2, outerCoords.y2);
+            var innerArc = this.arc(width, innerRadius, largeArcFlagInner, innerCoords.x1, innerCoords.y1);
+
+            return 'M' + outerCoords.x1 + ',' + outerCoords.y1 + '\n        ' + outerArc + '\n        L' + innerCoords.x2 + ',' + innerCoords.y2 + '\n        ' + innerArc + ' z';
+        }
+
+        /* React render function */
+
+    }, {
+        key: 'render',
+        value: function render() {
+            var _props = this.props;
+            var width = _props.width;
+            var angle = _props.angle;
+            var total = _props.total;
+            var fill = _props.fill;
+            var stroke = _props.stroke;
+            var opacity = _props.opacity;
+            var key = _props.key;
+            var item = _props.item;
+            var className = _props.className;
+            var innerRadius = _props.innerRadius;
+            var outerRadius = _props.outerRadius;
+            var _onClick = _props.onClick;
+            var _onMouseEnter = _props.onMouseEnter;
+            var value = item.value;
+
+            var d = this.path(value, total, angle, width, innerRadius, outerRadius);
+            return _react2.default.createElement('path', {
+                key: key,
+                onClick: function onClick() {
+                    _onClick(item);
+                },
+                onMouseEnter: function onMouseEnter() {
+                    _onMouseEnter(item);
+                },
+                className: className,
+                d: d,
+                stroke: stroke,
+                fill: fill,
+                opacity: opacity });
+        }
+    }]);
+    return ArcPath;
+}(_react.Component); /**
+                      * @fileOverview ArcPath component.
+                      * Rendered chart section dictated by each item.
+                      * @name ArcPath.jsx
+                      * @author JJ Naughton
+                      * @license MIT
+                      */
+
+
+exports.default = ArcPath;
+
+
+ArcPath.propTypes = {
+    item: _react.PropTypes.shape({
+        value: _react.PropTypes.number.isRequired,
+        label: _react.PropTypes.string.isRequired,
+        className: _react.PropTypes.string,
+        isEmpty: _react.PropTypes.boolean
+    }).isRequired,
+    total: _react.PropTypes.number.isRequired,
+    angle: _react.PropTypes.number.isRequired,
+    width: _react.PropTypes.number,
+    innerRadius: _react.PropTypes.number.isRequired,
+    outerRadius: _react.PropTypes.number.isRequired,
+    onMouseEnter: _react.PropTypes.func.isRequired,
+    onClick: _react.PropTypes.func.isRequired,
+    key: _react.PropTypes.string,
+    fill: _react.PropTypes.string,
+    stroke: _react.PropTypes.string,
+    opacity: _react.PropTypes.number,
+    className: _react.PropTypes.string
+};
+
+ArcPath.defaultProps = {
+    item: {
+        label: '',
+        value: 100,
+        isEmpty: true
+    },
+    total: 100,
+    angle: 0,
+    width: 500,
+    innerRadius: 0.70,
+    outerRadius: 0.90,
+    onMouseEnter: function onMouseEnter(item) {
+        return item;
+    },
+    onClick: function onClick(item) {
+        return item;
+    },
+    key: 'arcpath0',
+    fill: '#e0e0e0',
+    stroke: '#e0e0e0',
+    opacity: 1,
+    className: 'donutchart-arcs-path'
+};