@dosgato/dialog 1.1.23 → 1.2.1

package/dist/Container.svelte

@@ -38,7 +38,7 @@ function setNeedsShowHelp(..._) {
 $: setNeedsShowHelp(helpelement);
 const tabContext = getContext(TAB_CONTEXT);
 const tabNameStore = getContext(TAB_NAME_CONTEXT);
-$: if (messages.length) {
+$: if (messages.length && messages.some(m => m.type === 'error')) {
     tabContext?.store.notifyErrorPath($tabNameStore, path);
 }
 else {

package/dist/Form.svelte

@@ -1,6 +1,6 @@
 <script>import { Form } from '@txstate-mws/svelte-forms';
 import { setContext } from 'svelte';
-import { CHOOSER_API_CONTEXT, messageIcons } from './';
+import { CHOOSER_API_CONTEXT, messageIcons, TAG_API_CONTEXT } from './';
 import Icon from './Icon.svelte';
 let className = '';
 export { className as class };
@@ -8,10 +8,12 @@ export let submit = undefined;
 export let validate = undefined;
 export let store = undefined;
 export let chooserClient = undefined;
+export let tagClient = undefined;
 export let autocomplete = undefined;
 export let name = undefined;
 export let preload = undefined;
 setContext(CHOOSER_API_CONTEXT, chooserClient);
+setContext(TAG_API_CONTEXT, tagClient);
 </script>
 
 <Form bind:store class="{className} dialog-form" {submit} {validate} on:saved {autocomplete} {name} {preload} let:messages let:allMessages let:showingInlineErrors let:saved let:valid let:invalid let:validating let:submitting let:data>

package/dist/Form.svelte.d.ts

@@ -1,6 +1,6 @@
 import { SvelteComponentTyped } from "svelte";
 import { type FormStore, type Feedback, type SubmitResponse } from '@txstate-mws/svelte-forms';
-import { type Client } from './';
+import { type Client, type TagClient } from './';
 declare class __sveltets_Render<T extends Record<string, any>, F extends any> {
     props(): {
         class?: string;
@@ -8,6 +8,7 @@ declare class __sveltets_Render<T extends Record<string, any>, F extends any> {
         validate?: ((state: T) => Promise<Feedback[]>) | undefined;
         store?: FormStore<T> | undefined;
         chooserClient?: Client<F> | undefined;
+        tagClient?: TagClient | undefined;
         autocomplete?: string | undefined;
         name?: string | undefined;
         preload?: T | undefined;

package/dist/FormDialog.svelte

@@ -6,6 +6,7 @@ export let submit;
 export let validate = undefined;
 export let store = undefined;
 export let chooserClient = undefined;
+export let tagClient = undefined;
 export let autocomplete = undefined;
 export let name = undefined;
 export let title = '';
@@ -22,7 +23,7 @@ setContext(CHOOSER_API_CONTEXT, chooserClient);
 </script>
 
 <Dialog continueText="Save" continueIcon={contentSave} cancelText="Cancel" on:escape on:continue={onSubmit} {title} {icon} {size} escapable={false} expandable>
-  <Form bind:store {submit} {validate} {chooserClient} {autocomplete} {name} {preload} on:saved let:messages let:allMessages let:showingInlineErrors let:saved let:valid let:invalid let:validating let:submitting let:data>
+  <Form bind:store {submit} {validate} {chooserClient} {tagClient} {autocomplete} {name} {preload} on:saved let:messages let:allMessages let:showingInlineErrors let:saved let:valid let:invalid let:validating let:submitting let:data>
     <slot {messages} {allMessages} {saved} {validating} {submitting} {valid} {invalid} {data} {showingInlineErrors} />
   </Form>
 </Dialog>

package/dist/FormDialog.svelte.d.ts

@@ -1,13 +1,14 @@
 import { SvelteComponentTyped } from "svelte";
 import type { IconifyIcon } from '@iconify/svelte';
 import type { Feedback, FormStore, SubmitResponse } from '@txstate-mws/svelte-forms';
-import { type Client } from './';
+import { type Client, type TagClient } from './';
 declare class __sveltets_Render<T extends Record<string, any>> {
     props(): {
         submit: (state: T) => Promise<SubmitResponse<T>>;
         validate?: ((state: T) => Promise<Feedback[]>) | undefined;
         store?: FormStore<T> | undefined;
         chooserClient?: Client | undefined;
+        tagClient?: TagClient | undefined;
         autocomplete?: string | undefined;
         name?: string | undefined;
         title?: string;

package/dist/index.d.ts

@@ -43,3 +43,4 @@ export * from './tree/index.js';
 export * from './cropper/index.js';
 export * from './code/index.js';
 export * from './imageposition/index.js';
+export * from './tagpicker/index.js';

package/dist/index.js

@@ -43,3 +43,4 @@ export * from './tree/index.js';
 export * from './cropper/index.js';
 export * from './code/index.js';
 export * from './imageposition/index.js';
+export * from './tagpicker/index.js';

package/dist/tagpicker/FieldTagPicker.svelte

@@ -0,0 +1,36 @@
+<script>import FieldMultiselect from '../FieldMultiselect.svelte';
+import { getContext } from 'svelte';
+import { isNotBlank } from 'txstate-utils';
+import { TAG_API_CONTEXT } from './TagAPI';
+export let path;
+export let label;
+export let target;
+const tagClient = getContext(TAG_API_CONTEXT);
+let lasttarget = -1;
+let groups = [];
+let tags;
+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(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} {lookupByValue} />

package/dist/tagpicker/FieldTagPicker.svelte.d.ts

@@ -0,0 +1,18 @@
+import { SvelteComponentTyped } from "svelte";
+declare const __propDef: {
+    props: {
+        path: string;
+        label: string;
+        target: any;
+    };
+    events: {
+        [evt: string]: CustomEvent<any>;
+    };
+    slots: {};
+};
+export type FieldTagPickerProps = typeof __propDef.props;
+export type FieldTagPickerEvents = typeof __propDef.events;
+export type FieldTagPickerSlots = typeof __propDef.slots;
+export default class FieldTagPicker extends SvelteComponentTyped<FieldTagPickerProps, FieldTagPickerEvents, FieldTagPickerSlots> {
+}
+export {};

package/dist/tagpicker/TagAPI.d.ts

@@ -0,0 +1,19 @@
+export declare const TAG_API_CONTEXT: {};
+export interface Tag {
+    id: string;
+    name: string;
+}
+export interface TagGroup {
+    id: string;
+    title?: string;
+    tags: Tag[];
+}
+export interface TagClient<TargetTypes = any> {
+    availableForTarget: (target: TargetTypes, 
+    /**
+     * true -> only public tags,
+     * false -> only internal tags,
+     * undefined -> all tags
+     */
+    publicTags?: boolean) => Promise<TagGroup[]>;
+}

package/dist/tagpicker/TagAPI.js

@@ -0,0 +1 @@
+export const TAG_API_CONTEXT = {};

package/dist/tagpicker/index.d.ts

@@ -0,0 +1,2 @@
+export * from './TagAPI';
+export { default as FieldTagPicker } from './FieldTagPicker.svelte';

package/dist/tagpicker/index.js

@@ -0,0 +1,2 @@
+export * from './TagAPI';
+export { default as FieldTagPicker } from './FieldTagPicker.svelte';

package/package.json

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