@mui/x-data-grid 8.7.0 → 8.8.0

package/esm/components/containers/GridRootStyles.js

@@ -836,6 +836,8 @@ export const GridRootStyles = styled('div', {
       [`&.${c['scrollbarFiller--pinnedRight']}`]: {
         backgroundColor: vars.cell.background.pinned,
         position: 'sticky',
+        zIndex: 40,
+        // Should be above the column separator
         right: 0
       }
     },

package/esm/components/virtualization/GridVirtualScroller.js

@@ -97,6 +97,10 @@ function GridVirtualScroller(props) {
       scrollDirection: "left"
     }, getScrollAreaProps())), /*#__PURE__*/_jsx(GridScrollArea, _extends({
       scrollDirection: "right"
+    }, getScrollAreaProps())), /*#__PURE__*/_jsx(GridScrollArea, _extends({
+      scrollDirection: "up"
+    }, getScrollAreaProps())), /*#__PURE__*/_jsx(GridScrollArea, _extends({
+      scrollDirection: "down"
     }, getScrollAreaProps())), /*#__PURE__*/_jsxs(Scroller, _extends({
       className: classes.scroller
     }, getScrollerProps(), {

package/esm/constants/gridClasses.d.ts

@@ -639,6 +639,14 @@ export interface GridClasses {
    * Styles applied to the right scroll area element.
    */
   'scrollArea--right': string;
+  /**
+   * Styles applied to the top scroll area element.
+   */
+  'scrollArea--up': string;
+  /**
+   * Styles applied to the bottom scroll area element.
+   */
+  'scrollArea--down': string;
   /**
    * Styles applied to the scrollbars.
    */

package/esm/constants/gridClasses.js

@@ -3,4 +3,4 @@ import generateUtilityClasses from '@mui/utils/generateUtilityClasses';
 export function getDataGridUtilityClass(slot) {
   return generateUtilityClass('MuiDataGrid', slot);
 }
-export const gridClasses = generateUtilityClasses('MuiDataGrid', ['aiAssistantPanel', 'aiAssistantPanelHeader', 'aiAssistantPanelTitleContainer', 'aiAssistantPanelTitle', 'aiAssistantPanelBody', 'aiAssistantPanelEmptyText', 'aiAssistantPanelFooter', 'aiAssistantPanelConversation', 'aiAssistantPanelConversationList', 'aiAssistantPanelConversationTitle', 'aiAssistantPanelSuggestions', 'aiAssistantPanelSuggestionsList', 'aiAssistantPanelSuggestionsItem', 'aiAssistantPanelSuggestionsLabel', 'actionsCell', 'aggregationColumnHeader', 'aggregationColumnHeader--alignLeft', 'aggregationColumnHeader--alignCenter', 'aggregationColumnHeader--alignRight', 'aggregationColumnHeaderLabel', 'aggregationRowOverlayWrapper', 'autoHeight', 'autosizing', 'mainContent', 'withSidePanel', 'booleanCell', 'cell--editable', 'cell--editing', 'cell--flex', 'cell--textCenter', 'cell--textLeft', 'cell--textRight', 'cell--rangeTop', 'cell--rangeBottom', 'cell--rangeLeft', 'cell--rangeRight', 'cell--pinnedLeft', 'cell--pinnedRight', 'cell--selectionMode', 'cell', 'cellCheckbox', 'cellEmpty', 'cellSkeleton', 'cellOffsetLeft', 'checkboxInput', 'collapsible', 'collapsibleTrigger', 'collapsibleIcon', 'collapsiblePanel', 'columnHeader', 'columnHeader--alignCenter', 'columnHeader--alignLeft', 'columnHeader--alignRight', 'columnHeader--dragging', 'columnHeader--moving', 'columnHeader--numeric', 'columnHeader--sortable', 'columnHeader--sorted', 'columnHeader--filtered', 'columnHeader--pinnedLeft', 'columnHeader--pinnedRight', 'columnHeader--last', 'columnHeader--lastUnpinned', 'columnHeader--siblingFocused', 'columnHeader--filter', 'columnHeaderFilterInput', 'columnHeaderFilterOperatorLabel', 'columnHeaderCheckbox', 'columnHeaderDraggableContainer', 'columnHeaderTitle', 'columnHeaderTitleContainer', 'columnHeaderTitleContainerContent', 'columnHeader--filledGroup', 'columnHeader--emptyGroup', 'columnHeaders', 'columnSeparator--resizable', 'columnSeparator--resizing', 'columnSeparator--sideLeft', 'columnSeparator--sideRight', 'columnSeparator', 'columnsManagement', 'columnsManagementRow', 'columnsManagementHeader', 'columnsManagementSearchInput', 'columnsManagementFooter', 'columnsManagementScrollArea', 'columnsManagementEmptyText', 'container--top', 'container--bottom', 'detailPanel', 'detailPanelToggleCell', 'detailPanelToggleCell--expanded', 'footerCell', 'panel', 'panelHeader', 'panelWrapper', 'panelContent', 'panelFooter', 'paper', 'editBooleanCell', 'editInputCell', 'filler', 'filler--borderBottom', 'filler--pinnedLeft', 'filler--pinnedRight', 'filterForm', 'filterFormDeleteIcon', 'filterFormLogicOperatorInput', 'filterFormColumnInput', 'filterFormOperatorInput', 'filterFormValueInput', 'filterIcon', 'footerContainer', 'headerFilterRow', 'iconButtonContainer', 'iconSeparator', 'main', 'main--hasPinnedRight', 'main--hiddenContent', 'menu', 'menuIcon', 'menuIconButton', 'menuOpen', 'menuList', 'overlay', 'overlayWrapper', 'overlayWrapperInner', 'root', 'root--densityStandard', 'root--densityComfortable', 'root--densityCompact', 'root--disableUserSelection', 'root--noToolbar', 'row', 'row--editable', 'row--editing', 'row--firstVisible', 'row--lastVisible', 'row--dragging', 'row--dynamicHeight', 'row--detailPanelExpanded', 'row--borderBottom', 'rowReorderCellPlaceholder', 'rowCount', 'rowReorderCellContainer', 'rowReorderCell', 'rowReorderCell--draggable', 'rowReorderIcon', 'rowSkeleton', 'scrollArea--left', 'scrollArea--right', 'scrollArea', 'scrollbar', 'scrollbar--vertical', 'scrollbar--horizontal', 'scrollbarFiller', 'scrollbarFiller--header', 'scrollbarFiller--borderTop', 'scrollbarFiller--borderBottom', 'scrollbarFiller--pinnedRight', 'selectedRowCount', 'sortButton', 'sortIcon', 'shadowScrollArea', 'sidebar', 'sidebarHeader', 'toolbarContainer', 'toolbar', 'toolbarLabel', 'toolbarDivider', 'toolbarFilterList', 'toolbarQuickFilter', 'toolbarQuickFilterTrigger', 'toolbarQuickFilterControl', 'virtualScroller', 'virtualScroller--hasScrollX', 'virtualScrollerContent', 'virtualScrollerContent--overflowed', 'virtualScrollerRenderZone', 'withVerticalBorder', 'withBorderColor', 'cell--withRightBorder', 'cell--withLeftBorder', 'columnHeader--withRightBorder', 'columnHeader--withLeftBorder', 'treeDataGroupingCell', 'treeDataGroupingCellToggle', 'treeDataGroupingCellLoadingContainer', 'groupingCriteriaCell', 'groupingCriteriaCellToggle', 'groupingCriteriaCellLoadingContainer', 'pinnedRows', 'pinnedRows--top', 'pinnedRows--bottom', 'pivotPanelAvailableFields', 'pivotPanelField', 'pivotPanelField--sorted', 'pivotPanelFieldActionContainer', 'pivotPanelFieldCheckbox', 'pivotPanelFieldDragIcon', 'pivotPanelFieldList', 'pivotPanelFieldName', 'pivotPanelHeader', 'pivotPanelPlaceholder', 'pivotPanelScrollArea', 'pivotPanelSearchContainer', 'pivotPanelSection', 'pivotPanelSectionTitle', 'pivotPanelSections', 'pivotPanelSwitch', 'pivotPanelSwitchLabel', 'prompt', 'promptContent', 'promptText', 'promptFeedback', 'promptChangeList', 'promptChangesToggle', 'promptChangesToggleIcon', 'promptIcon', 'promptIconContainer', 'promptError', 'promptAction']);
+export const gridClasses = generateUtilityClasses('MuiDataGrid', ['aiAssistantPanel', 'aiAssistantPanelHeader', 'aiAssistantPanelTitleContainer', 'aiAssistantPanelTitle', 'aiAssistantPanelBody', 'aiAssistantPanelEmptyText', 'aiAssistantPanelFooter', 'aiAssistantPanelConversation', 'aiAssistantPanelConversationList', 'aiAssistantPanelConversationTitle', 'aiAssistantPanelSuggestions', 'aiAssistantPanelSuggestionsList', 'aiAssistantPanelSuggestionsItem', 'aiAssistantPanelSuggestionsLabel', 'actionsCell', 'aggregationColumnHeader', 'aggregationColumnHeader--alignLeft', 'aggregationColumnHeader--alignCenter', 'aggregationColumnHeader--alignRight', 'aggregationColumnHeaderLabel', 'aggregationRowOverlayWrapper', 'autoHeight', 'autosizing', 'mainContent', 'withSidePanel', 'booleanCell', 'cell--editable', 'cell--editing', 'cell--flex', 'cell--textCenter', 'cell--textLeft', 'cell--textRight', 'cell--rangeTop', 'cell--rangeBottom', 'cell--rangeLeft', 'cell--rangeRight', 'cell--pinnedLeft', 'cell--pinnedRight', 'cell--selectionMode', 'cell', 'cellCheckbox', 'cellEmpty', 'cellSkeleton', 'cellOffsetLeft', 'checkboxInput', 'collapsible', 'collapsibleTrigger', 'collapsibleIcon', 'collapsiblePanel', 'columnHeader', 'columnHeader--alignCenter', 'columnHeader--alignLeft', 'columnHeader--alignRight', 'columnHeader--dragging', 'columnHeader--moving', 'columnHeader--numeric', 'columnHeader--sortable', 'columnHeader--sorted', 'columnHeader--filtered', 'columnHeader--pinnedLeft', 'columnHeader--pinnedRight', 'columnHeader--last', 'columnHeader--lastUnpinned', 'columnHeader--siblingFocused', 'columnHeader--filter', 'columnHeaderFilterInput', 'columnHeaderFilterOperatorLabel', 'columnHeaderCheckbox', 'columnHeaderDraggableContainer', 'columnHeaderTitle', 'columnHeaderTitleContainer', 'columnHeaderTitleContainerContent', 'columnHeader--filledGroup', 'columnHeader--emptyGroup', 'columnHeaders', 'columnSeparator--resizable', 'columnSeparator--resizing', 'columnSeparator--sideLeft', 'columnSeparator--sideRight', 'columnSeparator', 'columnsManagement', 'columnsManagementRow', 'columnsManagementHeader', 'columnsManagementSearchInput', 'columnsManagementFooter', 'columnsManagementScrollArea', 'columnsManagementEmptyText', 'container--top', 'container--bottom', 'detailPanel', 'detailPanelToggleCell', 'detailPanelToggleCell--expanded', 'footerCell', 'panel', 'panelHeader', 'panelWrapper', 'panelContent', 'panelFooter', 'paper', 'editBooleanCell', 'editInputCell', 'filler', 'filler--borderBottom', 'filler--pinnedLeft', 'filler--pinnedRight', 'filterForm', 'filterFormDeleteIcon', 'filterFormLogicOperatorInput', 'filterFormColumnInput', 'filterFormOperatorInput', 'filterFormValueInput', 'filterIcon', 'footerContainer', 'headerFilterRow', 'iconButtonContainer', 'iconSeparator', 'main', 'main--hasPinnedRight', 'main--hiddenContent', 'menu', 'menuIcon', 'menuIconButton', 'menuOpen', 'menuList', 'overlay', 'overlayWrapper', 'overlayWrapperInner', 'root', 'root--densityStandard', 'root--densityComfortable', 'root--densityCompact', 'root--disableUserSelection', 'root--noToolbar', 'row', 'row--editable', 'row--editing', 'row--firstVisible', 'row--lastVisible', 'row--dragging', 'row--dynamicHeight', 'row--detailPanelExpanded', 'row--borderBottom', 'rowReorderCellPlaceholder', 'rowCount', 'rowReorderCellContainer', 'rowReorderCell', 'rowReorderCell--draggable', 'rowReorderIcon', 'rowSkeleton', 'scrollArea--left', 'scrollArea--right', 'scrollArea--up', 'scrollArea--down', 'scrollArea', 'scrollbar', 'scrollbar--vertical', 'scrollbar--horizontal', 'scrollbarFiller', 'scrollbarFiller--header', 'scrollbarFiller--borderTop', 'scrollbarFiller--borderBottom', 'scrollbarFiller--pinnedRight', 'selectedRowCount', 'sortButton', 'sortIcon', 'shadowScrollArea', 'sidebar', 'sidebarHeader', 'toolbarContainer', 'toolbar', 'toolbarLabel', 'toolbarDivider', 'toolbarFilterList', 'toolbarQuickFilter', 'toolbarQuickFilterTrigger', 'toolbarQuickFilterControl', 'virtualScroller', 'virtualScroller--hasScrollX', 'virtualScrollerContent', 'virtualScrollerContent--overflowed', 'virtualScrollerRenderZone', 'withVerticalBorder', 'withBorderColor', 'cell--withRightBorder', 'cell--withLeftBorder', 'columnHeader--withRightBorder', 'columnHeader--withLeftBorder', 'treeDataGroupingCell', 'treeDataGroupingCellToggle', 'treeDataGroupingCellLoadingContainer', 'groupingCriteriaCell', 'groupingCriteriaCellToggle', 'groupingCriteriaCellLoadingContainer', 'pinnedRows', 'pinnedRows--top', 'pinnedRows--bottom', 'pivotPanelAvailableFields', 'pivotPanelField', 'pivotPanelField--sorted', 'pivotPanelFieldActionContainer', 'pivotPanelFieldCheckbox', 'pivotPanelFieldDragIcon', 'pivotPanelFieldList', 'pivotPanelFieldName', 'pivotPanelHeader', 'pivotPanelPlaceholder', 'pivotPanelScrollArea', 'pivotPanelSearchContainer', 'pivotPanelSection', 'pivotPanelSectionTitle', 'pivotPanelSections', 'pivotPanelSwitch', 'pivotPanelSwitchLabel', 'prompt', 'promptContent', 'promptText', 'promptFeedback', 'promptChangeList', 'promptChangesToggle', 'promptChangesToggleIcon', 'promptIcon', 'promptIconContainer', 'promptError', 'promptAction']);

package/esm/hooks/features/dataSource/useGridDataSourceBase.d.ts

@@ -6,7 +6,7 @@ import type { GridPrivateApiCommunity } from "../../../models/api/gridApiCommuni
 import type { DataGridProcessedProps } from "../../../models/props/DataGridProps.js";
 import type { GridStrategyProcessor } from "../../core/strategyProcessing/index.js";
 import type { GridEventListener } from "../../../models/events/index.js";
-export declare const useGridDataSourceBase: <Api extends GridPrivateApiCommunity>(apiRef: RefObject<Api>, props: Pick<DataGridProcessedProps, "dataSource" | "dataSourceCache" | "onDataSourceError" | "pageSizeOptions" | "signature">, options?: GridDataSourceBaseOptions) => {
+export declare const useGridDataSourceBase: <Api extends GridPrivateApiCommunity>(apiRef: RefObject<Api>, props: Pick<DataGridProcessedProps, "dataSource" | "dataSourceCache" | "onDataSourceError" | "pageSizeOptions" | "pagination" | "signature">, options?: GridDataSourceBaseOptions) => {
   api: {
     public: GridDataSourceApi;
   };

package/esm/hooks/features/dataSource/useGridDataSourceBase.js

@@ -35,6 +35,9 @@ export const useGridDataSourceBase = (apiRef, props, options = {}) => {
   const lastRequestId = React.useRef(0);
   const onDataSourceErrorProp = props.onDataSourceError;
   const cacheChunkManager = useLazyRef(() => {
+    if (!props.pagination) {
+      return new CacheChunkManager(paginationModel.pageSize);
+    }
     const sortedPageSizeOptions = props.pageSizeOptions.map(option => typeof option === 'number' ? option : option.value).sort((a, b) => a - b);
     const cacheChunkSize = Math.min(paginationModel.pageSize, sortedPageSizeOptions[0]);
     return new CacheChunkManager(cacheChunkSize);

package/esm/hooks/features/dataSource/utils.js

@@ -37,6 +37,9 @@ export class CacheChunkManager {
     };
     this.splitResponse = (key, response) => {
       const cacheKeys = this.getCacheKeys(key);
+      if (cacheKeys.length === 1) {
+        return new Map([[key, response]]);
+      }
       const responses = new Map();
       cacheKeys.forEach(chunkKey => {
         const isLastChunk = chunkKey.end === key.end;

package/esm/hooks/utils/useGridSelector.js

@@ -69,6 +69,10 @@ export function useGridSelector(apiRef, selector, args = undefined, equals = def
   // eslint-disable-next-line react-hooks/exhaustive-deps
   EMPTY);
   const unsubscribe = React.useCallback(() => {
+    // Fixes issue in React Strict Mode, where getSnapshot is not called
+    if (!refs.current.subscription) {
+      subscribe();
+    }
     return () => {
       if (refs.current.subscription) {
         refs.current.subscription();

package/esm/index.js

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

package/esm/internals/utils/cache.d.ts

@@ -0,0 +1,9 @@
+import { GridGetRowsParams, GridGetRowsResponse } from "../../models/gridDataSource.js";
+export declare class TestCache {
+  private cache;
+  constructor();
+  set(key: GridGetRowsParams, value: GridGetRowsResponse): void;
+  get(key: GridGetRowsParams): GridGetRowsResponse | undefined;
+  size(): number;
+  clear(): void;
+}

package/esm/internals/utils/cache.js

@@ -0,0 +1,19 @@
+import { getKeyDefault } from "../../hooks/features/dataSource/cache.js";
+export class TestCache {
+  constructor() {
+    this.cache = void 0;
+    this.cache = new Map();
+  }
+  set(key, value) {
+    this.cache.set(getKeyDefault(key), value);
+  }
+  get(key) {
+    return this.cache.get(getKeyDefault(key));
+  }
+  size() {
+    return this.cache.size;
+  }
+  clear() {
+    this.cache.clear();
+  }
+}

package/esm/internals/utils/index.d.ts

@@ -1,4 +1,5 @@
 export * from "./computeSlots.js";
 export * from "./propValidation.js";
 export * from "./gridRowGroupingUtils.js";
-export * from "./attachPinnedStyle.js";
+export * from "./attachPinnedStyle.js";
+export * from "./cache.js";

package/esm/internals/utils/index.js

@@ -1,4 +1,5 @@
 export * from "./computeSlots.js";
 export * from "./propValidation.js";
 export * from "./gridRowGroupingUtils.js";
-export * from "./attachPinnedStyle.js";
+export * from "./attachPinnedStyle.js";
+export * from "./cache.js";

package/esm/locales/idID.d.ts

@@ -0,0 +1,4 @@
+import { GridLocaleText } from "../models/api/gridLocaleTextApi.js";
+import { Localization } from "../utils/getGridLocalization.js";
+export declare const idIDGrid: GridLocaleText;
+export declare const idID: Localization;

package/esm/locales/idID.js

@@ -0,0 +1,261 @@
+import { getGridLocalization } from "../utils/getGridLocalization.js";
+export const idIDGrid = {
+  // Root
+  noRowsLabel: 'Tidak ad abaris',
+  noResultsOverlayLabel: 'Tidak ada hasil yang ditemukan.',
+  noColumnsOverlayLabel: 'Tidak ada kolom',
+  noColumnsOverlayManageColumns: 'Kelola columns',
+  emptyPivotOverlayLabel: 'Tambahkan bidang ke baris, kolom, dan nilai untuk membuat tabel pivot',
+  // Density selector toolbar button text
+  toolbarDensity: 'Kepadatan',
+  toolbarDensityLabel: 'Kepadatan',
+  toolbarDensityCompact: 'Ringkas',
+  toolbarDensityStandard: 'Standar',
+  toolbarDensityComfortable: 'Nyaman',
+  // Columns selector toolbar button text
+  toolbarColumns: 'Kolom',
+  toolbarColumnsLabel: 'Pilih kolom',
+  // Filters toolbar button text
+  toolbarFilters: 'Filter',
+  toolbarFiltersLabel: 'Tampilkan filter',
+  toolbarFiltersTooltipHide: 'Sembunyikan filter',
+  toolbarFiltersTooltipShow: 'Tampilkan filter',
+  toolbarFiltersTooltipActive: count => `${count} filter aktif`,
+  // Quick filter toolbar field
+  toolbarQuickFilterPlaceholder: 'Cari…',
+  toolbarQuickFilterLabel: 'Cari',
+  toolbarQuickFilterDeleteIconLabel: 'Hapus',
+  // Export selector toolbar button text
+  toolbarExport: 'Ekspor',
+  toolbarExportLabel: 'Ekspor',
+  toolbarExportCSV: 'Unduh sebagai CSV',
+  toolbarExportPrint: 'Cetak',
+  toolbarExportExcel: 'Unduh sebagai Excel',
+  // Toolbar pivot button
+  toolbarPivot: 'Pivot',
+  // Toolbar AI Assistant button
+  toolbarAssistant: 'Asisten AI',
+  // Columns management text
+  columnsManagementSearchTitle: 'Cari',
+  columnsManagementNoColumns: 'Tidak ada kolom',
+  columnsManagementShowHideAllText: 'Tampilkan/Sembunyikan Semua',
+  columnsManagementReset: 'Atur ulang',
+  columnsManagementDeleteIconLabel: 'Hapus',
+  // Filter panel text
+  filterPanelAddFilter: 'Tambahkan filter',
+  filterPanelRemoveAll: 'Hapus semua',
+  filterPanelDeleteIconLabel: 'Hapus',
+  filterPanelLogicOperator: 'Operator logika',
+  filterPanelOperator: 'Operator',
+  filterPanelOperatorAnd: 'Dan',
+  filterPanelOperatorOr: 'Atau',
+  filterPanelColumns: 'Kolom',
+  filterPanelInputLabel: 'Nilai',
+  filterPanelInputPlaceholder: 'Nilai filter',
+  // Filter operators text
+  filterOperatorContains: 'berisi',
+  filterOperatorDoesNotContain: 'tidak berisi',
+  filterOperatorEquals: 'sama dengan',
+  filterOperatorDoesNotEqual: 'tidak sama dengan',
+  filterOperatorStartsWith: 'diawali dengan',
+  filterOperatorEndsWith: 'diakhiri dengan',
+  filterOperatorIs: 'adalah',
+  filterOperatorNot: 'bukan',
+  filterOperatorAfter: 'setelah',
+  filterOperatorOnOrAfter: 'pada atau setelah',
+  filterOperatorBefore: 'sebelum',
+  filterOperatorOnOrBefore: 'pada atau sebelum',
+  filterOperatorIsEmpty: 'kosong',
+  filterOperatorIsNotEmpty: 'tidak kosong',
+  filterOperatorIsAnyOf: 'salah satu dari',
+  'filterOperator=': '=',
+  'filterOperator!=': '!=',
+  'filterOperator>': '>',
+  'filterOperator>=': '>=',
+  'filterOperator<': '<',
+  'filterOperator<=': '<=',
+  // Header filter operators text
+  headerFilterOperatorContains: 'Mengandung',
+  headerFilterOperatorDoesNotContain: 'Tidak mengandung',
+  headerFilterOperatorEquals: 'Sama dengan',
+  headerFilterOperatorDoesNotEqual: 'Tidak sama dengan',
+  headerFilterOperatorStartsWith: 'Diawali dengan',
+  headerFilterOperatorEndsWith: 'Diakhiri dengan',
+  headerFilterOperatorIs: 'Adalah',
+  headerFilterOperatorNot: 'Bukan',
+  headerFilterOperatorAfter: 'Setelah',
+  headerFilterOperatorOnOrAfter: 'Pada atau setelah',
+  headerFilterOperatorBefore: 'Sebelum',
+  headerFilterOperatorOnOrBefore: 'Pada atau sebelum',
+  headerFilterOperatorIsEmpty: 'Kosong',
+  headerFilterOperatorIsNotEmpty: 'Tidak kosong',
+  headerFilterOperatorIsAnyOf: 'Salah satu dari',
+  'headerFilterOperator=': 'Sama dengan',
+  'headerFilterOperator!=': 'Tidak sama dengan',
+  'headerFilterOperator>': 'Lebih dari',
+  'headerFilterOperator>=': 'Lebih dari atau sama dengan',
+  'headerFilterOperator<': 'Kurang dari',
+  'headerFilterOperator<=': 'Kurang dari atau sama dengan',
+  headerFilterClear: 'Hapus filter',
+  // Filter values text
+  filterValueAny: 'apa saja',
+  filterValueTrue: 'benar',
+  filterValueFalse: 'salah',
+  // Column menu text
+  columnMenuLabel: 'Menu',
+  columnMenuAriaLabel: columnName => `Menu kolom ${columnName}`,
+  columnMenuShowColumns: 'Tampilkan kolom',
+  columnMenuManageColumns: 'Kelola kolom',
+  columnMenuFilter: 'Filter',
+  columnMenuHideColumn: 'Sembunyikan kolom',
+  columnMenuUnsort: 'Batalkan urutan',
+  columnMenuSortAsc: 'Urutkan menaik',
+  columnMenuSortDesc: 'Urutkan menurun',
+  columnMenuManagePivot: 'Kelola pivot',
+  // Column header text
+  columnHeaderFiltersTooltipActive: count => `${count} filter aktif`,
+  columnHeaderFiltersLabel: 'Tampilkan filter',
+  columnHeaderSortIconLabel: 'Urutkan',
+  // Rows selected footer text
+  footerRowSelected: count => `${count.toLocaleString()} baris dipilih`,
+  // Total row amount footer text
+  footerTotalRows: 'Total Baris:',
+  // Total visible row amount footer text
+  footerTotalVisibleRows: (visibleCount, totalCount) => `${visibleCount.toLocaleString()} dari ${totalCount.toLocaleString()}`,
+  // Checkbox selection text
+  checkboxSelectionHeaderName: 'Pilihan kotak centang',
+  checkboxSelectionSelectAllRows: 'Pilih semua baris',
+  checkboxSelectionUnselectAllRows: 'Batal pilih semua baris',
+  checkboxSelectionSelectRow: 'Pilih baris',
+  checkboxSelectionUnselectRow: 'Batal pilih baris',
+  // Boolean cell text
+  booleanCellTrueLabel: 'ya',
+  booleanCellFalseLabel: 'tidak',
+  // Actions cell more text
+  actionsCellMore: 'lainnya',
+  // Column pinning text
+  pinToLeft: 'Sematkan ke kiri',
+  pinToRight: 'Sematkan ke kanan',
+  unpin: 'Lepas sematan',
+  // Tree Data
+  treeDataGroupingHeaderName: 'Kelompok',
+  treeDataExpand: 'lihat turunan',
+  treeDataCollapse: 'sembunyikan turunan',
+  // Grouping columns
+  groupingColumnHeaderName: 'Kelompok',
+  groupColumn: name => `Kelompokkan berdasarkan ${name}`,
+  unGroupColumn: name => `Hentikan pengelompokan berdasarkan ${name}`,
+  // Master/detail
+  detailPanelToggle: 'Pengalih panel detail',
+  expandDetailPanel: 'Perluas',
+  collapseDetailPanel: 'Ciutkan',
+  // Pagination
+  paginationRowsPerPage: 'Baris per halaman:',
+  paginationDisplayedRows: ({
+    from,
+    to,
+    count,
+    estimated
+  }) => {
+    if (!estimated) {
+      return `${from}–${to} dari ${count !== -1 ? count : `lebih dari ${to}`}`;
+    }
+    const estimatedLabel = estimated && estimated > to ? `sekitar ${estimated}` : `lebih dari ${to}`;
+    return `${from}–${to} dari ${count !== -1 ? count : estimatedLabel}`;
+  },
+  paginationItemAriaLabel: type => {
+    if (type === 'first') {
+      return 'Pergi ke halaman pertama';
+    }
+    if (type === 'last') {
+      return 'Pergi ke halaman terakhir';
+    }
+    if (type === 'next') {
+      return 'Pergi ke halaman berikutnya';
+    }
+    // if (type === 'previous') {
+    return 'Pergi ke halaman sebelumnya';
+  },
+  // Row reordering text
+  rowReorderingHeaderName: 'Pengurutan ulang baris',
+  // Aggregation
+  aggregationMenuItemHeader: 'Agregasi',
+  aggregationFunctionLabelSum: 'jumlah',
+  aggregationFunctionLabelAvg: 'rata-rata',
+  aggregationFunctionLabelMin: 'min',
+  aggregationFunctionLabelMax: 'maks',
+  aggregationFunctionLabelSize: 'ukuran',
+  // Pivot panel
+  pivotToggleLabel: 'Pivot',
+  pivotRows: 'Baris',
+  pivotColumns: 'Kolom',
+  pivotValues: 'Nilai',
+  pivotCloseButton: 'Tutup pengaturan pivot',
+  pivotSearchButton: 'Cari bidang',
+  pivotSearchControlPlaceholder: 'Cari bidang',
+  pivotSearchControlLabel: 'Cari bidang',
+  pivotSearchControlClear: 'Hapus pencarian',
+  pivotNoFields: 'Tidak ada bidang',
+  pivotMenuMoveUp: 'Pindah ke atas',
+  pivotMenuMoveDown: 'Pindah ke bawah',
+  pivotMenuMoveToTop: 'Pindah ke paling atas',
+  pivotMenuMoveToBottom: 'Pindah ke paling bawah',
+  pivotMenuRows: 'Baris',
+  pivotMenuColumns: 'Kolom',
+  pivotMenuValues: 'Nilai',
+  pivotMenuOptions: 'Opsi bidang',
+  pivotMenuAddToRows: 'Tambahkan ke Baris',
+  pivotMenuAddToColumns: 'Tambahkan ke Kolom',
+  pivotMenuAddToValues: 'Tambahkan ke Nilai',
+  pivotMenuRemove: 'Hapus',
+  pivotDragToRows: 'Seret ke sini untuk membuat baris',
+  pivotDragToColumns: 'Seret ke sini untuk membuat kolom',
+  pivotDragToValues: 'Seret ke sini untuk membuat nilai',
+  pivotYearColumnHeaderName: '(Tahun)',
+  pivotQuarterColumnHeaderName: '(Kuartal)',
+  // AI Assistant panel
+  aiAssistantPanelTitle: 'Asisten AI',
+  aiAssistantPanelClose: 'Tutup Asisten AI',
+  aiAssistantPanelNewConversation: 'Percakapan baru',
+  aiAssistantPanelConversationHistory: 'Riwayat percakapan',
+  aiAssistantPanelEmptyConversation: 'Tidak ada riwayat percakapan',
+  aiAssistantSuggestions: 'Saran',
+  // Prompt field
+  promptFieldLabel: 'Perintah',
+  promptFieldPlaceholder: 'Ketik perintah…',
+  promptFieldPlaceholderWithRecording: 'Ketik atau rekam perintah…',
+  promptFieldPlaceholderListening: 'Mendengarkan perintah',
+  promptFieldSpeechRecognitionNotSupported: 'Pengenalan suara tidak didukung di browser ini',
+  promptFieldSend: 'Kirim',
+  promptFieldRecord: 'Rekam',
+  promptFieldStopRecording: 'Hentikan perekaman',
+  // Prompt
+  promptRerun: 'Jalankan lagi',
+  promptProcessing: 'Memproses…',
+  promptAppliedChanges: 'Perubahan diterapkan',
+  // Prompt changes
+  promptChangeGroupDescription: column => `Kelompokkan berdasarkan ${column}`,
+  promptChangeAggregationLabel: (column, aggregation) => `${column} (${aggregation})`,
+  promptChangeAggregationDescription: (column, aggregation) => `Agregasikan ${column} (${aggregation})`,
+  promptChangeFilterLabel: (column, operator, value) => {
+    if (operator === 'is any of') {
+      return `${column} salah satu dari: ${value}`;
+    }
+    return `${column} ${operator} ${value}`;
+  },
+  promptChangeFilterDescription: (column, operator, value) => {
+    if (operator === 'is any of') {
+      return `Filter di mana ${column} salah satu dari: ${value}`;
+    }
+    return `Filter di mana ${column} ${operator} ${value}`;
+  },
+  promptChangeSortDescription: (column, direction) => `Urutkan berdasarkan ${column} (${direction})`,
+  promptChangePivotEnableLabel: 'Pivot',
+  promptChangePivotEnableDescription: 'Aktifkan pivot',
+  promptChangePivotColumnsLabel: count => `Kolom (${count})`,
+  promptChangePivotColumnsDescription: (column, direction) => `${column}${direction ? ` (${direction})` : ''}`,
+  promptChangePivotRowsLabel: count => `Baris (${count})`,
+  promptChangePivotValuesLabel: count => `Nilai (${count})`,
+  promptChangePivotValuesDescription: (column, aggregation) => `${column} (${aggregation})`
+};
+export const idID = getGridLocalization(idIDGrid);

package/esm/locales/index.d.ts

@@ -35,4 +35,5 @@ export * from "./zhTW.js";
 export * from "./hrHR.js";
 export * from "./ptPT.js";
 export * from "./zhHK.js";
-export * from "./isIS.js";
+export * from "./isIS.js";
+export * from "./idID.js";

package/esm/locales/index.js

@@ -36,4 +36,5 @@ export * from "./zhTW.js";
 export * from "./hrHR.js";
 export * from "./ptPT.js";
 export * from "./zhHK.js";
-export * from "./isIS.js";
+export * from "./isIS.js";
+export * from "./idID.js";

package/hooks/features/dataSource/useGridDataSourceBase.d.ts

@@ -6,7 +6,7 @@ import type { GridPrivateApiCommunity } from "../../../models/api/gridApiCommuni
 import type { DataGridProcessedProps } from "../../../models/props/DataGridProps.js";
 import type { GridStrategyProcessor } from "../../core/strategyProcessing/index.js";
 import type { GridEventListener } from "../../../models/events/index.js";
-export declare const useGridDataSourceBase: <Api extends GridPrivateApiCommunity>(apiRef: RefObject<Api>, props: Pick<DataGridProcessedProps, "dataSource" | "dataSourceCache" | "onDataSourceError" | "pageSizeOptions" | "signature">, options?: GridDataSourceBaseOptions) => {
+export declare const useGridDataSourceBase: <Api extends GridPrivateApiCommunity>(apiRef: RefObject<Api>, props: Pick<DataGridProcessedProps, "dataSource" | "dataSourceCache" | "onDataSourceError" | "pageSizeOptions" | "pagination" | "signature">, options?: GridDataSourceBaseOptions) => {
   api: {
     public: GridDataSourceApi;
   };

package/hooks/features/dataSource/useGridDataSourceBase.js

@@ -42,6 +42,9 @@ const useGridDataSourceBase = (apiRef, props, options = {}) => {
   const lastRequestId = React.useRef(0);
   const onDataSourceErrorProp = props.onDataSourceError;
   const cacheChunkManager = (0, _useLazyRef.default)(() => {
+    if (!props.pagination) {
+      return new _utils2.CacheChunkManager(paginationModel.pageSize);
+    }
     const sortedPageSizeOptions = props.pageSizeOptions.map(option => typeof option === 'number' ? option : option.value).sort((a, b) => a - b);
     const cacheChunkSize = Math.min(paginationModel.pageSize, sortedPageSizeOptions[0]);
     return new _utils2.CacheChunkManager(cacheChunkSize);

package/hooks/features/dataSource/utils.js

@@ -43,6 +43,9 @@ class CacheChunkManager {
     };
     this.splitResponse = (key, response) => {
       const cacheKeys = this.getCacheKeys(key);
+      if (cacheKeys.length === 1) {
+        return new Map([[key, response]]);
+      }
       const responses = new Map();
       cacheKeys.forEach(chunkKey => {
         const isLastChunk = chunkKey.end === key.end;

package/hooks/utils/useGridSelector.js

@@ -77,6 +77,10 @@ function useGridSelector(apiRef, selector, args = undefined, equals = defaultCom
   // eslint-disable-next-line react-hooks/exhaustive-deps
   EMPTY);
   const unsubscribe = React.useCallback(() => {
+    // Fixes issue in React Strict Mode, where getSnapshot is not called
+    if (!refs.current.subscription) {
+      subscribe();
+    }
     return () => {
       if (refs.current.subscription) {
         refs.current.subscription();

package/index.js

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

package/internals/utils/cache.d.ts

@@ -0,0 +1,9 @@
+import { GridGetRowsParams, GridGetRowsResponse } from "../../models/gridDataSource.js";
+export declare class TestCache {
+  private cache;
+  constructor();
+  set(key: GridGetRowsParams, value: GridGetRowsResponse): void;
+  get(key: GridGetRowsParams): GridGetRowsResponse | undefined;
+  size(): number;
+  clear(): void;
+}

package/internals/utils/cache.js

@@ -0,0 +1,26 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.TestCache = void 0;
+var _cache = require("../../hooks/features/dataSource/cache");
+class TestCache {
+  constructor() {
+    this.cache = void 0;
+    this.cache = new Map();
+  }
+  set(key, value) {
+    this.cache.set((0, _cache.getKeyDefault)(key), value);
+  }
+  get(key) {
+    return this.cache.get((0, _cache.getKeyDefault)(key));
+  }
+  size() {
+    return this.cache.size;
+  }
+  clear() {
+    this.cache.clear();
+  }
+}
+exports.TestCache = TestCache;

package/internals/utils/index.d.ts

@@ -1,4 +1,5 @@
 export * from "./computeSlots.js";
 export * from "./propValidation.js";
 export * from "./gridRowGroupingUtils.js";
-export * from "./attachPinnedStyle.js";
+export * from "./attachPinnedStyle.js";
+export * from "./cache.js";

package/internals/utils/index.js

@@ -46,4 +46,15 @@ Object.keys(_attachPinnedStyle).forEach(function (key) {
       return _attachPinnedStyle[key];
     }
   });
+});
+var _cache = require("./cache");
+Object.keys(_cache).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _cache[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _cache[key];
+    }
+  });
 });

package/locales/idID.d.ts

@@ -0,0 +1,4 @@
+import { GridLocaleText } from "../models/api/gridLocaleTextApi.js";
+import { Localization } from "../utils/getGridLocalization.js";
+export declare const idIDGrid: GridLocaleText;
+export declare const idID: Localization;