@portnet/ui 5.0.32 → 6.0.1

package/dist/v2/patterns/CollapsibleDataGrid.js

@@ -0,0 +1,306 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+var React = _interopRequireWildcard(require("react"));
+var _Box = _interopRequireDefault(require("@mui/material/Box"));
+var _Table = _interopRequireDefault(require("@mui/material/Table"));
+var _TableHead = _interopRequireDefault(require("@mui/material/TableHead"));
+var _TableBody = _interopRequireDefault(require("@mui/material/TableBody"));
+var _TableRow = _interopRequireDefault(require("@mui/material/TableRow"));
+var _TableCell = _interopRequireDefault(require("@mui/material/TableCell"));
+var _IconButton = _interopRequireDefault(require("@mui/material/IconButton"));
+var _Collapse = _interopRequireDefault(require("@mui/material/Collapse"));
+var _KeyboardArrowDown = _interopRequireDefault(require("@mui/icons-material/KeyboardArrowDown"));
+var _KeyboardArrowUp = _interopRequireDefault(require("@mui/icons-material/KeyboardArrowUp"));
+var _dataGridShared = require("./_dataGridShared");
+var _jsxRuntime = require("react/jsx-runtime");
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+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); } /**
+ * 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. */
+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 ? _dataGridShared.DEFAULT_MAX_BODY_HEIGHT : _ref$maxBodyHeight;
+  var L = React.useMemo(function () {
+    return (0, _dataGridShared.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({}, _dataGridShared.TABLE_BY_DENSITY[density] || _dataGridShared.TABLE_BY_DENSITY.comfortable), {}, {
+      width: "100%"
+    });
+  }, [density]);
+  var detailTableSx = React.useMemo(function () {
+    return _objectSpread(_objectSpread({}, _dataGridShared.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__*/(0, _jsxRuntime.jsxs)(_Box["default"], {
+    sx: _dataGridShared.CONTAINER_SX,
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_Box["default"], {
+      sx: {
+        overflow: "auto",
+        maxHeight: maxBodyHeight,
+        width: "100%"
+      },
+      children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_Table["default"], {
+        "aria-label": tableAria,
+        stickyHeader: true,
+        sx: tableSx,
+        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_TableHead["default"], {
+          children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_TableRow["default"], {
+            children: columns.map(function (col) {
+              return /*#__PURE__*/(0, _jsxRuntime.jsx)(_TableCell["default"], {
+                align: alignOf(col),
+                sx: _objectSpread({
+                  position: "sticky",
+                  top: 0,
+                  zIndex: 1
+                }, col.width != null ? {
+                  width: col.width
+                } : {}),
+                children: col.header
+              }, col.key);
+            })
+          })
+        }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_TableBody["default"], {
+          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__*/(0, _jsxRuntime.jsxs)(React.Fragment, {
+              children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_TableRow["default"], {
+                hover: true,
+                sx: _dataGridShared.ROW_STATIC_SX,
+                children: columns.map(function (col, index) {
+                  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_TableCell["default"], {
+                    align: alignOf(col),
+                    sx: _objectSpread(_objectSpread({}, numericSx(col)), col.width != null ? {
+                      width: col.width
+                    } : {}),
+                    children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_Box["default"], {
+                      sx: {
+                        display: "flex",
+                        alignItems: "center",
+                        gap: "var(--s-1)"
+                      },
+                      children: [index === 0 && expandable && /*#__PURE__*/(0, _jsxRuntime.jsx)(_IconButton["default"], {
+                        size: "small",
+                        "aria-label": isOpen ? collapseLabel : expandLabel,
+                        "aria-expanded": isOpen,
+                        "aria-controls": detailId,
+                        onClick: function onClick() {
+                          return toggle(id);
+                        },
+                        children: isOpen ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_KeyboardArrowUp["default"], {
+                          fontSize: "small"
+                        }) : /*#__PURE__*/(0, _jsxRuntime.jsx)(_KeyboardArrowDown["default"], {
+                          fontSize: "small"
+                        })
+                      }), resolveCell(col, row)]
+                    })
+                  }, col.key);
+                })
+              }), expandable && /*#__PURE__*/(0, _jsxRuntime.jsx)(_TableRow["default"], {
+                children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_TableCell["default"], {
+                  colSpan: masterColCount,
+                  sx: {
+                    paddingTop: 0,
+                    paddingBottom: 0
+                  },
+                  children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Collapse["default"], {
+                    id: detailId,
+                    "in": isOpen,
+                    timeout: "auto",
+                    unmountOnExit: true,
+                    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Box["default"], {
+                      sx: {
+                        paddingTop: "var(--s-3)",
+                        paddingBottom: "var(--s-3)"
+                      },
+                      children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_Table["default"], {
+                        size: "small",
+                        "aria-label": detailAria,
+                        sx: detailTableSx,
+                        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_TableHead["default"], {
+                          children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_TableRow["default"], {
+                            children: detailColumns.map(function (col) {
+                              return /*#__PURE__*/(0, _jsxRuntime.jsx)(_TableCell["default"], {
+                                align: alignOf(col),
+                                sx: col.width != null ? {
+                                  width: col.width
+                                } : {},
+                                children: col.header
+                              }, col.key);
+                            })
+                          })
+                        }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_TableBody["default"], {
+                          children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_TableRow["default"], {
+                            sx: _dataGridShared.ROW_STATIC_SX,
+                            children: detailColumns.map(function (col) {
+                              return /*#__PURE__*/(0, _jsxRuntime.jsx)(_TableCell["default"], {
+                                align: alignOf(col),
+                                sx: numericSx(col),
+                                children: resolveCell(col, row)
+                              }, col.key);
+                            })
+                          })
+                        })]
+                      })
+                    })
+                  })
+                })
+              })]
+            }, id);
+          })
+        })]
+      })
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_dataGridShared.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
+    })]
+  });
+}
+var _default = exports["default"] = CollapsibleDataGrid;
+//# sourceMappingURL=CollapsibleDataGrid.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"CollapsibleDataGrid.js","names":["React","_interopRequireWildcard","require","_Box","_interopRequireDefault","_Table","_TableHead","_TableBody","_TableRow","_TableCell","_IconButton","_Collapse","_KeyboardArrowDown","_KeyboardArrowUp","_dataGridShared","_jsxRuntime","obj","__esModule","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","_typeof","cache","has","get","newObj","hasPropertyDescriptor","Object","defineProperty","getOwnPropertyDescriptor","key","prototype","hasOwnProperty","call","desc","set","Symbol","iterator","constructor","_slicedToArray","arr","i","_arrayWithHoles","_iterableToArrayLimit","_unsupportedIterableToArray","_nonIterableRest","TypeError","o","minLen","_arrayLikeToArray","n","toString","slice","name","Array","from","test","len","length","arr2","_i","_s","_e","_x","_r","_arr","_n","_d","next","done","push","value","err","isArray","ownKeys","object","enumerableOnly","keys","getOwnPropertySymbols","symbols","filter","sym","enumerable","apply","_objectSpread","target","arguments","source","forEach","_defineProperty","getOwnPropertyDescriptors","defineProperties","_toPropertyKey","configurable","writable","arg","_toPrimitive","String","input","hint","prim","toPrimitive","undefined","res","Number","EMPTY","readCellValue","row","defaultGetRowId","id","resolveCell","col","render","getValue","alignOf","align","numeric","numericSx","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","DEFAULT_MAX_BODY_HEIGHT","L","useMemo","mergeLabels","tableAria","expandLabel","expandRow","collapseLabel","collapseRow","detailAria","rowHasDetail","useCallback","first","v","_React$useState","useState","_React$useState2","page","setPage","_React$useState3","_React$useState4","setPageSize","_React$useState5","_React$useState6","open","setOpen","total","useEffect","tableSx","TABLE_BY_DENSITY","comfortable","width","detailTableSx","compact","start","paged","masterColCount","toggle","prev","jsxs","sx","CONTAINER_SX","children","jsx","overflow","maxHeight","stickyHeader","map","position","top","zIndex","header","expandable","isOpen","Boolean","detailId","concat","Fragment","hover","ROW_STATIC_SX","index","display","alignItems","gap","size","onClick","fontSize","colSpan","paddingTop","paddingBottom","timeout","unmountOnExit","Pagination","onPageChange","onPageSizeChange","s","pagination","_default","exports"],"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":[]}

