BookingsTable

Implemented

Producer bookings list — 7 columns (buyer+email stacked, event, venue, date, tickets, total, status pill). Composes the DataTable organism with a BookingRow column config (Wave-3 L8c). Five semantic-tint status pills (confirmed / pending / cancelled / refunded / checked-in). Bilingual via the `locale` prop (default `"fr"`). Caption is screen-reader-only by default. i18n: organism owns zero message-catalog keys — inline bilingual literals (Wave-3 W4 / VenueAccessMap / ActivityList precedent); caller-localize `rows`.

Categoryorganisms

Sourcecomponents/organisms/bookingstable/BookingsTable.tsx

AI HintRead-only bookings list — no sorting, no row actions. Zero live consumers today: the producer dashboard's RecentBookings renders AdminSortableTable (sortable + filter chips) instead; reach for BookingsTable when a locale-aware, non-sorting bookings table is wanted. Exported from the barrel.

Tableau des réservations récentes avec statuts (confirmée, en attente, annulée, remboursée, arrivée). FR-CA : « Marie Tremblay · Festival Jazz MTL · Place des Festivals ».

BookingsTable

Organism — Admin family (Family 9)

Tableau accessible (scope=col sur chaque en-tête, légende sr-only) avec défilement horizontal clavier sur mobile, ligne par réservation et pastille de statut sémantique. Compatible avec un lecteur d'écran — chaque ligne expose le nom, l'événement, le lieu et le total en colonnes distinctes.

Réservations ePassLive — 7 derniers jours
Acheteur	Événement	Lieu	Date	Billets	Total	Statut
Marie Tremblay [email protected]	Festival Jazz MTL — Quartet	Place des Festivals	2026-04-12	2	96,00 $	Confirmée
Jean-Pierre Gauthier [email protected]	OSM — Symphonie n° 5	Maison symphonique	2026-04-18	4	288,00 $	Arrivée
Sophie Lavoie [email protected]	Lion d'Or — Galas jazz	Lion d'Or	2026-05-02	1	54,00 $	En attente
Mehdi Boudjellal [email protected]	Salle Wilfrid-Pelletier — Récital	Salle Wilfrid-Pelletier	2026-04-22	2	112,00 $	Remboursée
Aline Robitaille [email protected]	Festival Jazz MTL — Hommage	Place des Festivals	2026-06-30	3	162,00 $	Annulée

This component supports light and dark mode.

Props

Prop

Type

Default

Description

rows*

BookingRow[]

—

Lignes du tableau (id, buyer, email, event, venue, date, tickets, total, status).

caption

string

Réservations ePassLive — 7 derniers jours

Légende sr-only pour les lecteurs d'écran. Surcharge la valeur par défaut de la locale.

locale

"fr" | "en"

fr

Locale des en-têtes de colonnes, des pastilles de statut, de la légende et de l'état vide. Le contenu des lignes est localisé par l'appelant.

className

string

—

Classes additionnelles ajoutées à la racine DataTable.

Props

Preview

BookingsTable

Prop

Type

Required

Default

Description

rows

BookingRow[]

Required

—

Row data.

caption

string

Optional

'Réservations ePassLive — 7 derniers jours' (fr) / 'ePassLive bookings — last 7 days' (en)

Screen-reader-only caption. Overrides the locale default when provided.

locale

'fr' | 'en'

Optional

'fr'

Locale for column headers, status pill labels, the default caption, and the empty-state message. Row content is caller-localized.

className

string

Optional

—

Additional CSS classes appended to the DataTable root.

Quick use:<BookingsTable />

Accessibility

ARIA roletable

Usage

Import

tsxSnippet

import { BookingsTable } from "@epasslive/design-system"

Example 1

tsxSnippet

<BookingsTable rows={bookings} locale="fr" caption="Réservations — 7 derniers jours" />

Anti-patterns

— Do not fetch data directly in organisms

— Avoid tight coupling to specific data sources