adds select all option that is initially checked when editing casa case

Author: alex-yi37

app/components/form/multiple_select_component.html.erb

@@ -19,6 +19,7 @@
     <div class="badge rounded-pill bg-primary active px-3">DATA_LABEL</div>
   </template>
 
+  <%# not needed, but want to be explicit when including this markup %>
   <% if @show_all_option %>
     <template data-multiple-select-target="hiddenItem">
       <div class="d-none"></div>

app/javascript/controllers/multiple_select_controller.js

@@ -50,8 +50,7 @@ export default class extends Controller {
       orderedOptionVals = [" "].concat(orderedOptionVals)
     }
 
-    // used to determine initial items selected by tom-select
-    const initItems = this.selectedItemsValue?.length ? this.selectedItemsValue : orderedOptionVals
+    const initItems = Array.isArray(this.selectedItemsValue) && this.selectedItemsValue.length ? showAllOptionCheck ? [" "].concat(this.selectedItemsValue) : this.selectedItemsValue : orderedOptionVals
 
     const dropdownOptions = showAllOptionCheck ? 
       [{ text: "Select/Unseselect all", subtext: "", value: " ", group: ""}].concat(this.optionsValue)