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

package/dist/src/modules/stats/view/DriveSummary/DrivePlayCard.js

@@ -1,70 +0,0 @@
-import React from 'react';
-import { withFocusable, } from '@/external/spatial-navigation';
-import { DEFAULT_SCROLLABLE_CONTAINER_CONTEXT, SCROLLABLE_CONTEXT_TYPE, } from '@/components/core/ScrollableContainer/ScrollableContainer';
-import SDK from '@/index';
-import './DrivePlayCard.styles.css';
-class DrivePlayCard extends React.Component {
-    constructor() {
-        super(...arguments);
-        Object.defineProperty(this, "context", {
-            enumerable: true,
-            configurable: true,
-            writable: true,
-            value: DEFAULT_SCROLLABLE_CONTAINER_CONTEXT
-        });
-        Object.defineProperty(this, "onBecameFocused", {
-            enumerable: true,
-            configurable: true,
-            writable: true,
-            value: (layout) => {
-                this.context.scrollToFocusedElement(layout);
-            }
-        });
-        Object.defineProperty(this, "onArrowPress", {
-            enumerable: true,
-            configurable: true,
-            writable: true,
-            value: (direction, _props) => {
-                if (direction === 'left') {
-                    SDK.getMaestroEventViewModel().deliverFocus();
-                }
-            }
-        });
-    }
-    render() {
-        const { play, isLastPlay, focused } = this.props;
-        return (React.createElement("div", { className: "drive-play-card focus-ring focus-opacity", "data-focused": focused },
-            isLastPlay && (React.createElement("div", { className: "drive-play-card-label" },
-                React.createElement("span", { className: "last-play-label T10" }, "LAST PLAY"))),
-            React.createElement("table", { className: "drive-play-card-content" },
-                React.createElement("tbody", null,
-                    React.createElement("tr", null,
-                        React.createElement("td", null,
-                            React.createElement("table", { className: "drive-play-card-header" },
-                                React.createElement("tbody", null,
-                                    React.createElement("tr", null,
-                                        React.createElement("td", null,
-                                            React.createElement("span", { className: "drive-play-card-title T05_ALT" }, play.start.downDistanceText))))))),
-                    React.createElement("tr", null,
-                        React.createElement("td", null,
-                            React.createElement("table", { className: "drive-play-card-description" },
-                                React.createElement("tbody", null,
-                                    React.createElement("tr", null,
-                                        React.createElement("td", null,
-                                            React.createElement("span", { className: "drive-play-card-text T01" },
-                                                "(",
-                                                play.clock.displayValue,
-                                                " - ",
-                                                play.period.number,
-                                                ").",
-                                                ' ',
-                                                play.text)))))))))));
-    }
-}
-Object.defineProperty(DrivePlayCard, "contextTypes", {
-    enumerable: true,
-    configurable: true,
-    writable: true,
-    value: SCROLLABLE_CONTEXT_TYPE
-});
-export default withFocusable()(DrivePlayCard);

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

@@ -1,17 +0,0 @@
-import React from 'react';
-import { WithFocusableProps } from '@/external/spatial-navigation';
-import './DriveSummary.styles.css';
-import { DriveSummaryItem } from '../../view-model/StatsViewModel';
-type DriveSummaryProps = {
-    item: DriveSummaryItem;
-    onItemEnterPress: () => void;
-};
-export default class DriveSummary extends React.Component<DriveSummaryProps & WithFocusableProps> {
-    state: {
-        expanded: boolean;
-    };
-    handleEnterPress: (_props: any, _details: any) => void;
-    collapseCard: () => void;
-    render(): JSX.Element;
-}
-export {};

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

