@vantageos/mosaic 0.2.2 → 0.3.0-alpha.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +181 -0
- package/dist/Alert.schema-BQsZGG6P.d.cts +41 -0
- package/dist/Alert.schema-BQsZGG6P.d.ts +41 -0
- package/dist/ConfirmDialog-B3CQQGmJ.d.cts +34 -0
- package/dist/ConfirmDialog-B3CQQGmJ.d.ts +34 -0
- package/dist/Skeleton.schema-BO0ca2UX.d.cts +135 -0
- package/dist/Skeleton.schema-BO0ca2UX.d.ts +135 -0
- package/dist/Tabs.schema-BzcEyeq8.d.cts +79 -0
- package/dist/Tabs.schema-BzcEyeq8.d.ts +79 -0
- package/dist/artifacts.cjs +20 -2
- package/dist/artifacts.cjs.map +1 -1
- package/dist/artifacts.js +20 -2
- package/dist/artifacts.js.map +1 -1
- package/dist/confirmation.cjs +44 -2
- package/dist/confirmation.cjs.map +1 -1
- package/dist/confirmation.d.cts +34 -1
- package/dist/confirmation.d.ts +34 -1
- package/dist/confirmation.js +41 -3
- package/dist/confirmation.js.map +1 -1
- package/dist/display.cjs +145 -2
- package/dist/display.cjs.map +1 -1
- package/dist/display.d.cts +1 -0
- package/dist/display.d.ts +1 -0
- package/dist/display.js +140 -3
- package/dist/display.js.map +1 -1
- package/dist/forms.cjs +1412 -0
- package/dist/forms.cjs.map +1 -0
- package/dist/forms.d.cts +159 -0
- package/dist/forms.d.ts +159 -0
- package/dist/forms.js +1331 -0
- package/dist/forms.js.map +1 -0
- package/dist/index-CwXVgtGb.d.cts +917 -0
- package/dist/index-CwXVgtGb.d.ts +917 -0
- package/dist/index.cjs +188 -2
- package/dist/index.cjs.map +1 -1
- package/dist/index.d.cts +5 -2
- package/dist/index.d.ts +5 -2
- package/dist/index.js +177 -3
- package/dist/index.js.map +1 -1
- package/dist/input.cjs +19 -0
- package/dist/input.cjs.map +1 -1
- package/dist/input.d.cts +4 -34
- package/dist/input.d.ts +4 -34
- package/dist/input.js +18 -1
- package/dist/input.js.map +1 -1
- package/dist/media.cjs +20 -2
- package/dist/media.cjs.map +1 -1
- package/dist/media.js +20 -2
- package/dist/media.js.map +1 -1
- package/dist/preact/confirmation.d.ts +85 -1
- package/dist/preact/confirmation.js +263 -0
- package/dist/preact/confirmation.js.map +1 -1
- package/dist/preact/display.d.ts +240 -1
- package/dist/preact/display.js +366 -0
- package/dist/preact/display.js.map +1 -1
- package/dist/preact/forms.d.ts +875 -0
- package/dist/preact/forms.js +1323 -0
- package/dist/preact/forms.js.map +1 -0
- package/dist/preact/input.d.ts +88 -1
- package/dist/preact/input.js +194 -0
- package/dist/preact/input.js.map +1 -1
- package/dist/progress.cjs +20 -2
- package/dist/progress.cjs.map +1 -1
- package/dist/progress.js +20 -2
- package/dist/progress.js.map +1 -1
- package/dist/react/confirmation.cjs +267 -0
- package/dist/react/confirmation.cjs.map +1 -1
- package/dist/react/confirmation.d.cts +21 -1
- package/dist/react/confirmation.d.ts +21 -1
- package/dist/react/confirmation.js +263 -0
- package/dist/react/confirmation.js.map +1 -1
- package/dist/react/display.cjs +372 -0
- package/dist/react/display.cjs.map +1 -1
- package/dist/react/display.d.cts +112 -1
- package/dist/react/display.d.ts +112 -1
- package/dist/react/display.js +362 -0
- package/dist/react/display.js.map +1 -1
- package/dist/react/forms.cjs +1384 -0
- package/dist/react/forms.cjs.map +1 -0
- package/dist/react/forms.d.cts +5 -0
- package/dist/react/forms.d.ts +5 -0
- package/dist/react/forms.js +1323 -0
- package/dist/react/forms.js.map +1 -0
- package/dist/react/input.cjs +197 -0
- package/dist/react/input.cjs.map +1 -1
- package/dist/react/input.d.cts +13 -1
- package/dist/react/input.d.ts +13 -1
- package/dist/react/input.js +194 -0
- package/dist/react/input.js.map +1 -1
- package/package.json +73 -49
- package/registry.yaml +154 -1
package/dist/display.js
CHANGED
|
@@ -25,7 +25,16 @@ var EN = {
|
|
|
25
25
|
"TokenDisplayOnceModal.warning.once": "This token will only be shown once. Copy it now.",
|
|
26
26
|
"TokenDisplayOnceModal.copied": "Copied",
|
|
27
27
|
"StatusBadge.aria.status": "Status",
|
|
28
|
-
"StatusBadge.error.invalidProps": "StatusBadge: invalid props"
|
|
28
|
+
"StatusBadge.error.invalidProps": "StatusBadge: invalid props",
|
|
29
|
+
"EmptyState.error.invalidProps": "EmptyState: invalid props",
|
|
30
|
+
"Toast.aria.close": "Close notification",
|
|
31
|
+
"Toast.error.invalidProps": "Toast: invalid props",
|
|
32
|
+
"Alert.aria.dismiss": "Dismiss alert",
|
|
33
|
+
"Alert.error.invalidProps": "Alert: invalid props",
|
|
34
|
+
"VirtualList.empty.message": "No items to display",
|
|
35
|
+
"VirtualList.error.invalidProps": "VirtualList: invalid props",
|
|
36
|
+
"Skeleton.aria.label": "Loading",
|
|
37
|
+
"Skeleton.error.invalidProps": "Skeleton: invalid props"
|
|
29
38
|
};
|
|
30
39
|
var FR = {
|
|
31
40
|
"ProgressBar.aria.label": "Progression",
|
|
@@ -46,7 +55,16 @@ var FR = {
|
|
|
46
55
|
"TokenDisplayOnceModal.warning.once": "Ce jeton ne sera affich\xE9 qu'une seule fois. Copiez-le maintenant.",
|
|
47
56
|
"TokenDisplayOnceModal.copied": "Copi\xE9",
|
|
48
57
|
"StatusBadge.aria.status": "Statut",
|
|
49
|
-
"StatusBadge.error.invalidProps": "StatusBadge : propri\xE9t\xE9s invalides"
|
|
58
|
+
"StatusBadge.error.invalidProps": "StatusBadge : propri\xE9t\xE9s invalides",
|
|
59
|
+
"EmptyState.error.invalidProps": "EmptyState : propri\xE9t\xE9s invalides",
|
|
60
|
+
"Toast.aria.close": "Fermer la notification",
|
|
61
|
+
"Toast.error.invalidProps": "Toast : propri\xE9t\xE9s invalides",
|
|
62
|
+
"Alert.aria.dismiss": "Fermer l'alerte",
|
|
63
|
+
"Alert.error.invalidProps": "Alert : propri\xE9t\xE9s invalides",
|
|
64
|
+
"VirtualList.empty.message": "Aucun \xE9l\xE9ment \xE0 afficher",
|
|
65
|
+
"VirtualList.error.invalidProps": "VirtualList : propri\xE9t\xE9s invalides",
|
|
66
|
+
"Skeleton.aria.label": "Chargement",
|
|
67
|
+
"Skeleton.error.invalidProps": "Skeleton : propri\xE9t\xE9s invalides"
|
|
50
68
|
};
|
|
51
69
|
var TABLE = {
|
|
52
70
|
en: EN,
|
|
@@ -300,7 +318,126 @@ function VirtualTable({
|
|
|
300
318
|
}
|
|
301
319
|
);
|
|
302
320
|
}
|
|
321
|
+
var EmptyStatePropsSchema = z.object({
|
|
322
|
+
title: z.string().min(1),
|
|
323
|
+
description: z.string().optional(),
|
|
324
|
+
action: z.object({
|
|
325
|
+
label: z.string().min(1),
|
|
326
|
+
variant: z.enum(["primary", "secondary"]).default("primary")
|
|
327
|
+
}).optional(),
|
|
328
|
+
locale: z.enum(["en", "fr"]).default("en")
|
|
329
|
+
});
|
|
330
|
+
function validateEmptyStateProps(raw) {
|
|
331
|
+
return EmptyStatePropsSchema.parse(raw);
|
|
332
|
+
}
|
|
333
|
+
|
|
334
|
+
// src/components/display/Skeleton.logic.ts
|
|
335
|
+
function getAnimationClass(animation) {
|
|
336
|
+
switch (animation) {
|
|
337
|
+
case "pulse":
|
|
338
|
+
return "animate-pulse";
|
|
339
|
+
case "wave":
|
|
340
|
+
return "skeleton-wave";
|
|
341
|
+
case "none":
|
|
342
|
+
return "";
|
|
343
|
+
}
|
|
344
|
+
}
|
|
345
|
+
function getVariantClass(variant) {
|
|
346
|
+
switch (variant) {
|
|
347
|
+
case "rect":
|
|
348
|
+
return "rounded-md";
|
|
349
|
+
case "circle":
|
|
350
|
+
return "rounded-full";
|
|
351
|
+
case "text":
|
|
352
|
+
return "rounded";
|
|
353
|
+
}
|
|
354
|
+
}
|
|
355
|
+
var SKELETON_BG_CLASS = "bg-gray-200 dark:bg-gray-700";
|
|
356
|
+
function textLineKey(index) {
|
|
357
|
+
return `skeleton-line-${index}`;
|
|
358
|
+
}
|
|
359
|
+
function lastLineWidth(index, total, baseWidth) {
|
|
360
|
+
if (total > 1 && index === total - 1) {
|
|
361
|
+
return "75%";
|
|
362
|
+
}
|
|
363
|
+
return baseWidth;
|
|
364
|
+
}
|
|
365
|
+
var SkeletonPropsSchema = z.object({
|
|
366
|
+
variant: z.enum(["rect", "circle", "text"]).default("rect"),
|
|
367
|
+
width: z.union([z.string().min(1), z.number().positive()]).optional(),
|
|
368
|
+
height: z.union([z.string().min(1), z.number().positive()]).optional(),
|
|
369
|
+
count: z.number().int().min(1).max(20).default(1),
|
|
370
|
+
animation: z.enum(["pulse", "wave", "none"]).default("pulse"),
|
|
371
|
+
locale: z.enum(["en", "fr"]).default("en")
|
|
372
|
+
});
|
|
373
|
+
function validateSkeletonProps(raw) {
|
|
374
|
+
return SkeletonPropsSchema.parse(raw);
|
|
375
|
+
}
|
|
376
|
+
function resolveSkeletonDimensions(variant, width, height) {
|
|
377
|
+
const toCss = (v, fallback) => {
|
|
378
|
+
if (v === void 0) return fallback;
|
|
379
|
+
if (typeof v === "number") return `${v}px`;
|
|
380
|
+
return v;
|
|
381
|
+
};
|
|
382
|
+
if (variant === "circle") {
|
|
383
|
+
const size = width !== void 0 ? toCss(width, "40px") : height !== void 0 ? toCss(height, "40px") : "40px";
|
|
384
|
+
return { widthCss: size, heightCss: size };
|
|
385
|
+
}
|
|
386
|
+
if (variant === "text") {
|
|
387
|
+
return {
|
|
388
|
+
widthCss: toCss(width, "100%"),
|
|
389
|
+
heightCss: toCss(height, "16px")
|
|
390
|
+
};
|
|
391
|
+
}
|
|
392
|
+
return {
|
|
393
|
+
widthCss: toCss(width, "100%"),
|
|
394
|
+
heightCss: toCss(height, "100px")
|
|
395
|
+
};
|
|
396
|
+
}
|
|
397
|
+
function SkeletonInner({ variant, width, height, count, animation, locale }) {
|
|
398
|
+
const { widthCss, heightCss } = resolveSkeletonDimensions(variant, width, height);
|
|
399
|
+
const animClass = getAnimationClass(animation);
|
|
400
|
+
const variantClass = getVariantClass(variant);
|
|
401
|
+
const ariaLabel = t("Skeleton.aria.label", locale);
|
|
402
|
+
const baseClass = `${SKELETON_BG_CLASS} ${variantClass} ${animClass}`.trim();
|
|
403
|
+
if (variant === "text") {
|
|
404
|
+
return (
|
|
405
|
+
// biome-ignore lint/a11y/useSemanticElements: role="status" is the correct ARIA pattern for loading indicators; <output> conveys form output semantics which is incorrect here
|
|
406
|
+
/* @__PURE__ */ jsx("div", { role: "status", "aria-label": ariaLabel, "aria-busy": "true", className: "flex flex-col gap-2", children: Array.from({ length: count }, (_, i) => /* @__PURE__ */ jsx(
|
|
407
|
+
"span",
|
|
408
|
+
{
|
|
409
|
+
className: `block ${baseClass}`,
|
|
410
|
+
style: {
|
|
411
|
+
width: lastLineWidth(i, count, widthCss),
|
|
412
|
+
height: heightCss
|
|
413
|
+
},
|
|
414
|
+
"aria-hidden": "true"
|
|
415
|
+
},
|
|
416
|
+
textLineKey(i)
|
|
417
|
+
)) })
|
|
418
|
+
);
|
|
419
|
+
}
|
|
420
|
+
return /* @__PURE__ */ jsx(
|
|
421
|
+
"div",
|
|
422
|
+
{
|
|
423
|
+
role: "status",
|
|
424
|
+
"aria-label": ariaLabel,
|
|
425
|
+
"aria-busy": "true",
|
|
426
|
+
className: `block ${baseClass}`,
|
|
427
|
+
style: { width: widthCss, height: heightCss }
|
|
428
|
+
}
|
|
429
|
+
);
|
|
430
|
+
}
|
|
431
|
+
function Skeleton(raw) {
|
|
432
|
+
try {
|
|
433
|
+
const props = validateSkeletonProps(raw);
|
|
434
|
+
return /* @__PURE__ */ jsx(SkeletonInner, { ...props });
|
|
435
|
+
} catch {
|
|
436
|
+
const locale = raw.locale === "fr" ? "fr" : "en";
|
|
437
|
+
return /* @__PURE__ */ jsx("span", { role: "alert", className: "text-red-600 text-sm", children: t("Skeleton.error.invalidProps", locale) });
|
|
438
|
+
}
|
|
439
|
+
}
|
|
303
440
|
|
|
304
|
-
export { StreamingTableView, TableView, TableViewPropsSchema, validateTableViewProps };
|
|
441
|
+
export { EmptyStatePropsSchema, Skeleton, SkeletonPropsSchema, StreamingTableView, TableView, TableViewPropsSchema, resolveSkeletonDimensions, validateEmptyStateProps, validateSkeletonProps, validateTableViewProps };
|
|
305
442
|
//# sourceMappingURL=display.js.map
|
|
306
443
|
//# sourceMappingURL=display.js.map
|
package/dist/display.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
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 /** v0.2.1+: when provided, rows become keyboard-activable (role=button + tabIndex=0 + Enter/Space). 5-BU ABSOLUTE blocker fix. */\n onRowClick?: (row: TRow, index: number) => void;\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 /** v0.2.1+: same semantics as static TableView. */\n onRowClick?: (row: TRow, index: number) => void;\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 onRowClick={props.onRowClick}\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 onRowClick={props.onRowClick}\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 (\n <StreamingTableViewInner<TRow>\n {...props}\n virtualizeThreshold={validatedThreshold}\n onRowClick={props.onRowClick}\n />\n );\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 onRowClick,\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 onRowClick={onRowClick}\n />\n );\n }\n\n return (\n <StaticTable<TRow>\n rows={rows}\n columns={columns}\n ariaLabel={ariaLabel}\n locale={resolvedLocale}\n onRowClick={onRowClick}\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 onRowClick?: (row: TRow, index: number) => void;\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 onRowClick,\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 {...(onRowClick\n ? {\n role: \"button\",\n tabIndex: 0,\n style: { cursor: \"pointer\" },\n onClick: () => onRowClick(row as TRow, rowIndex),\n onKeyDown: (e: React.KeyboardEvent<HTMLTableRowElement>) => {\n if (e.key === \"Enter\" || e.key === \" \") {\n e.preventDefault();\n onRowClick(row as TRow, rowIndex);\n }\n },\n }\n : {})}\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 onRowClick,\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 ...(onRowClick ? { cursor: \"pointer\" } : {}),\n }}\n {...(onRowClick\n ? {\n role: \"button\",\n tabIndex: 0,\n onClick: () => onRowClick(row as TRow, virtualRow.index),\n onKeyDown: (e: React.KeyboardEvent<HTMLTableRowElement>) => {\n if (e.key === \"Enter\" || e.key === \" \") {\n e.preventDefault();\n onRowClick(row as TRow, virtualRow.index);\n }\n },\n }\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"]}
|
|
1
|
+
{"version":3,"sources":["../src/i18n/strings.ts","../src/components/display/TableView.schema.ts","../src/components/display/TableView.tsx","../src/components/display/EmptyState.schema.ts","../src/components/display/Skeleton.logic.ts","../src/components/display/Skeleton.schema.ts","../src/runtimes/react/components/display/Skeleton.tsx"],"names":["z","jsx"],"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 \"EmptyState.error.invalidProps\": \"EmptyState: invalid props\",\n \"Toast.aria.close\": \"Close notification\",\n \"Toast.error.invalidProps\": \"Toast: invalid props\",\n \"Alert.aria.dismiss\": \"Dismiss alert\",\n \"Alert.error.invalidProps\": \"Alert: invalid props\",\n \"VirtualList.empty.message\": \"No items to display\",\n \"VirtualList.error.invalidProps\": \"VirtualList: invalid props\",\n \"Skeleton.aria.label\": \"Loading\",\n \"Skeleton.error.invalidProps\": \"Skeleton: 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 \"EmptyState.error.invalidProps\": \"EmptyState : propriétés invalides\",\n \"Toast.aria.close\": \"Fermer la notification\",\n \"Toast.error.invalidProps\": \"Toast : propriétés invalides\",\n \"Alert.aria.dismiss\": \"Fermer l'alerte\",\n \"Alert.error.invalidProps\": \"Alert : propriétés invalides\",\n \"VirtualList.empty.message\": \"Aucun élément à afficher\",\n \"VirtualList.error.invalidProps\": \"VirtualList : propriétés invalides\",\n \"Skeleton.aria.label\": \"Chargement\",\n \"Skeleton.error.invalidProps\": \"Skeleton : 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 /** v0.2.1+: when provided, rows become keyboard-activable (role=button + tabIndex=0 + Enter/Space). 5-BU ABSOLUTE blocker fix. */\n onRowClick?: (row: TRow, index: number) => void;\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 /** v0.2.1+: same semantics as static TableView. */\n onRowClick?: (row: TRow, index: number) => void;\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 onRowClick={props.onRowClick}\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 onRowClick={props.onRowClick}\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 (\n <StreamingTableViewInner<TRow>\n {...props}\n virtualizeThreshold={validatedThreshold}\n onRowClick={props.onRowClick}\n />\n );\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 onRowClick,\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 onRowClick={onRowClick}\n />\n );\n }\n\n return (\n <StaticTable<TRow>\n rows={rows}\n columns={columns}\n ariaLabel={ariaLabel}\n locale={resolvedLocale}\n onRowClick={onRowClick}\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 onRowClick?: (row: TRow, index: number) => void;\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 onRowClick,\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 {...(onRowClick\n ? {\n role: \"button\",\n tabIndex: 0,\n style: { cursor: \"pointer\" },\n onClick: () => onRowClick(row as TRow, rowIndex),\n onKeyDown: (e: React.KeyboardEvent<HTMLTableRowElement>) => {\n if (e.key === \"Enter\" || e.key === \" \") {\n e.preventDefault();\n onRowClick(row as TRow, rowIndex);\n }\n },\n }\n : {})}\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 onRowClick,\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 ...(onRowClick ? { cursor: \"pointer\" } : {}),\n }}\n {...(onRowClick\n ? {\n role: \"button\",\n tabIndex: 0,\n onClick: () => onRowClick(row as TRow, virtualRow.index),\n onKeyDown: (e: React.KeyboardEvent<HTMLTableRowElement>) => {\n if (e.key === \"Enter\" || e.key === \" \") {\n e.preventDefault();\n onRowClick(row as TRow, virtualRow.index);\n }\n },\n }\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","import { z } from \"zod\";\n\n// i18nKeys: EmptyState.error.invalidProps\n\n/**\n * EmptyState component props schema.\n *\n * Empty-set illustration + title + description + optional CTA.\n * Consumer-driven i18n: caller passes already-localized strings.\n *\n * icon — optional ReactNode / PreactNode passed by the caller\n * title — required heading (h2, consumer-driven i18n)\n * description — optional supporting text\n * action — optional CTA: { label, onClick, variant? }\n */\nexport const EmptyStatePropsSchema = z.object({\n title: z.string().min(1),\n description: z.string().optional(),\n action: z\n .object({\n label: z.string().min(1),\n variant: z.enum([\"primary\", \"secondary\"]).default(\"primary\"),\n })\n .optional(),\n locale: z.enum([\"en\", \"fr\"]).default(\"en\"),\n});\n\nexport type EmptyStatePropsSchemaInput = z.input<typeof EmptyStatePropsSchema>;\nexport type EmptyStatePropsSchemaOutput = z.output<typeof EmptyStatePropsSchema>;\n\n/**\n * Full EmptyState props including framework-specific node types and callback.\n * `icon` and `action.onClick` are excluded from Zod (functions/nodes are not serializable).\n *\n * Note: action.variant is optional for callers — Zod applies \"primary\" default at parse time.\n */\nexport type EmptyStateProps = Omit<EmptyStatePropsSchemaOutput, \"action\"> & {\n // biome-ignore lint/suspicious/noExplicitAny: cross-runtime ReactNode | VNode\n icon?: any;\n action?: {\n label: string;\n variant?: \"primary\" | \"secondary\";\n onClick: () => void;\n };\n};\n\nexport function validateEmptyStateProps(raw: unknown): EmptyStatePropsSchemaOutput {\n return EmptyStatePropsSchema.parse(raw);\n}\n","/**\n * Skeleton.logic.ts — shared pure logic (no JSX, no runtime dependency).\n *\n * Used by both React 19 and Preact 10 runtime implementations.\n * Tests live in __tests__/Skeleton.logic.test.ts (co-located schema/logic layer).\n */\n\nimport type { SkeletonProps } from \"./Skeleton.schema.js\";\n\nexport type SkeletonAnimation = SkeletonProps[\"animation\"];\nexport type SkeletonVariant = SkeletonProps[\"variant\"];\n\n/**\n * Returns the CSS class name(s) for the shimmer animation.\n *\n * \"pulse\" — Tailwind `animate-pulse` (opacity oscillation, reduced-motion safe via Tailwind)\n * \"wave\" — custom keyframe class `skeleton-wave` (left-to-right gradient sweep)\n * \"none\" — no animation class\n *\n * Note: \"pulse\" uses Tailwind's built-in `animate-pulse` which already respects\n * `prefers-reduced-motion: reduce` via the `motion-safe:` variant — no extra CSS needed.\n * For \"wave\" consumers must include the `.skeleton-wave` keyframe in their CSS.\n */\nexport function getAnimationClass(animation: SkeletonAnimation): string {\n switch (animation) {\n case \"pulse\":\n return \"animate-pulse\";\n case \"wave\":\n return \"skeleton-wave\";\n case \"none\":\n return \"\";\n }\n}\n\n/**\n * Returns the base layout class for the skeleton variant.\n *\n * \"rect\" → rounded rectangle block\n * \"circle\" → rounded-full (perfect circle when width === height)\n * \"text\" → rounded bar, slightly shorter height for text-line appearance\n */\nexport function getVariantClass(variant: SkeletonVariant): string {\n switch (variant) {\n case \"rect\":\n return \"rounded-md\";\n case \"circle\":\n return \"rounded-full\";\n case \"text\":\n return \"rounded\";\n }\n}\n\n/**\n * Base background class applied to all skeleton shapes.\n * Uses a neutral gray that works on light and dark surfaces.\n */\nexport const SKELETON_BG_CLASS = \"bg-gray-200 dark:bg-gray-700\";\n\n/**\n * Generate a stable key for each text-line span using the line index.\n * Using `line-<index>` string is stable (not array index as key directly).\n */\nexport function textLineKey(index: number): string {\n return `skeleton-line-${index}`;\n}\n\n/**\n * For multi-line text skeletons, optionally narrow the last line to ~75%\n * to mimic a natural paragraph end. Returns width override CSS string or undefined.\n */\nexport function lastLineWidth(index: number, total: number, baseWidth: string): string {\n if (total > 1 && index === total - 1) {\n // Last line narrowed to 75% of the container (natural paragraph look)\n return \"75%\";\n }\n return baseWidth;\n}\n","import { z } from \"zod\";\n\n// i18nKeys: Skeleton.error.invalidProps\n\n/**\n * Skeleton component props schema.\n *\n * variant — shape of the placeholder:\n * \"rect\" → rectangular block (default)\n * \"circle\" → circular avatar / icon placeholder\n * \"text\" → single or multi-line text placeholder\n *\n * width / height — CSS values (string) or pixels (number).\n * \"rect\" defaults: width=\"100%\", height=100\n * \"circle\" defaults: width=height (equal, square rendered as circle)\n * \"text\" defaults: width=\"100%\", height=16\n *\n * count — number of text line spans (only meaningful for variant=\"text\").\n * Default 1. Ignored for rect/circle.\n *\n * animation — shimmer style:\n * \"pulse\" → opacity pulse (default)\n * \"wave\" → left-to-right gradient sweep\n * \"none\" → static placeholder (auto-selected when prefers-reduced-motion)\n */\nexport const SkeletonPropsSchema = z.object({\n variant: z.enum([\"rect\", \"circle\", \"text\"]).default(\"rect\"),\n width: z.union([z.string().min(1), z.number().positive()]).optional(),\n height: z.union([z.string().min(1), z.number().positive()]).optional(),\n count: z.number().int().min(1).max(20).default(1),\n animation: z.enum([\"pulse\", \"wave\", \"none\"]).default(\"pulse\"),\n locale: z.enum([\"en\", \"fr\"]).default(\"en\"),\n});\n\nexport type SkeletonProps = z.infer<typeof SkeletonPropsSchema>;\n\nexport function validateSkeletonProps(raw: unknown): SkeletonProps {\n return SkeletonPropsSchema.parse(raw);\n}\n\n/**\n * Resolve final width/height CSS values given the variant and raw props.\n * Centralised here so React + Preact runtimes share identical defaults.\n */\nexport function resolveSkeletonDimensions(\n variant: SkeletonProps[\"variant\"],\n width: SkeletonProps[\"width\"],\n height: SkeletonProps[\"height\"],\n): { widthCss: string; heightCss: string } {\n const toCss = (v: string | number | undefined, fallback: string): string => {\n if (v === undefined) return fallback;\n if (typeof v === \"number\") return `${v}px`;\n return v;\n };\n\n if (variant === \"circle\") {\n const size =\n width !== undefined\n ? toCss(width, \"40px\")\n : height !== undefined\n ? toCss(height, \"40px\")\n : \"40px\";\n return { widthCss: size, heightCss: size };\n }\n\n if (variant === \"text\") {\n return {\n widthCss: toCss(width, \"100%\"),\n heightCss: toCss(height, \"16px\"),\n };\n }\n\n // rect (default)\n return {\n widthCss: toCss(width, \"100%\"),\n heightCss: toCss(height, \"100px\"),\n };\n}\n","// i18nKeys: Skeleton.aria.label, Skeleton.error.invalidProps\n\nimport React from \"react\";\nimport {\n SKELETON_BG_CLASS,\n getAnimationClass,\n getVariantClass,\n lastLineWidth,\n textLineKey,\n} from \"../../../../components/display/Skeleton.logic.js\";\nimport {\n type SkeletonProps,\n resolveSkeletonDimensions,\n validateSkeletonProps,\n} from \"../../../../components/display/Skeleton.schema.js\";\nimport { t } from \"../../../../i18n/strings.js\";\n\nfunction SkeletonInner({ variant, width, height, count, animation, locale }: SkeletonProps) {\n const { widthCss, heightCss } = resolveSkeletonDimensions(variant, width, height);\n const animClass = getAnimationClass(animation);\n const variantClass = getVariantClass(variant);\n const ariaLabel = t(\"Skeleton.aria.label\", locale);\n const baseClass = `${SKELETON_BG_CLASS} ${variantClass} ${animClass}`.trim();\n\n if (variant === \"text\") {\n return (\n // biome-ignore lint/a11y/useSemanticElements: role=\"status\" is the correct ARIA pattern for loading indicators; <output> conveys form output semantics which is incorrect here\n <div role=\"status\" aria-label={ariaLabel} aria-busy=\"true\" className=\"flex flex-col gap-2\">\n {Array.from({ length: count }, (_, i) => (\n <span\n key={textLineKey(i)}\n className={`block ${baseClass}`}\n style={{\n width: lastLineWidth(i, count, widthCss),\n height: heightCss,\n }}\n aria-hidden=\"true\"\n />\n ))}\n </div>\n );\n }\n\n return (\n <div\n role=\"status\"\n aria-label={ariaLabel}\n aria-busy=\"true\"\n className={`block ${baseClass}`}\n style={{ width: widthCss, height: heightCss }}\n />\n );\n}\n\n/**\n * Skeleton — cross-runtime loading placeholder (React 19 implementation).\n *\n * Accepts `Record<string, unknown>` for MCP postMessage injection safety.\n * Zod validation narrows before render. Invalid props → accessible error span.\n *\n * Animation \"none\" is auto-applied when prefers-reduced-motion is set (via\n * Tailwind's animate-pulse which respects the media query natively), or by\n * passing animation=\"none\" explicitly.\n *\n * WCAG-AA:\n * - role=\"status\" + aria-busy=\"true\" on the container\n * - aria-label resolves via t() in EN/FR\n * - aria-hidden=\"true\" on individual line spans (status role covers the group)\n */\nexport function Skeleton(raw: Record<string, unknown>) {\n try {\n const props = validateSkeletonProps(raw);\n return <SkeletonInner {...props} />;\n } catch {\n const locale = (raw as Record<string, unknown>).locale === \"fr\" ? \"fr\" : \"en\";\n return (\n <span role=\"alert\" className=\"text-red-600 text-sm\">\n {t(\"Skeleton.error.invalidProps\", locale)}\n </span>\n );\n }\n}\n"]}
|