@vantageos/mosaic 0.1.0 → 0.1.2

package/dist/display.d.ts

@@ -0,0 +1,94 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { ReactNode } from 'react';
+import { Observable } from 'rxjs';
+import { z } from 'zod';
+
+type ColumnDef<TRow extends Record<string, unknown> = Record<string, unknown>> = {
+    key: string;
+    header: string;
+    render?: (row: TRow) => ReactNode;
+};
+/**
+ * Validates the serialisable (non-function) portion of TableView props.
+ * The `rows$` Observable and `render` callbacks are not Zod-parseable and
+ * must be validated at the call-site type level.
+ */
+declare const TableViewPropsSchema: z.ZodObject<{
+    columns: z.ZodArray<z.ZodObject<{
+        key: z.ZodString;
+        header: z.ZodString;
+    }, "strip", z.ZodTypeAny, {
+        key: string;
+        header: string;
+    }, {
+        key: string;
+        header: string;
+    }>, "many">;
+    virtualizeThreshold: z.ZodDefault<z.ZodNumber>;
+    ariaLabel: z.ZodString;
+    locale: z.ZodDefault<z.ZodEnum<["en", "fr"]>>;
+}, "strip", z.ZodTypeAny, {
+    locale: "en" | "fr";
+    columns: {
+        key: string;
+        header: string;
+    }[];
+    virtualizeThreshold: number;
+    ariaLabel: string;
+}, {
+    columns: {
+        key: string;
+        header: string;
+    }[];
+    ariaLabel: string;
+    locale?: "en" | "fr" | undefined;
+    virtualizeThreshold?: number | undefined;
+}>;
+type TableViewPropsSchemaInput = z.input<typeof TableViewPropsSchema>;
+type TableViewPropsSchemaOutput = z.output<typeof TableViewPropsSchema>;
+/**
+ * Props for the static TableView — accepts a plain array of rows.
+ * Primary API for already-fetched data (no rxjs required).
+ */
+type TableViewProps<TRow extends Record<string, unknown> = Record<string, unknown>> = {
+    columns: ColumnDef<TRow>[];
+    rows: Partial<TRow>[];
+    virtualizeThreshold?: number;
+    ariaLabel: string;
+    locale?: "en" | "fr";
+};
+/**
+ * Props for StreamingTableView — accepts an RxJS Observable for incremental row appending.
+ * Consumers using this variant MUST install rxjs ^7.8.0 in their project.
+ */
+type StreamingTableViewProps<TRow extends Record<string, unknown> = Record<string, unknown>> = {
+    columns: ColumnDef<TRow>[];
+    rows$: Observable<Partial<TRow>[]>;
+    virtualizeThreshold?: number;
+    ariaLabel: string;
+    locale?: "en" | "fr";
+};
+declare function validateTableViewProps(raw: unknown): TableViewPropsSchemaOutput;
+
+/**
+ * TableView — Static rows variant (primary API).
+ *
+ * Accepts `rows: Row[]` for already-fetched data — no rxjs required.
+ * Activates TanStack Virtual v3 windowing when rows.length > virtualizeThreshold.
+ * Zod-validates serialisable props; renders role="alert" fallback on failure.
+ * Fully accessible: aria-rowcount, aria-label, scope="col".
+ */
+declare function TableView<TRow extends Record<string, unknown> = Record<string, unknown>>(props: TableViewProps<TRow>): react_jsx_runtime.JSX.Element;
+/**
+ * StreamingTableView — Streaming rows variant (advanced, opt-in).
+ *
+ * Pattern 4 Streaming Hydration reference implementation.
+ * Consumes an RxJS Observable<Row[]> for incremental row appending.
+ * Consumers MUST install rxjs ^7.8.0 in their project.
+ * Activates TanStack Virtual v3 windowing when rows.length > virtualizeThreshold.
+ * Zod-validates serialisable props; renders role="alert" fallback on failure.
+ * Fully accessible: aria-rowcount, aria-label, scope="col".
+ */
+declare function StreamingTableView<TRow extends Record<string, unknown> = Record<string, unknown>>(props: StreamingTableViewProps<TRow>): react_jsx_runtime.JSX.Element;
+
+export { type ColumnDef, StreamingTableView, type StreamingTableViewProps, TableView, type TableViewProps, TableViewPropsSchema, type TableViewPropsSchemaInput, type TableViewPropsSchemaOutput, validateTableViewProps };

