@mui/x-data-grid-pro/hooks/features/detailPanel/gridDetailPanelToggleColDef.js

The Pro plan edition of the MUI X Data Grid components.

"use strict";

var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
Object.defineProperty(exports, "__esModule", {
  value: true
});
exports.GRID_DETAIL_PANEL_TOGGLE_COL_DEF = void 0;
Object.defineProperty(exports, "GRID_DETAIL_PANEL_TOGGLE_FIELD", {
  enumerable: true,
  get: function () {
    return _internals.GRID_DETAIL_PANEL_TOGGLE_FIELD;
  }
});
var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
var React = _interopRequireWildcard(require("react"));
var _xDataGrid = require("@mui/x-data-grid");
var _internals = require("@mui/x-data-grid/internals");
var _GridDetailPanelToggleCell = require("../../../components/GridDetailPanelToggleCell");
var _gridDetailPanelSelector = require("./gridDetailPanelSelector");
var _jsxRuntime = require("react/jsx-runtime");
const GRID_DETAIL_PANEL_TOGGLE_COL_DEF = exports.GRID_DETAIL_PANEL_TOGGLE_COL_DEF = (0, _extends2.default)({}, _xDataGrid.GRID_STRING_COL_DEF, {
  type: 'custom',
  field: _internals.GRID_DETAIL_PANEL_TOGGLE_FIELD,
  editable: false,
  sortable: false,
  filterable: false,
  resizable: false,
  // @ts-ignore
  aggregable: false,
  disableColumnMenu: true,
  disableReorder: true,
  disableExport: true,
  align: 'left',
  width: 40,
  valueGetter: (value, row, column, apiRef) => {
    const rowId = (0, _xDataGrid.gridRowIdSelector)(apiRef, row);
    const expandedRowIds = (0, _gridDetailPanelSelector.gridDetailPanelExpandedRowIdsSelector)(apiRef);
    return expandedRowIds.has(rowId);
  },
  rowSpanValueGetter: (_, row, __, apiRef) => (0, _xDataGrid.gridRowIdSelector)(apiRef, row),
  renderCell: params => /*#__PURE__*/(0, _jsxRuntime.jsx)(_GridDetailPanelToggleCell.GridDetailPanelToggleCell, (0, _extends2.default)({}, params)),
  renderHeader: ({
    colDef
  }) => /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
    "aria-label": colDef.headerName
  })
});