react-native-football-formation 1.0.0

package/dist/components/PlayerCard.js

@@ -0,0 +1,365 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+const react_1 = __importDefault(require("react"));
+const react_native_1 = require("react-native");
+const assets_1 = require("../assets");
+const PlayerCard = ({ player, fieldWidth, fieldHeight, theme, onPress, style, nameStyle, playerPlaceholder = assets_1.defaultAssets.playerPlaceholder, footballIcon = assets_1.defaultAssets.football, kickerIcon = assets_1.defaultAssets.kicker, renewalIcon = assets_1.defaultAssets.renewal, ownGoalIcon = assets_1.defaultAssets.ownGoals, }) => {
+    const getFirst10Chars = (str) => {
+        const trimmed = [...str].slice(0, 10).join('');
+        return str?.length > 10 ? trimmed + '…' : trimmed;
+    };
+    const playerX = (Number(player?.x) / 100) * fieldWidth - theme.spacing.playerCardWidth / 2;
+    const playerY = (Number(player?.y) / 100) * fieldHeight - theme.spacing.playerCardHeight / 2;
+    const cardContent = (<react_native_1.View style={[
+            styles.playerCard,
+            {
+                left: playerX,
+                top: playerY,
+                width: theme.spacing.playerCardWidth,
+                height: theme.spacing.playerCardHeight,
+            },
+            style,
+        ]}>
+      <react_native_1.View style={[
+            styles.playerImageContainer,
+            {
+                width: theme.spacing.playerImageSize,
+                height: theme.spacing.playerImageSize,
+                borderRadius: theme.borderRadius.playerImage,
+                borderColor: theme.colors.white,
+            },
+        ]}>
+        <react_native_1.Image source={player?.photo ? { uri: player.photo } : playerPlaceholder} style={[
+            styles.playerImage,
+            { borderRadius: theme.borderRadius.playerImage },
+        ]}/>
+
+        {/* Jersey Number */}
+        <react_native_1.View style={[
+            styles.jerseyNumber,
+            react_native_1.I18nManager.isRTL ? { right: -5 } : { left: -5 },
+        ]}>
+          <react_native_1.View style={[
+            styles.jerseyNumberWrapper,
+            {
+                width: theme.spacing.jerseyNumberSize,
+                height: theme.spacing.jerseyNumberSize,
+                borderRadius: theme.spacing.jerseyNumberSize,
+                backgroundColor: theme.colors.white,
+                borderColor: theme.colors.border,
+            },
+        ]}>
+            <react_native_1.Text style={[
+            styles.jerseyText,
+            {
+                fontSize: theme.typography.jerseyNumberSize,
+                color: theme.colors.text,
+                fontFamily: theme.typography.fontFamily,
+            },
+        ]}>
+              {player?.shirtNumber}
+            </react_native_1.Text>
+          </react_native_1.View>
+        </react_native_1.View>
+
+        {/* Goal Assist Icon */}
+        {player?.isGoalAssist && (<react_native_1.View style={[
+                styles.assistIconWrapper,
+                react_native_1.I18nManager.isRTL ? { right: -8 } : { left: -8 },
+            ]}>
+            <react_native_1.Image source={kickerIcon} style={[
+                styles.assistIcon,
+                {
+                    width: theme.spacing.iconSize,
+                    height: theme.spacing.iconSize,
+                    borderRadius: theme.spacing.iconSize,
+                },
+            ]}/>
+          </react_native_1.View>)}
+
+        {/* Own Goals */}
+        {player?.isOwnGoal && (<react_native_1.View style={[
+                styles.ownGoalsWrapper,
+                react_native_1.I18nManager.isRTL ? { right: -4 } : { left: -4 },
+            ]}>
+            <react_native_1.View style={[
+                styles.ownGoalsContainer,
+                {
+                    height: theme.spacing.iconSize,
+                    borderRadius: theme.spacing.iconSize,
+                    backgroundColor: theme.colors.white,
+                    borderColor: theme.colors.error,
+                },
+                Number(player?.ownGoals) > 1 && react_native_1.I18nManager.isRTL
+                    ? { paddingLeft: 3 }
+                    : { paddingRight: 3 },
+            ]}>
+              <react_native_1.View style={{
+                flexDirection: react_native_1.I18nManager.isRTL ? 'row' : 'row-reverse',
+            }}>
+                {Number(player?.ownGoals) > 1 && (<react_native_1.View style={[
+                    react_native_1.I18nManager.isRTL ? { paddingRight: 2 } : { paddingLeft: 2 },
+                ]}>
+                    <react_native_1.Text style={[
+                    styles.goalsText,
+                    {
+                        fontSize: theme.typography.goalCountSize,
+                        color: theme.colors.newError,
+                        fontFamily: theme.typography.fontFamilyBold,
+                    },
+                ]}>
+                      {player?.ownGoals}
+                    </react_native_1.Text>
+                  </react_native_1.View>)}
+                <react_native_1.Image source={ownGoalIcon} style={[
+                styles.assistIcon,
+                {
+                    width: theme.spacing.iconSize,
+                    height: theme.spacing.iconSize,
+                    borderRadius: theme.spacing.iconSize,
+                },
+            ]}/>
+              </react_native_1.View>
+            </react_native_1.View>
+          </react_native_1.View>)}
+
+        {/* Goals Scored */}
+        {player?.isScorer && (<react_native_1.View style={[
+                styles.footballIconWrapper,
+                react_native_1.I18nManager.isRTL
+                    ? { left: Number(player?.goals) > 1 ? -10 : -2.8 }
+                    : { right: Number(player?.goals) > 1 ? -10 : -2.8 },
+            ]}>
+            <react_native_1.View style={[
+                styles.goalsContainer,
+                {
+                    height: theme.spacing.iconSize,
+                    borderRadius: theme.spacing.iconSize,
+                    borderColor: theme.colors.success,
+                    backgroundColor: theme.colors.white,
+                },
+                Number(player?.goals) > 1 && react_native_1.I18nManager.isRTL
+                    ? { paddingRight: 3 }
+                    : { paddingLeft: 3 },
+            ]}>
+              <react_native_1.View style={{
+                flexDirection: react_native_1.I18nManager.isRTL ? 'row-reverse' : 'row',
+            }}>
+                {Number(player?.goals) > 1 && (<react_native_1.View style={[
+                    react_native_1.I18nManager.isRTL ? { paddingLeft: 2 } : { paddingRight: 2 },
+                ]}>
+                    <react_native_1.Text style={[
+                    styles.goalsText,
+                    {
+                        fontSize: theme.typography.goalCountSize,
+                        color: theme.colors.text,
+                        fontFamily: theme.typography.fontFamilyBold,
+                    },
+                ]}>
+                      {player?.goals}
+                    </react_native_1.Text>
+                  </react_native_1.View>)}
+                <react_native_1.Image source={footballIcon} style={[
+                styles.footballIcon,
+                {
+                    width: theme.spacing.iconSize,
+                    height: theme.spacing.iconSize,
+                    borderRadius: theme.spacing.iconSize,
+                },
+            ]}/>
+              </react_native_1.View>
+            </react_native_1.View>
+          </react_native_1.View>)}
+
+        {/* Yellow Card */}
+        {player?.isYellowCard && (<react_native_1.View style={[
+                styles.yellowCardWrapper,
+                react_native_1.I18nManager.isRTL ? { left: -8 } : { right: -8 },
+            ]}>
+            <react_native_1.View style={[
+                styles.yellowCardContainer,
+                {
+                    width: theme.spacing.iconSize,
+                    height: theme.spacing.iconSize,
+                    borderRadius: theme.spacing.iconSize,
+                    backgroundColor: theme.colors.white,
+                    borderColor: theme.colors.border,
+                },
+            ]}>
+              <react_native_1.View style={[
+                styles.yellowCard,
+                {
+                    borderRadius: theme.borderRadius.card,
+                    backgroundColor: theme.colors.warning,
+                },
+            ]}/>
+            </react_native_1.View>
+          </react_native_1.View>)}
+
+        {/* Red Card */}
+        {player?.isRedCard && (<react_native_1.View style={[
+                styles.redCardWrapper,
+                react_native_1.I18nManager.isRTL ? { left: -8 } : { right: -8 },
+            ]}>
+            <react_native_1.View style={[
+                styles.redCardContainer,
+                {
+                    width: theme.spacing.iconSize,
+                    height: theme.spacing.iconSize,
+                    borderRadius: theme.spacing.iconSize,
+                    backgroundColor: theme.colors.white,
+                    borderColor: theme.colors.border,
+                },
+            ]}>
+              <react_native_1.View style={[
+                styles.redCard,
+                {
+                    borderRadius: theme.borderRadius.card,
+                    backgroundColor: theme.colors.error,
+                },
+            ]}/>
+            </react_native_1.View>
+          </react_native_1.View>)}
+
+        {/* Substitute Icon */}
+        {player?.isSubstitute && (<react_native_1.View style={[
+                styles.playerSubstituteWrapper,
+                react_native_1.I18nManager.isRTL ? { left: -4 } : { right: -4 },
+            ]}>
+            <react_native_1.View style={[
+                styles.playerSubstituteContainer,
+                {
+                    width: theme.spacing.iconSize,
+                    height: theme.spacing.iconSize,
+                    backgroundColor: theme.colors.white,
+                    borderRadius: theme.spacing.iconSize,
+                },
+            ]}>
+              <react_native_1.Image source={renewalIcon} style={styles.playerSubstituteIcon}/>
+            </react_native_1.View>
+          </react_native_1.View>)}
+      </react_native_1.View>
+
+      <react_native_1.Text numberOfLines={1} style={[
+            styles.playerName,
+            {
+                fontSize: theme.typography.playerNameSize,
+                color: theme.colors.text,
+                fontFamily: theme.typography.fontFamily,
+            },
+            nameStyle,
+        ]}>
+        {getFirst10Chars(player?.matchName)}
+      </react_native_1.Text>
+    </react_native_1.View>);
+    if (onPress) {
+        return (<react_native_1.TouchableOpacity onPress={() => onPress(player)} activeOpacity={0.7}>
+        {cardContent}
+      </react_native_1.TouchableOpacity>);
+    }
+    return cardContent;
+};
+const styles = react_native_1.StyleSheet.create({
+    playerCard: {
+        position: 'absolute',
+        borderRadius: 50,
+        alignItems: 'center',
+        justifyContent: 'center',
+    },
+    playerImageContainer: {
+        borderWidth: 1,
+    },
+    playerImage: {
+        width: '100%',
+        height: '100%',
+        resizeMode: 'cover',
+    },
+    jerseyNumber: {
+        position: 'absolute',
+        top: -4,
+        zIndex: 3,
+    },
+    jerseyNumberWrapper: {
+        borderWidth: 0.3,
+        alignItems: 'center',
+        justifyContent: 'center',
+    },
+    jerseyText: {
+        includeFontPadding: false,
+    },
+    assistIconWrapper: {
+        position: 'absolute',
+        top: 16,
+        zIndex: 3,
+    },
+    assistIcon: {},
+    ownGoalsWrapper: {
+        position: 'absolute',
+        bottom: -1,
+        zIndex: 3,
+    },
+    ownGoalsContainer: {
+        borderWidth: 0.3,
+        alignItems: 'center',
+        justifyContent: 'center',
+    },
+    footballIconWrapper: {
+        position: 'absolute',
+        top: -3,
+    },
+    goalsContainer: {
+        borderWidth: 0.3,
+        justifyContent: 'center',
+        alignItems: 'center',
+    },
+    goalsText: {
+        includeFontPadding: false,
+        lineHeight: 13.8,
+    },
+    footballIcon: {},
+    yellowCardWrapper: {
+        position: 'absolute',
+        top: 16,
+    },
+    yellowCardContainer: {
+        borderWidth: 0.3,
+        justifyContent: 'center',
+        alignItems: 'center',
+    },
+    yellowCard: {
+        width: 6,
+        height: 8,
+    },
+    redCardWrapper: {
+        position: 'absolute',
+        top: 16,
+    },
+    redCardContainer: {
+        borderWidth: 0.3,
+        justifyContent: 'center',
+        alignItems: 'center',
+    },
+    redCard: {
+        width: 6,
+        height: 8,
+    },
+    playerSubstituteWrapper: {
+        position: 'absolute',
+        bottom: -1,
+    },
+    playerSubstituteContainer: {
+        justifyContent: 'center',
+        alignItems: 'center',
+    },
+    playerSubstituteIcon: {
+        width: 7.6,
+        height: 7.6,
+    },
+    playerName: {
+        marginTop: 2,
+    },
+});
+exports.default = react_1.default.memo(PlayerCard);

