From aa63e886995dd653f7444768779bfc175dac974e Mon Sep 17 00:00:00 2001
From: Peter Clement <peter@budibase.com>
Date: Fri, 7 Feb 2025 15:32:24 +0000
Subject: [PATCH] some type fixes

---
 .../bbui/src/ActionButton/ActionButton.svelte | 22 +++++++++----------
 packages/bbui/src/List/ListItem.svelte        | 10 ++++-----
 .../components/common/ScreensPopover.svelte   |  4 ++--
 .../integration/ConnectedQueryScreens.svelte  |  2 +-
 4 files changed, 19 insertions(+), 19 deletions(-)

diff --git a/packages/bbui/src/ActionButton/ActionButton.svelte b/packages/bbui/src/ActionButton/ActionButton.svelte
index 2401354fbb..d9c7a27fa1 100644
--- a/packages/bbui/src/ActionButton/ActionButton.svelte
+++ b/packages/bbui/src/ActionButton/ActionButton.svelte
@@ -1,19 +1,19 @@
-<script>
+<script lang="ts">
   import "@spectrum-css/actionbutton/dist/index-vars.css"
   import Tooltip from "../Tooltip/Tooltip.svelte"
   import { fade } from "svelte/transition"
   import { hexToRGBA } from "../helpers"
 
-  export let quiet = false
-  export let selected = false
-  export let disabled = false
-  export let icon = ""
-  export let size = "M"
-  export let active = false
-  export let fullWidth = false
-  export let noPadding = false
-  export let tooltip = ""
-  export let accentColor = null
+  export let quiet: boolean = false
+  export let selected: boolean = false
+  export let disabled: boolean = false
+  export let icon: string = ""
+  export let size: "S" | "M" | "L" = "M"
+  export let active: boolean = false
+  export let fullWidth: boolean = false
+  export let noPadding: boolean = false
+  export let tooltip: string = ""
+  export let accentColor: string | null = null
 
   let showTooltip = false
 
diff --git a/packages/bbui/src/List/ListItem.svelte b/packages/bbui/src/List/ListItem.svelte
index 87deb2eb86..3cd04bb987 100644
--- a/packages/bbui/src/List/ListItem.svelte
+++ b/packages/bbui/src/List/ListItem.svelte
@@ -2,11 +2,11 @@
   import Icon from "../Icon/Icon.svelte"
   import StatusLight from "../StatusLight/StatusLight.svelte"
 
-  export let icon: string | null = null
-  export let iconColor: string | null = null
-  export let title: string | null = null
-  export let subtitle: string | null = null
-  export let url: string | null = null
+  export let icon: string | undefined = undefined
+  export let iconColor: string | undefined = undefined
+  export let title: string | undefined = undefined
+  export let subtitle: string | undefined = undefined
+  export let url: string | undefined = undefined
   export let hoverable: boolean = false
   export let showArrow: boolean = false
   export let selected: boolean = false
diff --git a/packages/builder/src/components/common/ScreensPopover.svelte b/packages/builder/src/components/common/ScreensPopover.svelte
index 0c4d9d47b7..2fcb86f991 100644
--- a/packages/builder/src/components/common/ScreensPopover.svelte
+++ b/packages/builder/src/components/common/ScreensPopover.svelte
@@ -11,7 +11,7 @@
 
   export let screens: ScreenUsage[] = []
   export let icon = "DeviceDesktop"
-  export let accentColor: string | undefined = undefined
+  export let accentColor: string | null | undefined = null
   export let showCount = false
   export let align = PopoverAlignment.Left
 
@@ -31,7 +31,7 @@
     <ActionButton
       {icon}
       quiet
-      selected={open || (showCount && screens.length)}
+      selected={open || !!(showCount && screens.length)}
       {accentColor}
       on:click={show}
     >
diff --git a/packages/builder/src/components/integration/ConnectedQueryScreens.svelte b/packages/builder/src/components/integration/ConnectedQueryScreens.svelte
index 2a24088dc4..e7f3412964 100644
--- a/packages/builder/src/components/integration/ConnectedQueryScreens.svelte
+++ b/packages/builder/src/components/integration/ConnectedQueryScreens.svelte
@@ -19,7 +19,7 @@
   }
 
   onMount(async () => {
-    let response = await screenStore.usageOfScreens(sourceId)
+    let response = await screenStore.usageInScreens(sourceId)
     screens = response?.screens
   })
 </script>