@maestro_io/maestro-web-sdk 4.0.0-beta.4 → 4.0.0

package/dist/src/modules/stats/view/StatsView.js

@@ -1,137 +0,0 @@
-import React, { Component } from 'react';
-import './StatsView.styles.css';
-import ScrollableContainer from '@/components/core/ScrollableContainer';
-import SDK from '@/index';
-import StatsItemView from './StatsItemView';
-import TabLoadErrorView from '@/components/molecules/TabLoadError';
-import { captureException } from '@/sentry';
-const STICKY_HEADER_HEIGHT = 32; // Match KeyPlaysView
-class StatsView extends Component {
-    constructor(props) {
-        super(props);
-        Object.defineProperty(this, "container", {
-            enumerable: true,
-            configurable: true,
-            writable: true,
-            value: null
-        });
-        Object.defineProperty(this, "statsDataUnsub", {
-            enumerable: true,
-            configurable: true,
-            writable: true,
-            value: null
-        });
-        Object.defineProperty(this, "isDataLoadingUnsub", {
-            enumerable: true,
-            configurable: true,
-            writable: true,
-            value: null
-        });
-        Object.defineProperty(this, "errorStateListener", {
-            enumerable: true,
-            configurable: true,
-            writable: true,
-            value: null
-        });
-        Object.defineProperty(this, "vm", {
-            enumerable: true,
-            configurable: true,
-            writable: true,
-            value: void 0
-        });
-        Object.defineProperty(this, "clearTabLoadFailure", {
-            enumerable: true,
-            configurable: true,
-            writable: true,
-            value: () => {
-                this.viewModel.clearTabLoadFailure();
-            }
-        });
-        Object.defineProperty(this, "onArrowPress", {
-            enumerable: true,
-            configurable: true,
-            writable: true,
-            value: (d) => {
-                if (d === 'left') {
-                    SDK.getMaestroEventViewModel().deliverFocus();
-                }
-            }
-        });
-        Object.defineProperty(this, "renderItems", {
-            enumerable: true,
-            configurable: true,
-            writable: true,
-            value: () => {
-                const { statsItems } = this.state;
-                if (this.state.errorState === 'tabLoadFailure') {
-                    return (React.createElement(TabLoadErrorView, { onEnterPress: this.clearTabLoadFailure, onArrowPress: this.onArrowPress }));
-                }
-                try {
-                    return statsItems.map((item) => (React.createElement(StatsItemView, { key: item.type, item: item, onEnterPress: this.onEnterPress })));
-                }
-                catch (error) {
-                    captureException(error, { statsItems });
-                    console.error('Error rendering stats components:', error);
-                    return null;
-                }
-            }
-        });
-        Object.defineProperty(this, "onEnterPress", {
-            enumerable: true,
-            configurable: true,
-            writable: true,
-            value: (item) => {
-                this.viewModel.onEngage(item.type);
-            }
-        });
-        this.vm = SDK.getMaestroEventViewModel().statsViewModel;
-        this.state = {
-            container: null,
-            isDataLoading: this.viewModel.isDataLoading.value,
-            statsItems: this.viewModel.statsItems.value,
-            errorState: this.viewModel.errorState.value,
-        };
-    }
-    get viewModel() {
-        if (!this.vm) {
-            throw new Error('StatsViewModel is not initialized');
-        }
-        return this.vm;
-    }
-    componentDidMount() {
-        this.setState({
-            container: this.container,
-        });
-        this.statsDataUnsub = this.viewModel.statsItems.subscribe((value) => {
-            this.setState({ statsItems: value });
-        });
-        this.isDataLoadingUnsub = this.viewModel.isDataLoading.subscribe((value) => {
-            this.setState({ isDataLoading: value });
-        });
-        this.errorStateListener = this.viewModel.errorState.subscribe((value) => {
-            this.setState({ errorState: value });
-        });
-        this.setState({
-            container: this.container,
-        });
-        // Initialize the view model
-        this.viewModel.init();
-    }
-    componentWillUnmount() {
-        this.statsDataUnsub && this.statsDataUnsub();
-        this.isDataLoadingUnsub && this.isDataLoadingUnsub();
-        this.errorStateListener && this.errorStateListener();
-        // Clean up the view model
-        this.viewModel.cleanup();
-    }
-    render() {
-        const { container } = this.state;
-        return (React.createElement(ScrollableContainer, { scrollableContainerRef: container, containerTopOffset: STICKY_HEADER_HEIGHT },
-            React.createElement("div", { ref: (el) => {
-                    this.container = el;
-                }, className: "stats-view" },
-                this.renderItems(),
-                React.createElement("div", { className: "stats-bottom-padding" }))));
-    }
-}
-export default StatsView;

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

@@ -1,98 +0,0 @@
-/// <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

@@ -1,43 +0,0 @@
-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

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

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

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

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

@@ -1,25 +0,0 @@
-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

@@ -1,83 +0,0 @@
-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

@@ -1,6 +0,0 @@
-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

@@ -1,19 +0,0 @@
-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

@@ -1,98 +0,0 @@
-/// <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

@@ -1,43 +0,0 @@
-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

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

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

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