@spaceinvoices/react-ui 0.1.1 → 0.3.0

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

@@ -12,11 +12,27 @@ import { useSDK } from "@/ui/providers/sdk-provider";
 
 import PaymentListRowActions from "./list-row-actions";
 import de from "./locales/de";
+import en from "./locales/en";
+import es from "./locales/es";
+import fr from "./locales/fr";
+import hr from "./locales/hr";
+import it from "./locales/it";
+import nl from "./locales/nl";
+import pl from "./locales/pl";
+import pt from "./locales/pt";
 import sl from "./locales/sl";
 
 const translations = {
+  en,
   sl,
   de,
+  it,
+  fr,
+  es,
+  pt,
+  nl,
+  pl,
+  hr,
 } as const;
 
 // Extended payment type that includes Invoice relation from API
@@ -139,12 +155,13 @@ export default function PaymentListTable({
             onEditPayment={onEditPayment}
             onDeleteSuccess={onDeleteSuccess}
             onDeleteError={onDeleteError}
-            {...i18nProps}
+            t={t}
+            locale={i18nProps.locale}
           />
         ),
       },
     ],
-    [t, typeLabels, entityId, onViewInvoice, onEditPayment, onDeleteSuccess, onDeleteError, i18nProps],
+    [t, typeLabels, entityId, onViewInvoice, onEditPayment, onDeleteSuccess, onDeleteError, i18nProps.locale],
   );
 
   return (
@@ -156,6 +173,8 @@ export default function PaymentListTable({
       onFetch={handleFetch}
       onChangeParams={onChangeParams}
       entityId={entityId}
+      t={t}
+      locale={i18nProps.locale}
     />
   );
 }

package/src/components/payments/list/locales/de.ts

@@ -16,4 +16,10 @@ export default {
   "type.card": "Karte",
   "type.check": "Scheck",
   "type.other": "Andere",
+  // Empty state translations
+  "Your list is empty": "Ihre Zahlungsliste ist leer",
+  "Get started by creating your first entry": "Erstellen Sie Ihre erste Zahlung",
+  "No results found": "Keine Zahlungen gefunden",
+  "Try adjusting your search criteria": "Versuchen Sie, Ihre Suchkriterien anzupassen",
+  "Clear search": "Suche zurücksetzen",
 } as const;

package/src/components/payments/list/locales/en.ts

@@ -0,0 +1,7 @@
+export default {
+  // Empty state translations
+  "Your list is empty": "Your payment list is empty",
+  "Get started by creating your first entry": "Get started by creating your first payment",
+  // No results translations
+  "No results found": "No payments found",
+} as const;

package/src/components/payments/list/locales/es.ts

@@ -0,0 +1,25 @@
+export default {
+  Date: "Fecha",
+  Amount: "Importe",
+  Type: "Tipo",
+  Invoice: "Factura",
+  Reference: "Referencia",
+  Note: "Nota",
+  Actions: "Acciones",
+  "Open menu": "Abrir menú",
+  "Edit payment": "Editar pago",
+  "Delete payment": "Eliminar pago",
+  "Deleting...": "Eliminando...",
+  "View invoice": "Ver factura",
+  "type.cash": "Efectivo",
+  "type.bank_transfer": "Transferencia bancaria",
+  "type.card": "Tarjeta",
+  "type.check": "Cheque",
+  "type.other": "Otro",
+  // Empty state translations
+  "Your list is empty": "Su lista de pagos está vacía",
+  "Get started by creating your first entry": "Comience agregando su primer pago",
+  "No results found": "No se encontraron pagos",
+  "Try adjusting your search criteria": "Intente ajustar sus criterios de búsqueda",
+  "Clear search": "Limpiar búsqueda",
+} as const;

package/src/components/payments/list/locales/fr.ts

@@ -0,0 +1,25 @@
+export default {
+  Date: "Date",
+  Amount: "Montant",
+  Type: "Type",
+  Invoice: "Facture",
+  Reference: "Référence",
+  Note: "Note",
+  Actions: "Actions",
+  "Open menu": "Ouvrir le menu",
+  "Edit payment": "Modifier le paiement",
+  "Delete payment": "Supprimer le paiement",
+  "Deleting...": "Suppression...",
+  "View invoice": "Voir la facture",
+  "type.cash": "Espèces",
+  "type.bank_transfer": "Virement bancaire",
+  "type.card": "Carte",
+  "type.check": "Chèque",
+  "type.other": "Autre",
+  // Empty state translations
+  "Your list is empty": "Votre liste de paiements est vide",
+  "Get started by creating your first entry": "Commencez par ajouter votre premier paiement",
+  "No results found": "Aucun paiement trouvé",
+  "Try adjusting your search criteria": "Essayez de modifier vos critères de recherche",
+  "Clear search": "Effacer la recherche",
+} as const;

package/src/components/payments/list/locales/hr.ts

@@ -0,0 +1,25 @@
+export default {
+  Date: "Datum",
+  Amount: "Iznos",
+  Type: "Vrsta",
+  Invoice: "Račun",
+  Reference: "Referenca",
+  Note: "Napomena",
+  Actions: "Akcije",
+  "Open menu": "Otvori izbornik",
+  "Edit payment": "Uredi plaćanje",
+  "Delete payment": "Obriši plaćanje",
+  "Deleting...": "Brisanje...",
+  "View invoice": "Prikaži račun",
+  "type.cash": "Gotovina",
+  "type.bank_transfer": "Bankovni prijenos",
+  "type.card": "Kartica",
+  "type.check": "Ček",
+  "type.other": "Ostalo",
+  // Empty state translations
+  "Your list is empty": "Vaš popis plaćanja je prazan",
+  "Get started by creating your first entry": "Započnite dodavanjem prvog plaćanja",
+  "No results found": "Nisu pronađena plaćanja",
+  "Try adjusting your search criteria": "Pokušajte prilagoditi kriterije pretrage",
+  "Clear search": "Očisti pretragu",
+} as const;

package/src/components/payments/list/locales/it.ts

@@ -0,0 +1,25 @@
+export default {
+  Date: "Data",
+  Amount: "Importo",
+  Type: "Tipo",
+  Invoice: "Fattura",
+  Reference: "Riferimento",
+  Note: "Nota",
+  Actions: "Azioni",
+  "Open menu": "Apri menu",
+  "Edit payment": "Modifica pagamento",
+  "Delete payment": "Elimina pagamento",
+  "Deleting...": "Eliminazione...",
+  "View invoice": "Visualizza fattura",
+  "type.cash": "Contanti",
+  "type.bank_transfer": "Bonifico bancario",
+  "type.card": "Carta",
+  "type.check": "Assegno",
+  "type.other": "Altro",
+  // Empty state translations
+  "Your list is empty": "La lista dei pagamenti è vuota",
+  "Get started by creating your first entry": "Inizia aggiungendo il tuo primo pagamento",
+  "No results found": "Nessun pagamento trovato",
+  "Try adjusting your search criteria": "Prova a modificare i criteri di ricerca",
+  "Clear search": "Cancella ricerca",
+} as const;

package/src/components/payments/list/locales/nl.ts

@@ -0,0 +1,25 @@
+export default {
+  Date: "Datum",
+  Amount: "Bedrag",
+  Type: "Type",
+  Invoice: "Factuur",
+  Reference: "Referentie",
+  Note: "Notitie",
+  Actions: "Acties",
+  "Open menu": "Menu openen",
+  "Edit payment": "Betaling bewerken",
+  "Delete payment": "Betaling verwijderen",
+  "Deleting...": "Verwijderen...",
+  "View invoice": "Factuur bekijken",
+  "type.cash": "Contant",
+  "type.bank_transfer": "Bankoverschrijving",
+  "type.card": "Kaart",
+  "type.check": "Cheque",
+  "type.other": "Anders",
+  // Empty state translations
+  "Your list is empty": "Uw betalingslijst is leeg",
+  "Get started by creating your first entry": "Begin met het toevoegen van uw eerste betaling",
+  "No results found": "Geen betalingen gevonden",
+  "Try adjusting your search criteria": "Probeer uw zoekcriteria aan te passen",
+  "Clear search": "Zoekopdracht wissen",
+} as const;

package/src/components/payments/list/locales/pl.ts

@@ -0,0 +1,25 @@
+export default {
+  Date: "Data",
+  Amount: "Kwota",
+  Type: "Typ",
+  Invoice: "Faktura",
+  Reference: "Referencja",
+  Note: "Notatka",
+  Actions: "Akcje",
+  "Open menu": "Otwórz menu",
+  "Edit payment": "Edytuj płatność",
+  "Delete payment": "Usuń płatność",
+  "Deleting...": "Usuwanie...",
+  "View invoice": "Pokaż fakturę",
+  "type.cash": "Gotówka",
+  "type.bank_transfer": "Przelew bankowy",
+  "type.card": "Karta",
+  "type.check": "Czek",
+  "type.other": "Inne",
+  // Empty state translations
+  "Your list is empty": "Lista płatności jest pusta",
+  "Get started by creating your first entry": "Zacznij od dodania pierwszej płatności",
+  "No results found": "Nie znaleziono płatności",
+  "Try adjusting your search criteria": "Spróbuj dostosować kryteria wyszukiwania",
+  "Clear search": "Wyczyść wyszukiwanie",
+} as const;

package/src/components/payments/list/locales/pt.ts

@@ -0,0 +1,25 @@
+export default {
+  Date: "Data",
+  Amount: "Montante",
+  Type: "Tipo",
+  Invoice: "Fatura",
+  Reference: "Referência",
+  Note: "Nota",
+  Actions: "Ações",
+  "Open menu": "Abrir menu",
+  "Edit payment": "Editar pagamento",
+  "Delete payment": "Eliminar pagamento",
+  "Deleting...": "A eliminar...",
+  "View invoice": "Ver fatura",
+  "type.cash": "Dinheiro",
+  "type.bank_transfer": "Transferência bancária",
+  "type.card": "Cartão",
+  "type.check": "Cheque",
+  "type.other": "Outro",
+  // Empty state translations
+  "Your list is empty": "A sua lista de pagamentos está vazia",
+  "Get started by creating your first entry": "Comece por adicionar o seu primeiro pagamento",
+  "No results found": "Nenhum pagamento encontrado",
+  "Try adjusting your search criteria": "Tente ajustar os seus critérios de pesquisa",
+  "Clear search": "Limpar pesquisa",
+} as const;

package/src/components/payments/list/locales/sl.ts

@@ -16,4 +16,10 @@ export default {
   "type.card": "Kartica",
   "type.check": "Ček",
   "type.other": "Drugo",
+  // Empty state translations
+  "Your list is empty": "Vaš seznam plačil je prazen",
+  "Get started by creating your first entry": "Začnite z dodajanjem prvega plačila",
+  "No results found": "Ni najdenih plačil",
+  "Try adjusting your search criteria": "Poskusite prilagoditi iskalne kriterije",
+  "Clear search": "Počisti iskanje",
 } as const;

package/src/components/payments/payments.hooks.ts

@@ -10,6 +10,11 @@ const {
   useCreateResource: useCreatePayment,
   useUpdateResource: useUpdatePayment,
   useDeleteResource: useDeletePayment,
-} = createResourceHooks<Payment, CreatePaymentRequest>("payments", PAYMENTS_CACHE_KEY);
+  useRestoreResource: useRestorePayment,
+  usePermanentDeleteResource: usePermanentDeletePayment,
+} = createResourceHooks<Payment, CreatePaymentRequest>("payments", PAYMENTS_CACHE_KEY, {
+  restoreMethodName: "restorePayment",
+  permanentDeleteMethodName: "permanentDeletePayment",
+});
 
