wip:milestone 0 fixes

control-plane-ui/node_modules/@mui/x-data-grid/legacy/components/containers/GridFooterContainer.js

@@ -0,0 +1,50 @@
+import _extends from "@babel/runtime/helpers/esm/extends";
+import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
+var _excluded = ["className"];
+import * as React from 'react';
+import PropTypes from 'prop-types';
+import clsx from 'clsx';
+import { unstable_composeClasses as composeClasses } from '@mui/utils';
+import { styled } from '@mui/system';
+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: ['footerContainer', 'withBorderColor']
+  };
+  return composeClasses(slots, getDataGridUtilityClass, classes);
+};
+var GridFooterContainerRoot = styled('div', {
+  name: 'MuiDataGrid',
+  slot: 'FooterContainer',
+  overridesResolver: function overridesResolver(props, styles) {
+    return styles.footerContainer;
+  }
+})({
+  display: 'flex',
+  justifyContent: 'space-between',
+  alignItems: 'center',
+  minHeight: 52,
+  borderTop: '1px solid'
+});
+var GridFooterContainer = /*#__PURE__*/React.forwardRef(function GridFooterContainer(props, ref) {
+  var className = props.className,
+    other = _objectWithoutProperties(props, _excluded);
+  var rootProps = useGridRootProps();
+  var classes = useUtilityClasses(rootProps);
+  return /*#__PURE__*/_jsx(GridFooterContainerRoot, _extends({
+    ref: ref,
+    className: clsx(classes.root, className),
+    ownerState: rootProps
+  }, other));
+});
+process.env.NODE_ENV !== "production" ? GridFooterContainer.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 { GridFooterContainer };

control-plane-ui/node_modules/@mui/x-data-grid/legacy/components/containers/GridMainContainer.js

@@ -0,0 +1,45 @@
+import _extends from "@babel/runtime/helpers/esm/extends";
+import * as React from 'react';
+import { unstable_composeClasses as composeClasses } from '@mui/utils';
+import { styled } from '@mui/system';
+import { getDataGridUtilityClass } from '../../constants/gridClasses';
+import { useGridRootProps } from '../../hooks/utils/useGridRootProps';
+import { useGridAriaAttributes } from '../../hooks/utils/useGridAriaAttributes';
+import { jsx as _jsx } from "react/jsx-runtime";
+var useUtilityClasses = function useUtilityClasses(ownerState) {
+  var classes = ownerState.classes;
+  var slots = {
+    root: ['main']
+  };
+  return composeClasses(slots, getDataGridUtilityClass, classes);
+};
+var GridMainContainerRoot = styled('div', {
+  name: 'MuiDataGrid',
+  slot: 'Main',
+  overridesResolver: function overridesResolver(props, styles) {
+    return styles.main;
+  }
+})(function () {
+  return {
+    position: 'relative',
+    flexGrow: 1,
+    display: 'flex',
+    flexDirection: 'column',
+    overflow: 'hidden'
+  };
+});
+export var GridMainContainer = /*#__PURE__*/React.forwardRef(function (props, ref) {
+  var _rootProps$experiment;
+  var rootProps = useGridRootProps();
+  var classes = useUtilityClasses(rootProps);
+  var getAriaAttributes = (_rootProps$experiment = rootProps.experimentalFeatures) != null && _rootProps$experiment.ariaV7 // ariaV7 should never change
+  ? useGridAriaAttributes : null;
+  var ariaAttributes = typeof getAriaAttributes === 'function' ? getAriaAttributes() : null;
+  return /*#__PURE__*/_jsx(GridMainContainerRoot, _extends({
+    ref: ref,
+    className: classes.root,
+    ownerState: rootProps
+  }, ariaAttributes, {
+    children: props.children
+  }));
+});

control-plane-ui/node_modules/@mui/x-data-grid/legacy/components/containers/GridOverlay.js

