@mui/x-data-grid 7.0.0-beta.3 → 7.0.0-beta.4

package/legacy/components/containers/GridRootStyles.js

@@ -1,395 +0,0 @@
-import _extends from "@babel/runtime/helpers/esm/extends";
-import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
-import { alpha, styled, darken, lighten, decomposeColor, recomposeColor } from '@mui/material/styles';
-import { gridClasses as c } from '../../constants/gridClasses';
-function getBorderColor(theme) {
-  if (theme.vars) {
-    return theme.vars.palette.TableCell.border;
-  }
-  if (theme.palette.mode === 'light') {
-    return lighten(alpha(theme.palette.divider, 1), 0.88);
-  }
-  return darken(alpha(theme.palette.divider, 1), 0.68);
-}
-var columnHeadersStyles = _defineProperty({}, ".".concat(c.columnSeparator, ", .").concat(c['columnSeparator--resizing']), {
-  visibility: 'visible',
-  width: 'auto'
-});
-var columnHeaderStyles = _defineProperty(_defineProperty({}, "& .".concat(c.iconButtonContainer), {
-  visibility: 'visible',
-  width: 'auto'
-}), "& .".concat(c.menuIcon), {
-  width: 'auto',
-  visibility: 'visible'
-});
-export var GridRootStyles = styled('div', {
-  name: 'MuiDataGrid',
-  slot: 'Root',
-  overridesResolver: function overridesResolver(props, styles) {
-    return [_defineProperty({}, "&.".concat(c.autoHeight), styles.autoHeight), _defineProperty({}, "&.".concat(c.aggregationColumnHeader), styles.aggregationColumnHeader), _defineProperty({}, "&.".concat(c['aggregationColumnHeader--alignLeft']), styles['aggregationColumnHeader--alignLeft']), _defineProperty({}, "&.".concat(c['aggregationColumnHeader--alignCenter']), styles['aggregationColumnHeader--alignCenter']), _defineProperty({}, "&.".concat(c['aggregationColumnHeader--alignRight']), styles['aggregationColumnHeader--alignRight']), _defineProperty({}, "&.".concat(c.aggregationColumnHeaderLabel), styles.aggregationColumnHeaderLabel), _defineProperty({}, "&.".concat(c['root--disableUserSelection'], " .").concat(c.cell), styles['root--disableUserSelection']), _defineProperty({}, "&.".concat(c.autosizing), styles.autosizing), _defineProperty({}, "& .".concat(c.editBooleanCell), styles.editBooleanCell), _defineProperty({}, "& .".concat(c['cell--editing']), styles['cell--editing']), _defineProperty({}, "& .".concat(c['cell--textCenter']), styles['cell--textCenter']), _defineProperty({}, "& .".concat(c['cell--textLeft']), styles['cell--textLeft']), _defineProperty({}, "& .".concat(c['cell--textRight']), styles['cell--textRight']), // TODO v6: Remove
-    _defineProperty({}, "& .".concat(c['cell--withRenderer']), styles['cell--withRenderer']), _defineProperty({}, "& .".concat(c.cell), styles.cell), _defineProperty({}, "& .".concat(c['cell--rangeTop']), styles['cell--rangeTop']), _defineProperty({}, "& .".concat(c['cell--rangeBottom']), styles['cell--rangeBottom']), _defineProperty({}, "& .".concat(c['cell--rangeLeft']), styles['cell--rangeLeft']), _defineProperty({}, "& .".concat(c['cell--rangeRight']), styles['cell--rangeRight']), _defineProperty({}, "& .".concat(c['cell--withRightBorder']), styles['cell--withRightBorder']), _defineProperty({}, "& .".concat(c.cellContent), styles.cellContent), _defineProperty({}, "& .".concat(c.cellCheckbox), styles.cellCheckbox), _defineProperty({}, "& .".concat(c.cellSkeleton), styles.cellSkeleton), _defineProperty({}, "& .".concat(c.checkboxInput), styles.checkboxInput), _defineProperty({}, "& .".concat(c['columnHeader--alignCenter']), styles['columnHeader--alignCenter']), _defineProperty({}, "& .".concat(c['columnHeader--alignLeft']), styles['columnHeader--alignLeft']), _defineProperty({}, "& .".concat(c['columnHeader--alignRight']), styles['columnHeader--alignRight']), _defineProperty({}, "& .".concat(c['columnHeader--dragging']), styles['columnHeader--dragging']), _defineProperty({}, "& .".concat(c['columnHeader--moving']), styles['columnHeader--moving']), _defineProperty({}, "& .".concat(c['columnHeader--numeric']), styles['columnHeader--numeric']), _defineProperty({}, "& .".concat(c['columnHeader--sortable']), styles['columnHeader--sortable']), _defineProperty({}, "& .".concat(c['columnHeader--sorted']), styles['columnHeader--sorted']), _defineProperty({}, "& .".concat(c['columnHeader--withRightBorder']), styles['columnHeader--withRightBorder']), _defineProperty({}, "& .".concat(c.columnHeader), styles.columnHeader), _defineProperty({}, "& .".concat(c.headerFilterRow), styles.headerFilterRow), _defineProperty({}, "& .".concat(c.columnHeaderCheckbox), styles.columnHeaderCheckbox), _defineProperty({}, "& .".concat(c.columnHeaderDraggableContainer), styles.columnHeaderDraggableContainer), _defineProperty({}, "& .".concat(c.columnHeaderTitleContainer), styles.columnHeaderTitleContainer), _defineProperty({}, "& .".concat(c['columnSeparator--resizable']), styles['columnSeparator--resizable']), _defineProperty({}, "& .".concat(c['columnSeparator--resizing']), styles['columnSeparator--resizing']), _defineProperty({}, "& .".concat(c.columnSeparator), styles.columnSeparator), _defineProperty({}, "& .".concat(c.filterIcon), styles.filterIcon), _defineProperty({}, "& .".concat(c.iconSeparator), styles.iconSeparator), _defineProperty({}, "& .".concat(c.menuIcon), styles.menuIcon), _defineProperty({}, "& .".concat(c.menuIconButton), styles.menuIconButton), _defineProperty({}, "& .".concat(c.menuOpen), styles.menuOpen), _defineProperty({}, "& .".concat(c.menuList), styles.menuList), _defineProperty({}, "& .".concat(c['row--editable']), styles['row--editable']), _defineProperty({}, "& .".concat(c['row--editing']), styles['row--editing']), _defineProperty({}, "& .".concat(c['row--dragging']), styles['row--dragging']), _defineProperty({}, "& .".concat(c.row), styles.row), _defineProperty({}, "& .".concat(c.rowReorderCellPlaceholder), styles.rowReorderCellPlaceholder), _defineProperty({}, "& .".concat(c.rowReorderCell), styles.rowReorderCell), _defineProperty({}, "& .".concat(c['rowReorderCell--draggable']), styles['rowReorderCell--draggable']), _defineProperty({}, "& .".concat(c.sortIcon), styles.sortIcon), _defineProperty({}, "& .".concat(c.withBorderColor), styles.withBorderColor), _defineProperty({}, "& .".concat(c.treeDataGroupingCell), styles.treeDataGroupingCell), _defineProperty({}, "& .".concat(c.treeDataGroupingCellToggle), styles.treeDataGroupingCellToggle), _defineProperty({}, "& .".concat(c.detailPanelToggleCell), styles.detailPanelToggleCell), _defineProperty({}, "& .".concat(c['detailPanelToggleCell--expanded']), styles['detailPanelToggleCell--expanded']), styles.root];
-  }
-})(function (_ref61) {
-  var _extends2;
-  var t = _ref61.theme;
-  var borderColor = getBorderColor(t);
-  var radius = t.shape.borderRadius;
-  var containerBackground = t.vars ? t.vars.palette.background.default : t.palette.background.default;
-  var pinnedBackground = containerBackground;
-  var overlayBackground = t.vars ? "rgba(".concat(t.vars.palette.background.defaultChannel, " / ").concat(t.vars.palette.action.disabledOpacity, ")") : alpha(t.palette.background.default, t.palette.action.disabledOpacity);
-  var hoverOpacity = (t.vars || t).palette.action.hoverOpacity;
-  var hoverColor = (t.vars || t).palette.action.hover;
-  var selectedOpacity = (t.vars || t).palette.action.selectedOpacity;
-  var selectedBackground = t.vars ? "rgba(".concat(t.vars.palette.primary.mainChannel, " / ").concat(selectedOpacity, ")") : alpha(t.palette.primary.main, selectedOpacity);
-  var selectedHoverBackground = t.vars ? "rgba(".concat(t.vars.palette.primary.mainChannel, " / calc(\n                ").concat(t.vars.palette.action.selectedOpacity, " + \n                ").concat(t.vars.palette.action.hoverOpacity, "\n              ))") : alpha(t.palette.primary.main, t.palette.action.selectedOpacity + t.palette.action.hoverOpacity);
-  var pinnedHoverBackground = t.vars ? hoverColor : blend(pinnedBackground, hoverColor, hoverOpacity);
-  var pinnedSelectedBackground = t.vars ? selectedBackground : blend(pinnedBackground, selectedBackground, selectedOpacity);
-  var pinnedSelectedHoverBackground = t.vars ? hoverColor : blend(pinnedSelectedBackground, hoverColor, hoverOpacity);
-  var selectedStyles = {
-    backgroundColor: selectedBackground,
-    '&:hover': {
-      backgroundColor: selectedHoverBackground,
-      // Reset on touch devices, it doesn't add specificity
-      '@media (hover: none)': {
-        backgroundColor: selectedBackground
-      }
-    }
-  };
-  var gridStyle = _extends({
-    '--unstable_DataGrid-radius': typeof radius === 'number' ? "".concat(radius, "px") : radius,
-    '--unstable_DataGrid-headWeight': t.typography.fontWeightMedium,
-    '--unstable_DataGrid-overlayBackground': overlayBackground,
-    '--DataGrid-containerBackground': containerBackground,
-    '--DataGrid-pinnedBackground': pinnedBackground,
-    '--DataGrid-rowBorderColor': borderColor,
-    '--DataGrid-cellOffsetMultiplier': 2,
-    '--DataGrid-width': '0px',
-    '--DataGrid-hasScrollX': '0',
-    '--DataGrid-hasScrollY': '0',
-    '--DataGrid-scrollbarSize': '10px',
-    '--DataGrid-rowWidth': '0px',
-    '--DataGrid-columnsTotalWidth': '0px',
-    '--DataGrid-leftPinnedWidth': '0px',
-    '--DataGrid-rightPinnedWidth': '0px',
-    '--DataGrid-headerHeight': '0px',
-    '--DataGrid-headersTotalHeight': '0px',
-    '--DataGrid-topContainerHeight': '0px',
-    '--DataGrid-bottomContainerHeight': '0px',
-    flex: 1,
-    boxSizing: 'border-box',
-    position: 'relative',
-    borderWidth: '1px',
-    borderStyle: 'solid',
-    borderColor: borderColor,
-    borderRadius: 'var(--unstable_DataGrid-radius)',
-    color: (t.vars || t).palette.text.primary
-  }, t.typography.body2, (_extends2 = {
-    outline: 'none',
-    height: '100%',
-    display: 'flex',
-    minWidth: 0,
-    // See https://github.com/mui/mui-x/issues/8547
-    minHeight: 0,
-    flexDirection: 'column',
-    overflowAnchor: 'none'
-  }, _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_extends2, ".".concat(c.main, " > *:first-of-type"), {
-    borderTopLeftRadius: 'var(--unstable_DataGrid-radius)',
-    borderTopRightRadius: 'var(--unstable_DataGrid-radius)'
-  }), "&.".concat(c.autoHeight), {
-    height: 'auto'
-  }), "&.".concat(c.autosizing), _defineProperty(_defineProperty(_defineProperty(_defineProperty({}, "& .".concat(c.columnHeaderTitleContainerContent, " > *"), {
-    overflow: 'visible !important'
-  }), "& .".concat(c.cell, " > *"), {
-    overflow: 'visible !important',
-    whiteSpace: 'nowrap'
-  }), "& .".concat(c.groupingCriteriaCell), {
-    width: 'unset'
-  }), "& .".concat(c.treeDataGroupingCell), {
-    width: 'unset'
-  })), "& .".concat(c.columnHeader, ", & .").concat(c.cell), {
-    WebkitTapHighlightColor: 'transparent',
-    lineHeight: null,
-    padding: '0 10px',
-    boxSizing: 'border-box'
-  }), "& .".concat(c.columnHeader, ":focus-within, & .").concat(c.cell, ":focus-within"), {
-    outline: "solid ".concat(t.vars ? "rgba(".concat(t.vars.palette.primary.mainChannel, " / 0.5)") : alpha(t.palette.primary.main, 0.5), " 1px"),
-    outlineWidth: 1,
-    outlineOffset: -1
-  }), "& .".concat(c.columnHeader, ":focus, & .").concat(c.cell, ":focus"), {
-    outline: "solid ".concat(t.palette.primary.main, " 1px")
-  }), "& .".concat(c.columnHeaderCheckbox, ", & .").concat(c.cellCheckbox), {
-    padding: 0,
-    justifyContent: 'center',
-    alignItems: 'center'
-  }), "& .".concat(c.columnHeader), {
-    position: 'relative',
-    display: 'flex',
-    alignItems: 'center',
-    overflow: 'hidden'
-  }), "& .".concat(c['columnHeader--sorted'], " .").concat(c.iconButtonContainer, ", & .").concat(c['columnHeader--filtered'], " .").concat(c.iconButtonContainer), {
-    visibility: 'visible',
-    width: 'auto'
-  }), "& .".concat(c.columnHeader, ":not(.").concat(c['columnHeader--sorted'], ") .").concat(c.sortIcon), {
-    opacity: 0,
-    transition: t.transitions.create(['opacity'], {
-      duration: t.transitions.duration.shorter
-    })
-  }), _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_extends2, "& .".concat(c.columnHeaderTitleContainer), {
-    display: 'flex',
-    alignItems: 'center',
-    minWidth: 0,
-    flex: 1,
-    whiteSpace: 'nowrap',
-    overflow: 'hidden',
-    // to anchor the aggregation label
-    position: 'relative'
-  }), "& .".concat(c.columnHeaderTitleContainerContent), {
-    overflow: 'hidden',
-    display: 'flex',
-    alignItems: 'center'
-  }), "& .".concat(c['columnHeader--filledGroup'], " .").concat(c.columnHeaderTitleContainer), {
-    borderBottomWidth: '1px',
-    borderBottomStyle: 'solid',
-    boxSizing: 'border-box'
-  }), "& .".concat(c['columnHeader--filledGroup'], ".").concat(c['columnHeader--showColumnBorder'], " .").concat(c.columnHeaderTitleContainer), {
-    borderBottom: "none"
-  }), "& .".concat(c['columnHeader--filledGroup'], ".").concat(c['columnHeader--showColumnBorder']), {
-    borderBottomWidth: '1px',
-    borderBottomStyle: 'solid',
-    boxSizing: 'border-box'
-  }), "& .".concat(c.sortIcon, ", & .").concat(c.filterIcon), {
-    fontSize: 'inherit'
-  }), "& .".concat(c['columnHeader--sortable']), {
-    cursor: 'pointer'
-  }), "& .".concat(c['columnHeader--alignCenter'], " .").concat(c.columnHeaderTitleContainer), {
-    justifyContent: 'center'
-  }), "& .".concat(c['columnHeader--alignRight'], " .").concat(c.columnHeaderDraggableContainer, ", & .").concat(c['columnHeader--alignRight'], " .").concat(c.columnHeaderTitleContainer), {
-    flexDirection: 'row-reverse'
-  }), "& .".concat(c['columnHeader--alignCenter'], " .").concat(c.menuIcon, ", & .").concat(c['columnHeader--alignRight'], " .").concat(c.menuIcon), {
-    marginRight: 'auto',
-    marginLeft: -6
-  }), _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_extends2, "& .".concat(c['columnHeader--alignRight'], " .").concat(c.menuIcon, ", & .").concat(c['columnHeader--alignRight'], " .").concat(c.menuIcon), {
-    marginRight: 'auto',
-    marginLeft: -10
-  }), "& .".concat(c['columnHeader--moving']), {
-    backgroundColor: (t.vars || t).palette.action.hover
-  }), "& .".concat(c.columnSeparator), {
-    visibility: 'hidden',
-    position: 'absolute',
-    zIndex: 100,
-    display: 'flex',
-    flexDirection: 'column',
-    justifyContent: 'center',
-    color: borderColor
-  }), "& .".concat(c.columnHeaders), {
-    width: 'var(--DataGrid-rowWidth)'
-  }), '@media (hover: hover)', _defineProperty(_defineProperty(_defineProperty({}, "& .".concat(c.columnHeaders, ":hover"), columnHeadersStyles), "& .".concat(c.columnHeader, ":hover"), columnHeaderStyles), "& .".concat(c.columnHeader, ":not(.").concat(c['columnHeader--sorted'], "):hover .").concat(c.sortIcon), {
-    opacity: 0.5
-  })), '@media (hover: none)', _defineProperty(_defineProperty({}, "& .".concat(c.columnHeaders), columnHeadersStyles), "& .".concat(c.columnHeader), columnHeaderStyles)), "& .".concat(c['columnSeparator--sideLeft']), {
-    left: -12
-  }), "& .".concat(c['columnSeparator--sideRight']), {
-    right: -12
-  }), "& .".concat(c['columnSeparator--resizable']), _defineProperty(_defineProperty({
-    cursor: 'col-resize',
-    touchAction: 'none',
-    '&:hover': {
-      color: (t.vars || t).palette.text.primary,
-      // Reset on touch devices, it doesn't add specificity
-      '@media (hover: none)': {
-        color: borderColor
-      }
-    }
-  }, "&.".concat(c['columnSeparator--resizing']), {
-    color: (t.vars || t).palette.text.primary
-  }), '& svg', {
-    pointerEvents: 'none'
-  })), "& .".concat(c.iconSeparator), {
-    color: 'inherit'
-  }), _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_extends2, "& .".concat(c.menuIcon), {
-    width: 0,
-    visibility: 'hidden',
-    fontSize: 20,
-    marginRight: -10,
-    display: 'flex',
-    alignItems: 'center'
-  }), ".".concat(c.menuOpen), {
-    visibility: 'visible',
-    width: 'auto'
-  }), "& .".concat(c.headerFilterRow), _defineProperty({}, "& .".concat(c.columnHeader), {
-    boxSizing: 'border-box',
-    borderTop: '1px solid var(--DataGrid-rowBorderColor)'
-  })), ".".concat(c.row), _defineProperty(_defineProperty(_defineProperty({
-    display: 'flex',
-    width: 'var(--DataGrid-rowWidth)',
-    breakInside: 'avoid',
-    // Avoid the row to be broken in two different print pages.
-
-    '--rowBorderColor': 'var(--DataGrid-rowBorderColor)'
-  }, "&.".concat(c['row--firstVisible']), {
-    '--rowBorderColor': 'transparent'
-  }), '&:hover', {
-    backgroundColor: (t.vars || t).palette.action.hover,
-    // Reset on touch devices, it doesn't add specificity
-    '@media (hover: none)': {
-      backgroundColor: 'transparent'
-    }
-  }), '&.Mui-selected', selectedStyles)), "& .".concat(c['container--top'], ", & .").concat(c['container--bottom']), _defineProperty({
-    '[role=row]': {
-      background: 'var(--DataGrid-containerBackground)'
-    }
-  }, ".".concat(c.pinnedColumnHeaders, " [role=row]"), {
-    background: 'var(--DataGrid-pinnedBackground)'
-  })), "& .".concat(c.cell), {
-    display: 'flex',
-    alignItems: 'center',
-    height: 'var(--height)',
-    minWidth: 'var(--width)',
-    maxWidth: 'var(--width)',
-    '--width': '0px',
-    '--height': '0px',
-    boxSizing: 'border-box',
-    borderTop: "1px solid var(--rowBorderColor)",
-    '&.Mui-selected': selectedStyles
-  }), "& .".concat(c['virtualScrollerContent--overflowed'], " .").concat(c['row--lastVisible'], " .").concat(c.cell), {
-    borderTopColor: 'transparent'
-  }), "&.".concat(c['root--disableUserSelection'], " .").concat(c.cell), {
-    userSelect: 'none'
-  }), "& .".concat(c.row, ":not(.").concat(c['row--dynamicHeight'], ") > .").concat(c.cell), {
-    overflow: 'hidden',
-    whiteSpace: 'nowrap'
-  }), "& .".concat(c.cellEmpty), {
-    padding: 0
-  }), _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_extends2, "& .".concat(c.cell, ".").concat(c['cell--selectionMode']), {
-    cursor: 'default'
-  }), "& .".concat(c.cell, ".").concat(c['cell--editing']), {
-    padding: 1,
-    display: 'flex',
-    boxShadow: t.shadows[2],
-    backgroundColor: (t.vars || t).palette.background.paper,
-    '&:focus-within': {
-      outline: "solid ".concat((t.vars || t).palette.primary.main, " 1px"),
-      outlineOffset: '-1px'
-    }
-  }), "& .".concat(c.cellContent), {
-    overflow: 'hidden',
-    textOverflow: 'ellipsis'
-  }), "& .".concat(c['row--editing']), {
-    boxShadow: t.shadows[2]
-  }), "& .".concat(c['row--editing'], " .").concat(c.cell), {
-    boxShadow: t.shadows[0],
-    backgroundColor: (t.vars || t).palette.background.paper
-  }), "& .".concat(c.editBooleanCell), {
-    display: 'flex',
-    height: '100%',
-    width: '100%',
-    alignItems: 'center',
-    justifyContent: 'center'
-  }), "& .".concat(c.booleanCell, "[data-value=\"true\"]"), {
-    color: (t.vars || t).palette.text.secondary
-  }), "& .".concat(c.booleanCell, "[data-value=\"false\"]"), {
-    color: (t.vars || t).palette.text.disabled
-  }), "& .".concat(c.actionsCell), {
-    display: 'inline-flex',
-    alignItems: 'center',
-    gridGap: t.spacing(1)
-  }), "& .".concat(c.rowReorderCell), {
-    display: 'inline-flex',
-    flex: 1,
-    alignItems: 'center',
-    justifyContent: 'center',
-    opacity: (t.vars || t).palette.action.disabledOpacity
-  }), _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_extends2, "& .".concat(c['rowReorderCell--draggable']), {
-    cursor: 'move',
-    opacity: 1
-  }), "& .".concat(c.rowReorderCellContainer), {
-    padding: 0,
-    alignItems: 'stretch'
-  }), ".".concat(c.withBorderColor), {
-    borderColor: borderColor
-  }), "& .".concat(c['cell--withLeftBorder']), {
-    borderLeftColor: 'var(--DataGrid-rowBorderColor)',
-    borderLeftWidth: '1px',
-    borderLeftStyle: 'solid'
-  }), "& .".concat(c['cell--withRightBorder']), {
-    borderRightColor: 'var(--DataGrid-rowBorderColor)',
-    borderRightWidth: '1px',
-    borderRightStyle: 'solid'
-  }), "& .".concat(c['columnHeader--withRightBorder']), {
-    borderRightWidth: '1px',
-    borderRightStyle: 'solid'
-  }), "& .".concat(c['cell--textLeft']), {
-    justifyContent: 'flex-start'
-  }), "& .".concat(c['cell--textRight']), {
-    justifyContent: 'flex-end'
-  }), "& .".concat(c['cell--textCenter']), {
-    justifyContent: 'center'
-  }), "& .".concat(c['cell--pinnedLeft'], ", & .").concat(c['cell--pinnedRight']), {
-    position: 'sticky',
-    zIndex: 3,
-    background: 'var(--DataGrid-pinnedBackground)'
-  }), _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_extends2, "& .".concat(c.virtualScrollerContent, " .").concat(c.row), _defineProperty({
-    '&:hover': _defineProperty({}, "& .".concat(c['cell--pinnedLeft'], ", & .").concat(c['cell--pinnedRight']), {
-      backgroundColor: pinnedHoverBackground
-    })
-  }, "&.Mui-selected", _defineProperty(_defineProperty({}, "& .".concat(c['cell--pinnedLeft'], ", & .").concat(c['cell--pinnedRight']), {
-    backgroundColor: pinnedSelectedBackground
-  }), '&:hover', _defineProperty({}, "& .".concat(c['cell--pinnedLeft'], ", & .").concat(c['cell--pinnedRight']), {
-    backgroundColor: pinnedSelectedHoverBackground
-  })))), "& .".concat(c.cellOffsetLeft), {
-    flex: '0 0 auto',
-    display: 'inline-block'
-  }), "& .".concat(c.columnHeaderDraggableContainer), {
-    display: 'flex',
-    width: '100%',
-    height: '100%'
-  }), "& .".concat(c.rowReorderCellPlaceholder), {
-    display: 'none'
-  }), "& .".concat(c['columnHeader--dragging'], ", & .").concat(c['row--dragging']), {
-    background: (t.vars || t).palette.background.paper,
-    padding: '0 12px',
-    borderRadius: 'var(--unstable_DataGrid-radius)',
-    opacity: (t.vars || t).palette.action.disabledOpacity
-  }), "& .".concat(c['row--dragging']), _defineProperty({
-    background: (t.vars || t).palette.background.paper,
-    padding: '0 12px',
-    borderRadius: 'var(--unstable_DataGrid-radius)',
-    opacity: (t.vars || t).palette.action.disabledOpacity
-  }, "& .".concat(c.rowReorderCellPlaceholder), {
-    display: 'flex'
-  })), "& .".concat(c.treeDataGroupingCell), {
-    display: 'flex',
-    alignItems: 'center',
-    width: '100%'
-  }), "& .".concat(c.treeDataGroupingCellToggle), {
-    flex: '0 0 28px',
-    alignSelf: 'stretch',
-    marginRight: t.spacing(2)
-  }), "& .".concat(c.groupingCriteriaCell), {
-    display: 'flex',
-    alignItems: 'center',
-    width: '100%'
-  }), "& .".concat(c.groupingCriteriaCellToggle), {
-    flex: '0 0 28px',
-    alignSelf: 'stretch',
-    marginRight: t.spacing(2)
-  })));
-  return gridStyle;
-});
-
-/**
- * Blend a transparent overlay color with a background color, resulting in a single
- * RGB color.
- */
-function blend(background, overlay, opacity) {
-  var gamma = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : 1;
-  var f = function f(b, o) {
-    return Math.round(Math.pow(Math.pow(b, 1 / gamma) * (1 - opacity) + Math.pow(o, 1 / gamma) * opacity, gamma));
-  };
-  var backgroundColor = decomposeColor(background);
-  var overlayColor = decomposeColor(overlay);
-  var rgb = [f(backgroundColor.values[0], overlayColor.values[0]), f(backgroundColor.values[1], overlayColor.values[1]), f(backgroundColor.values[2], overlayColor.values[2])];
-  return recomposeColor({
-    type: 'rgb',
-    values: rgb
-  });
-}

