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

package/legacy/components/panel/filterPanel/GridFilterPanel.js

@@ -1,264 +0,0 @@
-import _extends from "@babel/runtime/helpers/esm/extends";
-import _toConsumableArray from "@babel/runtime/helpers/esm/toConsumableArray";
-import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
-var _excluded = ["logicOperators", "columnsSort", "filterFormProps", "getColumnForNewFilter", "children", "disableAddFilterButton", "disableRemoveAllButton"];
-import * as React from 'react';
-import PropTypes from 'prop-types';
-import { GridLogicOperator } from '../../../models/gridFilterItem';
-import { useGridApiContext } from '../../../hooks/utils/useGridApiContext';
-import { GridPanelContent } from '../GridPanelContent';
-import { GridPanelFooter } from '../GridPanelFooter';
-import { GridPanelWrapper } from '../GridPanelWrapper';
-import { GridFilterForm } from './GridFilterForm';
-import { useGridRootProps } from '../../../hooks/utils/useGridRootProps';
-import { useGridSelector } from '../../../hooks/utils/useGridSelector';
-import { gridFilterModelSelector } from '../../../hooks/features/filter/gridFilterSelector';
-import { gridFilterableColumnDefinitionsSelector, gridFilterableColumnLookupSelector } from '../../../hooks/features/columns/gridColumnsSelector';
-import { jsx as _jsx } from "react/jsx-runtime";
-import { jsxs as _jsxs } from "react/jsx-runtime";
-var getGridFilter = function getGridFilter(col) {
-  return {
-    field: col.field,
-    operator: col.filterOperators[0].value,
-    id: Math.round(Math.random() * 1e5)
-  };
-};
-var GridFilterPanel = /*#__PURE__*/React.forwardRef(function GridFilterPanel(props, ref) {
-  var _rootProps$slotProps, _rootProps$slotProps2;
-  var apiRef = useGridApiContext();
-  var rootProps = useGridRootProps();
-  var filterModel = useGridSelector(apiRef, gridFilterModelSelector);
-  var filterableColumns = useGridSelector(apiRef, gridFilterableColumnDefinitionsSelector);
-  var filterableColumnsLookup = useGridSelector(apiRef, gridFilterableColumnLookupSelector);
-  var lastFilterRef = React.useRef(null);
-  var placeholderFilter = React.useRef(null);
-  var _props$logicOperators = props.logicOperators,
-    logicOperators = _props$logicOperators === void 0 ? [GridLogicOperator.And, GridLogicOperator.Or] : _props$logicOperators,
-    columnsSort = props.columnsSort,
-    filterFormProps = props.filterFormProps,
-    getColumnForNewFilter = props.getColumnForNewFilter,
-    children = props.children,
-    _props$disableAddFilt = props.disableAddFilterButton,
-    disableAddFilterButton = _props$disableAddFilt === void 0 ? false : _props$disableAddFilt,
-    _props$disableRemoveA = props.disableRemoveAllButton,
-    disableRemoveAllButton = _props$disableRemoveA === void 0 ? false : _props$disableRemoveA,
-    other = _objectWithoutProperties(props, _excluded);
-  var applyFilter = apiRef.current.upsertFilterItem;
-  var applyFilterLogicOperator = React.useCallback(function (operator) {
-    apiRef.current.setFilterLogicOperator(operator);
-  }, [apiRef]);
-  var getDefaultFilter = React.useCallback(function () {
-    var nextColumnWithOperator;
-    if (getColumnForNewFilter && typeof getColumnForNewFilter === 'function') {
-      // To allow override the column for default (first) filter
-      var nextFieldName = getColumnForNewFilter({
-        currentFilters: (filterModel == null ? void 0 : filterModel.items) || [],
-        columns: filterableColumns
-      });
-      if (nextFieldName === null) {
-        return null;
-      }
-      nextColumnWithOperator = filterableColumns.find(function (_ref) {
-        var field = _ref.field;
-        return field === nextFieldName;
-      });
-    } else {
-      nextColumnWithOperator = filterableColumns.find(function (colDef) {
-        var _colDef$filterOperato;
-        return (_colDef$filterOperato = colDef.filterOperators) == null ? void 0 : _colDef$filterOperato.length;
-      });
-    }
-    if (!nextColumnWithOperator) {
-      return null;
-    }
-    return getGridFilter(nextColumnWithOperator);
-  }, [filterModel == null ? void 0 : filterModel.items, filterableColumns, getColumnForNewFilter]);
-  var getNewFilter = React.useCallback(function () {
-    if (getColumnForNewFilter === undefined || typeof getColumnForNewFilter !== 'function') {
-      return getDefaultFilter();
-    }
-    var currentFilters = filterModel.items.length ? filterModel.items : [getDefaultFilter()].filter(Boolean);
-
-    // If no items are there in filterModel, we have to pass defaultFilter
-    var nextColumnFieldName = getColumnForNewFilter({
-      currentFilters: currentFilters,
-      columns: filterableColumns
-    });
-    if (nextColumnFieldName === null) {
-      return null;
-    }
-    var nextColumnWithOperator = filterableColumns.find(function (_ref2) {
-      var field = _ref2.field;
-      return field === nextColumnFieldName;
-    });
-    if (!nextColumnWithOperator) {
-      return null;
-    }
-    return getGridFilter(nextColumnWithOperator);
-  }, [filterModel.items, filterableColumns, getColumnForNewFilter, getDefaultFilter]);
-  var items = React.useMemo(function () {
-    if (filterModel.items.length) {
-      return filterModel.items;
-    }
-    if (!placeholderFilter.current) {
-      placeholderFilter.current = getDefaultFilter();
-    }
-    return placeholderFilter.current ? [placeholderFilter.current] : [];
-  }, [filterModel.items, getDefaultFilter]);
-  var hasMultipleFilters = items.length > 1;
-  var _React$useMemo = React.useMemo(function () {
-      return items.reduce(function (acc, item) {
-        if (filterableColumnsLookup[item.field]) {
-          acc.validFilters.push(item);
-        } else {
-          acc.readOnlyFilters.push(item);
-        }
-        return acc;
-      }, {
-        readOnlyFilters: [],
-        validFilters: []
-      });
-    }, [items, filterableColumnsLookup]),
-    readOnlyFilters = _React$useMemo.readOnlyFilters,
-    validFilters = _React$useMemo.validFilters;
-  var addNewFilter = React.useCallback(function () {
-    var newFilter = getNewFilter();
-    if (!newFilter) {
-      return;
-    }
-    apiRef.current.upsertFilterItems([].concat(_toConsumableArray(items), [newFilter]));
-  }, [apiRef, getNewFilter, items]);
-  var deleteFilter = React.useCallback(function (item) {
-    var shouldCloseFilterPanel = validFilters.length === 1;
-    apiRef.current.deleteFilterItem(item);
-    if (shouldCloseFilterPanel) {
-      apiRef.current.hideFilterPanel();
-    }
-  }, [apiRef, validFilters.length]);
-  var handleRemoveAll = React.useCallback(function () {
-    if (validFilters.length === 1 && validFilters[0].value === undefined) {
-      apiRef.current.deleteFilterItem(validFilters[0]);
-      return apiRef.current.hideFilterPanel();
-    }
-    return apiRef.current.setFilterModel(_extends({}, filterModel, {
-      items: readOnlyFilters
-    }), 'removeAllFilterItems');
-  }, [apiRef, readOnlyFilters, filterModel, validFilters]);
-  React.useEffect(function () {
-    if (logicOperators.length > 0 && filterModel.logicOperator && !logicOperators.includes(filterModel.logicOperator)) {
-      applyFilterLogicOperator(logicOperators[0]);
-    }
-  }, [logicOperators, applyFilterLogicOperator, filterModel.logicOperator]);
-  React.useEffect(function () {
-    if (validFilters.length > 0) {
-      lastFilterRef.current.focus();
-    }
-  }, [validFilters.length]);
-  return /*#__PURE__*/_jsxs(GridPanelWrapper, _extends({
-    ref: ref
-  }, other, {
-    children: [/*#__PURE__*/_jsxs(GridPanelContent, {
-      children: [readOnlyFilters.map(function (item, index) {
-        return /*#__PURE__*/_jsx(GridFilterForm, _extends({
-          item: item,
-          applyFilterChanges: applyFilter,
-          deleteFilter: deleteFilter,
-          hasMultipleFilters: hasMultipleFilters,
-          showMultiFilterOperators: index > 0,
-          disableMultiFilterOperator: index !== 1,
-          applyMultiFilterOperatorChanges: applyFilterLogicOperator,
-          focusElementRef: null,
-          readOnly: true,
-          logicOperators: logicOperators,
-          columnsSort: columnsSort
-        }, filterFormProps), item.id == null ? index : item.id);
-      }), validFilters.map(function (item, index) {
-        return /*#__PURE__*/_jsx(GridFilterForm, _extends({
-          item: item,
-          applyFilterChanges: applyFilter,
-          deleteFilter: deleteFilter,
-          hasMultipleFilters: hasMultipleFilters,
-          showMultiFilterOperators: readOnlyFilters.length + index > 0,
-          disableMultiFilterOperator: readOnlyFilters.length + index !== 1,
-          applyMultiFilterOperatorChanges: applyFilterLogicOperator,
-          focusElementRef: index === validFilters.length - 1 ? lastFilterRef : null,
-          logicOperators: logicOperators,
-          columnsSort: columnsSort
-        }, filterFormProps), item.id == null ? index + readOnlyFilters.length : item.id);
-      })]
-    }), !rootProps.disableMultipleColumnsFiltering && !(disableAddFilterButton && disableRemoveAllButton) ? /*#__PURE__*/_jsxs(GridPanelFooter, {
-      children: [!disableAddFilterButton ? /*#__PURE__*/_jsx(rootProps.slots.baseButton, _extends({
-        onClick: addNewFilter,
-        startIcon: /*#__PURE__*/_jsx(rootProps.slots.filterPanelAddIcon, {})
-      }, (_rootProps$slotProps = rootProps.slotProps) == null ? void 0 : _rootProps$slotProps.baseButton, {
-        children: apiRef.current.getLocaleText('filterPanelAddFilter')
-      })) : /*#__PURE__*/_jsx("span", {}), !disableRemoveAllButton && validFilters.length > 0 ? /*#__PURE__*/_jsx(rootProps.slots.baseButton, _extends({
-        onClick: handleRemoveAll,
-        startIcon: /*#__PURE__*/_jsx(rootProps.slots.filterPanelRemoveAllIcon, {})
-      }, (_rootProps$slotProps2 = rootProps.slotProps) == null ? void 0 : _rootProps$slotProps2.baseButton, {
-        children: apiRef.current.getLocaleText('filterPanelRemoveAll')
-      })) : null]
-    }) : null]
-  }));
-});
-process.env.NODE_ENV !== "production" ? GridFilterPanel.propTypes = {
-  // ----------------------------- Warning --------------------------------
-  // | These PropTypes are generated from the TypeScript type definitions |
-  // | To update them edit the TypeScript types and run "yarn proptypes"  |
-  // ----------------------------------------------------------------------
-  /**
-   * @ignore - do not document.
-   */
-  children: PropTypes.node,
-  /**
-   * Changes how the options in the columns selector should be ordered.
-   * If not specified, the order is derived from the `columns` prop.
-   */
-  columnsSort: PropTypes.oneOf(['asc', 'desc']),
-  /**
-   * If `true`, the `Add filter` button will not be displayed.
-   * @default false
-   */
-  disableAddFilterButton: PropTypes.bool,
-  /**
-   * If `true`, the `Remove all` button will be disabled
-   * @default false
-   */
-  disableRemoveAllButton: PropTypes.bool,
-  /**
-   * Props passed to each filter form.
-   */
-  filterFormProps: PropTypes.shape({
-    columnInputProps: PropTypes.any,
-    columnsSort: PropTypes.oneOf(['asc', 'desc']),
-    deleteIconProps: PropTypes.any,
-    filterColumns: PropTypes.func,
-    logicOperatorInputProps: PropTypes.any,
-    operatorInputProps: PropTypes.any,
-    valueInputProps: PropTypes.any
-  }),
-  /**
-   * Function that returns the next filter item to be picked as default filter.
-   * @param {GetColumnForNewFilterArgs} args Currently configured filters and columns.
-   * @returns {GridColDef['field']} The field to be used for the next filter or `null` to prevent adding a filter.
-   */
-  getColumnForNewFilter: PropTypes.func,
-  /**
-   * Sets the available logic operators.
-   * @default [GridLogicOperator.And, GridLogicOperator.Or]
-   */
-  logicOperators: PropTypes.arrayOf(PropTypes.oneOf(['and', 'or']).isRequired),
-  /**
-   * 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;
-
-/**
- * Demos:
- * - [Filtering - overview](https://mui.com/x/react-data-grid/filtering/)
- *
- * API:
- * - [GridFilterPanel API](https://mui.com/x/api/data-grid/grid-filter-panel/)
- */
-export { GridFilterPanel, getGridFilter };

package/legacy/components/panel/filterPanel/filterPanelUtils.js

@@ -1,22 +0,0 @@
-import _extends from "@babel/runtime/helpers/esm/extends";
-export function isSingleSelectColDef(colDef) {
-  return (colDef == null ? void 0 : colDef.type) === 'singleSelect';
-}
-export function getValueOptions(column, additionalParams) {
-  if (!column) {
-    return undefined;
-  }
-  return typeof column.valueOptions === 'function' ? column.valueOptions(_extends({
-    field: column.field
-  }, additionalParams)) : column.valueOptions;
-}
-export function getValueFromValueOptions(value, valueOptions, getOptionValue) {
-  if (valueOptions === undefined) {
-    return undefined;
-  }
-  var result = valueOptions.find(function (option) {
-    var optionValue = getOptionValue(option);
-    return String(optionValue) === String(value);
-  });
-  return getOptionValue(result);
-}

package/legacy/components/panel/filterPanel/index.js

@@ -1,9 +0,0 @@
-export * from './GridFilterForm';
-export * from './GridFilterInputValue';
-export * from './GridFilterInputDate';
-export * from './GridFilterInputSingleSelect';
-export * from './GridFilterInputBoolean';
-export * from './GridFilterInputValueProps';
-export { GridFilterPanel } from './GridFilterPanel';
-export * from './GridFilterInputMultipleValue';
-export * from './GridFilterInputMultipleSingleSelect';

package/legacy/components/panel/index.js

@@ -1,7 +0,0 @@
-export * from './GridColumnsPanel';
-export * from './GridPanel';
-export * from './GridPanelContent';
-export * from './GridPanelFooter';
-export * from './GridPanelHeader';
-export * from './GridPanelWrapper';
-export * from './filterPanel';

package/legacy/components/reexportable.js

@@ -1 +0,0 @@
-export { GridColumnMenu, GRID_COLUMN_MENU_SLOTS, GRID_COLUMN_MENU_SLOT_PROPS } from './menu/columnMenu/GridColumnMenu';

package/legacy/components/toolbar/GridToolbar.js

@@ -1,64 +0,0 @@
-import _extends from "@babel/runtime/helpers/esm/extends";
-import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
-var _excluded = ["className", "csvOptions", "printOptions", "excelOptions", "showQuickFilter", "quickFilterProps"];
-import * as React from 'react';
-import PropTypes from 'prop-types';
-import Box from '@mui/material/Box';
-import { GridToolbarContainer } from '../containers/GridToolbarContainer';
-import { GridToolbarColumnsButton } from './GridToolbarColumnsButton';
-import { GridToolbarDensitySelector } from './GridToolbarDensitySelector';
-import { GridToolbarFilterButton } from './GridToolbarFilterButton';
-import { GridToolbarExport } from './GridToolbarExport';
-import { useGridRootProps } from '../../hooks/utils/useGridRootProps';
-import { GridToolbarQuickFilter } from './GridToolbarQuickFilter';
-import { jsx as _jsx } from "react/jsx-runtime";
-import { jsxs as _jsxs } from "react/jsx-runtime";
-var GridToolbar = /*#__PURE__*/React.forwardRef(function GridToolbar(props, ref) {
-  // TODO v7: think about where export option should be passed.
-  // from slotProps={{ toolbarExport: { ...exportOption } }} seems to be more appropriate
-  var className = props.className,
-    csvOptions = props.csvOptions,
-    printOptions = props.printOptions,
-    excelOptions = props.excelOptions,
-    _props$showQuickFilte = props.showQuickFilter,
-    showQuickFilter = _props$showQuickFilte === void 0 ? false : _props$showQuickFilte,
-    _props$quickFilterPro = props.quickFilterProps,
-    quickFilterProps = _props$quickFilterPro === void 0 ? {} : _props$quickFilterPro,
-    other = _objectWithoutProperties(props, _excluded);
-  var rootProps = useGridRootProps();
-  if (rootProps.disableColumnFilter && rootProps.disableColumnSelector && rootProps.disableDensitySelector && !showQuickFilter) {
-    return null;
-  }
-  return /*#__PURE__*/_jsxs(GridToolbarContainer, _extends({
-    ref: ref
-  }, other, {
-    children: [/*#__PURE__*/_jsx(GridToolbarColumnsButton, {}), /*#__PURE__*/_jsx(GridToolbarFilterButton, {}), /*#__PURE__*/_jsx(GridToolbarDensitySelector, {}), /*#__PURE__*/_jsx(GridToolbarExport, {
-      csvOptions: csvOptions,
-      printOptions: printOptions
-      // TODO: remove the reference to excelOptions in community package
-      ,
-      excelOptions: excelOptions
-    }), /*#__PURE__*/_jsx(Box, {
-      sx: {
-        flex: 1
-      }
-    }), showQuickFilter && /*#__PURE__*/_jsx(GridToolbarQuickFilter, _extends({}, quickFilterProps))]
-  }));
-});
-process.env.NODE_ENV !== "production" ? GridToolbar.propTypes = {
-  // ----------------------------- Warning --------------------------------
-  // | These PropTypes are generated from the TypeScript type definitions |
-  // | To update them edit the TypeScript types and run "yarn proptypes"  |
-  // ----------------------------------------------------------------------
-  /**
-   * Props passed to the quick filter component.
-   */
-  quickFilterProps: PropTypes.object,
-  /**
-   * Show the quick filter component.
-   * @default false
-   */
-  showQuickFilter: PropTypes.bool,
-  sx: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.func, PropTypes.object, PropTypes.bool])), PropTypes.func, PropTypes.object])
-} : void 0;
-export { GridToolbar };