package/dist/components/index.d.ts

@@ -0,0 +1,3 @@
+export { default as FormationField } from './FormationField';
+export { default as PlayerCard } from './PlayerCard';
+//# sourceMappingURL=index.d.ts.map

package/dist/components/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/components/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAC7D,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,cAAc,CAAC"}

package/dist/components/index.js

@@ -0,0 +1,10 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.PlayerCard = exports.FormationField = void 0;
+var FormationField_1 = require("./FormationField");
+Object.defineProperty(exports, "FormationField", { enumerable: true, get: function () { return __importDefault(FormationField_1).default; } });
+var PlayerCard_1 = require("./PlayerCard");
+Object.defineProperty(exports, "PlayerCard", { enumerable: true, get: function () { return __importDefault(PlayerCard_1).default; } });

package/dist/index.d.ts

@@ -0,0 +1,11 @@
+/**
+ * React Native Football Formation
+ * A highly customizable component for displaying football/soccer team formations
+ * @author Arbab Rafiq
+ */
+export { FormationField, PlayerCard } from './components';
+export * from './types';
+export * from './utils';
+export * from './theme';
+export { defaultAssets } from './assets';
+//# sourceMappingURL=index.d.ts.map

package/dist/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AAGH,OAAO,EAAE,cAAc,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAG1D,cAAc,SAAS,CAAC;AAGxB,cAAc,SAAS,CAAC;AAGxB,cAAc,SAAS,CAAC;AAGxB,OAAO,EAAE,aAAa,EAAE,MAAM,UAAU,CAAC"}

