@portnet/ui 5.0.32 → 6.0.1

package/dist/v2/patterns/ColumnsToggle.js

@@ -0,0 +1,310 @@
+"use strict";
+
+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); }
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+exports.extractHeaderText = extractHeaderText;
+var React = _interopRequireWildcard(require("react"));
+var _Box = _interopRequireDefault(require("@mui/material/Box"));
+var _Popover = _interopRequireDefault(require("@mui/material/Popover"));
+var _Checkbox = _interopRequireDefault(require("@mui/material/Checkbox"));
+var _FormControlLabel = _interopRequireDefault(require("@mui/material/FormControlLabel"));
+var _ViewColumn = _interopRequireDefault(require("@mui/icons-material/ViewColumn"));
+var _Button = _interopRequireDefault(require("../components/Button"));
+var _mergeLabels = require("../utils/mergeLabels");
+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 _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; } /**
+ * 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.
+ */
+var DEFAULT_LABELS = Object.freeze({
+  button: "Colonnes",
+  title: "Afficher les colonnes",
+  showAll: "Tout afficher",
+  hideAll: "Tout masquer",
+  countSuffix: function countSuffix(n) {
+    return "".concat(n, " masqu\xE9e").concat(n > 1 ? "s" : "");
+  }
+});
+
+/* SET-1 — Best-effort plain-text extraction from a column header node, used to
+ * build the visibility checkbox's accessible name. A JSX header (icon + text)
+ * would otherwise fall back to the machine `col.key`, making the accessible
+ * name diverge from the visible label (WCAG 2.5.3, label in name). Same shape
+ * as the Chip/Tooltip text extractors; returns "" for icon-only headers.
+ * Exported so DataGridSettingsMenu reuses the identical logic (DGS-1). */
+function extractHeaderText(node) {
+  if (node == null || node === false) return "";
+  if (typeof node === "string" || typeof node === "number") return String(node);
+  if (Array.isArray(node)) return node.map(extractHeaderText).join(" ").trim();
+  if (/*#__PURE__*/React.isValidElement(node)) {
+    return extractHeaderText(node.props.children);
+  }
+  return "";
+}
+
+/* ── Hoisted sx (D5) ──────────────────────────────────────────────── */
+
+var POPOVER_PAPER_SX = Object.freeze({
+  // Match the rest of the v2 surface — soft radius, subtle border,
+  // shadow consistent with Drawer / Modal.
+  borderRadius: "var(--r-lg)",
+  boxShadow: "var(--shadow-md)",
+  border: "1px solid var(--border)"
+});
+var POPOVER_BODY_SX = Object.freeze({
+  padding: "var(--s-3) var(--s-4)",
+  minWidth: 240,
+  maxHeight: 360,
+  overflowY: "auto",
+  display: "flex",
+  flexDirection: "column",
+  gap: "var(--s-1)"
+});
+var POPOVER_TITLE_SX = Object.freeze({
+  fontSize: "var(--text-xs)",
+  fontWeight: "var(--fw-semibold)",
+  color: "var(--fg-muted)",
+  textTransform: "uppercase",
+  letterSpacing: "0.04em",
+  paddingBottom: "var(--s-2)",
+  borderBottom: "1px solid var(--border)",
+  marginBottom: "var(--s-2)"
+});
+var POPOVER_FOOTER_SX = Object.freeze({
+  display: "flex",
+  justifyContent: "space-between",
+  gap: "var(--s-2)",
+  paddingTop: "var(--s-2)",
+  marginTop: "var(--s-2)",
+  borderTop: "1px solid var(--border)"
+});
+var CHECKBOX_LABEL_SX = Object.freeze({
+  // Override MUI default 16px which is too generous for compact
+  // popover lists. Keeps each row at the ~32px touch-friendly
+  // minimum without padding.
+  marginLeft: 0,
+  marginRight: 0,
+  "& .MuiFormControlLabel-label": {
+    fontSize: "var(--text-sm)",
+    color: "var(--fg)"
+  }
+});
+var BADGE_SX = Object.freeze({
+  marginInlineStart: "var(--s-1)",
+  background: "var(--accent)",
+  color: "var(--accent-fg)",
+  borderRadius: "var(--r-full)",
+  padding: "1px 6px",
+  fontSize: "var(--text-xs)",
+  fontWeight: "var(--fw-semibold)",
+  lineHeight: 1.4
+});
+function ColumnsToggle(_ref) {
+  var columns = _ref.columns,
+    hiddenColumns = _ref.hiddenColumns,
+    onHiddenColumnsChange = _ref.onHiddenColumnsChange,
+    labels = _ref.labels;
+  var L = (0, _mergeLabels.mergeLabels)(DEFAULT_LABELS, labels);
+  var _React$useState = React.useState(null),
+    _React$useState2 = _slicedToArray(_React$useState, 2),
+    anchor = _React$useState2[0],
+    setAnchor = _React$useState2[1];
+
+  // Normalise hiddenColumns to a Set for the predicate work below.
+  // Same contract as DataGrid — accepts Set or Array. Memoised so
+  // the popover body doesn't recompute checkbox states on unrelated
+  // renders.
+  var hiddenSet = React.useMemo(function () {
+    return hiddenColumns instanceof Set ? hiddenColumns : new Set(hiddenColumns || []);
+  }, [hiddenColumns]);
+
+  // Toggleable subset — the only columns this UI exposes. System-
+  // pinned columns (col.toggleable === false) are absent from the
+  // popover entirely. Memoised because columns is often passed
+  // inline by hosts (defensive against per-render reference churn).
+  var toggleableColumns = React.useMemo(function () {
+    return columns.filter(function (c) {
+      return c.toggleable !== false;
+    });
+  }, [columns]);
+
+  // Count of currently-hidden columns AMONG the toggleable set
+  // (defensive: a host that pre-hides a column then flips its
+  // toggleable flag to false shouldn't see a stale count).
+  var hiddenCount = React.useMemo(function () {
+    return toggleableColumns.filter(function (c) {
+      return hiddenSet.has(c.key);
+    }).length;
+  }, [toggleableColumns, hiddenSet]);
+  var open = Boolean(anchor);
+  var handleOpen = function handleOpen(e) {
+    return setAnchor(e.currentTarget);
+  };
+  var handleClose = function handleClose() {
+    return setAnchor(null);
+  };
+
+  // Single column toggle — checkbox represents visibility, so
+  // CHECKED means "remove from hiddenSet" (= show).
+  var toggleColumn = function toggleColumn(key) {
+    var 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;
+    })));
+  };
+
+  // ARIA label for the trigger — includes the hidden count so
+  // screen readers announce state without relying on the
+  // decorative badge digit. e.g. "Colonnes, 2 masquées".
+  var triggerAriaLabel = hiddenCount > 0 ? "".concat(L.button, ", ").concat(L.countSuffix(hiddenCount)) : L.button;
+
+  // MUI v9: slot bag for Popover paper. Carries the dialog ARIA
+  // contract (role + aria-label) — host-customisable via labels.title.
+  // Memoised so the slotProps reference stays stable when L.title
+  // is unchanged.
+  var popoverSlotProps = React.useMemo(function () {
+    return {
+      paper: {
+        sx: POPOVER_PAPER_SX,
+        // Dialog role so screen readers treat the popover as a
+        // discrete UI region rather than just a tooltip-like
+        // overlay.
+        role: "dialog",
+        "aria-label": L.title
+      }
+    };
+  }, [L.title]);
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)(_Button["default"], {
+      variant: "ghost",
+      size: "sm",
+      type: "button",
+      icon: /*#__PURE__*/(0, _jsxRuntime.jsx)(_ViewColumn["default"], {
+        fontSize: "small"
+      }),
+      onClick: handleOpen,
+      "aria-label": triggerAriaLabel,
+      "aria-haspopup": "dialog",
+      "aria-expanded": open,
+      children: [L.button, hiddenCount > 0 && /*#__PURE__*/(0, _jsxRuntime.jsx)(_Box["default"], {
+        component: "span",
+        sx: BADGE_SX,
+        "aria-hidden": "true",
+        children: hiddenCount
+      })]
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_Popover["default"], {
+      open: open,
+      anchorEl: anchor,
+      onClose: handleClose,
+      anchorOrigin: {
+        vertical: "bottom",
+        horizontal: "right"
+      },
+      transformOrigin: {
+        vertical: "top",
+        horizontal: "right"
+      },
+      slotProps: popoverSlotProps,
+      children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_Box["default"], {
+        sx: POPOVER_BODY_SX,
+        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_Box["default"], {
+          component: "div",
+          sx: POPOVER_TITLE_SX,
+          children: L.title
+        }), toggleableColumns.map(function (col) {
+          var isVisible = !hiddenSet.has(col.key);
+          // SET-1 — accessible name = the header's visible text so it matches
+          // the rendered label (WCAG 2.5.3). Only icon-only headers (no text)
+          // fall back to the raw key. The visual label still renders col.header.
+          var headerText = extractHeaderText(col.header).trim();
+          var labelText = headerText || col.key;
+          return /*#__PURE__*/(0, _jsxRuntime.jsx)(_FormControlLabel["default"], {
+            control: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Checkbox["default"], {
+              size: "small",
+              checked: isVisible,
+              onChange: function onChange() {
+                return toggleColumn(col.key);
+              },
+              slotProps: {
+                input: {
+                  "aria-label": labelText
+                }
+              }
+            }),
+            label: col.header,
+            sx: CHECKBOX_LABEL_SX
+          }, col.key);
+        }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_Box["default"], {
+          sx: POPOVER_FOOTER_SX,
+          children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_Button["default"], {
+            size: "sm",
+            variant: "ghost",
+            type: "button",
+            onClick: showAll,
+            disabled: hiddenCount === 0,
+            children: L.showAll
+          }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_Button["default"], {
+            size: "sm",
+            variant: "ghost",
+            type: "button",
+            onClick: hideAll,
+            disabled: hiddenCount === toggleableColumns.length,
+            children: L.hideAll
+          })]
+        })]
+      })
+    })]
+  });
+}
+var _default = exports["default"] = ColumnsToggle;
+//# sourceMappingURL=ColumnsToggle.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ColumnsToggle.js","names":["React","_interopRequireWildcard","require","_Box","_interopRequireDefault","_Popover","_Checkbox","_FormControlLabel","_ViewColumn","_Button","_mergeLabels","_jsxRuntime","obj","__esModule","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","_typeof","cache","has","get","newObj","hasPropertyDescriptor","Object","defineProperty","getOwnPropertyDescriptor","key","prototype","hasOwnProperty","call","desc","set","_slicedToArray","arr","i","_arrayWithHoles","_iterableToArrayLimit","_unsupportedIterableToArray","_nonIterableRest","TypeError","o","minLen","_arrayLikeToArray","n","toString","slice","constructor","name","Array","from","test","len","length","arr2","_i","Symbol","iterator","_s","_e","_x","_r","_arr","_n","_d","next","done","push","value","err","isArray","DEFAULT_LABELS","freeze","button","title","showAll","hideAll","countSuffix","concat","extractHeaderText","node","String","map","join","trim","isValidElement","props","children","POPOVER_PAPER_SX","borderRadius","boxShadow","border","POPOVER_BODY_SX","padding","minWidth","maxHeight","overflowY","display","flexDirection","gap","POPOVER_TITLE_SX","fontSize","fontWeight","color","textTransform","letterSpacing","paddingBottom","borderBottom","marginBottom","POPOVER_FOOTER_SX","justifyContent","paddingTop","marginTop","borderTop","CHECKBOX_LABEL_SX","marginLeft","marginRight","BADGE_SX","marginInlineStart","background","lineHeight","ColumnsToggle","_ref","columns","hiddenColumns","onHiddenColumnsChange","labels","L","mergeLabels","_React$useState","useState","_React$useState2","anchor","setAnchor","hiddenSet","useMemo","Set","toggleableColumns","filter","c","toggleable","hiddenCount","open","Boolean","handleOpen","e","currentTarget","handleClose","toggleColumn","add","triggerAriaLabel","popoverSlotProps","paper","sx","role","jsxs","Fragment","variant","size","type","icon","jsx","onClick","component","anchorEl","onClose","anchorOrigin","vertical","horizontal","transformOrigin","slotProps","col","isVisible","headerText","header","labelText","control","checked","onChange","input","label","disabled","_default","exports"],"sources":["../../../src/lib/v2/patterns/ColumnsToggle.tsx"],"sourcesContent":["import * as React from \"react\";\r\nimport Box from \"@mui/material/Box\";\r\nimport Popover from \"@mui/material/Popover\";\r\nimport Checkbox from \"@mui/material/Checkbox\";\r\nimport FormControlLabel from \"@mui/material/FormControlLabel\";\r\nimport ViewColumnIcon from \"@mui/icons-material/ViewColumn\";\r\nimport Button from \"../components/Button\";\r\nimport type { SxProps, Theme } from \"@mui/material/styles\";\r\nimport type { DataGridColumn } from \"../types/datagrid\";\r\nimport { mergeLabels } from \"../utils/mergeLabels\";\r\n\r\n/**\r\n * ColumnsToggle - Portnet UI v2 (pattern)\r\n *\r\n * Companion affordance for DataGrid's `hiddenColumns` prop. Renders\r\n * a small toolbar button that opens a popover containing one\r\n * checkbox per toggleable column. Toggling a checkbox emits the\r\n * new hiddenColumns Set up to the host.\r\n *\r\n *   <ColumnsToggle\r\n *     columns={cols}\r\n *     hiddenColumns={hiddenSet}\r\n *     onHiddenColumnsChange={setHiddenSet}\r\n *     labels={{\r\n *       button: \"Colonnes\",\r\n *       title:  \"Afficher les colonnes\",\r\n *       showAll: \"Tout afficher\",\r\n *       hideAll: \"Tout masquer\",\r\n *       countSuffix: (n) => `${n} masquée${n > 1 ? \"s\" : \"\"}`,\r\n *     }}\r\n *   />\r\n *\r\n * The host owns the columns schema, the hiddenColumns state, and\r\n * the change callback. The component is pure presentation — its\r\n * only internal state is the popover's anchor element.\r\n *\r\n * Mental model: checkbox represents VISIBILITY (checked = visible,\r\n * not in hiddenSet) — avoids the double-negative trap of \"checked\r\n * means hidden\". Matches what users expect from \"show columns\" UIs.\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. The DataGrid itself doesn't\r\n * read this flag (it filters strictly based on hiddenColumns);\r\n * the flag is a contract between the host's schema and this\r\n * component.\r\n */\r\n\r\nexport interface ColumnsToggleLabels {\r\n  button?: string | undefined;\r\n  title?: string | undefined;\r\n  showAll?: string | undefined;\r\n  hideAll?: string | undefined;\r\n  countSuffix?: ((n: number) => string) | undefined;\r\n}\r\n\r\nexport interface ColumnsToggleProps {\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  labels?: ColumnsToggleLabels | undefined;\r\n}\r\n\r\nconst DEFAULT_LABELS = Object.freeze({\r\n  button:       \"Colonnes\",\r\n  title:        \"Afficher les colonnes\",\r\n  showAll:      \"Tout afficher\",\r\n  hideAll:      \"Tout masquer\",\r\n  countSuffix:  (n: number) => `${n} masquée${n > 1 ? \"s\" : \"\"}`,\r\n});\r\n\r\n/* SET-1 — Best-effort plain-text extraction from a column header node, used to\r\n * build the visibility checkbox's accessible name. A JSX header (icon + text)\r\n * would otherwise fall back to the machine `col.key`, making the accessible\r\n * name diverge from the visible label (WCAG 2.5.3, label in name). Same shape\r\n * as the Chip/Tooltip text extractors; returns \"\" for icon-only headers.\r\n * Exported so DataGridSettingsMenu reuses the identical logic (DGS-1). */\r\nexport function extractHeaderText(node: React.ReactNode): string {\r\n  if (node == null || node === false) return \"\";\r\n  if (typeof node === \"string\" || typeof node === \"number\") return String(node);\r\n  if (Array.isArray(node)) return node.map(extractHeaderText).join(\" \").trim();\r\n  if (React.isValidElement(node)) {\r\n    return extractHeaderText((node.props as { children?: React.ReactNode }).children);\r\n  }\r\n  return \"\";\r\n}\r\n\r\n/* ── Hoisted sx (D5) ──────────────────────────────────────────────── */\r\n\r\nconst POPOVER_PAPER_SX = Object.freeze({\r\n  // Match the rest of the v2 surface — soft radius, subtle border,\r\n  // shadow consistent with Drawer / Modal.\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: 240,\r\n  maxHeight: 360,\r\n  overflowY: \"auto\",\r\n  display: \"flex\",\r\n  flexDirection: \"column\",\r\n  gap: \"var(--s-1)\",\r\n} satisfies SxProps<Theme>);\r\n\r\nconst POPOVER_TITLE_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  marginBottom: \"var(--s-2)\",\r\n} satisfies SxProps<Theme>);\r\n\r\nconst POPOVER_FOOTER_SX = Object.freeze({\r\n  display: \"flex\",\r\n  justifyContent: \"space-between\",\r\n  gap: \"var(--s-2)\",\r\n  paddingTop: \"var(--s-2)\",\r\n  marginTop: \"var(--s-2)\",\r\n  borderTop: \"1px solid var(--border)\",\r\n} satisfies SxProps<Theme>);\r\n\r\nconst CHECKBOX_LABEL_SX = Object.freeze({\r\n  // Override MUI default 16px which is too generous for compact\r\n  // popover lists. Keeps each row at the ~32px touch-friendly\r\n  // minimum without padding.\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 BADGE_SX = Object.freeze({\r\n  marginInlineStart: \"var(--s-1)\",\r\n  background: \"var(--accent)\",\r\n  color: \"var(--accent-fg)\",\r\n  borderRadius: \"var(--r-full)\",\r\n  padding: \"1px 6px\",\r\n  fontSize: \"var(--text-xs)\",\r\n  fontWeight: \"var(--fw-semibold)\",\r\n  lineHeight: 1.4,\r\n});\r\n\r\nfunction ColumnsToggle({\r\n  columns,\r\n  hiddenColumns,\r\n  onHiddenColumnsChange,\r\n  labels,\r\n}: ColumnsToggleProps) {\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 for the predicate work below.\r\n  // Same contract as DataGrid — accepts Set or Array. Memoised so\r\n  // the popover body doesn't recompute checkbox states on unrelated\r\n  // renders.\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 absent from the\r\n  // popover entirely. Memoised because columns is often passed\r\n  // inline by hosts (defensive against per-render reference churn).\r\n  const toggleableColumns = React.useMemo(\r\n    () => columns.filter((c) => c.toggleable !== false),\r\n    [columns]\r\n  );\r\n\r\n  // Count of currently-hidden columns AMONG the toggleable set\r\n  // (defensive: a host that pre-hides a column then flips its\r\n  // toggleable flag to false shouldn't see a stale count).\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  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  // Single column toggle — checkbox represents visibility, so\r\n  // CHECKED means \"remove from hiddenSet\" (= show).\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  // ARIA label for the trigger — includes the hidden count so\r\n  // screen readers announce state without relying on the\r\n  // decorative badge digit. e.g. \"Colonnes, 2 masquées\".\r\n  const triggerAriaLabel =\r\n    hiddenCount > 0 ? `${L.button}, ${L.countSuffix(hiddenCount)}` : L.button;\r\n\r\n  // MUI v9: slot bag for Popover paper. Carries the dialog ARIA\r\n  // contract (role + aria-label) — host-customisable via labels.title.\r\n  // Memoised so the slotProps reference stays stable when L.title\r\n  // is unchanged.\r\n  const popoverSlotProps = React.useMemo(\r\n    () => ({\r\n      paper: {\r\n        sx: POPOVER_PAPER_SX,\r\n        // Dialog role so screen readers treat the popover as a\r\n        // discrete UI region rather than just a tooltip-like\r\n        // overlay.\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      <Button\r\n        variant=\"ghost\"\r\n        size=\"sm\"\r\n        type=\"button\"\r\n        icon={<ViewColumnIcon fontSize=\"small\" />}\r\n        onClick={handleOpen}\r\n        aria-label={triggerAriaLabel}\r\n        aria-haspopup=\"dialog\"\r\n        aria-expanded={open}\r\n      >\r\n        {L.button}\r\n        {hiddenCount > 0 && (\r\n          <Box component=\"span\" sx={BADGE_SX} aria-hidden=\"true\">\r\n            {hiddenCount}\r\n          </Box>\r\n        )}\r\n      </Button>\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          <Box component=\"div\" sx={POPOVER_TITLE_SX}>\r\n            {L.title}\r\n          </Box>\r\n\r\n          {toggleableColumns.map((col) => {\r\n            const isVisible = !hiddenSet.has(col.key);\r\n            // SET-1 — accessible name = the header's visible text so it matches\r\n            // the rendered label (WCAG 2.5.3). Only icon-only headers (no text)\r\n            // fall back to the raw key. The visual label still renders col.header.\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\r\n          <Box sx={POPOVER_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      </Popover>\r\n    </>\r\n  );\r\n}\r\n\r\nexport default ColumnsToggle;\r\n"],"mappings":"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","ignoreList":[]}

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

