@mui/x-data-grid 8.0.0-alpha.11 → 8.0.0-alpha.13

package/hooks/features/index.js

@@ -1,19 +1,214 @@
-// Only export the variable and types that should be publicly exposed and re-exported from `@mui/x-data-grid-pro`
-export * from "./columnMenu/index.js";
-export * from "./columns/index.js";
-export * from "./columnGrouping/index.js";
-export * from "./columnResize/index.js";
-export * from "./density/index.js";
-export * from "./editing/index.js";
-export * from "./filter/index.js";
-export * from "./focus/index.js";
-export * from "./listView/index.js";
-export * from "./pagination/index.js";
-export * from "./preferencesPanel/index.js";
-export * from "./rows/index.js";
-export * from "./rowSelection/index.js";
-export * from "./sorting/index.js";
-export * from "./dimensions/index.js";
-export * from "./statePersistence/index.js";
-export * from "./headerFiltering/index.js";
-export * from "./virtualization/index.js";
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+var _columnMenu = require("./columnMenu");
+Object.keys(_columnMenu).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _columnMenu[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _columnMenu[key];
+    }
+  });
+});
+var _columns = require("./columns");
+Object.keys(_columns).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _columns[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _columns[key];
+    }
+  });
+});
+var _columnGrouping = require("./columnGrouping");
+Object.keys(_columnGrouping).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _columnGrouping[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _columnGrouping[key];
+    }
+  });
+});
+var _columnResize = require("./columnResize");
+Object.keys(_columnResize).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _columnResize[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _columnResize[key];
+    }
+  });
+});
+var _density = require("./density");
+Object.keys(_density).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _density[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _density[key];
+    }
+  });
+});
+var _editing = require("./editing");
+Object.keys(_editing).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _editing[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _editing[key];
+    }
+  });
+});
+var _filter = require("./filter");
+Object.keys(_filter).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _filter[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _filter[key];
+    }
+  });
+});
+var _focus = require("./focus");
+Object.keys(_focus).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _focus[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _focus[key];
+    }
+  });
+});
+var _listView = require("./listView");
+Object.keys(_listView).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _listView[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _listView[key];
+    }
+  });
+});
+var _pagination = require("./pagination");
+Object.keys(_pagination).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _pagination[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _pagination[key];
+    }
+  });
+});
+var _preferencesPanel = require("./preferencesPanel");
+Object.keys(_preferencesPanel).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _preferencesPanel[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _preferencesPanel[key];
+    }
+  });
+});
+var _rows = require("./rows");
+Object.keys(_rows).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _rows[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _rows[key];
+    }
+  });
+});
+var _rowSelection = require("./rowSelection");
+Object.keys(_rowSelection).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _rowSelection[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _rowSelection[key];
+    }
+  });
+});
+var _sorting = require("./sorting");
+Object.keys(_sorting).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _sorting[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _sorting[key];
+    }
+  });
+});
+var _dimensions = require("./dimensions");
+Object.keys(_dimensions).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _dimensions[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _dimensions[key];
+    }
+  });
+});
+var _statePersistence = require("./statePersistence");
+Object.keys(_statePersistence).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _statePersistence[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _statePersistence[key];
+    }
+  });
+});
+var _headerFiltering = require("./headerFiltering");
+Object.keys(_headerFiltering).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _headerFiltering[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _headerFiltering[key];
+    }
+  });
+});
+var _virtualization = require("./virtualization");
+Object.keys(_virtualization).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _virtualization[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _virtualization[key];
+    }
+  });
+});
+var _dataSource = require("./dataSource");
+Object.keys(_dataSource).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _dataSource[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _dataSource[key];
+    }
+  });
+});

package/hooks/features/keyboardNavigation/useGridKeyboardNavigation.d.ts

@@ -1,6 +1,6 @@
 import { RefObject } from '@mui/x-internals/types';
