fix(tags): adds props for validation for required and exclusive tags

src/dispatch/static/dispatch/src/case/DetailsTab.vue

@@ -176,6 +176,7 @@
           show-copy
           :showGenAISuggestions="true"
           modelType="case"
+          :validate-required-tags="true"
         />
       </v-col>
       <v-col cols="12">

src/dispatch/static/dispatch/src/case/TableExportDialog.vue

@@ -31,6 +31,7 @@
                     label="Tags"
                     model="case"
                     :project="project"
+                    :validate-exclusive-tags="false"
                   />
                 </v-list-item>
                 <v-list-item>

src/dispatch/static/dispatch/src/case/TableFilterDialog.vue

@@ -57,6 +57,7 @@
               label="Tags"
               model="case"
               :project="local_project"
+              :validate-exclusive-tags="false"
             />
           </v-list-item>
           <v-list-item>

src/dispatch/static/dispatch/src/dashboard/case/CaseDialogFilter.vue

@@ -25,6 +25,7 @@
             label="Tags"
             model="case"
             :project="filters.project"
+            :validate-exclusive-tags="false"
           />
         </v-list-item>
         <v-list-item>

src/dispatch/static/dispatch/src/dashboard/incident/IncidentDialogFilter.vue

@@ -25,6 +25,7 @@
             label="Tags"
             model="incident"
             :project="filters.project"
+            :validate-exclusive-tags="false"
           />
         </v-list-item>
         <v-list-item>

src/dispatch/static/dispatch/src/data/query/EditBasicInfoTab.vue

@@ -36,6 +36,7 @@
           :project="project"
           model="query"
           :model-id="id"
+          :validate-required-tags="true"
         />
       </v-col>
     </v-row>

src/dispatch/static/dispatch/src/data/query/TableFilterDialog.vue

@@ -22,6 +22,7 @@
             label="Tags"
             model="query"
             :project="local_project"
+            :validate-exclusive-tags="false"
           />
         </v-list-item>
       </v-list>

src/dispatch/static/dispatch/src/data/source/EditBasicInfoTab.vue

@@ -82,6 +82,7 @@
           model="source"
           :project="project"
           :model-id="id"
+          :validate-required-tags="true"
         />
       </v-col>
       <v-col cols="12">

src/dispatch/static/dispatch/src/data/source/TableFilterDialog.vue

@@ -34,6 +34,7 @@
             label="Tags"
             model="source"
             :project="local_project"
+            :validate-exclusive-tags="false"
           />
         </v-list-item>
         <v-list-item>

src/dispatch/static/dispatch/src/incident/DetailsTab.vue

@@ -104,6 +104,7 @@
           show-copy
           :showGenAISuggestions="true"
           modelType="incident"
+          :validate-required-tags="true"
         />
       </v-col>
       <v-col cols="12">

src/dispatch/static/dispatch/src/incident/ReportSubmissionCard.vue

@@ -83,6 +83,7 @@
               v-model="tags"
               label="Tags"
               model="incident"
+              :validate-required-tags="true"
             />
           </v-col>
 

src/dispatch/static/dispatch/src/incident/ReportSubmissionForm.vue

@@ -43,6 +43,7 @@
             v-model="tags"
             label="Tags"
             model="incident"
+            :validate-required-tags="true"
           />
         </v-col>
       </v-row>

src/dispatch/static/dispatch/src/incident/TableExportDialog.vue

@@ -31,6 +31,7 @@
                     label="Tags"
                     model="incident"
                     :project="project"
+                    :validate-exclusive-tags="false"
                   />
                 </v-list-item>
                 <v-list-item>

src/dispatch/static/dispatch/src/incident/TableFilterDialog.vue

@@ -49,6 +49,7 @@
                 label="Tags"
                 model="incident"
                 :project="local_project"
+                :validate-exclusive-tags="false"
               />
             </v-list-item>
           </v-card>
@@ -60,6 +61,7 @@
                 label="Tags"
                 model="incident"
                 :project="local_project"
+                :validate-exclusive-tags="false"
               />
             </v-list-item>
           </v-card>

