@mui/x-data-grid-premium 8.0.0-alpha.8 → 8.0.0-beta.0

package/components/GridColumnMenuRowGroupItem.d.ts

@@ -1,3 +1,3 @@
 import * as React from 'react';
 import { GridColumnMenuItemProps } from '@mui/x-data-grid-pro';
-export declare function GridColumnMenuRowGroupItem(props: GridColumnMenuItemProps): React.JSX.Element | null;
+export declare function GridColumnMenuRowGroupItem(props: GridColumnMenuItemProps): React.JSX.Element | null;

package/components/GridColumnMenuRowUngroupItem.d.ts

@@ -1,3 +1,3 @@
 import * as React from 'react';
 import { GridColumnMenuItemProps } from '@mui/x-data-grid-pro';
-export declare function GridColumnMenuRowUngroupItem(props: GridColumnMenuItemProps): React.JSX.Element | null;
+export declare function GridColumnMenuRowUngroupItem(props: GridColumnMenuItemProps): React.JSX.Element | null;

package/components/GridDataSourceGroupingCriteriaCell.d.ts

@@ -1,7 +1,7 @@
 import * as React from 'react';
 import { GridRenderCellParams, GridGroupNode } from '@mui/x-data-grid-pro';
 interface GridGroupingCriteriaCellProps extends GridRenderCellParams<any, any, any, GridGroupNode> {
-    hideDescendantCount?: boolean;
+  hideDescendantCount?: boolean;
 }
 export declare function GridDataSourceGroupingCriteriaCell(props: GridGroupingCriteriaCellProps): React.JSX.Element;
-export {};
+export {};

package/components/GridDataSourceGroupingCriteriaCell.js

@@ -9,7 +9,6 @@ exports.GridDataSourceGroupingCriteriaCell = GridDataSourceGroupingCriteriaCell;
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 var React = _interopRequireWildcard(require("react"));
 var _utils = require("@mui/utils");
-var _Box = _interopRequireDefault(require("@mui/material/Box"));
 var _internals = require("@mui/x-data-grid-pro/internals");
 var _xDataGridPro = require("@mui/x-data-grid-pro");
 var _useGridApiContext = require("../hooks/utils/useGridApiContext");
@@ -36,14 +35,12 @@ function GridGroupingCriteriaCellIcon(props) {
     field,
     descendantCount
   } = props;
-  const loadingSelector = state => state.dataSource.loading[id] ?? false;
-  const errorSelector = state => state.dataSource.errors[id];
-  const isDataLoading = (0, _xDataGridPro.useGridSelector)(apiRef, loadingSelector);
-  const error = (0, _xDataGridPro.useGridSelector)(apiRef, errorSelector);
+  const isDataLoading = (0, _xDataGridPro.useGridSelector)(apiRef, _internals.gridDataSourceLoadingIdSelector, id);
+  const error = (0, _xDataGridPro.useGridSelector)(apiRef, _internals.gridDataSourceErrorSelector, id);
   const handleClick = event => {
     if (!rowNode.childrenExpanded) {
       // always fetch/get from cache the children when the node is expanded
-      apiRef.current.unstable_dataSource.fetchRows(id);
+      apiRef.current.dataSource.fetchRows(id);
     } else {
       apiRef.current.setRowChildrenExpansion(id, !rowNode.childrenExpanded);
     }
@@ -89,12 +86,11 @@ function GridDataSourceGroupingCriteriaCell(props) {
   } = props;
   const rootProps = (0, _useGridRootProps.useGridRootProps)();
   const apiRef = (0, _useGridApiContext.useGridApiContext)();
-  const rowSelector = state => state.rows.dataRowIdToModelLookup[id];
-  const row = (0, _xDataGridPro.useGridSelector)(apiRef, rowSelector);
+  const row = (0, _xDataGridPro.useGridSelector)(apiRef, _internals.gridRowSelector, id);
   const classes = useUtilityClasses(rootProps);
   let descendantCount = 0;
   if (row) {
-    descendantCount = Math.max(rootProps.unstable_dataSource?.getChildrenCount?.(row) ?? 0, 0);
+    descendantCount = Math.max(rootProps.dataSource?.getChildrenCount?.(row) ?? 0, 0);
   }
   let cellContent;
   const colDef = apiRef.current.getColumn(rowNode.groupingField);
@@ -109,10 +105,10 @@ function GridDataSourceGroupingCriteriaCell(props) {
       children: rowNode.groupingKey
     });
   }
