@maestro_io/maestro-web-sdk 5.0.0 → 5.1.1

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

@@ -0,0 +1,39 @@
+import React from 'react';
+import './TeamsView.styles.css';
+import Image from '@/components/atoms/Image';
+import { withFocusable, } from '@/external/spatial-navigation';
+import { CarouselSlider, StatsCarousel } from './StatsCarousel';
+import TeamStatistic from '../../components/TeamStatistic';
+const Teams = (props) => {
+    const item = props.item;
+    const teams = [item.awayTeam, item.homeTeam];
+    return (React.createElement("section", { className: "stats-teams-view focus-ring", "data-focused": props.focused, style: {
+            '--home-team': `#${item.homeTeam.color}`,
+            '--away-team': `#${item.awayTeam.color}`,
+        }, "data-live": item.isLive },
+        React.createElement("div", { className: "stats-teams-view-header" }, teams.map((team) => (React.createElement("div", { key: team.id, className: "stats-team" },
+            React.createElement(Image, { src: team.logo, alt: team.name, crossOrigin: "anonymous" }),
+            React.createElement("div", null,
+                React.createElement("span", { className: "T30 FONT_BOLD" }, team.abbreviation),
+                team.details && team.details.length > 0 ? (team.details.map((detail, index) => (React.createElement("p", { key: `${team.id}-detail-${index}`, className: "T02" }, detail)))) : (React.createElement("p", { className: "T02" }, team.record))))))),
+        item.isLive && (React.createElement("div", { className: "statistics" },
+            React.createElement("table", { className: "statistics-table", "data-rowheader": item.linescoresRowHeader === 'teamLogo' ? 'teamLogo' : undefined },
+                React.createElement("thead", null,
+                    React.createElement("tr", null,
+                        React.createElement("th", { className: "T10" }),
+                        item.linescoresHeader.map((header) => (React.createElement("th", { key: header, className: "T10" }, header))))),
+                React.createElement("tbody", null, teams.map((team) => (React.createElement("tr", { key: team.id },
+                    React.createElement("td", { className: "T30 FONT_BOLD" }, item.linescoresRowHeader === 'teamLogo' ? (React.createElement(Image, { src: team.logo, alt: team.name, crossOrigin: "anonymous" })) : (team.name)),
+                    team.linescores.map((lineScore, index) => (React.createElement("td", { key: `${lineScore}-${index}`, className: "T10" }, lineScore)))))))),
+            item.statistics &&
+                item.statistics.length > 0 &&
+                item.linescoresRowHeader !== 'teamLogo' && (React.createElement(StatsCarousel, { itemsLength: item.statistics.length }, item.statistics.map((statistic) => (React.createElement(CarouselSlider, { itemsLength: item.statistics.length, key: statistic.displayName },
+                React.createElement(TeamStatistic, { statisticName: statistic.displayName, firstDisplayValue: statistic.awayTeamDisplayValue, secondDisplayValue: statistic.homeTeamDisplayValue, awayProgressValue: statistic.awayTeamValue, homeProgressValue: statistic.homeTeamValue, classNames: {
+                        container: 'score-statistics',
+                        header: 'score-statistics-header',
+                        firstValue: 'T30 FONT_BOLD',
+                        secondValue: 'T30 FONT_BOLD',
+                        statisticName: 'statistic-name T02',
+                    } }))))))))));
+};
+export default withFocusable()(Teams);

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

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

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

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

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

