@mui/x-data-grid 8.0.0-alpha.12 → 8.0.0-alpha.14

package/modern/hooks/features/rows/useGridRows.js

@@ -16,7 +16,7 @@ import { getTreeNodeDescendants, createRowsInternalCache, getRowsStateFromCache,
 import { useGridRegisterPipeApplier } from "../../core/pipeProcessing/index.js";
 import { GridStrategyGroup } from "../../core/strategyProcessing/index.js";
 export const rowsStateInitializer = (state, props, apiRef) => {
-  const isDataSourceAvailable = !!props.unstable_dataSource;
+  const isDataSourceAvailable = !!props.dataSource;
   apiRef.current.caches.rows = createRowsInternalCache({
     rows: isDataSourceAvailable ? [] : props.rows,
     getRowId: props.getRowId,
@@ -356,16 +356,16 @@ export const useGridRows = (apiRef, props) => {
       throttle: false
     });
   }, [logger, apiRef, props.rows, props.getRowId, props.loading, props.rowCount, throttledRowsChange]);
-  const previousDataSource = useLazyRef(() => props.unstable_dataSource);
+  const previousDataSource = useLazyRef(() => props.dataSource);
   const handleStrategyProcessorChange = React.useCallback(methodName => {
-    if (props.unstable_dataSource && props.unstable_dataSource !== previousDataSource.current) {
-      previousDataSource.current = props.unstable_dataSource;
+    if (props.dataSource && props.dataSource !== previousDataSource.current) {
+      previousDataSource.current = props.dataSource;
       return;
     }
     if (methodName === 'rowTreeCreation') {
       groupRows();
     }
-  }, [groupRows, previousDataSource, props.unstable_dataSource]);
+  }, [groupRows, previousDataSource, props.dataSource]);
   const handleStrategyActivityChange = React.useCallback(() => {
     // `rowTreeCreation` is the only processor ran when `strategyAvailabilityChange` is fired.
     // All the other processors listen to `rowsSet` which will be published by the `groupRows` method below.
@@ -416,7 +416,7 @@ export const useGridRows = (apiRef, props) => {
       isRowCountPropUpdated = true;
       lastRowCount.current = props.rowCount;
     }
-    const currentRows = props.unstable_dataSource ? Array.from(apiRef.current.getRowModels().values()) : props.rows;
+    const currentRows = props.dataSource ? Array.from(apiRef.current.getRowModels().values()) : props.rows;
     const areNewRowsAlreadyInState = apiRef.current.caches.rows.rowsBeforePartialUpdates === currentRows;
     const isNewLoadingAlreadyInState = apiRef.current.caches.rows.loadingPropBeforePartialUpdates === props.loading;
     const isNewRowCountAlreadyInState = apiRef.current.caches.rows.rowCountPropBeforePartialUpdates === props.rowCount;
@@ -455,5 +455,5 @@ export const useGridRows = (apiRef, props) => {
       }),
       throttle: false
     });
-  }, [props.rows, props.rowCount, props.getRowId, props.loading, props.unstable_dataSource, logger, throttledRowsChange, apiRef]);
+  }, [props.rows, props.rowCount, props.getRowId, props.loading, props.dataSource, logger, throttledRowsChange, apiRef]);
 };

package/modern/hooks/features/rows/useGridRowsMeta.js

@@ -13,6 +13,7 @@ import { useGridRegisterPipeApplier } from "../../core/pipeProcessing/index.js";
 import { gridPinnedRowsSelector, gridRowCountSelector } from "./gridRowsSelector.js";
 import { gridDimensionsSelector, gridRowHeightSelector } from "../dimensions/gridDimensionsSelectors.js";
 import { getValidRowHeight, getRowHeightWarning } from "./gridRowsUtils.js";
