@dosgato/dialog 1.2.0 → 1.2.2

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.excludeTitle && isNotBlank(tag.group.title) ? 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/dist/tagpicker/TagAPI.d.ts

@@ -6,6 +6,14 @@ export interface Tag {
 export interface TagGroup {
     id: string;
     title?: string;
+    /**
+     * The group title is not useful to disambiguate tag names, therefore it need not be prefixed onto
+     * the tag name when the tag is removed from its group context.
+     *
+     * Example: when the group title is "Misc" or "Ungrouped", you probably don't want to see "Misc: MyTag",
+     * you just want to see "MyTag"
+     */
+    excludeTitle?: boolean;
     tags: Tag[];
 }
 export interface TagClient<TargetTypes = any> {

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.2",
   "scripts": {
     "prepublishOnly": "svelte-package",
     "dev": "vite dev --force",