Fix render errors for all numeric value types (not just integers)

Resolves #81.

Author: jakezatecky

CHANGELOG.md

@@ -1,5 +1,11 @@
 # CHANGELOG
 
+## v1.2.3 (TBA)
+
+### Bug Fixes
+
+* [#81]: Fix render errors for all numeric value types
+
 ## [v1.2.2](https://github.com/jakezatecky/react-checkbox-tree/compare/v1.2.1...v1.2.2) (2018-05-24)
 
 ### Bug Fixes

src/js/TreeNode.js

@@ -195,7 +195,7 @@ class TreeNode extends React.Component {
         } = this.props;
 
         const clickable = onClick.toString() !== TreeNode.defaultProps.onClick.toString();
-        const inputId = `${treeId}-${Number.isInteger(value) ? value : value.split(' ').join('_')}`;
+        const inputId = `${treeId}-${String(value).split(' ').join('_')}`;
 
         const render = [(
             <label key={0} htmlFor={inputId}>

test/TreeNode.js

@@ -45,6 +45,15 @@ describe('<TreeNode />', () => {
             assert.equal('planets-0', wrapper.find('label').prop('htmlFor'));
             assert.equal('planets-0', wrapper.find('label NativeCheckbox').prop('id'));
         });
+
+        it('should render a label associated with a checkbox given float value', () => {
+            const wrapper = shallow(
+                <TreeNode {...baseProps} treeId="planets" value={0.25} />,
+            );
+
+            assert.equal('planets-0.25', wrapper.find('label').prop('htmlFor'));
+            assert.equal('planets-0.25', wrapper.find('label NativeCheckbox').prop('id'));
+        });
     });
 
     describe('checked', () => {