@kayord/ui 2.1.6 → 2.1.8

package/dist/components/custom/data-table/DataTable.svelte

@@ -11,16 +11,8 @@
 	import { TableStore } from "./table.svelte";
 	import DataTableHeader from "./DataTableHeader.svelte";
 	import DataTableFooter from "./DataTableFooter.svelte";
-	import { beforeNavigate, goto } from "$app/navigation";
-	import {
-		decodeColumnFilters,
-		decodeGlobalFilter,
-		decodePageIndex,
-		decodeSorting,
-		encodeColumnFilters,
-		encodeSorting,
-		encodeTableState,
-	} from "./table-search-params";
+	import { beforeNavigate } from "$app/navigation";
+	import { decodeColumnFilters, decodeSorting, encodeColumnFilters, encodeSorting } from "./table-search-params";
 	import { useSearchParams } from "runed/kit";
 	import { defaultSearchParamSchema } from "./types";
 	import DataTableView from "./DataTableView.svelte";
@@ -63,16 +55,6 @@
 	// svelte-ignore state_referenced_locally
 	const isPaginationEnabled = table.options.getPaginationRowModel !== undefined;
 
-	// Load Default Values from Page Params
-	// onMount(() => {
-	// 	if (table.options.useURLSearchParams) {
-	// 		table.setPageIndex(decodePageIndex());
-	// 		table.setSorting(decodeSorting() ?? []);
-	// 		table.setGlobalFilter(decodeGlobalFilter());
-	// 		table.setColumnFilters(decodeColumnFilters() ?? []);
-	// 	}
-	// });
-
 	const params = useSearchParams(defaultSearchParamSchema, { pushHistory: false });
 	// Load current url search params
 	onMount(() => {
@@ -90,9 +72,8 @@
 			if (Number(navigation.to?.url.searchParams.get("page") ?? "0") > 0) {
 				if (
 					navigation.from?.url.searchParams.get("sort") != navigation.to?.url.searchParams.get("sort") ||
-					navigation.from?.url.searchParams.get("globalFilter") !=
-						navigation.to?.url.searchParams.get("globalFilter") ||
-					navigation.from?.url.searchParams.get("columnFilters") != navigation.to?.url.searchParams.get("columnFilters")
+					navigation.from?.url.searchParams.get("search") != navigation.to?.url.searchParams.get("search") ||
+					navigation.from?.url.searchParams.get("filter") != navigation.to?.url.searchParams.get("filter")
 				) {
 					table.resetPageIndex();
 				}
@@ -116,20 +97,6 @@
 		}
 	});
 
-	// Set URL Page Params
-	// $effect(() => {
-	// 	if (table.options.useURLSearchParams) {
-	// 		const params = encodeTableState(table.getState());
-	// 		goto(params, {
-	// 			replaceState: true,
-	// 			keepFocus: true,
-	// 			noScroll: true,
-	// 		}).catch(() => {
-	// 			// Ignore navigation errors in test environments
-	// 		});
-	// 	}
-	// });
-
 	let end: HTMLElement | undefined = $state();
 </script>
 

package/dist/components/custom/data-table/table-search-params.js

@@ -18,7 +18,7 @@ export const encodeGlobalFilter = (state) => {
     return state.globalFilter;
 };
 export const decodeGlobalFilter = () => {
-    const globalFilter = page.url.searchParams.get("globalFilter");
+    const globalFilter = page.url.searchParams.get("search");
     return globalFilter != null ? globalFilter : undefined;
 };
 export const encodePageIndex = (state) => {
@@ -34,7 +34,7 @@ export const encodeColumnFilters = (state) => {
 };
 export const decodeColumnFilters = () => {
     return page.url.searchParams
-        .get("columnFilters")
+        .get("filter")
         ?.split(",")
         .map((v) => {
         const [id, stringValue] = v.split(".");
@@ -75,13 +75,13 @@ export const encodeTableState = (state, options, searchParams) => {
         searchParams.set("page", encodePageIndex(state));
     }
     if (options.globalFilter && state.globalFilter?.length > 0) {
-        searchParams.set("globalFilter", encodeGlobalFilter(state));
+        searchParams.set("search", encodeGlobalFilter(state));
     }
     if (options.sorting && (state.sorting?.length ?? 0) > 0) {
         searchParams.set("sort", encodeSorting(state));
     }
     if (options.columnFilter && (state.columnFilters?.length ?? 0) > 0) {
-        searchParams.set("columnFilters", encodeColumnFilters(state));
+        searchParams.set("filter", encodeColumnFilters(state));
     }
     return `?${searchParams.toString()}`;
 };

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@kayord/ui",
   "private": false,
-  "version": "2.1.6",
+  "version": "2.1.8",
   "exports": {
     ".": {
       "types": "./dist/index.d.ts",
@@ -136,7 +136,7 @@
     "prettier-plugin-tailwindcss": "^0.7.2",
     "publint": "^0.3.17",
     "runed": "^0.37.1",
-    "svelte": "5.48.0",
+    "svelte": "5.48.1",
     "svelte-check": "^4.3.5",
     "svelte-sonner": "^1.0.7",
     "sveltekit-superforms": "^2.29.1",