From 35b9a4038bad5763a4f51084d8f89260e8e841b5 Mon Sep 17 00:00:00 2001
From: Andrew Kingston <andrew@kingston.dev>
Date: Tue, 1 Apr 2025 09:30:34 +0100
Subject: [PATCH] Expose refresh data provider action from single row provider
 and reset row ID setting when changing datasource

---
 packages/client/manifest.json                         |  4 +++-
 .../src/components/app/SingleRowProvider.svelte       | 11 +++++++++--
 2 files changed, 12 insertions(+), 3 deletions(-)

diff --git a/packages/client/manifest.json b/packages/client/manifest.json
index 3cd24ee0f8..9f30281831 100644
--- a/packages/client/manifest.json
+++ b/packages/client/manifest.json
@@ -8182,6 +8182,7 @@
     "name": "Single Row Provider",
     "icon": "SQLQuery",
     "hasChildren": true,
+    "actions": ["RefreshDatasource"],
     "size": {
       "width": 500,
       "height": 200
@@ -8201,7 +8202,8 @@
         "type": "text",
         "label": "Row ID",
         "key": "rowId",
-        "required": true
+        "required": true,
+        "resetOn": "datasource"
       }
     ],
     "context": {
diff --git a/packages/client/src/components/app/SingleRowProvider.svelte b/packages/client/src/components/app/SingleRowProvider.svelte
index 1905a4c772..b8a25a6005 100644
--- a/packages/client/src/components/app/SingleRowProvider.svelte
+++ b/packages/client/src/components/app/SingleRowProvider.svelte
@@ -6,13 +6,20 @@
   export let rowId: string
 
   const component = getContext("component")
-  const { styleable, API, Provider } = getContext("sdk")
+  const { styleable, API, Provider, ActionTypes } = getContext("sdk")
 
   let row: Row | undefined
 
   $: datasourceId =
     datasource.type === "table" ? datasource.tableId : datasource.id
   $: fetchRow(datasourceId, rowId)
+  $: actions = [
+    {
+      type: ActionTypes.RefreshDatasource,
+      callback: () => fetchRow(datasourceId, rowId),
+      metadata: { dataSource: datasource },
+    },
+  ]
 
   const fetchRow = async (datasourceId: string, rowId: string) => {
     try {
@@ -24,7 +31,7 @@
 </script>
 
 <div use:styleable={$component.styles}>
-  <Provider data={row ?? null}>
+  <Provider {actions} data={row ?? null}>
     <slot />
   </Provider>
 </div>