@@ -0,0 +1,52 @@
+import _extends from "@babel/runtime/helpers/esm/extends";
+import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
+var _excluded = ["className"];
+import * as React from 'react';
+import PropTypes from 'prop-types';
+import clsx from 'clsx';
+import { unstable_composeClasses as composeClasses } from '@mui/utils';
+import { styled } from '@mui/system';
+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: ['overlay']
+  };
+  return composeClasses(slots, getDataGridUtilityClass, classes);
+};
+var GridOverlayRoot = styled('div', {
+  name: 'MuiDataGrid',
+  slot: 'Overlay',
+  overridesResolver: function overridesResolver(_, styles) {
+    return styles.overlay;
+  }
+})({
+  width: '100%',
+  height: '100%',
+  display: 'flex',
+  alignSelf: 'center',
+  alignItems: 'center',
+  justifyContent: 'center',
+  backgroundColor: 'var(--unstable_DataGrid-overlayBackground)'
+});
+var GridOverlay = /*#__PURE__*/React.forwardRef(function GridOverlay(props, ref) {
+  var className = props.className,
+    other = _objectWithoutProperties(props, _excluded);
+  var rootProps = useGridRootProps();
+  var classes = useUtilityClasses(rootProps);
+  return /*#__PURE__*/_jsx(GridOverlayRoot, _extends({
+    ref: ref,
+    className: clsx(classes.root, className),
+    ownerState: rootProps
+  }, other));
+});
+process.env.NODE_ENV !== "production" ? GridOverlay.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 { GridOverlay };

control-plane-ui/node_modules/@mui/x-data-grid/legacy/components/containers/GridRoot.js

@@ -0,0 +1,76 @@
+import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
+import _extends from "@babel/runtime/helpers/esm/extends";
+import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
+var _excluded = ["children", "className"];
+import * as React from 'react';
+import PropTypes from 'prop-types';
+import clsx from 'clsx';
+import { unstable_useForkRef as useForkRef, unstable_useEnhancedEffect as useEnhancedEffect, unstable_capitalize as capitalize, unstable_composeClasses as composeClasses } from '@mui/utils';
+import { GridRootStyles } from './GridRootStyles';
+import { useGridSelector } from '../../hooks/utils/useGridSelector';
+import { useGridPrivateApiContext } from '../../hooks/utils/useGridPrivateApiContext';
+import { useGridRootProps } from '../../hooks/utils/useGridRootProps';
+import { getDataGridUtilityClass } from '../../constants/gridClasses';
+import { gridDensityValueSelector } from '../../hooks/features/density/densitySelector';
+import { useGridAriaAttributes } from '../../hooks/utils/useGridAriaAttributes';
+import { jsx as _jsx } from "react/jsx-runtime";
+var useUtilityClasses = function useUtilityClasses(ownerState) {
+  var autoHeight = ownerState.autoHeight,
+    density = ownerState.density,
+    classes = ownerState.classes;
+  var slots = {
+    root: ['root', autoHeight && 'autoHeight', "root--density".concat(capitalize(density)), 'withBorderColor']
+  };
+  return composeClasses(slots, getDataGridUtilityClass, classes);
+};
+var GridRoot = /*#__PURE__*/React.forwardRef(function GridRoot(props, ref) {
+  var _rootProps$experiment;
+  var rootProps = useGridRootProps();
+  var children = props.children,
+    className = props.className,
+    other = _objectWithoutProperties(props, _excluded);
+  var apiRef = useGridPrivateApiContext();
+  var densityValue = useGridSelector(apiRef, gridDensityValueSelector);
+  var rootContainerRef = React.useRef(null);
+  var handleRef = useForkRef(rootContainerRef, ref);
+  var getAriaAttributes = (_rootProps$experiment = rootProps.experimentalFeatures) != null && _rootProps$experiment.ariaV7 // ariaV7 should never change
+  ? null : useGridAriaAttributes;
+  var ariaAttributes = typeof getAriaAttributes === 'function' ? getAriaAttributes() : null;
+  var ownerState = _extends({}, rootProps, {
+    density: densityValue
+  });
+  var classes = useUtilityClasses(ownerState);
+  apiRef.current.register('public', {
+    rootElementRef: rootContainerRef
+  });
+
+  // Our implementation of <NoSsr />
+  var _React$useState = React.useState(false),
+    _React$useState2 = _slicedToArray(_React$useState, 2),
+    mountedState = _React$useState2[0],
+    setMountedState = _React$useState2[1];
+  useEnhancedEffect(function () {
+    setMountedState(true);
+  }, []);
+  if (!mountedState) {
+    return null;
+  }
+  return /*#__PURE__*/_jsx(GridRootStyles, _extends({
+    ref: handleRef,
+    className: clsx(className, classes.root),
+    ownerState: ownerState
+  }, ariaAttributes, other, {
+    children: children
+  }));
+});
+process.env.NODE_ENV !== "production" ? GridRoot.propTypes = {
+  // ----------------------------- Warning --------------------------------
+  // | These PropTypes are generated from the TypeScript type definitions |
+  // | To update them edit the TypeScript types and run "yarn proptypes"  |
+  // ----------------------------------------------------------------------
+  /**
+   * The system prop that allows defining system overrides as well as additional CSS styles.
+   */
+  sx: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.func, PropTypes.object, PropTypes.bool])), PropTypes.func, PropTypes.object])
+} : void 0;
+export { GridRoot };

