fix(docs): update more pagination.current usages (#7251)

Author: BatuhanW

documentation/docs/core/interface-references/index.md

@@ -100,7 +100,7 @@ type CrudSort = {
 
 ```tsx
 type Pagination = {
-  current?: number; // Initial page index
+  currentPage?: number; // Initial page index
   pageSize?: number; // Initial number of items per page
   mode?: "client" | "server" | "off"; // Whether to use server side pagination or not.
 };

documentation/docs/core/refine-component/index.md

@@ -450,7 +450,7 @@ Form hooks like `useDrawerForm` and `useModalForm` also have a `syncWithLocation
 When `syncWithLocation` is active, the URL on the listing page shows query parameters like those shown below:
 
 ```
-/posts?current=1&pageSize=8&sort[]=createdAt&order[]=desc
+/posts?currentPage=1&pageSize=8&sort[]=createdAt&order[]=desc
 ```
 
 Users can change the current page, items count per page, and sort and filter parameters.

documentation/docs/data/data-provider/index.md

@@ -265,7 +265,7 @@ getList: async ({ resource, pagination, sorters, filters, meta }) => {
 
   // Adjust request parameters to meet the requirements of your API
   const response = await apiClient.get(`/${resource}`, {
-    params: { _page: current, _limit: pageSize },
+    params: { _page: currentPage, _limit: pageSize },
   });
 
   // The total row count could be sourced differently based on the provider

documentation/docs/data/hooks/use-infinite-list/index.md

@@ -358,9 +358,9 @@ Consumes data from data provider `useInfiniteList` with the `getList` method. Fi
 
 ```ts
 getList: async ({ resource, pagination }) => {
-    const { current } = pagination;
+    const { currentPage } = pagination;
     const { data } = await axios.get(
-        `https://api.fake-rest.refine.dev/${resource}?cursor=${current || 0}`,
+        `https://api.fake-rest.refine.dev/${resource}?cursor=${currentPage || 0}`,
     );
 
     return {
@@ -380,9 +380,9 @@ After this process, we successfully retrieved the first page of data. Let's fill
 
 ```ts
 getList: async ({ resource, pagination }) => {
-    const { current } = pagination;
+    const { currentPage } = pagination;
     const { data } = await axios.get(
-        `https://api.fake-rest.refine.dev/${resource}?cursor=${current || 0}`,
+        `https://api.fake-rest.refine.dev/${resource}?cursor=${currentPage || 0}`,
     );
 
     return {

documentation/docs/data/hooks/use-list/index.md

@@ -135,9 +135,9 @@ useList({
 
 `pagination` will be passed to the `getList` method from the `dataProvider` as a parameter. It is used to send pagination query parameters to the API.
 
-#### current
+#### currentPage
 
-You can pass the `current` page number to the `pagination` property.
+You can pass the `currentPage` page number to the `pagination` property.
 
 ```tsx
 useList({

documentation/docs/data/hooks/use-select/index.md

@@ -208,9 +208,9 @@ useSelect({
 
 `pagination` will be passed to the `getList` method from the `dataProvider` as parameter. It is used to send pagination query parameters to the API.
 
-#### current
+#### currentPage
 
-You can pass the `current` page number to the `pagination` property.
+You can pass the `currentPage` page number to the `pagination` property.
 
 ```tsx
 useSelect({

documentation/docs/data/hooks/use-table/index.md

@@ -33,11 +33,11 @@ In basic usage, `useTable` returns the data as it comes from the endpoint. By de
 
 ## Pagination
 
-`useTable` has a pagination feature. The pagination is done by passing the `current` and `pageSize` keys to `pagination` object. The `current` is the current page, and the `pageSize` is the number of records per page.
+`useTable` has a pagination feature. The pagination is done by passing the `currentPage` and `pageSize` keys to `pagination` object. The `currentPage` is the current page, and the `pageSize` is the number of records per page.
 
 It also syncs the pagination state with the URL if you enable the [`syncWithLocation`](#syncwithlocation).
 
-By default, the `current` is 1 and the `pageSize` is 10. You can change default values by passing the `pagination.currentPage` and `pagination.pageSize` props to the `useTable` hook.
+By default, the `currentPage` is 1 and the `pageSize` is 10. You can change default values by passing the `pagination.currentPage` and `pagination.pageSize` props to the `useTable` hook.
 
 You can also change the `currentPage` and `pageSize` values by using the `setCurrentPage` and `setPageSize` functions that are returned by the `useTable` hook. Every change will trigger a new fetch.
 
@@ -182,7 +182,7 @@ It can be `"off"`, `"server"` or `"client"`. Defaults to `"server"`.
 
 - **"off":** Pagination is disabled. All records will be fetched.
 - **"client":** Pagination is done on the client side. All records will be fetched and then the records will be paginated on the client side.
-- **"server":**: Pagination is done on the server side. Records will be fetched by using the `current` and `pageSize` values.
+- **"server":**: Pagination is done on the server side. Records will be fetched by using the `currentPage` and `pageSize` values.
 
 ```tsx
 import { useTable } from "@refinedev/core";

documentation/docs/guides-concepts/data-fetching/data-provider-interface.md

@@ -210,16 +210,16 @@ const generateSort = (sorters?: CrudSorting) => {
 // generate query string from Refine Pagination to the format that API accepts.
 const generatePagination = (pagination?: Pagination) => {
   // pagination is optional on data hooks, so we need to set default values.
-  const { current = 1, pageSize = 10, mode = "server" } = pagination ?? {};
+  const { currentPage = 1, pageSize = 10, mode = "server" } = pagination ?? {};
 
   const query: {
     _start?: number;
     _end?: number;
   } = {};
 
   if (mode === "server") {
-    query._start = (current - 1) * pageSize;
-    query._end = current * pageSize;
+    query._start = (currentPage - 1) * pageSize;
+    query._end = currentPage * pageSize;
   }
 
   return query;

documentation/docs/guides-concepts/data-fetching/use-list-with-filters.tsx

@@ -72,9 +72,9 @@ export const dataProvider = (url: string): DataProvider => ({
         }
 
         // pagination is optional, so we need give default values if it is undefined.
-        const { current = 1, pageSize = 10 } = pagination ?? {};
-        params.push(\`_start=\${(current - 1) * pageSize}\`);
-        params.push(\`_end=\${current * pageSize}\`);
+        const { currentPage = 1, pageSize = 10 } = pagination ?? {};
+        params.push(\`_start=\${(currentPage - 1) * pageSize}\`);
+        params.push(\`_end=\${currentPage * pageSize}\`);
 
         // combine all params with "&" character to create query string.
         const query = params.join("&");

documentation/docs/guides-concepts/routing/index.md

@@ -380,7 +380,7 @@ const { ... } = useTable(
 /my-products
 
 // added-line
-/my-products?current=1&pageSize=2&sorters[0][field]=id&sorters[0][order]=asc&filters[0][field]=category.id&filters[0][operator]=eq&filters[0][value]=1
+/my-products?currentPage=1&pageSize=2&sorters[0][field]=id&sorters[0][order]=asc&filters[0][field]=category.id&filters[0][operator]=eq&filters[0][value]=1
 ```
 
 And you will see a list of products, already **filtered**, **sorted** and **paginated** automatically based on the query parameters of the **current route**.
@@ -390,7 +390,7 @@ const { result, currentPage, pageSize, filters, sorters } = useTable();
 
 console.log(result.data); // [{...}, {...}]
 console.log(result.total); // 32 - total number of unpaginated records
-console.log(current); // 1 - current page
+console.log(currentPage); // 1 - current page
 console.log(pageSize); // 2 - page size
 console.log(filters); // [{ field: "category.id", operator: "eq", value: "1" }]
 console.log(sorters); // [{ field: "id", order: "asc" }]