Fix: Aphrodite UI enhancements

* New: Display UI before movies have loaded

* Revised webpack bundling

* New: Option for production build with profiling

* Fixed: Faster hasDifferentItems and specialized OrOrder version

* Fixed: Faster movie selector

* Fixed: Speed up release processing, add indices (migration 161)

* Fixed: Use a worker for UI fuzzy search

* Fixed: Don't loop over all movies if we know none selected

* Fixed: Strip UrlBase from UI events before sending to sentry

Should mean that source maps are picked up correctly.

* Better selection of jump bar items

Show first, last and most common items

* Fixed: Don't repeatedly re-render cells

* Rework Movie Index and virtualTable

* Corresponding improvements for AddListMovie and ImportMovie

frontend/src/AddMovie/ImportMovie/Import/ImportMovieTable.js

@@ -2,6 +2,7 @@ import _ from 'lodash';
 import PropTypes from 'prop-types';
 import React, { Component } from 'react';
 import VirtualTable from 'Components/Table/VirtualTable';
+import VirtualTableRow from 'Components/Table/VirtualTableRow';
 import ImportMovieHeader from './ImportMovieHeader';
 import ImportMovieRowConnector from './ImportMovieRowConnector';
 
@@ -107,14 +108,18 @@ class ImportMovieTable extends Component {
     const item = items[rowIndex];
 
     return (
-      <ImportMovieRowConnector
+      <VirtualTableRow
         key={key}
         style={style}
-        rootFolderId={rootFolderId}
-        isSelected={selectedState[item.id]}
-        onSelectedChange={onSelectedChange}
-        id={item.id}
-      />
+      >
+        <ImportMovieRowConnector
+          key={item.id}
+          rootFolderId={rootFolderId}
+          isSelected={selectedState[item.id]}
+          onSelectedChange={onSelectedChange}
+          id={item.id}
+        />
+      </VirtualTableRow>
     );
   }
 
@@ -127,11 +132,9 @@ class ImportMovieTable extends Component {
       allSelected,
       allUnselected,
       isSmallScreen,
-      contentBody,
-      scrollTop,
+      scroller,
       selectedState,
-      onSelectAllChange,
-      onScroll
+      onSelectAllChange
     } = this.props;
 
     if (!items.length) {
@@ -141,10 +144,9 @@ class ImportMovieTable extends Component {
     return (
       <VirtualTable
         items={items}
-        contentBody={contentBody}
         isSmallScreen={isSmallScreen}
+        scroller={scroller}
         rowHeight={52}
-        scrollTop={scrollTop}
         overscanRowCount={2}
         rowRenderer={this.rowRenderer}
         header={
@@ -155,7 +157,6 @@ class ImportMovieTable extends Component {
           />
         }
         selectedState={selectedState}
-        onScroll={onScroll}
       />
     );
   }
@@ -173,14 +174,12 @@ ImportMovieTable.propTypes = {
   selectedState: PropTypes.object.isRequired,
   isSmallScreen: PropTypes.bool.isRequired,
   allMovies: PropTypes.arrayOf(PropTypes.object),
-  contentBody: PropTypes.object.isRequired,
-  scrollTop: PropTypes.number.isRequired,
+  scroller: PropTypes.instanceOf(Element).isRequired,
   onSelectAllChange: PropTypes.func.isRequired,
   onSelectedChange: PropTypes.func.isRequired,
   onRemoveSelectedStateItem: PropTypes.func.isRequired,
   onMovieLookup: PropTypes.func.isRequired,
-  onSetImportMovieValue: PropTypes.func.isRequired,
-  onScroll: PropTypes.func.isRequired
+  onSetImportMovieValue: PropTypes.func.isRequired
 };
 
 export default ImportMovieTable;