@multiplatform.one/table 6.1.0 → 6.4.0

package/dist/cjs/components/TableInput/shared.cjs

@@ -0,0 +1,36 @@
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all) __defProp(target, name, {
+    get: all[name],
+    enumerable: true
+  });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from)) if (!__hasOwnProp.call(to, key) && key !== except) __defProp(to, key, {
+      get: () => from[key],
+      enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
+    });
+  }
+  return to;
+};
+var __toCommonJS = mod => __copyProps(__defProp({}, "__esModule", {
+  value: true
+}), mod);
+var shared_exports = {};
+__export(shared_exports, {
+  SKELETON_ROW_COUNT: () => SKELETON_ROW_COUNT,
+  generateRowId: () => generateRowId,
+  isEmptyRows: () => isEmptyRows
+});
+module.exports = __toCommonJS(shared_exports);
+let rowIdCounter = 0;
+function generateRowId() {
+  rowIdCounter += 1;
+  return `row-${Date.now()}-${rowIdCounter}`;
+}
+const SKELETON_ROW_COUNT = 3;
+const isEmptyRows = value => value === null || value === void 0 || Array.isArray(value) && value.length === 0;

package/dist/cjs/components/TableInput/shared.native.js

@@ -0,0 +1,41 @@
+"use strict";
+
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all) __defProp(target, name, {
+    get: all[name],
+    enumerable: true
+  });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from)) if (!__hasOwnProp.call(to, key) && key !== except) __defProp(to, key, {
+      get: () => from[key],
+      enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
+    });
+  }
+  return to;
+};
+var __toCommonJS = mod => __copyProps(__defProp({}, "__esModule", {
+  value: true
+}), mod);
+var shared_exports = {};
+__export(shared_exports, {
+  SKELETON_ROW_COUNT: () => SKELETON_ROW_COUNT,
+  generateRowId: () => generateRowId,
+  isEmptyRows: () => isEmptyRows
+});
+module.exports = __toCommonJS(shared_exports);
+var rowIdCounter = 0;
+function generateRowId() {
+  rowIdCounter += 1;
+  return `row-${Date.now()}-${rowIdCounter}`;
+}
+var SKELETON_ROW_COUNT = 3;
+var isEmptyRows = function isEmptyRows2(value) {
+  return value === null || value === void 0 || Array.isArray(value) && value.length === 0;
+};
+//# sourceMappingURL=shared.native.js.map

package/dist/cjs/components/TableInput/shared.native.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["__toCommonJS","mod","__copyProps","__defProp","value","shared_exports","__export","SKELETON_ROW_COUNT","generateRowId","isEmptyRows","module","exports","rowIdCounter","Date","now"],"sources":["../../../../src/components/TableInput/shared.ts"],"sourcesContent":[null],"mappings":";;;;;;;;;;;;;;;;;;;;;AAAA,IAAAA,YAAA,GAAAC,GAAA,IAAAC,WAAA,CAAAC,SAAA;EAAAC,KAAA;AAAA,IAAAH,GAAA;AAAA,IAAAI,cAAA;AAAAC,QAAA,CAAAD,cAAA;EAAAE,kBAAA,EAAAA,CAAA,KAAAA,kBAAA;EAAAC,aAAA,EAAAA,CAAA,KAAAA,aAAA;EAAAC,WAAA,EAAAA,CAAA,KAAAA;AAAA;AAEAC,MAAI,CAAAC,OAAA,GAAAX,YAAe,CAAAK,cAAA;AAOZ,IAAAO,YAAS;AACd,SAAAJ,aAAgBA,CAAA;EAChBI,YAAO,IAAO;EAChB,cAAAC,IAAA,CAAAC,GAAA,MAAAF,YAAA;AAGO;AAGA,IAAAL,kBAAqB","ignoreList":[]}

package/dist/cjs/hooks/useDataTable.cjs

@@ -38,9 +38,14 @@ __export(useDataTable_exports, {
 });
 module.exports = __toCommonJS(useDataTable_exports);
 var import_react_table = require("@tanstack/react-table");
