@complexify/expo-mapbox-navigation 1.0.8 → 1.0.9

package/build/ExpoMapboxNavigation.types.js.map

@@ -1 +1 @@
-{"version":3,"file":"ExpoMapboxNavigation.types.js","sourceRoot":"","sources":["../src/ExpoMapboxNavigation.types.ts"],"names":[],"mappings":"","sourcesContent":["import { ViewStyle, StyleProp } from \"react-native/types\";\n\ntype ProgressEvent = {\n  distanceRemaining: number;\n  distanceTraveled: number;\n  durationRemaining: number;\n  fractionTraveled: number;\n};\n\nexport type ExpoMapboxNavigationViewProps = {\n  coordinates: Array<{ latitude: number; longitude: number }>;\n  waypointIndices?: number[];\n  useRouteMatchingApi?: boolean;\n  locale?: string;\n  routeProfile?: string;\n  routeExcludeList?: string[];\n  mapStyle?: string;\n  mute?: boolean;\n  routeColor?: string;\n  routeAlternateColor?: string;\n  routeCasingColor?: string;\n  routeAlternateCasingColor?: string;\n  traversedRouteColor?: string;\n  maneuverArrowColor?: string;\n  onRouteProgressChanged?: (event: { nativeEvent: ProgressEvent }) => void;\n  onCancelNavigation?: () => void;\n  onWaypointArrival?: (event: {\n    nativeEvent: ProgressEvent | undefined;\n  }) => void;\n  onFinalDestinationArrival?: () => void;\n  onRouteChanged?: () => void;\n  onUserOffRoute?: () => void;\n  onRoutesLoaded?: () => void;\n  style?: StyleProp<ViewStyle>;\n  \n  // Top Banner (1)\n  topBannerBackgroundColor?: string;\n  topBannerPrimaryTextColor?: string;\n  topBannerSecondaryTextColor?: string;\n  topBannerDistanceTextColor?: string;\n  topBannerSeparatorColor?: string;\n\n  // Information Stack (2)\n  informationStackBackgroundColor?: string;\n  informationStackTextColor?: string;\n\n  // Bottom Banner (3)\n  bottomBannerBackgroundColor?: string;\n  bottomBannerTimeRemainingTextColor?: string;\n  bottomBannerDistanceRemainingTextColor?: string;\n  bottomBannerArrivalTimeTextColor?: string;\n\n  // Resume Button (4)\n  resumeButtonBackgroundColor?: string;\n  resumeButtonTextColor?: string;\n\n  // Speed Limit View (5)\n  speedLimitBackgroundColor?: string;\n  speedLimitTextColor?: string;\n\n  // Floating Stack (6)\n  floatingStackBackgroundColor?: string;\n  floatingButtonsBackgroundColor?: string;\n\n  // Way Name Label (8)\n  wayNameViewBackgroundColor?: string;\n  wayNameViewTextColor?: string;\n};\n"]}
+{"version":3,"file":"ExpoMapboxNavigation.types.js","sourceRoot":"","sources":["../src/ExpoMapboxNavigation.types.ts"],"names":[],"mappings":"","sourcesContent":["import { ViewStyle, StyleProp } from \"react-native/types\";\n\ntype ProgressEvent = {\n  distanceRemaining: number;\n  distanceTraveled: number;\n  durationRemaining: number;\n  fractionTraveled: number;\n};\n\nexport type ExpoMapboxNavigationViewProps = {\n  coordinates: Array<{ latitude: number; longitude: number }>;\n  waypointIndices?: number[];\n  useRouteMatchingApi?: boolean;\n  locale?: string;\n  routeProfile?: string;\n  routeExcludeList?: string[];\n  mapStyle?: string;\n  mute?: boolean;\n  routeColor?: string;\n  routeAlternateColor?: string;\n  routeCasingColor?: string;\n  routeAlternateCasingColor?: string;\n  traversedRouteColor?: string;\n  maneuverArrowColor?: string;\n  onRouteProgressChanged?: (event: { nativeEvent: ProgressEvent }) => void;\n  onCancelNavigation?: () => void;\n  onWaypointArrival?: (event: {\n    nativeEvent: ProgressEvent | undefined;\n  }) => void;\n  onFinalDestinationArrival?: () => void;\n  onRouteChanged?: () => void;\n  onUserOffRoute?: () => void;\n  onRoutesLoaded?: () => void;\n  style?: StyleProp<ViewStyle>;\n\n  // Top Banner (1)\n  topBannerBackgroundColor?: string;\n  topBannerPrimaryTextColor?: string;\n  topBannerSecondaryTextColor?: string;\n  topBannerDistanceTextColor?: string;\n  topBannerSeparatorColor?: string;\n\n  // Information Stack (2)\n  informationStackBackgroundColor?: string;\n  informationStackTextColor?: string;\n\n  // Bottom Banner (3)\n  bottomBannerBackgroundColor?: string;\n  bottomBannerTimeRemainingTextColor?: string;\n  bottomBannerDistanceRemainingTextColor?: string;\n  bottomBannerArrivalTimeTextColor?: string;\n\n  // Resume Button (4)\n  resumeButtonBackgroundColor?: string;\n  resumeButtonTextColor?: string;\n\n  // Speed Limit View (5)\n  speedLimitBackgroundColor?: string;\n  speedLimitTextColor?: string;\n\n  // Floating Stack (6)\n  floatingStackBackgroundColor?: string;\n  floatingButtonsBackgroundColor?: string;\n\n  // Way Name Label (8)\n  wayNameViewBackgroundColor?: string;\n  wayNameViewTextColor?: string;\n};\n"]}