package/dist/index.js

@@ -0,0 +1,35 @@
+"use strict";
+/**
+ * React Native Football Formation
+ * A highly customizable component for displaying football/soccer team formations
+ * @author Arbab Rafiq
+ */
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.defaultAssets = exports.PlayerCard = exports.FormationField = void 0;
+// Main Components
+var components_1 = require("./components");
+Object.defineProperty(exports, "FormationField", { enumerable: true, get: function () { return components_1.FormationField; } });
+Object.defineProperty(exports, "PlayerCard", { enumerable: true, get: function () { return components_1.PlayerCard; } });
+// Types
+__exportStar(require("./types"), exports);
+// Utilities
+__exportStar(require("./utils"), exports);
+// Theme
+__exportStar(require("./theme"), exports);
+// Assets
+var assets_1 = require("./assets");
+Object.defineProperty(exports, "defaultAssets", { enumerable: true, get: function () { return assets_1.defaultAssets; } });

package/dist/theme/defaultTheme.d.ts

@@ -0,0 +1,12 @@
+import { FormationTheme } from '../types';
+/**
+ * Default theme configuration for the Formation Field component
+ * All values can be customized by passing a partial theme object to the component
+ */
+export declare const defaultTheme: FormationTheme;
+/**
+ * Deep merge theme objects
+ * Allows users to override only specific theme values
+ */
+export declare const mergeTheme: (customTheme?: Partial<FormationTheme>) => FormationTheme;
+//# sourceMappingURL=defaultTheme.d.ts.map

