Fix the #34 issue;

Author: xobotyi

dist/Thumb.js

@@ -17,8 +17,6 @@ function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { va
 
 function _typeof(obj) { if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") { _typeof = function _typeof(obj) { return typeof obj; }; } else { _typeof = function _typeof(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; } return _typeof(obj); }
 
-function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
-
 function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
 
 function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
@@ -161,12 +159,13 @@ function (_React$Component) {
 
       props.className = "thumb " + (type === TYPE_X ? "thumbX" : "thumbY") + (className ? " " + className : "");
       props.onMouseDown = this.handleDragStart;
-      return renderer ? renderer(props) : _react.default.createElement("div", _extends({}, props, {
-        ref: function ref(_ref) {
-          typeof elementRef === "function" && elementRef(_ref);
-          _this2.element = _ref;
-        }
-      }));
+
+      props.ref = function (ref) {
+        typeof elementRef === "function" && elementRef(ref);
+        _this2.element = ref;
+      };
+
+      return renderer ? renderer(props) : _react.default.createElement("div", props);
     }
   }]);
 

dist/Track.js

@@ -13,8 +13,6 @@ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { de
 
 function _typeof(obj) { if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") { _typeof = function _typeof(obj) { return typeof obj; }; } else { _typeof = function _typeof(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; } return _typeof(obj); }
 
-function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
-
 function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
 
 function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
@@ -85,12 +83,13 @@ function (_React$Component) {
 
       props.className = "track " + (type === TYPE_X ? "trackX" : "trackY") + (className ? " " + className : "");
       props.onClick = this.onClickHandler;
-      return renderer ? renderer(props) : _react.default.createElement("div", _extends({}, props, {
-        ref: function ref(_ref) {
-          typeof elementRef === "function" && elementRef(_ref);
-          _this2.element = _ref;
-        }
-      }));
+
+      props.ref = function (ref) {
+        typeof elementRef === "function" && elementRef(ref);
+        _this2.element = ref;
+      };
+
+      return renderer ? renderer(props) : _react.default.createElement("div", props);
     }
   }]);
 

src/Thumb.js

@@ -109,17 +109,11 @@ export default class Thumb extends React.Component {
 
         props.className = "thumb " + (type === TYPE_X ? "thumbX" : "thumbY") + (className ? " " + className : "");
         props.onMouseDown = this.handleDragStart;
+        props.ref = ref => {
+            typeof elementRef === "function" && elementRef(ref);
+            this.element = ref;
+        };
 
-        return renderer ? (
-            renderer(props)
-        ) : (
-            <div
-                {...props}
-                ref={ref => {
-                    typeof elementRef === "function" && elementRef(ref);
-                    this.element = ref;
-                }}
-            />
-        );
+        return renderer ? renderer(props) : <div {...props} />;
     }
 }

src/Track.js

@@ -39,17 +39,11 @@ export default class Track extends React.Component {
 
         props.className = "track " + (type === TYPE_X ? "trackX" : "trackY") + (className ? " " + className : "");
         props.onClick = this.onClickHandler;
+        props.ref = ref => {
+            typeof elementRef === "function" && elementRef(ref);
+            this.element = ref;
+        };
 
-        return renderer ? (
-            renderer(props)
-        ) : (
-            <div
-                {...props}
-                ref={ref => {
-                    typeof elementRef === "function" && elementRef(ref);
-                    this.element = ref;
-                }}
-            />
-        );
+        return renderer ? renderer(props) : <div {...props} />;
     }
 }