@maplibre/maplibre-react-native 10.1.0 → 10.1.2

package/lib/typescript/module/src/components/UserLocationPuck.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"UserLocationPuck.d.ts","sourceRoot":"","sources":["../../../../../src/components/UserLocationPuck.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,oBAAoB,CAAC;AAwBpD,UAAU,qBAAsB,SAAQ,SAAS;IAC/C,QAAQ,EAAE,MAAM,CAAC;IACjB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,YAAY,CAAC,EAAE,MAAM,CAAC;CACvB;AAED,eAAO,MAAM,gBAAgB,8DACH,qBAAqB,6CA0B9C,CAAC"}

package/lib/typescript/module/src/components/UserLocationPuckHeading.d.ts

@@ -0,0 +1,9 @@
+import { type BaseProps } from "../types/BaseProps";
+interface UserLocationPuckHeadingProps extends BaseProps {
+    sourceID: string;
+    belowLayerID?: string;
+    heading: number;
+}
+export declare const UserLocationPuckHeading: import("react").MemoExoticComponent<({ sourceID, belowLayerID, heading }: UserLocationPuckHeadingProps) => import("react/jsx-runtime").JSX.Element>;
+export {};
+//# sourceMappingURL=UserLocationPuckHeading.d.ts.map

package/lib/typescript/module/src/components/UserLocationPuckHeading.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"UserLocationPuckHeading.d.ts","sourceRoot":"","sources":["../../../../../src/components/UserLocationPuckHeading.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAE,KAAK,SAAS,EAAE,MAAM,oBAAoB,CAAC;AAUpD,UAAU,4BAA6B,SAAQ,SAAS;IACtD,QAAQ,EAAE,MAAM,CAAC;IACjB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,OAAO,EAAE,MAAM,CAAC;CACjB;AAED,eAAO,MAAM,uBAAuB,4EACI,4BAA4B,6CAWnE,CAAC"}

package/lib/typescript/module/src/utils/animated/AbstractAnimatedCoordinates.d.ts

@@ -1,16 +1,15 @@
 import { Animated } from "react-native";
 declare const AnimatedWithChildren: any;
 export type AnimatedCoordinates = [number, number];
