@maestro_io/maestro-web-sdk 5.0.0 → 5.1.0

package/dist/src/modules/espn/fantasy/view/MatchupPair/DoubleAthleteCard/DoubleAthleteCard.d.ts

@@ -0,0 +1,97 @@
+/// <reference types="prop-types" />
+import { WithFocusableProps } from '@/external/spatial-navigation';
+import React from 'react';
+import './DoubleAthleteCard.styles.css';
+import { MatchupPairRoster } from '@/modules/espn/fantasy/view-model/FantasyViewModel';
+declare const _default: {
+    new (props: (MatchupPairRoster & WithFocusableProps) | Readonly<MatchupPairRoster & WithFocusableProps>): {
+        state: import("../../../../../../external/spatial-navigation/withFocusable").WithFocusableState;
+        navigation: import("../../../../../../external/spatial-navigation/spatialNavigation").default;
+        getChildContext(): {
+            parentFocusKey: string;
+        };
+        setFocus: (focusKey: string) => void;
+        navigateByDirection: (direction: import("../../../../../../external/spatial-navigation/utils").Direction, details?: import("../../../../../../external/spatial-navigation/utils").Details) => void;
+        stealFocus: () => void;
+        onUpdateFocus: (focused: boolean) => void;
+        onUpdateHasFocusedChild: (hasFocusedChild: boolean) => void;
+        onEnterPressHandler: (details: import("../../../../../../external/spatial-navigation/utils").Details) => void;
+        onClickPressHandler: (details: import("../../../../../../external/spatial-navigation/utils").Details) => void;
+        onEnterReleaseHandler: () => void;
+        onBackPressHandler: (details: import("../../../../../../external/spatial-navigation/utils").Details) => void;
+        onArrowPressHandler: (direction: import("../../../../../../external/spatial-navigation/utils").Direction, details: import("../../../../../../external/spatial-navigation/utils").Details) => boolean | void;
+        onBecameFocusedHandler: (layout: import("../../../../../../external/spatial-navigation/utils").Layout, details: import("../../../../../../external/spatial-navigation/utils").Details) => void;
+        onBecameBlurredHandler: (layout: import("../../../../../../external/spatial-navigation/utils").Layout, details: import("../../../../../../external/spatial-navigation/utils").Details) => void;
+        componentDidMount(): void;
+        componentDidUpdate(): void;
+        componentWillUnmount(): void;
+        render(): React.ReactElement<MatchupPairRoster & WithFocusableProps, string | React.JSXElementConstructor<any>>;
+        context: any;
+        setState<K extends keyof import("../../../../../../external/spatial-navigation/withFocusable").WithFocusableState>(state: import("../../../../../../external/spatial-navigation/withFocusable").WithFocusableState | ((prevState: Readonly<import("../../../../../../external/spatial-navigation/withFocusable").WithFocusableState>, props: Readonly<MatchupPairRoster & WithFocusableProps>) => import("../../../../../../external/spatial-navigation/withFocusable").WithFocusableState | Pick<import("../../../../../../external/spatial-navigation/withFocusable").WithFocusableState, K> | null) | Pick<import("../../../../../../external/spatial-navigation/withFocusable").WithFocusableState, K> | null, callback?: (() => void) | undefined): void;
+        forceUpdate(callback?: (() => void) | undefined): void;
+        readonly props: Readonly<MatchupPairRoster & WithFocusableProps> & Readonly<{
+            children?: React.ReactNode;
+        }>;
+        refs: {
+            [key: string]: React.ReactInstance;
+        };
+        shouldComponentUpdate?(nextProps: Readonly<MatchupPairRoster & WithFocusableProps>, nextState: Readonly<import("../../../../../../external/spatial-navigation/withFocusable").WithFocusableState>, nextContext: any): boolean;
+        componentDidCatch?(error: Error, errorInfo: React.ErrorInfo): void;
+        getSnapshotBeforeUpdate?(prevProps: Readonly<MatchupPairRoster & WithFocusableProps>, prevState: Readonly<import("../../../../../../external/spatial-navigation/withFocusable").WithFocusableState>): any;
+        componentWillMount?(): void;
+        UNSAFE_componentWillMount?(): void;
+        componentWillReceiveProps?(nextProps: Readonly<MatchupPairRoster & WithFocusableProps>, nextContext: any): void;
+        UNSAFE_componentWillReceiveProps?(nextProps: Readonly<MatchupPairRoster & WithFocusableProps>, nextContext: any): void;
+        componentWillUpdate?(nextProps: Readonly<MatchupPairRoster & WithFocusableProps>, nextState: Readonly<import("../../../../../../external/spatial-navigation/withFocusable").WithFocusableState>, nextContext: any): void;
+        UNSAFE_componentWillUpdate?(nextProps: Readonly<MatchupPairRoster & WithFocusableProps>, nextState: Readonly<import("../../../../../../external/spatial-navigation/withFocusable").WithFocusableState>, nextContext: any): void;
+    };
+    new (props: MatchupPairRoster & WithFocusableProps, context: any): {
+        state: import("../../../../../../external/spatial-navigation/withFocusable").WithFocusableState;
+        navigation: import("../../../../../../external/spatial-navigation/spatialNavigation").default;
+        getChildContext(): {
+            parentFocusKey: string;
+        };
+        setFocus: (focusKey: string) => void;
+        navigateByDirection: (direction: import("../../../../../../external/spatial-navigation/utils").Direction, details?: import("../../../../../../external/spatial-navigation/utils").Details) => void;
+        stealFocus: () => void;
+        onUpdateFocus: (focused: boolean) => void;
+        onUpdateHasFocusedChild: (hasFocusedChild: boolean) => void;
+        onEnterPressHandler: (details: import("../../../../../../external/spatial-navigation/utils").Details) => void;
+        onClickPressHandler: (details: import("../../../../../../external/spatial-navigation/utils").Details) => void;
+        onEnterReleaseHandler: () => void;
+        onBackPressHandler: (details: import("../../../../../../external/spatial-navigation/utils").Details) => void;
+        onArrowPressHandler: (direction: import("../../../../../../external/spatial-navigation/utils").Direction, details: import("../../../../../../external/spatial-navigation/utils").Details) => boolean | void;
+        onBecameFocusedHandler: (layout: import("../../../../../../external/spatial-navigation/utils").Layout, details: import("../../../../../../external/spatial-navigation/utils").Details) => void;
+        onBecameBlurredHandler: (layout: import("../../../../../../external/spatial-navigation/utils").Layout, details: import("../../../../../../external/spatial-navigation/utils").Details) => void;
+        componentDidMount(): void;
+        componentDidUpdate(): void;
+        componentWillUnmount(): void;
+        render(): React.ReactElement<MatchupPairRoster & WithFocusableProps, string | React.JSXElementConstructor<any>>;
+        context: any;
+        setState<K extends keyof import("../../../../../../external/spatial-navigation/withFocusable").WithFocusableState>(state: import("../../../../../../external/spatial-navigation/withFocusable").WithFocusableState | ((prevState: Readonly<import("../../../../../../external/spatial-navigation/withFocusable").WithFocusableState>, props: Readonly<MatchupPairRoster & WithFocusableProps>) => import("../../../../../../external/spatial-navigation/withFocusable").WithFocusableState | Pick<import("../../../../../../external/spatial-navigation/withFocusable").WithFocusableState, K> | null) | Pick<import("../../../../../../external/spatial-navigation/withFocusable").WithFocusableState, K> | null, callback?: (() => void) | undefined): void;
+        forceUpdate(callback?: (() => void) | undefined): void;
+        readonly props: Readonly<MatchupPairRoster & WithFocusableProps> & Readonly<{
+            children?: React.ReactNode;
+        }>;
+        refs: {
+            [key: string]: React.ReactInstance;
+        };
+        shouldComponentUpdate?(nextProps: Readonly<MatchupPairRoster & WithFocusableProps>, nextState: Readonly<import("../../../../../../external/spatial-navigation/withFocusable").WithFocusableState>, nextContext: any): boolean;
+        componentDidCatch?(error: Error, errorInfo: React.ErrorInfo): void;
+        getSnapshotBeforeUpdate?(prevProps: Readonly<MatchupPairRoster & WithFocusableProps>, prevState: Readonly<import("../../../../../../external/spatial-navigation/withFocusable").WithFocusableState>): any;
+        componentWillMount?(): void;
+        UNSAFE_componentWillMount?(): void;
+        componentWillReceiveProps?(nextProps: Readonly<MatchupPairRoster & WithFocusableProps>, nextContext: any): void;
+        UNSAFE_componentWillReceiveProps?(nextProps: Readonly<MatchupPairRoster & WithFocusableProps>, nextContext: any): void;
+        componentWillUpdate?(nextProps: Readonly<MatchupPairRoster & WithFocusableProps>, nextState: Readonly<import("../../../../../../external/spatial-navigation/withFocusable").WithFocusableState>, nextContext: any): void;
+        UNSAFE_componentWillUpdate?(nextProps: Readonly<MatchupPairRoster & WithFocusableProps>, nextState: Readonly<import("../../../../../../external/spatial-navigation/withFocusable").WithFocusableState>, nextContext: any): void;
+    };
+    contextTypes: {
+        parentFocusKey: import("prop-types").Requireable<string>;
+    };
+    childContextTypes: {
+        parentFocusKey: import("prop-types").Requireable<string>;
+    };
+    contextType?: React.Context<any> | undefined;
+};
+export default _default;

