@maestro_io/maestro-web-sdk 5.0.0 → 5.1.1

package/dist/src/modules/espn/fantasy/components/ExpandedAthleteList/ExpandedAthletesList.d.ts

@@ -0,0 +1,28 @@
+import React from 'react';
+import { Direction } from '@/external/spatial-navigation/utils';
+import { TopPlayer } from '../../view-model/FantasyViewModel';
+type Props<T> = {
+    items: T[];
+    topPlayers: TopPlayer[];
+    focusKey: string;
+    className: string;
+    onArrowPress: (index: number) => (d: Direction) => boolean;
+    onBackPress: () => void;
+    renderItem: (item: T, index: number, onArrowPress: (d: Direction) => boolean, onBackPress: () => void, onBecameFocused: () => void) => React.ReactNode;
+    getItemKey: (item: T, index: number) => string;
+};
+type State = {
+    maxHeight: string;
+    isLastItem: boolean;
+};
+declare class ExpandedAthletesList<T> extends React.Component<Props<T>, State> {
+    refsArray: HTMLDivElement[];
+    titleContainer: HTMLDivElement | null;
+    wrapperRef: HTMLDivElement | null;
+    state: State;
+    updateMaxHeight(focusedIndex: number): void;
+    scrollToElement(focusedIndex: number): void;
+    onBecameFocused: (index: number) => () => void;
+    render(): JSX.Element;
+}
+export default ExpandedAthletesList;

package/dist/src/modules/espn/fantasy/components/ExpandedAthleteList/ExpandedAthletesList.js

@@ -0,0 +1,107 @@
+import React from 'react';
+import TopPlayerCard from '../TopPlayerCard';
+class ExpandedAthletesList extends React.Component {
+    constructor() {
+        super(...arguments);
+        Object.defineProperty(this, "refsArray", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: []
+        });
+        Object.defineProperty(this, "titleContainer", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: null
+        });
+        Object.defineProperty(this, "wrapperRef", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: null
+        });
+        Object.defineProperty(this, "state", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: {
+                maxHeight: '0',
+                isLastItem: false,
+            }
+        });
+        Object.defineProperty(this, "onBecameFocused", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: (index) => () => {
+                this.updateMaxHeight(index);
+                // set timeout to account for max-height animation transition
+                if (this.wrapperRef) {
+                    const handleTransitionEnd = () => {
+                        this.scrollToElement(index);
+                        this.wrapperRef?.removeEventListener('transitionend', handleTransitionEnd);
+                    };
+                    this.wrapperRef.addEventListener('transitionend', handleTransitionEnd);
+                }
+            }
+        });
+    }
+    updateMaxHeight(focusedIndex) {
+        const items = this.refsArray.slice(focusedIndex);
+        const maxHeight = items.reduce((prev, curr) => {
+            if (!curr) {
+                return prev;
+            }
+            return prev + curr.clientHeight;
+        }, 0) + (this.titleContainer?.clientHeight || 0);
+        const newMaxHeight = `${maxHeight}px`;
+        if (newMaxHeight !== this.state.maxHeight) {
+            this.setState({ maxHeight: newMaxHeight });
+        }
+    }
+    scrollToElement(focusedIndex) {
+        const element = this.refsArray[focusedIndex];
+        if (!element) {
+            return;
+        }
+        if (this.wrapperRef) {
+            const wrapperRect = this.wrapperRef.getBoundingClientRect();
+            const elementRect = element.getBoundingClientRect();
+            let scrollTop = elementRect.top - wrapperRect.top + this.wrapperRef.scrollTop;
+            const isFocusingTopPlayers = focusedIndex >= this.props.items.length;
+            if (isFocusingTopPlayers) {
+                scrollTop = scrollTop - 52 - 10; // account for sticky header height
+            }
+            this.wrapperRef.scrollTo({
+                top: scrollTop,
+                behavior: 'smooth',
+            });
+            const isLastItem = focusedIndex === this.refsArray.length - 1;
+            if (isLastItem !== this.state.isLastItem) {
+                this.setState({
+                    isLastItem: isLastItem,
+                });
+            }
+        }
+    }
+    render() {
+        return (React.createElement("div", { className: this.props.className, style: {
+                maxHeight: this.state.maxHeight,
+            }, ref: (ref) => {
+                this.wrapperRef = ref;
+            }, "data-is-last-item": this.state.isLastItem },
+            this.props.items.map((item, i) => (React.createElement("div", { ref: (ref) => {
+                    this.refsArray[i] = ref;
+                }, key: this.props.getItemKey(item, i), className: "athlete-card-wrapper" }, this.props.renderItem(item, i, this.props.onArrowPress(i), this.props.onBackPress, this.onBecameFocused(i))))),
+            this.props.topPlayers.length > 0 && (React.createElement("div", { className: "top-players-section" },
+                React.createElement("div", { className: "sticky-header T05_ALT", ref: (ref) => {
+                        this.titleContainer = ref;
+                    } }, "Top In-Game Players"),
+                this.props.topPlayers.map((player, index) => (React.createElement("div", { ref: (ref) => {
+                        this.refsArray[this.props.items.length + index] = ref;
+                    }, key: 'top-players' + index, className: "athlete-card-wrapper" },
+                    React.createElement(TopPlayerCard, { index: index + 1, player: player, key: `${player.abbrevName}-${index}`, parentFocusKey: this.props.focusKey, focusKey: `${this.props.focusKey}-top-players-${index}`, onArrowPress: this.props.onArrowPress(index + this.props.items.length), onBackPress: this.props.onBackPress, onBecameFocused: this.onBecameFocused(index + this.props.items.length) }))))))));
+    }
+}
+export default ExpandedAthletesList;

