@portnet/ui 6.0.0 → 6.0.1

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

@@ -0,0 +1,523 @@
+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); }
+import * as React from "react";
+import Box from "@mui/material/Box";
+import Table from "@mui/material/Table";
+import TableHead from "@mui/material/TableHead";
+import TableBody from "@mui/material/TableBody";
+import TableRow from "@mui/material/TableRow";
+import TableCell from "@mui/material/TableCell";
+import Checkbox from "@mui/material/Checkbox";
+import DragIndicatorIcon from "@mui/icons-material/DragIndicator";
+import { useVirtualizer } from "@tanstack/react-virtual";
+import { SkeletonRow } from "../components/Skeleton";
+import SortableHeader, { getAriaSort } from "./SortableHeader";
+import useDelayedFlag from "../hooks/useDelayedFlag";
+import { density } from "../tokens";
+import { DEFAULT_MAX_BODY_HEIGHT, mergeLabels, useColumnsStabilityWarn, applyColumnOrder, CONTAINER_SX, TABLE_BY_DENSITY, ROW_CLICKABLE_SX, ROW_STATIC_SX, HEADER_CHECKBOX_CELL_SX, BODY_CHECKBOX_CELL_SX, ERROR_CELL_SX, ERROR_INNER_SX, Pagination } from "./_dataGridShared";
+import useColumnResize from "./_useColumnResize";
+import useColumnReorder from "./_useColumnReorder";
+
+/**
+ * DataGridVirtualized - Portnet UI v2 (pattern)
+ *
+ * Same public API as DataGrid + four virtualization-specific props
+ * + the resize/reorder opt-ins (mirrors DataGrid):
+ *
+ *   rowHeight, overscan                             — virtualization
+ *   resizable, columnWidths, onColumnWidthsChange   — resize
+ *   reorderable, columnOrder, onColumnOrderChange   — reorder
+ *
+ * When to use:
+ *   - 1000+ rows where pagination would feel artificial.
+ *   - Audit logs / ledgers / "view all" flows.
+ *
+ * When NOT to use:
+ *   - <100 rows: DataGrid is simpler.
+ *   - Variable-height rows: NOT supported (uniform rowHeight only).
+ *
+ * Virtualization caveats:
+ *   - rowFlashId only fires when the target row is in the current window.
+ *     For confirmations that survive scroll, use a Toast.
+ *   - Sort + filter cost is host-side.
+ *
+ * A11y (DG-V1): the table advertises aria-rowcount over the FULL dataset while
+ * only the windowed rows are in the DOM, so every rendered row carries an
+ * explicit aria-rowindex (header = 1, data row = virtualItem.index + 2) so SR
+ * users hear their true position. aria-hidden spacer rows stay unindexed.
+ * DG-2: the resize grip is a focusable role="separator" (tabIndex 0,
+ * aria-valuenow/valuemin) operable by pointer AND keyboard (Arrow / Home).
+ * DG-R1: reorderable columns expose a hover/focus-revealed grip button
+ * (aria-keyshortcuts Arrow/Home/End → useColumnReorder.handleKeyDown) so column
+ * reorder is keyboard-operable, not drag-only; focus follows the moved column.
+ */
+
+/** Row-height density tiers for the virtualizer — a distinct, wider set than
+ *  the canonical 2-tier Density (which governs table cell padding). */
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+/** Default row height by density tier. */
+var DEFAULT_ROW_HEIGHT_BY_DENSITY = Object.freeze({
+  spacious: density.spacious.row,
+  // 56
+  comfortable: density.comfortable.row,
+  // 44
+  compact: density.compact.row,
+  // 36
+  ultraCompact: density.ultraCompact.row // 28
+});
+var PADDING_CELL_SX = Object.freeze({
+  padding: 0,
+  border: 0
+});
+
+/* DG-R1 — reorder grip button. Hidden (opacity 0) until the header is hovered /
+ * focus-within, and always revealed while itself focus-visible so it stays
+ * Tab-reachable. Absolutely positioned in the header cell's inline-start
+ * padding; background matches the header so it masks the sliver it overlaps. */
+var REORDER_GRIP_SX = Object.freeze({
+  position: "absolute",
+  insetInlineStart: 2,
+  top: "50%",
+  transform: "translateY(-50%)",
+  zIndex: 2,
+  display: "inline-flex",
+  alignItems: "center",
+  justifyContent: "center",
+  width: 18,
+  height: 18,
+  padding: 0,
+  border: "none",
+  borderRadius: "var(--r-sm)",
+  background: "var(--bg-subtle)",
+  color: "var(--fg-subtle)",
+  cursor: "grab",
+  opacity: 0,
+  pointerEvents: "none",
+  transition: "opacity var(--duration-fast, 120ms) ease",
+  fontFamily: "inherit",
+  "th:hover &, th:focus-within &": {
+    opacity: 1,
+    pointerEvents: "auto"
+  },
+  "@media (pointer: coarse)": {
+    opacity: 1,
+    pointerEvents: "auto"
+  },
+  "&:focus-visible": {
+    outline: "2px solid var(--accent)",
+    outlineOffset: "-1px",
+    opacity: 1,
+    pointerEvents: "auto"
+  }
+});
+
+/* Default value accessor for an unconstrained row type — typed against
+ * `unknown` so the single assertion is legal (mirrors DataGrid). */
+function readCellValue(row, key) {
+  return row[key];
+}
+
+/* Default getRowId (`(r) => r.id`); `(unknown) => RowId` is assignable to
+ * the declared `(row: T) => RowId` by parameter contravariance. */
+var defaultGetRowId = function defaultGetRowId(row) {
+  return row.id;
+};
+function DataGridVirtualized(_ref) {
+  var _ref2;
+  var _ref$rows = _ref.rows,
+    rows = _ref$rows === void 0 ? [] : _ref$rows,
+    _ref$columns = _ref.columns,
+    rawColumns = _ref$columns === void 0 ? [] : _ref$columns,
+    _ref$loading = _ref.loading,
+    loading = _ref$loading === void 0 ? false : _ref$loading,
+    _ref$error = _ref.error,
+    error = _ref$error === void 0 ? null : _ref$error,
+    _ref$sort = _ref.sort,
+    sort = _ref$sort === void 0 ? [] : _ref$sort,
+    onSortChange = _ref.onSortChange,
+    selection = _ref.selection,
+    onSelectionChange = _ref.onSelectionChange,
+    pagination = _ref.pagination,
+    emptyState = _ref.emptyState,
+    filteredEmptyState = _ref.filteredEmptyState,
+    errorState = _ref.errorState,
+    _ref$getRowId = _ref.getRowId,
+    getRowId = _ref$getRowId === void 0 ? defaultGetRowId : _ref$getRowId,
+    onRowClick = _ref.onRowClick,
+    rowFlashId = _ref.rowFlashId,
+    _ref$filtered = _ref.filtered,
+    filtered = _ref$filtered === void 0 ? false : _ref$filtered,
+    _ref$density = _ref.density,
+    densityProp = _ref$density === void 0 ? "comfortable" : _ref$density,
+    ariaLabel = _ref.ariaLabel,
+    _ref$locale = _ref.locale,
+    locale = _ref$locale === void 0 ? "fr-FR" : _ref$locale,
+    labels = _ref.labels,
+    _ref$maxBodyHeight = _ref.maxBodyHeight,
+    maxBodyHeight = _ref$maxBodyHeight === void 0 ? DEFAULT_MAX_BODY_HEIGHT : _ref$maxBodyHeight,
+    rowHeight = _ref.rowHeight,
+    _ref$overscan = _ref.overscan,
+    overscan = _ref$overscan === void 0 ? 10 : _ref$overscan,
+    _ref$resizable = _ref.resizable,
+    resizable = _ref$resizable === void 0 ? false : _ref$resizable,
+    columnWidths = _ref.columnWidths,
+    onColumnWidthsChange = _ref.onColumnWidthsChange,
+    _ref$reorderable = _ref.reorderable,
+    reorderable = _ref$reorderable === void 0 ? false : _ref$reorderable,
+    columnOrder = _ref.columnOrder,
+    onColumnOrderChange = _ref.onColumnOrderChange;
+  var L = React.useMemo(function () {
+    return mergeLabels(labels);
+  }, [labels]);
+  var tableAria = ariaLabel != null ? ariaLabel : L.tableAria;
+  var showSkeleton = useDelayedFlag(loading);
+  useColumnsStabilityWarn(rawColumns);
+
+  // Apply host-supplied column order (defensive, see _dataGridShared).
+  var columns = React.useMemo(function () {
+    return applyColumnOrder(rawColumns, columnOrder);
+  }, [rawColumns, columnOrder]);
+
+  // Resize + reorder hooks. Cross-coupled via resizeIsActive.
+  var resize = useColumnResize(columnWidths, onColumnWidthsChange);
+  var reorder = useColumnReorder(columns, columnOrder, onColumnOrderChange, {
+    resizeIsActive: resize.isResizing
+  });
+
+  // DG-R1 — after a keyboard reorder the moved column's grip is re-rendered at
+  // a new position and the browser drops focus; re-focus it so repeated Arrow
+  // presses keep moving the same column. Keyed on the host-controlled order.
+  var pendingReorderFocusRef = React.useRef(null);
+  React.useEffect(function () {
+    var key = pendingReorderFocusRef.current;
+    if (!key || typeof document === "undefined") return;
+    pendingReorderFocusRef.current = null;
+    var escaped = typeof window !== "undefined" && window.CSS && typeof window.CSS.escape === "function" ? window.CSS.escape(key) : key;
+    var el = document.querySelector("[data-reorder-grip=\"".concat(escaped, "\"]"));
+    if (el instanceof HTMLElement) el.focus();
+  }, [columnOrder]);
+
+  // Effective row height: prop wins, otherwise density default.
+  var effectiveRowHeight = (_ref2 = rowHeight !== null && rowHeight !== void 0 ? rowHeight : DEFAULT_ROW_HEIGHT_BY_DENSITY[densityProp]) !== null && _ref2 !== void 0 ? _ref2 : DEFAULT_ROW_HEIGHT_BY_DENSITY.comfortable;
+  var showCheckbox = !!onSelectionChange;
+  var colCount = columns.length + (showCheckbox ? 1 : 0);
+  var sortable = function sortable(col) {
+    return col.sortable !== false && !!col.key && !!onSortChange;
+  };
+  var selectedSet = React.useMemo(function () {
+    return selection instanceof Set ? selection : new Set(selection || []);
+  }, [selection]);
+  var allSelected = rows.length > 0 && rows.every(function (r) {
+    return selectedSet.has(getRowId(r));
+  });
+  var someSelected = !allSelected && rows.some(function (r) {
+    return selectedSet.has(getRowId(r));
+  });
+  var toggleAll = function toggleAll() {
+    if (!onSelectionChange) return;
+    if (allSelected) onSelectionChange(new Set());else onSelectionChange(new Set(rows.map(getRowId)));
+  };
+  var toggleRow = function toggleRow(id) {
+    if (!onSelectionChange) return;
+    var next = new Set(selectedSet);
+    if (next.has(id)) next["delete"](id);else next.add(id);
+    onSelectionChange(next);
+  };
+  var handleRowKeyDown = function handleRowKeyDown(row) {
+    return function (e) {
+      if (!onRowClick) return;
+      if (e.key === "Enter" || e.key === " ") {
+        e.preventDefault();
+        onRowClick(row);
+      }
+    };
+  };
+  var scrollRef = React.useRef(null);
+  var virtualizer = useVirtualizer({
+    count: rows.length,
+    getScrollElement: function getScrollElement() {
+      return scrollRef.current;
+    },
+    estimateSize: function estimateSize() {
+      return effectiveRowHeight;
+    },
+    overscan: overscan
+  });
+  var virtualItems = virtualizer.getVirtualItems();
+  var totalSize = virtualizer.getTotalSize();
+  var firstItem = virtualItems[0];
+  var lastItem = virtualItems[virtualItems.length - 1];
+  var paddingTop = firstItem ? firstItem.start : 0;
+  var paddingBottom = lastItem ? totalSize - lastItem.end : 0;
+  var scrollContainerSx = React.useMemo(function () {
+    return {
+      overflow: "auto",
+      maxHeight: maxBodyHeight
+    };
+  }, [maxBodyHeight]);
+  // TABLE_BY_DENSITY is keyed by the 2-tier Density; map the wider tier down
+  // (matches the JS `TABLE_BY_DENSITY[dp] || .comfortable` fallback).
+  var tableDensityKey = densityProp === "compact" ? "compact" : "comfortable";
+  var tableSx = TABLE_BY_DENSITY[tableDensityKey];
+
+  // ── Body branches ──────────────────────────────────────────────
+  var body;
+  if (showSkeleton) {
+    body = /*#__PURE__*/_jsx(TableBody, {
+      "aria-busy": "true",
+      children: Array.from({
+        length: 6
+      }, function (_, i) {
+        return /*#__PURE__*/_jsx(SkeletonRow, {
+          cols: columns.length,
+          withCheckbox: showCheckbox,
+          withActions: false
+        }, "sk-".concat(i));
+      })
+    });
+  } else if (error) {
+    body = /*#__PURE__*/_jsx(TableBody, {
+      children: /*#__PURE__*/_jsx(TableRow, {
+        children: /*#__PURE__*/_jsx(TableCell, {
+          colSpan: colCount,
+          sx: ERROR_CELL_SX,
+          children: /*#__PURE__*/_jsx(Box, {
+            sx: ERROR_INNER_SX,
+            children: errorState
+          })
+        })
+      })
+    });
+  } else if (rows.length === 0) {
+    body = /*#__PURE__*/_jsx(TableBody, {
+      "aria-busy": loading || undefined,
+      children: /*#__PURE__*/_jsx(TableRow, {
+        children: /*#__PURE__*/_jsx(TableCell, {
+          colSpan: colCount,
+          sx: ERROR_CELL_SX,
+          children: /*#__PURE__*/_jsx(Box, {
+            sx: ERROR_INNER_SX,
+            children: filtered ? filteredEmptyState : emptyState
+          })
+        })
+      })
+    });
+  } else {
+    body = /*#__PURE__*/_jsxs(TableBody, {
+      "aria-busy": loading || undefined,
+      children: [paddingTop > 0 && /*#__PURE__*/_jsx(TableRow, {
+        "aria-hidden": "true",
+        style: {
+          height: paddingTop
+        },
+        children: /*#__PURE__*/_jsx(TableCell, {
+          colSpan: colCount,
+          sx: PADDING_CELL_SX
+        })
+      }), virtualItems.map(function (virtualItem) {
+        var row = rows[virtualItem.index];
+        if (!row) return null;
+        var id = getRowId(row);
+        var isSelected = selectedSet.has(id);
+        var flash = rowFlashId === id;
+        var clickable = !!onRowClick;
+        return /*#__PURE__*/_jsxs(TableRow, {
+          "data-index": virtualItem.index,
+          "aria-rowindex": virtualItem.index + 2,
+          hover: true,
+          "data-selected": isSelected || undefined,
+          className: flash ? "pui-row-updated" : undefined,
+          onClick: clickable ? function () {
+            return onRowClick === null || onRowClick === void 0 ? void 0 : onRowClick(row);
+          } : undefined,
+          onKeyDown: clickable ? handleRowKeyDown(row) : undefined,
+          tabIndex: clickable ? 0 : undefined,
+          style: {
+            height: virtualItem.size
+          },
+          sx: clickable ? ROW_CLICKABLE_SX : ROW_STATIC_SX,
+          children: [showCheckbox && /*#__PURE__*/_jsx(TableCell, {
+            padding: "checkbox",
+            sx: BODY_CHECKBOX_CELL_SX,
+            children: /*#__PURE__*/_jsx(Checkbox, {
+              size: "small",
+              checked: isSelected,
+              onChange: function onChange(e) {
+                e.stopPropagation();
+                toggleRow(id);
+              },
+              onClick: function onClick(e) {
+                return e.stopPropagation();
+              },
+              onKeyDown: function onKeyDown(e) {
+                return e.stopPropagation();
+              },
+              slotProps: {
+                input: {
+                  "aria-label": L.selectRow(id)
+                }
+              }
+            })
+          }), columns.map(function (col) {
+            var _ref3, _ref4;
+            var value = col.getValue ? col.getValue(row) : readCellValue(row, col.key);
+            var effectiveWidth = (_ref3 = resize.liveWidths && resize.liveWidths[col.key]) !== null && _ref3 !== void 0 ? _ref3 : col.width;
+            // --text-body (14px) — was `var(--text-fs)`, a token typo
+            // with no fallback; making the inheritance explicit preserves
+            // the rendering while removing the dangling reference.
+            var cellSx = _objectSpread(_objectSpread(_objectSpread(_objectSpread({
+              fontSize: "var(--text-body)",
+              whiteSpace: col.wrap ? "normal" : "nowrap",
+              overflow: "hidden",
+              textOverflow: "ellipsis"
+            }, col.mono ? {
+              fontFamily: "var(--font-mono)"
+            } : {}), col.numeric || col.mono ? {
+              fontVariantNumeric: "tabular-nums"
+            } : {}), effectiveWidth != null ? {
+              width: effectiveWidth
+            } : {}), col.maxWidth != null ? {
+              maxWidth: col.maxWidth
+            } : {});
+            return /*#__PURE__*/_jsx(TableCell, {
+              align: col.align || (col.numeric ? "right" : "left"),
+              sx: cellSx,
+              children: col.render ? col.render(row) : (_ref4 = value) !== null && _ref4 !== void 0 ? _ref4 : "—"
+            }, col.key);
+          })]
+        }, virtualItem.key);
+      }), paddingBottom > 0 && /*#__PURE__*/_jsx(TableRow, {
+        "aria-hidden": "true",
+        style: {
+          height: paddingBottom
+        },
+        children: /*#__PURE__*/_jsx(TableCell, {
+          colSpan: colCount,
+          sx: PADDING_CELL_SX
+        })
+      })]
+    });
+  }
+  return /*#__PURE__*/_jsxs(Box, {
+    sx: CONTAINER_SX,
+    children: [/*#__PURE__*/_jsx(Box, {
+      ref: scrollRef,
+      sx: scrollContainerSx,
+      children: /*#__PURE__*/_jsxs(Table, {
+        "aria-label": tableAria,
+        "aria-rowcount": rows.length ? rows.length + 1 : undefined,
+        size: densityProp === "compact" ? "small" : "medium",
+        stickyHeader: true,
+        sx: tableSx,
+        children: [/*#__PURE__*/_jsx(TableHead, {
+          children: /*#__PURE__*/_jsxs(TableRow, {
+            "aria-rowindex": 1,
+            children: [showCheckbox && /*#__PURE__*/_jsx(TableCell, {
+              padding: "checkbox",
+              sx: HEADER_CHECKBOX_CELL_SX,
+              children: /*#__PURE__*/_jsx(Checkbox, {
+                size: "small",
+                checked: allSelected,
+                indeterminate: someSelected,
+                onChange: toggleAll,
+                slotProps: {
+                  input: {
+                    "aria-label": L.selectAll
+                  }
+                }
+              })
+            }), columns.map(function (col) {
+              var _ref5;
+              var isSortable = sortable(col);
+              var isResizable = resizable && col.resizable !== false;
+              var isReorderable = reorderable && col.reorderable !== false;
+              var ariaSort = isSortable ? getAriaSort(sort, col.key) : undefined;
+              var effectiveWidth = (_ref5 = resize.liveWidths && resize.liveWidths[col.key]) !== null && _ref5 !== void 0 ? _ref5 : col.width;
+              var reorderHandlers = isReorderable ? reorder.cellHandlers(col.key) : null;
+              var reorderFeedbackSx = isReorderable ? reorder.cellSx(col.key) : undefined;
+              return /*#__PURE__*/_jsxs(TableCell, _objectSpread(_objectSpread({
+                align: col.align || (col.numeric ? "right" : "left"),
+                "aria-sort": ariaSort
+              }, reorderHandlers || {}), {}, {
+                sx: _objectSpread(_objectSpread({
+                  position: "sticky",
+                  top: 0,
+                  zIndex: 1
+                }, effectiveWidth != null ? {
+                  width: effectiveWidth
+                } : {}), reorderFeedbackSx ? reorderFeedbackSx : {}),
+                children: [isSortable && onSortChange ? /*#__PURE__*/_jsx(SortableHeader, {
+                  sortKey: col.key,
+                  sort: sort,
+                  setSort: onSortChange,
+                  align: col.align || (col.numeric ? "right" : "left"),
+                  children: col.header
+                }) : col.header, isReorderable && /*#__PURE__*/_jsx(Box, {
+                  component: "button",
+                  type: "button",
+                  "data-reorder-grip": col.key,
+                  "aria-label": "R\xE9organiser la colonne",
+                  "aria-keyshortcuts": "ArrowLeft ArrowRight Home End",
+                  onKeyDown: function onKeyDown(e) {
+                    if (e.key === "ArrowLeft" || e.key === "ArrowRight" || e.key === "Home" || e.key === "End") {
+                      pendingReorderFocusRef.current = col.key;
+                    }
+                    reorder.handleKeyDown(col.key)(e);
+                  },
+                  sx: REORDER_GRIP_SX,
+                  children: /*#__PURE__*/_jsx(DragIndicatorIcon, {
+                    sx: {
+                      fontSize: 14
+                    }
+                  })
+                }), isResizable && /*#__PURE__*/_jsx(Box, {
+                  role: "separator",
+                  "aria-orientation": "vertical",
+                  "aria-label": "Redimensionner la colonne",
+                  tabIndex: 0,
+                  "aria-valuenow": typeof effectiveWidth === "number" ? Math.round(effectiveWidth) : undefined,
+                  "aria-valuemin": resize.minWidth,
+                  draggable: "false",
+                  onMouseDown: resize.handleMouseDown(col.key),
+                  onKeyDown: resize.handleKeyDown(col.key),
+                  sx: {
+                    position: "absolute",
+                    top: 0,
+                    insetInlineEnd: 0,
+                    width: 8,
+                    height: "100%",
+                    cursor: "col-resize",
+                    userSelect: "none",
+                    touchAction: "none",
+                    zIndex: 2,
+                    "&:hover": {
+                      background: "var(--state-hover-overlay)"
+                    },
+                    "&:active": {
+                      background: "var(--state-pressed-overlay)"
+                    },
+                    "&:focus-visible": {
+                      outline: "2px solid var(--accent)",
+                      outlineOffset: "-1px",
+                      background: "var(--state-hover-overlay)"
+                    }
+                  }
+                })]
+              }), col.key);
+            })]
+          })
+        }), body]
+      })
+    }), pagination && /*#__PURE__*/_jsx(Pagination, _objectSpread(_objectSpread({}, pagination), {}, {
+      loading: loading,
+      locale: locale,
+      labels: L.pagination
+    }))]
+  });
+}
+export default DataGridVirtualized;
+//# sourceMappingURL=DataGridVirtualized.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"DataGridVirtualized.js","names":["React","Box","Table","TableHead","TableBody","TableRow","TableCell","Checkbox","DragIndicatorIcon","useVirtualizer","SkeletonRow","SortableHeader","getAriaSort","useDelayedFlag","density","DEFAULT_MAX_BODY_HEIGHT","mergeLabels","useColumnsStabilityWarn","applyColumnOrder","CONTAINER_SX","TABLE_BY_DENSITY","ROW_CLICKABLE_SX","ROW_STATIC_SX","HEADER_CHECKBOX_CELL_SX","BODY_CHECKBOX_CELL_SX","ERROR_CELL_SX","ERROR_INNER_SX","Pagination","useColumnResize","useColumnReorder","jsx","_jsx","jsxs","_jsxs","DEFAULT_ROW_HEIGHT_BY_DENSITY","Object","freeze","spacious","row","comfortable","compact","ultraCompact","PADDING_CELL_SX","padding","border","REORDER_GRIP_SX","position","insetInlineStart","top","transform","zIndex","display","alignItems","justifyContent","width","height","borderRadius","background","color","cursor","opacity","pointerEvents","transition","fontFamily","outline","outlineOffset","readCellValue","key","defaultGetRowId","id","DataGridVirtualized","_ref","_ref2","_ref$rows","rows","_ref$columns","columns","rawColumns","_ref$loading","loading","_ref$error","error","_ref$sort","sort","onSortChange","selection","onSelectionChange","pagination","emptyState","filteredEmptyState","errorState","_ref$getRowId","getRowId","onRowClick","rowFlashId","_ref$filtered","filtered","_ref$density","densityProp","ariaLabel","_ref$locale","locale","labels","_ref$maxBodyHeight","maxBodyHeight","rowHeight","_ref$overscan","overscan","_ref$resizable","resizable","columnWidths","onColumnWidthsChange","_ref$reorderable","reorderable","columnOrder","onColumnOrderChange","L","useMemo","tableAria","showSkeleton","resize","reorder","resizeIsActive","isResizing","pendingReorderFocusRef","useRef","useEffect","current","document","escaped","window","CSS","escape","el","querySelector","concat","HTMLElement","focus","effectiveRowHeight","showCheckbox","colCount","length","sortable","col","selectedSet","Set","allSelected","every","r","has","someSelected","some","toggleAll","map","toggleRow","next","add","handleRowKeyDown","e","preventDefault","scrollRef","virtualizer","count","getScrollElement","estimateSize","virtualItems","getVirtualItems","totalSize","getTotalSize","firstItem","lastItem","paddingTop","start","paddingBottom","end","scrollContainerSx","overflow","maxHeight","tableDensityKey","tableSx","body","children","Array","from","_","i","cols","withCheckbox","withActions","colSpan","sx","undefined","style","virtualItem","index","isSelected","flash","clickable","hover","className","onClick","onKeyDown","tabIndex","size","checked","onChange","stopPropagation","slotProps","input","selectRow","_ref3","_ref4","value","getValue","effectiveWidth","liveWidths","cellSx","_objectSpread","fontSize","whiteSpace","wrap","textOverflow","mono","numeric","fontVariantNumeric","maxWidth","align","render","ref","stickyHeader","indeterminate","selectAll","_ref5","isSortable","isResizable","isReorderable","ariaSort","reorderHandlers","cellHandlers","reorderFeedbackSx","sortKey","setSort","header","component","type","handleKeyDown","role","Math","round","minWidth","draggable","onMouseDown","handleMouseDown","insetInlineEnd","userSelect","touchAction"],"sources":["../../../../src/lib/v2/patterns/DataGridVirtualized.tsx"],"sourcesContent":["import * as React from \"react\";\r\nimport Box from \"@mui/material/Box\";\r\nimport Table from \"@mui/material/Table\";\r\nimport TableHead from \"@mui/material/TableHead\";\r\nimport TableBody from \"@mui/material/TableBody\";\r\nimport TableRow from \"@mui/material/TableRow\";\r\nimport TableCell from \"@mui/material/TableCell\";\r\nimport Checkbox from \"@mui/material/Checkbox\";\r\nimport DragIndicatorIcon from \"@mui/icons-material/DragIndicator\";\r\nimport type { SxProps, Theme } from \"@mui/material/styles\";\r\nimport type { SystemStyleObject } from \"@mui/system\";\r\nimport { useVirtualizer } from \"@tanstack/react-virtual\";\r\nimport { SkeletonRow } from \"../components/Skeleton\";\r\nimport SortableHeader, { getAriaSort } from \"./SortableHeader\";\r\nimport useDelayedFlag from \"../hooks/useDelayedFlag\";\r\nimport { density } from \"../tokens\";\r\nimport {\r\n  DEFAULT_MAX_BODY_HEIGHT,\r\n  mergeLabels,\r\n  useColumnsStabilityWarn,\r\n  applyColumnOrder,\r\n  CONTAINER_SX,\r\n  TABLE_BY_DENSITY,\r\n  ROW_CLICKABLE_SX,\r\n  ROW_STATIC_SX,\r\n  HEADER_CHECKBOX_CELL_SX,\r\n  BODY_CHECKBOX_CELL_SX,\r\n  ERROR_CELL_SX,\r\n  ERROR_INNER_SX,\r\n  Pagination,\r\n} from \"./_dataGridShared\";\r\nimport useColumnResize from \"./_useColumnResize\";\r\nimport useColumnReorder from \"./_useColumnReorder\";\r\nimport type {\r\n  DataGridColumn,\r\n  DataGridLabels,\r\n  DataGridPagination,\r\n} from \"../types/datagrid\";\r\nimport type { Density, RowId, SortDescriptor } from \"../types/common\";\r\n\r\n/**\r\n * DataGridVirtualized - Portnet UI v2 (pattern)\r\n *\r\n * Same public API as DataGrid + four virtualization-specific props\r\n * + the resize/reorder opt-ins (mirrors DataGrid):\r\n *\r\n *   rowHeight, overscan                             — virtualization\r\n *   resizable, columnWidths, onColumnWidthsChange   — resize\r\n *   reorderable, columnOrder, onColumnOrderChange   — reorder\r\n *\r\n * When to use:\r\n *   - 1000+ rows where pagination would feel artificial.\r\n *   - Audit logs / ledgers / \"view all\" flows.\r\n *\r\n * When NOT to use:\r\n *   - <100 rows: DataGrid is simpler.\r\n *   - Variable-height rows: NOT supported (uniform rowHeight only).\r\n *\r\n * Virtualization caveats:\r\n *   - rowFlashId only fires when the target row is in the current window.\r\n *     For confirmations that survive scroll, use a Toast.\r\n *   - Sort + filter cost is host-side.\r\n *\r\n * A11y (DG-V1): the table advertises aria-rowcount over the FULL dataset while\r\n * only the windowed rows are in the DOM, so every rendered row carries an\r\n * explicit aria-rowindex (header = 1, data row = virtualItem.index + 2) so SR\r\n * users hear their true position. aria-hidden spacer rows stay unindexed.\r\n * DG-2: the resize grip is a focusable role=\"separator\" (tabIndex 0,\r\n * aria-valuenow/valuemin) operable by pointer AND keyboard (Arrow / Home).\r\n * DG-R1: reorderable columns expose a hover/focus-revealed grip button\r\n * (aria-keyshortcuts Arrow/Home/End → useColumnReorder.handleKeyDown) so column\r\n * reorder is keyboard-operable, not drag-only; focus follows the moved column.\r\n */\r\n\r\n/** Row-height density tiers for the virtualizer — a distinct, wider set than\r\n *  the canonical 2-tier Density (which governs table cell padding). */\r\nexport type DataGridVirtualizedDensity =\r\n  | \"spacious\"\r\n  | \"comfortable\"\r\n  | \"compact\"\r\n  | \"ultraCompact\";\r\n\r\nexport interface DataGridVirtualizedProps<T> {\r\n  rows?: T[] | undefined;\r\n  columns: DataGridColumn<T>[];\r\n  loading?: boolean | undefined;\r\n  /** Any truthy value switches the grid to its error branch. */\r\n  error?: unknown;\r\n  sort?: SortDescriptor[] | undefined;\r\n  onSortChange?: React.Dispatch<React.SetStateAction<SortDescriptor[]>> | undefined;\r\n  selection?: Set<RowId> | RowId[] | undefined;\r\n  onSelectionChange?: ((selection: Set<RowId>) => void) | undefined;\r\n  pagination?: DataGridPagination | undefined;\r\n  emptyState?: React.ReactNode | undefined;\r\n  filteredEmptyState?: React.ReactNode | undefined;\r\n  errorState?: React.ReactNode | undefined;\r\n  getRowId?: ((row: T) => RowId) | undefined;\r\n  onRowClick?: ((row: T) => void) | undefined;\r\n  rowFlashId?: RowId | undefined;\r\n  filtered?: boolean | undefined;\r\n  density?: DataGridVirtualizedDensity | undefined;\r\n  ariaLabel?: string | undefined;\r\n  locale?: string | undefined;\r\n  labels?: DataGridLabels | undefined;\r\n  maxBodyHeight?: number | string | undefined;\r\n  /** Uniform row height in px (overrides the density default). */\r\n  rowHeight?: number | undefined;\r\n  /** Rows rendered beyond the visible window on each side. */\r\n  overscan?: number | undefined;\r\n  resizable?: boolean | undefined;\r\n  columnWidths?: Record<string, number> | undefined;\r\n  onColumnWidthsChange?: ((widths: Record<string, number>) => void) | undefined;\r\n  reorderable?: boolean | undefined;\r\n  columnOrder?: string[] | undefined;\r\n  onColumnOrderChange?: ((order: string[]) => void) | undefined;\r\n}\r\n\r\n/** Default row height by density tier. */\r\nconst DEFAULT_ROW_HEIGHT_BY_DENSITY: Record<DataGridVirtualizedDensity, number> =\r\n  Object.freeze({\r\n    spacious: density.spacious.row, // 56\r\n    comfortable: density.comfortable.row, // 44\r\n    compact: density.compact.row, // 36\r\n    ultraCompact: density.ultraCompact.row, // 28\r\n  });\r\n\r\nconst PADDING_CELL_SX = Object.freeze({ padding: 0, border: 0 });\r\n\r\n/* DG-R1 — reorder grip button. Hidden (opacity 0) until the header is hovered /\r\n * focus-within, and always revealed while itself focus-visible so it stays\r\n * Tab-reachable. Absolutely positioned in the header cell's inline-start\r\n * padding; background matches the header so it masks the sliver it overlaps. */\r\nconst REORDER_GRIP_SX = Object.freeze({\r\n  position: \"absolute\",\r\n  insetInlineStart: 2,\r\n  top: \"50%\",\r\n  transform: \"translateY(-50%)\",\r\n  zIndex: 2,\r\n  display: \"inline-flex\",\r\n  alignItems: \"center\",\r\n  justifyContent: \"center\",\r\n  width: 18,\r\n  height: 18,\r\n  padding: 0,\r\n  border: \"none\",\r\n  borderRadius: \"var(--r-sm)\",\r\n  background: \"var(--bg-subtle)\",\r\n  color: \"var(--fg-subtle)\",\r\n  cursor: \"grab\",\r\n  opacity: 0,\r\n  pointerEvents: \"none\",\r\n  transition: \"opacity var(--duration-fast, 120ms) ease\",\r\n  fontFamily: \"inherit\",\r\n  \"th:hover &, th:focus-within &\": { opacity: 1, pointerEvents: \"auto\" },\r\n  \"@media (pointer: coarse)\": { opacity: 1, pointerEvents: \"auto\" },\r\n  \"&:focus-visible\": {\r\n    outline: \"2px solid var(--accent)\",\r\n    outlineOffset: \"-1px\",\r\n    opacity: 1,\r\n    pointerEvents: \"auto\",\r\n  },\r\n} satisfies SxProps<Theme>);\r\n\r\n/* Default value accessor for an unconstrained row type — typed against\r\n * `unknown` so the single assertion is legal (mirrors DataGrid). */\r\nfunction readCellValue(row: unknown, key: string): unknown {\r\n  return (row as Record<string, unknown>)[key];\r\n}\r\n\r\n/* Default getRowId (`(r) => r.id`); `(unknown) => RowId` is assignable to\r\n * the declared `(row: T) => RowId` by parameter contravariance. */\r\nconst defaultGetRowId = (row: unknown): RowId => (row as { id: RowId }).id;\r\n\r\nfunction DataGridVirtualized<T>({\r\n  rows = [],\r\n  columns: rawColumns = [],\r\n  loading = false,\r\n  error = null,\r\n  sort = [],\r\n  onSortChange,\r\n  selection,\r\n  onSelectionChange,\r\n  pagination,\r\n  emptyState,\r\n  filteredEmptyState,\r\n  errorState,\r\n  getRowId = defaultGetRowId,\r\n  onRowClick,\r\n  rowFlashId,\r\n  filtered = false,\r\n  density: densityProp = \"comfortable\",\r\n  ariaLabel,\r\n  locale = \"fr-FR\",\r\n  labels,\r\n  maxBodyHeight = DEFAULT_MAX_BODY_HEIGHT,\r\n  // Virtualization\r\n  rowHeight,\r\n  overscan = 10,\r\n  // Resize\r\n  resizable = false,\r\n  columnWidths,\r\n  onColumnWidthsChange,\r\n  // Reorder\r\n  reorderable = false,\r\n  columnOrder,\r\n  onColumnOrderChange,\r\n}: DataGridVirtualizedProps<T>) {\r\n  const L = React.useMemo(() => mergeLabels(labels), [labels]);\r\n  const tableAria = ariaLabel != null ? ariaLabel : L.tableAria;\r\n\r\n  const showSkeleton = useDelayedFlag(loading);\r\n\r\n  useColumnsStabilityWarn(rawColumns);\r\n\r\n  // Apply host-supplied column order (defensive, see _dataGridShared).\r\n  const columns = React.useMemo(\r\n    () => applyColumnOrder(rawColumns, columnOrder),\r\n    [rawColumns, columnOrder]\r\n  );\r\n\r\n  // Resize + reorder hooks. Cross-coupled via resizeIsActive.\r\n  const resize = useColumnResize(columnWidths, onColumnWidthsChange);\r\n  const reorder = useColumnReorder(columns, columnOrder, onColumnOrderChange, {\r\n    resizeIsActive: resize.isResizing,\r\n  });\r\n\r\n  // DG-R1 — after a keyboard reorder the moved column's grip is re-rendered at\r\n  // a new position and the browser drops focus; re-focus it so repeated Arrow\r\n  // presses keep moving the same column. Keyed on the host-controlled order.\r\n  const pendingReorderFocusRef = React.useRef<string | null>(null);\r\n  React.useEffect(() => {\r\n    const key = pendingReorderFocusRef.current;\r\n    if (!key || typeof document === \"undefined\") return;\r\n    pendingReorderFocusRef.current = null;\r\n    const escaped =\r\n      typeof window !== \"undefined\" &&\r\n      window.CSS &&\r\n      typeof window.CSS.escape === \"function\"\r\n        ? window.CSS.escape(key)\r\n        : key;\r\n    const el = document.querySelector(`[data-reorder-grip=\"${escaped}\"]`);\r\n    if (el instanceof HTMLElement) el.focus();\r\n  }, [columnOrder]);\r\n\r\n  // Effective row height: prop wins, otherwise density default.\r\n  const effectiveRowHeight =\r\n    rowHeight ??\r\n    DEFAULT_ROW_HEIGHT_BY_DENSITY[densityProp] ??\r\n    DEFAULT_ROW_HEIGHT_BY_DENSITY.comfortable;\r\n\r\n  const showCheckbox = !!onSelectionChange;\r\n  const colCount = columns.length + (showCheckbox ? 1 : 0);\r\n\r\n  const sortable = (col: DataGridColumn<T>): boolean =>\r\n    col.sortable !== false && !!col.key && !!onSortChange;\r\n\r\n  const selectedSet = React.useMemo(\r\n    () => (selection instanceof Set ? selection : new Set(selection || [])),\r\n    [selection]\r\n  );\r\n  const allSelected =\r\n    rows.length > 0 && rows.every((r) => selectedSet.has(getRowId(r)));\r\n  const someSelected =\r\n    !allSelected && rows.some((r) => selectedSet.has(getRowId(r)));\r\n\r\n  const toggleAll = () => {\r\n    if (!onSelectionChange) return;\r\n    if (allSelected) onSelectionChange(new Set<RowId>());\r\n    else onSelectionChange(new Set(rows.map(getRowId)));\r\n  };\r\n  const toggleRow = (id: RowId) => {\r\n    if (!onSelectionChange) return;\r\n    const next = new Set(selectedSet);\r\n    if (next.has(id)) next.delete(id);\r\n    else next.add(id);\r\n    onSelectionChange(next);\r\n  };\r\n\r\n  const handleRowKeyDown =\r\n    (row: T) => (e: React.KeyboardEvent<HTMLElement>) => {\r\n      if (!onRowClick) return;\r\n      if (e.key === \"Enter\" || e.key === \" \") {\r\n        e.preventDefault();\r\n        onRowClick(row);\r\n      }\r\n    };\r\n\r\n  const scrollRef = React.useRef<HTMLDivElement>(null);\r\n\r\n  const virtualizer = useVirtualizer({\r\n    count: rows.length,\r\n    getScrollElement: () => scrollRef.current,\r\n    estimateSize: () => effectiveRowHeight,\r\n    overscan,\r\n  });\r\n\r\n  const virtualItems = virtualizer.getVirtualItems();\r\n  const totalSize = virtualizer.getTotalSize();\r\n  const firstItem = virtualItems[0];\r\n  const lastItem = virtualItems[virtualItems.length - 1];\r\n  const paddingTop = firstItem ? firstItem.start : 0;\r\n  const paddingBottom = lastItem ? totalSize - lastItem.end : 0;\r\n\r\n  const scrollContainerSx = React.useMemo<SxProps<Theme>>(\r\n    () => ({ overflow: \"auto\", maxHeight: maxBodyHeight }),\r\n    [maxBodyHeight]\r\n  );\r\n  // TABLE_BY_DENSITY is keyed by the 2-tier Density; map the wider tier down\r\n  // (matches the JS `TABLE_BY_DENSITY[dp] || .comfortable` fallback).\r\n  const tableDensityKey: Density =\r\n    densityProp === \"compact\" ? \"compact\" : \"comfortable\";\r\n  const tableSx = TABLE_BY_DENSITY[tableDensityKey];\r\n\r\n  // ── Body branches ──────────────────────────────────────────────\r\n  let body: React.ReactNode;\r\n  if (showSkeleton) {\r\n    body = (\r\n      <TableBody aria-busy=\"true\">\r\n        {Array.from({ length: 6 }, (_, i) => (\r\n          <SkeletonRow\r\n            key={`sk-${i}`}\r\n            cols={columns.length}\r\n            withCheckbox={showCheckbox}\r\n            withActions={false}\r\n          />\r\n        ))}\r\n      </TableBody>\r\n    );\r\n  } else if (error) {\r\n    body = (\r\n      <TableBody>\r\n        <TableRow>\r\n          <TableCell colSpan={colCount} sx={ERROR_CELL_SX}>\r\n            <Box sx={ERROR_INNER_SX}>{errorState}</Box>\r\n          </TableCell>\r\n        </TableRow>\r\n      </TableBody>\r\n    );\r\n  } else if (rows.length === 0) {\r\n    body = (\r\n      <TableBody aria-busy={loading || undefined}>\r\n        <TableRow>\r\n          <TableCell colSpan={colCount} sx={ERROR_CELL_SX}>\r\n            <Box sx={ERROR_INNER_SX}>\r\n              {filtered ? filteredEmptyState : emptyState}\r\n            </Box>\r\n          </TableCell>\r\n        </TableRow>\r\n      </TableBody>\r\n    );\r\n  } else {\r\n    body = (\r\n      <TableBody aria-busy={loading || undefined}>\r\n        {paddingTop > 0 && (\r\n          <TableRow aria-hidden=\"true\" style={{ height: paddingTop }}>\r\n            <TableCell colSpan={colCount} sx={PADDING_CELL_SX} />\r\n          </TableRow>\r\n        )}\r\n        {virtualItems.map((virtualItem) => {\r\n          const row = rows[virtualItem.index];\r\n          if (!row) return null;\r\n          const id = getRowId(row);\r\n          const isSelected = selectedSet.has(id);\r\n          const flash = rowFlashId === id;\r\n          const clickable = !!onRowClick;\r\n          return (\r\n            <TableRow\r\n              key={virtualItem.key}\r\n              data-index={virtualItem.index}\r\n              aria-rowindex={virtualItem.index + 2}\r\n              hover\r\n              data-selected={isSelected || undefined}\r\n              className={flash ? \"pui-row-updated\" : undefined}\r\n              onClick={clickable ? () => onRowClick?.(row) : undefined}\r\n              onKeyDown={clickable ? handleRowKeyDown(row) : undefined}\r\n              tabIndex={clickable ? 0 : undefined}\r\n              style={{ height: virtualItem.size }}\r\n              sx={clickable ? ROW_CLICKABLE_SX : ROW_STATIC_SX}\r\n            >\r\n              {showCheckbox && (\r\n                <TableCell padding=\"checkbox\" sx={BODY_CHECKBOX_CELL_SX}>\r\n                  <Checkbox\r\n                    size=\"small\"\r\n                    checked={isSelected}\r\n                    onChange={(e) => {\r\n                      e.stopPropagation();\r\n                      toggleRow(id);\r\n                    }}\r\n                    onClick={(e) => e.stopPropagation()}\r\n                    onKeyDown={(e) => e.stopPropagation()}\r\n                    slotProps={{ input: { \"aria-label\": L.selectRow(id) } }}\r\n                  />\r\n                </TableCell>\r\n              )}\r\n              {columns.map((col) => {\r\n                const value = col.getValue\r\n                  ? col.getValue(row)\r\n                  : readCellValue(row, col.key);\r\n                const effectiveWidth =\r\n                  (resize.liveWidths && resize.liveWidths[col.key]) ??\r\n                  col.width;\r\n                // --text-body (14px) — was `var(--text-fs)`, a token typo\r\n                // with no fallback; making the inheritance explicit preserves\r\n                // the rendering while removing the dangling reference.\r\n                const cellSx: SxProps<Theme> = {\r\n                  fontSize: \"var(--text-body)\",\r\n                  whiteSpace: col.wrap ? \"normal\" : \"nowrap\",\r\n                  overflow: \"hidden\",\r\n                  textOverflow: \"ellipsis\",\r\n                  ...(col.mono ? { fontFamily: \"var(--font-mono)\" } : {}),\r\n                  ...(col.numeric || col.mono\r\n                    ? { fontVariantNumeric: \"tabular-nums\" }\r\n                    : {}),\r\n                  ...(effectiveWidth != null ? { width: effectiveWidth } : {}),\r\n                  ...(col.maxWidth != null ? { maxWidth: col.maxWidth } : {}),\r\n                };\r\n                return (\r\n                  <TableCell\r\n                    key={col.key}\r\n                    align={col.align || (col.numeric ? \"right\" : \"left\")}\r\n                    sx={cellSx}\r\n                  >\r\n                    {col.render\r\n                      ? col.render(row)\r\n                      : (value as React.ReactNode) ?? \"—\"}\r\n                  </TableCell>\r\n                );\r\n              })}\r\n            </TableRow>\r\n          );\r\n        })}\r\n        {paddingBottom > 0 && (\r\n          <TableRow aria-hidden=\"true\" style={{ height: paddingBottom }}>\r\n            <TableCell colSpan={colCount} sx={PADDING_CELL_SX} />\r\n          </TableRow>\r\n        )}\r\n      </TableBody>\r\n    );\r\n  }\r\n\r\n  return (\r\n    <Box sx={CONTAINER_SX}>\r\n      <Box ref={scrollRef} sx={scrollContainerSx}>\r\n        <Table\r\n          aria-label={tableAria}\r\n          aria-rowcount={rows.length ? rows.length + 1 : undefined}\r\n          size={densityProp === \"compact\" ? \"small\" : \"medium\"}\r\n          stickyHeader\r\n          sx={tableSx}\r\n        >\r\n          <TableHead>\r\n            <TableRow aria-rowindex={1}>\r\n              {showCheckbox && (\r\n                <TableCell padding=\"checkbox\" sx={HEADER_CHECKBOX_CELL_SX}>\r\n                  <Checkbox\r\n                    size=\"small\"\r\n                    checked={allSelected}\r\n                    indeterminate={someSelected}\r\n                    onChange={toggleAll}\r\n                    slotProps={{ input: { \"aria-label\": L.selectAll } }}\r\n                  />\r\n                </TableCell>\r\n              )}\r\n              {columns.map((col) => {\r\n                const isSortable = sortable(col);\r\n                const isResizable = resizable && col.resizable !== false;\r\n                const isReorderable = reorderable && col.reorderable !== false;\r\n                const ariaSort = isSortable\r\n                  ? getAriaSort(sort, col.key)\r\n                  : undefined;\r\n                const effectiveWidth =\r\n                  (resize.liveWidths && resize.liveWidths[col.key]) ??\r\n                  col.width;\r\n                const reorderHandlers = isReorderable\r\n                  ? reorder.cellHandlers(col.key)\r\n                  : null;\r\n                const reorderFeedbackSx = isReorderable\r\n                  ? reorder.cellSx(col.key)\r\n                  : undefined;\r\n                return (\r\n                  <TableCell\r\n                    key={col.key}\r\n                    align={col.align || (col.numeric ? \"right\" : \"left\")}\r\n                    aria-sort={ariaSort}\r\n                    {...(reorderHandlers || {})}\r\n                    sx={{\r\n                      position: \"sticky\",\r\n                      top: 0,\r\n                      zIndex: 1,\r\n                      ...(effectiveWidth != null\r\n                        ? { width: effectiveWidth }\r\n                        : {}),\r\n                      ...(reorderFeedbackSx\r\n                        ? (reorderFeedbackSx as SystemStyleObject<Theme>)\r\n                        : {}),\r\n                    }}\r\n                  >\r\n                    {isSortable && onSortChange ? (\r\n                      <SortableHeader\r\n                        sortKey={col.key}\r\n                        sort={sort}\r\n                        setSort={onSortChange}\r\n                        align={col.align || (col.numeric ? \"right\" : \"left\")}\r\n                      >\r\n                        {col.header}\r\n                      </SortableHeader>\r\n                    ) : (\r\n                      col.header\r\n                    )}\r\n\r\n                    {isReorderable && (\r\n                      <Box\r\n                        component=\"button\"\r\n                        type=\"button\"\r\n                        data-reorder-grip={col.key}\r\n                        aria-label=\"Réorganiser la colonne\"\r\n                        aria-keyshortcuts=\"ArrowLeft ArrowRight Home End\"\r\n                        onKeyDown={(e) => {\r\n                          if (\r\n                            e.key === \"ArrowLeft\" ||\r\n                            e.key === \"ArrowRight\" ||\r\n                            e.key === \"Home\" ||\r\n                            e.key === \"End\"\r\n                          ) {\r\n                            pendingReorderFocusRef.current = col.key;\r\n                          }\r\n                          reorder.handleKeyDown(col.key)(e);\r\n                        }}\r\n                        sx={REORDER_GRIP_SX}\r\n                      >\r\n                        <DragIndicatorIcon sx={{ fontSize: 14 }} />\r\n                      </Box>\r\n                    )}\r\n\r\n                    {isResizable && (\r\n                      <Box\r\n                        role=\"separator\"\r\n                        aria-orientation=\"vertical\"\r\n                        aria-label=\"Redimensionner la colonne\"\r\n                        tabIndex={0}\r\n                        aria-valuenow={\r\n                          typeof effectiveWidth === \"number\"\r\n                            ? Math.round(effectiveWidth)\r\n                            : undefined\r\n                        }\r\n                        aria-valuemin={resize.minWidth}\r\n                        draggable=\"false\"\r\n                        onMouseDown={resize.handleMouseDown(col.key)}\r\n                        onKeyDown={resize.handleKeyDown(col.key)}\r\n                        sx={{\r\n                          position: \"absolute\",\r\n                          top: 0,\r\n                          insetInlineEnd: 0,\r\n                          width: 8,\r\n                          height: \"100%\",\r\n                          cursor: \"col-resize\",\r\n                          userSelect: \"none\",\r\n                          touchAction: \"none\",\r\n                          zIndex: 2,\r\n                          \"&:hover\": {\r\n                            background: \"var(--state-hover-overlay)\",\r\n                          },\r\n                          \"&:active\": {\r\n                            background: \"var(--state-pressed-overlay)\",\r\n                          },\r\n                          \"&:focus-visible\": {\r\n                            outline: \"2px solid var(--accent)\",\r\n                            outlineOffset: \"-1px\",\r\n                            background: \"var(--state-hover-overlay)\",\r\n                          },\r\n                        }}\r\n                      />\r\n                    )}\r\n                  </TableCell>\r\n                );\r\n              })}\r\n            </TableRow>\r\n          </TableHead>\r\n          {body}\r\n        </Table>\r\n      </Box>\r\n      {pagination && (\r\n        <Pagination\r\n          {...pagination}\r\n          loading={loading}\r\n          locale={locale}\r\n          labels={L.pagination}\r\n        />\r\n      )}\r\n    </Box>\r\n  );\r\n}\r\n\r\nexport default DataGridVirtualized;\r\n"],"mappings":"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","ignoreList":[]}