wip:milestone 0 fixes

control-plane-ui/node_modules/@mui/x-data-grid/components/menu/columnMenu/menuItems/GridColumnMenuColumnsItem.d.ts

@@ -0,0 +1,7 @@
+import * as React from 'react';
+import { GridColumnMenuItemProps } from '../GridColumnMenuItemProps';
+declare function GridColumnMenuColumnsItem(props: GridColumnMenuItemProps): React.JSX.Element;
+declare namespace GridColumnMenuColumnsItem {
+    var propTypes: any;
+}
+export { GridColumnMenuColumnsItem };

control-plane-ui/node_modules/@mui/x-data-grid/components/menu/columnMenu/menuItems/GridColumnMenuColumnsItem.js

@@ -0,0 +1,21 @@
+import _extends from "@babel/runtime/helpers/esm/extends";
+import * as React from 'react';
+import PropTypes from 'prop-types';
+import { GridColumnMenuHideItem } from './GridColumnMenuHideItem';
+import { GridColumnMenuManageItem } from './GridColumnMenuManageItem';
+import { jsx as _jsx } from "react/jsx-runtime";
+import { jsxs as _jsxs } from "react/jsx-runtime";
+function GridColumnMenuColumnsItem(props) {
+  return /*#__PURE__*/_jsxs(React.Fragment, {
+    children: [/*#__PURE__*/_jsx(GridColumnMenuHideItem, _extends({}, props)), /*#__PURE__*/_jsx(GridColumnMenuManageItem, _extends({}, props))]
+  });
+}
+process.env.NODE_ENV !== "production" ? GridColumnMenuColumnsItem.propTypes = {
+  // ----------------------------- Warning --------------------------------
+  // | These PropTypes are generated from the TypeScript type definitions |
+  // | To update them edit the TypeScript types and run "yarn proptypes"  |
+  // ----------------------------------------------------------------------
+  colDef: PropTypes.object.isRequired,
+  onClick: PropTypes.func.isRequired
+} : void 0;
+export { GridColumnMenuColumnsItem };

control-plane-ui/node_modules/@mui/x-data-grid/components/menu/columnMenu/menuItems/GridColumnMenuFilterItem.d.ts

@@ -0,0 +1,7 @@
+import * as React from 'react';
+import { GridColumnMenuItemProps } from '../GridColumnMenuItemProps';
+declare function GridColumnMenuFilterItem(props: GridColumnMenuItemProps): React.JSX.Element | null;
+declare namespace GridColumnMenuFilterItem {
+    var propTypes: any;
+}
+export { GridColumnMenuFilterItem };

control-plane-ui/node_modules/@mui/x-data-grid/components/menu/columnMenu/menuItems/GridColumnMenuFilterItem.js

@@ -0,0 +1,43 @@
+import * as React from 'react';
+import PropTypes from 'prop-types';
+import MenuItem from '@mui/material/MenuItem';
+import ListItemIcon from '@mui/material/ListItemIcon';
+import ListItemText from '@mui/material/ListItemText';
+import { useGridApiContext } from '../../../../hooks/utils/useGridApiContext';
+import { useGridRootProps } from '../../../../hooks/utils/useGridRootProps';
+import { jsx as _jsx } from "react/jsx-runtime";
+import { jsxs as _jsxs } from "react/jsx-runtime";
+function GridColumnMenuFilterItem(props) {
+  const {
+    colDef,
+    onClick
+  } = props;
+  const apiRef = useGridApiContext();
+  const rootProps = useGridRootProps();
+  const showFilter = React.useCallback(event => {
+    onClick(event);
+    apiRef.current.showFilterPanel(colDef.field);
+  }, [apiRef, colDef.field, onClick]);
+  if (rootProps.disableColumnFilter || !colDef.filterable) {
+    return null;
+  }
+  return /*#__PURE__*/_jsxs(MenuItem, {
+    onClick: showFilter,
+    children: [/*#__PURE__*/_jsx(ListItemIcon, {
+      children: /*#__PURE__*/_jsx(rootProps.slots.columnMenuFilterIcon, {
+        fontSize: "small"
+      })
+    }), /*#__PURE__*/_jsx(ListItemText, {
+      children: apiRef.current.getLocaleText('columnMenuFilter')
+    })]
+  });
+}
+process.env.NODE_ENV !== "production" ? GridColumnMenuFilterItem.propTypes = {
+  // ----------------------------- Warning --------------------------------
+  // | These PropTypes are generated from the TypeScript type definitions |
+  // | To update them edit the TypeScript types and run "yarn proptypes"  |
+  // ----------------------------------------------------------------------
+  colDef: PropTypes.object.isRequired,
+  onClick: PropTypes.func.isRequired
+} : void 0;
+export { GridColumnMenuFilterItem };

