baaz-custom-components 5.0.12 → 5.0.13

package/dist/index.d.mts

@@ -122,8 +122,6 @@ type Pagination$1 = {
     sizeChangerOptions?: number[];
 };
 
-declare function Pagination({ totalCount, count, currentPage, totalPages, pageSize, onPageChange, onPageSizeChange, showSizeChanger, sizeChangerOptions, }: Pagination$1 & {
-    sizeChangerOptions?: number[];
-}): react.JSX.Element | null;
+declare function Pagination({ totalCount, count, currentPage, totalPages, pageSize, onPageChange, onPageSizeChange, showSizeChanger, sizeChangerOptions, }: Pagination$1): react.JSX.Element | null;
 
 export { type BreadcrumbProps, CustomBreadcrumb, Grid, type GridProps, Navbar, type NavbarData, type NavbarEntry, type NavbarProps, type NotificationDataTypes, Pagination, type Pagination$1 as PaginationProps, type RouteTree, type RouterAdapter, type UserData };

package/dist/index.d.ts

@@ -122,8 +122,6 @@ type Pagination$1 = {
     sizeChangerOptions?: number[];
 };
 
-declare function Pagination({ totalCount, count, currentPage, totalPages, pageSize, onPageChange, onPageSizeChange, showSizeChanger, sizeChangerOptions, }: Pagination$1 & {
-    sizeChangerOptions?: number[];
-}): react.JSX.Element | null;
+declare function Pagination({ totalCount, count, currentPage, totalPages, pageSize, onPageChange, onPageSizeChange, showSizeChanger, sizeChangerOptions, }: Pagination$1): react.JSX.Element | null;
 
 export { type BreadcrumbProps, CustomBreadcrumb, Grid, type GridProps, Navbar, type NavbarData, type NavbarEntry, type NavbarProps, type NotificationDataTypes, Pagination, type Pagination$1 as PaginationProps, type RouteTree, type RouterAdapter, type UserData };

package/dist/index.js

@@ -2286,10 +2286,6 @@ function Grid(_a) {
 }
 var grid_default = Grid;
 