-import { GridPrivateApiCommunity } from '../../../models/api/gridApiCommunity';
-import { DataGridProcessedProps } from '../../../models/props/DataGridProps';
+import { GridPrivateApiCommunity } from "../../../models/api/gridApiCommunity.js";
+import { DataGridProcessedProps } from "../../../models/props/DataGridProps.js";
 /**
  * @requires useGridSorting (method) - can be after
  * @requires useGridFilter (state) - can be after
@@ -10,4 +10,4 @@ import { DataGridProcessedProps } from '../../../models/props/DataGridProps';
  * @requires useGridScroll (method) - can be after
  * @requires useGridColumnSpanning (method) - can be after
  */
-export declare const useGridKeyboardNavigation: (apiRef: RefObject<GridPrivateApiCommunity>, props: Pick<DataGridProcessedProps, "pagination" | "paginationMode" | "getRowId" | "experimentalFeatures" | "signature" | "headerFilters" | "unstable_listView">) => void;
+export declare const useGridKeyboardNavigation: (apiRef: RefObject<GridPrivateApiCommunity>, props: Pick<DataGridProcessedProps, "pagination" | "paginationMode" | "getRowId" | "experimentalFeatures" | "signature" | "headerFilters" | "unstable_listView">) => void;

package/hooks/features/keyboardNavigation/useGridKeyboardNavigation.js