control-plane-ui/node_modules/@mui/x-data-grid/components/menu/columnMenu/menuItems/GridColumnMenuHideItem.d.ts

@@ -0,0 +1,7 @@
+import * as React from 'react';
+import { GridColumnMenuItemProps } from '../GridColumnMenuItemProps';
+declare function GridColumnMenuHideItem(props: GridColumnMenuItemProps): React.JSX.Element | null;
+declare namespace GridColumnMenuHideItem {
+    var propTypes: any;
+}
+export { GridColumnMenuHideItem };

control-plane-ui/node_modules/@mui/x-data-grid/components/menu/columnMenu/menuItems/GridColumnMenuHideItem.js

@@ -0,0 +1,60 @@
+import * as React from 'react';
+import PropTypes from 'prop-types';
+import MenuItem from '@mui/material/MenuItem';
+import ListItemIcon from '@mui/material/ListItemIcon';
+import ListItemText from '@mui/material/ListItemText';
+import { useGridApiContext } from '../../../../hooks/utils/useGridApiContext';
+import { useGridRootProps } from '../../../../hooks/utils/useGridRootProps';
+import { gridVisibleColumnDefinitionsSelector } from '../../../../hooks/features/columns';
+import { jsx as _jsx } from "react/jsx-runtime";
+import { jsxs as _jsxs } from "react/jsx-runtime";
+function GridColumnMenuHideItem(props) {
+  const {
+    colDef,
+    onClick
+  } = props;
+  const apiRef = useGridApiContext();
+  const rootProps = useGridRootProps();
+  const visibleColumns = gridVisibleColumnDefinitionsSelector(apiRef);
+  const columnsWithMenu = visibleColumns.filter(col => col.disableColumnMenu !== true);
+  // do not allow to hide the last column with menu
+  const disabled = columnsWithMenu.length === 1;
+  const toggleColumn = React.useCallback(event => {
+    /**
+     * Disabled `MenuItem` would trigger `click` event
+     * after imperative `.click()` call on HTML element.
+     * Also, click is triggered in testing environment as well.
+     */
+    if (disabled) {
+      return;
+    }
+    apiRef.current.setColumnVisibility(colDef.field, false);
+    onClick(event);
+  }, [apiRef, colDef.field, onClick, disabled]);
+  if (rootProps.disableColumnSelector) {
+    return null;
+  }
+  if (colDef.hideable === false) {
+    return null;
+  }
+  return /*#__PURE__*/_jsxs(MenuItem, {
+    onClick: toggleColumn,
+    disabled: disabled,
+    children: [/*#__PURE__*/_jsx(ListItemIcon, {
+      children: /*#__PURE__*/_jsx(rootProps.slots.columnMenuHideIcon, {
+        fontSize: "small"
+      })
+    }), /*#__PURE__*/_jsx(ListItemText, {
+      children: apiRef.current.getLocaleText('columnMenuHideColumn')
+    })]
+  });
+}
+process.env.NODE_ENV !== "production" ? GridColumnMenuHideItem.propTypes = {
+  // ----------------------------- Warning --------------------------------
+  // | These PropTypes are generated from the TypeScript type definitions |
+  // | To update them edit the TypeScript types and run "yarn proptypes"  |
+  // ----------------------------------------------------------------------
+  colDef: PropTypes.object.isRequired,
+  onClick: PropTypes.func.isRequired
+} : void 0;
+export { GridColumnMenuHideItem };

control-plane-ui/node_modules/@mui/x-data-grid/components/menu/columnMenu/menuItems/GridColumnMenuManageItem.d.ts

