UI Updates (Cancel Import, Move Artist, Manual Import from Artist)

Ability to cancel an import lookup/search at any point.
Ability to move artist path from Artist Edit or bulk move from Mass Editor.
Trigger manual import for Artist path from Artist Detail page.
Pulled from Sonarr

frontend/src/Components/Form/EnhancedSelectInput.css

@@ -31,12 +31,19 @@
 .isDisabled {
   opacity: 0.7;
   cursor: not-allowed;
+  pointer-events: all !important;
 }
 
 .dropdownArrowContainer {
   margin-left: 12px;
 }
 
+.dropdownArrowContainerDisabled {
+  composes: dropdownArrowContainer;
+
+  color: $disabledInputColor;
+}
+
 .optionsContainer {
   width: auto;
 }

frontend/src/Components/Form/EnhancedSelectInput.js

@@ -289,6 +289,7 @@ class EnhancedSelectInput extends Component {
                 hasWarning && styles.hasWarning,
                 isDisabled && disabledClassName
               )}
+              isDisabled={isDisabled}
               onBlur={this.onBlur}
               onKeyDown={this.onKeyDown}
               onPress={this.onPress}
@@ -296,11 +297,17 @@ class EnhancedSelectInput extends Component {
               <SelectedValueComponent
                 {...selectedValueOptions}
                 {...selectedOption}
+                isDisabled={isDisabled}
               >
                 {selectedOption ? selectedOption.value : null}
               </SelectedValueComponent>
 
-              <div className={styles.dropdownArrowContainer}>
+              <div
+                className={isDisabled ?
+                  styles.dropdownArrowContainerDisabled :
+                  styles.dropdownArrowContainer
+                }
+              >
                 <Icon
                   name={icons.CARET_DOWN}
                 />

frontend/src/Components/Form/EnhancedSelectInputSelectedValue.css

@@ -1,3 +1,7 @@
 .selectedValue {
   flex: 1 1 auto;
 }
+
+.isDisabled {
+  color: $disabledInputColor;
+}

frontend/src/Components/Form/EnhancedSelectInputSelectedValue.js

@@ -1,15 +1,21 @@
 import PropTypes from 'prop-types';
 import React from 'react';
+import classNames from 'classnames';
 import styles from './EnhancedSelectInputSelectedValue.css';
 
 function EnhancedSelectInputSelectedValue(props) {
   const {
     className,
-    children
+    children,
+    isDisabled
   } = props;
 
   return (
-    <div className={className}>
+    <div className={classNames(
+      className,
+      isDisabled && styles.isDisabled
+    )}
+    >
       {children}
     </div>
   );
@@ -17,11 +23,13 @@ function EnhancedSelectInputSelectedValue(props) {
 
 EnhancedSelectInputSelectedValue.propTypes = {
   className: PropTypes.string.isRequired,
-  children: PropTypes.node
+  children: PropTypes.node,
+  isDisabled: PropTypes.bool.isRequired
 };
 
 EnhancedSelectInputSelectedValue.defaultProps = {
-  className: styles.selectedValue
+  className: styles.selectedValue,
+  isDisabled: false
 };
 
 export default EnhancedSelectInputSelectedValue;