src/dispatch/static/dispatch/src/incident_role/PolicyRoleBuilder.vue

@@ -60,6 +60,7 @@
                   :project="project"
                   v-model="policy.tags"
                   model="incident"
+                  :validate-exclusive-tags="false"
                 />
               </v-list-item>
               <v-list-item>

src/dispatch/static/dispatch/src/search/SearchFilterCreateDialog.vue

@@ -42,6 +42,7 @@
                           v-model="filters.tag"
                           label="Tags"
                           model="incident"
+                          :validate-exclusive-tags="false"
                         />
                       </v-list-item>
                       <v-list-item>
@@ -83,6 +84,7 @@
                           :project="project"
                           v-model="filters.tag"
                           label="Tags"
+                          :validate-exclusive-tags="false"
                         />
                       </v-list-item>
                       <v-list-item>

src/dispatch/static/dispatch/src/signal/NewEditDialog.vue

@@ -140,6 +140,7 @@
                     :model-id="id"
                     :project="project"
                     show-copy
+                    :validate-required-tags="true"
                   />
                 </v-col>
               </v-row>

src/dispatch/static/dispatch/src/tag/TagPicker.vue

@@ -218,8 +218,18 @@
                         class="tag-type-icon"
                       />
                       <strong v-text="group.label" />
-                      <span v-show="group.isRequired" class="tag-group-rule">Required</span>
-                      <span v-show="group.isExclusive" class="tag-group-rule">Exclusive</span>
+                      <span
+                        v-show="group.isRequired && props.validateRequiredTags"
+                        class="tag-group-rule"
+                      >
+                        Required
+                      </span>
+                      <span
+                        v-show="group.isExclusive && props.validateExclusiveTags"
+                        class="tag-group-rule"
+                      >
+                        Exclusive
+                      </span>
                       <span class="tag-group-icon-down"><v-icon>mdi-chevron-down</v-icon></span>
                       <v-icon class="tag-group-icon-up">mdi-chevron-up</v-icon>
                     </span>
@@ -229,6 +239,7 @@
                       class="tag-group-rule-desc"
                       v-show="
                         group.isExclusive &&
+                        props.validateExclusiveTags &&
                         selectedItems.some((item) => item.tag_type.id === group.id)
                       "
                     >
@@ -246,7 +257,11 @@
                       v-model="selectedItems"
                       :id="item.id"
                       :value="item"
-                      :disabled="group.isExclusive && isItemDisabled(group, item)"
+                      :disabled="
+                        group.isExclusive &&
+                        props.validateExclusiveTags &&
+                        isItemDisabled(group, item)
+                      "
                       class="checkbox-item-box"
                     />
                     {{ item.name }}
@@ -316,6 +331,14 @@ const props = defineProps({
     type: String,
     default: "incident", // "incident" or "case"
   },
+  validateRequiredTags: {
+    type: Boolean,
+    default: false,
+  },
+  validateExclusiveTags: {
+    type: Boolean,
+    default: true,
+  },
 })
 
 // Computed properties from store
@@ -384,15 +407,20 @@ function validateTags(value) {
   })
 
   if (all_tags_in_projects) {
-    const requiredSelected = are_required_tags_selected(value)
-
-    if (!requiredSelected) {
-      const required_tag_types = Object.values(groups.value)
-        .filter((tag_type) => tag_type.isRequired)
-        .map((tag_type) => tag_type.label)
-      error.value = `Please select at least one tag from each required category (${required_tag_types.join(
-        ", "
-      )})`
+    // Only validate required tags if validateRequiredTags prop is true
+    if (props.validateRequiredTags) {
+      const requiredSelected = are_required_tags_selected(value)
+
+      if (!requiredSelected) {
+        const required_tag_types = Object.values(groups.value)
+          .filter((tag_type) => tag_type.isRequired)
+          .map((tag_type) => tag_type.label)
+        error.value = `Please select at least one tag from each required category (${required_tag_types.join(
+          ", "
+        )})`
+      } else {
+        error.value = null
+      }
     } else {
       error.value = null
     }