@maestro_io/maestro-web-sdk 4.0.2 → 5.1.0

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

@@ -0,0 +1,105 @@
+/// <reference types="prop-types" />
+import React from 'react';
+import { WithFocusableProps } from '@/external/spatial-navigation';
+import { DrivePlay } from '../../interfaces/IStats';
+import './DrivePlayCard.styles.css';
+type DrivePlayCardProps = {
+    play: DrivePlay;
+    isLastPlay?: boolean;
+    focusKey?: string;
+    focusable?: boolean;
+    onBackPress?: () => void;
+    parentFocusKey?: string;
+};
+declare const _default: {
+    new (props: (DrivePlayCardProps & WithFocusableProps) | Readonly<DrivePlayCardProps & WithFocusableProps>): {
+        state: import("../../../../../external/spatial-navigation/withFocusable").WithFocusableState;
+        navigation: import("../../../../../external/spatial-navigation/spatialNavigation").default;
+        getChildContext(): {
+            parentFocusKey: string;
+        };
+        setFocus: (focusKey: string) => void;
+        navigateByDirection: (direction: import("../../../../../external/spatial-navigation/utils").Direction, details?: import("../../../../../external/spatial-navigation/utils").Details) => void;
+        stealFocus: () => void;
+        onUpdateFocus: (focused: boolean) => void;
+        onUpdateHasFocusedChild: (hasFocusedChild: boolean) => void;
+        onEnterPressHandler: (details: import("../../../../../external/spatial-navigation/utils").Details) => void;
+        onClickPressHandler: (details: import("../../../../../external/spatial-navigation/utils").Details) => void;
+        onEnterReleaseHandler: () => void;
+        onBackPressHandler: (details: import("../../../../../external/spatial-navigation/utils").Details) => void;
+        onArrowPressHandler: (direction: import("../../../../../external/spatial-navigation/utils").Direction, details: import("../../../../../external/spatial-navigation/utils").Details) => boolean | void;
+        onBecameFocusedHandler: (layout: import("../../../../../external/spatial-navigation/utils").Layout, details: import("../../../../../external/spatial-navigation/utils").Details) => void;
+        onBecameBlurredHandler: (layout: import("../../../../../external/spatial-navigation/utils").Layout, details: import("../../../../../external/spatial-navigation/utils").Details) => void;
+        componentDidMount(): void;
+        componentDidUpdate(): void;
+        componentWillUnmount(): void;
+        render(): React.ReactElement<DrivePlayCardProps & 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<DrivePlayCardProps & 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<DrivePlayCardProps & WithFocusableProps> & Readonly<{
+            children?: React.ReactNode;
+        }>;
+        refs: {
+            [key: string]: React.ReactInstance;
+        };
+        shouldComponentUpdate?(nextProps: Readonly<DrivePlayCardProps & WithFocusableProps>, nextState: Readonly<import("../../../../../external/spatial-navigation/withFocusable").WithFocusableState>, nextContext: any): boolean;
+        componentDidCatch?(error: Error, errorInfo: React.ErrorInfo): void;
+        getSnapshotBeforeUpdate?(prevProps: Readonly<DrivePlayCardProps & WithFocusableProps>, prevState: Readonly<import("../../../../../external/spatial-navigation/withFocusable").WithFocusableState>): any;
+        componentWillMount?(): void;
+        UNSAFE_componentWillMount?(): void;
+        componentWillReceiveProps?(nextProps: Readonly<DrivePlayCardProps & WithFocusableProps>, nextContext: any): void;
+        UNSAFE_componentWillReceiveProps?(nextProps: Readonly<DrivePlayCardProps & WithFocusableProps>, nextContext: any): void;
+        componentWillUpdate?(nextProps: Readonly<DrivePlayCardProps & WithFocusableProps>, nextState: Readonly<import("../../../../../external/spatial-navigation/withFocusable").WithFocusableState>, nextContext: any): void;
+        UNSAFE_componentWillUpdate?(nextProps: Readonly<DrivePlayCardProps & WithFocusableProps>, nextState: Readonly<import("../../../../../external/spatial-navigation/withFocusable").WithFocusableState>, nextContext: any): void;
+    };
+    new (props: DrivePlayCardProps & WithFocusableProps, context: any): {
+        state: import("../../../../../external/spatial-navigation/withFocusable").WithFocusableState;
+        navigation: import("../../../../../external/spatial-navigation/spatialNavigation").default;
+        getChildContext(): {
+            parentFocusKey: string;
+        };
+        setFocus: (focusKey: string) => void;
+        navigateByDirection: (direction: import("../../../../../external/spatial-navigation/utils").Direction, details?: import("../../../../../external/spatial-navigation/utils").Details) => void;
+        stealFocus: () => void;
+        onUpdateFocus: (focused: boolean) => void;
+        onUpdateHasFocusedChild: (hasFocusedChild: boolean) => void;
+        onEnterPressHandler: (details: import("../../../../../external/spatial-navigation/utils").Details) => void;
+        onClickPressHandler: (details: import("../../../../../external/spatial-navigation/utils").Details) => void;
+        onEnterReleaseHandler: () => void;
+        onBackPressHandler: (details: import("../../../../../external/spatial-navigation/utils").Details) => void;
+        onArrowPressHandler: (direction: import("../../../../../external/spatial-navigation/utils").Direction, details: import("../../../../../external/spatial-navigation/utils").Details) => boolean | void;
+        onBecameFocusedHandler: (layout: import("../../../../../external/spatial-navigation/utils").Layout, details: import("../../../../../external/spatial-navigation/utils").Details) => void;
+        onBecameBlurredHandler: (layout: import("../../../../../external/spatial-navigation/utils").Layout, details: import("../../../../../external/spatial-navigation/utils").Details) => void;
+        componentDidMount(): void;
+        componentDidUpdate(): void;
+        componentWillUnmount(): void;
+        render(): React.ReactElement<DrivePlayCardProps & 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<DrivePlayCardProps & 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<DrivePlayCardProps & WithFocusableProps> & Readonly<{
+            children?: React.ReactNode;
+        }>;
+        refs: {
+            [key: string]: React.ReactInstance;
+        };
+        shouldComponentUpdate?(nextProps: Readonly<DrivePlayCardProps & WithFocusableProps>, nextState: Readonly<import("../../../../../external/spatial-navigation/withFocusable").WithFocusableState>, nextContext: any): boolean;
+        componentDidCatch?(error: Error, errorInfo: React.ErrorInfo): void;
+        getSnapshotBeforeUpdate?(prevProps: Readonly<DrivePlayCardProps & WithFocusableProps>, prevState: Readonly<import("../../../../../external/spatial-navigation/withFocusable").WithFocusableState>): any;
+        componentWillMount?(): void;
+        UNSAFE_componentWillMount?(): void;
+        componentWillReceiveProps?(nextProps: Readonly<DrivePlayCardProps & WithFocusableProps>, nextContext: any): void;
+        UNSAFE_componentWillReceiveProps?(nextProps: Readonly<DrivePlayCardProps & WithFocusableProps>, nextContext: any): void;
+        componentWillUpdate?(nextProps: Readonly<DrivePlayCardProps & WithFocusableProps>, nextState: Readonly<import("../../../../../external/spatial-navigation/withFocusable").WithFocusableState>, nextContext: any): void;
+        UNSAFE_componentWillUpdate?(nextProps: Readonly<DrivePlayCardProps & WithFocusableProps>, nextState: Readonly<import("../../../../../external/spatial-navigation/withFocusable").WithFocusableState>, nextContext: any): void;
+    };
+    contextTypes: {
+        parentFocusKey: import("prop-types").Requireable<string>;
+    };
+    childContextTypes: {
+        parentFocusKey: import("prop-types").Requireable<string>;
+    };
+    contextType?: React.Context<any> | undefined;
+};
+export default _default;