package/dist/src/modules/espn/fantasy/view/MatchupPair/DoubleAthleteCard/DoubleAthleteCard.js

@@ -0,0 +1,25 @@
+import { withFocusable, } from '@/external/spatial-navigation';
+import React from 'react';
+import './DoubleAthleteCard.styles.css';
+import HeadshotImage from '@/components/molecules/HeadshotImage';
+const DoubleAthleteCard = (props) => {
+    return (React.createElement("div", { className: "double-athlete-card focus-ring", "data-focused": props.focused },
+        [props.away, props.home].map((at, i) => (React.createElement("div", { className: "athlete-column", key: at.triCode + at.slot + i },
+            React.createElement("div", { className: "athlete-image-wrapper" },
+                React.createElement(HeadshotImage, { src: at.headshot, alt: `Athlete Headshot of ${at.abbrevName}`, className: "athlete-image" })),
+            React.createElement("div", { className: "athlete-info" },
+                React.createElement("div", { className: "athlete-name FONT_BOLD T05_ALT" },
+                    at.abbrevName,
+                    " ",
+                    React.createElement("span", { className: "TEXT_200" }, at.triCode)),
+                React.createElement("div", { className: "athlete-stats-wrapper" },
+                    React.createElement("div", { className: "athlete-points T30 FONT_BOLD" },
+                        at.points?.toFixed(1),
+                        !!at.projectedPoints && (React.createElement("div", { className: "athlete-projected-points T02 TEXT_200" },
+                            "Proj ",
+                            at.projectedPoints))),
+                    at.stats.map((stat, i) => (React.createElement("div", { key: stat + i, className: "athlete-stats TEXT_200" }, stat)))))))),
+        React.createElement("div", { className: "athlete-position-badge FONT_BOLD" },
+            React.createElement("span", null, props.away.slot))));
+};
+export default withFocusable()(DoubleAthleteCard);