package/dist/theme/defaultTheme.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"defaultTheme.d.ts","sourceRoot":"","sources":["../../src/theme/defaultTheme.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,UAAU,CAAC;AAE1C;;;GAGG;AACH,eAAO,MAAM,YAAY,EAAE,cAsC1B,CAAC;AAEF;;;GAGG;AACH,eAAO,MAAM,UAAU,GACrB,cAAc,OAAO,CAAC,cAAc,CAAC,KACpC,cAqBF,CAAC"}

package/dist/theme/defaultTheme.js

@@ -0,0 +1,70 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.mergeTheme = exports.defaultTheme = void 0;
+/**
+ * Default theme configuration for the Formation Field component
+ * All values can be customized by passing a partial theme object to the component
+ */
+exports.defaultTheme = {
+    colors: {
+        primary: '#A8FF03',
+        blue: '#2194FF',
+        white: '#ffffff',
+        text: '#13151F',
+        border: '#96CBCB',
+        warning: '#FFA500',
+        success: '#34C759',
+        error: '#dc3545',
+        newError: '#FF4A4A',
+        formationBadge: '#41854A',
+    },
+    spacing: {
+        playerCardWidth: 70,
+        playerCardHeight: 50,
+        playerImageSize: 44,
+        jerseyNumberSize: 16,
+        iconSize: 12,
+        badgeMinWidth: 20,
+        badgeHeight: 14,
+    },
+    typography: {
+        playerNameSize: 12,
+        formationSize: 14,
+        jerseyNumberSize: 8,
+        goalCountSize: 8,
+        fontFamily: undefined,
+        fontFamilyBold: undefined,
+    },
+    borderRadius: {
+        playerImage: 44,
+        badge: 12,
+        card: 1,
+    },
+};
+/**
+ * Deep merge theme objects
+ * Allows users to override only specific theme values
+ */
+const mergeTheme = (customTheme) => {
+    if (!customTheme)
+        return exports.defaultTheme;
+    return {
+        colors: {
+            ...exports.defaultTheme.colors,
+            ...customTheme.colors,
+        },
+        spacing: {
+            ...exports.defaultTheme.spacing,
+            ...customTheme.spacing,
+        },
+        typography: {
+            ...exports.defaultTheme.typography,
+            ...customTheme.typography,
+        },
+        borderRadius: {
+            ...exports.defaultTheme.borderRadius,
+            ...customTheme.borderRadius,
+        },
+    };
+};
+exports.mergeTheme = mergeTheme;