@@ -0,0 +1,100 @@
+/// <reference types="prop-types" />
+import React from 'react';
+import './WinProbability.styles.css';
+import { WithFocusableProps } from '@/external/spatial-navigation';
+import { WinProbabilityStatsItem } from '../../view-model/StatsViewModel';
+type WinProbabilityProps = {
+    item: WinProbabilityStatsItem;
+};
+declare const _default: {
+    new (props: (WinProbabilityProps & WithFocusableProps) | Readonly<WinProbabilityProps & 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<WinProbabilityProps & 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<WinProbabilityProps & 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<WinProbabilityProps & WithFocusableProps> & Readonly<{
+            children?: React.ReactNode;
+        }>;
+        refs: {
+            [key: string]: React.ReactInstance;
+        };
+        shouldComponentUpdate?(nextProps: Readonly<WinProbabilityProps & WithFocusableProps>, nextState: Readonly<import("../../../../../external/spatial-navigation/withFocusable").WithFocusableState>, nextContext: any): boolean;
+        componentDidCatch?(error: Error, errorInfo: React.ErrorInfo): void;
+        getSnapshotBeforeUpdate?(prevProps: Readonly<WinProbabilityProps & WithFocusableProps>, prevState: Readonly<import("../../../../../external/spatial-navigation/withFocusable").WithFocusableState>): any;
+        componentWillMount?(): void;
+        UNSAFE_componentWillMount?(): void;
+        componentWillReceiveProps?(nextProps: Readonly<WinProbabilityProps & WithFocusableProps>, nextContext: any): void;
+        UNSAFE_componentWillReceiveProps?(nextProps: Readonly<WinProbabilityProps & WithFocusableProps>, nextContext: any): void;
+        componentWillUpdate?(nextProps: Readonly<WinProbabilityProps & WithFocusableProps>, nextState: Readonly<import("../../../../../external/spatial-navigation/withFocusable").WithFocusableState>, nextContext: any): void;
+        UNSAFE_componentWillUpdate?(nextProps: Readonly<WinProbabilityProps & WithFocusableProps>, nextState: Readonly<import("../../../../../external/spatial-navigation/withFocusable").WithFocusableState>, nextContext: any): void;
+    };
+    new (props: WinProbabilityProps & 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<WinProbabilityProps & 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<WinProbabilityProps & 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<WinProbabilityProps & WithFocusableProps> & Readonly<{
+            children?: React.ReactNode;
+        }>;
+        refs: {
+            [key: string]: React.ReactInstance;
+        };
+        shouldComponentUpdate?(nextProps: Readonly<WinProbabilityProps & WithFocusableProps>, nextState: Readonly<import("../../../../../external/spatial-navigation/withFocusable").WithFocusableState>, nextContext: any): boolean;
+        componentDidCatch?(error: Error, errorInfo: React.ErrorInfo): void;
+        getSnapshotBeforeUpdate?(prevProps: Readonly<WinProbabilityProps & WithFocusableProps>, prevState: Readonly<import("../../../../../external/spatial-navigation/withFocusable").WithFocusableState>): any;
+        componentWillMount?(): void;
+        UNSAFE_componentWillMount?(): void;
+        componentWillReceiveProps?(nextProps: Readonly<WinProbabilityProps & WithFocusableProps>, nextContext: any): void;
+        UNSAFE_componentWillReceiveProps?(nextProps: Readonly<WinProbabilityProps & WithFocusableProps>, nextContext: any): void;
+        componentWillUpdate?(nextProps: Readonly<WinProbabilityProps & WithFocusableProps>, nextState: Readonly<import("../../../../../external/spatial-navigation/withFocusable").WithFocusableState>, nextContext: any): void;
+        UNSAFE_componentWillUpdate?(nextProps: Readonly<WinProbabilityProps & 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/WinProbability/WinProbability.js

@@ -0,0 +1,28 @@
+import React from 'react';
+import './WinProbability.styles.css';
+import { withFocusable, } from '@/external/spatial-navigation';
+import Image from '@/components/atoms/Image';
+const WinProbability = (props) => {
+    const item = props.item;
+    return (React.createElement("section", { className: "win-probability focus-ring", "data-focused": props.focused },
+        React.createElement("h5", { className: "T05_ALT FONT_BOLD" }, "Win Probability"),
+        React.createElement("div", { className: "win-probability-card" }, [item.awayTeam, item.homeTeam].map((team, index) => {
+            return (React.createElement("div", { className: "team", key: team.id },
+                React.createElement(Image, { src: team.logo, alt: `${team.abbreviation} logo`, crossOrigin: "anonymous" }),
+                React.createElement("div", { className: "info" },
+                    React.createElement("span", { className: "T60" }, team.winPercentage ? `${team.winPercentage}%` : '–'),
+                    React.createElement("div", { className: "name T01" },
+                        index === 0 ? React.createElement(AwayTeamChartLine, null) : React.createElement(HomeTeamChartLine, null),
+                        React.createElement("span", null, team.abbreviation)))));
+        })),
+        React.createElement(Image, { src: item.chartImageUrl, alt: "Win Probability Chart", crossOrigin: "anonymous" })));
+};
+const AwayTeamChartLine = () => {
+    return (React.createElement("svg", { width: "25", height: "4", viewBox: "0 0 25 4", fill: "none", xmlns: "http://www.w3.org/2000/svg" },
+        React.createElement("path", { d: "M2.33337 2H22.3334", stroke: "white", strokeWidth: "4", strokeLinecap: "round" })));
+};
+const HomeTeamChartLine = () => {
+    return (React.createElement("svg", { width: "25", height: "4", viewBox: "0 0 25 4", fill: "none", xmlns: "http://www.w3.org/2000/svg" },
+        React.createElement("path", { d: "M2.66992 2H22.6699", stroke: "white", strokeWidth: "4", strokeLinecap: "round", strokeDasharray: "2 7" })));
+};
+export default withFocusable()(WinProbability);

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

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

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

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

package/dist/src/modules/espn/stats/view/components/AthletesStatistics/AthletesStatistics.d.ts

@@ -0,0 +1,115 @@
+/// <reference types="prop-types" />
+import React from 'react';
+import { WithFocusableProps } from '@/external/spatial-navigation';
+import './AthleteStatistics.styles.css';
+import { LeaderStatistic } from '@/modules/espn/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;
+};
+declare const _default: {
+    new (props: (AthletesStatisticsProps & WithFocusableProps) | Readonly<AthletesStatisticsProps & 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<AthletesStatisticsProps & 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;
+        forceUpdate(callback?: (() => void) | undefined): void;
+        readonly props: Readonly<AthletesStatisticsProps & 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;
+        componentDidCatch?(error: Error, errorInfo: React.ErrorInfo): void;
+        getSnapshotBeforeUpdate?(prevProps: Readonly<AthletesStatisticsProps & 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;
+    };
+    new (props: AthletesStatisticsProps & 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<AthletesStatisticsProps & 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;
+        forceUpdate(callback?: (() => void) | undefined): void;
+        readonly props: Readonly<AthletesStatisticsProps & 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;
+        componentDidCatch?(error: Error, errorInfo: React.ErrorInfo): void;
+        getSnapshotBeforeUpdate?(prevProps: Readonly<AthletesStatisticsProps & 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;
+    };
+    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/components/AthletesStatistics/AthletesStatistics.js

@@ -0,0 +1,89 @@
+import React, { Component } from 'react';
+import StatisticsTable from './StatisticTable';
+import Image from '@/components/atoms/Image';
+import { withFocusable, } from '@/external/spatial-navigation';
+import './AthleteStatistics.styles.css';
+import { BASE_64_KEY_PLAY_THUMBNAIL_FALLBACK } from '@/modules/espn/key-plays/constants';
+class AthletesStatistics extends Component {
+    constructor(props) {
+        super(props);
+        Object.defineProperty(this, "mounted", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: true
+        });
+        Object.defineProperty(this, "onAwayAthleteImageLoad", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: () => {
+                if (!this.mounted)
+                    return;
+                this.setState({ awayAthleteImageLoaded: true });
+            }
+        });
+        Object.defineProperty(this, "onHomeAthleteImageLoad", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: () => {
+                if (!this.mounted)
+                    return;
+                this.setState({ homeAthleteImageLoaded: true });
+            }
+        });
+        Object.defineProperty(this, "renderAthleteImage", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: (athlete, isAway) => {
+                const imageLoaded = isAway
+                    ? this.state.awayAthleteImageLoaded
+                    : this.state.homeAthleteImageLoaded;
+                const onLoad = isAway
+                    ? this.onAwayAthleteImageLoad
+                    : this.onHomeAthleteImageLoad;
+                return (React.createElement("div", { className: "image-wrapper T02" },
+                    !imageLoaded && (React.createElement(Image, { src: BASE_64_KEY_PLAY_THUMBNAIL_FALLBACK, crossOrigin: "anonymous", alt: "Player Headshot Loading", className: "cardImage" })),
+                    React.createElement(Image, { src: athlete.headshot, alt: `${this.props.item.displayName} ${athlete.displayName} Headshot Image`, crossOrigin: "anonymous", onLoad: onLoad, className: "cardImage", style: {
+                            display: imageLoaded ? 'block' : 'none',
+                        } }),
+                    React.createElement("div", { className: "athlete-position-badge" },
+                        ' ',
+                        React.createElement("span", null, athlete.position))));
+            }
+        });
+        this.state = {
+            awayAthleteImageLoaded: false,
+            homeAthleteImageLoaded: false,
+        };
+    }
+    componentWillUnmount() {
+        this.mounted = false;
+    }
+    render() {
+        const { item, focused } = this.props;
+        return (React.createElement("div", { className: "athletes-statistics focus-ring", "data-focused": focused },
+            !!item.displayName && (React.createElement("span", { className: "T05_ALT" }, item.displayName)),
+            React.createElement("div", { className: "leaders-wrapper" }, [item.awayAthlete, item.homeAthlete].map((athlete, index) => {
+                const isAway = index === 0;
+                return (React.createElement("div", { className: "leader", key: athlete.id + item.displayName },
+                    this.renderAthleteImage(athlete, isAway),
+                    React.createElement("div", { className: "leader-info" },
+                        React.createElement("div", { className: "main-statistic T05_ALT" },
+                            athlete.shortName,
+                            ' ',
+                            React.createElement("span", { className: "athlete-number T02" },
+                                "#",
+                                athlete.jersey)),
+                        Array.isArray(athlete.statistics) &&
+                            !!athlete.statistics.length && (React.createElement("div", { className: "main-statistic T30 FONT_BOLD" },
+                            athlete.statistics[0].displayValue,
+                            ' ',
+                            React.createElement("span", { className: "athlete-points T02" }, athlete.statistics[0].abbreviation))))));
+            })),
+            React.createElement(StatisticsTable, { item: item })));
+    }
+}
+export default withFocusable()(AthletesStatistics);

package/dist/src/modules/espn/stats/view/components/AthletesStatistics/StatisticTable.d.ts

@@ -0,0 +1,3 @@
+import { AthletesStatisticsProps } from './AthletesStatistics';
+declare const StatisticsTable: (props: AthletesStatisticsProps) => JSX.Element;
+export default StatisticsTable;

package/dist/src/modules/espn/stats/view/components/AthletesStatistics/StatisticTable.js

@@ -0,0 +1,12 @@
+import React from 'react';
+const StatisticsTable = (props) => {
+    return (React.createElement("table", { className: "athletes-statistics-table T10" },
+        React.createElement("tbody", null, props.item.awayAthlete.statistics.slice(1).map((statistic, index) => {
+            return (React.createElement("tr", { key: statistic.abbreviation },
+                React.createElement("td", null, statistic.displayValue),
+                React.createElement("td", null, statistic.abbreviation),
+                React.createElement("td", null, props.item.homeAthlete.statistics[index + 1].displayValue ||
+                    '0')));
+        }))));
+};
+export default StatisticsTable;

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

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

package/dist/src/modules/espn/stats/view/components/AthletesStatistics/index.js

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

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

@@ -0,0 +1,2 @@
+export { default } from './StatsView';
+export { default as TeamStatsView } from './TeamStats';

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

@@ -0,0 +1,2 @@
+export { default } from './StatsView';
+export { default as TeamStatsView } from './TeamStats';