@portnet/ui 5.0.32 → 6.0.1

package/dist/esm/v2/patterns/ActionBar.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ActionBar.js","names":["React","Box","Typography","IconButton","ArrowBackIcon","ChevronRightIcon","HomeIcon","useMediaQuery","useTheme","Button","OverflowMenu","zIndex","mergeLabels","jsx","_jsx","jsxs","_jsxs","DEFAULT_LABELS","Object","freeze","back","breadcrumb","home","expandCrumbs","CRUMB_LINK_BASE_SX","display","alignItems","gap","textDecoration","cursor","borderRadius","padding","margin","background","outline","outlineOffset","CRUMB_ELLIPSIS_SX","_objectSpread","border","font","fontSize","lineHeight","isStructuredCrumb","entry","_typeof","isValidElement","getCrumbColor","isLast","useAccent","renderCrumbContent","baseColor","baseFontWeight","component","undefined","sx","color","fontWeight","children","label","icon","onClick","href","ariaLabel","computedAria","type","ActionBar","_ref","title","subtitle","primary","_ref$secondary","secondary","_ref$overflow","overflow","_ref$maxVisible","maxVisible","meta","_ref$sticky","sticky","_ref$surface","surface","_ref$collapseAfter","collapseAfter","labels","L","theme","isMobile","breakpoints","down","_React$useState","useState","_React$useState2","_slicedToArray","crumbsExpanded","setCrumbsExpanded","effectiveBreadcrumb","useMemo","base","homeItem","concat","_toConsumableArray","shouldCollapse","length","Math","max","orderedAll","list","push","_slot","_iterator","_createForOfIteratorHelper","_step","s","n","done","value","err","e","f","_iterator2","_step2","o","visibleActions","slice","hiddenActions","visiblePrimary","filter","a","visibleOthers","hasNavRow","accentOrFgMuted","accentOrFg","resolveVariant","action","variant","renderButton","i","actionIcon","iconRight","disabled","loading","_variant","rest","_objectWithoutProperties","_excluded","size","lastCrumbIndex","chevron","transform","renderCrumbItems","map","b","first","last","borderBottom","xs","sm","lg","position","top","marginBottom","minWidth","listStyle","flexWrap","justifyContent","flex","whiteSpace","textOverflow","width","flexShrink","actions","_ref2","_s","_excluded2","WebkitBoxOrient","WebkitLineClamp","marginTop"],"sources":["../../../../src/lib/v2/patterns/ActionBar.tsx"],"sourcesContent":["import * as React from \"react\";\r\nimport Box from \"@mui/material/Box\";\r\nimport Typography from \"@mui/material/Typography\";\r\nimport IconButton from \"@mui/material/IconButton\";\r\nimport ArrowBackIcon from \"@mui/icons-material/ArrowBack\";\r\nimport ChevronRightIcon from \"@mui/icons-material/ChevronRight\";\r\nimport HomeIcon from \"@mui/icons-material/Home\";\r\nimport useMediaQuery from \"@mui/material/useMediaQuery\";\r\nimport { useTheme } from \"@mui/material/styles\";\r\nimport Button from \"../components/Button\";\r\nimport type { ButtonProps } from \"../components/Button\";\r\nimport OverflowMenu from \"../components/OverflowMenu\";\r\nimport { zIndex } from \"../tokens\";\r\nimport { mergeLabels } from \"../utils/mergeLabels\";\r\n\r\n/**\r\n * ActionBar - Portnet UI v2 (pattern)\r\n *\r\n * Charter §07 — render order (left → right):\r\n *\r\n *   [ghost/secondary…]  [primary]  […overflow]\r\n *\r\n * Slot-based variant resolution:\r\n *   slot=\"primary\"   → Button variant=\"primary\"\r\n *   slot=\"secondary\" → Button variant={action.variant || \"secondary\"}\r\n *   slot=\"overflow\"  → Button variant={action.variant || \"ghost\"}\r\n *\r\n * maxVisible (default 2):\r\n *   orderedAll = [primary, ...secondary, ...overflow]\r\n *   first maxVisible → visible buttons / rest → \"…\"\r\n *\r\n * Breadcrumb collapse (R-RS.5):\r\n *   Below the `sm` breakpoint TOKEN (< 481px) a long trail used to\r\n *   flex-wrap onto several lines, pushing the page title down. When the\r\n *   trail has more than `collapseAfter` crumbs (default 3) the middle is\r\n *   collapsed to a single \"…\" toggle that shows [first] › … › [last];\r\n *   pressing it expands the full trail in place. Desktop always renders\r\n *   the full trail. Keeps the nav to one line on phones (WCAG 1.4.10\r\n *   Reflow) without hiding navigation from AT — the toggle is a real\r\n *   button with an accessible name.\r\n *\r\n * ── `surface` DEFAULTS TO false — A PAGE HEADER IS NOT A CARD ────────\r\n *\r\n * The platform rule is that a page header sits on the page background, never\r\n * on a white card. This default used to be `true`, which meant every call site\r\n * that did not opt out rendered a --surface card with a bottom border — making\r\n * the exception the norm across the GU modules.\r\n *\r\n * Note that `surface` drives TWO things, because `useAccent` is derived from\r\n * it: the background/border AND the colour of the title, icon, back-arrow and\r\n * crumb trail (--accent when non-surface, --fg / --fg-subtle when surfaced).\r\n * They are deliberately coupled — an accent title on a white card reads as a\r\n * link, and a near-black title on the page background loses the visual anchor\r\n * the header needs. Decoupling them would need a separate prop and a design\r\n * decision, not a default change.\r\n *\r\n * Pass surface={true} to opt back in to the card treatment where a header is\r\n * genuinely nested inside a panel rather than heading a page.\r\n *\r\n * ── Subtitle visibility (S-01) ───────────────────────────────────────\r\n *\r\n * The subtitle renders at EVERY breakpoint. It used to be hidden below the `sm`\r\n * token via `display: none`, which made every consuming module fail the\r\n * mandatory \"Never omit subtitles\" pattern on phones — and removed the text from\r\n * the accessibility tree, not just from the layout. On `xs` it is now bounded to\r\n * two lines with a line-clamp instead; `sm` and above are unchanged. See the\r\n * inline note at the render site for the full rationale.\r\n */\r\n\r\n/** Variant union, derived from Button (single source of truth). */\r\ntype ActionVariant = NonNullable<ButtonProps[\"variant\"]>;\r\n\r\n/** Structured breadcrumb entry (as opposed to a plain renderable node). */\r\nexport interface BreadcrumbItem {\r\n  label?: React.ReactNode | undefined;\r\n  icon?: React.ReactNode | undefined;\r\n  onClick?: (() => void) | undefined;\r\n  href?: string | undefined;\r\n  ariaLabel?: string | undefined;\r\n}\r\n\r\n/** A breadcrumb entry is either a plain node or a structured item. */\r\nexport type CrumbEntry = React.ReactNode | BreadcrumbItem;\r\n\r\n/** Action descriptor for primary / secondary / overflow slots. */\r\nexport interface ActionBarAction {\r\n  label?: React.ReactNode | undefined;\r\n  icon?: React.ReactNode | undefined;\r\n  iconRight?: React.ReactNode | undefined;\r\n  onClick?: (() => void) | undefined;\r\n  disabled?: boolean | undefined;\r\n  loading?: boolean | undefined;\r\n  variant?: ActionVariant | undefined;\r\n  /** Overflow-only (surfaced when the action falls into the OverflowMenu). */\r\n  shortcut?: React.ReactNode | undefined;\r\n  danger?: boolean | undefined;\r\n  divider?: boolean | undefined;\r\n  /**\r\n   * ARIA attributes, forwarded verbatim to the rendered `<Button>`.\r\n   *\r\n   * `renderButton` destructures the known fields above and spreads the\r\n   * REMAINDER onto the Button (`{...rest}`), so any `aria-*` key a host supplies\r\n   * already reaches the DOM at runtime. This pattern index signature declares\r\n   * that contract, which was previously implemented but undeclared — forcing\r\n   * strict-mode consumers to either drop the attribute (losing the behaviour) or\r\n   * assert their way past the type.\r\n   *\r\n   * Primary use case: `aria-keyshortcuts` on a page's create CTA, so screen\r\n   * reader users discover a keyboard shortcut on focus (WCAG 2.1.4).\r\n   */\r\n  [ariaAttribute: `aria-${string}`]: string | undefined;\r\n}\r\n\r\ntype SlotName = \"primary\" | \"secondary\" | \"overflow\";\r\ntype SlottedAction = ActionBarAction & { _slot: SlotName };\r\n\r\nexport interface ActionBarLabels {\r\n  back?: string | undefined;\r\n  breadcrumb?: string | undefined;\r\n  home?: string | undefined;\r\n  expandCrumbs?: string | undefined;\r\n}\r\n\r\nexport interface ActionBarProps {\r\n  /** Home crumb: a callback (onClick) or an href string. */\r\n  home?: string | (() => void) | undefined;\r\n  /** Back-arrow callback (top-bar). */\r\n  back?: (() => void) | undefined;\r\n  breadcrumb?: CrumbEntry[] | undefined;\r\n  title: React.ReactNode;\r\n  subtitle?: React.ReactNode | undefined;\r\n  icon?: React.ReactNode | undefined;\r\n  primary?: ActionBarAction | undefined;\r\n  secondary?: ActionBarAction[] | undefined;\r\n  overflow?: ActionBarAction[] | undefined;\r\n  /** Number of actions shown before the rest collapse into the menu. @default 2 */\r\n  maxVisible?: number | undefined;\r\n  meta?: React.ReactNode | undefined;\r\n  sticky?: boolean | undefined;\r\n  /**\r\n   * Render the header as a raised white card instead of on the page\r\n   * background.\r\n   *\r\n   * @default false — a page header sits on the background (platform rule).\r\n   *\r\n   * Also governs text colour: when false, the title, icon, back-arrow and\r\n   * crumbs render in --accent; when true they render in --fg / --fg-subtle.\r\n   * See the note in the module docstring for why the two are coupled.\r\n   *\r\n   * Pass true only where the header genuinely heads a panel rather than a page.\r\n   */\r\n  surface?: boolean | undefined;\r\n  /** Collapse the breadcrumb middle on mobile past this many crumbs. @default 3 */\r\n  collapseAfter?: number | undefined;\r\n  labels?: ActionBarLabels | undefined;\r\n}\r\n\r\nconst DEFAULT_LABELS = Object.freeze({\r\n  back:           \"Retour\",\r\n  breadcrumb:     \"Fil d'Ariane\",\r\n  home:           \"Accueil\",\r\n  expandCrumbs:   \"Afficher le chemin complet\",\r\n});\r\n\r\nconst CRUMB_LINK_BASE_SX = Object.freeze({\r\n  display: \"inline-flex\",\r\n  alignItems: \"center\",\r\n  gap: \"var(--s-1)\",\r\n  textDecoration: \"none\",\r\n  cursor: \"pointer\",\r\n  borderRadius: \"var(--r-sm)\",\r\n  padding: \"2px 4px\",\r\n  margin: \"-2px -4px\",\r\n  \"&:hover\": { background: \"var(--bg-hover)\" },\r\n  \"&:focus-visible\": { outline: \"2px solid var(--accent)\", outlineOffset: \"var(--pui-outline-offset-inset, 0)\" },\r\n});\r\n\r\nconst CRUMB_ELLIPSIS_SX = Object.freeze({\r\n  ...CRUMB_LINK_BASE_SX,\r\n  background: \"none\",\r\n  border: \"none\",\r\n  font: \"inherit\",\r\n  fontSize: \"var(--text-xs)\",\r\n  lineHeight: 1,\r\n});\r\n\r\nfunction isStructuredCrumb(entry: CrumbEntry): entry is BreadcrumbItem {\r\n  return entry != null && typeof entry === \"object\" && !React.isValidElement(entry);\r\n}\r\n\r\nfunction getCrumbColor(isLast: boolean, useAccent: boolean): string {\r\n  if (useAccent) return \"var(--accent)\";\r\n  return isLast ? \"var(--fg)\" : \"var(--fg-subtle)\";\r\n}\r\n\r\nfunction renderCrumbContent(entry: CrumbEntry, isLast: boolean, useAccent: boolean) {\r\n  const baseColor      = getCrumbColor(isLast, useAccent);\r\n  const baseFontWeight = isLast ? \"var(--fw-semibold)\" : \"var(--fw-regular)\";\r\n\r\n  if (!isStructuredCrumb(entry)) {\r\n    return (\r\n      <Box component=\"span\" aria-current={isLast ? \"page\" : undefined}\r\n        sx={{ color: baseColor, fontWeight: baseFontWeight }}>\r\n        {entry}\r\n      </Box>\r\n    );\r\n  }\r\n\r\n  const { label, icon, onClick, href, ariaLabel } = entry;\r\n  const computedAria = ariaLabel || (typeof label === \"string\" ? label : undefined);\r\n\r\n  if (isLast) {\r\n    return (\r\n      <Box component=\"span\" aria-current=\"page\"\r\n        sx={{ color: baseColor, fontWeight: baseFontWeight, display: \"inline-flex\", alignItems: \"center\", gap: \"var(--s-1)\" }}>\r\n        {icon}{label}\r\n      </Box>\r\n    );\r\n  }\r\n\r\n  if (href) {\r\n    return (\r\n      <Box component=\"a\" href={href} onClick={onClick} aria-label={computedAria}\r\n        sx={{ ...CRUMB_LINK_BASE_SX, color: baseColor }}>\r\n        {icon}{label}\r\n      </Box>\r\n    );\r\n  }\r\n\r\n  if (onClick) {\r\n    return (\r\n      <Box component=\"button\" type=\"button\" onClick={onClick} aria-label={computedAria}\r\n        sx={{ ...CRUMB_LINK_BASE_SX, color: baseColor, background: \"none\", border: \"none\", font: \"inherit\", fontSize: \"var(--text-xs)\" }}>\r\n        {icon}{label}\r\n      </Box>\r\n    );\r\n  }\r\n\r\n  return (\r\n    <Box component=\"span\"\r\n      sx={{ color: baseColor, fontWeight: baseFontWeight, display: \"inline-flex\", alignItems: \"center\", gap: \"var(--s-1)\" }}>\r\n      {icon}{label}\r\n    </Box>\r\n  );\r\n}\r\n\r\nfunction ActionBar({\r\n  home,\r\n  back,\r\n  breadcrumb,\r\n  title,\r\n  subtitle,\r\n  icon,\r\n  primary,\r\n  secondary = [],\r\n  overflow  = [],\r\n  maxVisible = 2,\r\n  meta,\r\n  sticky  = true,\r\n  /*\r\n   * DEFAULT FLIPPED TO false. A page header sits on the page background, never\r\n   * on a white card — see the note in the module docstring. Opt back in with\r\n   * surface={true} for a header that heads a panel rather than a page.\r\n   */\r\n  surface = false,\r\n  collapseAfter = 3,\r\n  labels,\r\n}: ActionBarProps) {\r\n  const L = mergeLabels(DEFAULT_LABELS, labels);\r\n\r\n  // R-RS.5 — collapse the middle of a long breadcrumb on mobile (< sm\r\n  // token, 481px). Reads the live theme so a host breakpoint override is\r\n  // honoured. `crumbsExpanded` lets the user reveal the full trail in place.\r\n  const theme = useTheme();\r\n  const isMobile = useMediaQuery(theme.breakpoints.down(\"sm\"));\r\n  const [crumbsExpanded, setCrumbsExpanded] = React.useState(false);\r\n\r\n  const effectiveBreadcrumb = React.useMemo<CrumbEntry[]>(() => {\r\n    const base = breadcrumb || [];\r\n    if (!home) return base;\r\n    const homeItem: BreadcrumbItem = {\r\n      icon:      <HomeIcon fontSize=\"small\" />,\r\n      ariaLabel: L.home,\r\n      ...(typeof home === \"function\" ? { onClick: home } : { href: home }),\r\n    };\r\n    return [homeItem, ...base];\r\n  }, [home, breadcrumb, L.home]); // eslint-disable-line react-hooks/exhaustive-deps\r\n\r\n  // Decide whether to collapse: only on mobile, only when the trail is\r\n  // longer than collapseAfter, and only while not user-expanded.\r\n  const shouldCollapse =\r\n    isMobile &&\r\n    !crumbsExpanded &&\r\n    effectiveBreadcrumb.length > Math.max(2, collapseAfter);\r\n\r\n  const orderedAll = React.useMemo<SlottedAction[]>(() => {\r\n    const list: SlottedAction[] = [];\r\n    if (primary) list.push({ ...primary, _slot: \"primary\" });\r\n    for (const s of (secondary || [])) list.push({ ...s, _slot: \"secondary\" });\r\n    for (const o of (overflow  || [])) list.push({ ...o, _slot: \"overflow\"  });\r\n    return list;\r\n  }, [primary, secondary, overflow]);\r\n\r\n  const visibleActions = orderedAll.slice(0, maxVisible);\r\n  const hiddenActions  = orderedAll.slice(maxVisible);\r\n\r\n  const visiblePrimary = visibleActions.filter((a) => a._slot === \"primary\");\r\n  const visibleOthers  = visibleActions.filter((a) => a._slot !== \"primary\");\r\n\r\n  const hasNavRow       = !!(back || effectiveBreadcrumb.length > 0);\r\n  const useAccent       = !surface;\r\n  const accentOrFgMuted = useAccent ? \"var(--accent)\" : \"var(--fg-muted)\";\r\n  const accentOrFg      = useAccent ? \"var(--accent)\" : \"var(--fg)\";\r\n\r\n  function resolveVariant(action: SlottedAction): ActionVariant {\r\n    if (action._slot === \"primary\")  return \"primary\";\r\n    if (action._slot === \"overflow\") return action.variant || \"ghost\";\r\n    return action.variant || \"secondary\";\r\n  }\r\n\r\n  function renderButton(action: SlottedAction, i: React.Key) {\r\n    const { _slot, label, icon: actionIcon, iconRight, onClick, disabled, loading, variant: _variant, ...rest } = action;\r\n    return (\r\n      <Button key={i} variant={resolveVariant(action)} size=\"sm\"\r\n        icon={actionIcon} iconRight={iconRight}\r\n        onClick={onClick} disabled={disabled} {...rest}\r\n        {...(loading !== undefined ? { loading } : {})}>\r\n        {label}\r\n      </Button>\r\n    );\r\n  }\r\n\r\n  const lastCrumbIndex = effectiveBreadcrumb.length - 1;\r\n  const chevron = (\r\n    <ChevronRightIcon aria-hidden=\"true\"\r\n      sx={{ fontSize: \"var(--text-xs)\", color: useAccent ? \"var(--accent)\" : \"var(--fg-subtle)\", transform: \"scaleX(var(--pui-rtl-flip, 1))\" }} />\r\n  );\r\n\r\n  /* Render either the full trail or the collapsed [first] › … › [last].\r\n   * Each branch returns an array of <li> rows so the <ol> stays valid. */\r\n  function renderCrumbItems() {\r\n    if (!shouldCollapse) {\r\n      return effectiveBreadcrumb.map((b, i) => {\r\n        const isLast = i === lastCrumbIndex;\r\n        return (\r\n          <Box component=\"li\" key={i} sx={{ display: \"inline-flex\", alignItems: \"center\", gap: 0.5 }}>\r\n            {renderCrumbContent(b, isLast, useAccent)}\r\n            {!isLast && chevron}\r\n          </Box>\r\n        );\r\n      });\r\n    }\r\n\r\n    // Collapsed: first crumb, an expand toggle, then the last crumb.\r\n    const first = effectiveBreadcrumb[0];\r\n    const last  = effectiveBreadcrumb[lastCrumbIndex];\r\n    return [\r\n      <Box component=\"li\" key=\"first\" sx={{ display: \"inline-flex\", alignItems: \"center\", gap: 0.5 }}>\r\n        {renderCrumbContent(first, false, useAccent)}\r\n        {chevron}\r\n      </Box>,\r\n      <Box component=\"li\" key=\"ellipsis\" sx={{ display: \"inline-flex\", alignItems: \"center\", gap: 0.5 }}>\r\n        <Box component=\"button\" type=\"button\"\r\n          onClick={() => setCrumbsExpanded(true)}\r\n          aria-label={L.expandCrumbs} aria-expanded=\"false\"\r\n          sx={{ ...CRUMB_ELLIPSIS_SX, color: useAccent ? \"var(--accent)\" : \"var(--fg-subtle)\" }}>\r\n          …\r\n        </Box>\r\n        {chevron}\r\n      </Box>,\r\n      <Box component=\"li\" key=\"last\" sx={{ display: \"inline-flex\", alignItems: \"center\", gap: 0.5 }}>\r\n        {renderCrumbContent(last, true, useAccent)}\r\n      </Box>,\r\n    ];\r\n  }\r\n\r\n  return (\r\n    <Box\r\n      sx={{\r\n        background:   surface ? \"var(--surface)\" : \"var(--bg)\",\r\n        borderBottom: surface ? \"1px solid var(--border)\" : \"none\",\r\n        padding: { xs: \"var(--s-3)\", sm: \"var(--s-3) var(--s-4)\", lg: \"var(--s-3) var(--s-6)\" },\r\n        position: sticky ? \"sticky\" : \"static\",\r\n        top: 0,\r\n        zIndex: zIndex.sticky,\r\n      }}\r\n    >\r\n      {/* Breadcrumb / back row */}\r\n      {hasNavRow && (\r\n        <Box sx={{ display: \"flex\", alignItems: \"center\", gap: 1, marginBottom: 1 }}>\r\n          {back && (\r\n            <IconButton size=\"small\" onClick={back} aria-label={L.back}\r\n              sx={{ color: accentOrFgMuted, \"& svg\": { transform: \"scaleX(var(--pui-rtl-flip, 1))\" } }}>\r\n              <ArrowBackIcon fontSize=\"small\" />\r\n            </IconButton>\r\n          )}\r\n          {effectiveBreadcrumb.length > 0 && (\r\n            <Box component=\"nav\" aria-label={L.breadcrumb} sx={{ minWidth: 0 }}>\r\n              <Box component=\"ol\"\r\n                sx={{ listStyle: \"none\", margin: 0, padding: 0, display: \"flex\", alignItems: \"center\", flexWrap: { xs: \"nowrap\", sm: \"wrap\" }, gap: 0.5, fontSize: \"var(--text-xs)\", color: useAccent ? \"var(--accent)\" : \"var(--fg-subtle)\", minWidth: 0 }}>\r\n                {renderCrumbItems()}\r\n              </Box>\r\n            </Box>\r\n          )}\r\n        </Box>\r\n      )}\r\n\r\n      {/* Main row */}\r\n      <Box sx={{ display: \"flex\", alignItems: { xs: \"flex-start\", sm: \"center\" }, justifyContent: \"space-between\", flexWrap: { xs: \"wrap\", sm: \"nowrap\" }, gap: { xs: \"var(--s-2)\", sm: 2 } }}>\r\n        <Box sx={{ minWidth: 0, flex: 1, display: \"flex\", alignItems: \"center\", gap: 1, color: accentOrFg, \"& svg\": { color: \"inherit\" } }}>\r\n          {icon}\r\n          <Typography component=\"h1\"\r\n            sx={{ fontSize: { xs: 18, sm: 22 }, fontWeight: \"var(--fw-bold)\", color: accentOrFg, lineHeight: \"var(--lh-tight)\", whiteSpace: { xs: \"normal\", sm: \"nowrap\" }, overflow: { xs: \"visible\", sm: \"hidden\" }, textOverflow: { xs: \"clip\", sm: \"ellipsis\" } }}>\r\n            {title}\r\n          </Typography>\r\n          {meta}\r\n        </Box>\r\n\r\n        {/* Actions: [secondary/ghost] [primary] [...] */}\r\n        <Box sx={{ display: \"flex\", alignItems: \"center\", gap: 1, width: { xs: \"100%\", sm: \"auto\" }, justifyContent: { xs: \"flex-end\", sm: \"flex-start\" }, flexShrink: 0 }}>\r\n          {visibleOthers.map((action, i)  => renderButton(action, i))}\r\n          {visiblePrimary.map((action, i) => renderButton(action, `p${i}`))}\r\n          {hiddenActions.length > 0 && (\r\n            <OverflowMenu actions={hiddenActions.map(({ _slot: _s, ...a }) => a)} />\r\n          )}\r\n        </Box>\r\n      </Box>\r\n\r\n      {subtitle && (\r\n        <Typography\r\n          sx={{\r\n            /* ── S-01 — THE SUBTITLE IS RENDERED AT EVERY BREAKPOINT ──────────\r\n             *\r\n             * This was `display: { xs: \"none\", sm: \"block\" }`, which removed the\r\n             * subtitle below the sm token (481 px) from the layout AND from the\r\n             * accessibility tree. On a 320-414 px viewport it did not exist for\r\n             * any user, sighted or not.\r\n             *\r\n             * That conflicted with three normative rules at once:\r\n             *   - Platform Mandatory UX Patterns / Page Subtitle: \"Mandatory.\r\n             *     Every page must contain a meaningful subtitle describing the\r\n             *     purpose of the page. NEVER OMIT SUBTITLES.\"\r\n             *   - the same document lists `missing subtitle` under Forbidden\r\n             *     Practices, i.e. a certification failure;\r\n             *   - Responsive Pattern mandates support from 320 px, so `xs` is the\r\n             *     primary mobile range, not an edge case.\r\n             *\r\n             * Charter 7.1 bis also puts \"Page title (H1) + subtitle + CTA\" in the\r\n             * canonical vertical order, with no breakpoint exemption.\r\n             *\r\n             * The original motivation was presumably vertical space on phones.\r\n             * That concern is met by BOUNDING the height instead of deleting the\r\n             * content -- two lines, mirroring the EmptyState rule already in this\r\n             * library (\"description <= 2 lignes\"). Clamped text stays in the\r\n             * accessibility tree, so screen-reader users get the full string.\r\n             *\r\n             * SCOPED TO xs ON PURPOSE. At sm and above `display: block` makes\r\n             * line-clamp inert, so the rendering is byte-identical to before this\r\n             * fix. Clamping desktop too would be a NEW restriction on existing\r\n             * behaviour and could truncate a long subtitle that a module renders\r\n             * over three lines today. Zero regression surface for the ~150\r\n             * services consuming this component.\r\n             *\r\n             * Raised from procuration-portnet-fe (Batch 3), fixed here rather\r\n             * than worked around locally: a module-side subtitle would duplicate\r\n             * a shared component's responsibility (R-2.1 / R-AI.2) and would need\r\n             * local breakpoint logic to avoid doubling at >= sm.\r\n             * ──────────────────────────────────────────────────────────────── */\r\n            display: { xs: \"-webkit-box\", sm: \"block\" },\r\n            WebkitBoxOrient: \"vertical\",\r\n            WebkitLineClamp: 2,\r\n            overflow: { xs: \"hidden\", sm: \"visible\" },\r\n            fontSize: \"var(--text-sm)\",\r\n            color: \"var(--fg-muted)\",\r\n            marginTop: 0.5,\r\n          }}\r\n        >\r\n          {subtitle}\r\n        </Typography>\r\n      )}\r\n    </Box>\r\n  );\r\n}\r\n\r\nexport default ActionBar;\r\n"],"mappings":"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","ignoreList":[]}

