another row model refactor

Author: KevinVandy

docs/api/features/pagination.md

@@ -190,10 +190,10 @@ getPageCount: () => number
 
 Returns the page count. If manually paginating or controlling the pagination state, this will come directly from the `options.pageCount` table option, otherwise it will be calculated from the table data using the total row count and current page size.
 
-### `getPrePaginationRowModel`
+### `getPrePaginatedRowModel`
 
 ```tsx
-getPrePaginationRowModel: () => RowModel<TFeatures, TData>
+getPrePaginatedRowModel: () => RowModel<TFeatures, TData>
 ```
 
 Returns the row model for the table before any pagination has been applied.

docs/guide/pagination.md

@@ -63,7 +63,7 @@ const table = useTable({
 
 If you decide that you need to use server-side pagination, here is how you can implement it.
 
-No pagination row model is needed for server-side pagination, but if you have provided it for other tables that do need it in a shared component, you can still turn off the client-side pagination by setting the `manualPagination` option to `true`. Setting the `manualPagination` option to `true` will tell the table instance to use the `table.getPrePaginationRowModel` row model under the hood, and it will make the table instance assume that the `data` that you pass in is already paginated.
+No pagination row model is needed for server-side pagination, but if you have provided it for other tables that do need it in a shared component, you can still turn off the client-side pagination by setting the `manualPagination` option to `true`. Setting the `manualPagination` option to `true` will tell the table instance to use the `table.getPrePaginatedRowModel` row model under the hood, and it will make the table instance assume that the `data` that you pass in is already paginated.
 
 #### Page Count and Row Count
 

docs/guide/row-models.md

@@ -88,7 +88,7 @@ For normal rendering use cases, you will probably only need to use the `table.ge
 - `getPreExpandedRowModel` - returns a row model that only includes root level rows with no expanded sub-rows included. Still includes sorting.
 
 - `getPaginatedRowModel` - returns a row model that only includes the rows that should be displayed on the current page based on the pagination state.
-- `getPrePaginationRowModel` - returns a row model without pagination applied (includes all rows).
+- `getPrePaginatedRowModel` - returns a row model without pagination applied (includes all rows).
 
 - `getSelectedRowModel` - returns a row model of all selected rows (but only based on the data that was passed to the table). Runs after getCoreRowModel.
 - `getPreSelectedRowModel` - returns a row model before row selection is applied (Just returns getCoreRowModel).

examples/angular/filters/src/app/app.component.html

@@ -122,7 +122,7 @@
       }
     </select>
   </div>
-  <div>{{ table.getPrePaginationRowModel().rows.length }} Rows</div>
+  <div>{{ table.getPrePaginatedRowModel().rows.length }} Rows</div>
   <div>
     <button class="border rounded p-2 mb-2" (click)="refreshData()">
       Refresh Data

examples/qwik/filters/src/main.tsx

@@ -263,7 +263,7 @@ const App = component$(() => {
           })}
         </tbody>
       </table>
-      <div>{table.getPrePaginationRowModel().rows.length} Rows</div>
+      <div>{table.getPrePaginatedRowModel().rows.length} Rows</div>
       <pre>{JSON.stringify(table.getState(), null, 2)}</pre>
     </div>
   )

examples/react/custom-features/src/main.tsx

@@ -171,9 +171,9 @@ function App() {
   const table = useTable({
     _features: { DensityFeature }, // pass our custom feature to the table to be instantiated upon creation
     _rowModels: {
-      Filtered: createFilteredRowModel(),
-      Paginated: createPaginatedRowModel(),
-      Sorted: createSortedRowModel(),
+      filteredRowModel: createFilteredRowModel(),
+      paginatedRowModel: createPaginatedRowModel(),
+      sortedRowModel: createSortedRowModel(),
     },
     columns,
     data,

examples/react/editable-data/src/main.tsx

@@ -26,8 +26,8 @@ const _features = tableFeatures({ RowPagination, ColumnFiltering })
 const options = tableOptions<typeof _features, Person>({
   _features,
   _rowModels: {
-    Filtered: createFilteredRowModel(),
-    Paginated: createPaginatedRowModel(),
+    filteredRowModel: createFilteredRowModel(),
+    paginatedRowModel: createPaginatedRowModel(),
   },
 })
 

examples/react/expanding/src/main.tsx

@@ -130,9 +130,9 @@ function App() {
   const table = useTable({
     _features,
     _rowModels: {
-      Filtered: createFilteredRowModel(),
-      Paginated: createPaginatedRowModel(),
-      Sorted: createSortedRowModel(),
+      filteredRowModel: createFilteredRowModel(),
+      paginatedRowModel: createPaginatedRowModel(),
+      sortedRowModel: createSortedRowModel(),
     },
     columns,
     data,

examples/react/filters-faceted/src/main.tsx

@@ -107,12 +107,12 @@ function App() {
       sortingFns,
     },
     _rowModels: {
-      Filtered: createFilteredRowModel(), // client-side filtering
-      Paginated: createPaginatedRowModel(),
-      Sorted: createSortedRowModel(),
-      Faceted: createFacetedRowModel(), // client-side faceting
-      FacetedMinMax: createFacetedMinMaxValues(), // generate min/max values for range filter
-      FacetedUnique: createFacetedUniqueValues(), // generate unique values for select filter/autocomplete
+      filteredRowModel: createFilteredRowModel(), // client-side filtering
+      paginatedRowModel: createPaginatedRowModel(),
+      sortedRowModel: createSortedRowModel(),
+      facetedRowModel: createFacetedRowModel(), // client-side faceting
+      facetedMinMaxValues: createFacetedMinMaxValues(), // generate min/max values for range filter
+      facetedUniqueValues: createFacetedUniqueValues(), // generate unique values for select filter/autocomplete
     },
     columns,
     data,
@@ -247,7 +247,7 @@ function App() {
           ))}
         </select>
       </div>
-      <div>{table.getPrePaginationRowModel().rows.length} Rows</div>
+      <div>{table.getPrePaginatedRowModel().rows.length} Rows</div>
       <div>
         <button onClick={rerender}>Force Rerender</button>
       </div>

examples/react/filters-fuzzy/src/main.tsx

@@ -133,9 +133,9 @@ function App() {
       filterFns,
     },
     _rowModels: {
-      Filtered: createFilteredRowModel(),
-      Paginated: createPaginatedRowModel(),
-      Sorted: createSortedRowModel(),
+      filteredRowModel: createFilteredRowModel(),
+      paginatedRowModel: createPaginatedRowModel(),
+      sortedRowModel: createSortedRowModel(),
     },
     columns,
     data,
@@ -294,7 +294,7 @@ function App() {
           ))}
         </select>
       </div>
-      <div>{table.getPrePaginationRowModel().rows.length} Rows</div>
+      <div>{table.getPrePaginatedRowModel().rows.length} Rows</div>
       <div>
         <button onClick={() => rerender()}>Force Rerender</button>
       </div>