package/dist/src/modules/espn/fantasy/view/MatchupPair/DoubleAthleteCard/index.d.ts

@@ -0,0 +1,2 @@
+import DoubleAthleteCard from './DoubleAthleteCard';
+export default DoubleAthleteCard;

package/dist/src/modules/espn/fantasy/view/MatchupPair/DoubleAthleteCard/index.js

@@ -0,0 +1,2 @@
+import DoubleAthleteCard from './DoubleAthleteCard';
+export default DoubleAthleteCard;

package/dist/src/modules/espn/fantasy/view/MatchupPair/ExpandedDoubleAthleteCards.d.ts

@@ -0,0 +1,14 @@
+import React from 'react';
+import { Direction } from '@/external/spatial-navigation/utils';
+import { MatchupPairRoster, TopPlayer } from '../../view-model/FantasyViewModel';
+type Props = {
+    items: MatchupPairRoster[];
+    topPlayers: TopPlayer[];
+    focusKey: string;
+    onArrowPress: (index: number) => (d: Direction) => boolean;
+    onBackPress: () => void;
+};
+declare class ExpandedDoubleAthleteCards extends React.Component<Props> {
+    render(): JSX.Element;
+}
+export default ExpandedDoubleAthleteCards;

package/dist/src/modules/espn/fantasy/view/MatchupPair/ExpandedDoubleAthleteCards.js

@@ -0,0 +1,9 @@
+import React from 'react';
+import DoubleAthleteCard from './DoubleAthleteCard/DoubleAthleteCard';
+import ExpandedAthletesList from '../../components/ExpandedAthleteList';
+class ExpandedDoubleAthleteCards extends React.Component {
+    render() {
+        return (React.createElement(ExpandedAthletesList, { items: this.props.items, topPlayers: this.props.topPlayers, focusKey: this.props.focusKey, className: "matchup-pair-expanded-athletes-list", onArrowPress: this.props.onArrowPress, onBackPress: this.props.onBackPress, getItemKey: (item, i) => item.away.abbrevName + item.home.abbrevName + i, renderItem: (item, i, onArrowPress, onBackPress, onBecameFocused) => (React.createElement(DoubleAthleteCard, { away: item.away, home: item.home, parentFocusKey: this.props.focusKey, focusKey: `${this.props.focusKey}-double-athlete-${i}`, onArrowPress: onArrowPress, onBackPress: onBackPress, onBecameFocused: onBecameFocused })) }));
+    }
+}
+export default ExpandedDoubleAthleteCards;

package/dist/src/modules/espn/fantasy/view/MatchupPair/MatchupPair.d.ts

