fix flow-comment - object destructuring (#9893)

packages/babel-plugin-transform-flow-comments/src/index.js

@@ -127,6 +127,17 @@ export default declare(api => {
         }
         wrapInFlowComment(path, parent);
       },
+      ObjectPattern(path) {
+        const { node } = path;
+        if (node.typeAnnotation) {
+          const typeAnnotation = path.get("typeAnnotation");
+          path.addComment(
+            "trailing",
+            generateComment(typeAnnotation, typeAnnotation.node),
+          );
+          typeAnnotation.remove();
+        }
+      },
 
       Flow(path) {
         const { parent } = path;

packages/babel-plugin-transform-flow-comments/test/fixtures/flow-comments/object-destructuring-1/input.js

@@ -0,0 +1,3 @@
+function add({ a, b }: {a: number, b: number}): number {
+  return a + b;
+}

packages/babel-plugin-transform-flow-comments/test/fixtures/flow-comments/object-destructuring-1/output.js

@@ -0,0 +1,10 @@
+function add({
+  a,
+  b
+}
+/*: {a: number, b: number}*/
+)
+/*: number*/
+{
+  return a + b;
+}

packages/babel-plugin-transform-flow-comments/test/fixtures/flow-comments/object-destructuring-2/input.js

@@ -0,0 +1 @@
+const { a, b }: { a: number, b: number } = { a: 1, b: 2 };

packages/babel-plugin-transform-flow-comments/test/fixtures/flow-comments/object-destructuring-2/output.js

@@ -0,0 +1,9 @@
+const {
+  a,
+  b
+}
+/*: { a: number, b: number }*/
+= {
+  a: 1,
+  b: 2
+};