@hoddy-ui/core 1.0.67 → 1.0.69

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@hoddy-ui/core",
-  "version": "1.0.67",
+  "version": "1.0.69",
   "description": "Core rich react native components written in typescript",
   "main": "index.ts",
   "repository": {

package/src/Components/Locator.tsx

@@ -89,7 +89,7 @@ export const Locator: React.FC<LocatorProps> = ({
     },
   });
   const search = async (query: string) => {
-    const endpoint = `https://maps.googleapis.com/maps/api/place/autocomplete/json?input=${query}&components=country:${country}&radius=20000&location=6.465422,3.406448&key=${GOOGLE_MAP_API_KEY}`;
+    const endpoint = `https://maps.googleapis.com/maps/api/place/autocomplete/json?input=${query}&components=country:${country}&radius=20000&key=${GOOGLE_MAP_API_KEY}`;
     const res = await (await fetch(endpoint)).json();
     const p = [];
     for (let key in res.predictions) {
@@ -145,11 +145,15 @@ export const Locator: React.FC<LocatorProps> = ({
         `https://maps.googleapis.com/maps/api/place/details/json?place_id=${loc.id}&fields=formatted_address%2Cgeometry&key=${GOOGLE_MAP_API_KEY}`
       )
     ).json();
-    onLocationSelected({
-      latitude: res.result?.geometry.location.lat,
-      longitude: res.result?.geometry.location.lng,
-      description: loc.description,
-    });
+    onLocationSelected(
+      {
+        latitude: res.result?.geometry.location.lat,
+        longitude: res.result?.geometry.location.lng,
+
+        description: loc.description,
+      },
+      res.result?.formatted_address
+    );
     setChanged(false);
     setPrediction([]);
   };

package/src/types.ts

@@ -154,7 +154,10 @@ export type LocatorInputProps = {
 };
 export interface LocatorProps {
   variant?: "contained" | "outlined";
-  onLocationSelected: (location: locatorLocation | null) => void;
+  onLocationSelected: (
+    location: locatorLocation | null,
+    formatted_address?: string
+  ) => void;
   label?: string;
   error?: string;
   float?: boolean;