@@ -1,87 +0,0 @@
-import React from 'react';
-import { withFocusable, } from '@/external/spatial-navigation';
-import { DEFAULT_SCROLLABLE_CONTAINER_CONTEXT, SCROLLABLE_CONTEXT_TYPE, } from '@/components/core/ScrollableContainer/ScrollableContainer';
-import SDK from '@/index';
-import './DriveSummary.styles.css';
-import DriveSummaryHeader from './Header/DriveSummaryHeader';
-import MainStat from './MainStat/MainStat';
-import DriveSummaryExpanded from './ExpandedItems/DriveSummaryExpanded';
-class DriveSummaryInner extends React.Component {
-    constructor() {
-        super(...arguments);
-        Object.defineProperty(this, "context", {
-            enumerable: true,
-            configurable: true,
-            writable: true,
-            value: DEFAULT_SCROLLABLE_CONTAINER_CONTEXT
-        });
-        Object.defineProperty(this, "onBecameFocused", {
-            enumerable: true,
-            configurable: true,
-            writable: true,
-            value: (layout) => {
-                this.context.scrollToFocusedElement(layout);
-            }
-        });
-    }
-    render() {
-        const { expanded, focused, item } = this.props;
-        const { team, playsQuantity, yards, time, lastPlayMarquee, plays, id, } = item;
-        const hasPlays = item.plays && item.plays.length > 0;
-        return (React.createElement("section", { className: "drive-summary focus-ring", "data-focused": focused, "data-expanded": expanded },
-            React.createElement(DriveSummaryHeader, { team: team, expanded: expanded, focused: !!focused, hasPlays: hasPlays }),
-            !expanded ? (React.createElement(MainStat, { playsQuantity: playsQuantity, yards: yards, time: time, lastPlayMarquee: lastPlayMarquee, focused: !!focused })) : (React.createElement(DriveSummaryExpanded, { plays: plays, id: id, parentFocusKey: this.props.focusKey, collapseCard: this.props.collapseCard, onItemEnterPress: this.props.onItemEnterPress }))));
-    }
-}
-Object.defineProperty(DriveSummaryInner, "contextTypes", {
-    enumerable: true,
-    configurable: true,
-    writable: true,
-    value: SCROLLABLE_CONTEXT_TYPE
-});
-const FocusableDriveSummary = withFocusable({ trackChildren: true })(DriveSummaryInner);
-export default class DriveSummary extends React.Component {
-    constructor() {
-        super(...arguments);
-        Object.defineProperty(this, "state", {
-            enumerable: true,
-            configurable: true,
-            writable: true,
-            value: {
-                expanded: false,
-            }
-        });
-        Object.defineProperty(this, "handleEnterPress", {
-            enumerable: true,
-            configurable: true,
-            writable: true,
-            value: (_props, _details) => {
-                this.props.onItemEnterPress();
-                if (!this.state.expanded) {
-                    this.setState({ expanded: true });
-                    // Focus first play card when expanding - withFocusable will handle this automatically
-                    if (this.props.item.plays && this.props.item.plays.length > 0) {
-                        SDK.getMaestroEventViewModel().navigation.setFocus(`drive-play-${this.props.item.id}-${this.props.item.plays[0].id}`);
-                    }
-                }
-                else {
-                    this.setState({ expanded: false });
-                }
-            }
-        });
-        // Collapse back to minified mode and focus card
-        Object.defineProperty(this, "collapseCard", {
-            enumerable: true,
-            configurable: true,
-            writable: true,
-            value: () => {
-                this.setState({ expanded: false }, () => {
-                    SDK.getMaestroEventViewModel().navigation.setFocus(this.props.focusKey || '');
-                });
-            }
-        });
-    }
-    render() {
-        return (React.createElement(FocusableDriveSummary, { ...this.props, expanded: this.state.expanded, collapseCard: this.collapseCard, onEnterPress: this.handleEnterPress }));
-    }
-}

package/dist/src/modules/stats/view/DriveSummary/ExpandedItems/DriveSummaryExpanded.d.ts

@@ -1,27 +0,0 @@
-import React from 'react';
-import { DrivePlay } from '../../../interfaces/IStats';
-import { Direction } from '@/external/spatial-navigation/utils';
-import './DriveSummaryExpanded.styles.css';
-type Props = {
-    plays: DrivePlay[];
-    id: string;
-    parentFocusKey?: string;
-    collapseCard: () => void;
-    onItemEnterPress: () => void;
-};
-declare class DriveSummaryExpanded extends React.Component<Props> {
-    refsArray: HTMLDivElement[];
-    transitionEndListenerAttached: boolean;
-    transitionEndHandler: (() => void) | null;
-    wrapperRef: HTMLDivElement | null;
-    state: {
-        maxHeight: string;
-        focusedIndex: number;
-    };
-    onPlayArrowPress: (index: number) => (direction: Direction, _props: any) => false | undefined;
-    updateMaxHeight(focusedIndex: number): void;
-    scrollToElement(focusedIndex: number): void;
-    onBecameFocused: (focusedIndex: number) => () => void;
-    render(): JSX.Element;
-}
-export default DriveSummaryExpanded;

