playball 3.1.0 → 3.1.1

package/dist/cli.js

@@ -0,0 +1,31 @@
+/* eslint no-console: 0 */
+import { Command } from 'commander';
+import updateNotifier from 'update-notifier';
+import * as config from "./config.js";
+import main from "./main.js";
+import pkg from "./package.js";
+const program = new Command();
+const notifier = updateNotifier({
+  pkg,
+  updateCheckInterval: 1000 * 60 * 60 * 24 * 7 // 1 week
+});
+
+program.name(pkg.name).description(pkg.description).version(pkg.version).action(main).hook('postAction', () => notifier.notify({
+  isGlobal: true
+}));
+program.command('config').description('Set or get configration values').argument('[key]').argument('[value]').option('--unset', 'Unset configuration value').action((key, value, options) => {
+  if (options.unset) {
+    config.unset(key);
+    return;
+  }
+  if (!key) {
+    for (const [key, value] of Object.entries(config.getAll())) {
+      console.log(`${key} = ${value}`);
+    }
+  } else if (!value) {
+    console.log(config.get(key));
+  } else {
+    config.set(key, value);
+  }
+});
+program.parse();

package/{src/components/AllPlays.jsx → dist/components/AllPlays.js}

@@ -1,13 +1,11 @@
 import React from 'react';