@@ -0,0 +1,102 @@
+/// <reference types="prop-types" />
+import { WithFocusableProps } from '@/external/spatial-navigation';
+import React from 'react';
+import './MatchupPair.styles.css';
+import { Direction } from '@/external/spatial-navigation/utils';
+import { MatchupPairItem } from '../../view-model/FantasyViewModel';
+type Props = {
+    item: MatchupPairItem;
+    onEnterPress: () => void;
+};
+declare const _default: {
+    new (props: (Props & WithFocusableProps) | Readonly<Props & WithFocusableProps>): {
+        state: import("../../../../../external/spatial-navigation/withFocusable").WithFocusableState;
+        navigation: import("../../../../../external/spatial-navigation/spatialNavigation").default;
+        getChildContext(): {
+            parentFocusKey: string;
+        };
+        setFocus: (focusKey: string) => void;
+        navigateByDirection: (direction: Direction, details?: import("@/external/spatial-navigation/utils").Details) => void;
+        stealFocus: () => void;
+        onUpdateFocus: (focused: boolean) => void;
+        onUpdateHasFocusedChild: (hasFocusedChild: boolean) => void;
+        onEnterPressHandler: (details: import("@/external/spatial-navigation/utils").Details) => void;
+        onClickPressHandler: (details: import("@/external/spatial-navigation/utils").Details) => void;
+        onEnterReleaseHandler: () => void;
+        onBackPressHandler: (details: import("@/external/spatial-navigation/utils").Details) => void;
+        onArrowPressHandler: (direction: Direction, details: import("@/external/spatial-navigation/utils").Details) => boolean | void;
+        onBecameFocusedHandler: (layout: import("@/external/spatial-navigation/utils").Layout, details: import("@/external/spatial-navigation/utils").Details) => void;
+        onBecameBlurredHandler: (layout: import("@/external/spatial-navigation/utils").Layout, details: import("@/external/spatial-navigation/utils").Details) => void;
+        componentDidMount(): void;
+        componentDidUpdate(): void;
+        componentWillUnmount(): void;
+        render(): React.ReactElement<Props & WithFocusableProps, string | React.JSXElementConstructor<any>>;
+        context: any;
+        setState<K extends keyof import("../../../../../external/spatial-navigation/withFocusable").WithFocusableState>(state: import("../../../../../external/spatial-navigation/withFocusable").WithFocusableState | ((prevState: Readonly<import("../../../../../external/spatial-navigation/withFocusable").WithFocusableState>, props: Readonly<Props & WithFocusableProps>) => import("../../../../../external/spatial-navigation/withFocusable").WithFocusableState | Pick<import("../../../../../external/spatial-navigation/withFocusable").WithFocusableState, K> | null) | Pick<import("../../../../../external/spatial-navigation/withFocusable").WithFocusableState, K> | null, callback?: (() => void) | undefined): void;
+        forceUpdate(callback?: (() => void) | undefined): void;
+        readonly props: Readonly<Props & WithFocusableProps> & Readonly<{
+            children?: React.ReactNode;
+        }>;
+        refs: {
+            [key: string]: React.ReactInstance;
+        };
+        shouldComponentUpdate?(nextProps: Readonly<Props & WithFocusableProps>, nextState: Readonly<import("../../../../../external/spatial-navigation/withFocusable").WithFocusableState>, nextContext: any): boolean;
+        componentDidCatch?(error: Error, errorInfo: React.ErrorInfo): void;
+        getSnapshotBeforeUpdate?(prevProps: Readonly<Props & WithFocusableProps>, prevState: Readonly<import("../../../../../external/spatial-navigation/withFocusable").WithFocusableState>): any;
+        componentWillMount?(): void;
+        UNSAFE_componentWillMount?(): void;
+        componentWillReceiveProps?(nextProps: Readonly<Props & WithFocusableProps>, nextContext: any): void;
+        UNSAFE_componentWillReceiveProps?(nextProps: Readonly<Props & WithFocusableProps>, nextContext: any): void;
+        componentWillUpdate?(nextProps: Readonly<Props & WithFocusableProps>, nextState: Readonly<import("../../../../../external/spatial-navigation/withFocusable").WithFocusableState>, nextContext: any): void;
+        UNSAFE_componentWillUpdate?(nextProps: Readonly<Props & WithFocusableProps>, nextState: Readonly<import("../../../../../external/spatial-navigation/withFocusable").WithFocusableState>, nextContext: any): void;
+    };
+    new (props: Props & WithFocusableProps, context: any): {
+        state: import("../../../../../external/spatial-navigation/withFocusable").WithFocusableState;
+        navigation: import("../../../../../external/spatial-navigation/spatialNavigation").default;
+        getChildContext(): {
+            parentFocusKey: string;
+        };
+        setFocus: (focusKey: string) => void;
+        navigateByDirection: (direction: Direction, details?: import("@/external/spatial-navigation/utils").Details) => void;
+        stealFocus: () => void;
+        onUpdateFocus: (focused: boolean) => void;
+        onUpdateHasFocusedChild: (hasFocusedChild: boolean) => void;
+        onEnterPressHandler: (details: import("@/external/spatial-navigation/utils").Details) => void;
+        onClickPressHandler: (details: import("@/external/spatial-navigation/utils").Details) => void;
+        onEnterReleaseHandler: () => void;
+        onBackPressHandler: (details: import("@/external/spatial-navigation/utils").Details) => void;
+        onArrowPressHandler: (direction: Direction, details: import("@/external/spatial-navigation/utils").Details) => boolean | void;
+        onBecameFocusedHandler: (layout: import("@/external/spatial-navigation/utils").Layout, details: import("@/external/spatial-navigation/utils").Details) => void;
+        onBecameBlurredHandler: (layout: import("@/external/spatial-navigation/utils").Layout, details: import("@/external/spatial-navigation/utils").Details) => void;
+        componentDidMount(): void;
+        componentDidUpdate(): void;
+        componentWillUnmount(): void;
+        render(): React.ReactElement<Props & WithFocusableProps, string | React.JSXElementConstructor<any>>;
+        context: any;
+        setState<K extends keyof import("../../../../../external/spatial-navigation/withFocusable").WithFocusableState>(state: import("../../../../../external/spatial-navigation/withFocusable").WithFocusableState | ((prevState: Readonly<import("../../../../../external/spatial-navigation/withFocusable").WithFocusableState>, props: Readonly<Props & WithFocusableProps>) => import("../../../../../external/spatial-navigation/withFocusable").WithFocusableState | Pick<import("../../../../../external/spatial-navigation/withFocusable").WithFocusableState, K> | null) | Pick<import("../../../../../external/spatial-navigation/withFocusable").WithFocusableState, K> | null, callback?: (() => void) | undefined): void;
+        forceUpdate(callback?: (() => void) | undefined): void;
+        readonly props: Readonly<Props & WithFocusableProps> & Readonly<{
+            children?: React.ReactNode;
+        }>;
+        refs: {
+            [key: string]: React.ReactInstance;
+        };
+        shouldComponentUpdate?(nextProps: Readonly<Props & WithFocusableProps>, nextState: Readonly<import("../../../../../external/spatial-navigation/withFocusable").WithFocusableState>, nextContext: any): boolean;
+        componentDidCatch?(error: Error, errorInfo: React.ErrorInfo): void;
+        getSnapshotBeforeUpdate?(prevProps: Readonly<Props & WithFocusableProps>, prevState: Readonly<import("../../../../../external/spatial-navigation/withFocusable").WithFocusableState>): any;
+        componentWillMount?(): void;
+        UNSAFE_componentWillMount?(): void;
+        componentWillReceiveProps?(nextProps: Readonly<Props & WithFocusableProps>, nextContext: any): void;
+        UNSAFE_componentWillReceiveProps?(nextProps: Readonly<Props & WithFocusableProps>, nextContext: any): void;
+        componentWillUpdate?(nextProps: Readonly<Props & WithFocusableProps>, nextState: Readonly<import("../../../../../external/spatial-navigation/withFocusable").WithFocusableState>, nextContext: any): void;
+        UNSAFE_componentWillUpdate?(nextProps: Readonly<Props & WithFocusableProps>, nextState: Readonly<import("../../../../../external/spatial-navigation/withFocusable").WithFocusableState>, nextContext: any): void;
+    };
+    contextTypes: {
+        parentFocusKey: import("prop-types").Requireable<string>;
+    };
+    childContextTypes: {
+        parentFocusKey: import("prop-types").Requireable<string>;
+    };
+    contextType?: React.Context<any> | undefined;
+};
+export default _default;

