From 411f6977f83631ccc2bca029893f9efdc22cabcc Mon Sep 17 00:00:00 2001
From: Ruben Fiszel <ruben@rubenfiszel.com>
Date: Fri, 14 Jul 2023 00:28:16 +0200
Subject: [PATCH] fix aggrid instabilities

---
 frontend/package-lock.json                    | 24 ++++++++-----------
 frontend/package.json                         |  2 +-
 .../display/table/AppAggridTable.svelte       | 13 ++++------
 3 files changed, 15 insertions(+), 24 deletions(-)

diff --git a/frontend/package-lock.json b/frontend/package-lock.json
index f57267ad8a..d4f671451c 100644
--- a/frontend/package-lock.json
+++ b/frontend/package-lock.json
@@ -16,7 +16,7 @@
 				"@popperjs/core": "^2.11.6",
 				"@redocly/json-to-json-schema": "^0.0.1",
 				"@tanstack/svelte-table": "^8.9.2",
-				"ag-grid-svelte": "^0.1.4",
+				"ag-grid-svelte": "^0.3.0",
 				"ansi_up": "^5.2.1",
 				"chart.js": "^4.3.0",
 				"chartjs-adapter-date-fns": "^3.0.0",
@@ -1748,14 +1748,12 @@
 			"peer": true
 		},
 		"node_modules/ag-grid-svelte": {
-			"version": "0.1.4",
-			"resolved": "https://registry.npmjs.org/ag-grid-svelte/-/ag-grid-svelte-0.1.4.tgz",
-			"integrity": "sha512-yKJKZ1o3aE9dgaK4WtmjG+vA9GKqErznvFisDnzi+PPGWXDCSNWuoDGCUpEFJtHKrfooLoUZZHYHi8I9sZ+BCA==",
-			"dependencies": {
-				"svelte": "^3.55.0"
-			},
+			"version": "0.3.0",
+			"resolved": "https://registry.npmjs.org/ag-grid-svelte/-/ag-grid-svelte-0.3.0.tgz",
+			"integrity": "sha512-jaEwHqhZPeNtPgXTlUQ7URVbuU1eGqkGs4L7S7aLPzfDJORmAOZQYmWmHEulTN9WpbGQstScS+ACyT07uUMXwQ==",
 			"peerDependencies": {
-				"ag-grid-community": "^28"
+				"ag-grid-community": "^28 || ^29 || ^30",
+				"svelte": "^3"
 			}
 		},
 		"node_modules/agentkeepalive": {
@@ -9630,12 +9628,10 @@
 			"peer": true
 		},
 		"ag-grid-svelte": {
-			"version": "0.1.4",
-			"resolved": "https://registry.npmjs.org/ag-grid-svelte/-/ag-grid-svelte-0.1.4.tgz",
-			"integrity": "sha512-yKJKZ1o3aE9dgaK4WtmjG+vA9GKqErznvFisDnzi+PPGWXDCSNWuoDGCUpEFJtHKrfooLoUZZHYHi8I9sZ+BCA==",
-			"requires": {
-				"svelte": "^3.55.0"
-			}
+			"version": "0.3.0",
+			"resolved": "https://registry.npmjs.org/ag-grid-svelte/-/ag-grid-svelte-0.3.0.tgz",
+			"integrity": "sha512-jaEwHqhZPeNtPgXTlUQ7URVbuU1eGqkGs4L7S7aLPzfDJORmAOZQYmWmHEulTN9WpbGQstScS+ACyT07uUMXwQ==",
+			"requires": {}
 		},
 		"agentkeepalive": {
 			"version": "4.3.0",
diff --git a/frontend/package.json b/frontend/package.json
index 51a7f7fc65..aa13316189 100644
--- a/frontend/package.json
+++ b/frontend/package.json
@@ -78,7 +78,7 @@
 		"@popperjs/core": "^2.11.6",
 		"@redocly/json-to-json-schema": "^0.0.1",
 		"@tanstack/svelte-table": "^8.9.2",
-		"ag-grid-svelte": "^0.1.4",
+		"ag-grid-svelte": "^0.3.0",
 		"ansi_up": "^5.2.1",
 		"chart.js": "^4.3.0",
 		"chartjs-adapter-date-fns": "^3.0.0",
diff --git a/frontend/src/lib/components/apps/components/display/table/AppAggridTable.svelte b/frontend/src/lib/components/apps/components/display/table/AppAggridTable.svelte
index 5206e93890..481a84fd5f 100644
--- a/frontend/src/lib/components/apps/components/display/table/AppAggridTable.svelte
+++ b/frontend/src/lib/components/apps/components/display/table/AppAggridTable.svelte
@@ -1,8 +1,7 @@
 <script lang="ts">
 	import 'ag-grid-community/styles/ag-grid.css'
 	import 'ag-grid-community/styles/ag-theme-alpine.css'
-	import AgGridSvelte from 'ag-grid-svelte/AgGridSvelte.svelte'
-
+	import AgGridSvelte from 'ag-grid-svelte'
 	import { isObject } from '$lib/utils'
 	import { getContext } from 'svelte'
 	import type { AppInput } from '../../../inputType'
@@ -28,14 +27,10 @@
 
 	$: result && setValues()
 
-	let timeout: any
 	async function setValues() {
-		timeout && clearTimeout(timeout)
-		timeout = setTimeout(() => {
-			value = Array.isArray(result)
-				? (result as any[]).map((x, i) => ({ ...x, __index: i.toString() }))
-				: [{ error: 'input was not an array' }]
-		}, 25)
+		value = Array.isArray(result)
+			? (result as any[]).map((x, i) => ({ ...x, __index: i.toString() }))
+			: [{ error: 'input was not an array' }]
 	}
 
 	const { worldStore, selectedComponent, componentControl } =