package/legacy/components/toolbar/GridToolbarColumnsButton.js

@@ -1,68 +0,0 @@
-import _extends from "@babel/runtime/helpers/esm/extends";
-import * as React from 'react';
-import PropTypes from 'prop-types';
-import { unstable_useId as useId } from '@mui/material/utils';
-import { useGridSelector } from '../../hooks/utils/useGridSelector';
-import { gridPreferencePanelStateSelector } from '../../hooks/features/preferencesPanel/gridPreferencePanelSelector';
-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";
-var GridToolbarColumnsButton = /*#__PURE__*/React.forwardRef(function GridToolbarColumnsButton(props, ref) {
-  var _rootProps$slotProps, _rootProps$slotProps2;
-  var _props$slotProps = props.slotProps,
-    slotProps = _props$slotProps === void 0 ? {} : _props$slotProps;
-  var buttonProps = slotProps.button || {};
-  var tooltipProps = slotProps.tooltip || {};
-  var columnButtonId = useId();
-  var columnPanelId = useId();
-  var apiRef = useGridApiContext();
-  var rootProps = useGridRootProps();
-  var preferencePanel = useGridSelector(apiRef, gridPreferencePanelStateSelector);
-  var showColumns = function showColumns(event) {
-    var _buttonProps$onClick;
-    if (preferencePanel.open && preferencePanel.openedPanelValue === GridPreferencePanelsValue.columns) {
-      apiRef.current.hidePreferences();
-    } else {
-      apiRef.current.showPreferences(GridPreferencePanelsValue.columns, columnPanelId, columnButtonId);
-    }
-    (_buttonProps$onClick = buttonProps.onClick) == null || _buttonProps$onClick.call(buttonProps, event);
-  };
-
-  // Disable the button if the corresponding is disabled
-  if (rootProps.disableColumnSelector) {
-    return null;
-  }
-  var isOpen = preferencePanel.open && preferencePanel.panelId === columnPanelId;
-  return /*#__PURE__*/_jsx(rootProps.slots.baseTooltip, _extends({
-    title: apiRef.current.getLocaleText('toolbarColumnsLabel'),
-    enterDelay: 1000
-  }, tooltipProps, (_rootProps$slotProps = rootProps.slotProps) == null ? void 0 : _rootProps$slotProps.baseTooltip, {
-    children: /*#__PURE__*/_jsx(rootProps.slots.baseButton, _extends({
-      ref: ref,
-      id: columnButtonId,
-      size: "small",
-      "aria-label": apiRef.current.getLocaleText('toolbarColumnsLabel'),
-      "aria-haspopup": "menu",
-      "aria-expanded": isOpen,
-      "aria-controls": isOpen ? columnPanelId : undefined,
-      startIcon: /*#__PURE__*/_jsx(rootProps.slots.columnSelectorIcon, {})
-    }, buttonProps, {
-      onClick: showColumns
-    }, (_rootProps$slotProps2 = rootProps.slotProps) == null ? void 0 : _rootProps$slotProps2.baseButton, {
-      children: apiRef.current.getLocaleText('toolbarColumns')
-    }))
-  }));
-});
-process.env.NODE_ENV !== "production" ? GridToolbarColumnsButton.propTypes = {
-  // ----------------------------- Warning --------------------------------
-  // | These PropTypes are generated from the TypeScript type definitions |
-  // | To update them edit the TypeScript types and run "yarn proptypes"  |
-  // ----------------------------------------------------------------------
-  /**
-   * The props used for each slot inside.
-   * @default {}
-   */
-  slotProps: PropTypes.object
-} : void 0;
-export { GridToolbarColumnsButton };