+import { gridFocusedVirtualCellSelector } from "../virtualization/gridFocusedVirtualCellSelector.js";
 /* eslint-disable no-underscore-dangle */
 
 export const rowsMetaStateInitializer = (state, props, apiRef) => {
@@ -183,6 +184,13 @@ export const useGridRowsMeta = (apiRef, props) => {
       const entry = entries[i];
       const height = entry.borderBoxSize && entry.borderBoxSize.length > 0 ? entry.borderBoxSize[0].blockSize : entry.contentRect.height;
       const rowId = entry.target.__mui_id;
+      const focusedVirtualRowId = gridFocusedVirtualCellSelector(apiRef)?.id;
+      if (focusedVirtualRowId === rowId && height === 0) {
+        // Focused virtual row has 0 height.
+        // We don't want to store it to avoid scroll jumping.
+        // https://github.com/mui/mui-x/issues/14726
+        return;
+      }
       apiRef.current.unstable_storeRowHeightMeasurement(rowId, height);
     }
     if (!isHeightMetaValid.current) {

package/modern/hooks/features/virtualization/useGridVirtualScroller.d.ts

@@ -33,7 +33,6 @@ export declare const useGridVirtualScroller: () => {
   };
   getScrollbarVerticalProps: () => {
     ref: React.RefObject<HTMLDivElement | null>;
-    role: string;
     scrollPosition: React.RefObject<{
       top: number;
       left: number;
@@ -41,7 +40,6 @@ export declare const useGridVirtualScroller: () => {
   };
   getScrollbarHorizontalProps: () => {
     ref: React.RefObject<HTMLDivElement | null>;
-    role: string;
     scrollPosition: React.RefObject<{
       top: number;
       left: number;

package/modern/hooks/features/virtualization/useGridVirtualScroller.js

@@ -1,7 +1,8 @@
 import _extends from "@babel/runtime/helpers/esm/extends";
 import * as React from 'react';
 import * as ReactDOM from 'react-dom';
-import { unstable_useEnhancedEffect as useEnhancedEffect, unstable_useEventCallback as useEventCallback } from '@mui/utils';
+import useEventCallback from '@mui/utils/useEventCallback';
+import useEnhancedEffect from '@mui/utils/useEnhancedEffect';
 import useLazyRef from '@mui/utils/useLazyRef';
 import useTimeout from '@mui/utils/useTimeout';
 import { useRtl } from '@mui/system/RtlProvider';
@@ -17,7 +18,6 @@ import { useGridVisibleRows, getVisibleRows } from "../../utils/useGridVisibleRo
 import { useGridApiOptionHandler } from "../../utils/index.js";
 import * as platform from "../../../utils/platform.js";
 import { clamp, range } from "../../../utils/utils.js";
-import { selectedIdsLookupSelector } from "../rowSelection/gridRowSelectionSelector.js";
 import { gridRowsMetaSelector } from "../rows/gridRowsMetaSelector.js";
 import { getFirstNonSpannedColumnToRender } from "../columns/gridColumnsUtils.js";
 import { gridRenderContextSelector, gridVirtualizationRowEnabledSelector, gridVirtualizationColumnEnabledSelector } from "./gridVirtualizationSelectors.js";
@@ -29,6 +29,7 @@ import { EMPTY_PINNED_COLUMN_FIELDS } from "../columns/index.js";
 import { gridFocusedVirtualCellSelector } from "./gridFocusedVirtualCellSelector.js";
 import { roundToDecimalPlaces } from "../../../utils/roundToDecimalPlaces.js";
 import { isJSDOM } from "../../../utils/isJSDOM.js";
+import { gridRowSelectionManagerSelector } from "../rowSelection/index.js";
 import { jsx as _jsx } from "react/jsx-runtime";
 const MINIMUM_COLUMN_WIDTH = 50;
 var ScrollDirection = /*#__PURE__*/function (ScrollDirection) {
@@ -63,7 +64,7 @@ export const useGridVirtualScroller = () => {
   const hasBottomPinnedRows = pinnedRows.bottom.length > 0;
   const [panels, setPanels] = React.useState(EMPTY_DETAIL_PANELS);
   const isRtl = useRtl();
-  const selectedRowsLookup = useGridSelector(apiRef, selectedIdsLookupSelector);
+  const rowSelectionManager = useGridSelector(apiRef, gridRowSelectionManagerSelector);
   const currentPage = useGridVisibleRows(apiRef);
   const mainRef = apiRef.current.mainElementRef;
   const scrollerRef = apiRef.current.virtualScrollerRef;
@@ -333,12 +334,7 @@ export const useGridVirtualScroller = () => {
         }
       }
       const baseRowHeight = !apiRef.current.rowHasAutoHeight(id) ? apiRef.current.unstable_getRowHeight(id) : 'auto';
-      let isSelected;
-      if (selectedRowsLookup[id] == null) {
-        isSelected = false;
-      } else {
-        isSelected = apiRef.current.isRowSelectable(id);
-      }
+      const isSelected = rowSelectionManager.has(id) && apiRef.current.isRowSelectable(id);
       let isFirstVisible = false;
       if (params.position === undefined) {
         isFirstVisible = rowIndexInPage === 0;
@@ -524,12 +520,10 @@ export const useGridVirtualScroller = () => {
     }),
     getScrollbarVerticalProps: () => ({
       ref: scrollbarVerticalRef,
-      role: 'presentation',
       scrollPosition
     }),
     getScrollbarHorizontalProps: () => ({
       ref: scrollbarHorizontalRef,
-      role: 'presentation',
       scrollPosition
     }),
     getScrollAreaProps: () => ({

package/modern/hooks/utils/index.d.ts

@@ -5,4 +5,5 @@ export { useGridSelector } from "./useGridSelector.js";
 export * from "./useGridNativeEventListener.js";
 export * from "./useFirstRender.js";
 export * from "./useOnMount.js";
-export * from "./useRunOnce.js";
+export * from "./useRunOnce.js";
+export type { RenderProp } from './useGridComponentRenderer';

package/modern/hooks/utils/useGridComponentRenderer.d.ts

@@ -0,0 +1,12 @@
+import * as React from 'react';
+export type RenderProp<Props, State = {}> = ((props: Props, state: State) => React.ReactElement<unknown>) | React.ReactElement<Props>;
+/**
+ * Resolves the rendering logic for a component.
+ * Handles three scenarios:
+ * 1. A render function that receives props and state
+ * 2. A React element
+ * 3. A default element
+ *
+ * @ignore - internal hook.
+ */
+export declare function useGridComponentRenderer<Props extends React.HTMLAttributes<any>, State extends Record<string, any>>(defaultElement: keyof React.JSX.IntrinsicElements | React.ComponentType<Props>, render: RenderProp<Props, State> | undefined, props: Props, state?: State): React.ReactElement<unknown, string | React.JSXElementConstructor<any>>;

package/modern/hooks/utils/useGridComponentRenderer.js

@@ -0,0 +1,36 @@
+import _extends from "@babel/runtime/helpers/esm/extends";
+import * as React from 'react';
+import clsx from 'clsx';
+/**
+ * Resolves the rendering logic for a component.
+ * Handles three scenarios:
+ * 1. A render function that receives props and state
+ * 2. A React element
+ * 3. A default element
+ *
+ * @ignore - internal hook.
+ */
+export function useGridComponentRenderer(defaultElement, render, props, state = {}) {
+  if (typeof render === 'function') {
+    return render(props, state);
+  }
+  if (render) {
+    if (render.props.className) {
+      props.className = clsx(render.props.className, props.className);
+    }
+    if (render.props.style || props.style) {
+      props.style = _extends({}, props.style, render.props.style);
+    }
+    if (render.props.sx || props.sx) {
+      props.sx = mergeSx(props.sx, render.props.sx);
+    }
+    return /*#__PURE__*/React.cloneElement(render, props);
+  }
+  return /*#__PURE__*/React.createElement(defaultElement, props);
+}
+function mergeSx(sx1, sx2) {
+  if (!sx1 || !sx2) {
+    return sx1 || sx2;
+  }
+  return (Array.isArray(sx1) ? sx1 : [sx1]).concat(Array.isArray(sx2) ? sx2 : [sx2]);
+}

package/modern/hooks/utils/useGridSelector.js

@@ -1,7 +1,10 @@
 import * as React from 'react';
 import { fastObjectShallowCompare } from '@mui/x-internals/fastObjectShallowCompare';
 import { warnOnce } from '@mui/x-internals/warning';
-import { useSyncExternalStore } from 'use-sync-external-store/shim';
+// use-sync-external-store has no exports field defined
+// See https://github.com/facebook/react/issues/30698
+// eslint-disable-next-line import/extensions
+import { useSyncExternalStore } from 'use-sync-external-store/shim/index.js';
 import { useLazyRef } from "./useLazyRef.js";
 const defaultCompare = Object.is;
 export const objectShallowCompare = fastObjectShallowCompare;

package/modern/hooks/utils/useIsSSR.js

@@ -1,4 +1,7 @@
-import { useSyncExternalStore } from 'use-sync-external-store/shim';
+// use-sync-external-store has no exports field defined
+// See https://github.com/facebook/react/issues/30698
+// eslint-disable-next-line import/extensions
+import { useSyncExternalStore } from 'use-sync-external-store/shim/index.js';
 const emptySubscribe = () => () => {};
 const clientSnapshot = () => false;
 const serverSnapshot = () => true;

package/modern/index.js

@@ -1,5 +1,5 @@
 /**
- * @mui/x-data-grid v8.0.0-alpha.12
+ * @mui/x-data-grid v8.0.0-alpha.14
  *
  * @license MIT
  * This source code is licensed under the MIT license found in the

package/modern/internals/demo/TailwindDemoContainer.d.ts

@@ -0,0 +1,11 @@
+import * as React from 'react';
+interface TailwindDemoContainerProps {
+  children: React.ReactNode;
+  documentBody?: HTMLElement;
+}
+/**
+ * WARNING: This is an internal component used in documentation to inject the Tailwind script.
+ * Please do not use it in your application.
+ */
+export declare function TailwindDemoContainer(props: TailwindDemoContainerProps): string | number | bigint | boolean | Iterable<React.ReactNode> | Promise<string | number | bigint | boolean | React.ReactElement<unknown, string | React.JSXElementConstructor<any>> | React.ReactPortal | Iterable<React.ReactNode> | null | undefined> | React.JSX.Element | null | undefined;
+export {};

package/modern/internals/demo/TailwindDemoContainer.js

@@ -0,0 +1,55 @@
+import * as React from 'react';
+import Box from '@mui/material/Box';
+import CircularProgress from '@mui/material/CircularProgress';
+import { jsx as _jsx } from "react/jsx-runtime";
+/**
+ * WARNING: This is an internal component used in documentation to inject the Tailwind script.
+ * Please do not use it in your application.
+ */
+export function TailwindDemoContainer(props) {
+  const {
+    children,
+    documentBody
+  } = props;
+  const [isLoaded, setIsLoaded] = React.useState(false);
+  React.useEffect(() => {
+    const body = documentBody ?? document.body;
+    const script = document.createElement('script');
+    script.src = 'https://unpkg.com/@tailwindcss/browser@4';
+    let mounted = true;
+    const cleanup = () => {
+      mounted = false;
+      script.remove();
+      const head = body?.ownerDocument?.head;
+      if (!head) {
+        return;
+      }
+      const styles = head.querySelectorAll('style:not([data-emotion])');
+      styles.forEach(style => {
+        const styleText = style.textContent?.substring(0, 100);
+        const isTailwindStylesheet = styleText?.includes('tailwind');
+        if (isTailwindStylesheet) {
+          style.remove();
+        }
+      });
+    };
+    script.onload = () => {
+      if (!mounted) {
+        cleanup();
+        return;
+      }
+      setIsLoaded(true);
+    };
+    body.appendChild(script);
+    return cleanup;
+  }, [documentBody]);
+  return isLoaded ? children : /*#__PURE__*/_jsx(Box, {
+    sx: {
+      display: 'flex',
+      justifyContent: 'center',
+      alignItems: 'center',
+      height: '100%'
+    },
+    children: /*#__PURE__*/_jsx(CircularProgress, {})
+  });
+}

package/modern/internals/demo/index.d.ts

@@ -0,0 +1 @@
+export { TailwindDemoContainer } from "./TailwindDemoContainer.js";

package/modern/internals/demo/index.js

@@ -0,0 +1 @@
+export { TailwindDemoContainer } from "./TailwindDemoContainer.js";

package/modern/internals/index.d.ts

@@ -5,9 +5,12 @@ export { GridVirtualScrollerRenderZone } from "../components/virtualization/Grid
 export type { GridDetailPanelsProps } from '../components/GridDetailPanels';
 export type { GridPinnedRowsProps } from '../components/GridPinnedRows';
 export { GridHeaders } from "../components/GridHeaders.js";
+export { GridToolbar } from "../components/toolbarV8/GridToolbar.js";
+export type { GridToolbarProps } from '../components/toolbarV8/GridToolbar';
 export { GridBaseColumnHeaders } from "../components/columnHeaders/GridBaseColumnHeaders.js";
 export { DATA_GRID_DEFAULT_SLOTS_COMPONENTS } from "../constants/defaultGridSlotsComponents.js";
 export * from "../constants/signature.js";
+export { vars } from "../constants/cssVariables.js";
 export { propsStateInitializer } from "../hooks/core/useGridProps.js";
 export { getGridFilter } from "../components/panel/filterPanel/GridFilterPanel.js";
 export { getValueOptions } from "../components/panel/filterPanel/filterPanelUtils.js";
@@ -54,7 +57,7 @@ export type { GridRowTreeCreationParams, GridRowTreeCreationValue, GridHydrateRo
 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 { getRowIdFromRowModel, GRID_ID_AUTOGENERATED, getRowValue } from "../hooks/features/rows/gridRowsUtils.js";
 export { gridAdditionalRowGroupsSelector, gridPinnedRowsSelector, gridRowSelector } from "../hooks/features/rows/gridRowsSelector.js";
 export { headerFilteringStateInitializer, useGridHeaderFiltering } from "../hooks/features/headerFiltering/useGridHeaderFiltering.js";
 export { useGridRowSelection, rowSelectionStateInitializer } from "../hooks/features/rowSelection/useGridRowSelection.js";
@@ -73,6 +76,7 @@ export * from "../hooks/features/virtualization/index.js";
 export { useGridColumnResize, columnResizeStateInitializer } from "../hooks/features/columnResize/useGridColumnResize.js";
 export { ROW_SELECTION_PROPAGATION_DEFAULT } from "../hooks/features/rowSelection/utils.js";
 export { useGridListView, listViewStateInitializer } from "../hooks/features/listView/useGridListView.js";
+export { useGridComponentRenderer } from "../hooks/utils/useGridComponentRenderer.js";
 export { useTimeout } from "../hooks/utils/useTimeout.js";
 export { useGridVisibleRows, getVisibleRows } from "../hooks/utils/useGridVisibleRows.js";
 export { useGridInitializeState } from "../hooks/utils/useGridInitializeState.js";
@@ -104,4 +108,5 @@ export { serializeCellValue } from "../hooks/features/export/serializers/csvSeri
 export * from "./utils/index.js";
 export * from "./constants.js";
 export type { Localization } from '../utils/getGridLocalization';
+export * from "./demo/index.js";
 export { GridSkeletonLoadingOverlayInner } from "../components/GridSkeletonLoadingOverlay.js";

package/modern/internals/index.js

@@ -2,9 +2,11 @@ export { GridVirtualScroller } from "../components/virtualization/GridVirtualScr
 export { GridVirtualScrollerContent } from "../components/virtualization/GridVirtualScrollerContent.js";
 export { GridVirtualScrollerRenderZone } from "../components/virtualization/GridVirtualScrollerRenderZone.js";
 export { GridHeaders } from "../components/GridHeaders.js";
+export { GridToolbar } from "../components/toolbarV8/GridToolbar.js";
 export { GridBaseColumnHeaders } from "../components/columnHeaders/GridBaseColumnHeaders.js";
 export { DATA_GRID_DEFAULT_SLOTS_COMPONENTS } from "../constants/defaultGridSlotsComponents.js";
 export * from "../constants/signature.js";
+export { vars } from "../constants/cssVariables.js";
 export { propsStateInitializer } from "../hooks/core/useGridProps.js";
 export { getGridFilter } from "../components/panel/filterPanel/GridFilterPanel.js";
 export { getValueOptions } from "../components/panel/filterPanel/filterPanelUtils.js";
@@ -43,7 +45,7 @@ export { useGridRowsPreProcessors } from "../hooks/features/rows/useGridRowsPreP
 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 { getRowIdFromRowModel, GRID_ID_AUTOGENERATED, getRowValue } from "../hooks/features/rows/gridRowsUtils.js";
 export { gridAdditionalRowGroupsSelector, gridPinnedRowsSelector, gridRowSelector } from "../hooks/features/rows/gridRowsSelector.js";
 export { headerFilteringStateInitializer, useGridHeaderFiltering } from "../hooks/features/headerFiltering/useGridHeaderFiltering.js";
 export { useGridRowSelection, rowSelectionStateInitializer } from "../hooks/features/rowSelection/useGridRowSelection.js";
@@ -60,6 +62,7 @@ export * from "../hooks/features/virtualization/index.js";
 export { useGridColumnResize, columnResizeStateInitializer } from "../hooks/features/columnResize/useGridColumnResize.js";
 export { ROW_SELECTION_PROPAGATION_DEFAULT } from "../hooks/features/rowSelection/utils.js";
 export { useGridListView, listViewStateInitializer } from "../hooks/features/listView/useGridListView.js";
+export { useGridComponentRenderer } from "../hooks/utils/useGridComponentRenderer.js";
 export { useTimeout } from "../hooks/utils/useTimeout.js";
 export { useGridVisibleRows, getVisibleRows } from "../hooks/utils/useGridVisibleRows.js";
 export { useGridInitializeState } from "../hooks/utils/useGridInitializeState.js";
@@ -83,4 +86,5 @@ export * from "../hooks/utils/index.js";
 export { serializeCellValue } from "../hooks/features/export/serializers/csvSerializer.js";
 export * from "./utils/index.js";
 export * from "./constants.js";
+export * from "./demo/index.js";
 export { GridSkeletonLoadingOverlayInner } from "../components/GridSkeletonLoadingOverlay.js";

package/modern/internals/utils/propValidation.js

@@ -1,7 +1,7 @@
 import { warnOnce } from '@mui/x-internals/warning';
 import { isNumber } from "../../utils/utils.js";
 import { GridSignature } from "../../constants/signature.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 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.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 => {
     const message = validator(props);

package/modern/locales/bnBD.d.ts

@@ -0,0 +1,2 @@
+import { Localization } from "../utils/getGridLocalization.js";
+export declare const bnBD: Localization;

package/modern/locales/bnBD.js

@@ -0,0 +1,167 @@
+import { bnBD as bnBDCore } from '@mui/material/locale';
+import { getGridLocalization } from "../utils/getGridLocalization.js";
+const bnBDGrid = {
+  // Root
+  noRowsLabel: 'কোনো সারি নেই',
+  noResultsOverlayLabel: 'কোনো ফলাফল পাওয়া যায়নি।',
+  noColumnsOverlayLabel: 'কোনো কলাম নেই',
+  noColumnsOverlayManageColumns: 'কলাম পরিচালনা করুন',
+  // Density selector toolbar button text
+  toolbarDensity: 'ঘনত্ব',
+  toolbarDensityLabel: 'ঘনত্ব',
+  toolbarDensityCompact: 'সংকুচিত',
+  toolbarDensityStandard: 'মানক',
+  toolbarDensityComfortable: 'স্বাচ্ছন্দ্যদায়ক',
+  // Columns selector toolbar button text
+  toolbarColumns: 'কলাম',
+  toolbarColumnsLabel: 'কলাম নির্বাচন করুন',
+  // Filters toolbar button text
+  toolbarFilters: 'ফিল্টার',
+  toolbarFiltersLabel: 'ফিল্টার দেখান',
+  toolbarFiltersTooltipHide: 'ফিল্টার লুকান',
+  toolbarFiltersTooltipShow: 'ফিল্টার দেখান',
+  toolbarFiltersTooltipActive: count => count !== 1 ? `${count} টি সক্রিয় ফিল্টার` : `${count} টি সক্রিয় ফিল্টার`,
+  // Quick filter toolbar field
+  toolbarQuickFilterPlaceholder: 'অনুসন্ধান করুন…',
+  toolbarQuickFilterLabel: 'অনুসন্ধান',
+  toolbarQuickFilterDeleteIconLabel: 'পরিষ্কার করুন',
+  // Prompt toolbar field
+  toolbarPromptControlPlaceholder: 'একটি প্রম্পট লিখুন…',
+  toolbarPromptControlWithRecordingPlaceholder: 'লিখুন বা রেকর্ড করুন…',
+  toolbarPromptControlRecordingPlaceholder: 'শুনছে…',
+  toolbarPromptControlLabel: 'প্রম্পট ইনপুট',
+  toolbarPromptControlRecordButtonDefaultLabel: 'রেকর্ড',
+  toolbarPromptControlRecordButtonActiveLabel: 'রেকর্ড বন্ধ করুন',
+  toolbarPromptControlSendActionLabel: 'পাঠান',
+  toolbarPromptControlSendActionAriaLabel: 'প্রম্পট পাঠান',
+  toolbarPromptControlErrorMessage: 'অনুরোধ প্রক্রিয়াকরণে সমস্যা হয়েছে। অনুগ্রহ করে অন্য প্রম্পট দিয়ে আবার চেষ্টা করুন।',
+  // Export selector toolbar button text
+  toolbarExport: 'এক্সপোর্ট',
+  toolbarExportLabel: 'এক্সপোর্ট',
+  toolbarExportCSV: 'CSV হিসাবে ডাউনলোড করুন',
+  toolbarExportPrint: 'প্রিন্ট করুন',
+  toolbarExportExcel: 'Excel হিসাবে ডাউনলোড করুন',
+  // Columns management text
+  columnsManagementSearchTitle: 'অনুসন্ধান',
+  columnsManagementNoColumns: 'কোনো কলাম নেই',
+  columnsManagementShowHideAllText: 'সব দেখান/লুকান',
+  columnsManagementReset: 'রিসেট',
+  columnsManagementDeleteIconLabel: 'পরিষ্কার',
+  // Filter panel text
+  filterPanelAddFilter: 'ফিল্টার যোগ করুন',
+  filterPanelRemoveAll: 'সব সরান',
+  filterPanelDeleteIconLabel: 'মুছুন',
+  filterPanelLogicOperator: 'লজিক অপারেটর',
+  filterPanelOperator: 'অপারেটর',
+  filterPanelOperatorAnd: 'এবং',
+  filterPanelOperatorOr: 'অথবা',
+  filterPanelColumns: 'কলাম',
+  filterPanelInputLabel: 'মান',
+  filterPanelInputPlaceholder: 'ফিল্টার মান',
+  // Filter operators text
+  filterOperatorContains: 'অন্তর্ভুক্ত',
+  filterOperatorDoesNotContain: 'অন্তর্ভুক্ত নয়',
+  filterOperatorEquals: 'সমান',
+  filterOperatorDoesNotEqual: 'সমান নয়',
+  filterOperatorStartsWith: 'দিয়ে শুরু হয়',
+  filterOperatorEndsWith: 'দিয়ে শেষ হয়',
+  filterOperatorIs: 'হচ্ছে',
+  filterOperatorNot: 'হচ্ছে না',
+  filterOperatorAfter: 'পরবর্তী',
+  filterOperatorOnOrAfter: 'এই তারিখ বা পরবর্তী',
+  filterOperatorBefore: 'পূর্ববর্তী',
+  filterOperatorOnOrBefore: 'এই তারিখ বা পূর্ববর্তী',
+  filterOperatorIsEmpty: 'খালি',
+  filterOperatorIsNotEmpty: 'খালি নয়',
+  filterOperatorIsAnyOf: 'এর যেকোনো একটি',
+  'filterOperator=': '=',
+  'filterOperator!=': '!=',
+  'filterOperator>': '>',
+  'filterOperator>=': '>=',
+  'filterOperator<': '<',
+  'filterOperator<=': '<=',
+  // Header filter operators text
+  headerFilterOperatorContains: 'অন্তর্ভুক্ত',
+  headerFilterOperatorDoesNotContain: 'অন্তর্ভুক্ত নয়',
+  headerFilterOperatorEquals: 'সমান',
+  headerFilterOperatorDoesNotEqual: 'সমান নয়',
+  headerFilterOperatorStartsWith: 'দিয়ে শুরু হয়',
+  headerFilterOperatorEndsWith: 'দিয়ে শেষ হয়',
+  headerFilterOperatorIs: 'হচ্ছে',
+  headerFilterOperatorNot: 'হচ্ছে না',
+  headerFilterOperatorAfter: 'পরবর্তী',
+  headerFilterOperatorOnOrAfter: 'এই তারিখ বা পরবর্তী',
+  headerFilterOperatorBefore: 'পূর্ববর্তী',
+  headerFilterOperatorOnOrBefore: 'এই তারিখ বা পূর্ববর্তী',
+  headerFilterOperatorIsEmpty: 'খালি',
+  headerFilterOperatorIsNotEmpty: 'খালি নয়',
+  headerFilterOperatorIsAnyOf: 'এর যেকোনো একটি',
+  'headerFilterOperator=': 'সমান',
+  'headerFilterOperator!=': 'সমান নয়',
+  'headerFilterOperator>': 'বড়',
+  'headerFilterOperator>=': 'বড় বা সমান',
+  'headerFilterOperator<': 'ছোট',
+  'headerFilterOperator<=': 'ছোট বা সমান',
+  headerFilterClear: 'ফিল্টার মুছুন',
+  // Filter values text
+  filterValueAny: 'যেকোনো',
+  filterValueTrue: 'সত্য',
+  filterValueFalse: 'মিথ্যা',
+  // Column menu text
+  columnMenuLabel: 'মেনু',
+  columnMenuShowColumns: 'কলাম দেখান',
+  columnMenuManageColumns: 'কলাম পরিচালনা করুন',
+  columnMenuFilter: 'ফিল্টার',
+  columnMenuHideColumn: 'কলাম লুকান',
+  columnMenuUnsort: 'সাজানো বাতিল করুন',
+  columnMenuSortAsc: 'ASC অনুযায়ী সাজান',
+  columnMenuSortDesc: 'DESC অনুযায়ী সাজান',
+  // Column header text
+  columnHeaderFiltersTooltipActive: count => count !== 1 ? `${count} টি সক্রিয় ফিল্টার` : `${count} টি সক্রিয় ফিল্টার`,
+  columnHeaderFiltersLabel: 'ফিল্টার দেখান',
+  columnHeaderSortIconLabel: 'সাজান',
+  // Rows selected footer text
+  footerRowSelected: count => count !== 1 ? `${count.toLocaleString()} টি সারি নির্বাচিত` : `${count.toLocaleString()} টি সারি নির্বাচিত`,
+  // Total row amount footer text
+  footerTotalRows: 'মোট সারি:',
+  // Total visible row amount footer text
+  footerTotalVisibleRows: (visibleCount, totalCount) => `${visibleCount.toLocaleString()} of ${totalCount.toLocaleString()}`,
+  // Checkbox selection text
+  checkboxSelectionHeaderName: 'চেকবক্স নির্বাচন',
+  checkboxSelectionSelectAllRows: 'সব সারি নির্বাচন করুন',
+  checkboxSelectionUnselectAllRows: 'সব সারি নির্বাচন বাতিল করুন',
+  checkboxSelectionSelectRow: 'সারি নির্বাচন করুন',
+  checkboxSelectionUnselectRow: 'সারি নির্বাচন বাতিল করুন',
+  // Boolean cell text
+  booleanCellTrueLabel: 'হ্যাঁ',
+  booleanCellFalseLabel: 'না',
+  // Actions cell more text
+  actionsCellMore: 'আরও',
+  // Column pinning text
+  pinToLeft: 'বাঁ দিকে পিন করুন',
+  pinToRight: 'ডান দিকে পিন করুন',
+  unpin: 'আনপিন করুন',
+  // Tree Data
+  treeDataGroupingHeaderName: 'গ্রুপ',
+  // treeDataExpand: 'see children',
+  // treeDataCollapse: 'hide children',
+
+  // Grouping columns
+  groupingColumnHeaderName: 'গ্রুপ',
+  groupColumn: name => `${name} অনুসারে গ্রুপ করুন`,
+  unGroupColumn: name => `${name} অনুসারে গ্রুপ বন্ধ করুন`,
+  // Master/detail
+  detailPanelToggle: 'বিস্তারিত প্যানেল টগল করুন',
+  expandDetailPanel: 'সম্প্রসারিত করুন',
+  collapseDetailPanel: 'সংকুচিত করুন',
+  // Row reordering text
+  rowReorderingHeaderName: 'সারি পুনর্বিন্যাস',
+  // Aggregation
+  aggregationMenuItemHeader: 'সংকলন',
+  aggregationFunctionLabelSum: 'যোগফল',
+  aggregationFunctionLabelAvg: 'গড়',
+  aggregationFunctionLabelMin: 'সর্বনিম্ন',
+  aggregationFunctionLabelMax: 'সর্বোচ্চ',
+  aggregationFunctionLabelSize: 'মাপ'
+};
+export const bnBD = getGridLocalization(bnBDGrid, bnBDCore);

package/modern/locales/deDE.js

@@ -4,9 +4,8 @@ const deDEGrid = {
   // Root
   noRowsLabel: 'Keine Einträge',
   noResultsOverlayLabel: 'Keine Ergebnisse gefunden.',
-  // noColumnsOverlayLabel: 'No columns',
-  // noColumnsOverlayManageColumns: 'Manage columns',
-
+  noColumnsOverlayLabel: 'Keine Spalten',
+  noColumnsOverlayManageColumns: 'Spalten verwalten',
   // Density selector toolbar button text
   toolbarDensity: 'Zeilenhöhe',
   toolbarDensityLabel: 'Zeilenhöhe',
@@ -103,8 +102,7 @@ const deDEGrid = {
   'headerFilterOperator>=': 'Größer als oder gleich',
   'headerFilterOperator<': 'Kleiner als',
   'headerFilterOperator<=': 'Kleiner als oder gleich',
-  // headerFilterClear: 'Clear filter',
-
+  headerFilterClear: 'Filter löschen',
   // Filter values text
   filterValueAny: 'Beliebig',
   filterValueTrue: 'Ja',