From 80e2e376f5f10b9bae0d5d9868c462add2fa9db3 Mon Sep 17 00:00:00 2001
From: Rath Pascal <rath@oxl.at>
Date: Thu, 20 Mar 2025 12:01:44 +0100
Subject: [PATCH] feat: table - export searchTerm

---
 src/lib/table/Table.svelte           | 6 ++++--
 src/routes/component-data/Table.json | 3 ++-
 2 files changed, 6 insertions(+), 3 deletions(-)

diff --git a/src/lib/table/Table.svelte b/src/lib/table/Table.svelte
index b8171d2fc9..379be1dc73 100644
--- a/src/lib/table/Table.svelte
+++ b/src/lib/table/Table.svelte
@@ -23,6 +23,7 @@
     inputClass?: string;
     classInput?: string;
     classSvgDiv?: string;
+    searchTerm?: string;
   }
 
   export let divClass: $$Props['divClass'] = 'relative overflow-x-auto';
@@ -42,8 +43,8 @@
   export let inputClass: $$Props['inputClass'] = 'bg-gray-50 border border-gray-300 text-gray-900 text-sm rounded-lg focus:ring-blue-500 focus:border-blue-500 block w-80 p-2.5 ps-10 dark:bg-gray-700 dark:border-gray-600 dark:placeholder-gray-400 dark:text-white dark:focus:ring-blue-500 dark:focus:border-blue-500';
   export let classInput: $$Props['classInput'] = '';
   export let classSvgDiv: $$Props['classSvgDiv'] = '';
+  export let searchTerm: $$Props['searchTerm'] = '';
 
-  let searchTerm = '';
   let inputCls = twMerge(inputClass, classInput);
   let svgDivCls = twMerge(svgDivClass, classSvgDiv);
 
@@ -68,7 +69,7 @@
   const filterStore = writable(filter);
   setContext('searchTerm', searchTermStore);
   setContext('filter', filterStore);
-  $: searchTermStore.set(searchTerm);
+  $: searchTermStore.set(searchTerm ? searchTerm : '');
   $: {
     if (filter) filterStore.set(filter);
   }
@@ -120,4 +121,5 @@
 @prop export let inputClass: $$Props['inputClass'] = 'bg-gray-50 border border-gray-300 text-gray-900 text-sm rounded-lg focus:ring-blue-500 focus:border-blue-500 block w-80 p-2.5 ps-10 dark:bg-gray-700 dark:border-gray-600 dark:placeholder-gray-400 dark:text-white dark:focus:ring-blue-500 dark:focus:border-blue-500';
 @prop export let classInput: $$Props['classInput'] = '';
 @prop export let classSvgDiv: $$Props['classSvgDiv'] = '';
+@prop export let searchTerm: $$Props['searchTerm'] = '';
 -->
diff --git a/src/routes/component-data/Table.json b/src/routes/component-data/Table.json
index 15da548f45..e133f3cc04 100644
--- a/src/routes/component-data/Table.json
+++ b/src/routes/component-data/Table.json
@@ -19,6 +19,7 @@
     ["svgClass?", "string", "'w-5 h-5 text-gray-500 dark:text-gray-400'"],
     ["inputClass?", "string", "'bg-gray-50 border border-gray-300 text-gray-900 text-sm rounded-lg focus:ring-blue-500 focus:border-blue-500 block w-80 p-2.5 ps-10 dark:bg-gray-700 dark:border-gray-600 dark:placeholder-gray-400 dark:text-white dark:focus:ring-blue-500 dark:focus:border-blue-500'"],
     ["classInput?", "string", "''"],
-    ["classSvgDiv?", "string", "''"]
+    ["classSvgDiv?", "string", "''"],
+    ["searchTerm?", "string", "''"]
   ]
 }