@portnet/ui 6.0.1 → 6.0.3

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

@@ -0,0 +1 @@
+{"version":3,"file":"ChartFigure.js","names":["React","SectionErrorBoundary","SectionHeader","Surface","jsx","_jsx","jsxs","_jsxs","ChartFigure","title","caption","children","level","minHeight","hideCanvasFromScreenReaders","className","component","padding","elevation","sx","margin","display","flexDirection","gap","undefined","style","fontSize","lineHeight","color"],"sources":["../../../../src/lib/v2/patterns/ChartFigure.tsx"],"sourcesContent":["import * as React from \"react\";\r\n\r\nimport SectionErrorBoundary from \"../components/SectionErrorBoundary\";\r\nimport SectionHeader from \"../components/SectionHeader\";\r\nimport Surface from \"../components/Surface\";\r\nimport type { SectionHeaderLevel } from \"../components/SectionHeader\";\r\n\r\n/**\r\n * ChartFigure — a chart, its title, and its TEXT EQUIVALENT (pattern)\r\n *\r\n * Usage:\r\n *\r\n *   <ChartFigure\r\n *     title=\"Dossiers par type de demande\"\r\n *     caption=\"Admission : 128 dossiers (64 %). Renouvellement : 72 (36 %).\"\r\n *   >\r\n *     <HighchartsReact highcharts={Highcharts} options={options} />\r\n *   </ChartFigure>\r\n *\r\n * ─────────────────────────────────────────────────────────────────────────────\r\n * WHY THIS BELONGS IN THE LIBRARY (capability gap G-55)\r\n *\r\n * `tokens/chart` states the obligation and provides nothing to meet it, in its\r\n * own words: \"COLOUR IS NEVER THE ONLY CHANNEL (WCAG 1.4.1). This palette makes\r\n * slices distinguishable; it does not make a chart accessible. Every consumer\r\n * still owes a legend with text labels, and a text equivalent of the data —\r\n * 1.1.1 for the chart as a whole.\"\r\n *\r\n * A rule stated without a component to carry it gets met by whoever remembers\r\n * it. So the same three-part assembly was written per screen — a `Surface`, a\r\n * `SectionHeader`, and a paragraph of numbers under the canvas — and it is the\r\n * third part that goes missing first, because it is the only one nobody SEES\r\n * missing. A chart with no text equivalent looks finished.\r\n *\r\n * `caption` is therefore REQUIRED, not optional. That is the whole design\r\n * decision of this component: a chart rendered through here cannot ship without\r\n * its numbers in text. Making it optional would reproduce, one layer up, the\r\n * situation this closes.\r\n *\r\n * Observed in `autorisation-admis-pour-conforme-fe` (Area 5): three bilan\r\n * screens repeating Surface + SectionHeader + an `aria-hidden` canvas + a\r\n * caption paragraph, with the caption's own styling (`--text-xs`,\r\n * `--fg-subtle`) copied along with it.\r\n *\r\n * `Surface`'s docblock already points here: \"Surface deliberately has NO title,\r\n * NO actions and NO header. A titled section is FormSection; a metric tile is\r\n * KPICard […]. Those compose this.\"\r\n * ─────────────────────────────────────────────────────────────────────────────\r\n *\r\n * WHY THE CANVAS IS `aria-hidden`. A chart renderer emits dozens of SVG text\r\n * nodes — axis ticks, slice percentages, tooltips — which a screen reader walks\r\n * one by one, in visual order, with no structure. That is noise, not\r\n * information, and it is WORSE than silence because it takes minutes to get\r\n * through. The canvas is hidden and the `figcaption` speaks for it.\r\n *\r\n * COROLLARY, and it is a hard constraint: do NOT put interactive controls\r\n * inside. `aria-hidden` on a focusable ancestor produces an element that can be\r\n * tabbed to and cannot be announced, which fails WCAG 4.1.2 more plainly than\r\n * the noise it was meant to avoid. A period selector or an export button goes\r\n * OUTSIDE this component. (A renderer's own accessibility module, which builds\r\n * a proper keyboard-navigable data table, is a different story — a consumer\r\n * enabling one should pass `hideCanvasFromScreenReaders={false}` and own the\r\n * result.)\r\n *\r\n * The caption is VISIBLE, deliberately, and not a visually-hidden string: the\r\n * numbers under a chart help the reader who can see it too — that is the whole\r\n * point of a `figcaption` — and a caption nobody can see is a caption nobody\r\n * notices has gone stale.\r\n *\r\n * ── THE CANVAS IS FAULT-ISOLATED (ISO/IEC 25010 § Reliability) ────\r\n *\r\n * The chart slot is wrapped in `SectionErrorBoundary`. Hosting a THIRD-PARTY\r\n * renderer is what this component is for, and that renderer is fed aggregates\r\n * from a back-end whose wire models declare every field optional — the exact\r\n * situation `SectionErrorBoundary`'s own header describes: \"an `articles` field\r\n * arriving as an object where `.map` is called\". React's default behaviour on a\r\n * render exception is to unmount the WHOLE tree, so one malformed series took\r\n * down the entire page, KPI strip and data table included — the table that\r\n * carries the same numbers the chart was drawing.\r\n *\r\n * With the boundary, a failing chart shows a banner INSIDE its own card, and\r\n * everything around it keeps working. The `figcaption` survives too, which\r\n * matters more here than anywhere else: the caption holds the figures in text,\r\n * so the reader still gets the DATA when the drawing is gone.\r\n *\r\n * The boundary sits ABOVE the `aria-hidden` canvas wrapper, not inside it —\r\n * placed inside, its error banner would inherit that `aria-hidden` and no\r\n * screen reader would announce the failure. A sighted user would see the\r\n * breakage; a blind user would get silence.\r\n *\r\n * Not opt-out. A host rendering a hand-written inline SVG gains nothing from\r\n * the boundary but loses nothing either — an unconditional guarantee is worth\r\n * more than a prop nobody remembers to pass.\r\n */\r\n\r\nexport interface ChartFigureProps {\r\n  /**\r\n   * Visible heading of the figure. Keep the chart renderer's own `title` option\r\n   * EMPTY and use this: real HTML text is selectable, translatable, sized by\r\n   * the token scale, and reachable by a screen reader — an SVG title is none of\r\n   * those. Two titles is the failure this prop exists to prevent.\r\n   */\r\n  title: React.ReactNode;\r\n  /**\r\n   * The text equivalent of the data (WCAG 1.1.1). REQUIRED — see the header.\r\n   * Give the figures, not a description of the chart: \"Approuvés : 128 (64 %)\"\r\n   * tells a reader what the slices say; \"répartition des statuts\" does not.\r\n   */\r\n  caption: React.ReactNode;\r\n  /** The chart itself. */\r\n  children?: React.ReactNode | undefined;\r\n  /** Heading level. Default `\"h3\"` — one below the page's `ActionBar` h1. */\r\n  level?: SectionHeaderLevel | undefined;\r\n  /**\r\n   * Height reserved for the canvas before the chart paints (R-R.4, anti-CLS).\r\n   * Pass it when the renderer sizes itself from its container, otherwise the\r\n   * caption jumps down the page on first render.\r\n   */\r\n  minHeight?: number | string | undefined;\r\n  /**\r\n   * Escape hatch for a renderer that exposes its own accessible data table.\r\n   * Defaults to `true`; setting it to `false` un-hides the canvas and hands the\r\n   * screen-reader experience to that renderer. The caption stays required.\r\n   */\r\n  hideCanvasFromScreenReaders?: boolean | undefined;\r\n  className?: string | undefined;\r\n}\r\n\r\nfunction ChartFigure({\r\n  title,\r\n  caption,\r\n  children,\r\n  level = \"h3\",\r\n  minHeight,\r\n  hideCanvasFromScreenReaders = true,\r\n  className,\r\n}: ChartFigureProps) {\r\n  return (\r\n    /* `figure` + `figcaption` is the native pairing for \"content plus its\r\n       description\", so the association needs no ARIA. Rendered THROUGH\r\n       `Surface` via its `component` prop rather than nested inside it — one\r\n       element instead of two, and the card padding lands on the figure itself.\r\n       `margin: 0` because the UA stylesheet gives a figure large margins. */\r\n    <Surface\r\n      component=\"figure\"\r\n      padding=\"default\"\r\n      elevation=\"xs\"\r\n      sx={{\r\n        margin: 0,\r\n        display: \"flex\",\r\n        flexDirection: \"column\",\r\n        gap: \"var(--s-3)\",\r\n      }}\r\n      {...(className !== undefined ? { className } : {})}\r\n    >\r\n      <SectionHeader level={level} title={title} />\r\n\r\n      {/* La frontière enveloppe le canevas AU-DESSUS du `div` `aria-hidden`, et\r\n          l'ordre n'est pas indifférent : placée à l'intérieur, sa bannière\r\n          d'erreur hériterait de l'`aria-hidden` du canevas et aucun lecteur\r\n          d'écran ne l'annoncerait — un voyant verrait la panne, un non-voyant\r\n          n'entendrait rien. Ici, le canevas reste masqué aux technologies\r\n          d'assistance ET l'erreur leur parvient.\r\n\r\n          `title` n'est transmis que s'il est une chaîne : `SectionErrorBoundary`\r\n          nomme la panne dans sa bannière et dans le journal, et un nœud JSX n'y\r\n          a pas sa place. */}\r\n      <SectionErrorBoundary {...(typeof title === \"string\" ? { title } : {})}>\r\n        <div\r\n          {...(hideCanvasFromScreenReaders ? { \"aria-hidden\": true } : {})}\r\n          style={minHeight !== undefined ? { minHeight } : {}}\r\n        >\r\n          {children}\r\n        </div>\r\n      </SectionErrorBoundary>\r\n\r\n      <figcaption\r\n        style={{\r\n          fontSize: \"var(--text-xs)\",\r\n          lineHeight: \"var(--lh-normal)\",\r\n          color: \"var(--fg-subtle)\",\r\n        }}\r\n      >\r\n        {caption}\r\n      </figcaption>\r\n    </Surface>\r\n  );\r\n}\r\n\r\nexport default ChartFigure;\r\n"],"mappings":"AAAA,OAAO,KAAKA,KAAK,MAAM,OAAO;AAE9B,OAAOC,oBAAoB,MAAM,oCAAoC;AACrE,OAAOC,aAAa,MAAM,6BAA6B;AACvD,OAAOC,OAAO,MAAM,uBAAuB;;AAG3C;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAtFA,SAAAC,GAAA,IAAAC,IAAA,EAAAC,IAAA,IAAAC,KAAA;AAyHA,SAASC,WAAWA,CAAC;EACnBC,KAAK;EACLC,OAAO;EACPC,QAAQ;EACRC,KAAK,GAAG,IAAI;EACZC,SAAS;EACTC,2BAA2B,GAAG,IAAI;EAClCC;AACgB,CAAC,EAAE;EACnB;IAAA;IACE;AACJ;AACA;AACA;AACA;IACIR,KAAA,CAACJ,OAAO;MACNa,SAAS,EAAC,QAAQ;MAClBC,OAAO,EAAC,SAAS;MACjBC,SAAS,EAAC,IAAI;MACdC,EAAE,EAAE;QACFC,MAAM,EAAE,CAAC;QACTC,OAAO,EAAE,MAAM;QACfC,aAAa,EAAE,QAAQ;QACvBC,GAAG,EAAE;MACP,CAAE;MAAA,IACGR,SAAS,KAAKS,SAAS,GAAG;QAAET;MAAU,CAAC,GAAG,CAAC,CAAC;MAAAJ,QAAA,gBAEjDN,IAAA,CAACH,aAAa;QAACU,KAAK,EAAEA,KAAM;QAACH,KAAK,EAAEA;MAAM,CAAE,CAAC,eAY7CJ,IAAA,CAACJ,oBAAoB;QAAA,IAAM,OAAOQ,KAAK,KAAK,QAAQ,GAAG;UAAEA;QAAM,CAAC,GAAG,CAAC,CAAC;QAAAE,QAAA,eACnEN,IAAA;UAAA,IACOS,2BAA2B,GAAG;YAAE,aAAa,EAAE;UAAK,CAAC,GAAG,CAAC,CAAC;UAC/DW,KAAK,EAAEZ,SAAS,KAAKW,SAAS,GAAG;YAAEX;UAAU,CAAC,GAAG,CAAC,CAAE;UAAAF,QAAA,EAEnDA;QAAQ,CACN;MAAC,CACc,CAAC,eAEvBN,IAAA;QACEoB,KAAK,EAAE;UACLC,QAAQ,EAAE,gBAAgB;UAC1BC,UAAU,EAAE,kBAAkB;UAC9BC,KAAK,EAAE;QACT,CAAE;QAAAjB,QAAA,EAEDD;MAAO,CACE,CAAC;IAAA,CACN;EAAC;AAEd;AAEA,eAAeF,WAAW","ignoreList":[]}

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

