added readonly flag to freezeColumns tuple prop

Author: Mihran Margaryan

packages/core/src/internal/data-grid/data-grid.tsx

@@ -70,7 +70,7 @@ export interface DataGridProps {
 
     readonly accessibilityHeight: number;
 
-    readonly freezeColumns: number | [left: number, right: number];
+    readonly freezeColumns: number | readonly [left: number, right: number];
     readonly freezeTrailingRows: number;
     readonly hasAppendRow: boolean;
     readonly firstColAccessible: boolean;
@@ -960,15 +960,15 @@ const DataGrid: React.ForwardRefRenderFunction<DataGridRef, DataGridProps> = (p,
     const cursor = isDragging
         ? "grabbing"
         : canDrag || isResizing
-        ? "col-resize"
-        : overFill || isFilling
-        ? "crosshair"
-        : cursorOverride !== undefined
-        ? cursorOverride
-        : headerHovered || clickableInnerCellHovered || editableBoolHovered || groupHeaderHovered
-        ? "pointer"
-        : "default";
-    
+          ? "col-resize"
+          : overFill || isFilling
+            ? "crosshair"
+            : cursorOverride !== undefined
+              ? cursorOverride
+              : headerHovered || clickableInnerCellHovered || editableBoolHovered || groupHeaderHovered
+                ? "pointer"
+                : "default";
+
     const style = React.useMemo(
         () => ({
             // width,
@@ -1905,8 +1905,8 @@ const DataGrid: React.ForwardRefRenderFunction<DataGridRef, DataGridProps> = (p,
         freezeLeftColumns === 0 || !fixedShadowX
             ? 0
             : cellXOffset > freezeLeftColumns
-            ? 1
-            : clamp(-translateX / 100, 0, 1);
+              ? 1
+              : clamp(-translateX / 100, 0, 1);
 
     let translateXRight = 0;
 
@@ -1918,17 +1918,17 @@ const DataGrid: React.ForwardRefRenderFunction<DataGridRef, DataGridProps> = (p,
         freezeRightColumns === 0 || !fixedShadowX
             ? 0
             : cellXOffset +
-                  getEffectiveColumns(
-                      mappedColumns,
-                      cellXOffset,
-                      width,
-                      freezeColumns,
-                      dragAndDropState,
-                      translateX
-                  ).filter(column => !column.sticky).length <
-              columns.length - freezeRightColumns
-            ? 1
-            : clamp(-translateXRight / 100, 0, 1);
+                    getEffectiveColumns(
+                        mappedColumns,
+                        cellXOffset,
+                        width,
+                        freezeColumns,
+                        dragAndDropState,
+                        translateX
+                    ).filter(column => !column.sticky).length <
+                columns.length - freezeRightColumns
+              ? 1
+              : clamp(-translateXRight / 100, 0, 1);
 
     const absoluteOffsetY = -cellYOffset * 32 + translateY;
     const opacityY = !fixedShadowY ? 0 : clamp(-absoluteOffsetY / 100, 0, 1);

packages/core/src/internal/data-grid/image-window-loader-interface.ts

@@ -3,7 +3,11 @@ import type { Rectangle } from "./data-grid-types.js";
 
 /** @category Types */
 export interface ImageWindowLoader {
-    setWindow(newWindow: Rectangle, freezeCols: number | [left: number, right: number], freezeRows: number[]): void;
+    setWindow(
+        newWindow: Rectangle,
+        freezeCols: number | readonly [left: number, right: number],
+        freezeRows: number[]
+    ): void;
     loadOrGetImage(url: string, col: number, row: number): HTMLImageElement | ImageBitmap | undefined;
     setCallback(imageLoaded: (locations: CellSet) => void): void;
 }

packages/core/src/internal/data-grid/render/data-grid-lib.ts

@@ -22,7 +22,7 @@ export interface MappedGridColumn extends FullyDefined<InnerGridColumn> {
 
 export function useMappedColumns(
     columns: readonly InnerGridColumn[],
-    freezeColumns: number | [left: number, right: number]
+    freezeColumns: number | readonly [left: number, right: number]
 ): readonly MappedGridColumn[] {
     // Extract freeze column counts from the union type parameter. freezeColumnsLeft and freezeColumnsRight
     // determine which columns should remain sticky at the left and right sides respectively during horizontal scrolling.
@@ -223,7 +223,7 @@ export function getEffectiveColumns(
     columns: readonly MappedGridColumn[],
     cellXOffset: number,
     width: number,
-    freezeColumns: number | [left: number, right: number],
+    freezeColumns: number | readonly [left: number, right: number],
     dndState?: {
         src: number;
         dest: number;
@@ -281,7 +281,7 @@ export function getEffectiveColumns(
 export function getColumnIndexForX(
     targetX: number,
     effectiveColumns: readonly MappedGridColumn[],
-    freezeColumns: number | [left: number, right: number],
+    freezeColumns: number | readonly [left: number, right: number],
     width: number,
     translateX?: number
 ): number {
@@ -817,7 +817,7 @@ export function computeBounds(
     translateX: number,
     translateY: number,
     rows: number,
-    freezeColumns: number | [left: number, right: number],
+    freezeColumns: number | readonly [left: number, right: number],
     freezeTrailingRows: number,
     mappedColumns: readonly MappedGridColumn[],
     rowHeight: number | ((index: number) => number)

packages/core/src/internal/data-grid/render/data-grid.render.rings.ts

@@ -17,7 +17,7 @@ export function drawHighlightRings(
     translateX: number,
     translateY: number,
     mappedColumns: readonly MappedGridColumn[],
-    freezeColumns: number | [left: number, right: number],
+    freezeColumns: number | readonly [left: number, right: number],
     headerHeight: number,
     groupHeaderHeight: number,
     rowHeight: number | ((index: number) => number),
@@ -69,22 +69,22 @@ export function drawHighlightRings(
                 rect.width === 1 && rect.height === 1
                     ? topLeftBounds
                     : computeBounds(
-                        rect.x + rect.width - 1,
-                        rect.y + rect.height - 1,
-                        width,
-                        height,
-                        groupHeaderHeight,
-                        headerHeight + groupHeaderHeight,
-                        cellXOffset,
-                        cellYOffset,
-                        translateX,
-                        translateY,
-                        rows,
-                        freezeColumns,
-                        freezeTrailingRows,
-                        mappedColumns,
-                        rowHeight
-                    );
+                          rect.x + rect.width - 1,
+                          rect.y + rect.height - 1,
+                          width,
+                          height,
+                          groupHeaderHeight,
+                          headerHeight + groupHeaderHeight,
+                          cellXOffset,
+                          cellYOffset,
+                          translateX,
+                          translateY,
+                          rows,
+                          freezeColumns,
+                          freezeTrailingRows,
+                          mappedColumns,
+                          rowHeight
+                      );
 
             if (rect.x + rect.width >= mappedColumns.length) {
                 bottomRightBounds.width -= 1;

packages/core/src/internal/data-grid/render/draw-grid-arg.ts

@@ -39,7 +39,7 @@ export interface DrawGridArg {
     readonly translateY: number;
     readonly mappedColumns: readonly MappedGridColumn[];
     readonly enableGroups: boolean;
-    readonly freezeColumns: number | [left: number, right: number];
+    readonly freezeColumns: number | readonly [left: number, right: number];
     readonly dragAndDropState: DragAndDropState | undefined;
     readonly theme: FullTheme;
     readonly headerHeight: number;