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

package/DataGrid/index.d.ts

@@ -1 +1 @@
-export * from './DataGrid';
+export * from "./DataGrid.js";

package/DataGrid/index.js

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

package/DataGrid/useDataGridComponent.d.ts

@@ -1,3 +1,4 @@
-import { DataGridProcessedProps } from '../models/props/DataGridProps';
-import { GridApiCommunity, GridPrivateApiCommunity } from '../models/api/gridApiCommunity';
-export declare const useDataGridComponent: (inputApiRef: React.RefObject<GridApiCommunity> | undefined, props: DataGridProcessedProps) => import("react").RefObject<GridPrivateApiCommunity>;
+import { RefObject } from '@mui/x-internals/types';
+import { DataGridProcessedProps } from "../models/props/DataGridProps.js";
+import { GridApiCommunity, GridPrivateApiCommunity } from "../models/api/gridApiCommunity.js";
+export declare const useDataGridComponent: (inputApiRef: RefObject<GridApiCommunity | null> | undefined, props: DataGridProcessedProps) => import("react").RefObject<GridPrivateApiCommunity>;

package/DataGrid/useDataGridComponent.js

@@ -1,90 +1,101 @@
-import { useGridInitialization } from "../hooks/core/useGridInitialization.js";
-import { useGridInitializeState } from "../hooks/utils/useGridInitializeState.js";
-import { useGridClipboard } from "../hooks/features/clipboard/useGridClipboard.js";
-import { columnMenuStateInitializer, useGridColumnMenu } from "../hooks/features/columnMenu/useGridColumnMenu.js";
-import { useGridColumns, columnsStateInitializer } from "../hooks/features/columns/useGridColumns.js";
-import { densityStateInitializer, useGridDensity } from "../hooks/features/density/useGridDensity.js";
-import { useGridCsvExport } from "../hooks/features/export/useGridCsvExport.js";
-import { useGridPrintExport } from "../hooks/features/export/useGridPrintExport.js";
-import { useGridFilter, filterStateInitializer } from "../hooks/features/filter/useGridFilter.js";
-import { focusStateInitializer, useGridFocus } from "../hooks/features/focus/useGridFocus.js";
-import { useGridKeyboardNavigation } from "../hooks/features/keyboardNavigation/useGridKeyboardNavigation.js";
-import { useGridPagination, paginationStateInitializer } from "../hooks/features/pagination/useGridPagination.js";
-import { useGridPreferencesPanel, preferencePanelStateInitializer } from "../hooks/features/preferencesPanel/useGridPreferencesPanel.js";
-import { useGridEditing, editingStateInitializer } from "../hooks/features/editing/useGridEditing.js";
-import { useGridRows, rowsStateInitializer } from "../hooks/features/rows/useGridRows.js";
-import { useGridRowsPreProcessors } from "../hooks/features/rows/useGridRowsPreProcessors.js";
-import { useGridParamsApi } from "../hooks/features/rows/useGridParamsApi.js";
-import { rowSelectionStateInitializer, useGridRowSelection } from "../hooks/features/rowSelection/useGridRowSelection.js";
-import { useGridRowSelectionPreProcessors } from "../hooks/features/rowSelection/useGridRowSelectionPreProcessors.js";
-import { useGridSorting, sortingStateInitializer } from "../hooks/features/sorting/useGridSorting.js";
-import { useGridScroll } from "../hooks/features/scroll/useGridScroll.js";
-import { useGridEvents } from "../hooks/features/events/useGridEvents.js";
-import { dimensionsStateInitializer, useGridDimensions } from "../hooks/features/dimensions/useGridDimensions.js";
-import { rowsMetaStateInitializer, useGridRowsMeta } from "../hooks/features/rows/useGridRowsMeta.js";
-import { useGridStatePersistence } from "../hooks/features/statePersistence/useGridStatePersistence.js";
-import { useGridColumnSpanning } from "../hooks/features/columns/useGridColumnSpanning.js";
-import { useGridColumnGrouping, columnGroupsStateInitializer } from "../hooks/features/columnGrouping/useGridColumnGrouping.js";
-import { useGridVirtualization, virtualizationStateInitializer } from "../hooks/features/virtualization/index.js";
-import { columnResizeStateInitializer, useGridColumnResize } from "../hooks/features/columnResize/useGridColumnResize.js";
-import { rowSpanningStateInitializer, useGridRowSpanning } from "../hooks/features/rows/useGridRowSpanning.js";
-import { listViewStateInitializer, useGridListView } from "../hooks/features/listView/useGridListView.js";
-export const useDataGridComponent = (inputApiRef, props) => {
-  const apiRef = useGridInitialization(inputApiRef, props);
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.useDataGridComponent = void 0;
+var _useGridInitialization = require("../hooks/core/useGridInitialization");
+var _useGridInitializeState = require("../hooks/utils/useGridInitializeState");
+var _useGridClipboard = require("../hooks/features/clipboard/useGridClipboard");
+var _useGridColumnMenu = require("../hooks/features/columnMenu/useGridColumnMenu");
+var _useGridColumns = require("../hooks/features/columns/useGridColumns");
+var _useGridDensity = require("../hooks/features/density/useGridDensity");
+var _useGridCsvExport = require("../hooks/features/export/useGridCsvExport");
+var _useGridPrintExport = require("../hooks/features/export/useGridPrintExport");
+var _useGridFilter = require("../hooks/features/filter/useGridFilter");
+var _useGridFocus = require("../hooks/features/focus/useGridFocus");
+var _useGridKeyboardNavigation = require("../hooks/features/keyboardNavigation/useGridKeyboardNavigation");
+var _useGridPagination = require("../hooks/features/pagination/useGridPagination");
+var _useGridPreferencesPanel = require("../hooks/features/preferencesPanel/useGridPreferencesPanel");
+var _useGridEditing = require("../hooks/features/editing/useGridEditing");
+var _useGridRows = require("../hooks/features/rows/useGridRows");
+var _useGridRowsPreProcessors = require("../hooks/features/rows/useGridRowsPreProcessors");
+var _useGridParamsApi = require("../hooks/features/rows/useGridParamsApi");
+var _useGridRowSelection = require("../hooks/features/rowSelection/useGridRowSelection");
+var _useGridRowSelectionPreProcessors = require("../hooks/features/rowSelection/useGridRowSelectionPreProcessors");
+var _useGridSorting = require("../hooks/features/sorting/useGridSorting");
+var _useGridScroll = require("../hooks/features/scroll/useGridScroll");
+var _useGridEvents = require("../hooks/features/events/useGridEvents");
+var _useGridDimensions = require("../hooks/features/dimensions/useGridDimensions");
+var _useGridRowsMeta = require("../hooks/features/rows/useGridRowsMeta");
+var _useGridStatePersistence = require("../hooks/features/statePersistence/useGridStatePersistence");
+var _useGridColumnSpanning = require("../hooks/features/columns/useGridColumnSpanning");
+var _useGridColumnGrouping = require("../hooks/features/columnGrouping/useGridColumnGrouping");
+var _virtualization = require("../hooks/features/virtualization");
+var _useGridColumnResize = require("../hooks/features/columnResize/useGridColumnResize");
+var _useGridRowSpanning = require("../hooks/features/rows/useGridRowSpanning");
+var _useGridListView = require("../hooks/features/listView/useGridListView");
+var _useGridProps = require("../hooks/core/useGridProps");
+var _useGridDataSource = require("../hooks/features/dataSource/useGridDataSource");
+const useDataGridComponent = (inputApiRef, props) => {
+  const apiRef = (0, _useGridInitialization.useGridInitialization)(inputApiRef, props);
 
   /**
    * Register all pre-processors called during state initialization here.
    */
-  useGridRowSelectionPreProcessors(apiRef, props);
-  useGridRowsPreProcessors(apiRef);
+  (0, _useGridRowSelectionPreProcessors.useGridRowSelectionPreProcessors)(apiRef, props);
+  (0, _useGridRowsPreProcessors.useGridRowsPreProcessors)(apiRef);
 
   /**
    * Register all state initializers here.
    */
-  useGridInitializeState(dimensionsStateInitializer, apiRef, props);
-  useGridInitializeState(rowSelectionStateInitializer, apiRef, props);
-  useGridInitializeState(columnsStateInitializer, apiRef, props);
-  useGridInitializeState(paginationStateInitializer, apiRef, props);
-  useGridInitializeState(rowsStateInitializer, apiRef, props);
-  useGridInitializeState(editingStateInitializer, apiRef, props);
-  useGridInitializeState(focusStateInitializer, apiRef, props);
-  useGridInitializeState(sortingStateInitializer, apiRef, props);
-  useGridInitializeState(preferencePanelStateInitializer, apiRef, props);
-  useGridInitializeState(filterStateInitializer, apiRef, props);
-  useGridInitializeState(rowSpanningStateInitializer, apiRef, props);
-  useGridInitializeState(densityStateInitializer, apiRef, props);
-  useGridInitializeState(columnResizeStateInitializer, apiRef, props);
-  useGridInitializeState(rowsMetaStateInitializer, apiRef, props);
-  useGridInitializeState(columnMenuStateInitializer, apiRef, props);
-  useGridInitializeState(columnGroupsStateInitializer, apiRef, props);
-  useGridInitializeState(virtualizationStateInitializer, apiRef, props);
-  useGridInitializeState(listViewStateInitializer, apiRef, props);
-  useGridKeyboardNavigation(apiRef, props);
-  useGridRowSelection(apiRef, props);
-  useGridColumns(apiRef, props);
-  useGridRows(apiRef, props);
-  useGridRowSpanning(apiRef, props);
-  useGridParamsApi(apiRef, props);
-  useGridColumnSpanning(apiRef);
-  useGridColumnGrouping(apiRef, props);
-  useGridEditing(apiRef, props);
-  useGridFocus(apiRef, props);
-  useGridPreferencesPanel(apiRef, props);
-  useGridFilter(apiRef, props);
-  useGridSorting(apiRef, props);
-  useGridDensity(apiRef, props);
-  useGridColumnResize(apiRef, props);
-  useGridPagination(apiRef, props);
-  useGridRowsMeta(apiRef, props);
-  useGridScroll(apiRef, props);
-  useGridColumnMenu(apiRef);
-  useGridCsvExport(apiRef, props);
-  useGridPrintExport(apiRef, props);
-  useGridClipboard(apiRef, props);
-  useGridDimensions(apiRef, props);
-  useGridEvents(apiRef, props);
-  useGridStatePersistence(apiRef);
-  useGridVirtualization(apiRef, props);
-  useGridListView(apiRef, props);
+  (0, _useGridInitializeState.useGridInitializeState)(_useGridProps.propsStateInitializer, apiRef, props);
+  (0, _useGridInitializeState.useGridInitializeState)(_useGridRowSelection.rowSelectionStateInitializer, apiRef, props);
+  (0, _useGridInitializeState.useGridInitializeState)(_useGridColumns.columnsStateInitializer, apiRef, props);
+  (0, _useGridInitializeState.useGridInitializeState)(_useGridRows.rowsStateInitializer, apiRef, props);
+  (0, _useGridInitializeState.useGridInitializeState)(_useGridPagination.paginationStateInitializer, apiRef, props);
+  (0, _useGridInitializeState.useGridInitializeState)(_useGridEditing.editingStateInitializer, apiRef, props);
+  (0, _useGridInitializeState.useGridInitializeState)(_useGridFocus.focusStateInitializer, apiRef, props);
+  (0, _useGridInitializeState.useGridInitializeState)(_useGridSorting.sortingStateInitializer, apiRef, props);
+  (0, _useGridInitializeState.useGridInitializeState)(_useGridPreferencesPanel.preferencePanelStateInitializer, apiRef, props);
+  (0, _useGridInitializeState.useGridInitializeState)(_useGridFilter.filterStateInitializer, apiRef, props);
+  (0, _useGridInitializeState.useGridInitializeState)(_useGridRowSpanning.rowSpanningStateInitializer, apiRef, props);
+  (0, _useGridInitializeState.useGridInitializeState)(_useGridDensity.densityStateInitializer, apiRef, props);
+  (0, _useGridInitializeState.useGridInitializeState)(_useGridColumnResize.columnResizeStateInitializer, apiRef, props);
+  (0, _useGridInitializeState.useGridInitializeState)(_useGridColumnMenu.columnMenuStateInitializer, apiRef, props);
+  (0, _useGridInitializeState.useGridInitializeState)(_useGridColumnGrouping.columnGroupsStateInitializer, apiRef, props);
+  (0, _useGridInitializeState.useGridInitializeState)(_virtualization.virtualizationStateInitializer, apiRef, props);
+  (0, _useGridInitializeState.useGridInitializeState)(_useGridDimensions.dimensionsStateInitializer, apiRef, props);
+  (0, _useGridInitializeState.useGridInitializeState)(_useGridRowsMeta.rowsMetaStateInitializer, apiRef, props);
+  (0, _useGridInitializeState.useGridInitializeState)(_useGridListView.listViewStateInitializer, apiRef, props);
+  (0, _useGridKeyboardNavigation.useGridKeyboardNavigation)(apiRef, props);
+  (0, _useGridRowSelection.useGridRowSelection)(apiRef, props);
+  (0, _useGridColumns.useGridColumns)(apiRef, props);
+  (0, _useGridRows.useGridRows)(apiRef, props);
+  (0, _useGridRowSpanning.useGridRowSpanning)(apiRef, props);
+  (0, _useGridParamsApi.useGridParamsApi)(apiRef, props);
+  (0, _useGridColumnSpanning.useGridColumnSpanning)(apiRef);
+  (0, _useGridColumnGrouping.useGridColumnGrouping)(apiRef, props);
+  (0, _useGridEditing.useGridEditing)(apiRef, props);
+  (0, _useGridFocus.useGridFocus)(apiRef, props);
+  (0, _useGridPreferencesPanel.useGridPreferencesPanel)(apiRef, props);
+  (0, _useGridFilter.useGridFilter)(apiRef, props);
+  (0, _useGridSorting.useGridSorting)(apiRef, props);
+  (0, _useGridDensity.useGridDensity)(apiRef, props);
+  (0, _useGridColumnResize.useGridColumnResize)(apiRef, props);
+  (0, _useGridPagination.useGridPagination)(apiRef, props);
+  (0, _useGridRowsMeta.useGridRowsMeta)(apiRef, props);
+  (0, _useGridScroll.useGridScroll)(apiRef, props);
+  (0, _useGridColumnMenu.useGridColumnMenu)(apiRef);
+  (0, _useGridCsvExport.useGridCsvExport)(apiRef, props);
+  (0, _useGridPrintExport.useGridPrintExport)(apiRef, props);
+  (0, _useGridClipboard.useGridClipboard)(apiRef, props);
+  (0, _useGridDimensions.useGridDimensions)(apiRef, props);
+  (0, _useGridEvents.useGridEvents)(apiRef, props);
+  (0, _useGridStatePersistence.useGridStatePersistence)(apiRef);
+  (0, _virtualization.useGridVirtualization)(apiRef, props);
+  (0, _useGridListView.useGridListView)(apiRef, props);
+  (0, _useGridDataSource.useGridDataSource)(apiRef, props);
   return apiRef;
-};
+};
+exports.useDataGridComponent = useDataGridComponent;