@@ -1,15 +1,3 @@
-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";
@@ -57,7 +45,7 @@ import { mergeLabels, TABLE_BY_DENSITY, CONTAINER_SX, DEFAULT_MAX_BODY_HEIGHT, R
 
 /** DataGrid labels + the expansion-specific names. */
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-var EMPTY = "—";
+const EMPTY = "—";
 
 /* Default value accessor for an unconstrained row type — typed against
  * `unknown` so the single assertion is legal (mirrors DataGrid). */
@@ -67,101 +55,78 @@ function readCellValue(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;
-};
+const defaultGetRowId = row => row.id;
 function resolveCell(col, row) {
   if (col.render) return col.render(row);
-  var value = col.getValue ? col.getValue(row) : readCellValue(row, col.key);
+  const 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"
-  } : {});
+  return {
+    ...(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) {
+function CollapsibleDataGrid({
+  rows = [],
+  columns = [],
+  detailColumns = [],
+  getRowId = defaultGetRowId,
+  hasDetail,
+  density = "comfortable",
+  ariaLabel,
+  locale = "fr-FR",
+  labels,
+  loading = false,
+  pageSize: pageSizeProp = 10,
+  pageSizes = [10, 25, 100],
+  maxBodyHeight = DEFAULT_MAX_BODY_HEIGHT
+}) {
+  const L = React.useMemo(() => mergeLabels(labels), [labels]);
+  const tableAria = ariaLabel != null ? ariaLabel : L.tableAria;
+  const expandLabel = labels?.expandRow ?? "Afficher le détail";
+  const collapseLabel = labels?.collapseRow ?? "Réduire le détail";
+  const detailAria = labels?.detailAria ?? "Détail de la ligne";
+  const rowHasDetail = React.useCallback(row => {
     if (typeof hasDetail === "function") return hasDetail(row);
     if (!detailColumns.length) return false;
-    var first = detailColumns[0];
+    const first = detailColumns[0];
     if (!first) return false;
-    var v = first.getValue ? first.getValue(row) : readCellValue(row, first.key);
+    const 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];
+  const [page, setPage] = React.useState(1);
+  const [pageSize, setPageSize] = React.useState(pageSizeProp);
+  const [open, setOpen] = React.useState({});
 
   // 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 () {
+  const total = rows.length;
+  React.useEffect(() => {
     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]));
-    });
-  };
+  const tableSx = React.useMemo(() => ({
+    ...(TABLE_BY_DENSITY[density] || TABLE_BY_DENSITY.comfortable),
+    width: "100%"
+  }), [density]);
+  const detailTableSx = React.useMemo(() => ({
+    ...TABLE_BY_DENSITY.compact,
+    width: "100%"
+  }), []);
+  const start = (page - 1) * pageSize;
+  const paged = rows.slice(start, start + pageSize);
+  const masterColCount = columns.length;
+  const toggle = id => setOpen(prev => ({
+    ...prev,
+    [id]: !prev[id]
+  }));
   return /*#__PURE__*/_jsxs(Box, {
     sx: CONTAINER_SX,
     children: [/*#__PURE__*/_jsx(Box, {
@@ -176,59 +141,57 @@ function CollapsibleDataGrid(_ref) {
         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 ? {
+            children: columns.map(col => /*#__PURE__*/_jsx(TableCell, {
+              align: alignOf(col),
+              sx: {
+                position: "sticky",
+                top: 0,
+                zIndex: 1,
+                ...(col.width != null ? {
                   width: col.width
-                } : {}),
-                children: col.header
-              }, col.key);
-            })
+                } : {})
+              },
+              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);
+          children: paged.map(row => {
+            const id = getRowId(row);
+            const expandable = rowHasDetail(row);
+            const isOpen = Boolean(open[id]);
+            const detailId = `pui-cdg-detail-${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 ? {
+                children: columns.map((col, index) => /*#__PURE__*/_jsx(TableCell, {
+                  align: alignOf(col),
+                  sx: {
+                    ...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);
-                })
+                    } : {})
+                  },
+                  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: () => 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,
@@ -238,7 +201,7 @@ function CollapsibleDataGrid(_ref) {
                   },
                   children: /*#__PURE__*/_jsx(Collapse, {
                     id: detailId,
-                    "in": isOpen,
+                    in: isOpen,
                     timeout: "auto",
                     unmountOnExit: true,
                     children: /*#__PURE__*/_jsx(Box, {
@@ -252,26 +215,22 @@ function CollapsibleDataGrid(_ref) {
                         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);
-                            })
+                            children: detailColumns.map(col => /*#__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);
-                            })
+                            children: detailColumns.map(col => /*#__PURE__*/_jsx(TableCell, {
+                              align: alignOf(col),
+                              sx: numericSx(col),
+                              children: resolveCell(col, row)
+                            }, col.key))
                           })
                         })]
                       })
@@ -288,7 +247,7 @@ function CollapsibleDataGrid(_ref) {
       pageSize: pageSize,
       total: total,
       onPageChange: setPage,
-      onPageSizeChange: function onPageSizeChange(s) {
+      onPageSizeChange: s => {
         setPageSize(s);
         setPage(1);
       },

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

@@ -1 +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":[]}
+{"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","mono","fontFamily","fontVariantNumeric","CollapsibleDataGrid","rows","columns","detailColumns","getRowId","hasDetail","density","ariaLabel","locale","labels","loading","pageSize","pageSizeProp","pageSizes","maxBodyHeight","L","useMemo","tableAria","expandLabel","expandRow","collapseLabel","collapseRow","detailAria","rowHasDetail","useCallback","length","first","v","page","setPage","useState","setPageSize","open","setOpen","total","useEffect","tableSx","comfortable","width","detailTableSx","compact","start","paged","slice","masterColCount","toggle","prev","sx","children","overflow","maxHeight","stickyHeader","map","position","top","zIndex","header","expandable","isOpen","Boolean","detailId","Fragment","hover","index","display","alignItems","gap","size","onClick","fontSize","colSpan","paddingTop","paddingBottom","in","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":[]}