package/dist/src/modules/stats/view/DriveSummary/ExpandedItems/DriveSummaryExpanded.js

@@ -1,129 +0,0 @@
-import React from 'react';
-import DrivePlayCard from '../DrivePlayCard';
-import './DriveSummaryExpanded.styles.css';
-import SDK from '@/index';
-class DriveSummaryExpanded extends React.Component {
-    constructor() {
-        super(...arguments);
-        Object.defineProperty(this, "refsArray", {
-            enumerable: true,
-            configurable: true,
-            writable: true,
-            value: []
-        });
-        Object.defineProperty(this, "transitionEndListenerAttached", {
-            enumerable: true,
-            configurable: true,
-            writable: true,
-            value: false
-        });
-        Object.defineProperty(this, "transitionEndHandler", {
-            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',
-                focusedIndex: -1,
-            }
-        });
-        Object.defineProperty(this, "onPlayArrowPress", {
-            enumerable: true,
-            configurable: true,
-            writable: true,
-            value: (index) => (direction, _props) => {
-                if (direction === 'left') {
-                    SDK.getMaestroEventViewModel().deliverFocus();
-                }
-                if (index === 0 && direction === 'up') {
-                    // If the first play is focused and up arrow is pressed, collapse to minified mode
-                    this.props.collapseCard();
-                    return false; // Prevent further propagation
-                }
-                // If the last play is focused and down arrow is pressed, collapse to minified mode
-                const totalPlays = this.props.plays?.length || 0;
-                if (index === totalPlays - 1 && direction === 'down') {
-                    this.props.collapseCard();
-                    SDK.getMaestroEventViewModel().navigation.navigateByDirection('down');
-                    return false; // Prevent further propagation
-                }
-            }
-        });
-        Object.defineProperty(this, "onBecameFocused", {
-            enumerable: true,
-            configurable: true,
-            writable: true,
-            value: (focusedIndex) => () => {
-                this.updateMaxHeight(focusedIndex);
-                // Scroll to element when max height transition ends
-                if (this.wrapperRef) {
-                    // Remove any existing listener before adding a new one
-                    if (this.transitionEndListenerAttached && this.transitionEndHandler) {
-                        this.wrapperRef.removeEventListener('transitionend', this.transitionEndHandler);
-                        this.transitionEndListenerAttached = false;
-                    }
-                    // Create a stable handler that closes over the current focusedIndex
-                    this.transitionEndHandler = () => {
-                        this.scrollToElement(focusedIndex);
-                        if (this.wrapperRef && this.transitionEndHandler) {
-                            this.wrapperRef.removeEventListener('transitionend', this.transitionEndHandler);
-                            this.transitionEndListenerAttached = false;
-                        }
-                    };
-                    this.wrapperRef.addEventListener('transitionend', this.transitionEndHandler);
-                    this.transitionEndListenerAttached = true;
-                }
-            }
-        });
-    }
-    updateMaxHeight(focusedIndex) {
-        const items = this.refsArray.slice(focusedIndex);
-        const maxHeight = items.reduce((prev, curr) => {
-            if (!curr) {
-                return prev;
-            }
-            return prev + curr.clientHeight;
-        }, 0);
-        this.setState({ maxHeight: `${maxHeight}px` });
-    }
-    scrollToElement(focusedIndex) {
-        const element = this.refsArray[focusedIndex];
-        if (!element) {
-            return;
-        }
-        if (this.wrapperRef) {
-            const wrapperRect = this.wrapperRef.getBoundingClientRect();
-            const elementRect = element.getBoundingClientRect();
-            const scrollTop = elementRect.top - wrapperRect.top + this.wrapperRef.scrollTop;
-            this.wrapperRef.scrollTo({
-                top: scrollTop,
-                behavior: 'smooth',
-            });
-        }
-    }
-    render() {
-        const { plays, id } = this.props;
-        return (React.createElement("div", null,
-            React.createElement("div", { className: "drive-summary-divider" }),
-            React.createElement("div", { className: "drive-summary-expanded-wrapper", style: {
-                    maxHeight: this.state.maxHeight,
-                }, ref: (ref) => {
-                    this.wrapperRef = ref;
-                } }, plays.map((play, index) => (React.createElement("div", { className: "summary-item", key: play.id, ref: (ref) => {
-                    this.refsArray[index] = ref;
-                } },
-                React.createElement(DrivePlayCard, { focusKey: `drive-play-${id}-${play.id}`, play: play, isLastPlay: index === 0, onBackPress: this.props.collapseCard, onBecameFocused: this.onBecameFocused(index), onEnterPress: this.props.onItemEnterPress, onArrowPress: this.onPlayArrowPress(index), parentFocusKey: this.props.parentFocusKey })))))));
-    }
-}
-export default DriveSummaryExpanded;

