react-native-maps 1.21.0-alpha.115 → 1.21.0-alpha.116

package/package.json

@@ -2,10 +2,10 @@
   "name": "react-native-maps",
   "description": "React Native Mapview component for iOS + Android",
   "source": "src/index",
-  "main": "lib/index.js",
+  "main": "src/index.ts",
   "author": "Leland Richardson <leland.m.richardson@gmail.com>",
   "homepage": "https://github.com/react-native-maps/react-native-maps#readme",
-  "version": "1.21.0-alpha.115",
+  "version": "1.21.0-alpha.116",
   "license": "MIT",
   "scripts": {
     "lint": "eslint . --max-warnings 0",
@@ -17,11 +17,10 @@
     "release": "semantic-release",
     "bundle-install": "cd example && bundle install",
     "pod-install": "cd example/ios && bundle exec pod install",
-    "bootstrap": "yarn --cwd example && yarn && yarn bundle-install && yarn pod-install",
-    "prepack": "node updateCodegenConfig.js"
+    "bootstrap": "yarn --cwd example && yarn && yarn bundle-install && yarn pod-install"
   },
   "files": [
-    "lib",
+    "src",
     "android",
     "ios",
     "react-native-maps-generated.podspec",
@@ -48,7 +47,7 @@
   ],
   "peerDependencies": {
     "react": ">= 18.3.1",
-    "react-native": ">= 0.77.1",
+    "react-native": ">= 0.76.0",
     "react-native-web": ">= 0.11"
   },
   "peerDependenciesMeta": {
@@ -57,22 +56,21 @@
     }
   },
   "devDependencies": {
-    "@babel/core": "^7.26.9",
-    "@babel/preset-env": "^7.26.9",
-    "@babel/runtime": "^7.26.9",
+    "@babel/core": "^7.25.2",
+    "@babel/preset-env": "^7.25.3",
+    "@babel/runtime": "^7.25.0",
     "@commitlint/cli": "17.6.1",
     "@commitlint/config-conventional": "17.6.1",
-    "@react-native-community/cli": "15.1.3",
-    "@react-native/babel-preset": "0.77.1",
-    "@react-native/eslint-config": "0.77.1",
-    "@react-native/metro-config": "0.77.1",
-    "@react-native/typescript-config": "0.77.1",
+    "@react-native-community/cli": "15.0.1",
+    "@react-native/babel-preset": "0.76.8",
+    "@react-native/eslint-config": "0.76.8",
+    "@react-native/metro-config": "0.76.8",
+    "@react-native/typescript-config": "0.76.8",
     "@semantic-release/changelog": "6.0.3",
     "@semantic-release/git": "10.0.1",
-    "@types/jest": "29.5.14",
     "@types/react": "^18.2.6",
-    "@types/react-native": "0.73.0",
     "@types/react-test-renderer": "^18.0.0",
+    "babel-jest": "^29.6.3",
     "eslint": "^8.19.0",
     "husky": "8.0.3",
     "jest": "^29.6.3",
@@ -96,10 +94,10 @@
   "codegenConfig": {
     "name": "RNMapsSpecs",
     "type": "all",
-    "jsSrcsDir": "./lib/specs",
+    "jsSrcsDir": "./src/specs",
     "outputDir": {
       "ios": "ios/generated",
-      "android": "android/generated"
+      "android": "android/src/generated"
     },
     "includesGeneratedCode": true,
     "android": {

package/src/AnimatedRegion.ts

@@ -0,0 +1,169 @@
+import {Animated} from 'react-native';
+import {Region} from './sharedTypes';
+
+const AnimatedWithChildren = Object.getPrototypeOf(Animated.ValueXY);
+if (__DEV__) {
+  if (AnimatedWithChildren.name !== 'AnimatedWithChildren') {
+    console.error(
+      'AnimatedRegion could not obtain AnimatedWithChildren base class',
+    );
+  }
+}
+
+const configTypes: (keyof Region)[] = [
+  'latitude',
+  'longitude',
+  'latitudeDelta',
+  'longitudeDelta',
+];
+
+const defaultValues = {
+  // probably want to come up with better defaults
+  latitude: 0,
+  longitude: 0,
+  latitudeDelta: 0,
+  longitudeDelta: 0,
+};
+
+let _uniqueId = 1;
+
+type TValueIn = number | Animated.Value | undefined;
+
+type Props = Partial<Region> | undefined;
+
+const getAnimatedValue = (valueIn: TValueIn, fallback: number) => {
+  if (valueIn instanceof Animated.Value) {
+    return valueIn;
+  } else if (typeof valueIn === 'number') {
+    return new Animated.Value(valueIn);
+  }
+  return new Animated.Value(fallback);
+};
+
+export default class AnimatedMapRegion extends AnimatedWithChildren {
+  constructor(valueIn: Props = {}) {
+    super();
+    this.latitude = getAnimatedValue(valueIn.latitude, defaultValues.latitude);
+    this.longitude = getAnimatedValue(
+      valueIn.longitude,
+      defaultValues.longitude,
+    );
+    this.latitudeDelta = getAnimatedValue(
+      valueIn.latitudeDelta,
+      defaultValues.latitudeDelta,
+    );
+    this.longitudeDelta = getAnimatedValue(
+      valueIn.longitudeDelta,
+      defaultValues.longitudeDelta,
+    );
+    this._regionListeners = {};
+  }
+
+  setValue(value: Region) {
+    this.latitude._value = value.latitude;
+    this.longitude._value = value.longitude;
+    this.latitudeDelta._value = value.latitudeDelta;
+    this.longitudeDelta._value = value.longitudeDelta;
+  }
+
+  setOffset(offset: Region) {
+    this.latitude.setOffset(offset.latitude);
+    this.longitude.setOffset(offset.longitude);
+    this.latitudeDelta.setOffset(offset.latitudeDelta);
+    this.longitudeDelta.setOffset(offset.longitudeDelta);
+  }
+
+  flattenOffset() {
+    this.latitude.flattenOffset();
+    this.longitude.flattenOffset();
+    this.latitudeDelta.flattenOffset();
+    this.longitudeDelta.flattenOffset();
+  }
+
+  private __getValue() {
+    return {
+      latitude: this.latitude.__getValue(),
+      longitude: this.longitude.__getValue(),
+      latitudeDelta: this.latitudeDelta.__getValue(),
+      longitudeDelta: this.longitudeDelta.__getValue(),
+    };
+  }
+
+  private __attach() {
+    this.latitude.__addChild(this);
+    this.longitude.__addChild(this);
+    this.latitudeDelta.__addChild(this);
+    this.longitudeDelta.__addChild(this);
+  }
+
+  private __detach() {
+    this.latitude.__removeChild(this);
+    this.longitude.__removeChild(this);
+    this.latitudeDelta.__removeChild(this);
+    this.longitudeDelta.__removeChild(this);
+  }
+
+  stopAnimation(callback: (region: Region) => void) {
+    this.latitude.stopAnimation();
+    this.longitude.stopAnimation();
+    this.latitudeDelta.stopAnimation();
+    this.longitudeDelta.stopAnimation();
+    callback && callback(this.__getValue());
+  }
+
+  addListener(callback: (region: Region) => void) {
+    const id = String(_uniqueId++);
+    const jointCallback = () => /*{value}*/ callback(this.__getValue());
+    this._regionListeners[id] = {
+      latitude: this.latitude.addListener(jointCallback),
+      longitude: this.longitude.addListener(jointCallback),
+      latitudeDelta: this.latitudeDelta.addListener(jointCallback),
+      longitudeDelta: this.longitudeDelta.addListener(jointCallback),
+    };
+    return id;
+  }
+
+  removeListener(id: string) {
+    this.latitude.removeListener(this._regionListeners[id].latitude);
+    this.longitude.removeListener(this._regionListeners[id].longitude);
+    this.latitudeDelta.removeListener(this._regionListeners[id].latitudeDelta);
+    this.longitudeDelta.removeListener(
+      this._regionListeners[id].longitudeDelta,
+    );
+    delete this._regionListeners[id];
+  }
+
+  spring(config: Animated.SpringAnimationConfig & Region) {
+    const animations = [];
+    for (const type of configTypes) {
+      if (config.hasOwnProperty(type)) {
+        animations.push(
+          Animated.spring(this[type], {
+            ...config,
+            toValue: config[type],
+            // may help to eliminate some dev warnings and perf issues
+            useNativeDriver: !!config?.useNativeDriver,
+          }),
+        );
+      }
+    }
+    return Animated.parallel(animations);
+  }
+
+  timing(config: Animated.TimingAnimationConfig & Region) {
+    const animations = [];
+    for (const type of configTypes) {
+      if (config.hasOwnProperty(type)) {
+        animations.push(
+          Animated.timing(this[type], {
+            ...config,
+            toValue: config[type],
+            // may help to eliminate some dev warnings and perf issues
+            useNativeDriver: !!config?.useNativeDriver,
+          }),
+        );
+      }
+    }
+    return Animated.parallel(animations);
+  }
+}