@mui/x-data-grid 8.15.0 → 8.17.0

package/esm/components/panel/GridColumnsPanel.js

@@ -1,5 +1,4 @@
 import _extends from "@babel/runtime/helpers/esm/extends";
-import * as React from 'react';
 import { GridPanelWrapper } from "./GridPanelWrapper.js";
 import { useGridRootProps } from "../../hooks/utils/useGridRootProps.js";
 import { jsx as _jsx } from "react/jsx-runtime";

package/esm/components/panel/GridPanelContent.d.ts

@@ -2,7 +2,7 @@ import * as React from 'react';
 import { SxProps, Theme } from '@mui/system';
 declare function GridPanelContent(props: React.HTMLAttributes<HTMLDivElement> & {
   sx?: SxProps<Theme>;
-}): React.JSX.Element;
+}): import("react/jsx-runtime").JSX.Element;
 declare namespace GridPanelContent {
   var propTypes: any;
 }

package/esm/components/panel/GridPanelContext.d.ts

@@ -10,4 +10,4 @@ export declare function GridPanelContextProvider({
   children
 }: {
   children: React.ReactNode;
-}): React.JSX.Element;
+}): import("react/jsx-runtime").JSX.Element;

package/esm/components/panel/GridPanelFooter.d.ts

@@ -2,7 +2,7 @@ import * as React from 'react';
 import { SxProps, Theme } from '@mui/material/styles';
 declare function GridPanelFooter(props: React.HTMLAttributes<HTMLDivElement> & {
   sx?: SxProps<Theme>;
-}): React.JSX.Element;
+}): import("react/jsx-runtime").JSX.Element;
 declare namespace GridPanelFooter {
   var propTypes: any;
 }

package/esm/components/panel/GridPanelHeader.d.ts

@@ -2,7 +2,7 @@ import * as React from 'react';
 import { SxProps, Theme } from '@mui/system';
 declare function GridPanelHeader(props: React.HTMLAttributes<HTMLDivElement> & {
   sx?: SxProps<Theme>;
-}): React.JSX.Element;
+}): import("react/jsx-runtime").JSX.Element;
 declare namespace GridPanelHeader {
   var propTypes: any;
 }

package/esm/components/panel/GridPreferencesPanel.d.ts

@@ -1,2 +1 @@
-import * as React from 'react';
-export declare function GridPreferencesPanel(): React.JSX.Element;
+export declare function GridPreferencesPanel(): import("react/jsx-runtime").JSX.Element;

package/esm/components/panel/GridPreferencesPanel.js

@@ -1,5 +1,4 @@
 import _extends from "@babel/runtime/helpers/esm/extends";
-import * as React from 'react';
 import { gridColumnDefinitionsSelector } from "../../hooks/features/columns/gridColumnsSelector.js";
 import { useGridSelector } from "../../hooks/utils/useGridSelector.js";
 import { gridPreferencePanelStateSelector } from "../../hooks/features/preferencesPanel/gridPreferencePanelSelector.js";

package/esm/components/panel/filterPanel/GridFilterInputBoolean.d.ts

@@ -1,8 +1,7 @@
-import * as React from 'react';
 import { TextFieldProps } from "../../../models/gridBaseSlots.js";
 import { GridFilterInputValueProps } from "../../../models/gridFilterInputComponent.js";
 export type GridFilterInputBooleanProps = GridFilterInputValueProps<TextFieldProps>;
-declare function GridFilterInputBoolean(props: GridFilterInputBooleanProps): React.JSX.Element;
+declare function GridFilterInputBoolean(props: GridFilterInputBooleanProps): import("react/jsx-runtime").JSX.Element;
 declare namespace GridFilterInputBoolean {
   var propTypes: any;
 }

package/esm/components/panel/filterPanel/GridFilterInputDate.d.ts

@@ -1,10 +1,9 @@
-import * as React from 'react';
 import { GridFilterInputValueProps } from "../../../models/gridFilterInputComponent.js";
 import { TextFieldProps } from "../../../models/gridBaseSlots.js";
 export type GridFilterInputDateProps = GridFilterInputValueProps<TextFieldProps> & {
   type?: 'date' | 'datetime-local';
 };
