@portnet/ui 5.0.27 → 6.0.0

package/dist/v2/patterns/ColumnsToggle.js

@@ -0,0 +1,314 @@
+"use strict";
+
+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 _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); } /**
+ * 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 = labels ? _objectSpread(_objectSpread({}, DEFAULT_LABELS), labels) : DEFAULT_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","_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","DEFAULT_LABELS","freeze","button","title","showAll","hideAll","countSuffix","concat","extractHeaderText","node","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","_React$useState","useState","_React$useState2","anchor","setAnchor","hiddenSet","useMemo","Set","toggleableColumns","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","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\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;\r\n  title?: string;\r\n  showAll?: string;\r\n  hideAll?: string;\r\n  countSuffix?: (n: number) => string;\r\n}\r\n\r\nexport interface ColumnsToggleProps {\r\n  columns: ReadonlyArray<Pick<DataGridColumn<unknown>, \"key\" | \"header\" | \"toggleable\">>;\r\n  hiddenColumns?: Set<string> | string[];\r\n  onHiddenColumnsChange: (hidden: Set<string>) => void;\r\n  labels?: ColumnsToggleLabels;\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 = labels ? { ...DEFAULT_LABELS, ...labels } : DEFAULT_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":";;;;;;;AAAA,IAAAA,KAAA,GAAAC,uBAAA,CAAAC,OAAA;AACA,IAAAC,IAAA,GAAAC,sBAAA,CAAAF,OAAA;AACA,IAAAG,QAAA,GAAAD,sBAAA,CAAAF,OAAA;AACA,IAAAI,SAAA,GAAAF,sBAAA,CAAAF,OAAA;AACA,IAAAK,iBAAA,GAAAH,sBAAA,CAAAF,OAAA;AACA,IAAAM,WAAA,GAAAJ,sBAAA,CAAAF,OAAA;AACA,IAAAO,OAAA,GAAAL,sBAAA,CAAAF,OAAA;AAA0C,IAAAQ,WAAA,GAAAR,OAAA;AAAA,SAAAE,uBAAAO,GAAA,WAAAA,GAAA,IAAAA,GAAA,CAAAC,UAAA,GAAAD,GAAA,gBAAAA,GAAA;AAAA,SAAAE,yBAAAC,WAAA,eAAAC,OAAA,kCAAAC,iBAAA,OAAAD,OAAA,QAAAE,gBAAA,OAAAF,OAAA,YAAAF,wBAAA,YAAAA,yBAAAC,WAAA,WAAAA,WAAA,GAAAG,gBAAA,GAAAD,iBAAA,KAAAF,WAAA;AAAA,SAAAb,wBAAAU,GAAA,EAAAG,WAAA,SAAAA,WAAA,IAAAH,GAAA,IAAAA,GAAA,CAAAC,UAAA,WAAAD,GAAA,QAAAA,GAAA,aAAAO,OAAA,CAAAP,GAAA,yBAAAA,GAAA,uCAAAA,GAAA,UAAAQ,KAAA,GAAAN,wBAAA,CAAAC,WAAA,OAAAK,KAAA,IAAAA,KAAA,CAAAC,GAAA,CAAAT,GAAA,YAAAQ,KAAA,CAAAE,GAAA,CAAAV,GAAA,SAAAW,MAAA,WAAAC,qBAAA,GAAAC,MAAA,CAAAC,cAAA,IAAAD,MAAA,CAAAE,wBAAA,WAAAC,GAAA,IAAAhB,GAAA,QAAAgB,GAAA,kBAAAH,MAAA,CAAAI,SAAA,CAAAC,cAAA,CAAAC,IAAA,CAAAnB,GAAA,EAAAgB,GAAA,SAAAI,IAAA,GAAAR,qBAAA,GAAAC,MAAA,CAAAE,wBAAA,CAAAf,GAAA,EAAAgB,GAAA,cAAAI,IAAA,KAAAA,IAAA,CAAAV,GAAA,IAAAU,IAAA,CAAAC,GAAA,KAAAR,MAAA,CAAAC,cAAA,CAAAH,MAAA,EAAAK,GAAA,EAAAI,IAAA,YAAAT,MAAA,CAAAK,GAAA,IAAAhB,GAAA,CAAAgB,GAAA,SAAAL,MAAA,cAAAX,GAAA,MAAAQ,KAAA,IAAAA,KAAA,CAAAa,GAAA,CAAArB,GAAA,EAAAW,MAAA,YAAAA,MAAA;AAAA,SAAAJ,QAAAP,GAAA,sCAAAO,OAAA,wBAAAe,MAAA,uBAAAA,MAAA,CAAAC,QAAA,aAAAvB,GAAA,kBAAAA,GAAA,gBAAAA,GAAA,WAAAA,GAAA,yBAAAsB,MAAA,IAAAtB,GAAA,CAAAwB,WAAA,KAAAF,MAAA,IAAAtB,GAAA,KAAAsB,MAAA,CAAAL,SAAA,qBAAAjB,GAAA,KAAAO,OAAA,CAAAP,GAAA;AAAA,SAAAyB,eAAAC,GAAA,EAAAC,CAAA,WAAAC,eAAA,CAAAF,GAAA,KAAAG,qBAAA,CAAAH,GAAA,EAAAC,CAAA,KAAAG,2BAAA,CAAAJ,GAAA,EAAAC,CAAA,KAAAI,gBAAA;AAAA,SAAAA,iBAAA,cAAAC,SAAA;AAAA,SAAAF,4BAAAG,CAAA,EAAAC,MAAA,SAAAD,CAAA,qBAAAA,CAAA,sBAAAE,iBAAA,CAAAF,CAAA,EAAAC,MAAA,OAAAE,CAAA,GAAAvB,MAAA,CAAAI,SAAA,CAAAoB,QAAA,CAAAlB,IAAA,CAAAc,CAAA,EAAAK,KAAA,aAAAF,CAAA,iBAAAH,CAAA,CAAAT,WAAA,EAAAY,CAAA,GAAAH,CAAA,CAAAT,WAAA,CAAAe,IAAA,MAAAH,CAAA,cAAAA,CAAA,mBAAAI,KAAA,CAAAC,IAAA,CAAAR,CAAA,OAAAG,CAAA,+DAAAM,IAAA,CAAAN,CAAA,UAAAD,iBAAA,CAAAF,CAAA,EAAAC,MAAA;AAAA,SAAAC,kBAAAT,GAAA,EAAAiB,GAAA,QAAAA,GAAA,YAAAA,GAAA,GAAAjB,GAAA,CAAAkB,MAAA,EAAAD,GAAA,GAAAjB,GAAA,CAAAkB,MAAA,WAAAjB,CAAA,MAAAkB,IAAA,OAAAL,KAAA,CAAAG,GAAA,GAAAhB,CAAA,GAAAgB,GAAA,EAAAhB,CAAA,MAAAkB,IAAA,CAAAlB,CAAA,IAAAD,GAAA,CAAAC,CAAA,YAAAkB,IAAA;AAAA,SAAAhB,sBAAAH,GAAA,EAAAC,CAAA,QAAAmB,EAAA,WAAApB,GAAA,gCAAAJ,MAAA,IAAAI,GAAA,CAAAJ,MAAA,CAAAC,QAAA,KAAAG,GAAA,4BAAAoB,EAAA,QAAAC,EAAA,EAAAC,EAAA,EAAAC,EAAA,EAAAC,EAAA,EAAAC,IAAA,OAAAC,EAAA,OAAAC,EAAA,iBAAAJ,EAAA,IAAAH,EAAA,GAAAA,EAAA,CAAA3B,IAAA,CAAAO,GAAA,GAAA4B,IAAA,QAAA3B,CAAA,QAAAd,MAAA,CAAAiC,EAAA,MAAAA,EAAA,UAAAM,EAAA,uBAAAA,EAAA,IAAAL,EAAA,GAAAE,EAAA,CAAA9B,IAAA,CAAA2B,EAAA,GAAAS,IAAA,MAAAJ,IAAA,CAAAK,IAAA,CAAAT,EAAA,CAAAU,KAAA,GAAAN,IAAA,CAAAP,MAAA,KAAAjB,CAAA,GAAAyB,EAAA,sBAAAM,GAAA,IAAAL,EAAA,OAAAL,EAAA,GAAAU,GAAA,yBAAAN,EAAA,YAAAN,EAAA,eAAAI,EAAA,GAAAJ,EAAA,cAAAjC,MAAA,CAAAqC,EAAA,MAAAA,EAAA,2BAAAG,EAAA,QAAAL,EAAA,aAAAG,IAAA;AAAA,SAAAvB,gBAAAF,GAAA,QAAAc,KAAA,CAAAmB,OAAA,CAAAjC,GAAA,UAAAA,GAAA;AAAA,SAAAkC,QAAAC,MAAA,EAAAC,cAAA,QAAAC,IAAA,GAAAlD,MAAA,CAAAkD,IAAA,CAAAF,MAAA,OAAAhD,MAAA,CAAAmD,qBAAA,QAAAC,OAAA,GAAApD,MAAA,CAAAmD,qBAAA,CAAAH,MAAA,GAAAC,cAAA,KAAAG,OAAA,GAAAA,OAAA,CAAAC,MAAA,WAAAC,GAAA,WAAAtD,MAAA,CAAAE,wBAAA,CAAA8C,MAAA,EAAAM,GAAA,EAAAC,UAAA,OAAAL,IAAA,CAAAP,IAAA,CAAAa,KAAA,CAAAN,IAAA,EAAAE,OAAA,YAAAF,IAAA;AAAA,SAAAO,cAAAC,MAAA,aAAA5C,CAAA,MAAAA,CAAA,GAAA6C,SAAA,CAAA5B,MAAA,EAAAjB,CAAA,UAAA8C,MAAA,WAAAD,SAAA,CAAA7C,CAAA,IAAA6C,SAAA,CAAA7C,CAAA,QAAAA,CAAA,OAAAiC,OAAA,CAAA/C,MAAA,CAAA4D,MAAA,OAAAC,OAAA,WAAA1D,GAAA,IAAA2D,eAAA,CAAAJ,MAAA,EAAAvD,GAAA,EAAAyD,MAAA,CAAAzD,GAAA,SAAAH,MAAA,CAAA+D,yBAAA,GAAA/D,MAAA,CAAAgE,gBAAA,CAAAN,MAAA,EAAA1D,MAAA,CAAA+D,yBAAA,CAAAH,MAAA,KAAAb,OAAA,CAAA/C,MAAA,CAAA4D,MAAA,GAAAC,OAAA,WAAA1D,GAAA,IAAAH,MAAA,CAAAC,cAAA,CAAAyD,MAAA,EAAAvD,GAAA,EAAAH,MAAA,CAAAE,wBAAA,CAAA0D,MAAA,EAAAzD,GAAA,iBAAAuD,MAAA;AAAA,SAAAI,gBAAA3E,GAAA,EAAAgB,GAAA,EAAAyC,KAAA,IAAAzC,GAAA,GAAA8D,cAAA,CAAA9D,GAAA,OAAAA,GAAA,IAAAhB,GAAA,IAAAa,MAAA,CAAAC,cAAA,CAAAd,GAAA,EAAAgB,GAAA,IAAAyC,KAAA,EAAAA,KAAA,EAAAW,UAAA,QAAAW,YAAA,QAAAC,QAAA,oBAAAhF,GAAA,CAAAgB,GAAA,IAAAyC,KAAA,WAAAzD,GAAA;AAAA,SAAA8E,eAAAG,GAAA,QAAAjE,GAAA,GAAAkE,YAAA,CAAAD,GAAA,oBAAA1E,OAAA,CAAAS,GAAA,iBAAAA,GAAA,GAAAmE,MAAA,CAAAnE,GAAA;AAAA,SAAAkE,aAAAE,KAAA,EAAAC,IAAA,QAAA9E,OAAA,CAAA6E,KAAA,kBAAAA,KAAA,kBAAAA,KAAA,MAAAE,IAAA,GAAAF,KAAA,CAAA9D,MAAA,CAAAiE,WAAA,OAAAD,IAAA,KAAAE,SAAA,QAAAC,GAAA,GAAAH,IAAA,CAAAnE,IAAA,CAAAiE,KAAA,EAAAC,IAAA,oBAAA9E,OAAA,CAAAkF,GAAA,uBAAAA,GAAA,YAAAzD,SAAA,4DAAAqD,IAAA,gBAAAF,MAAA,GAAAO,MAAA,EAAAN,KAAA,KAI1C;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;AAiBA,IAAMO,cAAc,GAAG9E,MAAM,CAAC+E,MAAM,CAAC;EACnCC,MAAM,EAAQ,UAAU;EACxBC,KAAK,EAAS,uBAAuB;EACrCC,OAAO,EAAO,eAAe;EAC7BC,OAAO,EAAO,cAAc;EAC5BC,WAAW,EAAG,SAAAA,YAAC7D,CAAS;IAAA,UAAA8D,MAAA,CAAQ9D,CAAC,iBAAA8D,MAAA,CAAW9D,CAAC,GAAG,CAAC,GAAG,GAAG,GAAG,EAAE;EAAA;AAC9D,CAAC,CAAC;;AAEF;AACA;AACA;AACA;AACA;AACA;AACO,SAAS+D,iBAAiBA,CAACC,IAAqB,EAAU;EAC/D,IAAIA,IAAI,IAAI,IAAI,IAAIA,IAAI,KAAK,KAAK,EAAE,OAAO,EAAE;EAC7C,IAAI,OAAOA,IAAI,KAAK,QAAQ,IAAI,OAAOA,IAAI,KAAK,QAAQ,EAAE,OAAOjB,MAAM,CAACiB,IAAI,CAAC;EAC7E,IAAI5D,KAAK,CAACmB,OAAO,CAACyC,IAAI,CAAC,EAAE,OAAOA,IAAI,CAACC,GAAG,CAACF,iBAAiB,CAAC,CAACG,IAAI,CAAC,GAAG,CAAC,CAACC,IAAI,CAAC,CAAC;EAC5E,iBAAIlH,KAAK,CAACmH,cAAc,CAACJ,IAAI,CAAC,EAAE;IAC9B,OAAOD,iBAAiB,CAAEC,IAAI,CAACK,KAAK,CAAoCC,QAAQ,CAAC;EACnF;EACA,OAAO,EAAE;AACX;;AAEA;;AAEA,IAAMC,gBAAgB,GAAG9F,MAAM,CAAC+E,MAAM,CAAC;EACrC;EACA;EACAgB,YAAY,EAAE,aAAa;EAC3BC,SAAS,EAAE,kBAAkB;EAC7BC,MAAM,EAAE;AACV,CAAC,CAAC;AAEF,IAAMC,eAAe,GAAGlG,MAAM,CAAC+E,MAAM,CAAC;EACpCoB,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,gBAAgB,GAAG1G,MAAM,CAAC+E,MAAM,CAAC;EACrC4B,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,yBAAyB;EACvCC,YAAY,EAAE;AAChB,CAA0B,CAAC;AAE3B,IAAMC,iBAAiB,GAAGnH,MAAM,CAAC+E,MAAM,CAAC;EACtCwB,OAAO,EAAE,MAAM;EACfa,cAAc,EAAE,eAAe;EAC/BX,GAAG,EAAE,YAAY;EACjBY,UAAU,EAAE,YAAY;EACxBC,SAAS,EAAE,YAAY;EACvBC,SAAS,EAAE;AACb,CAA0B,CAAC;AAE3B,IAAMC,iBAAiB,GAAGxH,MAAM,CAAC+E,MAAM,CAAC;EACtC;EACA;EACA;EACA0C,UAAU,EAAE,CAAC;EACbC,WAAW,EAAE,CAAC;EACd,8BAA8B,EAAE;IAC9Bf,QAAQ,EAAE,gBAAgB;IAC1BE,KAAK,EAAE;EACT;AACF,CAAC,CAAC;AAEF,IAAMc,QAAQ,GAAG3H,MAAM,CAAC+E,MAAM,CAAC;EAC7B6C,iBAAiB,EAAE,YAAY;EAC/BC,UAAU,EAAE,eAAe;EAC3BhB,KAAK,EAAE,kBAAkB;EACzBd,YAAY,EAAE,eAAe;EAC7BI,OAAO,EAAE,SAAS;EAClBQ,QAAQ,EAAE,gBAAgB;EAC1BC,UAAU,EAAE,oBAAoB;EAChCkB,UAAU,EAAE;AACd,CAAC,CAAC;AAEF,SAASC,aAAaA,CAAAC,IAAA,EAKC;EAAA,IAJrBC,OAAO,GAAAD,IAAA,CAAPC,OAAO;IACPC,aAAa,GAAAF,IAAA,CAAbE,aAAa;IACbC,qBAAqB,GAAAH,IAAA,CAArBG,qBAAqB;IACrBC,MAAM,GAAAJ,IAAA,CAANI,MAAM;EAEN,IAAMC,CAAC,GAAGD,MAAM,GAAA3E,aAAA,CAAAA,aAAA,KAAQqB,cAAc,GAAKsD,MAAM,IAAKtD,cAAc;EACpE,IAAAwD,eAAA,GAA4B9J,KAAK,CAAC+J,QAAQ,CAAqB,IAAI,CAAC;IAAAC,gBAAA,GAAA5H,cAAA,CAAA0H,eAAA;IAA7DG,MAAM,GAAAD,gBAAA;IAAEE,SAAS,GAAAF,gBAAA;;EAExB;EACA;EACA;EACA;EACA,IAAMG,SAAS,GAAGnK,KAAK,CAACoK,OAAO,CAC7B;IAAA,OACEV,aAAa,YAAYW,GAAG,GACxBX,aAAa,GACb,IAAIW,GAAG,CAACX,aAAa,IAAI,EAAE,CAAC;EAAA,GAClC,CAACA,aAAa,CAChB,CAAC;;EAED;EACA;EACA;EACA;EACA,IAAMY,iBAAiB,GAAGtK,KAAK,CAACoK,OAAO,CACrC;IAAA,OAAMX,OAAO,CAAC5E,MAAM,CAAC,UAAC0F,CAAC;MAAA,OAAKA,CAAC,CAACC,UAAU,KAAK,KAAK;IAAA,EAAC;EAAA,GACnD,CAACf,OAAO,CACV,CAAC;;EAED;EACA;EACA;EACA,IAAMgB,WAAW,GAAGzK,KAAK,CAACoK,OAAO,CAC/B;IAAA,OAAME,iBAAiB,CAACzF,MAAM,CAAC,UAAC0F,CAAC;MAAA,OAAKJ,SAAS,CAAC/I,GAAG,CAACmJ,CAAC,CAAC5I,GAAG,CAAC;IAAA,EAAC,CAAC4B,MAAM;EAAA,GAClE,CAAC+G,iBAAiB,EAAEH,SAAS,CAC/B,CAAC;EAED,IAAMO,IAAI,GAAGC,OAAO,CAACV,MAAM,CAAC;EAE5B,IAAMW,UAAU,GAAG,SAAbA,UAAUA,CAAIC,CAAsC;IAAA,OAAKX,SAAS,CAACW,CAAC,CAACC,aAAa,CAAC;EAAA;EACzF,IAAMC,WAAW,GAAG,SAAdA,WAAWA,CAAA;IAAA,OAASb,SAAS,CAAC,IAAI,CAAC;EAAA;;EAEzC;EACA;EACA,IAAMc,YAAY,GAAG,SAAfA,YAAYA,CAAIrJ,GAAW,EAAK;IACpC,IAAMsC,IAAI,GAAG,IAAIoG,GAAG,CAACF,SAAS,CAAC;IAC/B,IAAIlG,IAAI,CAAC7C,GAAG,CAACO,GAAG,CAAC,EAAEsC,IAAI,UAAO,CAACtC,GAAG,CAAC,CAAC,KAC/BsC,IAAI,CAACgH,GAAG,CAACtJ,GAAG,CAAC;IAClBgI,qBAAqB,CAAC1F,IAAI,CAAC;EAC7B,CAAC;EAED,IAAMyC,OAAO,GAAG,SAAVA,OAAOA,CAAA;IAAA,OAASiD,qBAAqB,CAAC,IAAIU,GAAG,CAAS,CAAC,CAAC;EAAA;EAC9D,IAAM1D,OAAO,GAAG,SAAVA,OAAOA,CAAA;IAAA,OACXgD,qBAAqB,CAAC,IAAIU,GAAG,CAACC,iBAAiB,CAACtD,GAAG,CAAC,UAACuD,CAAC;MAAA,OAAKA,CAAC,CAAC5I,GAAG;IAAA,EAAC,CAAC,CAAC;EAAA;;EAErE;EACA;EACA;EACA,IAAMuJ,gBAAgB,GACpBT,WAAW,GAAG,CAAC,MAAA5D,MAAA,CAAMgD,CAAC,CAACrD,MAAM,QAAAK,MAAA,CAAKgD,CAAC,CAACjD,WAAW,CAAC6D,WAAW,CAAC,IAAKZ,CAAC,CAACrD,MAAM;;EAE3E;EACA;EACA;EACA;EACA,IAAM2E,gBAAgB,GAAGnL,KAAK,CAACoK,OAAO,CACpC;IAAA,OAAO;MACLgB,KAAK,EAAE;QACLC,EAAE,EAAE/D,gBAAgB;QACpB;QACA;QACA;QACAgE,IAAI,EAAE,QAAQ;QACd,YAAY,EAAEzB,CAAC,CAACpD;MAClB;IACF,CAAC;EAAA,CAAC,EACF,CAACoD,CAAC,CAACpD,KAAK,CACV,CAAC;EAED,oBACE,IAAA/F,WAAA,CAAA6K,IAAA,EAAA7K,WAAA,CAAA8K,QAAA;IAAAnE,QAAA,gBACE,IAAA3G,WAAA,CAAA6K,IAAA,EAAC9K,OAAA,WAAM;MACLgL,OAAO,EAAC,OAAO;MACfC,IAAI,EAAC,IAAI;MACTC,IAAI,EAAC,QAAQ;MACbC,IAAI,eAAE,IAAAlL,WAAA,CAAAmL,GAAA,EAACrL,WAAA,WAAc;QAAC2H,QAAQ,EAAC;MAAO,CAAE,CAAE;MAC1C2D,OAAO,EAAElB,UAAW;MACpB,cAAYM,gBAAiB;MAC7B,iBAAc,QAAQ;MACtB,iBAAeR,IAAK;MAAArD,QAAA,GAEnBwC,CAAC,CAACrD,MAAM,EACRiE,WAAW,GAAG,CAAC,iBACd,IAAA/J,WAAA,CAAAmL,GAAA,EAAC1L,IAAA,WAAG;QAAC4L,SAAS,EAAC,MAAM;QAACV,EAAE,EAAElC,QAAS;QAAC,eAAY,MAAM;QAAA9B,QAAA,EACnDoD;MAAW,CACT,CACN;IAAA,CACK,CAAC,eAET,IAAA/J,WAAA,CAAAmL,GAAA,EAACxL,QAAA,WAAO;MACNqK,IAAI,EAAEA,IAAK;MACXsB,QAAQ,EAAE/B,MAAO;MACjBgC,OAAO,EAAElB,WAAY;MACrBmB,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;MAAA9D,QAAA,eAE5B,IAAA3G,WAAA,CAAA6K,IAAA,EAACpL,IAAA,WAAG;QAACkL,EAAE,EAAE3D,eAAgB;QAAAL,QAAA,gBACvB,IAAA3G,WAAA,CAAAmL,GAAA,EAAC1L,IAAA,WAAG;UAAC4L,SAAS,EAAC,KAAK;UAACV,EAAE,EAAEnD,gBAAiB;UAAAb,QAAA,EACvCwC,CAAC,CAACpD;QAAK,CACL,CAAC,EAEL6D,iBAAiB,CAACtD,GAAG,CAAC,UAACuF,GAAG,EAAK;UAC9B,IAAMC,SAAS,GAAG,CAACrC,SAAS,CAAC/I,GAAG,CAACmL,GAAG,CAAC5K,GAAG,CAAC;UACzC;UACA;UACA;UACA,IAAM8K,UAAU,GAAG3F,iBAAiB,CAACyF,GAAG,CAACG,MAAM,CAAC,CAACxF,IAAI,CAAC,CAAC;UACvD,IAAMyF,SAAS,GAAGF,UAAU,IAAIF,GAAG,CAAC5K,GAAG;UACvC,oBACE,IAAAjB,WAAA,CAAAmL,GAAA,EAACtL,iBAAA,WAAgB;YAEfqM,OAAO,eACL,IAAAlM,WAAA,CAAAmL,GAAA,EAACvL,SAAA,WAAQ;cACPoL,IAAI,EAAC,OAAO;cACZmB,OAAO,EAAEL,SAAU;cACnBM,QAAQ,EAAE,SAAAA,SAAA;gBAAA,OAAM9B,YAAY,CAACuB,GAAG,CAAC5K,GAAG,CAAC;cAAA,CAAC;cACtC2K,SAAS,EAAE;gBACTvG,KAAK,EAAE;kBAAE,YAAY,EAAE4G;gBAAU;cACnC;YAAE,CACH,CACF;YACDI,KAAK,EAAER,GAAG,CAACG,MAAO;YAClBrB,EAAE,EAAErC;UAAkB,GAZjBuD,GAAG,CAAC5K,GAaV,CAAC;QAEN,CAAC,CAAC,eAEF,IAAAjB,WAAA,CAAA6K,IAAA,EAACpL,IAAA,WAAG;UAACkL,EAAE,EAAE1C,iBAAkB;UAAAtB,QAAA,gBACzB,IAAA3G,WAAA,CAAAmL,GAAA,EAACpL,OAAA,WAAM;YACLiL,IAAI,EAAC,IAAI;YACTD,OAAO,EAAC,OAAO;YACfE,IAAI,EAAC,QAAQ;YACbG,OAAO,EAAEpF,OAAQ;YACjBsG,QAAQ,EAAEvC,WAAW,KAAK,CAAE;YAAApD,QAAA,EAE3BwC,CAAC,CAACnD;UAAO,CACJ,CAAC,eACT,IAAAhG,WAAA,CAAAmL,GAAA,EAACpL,OAAA,WAAM;YACLiL,IAAI,EAAC,IAAI;YACTD,OAAO,EAAC,OAAO;YACfE,IAAI,EAAC,QAAQ;YACbG,OAAO,EAAEnF,OAAQ;YACjBqG,QAAQ,EAAEvC,WAAW,KAAKH,iBAAiB,CAAC/G,MAAO;YAAA8D,QAAA,EAElDwC,CAAC,CAAClD;UAAO,CACJ,CAAC;QAAA,CACN,CAAC;MAAA,CACH;IAAC,CACC,CAAC;EAAA,CACV,CAAC;AAEP;AAAC,IAAAsG,QAAA,GAAAC,OAAA,cAEc3D,aAAa","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"}