New: Combine mass editor and author editor, enable book editor

frontend/src/Book/Index/Table/BookIndexHeader.js

@@ -5,6 +5,7 @@ import IconButton from 'Components/Link/IconButton';
 import TableOptionsModalWrapper from 'Components/Table/TableOptions/TableOptionsModalWrapper';
 import VirtualTableHeader from 'Components/Table/VirtualTableHeader';
 import VirtualTableHeaderCell from 'Components/Table/VirtualTableHeaderCell';
+import VirtualTableSelectAllHeaderCell from 'Components/Table/VirtualTableSelectAllHeaderCell';
 import { icons } from 'Helpers/Props';
 import BookIndexTableOptionsConnector from './BookIndexTableOptionsConnector';
 import styles from './BookIndexHeader.css';
@@ -13,6 +14,10 @@ function BookIndexHeader(props) {
   const {
     columns,
     onTableOptionChange,
+    allSelected,
+    allUnselected,
+    onSelectAllChange,
+    isEditorActive,
     ...otherProps
   } = props;
 
@@ -31,6 +36,21 @@ function BookIndexHeader(props) {
             return null;
           }
 
+          if (name === 'select') {
+            if (isEditorActive) {
+              return (
+                <VirtualTableSelectAllHeaderCell
+                  key={name}
+                  allSelected={allSelected}
+                  allUnselected={allUnselected}
+                  onSelectAllChange={onSelectAllChange}
+                />
+              );
+            }
+
+            return null;
+          }
+
           if (name === 'actions') {
             return (
               <VirtualTableHeaderCell
@@ -75,7 +95,11 @@ function BookIndexHeader(props) {
 
 BookIndexHeader.propTypes = {
   columns: PropTypes.arrayOf(PropTypes.object).isRequired,
-  onTableOptionChange: PropTypes.func.isRequired
+  onTableOptionChange: PropTypes.func.isRequired,
+  allSelected: PropTypes.bool.isRequired,
+  allUnselected: PropTypes.bool.isRequired,
+  onSelectAllChange: PropTypes.func.isRequired,
+  isEditorActive: PropTypes.bool.isRequired
 };
 
 export default BookIndexHeader;

frontend/src/Book/Index/Table/BookIndexRow.js

@@ -11,6 +11,7 @@ import IconButton from 'Components/Link/IconButton';
 import SpinnerIconButton from 'Components/Link/SpinnerIconButton';
 import RelativeDateCellConnector from 'Components/Table/Cells/RelativeDateCellConnector';
 import VirtualTableRowCell from 'Components/Table/Cells/VirtualTableRowCell';
+import VirtualTableSelectCell from 'Components/Table/Cells/VirtualTableSelectCell';
 import TagListConnector from 'Components/TagListConnector';
 import { icons } from 'Helpers/Props';
 import formatBytes from 'Utilities/Number/formatBytes';
@@ -100,8 +101,11 @@ class BookIndexRow extends Component {
       columns,
       isRefreshingBook,
       isSearchingBook,
+      isEditorActive,
+      isSelected,
       onRefreshBookPress,
-      onSearchPress
+      onSearchPress,
+      onSelectedChange
     } = this.props;
 
     const {
@@ -128,6 +132,19 @@ class BookIndexRow extends Component {
               return null;
             }
 
+            if (isEditorActive && name === 'select') {
+              return (
+                <VirtualTableSelectCell
+                  inputClassName={styles.checkInput}
+                  id={id}
+                  key={name}
+                  isSelected={isSelected}
+                  isDisabled={false}
+                  onSelectedChange={onSelectedChange}
+                />
+              );
+            }
+
             if (name === 'status') {
               return (
                 <BookStatusCell
@@ -368,7 +385,10 @@ BookIndexRow.propTypes = {
   isRefreshingBook: PropTypes.bool.isRequired,
   isSearchingBook: PropTypes.bool.isRequired,
   onRefreshBookPress: PropTypes.func.isRequired,
-  onSearchPress: PropTypes.func.isRequired
+  onSearchPress: PropTypes.func.isRequired,
+  isEditorActive: PropTypes.bool.isRequired,
+  isSelected: PropTypes.bool,
+  onSelectedChange: PropTypes.func.isRequired
 };
 
 BookIndexRow.defaultProps = {

frontend/src/Book/Index/Table/BookIndexTable.js

@@ -47,7 +47,10 @@ class BookIndexTable extends Component {
   rowRenderer = ({ key, rowIndex, style }) => {
     const {
       items,
-      columns
+      columns,
+      selectedState,
+      onSelectedChange,
+      isEditorActive
     } = this.props;
 
     const book = items[rowIndex];
@@ -64,6 +67,9 @@ class BookIndexTable extends Component {
           columns={columns}
           authorId={book.authorId}
           bookId={book.id}
+          isSelected={selectedState[book.id]}
+          onSelectedChange={onSelectedChange}
+          isEditorActive={isEditorActive}
         />
       </VirtualTableRow>
     );
@@ -81,7 +87,12 @@ class BookIndexTable extends Component {
       isSmallScreen,
       onSortPress,
       scroller,
-      scrollTop
+      scrollTop,
+      allSelected,
+      allUnselected,
+      onSelectAllChange,
+      isEditorActive,
+      selectedState
     } = this.props;
 
     return (
@@ -101,8 +112,13 @@ class BookIndexTable extends Component {
             sortKey={sortKey}
             sortDirection={sortDirection}
             onSortPress={onSortPress}
+            allSelected={allSelected}
+            allUnselected={allUnselected}
+            onSelectAllChange={onSelectAllChange}
+            isEditorActive={isEditorActive}
           />
         }
+        selectedState={selectedState}
         columns={columns}
         sortKey={sortKey}
         sortDirection={sortDirection}
@@ -120,7 +136,13 @@ BookIndexTable.propTypes = {
   scrollTop: PropTypes.number,
   scroller: PropTypes.instanceOf(Element).isRequired,
   isSmallScreen: PropTypes.bool.isRequired,
-  onSortPress: PropTypes.func.isRequired
+  onSortPress: PropTypes.func.isRequired,
+  allSelected: PropTypes.bool.isRequired,
+  allUnselected: PropTypes.bool.isRequired,
+  selectedState: PropTypes.object.isRequired,
+  onSelectedChange: PropTypes.func.isRequired,
+  onSelectAllChange: PropTypes.func.isRequired,
+  isEditorActive: PropTypes.bool.isRequired
 };
 
 export default BookIndexTable;