package/legacy/components/containers/GridToolbarContainer.js

@@ -1,59 +0,0 @@
-import _extends from "@babel/runtime/helpers/esm/extends";
-import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
-var _excluded = ["className", "children"];
-import * as React from 'react';
-import PropTypes from 'prop-types';
-import clsx from 'clsx';
-import { styled } from '@mui/system';
-import { unstable_composeClasses as composeClasses } from '@mui/utils';
-import { getDataGridUtilityClass } from '../../constants/gridClasses';
-import { useGridRootProps } from '../../hooks/utils/useGridRootProps';
-import { jsx as _jsx } from "react/jsx-runtime";
-var useUtilityClasses = function useUtilityClasses(ownerState) {
-  var classes = ownerState.classes;
-  var slots = {
-    root: ['toolbarContainer']
-  };
-  return composeClasses(slots, getDataGridUtilityClass, classes);
-};
-var GridToolbarContainerRoot = styled('div', {
-  name: 'MuiDataGrid',
-  slot: 'ToolbarContainer',
-  overridesResolver: function overridesResolver(_, styles) {
-    return styles.toolbarContainer;
-  }
-})(function (_ref) {
-  var theme = _ref.theme;
-  return {
-    display: 'flex',
-    alignItems: 'center',
-    flexWrap: 'wrap',
-    gap: theme.spacing(1),
-    padding: theme.spacing(0.5, 0.5, 0)
-  };
-});
-var GridToolbarContainer = /*#__PURE__*/React.forwardRef(function GridToolbarContainer(props, ref) {
-  var className = props.className,
-    children = props.children,
-    other = _objectWithoutProperties(props, _excluded);
-  var rootProps = useGridRootProps();
-  var classes = useUtilityClasses(rootProps);
-  if (!children) {
-    return null;
-  }
-  return /*#__PURE__*/_jsx(GridToolbarContainerRoot, _extends({
-    ref: ref,
-    className: clsx(className, classes.root),
-    ownerState: rootProps
-  }, other, {
-    children: children
-  }));
-});
-process.env.NODE_ENV !== "production" ? GridToolbarContainer.propTypes = {
-  // ----------------------------- Warning --------------------------------
-  // | These PropTypes are generated from the TypeScript type definitions |
-  // | To update them edit the TypeScript types and run "yarn proptypes"  |
-  // ----------------------------------------------------------------------
-  sx: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.func, PropTypes.object, PropTypes.bool])), PropTypes.func, PropTypes.object])
-} : void 0;
-export { GridToolbarContainer };