-import { useSelector } from 'react-redux';
-import { selectAllPlays, selectTeams } from '../features/games.js';
-
-import { get } from '../config.js';
-import style from '../style/index.js';
-
-
+import { useSelector } from "react-redux/lib/alternate-renderers.js";
+import { selectAllPlays, selectTeams } from "../features/games.js";
+import { get } from "../config.js";
+import style from "../style/index.js";
 function getPlayResultColor(play) {
-  const lastPlay = play.playEvents[play.playEvents.length - 1]?.details;
+  var _play$playEvents;
+  const lastPlay = (_play$playEvents = play.playEvents[play.playEvents.length - 1]) === null || _play$playEvents === void 0 ? void 0 : _play$playEvents.details;
   if (!lastPlay) {
     return get('color.other-event');
   } else if (lastPlay.isBall) {
@@ -20,23 +18,13 @@ function getPlayResultColor(play) {
     return get('color.in-play-out');
   }
 }
-
 function formatOut(out) {
   return ` {bold}${out} out{/}`;
 }
-
-
 function AllPlays() {
   const plays = useSelector(selectAllPlays);
   const teams = useSelector(selectTeams);
-
-  const formatScoreDetail = (scoreObj) => (
-    ` {bold}{${get('color.in-play-runs-bg')}-bg}{${get('color.in-play-runs-fg')}-fg} ` + 
-    `${teams.away.abbreviation} ${scoreObj.awayScore} - ` +
-    `${teams.home.abbreviation} ${scoreObj.homeScore}` + 
-    ' {/}'
-  );
-
+  const formatScoreDetail = scoreObj => ` {bold}{${get('color.in-play-runs-bg')}-bg}{${get('color.in-play-runs-fg')}-fg} ` + `${teams.away.abbreviation} ${scoreObj.awayScore} - ` + `${teams.home.abbreviation} ${scoreObj.homeScore}` + ' {/}';
   let inning = '';
   const lines = [];
   plays && plays.slice().reverse().forEach((play, playIdx, plays) => {
@@ -52,7 +40,6 @@ function AllPlays() {
       }
       lines.push(`{bold}[${inning.toUpperCase()}]{/}`);
     }
-
     if (play.about.isComplete) {
       const color = getPlayResultColor(play);
       let line = `{${color}-fg}[${play.result.event}]{/} ${play.result.description}`;
@@ -67,9 +54,9 @@ function AllPlays() {
       }
       lines.push(line);
     }
-
     play.playEvents && play.playEvents.slice().reverse().forEach((event, eventIdx, events) => {
       if (event.type === 'action') {
+        var _event$count;
         let line = '';
         if (event.details.event) {
           line += `{${get('color.other-event')}-fg}[${event.details.event}]{/} `;
@@ -78,10 +65,11 @@ function AllPlays() {
         if (event.isScoringPlay || event.details.isScoringPlay) {
           line += formatScoreDetail(event.details);
         }
-        const currentOut = event.count?.outs;
+        const currentOut = (_event$count = event.count) === null || _event$count === void 0 ? void 0 : _event$count.outs;
         let prevOut = lastPlay ? lastPlay.count.outs : 0;
         if (eventIdx < events.length - 1) {
-          prevOut = events[eventIdx + 1].count?.outs;
+          var _events$count;
+          prevOut = (_events$count = events[eventIdx + 1].count) === null || _events$count === void 0 ? void 0 : _events$count.outs;
         }
         if (currentOut > prevOut) {
           line += formatOut(currentOut);
@@ -90,19 +78,16 @@ function AllPlays() {
       }
     });
   });
-  return (
-    <box
-      content={lines.join('\n')}
-      focused 
-      mouse 
-      keys 
-      vi
-      scrollable 
-      scrollbar={style.scrollbar} 
-      alwaysScroll 
-      tags
-    />
-  );
+  return /*#__PURE__*/React.createElement("box", {
+    content: lines.join('\n'),
+    focused: true,
+    mouse: true,
+    keys: true,
+    vi: true,
+    scrollable: true,
+    scrollbar: style.scrollbar,
+    alwaysScroll: true,
+    tags: true
+  });
 }
-
 export default AllPlays;

package/dist/components/App.js

@@ -0,0 +1,42 @@
+import React, { useState } from 'react';
+import { useDispatch } from "react-redux/lib/alternate-renderers.js";
+import GameList from "./GameList.js";
+import HelpBar from "./HelpBar.js";
+import { setSelectedId } from "../features/games.js";
+import Game from "./Game.js";
+import useKey from "../hooks/useKey.js";
+import Standings from "./Standings.js";
+const SCHEDULE = 'schedule';
+const STANDINGS = 'standings';
+const GAME = 'game';
+function App() {
+  const [view, setView] = useState(SCHEDULE);
+  const dispatch = useDispatch();
+  useKey('c', () => {
+    setView(SCHEDULE);
+    dispatch(setSelectedId(null));
+  }, {
+    key: 'C',
+    label: 'Schedule'
+  });
+  useKey('s', () => setView(STANDINGS), {
+    key: 'S',
+    label: 'Standings'
+  });
+  const handleGameSelect = game => {
+    dispatch(setSelectedId(game.gamePk));
+    setView(GAME);
+  };
+  return /*#__PURE__*/React.createElement("element", null, /*#__PURE__*/React.createElement("element", {
+    top: 0,
+    left: 0,
+    height: "100%-1"
+  }, view === STANDINGS && /*#__PURE__*/React.createElement(Standings, null), view === SCHEDULE && /*#__PURE__*/React.createElement(GameList, {
+    onGameSelect: handleGameSelect
+  }), view === GAME && /*#__PURE__*/React.createElement(Game, null)), /*#__PURE__*/React.createElement("element", {
+    top: "100%-1",
+    left: 0,
+    height: 1
+  }, /*#__PURE__*/React.createElement(HelpBar, null)));
+}
+export default App;

package/dist/components/AtBat.js

@@ -0,0 +1,42 @@
+import React from 'react';
+import { useSelector } from "react-redux/lib/alternate-renderers.js";
+import { selectCurrentPlay } from "../features/games.js";
+function AtBat() {
+  const currentPlay = useSelector(selectCurrentPlay);
+  const playEvents = currentPlay.playEvents;
+  const playResult = currentPlay.about.isComplete ? currentPlay.result.description : '';
+  let content = '';
+  if (playResult) {
+    content += `${playResult}\n\n`;
+  }
+  if (playEvents && playEvents.length) {
+    content += playEvents.slice().reverse().map(event => {
+      let line = '';
+      if (event.isPitch) {
+        var _event$pitchData, _event$details, _event$details2;
+        line = `[${event.details.description}] `;
+        if ((_event$pitchData = event.pitchData) !== null && _event$pitchData !== void 0 && _event$pitchData.startSpeed) {
+          line += `${event.pitchData.startSpeed} MPH `;
+        }
+        if ((_event$details = event.details) !== null && _event$details !== void 0 && (_event$details = _event$details.type) !== null && _event$details !== void 0 && _event$details.description) {
+          line += event.details.type.description;
+        }
+        if (!((_event$details2 = event.details) !== null && _event$details2 !== void 0 && _event$details2.isInPlay)) {
+          line += `{|} ${event.count.balls}-${event.count.strikes}`;
+        }
+      } else {
+        var _event$details3;
+        if ((_event$details3 = event.details) !== null && _event$details3 !== void 0 && _event$details3.event) {
+          line += `[${event.details.event}] `;
+        }
+        line += event.details.description;
+      }
+      return line;
+    }).join('\n');
+  }
+  return /*#__PURE__*/React.createElement("box", {
+    content: content,
+    tags: true
+  });
+}
+export default AtBat;

package/dist/components/Bases.js

@@ -0,0 +1,23 @@
+import React from 'react';
+import { useSelector } from "react-redux/lib/alternate-renderers.js";
+import PropTypes from 'prop-types';
+import { get } from "../config.js";
+import { selectLineScore } from "../features/games.js";
+const formatBase = (offense, base) => base in offense ? `{${get('color.on-base')}-fg}◆{/}` : '◇';
+function Bases({
+  align
+}) {
+  const {
+    offense
+  } = useSelector(selectLineScore);
+  const content = `  ${formatBase(offense, 'second')}\n` + `${formatBase(offense, 'third')}   ${formatBase(offense, 'first')}`;
+  return /*#__PURE__*/React.createElement("box", {
+    align: align,
+    content: content,
+    tags: true
+  });
+}
+Bases.propTypes = {
+  align: PropTypes.oneOf(['left', 'center', 'right'])
+};
+export default Bases;

package/dist/components/Count.js

@@ -0,0 +1,21 @@
+import React from 'react';
+import { useSelector } from "react-redux/lib/alternate-renderers.js";
+import PropTypes from 'prop-types';
+import { get } from "../config.js";
+import { selectLineScore } from "../features/games.js";
+const formatCount = (count, total) => '● '.repeat(count) + '○ '.repeat(total - count);
+function Count({
+  align
+}) {
+  const linescore = useSelector(selectLineScore);
+  const content = `B: {${get('color.ball')}-fg}${formatCount(linescore.balls, 4)}{/}\n` + `S: {${get('color.strike')}-fg}${formatCount(linescore.strikes, 3)}{/}\n` + `O: {${get('color.out')}-fg}${formatCount(linescore.outs, 3)}{/}`;
+  return /*#__PURE__*/React.createElement("box", {
+    align: align,
+    content: content,
+    tags: true
+  });
+}
+Count.propTypes = {
+  align: PropTypes.oneOf(['left', 'center', 'right'])
+};
+export default Count;

package/dist/components/FinishedGame.js

@@ -0,0 +1,90 @@
+import React from 'react';
+import { useSelector } from "react-redux/lib/alternate-renderers.js";
+import { selectLineScore, selectTeams, selectDecisions, selectBoxscore, selectGameStatus } from "../features/games.js";
+import LineScore from "./LineScore.js";
+const getPlayer = (id, boxscore) => {
+  var _boxscore$home, _boxscore$away;
+  const homePlayer = (_boxscore$home = boxscore.home) === null || _boxscore$home === void 0 || (_boxscore$home = _boxscore$home.players) === null || _boxscore$home === void 0 ? void 0 : _boxscore$home['ID' + id];
+  if (homePlayer !== undefined) {
+    return homePlayer;
+  }
+  return (_boxscore$away = boxscore.away) === null || _boxscore$away === void 0 ? void 0 : _boxscore$away.players['ID' + id];
+};
+const formatDecisions = (decisions, boxscore) => {
+  if (!decisions) {
+    return '';
+  }
+  const content = [];
+  const winner = decisions.winner;
+  if (winner) {
+    var _pitcher$seasonStats, _pitcher$seasonStats2;
+    const pitcher = getPlayer(winner.id, boxscore);
+    content.push(`Win:  ${pitcher.person.fullName} (${(_pitcher$seasonStats = pitcher.seasonStats) === null || _pitcher$seasonStats === void 0 || (_pitcher$seasonStats = _pitcher$seasonStats.pitching) === null || _pitcher$seasonStats === void 0 ? void 0 : _pitcher$seasonStats.wins}-${(_pitcher$seasonStats2 = pitcher.seasonStats) === null || _pitcher$seasonStats2 === void 0 || (_pitcher$seasonStats2 = _pitcher$seasonStats2.pitching) === null || _pitcher$seasonStats2 === void 0 ? void 0 : _pitcher$seasonStats2.losses})`);
+  }
+  const loser = decisions.loser;
+  if (loser) {
+    var _pitcher$seasonStats3, _pitcher$seasonStats4;
+    const pitcher = getPlayer(loser.id, boxscore);
+    content.push(`Loss: ${pitcher.person.fullName} (${(_pitcher$seasonStats3 = pitcher.seasonStats) === null || _pitcher$seasonStats3 === void 0 || (_pitcher$seasonStats3 = _pitcher$seasonStats3.pitching) === null || _pitcher$seasonStats3 === void 0 ? void 0 : _pitcher$seasonStats3.wins}-${(_pitcher$seasonStats4 = pitcher.seasonStats) === null || _pitcher$seasonStats4 === void 0 || (_pitcher$seasonStats4 = _pitcher$seasonStats4.pitching) === null || _pitcher$seasonStats4 === void 0 ? void 0 : _pitcher$seasonStats4.losses})`);
+  }
+  const save = decisions.save;
+  if (save) {
+    var _pitcher$seasonStats5;
+    const pitcher = getPlayer(save.id, boxscore);
+    content.push(`Save: ${pitcher.person.fullName} (${(_pitcher$seasonStats5 = pitcher.seasonStats) === null || _pitcher$seasonStats5 === void 0 ? void 0 : _pitcher$seasonStats5.pitching.saves})`);
+  }
+  return content.join('\n');
+};
+const formatScore = (status, linescore) => {
+  let display = '';
+  if (status.detailedState === 'Postponed') {
+    display = status.detailedState;
+    if (status.reason) {
+      display += '\n' + status.reason;
+    }
+  } else {
+    display = `\n${linescore.teams.away.runs} - ${linescore.teams.home.runs}`;
+  }
+  return display;
+};
+function FinishedGame() {
+  const boxscore = useSelector(selectBoxscore);
+  const decisions = useSelector(selectDecisions);
+  const linescore = useSelector(selectLineScore);
+  const status = useSelector(selectGameStatus);
+  const teams = useSelector(selectTeams);
+  const awayTeam = `${teams.away.teamName}\n(${teams.away.record.wins}-${teams.away.record.losses})`;
+  const homeTeam = `${teams.home.teamName}\n(${teams.home.record.wins}-${teams.home.record.losses})`;
+  return /*#__PURE__*/React.createElement("element", null, /*#__PURE__*/React.createElement("element", {
+    height: "60%"
+  }, /*#__PURE__*/React.createElement("box", {
+    content: awayTeam,
+    width: "33%-1",
+    top: "50%",
+    align: "center"
+  }), /*#__PURE__*/React.createElement("box", {
+    content: formatScore(status, linescore),
+    width: "33%-1",
+    left: "33%",
+    top: "50%",
+    align: "center"
+  }), /*#__PURE__*/React.createElement("box", {
+    content: homeTeam,
+    width: "34%",
+    top: "50%",
+    left: "66%",
+    align: "center"
+  })), /*#__PURE__*/React.createElement("element", {
+    top: "60%+1",
+    height: 3
+  }, /*#__PURE__*/React.createElement(LineScore, {
+    align: "center",
+    final: true
+  })), /*#__PURE__*/React.createElement("element", {
+    top: "60%+5",
+    left: "50%-20"
+  }, /*#__PURE__*/React.createElement("box", {
+    content: formatDecisions(decisions, boxscore)
+  })));
+}
+export default FinishedGame;

package/dist/components/Game.js

@@ -0,0 +1,50 @@
+import React, { useEffect, useRef } from 'react';
+import { useDispatch, useSelector } from "react-redux/lib/alternate-renderers.js";
+import { fetchGame, selectGame, selectSelectedId, selectFullUpdateRequired } from "../features/games.js";
+import PreviewGame from "./PreviewGame.js";
+import LiveGame from "./LiveGame.js";
+import FinishedGame from "./FinishedGame.js";
+import log from "../logger.js";
+function Game() {
+  var _game$metaData, _game$gameData;
+  const dispatch = useDispatch();
+  const game = useSelector(selectGame);
+  const fullUpdateRequired = useSelector(selectFullUpdateRequired);
+  const id = useSelector(selectSelectedId);
+  const timerRef = useRef(null);
+  const timestampRef = useRef();
+  timestampRef.current = fullUpdateRequired ? null : game === null || game === void 0 || (_game$metaData = game.metaData) === null || _game$metaData === void 0 ? void 0 : _game$metaData.timeStamp;
+  const updateGameData = () => {
+    dispatch(fetchGame({
+      id,
+      start: timestampRef.current
+    })).unwrap().then(result => {
+      var _result$metaData;
+      const wait = (result && ((_result$metaData = result.metaData) === null || _result$metaData === void 0 ? void 0 : _result$metaData.wait) || 10) * 1000;
+      timerRef.current = setTimeout(updateGameData, wait);
+    }).catch(err => log.error('UPDATE_GAME_DATA:\n' + JSON.stringify(err) + '\n' + err.stack));
+  };
+  useEffect(() => {
+    updateGameData();
+    return () => {
+      clearTimeout(timerRef.current);
+    };
+  }, [id]);
+  if (!game) {
+    return /*#__PURE__*/React.createElement("element", null);
+  }
+  let Wrapped = null;
+  switch ((_game$gameData = game.gameData) === null || _game$gameData === void 0 || (_game$gameData = _game$gameData.status) === null || _game$gameData === void 0 ? void 0 : _game$gameData.abstractGameCode) {
+    case 'P':
+      Wrapped = PreviewGame;
+      break;
+    case 'L':
+      Wrapped = LiveGame;
+      break;
+    case 'F':
+      Wrapped = FinishedGame;
+      break;
+  }
+  return /*#__PURE__*/React.createElement("element", null, /*#__PURE__*/React.createElement(Wrapped, null));
+}
+export default Game;

package/dist/components/GameList.js

@@ -0,0 +1,171 @@
+function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+import React, { useCallback, useEffect, useRef, useState } from 'react';
+import { useDispatch, useSelector } from "react-redux/lib/alternate-renderers.js";
+import PropTypes from 'prop-types';
+import { add, format } from 'date-fns';
+import { fetchSchedule, selectData, selectLoading } from "../features/schedule.js";
+import { teamFavoriteStar } from "../utils.js";
+import Grid from "./Grid.js";
+import useKey from "../hooks/useKey.js";
+const formatGame = game => {
+  const startTime = format(new Date(game.gameDate), 'p');
+  const start = game.doubleHeader === 'Y' && game.gameNumber > 1 ? 'Game ' + game.gameNumber : startTime;
+  const teamName = team => {
+    const star = teamFavoriteStar(team.team);
+    return star + `${team.team.teamName} (${team.leagueRecord.wins}-${team.leagueRecord.losses})`.padEnd(star ? 18 : 20);
+  };
+  let content = [start, teamName(game.teams.away), teamName(game.teams.home)];
+  const gameState = game.status.abstractGameCode;
+  const detailedState = game.status.detailedState;
+  switch (gameState) {
+    case 'P':
+      break;
+    case 'L':
+      if (detailedState === 'Warmup') {
+        content[0] = detailedState;
+      } else {
+        content[0] = game.linescore.inningState + ' ' + game.linescore.currentInningOrdinal;
+        if (detailedState !== 'In Progress') {
+          content[0] += ' | ' + detailedState;
+        }
+      }
+      if (game.linescore) {
+        content[0] = content[0].padEnd(20) + ' R  H  E';
+        content[1] += game.linescore.teams.away.runs.toString().padStart(2) + game.linescore.teams.away.hits.toString().padStart(3) + game.linescore.teams.away.errors.toString().padStart(3);
+        content[2] += game.linescore.teams.home.runs.toString().padStart(2) + game.linescore.teams.home.hits.toString().padStart(3) + game.linescore.teams.home.errors.toString().padStart(3);
+      }
+      break;
+    case 'F':
+      content[0] = detailedState;
+      if (game.status.reason) {
+        content[0] += ' | ' + game.status.reason;
+      }
+      if (game.linescore) {
+        if (game.linescore.currentInning !== game.scheduledInnings) {
+          content[0] += '/' + game.linescore.currentInning;
+        }
+        content[0] = content[0].padEnd(20) + ' R  H  E';
+        content[1] += game.linescore.teams.away.runs.toString().padStart(2) + game.linescore.teams.away.hits.toString().padStart(3) + game.linescore.teams.away.errors.toString().padStart(3);
+        content[2] += game.linescore.teams.home.runs.toString().padStart(2) + game.linescore.teams.home.hits.toString().padStart(3) + game.linescore.teams.home.errors.toString().padStart(3);
+        if (game.teams.away.isWinner) {
+          content[1] = `{bold}${content[1]}{/bold}`;
+        }
+        if (game.teams.home.isWinner) {
+          content[2] = `{bold}${content[2]}{/bold}`;
+        }
+      }
+      break;
+  }
+  return content.map(s => ' ' + s).join('\n');
+};
+const GAME_STATE_ORDER = {
+  L: 0,
+  P: 1,
+  F: 2
+};
+function compareGameState(a, b) {
+  return GAME_STATE_ORDER[a.status.abstractGameCode] - GAME_STATE_ORDER[b.status.abstractGameCode];
+}
+function compareGameInnings(a, b) {
+  const inningCompare = b.linescore.currentInning - a.linescore.currentInning;
+  if (inningCompare !== 0) {
+    return inningCompare;
+  }
+  if (a.isTopInning && !b.isTopInning) {
+    return -1;
+  }
+  if (b.isTopInning && !a.isTopInning) {
+    return 1;
+  }
+  return 0;
+}
+function compareGames(a, b) {
+  const stateCompare = compareGameState(a, b);
+  if (stateCompare !== 0) {
+    return stateCompare;
+  }
+  if (a.status.abstractGameCode === 'L') {
+    const inningCompare = compareGameInnings(a, b);
+    if (inningCompare !== 0) {
+      return inningCompare;
+    }
+  }
+  return 0;
+}
+function GameList({
+  onGameSelect
+}) {
+  const dispatch = useDispatch();
+  const schedule = useSelector(selectData);
+  const loading = useSelector(selectLoading);
+  const timerRef = useRef(null);
+  const [date, setDate] = useState(new Date());
+  let games = [];
+  if (schedule && schedule.dates.length > 0) {
+    games = schedule.dates[0].games.slice().sort(compareGames);
+  }
+  useEffect(() => {
+    dispatch(fetchSchedule(date));
+    timerRef.current = setInterval(() => dispatch(fetchSchedule(date)), 30000);
+    return () => clearInterval(timerRef.current);
+  }, [date]);
+  useKey('p', useCallback(() => setDate(prev => add(prev, {
+    days: -1
+  })), []), {
+    key: 'P',
+    label: 'Prev Day'
+  });
+  useKey('n', useCallback(() => setDate(prev => add(prev, {
+    days: 1
+  })), []), {
+    key: 'N',
+    label: 'Next Day'
+  });
+  useKey('t', useCallback(() => setDate(new Date()), []), {
+    key: 'T',
+    label: 'Today'
+  });
+  const handleGameSelect = idx => {
+    const selected = games[idx];
+    onGameSelect(selected);
+  };
+  const messageStyle = {
+    left: 0,
+    top: 0,
+    height: '100%',
+    width: '100%',
+    align: 'center',
+    valign: 'middle'
+  };
+  return /*#__PURE__*/React.createElement("element", null, /*#__PURE__*/React.createElement("box", {
+    top: 0,
+    left: 0,
+    width: "100%",
+    height: 1,
+    align: "center",
+    valign: "middle",
+    style: {
+      bg: 'white',
+      fg: 'black'
+    },
+    content: format(date, 'PPPP')
+  }), /*#__PURE__*/React.createElement("element", {
+    top: 2,
+    left: 0,
+    width: "100%",
+    height: "100%-2"
+  }, !schedule && loading && /*#__PURE__*/React.createElement("box", _extends({}, messageStyle, {
+    content: "Loading..."
+  })), schedule && games.length === 0 && /*#__PURE__*/React.createElement("box", _extends({}, messageStyle, {
+    content: "No games today"
+  })), schedule && games.length > 0 && /*#__PURE__*/React.createElement(Grid, {
+    items: games.map(formatGame),
+    itemHeight: 5,
+    itemMinWidth: 34,
+    onSelect: handleGameSelect
+  })));
+}
+GameList.propTypes = {
+  onGameSelect: PropTypes.func
+};
+export default GameList;