Validate type

packages/client/src/components/app/forms/BBReferenceField.svelte

@@ -22,10 +22,13 @@
   }
 
   $: updatedDefaultValue = updateReferences(defaultValue)
+
+  // This cannot be typed, as svelte does not provide typed inheritance
+  $: allProps = $$props as any
 </script>
 
 <RelationshipField
-  {...$$props}
+  {...allProps}
   {type}
   datasourceType={"user"}
   primaryDisplay={"email"}

packages/client/src/components/app/forms/Field.svelte

@@ -1,3 +1,7 @@
+<script context="module" lang="ts">
+  export type FieldValidation = () => string | undefined
+</script>
+
 <script lang="ts">
   import { getContext, onDestroy } from "svelte"
   import type { Readable } from "svelte/store"
@@ -19,7 +23,7 @@
   export let type: FieldType
   export let disabled = false
   export let readonly = false
-  export let validation: () => string | undefined
+  export let validation: FieldValidation | undefined
   export let span = 6
   export let helpText: string | undefined = undefined
 

packages/client/src/components/app/forms/RelationshipField.svelte

@@ -3,7 +3,7 @@
   import { BasicOperator, FieldType, InternalTable } from "@budibase/types"
   import { fetchData, Utils } from "@budibase/frontend-core"
   import { getContext } from "svelte"
-  import Field from "./Field.svelte"
+  import Field, { FieldValidation } from "./Field.svelte"
   import type {
     SearchFilter,
     RelationshipFieldMetadata,
@@ -16,7 +16,7 @@
   export let placeholder: string | undefined = undefined
   export let disabled: boolean = false
   export let readonly: boolean = false
-  export let validation: any
+  export let validation: FieldValidation | undefined = undefined
   export let autocomplete: boolean = true
   export let defaultValue: string | string[] | undefined = undefined
   export let onChange: any