@datum-cloud/datum-ui 2.3.2 → 2.4.0

package/dist/components/features/data-table/types.d.ts

@@ -333,4 +333,10 @@ export interface CreateStoreOptions<TData extends RowData> {
     readonly filterFns?: FilterFnMap;
     readonly isLoading?: boolean;
     readonly columnCount?: number;
+    /**
+     * Row identity, used to reconcile `rowSelection` across data changes.
+     * When omitted, TanStack falls back to array-index ids, which are
+     * meaningless across a data change — so selection is cleared instead.
+     */
+    readonly getRowId?: (row: TData) => string;
 }

package/dist/data-table/index.mjs

@@ -1,2 +1,2 @@
-import { _ as useNuqsAdapter, a as useDataTablePagination, b as DEFAULT_PAGE_SIZE, c as useDataTableSelection, d as resolvePath, f as rowMatchesSearch, g as createSelectionColumn, h as DataTableColumnHeader, i as useDataTableLoading, l as useDataTableSorting, m as DataTableRowActions, n as useDataTableFilters, o as useDataTableRows, p as dataTableFeatures, r as useDataTableInlineContents, s as useDataTableSearch, t as DataTable, u as createDataTableStore, v as DEFAULT_DEBOUNCE_MS, x as DEFAULT_PAGE_SIZES, y as DEFAULT_LOADING_ROWS } from "../data-table-Du7_FLBi.mjs";
+import { _ as useNuqsAdapter, a as useDataTablePagination, b as DEFAULT_PAGE_SIZE, c as useDataTableSelection, d as resolvePath, f as rowMatchesSearch, g as createSelectionColumn, h as DataTableColumnHeader, i as useDataTableLoading, l as useDataTableSorting, m as DataTableRowActions, n as useDataTableFilters, o as useDataTableRows, p as dataTableFeatures, r as useDataTableInlineContents, s as useDataTableSearch, t as DataTable, u as createDataTableStore, v as DEFAULT_DEBOUNCE_MS, x as DEFAULT_PAGE_SIZES, y as DEFAULT_LOADING_ROWS } from "../data-table-ClfRpyHq.mjs";
 export { DEFAULT_DEBOUNCE_MS, DEFAULT_LOADING_ROWS, DEFAULT_PAGE_SIZE, DEFAULT_PAGE_SIZES, DataTable, DataTableColumnHeader, DataTableRowActions, createDataTableStore, createSelectionColumn, dataTableFeatures, resolvePath, rowMatchesSearch, useDataTableFilters, useDataTableInlineContents, useDataTableLoading, useDataTablePagination, useDataTableRows, useDataTableSearch, useDataTableSelection, useDataTableSorting, useNuqsAdapter };

package/dist/{data-table-Du7_FLBi.mjs → data-table-ClfRpyHq.mjs}

@@ -313,6 +313,20 @@ function applyFilters(data, filters, search, registeredFilters, customFilterFns,
 }
 //#endregion
 //#region src/components/features/data-table/core/store.ts
+/**
+* Keep only the selection keys whose rows survive a data change.
+* Dropping vanished keys stops a deleted row's selection from
+* resurrecting if a row with the same id reappears later.
+*/
+function pruneSelection(selection, rows, getRowId) {
+	const keys = Object.keys(selection);
+	if (keys.length === 0) return selection;
+	const surviving = /* @__PURE__ */ new Set();
+	for (const row of rows) surviving.add(getRowId(row));
+	const next = {};
+	for (const key of keys) if (selection[key] && surviving.has(key)) next[key] = true;
+	return next;
+}
 function createDataTableStore(options) {
 	let registeredFilters = /* @__PURE__ */ new Map();
 	const listeners = /* @__PURE__ */ new Set();
@@ -362,13 +376,17 @@ function createDataTableStore(options) {
 		setData: (data) => {
 			const next = {
 				...state,
-				data,
-				pageIndex: 0,
-				rowSelection: {}
+				data
 			};
+			const filteredData = computeFilteredData(next);
+			const pageCount = Math.max(1, Math.ceil(filteredData.length / state.pageSize));
+			const pageIndex = Math.min(state.pageIndex, pageCount - 1);
+			const rowSelection = options.getRowId ? pruneSelection(state.rowSelection, filteredData, options.getRowId) : {};
 			setState({
 				...next,
-				filteredData: computeFilteredData(next)
+				filteredData,
+				pageIndex,
+				rowSelection
 			});
 		},
 		setServerData: (data) => {
@@ -1168,6 +1186,7 @@ function useClientTable(store, options) {
 			}) : updater;
 			store.setPagination(next.pageIndex, next.pageSize);
 		},
+		autoResetPageIndex: false,
 		getRowId,
 		enableRowSelection: !!enableRowSelection
 	});