-declare function GridFilterInputDate(props: GridFilterInputDateProps): React.JSX.Element;
+declare function GridFilterInputDate(props: GridFilterInputDateProps): import("react/jsx-runtime").JSX.Element;
 declare namespace GridFilterInputDate {
   var propTypes: any;
 }

package/esm/components/panel/filterPanel/GridFilterInputMultipleSingleSelect.d.ts

@@ -1,11 +1,10 @@
-import * as React from 'react';
 import { AutocompleteProps } from "../../../models/gridBaseSlots.js";
 import { GridFilterInputValueProps } from "../../../models/gridFilterInputComponent.js";
 import type { ValueOptions } from "../../../models/colDef/gridColDef.js";
 export type GridFilterInputMultipleSingleSelectProps = GridFilterInputValueProps<Omit<AutocompleteProps<ValueOptions, true, false, true>, 'options'>> & {
   type?: 'singleSelect';
 };
-declare function GridFilterInputMultipleSingleSelect(props: GridFilterInputMultipleSingleSelectProps): React.JSX.Element | null;
+declare function GridFilterInputMultipleSingleSelect(props: GridFilterInputMultipleSingleSelectProps): import("react/jsx-runtime").JSX.Element | null;
 declare namespace GridFilterInputMultipleSingleSelect {
   var propTypes: any;
 }

package/esm/components/panel/filterPanel/GridFilterInputMultipleValue.d.ts

@@ -1,10 +1,9 @@
-import * as React from 'react';
 import { AutocompleteProps } from "../../../models/gridBaseSlots.js";
 import { GridFilterInputValueProps } from "../../../models/gridFilterInputComponent.js";
 export type GridFilterInputMultipleValueProps = GridFilterInputValueProps<Omit<AutocompleteProps<string, true, false, true>, 'options'>> & {
   type?: 'text' | 'number' | 'date' | 'datetime-local';
 };
-declare function GridFilterInputMultipleValue(props: GridFilterInputMultipleValueProps): React.JSX.Element;
+declare function GridFilterInputMultipleValue(props: GridFilterInputMultipleValueProps): import("react/jsx-runtime").JSX.Element;
 declare namespace GridFilterInputMultipleValue {
   var propTypes: any;
 }

package/esm/components/panel/filterPanel/GridFilterInputSingleSelect.d.ts

@@ -1,10 +1,9 @@
-import * as React from 'react';
 import { TextFieldProps } from "../../../models/gridBaseSlots.js";
 import { GridFilterInputValueProps } from "../../../models/gridFilterInputComponent.js";
 export type GridFilterInputSingleSelectProps = GridFilterInputValueProps<TextFieldProps> & {
   type?: 'singleSelect';
 };
-declare function GridFilterInputSingleSelect(props: GridFilterInputSingleSelectProps): React.JSX.Element | null;
+declare function GridFilterInputSingleSelect(props: GridFilterInputSingleSelectProps): import("react/jsx-runtime").JSX.Element | null;
 declare namespace GridFilterInputSingleSelect {
   var propTypes: any;
 }

package/esm/components/panel/filterPanel/GridFilterInputValue.d.ts

@@ -1,4 +1,3 @@
-import * as React from 'react';
 import { TextFieldProps } from "../../../models/gridBaseSlots.js";
 import { GridFilterItem } from "../../../models/gridFilterItem.js";
 import { GridFilterInputValueProps } from "../../../models/gridFilterInputComponent.js";
@@ -8,7 +7,7 @@ export type GridTypeFilterInputValueProps = GridFilterInputValueProps<TextFieldP
 export type ItemPlusTag = GridFilterItem & {
   fromInput?: string;
 };
-declare function GridFilterInputValue(props: GridTypeFilterInputValueProps): React.JSX.Element;
+declare function GridFilterInputValue(props: GridTypeFilterInputValueProps): import("react/jsx-runtime").JSX.Element;
 declare namespace GridFilterInputValue {
   var propTypes: any;
 }

package/esm/components/quickFilter/QuickFilter.d.ts

