@maestro_io/maestro-web-sdk 4.0.0-beta.5 → 4.0.1

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

@@ -0,0 +1,98 @@
+/// <reference types="prop-types" />
+import React from 'react';
+import './TeamStatsView.styles.css';
+import { WithFocusableProps } from '@/external/spatial-navigation';
+import { TeamStatsItem } from '../../view-model/StatsViewModel';
+export interface TeamStatsViewProps {
+    item: TeamStatsItem;
+}
+declare const _default: {
+    new (props: (TeamStatsViewProps & WithFocusableProps) | Readonly<TeamStatsViewProps & 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;
+        stealFocus: () => void;
+        onUpdateFocus: (focused: boolean) => void;
+        onUpdateHasFocusedChild: (hasFocusedChild: boolean) => void;
+        onEnterPressHandler: (details: import("../../../../external/spatial-navigation/utils").Details) => void;
+        onEnterReleaseHandler: () => void;
+        onBackPressHandler: (details: import("../../../../external/spatial-navigation/utils").Details) => void;
+        onArrowPressHandler: (direction: import("../../../../external/spatial-navigation/utils").Direction, details: import("../../../../external/spatial-navigation/utils").Details) => boolean | void;
+        onBecameFocusedHandler: (layout: import("../../../../external/spatial-navigation/utils").Layout, details: import("../../../../external/spatial-navigation/utils").Details) => void;
+        onBecameBlurredHandler: (layout: import("../../../../external/spatial-navigation/utils").Layout, details: import("../../../../external/spatial-navigation/utils").Details) => void;
+        componentDidMount(): void;
+        componentDidUpdate(): void;
+        componentWillUnmount(): void;
+        render(): React.ReactElement<TeamStatsViewProps & 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<TeamStatsViewProps & 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<TeamStatsViewProps & WithFocusableProps> & Readonly<{
+            children?: React.ReactNode;
+        }>;
+        refs: {
+            [key: string]: React.ReactInstance;
+        };
+        shouldComponentUpdate?(nextProps: Readonly<TeamStatsViewProps & WithFocusableProps>, nextState: Readonly<import("../../../../external/spatial-navigation/withFocusable").WithFocusableState>, nextContext: any): boolean;
+        componentDidCatch?(error: Error, errorInfo: React.ErrorInfo): void;
+        getSnapshotBeforeUpdate?(prevProps: Readonly<TeamStatsViewProps & WithFocusableProps>, prevState: Readonly<import("../../../../external/spatial-navigation/withFocusable").WithFocusableState>): any;
+        componentWillMount?(): void;
+        UNSAFE_componentWillMount?(): void;
+        componentWillReceiveProps?(nextProps: Readonly<TeamStatsViewProps & WithFocusableProps>, nextContext: any): void;
+        UNSAFE_componentWillReceiveProps?(nextProps: Readonly<TeamStatsViewProps & WithFocusableProps>, nextContext: any): void;
+        componentWillUpdate?(nextProps: Readonly<TeamStatsViewProps & WithFocusableProps>, nextState: Readonly<import("../../../../external/spatial-navigation/withFocusable").WithFocusableState>, nextContext: any): void;
+        UNSAFE_componentWillUpdate?(nextProps: Readonly<TeamStatsViewProps & WithFocusableProps>, nextState: Readonly<import("../../../../external/spatial-navigation/withFocusable").WithFocusableState>, nextContext: any): void;
+    };
+    new (props: TeamStatsViewProps & 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;
+        stealFocus: () => void;
+        onUpdateFocus: (focused: boolean) => void;
+        onUpdateHasFocusedChild: (hasFocusedChild: boolean) => void;
+        onEnterPressHandler: (details: import("../../../../external/spatial-navigation/utils").Details) => void;
+        onEnterReleaseHandler: () => void;
+        onBackPressHandler: (details: import("../../../../external/spatial-navigation/utils").Details) => void;
+        onArrowPressHandler: (direction: import("../../../../external/spatial-navigation/utils").Direction, details: import("../../../../external/spatial-navigation/utils").Details) => boolean | void;
+        onBecameFocusedHandler: (layout: import("../../../../external/spatial-navigation/utils").Layout, details: import("../../../../external/spatial-navigation/utils").Details) => void;
+        onBecameBlurredHandler: (layout: import("../../../../external/spatial-navigation/utils").Layout, details: import("../../../../external/spatial-navigation/utils").Details) => void;
+        componentDidMount(): void;
+        componentDidUpdate(): void;
+        componentWillUnmount(): void;
+        render(): React.ReactElement<TeamStatsViewProps & 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<TeamStatsViewProps & 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<TeamStatsViewProps & WithFocusableProps> & Readonly<{
+            children?: React.ReactNode;
+        }>;
+        refs: {
+            [key: string]: React.ReactInstance;
+        };
+        shouldComponentUpdate?(nextProps: Readonly<TeamStatsViewProps & WithFocusableProps>, nextState: Readonly<import("../../../../external/spatial-navigation/withFocusable").WithFocusableState>, nextContext: any): boolean;
+        componentDidCatch?(error: Error, errorInfo: React.ErrorInfo): void;
+        getSnapshotBeforeUpdate?(prevProps: Readonly<TeamStatsViewProps & WithFocusableProps>, prevState: Readonly<import("../../../../external/spatial-navigation/withFocusable").WithFocusableState>): any;
+        componentWillMount?(): void;
+        UNSAFE_componentWillMount?(): void;
+        componentWillReceiveProps?(nextProps: Readonly<TeamStatsViewProps & WithFocusableProps>, nextContext: any): void;
+        UNSAFE_componentWillReceiveProps?(nextProps: Readonly<TeamStatsViewProps & WithFocusableProps>, nextContext: any): void;
+        componentWillUpdate?(nextProps: Readonly<TeamStatsViewProps & WithFocusableProps>, nextState: Readonly<import("../../../../external/spatial-navigation/withFocusable").WithFocusableState>, nextContext: any): void;
+        UNSAFE_componentWillUpdate?(nextProps: Readonly<TeamStatsViewProps & 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/view/TeamStats/TeamStatsView.js

@@ -0,0 +1,43 @@
+import React from 'react';
+import './TeamStatsView.styles.css';
+import Image from '@/components/atoms/Image';
+import { withFocusable, } from '@/external/spatial-navigation';
+import { renderTeamStatistic } from '../../utils/renderTeamStatistic';
+const TeamStatsView = (props) => {
+    const { item } = props;
+    const { homeTeam, awayTeam, statistics } = item;
+    return (React.createElement("section", { className: "team-stats-view focus-ring", "data-focused": props.focused, style: {
+            '--home-team': `#${homeTeam.color}`,
+            '--away-team': `#${awayTeam.color}`,
+        } },
+        React.createElement("div", { className: "team-stats-header" },
+            React.createElement("div", { className: "team-stats-team away-team" },
+                React.createElement("div", { className: "team-stats-team-inner" },
+                    awayTeam.logo && (React.createElement(Image, { src: awayTeam.logo, alt: awayTeam.displayName, crossOrigin: "anonymous", className: "team-logo" })),
+                    React.createElement("div", { className: "team-swatch away-swatch" }),
+                    React.createElement("span", { className: "team-abbreviation" }, awayTeam.abbreviation))),
+            React.createElement("h2", { className: "stats-title T05_ALT" }, "Team Stats"),
+            React.createElement("div", { className: "team-stats-team home-team" },
+                React.createElement("div", { className: "team-stats-team-inner" },
+                    React.createElement("span", { className: "team-abbreviation" }, homeTeam.abbreviation),
+                    React.createElement("div", { className: "team-swatch home-swatch" }),
+                    homeTeam.logo && (React.createElement(Image, { src: homeTeam.logo, alt: homeTeam.displayName, crossOrigin: "anonymous", className: "team-logo" }))))),
+        React.createElement("div", { className: "team-stats-content" }, statistics.map((statistic) => {
+            return renderTeamStatistic({
+                statisticName: statistic.displayName,
+                firstDisplayValue: statistic.awayTeamDisplayValue,
+                secondDisplayValue: statistic.homeTeamDisplayValue,
+                awayProgressValue: statistic.awayTeamValue,
+                homeProgressValue: statistic.homeTeamValue,
+                key: statistic.displayName,
+                classNames: {
+                    container: 'team-stat-item',
+                    header: 'stat-header',
+                    firstValue: 'stat-value T30 away-value FONT_BOLD',
+                    secondValue: 'stat-value T30 home-value FONT_BOLD',
+                    statisticName: 'stat-name T02',
+                },
+            });
+        }))));
+};
+export default withFocusable()(TeamStatsView);

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

@@ -0,0 +1,2 @@
+export { default } from './TeamStatsView';
+export type { TeamStatsViewProps } from './TeamStatsView';

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

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

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

@@ -0,0 +1,25 @@
+import React, { ReactNode } from 'react';
+type Props = {
+    itemsLength: number;
+    children: ReactNode;
+};
+declare class StatsCarousel extends React.Component<Props, {
+    currentIndex: number;
+    isTransitioning: boolean;
+}> {
+    interval: number | null;
+    trackRef: HTMLDivElement | null;
+    constructor(props: Props);
+    setTrackRef(el: HTMLDivElement | null): void;
+    componentDidMount(): void;
+    componentWillUnmount(): void;
+    componentDidUpdate(_prevProps: Props, prevState: {
+        currentIndex: number;
+        isTransitioning: boolean;
+    }): void;
+    startInterval(): void;
+    clearInterval(): void;
+    render(): JSX.Element;
+}
+declare const CarouselSlider: (props: Props) => JSX.Element;
+export { StatsCarousel, CarouselSlider };

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

@@ -0,0 +1,83 @@
+import React, { Children } from 'react';
+class StatsCarousel extends React.Component {
+    constructor(props) {
+        super(props);
+        Object.defineProperty(this, "interval", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: null
+        });
+        Object.defineProperty(this, "trackRef", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: null
+        });
+        this.state = {
+            currentIndex: 0,
+            isTransitioning: true,
+        };
+        this.setTrackRef = this.setTrackRef.bind(this);
+    }
+    setTrackRef(el) {
+        this.trackRef = el;
+    }
+    componentDidMount() {
+        this.startInterval();
+    }
+    componentWillUnmount() {
+        this.clearInterval();
+    }
+    componentDidUpdate(_prevProps, prevState) {
+        // If we just jumped to the clone, reset to the real first slide (no transition)
+        if (prevState.currentIndex !== this.state.currentIndex &&
+            this.state.currentIndex === this.props.itemsLength) {
+            this.setState({ isTransitioning: false, currentIndex: 0 }, () => {
+                // Use requestAnimationFrame to re-enable transition after DOM update
+                if (typeof window !== 'undefined' && window.requestAnimationFrame) {
+                    window.requestAnimationFrame(() => {
+                        this.setState({ isTransitioning: true });
+                    });
+                }
+                else {
+                    // Fallback for environments without requestAnimationFrame
+                    setTimeout(() => {
+                        this.setState({ isTransitioning: true });
+                    }, 0);
+                }
+            });
+        }
+    }
+    startInterval() {
+        this.clearInterval();
+        this.interval = window.setInterval(() => {
+            this.setState((state) => ({ currentIndex: state.currentIndex + 1 }));
+        }, 6000);
+    }
+    clearInterval() {
+        if (this.interval) {
+            clearInterval(this.interval);
+            this.interval = null;
+        }
+    }
+    render() {
+        const { children } = this.props;
+        const { currentIndex, isTransitioning } = this.state;
+        const childrenArray = Children.toArray(children);
+        return (React.createElement("div", { className: "carousel", style: { overflow: 'hidden', width: '100%' } },
+            React.createElement("div", { className: "carousel-track", ref: this.setTrackRef, style: {
+                    whiteSpace: 'nowrap',
+                    transition: isTransitioning ? 'transform 0.5s ease' : 'none',
+                    transform: 'translateX(-' + currentIndex * 100 + '%)',
+                } }, childrenArray.map((child) => child))));
+    }
+}
+const CarouselSlider = (props) => {
+    return (React.createElement("div", { className: "carousel-slide", style: {
+            width: '100%',
+            display: 'inline-block',
+            verticalAlign: 'top',
+        } }, props.children));
+};
+export { StatsCarousel, CarouselSlider };

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

@@ -0,0 +1,6 @@
+type Props = {
+    awayTeamValue: number;
+    homeTeamValue: number;
+};
+declare const StatsProgressBar: (props: Props) => JSX.Element;
+export default StatsProgressBar;

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

@@ -0,0 +1,19 @@
+import React from 'react';
+const StatsProgressBar = (props) => {
+    const total = props.homeTeamValue + props.awayTeamValue;
+    const awayTeamPercentage = total === 0 ? 0 : Math.round((props.awayTeamValue / total) * 100);
+    return (React.createElement("div", { className: "progress-bar" },
+        React.createElement("div", { className: "progress-fill" },
+            React.createElement("div", { className: "progress-solid", style: {
+                    width: `${awayTeamPercentage}%`,
+                } }),
+            React.createElement("div", { className: "progress-stripes", style: {
+                    left: `${awayTeamPercentage}%`,
+                    width: `${100 - awayTeamPercentage}%`,
+                } }),
+            React.createElement("div", { className: "progress-divider", style: {
+                    left: `${awayTeamPercentage}%`,
+                    display: awayTeamPercentage === 0 ? 'none' : 'block',
+                } }))));
+};
+export default StatsProgressBar;

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

@@ -0,0 +1,98 @@
+/// <reference types="prop-types" />
+import React from 'react';
+import './TeamsView.styles.css';
+import { WithFocusableProps } from '@/external/spatial-navigation';
+import { HeaderTeamStatItem } from '../../view-model/StatsViewModel';
+type TeamsProps = {
+    item: HeaderTeamStatItem;
+};
+declare const _default: {
+    new (props: (TeamsProps & WithFocusableProps) | Readonly<TeamsProps & 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;
+        stealFocus: () => void;
+        onUpdateFocus: (focused: boolean) => void;
+        onUpdateHasFocusedChild: (hasFocusedChild: boolean) => void;
+        onEnterPressHandler: (details: import("../../../../external/spatial-navigation/utils").Details) => void;
+        onEnterReleaseHandler: () => void;
+        onBackPressHandler: (details: import("../../../../external/spatial-navigation/utils").Details) => void;
+        onArrowPressHandler: (direction: import("../../../../external/spatial-navigation/utils").Direction, details: import("../../../../external/spatial-navigation/utils").Details) => boolean | void;
+        onBecameFocusedHandler: (layout: import("../../../../external/spatial-navigation/utils").Layout, details: import("../../../../external/spatial-navigation/utils").Details) => void;
+        onBecameBlurredHandler: (layout: import("../../../../external/spatial-navigation/utils").Layout, details: import("../../../../external/spatial-navigation/utils").Details) => void;
+        componentDidMount(): void;
+        componentDidUpdate(): void;
+        componentWillUnmount(): void;
+        render(): React.ReactElement<TeamsProps & 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<TeamsProps & 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<TeamsProps & WithFocusableProps> & Readonly<{
+            children?: React.ReactNode;
+        }>;
+        refs: {
+            [key: string]: React.ReactInstance;
+        };
+        shouldComponentUpdate?(nextProps: Readonly<TeamsProps & WithFocusableProps>, nextState: Readonly<import("../../../../external/spatial-navigation/withFocusable").WithFocusableState>, nextContext: any): boolean;
+        componentDidCatch?(error: Error, errorInfo: React.ErrorInfo): void;
+        getSnapshotBeforeUpdate?(prevProps: Readonly<TeamsProps & WithFocusableProps>, prevState: Readonly<import("../../../../external/spatial-navigation/withFocusable").WithFocusableState>): any;
+        componentWillMount?(): void;
+        UNSAFE_componentWillMount?(): void;
+        componentWillReceiveProps?(nextProps: Readonly<TeamsProps & WithFocusableProps>, nextContext: any): void;
+        UNSAFE_componentWillReceiveProps?(nextProps: Readonly<TeamsProps & WithFocusableProps>, nextContext: any): void;
+        componentWillUpdate?(nextProps: Readonly<TeamsProps & WithFocusableProps>, nextState: Readonly<import("../../../../external/spatial-navigation/withFocusable").WithFocusableState>, nextContext: any): void;
+        UNSAFE_componentWillUpdate?(nextProps: Readonly<TeamsProps & WithFocusableProps>, nextState: Readonly<import("../../../../external/spatial-navigation/withFocusable").WithFocusableState>, nextContext: any): void;
+    };
+    new (props: TeamsProps & 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;
+        stealFocus: () => void;
+        onUpdateFocus: (focused: boolean) => void;
+        onUpdateHasFocusedChild: (hasFocusedChild: boolean) => void;
+        onEnterPressHandler: (details: import("../../../../external/spatial-navigation/utils").Details) => void;
+        onEnterReleaseHandler: () => void;
+        onBackPressHandler: (details: import("../../../../external/spatial-navigation/utils").Details) => void;
+        onArrowPressHandler: (direction: import("../../../../external/spatial-navigation/utils").Direction, details: import("../../../../external/spatial-navigation/utils").Details) => boolean | void;
+        onBecameFocusedHandler: (layout: import("../../../../external/spatial-navigation/utils").Layout, details: import("../../../../external/spatial-navigation/utils").Details) => void;
+        onBecameBlurredHandler: (layout: import("../../../../external/spatial-navigation/utils").Layout, details: import("../../../../external/spatial-navigation/utils").Details) => void;
+        componentDidMount(): void;
+        componentDidUpdate(): void;
+        componentWillUnmount(): void;
+        render(): React.ReactElement<TeamsProps & 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<TeamsProps & 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<TeamsProps & WithFocusableProps> & Readonly<{
+            children?: React.ReactNode;
+        }>;
+        refs: {
+            [key: string]: React.ReactInstance;
+        };
+        shouldComponentUpdate?(nextProps: Readonly<TeamsProps & WithFocusableProps>, nextState: Readonly<import("../../../../external/spatial-navigation/withFocusable").WithFocusableState>, nextContext: any): boolean;
+        componentDidCatch?(error: Error, errorInfo: React.ErrorInfo): void;
+        getSnapshotBeforeUpdate?(prevProps: Readonly<TeamsProps & WithFocusableProps>, prevState: Readonly<import("../../../../external/spatial-navigation/withFocusable").WithFocusableState>): any;
+        componentWillMount?(): void;
+        UNSAFE_componentWillMount?(): void;
+        componentWillReceiveProps?(nextProps: Readonly<TeamsProps & WithFocusableProps>, nextContext: any): void;
+        UNSAFE_componentWillReceiveProps?(nextProps: Readonly<TeamsProps & WithFocusableProps>, nextContext: any): void;
+        componentWillUpdate?(nextProps: Readonly<TeamsProps & WithFocusableProps>, nextState: Readonly<import("../../../../external/spatial-navigation/withFocusable").WithFocusableState>, nextContext: any): void;
+        UNSAFE_componentWillUpdate?(nextProps: Readonly<TeamsProps & 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/view/Teams/Teams.js

@@ -0,0 +1,43 @@
+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 { renderTeamStatistic } from '../../utils/renderTeamStatistic';
+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: item.isLive ? 'T05_ALT FONT_BOLD' : 'T30 FONT_BOLD' }, team.abbreviation),
+                React.createElement("p", { className: "T02" }, team.record)))))),
+        item.isLive && (React.createElement("div", { className: "statistics" },
+            React.createElement("table", { className: "statistics-table" },
+                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" }, team.name),
+                    team.linescores.map((lineScore, index) => (React.createElement("td", { key: `${lineScore}-${index}`, className: "T10" }, lineScore)))))))),
+            item.statistics && item.statistics.length > 0 && (React.createElement(StatsCarousel, { itemsLength: item.statistics.length }, item.statistics.map((statistic) => (React.createElement(CarouselSlider, { itemsLength: item.statistics.length, key: statistic.displayName }, renderTeamStatistic({
+                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/stats/view/Teams/index.d.ts

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

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

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

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

@@ -0,0 +1,98 @@
+/// <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?: Record<string, any>) => void;
+        stealFocus: () => void;
+        onUpdateFocus: (focused: boolean) => void;
+        onUpdateHasFocusedChild: (hasFocusedChild: boolean) => void;
+        onEnterPressHandler: (details: import("../../../../external/spatial-navigation/utils").Details) => void;
+        onEnterReleaseHandler: () => void;
+        onBackPressHandler: (details: import("../../../../external/spatial-navigation/utils").Details) => void;
+        onArrowPressHandler: (direction: import("../../../../external/spatial-navigation/utils").Direction, details: import("../../../../external/spatial-navigation/utils").Details) => boolean | void;
+        onBecameFocusedHandler: (layout: import("../../../../external/spatial-navigation/utils").Layout, details: import("../../../../external/spatial-navigation/utils").Details) => void;
+        onBecameBlurredHandler: (layout: import("../../../../external/spatial-navigation/utils").Layout, details: import("../../../../external/spatial-navigation/utils").Details) => void;
+        componentDidMount(): void;
+        componentDidUpdate(): void;
+        componentWillUnmount(): void;
+        render(): React.ReactElement<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?: Record<string, any>) => void;
+        stealFocus: () => void;
+        onUpdateFocus: (focused: boolean) => void;
+        onUpdateHasFocusedChild: (hasFocusedChild: boolean) => void;
+        onEnterPressHandler: (details: import("../../../../external/spatial-navigation/utils").Details) => void;
+        onEnterReleaseHandler: () => void;
+        onBackPressHandler: (details: import("../../../../external/spatial-navigation/utils").Details) => void;
+        onArrowPressHandler: (direction: import("../../../../external/spatial-navigation/utils").Direction, details: import("../../../../external/spatial-navigation/utils").Details) => boolean | void;
+        onBecameFocusedHandler: (layout: import("../../../../external/spatial-navigation/utils").Layout, details: import("../../../../external/spatial-navigation/utils").Details) => void;
+        onBecameBlurredHandler: (layout: import("../../../../external/spatial-navigation/utils").Layout, details: import("../../../../external/spatial-navigation/utils").Details) => void;
+        componentDidMount(): void;
+        componentDidUpdate(): void;
+        componentWillUnmount(): void;
+        render(): React.ReactElement<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/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" }, "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/stats/view/WinProbability/index.d.ts

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

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

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