package/legacy/components/toolbar/GridToolbarDensitySelector.js

@@ -1,142 +0,0 @@
-import _extends from "@babel/runtime/helpers/esm/extends";
-import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
-import * as React from 'react';
-import PropTypes from 'prop-types';
-import { unstable_useId as useId, unstable_useForkRef as useForkRef } from '@mui/utils';
-import MenuList from '@mui/material/MenuList';
-import MenuItem from '@mui/material/MenuItem';
-import ListItemIcon from '@mui/material/ListItemIcon';
-import { gridDensityValueSelector } from '../../hooks/features/density/densitySelector';
-import { isHideMenuKey, isTabKey } from '../../utils/keyboardUtils';
-import { useGridApiContext } from '../../hooks/utils/useGridApiContext';
-import { useGridSelector } from '../../hooks/utils/useGridSelector';
-import { GridMenu } from '../menu/GridMenu';
-import { useGridRootProps } from '../../hooks/utils/useGridRootProps';
-import { gridClasses } from '../../constants/gridClasses';
-import { jsx as _jsx } from "react/jsx-runtime";
-import { jsxs as _jsxs } from "react/jsx-runtime";
-var GridToolbarDensitySelector = /*#__PURE__*/React.forwardRef(function GridToolbarDensitySelector(props, ref) {
-  var _rootProps$slotProps, _rootProps$slotProps2;
-  var _props$slotProps = props.slotProps,
-    slotProps = _props$slotProps === void 0 ? {} : _props$slotProps;
-  var buttonProps = slotProps.button || {};
-  var tooltipProps = slotProps.tooltip || {};
-  var apiRef = useGridApiContext();
-  var rootProps = useGridRootProps();
-  var densityValue = useGridSelector(apiRef, gridDensityValueSelector);
-  var densityButtonId = useId();
-  var densityMenuId = useId();
-  var _React$useState = React.useState(false),
-    _React$useState2 = _slicedToArray(_React$useState, 2),
-    open = _React$useState2[0],
-    setOpen = _React$useState2[1];
-  var buttonRef = React.useRef(null);
-  var handleRef = useForkRef(ref, buttonRef);
-  var densityOptions = [{
-    icon: /*#__PURE__*/_jsx(rootProps.slots.densityCompactIcon, {}),
-    label: apiRef.current.getLocaleText('toolbarDensityCompact'),
-    value: 'compact'
-  }, {
-    icon: /*#__PURE__*/_jsx(rootProps.slots.densityStandardIcon, {}),
-    label: apiRef.current.getLocaleText('toolbarDensityStandard'),
-    value: 'standard'
-  }, {
-    icon: /*#__PURE__*/_jsx(rootProps.slots.densityComfortableIcon, {}),
-    label: apiRef.current.getLocaleText('toolbarDensityComfortable'),
-    value: 'comfortable'
-  }];
-  var startIcon = React.useMemo(function () {
-    switch (densityValue) {
-      case 'compact':
-        return /*#__PURE__*/_jsx(rootProps.slots.densityCompactIcon, {});
-      case 'comfortable':
-        return /*#__PURE__*/_jsx(rootProps.slots.densityComfortableIcon, {});
-      default:
-        return /*#__PURE__*/_jsx(rootProps.slots.densityStandardIcon, {});
-    }
-  }, [densityValue, rootProps]);
-  var handleDensitySelectorOpen = function handleDensitySelectorOpen(event) {
-    var _buttonProps$onClick;
-    setOpen(function (prevOpen) {
-      return !prevOpen;
-    });
-    (_buttonProps$onClick = buttonProps.onClick) == null || _buttonProps$onClick.call(buttonProps, event);
-  };
-  var handleDensitySelectorClose = function handleDensitySelectorClose() {
-    setOpen(false);
-  };
-  var handleDensityUpdate = function handleDensityUpdate(newDensity) {
-    apiRef.current.setDensity(newDensity);
-    setOpen(false);
-  };
-  var handleListKeyDown = function handleListKeyDown(event) {
-    if (isTabKey(event.key)) {
-      event.preventDefault();
-    }
-    if (isHideMenuKey(event.key)) {
-      setOpen(false);
-    }
-  };
-
-  // Disable the button if the corresponding is disabled
-  if (rootProps.disableDensitySelector) {
-    return null;
-  }
-  var densityElements = densityOptions.map(function (option, index) {
-    return /*#__PURE__*/_jsxs(MenuItem, {
-      onClick: function onClick() {
-        return handleDensityUpdate(option.value);
-      },
-      selected: option.value === densityValue,
-      children: [/*#__PURE__*/_jsx(ListItemIcon, {
-        children: option.icon
-      }), option.label]
-    }, index);
-  });
-  return /*#__PURE__*/_jsxs(React.Fragment, {
-    children: [/*#__PURE__*/_jsx(rootProps.slots.baseTooltip, _extends({
-      title: apiRef.current.getLocaleText('toolbarDensityLabel'),
-      enterDelay: 1000
-    }, tooltipProps, (_rootProps$slotProps = rootProps.slotProps) == null ? void 0 : _rootProps$slotProps.baseTooltip, {
-      children: /*#__PURE__*/_jsx(rootProps.slots.baseButton, _extends({
-        ref: handleRef,
-        size: "small",
-        startIcon: startIcon,
-        "aria-label": apiRef.current.getLocaleText('toolbarDensityLabel'),
-        "aria-haspopup": "menu",
-        "aria-expanded": open,
-        "aria-controls": open ? densityMenuId : undefined,
-        id: densityButtonId
-      }, buttonProps, {
-        onClick: handleDensitySelectorOpen
-      }, (_rootProps$slotProps2 = rootProps.slotProps) == null ? void 0 : _rootProps$slotProps2.baseButton, {
-        children: apiRef.current.getLocaleText('toolbarDensity')
-      }))
-    })), /*#__PURE__*/_jsx(GridMenu, {
-      open: open,
-      target: buttonRef.current,
-      onClose: handleDensitySelectorClose,
-      position: "bottom-start",
-      children: /*#__PURE__*/_jsx(MenuList, {
-        id: densityMenuId,
-        className: gridClasses.menuList,
-        "aria-labelledby": densityButtonId,
-        onKeyDown: handleListKeyDown,
-        autoFocusItem: open,
-        children: densityElements
-      })
-    })]
-  });
-});
-process.env.NODE_ENV !== "production" ? GridToolbarDensitySelector.propTypes = {
-  // ----------------------------- Warning --------------------------------
-  // | These PropTypes are generated from the TypeScript type definitions |
-  // | To update them edit the TypeScript types and run "yarn proptypes"  |
-  // ----------------------------------------------------------------------
-  /**
-   * The props used for each slot inside.
-   * @default {}
-   */
-  slotProps: PropTypes.object
-} : void 0;
-export { GridToolbarDensitySelector };