package/dist/src/modules/espn/fantasy/view/MatchupPair/MatchupPair.js

@@ -0,0 +1,118 @@
+import { withFocusable, } from '@/external/spatial-navigation';
+import React from 'react';
+import LeagueCard from '../../components/LeagueCard';
+import './MatchupPair.styles.css';
+import Image from '@/components/atoms/Image';
+import SDK from '@/index';
+import ExpandedDoubleAthleteCards from './ExpandedDoubleAthleteCards';
+import ActiveAthletesMarquee from '../ActiveAthletesMarquee';
+class MatchupPair extends React.Component {
+    constructor() {
+        super(...arguments);
+        Object.defineProperty(this, "state", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: {
+                expanded: false,
+            }
+        });
+        Object.defineProperty(this, "onAthleteArrowPress", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: (index) => (d) => {
+                if (d === 'left') {
+                    SDK.getMaestroEventViewModel().deliverFocus();
+                    return false;
+                }
+                if (d === 'up' && index === 0) {
+                    SDK.getMaestroEventViewModel().navigation.setFocus(this.focusKey);
+                    this.setState({
+                        expanded: false,
+                    });
+                    return false;
+                }
+                if (d === 'down' &&
+                    index === this.props.item.roster.length &&
+                    !this.props.item.topPlayers.length) {
+                    this.setState({
+                        expanded: false,
+                    }, () => {
+                        SDK.getMaestroEventViewModel().navigation.navigateByDirection('down');
+                    });
+                    return false;
+                }
+                if (d === 'down' &&
+                    index ===
+                        this.props.item.roster.length + this.props.item.topPlayers.length - 1) {
+                    this.setState({
+                        expanded: false,
+                    }, () => {
+                        SDK.getMaestroEventViewModel().navigation.navigateByDirection('down');
+                    });
+                    return false;
+                }
+                return true;
+            }
+        });
+        Object.defineProperty(this, "onAthleteBackPress", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: () => {
+                this.setState({
+                    expanded: false,
+                }, () => {
+                    SDK.getMaestroEventViewModel().navigation.setFocus(this.focusKey);
+                });
+            }
+        });
+    }
+    get focusKey() {
+        return this.props.item.id;
+    }
+    onEnterPress() {
+        if (!this.shouldExpand) {
+            this.props.onEnterPress();
+            return;
+        }
+        const newValue = !this.state.expanded;
+        this.setState({
+            expanded: newValue,
+        }, () => {
+            if (newValue) {
+                SDK.getMaestroEventViewModel().navigation.setFocus(`${this.focusKey}-double-athlete-0`);
+            }
+        });
+        this.props.onEnterPress();
+    }
+    get shouldExpand() {
+        return this.props.item.roster.length > 0;
+    }
+    render() {
+        const items = [this.props.item.awayTeam, this.props.item.homeTeam];
+        return (React.createElement(LeagueCard, { leagueColor: this.props.item.league.color, leagueLogo: this.props.item.league.logo, renderTitle: () => (React.createElement("div", null,
+                React.createElement("div", null, this.props.item.league.title),
+                this.props.item.league.subtitle && (React.createElement("div", { className: "subtitle" }, this.props.item.league.subtitle)))), expanded: this.state.expanded, shouldExpand: this.shouldExpand, ...this.props, focusKey: this.focusKey, onEnterPress: this.onEnterPress.bind(this) },
+            React.createElement("div", { className: "matchup-pair-container" }, items.map((team, index) => (React.createElement("div", { key: team.name + '-roster-' + index, className: "matchup-pair" },
+                React.createElement("div", { className: "matchup-team-points" },
+                    React.createElement(Image, { src: team.logo, width: 64, height: 64 }),
+                    React.createElement("div", null,
+                        typeof team.points !== 'undefined' && (React.createElement("div", { className: "T50 FONT_BOLD" }, team.points)),
+                        team.projectedPoints && (React.createElement("div", { className: "projection" },
+                            "Proj ",
+                            team.projectedPoints)))),
+                React.createElement("div", null,
+                    React.createElement("div", null, team.name),
+                    React.createElement("div", { className: "record" }, team.record)),
+                typeof team.winProbability !== 'undefined' && (React.createElement("div", { className: "matchup-team-win-probability" },
+                    React.createElement("progress", { value: team.winProbability * 100, max: "100" }),
+                    React.createElement("div", null,
+                        Math.round(team.winProbability * 100),
+                        "%"))))))),
+            !this.state.expanded && (React.createElement(ActiveAthletesMarquee, { activeAthletes: this.props.item.activeAthletes })),
+            this.state.expanded && (React.createElement(ExpandedDoubleAthleteCards, { topPlayers: this.props.item.topPlayers, focusKey: this.focusKey, items: this.props.item.roster, onArrowPress: this.onAthleteArrowPress.bind(this), onBackPress: this.onAthleteBackPress.bind(this) }))));
+    }
+}
+export default withFocusable()(MatchupPair);

