react-firebase-pagination 1.1.16 → 2.0.0

package/README.md

@@ -1,80 +1,86 @@
-[![npm version](https://badge.fury.io/js/react-firebase-pagination.svg)](https://badge.fury.io/js/react-firebase-pagination)
-
-# react-firebase-pagination
-
-A React Hook that makes it easy to paginate Firestore collections.
-This hook provides _cumulative_ pagination and maintains references to previous documents, so it might not be suitable for large document sets.
-
-## Support for Firebase 9
-
-support for Firebase 9 and are backwards _incompatible_ with previous versions of Firebase.
-
-## Install
-
-```
-npm install react-firebase-pagination
-```
-
-OR
-
-```
-yarn add react-firebase-pagination
-```
-
-### Options
-
-| **prop**   | **Type**  | **Default** | **description**                                                                                                                                                                                      | **Required** |
-| ---------- | --------- | ----------- | ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | ------------ |
-| query      | `Query`   | null        | The query of your Firebase database. e.g. `query(collection(db, '[collection]'))`.                                                                                                                   | ✔            |
-| pageSize   | `Number`  | 10          | The number of items per page.                                                                                                                                                                        |              |
-| pageByPage | `Boolean` | false       | When this option is True, data is loaded page by page like Google search, and when it's not, it loads data on a single page and appends new data on the bottom of current data like a Facebook feed. |              |
-| liveUpdate | `Boolean` | false       | Add Firebase snapshot listener to update data live                                                                                                                                                   |              |
-
-### State
-
-| **prop**    | **value**  | **description**                                                                                             |
-| ----------- | ---------- | ----------------------------------------------------------------------------------------------------------- |
-| loading     | `Boolean`  | Is true when a page is loading.                                                                             |
-| data        | `Object`   | [Data Object](#data-object-contain)                                                                         |
-| getNext     | `Function` | W'll render the next page when called. (Take no arguments)                                                  |
-| getPrevious | `Function` | W'll render the previous page when called. (Take no arguments and work only in [pageByPage](#options) mode) |
-| hasNext     | `Boolean`  | It's true when the next page has data.                                                                      |
-| hasPrevious | `Boolean`  | It's true when a previous page has data. (Work only in [pageByPage](#options) mode)                         |
-
-### Data Object Contain
-
-| **prop**    | **value**   | **description**                                                                                    |
-| ----------- | ----------- | -------------------------------------------------------------------------------------------------- |
-| docs        | `Documents` | Document Array.                                                                                    |
-| totalDocs   | `Number`    | Total Document count.                                                                              |
-| totalPages  | `Number`    | Total Page count.                                                                                  |
-| currentPage | `Number`    | Current Page Number in [pageByPage](#options) mode or how may time's data load on the current page |
-
-## Example Use
-
-This is an example of a [Firestore](https://firebase.google.com/docs/firestore/).
-
-You can also change query during runtime. Hook will detect new query and start pagination from the beginning.
-Here is an example of controlling query's `orderDirection` by React's state:
-
-```jsx
-import usePagination from 'react-firebase-pagination';
-import { query, orderBy, collection } from 'firebase/firestore'
-import db from './your/database/path';
-
-const mainQuery = query(collection(db, '[collection]'), orderBy('created_timestamp', 'desc'));
-
-const App = () => {
-  const { getNext, getPrevious, data, loading } = usePagination({
-    pageSize: 10,
-    pageByPage: true,
-    query: mainQuery,
-  })
-
-  if (loading) {
-    return <LoadingComponent />
-  }
-
-  ...
-}
-```
+[![npm version](https://badge.fury.io/js/react-firebase-pagination.svg)](https://badge.fury.io/js/react-firebase-pagination)
+
+# react-firebase-pagination
+
+A React Hook that makes it easy to paginate Firestore collections.
+This hook provides _cumulative_ pagination and maintains references to previous documents, so it might not be suitable for large document sets.
+
+## Support for Firebase 9
+
+support for Firebase 9 and are backwards _incompatible_ with previous versions of Firebase.
+
+## Install
+
+```
+npm install react-firebase-pagination
+```
+
+OR
+
+```
+yarn add react-firebase-pagination
+```
+
+### Options
+
+| **prop**   | **Type**  | **Default** | **description**                                                                                                                                                                                      | **Required** |
+| ---------- | --------- | ----------- | ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | ------------ |
+| query      | `Query`   | —           | The Firestore query. Safe to create inline each render; identity is driven by `queryKey`.                                                                                                            | ✔            |
+| queryKey   | `unknown[]` | —         | Stable key for the logical query (sorts, filters, collection). Change it when the query meaning changes — pagination resets to page 1.                                                               | ✔            |
+| pageSize   | `Number`  | 10          | The number of items per page.                                                                                                                                                                        |              |
+| pageByPage | `Boolean` | false       | When this option is True, data is loaded page by page like Google search, and when it's not, it loads data on a single page and appends new data on the bottom of current data like a Facebook feed. |              |
+| liveUpdate | `Boolean` | false       | Add Firebase snapshot listener to update data live                                                                                                                                                   |              |
+
+### State
+
+| **prop**    | **value**  | **description**                                                                                             |
+| ----------- | ---------- | ----------------------------------------------------------------------------------------------------------- |
+| loading     | `Boolean`  | Is true when a page is loading.                                                                             |
+| data        | `Object`   | [Data Object](#data-object-contain)                                                                         |
+| getNext     | `Function` | W'll render the next page when called. (Take no arguments)                                                  |
+| getPrevious | `Function` | W'll render the previous page when called. (Take no arguments and work only in [pageByPage](#options) mode) |
+| hasNext     | `Boolean`  | It's true when the next page has data.                                                                      |
+| hasPrevious | `Boolean`  | It's true when a previous page has data. (Work only in [pageByPage](#options) mode)                         |
+
+### Data Object Contain
+
+| **prop**    | **value**   | **description**                                                                                    |
+| ----------- | ----------- | -------------------------------------------------------------------------------------------------- |
+| docs        | `Documents` | Document Array.                                                                                    |
+| totalDocs   | `Number`    | Total Document count.                                                                              |
+| totalPages  | `Number`    | Total Page count.                                                                                  |
+| currentPage | `Number`    | Current Page Number in [pageByPage](#options) mode or how may time's data load on the current page |
+
+## Example Use
+
+This is an example of a [Firestore](https://firebase.google.com/docs/firestore/) query. You can rebuild `query(...)` every render — pass a `queryKey` so the hook only resets when sorts/filters actually change:
+
+```jsx
+import usePagination from 'react-firebase-pagination'
+import { query, orderBy, collection } from 'firebase/firestore'
+import db from './your/database/path'
+
+const App = () => {
+  const [sort, setSort] = useState('newest') // 'newest' | 'oldest' | ...
+
+  const mainQuery = query(
+    collection(db, '[collection]'),
+    sort === 'oldest'
+      ? orderBy('created_timestamp', 'asc')
+      : orderBy('created_timestamp', 'desc'),
+  )
+
+  const { getNext, getPrevious, data, loading } = usePagination({
+    pageSize: 10,
+    pageByPage: true,
+    query: mainQuery,
+    queryKey: ['[collection]', sort],
+  })
+
+  if (loading) {
+    return <LoadingComponent />
+  }
+
+  ...
+}
+```

package/dist/{cjs/App.d.ts → App.d.ts}

@@ -1,4 +1,4 @@
-import { Query, QueryDocumentSnapshot } from 'firebase/firestore';
+import type { Query, QueryDocumentSnapshot } from 'firebase/firestore';
 type data = {
     totalDocs: number;
     totalPages: number;
@@ -11,13 +11,20 @@ type hookReturnValue = {
     loading: boolean;
     getNext: () => void;
     getPrevious: () => void;
+    hasNext: boolean;
+    hasPrevious: boolean;
 };
+/** Primitive-friendly key that identifies the logical Firestore query. */
+export type QueryKey = readonly unknown[];
 type hookProps = {
     query: Query;
-    pageSize: number;
+    /** Stable identity for `query`. Change this when sorts/filters change to reset pagination. */
+    queryKey: QueryKey;
+    pageSize?: number;
     pageByPage?: boolean;
     liveUpdate?: boolean;
 };
 type usePaginateType = (props: hookProps) => hookReturnValue;
 declare const usePagination: usePaginateType;
 export default usePagination;
+//# sourceMappingURL=App.d.ts.map

package/dist/App.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"App.d.ts","sourceRoot":"","sources":["../src/App.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,KAAK,EAA+B,qBAAqB,EAAE,MAAM,oBAAoB,CAAA;AAGnG,KAAK,IAAI,GAAG;IAAE,SAAS,EAAE,MAAM,CAAC;IAAC,UAAU,EAAE,MAAM,CAAC;IAAC,WAAW,EAAE,MAAM,CAAC;IAAC,IAAI,EAAE,qBAAqB,EAAE,CAAA;CAAE,CAAA;AAEzG,KAAK,eAAe,GAAG;IACrB,IAAI,EAAE,IAAI,CAAA;IACV,KAAK,CAAC,EAAE,KAAK,CAAA;IACb,OAAO,EAAE,OAAO,CAAA;IAChB,OAAO,EAAE,MAAM,IAAI,CAAA;IACnB,WAAW,EAAE,MAAM,IAAI,CAAA;IACvB,OAAO,EAAE,OAAO,CAAA;IAChB,WAAW,EAAE,OAAO,CAAA;CACrB,CAAA;AAED,0EAA0E;AAC1E,MAAM,MAAM,QAAQ,GAAG,SAAS,OAAO,EAAE,CAAA;AAEzC,KAAK,SAAS,GAAG;IACf,KAAK,EAAE,KAAK,CAAA;IACZ,8FAA8F;IAC9F,QAAQ,EAAE,QAAQ,CAAA;IAClB,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB,UAAU,CAAC,EAAE,OAAO,CAAA;CACrB,CAAA;AAID,KAAK,eAAe,GAAG,CAAC,KAAK,EAAE,SAAS,KAAK,eAAe,CAAA;AAI5D,QAAA,MAAM,aAAa,EAAE,eAkLpB,CAAA;eAEc,aAAa"}

package/dist/App.js

@@ -0,0 +1,174 @@
+import { useCallback, useEffect, useRef, useState } from 'react';
+import { query, limit, getDocs, startAfter, onSnapshot, getCountFromServer } from 'firebase/firestore';
+const addQuery = (q, fun, value) => (value ? query(q, fun(value)) : q);
+const usePagination = ({ pageSize = 10, query: mainQuery, queryKey, pageByPage = false, liveUpdate = false }) => {
+    const [error, setError] = useState();
+    const [loading, setLoading] = useState(true);
+    const [docs, setDocs] = useState([]);
+    /** Last document of each loaded page. Length === current page number. */
+    const [pageCursors, setPageCursors] = useState([]);
+    const [activeQuery, setActiveQuery] = useState(() => addQuery(mainQuery, limit, pageSize));
+    const [totals, setTotals] = useState({ totalDocs: 0, totalPages: 0 });
+    const mainQueryRef = useRef(mainQuery);
+    const navKindRef = useRef('reset');
+    const pageByPageRef = useRef(pageByPage);
+    useEffect(() => {
+        mainQueryRef.current = mainQuery;
+    }, [mainQuery]);
+    useEffect(() => {
+        pageByPageRef.current = pageByPage;
+    }, [pageByPage]);
+    const queryKeySignature = JSON.stringify(queryKey);
+    const applySnapshot = useCallback((res) => {
+        const lastDoc = res.docs[res.docs.length - 1];
+        const kind = navKindRef.current;
+        if (kind === 'reset') {
+            setDocs(res.docs);
+            setPageCursors(lastDoc ? [lastDoc] : []);
+        }
+        else if (kind === 'next') {
+            if (pageByPageRef.current) {
+                setDocs(res.docs);
+            }
+            else {
+                setDocs((prev) => [...prev, ...res.docs]);
+            }
+            if (lastDoc) {
+                setPageCursors((prev) => [...prev, lastDoc]);
+            }
+        }
+        else if (kind === 'previous') {
+            setDocs(res.docs);
+            if (lastDoc) {
+                setPageCursors((prev) => [...prev, lastDoc]);
+            }
+        }
+        else {
+            if (pageByPageRef.current) {
+                setDocs(res.docs);
+                if (lastDoc) {
+                    setPageCursors((prev) => (prev.length === 0 ? [lastDoc] : [...prev.slice(0, -1), lastDoc]));
+                }
+            }
+        }
+        navKindRef.current = 'idle';
+        setLoading(false);
+    }, []);
+    const onErr = useCallback((err) => {
+        setError(err);
+        setLoading(false);
+    }, []);
+    const refreshTotals = useCallback(() => {
+        return getCountFromServer(mainQueryRef.current).then((res) => {
+            setTotals({ totalDocs: res.data().count, totalPages: Math.ceil(res.data().count / pageSize) || 0 });
+        });
+    }, [pageSize]);
+    // Reset when the logical query (queryKey) or page size changes — not on Query identity
+    useEffect(() => {
+        let cancelled = false;
+        navKindRef.current = 'reset';
+        setLoading(true);
+        setError(undefined);
+        setDocs([]);
+        setPageCursors([]);
+        setActiveQuery(addQuery(mainQueryRef.current, limit, pageSize));
+        refreshTotals().catch((err) => {
+            if (cancelled)
+                return;
+            onErr(err);
+        });
+        return () => {
+            cancelled = true;
+        };
+    }, [queryKeySignature, pageSize, refreshTotals, onErr]);
+    useEffect(() => {
+        let cancelled = false;
+        setLoading(true);
+        if (liveUpdate) {
+            const unsubscribe = onSnapshot(activeQuery, { includeMetadataChanges: true }, (res) => {
+                if (cancelled)
+                    return;
+                // Skip pure metadata echoes for docs; still apply when docs/pending state matter.
+                // Recount only after local writes are acknowledged so getCountFromServer is accurate.
+                if (!res.metadata.hasPendingWrites) {
+                    applySnapshot(res);
+                    refreshTotals().catch((err) => {
+                        if (cancelled)
+                            return;
+                        onErr(err);
+                    });
+                }
+                else if (res.docChanges().length > 0) {
+                    // Optimistic UI for local adds/removes; count updates on the follow-up snapshot.
+                    applySnapshot(res);
+                }
+            }, (err) => {
+                if (cancelled)
+                    return;
+                onErr(err);
+            });
+            return () => {
+                cancelled = true;
+                unsubscribe();
+            };
+        }
+        getDocs(activeQuery)
+            .then((res) => {
+            if (cancelled)
+                return;
+            applySnapshot(res);
+        })
+            .catch((err) => {
+            if (cancelled)
+                return;
+            onErr(err);
+        });
+        return () => {
+            cancelled = true;
+        };
+    }, [activeQuery, liveUpdate, applySnapshot, onErr, refreshTotals]);
+    const currentPage = pageCursors.length;
+    const hasNext = currentPage > 0 && currentPage < totals.totalPages;
+    const hasPrevious = pageByPage && currentPage > 1;
+    const getNext = useCallback(() => {
+        if (!hasNext)
+            return;
+        const cursor = pageCursors[pageCursors.length - 1];
+        if (!cursor)
+            return;
+        navKindRef.current = 'next';
+        setLoading(true);
+        setActiveQuery(addQuery(addQuery(mainQueryRef.current, startAfter, cursor), limit, pageSize));
+    }, [hasNext, pageCursors, pageSize]);
+    const getPrevious = useCallback(() => {
+        if (!hasPrevious)
+            return;
+        const newCursors = pageCursors.slice(0, -2);
+        const cursor = newCursors[newCursors.length - 1];
+        navKindRef.current = 'previous';
+        setPageCursors(newCursors.length ? newCursors : []);
+        setLoading(true);
+        if (cursor) {
+            setActiveQuery(addQuery(addQuery(mainQueryRef.current, startAfter, cursor), limit, pageSize));
+        }
+        else {
+            navKindRef.current = 'reset';
+            setActiveQuery(addQuery(mainQueryRef.current, limit, pageSize));
+        }
+    }, [hasPrevious, pageCursors, pageSize]);
+    return {
+        error,
+        loading,
+        getNext,
+        getPrevious,
+        hasNext,
+        hasPrevious,
+        data: {
+            docs,
+            ...totals,
+            currentPage,
+        },
+    };
+};
+export default usePagination;
+//# sourceMappingURL=App.js.map

package/dist/App.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"App.js","sourceRoot":"","sources":["../src/App.tsx"],"names":[],"mappings":"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"}

package/dist/{esm/index.d.ts → index.d.ts}

@@ -1,2 +1,3 @@
 import usePagination from './App';
 export default usePagination;
+//# sourceMappingURL=index.d.ts.map

package/dist/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,aAAa,MAAM,OAAO,CAAA;eAElB,aAAa"}

package/dist/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,aAAa,MAAM,OAAO,CAAA;AAEjC,eAAe,aAAa,CAAA"}

package/package.json

@@ -1,61 +1,70 @@
-{
-  "name": "react-firebase-pagination",
-  "version": "1.1.16",
-  "main": "./dist/cjs/index.js",
-  "module": "./dist/esm/index.js",
-  "types": "./dist/esm/index.d.ts",
-  "author": "Patel Chirag",
-  "license": "MIT",
-  "repository": {
-    "type": "git",
-    "url": "git+https://github.com/Chirag7096/react-firebase-pagination.git"
-  },
-  "scripts": {
-    "build": "yarn build:esm && yarn build:cjs",
-    "build:esm": "tsc",
-    "build:cjs": "tsc --module commonjs --outDir dist/cjs",
-    "lint": "eslint \"{**/*,*}.{js,ts,jsx,tsx}\"",
-    "prettier": "prettier --write \"src/**.{js,ts,jsx,tsx}\"",
-    "prepare": "yarn build",
-    "prepublishOnly": "yarn prettier && yarn lint"
-  },
-  "peerDependencies": {
-    "firebase": ">=9",
-    "react": ">=16"
-  },
-  "files": [
-    "dist",
-    "LICENSE",
-    "README.md"
-  ],
-  "keywords": [
-    "expo",
-    "next",
-    "react",
-    "firebase",
-    "pagination",
-    "firebase pagination",
-    "firebase-pagination",
-    "expo firebase pagination",
-    "expo-firebase-pagination",
-    "next-firebase-pagination",
-    "next firebase pagination",
-    "react firebase pagination",
-    "react-firebase-pagination"
-  ],
-  "devDependencies": {
-    "@types/react": "^18.2.8",
-    "@typescript-eslint/eslint-plugin": "^5.59.8",
-    "@typescript-eslint/parser": "^5.59.8",
-    "eslint": "^8.42.0",
-    "eslint-config-prettier": "^8.8.0",
-    "eslint-plugin-prettier": "^4.2.1",
-    "eslint-plugin-react": "^7.32.2",
-    "eslint-plugin-react-hooks": "^4.6.0",
-    "firebase": "^9",
-    "prettier": "^2.8.8",
-    "react": "^18.2.0",
-    "react-dom": "^18.2.0",
-    "typescript": "5.1.3"
-  }
-}
+{
+  "name": "react-firebase-pagination",
+  "version": "2.0.0",
+  "type": "module",
+  "main": "./dist/index.js",
+  "module": "./dist/index.js",
+  "types": "./dist/index.d.ts",
+  "exports": {
+    ".": {
+      "types": "./dist/index.d.ts",
+      "import": "./dist/index.js",
+      "default": "./dist/index.js"
+    }
+  },
+  "author": "Chirag Patel",
+  "license": "MIT",
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/Chirag7096/react-firebase-pagination.git"
+  },
+  "scripts": {
+    "build": "tsc",
+    "lint": "eslint .",
+    "prettier": "prettier --write \"src/**/*.{js,ts,jsx,tsx}\"",
+    "prepare": "bun run build",
+    "prepublishOnly": "bun prettier && bun lint",
+    "typecheck": "tsc --noEmit"
+  },
+  "peerDependencies": {
+    "firebase": ">=9",
+    "react": ">=16"
+  },
+  "files": [
+    "dist",
+    "LICENSE",
+    "README.md"
+  ],
+  "keywords": [
+    "expo",
+    "next",
+    "react",
+    "firebase",
+    "pagination",
+    "firebase pagination",
+    "firebase-pagination",
+    "expo firebase pagination",
+    "expo-firebase-pagination",
+    "next-firebase-pagination",
+    "next firebase pagination",
+    "react firebase pagination",
+    "react-firebase-pagination"
+  ],
+  "devDependencies": {
+    "@babel/core": "^8.0.6",
+    "@babel/eslint-parser": "^7.29.9",
+    "@babel/preset-typescript": "^8.0.1",
+    "@eslint/js": "^10.0.1",
+    "@types/react": "^19.3.0",
+    "eslint": "^9",
+    "eslint-config-prettier": "^10.1.8",
+    "eslint-plugin-prettier": "^5.5.6",
+    "eslint-plugin-react-hooks": "^7.1.1",
+    "firebase": "^12.19.0",
+    "globals": "^17.12.0",
+    "prettier": "^3.9.8",
+    "react": "^19.3.0",
+    "react-dom": "^19.3.0",
+    "typescript": "7.0.2"
+  }
+}

package/dist/cjs/App.js

@@ -1,83 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-var tslib_1 = require("tslib");
-var react_1 = require("react");
-var firestore_1 = require("firebase/firestore");
-var addQuery = function (q, fun, value) {
-    return value ? (0, firestore_1.query)(q, fun(value)) : q;
-};
-var usePagination = function (_a) {
-    var _b = _a.pageSize, pageSize = _b === void 0 ? 10 : _b, mainQuery = _a.query, _c = _a.pageByPage, pageByPage = _c === void 0 ? false : _c, _d = _a.liveUpdate, liveUpdate = _d === void 0 ? false : _d;
-    var _e = (0, react_1.useState)(), error = _e[0], setError = _e[1];
-    var _f = (0, react_1.useState)(false), loading = _f[0], setLoading = _f[1];
-    var _g = (0, react_1.useState)([]), docs = _g[0], setDocs = _g[1];
-    var _h = (0, react_1.useState)([]), lastSnap = _h[0], setLastSnap = _h[1];
-    var _j = (0, react_1.useState)(addQuery(mainQuery, firestore_1.limit, pageSize)), query = _j[0], setQuery = _j[1];
-    var _k = (0, react_1.useState)({
-        totalDocs: 0,
-        totalPages: 0,
-    }), totals = _k[0], setTotals = _k[1];
-    var onRes = function (res) {
-        if (res.docs.length) {
-            setLastSnap(function (e) { return tslib_1.__spreadArray(tslib_1.__spreadArray([], e, true), [res.docs[pageSize - 1]], false); });
-            setDocs(function (e) { return (pageByPage ? res.docs : tslib_1.__spreadArray(tslib_1.__spreadArray([], e, true), res.docs, true)); });
-        }
-        setLoading(false);
-    };
-    var onErr = function (err) {
-        setError(err);
-        setLoading(false);
-    };
-    (0, react_1.useEffect)(function () {
-        setLoading(true);
-        if (liveUpdate) {
-            var unsubscribe = (0, firestore_1.onSnapshot)(query, onRes, onErr);
-            return unsubscribe;
-        }
-        else {
-            (0, firestore_1.getDocs)(query).then(onRes).catch(onErr);
-            return function () { return null; };
-        }
-        // eslint-disable-next-line react-hooks/exhaustive-deps
-    }, [query]);
-    (0, react_1.useEffect)(function () {
-        setLoading(true);
-        (0, firestore_1.getCountFromServer)(mainQuery).then(function (res) {
-            setQuery(addQuery(mainQuery, firestore_1.limit, pageSize));
-            setTotals({
-                totalDocs: res.data().count,
-                totalPages: Math.ceil(res.data().count / pageSize),
-            });
-        });
-    }, [mainQuery, pageSize, pageByPage]);
-    var getLastEle = function (array) { return array[array.length - 1]; };
-    var getNext = function () {
-        if (lastSnap.length < totals.totalPages) {
-            var q = addQuery(mainQuery, firestore_1.startAfter, getLastEle(lastSnap));
-            q = addQuery(q, firestore_1.limit, pageSize);
-            setQuery(q);
-        }
-    };
-    var getPrevious = function () {
-        if (pageByPage && lastSnap.length > 1) {
-            var newArray = lastSnap.slice(0, -2);
-            setLastSnap(newArray);
-            var q = addQuery(mainQuery, firestore_1.startAfter, getLastEle(newArray));
-            q = addQuery(q, firestore_1.limit, pageSize);
-            setQuery(q);
-        }
-    };
-    return (0, react_1.useMemo)(function () { return ({
-        error: error,
-        loading: loading,
-        getNext: getNext,
-        getPrevious: getPrevious,
-        hasNext: lastSnap.length < totals.totalPages,
-        hasPrevious: pageByPage ? 1 < lastSnap.length : false,
-        data: tslib_1.__assign(tslib_1.__assign({ docs: docs }, totals), { currentPage: lastSnap.length }),
-    }); }, 
-    // eslint-disable-next-line react-hooks/exhaustive-deps
-    [docs]);
-};
-exports.default = usePagination;
-//# sourceMappingURL=App.js.map

package/dist/cjs/App.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"App.js","sourceRoot":"","sources":["../../src/App.tsx"],"names":[],"mappings":"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"}

package/dist/cjs/index.d.ts

@@ -1,2 +0,0 @@
-import usePagination from './App';
-export default usePagination;

package/dist/cjs/index.js

@@ -1,6 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-var tslib_1 = require("tslib");
-var App_1 = tslib_1.__importDefault(require("./App"));
-exports.default = App_1.default;
-//# sourceMappingURL=index.js.map

package/dist/cjs/index.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":";;;AAAA,sDAAiC;AAEjC,kBAAe,aAAa,CAAA"}

package/dist/esm/App.d.ts

@@ -1,23 +0,0 @@
-import { Query, QueryDocumentSnapshot } from 'firebase/firestore';
-type data = {
-    totalDocs: number;
-    totalPages: number;
-    currentPage: number;
-    docs: QueryDocumentSnapshot[];
-};
-type hookReturnValue = {
-    data: data;
-    error?: Error;
-    loading: boolean;
-    getNext: () => void;
-    getPrevious: () => void;
-};
-type hookProps = {
-    query: Query;
-    pageSize: number;
-    pageByPage?: boolean;
-    liveUpdate?: boolean;
-};
-type usePaginateType = (props: hookProps) => hookReturnValue;
-declare const usePagination: usePaginateType;
-export default usePagination;

package/dist/esm/App.js

@@ -1,81 +0,0 @@
-import { __assign, __spreadArray } from "tslib";
-import { useState, useEffect, useMemo } from 'react';
-import { query, limit, getDocs, startAfter, onSnapshot, getCountFromServer, } from 'firebase/firestore';
-var addQuery = function (q, fun, value) {
-    return value ? query(q, fun(value)) : q;
-};
-var usePagination = function (_a) {
-    var _b = _a.pageSize, pageSize = _b === void 0 ? 10 : _b, mainQuery = _a.query, _c = _a.pageByPage, pageByPage = _c === void 0 ? false : _c, _d = _a.liveUpdate, liveUpdate = _d === void 0 ? false : _d;
-    var _e = useState(), error = _e[0], setError = _e[1];
-    var _f = useState(false), loading = _f[0], setLoading = _f[1];
-    var _g = useState([]), docs = _g[0], setDocs = _g[1];
-    var _h = useState([]), lastSnap = _h[0], setLastSnap = _h[1];
-    var _j = useState(addQuery(mainQuery, limit, pageSize)), query = _j[0], setQuery = _j[1];
-    var _k = useState({
-        totalDocs: 0,
-        totalPages: 0,
-    }), totals = _k[0], setTotals = _k[1];
-    var onRes = function (res) {
-        if (res.docs.length) {
-            setLastSnap(function (e) { return __spreadArray(__spreadArray([], e, true), [res.docs[pageSize - 1]], false); });
-            setDocs(function (e) { return (pageByPage ? res.docs : __spreadArray(__spreadArray([], e, true), res.docs, true)); });
-        }
-        setLoading(false);
-    };
-    var onErr = function (err) {
-        setError(err);
-        setLoading(false);
-    };
-    useEffect(function () {
-        setLoading(true);
-        if (liveUpdate) {
-            var unsubscribe = onSnapshot(query, onRes, onErr);
-            return unsubscribe;
-        }
-        else {
-            getDocs(query).then(onRes).catch(onErr);
-            return function () { return null; };
-        }
-        // eslint-disable-next-line react-hooks/exhaustive-deps
-    }, [query]);
-    useEffect(function () {
-        setLoading(true);
-        getCountFromServer(mainQuery).then(function (res) {
-            setQuery(addQuery(mainQuery, limit, pageSize));
-            setTotals({
-                totalDocs: res.data().count,
-                totalPages: Math.ceil(res.data().count / pageSize),
-            });
-        });
-    }, [mainQuery, pageSize, pageByPage]);
-    var getLastEle = function (array) { return array[array.length - 1]; };
-    var getNext = function () {
-        if (lastSnap.length < totals.totalPages) {
-            var q = addQuery(mainQuery, startAfter, getLastEle(lastSnap));
-            q = addQuery(q, limit, pageSize);
-            setQuery(q);
-        }
-    };
-    var getPrevious = function () {
-        if (pageByPage && lastSnap.length > 1) {
-            var newArray = lastSnap.slice(0, -2);
-            setLastSnap(newArray);
-            var q = addQuery(mainQuery, startAfter, getLastEle(newArray));
-            q = addQuery(q, limit, pageSize);
-            setQuery(q);
-        }
-    };
-    return useMemo(function () { return ({
-        error: error,
-        loading: loading,
-        getNext: getNext,
-        getPrevious: getPrevious,
-        hasNext: lastSnap.length < totals.totalPages,
-        hasPrevious: pageByPage ? 1 < lastSnap.length : false,
-        data: __assign(__assign({ docs: docs }, totals), { currentPage: lastSnap.length }),
-    }); }, 
-    // eslint-disable-next-line react-hooks/exhaustive-deps
-    [docs]);
-};
-export default usePagination;
-//# sourceMappingURL=App.js.map

package/dist/esm/App.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"App.js","sourceRoot":"","sources":["../../src/App.tsx"],"names":[],"mappings":"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"}

package/dist/esm/index.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,aAAa,MAAM,OAAO,CAAA;AAEjC,eAAe,aAAa,CAAA"}

package/dist/esm/test.d.ts

@@ -1,3 +0,0 @@
-import React from 'react';
-declare const Page: () => React.JSX.Element;
-export default Page;

package/dist/esm/test.js

@@ -1,58 +0,0 @@
-'use client';
-import { collection, query, limit } from 'firebase/firestore';
-import React from 'react';
-import { db } from '../../../firebase';
-import usePagination from 'react-firebase-pagination';
-var mainQuery = query(collection(db, 'formData'), limit(5));
-var Page = function () {
-    var _a;
-    var _b = usePagination({
-        pageSize: 6,
-        pageByPage: true,
-        query: mainQuery
-    }), getNext = _b.getNext, getPrevious = _b.getPrevious, data = _b.data, loading = _b.loading;
-    console.log("this is data -----> ", data);
-    if (loading) {
-        return React.createElement("div", { className: 'flex w-screen h-screen items-center justify-center' }, "Loading...");
-    }
-    return (
-    // loading ? <span>Loading...</span> : <div className='flex flex-col ' >
-    React.createElement("div", { className: 'flex flex-col' },
-        React.createElement("div", { className: 'flex w-full h-12' }, ['username',
-            'firstName ',
-            'lastName ',
-            'email ',
-            'about ',
-            'address ',
-            'city ',
-            'region ',
-            'country ',
-            'pinCode ',
-            'candidate ',
-            'everything ',
-        ].map(function (e) {
-            return React.createElement("div", { className: 'w-32 text-ellipsis overflow-hidden whitespace-nowrap text-center border-x' }, e);
-        })),
-        React.createElement("div", { className: 'flex flex-col w-full h-full' }, (_a = data === null || data === void 0 ? void 0 : data.docs) === null || _a === void 0 ? void 0 :
-            _a.map(function (e) {
-                var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o;
-                return (React.createElement(React.Fragment, null,
-                    React.createElement("div", { key: (_a = e.data()) === null || _a === void 0 ? void 0 : _a.id, className: 'flex w-full' },
-                        React.createElement("span", { className: 'w-32 text-ellipsis overflow-hidden whitespace-nowrap text-center border-x' }, (_b = e.data()) === null || _b === void 0 ? void 0 : _b.userName),
-                        React.createElement("span", { className: 'w-32 text-ellipsis overflow-hidden whitespace-nowrap text-center border-x' }, (_c = e.data()) === null || _c === void 0 ? void 0 : _c.firstName),
-                        React.createElement("span", { className: 'w-32 text-ellipsis overflow-hidden whitespace-nowrap text-center border-x' }, (_d = e.data()) === null || _d === void 0 ? void 0 : _d.lastName),
-                        React.createElement("span", { className: 'w-32 text-ellipsis overflow-hidden whitespace-nowrap text-center border-x' }, (_e = e.data()) === null || _e === void 0 ? void 0 : _e.email),
-                        React.createElement("span", { className: 'w-32 text-ellipsis overflow-hidden whitespace-nowrap text-center border-x' }, (_f = e.data()) === null || _f === void 0 ? void 0 : _f.about),
-                        React.createElement("span", { className: 'w-32 text-ellipsis overflow-hidden whitespace-nowrap text-center border-x' }, (_g = e.data()) === null || _g === void 0 ? void 0 : _g.address),
-                        React.createElement("span", { className: 'w-32 text-ellipsis overflow-hidden whitespace-nowrap text-center border-x' }, (_h = e.data()) === null || _h === void 0 ? void 0 : _h.city),
-                        React.createElement("span", { className: 'w-32 text-ellipsis overflow-hidden whitespace-nowrap text-center border-x' }, (_j = e.data()) === null || _j === void 0 ? void 0 : _j.region),
-                        React.createElement("span", { className: 'w-32 text-ellipsis overflow-hidden whitespace-nowrap text-center border-x' }, (_k = e.data()) === null || _k === void 0 ? void 0 : _k.country),
-                        React.createElement("span", { className: 'w-32 text-ellipsis overflow-hidden whitespace-nowrap text-center border-x' }, (_l = e.data()) === null || _l === void 0 ? void 0 : _l.pinCode),
-                        React.createElement("span", { className: 'w-32 text-ellipsis overflow-hidden whitespace-nowrap text-center border-x' }, String((_m = e.data()) === null || _m === void 0 ? void 0 : _m.candidate)),
-                        React.createElement("span", { className: 'w-32 text-ellipsis overflow-hidden whitespace-nowrap text-center border-x' }, String((_o = e.data()) === null || _o === void 0 ? void 0 : _o.everything)))));
-            }),
-            React.createElement("button", { className: 'bg-transparent w-32 hover:bg-blue-500 text-blue-700 font-semibold hover:text-white py-2 px-4 border border-blue-500 hover:border-transparent rounded', onClick: function () { return getNext(); } }, "Next"),
-            React.createElement("button", { className: 'bg-transparent w-32 hover:bg-blue-500 text-blue-700 font-semibold hover:text-white py-2 px-4 border border-blue-500 hover:border-transparent rounded', onClick: function () { return getPrevious(); } }, "Previous"))));
-};
-export default Page;
-//# sourceMappingURL=test.js.map

package/dist/esm/test.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"test.js","sourceRoot":"","sources":["../../src/test.tsx"],"names":[],"mappings":"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"}