package/dist/v2/patterns/ColumnsToggle.d.ts

@@ -0,0 +1,55 @@
+import * as React from "react";
+import type { DataGridColumn } from "../types/datagrid";
+/**
+ * ColumnsToggle - Portnet UI v2 (pattern)
+ *
+ * Companion affordance for DataGrid's `hiddenColumns` prop. Renders
+ * a small toolbar button that opens a popover containing one
+ * checkbox per toggleable column. Toggling a checkbox emits the
+ * new hiddenColumns Set up to the host.
+ *
+ *   <ColumnsToggle
+ *     columns={cols}
+ *     hiddenColumns={hiddenSet}
+ *     onHiddenColumnsChange={setHiddenSet}
+ *     labels={{
+ *       button: "Colonnes",
+ *       title:  "Afficher les colonnes",
+ *       showAll: "Tout afficher",
+ *       hideAll: "Tout masquer",
+ *       countSuffix: (n) => `${n} masquée${n > 1 ? "s" : ""}`,
+ *     }}
+ *   />
+ *
+ * The host owns the columns schema, the hiddenColumns state, and
+ * the change callback. The component is pure presentation — its
+ * only internal state is the popover's anchor element.
+ *
+ * Mental model: checkbox represents VISIBILITY (checked = visible,
+ * not in hiddenSet) — avoids the double-negative trap of "checked
+ * means hidden". Matches what users expect from "show columns" UIs.
+ *
+ * `col.toggleable: false` on a column excludes it from the popover
+ * entirely — useful for identity columns or system-pinned columns
+ * that should not be user-hideable. The DataGrid itself doesn't
+ * read this flag (it filters strictly based on hiddenColumns);
+ * the flag is a contract between the host's schema and this
+ * component.
+ */
+export interface ColumnsToggleLabels {
+    button?: string | undefined;
+    title?: string | undefined;
+    showAll?: string | undefined;
+    hideAll?: string | undefined;
+    countSuffix?: ((n: number) => string) | undefined;
+}
+export interface ColumnsToggleProps {
+    columns: ReadonlyArray<Pick<DataGridColumn<unknown>, "key" | "header" | "toggleable">>;
+    hiddenColumns?: Set<string> | string[] | undefined;
+    onHiddenColumnsChange: (hidden: Set<string>) => void;
+    labels?: ColumnsToggleLabels | undefined;
+}
+export declare function extractHeaderText(node: React.ReactNode): string;
+declare function ColumnsToggle({ columns, hiddenColumns, onHiddenColumnsChange, labels, }: ColumnsToggleProps): React.JSX.Element;
+export default ColumnsToggle;
+//# sourceMappingURL=ColumnsToggle.d.ts.map