@@ -57,7 +57,7 @@ export type QuickFilterProps = Omit<React.HTMLAttributes<HTMLDivElement>, 'class
  *
  * - [QuickFilter API](https://mui.com/x/api/data-grid/quick-filter/)
  */
-declare function QuickFilter(props: QuickFilterProps): React.JSX.Element;
+declare function QuickFilter(props: QuickFilterProps): import("react/jsx-runtime").JSX.Element;
 declare namespace QuickFilter {
   var propTypes: any;
 }

package/esm/components/toolbar/GridToolbar.d.ts

@@ -1,4 +1,3 @@
-import * as React from 'react';
 import { GridToolbarContainerProps } from "../containers/GridToolbarContainer.js";
 import { GridToolbarExportProps } from "./GridToolbarExport.js";
 import { GridToolbarQuickFilterProps } from "./GridToolbarQuickFilter.js";
@@ -16,5 +15,5 @@ export interface GridToolbarProps extends GridToolbarContainerProps, GridToolbar
 /**
  * @deprecated Use the `showToolbar` prop to show the default toolbar instead. This component will be removed in a future major release.
  */
-declare const GridToolbar: React.ForwardRefExoticComponent<GridToolbarProps> | React.ForwardRefExoticComponent<GridToolbarProps & React.RefAttributes<HTMLDivElement>>;
+declare const GridToolbar: import("react").ForwardRefExoticComponent<GridToolbarProps> | import("react").ForwardRefExoticComponent<GridToolbarProps & import("react").RefAttributes<HTMLDivElement>>;
 export { GridToolbar };

package/esm/components/toolbar/GridToolbar.js

@@ -1,7 +1,6 @@
 import _extends from "@babel/runtime/helpers/esm/extends";
 import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
 const _excluded = ["className", "csvOptions", "printOptions", "excelOptions", "showQuickFilter", "quickFilterProps"];
-import * as React from 'react';
 import PropTypes from 'prop-types';
 import { forwardRef } from '@mui/x-internals/forwardRef';
 import { GridToolbarContainer } from "../containers/GridToolbarContainer.js";

package/esm/components/toolbar/GridToolbarExport.d.ts

@@ -27,11 +27,11 @@ export interface GridToolbarExportProps {
   };
   [x: `data-${string}`]: string;
 }
-declare function GridCsvExportMenuItem(props: GridCsvExportMenuItemProps): React.JSX.Element;
+declare function GridCsvExportMenuItem(props: GridCsvExportMenuItemProps): import("react/jsx-runtime").JSX.Element;
 declare namespace GridCsvExportMenuItem {
   var propTypes: any;
 }
-declare function GridPrintExportMenuItem(props: GridPrintExportMenuItemProps): React.JSX.Element;
+declare function GridPrintExportMenuItem(props: GridPrintExportMenuItemProps): import("react/jsx-runtime").JSX.Element;
 declare namespace GridPrintExportMenuItem {
   var propTypes: any;
 }

package/esm/components/toolbar/GridToolbarQuickFilter.d.ts

