From c398cc64b1cb91fbdfdc998507755114d04ddcf7 Mon Sep 17 00:00:00 2001
From: Ruben Fiszel <ruben@rubenfiszel.com>
Date: Fri, 8 Dec 2023 23:57:52 +0100
Subject: [PATCH] add selectFirstRowByDefault for tables

---
 .../apps/components/display/table/AppTable.svelte          | 7 +++++--
 .../src/lib/components/apps/editor/component/components.ts | 6 ++++++
 2 files changed, 11 insertions(+), 2 deletions(-)

diff --git a/frontend/src/lib/components/apps/components/display/table/AppTable.svelte b/frontend/src/lib/components/apps/components/display/table/AppTable.svelte
index ecaca13725..e9fd19c4be 100644
--- a/frontend/src/lib/components/apps/components/display/table/AppTable.svelte
+++ b/frontend/src/lib/components/apps/components/display/table/AppTable.svelte
@@ -127,7 +127,8 @@
 		mounted = true
 	})
 
-	$: selectedRowIndex === -1 &&
+	$: resolvedConfig?.selectFirstRowByDefault != false &&
+		selectedRowIndex === -1 &&
 		Array.isArray(result) &&
 		result.length > 0 &&
 		// We need to wait until the component is mounted so the world is created
@@ -208,7 +209,9 @@
 
 		if (result) {
 			//console.log('rerendering table', result[0])
-			toggleRow({ original: filteredResult[0] }, true)
+			if (resolvedConfig?.selectFirstRowByDefault != false) {
+				toggleRow({ original: filteredResult[0] }, true)
+			}
 		}
 
 		if (outputs.page.peak()) {
diff --git a/frontend/src/lib/components/apps/editor/component/components.ts b/frontend/src/lib/components/apps/editor/component/components.ts
index 2e540045ad..b81171ddde 100644
--- a/frontend/src/lib/components/apps/editor/component/components.ts
+++ b/frontend/src/lib/components/apps/editor/component/components.ts
@@ -1534,6 +1534,12 @@ This is a paragraph.
 					value: {},
 					tooltip:
 						'any configuration that can be passed to the tanstack table component as initial state (https://tanstack.com/table/v8/docs/api/core/table#initialstate)'
+				},
+				selectFirstRowByDefault: {
+					type: 'static',
+					fieldType: 'boolean',
+					value: true as boolean,
+					tooltip: 'Select the first row by default on start'
 				}
 			},
 			componentInput: {