title: How to order imports with tslint's import-ordering rule
body: <p>On my project tslint's "import-ordering" rule is used</p>
  
  <pre><code>import CopyLensModal from './CopyLensModal';
  import FetchStatus from '../../../../../state/generic/models/FetchStatus';
  import FlexRow from '../../../../generic/components/FlexRow';
  import Geofilter from '../../../../../state/geofilter/models/Geofilter';
  import Input from '../../../../generic/components/Input';
  
  import * as React from 'react';
  import * as salert from 'sweetalert';
  
  import { func } from '../../../../../types/func';
  import { Iterable } from 'immutable';
  import { Button } from 'react-bootstrap';
  </code></pre>
  
  <p>tslint is not happy with this order and crashes with error</p>
  
  <blockquote>
    <p>[2, 1]: Import sources within a group must be alphabetized.<br>
    [4, 1]: Import sources within a group must be alphabetized.</p>
  </blockquote>
  
  <p><a href="https://palantir.github.io/tslint/rules/ordered-imports/" rel="noreferrer">This page</a> didn't help that much, I've tried to place imports in many different ways but without luck. Which order will be correct? </p>