@@ -1,26 +1,33 @@
-import * as React from 'react';
-import { useRtl } from '@mui/system/RtlProvider';
-import { GRID_TREE_DATA_GROUPING_FIELD, GRID_DETAIL_PANEL_TOGGLE_FIELD } from "../../../internals/constants.js";
-import { isGroupingColumn } from "../../../internals/utils/gridRowGroupingUtils.js";
-import { gridVisibleColumnDefinitionsSelector, gridVisibleColumnFieldsSelector } from "../columns/gridColumnsSelector.js";
-import { useGridLogger } from "../../utils/useGridLogger.js";
-import { useGridApiEventHandler } from "../../utils/useGridApiEventHandler.js";
-import { gridExpandedSortedRowEntriesSelector } from "../filter/gridFilterSelector.js";
-import { GRID_CHECKBOX_SELECTION_COL_DEF } from "../../../colDef/gridCheckboxSelectionColDef.js";
-import { gridClasses } from "../../../constants/gridClasses.js";
-import { GridCellModes } from "../../../models/gridEditRowModel.js";
-import { isNavigationKey } from "../../../utils/keyboardUtils.js";
-import { gridFocusColumnGroupHeaderSelector } from "../focus/index.js";
-import { gridColumnGroupsHeaderMaxDepthSelector } from "../columnGrouping/gridColumnGroupsSelector.js";
-import { gridHeaderFilteringEditFieldSelector, gridHeaderFilteringMenuSelector } from "../headerFiltering/gridHeaderFilteringSelectors.js";
-import { useGridRegisterPipeProcessor } from "../../core/pipeProcessing/index.js";
-import { isEventTargetInPortal } from "../../../utils/domUtils.js";
-import { getLeftColumnIndex, getRightColumnIndex, findNonRowSpannedCell } from "./utils.js";
-import { gridListColumnSelector } from "../listView/gridListViewSelectors.js";
-import { createSelectorMemoized } from "../../../utils/createSelector.js";
-import { gridVisibleRowsSelector } from "../pagination/index.js";
-import { gridPinnedRowsSelector } from "../rows/gridRowsSelector.js";
-const gridVisibleRowsWithPinnedRowsSelector = createSelectorMemoized(gridVisibleRowsSelector, gridPinnedRowsSelector, (visibleRows, pinnedRows) => {
+"use strict";
+
+var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.useGridKeyboardNavigation = void 0;
+var React = _interopRequireWildcard(require("react"));
+var _RtlProvider = require("@mui/system/RtlProvider");
+var _constants = require("../../../internals/constants");
+var _gridRowGroupingUtils = require("../../../internals/utils/gridRowGroupingUtils");
+var _gridColumnsSelector = require("../columns/gridColumnsSelector");
+var _useGridLogger = require("../../utils/useGridLogger");
+var _useGridApiEventHandler = require("../../utils/useGridApiEventHandler");
+var _gridFilterSelector = require("../filter/gridFilterSelector");
+var _gridCheckboxSelectionColDef = require("../../../colDef/gridCheckboxSelectionColDef");
+var _gridClasses = require("../../../constants/gridClasses");
+var _gridEditRowModel = require("../../../models/gridEditRowModel");
+var _keyboardUtils = require("../../../utils/keyboardUtils");
+var _focus = require("../focus");
+var _gridColumnGroupsSelector = require("../columnGrouping/gridColumnGroupsSelector");
+var _gridHeaderFilteringSelectors = require("../headerFiltering/gridHeaderFilteringSelectors");
+var _pipeProcessing = require("../../core/pipeProcessing");
+var _domUtils = require("../../../utils/domUtils");
+var _utils = require("./utils");
+var _gridListViewSelectors = require("../listView/gridListViewSelectors");
+var _createSelector = require("../../../utils/createSelector");
+var _pagination = require("../pagination");
+var _gridRowsSelector = require("../rows/gridRowsSelector");
+const gridVisibleRowsWithPinnedRowsSelector = (0, _createSelector.createSelectorMemoized)(_pagination.gridVisibleRowsSelector, _gridRowsSelector.gridPinnedRowsSelector, (visibleRows, pinnedRows) => {
   return (pinnedRows.top || []).concat(visibleRows.rows, pinnedRows.bottom || []);
 });
 
@@ -33,9 +40,9 @@ const gridVisibleRowsWithPinnedRowsSelector = createSelectorMemoized(gridVisible
  * @requires useGridScroll (method) - can be after
  * @requires useGridColumnSpanning (method) - can be after
  */
-export const useGridKeyboardNavigation = (apiRef, props) => {
-  const logger = useGridLogger(apiRef, 'useGridKeyboardNavigation');
-  const isRtl = useRtl();
+const useGridKeyboardNavigation = (apiRef, props) => {
+  const logger = (0, _useGridLogger.useGridLogger)(apiRef, 'useGridKeyboardNavigation');
+  const isRtl = (0, _RtlProvider.useRtl)();
   const listView = props.unstable_listView;
   const getCurrentPageRows = React.useCallback(() => {
     return gridVisibleRowsWithPinnedRowsSelector(apiRef);
@@ -50,7 +57,7 @@ export const useGridKeyboardNavigation = (apiRef, props) => {
    * TODO replace with apiRef.current.moveFocusToRelativeCell()
    */
   const goToCell = React.useCallback((colIndex, rowId, closestColumnToUse = 'left', rowSpanScanDirection = 'up') => {
-    const visibleSortedRows = gridExpandedSortedRowEntriesSelector(apiRef);
+    const visibleSortedRows = (0, _gridFilterSelector.gridExpandedSortedRowEntriesSelector)(apiRef);
     const nextCellColSpanInfo = apiRef.current.unstable_getCellColSpanInfo(rowId, colIndex);
     if (nextCellColSpanInfo && nextCellColSpanInfo.spannedByColSpan) {
       if (closestColumnToUse === 'left') {
@@ -59,8 +66,8 @@ export const useGridKeyboardNavigation = (apiRef, props) => {
         colIndex = nextCellColSpanInfo.rightVisibleCellIndex;
       }
     }
-    const field = listView ? gridListColumnSelector(apiRef.current.state).field : gridVisibleColumnFieldsSelector(apiRef)[colIndex];
-    const nonRowSpannedRowId = findNonRowSpannedCell(apiRef, rowId, field, rowSpanScanDirection);
+    const field = listView ? (0, _gridListViewSelectors.gridListColumnSelector)(apiRef).field : (0, _gridColumnsSelector.gridVisibleColumnFieldsSelector)(apiRef)[colIndex];
+    const nonRowSpannedRowId = (0, _utils.findNonRowSpannedCell)(apiRef, rowId, field, rowSpanScanDirection);
     // `scrollToIndexes` requires a rowIndex relative to all visible rows.
     // Those rows do not include pinned rows, but pinned rows do not need scroll anyway.
     const rowIndexRelativeToAllRows = visibleSortedRows.findIndex(row => row.id === nonRowSpannedRowId);
@@ -101,9 +108,9 @@ export const useGridKeyboardNavigation = (apiRef, props) => {
     return getCurrentPageRows()[rowIndex]?.id;
   }, [getCurrentPageRows]);
   const handleColumnHeaderKeyDown = React.useCallback((params, event) => {
-    const headerTitleNode = event.currentTarget.querySelector(`.${gridClasses.columnHeaderTitleContainerContent}`);
+    const headerTitleNode = event.currentTarget.querySelector(`.${_gridClasses.gridClasses.columnHeaderTitleContainerContent}`);
     const isFromInsideContent = !!headerTitleNode && headerTitleNode.contains(event.target);
-    if (isFromInsideContent && params.field !== GRID_CHECKBOX_SELECTION_COL_DEF.field) {
+    if (isFromInsideContent && params.field !== _gridCheckboxSelectionColDef.GRID_CHECKBOX_SELECTION_COL_DEF.field) {
       // When focus is on a nested input, keyboard events have no effect to avoid conflicts with native events.
       // There is one exception for the checkBoxHeader
       return;
@@ -114,8 +121,8 @@ export const useGridKeyboardNavigation = (apiRef, props) => {
     const firstRowIndexInPage = currentPageRows.length > 0 ? 0 : null;
     const lastRowIndexInPage = currentPageRows.length - 1;
     const firstColIndex = 0;
-    const lastColIndex = gridVisibleColumnDefinitionsSelector(apiRef).length - 1;
-    const columnGroupMaxDepth = gridColumnGroupsHeaderMaxDepthSelector(apiRef);
+    const lastColIndex = (0, _gridColumnsSelector.gridVisibleColumnDefinitionsSelector)(apiRef).length - 1;
+    const columnGroupMaxDepth = (0, _gridColumnGroupsSelector.gridColumnGroupsHeaderMaxDepthSelector)(apiRef);
     let shouldPreventDefault = true;
     switch (event.key) {
       case 'ArrowDown':
@@ -129,7 +136,7 @@ export const useGridKeyboardNavigation = (apiRef, props) => {
         }
       case 'ArrowRight':
         {
-          const rightColIndex = getRightColumnIndex({
+          const rightColIndex = (0, _utils.getRightColumnIndex)({
             currentColIndex: colIndexBefore,
             firstColIndex,
             lastColIndex,
@@ -142,7 +149,7 @@ export const useGridKeyboardNavigation = (apiRef, props) => {
         }
       case 'ArrowLeft':
         {
-          const leftColIndex = getLeftColumnIndex({
+          const leftColIndex = (0, _utils.getLeftColumnIndex)({
             currentColIndex: colIndexBefore,
             firstColIndex,
             lastColIndex,
@@ -199,9 +206,9 @@ export const useGridKeyboardNavigation = (apiRef, props) => {
     }
   }, [apiRef, getCurrentPageRows, headerFilteringEnabled, goToHeaderFilter, goToCell, getRowIdFromIndex, isRtl, goToHeader, goToGroupHeader]);
   const handleHeaderFilterKeyDown = React.useCallback((params, event) => {
-    const isEditing = gridHeaderFilteringEditFieldSelector(apiRef) === params.field;
-    const isHeaderMenuOpen = gridHeaderFilteringMenuSelector(apiRef) === params.field;
-    if (isEditing || isHeaderMenuOpen || !isNavigationKey(event.key)) {
+    const isEditing = (0, _gridHeaderFilteringSelectors.gridHeaderFilteringEditFieldSelector)(apiRef) === params.field;
+    const isHeaderMenuOpen = (0, _gridHeaderFilteringSelectors.gridHeaderFilteringMenuSelector)(apiRef) === params.field;
+    if (isEditing || isHeaderMenuOpen || !(0, _keyboardUtils.isNavigationKey)(event.key)) {
       return;
     }
     const currentPageRows = getCurrentPageRows();
@@ -210,7 +217,7 @@ export const useGridKeyboardNavigation = (apiRef, props) => {
     const firstRowIndexInPage = 0;
     const lastRowIndexInPage = currentPageRows.length - 1;
     const firstColIndex = 0;
-    const lastColIndex = gridVisibleColumnDefinitionsSelector(apiRef).length - 1;
+    const lastColIndex = (0, _gridColumnsSelector.gridVisibleColumnDefinitionsSelector)(apiRef).length - 1;
     let shouldPreventDefault = true;
     switch (event.key) {
       case 'ArrowDown':
@@ -223,7 +230,7 @@ export const useGridKeyboardNavigation = (apiRef, props) => {
         }
       case 'ArrowRight':
         {
-          const rightColIndex = getRightColumnIndex({
+          const rightColIndex = (0, _utils.getRightColumnIndex)({
             currentColIndex: colIndexBefore,
             firstColIndex,
             lastColIndex,
@@ -236,7 +243,7 @@ export const useGridKeyboardNavigation = (apiRef, props) => {
         }
       case 'ArrowLeft':
         {
-          const leftColIndex = getLeftColumnIndex({
+          const leftColIndex = (0, _utils.getLeftColumnIndex)({
             currentColIndex: colIndexBefore,
             firstColIndex,
             lastColIndex,
@@ -286,7 +293,7 @@ export const useGridKeyboardNavigation = (apiRef, props) => {
     }
   }, [apiRef, getCurrentPageRows, goToHeaderFilter, isRtl, goToHeader, goToCell, getRowIdFromIndex]);
   const handleColumnGroupHeaderKeyDown = React.useCallback((params, event) => {
-    const focusedColumnGroup = gridFocusColumnGroupHeaderSelector(apiRef);
+    const focusedColumnGroup = (0, _focus.gridFocusColumnGroupHeaderSelector)(apiRef);
     if (focusedColumnGroup === null) {
       return;
     }
@@ -306,7 +313,7 @@ export const useGridKeyboardNavigation = (apiRef, props) => {
     const firstRowIndexInPage = 0;
     const lastRowIndexInPage = currentPageRows.length - 1;
     const firstColIndex = 0;
-    const lastColIndex = gridVisibleColumnDefinitionsSelector(apiRef).length - 1;
+    const lastColIndex = (0, _gridColumnsSelector.gridVisibleColumnDefinitionsSelector)(apiRef).length - 1;
     let shouldPreventDefault = true;
     switch (event.key) {
       case 'ArrowDown':
@@ -374,13 +381,13 @@ export const useGridKeyboardNavigation = (apiRef, props) => {
   }, [apiRef, getCurrentPageRows, goToHeader, goToGroupHeader, goToCell, getRowIdFromIndex]);
   const handleCellKeyDown = React.useCallback((params, event) => {
     // Ignore portal
-    if (isEventTargetInPortal(event)) {
+    if ((0, _domUtils.isEventTargetInPortal)(event)) {
       return;
     }
 
     // Get the most recent params because the cell mode may have changed by another listener
     const cellParams = apiRef.current.getCellParams(params.id, params.field);
-    if (cellParams.cellMode === GridCellModes.Edit || !isNavigationKey(event.key)) {
+    if (cellParams.cellMode === _gridEditRowModel.GridCellModes.Edit || !(0, _keyboardUtils.isNavigationKey)(event.key)) {
       return;
     }
     const canUpdateFocus = apiRef.current.unstable_applyPipeProcessors('canUpdateFocus', true, {
@@ -401,7 +408,7 @@ export const useGridKeyboardNavigation = (apiRef, props) => {
     const firstRowIndexInPage = 0;
     const lastRowIndexInPage = currentPageRows.length - 1;
     const firstColIndex = 0;
-    const visibleColumns = listView ? [gridListColumnSelector(apiRef.current.state)] : gridVisibleColumnDefinitionsSelector(apiRef);
+    const visibleColumns = listView ? [(0, _gridListViewSelectors.gridListColumnSelector)(apiRef)] : (0, _gridColumnsSelector.gridVisibleColumnDefinitionsSelector)(apiRef);
     const lastColIndex = visibleColumns.length - 1;
     let shouldPreventDefault = true;
     switch (event.key) {
@@ -426,7 +433,7 @@ export const useGridKeyboardNavigation = (apiRef, props) => {
         }
       case 'ArrowRight':
         {
-          const rightColIndex = getRightColumnIndex({
+          const rightColIndex = (0, _utils.getRightColumnIndex)({
             currentColIndex: colIndexBefore,
             firstColIndex,
             lastColIndex,
@@ -439,7 +446,7 @@ export const useGridKeyboardNavigation = (apiRef, props) => {
         }
       case 'ArrowLeft':
         {
-          const leftColIndex = getLeftColumnIndex({
+          const leftColIndex = (0, _utils.getLeftColumnIndex)({
             currentColIndex: colIndexBefore,
             firstColIndex,
             lastColIndex,
@@ -463,11 +470,11 @@ export const useGridKeyboardNavigation = (apiRef, props) => {
       case ' ':
         {
           const field = params.field;
-          if (field === GRID_DETAIL_PANEL_TOGGLE_FIELD) {
+          if (field === _constants.GRID_DETAIL_PANEL_TOGGLE_FIELD) {
             break;
           }
           const colDef = params.colDef;
-          if (colDef && (colDef.field === GRID_TREE_DATA_GROUPING_FIELD || isGroupingColumn(colDef.field))) {
+          if (colDef && (colDef.field === _constants.GRID_TREE_DATA_GROUPING_FIELD || (0, _gridRowGroupingUtils.isGroupingColumn)(colDef.field))) {
             break;
           }
           if (!event.shiftKey && rowIndexBefore < lastRowIndexInPage) {
@@ -529,9 +536,10 @@ export const useGridKeyboardNavigation = (apiRef, props) => {
     }
     return initialValue;
   }, []);
-  useGridRegisterPipeProcessor(apiRef, 'canStartEditing', checkIfCanStartEditing);
-  useGridApiEventHandler(apiRef, 'columnHeaderKeyDown', handleColumnHeaderKeyDown);
-  useGridApiEventHandler(apiRef, 'headerFilterKeyDown', handleHeaderFilterKeyDown);
-  useGridApiEventHandler(apiRef, 'columnGroupHeaderKeyDown', handleColumnGroupHeaderKeyDown);
-  useGridApiEventHandler(apiRef, 'cellKeyDown', handleCellKeyDown);
-};
+  (0, _pipeProcessing.useGridRegisterPipeProcessor)(apiRef, 'canStartEditing', checkIfCanStartEditing);
+  (0, _useGridApiEventHandler.useGridApiEventHandler)(apiRef, 'columnHeaderKeyDown', handleColumnHeaderKeyDown);
+  (0, _useGridApiEventHandler.useGridApiEventHandler)(apiRef, 'headerFilterKeyDown', handleHeaderFilterKeyDown);
+  (0, _useGridApiEventHandler.useGridApiEventHandler)(apiRef, 'columnGroupHeaderKeyDown', handleColumnGroupHeaderKeyDown);
+  (0, _useGridApiEventHandler.useGridApiEventHandler)(apiRef, 'cellKeyDown', handleCellKeyDown);
+};
+exports.useGridKeyboardNavigation = useGridKeyboardNavigation;

package/hooks/features/keyboardNavigation/utils.d.ts

@@ -1,16 +1,26 @@
 import { RefObject } from '@mui/x-internals/types';
-import { GridColDef, GridRowId } from '../../../models';
-import { GridApiCommunity } from '../../../models/api/gridApiCommunity';
-export declare const getLeftColumnIndex: ({ currentColIndex, firstColIndex, lastColIndex, isRtl, }: {
-    currentColIndex: number;
-    firstColIndex: number;
-    lastColIndex: number;
-    isRtl: boolean;
+import { GridColDef, GridRowId } from "../../../models/index.js";
+import { GridApiCommunity } from "../../../models/api/gridApiCommunity.js";
+export declare const getLeftColumnIndex: ({
+  currentColIndex,
+  firstColIndex,
+  lastColIndex,
+  isRtl
+}: {
+  currentColIndex: number;
+  firstColIndex: number;
+  lastColIndex: number;
+  isRtl: boolean;
 }) => number | null;
-export declare const getRightColumnIndex: ({ currentColIndex, firstColIndex, lastColIndex, isRtl, }: {
-    currentColIndex: number;
-    firstColIndex: number;
-    lastColIndex: number;
-    isRtl: boolean;
+export declare const getRightColumnIndex: ({
+  currentColIndex,
+  firstColIndex,
+  lastColIndex,
+  isRtl
+}: {
+  currentColIndex: number;
+  firstColIndex: number;
+  lastColIndex: number;
+  isRtl: boolean;
 }) => number | null;
-export declare function findNonRowSpannedCell(apiRef: RefObject<GridApiCommunity>, rowId: GridRowId, field: GridColDef['field'], rowSpanScanDirection: 'up' | 'down'): GridRowId;
+export declare function findNonRowSpannedCell(apiRef: RefObject<GridApiCommunity>, rowId: GridRowId, field: GridColDef['field'], rowSpanScanDirection: 'up' | 'down'): GridRowId;

package/hooks/features/keyboardNavigation/utils.js

@@ -1,6 +1,13 @@
-import { gridFilteredSortedRowIdsSelector } from "../filter/gridFilterSelector.js";
-import { gridRowSpanningHiddenCellsSelector } from "../rows/gridRowSpanningSelectors.js";
-export const getLeftColumnIndex = ({
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.findNonRowSpannedCell = findNonRowSpannedCell;
+exports.getRightColumnIndex = exports.getLeftColumnIndex = void 0;
+var _gridFilterSelector = require("../filter/gridFilterSelector");
+var _gridRowSpanningSelectors = require("../rows/gridRowSpanningSelectors");
+const getLeftColumnIndex = ({
   currentColIndex,
   firstColIndex,
   lastColIndex,
@@ -17,7 +24,8 @@ export const getLeftColumnIndex = ({
   }
   return null;
 };
-export const getRightColumnIndex = ({
+exports.getLeftColumnIndex = getLeftColumnIndex;
+const getRightColumnIndex = ({
   currentColIndex,
   firstColIndex,
   lastColIndex,
@@ -34,12 +42,13 @@ export const getRightColumnIndex = ({
   }
   return null;
 };
-export function findNonRowSpannedCell(apiRef, rowId, field, rowSpanScanDirection) {
-  const rowSpanHiddenCells = gridRowSpanningHiddenCellsSelector(apiRef);
+exports.getRightColumnIndex = getRightColumnIndex;
+function findNonRowSpannedCell(apiRef, rowId, field, rowSpanScanDirection) {
+  const rowSpanHiddenCells = (0, _gridRowSpanningSelectors.gridRowSpanningHiddenCellsSelector)(apiRef);
   if (!rowSpanHiddenCells[rowId]?.[field]) {
     return rowId;
   }
-  const filteredSortedRowIds = gridFilteredSortedRowIdsSelector(apiRef);
+  const filteredSortedRowIds = (0, _gridFilterSelector.gridFilteredSortedRowIdsSelector)(apiRef);
   // find closest non row spanned cell in the given `rowSpanScanDirection`
   let nextRowIndex = filteredSortedRowIds.indexOf(rowId) + (rowSpanScanDirection === 'down' ? 1 : -1);
   while (nextRowIndex >= 0 && nextRowIndex < filteredSortedRowIds.length) {

package/hooks/features/listView/gridListViewSelectors.d.ts

@@ -1,7 +1,7 @@
-import { GridStateCommunity } from '../../../models/gridStateCommunity';
+import { GridStateCommunity } from "../../../models/gridStateCommunity.js";
 /**
  * Get the list column definition
  * @category List View
  * @ignore - Do not document
  */
-export declare const gridListColumnSelector: (state: GridStateCommunity) => import("./useGridListView").GridListViewState;
+export declare const gridListColumnSelector: import("../../..").OutputSelector<GridStateCommunity, unknown, import("./useGridListView").GridListViewState>;

package/hooks/features/listView/gridListViewSelectors.js

@@ -1,6 +1,13 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.gridListColumnSelector = void 0;
+var _createSelector = require("../../../utils/createSelector");
 /**
  * Get the list column definition
  * @category List View
  * @ignore - Do not document
  */
-export const gridListColumnSelector = state => state.listViewColumn;
+const gridListColumnSelector = exports.gridListColumnSelector = (0, _createSelector.createRootSelector)(state => state.listViewColumn);

package/hooks/features/listView/index.d.ts

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

package/hooks/features/listView/index.js

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