package/dist/theme/index.d.ts

@@ -0,0 +1,2 @@
+export * from './defaultTheme';
+//# sourceMappingURL=index.d.ts.map

package/dist/theme/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/theme/index.ts"],"names":[],"mappings":"AAAA,cAAc,gBAAgB,CAAC"}

package/dist/theme/index.js

@@ -0,0 +1,17 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+__exportStar(require("./defaultTheme"), exports);

package/dist/types/component.types.d.ts

@@ -0,0 +1,48 @@
+import { ReactNode } from 'react';
+import { ImageSourcePropType, ViewStyle, TextStyle } from 'react-native';
+import { LineupFormationPlayer, TeamLineup } from './formation.types';
+import { FormationTheme } from './theme.types';
+/**
+ * Props for the main FormationField component
+ */
+export interface FormationFieldProps {
+    lineup: TeamLineup;
+    width?: number;
+    height?: number;
+    theme?: Partial<FormationTheme>;
+    fieldImage?: ImageSourcePropType;
+    playerPlaceholder?: ImageSourcePropType;
+    footballIcon?: ImageSourcePropType;
+    kickerIcon?: ImageSourcePropType;
+    renewalIcon?: ImageSourcePropType;
+    ownGoalIcon?: ImageSourcePropType;
+    logoImage?: ImageSourcePropType;
+    renderPlayerCard?: (player: LineupFormationPlayer, fieldWidth: number, fieldHeight: number) => ReactNode;
+    renderFooter?: (formation: string) => ReactNode;
+    onPlayerPress?: (player: LineupFormationPlayer) => void;
+    showLogo?: boolean;
+    showFormation?: boolean;
+    showRating?: boolean;
+    containerStyle?: ViewStyle;
+    playerCardStyle?: ViewStyle;
+    playerNameStyle?: TextStyle;
+    getPlayerPhotoUrl?: (playerId: string) => string;
+}
+/**
+ * Props for the PlayerCard component
+ */
+export interface PlayerCardProps {
+    player: LineupFormationPlayer;
+    fieldWidth: number;
+    fieldHeight: number;
+    theme: FormationTheme;
+    onPress?: (player: LineupFormationPlayer) => void;
+    style?: ViewStyle;
+    nameStyle?: TextStyle;
+    playerPlaceholder?: ImageSourcePropType;
+    footballIcon?: ImageSourcePropType;
+    kickerIcon?: ImageSourcePropType;
+    renewalIcon?: ImageSourcePropType;
+    ownGoalIcon?: ImageSourcePropType;
+}
+//# sourceMappingURL=component.types.d.ts.map

