@mui/x-data-grid 7.22.2 → 7.23.0

package/locales/zhCN.js

@@ -34,6 +34,7 @@ const zhCNGrid = {
   columnsManagementNoColumns: '没有列',
   columnsManagementShowHideAllText: '显示/隐藏所有',
   columnsManagementReset: '重置',
+  columnsManagementDeleteIconLabel: '清除',
   // Filter panel text
   filterPanelAddFilter: '添加筛选器',
   filterPanelRemoveAll: '清除全部',
@@ -47,9 +48,9 @@ const zhCNGrid = {
   filterPanelInputPlaceholder: '筛选值',
   // Filter operators text
   filterOperatorContains: '包含',
-  // filterOperatorDoesNotContain: 'does not contain',
+  filterOperatorDoesNotContain: '不包含',
   filterOperatorEquals: '等于',
-  // filterOperatorDoesNotEqual: 'does not equal',
+  filterOperatorDoesNotEqual: '不等于',
   filterOperatorStartsWith: '开始于',
   filterOperatorEndsWith: '结束于',
   filterOperatorIs: '是',
@@ -69,9 +70,9 @@ const zhCNGrid = {
   'filterOperator<=': '<=',
   // Header filter operators text
   headerFilterOperatorContains: '包含',
-  // headerFilterOperatorDoesNotContain: 'Does not contain',
+  headerFilterOperatorDoesNotContain: '不包含',
   headerFilterOperatorEquals: '等于',
-  // headerFilterOperatorDoesNotEqual: 'Does not equal',
+  headerFilterOperatorDoesNotEqual: '不等于',
   headerFilterOperatorStartsWith: '开始于',
   headerFilterOperatorEndsWith: '结束于',
   headerFilterOperatorIs: '是',

package/locales/zhHK.js

@@ -34,6 +34,7 @@ const zhHKGrid = {
   // columnsManagementNoColumns: 'No columns',
   // columnsManagementShowHideAllText: 'Show/Hide All',
   // columnsManagementReset: 'Reset',
+  // columnsManagementDeleteIconLabel: 'Clear',
 
   // Filter panel text
   filterPanelAddFilter: '新增過濾器',

package/locales/zhTW.js

@@ -34,6 +34,7 @@ const zhTWGrid = {
   // columnsManagementNoColumns: 'No columns',
   // columnsManagementShowHideAllText: 'Show/Hide All',
   // columnsManagementReset: 'Reset',
+  // columnsManagementDeleteIconLabel: 'Clear',
 
   // Filter panel text
   filterPanelAddFilter: '增加篩選器',

package/models/api/gridCoreApi.d.ts

@@ -59,7 +59,7 @@ export interface GridCorePrivateApi<GridPublicApi extends GridApiCommon, GridPri
     /**
      * The React ref of the grid main container div element.
      */
-    mainElementRef: React.RefObject<HTMLDivElement>;
+    mainElementRef: React.MutableRefObject<HTMLDivElement | null>;
     /**
      * The React ref of the grid's virtual scroller container element.
      */

package/models/api/gridLocaleTextApi.d.ts

@@ -35,6 +35,7 @@ export interface GridLocaleText {
     columnsManagementNoColumns: string;
     columnsManagementShowHideAllText: string;
     columnsManagementReset: string;
+    columnsManagementDeleteIconLabel: string;
     filterPanelAddFilter: React.ReactNode;
     filterPanelRemoveAll: React.ReactNode;
     filterPanelDeleteIconLabel: string;

package/models/colDef/gridColDef.d.ts

@@ -36,43 +36,43 @@ export type GridColSpanFn<R extends GridValidRowModel = GridValidRowModel, V = a
  */
 export interface GridBaseColDef<R extends GridValidRowModel = GridValidRowModel, V = any, F = V> {
     /**
-     * The column identifier. It's used to map with [[GridRowModel]] values.
+     * The unique identifier of the column. Used to map with [[GridRowModel]] values.
      */
     field: string;
     /**
-     * The title of the column rendered in the column header cell.
+     * The title displayed in the column header cell.
      */
     headerName?: string;
     /**
-     * The description of the column rendered as tooltip if the column header name is not fully displayed.
+     * The tooltip text shown when the column header name is truncated.
      */
     description?: string;
     /**
-     * Set the width of the column.
+     * The width of the column in pixels.
      * @default 100
      */
     width?: number;
     /**
-     * If set, it indicates that a column has fluid width. Range [0, ∞).
+     * The flex grow factor of the column. Must be a positive number.
      */
     flex?: number;
     /**
-     * Sets the minimum width of a column.
+     * The minimum width of the column in pixels.
      * @default 50
      */
     minWidth?: number;
     /**
-     * Sets the maximum width of a column.
+     * The maximum width of the column in pixels.
      * @default Infinity
      */
     maxWidth?: number;
     /**
-     * If `false`, removes the buttons for hiding this column.
+     * If `false`, removes the option to hide this column.
      * @default true
      */
     hideable?: boolean;
     /**
-     * If `true`, the column is sortable.
+     * If `false`, disables sorting for this column.
      * @default true
      */
     sortable?: boolean;
@@ -81,7 +81,7 @@ export interface GridBaseColDef<R extends GridValidRowModel = GridValidRowModel,
      */
     sortingOrder?: readonly GridSortDirection[];
     /**
-     * If `true`, the column is resizable.
+     * If `false`, disables resizing for this column.
      * @default true
      */
     resizable?: boolean;
@@ -109,7 +109,7 @@ export interface GridBaseColDef<R extends GridValidRowModel = GridValidRowModel,
      */
     sortComparator?: GridComparatorFn<V>;
     /**
-     * Allows to use a different comparator function depending on the sort direction.
+     * Provide an alternative comparator function for sorting.
      * Takes precedence over `sortComparator`.
      * @param {GridSortDirection} sortDirection The direction of the sort.
      * @returns {GridComparatorFn<V>} The comparator function to use.
@@ -122,25 +122,25 @@ export interface GridBaseColDef<R extends GridValidRowModel = GridValidRowModel,
      */
     type?: GridColType;
     /**
-     * Allows to align the column values in cells.
+     * Align cell content.
      */
     align?: GridAlignment;
     /**
-     * Function that allows to get a specific data instead of field to render in the cell.
+     * Function that returns specific data to render in the cell instead of using the field value.
      */
     valueGetter?: GridValueGetter<R, V, F>;
     /**
-     * Function that allows to provide a specific value to be used in row spanning.
+     * Function that returns a specific value to be used in row spanning.
      */
     rowSpanValueGetter?: GridValueGetter<R, V, F>;
     /**
-     * Function that allows to customize how the entered value is stored in the row.
-     * It only works with cell/row editing.
+     * Function that customizes how the entered value is stored in the row.
+     * Only works with cell/row editing.
      * @returns {R} The row with the updated field.
      */
     valueSetter?: GridValueSetter<R, V, F>;
     /**
-     * Function that allows to apply a formatter before rendering its value.
+     * Formats the cell value before rendering.
      */
     valueFormatter?: GridValueFormatter<R, V, F>;
     /**
@@ -149,7 +149,7 @@ export interface GridBaseColDef<R extends GridValidRowModel = GridValidRowModel,
      */
     valueParser?: GridValueParser<R, V, F>;
     /**
-     * Class name that will be added in cells for that column.
+     * Class name added to cells in this column.
      */
     cellClassName?: GridCellClassNamePropType<R, V>;
     /**
@@ -159,38 +159,38 @@ export interface GridBaseColDef<R extends GridValidRowModel = GridValidRowModel,
      */
     display?: 'text' | 'flex';
     /**
-     * Allows to override the component rendered as cell for this column.
+     * Override the component rendered as cell for this column.
      * @template R, V, F
      * @param {GridRenderCellParams<R, V, F>} params Object containing parameters for the renderer.
      * @returns {React.ReactNode} The element to be rendered.
      */
     renderCell?: (params: GridRenderCellParams<R, V, F>) => React.ReactNode;
     /**
-     * Allows to override the component rendered in edit cell mode for this column.
+     * Override the component rendered in edit cell mode for this column.
      * @param {GridRenderEditCellParams} params Object containing parameters for the renderer.
      * @returns {React.ReactNode} The element to be rendered.
      */
     renderEditCell?: (params: GridRenderEditCellParams<R, V, F>) => React.ReactNode;
     /**
      * Callback fired when the edit props of the cell changes.
-     * It allows to process the props that saved into the state.
+     * Processes the props before being saved into the state.
      * @param {GridPreProcessEditCellProps} params Object containing parameters of the cell being edited.
      * @returns {GridEditCellProps | Promise<GridEditCellProps>} The new edit cell props.
      */
     preProcessEditCellProps?: (params: GridPreProcessEditCellProps) => GridEditCellProps | Promise<GridEditCellProps>;
     /**
-     * Class name that will be added in the column header cell.
+     * Class name added to the column header cell.
      */
     headerClassName?: GridColumnHeaderClassNamePropType;
     /**
-     * Allows to render a component in the column header cell.
+     * Override the component rendered in the column header cell.
      * @template R, V, F
      * @param {GridColumnHeaderParams<R, V, F>} params Object containing parameters for the renderer.
      * @returns {React.ReactNode} The element to be rendered.
      */
     renderHeader?: (params: GridColumnHeaderParams<R, V, F>) => React.ReactNode;
     /**
-     * Header cell element alignment.
+     * Align column header content.
      */
     headerAlign?: GridAlignment;
     /**

package/models/gridDataSource.d.ts

@@ -34,7 +34,7 @@ export interface GridGetRowsResponse {
     rowCount?: number;
     /**
      * Additional `pageInfo` for advanced use-cases.
-     * `hasNextPage`: When row count is unknown/estimated, `hasNextPage` will be used to check if more records are available on server
+     * `hasNextPage`: When row count is unknown/estimated, `hasNextPage` will be used to check if more records are available on server.
      */
     pageInfo?: {
         hasNextPage?: boolean;
@@ -44,25 +44,25 @@ export interface GridGetRowsResponse {
 export interface GridDataSource {
     /**
      * This method will be called when the grid needs to fetch some rows.
-     * @param {GridGetRowsParams} params The parameters required to fetch the rows
-     * @returns {Promise<GridGetRowsResponse>} A promise that resolves to the data of type [GridGetRowsResponse]
+     * @param {GridGetRowsParams} params The parameters required to fetch the rows.
+     * @returns {Promise<GridGetRowsResponse>} A promise that resolves to the data of type [GridGetRowsResponse].
      */
     getRows(params: GridGetRowsParams): Promise<GridGetRowsResponse>;
     /**
      * This method will be called when the user updates a row [Not yet implemented].
-     * @param {GridRowModel} updatedRow The updated row
-     * @returns {Promise<any>} If resolved (synced on the backend), the grid will update the row and mutate the cache
+     * @param {GridRowModel} updatedRow The updated row.
+     * @returns {Promise<any>} If resolved (synced on the backend), the grid will update the row and mutate the cache.
      */
     updateRow?(updatedRow: GridRowModel): Promise<any>;
     /**
      * Used to group rows by their parent group. Replaces `getTreeDataPath` used in client side tree-data.
-     * @param {GridRowModel} row The row to get the group key of
-     * @returns {string} The group key for the row
+     * @param {GridRowModel} row The row to get the group key of.
+     * @returns {string} The group key for the row.
      */
     getGroupKey?: (row: GridRowModel) => string;
     /**
      * Used to determine the number of children a row has on server.
-     * @param {GridRowModel} row The row to check the number of children
+     * @param {GridRowModel} row The row to check the number of children.
      * @returns {number} The number of children the row has.
      * If the children count is not available for some reason, but there are some children, `getChildrenCount` should return `-1`.
      */
@@ -71,14 +71,14 @@ export interface GridDataSource {
 export interface GridDataSourceCache {
     /**
      * Set the cache entry for the given key.
-     * @param {GridGetRowsParams} key The key of type `GridGetRowsParams`
-     * @param {GridGetRowsResponse} value The value to be stored in the cache
+     * @param {GridGetRowsParams} key The key of type `GridGetRowsParams`.
+     * @param {GridGetRowsResponse} value The value to be stored in the cache.
      */
     set: (key: GridGetRowsParams, value: GridGetRowsResponse) => void;
     /**
      * Get the cache entry for the given key.
-     * @param {GridGetRowsParams} key The key of type `GridGetRowsParams`
-     * @returns {GridGetRowsResponse} The value stored in the cache
+     * @param {GridGetRowsParams} key The key of type `GridGetRowsParams`.
+     * @returns {GridGetRowsResponse} The value stored in the cache.
      */
     get: (key: GridGetRowsParams) => GridGetRowsResponse | undefined;
     /**

package/models/props/DataGridProps.d.ts

@@ -369,6 +369,14 @@ export interface DataGridPropsWithDefaultValues<R extends GridValidRowModel = an
      * @default false
      */
     unstable_rowSpanning: boolean;
+    /**
+     * If `true`, the Data Grid enables column virtualization when `getRowHeight` is set to `() => 'auto'`.
+     * By default, column virtualization is disabled when dynamic row height is enabled to measure the row height correctly.
+     * For datasets with a large number of columns, this can cause performance issues.
+     * The downside of enabling this prop is that the row height will be estimated based the cells that are currently rendered, which can cause row height change when scrolling horizontally.
+     * @default false
+     */
+    virtualizeColumnsWithAutoRowHeight: boolean;
 }
 /**
  * The Data Grid props with no default value.
@@ -613,7 +621,7 @@ export interface DataGridPropsWithoutDefaultValue<R extends GridValidRowModel =
      * @param {GridPaginationModel} model Updated pagination model.
      * @param {GridCallbackDetails} details Additional details for this callback.
      */
-    onPaginationModelChange?: (model: GridPaginationModel, details: GridCallbackDetails) => void;
+    onPaginationModelChange?: (model: GridPaginationModel, details: GridCallbackDetails<'pagination'>) => void;
     /**
      * Callback fired when the row count has changed.
      * @param {number} count Updated row count.

package/modern/DataGrid/DataGrid.js

@@ -766,5 +766,13 @@ DataGridRaw.propTypes = {
    * If `true`, the Data Grid will auto span the cells over the rows having the same value.
    * @default false
    */
-  unstable_rowSpanning: PropTypes.bool
+  unstable_rowSpanning: PropTypes.bool,
+  /**
+   * If `true`, the Data Grid enables column virtualization when `getRowHeight` is set to `() => 'auto'`.
+   * By default, column virtualization is disabled when dynamic row height is enabled to measure the row height correctly.
+   * For datasets with a large number of columns, this can cause performance issues.
+   * The downside of enabling this prop is that the row height will be estimated based the cells that are currently rendered, which can cause row height change when scrolling horizontally.
+   * @default false
+   */
+  virtualizeColumnsWithAutoRowHeight: PropTypes.bool
 };

package/modern/components/GridDetailPanels.js

@@ -1,4 +1,3 @@
-// eslint-disable-next-line @typescript-eslint/no-unused-vars
 export function GridDetailPanels(_) {
   return null;
 }

package/modern/components/GridPinnedRows.js

@@ -1,4 +1,3 @@
-// eslint-disable-next-line @typescript-eslint/no-unused-vars
 export function GridPinnedRows(_) {
   return null;
 }

package/modern/components/GridRow.js

@@ -1,6 +1,6 @@
 import _extends from "@babel/runtime/helpers/esm/extends";
 import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
-const _excluded = ["selected", "rowId", "row", "index", "style", "rowHeight", "className", "visibleColumns", "pinnedColumns", "offsetTop", "offsetLeft", "dimensions", "renderContext", "focusedColumnIndex", "isFirstVisible", "isLastVisible", "isNotVisible", "showBottomBorder", "focusedCell", "tabbableCell", "onClick", "onDoubleClick", "onMouseEnter", "onMouseLeave", "onMouseOut", "onMouseOver"];
+const _excluded = ["selected", "rowId", "row", "index", "style", "rowHeight", "className", "visibleColumns", "pinnedColumns", "offsetTop", "offsetLeft", "dimensions", "renderContext", "focusedColumnIndex", "isFirstVisible", "isLastVisible", "isNotVisible", "showBottomBorder", "tabbableCell", "onClick", "onDoubleClick", "onMouseEnter", "onMouseLeave", "onMouseOut", "onMouseOver"];
 import * as React from 'react';
 import PropTypes from 'prop-types';
 import clsx from 'clsx';

package/modern/components/base/GridOverlays.js

@@ -4,12 +4,11 @@ import PropTypes from 'prop-types';
 import { styled } from '@mui/system';
 import composeClasses from '@mui/utils/composeClasses';
 import clsx from 'clsx';
+import { minimalContentHeight } from "../../hooks/features/rows/gridRowsUtils.js";
 import { useGridSelector } from "../../hooks/utils/useGridSelector.js";
 import { gridDimensionsSelector } from "../../hooks/features/dimensions/index.js";
 import { useGridApiContext } from "../../hooks/utils/useGridApiContext.js";
 import { useGridRootProps } from "../../hooks/utils/useGridRootProps.js";
-import { useGridVisibleRows } from "../../hooks/utils/useGridVisibleRows.js";
-import { getMinimalContentHeight } from "../../hooks/features/rows/gridRowsUtils.js";
 import { getDataGridUtilityClass } from "../../constants/gridClasses.js";
 import { jsx as _jsx } from "react/jsx-runtime";
 const GridOverlayWrapperRoot = styled('div', {
@@ -26,6 +25,7 @@ loadingOverlayVariant !== 'skeleton' ? {
   position: 'sticky',
   // To stay in place while scrolling
   top: 'var(--DataGrid-headersTotalHeight)',
+  // TODO: take pinned rows into account
   left: 0,
   width: 0,
   // To stay above the content instead of shifting it down
@@ -53,11 +53,10 @@ const useUtilityClasses = ownerState => {
 function GridOverlayWrapper(props) {
   const apiRef = useGridApiContext();
   const rootProps = useGridRootProps();
-  const currentPage = useGridVisibleRows(apiRef, rootProps);
   const dimensions = useGridSelector(apiRef, gridDimensionsSelector);
-  let height = dimensions.viewportOuterSize.height - dimensions.topContainerHeight - dimensions.bottomContainerHeight - (dimensions.hasScrollX ? dimensions.scrollbarSize : 0);
-  if (rootProps.autoHeight && currentPage.rows.length === 0 || height === 0) {
-    height = getMinimalContentHeight(apiRef);
+  let height = Math.max(dimensions.viewportOuterSize.height - dimensions.topContainerHeight - dimensions.bottomContainerHeight - (dimensions.hasScrollX ? dimensions.scrollbarSize : 0), 0);
+  if (height === 0) {
+    height = minimalContentHeight;
   }
   const classes = useUtilityClasses(_extends({}, props, {
     classes: rootProps.classes

package/modern/components/cell/GridCell.js

@@ -1,6 +1,6 @@
 import _extends from "@babel/runtime/helpers/esm/extends";
 import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
-const _excluded = ["column", "rowId", "editCellState", "align", "children", "colIndex", "width", "className", "style", "gridHasScrollX", "colSpan", "disableDragEvents", "isNotVisible", "pinnedOffset", "pinnedPosition", "sectionIndex", "sectionLength", "gridHasFiller", "onClick", "onDoubleClick", "onMouseDown", "onMouseUp", "onMouseOver", "onKeyDown", "onKeyUp", "onDragEnter", "onDragOver"],
+const _excluded = ["column", "rowId", "editCellState", "align", "children", "colIndex", "width", "className", "style", "colSpan", "disableDragEvents", "isNotVisible", "pinnedOffset", "pinnedPosition", "sectionIndex", "sectionLength", "gridHasFiller", "onClick", "onDoubleClick", "onMouseDown", "onMouseUp", "onMouseOver", "onKeyDown", "onKeyUp", "onDragEnter", "onDragOver"],
   _excluded2 = ["changeReason", "unstable_updateValueOnRender"];
 import * as React from 'react';
 import PropTypes from 'prop-types';
@@ -15,7 +15,6 @@ import { useGridSelector, objectShallowCompare } from "../../hooks/utils/useGrid
 import { useGridApiContext } from "../../hooks/utils/useGridApiContext.js";
 import { useGridRootProps } from "../../hooks/utils/useGridRootProps.js";
 import { gridFocusCellSelector } from "../../hooks/features/focus/gridFocusStateSelector.js";
-import { MissingRowIdError } from "../../hooks/features/rows/useGridParamsApi.js";
 import { shouldCellShowLeftBorder, shouldCellShowRightBorder } from "../../utils/cellBorderUtils.js";
 import { GridPinnedColumnPosition } from "../../hooks/features/columns/gridColumnsInterfaces.js";
 import { gridRowSpanningHiddenCellsSelector, gridRowSpanningSpannedCellsSelector } from "../../hooks/features/rows/gridRowSpanningSelectors.js";
@@ -114,16 +113,13 @@ const GridCell = /*#__PURE__*/React.forwardRef(function GridCell(props, ref) {
     // This is required because `.getCellParams` tries to get the `state.rows.tree` entry
     // associated with `rowId`/`fieldId`, but this selector runs after the state has been
     // updated, while `rowId`/`fieldId` reference an entry in the old state.
-    try {
-      const result = apiRef.current.getCellParams(rowId, field);
-      result.api = apiRef.current;
-      return result;
-    } catch (error) {
-      if (error instanceof MissingRowIdError) {
-        return EMPTY_CELL_PARAMS;
-      }
-      throw error;
+    const row = apiRef.current.getRow(rowId);
+    if (!row) {
+      return EMPTY_CELL_PARAMS;
     }
+    const result = apiRef.current.getCellParams(rowId, field);
+    result.api = apiRef.current;
+    return result;
   }, objectShallowCompare);
   const isSelected = useGridSelector(apiRef, () => apiRef.current.unstable_applyPipeProcessors('isCellSelected', false, {
     id: rowId,
@@ -211,6 +207,7 @@ const GridCell = /*#__PURE__*/React.forwardRef(function GridCell(props, ref) {
         padding: 0,
         opacity: 0,
         width: 0,
+        height: 0,
         border: 0
       };
     }
@@ -229,6 +226,9 @@ const GridCell = /*#__PURE__*/React.forwardRef(function GridCell(props, ref) {
     if (rowSpan > 1) {
       cellStyle.height = `calc(var(--height) * ${rowSpan})`;
       cellStyle.zIndex = 5;
+      if (isLeftPinned || isRightPinned) {
+        cellStyle.zIndex = 6;
+      }
     }
     return cellStyle;
   }, [width, isNotVisible, styleProp, pinnedOffset, pinnedPosition, isRtl, rowSpan]);
@@ -342,7 +342,6 @@ process.env.NODE_ENV !== "production" ? GridCell.propTypes = {
   // | To update them edit the TypeScript types and run "pnpm proptypes"  |
   // ----------------------------------------------------------------------
   align: PropTypes.oneOf(['center', 'left', 'right']).isRequired,
-  className: PropTypes.string,
   colIndex: PropTypes.number.isRequired,
   colSpan: PropTypes.number,
   column: PropTypes.object.isRequired,
@@ -355,13 +354,6 @@ process.env.NODE_ENV !== "production" ? GridCell.propTypes = {
   }),
   gridHasFiller: PropTypes.bool.isRequired,
   isNotVisible: PropTypes.bool.isRequired,
-  onClick: PropTypes.func,
-  onDoubleClick: PropTypes.func,
-  onDragEnter: PropTypes.func,
-  onDragOver: PropTypes.func,
-  onKeyDown: PropTypes.func,
-  onMouseDown: PropTypes.func,
-  onMouseUp: PropTypes.func,
   pinnedOffset: PropTypes.number.isRequired,
   pinnedPosition: PropTypes.oneOf([0, 1, 2, 3]).isRequired,
   rowId: PropTypes.oneOfType([PropTypes.number, PropTypes.string]).isRequired,

package/modern/components/cell/GridEditInputCell.js

@@ -2,7 +2,6 @@ import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWith
 import _extends from "@babel/runtime/helpers/esm/extends";
 const _excluded = ["id", "value", "formattedValue", "api", "field", "row", "rowNode", "colDef", "cellMode", "isEditable", "tabIndex", "hasFocus", "isValidating", "debounceMs", "isProcessingProps", "onValueChange"];
 import * as React from 'react';
-import PropTypes from 'prop-types';
 import { unstable_composeClasses as composeClasses, unstable_useEnhancedEffect as useEnhancedEffect } from '@mui/utils';
 import { styled } from '@mui/material/styles';
 import InputBase from '@mui/material/InputBase';
@@ -94,71 +93,5 @@ const GridEditInputCell = /*#__PURE__*/React.forwardRef((props, ref) => {
     }) : undefined
   }, other));
 });
-process.env.NODE_ENV !== "production" ? GridEditInputCell.propTypes = {
-  // ----------------------------- Warning --------------------------------
-  // | These PropTypes are generated from the TypeScript type definitions |
-  // | To update them edit the TypeScript types and run "pnpm proptypes"  |
-  // ----------------------------------------------------------------------
-  /**
-   * GridApi that let you manipulate the grid.
-   */
-  api: PropTypes.object.isRequired,
-  /**
-   * The mode of the cell.
-   */
-  cellMode: PropTypes.oneOf(['edit', 'view']).isRequired,
-  changeReason: PropTypes.oneOf(['debouncedSetEditCellValue', 'setEditCellValue']),
-  /**
-   * The column of the row that the current cell belongs to.
-   */
-  colDef: PropTypes.object.isRequired,
-  debounceMs: PropTypes.number,
-  /**
-   * The column field of the cell that triggered the event.
-   */
-  field: PropTypes.string.isRequired,
-  /**
-   * The cell value formatted with the column valueFormatter.
-   */
-  formattedValue: PropTypes.any,
-  /**
-   * If true, the cell is the active element.
-   */
-  hasFocus: PropTypes.bool.isRequired,
-  /**
-   * The grid row id.
-   */
-  id: PropTypes.oneOfType([PropTypes.number, PropTypes.string]).isRequired,
-  /**
-   * If true, the cell is editable.
-   */
-  isEditable: PropTypes.bool,
-  isProcessingProps: PropTypes.bool,
-  isValidating: PropTypes.bool,
-  /**
-   * Callback called when the value is changed by the user.
-   * @param {React.ChangeEvent<HTMLInputElement>} event The event source of the callback.
-   * @param {Date | null} newValue The value that is going to be passed to `apiRef.current.setEditCellValue`.
-   * @returns {Promise<void> | void} A promise to be awaited before calling `apiRef.current.setEditCellValue`
-   */
-  onValueChange: PropTypes.func,
-  /**
-   * The row model of the row that the current cell belongs to.
-   */
-  row: PropTypes.any.isRequired,
-  /**
-   * The node of the row that the current cell belongs to.
-   */
-  rowNode: PropTypes.object.isRequired,
-  /**
-   * the tabIndex value.
-   */
-  tabIndex: PropTypes.oneOf([-1, 0]).isRequired,
-  /**
-   * The cell value.
-   * If the column has `valueGetter`, use `params.row` to directly access the fields.
-   */
-  value: PropTypes.any
-} : void 0;
 export { GridEditInputCell };
 export const renderEditInputCell = params => /*#__PURE__*/_jsx(GridEditInputCell, _extends({}, params));