@mui/x-data-grid 7.14.0 → 7.16.0

package/modern/internals/index.js

@@ -1,72 +1,72 @@
-export { GridVirtualScroller } from '../components/virtualization/GridVirtualScroller';
-export { GridVirtualScrollerContent } from '../components/virtualization/GridVirtualScrollerContent';
-export { GridVirtualScrollerRenderZone } from '../components/virtualization/GridVirtualScrollerRenderZone';
-export { GridHeaders } from '../components/GridHeaders';
-export { GridBaseColumnHeaders } from '../components/columnHeaders/GridBaseColumnHeaders';
-export { DATA_GRID_DEFAULT_SLOTS_COMPONENTS } from '../constants/defaultGridSlotsComponents';
-export { getGridFilter } from '../components/panel/filterPanel/GridFilterPanel';
-export { useGridRegisterPipeProcessor } from '../hooks/core/pipeProcessing';
-export { useGridRegisterStrategyProcessor, GRID_DEFAULT_STRATEGY } from '../hooks/core/strategyProcessing';
-export { useGridInitialization } from '../hooks/core/useGridInitialization';
-export { unwrapPrivateAPI } from '../hooks/core/useGridApiInitialization';
-export { useGridClipboard } from '../hooks/features/clipboard/useGridClipboard';
-export * from '../hooks/features/columnHeaders/useGridColumnHeaders';
-export { gridHeaderFilteringEditFieldSelector, gridHeaderFilteringMenuSelector } from '../hooks/features/headerFiltering/gridHeaderFilteringSelectors';
-export { useGridColumnMenu, columnMenuStateInitializer } from '../hooks/features/columnMenu/useGridColumnMenu';
-export { useGridColumns, columnsStateInitializer } from '../hooks/features/columns/useGridColumns';
-export * from '../hooks/features/columns/gridColumnsUtils';
-export { useGridColumnSpanning } from '../hooks/features/columns/useGridColumnSpanning';
-export * from '../hooks/features/columns/gridColumnsSelector';
-export { useGridColumnGrouping, columnGroupsStateInitializer } from '../hooks/features/columnGrouping/useGridColumnGrouping';
-export { useGridDensity, densityStateInitializer } from '../hooks/features/density/useGridDensity';
-export { useGridCsvExport } from '../hooks/features/export/useGridCsvExport';
-export { useGridPrintExport } from '../hooks/features/export/useGridPrintExport';
-export { useGridFilter, filterStateInitializer } from '../hooks/features/filter/useGridFilter';
-export { passFilterLogic } from '../hooks/features/filter/gridFilterUtils';
-export { gridFilteredChildrenCountLookupSelector, gridExpandedSortedRowTreeLevelPositionLookupSelector } from '../hooks/features/filter/gridFilterSelector';
-export { isSingleSelectColDef } from '../components/panel/filterPanel/filterPanelUtils';
-export { useGridFocus, focusStateInitializer } from '../hooks/features/focus/useGridFocus';
-export { useGridKeyboardNavigation } from '../hooks/features/keyboardNavigation/useGridKeyboardNavigation';
-export { useGridPagination, paginationStateInitializer } from '../hooks/features/pagination/useGridPagination';
-export { useGridPreferencesPanel, preferencePanelStateInitializer } from '../hooks/features/preferencesPanel/useGridPreferencesPanel';
-export { useGridEditing, editingStateInitializer } from '../hooks/features/editing/useGridEditing';
-export { gridEditRowsStateSelector } from '../hooks/features/editing/gridEditingSelectors';
-export { useGridRows, rowsStateInitializer } from '../hooks/features/rows/useGridRows';
-export { useGridAriaAttributes } from '../hooks/utils/useGridAriaAttributes';
-export { useGridRowAriaAttributes } from '../hooks/features/rows/useGridRowAriaAttributes';
-export { useGridRowsPreProcessors } from '../hooks/features/rows/useGridRowsPreProcessors';
-export { getTreeNodeDescendants, buildRootGroup } from '../hooks/features/rows/gridRowsUtils';
-export { useGridRowsMeta, rowsMetaStateInitializer } from '../hooks/features/rows/useGridRowsMeta';
-export { useGridParamsApi } from '../hooks/features/rows/useGridParamsApi';
-export { getRowIdFromRowModel, GRID_ID_AUTOGENERATED } from '../hooks/features/rows/gridRowsUtils';
-export { gridAdditionalRowGroupsSelector, gridPinnedRowsSelector } from '../hooks/features/rows/gridRowsSelector';
-export { headerFilteringStateInitializer, useGridHeaderFiltering } from '../hooks/features/headerFiltering/useGridHeaderFiltering';
-export { calculatePinnedRowsHeight } from '../hooks/features/rows/gridRowsUtils';
-export { useGridRowSelection, rowSelectionStateInitializer } from '../hooks/features/rowSelection/useGridRowSelection';
-export { useGridRowSelectionPreProcessors } from '../hooks/features/rowSelection/useGridRowSelectionPreProcessors';
-export { useGridSorting, sortingStateInitializer } from '../hooks/features/sorting/useGridSorting';
-export { useGridScroll } from '../hooks/features/scroll/useGridScroll';
-export { useGridEvents } from '../hooks/features/events/useGridEvents';
-export { dimensionsStateInitializer, useGridDimensions } from '../hooks/features/dimensions/useGridDimensions';
-export { useGridStatePersistence } from '../hooks/features/statePersistence/useGridStatePersistence';
-export { useGridVirtualScroller, EMPTY_DETAIL_PANELS } from '../hooks/features/virtualization/useGridVirtualScroller';
-export * from '../hooks/features/virtualization';
-export { useGridColumnResize, columnResizeStateInitializer } from '../hooks/features/columnResize/useGridColumnResize';
-export { useTimeout } from '../hooks/utils/useTimeout';
-export { useGridVisibleRows, getVisibleRows } from '../hooks/utils/useGridVisibleRows';
-export { useGridInitializeState } from '../hooks/utils/useGridInitializeState';
-export { getColumnsToExport, defaultGetRowsToExport } from '../hooks/features/export/utils';
-export * from '../utils/createControllablePromise';
-export { createSelector, createSelectorV8, createSelectorMemoized, createSelectorMemoizedV8 } from '../utils/createSelector';
-export { useGridSelectorV8 } from '../hooks/utils/useGridSelector';
-export { gridRowGroupsToFetchSelector } from '../hooks/features/rows/gridRowsSelector';
-export { findParentElementFromClassName, getActiveElement, isEventTargetInPortal } from '../utils/domUtils';
-export { isNavigationKey, isPasteShortcut } from '../utils/keyboardUtils';
-export * from '../utils/utils';
-export { exportAs } from '../utils/exportAs';
-export * from '../utils/getPublicApiRef';
-export * from '../utils/cellBorderUtils';
-export { useGridPrivateApiContext } from '../hooks/utils/useGridPrivateApiContext';
-export * from '../hooks/utils';
-export { serializeCellValue } from '../hooks/features/export/serializers/csvSerializer';
-export * from './utils';
+export { GridVirtualScroller } from "../components/virtualization/GridVirtualScroller.js";
+export { GridVirtualScrollerContent } from "../components/virtualization/GridVirtualScrollerContent.js";
+export { GridVirtualScrollerRenderZone } from "../components/virtualization/GridVirtualScrollerRenderZone.js";
+export { GridHeaders } from "../components/GridHeaders.js";
+export { GridBaseColumnHeaders } from "../components/columnHeaders/GridBaseColumnHeaders.js";
+export { DATA_GRID_DEFAULT_SLOTS_COMPONENTS } from "../constants/defaultGridSlotsComponents.js";
+export { getGridFilter } from "../components/panel/filterPanel/GridFilterPanel.js";
+export { useGridRegisterPipeProcessor } from "../hooks/core/pipeProcessing/index.js";
+export { useGridRegisterStrategyProcessor, GRID_DEFAULT_STRATEGY } from "../hooks/core/strategyProcessing/index.js";
+export { useGridInitialization } from "../hooks/core/useGridInitialization.js";
+export { unwrapPrivateAPI } from "../hooks/core/useGridApiInitialization.js";
+export { useGridClipboard } from "../hooks/features/clipboard/useGridClipboard.js";
+export * from "../hooks/features/columnHeaders/useGridColumnHeaders.js";
+export { gridHeaderFilteringEditFieldSelector, gridHeaderFilteringMenuSelector } from "../hooks/features/headerFiltering/gridHeaderFilteringSelectors.js";
+export { useGridColumnMenu, columnMenuStateInitializer } from "../hooks/features/columnMenu/useGridColumnMenu.js";
+export { useGridColumns, columnsStateInitializer } from "../hooks/features/columns/useGridColumns.js";
+export * from "../hooks/features/columns/gridColumnsUtils.js";
+export { useGridColumnSpanning } from "../hooks/features/columns/useGridColumnSpanning.js";
+export * from "../hooks/features/columns/gridColumnsSelector.js";
+export { useGridColumnGrouping, columnGroupsStateInitializer } from "../hooks/features/columnGrouping/useGridColumnGrouping.js";
+export { useGridDensity, densityStateInitializer } from "../hooks/features/density/useGridDensity.js";
+export { useGridCsvExport } from "../hooks/features/export/useGridCsvExport.js";
+export { useGridPrintExport } from "../hooks/features/export/useGridPrintExport.js";
+export { useGridFilter, filterStateInitializer } from "../hooks/features/filter/useGridFilter.js";
+export { passFilterLogic } from "../hooks/features/filter/gridFilterUtils.js";
+export { gridFilteredChildrenCountLookupSelector, gridExpandedSortedRowTreeLevelPositionLookupSelector } from "../hooks/features/filter/gridFilterSelector.js";
+export { isSingleSelectColDef } from "../components/panel/filterPanel/filterPanelUtils.js";
+export { useGridFocus, focusStateInitializer } from "../hooks/features/focus/useGridFocus.js";
+export { useGridKeyboardNavigation } from "../hooks/features/keyboardNavigation/useGridKeyboardNavigation.js";
+export { useGridPagination, paginationStateInitializer } from "../hooks/features/pagination/useGridPagination.js";
+export { useGridPreferencesPanel, preferencePanelStateInitializer } from "../hooks/features/preferencesPanel/useGridPreferencesPanel.js";
+export { useGridEditing, editingStateInitializer } from "../hooks/features/editing/useGridEditing.js";
+export { gridEditRowsStateSelector } from "../hooks/features/editing/gridEditingSelectors.js";
+export { useGridRows, rowsStateInitializer } from "../hooks/features/rows/useGridRows.js";
+export { useGridAriaAttributes } from "../hooks/utils/useGridAriaAttributes.js";
+export { useGridRowAriaAttributes } from "../hooks/features/rows/useGridRowAriaAttributes.js";
+export { useGridRowsPreProcessors } from "../hooks/features/rows/useGridRowsPreProcessors.js";
+export { getTreeNodeDescendants, buildRootGroup } from "../hooks/features/rows/gridRowsUtils.js";
+export { useGridRowsMeta, rowsMetaStateInitializer } from "../hooks/features/rows/useGridRowsMeta.js";
+export { useGridParamsApi } from "../hooks/features/rows/useGridParamsApi.js";
+export { getRowIdFromRowModel, GRID_ID_AUTOGENERATED } from "../hooks/features/rows/gridRowsUtils.js";
+export { gridAdditionalRowGroupsSelector, gridPinnedRowsSelector } from "../hooks/features/rows/gridRowsSelector.js";
+export { headerFilteringStateInitializer, useGridHeaderFiltering } from "../hooks/features/headerFiltering/useGridHeaderFiltering.js";
+export { calculatePinnedRowsHeight } from "../hooks/features/rows/gridRowsUtils.js";
+export { useGridRowSelection, rowSelectionStateInitializer } from "../hooks/features/rowSelection/useGridRowSelection.js";
+export { useGridRowSelectionPreProcessors } from "../hooks/features/rowSelection/useGridRowSelectionPreProcessors.js";
+export { useGridSorting, sortingStateInitializer } from "../hooks/features/sorting/useGridSorting.js";
+export { useGridScroll } from "../hooks/features/scroll/useGridScroll.js";
+export { useGridEvents } from "../hooks/features/events/useGridEvents.js";
+export { dimensionsStateInitializer, useGridDimensions } from "../hooks/features/dimensions/useGridDimensions.js";
+export { useGridStatePersistence } from "../hooks/features/statePersistence/useGridStatePersistence.js";
+export { useGridVirtualScroller, EMPTY_DETAIL_PANELS } from "../hooks/features/virtualization/useGridVirtualScroller.js";
+export * from "../hooks/features/virtualization/index.js";
+export { useGridColumnResize, columnResizeStateInitializer } from "../hooks/features/columnResize/useGridColumnResize.js";
+export { useTimeout } from "../hooks/utils/useTimeout.js";
+export { useGridVisibleRows, getVisibleRows } from "../hooks/utils/useGridVisibleRows.js";
+export { useGridInitializeState } from "../hooks/utils/useGridInitializeState.js";
+export { getColumnsToExport, defaultGetRowsToExport } from "../hooks/features/export/utils.js";
+export * from "../utils/createControllablePromise.js";
+export { createSelector, createSelectorV8, createSelectorMemoized, createSelectorMemoizedV8 } from "../utils/createSelector.js";
+export { useGridSelectorV8 } from "../hooks/utils/useGridSelector.js";
+export { gridRowGroupsToFetchSelector } from "../hooks/features/rows/gridRowsSelector.js";
+export { findParentElementFromClassName, getActiveElement, isEventTargetInPortal } from "../utils/domUtils.js";
+export { isNavigationKey, isPasteShortcut } from "../utils/keyboardUtils.js";
+export * from "../utils/utils.js";
+export { exportAs } from "../utils/exportAs.js";
+export * from "../utils/getPublicApiRef.js";
+export * from "../utils/cellBorderUtils.js";
+export { useGridPrivateApiContext } from "../hooks/utils/useGridPrivateApiContext.js";
+export * from "../hooks/utils/index.js";
+export { serializeCellValue } from "../hooks/features/export/serializers/csvSerializer.js";
+export * from "./utils/index.js";

