Automatically hided not unique types error messages

Author: zonia3000

src/lib/components/v2/projects/datasets/DatasetImagesTable.svelte

@@ -24,6 +24,7 @@
 	export let initialFilterValues = null;
 	/** @type {string[]} */
 	export let disabledTypes = [];
+	export let beforeSelectionChanged = () => {};
 
 	let showTable = false;
 	let firstLoad = true;
@@ -246,6 +247,10 @@
 				ariaLabel: `Selector for attribute ${key}`
 			},
 			events: {
+				beforeChange: () => {
+					beforeSelectionChanged();
+					return true;
+				},
 				afterChange: (selection) => {
 					const value = selection.map((s) => s.value);
 					setter(getTypedValues(key, value));
@@ -279,6 +284,10 @@
 				ariaLabel: `Selector for type ${key}`
 			},
 			events: {
+				beforeChange: () => {
+					beforeSelectionChanged();
+					return true;
+				},
 				afterChange: (selection) => {
 					const selectedOption = selection[0];
 					if (!selectedOption || selectedOption.placeholder) {

src/lib/components/v2/workflow/RunWorkflowModal.svelte

@@ -618,20 +618,22 @@
 										{disabledTypes}
 										vizarrViewerUrl={null}
 										runWorkflowModal={true}
+										beforeSelectionChanged={() => (preSubmissionCheckResults = [])}
 									/>
 								{/if}
 							</div>
 						</div>
 					</div>
 					{#if preSubmissionCheckResults.length > 0}
-						<div class="alert alert-danger mt-3" id="pre-submission-check-error">
+						<div class="alert alert-danger mt-3 alert-dismissible" id="pre-submission-check-error">
 							Image list includes multiple values for the following types:
 							<ul>
 								{#each preSubmissionCheckResults as item}
 									<li><code>{item}</code></li>
 								{/each}
 							</ul>
 							Please select one specific value from the dropdown menu.
+							<button type="button" class="btn-close" data-bs-dismiss="alert" aria-label="Close" />
 						</div>
 					{/if}
 				{/if}