Default to latest Font Awesome version

Addresses part of #395.

Author: jakezatecky

CHANGELOG.md

@@ -1,5 +1,11 @@
 # CHANGELOG
 
+## v2.0.0 (TBA)
+
+### Breaking Changes
+
+* The `iconsClass` property now defaults to `"fa5"` for Font Awesome 5/6 instead of Font Awesome 4
+
 ## [v1.8.0](https://github.com/jakezatecky/react-checkbox-tree/compare/v1.7.3...v1.8.0) (2020-09-06)
 
 ### Other

README.md

@@ -83,12 +83,12 @@ All node objects **must** have a unique `value`. This value is serialized into t
 
 #### Changing the Default Icons
 
-By default, **react-checkbox-tree** uses Font Awesome 4 for the various icons that appear in the tree. To utilize Font Awesome 5 icons, simply pass in `iconsClass="fa5"`:
+By default, **react-checkbox-tree** uses Font Awesome 5/6 for the various icons that appear in the tree. To utilize Font Awesome 4 icons, simply pass in `iconsClass="fa4"`:
 
 ``` jsx
 <CheckboxTree
     ...
-    iconsClass="fa5"
+    iconsClass="fa4"
 />
 ```
 
@@ -166,7 +166,7 @@ Returns:
 | `expandOnClick`      | bool     | If true, nodes will be expanded by clicking on labels. Requires a non-empty `onClick` function.                        | `false`     |
 | `expanded`           | array    | An array of expanded node values.                                                                                      | `[]`        |
 | `icons`              | object   | An object containing the mappings for the various icons and their components. See **Changing the Default Icons**.      | `{ ... }`   |
-| `iconsClass`         | string   | A string that specifies which icons class to utilize. Currently, `'fa4'` and `'fa5'` are supported.                    | `'fa4'`     |
+| `iconsClass`         | string   | A string that specifies which icons class to utilize. Currently, `'fa4'` and `'fa5'` are supported.                    | `'fa5'`     |
 | `id`                 | string   | A string to be used for the HTML ID of the rendered tree and its nodes.                                                | `null`      |
 | `lang`               | object   | An object containing the language mappings for the various text elements.                                              | `{ ... }`   |
 | `name`               | string   | Optional name for the hidden `<input>` element.                                                                        | `undefined` |

examples/src/js/BasicExample.js

@@ -116,7 +116,6 @@ class BasicExample extends React.Component {
             <CheckboxTree
                 checked={checked}
                 expanded={expanded}
-                iconsClass="fa5"
                 nodes={nodes}
                 onCheck={this.onCheck}
                 onExpand={this.onExpand}

examples/src/js/ClickableLabelsExample.js

@@ -125,7 +125,6 @@ class ClickExample extends React.Component {
                 <CheckboxTree
                     checked={checked}
                     expanded={expanded}
-                    iconsClass="fa5"
                     nodes={nodes}
                     expandOnClick
                     onCheck={this.onCheck}

examples/src/js/CustomIconsExample.js

@@ -71,7 +71,6 @@ class CustomIconsExamples extends React.Component {
             <CheckboxTree
                 checked={checked}
                 expanded={expanded}
-                iconsClass="fa5"
                 nodes={nodes}
                 onCheck={this.onCheck}
                 onExpand={this.onExpand}

examples/src/js/DisabledExample.js

@@ -117,7 +117,6 @@ class DisabledExample extends React.Component {
                 checked={checked}
                 disabled
                 expanded={expanded}
-                iconsClass="fa5"
                 nodes={nodes}
                 onCheck={this.onCheck}
                 onExpand={this.onExpand}

examples/src/js/ExpandAllExample.js

@@ -117,7 +117,6 @@ class ExpandAllExample extends React.Component {
                 <CheckboxTree
                     checked={checked}
                     expanded={expanded}
-                    iconsClass="fa5"
                     nodes={nodes}
                     showExpandAll
                     onCheck={this.onCheck}

examples/src/js/FilterExample.js

@@ -172,7 +172,6 @@ class FilterExample extends React.Component {
                 <CheckboxTree
                     checked={checked}
                     expanded={expanded}
-                    iconsClass="fa5"
                     nodes={nodesFiltered}
                     onCheck={this.onCheck}
                     onExpand={this.onExpand}

examples/src/js/HiddenCheckboxesExample.js

@@ -122,7 +122,6 @@ class HiddenCheckboxesExample extends React.Component {
             <CheckboxTree
                 checked={checked}
                 expanded={expanded}
-                iconsClass="fa5"
                 nodes={nodes}
                 onlyLeafCheckboxes
                 onCheck={this.onCheck}

examples/src/js/LargeDataExample.js

@@ -54,7 +54,6 @@ class LargeDataExample extends React.Component {
             <CheckboxTree
                 checked={checked}
                 expanded={expanded}
-                iconsClass="fa5"
                 nodes={nodes}
                 onCheck={this.onCheck}
                 onExpand={this.onExpand}