package/dist/src/modules/espn/fantasy/components/ExpandedAthleteList/index.d.ts

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

package/dist/src/modules/espn/fantasy/components/ExpandedAthleteList/index.js

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

package/dist/src/modules/espn/fantasy/components/LeagueCard/LeagueCard.d.ts

@@ -0,0 +1,104 @@
+/// <reference types="prop-types" />
+import { WithFocusableProps } from '@/external/spatial-navigation';
+import './LeagueCard.styles.css';
+import React from 'react';
+type Props = {
+    children: React.ReactNode;
+    leagueColor: string;
+    leagueLogo: string;
+    renderTitle: () => React.ReactNode;
+    expanded: boolean;
+    shouldExpand: boolean;
+};
+declare const _default: {
+    new (props: (Props & WithFocusableProps) | Readonly<Props & WithFocusableProps>): {
+        state: import("../../../../../external/spatial-navigation/withFocusable").WithFocusableState;
+        navigation: import("../../../../../external/spatial-navigation/spatialNavigation").default;
+        getChildContext(): {
+            parentFocusKey: string;
+        };
+        setFocus: (focusKey: string) => void;
+        navigateByDirection: (direction: import("../../../../../external/spatial-navigation/utils").Direction, details?: import("../../../../../external/spatial-navigation/utils").Details) => void;
+        stealFocus: () => void;
+        onUpdateFocus: (focused: boolean) => void;
+        onUpdateHasFocusedChild: (hasFocusedChild: boolean) => void;
+        onEnterPressHandler: (details: import("../../../../../external/spatial-navigation/utils").Details) => void;
+        onClickPressHandler: (details: import("../../../../../external/spatial-navigation/utils").Details) => void;
+        onEnterReleaseHandler: () => void;
+        onBackPressHandler: (details: import("../../../../../external/spatial-navigation/utils").Details) => void;
+        onArrowPressHandler: (direction: import("../../../../../external/spatial-navigation/utils").Direction, details: import("../../../../../external/spatial-navigation/utils").Details) => boolean | void;
+        onBecameFocusedHandler: (layout: import("../../../../../external/spatial-navigation/utils").Layout, details: import("../../../../../external/spatial-navigation/utils").Details) => void;
+        onBecameBlurredHandler: (layout: import("../../../../../external/spatial-navigation/utils").Layout, details: import("../../../../../external/spatial-navigation/utils").Details) => void;
+        componentDidMount(): void;
+        componentDidUpdate(): void;
+        componentWillUnmount(): void;
+        render(): React.ReactElement<Props & WithFocusableProps, string | React.JSXElementConstructor<any>>;
+        context: any;
+        setState<K extends keyof import("../../../../../external/spatial-navigation/withFocusable").WithFocusableState>(state: import("../../../../../external/spatial-navigation/withFocusable").WithFocusableState | ((prevState: Readonly<import("../../../../../external/spatial-navigation/withFocusable").WithFocusableState>, props: Readonly<Props & WithFocusableProps>) => import("../../../../../external/spatial-navigation/withFocusable").WithFocusableState | Pick<import("../../../../../external/spatial-navigation/withFocusable").WithFocusableState, K> | null) | Pick<import("../../../../../external/spatial-navigation/withFocusable").WithFocusableState, K> | null, callback?: (() => void) | undefined): void;
+        forceUpdate(callback?: (() => void) | undefined): void;
+        readonly props: Readonly<Props & WithFocusableProps> & Readonly<{
+            children?: React.ReactNode;
+        }>;
+        refs: {
+            [key: string]: React.ReactInstance;
+        };
+        shouldComponentUpdate?(nextProps: Readonly<Props & WithFocusableProps>, nextState: Readonly<import("../../../../../external/spatial-navigation/withFocusable").WithFocusableState>, nextContext: any): boolean;
+        componentDidCatch?(error: Error, errorInfo: React.ErrorInfo): void;
+        getSnapshotBeforeUpdate?(prevProps: Readonly<Props & WithFocusableProps>, prevState: Readonly<import("../../../../../external/spatial-navigation/withFocusable").WithFocusableState>): any;
+        componentWillMount?(): void;
+        UNSAFE_componentWillMount?(): void;
+        componentWillReceiveProps?(nextProps: Readonly<Props & WithFocusableProps>, nextContext: any): void;
+        UNSAFE_componentWillReceiveProps?(nextProps: Readonly<Props & WithFocusableProps>, nextContext: any): void;
+        componentWillUpdate?(nextProps: Readonly<Props & WithFocusableProps>, nextState: Readonly<import("../../../../../external/spatial-navigation/withFocusable").WithFocusableState>, nextContext: any): void;
+        UNSAFE_componentWillUpdate?(nextProps: Readonly<Props & WithFocusableProps>, nextState: Readonly<import("../../../../../external/spatial-navigation/withFocusable").WithFocusableState>, nextContext: any): void;
+    };
+    new (props: Props & WithFocusableProps, context: any): {
+        state: import("../../../../../external/spatial-navigation/withFocusable").WithFocusableState;
+        navigation: import("../../../../../external/spatial-navigation/spatialNavigation").default;
+        getChildContext(): {
+            parentFocusKey: string;
+        };
+        setFocus: (focusKey: string) => void;
+        navigateByDirection: (direction: import("../../../../../external/spatial-navigation/utils").Direction, details?: import("../../../../../external/spatial-navigation/utils").Details) => void;
+        stealFocus: () => void;
+        onUpdateFocus: (focused: boolean) => void;
+        onUpdateHasFocusedChild: (hasFocusedChild: boolean) => void;
+        onEnterPressHandler: (details: import("../../../../../external/spatial-navigation/utils").Details) => void;
+        onClickPressHandler: (details: import("../../../../../external/spatial-navigation/utils").Details) => void;
+        onEnterReleaseHandler: () => void;
+        onBackPressHandler: (details: import("../../../../../external/spatial-navigation/utils").Details) => void;
+        onArrowPressHandler: (direction: import("../../../../../external/spatial-navigation/utils").Direction, details: import("../../../../../external/spatial-navigation/utils").Details) => boolean | void;
+        onBecameFocusedHandler: (layout: import("../../../../../external/spatial-navigation/utils").Layout, details: import("../../../../../external/spatial-navigation/utils").Details) => void;
+        onBecameBlurredHandler: (layout: import("../../../../../external/spatial-navigation/utils").Layout, details: import("../../../../../external/spatial-navigation/utils").Details) => void;
+        componentDidMount(): void;
+        componentDidUpdate(): void;
+        componentWillUnmount(): void;
+        render(): React.ReactElement<Props & WithFocusableProps, string | React.JSXElementConstructor<any>>;
+        context: any;
+        setState<K extends keyof import("../../../../../external/spatial-navigation/withFocusable").WithFocusableState>(state: import("../../../../../external/spatial-navigation/withFocusable").WithFocusableState | ((prevState: Readonly<import("../../../../../external/spatial-navigation/withFocusable").WithFocusableState>, props: Readonly<Props & WithFocusableProps>) => import("../../../../../external/spatial-navigation/withFocusable").WithFocusableState | Pick<import("../../../../../external/spatial-navigation/withFocusable").WithFocusableState, K> | null) | Pick<import("../../../../../external/spatial-navigation/withFocusable").WithFocusableState, K> | null, callback?: (() => void) | undefined): void;
+        forceUpdate(callback?: (() => void) | undefined): void;
+        readonly props: Readonly<Props & WithFocusableProps> & Readonly<{
+            children?: React.ReactNode;
+        }>;
+        refs: {
+            [key: string]: React.ReactInstance;
+        };
+        shouldComponentUpdate?(nextProps: Readonly<Props & WithFocusableProps>, nextState: Readonly<import("../../../../../external/spatial-navigation/withFocusable").WithFocusableState>, nextContext: any): boolean;
+        componentDidCatch?(error: Error, errorInfo: React.ErrorInfo): void;
+        getSnapshotBeforeUpdate?(prevProps: Readonly<Props & WithFocusableProps>, prevState: Readonly<import("../../../../../external/spatial-navigation/withFocusable").WithFocusableState>): any;
+        componentWillMount?(): void;
+        UNSAFE_componentWillMount?(): void;
+        componentWillReceiveProps?(nextProps: Readonly<Props & WithFocusableProps>, nextContext: any): void;
+        UNSAFE_componentWillReceiveProps?(nextProps: Readonly<Props & WithFocusableProps>, nextContext: any): void;
+        componentWillUpdate?(nextProps: Readonly<Props & WithFocusableProps>, nextState: Readonly<import("../../../../../external/spatial-navigation/withFocusable").WithFocusableState>, nextContext: any): void;
+        UNSAFE_componentWillUpdate?(nextProps: Readonly<Props & WithFocusableProps>, nextState: Readonly<import("../../../../../external/spatial-navigation/withFocusable").WithFocusableState>, nextContext: any): void;
+    };
+    contextTypes: {
+        parentFocusKey: import("prop-types").Requireable<string>;
+    };
+    childContextTypes: {
+        parentFocusKey: import("prop-types").Requireable<string>;
+    };
+    contextType?: React.Context<any> | undefined;
+};
+export default _default;

