Implementing checkboxes in group tree view for group selection.

Author: krulis-martin

src/components/Groups/GroupsTreeView/GroupsTreeList.js

@@ -3,23 +3,31 @@ import PropTypes from 'prop-types';
 
 import GroupsTreeNode from './GroupsTreeNode.js';
 
-const GroupsTreeList = React.memo(({ groups, isExpanded = false, addAttribute, removeAttribute, locale }) => (
-  <ul className="groupTree nav flex-column">
-    {groups.map(group => (
-      <GroupsTreeNode
-        key={group.id}
-        group={group}
-        isExpanded={isExpanded}
-        addAttribute={addAttribute}
-        removeAttribute={removeAttribute}
-        locale={locale}
-      />
-    ))}
-  </ul>
-));
+const GroupsTreeList = React.memo(
+  ({ groups, checkboxes, checked, setChecked, isExpanded = false, addAttribute, removeAttribute, locale }) => (
+    <ul className="groupTree nav flex-column">
+      {groups.map(group => (
+        <GroupsTreeNode
+          key={group.id}
+          group={group}
+          isExpanded={isExpanded}
+          addAttribute={addAttribute}
+          removeAttribute={removeAttribute}
+          locale={locale}
+          checkboxes={checkboxes}
+          checked={checked}
+          setChecked={setChecked}
+        />
+      ))}
+    </ul>
+  )
+);
 
 GroupsTreeList.propTypes = {
   groups: PropTypes.array.isRequired,
+  checkboxes: PropTypes.func,
+  checked: PropTypes.object,
+  setChecked: PropTypes.func,
   isExpanded: PropTypes.bool,
   addAttribute: PropTypes.func,
   removeAttribute: PropTypes.func,