@datum-cloud/datum-ui 0.3.0-alpha.1a6419a → 0.3.0-alpha.36807e9

package/dist/data-table/index.mjs

@@ -16,7 +16,7 @@ import { t as Skeleton } from "../skeleton-Cs6Q5GQc.mjs";
 import { c as TableRow, i as TableCell, n as TableBody, o as TableHead, s as TableHeader, t as Table } from "../table-Dc3HfbM4.mjs";
 import { t as CalendarDatePicker } from "../calendar-date-picker-mlbzp3xR.mjs";
 import { ArrowDown, ArrowUp, ArrowUpDown, Check, ChevronDown, ChevronLeft, ChevronRight, MoreHorizontal, X } from "lucide-react";
-import { createContext, memo, use, useCallback, useEffect, useId, useMemo, useRef, useState, useSyncExternalStore } from "react";
+import { createContext, memo, use, useCallback, useContext, useEffect, useId, useMemo, useRef, useState, useSyncExternalStore } from "react";
 import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
 import { parseAsInteger, parseAsString, useQueryStates } from "nuqs";
 import { flexRender, getCoreRowModel, getPaginationRowModel, getSortedRowModel, useReactTable } from "@tanstack/react-table";
@@ -243,7 +243,8 @@ function createDataTableStore(options) {
 		mode: options.mode,
 		isLoading: false,
 		error: null,
-		inlineContents: []
+		inlineContents: [],
+		_version: 0
 	};
 	if (options.defaultFilters && Object.keys(options.defaultFilters).length > 0) state = {
 		...state,
@@ -253,7 +254,10 @@ function createDataTableStore(options) {
 		for (const listener of listeners) listener();
 	}
 	function setState(next) {
-		state = next;
+		state = {
+			...next,
+			_version: state._version + 1
+		};
 		notify();
 	}
 	return {
@@ -442,6 +446,22 @@ function createDataTableStore(options) {
 //#region src/components/features/data-table/core/data-table-context.tsx
 const DataTableStoreContext = createContext(null);
 const TableInstanceContext = createContext(null);
+/**
+* Monotonic counter that increments on every store mutation.
+* Table-dependent hooks consume this context to force re-renders
+* through React's {children} composition boundary, since the
+* mutable table singleton (stable ref) cannot trigger context updates.
+*/
+const DataTableRenderKeyContext = createContext(0);
+/**
+* Forces a re-render when the store changes. Used by table-dependent hooks.
+* Uses useContext (not use()) because use() does not reliably register
+* context subscriptions in SSR/hydration scenarios (React Router SSR),
+* preventing re-renders when the context value changes.
+*/
+function useRenderKey() {
+	return useContext(DataTableRenderKeyContext);
+}
 const DataTableContext = createContext(null);
 function useDataTableStore() {
 	const store = use(DataTableStoreContext);
@@ -511,20 +531,23 @@ function useDataTableSorting() {
 	}), [store]));
 }
 function useDataTableSelection() {
+	useRenderKey();
 	const store = useDataTableStore();
 	const table = useTableInstance();
-	return useSliceSelector(useCallback((state) => ({
-		rowSelection: state.rowSelection,
+	return {
+		rowSelection: store.getSnapshot().rowSelection,
 		setRowSelection: store.setRowSelection,
 		selectedRows: table.getFilteredSelectedRowModel().rows.map((r) => r.original)
-	}), [store, table]));
+	};
 }
 function useDataTablePagination() {
+	useRenderKey();
 	const store = useDataTableStore();
 	const table = useTableInstance();
+	const state = store.getSnapshot();
 	const nextPage = useCallback(() => table.nextPage(), [table]);
 	const prevPage = useCallback(() => table.previousPage(), [table]);
-	return useSliceSelector(useCallback((state) => ({
+	return {
 		canNextPage: table.getCanNextPage(),
 		canPrevPage: table.getCanPreviousPage(),
 		nextPage,
@@ -535,20 +558,16 @@ function useDataTablePagination() {
 		pageSize: state.pageSize,
 		setPageSize: store.setPageSize,
 		totalRows: state.filteredData.length
-	}), [
-		store,
-		table,
-		nextPage,
-		prevPage
-	]));
+	};
 }
 function useDataTableRows() {
+	useRenderKey();
 	const table = useTableInstance();
-	return useSliceSelector(useCallback((_state) => ({
+	return {
 		rows: table.getRowModel().rows,
 		headerGroups: table.getHeaderGroups(),
 		totalColumns: table.getAllColumns().length
-	}), [table]));
+	};
 }
 function useDataTableLoading() {
 	return useSliceSelector(useCallback((state) => ({
@@ -564,41 +583,6 @@ function useDataTableInlineContents() {
 		unregisterInlineContent: store.unregisterInlineContent
 	}), [store]));
 }
-function useDataTableContext() {
-	const store = useDataTableStore();
-	const table = useTableInstance();
-	const state = useSyncExternalStore(store.subscribe, store.getSnapshot, store.getSnapshot);
-	return {
-		table,
-		mode: state.mode,
-		sorting: state.sorting,
-		filters: state.filters,
-		search: state.search,
-		rowSelection: state.rowSelection,
-		isLoading: state.isLoading,
-		setSorting: store.setSorting,
-		setFilter: store.setFilter,
-		clearFilter: store.clearFilter,
-		clearAllFilters: store.clearAllFilters,
-		setSearch: store.setSearch,
-		clearSearch: store.clearSearch,
-		setRowSelection: store.setRowSelection,
-		pagination: {
-			canNextPage: table.getCanNextPage(),
-			canPrevPage: table.getCanPreviousPage(),
-			nextPage: () => table.nextPage(),
-			prevPage: () => table.previousPage(),
-			pageIndex: state.pageIndex,
-			pageCount: table.getPageCount(),
-			setPageIndex: store.setPageIndex,
-			pageSize: state.pageSize,
-			setPageSize: store.setPageSize
-		},
-		inlineContents: state.inlineContents,
-		registerInlineContent: store.registerInlineContent,
-		unregisterInlineContent: store.unregisterInlineContent
-	};
-}
 
 //#endregion
 //#region src/components/features/data-table/components/active-filters.tsx
@@ -1025,9 +1009,9 @@ function DataTablePagination({ pageSizes = DEFAULT_PAGE_SIZES, className }) {
 					return /* @__PURE__ */ jsx(Button, {
 						theme: isActive ? "solid" : "outline",
 						size: "small",
-						className: cn("h-8 min-w-8 px-2", isActive && "font-semibold"),
+						className: cn("h-8 min-w-8 px-2", isActive && "pointer-events-none font-semibold"),
 						onClick: () => setPageIndex(page - 1),
-						disabled: isActive,
+						"aria-disabled": isActive || void 0,
 						"aria-label": `Page ${page}`,
 						"aria-current": isActive ? "page" : void 0,
 						children: page
@@ -1119,66 +1103,342 @@ function DataTableSearch({ placeholder = "Search...", debounceMs = DEFAULT_DEBOU
 }
 
 //#endregion
-//#region src/components/features/data-table/core/client-provider.tsx
-function ClientProvider({ store, table, className, children }) {
-	return /* @__PURE__ */ jsx(DataTableStoreContext, {
-		value: store,
-		children: /* @__PURE__ */ jsx(TableInstanceContext, {
-			value: table,
-			children: /* @__PURE__ */ jsx("div", {
-				className,
-				children
-			})
-		})
+//#region src/components/features/data-table/hooks/use-data-table-client.ts
+function useDataTableClient(options) {
+	const { data, columns, pageSize, getRowId, enableRowSelection = false, defaultSort, defaultFilters, searchableColumns, searchFn, filterFns, stateAdapter } = options;
+	const store = useMemo(() => createDataTableStore({
+		data,
+		mode: "client",
+		defaultSort,
+		defaultFilters,
+		pageSize,
+		searchableColumns,
+		searchFn,
+		filterFns
+	}), []);
+	const isInitialRender = useRef(true);
+	useEffect(() => {
+		if (isInitialRender.current) {
+			isInitialRender.current = false;
+			return;
+		}
+		store.setData(data);
+	}, [data, store]);
+	const resolvedColumns = useMemo(() => enableRowSelection ? withSelectionColumn(columns, typeof enableRowSelection === "object" ? enableRowSelection : {}) : columns, [columns, enableRowSelection]);
+	const { filteredData, sorting, rowSelection, pageIndex, pageSize: storePageSize, filters, search } = useSyncExternalStore(store.subscribe, store.getSnapshot, store.getSnapshot);
+	const table = useReactTable({
+		data: filteredData,
+		columns: resolvedColumns,
+		state: {
+			sorting,
+			rowSelection,
+			pagination: {
+				pageIndex,
+				pageSize: storePageSize
+			}
+		},
+		onSortingChange: (updater) => {
+			const next = typeof updater === "function" ? updater(sorting) : updater;
+			store.setSorting(next);
+		},
+		onRowSelectionChange: (updater) => {
+			const next = typeof updater === "function" ? updater(rowSelection) : updater;
+			store.setRowSelection(next);
+		},
+		onPaginationChange: (updater) => {
+			const next = typeof updater === "function" ? updater({
+				pageIndex,
+				pageSize: storePageSize
+			}) : updater;
+			store.setPagination(next.pageIndex, next.pageSize);
+		},
+		getCoreRowModel: getCoreRowModel(),
+		getSortedRowModel: getSortedRowModel(),
+		getPaginationRowModel: getPaginationRowModel(),
+		getRowId,
+		enableRowSelection: !!enableRowSelection
 	});
+	const hydratedRef = useRef(false);
+	useEffect(() => {
+		if (stateAdapter && !hydratedRef.current) {
+			hydratedRef.current = true;
+			const persisted = stateAdapter.read();
+			if (persisted.sorting && persisted.sorting.length > 0) store.setSorting(persisted.sorting);
+			if (persisted.filters) {
+				for (const [key, value] of Object.entries(persisted.filters)) if (value != null) store.setFilter(key, value);
+			}
+			if (persisted.search) store.setSearch(persisted.search);
+			if (persisted.pageIndex != null && persisted.pageIndex > 0) store.setPageIndex(persisted.pageIndex);
+			if (persisted.pageSize != null) store.setPageSize(persisted.pageSize);
+		}
+	}, []);
+	const isFirstWrite = useRef(true);
+	useEffect(() => {
+		if (!stateAdapter) return;
+		if (isFirstWrite.current) {
+			isFirstWrite.current = false;
+			return;
+		}
+		stateAdapter.write({
+			sorting,
+			filters,
+			search,
+			pageIndex,
+			pageSize: storePageSize
+		});
+	}, [
+		sorting,
+		filters,
+		search,
+		pageIndex,
+		storePageSize,
+		stateAdapter
+	]);
+	return {
+		store,
+		table
+	};
 }
 
 //#endregion
-//#region src/components/features/data-table/core/server-provider.tsx
-function ServerProvider({ store, table, className, children }) {
+//#region src/components/features/data-table/hooks/use-is-client.ts
+/**
+* Returns `false` during SSR and `true` after hydration.
+* Used to gate components that depend on client-only APIs
+* (e.g. TanStack Table's internal useSyncExternalStore call
+* which omits the getServerSnapshot argument).
+*/
+function useIsClient() {
+	const [isClient, setIsClient] = useState(false);
+	useEffect(() => setIsClient(true), []);
+	return isClient;
+}
+
+//#endregion
+//#region src/components/features/data-table/core/client-provider.tsx
+/**
+* Inner component that calls useDataTableClient.
+* Only rendered on the client (gated by ClientProvider).
+*/
+function ClientProviderInner({ className, children, ssrFallback: _ssrFallback, ...options }) {
+	const { store, table } = useDataTableClient(options);
 	return /* @__PURE__ */ jsx(DataTableStoreContext, {
 		value: store,
 		children: /* @__PURE__ */ jsx(TableInstanceContext, {
 			value: table,
-			children: /* @__PURE__ */ jsx("div", {
-				className,
-				children
+			children: /* @__PURE__ */ jsx(DataTableRenderKeyContext, {
+				value: store.getSnapshot()._version,
+				children: /* @__PURE__ */ jsx("div", {
+					className,
+					children
+				})
 			})
 		})
 	});
 }
+function ClientProvider(props) {
+	if (!useIsClient()) return /* @__PURE__ */ jsx(Fragment$1, { children: props.ssrFallback ?? null });
+	return /* @__PURE__ */ jsx(ClientProviderInner, { ...props });
+}
 
 //#endregion
-//#region src/components/features/data-table/filters/checkbox-filter.tsx
-const MAX_VISIBLE_BADGES = 2;
-function CheckboxFilter({ column, label, options, className, checkboxPopoverClassName }) {
-	const { filters, setFilter, clearFilter, registerFilter, unregisterFilter } = useDataTableFilters();
-	const [open, setOpen] = useState(false);
+//#region src/components/features/data-table/hooks/use-data-table-server.ts
+function useDataTableServer(options) {
+	const { columns, fetchFn, transform, limit = 20, getRowId, enableRowSelection = false, defaultSort, defaultFilters, stateAdapter } = options;
+	const fetchRef = useRef(fetchFn);
+	const transformRef = useRef(transform);
 	useEffect(() => {
-		registerFilter(column, "checkbox");
-		return () => unregisterFilter(column);
+		fetchRef.current = fetchFn;
+	}, [fetchFn]);
+	useEffect(() => {
+		transformRef.current = transform;
+	}, [transform]);
+	const cursorMapRef = useRef(/* @__PURE__ */ new Map());
+	const hasNextPageRef = useRef(false);
+	const store = useMemo(() => createDataTableStore({
+		data: [],
+		mode: "server",
+		defaultSort,
+		defaultFilters,
+		pageSize: limit
+	}), []);
+	const { sorting, filters, search, rowSelection, pageSize, pageIndex } = useSyncExternalStore(store.subscribe, store.getSnapshot, store.getSnapshot);
+	const prevQueryRef = useRef({
+		sorting,
+		filters,
+		search,
+		pageSize
+	});
+	useEffect(() => {
+		const prev = prevQueryRef.current;
+		if (prev.sorting !== sorting || prev.filters !== filters || prev.search !== search || prev.pageSize !== pageSize) {
+			cursorMapRef.current = /* @__PURE__ */ new Map();
+			hasNextPageRef.current = false;
+			if (pageIndex !== 0) {
+				prevQueryRef.current = {
+					sorting,
+					filters,
+					search,
+					pageSize
+				};
+				store.setPageIndex(0);
+				return;
+			}
+		}
+		prevQueryRef.current = {
+			sorting,
+			filters,
+			search,
+			pageSize
+		};
+		let cancelled = false;
+		store.setLoading(true);
+		const cursor = cursorMapRef.current.get(pageIndex);
+		fetchRef.current({
+			sorting,
+			filters,
+			search,
+			cursor,
+			limit: pageSize
+		}).then((response) => {
+			if (cancelled) return;
+			const result = transformRef.current(response);
+			store.setServerData(result.data);
+			store.setError(null);
+			if (result.nextCursor) cursorMapRef.current.set(pageIndex + 1, result.nextCursor);
+			hasNextPageRef.current = result.hasNextPage;
+		}).catch((error) => {
+			if (cancelled) return;
+			store.setServerData([]);
+			store.setError(error instanceof Error ? error : new Error(String(error)));
+			hasNextPageRef.current = false;
+		}).finally(() => {
+			if (!cancelled) store.setLoading(false);
+		});
+		return () => {
+			cancelled = true;
+		};
 	}, [
-		column,
-		registerFilter,
-		unregisterFilter
+		sorting,
+		filters,
+		search,
+		pageSize,
+		pageIndex,
+		store
 	]);
-	const selectedValues = filters[column] ?? [];
-	const updateValues = (newValues) => {
-		if (newValues.length > 0) setFilter(column, newValues);
-		else clearFilter(column);
-	};
-	const handleToggle = (optionValue, checked) => {
-		updateValues(checked ? [...selectedValues, optionValue] : selectedValues.filter((v) => v !== optionValue));
-	};
-	const removeValue = (optionValue) => {
-		updateValues(selectedValues.filter((v) => v !== optionValue));
-	};
-	const visibleBadges = selectedValues.slice(0, MAX_VISIBLE_BADGES);
-	const remainingCount = selectedValues.length - MAX_VISIBLE_BADGES;
-	return /* @__PURE__ */ jsxs(Popover, {
-		open,
-		onOpenChange: setOpen,
-		children: [/* @__PURE__ */ jsx(PopoverTrigger, {
+	const resolvedColumns = useMemo(() => enableRowSelection ? withSelectionColumn(columns, typeof enableRowSelection === "object" ? enableRowSelection : {}) : columns, [columns, enableRowSelection]);
+	const table = useReactTable({
+		data: store.getSnapshot().data,
+		columns: resolvedColumns,
+		state: {
+			sorting,
+			rowSelection,
+			pagination: {
+				pageIndex,
+				pageSize
+			}
+		},
+		manualPagination: true,
+		manualSorting: true,
+		manualFiltering: true,
+		pageCount: hasNextPageRef.current ? pageIndex + 2 : pageIndex + 1,
+		getCoreRowModel: getCoreRowModel(),
+		getRowId,
+		enableRowSelection: !!enableRowSelection,
+		onSortingChange: (updater) => {
+			const next = typeof updater === "function" ? updater(sorting) : updater;
+			store.setSorting(next);
+		},
+		onRowSelectionChange: (updater) => {
+			const next = typeof updater === "function" ? updater(rowSelection) : updater;
+			store.setRowSelection(next);
+		},
+		onPaginationChange: (updater) => {
+			const next = typeof updater === "function" ? updater({
+				pageIndex,
+				pageSize
+			}) : updater;
+			store.setPagination(next.pageIndex, next.pageSize);
+		}
+	});
+	useEffect(() => {
+		if (stateAdapter) stateAdapter.write({
+			sorting,
+			filters,
+			search,
+			pageSize
+		});
+	}, [
+		sorting,
+		filters,
+		search,
+		pageSize,
+		stateAdapter
+	]);
+	return {
+		store,
+		table
+	};
+}
+
+//#endregion
+//#region src/components/features/data-table/core/server-provider.tsx
+/**
+* Inner component that calls useDataTableServer.
+* Only rendered on the client (gated by ServerProvider).
+*/
+function ServerProviderInner({ className, children, ssrFallback: _ssrFallback, ...options }) {
+	const { store, table } = useDataTableServer(options);
+	return /* @__PURE__ */ jsx(DataTableStoreContext, {
+		value: store,
+		children: /* @__PURE__ */ jsx(TableInstanceContext, {
+			value: table,
+			children: /* @__PURE__ */ jsx(DataTableRenderKeyContext, {
+				value: store.getSnapshot()._version,
+				children: /* @__PURE__ */ jsx("div", {
+					className,
+					children
+				})
+			})
+		})
+	});
+}
+function ServerProvider(props) {
+	if (!useIsClient()) return /* @__PURE__ */ jsx(Fragment$1, { children: props.ssrFallback ?? null });
+	return /* @__PURE__ */ jsx(ServerProviderInner, { ...props });
+}
+
+//#endregion
+//#region src/components/features/data-table/filters/checkbox-filter.tsx
+const MAX_VISIBLE_BADGES = 2;
+function CheckboxFilter({ column, label, options, className, checkboxPopoverClassName }) {
+	const { filters, setFilter, clearFilter, registerFilter, unregisterFilter } = useDataTableFilters();
+	const [open, setOpen] = useState(false);
+	useEffect(() => {
+		registerFilter(column, "checkbox");
+		return () => unregisterFilter(column);
+	}, [
+		column,
+		registerFilter,
+		unregisterFilter
+	]);
+	const selectedValues = filters[column] ?? [];
+	const updateValues = (newValues) => {
+		if (newValues.length > 0) setFilter(column, newValues);
+		else clearFilter(column);
+	};
+	const handleToggle = (optionValue, checked) => {
+		updateValues(checked ? [...selectedValues, optionValue] : selectedValues.filter((v) => v !== optionValue));
+	};
+	const removeValue = (optionValue) => {
+		updateValues(selectedValues.filter((v) => v !== optionValue));
+	};
+	const visibleBadges = selectedValues.slice(0, MAX_VISIBLE_BADGES);
+	const remainingCount = selectedValues.length - MAX_VISIBLE_BADGES;
+	return /* @__PURE__ */ jsxs(Popover, {
+		open,
+		onOpenChange: setOpen,
+		children: [/* @__PURE__ */ jsx(PopoverTrigger, {
 			asChild: true,
 			children: /* @__PURE__ */ jsxs(Button, {
 				theme: "outline",
@@ -1388,242 +1648,4 @@ const DataTable = {
 };
 
 //#endregion
-//#region src/components/features/data-table/hooks/use-data-table-client.ts
-function useDataTableClient(options) {
-	const { data, columns, pageSize, getRowId, enableRowSelection = false, defaultSort, defaultFilters, searchableColumns, searchFn, filterFns, stateAdapter } = options;
-	const store = useMemo(() => createDataTableStore({
-		data,
-		mode: "client",
-		defaultSort,
-		defaultFilters,
-		pageSize,
-		searchableColumns,
-		searchFn,
-		filterFns
-	}), []);
-	const isInitialRender = useRef(true);
-	useEffect(() => {
-		if (isInitialRender.current) {
-			isInitialRender.current = false;
-			return;
-		}
-		store.setData(data);
-	}, [data, store]);
-	const resolvedColumns = useMemo(() => enableRowSelection ? withSelectionColumn(columns, typeof enableRowSelection === "object" ? enableRowSelection : {}) : columns, [columns, enableRowSelection]);
-	const { filteredData, sorting, rowSelection, pageIndex, pageSize: storePageSize, filters, search } = useSyncExternalStore(store.subscribe, store.getSnapshot, store.getSnapshot);
-	const table = useReactTable({
-		data: filteredData,
-		columns: resolvedColumns,
-		state: {
-			sorting,
-			rowSelection,
-			pagination: {
-				pageIndex,
-				pageSize: storePageSize
-			}
-		},
-		onSortingChange: (updater) => {
-			const next = typeof updater === "function" ? updater(sorting) : updater;
-			store.setSorting(next);
-		},
-		onRowSelectionChange: (updater) => {
-			const next = typeof updater === "function" ? updater(rowSelection) : updater;
-			store.setRowSelection(next);
-		},
-		onPaginationChange: (updater) => {
-			const next = typeof updater === "function" ? updater({
-				pageIndex,
-				pageSize: storePageSize
-			}) : updater;
-			store.setPagination(next.pageIndex, next.pageSize);
-		},
-		getCoreRowModel: getCoreRowModel(),
-		getSortedRowModel: getSortedRowModel(),
-		getPaginationRowModel: getPaginationRowModel(),
-		getRowId,
-		enableRowSelection: !!enableRowSelection
-	});
-	const hydratedRef = useRef(false);
-	useEffect(() => {
-		if (stateAdapter && !hydratedRef.current) {
-			hydratedRef.current = true;
-			const persisted = stateAdapter.read();
-			if (persisted.sorting && persisted.sorting.length > 0) store.setSorting(persisted.sorting);
-			if (persisted.filters) {
-				for (const [key, value] of Object.entries(persisted.filters)) if (value != null) store.setFilter(key, value);
-			}
-			if (persisted.search) store.setSearch(persisted.search);
-			if (persisted.pageIndex != null && persisted.pageIndex > 0) store.setPageIndex(persisted.pageIndex);
-			if (persisted.pageSize != null) store.setPageSize(persisted.pageSize);
-		}
-	}, []);
-	const isFirstWrite = useRef(true);
-	useEffect(() => {
-		if (!stateAdapter) return;
-		if (isFirstWrite.current) {
-			isFirstWrite.current = false;
-			return;
-		}
-		stateAdapter.write({
-			sorting,
-			filters,
-			search,
-			pageIndex,
-			pageSize: storePageSize
-		});
-	}, [
-		sorting,
-		filters,
-		search,
-		pageIndex,
-		storePageSize,
-		stateAdapter
-	]);
-	return {
-		store,
-		table
-	};
-}
-
-//#endregion
-//#region src/components/features/data-table/hooks/use-data-table-server.ts
-function useDataTableServer(options) {
-	const { columns, fetchFn, transform, limit = 20, getRowId, enableRowSelection = false, defaultSort, defaultFilters, stateAdapter } = options;
-	const fetchRef = useRef(fetchFn);
-	const transformRef = useRef(transform);
-	useEffect(() => {
-		fetchRef.current = fetchFn;
-	}, [fetchFn]);
-	useEffect(() => {
-		transformRef.current = transform;
-	}, [transform]);
-	const cursorMapRef = useRef(/* @__PURE__ */ new Map());
-	const hasNextPageRef = useRef(false);
-	const store = useMemo(() => createDataTableStore({
-		data: [],
-		mode: "server",
-		defaultSort,
-		defaultFilters,
-		pageSize: limit
-	}), []);
-	const { sorting, filters, search, rowSelection, pageSize, pageIndex } = useSyncExternalStore(store.subscribe, store.getSnapshot, store.getSnapshot);
-	const prevQueryRef = useRef({
-		sorting,
-		filters,
-		search,
-		pageSize
-	});
-	useEffect(() => {
-		const prev = prevQueryRef.current;
-		if (prev.sorting !== sorting || prev.filters !== filters || prev.search !== search || prev.pageSize !== pageSize) {
-			cursorMapRef.current = /* @__PURE__ */ new Map();
-			hasNextPageRef.current = false;
-			if (pageIndex !== 0) {
-				prevQueryRef.current = {
-					sorting,
-					filters,
-					search,
-					pageSize
-				};
-				store.setPageIndex(0);
-				return;
-			}
-		}
-		prevQueryRef.current = {
-			sorting,
-			filters,
-			search,
-			pageSize
-		};
-		let cancelled = false;
-		store.setLoading(true);
-		const cursor = cursorMapRef.current.get(pageIndex);
-		fetchRef.current({
-			sorting,
-			filters,
-			search,
-			cursor,
-			limit: pageSize
-		}).then((response) => {
-			if (cancelled) return;
-			const result = transformRef.current(response);
-			store.setServerData(result.data);
-			store.setError(null);
-			if (result.nextCursor) cursorMapRef.current.set(pageIndex + 1, result.nextCursor);
-			hasNextPageRef.current = result.hasNextPage;
-		}).catch((error) => {
-			if (cancelled) return;
-			store.setServerData([]);
-			store.setError(error instanceof Error ? error : new Error(String(error)));
-			hasNextPageRef.current = false;
-		}).finally(() => {
-			if (!cancelled) store.setLoading(false);
-		});
-		return () => {
-			cancelled = true;
-		};
-	}, [
-		sorting,
-		filters,
-		search,
-		pageSize,
-		pageIndex,
-		store
-	]);
-	const resolvedColumns = useMemo(() => enableRowSelection ? withSelectionColumn(columns, typeof enableRowSelection === "object" ? enableRowSelection : {}) : columns, [columns, enableRowSelection]);
-	const table = useReactTable({
-		data: store.getSnapshot().data,
-		columns: resolvedColumns,
-		state: {
-			sorting,
-			rowSelection,
-			pagination: {
-				pageIndex,
-				pageSize
-			}
-		},
-		manualPagination: true,
-		manualSorting: true,
-		manualFiltering: true,
-		pageCount: hasNextPageRef.current ? pageIndex + 2 : pageIndex + 1,
-		getCoreRowModel: getCoreRowModel(),
-		getRowId,
-		enableRowSelection: !!enableRowSelection,
-		onSortingChange: (updater) => {
-			const next = typeof updater === "function" ? updater(sorting) : updater;
-			store.setSorting(next);
-		},
-		onRowSelectionChange: (updater) => {
-			const next = typeof updater === "function" ? updater(rowSelection) : updater;
-			store.setRowSelection(next);
-		},
-		onPaginationChange: (updater) => {
-			const next = typeof updater === "function" ? updater({
-				pageIndex,
-				pageSize
-			}) : updater;
-			store.setPagination(next.pageIndex, next.pageSize);
-		}
-	});
-	useEffect(() => {
-		if (stateAdapter) stateAdapter.write({
-			sorting,
-			filters,
-			search,
-			pageSize
-		});
-	}, [
-		sorting,
-		filters,
-		search,
-		pageSize,
-		stateAdapter
-	]);
-	return {
-		store,
-		table
-	};
-}
-
-//#endregion
-export { DEFAULT_DEBOUNCE_MS, DEFAULT_LOADING_ROWS, DEFAULT_PAGE_SIZE, DEFAULT_PAGE_SIZES, DataTable, createDataTableStore, createSelectionColumn, useDataTableClient, useDataTableContext, useDataTableFilters, useDataTableInlineContents, useDataTableLoading, useDataTablePagination, useDataTableRows, useDataTableSearch, useDataTableSelection, useDataTableServer, useDataTableSorting, useNuqsAdapter };
+export { DEFAULT_DEBOUNCE_MS, DEFAULT_LOADING_ROWS, DEFAULT_PAGE_SIZE, DEFAULT_PAGE_SIZES, DataTable, createDataTableStore, createSelectionColumn, useDataTableFilters, useDataTableInlineContents, useDataTableLoading, useDataTablePagination, useDataTableRows, useDataTableSearch, useDataTableSelection, useDataTableSorting, useNuqsAdapter };