package/legacy/components/containers/index.js

@@ -1,4 +0,0 @@
-export * from './GridRoot';
-export * from './GridFooterContainer';
-export * from './GridOverlay';
-export * from './GridToolbarContainer';

package/legacy/components/index.js

@@ -1,19 +0,0 @@
-export * from './base';
-export * from './cell';
-export * from './containers';
-export * from './columnHeaders';
-export * from './columnSelection';
-export * from '../material/icons';
-export * from './menu';
-export * from './panel';
-export * from './columnsManagement';
-export * from './toolbar';
-export * from './GridApiContext';
-export * from './GridFooter';
-export * from './GridHeader';
-export * from './GridLoadingOverlay';
-export * from './GridNoRowsOverlay';
-export * from './GridPagination';
-export * from './GridRowCount';
-export * from './GridRow';
-export * from './GridSelectedRowCount';

package/legacy/components/menu/GridMenu.js

@@ -1,132 +0,0 @@
-import _extends from "@babel/runtime/helpers/esm/extends";
-import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
-import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
-var _excluded = ["open", "target", "onClose", "children", "position", "className", "onExited"];
-import * as React from 'react';
-import PropTypes from 'prop-types';
-import clsx from 'clsx';
-import ClickAwayListener from '@mui/material/ClickAwayListener';
-import { unstable_composeClasses as composeClasses, unstable_useEnhancedEffect as useEnhancedEffect, HTMLElementType } from '@mui/utils';
-import Grow from '@mui/material/Grow';
-import Paper from '@mui/material/Paper';
-import Popper from '@mui/material/Popper';
-import { styled } from '@mui/material/styles';
-import { getDataGridUtilityClass, gridClasses } from '../../constants/gridClasses';
-import { useGridRootProps } from '../../hooks/utils/useGridRootProps';
-import { useGridApiContext } from '../../hooks/utils/useGridApiContext';
-import { jsx as _jsx } from "react/jsx-runtime";
-var useUtilityClasses = function useUtilityClasses(ownerState) {
-  var classes = ownerState.classes;
-  var slots = {
-    root: ['menu']
-  };
-  return composeClasses(slots, getDataGridUtilityClass, classes);
-};
-var GridMenuRoot = styled(Popper, {
-  name: 'MuiDataGrid',
-  slot: 'Menu',
-  overridesResolver: function overridesResolver(_, styles) {
-    return styles.menu;
-  }
-})(function (_ref) {
-  var theme = _ref.theme;
-  return _defineProperty({
-    zIndex: theme.zIndex.modal
-  }, "& .".concat(gridClasses.menuList), {
-    outline: 0
-  });
-});
-var transformOrigin = {
-  'bottom-start': 'top left',
-  'bottom-end': 'top right'
-};
-function GridMenu(props) {
-  var _rootProps$slotProps;
-  var open = props.open,
-    target = props.target,
-    onClose = props.onClose,
-    _children = props.children,
-    position = props.position,
-    className = props.className,
-    onExited = props.onExited,
-    other = _objectWithoutProperties(props, _excluded);
-  var apiRef = useGridApiContext();
-  var rootProps = useGridRootProps();
-  var classes = useUtilityClasses(rootProps);
-  var savedFocusRef = React.useRef(null);
-  useEnhancedEffect(function () {
-    if (open) {
-      savedFocusRef.current = document.activeElement instanceof HTMLElement ? document.activeElement : null;
-    } else {
-      var _savedFocusRef$curren, _savedFocusRef$curren2;
-      (_savedFocusRef$curren = savedFocusRef.current) == null || (_savedFocusRef$curren2 = _savedFocusRef$curren.focus) == null || _savedFocusRef$curren2.call(_savedFocusRef$curren);
-      savedFocusRef.current = null;
-    }
-  }, [open]);
-  React.useEffect(function () {
-    // Emit menuOpen or menuClose events
-    var eventName = open ? 'menuOpen' : 'menuClose';
-    apiRef.current.publishEvent(eventName, {
-      target: target
-    });
-  }, [apiRef, open, target]);
-  var handleExited = function handleExited(popperOnExited) {
-    return function (node) {
-      if (popperOnExited) {
-        popperOnExited();
-      }
-      if (onExited) {
-        onExited(node);
-      }
-    };
-  };
-  var handleClickAway = function handleClickAway(event) {
-    if (event.target && (target === event.target || target != null && target.contains(event.target))) {
-      return;
-    }
-    onClose(event);
-  };
-  return /*#__PURE__*/_jsx(GridMenuRoot, _extends({
-    as: rootProps.slots.basePopper,
-    className: clsx(className, classes.root),
-    ownerState: rootProps,
-    open: open,
-    anchorEl: target,
-    transition: true,
-    placement: position
-  }, other, (_rootProps$slotProps = rootProps.slotProps) == null ? void 0 : _rootProps$slotProps.basePopper, {
-    children: function children(_ref3) {
-      var TransitionProps = _ref3.TransitionProps,
-        placement = _ref3.placement;
-      return /*#__PURE__*/_jsx(ClickAwayListener, {
-        onClickAway: handleClickAway,
-        mouseEvent: "onMouseDown",
-        children: /*#__PURE__*/_jsx(Grow, _extends({}, TransitionProps, {
-          style: {
-            transformOrigin: transformOrigin[placement]
-          },
-          onExited: handleExited(TransitionProps == null ? void 0 : TransitionProps.onExited),
-          children: /*#__PURE__*/_jsx(Paper, {
-            children: _children
-          })
-        }))
-      });
-    }
-  }));
-}
-process.env.NODE_ENV !== "production" ? GridMenu.propTypes = {
-  // ----------------------------- Warning --------------------------------
-  // | These PropTypes are generated from the TypeScript type definitions |
-  // | To update them edit the TypeScript types and run "yarn proptypes"  |
-  // ----------------------------------------------------------------------
-  children: PropTypes.node,
-  onClose: PropTypes.func.isRequired,
-  onExited: PropTypes.func,
-  /**
-   * If `true`, the component is shown.
-   */
-  open: PropTypes.bool.isRequired,
-  position: PropTypes.oneOf(['bottom-end', 'bottom-start', 'bottom', 'left-end', 'left-start', 'left', 'right-end', 'right-start', 'right', 'top-end', 'top-start', 'top']),
-  target: HTMLElementType
-} : void 0;
-export { GridMenu };