Refactor Indexer index to use react-window

(cherry picked from commit d022679b7dcbce3cec98e6a1fd0879e3c0d92523)

frontend/src/Components/Tooltip/Popover.css

@@ -8,6 +8,7 @@
 .body {
   overflow: auto;
   padding: 10px;
+  background-color: var(--popoverBodyBackgroundColor);
 }
 
 .tooltipBody {

frontend/src/Components/Tooltip/Popover.css.d.ts

@@ -0,0 +1,9 @@
+// This file is automatically generated.
+// Please do not change this file!
+interface CssExports {
+  'body': string;
+  'title': string;
+  'tooltipBody': string;
+}
+export const cssExports: CssExports;
+export default cssExports;

frontend/src/Components/Tooltip/Popover.js

@@ -1,5 +1,6 @@
 import PropTypes from 'prop-types';
 import React from 'react';
+import { tooltipPositions } from 'Helpers/Props';
 import Tooltip from './Tooltip';
 import styles from './Popover.css';
 
@@ -30,8 +31,13 @@ function Popover(props) {
 }
 
 Popover.propTypes = {
+  className: PropTypes.string,
+  bodyClassName: PropTypes.string,
+  anchor: PropTypes.node.isRequired,
   title: PropTypes.string.isRequired,
-  body: PropTypes.oneOfType([PropTypes.string, PropTypes.node]).isRequired
+  body: PropTypes.oneOfType([PropTypes.string, PropTypes.node]).isRequired,
+  position: PropTypes.oneOf(tooltipPositions.all),
+  canFlip: PropTypes.bool
 };
 
 export default Popover;

frontend/src/Components/Tooltip/Tooltip.css.d.ts

@@ -0,0 +1,19 @@
+// This file is automatically generated.
+// Please do not change this file!
+interface CssExports {
+  'arrow': string;
+  'arrowDisabled': string;
+  'body': string;
+  'bottom': string;
+  'default': string;
+  'horizontalContainer': string;
+  'inverse': string;
+  'left': string;
+  'right': string;
+  'tooltip': string;
+  'tooltipContainer': string;
+  'top': string;
+  'verticalContainer': string;
+}
+export const cssExports: CssExports;
+export default cssExports;

frontend/src/Components/Tooltip/Tooltip.js

@@ -5,7 +5,7 @@ import { Manager, Popper, Reference } from 'react-popper';
 import Portal from 'Components/Portal';
 import { kinds, tooltipPositions } from 'Helpers/Props';
 import dimensions from 'Styles/Variables/dimensions';
-import { isMobile as isMobileUtil } from 'Utilities/mobile';
+import { isMobile as isMobileUtil } from 'Utilities/browser';
 import styles from './Tooltip.css';
 
 let maxWidth = null;
@@ -22,6 +22,8 @@ function getMaxWidth() {
   } else {
     maxWidth = 450;
   }
+
+  return maxWidth;
 }
 
 class Tooltip extends Component {