lint

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

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>

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
+}