-  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_Box.default, {
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
     className: classes.root,
-    sx: {
-      ml: rootProps.rowGroupingColumnMode === 'multiple' ? 0 : theme => `calc(var(--DataGrid-cellOffsetMultiplier) * ${theme.spacing(rowNode.depth)})`
+    style: {
+      marginLeft: rootProps.rowGroupingColumnMode === 'multiple' ? 0 : `calc(var(--DataGrid-cellOffsetMultiplier) * ${_internals.vars.spacing(rowNode.depth)})`
     },
     children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
       className: classes.toggle,

package/components/GridExcelExportMenuItem.d.ts

@@ -1,9 +1,9 @@
 import * as React from 'react';
 import { GridExportMenuItemProps } from '@mui/x-data-grid-pro';
-import { GridExcelExportOptions } from '../hooks/features/export';
+import { GridExcelExportOptions } from "../hooks/features/export/index.js";
 export type GridExcelExportMenuItemProps = GridExportMenuItemProps<GridExcelExportOptions>;
 declare function GridExcelExportMenuItem(props: GridExcelExportMenuItemProps): React.JSX.Element;
 declare namespace GridExcelExportMenuItem {
-    var propTypes: any;
+  var propTypes: any;
 }
-export { GridExcelExportMenuItem };
+export { GridExcelExportMenuItem };

package/components/GridFooterCell.d.ts

@@ -3,7 +3,7 @@ import { GridRenderCellParams } from '@mui/x-data-grid';
 import { Theme } from '@mui/material/styles';
 import { SxProps } from '@mui/system';
 interface GridFooterCellProps extends GridRenderCellParams {
-    sx?: SxProps<Theme>;
+  sx?: SxProps<Theme>;
 }
 declare function GridFooterCell(props: GridFooterCellProps): React.JSX.Element;
-export { GridFooterCell };
+export { GridFooterCell };

package/components/GridFooterCell.js

@@ -10,6 +10,7 @@ var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends")
 var _objectWithoutPropertiesLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutPropertiesLoose"));
 var React = _interopRequireWildcard(require("react"));
 var _xDataGrid = require("@mui/x-data-grid");
+var _internals = require("@mui/x-data-grid/internals");
 var _styles = require("@mui/material/styles");
 var _composeClasses = _interopRequireDefault(require("@mui/utils/composeClasses"));
 var _useGridRootProps = require("../hooks/utils/useGridRootProps");
@@ -19,12 +20,10 @@ const GridFooterCellRoot = (0, _styles.styled)('div', {
   name: 'MuiDataGrid',
   slot: 'FooterCell',
   overridesResolver: (_, styles) => styles.footerCell
-})(({
-  theme
-}) => ({
-  fontWeight: theme.typography.fontWeightMedium,
-  color: (theme.vars || theme).palette.primary.dark
-}));
+})({
+  fontWeight: _internals.vars.typography.fontWeight.medium,
+  color: _internals.vars.colors.foreground.accent
+});
 const useUtilityClasses = ownerState => {
   const {
     classes

package/components/GridGroupingColumnFooterCell.d.ts

@@ -1,4 +1,4 @@
 import * as React from 'react';
 import { GridRenderCellParams } from '@mui/x-data-grid-pro';
 declare function GridGroupingColumnFooterCell(props: GridRenderCellParams): React.JSX.Element;
-export { GridGroupingColumnFooterCell };
+export { GridGroupingColumnFooterCell };

package/components/GridGroupingColumnFooterCell.js

@@ -8,6 +8,7 @@ Object.defineProperty(exports, "__esModule", {
 exports.GridGroupingColumnFooterCell = GridGroupingColumnFooterCell;
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 var React = _interopRequireWildcard(require("react"));
+var _internals = require("@mui/x-data-grid/internals");
 var _useGridRootProps = require("../hooks/utils/useGridRootProps");
 var _GridFooterCell = require("./GridFooterCell");
 var _jsxRuntime = require("react/jsx-runtime");
@@ -21,7 +22,7 @@ function GridGroupingColumnFooterCell(props) {
   } else if (rootProps.rowGroupingColumnMode === 'multiple') {
     sx.ml = 2;
   } else {
-    sx.ml = theme => `calc(var(--DataGrid-cellOffsetMultiplier) * ${theme.spacing(props.rowNode.depth)})`;
+    sx.ml = `calc(var(--DataGrid-cellOffsetMultiplier) * ${_internals.vars.spacing(props.rowNode.depth)})`;
   }
   return /*#__PURE__*/(0, _jsxRuntime.jsx)(_GridFooterCell.GridFooterCell, (0, _extends2.default)({
     sx: sx

package/components/GridGroupingColumnLeafCell.d.ts

@@ -1,4 +1,4 @@
 import * as React from 'react';
 import { GridRenderCellParams } from '@mui/x-data-grid-pro';
 declare function GridGroupingColumnLeafCell(props: GridRenderCellParams): React.JSX.Element;
-export { GridGroupingColumnLeafCell };
+export { GridGroupingColumnLeafCell };

package/components/GridGroupingColumnLeafCell.js

@@ -1,13 +1,12 @@
 "use strict";
 
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
 var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.GridGroupingColumnLeafCell = GridGroupingColumnLeafCell;
 var React = _interopRequireWildcard(require("react"));
-var _Box = _interopRequireDefault(require("@mui/material/Box"));
+var _internals = require("@mui/x-data-grid/internals");
 var _useGridRootProps = require("../hooks/utils/useGridRootProps");
 var _jsxRuntime = require("react/jsx-runtime");
 function GridGroupingColumnLeafCell(props) {
@@ -15,14 +14,9 @@ function GridGroupingColumnLeafCell(props) {
     rowNode
   } = props;
   const rootProps = (0, _useGridRootProps.useGridRootProps)();
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_Box.default, {
-    sx: [rootProps.rowGroupingColumnMode === 'multiple' ? {
-      ml: 1
-    } : theme => ({
-      ml: `calc(var(--DataGrid-cellOffsetMultiplier) * var(--depth) * ${theme.spacing(1)})`
-    })],
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
     style: {
-      '--depth': rowNode.depth
+      marginLeft: rootProps.rowGroupingColumnMode === 'multiple' ? _internals.vars.spacing(1) : `calc(var(--DataGrid-cellOffsetMultiplier) * ${_internals.vars.spacing(rowNode.depth)})`
     },
     children: props.formattedValue ?? props.value
   });

package/components/GridGroupingCriteriaCell.d.ts

@@ -1,7 +1,7 @@
 import * as React from 'react';
 import { GridRenderCellParams, GridGroupNode } from '@mui/x-data-grid-pro';
 interface GridGroupingCriteriaCellProps extends GridRenderCellParams<any, any, any, GridGroupNode> {
-    hideDescendantCount?: boolean;
+  hideDescendantCount?: boolean;
 }
 export declare function GridGroupingCriteriaCell(props: GridGroupingCriteriaCellProps): React.JSX.Element;
-export {};
+export {};

package/components/GridGroupingCriteriaCell.js

@@ -9,7 +9,7 @@ exports.GridGroupingCriteriaCell = GridGroupingCriteriaCell;
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 var React = _interopRequireWildcard(require("react"));
 var _composeClasses = _interopRequireDefault(require("@mui/utils/composeClasses"));
-var _Box = _interopRequireDefault(require("@mui/material/Box"));
+var _internals = require("@mui/x-data-grid/internals");
 var _xDataGridPro = require("@mui/x-data-grid-pro");
 var _useGridApiContext = require("../hooks/utils/useGridApiContext");
 var _useGridRootProps = require("../hooks/utils/useGridRootProps");
@@ -67,15 +67,10 @@ function GridGroupingCriteriaCell(props) {
       children: rowNode.groupingKey
     });
   }
-  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_Box.default, {
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
     className: classes.root,
-    sx: [rootProps.rowGroupingColumnMode === 'multiple' ? {
-      ml: 0
-    } : theme => ({
-      ml: `calc(var(--DataGrid-cellOffsetMultiplier) * var(--depth) * ${theme.spacing(1)})`
-    })],
     style: {
-      '--depth': rowNode.depth
+      marginLeft: rootProps.rowGroupingColumnMode === 'multiple' ? 0 : `calc(var(--DataGrid-cellOffsetMultiplier) * ${rowNode.depth} * ${_internals.vars.spacing(1)})`
     },
     children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
       className: classes.toggle,

package/components/GridPremiumColumnMenu.d.ts

@@ -1,33 +1,33 @@
 import * as React from 'react';
 import { GridColumnMenuProps, GridColumnMenuItemProps } from '@mui/x-data-grid-pro';
-import { GridColumnMenuAggregationItem } from './GridColumnMenuAggregationItem';
+import { GridColumnMenuAggregationItem } from "./GridColumnMenuAggregationItem.js";
 export declare function GridColumnMenuGroupingItem(props: GridColumnMenuItemProps): React.JSX.Element;
 export declare const GRID_COLUMN_MENU_SLOTS_PREMIUM: {
-    columnMenuAggregationItem: typeof GridColumnMenuAggregationItem;
-    columnMenuGroupingItem: typeof GridColumnMenuGroupingItem;
-    columnMenuPinningItem: typeof import("@mui/x-data-grid-pro").GridColumnMenuPinningItem;
-    columnMenuSortItem: typeof import("@mui/x-data-grid").GridColumnMenuSortItem;
-    columnMenuFilterItem: typeof import("@mui/x-data-grid").GridColumnMenuFilterItem;
-    columnMenuColumnsItem: typeof import("@mui/x-data-grid").GridColumnMenuColumnsItem;
+  columnMenuAggregationItem: typeof GridColumnMenuAggregationItem;
+  columnMenuGroupingItem: typeof GridColumnMenuGroupingItem;
+  columnMenuPinningItem: typeof import("@mui/x-data-grid-pro").GridColumnMenuPinningItem;
+  columnMenuSortItem: typeof import("@mui/x-data-grid").GridColumnMenuSortItem;
+  columnMenuFilterItem: typeof import("@mui/x-data-grid").GridColumnMenuFilterItem;
+  columnMenuColumnsItem: typeof import("@mui/x-data-grid").GridColumnMenuColumnsItem;
 };
 export declare const GRID_COLUMN_MENU_SLOT_PROPS_PREMIUM: {
-    columnMenuAggregationItem: {
-        displayOrder: number;
-    };
-    columnMenuGroupingItem: {
-        displayOrder: number;
-    };
-    columnMenuPinningItem: {
-        displayOrder: number;
-    };
-    columnMenuSortItem: {
-        displayOrder: number;
-    };
-    columnMenuFilterItem: {
-        displayOrder: number;
-    };
-    columnMenuColumnsItem: {
-        displayOrder: number;
-    };
+  columnMenuAggregationItem: {
+    displayOrder: number;
+  };
+  columnMenuGroupingItem: {
+    displayOrder: number;
+  };
+  columnMenuPinningItem: {
+    displayOrder: number;
+  };
+  columnMenuSortItem: {
+    displayOrder: number;
+  };
+  columnMenuFilterItem: {
+    displayOrder: number;
+  };
+  columnMenuColumnsItem: {
+    displayOrder: number;
+  };
 };
-export declare const GridPremiumColumnMenu: React.ForwardRefExoticComponent<GridColumnMenuProps> | React.ForwardRefExoticComponent<GridColumnMenuProps & React.RefAttributes<HTMLUListElement>>;
+export declare const GridPremiumColumnMenu: React.ForwardRefExoticComponent<GridColumnMenuProps> | React.ForwardRefExoticComponent<GridColumnMenuProps & React.RefAttributes<HTMLUListElement>>;

package/components/GridPremiumToolbar.d.ts

@@ -0,0 +1,3 @@
+import * as React from 'react';
+import { GridToolbarProps } from '@mui/x-data-grid/internals';
+export declare function GridPremiumToolbar(props: GridToolbarProps): React.JSX.Element;

package/components/GridPremiumToolbar.js

@@ -0,0 +1,31 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.GridPremiumToolbar = GridPremiumToolbar;
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+var _objectWithoutPropertiesLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutPropertiesLoose"));
+var React = _interopRequireWildcard(require("react"));
+var _internals = require("@mui/x-data-grid/internals");
+var _export = require("./export");
+var _useGridRootProps = require("../hooks/utils/useGridRootProps");
+var _useGridApiContext = require("../hooks/utils/useGridApiContext");
+var _jsxRuntime = require("react/jsx-runtime");
+const _excluded = ["excelOptions"];
+function GridPremiumToolbar(props) {
+  const rootProps = (0, _useGridRootProps.useGridRootProps)();
+  const apiRef = (0, _useGridApiContext.useGridApiContext)();
+  const other = (0, _objectWithoutPropertiesLoose2.default)(props, _excluded);
+  const additionalExportMenuItems = !props.excelOptions?.disableToolbarButton ? onMenuItemClick => /*#__PURE__*/(0, _jsxRuntime.jsx)(_export.ExportExcel, {
+    render: /*#__PURE__*/(0, _jsxRuntime.jsx)(rootProps.slots.baseMenuItem, (0, _extends2.default)({}, rootProps.slotProps?.baseMenuItem)),
+    options: props.excelOptions,
+    onClick: onMenuItemClick,
+    children: apiRef.current.getLocaleText('toolbarExportExcel')
+  }) : undefined;
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_internals.GridToolbar, (0, _extends2.default)({}, other, {
+    additionalExportMenuItems: additionalExportMenuItems
+  }));
+}

package/components/export/ExportExcel.d.ts

@@ -0,0 +1,29 @@
+import * as React from 'react';
+import { GridSlotProps, RenderProp } from '@mui/x-data-grid';
+import { GridExcelExportOptions } from "../../hooks/features/export/index.js";
+export type ExportExcelProps = GridSlotProps['baseButton'] & {
+  /**
+   * A function to customize rendering of the component.
+   */
+  render?: RenderProp<GridSlotProps['baseButton']>;
+  /**
+   * The options to apply on the Excel export.
+   * @demos
+   *   - [Excel export](/x/react-data-grid/export/#excel-export)
+   */
+  options?: GridExcelExportOptions;
+};
+/**
+ * A button that triggers an Excel export.
+ * It renders the `baseButton` slot.
+ *
+ * Demos:
+ *
+ * - [Export](https://mui.com/x/react-data-grid/components/export/)
+ *
+ * API:
+ *
+ * - [ExportExcel API](https://mui.com/x/api/data-grid/export-excel/)
+ */
+declare const ExportExcel: React.ForwardRefExoticComponent<ExportExcelProps> | React.ForwardRefExoticComponent<Omit<ExportExcelProps, "ref"> & React.RefAttributes<HTMLButtonElement>>;
+export { ExportExcel };

package/components/export/ExportExcel.js

@@ -0,0 +1,216 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.ExportExcel = void 0;
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+var _objectWithoutPropertiesLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutPropertiesLoose"));
+var React = _interopRequireWildcard(require("react"));
+var _propTypes = _interopRequireDefault(require("prop-types"));
+var _internals = require("@mui/x-data-grid/internals");
+var _forwardRef = require("@mui/x-internals/forwardRef");
+var _useGridApiContext = require("../../hooks/utils/useGridApiContext");
+var _useGridRootProps = require("../../hooks/utils/useGridRootProps");
+var _jsxRuntime = require("react/jsx-runtime");
+const _excluded = ["render", "options", "onClick"];
+/**
+ * A button that triggers an Excel export.
+ * It renders the `baseButton` slot.
+ *
+ * Demos:
+ *
+ * - [Export](https://mui.com/x/react-data-grid/components/export/)
+ *
+ * API:
+ *
+ * - [ExportExcel API](https://mui.com/x/api/data-grid/export-excel/)
+ */
+const ExportExcel = exports.ExportExcel = (0, _forwardRef.forwardRef)(function ExportExcel(props, ref) {
+  const {
+      render,
+      options,
+      onClick
+    } = props,
+    other = (0, _objectWithoutPropertiesLoose2.default)(props, _excluded);
+  const rootProps = (0, _useGridRootProps.useGridRootProps)();
+  const apiRef = (0, _useGridApiContext.useGridApiContext)();
+  const handleClick = event => {
+    apiRef.current.exportDataAsExcel(options);
+    onClick?.(event);
+  };
+  const element = (0, _internals.useGridComponentRenderer)(rootProps.slots.baseButton, render, (0, _extends2.default)({
+    onClick: handleClick
+  }, rootProps.slotProps?.baseButton, other, {
+    ref
+  }));
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(React.Fragment, {
+    children: element
+  });
+});
+process.env.NODE_ENV !== "production" ? ExportExcel.propTypes = {
+  // ----------------------------- Warning --------------------------------
+  // | These PropTypes are generated from the TypeScript type definitions |
+  // | To update them edit the TypeScript types and run "pnpm proptypes"  |
+  // ----------------------------------------------------------------------
+  /**
+   * A ref for imperative actions.
+   * It currently only supports `focusVisible()` action.
+   */
+  action: _propTypes.default.oneOfType([_propTypes.default.func, _propTypes.default.shape({
+    current: _propTypes.default.shape({
+      focusVisible: _propTypes.default.func.isRequired
+    })
+  })]),
+  /**
+   * If `true`, the ripples are centered.
+   * They won't start at the cursor interaction position.
+   * @default false
+   */
+  centerRipple: _propTypes.default.bool,
+  className: _propTypes.default.string,
+  /**
+   * The color of the component.
+   * It supports both default and custom theme colors, which can be added as shown in the
+   * [palette customization guide](https://mui.com/material-ui/customization/palette/#custom-colors).
+   * @default 'primary'
+   */
+  color: _propTypes.default.oneOf(['error', 'info', 'inherit', 'primary', 'secondary', 'success', 'warning']),
+  component: _propTypes.default.elementType,
+  /**
+   * If `true`, the component is disabled.
+   */
+  disabled: _propTypes.default.bool,
+  /**
+   * If `true`, no elevation is used.
+   * @default false
+   */
+  disableElevation: _propTypes.default.bool,
+  /**
+   * If `true`, the  keyboard focus ripple is disabled.
+   * @default false
+   */
+  disableFocusRipple: _propTypes.default.bool,
+  /**
+   * If `true`, the ripple effect is disabled.
+   *
+   * ⚠️ Without a ripple there is no styling for :focus-visible by default. Be sure
+   * to highlight the element by applying separate styles with the `.Mui-focusVisible` class.
+   * @default false
+   */
+  disableRipple: _propTypes.default.bool,
+  /**
+   * If `true`, the touch ripple effect is disabled.
+   * @default false
+   */
+  disableTouchRipple: _propTypes.default.bool,
+  /**
+   * Element placed after the children.
+   */
+  endIcon: _propTypes.default.node,
+  /**
+   * If `true`, the base button will have a keyboard focus ripple.
+   * @default false
+   */
+  focusRipple: _propTypes.default.bool,
+  /**
+   * This prop can help identify which element has keyboard focus.
+   * The class name will be applied when the element gains the focus through keyboard interaction.
+   * It's a polyfill for the [CSS :focus-visible selector](https://drafts.csswg.org/selectors-4/#the-focus-visible-pseudo).
+   * The rationale for using this feature [is explained here](https://github.com/WICG/focus-visible/blob/HEAD/explainer.md).
+   * A [polyfill can be used](https://github.com/WICG/focus-visible) to apply a `focus-visible` class to other components
+   * if needed.
+   */
+  focusVisibleClassName: _propTypes.default.string,
+  /**
+   * If `true`, the button will take up the full width of its container.
+   * @default false
+   */
+  fullWidth: _propTypes.default.bool,
+  /**
+   * The URL to link to when the button is clicked.
+   * If defined, an `a` element will be used as the root node.
+   */
+  href: _propTypes.default.string,
+  /**
+   * The component used to render a link when the `href` prop is provided.
+   * @default 'a'
+   */
+  LinkComponent: _propTypes.default.elementType,
+  /**
+   * If `true`, the loading indicator is visible and the button is disabled.
+   * If `true | false`, the loading wrapper is always rendered before the children to prevent [Google Translation Crash](https://github.com/mui/material-ui/issues/27853).
+   * @default null
+   */
+  loading: _propTypes.default.bool,
+  /**
+   * Element placed before the children if the button is in loading state.
+   * The node should contain an element with `role="progressbar"` with an accessible name.
+   * By default, it renders a `CircularProgress` that is labeled by the button itself.
+   * @default <CircularProgress color="inherit" size={16} />
+   */
+  loadingIndicator: _propTypes.default.node,
+  /**
+   * The loading indicator can be positioned on the start, end, or the center of the button.
+   * @default 'center'
+   */
+  loadingPosition: _propTypes.default.oneOf(['center', 'end', 'start']),
+  /**
+   * Callback fired when the component is focused with a keyboard.
+   * We trigger a `onFocus` callback too.
+   */
+  onFocusVisible: _propTypes.default.func,
+  /**
+   * The options to apply on the Excel export.
+   * @demos
+   *   - [Excel export](/x/react-data-grid/export/#excel-export)
+   */
+  options: _propTypes.default.shape({
+    allColumns: _propTypes.default.bool,
+    columnsStyles: _propTypes.default.object,
+    escapeFormulas: _propTypes.default.bool,
+    exceljsPostProcess: _propTypes.default.func,
+    exceljsPreProcess: _propTypes.default.func,
+    fields: _propTypes.default.arrayOf(_propTypes.default.string),
+    fileName: _propTypes.default.string,
+    getRowsToExport: _propTypes.default.func,
+    includeColumnGroupsHeaders: _propTypes.default.bool,
+    includeHeaders: _propTypes.default.bool,
+    valueOptionsSheetName: _propTypes.default.string,
+    worker: _propTypes.default.func
+  }),
+  /**
+   * A function to customize rendering of the component.
+   */
+  render: _propTypes.default.oneOfType([_propTypes.default.element, _propTypes.default.func]),
+  /**
+   * The size of the component.
+   * `small` is equivalent to the dense button styling.
+   */
+  size: _propTypes.default.oneOf(['large', 'medium', 'small']),
+  /**
+   * Element placed before the children.
+   */
+  startIcon: _propTypes.default.node,
+  style: _propTypes.default.object,
+  /**
+   * The system prop that allows defining system overrides as well as additional CSS styles.
+   */
+  sx: _propTypes.default.oneOfType([_propTypes.default.arrayOf(_propTypes.default.oneOfType([_propTypes.default.func, _propTypes.default.object, _propTypes.default.bool])), _propTypes.default.func, _propTypes.default.object]),
+  tabIndex: _propTypes.default.number,
+  /**
+   * Props applied to the `TouchRipple` element.
+   */
+  TouchRippleProps: _propTypes.default.object,
+  /**
+   * A ref that points to the `TouchRipple` element.
+   */
+  touchRippleRef: _propTypes.default.any,
+  /**
+   * The variant to use.
+   * @default 'text'
+   */
+  variant: _propTypes.default.oneOf(['contained', 'outlined', 'text'])
+} : void 0;

package/components/export/index.d.ts

@@ -0,0 +1 @@
+export * from "./ExportExcel.js";

package/components/export/index.js

@@ -0,0 +1,16 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+var _ExportExcel = require("./ExportExcel");
+Object.keys(_ExportExcel).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _ExportExcel[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _ExportExcel[key];
+    }
+  });
+});

package/components/index.d.ts

@@ -1,5 +1,6 @@
-export * from './GridExcelExportMenuItem';
-export * from '../material/icons';
-export * from './GridColumnMenuAggregationItem';
-export * from './promptControl';
-export { GridColumnMenuGroupingItem } from './GridPremiumColumnMenu';
+export * from "./GridExcelExportMenuItem.js";
+export * from "../material/icons.js";
+export * from "./GridColumnMenuAggregationItem.js";
+export * from "./promptControl/index.js";
+export { GridColumnMenuGroupingItem } from "./GridPremiumColumnMenu.js";
+export * from "./export/index.js";

package/components/index.js

@@ -60,4 +60,16 @@ Object.keys(_promptControl).forEach(function (key) {
     }
   });
 });
-var _GridPremiumColumnMenu = require("./GridPremiumColumnMenu");
+var _GridPremiumColumnMenu = require("./GridPremiumColumnMenu");
+var _export = require("./export");
+Object.keys(_export).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
+  if (key in exports && exports[key] === _export[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _export[key];
+    }
+  });
+});