From 8a0c9aef0147d46bfea2f7e707888e5493a0d64d Mon Sep 17 00:00:00 2001
From: Peter Clement <peter@budibase.com>
Date: Wed, 29 Jan 2025 10:16:06 +0000
Subject: [PATCH] lint

---
 packages/builder/src/dataBinding.js                 |  2 +-
 .../design/[screenId]/_components/StatePanel.svelte | 13 ++-----------
 packages/types/src/documents/app/screen.ts          | 12 ++++++++++++
 3 files changed, 15 insertions(+), 12 deletions(-)

diff --git a/packages/builder/src/dataBinding.js b/packages/builder/src/dataBinding.js
index b476365aab..739ecc9494 100644
--- a/packages/builder/src/dataBinding.js
+++ b/packages/builder/src/dataBinding.js
@@ -1159,7 +1159,7 @@ export const buildFormSchema = (component, asset) => {
  * Returns an array of the keys of any state variables which are set anywhere
  * in the app.
  */
-export const getAllStateVariables = (screen = null) => {
+export const getAllStateVariables = screen => {
   let assets = []
   if (screen) {
     // only include state variables from a specific screen
diff --git a/packages/builder/src/pages/builder/app/[application]/design/[screenId]/_components/StatePanel.svelte b/packages/builder/src/pages/builder/app/[application]/design/[screenId]/_components/StatePanel.svelte
index 61630f3c98..fb2d8da93b 100644
--- a/packages/builder/src/pages/builder/app/[application]/design/[screenId]/_components/StatePanel.svelte
+++ b/packages/builder/src/pages/builder/app/[application]/design/[screenId]/_components/StatePanel.svelte
@@ -1,6 +1,6 @@
 <script lang="ts">
   import { onMount } from "svelte"
-  import { Select, Link } from "@budibase/bbui"
+  import { Select } from "@budibase/bbui"
   import type { Component } from "@budibase/types"
   import { getAllStateVariables, getBindableProperties } from "@/dataBinding"
   import {
@@ -203,7 +203,7 @@
             handler.parameters?.key === stateKey
         )
         .map(() => ({
-          id: $selectedScreen._id,
+          id: $selectedScreen._id!,
           name: "Screen onLoad",
           settings: ["onLoad"],
         })) || []
@@ -342,13 +342,4 @@
     align-items: flex-start;
     gap: var(--spacing-xs);
   }
-
-  .link {
-    color: var(--spectrum-global-color-gray-600);
-    margin-top: var(--spacing-m);
-  }
-
-  .link:hover {
-    color: var(--spectrum-global-color-gray-700);
-  }
 </style>
diff --git a/packages/types/src/documents/app/screen.ts b/packages/types/src/documents/app/screen.ts
index a8c32118d3..20355d111b 100644
--- a/packages/types/src/documents/app/screen.ts
+++ b/packages/types/src/documents/app/screen.ts
@@ -23,6 +23,7 @@ export interface Screen extends Document {
   props: ScreenProps
   name?: string
   pluginAdded?: boolean
+  onLoad?: EventHandler[]
 }
 
 export interface ScreenRoutesViewOutput extends Document {
@@ -36,3 +37,14 @@ export type ScreenRoutingJson = Record<
     subpaths: Record<string, any>
   }
 >
+
+export interface EventHandler {
+  parameters: {
+    key: string
+    type: string
+    value: string
+    persist: any | null
+  }
+  eventHandlerType: string
+  id: string
+}