package/dist/src/modules/stats/view/DriveSummary/Header/DriveSummaryHeader.d.ts

@@ -1,12 +0,0 @@
-import './DriveSummaryHeader.styles.css';
-type Props = {
-    team: {
-        displayName: string;
-        logo?: string;
-    };
-    expanded: boolean;
-    focused: boolean;
-    hasPlays: boolean;
-};
-declare const DriveSummaryHeader: (props: Props) => JSX.Element;
-export default DriveSummaryHeader;

package/dist/src/modules/stats/view/DriveSummary/Header/DriveSummaryHeader.js

@@ -1,26 +0,0 @@
-import Image from '@/components/atoms/Image';
-import Icon from '@/components/atoms/SvgIcon';
-import './DriveSummaryHeader.styles.css';
-import React from 'react';
-const DriveSummaryHeader = (props) => {
-    const { team, expanded, focused, hasPlays } = props;
-    return (React.createElement("table", { className: "drive-summary-header" },
-        React.createElement("tbody", null,
-            React.createElement("tr", null,
-                React.createElement("td", { className: "drive-summary-team-info" },
-                    React.createElement("table", { className: "drive-summary-team-info-table" },
-                        React.createElement("tbody", null,
-                            React.createElement("tr", null,
-                                team.logo && (React.createElement("td", { className: "drive-summary-team-logo-cell" },
-                                    React.createElement(Image, { src: team.logo, alt: team.displayName, crossOrigin: "anonymous", className: "drive-summary-team-logo" }))),
-                                React.createElement("td", { className: "drive-summary-team-name-cell" },
-                                    React.createElement("span", { className: "drive-summary-team-name T05_ALT" },
-                                        team.displayName,
-                                        " Drive Summary")))))),
-                React.createElement("td", { className: "drive-summary-expand-icon-cell" }, hasPlays && (React.createElement("table", { className: "drive-summary-expand-icon", "data-focused": focused },
-                    React.createElement("tbody", null,
-                        React.createElement("tr", null,
-                            React.createElement("td", null,
-                                React.createElement(Icon, { iconName: expanded ? 'collapse' : 'expand', width: 48, height: 48 })))))))))));
-};
-export default DriveSummaryHeader;

package/dist/src/modules/stats/view/DriveSummary/MainStat/MainStat.d.ts

@@ -1,10 +0,0 @@
-import './MainStat.styles.css';
-type Props = {
-    playsQuantity: string;
-    yards: string;
-    time: string;
-    lastPlayMarquee?: string;
-    focused: boolean;
-};
-declare const MainStat: (props: Props) => JSX.Element;
-export default MainStat;

package/dist/src/modules/stats/view/DriveSummary/MainStat/MainStat.js