package/dist/display.js

@@ -0,0 +1,268 @@
+import { useVirtualizer } from '@tanstack/react-virtual';
+import { useState, useEffect, useRef, useCallback } from 'react';
+import { z } from 'zod';
+import { jsx, jsxs } from 'react/jsx-runtime';
+
+// src/components/display/TableView.tsx
+
+// src/i18n/strings.ts
+var EN = {
+  "ProgressBar.aria.label": "Progress",
+  "ProgressBar.error.invalidProps": "ProgressBar: invalid props",
+  "ConfirmDialog.button.confirm": "Confirm",
+  "ConfirmDialog.button.cancel": "Cancel",
+  "ConfirmDialog.aria.dialog": "Confirmation dialog",
+  "TableView.aria.table": "Data table",
+  "TableView.pagination.next": "Next page",
+  "TableView.pagination.prev": "Previous page",
+  "TableView.empty.message": "No data to display",
+  "TableView.error.invalidProps": "TableView: invalid props",
+  "MarkdownRenderer.aria.content": "Rendered Markdown content",
+  "MarkdownRenderer.error.invalidProps": "MarkdownRenderer: invalid props",
+  "MarkdownRenderer.error.tooLong": "Content exceeds maximum length",
+  "TokenDisplayOnceModal.button.copy": "Copy token",
+  "TokenDisplayOnceModal.button.close": "Close",
+  "TokenDisplayOnceModal.warning.once": "This token will only be shown once. Copy it now.",
+  "TokenDisplayOnceModal.copied": "Copied",
+  "StatusBadge.aria.status": "Status",
+  "StatusBadge.error.invalidProps": "StatusBadge: invalid props"
+};
+var FR = {
+  "ProgressBar.aria.label": "Progression",
+  "ProgressBar.error.invalidProps": "ProgressBar : propri\xE9t\xE9s invalides",
+  "ConfirmDialog.button.confirm": "Confirmer",
+  "ConfirmDialog.button.cancel": "Annuler",
+  "ConfirmDialog.aria.dialog": "Bo\xEEte de dialogue de confirmation",
+  "TableView.aria.table": "Tableau de donn\xE9es",
+  "TableView.pagination.next": "Page suivante",
+  "TableView.pagination.prev": "Page pr\xE9c\xE9dente",
+  "TableView.empty.message": "Aucune donn\xE9e \xE0 afficher",
+  "TableView.error.invalidProps": "TableView : propri\xE9t\xE9s invalides",
+  "MarkdownRenderer.aria.content": "Contenu Markdown rendu",
+  "MarkdownRenderer.error.invalidProps": "MarkdownRenderer : propri\xE9t\xE9s invalides",
+  "MarkdownRenderer.error.tooLong": "Le contenu d\xE9passe la longueur maximale",
+  "TokenDisplayOnceModal.button.copy": "Copier le jeton",
+  "TokenDisplayOnceModal.button.close": "Fermer",
+  "TokenDisplayOnceModal.warning.once": "Ce jeton ne sera affich\xE9 qu'une seule fois. Copiez-le maintenant.",
+  "TokenDisplayOnceModal.copied": "Copi\xE9",
+  "StatusBadge.aria.status": "Statut",
+  "StatusBadge.error.invalidProps": "StatusBadge : propri\xE9t\xE9s invalides"
+};
+var TABLE = {
+  en: EN,
+  fr: FR
+};
+function t(key, locale = "en") {
+  return TABLE[locale]?.[key] ?? TABLE.en[key];
+}
+var ColumnDefSchema = z.object({
+  key: z.string().min(1),
+  header: z.string().min(1)
+  // render is a runtime function — excluded from Zod, typed separately
+});
+var TableViewPropsSchema = z.object({
+  columns: z.array(ColumnDefSchema).min(1, "TableView requires at least one column"),
+  virtualizeThreshold: z.number().int().positive().default(100),
+  ariaLabel: z.string().min(1),
+  locale: z.enum(["en", "fr"]).default("en")
+});
+function validateTableViewProps(raw) {
+  return TableViewPropsSchema.parse(raw);
+}
+var OVERSCAN = 5;
+function TableView(props) {
+  let validatedThreshold = 100;
+  try {
+    const validated = validateTableViewProps({
+      columns: props.columns.map(({ key, header }) => ({ key, header })),
+      virtualizeThreshold: props.virtualizeThreshold,
+      ariaLabel: props.ariaLabel,
+      locale: props.locale
+    });
+    validatedThreshold = validated.virtualizeThreshold;
+  } catch {
+    const locale = props.locale === "fr" ? "fr" : "en";
+    return /* @__PURE__ */ jsx("div", { role: "alert", children: t("TableView.error.invalidProps", locale) });
+  }
+  const isVirtual = props.rows.length > validatedThreshold;
+  const resolvedLocale = props.locale === "fr" ? "fr" : "en";
+  if (isVirtual) {
+    return /* @__PURE__ */ jsx(
+      VirtualTable,
+      {
+        rows: props.rows,
+        columns: props.columns,
+        ariaLabel: props.ariaLabel,
+        locale: resolvedLocale
+      }
+    );
+  }
+  return /* @__PURE__ */ jsx(
+    StaticTable,
+    {
+      rows: props.rows,
+      columns: props.columns,
+      ariaLabel: props.ariaLabel,
+      locale: resolvedLocale
+    }
+  );
+}
+function StreamingTableView(props) {
+  let validatedThreshold = 100;
+  try {
+    const validated = validateTableViewProps({
+      columns: props.columns.map(({ key, header }) => ({ key, header })),
+      virtualizeThreshold: props.virtualizeThreshold,
+      ariaLabel: props.ariaLabel,
+      locale: props.locale
+    });
+    validatedThreshold = validated.virtualizeThreshold;
+  } catch {
+    const locale = props.locale === "fr" ? "fr" : "en";
+    return /* @__PURE__ */ jsx("div", { role: "alert", children: t("TableView.error.invalidProps", locale) });
+  }
+  return /* @__PURE__ */ jsx(StreamingTableViewInner, { ...props, virtualizeThreshold: validatedThreshold });
+}
+function StreamingTableViewInner({
+  columns,
+  rows$,
+  virtualizeThreshold = 100,
+  ariaLabel,
+  locale
+}) {
+  const resolvedLocale = locale === "fr" ? "fr" : "en";
+  const [rows, setRows] = useState([]);
+  useEffect(() => {
+    setRows([]);
+    const sub = rows$.subscribe((chunk) => {
+      setRows((prev) => [...prev, ...chunk]);
+    });
+    return () => {
+      sub.unsubscribe();
+    };
+  }, [rows$]);
+  const isVirtual = rows.length > virtualizeThreshold;
+  if (isVirtual) {
+    return /* @__PURE__ */ jsx(
+      VirtualTable,
+      {
+        rows,
+        columns,
+        ariaLabel,
+        locale: resolvedLocale
+      }
+    );
+  }
+  return /* @__PURE__ */ jsx(
+    StaticTable,
+    {
+      rows,
+      columns,
+      ariaLabel,
+      locale: resolvedLocale
+    }
+  );
+}
+function renderCell(col, row) {
+  if (col.render) {
+    return col.render(row);
+  }
+  return String(row[col.key] ?? "");
+}
+function StaticTable({
+  rows,
+  columns,
+  ariaLabel,
+  locale
+}) {
+  const emptyMsg = t("TableView.empty.message", locale);
+  return /* @__PURE__ */ jsxs(
+    "table",
+    {
+      "aria-label": ariaLabel,
+      "aria-rowcount": rows.length,
+      style: { width: "100%", borderCollapse: "collapse" },
+      children: [
+        /* @__PURE__ */ jsx("thead", { children: /* @__PURE__ */ jsx("tr", { children: columns.map((col) => /* @__PURE__ */ jsx("th", { scope: "col", children: col.header }, col.key)) }) }),
+        /* @__PURE__ */ jsx("tbody", { children: rows.length === 0 ? /* @__PURE__ */ jsx("tr", { children: /* @__PURE__ */ jsx("td", { colSpan: columns.length, "aria-label": emptyMsg, children: emptyMsg }) }) : rows.map((row, rowIndex) => /* @__PURE__ */ jsx(
+          "tr",
+          {
+            "aria-rowindex": rowIndex + 2,
+            children: columns.map((col) => /* @__PURE__ */ jsx("td", { children: renderCell(col, row) }, col.key))
+          },
+          row.id != null ? String(row.id) : `row-${rowIndex}`
+        )) })
+      ]
+    }
+  );
+}
+function VirtualTable({
+  rows,
+  columns,
+  ariaLabel,
+  // locale reserved for future virtual-mode empty/pagination strings
+  locale: _locale
+}) {
+  const scrollRef = useRef(null);
+  const rowVirtualizer = useVirtualizer({
+    count: rows.length,
+    /* v8 ignore next 1 */
+    getScrollElement: () => scrollRef.current,
+    estimateSize: useCallback(() => 40, []),
+    overscan: OVERSCAN
+  });
+  const virtualItems = rowVirtualizer.getVirtualItems();
+  const totalSize = rowVirtualizer.getTotalSize();
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      "data-virtual": "true",
+      ref: scrollRef,
+      style: { height: 400, overflow: "auto", position: "relative" },
+      children: /* @__PURE__ */ jsxs(
+        "table",
+        {
+          "aria-label": ariaLabel,
+          "aria-rowcount": rows.length,
+          style: { width: "100%", borderCollapse: "collapse" },
+          children: [
+            /* @__PURE__ */ jsx("thead", { children: /* @__PURE__ */ jsx("tr", { children: columns.map((col) => /* @__PURE__ */ jsx("th", { scope: "col", children: col.header }, col.key)) }) }),
+            /* @__PURE__ */ jsx(
+              "tbody",
+              {
+                style: {
+                  height: `${totalSize}px`,
+                  position: "relative",
+                  display: "block"
+                },
+                children: virtualItems.map((virtualRow) => {
+                  const row = rows[virtualRow.index] ?? {};
+                  return /* @__PURE__ */ jsx(
+                    "tr",
+                    {
+                      "aria-rowindex": virtualRow.index + 2,
+                      style: {
+                        position: "absolute",
+                        top: 0,
+                        left: 0,
+                        width: "100%",
+                        transform: `translateY(${virtualRow.start}px)`,
+                        display: "flex"
+                      },
+                      children: columns.map((col) => /* @__PURE__ */ jsx("td", { style: { flex: 1 }, children: renderCell(col, row) }, col.key))
+                    },
+                    row.id != null ? String(row.id) : `vrow-${virtualRow.index}`
+                  );
+                })
+              }
+            )
+          ]
+        }
+      )
+    }
+  );
+}
+
+export { StreamingTableView, TableView, TableViewPropsSchema, validateTableViewProps };
+//# sourceMappingURL=display.js.map
+//# sourceMappingURL=display.js.map