@@ -1,4 +1,3 @@
-import * as React from 'react';
 import { TextFieldProps } from "../../models/gridBaseSlots.js";
 import { GridFilterModel } from "../../models/gridFilterModel.js";
 export type GridToolbarQuickFilterProps = {
@@ -31,7 +30,7 @@ export type GridToolbarQuickFilterProps = {
 /**
  * @deprecated Use the {@link https://mui.com/x/react-data-grid/components/quick-filter/ Quick Filter} component instead. This component will be removed in a future major release.
  */
-declare function GridToolbarQuickFilter(props: GridToolbarQuickFilterProps): React.JSX.Element;
+declare function GridToolbarQuickFilter(props: GridToolbarQuickFilterProps): import("react/jsx-runtime").JSX.Element;
 declare namespace GridToolbarQuickFilter {
   var propTypes: any;
 }

package/esm/components/toolbar/GridToolbarQuickFilter.js

@@ -2,7 +2,6 @@ import _extends from "@babel/runtime/helpers/esm/extends";
 import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
 const _excluded = ["quickFilterParser", "quickFilterFormatter", "debounceMs", "className", "slotProps"],
   _excluded2 = ["ref", "slotProps"];
-import * as React from 'react';
 import PropTypes from 'prop-types';
 import composeClasses from '@mui/utils/composeClasses';
 import { styled } from '@mui/system';

package/esm/components/toolbarV8/GridToolbar.d.ts

@@ -5,12 +5,12 @@ interface GridToolbarInternalProps {
   additionalExportMenuItems?: (onMenuItemClick: () => void) => React.ReactNode;
 }
 export type GridToolbarProps = GridSlotProps['toolbar'] & GridToolbarInternalProps;
-declare function GridToolbarDivider(props: GridSlotProps['baseDivider']): React.JSX.Element;
+declare function GridToolbarDivider(props: GridSlotProps['baseDivider']): import("react/jsx-runtime").JSX.Element;
 declare namespace GridToolbarDivider {
   var propTypes: any;
 }
-declare function GridToolbarLabel(props: React.HTMLAttributes<HTMLSpanElement>): React.JSX.Element;
-declare function GridToolbar(props: GridToolbarProps): React.JSX.Element;
+declare function GridToolbarLabel(props: React.HTMLAttributes<HTMLSpanElement>): import("react/jsx-runtime").JSX.Element;
+declare function GridToolbar(props: GridToolbarProps): import("react/jsx-runtime").JSX.Element;
 declare namespace GridToolbar {
   var propTypes: any;
 }

package/esm/components/virtualization/GridBottomContainer.d.ts

@@ -1,3 +1,3 @@
 import * as React from 'react';
 export type GridBottomContainerProps = React.PropsWithChildren;
-export declare function GridBottomContainer(props: GridBottomContainerProps): React.JSX.Element;
+export declare function GridBottomContainer(props: GridBottomContainerProps): import("react/jsx-runtime").JSX.Element;

package/esm/components/virtualization/GridTopContainer.d.ts

@@ -1,2 +1,2 @@
 import * as React from 'react';
-export declare function GridTopContainer(props: React.PropsWithChildren): React.JSX.Element;
+export declare function GridTopContainer(props: React.PropsWithChildren): import("react/jsx-runtime").JSX.Element;

package/esm/components/virtualization/GridVirtualScroller.d.ts

@@ -2,5 +2,5 @@ import * as React from 'react';
 export interface GridVirtualScrollerProps {
   children?: React.ReactNode;
 }
-declare function GridVirtualScroller(props: GridVirtualScrollerProps): React.JSX.Element;
+declare function GridVirtualScroller(props: GridVirtualScrollerProps): import("react/jsx-runtime").JSX.Element;
 export { GridVirtualScroller };

package/esm/components/virtualization/GridVirtualScrollerFiller.d.ts

@@ -1,10 +1,9 @@
-import * as React from 'react';
 type Props = {
   /** The number of rows */
   rowsLength: number;
 };
 declare function GridVirtualScrollerFiller({
   rowsLength
-}: Props): React.JSX.Element | null;
+}: Props): import("react/jsx-runtime").JSX.Element | null;
 declare const Memoized: typeof GridVirtualScrollerFiller;
 export { Memoized as GridVirtualScrollerFiller };

package/esm/context/GridContextProvider.d.ts

@@ -13,5 +13,5 @@ export declare function GridContextProvider({
   configuration,
   props,
   children
-}: GridContextProviderProps): React.JSX.Element;
+}: GridContextProviderProps): import("react/jsx-runtime").JSX.Element;
 export {};

package/esm/hooks/features/columnHeaders/useGridColumnHeaders.d.ts

@@ -48,8 +48,8 @@ export declare const useGridColumnHeaders: (props: UseGridColumnHeadersProps) =>
   };
   visibleColumns: GridStateColDef[];
   columnPositions: number[];