@@ -1,24 +0,0 @@
-import React from 'react';
-import './MainStat.styles.css';
-const MainStat = (props) => {
-    const { playsQuantity, yards, time, lastPlayMarquee, focused } = props;
-    return (React.createElement("div", null,
-        React.createElement("div", { className: "drive-summary-stats-container" },
-            React.createElement("div", { className: "drive-summary-stat-left" },
-                React.createElement("div", { className: "drive-summary-stat-number T30 FONT_BOLD" }, playsQuantity),
-                React.createElement("div", { className: "drive-summary-stat-label T10" }, "PLAYS")),
-            React.createElement("div", { className: "drive-summary-stat-center" },
-                React.createElement("div", { className: "drive-summary-stat-number T30 FONT_BOLD" }, yards),
-                React.createElement("div", { className: "drive-summary-stat-label T10" }, "YARDS")),
-            React.createElement("div", { className: "drive-summary-stat-right" },
-                React.createElement("div", { className: "drive-summary-stat-number T30 FONT_BOLD" }, time))),
-        lastPlayMarquee && (React.createElement("div", { className: "drive-summary-marquee", "data-focused": focused },
-            React.createElement("div", { className: "drive-summary-marquee-background" }),
-            React.createElement("div", { className: "drive-summary-marquee-indicator" }),
-            React.createElement("table", { className: "drive-summary-marquee-content" },
-                React.createElement("tbody", null,
-                    React.createElement("tr", null,
-                        React.createElement("td", null,
-                            React.createElement("div", { className: `drive-summary-marquee-text T01 ${focused ? 'drive-summary-marquee-text-animate' : ''}` }, lastPlayMarquee)))))))));
-};
-export default MainStat;

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

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

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

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

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

@@ -1,21 +0,0 @@
-/// <reference types="prop-types" />
-import React from 'react';
-import './GameLeaders.styles.css';
-import { GameLeadersStatsItem } from '../../view-model/StatsViewModel';
-import { Direction, Layout } from '@/external/spatial-navigation/utils';
-export type GameLeaderProps = {
-    item: GameLeadersStatsItem;
-    onEnterPress: () => void;
-};
-declare class GameLeaders extends React.Component<GameLeaderProps> {
-    static contextTypes: {
-        refsMap: import("prop-types").Requireable<(HTMLElement | null | undefined)[]>;
-        setRef: import("prop-types").Requireable<(...args: any[]) => any>;
-        scrollToFocusedElement: import("prop-types").Requireable<(...args: any[]) => any>;
-    };
-    context: import("@/components/core/ScrollableContainer/ScrollableContainer").ScrollableContainerContextType;
-    onBecameFocused: (layout: Layout) => void;
-    onArrowPress: (d: Direction) => void;
-    render(): JSX.Element;
-}
-export default GameLeaders;

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

@@ -1,48 +0,0 @@
-import React from 'react';
-import './GameLeaders.styles.css';
-import AthletesStatistics from '../components/AthletesStatistics';
-import { DEFAULT_SCROLLABLE_CONTAINER_CONTEXT, SCROLLABLE_CONTEXT_TYPE, } from '@/components/core/ScrollableContainer/ScrollableContainer';
-import SDK from '@/index';
-class GameLeaders extends React.Component {
-    constructor() {
-        super(...arguments);
-        Object.defineProperty(this, "context", {
-            enumerable: true,
-            configurable: true,
-            writable: true,
-            value: DEFAULT_SCROLLABLE_CONTAINER_CONTEXT
-        });
-        Object.defineProperty(this, "onBecameFocused", {
-            enumerable: true,
-            configurable: true,
-            writable: true,
-            value: (layout) => {
-                this.context.scrollToFocusedElement(layout, {
-                    offsetTop: 40,
-                });
-            }
-        });
-        Object.defineProperty(this, "onArrowPress", {
-            enumerable: true,
-            configurable: true,
-            writable: true,
-            value: (d) => {
-                if (d === 'left') {
-                    SDK.getMaestroEventViewModel().deliverFocus();
-                }
-            }
-        });
-    }
-    render() {
-        return (React.createElement("section", { className: "game-leaders" },
-            React.createElement("h5", { className: "T05_ALT" }, this.props.item.displayText),
-            this.props.item.items.map((item, index) => (React.createElement(AthletesStatistics, { key: `${index}-${item.awayAthlete.id}`, item: item, focusKey: String(index), onBecameFocused: this.onBecameFocused, onArrowPress: this.onArrowPress, onEnterPress: this.props.onEnterPress })))));
-    }
-}
-Object.defineProperty(GameLeaders, "contextTypes", {
-    enumerable: true,
-    configurable: true,
-    writable: true,
-    value: SCROLLABLE_CONTEXT_TYPE
-});
-export default GameLeaders;

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

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

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

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

package/dist/src/modules/stats/view/MatchPredictor/DonutChart/DonutChart.d.ts