package/dist/display.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/i18n/strings.ts","../src/components/display/TableView.schema.ts","../src/components/display/TableView.tsx"],"names":[],"mappings":"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","file":"display.js","sourcesContent":["/**\n * Compile-time mirror of `@vantageos/mosaic-i18n` EN/FR locales for the 6\n * v0.1.0 components. Inlined here so that `<Comp>` renderers can resolve\n * `t(key, locale)` without dragging react-i18next into the component runtime\n * (keeps bundle small and tests provider-free). Drift is gated by\n * `mosaic-registry-drift-check.mjs` which validates the canonical\n * `packages/mosaic-i18n/src/locales/{en,fr}.json` against `registry.yaml`.\n *\n * Mosaic standard §8: production JSX MUST resolve user-facing strings via\n * `t()` — no hardcoded English literals.\n */\nexport type MosaicLocale = \"en\" | \"fr\";\n\nconst EN = {\n  \"ProgressBar.aria.label\": \"Progress\",\n  \"ProgressBar.error.invalidProps\": \"ProgressBar: invalid props\",\n  \"ConfirmDialog.button.confirm\": \"Confirm\",\n  \"ConfirmDialog.button.cancel\": \"Cancel\",\n  \"ConfirmDialog.aria.dialog\": \"Confirmation dialog\",\n  \"TableView.aria.table\": \"Data table\",\n  \"TableView.pagination.next\": \"Next page\",\n  \"TableView.pagination.prev\": \"Previous page\",\n  \"TableView.empty.message\": \"No data to display\",\n  \"TableView.error.invalidProps\": \"TableView: invalid props\",\n  \"MarkdownRenderer.aria.content\": \"Rendered Markdown content\",\n  \"MarkdownRenderer.error.invalidProps\": \"MarkdownRenderer: invalid props\",\n  \"MarkdownRenderer.error.tooLong\": \"Content exceeds maximum length\",\n  \"TokenDisplayOnceModal.button.copy\": \"Copy token\",\n  \"TokenDisplayOnceModal.button.close\": \"Close\",\n  \"TokenDisplayOnceModal.warning.once\": \"This token will only be shown once. Copy it now.\",\n  \"TokenDisplayOnceModal.copied\": \"Copied\",\n  \"StatusBadge.aria.status\": \"Status\",\n  \"StatusBadge.error.invalidProps\": \"StatusBadge: invalid props\",\n} as const;\n\nconst FR: Record<keyof typeof EN, string> = {\n  \"ProgressBar.aria.label\": \"Progression\",\n  \"ProgressBar.error.invalidProps\": \"ProgressBar : propriétés invalides\",\n  \"ConfirmDialog.button.confirm\": \"Confirmer\",\n  \"ConfirmDialog.button.cancel\": \"Annuler\",\n  \"ConfirmDialog.aria.dialog\": \"Boîte de dialogue de confirmation\",\n  \"TableView.aria.table\": \"Tableau de données\",\n  \"TableView.pagination.next\": \"Page suivante\",\n  \"TableView.pagination.prev\": \"Page précédente\",\n  \"TableView.empty.message\": \"Aucune donnée à afficher\",\n  \"TableView.error.invalidProps\": \"TableView : propriétés invalides\",\n  \"MarkdownRenderer.aria.content\": \"Contenu Markdown rendu\",\n  \"MarkdownRenderer.error.invalidProps\": \"MarkdownRenderer : propriétés invalides\",\n  \"MarkdownRenderer.error.tooLong\": \"Le contenu dépasse la longueur maximale\",\n  \"TokenDisplayOnceModal.button.copy\": \"Copier le jeton\",\n  \"TokenDisplayOnceModal.button.close\": \"Fermer\",\n  \"TokenDisplayOnceModal.warning.once\":\n    \"Ce jeton ne sera affiché qu'une seule fois. Copiez-le maintenant.\",\n  \"TokenDisplayOnceModal.copied\": \"Copié\",\n  \"StatusBadge.aria.status\": \"Statut\",\n  \"StatusBadge.error.invalidProps\": \"StatusBadge : propriétés invalides\",\n};\n\nexport type MosaicI18nKey = keyof typeof EN;\n\nconst TABLE: Record<MosaicLocale, Record<MosaicI18nKey, string>> = {\n  en: EN,\n  fr: FR,\n};\n\n/** Resolves a Mosaic i18n key for the given locale, falling back to EN. */\nexport function t(key: MosaicI18nKey, locale: MosaicLocale = \"en\"): string {\n  return TABLE[locale]?.[key] ?? TABLE.en[key];\n}\n","import type { ReactNode } from \"react\";\nimport type { Observable } from \"rxjs\";\nimport { z } from \"zod\";\n\n// i18nKeys: TableView.aria.table, TableView.pagination.next, TableView.pagination.prev, TableView.empty.message, TableView.error.invalidProps\n\nexport const ColumnDefSchema = z.object({\n  key: z.string().min(1),\n  header: z.string().min(1),\n  // render is a runtime function — excluded from Zod, typed separately\n});\n\nexport type ColumnDef<TRow extends Record<string, unknown> = Record<string, unknown>> = {\n  key: string;\n  header: string;\n  render?: (row: TRow) => ReactNode;\n};\n\n/**\n * Validates the serialisable (non-function) portion of TableView props.\n * The `rows$` Observable and `render` callbacks are not Zod-parseable and\n * must be validated at the call-site type level.\n */\nexport const TableViewPropsSchema = z.object({\n  columns: z.array(ColumnDefSchema).min(1, \"TableView requires at least one column\"),\n  virtualizeThreshold: z.number().int().positive().default(100),\n  ariaLabel: z.string().min(1),\n  locale: z.enum([\"en\", \"fr\"]).default(\"en\"),\n});\n\nexport type TableViewPropsSchemaInput = z.input<typeof TableViewPropsSchema>;\nexport type TableViewPropsSchemaOutput = z.output<typeof TableViewPropsSchema>;\n\n/**\n * Props for the static TableView — accepts a plain array of rows.\n * Primary API for already-fetched data (no rxjs required).\n */\nexport type TableViewProps<TRow extends Record<string, unknown> = Record<string, unknown>> = {\n  columns: ColumnDef<TRow>[];\n  rows: Partial<TRow>[];\n  virtualizeThreshold?: number;\n  ariaLabel: string;\n  locale?: \"en\" | \"fr\";\n};\n\n/**\n * Props for StreamingTableView — accepts an RxJS Observable for incremental row appending.\n * Consumers using this variant MUST install rxjs ^7.8.0 in their project.\n */\nexport type StreamingTableViewProps<\n  TRow extends Record<string, unknown> = Record<string, unknown>,\n> = {\n  columns: ColumnDef<TRow>[];\n  rows$: Observable<Partial<TRow>[]>;\n  virtualizeThreshold?: number;\n  ariaLabel: string;\n  locale?: \"en\" | \"fr\";\n};\n\nexport function validateTableViewProps(raw: unknown): TableViewPropsSchemaOutput {\n  return TableViewPropsSchema.parse(raw);\n}\n","// i18nKeys: TableView.aria.table, TableView.pagination.next, TableView.pagination.prev, TableView.empty.message, TableView.error.invalidProps\n\nimport { useVirtualizer } from \"@tanstack/react-virtual\";\nimport type React from \"react\";\nimport { useCallback, useEffect, useRef, useState } from \"react\";\nimport { type MosaicLocale, t } from \"../../i18n/strings.js\";\nimport { validateTableViewProps } from \"./TableView.schema\";\nimport type { StreamingTableViewProps, TableViewProps } from \"./TableView.schema\";\n\nconst OVERSCAN = 5;\n\n/**\n * TableView — Static rows variant (primary API).\n *\n * Accepts `rows: Row[]` for already-fetched data — no rxjs required.\n * Activates TanStack Virtual v3 windowing when rows.length > virtualizeThreshold.\n * Zod-validates serialisable props; renders role=\"alert\" fallback on failure.\n * Fully accessible: aria-rowcount, aria-label, scope=\"col\".\n */\nexport function TableView<TRow extends Record<string, unknown> = Record<string, unknown>>(\n  props: TableViewProps<TRow>,\n) {\n  // ── Zod validation (serialisable props only) ───────────────────────────────\n  let validatedThreshold = 100;\n  try {\n    const validated = validateTableViewProps({\n      columns: props.columns.map(({ key, header }) => ({ key, header })),\n      virtualizeThreshold: props.virtualizeThreshold,\n      ariaLabel: props.ariaLabel,\n      locale: props.locale,\n    });\n    validatedThreshold = validated.virtualizeThreshold;\n  } catch {\n    const locale: MosaicLocale = props.locale === \"fr\" ? \"fr\" : \"en\";\n    return <div role=\"alert\">{t(\"TableView.error.invalidProps\", locale)}</div>;\n  }\n\n  const isVirtual = props.rows.length > validatedThreshold;\n  const resolvedLocale: MosaicLocale = props.locale === \"fr\" ? \"fr\" : \"en\";\n\n  if (isVirtual) {\n    return (\n      <VirtualTable<TRow>\n        rows={props.rows}\n        columns={props.columns}\n        ariaLabel={props.ariaLabel}\n        locale={resolvedLocale}\n      />\n    );\n  }\n\n  return (\n    <StaticTable<TRow>\n      rows={props.rows}\n      columns={props.columns}\n      ariaLabel={props.ariaLabel}\n      locale={resolvedLocale}\n    />\n  );\n}\n\n/**\n * StreamingTableView — Streaming rows variant (advanced, opt-in).\n *\n * Pattern 4 Streaming Hydration reference implementation.\n * Consumes an RxJS Observable<Row[]> for incremental row appending.\n * Consumers MUST install rxjs ^7.8.0 in their project.\n * Activates TanStack Virtual v3 windowing when rows.length > virtualizeThreshold.\n * Zod-validates serialisable props; renders role=\"alert\" fallback on failure.\n * Fully accessible: aria-rowcount, aria-label, scope=\"col\".\n */\nexport function StreamingTableView<TRow extends Record<string, unknown> = Record<string, unknown>>(\n  props: StreamingTableViewProps<TRow>,\n) {\n  // ── Zod validation (serialisable props only) ───────────────────────────────\n  let validatedThreshold = 100;\n  try {\n    const validated = validateTableViewProps({\n      columns: props.columns.map(({ key, header }) => ({ key, header })),\n      virtualizeThreshold: props.virtualizeThreshold,\n      ariaLabel: props.ariaLabel,\n      locale: props.locale,\n    });\n    validatedThreshold = validated.virtualizeThreshold;\n  } catch {\n    const locale: MosaicLocale = props.locale === \"fr\" ? \"fr\" : \"en\";\n    return <div role=\"alert\">{t(\"TableView.error.invalidProps\", locale)}</div>;\n  }\n\n  return <StreamingTableViewInner<TRow> {...props} virtualizeThreshold={validatedThreshold} />;\n}\n\n// ── Inner implementation for streaming (rendered only after validation passes) ──\n\nfunction StreamingTableViewInner<TRow extends Record<string, unknown> = Record<string, unknown>>({\n  columns,\n  rows$,\n  virtualizeThreshold = 100,\n  ariaLabel,\n  locale,\n}: StreamingTableViewProps<TRow> & { virtualizeThreshold: number }) {\n  const resolvedLocale: MosaicLocale = locale === \"fr\" ? \"fr\" : \"en\";\n  const [rows, setRows] = useState<Partial<TRow>[]>([]);\n\n  // Subscribe to the Observable and accumulate chunks\n  useEffect(() => {\n    setRows([]);\n    const sub = rows$.subscribe((chunk) => {\n      setRows((prev) => [...prev, ...chunk]);\n    });\n    return () => {\n      sub.unsubscribe();\n    };\n  }, [rows$]);\n\n  const isVirtual = rows.length > virtualizeThreshold;\n\n  if (isVirtual) {\n    return (\n      <VirtualTable<TRow>\n        rows={rows}\n        columns={columns}\n        ariaLabel={ariaLabel}\n        locale={resolvedLocale}\n      />\n    );\n  }\n\n  return (\n    <StaticTable<TRow>\n      rows={rows}\n      columns={columns}\n      ariaLabel={ariaLabel}\n      locale={resolvedLocale}\n    />\n  );\n}\n\n// ── Static table (rows <= virtualizeThreshold) ────────────────────────────────\n\ntype TableContentProps<TRow extends Record<string, unknown>> = {\n  rows: Partial<TRow>[];\n  columns: TableViewProps<TRow>[\"columns\"];\n  ariaLabel: string;\n  locale: MosaicLocale;\n};\n\n/** Renders a single cell — uses col.render if provided, else converts to string */\nfunction renderCell<TRow extends Record<string, unknown>>(\n  col: TableViewProps<TRow>[\"columns\"][number],\n  row: Partial<TRow>,\n): React.ReactNode {\n  if (col.render) {\n    return col.render(row as TRow);\n  }\n  return String((row as Record<string, unknown>)[col.key] ?? \"\");\n}\n\nfunction StaticTable<TRow extends Record<string, unknown>>({\n  rows,\n  columns,\n  ariaLabel,\n  locale,\n}: TableContentProps<TRow>) {\n  const emptyMsg = t(\"TableView.empty.message\", locale);\n  return (\n    <table\n      aria-label={ariaLabel}\n      aria-rowcount={rows.length}\n      style={{ width: \"100%\", borderCollapse: \"collapse\" }}\n    >\n      <thead>\n        <tr>\n          {columns.map((col) => (\n            <th key={col.key} scope=\"col\">\n              {col.header}\n            </th>\n          ))}\n        </tr>\n      </thead>\n      <tbody>\n        {rows.length === 0 ? (\n          <tr>\n            <td colSpan={columns.length} aria-label={emptyMsg}>\n              {emptyMsg}\n            </td>\n          </tr>\n        ) : (\n          rows.map((row, rowIndex) => (\n            <tr\n              key={\n                (row as Record<string, unknown>).id != null\n                  ? String((row as Record<string, unknown>).id)\n                  : `row-${rowIndex}`\n              }\n              aria-rowindex={rowIndex + 2}\n            >\n              {columns.map((col) => (\n                <td key={col.key}>{renderCell(col, row)}</td>\n              ))}\n            </tr>\n          ))\n        )}\n      </tbody>\n    </table>\n  );\n}\n\n// ── Virtual table (rows > virtualizeThreshold) — TanStack Virtual v3 ─────────\n\nfunction VirtualTable<TRow extends Record<string, unknown>>({\n  rows,\n  columns,\n  ariaLabel,\n  // locale reserved for future virtual-mode empty/pagination strings\n  locale: _locale,\n}: TableContentProps<TRow>) {\n  const scrollRef = useRef<HTMLDivElement>(null);\n\n  const rowVirtualizer = useVirtualizer({\n    count: rows.length,\n    /* v8 ignore next 1 */\n    getScrollElement: () => scrollRef.current,\n    estimateSize: useCallback(() => 40, []),\n    overscan: OVERSCAN,\n  });\n\n  const virtualItems = rowVirtualizer.getVirtualItems();\n  const totalSize = rowVirtualizer.getTotalSize();\n\n  return (\n    <div\n      data-virtual=\"true\"\n      ref={scrollRef}\n      style={{ height: 400, overflow: \"auto\", position: \"relative\" }}\n    >\n      <table\n        aria-label={ariaLabel}\n        aria-rowcount={rows.length}\n        style={{ width: \"100%\", borderCollapse: \"collapse\" }}\n      >\n        <thead>\n          <tr>\n            {columns.map((col) => (\n              <th key={col.key} scope=\"col\">\n                {col.header}\n              </th>\n            ))}\n          </tr>\n        </thead>\n        <tbody\n          style={{\n            height: `${totalSize}px`,\n            position: \"relative\",\n            display: \"block\",\n          }}\n        >\n          {virtualItems.map((virtualRow) => {\n            /* v8 ignore next */\n            const row = rows[virtualRow.index] ?? ({} as Partial<TRow>);\n            return (\n              <tr\n                key={\n                  (row as Record<string, unknown>).id != null\n                    ? String((row as Record<string, unknown>).id)\n                    : `vrow-${virtualRow.index}`\n                }\n                aria-rowindex={virtualRow.index + 2}\n                style={{\n                  position: \"absolute\",\n                  top: 0,\n                  left: 0,\n                  width: \"100%\",\n                  transform: `translateY(${virtualRow.start}px)`,\n                  display: \"flex\",\n                }}\n              >\n                {columns.map((col) => (\n                  <td key={col.key} style={{ flex: 1 }}>\n                    {renderCell(col, row)}\n                  </td>\n                ))}\n              </tr>\n            );\n          })}\n        </tbody>\n      </table>\n    </div>\n  );\n}\n"]}