-// src/components/custom/pagination/index.tsx
-var import_react7 = require("react");
-var import_navigation = require("next/navigation");
-
 // src/utils/pagination.ts
 function getPaginationRange(currentPage, totalPages, siblingCount = 2) {
   const range = [];
@@ -2334,34 +2330,15 @@ function Pagination({
   showSizeChanger = false,
   sizeChangerOptions = [10, 20, 50, 100]
 }) {
-  const router = (0, import_navigation.useRouter)();
-  const params = (0, import_navigation.useSearchParams)();
-  const setParams = (0, import_react7.useCallback)(
-    (updates) => {
-      const q = new URLSearchParams(params.toString());
-      Object.entries(updates).forEach(([k, v]) => q.set(k, v));
-      router.replace(`?${q.toString()}`, { scroll: false });
-    },
-    [params, router]
-  );
+  if (totalPages <= 1) return null;
+  const pages = getPaginationRange(currentPage, totalPages);
   const handlePageChange = (page) => {
-    console.log("handlePageChange", page);
     if (page < 1 || page > totalPages) return;
-    if (onPageChange) {
-      onPageChange(page);
-      return;
-    }
-    setParams({ page: String(page) });
+    onPageChange == null ? void 0 : onPageChange(page);
   };
   const handlePageSizeChange = (size) => {
-    if (onPageSizeChange) {
-      onPageSizeChange(size);
-      return;
-    }
-    setParams({ pageSize: String(size), page: "1" });
+    onPageSizeChange == null ? void 0 : onPageSizeChange(size);
   };
-  if (totalPages <= 1) return null;
-  const pages = getPaginationRange(currentPage, totalPages);
   return /* @__PURE__ */ (0, import_jsx_runtime26.jsxs)("div", { className: "flex items-center justify-between bg-card px-3 py-2", children: [
     /* @__PURE__ */ (0, import_jsx_runtime26.jsxs)("div", { className: "flex items-center gap-3 text-xs text-muted-foreground tracking-wider font-medium", children: [
       /* @__PURE__ */ (0, import_jsx_runtime26.jsxs)("span", { children: [
@@ -2376,7 +2353,7 @@ function Pagination({
         {
           value: pageSize,
           onChange: (e) => handlePageSizeChange(Number(e.target.value)),
-          className: "rounded-md border border-input bg-background px-3 py-2 select-none text-xs text-foreground focus:outline-none",
+          className: "rounded-md border border-input bg-background px-3 py-2 text-xs text-foreground focus:outline-none",
           children: sizeChangerOptions.map((size) => /* @__PURE__ */ (0, import_jsx_runtime26.jsxs)("option", { value: size, children: [
             size,
             " / page"
@@ -2385,31 +2362,42 @@ function Pagination({
       )
     ] }),
     /* @__PURE__ */ (0, import_jsx_runtime26.jsxs)("div", { className: "flex items-center gap-1", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime26.jsx)("div", { className: "hover:bg-card-foreground disabled:opacity-40 border border-border w-8 h-8 rounded-md flex items-center justify-center cursor-pointer", children: /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(
-        import_lucide_react14.ChevronLeft,
+      /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(
+        "button",
         {
+          disabled: currentPage === 1,
           onClick: () => handlePageChange(currentPage - 1),
-          className: "w-5 h-5 select-none"
+          className: "border border-border w-8 h-8 rounded-md flex items-center justify-center disabled:opacity-40 hover:bg-card-foreground transition",
+          children: /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(import_lucide_react14.ChevronLeft, { className: "w-5 h-5 select-none" })
         }
-      ) }),
+      ),
       pages.map(
-        (page, idx) => page === "dots" ? /* @__PURE__ */ (0, import_jsx_runtime26.jsx)("span", { className: "px-2 text-muted-foreground text-xs tracking-wider font-medium", children: "\u2026" }, `dots-${idx}`) : /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(
+        (page, idx) => page === "dots" ? /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(
+          "span",
+          {
+            className: "px-2 text-muted-foreground text-xs tracking-wider font-medium",
+            children: "\u2026"
+          },
+          `dots-${idx}`
+        ) : /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(
           "button",
           {
             onClick: () => handlePageChange(page),
-            className: `rounded-md w-8 h-8 text-xs transition cursor-pointer select-none tracking-wider font-medium ${page === currentPage ? "bg-card-foreground text-foreground" : "hover:bg-card-foreground"}`,
+            className: `rounded-md w-8 h-8 text-xs transition tracking-wider font-medium ${page === currentPage ? "bg-card-foreground text-foreground" : "hover:bg-card-foreground"}`,
             children: page
           },
           page
         )
       ),
-      /* @__PURE__ */ (0, import_jsx_runtime26.jsx)("div", { className: "hover:bg-card-foreground disabled:opacity-40 border border-border w-8 h-8 rounded-md flex items-center justify-center cursor-pointer", children: /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(
-        import_lucide_react14.ChevronRight,
+      /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(
+        "button",
         {
-          onClick: () => currentPage === totalPages ? null : handlePageChange(currentPage + 1),
-          className: "w-5 h-5 select-none"
+          disabled: currentPage === totalPages,
+          onClick: () => handlePageChange(currentPage + 1),
+          className: "border border-border w-8 h-8 rounded-md flex items-center justify-center disabled:opacity-40 hover:bg-card-foreground transition",
+          children: /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(import_lucide_react14.ChevronRight, { className: "w-5 h-5 select-none" })
         }
-      ) })
+      )
     ] })
   ] });
 }

package/dist/index.mjs

@@ -2257,10 +2257,6 @@ function Grid(_a) {
 }
 var grid_default = Grid;
 
-// src/components/custom/pagination/index.tsx
-import { useCallback as useCallback2 } from "react";
-import { useRouter, useSearchParams } from "next/navigation";
-
 // src/utils/pagination.ts
 function getPaginationRange(currentPage, totalPages, siblingCount = 2) {
   const range = [];
@@ -2305,34 +2301,15 @@ function Pagination({
   showSizeChanger = false,
   sizeChangerOptions = [10, 20, 50, 100]
 }) {
-  const router = useRouter();
-  const params = useSearchParams();
-  const setParams = useCallback2(
-    (updates) => {
-      const q = new URLSearchParams(params.toString());
-      Object.entries(updates).forEach(([k, v]) => q.set(k, v));
-      router.replace(`?${q.toString()}`, { scroll: false });
-    },
-    [params, router]
-  );
+  if (totalPages <= 1) return null;
+  const pages = getPaginationRange(currentPage, totalPages);
   const handlePageChange = (page) => {
-    console.log("handlePageChange", page);
     if (page < 1 || page > totalPages) return;
-    if (onPageChange) {
-      onPageChange(page);
-      return;
-    }
-    setParams({ page: String(page) });
+    onPageChange == null ? void 0 : onPageChange(page);
   };
   const handlePageSizeChange = (size) => {
-    if (onPageSizeChange) {
-      onPageSizeChange(size);
-      return;
-    }
-    setParams({ pageSize: String(size), page: "1" });
+    onPageSizeChange == null ? void 0 : onPageSizeChange(size);
   };
-  if (totalPages <= 1) return null;
-  const pages = getPaginationRange(currentPage, totalPages);
   return /* @__PURE__ */ jsxs20("div", { className: "flex items-center justify-between bg-card px-3 py-2", children: [
     /* @__PURE__ */ jsxs20("div", { className: "flex items-center gap-3 text-xs text-muted-foreground tracking-wider font-medium", children: [
       /* @__PURE__ */ jsxs20("span", { children: [
@@ -2347,7 +2324,7 @@ function Pagination({
         {
           value: pageSize,
           onChange: (e) => handlePageSizeChange(Number(e.target.value)),
-          className: "rounded-md border border-input bg-background px-3 py-2 select-none text-xs text-foreground focus:outline-none",
+          className: "rounded-md border border-input bg-background px-3 py-2 text-xs text-foreground focus:outline-none",
           children: sizeChangerOptions.map((size) => /* @__PURE__ */ jsxs20("option", { value: size, children: [
             size,
             " / page"
@@ -2356,31 +2333,42 @@ function Pagination({
       )
     ] }),
     /* @__PURE__ */ jsxs20("div", { className: "flex items-center gap-1", children: [
-      /* @__PURE__ */ jsx26("div", { className: "hover:bg-card-foreground disabled:opacity-40 border border-border w-8 h-8 rounded-md flex items-center justify-center cursor-pointer", children: /* @__PURE__ */ jsx26(
-        ChevronLeft,
+      /* @__PURE__ */ jsx26(
+        "button",
         {
+          disabled: currentPage === 1,
           onClick: () => handlePageChange(currentPage - 1),
-          className: "w-5 h-5 select-none"
+          className: "border border-border w-8 h-8 rounded-md flex items-center justify-center disabled:opacity-40 hover:bg-card-foreground transition",
+          children: /* @__PURE__ */ jsx26(ChevronLeft, { className: "w-5 h-5 select-none" })
         }
-      ) }),
+      ),
       pages.map(
-        (page, idx) => page === "dots" ? /* @__PURE__ */ jsx26("span", { className: "px-2 text-muted-foreground text-xs tracking-wider font-medium", children: "\u2026" }, `dots-${idx}`) : /* @__PURE__ */ jsx26(
+        (page, idx) => page === "dots" ? /* @__PURE__ */ jsx26(
+          "span",
+          {
+            className: "px-2 text-muted-foreground text-xs tracking-wider font-medium",
+            children: "\u2026"
+          },
+          `dots-${idx}`
+        ) : /* @__PURE__ */ jsx26(
           "button",
           {
             onClick: () => handlePageChange(page),
-            className: `rounded-md w-8 h-8 text-xs transition cursor-pointer select-none tracking-wider font-medium ${page === currentPage ? "bg-card-foreground text-foreground" : "hover:bg-card-foreground"}`,
+            className: `rounded-md w-8 h-8 text-xs transition tracking-wider font-medium ${page === currentPage ? "bg-card-foreground text-foreground" : "hover:bg-card-foreground"}`,
             children: page
           },
           page
         )
       ),
-      /* @__PURE__ */ jsx26("div", { className: "hover:bg-card-foreground disabled:opacity-40 border border-border w-8 h-8 rounded-md flex items-center justify-center cursor-pointer", children: /* @__PURE__ */ jsx26(
-        ChevronRight3,
+      /* @__PURE__ */ jsx26(
+        "button",
         {
-          onClick: () => currentPage === totalPages ? null : handlePageChange(currentPage + 1),
-          className: "w-5 h-5 select-none"
+          disabled: currentPage === totalPages,
+          onClick: () => handlePageChange(currentPage + 1),
+          className: "border border-border w-8 h-8 rounded-md flex items-center justify-center disabled:opacity-40 hover:bg-card-foreground transition",
+          children: /* @__PURE__ */ jsx26(ChevronRight3, { className: "w-5 h-5 select-none" })
         }
-      ) })
+      )
     ] })
   ] });
 }

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "baaz-custom-components",
-    "version": "5.0.12",
+    "version": "5.0.13",
     "private": false,
     "sideEffects": false,
     "main": "dist/index.js",