react-native-football-formation 1.0.0

package/dist/types/index.d.ts

@@ -0,0 +1,4 @@
+export * from './formation.types';
+export * from './theme.types';
+export * from './component.types';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/types/index.ts"],"names":[],"mappings":"AAAA,cAAc,mBAAmB,CAAC;AAClC,cAAc,eAAe,CAAC;AAC9B,cAAc,mBAAmB,CAAC"}

package/dist/types/index.js

@@ -0,0 +1,19 @@
+"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("./formation.types"), exports);
+__exportStar(require("./theme.types"), exports);
+__exportStar(require("./component.types"), exports);

package/dist/types/theme.types.d.ts

@@ -0,0 +1,44 @@
+/**
+ * Theme configuration types for the formation component
+ */
+export interface FormationThemeColors {
+    primary: string;
+    blue: string;
+    white: string;
+    text: string;
+    border: string;
+    warning: string;
+    success: string;
+    error: string;
+    newError: string;
+    formationBadge: string;
+}
+export interface FormationThemeSpacing {
+    playerCardWidth: number;
+    playerCardHeight: number;
+    playerImageSize: number;
+    jerseyNumberSize: number;
+    iconSize: number;
+    badgeMinWidth: number;
+    badgeHeight: number;
+}
+export interface FormationThemeTypography {
+    playerNameSize: number;
+    formationSize: number;
+    jerseyNumberSize: number;
+    goalCountSize: number;
+    fontFamily?: string;
+    fontFamilyBold?: string;
+}
+export interface FormationThemeBorderRadius {
+    playerImage: number;
+    badge: number;
+    card: number;
+}
+export interface FormationTheme {
+    colors: FormationThemeColors;
+    spacing: FormationThemeSpacing;
+    typography: FormationThemeTypography;
+    borderRadius: FormationThemeBorderRadius;
+}
+//# sourceMappingURL=theme.types.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"theme.types.d.ts","sourceRoot":"","sources":["../../src/types/theme.types.ts"],"names":[],"mappings":"AAAA;;GAEG;AAEH,MAAM,WAAW,oBAAoB;IACnC,OAAO,EAAE,MAAM,CAAC;IAChB,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,EAAE,MAAM,CAAC;IACb,MAAM,EAAE,MAAM,CAAC;IACf,OAAO,EAAE,MAAM,CAAC;IAChB,OAAO,EAAE,MAAM,CAAC;IAChB,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,EAAE,MAAM,CAAC;IACjB,cAAc,EAAE,MAAM,CAAC;CACxB;AAED,MAAM,WAAW,qBAAqB;IACpC,eAAe,EAAE,MAAM,CAAC;IACxB,gBAAgB,EAAE,MAAM,CAAC;IACzB,eAAe,EAAE,MAAM,CAAC;IACxB,gBAAgB,EAAE,MAAM,CAAC;IACzB,QAAQ,EAAE,MAAM,CAAC;IACjB,aAAa,EAAE,MAAM,CAAC;IACtB,WAAW,EAAE,MAAM,CAAC;CACrB;AAED,MAAM,WAAW,wBAAwB;IACvC,cAAc,EAAE,MAAM,CAAC;IACvB,aAAa,EAAE,MAAM,CAAC;IACtB,gBAAgB,EAAE,MAAM,CAAC;IACzB,aAAa,EAAE,MAAM,CAAC;IACtB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,cAAc,CAAC,EAAE,MAAM,CAAC;CACzB;AAED,MAAM,WAAW,0BAA0B;IACzC,WAAW,EAAE,MAAM,CAAC;IACpB,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,EAAE,MAAM,CAAC;CACd;AAED,MAAM,WAAW,cAAc;IAC7B,MAAM,EAAE,oBAAoB,CAAC;IAC7B,OAAO,EAAE,qBAAqB,CAAC;IAC/B,UAAU,EAAE,wBAAwB,CAAC;IACrC,YAAY,EAAE,0BAA0B,CAAC;CAC1C"}