package/dist/v2/patterns/ColumnsToggle.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ColumnsToggle.d.ts","sourceRoot":"","sources":["../../../src/lib/v2/patterns/ColumnsToggle.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAQ/B,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,mBAAmB,CAAC;AAGxD;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAmCG;AAEH,MAAM,WAAW,mBAAmB;IAClC,MAAM,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IAC5B,KAAK,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IAC3B,OAAO,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IAC7B,OAAO,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IAC7B,WAAW,CAAC,EAAE,CAAC,CAAC,CAAC,EAAE,MAAM,KAAK,MAAM,CAAC,GAAG,SAAS,CAAC;CACnD;AAED,MAAM,WAAW,kBAAkB;IACjC,OAAO,EAAE,aAAa,CAAC,IAAI,CAAC,cAAc,CAAC,OAAO,CAAC,EAAE,KAAK,GAAG,QAAQ,GAAG,YAAY,CAAC,CAAC,CAAC;IACvF,aAAa,CAAC,EAAE,GAAG,CAAC,MAAM,CAAC,GAAG,MAAM,EAAE,GAAG,SAAS,CAAC;IACnD,qBAAqB,EAAE,CAAC,MAAM,EAAE,GAAG,CAAC,MAAM,CAAC,KAAK,IAAI,CAAC;IACrD,MAAM,CAAC,EAAE,mBAAmB,GAAG,SAAS,CAAC;CAC1C;AAgBD,wBAAgB,iBAAiB,CAAC,IAAI,EAAE,KAAK,CAAC,SAAS,GAAG,MAAM,CAQ/D;AAiED,iBAAS,aAAa,CAAC,EACrB,OAAO,EACP,aAAa,EACb,qBAAqB,EACrB,MAAM,GACP,EAAE,kBAAkB,qBA8JpB;AAED,eAAe,aAAa,CAAC"}