@@ -0,0 +1,7 @@
+import * as React from 'react';
+import { GridColumnMenuItemProps } from '../GridColumnMenuItemProps';
+declare function GridColumnMenuManageItem(props: GridColumnMenuItemProps): React.JSX.Element | null;
+declare namespace GridColumnMenuManageItem {
+    var propTypes: any;
+}
+export { GridColumnMenuManageItem };

control-plane-ui/node_modules/@mui/x-data-grid/components/menu/columnMenu/menuItems/GridColumnMenuManageItem.js

@@ -0,0 +1,43 @@
+import * as React from 'react';
+import PropTypes from 'prop-types';
+import MenuItem from '@mui/material/MenuItem';
+import ListItemIcon from '@mui/material/ListItemIcon';
+import ListItemText from '@mui/material/ListItemText';
+import { GridPreferencePanelsValue } from '../../../../hooks/features/preferencesPanel/gridPreferencePanelsValue';
+import { useGridApiContext } from '../../../../hooks/utils/useGridApiContext';
+import { useGridRootProps } from '../../../../hooks/utils/useGridRootProps';
+import { jsx as _jsx } from "react/jsx-runtime";
+import { jsxs as _jsxs } from "react/jsx-runtime";
+function GridColumnMenuManageItem(props) {
+  const {
+    onClick
+  } = props;
+  const apiRef = useGridApiContext();
+  const rootProps = useGridRootProps();
+  const showColumns = React.useCallback(event => {
+    onClick(event); // hide column menu
+    apiRef.current.showPreferences(GridPreferencePanelsValue.columns);
+  }, [apiRef, onClick]);
+  if (rootProps.disableColumnSelector) {
+    return null;
+  }
+  return /*#__PURE__*/_jsxs(MenuItem, {
+    onClick: showColumns,
+    children: [/*#__PURE__*/_jsx(ListItemIcon, {
+      children: /*#__PURE__*/_jsx(rootProps.slots.columnMenuManageColumnsIcon, {
+        fontSize: "small"
+      })
+    }), /*#__PURE__*/_jsx(ListItemText, {
+      children: apiRef.current.getLocaleText('columnMenuManageColumns')
+    })]
+  });
+}
+process.env.NODE_ENV !== "production" ? GridColumnMenuManageItem.propTypes = {
+  // ----------------------------- Warning --------------------------------
+  // | These PropTypes are generated from the TypeScript type definitions |
+  // | To update them edit the TypeScript types and run "yarn proptypes"  |
+  // ----------------------------------------------------------------------
+  colDef: PropTypes.object.isRequired,
+  onClick: PropTypes.func.isRequired
+} : void 0;
+export { GridColumnMenuManageItem };

control-plane-ui/node_modules/@mui/x-data-grid/components/menu/columnMenu/menuItems/GridColumnMenuSortItem.d.ts

@@ -0,0 +1,7 @@
+import * as React from 'react';
+import { GridColumnMenuItemProps } from '../GridColumnMenuItemProps';
+declare function GridColumnMenuSortItem(props: GridColumnMenuItemProps): React.JSX.Element | null;
+declare namespace GridColumnMenuSortItem {
+    var propTypes: any;
+}
+export { GridColumnMenuSortItem };

control-plane-ui/node_modules/@mui/x-data-grid/components/menu/columnMenu/menuItems/GridColumnMenuSortItem.js

