New: Release Profiles, Frontend updates (#580)

* New: Release Profiles - UI Updates

* New: Release Profiles - API Changes

* New: Release Profiles - Test Updates

* New: Release Profiles - Backend Updates

* New: Interactive Artist Search

* New: Change Montiored on Album Details Page

* New: Show Duration on Album Details Page

* Fixed: Manual Import not working if no albums are Missing

* Fixed: Sort search input by sortTitle

* Fixed: Queue columnLabel throwing JS error

frontend/src/Components/Table/TableOptions/TableOptionsColumnDragPreview.js

@@ -75,6 +75,4 @@ TableOptionsColumnDragPreview.propTypes = {
   })
 };
 
-/* eslint-disable new-cap */
 export default DragLayer(collectDragLayer)(TableOptionsColumnDragPreview);
-/* eslint-enable new-cap */

frontend/src/Components/Table/TableOptions/TableOptionsColumnDragSource.js

@@ -153,7 +153,6 @@ TableOptionsColumnDragSource.propTypes = {
   onColumnDragEnd: PropTypes.func.isRequired
 };
 
-/* eslint-disable new-cap */
 export default DropTarget(
   TABLE_COLUMN,
   columnDropTarget,
@@ -163,4 +162,3 @@ export default DropTarget(
   columnDragSource,
   collectDragSource
 )(TableOptionsColumnDragSource));
-/* eslint-enable new-cap */

frontend/src/Components/Table/TableOptions/TableOptionsModal.js

@@ -249,6 +249,4 @@ TableOptionsModal.defaultProps = {
   canModifyColumns: true
 };
 
-/* eslint-disable new-cap */
 export default DragDropContext(HTML5Backend)(TableOptionsModal);
-/* eslint-enable new-cap */

frontend/src/Components/Table/TableOptions/TableOptionsModalWrapper.js

@@ -0,0 +1,61 @@
+import PropTypes from 'prop-types';
+import React, { Component, Fragment } from 'react';
+import TableOptionsModal from './TableOptionsModal';
+
+class TableOptionsModalWrapper extends Component {
+
+  //
+  // Lifecycle
+
+  constructor(props, context) {
+    super(props, context);
+
+    this.state = {
+      isTableOptionsModalOpen: false
+    };
+  }
+
+  //
+  // Listeners
+
+  onTableOptionsPress = () => {
+    this.setState({ isTableOptionsModalOpen: true });
+  }
+
+  onTableOptionsModalClose = () => {
+    this.setState({ isTableOptionsModalOpen: false });
+  }
+
+  //
+  // Render
+
+  render() {
+    const {
+      columns,
+      children,
+      ...otherProps
+    } = this.props;
+
+    return (
+      <Fragment>
+        {
+          React.cloneElement(children, { onPress: this.onTableOptionsPress })
+        }
+
+        <TableOptionsModal
+          {...otherProps}
+          isOpen={this.state.isTableOptionsModalOpen}
+          columns={columns}
+          onModalClose={this.onTableOptionsModalClose}
+        />
+      </Fragment>
+    );
+  }
+}
+
+TableOptionsModalWrapper.propTypes = {
+  columns: PropTypes.arrayOf(PropTypes.object).isRequired,
+  children: PropTypes.node.isRequired
+};
+
+export default TableOptionsModalWrapper;