@dosgato/dialog 1.2.0 → 1.2.1

package/dist/tagpicker/FieldTagPicker.svelte

@@ -1,7 +1,7 @@
 <script>import FieldMultiselect from '../FieldMultiselect.svelte';
 import { getContext } from 'svelte';
-import { TAG_API_CONTEXT } from './TagAPI';
 import { isNotBlank } from 'txstate-utils';
+import { TAG_API_CONTEXT } from './TagAPI';
 export let path;
 export let label;
 export let target;
@@ -9,15 +9,28 @@ const tagClient = getContext(TAG_API_CONTEXT);
 let lasttarget = -1;
 let groups = [];
 let tags;
-async function getOptions(search) {
+async function fetchAvailableTags() {
     if (lasttarget !== target) {
         groups = await tagClient.availableForTarget(target);
         tags = groups.flatMap(g => g.tags.map(t => ({ ...t, lcname: t.name.toLocaleLowerCase(), group: { ...g, lctitle: g.title?.toLocaleLowerCase() ?? '' } })));
         lasttarget = target;
     }
+}
+function tagToOption(tag) {
+    return { label: `${tag.group.title ?? ''}${isNotBlank(tag.group.title) ? ': ' : ''}${tag.name}`, value: tag.id };
+}
+async function getOptions(search) {
+    await fetchAvailableTags();
     const lcsearch = search?.toLocaleLowerCase() ?? '';
-    return tags.filter(t => t.lcname.includes(lcsearch) || t.group.lctitle.includes(lcsearch)).map(t => ({ label: `${t.group.title ?? ''}${isNotBlank(t.group.title) ? ': ' : ''}${t.name}`, value: t.id }));
+    return tags.filter(t => t.lcname.includes(lcsearch) || t.group.lctitle.includes(lcsearch)).map(tagToOption);
+}
+async function lookupByValue(id) {
+    await fetchAvailableTags();
+    const tag = tags.find(t => t.id === id);
+    if (!tag)
+        return undefined;
+    return tagToOption(tag);
 }
 </script>
 
-<FieldMultiselect {path} {label} {getOptions} />
+<FieldMultiselect {path} {label} {getOptions} {lookupByValue} />

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@dosgato/dialog",
   "description": "A component library for building forms that edit a JSON document.",
-  "version": "1.2.0",
+  "version": "1.2.1",
   "scripts": {
     "prepublishOnly": "svelte-package",
     "dev": "vite dev --force",