@spaceinvoices/react-ui 0.4.7 → 0.4.10

package/src/components/payments/list/list-table.tsx

@@ -4,6 +4,7 @@ import { useMemo } from "react";
 import { DataTable } from "@/ui/components/table/data-table";
 import { FormattedDate } from "@/ui/components/table/date-cell";
 import { useTableFetch } from "@/ui/components/table/hooks/use-table-fetch";
+import { withTableTranslations } from "@/ui/components/table/locales";
 import type { Column, ListTableProps, TableQueryParams, TableQueryResponse } from "@/ui/components/table/types";
 import { Button } from "@/ui/components/ui/button";
 import { Popover, PopoverContent, PopoverTrigger } from "@/ui/components/ui/popover";
@@ -22,7 +23,7 @@ import pl from "./locales/pl";
 import pt from "./locales/pt";
 import sl from "./locales/sl";
 
-const translations = {
+const translations = withTableTranslations({
   en,
   sl,
   de,
@@ -33,7 +34,7 @@ const translations = {
   nl,
   pl,
   hr,
-} as const;
+} as const);
 
 // Extended payment type that includes Invoice relation from API
 type PaymentWithInvoice = Payment & {
@@ -44,6 +45,7 @@ type PaymentListTableProps = {
   t?: (key: string) => string;
   namespace?: string;
   locale?: string;
+  translationLocale?: string;
   entityId?: string;
   onViewInvoice?: (invoiceId: string) => void;
   onEditPayment?: (payment: Payment) => void;
@@ -63,6 +65,7 @@ export default function PaymentListTable({
 }: PaymentListTableProps) {
   const t = createTranslation({
     translations,
+    locale: i18nProps.translationLocale ?? i18nProps.locale,
     ...i18nProps,
   });
 
@@ -99,13 +102,20 @@ export default function PaymentListTable({
       {
         id: "date",
         header: t("Date"),
-        cell: (payment) => <FormattedDate date={payment.date} />,
+        cell: (payment) => <FormattedDate date={payment.date} locale={i18nProps.locale} />,
       },
       {
         id: "amount",
         header: t("Amount"),
         align: "right",
-        cell: (payment) => <span className="font-medium">{payment.amount.toFixed(2)}</span>,
+        cell: (payment) => (
+          <span className="font-medium">
+            {new Intl.NumberFormat(i18nProps.locale, {
+              minimumFractionDigits: 2,
+              maximumFractionDigits: 2,
+            }).format(payment.amount)}
+          </span>
+        ),
       },
       {
         id: "type",

package/src/components/recurring-invoices/list/list-table.tsx

@@ -3,6 +3,7 @@ import { useMemo } from "react";
 import { DataTable } from "@/ui/components/table/data-table";
 import { FormattedDate } from "@/ui/components/table/date-cell";
 import { useTableFetch } from "@/ui/components/table/hooks/use-table-fetch";
+import { withTableTranslations } from "@/ui/components/table/locales";
 import type { Column, ListTableProps, TableQueryParams, TableQueryResponse } from "@/ui/components/table/types";
 import { Badge } from "@/ui/components/ui/badge";
 import { createTranslation } from "@/ui/lib/translation";
@@ -20,7 +21,7 @@ import pl from "./locales/pl";
 import pt from "./locales/pt";
 import sl from "./locales/sl";
 
-const translations = {
+const translations = withTableTranslations({
   en,
   sl,
   de,
@@ -31,7 +32,7 @@ const translations = {
   nl,
   pl,
   hr,
-} as const;
+} as const);
 
 function statusVariant(status: string): "default" | "secondary" | "outline" {
   switch (status) {
@@ -48,6 +49,7 @@ type RecurringInvoiceListTableProps = {
   t?: (key: string) => string;
   namespace?: string;
   locale?: string;
+  translationLocale?: string;
   entityId?: string;
   onViewSourceInvoice?: (documentId: string) => void;
   onDeleteSuccess?: () => void;
@@ -65,6 +67,7 @@ export default function RecurringInvoiceListTable({
 }: RecurringInvoiceListTableProps) {
   const t = createTranslation({
     translations,
+    locale: i18nProps.translationLocale ?? i18nProps.locale,
     ...i18nProps,
   });
 
@@ -120,7 +123,7 @@ export default function RecurringInvoiceListTable({
         header: t("Next Run"),
         cell: (ri) =>
           ri.next_run_date ? (
-            <FormattedDate date={ri.next_run_date} />
+            <FormattedDate date={ri.next_run_date} locale={i18nProps.locale} />
           ) : (
             <span className="text-muted-foreground">-</span>
           ),
@@ -134,7 +137,7 @@ export default function RecurringInvoiceListTable({
       {
         id: "created_at",
         header: t("Created"),
-        cell: (ri) => <FormattedDate date={ri.created_at} />,
+        cell: (ri) => <FormattedDate date={ri.created_at} locale={i18nProps.locale} />,
       },
       {
         id: "actions",

package/src/components/request-logs/locales.ts

@@ -0,0 +1,412 @@
+const en = {
+  "Search...": "Search...",
+  Search: "Search",
+  "Clear search": "Clear search",
+  Filters: "Filters",
+  "Clear filters": "Clear filters",
+  "Date Range": "Date Range",
+  From: "From",
+  To: "To",
+  Status: "Status",
+  Method: "Method",
+  Date: "Date",
+  Entity: "Entity",
+  Resource: "Resource",
+  Path: "Path",
+  Time: "Time",
+  Copy: "Copy",
+  Request: "Request",
+  Response: "Response",
+  Headers: "Headers",
+  Action: "Opération",
+  ID: "ID",
+  "Request ID": "Request ID",
+  "Copy to clipboard": "Copy to clipboard",
+  "No request body data": "No request body data",
+  "No response body data": "No response body data",
+  "No headers data": "No headers data",
+  "2xx Success": "2xx Success",
+  "4xx Client Error": "4xx Client Error",
+  "5xx Server Error": "5xx Server Error",
+  "No results found": "No results found",
+  "Try adjusting your search criteria": "Try adjusting your search criteria",
+  "Your list is empty": "Your list is empty",
+  "Get started by creating your first entry": "Get started by creating your first entry",
+  "Create new": "Create new",
+  "Clear all": "Clear all",
+  "Previous page": "Previous page",
+  "Next page": "Next page",
+} as const;
+
+const sl = {
+  "Search...": "Išči...",
+  Search: "Išči",
+  "Clear search": "Počisti iskanje",
+  Filters: "Filtri",
+  "Clear filters": "Počisti filtre",
+  "Date Range": "Datumski razpon",
+  From: "Od",
+  To: "Do",
+  Status: "Status",
+  Method: "Metoda",
+  Date: "Datum",
+  Entity: "Entiteta",
+  Resource: "Vir",
+  Path: "Pot",
+  Time: "Čas",
+  Copy: "Kopiraj",
+  Request: "Zahteva",
+  Response: "Odgovor",
+  Headers: "Glave",
+  Action: "Dejanje",
+  ID: "ID",
+  "Request ID": "ID zahteve",
+  "Copy to clipboard": "Kopirano v odložišče",
+  "No request body data": "Ni podatkov telesa zahteve",
+  "No response body data": "Ni podatkov telesa odgovora",
+  "No headers data": "Ni podatkov glav",
+  "2xx Success": "2xx Uspešno",
+  "4xx Client Error": "4xx Napaka odjemalca",
+  "5xx Server Error": "5xx Napaka strežnika",
+  "No results found": "Ni rezultatov",
+  "Try adjusting your search criteria": "Poskusite prilagoditi iskalne pogoje",
+  "Your list is empty": "Seznam je prazen",
+  "Get started by creating your first entry": "Začnite z ustvarjanjem prvega vnosa",
+  "Create new": "Ustvari novo",
+  "Clear all": "Počisti vse",
+  "Previous page": "Prejšnja stran",
+  "Next page": "Naslednja stran",
+} as const;
+
+const de = {
+  "Search...": "Suchen...",
+  Search: "Suchen",
+  "Clear search": "Suche löschen",
+  Filters: "Filter",
+  "Clear filters": "Filter löschen",
+  "Date Range": "Datumsbereich",
+  From: "Von",
+  To: "Bis",
+  Status: "Status",
+  Method: "Methode",
+  Date: "Datum",
+  Entity: "Entität",
+  Resource: "Ressource",
+  Path: "Pfad",
+  Time: "Zeit",
+  Copy: "Kopieren",
+  Request: "Anfrage",
+  Response: "Antwort",
+  Headers: "Header",
+  Action: "Aktion",
+  ID: "ID",
+  "Request ID": "Request-ID",
+  "Copy to clipboard": "In die Zwischenablage kopieren",
+  "No request body data": "Keine Request-Body-Daten",
+  "No response body data": "Keine Response-Body-Daten",
+  "No headers data": "Keine Header-Daten",
+  "2xx Success": "2xx Erfolg",
+  "4xx Client Error": "4xx Client-Fehler",
+  "5xx Server Error": "5xx Server-Fehler",
+  "No results found": "Keine Ergebnisse gefunden",
+  "Try adjusting your search criteria": "Versuchen Sie, Ihre Suchkriterien anzupassen",
+  "Your list is empty": "Ihre Liste ist leer",
+  "Get started by creating your first entry": "Erstellen Sie Ihren ersten Eintrag",
+  "Create new": "Neu erstellen",
+  "Clear all": "Alles löschen",
+  "Previous page": "Vorherige Seite",
+  "Next page": "Nächste Seite",
+} as const;
+
+const it = {
+  "Search...": "Cerca...",
+  Search: "Cerca",
+  "Clear search": "Cancella ricerca",
+  Filters: "Filtri",
+  "Clear filters": "Cancella filtri",
+  "Date Range": "Intervallo di date",
+  From: "Da",
+  To: "A",
+  Status: "Stato",
+  Method: "Metodo",
+  Date: "Data",
+  Entity: "Entità",
+  Resource: "Risorsa",
+  Path: "Percorso",
+  Time: "Ora",
+  Copy: "Copia",
+  Request: "Richiesta",
+  Response: "Risposta",
+  Headers: "Intestazioni",
+  Action: "Azione",
+  ID: "ID",
+  "Request ID": "ID richiesta",
+  "Copy to clipboard": "Copia negli appunti",
+  "No request body data": "Nessun dato del corpo della richiesta",
+  "No response body data": "Nessun dato del corpo della risposta",
+  "No headers data": "Nessun dato delle intestazioni",
+  "2xx Success": "2xx Successo",
+  "4xx Client Error": "4xx Errore client",
+  "5xx Server Error": "5xx Errore server",
+  "No results found": "Nessun risultato trovato",
+  "Try adjusting your search criteria": "Prova a modificare i criteri di ricerca",
+  "Your list is empty": "La tua lista è vuota",
+  "Get started by creating your first entry": "Inizia creando il tuo primo elemento",
+  "Create new": "Crea nuovo",
+  "Clear all": "Cancella tutto",
+  "Previous page": "Pagina precedente",
+  "Next page": "Pagina successiva",
+} as const;
+
+const fr = {
+  "Search...": "Rechercher...",
+  Search: "Rechercher",
+  "Clear search": "Effacer la recherche",
+  Filters: "Filtres",
+  "Clear filters": "Effacer les filtres",
+  "Date Range": "Plage de dates",
+  From: "De",
+  To: "À",
+  Status: "Statut",
+  Method: "Méthode",
+  Date: "Date",
+  Entity: "Entité",
+  Resource: "Ressource",
+  Path: "Chemin",
+  Time: "Heure",
+  Copy: "Copier",
+  Request: "Requête",
+  Response: "Réponse",
+  Headers: "En-têtes",
+  Action: "Action",
+  ID: "ID",
+  "Request ID": "ID de requête",
+  "Copy to clipboard": "Copier dans le presse-papiers",
+  "No request body data": "Aucune donnée de corps de requête",
+  "No response body data": "Aucune donnée de corps de réponse",
+  "No headers data": "Aucune donnée d'en-têtes",
+  "2xx Success": "2xx Succès",
+  "4xx Client Error": "4xx Erreur client",
+  "5xx Server Error": "5xx Erreur serveur",
+  "No results found": "Aucun résultat trouvé",
+  "Try adjusting your search criteria": "Essayez d'ajuster vos critères de recherche",
+  "Your list is empty": "Votre liste est vide",
+  "Get started by creating your first entry": "Commencez par créer votre première entrée",
+  "Create new": "Créer",
+  "Clear all": "Tout effacer",
+  "Previous page": "Page précédente",
+  "Next page": "Page suivante",
+} as const;
+
+const es = {
+  "Search...": "Buscar...",
+  Search: "Buscar",
+  "Clear search": "Borrar búsqueda",
+  Filters: "Filtros",
+  "Clear filters": "Limpiar filtros",
+  "Date Range": "Rango de fechas",
+  From: "Desde",
+  To: "Hasta",
+  Status: "Estado",
+  Method: "Método",
+  Date: "Fecha",
+  Entity: "Entidad",
+  Resource: "Recurso",
+  Path: "Ruta",
+  Time: "Hora",
+  Copy: "Copiar",
+  Request: "Solicitud",
+  Response: "Respuesta",
+  Headers: "Encabezados",
+  Action: "Acción",
+  ID: "ID",
+  "Request ID": "ID de solicitud",
+  "Copy to clipboard": "Copiar al portapapeles",
+  "No request body data": "Sin datos del cuerpo de la solicitud",
+  "No response body data": "Sin datos del cuerpo de la respuesta",
+  "No headers data": "Sin datos de encabezados",
+  "2xx Success": "2xx Correcto",
+  "4xx Client Error": "4xx Error del cliente",
+  "5xx Server Error": "5xx Error del servidor",
+  "No results found": "No se encontraron resultados",
+  "Try adjusting your search criteria": "Prueba a ajustar tus criterios de búsqueda",
+  "Your list is empty": "Tu lista está vacía",
+  "Get started by creating your first entry": "Empieza creando tu primera entrada",
+  "Create new": "Crear nuevo",
+  "Clear all": "Limpiar todo",
+  "Previous page": "Página anterior",
+  "Next page": "Página siguiente",
+} as const;
+
+const pt = {
+  "Search...": "Pesquisar...",
+  Search: "Pesquisar",
+  "Clear search": "Limpar pesquisa",
+  Filters: "Filtros",
+  "Clear filters": "Limpar filtros",
+  "Date Range": "Intervalo de datas",
+  From: "De",
+  To: "Até",
+  Status: "Estado",
+  Method: "Método",
+  Date: "Data",
+  Entity: "Entidade",
+  Resource: "Recurso",
+  Path: "Caminho",
+  Time: "Hora",
+  Copy: "Copiar",
+  Request: "Pedido",
+  Response: "Resposta",
+  Headers: "Cabeçalhos",
+  Action: "Ação",
+  ID: "ID",
+  "Request ID": "ID do pedido",
+  "Copy to clipboard": "Copiar para a área de transferência",
+  "No request body data": "Sem dados do corpo do pedido",
+  "No response body data": "Sem dados do corpo da resposta",
+  "No headers data": "Sem dados de cabeçalhos",
+  "2xx Success": "2xx Sucesso",
+  "4xx Client Error": "4xx Erro do cliente",
+  "5xx Server Error": "5xx Erro do servidor",
+  "No results found": "Nenhum resultado encontrado",
+  "Try adjusting your search criteria": "Tente ajustar os seus critérios de pesquisa",
+  "Your list is empty": "A sua lista está vazia",
+  "Get started by creating your first entry": "Comece por criar a sua primeira entrada",
+  "Create new": "Criar novo",
+  "Clear all": "Limpar tudo",
+  "Previous page": "Página anterior",
+  "Next page": "Página seguinte",
+} as const;
+
+const nl = {
+  "Search...": "Zoeken...",
+  Search: "Zoeken",
+  "Clear search": "Zoekopdracht wissen",
+  Filters: "Filters",
+  "Clear filters": "Filters wissen",
+  "Date Range": "Datumbereik",
+  From: "Van",
+  To: "Tot",
+  Status: "Status",
+  Method: "Methode",
+  Date: "Datum",
+  Entity: "Entiteit",
+  Resource: "Resource",
+  Path: "Pad",
+  Time: "Tijd",
+  Copy: "Kopiëren",
+  Request: "Verzoek",
+  Response: "Respons",
+  Headers: "Kopteksten",
+  Action: "Actie",
+  ID: "ID",
+  "Request ID": "Request-ID",
+  "Copy to clipboard": "Kopiëren naar klembord",
+  "No request body data": "Geen gegevens in request-body",
+  "No response body data": "Geen gegevens in response-body",
+  "No headers data": "Geen headergegevens",
+  "2xx Success": "2xx Succes",
+  "4xx Client Error": "4xx Clientfout",
+  "5xx Server Error": "5xx Serverfout",
+  "No results found": "Geen resultaten gevonden",
+  "Try adjusting your search criteria": "Probeer je zoekcriteria aan te passen",
+  "Your list is empty": "Je lijst is leeg",
+  "Get started by creating your first entry": "Begin met het maken van je eerste item",
+  "Create new": "Nieuw maken",
+  "Clear all": "Alles wissen",
+  "Previous page": "Vorige pagina",
+  "Next page": "Volgende pagina",
+} as const;
+
+const pl = {
+  "Search...": "Szukaj...",
+  Search: "Szukaj",
+  "Clear search": "Wyczyść wyszukiwanie",
+  Filters: "Filtry",
+  "Clear filters": "Wyczyść filtry",
+  "Date Range": "Zakres dat",
+  From: "Od",
+  To: "Do",
+  Status: "Status",
+  Method: "Metoda",
+  Date: "Data",
+  Entity: "Encja",
+  Resource: "Zasób",
+  Path: "Ścieżka",
+  Time: "Czas",
+  Copy: "Kopiuj",
+  Request: "Żądanie",
+  Response: "Odpowiedź",
+  Headers: "Nagłówki",
+  Action: "Akcja",
+  ID: "ID",
+  "Request ID": "ID żądania",
+  "Copy to clipboard": "Kopiuj do schowka",
+  "No request body data": "Brak danych treści żądania",
+  "No response body data": "Brak danych treści odpowiedzi",
+  "No headers data": "Brak danych nagłówków",
+  "2xx Success": "2xx Sukces",
+  "4xx Client Error": "4xx Błąd klienta",
+  "5xx Server Error": "5xx Błąd serwera",
+  "No results found": "Nie znaleziono wyników",
+  "Try adjusting your search criteria": "Spróbuj dostosować kryteria wyszukiwania",
+  "Your list is empty": "Twoja lista jest pusta",
+  "Get started by creating your first entry": "Zacznij od utworzenia pierwszego wpisu",
+  "Create new": "Utwórz nowy",
+  "Clear all": "Wyczyść wszystko",
+  "Previous page": "Poprzednia strona",
+  "Next page": "Następna strona",
+} as const;
+
+const hr = {
+  "Search...": "Pretraži...",
+  Search: "Pretraži",
+  "Clear search": "Očisti pretragu",
+  Filters: "Filtri",
+  "Clear filters": "Očisti filtre",
+  "Date Range": "Datumski raspon",
+  From: "Od",
+  To: "Do",
+  Status: "Status",
+  Method: "Metoda",
+  Date: "Datum",
+  Entity: "Entitet",
+  Resource: "Resurs",
+  Path: "Putanja",
+  Time: "Vrijeme",
+  Copy: "Kopiraj",
+  Request: "Zahtjev",
+  Response: "Odgovor",
+  Headers: "Zaglavlja",
+  Action: "Radnja",
+  ID: "ID",
+  "Request ID": "ID zahtjeva",
+  "Copy to clipboard": "Kopiraj u međuspremnik",
+  "No request body data": "Nema podataka tijela zahtjeva",
+  "No response body data": "Nema podataka tijela odgovora",
+  "No headers data": "Nema podataka zaglavlja",
+  "2xx Success": "2xx Uspjeh",
+  "4xx Client Error": "4xx Greška klijenta",
+  "5xx Server Error": "5xx Greška poslužitelja",
+  "No results found": "Nema rezultata",
+  "Try adjusting your search criteria": "Pokušajte prilagoditi kriterije pretrage",
+  "Your list is empty": "Vaš popis je prazan",
+  "Get started by creating your first entry": "Započnite stvaranjem prve stavke",
+  "Create new": "Stvori novo",
+  "Clear all": "Očisti sve",
+  "Previous page": "Prethodna stranica",
+  "Next page": "Sljedeća stranica",
+} as const;
+
+export default {
+  en,
+  sl,
+  de,
+  it,
+  fr,
+  es,
+  pt,
+  nl,
+  pl,
+  hr,
+} as const;