@@ -0,0 +1,7 @@
+import * as React from "react";
+import { applySort } from "./SortableHeader";
+import type { DataGridProps } from "../types/datagrid";
+declare function DataGrid<T>({ rows, columns: rawColumns, loading, error, sort, onSortChange, selection, onSelectionChange, pagination, emptyState, filteredEmptyState, errorState, getRowId, onRowClick, rowFlashId, activeRowId, rowActions, hiddenColumns, filtered, density, ariaLabel, locale, labels, maxBodyHeight, resizable, columnWidths, onColumnWidthsChange, reorderable, columnOrder, onColumnOrderChange, renderMobileCard, mobileBreakpoint, }: DataGridProps<T>): React.JSX.Element;
+export { applySort };
+export default DataGrid;
+//# sourceMappingURL=DataGrid.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"DataGrid.d.ts","sourceRoot":"","sources":["../../../src/lib/v2/patterns/DataGrid.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAc/B,OAAuB,EAAE,SAAS,EAAe,MAAM,kBAAkB,CAAC;AAoB1E,OAAO,KAAK,EACV,aAAa,EAGd,MAAM,mBAAmB,CAAC;AA0S3B,iBAAS,QAAQ,CAAC,CAAC,EAAE,EACnB,IAAS,EACT,OAAO,EAAE,UAAe,EACxB,OAAe,EACf,KAAY,EACZ,IAAS,EACT,YAAY,EACZ,SAAS,EACT,iBAAiB,EACjB,UAAU,EACV,UAAU,EACV,kBAAkB,EAClB,UAAU,EACV,QAA0B,EAC1B,UAAU,EACV,UAAU,EACV,WAAW,EACX,UAAU,EACV,aAAa,EACb,QAAgB,EAChB,OAAuB,EACvB,SAAS,EACT,MAAgB,EAChB,MAAM,EACN,aAAuC,EACvC,SAAiB,EACjB,YAAY,EACZ,oBAAoB,EACpB,WAAmB,EACnB,WAAW,EACX,mBAAmB,EACnB,gBAAgB,EAChB,gBAAuB,GACxB,EAAE,aAAa,CAAC,CAAC,CAAC,qBAigBlB;AAED,OAAO,EAAE,SAAS,EAAE,CAAC;AACrB,eAAe,QAAQ,CAAC"}