@mantine-vue/table 2.2.0 → 2.2.2

package/cjs/index.cjs

@@ -1482,6 +1482,16 @@ var useMVT_TableOptions = (rawOptions) => {
 		enumerable: true,
 		get: () => rawOptions.columns
 	});
+	Object.defineProperty(definedOptions, "state", {
+		configurable: true,
+		enumerable: true,
+		get: () => rawOptions.state
+	});
+	Object.defineProperty(definedOptions, "rowCount", {
+		configurable: true,
+		enumerable: true,
+		get: () => rawOptions.rowCount
+	});
 	return definedOptions;
 };
 //#endregion
@@ -1617,10 +1627,20 @@ var useMVT_TableInstance = (definedTableOptions) => {
 	const showColumnFilters = (0, vue.ref)(initialState?.showColumnFilters ?? false);
 	const showGlobalFilter = (0, vue.ref)(initialState?.showGlobalFilter ?? false);
 	const showToolbarDropZone = (0, vue.ref)(initialState?.showToolbarDropZone ?? false);
-	const userState = definedTableOptions.state ?? {};
-	const state = { ...userState };
+	const stateDescriptor = Object.getOwnPropertyDescriptor(definedTableOptions, "state");
+	const readUserState = () => (stateDescriptor?.get ? stateDescriptor.get.call(definedTableOptions) : stateDescriptor?.value) ?? {};
+	const userStateKeys = new Set(Object.keys(readUserState()));
+	const state = {};
+	userStateKeys.forEach((key) => {
+		Object.defineProperty(state, key, {
+			configurable: true,
+			enumerable: true,
+			get: () => readUserState()[key]
+		});
+	});
 	const defineState = (key, getter) => {
-		if (!(key in userState)) Object.defineProperty(state, key, {
+		if (!userStateKeys.has(key)) Object.defineProperty(state, key, {
+			configurable: true,
 			enumerable: true,
 			get: getter
 		});
@@ -1644,7 +1664,12 @@ var useMVT_TableInstance = (definedTableOptions) => {
 	defineState("showColumnFilters", () => showColumnFilters.value);
 	defineState("showGlobalFilter", () => showGlobalFilter.value);
 	defineState("showToolbarDropZone", () => showToolbarDropZone.value);
-	definedTableOptions.state = state;
+	Object.defineProperty(definedTableOptions, "state", {
+		configurable: true,
+		enumerable: true,
+		writable: true,
+		value: state
+	});
 	const statefulTableOptions = definedTableOptions;
 	let columnDefsCache = [];
 	const columns = (0, vue.computed)(() => {
@@ -1671,7 +1696,7 @@ var useMVT_TableInstance = (definedTableOptions) => {
 		const s = statefulTableOptions.state;
 		return (s.isLoading || s.showSkeletons) && !definedTableOptions.data.length ? [...Array(Math.min(s.pagination.pageSize, 20)).fill(null)].map(() => Object.assign({}, ...getAllLeafColumnDefs(columns.value).map((col) => ({ [getColumnId(col)]: null })))) : definedTableOptions.data;
 	});
-	const { columns: _columns, data: _data, ...restOptions } = statefulTableOptions;
+	const { columns: _columns, data: _data, rowCount: _rowCount, ...restOptions } = statefulTableOptions;
 	const table = (0, _tanstack_vue_table.useVueTable)({
 		onColumnOrderChange: (updater) => applyUpdater(columnOrder, updater),
 		onColumnSizingInfoChange: (updater) => applyUpdater(columnSizingInfo, updater),
@@ -1684,6 +1709,9 @@ var useMVT_TableInstance = (definedTableOptions) => {
 		get data() {
 			return data.value;
 		},
+		get rowCount() {
+			return definedTableOptions.rowCount;
+		},
 		globalFilterFn: statefulTableOptions.filterFns?.[globalFilterFn.value ?? "fuzzy"]
 	});
 	table.refs = {