-export { useCreatePayment, useUpdatePayment, useDeletePayment };
+export { useCreatePayment, useUpdatePayment, useDeletePayment, useRestorePayment, usePermanentDeletePayment };

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

@@ -1,3 +1,3 @@
 export { RequestLogDetail } from "./request-log-detail";
-export type { RequestLogResponse, RequestLogsPageProps } from "./request-logs-page";
+export type { RequestLogResponse } from "./request-logs-page";
 export { REQUEST_LOGS_CACHE_KEY, RequestLogsPage } from "./request-logs-page";

package/src/components/table/data-table.tsx

@@ -132,7 +132,12 @@ export function DataTable<T extends { id: string }>({
   // (this means truly empty collection, not filtered to zero results)
   if (data.length === 0 && !hasActiveFilters) {
     return (
-      <TableEmptyState resource={resourceName} createNewLink={createNewLink} createNewTrigger={createNewTrigger} />
+      <TableEmptyState
+        resource={resourceName}
+        createNewLink={createNewLink}
+        createNewTrigger={createNewTrigger}
+        t={t}
+      />
     );
   }
 
@@ -170,7 +175,7 @@ export function DataTable<T extends { id: string }>({
                 return <DefaultTableRow key={item.id} item={item} columns={columns} onRowClick={onRowClick} />;
               })
             ) : (
-              <TableNoResults resource={resourceName} search={handleSearch} />
+              <TableNoResults resource={resourceName} search={handleSearch} t={t} />
             )}
           </TableBody>
         </Table>
