CEC-5982 - Allow selecting all VINs in a fleet for bulk Flashpack update action

src/components/Fleets/Status/Vehicles/Table/index.jsx

@@ -1,5 +1,6 @@
 import {
   Checkbox,
+  FormControlLabel,
   Grid,
   LinearProgress,
   Table,
@@ -70,6 +71,7 @@ const MainForm = ({ name }) => {
   const [order, setOrder] = useState("desc");
   const [search, setSearch] = useState("");
   const [selected, setSelected] = useState([]);
+  const [selectAllSelected, setSelectAllSelected] = useState(false);
   const componentMounted = useRef(true);
   const classes = useStyles();
   const { setMessage } = useStatusContext();
@@ -174,15 +176,28 @@ const MainForm = ({ name }) => {
             <AddCircleIcon fontSize="large" />
           </Link>
         </Grid>
+        <Grid item md={2} className={classes.textJustifyAlign}>
+          <FormControlLabel control={
+            <Checkbox
+              checked={selectAllSelected}
+              onChange={() => setSelectAllSelected(selectAllSelected => !selectAllSelected)}
+            />
+          } label="Select All Vehicles" />
+        </Grid>
         <Grid item md={4}>
           <BulkActions
-            actions={["updateFleetVehicles", "addTags", "sms", "updateConfig", "remoteCommand", "diagnostic", "updateFlashpackNumbers"]}
+            actions={
+              selectAllSelected ?
+                ["updateFlashpackNumbers"] :
+                ["updateFleetVehicles", "addTags", "sms", "updateConfig", "remoteCommand", "diagnostic", "updateFlashpackNumbers"]
+            }
             ids={selected}
             fleet={name}
+            selectAll={selectAllSelected}
             callback={bulkActionCallback}
           />
         </Grid>
-        <Grid item md={7} align="right" className={classes.textCenterAlign}>
+        <Grid item md={5} align="right" className={classes.textCenterAlign}>
           <SearchField classes={classes} onSearch={handleSearch} />
         </Grid>
       </Grid>