-  getFillers: (params: GetHeadersParams | undefined, children: React.ReactNode, leftOverflow: number, borderBottom?: boolean) => React.JSX.Element;
-  getColumnHeadersRow: () => React.JSX.Element;
+  getFillers: (params: GetHeadersParams | undefined, children: React.ReactNode, leftOverflow: number, borderBottom?: boolean) => import("react/jsx-runtime").JSX.Element;
+  getColumnHeadersRow: () => import("react/jsx-runtime").JSX.Element;
   getColumnsToRender: (params?: GetHeadersParams) => {
     renderedColumns: GridStateColDef[];
     firstColumnToRender: number;

package/esm/hooks/features/editing/useGridCellEditable.d.ts

@@ -0,0 +1,5 @@
+import { CellEditableConditionFn } from "../../../models/configuration/gridCellEditableConfiguration.js";
+/**
+ * Default implementation of the cell editable condition hook
+ */
+export declare const useIsCellEditable: () => CellEditableConditionFn;

package/esm/hooks/features/editing/useGridCellEditable.js

@@ -0,0 +1,9 @@
+'use client';
+
+import * as React from 'react';
+import { isAutogeneratedRowNode } from "../rows/gridRowsUtils.js";
+
+/**
+ * Default implementation of the cell editable condition hook
+ */
+export const useIsCellEditable = () => React.useCallback(params => !isAutogeneratedRowNode(params.rowNode), []);

package/esm/hooks/features/editing/useGridEditing.d.ts

@@ -1,6 +1,7 @@
 import { RefObject } from '@mui/x-internals/types';
 import { GridPrivateApiCommunity } from "../../../models/api/gridApiCommunity.js";
 import { DataGridProcessedProps } from "../../../models/props/DataGridProps.js";
+import { GridConfiguration } from "../../../models/configuration/gridConfiguration.js";
 import { GridStateInitializer } from "../../utils/useGridInitializeState.js";
 export declare const editingStateInitializer: GridStateInitializer;
-export declare const useGridEditing: (apiRef: RefObject<GridPrivateApiCommunity>, props: Pick<DataGridProcessedProps, "isCellEditable" | "editMode" | "processRowUpdate" | "dataSource" | "onDataSourceError">) => void;
+export declare const useGridEditing: (apiRef: RefObject<GridPrivateApiCommunity>, props: Pick<DataGridProcessedProps, "isCellEditable" | "editMode" | "processRowUpdate" | "dataSource" | "onDataSourceError">, configuration: GridConfiguration) => void;

package/esm/hooks/features/editing/useGridEditing.js

@@ -7,19 +7,19 @@ import { useGridCellEditing } from "./useGridCellEditing.js";
 import { GridCellModes, GridEditModes } from "../../../models/gridEditRowModel.js";
 import { useGridRowEditing } from "./useGridRowEditing.js";
 import { gridEditRowsStateSelector } from "./gridEditingSelectors.js";
-import { isAutogeneratedRowNode } from "../rows/gridRowsUtils.js";
 export const editingStateInitializer = state => _extends({}, state, {
   editRows: {}
 });
-export const useGridEditing = (apiRef, props) => {
+export const useGridEditing = (apiRef, props, configuration) => {
   useGridCellEditing(apiRef, props);
   useGridRowEditing(apiRef, props);
   const debounceMap = React.useRef({});
   const {
     isCellEditable: isCellEditableProp
   } = props;
+  const isCellEditableFn = configuration.hooks.useIsCellEditable(apiRef, props);
   const isCellEditable = React.useCallback(params => {
-    if (isAutogeneratedRowNode(params.rowNode)) {
+    if (!isCellEditableFn(params)) {
       return false;
     }
     if (!params.colDef.editable) {
@@ -32,7 +32,7 @@ export const useGridEditing = (apiRef, props) => {
       return isCellEditableProp(params);
     }
     return true;
-  }, [isCellEditableProp]);
+  }, [isCellEditableProp, isCellEditableFn]);
   const maybeDebounce = (id, field, debounceMs, callback) => {
     if (!debounceMs) {
       callback();

package/esm/hooks/features/focus/useGridFocus.js

@@ -2,6 +2,7 @@
 
 import _extends from "@babel/runtime/helpers/esm/extends";
 import * as React from 'react';
+import debounce from '@mui/utils/debounce';
 import useEventCallback from '@mui/utils/useEventCallback';
 import ownerDocument from '@mui/utils/ownerDocument';
 import { gridClasses } from "../../../constants/gridClasses.js";
@@ -318,7 +319,7 @@ export const useGridFocus = (apiRef, props) => {
       apiRef.current.setCellFocus(params.id, params.field);
     }
   }, [apiRef]);
-  const handleRowSet = React.useCallback(() => {
+  const handleRowsSet = React.useCallback(() => {
     const cell = gridFocusCellSelector(apiRef);
 
     // If the focused cell is in a row which does not exist anymore,
@@ -349,6 +350,7 @@ export const useGridFocus = (apiRef, props) => {
       }));
     }
   }, [apiRef, props.pagination, props.paginationMode]);
+  const debouncedHandleRowsSet = React.useMemo(() => debounce(handleRowsSet, 0), [handleRowsSet]);
   const handlePaginationModelChange = useEventCallback(() => {
     const currentFocusedCell = gridFocusCellSelector(apiRef);
     if (!currentFocusedCell) {
@@ -403,6 +405,6 @@ export const useGridFocus = (apiRef, props) => {
   useGridEvent(apiRef, 'cellModeChange', handleCellModeChange);
   useGridEvent(apiRef, 'columnHeaderFocus', handleColumnHeaderFocus);
   useGridEvent(apiRef, 'columnGroupHeaderFocus', handleColumnGroupHeaderFocus);
-  useGridEvent(apiRef, 'rowsSet', handleRowSet);
+  useGridEvent(apiRef, 'rowsSet', debouncedHandleRowsSet);
   useGridEvent(apiRef, 'paginationModelChange', handlePaginationModelChange);
 };

package/esm/hooks/features/pagination/useGridPaginationModel.js

@@ -2,6 +2,7 @@
 
 import _extends from "@babel/runtime/helpers/esm/extends";
 import * as React from 'react';
+import debounce from '@mui/utils/debounce';
 import { isDeepEqual } from '@mui/x-internals/isDeepEqual';
 import { gridFilterModelSelector, gridFilterActiveItemsSelector } from "../filter/gridFilterSelector.js";
 import { gridDensityFactorSelector } from "../density/index.js";
@@ -174,6 +175,7 @@ export const useGridPaginationModel = (apiRef, props) => {
       });
     }
   }, [apiRef]);
+  const debouncedNavigateToStart = React.useMemo(() => debounce(navigateToStart, 0), [navigateToStart]);
 
   /**
    * Resets the page only if the active items or quick filter has changed from the last time.
@@ -190,12 +192,12 @@ export const useGridPaginationModel = (apiRef, props) => {
       return;
     }
     previousFilterModel.current = currentActiveFilters;
-    navigateToStart();
-  }, [apiRef, navigateToStart]);
+    debouncedNavigateToStart();
+  }, [apiRef, debouncedNavigateToStart]);
   useGridEvent(apiRef, 'viewportInnerSizeChange', handleUpdateAutoPageSize);
   useGridEvent(apiRef, 'paginationModelChange', handlePaginationModelChange);
   useGridEvent(apiRef, 'rowCountChange', handleRowCountChange);
-  useGridEvent(apiRef, 'sortModelChange', navigateToStart);
+  useGridEvent(apiRef, 'sortModelChange', debouncedNavigateToStart);
   useGridEvent(apiRef, 'filterModelChange', handleFilterModelChange);
 
   /**

package/esm/hooks/features/rowSelection/useGridRowSelection.js

@@ -506,7 +506,9 @@ export const useGridRowSelection = (apiRef, props) => {
     }
     if (String.fromCharCode(event.keyCode) === 'A' && (event.ctrlKey || event.metaKey)) {
       event.preventDefault();
-      toggleAllRows(true);
+      if (canHaveMultipleSelection) {
+        toggleAllRows(true);
+      }
     }
   }, [apiRef, canHaveMultipleSelection, handleSingleRowSelection, toggleAllRows]);
   const syncControlledState = useEventCallback(() => {

package/esm/index.js

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

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

@@ -7,5 +7,5 @@ interface TailwindDemoContainerProps {
  * 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.ReactPortal | React.ReactElement<unknown, string | React.JSXElementConstructor<any>> | Iterable<React.ReactNode> | null | undefined> | React.JSX.Element | null | undefined;
+export declare function TailwindDemoContainer(props: TailwindDemoContainerProps): string | number | bigint | boolean | Iterable<React.ReactNode> | Promise<string | number | bigint | boolean | React.ReactPortal | React.ReactElement<unknown, string | React.JSXElementConstructor<any>> | Iterable<React.ReactNode> | null | undefined> | import("react/jsx-runtime").JSX.Element | null | undefined;
 export {};

package/esm/internals/index.d.ts

@@ -56,6 +56,7 @@ export { useGridAriaAttributes } from "../hooks/utils/useGridAriaAttributes.js";
 export { useGridRowAriaAttributes } from "../hooks/features/rows/useGridRowAriaAttributes.js";
 export { useGridRowsOverridableMethods } from "../hooks/features/rows/useGridRowsOverridableMethods.js";
 export { useGridParamsOverridableMethods } from "../hooks/features/rows/useGridParamsOverridableMethods.js";
+export { useIsCellEditable } from "../hooks/features/editing/useGridCellEditable.js";
 export { useGridRowsPreProcessors } from "../hooks/features/rows/useGridRowsPreProcessors.js";
 export type { GridRowTreeCreationParams, GridRowTreeCreationValue, GridHydrateRowsValue, GridRowsPartialUpdates, GridRowsPartialUpdateAction, GridTreeDepths, GridPinnedRowsState } from "../hooks/features/rows/gridRowsInterfaces.js";
 export { getTreeNodeDescendants, buildRootGroup } from "../hooks/features/rows/gridRowsUtils.js";
@@ -117,6 +118,7 @@ export type { Localization } from "../utils/getGridLocalization.js";
 export * from "./demo/index.js";
 export { GridSkeletonLoadingOverlayInner } from "../components/GridSkeletonLoadingOverlay.js";
 export type { GridConfiguration } from "../models/configuration/gridConfiguration.js";
+export type { CellEditableConditionFn } from "../models/configuration/gridCellEditableConfiguration.js";
 export * from "../hooks/features/pivoting/index.js";
 export { createSvgIcon } from "../material/icons/createSvgIcon.js";
 export { useGridPanelContext } from "../components/panel/GridPanelContext.js";

package/esm/internals/index.js

@@ -45,6 +45,7 @@ export { useGridAriaAttributes } from "../hooks/utils/useGridAriaAttributes.js";
 export { useGridRowAriaAttributes } from "../hooks/features/rows/useGridRowAriaAttributes.js";
 export { useGridRowsOverridableMethods } from "../hooks/features/rows/useGridRowsOverridableMethods.js";
 export { useGridParamsOverridableMethods } from "../hooks/features/rows/useGridParamsOverridableMethods.js";
+export { useIsCellEditable } from "../hooks/features/editing/useGridCellEditable.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";

package/esm/locales/arSD.js

@@ -160,18 +160,18 @@ const arSDGrid = {
   collapseDetailPanel: 'طوي',
   // Pagination
   paginationRowsPerPage: 'عدد الصفوف في الصفحة:',
-  // paginationDisplayedRows: ({
-  //   from,
-  //   to,
-  //   count,
-  //   estimated
-  // }) => {
-  //   if (!estimated) {
-  //     return `${from}–${to} of ${count !== -1 ? count : `more than ${to}`}`;
-  //   }
-  //   const estimatedLabel = estimated && estimated > to ? `around ${estimated}` : `more than ${to}`;
-  //   return `${from}–${to} of ${count !== -1 ? count : estimatedLabel}`;
-  // },
+  paginationDisplayedRows: ({
+    from,
+    to,
+    count,
+    estimated
+  }) => {
+    if (!estimated) {
+      return `\u200E${to}-${from}\u200E من ${count !== -1 ? count : `أكثر من ${to}`}`;
+    }
+    const estimatedLabel = estimated && estimated > to ? `حوالي ${estimated}` : `أكثر من ${to}`;
+    return `\u200E${to}-${from}\u200E من ${count !== -1 ? count : estimatedLabel}`;
+  },
   paginationItemAriaLabel: type => {
     if (type === 'first') {
       return 'انتقل إلى الصفحة الأولى';

package/esm/locales/caES.d.ts

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