Added fieldState to show existing values related to the field.

ConorWebb96 · Jun 11, 2024 · b7821e3 · b7821e3
1 parent 37d6af3
commit b7821e3
Showing 1 changed file with 12 additions and 0 deletions.
diff --git a/src/Component.svelte b/src/Component.svelte
@@ -90,6 +90,18 @@
   // field type select
   optionsTypeState = searchOptionsType === 'relationship' ? searchRelationship : searchOptionsType === 'searchFields' ? searchField : searchOptionsType === 'searchArray' ? searchArray : null;
   $: debouncedSearch(searchString);
+
+  // Initialise selected values if fieldState?.value is present
+  $: if (fieldState?.value) {
+    if (type === 'string') {
+      selectedLabels = [{ label: fieldState.value }];
+      selectedValues = [{ value: fieldState.value }];
+    } else {
+      selectedLabels = fieldState.value.map(item => ({ label: item[labelColumn] }));
+      selectedValues = fieldState.value.map(item => ({ value: item[valueColumn] }));
+    }
+  }
+
   const search = async (searchString) => {
     if (searchString == null || searchString.length < 1) {
       return