package/dist/esm/v2/patterns/BulkActionBar.js

@@ -0,0 +1,147 @@
+function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }
+function _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (_typeof(res) !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
+import * as React from "react";
+import Box from "@mui/material/Box";
+import Button from "../components/Button";
+import { mergeLabels } from "../utils/mergeLabels";
+
+/**
+ * BulkActionBar - Portnet UI v2 (pattern)
+ *
+ * Charter R-DG.8 - sélection multiple → bulk bar sticky bottom-center.
+ * Affiche le compteur d'éléments sélectionnés + boutons d'actions + désélection.
+ *
+ *   <BulkActionBar
+ *     count={selected.size}
+ *     onClear={() => setSelected(new Set())}
+ *     actions={[
+ *       { label: "Exporter",  icon: <DownloadIcon />, onClick: exportSel },
+ *       { label: "Archiver",  icon: <ArchiveIcon />,  onClick: archiveSel },
+ *       { label: "Supprimer", icon: <DeleteIcon />,   onClick: deleteSel, variant: "danger" },
+ *     ]}
+ *   />
+ *
+ * Localisation (FR / EN / AR):
+ *   <BulkActionBar labels={{
+ *     selection:   (n) => `${n} item${n === 1 ? "" : "s"} selected`,
+ *     toolbarAria: "Bulk actions",
+ *     clear:       "Clear selection",
+ *   }} ... />
+ *
+ *   `selection` is a function so consumers can plug in proper plural
+ *   rules (Intl.PluralRules, ICU MessageFormat, i18next, …).
+ *
+ * A11y note (R-A.1):
+ *   The selection count is rendered inside a polite live region so that
+ *   updates ("3 éléments sélectionnés" → "5 éléments sélectionnés") are
+ *   announced to screen-reader users without stealing focus.
+ *
+ * Responsive note (R-RS / WCAG 1.4.10):
+ *   The bar is centre-anchored (left:50% / translateX(-50%)). Without a
+ *   width cap a long action set would push its ends off both screen
+ *   edges on a phone. maxWidth caps it to the viewport and flexWrap lets
+ *   surplus actions wrap to a second centred row instead of overflowing.
+ */
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+var DEFAULT_LABELS = Object.freeze({
+  selection: function selection(n) {
+    return "".concat(n, " \xE9l\xE9ment").concat(n > 1 ? "s" : "", " s\xE9lectionn\xE9").concat(n > 1 ? "s" : "");
+  },
+  toolbarAria: "Actions sur la sélection",
+  clear: "Désélectionner"
+});
+function BulkActionBar(_ref) {
+  var _ref$count = _ref.count,
+    count = _ref$count === void 0 ? 0 : _ref$count,
+    onClear = _ref.onClear,
+    _ref$actions = _ref.actions,
+    actions = _ref$actions === void 0 ? [] : _ref$actions,
+    label = _ref.label,
+    labels = _ref.labels;
+  if (count <= 0) return null;
+  var L = mergeLabels(DEFAULT_LABELS, labels);
+  // Legacy `label` prop wins over labels.selection for back-compat.
+  var text = label != null ? label : L.selection(count);
+
+  // R-AI.1 - currentColor-derived overlays so hover & divider auto-adapt
+  // to the bar's fg-inverse value (was hard-coded white rgba).
+  var overlayHover = "color-mix(in srgb, currentColor 15%, transparent)";
+  var dividerOverlay = "color-mix(in srgb, currentColor 22%, transparent)";
+  return /*#__PURE__*/_jsxs(Box, {
+    role: "toolbar",
+    "aria-label": L.toolbarAria,
+    sx: {
+      position: "fixed",
+      bottom: "var(--s-5)",
+      left: "50%",
+      transform: "translateX(-50%)",
+      zIndex: "var(--z-bulk)",
+      display: "flex",
+      alignItems: "center",
+      // R-RS — centre-anchored bar must never exceed the viewport, and
+      // surplus actions wrap rather than spilling past the screen edges.
+      flexWrap: "wrap",
+      justifyContent: "center",
+      maxWidth: "calc(100vw - var(--s-4) * 2)",
+      gap: 1.5,
+      padding: "var(--s-2) var(--s-2) var(--s-2) var(--s-4)",
+      background: "var(--fg)",
+      color: "var(--fg-inverse)",
+      borderRadius: "var(--r-full)",
+      boxShadow: "var(--shadow-lg)"
+    },
+    children: [/*#__PURE__*/_jsx(Box
+    // R-A.1 - polite live region so SR users hear each count change
+    // without losing context. aria-atomic ensures the full sentence is
+    // re-read on update, not just the diff.
+    , {
+      role: "status",
+      "aria-live": "polite",
+      "aria-atomic": "true",
+      sx: {
+        fontSize: "var(--text-sm)",
+        fontWeight: "var(--fw-semibold)",
+        fontVariantNumeric: "tabular-nums"
+      },
+      children: text
+    }), /*#__PURE__*/_jsx(Box, {
+      sx: {
+        width: 1,
+        height: 24,
+        background: dividerOverlay
+      }
+    }), actions.map(function (a, i) {
+      return /*#__PURE__*/_jsx(Button, {
+        size: "sm",
+        variant: a.variant || "ghost",
+        icon: a.icon,
+        onClick: a.onClick,
+        disabled: a.disabled,
+        sx: _objectSpread({}, a.variant !== "danger" ? {
+          color: "var(--fg-inverse) !important",
+          "&:hover": {
+            background: overlayHover
+          }
+        } : {}),
+        children: a.label
+      }, i);
+    }), onClear && /*#__PURE__*/_jsx(Button, {
+      size: "sm",
+      variant: "ghost",
+      onClick: onClear,
+      sx: {
+        color: "var(--fg-inverse) !important",
+        "&:hover": {
+          background: overlayHover
+        }
+      },
+      children: L.clear
+    })]
+  });
+}
+export default BulkActionBar;
+//# sourceMappingURL=BulkActionBar.js.map

package/dist/esm/v2/patterns/BulkActionBar.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"BulkActionBar.js","names":["React","Box","Button","mergeLabels","jsx","_jsx","jsxs","_jsxs","DEFAULT_LABELS","Object","freeze","selection","n","concat","toolbarAria","clear","BulkActionBar","_ref","_ref$count","count","onClear","_ref$actions","actions","label","labels","L","text","overlayHover","dividerOverlay","role","sx","position","bottom","left","transform","zIndex","display","alignItems","flexWrap","justifyContent","maxWidth","gap","padding","background","color","borderRadius","boxShadow","children","fontSize","fontWeight","fontVariantNumeric","width","height","map","a","i","size","variant","icon","onClick","disabled","_objectSpread"],"sources":["../../../../src/lib/v2/patterns/BulkActionBar.tsx"],"sourcesContent":["import * as React from \"react\";\r\nimport Box from \"@mui/material/Box\";\r\nimport Button from \"../components/Button\";\r\nimport type { ButtonProps } from \"../components/Button\";\r\nimport { mergeLabels } from \"../utils/mergeLabels\";\r\n\r\n/**\r\n * BulkActionBar - Portnet UI v2 (pattern)\r\n *\r\n * Charter R-DG.8 - sélection multiple → bulk bar sticky bottom-center.\r\n * Affiche le compteur d'éléments sélectionnés + boutons d'actions + désélection.\r\n *\r\n *   <BulkActionBar\r\n *     count={selected.size}\r\n *     onClear={() => setSelected(new Set())}\r\n *     actions={[\r\n *       { label: \"Exporter\",  icon: <DownloadIcon />, onClick: exportSel },\r\n *       { label: \"Archiver\",  icon: <ArchiveIcon />,  onClick: archiveSel },\r\n *       { label: \"Supprimer\", icon: <DeleteIcon />,   onClick: deleteSel, variant: \"danger\" },\r\n *     ]}\r\n *   />\r\n *\r\n * Localisation (FR / EN / AR):\r\n *   <BulkActionBar labels={{\r\n *     selection:   (n) => `${n} item${n === 1 ? \"\" : \"s\"} selected`,\r\n *     toolbarAria: \"Bulk actions\",\r\n *     clear:       \"Clear selection\",\r\n *   }} ... />\r\n *\r\n *   `selection` is a function so consumers can plug in proper plural\r\n *   rules (Intl.PluralRules, ICU MessageFormat, i18next, …).\r\n *\r\n * A11y note (R-A.1):\r\n *   The selection count is rendered inside a polite live region so that\r\n *   updates (\"3 éléments sélectionnés\" → \"5 éléments sélectionnés\") are\r\n *   announced to screen-reader users without stealing focus.\r\n *\r\n * Responsive note (R-RS / WCAG 1.4.10):\r\n *   The bar is centre-anchored (left:50% / translateX(-50%)). Without a\r\n *   width cap a long action set would push its ends off both screen\r\n *   edges on a phone. maxWidth caps it to the viewport and flexWrap lets\r\n *   surplus actions wrap to a second centred row instead of overflowing.\r\n */\r\n\r\nexport interface BulkAction {\r\n  label: React.ReactNode;\r\n  onClick?: (() => void) | undefined;\r\n  icon?: React.ReactElement | undefined;\r\n  variant?: ButtonProps[\"variant\"] | undefined;\r\n  disabled?: boolean | undefined;\r\n}\r\n\r\nexport interface BulkActionBarLabels {\r\n  selection?: ((n: number) => React.ReactNode) | undefined;\r\n  toolbarAria?: string | undefined;\r\n  clear?: React.ReactNode | undefined;\r\n}\r\n\r\nexport interface BulkActionBarProps {\r\n  count?: number | undefined;\r\n  onClear?: (() => void) | undefined;\r\n  actions?: BulkAction[] | undefined;\r\n  /** Legacy prop: a pre-formatted node override of the count text.\r\n   *  Wins over labels.selection when both are passed. */\r\n  label?: React.ReactNode | undefined;\r\n  labels?: BulkActionBarLabels | undefined;\r\n}\r\n\r\nconst DEFAULT_LABELS = Object.freeze({\r\n  selection:   (n: number) => `${n} élément${n > 1 ? \"s\" : \"\"} sélectionné${n > 1 ? \"s\" : \"\"}`,\r\n  toolbarAria: \"Actions sur la sélection\",\r\n  clear:       \"Désélectionner\",\r\n});\r\n\r\nfunction BulkActionBar({ count = 0, onClear, actions = [], label, labels }: BulkActionBarProps) {\r\n  if (count <= 0) return null;\r\n  const L = mergeLabels(DEFAULT_LABELS, labels);\r\n  // Legacy `label` prop wins over labels.selection for back-compat.\r\n  const text = label != null ? label : L.selection(count);\r\n\r\n  // R-AI.1 - currentColor-derived overlays so hover & divider auto-adapt\r\n  // to the bar's fg-inverse value (was hard-coded white rgba).\r\n  const overlayHover   = \"color-mix(in srgb, currentColor 15%, transparent)\";\r\n  const dividerOverlay = \"color-mix(in srgb, currentColor 22%, transparent)\";\r\n\r\n  return (\r\n    <Box\r\n      role=\"toolbar\"\r\n      aria-label={L.toolbarAria}\r\n      sx={{\r\n        position: \"fixed\",\r\n        bottom: \"var(--s-5)\",\r\n        left: \"50%\",\r\n        transform: \"translateX(-50%)\",\r\n        zIndex: \"var(--z-bulk)\",\r\n        display: \"flex\",\r\n        alignItems: \"center\",\r\n        // R-RS — centre-anchored bar must never exceed the viewport, and\r\n        // surplus actions wrap rather than spilling past the screen edges.\r\n        flexWrap: \"wrap\",\r\n        justifyContent: \"center\",\r\n        maxWidth: \"calc(100vw - var(--s-4) * 2)\",\r\n        gap: 1.5,\r\n        padding: \"var(--s-2) var(--s-2) var(--s-2) var(--s-4)\",\r\n        background: \"var(--fg)\",\r\n        color: \"var(--fg-inverse)\",\r\n        borderRadius: \"var(--r-full)\",\r\n        boxShadow: \"var(--shadow-lg)\",\r\n      }}\r\n    >\r\n      <Box\r\n        // R-A.1 - polite live region so SR users hear each count change\r\n        // without losing context. aria-atomic ensures the full sentence is\r\n        // re-read on update, not just the diff.\r\n        role=\"status\"\r\n        aria-live=\"polite\"\r\n        aria-atomic=\"true\"\r\n        sx={{\r\n          fontSize: \"var(--text-sm)\",\r\n          fontWeight: \"var(--fw-semibold)\",\r\n          fontVariantNumeric: \"tabular-nums\",\r\n        }}\r\n      >\r\n        {text}\r\n      </Box>\r\n      {/* Vertical divider — width:1 / height:24 are divider geometry,\r\n          not a spacing concern. */}\r\n      <Box sx={{ width: 1, height: 24, background: dividerOverlay }} />\r\n      {actions.map((a, i) => (\r\n        <Button\r\n          key={i}\r\n          size=\"sm\"\r\n          variant={a.variant || \"ghost\"}\r\n          icon={a.icon}\r\n          onClick={a.onClick}\r\n          disabled={a.disabled}\r\n          sx={{\r\n            // Danger keeps its own palette; every other variant is forced\r\n            // to the inverse foreground with a currentColor hover overlay.\r\n            // (JS set color/\"&:hover\" to undefined on danger; under\r\n            // exactOptionalPropertyTypes that's present-with-undefined for\r\n            // the csstype color + selector value, so it's folded into one\r\n            // conditional spread — behaviour-identical.)\r\n            ...(a.variant !== \"danger\"\r\n              ? {\r\n                  color: \"var(--fg-inverse) !important\",\r\n                  \"&:hover\": { background: overlayHover },\r\n                }\r\n              : {}),\r\n          }}\r\n        >\r\n          {a.label}\r\n        </Button>\r\n      ))}\r\n      {onClear && (\r\n        <Button\r\n          size=\"sm\"\r\n          variant=\"ghost\"\r\n          onClick={onClear}\r\n          sx={{\r\n            color: \"var(--fg-inverse) !important\",\r\n            \"&:hover\": { background: overlayHover },\r\n          }}\r\n        >\r\n          {L.clear}\r\n        </Button>\r\n      )}\r\n    </Box>\r\n  );\r\n}\r\n\r\nexport default BulkActionBar;\r\n"],"mappings":"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","ignoreList":[]}