package/modern/internals/utils/getPinnedCellOffset.js

@@ -1,4 +1,4 @@
-import { GridPinnedColumnPosition } from '../../hooks/features/columns';
+import { GridPinnedColumnPosition } from "../../hooks/features/columns/index.js";
 export const getPinnedCellOffset = (pinnedPosition, computedWidth, columnIndex, columnPositions, dimensions) => {
   const scrollbarWidth = dimensions.hasScrollY ? dimensions.scrollbarSize : 0;
   let pinnedOffset;

package/modern/internals/utils/index.js

@@ -1,4 +1,4 @@
-export * from './computeSlots';
-export * from './useProps';
-export * from './propValidation';
-export * from './warning';
+export * from "./computeSlots.js";
+export * from "./useProps.js";
+export * from "./propValidation.js";
+export * from "./warning.js";

package/modern/internals/utils/propValidation.js

@@ -1,6 +1,6 @@
-import { warnOnce } from './warning';
-import { isNumber } from '../../utils/utils';
-import { GridSignature } from '../../hooks/utils/useGridApiEventHandler';
+import { warnOnce } from "./warning.js";
+import { isNumber } from "../../utils/utils.js";
+import { GridSignature } from "../../hooks/utils/useGridApiEventHandler.js";
 export const propValidatorsDataGrid = [props => props.autoPageSize && props.autoHeight && ['MUI X: `<DataGrid autoPageSize={true} autoHeight={true} />` are not valid props.', 'You cannot use both the `autoPageSize` and `autoHeight` props at the same time because `autoHeight` scales the height of the Data Grid according to the `pageSize`.', '', 'Please remove one of these two props.'].join('\n') || undefined, props => props.paginationMode === 'client' && props.paginationMeta != null && ['MUI X: Usage of the `paginationMeta` prop with client-side pagination (`paginationMode="client"`) has no effect.', '`paginationMeta` is only meant to be used with `paginationMode="server"`.'].join('\n') || undefined, props => props.signature === GridSignature.DataGrid && props.paginationMode === 'client' && isNumber(props.rowCount) && ['MUI X: Usage of the `rowCount` prop with client side pagination (`paginationMode="client"`) has no effect.', '`rowCount` is only meant to be used with `paginationMode="server"`.'].join('\n') || undefined, props => props.paginationMode === 'server' && props.rowCount == null && !props.unstable_dataSource && ["MUI X: The `rowCount` prop must be passed using `paginationMode='server'`", 'For more detail, see http://mui.com/components/data-grid/pagination/#index-based-pagination'].join('\n') || undefined];
 export function validateProps(props, validators) {
   validators.forEach(validator => {

package/modern/joy/icons.js

@@ -17,7 +17,7 @@ const _excluded = ["sx", "fontSize"],
  */
 import * as React from 'react';
 import SvgIcon from '@mui/joy/SvgIcon';
-import { useGridRootProps } from '../hooks/utils/useGridRootProps';
+import { useGridRootProps } from "../hooks/utils/useGridRootProps.js";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 function createSvgIcon(path, displayName) {
   const fontSizeMap = {
@@ -59,9 +59,9 @@ function createSvgIcon(path, displayName) {
   Component.muiName = SvgIcon.muiName;
 
   // @ts-ignore internal component
-  return /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(Component));
+  return /*#__PURE__*/React.memo(/*#__PURE__*/React.forwardRef(Component));
 }
-export const GridArrowUpwardIcon = createSvgIcon( /*#__PURE__*/_jsxs(React.Fragment, {
+export const GridArrowUpwardIcon = createSvgIcon(/*#__PURE__*/_jsxs(React.Fragment, {
   children: [/*#__PURE__*/_jsx("line", {
     x1: "12",
     x2: "12",
@@ -71,7 +71,7 @@ export const GridArrowUpwardIcon = createSvgIcon( /*#__PURE__*/_jsxs(React.Fragm
     points: "5 12 12 5 19 12"
   })]
 }), 'ArrowUpward');
-export const GridArrowDownwardIcon = createSvgIcon( /*#__PURE__*/_jsxs(React.Fragment, {
+export const GridArrowDownwardIcon = createSvgIcon(/*#__PURE__*/_jsxs(React.Fragment, {
   children: [/*#__PURE__*/_jsx("line", {
     x1: "12",
     x2: "12",
@@ -81,23 +81,23 @@ export const GridArrowDownwardIcon = createSvgIcon( /*#__PURE__*/_jsxs(React.Fra
     points: "19 12 12 19 5 12"
   })]
 }), 'ArrowDownward');
-export const GridKeyboardArrowLeft = createSvgIcon( /*#__PURE__*/_jsx("polyline", {
+export const GridKeyboardArrowLeft = createSvgIcon(/*#__PURE__*/_jsx("polyline", {
   points: "15 18 9 12 15 6"
 }), 'KeyboardArrowLeft');
-export const GridKeyboardArrowRight = createSvgIcon( /*#__PURE__*/_jsx("polyline", {
+export const GridKeyboardArrowRight = createSvgIcon(/*#__PURE__*/_jsx("polyline", {
   points: "9 18 15 12 9 6"
 }), 'KeyboardArrowRight');
-export const GridExpandMoreIcon = createSvgIcon( /*#__PURE__*/_jsxs(React.Fragment, {
+export const GridExpandMoreIcon = createSvgIcon(/*#__PURE__*/_jsxs(React.Fragment, {
   children: [/*#__PURE__*/_jsx("path", {
     d: "m7 15 5 5 5-5"
   }), /*#__PURE__*/_jsx("path", {
     d: "m7 9 5-5 5 5"
   })]
 }), 'ExpandMore');
-export const GridFilterListIcon = createSvgIcon( /*#__PURE__*/_jsx("polygon", {
+export const GridFilterListIcon = createSvgIcon(/*#__PURE__*/_jsx("polygon", {
   points: "22 3 2 3 10 12.46 10 19 14 21 14 12.46 22 3"
 }), 'FilterList');
-export const GridFilterAltIcon = createSvgIcon( /*#__PURE__*/_jsxs(React.Fragment, {
+export const GridFilterAltIcon = createSvgIcon(/*#__PURE__*/_jsxs(React.Fragment, {
   children: [/*#__PURE__*/_jsx("path", {
     d: "M3 6h18"
   }), /*#__PURE__*/_jsx("path", {
@@ -106,7 +106,7 @@ export const GridFilterAltIcon = createSvgIcon( /*#__PURE__*/_jsxs(React.Fragmen
     d: "M10 18h4"
   })]
 }), 'FilterAlt');
-export const GridSearchIcon = createSvgIcon( /*#__PURE__*/_jsxs(React.Fragment, {
+export const GridSearchIcon = createSvgIcon(/*#__PURE__*/_jsxs(React.Fragment, {
   children: [/*#__PURE__*/_jsx("circle", {
     cx: "11",
     cy: "11",
@@ -118,7 +118,7 @@ export const GridSearchIcon = createSvgIcon( /*#__PURE__*/_jsxs(React.Fragment,
     y2: "16.65"
   })]
 }), 'Search');
-export const GridMenuIcon = createSvgIcon( /*#__PURE__*/_jsxs(React.Fragment, {
+export const GridMenuIcon = createSvgIcon(/*#__PURE__*/_jsxs(React.Fragment, {
   children: [/*#__PURE__*/_jsx("rect", {
     width: "18",
     height: "18",
@@ -133,14 +133,14 @@ export const GridMenuIcon = createSvgIcon( /*#__PURE__*/_jsxs(React.Fragment, {
     d: "M7 16h10"
   })]
 }), 'Menu');
-export const GridCheckCircleIcon = createSvgIcon( /*#__PURE__*/_jsxs(React.Fragment, {
+export const GridCheckCircleIcon = createSvgIcon(/*#__PURE__*/_jsxs(React.Fragment, {
   children: [/*#__PURE__*/_jsx("path", {
     d: "M22 11.08V12a10 10 0 1 1-5.93-9.14"
   }), /*#__PURE__*/_jsx("polyline", {
     points: "22 4 12 14.01 9 11.01"
   })]
 }), 'CheckCircle');
-export const GridColumnIcon = createSvgIcon( /*#__PURE__*/_jsxs(React.Fragment, {
+export const GridColumnIcon = createSvgIcon(/*#__PURE__*/_jsxs(React.Fragment, {
   children: [/*#__PURE__*/_jsx("rect", {
     width: "18",
     height: "18",
@@ -155,24 +155,24 @@ export const GridColumnIcon = createSvgIcon( /*#__PURE__*/_jsxs(React.Fragment,
     y2: "21"
   })]
 }), 'ColumnIcon');
-export const GridSeparatorIcon = createSvgIcon( /*#__PURE__*/_jsx("path", {
+export const GridSeparatorIcon = createSvgIcon(/*#__PURE__*/_jsx("path", {
   d: "M11 19V5h2v14z"
 }), 'Separator');
-export const GridViewHeadlineIcon = createSvgIcon( /*#__PURE__*/_jsx("path", {
+export const GridViewHeadlineIcon = createSvgIcon(/*#__PURE__*/_jsx("path", {
   fill: "none",
   stroke: "currentColor",
   strokeWidth: "1.5",
   d: "M3 12h18M3 12v4.5M3 12V7.5M21 12v4.5m0-4.5V7.5m-18 9v3.9a.6.6 0 0 0 .6.6h16.8a.6.6 0 0 0 .6-.6v-3.9m-18 0h18m0-9V3.6a.6.6 0 0 0-.6-.6H3.6a.6.6 0 0 0-.6.6v3.9m18 0H3"
 }), 'ViewHeadline');
-export const GridTableRowsIcon = createSvgIcon( /*#__PURE__*/_jsx("path", {
+export const GridTableRowsIcon = createSvgIcon(/*#__PURE__*/_jsx("path", {
   fill: "currentColor",
   strokeWidth: "0",
   d: "M19 3H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2zm0 2v3H5V5h14zm0 5v4H5v-4h14zM5 19v-3h14v3H5z"
 }), 'TableRows');
-export const GridViewStreamIcon = createSvgIcon( /*#__PURE__*/_jsx("path", {
+export const GridViewStreamIcon = createSvgIcon(/*#__PURE__*/_jsx("path", {
   d: "M4 6a2 2 0 0 1 2-2h12a2 2 0 0 1 2 2v12a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2zm0 6h16"
 }), 'ViewStream');
-export const GridTripleDotsVerticalIcon = createSvgIcon( /*#__PURE__*/_jsxs(React.Fragment, {
+export const GridTripleDotsVerticalIcon = createSvgIcon(/*#__PURE__*/_jsxs(React.Fragment, {
   children: [/*#__PURE__*/_jsx("circle", {
     cx: "12",
     cy: "12",
@@ -187,7 +187,7 @@ export const GridTripleDotsVerticalIcon = createSvgIcon( /*#__PURE__*/_jsxs(Reac
     r: "1"
   })]
 }), 'TripleDotsVertical');
-export const GridCloseIcon = createSvgIcon( /*#__PURE__*/_jsxs(React.Fragment, {
+export const GridCloseIcon = createSvgIcon(/*#__PURE__*/_jsxs(React.Fragment, {
   children: [/*#__PURE__*/_jsx("circle", {
     cx: "12",
     cy: "12",
@@ -204,7 +204,7 @@ export const GridCloseIcon = createSvgIcon( /*#__PURE__*/_jsxs(React.Fragment, {
     y2: "15"
   })]
 }), 'Close');
-export const GridAddIcon = createSvgIcon( /*#__PURE__*/_jsxs(React.Fragment, {
+export const GridAddIcon = createSvgIcon(/*#__PURE__*/_jsxs(React.Fragment, {
   children: [/*#__PURE__*/_jsx("circle", {
     cx: "12",
     cy: "12",
@@ -221,7 +221,7 @@ export const GridAddIcon = createSvgIcon( /*#__PURE__*/_jsxs(React.Fragment, {
     y2: "12"
   })]
 }), 'Add');
-export const GridRemoveIcon = createSvgIcon( /*#__PURE__*/_jsxs(React.Fragment, {
+export const GridRemoveIcon = createSvgIcon(/*#__PURE__*/_jsxs(React.Fragment, {
   children: [/*#__PURE__*/_jsx("circle", {
     cx: "12",
     cy: "12",
@@ -238,7 +238,7 @@ export const GridRemoveIcon = createSvgIcon( /*#__PURE__*/_jsxs(React.Fragment,
     y2: "15"
   })]
 }), 'Remove');
-export const GridLoadIcon = createSvgIcon( /*#__PURE__*/_jsxs(React.Fragment, {
+export const GridLoadIcon = createSvgIcon(/*#__PURE__*/_jsxs(React.Fragment, {
   children: [/*#__PURE__*/_jsx("path", {
     d: "M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4"
   }), /*#__PURE__*/_jsx("polyline", {
@@ -250,7 +250,7 @@ export const GridLoadIcon = createSvgIcon( /*#__PURE__*/_jsxs(React.Fragment, {
     y2: "3"
   })]
 }), 'Load');
-export const GridDragIcon = createSvgIcon( /*#__PURE__*/_jsxs(React.Fragment, {
+export const GridDragIcon = createSvgIcon(/*#__PURE__*/_jsxs(React.Fragment, {
   children: [/*#__PURE__*/_jsx("circle", {
     cx: "9",
     cy: "12",
@@ -277,7 +277,7 @@ export const GridDragIcon = createSvgIcon( /*#__PURE__*/_jsxs(React.Fragment, {
     r: "1"
   })]
 }), 'Drag');
-export const GridSaveAltIcon = createSvgIcon( /*#__PURE__*/_jsxs(React.Fragment, {
+export const GridSaveAltIcon = createSvgIcon(/*#__PURE__*/_jsxs(React.Fragment, {
   children: [/*#__PURE__*/_jsx("path", {
     d: "M14.5 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V7.5L14.5 2z"
   }), /*#__PURE__*/_jsx("polyline", {
@@ -288,10 +288,10 @@ export const GridSaveAltIcon = createSvgIcon( /*#__PURE__*/_jsxs(React.Fragment,
     d: "m15 15-3-3-3 3"
   })]
 }), 'SaveAlt');
-export const GridCheckIcon = createSvgIcon( /*#__PURE__*/_jsx("polyline", {
+export const GridCheckIcon = createSvgIcon(/*#__PURE__*/_jsx("polyline", {
   points: "20 6 9 17 4 12"
 }), 'Check');
-export const GridMoreVertIcon = createSvgIcon( /*#__PURE__*/_jsxs(React.Fragment, {
+export const GridMoreVertIcon = createSvgIcon(/*#__PURE__*/_jsxs(React.Fragment, {
   children: [/*#__PURE__*/_jsx("circle", {
     cx: "12",
     cy: "12",
@@ -306,7 +306,7 @@ export const GridMoreVertIcon = createSvgIcon( /*#__PURE__*/_jsxs(React.Fragment
     r: "1"
   })]
 }), 'MoreVert');
-export const GridVisibilityOffIcon = createSvgIcon( /*#__PURE__*/_jsxs(React.Fragment, {
+export const GridVisibilityOffIcon = createSvgIcon(/*#__PURE__*/_jsxs(React.Fragment, {
   children: [/*#__PURE__*/_jsx("path", {
     d: "M9.88 9.88a3 3 0 1 0 4.24 4.24"
   }), /*#__PURE__*/_jsx("path", {
@@ -320,7 +320,7 @@ export const GridVisibilityOffIcon = createSvgIcon( /*#__PURE__*/_jsxs(React.Fra
     y2: "22"
   })]
 }), 'VisibilityOff');
-export const GridViewColumnIcon = createSvgIcon( /*#__PURE__*/_jsxs(React.Fragment, {
+export const GridViewColumnIcon = createSvgIcon(/*#__PURE__*/_jsxs(React.Fragment, {
   children: [/*#__PURE__*/_jsx("rect", {
     width: "6",
     height: "20",
@@ -335,7 +335,7 @@ export const GridViewColumnIcon = createSvgIcon( /*#__PURE__*/_jsxs(React.Fragme
     rx: "2"
   })]
 }), 'ViewColumn');
-export const GridClearIcon = createSvgIcon( /*#__PURE__*/_jsxs(React.Fragment, {
+export const GridClearIcon = createSvgIcon(/*#__PURE__*/_jsxs(React.Fragment, {
   children: [/*#__PURE__*/_jsx("path", {
     d: "m7 21-4.3-4.3c-1-1-1-2.5 0-3.4l9.6-9.6c1-1 2.5-1 3.4 0l5.6 5.6c1 1 1 2.5 0 3.4L13 21"
   }), /*#__PURE__*/_jsx("path", {
@@ -344,7 +344,7 @@ export const GridClearIcon = createSvgIcon( /*#__PURE__*/_jsxs(React.Fragment, {
     d: "m5 11 9 9"
   })]
 }), 'Clear');
-export const GridDeleteIcon = createSvgIcon( /*#__PURE__*/_jsxs(React.Fragment, {
+export const GridDeleteIcon = createSvgIcon(/*#__PURE__*/_jsxs(React.Fragment, {
   children: [/*#__PURE__*/_jsx("path", {
     d: "M3 6h18"
   }), /*#__PURE__*/_jsx("path", {
@@ -363,7 +363,7 @@ export const GridDeleteIcon = createSvgIcon( /*#__PURE__*/_jsxs(React.Fragment,
     y2: "17"
   })]
 }), 'Delete');
-export const GridDeleteForeverIcon = createSvgIcon( /*#__PURE__*/_jsxs(React.Fragment, {
+export const GridDeleteForeverIcon = createSvgIcon(/*#__PURE__*/_jsxs(React.Fragment, {
   children: [/*#__PURE__*/_jsx("path", {
     d: "M3 6h18"
   }), /*#__PURE__*/_jsx("path", {

package/modern/joy/index.js

@@ -1,2 +1,2 @@
-import joySlots from './joySlots';
+import joySlots from "./joySlots.js";
 export { joySlots as unstable_joySlots };

package/modern/joy/joySlots.js

@@ -21,11 +21,11 @@ import JoyTypography from '@mui/joy/Typography';
 import JoyCircularProgress from '@mui/joy/CircularProgress';
 import JoyTooltip from '@mui/joy/Tooltip';
 import { unstable_useForkRef as useForkRef } from '@mui/utils';
-import joyIconSlots, { GridKeyboardArrowRight, GridKeyboardArrowLeft } from './icons';
-import { useGridApiContext } from '../hooks/utils/useGridApiContext';
-import { useGridRootProps } from '../hooks/utils/useGridRootProps';
-import { gridFilteredTopLevelRowCountSelector, gridPaginationModelSelector } from '../hooks';
-import { GridOverlay } from '../components/containers/GridOverlay';
+import joyIconSlots, { GridKeyboardArrowRight, GridKeyboardArrowLeft } from "./icons.js";
+import { useGridApiContext } from "../hooks/utils/useGridApiContext.js";
+import { useGridRootProps } from "../hooks/utils/useGridRootProps.js";
+import { gridFilteredTopLevelRowCountSelector, gridPaginationModelSelector } from "../hooks/index.js";
+import { GridOverlay } from "../components/containers/GridOverlay.js";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 function convertColor(color) {
   if (color === 'secondary') {

package/modern/locales/arSD.js

@@ -1,5 +1,5 @@
 import { arSD as arSDCore } from '@mui/material/locale';
-import { getGridLocalization } from '../utils/getGridLocalization';
+import { getGridLocalization } from "../utils/getGridLocalization.js";
 const arSDGrid = {
   // Root
   noRowsLabel: 'لا توجد صفوف',

package/modern/locales/beBY.js

@@ -1,5 +1,5 @@
-import { beBYCore } from './coreLocales';
-import { getGridLocalization } from '../utils/getGridLocalization';
+import { beBYCore } from "./coreLocales.js";
+import { getGridLocalization } from "../utils/getGridLocalization.js";
 const getPluralForm = (count, options) => {
   let pluralForm = options.many;
   const lastDigit = count % 10;

package/modern/locales/bgBG.js

@@ -1,5 +1,5 @@
 import { bgBG as bgBGCore } from '@mui/material/locale';
-import { getGridLocalization } from '../utils/getGridLocalization';
+import { getGridLocalization } from "../utils/getGridLocalization.js";
 const bgBGGrid = {
   // Root
   noRowsLabel: 'Няма редове',

package/modern/locales/csCZ.js

@@ -1,5 +1,5 @@
 import { csCZ as csCZCore } from '@mui/material/locale';
-import { getGridLocalization } from '../utils/getGridLocalization';
+import { getGridLocalization } from "../utils/getGridLocalization.js";
 const csCZGrid = {
   // Root
   noRowsLabel: 'Žádné záznamy',

package/modern/locales/daDK.js

@@ -1,5 +1,5 @@
 import { daDK as daDKCore } from '@mui/material/locale';
-import { getGridLocalization } from '../utils/getGridLocalization';
+import { getGridLocalization } from "../utils/getGridLocalization.js";
 const daDKGrid = {
   // Root
   noRowsLabel: 'Ingen rækker',

package/modern/locales/deDE.js

@@ -1,5 +1,5 @@
 import { deDE as deDECore } from '@mui/material/locale';
-import { getGridLocalization } from '../utils/getGridLocalization';
+import { getGridLocalization } from "../utils/getGridLocalization.js";
 const deDEGrid = {
   // Root
   noRowsLabel: 'Keine Einträge',

package/modern/locales/elGR.js

@@ -1,5 +1,5 @@
 import { elGR as elGRCore } from '@mui/material/locale';
-import { getGridLocalization } from '../utils/getGridLocalization';
+import { getGridLocalization } from "../utils/getGridLocalization.js";
 const elGRGrid = {
   // Root
   noRowsLabel: 'Δεν υπάρχουν καταχωρήσεις',

package/modern/locales/enUS.js

@@ -1,4 +1,4 @@
 import { enUS as enUSCore } from '@mui/material/locale';
-import { getGridLocalization } from '../utils/getGridLocalization';
-import { GRID_DEFAULT_LOCALE_TEXT } from '../constants/localeTextConstants';
+import { getGridLocalization } from "../utils/getGridLocalization.js";
+import { GRID_DEFAULT_LOCALE_TEXT } from "../constants/localeTextConstants.js";
 export const enUS = getGridLocalization(GRID_DEFAULT_LOCALE_TEXT, enUSCore);

package/modern/locales/esES.js

@@ -1,5 +1,5 @@
 import { esES as esESCore } from '@mui/material/locale';
-import { getGridLocalization } from '../utils/getGridLocalization';
+import { getGridLocalization } from "../utils/getGridLocalization.js";
 const esESGrid = {
   // Root
   noRowsLabel: 'Sin filas',

package/modern/locales/faIR.js

@@ -1,5 +1,5 @@
 import { faIR as faIRCore } from '@mui/material/locale';
-import { getGridLocalization } from '../utils/getGridLocalization';
+import { getGridLocalization } from "../utils/getGridLocalization.js";
 const faIRGrid = {
   // Root
   noRowsLabel: 'بدون سطر',

package/modern/locales/fiFI.js

@@ -1,5 +1,5 @@
 import { fiFI as fiFICore } from '@mui/material/locale';
-import { getGridLocalization } from '../utils/getGridLocalization';
+import { getGridLocalization } from "../utils/getGridLocalization.js";
 const fiFIGrid = {
   // Root
   noRowsLabel: 'Ei rivejä',

package/modern/locales/frFR.js

@@ -1,5 +1,5 @@
 import { frFR as frFRCore } from '@mui/material/locale';
-import { getGridLocalization } from '../utils/getGridLocalization';
+import { getGridLocalization } from "../utils/getGridLocalization.js";
 const frFRGrid = {
   // Root
   noRowsLabel: 'Pas de résultats',
@@ -33,8 +33,7 @@ const frFRGrid = {
   columnsManagementSearchTitle: 'Rechercher',
   columnsManagementNoColumns: 'Pas de colonnes',
   columnsManagementShowHideAllText: 'Afficher/masquer toutes',
-  // columnsManagementReset: 'Reset',
-
+  columnsManagementReset: 'Réinitialiser',
   // Filter panel text
   filterPanelAddFilter: 'Ajouter un filtre',
   filterPanelRemoveAll: 'Tout supprimer',

package/modern/locales/heIL.js

@@ -1,5 +1,5 @@
 import { heIL as heILCore } from '@mui/material/locale';
-import { getGridLocalization } from '../utils/getGridLocalization';
+import { getGridLocalization } from "../utils/getGridLocalization.js";
 const heILGrid = {
   // Root
   noRowsLabel: 'אין שורות',

package/modern/locales/hrHR.js

@@ -1,5 +1,5 @@
 import { hrHR as hrHRCore } from '@mui/material/locale';
-import { getGridLocalization } from '../utils/getGridLocalization';
+import { getGridLocalization } from "../utils/getGridLocalization.js";
 const hrHRGrid = {
   // Root
   noRowsLabel: 'Nema redova',

package/modern/locales/huHU.js

@@ -1,5 +1,5 @@
 import { huHU as huHUCore } from '@mui/material/locale';
-import { getGridLocalization } from '../utils/getGridLocalization';
+import { getGridLocalization } from "../utils/getGridLocalization.js";
 const huHUGrid = {
   // Root
   noRowsLabel: 'Nincsenek sorok',