package/dist/src/modules/espn/fantasy/view/MatchupPair/index.d.ts

@@ -0,0 +1,2 @@
+import MatchupPair from './MatchupPair';
+export default MatchupPair;

package/dist/src/modules/espn/fantasy/view/MatchupPair/index.js

@@ -0,0 +1,2 @@
+import MatchupPair from './MatchupPair';
+export default MatchupPair;

package/dist/src/modules/espn/fantasy/view/MatchupSingle/ExpandedSingleAthleteCards.d.ts

@@ -0,0 +1,14 @@
+import React from 'react';
+import { Direction } from '@/external/spatial-navigation/utils';
+import { MatchupSingleRoster, TopPlayer } from '../../view-model/FantasyViewModel';
+type Props = {
+    items: MatchupSingleRoster[];
+    topPlayers: TopPlayer[];
+    focusKey: string;
+    onArrowPress: (index: number) => (d: Direction) => boolean;
+    onBackPress: () => void;
+};
+declare class ExpandedSingleAthleteCards extends React.Component<Props> {
+    render(): JSX.Element;
+}
+export default ExpandedSingleAthleteCards;

package/dist/src/modules/espn/fantasy/view/MatchupSingle/ExpandedSingleAthleteCards.js

@@ -0,0 +1,9 @@
+import React from 'react';
+import SingleAthleteCard from './SingleAthleteCard/SingleAthleteCard';
+import ExpandedAthletesList from '../../components/ExpandedAthleteList';
+class ExpandedSingleAthleteCards extends React.Component {
+    render() {
+        return (React.createElement(ExpandedAthletesList, { items: this.props.items, topPlayers: this.props.topPlayers, focusKey: this.props.focusKey, className: "matchup-single-expanded-athletes-list", onArrowPress: this.props.onArrowPress, onBackPress: this.props.onBackPress, getItemKey: (item, i) => item.athleteAbbrevName + i, renderItem: (item, i, onArrowPress, onBackPress, onBecameFocused) => (React.createElement(SingleAthleteCard, { ...item, parentFocusKey: this.props.focusKey, focusKey: `${this.props.focusKey}-athlete-${i}`, onArrowPress: onArrowPress, onBackPress: onBackPress, onBecameFocused: onBecameFocused })) }));
+    }
+}
+export default ExpandedSingleAthleteCards;

