playball 3.0.0 → 3.1.1

package/dist/components/FinishedGame.js

@@ -1,124 +1,90 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-
-var _react = _interopRequireDefault(require("react"));
-
-var _alternateRenderers = require("react-redux/lib/alternate-renderers");
-
-var _games = require("../features/games");
-
-var _LineScore = _interopRequireDefault(require("./LineScore"));
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
+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$home$player, _boxscore$away;
-
-  const homePlayer = (_boxscore$home = boxscore.home) === null || _boxscore$home === void 0 ? void 0 : (_boxscore$home$player = _boxscore$home.players) === null || _boxscore$home$player === void 0 ? void 0 : _boxscore$home$player['ID' + id];
-
+  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$seasonStats$, _pitcher$seasonStats2, _pitcher$seasonStats3;
-
+    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 ? 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 ? void 0 : (_pitcher$seasonStats3 = _pitcher$seasonStats2.pitching) === null || _pitcher$seasonStats3 === void 0 ? void 0 : _pitcher$seasonStats3.losses})`);
+    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$seasonStats4, _pitcher$seasonStats5, _pitcher$seasonStats6, _pitcher$seasonStats7;
-
+    var _pitcher$seasonStats3, _pitcher$seasonStats4;
     const pitcher = getPlayer(loser.id, boxscore);
-    content.push(`Loss: ${pitcher.person.fullName} (${(_pitcher$seasonStats4 = pitcher.seasonStats) === null || _pitcher$seasonStats4 === void 0 ? void 0 : (_pitcher$seasonStats5 = _pitcher$seasonStats4.pitching) === null || _pitcher$seasonStats5 === void 0 ? void 0 : _pitcher$seasonStats5.wins}-${(_pitcher$seasonStats6 = pitcher.seasonStats) === null || _pitcher$seasonStats6 === void 0 ? void 0 : (_pitcher$seasonStats7 = _pitcher$seasonStats6.pitching) === null || _pitcher$seasonStats7 === void 0 ? void 0 : _pitcher$seasonStats7.losses})`);
+    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$seasonStats8;
-
+    var _pitcher$seasonStats5;
     const pitcher = getPlayer(save.id, boxscore);
-    content.push(`Save: ${pitcher.person.fullName} (${(_pitcher$seasonStats8 = pitcher.seasonStats) === null || _pitcher$seasonStats8 === void 0 ? void 0 : _pitcher$seasonStats8.pitching.saves})`);
+    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 = (0, _alternateRenderers.useSelector)(_games.selectBoxscore);
-  const decisions = (0, _alternateRenderers.useSelector)(_games.selectDecisions);
-  const linescore = (0, _alternateRenderers.useSelector)(_games.selectLineScore);
-  const status = (0, _alternateRenderers.useSelector)(_games.selectGameStatus);
-  const teams = (0, _alternateRenderers.useSelector)(_games.selectTeams);
+  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.default.createElement("element", null, /*#__PURE__*/_react.default.createElement("element", {
+  return /*#__PURE__*/React.createElement("element", null, /*#__PURE__*/React.createElement("element", {
     height: "60%"
-  }, /*#__PURE__*/_react.default.createElement("box", {
+  }, /*#__PURE__*/React.createElement("box", {
     content: awayTeam,
     width: "33%-1",
     top: "50%",
     align: "center"
-  }), /*#__PURE__*/_react.default.createElement("box", {
+  }), /*#__PURE__*/React.createElement("box", {
     content: formatScore(status, linescore),
     width: "33%-1",
     left: "33%",
     top: "50%",
     align: "center"
-  }), /*#__PURE__*/_react.default.createElement("box", {
+  }), /*#__PURE__*/React.createElement("box", {
     content: homeTeam,
     width: "34%",
     top: "50%",
     left: "66%",
     align: "center"
-  })), /*#__PURE__*/_react.default.createElement("element", {
+  })), /*#__PURE__*/React.createElement("element", {
     top: "60%+1",
     height: 3
-  }, /*#__PURE__*/_react.default.createElement(_LineScore.default, {
+  }, /*#__PURE__*/React.createElement(LineScore, {
     align: "center",
     final: true
-  })), /*#__PURE__*/_react.default.createElement("element", {
+  })), /*#__PURE__*/React.createElement("element", {
     top: "60%+5",
     left: "50%-20"
-  }, /*#__PURE__*/_react.default.createElement("box", {
+  }, /*#__PURE__*/React.createElement("box", {
     content: formatDecisions(decisions, boxscore)
   })));
 }
-
-var _default = FinishedGame;
-exports.default = _default;
+export default FinishedGame;

package/dist/components/Game.js

@@ -1,82 +1,50 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-
-var _react = _interopRequireWildcard(require("react"));
-
-var _alternateRenderers = require("react-redux/lib/alternate-renderers");
-
-var _games = require("../features/games");
-
-var _PreviewGame = _interopRequireDefault(require("./PreviewGame"));
-
-var _LiveGame = _interopRequireDefault(require("./LiveGame"));
-
-var _FinishedGame = _interopRequireDefault(require("./FinishedGame"));
-
-var _logger = _interopRequireDefault(require("../logger"));
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-
-function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-
+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, _game$gameData$status;
-
-  const dispatch = (0, _alternateRenderers.useDispatch)();
-  const game = (0, _alternateRenderers.useSelector)(_games.selectGame);
-  const fullUpdateRequired = (0, _alternateRenderers.useSelector)(_games.selectFullUpdateRequired);
-  const id = (0, _alternateRenderers.useSelector)(_games.selectSelectedId);
-  const timerRef = (0, _react.useRef)(null);
-  const timestampRef = (0, _react.useRef)();
-  timestampRef.current = fullUpdateRequired ? null : game === null || game === void 0 ? void 0 : (_game$metaData = game.metaData) === null || _game$metaData === void 0 ? void 0 : _game$metaData.timeStamp;
-
+  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((0, _games.fetchGame)({
+    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 => _logger.default.error('UPDATE_GAME_DATA:\n' + JSON.stringify(err) + '\n' + err.stack));
+    }).catch(err => log.error('UPDATE_GAME_DATA:\n' + JSON.stringify(err) + '\n' + err.stack));
   };
-
-  (0, _react.useEffect)(() => {
+  useEffect(() => {
     updateGameData();
     return () => {
       clearTimeout(timerRef.current);
     };
   }, [id]);
-
   if (!game) {
-    return /*#__PURE__*/_react.default.createElement("element", null);
+    return /*#__PURE__*/React.createElement("element", null);
   }
-
   let Wrapped = null;
-
-  switch ((_game$gameData = game.gameData) === null || _game$gameData === void 0 ? void 0 : (_game$gameData$status = _game$gameData.status) === null || _game$gameData$status === void 0 ? void 0 : _game$gameData$status.abstractGameCode) {
+  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.default;
+      Wrapped = PreviewGame;
       break;
-
     case 'L':
-      Wrapped = _LiveGame.default;
+      Wrapped = LiveGame;
       break;
-
     case 'F':
-      Wrapped = _FinishedGame.default;
+      Wrapped = FinishedGame;
       break;
   }
-
-  return /*#__PURE__*/_react.default.createElement("element", null, /*#__PURE__*/_react.default.createElement(Wrapped, null));
+  return /*#__PURE__*/React.createElement("element", null, /*#__PURE__*/React.createElement(Wrapped, null));
 }
-
-var _default = Game;
-exports.default = _default;
+export default Game;

package/dist/components/GameList.js

@@ -1,183 +1,134 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-
-var _react = _interopRequireWildcard(require("react"));
-
-var _alternateRenderers = require("react-redux/lib/alternate-renderers");
-
-var _propTypes = _interopRequireDefault(require("prop-types"));
-
-var _dateFns = require("date-fns");
-
-var _schedule = require("../features/schedule");
-
-var _Grid = _interopRequireDefault(require("./Grid"));
-
-var _useKey = _interopRequireDefault(require("../hooks/useKey"));
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-
-function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-
 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 = (0, _dateFns.format)(new Date(game.gameDate), 'p');
+  const startTime = format(new Date(game.gameDate), 'p');
   const start = game.doubleHeader === 'Y' && game.gameNumber > 1 ? 'Game ' + game.gameNumber : startTime;
-
-  const teamName = team => `${team.team.teamName} (${team.leagueRecord.wins}-${team.leagueRecord.losses})`.padEnd(20);
-
+  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 = (0, _alternateRenderers.useDispatch)();
-  const schedule = (0, _alternateRenderers.useSelector)(_schedule.selectData);
-  const loading = (0, _alternateRenderers.useSelector)(_schedule.selectLoading);
-  const timerRef = (0, _react.useRef)(null);
-  const [date, setDate] = (0, _react.useState)(new Date());
+  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);
   }
-
-  (0, _react.useEffect)(() => {
-    dispatch((0, _schedule.fetchSchedule)(date));
-    timerRef.current = setInterval(() => dispatch((0, _schedule.fetchSchedule)(date)), 30000);
+  useEffect(() => {
+    dispatch(fetchSchedule(date));
+    timerRef.current = setInterval(() => dispatch(fetchSchedule(date)), 30000);
     return () => clearInterval(timerRef.current);
   }, [date]);
-  (0, _useKey.default)('p', (0, _react.useCallback)(() => setDate(prev => (0, _dateFns.add)(prev, {
+  useKey('p', useCallback(() => setDate(prev => add(prev, {
     days: -1
   })), []), {
     key: 'P',
     label: 'Prev Day'
   });
-  (0, _useKey.default)('n', (0, _react.useCallback)(() => setDate(prev => (0, _dateFns.add)(prev, {
+  useKey('n', useCallback(() => setDate(prev => add(prev, {
     days: 1
   })), []), {
     key: 'N',
     label: 'Next Day'
   });
-  (0, _useKey.default)('t', (0, _react.useCallback)(() => setDate(new Date()), []), {
+  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,
@@ -186,7 +137,7 @@ function GameList({
     align: 'center',
     valign: 'middle'
   };
-  return /*#__PURE__*/_react.default.createElement("element", null, /*#__PURE__*/_react.default.createElement("box", {
+  return /*#__PURE__*/React.createElement("element", null, /*#__PURE__*/React.createElement("box", {
     top: 0,
     left: 0,
     width: "100%",
@@ -197,26 +148,24 @@ function GameList({
       bg: 'white',
       fg: 'black'
     },
-    content: (0, _dateFns.format)(date, 'PPPP')
-  }), /*#__PURE__*/_react.default.createElement("element", {
+    content: format(date, 'PPPP')
+  }), /*#__PURE__*/React.createElement("element", {
     top: 2,
     left: 0,
     width: "100%",
     height: "100%-2"
-  }, !schedule && loading && /*#__PURE__*/_react.default.createElement("box", _extends({}, messageStyle, {
+  }, !schedule && loading && /*#__PURE__*/React.createElement("box", _extends({}, messageStyle, {
     content: "Loading..."
-  })), schedule && games.length === 0 && /*#__PURE__*/_react.default.createElement("box", _extends({}, messageStyle, {
+  })), schedule && games.length === 0 && /*#__PURE__*/React.createElement("box", _extends({}, messageStyle, {
     content: "No games today"
-  })), schedule && games.length > 0 && /*#__PURE__*/_react.default.createElement(_Grid.default, {
+  })), schedule && games.length > 0 && /*#__PURE__*/React.createElement(Grid, {
     items: games.map(formatGame),
     itemHeight: 5,
     itemMinWidth: 34,
     onSelect: handleGameSelect
   })));
 }
-
 GameList.propTypes = {
-  onGameSelect: _propTypes.default.func
+  onGameSelect: PropTypes.func
 };
-var _default = GameList;
-exports.default = _default;
+export default GameList;

package/dist/components/Grid.js

@@ -1,47 +1,26 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-
-var _react = _interopRequireWildcard(require("react"));
-
-var _propTypes = _interopRequireDefault(require("prop-types"));
-
-var _useKey = _interopRequireDefault(require("../hooks/useKey"));
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-
-function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-
 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 PropTypes from 'prop-types';
+import useKey from "../hooks/useKey.js";
 function Grid({
   items,
   itemHeight,
   itemMinWidth,
   onSelect
 }) {
-  const containerRef = (0, _react.useRef)();
-  const [size, setSize] = (0, _react.useState)([0, 0]);
-  const [selectedIndex, setSelectedIndex] = (0, _react.useState)(0);
-
+  const containerRef = useRef();
+  const [size, setSize] = useState([0, 0]);
+  const [selectedIndex, setSelectedIndex] = useState(0);
   const updateSize = () => {
     var _containerRef$current, _containerRef$current2;
-
     return setSize([(_containerRef$current = containerRef.current) === null || _containerRef$current === void 0 ? void 0 : _containerRef$current.width, (_containerRef$current2 = containerRef.current) === null || _containerRef$current2 === void 0 ? void 0 : _containerRef$current2.height]);
   };
-
-  (0, _react.useEffect)(updateSize, []);
+  useEffect(updateSize, []);
   const pos = [];
   let row = 0;
   let col = 0;
   const numCols = Math.floor(size[0] / itemMinWidth);
   const colWidth = Math.floor(size[0] / numCols);
-
   for (let i = 0; i < items.length; i++) {
     pos.push({
       top: row,
@@ -50,25 +29,22 @@ function Grid({
       height: itemHeight
     });
     col += colWidth;
-
     if (col > size[0] - colWidth) {
       col = 0;
       row += itemHeight;
     }
   }
-
-  (0, _react.useEffect)(() => {
+  useEffect(() => {
     const curr = pos[selectedIndex].top;
     const total = pos[pos.length - 1].top;
     const perc = Math.round(curr / total * 100);
     containerRef.current.setScrollPerc(perc);
   }, [pos, selectedIndex]);
-  (0, _useKey.default)(['right', 'l'], (0, _react.useCallback)(() => setSelectedIndex(prev => Math.min(prev + 1, items.length - 1)), [items.length]));
-  (0, _useKey.default)(['left', 'h'], (0, _react.useCallback)(() => setSelectedIndex(prev => Math.max(prev - 1, 0)), []));
-  (0, _useKey.default)(['down', 'j'], (0, _react.useCallback)(() => {
+  useKey(['right', 'l'], useCallback(() => setSelectedIndex(prev => Math.min(prev + 1, items.length - 1)), [items.length]));
+  useKey(['left', 'h'], useCallback(() => setSelectedIndex(prev => Math.max(prev - 1, 0)), []));
+  useKey(['down', 'j'], useCallback(() => {
     setSelectedIndex(prev => {
       const next = prev + numCols;
-
       if (next < items.length) {
         return next;
       } else {
@@ -76,10 +52,9 @@ function Grid({
       }
     });
   }, [numCols, items.length]));
-  (0, _useKey.default)(['up', 'k'], (0, _react.useCallback)(() => {
+  useKey(['up', 'k'], useCallback(() => {
     setSelectedIndex(prev => {
       const next = prev - numCols;
-
       if (next >= 0) {
         return next;
       } else {
@@ -87,14 +62,14 @@ function Grid({
       }
     });
   }, [numCols]));
-  (0, _useKey.default)('enter', () => onSelect(selectedIndex));
-  return /*#__PURE__*/_react.default.createElement("box", {
+  useKey('enter', () => onSelect(selectedIndex));
+  return /*#__PURE__*/React.createElement("box", {
     ref: containerRef,
     onResize: updateSize,
     width: "100%",
     height: "100%",
     scrollable: true
-  }, pos.map((p, idx) => /*#__PURE__*/_react.default.createElement("box", _extends({}, p, {
+  }, pos.map((p, idx) => /*#__PURE__*/React.createElement("box", _extends({}, p, {
     border: {
       type: selectedIndex === idx ? 'line' : 'bg'
     },
@@ -104,12 +79,10 @@ function Grid({
     wrap: false
   }))));
 }
-
 Grid.propTypes = {
-  items: _propTypes.default.arrayOf(_propTypes.default.string),
-  itemHeight: _propTypes.default.number,
-  itemMinWidth: _propTypes.default.number,
-  onSelect: _propTypes.default.func
+  items: PropTypes.arrayOf(PropTypes.string),
+  itemHeight: PropTypes.number,
+  itemMinWidth: PropTypes.number,
+  onSelect: PropTypes.func
 };
-var _default = Grid;
-exports.default = _default;
+export default Grid;