@@ -239,7 +244,7 @@ const DefaultTableRow = memo(function DefaultTableRow<T extends { id: string }>(
     <TableRow className={onRowClick ? "cursor-pointer" : undefined} onClick={() => onRowClick?.(item)}>
       {columns.map((column) => (
         <TableCell key={column.id} className={column.className} style={{ textAlign: column.align }}>
-          {column.cell(item)}
+          {column.cell?.(item)}
         </TableCell>
       ))}
     </TableRow>

package/src/components/table/filter-panel.tsx

@@ -323,8 +323,8 @@ type HttpMethodFilterSectionProps = {
 
 function HttpMethodFilterSection({ value, onChange, t }: HttpMethodFilterSectionProps) {
   const handleChange = useCallback(
-    (method: string) => {
-      if (method === "" || method === "all") {
+    (method: string | null) => {
+      if (!method || method === "all") {
         onChange(undefined);
       } else {
         onChange(method as HttpMethodFilter);
@@ -361,8 +361,8 @@ type HttpStatusCodeFilterSectionProps = {
 
 function HttpStatusCodeFilterSection({ value, onChange, t }: HttpStatusCodeFilterSectionProps) {
   const handleChange = useCallback(
-    (status: string) => {
-      if (status === "" || status === "all") {
+    (status: string | null) => {
+      if (!status || status === "all") {
         onChange(undefined);
       } else {
         onChange(status as HttpStatusCodeFilter);

package/src/components/table/hooks/use-table-query.ts

@@ -1,6 +1,9 @@
 import { useQuery } from "@tanstack/react-query";
 import type { TableQueryParams, TableQueryResponse } from "../types";
 
+// Re-export types for backward compatibility with tests
+export type { TableQueryParams, TableQueryResponse };
+
 type UseTableQueryOptions<T> = {
   /** Unique cache key for the query */
   cacheKey: string;

package/src/components/table/table-empty-state.tsx

@@ -8,6 +8,8 @@ type TableEmptyStateProps = {
   createNewTrigger?: React.ReactNode;
   /** Number of rows to calculate height (default: 10) */
   rows?: number;
+  /** Translation function */
+  t?: (key: string) => string;
 };
 
 // Approximate row height in pixels (including padding/border)
@@ -16,7 +18,12 @@ const ROW_HEIGHT = 53;
 /**
  * Empty state shown when table has no data
  */
-export function TableEmptyState({ resource, createNewLink, createNewTrigger, rows = 10 }: TableEmptyStateProps) {
+export function TableEmptyState({
+  createNewLink,
+  createNewTrigger,
+  rows = 10,
+  t = (key) => key,
+}: TableEmptyStateProps) {
   // Calculate height based on row count (min 200px)
   const height = Math.max(rows * ROW_HEIGHT, 200);
 
@@ -24,14 +31,14 @@ export function TableEmptyState({ resource, createNewLink, createNewTrigger, row
     <div className="flex flex-col items-center justify-center gap-3" style={{ height }}>
       <Sprout size={70} strokeWidth={0.35} className="text-muted-foreground" />
       <div className="space-y-1 text-center">
-        <p className="font-light text-lg text-muted-foreground">Your {resource} list is empty</p>
+        <p className="font-light text-lg text-muted-foreground">{t("Your list is empty")}</p>
         {(createNewLink || createNewTrigger) && (
-          <p className="text-muted-foreground text-sm">Get started by creating your first {resource}</p>
+          <p className="text-muted-foreground text-sm">{t("Get started by creating your first entry")}</p>
         )}
       </div>
       {createNewLink && (
         <Button variant="default" size="sm" asChild>
-          <a href={createNewLink}>Create {resource}</a>
+          <a href={createNewLink}>{t("Create new")}</a>
         </Button>
       )}
       {createNewTrigger && !createNewLink && <div>{createNewTrigger}</div>}

package/src/components/table/table-no-results.tsx

@@ -8,6 +8,8 @@ type TableNoResultsProps = {
   search?: (value: null) => void;
   /** Number of rows to calculate height (default: 10) */
   rows?: number;
+  /** Translation function */
+  t?: (key: string) => string;
 };
 
 // Approximate row height in pixels (including padding/border)
@@ -16,7 +18,7 @@ const ROW_HEIGHT = 53;
 /**
  * No results message shown when search returns empty
  */
-export function TableNoResults({ resource, search, rows = 10 }: TableNoResultsProps) {
+export function TableNoResults({ search, rows = 10, t = (key) => key }: TableNoResultsProps) {
   // Calculate height based on row count (min 150px)
   const height = Math.max(rows * ROW_HEIGHT, 150);
 
@@ -26,12 +28,12 @@ export function TableNoResults({ resource, search, rows = 10 }: TableNoResultsPr
         <div className="flex flex-col items-center gap-3">
           <FileX size={32} strokeWidth={1.5} className="text-muted-foreground" />
           <div className="space-y-1">
-            <p className="font-medium text-muted-foreground">No {resource} found</p>
-            {search && <p className="text-muted-foreground text-sm">Try adjusting your search criteria</p>}
+            <p className="font-medium text-muted-foreground">{t("No results found")}</p>
+            {search && <p className="text-muted-foreground text-sm">{t("Try adjusting your search criteria")}</p>}
           </div>
           {search && (
             <Button variant="link" size="sm" onClick={() => search(null)} className="underline">
-              Clear search
+              {t("Clear search")}
             </Button>
           )}
         </div>

package/src/components/table/types.ts

@@ -8,8 +8,8 @@ export type Column<T> = {
   id: string;
   /** Header label or component */
   header: ReactNode;
-  /** Cell renderer function - returns content for each row */
-  cell: (item: T) => ReactNode;
+  /** Cell renderer function - returns content for each row. Optional when using renderRow. */
+  cell?: (item: T) => ReactNode;
   /** Field name for sorting (if different from id) */
   sortField?: string;
   /** Whether this column is sortable */

package/src/components/tax-reports/kir-export-form.tsx

@@ -76,7 +76,6 @@ export function KirExportForm({ sdk, entityId, t, onSuccess, onError, onLoadingC
 
       onSuccess?.(fileName);
     } catch (error) {
-      console.error("KIR export error:", error);
       onError?.(error instanceof Error ? error : new Error("Unknown error"));
     } finally {
       setIsExporting(false);

package/src/components/taxes/create-tax-form/create-tax-form.tsx

@@ -17,11 +17,25 @@ type CreateTaxSchema = z.infer<typeof createTaxSchema>;
 
 import { useCreateTax } from "../taxes.hooks";
 import de from "./locales/de";
+import es from "./locales/es";
+import fr from "./locales/fr";
+import hr from "./locales/hr";
+import it from "./locales/it";
+import nl from "./locales/nl";
+import pl from "./locales/pl";
+import pt from "./locales/pt";
 import sl from "./locales/sl";
 
 const translations = {
   sl,
   de,
+  it,
+  fr,
+  es,
+  pt,
+  nl,
+  pl,
+  hr,
 } as const;
 
 type CreateTaxFormProps = {

package/src/components/taxes/create-tax-form/locales/en.ts

@@ -3,5 +3,6 @@ export default {
   "Enter name": "Enter name",
   "Rate (%)": "Rate (%)",
   "Enter rate": "Enter rate",
+  "Set as default tax": "Set as default tax",
   "There was an error creating the tax": "There was an error creating the tax",
 };

package/src/components/taxes/create-tax-form/locales/es.ts

@@ -0,0 +1,8 @@
+export default {
+  Name: "Nombre",
+  "Enter name": "Introducir nombre",
+  "Rate (%)": "Tasa (%)",
+  "Enter rate": "Introducir tasa",
+  "Set as default tax": "Establecer como impuesto predeterminado",
+  "There was an error creating the tax": "Se produjo un error al crear el impuesto",
+};

package/src/components/taxes/create-tax-form/locales/fr.ts

@@ -0,0 +1,8 @@
+export default {
+  Name: "Nom",
+  "Enter name": "Saisir le nom",
+  "Rate (%)": "Taux (%)",
+  "Enter rate": "Saisir le taux",
+  "Set as default tax": "Définir comme taxe par défaut",
+  "There was an error creating the tax": "Une erreur est survenue lors de la création de la taxe",
+};

package/src/components/taxes/create-tax-form/locales/hr.ts

@@ -0,0 +1,8 @@
+export default {
+  Name: "Naziv",
+  "Enter name": "Unesite naziv",
+  "Rate (%)": "Stopa (%)",
+  "Enter rate": "Unesite stopu",
+  "Set as default tax": "Postavi kao zadani porez",
+  "There was an error creating the tax": "Došlo je do greške pri izradi poreza",
+};

package/src/components/taxes/create-tax-form/locales/it.ts

@@ -0,0 +1,8 @@
+export default {
+  Name: "Nome",
+  "Enter name": "Inserisci nome",
+  "Rate (%)": "Aliquota (%)",
+  "Enter rate": "Inserisci aliquota",
+  "Set as default tax": "Imposta come tassa predefinita",
+  "There was an error creating the tax": "Si è verificato un errore durante la creazione della tassa",
+};

package/src/components/taxes/create-tax-form/locales/nl.ts

@@ -0,0 +1,8 @@
+export default {
+  Name: "Naam",
+  "Enter name": "Naam invoeren",
+  "Rate (%)": "Tarief (%)",
+  "Enter rate": "Tarief invoeren",
+  "Set as default tax": "Instellen als standaardbelasting",
+  "There was an error creating the tax": "Er is een fout opgetreden bij het aanmaken van de belasting",
+};

package/src/components/taxes/create-tax-form/locales/pl.ts

@@ -0,0 +1,8 @@
+export default {
+  Name: "Nazwa",
+  "Enter name": "Wprowadź nazwę",
+  "Rate (%)": "Stawka (%)",
+  "Enter rate": "Wprowadź stawkę",
+  "Set as default tax": "Ustaw jako domyślny podatek",
+  "There was an error creating the tax": "Wystąpił błąd podczas tworzenia podatku",
+};

package/src/components/taxes/create-tax-form/locales/pt.ts

@@ -0,0 +1,8 @@
+export default {
+  Name: "Nome",
+  "Enter name": "Introduzir nome",
+  "Rate (%)": "Taxa (%)",
+  "Enter rate": "Introduzir taxa",
+  "Set as default tax": "Definir como imposto predefinido",
+  "There was an error creating the tax": "Ocorreu um erro ao criar o imposto",
+};