package/dist/src/modules/espn/stats/view/DriveSummary/DrivePlayCard.js

@@ -0,0 +1,32 @@
+import React from 'react';
+import { withFocusable, } from '@/external/spatial-navigation';
+import './DrivePlayCard.styles.css';
+const DrivePlayCard = ({ play, isLastPlay, focused, }) => {
+    return (React.createElement("div", { className: "drive-play-card focus-ring focus-opacity", "data-focused": focused },
+        isLastPlay && (React.createElement("div", { className: "drive-play-card-label" },
+            React.createElement("span", { className: "last-play-label T10" }, "LAST PLAY"))),
+        React.createElement("table", { className: "drive-play-card-content" },
+            React.createElement("tbody", null,
+                React.createElement("tr", null,
+                    React.createElement("td", null,
+                        React.createElement("table", { className: "drive-play-card-header" },
+                            React.createElement("tbody", null,
+                                React.createElement("tr", null,
+                                    React.createElement("td", null,
+                                        React.createElement("span", { className: "drive-play-card-title T05_ALT" }, play.start.downDistanceText))))))),
+                React.createElement("tr", null,
+                    React.createElement("td", null,
+                        React.createElement("table", { className: "drive-play-card-description" },
+                            React.createElement("tbody", null,
+                                React.createElement("tr", null,
+                                    React.createElement("td", null,
+                                        React.createElement("span", { className: "drive-play-card-text T01" },
+                                            "(",
+                                            play.clock.displayValue,
+                                            " - ",
+                                            play.period.number,
+                                            ").",
+                                            ' ',
+                                            play.text)))))))))));
+};
+export default withFocusable()(DrivePlayCard);

