fix(Core): type changes

example/src/Chess/gameConfig/gameConfig.tsx

@@ -1,4 +1,4 @@
-import { createGridZones } from '../../../../src/Zone/utils';
+import { createGridZones } from '../../../../src/Zone/createGridZones';
 import { MOVE_ERROR } from '../../../../src/Game/state';
 import { createGameConfig } from '../../../../src/Game/gameConfig';
 import pieces from './pieces';

src/Piece/types.ts

@@ -1,13 +1,11 @@
-import type { StyleProp } from 'react-native';
-
 export type PieceBlueprintType = {
   id: string;
   asset: string;
   width?: number;
   height?: number;
-  activeStyle?: StyleProp<any>;
-  availableStyle?: StyleProp<any>;
-  defaultStyle?: StyleProp<any>;
+  activeStyle?: any;
+  availableStyle?: any;
+  defaultStyle?: any;
   variants: { [key: string]: Partial<PieceBlueprintType> };
 };
 

src/Zone/createGridZones.ts

@@ -0,0 +1,38 @@
+import { ZONE_TYPE, type ZoneType } from './types';
+
+export function createGridZones({
+  rows,
+  columns,
+  offsetX = 0,
+  offsetY = 0,
+  gapX = 0,
+  gapY = 0,
+  gridSize,
+}: {
+  gridSize: number;
+  rows: number;
+  columns: number;
+  offsetX?: number;
+  offsetY?: number;
+  gapX?: number;
+  gapY?: number;
+}): ZoneType[] {
+  const zones: ZoneType[] = [];
+  for (let x = 0; x < rows; x++) {
+    for (let y = 0; y < columns; y++) {
+      zones.push({
+        zType: ZONE_TYPE.single,
+        x: x * gridSize + offsetX + x * gapX,
+        y: y * gridSize + offsetY + y * gapY,
+        width: gridSize,
+        height: gridSize,
+        id: `${x}-${y}`,
+        meta: {
+          gridX: x,
+          gridY: y,
+        },
+      });
+    }
+  }
+  return zones;
+}

src/Zone/utils.ts

@@ -1,43 +1,6 @@
 import { ZONE_TYPE, type ZoneType } from './types';
 import { ZONE_SPACING } from './zoneSpacing';
 
-export function createGridZones({
-  rows,
-  columns,
-  offsetX = 0,
-  offsetY = 0,
-  gapX = 0,
-  gapY = 0,
-  gridSize,
-}: {
-  gridSize: number;
-  rows: number;
-  columns: number;
-  offsetX?: number;
-  offsetY?: number;
-  gapX?: number;
-  gapY?: number;
-}): ZoneType[] {
-  const zones: ZoneType[] = [];
-  for (let x = 0; x < rows; x++) {
-    for (let y = 0; y < columns; y++) {
-      zones.push({
-        zType: ZONE_TYPE.single,
-        x: x * gridSize + offsetX + x * gapX,
-        y: y * gridSize + offsetY + y * gapY,
-        width: gridSize,
-        height: gridSize,
-        id: `${x}-${y}`,
-        meta: {
-          gridX: x,
-          gridY: y,
-        },
-      });
-    }
-  }
-  return zones;
-}
-
 export function findZoneByCoords(
   zones: ZoneType[],
   x: number,

src/index.tsx

@@ -9,7 +9,8 @@ import useGameState from './Game/state/useGameState';
 
 // Zone
 import { Zone, ZoneRenderer } from './Zone';
-import { createGridZones, movePieceToZone, createSlotsRow } from './Zone/utils';
+import { movePieceToZone, createSlotsRow } from './Zone/utils';
+import { createGridZones } from './Zone/createGridZones';
 import type { ZoneType } from './Zone';
 import { ZONE_SPACING } from './Zone/zoneSpacing';
 import { ZONE_SPACING_OPTIONS, ZONE_TYPE } from './Zone/types';