{"commit":{"authoredAt":"2019-07-20T14:08:23-07:00","authorEmail":"bvaughn@fb.com","authorName":"Brian Vaughn","shortRevision":"4b34a77d29","revision":"4b34a77d290cf67ab0be51bf8edef0fe9787732b","subject":"Improve Bridge Flow types (#352)"},"parents":["39ad101ea2e1d92ee78174e834a4dad615c5d2ad"],"patch":"diff --git a\/.eslintignore b\/.eslintignore\nindex 564cfdfb14..5e4165322a 100644\n--- a\/.eslintignore\n+++ b\/.eslintignore\n@@ -4,6 +4,7 @@ shells\/browser\/chrome\/build\n shells\/browser\/firefox\/build\n shells\/browser\/shared\/build\n shells\/dev\/dist\n+packages\/react-devtools-core\/dist\n vendor\n *.js.snap\n \ndiff --git a\/package.json b\/package.json\nindex 18c5527081..f5dd64b0de 100644\n--- a\/package.json\n+++ b\/package.json\n@@ -63,7 +63,7 @@\n \"test:chrome\": \"node .\/shells\/browser\/chrome\/test\",\n \"test:firefox\": \"node .\/shells\/browser\/firefox\/test\",\n \"test:standalone\": \"cd packages\/react-devtools && yarn start\",\n- \"typecheck\": \"flow check\"\n+ \"typecheck\": \"flow check --show-all-errors\"\n },\n \"devEngines\": {\n \"node\": \"10.x || 11.x\"\n@@ -119,7 +119,7 @@\n \"fbjs\": \"0.5.1\",\n \"fbjs-scripts\": \"0.7.0\",\n \"firefox-profile\": \"^1.0.2\",\n- \"flow-bin\": \"^0.97.0\",\n+ \"flow-bin\": \"^0.103.0\",\n \"fs-extra\": \"^3.0.1\",\n \"gh-pages\": \"^1.0.0\",\n \"html2canvas\": \"^1.0.0-alpha.12\",\ndiff --git a\/packages\/react-devtools-core\/src\/backend.js b\/packages\/react-devtools-core\/src\/backend.js\nindex f76659180a..11a5dde7c9 100644\n--- a\/packages\/react-devtools-core\/src\/backend.js\n+++ b\/packages\/react-devtools-core\/src\/backend.js\n@@ -8,6 +8,7 @@ import { __DEBUG__ } from 'src\/constants';\n import setupNativeStyleEditor from 'src\/backend\/NativeStyleEditor\/setupNativeStyleEditor';\n import { getDefaultComponentFilters } from 'src\/utils';\n \n+import type { BackendBridge } from 'src\/bridge';\n import type { ComponentFilter } from 'src\/types';\n import type { DevToolsHook } from 'src\/backend\/types';\n import type { ResolveNativeStyle } from 'src\/backend\/NativeStyleEditor\/setupNativeStyleEditor';\n@@ -64,7 +65,7 @@ export function connectToDevTools(options: ?ConnectOptions) {\n return;\n }\n \n- let bridge: Bridge | null = null;\n+ let bridge: BackendBridge | null = null;\n \n const messageListeners = [];\n const uri = 'ws:\/\/' + host + ':' + port;\ndiff --git a\/packages\/react-devtools-core\/src\/standalone.js b\/packages\/react-devtools-core\/src\/standalone.js\nindex 7bd636b80e..b9fc4ff25a 100644\n--- a\/packages\/react-devtools-core\/src\/standalone.js\n+++ b\/packages\/react-devtools-core\/src\/standalone.js\n@@ -17,6 +17,7 @@ import DevTools from 'src\/devtools\/views\/DevTools';\n import launchEditor from '.\/launchEditor';\n import { __DEBUG__ } from 'src\/constants';\n \n+import type { FrontendBridge } from 'src\/bridge';\n import type { InspectedElement } from 'src\/devtools\/views\/Components\/types';\n \n installHook(window);\n@@ -46,7 +47,7 @@ function setStatusListener(value: StatusListener) {\n return DevtoolsUI;\n }\n \n-let bridge: Bridge | null = null;\n+let bridge: FrontendBridge | null = null;\n let store: Store | null = null;\n let root = null;\n \n@@ -83,7 +84,7 @@ function reload() {\n root = createRoot(node);\n root.render(\n createElement(DevTools, {\n- bridge: ((bridge: any): Bridge),\n+ bridge: ((bridge: any): FrontendBridge),\n showTabBar: true,\n store: ((store: any): Store),\n warnIfLegacyBackendDetected: true,\n@@ -166,7 +167,7 @@ function initialize(socket: WebSocket) {\n }\n },\n });\n- ((bridge: any): Bridge).addListener('shutdown', () => {\n+ ((bridge: any): FrontendBridge).addListener('shutdown', () => {\n socket.close();\n });\n \ndiff --git a\/shells\/dev\/app\/SuspenseTree\/index.js b\/shells\/dev\/app\/SuspenseTree\/index.js\nindex e9a1fef4d2..873f210e16 100644\n--- a\/shells\/dev\/app\/SuspenseTree\/index.js\n+++ b\/shells\/dev\/app\/SuspenseTree\/index.js\n@@ -1,17 +1,17 @@\n \/\/ @flow\n \n-import React, { Suspense, useState } from 'react';\n+import React, { Fragment, Suspense, useState } from 'react';\n \n function SuspenseTree() {\n return (\n- <>\n+ \n

Suspense<\/h1>\n

Primary to Fallback Cycle<\/h4>\n \n
Fallback to Primary Cycle<\/h4>\n \n \n- <\/>\n+ <\/Fragment>\n );\n }\n \n@@ -20,7 +20,7 @@ function PrimaryFallbackTest({ initialSuspend }) {\n const fallbackStep = useTestSequence('fallback', Fallback1, Fallback2);\n const primaryStep = useTestSequence('primary', Primary1, Primary2);\n return (\n- <>\n+ \n \n \n {suspend ? : primaryStep}\n <\/Suspense>\n- <\/>\n+ <\/Fragment>\n );\n }\n \n@@ -45,32 +45,32 @@ function useTestSequence(label, T1, T2) {\n <\/button>\n );\n let allSteps = [\n- <>{next}<\/>,\n- <>\n+ {next}<\/Fragment>,\n+ \n {next} mount<\/T1>\n- <\/>,\n- <>\n+ <\/Fragment>,\n+ \n {next} update<\/T1>\n- <\/>,\n- <>\n+ <\/Fragment>,\n+ \n {next} several<\/T2> different<\/T1>{' '}\n children<\/T2>\n- <\/>,\n- <>\n+ <\/Fragment>,\n+ \n {next} goodbye<\/T2>\n- <\/>,\n+ <\/Fragment>,\n ];\n return allSteps[step];\n }\n \n function NestedSuspenseTest() {\n return (\n- <>\n+ \n
Nested Suspense<\/h3>\n Loading outer<\/Fallback1>}>\n \n <\/Suspense>\n- <\/>\n+ <\/Fragment>\n );\n }\n \n@@ -118,19 +118,19 @@ function Never() {\n throw new Promise(resolve => {});\n }\n \n-function Fallback1({ prop, ...rest }) {\n+function Fallback1({ prop, ...rest }: any) {\n return ;\n }\n \n-function Fallback2({ prop, ...rest }) {\n+function Fallback2({ prop, ...rest }: any) {\n return ;\n }\n \n-function Primary1({ prop, ...rest }) {\n+function Primary1({ prop, ...rest }: any) {\n return ;\n }\n \n-function Primary2({ prop, ...rest }) {\n+function Primary2({ prop, ...rest }: any) {\n return ;\n }\n \ndiff --git a\/src\/tests\/bridge-test.js b\/src\/tests\/bridge-test.js\nindex 1a9b4b949a..fe89a6c2b1 100644\n--- a\/src\/tests\/bridge-test.js\n+++ b\/src\/tests\/bridge-test.js\n@@ -15,9 +15,9 @@ describe('Bridge', () => {\n const bridge = new Bridge(wall);\n \n \/\/ Check that we're wired up correctly.\n- bridge.send('init');\n+ bridge.send('reloadAppForProfiling');\n jest.runAllTimers();\n- expect(wall.send).toHaveBeenCalledWith('init', undefined, undefined);\n+ expect(wall.send).toHaveBeenCalledWith('reloadAppForProfiling');\n \n \/\/ Should flush pending messages and then shut down.\n wall.send.mockClear();\n@@ -25,9 +25,9 @@ describe('Bridge', () => {\n bridge.send('update', '2');\n bridge.shutdown();\n jest.runAllTimers();\n- expect(wall.send).toHaveBeenCalledWith('update', '1', undefined);\n- expect(wall.send).toHaveBeenCalledWith('update', '2', undefined);\n- expect(wall.send).toHaveBeenCalledWith('shutdown', undefined, undefined);\n+ expect(wall.send).toHaveBeenCalledWith('update', '1');\n+ expect(wall.send).toHaveBeenCalledWith('update', '2');\n+ expect(wall.send).toHaveBeenCalledWith('shutdown');\n \n \/\/ Verify that the Bridge doesn't send messages after shutdown.\n spyOn(console, 'warn');\ndiff --git a\/src\/tests\/inspectedElementContext-test.js b\/src\/tests\/inspectedElementContext-test.js\nindex 2fdbfe95e8..2cf1ed8632 100644\n--- a\/src\/tests\/inspectedElementContext-test.js\n+++ b\/src\/tests\/inspectedElementContext-test.js\n@@ -2,14 +2,14 @@\n \n import typeof ReactTestRenderer from 'react-test-renderer';\n import type { GetInspectedElementPath } from 'src\/devtools\/views\/Components\/InspectedElementContext';\n-import type Bridge from 'src\/bridge';\n+import type { FrontendBridge } from 'src\/bridge';\n import type Store from 'src\/devtools\/store';\n \n describe('InspectedElementContext', () => {\n let React;\n let ReactDOM;\n let TestRenderer: ReactTestRenderer;\n- let bridge: Bridge;\n+ let bridge: FrontendBridge;\n let store: Store;\n let meta;\n let utils;\ndiff --git a\/src\/tests\/legacy\/inspectElement-test.js b\/src\/tests\/legacy\/inspectElement-test.js\nindex f71d22343f..7b8c2b04a9 100644\n--- a\/src\/tests\/legacy\/inspectElement-test.js\n+++ b\/src\/tests\/legacy\/inspectElement-test.js\n@@ -2,7 +2,7 @@\n \n import type { InspectedElementPayload } from 'src\/backend\/types';\n import type { DehydratedData } from 'src\/devtools\/views\/Components\/types';\n-import type Bridge from 'src\/bridge';\n+import type { FrontendBridge } from 'src\/bridge';\n import type Store from 'src\/devtools\/store';\n \n describe('InspectedElementContext', () => {\n@@ -10,7 +10,7 @@ describe('InspectedElementContext', () => {\n let ReactDOM;\n let hydrate;\n let meta;\n- let bridge: Bridge;\n+ let bridge: FrontendBridge;\n let store: Store;\n \n const act = (callback: Function) => {\ndiff --git a\/src\/tests\/ownersListContext-test.js b\/src\/tests\/ownersListContext-test.js\nindex 7dde191cf9..97681b70bd 100644\n--- a\/src\/tests\/ownersListContext-test.js\n+++ b\/src\/tests\/ownersListContext-test.js\n@@ -2,14 +2,14 @@\n \n import typeof ReactTestRenderer from 'react-test-renderer';\n import type { Element } from 'src\/devtools\/views\/Components\/types';\n-import type Bridge from 'src\/bridge';\n+import type { FrontendBridge } from 'src\/bridge';\n import type Store from 'src\/devtools\/store';\n \n describe('OwnersListContext', () => {\n let React;\n let ReactDOM;\n let TestRenderer: ReactTestRenderer;\n- let bridge: Bridge;\n+ let bridge: FrontendBridge;\n let store: Store;\n let utils;\n \ndiff --git a\/src\/tests\/profilerContext-test.js b\/src\/tests\/profilerContext-test.js\nindex 6857ddb407..c06f70d039 100644\n--- a\/src\/tests\/profilerContext-test.js\n+++ b\/src\/tests\/profilerContext-test.js\n@@ -1,7 +1,7 @@\n \/\/ @flow\n \n import typeof ReactTestRenderer from 'react-test-renderer';\n-import type Bridge from 'src\/bridge';\n+import type { FrontendBridge } from 'src\/bridge';\n import type { Context } from 'src\/devtools\/views\/Profiler\/ProfilerContext';\n import type { DispatcherContext } from 'src\/devtools\/views\/Components\/TreeContext';\n import type Store from 'src\/devtools\/store';\n@@ -10,7 +10,7 @@ describe('ProfilerContext', () => {\n let React;\n let ReactDOM;\n let TestRenderer: ReactTestRenderer;\n- let bridge: Bridge;\n+ let bridge: FrontendBridge;\n let store: Store;\n let utils;\n \ndiff --git a\/src\/tests\/profilingCache-test.js b\/src\/tests\/profilingCache-test.js\nindex e5b5602893..6f6e4742cd 100644\n--- a\/src\/tests\/profilingCache-test.js\n+++ b\/src\/tests\/profilingCache-test.js\n@@ -1,7 +1,7 @@\n \/\/ @flow\n \n import typeof ReactTestRenderer from 'react-test-renderer';\n-import type Bridge from 'src\/bridge';\n+import type { FrontendBridge } from 'src\/bridge';\n import type Store from 'src\/devtools\/store';\n \n describe('ProfilingCache', () => {\n@@ -11,7 +11,7 @@ describe('ProfilingCache', () => {\n let Scheduler;\n let SchedulerTracing;\n let TestRenderer: ReactTestRenderer;\n- let bridge: Bridge;\n+ let bridge: FrontendBridge;\n let store: Store;\n let utils;\n \ndiff --git a\/src\/tests\/profilingCharts-test.js b\/src\/tests\/profilingCharts-test.js\nindex dbf1ee1654..0e7fff951e 100644\n--- a\/src\/tests\/profilingCharts-test.js\n+++ b\/src\/tests\/profilingCharts-test.js\n@@ -29,7 +29,7 @@ describe('profiling charts', () => {\n \n describe('flamegraph chart', () => {\n it('should contain valid data', () => {\n- const Parent = ({ count }) => {\n+ const Parent = (_: {||}) => {\n Scheduler.unstable_advanceTime(10);\n return (\n \n@@ -105,7 +105,7 @@ describe('profiling charts', () => {\n \n describe('ranked chart', () => {\n it('should contain valid data', () => {\n- const Parent = ({ count }) => {\n+ const Parent = (_: {||}) => {\n Scheduler.unstable_advanceTime(10);\n return (\n \n@@ -177,7 +177,7 @@ describe('profiling charts', () => {\n \n describe('interactions', () => {\n it('should contain valid data', () => {\n- const Parent = ({ count }) => {\n+ const Parent = (_: {||}) => {\n Scheduler.unstable_advanceTime(10);\n return (\n \ndiff --git a\/src\/tests\/setupTests.js b\/src\/tests\/setupTests.js\nindex 18127c4d47..3fb0a57a2f 100644\n--- a\/src\/tests\/setupTests.js\n+++ b\/src\/tests\/setupTests.js\n@@ -1,5 +1,7 @@\n \/\/ @flow\n \n+import type { BackendBridge, FrontendBridge } from 'src\/bridge';\n+\n const env = jasmine.getEnv();\n env.beforeEach(() => {\n \/\/ These files should be required (and re-reuired) before each test,\n@@ -51,13 +53,13 @@ env.beforeEach(() => {\n },\n });\n \n- const agent = new Agent(bridge);\n+ const agent = new Agent(((bridge: any): BackendBridge));\n \n const hook = global.__REACT_DEVTOOLS_GLOBAL_HOOK;\n \n initBackend(hook, agent, global);\n \n- const store = new Store(bridge);\n+ const store = new Store(((bridge: any): FrontendBridge));\n \n global.agent = agent;\n global.bridge = bridge;\ndiff --git a\/src\/tests\/storeComponentFilters-test.js b\/src\/tests\/storeComponentFilters-test.js\nindex 3b7cfa5301..5e2385b33b 100644\n--- a\/src\/tests\/storeComponentFilters-test.js\n+++ b\/src\/tests\/storeComponentFilters-test.js\n@@ -1,6 +1,6 @@\n \/\/ @flow\n \n-import type Bridge from 'src\/bridge';\n+import type { FrontendBridge } from 'src\/bridge';\n import type Store from 'src\/devtools\/store';\n \n describe('Store component filters', () => {\n@@ -8,7 +8,7 @@ describe('Store component filters', () => {\n let ReactDOM;\n let TestUtils;\n let Types;\n- let bridge: Bridge;\n+ let bridge: FrontendBridge;\n let store: Store;\n let utils;\n \ndiff --git a\/src\/tests\/treeContext-test.js b\/src\/tests\/treeContext-test.js\nindex 09940efe95..ecf8d47717 100644\n--- a\/src\/tests\/treeContext-test.js\n+++ b\/src\/tests\/treeContext-test.js\n@@ -1,7 +1,7 @@\n \/\/ @flow\n \n import typeof ReactTestRenderer from 'react-test-renderer';\n-import type Bridge from 'src\/bridge';\n+import type { FrontendBridge } from 'src\/bridge';\n import type Store from 'src\/devtools\/store';\n import type {\n DispatcherContext,\n@@ -12,7 +12,7 @@ describe('TreeListContext', () => {\n let React;\n let ReactDOM;\n let TestRenderer: ReactTestRenderer;\n- let bridge: Bridge;\n+ let bridge: FrontendBridge;\n let store: Store;\n let utils;\n \ndiff --git a\/src\/tests\/utils.js b\/src\/tests\/utils.js\nindex 345b773832..bf0c816109 100644\n--- a\/src\/tests\/utils.js\n+++ b\/src\/tests__\/utils.js\n@@ -2,7 +2,7 @@\n \n import typeof ReactTestRenderer from 'react-test-renderer';\n \n-import type Bridge from 'src\/bridge';\n+import type { FrontendBridge } from 'src\/bridge';\n import type Store from 'src\/devtools\/store';\n import type { ProfilingDataFrontend } from 'src\/devtools\/views\/Profiler\/types';\n import type { ElementType } from 'src\/types';\n@@ -161,7 +161,7 @@ export function requireTestRenderer(): ReactTestRenderer {\n }\n }\n \n-export function exportImportHelper(bridge: Bridge, store: Store): void {\n+export function exportImportHelper(bridge: FrontendBridge, store: Store): void {\n const { act } = require('.\/utils');\n const {\n prepareProfilingDataExport,\ndiff --git a\/src\/backend\/NativeStyleEditor\/setupNativeStyleEditor.js b\/src\/backend\/NativeStyleEditor\/setupNativeStyleEditor.js\nindex 5880bbac4d..642dbb91eb 100644\n--- a\/src\/backend\/NativeStyleEditor\/setupNativeStyleEditor.js\n+++ b\/src\/backend\/NativeStyleEditor\/setupNativeStyleEditor.js\n@@ -1,16 +1,16 @@\n \/\/ @flow\n \n import Agent from 'src\/backend\/agent';\n-import Bridge from 'src\/bridge';\n import resolveBoxStyle from '.\/resolveBoxStyle';\n \n+import type { BackendBridge } from 'src\/bridge';\n import type { RendererID } from '..\/types';\n import type { StyleAndLayout } from '.\/types';\n \n export type ResolveNativeStyle = (stylesheetID: number) => ?Object;\n \n export default function setupNativeStyleEditor(\n- bridge: Bridge,\n+ bridge: BackendBridge,\n agent: Agent,\n resolveNativeStyle: ResolveNativeStyle,\n validAttributes?: $ReadOnlyArray | null\n@@ -81,7 +81,7 @@ const componentIDToStyleOverrides: Map = new Map();\n \n function measureStyle(\n agent: Agent,\n- bridge: Bridge,\n+ bridge: BackendBridge,\n resolveNativeStyle: ResolveNativeStyle,\n id: number,\n rendererID: RendererID\ndiff --git a\/src\/backend\/agent.js b\/src\/backend\/agent.js\nindex fadd2e697e..9d8c4cff37 100644\n--- a\/src\/backend\/agent.js\n+++ b\/src\/backend\/agent.js\n@@ -2,7 +2,6 @@\n \n import EventEmitter from 'events';\n import throttle from 'lodash.throttle';\n-import Bridge from 'src\/bridge';\n import {\n SESSION_STORAGE_LAST_SELECTION_KEY,\n SESSION_STORAGE_RELOAD_AND_PROFILE_KEY,\n@@ -17,6 +16,7 @@ import {\n import setupHighlighter from '.\/views\/Highlighter';\n import { patch as patchConsole, unpatch as unpatchConsole } from '.\/console';\n \n+import type { BackendBridge } from 'src\/bridge';\n import type {\n InstanceAndStyle,\n NativeType,\n@@ -81,14 +81,14 @@ export default class Agent extends EventEmitter<{|\n showNativeHighlight: [NativeType],\n shutdown: [],\n |}> {\n- _bridge: Bridge;\n+ _bridge: BackendBridge;\n _isProfiling: boolean = false;\n _recordChangeDescriptions: boolean = false;\n _rendererInterfaces: { [key: RendererID]: RendererInterface } = {};\n _persistedSelection: PersistedSelection | null = null;\n _persistedSelectionMatch: PathMatch | null = null;\n \n- constructor(bridge: Bridge) {\n+ constructor(bridge: BackendBridge) {\n super();\n \n if (\n@@ -259,7 +259,7 @@ export default class Agent extends EventEmitter<{|\n dataURL: string,\n rootID: number,\n |}) => {\n- this._bridge.send('screenshotCaptured', { commitIndex, dataURL });\n+ this._bridge.send('screenshotCaptured', { commitIndex, dataURL, rootID });\n };\n \n selectElement = ({ id, rendererID }: ElementAndRendererID) => {\ndiff --git a\/src\/backend\/views\/Highlighter\/Overlay.js b\/src\/backend\/views\/Highlighter\/Overlay.js\nindex 55ef361dc6..f2190066b4 100644\n--- a\/src\/backend\/views\/Highlighter\/Overlay.js\n+++ b\/src\/backend\/views\/Highlighter\/Overlay.js\n@@ -11,6 +11,8 @@ type Rect = {\n width: number,\n };\n \n+type Box = {| top: number, left: number, width: number, height: number |};\n+\n \/\/ Note that the Overlay components are not affected by the active Theme,\n \/\/ because they highlight elements in the main Chrome window (outside of devtools).\n \/\/ The colors below were chosen to roughly match those used by Chrome devtools.\n@@ -21,7 +23,7 @@ class OverlayRect {\n padding: HTMLElement;\n content: HTMLElement;\n \n- constructor(doc, container) {\n+ constructor(doc: Document, container: HTMLElement) {\n this.node = doc.createElement('div');\n this.border = doc.createElement('div');\n this.padding = doc.createElement('div');\n@@ -51,7 +53,7 @@ class OverlayRect {\n }\n }\n \n- update(box, dims) {\n+ update(box: Rect, dims: any) {\n boxWrap(dims, 'margin', this.node);\n boxWrap(dims, 'border', this.border);\n boxWrap(dims, 'padding', this.padding);\n@@ -85,7 +87,7 @@ class OverlayTip {\n nameSpan: HTMLElement;\n dimSpan: HTMLElement;\n \n- constructor(doc, container) {\n+ constructor(doc: Document, container: HTMLElement) {\n this.tip = doc.createElement('div');\n assign(this.tip.style, {\n display: 'flex',\n@@ -126,13 +128,13 @@ class OverlayTip {\n }\n }\n \n- updateText(name, width, height) {\n+ updateText(name: string, width: number, height: number) {\n this.nameSpan.textContent = name;\n this.dimSpan.textContent =\n Math.round(width) + 'px × ' + Math.round(height) + 'px';\n }\n \n- updatePosition(dims, bounds) {\n+ updatePosition(dims: Box, bounds: Box) {\n const tipRect = this.tip.getBoundingClientRect();\n const tipPos = findTipPos(dims, bounds, {\n width: tipRect.width,\n@@ -247,6 +249,7 @@ export default class Overlay {\n this.tipBoundsWindow.document.documentElement,\n this.window\n );\n+\n this.tip.updatePosition(\n {\n top: outerBox.top,\ndiff --git a\/src\/backend\/views\/Highlighter\/index.js b\/src\/backend\/views\/Highlighter\/index.js\nindex 3096b6fab3..70d64e4cbc 100644\n--- a\/src\/backend\/views\/Highlighter\/index.js\n+++ b\/src\/backend\/views\/Highlighter\/index.js\n@@ -2,11 +2,15 @@\n \n import memoize from 'memoize-one';\n import throttle from 'lodash.throttle';\n-import Bridge from 'src\/bridge';\n import Agent from 'src\/backend\/agent';\n import { hideOverlay, showOverlay } from '.\/Highlighter';\n \n-export default function setup(bridge: Bridge, agent: Agent): void {\n+import type { BackendBridge } from 'src\/bridge';\n+\n+export default function setupHighlighter(\n+ bridge: BackendBridge,\n+ agent: Agent\n+): void {\n bridge.addListener(\n 'clearNativeElementHighlight',\n clearNativeElementHighlight\n@@ -50,7 +54,7 @@ export default function setup(bridge: Bridge, agent: Agent): void {\n rendererID,\n scrollIntoView,\n }: {\n- displayName: string,\n+ displayName: string | null,\n hideAfterTimeout: boolean,\n id: number,\n openNativeElementsPanel: boolean,\ndiff --git a\/src\/bridge.js b\/src\/bridge.js\nindex 23b887af7f..b8ab73e710 100644\n--- a\/src\/bridge.js\n+++ b\/src\/bridge.js\n@@ -22,7 +22,7 @@ type Message = {|\n \n type HighlightElementInDOM = {|\n ...ElementAndRendererID,\n- displayName: string,\n+ displayName: string | null,\n hideAfterTimeout: boolean,\n openNativeElementsPanel: boolean,\n scrollIntoView: boolean,\n@@ -62,33 +62,48 @@ type NativeStyleEditor_SetValueParams = {|\n value: string,\n |};\n \n-export default class Bridge extends EventEmitter<{|\n+type BackendEvents = {|\n+ captureScreenshot: [{| commitIndex: number, rootID: number |}],\n+ inspectedElement: [InspectedElementPayload],\n+ isBackendStorageAPISupported: [boolean],\n+ operations: [Array],\n+ ownersList: [OwnersList],\n+ overrideComponentFilters: [Array],\n+ profilingData: [ProfilingDataBackend],\n+ profilingStatus: [boolean],\n+ reloadAppForProfiling: [],\n+ screenshotCaptured: [\n+ {| commitIndex: number, dataURL: string, rootID: number |},\n+ ],\n+ selectFiber: [number],\n+ shutdown: [],\n+ stopInspectingNative: [boolean],\n+ syncSelectionFromNativeElementsPanel: [],\n+ syncSelectionToNativeElementsPanel: [],\n+\n+ \/\/ React Native style editor plug-in.\n+ isNativeStyleEditorSupported: [\n+ {| isSupported: boolean, validAttributes: ?$ReadOnlyArray |},\n+ ],\n+ NativeStyleEditor_styleAndLayout: [StyleAndLayoutPayload],\n+|};\n+\n+type FrontendEvents = {|\n captureScreenshot: [{| commitIndex: number, rootID: number |}],\n clearNativeElementHighlight: [],\n getOwnersList: [ElementAndRendererID],\n getProfilingData: [{| rendererID: RendererID |}],\n getProfilingStatus: [],\n highlightNativeElement: [HighlightElementInDOM],\n- init: [],\n inspectElement: [InspectElementParams],\n- inspectedElement: [InspectedElementPayload],\n- isBackendStorageAPISupported: [boolean],\n logElementToConsole: [ElementAndRendererID],\n- operations: [Array],\n- ownersList: [OwnersList],\n- overrideComponentFilters: [Array],\n overrideContext: [OverrideValue],\n overrideHookState: [OverrideHookState],\n overrideProps: [OverrideValue],\n overrideState: [OverrideValue],\n overrideSuspense: [OverrideSuspense],\n profilingData: [ProfilingDataBackend],\n- profilingStatus: [boolean],\n reloadAndProfile: [boolean],\n- reloadAppForProfiling: [],\n- screenshotCaptured: [\n- {| commitIndex: number, dataURL: string, rootID: number |},\n- ],\n selectElement: [ElementAndRendererID],\n selectFiber: [number],\n shutdown: [],\n@@ -96,20 +111,22 @@ export default class Bridge extends EventEmitter<{|\n startProfiling: [boolean],\n stopInspectingNative: [boolean],\n stopProfiling: [],\n- syncSelectionFromNativeElementsPanel: [],\n- syncSelectionToNativeElementsPanel: [],\n updateAppendComponentStack: [boolean],\n updateComponentFilters: [Array],\n viewElementSource: [ElementAndRendererID],\n \n \/\/ React Native style editor plug-in.\n- isNativeStyleEditorSupported: [\n- {| isSupported: boolean, validAttributes: $ReadOnlyArray |},\n- ],\n NativeStyleEditor_measure: [ElementAndRendererID],\n NativeStyleEditor_renameAttribute: [NativeStyleEditor_RenameAttributeParams],\n NativeStyleEditor_setValue: [NativeStyleEditor_SetValueParams],\n- NativeStyleEditor_styleAndLayout: [StyleAndLayoutPayload],\n+|};\n+\n+class Bridge<\n+ OutgoingEvents: Object,\n+ IncomingEvents: Object\n+> extends EventEmitter<{|\n+ ...IncomingEvents,\n+ ...OutgoingEvents,\n |}> {\n _isShutdown: boolean = false;\n _messageQueue: Array = [];\n@@ -134,7 +151,10 @@ export default class Bridge extends EventEmitter<{|\n return this._wall;\n }\n \n- send(event: string, payload: any, transferable?: Array) {\n+ send>(\n+ event: EventName,\n+ ...payload: $ElementType\n+ ) {\n if (this._isShutdown) {\n console.warn(\n `Cannot send message \"${event}\" through a Bridge that has been shutdown.`\n@@ -150,7 +170,7 @@ export default class Bridge extends EventEmitter<{|\n \/\/ - if there has been a message flushed in the last BATCH_DURATION ms\n \/\/ (or we're waiting for our setTimeout-0 to fire), then _timeoutID will\n \/\/ be set, and we'll simply add to the queue and wait for that\n- this._messageQueue.push(event, payload, transferable);\n+ this._messageQueue.push(event, payload);\n if (!this._timeoutID) {\n this._timeoutID = setTimeout(this._flush, 0);\n }\n@@ -204,12 +224,8 @@ export default class Bridge extends EventEmitter<{|\n this._timeoutID = null;\n \n if (this._messageQueue.length) {\n- for (let i = 0; i < this._messageQueue.length; i += 3) {\n- this._wall.send(\n- this._messageQueue[i],\n- this._messageQueue[i + 1],\n- this._messageQueue[i + 2]\n- );\n+ for (let i = 0; i < this._messageQueue.length; i += 2) {\n+ this._wall.send(this._messageQueue[i], ...this._messageQueue[i + 1]);\n }\n this._messageQueue.length = 0;\n \n@@ -220,3 +236,8 @@ export default class Bridge extends EventEmitter<{|\n }\n };\n }\n+\n+export type BackendBridge = Bridge;\n+export type FrontendBridge = Bridge;\n+\n+export default Bridge;\ndiff --git a\/src\/devtools\/ProfilerStore.js b\/src\/devtools\/ProfilerStore.js\nindex bf2e8544a3..eb79c41e65 100644\n--- a\/src\/devtools\/ProfilerStore.js\n+++ b\/src\/devtools\/ProfilerStore.js\n@@ -3,11 +3,11 @@\n import EventEmitter from 'events';\n import memoize from 'memoize-one';\n import throttle from 'lodash.throttle';\n-import Bridge from 'src\/bridge';\n import { prepareProfilingDataFrontendFromBackendAndStore } from '.\/views\/Profiler\/utils';\n import ProfilingCache from '.\/ProfilingCache';\n import Store from '.\/store';\n \n+import type { FrontendBridge } from 'src\/bridge';\n import type { ProfilingDataBackend } from 'src\/backend\/types';\n import type {\n CommitDataFrontend,\n@@ -23,7 +23,7 @@ export default class ProfilerStore extends EventEmitter<{|\n isProfiling: [],\n profilingData: [],\n |}> {\n- _bridge: Bridge;\n+ _bridge: FrontendBridge;\n \n \/\/ Suspense cache for lazily calculating derived profiling data.\n _cache: ProfilingCache;\n@@ -79,7 +79,11 @@ export default class ProfilerStore extends EventEmitter<{|\n \n _store: Store;\n \n- constructor(bridge: Bridge, store: Store, defaultIsProfiling: boolean) {\n+ constructor(\n+ bridge: FrontendBridge,\n+ store: Store,\n+ defaultIsProfiling: boolean\n+ ) {\n super();\n \n this._bridge = bridge;\ndiff --git a\/src\/devtools\/index.js b\/src\/devtools\/index.js\nindex b41b51a110..33e628e965 100644\n--- a\/src\/devtools\/index.js\n+++ b\/src\/devtools\/index.js\n@@ -1,6 +1,6 @@\n \/\/ @flow\n \n-import Bridge from 'src\/bridge';\n+import type { FrontendBridge } from 'src\/bridge';\n \n type Shell = {|\n connect: (callback: Function) => void,\n@@ -8,7 +8,7 @@ type Shell = {|\n |};\n \n export function initDevTools(shell: Shell) {\n- shell.connect((bridge: Bridge) => {\n+ shell.connect((bridge: FrontendBridge) => {\n \/\/ TODO ...\n });\n }\ndiff --git a\/src\/devtools\/store.js b\/src\/devtools\/store.js\nindex 2c778a0ccd..5b3e6a34d7 100644\n--- a\/src\/devtools\/store.js\n+++ b\/src\/devtools\/store.js\n@@ -2,7 +2,6 @@\n \n import EventEmitter from 'events';\n import { inspect } from 'util';\n-import Bridge from 'src\/bridge';\n import {\n TREE_OPERATION_ADD,\n TREE_OPERATION_REMOVE,\n@@ -24,6 +23,7 @@ import ProfilerStore from '.\/ProfilerStore';\n \n import type { Element } from '.\/views\/Components\/types';\n import type { ComponentFilter, ElementType } from '..\/types';\n+import type { FrontendBridge } from 'src\/bridge';\n \n const debug = (methodName, ...args) => {\n if (DEBUG) {\n@@ -71,7 +71,7 @@ export default class Store extends EventEmitter<{|\n supportsProfiling: [],\n supportsReloadAndProfile: [],\n |}> {\n- _bridge: Bridge;\n+ _bridge: FrontendBridge;\n \n _captureScreenshots: boolean = false;\n \n@@ -129,7 +129,7 @@ export default class Store extends EventEmitter<{|\n \/\/ Used for windowing purposes.\n _weightAcrossRoots: number = 0;\n \n- constructor(bridge: Bridge, config?: Config) {\n+ constructor(bridge: FrontendBridge, config?: Config) {\n super();\n \n if (DEBUG) {\n@@ -701,7 +701,7 @@ export default class Store extends EventEmitter<{|\n validAttributes,\n }: {|\n isSupported: boolean,\n- validAttributes: $ReadOnlyArray,\n+ validAttributes: ?$ReadOnlyArray,\n |}) => {\n this._isNativeStyleEditorSupported = isSupported;\n this._nativeStyleEditorValidAttributes = validAttributes || null;\ndiff --git a\/src\/devtools\/views\/Components\/HooksTree.js b\/src\/devtools\/views\/Components\/HooksTree.js\nindex 0c3b3e79b2..10df0c470a 100644\n--- a\/src\/devtools\/views\/Components\/HooksTree.js\n+++ b\/src\/devtools\/views\/Components\/HooksTree.js\n@@ -221,17 +221,19 @@ function HookView({\n if (canEditHooks && isStateEditable) {\n overrideValueFn = (absolutePath: Array, value: any) => {\n const rendererID = store.getRendererIDForElement(id);\n- bridge.send('overrideHookState', {\n- id,\n- hookID,\n- \/\/ Hooks override function expects a relative path for the specified hook (id),\n- \/\/ starting with its id within the (flat) hooks list structure.\n- \/\/ This relative path does not include the fake tree structure DevTools uses for display,\n- \/\/ so it's important that we remove that part of the path before sending the update.\n- path: absolutePath.slice(path.length + 1),\n- rendererID,\n- value,\n- });\n+ if (rendererID !== null) {\n+ bridge.send('overrideHookState', {\n+ id,\n+ hookID,\n+ \/\/ Hooks override function expects a relative path for the specified hook (id),\n+ \/\/ starting with its id within the (flat) hooks list structure.\n+ \/\/ This relative path does not include the fake tree structure DevTools uses for display,\n+ \/\/ so it's important that we remove that part of the path before sending the update.\n+ path: absolutePath.slice(path.length + 1),\n+ rendererID,\n+ value,\n+ });\n+ }\n };\n }\n \ndiff --git a\/src\/devtools\/views\/Components\/InspectedElementContext.js b\/src\/devtools\/views\/Components\/InspectedElementContext.js\nindex 97efcac574..31841774eb 100644\n--- a\/src\/devtools\/views\/Components\/InspectedElementContext.js\n+++ b\/src\/devtools\/views\/Components\/InspectedElementContext.js\n@@ -85,7 +85,9 @@ function InspectedElementContextController({ children }: Props) {\n const getInspectedElementPath = useCallback(\n (id: number, path: Array) => {\n const rendererID = store.getRendererIDForElement(id);\n- bridge.send('inspectElement', { id, path, rendererID });\n+ if (rendererID !== null) {\n+ bridge.send('inspectElement', { id, path, rendererID });\n+ }\n },\n [bridge, store]\n );\n@@ -232,7 +234,9 @@ function InspectedElementContextController({ children }: Props) {\n const sendRequest = () => {\n timeoutID = null;\n \n- bridge.send('inspectElement', { id: selectedElementID, rendererID });\n+ if (rendererID !== null) {\n+ bridge.send('inspectElement', { id: selectedElementID, rendererID });\n+ }\n };\n \n \/\/ Send the initial inspection request.\n@@ -240,7 +244,9 @@ function InspectedElementContextController({ children }: Props) {\n sendRequest();\n \n \/\/ Update the $r variable.\n- bridge.send('selectElement', { id: selectedElementID, rendererID });\n+ if (rendererID !== null) {\n+ bridge.send('selectElement', { id: selectedElementID, rendererID });\n+ }\n \n const onInspectedElement = (data: InspectedElementPayload) => {\n \/\/ If this is the element we requested, wait a little bit and then ask for another update.\ndiff --git a\/src\/devtools\/views\/Components\/NativeStyleEditor\/StyleEditor.js b\/src\/devtools\/views\/Components\/NativeStyleEditor\/StyleEditor.js\nindex 570f473355..94d6923c37 100644\n--- a\/src\/devtools\/views\/Components\/NativeStyleEditor\/StyleEditor.js\n+++ b\/src\/devtools\/views\/Components\/NativeStyleEditor\/StyleEditor.js\n@@ -25,22 +25,28 @@ export default function StyleEditor({ id, style }: Props) {\n const store = useContext(StoreContext);\n \n const changeAttribute = (oldName: string, newName: string, value: any) => {\n- bridge.send('NativeStyleEditor_renameAttribute', {\n- id,\n- rendererID: store.getRendererIDForElement(id),\n- oldName,\n- newName,\n- value,\n- });\n+ const rendererID = store.getRendererIDForElement(id);\n+ if (rendererID !== null) {\n+ bridge.send('NativeStyleEditor_renameAttribute', {\n+ id,\n+ rendererID,\n+ oldName,\n+ newName,\n+ value,\n+ });\n+ }\n };\n \n const changeValue = (name: string, value: any) => {\n- bridge.send('NativeStyleEditor_setValue', {\n- id,\n- rendererID: store.getRendererIDForElement(id),\n- name,\n- value,\n- });\n+ const rendererID = store.getRendererIDForElement(id);\n+ if (rendererID !== null) {\n+ bridge.send('NativeStyleEditor_setValue', {\n+ id,\n+ rendererID,\n+ name,\n+ value,\n+ });\n+ }\n };\n \n const keys = useMemo(() => Array.from(Object.keys(style)), [style]);\ndiff --git a\/src\/devtools\/views\/Components\/NativeStyleEditor\/context.js b\/src\/devtools\/views\/Components\/NativeStyleEditor\/context.js\nindex 927a4d4151..f062fef43e 100644\n--- a\/src\/devtools\/views\/Components\/NativeStyleEditor\/context.js\n+++ b\/src\/devtools\/views\/Components\/NativeStyleEditor\/context.js\n@@ -136,10 +136,12 @@ function NativeStyleContextController({ children }: Props) {\n const sendRequest = () => {\n timeoutID = null;\n \n- bridge.send('NativeStyleEditor_measure', {\n- id: selectedElementID,\n- rendererID,\n- });\n+ if (rendererID !== null) {\n+ bridge.send('NativeStyleEditor_measure', {\n+ id: selectedElementID,\n+ rendererID,\n+ });\n+ }\n };\n \n \/\/ Send the initial measurement request.\ndiff --git a\/src\/devtools\/views\/Components\/OwnersListContext.js b\/src\/devtools\/views\/Components\/OwnersListContext.js\nindex aa7e2dab05..6da02d3546 100644\n--- a\/src\/devtools\/views\/Components\/OwnersListContext.js\n+++ b\/src\/devtools\/views\/Components\/OwnersListContext.js\n@@ -106,8 +106,9 @@ function OwnersListContextController({ children }: Props) {\n useEffect(() => {\n if (ownerID !== null) {\n const rendererID = store.getRendererIDForElement(ownerID);\n-\n- bridge.send('getOwnersList', { id: ownerID, rendererID });\n+ if (rendererID !== null) {\n+ bridge.send('getOwnersList', { id: ownerID, rendererID });\n+ }\n }\n \n return () => {};\ndiff --git a\/src\/devtools\/views\/Components\/SelectedElement.js b\/src\/devtools\/views\/Components\/SelectedElement.js\nindex 2d3eece429..ecc12028c9 100644\n--- a\/src\/devtools\/views\/Components\/SelectedElement.js\n+++ b\/src\/devtools\/views\/Components\/SelectedElement.js\n@@ -140,12 +140,18 @@ export default function SelectedElement(_: Props) {\n });\n }\n \n+ const rendererID = store.getRendererIDForElement(\n+ nearestSuspenseElementID\n+ );\n+\n \/\/ Toggle suspended\n- bridge.send('overrideSuspense', {\n- id: nearestSuspenseElementID,\n- rendererID: store.getRendererIDForElement(nearestSuspenseElementID),\n- forceFallback: !isSuspended,\n- });\n+ if (rendererID !== null) {\n+ bridge.send('overrideSuspense', {\n+ id: nearestSuspenseElementID,\n+ rendererID,\n+ forceFallback: !isSuspended,\n+ });\n+ }\n }\n }, [bridge, dispatch, element, isSuspended, modalDialogDispatch, store]);\n \n@@ -280,15 +286,21 @@ function InspectedElementView({\n if (type === ElementTypeClass) {\n overrideContextFn = (path: Array, value: any) => {\n const rendererID = store.getRendererIDForElement(id);\n- bridge.send('overrideContext', { id, path, rendererID, value });\n+ if (rendererID !== null) {\n+ bridge.send('overrideContext', { id, path, rendererID, value });\n+ }\n };\n overridePropsFn = (path: Array, value: any) => {\n const rendererID = store.getRendererIDForElement(id);\n- bridge.send('overrideProps', { id, path, rendererID, value });\n+ if (rendererID !== null) {\n+ bridge.send('overrideProps', { id, path, rendererID, value });\n+ }\n };\n overrideStateFn = (path: Array, value: any) => {\n const rendererID = store.getRendererIDForElement(id);\n- bridge.send('overrideState', { id, path, rendererID, value });\n+ if (rendererID !== null) {\n+ bridge.send('overrideState', { id, path, rendererID, value });\n+ }\n };\n } else if (\n (type === ElementTypeFunction ||\n@@ -298,7 +310,9 @@ function InspectedElementView({\n ) {\n overridePropsFn = (path: Array, value: any) => {\n const rendererID = store.getRendererIDForElement(id);\n- bridge.send('overrideProps', { id, path, rendererID, value });\n+ if (rendererID !== null) {\n+ bridge.send('overrideProps', { id, path, rendererID, value });\n+ }\n };\n } else if (type === ElementTypeSuspense && canToggleSuspense) {\n overrideSuspenseFn = (path: Array, value: boolean) => {\n@@ -306,7 +320,13 @@ function InspectedElementView({\n throw new Error('Unexpected path.');\n }\n const rendererID = store.getRendererIDForElement(id);\n- bridge.send('overrideSuspense', { id, rendererID, forceFallback: value });\n+ if (rendererID !== null) {\n+ bridge.send('overrideSuspense', {\n+ id,\n+ rendererID,\n+ forceFallback: value,\n+ });\n+ }\n };\n }\n \ndiff --git a\/src\/devtools\/views\/Components\/Tree.js b\/src\/devtools\/views\/Components\/Tree.js\nindex 85d3ef1658..285cb39c41 100644\n--- a\/src\/devtools\/views\/Components\/Tree.js\n+++ b\/src\/devtools\/views\/Components\/Tree.js\n@@ -192,7 +192,7 @@ export default function Tree(props: Props) {\n (id: number) => {\n const element = store.getElementByID(id);\n const rendererID = store.getRendererIDForElement(id);\n- if (element !== null) {\n+ if (element !== null && rendererID !== null) {\n bridge.send('highlightNativeElement', {\n displayName: element.displayName,\n hideAfterTimeout: false,\ndiff --git a\/src\/devtools\/views\/DevTools.js b\/src\/devtools\/views\/DevTools.js\nindex f8d9bcec91..1aab4afaef 100644\n--- a\/src\/devtools\/views\/DevTools.js\n+++ b\/src\/devtools\/views\/DevTools.js\n@@ -6,7 +6,6 @@ import '@reach\/menu-button\/styles.css';\n import '@reach\/tooltip\/styles.css';\n \n import React, { useMemo, useState } from 'react';\n-import Bridge from 'src\/bridge';\n import Store from '..\/store';\n import { BridgeContext, StoreContext } from '.\/context';\n import Components from '.\/Components\/Components';\n@@ -25,6 +24,7 @@ import styles from '.\/DevTools.css';\n import '.\/root.css';\n \n import type { InspectedElement } from 'src\/devtools\/views\/Components\/types';\n+import type { FrontendBridge } from 'src\/bridge';\n \n export type BrowserTheme = 'dark' | 'light';\n export type TabID = 'components' | 'profiler' | 'settings';\n@@ -34,7 +34,7 @@ export type ViewElementSource = (\n ) => void;\n \n export type Props = {|\n- bridge: Bridge,\n+ bridge: FrontendBridge,\n browserTheme?: BrowserTheme,\n defaultTab?: TabID,\n showTabBar?: boolean,\ndiff --git a\/src\/devtools\/views\/context.js b\/src\/devtools\/views\/context.js\nindex e5ede9ef48..96c654a943 100644\n--- a\/src\/devtools\/views\/context.js\n+++ b\/src\/devtools\/views\/context.js\n@@ -1,11 +1,13 @@\n \/\/ @flow\n \n import { createContext } from 'react';\n-import Bridge from 'src\/bridge';\n-\n import Store from '..\/store';\n \n-export const BridgeContext = createContext(((null: any): Bridge));\n+import type { FrontendBridge } from 'src\/bridge';\n+\n+export const BridgeContext = createContext(\n+ ((null: any): FrontendBridge)\n+);\n BridgeContext.displayName = 'BridgeContext';\n \n export const StoreContext = createContext(((null: any): Store));\ndiff --git a\/vendor\/react-window\/dist\/index-dev.umd.js b\/vendor\/react-window\/dist\/index-dev.umd.js\nnew file mode 100644\nindex 0000000000..96dc2ae17a\n--- \/dev\/null\n+++ b\/vendor\/react-window\/dist\/index-dev.umd.js\n@@ -0,0 +1,2 @@\n+!function(e,t){\"object\"==typeof exports&&\"undefined\"!=typeof module?t(exports,require(\"react\")):\"function\"==typeof define&&define.amd?define([\"exports\",\"react\"],t):t((e=e||self).ReactWindow={},e.React)}(this,function(e,t){\"use strict\";function r(){return(r=Object.assign||function(e){for(var t=1;t=t?e.call(null):n.id=requestAnimationFrame(o)})};return n}var u=-1;var d=null;function f(e){if(void 0===e&&(e=!1),null===d||e){var t=document.createElement(\"div\"),r=t.style;r.width=\"50px\",r.height=\"50px\",r.overflow=\"scroll\",r.direction=\"rtl\";var n=document.createElement(\"div\"),o=n.style;return o.width=\"100px\",o.height=\"100px\",t.appendChild(n),document.body.appendChild(t),t.scrollLeft>0?d=\"positive-descending\":(t.scrollLeft=1,d=0===t.scrollLeft?\"negative\":\"positive-ascending\"),document.body.removeChild(t),d}return d}var h=150,p=function(e){var t=e.columnIndex;e.data;return e.rowIndex+\":\"+t},m=null,v=null,g=null;function w(e){var i,l,d=e.getColumnOffset,m=e.getColumnStartIndexForOffset,v=e.getColumnStopIndexForStartIndex,g=e.getColumnWidth,w=e.getEstimatedTotalHeight,I=e.getEstimatedTotalWidth,M=e.getOffsetForColumnAndAlignment,y=e.getOffsetForRowAndAlignment,x=e.getRowHeight,C=e.getRowOffset,_=e.getRowStartIndexForOffset,b=e.getRowStopIndexForStartIndex,R=e.initInstanceProps,T=e.shouldResetStyleCacheOnItemSizeChange,z=e.validateProps;return l=i=function(e){function i(t){var r;return(r=e.call(this,t)||this)._instanceProps=R(r.props,o(o(r))),r._resetIsScrollingTimeoutId=null,r._outerRef=void 0,r.state={instance:o(o(r)),isScrolling:!1,horizontalScrollDirection:\"forward\",scrollLeft:\"number\"==typeof r.props.initialScrollLeft?r.props.initialScrollLeft:0,scrollTop:\"number\"==typeof r.props.initialScrollTop?r.props.initialScrollTop:0,scrollUpdateWasRequested:!1,verticalScrollDirection:\"forward\"},r._callOnItemsRendered=void 0,r._callOnItemsRendered=a(function(e,t,n,o,i,a,l,s){return r.props.onItemsRendered({overscanColumnStartIndex:e,overscanColumnStopIndex:t,overscanRowStartIndex:n,overscanRowStopIndex:o,visibleColumnStartIndex:i,visibleColumnStopIndex:a,visibleRowStartIndex:l,visibleRowStopIndex:s})}),r._callOnScroll=void 0,r._callOnScroll=a(function(e,t,n,o,i){return r.props.onScroll({horizontalScrollDirection:n,scrollLeft:e,scrollTop:t,verticalScrollDirection:o,scrollUpdateWasRequested:i})}),r._getItemStyle=void 0,r._getItemStyle=function(e,t){var n,o,i=r.props,a=i.columnWidth,l=i.direction,s=i.rowHeight,c=r._getItemStyleCache(T&&a,T&&l,T&&s),u=e+\":\"+t;c.hasOwnProperty(u)?n=c[u]:c[u]=((o={position:\"absolute\"})[\"rtl\"===l?\"right\":\"left\"]=d(r.props,t,r._instanceProps),o.top=C(r.props,e,r._instanceProps),o.height=x(r.props,e,r._instanceProps),o.width=g(r.props,t,r._instanceProps),n=o);return n},r._getItemStyleCache=void 0,r._getItemStyleCache=a(function(e,t,r){return{}}),r._onScroll=function(e){var t=e.currentTarget,n=t.clientHeight,o=t.clientWidth,i=t.scrollLeft,a=t.scrollTop,l=t.scrollHeight,s=t.scrollWidth;r.setState(function(e){if(e.scrollLeft===i&&e.scrollTop===a)return null;var t=r.props.direction,c=i;if(\"rtl\"===t)switch(f()){case\"negative\":c=-i;break;case\"positive-descending\":c=s-o-i}c=Math.max(0,Math.min(c,s-o));var u=Math.max(0,Math.min(a,l-n));return{isScrolling:!0,horizontalScrollDirection:e.scrollLeftc?p:0,g=m>l?p:0;this.scrollTo({scrollLeft:void 0!==n?M(this.props,n,r,f,this._instanceProps,g):f,scrollTop:void 0!==o?y(this.props,o,r,h,this._instanceProps,v):h})},l.componentDidMount=function(){var e=this.props,t=e.initialScrollLeft,r=e.initialScrollTop;if(null!=this._outerRef){var n=this._outerRef;\"number\"==typeof t&&(n.scrollLeft=t),\"number\"==typeof r&&(n.scrollTop=r)}this._callPropsCallbacks()},l.componentDidUpdate=function(){var e=this.props.direction,t=this.state,r=t.scrollLeft,n=t.scrollTop;if(t.scrollUpdateWasRequested&&null!=this._outerRef){var o=this._outerRef;if(\"rtl\"===e)switch(f()){case\"negative\":o.scrollLeft=-r;break;case\"positive-ascending\":o.scrollLeft=r;break;default:var i=o.clientWidth,a=o.scrollWidth;o.scrollLeft=a-i-r}else o.scrollLeft=Math.max(0,r);o.scrollTop=Math.max(0,n)}this._callPropsCallbacks()},l.componentWillUnmount=function(){null!==this._resetIsScrollingTimeoutId&&s(this._resetIsScrollingTimeoutId)},l.render=function(){var e=this.props,n=e.children,o=e.className,i=e.columnCount,a=e.direction,l=e.height,s=e.innerRef,c=e.innerElementType,u=e.innerTagName,d=e.itemData,f=e.itemKey,h=void 0===f?p:f,m=e.outerElementType,v=e.outerTagName,g=e.rowCount,S=e.style,M=e.useIsScrolling,y=e.width,x=this.state.isScrolling,C=this._getHorizontalRangeToRender(),_=C[0],b=C[1],R=this._getVerticalRangeToRender(),T=R[0],z=R[1],O=[];if(i>0&&g)for(var P=T;P<=z;P++)for(var W=_;W<=b;W++)O.push(t.createElement(n,{columnIndex:W,data:d,isScrolling:M?x:void 0,key:h({columnIndex:W,data:d,rowIndex:P}),rowIndex:P,style:this._getItemStyle(P,W)}));var E=w(this.props,this._instanceProps),A=I(this.props,this._instanceProps);return t.createElement(m||v||\"div\",{className:o,onScroll:this._onScroll,ref:this._outerRefSetter,style:r({position:\"relative\",height:l,width:y,overflow:\"auto\",WebkitOverflowScrolling:\"touch\",willChange:\"transform\",direction:a},S)},t.createElement(c||u||\"div\",{children:O,ref:s,style:{height:E,pointerEvents:x?\"none\":void 0,width:A}}))},l._callPropsCallbacks=function(){var e=this.props,t=e.columnCount,r=e.onItemsRendered,n=e.onScroll,o=e.rowCount;if(\"function\"==typeof r&&t>0&&o>0){var i=this._getHorizontalRangeToRender(),a=i[0],l=i[1],s=i[2],c=i[3],u=this._getVerticalRangeToRender(),d=u[0],f=u[1],h=u[2],p=u[3];this._callOnItemsRendered(a,l,d,f,s,c,h,p)}if(\"function\"==typeof n){var m=this.state,v=m.horizontalScrollDirection,g=m.scrollLeft,w=m.scrollTop,S=m.scrollUpdateWasRequested,I=m.verticalScrollDirection;this._callOnScroll(g,w,v,I,S)}},l._getHorizontalRangeToRender=function(){var e=this.props,t=e.columnCount,r=e.overscanColumnCount,n=e.overscanColumnsCount,o=e.overscanCount,i=e.rowCount,a=this.state,l=a.horizontalScrollDirection,s=a.isScrolling,c=a.scrollLeft,u=r||n||o||1;if(0===t||0===i)return[0,0,0,0];var d=m(this.props,c,this._instanceProps),f=v(this.props,d,c,this._instanceProps),h=s&&\"backward\"!==l?1:Math.max(1,u),p=s&&\"forward\"!==l?1:Math.max(1,u);return[Math.max(0,d-h),Math.max(0,Math.min(t-1,f+p)),d,f]},l._getVerticalRangeToRender=function(){var e=this.props,t=e.columnCount,r=e.overscanCount,n=e.overscanRowCount,o=e.overscanRowsCount,i=e.rowCount,a=this.state,l=a.isScrolling,s=a.verticalScrollDirection,c=a.scrollTop,u=n||o||r||1;if(0===t||0===i)return[0,0,0,0];var d=_(this.props,c,this._instanceProps),f=b(this.props,d,c,this._instanceProps),h=l&&\"backward\"!==s?1:Math.max(1,u),p=l&&\"forward\"!==s?1:Math.max(1,u);return[Math.max(0,d-h),Math.max(0,Math.min(i-1,f+p)),d,f]},i}(t.PureComponent),i.defaultProps={direction:\"ltr\",itemData:void 0,useIsScrolling:!1},l}\"undefined\"!=typeof window&&void 0!==window.WeakSet&&(m=new WeakSet,v=new WeakSet,g=new WeakSet);var S=function(e,t){var r=e.children,n=e.direction,o=e.height,i=e.innerTagName,a=e.outerTagName,l=e.overscanColumnsCount,s=e.overscanCount,c=e.overscanRowsCount,u=e.width,d=t.instance;if(\"number\"==typeof s&&m&&!m.has(d)&&(m.add(d),console.warn(\"The overscanCount prop has been deprecated. Please use the overscanColumnCount and overscanRowCount props instead.\")),\"number\"!=typeof l&&\"number\"!=typeof c||v&&!v.has(d)&&(v.add(d),console.warn(\"The overscanColumnsCount and overscanRowsCount props have been deprecated. Please use the overscanColumnCount and overscanRowCount props instead.\")),null==i&&null==a||g&&!g.has(d)&&(g.add(d),console.warn(\"The innerTagName and outerTagName props have been deprecated. Please use the innerElementType and outerElementType props instead.\")),null==r)throw Error('An invalid \"children\" prop has been specified. Value should be a React component. \"'+(null===r?\"null\":typeof r)+'\" was specified.');switch(n){case\"ltr\":case\"rtl\":break;default:throw Error('An invalid \"direction\" prop has been specified. Value should be either \"ltr\" or \"rtl\". \"'+n+'\" was specified.')}if(\"number\"!=typeof u)throw Error('An invalid \"width\" prop has been specified. Grids must specify a number for width. \"'+(null===u?\"null\":typeof u)+'\" was specified.');if(\"number\"!=typeof o)throw Error('An invalid \"height\" prop has been specified. Grids must specify a number for height. \"'+(null===o?\"null\":typeof o)+'\" was specified.')},I=function(e,t){var r=e.rowCount,n=t.rowMetadataMap,o=t.estimatedRowHeight,i=t.lastMeasuredRowIndex,a=0;if(i>=r&&(i=r-1),i>=0){var l=n[i];a=l.offset+l.size}return a+(r-i-1)o},M=function(e,t){var r=e.columnCount,n=t.columnMetadataMap,o=t.estimatedColumnWidth,i=t.lastMeasuredColumnIndex,a=0;if(i>=r&&(i=r-1),i>=0){var l=n[i];a=l.offset+l.size}return a+(r-i-1)o},y=function(e,t,r,n){var o,i,a;if(\"column\"===e?(o=n.columnMetadataMap,i=t.columnWidth,a=n.lastMeasuredColumnIndex):(o=n.rowMetadataMap,i=t.rowHeight,a=n.lastMeasuredRowIndex),r>a){var l=0;if(a>=0){var s=o[a];l=s.offset+s.size}for(var c=a+1;c<=r;c++){var u=i(c);o[c]={offset:l,size:u},l+=u}\"column\"===e?n.lastMeasuredColumnIndex=r:n.lastMeasuredRowIndex=r}return o[r]},x=function(e,t,r,n){var o,i;return\"column\"===e?(o=r.columnMetadataMap,i=r.lastMeasuredColumnIndex):(o=r.rowMetadataMap,i=r.lastMeasuredRowIndex),(i>0?o[i].offset:0)>=n?C(e,t,r,i,0,n):_(e,t,r,Math.max(0,i),n)},C=function(e,t,r,n,o,i){for(;o<=n;){var a=o+Math.floor((n-o)\/2),l=y(e,t,a,r).offset;if(l===i)return a;li&&(n=a-1)}return o>0?o-1:0},_=function(e,t,r,n,o){for(var i=\"column\"===e?t.columnCount:t.rowCount,a=1;n=d-l&&o<=u+l?\"auto\":\"center\"),n){case\"start\":return u;case\"end\":return d;case\"center\":return Math.round(d+(u-d)\/2);case\"auto\":default:return o>=d&&o<=u?o:d>u?d:o0)for(var T=_;T<=b;T++)R.push(t.createElement(n,{data:f,key:p(T,f),index:T,isScrolling:S?M:void 0,style:this._getItemStyle(T)}));var O=d(this.props,this._instanceProps);return t.createElement(v||g||\"div\",{className:o,onScroll:x,ref:this._outerRefSetter,style:r({position:\"relative\",height:a,width:I,overflow:\"auto\",WebkitOverflowScrolling:\"touch\",willChange:\"transform\",direction:i},w)},t.createElement(s||c||\"div\",{children:R,ref:l,style:{height:y?\"100%\":O,pointerEvents:M?\"none\":void 0,width:y?O:\"100%\"}}))},l._callPropsCallbacks=function(){if(\"function\"==typeof this.props.onItemsRendered&&this.props.itemCount>0){var e=this._getRangeToRender(),t=e[0],r=e[1],n=e[2],o=e[3];this._callOnItemsRendered(t,r,n,o)}if(\"function\"==typeof this.props.onScroll){var i=this.state,a=i.scrollDirection,l=i.scrollOffset,s=i.scrollUpdateWasRequested;this._callOnScroll(a,l,s)}},l._getRangeToRender=function(){var e=this.props,t=e.itemCount,r=e.overscanCount,n=this.state,o=n.isScrolling,i=n.scrollDirection,a=n.scrollOffset;if(0===t)return[0,0,0,0];var l=m(this.props,a,this._instanceProps),s=v(this.props,l,a,this._instanceProps),c=o&&\"backward\"!==i?1:Math.max(1,r),u=o&&\"forward\"!==i?1:Math.max(1,r);return[Math.max(0,l-c),Math.max(0,Math.min(t-1,s+u)),l,s]},i}(t.PureComponent),i.defaultProps={direction:\"ltr\",itemData:void 0,layout:\"vertical\",overscanCount:2,useIsScrolling:!1},l}\"undefined\"!=typeof window&&void 0!==window.WeakSet&&(O=new WeakSet,P=new WeakSet);var E=function(e,t){var r=e.children,n=e.direction,o=e.height,i=e.layout,a=e.innerTagName,l=e.outerTagName,s=e.width,c=t.instance;null==a&&null==l||P&&!P.has(c)&&(P.add(c),console.warn(\"The innerTagName and outerTagName props have been deprecated. Please use the innerElementType and outerElementType props instead.\"));var u=\"horizontal\"===n||\"horizontal\"===i;switch(n){case\"horizontal\":case\"vertical\":O&&!O.has(c)&&(O.add(c),console.warn('The direction prop should be either \"ltr\" (default) or \"rtl\". Please use the layout prop to specify \"vertical\" (default) or \"horizontal\" orientation.'));break;case\"ltr\":case\"rtl\":break;default:throw Error('An invalid \"direction\" prop has been specified. Value should be either \"ltr\" or \"rtl\". \"'+n+'\" was specified.')}switch(i){case\"horizontal\":case\"vertical\":break;default:throw Error('An invalid \"layout\" prop has been specified. Value should be either \"horizontal\" or \"vertical\". \"'+i+'\" was specified.')}if(null==r)throw Error('An invalid \"children\" prop has been specified. Value should be a React component. \"'+(null===r?\"null\":typeof r)+'\" was specified.');if(u&&\"number\"!=typeof s)throw Error('An invalid \"width\" prop has been specified. Horizontal lists must specify a number for width. \"'+(null===s?\"null\":typeof s)+'\" was specified.');if(!u&&\"number\"!=typeof o)throw Error('An invalid \"height\" prop has been specified. Vertical lists must specify a number for height. \"'+(null===o?\"null\":typeof o)+'\" was specified.')},A=function(e,t,r){var n=e.itemSize,o=r.itemMetadataMap,i=r.lastMeasuredIndex;if(t>i){var a=0;if(i>=0){var l=o[i];a=l.offset+l.size}for(var s=i+1;s<=t;s++){var c=n(s);o[s]={offset:a,size:c},a+=c}r.lastMeasuredIndex=t}return o[t]},k=function(e,t,r,n,o){for(;n<=r;){var i=n+Math.floor((r-n)\/2),a=A(e,i,t).offset;if(a===o)return i;ao&&(r=i-1)}return n>0?n-1:0},D=function(e,t,r,n){for(var o=e.itemCount,i=1;r=r&&(i=r-1),i>=0){var l=n[i];a=l.offset+l.size}return a+(r-i-1)o},L=W({getItemOffset:function(e,t,r){return A(e,t,r).offset},getItemSize:function(e,t,r){return r.itemMetadataMap[t].size},getEstimatedTotalSize:F,getOffsetForIndexAndAlignment:function(e,t,r,n,o){var i=e.direction,a=e.height,l=e.layout,s=e.width,c=\"horizontal\"===i||\"horizontal\"===l?s:a,u=A(e,t,o),d=F(e,o),f=Math.max(0,Math.min(d-c,u.offset)),h=Math.max(0,u.offset-c+u.size);switch(\"smart\"===r&&(r=n>=h-c&&n<=f+c?\"auto\":\"center\"),r){case\"start\":return f;case\"end\":return h;case\"center\":return Math.round(h+(f-h)\/2);case\"auto\":default:return n>=h&&n<=f?n:n0?n[o].offset:0)>=r?k(e,t,o,0,r):D(e,t,Math.max(0,o),r)}(e,r,t)},getStopIndexForStartIndex:function(e,t,r,n){for(var o=e.direction,i=e.height,a=e.itemCount,l=e.layout,s=e.width,c=\"horizontal\"===o||\"horizontal\"===l?s:i,u=A(e,t,n),d=r+c,f=u.offset+u.size,h=t;h=d-s&&n<=u+s?\"auto\":\"center\"),r){case\"start\":return u;case\"end\":return d;case\"center\":var f=Math.round(d+(u-d)\/2);return fc+Math.floor(s\/2)?c:f;case\"auto\":default:return n>=d&&n<=u?n:d>u?d:n=d-l&&n<=u+l?\"auto\":\"center\"),r){case\"start\":return u;case\"end\":return d;case\"center\":var f=Math.round(d+(u-d)\/2);return fc+Math.floor(l\/2)?c:f;case\"auto\":default:return n>=d&&n<=u?n:d>u?d:n=h-u&&n<=f+u?\"auto\":\"center\"),r){case\"start\":return f;case\"end\":return h;case\"center\":var p=Math.round(h+(f-h)\/2);return pd+Math.floor(u\/2)?d:p;case\"auto\":default:return n>=h&&n<=f?n:n=0||(o[r]=e[r]);return o}function q(e,t){for(var r in e)if(!(r in t))return!0;for(var n in t)if(e[n]!==t[n])return!0;return!1}function N(e,t){var r=e.style,n=V(e,[\"style\"]),o=t.style,i=V(t,[\"style\"]);return!q(r,o)&&!q(n,i)}e.VariableSizeGrid=R,e.VariableSizeList=L,e.FixedSizeGrid=H,e.FixedSizeList=U,e.areEqual=N,e.shouldComponentUpdate=function(e,t){return!N(this.props,e)||q(this.state,t)},Object.defineProperty(e,\"__esModule\",{value:!0})});\n+\/\/# sourceMappingURL=index-dev.umd.js.map\ndiff --git a\/vendor\/react-window\/dist\/index-prod.umd.js b\/vendor\/react-window\/dist\/index-prod.umd.js\nnew file mode 100644\nindex 0000000000..ca33541ed5\n--- \/dev\/null\n+++ b\/vendor\/react-window\/dist\/index-prod.umd.js\n@@ -0,0 +1,2 @@\n+!function(t,e){\"object\"==typeof exports&&\"undefined\"!=typeof module?e(exports,require(\"react\")):\"function\"==typeof define&&define.amd?define([\"exports\",\"react\"],e):e((t=t||self).ReactWindow={},t.React)}(this,function(t,e){\"use strict\";function r(){return(r=Object.assign||function(t){for(var e=1;e=e?t.call(null):o.id=requestAnimationFrame(n)})};return o}var u=-1;var f=null;function d(t){if(void 0===t&&(t=!1),null===f||t){var e=document.createElement(\"div\"),r=e.style;r.width=\"50px\",r.height=\"50px\",r.overflow=\"scroll\",r.direction=\"rtl\";var o=document.createElement(\"div\"),n=o.style;return n.width=\"100px\",n.height=\"100px\",e.appendChild(o),document.body.appendChild(e),e.scrollLeft>0?f=\"positive-descending\":(e.scrollLeft=1,f=0===e.scrollLeft?\"negative\":\"positive-ascending\"),document.body.removeChild(e),f}return f}var h=150,m=function(t){var e=t.columnIndex;t.data;return t.rowIndex+\":\"+e};function p(t){var i,l,f=t.getColumnOffset,p=t.getColumnStartIndexForOffset,v=t.getColumnStopIndexForStartIndex,S=t.getColumnWidth,I=t.getEstimatedTotalHeight,w=t.getEstimatedTotalWidth,M=t.getOffsetForColumnAndAlignment,x=t.getOffsetForRowAndAlignment,_=t.getRowHeight,C=t.getRowOffset,R=t.getRowStartIndexForOffset,y=t.getRowStopIndexForStartIndex,T=t.initInstanceProps,O=t.shouldResetStyleCacheOnItemSizeChange,z=t.validateProps;return l=i=function(t){function i(e){var r;return(r=t.call(this,e)||this)._instanceProps=T(r.props,n(n(r))),r._resetIsScrollingTimeoutId=null,r._outerRef=void 0,r.state={instance:n(n(r)),isScrolling:!1,horizontalScrollDirection:\"forward\",scrollLeft:\"number\"==typeof r.props.initialScrollLeft?r.props.initialScrollLeft:0,scrollTop:\"number\"==typeof r.props.initialScrollTop?r.props.initialScrollTop:0,scrollUpdateWasRequested:!1,verticalScrollDirection:\"forward\"},r._callOnItemsRendered=void 0,r._callOnItemsRendered=a(function(t,e,o,n,i,a,l,s){return r.props.onItemsRendered({overscanColumnStartIndex:t,overscanColumnStopIndex:e,overscanRowStartIndex:o,overscanRowStopIndex:n,visibleColumnStartIndex:i,visibleColumnStopIndex:a,visibleRowStartIndex:l,visibleRowStopIndex:s})}),r._callOnScroll=void 0,r._callOnScroll=a(function(t,e,o,n,i){return r.props.onScroll({horizontalScrollDirection:o,scrollLeft:t,scrollTop:e,verticalScrollDirection:n,scrollUpdateWasRequested:i})}),r._getItemStyle=void 0,r._getItemStyle=function(t,e){var o,n,i=r.props,a=i.columnWidth,l=i.direction,s=i.rowHeight,c=r._getItemStyleCache(O&&a,O&&l,O&&s),u=t+\":\"+e;c.hasOwnProperty(u)?o=c[u]:c[u]=((n={position:\"absolute\"})[\"rtl\"===l?\"right\":\"left\"]=f(r.props,e,r._instanceProps),n.top=C(r.props,t,r._instanceProps),n.height=_(r.props,t,r._instanceProps),n.width=S(r.props,e,r._instanceProps),o=n);return o},r._getItemStyleCache=void 0,r._getItemStyleCache=a(function(t,e,r){return{}}),r._onScroll=function(t){var e=t.currentTarget,o=e.clientHeight,n=e.clientWidth,i=e.scrollLeft,a=e.scrollTop,l=e.scrollHeight,s=e.scrollWidth;r.setState(function(t){if(t.scrollLeft===i&&t.scrollTop===a)return null;var e=r.props.direction,c=i;if(\"rtl\"===e)switch(d()){case\"negative\":c=-i;break;case\"positive-descending\":c=s-n-i}c=Math.max(0,Math.min(c,s-n));var u=Math.max(0,Math.min(a,l-o));return{isScrolling:!0,horizontalScrollDirection:t.scrollLeftc?m:0,v=p>l?m:0;this.scrollTo({scrollLeft:void 0!==o?M(this.props,o,r,d,this._instanceProps,v):d,scrollTop:void 0!==n?x(this.props,n,r,h,this._instanceProps,g):h})},l.componentDidMount=function(){var t=this.props,e=t.initialScrollLeft,r=t.initialScrollTop;if(null!=this._outerRef){var o=this._outerRef;\"number\"==typeof e&&(o.scrollLeft=e),\"number\"==typeof r&&(o.scrollTop=r)}this._callPropsCallbacks()},l.componentDidUpdate=function(){var t=this.props.direction,e=this.state,r=e.scrollLeft,o=e.scrollTop;if(e.scrollUpdateWasRequested&&null!=this._outerRef){var n=this._outerRef;if(\"rtl\"===t)switch(d()){case\"negative\":n.scrollLeft=-r;break;case\"positive-ascending\":n.scrollLeft=r;break;default:var i=n.clientWidth,a=n.scrollWidth;n.scrollLeft=a-i-r}else n.scrollLeft=Math.max(0,r);n.scrollTop=Math.max(0,o)}this._callPropsCallbacks()},l.componentWillUnmount=function(){null!==this._resetIsScrollingTimeoutId&&s(this._resetIsScrollingTimeoutId)},l.render=function(){var t=this.props,o=t.children,n=t.className,i=t.columnCount,a=t.direction,l=t.height,s=t.innerRef,c=t.innerElementType,u=t.innerTagName,f=t.itemData,d=t.itemKey,h=void 0===d?m:d,p=t.outerElementType,g=t.outerTagName,v=t.rowCount,S=t.style,M=t.useIsScrolling,x=t.width,_=this.state.isScrolling,C=this._getHorizontalRangeToRender(),R=C[0],y=C[1],T=this._getVerticalRangeToRender(),O=T[0],z=T[1],b=[];if(i>0&&v)for(var P=O;P<=z;P++)for(var W=R;W<=y;W++)b.push(e.createElement(o,{columnIndex:W,data:f,isScrolling:M?_:void 0,key:h({columnIndex:W,data:f,rowIndex:P}),rowIndex:P,style:this._getItemStyle(P,W)}));var D=I(this.props,this._instanceProps),F=w(this.props,this._instanceProps);return e.createElement(p||g||\"div\",{className:n,onScroll:this._onScroll,ref:this._outerRefSetter,style:r({position:\"relative\",height:l,width:x,overflow:\"auto\",WebkitOverflowScrolling:\"touch\",willChange:\"transform\",direction:a},S)},e.createElement(c||u||\"div\",{children:b,ref:s,style:{height:D,pointerEvents:_?\"none\":void 0,width:F}}))},l._callPropsCallbacks=function(){var t=this.props,e=t.columnCount,r=t.onItemsRendered,o=t.onScroll,n=t.rowCount;if(\"function\"==typeof r&&e>0&&n>0){var i=this._getHorizontalRangeToRender(),a=i[0],l=i[1],s=i[2],c=i[3],u=this._getVerticalRangeToRender(),f=u[0],d=u[1],h=u[2],m=u[3];this._callOnItemsRendered(a,l,f,d,s,c,h,m)}if(\"function\"==typeof o){var p=this.state,g=p.horizontalScrollDirection,v=p.scrollLeft,S=p.scrollTop,I=p.scrollUpdateWasRequested,w=p.verticalScrollDirection;this._callOnScroll(v,S,g,w,I)}},l._getHorizontalRangeToRender=function(){var t=this.props,e=t.columnCount,r=t.overscanColumnCount,o=t.overscanColumnsCount,n=t.overscanCount,i=t.rowCount,a=this.state,l=a.horizontalScrollDirection,s=a.isScrolling,c=a.scrollLeft,u=r||o||n||1;if(0===e||0===i)return[0,0,0,0];var f=p(this.props,c,this._instanceProps),d=v(this.props,f,c,this._instanceProps),h=s&&\"backward\"!==l?1:Math.max(1,u),m=s&&\"forward\"!==l?1:Math.max(1,u);return[Math.max(0,f-h),Math.max(0,Math.min(e-1,d+m)),f,d]},l._getVerticalRangeToRender=function(){var t=this.props,e=t.columnCount,r=t.overscanCount,o=t.overscanRowCount,n=t.overscanRowsCount,i=t.rowCount,a=this.state,l=a.isScrolling,s=a.verticalScrollDirection,c=a.scrollTop,u=o||n||r||1;if(0===e||0===i)return[0,0,0,0];var f=R(this.props,c,this._instanceProps),d=y(this.props,f,c,this._instanceProps),h=l&&\"backward\"!==s?1:Math.max(1,u),m=l&&\"forward\"!==s?1:Math.max(1,u);return[Math.max(0,f-h),Math.max(0,Math.min(i-1,d+m)),f,d]},i}(e.PureComponent),i.defaultProps={direction:\"ltr\",itemData:void 0,useIsScrolling:!1},l}var g=function(t,e){t.children,t.direction,t.height,t.innerTagName,t.outerTagName,t.overscanColumnsCount,t.overscanCount,t.overscanRowsCount,t.width,e.instance},v=function(t,e){var r=t.rowCount,o=e.rowMetadataMap,n=e.estimatedRowHeight,i=e.lastMeasuredRowIndex,a=0;if(i>=r&&(i=r-1),i>=0){var l=o[i];a=l.offset+l.size}return a+(r-i-1)n},S=function(t,e){var r=t.columnCount,o=e.columnMetadataMap,n=e.estimatedColumnWidth,i=e.lastMeasuredColumnIndex,a=0;if(i>=r&&(i=r-1),i>=0){var l=o[i];a=l.offset+l.size}return a+(r-i-1)n},I=function(t,e,r,o){var n,i,a;if(\"column\"===t?(n=o.columnMetadataMap,i=e.columnWidth,a=o.lastMeasuredColumnIndex):(n=o.rowMetadataMap,i=e.rowHeight,a=o.lastMeasuredRowIndex),r>a){var l=0;if(a>=0){var s=n[a];l=s.offset+s.size}for(var c=a+1;c<=r;c++){var u=i(c);n[c]={offset:l,size:u},l+=u}\"column\"===t?o.lastMeasuredColumnIndex=r:o.lastMeasuredRowIndex=r}return n[r]},w=function(t,e,r,o){var n,i;return\"column\"===t?(n=r.columnMetadataMap,i=r.lastMeasuredColumnIndex):(n=r.rowMetadataMap,i=r.lastMeasuredRowIndex),(i>0?n[i].offset:0)>=o?M(t,e,r,i,0,o):x(t,e,r,Math.max(0,i),o)},M=function(t,e,r,o,n,i){for(;n<=o;){var a=n+Math.floor((o-n)\/2),l=I(t,e,a,r).offset;if(l===i)return a;li&&(o=a-1)}return n>0?n-1:0},x=function(t,e,r,o,n){for(var i=\"column\"===t?e.columnCount:e.rowCount,a=1;o=f-l&&n<=u+l?\"auto\":\"center\"),o){case\"start\":return u;case\"end\":return f;case\"center\":return Math.round(f+(u-f)\/2);case\"auto\":default:return n>=f&&n<=u?n:f>u?f:n0)for(var z=R;z<=T;z++)O.push(e.createElement(o,{data:d,key:m(z,d),index:z,isScrolling:I?M:void 0,style:this._getItemStyle(z)}));var b=f(this.props,this._instanceProps);return e.createElement(g||v||\"div\",{className:n,onScroll:_,ref:this._outerRefSetter,style:r({position:\"relative\",height:a,width:w,overflow:\"auto\",WebkitOverflowScrolling:\"touch\",willChange:\"transform\",direction:i},S)},e.createElement(s||c||\"div\",{children:O,ref:l,style:{height:x?\"100%\":b,pointerEvents:M?\"none\":void 0,width:x?b:\"100%\"}}))},l._callPropsCallbacks=function(){if(\"function\"==typeof this.props.onItemsRendered&&this.props.itemCount>0){var t=this._getRangeToRender(),e=t[0],r=t[1],o=t[2],n=t[3];this._callOnItemsRendered(e,r,o,n)}if(\"function\"==typeof this.props.onScroll){var i=this.state,a=i.scrollDirection,l=i.scrollOffset,s=i.scrollUpdateWasRequested;this._callOnScroll(a,l,s)}},l._getRangeToRender=function(){var t=this.props,e=t.itemCount,r=t.overscanCount,o=this.state,n=o.isScrolling,i=o.scrollDirection,a=o.scrollOffset;if(0===e)return[0,0,0,0];var l=p(this.props,a,this._instanceProps),s=g(this.props,l,a,this._instanceProps),c=n&&\"backward\"!==i?1:Math.max(1,r),u=n&&\"forward\"!==i?1:Math.max(1,r);return[Math.max(0,l-c),Math.max(0,Math.min(e-1,s+u)),l,s]},i}(e.PureComponent),i.defaultProps={direction:\"ltr\",itemData:void 0,layout:\"vertical\",overscanCount:2,useIsScrolling:!1},l}var O=function(t,e){t.children,t.direction,t.height,t.layout,t.innerTagName,t.outerTagName,t.width,e.instance},z=function(t,e,r){var o=t.itemSize,n=r.itemMetadataMap,i=r.lastMeasuredIndex;if(e>i){var a=0;if(i>=0){var l=n[i];a=l.offset+l.size}for(var s=i+1;s<=e;s++){var c=o(s);n[s]={offset:a,size:c},a+=c}r.lastMeasuredIndex=e}return n[e]},b=function(t,e,r,o,n){for(;o<=r;){var i=o+Math.floor((r-o)\/2),a=z(t,i,e).offset;if(a===n)return i;an&&(r=i-1)}return o>0?o-1:0},P=function(t,e,r,o){for(var n=t.itemCount,i=1;r=r&&(i=r-1),i>=0){var l=o[i];a=l.offset+l.size}return a+(r-i-1)n},D=T({getItemOffset:function(t,e,r){return z(t,e,r).offset},getItemSize:function(t,e,r){return r.itemMetadataMap[e].size},getEstimatedTotalSize:W,getOffsetForIndexAndAlignment:function(t,e,r,o,n){var i=t.direction,a=t.height,l=t.layout,s=t.width,c=\"horizontal\"===i||\"horizontal\"===l?s:a,u=z(t,e,n),f=W(t,n),d=Math.max(0,Math.min(f-c,u.offset)),h=Math.max(0,u.offset-c+u.size);switch(\"smart\"===r&&(r=o>=h-c&&o<=d+c?\"auto\":\"center\"),r){case\"start\":return d;case\"end\":return h;case\"center\":return Math.round(h+(d-h)\/2);case\"auto\":default:return o>=h&&o<=d?o:o0?o[n].offset:0)>=r?b(t,e,n,0,r):P(t,e,Math.max(0,n),r)}(t,r,e)},getStopIndexForStartIndex:function(t,e,r,o){for(var n=t.direction,i=t.height,a=t.itemCount,l=t.layout,s=t.width,c=\"horizontal\"===n||\"horizontal\"===l?s:i,u=z(t,e,o),f=r+c,d=u.offset+u.size,h=e;h=f-s&&o<=u+s?\"auto\":\"center\"),r){case\"start\":return u;case\"end\":return f;case\"center\":var d=Math.round(f+(u-f)\/2);return dc+Math.floor(s\/2)?c:d;case\"auto\":default:return o>=f&&o<=u?o:f>u?f:o=f-l&&o<=u+l?\"auto\":\"center\"),r){case\"start\":return u;case\"end\":return f;case\"center\":var d=Math.round(f+(u-f)\/2);return dc+Math.floor(l\/2)?c:d;case\"auto\":default:return o>=f&&o<=u?o:f>u?f:o=h-u&&o<=d+u?\"auto\":\"center\"),r){case\"start\":return d;case\"end\":return h;case\"center\":var m=Math.round(h+(d-h)\/2);return mf+Math.floor(u\/2)?f:m;case\"auto\":default:return o>=h&&o<=d?o:o=0||(n[r]=t[r]);return n}function H(t,e){for(var r in t)if(!(r in e))return!0;for(var o in e)if(t[o]!==e[o])return!0;return!1}function k(t,e){var r=t.style,o=A(t,[\"style\"]),n=e.style,i=A(e,[\"style\"]);return!H(r,n)&&!H(o,i)}t.VariableSizeGrid=C,t.VariableSizeList=D,t.FixedSizeGrid=F,t.FixedSizeList=L,t.areEqual=k,t.shouldComponentUpdate=function(t,e){return!k(this.props,t)||H(this.state,e)},Object.defineProperty(t,\"__esModule\",{value:!0})});\n+\/\/# sourceMappingURL=index-prod.umd.js.map\ndiff --git a\/vendor\/react-window\/dist\/index.cjs.js b\/vendor\/react-window\/dist\/index.cjs.js\nindex 08582cdb6f..83875b5ee0 100644\n--- a\/vendor\/react-window\/dist\/index.cjs.js\n+++ b\/vendor\/react-window\/dist\/index.cjs.js\n@@ -59,6 +59,50 @@ function getScrollbarSize(recalculate) {\n \n return size;\n }\n+var cachedRTLResult = null; \/\/ TRICKY According to the spec, scrollLeft should be negative for RTL aligned elements.\n+\/\/ Chrome does not seem to adhere; its scrollLeft values are positive (measured relative to the left).\n+\/\/ Safari's elastic bounce makes detecting this even more complicated wrt potential false positives.\n+\/\/ The safest way to check this is to intentionally set a negative offset,\n+\/\/ and then verify that the subsequent \"scroll\" event matches the negative offset.\n+\/\/ If it does not match, then we can assume a non-standard RTL scroll implementation.\n+\n+function getRTLOffsetType(recalculate) {\n+ if (recalculate === void 0) {\n+ recalculate = false;\n+ }\n+\n+ if (cachedRTLResult === null || recalculate) {\n+ var outerDiv = document.createElement('div');\n+ var outerStyle = outerDiv.style;\n+ outerStyle.width = '50px';\n+ outerStyle.height = '50px';\n+ outerStyle.overflow = 'scroll';\n+ outerStyle.direction = 'rtl';\n+ var innerDiv = document.createElement('div');\n+ var innerStyle = innerDiv.style;\n+ innerStyle.width = '100px';\n+ innerStyle.height = '100px';\n+ outerDiv.appendChild(innerDiv);\n+ document.body.appendChild(outerDiv);\n+\n+ if (outerDiv.scrollLeft > 0) {\n+ cachedRTLResult = 'positive-descending';\n+ } else {\n+ outerDiv.scrollLeft = 1;\n+\n+ if (outerDiv.scrollLeft === 0) {\n+ cachedRTLResult = 'negative';\n+ } else {\n+ cachedRTLResult = 'positive-ascending';\n+ }\n+ }\n+\n+ document.body.removeChild(outerDiv);\n+ return cachedRTLResult;\n+ }\n+\n+ return cachedRTLResult;\n+}\n \n var IS_SCROLLING_DEBOUNCE_INTERVAL = 150;\n \n@@ -72,6 +116,7 @@ var defaultItemKey = function defaultItemKey(_ref) {\n \n \n var devWarningsOverscanCount = null;\n+var devWarningsOverscanRowsColumnsCount = null;\n var devWarningsTagName = null;\n \n if (process.env.NODE_ENV !== 'production') {\n@@ -79,6 +124,9 @@ if (process.env.NODE_ENV !== 'production') {\n devWarningsOverscanCount =\n \/#PURE\/\n new WeakSet();\n+ devWarningsOverscanRowsColumnsCount =\n+ \/#PURE\/\n+ new WeakSet();\n devWarningsTagName =\n \/#PURE\/\n new WeakSet();\n@@ -183,9 +231,11 @@ function createGridComponent(_ref2) {\n \n _this._onScroll = function (event) {\n var _event$currentTarget = event.currentTarget,\n+ clientHeight = _event$currentTarget.clientHeight,\n clientWidth = _event$currentTarget.clientWidth,\n scrollLeft = _event$currentTarget.scrollLeft,\n scrollTop = _event$currentTarget.scrollTop,\n+ scrollHeight = _event$currentTarget.scrollHeight,\n scrollWidth = _event$currentTarget.scrollWidth;\n \n _this.setState(function (prevState) {\n@@ -196,25 +246,33 @@ function createGridComponent(_ref2) {\n return null;\n }\n \n- var direction = _this.props.direction; \/\/ HACK According to the spec, scrollLeft should be negative for RTL aligned elements.\n- \/\/ Chrome does not seem to adhere; its scrollLeft values are positive (measured relative to the left).\n- \/\/ See https:\/\/developer.mozilla.org\/en-US\/docs\/Web\/API\/Element\/scrollLeft\n+ var direction = _this.props.direction; \/\/ TRICKY According to the spec, scrollLeft should be negative for RTL aligned elements.\n+ \/\/ This is not the case for all browsers though (e.g. Chrome reports values as positive, measured relative to the left).\n+ \/\/ It's also easier for this component if we convert offsets to the same format as they would be in for ltr.\n+ \/\/ So the simplest solution is to determine which browser behavior we're dealing with, and convert based on it.\n \n var calculatedScrollLeft = scrollLeft;\n \n if (direction === 'rtl') {\n- if (scrollLeft <= 0) {\n- calculatedScrollLeft = -scrollLeft;\n- } else {\n- calculatedScrollLeft = scrollWidth - clientWidth - scrollLeft;\n+ switch (getRTLOffsetType()) {\n+ case 'negative':\n+ calculatedScrollLeft = -scrollLeft;\n+ break;\n+\n+ case 'positive-descending':\n+ calculatedScrollLeft = scrollWidth - clientWidth - scrollLeft;\n+ break;\n }\n- }\n+ } \/\/ Prevent Safari's elastic scrolling from causing visual shaking when scrolling past bounds.\n+\n \n+ calculatedScrollLeft = Math.max(0, Math.min(calculatedScrollLeft, scrollWidth - clientWidth));\n+ var calculatedScrollTop = Math.max(0, Math.min(scrollTop, scrollHeight - clientHeight));\n return {\n isScrolling: true,\n horizontalScrollDirection: prevState.scrollLeft < scrollLeft ? 'forward' : 'backward',\n scrollLeft: calculatedScrollLeft,\n- scrollTop: scrollTop,\n+ scrollTop: calculatedScrollTop,\n verticalScrollDirection: prevState.scrollTop < scrollTop ? 'forward' : 'backward',\n scrollUpdateWasRequested: false\n };\n@@ -339,26 +397,55 @@ function createGridComponent(_ref2) {\n initialScrollLeft = _this$props3.initialScrollLeft,\n initialScrollTop = _this$props3.initialScrollTop;\n \n- if (typeof initialScrollLeft === 'number' && this._outerRef != null) {\n- this._outerRef.scrollLeft = initialScrollLeft;\n- }\n+ if (this._outerRef != null) {\n+ var outerRef = this._outerRef;\n+\n+ if (typeof initialScrollLeft === 'number') {\n+ outerRef.scrollLeft = initialScrollLeft;\n+ }\n \n- if (typeof initialScrollTop === 'number' && this._outerRef != null) {\n- this._outerRef.scrollTop = initialScrollTop;\n+ if (typeof initialScrollTop === 'number') {\n+ outerRef.scrollTop = initialScrollTop;\n+ }\n }\n \n this._callPropsCallbacks();\n };\n \n _proto.componentDidUpdate = function componentDidUpdate() {\n+ var direction = this.props.direction;\n var _this$state2 = this.state,\n scrollLeft = _this$state2.scrollLeft,\n scrollTop = _this$state2.scrollTop,\n scrollUpdateWasRequested = _this$state2.scrollUpdateWasRequested;\n \n- if (scrollUpdateWasRequested && this._outerRef !== null) {\n- this._outerRef.scrollLeft = scrollLeft;\n- this._outerRef.scrollTop = scrollTop;\n+ if (scrollUpdateWasRequested && this._outerRef != null) {\n+ \/\/ TRICKY According to the spec, scrollLeft should be negative for RTL aligned elements.\n+ \/\/ This is not the case for all browsers though (e.g. Chrome reports values as positive, measured relative to the left).\n+ \/\/ So we need to determine which browser behavior we're dealing with, and mimic it.\n+ var outerRef = this._outerRef;\n+\n+ if (direction === 'rtl') {\n+ switch (getRTLOffsetType()) {\n+ case 'negative':\n+ outerRef.scrollLeft = -scrollLeft;\n+ break;\n+\n+ case 'positive-ascending':\n+ outerRef.scrollLeft = scrollLeft;\n+ break;\n+\n+ default:\n+ var clientWidth = outerRef.clientWidth,\n+ scrollWidth = outerRef.scrollWidth;\n+ outerRef.scrollLeft = scrollWidth - clientWidth - scrollLeft;\n+ break;\n+ }\n+ } else {\n+ outerRef.scrollLeft = Math.max(0, scrollLeft);\n+ }\n+\n+ outerRef.scrollTop = Math.max(0, scrollTop);\n }\n \n this._callPropsCallbacks();\n@@ -442,7 +529,7 @@ function createGridComponent(_ref2) {\n ref: innerRef,\n style: {\n height: estimatedTotalHeight,\n- pointerEvents: isScrolling ? 'none' : '',\n+ pointerEvents: isScrolling ? 'none' : undefined,\n width: estimatedTotalWidth\n }\n }));\n@@ -492,6 +579,7 @@ function createGridComponent(_ref2) {\n _proto._getHorizontalRangeToRender = function _getHorizontalRangeToRender() {\n var _this$props6 = this.props,\n columnCount = _this$props6.columnCount,\n+ overscanColumnCount = _this$props6.overscanColumnCount,\n overscanColumnsCount = _this$props6.overscanColumnsCount,\n overscanCount = _this$props6.overscanCount,\n rowCount = _this$props6.rowCount;\n@@ -499,7 +587,7 @@ function createGridComponent(_ref2) {\n horizontalScrollDirection = _this$state4.horizontalScrollDirection,\n isScrolling = _this$state4.isScrolling,\n scrollLeft = _this$state4.scrollLeft;\n- var overscanCountResolved = overscanColumnsCount || overscanCount || 1;\n+ var overscanCountResolved = overscanColumnCount || overscanColumnsCount || overscanCount || 1;\n \n if (columnCount === 0 || rowCount === 0) {\n return [0, 0, 0, 0];\n@@ -518,13 +606,14 @@ function createGridComponent(_ref2) {\n var _this$props7 = this.props,\n columnCount = _this$props7.columnCount,\n overscanCount = _this$props7.overscanCount,\n+ overscanRowCount = _this$props7.overscanRowCount,\n overscanRowsCount = _this$props7.overscanRowsCount,\n rowCount = _this$props7.rowCount;\n var _this$state5 = this.state,\n isScrolling = _this$state5.isScrolling,\n verticalScrollDirection = _this$state5.verticalScrollDirection,\n scrollTop = _this$state5.scrollTop;\n- var overscanCountResolved = overscanRowsCount || overscanCount || 1;\n+ var overscanCountResolved = overscanRowCount || overscanRowsCount || overscanCount || 1;\n \n if (columnCount === 0 || rowCount === 0) {\n return [0, 0, 0, 0];\n@@ -553,7 +642,9 @@ var validateSharedProps = function validateSharedProps(_ref5, _ref6) {\n height = _ref5.height,\n innerTagName = _ref5.innerTagName,\n outerTagName = _ref5.outerTagName,\n+ overscanColumnsCount = _ref5.overscanColumnsCount,\n overscanCount = _ref5.overscanCount,\n+ overscanRowsCount = _ref5.overscanRowsCount,\n width = _ref5.width;\n var instance = _ref6.instance;\n \n@@ -561,7 +652,14 @@ var validateSharedProps = function validateSharedProps(_ref5, _ref6) {\n if (typeof overscanCount === 'number') {\n if (devWarningsOverscanCount && !devWarningsOverscanCount.has(instance)) {\n devWarningsOverscanCount.add(instance);\n- console.warn('The overscanCount prop has been deprecated. ' + 'Please use the overscanColumnsCount and overscanRowsCount props instead.');\n+ console.warn('The overscanCount prop has been deprecated. ' + 'Please use the overscanColumnCount and overscanRowCount props instead.');\n+ }\n+ }\n+\n+ if (typeof overscanColumnsCount === 'number' || typeof overscanRowsCount === 'number') {\n+ if (devWarningsOverscanRowsColumnsCount && !devWarningsOverscanRowsColumnsCount.has(instance)) {\n+ devWarningsOverscanRowsColumnsCount.add(instance);\n+ console.warn('The overscanColumnsCount and overscanRowsCount props have been deprecated. ' + 'Please use the overscanColumnCount and overscanRowCount props instead.');\n }\n }\n \n@@ -770,7 +868,11 @@ var getOffsetForIndexAndAlignment = function getOffsetForIndexAndAlignment(itemT\n default:\n if (scrollOffset >= minOffset && scrollOffset <= maxOffset) {\n return scrollOffset;\n- } else if (scrollOffset - minOffset < maxOffset - scrollOffset) {\n+ } else if (minOffset > maxOffset) {\n+ \/\/ Because we only take into account the scrollbar size when calculating minOffset\n+ \/\/ this value can be larger than maxOffset when at the end of the list\n+ return minOffset;\n+ } else if (scrollOffset < minOffset) {\n return minOffset;\n } else {\n return maxOffset;\n@@ -1037,20 +1139,27 @@ function createListComponent(_ref) {\n return null;\n }\n \n- var direction = _this.props.direction; \/\/ HACK According to the spec, scrollLeft should be negative for RTL aligned elements.\n- \/\/ Chrome does not seem to adhere; its scrolLeft values are positive (measured relative to the left).\n- \/\/ See https:\/\/developer.mozilla.org\/en-US\/docs\/Web\/API\/Element\/scrollLeft\n-\n+ var direction = _this.props.direction;\n var scrollOffset = scrollLeft;\n \n if (direction === 'rtl') {\n- if (scrollLeft <= 0) {\n- scrollOffset = -scrollOffset;\n- } else {\n- scrollOffset = scrollWidth - clientWidth - scrollLeft;\n+ \/\/ TRICKY According to the spec, scrollLeft should be negative for RTL aligned elements.\n+ \/\/ This is not the case for all browsers though (e.g. Chrome reports values as positive, measured relative to the left).\n+ \/\/ It's also easier for this component if we convert offsets to the same format as they would be in for ltr.\n+ \/\/ So the simplest solution is to determine which browser behavior we're dealing with, and convert based on it.\n+ switch (getRTLOffsetType()) {\n+ case 'negative':\n+ scrollOffset = -scrollLeft;\n+ break;\n+\n+ case 'positive-descending':\n+ scrollOffset = scrollWidth - clientWidth - scrollLeft;\n+ break;\n }\n- }\n+ } \/\/ Prevent Safari's elastic scrolling from causing visual shaking when scrolling past bounds.\n+\n \n+ scrollOffset = Math.max(0, Math.min(scrollOffset, scrollWidth - clientWidth));\n return {\n isScrolling: true,\n scrollDirection: prevState.scrollOffset < scrollLeft ? 'forward' : 'backward',\n@@ -1061,7 +1170,10 @@ function createListComponent(_ref) {\n };\n \n _this._onScrollVertical = function (event) {\n- var scrollTop = event.currentTarget.scrollTop;\n+ var _event$currentTarget2 = event.currentTarget,\n+ clientHeight = _event$currentTarget2.clientHeight,\n+ scrollHeight = _event$currentTarget2.scrollHeight,\n+ scrollTop = _event$currentTarget2.scrollTop;\n \n _this.setState(function (prevState) {\n if (prevState.scrollOffset === scrollTop) {\n@@ -1069,12 +1181,14 @@ function createListComponent(_ref) {\n \/\/ In which case we don't need to trigger another render,\n \/\/ And we don't want to update state.isScrolling.\n return null;\n- }\n+ } \/\/ Prevent Safari's elastic scrolling from causing visual shaking when scrolling past bounds.\n \n+\n+ var scrollOffset = Math.max(0, Math.min(scrollTop, scrollHeight - clientHeight));\n return {\n isScrolling: true,\n- scrollDirection: prevState.scrollOffset < scrollTop ? 'forward' : 'backward',\n- scrollOffset: scrollTop,\n+ scrollDirection: prevState.scrollOffset < scrollOffset ? 'forward' : 'backward',\n+ scrollOffset: scrollOffset,\n scrollUpdateWasRequested: false\n };\n }, _this._resetIsScrollingDebounced);\n@@ -1154,12 +1268,13 @@ function createListComponent(_ref) {\n initialScrollOffset = _this$props2.initialScrollOffset,\n layout = _this$props2.layout;\n \n- if (typeof initialScrollOffset === 'number' && this._outerRef !== null) {\n- \/\/ TODO Deprecate direction \"horizontal\"\n+ if (typeof initialScrollOffset === 'number' && this._outerRef != null) {\n+ var outerRef = this._outerRef; \/\/ TODO Deprecate direction \"horizontal\"\n+\n if (direction === 'horizontal' || layout === 'horizontal') {\n- this._outerRef.scrollLeft = initialScrollOffset;\n+ outerRef.scrollLeft = initialScrollOffset;\n } else {\n- this._outerRef.scrollTop = initialScrollOffset;\n+ outerRef.scrollTop = initialScrollOffset;\n }\n }\n \n@@ -1174,12 +1289,34 @@ function createListComponent(_ref) {\n scrollOffset = _this$state.scrollOffset,\n scrollUpdateWasRequested = _this$state.scrollUpdateWasRequested;\n \n- if (scrollUpdateWasRequested && this._outerRef !== null) {\n- \/\/ TODO Deprecate direction \"horizontal\"\n+ if (scrollUpdateWasRequested && this._outerRef != null) {\n+ var outerRef = this._outerRef; \/\/ TODO Deprecate direction \"horizontal\"\n+\n if (direction === 'horizontal' || layout === 'horizontal') {\n- this._outerRef.scrollLeft = scrollOffset;\n+ if (direction === 'rtl') {\n+ \/\/ TRICKY According to the spec, scrollLeft should be negative for RTL aligned elements.\n+ \/\/ This is not the case for all browsers though (e.g. Chrome reports values as positive, measured relative to the left).\n+ \/\/ So we need to determine which browser behavior we're dealing with, and mimic it.\n+ switch (getRTLOffsetType()) {\n+ case 'negative':\n+ outerRef.scrollLeft = -scrollOffset;\n+ break;\n+\n+ case 'positive-ascending':\n+ outerRef.scrollLeft = scrollOffset;\n+ break;\n+\n+ default:\n+ var clientWidth = outerRef.clientWidth,\n+ scrollWidth = outerRef.scrollWidth;\n+ outerRef.scrollLeft = scrollWidth - clientWidth - scrollOffset;\n+ break;\n+ }\n+ } else {\n+ outerRef.scrollLeft = scrollOffset;\n+ }\n } else {\n- this._outerRef.scrollTop = scrollOffset;\n+ outerRef.scrollTop = scrollOffset;\n }\n }\n \n@@ -1255,7 +1392,7 @@ function createListComponent(_ref) {\n ref: innerRef,\n style: {\n height: isHorizontal ? '100%' : estimatedTotalSize,\n- pointerEvents: isScrolling ? 'none' : '',\n+ pointerEvents: isScrolling ? 'none' : undefined,\n width: isHorizontal ? estimatedTotalSize : '100%'\n }\n }));\n@@ -1537,7 +1674,7 @@ createListComponent({\n default:\n if (scrollOffset >= minOffset && scrollOffset <= maxOffset) {\n return scrollOffset;\n- } else if (scrollOffset - minOffset < maxOffset - scrollOffset) {\n+ } else if (scrollOffset < minOffset) {\n return minOffset;\n } else {\n return maxOffset;\n@@ -1642,7 +1779,8 @@ createGridComponent({\n var columnCount = _ref7.columnCount,\n columnWidth = _ref7.columnWidth,\n width = _ref7.width;\n- var maxOffset = Math.max(0, Math.min(columnCount * columnWidth - width, columnIndex * columnWidth));\n+ var lastColumnOffset = Math.max(0, columnCount * columnWidth - width);\n+ var maxOffset = Math.min(lastColumnOffset, columnIndex * columnWidth);\n var minOffset = Math.max(0, columnIndex * columnWidth - width + scrollbarSize + columnWidth);\n \n if (align === 'smart') {\n@@ -1661,13 +1799,27 @@ createGridComponent({\n return minOffset;\n \n case 'center':\n- return Math.round(minOffset + (maxOffset - minOffset) \/ 2);\n+ \/\/ \"Centered\" offset is usually the average of the min and max.\n+ \/\/ But near the edges of the list, this doesn't hold true.\n+ var middleOffset = Math.round(minOffset + (maxOffset - minOffset) \/ 2);\n+\n+ if (middleOffset < Math.ceil(width \/ 2)) {\n+ return 0; \/\/ near the beginning\n+ } else if (middleOffset > lastColumnOffset + Math.floor(width \/ 2)) {\n+ return lastColumnOffset; \/\/ near the end\n+ } else {\n+ return middleOffset;\n+ }\n \n case 'auto':\n default:\n if (scrollLeft >= minOffset && scrollLeft <= maxOffset) {\n return scrollLeft;\n- } else if (scrollLeft - minOffset < maxOffset - scrollLeft) {\n+ } else if (minOffset > maxOffset) {\n+ \/\/ Because we only take into account the scrollbar size when calculating minOffset\n+ \/\/ this value can be larger than maxOffset when at the end of the list\n+ return minOffset;\n+ } else if (scrollLeft < minOffset) {\n return minOffset;\n } else {\n return maxOffset;\n@@ -1679,7 +1831,8 @@ createGridComponent({\n var rowHeight = _ref8.rowHeight,\n height = _ref8.height,\n rowCount = _ref8.rowCount;\n- var maxOffset = Math.max(0, Math.min(rowCount * rowHeight - height, rowIndex * rowHeight));\n+ var lastRowOffset = Math.max(0, rowCount * rowHeight - height);\n+ var maxOffset = Math.min(lastRowOffset, rowIndex * rowHeight);\n var minOffset = Math.max(0, rowIndex * rowHeight - height + scrollbarSize + rowHeight);\n \n if (align === 'smart') {\n@@ -1698,13 +1851,27 @@ createGridComponent({\n return minOffset;\n \n case 'center':\n- return Math.round(minOffset + (maxOffset - minOffset) \/ 2);\n+ \/\/ \"Centered\" offset is usually the average of the min and max.\n+ \/\/ But near the edges of the list, this doesn't hold true.\n+ var middleOffset = Math.round(minOffset + (maxOffset - minOffset) \/ 2);\n+\n+ if (middleOffset < Math.ceil(height \/ 2)) {\n+ return 0; \/\/ near the beginning\n+ } else if (middleOffset > lastRowOffset + Math.floor(height \/ 2)) {\n+ return lastRowOffset; \/\/ near the end\n+ } else {\n+ return middleOffset;\n+ }\n \n case 'auto':\n default:\n if (scrollTop >= minOffset && scrollTop <= maxOffset) {\n return scrollTop;\n- } else if (scrollTop - minOffset < maxOffset - scrollTop) {\n+ } else if (minOffset > maxOffset) {\n+ \/\/ Because we only take into account the scrollbar size when calculating minOffset\n+ \/\/ this value can be larger than maxOffset when at the end of the list\n+ return minOffset;\n+ } else if (scrollTop < minOffset) {\n return minOffset;\n } else {\n return maxOffset;\n@@ -1722,7 +1889,9 @@ createGridComponent({\n columnCount = _ref10.columnCount,\n width = _ref10.width;\n var left = startIndex * columnWidth;\n- return Math.max(0, Math.min(columnCount - 1, startIndex + Math.floor((width + (scrollLeft - left)) \/ columnWidth)));\n+ var numVisibleColumns = Math.ceil((width + scrollLeft - left) \/ columnWidth);\n+ return Math.max(0, Math.min(columnCount - 1, startIndex + numVisibleColumns - 1 \/\/ -1 is because stop index is inclusive\n+ ));\n },\n getRowStartIndexForOffset: function getRowStartIndexForOffset(_ref11, scrollTop) {\n var rowHeight = _ref11.rowHeight,\n@@ -1733,8 +1902,10 @@ createGridComponent({\n var rowHeight = _ref12.rowHeight,\n rowCount = _ref12.rowCount,\n height = _ref12.height;\n- var left = startIndex * rowHeight;\n- return Math.max(0, Math.min(rowCount - 1, startIndex + Math.floor((height + (scrollTop - left)) \/ rowHeight)));\n+ var top = startIndex * rowHeight;\n+ var numVisibleRows = Math.ceil((height + scrollTop - top) \/ rowHeight);\n+ return Math.max(0, Math.min(rowCount - 1, startIndex + numVisibleRows - 1 \/\/ -1 is because stop index is inclusive\n+ ));\n },\n initInstanceProps: function initInstanceProps(props) {\/\/ Noop\n },\n@@ -1759,13 +1930,11 @@ var FixedSizeList =\n \/#PURE\/\n createListComponent({\n getItemOffset: function getItemOffset(_ref, index) {\n- var itemSize = _ref.itemSize,\n- size = _ref.size;\n+ var itemSize = _ref.itemSize;\n return index * itemSize;\n },\n getItemSize: function getItemSize(_ref2, index) {\n- var itemSize = _ref2.itemSize,\n- size = _ref2.size;\n+ var itemSize = _ref2.itemSize;\n return itemSize;\n },\n getEstimatedTotalSize: function getEstimatedTotalSize(_ref3) {\n@@ -1783,7 +1952,8 @@ createListComponent({\n \/\/ TODO Deprecate direction \"horizontal\"\n var isHorizontal = direction === 'horizontal' || layout === 'horizontal';\n var size = isHorizontal ? width : height;\n- var maxOffset = Math.max(0, Math.min(itemCount * itemSize - size, index * itemSize));\n+ var lastItemOffset = Math.max(0, itemCount * itemSize - size);\n+ var maxOffset = Math.min(lastItemOffset, index * itemSize);\n var minOffset = Math.max(0, index * itemSize - size + itemSize);\n \n if (align === 'smart') {\n@@ -1802,13 +1972,25 @@ createListComponent({\n return minOffset;\n \n case 'center':\n- return Math.round(minOffset + (maxOffset - minOffset) \/ 2);\n+ {\n+ \/\/ \"Centered\" offset is usually the average of the min and max.\n+ \/\/ But near the edges of the list, this doesn't hold true.\n+ var middleOffset = Math.round(minOffset + (maxOffset - minOffset) \/ 2);\n+\n+ if (middleOffset < Math.ceil(size \/ 2)) {\n+ return 0; \/\/ near the beginning\n+ } else if (middleOffset > lastItemOffset + Math.floor(size \/ 2)) {\n+ return lastItemOffset; \/\/ near the end\n+ } else {\n+ return middleOffset;\n+ }\n+ }\n \n case 'auto':\n default:\n if (scrollOffset >= minOffset && scrollOffset <= maxOffset) {\n return scrollOffset;\n- } else if (scrollOffset - minOffset < maxOffset - scrollOffset) {\n+ } else if (scrollOffset < minOffset) {\n return minOffset;\n } else {\n return maxOffset;\n@@ -1832,7 +2014,9 @@ createListComponent({\n var isHorizontal = direction === 'horizontal' || layout === 'horizontal';\n var offset = startIndex * itemSize;\n var size = isHorizontal ? width : height;\n- return Math.max(0, Math.min(itemCount - 1, startIndex + Math.floor((size + (scrollOffset - offset)) \/ itemSize)));\n+ var numVisibleItems = Math.ceil((size + scrollOffset - offset) \/ itemSize);\n+ return Math.max(0, Math.min(itemCount - 1, startIndex + numVisibleItems - 1 \/\/ -1 is because stop index is inclusive\n+ ));\n },\n initInstanceProps: function initInstanceProps(props) {\/\/ Noop\n },\n@@ -1892,3 +2076,4 @@ exports.FixedSizeGrid = FixedSizeGrid;\n exports.FixedSizeList = FixedSizeList;\n exports.areEqual = areEqual;\n exports.shouldComponentUpdate = shouldComponentUpdate;\n+\/\/# sourceMappingURL=index.cjs.js.map\ndiff --git a\/vendor\/react-window\/dist\/index.esm.js b\/vendor\/react-window\/dist\/index.esm.js\nindex 19b1884d12..9cf49546c8 100644\n--- a\/vendor\/react-window\/dist\/index.esm.js\n+++ b\/vendor\/react-window\/dist\/index.esm.js\n@@ -54,6 +54,50 @@ function getScrollbarSize(recalculate) {\n \n return size;\n }\n+var cachedRTLResult = null; \/\/ TRICKY According to the spec, scrollLeft should be negative for RTL aligned elements.\n+\/\/ Chrome does not seem to adhere; its scrollLeft values are positive (measured relative to the left).\n+\/\/ Safari's elastic bounce makes detecting this even more complicated wrt potential false positives.\n+\/\/ The safest way to check this is to intentionally set a negative offset,\n+\/\/ and then verify that the subsequent \"scroll\" event matches the negative offset.\n+\/\/ If it does not match, then we can assume a non-standard RTL scroll implementation.\n+\n+function getRTLOffsetType(recalculate) {\n+ if (recalculate === void 0) {\n+ recalculate = false;\n+ }\n+\n+ if (cachedRTLResult === null || recalculate) {\n+ var outerDiv = document.createElement('div');\n+ var outerStyle = outerDiv.style;\n+ outerStyle.width = '50px';\n+ outerStyle.height = '50px';\n+ outerStyle.overflow = 'scroll';\n+ outerStyle.direction = 'rtl';\n+ var innerDiv = document.createElement('div');\n+ var innerStyle = innerDiv.style;\n+ innerStyle.width = '100px';\n+ innerStyle.height = '100px';\n+ outerDiv.appendChild(innerDiv);\n+ document.body.appendChild(outerDiv);\n+\n+ if (outerDiv.scrollLeft > 0) {\n+ cachedRTLResult = 'positive-descending';\n+ } else {\n+ outerDiv.scrollLeft = 1;\n+\n+ if (outerDiv.scrollLeft === 0) {\n+ cachedRTLResult = 'negative';\n+ } else {\n+ cachedRTLResult = 'positive-ascending';\n+ }\n+ }\n+\n+ document.body.removeChild(outerDiv);\n+ return cachedRTLResult;\n+ }\n+\n+ return cachedRTLResult;\n+}\n \n var IS_SCROLLING_DEBOUNCE_INTERVAL = 150;\n \n@@ -67,6 +111,7 @@ var defaultItemKey = function defaultItemKey(_ref) {\n \n \n var devWarningsOverscanCount = null;\n+var devWarningsOverscanRowsColumnsCount = null;\n var devWarningsTagName = null;\n \n if (process.env.NODE_ENV !== 'production') {\n@@ -74,6 +119,9 @@ if (process.env.NODE_ENV !== 'production') {\n devWarningsOverscanCount =\n \/#PURE\/\n new WeakSet();\n+ devWarningsOverscanRowsColumnsCount =\n+ \/#PURE\/\n+ new WeakSet();\n devWarningsTagName =\n \/#PURE\/\n new WeakSet();\n@@ -178,9 +226,11 @@ function createGridComponent(_ref2) {\n \n _this._onScroll = function (event) {\n var _event$currentTarget = event.currentTarget,\n+ clientHeight = _event$currentTarget.clientHeight,\n clientWidth = _event$currentTarget.clientWidth,\n scrollLeft = _event$currentTarget.scrollLeft,\n scrollTop = _event$currentTarget.scrollTop,\n+ scrollHeight = _event$currentTarget.scrollHeight,\n scrollWidth = _event$currentTarget.scrollWidth;\n \n \/\/ Force flush sync for scroll updates to reduce visual checkerboarding.\n@@ -193,25 +243,33 @@ function createGridComponent(_ref2) {\n return null;\n }\n \n- var direction = _this.props.direction; \/\/ HACK According to the spec, scrollLeft should be negative for RTL aligned elements.\n- \/\/ Chrome does not seem to adhere; its scrollLeft values are positive (measured relative to the left).\n- \/\/ See https:\/\/developer.mozilla.org\/en-US\/docs\/Web\/API\/Element\/scrollLeft\n+ var direction = _this.props.direction; \/\/ TRICKY According to the spec, scrollLeft should be negative for RTL aligned elements.\n+ \/\/ This is not the case for all browsers though (e.g. Chrome reports values as positive, measured relative to the left).\n+ \/\/ It's also easier for this component if we convert offsets to the same format as they would be in for ltr.\n+ \/\/ So the simplest solution is to determine which browser behavior we're dealing with, and convert based on it.\n \n var calculatedScrollLeft = scrollLeft;\n \n if (direction === 'rtl') {\n- if (scrollLeft <= 0) {\n- calculatedScrollLeft = -scrollLeft;\n- } else {\n- calculatedScrollLeft = scrollWidth - clientWidth - scrollLeft;\n+ switch (getRTLOffsetType()) {\n+ case 'negative':\n+ calculatedScrollLeft = -scrollLeft;\n+ break;\n+\n+ case 'positive-descending':\n+ calculatedScrollLeft = scrollWidth - clientWidth - scrollLeft;\n+ break;\n }\n- }\n+ } \/\/ Prevent Safari's elastic scrolling from causing visual shaking when scrolling past bounds.\n+\n \n+ calculatedScrollLeft = Math.max(0, Math.min(calculatedScrollLeft, scrollWidth - clientWidth));\n+ var calculatedScrollTop = Math.max(0, Math.min(scrollTop, scrollHeight - clientHeight));\n return {\n isScrolling: true,\n horizontalScrollDirection: prevState.scrollLeft < scrollLeft ? 'forward' : 'backward',\n scrollLeft: calculatedScrollLeft,\n- scrollTop: scrollTop,\n+ scrollTop: calculatedScrollTop,\n verticalScrollDirection: prevState.scrollTop < scrollTop ? 'forward' : 'backward',\n scrollUpdateWasRequested: false\n };\n@@ -337,26 +395,55 @@ function createGridComponent(_ref2) {\n initialScrollLeft = _this$props3.initialScrollLeft,\n initialScrollTop = _this$props3.initialScrollTop;\n \n- if (typeof initialScrollLeft === 'number' && this._outerRef != null) {\n- this._outerRef.scrollLeft = initialScrollLeft;\n- }\n+ if (this._outerRef != null) {\n+ var outerRef = this._outerRef;\n \n- if (typeof initialScrollTop === 'number' && this._outerRef != null) {\n- this._outerRef.scrollTop = initialScrollTop;\n+ if (typeof initialScrollLeft === 'number') {\n+ outerRef.scrollLeft = initialScrollLeft;\n+ }\n+\n+ if (typeof initialScrollTop === 'number') {\n+ outerRef.scrollTop = initialScrollTop;\n+ }\n }\n \n this._callPropsCallbacks();\n };\n \n _proto.componentDidUpdate = function componentDidUpdate() {\n+ var direction = this.props.direction;\n var _this$state2 = this.state,\n scrollLeft = _this$state2.scrollLeft,\n scrollTop = _this$state2.scrollTop,\n scrollUpdateWasRequested = _this$state2.scrollUpdateWasRequested;\n \n- if (scrollUpdateWasRequested && this._outerRef !== null) {\n- this._outerRef.scrollLeft = scrollLeft;\n- this._outerRef.scrollTop = scrollTop;\n+ if (scrollUpdateWasRequested && this._outerRef != null) {\n+ \/\/ TRICKY According to the spec, scrollLeft should be negative for RTL aligned elements.\n+ \/\/ This is not the case for all browsers though (e.g. Chrome reports values as positive, measured relative to the left).\n+ \/\/ So we need to determine which browser behavior we're dealing with, and mimic it.\n+ var outerRef = this._outerRef;\n+\n+ if (direction === 'rtl') {\n+ switch (getRTLOffsetType()) {\n+ case 'negative':\n+ outerRef.scrollLeft = -scrollLeft;\n+ break;\n+\n+ case 'positive-ascending':\n+ outerRef.scrollLeft = scrollLeft;\n+ break;\n+\n+ default:\n+ var clientWidth = outerRef.clientWidth,\n+ scrollWidth = outerRef.scrollWidth;\n+ outerRef.scrollLeft = scrollWidth - clientWidth - scrollLeft;\n+ break;\n+ }\n+ } else {\n+ outerRef.scrollLeft = Math.max(0, scrollLeft);\n+ }\n+\n+ outerRef.scrollTop = Math.max(0, scrollTop);\n }\n \n this._callPropsCallbacks();\n@@ -440,7 +527,7 @@ function createGridComponent(_ref2) {\n ref: innerRef,\n style: {\n height: estimatedTotalHeight,\n- pointerEvents: isScrolling ? 'none' : '',\n+ pointerEvents: isScrolling ? 'none' : undefined,\n width: estimatedTotalWidth\n }\n }));\n@@ -490,6 +577,7 @@ function createGridComponent(_ref2) {\n _proto._getHorizontalRangeToRender = function _getHorizontalRangeToRender() {\n var _this$props6 = this.props,\n columnCount = _this$props6.columnCount,\n+ overscanColumnCount = _this$props6.overscanColumnCount,\n overscanColumnsCount = _this$props6.overscanColumnsCount,\n overscanCount = _this$props6.overscanCount,\n rowCount = _this$props6.rowCount;\n@@ -497,7 +585,7 @@ function createGridComponent(_ref2) {\n horizontalScrollDirection = _this$state4.horizontalScrollDirection,\n isScrolling = _this$state4.isScrolling,\n scrollLeft = _this$state4.scrollLeft;\n- var overscanCountResolved = overscanColumnsCount || overscanCount || 1;\n+ var overscanCountResolved = overscanColumnCount || overscanColumnsCount || overscanCount || 1;\n \n if (columnCount === 0 || rowCount === 0) {\n return [0, 0, 0, 0];\n@@ -516,13 +604,14 @@ function createGridComponent(_ref2) {\n var _this$props7 = this.props,\n columnCount = _this$props7.columnCount,\n overscanCount = _this$props7.overscanCount,\n+ overscanRowCount = _this$props7.overscanRowCount,\n overscanRowsCount = _this$props7.overscanRowsCount,\n rowCount = _this$props7.rowCount;\n var _this$state5 = this.state,\n isScrolling = _this$state5.isScrolling,\n verticalScrollDirection = _this$state5.verticalScrollDirection,\n scrollTop = _this$state5.scrollTop;\n- var overscanCountResolved = overscanRowsCount || overscanCount || 1;\n+ var overscanCountResolved = overscanRowCount || overscanRowsCount || overscanCount || 1;\n \n if (columnCount === 0 || rowCount === 0) {\n return [0, 0, 0, 0];\n@@ -551,7 +640,9 @@ var validateSharedProps = function validateSharedProps(_ref5, _ref6) {\n height = _ref5.height,\n innerTagName = _ref5.innerTagName,\n outerTagName = _ref5.outerTagName,\n+ overscanColumnsCount = _ref5.overscanColumnsCount,\n overscanCount = _ref5.overscanCount,\n+ overscanRowsCount = _ref5.overscanRowsCount,\n width = _ref5.width;\n var instance = _ref6.instance;\n \n@@ -559,7 +650,14 @@ var validateSharedProps = function validateSharedProps(_ref5, _ref6) {\n if (typeof overscanCount === 'number') {\n if (devWarningsOverscanCount && !devWarningsOverscanCount.has(instance)) {\n devWarningsOverscanCount.add(instance);\n- console.warn('The overscanCount prop has been deprecated. ' + 'Please use the overscanColumnsCount and overscanRowsCount props instead.');\n+ console.warn('The overscanCount prop has been deprecated. ' + 'Please use the overscanColumnCount and overscanRowCount props instead.');\n+ }\n+ }\n+\n+ if (typeof overscanColumnsCount === 'number' || typeof overscanRowsCount === 'number') {\n+ if (devWarningsOverscanRowsColumnsCount && !devWarningsOverscanRowsColumnsCount.has(instance)) {\n+ devWarningsOverscanRowsColumnsCount.add(instance);\n+ console.warn('The overscanColumnsCount and overscanRowsCount props have been deprecated. ' + 'Please use the overscanColumnCount and overscanRowCount props instead.');\n }\n }\n \n@@ -768,7 +866,11 @@ var getOffsetForIndexAndAlignment = function getOffsetForIndexAndAlignment(itemT\n default:\n if (scrollOffset >= minOffset && scrollOffset <= maxOffset) {\n return scrollOffset;\n- } else if (scrollOffset - minOffset < maxOffset - scrollOffset) {\n+ } else if (minOffset > maxOffset) {\n+ \/\/ Because we only take into account the scrollbar size when calculating minOffset\n+ \/\/ this value can be larger than maxOffset when at the end of the list\n+ return minOffset;\n+ } else if (scrollOffset < minOffset) {\n return minOffset;\n } else {\n return maxOffset;\n@@ -1037,20 +1139,27 @@ function createListComponent(_ref) {\n return null;\n }\n \n- var direction = _this.props.direction; \/\/ HACK According to the spec, scrollLeft should be negative for RTL aligned elements.\n- \/\/ Chrome does not seem to adhere; its scrolLeft values are positive (measured relative to the left).\n- \/\/ See https:\/\/developer.mozilla.org\/en-US\/docs\/Web\/API\/Element\/scrollLeft\n-\n+ var direction = _this.props.direction;\n var scrollOffset = scrollLeft;\n \n if (direction === 'rtl') {\n- if (scrollLeft <= 0) {\n- scrollOffset = -scrollOffset;\n- } else {\n- scrollOffset = scrollWidth - clientWidth - scrollLeft;\n+ \/\/ TRICKY According to the spec, scrollLeft should be negative for RTL aligned elements.\n+ \/\/ This is not the case for all browsers though (e.g. Chrome reports values as positive, measured relative to the left).\n+ \/\/ It's also easier for this component if we convert offsets to the same format as they would be in for ltr.\n+ \/\/ So the simplest solution is to determine which browser behavior we're dealing with, and convert based on it.\n+ switch (getRTLOffsetType()) {\n+ case 'negative':\n+ scrollOffset = -scrollLeft;\n+ break;\n+\n+ case 'positive-descending':\n+ scrollOffset = scrollWidth - clientWidth - scrollLeft;\n+ break;\n }\n- }\n+ } \/\/ Prevent Safari's elastic scrolling from causing visual shaking when scrolling past bounds.\n \n+\n+ scrollOffset = Math.max(0, Math.min(scrollOffset, scrollWidth - clientWidth));\n return {\n isScrolling: true,\n scrollDirection: prevState.scrollOffset < scrollLeft ? 'forward' : 'backward',\n@@ -1058,11 +1167,14 @@ function createListComponent(_ref) {\n scrollUpdateWasRequested: false\n };\n }, _this._resetIsScrollingDebounced);\n- });\n- };\n+ };\n+ });\n \n _this._onScrollVertical = function (event) {\n- var scrollTop = event.currentTarget.scrollTop;\n+ var _event$currentTarget2 = event.currentTarget,\n+ clientHeight = _event$currentTarget2.clientHeight,\n+ scrollHeight = _event$currentTarget2.scrollHeight,\n+ scrollTop = _event$currentTarget2.scrollTop;\n \n \/\/ Force flush sync for scroll updates to reduce visual checkerboarding.\n flushSync(() => {\n@@ -1072,17 +1184,19 @@ function createListComponent(_ref) {\n \/\/ In which case we don't need to trigger another render,\n \/\/ And we don't want to update state.isScrolling.\n return null;\n- }\n+ } \/\/ Prevent Safari's elastic scrolling from causing visual shaking when scrolling past bounds.\n \n+\n+ var scrollOffset = Math.max(0, Math.min(scrollTop, scrollHeight - clientHeight));\n return {\n isScrolling: true,\n- scrollDirection: prevState.scrollOffset < scrollTop ? 'forward' : 'backward',\n- scrollOffset: scrollTop,\n+ scrollDirection: prevState.scrollOffset < scrollOffset ? 'forward' : 'backward',\n+ scrollOffset: scrollOffset,\n scrollUpdateWasRequested: false\n };\n }, _this._resetIsScrollingDebounced);\n- });\n- };\n+ };\n+ });\n \n _this._outerRefSetter = function (ref) {\n var outerRef = _this.props.outerRef;\n@@ -1158,12 +1272,13 @@ function createListComponent(_ref) {\n initialScrollOffset = _this$props2.initialScrollOffset,\n layout = _this$props2.layout;\n \n- if (typeof initialScrollOffset === 'number' && this._outerRef !== null) {\n- \/\/ TODO Deprecate direction \"horizontal\"\n+ if (typeof initialScrollOffset === 'number' && this._outerRef != null) {\n+ var outerRef = this._outerRef; \/\/ TODO Deprecate direction \"horizontal\"\n+\n if (direction === 'horizontal' || layout === 'horizontal') {\n- this._outerRef.scrollLeft = initialScrollOffset;\n+ outerRef.scrollLeft = initialScrollOffset;\n } else {\n- this._outerRef.scrollTop = initialScrollOffset;\n+ outerRef.scrollTop = initialScrollOffset;\n }\n }\n \n@@ -1178,12 +1293,34 @@ function createListComponent(_ref) {\n scrollOffset = _this$state.scrollOffset,\n scrollUpdateWasRequested = _this$state.scrollUpdateWasRequested;\n \n- if (scrollUpdateWasRequested && this._outerRef !== null) {\n- \/\/ TODO Deprecate direction \"horizontal\"\n+ if (scrollUpdateWasRequested && this._outerRef != null) {\n+ var outerRef = this._outerRef; \/\/ TODO Deprecate direction \"horizontal\"\n+\n if (direction === 'horizontal' || layout === 'horizontal') {\n- this._outerRef.scrollLeft = scrollOffset;\n+ if (direction === 'rtl') {\n+ \/\/ TRICKY According to the spec, scrollLeft should be negative for RTL aligned elements.\n+ \/\/ This is not the case for all browsers though (e.g. Chrome reports values as positive, measured relative to the left).\n+ \/\/ So we need to determine which browser behavior we're dealing with, and mimic it.\n+ switch (getRTLOffsetType()) {\n+ case 'negative':\n+ outerRef.scrollLeft = -scrollOffset;\n+ break;\n+\n+ case 'positive-ascending':\n+ outerRef.scrollLeft = scrollOffset;\n+ break;\n+\n+ default:\n+ var clientWidth = outerRef.clientWidth,\n+ scrollWidth = outerRef.scrollWidth;\n+ outerRef.scrollLeft = scrollWidth - clientWidth - scrollOffset;\n+ break;\n+ }\n+ } else {\n+ outerRef.scrollLeft = scrollOffset;\n+ }\n } else {\n- this._outerRef.scrollTop = scrollOffset;\n+ outerRef.scrollTop = scrollOffset;\n }\n }\n \n@@ -1259,7 +1396,7 @@ function createListComponent(_ref) {\n ref: innerRef,\n style: {\n height: isHorizontal ? '100%' : estimatedTotalSize,\n- pointerEvents: isScrolling ? 'none' : '',\n+ pointerEvents: isScrolling ? 'none' : undefined,\n width: isHorizontal ? estimatedTotalSize : '100%'\n }\n }));\n@@ -1541,7 +1678,7 @@ createListComponent({\n default:\n if (scrollOffset >= minOffset && scrollOffset <= maxOffset) {\n return scrollOffset;\n- } else if (scrollOffset - minOffset < maxOffset - scrollOffset) {\n+ } else if (scrollOffset < minOffset) {\n return minOffset;\n } else {\n return maxOffset;\n@@ -1646,7 +1783,8 @@ createGridComponent({\n var columnCount = _ref7.columnCount,\n columnWidth = _ref7.columnWidth,\n width = _ref7.width;\n- var maxOffset = Math.max(0, Math.min(columnCount * columnWidth - width, columnIndex * columnWidth));\n+ var lastColumnOffset = Math.max(0, columnCount * columnWidth - width);\n+ var maxOffset = Math.min(lastColumnOffset, columnIndex * columnWidth);\n var minOffset = Math.max(0, columnIndex * columnWidth - width + scrollbarSize + columnWidth);\n \n if (align === 'smart') {\n@@ -1665,13 +1803,27 @@ createGridComponent({\n return minOffset;\n \n case 'center':\n- return Math.round(minOffset + (maxOffset - minOffset) \/ 2);\n+ \/\/ \"Centered\" offset is usually the average of the min and max.\n+ \/\/ But near the edges of the list, this doesn't hold true.\n+ var middleOffset = Math.round(minOffset + (maxOffset - minOffset) \/ 2);\n+\n+ if (middleOffset < Math.ceil(width \/ 2)) {\n+ return 0; \/\/ near the beginning\n+ } else if (middleOffset > lastColumnOffset + Math.floor(width \/ 2)) {\n+ return lastColumnOffset; \/\/ near the end\n+ } else {\n+ return middleOffset;\n+ }\n \n case 'auto':\n default:\n if (scrollLeft >= minOffset && scrollLeft <= maxOffset) {\n return scrollLeft;\n- } else if (scrollLeft - minOffset < maxOffset - scrollLeft) {\n+ } else if (minOffset > maxOffset) {\n+ \/\/ Because we only take into account the scrollbar size when calculating minOffset\n+ \/\/ this value can be larger than maxOffset when at the end of the list\n+ return minOffset;\n+ } else if (scrollLeft < minOffset) {\n return minOffset;\n } else {\n return maxOffset;\n@@ -1683,7 +1835,8 @@ createGridComponent({\n var rowHeight = _ref8.rowHeight,\n height = _ref8.height,\n rowCount = _ref8.rowCount;\n- var maxOffset = Math.max(0, Math.min(rowCount * rowHeight - height, rowIndex * rowHeight));\n+ var lastRowOffset = Math.max(0, rowCount * rowHeight - height);\n+ var maxOffset = Math.min(lastRowOffset, rowIndex * rowHeight);\n var minOffset = Math.max(0, rowIndex * rowHeight - height + scrollbarSize + rowHeight);\n \n if (align === 'smart') {\n@@ -1702,13 +1855,27 @@ createGridComponent({\n return minOffset;\n \n case 'center':\n- return Math.round(minOffset + (maxOffset - minOffset) \/ 2);\n+ \/\/ \"Centered\" offset is usually the average of the min and max.\n+ \/\/ But near the edges of the list, this doesn't hold true.\n+ var middleOffset = Math.round(minOffset + (maxOffset - minOffset) \/ 2);\n+\n+ if (middleOffset < Math.ceil(height \/ 2)) {\n+ return 0; \/\/ near the beginning\n+ } else if (middleOffset > lastRowOffset + Math.floor(height \/ 2)) {\n+ return lastRowOffset; \/\/ near the end\n+ } else {\n+ return middleOffset;\n+ }\n \n case 'auto':\n default:\n if (scrollTop >= minOffset && scrollTop <= maxOffset) {\n return scrollTop;\n- } else if (scrollTop - minOffset < maxOffset - scrollTop) {\n+ } else if (minOffset > maxOffset) {\n+ \/\/ Because we only take into account the scrollbar size when calculating minOffset\n+ \/\/ this value can be larger than maxOffset when at the end of the list\n+ return minOffset;\n+ } else if (scrollTop < minOffset) {\n return minOffset;\n } else {\n return maxOffset;\n@@ -1726,7 +1893,9 @@ createGridComponent({\n columnCount = _ref10.columnCount,\n width = _ref10.width;\n var left = startIndex * columnWidth;\n- return Math.max(0, Math.min(columnCount - 1, startIndex + Math.floor((width + (scrollLeft - left)) \/ columnWidth)));\n+ var numVisibleColumns = Math.ceil((width + scrollLeft - left) \/ columnWidth);\n+ return Math.max(0, Math.min(columnCount - 1, startIndex + numVisibleColumns - 1 \/\/ -1 is because stop index is inclusive\n+ ));\n },\n getRowStartIndexForOffset: function getRowStartIndexForOffset(_ref11, scrollTop) {\n var rowHeight = _ref11.rowHeight,\n@@ -1737,8 +1906,10 @@ createGridComponent({\n var rowHeight = _ref12.rowHeight,\n rowCount = _ref12.rowCount,\n height = _ref12.height;\n- var left = startIndex * rowHeight;\n- return Math.max(0, Math.min(rowCount - 1, startIndex + Math.floor((height + (scrollTop - left)) \/ rowHeight)));\n+ var top = startIndex * rowHeight;\n+ var numVisibleRows = Math.ceil((height + scrollTop - top) \/ rowHeight);\n+ return Math.max(0, Math.min(rowCount - 1, startIndex + numVisibleRows - 1 \/\/ -1 is because stop index is inclusive\n+ ));\n },\n initInstanceProps: function initInstanceProps(props) {\/\/ Noop\n },\n@@ -1763,13 +1934,11 @@ var FixedSizeList =\n \/#PURE\/\n createListComponent({\n getItemOffset: function getItemOffset(_ref, index) {\n- var itemSize = _ref.itemSize,\n- size = _ref.size;\n+ var itemSize = _ref.itemSize;\n return index * itemSize;\n },\n getItemSize: function getItemSize(_ref2, index) {\n- var itemSize = _ref2.itemSize,\n- size = _ref2.size;\n+ var itemSize = _ref2.itemSize;\n return itemSize;\n },\n getEstimatedTotalSize: function getEstimatedTotalSize(_ref3) {\n@@ -1787,7 +1956,8 @@ createListComponent({\n \/\/ TODO Deprecate direction \"horizontal\"\n var isHorizontal = direction === 'horizontal' || layout === 'horizontal';\n var size = isHorizontal ? width : height;\n- var maxOffset = Math.max(0, Math.min(itemCount * itemSize - size, index * itemSize));\n+ var lastItemOffset = Math.max(0, itemCount * itemSize - size);\n+ var maxOffset = Math.min(lastItemOffset, index * itemSize);\n var minOffset = Math.max(0, index * itemSize - size + itemSize);\n \n if (align === 'smart') {\n@@ -1806,13 +1976,25 @@ createListComponent({\n return minOffset;\n \n case 'center':\n- return Math.round(minOffset + (maxOffset - minOffset) \/ 2);\n+ {\n+ \/\/ \"Centered\" offset is usually the average of the min and max.\n+ \/\/ But near the edges of the list, this doesn't hold true.\n+ var middleOffset = Math.round(minOffset + (maxOffset - minOffset) \/ 2);\n+\n+ if (middleOffset < Math.ceil(size \/ 2)) {\n+ return 0; \/\/ near the beginning\n+ } else if (middleOffset > lastItemOffset + Math.floor(size \/ 2)) {\n+ return lastItemOffset; \/\/ near the end\n+ } else {\n+ return middleOffset;\n+ }\n+ }\n \n case 'auto':\n default:\n if (scrollOffset >= minOffset && scrollOffset <= maxOffset) {\n return scrollOffset;\n- } else if (scrollOffset - minOffset < maxOffset - scrollOffset) {\n+ } else if (scrollOffset < minOffset) {\n return minOffset;\n } else {\n return maxOffset;\n@@ -1836,7 +2018,9 @@ createListComponent({\n var isHorizontal = direction === 'horizontal' || layout === 'horizontal';\n var offset = startIndex * itemSize;\n var size = isHorizontal ? width : height;\n- return Math.max(0, Math.min(itemCount - 1, startIndex + Math.floor((size + (scrollOffset - offset)) \/ itemSize)));\n+ var numVisibleItems = Math.ceil((size + scrollOffset - offset) \/ itemSize);\n+ return Math.max(0, Math.min(itemCount - 1, startIndex + numVisibleItems - 1 \/\/ -1 is because stop index is inclusive\n+ ));\n },\n initInstanceProps: function initInstanceProps(props) {\/\/ Noop\n },\n@@ -1891,3 +2075,4 @@ function shouldComponentUpdate(nextProps, nextState) {\n }\n \n export { VariableSizeGrid, VariableSizeList, FixedSizeGrid, FixedSizeList, areEqual, shouldComponentUpdate };\n+\/\/# sourceMappingURL=index.esm.js.map\ndiff --git a\/vendor\/react-window\/package.json b\/vendor\/react-window\/package.json\nindex adaea80fdb..d10a25a04f 100644\n--- a\/vendor\/react-window\/package.json\n+++ b\/vendor\/react-window\/package.json\n@@ -1,6 +1,6 @@\n {\n \"name\": \"react-window\",\n- \"version\": \"1.8.0\",\n+ \"version\": \"1.8.5\",\n \"description\":\n \"React components for efficiently rendering large, scrollable lists and tabular data\",\n \"author\":\n@@ -91,7 +91,7 @@\n \"eslint-plugin-promise\": \"^3.7.0\",\n \"eslint-plugin-react\": \"^7.7.0\",\n \"eslint-plugin-standard\": \"^3.0.1\",\n- \"flow-bin\": \"^0.80.0\",\n+ \"flow-bin\": \"^0.103.0\",\n \"gh-pages\": \"^1.1.0\",\n \"lint-staged\": \"^7.0.5\",\n \"prettier\": \"^1.12.1\",\n@@ -103,6 +103,8 @@\n \"rollup\": \"^1.4.1\",\n \"rollup-plugin-babel\": \"^4.3.2\",\n \"rollup-plugin-commonjs\": \"^9.2.1\",\n- \"rollup-plugin-node-resolve\": \"^4.0.1\"\n+ \"rollup-plugin-node-resolve\": \"^4.0.1\",\n+ \"rollup-plugin-replace\": \"^2.2.0\",\n+ \"rollup-plugin-terser\": \"^5.1.0\"\n }\n }\ndiff --git a\/vendor\/react-window\/src\/FixedSizeGrid.js b\/vendor\/react-window\/src\/FixedSizeGrid.js\nindex 452536a9df..685ad33478 100644\n--- a\/vendor\/react-window\/src\/FixedSizeGrid.js\n+++ b\/vendor\/react-window\/src\/FixedSizeGrid.js\n@@ -31,12 +31,13 @@ const FixedSizeGrid = createGridComponent({\n instanceProps: typeof undefined,\n scrollbarSize: number\n ): number => {\n- const maxOffset = Math.max(\n+ const lastColumnOffset = Math.max(\n 0,\n- Math.min(\n- columnCount * ((columnWidth: any): number) - width,\n- columnIndex * ((columnWidth: any): number)\n- )\n+ columnCount * ((columnWidth: any): number) - width\n+ );\n+ const maxOffset = Math.min(\n+ lastColumnOffset,\n+ columnIndex * ((columnWidth: any): number)\n );\n const minOffset = Math.max(\n 0,\n@@ -60,12 +61,27 @@ const FixedSizeGrid = createGridComponent({\n case 'end':\n return minOffset;\n case 'center':\n- return Math.round(minOffset + (maxOffset - minOffset) \/ 2);\n+ \/\/ \"Centered\" offset is usually the average of the min and max.\n+ \/\/ But near the edges of the list, this doesn't hold true.\n+ const middleOffset = Math.round(\n+ minOffset + (maxOffset - minOffset) \/ 2\n+ );\n+ if (middleOffset < Math.ceil(width \/ 2)) {\n+ return 0; \/\/ near the beginning\n+ } else if (middleOffset > lastColumnOffset + Math.floor(width \/ 2)) {\n+ return lastColumnOffset; \/\/ near the end\n+ } else {\n+ return middleOffset;\n+ }\n case 'auto':\n default:\n if (scrollLeft >= minOffset && scrollLeft <= maxOffset) {\n return scrollLeft;\n- } else if (scrollLeft - minOffset < maxOffset - scrollLeft) {\n+ } else if (minOffset > maxOffset) {\n+ \/\/ Because we only take into account the scrollbar size when calculating minOffset\n+ \/\/ this value can be larger than maxOffset when at the end of the list\n+ return minOffset;\n+ } else if (scrollLeft < minOffset) {\n return minOffset;\n } else {\n return maxOffset;\n@@ -81,12 +97,13 @@ const FixedSizeGrid = createGridComponent({\n instanceProps: typeof undefined,\n scrollbarSize: number\n ): number => {\n- const maxOffset = Math.max(\n+ const lastRowOffset = Math.max(\n 0,\n- Math.min(\n- rowCount * ((rowHeight: any): number) - height,\n- rowIndex * ((rowHeight: any): number)\n- )\n+ rowCount * ((rowHeight: any): number) - height\n+ );\n+ const maxOffset = Math.min(\n+ lastRowOffset,\n+ rowIndex * ((rowHeight: any): number)\n );\n const minOffset = Math.max(\n 0,\n@@ -110,12 +127,27 @@ const FixedSizeGrid = createGridComponent({\n case 'end':\n return minOffset;\n case 'center':\n- return Math.round(minOffset + (maxOffset - minOffset) \/ 2);\n+ \/\/ \"Centered\" offset is usually the average of the min and max.\n+ \/\/ But near the edges of the list, this doesn't hold true.\n+ const middleOffset = Math.round(\n+ minOffset + (maxOffset - minOffset) \/ 2\n+ );\n+ if (middleOffset < Math.ceil(height \/ 2)) {\n+ return 0; \/\/ near the beginning\n+ } else if (middleOffset > lastRowOffset + Math.floor(height \/ 2)) {\n+ return lastRowOffset; \/\/ near the end\n+ } else {\n+ return middleOffset;\n+ }\n case 'auto':\n default:\n if (scrollTop >= minOffset && scrollTop <= maxOffset) {\n return scrollTop;\n- } else if (scrollTop - minOffset < maxOffset - scrollTop) {\n+ } else if (minOffset > maxOffset) {\n+ \/\/ Because we only take into account the scrollbar size when calculating minOffset\n+ \/\/ this value can be larger than maxOffset when at the end of the list\n+ return minOffset;\n+ } else if (scrollTop < minOffset) {\n return minOffset;\n } else {\n return maxOffset;\n@@ -141,14 +173,14 @@ const FixedSizeGrid = createGridComponent({\n scrollLeft: number\n ): number => {\n const left = startIndex * ((columnWidth: any): number);\n+ const numVisibleColumns = Math.ceil(\n+ (width + scrollLeft - left) \/ ((columnWidth: any): number)\n+ );\n return Math.max(\n 0,\n Math.min(\n columnCount - 1,\n- startIndex +\n- Math.floor(\n- (width + (scrollLeft - left)) \/ ((columnWidth: any): number)\n- )\n+ startIndex + numVisibleColumns - 1 \/\/ -1 is because stop index is inclusive\n )\n );\n },\n@@ -167,13 +199,15 @@ const FixedSizeGrid = createGridComponent({\n startIndex: number,\n scrollTop: number\n ): number => {\n- const left = startIndex * ((rowHeight: any): number);\n+ const top = startIndex * ((rowHeight: any): number);\n+ const numVisibleRows = Math.ceil(\n+ (height + scrollTop - top) \/ ((rowHeight: any): number)\n+ );\n return Math.max(\n 0,\n Math.min(\n rowCount - 1,\n- startIndex +\n- Math.floor((height + (scrollTop - left)) \/ ((rowHeight: any): number))\n+ startIndex + numVisibleRows - 1 \/\/ -1 is because stop index is inclusive\n )\n );\n },\ndiff --git a\/vendor\/react-window\/src\/FixedSizeList.js b\/vendor\/react-window\/src\/FixedSizeList.js\nindex 991f900430..0e0fc305bc 100644\n--- a\/vendor\/react-window\/src\/FixedSizeList.js\n+++ b\/vendor\/react-window\/src\/FixedSizeList.js\n@@ -5,10 +5,10 @@ import createListComponent from '.\/createListComponent';\n import type { Props, ScrollToAlign } from '.\/createListComponent';\n \n const FixedSizeList = createListComponent({\n- getItemOffset: ({ itemSize, size }: Props, index: number): number =>\n+ getItemOffset: ({ itemSize }: Props, index: number): number =>\n index * ((itemSize: any): number),\n \n- getItemSize: ({ itemSize, size }: Props, index: number): number =>\n+ getItemSize: ({ itemSize }: Props, index: number): number =>\n ((itemSize: any): number),\n \n getEstimatedTotalSize: ({ itemCount, itemSize }: Props) =>\n@@ -23,12 +23,13 @@ const FixedSizeList = createListComponent({\n \/\/ TODO Deprecate direction \"horizontal\"\n const isHorizontal = direction === 'horizontal' || layout === 'horizontal';\n const size = (((isHorizontal ? width : height): any): number);\n- const maxOffset = Math.max(\n+ const lastItemOffset = Math.max(\n 0,\n- Math.min(\n- itemCount * ((itemSize: any): number) - size,\n- index * ((itemSize: any): number)\n- )\n+ itemCount * ((itemSize: any): number) - size\n+ );\n+ const maxOffset = Math.min(\n+ lastItemOffset,\n+ index * ((itemSize: any): number)\n );\n const minOffset = Math.max(\n 0,\n@@ -51,13 +52,25 @@ const FixedSizeList = createListComponent({\n return maxOffset;\n case 'end':\n return minOffset;\n- case 'center':\n- return Math.round(minOffset + (maxOffset - minOffset) \/ 2);\n+ case 'center': {\n+ \/\/ \"Centered\" offset is usually the average of the min and max.\n+ \/\/ But near the edges of the list, this doesn't hold true.\n+ const middleOffset = Math.round(\n+ minOffset + (maxOffset - minOffset) \/ 2\n+ );\n+ if (middleOffset < Math.ceil(size \/ 2)) {\n+ return 0; \/\/ near the beginning\n+ } else if (middleOffset > lastItemOffset + Math.floor(size \/ 2)) {\n+ return lastItemOffset; \/\/ near the end\n+ } else {\n+ return middleOffset;\n+ }\n+ }\n case 'auto':\n default:\n if (scrollOffset >= minOffset && scrollOffset <= maxOffset) {\n return scrollOffset;\n- } else if (scrollOffset - minOffset < maxOffset - scrollOffset) {\n+ } else if (scrollOffset < minOffset) {\n return minOffset;\n } else {\n return maxOffset;\n@@ -83,14 +96,14 @@ const FixedSizeList = createListComponent({\n const isHorizontal = direction === 'horizontal' || layout === 'horizontal';\n const offset = startIndex * ((itemSize: any): number);\n const size = (((isHorizontal ? width : height): any): number);\n+ const numVisibleItems = Math.ceil(\n+ (size + scrollOffset - offset) \/ ((itemSize: any): number)\n+ );\n return Math.max(\n 0,\n Math.min(\n itemCount - 1,\n- startIndex +\n- Math.floor(\n- (size + (scrollOffset - offset)) \/ ((itemSize: any): number)\n- )\n+ startIndex + numVisibleItems - 1 \/\/ -1 is because stop index is inclusive\n )\n );\n },\ndiff --git a\/vendor\/react-window\/src\/VariableSizeGrid.js b\/vendor\/react-window\/src\/VariableSizeGrid.js\nindex a1273e198e..46d59521f1 100644\n--- a\/vendor\/react-window\/src\/VariableSizeGrid.js\n+++ b\/vendor\/react-window\/src\/VariableSizeGrid.js\n@@ -274,7 +274,11 @@ const getOffsetForIndexAndAlignment = (\n default:\n if (scrollOffset >= minOffset && scrollOffset <= maxOffset) {\n return scrollOffset;\n- } else if (scrollOffset - minOffset < maxOffset - scrollOffset) {\n+ } else if (minOffset > maxOffset) {\n+ \/\/ Because we only take into account the scrollbar size when calculating minOffset\n+ \/\/ this value can be larger than maxOffset when at the end of the list\n+ return minOffset;\n+ } else if (scrollOffset < minOffset) {\n return minOffset;\n } else {\n return maxOffset;\ndiff --git a\/vendor\/react-window\/src\/VariableSizeList.js b\/vendor\/react-window\/src\/VariableSizeList.js\nindex cebadc663e..f4ad103231 100644\n--- a\/vendor\/react-window\/src\/VariableSizeList.js\n+++ b\/vendor\/react-window\/src\/VariableSizeList.js\n@@ -227,7 +227,7 @@ const VariableSizeList = createListComponent({\n default:\n if (scrollOffset >= minOffset && scrollOffset <= maxOffset) {\n return scrollOffset;\n- } else if (scrollOffset - minOffset < maxOffset - scrollOffset) {\n+ } else if (scrollOffset < minOffset) {\n return minOffset;\n } else {\n return maxOffset;\ndiff --git a\/vendor\/react-window\/src\/createGridComponent.js b\/vendor\/react-window\/src\/createGridComponent.js\nindex c72af855c7..f2895b60a4 100644\n--- a\/vendor\/react-window\/src\/createGridComponent.js\n+++ b\/vendor\/react-window\/src\/createGridComponent.js\n@@ -3,7 +3,7 @@\n import memoizeOne from 'memoize-one';\n import { createElement, PureComponent } from 'react';\n import { cancelTimeout, requestTimeout } from '.\/timer';\n-import { getScrollbarSize } from '.\/domHelpers';\n+import { getScrollbarSize, getRTLOffsetType } from '.\/domHelpers';\n \n import type { TimeoutID } from '.\/timer';\n \n@@ -46,6 +46,22 @@ type OnScrollCallback = ({\n type ScrollEvent = SyntheticEvent;\n type ItemStyleCache = { [key: string]: Object };\n \n+type OuterProps = {|\n+ children: React$Node,\n+ className: string | void,\n+ onScroll: ScrollEvent => void,\n+ style: {\n+ [string]: mixed,\n+ },\n+|};\n+\n+type InnerProps = {|\n+ children: React$Node,\n+ style: {\n+ [string]: mixed,\n+ },\n+|};\n+\n export type Props = {|\n children: RenderComponent,\n className?: string,\n@@ -56,7 +72,7 @@ export type Props = {|\n initialScrollLeft?: number,\n initialScrollTop?: number,\n innerRef?: any,\n- innerElementType?: React$ElementType,\n+ innerElementType?: string | React$AbstractComponent,\n innerTagName?: string, \/\/ deprecated\n itemData: T,\n itemKey?: (params: {|\n@@ -67,11 +83,13 @@ export type Props = {|\n onItemsRendered?: OnItemsRenderedCallback,\n onScroll?: OnScrollCallback,\n outerRef?: any,\n- outerElementType?: React$ElementType,\n+ outerElementType?: string | React$AbstractComponent,\n outerTagName?: string, \/\/ deprecated\n- overscanColumnsCount?: number,\n+ overscanColumnCount?: number,\n+ overscanColumnsCount?: number, \/\/ deprecated\n overscanCount?: number, \/\/ deprecated\n- overscanRowsCount?: number,\n+ overscanRowCount?: number,\n+ overscanRowsCount?: number, \/\/ deprecated\n rowCount: number,\n rowHeight: itemSize,\n style?: Object,\n@@ -130,10 +148,12 @@ const defaultItemKey = ({ columnIndex, data, rowIndex }) =>\n \/\/ In DEV mode, this Set helps us only log a warning once per component instance.\n \/\/ This avoids spamming the console every time a render happens.\n let devWarningsOverscanCount = null;\n+let devWarningsOverscanRowsColumnsCount = null;\n let devWarningsTagName = null;\n if (process.env.NODE_ENV !== 'production') {\n if (typeof window !== 'undefined' && typeof window.WeakSet !== 'undefined') {\n devWarningsOverscanCount = new WeakSet();\n+ devWarningsOverscanRowsColumnsCount = new WeakSet();\n devWarningsTagName = new WeakSet();\n }\n }\n@@ -320,21 +340,47 @@ export default function createGridComponent({\n \n componentDidMount() {\n const { initialScrollLeft, initialScrollTop } = this.props;\n- if (typeof initialScrollLeft === 'number' && this._outerRef != null) {\n- ((this._outerRef: any): HTMLDivElement).scrollLeft = initialScrollLeft;\n- }\n- if (typeof initialScrollTop === 'number' && this._outerRef != null) {\n- ((this._outerRef: any): HTMLDivElement).scrollTop = initialScrollTop;\n+\n+ if (this._outerRef != null) {\n+ const outerRef = ((this._outerRef: any): HTMLElement);\n+ if (typeof initialScrollLeft === 'number') {\n+ outerRef.scrollLeft = initialScrollLeft;\n+ }\n+ if (typeof initialScrollTop === 'number') {\n+ outerRef.scrollTop = initialScrollTop;\n+ }\n }\n \n this._callPropsCallbacks();\n }\n \n componentDidUpdate() {\n+ const { direction } = this.props;\n const { scrollLeft, scrollTop, scrollUpdateWasRequested } = this.state;\n- if (scrollUpdateWasRequested && this._outerRef !== null) {\n- ((this._outerRef: any): HTMLDivElement).scrollLeft = scrollLeft;\n- ((this._outerRef: any): HTMLDivElement).scrollTop = scrollTop;\n+\n+ if (scrollUpdateWasRequested && this._outerRef != null) {\n+ \/\/ TRICKY According to the spec, scrollLeft should be negative for RTL aligned elements.\n+ \/\/ This is not the case for all browsers though (e.g. Chrome reports values as positive, measured relative to the left).\n+ \/\/ So we need to determine which browser behavior we're dealing with, and mimic it.\n+ const outerRef = ((this._outerRef: any): HTMLElement);\n+ if (direction === 'rtl') {\n+ switch (getRTLOffsetType()) {\n+ case 'negative':\n+ outerRef.scrollLeft = -scrollLeft;\n+ break;\n+ case 'positive-ascending':\n+ outerRef.scrollLeft = scrollLeft;\n+ break;\n+ default:\n+ const { clientWidth, scrollWidth } = outerRef;\n+ outerRef.scrollLeft = scrollWidth - clientWidth - scrollLeft;\n+ break;\n+ }\n+ } else {\n+ outerRef.scrollLeft = Math.max(0, scrollLeft);\n+ }\n+\n+ outerRef.scrollTop = Math.max(0, scrollTop);\n }\n \n this._callPropsCallbacks();\n@@ -432,7 +478,7 @@ export default function createGridComponent({\n ref: innerRef,\n style: {\n height: estimatedTotalHeight,\n- pointerEvents: isScrolling ? 'none' : '',\n+ pointerEvents: isScrolling ? 'none' : undefined,\n width: estimatedTotalWidth,\n },\n })\n@@ -586,6 +632,7 @@ export default function createGridComponent({\n _getHorizontalRangeToRender(): [number, number, number, number] {\n const {\n columnCount,\n+ overscanColumnCount,\n overscanColumnsCount,\n overscanCount,\n rowCount,\n@@ -593,7 +640,7 @@ export default function createGridComponent({\n const { horizontalScrollDirection, isScrolling, scrollLeft } = this.state;\n \n const overscanCountResolved: number =\n- overscanColumnsCount || overscanCount || 1;\n+ overscanColumnCount || overscanColumnsCount || overscanCount || 1;\n \n if (columnCount === 0 || rowCount === 0) {\n return [0, 0, 0, 0];\n@@ -634,13 +681,14 @@ export default function createGridComponent({\n const {\n columnCount,\n overscanCount,\n+ overscanRowCount,\n overscanRowsCount,\n rowCount,\n } = this.props;\n const { isScrolling, verticalScrollDirection, scrollTop } = this.state;\n \n const overscanCountResolved: number =\n- overscanRowsCount || overscanCount || 1;\n+ overscanRowCount || overscanRowsCount || overscanCount || 1;\n \n if (columnCount === 0 || rowCount === 0) {\n return [0, 0, 0, 0];\n@@ -679,9 +727,11 @@ export default function createGridComponent({\n \n _onScroll = (event: ScrollEvent): void => {\n const {\n+ clientHeight,\n clientWidth,\n scrollLeft,\n scrollTop,\n+ scrollHeight,\n scrollWidth,\n } = event.currentTarget;\n this.setState(prevState => {\n@@ -697,24 +747,38 @@ export default function createGridComponent({\n \n const { direction } = this.props;\n \n- \/\/ HACK According to the spec, scrollLeft should be negative for RTL aligned elements.\n- \/\/ Chrome does not seem to adhere; its scrollLeft values are positive (measured relative to the left).\n- \/\/ See https:\/\/developer.mozilla.org\/en-US\/docs\/Web\/API\/Element\/scrollLeft\n+ \/\/ TRICKY According to the spec, scrollLeft should be negative for RTL aligned elements.\n+ \/\/ This is not the case for all browsers though (e.g. Chrome reports values as positive, measured relative to the left).\n+ \/\/ It's also easier for this component if we convert offsets to the same format as they would be in for ltr.\n+ \/\/ So the simplest solution is to determine which browser behavior we're dealing with, and convert based on it.\n let calculatedScrollLeft = scrollLeft;\n if (direction === 'rtl') {\n- if (scrollLeft <= 0) {\n- calculatedScrollLeft = -scrollLeft;\n- } else {\n- calculatedScrollLeft = scrollWidth - clientWidth - scrollLeft;\n+ switch (getRTLOffsetType()) {\n+ case 'negative':\n+ calculatedScrollLeft = -scrollLeft;\n+ break;\n+ case 'positive-descending':\n+ calculatedScrollLeft = scrollWidth - clientWidth - scrollLeft;\n+ break;\n }\n }\n \n+ \/\/ Prevent Safari's elastic scrolling from causing visual shaking when scrolling past bounds.\n+ calculatedScrollLeft = Math.max(\n+ 0,\n+ Math.min(calculatedScrollLeft, scrollWidth - clientWidth)\n+ );\n+ const calculatedScrollTop = Math.max(\n+ 0,\n+ Math.min(scrollTop, scrollHeight - clientHeight)\n+ );\n+\n return {\n isScrolling: true,\n horizontalScrollDirection:\n prevState.scrollLeft < scrollLeft ? 'forward' : 'backward',\n scrollLeft: calculatedScrollLeft,\n- scrollTop,\n+ scrollTop: calculatedScrollTop,\n verticalScrollDirection:\n prevState.scrollTop < scrollTop ? 'forward' : 'backward',\n scrollUpdateWasRequested: false,\n@@ -768,7 +832,9 @@ const validateSharedProps = (\n height,\n innerTagName,\n outerTagName,\n+ overscanColumnsCount,\n overscanCount,\n+ overscanRowsCount,\n width,\n }: Props,\n { instance }: State\n@@ -779,7 +845,23 @@ const validateSharedProps = (\n devWarningsOverscanCount.add(instance);\n console.warn(\n 'The overscanCount prop has been deprecated. ' +\n- 'Please use the overscanColumnsCount and overscanRowsCount props instead.'\n+ 'Please use the overscanColumnCount and overscanRowCount props instead.'\n+ );\n+ }\n+ }\n+\n+ if (\n+ typeof overscanColumnsCount === 'number' ||\n+ typeof overscanRowsCount === 'number'\n+ ) {\n+ if (\n+ devWarningsOverscanRowsColumnsCount &&\n+ !devWarningsOverscanRowsColumnsCount.has(instance)\n+ ) {\n+ devWarningsOverscanRowsColumnsCount.add(instance);\n+ console.warn(\n+ 'The overscanColumnsCount and overscanRowsCount props have been deprecated. ' +\n+ 'Please use the overscanColumnCount and overscanRowCount props instead.'\n );\n }\n }\ndiff --git a\/vendor\/react-window\/src\/createListComponent.js b\/vendor\/react-window\/src\/createListComponent.js\nindex 86696a0b80..ae7851e9f4 100644\n--- a\/vendor\/react-window\/src\/createListComponent.js\n+++ b\/vendor\/react-window\/src\/createListComponent.js\n@@ -3,6 +3,7 @@\n import memoizeOne from 'memoize-one';\n import { createElement, PureComponent } from 'react';\n import { cancelTimeout, requestTimeout } from '.\/timer';\n+import { getRTLOffsetType } from '.\/domHelpers';\n \n import type { TimeoutID } from '.\/timer';\n \n@@ -38,6 +39,22 @@ type onScrollCallback = ({\n type ScrollEvent = SyntheticEvent;\n type ItemStyleCache = { [index: number]: Object };\n \n+type OuterProps = {|\n+ children: React$Node,\n+ className: string | void,\n+ onScroll: ScrollEvent => void,\n+ style: {\n+ [string]: mixed,\n+ },\n+|};\n+\n+type InnerProps = {|\n+ children: React$Node,\n+ style: {\n+ [string]: mixed,\n+ },\n+|};\n+\n export type Props = {|\n children: RenderComponent,\n className?: string,\n@@ -45,7 +62,7 @@ export type Props = {|\n height: number | string,\n initialScrollOffset?: number,\n innerRef?: any,\n- innerElementType?: React$ElementType,\n+ innerElementType?: string | React$AbstractComponent,\n innerTagName?: string, \/\/ deprecated\n itemCount: number,\n itemData: T,\n@@ -55,7 +72,7 @@ export type Props = {|\n onItemsRendered?: onItemsRenderedCallback,\n onScroll?: onScrollCallback,\n outerRef?: any,\n- outerElementType?: React$ElementType,\n+ outerElementType?: string | React$AbstractComponent,\n outerTagName?: string, \/\/ deprecated\n overscanCount: number,\n style?: Object,\n@@ -215,14 +232,13 @@ export default function createListComponent({\n componentDidMount() {\n const { direction, initialScrollOffset, layout } = this.props;\n \n- if (typeof initialScrollOffset === 'number' && this._outerRef !== null) {\n+ if (typeof initialScrollOffset === 'number' && this._outerRef != null) {\n+ const outerRef = ((this._outerRef: any): HTMLElement);\n \/\/ TODO Deprecate direction \"horizontal\"\n if (direction === 'horizontal' || layout === 'horizontal') {\n- ((this\n- ._outerRef: any): HTMLDivElement).scrollLeft = initialScrollOffset;\n+ outerRef.scrollLeft = initialScrollOffset;\n } else {\n- ((this\n- ._outerRef: any): HTMLDivElement).scrollTop = initialScrollOffset;\n+ outerRef.scrollTop = initialScrollOffset;\n }\n }\n \n@@ -233,12 +249,32 @@ export default function createListComponent({\n const { direction, layout } = this.props;\n const { scrollOffset, scrollUpdateWasRequested } = this.state;\n \n- if (scrollUpdateWasRequested && this._outerRef !== null) {\n+ if (scrollUpdateWasRequested && this._outerRef != null) {\n+ const outerRef = ((this._outerRef: any): HTMLElement);\n+\n \/\/ TODO Deprecate direction \"horizontal\"\n if (direction === 'horizontal' || layout === 'horizontal') {\n- ((this._outerRef: any): HTMLDivElement).scrollLeft = scrollOffset;\n+ if (direction === 'rtl') {\n+ \/\/ TRICKY According to the spec, scrollLeft should be negative for RTL aligned elements.\n+ \/\/ This is not the case for all browsers though (e.g. Chrome reports values as positive, measured relative to the left).\n+ \/\/ So we need to determine which browser behavior we're dealing with, and mimic it.\n+ switch (getRTLOffsetType()) {\n+ case 'negative':\n+ outerRef.scrollLeft = -scrollOffset;\n+ break;\n+ case 'positive-ascending':\n+ outerRef.scrollLeft = scrollOffset;\n+ break;\n+ default:\n+ const { clientWidth, scrollWidth } = outerRef;\n+ outerRef.scrollLeft = scrollWidth - clientWidth - scrollOffset;\n+ break;\n+ }\n+ } else {\n+ outerRef.scrollLeft = scrollOffset;\n+ }\n } else {\n- ((this._outerRef: any): HTMLDivElement).scrollTop = scrollOffset;\n+ outerRef.scrollTop = scrollOffset;\n }\n }\n \n@@ -326,7 +362,7 @@ export default function createListComponent({\n ref: innerRef,\n style: {\n height: isHorizontal ? '100%' : estimatedTotalSize,\n- pointerEvents: isScrolling ? 'none' : '',\n+ pointerEvents: isScrolling ? 'none' : undefined,\n width: isHorizontal ? estimatedTotalSize : '100%',\n },\n })\n@@ -496,18 +532,28 @@ export default function createListComponent({\n \n const { direction } = this.props;\n \n- \/\/ HACK According to the spec, scrollLeft should be negative for RTL aligned elements.\n- \/\/ Chrome does not seem to adhere; its scrolLeft values are positive (measured relative to the left).\n- \/\/ See https:\/\/developer.mozilla.org\/en-US\/docs\/Web\/API\/Element\/scrollLeft\n let scrollOffset = scrollLeft;\n if (direction === 'rtl') {\n- if (scrollLeft <= 0) {\n- scrollOffset = -scrollOffset;\n- } else {\n- scrollOffset = scrollWidth - clientWidth - scrollLeft;\n+ \/\/ TRICKY According to the spec, scrollLeft should be negative for RTL aligned elements.\n+ \/\/ This is not the case for all browsers though (e.g. Chrome reports values as positive, measured relative to the left).\n+ \/\/ It's also easier for this component if we convert offsets to the same format as they would be in for ltr.\n+ \/\/ So the simplest solution is to determine which browser behavior we're dealing with, and convert based on it.\n+ switch (getRTLOffsetType()) {\n+ case 'negative':\n+ scrollOffset = -scrollLeft;\n+ break;\n+ case 'positive-descending':\n+ scrollOffset = scrollWidth - clientWidth - scrollLeft;\n+ break;\n }\n }\n \n+ \/\/ Prevent Safari's elastic scrolling from causing visual shaking when scrolling past bounds.\n+ scrollOffset = Math.max(\n+ 0,\n+ Math.min(scrollOffset, scrollWidth - clientWidth)\n+ );\n+\n return {\n isScrolling: true,\n scrollDirection:\n@@ -519,7 +565,7 @@ export default function createListComponent({\n };\n \n _onScrollVertical = (event: ScrollEvent): void => {\n- const { scrollTop } = event.currentTarget;\n+ const { clientHeight, scrollHeight, scrollTop } = event.currentTarget;\n this.setState(prevState => {\n if (prevState.scrollOffset === scrollTop) {\n \/\/ Scroll position may have been updated by cDM\/cDU,\n@@ -528,11 +574,17 @@ export default function createListComponent({\n return null;\n }\n \n+ \/\/ Prevent Safari's elastic scrolling from causing visual shaking when scrolling past bounds.\n+ const scrollOffset = Math.max(\n+ 0,\n+ Math.min(scrollTop, scrollHeight - clientHeight)\n+ );\n+\n return {\n isScrolling: true,\n scrollDirection:\n- prevState.scrollOffset < scrollTop ? 'forward' : 'backward',\n- scrollOffset: scrollTop,\n+ prevState.scrollOffset < scrollOffset ? 'forward' : 'backward',\n+ scrollOffset,\n scrollUpdateWasRequested: false,\n };\n }, this._resetIsScrollingDebounced);\ndiff --git a\/vendor\/react-window\/src\/domHelpers.js b\/vendor\/react-window\/src\/domHelpers.js\nindex 830aba68d7..1bdc9dddc1 100644\n--- a\/vendor\/react-window\/src\/domHelpers.js\n+++ b\/vendor\/react-window\/src\/domHelpers.js\n@@ -20,3 +20,53 @@ export function getScrollbarSize(recalculate?: boolean = false): number {\n \n return size;\n }\n+\n+export type RTLOffsetType =\n+ | 'negative'\n+ | 'positive-descending'\n+ | 'positive-ascending';\n+\n+let cachedRTLResult: RTLOffsetType | null = null;\n+\n+\/\/ TRICKY According to the spec, scrollLeft should be negative for RTL aligned elements.\n+\/\/ Chrome does not seem to adhere; its scrollLeft values are positive (measured relative to the left).\n+\/\/ Safari's elastic bounce makes detecting this even more complicated wrt potential false positives.\n+\/\/ The safest way to check this is to intentionally set a negative offset,\n+\/\/ and then verify that the subsequent \"scroll\" event matches the negative offset.\n+\/\/ If it does not match, then we can assume a non-standard RTL scroll implementation.\n+export function getRTLOffsetType(recalculate?: boolean = false): RTLOffsetType {\n+ if (cachedRTLResult === null || recalculate) {\n+ const outerDiv = document.createElement('div');\n+ const outerStyle = outerDiv.style;\n+ outerStyle.width = '50px';\n+ outerStyle.height = '50px';\n+ outerStyle.overflow = 'scroll';\n+ outerStyle.direction = 'rtl';\n+\n+ const innerDiv = document.createElement('div');\n+ const innerStyle = innerDiv.style;\n+ innerStyle.width = '100px';\n+ innerStyle.height = '100px';\n+\n+ outerDiv.appendChild(innerDiv);\n+\n+ ((document.body: any): HTMLBodyElement).appendChild(outerDiv);\n+\n+ if (outerDiv.scrollLeft > 0) {\n+ cachedRTLResult = 'positive-descending';\n+ } else {\n+ outerDiv.scrollLeft = 1;\n+ if (outerDiv.scrollLeft === 0) {\n+ cachedRTLResult = 'negative';\n+ } else {\n+ cachedRTLResult = 'positive-ascending';\n+ }\n+ }\n+\n+ ((document.body: any): HTMLBodyElement).removeChild(outerDiv);\n+\n+ return cachedRTLResult;\n+ }\n+\n+ return cachedRTLResult;\n+}\ndiff --git a\/yarn.lock b\/yarn.lock\nindex 616e6e2645..76c0f0e882 100644\n--- a\/yarn.lock\n+++ b\/yarn.lock\n@@ -766,9 +766,9 @@\n regenerator-runtime \"^0.12.0\"\n \n \"@babel\/runtime@^7.0.0\":\n- version \"7.4.5\"\n- resolved \"https:\/\/registry.yarnpkg.com\/@babel\/runtime\/-\/runtime-7.4.5.tgz#582bb531f5f9dc67d2fcb682979894f75e253f12\"\n- integrity sha512-TuI4qpWZP6lGOGIuGWtp9sPluqYICmbk8T\/1vpSysqJxRPkudh\/ofFWyqdcMsDf2s7KvDL4\/YHgKyvcS3g9CJQ==\n+ version \"7.5.5\"\n+ resolved \"https:\/\/registry.yarnpkg.com\/@babel\/runtime\/-\/runtime-7.5.5.tgz#74fba56d35efbeca444091c7850ccd494fd2f132\"\n+ integrity sha512-28QvEGyQyNkB0\/m2B4FU7IEZGK2NUrcMtT6BZEFALTguLk+AUT6ofsHtPk5QyjAdUkpMJ+\/Em+quwz4HOt30AQ==\n dependencies:\n regenerator-runtime \"^0.13.2\"\n \n@@ -5522,10 +5522,10 @@ flatstr@^1.0.9:\n resolved \"https:\/\/registry.yarnpkg.com\/flatstr\/-\/flatstr-1.0.9.tgz#0950d56fec02de1030c1311847ecd58c25690eb9\"\n integrity sha512-qFlJnOBWDfIaunF54\/lBqNKmXOI0HqNhu+mHkLmbaBXlS71PUd9OjFOdyevHt\/aHoHB1+eW7eKHgRKOG5aHSpw==\n \n-flow-bin@^0.97.0:\n- version \"0.97.0\"\n- resolved \"https:\/\/registry.yarnpkg.com\/flow-bin\/-\/flow-bin-0.97.0.tgz#036ffcfc27503367a9d906ec9d843a0aa6f6bb83\"\n- integrity sha512-jXjD05gkatLuC4+e28frH1hZoRwr1iASP6oJr61Q64+kR4kmzaS+AdFBhYgoYS5kpoe4UzwDebWK8ETQFNh00w==\n+flow-bin@^0.103.0:\n+ version \"0.103.0\"\n+ resolved \"https:\/\/registry.yarnpkg.com\/flow-bin\/-\/flow-bin-0.103.0.tgz#7aec510d85e1c1b0f2b912bb988337d70035cb0f\"\n+ integrity sha512-Y3yrnE5ICN1Kl\/y10BwjA3JSuS+gt4jVPNyUNCZb0RqmkdssMrW8QNNysJYvhgAY\/JBJH8Qv7NVUf11MiwfSlA==\n \n fluent-syntax@0.10.0:\n version \"0.10.0\"\n@@ -8250,9 +8250,9 @@ mem@^4.0.0:\n p-is-promise \"^2.0.0\"\n \n \"memoize-one@>=3.1.1 <6\":\n- version \"5.0.4\"\n- resolved \"https:\/\/registry.yarnpkg.com\/memoize-one\/-\/memoize-one-5.0.4.tgz#005928aced5c43d890a4dfab18ca908b0ec92cbc\"\n- integrity sha512-P0z5IeAH6qHHGkJIXWw0xC2HNEgkx\/9uWWBQw64FJj3\/ol14VYdfVGWWr0fXfjhhv3TKVIqUq65os6O4GUNksA==\n+ version \"5.0.5\"\n+ resolved \"https:\/\/registry.yarnpkg.com\/memoize-one\/-\/memoize-one-5.0.5.tgz#8cd3809555723a07684afafcd6f756072ac75d7e\"\n+ integrity sha512-ey6EpYv0tEaIbM\/nTDOpHciXUvd+ackQrJgEzBwemhZZIWZjcyodqEcrmqDy2BKRTM3a65kKBV4WtLXJDt26SQ==\n \n memoize-one@^3.1.1:\n version \"3.1.1\"\n@@ -10183,9 +10183,9 @@ regenerator-runtime@^0.12.0:\n integrity sha512-odxIc1\/vDlo4iZcfXqRYFj0vpXFNoGdKMAUieAlFYO6m\/nl5e9KR\/beGf41z4a1FI+aQgtjhuaSlDxQ0hmkrHg==\n \n regenerator-runtime@^0.13.2:\n- version \"0.13.2\"\n- resolved \"https:\/\/registry.yarnpkg.com\/regenerator-runtime\/-\/regenerator-runtime-0.13.2.tgz#32e59c9a6fb9b1a4aff09b4930ca2d4477343447\"\n- integrity sha512-S\/TQAZJO+D3m9xeN1WTI8dLKBBiRgXBlTJvbWjCThHWZj9EvHK70Ff50\/tYj2J\/fvBY6JtFVwRuazHN2E7M9BA==\n+ version \"0.13.3\"\n+ resolved \"https:\/\/registry.yarnpkg.com\/regenerator-runtime\/-\/regenerator-runtime-0.13.3.tgz#7cf6a77d8f5c6f60eb73c5fc1955b2ceb01e6bf5\"\n+ integrity sha512-naKIZz2GQ8JWh\/\/\/G7L3X6LaQUAMp2lvb1rvwwsURe\/VXwD6VMfr+\/1NuNw3ag8v2kY1aQ\/go5SNn79O9JU7yw==\n \n regenerator-runtime@^0.9.5:\n version \"0.9.6\"\n","body":"* Updated local fork of react-window\r\n* Updated Fow 97 -> 103\r\n* Lint ignore NPM dist\r\n* Improved Bridge Flow types","files":[{"status":"M","path":".eslintignore"},{"status":"M","path":"package.json"},{"status":"M","path":"packages\/react-devtools-core\/src\/backend.js"},{"status":"M","path":"packages\/react-devtools-core\/src\/standalone.js"},{"status":"M","path":"shells\/dev\/app\/SuspenseTree\/index.js"},{"status":"M","path":"src\/tests\/bridge-test.js"},{"status":"M","path":"src\/tests\/inspectedElementContext-test.js"},{"status":"M","path":"src\/tests\/legacy\/inspectElement-test.js"},{"status":"M","path":"src\/tests\/ownersListContext-test.js"},{"status":"M","path":"src\/tests\/profilerContext-test.js"},{"status":"M","path":"src\/tests\/profilingCache-test.js"},{"status":"M","path":"src\/tests\/profilingCharts-test.js"},{"status":"M","path":"src\/tests\/setupTests.js"},{"status":"M","path":"src\/tests\/storeComponentFilters-test.js"},{"status":"M","path":"src\/tests\/treeContext-test.js"},{"status":"M","path":"src\/tests\/utils.js"},{"status":"M","path":"src\/backend\/NativeStyleEditor\/setupNativeStyleEditor.js"},{"status":"M","path":"src\/backend\/agent.js"},{"status":"M","path":"src\/backend\/views\/Highlighter\/Overlay.js"},{"status":"M","path":"src\/backend\/views\/Highlighter\/index.js"},{"status":"M","path":"src\/bridge.js"},{"status":"M","path":"src\/devtools\/ProfilerStore.js"},{"status":"M","path":"src\/devtools\/index.js"},{"status":"M","path":"src\/devtools\/store.js"},{"status":"M","path":"src\/devtools\/views\/Components\/HooksTree.js"},{"status":"M","path":"src\/devtools\/views\/Components\/InspectedElementContext.js"},{"status":"M","path":"src\/devtools\/views\/Components\/NativeStyleEditor\/StyleEditor.js"},{"status":"M","path":"src\/devtools\/views\/Components\/NativeStyleEditor\/context.js"},{"status":"M","path":"src\/devtools\/views\/Components\/OwnersListContext.js"},{"status":"M","path":"src\/devtools\/views\/Components\/SelectedElement.js"},{"status":"M","path":"src\/devtools\/views\/Components\/Tree.js"},{"status":"M","path":"src\/devtools\/views\/DevTools.js"},{"status":"M","path":"src\/devtools\/views\/context.js"},{"status":"A","path":"vendor\/react-window\/dist\/index-dev.umd.js"},{"status":"A","path":"vendor\/react-window\/dist\/index-prod.umd.js"},{"status":"M","path":"vendor\/react-window\/dist\/index.cjs.js"},{"status":"M","path":"vendor\/react-window\/dist\/index.esm.js"},{"status":"M","path":"vendor\/react-window\/package.json"},{"status":"M","path":"vendor\/react-window\/src\/FixedSizeGrid.js"},{"status":"M","path":"vendor\/react-window\/src\/FixedSizeList.js"},{"status":"M","path":"vendor\/react-window\/src\/VariableSizeGrid.js"},{"status":"M","path":"vendor\/react-window\/src\/VariableSizeList.js"},{"status":"M","path":"vendor\/react-window\/src\/createGridComponent.js"},{"status":"M","path":"vendor\/react-window\/src\/createListComponent.js"},{"status":"M","path":"vendor\/react-window\/src\/domHelpers.js"},{"status":"M","path":"yarn.lock"}]}

dillon1000/react

Files changed