Fix Array used instead of ReadonlyArray for input type when immutableTypes config is on (dotansimha#10806)

* Fix Array used instead of ReadonlyArray for input type when immutableTypes config is on

* Add changeset

---------

Co-authored-by: Eddy Nguyen <ch@eddeee888.me>

Author: vinassefranche

.changeset/four-cameras-enter.md

@@ -0,0 +1,5 @@
+---
+'@graphql-codegen/typescript-operations': patch
+---
+
+Fix Array used instead of ReadonlyArray while immutableTypes config is true

packages/plugins/typescript/operations/src/visitor.ts

@@ -327,7 +327,8 @@ export class TypeScriptDocumentsVisitor extends BaseDocumentsVisitor<
       }
 
       if (typeNode.type === 'ListType') {
-        typePart = `Array<${typePart}>`;
+        const listModifier = this.config.immutableTypes ? 'ReadonlyArray' : 'Array';
+        typePart = `${listModifier}<${typePart}>`;
         if (!typeNode.isNonNullable) {
           typePart = printTypeScriptMaybeType({
             type: typePart,

packages/plugins/typescript/operations/tests/ts-documents.standalone.input.spec.ts

@@ -241,10 +241,10 @@ describe('TypeScript Operations Plugin - Input', () => {
         readonly to?: Date | null | undefined;
         readonly timezone?: unknown;
         readonly role?: UserRole | null | undefined;
-        readonly ageRange1?: Array<number | null | undefined> | null | undefined;
-        readonly ageRange2: Array<number | null | undefined>;
-        readonly ageRange3?: Array<number> | null | undefined;
-        readonly ageRange4: Array<number>;
+        readonly ageRange1?: ReadonlyArray<number | null | undefined> | null | undefined;
+        readonly ageRange2: ReadonlyArray<number | null | undefined>;
+        readonly ageRange3?: ReadonlyArray<number> | null | undefined;
+        readonly ageRange4: ReadonlyArray<number>;
         readonly bestFriend?: UsersBestFriendInput | null | undefined;
         readonly nestedInput?: UsersInput | null | undefined;
       };