Update docs and API. Add missing types

Author: arminmeh

docs/data/data-grid/server-side-data/ServerSideLazyLoadingInfinite.js

@@ -2,7 +2,7 @@ import * as React from 'react';
 import { DataGridPro, GridToolbar } from '@mui/x-data-grid-pro';
 import { useMockServer } from '@mui/x-data-grid-generator';
 
-function ServerSideLazyLoading() {
+function ServerSideLazyLoadingInfinite() {
   const { columns, fetchRows } = useMockServer(
     { rowLength: 120 },
     { useCursorPagination: false, minDelay: 300, maxDelay: 800 },
@@ -42,4 +42,4 @@ function ServerSideLazyLoading() {
   );
 }
 
-export default ServerSideLazyLoading;
+export default ServerSideLazyLoadingInfinite;

docs/data/data-grid/server-side-data/ServerSideLazyLoadingInfinite.tsx

@@ -7,7 +7,7 @@ import {
 } from '@mui/x-data-grid-pro';
 import { useMockServer } from '@mui/x-data-grid-generator';
 
-function ServerSideLazyLoading() {
+function ServerSideLazyLoadingInfinite() {
   const { columns, fetchRows } = useMockServer(
     { rowLength: 120 },
     { useCursorPagination: false, minDelay: 300, maxDelay: 800 },
@@ -47,4 +47,4 @@ function ServerSideLazyLoading() {
   );
 }
 
-export default ServerSideLazyLoading;
+export default ServerSideLazyLoadingInfinite;

docs/data/data-grid/server-side-data/ServerSideLazyLoadingViewport.js

@@ -2,7 +2,7 @@ import * as React from 'react';
 import { DataGridPro, GridToolbar } from '@mui/x-data-grid-pro';
 import { useMockServer } from '@mui/x-data-grid-generator';
 
-function ServerSideLazyLoading() {
+function ServerSideLazyLoadingViewport() {
   const { columns, fetchRows } = useMockServer(
     { rowLength: 120 },
     { useCursorPagination: false, minDelay: 300, maxDelay: 800 },
@@ -43,4 +43,4 @@ function ServerSideLazyLoading() {
   );
 }
 
-export default ServerSideLazyLoading;
+export default ServerSideLazyLoadingViewport;

docs/data/data-grid/server-side-data/ServerSideLazyLoadingViewport.tsx

@@ -7,7 +7,7 @@ import {
 } from '@mui/x-data-grid-pro';
 import { useMockServer } from '@mui/x-data-grid-generator';
 
-function ServerSideLazyLoading() {
+function ServerSideLazyLoadingViewport() {
   const { columns, fetchRows } = useMockServer(
     { rowLength: 120 },
     { useCursorPagination: false, minDelay: 300, maxDelay: 800 },
@@ -48,4 +48,4 @@ function ServerSideLazyLoading() {
   );
 }
 
-export default ServerSideLazyLoading;
+export default ServerSideLazyLoadingViewport;

docs/data/data-grid/server-side-data/infinite-loading.md

@@ -46,7 +46,7 @@ export class GridDataSourceCacheDefault {
     }
 
     // split the range into chunks
-    const chunkRanges = [];
+    const chunkRanges: { startIndex: number; endIndex: number }[] = [];
     for (let i = params.start; i < params.end; i += this.chunkSize) {
       const endIndex = Math.min(i + this.chunkSize - 1, params.end);
       chunkRanges.push({ startIndex: i, endIndex });
@@ -102,7 +102,7 @@ export class GridDataSourceCacheDefault {
       return undefined;
     }
 
-    const cachedResponses = [];
+    const cachedResponses: (GridGetRowsResponse | null)[] = [];
 
     for (let i = startChunk; i <= endChunk; i += 1) {
       const keyString = getKey({ ...key, start: chunks[i].startIndex, end: chunks[i].endIndex });

packages/x-data-grid-pro/src/hooks/features/dataSource/cache.ts

@@ -251,6 +251,7 @@
   { "name": "GridDataSourceApiBase", "kind": "Interface" },
   { "name": "GridDataSourceCache", "kind": "Interface" },
   { "name": "GridDataSourceCacheDefault", "kind": "Class" },
+  { "name": "GridDataSourceCacheDefaultConfig", "kind": "TypeAlias" },
   { "name": "GridDataSourceGroupNode", "kind": "Interface" },
   { "name": "GridDataSourcePrivateApi", "kind": "Interface" },
   { "name": "GridDataSourceState", "kind": "Interface" },

scripts/x-data-grid-premium.exports.json

@@ -224,6 +224,7 @@
   { "name": "GridDataSourceApiBase", "kind": "Interface" },
   { "name": "GridDataSourceCache", "kind": "Interface" },
   { "name": "GridDataSourceCacheDefault", "kind": "Class" },
+  { "name": "GridDataSourceCacheDefaultConfig", "kind": "TypeAlias" },
   { "name": "GridDataSourceGroupNode", "kind": "Interface" },
   { "name": "GridDataSourcePrivateApi", "kind": "Interface" },
   { "name": "GridDataSourceState", "kind": "Interface" },