@portnet/ui 6.0.2 → 6.0.3

package/dist/esm/v2/patterns/DataGridSettingsMenu.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 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); }
-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; }
 import * as React from "react";
 import Box from "@mui/material/Box";
 import IconButton from "@mui/material/IconButton";
@@ -63,9 +51,17 @@ import { mergeLabels } from "../utils/mergeLabels";
  *   recommended when the toolbar has enough horizontal space and the
  *   affordance benefits from a named action (e.g. "Configurer").
  *   When omitted, the trigger falls back to the compact IconButton.
+ *
+ *   D-8: in that named form the button is NOT given an aria-label.
+ *   It used to carry `labels.button` as well, and aria-label wins over
+ *   visible text — so the trigger displayed "Configurer" and announced
+ *   "Options du tableau", failing WCAG 2.5.3 Label in Name and breaking
+ *   voice control ("click Configurer" matched nothing). The button's own
+ *   text now names it, so the two agree by construction. `labels.button`
+ *   still names the icon-only trigger, where it is the only naming route.
  */
 import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
-var DEFAULT_LABELS = Object.freeze({
+const DEFAULT_LABELS = Object.freeze({
   button: "Options du tableau",
   title: "Options du tableau",
   columnsHeading: "Affichage des colonnes",
@@ -81,7 +77,7 @@ var DEFAULT_LABELS = Object.freeze({
  * label-only fallback exists to keep this component crash-free.
  * (Frozen for defensiveness; typed mutable via one readonly→mutable
  * assertion since Segmented reads options and never mutates.) */
-var FALLBACK_DENSITY_OPTIONS = Object.freeze([{
+const FALLBACK_DENSITY_OPTIONS = Object.freeze([{
   value: "comfortable",
   label: "Confortable"
 }, {
@@ -91,12 +87,12 @@ var FALLBACK_DENSITY_OPTIONS = Object.freeze([{
 
 /* ── Hoisted sx (D5) ──────────────────────────────────────────────── */
 
-var POPOVER_PAPER_SX = Object.freeze({
+const POPOVER_PAPER_SX = Object.freeze({
   borderRadius: "var(--r-lg)",
   boxShadow: "var(--shadow-md)",
   border: "1px solid var(--border)"
 });
-var POPOVER_BODY_SX = Object.freeze({
+const POPOVER_BODY_SX = Object.freeze({
   padding: "var(--s-3) var(--s-4)",
   minWidth: 280,
   maxHeight: 480,
@@ -105,7 +101,7 @@ var POPOVER_BODY_SX = Object.freeze({
   flexDirection: "column",
   gap: "var(--s-2)"
 });
-var SECTION_HEADING_SX = Object.freeze({
+const SECTION_HEADING_SX = Object.freeze({
   fontSize: "var(--text-xs)",
   fontWeight: "var(--fw-semibold)",
   color: "var(--fg-muted)",
@@ -114,17 +110,17 @@ var SECTION_HEADING_SX = Object.freeze({
   paddingBottom: "var(--s-2)",
   borderBottom: "1px solid var(--border)"
 });
-var SECTION_BODY_SX = Object.freeze({
+const SECTION_BODY_SX = Object.freeze({
   display: "flex",
   flexDirection: "column",
   gap: "var(--s-1)",
   paddingTop: "var(--s-2)",
   paddingBottom: "var(--s-2)"
 });
-var SECTION_SEPARATOR_SX = Object.freeze({
+const SECTION_SEPARATOR_SX = Object.freeze({
   borderTop: "1px solid var(--border)"
 });
-var CHECKBOX_LABEL_SX = Object.freeze({
+const CHECKBOX_LABEL_SX = Object.freeze({
   marginLeft: 0,
   marginRight: 0,
   "& .MuiFormControlLabel-label": {
@@ -132,13 +128,13 @@ var CHECKBOX_LABEL_SX = Object.freeze({
     color: "var(--fg)"
   }
 });
-var COLUMNS_FOOTER_SX = Object.freeze({
+const COLUMNS_FOOTER_SX = Object.freeze({
   display: "flex",
   justifyContent: "space-between",
   gap: "var(--s-2)",
   paddingTop: "var(--s-1)"
 });
-var BADGE_SX = Object.freeze({
+const BADGE_SX = Object.freeze({
   position: "absolute",
   top: 2,
   insetInlineEnd: 2,
@@ -147,90 +143,79 @@ var BADGE_SX = Object.freeze({
   borderRadius: "var(--r-full)",
   background: "var(--accent)"
 });
-function DataGridSettingsMenu(_ref) {
-  var columns = _ref.columns,
-    hiddenColumns = _ref.hiddenColumns,
-    onHiddenColumnsChange = _ref.onHiddenColumnsChange,
-    density = _ref.density,
-    onDensityChange = _ref.onDensityChange,
-    densityOptions = _ref.densityOptions,
-    labels = _ref.labels,
-    label = _ref.label;
-  var L = mergeLabels(DEFAULT_LABELS, labels);
-  var _React$useState = React.useState(null),
-    _React$useState2 = _slicedToArray(_React$useState, 2),
-    anchor = _React$useState2[0],
-    setAnchor = _React$useState2[1];
+function DataGridSettingsMenu({
+  columns,
+  hiddenColumns,
+  onHiddenColumnsChange,
+  density,
+  onDensityChange,
+  densityOptions,
+  labels,
+  label
+}) {
+  const L = mergeLabels(DEFAULT_LABELS, labels);
+  const [anchor, setAnchor] = React.useState(null);
 
   // Normalise hiddenColumns to a Set once. Same contract as DataGrid
   // / ColumnsToggle — accepts Set or Array (or undefined).
-  var hiddenSet = React.useMemo(function () {
-    return hiddenColumns instanceof Set ? hiddenColumns : new Set(hiddenColumns || []);
-  }, [hiddenColumns]);
+  const hiddenSet = React.useMemo(() => hiddenColumns instanceof Set ? hiddenColumns : new Set(hiddenColumns || []), [hiddenColumns]);
 
   // Toggleable subset — the only columns this UI exposes. System-
   // pinned columns (col.toggleable === false) are excluded entirely.
-  var toggleableColumns = React.useMemo(function () {
-    return columns.filter(function (c) {
-      return c.toggleable !== false;
-    });
-  }, [columns]);
+  const toggleableColumns = React.useMemo(() => columns.filter(c => c.toggleable !== false), [columns]);
 
   // Count among toggleable for the trigger badge dot.
-  var hiddenCount = React.useMemo(function () {
-    return toggleableColumns.filter(function (c) {
-      return hiddenSet.has(c.key);
-    }).length;
-  }, [toggleableColumns, hiddenSet]);
+  const hiddenCount = React.useMemo(() => toggleableColumns.filter(c => hiddenSet.has(c.key)).length, [toggleableColumns, hiddenSet]);
 
   // Indicates the user has changed something from defaults — used
   // to surface a discreet badge dot on the trigger. We use a single
   // visual dot rather than a numeric badge because there are TWO
   // pref axes (columns + density) that contribute; a counter would
   // be misleading.
-  var hasCustomisation = hiddenCount > 0 || density != null && density !== "comfortable";
-  var open = Boolean(anchor);
-  var handleOpen = function handleOpen(e) {
-    return setAnchor(e.currentTarget);
-  };
-  var handleClose = function handleClose() {
-    return setAnchor(null);
-  };
-  var toggleColumn = function toggleColumn(key) {
-    var next = new Set(hiddenSet);
-    if (next.has(key)) next["delete"](key);else next.add(key);
+  const hasCustomisation = hiddenCount > 0 || density != null && density !== "comfortable";
+  const open = Boolean(anchor);
+  const handleOpen = e => setAnchor(e.currentTarget);
+  const handleClose = () => setAnchor(null);
+  const toggleColumn = key => {
+    const next = new Set(hiddenSet);
+    if (next.has(key)) next.delete(key);else next.add(key);
     onHiddenColumnsChange(next);
   };
-  var showAll = function showAll() {
-    return onHiddenColumnsChange(new Set());
-  };
-  var hideAll = function hideAll() {
-    return onHiddenColumnsChange(new Set(toggleableColumns.map(function (c) {
-      return c.key;
-    })));
-  };
-  var effectiveDensityOptions = densityOptions || FALLBACK_DENSITY_OPTIONS;
+  const showAll = () => onHiddenColumnsChange(new Set());
+  const hideAll = () => onHiddenColumnsChange(new Set(toggleableColumns.map(c => c.key)));
+  const effectiveDensityOptions = densityOptions || FALLBACK_DENSITY_OPTIONS;
 
   // MUI v9: slot bag for the Popover paper. Carries the dialog
   // ARIA contract (role + aria-label) — host-customisable via the
   // `labels.title` override. Memoised so the slotProps reference
   // stays stable when L.title is unchanged.
-  var popoverSlotProps = React.useMemo(function () {
-    return {
-      paper: {
-        sx: POPOVER_PAPER_SX,
-        role: "dialog",
-        "aria-label": L.title
-      }
-    };
-  }, [L.title]);
+  const popoverSlotProps = React.useMemo(() => ({
+    paper: {
+      sx: POPOVER_PAPER_SX,
+      role: "dialog",
+      "aria-label": L.title
+    }
+  }), [L.title]);
   return /*#__PURE__*/_jsxs(_Fragment, {
     children: [label ?
     /*#__PURE__*/
     /* Named trigger — renders a v2.Button with icon + text label.
      * Used when the toolbar benefits from an explicit action name
      * (e.g. "Configurer"). Badge dot uses absolute positioning
-     * inside the button's bounding box via sx={{ position: "relative" }}. */
+     * inside the button's bounding box via sx={{ position: "relative" }}.
+     *
+     * D-8 — NO aria-label here. It previously carried L.button, which
+     * overrides visible text as the accessible name, so the trigger
+     * showed "Configurer" and announced "Options du tableau": a WCAG
+     * 2.5.3 Label in Name failure that breaks voice control. The
+     * button's own text is the name now, so the two cannot diverge.
+     *
+     * ColumnsToggle solves the same problem by building
+     * `${button}, ${countSuffix(n)}` — an accessible name that CONTAINS
+     * the visible text. That works there because one countable axis
+     * feeds its badge. Here the badge is deliberately a dot rather than
+     * a count (two axes contribute), so there is no honest state string
+     * to append and omitting the override is the right form of the rule. */
     _jsxs(Box, {
       sx: {
         position: "relative",
@@ -244,23 +229,24 @@ function DataGridSettingsMenu(_ref) {
           fontSize: "small"
         }),
         onClick: handleOpen,
-        "aria-label": L.button,
         "aria-haspopup": "dialog",
         "aria-expanded": open,
         children: label
       }), hasCustomisation && /*#__PURE__*/_jsx(Box, {
         component: "span",
-        sx: _objectSpread(_objectSpread({}, BADGE_SX), {}, {
+        sx: {
+          ...BADGE_SX,
           top: 4,
           insetInlineEnd: 4,
           pointerEvents: "none"
-        }),
+        },
         "aria-hidden": "true"
       })]
     }) :
     /*#__PURE__*/
     /* Icon-only trigger — compact fallback for callers that don't
-     * pass a label (backward-compatible default). */
+     * pass a label (backward-compatible default). Here `L.button` IS
+     * the only naming route, which is what aria-label is for. */
     _jsxs(IconButton, {
       size: "small",
       type: "button",
@@ -305,20 +291,18 @@ function DataGridSettingsMenu(_ref) {
             children: L.columnsHeading
           }), /*#__PURE__*/_jsx(Box, {
             sx: SECTION_BODY_SX,
-            children: toggleableColumns.map(function (col) {
-              var isVisible = !hiddenSet.has(col.key);
+            children: toggleableColumns.map(col => {
+              const isVisible = !hiddenSet.has(col.key);
               // DGS-1 — accessible name = the header's visible text (reuses
               // ColumnsToggle's SET-1 extractor) so it matches the rendered
               // label (WCAG 2.5.3); only icon-only headers fall back to key.
-              var headerText = extractHeaderText(col.header).trim();
-              var labelText = headerText || col.key;
+              const headerText = extractHeaderText(col.header).trim();
+              const labelText = headerText || col.key;
               return /*#__PURE__*/_jsx(FormControlLabel, {
                 control: /*#__PURE__*/_jsx(Checkbox, {
                   size: "small",
                   checked: isVisible,
-                  onChange: function onChange() {
-                    return toggleColumn(col.key);
-                  },
+                  onChange: () => toggleColumn(col.key),
                   slotProps: {
                     input: {
                       "aria-label": labelText
@@ -357,10 +341,8 @@ function DataGridSettingsMenu(_ref) {
           }), /*#__PURE__*/_jsx(Box, {
             sx: SECTION_BODY_SX,
             children: /*#__PURE__*/_jsx(Segmented, {
-              value: density !== null && density !== void 0 ? density : "comfortable",
-              onChange: function onChange(value) {
-                return onDensityChange(value);
-              },
+              value: density ?? "comfortable",
+              onChange: value => onDensityChange(value),
               options: effectiveDensityOptions,
               size: "sm",
               "aria-label": L.densityAriaLabel

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

@@ -1 +1 @@
-{"version":3,"file":"DataGridSettingsMenu.js","names":["React","Box","IconButton","Popover","Checkbox","FormControlLabel","TuneIcon","Button","Segmented","extractHeaderText","mergeLabels","jsx","_jsx","jsxs","_jsxs","Fragment","_Fragment","DEFAULT_LABELS","Object","freeze","button","title","columnsHeading","densityHeading","showAll","hideAll","densityAriaLabel","FALLBACK_DENSITY_OPTIONS","value","label","POPOVER_PAPER_SX","borderRadius","boxShadow","border","POPOVER_BODY_SX","padding","minWidth","maxHeight","overflowY","display","flexDirection","gap","SECTION_HEADING_SX","fontSize","fontWeight","color","textTransform","letterSpacing","paddingBottom","borderBottom","SECTION_BODY_SX","paddingTop","SECTION_SEPARATOR_SX","borderTop","CHECKBOX_LABEL_SX","marginLeft","marginRight","COLUMNS_FOOTER_SX","justifyContent","BADGE_SX","position","top","insetInlineEnd","width","height","background","DataGridSettingsMenu","_ref","columns","hiddenColumns","onHiddenColumnsChange","density","onDensityChange","densityOptions","labels","L","_React$useState","useState","_React$useState2","_slicedToArray","anchor","setAnchor","hiddenSet","useMemo","Set","toggleableColumns","filter","c","toggleable","hiddenCount","has","key","length","hasCustomisation","open","Boolean","handleOpen","e","currentTarget","handleClose","toggleColumn","next","add","map","effectiveDensityOptions","popoverSlotProps","paper","sx","role","children","size","variant","type","icon","onClick","component","_objectSpread","pointerEvents","anchorEl","onClose","anchorOrigin","vertical","horizontal","transformOrigin","slotProps","col","isVisible","headerText","header","trim","labelText","control","checked","onChange","input","disabled","options"],"sources":["../../../../src/lib/v2/patterns/DataGridSettingsMenu.tsx"],"sourcesContent":["import * as React from \"react\";\r\nimport Box from \"@mui/material/Box\";\r\nimport IconButton from \"@mui/material/IconButton\";\r\nimport Popover from \"@mui/material/Popover\";\r\nimport Checkbox from \"@mui/material/Checkbox\";\r\nimport FormControlLabel from \"@mui/material/FormControlLabel\";\r\nimport TuneIcon from \"@mui/icons-material/Tune\";\r\nimport Button from \"../components/Button\";\r\nimport Segmented from \"../components/Segmented\";\r\nimport type { SegmentedOption } from \"../components/Segmented\";\r\nimport { extractHeaderText } from \"./ColumnsToggle\";\r\nimport type { SxProps, Theme } from \"@mui/material/styles\";\r\nimport type { Density } from \"../types/common\";\r\nimport type { DataGridColumn } from \"../types/datagrid\";\r\nimport { mergeLabels } from \"../utils/mergeLabels\";\r\n\r\n/**\r\n * DataGridSettingsMenu - Portnet UI v2 (pattern)\r\n *\r\n * Combined \"table options\" popover wrapping two DataGrid-adjacent\r\n * preferences: column visibility and row density. Single trigger\r\n * (Tune icon button) opens a popover with both sections inline.\r\n *\r\n *   <DataGridSettingsMenu\r\n *     columns={cols}\r\n *     hiddenColumns={hiddenSet}\r\n *     onHiddenColumnsChange={setHiddenSet}\r\n *     density={density}\r\n *     onDensityChange={setDensity}\r\n *     densityOptions={DENSITY_OPTIONS}\r\n *     label=\"Configurer\"           // optional — shows text label on trigger\r\n *   />\r\n *\r\n * Use this when the host wants BOTH affordances behind one\r\n * compact toolbar entry. For columns-only use cases, prefer the\r\n * atomic `<ColumnsToggle>` pattern.\r\n *\r\n * The component is pure presentation — host owns the state for\r\n * both columns visibility (hiddenColumns Set) and density (the\r\n * current value, typically \"comfortable\" or \"compact\").\r\n *\r\n * Mental model: checkbox represents VISIBILITY (checked = visible,\r\n * not in hiddenSet). Same contract as ColumnsToggle to avoid\r\n * cognitive load when a host switches between the two patterns.\r\n *\r\n * `col.toggleable: false` on a column excludes it from the popover\r\n * entirely — useful for identity columns or system-pinned columns\r\n * that should not be user-hideable. DataGrid itself doesn't read\r\n * this flag; it's a contract between the host schema and any\r\n * settings-UI consumer.\r\n *\r\n * `label` prop (optional string):\r\n *   When provided, the trigger becomes a v2.Button (secondary, sm)\r\n *   with the icon + text label visible in the toolbar. This is\r\n *   recommended when the toolbar has enough horizontal space and the\r\n *   affordance benefits from a named action (e.g. \"Configurer\").\r\n *   When omitted, the trigger falls back to the compact IconButton.\r\n */\r\n\r\nexport interface DataGridSettingsMenuLabels {\r\n  button?: string | undefined;\r\n  title?: string | undefined;\r\n  columnsHeading?: string | undefined;\r\n  densityHeading?: string | undefined;\r\n  showAll?: string | undefined;\r\n  hideAll?: string | undefined;\r\n  densityAriaLabel?: string | undefined;\r\n}\r\n\r\nexport interface DataGridSettingsMenuProps {\r\n  columns: ReadonlyArray<Pick<DataGridColumn<unknown>, \"key\" | \"header\" | \"toggleable\">>;\r\n  hiddenColumns?: Set<string> | string[] | undefined;\r\n  onHiddenColumnsChange: (hidden: Set<string>) => void;\r\n  density?: Density | undefined;\r\n  onDensityChange: (density: Density) => void;\r\n  densityOptions?: SegmentedOption[] | undefined;\r\n  labels?: DataGridSettingsMenuLabels | undefined;\r\n  label?: string | undefined;\r\n}\r\n\r\nconst DEFAULT_LABELS = Object.freeze({\r\n  button:           \"Options du tableau\",\r\n  title:            \"Options du tableau\",\r\n  columnsHeading:   \"Affichage des colonnes\",\r\n  densityHeading:   \"Densité d'affichage\",\r\n  showAll:          \"Tout afficher\",\r\n  hideAll:          \"Tout masquer\",\r\n  densityAriaLabel: \"Densité d'affichage\",\r\n});\r\n\r\n/* ── Default density options ─────────────────────────────────────────\r\n * Used only when the host doesn't pass its own densityOptions.\r\n * Hosts SHOULD pass an icon-laden version for visual richness; the\r\n * label-only fallback exists to keep this component crash-free.\r\n * (Frozen for defensiveness; typed mutable via one readonly→mutable\r\n * assertion since Segmented reads options and never mutates.) */\r\nconst FALLBACK_DENSITY_OPTIONS: SegmentedOption[] = Object.freeze([\r\n  { value: \"comfortable\", label: \"Confortable\" },\r\n  { value: \"compact\",     label: \"Compact\" },\r\n]) as SegmentedOption[];\r\n\r\n/* ── Hoisted sx (D5) ──────────────────────────────────────────────── */\r\n\r\nconst POPOVER_PAPER_SX = Object.freeze({\r\n  borderRadius: \"var(--r-lg)\",\r\n  boxShadow: \"var(--shadow-md)\",\r\n  border: \"1px solid var(--border)\",\r\n});\r\n\r\nconst POPOVER_BODY_SX = Object.freeze({\r\n  padding: \"var(--s-3) var(--s-4)\",\r\n  minWidth: 280,\r\n  maxHeight: 480,\r\n  overflowY: \"auto\",\r\n  display: \"flex\",\r\n  flexDirection: \"column\",\r\n  gap: \"var(--s-2)\",\r\n} satisfies SxProps<Theme>);\r\n\r\nconst SECTION_HEADING_SX = Object.freeze({\r\n  fontSize: \"var(--text-xs)\",\r\n  fontWeight: \"var(--fw-semibold)\",\r\n  color: \"var(--fg-muted)\",\r\n  textTransform: \"uppercase\",\r\n  letterSpacing: \"0.04em\",\r\n  paddingBottom: \"var(--s-2)\",\r\n  borderBottom: \"1px solid var(--border)\",\r\n} satisfies SxProps<Theme>);\r\n\r\nconst SECTION_BODY_SX = Object.freeze({\r\n  display: \"flex\",\r\n  flexDirection: \"column\",\r\n  gap: \"var(--s-1)\",\r\n  paddingTop: \"var(--s-2)\",\r\n  paddingBottom: \"var(--s-2)\",\r\n} satisfies SxProps<Theme>);\r\n\r\nconst SECTION_SEPARATOR_SX = Object.freeze({\r\n  borderTop: \"1px solid var(--border)\",\r\n});\r\n\r\nconst CHECKBOX_LABEL_SX = Object.freeze({\r\n  marginLeft: 0,\r\n  marginRight: 0,\r\n  \"& .MuiFormControlLabel-label\": {\r\n    fontSize: \"var(--text-sm)\",\r\n    color: \"var(--fg)\",\r\n  },\r\n});\r\n\r\nconst COLUMNS_FOOTER_SX = Object.freeze({\r\n  display: \"flex\",\r\n  justifyContent: \"space-between\",\r\n  gap: \"var(--s-2)\",\r\n  paddingTop: \"var(--s-1)\",\r\n} satisfies SxProps<Theme>);\r\n\r\nconst BADGE_SX = Object.freeze({\r\n  position: \"absolute\",\r\n  top: 2,\r\n  insetInlineEnd: 2,\r\n  width: 8,\r\n  height: 8,\r\n  borderRadius: \"var(--r-full)\",\r\n  background: \"var(--accent)\",\r\n} satisfies SxProps<Theme>);\r\n\r\nfunction DataGridSettingsMenu({\r\n  columns,\r\n  hiddenColumns,\r\n  onHiddenColumnsChange,\r\n  density,\r\n  onDensityChange,\r\n  densityOptions,\r\n  labels,\r\n  label,\r\n}: DataGridSettingsMenuProps) {\r\n  const L = mergeLabels(DEFAULT_LABELS, labels);\r\n  const [anchor, setAnchor] = React.useState<HTMLElement | null>(null);\r\n\r\n  // Normalise hiddenColumns to a Set once. Same contract as DataGrid\r\n  // / ColumnsToggle — accepts Set or Array (or undefined).\r\n  const hiddenSet = React.useMemo(\r\n    () =>\r\n      hiddenColumns instanceof Set\r\n        ? hiddenColumns\r\n        : new Set(hiddenColumns || []),\r\n    [hiddenColumns]\r\n  );\r\n\r\n  // Toggleable subset — the only columns this UI exposes. System-\r\n  // pinned columns (col.toggleable === false) are excluded entirely.\r\n  const toggleableColumns = React.useMemo(\r\n    () => columns.filter((c) => c.toggleable !== false),\r\n    [columns]\r\n  );\r\n\r\n  // Count among toggleable for the trigger badge dot.\r\n  const hiddenCount = React.useMemo(\r\n    () => toggleableColumns.filter((c) => hiddenSet.has(c.key)).length,\r\n    [toggleableColumns, hiddenSet]\r\n  );\r\n\r\n  // Indicates the user has changed something from defaults — used\r\n  // to surface a discreet badge dot on the trigger. We use a single\r\n  // visual dot rather than a numeric badge because there are TWO\r\n  // pref axes (columns + density) that contribute; a counter would\r\n  // be misleading.\r\n  const hasCustomisation =\r\n    hiddenCount > 0 ||\r\n    (density != null && density !== \"comfortable\");\r\n\r\n  const open = Boolean(anchor);\r\n\r\n  const handleOpen = (e: React.MouseEvent<HTMLButtonElement>) => setAnchor(e.currentTarget);\r\n  const handleClose = () => setAnchor(null);\r\n\r\n  const toggleColumn = (key: string) => {\r\n    const next = new Set(hiddenSet);\r\n    if (next.has(key)) next.delete(key);\r\n    else next.add(key);\r\n    onHiddenColumnsChange(next);\r\n  };\r\n\r\n  const showAll = () => onHiddenColumnsChange(new Set<string>());\r\n  const hideAll = () =>\r\n    onHiddenColumnsChange(new Set(toggleableColumns.map((c) => c.key)));\r\n\r\n  const effectiveDensityOptions = densityOptions || FALLBACK_DENSITY_OPTIONS;\r\n\r\n  // MUI v9: slot bag for the Popover paper. Carries the dialog\r\n  // ARIA contract (role + aria-label) — host-customisable via the\r\n  // `labels.title` override. Memoised so the slotProps reference\r\n  // stays stable when L.title is unchanged.\r\n  const popoverSlotProps = React.useMemo(\r\n    () => ({\r\n      paper: {\r\n        sx: POPOVER_PAPER_SX,\r\n        role: \"dialog\",\r\n        \"aria-label\": L.title,\r\n      },\r\n    }),\r\n    [L.title]\r\n  );\r\n\r\n  return (\r\n    <>\r\n      {label ? (\r\n        /* Named trigger — renders a v2.Button with icon + text label.\r\n         * Used when the toolbar benefits from an explicit action name\r\n         * (e.g. \"Configurer\"). Badge dot uses absolute positioning\r\n         * inside the button's bounding box via sx={{ position: \"relative\" }}. */\r\n        <Box sx={{ position: \"relative\", display: \"inline-flex\" }}>\r\n          <Button\r\n            size=\"sm\"\r\n            variant=\"secondary\"\r\n            type=\"button\"\r\n            icon={<TuneIcon fontSize=\"small\" />}\r\n            onClick={handleOpen}\r\n            aria-label={L.button}\r\n            aria-haspopup=\"dialog\"\r\n            aria-expanded={open}\r\n          >\r\n            {label}\r\n          </Button>\r\n          {hasCustomisation && (\r\n            <Box\r\n              component=\"span\"\r\n              sx={{\r\n                ...BADGE_SX,\r\n                top: 4,\r\n                insetInlineEnd: 4,\r\n                pointerEvents: \"none\",\r\n              }}\r\n              aria-hidden=\"true\"\r\n            />\r\n          )}\r\n        </Box>\r\n      ) : (\r\n        /* Icon-only trigger — compact fallback for callers that don't\r\n         * pass a label (backward-compatible default). */\r\n        <IconButton\r\n          size=\"small\"\r\n          type=\"button\"\r\n          onClick={handleOpen}\r\n          aria-label={L.button}\r\n          aria-haspopup=\"dialog\"\r\n          aria-expanded={open}\r\n          sx={{\r\n            color: \"var(--fg-muted)\",\r\n            position: \"relative\",\r\n            \"&:hover\": {\r\n              background: \"var(--bg-hover)\",\r\n              color: \"var(--fg)\",\r\n            },\r\n          }}\r\n        >\r\n          <TuneIcon fontSize=\"small\" />\r\n          {hasCustomisation && (\r\n            <Box component=\"span\" sx={BADGE_SX} aria-hidden=\"true\" />\r\n          )}\r\n        </IconButton>\r\n      )}\r\n\r\n      <Popover\r\n        open={open}\r\n        anchorEl={anchor}\r\n        onClose={handleClose}\r\n        anchorOrigin={{ vertical: \"bottom\", horizontal: \"right\" }}\r\n        transformOrigin={{ vertical: \"top\", horizontal: \"right\" }}\r\n        slotProps={popoverSlotProps}\r\n      >\r\n        <Box sx={POPOVER_BODY_SX}>\r\n          {/* ── Section: Columns ─────────────────────────────────── */}\r\n          <Box>\r\n            <Box component=\"div\" sx={SECTION_HEADING_SX}>\r\n              {L.columnsHeading}\r\n            </Box>\r\n            <Box sx={SECTION_BODY_SX}>\r\n              {toggleableColumns.map((col) => {\r\n                const isVisible = !hiddenSet.has(col.key);\r\n                // DGS-1 — accessible name = the header's visible text (reuses\r\n                // ColumnsToggle's SET-1 extractor) so it matches the rendered\r\n                // label (WCAG 2.5.3); only icon-only headers fall back to key.\r\n                const headerText = extractHeaderText(col.header).trim();\r\n                const labelText = headerText || col.key;\r\n                return (\r\n                  <FormControlLabel\r\n                    key={col.key}\r\n                    control={\r\n                      <Checkbox\r\n                        size=\"small\"\r\n                        checked={isVisible}\r\n                        onChange={() => toggleColumn(col.key)}\r\n                        slotProps={{\r\n                          input: { \"aria-label\": labelText },\r\n                        }}\r\n                      />\r\n                    }\r\n                    label={col.header}\r\n                    sx={CHECKBOX_LABEL_SX}\r\n                  />\r\n                );\r\n              })}\r\n            </Box>\r\n            <Box sx={COLUMNS_FOOTER_SX}>\r\n              <Button\r\n                size=\"sm\"\r\n                variant=\"ghost\"\r\n                type=\"button\"\r\n                onClick={showAll}\r\n                disabled={hiddenCount === 0}\r\n              >\r\n                {L.showAll}\r\n              </Button>\r\n              <Button\r\n                size=\"sm\"\r\n                variant=\"ghost\"\r\n                type=\"button\"\r\n                onClick={hideAll}\r\n                disabled={hiddenCount === toggleableColumns.length}\r\n              >\r\n                {L.hideAll}\r\n              </Button>\r\n            </Box>\r\n          </Box>\r\n\r\n          {/* ── Section separator ─────────────────────────────────── */}\r\n          <Box sx={SECTION_SEPARATOR_SX} />\r\n\r\n          {/* ── Section: Density ─────────────────────────────────── */}\r\n          <Box>\r\n            <Box component=\"div\" sx={SECTION_HEADING_SX}>\r\n              {L.densityHeading}\r\n            </Box>\r\n            <Box sx={SECTION_BODY_SX}>\r\n              <Segmented\r\n                value={density ?? \"comfortable\"}\r\n                onChange={(value) => onDensityChange(value as Density)}\r\n                options={effectiveDensityOptions}\r\n                size=\"sm\"\r\n                aria-label={L.densityAriaLabel}\r\n              />\r\n            </Box>\r\n          </Box>\r\n        </Box>\r\n      </Popover>\r\n    </>\r\n  );\r\n}\r\n\r\nexport default DataGridSettingsMenu;\r\n"],"mappings":";;;;;;;;;;;;AAAA,OAAO,KAAKA,KAAK,MAAM,OAAO;AAC9B,OAAOC,GAAG,MAAM,mBAAmB;AACnC,OAAOC,UAAU,MAAM,0BAA0B;AACjD,OAAOC,OAAO,MAAM,uBAAuB;AAC3C,OAAOC,QAAQ,MAAM,wBAAwB;AAC7C,OAAOC,gBAAgB,MAAM,gCAAgC;AAC7D,OAAOC,QAAQ,MAAM,0BAA0B;AAC/C,OAAOC,MAAM,MAAM,sBAAsB;AACzC,OAAOC,SAAS,MAAM,yBAAyB;AAE/C,SAASC,iBAAiB,QAAQ,iBAAiB;AAInD,SAASC,WAAW,QAAQ,sBAAsB;;AAElD;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;AAzCA,SAAAC,GAAA,IAAAC,IAAA,EAAAC,IAAA,IAAAC,KAAA,EAAAC,QAAA,IAAAC,SAAA;AAgEA,IAAMC,cAAc,GAAGC,MAAM,CAACC,MAAM,CAAC;EACnCC,MAAM,EAAY,oBAAoB;EACtCC,KAAK,EAAa,oBAAoB;EACtCC,cAAc,EAAI,wBAAwB;EAC1CC,cAAc,EAAI,qBAAqB;EACvCC,OAAO,EAAW,eAAe;EACjCC,OAAO,EAAW,cAAc;EAChCC,gBAAgB,EAAE;AACpB,CAAC,CAAC;;AAEF;AACA;AACA;AACA;AACA;AACA;AACA,IAAMC,wBAA2C,GAAGT,MAAM,CAACC,MAAM,CAAC,CAChE;EAAES,KAAK,EAAE,aAAa;EAAEC,KAAK,EAAE;AAAc,CAAC,EAC9C;EAAED,KAAK,EAAE,SAAS;EAAMC,KAAK,EAAE;AAAU,CAAC,CAC3C,CAAsB;;AAEvB;;AAEA,IAAMC,gBAAgB,GAAGZ,MAAM,CAACC,MAAM,CAAC;EACrCY,YAAY,EAAE,aAAa;EAC3BC,SAAS,EAAE,kBAAkB;EAC7BC,MAAM,EAAE;AACV,CAAC,CAAC;AAEF,IAAMC,eAAe,GAAGhB,MAAM,CAACC,MAAM,CAAC;EACpCgB,OAAO,EAAE,uBAAuB;EAChCC,QAAQ,EAAE,GAAG;EACbC,SAAS,EAAE,GAAG;EACdC,SAAS,EAAE,MAAM;EACjBC,OAAO,EAAE,MAAM;EACfC,aAAa,EAAE,QAAQ;EACvBC,GAAG,EAAE;AACP,CAA0B,CAAC;AAE3B,IAAMC,kBAAkB,GAAGxB,MAAM,CAACC,MAAM,CAAC;EACvCwB,QAAQ,EAAE,gBAAgB;EAC1BC,UAAU,EAAE,oBAAoB;EAChCC,KAAK,EAAE,iBAAiB;EACxBC,aAAa,EAAE,WAAW;EAC1BC,aAAa,EAAE,QAAQ;EACvBC,aAAa,EAAE,YAAY;EAC3BC,YAAY,EAAE;AAChB,CAA0B,CAAC;AAE3B,IAAMC,eAAe,GAAGhC,MAAM,CAACC,MAAM,CAAC;EACpCoB,OAAO,EAAE,MAAM;EACfC,aAAa,EAAE,QAAQ;EACvBC,GAAG,EAAE,YAAY;EACjBU,UAAU,EAAE,YAAY;EACxBH,aAAa,EAAE;AACjB,CAA0B,CAAC;AAE3B,IAAMI,oBAAoB,GAAGlC,MAAM,CAACC,MAAM,CAAC;EACzCkC,SAAS,EAAE;AACb,CAAC,CAAC;AAEF,IAAMC,iBAAiB,GAAGpC,MAAM,CAACC,MAAM,CAAC;EACtCoC,UAAU,EAAE,CAAC;EACbC,WAAW,EAAE,CAAC;EACd,8BAA8B,EAAE;IAC9Bb,QAAQ,EAAE,gBAAgB;IAC1BE,KAAK,EAAE;EACT;AACF,CAAC,CAAC;AAEF,IAAMY,iBAAiB,GAAGvC,MAAM,CAACC,MAAM,CAAC;EACtCoB,OAAO,EAAE,MAAM;EACfmB,cAAc,EAAE,eAAe;EAC/BjB,GAAG,EAAE,YAAY;EACjBU,UAAU,EAAE;AACd,CAA0B,CAAC;AAE3B,IAAMQ,QAAQ,GAAGzC,MAAM,CAACC,MAAM,CAAC;EAC7ByC,QAAQ,EAAE,UAAU;EACpBC,GAAG,EAAE,CAAC;EACNC,cAAc,EAAE,CAAC;EACjBC,KAAK,EAAE,CAAC;EACRC,MAAM,EAAE,CAAC;EACTjC,YAAY,EAAE,eAAe;EAC7BkC,UAAU,EAAE;AACd,CAA0B,CAAC;AAE3B,SAASC,oBAAoBA,CAAAC,IAAA,EASC;EAAA,IAR5BC,OAAO,GAAAD,IAAA,CAAPC,OAAO;IACPC,aAAa,GAAAF,IAAA,CAAbE,aAAa;IACbC,qBAAqB,GAAAH,IAAA,CAArBG,qBAAqB;IACrBC,OAAO,GAAAJ,IAAA,CAAPI,OAAO;IACPC,eAAe,GAAAL,IAAA,CAAfK,eAAe;IACfC,cAAc,GAAAN,IAAA,CAAdM,cAAc;IACdC,MAAM,GAAAP,IAAA,CAANO,MAAM;IACN7C,KAAK,GAAAsC,IAAA,CAALtC,KAAK;EAEL,IAAM8C,CAAC,GAAGjE,WAAW,CAACO,cAAc,EAAEyD,MAAM,CAAC;EAC7C,IAAAE,eAAA,GAA4B5E,KAAK,CAAC6E,QAAQ,CAAqB,IAAI,CAAC;IAAAC,gBAAA,GAAAC,cAAA,CAAAH,eAAA;IAA7DI,MAAM,GAAAF,gBAAA;IAAEG,SAAS,GAAAH,gBAAA;;EAExB;EACA;EACA,IAAMI,SAAS,GAAGlF,KAAK,CAACmF,OAAO,CAC7B;IAAA,OACEd,aAAa,YAAYe,GAAG,GACxBf,aAAa,GACb,IAAIe,GAAG,CAACf,aAAa,IAAI,EAAE,CAAC;EAAA,GAClC,CAACA,aAAa,CAChB,CAAC;;EAED;EACA;EACA,IAAMgB,iBAAiB,GAAGrF,KAAK,CAACmF,OAAO,CACrC;IAAA,OAAMf,OAAO,CAACkB,MAAM,CAAC,UAACC,CAAC;MAAA,OAAKA,CAAC,CAACC,UAAU,KAAK,KAAK;IAAA,EAAC;EAAA,GACnD,CAACpB,OAAO,CACV,CAAC;;EAED;EACA,IAAMqB,WAAW,GAAGzF,KAAK,CAACmF,OAAO,CAC/B;IAAA,OAAME,iBAAiB,CAACC,MAAM,CAAC,UAACC,CAAC;MAAA,OAAKL,SAAS,CAACQ,GAAG,CAACH,CAAC,CAACI,GAAG,CAAC;IAAA,EAAC,CAACC,MAAM;EAAA,GAClE,CAACP,iBAAiB,EAAEH,SAAS,CAC/B,CAAC;;EAED;EACA;EACA;EACA;EACA;EACA,IAAMW,gBAAgB,GACpBJ,WAAW,GAAG,CAAC,IACdlB,OAAO,IAAI,IAAI,IAAIA,OAAO,KAAK,aAAc;EAEhD,IAAMuB,IAAI,GAAGC,OAAO,CAACf,MAAM,CAAC;EAE5B,IAAMgB,UAAU,GAAG,SAAbA,UAAUA,CAAIC,CAAsC;IAAA,OAAKhB,SAAS,CAACgB,CAAC,CAACC,aAAa,CAAC;EAAA;EACzF,IAAMC,WAAW,GAAG,SAAdA,WAAWA,CAAA;IAAA,OAASlB,SAAS,CAAC,IAAI,CAAC;EAAA;EAEzC,IAAMmB,YAAY,GAAG,SAAfA,YAAYA,CAAIT,GAAW,EAAK;IACpC,IAAMU,IAAI,GAAG,IAAIjB,GAAG,CAACF,SAAS,CAAC;IAC/B,IAAImB,IAAI,CAACX,GAAG,CAACC,GAAG,CAAC,EAAEU,IAAI,UAAO,CAACV,GAAG,CAAC,CAAC,KAC/BU,IAAI,CAACC,GAAG,CAACX,GAAG,CAAC;IAClBrB,qBAAqB,CAAC+B,IAAI,CAAC;EAC7B,CAAC;EAED,IAAM7E,OAAO,GAAG,SAAVA,OAAOA,CAAA;IAAA,OAAS8C,qBAAqB,CAAC,IAAIc,GAAG,CAAS,CAAC,CAAC;EAAA;EAC9D,IAAM3D,OAAO,GAAG,SAAVA,OAAOA,CAAA;IAAA,OACX6C,qBAAqB,CAAC,IAAIc,GAAG,CAACC,iBAAiB,CAACkB,GAAG,CAAC,UAAChB,CAAC;MAAA,OAAKA,CAAC,CAACI,GAAG;IAAA,EAAC,CAAC,CAAC;EAAA;EAErE,IAAMa,uBAAuB,GAAG/B,cAAc,IAAI9C,wBAAwB;;EAE1E;EACA;EACA;EACA;EACA,IAAM8E,gBAAgB,GAAGzG,KAAK,CAACmF,OAAO,CACpC;IAAA,OAAO;MACLuB,KAAK,EAAE;QACLC,EAAE,EAAE7E,gBAAgB;QACpB8E,IAAI,EAAE,QAAQ;QACd,YAAY,EAAEjC,CAAC,CAACtD;MAClB;IACF,CAAC;EAAA,CAAC,EACF,CAACsD,CAAC,CAACtD,KAAK,CACV,CAAC;EAED,oBACEP,KAAA,CAAAE,SAAA;IAAA6F,QAAA,GACGhF,KAAK;IAAA;IACJ;AACR;AACA;AACA;IACQf,KAAA,CAACb,GAAG;MAAC0G,EAAE,EAAE;QAAE/C,QAAQ,EAAE,UAAU;QAAErB,OAAO,EAAE;MAAc,CAAE;MAAAsE,QAAA,gBACxDjG,IAAA,CAACL,MAAM;QACLuG,IAAI,EAAC,IAAI;QACTC,OAAO,EAAC,WAAW;QACnBC,IAAI,EAAC,QAAQ;QACbC,IAAI,eAAErG,IAAA,CAACN,QAAQ;UAACqC,QAAQ,EAAC;QAAO,CAAE,CAAE;QACpCuE,OAAO,EAAElB,UAAW;QACpB,cAAYrB,CAAC,CAACvD,MAAO;QACrB,iBAAc,QAAQ;QACtB,iBAAe0E,IAAK;QAAAe,QAAA,EAEnBhF;MAAK,CACA,CAAC,EACRgE,gBAAgB,iBACfjF,IAAA,CAACX,GAAG;QACFkH,SAAS,EAAC,MAAM;QAChBR,EAAE,EAAAS,aAAA,CAAAA,aAAA,KACGzD,QAAQ;UACXE,GAAG,EAAE,CAAC;UACNC,cAAc,EAAE,CAAC;UACjBuD,aAAa,EAAE;QAAM,EACrB;QACF,eAAY;MAAM,CACnB,CACF;IAAA,CACE,CAAC;IAAA;IAEN;AACR;IACQvG,KAAA,CAACZ,UAAU;MACT4G,IAAI,EAAC,OAAO;MACZE,IAAI,EAAC,QAAQ;MACbE,OAAO,EAAElB,UAAW;MACpB,cAAYrB,CAAC,CAACvD,MAAO;MACrB,iBAAc,QAAQ;MACtB,iBAAe0E,IAAK;MACpBa,EAAE,EAAE;QACF9D,KAAK,EAAE,iBAAiB;QACxBe,QAAQ,EAAE,UAAU;QACpB,SAAS,EAAE;UACTK,UAAU,EAAE,iBAAiB;UAC7BpB,KAAK,EAAE;QACT;MACF,CAAE;MAAAgE,QAAA,gBAEFjG,IAAA,CAACN,QAAQ;QAACqC,QAAQ,EAAC;MAAO,CAAE,CAAC,EAC5BkD,gBAAgB,iBACfjF,IAAA,CAACX,GAAG;QAACkH,SAAS,EAAC,MAAM;QAACR,EAAE,EAAEhD,QAAS;QAAC,eAAY;MAAM,CAAE,CACzD;IAAA,CACS,CACb,eAED/C,IAAA,CAACT,OAAO;MACN2F,IAAI,EAAEA,IAAK;MACXwB,QAAQ,EAAEtC,MAAO;MACjBuC,OAAO,EAAEpB,WAAY;MACrBqB,YAAY,EAAE;QAAEC,QAAQ,EAAE,QAAQ;QAAEC,UAAU,EAAE;MAAQ,CAAE;MAC1DC,eAAe,EAAE;QAAEF,QAAQ,EAAE,KAAK;QAAEC,UAAU,EAAE;MAAQ,CAAE;MAC1DE,SAAS,EAAEnB,gBAAiB;MAAAI,QAAA,eAE5B/F,KAAA,CAACb,GAAG;QAAC0G,EAAE,EAAEzE,eAAgB;QAAA2E,QAAA,gBAEvB/F,KAAA,CAACb,GAAG;UAAA4G,QAAA,gBACFjG,IAAA,CAACX,GAAG;YAACkH,SAAS,EAAC,KAAK;YAACR,EAAE,EAAEjE,kBAAmB;YAAAmE,QAAA,EACzClC,CAAC,CAACrD;UAAc,CACd,CAAC,eACNV,IAAA,CAACX,GAAG;YAAC0G,EAAE,EAAEzD,eAAgB;YAAA2D,QAAA,EACtBxB,iBAAiB,CAACkB,GAAG,CAAC,UAACsB,GAAG,EAAK;cAC9B,IAAMC,SAAS,GAAG,CAAC5C,SAAS,CAACQ,GAAG,CAACmC,GAAG,CAAClC,GAAG,CAAC;cACzC;cACA;cACA;cACA,IAAMoC,UAAU,GAAGtH,iBAAiB,CAACoH,GAAG,CAACG,MAAM,CAAC,CAACC,IAAI,CAAC,CAAC;cACvD,IAAMC,SAAS,GAAGH,UAAU,IAAIF,GAAG,CAAClC,GAAG;cACvC,oBACE/E,IAAA,CAACP,gBAAgB;gBAEf8H,OAAO,eACLvH,IAAA,CAACR,QAAQ;kBACP0G,IAAI,EAAC,OAAO;kBACZsB,OAAO,EAAEN,SAAU;kBACnBO,QAAQ,EAAE,SAAAA,SAAA;oBAAA,OAAMjC,YAAY,CAACyB,GAAG,CAAClC,GAAG,CAAC;kBAAA,CAAC;kBACtCiC,SAAS,EAAE;oBACTU,KAAK,EAAE;sBAAE,YAAY,EAAEJ;oBAAU;kBACnC;gBAAE,CACH,CACF;gBACDrG,KAAK,EAAEgG,GAAG,CAACG,MAAO;gBAClBrB,EAAE,EAAErD;cAAkB,GAZjBuE,GAAG,CAAClC,GAaV,CAAC;YAEN,CAAC;UAAC,CACC,CAAC,eACN7E,KAAA,CAACb,GAAG;YAAC0G,EAAE,EAAElD,iBAAkB;YAAAoD,QAAA,gBACzBjG,IAAA,CAACL,MAAM;cACLuG,IAAI,EAAC,IAAI;cACTC,OAAO,EAAC,OAAO;cACfC,IAAI,EAAC,QAAQ;cACbE,OAAO,EAAE1F,OAAQ;cACjB+G,QAAQ,EAAE9C,WAAW,KAAK,CAAE;cAAAoB,QAAA,EAE3BlC,CAAC,CAACnD;YAAO,CACJ,CAAC,eACTZ,IAAA,CAACL,MAAM;cACLuG,IAAI,EAAC,IAAI;cACTC,OAAO,EAAC,OAAO;cACfC,IAAI,EAAC,QAAQ;cACbE,OAAO,EAAEzF,OAAQ;cACjB8G,QAAQ,EAAE9C,WAAW,KAAKJ,iBAAiB,CAACO,MAAO;cAAAiB,QAAA,EAElDlC,CAAC,CAAClD;YAAO,CACJ,CAAC;UAAA,CACN,CAAC;QAAA,CACH,CAAC,eAGNb,IAAA,CAACX,GAAG;UAAC0G,EAAE,EAAEvD;QAAqB,CAAE,CAAC,eAGjCtC,KAAA,CAACb,GAAG;UAAA4G,QAAA,gBACFjG,IAAA,CAACX,GAAG;YAACkH,SAAS,EAAC,KAAK;YAACR,EAAE,EAAEjE,kBAAmB;YAAAmE,QAAA,EACzClC,CAAC,CAACpD;UAAc,CACd,CAAC,eACNX,IAAA,CAACX,GAAG;YAAC0G,EAAE,EAAEzD,eAAgB;YAAA2D,QAAA,eACvBjG,IAAA,CAACJ,SAAS;cACRoB,KAAK,EAAE2C,OAAO,aAAPA,OAAO,cAAPA,OAAO,GAAI,aAAc;cAChC8D,QAAQ,EAAE,SAAAA,SAACzG,KAAK;gBAAA,OAAK4C,eAAe,CAAC5C,KAAgB,CAAC;cAAA,CAAC;cACvD4G,OAAO,EAAEhC,uBAAwB;cACjCM,IAAI,EAAC,IAAI;cACT,cAAYnC,CAAC,CAACjD;YAAiB,CAChC;UAAC,CACC,CAAC;QAAA,CACH,CAAC;MAAA,CACH;IAAC,CACC,CAAC;EAAA,CACV,CAAC;AAEP;AAEA,eAAewC,oBAAoB","ignoreList":[]}
+{"version":3,"file":"DataGridSettingsMenu.js","names":["React","Box","IconButton","Popover","Checkbox","FormControlLabel","TuneIcon","Button","Segmented","extractHeaderText","mergeLabels","jsx","_jsx","jsxs","_jsxs","Fragment","_Fragment","DEFAULT_LABELS","Object","freeze","button","title","columnsHeading","densityHeading","showAll","hideAll","densityAriaLabel","FALLBACK_DENSITY_OPTIONS","value","label","POPOVER_PAPER_SX","borderRadius","boxShadow","border","POPOVER_BODY_SX","padding","minWidth","maxHeight","overflowY","display","flexDirection","gap","SECTION_HEADING_SX","fontSize","fontWeight","color","textTransform","letterSpacing","paddingBottom","borderBottom","SECTION_BODY_SX","paddingTop","SECTION_SEPARATOR_SX","borderTop","CHECKBOX_LABEL_SX","marginLeft","marginRight","COLUMNS_FOOTER_SX","justifyContent","BADGE_SX","position","top","insetInlineEnd","width","height","background","DataGridSettingsMenu","columns","hiddenColumns","onHiddenColumnsChange","density","onDensityChange","densityOptions","labels","L","anchor","setAnchor","useState","hiddenSet","useMemo","Set","toggleableColumns","filter","c","toggleable","hiddenCount","has","key","length","hasCustomisation","open","Boolean","handleOpen","e","currentTarget","handleClose","toggleColumn","next","delete","add","map","effectiveDensityOptions","popoverSlotProps","paper","sx","role","children","size","variant","type","icon","onClick","component","pointerEvents","anchorEl","onClose","anchorOrigin","vertical","horizontal","transformOrigin","slotProps","col","isVisible","headerText","header","trim","labelText","control","checked","onChange","input","disabled","options"],"sources":["../../../../src/lib/v2/patterns/DataGridSettingsMenu.tsx"],"sourcesContent":["import * as React from \"react\";\r\nimport Box from \"@mui/material/Box\";\r\nimport IconButton from \"@mui/material/IconButton\";\r\nimport Popover from \"@mui/material/Popover\";\r\nimport Checkbox from \"@mui/material/Checkbox\";\r\nimport FormControlLabel from \"@mui/material/FormControlLabel\";\r\nimport TuneIcon from \"@mui/icons-material/Tune\";\r\nimport Button from \"../components/Button\";\r\nimport Segmented from \"../components/Segmented\";\r\nimport type { SegmentedOption } from \"../components/Segmented\";\r\nimport { extractHeaderText } from \"./ColumnsToggle\";\r\nimport type { SxProps, Theme } from \"@mui/material/styles\";\r\nimport type { Density } from \"../types/common\";\r\nimport type { DataGridColumn } from \"../types/datagrid\";\r\nimport { mergeLabels } from \"../utils/mergeLabels\";\r\n\r\n/**\r\n * DataGridSettingsMenu - Portnet UI v2 (pattern)\r\n *\r\n * Combined \"table options\" popover wrapping two DataGrid-adjacent\r\n * preferences: column visibility and row density. Single trigger\r\n * (Tune icon button) opens a popover with both sections inline.\r\n *\r\n *   <DataGridSettingsMenu\r\n *     columns={cols}\r\n *     hiddenColumns={hiddenSet}\r\n *     onHiddenColumnsChange={setHiddenSet}\r\n *     density={density}\r\n *     onDensityChange={setDensity}\r\n *     densityOptions={DENSITY_OPTIONS}\r\n *     label=\"Configurer\"           // optional — shows text label on trigger\r\n *   />\r\n *\r\n * Use this when the host wants BOTH affordances behind one\r\n * compact toolbar entry. For columns-only use cases, prefer the\r\n * atomic `<ColumnsToggle>` pattern.\r\n *\r\n * The component is pure presentation — host owns the state for\r\n * both columns visibility (hiddenColumns Set) and density (the\r\n * current value, typically \"comfortable\" or \"compact\").\r\n *\r\n * Mental model: checkbox represents VISIBILITY (checked = visible,\r\n * not in hiddenSet). Same contract as ColumnsToggle to avoid\r\n * cognitive load when a host switches between the two patterns.\r\n *\r\n * `col.toggleable: false` on a column excludes it from the popover\r\n * entirely — useful for identity columns or system-pinned columns\r\n * that should not be user-hideable. DataGrid itself doesn't read\r\n * this flag; it's a contract between the host schema and any\r\n * settings-UI consumer.\r\n *\r\n * `label` prop (optional string):\r\n *   When provided, the trigger becomes a v2.Button (secondary, sm)\r\n *   with the icon + text label visible in the toolbar. This is\r\n *   recommended when the toolbar has enough horizontal space and the\r\n *   affordance benefits from a named action (e.g. \"Configurer\").\r\n *   When omitted, the trigger falls back to the compact IconButton.\r\n *\r\n *   D-8: in that named form the button is NOT given an aria-label.\r\n *   It used to carry `labels.button` as well, and aria-label wins over\r\n *   visible text — so the trigger displayed \"Configurer\" and announced\r\n *   \"Options du tableau\", failing WCAG 2.5.3 Label in Name and breaking\r\n *   voice control (\"click Configurer\" matched nothing). The button's own\r\n *   text now names it, so the two agree by construction. `labels.button`\r\n *   still names the icon-only trigger, where it is the only naming route.\r\n */\r\n\r\nexport interface DataGridSettingsMenuLabels {\r\n  /**\r\n   * Accessible name of the ICON-ONLY trigger. Not applied when `label` is\r\n   * passed — there the visible text is the name (D-8).\r\n   */\r\n  button?: string | undefined;\r\n  title?: string | undefined;\r\n  columnsHeading?: string | undefined;\r\n  densityHeading?: string | undefined;\r\n  showAll?: string | undefined;\r\n  hideAll?: string | undefined;\r\n  densityAriaLabel?: string | undefined;\r\n}\r\n\r\nexport interface DataGridSettingsMenuProps {\r\n  columns: ReadonlyArray<Pick<DataGridColumn<unknown>, \"key\" | \"header\" | \"toggleable\">>;\r\n  hiddenColumns?: Set<string> | string[] | undefined;\r\n  onHiddenColumnsChange: (hidden: Set<string>) => void;\r\n  density?: Density | undefined;\r\n  onDensityChange: (density: Density) => void;\r\n  densityOptions?: SegmentedOption[] | undefined;\r\n  labels?: DataGridSettingsMenuLabels | undefined;\r\n  label?: string | undefined;\r\n}\r\n\r\nconst DEFAULT_LABELS = Object.freeze({\r\n  button:           \"Options du tableau\",\r\n  title:            \"Options du tableau\",\r\n  columnsHeading:   \"Affichage des colonnes\",\r\n  densityHeading:   \"Densité d'affichage\",\r\n  showAll:          \"Tout afficher\",\r\n  hideAll:          \"Tout masquer\",\r\n  densityAriaLabel: \"Densité d'affichage\",\r\n});\r\n\r\n/* ── Default density options ─────────────────────────────────────────\r\n * Used only when the host doesn't pass its own densityOptions.\r\n * Hosts SHOULD pass an icon-laden version for visual richness; the\r\n * label-only fallback exists to keep this component crash-free.\r\n * (Frozen for defensiveness; typed mutable via one readonly→mutable\r\n * assertion since Segmented reads options and never mutates.) */\r\nconst FALLBACK_DENSITY_OPTIONS: SegmentedOption[] = Object.freeze([\r\n  { value: \"comfortable\", label: \"Confortable\" },\r\n  { value: \"compact\",     label: \"Compact\" },\r\n]) as SegmentedOption[];\r\n\r\n/* ── Hoisted sx (D5) ──────────────────────────────────────────────── */\r\n\r\nconst POPOVER_PAPER_SX = Object.freeze({\r\n  borderRadius: \"var(--r-lg)\",\r\n  boxShadow: \"var(--shadow-md)\",\r\n  border: \"1px solid var(--border)\",\r\n});\r\n\r\nconst POPOVER_BODY_SX = Object.freeze({\r\n  padding: \"var(--s-3) var(--s-4)\",\r\n  minWidth: 280,\r\n  maxHeight: 480,\r\n  overflowY: \"auto\",\r\n  display: \"flex\",\r\n  flexDirection: \"column\",\r\n  gap: \"var(--s-2)\",\r\n} satisfies SxProps<Theme>);\r\n\r\nconst SECTION_HEADING_SX = Object.freeze({\r\n  fontSize: \"var(--text-xs)\",\r\n  fontWeight: \"var(--fw-semibold)\",\r\n  color: \"var(--fg-muted)\",\r\n  textTransform: \"uppercase\",\r\n  letterSpacing: \"0.04em\",\r\n  paddingBottom: \"var(--s-2)\",\r\n  borderBottom: \"1px solid var(--border)\",\r\n} satisfies SxProps<Theme>);\r\n\r\nconst SECTION_BODY_SX = Object.freeze({\r\n  display: \"flex\",\r\n  flexDirection: \"column\",\r\n  gap: \"var(--s-1)\",\r\n  paddingTop: \"var(--s-2)\",\r\n  paddingBottom: \"var(--s-2)\",\r\n} satisfies SxProps<Theme>);\r\n\r\nconst SECTION_SEPARATOR_SX = Object.freeze({\r\n  borderTop: \"1px solid var(--border)\",\r\n});\r\n\r\nconst CHECKBOX_LABEL_SX = Object.freeze({\r\n  marginLeft: 0,\r\n  marginRight: 0,\r\n  \"& .MuiFormControlLabel-label\": {\r\n    fontSize: \"var(--text-sm)\",\r\n    color: \"var(--fg)\",\r\n  },\r\n});\r\n\r\nconst COLUMNS_FOOTER_SX = Object.freeze({\r\n  display: \"flex\",\r\n  justifyContent: \"space-between\",\r\n  gap: \"var(--s-2)\",\r\n  paddingTop: \"var(--s-1)\",\r\n} satisfies SxProps<Theme>);\r\n\r\nconst BADGE_SX = Object.freeze({\r\n  position: \"absolute\",\r\n  top: 2,\r\n  insetInlineEnd: 2,\r\n  width: 8,\r\n  height: 8,\r\n  borderRadius: \"var(--r-full)\",\r\n  background: \"var(--accent)\",\r\n} satisfies SxProps<Theme>);\r\n\r\nfunction DataGridSettingsMenu({\r\n  columns,\r\n  hiddenColumns,\r\n  onHiddenColumnsChange,\r\n  density,\r\n  onDensityChange,\r\n  densityOptions,\r\n  labels,\r\n  label,\r\n}: DataGridSettingsMenuProps) {\r\n  const L = mergeLabels(DEFAULT_LABELS, labels);\r\n  const [anchor, setAnchor] = React.useState<HTMLElement | null>(null);\r\n\r\n  // Normalise hiddenColumns to a Set once. Same contract as DataGrid\r\n  // / ColumnsToggle — accepts Set or Array (or undefined).\r\n  const hiddenSet = React.useMemo(\r\n    () =>\r\n      hiddenColumns instanceof Set\r\n        ? hiddenColumns\r\n        : new Set(hiddenColumns || []),\r\n    [hiddenColumns]\r\n  );\r\n\r\n  // Toggleable subset — the only columns this UI exposes. System-\r\n  // pinned columns (col.toggleable === false) are excluded entirely.\r\n  const toggleableColumns = React.useMemo(\r\n    () => columns.filter((c) => c.toggleable !== false),\r\n    [columns]\r\n  );\r\n\r\n  // Count among toggleable for the trigger badge dot.\r\n  const hiddenCount = React.useMemo(\r\n    () => toggleableColumns.filter((c) => hiddenSet.has(c.key)).length,\r\n    [toggleableColumns, hiddenSet]\r\n  );\r\n\r\n  // Indicates the user has changed something from defaults — used\r\n  // to surface a discreet badge dot on the trigger. We use a single\r\n  // visual dot rather than a numeric badge because there are TWO\r\n  // pref axes (columns + density) that contribute; a counter would\r\n  // be misleading.\r\n  const hasCustomisation =\r\n    hiddenCount > 0 ||\r\n    (density != null && density !== \"comfortable\");\r\n\r\n  const open = Boolean(anchor);\r\n\r\n  const handleOpen = (e: React.MouseEvent<HTMLButtonElement>) => setAnchor(e.currentTarget);\r\n  const handleClose = () => setAnchor(null);\r\n\r\n  const toggleColumn = (key: string) => {\r\n    const next = new Set(hiddenSet);\r\n    if (next.has(key)) next.delete(key);\r\n    else next.add(key);\r\n    onHiddenColumnsChange(next);\r\n  };\r\n\r\n  const showAll = () => onHiddenColumnsChange(new Set<string>());\r\n  const hideAll = () =>\r\n    onHiddenColumnsChange(new Set(toggleableColumns.map((c) => c.key)));\r\n\r\n  const effectiveDensityOptions = densityOptions || FALLBACK_DENSITY_OPTIONS;\r\n\r\n  // MUI v9: slot bag for the Popover paper. Carries the dialog\r\n  // ARIA contract (role + aria-label) — host-customisable via the\r\n  // `labels.title` override. Memoised so the slotProps reference\r\n  // stays stable when L.title is unchanged.\r\n  const popoverSlotProps = React.useMemo(\r\n    () => ({\r\n      paper: {\r\n        sx: POPOVER_PAPER_SX,\r\n        role: \"dialog\",\r\n        \"aria-label\": L.title,\r\n      },\r\n    }),\r\n    [L.title]\r\n  );\r\n\r\n  return (\r\n    <>\r\n      {label ? (\r\n        /* Named trigger — renders a v2.Button with icon + text label.\r\n         * Used when the toolbar benefits from an explicit action name\r\n         * (e.g. \"Configurer\"). Badge dot uses absolute positioning\r\n         * inside the button's bounding box via sx={{ position: \"relative\" }}.\r\n         *\r\n         * D-8 — NO aria-label here. It previously carried L.button, which\r\n         * overrides visible text as the accessible name, so the trigger\r\n         * showed \"Configurer\" and announced \"Options du tableau\": a WCAG\r\n         * 2.5.3 Label in Name failure that breaks voice control. The\r\n         * button's own text is the name now, so the two cannot diverge.\r\n         *\r\n         * ColumnsToggle solves the same problem by building\r\n         * `${button}, ${countSuffix(n)}` — an accessible name that CONTAINS\r\n         * the visible text. That works there because one countable axis\r\n         * feeds its badge. Here the badge is deliberately a dot rather than\r\n         * a count (two axes contribute), so there is no honest state string\r\n         * to append and omitting the override is the right form of the rule. */\r\n        <Box sx={{ position: \"relative\", display: \"inline-flex\" }}>\r\n          <Button\r\n            size=\"sm\"\r\n            variant=\"secondary\"\r\n            type=\"button\"\r\n            icon={<TuneIcon fontSize=\"small\" />}\r\n            onClick={handleOpen}\r\n            aria-haspopup=\"dialog\"\r\n            aria-expanded={open}\r\n          >\r\n            {label}\r\n          </Button>\r\n          {hasCustomisation && (\r\n            <Box\r\n              component=\"span\"\r\n              sx={{\r\n                ...BADGE_SX,\r\n                top: 4,\r\n                insetInlineEnd: 4,\r\n                pointerEvents: \"none\",\r\n              }}\r\n              aria-hidden=\"true\"\r\n            />\r\n          )}\r\n        </Box>\r\n      ) : (\r\n        /* Icon-only trigger — compact fallback for callers that don't\r\n         * pass a label (backward-compatible default). Here `L.button` IS\r\n         * the only naming route, which is what aria-label is for. */\r\n        <IconButton\r\n          size=\"small\"\r\n          type=\"button\"\r\n          onClick={handleOpen}\r\n          aria-label={L.button}\r\n          aria-haspopup=\"dialog\"\r\n          aria-expanded={open}\r\n          sx={{\r\n            color: \"var(--fg-muted)\",\r\n            position: \"relative\",\r\n            \"&:hover\": {\r\n              background: \"var(--bg-hover)\",\r\n              color: \"var(--fg)\",\r\n            },\r\n          }}\r\n        >\r\n          <TuneIcon fontSize=\"small\" />\r\n          {hasCustomisation && (\r\n            <Box component=\"span\" sx={BADGE_SX} aria-hidden=\"true\" />\r\n          )}\r\n        </IconButton>\r\n      )}\r\n\r\n      <Popover\r\n        open={open}\r\n        anchorEl={anchor}\r\n        onClose={handleClose}\r\n        anchorOrigin={{ vertical: \"bottom\", horizontal: \"right\" }}\r\n        transformOrigin={{ vertical: \"top\", horizontal: \"right\" }}\r\n        slotProps={popoverSlotProps}\r\n      >\r\n        <Box sx={POPOVER_BODY_SX}>\r\n          {/* ── Section: Columns ─────────────────────────────────── */}\r\n          <Box>\r\n            <Box component=\"div\" sx={SECTION_HEADING_SX}>\r\n              {L.columnsHeading}\r\n            </Box>\r\n            <Box sx={SECTION_BODY_SX}>\r\n              {toggleableColumns.map((col) => {\r\n                const isVisible = !hiddenSet.has(col.key);\r\n                // DGS-1 — accessible name = the header's visible text (reuses\r\n                // ColumnsToggle's SET-1 extractor) so it matches the rendered\r\n                // label (WCAG 2.5.3); only icon-only headers fall back to key.\r\n                const headerText = extractHeaderText(col.header).trim();\r\n                const labelText = headerText || col.key;\r\n                return (\r\n                  <FormControlLabel\r\n                    key={col.key}\r\n                    control={\r\n                      <Checkbox\r\n                        size=\"small\"\r\n                        checked={isVisible}\r\n                        onChange={() => toggleColumn(col.key)}\r\n                        slotProps={{\r\n                          input: { \"aria-label\": labelText },\r\n                        }}\r\n                      />\r\n                    }\r\n                    label={col.header}\r\n                    sx={CHECKBOX_LABEL_SX}\r\n                  />\r\n                );\r\n              })}\r\n            </Box>\r\n            <Box sx={COLUMNS_FOOTER_SX}>\r\n              <Button\r\n                size=\"sm\"\r\n                variant=\"ghost\"\r\n                type=\"button\"\r\n                onClick={showAll}\r\n                disabled={hiddenCount === 0}\r\n              >\r\n                {L.showAll}\r\n              </Button>\r\n              <Button\r\n                size=\"sm\"\r\n                variant=\"ghost\"\r\n                type=\"button\"\r\n                onClick={hideAll}\r\n                disabled={hiddenCount === toggleableColumns.length}\r\n              >\r\n                {L.hideAll}\r\n              </Button>\r\n            </Box>\r\n          </Box>\r\n\r\n          {/* ── Section separator ─────────────────────────────────── */}\r\n          <Box sx={SECTION_SEPARATOR_SX} />\r\n\r\n          {/* ── Section: Density ─────────────────────────────────── */}\r\n          <Box>\r\n            <Box component=\"div\" sx={SECTION_HEADING_SX}>\r\n              {L.densityHeading}\r\n            </Box>\r\n            <Box sx={SECTION_BODY_SX}>\r\n              <Segmented\r\n                value={density ?? \"comfortable\"}\r\n                onChange={(value) => onDensityChange(value as Density)}\r\n                options={effectiveDensityOptions}\r\n                size=\"sm\"\r\n                aria-label={L.densityAriaLabel}\r\n              />\r\n            </Box>\r\n          </Box>\r\n        </Box>\r\n      </Popover>\r\n    </>\r\n  );\r\n}\r\n\r\nexport default DataGridSettingsMenu;\r\n"],"mappings":"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","ignoreList":[]}