package/dist/src/modules/{stats → espn/stats}/view/DriveSummary/DriveSummary.d.ts

@@ -6,12 +6,5 @@ type DriveSummaryProps = {
     item: DriveSummaryItem;
     onItemEnterPress: () => void;
 };
-export default class DriveSummary extends React.Component<DriveSummaryProps & WithFocusableProps> {
-    state: {
-        expanded: boolean;
-    };
-    handleEnterPress: (_props: any, _details: any) => void;
-    collapseCard: () => void;
-    render(): JSX.Element;
-}
-export {};
+declare const DriveSummary: React.FC<DriveSummaryProps & WithFocusableProps>;
+export default DriveSummary;

package/dist/src/modules/espn/stats/view/DriveSummary/DriveSummary.js

@@ -0,0 +1,40 @@
+import React, { useState } from 'react';
+import { withFocusable, } from '@/external/spatial-navigation';
+import SDK from '@/index';
+import './DriveSummary.styles.css';
+import DriveSummaryHeader from './Header/DriveSummaryHeader';
+import MainStat from './MainStat/MainStat';
+import DriveSummaryExpanded from './ExpandedItems/DriveSummaryExpanded';
+const DriveSummaryInner = ({ item, onItemEnterPress, expanded, focused, focusKey, collapseCard }) => {
+    const { team, playsQuantity, yards, time, lastPlayMarquee, plays, id } = item;
+    const hasPlays = item.plays && item.plays.length > 0;
+    return (React.createElement("section", { className: "drive-summary focus-ring", "data-focused": focused, "data-expanded": expanded },
+        React.createElement(DriveSummaryHeader, { team: team, expanded: expanded, focused: !!focused, hasPlays: hasPlays }),
+        !expanded ? (React.createElement(MainStat, { playsQuantity: playsQuantity, yards: yards, time: time, lastPlayMarquee: lastPlayMarquee, focused: !!focused })) : (React.createElement(DriveSummaryExpanded, { plays: plays, id: id, parentFocusKey: focusKey, collapseCard: collapseCard, onItemEnterPress: onItemEnterPress }))));
+};
+const FocusableDriveSummary = withFocusable({ trackChildren: true })(DriveSummaryInner);
+const DriveSummary = (props) => {
+    const [expanded, setExpanded] = useState(false);
+    const handleEnterPress = (_propsArg, _details) => {
+        props.onItemEnterPress();
+        if (!expanded) {
+            setExpanded(true);
+            // Focus first play card when expanding - withFocusable will handle this automatically
+            if (props.item.plays && props.item.plays.length > 0) {
+                SDK.getMaestroEventViewModel().navigation.setFocus(`drive-play-${props.item.id}-${props.item.plays[0].id}`);
+            }
+        }
+        else {
+            setExpanded(false);
+        }
+    };
+    // Collapse back to minified mode and focus card
+    const collapseCard = () => {
+        setExpanded(false);
+        setTimeout(() => {
+            SDK.getMaestroEventViewModel().navigation.setFocus(props.focusKey || '');
+        }, 0);
+    };
+    return (React.createElement(FocusableDriveSummary, { ...props, expanded: expanded, collapseCard: collapseCard, onEnterPress: handleEnterPress }));
+};
+export default DriveSummary;

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

