added readonly flag to freezeColumns tuple prop

Author: Mihran Margaryan

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

@@ -72,7 +72,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;

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

@@ -40,7 +40,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;