package/dist/src/modules/espn/fantasy/components/LeagueCard/LeagueCard.js

@@ -0,0 +1,20 @@
+import Image from '@/components/atoms/Image';
+import { withFocusable, } from '@/external/spatial-navigation';
+import './LeagueCard.styles.css';
+import React from 'react';
+import Icon from '@/components/atoms/SvgIcon';
+class LeagueCard extends React.Component {
+    render() {
+        return (React.createElement("section", { className: "league-card focus-ring T02", "data-focused": this.props.focused, style: {
+                '--league-color': `${this.props.leagueColor}`,
+            } },
+            React.createElement("header", { className: "T10 FONT_BOLD" },
+                React.createElement(Image, { src: this.props.leagueLogo, alt: "League Logo", width: 64, height: 64 }),
+                React.createElement("span", null, this.props.renderTitle()),
+                this.props.shouldExpand && (React.createElement("div", { className: "icon-container", "data-focused": this.props.focused },
+                    React.createElement(Icon, { iconName: this.props.expanded ? 'collapse' : 'expand', width: 48, height: 48 })))),
+            React.createElement("div", { className: "divider" }),
+            React.createElement("div", { className: "content" }, this.props.children)));
+    }
+}
+export default withFocusable()(LeagueCard);

package/dist/src/modules/espn/fantasy/components/LeagueCard/index.d.ts

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

