Remove unnecessary parentheses for decorators

changelog_unreleased/typescript/11717.md

@@ -1,22 +1,31 @@
-#### Fix formatting for tagged template decorators (#11717 by @sosukesuzuki)
+#### Remove unnecessary parentheses for decorators (#11717, #11849 by @sosukesuzuki)
 
 <!-- prettier-ignore -->
 ```tsx
 // Input
 class Test {
   @foo`bar`
-  test: string = "test"
+  test1: string = "test"
+
+  @test().x("global").y()
+  test2: string = "test";
 }
 
 // Prettier stable
 class Test {
   @(foo`bar`)
   test: string = "test"
+
+  @(test().x("global").y())
+  test2: string = "test";
 }
 
 // Prettier main
 class Test {
   @foo`bar`
   test: string = "test"
+
+  @test().x("global").y()
+  test2: string = "test";
 }
 ```

src/language-js/needs-parens.js

@@ -133,7 +133,7 @@ function needsParens(path, options) {
                 /** @(x().y) */ hasMemberExpression ||
                 /** @(x().y()) */ hasCallExpression
               ) {
-                return true;
+                return options.parser !== "typescript";
               }
               hasCallExpression = true;
               current = current.callee;

tests/format/misc/typescript-babel-only/__snapshots__/jsfmt.spec.js.snap

@@ -60,6 +60,22 @@ class Bar {
 ================================================================================
 `;
 
+exports[`parenthesized-decorators-call-expression.ts format 1`] = `
+====================================options=====================================
+parsers: ["babel-ts"]
+printWidth: 80
+                                                                                | printWidth
+=====================================input======================================
+@(test().x("global").y())
+class X {}
+
+=====================================output=====================================
+@(test().x("global").y())
+class X {}
+
+================================================================================
+`;
+
 exports[`parenthesized-decorators-tagged-template.ts format 1`] = `
 ====================================options=====================================
 parsers: ["babel-ts"]

tests/format/misc/typescript-babel-only/parenthesized-decorators-call-expression.ts

@@ -0,0 +1,2 @@
+@(test().x("global").y())
+class X {}

tests/format/misc/typescript-only/__snapshots__/jsfmt.spec.js.snap

@@ -93,6 +93,22 @@ class Bar {
 ================================================================================
 `;
 
+exports[`parenthesized-decorators-call-expression.ts format 1`] = `
+====================================options=====================================
+parsers: ["typescript"]
+printWidth: 80
+                                                                                | printWidth
+=====================================input======================================
+@(test().x("global").y())
+class X {}
+
+=====================================output=====================================
+@test().x("global").y()
+class X {}
+
+================================================================================
+`;
+
 exports[`parenthesized-decorators-tagged-template.ts format 1`] = `
 ====================================options=====================================
 parsers: ["typescript"]

tests/format/misc/typescript-only/parenthesized-decorators-call-expression.ts

@@ -0,0 +1,2 @@
+@(test().x("global").y())
+class X {}