package/DataGrid/useDataGridProps.d.ts

@@ -1,3 +1,3 @@
-import { DataGridProcessedProps, DataGridProps } from '../models/props/DataGridProps';
-import { GridValidRowModel } from '../models';
-export declare const useDataGridProps: <R extends GridValidRowModel>(inProps: DataGridProps<R>) => DataGridProcessedProps<R>;
+import { DataGridProcessedProps, DataGridProps } from "../models/props/DataGridProps.js";
+import { GridValidRowModel } from "../models/index.js";
+export declare const useDataGridProps: <R extends GridValidRowModel>(inProps: DataGridProps<R>) => DataGridProcessedProps<R>;

package/DataGrid/useDataGridProps.js

@@ -1,10 +1,18 @@
-import _extends from "@babel/runtime/helpers/esm/extends";
-import * as React from 'react';
-import { useThemeProps } from '@mui/material/styles';
-import { GRID_DEFAULT_LOCALE_TEXT } from "../constants/index.js";
-import { DATA_GRID_DEFAULT_SLOTS_COMPONENTS } from "../constants/defaultGridSlotsComponents.js";
-import { computeSlots } from "../internals/utils/index.js";
-import { DATA_GRID_PROPS_DEFAULT_VALUES } from "../constants/dataGridPropsDefaultValues.js";
+"use strict";
+
+var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.useDataGridProps = void 0;
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+var React = _interopRequireWildcard(require("react"));
+var _styles = require("@mui/material/styles");
+var _constants = require("../constants");
+var _defaultGridSlotsComponents = require("../constants/defaultGridSlotsComponents");
+var _utils = require("../internals/utils");
+var _dataGridPropsDefaultValues = require("../constants/dataGridPropsDefaultValues");
 const DATA_GRID_FORCED_PROPS = {
   disableMultipleColumnsFiltering: true,
   disableMultipleColumnsSorting: true,
@@ -17,28 +25,34 @@ const DATA_GRID_FORCED_PROPS = {
   signature: 'DataGrid',
   unstable_listView: false
 };
-const defaultSlots = DATA_GRID_DEFAULT_SLOTS_COMPONENTS;
-export const useDataGridProps = inProps => {
+const getDataGridForcedProps = themedProps => (0, _extends2.default)({}, DATA_GRID_FORCED_PROPS, themedProps.dataSource ? {
+  filterMode: 'server',
+  sortingMode: 'server',
+  paginationMode: 'server'
+} : {});
+const defaultSlots = _defaultGridSlotsComponents.DATA_GRID_DEFAULT_SLOTS_COMPONENTS;
+const useDataGridProps = inProps => {
   const themedProps =
   // eslint-disable-next-line material-ui/mui-name-matches-component-name
-  useThemeProps({
+  (0, _styles.useThemeProps)({
     props: inProps,
     name: 'MuiDataGrid'
   });
-  const localeText = React.useMemo(() => _extends({}, GRID_DEFAULT_LOCALE_TEXT, themedProps.localeText), [themedProps.localeText]);
-  const slots = React.useMemo(() => computeSlots({
+  const localeText = React.useMemo(() => (0, _extends2.default)({}, _constants.GRID_DEFAULT_LOCALE_TEXT, themedProps.localeText), [themedProps.localeText]);
+  const slots = React.useMemo(() => (0, _utils.computeSlots)({
     defaultSlots,
     slots: themedProps.slots
   }), [themedProps.slots]);
   const injectDefaultProps = React.useMemo(() => {
-    return Object.keys(DATA_GRID_PROPS_DEFAULT_VALUES).reduce((acc, key) => {
+    return Object.keys(_dataGridPropsDefaultValues.DATA_GRID_PROPS_DEFAULT_VALUES).reduce((acc, key) => {
       // @ts-ignore
-      acc[key] = themedProps[key] ?? DATA_GRID_PROPS_DEFAULT_VALUES[key];
+      acc[key] = themedProps[key] ?? _dataGridPropsDefaultValues.DATA_GRID_PROPS_DEFAULT_VALUES[key];
       return acc;
     }, {});
   }, [themedProps]);
-  return React.useMemo(() => _extends({}, themedProps, injectDefaultProps, {
+  return React.useMemo(() => (0, _extends2.default)({}, themedProps, injectDefaultProps, {
     localeText,
     slots
-  }, DATA_GRID_FORCED_PROPS), [themedProps, localeText, slots, injectDefaultProps]);
-};
+  }, getDataGridForcedProps(themedProps)), [themedProps, localeText, slots, injectDefaultProps]);
+};
+exports.useDataGridProps = useDataGridProps;

package/README.md

@@ -15,7 +15,7 @@ This component has the following peer dependencies that you need to install as w
 
 ```json
 "peerDependencies": {
-  "@mui/material": "^5.15.14 || ^6.0.0",
+  "@mui/material": "^5.15.14 || ^6.0.0 || ^7.0.0",
   "react": "^17.0.0 || ^18.0.0 || ^19.0.0",
   "react-dom": "^17.0.0 || ^18.0.0 || ^19.0.0"
 },

package/colDef/gridActionsColDef.d.ts

@@ -1,3 +1,3 @@
-import { GridColTypeDef } from '../models/colDef/gridColDef';
+import { GridColTypeDef } from "../models/colDef/gridColDef.js";
 export declare const GRID_ACTIONS_COLUMN_TYPE = "actions";
-export declare const GRID_ACTIONS_COL_DEF: GridColTypeDef;
+export declare const GRID_ACTIONS_COL_DEF: GridColTypeDef;

package/colDef/gridActionsColDef.js

@@ -1,8 +1,15 @@
-import _extends from "@babel/runtime/helpers/esm/extends";
-import { GRID_STRING_COL_DEF } from "./gridStringColDef.js";
-import { renderActionsCell } from "../components/cell/GridActionsCell.js";
-export const GRID_ACTIONS_COLUMN_TYPE = 'actions';
-export const GRID_ACTIONS_COL_DEF = _extends({}, GRID_STRING_COL_DEF, {
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.GRID_ACTIONS_COL_DEF = exports.GRID_ACTIONS_COLUMN_TYPE = void 0;
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+var _gridStringColDef = require("./gridStringColDef");
+var _GridActionsCell = require("../components/cell/GridActionsCell");
+const GRID_ACTIONS_COLUMN_TYPE = exports.GRID_ACTIONS_COLUMN_TYPE = 'actions';
+const GRID_ACTIONS_COL_DEF = exports.GRID_ACTIONS_COL_DEF = (0, _extends2.default)({}, _gridStringColDef.GRID_STRING_COL_DEF, {
   sortable: false,
   filterable: false,
   // @ts-ignore
@@ -14,6 +21,6 @@ export const GRID_ACTIONS_COL_DEF = _extends({}, GRID_STRING_COL_DEF, {
   headerName: '',
   disableColumnMenu: true,
   disableExport: true,
-  renderCell: renderActionsCell,
-  getApplyQuickFilterFn: undefined
+  renderCell: _GridActionsCell.renderActionsCell,
+  getApplyQuickFilterFn: () => null
 });

package/colDef/gridBooleanColDef.d.ts

@@ -1,2 +1,2 @@
-import { GridColTypeDef } from '../models/colDef/gridColDef';
-export declare const GRID_BOOLEAN_COL_DEF: GridColTypeDef<boolean | null, any>;
+import { GridColTypeDef } from "../models/colDef/gridColDef.js";
+export declare const GRID_BOOLEAN_COL_DEF: GridColTypeDef<boolean | null, any>;

package/colDef/gridBooleanColDef.js

@@ -1,9 +1,16 @@
-import _extends from "@babel/runtime/helpers/esm/extends";
-import { GRID_STRING_COL_DEF } from "./gridStringColDef.js";
-import { renderBooleanCell } from "../components/cell/GridBooleanCell.js";
-import { renderEditBooleanCell } from "../components/cell/GridEditBooleanCell.js";
-import { gridNumberComparator } from "../hooks/features/sorting/gridSortingUtils.js";
-import { getGridBooleanOperators } from "./gridBooleanOperators.js";
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.GRID_BOOLEAN_COL_DEF = void 0;
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+var _gridStringColDef = require("./gridStringColDef");
+var _GridBooleanCell = require("../components/cell/GridBooleanCell");
+var _GridEditBooleanCell = require("../components/cell/GridEditBooleanCell");
+var _gridSortingUtils = require("../hooks/features/sorting/gridSortingUtils");
+var _gridBooleanOperators = require("./gridBooleanOperators");
 const gridBooleanFormatter = (value, row, column, apiRef) => {
   return value ? apiRef.current.getLocaleText('booleanCellTrueLabel') : apiRef.current.getLocaleText('booleanCellFalseLabel');
 };
@@ -23,17 +30,17 @@ const stringToBoolean = value => {
       return undefined;
   }
 };
-export const GRID_BOOLEAN_COL_DEF = _extends({}, GRID_STRING_COL_DEF, {
+const GRID_BOOLEAN_COL_DEF = exports.GRID_BOOLEAN_COL_DEF = (0, _extends2.default)({}, _gridStringColDef.GRID_STRING_COL_DEF, {
   type: 'boolean',
   display: 'flex',
   align: 'center',
   headerAlign: 'center',
-  renderCell: renderBooleanCell,
-  renderEditCell: renderEditBooleanCell,
-  sortComparator: gridNumberComparator,
+  renderCell: _GridBooleanCell.renderBooleanCell,
+  renderEditCell: _GridEditBooleanCell.renderEditBooleanCell,
+  sortComparator: _gridSortingUtils.gridNumberComparator,
   valueFormatter: gridBooleanFormatter,
-  filterOperators: getGridBooleanOperators(),
-  getApplyQuickFilterFn: undefined,
+  filterOperators: (0, _gridBooleanOperators.getGridBooleanOperators)(),
+  getApplyQuickFilterFn: () => null,
   // @ts-ignore
   aggregable: false,
   // @ts-ignore

package/colDef/gridBooleanOperators.d.ts

@@ -1,2 +1,2 @@
-import { GridFilterOperator } from '../models/gridFilterOperator';
-export declare const getGridBooleanOperators: () => GridFilterOperator<any, boolean | null, any>[];
+import { GridFilterOperator } from "../models/gridFilterOperator.js";
+export declare const getGridBooleanOperators: () => GridFilterOperator<any, boolean | null, any>[];

package/colDef/gridBooleanOperators.js

@@ -1,12 +1,19 @@
-import { GridFilterInputBoolean, sanitizeFilterItemValue } from "../components/panel/filterPanel/GridFilterInputBoolean.js";
-export const getGridBooleanOperators = () => [{
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.getGridBooleanOperators = void 0;
+var _GridFilterInputBoolean = require("../components/panel/filterPanel/GridFilterInputBoolean");
+const getGridBooleanOperators = () => [{
   value: 'is',
   getApplyFilterFn: filterItem => {
-    const sanitizedValue = sanitizeFilterItemValue(filterItem.value);
+    const sanitizedValue = (0, _GridFilterInputBoolean.sanitizeFilterItemValue)(filterItem.value);
     if (sanitizedValue === undefined) {
       return null;
     }
     return value => Boolean(value) === sanitizedValue;
   },
-  InputComponent: GridFilterInputBoolean
-}];
+  InputComponent: _GridFilterInputBoolean.GridFilterInputBoolean
+}];
+exports.getGridBooleanOperators = getGridBooleanOperators;

package/colDef/gridCheckboxSelectionColDef.d.ts

@@ -1,3 +1,3 @@
-import { GridColDef } from '../models/colDef/gridColDef';
+import { GridColDef } from "../models/colDef/gridColDef.js";
 export declare const GRID_CHECKBOX_SELECTION_FIELD = "__check__";
-export declare const GRID_CHECKBOX_SELECTION_COL_DEF: GridColDef;
+export declare const GRID_CHECKBOX_SELECTION_COL_DEF: GridColDef;

package/colDef/gridCheckboxSelectionColDef.js

@@ -1,12 +1,20 @@
-import _extends from "@babel/runtime/helpers/esm/extends";
-import * as React from 'react';
-import { GridCellCheckboxRenderer } from "../components/columnSelection/GridCellCheckboxRenderer.js";
-import { GridHeaderCheckbox } from "../components/columnSelection/GridHeaderCheckbox.js";
-import { selectedIdsLookupSelector } from "../hooks/features/rowSelection/gridRowSelectionSelector.js";
-import { GRID_BOOLEAN_COL_DEF } from "./gridBooleanColDef.js";
-import { jsx as _jsx } from "react/jsx-runtime";
-export const GRID_CHECKBOX_SELECTION_FIELD = '__check__';
-export const GRID_CHECKBOX_SELECTION_COL_DEF = _extends({}, GRID_BOOLEAN_COL_DEF, {
+"use strict";
+
+var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.GRID_CHECKBOX_SELECTION_FIELD = exports.GRID_CHECKBOX_SELECTION_COL_DEF = void 0;
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+var React = _interopRequireWildcard(require("react"));
+var _GridCellCheckboxRenderer = require("../components/columnSelection/GridCellCheckboxRenderer");
+var _GridHeaderCheckbox = require("../components/columnSelection/GridHeaderCheckbox");
+var _gridBooleanColDef = require("./gridBooleanColDef");
+var _gridPropsSelectors = require("../hooks/core/gridPropsSelectors");
+var _jsxRuntime = require("react/jsx-runtime");
+const GRID_CHECKBOX_SELECTION_FIELD = exports.GRID_CHECKBOX_SELECTION_FIELD = '__check__';
+const GRID_CHECKBOX_SELECTION_COL_DEF = exports.GRID_CHECKBOX_SELECTION_COL_DEF = (0, _extends2.default)({}, _gridBooleanColDef.GRID_BOOLEAN_COL_DEF, {
   type: 'custom',
   field: GRID_CHECKBOX_SELECTION_FIELD,
   width: 50,
@@ -18,13 +26,12 @@ export const GRID_CHECKBOX_SELECTION_COL_DEF = _extends({}, GRID_BOOLEAN_COL_DEF
   disableColumnMenu: true,
   disableReorder: true,
   disableExport: true,
-  getApplyQuickFilterFn: undefined,
+  getApplyQuickFilterFn: () => null,
   display: 'flex',
   valueGetter: (value, row, column, apiRef) => {
-    const selectionLookup = selectedIdsLookupSelector(apiRef);
-    const rowId = apiRef.current.getRowId(row);
-    return selectionLookup[rowId] !== undefined;
+    const rowId = (0, _gridPropsSelectors.gridRowIdSelector)(apiRef, row);
+    return apiRef.current.isRowSelected(rowId);
   },
-  renderHeader: params => /*#__PURE__*/_jsx(GridHeaderCheckbox, _extends({}, params)),
-  renderCell: params => /*#__PURE__*/_jsx(GridCellCheckboxRenderer, _extends({}, params))
+  renderHeader: params => /*#__PURE__*/(0, _jsxRuntime.jsx)(_GridHeaderCheckbox.GridHeaderCheckbox, (0, _extends2.default)({}, params)),
+  renderCell: params => /*#__PURE__*/(0, _jsxRuntime.jsx)(_GridCellCheckboxRenderer.GridCellCheckboxRenderer, (0, _extends2.default)({}, params))
 });

package/colDef/gridDateColDef.d.ts

@@ -1,5 +1,5 @@
-import { GridColTypeDef, GridValueFormatter } from '../models/colDef/gridColDef';
+import { GridColTypeDef, GridValueFormatter } from "../models/colDef/gridColDef.js";
 export declare const gridDateFormatter: GridValueFormatter;
 export declare const gridDateTimeFormatter: GridValueFormatter;
 export declare const GRID_DATE_COL_DEF: GridColTypeDef<Date, string>;
-export declare const GRID_DATETIME_COL_DEF: GridColTypeDef<Date, string>;
+export declare const GRID_DATETIME_COL_DEF: GridColTypeDef<Date, string>;

package/colDef/gridDateColDef.js

@@ -1,8 +1,16 @@
-import _extends from "@babel/runtime/helpers/esm/extends";
-import { gridDateComparator } from "../hooks/features/sorting/gridSortingUtils.js";
-import { getGridDateOperators } from "./gridDateOperators.js";
-import { GRID_STRING_COL_DEF } from "./gridStringColDef.js";
-import { renderEditDateCell } from "../components/cell/GridEditDateCell.js";
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.gridDateTimeFormatter = exports.gridDateFormatter = exports.GRID_DATE_COL_DEF = exports.GRID_DATETIME_COL_DEF = void 0;
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+var _gridSortingUtils = require("../hooks/features/sorting/gridSortingUtils");
+var _gridDateOperators = require("./gridDateOperators");
+var _gridStringColDef = require("./gridStringColDef");
+var _GridEditDateCell = require("../components/cell/GridEditDateCell");
+var _gridPropsSelectors = require("../hooks/core/gridPropsSelectors");
 function throwIfNotDateObject({
   value,
   columnType,
@@ -13,11 +21,11 @@ function throwIfNotDateObject({
     throw new Error([`MUI X: \`${columnType}\` column type only accepts \`Date\` objects as values.`, 'Use `valueGetter` to transform the value into a `Date` object.', `Row ID: ${rowId}, field: "${field}".`].join('\n'));
   }
 }
-export const gridDateFormatter = (value, row, column, apiRef) => {
+const gridDateFormatter = (value, row, column, apiRef) => {
   if (!value) {
     return '';
   }
-  const rowId = apiRef.current.getRowId(row);
+  const rowId = (0, _gridPropsSelectors.gridRowIdSelector)(apiRef, row);
   throwIfNotDateObject({
     value,
     columnType: 'date',
@@ -26,11 +34,12 @@ export const gridDateFormatter = (value, row, column, apiRef) => {
   });
   return value.toLocaleDateString();
 };
-export const gridDateTimeFormatter = (value, row, column, apiRef) => {
+exports.gridDateFormatter = gridDateFormatter;
+const gridDateTimeFormatter = (value, row, column, apiRef) => {
   if (!value) {
     return '';
   }
-  const rowId = apiRef.current.getRowId(row);
+  const rowId = (0, _gridPropsSelectors.gridRowIdSelector)(apiRef, row);
   throwIfNotDateObject({
     value,
     columnType: 'dateTime',
@@ -39,21 +48,22 @@ export const gridDateTimeFormatter = (value, row, column, apiRef) => {
   });
   return value.toLocaleString();
 };
-export const GRID_DATE_COL_DEF = _extends({}, GRID_STRING_COL_DEF, {
+exports.gridDateTimeFormatter = gridDateTimeFormatter;
+const GRID_DATE_COL_DEF = exports.GRID_DATE_COL_DEF = (0, _extends2.default)({}, _gridStringColDef.GRID_STRING_COL_DEF, {
   type: 'date',
-  sortComparator: gridDateComparator,
+  sortComparator: _gridSortingUtils.gridDateComparator,
   valueFormatter: gridDateFormatter,
-  filterOperators: getGridDateOperators(),
-  renderEditCell: renderEditDateCell,
+  filterOperators: (0, _gridDateOperators.getGridDateOperators)(),
+  renderEditCell: _GridEditDateCell.renderEditDateCell,
   // @ts-ignore
   pastedValueParser: value => new Date(value)
 });
-export const GRID_DATETIME_COL_DEF = _extends({}, GRID_STRING_COL_DEF, {
+const GRID_DATETIME_COL_DEF = exports.GRID_DATETIME_COL_DEF = (0, _extends2.default)({}, _gridStringColDef.GRID_STRING_COL_DEF, {
   type: 'dateTime',
-  sortComparator: gridDateComparator,
+  sortComparator: _gridSortingUtils.gridDateComparator,
   valueFormatter: gridDateTimeFormatter,
-  filterOperators: getGridDateOperators(true),
-  renderEditCell: renderEditDateCell,
+  filterOperators: (0, _gridDateOperators.getGridDateOperators)(true),
+  renderEditCell: _GridEditDateCell.renderEditDateCell,
   // @ts-ignore
   pastedValueParser: value => new Date(value)
 });

package/colDef/gridDateOperators.d.ts

@@ -1,2 +1,3 @@
-import { GridFilterOperator } from '../models/gridFilterOperator';
-export declare const getGridDateOperators: (showTime?: boolean) => GridFilterOperator<any, Date, any>[];
+import { GridFilterInputDateProps } from "../components/panel/filterPanel/GridFilterInputDate.js";
+import { GridFilterOperator } from "../models/gridFilterOperator.js";
+export declare const getGridDateOperators: (showTime?: boolean) => GridFilterOperator<any, Date, any, GridFilterInputDateProps>[];