package/dist/src/modules/espn/fantasy/components/LeagueCard/index.js

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

package/dist/src/modules/espn/fantasy/components/TopPlayerCard/TopPlayerCard.d.ts

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

@@ -0,0 +1,29 @@
+import { withFocusable, } from '@/external/spatial-navigation';
+import React from 'react';
+import './TopPlayerCard.styles.css';
+import HeadshotImage from '@/components/molecules/HeadshotImage';
+const TopPlayerCard = (props) => {
+    return (React.createElement("div", { className: "top-player-card focus-ring T02", "data-focused": props.focused },
+        React.createElement("div", { className: "top-player-image-wrapper" },
+            React.createElement(HeadshotImage, { src: props.player.headshot, alt: `${props.player.abbrevName} Headshot` }),
+            React.createElement("div", { className: "top-player-index" },
+                ' ',
+                React.createElement("span", null, props.index))),
+        React.createElement("div", { className: "top-player-content" },
+            React.createElement("div", { className: "top-player-name T05_ALT" },
+                props.player.abbrevName,
+                ' ',
+                React.createElement("span", { className: "TEXT_200 T02" },
+                    props.player.position,
+                    " ",
+                    props.player.teamTriCode)),
+            React.createElement("div", { className: "top-player-points" },
+                React.createElement("span", { className: "T30 FONT_BOLD" }, props.player.points.toFixed(2)),
+                ' ',
+                React.createElement("span", { className: "T02 TEXT_200" }, "PTS")),
+            props.player.rosteredBy ? (React.createElement("div", { className: "top-player-roster-info T05_ALT" },
+                React.createElement("span", { className: "TEXT_200" }, "Rostered"),
+                " ",
+                props.player.rosteredBy)) : (React.createElement("div", { className: "top-player-roster-info not-rostered T05_ALT" }, "Not Rostered")))));
+};
+export default withFocusable()(TopPlayerCard);

package/dist/src/modules/espn/fantasy/components/TopPlayerCard/index.d.ts

@@ -0,0 +1,2 @@
+export { default } from './TopPlayerCard';
+export * from './TopPlayerCard';

package/dist/src/modules/espn/fantasy/components/TopPlayerCard/index.js