package/dist/types/theme.types.js

@@ -0,0 +1,5 @@
+"use strict";
+/**
+ * Theme configuration types for the formation component
+ */
+Object.defineProperty(exports, "__esModule", { value: true });

package/dist/utils/formationCoordinates.d.ts

@@ -0,0 +1,10 @@
+import { FormationCoordinates, FormationType } from '../types';
+/**
+ * Formation coordinates based on formationPlace (1-11)
+ * Each formation maps player positions (1-11) to x,y coordinates on the field (0-100 scale)
+ *
+ * Position 1 is always the goalkeeper
+ * Positions 2-11 vary based on the tactical formation
+ */
+export declare const FORMATION_COORDINATES_BY_PLACE: Record<FormationType, FormationCoordinates>;
+//# sourceMappingURL=formationCoordinates.d.ts.map

package/dist/utils/formationCoordinates.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"formationCoordinates.d.ts","sourceRoot":"","sources":["../../src/utils/formationCoordinates.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,oBAAoB,EAAE,aAAa,EAAE,MAAM,UAAU,CAAC;AAE/D;;;;;;GAMG;AACH,eAAO,MAAM,8BAA8B,EAAE,MAAM,CACjD,aAAa,EACb,oBAAoB,CAmUrB,CAAC"}

package/dist/utils/formationCoordinates.js

