From 80597039f50772df6d31e3460304c7fd49c80b25 Mon Sep 17 00:00:00 2001
From: "SPRINX0\\prochazka" <jan.prochazka@sprinx.com>
Date: Thu, 29 May 2025 18:10:09 +0200
Subject: [PATCH] SYNC:  charts

---
 .../web/src/datagrid/FreeTableDataGrid.svelte | 27 +++++++++++++++++++
 1 file changed, 27 insertions(+)
 create mode 100644 packages/web/src/datagrid/FreeTableDataGrid.svelte

diff --git a/packages/web/src/datagrid/FreeTableDataGrid.svelte b/packages/web/src/datagrid/FreeTableDataGrid.svelte
new file mode 100644
index 000000000..4b581b185
--- /dev/null
+++ b/packages/web/src/datagrid/FreeTableDataGrid.svelte
@@ -0,0 +1,27 @@
+<script lang="ts">
+  import { createGridCache, createGridConfig, FreeTableGridDisplay } from 'dbgate-datalib';
+  import { writable } from 'svelte/store';
+
+  import DataGridCore from './DataGridCore.svelte';
+  import RowsArrayGrider from './RowsArrayGrider';
+  import ErrorInfo from '../elements/ErrorInfo.svelte';
+  import LoadingInfo from '../elements/LoadingInfo.svelte';
+
+  export let model;
+
+  let errorMessage = null;
+
+  const config = writable(createGridConfig());
+  const cache = writable(createGridCache());
+
+  $: grider = new RowsArrayGrider(model.rows);
+  $: display = new FreeTableGridDisplay(model, $config, config.update, $cache, cache.update);
+</script>
+
+{#if !model}
+  <LoadingInfo wrapper message="Loading data" />
+{:else if errorMessage}
+  <ErrorInfo message={errorMessage} />
+{:else if grider}
+  <DataGridCore {...$$props} {grider} {display} />
+{/if}