@maestro_io/maestro-web-sdk 4.0.0 → 4.0.2

package/dist/src/modules/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/fantasy/view/MatchupPair/index.d.ts

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

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

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

package/dist/src/modules/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/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/fantasy/view/MatchupSingle/MatchupSingle.d.ts

@@ -0,0 +1,100 @@
+/// <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?: Record<string, any>) => void;
+        stealFocus: () => void;
+        onUpdateFocus: (focused: boolean) => void;
+        onUpdateHasFocusedChild: (hasFocusedChild: boolean) => void;
+        onEnterPressHandler: (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?: Record<string, any>) => void;
+        stealFocus: () => void;
+        onUpdateFocus: (focused: boolean) => void;
+        onUpdateHasFocusedChild: (hasFocusedChild: boolean) => void;
+        onEnterPressHandler: (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/fantasy/view/MatchupSingle/MatchupSingle.js

@@ -0,0 +1,108 @@
+import { withFocusable, } from '@/external/spatial-navigation';
+import React from 'react';
+import LeagueCard from '../../components/LeagueCard';
+import './MatchupSingle.styles.css';
+import Image from '@/components/atoms/Image';
+import SDK from '@/index';
+import ExpandedSingleAthleteCards from './ExpandedSingleAthleteCards';
+import ActiveAthletesMarquee from '../ActiveAthletesMarquee';
+class MatchupSingle 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}-athlete-0`);
+            }
+        });
+        this.props.onEnterPress();
+    }
+    get shouldExpand() {
+        return this.props.item.roster.length > 0;
+    }
+    render() {
+        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, onEnterPress: this.onEnterPress.bind(this), focusKey: this.focusKey },
+            React.createElement("div", { className: "matchup-single" },
+                React.createElement(Image, { src: this.props.item.team.logo, width: 64, height: 64, alt: "Matchup Single Team logo" }),
+                React.createElement("div", { className: "points T50 FONT_BOLD" },
+                    this.props.item.team.points.toFixed(1),
+                    ' ',
+                    this.props.item.team.scoringType,
+                    " Points")),
+            !this.state.expanded && (React.createElement(ActiveAthletesMarquee, { activeAthletes: this.props.item.activeAthletes })),
+            this.state.expanded && (React.createElement(ExpandedSingleAthleteCards, { 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()(MatchupSingle);

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

@@ -0,0 +1,95 @@
+/// <reference types="prop-types" />
+import { WithFocusableProps } from '@/external/spatial-navigation';
+import React from 'react';
+import './SingleAthleteCard.styles.css';
+import { MatchupSingleRoster } from '@/modules/fantasy/view-model/FantasyViewModel';
+declare const _default: {
+    new (props: (MatchupSingleRoster & WithFocusableProps) | Readonly<MatchupSingleRoster & 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?: Record<string, any>) => void;
+        stealFocus: () => void;
+        onUpdateFocus: (focused: boolean) => void;
+        onUpdateHasFocusedChild: (hasFocusedChild: boolean) => void;
+        onEnterPressHandler: (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<MatchupSingleRoster & 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<MatchupSingleRoster & 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<MatchupSingleRoster & WithFocusableProps> & Readonly<{
+            children?: React.ReactNode;
+        }>;
+        refs: {
+            [key: string]: React.ReactInstance;
+        };
+        shouldComponentUpdate?(nextProps: Readonly<MatchupSingleRoster & WithFocusableProps>, nextState: Readonly<import("../../../../../external/spatial-navigation/withFocusable").WithFocusableState>, nextContext: any): boolean;
+        componentDidCatch?(error: Error, errorInfo: React.ErrorInfo): void;
+        getSnapshotBeforeUpdate?(prevProps: Readonly<MatchupSingleRoster & WithFocusableProps>, prevState: Readonly<import("../../../../../external/spatial-navigation/withFocusable").WithFocusableState>): any;
+        componentWillMount?(): void;
+        UNSAFE_componentWillMount?(): void;
+        componentWillReceiveProps?(nextProps: Readonly<MatchupSingleRoster & WithFocusableProps>, nextContext: any): void;
+        UNSAFE_componentWillReceiveProps?(nextProps: Readonly<MatchupSingleRoster & WithFocusableProps>, nextContext: any): void;
+        componentWillUpdate?(nextProps: Readonly<MatchupSingleRoster & WithFocusableProps>, nextState: Readonly<import("../../../../../external/spatial-navigation/withFocusable").WithFocusableState>, nextContext: any): void;
+        UNSAFE_componentWillUpdate?(nextProps: Readonly<MatchupSingleRoster & WithFocusableProps>, nextState: Readonly<import("../../../../../external/spatial-navigation/withFocusable").WithFocusableState>, nextContext: any): void;
+    };
+    new (props: MatchupSingleRoster & 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?: Record<string, any>) => void;
+        stealFocus: () => void;
+        onUpdateFocus: (focused: boolean) => void;
+        onUpdateHasFocusedChild: (hasFocusedChild: boolean) => void;
+        onEnterPressHandler: (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<MatchupSingleRoster & 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<MatchupSingleRoster & 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<MatchupSingleRoster & WithFocusableProps> & Readonly<{
+            children?: React.ReactNode;
+        }>;
+        refs: {
+            [key: string]: React.ReactInstance;
+        };
+        shouldComponentUpdate?(nextProps: Readonly<MatchupSingleRoster & WithFocusableProps>, nextState: Readonly<import("../../../../../external/spatial-navigation/withFocusable").WithFocusableState>, nextContext: any): boolean;
+        componentDidCatch?(error: Error, errorInfo: React.ErrorInfo): void;
+        getSnapshotBeforeUpdate?(prevProps: Readonly<MatchupSingleRoster & WithFocusableProps>, prevState: Readonly<import("../../../../../external/spatial-navigation/withFocusable").WithFocusableState>): any;
+        componentWillMount?(): void;
+        UNSAFE_componentWillMount?(): void;
+        componentWillReceiveProps?(nextProps: Readonly<MatchupSingleRoster & WithFocusableProps>, nextContext: any): void;
+        UNSAFE_componentWillReceiveProps?(nextProps: Readonly<MatchupSingleRoster & WithFocusableProps>, nextContext: any): void;
+        componentWillUpdate?(nextProps: Readonly<MatchupSingleRoster & WithFocusableProps>, nextState: Readonly<import("../../../../../external/spatial-navigation/withFocusable").WithFocusableState>, nextContext: any): void;
+        UNSAFE_componentWillUpdate?(nextProps: Readonly<MatchupSingleRoster & 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/fantasy/view/MatchupSingle/SingleAthleteCard/SingleAthleteCard.js

@@ -0,0 +1,18 @@
+import { withFocusable, } from '@/external/spatial-navigation';
+import React from 'react';
+import './SingleAthleteCard.styles.css';
+import HeadshotImage from '@/components/molecules/HeadshotImage';
+const SingleAthleteCard = (props) => {
+    return (React.createElement("div", { className: "roster-single-athlete-card focus-ring FONT_BOLD", "data-focused": props.focused },
+        React.createElement("div", { className: "image-wrapper" },
+            React.createElement(HeadshotImage, { src: props.athleteHeadshot, alt: "Roster Single Athlete Card Headshot" }),
+            React.createElement("div", { className: "athlete-position-badge" },
+                ' ',
+                React.createElement("span", null, props.athletesSlot))),
+        React.createElement("div", { className: "content" },
+            React.createElement("div", { className: "name T05_ALT" },
+                props.athleteAbbrevName,
+                React.createElement("div", { className: "TEXT_200" }, props.teamTriCode)),
+            props.proGameStatusLines.map((line, index) => (React.createElement("div", { className: "pro-game-stats-line TEXT_200", key: `${line}-${index}` }, line))))));
+};
+export default withFocusable()(SingleAthleteCard);

package/dist/src/modules/fantasy/view/MatchupSingle/SingleAthleteCard/index.d.ts

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

package/dist/src/modules/fantasy/view/MatchupSingle/SingleAthleteCard/index.js

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

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

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

package/dist/src/modules/fantasy/view/MatchupSingle/index.js

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

package/dist/src/modules/fantasy/view/PromoView/PromoView.d.ts

@@ -0,0 +1,98 @@
+/// <reference types="prop-types" />
+import React from 'react';
+import { WithFocusableProps } from '@/external/spatial-navigation';
+import './PromoView.styles.css';
+import { PromoFantasyItem } from '../../view-model/FantasyViewModel';
+type Props = {
+    item: PromoFantasyItem;
+};
+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: import("../../../../external/spatial-navigation/utils").Direction, details?: Record<string, any>) => void;
+        stealFocus: () => void;
+        onUpdateFocus: (focused: boolean) => void;
+        onUpdateHasFocusedChild: (hasFocusedChild: boolean) => void;
+        onEnterPressHandler: (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<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: import("../../../../external/spatial-navigation/utils").Direction, details?: Record<string, any>) => void;
+        stealFocus: () => void;
+        onUpdateFocus: (focused: boolean) => void;
+        onUpdateHasFocusedChild: (hasFocusedChild: boolean) => void;
+        onEnterPressHandler: (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<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/fantasy/view/PromoView/PromoView.js

@@ -0,0 +1,12 @@
+import React from 'react';
+import { withFocusable, } from '@/external/spatial-navigation';
+import './PromoView.styles.css';
+import Image from '@/components/atoms/Image';
+const PromoView = (props) => {
+    return (React.createElement("div", { className: "fantasy-promo-view focus-ring T20", "data-focused": props.focused, style: { backgroundImage: `url(${props.item.background})` } },
+        React.createElement(Image, { src: props.item.logo, alt: "Promo Logo", className: "promo-logo" }),
+        React.createElement("div", { className: "title" }, props.item.title),
+        React.createElement(Image, { src: props.item.qrCode, alt: "QR Code", className: "promo-qr-code" }),
+        React.createElement("p", null, props.item.description)));
+};
+export default withFocusable()(PromoView);

package/dist/src/modules/fantasy/view/PromoView/index.d.ts

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

package/dist/src/modules/fantasy/view/PromoView/index.js

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