@ichaingo/pagination 1.5.7-beta → 1.5.7

package/dist/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAoB/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"}
+{"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,10 +1,10 @@
 'use client';
-import { jsx as e, jsxs as d } from "react/jsx-runtime";
+import { jsx as i, jsxs as d } from "react/jsx-runtime";
 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 { useTranslate as F } from "@ichaingo/tolgee/client";
+import { useTranslations as F } from "next-intl";
 import { ChevronRight as G, ChevronLeft as T } from "lucide-react";
 const N = 1e4;
 function K({
@@ -18,12 +18,12 @@ function K({
   onPageSizeChange: h,
   totalLabel: M
 }) {
-  const { t: f } = F(), w = Math.min(p, N), l = Math.ceil(w / x), y = () => {
-    const i = [];
+  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);
-    n - o + 1 < 3 && (o = Math.max(1, n - 3 + 1)), o > 1 && (i.push(
-      /* @__PURE__ */ e(s, { children: /* @__PURE__ */ e(
+    n - o + 1 < 3 && (o = Math.max(1, n - 3 + 1)), o > 1 && (e.push(
+      /* @__PURE__ */ i(s, { children: /* @__PURE__ */ i(
         a,
         {
           size: "sm",
@@ -35,12 +35,12 @@ function K({
           children: "1"
         }
       ) }, "first")
-    ), o > 2 && i.push(
-      /* @__PURE__ */ e(s, { children: /* @__PURE__ */ e(v, {}) }, "ellipsis-start")
+    ), o > 2 && e.push(
+      /* @__PURE__ */ i(s, { children: /* @__PURE__ */ i(v, {}) }, "ellipsis-start")
     ));
     for (let c = o; c <= n; c++)
-      i.push(
-        /* @__PURE__ */ e(s, { children: /* @__PURE__ */ e(
+      e.push(
+        /* @__PURE__ */ i(s, { children: /* @__PURE__ */ i(
           a,
           {
             size: "sm",
@@ -53,10 +53,10 @@ function K({
           }
         ) }, c)
       );
-    return n < l && (n < l - 1 && i.push(
-      /* @__PURE__ */ e(s, { className: "cursor-pointer", children: /* @__PURE__ */ e(v, {}) }, "ellipsis-end")
-    ), i.push(
-      /* @__PURE__ */ e(s, { children: /* @__PURE__ */ e(
+    return n < l && (n < l - 1 && e.push(
+      /* @__PURE__ */ i(s, { className: "cursor-pointer", children: /* @__PURE__ */ i(v, {}) }, "ellipsis-end")
+    ), e.push(
+      /* @__PURE__ */ i(s, { children: /* @__PURE__ */ i(
         a,
         {
           size: "sm",
@@ -68,10 +68,10 @@ function K({
           children: l
         }
       ) }, "last")
-    )), i;
+    )), e;
   };
-  return w <= b[0] ? null : /* @__PURE__ */ e(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__ */ e(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: [
+  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,
@@ -79,10 +79,10 @@ function K({
       f("common.pagination.item"),
       p > N ? `${f("common.pagination.totalTip")}` : ""
     ] }) }, "total"),
-    /* @__PURE__ */ e("div", { className: "w-full md:w-auto md:flex-2 flex items-center justify-center", children: u.filter((i) => i !== "total" && i !== "sizes").map((i) => {
-      switch (i) {
+    /* @__PURE__ */ i("div", { className: "w-full md:w-auto md:flex-2 flex items-center justify-center", children: u.filter((e) => e !== "total" && e !== "sizes").map((e) => {
+      switch (e) {
         case "prev":
-          return /* @__PURE__ */ e(s, { children: /* @__PURE__ */ e(
+          return /* @__PURE__ */ i(s, { children: /* @__PURE__ */ i(
             a,
             {
               "aria-label": "Go to previous page",
@@ -92,13 +92,13 @@ function K({
                 r === 1 ? "pointer-events-none opacity-50" : ""
               ),
               onClick: () => t == null ? void 0 : t(Math.max(1, r - 1)),
-              children: /* @__PURE__ */ e(T, { size: 16 })
+              children: /* @__PURE__ */ i(T, { size: 16 })
             }
           ) }, "prev");
         case "page":
-          return /* @__PURE__ */ e(z.Fragment, { children: y() }, "page");
+          return /* @__PURE__ */ i(z.Fragment, { children: y() }, "page");
         case "next":
-          return /* @__PURE__ */ e(s, { children: /* @__PURE__ */ e(
+          return /* @__PURE__ */ i(s, { children: /* @__PURE__ */ i(
             a,
             {
               size: "sm",
@@ -107,7 +107,7 @@ function K({
                 r === l ? "pointer-events-none opacity-50" : ""
               ),
               onClick: () => t == null ? void 0 : t(Math.min(l, r + 1)),
-              children: /* @__PURE__ */ e(G, { size: 16 })
+              children: /* @__PURE__ */ i(G, { size: 16 })
             }
           ) }, "next");
         default:
@@ -115,22 +115,22 @@ function K({
       }
     }) }),
     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__ */ e("span", { className: "text-sm text-muted-foreground", children: f("common.pagination.sizeLabel") }),
+      /* @__PURE__ */ i("span", { className: "text-sm text-muted-foreground", children: f("common.pagination.sizeLabel") }),
       /* @__PURE__ */ d(
         S,
         {
           value: x.toString(),
-          onValueChange: (i) => h(Number(i)),
+          onValueChange: (e) => h(Number(e)),
           children: [
-            /* @__PURE__ */ e(
+            /* @__PURE__ */ i(
               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__ */ e(I, {})
+                children: /* @__PURE__ */ i(I, {})
               }
             ),
-            /* @__PURE__ */ e(R, { className: "w-20 bg-module", children: b.map((i) => /* @__PURE__ */ e(E, { value: i.toString(), className: "text-sm px-2 py-1 cursor-pointer hover:bg-background", children: i }, i)) })
+            /* @__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)) })
           ]
         }
       )

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ichaingo/pagination",
-  "version": "1.5.7-beta",
+  "version": "1.5.7",
   "type": "module",
   "main": "./dist/index.js",
   "module": "./dist/index.js",
@@ -16,9 +16,10 @@
   "dependencies": {
     "react": "19.1.1",
     "react-dom": "19.1.1",
+    "next-intl": "4.6.1",
     "tailwind-merge": "3.3.1",
     "lucide-react": "0.539.0",
-    "@ichaingo/ui": "1.5.7-beta"
+    "@ichaingo/ui": "1.5.7"
   },
   "devDependencies": {
     "rollup-plugin-preserve-use-client": "3.0.1"

package/src/index.tsx

@@ -15,8 +15,7 @@ import {
   SelectValue,
 } from "@ichaingo/ui/select";
 import { twMerge } from "tailwind-merge";
-import { useTranslate } from "@ichaingo/tolgee/client";
-
+import { useTranslations } from "next-intl";
 import { ChevronLeft, ChevronRight } from "lucide-react";
 
 interface CustomPaginationProps {
@@ -42,7 +41,7 @@ export default function CustomPagination({
   onPageSizeChange,
   totalLabel
 }: CustomPaginationProps) {
-  const { t } = useTranslate();
+  const t = useTranslations()
   const total = Math.min(initialTotal, limit)
   const totalPages = Math.ceil(total / pageSize);
 

package/tsconfig.json

@@ -2,9 +2,6 @@
   "files": [],
   "include": [],
   "references": [
-    {
-      "path": "../tolgee"
-    },
     {
       "path": "../ui"
     },

package/tsconfig.lib.json

@@ -43,9 +43,6 @@
   ],
   "include": ["src/**/*.js", "src/**/*.jsx", "src/**/*.ts", "src/**/*.tsx"],
   "references": [
-    {
-      "path": "../tolgee/tsconfig.lib.json"
-    },
     {
       "path": "../ui/tsconfig.lib.json"
     }

package/vite.config.ts

@@ -42,7 +42,7 @@ export default defineConfig(() => ({
     rollupOptions: {
       // External packages that should not be bundled into your library.
       external: [
-        'react', 'react-dom', 'react/jsx-runtime', 'tailwind-merge', 'lucide-react', '@ichaingo/tolgee',
+        'react', 'react-dom', 'react/jsx-runtime', 'tailwind-merge', 'lucide-react', 'next-intl',
         /^@ichaingo\/.+/,
         /^@radix-ui\/.+/
       ],