@dosgato/dialog 0.0.29 → 0.0.30

package/FieldChooserLink.svelte

@@ -1,6 +1,6 @@
-<script>import { FORM_CONTEXT } from '@txstate-mws/svelte-forms';
+<script>import { FORM_CONTEXT, FORM_INHERITED_PATH } from '@txstate-mws/svelte-forms';
 import { getContext } from 'svelte';
-import { randomid } from 'txstate-utils';
+import { isNotBlank, randomid } from 'txstate-utils';
 import { Chooser, ChooserStore, CHOOSER_API_CONTEXT } from './chooser';
 import Details from './chooser/Details.svelte';
 import Thumbnail from './chooser/Thumbnail.svelte';
@@ -21,7 +21,9 @@ export let initialSource = undefined;
 export let initialPath = undefined;
 export let helptext = undefined;
 const formStore = getContext(FORM_CONTEXT);
-const value = formStore.getField(path);
+const inheritedPath = getContext(FORM_INHERITED_PATH);
+const finalPath = [inheritedPath, path].filter(isNotBlank).join('.');
+const value = formStore.getField(finalPath);
 const chooserClient = getContext(CHOOSER_API_CONTEXT);
 const store = new ChooserStore(chooserClient);
 const descid = randomid();
@@ -55,7 +57,8 @@ async function userUrlEntry() {
         id: newVal,
         url
     };
-    formStore.setField(path, newVal);
+    formStore.setField(finalPath, newVal);
+    formStore.dirtyField(finalPath);
 }
 let selectedAsset;
 async function updateSelected(..._) {

package/FieldCodeEditor.svelte

@@ -1,7 +1,8 @@
 <script>import { passActions } from '@txstate-mws/svelte-components';
-import { nullableSerialize, nullableDeserialize, FORM_CONTEXT, FormStore } from '@txstate-mws/svelte-forms';
+import { nullableSerialize, nullableDeserialize, FORM_CONTEXT, FormStore, FORM_INHERITED_PATH } from '@txstate-mws/svelte-forms';
 import CodeFlask from 'codeflask';
 import { getContext, onMount } from 'svelte';
+import { isNotBlank } from 'txstate-utils';
 import { getDescribedBy, FieldStandard } from './';
 let className = '';
 export { className as class };
@@ -10,7 +11,7 @@ export let path;
 export let label = '';
 export let notNull = false;
 export let defaultValue = notNull ? '' : undefined;
-export let rows = undefined;
+export let rows = 8;
 export let conditional = undefined;
 export let required = false;
 export let use = [];
@@ -18,13 +19,13 @@ export let inputelement = undefined;
 export let helptext = undefined;
 export let language;
 const store = getContext(FORM_CONTEXT);
-const value = store.getField(path);
+const inheritedPath = getContext(FORM_INHERITED_PATH);
+const finalPath = [inheritedPath, path].filter(isNotBlank).join('.');
+const value = store.getField(finalPath);
 let editorelement;
 let flask;
-let codeValue = '';
 onMount(() => {
     flask = new CodeFlask(editorelement, { language, lineNumbers: true, areaId: id });
-    flask.onUpdate(code => { codeValue = code; });
     inputelement = editorelement.querySelector(`#${id}`);
     if (className)
         inputelement.classList.add(...className.split(' '));
@@ -60,6 +61,7 @@ function updateValidState(invalidIn, messagesIdIn) {
 
 <style>
   div {
+    position: relative;
     overflow: hidden;
     resize: vertical;
   }

package/FieldCodeEditor.svelte.d.ts

@@ -8,7 +8,7 @@ declare const __propDef: {
         label?: string;
         notNull?: boolean;
         defaultValue?: any;
-        rows?: number | undefined;
+        rows?: number;
         conditional?: boolean | undefined;
         required?: boolean;
         use?: HTMLActionEntry[];

package/FieldSelect.svelte.d.ts

@@ -10,7 +10,7 @@ declare const __propDef: {
         disabled?: boolean;
         choices: {
             label?: string;
-            value: string;
+            value: any;
             disabled?: boolean;
         }[];
         defaultValue?: any;

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@dosgato/dialog",
   "description": "A component library for building forms that edit a JSON document.",
-  "version": "0.0.29",
+  "version": "0.0.30",
   "dependencies": {
     "@txstate-mws/svelte-components": "^1.3.5",
     "@txstate-mws/svelte-forms": "^1.2.1",