@maestro_io/maestro-web-sdk 2.1.2 → 2.2.0

package/dist/models/IPanel.d.ts

@@ -1,10 +1,9 @@
 export declare const MaestroPanelType: {
     readonly KEY_PLAYS: "keyPlays";
     readonly STATS: "stats";
-    readonly FANTASY: "fantasy";
     readonly BETS: "bets";
 };
-export type MaestroPanelType = (typeof MaestroPanelType)[keyof typeof MaestroPanelType];
+export type MaestroPanelType = typeof MaestroPanelType[keyof typeof MaestroPanelType];
 export interface PanelTypeInfo {
     id: MaestroPanelType;
     name: string;

package/dist/modules/bets/view/HotProps/HotPropsView.d.ts

@@ -1,7 +1,7 @@
 /// <reference types="prop-types" />
 import React from 'react';
 import { WithFocusableProps } from '@/external/spatial-navigation';
-import { Details, Direction, Layout } from '@/external/spatial-navigation/utils';
+import { Direction, Layout } from '@/external/spatial-navigation/utils';
 import './HotPropsView.css';
 import { HotPropsBetItem } from '../../view-model/BetsViewModel';
 type HotPropsViewProps = {
@@ -11,6 +11,7 @@ type HotPropsViewProps = {
 declare const _default: {
     new (props?: (HotPropsViewProps & WithFocusableProps) | undefined, context?: any): {
         state: import("../../../../external/spatial-navigation/withFocusable").WithFocusableState;
+        navigation: import("../../../../external/spatial-navigation/spatialNavigation").default;
         getChildContext(): {
             parentFocusKey: string;
         };
@@ -19,12 +20,12 @@ declare const _default: {
         stealFocus: () => void;
         onUpdateFocus: (focused: boolean) => void;
         onUpdateHasFocusedChild: (hasFocusedChild: boolean) => void;
-        onEnterPressHandler: (details: Details) => void;
+        onEnterPressHandler: (details: import("@/external/spatial-navigation/utils").Details) => void;
         onEnterReleaseHandler: () => void;
-        onBackPressHandler: (details: Details) => void;
-        onArrowPressHandler: (direction: Direction, details: Details) => boolean | void;
-        onBecameFocusedHandler: (layout: Layout, details: Details) => void;
-        onBecameBlurredHandler: (layout: Layout, details: Details) => void;
+        onBackPressHandler: (details: import("@/external/spatial-navigation/utils").Details) => void;
+        onArrowPressHandler: (direction: Direction, details: import("@/external/spatial-navigation/utils").Details) => boolean | void;
+        onBecameFocusedHandler: (layout: Layout, details: import("@/external/spatial-navigation/utils").Details) => void;
+        onBecameBlurredHandler: (layout: Layout, details: import("@/external/spatial-navigation/utils").Details) => void;
         componentDidMount(): void;
         componentDidUpdate(): void;
         componentWillUnmount(): void;

package/dist/modules/bets/view/SixPack/SixPackView.d.ts

@@ -1,7 +1,7 @@
 import React from 'react';
 import './SixPackView.style.css';
 import { WithFocusableProps } from '@/external/spatial-navigation';
-import { Details, Direction, Layout } from '@/external/spatial-navigation/utils';
+import { Direction, Layout } from '@/external/spatial-navigation/utils';
 import { SixPackBetItem } from '../../view-model/BetsViewModel';
 type Props = WithFocusableProps & {
     item: SixPackBetItem;
@@ -14,7 +14,7 @@ export default class FocusableSixPackViewWrapper extends React.Component<Props>
     };
     context: import("@/components/core/ScrollableContainer/ScrollableContainer").ScrollableContainerContextType;
     onBecameFocused: (layout: Layout) => void;
-    onArrowPress: (d: Direction, _props: any, details: Details) => void;
+    onArrowPress: (d: Direction, _props: any) => void;
     render(): React.JSX.Element;
 }
 export {};

package/dist/modules/bets/view/TabLoadFailureView.d.ts

@@ -4,6 +4,7 @@ import { WithFocusableProps } from '@/external/spatial-navigation';
 declare const _default: {
     new (props?: (object & WithFocusableProps) | undefined, context?: any): {
         state: import("../../../external/spatial-navigation/withFocusable").WithFocusableState;
+        navigation: import("../../../external/spatial-navigation/spatialNavigation").default;
         getChildContext(): {
             parentFocusKey: string;
         };

package/dist/modules/bets/view/UserBets/BetsCard/BetsCard.d.ts

@@ -1,7 +1,7 @@
 /// <reference types="prop-types" />
 import React from 'react';
 import { WithFocusableProps } from '@/external/spatial-navigation';
-import { Details, Direction, Layout } from '@/external/spatial-navigation/utils';
+import { Direction, Layout } from '@/external/spatial-navigation/utils';
 import { IUserBet } from '@/modules/bets/interfaces/IBets';
 export declare const EVENTS_COUNT_THRESHOLD = 3;
 export type BaseBetCardProps = {
@@ -11,6 +11,7 @@ export type BaseBetCardProps = {
 declare const _default: {
     new (props?: (BaseBetCardProps & WithFocusableProps) | undefined, context?: any): {
         state: import("../../../../../external/spatial-navigation/withFocusable").WithFocusableState;
+        navigation: import("../../../../../external/spatial-navigation/spatialNavigation").default;
         getChildContext(): {
             parentFocusKey: string;
         };
@@ -19,12 +20,12 @@ declare const _default: {
         stealFocus: () => void;
         onUpdateFocus: (focused: boolean) => void;
         onUpdateHasFocusedChild: (hasFocusedChild: boolean) => void;
-        onEnterPressHandler: (details: Details) => void;
+        onEnterPressHandler: (details: import("@/external/spatial-navigation/utils").Details) => void;
         onEnterReleaseHandler: () => void;
-        onBackPressHandler: (details: Details) => void;
-        onArrowPressHandler: (direction: Direction, details: Details) => boolean | void;
-        onBecameFocusedHandler: (layout: Layout, details: Details) => void;
-        onBecameBlurredHandler: (layout: Layout, details: Details) => void;
+        onBackPressHandler: (details: import("@/external/spatial-navigation/utils").Details) => void;
+        onArrowPressHandler: (direction: Direction, details: import("@/external/spatial-navigation/utils").Details) => boolean | void;
+        onBecameFocusedHandler: (layout: Layout, details: import("@/external/spatial-navigation/utils").Details) => void;
+        onBecameBlurredHandler: (layout: Layout, details: import("@/external/spatial-navigation/utils").Details) => void;
         componentDidMount(): void;
         componentDidUpdate(): void;
         componentWillUnmount(): void;

package/dist/modules/bets/view/components/Bet/Bet.d.ts

@@ -8,6 +8,7 @@ declare const _default: {
         leg: IBetLeg;
     } & WithFocusableProps) | undefined, context?: any): {
         state: import("../../../../../external/spatial-navigation/withFocusable").WithFocusableState;
+        navigation: import("../../../../../external/spatial-navigation/spatialNavigation").default;
         getChildContext(): {
             parentFocusKey: string;
         };

package/dist/modules/bets/view/components/PromoCodeBanner/PromoCodeBanner.d.ts

@@ -1,7 +1,7 @@
 import React from 'react';
 import './PromoCodeBanner.styles.css';
 import { WithFocusableProps } from '@/external/spatial-navigation';
-import { Details, Direction, Layout } from '@/external/spatial-navigation/utils';
+import { Direction, Layout } from '@/external/spatial-navigation/utils';
 export interface PromoCodeBannerProps extends WithFocusableProps {
     title: string;
     description: string;
@@ -17,6 +17,6 @@ export default class FocusablePromoCodeBannerWrapper extends React.Component<Pro
     };
     context: import("@/components/core/ScrollableContainer/ScrollableContainer").ScrollableContainerContextType;
     onBecameFocused: (layout: Layout) => void;
-    onArrowPress: (d: Direction, _props: any, details: Details) => void;
+    onArrowPress: (d: Direction, _props: any) => void;
     render(): React.JSX.Element;
 }

package/dist/modules/key-plays/view/KeyPlayCardView.d.ts

@@ -7,14 +7,12 @@ type KeyPlayCardViewProps = IKeyPlay & {
     isPlaying: boolean;
     playbackProgress: number | null;
     isScoring: boolean;
-    setRef: (ref: HTMLDivElement | null) => void;
 };
 type KeyPlaysCardViewState = {
     failedClip: KeyPlayLoadFailureStatus | null;
 };
 export declare class KeyPlayCardView extends React.Component<KeyPlayCardViewProps & WithFocusableProps, KeyPlaysCardViewState> {
     private failedClipListener;
-    private ref;
     private vm;
     state: {
         failedClip: null;
@@ -26,14 +24,12 @@ export declare class KeyPlayCardView extends React.Component<KeyPlayCardViewProp
     render(): React.JSX.Element;
 }
 export default class KeyPlayCard extends React.Component<Omit<KeyPlayCardViewProps, 'setRef'> & WithFocusableProps> {
-    private ref;
     context: import("@/components/core/ScrollableContainer/ScrollableContainer").ScrollableContainerContextType;
     static contextTypes: {
         refsMap: React.Requireable<any>;
         setRef: React.Requireable<any>;
         scrollToFocusedElement: React.Requireable<any>;
     };
-    setRef: (ref: HTMLDivElement | null) => void;
     handleLeftPressed: (d: Direction) => void;
     onBecameFocused: (layout: Layout) => void;
     render(): React.JSX.Element;

package/dist/modules/stats/interfaces/IStats.d.ts

@@ -40,7 +40,7 @@ export interface Athlete {
     jersey: string;
     headshot: string;
     links: AthleteLink[];
-    position: AthletePosition;
+    position?: AthletePosition;
     statistics?: {
         $key: string;
         value?: number;
@@ -50,7 +50,7 @@ export interface Athlete {
 export interface EntityMap<T> {
     [id: string]: T;
 }
-interface LeaderStatistic {
+export interface LeaderStatistic {
     displayValue: string;
     abbreviation: string;
 }
@@ -67,8 +67,8 @@ interface LeaderTeam {
 export interface Leader {
     displayName: string;
     name: string;
-    home: LeaderTeam;
-    away: LeaderTeam;
+    home?: LeaderTeam;
+    away?: LeaderTeam;
 }
 interface LineScore {
     displayValue: string;
@@ -76,18 +76,18 @@ interface LineScore {
 interface HeaderTeam {
     $key: string;
     score?: string;
-    linescores: LineScore[];
+    linescores?: LineScore[];
 }
 export interface Header {
     teams: HeaderTeam[];
-    linescoresHeader: string[];
+    linescoresHeader?: string[];
 }
 export interface PredictorTeam {
     team: {
         $key: string;
     };
     gameProjection: string;
-    teamChanceLoss: string;
+    teamChanceLoss?: string;
 }
 export interface Predictor {
     header: string;
@@ -110,7 +110,10 @@ interface ActiveAthletesTeam {
     team: {
         $key: string;
     };
-    athletes: unknown[];
+    athletes: {
+        $key: string;
+        statLine: string;
+    }[];
 }
 export interface ActiveAthletes {
     displayText: string;
@@ -126,25 +129,51 @@ export interface Meta {
     syncUrl?: string;
 }
 export interface StatsPromotion {
-    title: string;
+    backgroundImage?: string;
+    description?: string;
+    logoPng?: string;
+    logo?: string;
+    qrCode?: string;
+    title?: string;
+}
+export interface DrivePlay {
+    id: string;
+    clock: {
+        displayValue: string;
+    };
+    period: {
+        number: number;
+    };
+    type: {
+        text: string;
+    };
+    text: string;
+    start: {
+        downDistanceText: string;
+    };
+}
+export interface Drive {
+    id: string;
+    team: {
+        $key: string;
+    };
     description: string;
-    logo: string;
-    qrCode: string;
-    backgroundImage: string;
+    plays: DrivePlay[];
 }
 export interface StatsApiResponse {
     entities: {
         teams: EntityMap<Team>;
-        athletes: EntityMap<Athlete>;
+        athletes?: EntityMap<Athlete>;
     };
-    leaders: Leader[];
+    leaders?: Leader[];
     header: Header;
     predictor: Predictor;
-    winProbability: WinProbability;
+    winProbability?: WinProbability;
     gameState: string;
     activeAthletes?: ActiveAthletes;
     meta: Meta;
     promotion?: StatsPromotion;
+    drives?: Drive[];
     previousGames?: {
         displayOrder: number;
         team: {

package/dist/modules/stats/utils/driveSummaryUtils.d.ts

@@ -0,0 +1,18 @@
+import { DrivePlay } from '../interfaces/IStats';
+/**
+ * Get ordinal suffix for a number (1st, 2nd, 3rd, 4th, etc.)
+ */
+export declare const getOrdinalSuffix: (number: number) => string;
+/**
+ * Parse drive description to get individual components
+ * Format: "11 PLAYS, 61 YARDS, 5:43"
+ */
+export declare const parseDriveDescription: (description: string) => {
+    plays: string;
+    yards: string;
+    time: string;
+};
+/**
+ * Format the marquee text for the last play
+ */
+export declare const formatLastPlayMarquee: (lastPlay: DrivePlay) => string;

package/dist/modules/stats/utils/renderTeamStatistic.d.ts

@@ -0,0 +1,21 @@
+import React from 'react';
+export interface TeamStatisticProps {
+    statisticName: string;
+    firstDisplayValue: string | number;
+    secondDisplayValue: string | number;
+    awayProgressValue: number;
+    homeProgressValue: number;
+    key?: string | number;
+    classNames?: {
+        container?: string;
+        header?: string;
+        firstValue?: string;
+        secondValue?: string;
+        statisticName?: string;
+    };
+}
+/**
+ * Shared utility to render a team statistic with consistent structure
+ * This eliminates code duplication between Teams and TeamStatsView components
+ */
+export declare const renderTeamStatistic: (props: TeamStatisticProps) => React.JSX.Element;

package/dist/modules/stats/view/ActiveAthletes/ActiveAthletes.d.ts

@@ -0,0 +1,21 @@
+import React from 'react';
+import './ActiveAthletes.styles.css';
+import { Direction, Layout } from '@/external/spatial-navigation/utils';
+import { ActiveAthletesItem } from '../../view-model/StatsViewModel';
+export type ActiveAthletesProps = {
+    item: ActiveAthletesItem;
+    onBecameFocused: (layout: Layout) => void;
+};
+declare class ActiveAthletes extends React.Component<ActiveAthletesProps, {
+    expanded: boolean;
+}> {
+    constructor(props: ActiveAthletesProps);
+    onEnterPress(): void;
+    onAthletesStatisticsArrowPress: (index: number) => (d: Direction) => boolean;
+    get cardFocusKey(): string;
+    onAthletesStatisticsBackPress: () => void;
+    onArrowPress: (d: Direction) => void;
+    renderContent(): React.JSX.Element;
+    render(): React.JSX.Element;
+}
+export default ActiveAthletes;

package/dist/modules/stats/view/ActiveAthletes/CollapsedAthletes/CollapsedAthletes.d.ts

@@ -0,0 +1,5 @@
+import React from 'react';
+import './CollapsedAthletes.styles.css';
+import { ActiveAthletesProps } from '../ActiveAthletes';
+declare const CollapsedAthletes: (props: ActiveAthletesProps) => React.JSX.Element;
+export default CollapsedAthletes;

package/dist/modules/stats/view/ActiveAthletes/ExpandedAthletes/ExpandedAthletes.d.ts

@@ -0,0 +1,10 @@
+import React from 'react';
+import './ExpandedAthletes.styles.css';
+import { ActiveAthletesProps } from '../ActiveAthletes';
+import { Direction } from '@/external/spatial-navigation/utils';
+type Props = {
+    onArrowPress: (index: number) => (direction: Direction) => void;
+    onBackPress: () => void;
+} & ActiveAthletesProps;
+declare const ExpandedAthletes: (props: Props) => React.JSX.Element;
+export default ExpandedAthletes;

package/dist/modules/stats/view/ActiveAthletes/index.d.ts

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

package/dist/modules/stats/view/DriveSummary/DrivePlayCard.d.ts

@@ -0,0 +1,26 @@
+import React from 'react';
+import { WithFocusableProps } from '@/external/spatial-navigation';
+import { DrivePlay } from '../../interfaces/IStats';
+import { Layout, Direction } from '@/external/spatial-navigation/utils';
+import './DrivePlayCard.styles.css';
+type DrivePlayCardProps = {
+    play: DrivePlay;
+    isLastPlay?: boolean;
+    focusKey?: string;
+    focusable?: boolean;
+    onBackPress?: () => void;
+    onBecameFocused?: (layout: Layout) => void;
+    onArrowPress?: (direction: Direction, props: any) => boolean | void;
+    parentFocusKey?: string;
+};
+export default class DrivePlayCard extends React.Component<DrivePlayCardProps & WithFocusableProps> {
+    static contextTypes: {
+        refsMap: React.Requireable<any>;
+        setRef: React.Requireable<any>;
+        scrollToFocusedElement: React.Requireable<any>;
+    };
+    context: import("@/components/core/ScrollableContainer/ScrollableContainer").ScrollableContainerContextType;
+    onBecameFocused: (layout: Layout) => void;
+    render(): React.JSX.Element;
+}
+export {};

package/dist/modules/stats/view/DriveSummary/DriveSummary.d.ts

@@ -0,0 +1,24 @@
+import React from 'react';
+import { WithFocusableProps } from '@/external/spatial-navigation';
+import { Layout } from '@/external/spatial-navigation/utils';
+import './DriveSummary.styles.css';
+import { DriveSummaryItem } from '../../view-model/StatsViewModel';
+type DriveSummaryProps = {
+    item: DriveSummaryItem;
+};
+export default class DriveSummary extends React.Component<DriveSummaryProps & WithFocusableProps> {
+    static contextTypes: {
+        refsMap: React.Requireable<any>;
+        setRef: React.Requireable<any>;
+        scrollToFocusedElement: React.Requireable<any>;
+    };
+    context: import("@/components/core/ScrollableContainer/ScrollableContainer").ScrollableContainerContextType;
+    state: {
+        expanded: boolean;
+    };
+    onBecameFocused: (layout: Layout) => void;
+    handleEnterPress: (_props: any, _details: any) => void;
+    collapseCard: () => void;
+    render(): React.JSX.Element;
+}
+export {};

package/dist/modules/stats/view/DriveSummary/index.d.ts

@@ -0,0 +1,2 @@
+export { default } from './DriveSummary';
+export { default as DrivePlayCard } from './DrivePlayCard';

package/dist/modules/stats/view/GameLeaders/GameLeaders.d.ts

@@ -1,29 +1,19 @@
 import React from 'react';
 import './GameLeaders.styles.css';
-type Athlete = {
-    id: string;
-    displayName: string;
-    headshot: string;
-    position: string;
-    shortName: string;
-    jersey: string;
-    mainStatistic?: {
-        displayValue: string;
-        abbreviation: string;
-    };
-};
-export type LeaderStatsItem = {
-    displayName: string;
-    awayAthlete: Athlete;
-    homeAthlete: Athlete;
-    statistics?: {
-        homeAthleteValue: string;
-        awayAthleteValue: string;
-        abbreviation: string;
-    }[];
+import { GameLeadersStatsItem } from '../../view-model/StatsViewModel';
+import { Direction, Layout } from '@/external/spatial-navigation/utils';
+export type GameLeaderProps = {
+    item: GameLeadersStatsItem;
 };
-export type GameLeadersStatsItem = {
-    items: LeaderStatsItem[];
-};
-declare const GameLeaders: (props: GameLeadersStatsItem) => React.JSX.Element;
+declare class GameLeaders extends React.Component<GameLeaderProps> {
+    static contextTypes: {
+        refsMap: React.Requireable<any>;
+        setRef: React.Requireable<any>;
+        scrollToFocusedElement: React.Requireable<any>;
+    };
+    context: import("@/components/core/ScrollableContainer/ScrollableContainer").ScrollableContainerContextType;
+    onBecameFocused: (layout: Layout) => void;
+    onArrowPress: (d: Direction) => void;
+    render(): React.JSX.Element;
+}
 export default GameLeaders;

package/dist/modules/stats/view/MatchPredictor/MatchPredictorView.d.ts

@@ -1,52 +1,18 @@
-/// <reference types="prop-types" />
-import React from 'react';
+import React, { Component } from 'react';
 import './MatchPredictorView.styles.css';
 import { WithFocusableProps } from '@/external/spatial-navigation';
-import { Predictor, EntityMap, Team } from '../../interfaces/IStats';
+import { Layout } from '@/external/spatial-navigation/utils';
+import { StatsMatchPredictorItem } from '../../view-model/StatsViewModel';
 export interface MatchPredictorProps {
-    predictor: Predictor;
-    teams: EntityMap<Team>;
+    item: StatsMatchPredictorItem;
 }
-declare const _default: {
-    new (props?: (MatchPredictorProps & WithFocusableProps) | undefined, context?: any): {
-        state: import("../../../../external/spatial-navigation/withFocusable").WithFocusableState;
-        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<MatchPredictorProps & WithFocusableProps>;
-        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: MatchPredictorProps & WithFocusableProps) => import("../../../../external/spatial-navigation/withFocusable").WithFocusableState | Pick<import("../../../../external/spatial-navigation/withFocusable").WithFocusableState, K>) | Pick<import("../../../../external/spatial-navigation/withFocusable").WithFocusableState, K>, callback?: (() => any) | undefined): void;
-        forceUpdate(callBack?: (() => any) | undefined): void;
-        props: Readonly<{
-            children?: React.ReactNode;
-        }> & Readonly<MatchPredictorProps & WithFocusableProps>;
-        context: any;
-        refs: {
-            [key: string]: React.ReactInstance;
-        };
-        componentWillMount?(): void;
-        componentWillReceiveProps?(nextProps: Readonly<MatchPredictorProps & WithFocusableProps>, nextContext: any): void;
-        shouldComponentUpdate?(nextProps: Readonly<MatchPredictorProps & WithFocusableProps>, nextState: Readonly<import("../../../../external/spatial-navigation/withFocusable").WithFocusableState>, nextContext: any): boolean;
-        componentWillUpdate?(nextProps: Readonly<MatchPredictorProps & WithFocusableProps>, nextState: Readonly<import("../../../../external/spatial-navigation/withFocusable").WithFocusableState>, nextContext: any): void;
+export default class MatchPredictorView extends Component<MatchPredictorProps & WithFocusableProps> {
+    static contextTypes: {
+        refsMap: React.Requireable<any>;
+        setRef: React.Requireable<any>;
+        scrollToFocusedElement: React.Requireable<any>;
     };
-    contextTypes: {
-        parentFocusKey: import("prop-types").Requireable<string>;
-    };
-    childContextTypes: {
-        parentFocusKey: import("prop-types").Requireable<string>;
-    };
-};
-export default _default;
+    context: import("@/components/core/ScrollableContainer/ScrollableContainer").ScrollableContainerContextType;
+    onBecameFocused: (layout: Layout) => void;
+    render(): React.JSX.Element;
+}

package/dist/modules/stats/view/RecentGames/RecentGames.d.ts

@@ -2,24 +2,14 @@
 import { WithFocusableProps } from '@/external/spatial-navigation';
 import React from 'react';
 import './RecentGames.styles.css';
-type PreviousGame = {
-    score: string;
-    gameResult: string;
-    teamLogo: string;
-    homeAway: string;
-};
-type Team = {
-    logo: string;
-    name?: string;
-    events: PreviousGame[];
-};
-export type RecentGamesStatsItem = {
-    awayTeam: Team;
-    homeTeam: Team;
+import { RecentGamesStatsItem } from '../../view-model/StatsViewModel';
+type RecentGamesProps = {
+    item: RecentGamesStatsItem;
 };
 declare const _default: {
-    new (props?: (RecentGamesStatsItem & WithFocusableProps) | undefined, context?: any): {
+    new (props?: (RecentGamesProps & WithFocusableProps) | undefined, context?: any): {
         state: import("../../../../external/spatial-navigation/withFocusable").WithFocusableState;
+        navigation: import("../../../../external/spatial-navigation/spatialNavigation").default;
         getChildContext(): {
             parentFocusKey: string;
         };
@@ -37,20 +27,20 @@ declare const _default: {
         componentDidMount(): void;
         componentDidUpdate(): void;
         componentWillUnmount(): void;
-        render(): React.ReactElement<RecentGamesStatsItem & WithFocusableProps>;
-        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: RecentGamesStatsItem & WithFocusableProps) => import("../../../../external/spatial-navigation/withFocusable").WithFocusableState | Pick<import("../../../../external/spatial-navigation/withFocusable").WithFocusableState, K>) | Pick<import("../../../../external/spatial-navigation/withFocusable").WithFocusableState, K>, callback?: (() => any) | undefined): void;
+        render(): React.ReactElement<RecentGamesProps & WithFocusableProps>;
+        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: RecentGamesProps & WithFocusableProps) => import("../../../../external/spatial-navigation/withFocusable").WithFocusableState | Pick<import("../../../../external/spatial-navigation/withFocusable").WithFocusableState, K>) | Pick<import("../../../../external/spatial-navigation/withFocusable").WithFocusableState, K>, callback?: (() => any) | undefined): void;
         forceUpdate(callBack?: (() => any) | undefined): void;
         props: Readonly<{
             children?: React.ReactNode;
-        }> & Readonly<RecentGamesStatsItem & WithFocusableProps>;
+        }> & Readonly<RecentGamesProps & WithFocusableProps>;
         context: any;
         refs: {
             [key: string]: React.ReactInstance;
         };
         componentWillMount?(): void;
-        componentWillReceiveProps?(nextProps: Readonly<RecentGamesStatsItem & WithFocusableProps>, nextContext: any): void;
-        shouldComponentUpdate?(nextProps: Readonly<RecentGamesStatsItem & WithFocusableProps>, nextState: Readonly<import("../../../../external/spatial-navigation/withFocusable").WithFocusableState>, nextContext: any): boolean;
-        componentWillUpdate?(nextProps: Readonly<RecentGamesStatsItem & WithFocusableProps>, nextState: Readonly<import("../../../../external/spatial-navigation/withFocusable").WithFocusableState>, nextContext: any): void;
+        componentWillReceiveProps?(nextProps: Readonly<RecentGamesProps & WithFocusableProps>, nextContext: any): void;
+        shouldComponentUpdate?(nextProps: Readonly<RecentGamesProps & WithFocusableProps>, nextState: Readonly<import("../../../../external/spatial-navigation/withFocusable").WithFocusableState>, nextContext: any): boolean;
+        componentWillUpdate?(nextProps: Readonly<RecentGamesProps & WithFocusableProps>, nextState: Readonly<import("../../../../external/spatial-navigation/withFocusable").WithFocusableState>, nextContext: any): void;
     };
     contextTypes: {
         parentFocusKey: import("prop-types").Requireable<string>;

package/dist/modules/stats/view/StatsItemView.d.ts

@@ -0,0 +1,19 @@
+import React from 'react';
+import { StatsItem } from '../view-model/StatsViewModel';
+import { Direction, Layout } from '@/external/spatial-navigation/utils';
+type Props = {
+    item: StatsItem;
+};
+declare class StatsItemView extends React.Component<Props> {
+    static contextTypes: {
+        refsMap: React.Requireable<any>;
+        setRef: React.Requireable<any>;
+        scrollToFocusedElement: React.Requireable<any>;
+    };
+    context: import("@/components/core/ScrollableContainer/ScrollableContainer").ScrollableContainerContextType;
+    onBecameFocused: (layout: Layout) => void;
+    onArrowPress: (d: Direction) => void;
+    renderItem(): React.JSX.Element | null;
+    render(): React.JSX.Element;
+}
+export default StatsItemView;

package/dist/modules/stats/view/StatsQRCode/StatsQRCodeView.d.ts

@@ -9,6 +9,7 @@ export interface StatsQRCodeViewProps extends WithFocusableProps {
 declare const _default: {
     new (props?: (StatsQRCodeViewProps & WithFocusableProps) | undefined, context?: any): {
         state: import("../../../../external/spatial-navigation/withFocusable").WithFocusableState;
+        navigation: import("../../../../external/spatial-navigation/spatialNavigation").default;
         getChildContext(): {
             parentFocusKey: string;
         };