@@ -0,0 +1,311 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.FORMATION_COORDINATES_BY_PLACE = void 0;
+/**
+ * Formation coordinates based on formationPlace (1-11)
+ * Each formation maps player positions (1-11) to x,y coordinates on the field (0-100 scale)
+ *
+ * Position 1 is always the goalkeeper
+ * Positions 2-11 vary based on the tactical formation
+ */
+exports.FORMATION_COORDINATES_BY_PLACE = {
+    '4-4-2': {
+        '1': { x: 49, y: 80 }, // GK
+        '2': { x: 82, y: 58 }, // RB
+        '3': { x: 16, y: 58 }, // LB
+        '4': { x: 58, y: 30 }, // LCB
+        '5': { x: 62, y: 58 }, // CB
+        '6': { x: 36, y: 58 }, // RCB
+        '7': { x: 76, y: 30 }, // RCM
+        '8': { x: 40, y: 30 }, // LCM
+        '9': { x: 38, y: 8 }, // ST
+        '10': { x: 60, y: 8 }, // RAM/RW
+        '11': { x: 22, y: 30 }, // LAM/LW
+    },
+    '4-1-2-1-2': {
+        '1': { x: 49, y: 80 }, // GK
+        '2': { x: 88, y: 61 }, // RB
+        '3': { x: 10, y: 61 }, // LB
+        '4': { x: 36, y: 61 }, // LCB
+        '5': { x: 62, y: 61 }, // RCB
+        '6': { x: 49, y: 50 }, // CDM
+        '7': { x: 68, y: 35 }, // RCM
+        '8': { x: 28, y: 35 }, // LCM
+        '9': { x: 36, y: 8 }, // LST
+        '10': { x: 62, y: 8 }, // RST
+        '11': { x: 49, y: 25 }, // CAM
+    },
+    '4-3-3': {
+        '1': { x: 49, y: 80 }, // GK
+        '2': { x: 80, y: 59 }, // RB
+        '3': { x: 18, y: 59 }, // LB
+        '4': { x: 49, y: 32 }, // LCB
+        '5': { x: 60, y: 59 }, // RCB
+        '6': { x: 38, y: 59 }, // CDM
+        '7': { x: 68, y: 32 }, // RCM
+        '8': { x: 28, y: 32 }, // LCM
+        '9': { x: 49, y: 8 }, // ST
+        '10': { x: 70, y: 8 }, // RW
+        '11': { x: 26, y: 8 }, // LW
+    },
+    '4-5-1': {
+        '1': { x: 49, y: 80 }, // GK
+        '2': { x: 88, y: 61 }, // RB
+        '3': { x: 10, y: 61 }, // LB
+        '4': { x: 36, y: 61 }, // LCB
+        '5': { x: 62, y: 61 }, // RCB
+        '6': { x: 49, y: 35 }, // CM
+        '7': { x: 68, y: 35 }, // RCM
+        '8': { x: 28, y: 35 }, // LCM
+        '9': { x: 49, y: 8 }, // ST
+        '10': { x: 88, y: 35 }, // RM
+        '11': { x: 10, y: 35 }, // LM
+    },
+    '4-4-1-1': {
+        '1': { x: 49, y: 80 }, // GK
+        '2': { x: 82, y: 61 }, // RB
+        '3': { x: 15, y: 61 }, // LB
+        '4': { x: 60, y: 40 }, // LCB
+        '5': { x: 62, y: 61 }, // RCB
+        '6': { x: 36, y: 61 }, // RCM
+        '7': { x: 80, y: 40 }, // LCM
+        '8': { x: 40, y: 40 }, // CM
+        '9': { x: 49, y: 8 }, // ST
+        '10': { x: 49, y: 25 }, // CAM
+        '11': { x: 20, y: 40 }, // RM
+    },
+    '4-1-4-1': {
+        '1': { x: 49, y: 80 }, // GK
+        '2': { x: 84, y: 61 }, // RB
+        '3': { x: 14, y: 61 }, // LB
+        '4': { x: 49, y: 44 }, // LCB
+        '5': { x: 62, y: 61 }, // RCB
+        '6': { x: 36, y: 61 }, // CDM
+        '7': { x: 60, y: 26 }, // RCAM
+        '8': { x: 40, y: 26 }, // LCAM
+        '9': { x: 49, y: 8 }, // ST
+        '10': { x: 77, y: 26 }, // RM
+        '11': { x: 20, y: 26 }, // LM
+    },
+    '4-2-3-1': {
+        '1': { x: 49, y: 80 }, // GK
+        '2': { x: 88, y: 61 }, // RB
+        '3': { x: 10, y: 61 }, // LB
+        '4': { x: 28, y: 40 }, // LCB
+        '5': { x: 62, y: 61 }, // RCB
+        '6': { x: 36, y: 61 }, // RCDM
+        '7': { x: 80, y: 24 }, // LCDM
+        '8': { x: 68, y: 40 }, // CAM
+        '9': { x: 49, y: 6 }, // ST
+        '10': { x: 49, y: 24 }, // RW
+        '11': { x: 15, y: 24 }, // LW
+    },
+    '4-3-2-1': {
+        '1': { x: 49, y: 80 }, // GK
+        '2': { x: 88, y: 61 }, // RB
+        '3': { x: 10, y: 61 }, // LB
+        '5': { x: 62, y: 61 }, // RCB
+        '6': { x: 36, y: 61 }, // CM
+        '4': { x: 49, y: 40 }, // LCB
+        '7': { x: 28, y: 40 }, // RCM
+        '8': { x: 68, y: 40 }, // LCM
+        '9': { x: 49, y: 8 }, // ST
+        '10': { x: 62, y: 22 }, // RCAM
+        '11': { x: 36, y: 22 }, // LCAM
+    },
+    '5-3-2': {
+        '1': { x: 49, y: 80 }, // GK
+        '2': { x: 82, y: 59 }, // RB
+        '3': { x: 14, y: 59 }, // LB
+        '4': { x: 32, y: 59 }, // LCB
+        '5': { x: 49, y: 59 }, // CB
+        '6': { x: 66, y: 59 }, // RCB
+        '7': { x: 68, y: 32 }, // RCM
+        '8': { x: 28, y: 32 }, // LCM
+        '9': { x: 36, y: 8 }, // LST
+        '10': { x: 62, y: 8 }, // RST
+        '11': { x: 49, y: 32 }, // CM
+    },
+    '5-4-1': {
+        '1': { x: 49, y: 80 }, // GK
+        '2': { x: 84, y: 58 }, // RB
+        '3': { x: 15, y: 58 }, // LB
+        '4': { x: 32, y: 58 }, // LCB
+        '5': { x: 49, y: 58 }, // CB
+        '6': { x: 67, y: 58 }, // RCB
+        '7': { x: 76, y: 30 }, // RCM
+        '8': { x: 58, y: 30 }, // LCM
+        '9': { x: 49, y: 8 }, // ST
+        '10': { x: 40, y: 30 }, // RM
+        '11': { x: 22, y: 30 }, // LM
+    },
+    '3-5-2': {
+        '1': { x: 49, y: 80 }, // GK
+        '2': { x: 86, y: 35 }, // RM
+        '3': { x: 16, y: 35 }, // LM
+        '4': { x: 28, y: 61 }, // LCB
+        '5': { x: 49, y: 61 }, // CB
+        '6': { x: 70, y: 61 }, // RCB
+        '7': { x: 68, y: 35 }, // RCM
+        '8': { x: 32, y: 35 }, // LCM
+        '9': { x: 40, y: 8 }, // LST
+        '10': { x: 60, y: 8 }, // RST
+        '11': { x: 49, y: 35 }, // CM
+    },
+    '3-4-3': {
+        '1': { x: 49, y: 80 }, // GK
+        '2': { x: 77, y: 33 }, // RM
+        '3': { x: 20, y: 33 }, // LM
+        '4': { x: 25, y: 59 }, // LCB
+        '5': { x: 49, y: 59 }, // CB
+        '6': { x: 72, y: 59 }, // RCB
+        '7': { x: 58, y: 33 }, // RCM
+        '8': { x: 38, y: 33 }, // LCM
+        '9': { x: 49, y: 8 }, // ST
+        '10': { x: 70, y: 8 }, // RW
+        '11': { x: 28, y: 8 }, // LW
+    },
+    '4-2-2-2': {
+        '1': { x: 49, y: 80 }, // GK
+        '2': { x: 87, y: 58 }, // RB
+        '3': { x: 10, y: 58 }, // LB
+        '4': { x: 34, y: 58 }, // LCB
+        '5': { x: 62, y: 58 }, // RCB
+        '6': { x: 62, y: 35 }, // RCDM
+        '7': { x: 35, y: 35 }, // LCDM
+        '8': { x: 76, y: 20 }, // RCAM
+        '9': { x: 36, y: 8 }, // LST
+        '10': { x: 60, y: 8 }, // RST
+        '11': { x: 22, y: 20 }, // LCAM
+    },
+    '3-5-1-1': {
+        '1': { x: 49, y: 80 }, // GK
+        '2': { x: 82, y: 40 }, // RWB
+        '3': { x: 16, y: 40 }, // LWB
+        '4': { x: 28, y: 61 }, // LCB
+        '5': { x: 49, y: 61 }, // CB
+        '6': { x: 68, y: 61 }, // RCB
+        '7': { x: 66, y: 40 }, // RCM
+        '8': { x: 31, y: 40 }, // LCM
+        '9': { x: 49, y: 8 }, // ST
+        '10': { x: 49, y: 25 }, // CAM
+        '11': { x: 49, y: 40 }, // CM
+    },
+    '3-4-2-1': {
+        '1': { x: 49, y: 80 }, // GK
+        '2': { x: 78, y: 40 }, // RM
+        '3': { x: 20, y: 40 }, // LM
+        '4': { x: 25, y: 61 }, // LCB
+        '5': { x: 49, y: 61 }, // CB
+        '6': { x: 70, y: 61 }, // RCB
+        '7': { x: 60, y: 40 }, // RCM
+        '8': { x: 40, y: 40 }, // LCM
+        '9': { x: 49, y: 8 }, // ST
+        '10': { x: 62, y: 22 }, // RCAM
+        '11': { x: 36, y: 22 }, // LCAM
+    },
+    '3-4-1-2': {
+        '1': { x: 49, y: 80 }, // GK
+        '2': { x: 80, y: 40 }, // RM
+        '3': { x: 18, y: 40 }, // LM
+        '4': { x: 28, y: 61 }, // LCB
+        '5': { x: 49, y: 61 }, // CB
+        '6': { x: 70, y: 61 }, // RCB
+        '7': { x: 62, y: 40 }, // RCM
+        '8': { x: 36, y: 40 }, // LCM
+        '9': { x: 49, y: 25 }, // LST
+        '10': { x: 62, y: 8 }, // RST
+        '11': { x: 36, y: 8 }, // CAM
+    },
+    '3-1-4-2': {
+        '1': { x: 49, y: 80 }, // GK
+        '2': { x: 80, y: 25 }, // RM
+        '3': { x: 15, y: 25 }, // LM
+        '4': { x: 49, y: 61 }, // LCB
+        '5': { x: 76, y: 61 }, // CB
+        '6': { x: 20, y: 61 }, // RCB
+        '7': { x: 49, y: 40 }, // RCAM
+        '8': { x: 62, y: 25 }, // LCAM
+        '9': { x: 62, y: 8 }, // LST
+        '10': { x: 36, y: 8 }, // RST
+        '11': { x: 36, y: 25 }, // CDM
+    },
+    '3-4-3d': {
+        '1': { x: 49, y: 80 }, // GK
+        '2': { x: 74, y: 35 }, // RWB (deeper)
+        '3': { x: 22, y: 35 }, // LWB (deeper)
+        '4': { x: 26, y: 61 }, // LCB
+        '5': { x: 50, y: 61 }, // CB
+        '6': { x: 72, y: 61 }, // RCB
+        '7': { x: 50, y: 45 }, // RCM
+        '8': { x: 50, y: 25 }, // LCM
+        '9': { x: 50, y: 8 }, // ST
+        '10': { x: 76, y: 15 }, // RW
+        '11': { x: 22, y: 15 }, // LW
+    },
+    '4-1-3-2': {
+        '1': { x: 49, y: 80 }, // GK
+        '2': { x: 86, y: 61 }, // RB
+        '3': { x: 12, y: 61 }, // LB
+        '4': { x: 36, y: 61 }, // LCB
+        '5': { x: 62, y: 61 }, // RCB
+        '6': { x: 49, y: 44 }, // CDM
+        '7': { x: 77, y: 25 }, // RCAM
+        '8': { x: 20, y: 25 }, // LCAM
+        '9': { x: 35, y: 6 }, // LST
+        '10': { x: 62, y: 6 }, // RST
+        '11': { x: 49, y: 25 }, // CAM
+    },
+    '4-2-4-0': {
+        '1': { x: 49, y: 80 }, // GK
+        '2': { x: 88, y: 55 }, // RB
+        '3': { x: 10, y: 55 }, // LB
+        '4': { x: 36, y: 55 }, // LCB
+        '5': { x: 62, y: 55 }, // RCB
+        '6': { x: 62, y: 30 }, // RCDM
+        '7': { x: 36, y: 30 }, // LCDM
+        '8': { x: 62, y: 8 }, // RCAM
+        '9': { x: 78, y: 16 }, // RW
+        '10': { x: 36, y: 8 }, // LCAM
+        '11': { x: 18, y: 16 }, // LW
+    },
+    '4-3-1-2': {
+        '1': { x: 49, y: 80 }, // GK
+        '2': { x: 84, y: 61 }, // RB
+        '3': { x: 14, y: 61 }, // LB
+        '4': { x: 36, y: 61 }, // LCB
+        '5': { x: 62, y: 61 }, // RCB
+        '6': { x: 49, y: 40 }, // CM
+        '7': { x: 68, y: 40 }, // RCM
+        '8': { x: 28, y: 40 }, // LCM
+        '9': { x: 36, y: 6 }, // LST
+        '10': { x: 62, y: 6 }, // RST
+        '11': { x: 49, y: 23 }, // CAM
+    },
+    '3-2-4-1': {
+        '1': { x: 49, y: 80 }, // GK
+        '2': { x: 76, y: 25 }, // RM
+        '3': { x: 22, y: 25 }, // LM
+        '4': { x: 20, y: 61 }, // LCB
+        '5': { x: 49, y: 61 }, // CB
+        '6': { x: 76, y: 61 }, // RCB
+        '7': { x: 62, y: 45 }, // RCM
+        '8': { x: 36, y: 45 }, // LCM
+        '9': { x: 49, y: 8 }, // ST
+        '10': { x: 58, y: 25 }, // RCAM
+        '11': { x: 40, y: 25 }, // LCAM
+    },
+    '3-3-3-1': {
+        '1': { x: 49, y: 80 }, // GK
+        '2': { x: 78, y: 40 }, // RCM
+        '3': { x: 20, y: 40 }, // LCM
+        '4': { x: 20, y: 61 }, // LCB
+        '5': { x: 49, y: 61 }, // CB
+        '6': { x: 76, y: 61 }, // RCB
+        '7': { x: 49, y: 40 }, // CM
+        '8': { x: 76, y: 20 }, // RW
+        '9': { x: 49, y: 8 }, // ST
+        '10': { x: 49, y: 20 }, // CAM
+        '11': { x: 24, y: 20 }, // LW
+    },
+};