package/dist/esm/v2/patterns/CollapsibleDataGrid.js

@@ -0,0 +1,303 @@
+function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
+function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
+function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
+function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
+function _iterableToArrayLimit(arr, i) { var _i = null == arr ? null : "undefined" != typeof Symbol && arr[Symbol.iterator] || arr["@@iterator"]; if (null != _i) { var _s, _e, _x, _r, _arr = [], _n = !0, _d = !1; try { if (_x = (_i = _i.call(arr)).next, 0 === i) { if (Object(_i) !== _i) return; _n = !1; } else for (; !(_n = (_s = _x.call(_i)).done) && (_arr.push(_s.value), _arr.length !== i); _n = !0) { ; } } catch (err) { _d = !0, _e = err; } finally { try { if (!_n && null != _i["return"] && (_r = _i["return"](), Object(_r) !== _r)) return; } finally { if (_d) throw _e; } } return _arr; } }
+function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }
+function _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (_typeof(res) !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
+import * as React from "react";
+import Box from "@mui/material/Box";
+import Table from "@mui/material/Table";
+import TableHead from "@mui/material/TableHead";
+import TableBody from "@mui/material/TableBody";
+import TableRow from "@mui/material/TableRow";
+import TableCell from "@mui/material/TableCell";
+import IconButton from "@mui/material/IconButton";
+import Collapse from "@mui/material/Collapse";
+import KeyboardArrowDownIcon from "@mui/icons-material/KeyboardArrowDown";
+import KeyboardArrowUpIcon from "@mui/icons-material/KeyboardArrowUp";
+import { mergeLabels, TABLE_BY_DENSITY, CONTAINER_SX, DEFAULT_MAX_BODY_HEIGHT, ROW_STATIC_SX, Pagination } from "./_dataGridShared";
+
+/**
+ * CollapsibleDataGrid — Portnet UI v2 (pattern)
+ *
+ * Charter §03 · master/detail table with per-row expansion. Companion to
+ * DataGrid for the case DataGrid intentionally does not cover: a row that
+ * expands to reveal a secondary record (e.g. a decision and its visa
+ * detail). Refactor of the legacy host-local CollapsibleTableClientSide
+ * (ms-dfd-fe), lifted into the lib so modules consume it instead of
+ * re-implementing an expandable MUI Table.
+ *
+ * Columns use the v2-native shape, identical to DataGrid:
+ *   { key, header, render(row), getValue(row), width, align, numeric, mono }
+ *
+ *   `columns`        master row cells (the first cell hosts the expand toggle).
+ *   `detailColumns`  the expanded panel; values are read from the SAME row
+ *                    object (a row carries both its master and detail fields).
+ *
+ * A row is expandable when `hasDetail(row)` is true. Default: the first
+ * detail column resolves to a non-nullish value. Pass `hasDetail` to override.
+ *
+ * Pagination is client-side (the host passes the full row set) and uses the
+ * shared v2 Pagination — 1-based, tabular range, optional page-size select.
+ *
+ * Accessibility (WCAG 2.2 AA · Charter R-DG):
+ *   - the expand control is a real <button> with aria-expanded +
+ *     aria-controls pointing at the detail region id;
+ *   - the detail region is labelled (labels.detailAria);
+ *   - the table carries a contextual name (ariaLabel | labels.tableAria).
+ */
+
+/** The read subset of the DataGrid column contract that this pattern honours. */
+
+/** DataGrid labels + the expansion-specific names. */
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+var EMPTY = "—";
+
+/* Default value accessor for an unconstrained row type — typed against
+ * `unknown` so the single assertion is legal (mirrors DataGrid). */
+function readCellValue(row, key) {
+  return row[key];
+}
+
+/* Default getRowId (`(r) => r.id`); `(unknown) => RowId` is assignable to
+ * the declared `(row: T) => RowId` by parameter contravariance. */
+var defaultGetRowId = function defaultGetRowId(row) {
+  return row.id;
+};
+function resolveCell(col, row) {
+  if (col.render) return col.render(row);
+  var value = col.getValue ? col.getValue(row) : readCellValue(row, col.key);
+  return value == null || value === "" ? EMPTY : value;
+}
+function alignOf(col) {
+  return col.align || (col.numeric ? "right" : "left");
+}
+function numericSx(col) {
+  return _objectSpread(_objectSpread({}, col.mono ? {
+    fontFamily: "var(--font-mono)"
+  } : {}), col.numeric || col.mono ? {
+    fontVariantNumeric: "tabular-nums"
+  } : {});
+}
+function CollapsibleDataGrid(_ref) {
+  var _labels$expandRow, _labels$collapseRow, _labels$detailAria;
+  var _ref$rows = _ref.rows,
+    rows = _ref$rows === void 0 ? [] : _ref$rows,
+    _ref$columns = _ref.columns,
+    columns = _ref$columns === void 0 ? [] : _ref$columns,
+    _ref$detailColumns = _ref.detailColumns,
+    detailColumns = _ref$detailColumns === void 0 ? [] : _ref$detailColumns,
+    _ref$getRowId = _ref.getRowId,
+    getRowId = _ref$getRowId === void 0 ? defaultGetRowId : _ref$getRowId,
+    hasDetail = _ref.hasDetail,
+    _ref$density = _ref.density,
+    density = _ref$density === void 0 ? "comfortable" : _ref$density,
+    ariaLabel = _ref.ariaLabel,
+    _ref$locale = _ref.locale,
+    locale = _ref$locale === void 0 ? "fr-FR" : _ref$locale,
+    labels = _ref.labels,
+    _ref$loading = _ref.loading,
+    loading = _ref$loading === void 0 ? false : _ref$loading,
+    _ref$pageSize = _ref.pageSize,
+    pageSizeProp = _ref$pageSize === void 0 ? 10 : _ref$pageSize,
+    _ref$pageSizes = _ref.pageSizes,
+    pageSizes = _ref$pageSizes === void 0 ? [10, 25, 100] : _ref$pageSizes,
+    _ref$maxBodyHeight = _ref.maxBodyHeight,
+    maxBodyHeight = _ref$maxBodyHeight === void 0 ? DEFAULT_MAX_BODY_HEIGHT : _ref$maxBodyHeight;
+  var L = React.useMemo(function () {
+    return mergeLabels(labels);
+  }, [labels]);
+  var tableAria = ariaLabel != null ? ariaLabel : L.tableAria;
+  var expandLabel = (_labels$expandRow = labels === null || labels === void 0 ? void 0 : labels.expandRow) !== null && _labels$expandRow !== void 0 ? _labels$expandRow : "Afficher le détail";
+  var collapseLabel = (_labels$collapseRow = labels === null || labels === void 0 ? void 0 : labels.collapseRow) !== null && _labels$collapseRow !== void 0 ? _labels$collapseRow : "Réduire le détail";
+  var detailAria = (_labels$detailAria = labels === null || labels === void 0 ? void 0 : labels.detailAria) !== null && _labels$detailAria !== void 0 ? _labels$detailAria : "Détail de la ligne";
+  var rowHasDetail = React.useCallback(function (row) {
+    if (typeof hasDetail === "function") return hasDetail(row);
+    if (!detailColumns.length) return false;
+    var first = detailColumns[0];
+    if (!first) return false;
+    var v = first.getValue ? first.getValue(row) : readCellValue(row, first.key);
+    return v != null && v !== "";
+  }, [hasDetail, detailColumns]);
+  var _React$useState = React.useState(1),
+    _React$useState2 = _slicedToArray(_React$useState, 2),
+    page = _React$useState2[0],
+    setPage = _React$useState2[1];
+  var _React$useState3 = React.useState(pageSizeProp),
+    _React$useState4 = _slicedToArray(_React$useState3, 2),
+    pageSize = _React$useState4[0],
+    setPageSize = _React$useState4[1];
+  var _React$useState5 = React.useState({}),
+    _React$useState6 = _slicedToArray(_React$useState5, 2),
+    open = _React$useState6[0],
+    setOpen = _React$useState6[1];
+
+  // Reset to the first page when the data set size changes so the slice
+  // never lands past the end of a shrunken list.
+  var total = rows.length;
+  React.useEffect(function () {
+    setPage(1);
+  }, [total]);
+  var tableSx = React.useMemo(function () {
+    return _objectSpread(_objectSpread({}, TABLE_BY_DENSITY[density] || TABLE_BY_DENSITY.comfortable), {}, {
+      width: "100%"
+    });
+  }, [density]);
+  var detailTableSx = React.useMemo(function () {
+    return _objectSpread(_objectSpread({}, TABLE_BY_DENSITY.compact), {}, {
+      width: "100%"
+    });
+  }, []);
+  var start = (page - 1) * pageSize;
+  var paged = rows.slice(start, start + pageSize);
+  var masterColCount = columns.length;
+  var toggle = function toggle(id) {
+    return setOpen(function (prev) {
+      return _objectSpread(_objectSpread({}, prev), {}, _defineProperty({}, id, !prev[id]));
+    });
+  };
+  return /*#__PURE__*/_jsxs(Box, {
+    sx: CONTAINER_SX,
+    children: [/*#__PURE__*/_jsx(Box, {
+      sx: {
+        overflow: "auto",
+        maxHeight: maxBodyHeight,
+        width: "100%"
+      },
+      children: /*#__PURE__*/_jsxs(Table, {
+        "aria-label": tableAria,
+        stickyHeader: true,
+        sx: tableSx,
+        children: [/*#__PURE__*/_jsx(TableHead, {
+          children: /*#__PURE__*/_jsx(TableRow, {
+            children: columns.map(function (col) {
+              return /*#__PURE__*/_jsx(TableCell, {
+                align: alignOf(col),
+                sx: _objectSpread({
+                  position: "sticky",
+                  top: 0,
+                  zIndex: 1
+                }, col.width != null ? {
+                  width: col.width
+                } : {}),
+                children: col.header
+              }, col.key);
+            })
+          })
+        }), /*#__PURE__*/_jsx(TableBody, {
+          children: paged.map(function (row) {
+            var id = getRowId(row);
+            var expandable = rowHasDetail(row);
+            var isOpen = Boolean(open[id]);
+            var detailId = "pui-cdg-detail-".concat(id);
+            return /*#__PURE__*/_jsxs(React.Fragment, {
+              children: [/*#__PURE__*/_jsx(TableRow, {
+                hover: true,
+                sx: ROW_STATIC_SX,
+                children: columns.map(function (col, index) {
+                  return /*#__PURE__*/_jsx(TableCell, {
+                    align: alignOf(col),
+                    sx: _objectSpread(_objectSpread({}, numericSx(col)), col.width != null ? {
+                      width: col.width
+                    } : {}),
+                    children: /*#__PURE__*/_jsxs(Box, {
+                      sx: {
+                        display: "flex",
+                        alignItems: "center",
+                        gap: "var(--s-1)"
+                      },
+                      children: [index === 0 && expandable && /*#__PURE__*/_jsx(IconButton, {
+                        size: "small",
+                        "aria-label": isOpen ? collapseLabel : expandLabel,
+                        "aria-expanded": isOpen,
+                        "aria-controls": detailId,
+                        onClick: function onClick() {
+                          return toggle(id);
+                        },
+                        children: isOpen ? /*#__PURE__*/_jsx(KeyboardArrowUpIcon, {
+                          fontSize: "small"
+                        }) : /*#__PURE__*/_jsx(KeyboardArrowDownIcon, {
+                          fontSize: "small"
+                        })
+                      }), resolveCell(col, row)]
+                    })
+                  }, col.key);
+                })
+              }), expandable && /*#__PURE__*/_jsx(TableRow, {
+                children: /*#__PURE__*/_jsx(TableCell, {
+                  colSpan: masterColCount,
+                  sx: {
+                    paddingTop: 0,
+                    paddingBottom: 0
+                  },
+                  children: /*#__PURE__*/_jsx(Collapse, {
+                    id: detailId,
+                    "in": isOpen,
+                    timeout: "auto",
+                    unmountOnExit: true,
+                    children: /*#__PURE__*/_jsx(Box, {
+                      sx: {
+                        paddingTop: "var(--s-3)",
+                        paddingBottom: "var(--s-3)"
+                      },
+                      children: /*#__PURE__*/_jsxs(Table, {
+                        size: "small",
+                        "aria-label": detailAria,
+                        sx: detailTableSx,
+                        children: [/*#__PURE__*/_jsx(TableHead, {
+                          children: /*#__PURE__*/_jsx(TableRow, {
+                            children: detailColumns.map(function (col) {
+                              return /*#__PURE__*/_jsx(TableCell, {
+                                align: alignOf(col),
+                                sx: col.width != null ? {
+                                  width: col.width
+                                } : {},
+                                children: col.header
+                              }, col.key);
+                            })
+                          })
+                        }), /*#__PURE__*/_jsx(TableBody, {
+                          children: /*#__PURE__*/_jsx(TableRow, {
+                            sx: ROW_STATIC_SX,
+                            children: detailColumns.map(function (col) {
+                              return /*#__PURE__*/_jsx(TableCell, {
+                                align: alignOf(col),
+                                sx: numericSx(col),
+                                children: resolveCell(col, row)
+                              }, col.key);
+                            })
+                          })
+                        })]
+                      })
+                    })
+                  })
+                })
+              })]
+            }, id);
+          })
+        })]
+      })
+    }), /*#__PURE__*/_jsx(Pagination, {
+      page: page,
+      pageSize: pageSize,
+      total: total,
+      onPageChange: setPage,
+      onPageSizeChange: function onPageSizeChange(s) {
+        setPageSize(s);
+        setPage(1);
+      },
+      pageSizes: pageSizes,
+      loading: loading,
+      locale: locale,
+      labels: L.pagination
+    })]
+  });
+}
+export default CollapsibleDataGrid;
+//# sourceMappingURL=CollapsibleDataGrid.js.map

package/dist/esm/v2/patterns/CollapsibleDataGrid.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CollapsibleDataGrid.js","names":["React","Box","Table","TableHead","TableBody","TableRow","TableCell","IconButton","Collapse","KeyboardArrowDownIcon","KeyboardArrowUpIcon","mergeLabels","TABLE_BY_DENSITY","CONTAINER_SX","DEFAULT_MAX_BODY_HEIGHT","ROW_STATIC_SX","Pagination","jsx","_jsx","jsxs","_jsxs","EMPTY","readCellValue","row","key","defaultGetRowId","id","resolveCell","col","render","value","getValue","alignOf","align","numeric","numericSx","_objectSpread","mono","fontFamily","fontVariantNumeric","CollapsibleDataGrid","_ref","_labels$expandRow","_labels$collapseRow","_labels$detailAria","_ref$rows","rows","_ref$columns","columns","_ref$detailColumns","detailColumns","_ref$getRowId","getRowId","hasDetail","_ref$density","density","ariaLabel","_ref$locale","locale","labels","_ref$loading","loading","_ref$pageSize","pageSize","pageSizeProp","_ref$pageSizes","pageSizes","_ref$maxBodyHeight","maxBodyHeight","L","useMemo","tableAria","expandLabel","expandRow","collapseLabel","collapseRow","detailAria","rowHasDetail","useCallback","length","first","v","_React$useState","useState","_React$useState2","_slicedToArray","page","setPage","_React$useState3","_React$useState4","setPageSize","_React$useState5","_React$useState6","open","setOpen","total","useEffect","tableSx","comfortable","width","detailTableSx","compact","start","paged","slice","masterColCount","toggle","prev","_defineProperty","sx","children","overflow","maxHeight","stickyHeader","map","position","top","zIndex","header","expandable","isOpen","Boolean","detailId","concat","Fragment","hover","index","display","alignItems","gap","size","onClick","fontSize","colSpan","paddingTop","paddingBottom","timeout","unmountOnExit","onPageChange","onPageSizeChange","s","pagination"],"sources":["../../../../src/lib/v2/patterns/CollapsibleDataGrid.tsx"],"sourcesContent":["import * as React from \"react\";\r\nimport Box from \"@mui/material/Box\";\r\nimport Table from \"@mui/material/Table\";\r\nimport TableHead from \"@mui/material/TableHead\";\r\nimport TableBody from \"@mui/material/TableBody\";\r\nimport TableRow from \"@mui/material/TableRow\";\r\nimport TableCell from \"@mui/material/TableCell\";\r\nimport IconButton from \"@mui/material/IconButton\";\r\nimport Collapse from \"@mui/material/Collapse\";\r\nimport KeyboardArrowDownIcon from \"@mui/icons-material/KeyboardArrowDown\";\r\nimport KeyboardArrowUpIcon from \"@mui/icons-material/KeyboardArrowUp\";\r\nimport type { SxProps, Theme } from \"@mui/material/styles\";\r\nimport type { SystemStyleObject } from \"@mui/system\";\r\n\r\nimport {\r\n  mergeLabels,\r\n  TABLE_BY_DENSITY,\r\n  CONTAINER_SX,\r\n  DEFAULT_MAX_BODY_HEIGHT,\r\n  ROW_STATIC_SX,\r\n  Pagination,\r\n} from \"./_dataGridShared\";\r\nimport type { DataGridColumn, DataGridLabels } from \"../types/datagrid\";\r\nimport type { Alignment, Density, RowId } from \"../types/common\";\r\n\r\n/**\r\n * CollapsibleDataGrid — Portnet UI v2 (pattern)\r\n *\r\n * Charter §03 · master/detail table with per-row expansion. Companion to\r\n * DataGrid for the case DataGrid intentionally does not cover: a row that\r\n * expands to reveal a secondary record (e.g. a decision and its visa\r\n * detail). Refactor of the legacy host-local CollapsibleTableClientSide\r\n * (ms-dfd-fe), lifted into the lib so modules consume it instead of\r\n * re-implementing an expandable MUI Table.\r\n *\r\n * Columns use the v2-native shape, identical to DataGrid:\r\n *   { key, header, render(row), getValue(row), width, align, numeric, mono }\r\n *\r\n *   `columns`        master row cells (the first cell hosts the expand toggle).\r\n *   `detailColumns`  the expanded panel; values are read from the SAME row\r\n *                    object (a row carries both its master and detail fields).\r\n *\r\n * A row is expandable when `hasDetail(row)` is true. Default: the first\r\n * detail column resolves to a non-nullish value. Pass `hasDetail` to override.\r\n *\r\n * Pagination is client-side (the host passes the full row set) and uses the\r\n * shared v2 Pagination — 1-based, tabular range, optional page-size select.\r\n *\r\n * Accessibility (WCAG 2.2 AA · Charter R-DG):\r\n *   - the expand control is a real <button> with aria-expanded +\r\n *     aria-controls pointing at the detail region id;\r\n *   - the detail region is labelled (labels.detailAria);\r\n *   - the table carries a contextual name (ariaLabel | labels.tableAria).\r\n */\r\n\r\n/** The read subset of the DataGrid column contract that this pattern honours. */\r\nexport type CollapsibleColumn<T> = Pick<\r\n  DataGridColumn<T>,\r\n  \"key\" | \"header\" | \"align\" | \"numeric\" | \"mono\" | \"width\" | \"render\" | \"getValue\"\r\n>;\r\n\r\n/** DataGrid labels + the expansion-specific names. */\r\nexport interface CollapsibleDataGridLabels extends DataGridLabels {\r\n  expandRow?: string | undefined;\r\n  collapseRow?: string | undefined;\r\n  detailAria?: string | undefined;\r\n}\r\n\r\nexport interface CollapsibleDataGridProps<T> {\r\n  rows?: T[] | undefined;\r\n  columns: CollapsibleColumn<T>[];\r\n  detailColumns?: CollapsibleColumn<T>[] | undefined;\r\n  /** Row identity (default `(row) => row.id`). */\r\n  getRowId?: ((row: T) => RowId) | undefined;\r\n  /** Override the \"row is expandable\" test (default: first detail value is non-nullish). */\r\n  hasDetail?: ((row: T) => boolean) | undefined;\r\n  density?: Density | undefined;\r\n  /** Contextual accessible table name (WCAG 1.3.1 / Charter R-DG). */\r\n  ariaLabel?: string | undefined;\r\n  /** BCP-47 locale for pagination number formatting (default \"fr-FR\"). */\r\n  locale?: string | undefined;\r\n  labels?: CollapsibleDataGridLabels | undefined;\r\n  loading?: boolean | undefined;\r\n  pageSize?: number | undefined;\r\n  pageSizes?: number[] | undefined;\r\n  maxBodyHeight?: number | string | undefined;\r\n}\r\n\r\nconst EMPTY = \"—\";\r\n\r\n/* Default value accessor for an unconstrained row type — typed against\r\n * `unknown` so the single assertion is legal (mirrors DataGrid). */\r\nfunction readCellValue(row: unknown, key: string): unknown {\r\n  return (row as Record<string, unknown>)[key];\r\n}\r\n\r\n/* Default getRowId (`(r) => r.id`); `(unknown) => RowId` is assignable to\r\n * the declared `(row: T) => RowId` by parameter contravariance. */\r\nconst defaultGetRowId = (row: unknown): RowId => (row as { id: RowId }).id;\r\n\r\nfunction resolveCell<T>(col: CollapsibleColumn<T>, row: T): React.ReactNode {\r\n  if (col.render) return col.render(row);\r\n  const value = col.getValue ? col.getValue(row) : readCellValue(row, col.key);\r\n  return value == null || value === \"\" ? EMPTY : (value as React.ReactNode);\r\n}\r\n\r\nfunction alignOf(col: Pick<DataGridColumn<unknown>, \"align\" | \"numeric\">): Alignment {\r\n  return col.align || (col.numeric ? \"right\" : \"left\");\r\n}\r\n\r\nfunction numericSx(\r\n  col: Pick<DataGridColumn<unknown>, \"numeric\" | \"mono\">\r\n): SystemStyleObject<Theme> {\r\n  return {\r\n    ...(col.mono ? { fontFamily: \"var(--font-mono)\" } : {}),\r\n    ...(col.numeric || col.mono ? { fontVariantNumeric: \"tabular-nums\" } : {}),\r\n  };\r\n}\r\n\r\nfunction CollapsibleDataGrid<T>({\r\n  rows = [],\r\n  columns = [],\r\n  detailColumns = [],\r\n  getRowId = defaultGetRowId,\r\n  hasDetail,\r\n  density = \"comfortable\",\r\n  ariaLabel,\r\n  locale = \"fr-FR\",\r\n  labels,\r\n  loading = false,\r\n  pageSize: pageSizeProp = 10,\r\n  pageSizes = [10, 25, 100],\r\n  maxBodyHeight = DEFAULT_MAX_BODY_HEIGHT,\r\n}: CollapsibleDataGridProps<T>) {\r\n  const L = React.useMemo(() => mergeLabels(labels), [labels]);\r\n  const tableAria = ariaLabel != null ? ariaLabel : L.tableAria;\r\n  const expandLabel = labels?.expandRow ?? \"Afficher le détail\";\r\n  const collapseLabel = labels?.collapseRow ?? \"Réduire le détail\";\r\n  const detailAria = labels?.detailAria ?? \"Détail de la ligne\";\r\n\r\n  const rowHasDetail = React.useCallback(\r\n    (row: T): boolean => {\r\n      if (typeof hasDetail === \"function\") return hasDetail(row);\r\n      if (!detailColumns.length) return false;\r\n      const first = detailColumns[0];\r\n      if (!first) return false;\r\n      const v = first.getValue ? first.getValue(row) : readCellValue(row, first.key);\r\n      return v != null && v !== \"\";\r\n    },\r\n    [hasDetail, detailColumns]\r\n  );\r\n\r\n  const [page, setPage] = React.useState(1);\r\n  const [pageSize, setPageSize] = React.useState(pageSizeProp);\r\n  const [open, setOpen] = React.useState<Record<RowId, boolean>>({});\r\n\r\n  // Reset to the first page when the data set size changes so the slice\r\n  // never lands past the end of a shrunken list.\r\n  const total = rows.length;\r\n  React.useEffect(() => {\r\n    setPage(1);\r\n  }, [total]);\r\n\r\n  const tableSx = React.useMemo<SxProps<Theme>>(\r\n    () => ({\r\n      ...((TABLE_BY_DENSITY[density] ||\r\n        TABLE_BY_DENSITY.comfortable) as SystemStyleObject<Theme>),\r\n      width: \"100%\",\r\n    }),\r\n    [density]\r\n  );\r\n  const detailTableSx = React.useMemo<SxProps<Theme>>(\r\n    () => ({\r\n      ...(TABLE_BY_DENSITY.compact as SystemStyleObject<Theme>),\r\n      width: \"100%\",\r\n    }),\r\n    []\r\n  );\r\n\r\n  const start = (page - 1) * pageSize;\r\n  const paged = rows.slice(start, start + pageSize);\r\n  const masterColCount = columns.length;\r\n\r\n  const toggle = (id: RowId) =>\r\n    setOpen((prev) => ({ ...prev, [id]: !prev[id] }));\r\n\r\n  return (\r\n    <Box sx={CONTAINER_SX}>\r\n      <Box sx={{ overflow: \"auto\", maxHeight: maxBodyHeight, width: \"100%\" }}>\r\n        <Table aria-label={tableAria} stickyHeader sx={tableSx}>\r\n          <TableHead>\r\n            <TableRow>\r\n              {columns.map((col) => (\r\n                <TableCell\r\n                  key={col.key}\r\n                  align={alignOf(col)}\r\n                  sx={{\r\n                    position: \"sticky\",\r\n                    top: 0,\r\n                    zIndex: 1,\r\n                    ...(col.width != null ? { width: col.width } : {}),\r\n                  }}\r\n                >\r\n                  {col.header}\r\n                </TableCell>\r\n              ))}\r\n            </TableRow>\r\n          </TableHead>\r\n          <TableBody>\r\n            {paged.map((row) => {\r\n              const id = getRowId(row);\r\n              const expandable = rowHasDetail(row);\r\n              const isOpen = Boolean(open[id]);\r\n              const detailId = `pui-cdg-detail-${id}`;\r\n              return (\r\n                <React.Fragment key={id}>\r\n                  <TableRow hover sx={ROW_STATIC_SX}>\r\n                    {columns.map((col, index) => (\r\n                      <TableCell\r\n                        key={col.key}\r\n                        align={alignOf(col)}\r\n                        sx={{\r\n                          ...numericSx(col),\r\n                          ...(col.width != null ? { width: col.width } : {}),\r\n                        }}\r\n                      >\r\n                        <Box\r\n                          sx={{\r\n                            display: \"flex\",\r\n                            alignItems: \"center\",\r\n                            gap: \"var(--s-1)\",\r\n                          }}\r\n                        >\r\n                          {index === 0 && expandable && (\r\n                            <IconButton\r\n                              size=\"small\"\r\n                              aria-label={isOpen ? collapseLabel : expandLabel}\r\n                              aria-expanded={isOpen}\r\n                              aria-controls={detailId}\r\n                              onClick={() => toggle(id)}\r\n                            >\r\n                              {isOpen ? (\r\n                                <KeyboardArrowUpIcon fontSize=\"small\" />\r\n                              ) : (\r\n                                <KeyboardArrowDownIcon fontSize=\"small\" />\r\n                              )}\r\n                            </IconButton>\r\n                          )}\r\n                          {resolveCell(col, row)}\r\n                        </Box>\r\n                      </TableCell>\r\n                    ))}\r\n                  </TableRow>\r\n\r\n                  {expandable && (\r\n                    <TableRow>\r\n                      <TableCell\r\n                        colSpan={masterColCount}\r\n                        sx={{ paddingTop: 0, paddingBottom: 0 }}\r\n                      >\r\n                        <Collapse\r\n                          id={detailId}\r\n                          in={isOpen}\r\n                          timeout=\"auto\"\r\n                          unmountOnExit\r\n                        >\r\n                          <Box\r\n                            sx={{\r\n                              paddingTop: \"var(--s-3)\",\r\n                              paddingBottom: \"var(--s-3)\",\r\n                            }}\r\n                          >\r\n                            <Table\r\n                              size=\"small\"\r\n                              aria-label={detailAria}\r\n                              sx={detailTableSx}\r\n                            >\r\n                              <TableHead>\r\n                                <TableRow>\r\n                                  {detailColumns.map((col) => (\r\n                                    <TableCell\r\n                                      key={col.key}\r\n                                      align={alignOf(col)}\r\n                                      sx={\r\n                                        col.width != null\r\n                                          ? { width: col.width }\r\n                                          : {}\r\n                                      }\r\n                                    >\r\n                                      {col.header}\r\n                                    </TableCell>\r\n                                  ))}\r\n                                </TableRow>\r\n                              </TableHead>\r\n                              <TableBody>\r\n                                <TableRow sx={ROW_STATIC_SX}>\r\n                                  {detailColumns.map((col) => (\r\n                                    <TableCell\r\n                                      key={col.key}\r\n                                      align={alignOf(col)}\r\n                                      sx={numericSx(col)}\r\n                                    >\r\n                                      {resolveCell(col, row)}\r\n                                    </TableCell>\r\n                                  ))}\r\n                                </TableRow>\r\n                              </TableBody>\r\n                            </Table>\r\n                          </Box>\r\n                        </Collapse>\r\n                      </TableCell>\r\n                    </TableRow>\r\n                  )}\r\n                </React.Fragment>\r\n              );\r\n            })}\r\n          </TableBody>\r\n        </Table>\r\n      </Box>\r\n      <Pagination\r\n        page={page}\r\n        pageSize={pageSize}\r\n        total={total}\r\n        onPageChange={setPage}\r\n        onPageSizeChange={(s) => {\r\n          setPageSize(s);\r\n          setPage(1);\r\n        }}\r\n        pageSizes={pageSizes}\r\n        loading={loading}\r\n        locale={locale}\r\n        labels={L.pagination}\r\n      />\r\n    </Box>\r\n  );\r\n}\r\n\r\nexport default CollapsibleDataGrid;\r\n"],"mappings":"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","ignoreList":[]}