@dosgato/dialog 1.1.16 → 1.1.18

package/dist/FieldAutocomplete.svelte.d.ts

@@ -9,9 +9,9 @@ declare const __propDef: {
         notNull?: boolean | undefined;
         disabled?: boolean | undefined;
         choices: {
-            label?: string | undefined;
+            label?: string;
             value: string;
-            disabled?: boolean | undefined;
+            disabled?: boolean;
         }[];
         defaultValue?: string | undefined;
         conditional?: boolean | undefined;

package/dist/FieldChoices.svelte.d.ts

@@ -6,9 +6,9 @@ declare const __propDef: {
         path: string;
         label?: string | undefined;
         choices: {
-            label?: string | undefined;
+            label?: string;
             value: any;
-            disabled?: boolean | undefined;
+            disabled?: boolean;
         }[];
         defaultValue?: any;
         conditional?: boolean | undefined;

package/dist/FieldMultiple.svelte.d.ts

@@ -4,7 +4,7 @@ declare const __propDef: {
     props: {
         path: string;
         label: string;
-        initialState?: any;
+        initialState?: any | ((index: number) => any);
         minLength?: number | undefined;
         maxLength?: number | undefined;
         compact?: boolean | undefined;

package/dist/FieldRadio.svelte

@@ -35,7 +35,7 @@ async function reactToChoices(..._) {
     if (!choices.length) {
         return await store.setField(finalPath, finalDeserialize(''));
     }
-    const val = get($store, finalPath);
+    const val = get($store.data, finalPath);
     if (!choices.some(o => o.value === finalDeserialize(val)))
         await store.setField(finalPath, notNull ? defaultValue : finalDeserialize(''));
 }

package/dist/FieldRadio.svelte.d.ts

@@ -7,9 +7,9 @@ declare const __propDef: {
         label?: string | undefined;
         notNull?: boolean | undefined;
         choices: {
-            label?: string | undefined;
+            label?: string;
             value: any;
-            disabled?: boolean | undefined;
+            disabled?: boolean;
         }[];
         defaultValue?: any;
         conditional?: boolean | undefined;

package/dist/FieldSelect.svelte.d.ts

@@ -9,9 +9,9 @@ declare const __propDef: {
         notNull?: boolean | undefined;
         disabled?: boolean | undefined;
         choices: {
-            label?: string | undefined;
+            label?: string;
             value: any;
-            disabled?: boolean | undefined;
+            disabled?: boolean;
         }[];
         defaultValue?: any;
         conditional?: boolean | undefined;

package/dist/Form.svelte

@@ -18,6 +18,7 @@ setContext(CHOOSER_API_CONTEXT, chooserClient);
   <slot {messages} {saved} {validating} {submitting} {valid} {invalid} {data} {allMessages} {showingInlineErrors} />
   {@const errorMessages = messages.filter(m => m.type === 'error' || m.type === 'system')}
   {@const warningMessages = messages.filter(m => m.type === 'warning')}
+  {@const infoMessages = messages.filter(m => m.type === 'info')}
   {@const successMessages = messages.filter(m => m.type === 'success')}
   {#if errorMessages.length || showingInlineErrors}
     <ul class="form-errors" aria-live='assertive'>
@@ -36,6 +37,13 @@ setContext(CHOOSER_API_CONTEXT, chooserClient);
       {/each}
     </ul>
   {/if}
+  {#if infoMessages.length}
+    <ul class="form-info" aria-live='assertive'>
+      {#each infoMessages as message}
+        <li><Icon icon={messageIcons.info} inline hiddenLabel="info"/> {message.message}</li>
+      {/each}
+    </ul>
+  {/if}
   {#if successMessages.length}
     <ul class="form-successes" aria-live='assertive'>
       {#each successMessages as message}
@@ -68,6 +76,10 @@ setContext(CHOOSER_API_CONTEXT, chooserClient);
     background-color: var(--dg-warning-bg, #ffc107);
     color: var(--dg-warning-text, black);
   }
+  .form-info {
+    background-color: var(--dg-info-bg, #619bff);
+    color: var(--dg-info-text, black);
+  }
   .form-successes {
     background-color: var(--dg-success-bg, #218739);
     color: var(--dg-success-text, white);

package/dist/InlineMessage.svelte

@@ -2,20 +2,11 @@
   The purpose of this component is to provide common `Feedback` message styling with icons that support screen readers.
 -->
 <script>import { htmlEncode } from 'txstate-utils';
-import { messageIcons } from './';
+import { messageIcons, messageLabels } from './';
 import Icon from './Icon.svelte';
 export let message;
 $: icon = messageIcons[message.type] ?? messageIcons.error;
-// Would we like to add something like the following for non-Error message types being used in aria descriptions?
-/*
-const ariaLables = {
-  error: 'Error',
-  warning: 'Warning',
-  success: 'Success',
-  system: 'System'
-}
-$: hiddenLabel = ariaLables[message.type] ?? 'Error'
-*/
+$: iconLabel = messageLabels[message.type] ?? messageLabels.error;
 function addMarkup(msg) {
     const lines = msg.split(/\r?\n/);
     const output = [];
@@ -43,7 +34,7 @@ function addMarkup(msg) {
 }
 </script>
 
-<div class={message.type}><Icon width='1.5em' {icon} inline hiddenLabel='Error' /><span>{@html addMarkup(message.message)}</span></div>
+<div class={message.type}><Icon width='1.5em' {icon} inline hiddenLabel={iconLabel} /><span>{@html addMarkup(message.message)}</span></div>
 
 <style>
   div {

package/dist/Switcher.svelte.d.ts

@@ -7,9 +7,9 @@ declare const __propDef: {
         path?: string | undefined;
         name?: string | undefined;
         choices: {
-            label?: string | undefined;
+            label?: string;
             value: string;
-            disabled?: boolean | undefined;
+            disabled?: boolean;
         }[];
         horizontal?: boolean | undefined;
         label: string;

package/dist/errorIcons.d.ts

@@ -3,4 +3,12 @@ export declare const messageIcons: {
     warning: import("@iconify/types").IconifyIcon;
     success: import("@iconify/types").IconifyIcon;
     system: import("@iconify/types").IconifyIcon;
+    info: import("@iconify/types").IconifyIcon;
+};
+export declare const messageLabels: {
+    readonly error: "error";
+    readonly warning: "warning";
+    readonly success: "success";
+    readonly info: "info";
+    readonly system: "error";
 };

package/dist/errorIcons.js

@@ -6,5 +6,13 @@ export const messageIcons = {
     error: alertCircleOutline,
     warning: informationOutline,
     success: checkCircleOutline,
-    system: closeOctagonOutline
+    system: closeOctagonOutline,
+    info: informationOutline
+};
+export const messageLabels = {
+    error: 'error',
+    warning: 'warning',
+    success: 'success',
+    info: 'info',
+    system: 'error'
 };

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.16",
+  "version": "1.1.18",
   "scripts": {
     "prepublishOnly": "svelte-package",
     "dev": "vite dev --force",
@@ -10,12 +10,11 @@
     "check:watch": "svelte-check --tsconfig ./tsconfig.json --watch",
     "lint": "eslint --ignore-path .gitignore ."
   },
-  "main": "./dist/index.js",
   "exports": {
     ".": {
       "types": "./dist/index.d.ts",
       "svelte": "./dist/index.js",
-      "import": "./dist/index.js"
+      "default": "./dist/index.js"
     },
     "./package.json": "./package.json"
   },
@@ -27,7 +26,7 @@
     "@iconify-icons/mdi": "^1.2.22",
     "@iconify-icons/ph": "^1.2.2",
     "@txstate-mws/svelte-components": "^1.5.5",
-    "@txstate-mws/svelte-forms": "^1.3.17",
+    "@txstate-mws/svelte-forms": "^1.4.2",
     "codemirror": "^6.0.1",
     "txstate-utils": "^1.8.0"
   },