Import Sorting Lint for Frontend (#4655)

frontend/src/Components/Form/AutoCompleteInput.js

@@ -1,6 +1,6 @@
+import jdu from 'jdu';
 import PropTypes from 'prop-types';
 import React, { Component } from 'react';
-import jdu from 'jdu';
 import AutoSuggestInput from './AutoSuggestInput';
 
 class AutoCompleteInput extends Component {

frontend/src/Components/Form/AutoSuggestInput.js

@@ -1,8 +1,8 @@
+import classNames from 'classnames';
 import PropTypes from 'prop-types';
 import React, { Component } from 'react';
 import Autosuggest from 'react-autosuggest';
 import { Manager, Popper, Reference } from 'react-popper';
-import classNames from 'classnames';
 import Portal from 'Components/Portal';
 import styles from './AutoSuggestInput.css';
 

frontend/src/Components/Form/CaptchaInput.js

@@ -1,9 +1,9 @@
+import classNames from 'classnames';
 import PropTypes from 'prop-types';
 import React from 'react';
 import ReCAPTCHA from 'react-google-recaptcha';
-import classNames from 'classnames';
-import { icons } from 'Helpers/Props';
 import Icon from 'Components/Icon';
+import { icons } from 'Helpers/Props';
 import FormInputButton from './FormInputButton';
 import TextInput from './TextInput';
 import styles from './CaptchaInput.css';

frontend/src/Components/Form/CaptchaInputConnector.js

@@ -2,7 +2,7 @@ import PropTypes from 'prop-types';
 import React, { Component } from 'react';
 import { connect } from 'react-redux';
 import { createSelector } from 'reselect';
-import { refreshCaptcha, getCaptchaCookie, resetCaptcha } from 'Store/Actions/captchaActions';
+import { getCaptchaCookie, refreshCaptcha, resetCaptcha } from 'Store/Actions/captchaActions';
 import CaptchaInput from './CaptchaInput';
 
 function createMapStateToProps() {

frontend/src/Components/Form/CheckInput.js

@@ -1,8 +1,8 @@
+import classNames from 'classnames';
 import PropTypes from 'prop-types';
 import React, { Component } from 'react';
-import classNames from 'classnames';
-import { icons, kinds } from 'Helpers/Props';
 import Icon from 'Components/Icon';
+import { icons, kinds } from 'Helpers/Props';
 import FormInputHelpText from './FormInputHelpText';
 import styles from './CheckInput.css';
 

frontend/src/Components/Form/DeviceInput.js

@@ -1,8 +1,8 @@
 import PropTypes from 'prop-types';
 import React, { Component } from 'react';
+import Icon from 'Components/Icon';
 import { icons } from 'Helpers/Props';
 import tagShape from 'Helpers/Props/Shapes/tagShape';
-import Icon from 'Components/Icon';
 import FormInputButton from './FormInputButton';
 import TagInput from './TagInput';
 import styles from './DeviceInput.css';

frontend/src/Components/Form/DeviceInputConnector.js

@@ -2,7 +2,7 @@ import PropTypes from 'prop-types';
 import React, { Component } from 'react';
 import { connect } from 'react-redux';
 import { createSelector } from 'reselect';
-import { fetchOptions, clearOptions } from 'Store/Actions/providerOptionActions';
+import { clearOptions, fetchOptions } from 'Store/Actions/providerOptionActions';
 import DeviceInput from './DeviceInput';
 
 function createMapStateToProps() {

frontend/src/Components/Form/EnhancedSelectInput.js

@@ -1,21 +1,21 @@
+import classNames from 'classnames';
 import _ from 'lodash';
 import PropTypes from 'prop-types';
 import React, { Component } from 'react';
 import { Manager, Popper, Reference } from 'react-popper';
-import classNames from 'classnames';
-import getUniqueElememtId from 'Utilities/getUniqueElementId';
-import { isMobile as isMobileUtil } from 'Utilities/mobile';
-import * as keyCodes from 'Utilities/Constants/keyCodes';
-import { icons, sizes, scrollDirections } from 'Helpers/Props';
 import Icon from 'Components/Icon';
-import Portal from 'Components/Portal';
 import Link from 'Components/Link/Link';
 import Measure from 'Components/Measure';
 import Modal from 'Components/Modal/Modal';
 import ModalBody from 'Components/Modal/ModalBody';
+import Portal from 'Components/Portal';
 import Scroller from 'Components/Scroller/Scroller';
-import HintedSelectInputSelectedValue from './HintedSelectInputSelectedValue';
+import { icons, scrollDirections, sizes } from 'Helpers/Props';
+import * as keyCodes from 'Utilities/Constants/keyCodes';
+import getUniqueElememtId from 'Utilities/getUniqueElementId';
+import { isMobile as isMobileUtil } from 'Utilities/mobile';
 import HintedSelectInputOption from './HintedSelectInputOption';
+import HintedSelectInputSelectedValue from './HintedSelectInputSelectedValue';
 import styles from './EnhancedSelectInput.css';
 
 function isArrowKey(keyCode) {

frontend/src/Components/Form/EnhancedSelectInputOption.js

@@ -1,9 +1,9 @@
+import classNames from 'classnames';
 import PropTypes from 'prop-types';
 import React, { Component } from 'react';
-import classNames from 'classnames';
-import { icons } from 'Helpers/Props';
 import Icon from 'Components/Icon';
 import Link from 'Components/Link/Link';
+import { icons } from 'Helpers/Props';
 import styles from './EnhancedSelectInputOption.css';
 
 class EnhancedSelectInputOption extends Component {

frontend/src/Components/Form/EnhancedSelectInputSelectedValue.js

@@ -1,6 +1,6 @@
+import classNames from 'classnames';
 import PropTypes from 'prop-types';
 import React from 'react';
-import classNames from 'classnames';
 import styles from './EnhancedSelectInputSelectedValue.css';
 
 function EnhancedSelectInputSelectedValue(props) {

frontend/src/Components/Form/Form.js

@@ -1,7 +1,7 @@
 import PropTypes from 'prop-types';
 import React from 'react';
-import { kinds } from 'Helpers/Props';
 import Alert from 'Components/Alert';
+import { kinds } from 'Helpers/Props';
 import styles from './Form.css';
 
 function Form({ children, validationErrors, validationWarnings, ...otherProps }) {

frontend/src/Components/Form/FormGroup.js

@@ -1,6 +1,6 @@
+import classNames from 'classnames';
 import PropTypes from 'prop-types';
 import React from 'react';
-import classNames from 'classnames';
 import { map } from 'Helpers/elementChildren';
 import { sizes } from 'Helpers/Props';
 import styles from './FormGroup.css';

frontend/src/Components/Form/FormInputButton.js

@@ -1,6 +1,6 @@
+import classNames from 'classnames';
 import PropTypes from 'prop-types';
 import React from 'react';
-import classNames from 'classnames';
 import Button from 'Components/Link/Button';
 import SpinnerButton from 'Components/Link/SpinnerButton';
 import { kinds } from 'Helpers/Props';

frontend/src/Components/Form/FormInputGroup.js

@@ -1,27 +1,27 @@
 import PropTypes from 'prop-types';
 import React from 'react';
-import { inputTypes } from 'Helpers/Props';
 import Link from 'Components/Link/Link';
+import { inputTypes } from 'Helpers/Props';
+import translate from 'Utilities/String/translate';
 import AutoCompleteInput from './AutoCompleteInput';
 import AvailabilitySelectInput from './AvailabilitySelectInput';
 import CaptchaInputConnector from './CaptchaInputConnector';
 import CheckInput from './CheckInput';
 import DeviceInputConnector from './DeviceInputConnector';
+import EnhancedSelectInput from './EnhancedSelectInput';
+import FormInputHelpText from './FormInputHelpText';
 import KeyValueListInput from './KeyValueListInput';
+import MovieMonitoredSelectInput from './MovieMonitoredSelectInput';
 import NumberInput from './NumberInput';
 import OAuthInputConnector from './OAuthInputConnector';
 import PasswordInput from './PasswordInput';
 import PathInputConnector from './PathInputConnector';
 import QualityProfileSelectInputConnector from './QualityProfileSelectInputConnector';
 import RootFolderSelectInputConnector from './RootFolderSelectInputConnector';
-import MovieMonitoredSelectInput from './MovieMonitoredSelectInput';
-import EnhancedSelectInput from './EnhancedSelectInput';
 import TagInputConnector from './TagInputConnector';
 import TagSelectInputConnector from './TagSelectInputConnector';
-import TextTagInputConnector from './TextTagInputConnector';
 import TextInput from './TextInput';
-import FormInputHelpText from './FormInputHelpText';
-import translate from 'Utilities/String/translate';
+import TextTagInputConnector from './TextTagInputConnector';
 import styles from './FormInputGroup.css';
 
 function getComponent(type) {

frontend/src/Components/Form/FormInputHelpText.js

@@ -1,9 +1,9 @@
+import classNames from 'classnames';
 import PropTypes from 'prop-types';
 import React from 'react';
-import classNames from 'classnames';
-import { icons } from 'Helpers/Props';
 import Icon from 'Components/Icon';
 import Link from 'Components/Link/Link';
+import { icons } from 'Helpers/Props';
 import styles from './FormInputHelpText.css';
 
 function FormInputHelpText(props) {

frontend/src/Components/Form/FormLabel.js

@@ -1,6 +1,6 @@
+import classNames from 'classnames';
 import PropTypes from 'prop-types';
 import React from 'react';
-import classNames from 'classnames';
 import { sizes } from 'Helpers/Props';
 import styles from './FormLabel.css';
 

frontend/src/Components/Form/HintedSelectInputOption.js

@@ -1,6 +1,6 @@
+import classNames from 'classnames';
 import PropTypes from 'prop-types';
 import React from 'react';
-import classNames from 'classnames';
 import EnhancedSelectInputOption from './EnhancedSelectInputOption';
 import styles from './HintedSelectInputOption.css';
 

frontend/src/Components/Form/KeyValueListInput.js

@@ -1,6 +1,6 @@
+import classNames from 'classnames';
 import PropTypes from 'prop-types';
 import React, { Component } from 'react';
-import classNames from 'classnames';
 import KeyValueListInputItem from './KeyValueListInputItem';
 import styles from './KeyValueListInput.css';
 

frontend/src/Components/Form/KeyValueListInputItem.js

@@ -1,7 +1,7 @@
 import PropTypes from 'prop-types';
 import React, { Component } from 'react';
-import { icons } from 'Helpers/Props';
 import IconButton from 'Components/Link/IconButton';
+import { icons } from 'Helpers/Props';
 import TextInput from './TextInput';
 import styles from './KeyValueListInputItem.css';
 

frontend/src/Components/Form/OAuthInput.js

@@ -1,7 +1,7 @@
 import PropTypes from 'prop-types';
 import React from 'react';
-import { kinds } from 'Helpers/Props';
 import SpinnerErrorButton from 'Components/Link/SpinnerErrorButton';
+import { kinds } from 'Helpers/Props';
 
 function OAuthInput(props) {
   const {

frontend/src/Components/Form/OAuthInputConnector.js

@@ -2,7 +2,7 @@ import PropTypes from 'prop-types';
 import React, { Component } from 'react';
 import { connect } from 'react-redux';
 import { createSelector } from 'reselect';
-import { startOAuth, resetOAuth } from 'Store/Actions/oAuthActions';
+import { resetOAuth, startOAuth } from 'Store/Actions/oAuthActions';
 import OAuthInput from './OAuthInput';
 
 function createMapStateToProps() {

frontend/src/Components/Form/PathInput.js

@@ -1,8 +1,8 @@
 import PropTypes from 'prop-types';
 import React, { Component } from 'react';
-import { icons } from 'Helpers/Props';
-import Icon from 'Components/Icon';
 import FileBrowserModal from 'Components/FileBrowser/FileBrowserModal';
+import Icon from 'Components/Icon';
+import { icons } from 'Helpers/Props';
 import AutoSuggestInput from './AutoSuggestInput';
 import FormInputButton from './FormInputButton';
 import styles from './PathInput.css';

frontend/src/Components/Form/PathInputConnector.js

@@ -3,7 +3,7 @@ import PropTypes from 'prop-types';
 import React, { Component } from 'react';
 import { connect } from 'react-redux';
 import { createSelector } from 'reselect';
-import { fetchPaths, clearPaths } from 'Store/Actions/pathActions';
+import { clearPaths, fetchPaths } from 'Store/Actions/pathActions';
 import PathInput from './PathInput';
 
 function createMapStateToProps() {

frontend/src/Components/Form/ProviderFieldFormGroup.js

@@ -1,10 +1,10 @@
 import _ from 'lodash';
 import PropTypes from 'prop-types';
 import React from 'react';
-import { inputTypes } from 'Helpers/Props';
 import FormGroup from 'Components/Form/FormGroup';
-import FormLabel from 'Components/Form/FormLabel';
 import FormInputGroup from 'Components/Form/FormInputGroup';
+import FormLabel from 'Components/Form/FormLabel';
+import { inputTypes } from 'Helpers/Props';
 
 function getType(type) {
   switch (type) {

frontend/src/Components/Form/QualityProfileSelectInputConnector.js

@@ -3,8 +3,8 @@ import PropTypes from 'prop-types';
 import React, { Component } from 'react';
 import { connect } from 'react-redux';
 import { createSelector } from 'reselect';
-import sortByName from 'Utilities/Array/sortByName';
 import createSortedSectionSelector from 'Store/Selectors/createSortedSectionSelector';
+import sortByName from 'Utilities/Array/sortByName';
 import SelectInput from './SelectInput';
 
 function createMapStateToProps() {

frontend/src/Components/Form/RootFolderSelectInputOption.js

@@ -1,6 +1,6 @@
+import classNames from 'classnames';
 import PropTypes from 'prop-types';
 import React from 'react';
-import classNames from 'classnames';
 import formatBytes from 'Utilities/Number/formatBytes';
 import EnhancedSelectInputOption from './EnhancedSelectInputOption';
 import styles from './RootFolderSelectInputOption.css';

frontend/src/Components/Form/SelectInput.js

@@ -1,6 +1,6 @@
+import classNames from 'classnames';
 import PropTypes from 'prop-types';
 import React, { Component } from 'react';
-import classNames from 'classnames';
 import styles from './SelectInput.css';
 
 class SelectInput extends Component {

frontend/src/Components/Form/TagInput.js

@@ -1,7 +1,7 @@
+import classNames from 'classnames';
 import _ from 'lodash';
 import PropTypes from 'prop-types';
 import React, { Component } from 'react';
-import classNames from 'classnames';
 import { kinds } from 'Helpers/Props';
 import tagShape from 'Helpers/Props/Shapes/tagShape';
 import AutoSuggestInput from './AutoSuggestInput';

frontend/src/Components/Form/TagInputTag.js

@@ -1,9 +1,9 @@
 import PropTypes from 'prop-types';
 import React, { Component } from 'react';
-import { kinds } from 'Helpers/Props';
-import tagShape from 'Helpers/Props/Shapes/tagShape';
 import Label from 'Components/Label';
 import Link from 'Components/Link/Link';
+import { kinds } from 'Helpers/Props';
+import tagShape from 'Helpers/Props/Shapes/tagShape';
 import styles from './TagInputTag.css';
 
 class TagInputTag extends Component {

frontend/src/Components/Form/TextInput.js

@@ -1,6 +1,6 @@
+import classNames from 'classnames';
 import PropTypes from 'prop-types';
 import React, { Component } from 'react';
-import classNames from 'classnames';
 import styles from './TextInput.css';
 
 class TextInput extends Component {