organizeImports will break prettier formatting

[mjbvz]

From @lordgreg on May 7, 2018 7:34

For better readability, we are using Prettier to show our code like:

import { HttpParams } from '@angular/common/http';
import {
  Component,
  EventEmitter,
  Input,
  OnChanges,
  OnDestroy,
  OnInit,
  Output,
  SimpleChanges,
  ViewChild
} from '@angular/core';
import {
  MatPaginator,
  MatSelectChange,
  MatTableDataSource
} from '@angular/material';

organizeImports breaks the formatting

Steps to Reproduce:

1. use prettier
2. use format document function
3. save so organizeImports steps in.

Result:

import { HttpParams } from '@angular/common/http';
import { Component, EventEmitter, Input, OnChanges, OnDestroy, OnInit, Output, SimpleChanges, ViewChild } from '@angular/core';
import { MatPaginator, MatSelectChange, MatTableDataSource } from '@angular/material';

Should be:

import { HttpParams } from '@angular/common/http';
import {
  Component,
  EventEmitter,
  Input,
  OnChanges,
  OnDestroy,
  OnInit,
  Output,
  SimpleChanges,
  ViewChild
} from '@angular/core';
import {
  MatPaginator,
  MatSelectChange,
  MatTableDataSource
} from '@angular/material';

Copied from original issue: microsoft/vscode#49339

[mhegazy]

Duplicate of #22991

[typescript-bot]

Automatically closing this issue for housekeeping purposes. The issue labels indicate that it is unactionable at the moment or has already been addressed.