package/dist/index.cjs

@@ -245,9 +245,46 @@ function TableView(props) {
     const locale = props.locale === "fr" ? "fr" : "en";
     return /* @__PURE__ */ jsxRuntime.jsx("div", { role: "alert", children: t("TableView.error.invalidProps", locale) });
   }
-  return /* @__PURE__ */ jsxRuntime.jsx(TableViewInner, { ...props, virtualizeThreshold: validatedThreshold });
+  const isVirtual = props.rows.length > validatedThreshold;
+  const resolvedLocale = props.locale === "fr" ? "fr" : "en";
+  if (isVirtual) {
+    return /* @__PURE__ */ jsxRuntime.jsx(
+      VirtualTable,
+      {
+        rows: props.rows,
+        columns: props.columns,
+        ariaLabel: props.ariaLabel,
+        locale: resolvedLocale
+      }
+    );
+  }
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    StaticTable,
+    {
+      rows: props.rows,
+      columns: props.columns,
+      ariaLabel: props.ariaLabel,
+      locale: resolvedLocale
+    }
+  );
+}
+function StreamingTableView(props) {
+  let validatedThreshold = 100;
+  try {
+    const validated = validateTableViewProps({
+      columns: props.columns.map(({ key, header }) => ({ key, header })),
+      virtualizeThreshold: props.virtualizeThreshold,
+      ariaLabel: props.ariaLabel,
+      locale: props.locale
+    });
+    validatedThreshold = validated.virtualizeThreshold;
+  } catch {
+    const locale = props.locale === "fr" ? "fr" : "en";
+    return /* @__PURE__ */ jsxRuntime.jsx("div", { role: "alert", children: t("TableView.error.invalidProps", locale) });
+  }
+  return /* @__PURE__ */ jsxRuntime.jsx(StreamingTableViewInner, { ...props, virtualizeThreshold: validatedThreshold });
 }
-function TableViewInner({
+function StreamingTableViewInner({
   columns,
   rows$,
   virtualizeThreshold = 100,
@@ -682,6 +719,7 @@ exports.ProgressBar = ProgressBar;
 exports.ProgressBarPropsSchema = ProgressBarPropsSchema;
 exports.StatusBadge = StatusBadge;
 exports.StatusBadgePropsSchema = StatusBadgePropsSchema;
+exports.StreamingTableView = StreamingTableView;
 exports.TableView = TableView;
 exports.TableViewPropsSchema = TableViewPropsSchema;
 exports.TokenDisplayOnceModal = TokenDisplayOnceModal;