@maestro_io/maestro-web-sdk 2.1.3 → 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/stats/interfaces/IStats.d.ts

@@ -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;
@@ -129,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/mocks.d.ts

@@ -1,82 +1,2 @@
 import { StatsApiResponse } from './interfaces/IStats';
 export declare const MOCK_STATS_API_PRE_GAME_RESPONSE: StatsApiResponse;
-export declare const mockTeamWithStatistics: {
-    id: string;
-    uid: string;
-    abbreviation: string;
-    displayName: string;
-    color: string;
-    logo: string;
-    homeAway: string;
-    statistics: {
-        $key: string;
-        value: number;
-        displayValue: string;
-        displayName: string;
-    }[];
-};
-export declare const mockAwayTeamWithStatistics: {
-    id: string;
-    uid: string;
-    abbreviation: string;
-    displayName: string;
-    color: string;
-    logo: string;
-    homeAway: string;
-    statistics: {
-        $key: string;
-        value: number;
-        displayValue: string;
-        displayName: string;
-    }[];
-};
-export declare const mockStatsResponseWithTeamStats: {
-    entities: {
-        teams: {
-            '12': {
-                id: string;
-                uid: string;
-                abbreviation: string;
-                displayName: string;
-                color: string;
-                logo: string;
-                homeAway: string;
-                statistics: {
-                    $key: string;
-                    value: number;
-                    displayValue: string;
-                    displayName: string;
-                }[];
-            };
-            '21': {
-                id: string;
-                uid: string;
-                abbreviation: string;
-                displayName: string;
-                color: string;
-                logo: string;
-                homeAway: string;
-                statistics: {
-                    $key: string;
-                    value: number;
-                    displayValue: string;
-                    displayName: string;
-                }[];
-            };
-        };
-        athletes: {};
-    };
-    leaders: never[];
-    header: {
-        teams: never[];
-        linescoresHeader: never[];
-    };
-    predictor: null;
-    winProbability: null;
-    gameState: string;
-    meta: {
-        gp_topic: string;
-        picker_topic: string;
-        gameState: string;
-    };
-};

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/view/ActiveAthletes/ActiveAthletes.d.ts

@@ -1,33 +1,20 @@
 import React from 'react';
 import './ActiveAthletes.styles.css';