package/dist/types/component.types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"component.types.d.ts","sourceRoot":"","sources":["../../src/types/component.types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAClC,OAAO,EAAE,mBAAmB,EAAE,SAAS,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AACzE,OAAO,EAAE,qBAAqB,EAAE,UAAU,EAAE,MAAM,mBAAmB,CAAC;AACtE,OAAO,EAAE,cAAc,EAAE,MAAM,eAAe,CAAC;AAE/C;;GAEG;AACH,MAAM,WAAW,mBAAmB;IAElC,MAAM,EAAE,UAAU,CAAC;IAGnB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,MAAM,CAAC,EAAE,MAAM,CAAC;IAGhB,KAAK,CAAC,EAAE,OAAO,CAAC,cAAc,CAAC,CAAC;IAGhC,UAAU,CAAC,EAAE,mBAAmB,CAAC;IACjC,iBAAiB,CAAC,EAAE,mBAAmB,CAAC;IACxC,YAAY,CAAC,EAAE,mBAAmB,CAAC;IACnC,UAAU,CAAC,EAAE,mBAAmB,CAAC;IACjC,WAAW,CAAC,EAAE,mBAAmB,CAAC;IAClC,WAAW,CAAC,EAAE,mBAAmB,CAAC;IAClC,SAAS,CAAC,EAAE,mBAAmB,CAAC;IAGhC,gBAAgB,CAAC,EAAE,CACjB,MAAM,EAAE,qBAAqB,EAC7B,UAAU,EAAE,MAAM,EAClB,WAAW,EAAE,MAAM,KAChB,SAAS,CAAC;IACf,YAAY,CAAC,EAAE,CAAC,SAAS,EAAE,MAAM,KAAK,SAAS,CAAC;IAGhD,aAAa,CAAC,EAAE,CAAC,MAAM,EAAE,qBAAqB,KAAK,IAAI,CAAC;IAGxD,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,UAAU,CAAC,EAAE,OAAO,CAAC;IAGrB,cAAc,CAAC,EAAE,SAAS,CAAC;IAC3B,eAAe,CAAC,EAAE,SAAS,CAAC;IAC5B,eAAe,CAAC,EAAE,SAAS,CAAC;IAG5B,iBAAiB,CAAC,EAAE,CAAC,QAAQ,EAAE,MAAM,KAAK,MAAM,CAAC;CAClD;AAED;;GAEG;AACH,MAAM,WAAW,eAAe;IAC9B,MAAM,EAAE,qBAAqB,CAAC;IAC9B,UAAU,EAAE,MAAM,CAAC;IACnB,WAAW,EAAE,MAAM,CAAC;IACpB,KAAK,EAAE,cAAc,CAAC;IACtB,OAAO,CAAC,EAAE,CAAC,MAAM,EAAE,qBAAqB,KAAK,IAAI,CAAC;IAClD,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,SAAS,CAAC,EAAE,SAAS,CAAC;IAGtB,iBAAiB,CAAC,EAAE,mBAAmB,CAAC;IACxC,YAAY,CAAC,EAAE,mBAAmB,CAAC;IACnC,UAAU,CAAC,EAAE,mBAAmB,CAAC;IACjC,WAAW,CAAC,EAAE,mBAAmB,CAAC;IAClC,WAAW,CAAC,EAAE,mBAAmB,CAAC;CACnC"}

package/dist/types/component.types.js

@@ -0,0 +1,2 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });

package/dist/types/formation.types.d.ts

@@ -0,0 +1,59 @@
+/**
+ * Type definitions for React Native Football Formation component
+ */
+export interface PlayerStats {
+    type: string;
+    value: string | number;
+}
+export interface Player {
+    rating: string;
+    playerId: string;
+    position: string;
+    matchName: string;
+    shirtNumber: number;
+    positionSide?: string;
+    formationPosition?: string;
+    formationPlace?: string;
+    stats: PlayerStats[] | null[];
+}
+export interface TeamLineup {
+    players: Player[];
+    formationUsed: string;
+}
+export interface LineupFormationPlayer {
+    rating: string;
+    playerId: string;
+    position: string;
+    matchName: string;
+    shirtNumber: number;
+    isScorer: boolean;
+    isSubstitute: boolean;
+    isYellowCard: boolean;
+    isRedCard: boolean;
+    isOwnGoal: boolean;
+    ownGoals: number;
+    isGoalAssist: boolean;
+    goals: number;
+    formationPlace: string;
+    photo: string;
+    x: string | number;
+    y: string | number;
+}
+/**
+ * Supported formation types
+ */
+export type FormationType = '4-4-2' | '4-1-2-1-2' | '4-3-3' | '4-5-1' | '4-4-1-1' | '4-1-4-1' | '4-2-3-1' | '4-3-2-1' | '5-3-2' | '5-4-1' | '3-5-2' | '3-4-3' | '4-2-2-2' | '3-5-1-1' | '3-4-2-1' | '3-4-1-2' | '3-1-4-2' | '3-4-3d' | '4-1-3-2' | '4-2-4-0' | '4-3-1-2' | '3-2-4-1' | '3-3-3-1';
+/**
+ * Coordinate for player positioning on the field
+ */
+export interface FieldCoordinate {
+    x: number;
+    y: number;
+}
+/**
+ * Formation coordinates mapping
+ */
+export type FormationCoordinates = {
+    [key: string]: FieldCoordinate;
+};
+//# sourceMappingURL=formation.types.d.ts.map

