Type context usages

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

@@ -29,8 +29,8 @@
 
   // Get contexts
   const formContext = getContext("form")
-  const formStepContext: any = getContext("form-step")
-  const fieldGroupContext: any = getContext("field-group")
+  const formStepContext = getContext("form-step")
+  const fieldGroupContext = getContext("field-group")
   const { styleable, builderStore, Provider } = getContext("sdk")
   const component = getContext("component")
 

packages/client/src/context.d.ts

@@ -1,8 +1,11 @@
-import { Component, Context, FormContext, SDK } from "."
+import { Writable } from "svelte"
+import { Component, Context, FieldGroupContext, FormContext, SDK } from "."
 
 declare module "svelte" {
   export function getContext(key: "sdk"): SDK
   export function getContext(key: "component"): Component
   export function getContext(key: "context"): Context
-  export function getContext(key: "form"): FormContext
+  export function getContext(key: "form"): FormContext | undefined
+  export function getContext(key: "form-step"): Writable<number> | undefined
+  export function getContext(key: "field-group"): FieldGroupContext | undefined
 }

packages/client/src/index.ts

@@ -126,6 +126,10 @@ export interface FormField {
   fieldSchema: FieldSchema
 }
 
+export interface FieldGroupContext {
+  labelPosition: string
+}
+
 let app: ClientApp
 
 const loadBudibase = async () => {