@yuno-payments/dashboard-design-system 2.0.12 → 2.0.16

package/dist/components/molecules/pagination/index.d.ts

@@ -1,2 +1,3 @@
 export { Pagination, type PaginationProps } from './pagination';
+export { getPaginationTranslations, type PaginationLanguage, type PaginationTranslations, } from './pagination-translations';
 export { Pagination as PaginationRoot, PaginationContent, PaginationEllipsis, PaginationItem, PaginationLink, PaginationNext, PaginationPrevious, } from '../../../vendor/shadcn/pagination';

package/dist/components/molecules/pagination/page-numbers.d.ts

@@ -3,6 +3,8 @@ interface PageNumbersProps {
     totalPages?: number;
     maxVisiblePages: number;
     onPageClick?: (page: number) => void;
+    /** Screen reader label for ellipsis (default: "More pages") */
+    morePagesLabel?: string;
 }
-declare const PageNumbers: ({ currentPage, totalPages, maxVisiblePages, onPageClick, }: PageNumbersProps) => import("react/jsx-runtime").JSX.Element;
+declare const PageNumbers: ({ currentPage, totalPages, maxVisiblePages, onPageClick, morePagesLabel, }: PageNumbersProps) => import("react/jsx-runtime").JSX.Element;
 export { PageNumbers, type PageNumbersProps };

package/dist/components/molecules/pagination/page-numbers.js

@@ -1,23 +1,24 @@
 import { j as i } from "../../../_virtual/jsx-runtime.js";
 import { PaginationItem as e, PaginationLink as t, PaginationEllipsis as h } from "../../../vendor/shadcn/pagination.js";