@@ -1239,7 +1258,8 @@ function ClientProvider(props) {
 		columnCount: columns.length,
 		searchableColumns,
 		searchFn,
-		filterFns
+		filterFns,
+		getRowId
 	}), []);
 	const isInitialRender = useRef(true);
 	useEffect(() => {

package/dist/grouped-table/index.mjs

@@ -1,2 +1,2 @@
-import { t as GroupedTable } from "../grouped-table-C5V8ESJe.mjs";
+import { t as GroupedTable } from "../grouped-table-Bb9KoI1e.mjs";
 export { GroupedTable };

package/dist/{grouped-table-C5V8ESJe.mjs → grouped-table-Bb9KoI1e.mjs}

@@ -5,7 +5,7 @@ import { Collapsible, CollapsibleTrigger } from "./collapsible/index.mjs";
 import { t as useControllableState } from "./use-controllable-state-Dna7u3r9.mjs";
 import { Skeleton } from "./skeleton/index.mjs";
 import { TableBody, TableCell, TableHead, TableHeader, TableRow } from "./table/index.mjs";
-import { f as rowMatchesSearch, g as createSelectionColumn, h as DataTableColumnHeader, m as DataTableRowActions, p as dataTableFeatures } from "./data-table-Du7_FLBi.mjs";
+import { f as rowMatchesSearch, g as createSelectionColumn, h as DataTableColumnHeader, m as DataTableRowActions, p as dataTableFeatures } from "./data-table-ClfRpyHq.mjs";
 import { n as useDebouncedSearchInput } from "./use-debounced-search-input-yu_F0QBt.mjs";
 import { InputWithAddons } from "./input-with-addons/index.mjs";
 import { ChevronRight, Search, X } from "lucide-react";

package/dist/index.mjs

@@ -53,7 +53,7 @@ import { i as ClientOnly, n as useTheme, r as ThemeScript, t as ThemeProvider }
 import { a as formatJson, c as isValidYaml, d as CodeEditor, i as CodeEditorTabs, l as jsonToYaml, n as jsonSchema, o as formatYaml, r as yamlSchema, s as isValidJson, t as createCodeEditorSchema, u as yamlToJson } from "./types-agDpVXBG.mjs";
 import { t as toast } from "./toast-BUPlDkN3.mjs";
 import { n as Toaster, t as useToast } from "./use-toast-Bpq0yJIT.mjs";
-import { _ as useNuqsAdapter, a as useDataTablePagination, b as DEFAULT_PAGE_SIZE, c as useDataTableSelection, d as resolvePath, f as rowMatchesSearch, g as createSelectionColumn, h as DataTableColumnHeader, i as useDataTableLoading, l as useDataTableSorting, m as DataTableRowActions, n as useDataTableFilters, o as useDataTableRows, p as dataTableFeatures, r as useDataTableInlineContents, s as useDataTableSearch, t as DataTable, u as createDataTableStore, v as DEFAULT_DEBOUNCE_MS, x as DEFAULT_PAGE_SIZES, y as DEFAULT_LOADING_ROWS } from "./data-table-Du7_FLBi.mjs";
+import { _ as useNuqsAdapter, a as useDataTablePagination, b as DEFAULT_PAGE_SIZE, c as useDataTableSelection, d as resolvePath, f as rowMatchesSearch, g as createSelectionColumn, h as DataTableColumnHeader, i as useDataTableLoading, l as useDataTableSorting, m as DataTableRowActions, n as useDataTableFilters, o as useDataTableRows, p as dataTableFeatures, r as useDataTableInlineContents, s as useDataTableSearch, t as DataTable, u as createDataTableStore, v as DEFAULT_DEBOUNCE_MS, x as DEFAULT_PAGE_SIZES, y as DEFAULT_LOADING_ROWS } from "./data-table-ClfRpyHq.mjs";
 import { t as ActionRow } from "./action-row-DTvs91_3.mjs";
 import { n as useDebouncedSearchInput, t as DEFAULT_SEARCH_DEBOUNCE_MS } from "./use-debounced-search-input-yu_F0QBt.mjs";
 import { t as MultiSelect } from "./multi-select-PtdMChPF.mjs";
@@ -69,7 +69,7 @@ import { InputWithAddons } from "./input-with-addons/index.mjs";
 import { t as TimePicker } from "./time-picker-CFhaHTtI.mjs";
 import { t as Transfer } from "./transfer-CEq9AhL7.mjs";
 import { a as getResponsiveValue, c as GRID_COLUMNS, d as RESPONSIVE_MAP, i as getGutter, l as GRID_PREFIX, n as Row, o as registerMediaQuery, r as RowContext, s as GRID_BREAKPOINTS, t as Col, u as RESPONSIVE_ARRAY } from "./col-BYGWTB4j.mjs";
-import { t as GroupedTable } from "./grouped-table-C5V8ESJe.mjs";
+import { t as GroupedTable } from "./grouped-table-Bb9KoI1e.mjs";
 import { t as InputNumber } from "./input-number-TXmW-X9o.mjs";
 import { a as logoStyles, i as LogoFlat, n as LogoStacked, r as LogoIcon, t as LogoText } from "./logo-text-Dpm5O6Kg.mjs";
 import { t as Logo } from "./logo-C3FxD7jb.mjs";

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@datum-cloud/datum-ui",
   "type": "module",
-  "version": "2.3.2",
+  "version": "2.4.0",
   "license": "MIT",
   "repository": {
     "url": "https://github.com/datum-cloud/datum-ui"