@maplibre/maplibre-react-native 10.1.0-beta.1 → 10.1.1

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,
+      }}
+    />
+  ),
+);

package/src/plugin/MapLibrePluginProps.ts

@@ -17,7 +17,7 @@ export type MapLibrePluginProps =
         /**
          * Variant of `org.maplibre.gl:android-sdk-*`
          *
-         * @default "vulkan"
+         * @default "opengl"
          */
         nativeVariant?: "opengl" | "vulkan";
         /**

package/src/plugin/android.ts

@@ -12,6 +12,8 @@ type PropertyItem = {
   value: string;
 };
 
+export const GRADLE_PROPERTIES_PREFIX = "org.maplibre.reactnative.";
+
 export const getGradleProperties = (
   props: MapLibrePluginProps,
 ): PropertyItem[] => {
@@ -20,7 +22,7 @@ export const getGradleProperties = (
       if (key && value) {
         properties.push({
           type: "property",
-          key: `org.maplibre.reactnative.${key}`,
+          key: `${GRADLE_PROPERTIES_PREFIX}${key}`,
           value: value.toString(),
         });
       }
@@ -35,10 +37,12 @@ export const mergeGradleProperties = (
   oldProperties: PropertiesItem[],
   newProperties: PropertyItem[],
 ): PropertiesItem[] => {
-  const newPropertiesKeys = newProperties.map(({ key }) => key);
   const merged = oldProperties.filter(
     (item) =>
-      !(item.type === "property" && newPropertiesKeys.includes(item.key)),
+      !(
+        item.type === "property" &&
+        item.key.startsWith(GRADLE_PROPERTIES_PREFIX)
+      ),
   );
 
   merged.push(...newProperties);

package/lib/commonjs/components/HeadingIndicator.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["_SymbolLayer","require","_heading","_interopRequireDefault","_jsxRuntime","e","__esModule","default","style","iconImage","headingIcon","iconAllowOverlap","iconPitchAlignment","iconRotationAlignment","HeadingIndicator","heading","jsx","SymbolLayer","id","belowLayerID","iconRotate","exports"],"sourceRoot":"../../../src","sources":["components/HeadingIndicator.tsx"],"mappings":";;;;;;AAAA,IAAAA,YAAA,GAAAC,OAAA;AACA,IAAAC,QAAA,GAAAC,sBAAA,CAAAF,OAAA;AAAgD,IAAAG,WAAA,GAAAH,OAAA;AAAA,SAAAE,uBAAAE,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAGhD,MAAMG,KAAK,GAAG;EACZC,SAAS,EAAEC,gBAAW;EACtBC,gBAAgB,EAAE,IAAI;EACtBC,kBAAkB,EAAE,KAAK;EACzBC,qBAAqB,EAAE;AACzB,CAAU;AAMH,MAAMC,gBAAgB,GAAGA,CAAC;EAAEC;AAA+B,CAAC,kBACjE,IAAAX,WAAA,CAAAY,GAAA,EAAChB,YAAA,CAAAiB,WAAW;EAEVC,EAAE,EAAC,oCAAoC;EACvCC,YAAY,EAAC,+BAA+B;EAC5CX,KAAK,EAAE;IACLY,UAAU,EAAEL,OAAO;IACnB,GAAGP;EACL;AAAE,GANE,oCAOL,CACF;AAACa,OAAA,CAAAP,gBAAA,GAAAA,gBAAA","ignoreList":[]}

package/lib/module/components/HeadingIndicator.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["SymbolLayer","headingIcon","jsx","_jsx","style","iconImage","iconAllowOverlap","iconPitchAlignment","iconRotationAlignment","HeadingIndicator","heading","id","belowLayerID","iconRotate"],"sourceRoot":"../../../src","sources":["components/HeadingIndicator.tsx"],"mappings":";;AAAA,SAASA,WAAW,QAAQ,kBAAe;AAC3C,OAAOC,WAAW,MAAM,uBAAuB;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAGhD,MAAMC,KAAK,GAAG;EACZC,SAAS,EAAEJ,WAAW;EACtBK,gBAAgB,EAAE,IAAI;EACtBC,kBAAkB,EAAE,KAAK;EACzBC,qBAAqB,EAAE;AACzB,CAAU;AAMV,OAAO,MAAMC,gBAAgB,GAAGA,CAAC;EAAEC;AAA+B,CAAC,kBACjEP,IAAA,CAACH,WAAW;EAEVW,EAAE,EAAC,oCAAoC;EACvCC,YAAY,EAAC,+BAA+B;EAC5CR,KAAK,EAAE;IACLS,UAAU,EAAEH,OAAO;IACnB,GAAGN;EACL;AAAE,GANE,oCAOL,CACF","ignoreList":[]}

package/lib/typescript/commonjs/src/components/HeadingIndicator.d.ts

@@ -1,7 +0,0 @@
-import { type BaseProps } from "../types/BaseProps";
-interface HeadingIndicatorProps extends BaseProps {
-    heading?: number;
-}
-export declare const HeadingIndicator: ({ heading }: HeadingIndicatorProps) => import("react/jsx-runtime").JSX.Element;
-export {};
-//# sourceMappingURL=HeadingIndicator.d.ts.map

package/lib/typescript/commonjs/src/components/HeadingIndicator.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"HeadingIndicator.d.ts","sourceRoot":"","sources":["../../../../../src/components/HeadingIndicator.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,KAAK,SAAS,EAAE,MAAM,oBAAoB,CAAC;AASpD,UAAU,qBAAsB,SAAQ,SAAS;IAC/C,OAAO,CAAC,EAAE,MAAM,CAAC;CAClB;AAED,eAAO,MAAM,gBAAgB,gBAAiB,qBAAqB,4CAUlE,CAAC"}

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

@@ -1,7 +0,0 @@
-import { type BaseProps } from "../types/BaseProps";
-interface HeadingIndicatorProps extends BaseProps {
-    heading?: number;
-}
-export declare const HeadingIndicator: ({ heading }: HeadingIndicatorProps) => import("react/jsx-runtime").JSX.Element;
-export {};
-//# sourceMappingURL=HeadingIndicator.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"HeadingIndicator.d.ts","sourceRoot":"","sources":["../../../../../src/components/HeadingIndicator.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,KAAK,SAAS,EAAE,MAAM,oBAAoB,CAAC;AASpD,UAAU,qBAAsB,SAAQ,SAAS;IAC/C,OAAO,CAAC,EAAE,MAAM,CAAC;CAClB;AAED,eAAO,MAAM,gBAAgB,gBAAiB,qBAAqB,4CAUlE,CAAC"}

package/src/components/HeadingIndicator.tsx

@@ -1,26 +0,0 @@
-import { SymbolLayer } from "./SymbolLayer";
-import headingIcon from "../assets/heading.png";
-import { type BaseProps } from "../types/BaseProps";
-
-const style = {
-  iconImage: headingIcon,
-  iconAllowOverlap: true,
-  iconPitchAlignment: "map",
-  iconRotationAlignment: "map",
-} as const;
-
-interface HeadingIndicatorProps extends BaseProps {
-  heading?: number;
-}
-
-export const HeadingIndicator = ({ heading }: HeadingIndicatorProps) => (
-  <SymbolLayer
-    key="mapboxUserLocationHeadingIndicator"
-    id="mapboxUserLocationHeadingIndicator"
-    belowLayerID="mapboxUserLocationWhiteCircle"
-    style={{
-      iconRotate: heading,
-      ...style,
-    }}
-  />
-);