control-plane-ui/node_modules/@mui/x-data-grid/legacy/components/containers/GridRootStyles.js

@@ -0,0 +1,318 @@
+import _extends from "@babel/runtime/helpers/esm/extends";
+import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
+import { alpha, styled, darken, lighten } from '@mui/material/styles';
+import { gridClasses } 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(gridClasses.columnSeparator, ", .").concat(gridClasses['columnSeparator--resizing']), {
+  visibility: 'visible',
+  width: 'auto'
+});
+var columnHeaderStyles = _defineProperty(_defineProperty({}, "& .".concat(gridClasses.iconButtonContainer), {
+  visibility: 'visible',
+  width: 'auto'
+}), "& .".concat(gridClasses.menuIcon), {
+  width: 'auto',
+  visibility: 'visible'
+});
+export var GridRootStyles = styled('div', {
+  name: 'MuiDataGrid',
+  slot: 'Root',
+  overridesResolver: function overridesResolver(props, styles) {
+    return [_defineProperty({}, "&.".concat(gridClasses.autoHeight), styles.autoHeight), _defineProperty({}, "&.".concat(gridClasses.aggregationColumnHeader), styles.aggregationColumnHeader), _defineProperty({}, "&.".concat(gridClasses['aggregationColumnHeader--alignLeft']), styles['aggregationColumnHeader--alignLeft']), _defineProperty({}, "&.".concat(gridClasses['aggregationColumnHeader--alignCenter']), styles['aggregationColumnHeader--alignCenter']), _defineProperty({}, "&.".concat(gridClasses['aggregationColumnHeader--alignRight']), styles['aggregationColumnHeader--alignRight']), _defineProperty({}, "&.".concat(gridClasses.aggregationColumnHeaderLabel), styles.aggregationColumnHeaderLabel), _defineProperty({}, "&.".concat(gridClasses['root--disableUserSelection'], " .").concat(gridClasses.cell), styles['root--disableUserSelection']), _defineProperty({}, "&.".concat(gridClasses.autosizing), styles.autosizing), _defineProperty({}, "& .".concat(gridClasses.editBooleanCell), styles.editBooleanCell), _defineProperty({}, "& .".concat(gridClasses['cell--editing']), styles['cell--editing']), _defineProperty({}, "& .".concat(gridClasses['cell--textCenter']), styles['cell--textCenter']), _defineProperty({}, "& .".concat(gridClasses['cell--textLeft']), styles['cell--textLeft']), _defineProperty({}, "& .".concat(gridClasses['cell--textRight']), styles['cell--textRight']), // TODO v6: Remove
+    _defineProperty({}, "& .".concat(gridClasses['cell--withRenderer']), styles['cell--withRenderer']), _defineProperty({}, "& .".concat(gridClasses.cell), styles.cell), _defineProperty({}, "& .".concat(gridClasses['cell--rangeTop']), styles['cell--rangeTop']), _defineProperty({}, "& .".concat(gridClasses['cell--rangeBottom']), styles['cell--rangeBottom']), _defineProperty({}, "& .".concat(gridClasses['cell--rangeLeft']), styles['cell--rangeLeft']), _defineProperty({}, "& .".concat(gridClasses['cell--rangeRight']), styles['cell--rangeRight']), _defineProperty({}, "& .".concat(gridClasses['cell--withRightBorder']), styles['cell--withRightBorder']), _defineProperty({}, "& .".concat(gridClasses.cellContent), styles.cellContent), _defineProperty({}, "& .".concat(gridClasses.cellCheckbox), styles.cellCheckbox), _defineProperty({}, "& .".concat(gridClasses.cellSkeleton), styles.cellSkeleton), _defineProperty({}, "& .".concat(gridClasses.checkboxInput), styles.checkboxInput), _defineProperty({}, "& .".concat(gridClasses['columnHeader--alignCenter']), styles['columnHeader--alignCenter']), _defineProperty({}, "& .".concat(gridClasses['columnHeader--alignLeft']), styles['columnHeader--alignLeft']), _defineProperty({}, "& .".concat(gridClasses['columnHeader--alignRight']), styles['columnHeader--alignRight']), _defineProperty({}, "& .".concat(gridClasses['columnHeader--dragging']), styles['columnHeader--dragging']), _defineProperty({}, "& .".concat(gridClasses['columnHeader--moving']), styles['columnHeader--moving']), _defineProperty({}, "& .".concat(gridClasses['columnHeader--numeric']), styles['columnHeader--numeric']), _defineProperty({}, "& .".concat(gridClasses['columnHeader--sortable']), styles['columnHeader--sortable']), _defineProperty({}, "& .".concat(gridClasses['columnHeader--sorted']), styles['columnHeader--sorted']), _defineProperty({}, "& .".concat(gridClasses['columnHeader--withRightBorder']), styles['columnHeader--withRightBorder']), _defineProperty({}, "& .".concat(gridClasses.columnHeader), styles.columnHeader), _defineProperty({}, "& .".concat(gridClasses.headerFilterRow), styles.headerFilterRow), _defineProperty({}, "& .".concat(gridClasses.columnHeaderCheckbox), styles.columnHeaderCheckbox), _defineProperty({}, "& .".concat(gridClasses.columnHeaderDraggableContainer), styles.columnHeaderDraggableContainer), _defineProperty({}, "& .".concat(gridClasses.columnHeaderTitleContainer), styles.columnHeaderTitleContainer), _defineProperty({}, "& .".concat(gridClasses['columnSeparator--resizable']), styles['columnSeparator--resizable']), _defineProperty({}, "& .".concat(gridClasses['columnSeparator--resizing']), styles['columnSeparator--resizing']), _defineProperty({}, "& .".concat(gridClasses.columnSeparator), styles.columnSeparator), _defineProperty({}, "& .".concat(gridClasses.filterIcon), styles.filterIcon), _defineProperty({}, "& .".concat(gridClasses.iconSeparator), styles.iconSeparator), _defineProperty({}, "& .".concat(gridClasses.menuIcon), styles.menuIcon), _defineProperty({}, "& .".concat(gridClasses.menuIconButton), styles.menuIconButton), _defineProperty({}, "& .".concat(gridClasses.menuOpen), styles.menuOpen), _defineProperty({}, "& .".concat(gridClasses.menuList), styles.menuList), _defineProperty({}, "& .".concat(gridClasses['row--editable']), styles['row--editable']), _defineProperty({}, "& .".concat(gridClasses['row--editing']), styles['row--editing']), _defineProperty({}, "& .".concat(gridClasses['row--dragging']), styles['row--dragging']), _defineProperty({}, "& .".concat(gridClasses.row), styles.row), _defineProperty({}, "& .".concat(gridClasses.rowReorderCellPlaceholder), styles.rowReorderCellPlaceholder), _defineProperty({}, "& .".concat(gridClasses.rowReorderCell), styles.rowReorderCell), _defineProperty({}, "& .".concat(gridClasses['rowReorderCell--draggable']), styles['rowReorderCell--draggable']), _defineProperty({}, "& .".concat(gridClasses.sortIcon), styles.sortIcon), _defineProperty({}, "& .".concat(gridClasses.withBorderColor), styles.withBorderColor), _defineProperty({}, "& .".concat(gridClasses.treeDataGroupingCell), styles.treeDataGroupingCell), _defineProperty({}, "& .".concat(gridClasses.treeDataGroupingCellToggle), styles.treeDataGroupingCellToggle), _defineProperty({}, "& .".concat(gridClasses.detailPanelToggleCell), styles.detailPanelToggleCell), _defineProperty({}, "& .".concat(gridClasses['detailPanelToggleCell--expanded']), styles['detailPanelToggleCell--expanded']), styles.root];
+  }
+})(function (_ref61) {
+  var _extends2;
+  var theme = _ref61.theme;
+  var borderColor = getBorderColor(theme);
+  var radius = theme.shape.borderRadius;
+  var gridStyle = _extends({
+    '--unstable_DataGrid-radius': typeof radius === 'number' ? "".concat(radius, "px") : radius,
+    '--unstable_DataGrid-headWeight': theme.typography.fontWeightMedium,
+    '--unstable_DataGrid-overlayBackground': theme.vars ? "rgba(".concat(theme.vars.palette.background.defaultChannel, " / ").concat(theme.vars.palette.action.disabledOpacity, ")") : alpha(theme.palette.background.default, theme.palette.action.disabledOpacity),
+    '--DataGrid-cellOffsetMultiplier': 2,
+    flex: 1,
+    boxSizing: 'border-box',
+    position: 'relative',
+    borderWidth: '1px',
+    borderStyle: 'solid',
+    borderColor: borderColor,
+    borderRadius: 'var(--unstable_DataGrid-radius)',
+    color: (theme.vars || theme).palette.text.primary
+  }, theme.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(gridClasses.autoHeight), _defineProperty({
+    height: 'auto'
+  }, "& .".concat(gridClasses['row--lastVisible'], " .").concat(gridClasses.cell), {
+    borderBottomColor: 'transparent'
+  })), "&.".concat(gridClasses.autosizing), _defineProperty(_defineProperty(_defineProperty(_defineProperty({}, "& .".concat(gridClasses.columnHeaderTitleContainerContent, " > *"), {
+    overflow: 'visible !important'
+  }), "& .".concat(gridClasses.cell, " > *"), {
+    overflow: 'visible !important',
+    whiteSpace: 'nowrap'
+  }), "& .".concat(gridClasses.groupingCriteriaCell), {
+    width: 'unset'
+  }), "& .".concat(gridClasses.treeDataGroupingCell), {
+    width: 'unset'
+  })), "& .".concat(gridClasses['virtualScrollerContent--overflowed'], " .").concat(gridClasses['row--lastVisible'], " .").concat(gridClasses.cell), {
+    borderBottomColor: 'transparent'
+  }), "& .".concat(gridClasses.columnHeader, ", & .").concat(gridClasses.cell), {
+    WebkitTapHighlightColor: 'transparent',
+    lineHeight: null,
+    padding: '0 10px',
+    boxSizing: 'border-box'
+  }), "& .".concat(gridClasses.columnHeader, ":focus-within, & .").concat(gridClasses.cell, ":focus-within"), {
+    outline: "solid ".concat(theme.vars ? "rgba(".concat(theme.vars.palette.primary.mainChannel, " / 0.5)") : alpha(theme.palette.primary.main, 0.5), " 1px"),
+    outlineWidth: 1,
+    outlineOffset: -1
+  }), "& .".concat(gridClasses.columnHeader, ":focus, & .").concat(gridClasses.cell, ":focus"), {
+    outline: "solid ".concat(theme.palette.primary.main, " 1px")
+  }), "& .".concat(gridClasses.columnHeaderCheckbox, ", & .").concat(gridClasses.cellCheckbox), {
+    padding: 0,
+    justifyContent: 'center',
+    alignItems: 'center'
+  }), "& .".concat(gridClasses.columnHeader), {
+    position: 'relative',
+    display: 'flex',
+    alignItems: 'center'
+  }), "& .".concat(gridClasses['columnHeader--sorted'], " .").concat(gridClasses.iconButtonContainer, ", & .").concat(gridClasses['columnHeader--filtered'], " .").concat(gridClasses.iconButtonContainer), {
+    visibility: 'visible',
+    width: 'auto'
+  }), "& .".concat(gridClasses.columnHeader, ":not(.").concat(gridClasses['columnHeader--sorted'], ") .").concat(gridClasses.sortIcon), {
+    opacity: 0,
+    transition: theme.transitions.create(['opacity'], {
+      duration: theme.transitions.duration.shorter
+    })
+  }), _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_extends2, "& .".concat(gridClasses.columnHeaderTitleContainer), {
+    display: 'flex',
+    alignItems: 'center',
+    minWidth: 0,
+    flex: 1,
+    whiteSpace: 'nowrap',
+    overflow: 'hidden',
+    // to anchor the aggregation label
+    position: 'relative'
+  }), "& .".concat(gridClasses.columnHeaderTitleContainerContent), {
+    overflow: 'hidden',
+    display: 'flex',
+    alignItems: 'center'
+  }), "& .".concat(gridClasses['columnHeader--filledGroup'], " .").concat(gridClasses.columnHeaderTitleContainer), {
+    borderBottomWidth: '1px',
+    borderBottomStyle: 'solid',
+    boxSizing: 'border-box'
+  }), "& .".concat(gridClasses['columnHeader--filledGroup'], ".").concat(gridClasses['columnHeader--showColumnBorder'], " .").concat(gridClasses.columnHeaderTitleContainer), {
+    borderBottom: "none"
+  }), "& .".concat(gridClasses['columnHeader--filledGroup'], ".").concat(gridClasses['columnHeader--showColumnBorder']), {
+    borderBottomWidth: '1px',
+    borderBottomStyle: 'solid',
+    boxSizing: 'border-box'
+  }), "& .".concat(gridClasses.headerFilterRow), {
+    borderTop: "1px solid ".concat(borderColor)
+  }), "& .".concat(gridClasses.sortIcon, ", & .").concat(gridClasses.filterIcon), {
+    fontSize: 'inherit'
+  }), "& .".concat(gridClasses['columnHeader--sortable']), {
+    cursor: 'pointer'
+  }), "& .".concat(gridClasses['columnHeader--alignCenter'], " .").concat(gridClasses.columnHeaderTitleContainer), {
+    justifyContent: 'center'
+  }), "& .".concat(gridClasses['columnHeader--alignRight'], " .").concat(gridClasses.columnHeaderDraggableContainer, ", & .").concat(gridClasses['columnHeader--alignRight'], " .").concat(gridClasses.columnHeaderTitleContainer), {
+    flexDirection: 'row-reverse'
+  }), _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_extends2, "& .".concat(gridClasses['columnHeader--alignCenter'], " .").concat(gridClasses.menuIcon, ", & .").concat(gridClasses['columnHeader--alignRight'], " .").concat(gridClasses.menuIcon), {
+    marginRight: 'auto',
+    marginLeft: -6
+  }), "& .".concat(gridClasses['columnHeader--alignRight'], " .").concat(gridClasses.menuIcon, ", & .").concat(gridClasses['columnHeader--alignRight'], " .").concat(gridClasses.menuIcon), {
+    marginRight: 'auto',
+    marginLeft: -10
+  }), "& .".concat(gridClasses['columnHeader--moving']), {
+    backgroundColor: (theme.vars || theme).palette.action.hover
+  }), "& .".concat(gridClasses.columnSeparator), {
+    visibility: 'hidden',
+    position: 'absolute',
+    zIndex: 100,
+    display: 'flex',
+    flexDirection: 'column',
+    justifyContent: 'center',
+    color: borderColor
+  }), '@media (hover: hover)', _defineProperty(_defineProperty(_defineProperty({}, "& .".concat(gridClasses.columnHeaders, ":hover"), columnHeadersStyles), "& .".concat(gridClasses.columnHeader, ":hover"), columnHeaderStyles), "& .".concat(gridClasses.columnHeader, ":not(.").concat(gridClasses['columnHeader--sorted'], "):hover .").concat(gridClasses.sortIcon), {
+    opacity: 0.5
+  })), '@media (hover: none)', _defineProperty(_defineProperty({}, "& .".concat(gridClasses.columnHeaders), columnHeadersStyles), "& .".concat(gridClasses.columnHeader), columnHeaderStyles)), "& .".concat(gridClasses['columnSeparator--sideLeft']), {
+    left: -12
+  }), "& .".concat(gridClasses['columnSeparator--sideRight']), {
+    right: -12
+  }), "& .".concat(gridClasses['columnSeparator--resizable']), _defineProperty(_defineProperty({
+    cursor: 'col-resize',
+    touchAction: 'none',
+    '&:hover': {
+      color: (theme.vars || theme).palette.text.primary,
+      // Reset on touch devices, it doesn't add specificity
+      '@media (hover: none)': {
+        color: borderColor
+      }
+    }
+  }, "&.".concat(gridClasses['columnSeparator--resizing']), {
+    color: (theme.vars || theme).palette.text.primary
+  }), '& svg', {
+    pointerEvents: 'none'
+  })), "& .".concat(gridClasses.iconSeparator), {
+    color: 'inherit'
+  }), _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_extends2, "& .".concat(gridClasses.menuIcon), {
+    width: 0,
+    visibility: 'hidden',
+    fontSize: 20,
+    marginRight: -10,
+    display: 'flex',
+    alignItems: 'center'
+  }), ".".concat(gridClasses.menuOpen), {
+    visibility: 'visible',
+    width: 'auto'
+  }), "& .".concat(gridClasses.row), {
+    display: 'flex',
+    width: 'fit-content',
+    breakInside: 'avoid',
+    // Avoid the row to be broken in two different print pages.
+    '&:hover, &.Mui-hovered': {
+      backgroundColor: (theme.vars || theme).palette.action.hover,
+      // Reset on touch devices, it doesn't add specificity
+      '@media (hover: none)': {
+        backgroundColor: 'transparent'
+      }
+    },
+    '&.Mui-selected': {
+      backgroundColor: theme.vars ? "rgba(".concat(theme.vars.palette.primary.mainChannel, " / ").concat(theme.vars.palette.action.selectedOpacity, ")") : alpha(theme.palette.primary.main, theme.palette.action.selectedOpacity),
+      '&:hover, &.Mui-hovered': {
+        backgroundColor: theme.vars ? "rgba(".concat(theme.vars.palette.primary.mainChannel, " / calc(\n                ").concat(theme.vars.palette.action.selectedOpacity, " + \n                ").concat(theme.vars.palette.action.hoverOpacity, "\n              ))") : alpha(theme.palette.primary.main, theme.palette.action.selectedOpacity + theme.palette.action.hoverOpacity),
+        // Reset on touch devices, it doesn't add specificity
+        '@media (hover: none)': {
+          backgroundColor: theme.vars ? "rgba(".concat(theme.vars.palette.primary.mainChannel, " / ").concat(theme.vars.palette.action.selectedOpacity, ")") : alpha(theme.palette.primary.main, theme.palette.action.selectedOpacity)
+        }
+      }
+    }
+  }), "& .".concat(gridClasses.cell), {
+    display: 'flex',
+    alignItems: 'center',
+    borderBottom: '1px solid',
+    '&.Mui-selected': {
+      backgroundColor: theme.vars ? "rgba(".concat(theme.vars.palette.primary.mainChannel, " / ").concat(theme.vars.palette.action.selectedOpacity, ")") : alpha(theme.palette.primary.main, theme.palette.action.selectedOpacity),
+      '&:hover, &.Mui-hovered': {
+        backgroundColor: theme.vars ? "rgba(".concat(theme.vars.palette.primary.mainChannel, " / ").concat(theme.vars.palette.action.selectedOpacity + theme.palette.action.hoverOpacity, ")") : alpha(theme.palette.primary.main, theme.palette.action.selectedOpacity + theme.palette.action.hoverOpacity),
+        // Reset on touch devices, it doesn't add specificity
+        '@media (hover: none)': {
+          backgroundColor: theme.vars ? "rgba(".concat(theme.vars.palette.primary.mainChannel, " / ").concat(theme.vars.palette.action.selectedOpacity, ")") : alpha(theme.palette.primary.main, theme.palette.action.selectedOpacity)
+        }
+      }
+    }
+  }), "&.".concat(gridClasses['root--disableUserSelection'], " .").concat(gridClasses.cell), {
+    userSelect: 'none'
+  }), "& .".concat(gridClasses.row, ":not(.").concat(gridClasses['row--dynamicHeight'], ") > .").concat(gridClasses.cell), {
+    overflow: 'hidden',
+    whiteSpace: 'nowrap'
+  }), "& .".concat(gridClasses.cellContent), {
+    overflow: 'hidden',
+    textOverflow: 'ellipsis'
+  }), "& .".concat(gridClasses.cell, ".").concat(gridClasses['cell--selectionMode']), {
+    cursor: 'default'
+  }), "& .".concat(gridClasses.cell, ".").concat(gridClasses['cell--editing']), {
+    padding: 1,
+    display: 'flex',
+    boxShadow: theme.shadows[2],
+    backgroundColor: (theme.vars || theme).palette.background.paper,
+    '&:focus-within': {
+      outline: "solid ".concat((theme.vars || theme).palette.primary.main, " 1px"),
+      outlineOffset: '-1px'
+    }
+  }), "& .".concat(gridClasses['row--editing']), {
+    boxShadow: theme.shadows[2]
+  }), _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_extends2, "& .".concat(gridClasses['row--editing'], " .").concat(gridClasses.cell), {
+    boxShadow: theme.shadows[0],
+    backgroundColor: (theme.vars || theme).palette.background.paper
+  }), "& .".concat(gridClasses.editBooleanCell), {
+    display: 'flex',
+    height: '100%',
+    width: '100%',
+    alignItems: 'center',
+    justifyContent: 'center'
+  }), "& .".concat(gridClasses.booleanCell, "[data-value=\"true\"]"), {
+    color: (theme.vars || theme).palette.text.secondary
+  }), "& .".concat(gridClasses.booleanCell, "[data-value=\"false\"]"), {
+    color: (theme.vars || theme).palette.text.disabled
+  }), "& .".concat(gridClasses.actionsCell), {
+    display: 'inline-flex',
+    alignItems: 'center',
+    gridGap: theme.spacing(1)
+  }), "& .".concat(gridClasses.rowReorderCell), {
+    display: 'inline-flex',
+    flex: 1,
+    alignItems: 'center',
+    justifyContent: 'center',
+    opacity: (theme.vars || theme).palette.action.disabledOpacity
+  }), "& .".concat(gridClasses['rowReorderCell--draggable']), {
+    cursor: 'move',
+    opacity: 1
+  }), "& .".concat(gridClasses.rowReorderCellContainer), {
+    padding: 0,
+    alignItems: 'stretch'
+  }), ".".concat(gridClasses.withBorderColor), {
+    borderColor: borderColor
+  }), "& .".concat(gridClasses['cell--withRightBorder']), {
+    borderRightWidth: '1px',
+    borderRightStyle: 'solid'
+  }), _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_extends2, "& .".concat(gridClasses['columnHeader--withRightBorder']), {
+    borderRightWidth: '1px',
+    borderRightStyle: 'solid'
+  }), "& .".concat(gridClasses['cell--textLeft']), {
+    justifyContent: 'flex-start'
+  }), "& .".concat(gridClasses['cell--textRight']), {
+    justifyContent: 'flex-end'
+  }), "& .".concat(gridClasses['cell--textCenter']), {
+    justifyContent: 'center'
+  }), "& .".concat(gridClasses.columnHeaderDraggableContainer), {
+    display: 'flex',
+    width: '100%',
+    height: '100%'
+  }), "& .".concat(gridClasses.rowReorderCellPlaceholder), {
+    display: 'none'
+  }), "& .".concat(gridClasses['columnHeader--dragging'], ", & .").concat(gridClasses['row--dragging']), {
+    background: (theme.vars || theme).palette.background.paper,
+    padding: '0 12px',
+    borderRadius: 'var(--unstable_DataGrid-radius)',
+    opacity: (theme.vars || theme).palette.action.disabledOpacity
+  }), "& .".concat(gridClasses['row--dragging']), _defineProperty({
+    background: (theme.vars || theme).palette.background.paper,
+    padding: '0 12px',
+    borderRadius: 'var(--unstable_DataGrid-radius)',
+    opacity: (theme.vars || theme).palette.action.disabledOpacity
+  }, "& .".concat(gridClasses.rowReorderCellPlaceholder), {
+    display: 'flex'
+  })), "& .".concat(gridClasses.treeDataGroupingCell), {
+    display: 'flex',
+    alignItems: 'center',
+    width: '100%'
+  }), "& .".concat(gridClasses.treeDataGroupingCellToggle), {
+    flex: '0 0 28px',
+    alignSelf: 'stretch',
+    marginRight: theme.spacing(2)
+  }), _defineProperty(_defineProperty(_extends2, "& .".concat(gridClasses.groupingCriteriaCell), {
+    display: 'flex',
+    alignItems: 'center',
+    width: '100%'
+  }), "& .".concat(gridClasses.groupingCriteriaCellToggle), {
+    flex: '0 0 28px',
+    alignSelf: 'stretch',
+    marginRight: theme.spacing(2)
+  })));
+  return gridStyle;
+});

control-plane-ui/node_modules/@mui/x-data-grid/legacy/components/containers/GridToolbarContainer.js

@@ -0,0 +1,59 @@
+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 };

control-plane-ui/node_modules/@mui/x-data-grid/legacy/components/containers/index.js

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