@@ -0,0 +1,9 @@
+import React from 'react';
+import './GameLeaders.styles.css';
+import { GameLeadersStatsItem } from '../../view-model/StatsViewModel';
+export type GameLeaderProps = {
+    item: GameLeadersStatsItem;
+    onEnterPress: () => void;
+};
+declare const GameLeaders: React.FC<GameLeaderProps>;
+export default GameLeaders;

package/dist/src/modules/espn/stats/view/GameLeaders/GameLeaders.js

@@ -0,0 +1,22 @@
+import React from 'react';
+import './GameLeaders.styles.css';
+import AthletesStatistics from '../components/AthletesStatistics';
+import { useScrollableContainer } from '@/components/core/ScrollableContainer';
+import SDK from '@/index';
+const GameLeaders = ({ item, onEnterPress }) => {
+    const { scrollToFocusedElement } = useScrollableContainer();
+    const onBecameFocused = (layout) => {
+        scrollToFocusedElement(layout, {
+            offsetTop: 40,
+        });
+    };
+    const onArrowPress = (d) => {
+        if (d === 'left') {
+            SDK.getMaestroEventViewModel().deliverFocus();
+        }
+    };
+    return (React.createElement("section", { className: "game-leaders" },
+        React.createElement("h5", { className: "T05_ALT" }, item.displayText),
+        item.items.map((statsItem, index) => (React.createElement(AthletesStatistics, { key: `${index}-${statsItem.awayAthlete.id}`, item: statsItem, focusKey: String(index), onBecameFocused: onBecameFocused, onArrowPress: onArrowPress, onEnterPress: onEnterPress })))));
+};
+export default GameLeaders;

package/dist/src/modules/{stats → espn/stats}/view/MatchPredictor/DonutChart/DonutChart.js

@@ -37,8 +37,8 @@ class DonutChart extends Component {
                     React.createElement("rect", { x: "1", width: "2", height: "6", fill: "transparent" }),
                     React.createElement("rect", { x: "3", width: "1", height: "6", fill: chartColor }),
                     React.createElement("rect", { x: "4", width: "2", height: "6", fill: "transparent" }))),
-            React.createElement("path", { d: createArcPath(centerX, centerY, radius, startAngle, awayEndAngle), fill: "transparent", stroke: chartColor, strokeWidth: strokeWidth, strokeLinecap: "butt" }),
-            React.createElement("path", { d: createArcPath(centerX, centerY, radius, homeStartAngle, homeEndAngle), fill: "transparent", stroke: `url(#${this.patternId})`, strokeWidth: strokeWidth, strokeLinecap: "butt" }),
+            React.createElement("path", { d: createArcPath(centerX, centerY, radius, startAngle, awayEndAngle), fill: "transparent", stroke: `url(#${this.patternId})`, strokeWidth: strokeWidth, strokeLinecap: "butt" }),
+            React.createElement("path", { d: createArcPath(centerX, centerY, radius, homeStartAngle, homeEndAngle), fill: "transparent", stroke: chartColor, strokeWidth: strokeWidth, strokeLinecap: "butt" }),
             React.createElement("path", { d: createArcPath(centerX, centerY, radius, awayEndAngle, homeStartAngle), fill: "transparent", stroke: "var(--sdk-surface4)", strokeWidth: strokeWidth, strokeLinecap: "butt" }),
             React.createElement("path", { d: createArcPath(centerX, centerY, radius, homeEndAngle, startAngle + 360), fill: "transparent", stroke: "var(--sdk-surface4)", strokeWidth: strokeWidth, strokeLinecap: "butt" })));
     }

