fix lint errors

Author: Worth Lutz

examples/src/js/PropsDemoExample.js

@@ -286,6 +286,9 @@ const initialParams = [
 
 class PropsDemoExample extends React.Component {
     state = {
+        clicked: {
+            value: 'nothing yet',
+        },
         nodes: initialNodes,
         checkboxParams: initialParams,
     };
@@ -295,7 +298,8 @@ class PropsDemoExample extends React.Component {
     }
 
     onClick = (clicked) => {
-        console.log(`clicked = ${clicked.value}`);
+        // console.log(`clicked = ${clicked.value}`);
+        this.setState({ clicked });
     }
 
     onExpand = (node, nodes) => {
@@ -306,10 +310,6 @@ class PropsDemoExample extends React.Component {
         this.setState({ checkboxParams: params });
     }
 
-    onUpdate = (checkedArray) => {
-        this.setState({ checked: checkedArray });
-    }
-
     getParams = () => {
         const { checkboxParams } = this.state;
         const params = {};
@@ -349,6 +349,7 @@ class PropsDemoExample extends React.Component {
     render() {
         const {
             checkboxParams,
+            clicked,
             nodes,
         } = this.state;
 
@@ -367,8 +368,8 @@ class PropsDemoExample extends React.Component {
             clickHandler = this.onClick;
         }
 
-        console.log(params);
-        console.log('------------------------------------------------');
+        // console.log(params);
+        // console.log('------------------------------------------------');
 
         return (
             <div style={{ display: 'flex' }}>
@@ -382,6 +383,12 @@ class PropsDemoExample extends React.Component {
                         onExpand={this.onExpand}
                     />
                 </div>
+                <div style={style3}>
+                    <p>
+                        Clicked:
+                        {clicked.value}
+                    </p>
+                </div>
                 <div style={style3}>
                     <p>
                         CheckboxTree props

src/js/CheckboxTree.js

@@ -24,7 +24,7 @@ class CheckboxTree extends React.Component {
         expandOnClick: PropTypes.bool,
         icons: iconsShape,
         iconsClass: PropTypes.string,
-        id: PropTypes.string,
+        // id: PropTypes.string,
         lang: languageShape,
         name: PropTypes.string,
         nameAsArray: PropTypes.bool,
@@ -60,7 +60,7 @@ class CheckboxTree extends React.Component {
             radioOn: <span className="rct-icon rct-icon-radio-on" />,
         },
         iconsClass: 'fa4',
-        id: null,
+        // id: null,
         lang: {
             collapseAll: 'Collapse all',
             expandAll: 'Expand all',
@@ -248,6 +248,7 @@ class CheckboxTree extends React.Component {
             const isRadioGroup = !!node.radioGroup;
             const isRadioNode = !!parent.radioGroup;
 
+            /*
             //---------------------------------------------------------------
             // this checks for multiple checked === true nodes in a RadioGroup
             // This fixes the problem by mutating the prop!
@@ -263,6 +264,7 @@ class CheckboxTree extends React.Component {
                 }
             }
             //---------------------------------------------------------------
+            */
 
             // determine if node needs to be disabled
             let nodeDisabled = disabled || node.disabled || forceDisabled;

src/js/NativeCheckbox.js

@@ -9,6 +9,7 @@ class NativeCheckbox extends React.PureComponent {
 
     static defaultProps = {
         indeterminate: false,
+        isRadioNode: false,
     };
 
     componentDidMount() {
@@ -29,7 +30,7 @@ class NativeCheckbox extends React.PureComponent {
         const props = { ...this.props };
 
         const { isRadioNode } = props;
-        const type = isRadioNode ? "radio" : "checkbox";
+        const type = isRadioNode ? 'radio' : 'checkbox';
 
         // Remove property that does not exist in HTML
         delete props.indeterminate;

src/js/TreeNode.js

@@ -125,7 +125,8 @@ class TreeNode extends React.Component {
         }
 
         if (!noCascade && (node.children && node.children.length > 0) && !isRadioGroup) {
-            const newChildren = node.children.map(child => this.toggleChecked(child, newCheckState));
+            const newChildren =
+                node.children.map(child => this.toggleChecked(child, newCheckState));
             return { ...node, children: newChildren };
         }
         return { ...node, checked: newCheckState };