-export declare abstract class AbstractAnimatedCoordinates<State> extends AnimatedWithChildren {
-    static [x: string]: any;
-    constructor(coords: AnimatedCoordinates[]);
+export declare abstract class AbstractAnimatedCoordinates<State, ToValue = AnimatedCoordinates[]> extends AnimatedWithChildren {
+    constructor(coordinates: AnimatedCoordinates[]);
     /**
      * Subclasses can override to calculate initial state
      *
-     * @param {AnimatedCoordinates} coordinatesArray - to value from animate
      * @returns {object} - the state object
+     * @param coordinates
      */
-    abstract onInitialState(coords: AnimatedCoordinates[]): State;
+    abstract onInitialState(coordinates: AnimatedCoordinates[]): State;
     /**
      * Calculates state based on startingState and progress, returns a new state
      *
@@ -19,17 +18,17 @@ export declare abstract class AbstractAnimatedCoordinates<State> extends Animate
      * @returns {object} next state
      */
     abstract onCalculate(state: State, progress: number): State;
-    animate(progressValue: Animated.Value, progressAnimation: Animated.CompositeAnimation, config: (Animated.TimingAnimationConfig | Animated.SpringAnimationConfig | Animated.DecayAnimationConfig) & {
-        toValue: AnimatedCoordinates[];
+    animate(progressValue: Animated.Value, progressAnimation: Animated.CompositeAnimation, config: Omit<Animated.TimingAnimationConfig | Animated.SpringAnimationConfig | Animated.DecayAnimationConfig, "toValue"> & {
+        toValue: ToValue;
     }): Animated.CompositeAnimation;
-    timing(config: Animated.TimingAnimationConfig & {
-        toValue: AnimatedCoordinates[];
+    timing(config: Omit<Animated.TimingAnimationConfig, "toValue" | "useNativeDriver"> & {
+        toValue: ToValue;
     }): Animated.CompositeAnimation;
-    spring(config: Animated.SpringAnimationConfig & {
-        toValue: AnimatedCoordinates[];
+    spring(config: Omit<Animated.SpringAnimationConfig, "toValue"> & {
+        toValue: ToValue;
     }): Animated.CompositeAnimation;
-    decay(config: Animated.DecayAnimationConfig & {
-        toValue: AnimatedCoordinates[];
+    decay(config: Omit<Animated.DecayAnimationConfig, "toValue"> & {
+        toValue: ToValue;
     }): Animated.CompositeAnimation;
     __getValue(): AnimatedCoordinates[];
 }

package/lib/typescript/module/src/utils/animated/AbstractAnimatedCoordinates.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"AbstractAnimatedCoordinates.d.ts","sourceRoot":"","sources":["../../../../../../src/utils/animated/AbstractAnimatedCoordinates.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAC;AAIxC,QAAA,MAAM,oBAAoB,KAA0C,CAAC;AASrE,MAAM,MAAM,mBAAmB,GAAG,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;AAMnD,8BAAsB,2BAA2B,CAC/C,KAAK,CACL,SAAQ,oBAAoB;;gBAChB,MAAM,EAAE,mBAAmB,EAAE;IAMzC;;;;;OAKG;IACH,QAAQ,CAAC,cAAc,CAAC,MAAM,EAAE,mBAAmB,EAAE,GAAG,KAAK;IAC7D;;;;;;OAMG;IACH,QAAQ,CAAC,WAAW,CAAC,KAAK,EAAE,KAAK,EAAE,QAAQ,EAAE,MAAM,GAAG,KAAK;IAE3D,OAAO,CACL,aAAa,EAAE,QAAQ,CAAC,KAAK,EAC7B,iBAAiB,EAAE,QAAQ,CAAC,kBAAkB,EAC9C,MAAM,EAAE,CACJ,QAAQ,CAAC,qBAAqB,GAC9B,QAAQ,CAAC,qBAAqB,GAC9B,QAAQ,CAAC,oBAAoB,CAChC,GAAG;QAAE,OAAO,EAAE,mBAAmB,EAAE,CAAA;KAAE,GACrC,QAAQ,CAAC,kBAAkB;IA2B9B,MAAM,CACJ,MAAM,EAAE,QAAQ,CAAC,qBAAqB,GAAG;QACvC,OAAO,EAAE,mBAAmB,EAAE,CAAC;KAChC,GACA,QAAQ,CAAC,kBAAkB;IAa9B,MAAM,CACJ,MAAM,EAAE,QAAQ,CAAC,qBAAqB,GAAG;QAAE,OAAO,EAAE,mBAAmB,EAAE,CAAA;KAAE,GAC1E,QAAQ,CAAC,kBAAkB;IAa9B,KAAK,CACH,MAAM,EAAE,QAAQ,CAAC,oBAAoB,GAAG;QAAE,OAAO,EAAE,mBAAmB,EAAE,CAAA;KAAE,GACzE,QAAQ,CAAC,kBAAkB;IAY9B,UAAU,IAAI,mBAAmB,EAAE;CAQpC"}
+{"version":3,"file":"AbstractAnimatedCoordinates.d.ts","sourceRoot":"","sources":["../../../../../../src/utils/animated/AbstractAnimatedCoordinates.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAC;AAGxC,QAAA,MAAM,oBAAoB,KAA0C,CAAC;AAUrE,MAAM,MAAM,mBAAmB,GAAG,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;AAMnD,8BAAsB,2BAA2B,CAC/C,KAAK,EACL,OAAO,GAAG,mBAAmB,EAAE,CAC/B,SAAQ,oBAAoB;gBAChB,WAAW,EAAE,mBAAmB,EAAE;IAM9C;;;;;OAKG;IACH,QAAQ,CAAC,cAAc,CAAC,WAAW,EAAE,mBAAmB,EAAE,GAAG,KAAK;IAClE;;;;;;OAMG;IACH,QAAQ,CAAC,WAAW,CAAC,KAAK,EAAE,KAAK,EAAE,QAAQ,EAAE,MAAM,GAAG,KAAK;IAE3D,OAAO,CACL,aAAa,EAAE,QAAQ,CAAC,KAAK,EAC7B,iBAAiB,EAAE,QAAQ,CAAC,kBAAkB,EAC9C,MAAM,EAAE,IAAI,CACR,QAAQ,CAAC,qBAAqB,GAC9B,QAAQ,CAAC,qBAAqB,GAC9B,QAAQ,CAAC,oBAAoB,EAC/B,SAAS,CACV,GAAG;QAAE,OAAO,EAAE,OAAO,CAAA;KAAE,GACvB,QAAQ,CAAC,kBAAkB;IA0B9B,MAAM,CACJ,MAAM,EAAE,IAAI,CACV,QAAQ,CAAC,qBAAqB,EAC9B,SAAS,GAAG,iBAAiB,CAC9B,GAAG;QACF,OAAO,EAAE,OAAO,CAAC;KAClB,GACA,QAAQ,CAAC,kBAAkB;IAgB9B,MAAM,CACJ,MAAM,EAAE,IAAI,CAAC,QAAQ,CAAC,qBAAqB,EAAE,SAAS,CAAC,GAAG;QACxD,OAAO,EAAE,OAAO,CAAC;KAClB,GACA,QAAQ,CAAC,kBAAkB;IAa9B,KAAK,CACH,MAAM,EAAE,IAAI,CAAC,QAAQ,CAAC,oBAAoB,EAAE,SAAS,CAAC,GAAG;QACvD,OAAO,EAAE,OAAO,CAAC;KAClB,GACA,QAAQ,CAAC,kBAAkB;IAY9B,UAAU,IAAI,mBAAmB,EAAE;CAQpC"}

package/lib/typescript/module/src/utils/animated/AnimatedExtractCoordinateFromArray.d.ts

@@ -1,10 +1,11 @@
+import type { AnimatedCoordinates } from "./AbstractAnimatedCoordinates";
+import { AnimatedRouteCoordinatesArray } from "./AnimatedRouteCoordinatesArray";
 declare const AnimatedWithChildren: any;
 export declare class AnimatedExtractCoordinateFromArray extends AnimatedWithChildren {
-    static [x: string]: any;
-    _array: AnimatedExtractCoordinateFromArray;
+    _array: AnimatedRouteCoordinatesArray;
     _index: number;
-    constructor(array: AnimatedExtractCoordinateFromArray, index: number);
-    __getValue(): AnimatedExtractCoordinateFromArray;
+    constructor(array: AnimatedRouteCoordinatesArray, index: number);
+    __getValue(): AnimatedCoordinates;
     __attach(): void;
     __detach(): void;
 }

package/lib/typescript/module/src/utils/animated/AnimatedExtractCoordinateFromArray.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"AnimatedExtractCoordinateFromArray.d.ts","sourceRoot":"","sources":["../../../../../../src/utils/animated/AnimatedExtractCoordinateFromArray.ts"],"names":[],"mappings":"AAIA,QAAA,MAAM,oBAAoB,KAA0C,CAAC;AASrE,qBAAa,kCAAmC,SAAQ,oBAAoB;;IAC1E,MAAM,EAAE,kCAAkC,CAAC;IAE3C,MAAM,SAAK;gBAEC,KAAK,EAAE,kCAAkC,EAAE,KAAK,EAAE,MAAM;IAMpE,UAAU,IAAI,kCAAkC;IAUhD,QAAQ,IAAI,IAAI;IAIhB,QAAQ,IAAI,IAAI;CAIjB"}
+{"version":3,"file":"AnimatedExtractCoordinateFromArray.d.ts","sourceRoot":"","sources":["../../../../../../src/utils/animated/AnimatedExtractCoordinateFromArray.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,+BAA+B,CAAC;AACzE,OAAO,EAAE,6BAA6B,EAAE,MAAM,iCAAiC,CAAC;AAGhF,QAAA,MAAM,oBAAoB,KAA0C,CAAC;AAUrE,qBAAa,kCAAmC,SAAQ,oBAAoB;IAC1E,MAAM,EAAE,6BAA6B,CAAC;IAEtC,MAAM,SAAK;gBAEC,KAAK,EAAE,6BAA6B,EAAE,KAAK,EAAE,MAAM;IAM/D,UAAU,IAAI,mBAAmB;IAWjC,QAAQ,IAAI,IAAI;IAIhB,QAAQ,IAAI,IAAI;CAIjB"}

package/lib/typescript/module/src/utils/animated/AnimatedPoint.d.ts

@@ -1,7 +1,6 @@
 import { Animated } from "react-native";
 declare const AnimatedWithChildren: any;
 export declare class AnimatedPoint extends AnimatedWithChildren {
-    static [x: string]: any;
     constructor(point?: {
         type: string;
         coordinates: number[];

package/lib/typescript/module/src/utils/animated/AnimatedPoint.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"AnimatedPoint.d.ts","sourceRoot":"","sources":["../../../../../../src/utils/animated/AnimatedPoint.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAC;AAIxC,QAAA,MAAM,oBAAoB,KAA0C,CAAC;AAOrE,qBAAa,aAAc,SAAQ,oBAAoB;;gBACzC,KAAK;;;KAAgB;IAiBjC,QAAQ,CAAC,KAAK;;;KAAgB,GAAG,IAAI;IAKrC,SAAS,CAAC,KAAK;;;KAAgB,GAAG,IAAI;IAKtC,aAAa,IAAI,IAAI;IAKrB,aAAa,CAAC,EAAE,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,CAAC,KAAK,KAAK,IAAI,GAAG,IAAI;IASxD,WAAW,CAAC,EAAE,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,CAAC,KAAK,KAAK,IAAI,GAAG,MAAM;IAkBxD,cAAc,CAAC,EAAE,EAAE,MAAM,GAAG,IAAI;IAMhC,MAAM,CACJ,MAAM,GAAE,OAAO,CAAC,QAAQ,CAAC,qBAAqB,CAAC,GAAG;QAChD,WAAW,EAAE,OAAO,CAAC,QAAQ,CAAC;KACE,GACjC,QAAQ,CAAC,kBAAkB;IAe9B,MAAM,CACJ,MAAM,GAAE,OAAO,CAAC,QAAQ,CAAC,qBAAqB,CAAC,GAAG;QAChD,WAAW,EAAE,OAAO,CAAC,QAAQ,CAAC;KACE,GACjC,QAAQ,CAAC,kBAAkB;IAe9B,UAAU,IAAI,OAAO,CAAC,KAAK;IAO3B,QAAQ,IAAI,IAAI;IAKhB,QAAQ,IAAI,IAAI;CAIjB"}
+{"version":3,"file":"AnimatedPoint.d.ts","sourceRoot":"","sources":["../../../../../../src/utils/animated/AnimatedPoint.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAC;AAIxC,QAAA,MAAM,oBAAoB,KAA0C,CAAC;AAOrE,qBAAa,aAAc,SAAQ,oBAAoB;gBACzC,KAAK;;;KAAgB;IAiBjC,QAAQ,CAAC,KAAK;;;KAAgB,GAAG,IAAI;IAKrC,SAAS,CAAC,KAAK;;;KAAgB,GAAG,IAAI;IAKtC,aAAa,IAAI,IAAI;IAKrB,aAAa,CAAC,EAAE,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,CAAC,KAAK,KAAK,IAAI,GAAG,IAAI;IASxD,WAAW,CAAC,EAAE,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,CAAC,KAAK,KAAK,IAAI,GAAG,MAAM;IAkBxD,cAAc,CAAC,EAAE,EAAE,MAAM,GAAG,IAAI;IAMhC,MAAM,CACJ,MAAM,GAAE,OAAO,CAAC,QAAQ,CAAC,qBAAqB,CAAC,GAAG;QAChD,WAAW,EAAE,OAAO,CAAC,QAAQ,CAAC;KACE,GACjC,QAAQ,CAAC,kBAAkB;IAe9B,MAAM,CACJ,MAAM,GAAE,OAAO,CAAC,QAAQ,CAAC,qBAAqB,CAAC,GAAG;QAChD,WAAW,EAAE,OAAO,CAAC,QAAQ,CAAC;KACE,GACjC,QAAQ,CAAC,kBAAkB;IAe9B,UAAU,IAAI,OAAO,CAAC,KAAK;IAO3B,QAAQ,IAAI,IAAI;IAKhB,QAAQ,IAAI,IAAI;CAIjB"}

package/lib/typescript/module/src/utils/animated/AnimatedRouteCoordinatesArray.d.ts

@@ -1,5 +1,21 @@
 import { type Coord, type Units } from "@turf/helpers";
 import { AbstractAnimatedCoordinates, type AnimatedCoordinates } from "./AbstractAnimatedCoordinates";
+interface AnimatedRouteToValue {
+    end: {
+        point: Coord | AnimatedCoordinates;
+    }
+    /**
+     * Animate to this length of the coordinates array
+     */
+     | {
+        along: number;
+        units?: Units;
+    };
+    /**
+     * @deprecated Use `end.units` in conjunction with `end.along` instead
+     */
+    units?: Units;
+}
 interface AnimatedRouteState {
     actRoute?: AnimatedCoordinates[];
     fullRoute: AnimatedCoordinates[];
@@ -7,47 +23,43 @@ interface AnimatedRouteState {
         from: number;
         current?: number;
         to: number;
-        point?: Coord;
-        along?: Coord;
-    };
+    } & ({
+        point?: Coord | AnimatedCoordinates;
+    } | {
+        along?: number;
+    });
 }
-export declare class AnimatedRouteCoordinatesArray extends AbstractAnimatedCoordinates<AnimatedRouteState> {
+export declare class AnimatedRouteCoordinatesArray extends AbstractAnimatedCoordinates<AnimatedRouteState, AnimatedRouteToValue> {
     /**
      * Calculate initial state
      *
-     * @param {*} args - to value from animate
-     * @returns {object} - the state object
+     * @param {AnimatedCoordinates[]} coordinatesArray
+     * @returns {AnimatedRouteState}
      */
     onInitialState(coordinatesArray: AnimatedCoordinates[]): AnimatedRouteState;
     /**
-     * Calculate value from state.
+     * Calculate value from state
      *
-     * @param {object} state - either state from initialState and/or from calculate
-     * @returns {object}
+     * @param {AnimatedRouteState} state Previous state
+     * @returns {AnimatedCoordinates[]}
      */
-    onGetValue(state: AnimatedRouteState): AnimatedRouteState | AnimatedCoordinates[];
+    onGetValue(state: AnimatedRouteState): AnimatedCoordinates[];
     /**
      * Calculates state based on startingState and progress, returns a new state
      *
-     * @param {object} state - state object from initialState and/or from calculate
-     * @param {number} progress - value between 0 and 1
-     * @returns {object} next state
+     * @param {AnimatedRouteState} state Previous state
+     * @param {number} progress Value between 0 and 1
+     * @returns {AnimatedRouteState}
      */
     onCalculate(state: AnimatedRouteState, progress: number): AnimatedRouteState;
     /**
      * Subclasses can override to start a new animation
      *
+     * @param {AnimatedRouteState} state
      * @param {*} toValue - to value from animate
-     * @param {*} actCoords - the current coordinates array to start from
      * @returns {object} The state
      */
-    onStart(state: AnimatedRouteState, toValue: {
-        end: {
-            point?: Coord;
-            along?: number;
-        };
-        units?: Units;
-    }): AnimatedRouteState;
+    onStart(state: AnimatedRouteState, toValue: AnimatedRouteToValue): AnimatedRouteState;
     get originalRoute(): AnimatedCoordinates[];
 }
 export {};

package/lib/typescript/module/src/utils/animated/AnimatedRouteCoordinatesArray.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"AnimatedRouteCoordinatesArray.d.ts","sourceRoot":"","sources":["../../../../../../src/utils/animated/AnimatedRouteCoordinatesArray.ts"],"names":[],"mappings":"AACA,OAAO,EAIL,KAAK,KAAK,EACV,KAAK,KAAK,EACX,MAAM,eAAe,CAAC;AAIvB,OAAO,EACL,2BAA2B,EAC3B,KAAK,mBAAmB,EACzB,MAAM,+BAA+B,CAAC;AAEvC,UAAU,kBAAkB;IAC1B,QAAQ,CAAC,EAAE,mBAAmB,EAAE,CAAC;IACjC,SAAS,EAAE,mBAAmB,EAAE,CAAC;IACjC,GAAG,EAAE;QACH,IAAI,EAAE,MAAM,CAAC;QACb,OAAO,CAAC,EAAE,MAAM,CAAC;QACjB,EAAE,EAAE,MAAM,CAAC;QACX,KAAK,CAAC,EAAE,KAAK,CAAC;QACd,KAAK,CAAC,EAAE,KAAK,CAAC;KACf,CAAC;CACH;AAED,qBAAa,6BAA8B,SAAQ,2BAA2B,CAAC,kBAAkB,CAAC;IAChG;;;;;OAKG;IACH,cAAc,CAAC,gBAAgB,EAAE,mBAAmB,EAAE,GAAG,kBAAkB;IAS3E;;;;;OAKG;IACH,UAAU,CACR,KAAK,EAAE,kBAAkB,GACxB,kBAAkB,GAAG,mBAAmB,EAAE;IAI7C;;;;;;OAMG;IACH,WAAW,CAAC,KAAK,EAAE,kBAAkB,EAAE,QAAQ,EAAE,MAAM,GAAG,kBAAkB;IAgC5E;;;;;;OAMG;IACH,OAAO,CACL,KAAK,EAAE,kBAAkB,EACzB,OAAO,EAAE;QAAE,GAAG,EAAE;YAAE,KAAK,CAAC,EAAE,KAAK,CAAC;YAAC,KAAK,CAAC,EAAE,MAAM,CAAA;SAAE,CAAC;QAAC,KAAK,CAAC,EAAE,KAAK,CAAA;KAAE,GACjE,kBAAkB;IA0CrB,IAAI,aAAa,IAAI,mBAAmB,EAAE,CAEzC;CACF"}
+{"version":3,"file":"AnimatedRouteCoordinatesArray.d.ts","sourceRoot":"","sources":["../../../../../../src/utils/animated/AnimatedRouteCoordinatesArray.ts"],"names":[],"mappings":"AACA,OAAO,EAEL,KAAK,KAAK,EAGV,KAAK,KAAK,EACX,MAAM,eAAe,CAAC;AAIvB,OAAO,EACL,2BAA2B,EAC3B,KAAK,mBAAmB,EACzB,MAAM,+BAA+B,CAAC;AAEvC,UAAU,oBAAoB;IAC5B,GAAG,EAGD;QAAE,KAAK,EAAE,KAAK,GAAG,mBAAmB,CAAA;KAAE;IACtC;;OAEG;OACD;QACE,KAAK,EAAE,MAAM,CAAC;QACd,KAAK,CAAC,EAAE,KAAK,CAAC;KACf,CAAC;IAEN;;OAEG;IACH,KAAK,CAAC,EAAE,KAAK,CAAC;CACf;AAED,UAAU,kBAAkB;IAC1B,QAAQ,CAAC,EAAE,mBAAmB,EAAE,CAAC;IACjC,SAAS,EAAE,mBAAmB,EAAE,CAAC;IACjC,GAAG,EAAE;QACH,IAAI,EAAE,MAAM,CAAC;QACb,OAAO,CAAC,EAAE,MAAM,CAAC;QACjB,EAAE,EAAE,MAAM,CAAC;KACZ,GAAG,CAAC;QAAE,KAAK,CAAC,EAAE,KAAK,GAAG,mBAAmB,CAAA;KAAE,GAAG;QAAE,KAAK,CAAC,EAAE,MAAM,CAAA;KAAE,CAAC,CAAC;CACpE;AAED,qBAAa,6BAA8B,SAAQ,2BAA2B,CAC5E,kBAAkB,EAClB,oBAAoB,CACrB;IACC;;;;;OAKG;IACH,cAAc,CAAC,gBAAgB,EAAE,mBAAmB,EAAE,GAAG,kBAAkB;IAS3E;;;;;OAKG;IACH,UAAU,CAAC,KAAK,EAAE,kBAAkB,GAAG,mBAAmB,EAAE;IAI5D;;;;;;OAMG;IACH,WAAW,CAAC,KAAK,EAAE,kBAAkB,EAAE,QAAQ,EAAE,MAAM,GAAG,kBAAkB;IAgC5E;;;;;;OAMG;IACH,OAAO,CACL,KAAK,EAAE,kBAAkB,EACzB,OAAO,EAAE,oBAAoB,GAC5B,kBAAkB;IAoCrB,IAAI,aAAa,IAAI,mBAAmB,EAAE,CAEzC;CACF"}

package/lib/typescript/module/src/utils/animated/AnimatedShape.d.ts

@@ -1,25 +1,28 @@
 import { Animated } from "react-native";
-import { AnimatedCoordinatesArray } from "./AnimatedCoordinatesArray";
+import type { AnimatedCoordinatesArray } from "./AnimatedCoordinatesArray";
 import { AnimatedExtractCoordinateFromArray } from "./AnimatedExtractCoordinateFromArray";
 import { AnimatedRouteCoordinatesArray } from "./AnimatedRouteCoordinatesArray";
 declare const AnimatedWithChildren: any;
 type Shape = {
     type: "Point";
-    coordinates: AnimatedExtractCoordinateFromArray | AnimatedRouteCoordinatesArray;
+    coordinates: AnimatedExtractCoordinateFromArray;
 } | {
     type: "LineString";
-    coordinates: AnimatedCoordinatesArray;
+    coordinates: AnimatedCoordinatesArray | AnimatedRouteCoordinatesArray;
 };
 /**
  * AnimatedShape can be used to have animated properties inside the shape property
+ *
+ * Equivalent of AnimatedStyle for shapes
+ * https://github.com/facebook/react-native/blob/main/packages/react-native/Libraries/Animated/nodes/AnimatedStyle.js
+ *
  * @example
  * <AnimatedShapeSource ... shape={new AnimatedShape({type:'LineString', coordinates: animatedCoords})} />
  */
 export declare class AnimatedShape extends AnimatedWithChildren {
-    static [x: string]: any;
     constructor(shape: Shape);
     _walkShapeAndGetValues(value: any): any;
-    __getValue(): any;
+    __getValue(): GeoJSON.Point | GeoJSON.LineString;
     _walkAndProcess(value: any, cb: (value: Animated.Node) => void): void;
     __attach(): void;
     __detach(): void;

package/lib/typescript/module/src/utils/animated/AnimatedShape.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"AnimatedShape.d.ts","sourceRoot":"","sources":["../../../../../../src/utils/animated/AnimatedShape.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAC;AAExC,OAAO,EAAE,wBAAwB,EAAE,MAAM,4BAA4B,CAAC;AACtE,OAAO,EAAE,kCAAkC,EAAE,MAAM,sCAAsC,CAAC;AAC1F,OAAO,EAAE,6BAA6B,EAAE,MAAM,iCAAiC,CAAC;AAIhF,QAAA,MAAM,oBAAoB,KAA0C,CAAC;AASrE,KAAK,KAAK,GACN;IACE,IAAI,EAAE,OAAO,CAAC;IACd,WAAW,EACP,kCAAkC,GAClC,6BAA6B,CAAC;CACnC,GACD;IACE,IAAI,EAAE,YAAY,CAAC;IACnB,WAAW,EAAE,wBAAwB,CAAC;CACvC,CAAC;AAEN;;;;GAIG;AACH,qBAAa,aAAc,SAAQ,oBAAoB;;gBAIzC,KAAK,EAAE,KAAK;IAKxB,sBAAsB,CAAC,KAAK,EAAE,GAAG,GAAG,GAAG;IAkBvC,UAAU,IAAI,GAAG;IAMjB,eAAe,CAAC,KAAK,EAAE,GAAG,EAAE,EAAE,EAAE,CAAC,KAAK,EAAE,QAAQ,CAAC,IAAI,KAAK,IAAI,GAAG,IAAI;IAarE,QAAQ,IAAI,IAAI;IAIhB,QAAQ,IAAI,IAAI;CAIjB"}
+{"version":3,"file":"AnimatedShape.d.ts","sourceRoot":"","sources":["../../../../../../src/utils/animated/AnimatedShape.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAC;AAExC,OAAO,KAAK,EAAE,wBAAwB,EAAE,MAAM,4BAA4B,CAAC;AAC3E,OAAO,EAAE,kCAAkC,EAAE,MAAM,sCAAsC,CAAC;AAC1F,OAAO,EAAE,6BAA6B,EAAE,MAAM,iCAAiC,CAAC;AAGhF,QAAA,MAAM,oBAAoB,KAA0C,CAAC;AAUrE,KAAK,KAAK,GACN;IACE,IAAI,EAAE,OAAO,CAAC;IACd,WAAW,EAAE,kCAAkC,CAAC;CACjD,GACD;IACE,IAAI,EAAE,YAAY,CAAC;IACnB,WAAW,EAAE,wBAAwB,GAAG,6BAA6B,CAAC;CACvE,CAAC;AAEN;;;;;;;;GAQG;AACH,qBAAa,aAAc,SAAQ,oBAAoB;gBACzC,KAAK,EAAE,KAAK;IAKxB,sBAAsB,CAAC,KAAK,EAAE,GAAG,GAAG,GAAG;IAuBvC,UAAU,IAAI,OAAO,CAAC,KAAK,GAAG,OAAO,CAAC,UAAU;IAWhD,eAAe,CAAC,KAAK,EAAE,GAAG,EAAE,EAAE,EAAE,CAAC,KAAK,EAAE,QAAQ,CAAC,IAAI,KAAK,IAAI,GAAG,IAAI;IAarE,QAAQ,IAAI,IAAI;IAIhB,QAAQ,IAAI,IAAI;CAIjB"}

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@maplibre/maplibre-react-native",
   "description": "React Native library for creating maps with MapLibre Native for Android & iOS",
-  "version": "10.1.0",
+  "version": "10.1.2",
   "publishConfig": {
     "access": "public",
     "provenance": true
@@ -145,25 +145,25 @@
   "devDependencies": {
     "@babel/core": "^7.26.0",
     "@expo/config-plugins": "^9.0.11",
-    "@maplibre/maplibre-gl-style-spec": "22.0.1",
+    "@maplibre/maplibre-gl-style-spec": "23.1.0",
     "@semantic-release/changelog": "^6.0.3",
     "@semantic-release/git": "^10.0.1",
-    "@sinonjs/fake-timers": "^13.0.5",
-    "@testing-library/react-native": "^12.9.0",
+    "@sinonjs/fake-timers": "^14.0.0",
+    "@testing-library/react-native": "^13.0.1",
     "@types/ejs": "^3.1.5",
     "@types/geojson": "^7946.0.14",
     "@types/node": "^22.10.1",
-    "@types/react": "^18.3.13",
+    "@types/react": "^18.3.18",
     "documentation": "^14.0.0",
     "ejs": "^3.1.10",
     "eslint": "^8.57.1",
     "eslint-config-universe": "14.0.0",
-    "expo-module-scripts": "^4.0.2",
+    "expo-module-scripts": "^4.0.4",
     "jest": "^29.7.0",
-    "prettier": "3.4.2",
+    "prettier": "3.5.3",
     "react": "18.3.1",
     "react-docgen": "^7.1.0",
-    "react-native": "0.75.4",
+    "react-native": "0.76.7",
     "react-native-builder-bob": "^0.34.0",
     "react-test-renderer": "18.3.1",
     "semantic-release": "^24.2.0",

package/src/components/MarkerView.tsx

@@ -50,7 +50,7 @@ interface NativeProps extends ViewProps {
  *
  * If you have static view consider using PointAnnotation or SymbolLayer they'll offer much better performance
  * .
- * This is based on [MakerView plugin](https://docs.mapbox.com/android/plugins/overview/markerview/) on Android
+ * This is based on [MakerView plugin](https://github.com/maplibre/maplibre-plugins-android/tree/main/plugin-markerview) on Android
  * and PointAnnotation on iOS.
  */
 export const MarkerView = ({

package/src/components/ShapeSource.tsx

@@ -32,7 +32,7 @@ const MLRNModule = NativeModules.MLRNModule;
 export const NATIVE_MODULE_NAME = "MLRNShapeSource";
 
 interface NativeProps {
-  shape?: string;
+  shape?: object | string;
 }
 
 type MLRNShapeSourceRefType = Component<NativeProps> & Readonly<NativeMethods>;
@@ -164,57 +164,62 @@ export const ShapeSource = memo(
       }: ShapeSourceProps,
       ref,
     ) => {
-      useImperativeHandle(
-        ref,
-        (): ShapeSourceRef => ({
-          /**
-           * Returns all features from the source that match the query parameters regardless of whether or not the feature is
-           * currently rendered on the map.
-           *
-           * @example
-           * shapeSource.features()
-           *
-           * @param  {Array=} filter - an optional filter statement to filter the returned Features.
-           * @return {GeoJSON.FeatureCollection}
-           */
-          features,
-          /**
-           * Returns the zoom needed to expand the cluster.
-           *
-           * @example
-           * const zoom = await shapeSource.getClusterExpansionZoom(clusterId);
-           *
-           * @param  {GeoJSON.Feature} feature - The feature cluster to expand.
-           * @return {number}
-           */
-          getClusterExpansionZoom,
-          /**
-           * Returns the FeatureCollection from the cluster.
-           *
-           * @example
-           * const collection = await shapeSource.getClusterLeaves(clusterId, limit, offset);
-           *
-           * @param  {GeoJSON.Feature} feature - The feature cluster to expand.
-           * @param  {number} limit - The number of points to return.
-           * @param  {number} offset - The amount of points to skip (for pagination).
-           * @return {GeoJSON.FeatureCollection}
-           */
-          getClusterLeaves,
-          /**
-           * Returns the FeatureCollection from the cluster (on the next zoom level).
-           *
-           * @example
-           * const collection = await shapeSource.getClusterChildren(clusterId);
-           *
-           * @param  {GeoJSON.Feature} feature - The feature cluster to expand.
-           * @return {GeoJSON.FeatureCollection}
-           */
-          getClusterChildren,
-          setNativeProps,
-          onPress,
-          _nativeRef: _nativeRef.current,
-        }),
-      );
+      useImperativeHandle(ref, () => ({
+        ..._nativeRef.current,
+
+        /**
+         * Returns all features from the source that match the query parameters regardless of whether or not the feature is
+         * currently rendered on the map.
+         *
+         * @example
+         * shapeSource.features()
+         *
+         * @param  {Array=} filter - an optional filter statement to filter the returned Features.
+         * @return {GeoJSON.FeatureCollection}
+         */
+        features,
+
+        /**
+         * Returns the zoom needed to expand the cluster.
+         *
+         * @example
+         * const zoom = await shapeSource.getClusterExpansionZoom(clusterId);
+         *
+         * @param  {GeoJSON.Feature} feature - The feature cluster to expand.
+         * @return {number}
+         */
+        getClusterExpansionZoom,
+
+        /**
+         * Returns the FeatureCollection from the cluster.
+         *
+         * @example
+         * const collection = await shapeSource.getClusterLeaves(clusterId, limit, offset);
+         *
+         * @param  {GeoJSON.Feature} feature - The feature cluster to expand.
+         * @param  {number} limit - The number of points to return.
+         * @param  {number} offset - The amount of points to skip (for pagination).
+         * @return {GeoJSON.FeatureCollection}
+         */
+        getClusterLeaves,
+
+        /**
+         * Returns the FeatureCollection from the cluster (on the next zoom level).
+         *
+         * @example
+         * const collection = await shapeSource.getClusterChildren(clusterId);
+         *
+         * @param  {GeoJSON.Feature} feature - The feature cluster to expand.
+         * @return {GeoJSON.FeatureCollection}
+         */
+        getClusterChildren,
+
+        setNativeProps,
+
+        onPress,
+
+        _nativeRef: _nativeRef.current,
+      }));
 
       const _nativeRef = useRef<MLRNShapeSourceRefType>();
 
@@ -297,7 +302,7 @@ export const ShapeSource = memo(
         const shallowProps = Object.assign({}, nativeProps);
 
         // Adds support for Animated
-        if (shallowProps.shape && typeof shallowProps !== "string") {
+        if (shallowProps.shape && typeof shallowProps.shape !== "string") {
           shallowProps.shape = JSON.stringify(shallowProps.shape);
         }
 

package/src/components/UserLocation.tsx

@@ -9,60 +9,14 @@ import {
 } from "react";
 
 import { Annotation } from "./Annotation";
-import { CircleLayer } from "./CircleLayer";
-import { HeadingIndicator } from "./HeadingIndicator";
 import { NativeUserLocation } from "./NativeUserLocation";
+import { UserLocationPuck } from "./UserLocationPuck";
 import {
   type Location,
   LocationManager,
 } from "../modules/location/LocationManager";
-import { type CircleLayerStyle } from "../types/MapLibreRNStyles";
 
-const mapboxBlue = "rgba(51, 181, 229, 100)";
-
-const layerStyles: Record<string, CircleLayerStyle> = {
-  pluse: {
-    circleRadius: 15,
-    circleColor: mapboxBlue,
-    circleOpacity: 0.2,
-    circlePitchAlignment: "map",
-  },
-  background: {
-    circleRadius: 9,
-    circleColor: "#fff",
-    circlePitchAlignment: "map",
-  },
-  foreground: {
-    circleRadius: 6,
-    circleColor: mapboxBlue,
-    circlePitchAlignment: "map",
-  },
-};
-
-export const normalIcon = (
-  showsUserHeadingIndicator?: boolean,
-  heading?: number,
-) => [
-  <CircleLayer
-    key="mapboxUserLocationPluseCircle"
-    id="mapboxUserLocationPluseCircle"
-    style={layerStyles.pluse}
-  />,
-  <CircleLayer
-    key="mapboxUserLocationWhiteCircle"
-    id="mapboxUserLocationWhiteCircle"
-    style={layerStyles.background}
-  />,
-  <CircleLayer
-    key="mapboxUserLocationBlueCicle"
-    id="mapboxUserLocationBlueCicle"
-    aboveLayerID="mapboxUserLocationWhiteCircle"
-    style={layerStyles.foreground}
-  />,
-  ...(showsUserHeadingIndicator && heading
-    ? [HeadingIndicator({ heading })]
-    : []),
-];
+const USER_LOCATION_SOURCE_ID = "mlrn-user-location";
 
 interface UserLocationProps {
   /**
@@ -290,15 +244,23 @@ export const UserLocation = memo(
       return (
         <Annotation
           animated={animated}
-          id="mapboxUserLocation"
+          id={USER_LOCATION_SOURCE_ID}
           onPress={onPress}
           coordinates={userLocationState.coordinates}
           style={{
             iconRotate: userLocationState.heading,
           }}
         >
-          {children ||
-            normalIcon(showsUserHeadingIndicator, userLocationState.heading)}
+          {children || (
+            <UserLocationPuck
+              sourceID={USER_LOCATION_SOURCE_ID}
+              heading={
+                showsUserHeadingIndicator
+                  ? userLocationState.heading
+                  : undefined
+              }
+            />
+          )}
         </Annotation>
       );
     },

package/src/components/UserLocationPuck.tsx

@@ -0,0 +1,62 @@
+import { memo } from "react";
+
+import { CircleLayer } from "./CircleLayer";
+import { UserLocationPuckHeading } from "./UserLocationPuckHeading";
+import type { BaseProps } from "../types/BaseProps";
+import type { CircleLayerStyle } from "../types/MapLibreRNStyles";
+
+const blue = "#33B5E5";
+
+const layerStyles: Record<"pulse" | "white" | "blue", CircleLayerStyle> = {
+  pulse: {
+    circleRadius: 15,
+    circleColor: blue,
+    circleOpacity: 0.2,
+    circlePitchAlignment: "map",
+  },
+  white: {
+    circleRadius: 9,
+    circleColor: "#fff",
+    circlePitchAlignment: "map",
+  },
+  blue: {
+    circleRadius: 6,
+    circleColor: blue,
+    circlePitchAlignment: "map",
+  },
+};
+
+interface UserLocationPuckProps extends BaseProps {
+  sourceID: string;
+  heading?: number;
+  belowLayerID?: string;
+}
+
+export const UserLocationPuck = memo(
+  ({ sourceID, heading }: UserLocationPuckProps) => (
+    <>
+      <CircleLayer
+        id="mlrn-user-location-puck-pulse"
+        sourceID={sourceID}
+        style={layerStyles.pulse}
+      />
+      <CircleLayer
+        id="mlrn-user-location-puck-white"
+        sourceID={sourceID}
+        style={layerStyles.white}
+      />
+      <CircleLayer
+        id="mlrn-user-location-puck-blue"
+        sourceID={sourceID}
+        style={layerStyles.blue}
+      />
+      {typeof heading === "number" && (
+        <UserLocationPuckHeading
+          sourceID={sourceID}
+          belowLayerID="mlrn-user-location-puck-white"
+          heading={heading}
+        />
+      )}
+    </>
+  ),
+);

package/src/components/UserLocationPuckHeading.tsx

@@ -0,0 +1,33 @@
+import { memo } from "react";
+
+import { SymbolLayer } from "./SymbolLayer";
+import headingIcon from "../assets/heading.png";
+import { type BaseProps } from "../types/BaseProps";
+import type { SymbolLayerStyle } from "../types/MapLibreRNStyles";
+
+const layerStyle: SymbolLayerStyle = {
+  iconImage: headingIcon,
+  iconAllowOverlap: true,
+  iconPitchAlignment: "map",
+  iconRotationAlignment: "map",
+};
+
+interface UserLocationPuckHeadingProps extends BaseProps {
+  sourceID: string;
+  belowLayerID?: string;
+  heading: number;
+}
+
+export const UserLocationPuckHeading = memo(
+  ({ sourceID, belowLayerID, heading }: UserLocationPuckHeadingProps) => (
+    <SymbolLayer
+      id="mlrn-user-location-puck-heading"
+      sourceID={sourceID}
+      belowLayerID={belowLayerID}
+      style={{
+        iconRotate: heading,
+        ...layerStyle,
+      }}
+    />
+  ),
+);