package/dist/src/modules/{fantasy/view/MatchupSingle/SingleAthleteCard/SingleAthleteCard.d.ts → espn/stats/view/MatchPredictor/MatchPredictorView.d.ts}

@@ -1,21 +1,25 @@
 /// <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';
+import './MatchPredictorView.styles.css';
+import { WithFocusableProps } from '@/external/spatial-navigation';
+import { StatsMatchPredictorItem } from '../../view-model/StatsViewModel';
+export interface MatchPredictorProps {
+    item: StatsMatchPredictorItem;
+}
 declare const _default: {
-    new (props: (MatchupSingleRoster & WithFocusableProps) | Readonly<MatchupSingleRoster & WithFocusableProps>): {
+    new (props: (MatchPredictorProps & WithFocusableProps) | Readonly<MatchPredictorProps & 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;
+        navigateByDirection: (direction: import("../../../../../external/spatial-navigation/utils").Direction, details?: import("../../../../../external/spatial-navigation/utils").Details) => void;
         stealFocus: () => void;
         onUpdateFocus: (focused: boolean) => void;
         onUpdateHasFocusedChild: (hasFocusedChild: boolean) => void;
         onEnterPressHandler: (details: import("../../../../../external/spatial-navigation/utils").Details) => void;
+        onClickPressHandler: (details: import("../../../../../external/spatial-navigation/utils").Details) => void;
         onEnterReleaseHandler: () => void;
         onBackPressHandler: (details: import("../../../../../external/spatial-navigation/utils").Details) => void;
         onArrowPressHandler: (direction: import("../../../../../external/spatial-navigation/utils").Direction, details: import("../../../../../external/spatial-navigation/utils").Details) => boolean | void;
@@ -24,38 +28,39 @@ declare const _default: {
         componentDidMount(): void;
         componentDidUpdate(): void;
         componentWillUnmount(): void;
-        render(): React.ReactElement<MatchupSingleRoster & WithFocusableProps, string | React.JSXElementConstructor<any>>;
+        render(): React.ReactElement<MatchPredictorProps & 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;
+        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<MatchPredictorProps & 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<{
+        readonly props: Readonly<MatchPredictorProps & 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;
+        shouldComponentUpdate?(nextProps: Readonly<MatchPredictorProps & 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;
+        getSnapshotBeforeUpdate?(prevProps: Readonly<MatchPredictorProps & 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;
+        componentWillReceiveProps?(nextProps: Readonly<MatchPredictorProps & WithFocusableProps>, nextContext: any): void;
+        UNSAFE_componentWillReceiveProps?(nextProps: Readonly<MatchPredictorProps & WithFocusableProps>, nextContext: any): void;
+        componentWillUpdate?(nextProps: Readonly<MatchPredictorProps & WithFocusableProps>, nextState: Readonly<import("../../../../../external/spatial-navigation/withFocusable").WithFocusableState>, nextContext: any): void;
+        UNSAFE_componentWillUpdate?(nextProps: Readonly<MatchPredictorProps & WithFocusableProps>, nextState: Readonly<import("../../../../../external/spatial-navigation/withFocusable").WithFocusableState>, nextContext: any): void;
     };
-    new (props: MatchupSingleRoster & WithFocusableProps, context: any): {
+    new (props: MatchPredictorProps & 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;
+        navigateByDirection: (direction: import("../../../../../external/spatial-navigation/utils").Direction, details?: import("../../../../../external/spatial-navigation/utils").Details) => void;
         stealFocus: () => void;
         onUpdateFocus: (focused: boolean) => void;
         onUpdateHasFocusedChild: (hasFocusedChild: boolean) => void;
         onEnterPressHandler: (details: import("../../../../../external/spatial-navigation/utils").Details) => void;
+        onClickPressHandler: (details: import("../../../../../external/spatial-navigation/utils").Details) => void;
         onEnterReleaseHandler: () => void;
         onBackPressHandler: (details: import("../../../../../external/spatial-navigation/utils").Details) => void;
         onArrowPressHandler: (direction: import("../../../../../external/spatial-navigation/utils").Direction, details: import("../../../../../external/spatial-navigation/utils").Details) => boolean | void;
@@ -64,25 +69,25 @@ declare const _default: {
         componentDidMount(): void;
         componentDidUpdate(): void;
         componentWillUnmount(): void;
-        render(): React.ReactElement<MatchupSingleRoster & WithFocusableProps, string | React.JSXElementConstructor<any>>;
+        render(): React.ReactElement<MatchPredictorProps & 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;
+        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<MatchPredictorProps & 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<{
+        readonly props: Readonly<MatchPredictorProps & 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;
+        shouldComponentUpdate?(nextProps: Readonly<MatchPredictorProps & 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;
+        getSnapshotBeforeUpdate?(prevProps: Readonly<MatchPredictorProps & 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;
+        componentWillReceiveProps?(nextProps: Readonly<MatchPredictorProps & WithFocusableProps>, nextContext: any): void;
+        UNSAFE_componentWillReceiveProps?(nextProps: Readonly<MatchPredictorProps & WithFocusableProps>, nextContext: any): void;
+        componentWillUpdate?(nextProps: Readonly<MatchPredictorProps & WithFocusableProps>, nextState: Readonly<import("../../../../../external/spatial-navigation/withFocusable").WithFocusableState>, nextContext: any): void;
+        UNSAFE_componentWillUpdate?(nextProps: Readonly<MatchPredictorProps & WithFocusableProps>, nextState: Readonly<import("../../../../../external/spatial-navigation/withFocusable").WithFocusableState>, nextContext: any): void;
     };
     contextTypes: {
         parentFocusKey: import("prop-types").Requireable<string>;

package/dist/src/modules/{stats → espn/stats}/view/Penalties/Penalties.js

@@ -1,5 +1,5 @@
 import React from 'react';
-import ScoringSummary from '../ScoringSummary';
+import { ScoringSummary } from '../ScoringSummary';
 const Penalties = (props) => {
     return (React.createElement(ScoringSummary, { item: props.item, noScoresText: "No Penalties", onBecameFocused: props.onBecameFocused, onEnterPress: props.onEnterPress }));
 };

package/dist/src/modules/{stats → espn/stats}/view/PlayerSeasonStats/ExpandedPlayerStats.js

@@ -1,5 +1,6 @@
 import React, { useState, useRef, useCallback, useLayoutEffect } from 'react';
 import PlayerSeasonStatsCard from './PlayerSeasonStatsCard';
+const SCROLL_OFFSET = 24;
 const ExpandedPlayerStats = (props) => {
     const { players, teamKey, tabIndex, parentFocusKey, onArrowPress, onBackPress, onEnterPress, } = props;
     const [maxHeight, setMaxHeight] = useState('auto');
@@ -14,10 +15,12 @@ const ExpandedPlayerStats = (props) => {
             hasInitialized.current = false;
             return;
         }
-        const totalHeight = refsArray.current.reduce((prev, curr) => {
+        const totalHeight = refsArray.current.reduce((prev, curr, idx) => {
             if (!curr)
                 return prev;
-            return prev + curr.clientHeight;
+            return (prev +
+                curr.clientHeight +
+                (idx === refsArray.current.length - 1 ? 0 : SCROLL_OFFSET));
         }, 0);
         if (totalHeight > 0) {
             setMaxHeight(`${totalHeight}px`);
@@ -31,10 +34,12 @@ const ExpandedPlayerStats = (props) => {
     // Calculate max-height from focused index to end
     const updateMaxHeight = useCallback((focusedIndex) => {
         const items = refsArray.current.slice(focusedIndex);
-        const totalHeight = items.reduce((prev, curr) => {
+        const totalHeight = items.reduce((prev, curr, idx) => {
             if (!curr)
                 return prev;
-            return prev + curr.clientHeight;
+            return (prev +
+                curr.clientHeight +
+                (idx === items.length - 1 ? 0 : SCROLL_OFFSET));
         }, 0);
         setMaxHeight(`${totalHeight}px`);
     }, []);
@@ -51,13 +56,11 @@ const ExpandedPlayerStats = (props) => {
     }, []);
     const handleBecameFocused = useCallback((focusedIndex) => () => {
         updateMaxHeight(focusedIndex);
-        if (wrapperRef.current) {
-            wrapperRef.current.addEventListener('transitionend', () => scrollToElement(focusedIndex), { once: true });
-        }
+        scrollToElement(focusedIndex);
     }, [updateMaxHeight, scrollToElement]);
     return (React.createElement("div", { className: "expanded-player-stats", style: { maxHeight }, ref: wrapperRef, "data-scrolled": scrolled }, players.map((player, index) => (React.createElement("div", { key: player.title, ref: (ref) => {
             refsArray.current[index] = ref;
-        }, className: "expanded-player-item" },
+        }, className: `expanded-player-item ${player.playerStatus?.type === 'subbed-out' ? 'subbedOut' : ''}` },
         React.createElement(PlayerSeasonStatsCard, { player: player, focusKey: `expanded-player-${teamKey}-${tabIndex}-${index}`, parentFocusKey: parentFocusKey, onArrowPress: onArrowPress({ tabIndex, playerIndex: index }), onBackPress: onBackPress, onBecameFocused: handleBecameFocused(index), onEnterPress: onEnterPress }))))));
 };
 export default ExpandedPlayerStats;

package/dist/src/modules/{stats/view/ScoringSummary/ScoreItem/ScoreItem.d.ts → espn/stats/view/PlayerSeasonStats/PlayerSeasonStatsCard.d.ts}

@@ -1,10 +1,9 @@
 /// <reference types="prop-types" />
 import React from 'react';
-import { IScoreItem } from '@/modules/stats/view-model/StatsViewModel';
+import { PlayerSeasonStatsPlayerItem } from '../../view-model/StatsViewModel';
 import { WithFocusableProps } from '@/external/spatial-navigation';
-import './ScoreItem.styles.css';
 type Props = {
-    item: IScoreItem;
+    player: PlayerSeasonStatsPlayerItem;
 };
 declare const _default: {
     new (props: (Props & WithFocusableProps) | Readonly<Props & WithFocusableProps>): {
@@ -14,11 +13,12 @@ declare const _default: {
             parentFocusKey: string;
         };
         setFocus: (focusKey: string) => void;
-        navigateByDirection: (direction: import("../../../../../external/spatial-navigation/utils").Direction, details?: Record<string, any>) => void;
+        navigateByDirection: (direction: import("../../../../../external/spatial-navigation/utils").Direction, details?: import("../../../../../external/spatial-navigation/utils").Details) => void;
         stealFocus: () => void;
         onUpdateFocus: (focused: boolean) => void;
         onUpdateHasFocusedChild: (hasFocusedChild: boolean) => void;
         onEnterPressHandler: (details: import("../../../../../external/spatial-navigation/utils").Details) => void;
+        onClickPressHandler: (details: import("../../../../../external/spatial-navigation/utils").Details) => void;
         onEnterReleaseHandler: () => void;
         onBackPressHandler: (details: import("../../../../../external/spatial-navigation/utils").Details) => void;
         onArrowPressHandler: (direction: import("../../../../../external/spatial-navigation/utils").Direction, details: import("../../../../../external/spatial-navigation/utils").Details) => boolean | void;
@@ -54,11 +54,12 @@ declare const _default: {
             parentFocusKey: string;
         };
         setFocus: (focusKey: string) => void;
-        navigateByDirection: (direction: import("../../../../../external/spatial-navigation/utils").Direction, details?: Record<string, any>) => void;
+        navigateByDirection: (direction: import("../../../../../external/spatial-navigation/utils").Direction, details?: import("../../../../../external/spatial-navigation/utils").Details) => void;
         stealFocus: () => void;
         onUpdateFocus: (focused: boolean) => void;
         onUpdateHasFocusedChild: (hasFocusedChild: boolean) => void;
         onEnterPressHandler: (details: import("../../../../../external/spatial-navigation/utils").Details) => void;
+        onClickPressHandler: (details: import("../../../../../external/spatial-navigation/utils").Details) => void;
         onEnterReleaseHandler: () => void;
         onBackPressHandler: (details: import("../../../../../external/spatial-navigation/utils").Details) => void;
         onArrowPressHandler: (direction: import("../../../../../external/spatial-navigation/utils").Direction, details: import("../../../../../external/spatial-navigation/utils").Details) => boolean | void;

package/dist/src/modules/{stats → espn/stats}/view/PlayerSeasonStats/PlayerSeasonStatsCard.js

@@ -15,12 +15,12 @@ const PlayerSeasonStatsCard = (props) => {
                     React.createElement("span", { className: "player-name T05_ALT FONT_BOLD" }, player.title),
                     player.playerStatus && (React.createElement("span", { className: "status-badge T02 FONT_BOLD", style: { color: getStatusColor(player.playerStatus.type) } }, player.playerStatus.displayName))),
                 player.featuredStat && (React.createElement("span", { className: "featured-stat T30 FONT_BOLD" },
-                    React.createElement("span", { className: "featured-value" }, player.featuredStat.displayValue),
+                    React.createElement("span", { className: "featured-value T30 FONT_BOLD" }, player.featuredStat.displayValue),
                     React.createElement("span", { className: "featured-label T02" }, player.featuredStat.label)))),
             player.statistics.length > 0 && (React.createElement("table", { className: "stats-table T10" },
                 React.createElement("thead", null,
                     React.createElement("tr", null, player.statistics.map((stat, index) => (React.createElement("th", { key: `label-${stat.label}-${index}` }, stat.label))))),
                 React.createElement("tbody", null,
-                    React.createElement("tr", null, player.statistics.map((stat, index) => (React.createElement("td", { key: `value-${stat.label}-${index}`, className: "T10" }, stat.displayValue))))))))));
+                    React.createElement("tr", null, player.statistics.map((stat, index) => (React.createElement("td", { key: `value-${stat.label}-${index}`, className: "T10 FONT_BOLD" }, stat.displayValue))))))))));
 };
 export default withFocusable()(PlayerSeasonStatsCard);

package/dist/src/modules/{stats → espn/stats}/view/PlayerSeasonStats/PlayerSeasonStatsMinified.js

@@ -4,7 +4,7 @@ const PlayerSeasonStatsMinified = (props) => {
     const { player } = props;
     return (React.createElement("div", { className: "player-minified" },
         React.createElement("div", { className: "player-minified-indicator" }),
-        React.createElement("span", { className: "player-minified-text T10" },
+        React.createElement("span", { className: "player-minified-text T10 FONT_BOLD" },
             player.position && React.createElement("span", { className: "position" }, player.position),
             React.createElement("span", { className: "player-name" }, player.title),
             player.featuredStat && (React.createElement(React.Fragment, null,

package/dist/src/modules/{stats → espn/stats}/view/PlayerSeasonStats/PlayerSeasonStatsView.js

@@ -149,7 +149,7 @@ const TeamCard = (props) => {
 const Wrapper = (props) => {
     return (React.createElement("section", { className: "player-season-stats focus-ring", "data-focused": props.focused },
         React.createElement("div", { className: "header" },
-            React.createElement("h5", { className: "T05_ALT" }, props.team.shortDisplayName),
+            React.createElement("h5", { className: "T05_ALT FONT_BOLD" }, props.team.shortDisplayName),
             React.createElement("div", { className: "icon-container", "data-focused": props.focused },
                 React.createElement(Icon, { iconName: props.expanded ? 'collapse' : 'expand', height: 48, width: 48 }))),
         props.children));