@@ -1,17 +0,0 @@
-import { Component } from 'react';
-export interface DonutChartProps {
-    awayPercentage: number;
-    homePercentage: number;
-    size?: number;
-    strokeWidth?: number;
-}
-declare class DonutChart extends Component<DonutChartProps> {
-    static defaultProps: {
-        size: number;
-        strokeWidth: number;
-    };
-    private patternId;
-    constructor(props: DonutChartProps);
-    render(): JSX.Element;
-}
-export default DonutChart;

package/dist/src/modules/stats/view/MatchPredictor/DonutChart/DonutChart.js

@@ -1,55 +0,0 @@
-import React, { Component } from 'react';
-import { createArcPath, percentageToAngle } from '../../../utils';
-class DonutChart extends Component {
-    constructor(props) {
-        super(props);
-        Object.defineProperty(this, "patternId", {
-            enumerable: true,
-            configurable: true,
-            writable: true,
-            value: void 0
-        });
-        this.patternId = `homeStripes-${Math.random().toString(36).substr(2, 9)}`;
-    }
-    render() {
-        const { awayPercentage, size = 280, strokeWidth = 32 } = this.props;
-        const radius = (size - strokeWidth) / 2;
-        const centerX = size / 2;
-        const centerY = size / 2;
-        // Calculate angles with equal gaps between sections
-        const awayAngle = percentageToAngle(awayPercentage);
-        const homeAngle = percentageToAngle(100 - awayPercentage);
-        const gapAngle = 3; // 3 degree gap between sections
-        const totalGaps = gapAngle * 2; // Two gaps total
-        // Adjust angles to account for gaps
-        const adjustedAwayAngle = (awayAngle * (360 - totalGaps)) / 360;
-        const adjustedHomeAngle = (homeAngle * (360 - totalGaps)) / 360;
-        const startAngle = 270; // Start from top
-        const awayEndAngle = startAngle + adjustedAwayAngle; // Away team section
-        const homeStartAngle = awayEndAngle + gapAngle; // Gap after away team
-        const homeEndAngle = homeStartAngle + adjustedHomeAngle; // Home team section
-        // Use consistent text-100 color for both teams
-        const chartColor = 'var(--sdk-text100)';
-        return (React.createElement("svg", { width: size, height: size, className: "donut-svg" },
-            React.createElement("defs", null,
-                React.createElement("pattern", { id: this.patternId, patternUnits: "userSpaceOnUse", width: "6", height: "6", patternTransform: "rotate(45)" },
-                    React.createElement("rect", { width: "1", height: "6", fill: chartColor }),
-                    React.createElement("rect", { x: "1", width: "2", height: "6", fill: "transparent" }),
-                    React.createElement("rect", { x: "3", width: "1", height: "6", fill: chartColor }),
-                    React.createElement("rect", { x: "4", width: "2", height: "6", fill: "transparent" }))),
-            React.createElement("path", { d: createArcPath(centerX, centerY, radius, startAngle, awayEndAngle), fill: "transparent", stroke: chartColor, strokeWidth: strokeWidth, strokeLinecap: "butt" }),
-            React.createElement("path", { d: createArcPath(centerX, centerY, radius, homeStartAngle, homeEndAngle), fill: "transparent", stroke: `url(#${this.patternId})`, strokeWidth: strokeWidth, strokeLinecap: "butt" }),
-            React.createElement("path", { d: createArcPath(centerX, centerY, radius, awayEndAngle, homeStartAngle), fill: "transparent", stroke: "var(--sdk-surface4)", strokeWidth: strokeWidth, strokeLinecap: "butt" }),
-            React.createElement("path", { d: createArcPath(centerX, centerY, radius, homeEndAngle, startAngle + 360), fill: "transparent", stroke: "var(--sdk-surface4)", strokeWidth: strokeWidth, strokeLinecap: "butt" })));
-    }
-}
-Object.defineProperty(DonutChart, "defaultProps", {
-    enumerable: true,
-    configurable: true,
-    writable: true,
-    value: {
-        size: 280,
-        strokeWidth: 32,
-    }
-});
-export default DonutChart;

package/dist/src/modules/stats/view/MatchPredictor/DonutChart/index.d.ts

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

package/dist/src/modules/stats/view/MatchPredictor/DonutChart/index.js

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