@ichaingo/pagination 1.2.2 → 1.2.4

package/dist/index.d.ts

@@ -1,3 +1,4 @@
+import * as React from "react";
 interface CustomPaginationProps {
     className?: string;
     total: number;
@@ -7,7 +8,8 @@ interface CustomPaginationProps {
     layout?: ('prev' | 'page' | 'next' | 'ellipsis' | 'sizes' | 'total')[];
     onPageChange?: (page: number) => void;
     onPageSizeChange?: (pageSize: number) => void;
+    totalLabel?: React.ReactNode;
 }
-export default function CustomPagination({ className, total: initialTotal, pageSize, pageSizeOptions, currentPage, layout, onPageChange, onPageSizeChange, }: CustomPaginationProps): import("react/jsx-runtime").JSX.Element | null;
+export default function CustomPagination({ className, total: initialTotal, pageSize, pageSizeOptions, currentPage, layout, onPageChange, onPageSizeChange, totalLabel }: CustomPaginationProps): import("react/jsx-runtime").JSX.Element | null;
 export {};
 //# sourceMappingURL=index.d.ts.map

package/dist/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.tsx"],"names":[],"mappings":"AAoBA,UAAU,qBAAqB;IAC7B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,EAAE,MAAM,CAAC;IACjB,WAAW,EAAE,MAAM,CAAC;IACpB,eAAe,CAAC,EAAE,MAAM,EAAE,CAAC;IAC3B,MAAM,CAAC,EAAE,CAAC,MAAM,GAAG,MAAM,GAAG,MAAM,GAAG,UAAU,GAAG,OAAO,GAAG,OAAO,CAAC,EAAE,CAAC;IACvE,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;IACtC,gBAAgB,CAAC,EAAE,CAAC,QAAQ,EAAE,MAAM,KAAK,IAAI,CAAC;CAC/C;AAED,MAAM,CAAC,OAAO,UAAU,gBAAgB,CAAC,EACvC,SAAS,EACT,KAAK,EAAE,YAAY,EACnB,QAAQ,EACR,eAA8B,EAC9B,WAAW,EACX,MAA+D,EAC/D,YAAY,EACZ,gBAAgB,GACjB,EAAE,qBAAqB,kDA4KvB"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAmB/B,UAAU,qBAAqB;IAC7B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,EAAE,MAAM,CAAC;IACjB,WAAW,EAAE,MAAM,CAAC;IACpB,eAAe,CAAC,EAAE,MAAM,EAAE,CAAC;IAC3B,MAAM,CAAC,EAAE,CAAC,MAAM,GAAG,MAAM,GAAG,MAAM,GAAG,UAAU,GAAG,OAAO,GAAG,OAAO,CAAC,EAAE,CAAC;IACvE,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;IACtC,gBAAgB,CAAC,EAAE,CAAC,QAAQ,EAAE,MAAM,KAAK,IAAI,CAAC;IAC9C,UAAU,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC9B;AAED,MAAM,CAAC,OAAO,UAAU,gBAAgB,CAAC,EACvC,SAAS,EACT,KAAK,EAAE,YAAY,EACnB,QAAQ,EACR,eAA8B,EAC9B,WAAW,EACX,MAA+D,EAC/D,YAAY,EACZ,gBAAgB,EAChB,UAAU,EACX,EAAE,qBAAqB,kDA4KvB"}

package/dist/index.js

@@ -1,13 +1,13 @@
 'use client';
 import { jsx as i, jsxs as d } from "react/jsx-runtime";
-import * as y from "react";
-import { Pagination as z, PaginationContent as j, PaginationItem as s, PaginationLink as a, PaginationEllipsis as v } from "@ichaingo/ui/pagination";
-import { Select as V, SelectTrigger as S, SelectValue as L, SelectContent as I, SelectItem as R } from "@ichaingo/ui/select";
+import * as z from "react";
+import { Pagination as j, PaginationContent as V, PaginationItem as s, PaginationLink as a, PaginationEllipsis as v } from "@ichaingo/ui/pagination";
+import { Select as S, SelectTrigger as L, SelectValue as I, SelectContent as R, SelectItem as E } from "@ichaingo/ui/select";
 import { twMerge as m } from "tailwind-merge";
-import { useTranslations as E } from "next-intl";
-import { ChevronRight as F, ChevronLeft as G } from "lucide-react";
+import { useTranslations as F } from "next-intl";
+import { ChevronRight as G, ChevronLeft as T } from "lucide-react";
 const N = 1e4;