package/dist/types/formation.types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"formation.types.d.ts","sourceRoot":"","sources":["../../src/types/formation.types.ts"],"names":[],"mappings":"AAAA;;GAEG;AAEH,MAAM,WAAW,WAAW;IAC1B,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,EAAE,MAAM,GAAG,MAAM,CAAC;CACxB;AAED,MAAM,WAAW,MAAM;IACrB,MAAM,EAAE,MAAM,CAAC;IACf,QAAQ,EAAE,MAAM,CAAC;IACjB,QAAQ,EAAE,MAAM,CAAC;IACjB,SAAS,EAAE,MAAM,CAAC;IAClB,WAAW,EAAE,MAAM,CAAC;IACpB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,KAAK,EAAE,WAAW,EAAE,GAAG,IAAI,EAAE,CAAC;CAC/B;AAED,MAAM,WAAW,UAAU;IACzB,OAAO,EAAE,MAAM,EAAE,CAAC;IAClB,aAAa,EAAE,MAAM,CAAC;CACvB;AAED,MAAM,WAAW,qBAAqB;IACpC,MAAM,EAAE,MAAM,CAAC;IACf,QAAQ,EAAE,MAAM,CAAC;IACjB,QAAQ,EAAE,MAAM,CAAC;IACjB,SAAS,EAAE,MAAM,CAAC;IAClB,WAAW,EAAE,MAAM,CAAC;IACpB,QAAQ,EAAE,OAAO,CAAC;IAClB,YAAY,EAAE,OAAO,CAAC;IACtB,YAAY,EAAE,OAAO,CAAC;IACtB,SAAS,EAAE,OAAO,CAAC;IACnB,SAAS,EAAE,OAAO,CAAC;IACnB,QAAQ,EAAE,MAAM,CAAC;IACjB,YAAY,EAAE,OAAO,CAAC;IACtB,KAAK,EAAE,MAAM,CAAC;IACd,cAAc,EAAE,MAAM,CAAC;IACvB,KAAK,EAAE,MAAM,CAAC;IACd,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACnB,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;CACpB;AAED;;GAEG;AACH,MAAM,MAAM,aAAa,GACrB,OAAO,GACP,WAAW,GACX,OAAO,GACP,OAAO,GACP,SAAS,GACT,SAAS,GACT,SAAS,GACT,SAAS,GACT,OAAO,GACP,OAAO,GACP,OAAO,GACP,OAAO,GACP,SAAS,GACT,SAAS,GACT,SAAS,GACT,SAAS,GACT,SAAS,GACT,QAAQ,GACR,SAAS,GACT,SAAS,GACT,SAAS,GACT,SAAS,GACT,SAAS,CAAC;AAEd;;GAEG;AACH,MAAM,WAAW,eAAe;IAC9B,CAAC,EAAE,MAAM,CAAC;IACV,CAAC,EAAE,MAAM,CAAC;CACX;AAED;;GAEG;AACH,MAAM,MAAM,oBAAoB,GAAG;IACjC,CAAC,GAAG,EAAE,MAAM,GAAG,eAAe,CAAC;CAChC,CAAC"}

package/dist/types/formation.types.js

@@ -0,0 +1,5 @@
+"use strict";
+/**
+ * Type definitions for React Native Football Formation component
+ */
+Object.defineProperty(exports, "__esModule", { value: true });