@@ -0,0 +1,78 @@
+import * as React from 'react';
+import PropTypes from 'prop-types';
+import MenuItem from '@mui/material/MenuItem';
+import ListItemIcon from '@mui/material/ListItemIcon';
+import ListItemText from '@mui/material/ListItemText';
+import { useGridSelector } from '../../../../hooks/utils/useGridSelector';
+import { gridSortModelSelector } from '../../../../hooks/features/sorting/gridSortingSelector';
+import { useGridApiContext } from '../../../../hooks/utils/useGridApiContext';
+import { useGridRootProps } from '../../../../hooks/utils/useGridRootProps';
+import { jsx as _jsx } from "react/jsx-runtime";
+import { jsxs as _jsxs } from "react/jsx-runtime";
+function GridColumnMenuSortItem(props) {
+  var _colDef$sortingOrder;
+  const {
+    colDef,
+    onClick
+  } = props;
+  const apiRef = useGridApiContext();
+  const sortModel = useGridSelector(apiRef, gridSortModelSelector);
+  const rootProps = useGridRootProps();
+  const sortDirection = React.useMemo(() => {
+    if (!colDef) {
+      return null;
+    }
+    const sortItem = sortModel.find(item => item.field === colDef.field);
+    return sortItem == null ? void 0 : sortItem.sort;
+  }, [colDef, sortModel]);
+  const sortingOrder = (_colDef$sortingOrder = colDef.sortingOrder) != null ? _colDef$sortingOrder : rootProps.sortingOrder;
+  const onSortMenuItemClick = React.useCallback(event => {
+    onClick(event);
+    const direction = event.currentTarget.getAttribute('data-value') || null;
+    apiRef.current.sortColumn(colDef, direction === sortDirection ? null : direction);
+  }, [apiRef, colDef, onClick, sortDirection]);
+  if (!colDef || !colDef.sortable || !sortingOrder.some(item => !!item)) {
+    return null;
+  }
+  const getLabel = key => {
+    const label = apiRef.current.getLocaleText(key);
+    return typeof label === 'function' ? label(colDef) : label;
+  };
+  return /*#__PURE__*/_jsxs(React.Fragment, {
+    children: [sortingOrder.includes('asc') && sortDirection !== 'asc' ? /*#__PURE__*/_jsxs(MenuItem, {
+      onClick: onSortMenuItemClick,
+      "data-value": "asc",
+      children: [/*#__PURE__*/_jsx(ListItemIcon, {
+        children: /*#__PURE__*/_jsx(rootProps.slots.columnMenuSortAscendingIcon, {
+          fontSize: "small"
+        })
+      }), /*#__PURE__*/_jsx(ListItemText, {
+        children: getLabel('columnMenuSortAsc')
+      })]
+    }) : null, sortingOrder.includes('desc') && sortDirection !== 'desc' ? /*#__PURE__*/_jsxs(MenuItem, {
+      onClick: onSortMenuItemClick,
+      "data-value": "desc",
+      children: [/*#__PURE__*/_jsx(ListItemIcon, {
+        children: /*#__PURE__*/_jsx(rootProps.slots.columnMenuSortDescendingIcon, {
+          fontSize: "small"
+        })
+      }), /*#__PURE__*/_jsx(ListItemText, {
+        children: getLabel('columnMenuSortDesc')
+      })]
+    }) : null, sortingOrder.includes(null) && sortDirection != null ? /*#__PURE__*/_jsxs(MenuItem, {
+      onClick: onSortMenuItemClick,
+      children: [/*#__PURE__*/_jsx(ListItemIcon, {}), /*#__PURE__*/_jsx(ListItemText, {
+        children: apiRef.current.getLocaleText('columnMenuUnsort')
+      })]
+    }) : null]
+  });
+}
+process.env.NODE_ENV !== "production" ? GridColumnMenuSortItem.propTypes = {
+  // ----------------------------- Warning --------------------------------
+  // | These PropTypes are generated from the TypeScript type definitions |
+  // | To update them edit the TypeScript types and run "yarn proptypes"  |
+  // ----------------------------------------------------------------------
+  colDef: PropTypes.object.isRequired,
+  onClick: PropTypes.func.isRequired
+} : void 0;
+export { GridColumnMenuSortItem };

control-plane-ui/node_modules/@mui/x-data-grid/components/menu/columnMenu/menuItems/index.d.ts

@@ -0,0 +1,5 @@
+export * from './GridColumnMenuColumnsItem';
+export * from './GridColumnMenuManageItem';
+export * from './GridColumnMenuFilterItem';
+export * from './GridColumnMenuHideItem';
+export * from './GridColumnMenuSortItem';

control-plane-ui/node_modules/@mui/x-data-grid/components/menu/columnMenu/menuItems/index.js

@@ -0,0 +1,5 @@
+export * from './GridColumnMenuColumnsItem';
+export * from './GridColumnMenuManageItem';
+export * from './GridColumnMenuFilterItem';
+export * from './GridColumnMenuHideItem';
+export * from './GridColumnMenuSortItem';