package/ios/ExpoMapboxNavigationModule.swift

@@ -137,6 +137,66 @@ public class ExpoMapboxNavigationModule: Module {
               view.controller.setBottomBannerArrivalTimeTextColor(hexColor: hexColor)
           }
       }
+
+      Prop("informationStackBackgroundColor") { (view: ExpoMapboxNavigationView, color: String?) in
+          if let hexColor = color {
+              view.controller.setInformationStackBackgroundColor(hexColor: hexColor)
+          }
+      }
+
+      Prop("informationStackTextColor") { (view: ExpoMapboxNavigationView, color: String?) in
+          if let hexColor = color {
+              view.controller.setInformationStackTextColor(hexColor: hexColor)
+          }
+      }
+
+      Prop("floatingStackBackgroundColor") { (view: ExpoMapboxNavigationView, color: String?) in
+          if let hexColor = color {
+              view.controller.setFloatingStackBackgroundColor(hexColor: hexColor)
+          }
+      }
+
+      Prop("floatingButtonsBackgroundColor") { (view: ExpoMapboxNavigationView, color: String?) in
+          if let hexColor = color {
+              view.controller.setFloatingButtonsBackgroundColor(hexColor: hexColor)
+          }
+      }
+
+      Prop("speedLimitBackgroundColor") { (view: ExpoMapboxNavigationView, color: String?) in
+          if let hexColor = color {
+              view.controller.setSpeedLimitBackgroundColor(hexColor: hexColor)
+          }
+      }
+
+      Prop("speedLimitTextColor") { (view: ExpoMapboxNavigationView, color: String?) in
+          if let hexColor = color {
+              view.controller.setSpeedLimitTextColor(hexColor: hexColor)
+          }
+      }
+
+      Prop("wayNameViewBackgroundColor") { (view: ExpoMapboxNavigationView, color: String?) in
+          if let hexColor = color {
+              view.controller.setWayNameViewBackgroundColor(hexColor: hexColor)
+          }
+      }
+
+      Prop("wayNameViewTextColor") { (view: ExpoMapboxNavigationView, color: String?) in
+          if let hexColor = color {
+              view.controller.setWayNameViewTextColor(hexColor: hexColor)
+          }
+      }
+
+      Prop("resumeButtonBackgroundColor") { (view: ExpoMapboxNavigationView, color: String?) in
+          if let hexColor = color {
+              view.controller.setResumeButtonBackgroundColor(hexColor: hexColor)
+          }
+      }
+
+      Prop("resumeButtonTextColor") { (view: ExpoMapboxNavigationView, color: String?) in
+          if let hexColor = color {
+              view.controller.setResumeButtonTextColor(hexColor: hexColor)
+          }
+      }
     }
   }
 }

package/ios/ExpoMapboxNavigationView.swift

