Select value/option restricted to string (MUI sets the literal child value; string|number + onChange:string was a type lie). DataTable sortDirection uses ?? 'asc' so aria-sort is never undefined on the active column. StatusChip sx-merge drops undefined; Pagination clamps page into range; DataTable dev-warns on sortKey without onSort; Alert onClose JSDoc. Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@anthropic.com>
23 lines
586 B
TypeScript
23 lines
586 B
TypeScript
import type { ReactNode } from "react";
|
|
import MuiAlert from "@mui/material/Alert";
|
|
|
|
/**
|
|
* Inline contextual alert (form/section feedback) — distinct from the global toast.
|
|
* `onClose` is simplified to take no arguments (MUI's close SyntheticEvent is omitted).
|
|
*/
|
|
export default function Alert({
|
|
severity = "info",
|
|
children,
|
|
onClose,
|
|
}: {
|
|
severity?: "success" | "error" | "warning" | "info";
|
|
children: ReactNode;
|
|
onClose?: () => void;
|
|
}) {
|
|
return (
|
|
<MuiAlert severity={severity} onClose={onClose} sx={{ borderRadius: 2 }}>
|
|
{children}
|
|
</MuiAlert>
|
|
);
|
|
}
|