package/dist/utils/index.d.ts

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

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

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

package/dist/utils/index.js

@@ -0,0 +1,18 @@
+"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("./formationCoordinates"), exports);
+__exportStar(require("./transformLineup"), exports);

package/dist/utils/transformLineup.d.ts

@@ -0,0 +1,21 @@
+import { TeamLineup, PlayerStats, LineupFormationPlayer } from '../types';
+type Stats = (PlayerStats | null)[];
+/**
+ * Check if a player has a specific stat type
+ */
+export declare const hasStat: (stats: Stats | undefined, statType: string) => boolean;
+/**
+ * Get the value of a specific stat type for a player
+ */
+export declare const getStatValue: (stats: Stats | undefined, statType: string) => number | string;
+/**
+ * Transform lineup data by formation place into positioned players
+ *
+ * @param data - TeamLineup data with players and formation
+ * @param formation - Formation string (e.g., "4-3-3", "4-2-3-1")
+ * @param getPlayerPhotoUrl - Optional function to generate photo URLs
+ * @returns Array of positioned players with stats
+ */
+export declare const transformLineupByFormationPlace: (data: TeamLineup, formation?: string, getPlayerPhotoUrl?: (playerId: string) => string) => LineupFormationPlayer[];
+export {};
+//# sourceMappingURL=transformLineup.d.ts.map