-import { WithFocusableProps } from '@/external/spatial-navigation';
-import { Direction } from '@/external/spatial-navigation/utils';
-import { AthletesStatisticsItem } from '../components/AthletesStatistics/AthletesStatistics';
-export type ActiveAthletesItem = {
-    displayText: string;
-    awayTeam: {
-        id: string;
-        logo: string;
-        name: string;
-    };
-    homeTeam: {
-        id: string;
-        logo: string;
-        name: string;
-    };
-    athletes: AthletesStatisticsItem[];
-};
+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<WithFocusableProps & ActiveAthletesProps, {
+declare class ActiveAthletes extends React.Component<ActiveAthletesProps, {
     expanded: boolean;
 }> {
-    constructor(props: WithFocusableProps & ActiveAthletesProps);
+    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;
 }

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,8 +1,19 @@
 import React from 'react';
 import './GameLeaders.styles.css';
-import { AthletesStatisticsItem } from '../components/AthletesStatistics/AthletesStatistics';
-export type GameLeadersStatsItem = {
-    items: AthletesStatisticsItem[];
+import { GameLeadersStatsItem } from '../../view-model/StatsViewModel';
+import { Direction, Layout } from '@/external/spatial-navigation/utils';
+export type GameLeaderProps = {
+    item: GameLeadersStatsItem;
 };
-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,53 +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;
-        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<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,23 +2,12 @@
 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(): {
@@ -38,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/StatsView.d.ts

@@ -1,9 +1,9 @@
 import React, { Component } from 'react';
 import './StatsView.styles.css';
-import { StatsApiResponse } from '../interfaces/IStats';
+import { StatsItem } from '../view-model/StatsViewModel';
 interface StatsViewState {
     container: HTMLDivElement | null;
-    statsData: StatsApiResponse | null;
+    statsItems: StatsItem[];
     isDataLoading: boolean;
 }
 declare class StatsView extends Component<{}, StatsViewState> {
@@ -14,7 +14,7 @@ declare class StatsView extends Component<{}, StatsViewState> {
     constructor(props: {});
     componentDidMount(): void;
     componentWillUnmount(): void;
-    renderStatsComponents: () => React.ReactElement[];
+    renderItems: () => React.JSX.Element[] | null;
     render(): React.JSX.Element;
 }
 export default StatsView;

package/dist/modules/stats/view/TeamStats/TeamStatsView.d.ts

@@ -2,11 +2,9 @@
 import React from 'react';
 import './TeamStatsView.styles.css';
 import { WithFocusableProps } from '@/external/spatial-navigation';
-import { Team, TeamStatistic } from '../../interfaces/IStats';
+import { TeamStatsItem } from '../../view-model/StatsViewModel';
 export interface TeamStatsViewProps {
-    homeTeam: Team;
-    awayTeam: Team;
-    statistics?: TeamStatistic[];
+    item: TeamStatsItem;
 }
 declare const _default: {
     new (props?: (TeamStatsViewProps & WithFocusableProps) | undefined, context?: any): {

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

@@ -2,28 +2,12 @@
 import React from 'react';
 import './TeamsView.styles.css';
 import { WithFocusableProps } from '@/external/spatial-navigation';
-type Team = {
-    color?: string;
-    id: string;
-    logo: string;
-    name?: string;
-    abbreviation: string;
-    record?: string;
-    linescores: string[];
-};
-export type HeaderTeamStatItem = {
-    isLive: boolean;
-    linescoresHeader: string[];
-    statistics?: {
-        displayName: string;
-        homeTeamValue: number;
-        awayTeamValue: number;
-    }[];
-    homeTeam: Team;
-    awayTeam: Team;
+import { HeaderTeamStatItem } from '../../view-model/StatsViewModel';
+type TeamsProps = {
+    item: HeaderTeamStatItem;
 };
 declare const _default: {
-    new (props?: (HeaderTeamStatItem & WithFocusableProps) | undefined, context?: any): {
+    new (props?: (TeamsProps & WithFocusableProps) | undefined, context?: any): {
         state: import("../../../../external/spatial-navigation/withFocusable").WithFocusableState;
         navigation: import("../../../../external/spatial-navigation/spatialNavigation").default;
         getChildContext(): {
@@ -43,20 +27,20 @@ declare const _default: {
         componentDidMount(): void;
         componentDidUpdate(): void;
         componentWillUnmount(): void;
-        render(): React.ReactElement<HeaderTeamStatItem & 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: HeaderTeamStatItem & 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<TeamsProps & 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: TeamsProps & 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<HeaderTeamStatItem & WithFocusableProps>;
+        }> & Readonly<TeamsProps & WithFocusableProps>;
         context: any;
         refs: {
             [key: string]: React.ReactInstance;
         };
         componentWillMount?(): void;
-        componentWillReceiveProps?(nextProps: Readonly<HeaderTeamStatItem & WithFocusableProps>, nextContext: any): void;
-        shouldComponentUpdate?(nextProps: Readonly<HeaderTeamStatItem & WithFocusableProps>, nextState: Readonly<import("../../../../external/spatial-navigation/withFocusable").WithFocusableState>, nextContext: any): boolean;
-        componentWillUpdate?(nextProps: Readonly<HeaderTeamStatItem & WithFocusableProps>, nextState: Readonly<import("../../../../external/spatial-navigation/withFocusable").WithFocusableState>, nextContext: any): void;
+        componentWillReceiveProps?(nextProps: Readonly<TeamsProps & WithFocusableProps>, nextContext: any): void;
+        shouldComponentUpdate?(nextProps: Readonly<TeamsProps & WithFocusableProps>, nextState: Readonly<import("../../../../external/spatial-navigation/withFocusable").WithFocusableState>, nextContext: any): boolean;
+        componentWillUpdate?(nextProps: Readonly<TeamsProps & WithFocusableProps>, nextState: Readonly<import("../../../../external/spatial-navigation/withFocusable").WithFocusableState>, nextContext: any): void;
     };
     contextTypes: {
         parentFocusKey: import("prop-types").Requireable<string>;

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

@@ -2,23 +2,12 @@
 import React from 'react';
 import './WinProbability.styles.css';
 import { WithFocusableProps } from '@/external/spatial-navigation';
-export type WinProbabilityStatsItem = {
-    chartImageUrl: string;
-    awayTeam: {
-        id: string;
-        abbreviation: string;
-        logo: string;
-        winPercentage: string;
-    };
-    homeTeam: {
-        id: string;
-        abbreviation: string;
-        logo: string;
-        winPercentage: string;
-    };
+import { WinProbabilityStatsItem } from '../../view-model/StatsViewModel';
+type WinProbabilityProps = {
+    item: WinProbabilityStatsItem;
 };
 declare const _default: {
-    new (props?: (WinProbabilityStatsItem & WithFocusableProps) | undefined, context?: any): {
+    new (props?: (WinProbabilityProps & WithFocusableProps) | undefined, context?: any): {
         state: import("../../../../external/spatial-navigation/withFocusable").WithFocusableState;
         navigation: import("../../../../external/spatial-navigation/spatialNavigation").default;
         getChildContext(): {
@@ -38,20 +27,20 @@ declare const _default: {
         componentDidMount(): void;
         componentDidUpdate(): void;
         componentWillUnmount(): void;
-        render(): React.ReactElement<WinProbabilityStatsItem & 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: WinProbabilityStatsItem & 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<WinProbabilityProps & 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: WinProbabilityProps & 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<WinProbabilityStatsItem & WithFocusableProps>;
+        }> & Readonly<WinProbabilityProps & WithFocusableProps>;
         context: any;
         refs: {
             [key: string]: React.ReactInstance;
         };
         componentWillMount?(): void;
-        componentWillReceiveProps?(nextProps: Readonly<WinProbabilityStatsItem & WithFocusableProps>, nextContext: any): void;
-        shouldComponentUpdate?(nextProps: Readonly<WinProbabilityStatsItem & WithFocusableProps>, nextState: Readonly<import("../../../../external/spatial-navigation/withFocusable").WithFocusableState>, nextContext: any): boolean;
-        componentWillUpdate?(nextProps: Readonly<WinProbabilityStatsItem & WithFocusableProps>, nextState: Readonly<import("../../../../external/spatial-navigation/withFocusable").WithFocusableState>, nextContext: any): void;
+        componentWillReceiveProps?(nextProps: Readonly<WinProbabilityProps & WithFocusableProps>, nextContext: any): void;
+        shouldComponentUpdate?(nextProps: Readonly<WinProbabilityProps & WithFocusableProps>, nextState: Readonly<import("../../../../external/spatial-navigation/withFocusable").WithFocusableState>, nextContext: any): boolean;
+        componentWillUpdate?(nextProps: Readonly<WinProbabilityProps & WithFocusableProps>, nextState: Readonly<import("../../../../external/spatial-navigation/withFocusable").WithFocusableState>, nextContext: any): void;
     };
     contextTypes: {
         parentFocusKey: import("prop-types").Requireable<string>;