feat(pagination): expose count

chakra-ui · Aug 4, 2024 · 4ce5bed · 4ce5bed
1 parent 3d4810c
commit 4ce5bed
Show file tree

Hide file tree

Showing 3 changed files with 11 additions and 0 deletions.
diff --git a/.changeset/stale-fans-jog.md b/.changeset/stale-fans-jog.md
@@ -0,0 +1,5 @@
+---
+"@zag-js/pagination": minor
+---
+
+Expose `api.count` property
diff --git a/packages/machines/pagination/src/pagination.connect.ts b/packages/machines/pagination/src/pagination.connect.ts
@@ -9,6 +9,7 @@ export function connect<T extends PropTypes>(state: State, send: Send, normalize
   const totalPages = state.context.totalPages
   const page = state.context.page
   const translations = state.context.translations
+  const count = state.context.count
 
   const previousPage = state.context.previousPage
   const nextPage = state.context.nextPage
@@ -22,6 +23,7 @@ export function connect<T extends PropTypes>(state: State, send: Send, normalize
   const pages = getTransformedRange(state.context)
 
   return {
+    count,
     page,
     pageSize: state.context.pageSize,
     totalPages,

diff --git a/packages/machines/pagination/src/pagination.types.ts b/packages/machines/pagination/src/pagination.types.ts
@@ -155,6 +155,10 @@ export interface MachineApi<T extends PropTypes = PropTypes> {
    * The current page.
    */
   page: number
+  /**
+   * The total number of data items.
+   */
+  count: number
   /**
    * The number of data items per page.
    */