package/dist/utils/transformLineup.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"transformLineup.d.ts","sourceRoot":"","sources":["../../src/utils/transformLineup.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,UAAU,EAEV,WAAW,EACX,qBAAqB,EAEtB,MAAM,UAAU,CAAC;AAGlB,KAAK,KAAK,GAAG,CAAC,WAAW,GAAG,IAAI,CAAC,EAAE,CAAC;AAEpC;;GAEG;AACH,eAAO,MAAM,OAAO,GAAI,OAAO,KAAK,GAAG,SAAS,EAAE,UAAU,MAAM,KAAG,OAEpE,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,YAAY,GACvB,OAAO,KAAK,GAAG,SAAS,EACxB,UAAU,MAAM,KACf,MAAM,GAAG,MAEX,CAAC;AAgEF;;;;;;;GAOG;AACH,eAAO,MAAM,+BAA+B,GAC1C,MAAM,UAAU,EAChB,YAAW,MAAkB,EAC7B,oBAAoB,CAAC,QAAQ,EAAE,MAAM,KAAK,MAAM,KAC/C,qBAAqB,EAuDvB,CAAC"}

package/dist/utils/transformLineup.js

@@ -0,0 +1,126 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.transformLineupByFormationPlace = exports.getStatValue = exports.hasStat = void 0;
+const formationCoordinates_1 = require("./formationCoordinates");
+/**
+ * Check if a player has a specific stat type
+ */
+const hasStat = (stats, statType) => {
+    return stats?.some(stat => stat?.type === statType) ?? false;
+};
+exports.hasStat = hasStat;
+/**
+ * Get the value of a specific stat type for a player
+ */
+const getStatValue = (stats, statType) => {
+    return stats?.find(stat => stat?.type === statType)?.value ?? 0;
+};
+exports.getStatValue = getStatValue;
+/**
+ * Get formation coordinates by formation place (1-11)
+ */
+const getCoordinatesByFormationPlace = (formation, formationPlace) => {
+    const formationCoords = formationCoordinates_1.FORMATION_COORDINATES_BY_PLACE[formation];
+    if (!formationCoords) {
+        return { x: 49, y: 40 }; // Default position (center field)
+    }
+    return formationCoords[formationPlace] || { x: 49, y: 40 };
+};
+/**
+ * Determine position type based on formationPlace and formation
+ */
+const getPositionTypeByFormationPlace = (formation, formationPlace) => {
+    const placeInt = parseInt(formationPlace);
+    // Common position mappings based on formationPlace
+    if (placeInt === 1)
+        return 'GK';
+    // For most formations, places 2-6 are defenders
+    if (placeInt >= 2 && placeInt <= 6) {
+        if (formation?.startsWith('3-')) {
+            // 3-back formations: 4,5,6 are CBs, 2,3 might be wing-backs
+            if (placeInt >= 4 && placeInt <= 6)
+                return 'CB';
+            if (placeInt === 2)
+                return 'RB';
+            if (placeInt === 3)
+                return 'LB';
+        }
+        else if (formation?.startsWith('5-')) {
+            // 5-back formations: all are defenders
+            return placeInt === 2 || placeInt === 3 ? 'LB' : 'CB';
+        }
+        else {
+            // 4-back formations
+            if (placeInt === 2)
+                return 'RB';
+            if (placeInt === 3)
+                return 'LB';
+            return 'CB';
+        }
+    }
+    // Places 7-8 are usually midfielders
+    if (placeInt >= 7 && placeInt <= 8)
+        return 'CM';
+    // Place 9 is usually striker
+    if (placeInt === 9)
+        return 'ST';
+    // Places 10-11 vary by formation
+    if (placeInt >= 10 && placeInt <= 11) {
+        if (formation.includes('-3-') && formation.endsWith('3')) {
+            return placeInt === 10 ? 'RW' : 'LW'; // 4-3-3, 3-4-3 etc.
+        }
+        return 'CAM'; // Default to attacking midfielder
+    }
+    return 'CM'; // Default fallback
+};
+/**
+ * Transform lineup data by formation place into positioned players
+ *
+ * @param data - TeamLineup data with players and formation
+ * @param formation - Formation string (e.g., "4-3-3", "4-2-3-1")
+ * @param getPlayerPhotoUrl - Optional function to generate photo URLs
+ * @returns Array of positioned players with stats
+ */
+const transformLineupByFormationPlace = (data, formation = '4-2-3-1', getPlayerPhotoUrl) => {
+    // Filter starters (players with formationPlace 1-11)
+    const starters = data?.players?.filter((p) => p?.formationPlace &&
+        parseInt(p?.formationPlace) >= 1 &&
+        parseInt(p?.formationPlace) <= 11 &&
+        p?.position !== 'Substitute') || [];
+    if (starters?.length < 11) {
+        return [];
+    }
+    const transformedPlayers = starters?.map(player => {
+        const coordinates = getCoordinatesByFormationPlace(formation, player?.formationPlace);
+        const positionType = getPositionTypeByFormationPlace(formation, player?.formationPlace);
+        // Generate photo URL using custom function or empty string
+        const photoUrl = getPlayerPhotoUrl
+            ? getPlayerPhotoUrl(player?.playerId)
+            : '';
+        return {
+            playerId: player?.playerId,
+            matchName: player?.matchName || '',
+            position: positionType,
+            formationPlace: player?.formationPlace,
+            rating: player?.rating,
+            isScorer: player?.stats && player?.stats?.length ? (0, exports.hasStat)(player?.stats, 'goals') : false,
+            isSubstitute: player?.stats && player?.stats?.length ? (0, exports.hasStat)(player?.stats, 'totalSubOff') : false,
+            isYellowCard: player?.stats && player?.stats?.length ? (0, exports.hasStat)(player?.stats, 'yellowCard') : false,
+            isRedCard: player?.stats && player?.stats?.length ? (0, exports.hasStat)(player?.stats, 'redCard') : false,
+            isGoalAssist: player?.stats && player?.stats?.length ? (0, exports.hasStat)(player?.stats, 'goalAssist') : false,
+            isOwnGoal: player?.stats && player?.stats?.length ? (0, exports.hasStat)(player?.stats, 'ownGoals') : false,
+            goals: Number((0, exports.getStatValue)(player?.stats, 'goals')),
+            ownGoals: Number((0, exports.getStatValue)(player?.stats, 'ownGoals')),
+            shirtNumber: player?.shirtNumber,
+            photo: photoUrl,
+            x: coordinates?.x,
+            y: coordinates?.y,
+        };
+    });
+    // Sort by formationPlace to maintain consistent ordering
+    transformedPlayers.sort((a, b) => {
+        return parseInt(a.formationPlace) - parseInt(b.formationPlace);
+    });
+    return transformedPlayers;
+};
+exports.transformLineupByFormationPlace = transformLineupByFormationPlace;

