@mui/x-data-grid 8.0.0-beta.2 → 8.0.0

package/hooks/features/virtualization/useGridVirtualScroller.js

@@ -64,7 +64,7 @@ const useGridVirtualScroller = () => {
   const apiRef = (0, _useGridPrivateApiContext.useGridPrivateApiContext)();
   const rootProps = (0, _useGridRootProps.useGridRootProps)();
   const {
-    unstable_listView: listView
+    listView
   } = rootProps;
   const visibleColumns = (0, _useGridSelector.useGridSelector)(apiRef, () => listView ? [(0, _gridListViewSelectors.gridListColumnSelector)(apiRef)] : (0, _gridColumnsSelector.gridVisibleColumnDefinitionsSelector)(apiRef));
   const enabledForRows = (0, _useGridSelector.useGridSelector)(apiRef, _gridVirtualizationSelectors.gridVirtualizationRowEnabledSelector) && !_isJSDOM.isJSDOM;
@@ -511,9 +511,9 @@ const useGridVirtualScroller = () => {
   apiRef.current.register('private', {
     updateRenderContext: forceUpdateRenderContext
   });
-  (0, _utils.useGridApiOptionHandler)(apiRef, 'sortedRowsSet', forceUpdateRenderContext);
-  (0, _utils.useGridApiOptionHandler)(apiRef, 'paginationModelChange', forceUpdateRenderContext);
-  (0, _utils.useGridApiOptionHandler)(apiRef, 'columnsChange', forceUpdateRenderContext);
+  (0, _utils.useGridEventPriority)(apiRef, 'sortedRowsSet', forceUpdateRenderContext);
+  (0, _utils.useGridEventPriority)(apiRef, 'paginationModelChange', forceUpdateRenderContext);
+  (0, _utils.useGridEventPriority)(apiRef, 'columnsChange', forceUpdateRenderContext);
   return {
     renderContext,
     setPanels,
@@ -561,7 +561,7 @@ function needsHorizontalScrollbarSelector(apiRef) {
 function inputsSelector(apiRef, rootProps, enabledForRows, enabledForColumns) {
   const dimensions = (0, _gridDimensionsSelectors.gridDimensionsSelector)(apiRef);
   const currentPage = (0, _useGridVisibleRows.getVisibleRows)(apiRef, rootProps);
-  const visibleColumns = rootProps.unstable_listView ? [(0, _gridListViewSelectors.gridListColumnSelector)(apiRef)] : (0, _gridColumnsSelector.gridVisibleColumnDefinitionsSelector)(apiRef);
+  const visibleColumns = rootProps.listView ? [(0, _gridListViewSelectors.gridListColumnSelector)(apiRef)] : (0, _gridColumnsSelector.gridVisibleColumnDefinitionsSelector)(apiRef);
   const hiddenCellsOriginMap = (0, _gridRowSpanningSelectors.gridRowSpanningHiddenCellsOriginMapSelector)(apiRef);
   const lastRowId = apiRef.current.state.rows.dataRowIds.at(-1);
   const lastColumn = visibleColumns.at(-1);
@@ -585,7 +585,7 @@ function inputsSelector(apiRef, rootProps, enabledForRows, enabledForColumns) {
     pinnedColumns: (0, _gridColumnsSelector.gridVisiblePinnedColumnDefinitionsSelector)(apiRef),
     visibleColumns,
     hiddenCellsOriginMap,
-    listView: rootProps.unstable_listView ?? false,
+    listView: rootProps.listView ?? false,
     virtualizeColumnsWithAutoRowHeight: rootProps.virtualizeColumnsWithAutoRowHeight
   };
 }
@@ -596,11 +596,6 @@ function computeRenderContext(inputs, scrollPosition, scrollCache) {
     firstColumnIndex: 0,
     lastColumnIndex: inputs.visibleColumns.length
   };
-  if (inputs.listView) {
-    return (0, _extends2.default)({}, renderContext, {
-      lastColumnIndex: 1
-    });
-  }
   const {
     top,
     left
@@ -625,6 +620,11 @@ function computeRenderContext(inputs, scrollPosition, scrollCache) {
     renderContext.firstRowIndex = firstRowIndex;
     renderContext.lastRowIndex = lastRowIndex;
   }
+  if (inputs.listView) {
+    return (0, _extends2.default)({}, renderContext, {
+      lastColumnIndex: 1
+    });
+  }
   if (inputs.enabledForColumns) {
     let firstColumnIndex = 0;
     let lastColumnIndex = inputs.columnPositions.length;

package/hooks/utils/index.d.ts

@@ -1,4 +1,4 @@
-export { useGridApiEventHandler, useGridApiOptionHandler, unstable_resetCleanupTracking } from "./useGridApiEventHandler.js";
+export { useGridEvent, useGridEventPriority, unstable_resetCleanupTracking } from "./useGridEvent.js";
 export * from "./useGridApiMethod.js";
 export * from "./useGridLogger.js";
 export { useGridSelector } from "./useGridSelector.js";

package/hooks/utils/index.js

@@ -4,27 +4,27 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 var _exportNames = {
-  useGridApiEventHandler: true,
-  useGridApiOptionHandler: true,
+  useGridEvent: true,
+  useGridEventPriority: true,
   unstable_resetCleanupTracking: true,
   useGridSelector: true
 };
 Object.defineProperty(exports, "unstable_resetCleanupTracking", {
   enumerable: true,
   get: function () {
-    return _useGridApiEventHandler.unstable_resetCleanupTracking;
+    return _useGridEvent.unstable_resetCleanupTracking;
   }
 });
-Object.defineProperty(exports, "useGridApiEventHandler", {
+Object.defineProperty(exports, "useGridEvent", {
   enumerable: true,
   get: function () {
-    return _useGridApiEventHandler.useGridApiEventHandler;
+    return _useGridEvent.useGridEvent;
   }
 });
-Object.defineProperty(exports, "useGridApiOptionHandler", {
+Object.defineProperty(exports, "useGridEventPriority", {
   enumerable: true,
   get: function () {
-    return _useGridApiEventHandler.useGridApiOptionHandler;
+    return _useGridEvent.useGridEventPriority;
   }
 });
 Object.defineProperty(exports, "useGridSelector", {
@@ -33,7 +33,7 @@ Object.defineProperty(exports, "useGridSelector", {
     return _useGridSelector.useGridSelector;
   }
 });
-var _useGridApiEventHandler = require("./useGridApiEventHandler");
+var _useGridEvent = require("./useGridEvent");
 var _useGridApiMethod = require("./useGridApiMethod");
 Object.keys(_useGridApiMethod).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;

package/hooks/utils/useGridAriaAttributes.js

@@ -19,8 +19,14 @@ const useGridAriaAttributes = () => {
   const accessibleRowCount = (0, _useGridSelector.useGridSelector)(apiRef, _gridFilterSelector.gridExpandedRowCountSelector);
   const headerGroupingMaxDepth = (0, _useGridSelector.useGridSelector)(apiRef, _gridColumnGroupsSelector.gridColumnGroupsHeaderMaxDepthSelector);
   const pinnedRowsCount = (0, _useGridSelector.useGridSelector)(apiRef, _gridRowsSelector.gridPinnedRowsCountSelector);
+  const ariaLabel = rootProps['aria-label'];
+  const ariaLabelledby = rootProps['aria-labelledby'];
+  // `aria-label` and `aria-labelledby` should take precedence over `label`
+  const shouldUseLabelAsAriaLabel = !ariaLabel && !ariaLabelledby && rootProps.label;
   return {
     role: 'grid',
+    'aria-label': shouldUseLabelAsAriaLabel ? rootProps.label : ariaLabel,
+    'aria-labelledby': ariaLabelledby,
     'aria-colcount': visibleColumns.length,
     'aria-rowcount': headerGroupingMaxDepth + 1 + pinnedRowsCount + accessibleRowCount,
     'aria-multiselectable': (0, _utils.isMultipleRowSelectionEnabled)(rootProps)

package/hooks/utils/{useGridApiEventHandler.d.ts → useGridEvent.d.ts}

@@ -4,8 +4,8 @@ import { GridEventListener, GridEvents } from "../../models/events/index.js";
 import { TimerBasedCleanupTracking } from "../../utils/cleanupTracking/TimerBasedCleanupTracking.js";
 import { FinalizationRegistryBasedCleanupTracking } from "../../utils/cleanupTracking/FinalizationRegistryBasedCleanupTracking.js";
 import type { GridApiCommon } from '../../models';
-export declare function useGridApiEventHandler<Api extends GridApiCommon, E extends GridEvents>(apiRef: RefObject<Api>, eventName: E, handler?: GridEventListener<E>, options?: EventListenerOptions): void;
-export declare function useGridApiOptionHandler<Api extends GridApiCommon, E extends GridEvents>(apiRef: RefObject<Api>, eventName: E, handler?: GridEventListener<E>): void;
+export declare function useGridEvent<Api extends GridApiCommon, E extends GridEvents>(apiRef: RefObject<Api>, eventName: E, handler?: GridEventListener<E>, options?: EventListenerOptions): void;
+export declare function useGridEventPriority<Api extends GridApiCommon, E extends GridEvents>(apiRef: RefObject<Api>, eventName: E, handler?: GridEventListener<E>): void;
 export declare function unstable_resetCleanupTracking(): void;
 export declare const internal_registryContainer: {
   current: TimerBasedCleanupTracking | FinalizationRegistryBasedCleanupTracking;

package/hooks/utils/{useGridApiEventHandler.js → useGridEvent.js}

@@ -6,8 +6,8 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.internal_registryContainer = void 0;
 exports.unstable_resetCleanupTracking = unstable_resetCleanupTracking;
-exports.useGridApiEventHandler = useGridApiEventHandler;
-exports.useGridApiOptionHandler = useGridApiOptionHandler;
+exports.useGridEvent = useGridEvent;
+exports.useGridEventPriority = useGridEventPriority;
 var React = _interopRequireWildcard(require("react"));
 var _TimerBasedCleanupTracking = require("../../utils/cleanupTracking/TimerBasedCleanupTracking");
 var _FinalizationRegistryBasedCleanupTracking = require("../../utils/cleanupTracking/FinalizationRegistryBasedCleanupTracking");
@@ -24,7 +24,7 @@ const registryContainer = {
   current: createRegistry()
 };
 let cleanupTokensCounter = 0;
-function useGridApiEventHandler(apiRef, eventName, handler, options) {
+function useGridEvent(apiRef, eventName, handler, options) {
   const objectRetainedByReact = React.useState(ObjectToBeRetainedByReact.create)[0];
   const subscription = React.useRef(null);
   const handlerRef = React.useRef(null);
@@ -80,8 +80,8 @@ function useGridApiEventHandler(apiRef, eventName, handler, options) {
 const OPTIONS_IS_FIRST = {
   isFirst: true
 };
-function useGridApiOptionHandler(apiRef, eventName, handler) {
-  useGridApiEventHandler(apiRef, eventName, handler, OPTIONS_IS_FIRST);
+function useGridEventPriority(apiRef, eventName, handler) {
+  useGridEvent(apiRef, eventName, handler, OPTIONS_IS_FIRST);
 }
 
 // TODO: move to @mui/x-data-grid/internals

package/hooks/utils/useGridNativeEventListener.js

@@ -5,10 +5,10 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.useGridNativeEventListener = void 0;
 var _useGridLogger = require("./useGridLogger");
-var _useGridApiEventHandler = require("./useGridApiEventHandler");
+var _useGridEvent = require("./useGridEvent");
 const useGridNativeEventListener = (apiRef, ref, eventName, handler, options) => {
   const logger = (0, _useGridLogger.useGridLogger)(apiRef, 'useNativeEventListener');
-  (0, _useGridApiEventHandler.useGridApiOptionHandler)(apiRef, 'rootMount', () => {
+  (0, _useGridEvent.useGridEventPriority)(apiRef, 'rootMount', () => {
     const targetElement = ref();
     if (!targetElement || !eventName) {
       return undefined;

package/hooks/utils/useGridSelector.js

@@ -8,12 +8,8 @@ exports.useGridSelector = exports.objectShallowCompare = exports.argsEqual = voi
 var React = _interopRequireWildcard(require("react"));
 var _fastObjectShallowCompare = require("@mui/x-internals/fastObjectShallowCompare");
 var _warning = require("@mui/x-internals/warning");
-var _index = require("use-sync-external-store/shim/index.js");
+var _shim = require("use-sync-external-store/shim");
 var _useLazyRef = require("./useLazyRef");
-// use-sync-external-store has no exports field defined
-// See https://github.com/facebook/react/issues/30698
-// eslint-disable-next-line import/extensions
-
 const defaultCompare = Object.is;
 const objectShallowCompare = exports.objectShallowCompare = _fastObjectShallowCompare.fastObjectShallowCompare;
 const arrayShallowCompare = (a, b) => {
@@ -87,7 +83,7 @@ const useGridSelector = (apiRef, selector, args = undefined, equals = defaultCom
     };
     // eslint-disable-next-line react-hooks/exhaustive-deps
   }, EMPTY);
-  (0, _index.useSyncExternalStore)(unsubscribe, subscribe, emptyGetSnapshot);
+  (0, _shim.useSyncExternalStore)(unsubscribe, subscribe, emptyGetSnapshot);
   return state;
 };
 exports.useGridSelector = useGridSelector;

package/hooks/utils/useGridVisibleRows.d.ts

@@ -2,12 +2,12 @@ import { RefObject } from '@mui/x-internals/types';
 import { DataGridProcessedProps } from "../../models/props/DataGridProps.js";
 import type { GridApiCommon } from '../../models';
 export declare const getVisibleRows: <Api extends GridApiCommon>(apiRef: RefObject<Api>, props?: Pick<DataGridProcessedProps, "pagination" | "paginationMode">) => {
-  rows: import("../..").GridRowEntry<import("../..").GridValidRowModel>[];
+  rows: import("@mui/x-data-grid").GridRowEntry<import("@mui/x-data-grid").GridValidRowModel>[];
   range: {
     firstRowIndex: number;
     lastRowIndex: number;
   } | null;
-  rowIdToIndexMap: Map<import("../..").GridRowId, number>;
+  rowIdToIndexMap: Map<import("@mui/x-data-grid").GridRowId, number>;
 };
 /**
  * Computes the list of rows that are reachable by scroll.
@@ -17,10 +17,10 @@ export declare const getVisibleRows: <Api extends GridApiCommon>(apiRef: RefObje
  * - If the row tree is flat, it only contains up to `state.pageSize` rows.
  */
 export declare const useGridVisibleRows: <Api extends GridApiCommon>(apiRef: RefObject<Api>, props?: Pick<DataGridProcessedProps, "pagination" | "paginationMode">) => {
-  rows: import("../..").GridRowEntry<import("../..").GridValidRowModel>[];
+  rows: import("@mui/x-data-grid").GridRowEntry<import("@mui/x-data-grid").GridValidRowModel>[];
   range: {
     firstRowIndex: number;
     lastRowIndex: number;
   } | null;
-  rowIdToIndexMap: Map<import("../..").GridRowId, number>;
+  rowIdToIndexMap: Map<import("@mui/x-data-grid").GridRowId, number>;
 };

package/hooks/utils/useIsSSR.js

@@ -4,13 +4,9 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.useIsSSR = void 0;
-var _index = require("use-sync-external-store/shim/index.js");
-// use-sync-external-store has no exports field defined
-// See https://github.com/facebook/react/issues/30698
-// eslint-disable-next-line import/extensions
-
+var _shim = require("use-sync-external-store/shim");
 const emptySubscribe = () => () => {};
 const clientSnapshot = () => false;
 const serverSnapshot = () => true;
-const useIsSSR = () => (0, _index.useSyncExternalStore)(emptySubscribe, clientSnapshot, serverSnapshot);
+const useIsSSR = () => (0, _shim.useSyncExternalStore)(emptySubscribe, clientSnapshot, serverSnapshot);
 exports.useIsSSR = useIsSSR;

package/index.css

@@ -0,0 +1,5 @@
+/* Placeholder file to ensure CSS imports are working */
+
+.MuiDataGrid {
+  display: block;
+}

package/index.js

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

package/internals/index.d.ts

@@ -5,8 +5,9 @@ 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 { GridToolbar, GridToolbarDivider } from "../components/toolbarV8/GridToolbar.js";
 export type { GridToolbarProps } from '../components/toolbarV8/GridToolbar';
+export { GridColumnSortButton } from "../components/GridColumnSortButton.js";
 export { GridBaseColumnHeaders } from "../components/columnHeaders/GridBaseColumnHeaders.js";
 export { DATA_GRID_DEFAULT_SLOTS_COMPONENTS } from "../constants/defaultGridSlotsComponents.js";
 export * from "../constants/signature.js";
@@ -19,7 +20,7 @@ export type { GridPipeProcessor } from '../hooks/core/pipeProcessing';
 export { GridStrategyGroup, useGridRegisterStrategyProcessor, GRID_DEFAULT_STRATEGY } from "../hooks/core/strategyProcessing/index.js";
 export type { GridStrategyProcessor, GridStrategyProcessorName } from '../hooks/core/strategyProcessing';
 export { useGridInitialization } from "../hooks/core/useGridInitialization.js";
-export { unwrapPrivateAPI } from "../hooks/core/useGridApiInitialization.js";
+export { unwrapPrivateAPI, useGridApiInitialization } 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";
@@ -81,8 +82,9 @@ export { useTimeout } from "../hooks/utils/useTimeout.js";
 export { useGridVisibleRows, getVisibleRows } from "../hooks/utils/useGridVisibleRows.js";
 export { useGridInitializeState } from "../hooks/utils/useGridInitializeState.js";
 export type { GridStateInitializer } from '../hooks/utils/useGridInitializeState';
+export type * as BaseSlots from '../models/gridBaseSlots';
 export type * from '../models/props/DataGridProps';
-export type { GridDataSourceApiBase, GridDataSourceApi } from '../hooks/features/dataSource/models';
+export type { GridDataSourceApiBase, GridDataSourceApi, GridDataSourceBaseOptions } from '../hooks/features/dataSource/models';
 export { DataSourceRowsUpdateStrategy } from "../hooks/features/dataSource/utils.js";
 export { useGridDataSourceBase } from "../hooks/features/dataSource/useGridDataSourceBase.js";
 export { CacheChunkManager } from "../hooks/features/dataSource/utils.js";
@@ -90,6 +92,7 @@ export { gridGetRowsParamsSelector } from "../hooks/features/dataSource/gridData
 export { getColumnsToExport, defaultGetRowsToExport } from "../hooks/features/export/utils.js";
 export * from "../utils/createControllablePromise.js";
 export * from "../utils/rtlFlipSide.js";
+export { NotRendered } from "../utils/assert.js";
 export { createSelector, createRootSelector, createSelectorMemoized } from "../utils/createSelector.js";
 export { gridRowGroupsToFetchSelector } from "../hooks/features/rows/gridRowsSelector.js";
 export { findParentElementFromClassName, getActiveElement, isEventTargetInPortal } from "../utils/domUtils.js";
@@ -109,4 +112,8 @@ 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";
+export { GridSkeletonLoadingOverlayInner } from "../components/GridSkeletonLoadingOverlay.js";
+export type { GridConfiguration } from '../models/configuration/gridConfiguration';
+export * from "../hooks/features/pivoting/index.js";
+export { createSvgIcon } from "../material/icons/createSvgIcon.js";
+export { useGridPanelContext } from "../components/panel/GridPanelContext.js";

package/internals/index.js

@@ -9,6 +9,8 @@ var _exportNames = {
   GridVirtualScrollerRenderZone: true,
   GridHeaders: true,
   GridToolbar: true,
+  GridToolbarDivider: true,
+  GridColumnSortButton: true,
   GridBaseColumnHeaders: true,
   DATA_GRID_DEFAULT_SLOTS_COMPONENTS: true,
   vars: true,
@@ -22,6 +24,7 @@ var _exportNames = {
   GRID_DEFAULT_STRATEGY: true,
   useGridInitialization: true,
   unwrapPrivateAPI: true,
+  useGridApiInitialization: true,
   useGridClipboard: true,
   gridHeaderFilteringEditFieldSelector: true,
   gridHeaderFilteringMenuSelector: true,
@@ -102,6 +105,7 @@ var _exportNames = {
   gridGetRowsParamsSelector: true,
   getColumnsToExport: true,
   defaultGetRowsToExport: true,
+  NotRendered: true,
   createSelector: true,
   createRootSelector: true,
   createSelectorMemoized: true,
@@ -114,7 +118,9 @@ var _exportNames = {
   exportAs: true,
   useGridPrivateApiContext: true,
   serializeCellValue: true,
-  GridSkeletonLoadingOverlayInner: true
+  GridSkeletonLoadingOverlayInner: true,
+  createSvgIcon: true,
+  useGridPanelContext: true
 };
 Object.defineProperty(exports, "CacheChunkManager", {
   enumerable: true,
@@ -158,6 +164,12 @@ Object.defineProperty(exports, "GridBaseColumnHeaders", {
     return _GridBaseColumnHeaders.GridBaseColumnHeaders;
   }
 });
+Object.defineProperty(exports, "GridColumnSortButton", {
+  enumerable: true,
+  get: function () {
+    return _GridColumnSortButton.GridColumnSortButton;
+  }
+});
 Object.defineProperty(exports, "GridHeaders", {
   enumerable: true,
   get: function () {
@@ -182,6 +194,12 @@ Object.defineProperty(exports, "GridToolbar", {
     return _GridToolbar.GridToolbar;
   }
 });
+Object.defineProperty(exports, "GridToolbarDivider", {
+  enumerable: true,
+  get: function () {
+    return _GridToolbar.GridToolbarDivider;
+  }
+});
 Object.defineProperty(exports, "GridVirtualScroller", {
   enumerable: true,
   get: function () {
@@ -200,6 +218,12 @@ Object.defineProperty(exports, "GridVirtualScrollerRenderZone", {
     return _GridVirtualScrollerRenderZone.GridVirtualScrollerRenderZone;
   }
 });
+Object.defineProperty(exports, "NotRendered", {
+  enumerable: true,
+  get: function () {
+    return _assert.NotRendered;
+  }
+});
 Object.defineProperty(exports, "ROW_SELECTION_PROPAGATION_DEFAULT", {
   enumerable: true,
   get: function () {
@@ -254,6 +278,12 @@ Object.defineProperty(exports, "createSelectorMemoized", {
     return _createSelector.createSelectorMemoized;
   }
 });
+Object.defineProperty(exports, "createSvgIcon", {
+  enumerable: true,
+  get: function () {
+    return _createSvgIcon.createSvgIcon;
+  }
+});
 Object.defineProperty(exports, "defaultGetRowsToExport", {
   enumerable: true,
   get: function () {
@@ -530,6 +560,12 @@ Object.defineProperty(exports, "unwrapPrivateAPI", {
     return _useGridApiInitialization.unwrapPrivateAPI;
   }
 });
+Object.defineProperty(exports, "useGridApiInitialization", {
+  enumerable: true,
+  get: function () {
+    return _useGridApiInitialization.useGridApiInitialization;
+  }
+});
 Object.defineProperty(exports, "useGridAriaAttributes", {
   enumerable: true,
   get: function () {
@@ -662,6 +698,12 @@ Object.defineProperty(exports, "useGridPagination", {
     return _useGridPagination.useGridPagination;
   }
 });
+Object.defineProperty(exports, "useGridPanelContext", {
+  enumerable: true,
+  get: function () {
+    return _GridPanelContext.useGridPanelContext;
+  }
+});
 Object.defineProperty(exports, "useGridParamsApi", {
   enumerable: true,
   get: function () {
@@ -787,6 +829,7 @@ var _GridVirtualScrollerContent = require("../components/virtualization/GridVirt
 var _GridVirtualScrollerRenderZone = require("../components/virtualization/GridVirtualScrollerRenderZone");
 var _GridHeaders = require("../components/GridHeaders");
 var _GridToolbar = require("../components/toolbarV8/GridToolbar");
+var _GridColumnSortButton = require("../components/GridColumnSortButton");
 var _GridBaseColumnHeaders = require("../components/columnHeaders/GridBaseColumnHeaders");
 var _defaultGridSlotsComponents = require("../constants/defaultGridSlotsComponents");
 var _signature = require("../constants/signature");
@@ -942,6 +985,7 @@ Object.keys(_rtlFlipSide).forEach(function (key) {
     }
   });
 });
+var _assert = require("../utils/assert");
 var _createSelector = require("../utils/createSelector");
 var _domUtils = require("../utils/domUtils");
 var _keyboardUtils = require("../utils/keyboardUtils");
@@ -1032,4 +1076,18 @@ Object.keys(_demo).forEach(function (key) {
     }
   });
 });
-var _GridSkeletonLoadingOverlay = require("../components/GridSkeletonLoadingOverlay");
+var _GridSkeletonLoadingOverlay = require("../components/GridSkeletonLoadingOverlay");
+var _pivoting = require("../hooks/features/pivoting");
+Object.keys(_pivoting).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
+  if (key in exports && exports[key] === _pivoting[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _pivoting[key];
+    }
+  });
+});
+var _createSvgIcon = require("../material/icons/createSvgIcon");
+var _GridPanelContext = require("../components/panel/GridPanelContext");

package/locales/arSD.js

@@ -11,6 +11,7 @@ const arSDGrid = {
   noResultsOverlayLabel: 'لم يتم العثور على نتائج.',
   // noColumnsOverlayLabel: 'No columns',
   // noColumnsOverlayManageColumns: 'Manage columns',
+  // emptyPivotOverlayLabel: 'Add fields to rows, columns, and values to create a pivot table',
 
   // Density selector toolbar button text
   toolbarDensity: 'الكثافة',
@@ -31,23 +32,18 @@ const arSDGrid = {
   toolbarQuickFilterPlaceholder: 'بحث...',
   toolbarQuickFilterLabel: 'بحث',
   toolbarQuickFilterDeleteIconLabel: 'أزال',
-  // Prompt toolbar field
-  // toolbarPromptControlPlaceholder: 'Type a prompt…',
-  // toolbarPromptControlWithRecordingPlaceholder: 'Type or record a prompt…',
-  // toolbarPromptControlRecordingPlaceholder: 'Listening for prompt…',
-  // toolbarPromptControlLabel: 'Prompt input',
-  // toolbarPromptControlRecordButtonDefaultLabel: 'Record',
-  // toolbarPromptControlRecordButtonActiveLabel: 'Stop recording',
-  // toolbarPromptControlSendActionLabel: 'Send',
-  // toolbarPromptControlSendActionAriaLabel: 'Send prompt',
-  // toolbarPromptControlErrorMessage: 'An error occurred while processing the request. Please try again with a different prompt.',
-
   // Export selector toolbar button text
   toolbarExport: 'تصدير',
   toolbarExportLabel: 'تصدير',
   toolbarExportCSV: 'تنزيل كملف CSV',
   toolbarExportPrint: 'طباعة',
   toolbarExportExcel: 'تحميل كملف الإكسل',
+  // Toolbar pivot button
+  // toolbarPivot: 'Pivot',
+
+  // Toolbar AI Assistant button
+  // toolbarAssistant: 'AI Assistant',
+
   // Columns management text
   // columnsManagementSearchTitle: 'Search',
   // columnsManagementNoColumns: 'No columns',
@@ -126,6 +122,8 @@ const arSDGrid = {
   columnMenuUnsort: 'الغاء الفرز',
   columnMenuSortAsc: 'الفرز تصاعدياً',
   columnMenuSortDesc: 'الفرز تنازلياً',
+  // columnMenuManagePivot: 'Manage pivot',
+
   // Column header text
   columnHeaderFiltersTooltipActive: count => count !== 1 ? `${count} من المرشِحات النشطة` : `مرشِح نشط`,
   columnHeaderFiltersLabel: 'إظهار المرشحات',
@@ -199,5 +197,82 @@ const arSDGrid = {
   aggregationFunctionLabelMin: 'الحد الادنى',
   aggregationFunctionLabelMax: 'الحد الاقصى',
   aggregationFunctionLabelSize: 'الحجم'
+
+  // Pivot panel
+  // pivotToggleLabel: 'Pivot',
+  // pivotRows: 'Rows',
+  // pivotColumns: 'Columns',
+  // pivotValues: 'Values',
+  // pivotCloseButton: 'Close pivot settings',
+  // pivotSearchButton: 'Search fields',
+  // pivotSearchControlPlaceholder: 'Search fields',
+  // pivotSearchControlLabel: 'Search fields',
+  // pivotSearchControlClear: 'Clear search',
+  // pivotNoFields: 'No fields',
+  // pivotMenuMoveUp: 'Move up',
+  // pivotMenuMoveDown: 'Move down',
+  // pivotMenuMoveToTop: 'Move to top',
+  // pivotMenuMoveToBottom: 'Move to bottom',
+  // pivotMenuRows: 'Rows',
+  // pivotMenuColumns: 'Columns',
+  // pivotMenuValues: 'Values',
+  // pivotMenuOptions: 'Field options',
+  // pivotMenuAddToRows: 'Add to Rows',
+  // pivotMenuAddToColumns: 'Add to Columns',
+  // pivotMenuAddToValues: 'Add to Values',
+  // pivotMenuRemove: 'Remove',
+  // pivotDragToRows: 'Drag here to create rows',
+  // pivotDragToColumns: 'Drag here to create columns',
+  // pivotDragToValues: 'Drag here to create values',
+  // pivotYearColumnHeaderName: '(Year)',
+  // pivotQuarterColumnHeaderName: '(Quarter)',
+
+  // AI Assistant panel
+  // aiAssistantPanelTitle: 'AI Assistant',
+  // aiAssistantPanelClose: 'Close AI Assistant',
+  // aiAssistantPanelNewConversation: 'New conversation',
+  // aiAssistantPanelConversationHistory: 'Conversation history',
+  // aiAssistantPanelEmptyConversation: 'No prompt history',
+  // aiAssistantSuggestions: 'Suggestions',
+
+  // Prompt field
+  // promptFieldLabel: 'Prompt',
+  // promptFieldPlaceholder: 'Type a prompt…',
+  // promptFieldPlaceholderWithRecording: 'Type or record a prompt…',
+  // promptFieldPlaceholderListening: 'Listening for prompt…',
+  // promptFieldSpeechRecognitionNotSupported: 'Speech recognition is not supported in this browser',
+  // promptFieldSend: 'Send',
+  // promptFieldRecord: 'Record',
+  // promptFieldStopRecording: 'Stop recording',
+
+  // Prompt
+  // promptRerun: 'Run again',
+  // promptProcessing: 'Processing…',
+  // promptAppliedChanges: 'Applied changes',
+
+  // Prompt changes
+  // promptChangeGroupDescription: (column: string) => `Group by ${column}`,
+  // promptChangeAggregationLabel: (column: string, aggregation: string) => `${column} (${aggregation})`,
+  // promptChangeAggregationDescription: (column: string, aggregation: string) => `Aggregate ${column} (${aggregation})`,
+  // promptChangeFilterLabel: (column: string, operator: string, value: string) => {
+  //   if (operator === 'is any of') {
+  //     return `${column} is any of: ${value}`;
+  //   }
+  //   return `${column} ${operator} ${value}`;
+  // },
+  // promptChangeFilterDescription: (column: string, operator: string, value: string) => {
+  //   if (operator === 'is any of') {
+  //     return `Filter where ${column} is any of: ${value}`;
+  //   }
+  //   return `Filter where ${column} ${operator} ${value}`;
+  // },
+  // promptChangeSortDescription: (column: string, direction: string) => `Sort by ${column} (${direction})`,
+  // promptChangePivotEnableLabel: 'Pivot',
+  // promptChangePivotEnableDescription: 'Enable pivot',
+  // promptChangePivotColumnsLabel: (count: number) => `Columns (${count})`,
+  // promptChangePivotColumnsDescription: (column: string, direction: string) => `${column}${direction ? ` (${direction})` : ''}`,
+  // promptChangePivotRowsLabel: (count: number) => `Rows (${count})`,
+  // promptChangePivotValuesLabel: (count: number) => `Values (${count})`,
+  // promptChangePivotValuesDescription: (column: string, aggregation: string) => `${column} (${aggregation})`,
 };
 const arSD = exports.arSD = (0, _getGridLocalization.getGridLocalization)(arSDGrid);