-function J({
+function K({
   className: k,
   total: p,
   pageSize: x,
@@ -15,9 +15,10 @@ function J({
   currentPage: r,
   layout: u = ["prev", "page", "next", "ellipsis", "sizes", "total"],
   onPageChange: t,
-  onPageSizeChange: h
+  onPageSizeChange: h,
+  totalLabel: M
 }) {
-  const f = E(), w = Math.min(p, N), l = Math.ceil(w / x), M = () => {
+  const f = F(), w = Math.min(p, N), l = Math.ceil(w / x), y = () => {
     const e = [];
     let o = Math.max(1, r - Math.floor(1.5));
     const n = Math.min(l, o + 3 - 1);
@@ -69,8 +70,8 @@ function J({
       ) }, "last")
     )), e;
   };
-  return w <= b[0] ? null : /* @__PURE__ */ i(z, { className: m("w-full max-w-[100vw] mt-3", k), children: /* @__PURE__ */ d(j, { className: "w-full flex flex-row items-center justify-between flex-wrap", children: [
-    u.includes("total") && /* @__PURE__ */ i(s, { className: "mr-auto order-1 flex-1 overflow-hidden md:overflow-visible md:order-0 ", children: /* @__PURE__ */ d("span", { className: "text-sm block text-subtitle w-full truncate", children: [
+  return w <= b[0] ? null : /* @__PURE__ */ i(j, { className: m("w-full max-w-[100vw] mt-3", k), children: /* @__PURE__ */ d(V, { className: "w-full flex flex-row items-center justify-between flex-wrap", children: [
+    u.includes("total") && /* @__PURE__ */ i(s, { className: "mr-auto order-1 flex-1 overflow-hidden md:overflow-visible md:order-0 ", children: M || /* @__PURE__ */ d("span", { className: "text-sm block text-subtitle w-full truncate", children: [
       f("common.pagination.total"),
       " ",
       p,
@@ -91,11 +92,11 @@ function J({
                 r === 1 ? "pointer-events-none opacity-50" : ""
               ),
               onClick: () => t == null ? void 0 : t(Math.max(1, r - 1)),
-              children: /* @__PURE__ */ i(G, { size: 16 })
+              children: /* @__PURE__ */ i(T, { size: 16 })
             }
           ) }, "prev");
         case "page":
-          return /* @__PURE__ */ i(y.Fragment, { children: M() }, "page");
+          return /* @__PURE__ */ i(z.Fragment, { children: y() }, "page");
         case "next":
           return /* @__PURE__ */ i(s, { children: /* @__PURE__ */ i(
             a,
@@ -106,7 +107,7 @@ function J({
                 r === l ? "pointer-events-none opacity-50" : ""
               ),
               onClick: () => t == null ? void 0 : t(Math.min(l, r + 1)),
-              children: /* @__PURE__ */ i(F, { size: 16 })
+              children: /* @__PURE__ */ i(G, { size: 16 })
             }
           ) }, "next");
         default:
@@ -116,20 +117,20 @@ function J({
     u.includes("sizes") && h && /* @__PURE__ */ d(s, { className: "gap-2 flex shrink-0 order-1 lg:order-0 items-center py-0.5 flex-1 justify-end", children: [
       /* @__PURE__ */ i("span", { className: "text-sm text-muted-foreground", children: f("common.pagination.sizeLabel") }),
       /* @__PURE__ */ d(
-        V,
+        S,
         {
           value: x.toString(),
           onValueChange: (e) => h(Number(e)),
           children: [
             /* @__PURE__ */ i(
-              S,
+              L,
               {
                 size: "sm",
                 className: " border-1 border-input w-[70px] focus:ring-0 text-black bg-background focus-visible:outline-0 focus-ring-0 focus-visible:ring-0 focus-visible:ring-offset-0 focus-visible:border-input py-1",
-                children: /* @__PURE__ */ i(L, {})
+                children: /* @__PURE__ */ i(I, {})
               }
             ),
-            /* @__PURE__ */ i(I, { className: "w-20 bg-module", children: b.map((e) => /* @__PURE__ */ i(R, { value: e.toString(), className: "text-sm px-2 py-1 cursor-pointer hover:bg-background", children: e }, e)) })
+            /* @__PURE__ */ i(R, { className: "w-20 bg-module", children: b.map((e) => /* @__PURE__ */ i(E, { value: e.toString(), className: "text-sm px-2 py-1 cursor-pointer hover:bg-background", children: e }, e)) })
           ]
         }
       )
@@ -137,5 +138,5 @@ function J({
   ] }) });
 }
 export {
-  J as default
+  K as default
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ichaingo/pagination",
-  "version": "1.2.2",
+  "version": "1.2.4",
   "type": "module",
   "main": "./dist/index.js",
   "module": "./dist/index.js",
@@ -19,7 +19,7 @@
     "next-intl": ">=4",
     "tailwind-merge": "^2.5.5",
     "lucide-react": "^0.539.0",
-    "@ichaingo/ui": "1.2.2"
+    "@ichaingo/ui": "1.2.4"
   },
   "dependencies": {},
   "devDependencies": {

package/src/index.tsx

@@ -27,6 +27,7 @@ interface CustomPaginationProps {
   layout?: ('prev' | 'page' | 'next' | 'ellipsis' | 'sizes' | 'total')[];
   onPageChange?: (page: number) => void;
   onPageSizeChange?: (pageSize: number) => void;
+  totalLabel?: React.ReactNode;
 }
 const limit = 10000
 export default function CustomPagination({
@@ -38,6 +39,7 @@ export default function CustomPagination({
   layout = ['prev', 'page', 'next', 'ellipsis', 'sizes', 'total'],
   onPageChange,
   onPageSizeChange,
+  totalLabel
 }: CustomPaginationProps) {
   const t = useTranslations()
   const total = Math.min(initialTotal, limit)
@@ -137,10 +139,10 @@ export default function CustomPagination({
       <PaginationContent className="w-full flex flex-row items-center justify-between flex-wrap">
         {layout.includes('total') && (
           <PaginationItem key="total" className="mr-auto order-1 flex-1 overflow-hidden md:overflow-visible md:order-0 ">
-            <span className="text-sm block text-subtitle w-full truncate">
+            { totalLabel || <span className="text-sm block text-subtitle w-full truncate">
               {t('common.pagination.total')} {initialTotal} {t('common.pagination.item')}
               {initialTotal > limit ? `${t('common.pagination.totalTip')}` : ''}
-            </span>
+            </span>}
           </PaginationItem>
         )}
         <div className="w-full md:w-auto md:flex-2 flex items-center justify-center">