package/package.json

@@ -0,0 +1,60 @@
+{
+  "name": "react-native-football-formation",
+  "version": "1.0.0",
+  "description": "A highly customizable React Native component for displaying football/soccer team formations with player positions and match statistics",
+  "main": "dist/index.js",
+  "types": "dist/index.d.ts",
+  "files": [
+    "dist",
+    "src",
+    "README.md",
+    "LICENSE"
+  ],
+  "scripts": {
+    "build": "tsc",
+    "prepare": "npm run build",
+    "test": "jest",
+    "lint": "eslint src/ --ext .ts,.tsx",
+    "typecheck": "tsc --noEmit"
+  },
+  "keywords": [
+    "react-native",
+    "football",
+    "soccer",
+    "formation",
+    "lineup",
+    "sports",
+    "match",
+    "team",
+    "tactical",
+    "field",
+    "pitch"
+  ],
+  "author": "Arbab Rafiq",
+  "license": "MIT",
+  "peerDependencies": {
+    "react": ">=18.0.0",
+    "react-native": ">=0.74.0"
+  },
+  "devDependencies": {
+    "@types/react": "^19.2.7",
+    "typescript": "^5.7.0",
+    "react": "^19.2.0",
+    "react-native": "^0.83.1",
+    "@react-native/typescript-config": "^0.76.0",
+    "@react-native-community/eslint-config": "^3.2.0",
+    "eslint": "^9.0.0",
+    "jest": "^29.7.0",
+    "@testing-library/react-native": "^12.9.0",
+    "@types/jest": "^29.5.0",
+    "prettier": "^3.4.0"
+  },
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/yourusername/react-native-football-formation"
+  },
+  "bugs": {
+    "url": "https://github.com/yourusername/react-native-football-formation/issues"
+  },
+  "homepage": "https://github.com/yourusername/react-native-football-formation#readme"
+}