-import { calculateVisiblePages as a } from "./page-numbers.utils.js";
-const u = ({
+import { calculateVisiblePages as d } from "./page-numbers.utils.js";
+const b = ({
   currentPage: n,
   totalPages: l,
   maxVisiblePages: o,
-  onPageClick: c
+  onPageClick: c,
+  morePagesLabel: m
 }) => {
   if (!l)
     return /* @__PURE__ */ i.jsx(e, { children: /* @__PURE__ */ i.jsx(t, { isActive: !0, children: n }) });
-  const m = (s, r) => {
+  const x = (s, r) => {
     s.preventDefault(), r !== n && c?.(r);
-  }, x = a(n, l, o);
-  return /* @__PURE__ */ i.jsx(i.Fragment, { children: x.map(
-    (s, r) => s === "ellipsis" ? /* @__PURE__ */ i.jsx(e, { children: /* @__PURE__ */ i.jsx(h, {}) }, `ellipsis-${r}`) : /* @__PURE__ */ i.jsx(e, { children: /* @__PURE__ */ i.jsx(
+  }, j = d(n, l, o);
+  return /* @__PURE__ */ i.jsx(i.Fragment, { children: j.map(
+    (s, r) => s === "ellipsis" ? /* @__PURE__ */ i.jsx(e, { children: /* @__PURE__ */ i.jsx(h, { srLabel: m }) }, `ellipsis-${r}`) : /* @__PURE__ */ i.jsx(e, { children: /* @__PURE__ */ i.jsx(
       t,
       {
         href: "#",
-        onClick: (j) => m(j, s),
+        onClick: (a) => x(a, s),
         isActive: s === n,
         children: s
       }
@@ -25,5 +26,5 @@ const u = ({
   ) });
 };
 export {
-  u as PageNumbers
+  b as PageNumbers
 };

package/dist/components/molecules/pagination/pagination-translations.d.ts

@@ -0,0 +1,33 @@
+import { SupportedLanguage } from '../../../lib/utils';
+/**
+ * Supported languages for pagination translations
+ */
+export type PaginationLanguage = SupportedLanguage;
+/**
+ * Translation strings for Pagination component
+ */
+export interface PaginationTranslations {
+    /** Text for "Previous" button */
+    previous?: string;
+    /** Text for "Next" button */
+    next?: string;
+    /** Screen reader text for ellipsis ("More pages") */
+    morePages?: string;
+    /** Aria-label for Previous button */
+    goToPreviousPage?: string;
+    /** Aria-label for Next button */
+    goToNextPage?: string;
+}
+/**
+ * All translations by language code
+ */
+export declare const PAGINATION_TRANSLATIONS: Record<PaginationLanguage, Required<PaginationTranslations>>;
+/**
+ * Default translations (English)
+ */
+export declare const DEFAULT_PAGINATION_TRANSLATIONS: Required<PaginationTranslations>;
+/**
+ * Get translations for a specific language
+ * Falls back to localStorage language, then to English if not found
+ */
+export declare function getPaginationTranslations(lang?: PaginationLanguage): Required<PaginationTranslations>;

package/dist/components/molecules/pagination/pagination-translations.js

@@ -0,0 +1,82 @@
+import { getDefaultLanguage as g } from "../../../lib/utils.js";
+const e = {
+  previous: "Previous",
+  next: "Next",
+  morePages: "More pages",
+  goToPreviousPage: "Go to previous page",
+  goToNextPage: "Go to next page"
+}, r = {
+  previous: "Anterior",
+  next: "Siguiente",
+  morePages: "Más páginas",
+  goToPreviousPage: "Ir a página anterior",
+  goToNextPage: "Ir a página siguiente"
+}, t = {
+  previous: "前へ",
+  next: "次へ",
+  morePages: "その他のページ",
+  goToPreviousPage: "前のページへ",
+  goToNextPage: "次のページへ"
+}, s = {
+  previous: "السابق",
+  next: "التالي",
+  morePages: "صفحات أخرى",
+  goToPreviousPage: "انتقل إلى الصفحة السابقة",
+  goToNextPage: "انتقل إلى الصفحة التالية"
+}, i = {
+  previous: "Précédent",
+  next: "Suivant",
+  morePages: "Plus de pages",
+  goToPreviousPage: "Aller à la page précédente",
+  goToNextPage: "Aller à la page suivante"
+}, n = {
+  previous: "Anterior",
+  next: "Próximo",
+  morePages: "Mais páginas",
+  goToPreviousPage: "Ir para página anterior",
+  goToNextPage: "Ir para próxima página"
+}, T = {
+  previous: "Önceki",
+  next: "Sonraki",
+  morePages: "Daha fazla sayfa",
+  goToPreviousPage: "Önceki sayfaya git",
+  goToNextPage: "Sonraki sayfaya git"
+}, P = {
+  previous: "Назад",
+  next: "Вперёд",
+  morePages: "Ещё страницы",
+  goToPreviousPage: "Перейти на предыдущую страницу",
+  goToNextPage: "Перейти на следующую страницу"
+}, N = {
+  previous: "Zurück",
+  next: "Weiter",
+  morePages: "Weitere Seiten",
+  goToPreviousPage: "Zur vorherigen Seite",
+  goToNextPage: "Zur nächsten Seite"
+}, u = {
+  previous: "上一页",
+  next: "下一页",
+  morePages: "更多页面",
+  goToPreviousPage: "转到上一页",
+  goToNextPage: "转到下一页"
+}, A = {
+  en: e,
+  es: r,
+  ja: t,
+  ar: s,
+  fr: i,
+  pt: n,
+  tr: T,
+  ru: P,
+  de: N,
+  zh: u
+}, S = e;
+function v(o) {
+  const a = o ?? g();
+  return A[a] ?? S;
+}
+export {
+  S as DEFAULT_PAGINATION_TRANSLATIONS,
+  A as PAGINATION_TRANSLATIONS,
+  v as getPaginationTranslations
+};

package/dist/components/molecules/pagination/pagination.d.ts

@@ -1,4 +1,5 @@
 import { ComponentProps } from 'react';
+import { PaginationLanguage, PaginationTranslations } from './pagination-translations';
 /**
  * Props for the Pagination component
  */
@@ -43,6 +44,14 @@ interface PaginationProps extends ComponentProps<"nav"> {
      * @default 5
      */
     maxVisiblePages?: number;
+    /**
+     * Language for translations. Falls back to localStorage "yuno-lang", then "en".
+     */
+    lang?: PaginationLanguage;
+    /**
+     * Custom translations to override default language strings
+     */
+    translations?: Partial<PaginationTranslations>;
 }
 /**
  * Pagination component for navigating through multiple pages of content.

package/dist/components/molecules/pagination/pagination.js

@@ -1,58 +1,66 @@
-import { j as i } from "../../../_virtual/jsx-runtime.js";
-import { forwardRef as D } from "react";
-import { PageNumbers as N } from "./page-numbers.js";
-import { Pagination as b, PaginationContent as g, PaginationItem as r, PaginationPrevious as v, PaginationNext as k } from "../../../vendor/shadcn/pagination.js";
-const l = "pointer-events-none opacity-50", S = D(
+import { j as e } from "../../../_virtual/jsx-runtime.js";
+import { forwardRef as C, useMemo as D } from "react";
+import { PageNumbers as L } from "./page-numbers.js";
+import { Pagination as k, PaginationContent as S, PaginationItem as m, PaginationPrevious as y, PaginationNext as A } from "../../../vendor/shadcn/pagination.js";
+import { getPaginationTranslations as E } from "./pagination-translations.js";
+const c = "pointer-events-none opacity-50", I = C(
   ({
     currentPage: n,
-    totalPages: e,
-    onPageClick: c,
-    onClickNext: f,
-    onClickPrev: d,
-    disablePrevious: m = !1,
-    disableNext: x = !1,
-    showPreviousNext: o = !0,
-    maxVisiblePages: p = 5,
-    className: j,
-    ...h
-  }, u) => {
-    const a = n === 1 || m, s = (e ? n >= e : !1) || x, P = (t) => {
-      t.preventDefault(), !a && d?.();
-    }, C = (t) => {
-      t.preventDefault(), !s && f?.();
+    totalPages: o,
+    onPageClick: d,
+    onClickNext: x,
+    onClickPrev: p,
+    disablePrevious: P = !1,
+    disableNext: g = !1,
+    showPreviousNext: r = !0,
+    maxVisiblePages: u = 5,
+    lang: l,
+    translations: f,
+    className: b,
+    ...j
+  }, h) => {
+    const a = D(() => ({ ...E(l), ...f }), [l, f]), s = n === 1 || P, t = (o ? n >= o : !1) || g, v = (i) => {
+      i.preventDefault(), !s && p?.();
+    }, N = (i) => {
+      i.preventDefault(), !t && x?.();
     };
-    return /* @__PURE__ */ i.jsx(b, { ref: u, className: j, ...h, children: /* @__PURE__ */ i.jsxs(g, { children: [
-      o && /* @__PURE__ */ i.jsx(r, { children: /* @__PURE__ */ i.jsx(
-        v,
+    return /* @__PURE__ */ e.jsx(k, { ref: h, className: b, ...j, children: /* @__PURE__ */ e.jsxs(S, { children: [
+      r && /* @__PURE__ */ e.jsx(m, { children: /* @__PURE__ */ e.jsx(
+        y,
         {
           href: "#",
-          onClick: P,
-          "aria-disabled": a,
-          className: a ? l : ""
+          onClick: v,
+          "aria-disabled": s,
+          className: s ? c : "",
+          label: a.previous,
+          ariaLabel: a.goToPreviousPage
         }
       ) }),
-      /* @__PURE__ */ i.jsx(
-        N,
+      /* @__PURE__ */ e.jsx(
+        L,
         {
           currentPage: n,
-          totalPages: e,
-          maxVisiblePages: p,
-          onPageClick: c
+          totalPages: o,
+          maxVisiblePages: u,
+          onPageClick: d,
+          morePagesLabel: a.morePages
         }
       ),
-      o && /* @__PURE__ */ i.jsx(r, { children: /* @__PURE__ */ i.jsx(
-        k,
+      r && /* @__PURE__ */ e.jsx(m, { children: /* @__PURE__ */ e.jsx(
+        A,
         {
           href: "#",
-          onClick: C,
-          "aria-disabled": s,
-          className: s ? l : ""
+          onClick: N,
+          "aria-disabled": t,
+          className: t ? c : "",
+          label: a.next,
+          ariaLabel: a.goToNextPage
         }
       ) })
     ] }) });
   }
 );
-S.displayName = "Pagination";
+I.displayName = "Pagination";
 export {
-  S as Pagination
+  I as Pagination
 };