package/dist/src/modules/espn/fantasy/view/MatchupSingle/MatchupSingle.d.ts

@@ -0,0 +1,102 @@
+/// <reference types="prop-types" />
+import { WithFocusableProps } from '@/external/spatial-navigation';
+import React from 'react';
+import './MatchupSingle.styles.css';
+import { Direction } from '@/external/spatial-navigation/utils';
+import { MatchupSingleItem } from '../../view-model/FantasyViewModel';
+type Props = {
+    item: MatchupSingleItem;
+    onEnterPress: () => void;
+};
+declare const _default: {
+    new (props: (Props & WithFocusableProps) | Readonly<Props & WithFocusableProps>): {
+        state: import("../../../../../external/spatial-navigation/withFocusable").WithFocusableState;
+        navigation: import("../../../../../external/spatial-navigation/spatialNavigation").default;
+        getChildContext(): {
+            parentFocusKey: string;
+        };
+        setFocus: (focusKey: string) => void;
+        navigateByDirection: (direction: Direction, details?: import("@/external/spatial-navigation/utils").Details) => void;
+        stealFocus: () => void;
+        onUpdateFocus: (focused: boolean) => void;
+        onUpdateHasFocusedChild: (hasFocusedChild: boolean) => void;
+        onEnterPressHandler: (details: import("@/external/spatial-navigation/utils").Details) => void;
+        onClickPressHandler: (details: import("@/external/spatial-navigation/utils").Details) => void;
+        onEnterReleaseHandler: () => void;
+        onBackPressHandler: (details: import("@/external/spatial-navigation/utils").Details) => void;
+        onArrowPressHandler: (direction: Direction, details: import("@/external/spatial-navigation/utils").Details) => boolean | void;
+        onBecameFocusedHandler: (layout: import("@/external/spatial-navigation/utils").Layout, details: import("@/external/spatial-navigation/utils").Details) => void;
+        onBecameBlurredHandler: (layout: import("@/external/spatial-navigation/utils").Layout, details: import("@/external/spatial-navigation/utils").Details) => void;
+        componentDidMount(): void;
+        componentDidUpdate(): void;
+        componentWillUnmount(): void;
+        render(): React.ReactElement<Props & WithFocusableProps, string | React.JSXElementConstructor<any>>;
+        context: any;
+        setState<K extends keyof import("../../../../../external/spatial-navigation/withFocusable").WithFocusableState>(state: import("../../../../../external/spatial-navigation/withFocusable").WithFocusableState | ((prevState: Readonly<import("../../../../../external/spatial-navigation/withFocusable").WithFocusableState>, props: Readonly<Props & WithFocusableProps>) => import("../../../../../external/spatial-navigation/withFocusable").WithFocusableState | Pick<import("../../../../../external/spatial-navigation/withFocusable").WithFocusableState, K> | null) | Pick<import("../../../../../external/spatial-navigation/withFocusable").WithFocusableState, K> | null, callback?: (() => void) | undefined): void;
+        forceUpdate(callback?: (() => void) | undefined): void;
+        readonly props: Readonly<Props & WithFocusableProps> & Readonly<{
+            children?: React.ReactNode;
+        }>;
+        refs: {
+            [key: string]: React.ReactInstance;
+        };
+        shouldComponentUpdate?(nextProps: Readonly<Props & WithFocusableProps>, nextState: Readonly<import("../../../../../external/spatial-navigation/withFocusable").WithFocusableState>, nextContext: any): boolean;
+        componentDidCatch?(error: Error, errorInfo: React.ErrorInfo): void;
+        getSnapshotBeforeUpdate?(prevProps: Readonly<Props & WithFocusableProps>, prevState: Readonly<import("../../../../../external/spatial-navigation/withFocusable").WithFocusableState>): any;
+        componentWillMount?(): void;
+        UNSAFE_componentWillMount?(): void;
+        componentWillReceiveProps?(nextProps: Readonly<Props & WithFocusableProps>, nextContext: any): void;
+        UNSAFE_componentWillReceiveProps?(nextProps: Readonly<Props & WithFocusableProps>, nextContext: any): void;
+        componentWillUpdate?(nextProps: Readonly<Props & WithFocusableProps>, nextState: Readonly<import("../../../../../external/spatial-navigation/withFocusable").WithFocusableState>, nextContext: any): void;
+        UNSAFE_componentWillUpdate?(nextProps: Readonly<Props & WithFocusableProps>, nextState: Readonly<import("../../../../../external/spatial-navigation/withFocusable").WithFocusableState>, nextContext: any): void;
+    };
+    new (props: Props & WithFocusableProps, context: any): {
+        state: import("../../../../../external/spatial-navigation/withFocusable").WithFocusableState;
+        navigation: import("../../../../../external/spatial-navigation/spatialNavigation").default;
+        getChildContext(): {
+            parentFocusKey: string;
+        };
+        setFocus: (focusKey: string) => void;
+        navigateByDirection: (direction: Direction, details?: import("@/external/spatial-navigation/utils").Details) => void;
+        stealFocus: () => void;
+        onUpdateFocus: (focused: boolean) => void;
+        onUpdateHasFocusedChild: (hasFocusedChild: boolean) => void;
+        onEnterPressHandler: (details: import("@/external/spatial-navigation/utils").Details) => void;
+        onClickPressHandler: (details: import("@/external/spatial-navigation/utils").Details) => void;
+        onEnterReleaseHandler: () => void;
+        onBackPressHandler: (details: import("@/external/spatial-navigation/utils").Details) => void;
+        onArrowPressHandler: (direction: Direction, details: import("@/external/spatial-navigation/utils").Details) => boolean | void;
+        onBecameFocusedHandler: (layout: import("@/external/spatial-navigation/utils").Layout, details: import("@/external/spatial-navigation/utils").Details) => void;
+        onBecameBlurredHandler: (layout: import("@/external/spatial-navigation/utils").Layout, details: import("@/external/spatial-navigation/utils").Details) => void;
+        componentDidMount(): void;
+        componentDidUpdate(): void;
+        componentWillUnmount(): void;
+        render(): React.ReactElement<Props & WithFocusableProps, string | React.JSXElementConstructor<any>>;
+        context: any;
+        setState<K extends keyof import("../../../../../external/spatial-navigation/withFocusable").WithFocusableState>(state: import("../../../../../external/spatial-navigation/withFocusable").WithFocusableState | ((prevState: Readonly<import("../../../../../external/spatial-navigation/withFocusable").WithFocusableState>, props: Readonly<Props & WithFocusableProps>) => import("../../../../../external/spatial-navigation/withFocusable").WithFocusableState | Pick<import("../../../../../external/spatial-navigation/withFocusable").WithFocusableState, K> | null) | Pick<import("../../../../../external/spatial-navigation/withFocusable").WithFocusableState, K> | null, callback?: (() => void) | undefined): void;
+        forceUpdate(callback?: (() => void) | undefined): void;
+        readonly props: Readonly<Props & WithFocusableProps> & Readonly<{
+            children?: React.ReactNode;
+        }>;
+        refs: {
+            [key: string]: React.ReactInstance;
+        };
+        shouldComponentUpdate?(nextProps: Readonly<Props & WithFocusableProps>, nextState: Readonly<import("../../../../../external/spatial-navigation/withFocusable").WithFocusableState>, nextContext: any): boolean;
+        componentDidCatch?(error: Error, errorInfo: React.ErrorInfo): void;
+        getSnapshotBeforeUpdate?(prevProps: Readonly<Props & WithFocusableProps>, prevState: Readonly<import("../../../../../external/spatial-navigation/withFocusable").WithFocusableState>): any;
+        componentWillMount?(): void;
+        UNSAFE_componentWillMount?(): void;
+        componentWillReceiveProps?(nextProps: Readonly<Props & WithFocusableProps>, nextContext: any): void;
+        UNSAFE_componentWillReceiveProps?(nextProps: Readonly<Props & WithFocusableProps>, nextContext: any): void;
+        componentWillUpdate?(nextProps: Readonly<Props & WithFocusableProps>, nextState: Readonly<import("../../../../../external/spatial-navigation/withFocusable").WithFocusableState>, nextContext: any): void;
+        UNSAFE_componentWillUpdate?(nextProps: Readonly<Props & WithFocusableProps>, nextState: Readonly<import("../../../../../external/spatial-navigation/withFocusable").WithFocusableState>, nextContext: any): void;
+    };
+    contextTypes: {
+        parentFocusKey: import("prop-types").Requireable<string>;
+    };
+    childContextTypes: {
+        parentFocusKey: import("prop-types").Requireable<string>;
+    };
+    contextType?: React.Context<any> | undefined;
+};
+export default _default;