@@ -0,0 +1,2 @@
+export { default } from './TopPlayerCard';
+export * from './TopPlayerCard';

package/dist/src/modules/espn/fantasy/components/TournamentOverflowQR/TournamentOverflowQR.d.ts

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

package/dist/src/modules/espn/fantasy/components/TournamentOverflowQR/TournamentOverflowQR.js

@@ -0,0 +1,94 @@
+import React from 'react';
+import { withFocusable, } from '@/external/spatial-navigation';
+import './TournamentOverflowQR.styles.css';
+import Image from '@/components/atoms/Image';
+import ActionButton from '@/components/molecules/ActionButton';
+import SDK from '@/index';
+const FocusableWrapper = withFocusable()((props) => {
+    const { children, focused = false, expanded, backgroundImage } = props;
+    return (React.createElement("div", { className: "tournament-overflow-qr focus-ring T02", "data-focused": focused, "data-expanded": expanded, "data-focuskey": props.focusKey || '', role: "button", tabIndex: 0, style: {
+            backgroundImage: `url(${backgroundImage})`,
+        } }, children(focused)));
+});
+class TournamentOverflowQR extends React.Component {
+    constructor() {
+        super(...arguments);
+        Object.defineProperty(this, "state", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: {
+                expanded: false,
+            }
+        });
+        Object.defineProperty(this, "onDismissPress", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: () => {
+                this.setState({ expanded: false }, () => {
+                    SDK.getMaestroEventViewModel().navigation.setFocus(this.focusKey);
+                });
+            }
+        });
+    }
+    get focusKey() {
+        return `tournament-overflow-qr-${this.props.item.id}`;
+    }
+    onEnterPress() {
+        const newValue = !this.state.expanded;
+        this.setState({
+            expanded: newValue,
+        }, () => {
+            if (newValue) {
+                SDK.getMaestroEventViewModel().navigation.setFocus(`${this.focusKey}`);
+            }
+        });
+        this.props.onEnterPress();
+    }
+    onArrowPress(direction) {
+        if (this.state.expanded && (direction === 'up' || direction === 'down')) {
+            this.setState({
+                expanded: false,
+            }, () => {
+                SDK.getMaestroEventViewModel().navigation.navigateByDirection(direction);
+            });
+            return false;
+        }
+        return true;
+    }
+    onBackPress() {
+        if (this.state.expanded) {
+            this.setState({
+                expanded: false,
+            });
+            return false;
+        }
+        return true;
+    }
+    renderCollapsedView() {
+        const { item } = this.props;
+        return (React.createElement(React.Fragment, null,
+            React.createElement("div", { className: "tournament-overflow-qr-content" },
+                React.createElement("p", { className: "tournament-overflow-qr-title T30 FONT_BOLD_HEADLINE" }, item.title),
+                React.createElement("p", { className: "tournament-overflow-qr-subtitle T10 FONT_BOLD" }, item.description)),
+            React.createElement(Image, { src: item.logo, alt: "Tournament Logo", className: "tournament-overflow-qr-logo-image" })));
+    }
+    renderExpandedView(focused) {
+        const { item } = this.props;
+        return (React.createElement("div", { className: "tournament-overflow-qr-expanded" },
+            React.createElement(Image, { src: item.logo, alt: "Tournament Logo", className: "tournament-overflow-qr-expanded-logo" }),
+            React.createElement("p", { className: "tournament-overflow-qr-expanded-title T20 FONT_BOLD" }, item.title),
+            React.createElement(Image, { src: item.qrCode, alt: "QR Code", width: 250, height: 250, className: "tournament-overflow-qr-expanded-qr" }),
+            React.createElement("p", { className: "tournament-overflow-qr-expanded-instructions T04 FONT_BOLD_HEADLINE" }, item.description),
+            React.createElement(ActionButton, { onEnterPress: this.onDismissPress, focusKey: `${this.focusKey}-dismiss`, "data-focused": focused }, "Dismiss")));
+    }
+    render() {
+        const { item } = this.props;
+        const { expanded } = this.state;
+        return (React.createElement(FocusableWrapper, { ...this.props, focusKey: this.focusKey, onEnterPress: this.onEnterPress.bind(this), onArrowPress: this.onArrowPress.bind(this), onBackPress: this.onBackPress.bind(this), expanded: expanded, backgroundImage: item.background }, (focused) => expanded
+            ? this.renderExpandedView(focused)
+            : this.renderCollapsedView()));
+    }
+}
+export default withFocusable()(TournamentOverflowQR);

package/dist/src/modules/espn/fantasy/components/TournamentOverflowQR/index.d.ts

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