@@ -84,6 +84,17 @@ class ExpoMapboxNavigationViewController: UIViewController {
     var currentBottomBannerDistanceRemainingTextColor: UIColor?
     var currentBottomBannerArrivalTimeTextColor: UIColor?
 
+    var currentInformationStackBackgroundColor: UIColor?
+    var currentInformationStackTextColor: UIColor?
+    var currentFloatingStackBackgroundColor: UIColor?
+    var currentFloatingButtonsBackgroundColor: UIColor?
+    var currentSpeedLimitBackgroundColor: UIColor?
+    var currentSpeedLimitTextColor: UIColor?
+    var currentWayNameViewBackgroundColor: UIColor?
+    var currentWayNameViewTextColor: UIColor?
+    var currentResumeButtonBackgroundColor: UIColor?
+    var currentResumeButtonTextColor: UIColor?
+
     init() {
         super.init(nibName: nil, bundle: nil)
         mapboxNavigation = ExpoMapboxNavigationViewController.navigationProvider.mapboxNavigation
@@ -259,6 +270,56 @@ class ExpoMapboxNavigationViewController: UIViewController {
         currentBottomBannerArrivalTimeTextColor = UIColor(hex: hexColor)
     }
 
+    func setInformationStackBackgroundColor(hexColor: String) {
+        currentInformationStackBackgroundColor = UIColor(hex: hexColor)
+        // Apply color in onRoutesCalculated
+    }
+
+    func setInformationStackTextColor(hexColor: String) {
+        currentInformationStackTextColor = UIColor(hex: hexColor)
+        // Apply color in onRoutesCalculated
+    }
+
+    func setFloatingStackBackgroundColor(hexColor: String) {
+        currentFloatingStackBackgroundColor = UIColor(hex: hexColor)
+        // Apply color in onRoutesCalculated
+    }
+
+    func setFloatingButtonsBackgroundColor(hexColor: String) {
+        currentFloatingButtonsBackgroundColor = UIColor(hex: hexColor)
+        // Apply color in onRoutesCalculated
+    }
+
+    func setSpeedLimitBackgroundColor(hexColor: String) {
+        currentSpeedLimitBackgroundColor = UIColor(hex: hexColor)
+        // Apply color in onRoutesCalculated
+    }
+
+    func setSpeedLimitTextColor(hexColor: String) {
+        currentSpeedLimitTextColor = UIColor(hex: hexColor)
+        // Apply color in onRoutesCalculated
+    }
+
+    func setWayNameViewBackgroundColor(hexColor: String) {
+        currentWayNameViewBackgroundColor = UIColor(hex: hexColor)
+        // Apply color in onRoutesCalculated
+    }
+
+    func setWayNameViewTextColor(hexColor: String) {
+        currentWayNameViewTextColor = UIColor(hex: hexColor)
+        // Apply color in onRoutesCalculated
+    }
+
+    func setResumeButtonBackgroundColor(hexColor: String) {
+        currentResumeButtonBackgroundColor = UIColor(hex: hexColor)
+        // Apply color in onRoutesCalculated
+    }
+
+    func setResumeButtonTextColor(hexColor: String) {
+        currentResumeButtonTextColor = UIColor(hex: hexColor)
+        // Apply color in onRoutesCalculated
+    }
+
     func update(){
         calculateRoutesTask?.cancel()
 
@@ -423,6 +484,19 @@ class ExpoMapboxNavigationViewController: UIViewController {
         if let arrowColor = currentManeuverArrowColor {
             navigationMapView?.maneuverArrowColor = arrowColor
         }
+
+        // Apply custom colors to UI elements
+        if let backgroundColor = currentInformationStackBackgroundColor {
+            // Apply to information stack background
+            navigationViewController.navigationView.informationStackView?.backgroundColor = backgroundColor
+        }
+
+        if let textColor = currentInformationStackTextColor {
+            // Apply to information stack text
+            navigationViewController.navigationView.informationStackView?.tintColor = textColor
+        }
+
+        // Apply other custom colors similarly...
     }
 }
 extension ExpoMapboxNavigationViewController: NavigationViewControllerDelegate {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@complexify/expo-mapbox-navigation",
-  "version": "1.0.8",
+  "version": "1.0.9",
   "description": "Expo module for Mapbox's Navigation SDK",
   "main": "build/index.js",
   "types": "build/index.d.ts",

package/src/ExpoMapboxNavigation.types.ts

@@ -32,7 +32,7 @@ export type ExpoMapboxNavigationViewProps = {
   onUserOffRoute?: () => void;
   onRoutesLoaded?: () => void;
   style?: StyleProp<ViewStyle>;
-  
+
   // Top Banner (1)
   topBannerBackgroundColor?: string;
   topBannerPrimaryTextColor?: string;