+var import_useTableSelection = require("./useTableSelection.cjs");
 var import_router = require("@multiplatform.one/router");
 var import_react = __toESM(require("react"));
+var import_filterFields = require("../utils/filterFields.cjs");
+var import_filterUtils = require("../utils/filterUtils.cjs");
+var import_paginationDefaults = require("../utils/paginationDefaults.cjs");
 var import_urlStateUtils = require("../utils/urlStateUtils.cjs");
+var import_useInfiniteRows = require("./useInfiniteRows.cjs");
 var import_useTableFiltering = require("./useTableFiltering.cjs");
 var import_useTableSorting = require("./useTableSorting.cjs");
 var import_useTableViews = require("./useTableViews.cjs");
@@ -145,7 +150,6 @@ const createUrlStrategy = {
   universal: createUniversalUrlStrategy,
   custom: strategy => strategy
 };
-const defaultPageSize = 10;
 function useDataTable({
   data = [],
   columns = [],
@@ -158,8 +162,11 @@ function useDataTable({
   manualPagination = false,
   manualSorting = false,
   enableFiltering = true,
+  filterableFields,
   enableSorting = true,
   enablePagination: _enablePagination = true,
+  paginationMode = "pages",
+  loadPage,
   enableColumnVisibility = true,
   enableColumnOrdering: _enableColumnOrdering = false,
   enableColumnResizing = false,
@@ -169,13 +176,14 @@ function useDataTable({
   getSubRows,
   enableColumnPinning = false,
   enableGrouping = false,
+  enableRowSelection = false,
   rowCount,
   pageCount
 } = {}) {
   const defaultTableState = {
     pagination: {
       pageIndex: 0,
-      pageSize: defaultPageSize
+      pageSize: import_paginationDefaults.DEFAULT_PAGE_SIZE
     },
     sorting: [],
     filters: [],
@@ -216,6 +224,38 @@ function useDataTable({
     left: [],
     right: []
   });
+  const selection = (0, import_useTableSelection.useTableSelection)();
+  const infiniteEnabled = paginationMode === "infinite";
+  const isLoaderMode = infiniteEnabled && loadPage != null;
+  const infiniteRows = (0, import_useInfiniteRows.useInfiniteRows)({
+    enabled: infiniteEnabled,
+    loadPage,
+    pageSize: pagination.pageSize,
+    sorting: sortingHook.sorting,
+    filters: filtering.advancedFilters,
+    columnFilters: filtering.columnFilters,
+    globalFilter: filtering.globalFilter
+  });
+  const effectiveData = isLoaderMode ? infiniteRows.rows : data;
+  const effectiveManualFiltering = manualFiltering || isLoaderMode;
+  const effectiveManualSorting = manualSorting || isLoaderMode;
+  const effectiveManualPagination = manualPagination || infiniteEnabled;
+  const filterFields = (0, import_react.useMemo)(() => (0, import_filterFields.resolveFilterFields)(columns, filterableFields), [columns, filterableFields]);
+  const preFilteredData = (0, import_react.useMemo)(() => {
+    if (effectiveManualFiltering) return effectiveData;
+    return (0, import_filterFields.applyFiltersToData)(effectiveData, filtering.advancedFilters, filterFields);
+  }, [effectiveData, effectiveManualFiltering, filtering.advancedFilters, filterFields]);
+  const operatorFilterFn = (0, import_react.useCallback)((row, columnId, filterValue) => {
+    if (filterValue == null || filterValue === "") return true;
+    if ((0, import_filterFields.isFilterValueShape)(filterValue)) {
+      const type = (0, import_filterFields.getFilterFieldType)(filterFields, columnId);
+      return (0, import_filterUtils.applyFilterToValue)(row.getValue(columnId), filterValue, type === "select" ? "text" : type);
+    }
+    if (Array.isArray(filterValue)) {
+      return filterValue.length === 0 || filterValue.includes(row.getValue(columnId));
+    }
+    return String(row.getValue(columnId) ?? "").toLowerCase().includes(String(filterValue).toLowerCase());
+  }, [filterFields]);
   (0, import_react.useEffect)(() => {
     if (!syncWithUrl) return;
     const currentState2 = {
@@ -233,12 +273,25 @@ function useDataTable({
     const serialized = (0, import_urlStateUtils.serializeTableState)(currentState2);
     setUrlState(serialized);
   }, [syncWithUrl, pagination, sortingHook.sorting, filtering.columnFilters, filtering.globalFilter, columnVisibility, columnOrder, columnSizing, filtering.advancedFilters, viewsHook.views, viewsHook.activeViewId, setUrlState]);
+  const getRowId = (0, import_react.useCallback)((row, index) => {
+    if (row && typeof row === "object" && "id" in row && row.id != null) {
+      return String(row.id);
+    }
+    return String(index);
+  }, []);
   const table = (0, import_react_table.useReactTable)({
-    data,
+    data: preFilteredData,
     columns,
+    defaultColumn: {
+      filterFn: operatorFilterFn
+    },
     getCoreRowModel: (0, import_react_table.getCoreRowModel)(),
     getExpandedRowModel: enableRowExpansion ? (0, import_react_table.getExpandedRowModel)() : void 0,
-    getSubRows: getSubRows ? row => getSubRows(row.original) : row => row.original?.subRows,
+    // TanStack getSubRows receives the ORIGINAL data object (not a Row), so
+    // reading `.original` here always yielded undefined — every row reported
+    // getCanExpand() === false and the expansion caret column never rendered.
+    getSubRows: getSubRows ? originalRow => getSubRows(originalRow) : originalRow => originalRow?.subRows,
+    getRowId,
     state: {
       pagination,
       sorting: sortingHook.sorting,
@@ -255,6 +308,9 @@ function useDataTable({
       } : {}),
       ...(enableGrouping ? {
         grouping
+      } : {}),
+      ...(enableRowSelection ? {
+        rowSelection: selection.rowSelection
       } : {})
     },
     onPaginationChange: setPagination,
@@ -273,20 +329,23 @@ function useDataTable({
     ...(enableGrouping ? {
       onGroupingChange: setGrouping
     } : {}),
-    getFilteredRowModel: manualFiltering ? void 0 : (0, import_react_table.getFilteredRowModel)(),
-    getPaginationRowModel: manualPagination ? void 0 : (0, import_react_table.getPaginationRowModel)(),
-    getSortedRowModel: manualSorting ? void 0 : (0, import_react_table.getSortedRowModel)(),
+    ...(enableRowSelection ? {
+      onRowSelectionChange: selection.setRowSelection
+    } : {}),
+    getFilteredRowModel: effectiveManualFiltering ? void 0 : (0, import_react_table.getFilteredRowModel)(),
+    getPaginationRowModel: effectiveManualPagination ? void 0 : (0, import_react_table.getPaginationRowModel)(),
+    getSortedRowModel: effectiveManualSorting ? void 0 : (0, import_react_table.getSortedRowModel)(),
     getGroupedRowModel: enableGrouping ? (0, import_react_table.getGroupedRowModel)() : void 0,
     getFacetedRowModel: enableFiltering ? (0, import_react_table.getFacetedRowModel)() : void 0,
     getFacetedUniqueValues: enableFiltering ? (0, import_react_table.getFacetedUniqueValues)() : void 0,
     getFacetedMinMaxValues: enableFiltering ? (0, import_react_table.getFacetedMinMaxValues)() : void 0,
-    manualFiltering,
-    manualPagination,
-    manualSorting,
-    ...(manualPagination && rowCount != null ? {
+    manualFiltering: effectiveManualFiltering,
+    manualPagination: effectiveManualPagination,
+    manualSorting: effectiveManualSorting,
+    ...(effectiveManualPagination && rowCount != null ? {
       rowCount
     } : {}),
-    ...(manualPagination && pageCount != null ? {
+    ...(effectiveManualPagination && pageCount != null ? {
       pageCount
     } : {}),
     columnResizeMode: "onChange",
@@ -295,7 +354,8 @@ function useDataTable({
     enableColumnFilters: enableFiltering,
     enableGlobalFilter: enableGlobalSearch,
     enableHiding: enableColumnVisibility,
-    enableColumnResizing
+    enableColumnResizing,
+    enableRowSelection
   });
   const saveView = (0, import_react.useCallback)(name => {
     viewsHook.saveView(name, {
@@ -330,18 +390,38 @@ function useDataTable({
     setColumnSizing(sizing);
   }, [viewsHook, filtering, sortingHook]);
   const filteredData = (0, import_react.useMemo)(() => {
-    if (manualFiltering) return data;
+    if (effectiveManualFiltering) return effectiveData;
     return table.getFilteredRowModel().rows.map(row => row.original);
-  }, [data, table, manualFiltering]);
+  }, [effectiveData, table, effectiveManualFiltering]);
   const paginatedData = (0, import_react.useMemo)(() => {
-    if (manualPagination) return filteredData;
+    if (effectiveManualPagination) return filteredData;
     return table.getPaginationRowModel().rows.map(row => row.original);
-  }, [filteredData, table, manualPagination]);
-  const totalPages = manualPagination && pageCount != null ? pageCount : manualPagination && rowCount != null ? Math.ceil(rowCount / pagination.pageSize) : Math.ceil((table.getFilteredRowModel().rows.length || 0) / pagination.pageSize);
+  }, [filteredData, table, effectiveManualPagination]);
+  const totalPages = effectiveManualPagination && pageCount != null ? pageCount : effectiveManualPagination && rowCount != null ? Math.ceil(rowCount / pagination.pageSize) : Math.ceil((table.getFilteredRowModel().rows.length || 0) / pagination.pageSize);
+  const rowModelCount = table.getRowModel().rows.length;
+  const rowModelCountRef = (0, import_react.useRef)(rowModelCount);
+  rowModelCountRef.current = rowModelCount;
+  const loadMoreInfinite = (0, import_react.useCallback)(() => {
+    if (isLoaderMode) {
+      infiniteRows.loadMore();
+    } else {
+      infiniteRows.loadMoreClient(rowModelCountRef.current);
+    }
+  }, [isLoaderMode, infiniteRows.loadMore, infiniteRows.loadMoreClient]);
+  const infinite = infiniteEnabled ? {
+    visibleRowCount: isLoaderMode ? rowModelCount : Math.min(infiniteRows.loadedPages * pagination.pageSize, rowModelCount),
+    loadedPages: infiniteRows.loadedPages,
+    totalCount: isLoaderMode ? infiniteRows.totalCount : rowModelCount,
+    exhausted: isLoaderMode ? infiniteRows.exhausted : infiniteRows.loadedPages * pagination.pageSize >= rowModelCount,
+    isInitialLoading: infiniteRows.isInitialLoading,
+    isAppending: infiniteRows.isAppending,
+    loadMore: loadMoreInfinite
+  } : void 0;
   const actions = {
     setGlobalFilter: filtering.setGlobalFilter,
     setFilters: filtering.setFilters,
     addFilter: filtering.addFilter,
+    updateFilter: filtering.updateFilter,
     removeFilter: filtering.removeFilter,
     clearFilters: filtering.clearFilters,
     setPagination,
@@ -372,6 +452,7 @@ function useDataTable({
         right: []
       });
       if (enableGrouping) setGrouping([]);
+      if (enableRowSelection) selection.clearSelection();
     },
     ...(enableRowExpansion ? {
       setExpanded
@@ -379,16 +460,24 @@ function useDataTable({
     ...(enableGrouping ? {
       grouping,
       setGrouping
+    } : {}),
+    ...(enableRowSelection ? {
+      clearSelection: selection.clearSelection,
+      selectAll: selection.selectAll,
+      setRowSelection: selection.setRowSelection
     } : {})
   };
+  const resolvedTotalCount = isLoaderMode ? infiniteRows.totalCount ?? infiniteRows.rows.length : effectiveManualPagination && rowCount != null ? rowCount : table.getFilteredRowModel().rows.length;
   const computed = {
     filteredData,
     paginatedData,
     totalPages,
+    totalRows: resolvedTotalCount,
     hasActiveFilters: filtering.hasActiveFilters,
-    activeFilterCount: filtering.activeFilterCount
+    activeFilterCount: filtering.activeFilterCount,
+    filterFields,
+    infinite
   };
-  const resolvedTotalCount = manualPagination && rowCount != null ? rowCount : table.getFilteredRowModel().rows.length;
   const currentState = {
     data,
     columns,
@@ -407,7 +496,11 @@ function useDataTable({
     columnOrder,
     columnSizing,
     views: viewsHook.views,
-    activeViewId: viewsHook.activeViewId
+    activeViewId: viewsHook.activeViewId,
+    isLoading: initialState?.isLoading,
+    // Carried through like isLoading so the root's error chrome is actually
+    // reachable from the public API (DG-ST-01) — previously dropped here.
+    error: initialState?.error
   };
   (0, import_react.useEffect)(() => {
     onStateChange?.(currentState);

package/dist/cjs/hooks/useDataTable.native.js

@@ -40,12 +40,22 @@ __export(useDataTable_exports, {
 });
 module.exports = __toCommonJS(useDataTable_exports);
 var import_react_table = require("@tanstack/react-table");
+var import_useTableSelection = require("./useTableSelection.native.js");
 var import_router = require("@multiplatform.one/router");
 var import_react = __toESM(require("react"));
+var import_filterFields = require("../utils/filterFields.native.js");
+var import_filterUtils = require("../utils/filterUtils.native.js");
+var import_paginationDefaults = require("../utils/paginationDefaults.native.js");
 var import_urlStateUtils = require("../utils/urlStateUtils.native.js");
+var import_useInfiniteRows = require("./useInfiniteRows.native.js");
 var import_useTableFiltering = require("./useTableFiltering.native.js");
 var import_useTableSorting = require("./useTableSorting.native.js");
 var import_useTableViews = require("./useTableViews.native.js");
+function _type_of(obj) {
+  "@swc/helpers - typeof";
+
+  return obj && typeof Symbol !== "undefined" && obj.constructor === Symbol ? "symbol" : typeof obj;
+}
 var useUrlState = import_router.useUrlState;
 var createOneStackUrlStrategy = function createOneStackUrlStrategy2(debounceMs) {
   return {
@@ -163,7 +173,6 @@ var createUrlStrategy = {
     return strategy;
   }
 };
-var defaultPageSize = 10;
 function useDataTable() {
   var {
     data = [],
@@ -177,8 +186,11 @@ function useDataTable() {
     manualPagination = false,
     manualSorting = false,
     enableFiltering = true,
+    filterableFields,
     enableSorting = true,
     enablePagination: _enablePagination = true,
+    paginationMode = "pages",
+    loadPage,
     enableColumnVisibility = true,
     enableColumnOrdering: _enableColumnOrdering = false,
     enableColumnResizing = false,
@@ -188,13 +200,15 @@ function useDataTable() {
     getSubRows,
     enableColumnPinning = false,
     enableGrouping = false,
+    enableRowSelection = false,
     rowCount,
     pageCount
   } = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : {};
+  var _infiniteRows_totalCount;
   var defaultTableState = {
     pagination: {
       pageIndex: 0,
-      pageSize: defaultPageSize
+      pageSize: import_paginationDefaults.DEFAULT_PAGE_SIZE
     },
     sorting: [],
     filters: [],
@@ -239,6 +253,41 @@ function useDataTable() {
     left: [],
     right: []
   });
+  var selection = (0, import_useTableSelection.useTableSelection)();
+  var infiniteEnabled = paginationMode === "infinite";
+  var isLoaderMode = infiniteEnabled && loadPage != null;
+  var infiniteRows = (0, import_useInfiniteRows.useInfiniteRows)({
+    enabled: infiniteEnabled,
+    loadPage,
+    pageSize: pagination.pageSize,
+    sorting: sortingHook.sorting,
+    filters: filtering.advancedFilters,
+    columnFilters: filtering.columnFilters,
+    globalFilter: filtering.globalFilter
+  });
+  var effectiveData = isLoaderMode ? infiniteRows.rows : data;
+  var effectiveManualFiltering = manualFiltering || isLoaderMode;
+  var effectiveManualSorting = manualSorting || isLoaderMode;
+  var effectiveManualPagination = manualPagination || infiniteEnabled;
+  var filterFields = (0, import_react.useMemo)(function () {
+    return (0, import_filterFields.resolveFilterFields)(columns, filterableFields);
+  }, [columns, filterableFields]);
+  var preFilteredData = (0, import_react.useMemo)(function () {
+    if (effectiveManualFiltering) return effectiveData;
+    return (0, import_filterFields.applyFiltersToData)(effectiveData, filtering.advancedFilters, filterFields);
+  }, [effectiveData, effectiveManualFiltering, filtering.advancedFilters, filterFields]);
+  var operatorFilterFn = (0, import_react.useCallback)(function (row, columnId, filterValue) {
+    var _row_getValue;
+    if (filterValue == null || filterValue === "") return true;
+    if ((0, import_filterFields.isFilterValueShape)(filterValue)) {
+      var type = (0, import_filterFields.getFilterFieldType)(filterFields, columnId);
+      return (0, import_filterUtils.applyFilterToValue)(row.getValue(columnId), filterValue, type === "select" ? "text" : type);
+    }
+    if (Array.isArray(filterValue)) {
+      return filterValue.length === 0 || filterValue.includes(row.getValue(columnId));
+    }
+    return String((_row_getValue = row.getValue(columnId)) !== null && _row_getValue !== void 0 ? _row_getValue : "").toLowerCase().includes(String(filterValue).toLowerCase());
+  }, [filterFields]);
   (0, import_react.useEffect)(function () {
     if (!syncWithUrl) return;
     var currentState2 = {
@@ -256,17 +305,29 @@ function useDataTable() {
     var serialized = (0, import_urlStateUtils.serializeTableState)(currentState2);
     setUrlState(serialized);
   }, [syncWithUrl, pagination, sortingHook.sorting, filtering.columnFilters, filtering.globalFilter, columnVisibility, columnOrder, columnSizing, filtering.advancedFilters, viewsHook.views, viewsHook.activeViewId, setUrlState]);
+  var getRowId = (0, import_react.useCallback)(function (row, index) {
+    if (row && (typeof row === "undefined" ? "undefined" : _type_of(row)) === "object" && "id" in row && row.id != null) {
+      return String(row.id);
+    }
+    return String(index);
+  }, []);
   var table = (0, import_react_table.useReactTable)({
-    data,
+    data: preFilteredData,
     columns,
+    defaultColumn: {
+      filterFn: operatorFilterFn
+    },
     getCoreRowModel: (0, import_react_table.getCoreRowModel)(),
     getExpandedRowModel: enableRowExpansion ? (0, import_react_table.getExpandedRowModel)() : void 0,
-    getSubRows: getSubRows ? function (row) {
-      return getSubRows(row.original);
-    } : function (row) {
-      var _row_original;
-      return (_row_original = row.original) === null || _row_original === void 0 ? void 0 : _row_original.subRows;
+    // TanStack getSubRows receives the ORIGINAL data object (not a Row), so
+    // reading `.original` here always yielded undefined — every row reported
+    // getCanExpand() === false and the expansion caret column never rendered.
+    getSubRows: getSubRows ? function (originalRow) {
+      return getSubRows(originalRow);
+    } : function (originalRow) {
+      return originalRow === null || originalRow === void 0 ? void 0 : originalRow.subRows;
     },
+    getRowId,
     state: {
       pagination,
       sorting: sortingHook.sorting,
@@ -283,6 +344,9 @@ function useDataTable() {
       } : {}),
       ...(enableGrouping ? {
         grouping
+      } : {}),
+      ...(enableRowSelection ? {
+        rowSelection: selection.rowSelection
       } : {})
     },
     onPaginationChange: setPagination,
@@ -301,20 +365,23 @@ function useDataTable() {
     ...(enableGrouping ? {
       onGroupingChange: setGrouping
     } : {}),
-    getFilteredRowModel: manualFiltering ? void 0 : (0, import_react_table.getFilteredRowModel)(),
-    getPaginationRowModel: manualPagination ? void 0 : (0, import_react_table.getPaginationRowModel)(),
-    getSortedRowModel: manualSorting ? void 0 : (0, import_react_table.getSortedRowModel)(),
+    ...(enableRowSelection ? {
+      onRowSelectionChange: selection.setRowSelection
+    } : {}),
+    getFilteredRowModel: effectiveManualFiltering ? void 0 : (0, import_react_table.getFilteredRowModel)(),
+    getPaginationRowModel: effectiveManualPagination ? void 0 : (0, import_react_table.getPaginationRowModel)(),
+    getSortedRowModel: effectiveManualSorting ? void 0 : (0, import_react_table.getSortedRowModel)(),
     getGroupedRowModel: enableGrouping ? (0, import_react_table.getGroupedRowModel)() : void 0,
     getFacetedRowModel: enableFiltering ? (0, import_react_table.getFacetedRowModel)() : void 0,
     getFacetedUniqueValues: enableFiltering ? (0, import_react_table.getFacetedUniqueValues)() : void 0,
     getFacetedMinMaxValues: enableFiltering ? (0, import_react_table.getFacetedMinMaxValues)() : void 0,
-    manualFiltering,
-    manualPagination,
-    manualSorting,
-    ...(manualPagination && rowCount != null ? {
+    manualFiltering: effectiveManualFiltering,
+    manualPagination: effectiveManualPagination,
+    manualSorting: effectiveManualSorting,
+    ...(effectiveManualPagination && rowCount != null ? {
       rowCount
     } : {}),
-    ...(manualPagination && pageCount != null ? {
+    ...(effectiveManualPagination && pageCount != null ? {
       pageCount
     } : {}),
     columnResizeMode: "onChange",
@@ -323,7 +390,8 @@ function useDataTable() {
     enableColumnFilters: enableFiltering,
     enableGlobalFilter: enableGlobalSearch,
     enableHiding: enableColumnVisibility,
-    enableColumnResizing
+    enableColumnResizing,
+    enableRowSelection
   });
   var saveView = (0, import_react.useCallback)(function (name) {
     viewsHook.saveView(name, {
@@ -358,22 +426,42 @@ function useDataTable() {
     setColumnSizing(sizing);
   }, [viewsHook, filtering, sortingHook]);
   var filteredData = (0, import_react.useMemo)(function () {
-    if (manualFiltering) return data;
+    if (effectiveManualFiltering) return effectiveData;
     return table.getFilteredRowModel().rows.map(function (row) {
       return row.original;
     });
-  }, [data, table, manualFiltering]);
+  }, [effectiveData, table, effectiveManualFiltering]);
   var paginatedData = (0, import_react.useMemo)(function () {
-    if (manualPagination) return filteredData;
+    if (effectiveManualPagination) return filteredData;
     return table.getPaginationRowModel().rows.map(function (row) {
       return row.original;
     });
-  }, [filteredData, table, manualPagination]);
-  var totalPages = manualPagination && pageCount != null ? pageCount : manualPagination && rowCount != null ? Math.ceil(rowCount / pagination.pageSize) : Math.ceil((table.getFilteredRowModel().rows.length || 0) / pagination.pageSize);
+  }, [filteredData, table, effectiveManualPagination]);
+  var totalPages = effectiveManualPagination && pageCount != null ? pageCount : effectiveManualPagination && rowCount != null ? Math.ceil(rowCount / pagination.pageSize) : Math.ceil((table.getFilteredRowModel().rows.length || 0) / pagination.pageSize);
+  var rowModelCount = table.getRowModel().rows.length;
+  var rowModelCountRef = (0, import_react.useRef)(rowModelCount);
+  rowModelCountRef.current = rowModelCount;
+  var loadMoreInfinite = (0, import_react.useCallback)(function () {
+    if (isLoaderMode) {
+      infiniteRows.loadMore();
+    } else {
+      infiniteRows.loadMoreClient(rowModelCountRef.current);
+    }
+  }, [isLoaderMode, infiniteRows.loadMore, infiniteRows.loadMoreClient]);
+  var infinite = infiniteEnabled ? {
+    visibleRowCount: isLoaderMode ? rowModelCount : Math.min(infiniteRows.loadedPages * pagination.pageSize, rowModelCount),
+    loadedPages: infiniteRows.loadedPages,
+    totalCount: isLoaderMode ? infiniteRows.totalCount : rowModelCount,
+    exhausted: isLoaderMode ? infiniteRows.exhausted : infiniteRows.loadedPages * pagination.pageSize >= rowModelCount,
+    isInitialLoading: infiniteRows.isInitialLoading,
+    isAppending: infiniteRows.isAppending,
+    loadMore: loadMoreInfinite
+  } : void 0;
   var actions = {
     setGlobalFilter: filtering.setGlobalFilter,
     setFilters: filtering.setFilters,
     addFilter: filtering.addFilter,
+    updateFilter: filtering.updateFilter,
     removeFilter: filtering.removeFilter,
     clearFilters: filtering.clearFilters,
     setPagination,
@@ -406,6 +494,7 @@ function useDataTable() {
         right: []
       });
       if (enableGrouping) setGrouping([]);
+      if (enableRowSelection) selection.clearSelection();
     },
     ...(enableRowExpansion ? {
       setExpanded
@@ -413,16 +502,24 @@ function useDataTable() {
     ...(enableGrouping ? {
       grouping,
       setGrouping
+    } : {}),
+    ...(enableRowSelection ? {
+      clearSelection: selection.clearSelection,
+      selectAll: selection.selectAll,
+      setRowSelection: selection.setRowSelection
     } : {})
   };
+  var resolvedTotalCount = isLoaderMode ? (_infiniteRows_totalCount = infiniteRows.totalCount) !== null && _infiniteRows_totalCount !== void 0 ? _infiniteRows_totalCount : infiniteRows.rows.length : effectiveManualPagination && rowCount != null ? rowCount : table.getFilteredRowModel().rows.length;
   var computed = {
     filteredData,
     paginatedData,
     totalPages,
+    totalRows: resolvedTotalCount,
     hasActiveFilters: filtering.hasActiveFilters,
-    activeFilterCount: filtering.activeFilterCount
+    activeFilterCount: filtering.activeFilterCount,
+    filterFields,
+    infinite
   };
-  var resolvedTotalCount = manualPagination && rowCount != null ? rowCount : table.getFilteredRowModel().rows.length;
   var currentState = {
     data,
     columns,
@@ -441,7 +538,11 @@ function useDataTable() {
     columnOrder,
     columnSizing,
     views: viewsHook.views,
-    activeViewId: viewsHook.activeViewId
+    activeViewId: viewsHook.activeViewId,
+    isLoading: initialState === null || initialState === void 0 ? void 0 : initialState.isLoading,
+    // Carried through like isLoading so the root's error chrome is actually
+    // reachable from the public API (DG-ST-01) — previously dropped here.
+    error: initialState === null || initialState === void 0 ? void 0 : initialState.error
   };
   (0, import_react.useEffect)(function () {
     onStateChange === null || onStateChange === void 0 ? void 0 : onStateChange(currentState);