@maestro_io/maestro-web-sdk 4.0.2 → 5.1.0

package/dist/src/modules/{stats/view/components/AthletesStatistics/AthletesStatistics.d.ts → espn/stats/view/RecentGames/RecentGames.d.ts}

@@ -1,39 +1,25 @@
 /// <reference types="prop-types" />
-import React from 'react';
 import { WithFocusableProps } from '@/external/spatial-navigation';
-import './AthleteStatistics.styles.css';
-import { LeaderStatistic } from '@/modules/stats/interfaces/IStats';
-type Athlete = {
-    id: string;
-    displayName: string;
-    headshot: string;
-    position: string;
-    shortName: string;
-    jersey: string;
-    statistics: LeaderStatistic[];
-    minifiedStatistics?: string;
-};
-export type AthletesStatisticsItem = {
-    displayName?: string;
-    awayAthlete: Athlete;
-    homeAthlete: Athlete;
-};
-export type AthletesStatisticsProps = {
-    item: AthletesStatisticsItem;
+import React from 'react';
+import './RecentGames.styles.css';
+import { RecentGamesStatsItem } from '../../view-model/StatsViewModel';
+type RecentGamesProps = {
+    item: RecentGamesStatsItem;
 };
 declare const _default: {
-    new (props: (AthletesStatisticsProps & WithFocusableProps) | Readonly<AthletesStatisticsProps & WithFocusableProps>): {
+    new (props: (RecentGamesProps & WithFocusableProps) | Readonly<RecentGamesProps & 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;
@@ -42,38 +28,39 @@ declare const _default: {
         componentDidMount(): void;
         componentDidUpdate(): void;
         componentWillUnmount(): void;
-        render(): React.ReactElement<AthletesStatisticsProps & WithFocusableProps, string | React.JSXElementConstructor<any>>;
+        render(): React.ReactElement<RecentGamesProps & 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<AthletesStatisticsProps & 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<RecentGamesProps & 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<AthletesStatisticsProps & WithFocusableProps> & Readonly<{
+        readonly props: Readonly<RecentGamesProps & WithFocusableProps> & Readonly<{
             children?: React.ReactNode;
         }>;
         refs: {
             [key: string]: React.ReactInstance;
         };
-        shouldComponentUpdate?(nextProps: Readonly<AthletesStatisticsProps & WithFocusableProps>, nextState: Readonly<import("../../../../../external/spatial-navigation/withFocusable").WithFocusableState>, nextContext: any): boolean;
+        shouldComponentUpdate?(nextProps: Readonly<RecentGamesProps & WithFocusableProps>, nextState: Readonly<import("../../../../../external/spatial-navigation/withFocusable").WithFocusableState>, nextContext: any): boolean;
         componentDidCatch?(error: Error, errorInfo: React.ErrorInfo): void;
-        getSnapshotBeforeUpdate?(prevProps: Readonly<AthletesStatisticsProps & WithFocusableProps>, prevState: Readonly<import("../../../../../external/spatial-navigation/withFocusable").WithFocusableState>): any;
+        getSnapshotBeforeUpdate?(prevProps: Readonly<RecentGamesProps & WithFocusableProps>, prevState: Readonly<import("../../../../../external/spatial-navigation/withFocusable").WithFocusableState>): any;
         componentWillMount?(): void;
         UNSAFE_componentWillMount?(): void;
-        componentWillReceiveProps?(nextProps: Readonly<AthletesStatisticsProps & WithFocusableProps>, nextContext: any): void;
-        UNSAFE_componentWillReceiveProps?(nextProps: Readonly<AthletesStatisticsProps & WithFocusableProps>, nextContext: any): void;
-        componentWillUpdate?(nextProps: Readonly<AthletesStatisticsProps & WithFocusableProps>, nextState: Readonly<import("../../../../../external/spatial-navigation/withFocusable").WithFocusableState>, nextContext: any): void;
-        UNSAFE_componentWillUpdate?(nextProps: Readonly<AthletesStatisticsProps & WithFocusableProps>, nextState: Readonly<import("../../../../../external/spatial-navigation/withFocusable").WithFocusableState>, nextContext: any): void;
+        componentWillReceiveProps?(nextProps: Readonly<RecentGamesProps & WithFocusableProps>, nextContext: any): void;
+        UNSAFE_componentWillReceiveProps?(nextProps: Readonly<RecentGamesProps & WithFocusableProps>, nextContext: any): void;
+        componentWillUpdate?(nextProps: Readonly<RecentGamesProps & WithFocusableProps>, nextState: Readonly<import("../../../../../external/spatial-navigation/withFocusable").WithFocusableState>, nextContext: any): void;
+        UNSAFE_componentWillUpdate?(nextProps: Readonly<RecentGamesProps & WithFocusableProps>, nextState: Readonly<import("../../../../../external/spatial-navigation/withFocusable").WithFocusableState>, nextContext: any): void;
     };
-    new (props: AthletesStatisticsProps & WithFocusableProps, context: any): {
+    new (props: RecentGamesProps & 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;
@@ -82,25 +69,25 @@ declare const _default: {
         componentDidMount(): void;
         componentDidUpdate(): void;
         componentWillUnmount(): void;
-        render(): React.ReactElement<AthletesStatisticsProps & WithFocusableProps, string | React.JSXElementConstructor<any>>;
+        render(): React.ReactElement<RecentGamesProps & 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<AthletesStatisticsProps & 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<RecentGamesProps & 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<AthletesStatisticsProps & WithFocusableProps> & Readonly<{
+        readonly props: Readonly<RecentGamesProps & WithFocusableProps> & Readonly<{
             children?: React.ReactNode;
         }>;
         refs: {
             [key: string]: React.ReactInstance;
         };
-        shouldComponentUpdate?(nextProps: Readonly<AthletesStatisticsProps & WithFocusableProps>, nextState: Readonly<import("../../../../../external/spatial-navigation/withFocusable").WithFocusableState>, nextContext: any): boolean;
+        shouldComponentUpdate?(nextProps: Readonly<RecentGamesProps & WithFocusableProps>, nextState: Readonly<import("../../../../../external/spatial-navigation/withFocusable").WithFocusableState>, nextContext: any): boolean;
         componentDidCatch?(error: Error, errorInfo: React.ErrorInfo): void;
-        getSnapshotBeforeUpdate?(prevProps: Readonly<AthletesStatisticsProps & WithFocusableProps>, prevState: Readonly<import("../../../../../external/spatial-navigation/withFocusable").WithFocusableState>): any;
+        getSnapshotBeforeUpdate?(prevProps: Readonly<RecentGamesProps & WithFocusableProps>, prevState: Readonly<import("../../../../../external/spatial-navigation/withFocusable").WithFocusableState>): any;
         componentWillMount?(): void;
         UNSAFE_componentWillMount?(): void;
-        componentWillReceiveProps?(nextProps: Readonly<AthletesStatisticsProps & WithFocusableProps>, nextContext: any): void;
-        UNSAFE_componentWillReceiveProps?(nextProps: Readonly<AthletesStatisticsProps & WithFocusableProps>, nextContext: any): void;
-        componentWillUpdate?(nextProps: Readonly<AthletesStatisticsProps & WithFocusableProps>, nextState: Readonly<import("../../../../../external/spatial-navigation/withFocusable").WithFocusableState>, nextContext: any): void;
-        UNSAFE_componentWillUpdate?(nextProps: Readonly<AthletesStatisticsProps & WithFocusableProps>, nextState: Readonly<import("../../../../../external/spatial-navigation/withFocusable").WithFocusableState>, nextContext: any): void;
+        componentWillReceiveProps?(nextProps: Readonly<RecentGamesProps & WithFocusableProps>, nextContext: any): void;
+        UNSAFE_componentWillReceiveProps?(nextProps: Readonly<RecentGamesProps & WithFocusableProps>, nextContext: any): void;
+        componentWillUpdate?(nextProps: Readonly<RecentGamesProps & WithFocusableProps>, nextState: Readonly<import("../../../../../external/spatial-navigation/withFocusable").WithFocusableState>, nextContext: any): void;
+        UNSAFE_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/src/modules/{stats → espn/stats}/view/ScoringSummary/ExpandedScores/ExpandedScores.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-import { IScoreSection } from '@/modules/stats/view-model/StatsViewModel';
+import { IScoreSection } from '@/modules/espn/stats/view-model/StatsViewModel';
 import './ExpandedScores.styles.css';
 import { Direction } from '@/external/spatial-navigation/utils';
 type Props = {

package/dist/src/modules/espn/stats/view/ScoringSummary/ExpandedScores/ExpandedSummary.d.ts

@@ -0,0 +1,100 @@
+/// <reference types="prop-types" />
+import React from 'react';
+import { WithFocusableProps } from '@/external/spatial-navigation';
+import './ExpandedSummary.style.css';
+import { ScoringSummarySectionTeam } from '@/modules/espn/stats/view-model/StatsViewModel';
+type Props = {
+    player: ScoringSummarySectionTeam;
+};
+declare const _default: {
+    new (props: (Props & WithFocusableProps) | Readonly<Props & WithFocusableProps>): {
+        state: import("../../../../../../external/spatial-navigation/withFocusable").WithFocusableState;
+        navigation: import("../../../../../../external/spatial-navigation/spatialNavigation").default;
+        getChildContext(): {
+            parentFocusKey: string;
+        };
+        setFocus: (focusKey: string) => void;
+        navigateByDirection: (direction: import("../../../../../../external/spatial-navigation/utils").Direction, details?: 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<Props & WithFocusableProps, string | React.JSXElementConstructor<any>>;
+        context: any;
+        setState<K extends keyof import("../../../../../../external/spatial-navigation/withFocusable").WithFocusableState>(state: import("../../../../../../external/spatial-navigation/withFocusable").WithFocusableState | ((prevState: Readonly<import("../../../../../../external/spatial-navigation/withFocusable").WithFocusableState>, props: Readonly<Props & WithFocusableProps>) => import("../../../../../../external/spatial-navigation/withFocusable").WithFocusableState | Pick<import("../../../../../../external/spatial-navigation/withFocusable").WithFocusableState, K> | null) | Pick<import("../../../../../../external/spatial-navigation/withFocusable").WithFocusableState, K> | null, callback?: (() => void) | undefined): void;
+        forceUpdate(callback?: (() => void) | undefined): void;
+        readonly props: Readonly<Props & WithFocusableProps> & Readonly<{
+            children?: React.ReactNode;
+        }>;
+        refs: {
+            [key: string]: React.ReactInstance;
+        };
+        shouldComponentUpdate?(nextProps: Readonly<Props & WithFocusableProps>, nextState: Readonly<import("../../../../../../external/spatial-navigation/withFocusable").WithFocusableState>, nextContext: any): boolean;
+        componentDidCatch?(error: Error, errorInfo: React.ErrorInfo): void;
+        getSnapshotBeforeUpdate?(prevProps: Readonly<Props & WithFocusableProps>, prevState: Readonly<import("../../../../../../external/spatial-navigation/withFocusable").WithFocusableState>): any;
+        componentWillMount?(): void;
+        UNSAFE_componentWillMount?(): void;
+        componentWillReceiveProps?(nextProps: Readonly<Props & WithFocusableProps>, nextContext: any): void;
+        UNSAFE_componentWillReceiveProps?(nextProps: Readonly<Props & WithFocusableProps>, nextContext: any): void;
+        componentWillUpdate?(nextProps: Readonly<Props & WithFocusableProps>, nextState: Readonly<import("../../../../../../external/spatial-navigation/withFocusable").WithFocusableState>, nextContext: any): void;
+        UNSAFE_componentWillUpdate?(nextProps: Readonly<Props & WithFocusableProps>, nextState: Readonly<import("../../../../../../external/spatial-navigation/withFocusable").WithFocusableState>, nextContext: any): void;
+    };
+    new (props: Props & WithFocusableProps, context: any): {
+        state: import("../../../../../../external/spatial-navigation/withFocusable").WithFocusableState;
+        navigation: import("../../../../../../external/spatial-navigation/spatialNavigation").default;
+        getChildContext(): {
+            parentFocusKey: string;
+        };
+        setFocus: (focusKey: string) => void;
+        navigateByDirection: (direction: import("../../../../../../external/spatial-navigation/utils").Direction, details?: 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<Props & WithFocusableProps, string | React.JSXElementConstructor<any>>;
+        context: any;
+        setState<K extends keyof import("../../../../../../external/spatial-navigation/withFocusable").WithFocusableState>(state: import("../../../../../../external/spatial-navigation/withFocusable").WithFocusableState | ((prevState: Readonly<import("../../../../../../external/spatial-navigation/withFocusable").WithFocusableState>, props: Readonly<Props & WithFocusableProps>) => import("../../../../../../external/spatial-navigation/withFocusable").WithFocusableState | Pick<import("../../../../../../external/spatial-navigation/withFocusable").WithFocusableState, K> | null) | Pick<import("../../../../../../external/spatial-navigation/withFocusable").WithFocusableState, K> | null, callback?: (() => void) | undefined): void;
+        forceUpdate(callback?: (() => void) | undefined): void;
+        readonly props: Readonly<Props & WithFocusableProps> & Readonly<{
+            children?: React.ReactNode;
+        }>;
+        refs: {
+            [key: string]: React.ReactInstance;
+        };
+        shouldComponentUpdate?(nextProps: Readonly<Props & WithFocusableProps>, nextState: Readonly<import("../../../../../../external/spatial-navigation/withFocusable").WithFocusableState>, nextContext: any): boolean;
+        componentDidCatch?(error: Error, errorInfo: React.ErrorInfo): void;
+        getSnapshotBeforeUpdate?(prevProps: Readonly<Props & WithFocusableProps>, prevState: Readonly<import("../../../../../../external/spatial-navigation/withFocusable").WithFocusableState>): any;
+        componentWillMount?(): void;
+        UNSAFE_componentWillMount?(): void;
+        componentWillReceiveProps?(nextProps: Readonly<Props & WithFocusableProps>, nextContext: any): void;
+        UNSAFE_componentWillReceiveProps?(nextProps: Readonly<Props & WithFocusableProps>, nextContext: any): void;
+        componentWillUpdate?(nextProps: Readonly<Props & WithFocusableProps>, nextState: Readonly<import("../../../../../../external/spatial-navigation/withFocusable").WithFocusableState>, nextContext: any): void;
+        UNSAFE_componentWillUpdate?(nextProps: Readonly<Props & WithFocusableProps>, nextState: Readonly<import("../../../../../../external/spatial-navigation/withFocusable").WithFocusableState>, nextContext: any): void;
+    };
+    contextTypes: {
+        parentFocusKey: import("prop-types").Requireable<string>;
+    };
+    childContextTypes: {
+        parentFocusKey: import("prop-types").Requireable<string>;
+    };
+    contextType?: React.Context<any> | undefined;
+};
+export default _default;

package/dist/src/modules/espn/stats/view/ScoringSummary/ExpandedScores/ExpandedSummary.js

@@ -0,0 +1,24 @@
+import React from 'react';
+import HeadshotImage from '@/components/molecules/HeadshotImage';
+import { withFocusable, } from '@/external/spatial-navigation';
+import { slugify } from '@/helpers/strings';
+import './ExpandedSummary.style.css';
+const ExpandedSummary = (props) => {
+    const { player, focused } = props;
+    // Guard against missing header array
+    const headerItems = player.header ?? [];
+    return (React.createElement("div", { className: "player-card focus-ring", "data-focused": focused },
+        React.createElement("div", { className: "image-wrapper" },
+            React.createElement(HeadshotImage, { src: player.headshot, alt: `${player.athleteShortName || 'Player'} Headshot`, crossOrigin: "anonymous", className: "cardImage" }),
+            player.athletePosition && (React.createElement("div", { className: "athlete-position-badge" },
+                React.createElement("span", { className: "T02" }, player.athletePosition)))),
+        React.createElement("div", { className: "player-info" },
+            headerItems.length > 0 && (React.createElement("div", null, headerItems.map((headerItem, index) => (React.createElement("span", { key: headerItem.title
+                    ? slugify(headerItem.title)
+                    : `header-${index}`, className: `scoring-summary-info-header FONT_BOLD ${headerItem.featured ? 'featured T02' : 'T01'}` }, headerItem.title))))),
+            (player.athleteJersey || player.athleteShortName) && (React.createElement("div", { className: "player-info-names" },
+                player.athleteJersey && (React.createElement("span", { className: "player-jersey FONT_BOLD T05_ALT" }, player.athleteJersey)),
+                player.athleteShortName && (React.createElement("span", { className: "player-short-name FONT_BOLD T05_ALT" }, player.athleteShortName)))),
+            player.text && (React.createElement("div", { className: "T02 TEXT_200 FONT_BOLD" }, player.text)))));
+};
+export default withFocusable()(ExpandedSummary);

package/dist/src/modules/espn/stats/view/ScoringSummary/ExpandedScores/index.d.ts

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

package/dist/src/modules/espn/stats/view/ScoringSummary/ExpandedScores/index.js

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

package/dist/src/modules/espn/stats/view/ScoringSummary/ScoreItem/ScoreItem.d.ts

@@ -0,0 +1,100 @@
+/// <reference types="prop-types" />
+import React from 'react';
+import { IScoreItem } from '@/modules/espn/stats/view-model/StatsViewModel';
+import { WithFocusableProps } from '@/external/spatial-navigation';
+import './ScoreItem.styles.css';
+type Props = {
+    item: IScoreItem;
+};
+declare const _default: {
+    new (props: (Props & WithFocusableProps) | Readonly<Props & WithFocusableProps>): {
+        state: import("../../../../../../external/spatial-navigation/withFocusable").WithFocusableState;
+        navigation: import("../../../../../../external/spatial-navigation/spatialNavigation").default;
+        getChildContext(): {
+            parentFocusKey: string;
+        };
+        setFocus: (focusKey: string) => void;
+        navigateByDirection: (direction: import("../../../../../../external/spatial-navigation/utils").Direction, details?: 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<Props & WithFocusableProps, string | React.JSXElementConstructor<any>>;
+        context: any;
+        setState<K extends keyof import("../../../../../../external/spatial-navigation/withFocusable").WithFocusableState>(state: import("../../../../../../external/spatial-navigation/withFocusable").WithFocusableState | ((prevState: Readonly<import("../../../../../../external/spatial-navigation/withFocusable").WithFocusableState>, props: Readonly<Props & WithFocusableProps>) => import("../../../../../../external/spatial-navigation/withFocusable").WithFocusableState | Pick<import("../../../../../../external/spatial-navigation/withFocusable").WithFocusableState, K> | null) | Pick<import("../../../../../../external/spatial-navigation/withFocusable").WithFocusableState, K> | null, callback?: (() => void) | undefined): void;
+        forceUpdate(callback?: (() => void) | undefined): void;
+        readonly props: Readonly<Props & WithFocusableProps> & Readonly<{
+            children?: React.ReactNode;
+        }>;
+        refs: {
+            [key: string]: React.ReactInstance;
+        };
+        shouldComponentUpdate?(nextProps: Readonly<Props & WithFocusableProps>, nextState: Readonly<import("../../../../../../external/spatial-navigation/withFocusable").WithFocusableState>, nextContext: any): boolean;
+        componentDidCatch?(error: Error, errorInfo: React.ErrorInfo): void;
+        getSnapshotBeforeUpdate?(prevProps: Readonly<Props & WithFocusableProps>, prevState: Readonly<import("../../../../../../external/spatial-navigation/withFocusable").WithFocusableState>): any;
+        componentWillMount?(): void;
+        UNSAFE_componentWillMount?(): void;
+        componentWillReceiveProps?(nextProps: Readonly<Props & WithFocusableProps>, nextContext: any): void;
+        UNSAFE_componentWillReceiveProps?(nextProps: Readonly<Props & WithFocusableProps>, nextContext: any): void;
+        componentWillUpdate?(nextProps: Readonly<Props & WithFocusableProps>, nextState: Readonly<import("../../../../../../external/spatial-navigation/withFocusable").WithFocusableState>, nextContext: any): void;
+        UNSAFE_componentWillUpdate?(nextProps: Readonly<Props & WithFocusableProps>, nextState: Readonly<import("../../../../../../external/spatial-navigation/withFocusable").WithFocusableState>, nextContext: any): void;
+    };
+    new (props: Props & WithFocusableProps, context: any): {
+        state: import("../../../../../../external/spatial-navigation/withFocusable").WithFocusableState;
+        navigation: import("../../../../../../external/spatial-navigation/spatialNavigation").default;
+        getChildContext(): {
+            parentFocusKey: string;
+        };
+        setFocus: (focusKey: string) => void;
+        navigateByDirection: (direction: import("../../../../../../external/spatial-navigation/utils").Direction, details?: 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<Props & WithFocusableProps, string | React.JSXElementConstructor<any>>;
+        context: any;
+        setState<K extends keyof import("../../../../../../external/spatial-navigation/withFocusable").WithFocusableState>(state: import("../../../../../../external/spatial-navigation/withFocusable").WithFocusableState | ((prevState: Readonly<import("../../../../../../external/spatial-navigation/withFocusable").WithFocusableState>, props: Readonly<Props & WithFocusableProps>) => import("../../../../../../external/spatial-navigation/withFocusable").WithFocusableState | Pick<import("../../../../../../external/spatial-navigation/withFocusable").WithFocusableState, K> | null) | Pick<import("../../../../../../external/spatial-navigation/withFocusable").WithFocusableState, K> | null, callback?: (() => void) | undefined): void;
+        forceUpdate(callback?: (() => void) | undefined): void;
+        readonly props: Readonly<Props & WithFocusableProps> & Readonly<{
+            children?: React.ReactNode;
+        }>;
+        refs: {
+            [key: string]: React.ReactInstance;
+        };
+        shouldComponentUpdate?(nextProps: Readonly<Props & WithFocusableProps>, nextState: Readonly<import("../../../../../../external/spatial-navigation/withFocusable").WithFocusableState>, nextContext: any): boolean;
+        componentDidCatch?(error: Error, errorInfo: React.ErrorInfo): void;
+        getSnapshotBeforeUpdate?(prevProps: Readonly<Props & WithFocusableProps>, prevState: Readonly<import("../../../../../../external/spatial-navigation/withFocusable").WithFocusableState>): any;
+        componentWillMount?(): void;
+        UNSAFE_componentWillMount?(): void;
+        componentWillReceiveProps?(nextProps: Readonly<Props & WithFocusableProps>, nextContext: any): void;
+        UNSAFE_componentWillReceiveProps?(nextProps: Readonly<Props & WithFocusableProps>, nextContext: any): void;
+        componentWillUpdate?(nextProps: Readonly<Props & WithFocusableProps>, nextState: Readonly<import("../../../../../../external/spatial-navigation/withFocusable").WithFocusableState>, nextContext: any): void;
+        UNSAFE_componentWillUpdate?(nextProps: Readonly<Props & WithFocusableProps>, nextState: Readonly<import("../../../../../../external/spatial-navigation/withFocusable").WithFocusableState>, nextContext: any): void;
+    };
+    contextTypes: {
+        parentFocusKey: import("prop-types").Requireable<string>;
+    };
+    childContextTypes: {
+        parentFocusKey: import("prop-types").Requireable<string>;
+    };
+    contextType?: React.Context<any> | undefined;
+};
+export default _default;

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

@@ -2,7 +2,7 @@ import React from 'react';
 import { withFocusable, } from '@/external/spatial-navigation';
 import Image from '@/components/atoms/Image';
 import './ScoreItem.styles.css';
-import { BASE_64_KEY_PLAY_THUMBNAIL_FALLBACK } from '@/modules/key-plays/constants';
+import { BASE_64_KEY_PLAY_THUMBNAIL_FALLBACK } from '@/modules/espn/key-plays/constants';
 class ScoreItem extends React.Component {
     constructor(props) {
         super(props);

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

@@ -1,4 +1,4 @@
-import { IScoreSection } from '@/modules/stats/view-model/StatsViewModel';
+import { IScoreSection } from '@/modules/espn/stats/view-model/StatsViewModel';
 import './ScoresSection.styles.css';
 declare const ScoresSection: (props: IScoreSection & {
     noScoresText: string;

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

@@ -0,0 +1,12 @@
+import { WithFocusableProps } from '@/external/spatial-navigation';
+import { ScoringSummaryItem, PenaltiesItem } from '../../view-model/StatsViewModel';
+import './ScoringSummary.styles.css';
+export type ScoringSummaryProps = {
+    item: ScoringSummaryItem | PenaltiesItem;
+    noScoresText?: string;
+    onBecameFocused?: (...args: any[]) => void;
+    onEnterPress?: (...args: any[]) => void;
+    onArrowPress?: (...args: any[]) => void;
+};
+declare const ScoringSummary: (props: ScoringSummaryProps & WithFocusableProps) => JSX.Element | null;
+export default ScoringSummary;

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

@@ -0,0 +1,167 @@
+import React, { useCallback, useLayoutEffect, useRef, useState } from 'react';
+import { withFocusable, } from '@/external/spatial-navigation';
+import './ScoringSummary.styles.css';
+import Icon from '@/components/atoms/SvgIcon';
+import { slugify } from '@/helpers/strings';
+import Image from '@/components/atoms/Image';
+import SDK from '@/index';
+import ExpandedSummary from './ExpandedScores/ExpandedSummary';
+const SCROLL_OFFSET = 24;
+const ScoringSummaryCard = (props) => {
+    const { section, index, focusKeyPrefix } = props;
+    const [expanded, setExpanded] = useState(false);
+    const [maxHeight, setMaxHeight] = useState('auto');
+    const [scrolled, setScrolled] = useState(false);
+    const refsArray = useRef([]);
+    const wrapperRef = useRef(null);
+    const hasInitialized = useRef(false);
+    // Use prefix + index for predictable, unique focus keys
+    const cardFocusKey = `${focusKeyPrefix}-${index}`;
+    const handleEnterPress = (innerProps, details) => {
+        props.onEnterPress?.(innerProps, details);
+        const newValue = !expanded;
+        setExpanded(newValue);
+        if (newValue) {
+            SDK.getMaestroEventViewModel().navigation.setFocus(getExpandedPlayerFocusKey());
+        }
+    };
+    const getExpandedPlayerFocusKey = () => {
+        const activeSection = section.items?.[0];
+        if (!activeSection) {
+            console.error('[BBD] [ScoringSummary] [getExpandedPlayerFocusKey] No active section found');
+            return 'invalid-focus-key';
+        }
+        return `expanded-player-${focusKeyPrefix}-${index}-0`;
+    };
+    // Collapse on boundary navigation (UP at first, DOWN at last)
+    const handleExpandedPlayerArrowPress = (arrowProps) => (d) => {
+        const { playerIndex } = arrowProps;
+        const items = section.items || [];
+        if (d === 'left') {
+            SDK.getMaestroEventViewModel().deliverFocus();
+            return false;
+        }
+        // UP at first player -> navigate to tabs (if any) or back to card
+        if (d === 'up' && playerIndex === 0) {
+            setExpanded(false);
+            SDK.getMaestroEventViewModel().navigation.setFocus(cardFocusKey);
+            return false;
+        }
+        // DOWN at last player -> navigate down from card
+        if (d === 'down' && playerIndex === items.length - 1) {
+            setExpanded(false);
+            SDK.getMaestroEventViewModel().navigation.navigateByDirection('down');
+            return false;
+        }
+        if (d === 'right' && playerIndex === items.length - 1) {
+            return false; // Prevent right navigation out of tabs
+        }
+        return true;
+    };
+    const handleBackPress = () => {
+        setExpanded(false);
+        SDK.getMaestroEventViewModel().navigation.setFocus(cardFocusKey);
+    };
+    // Compute max-height after render when refs are populated, and when players change
+    useLayoutEffect(() => {
+        if (!refsArray.current || refsArray.current.length === 0) {
+            setMaxHeight('auto');
+            hasInitialized.current = false;
+            return;
+        }
+        const totalHeight = refsArray.current.reduce((prev, curr, idx) => {
+            if (!curr)
+                return prev;
+            return (prev +
+                curr.clientHeight +
+                (idx === refsArray.current.length - 1 ? 0 : SCROLL_OFFSET));
+        }, 0);
+        if (totalHeight > 0) {
+            setMaxHeight(`${totalHeight}px`);
+            hasInitialized.current = true;
+        }
+        else {
+            setMaxHeight('auto');
+            hasInitialized.current = false;
+        }
+    }, [section.items.length, expanded]);
+    // Calculate max-height from focused index to end
+    const updateMaxHeight = useCallback((focusedIndex) => {
+        const items = refsArray.current.slice(focusedIndex);
+        const totalHeight = items.reduce((prev, curr, idx) => {
+            if (!curr)
+                return prev;
+            return (prev +
+                curr.clientHeight +
+                (idx === items.length - 1 ? 0 : SCROLL_OFFSET));
+        }, 0);
+        setMaxHeight(`${totalHeight}px`);
+    }, [expanded, section.items?.length]);
+    // Scroll to element after transition
+    const scrollToElement = useCallback((focusedIndex) => {
+        const element = refsArray.current[focusedIndex];
+        if (!element || !wrapperRef.current)
+            return;
+        const wrapperRect = wrapperRef.current.getBoundingClientRect();
+        const elementRect = element.getBoundingClientRect();
+        const scrollTop = elementRect.top - wrapperRect.top + wrapperRef.current.scrollTop;
+        wrapperRef.current.scrollTo({ top: scrollTop, behavior: 'smooth' });
+        setScrolled(scrollTop > 60);
+    }, [section.items?.length]);
+    const handleBecameFocused = useCallback((focusedIndex) => () => {
+        updateMaxHeight(focusedIndex);
+        scrollToElement(focusedIndex);
+    }, [updateMaxHeight, scrollToElement]);
+    const renderExpandedContent = () => {
+        const players = section.items || [];
+        return (React.createElement("div", { className: "expanded-player-score-summary-stats", style: { maxHeight }, ref: wrapperRef, "data-scrolled": scrolled }, players.map((player, playerIndex) => (React.createElement("div", { key: `player-${playerIndex}-${player.athleteShortName || ''}`, ref: (el) => {
+                // Properly handle both mounting and unmounting
+                refsArray.current[playerIndex] = el;
+            }, className: "expanded-player-score-summary-stat" },
+            React.createElement(ExpandedSummary, { player: player, focusKey: `expanded-player-${focusKeyPrefix}-${index}-${playerIndex}`, parentFocusKey: cardFocusKey, onArrowPress: handleExpandedPlayerArrowPress({
+                    playerIndex: playerIndex,
+                }), onBackPress: handleBackPress, onBecameFocused: handleBecameFocused(playerIndex) }))))));
+    };
+    const onArrowPress = (d) => {
+        if (d === 'left') {
+            SDK.getMaestroEventViewModel().deliverFocus();
+            return false;
+        }
+        return true;
+    };
+    const renderCollapsedContent = () => {
+        const items = section.items || [];
+        if (!items.length) {
+            return (React.createElement("div", { className: "no-scores T10 FONT_BOLD" }, props.noScoresText));
+        }
+        return (React.createElement("div", { className: "collapsed-content" }, items.map((item, index) => (React.createElement("div", { key: item.athleteShortName
+                ? slugify(item.text || `${item.athleteShortName}-${index}`)
+                : `item-${index}`, className: "scoring-row" },
+            item.teamLogo && (React.createElement(Image, { src: item.teamLogo, className: "team-logo", width: 48, height: 48 })),
+            React.createElement("div", { className: "scoring-summary-info" },
+                Array.isArray(item.header) && (React.createElement("div", null, item.header.map((headerItem, idx) => (React.createElement("span", { key: headerItem.title ?? `header-${idx}`, className: `scoring-summary-info-header FONT_BOLD ${headerItem.featured ? 'featured T02' : 'T01'}` }, headerItem.title))))),
+                Array.isArray(item.shortText) && (React.createElement("div", null, item.shortText.map((textItem, idx) => (React.createElement("span", { key: textItem.title ?? `short-text-${idx}`, className: `scoring-summary-info-header FONT_BOLD ${textItem.featured ? 'featured T02' : 'T01'}` }, textItem.title)))))))))));
+    };
+    return (React.createElement(FocusableWrapper, { focusKey: cardFocusKey, trackChildren: expanded, onEnterPress: handleEnterPress, onBecameFocused: props.onBecameFocused, onArrowPress: onArrowPress, title: section.title, expanded: expanded }, expanded ? (React.createElement(React.Fragment, { key: `expanded-${cardFocusKey}` }, renderExpandedContent())) : (React.createElement(React.Fragment, { key: `collapsed-${cardFocusKey}` }, renderCollapsedContent()))));
+};
+const Wrapper = (props) => {
+    return (React.createElement("section", { className: "scoring-summary-card focus-ring", "data-focused": props.focused },
+        React.createElement("div", { className: "header" },
+            React.createElement("h5", { className: "T05_ALT" }, props.title),
+            React.createElement("div", { className: "icon-container", "data-focused": props.focused },
+                React.createElement(Icon, { iconName: props.expanded ? 'collapse' : 'expand', height: 48, width: 48 }))),
+        props.children));
+};
+const FocusableWrapper = withFocusable()(Wrapper);
+const ScoringSummary = (props) => {
+    const { item, noScoresText: noScoresTextProp, onBecameFocused, onEnterPress, } = props;
+    const noScoresText = noScoresTextProp || 'No Scores';
+    const focusKeyPrefix = `scoring-summary-${item.type}`;
+    if (!item.sections?.length) {
+        return null;
+    }
+    return (React.createElement("div", { className: "scoring-summary-container" },
+        React.createElement("div", { className: "T05_ALT scoring-summary-title" }, item.title),
+        item.sections.map((section, index) => (React.createElement(ScoringSummaryCard, { section: section, key: section.title || index, index: index, focusKeyPrefix: focusKeyPrefix, noScoresText: noScoresText, onBecameFocused: onBecameFocused, onEnterPress: onEnterPress })))));
+};
+export default ScoringSummary;

package/dist/src/modules/espn/stats/view/ScoringSummary/index.d.ts

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

package/dist/src/modules/espn/stats/view/ScoringSummary/index.js

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

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

@@ -0,0 +1,8 @@
+import React from 'react';
+import { StatsItem } from '../view-model/StatsViewModel';
+type Props = {
+    item: StatsItem;
+    onEnterPress: (item: StatsItem) => void;
+};
+declare const StatsItemView: React.FC<Props>;
+export default StatsItemView;