package/legacy/components/toolbar/GridToolbarExport.js

@@ -1,80 +0,0 @@
-import _extends from "@babel/runtime/helpers/esm/extends";
-import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
-var _excluded = ["hideMenu", "options"],
-  _excluded2 = ["hideMenu", "options"],
-  _excluded3 = ["csvOptions", "printOptions", "excelOptions"];
-import * as React from 'react';
-import PropTypes from 'prop-types';
-import MenuItem from '@mui/material/MenuItem';
-import { useGridApiContext } from '../../hooks/utils/useGridApiContext';
-import { GridToolbarExportContainer } from './GridToolbarExportContainer';
-import { jsx as _jsx } from "react/jsx-runtime";
-export function GridCsvExportMenuItem(props) {
-  var apiRef = useGridApiContext();
-  var hideMenu = props.hideMenu,
-    options = props.options,
-    other = _objectWithoutProperties(props, _excluded);
-  return /*#__PURE__*/_jsx(MenuItem, _extends({
-    onClick: function onClick() {
-      apiRef.current.exportDataAsCsv(options);
-      hideMenu == null || hideMenu();
-    }
-  }, other, {
-    children: apiRef.current.getLocaleText('toolbarExportCSV')
-  }));
-}
-export function GridPrintExportMenuItem(props) {
-  var apiRef = useGridApiContext();
-  var hideMenu = props.hideMenu,
-    options = props.options,
-    other = _objectWithoutProperties(props, _excluded2);
-  return /*#__PURE__*/_jsx(MenuItem, _extends({
-    onClick: function onClick() {
-      apiRef.current.exportDataAsPrint(options);
-      hideMenu == null || hideMenu();
-    }
-  }, other, {
-    children: apiRef.current.getLocaleText('toolbarExportPrint')
-  }));
-}
-var GridToolbarExport = /*#__PURE__*/React.forwardRef(function GridToolbarExport(props, ref) {
-  var _props$csvOptions = props.csvOptions,
-    csvOptions = _props$csvOptions === void 0 ? {} : _props$csvOptions,
-    _props$printOptions = props.printOptions,
-    printOptions = _props$printOptions === void 0 ? {} : _props$printOptions,
-    excelOptions = props.excelOptions,
-    other = _objectWithoutProperties(props, _excluded3);
-  var apiRef = useGridApiContext();
-  var preProcessedButtons = apiRef.current.unstable_applyPipeProcessors('exportMenu', [], {
-    excelOptions: excelOptions,
-    csvOptions: csvOptions,
-    printOptions: printOptions
-  }).sort(function (a, b) {
-    return a.componentName > b.componentName ? 1 : -1;
-  });
-  if (preProcessedButtons.length === 0) {
-    return null;
-  }
-  return /*#__PURE__*/_jsx(GridToolbarExportContainer, _extends({}, other, {
-    ref: ref,
-    children: preProcessedButtons.map(function (button, index) {
-      return /*#__PURE__*/React.cloneElement(button.component, {
-        key: index
-      });
-    })
-  }));
-});
-process.env.NODE_ENV !== "production" ? GridToolbarExport.propTypes = {
-  // ----------------------------- Warning --------------------------------
-  // | These PropTypes are generated from the TypeScript type definitions |
-  // | To update them edit the TypeScript types and run "yarn proptypes"  |
-  // ----------------------------------------------------------------------
-  csvOptions: PropTypes.object,
-  printOptions: PropTypes.object,
-  /**
-   * The props used for each slot inside.
-   * @default {}
-   */
-  slotProps: PropTypes.object
-} : void 0;
-export { GridToolbarExport };