From 04747d7183f68dfe583fea87ccba2e5a259e9fee Mon Sep 17 00:00:00 2001
From: Ruben Fiszel <ruben@rubenfiszel.com>
Date: Wed, 5 Jul 2023 01:00:56 +0200
Subject: [PATCH] add initial state to table config

---
 .../apps/components/display/table/AppTable.svelte        | 1 +
 .../lib/components/apps/editor/component/components.ts   | 8 ++++++++
 .../src/lib/components/common/table/LanguageBadge.svelte | 9 ++++++---
 3 files changed, 15 insertions(+), 3 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 e9b165aeaf..9d8a5a335f 100644
--- a/frontend/src/lib/components/apps/components/display/table/AppTable.svelte
+++ b/frontend/src/lib/components/apps/components/display/table/AppTable.svelte
@@ -152,6 +152,7 @@
 			...(resolvedConfig?.pagination?.selected != 'manual'
 				? {
 						initialState: {
+							...resolvedConfig.initialState,
 							pagination: {
 								pageSize: resolvedConfig?.pagination?.configuration?.auto?.pageSize ?? 20
 							}
diff --git a/frontend/src/lib/components/apps/editor/component/components.ts b/frontend/src/lib/components/apps/editor/component/components.ts
index d73f44c659..574baa05af 100644
--- a/frontend/src/lib/components/apps/editor/component/components.ts
+++ b/frontend/src/lib/components/apps/editor/component/components.ts
@@ -1148,6 +1148,14 @@ Hello \${ctx.username}
 					value: true,
 					onlyStatic: true,
 					tooltip: 'display a button to download the table as a csv file'
+				},
+				initialState: {
+					type: 'static',
+					fieldType: 'object',
+					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)',
+					onlyStatic: true
 				}
 			},
 			componentInput: {
diff --git a/frontend/src/lib/components/common/table/LanguageBadge.svelte b/frontend/src/lib/components/common/table/LanguageBadge.svelte
index 33e55972df..f9c6292305 100644
--- a/frontend/src/lib/components/common/table/LanguageBadge.svelte
+++ b/frontend/src/lib/components/common/table/LanguageBadge.svelte
@@ -13,7 +13,8 @@
 		[Script.language.DENO]: 'TypeScript',
 		[Script.language.GO]: 'Go',
 		[Script.language.BASH]: 'Bash',
-		[Script.language.NATIVETS]: 'HTTP'
+		[Script.language.NATIVETS]: 'HTTP',
+		[Script.language.POSTGRESQL]: 'Postgresql'
 	}[language]
 
 	const baseClassByLanguage = {
@@ -21,7 +22,8 @@
 		[Script.language.DENO]: 'border border-blue-200 !bg-white',
 		[Script.language.NATIVETS]: 'border border-blue-200 !bg-white',
 		[Script.language.GO]: 'border border-[#80cbc4] !bg-white',
-		[Script.language.BASH]: 'border border-gray-400 !bg-white'
+		[Script.language.BASH]: 'border border-gray-400 !bg-white',
+		[Script.language.POSTGRESQL]: 'border border-gray-400 !bg-white'
 	}[language]
 
 	const colorByLanguage = {
@@ -29,7 +31,8 @@
 		[Script.language.DENO]: 'gray',
 		[Script.language.NATIVETS]: 'gray',
 		[Script.language.GO]: 'gray',
-		[Script.language.BASH]: 'gray'
+		[Script.language.BASH]: 'gray',
+		[Script.language.POSTGRESQL]: 'gray'
 	}[language] as BadgeColor
 </script>