@kayord/ui 2.1.7 → 2.1.9

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(() => {
@@ -115,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/dist/components/ui/calendar/calendar-month-select.svelte

@@ -18,7 +18,11 @@
 		className
 	)}
 >
-	<CalendarPrimitive.MonthSelect bind:ref class="absolute inset-0 opacity-0" {...restProps}>
+	<CalendarPrimitive.MonthSelect
+		bind:ref
+		class="dark:bg-popover dark:text-popover-foreground absolute inset-0 opacity-0"
+		{...restProps}
+	>
 		{#snippet child({ props, monthItems, selectedMonthItem })}
 			<select {...props} {value} {onchange}>
 				{#each monthItems as monthItem (monthItem.value)}

package/dist/components/ui/calendar/calendar-year-select.svelte

@@ -17,7 +17,11 @@
 		className
 	)}
 >
-	<CalendarPrimitive.YearSelect bind:ref class="absolute inset-0 opacity-0" {...restProps}>
+	<CalendarPrimitive.YearSelect
+		bind:ref
+		class="dark:bg-popover dark:text-popover-foreground absolute inset-0 opacity-0"
+		{...restProps}
+	>
 		{#snippet child({ props, yearItems, selectedYearItem })}
 			<select {...props} {value}>
 				{#each yearItems as yearItem (yearItem.value)}

package/dist/components/ui/data-table/data-table.svelte.js

@@ -37,10 +37,9 @@ export function createSvelteTable(options) {
     const table = createTable(resolvedOptions);
     let state = $state(table.initialState);
     function updateOptions() {
-        table.setOptions((prev) => {
-            return mergeObjects(prev, options, {
+        table.setOptions(() => {
+            return mergeObjects(resolvedOptions, options, {
                 state: mergeObjects(state, options.state || {}),
-                // eslint-disable-next-line @typescript-eslint/no-explicit-any
                 onStateChange: (updater) => {
                     if (updater instanceof Function)
                         state = updater(state);

package/dist/components/ui/field/field-error.svelte

@@ -19,7 +19,7 @@
 		if (children) return true;
 
 		// no errors
-		if (!errors) return false;
+		if (!errors || errors.length === 0) return false;
 
 		// has an error but no message
 		if (errors.length === 1 && !errors[0]?.message) {

package/package.json

@@ -1,7 +1,11 @@
 {
   "name": "@kayord/ui",
   "private": false,
-  "version": "2.1.7",
+  "version": "2.1.9",
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/kayordDX/ui"
+  },
   "exports": {
     ".": {
       "types": "./dist/index.d.ts",
@@ -101,18 +105,18 @@
     }
   },
   "dependencies": {
-    "bits-ui": "2.15.4",
+    "bits-ui": "2.15.5",
     "clsx": "^2.1.1",
     "tailwind-merge": "^3.4.0",
     "tailwind-variants": "^3.2.2"
   },
   "devDependencies": {
-    "@eslint/compat": "^2.0.1",
-    "@eslint/js": "^9.39.2",
-    "@internationalized/date": "^3.10.1",
+    "@eslint/compat": "^2.0.2",
+    "@eslint/js": "^10.0.1",
+    "@internationalized/date": "^3.11.0",
     "@lucide/svelte": "^0.563.1",
     "@sveltejs/adapter-auto": "^7.0.0",
-    "@sveltejs/kit": "^2.50.1",
+    "@sveltejs/kit": "^2.50.2",
     "@sveltejs/package": "^2.5.7",
     "@sveltejs/vite-plugin-svelte": "^6.2.4",
     "@tailwindcss/vite": "^4.1.18",
@@ -123,11 +127,11 @@
     "d3-scale": "^4.0.2",
     "d3-shape": "^3.2.0",
     "embla-carousel-svelte": "^8.6.0",
-    "eslint": "^9.39.2",
+    "eslint": "^10.0.0",
     "eslint-config-prettier": "^10.1.8",
     "eslint-plugin-svelte": "^3.14.0",
     "formsnap": "^2.0.1",
-    "globals": "^17.1.0",
+    "globals": "^17.3.0",
     "layerchart": "2.0.0-next.40",
     "mode-watcher": "^1.1.0",
     "paneforge": "^1.0.2",
@@ -136,15 +140,15 @@
     "prettier-plugin-tailwindcss": "^0.7.2",
     "publint": "^0.3.17",
     "runed": "^0.37.1",
-    "svelte": "5.48.1",
-    "svelte-check": "^4.3.5",
+    "svelte": "5.50.0",
+    "svelte-check": "^4.3.6",
     "svelte-sonner": "^1.0.7",
     "sveltekit-superforms": "^2.29.1",
     "tailwindcss": "^4.1.18",
     "tslib": "^2.8.1",
     "tw-animate-css": "1.4.0",
     "typescript": "^5.9.3",
-    "typescript-eslint": "^8.53.1",
+    "typescript-eslint": "^8.55.0",
     "vaul-svelte": "1.0.0-next.7",
     "vite": "^7.3.1",
     "vitest": "^4.0.18",