@ttoss/google-maps 0.6.0 → 0.8.3

package/dist/esm/index.js

@@ -1 +1,89 @@
-import*as c from"react";import{useScript as M}from"@ttoss/hooks";import{createContext as m,createElement as f,useContext as S,useMemo as u}from"react";var i=m({status:"idle",googleMaps:null}),d=({children:a,apiKey:s,libraries:t})=>{let r=`https://maps.googleapis.com/maps/api/js?key=${s}&libraries=${t==null?void 0:t.join(",")}`,{status:e}=M(r),o=u(()=>e==="ready"&&window.google.maps?window.google.maps:null,[e]),n=u(()=>e==="ready"&&o?{status:e,googleMaps:o}:{status:e,googleMaps:null},[o,e]);return f(i.Provider,{value:n},a)},p=()=>S(i);import{useMemo as G,useRef as y,useState as R}from"react";var x=a=>{let s=y(null),{googleMaps:t}=p(),[r,e]=R(!1),o=JSON.stringify(a);return{map:G(()=>{if(t&&s.current){let l=JSON.parse(o),g=new t.Map(s.current,l);return e(!0),g}return null},[t,o]),ref:s,isMapInitialized:r}};export{d as GoogleMapsProvider,p as useGoogleMaps,x as useMap};
+// tsup.inject.js
+import * as React from "react";
+
+// src/GoogleMapsProvider.tsx
+import { useScript } from "@ttoss/hooks";
+import {
+  createContext,
+  createElement,
+  useContext,
+  useMemo
+} from "react";
+var GoogleMapsContext = createContext({
+  status: "idle",
+  googleMaps: null
+});
+var GoogleMapsProvider = ({ children, apiKey, libraries }) => {
+  const src = `https://maps.googleapis.com/maps/api/js?key=${apiKey}&libraries=${libraries == null ? void 0 : libraries.join(",")}`;
+  const { status } = useScript(src);
+  const googleMaps = useMemo(() => {
+    if (status === "ready" && window.google.maps) {
+      return window.google.maps;
+    }
+    return null;
+  }, [status]);
+  const value = useMemo(() => {
+    if (status === "ready" && googleMaps) {
+      return {
+        status,
+        googleMaps
+      };
+    }
+    return {
+      status,
+      googleMaps: null
+    };
+  }, [googleMaps, status]);
+  return /* @__PURE__ */ createElement(GoogleMapsContext.Provider, {
+    value
+  }, children);
+};
+var useGoogleMaps = () => useContext(GoogleMapsContext);
+
+// src/useGeocoder.ts
+import {
+  useMemo as useMemo2,
+  useState
+} from "react";
+var useGeocoder = () => {
+  const { googleMaps } = useGoogleMaps();
+  const [isGeocoderInitialized, setIsGeocoderInitialized] = useState(false);
+  const geocoder = useMemo2(() => {
+    if (googleMaps) {
+      const googleMapsGeocoder = new googleMaps.Geocoder();
+      setIsGeocoderInitialized(true);
+      return googleMapsGeocoder;
+    }
+    return null;
+  }, [googleMaps]);
+  return { geocoder, isGeocoderInitialized };
+};
+
+// src/useMap.ts
+import {
+  useMemo as useMemo3,
+  useRef,
+  useState as useState2
+} from "react";
+var useMap = (options) => {
+  const ref = useRef(null);
+  const { googleMaps } = useGoogleMaps();
+  const [isMapInitialized, setIsMapInitialized] = useState2(false);
+  const optionsStringify = JSON.stringify(options);
+  const map = useMemo3(() => {
+    if (googleMaps && ref.current) {
+      const parsedOptions = JSON.parse(optionsStringify);
+      const googleMapsMap = new googleMaps.Map(ref.current, parsedOptions);
+      setIsMapInitialized(true);
+      return googleMapsMap;
+    }
+    return null;
+  }, [googleMaps, optionsStringify]);
+  return { map, ref, isMapInitialized };
+};
+export {
+  GoogleMapsProvider,
+  useGeocoder,
+  useGoogleMaps,
+  useMap
+};

package/dist/index.d.ts

@@ -23,10 +23,15 @@ declare const useGoogleMaps: () => {
     googleMaps: null;
 };
 
+declare const useGeocoder: () => {
+    geocoder: google.maps.Geocoder | null;
+    isGeocoderInitialized: boolean;
+};
+
 declare const useMap: (options: google.maps.MapOptions) => {
     map: google.maps.Map | null;
     ref: React.RefObject<HTMLDivElement>;
     isMapInitialized: boolean;
 };
 
-export { GoogleMapsProvider, useGoogleMaps, useMap };
+export { GoogleMapsProvider, useGeocoder, useGoogleMaps, useMap };

package/dist/index.js

@@ -1 +1,89 @@
-"use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } else { var newObj = {}; if (obj != null) { for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) { newObj[key] = obj[key]; } } } newObj.default = obj; return newObj; } }var _react = require('react'); var c = _interopRequireWildcard(_react);var _hooks = require('@ttoss/hooks');var i=_react.createContext.call(void 0, {status:"idle",googleMaps:null}),d= exports.GoogleMapsProvider =({children:a,apiKey:s,libraries:t})=>{let r=`https://maps.googleapis.com/maps/api/js?key=${s}&libraries=${t==null?void 0:t.join(",")}`,{status:e}=_hooks.useScript.call(void 0, r),o=_react.useMemo.call(void 0, ()=>e==="ready"&&window.google.maps?window.google.maps:null,[e]),n=_react.useMemo.call(void 0, ()=>e==="ready"&&o?{status:e,googleMaps:o}:{status:e,googleMaps:null},[o,e]);return _react.createElement.call(void 0, i.Provider,{value:n},a)},p= exports.useGoogleMaps =()=>_react.useContext.call(void 0, i);var x=a=>{let s=_react.useRef.call(void 0, null),{googleMaps:t}=p(),[r,e]=_react.useState.call(void 0, !1),o=JSON.stringify(a);return{map:_react.useMemo.call(void 0, ()=>{if(t&&s.current){let l=JSON.parse(o),g=new t.Map(s.current,l);return e(!0),g}return null},[t,o]),ref:s,isMapInitialized:r}};exports.GoogleMapsProvider = d; exports.useGoogleMaps = p; exports.useMap = x;
+"use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } else { var newObj = {}; if (obj != null) { for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) { newObj[key] = obj[key]; } } } newObj.default = obj; return newObj; } }// tsup.inject.js
+var _react = require('react'); var React = _interopRequireWildcard(_react);
+
+// src/GoogleMapsProvider.tsx
+var _hooks = require('@ttoss/hooks');
+
+
+
+
+
+
+var GoogleMapsContext = _react.createContext.call(void 0, {
+  status: "idle",
+  googleMaps: null
+});
+var GoogleMapsProvider = ({ children, apiKey, libraries }) => {
+  const src = `https://maps.googleapis.com/maps/api/js?key=${apiKey}&libraries=${libraries == null ? void 0 : libraries.join(",")}`;
+  const { status } = _hooks.useScript.call(void 0, src);
+  const googleMaps = _react.useMemo.call(void 0, () => {
+    if (status === "ready" && window.google.maps) {
+      return window.google.maps;
+    }
+    return null;
+  }, [status]);
+  const value = _react.useMemo.call(void 0, () => {
+    if (status === "ready" && googleMaps) {
+      return {
+        status,
+        googleMaps
+      };
+    }
+    return {
+      status,
+      googleMaps: null
+    };
+  }, [googleMaps, status]);
+  return /* @__PURE__ */ _react.createElement.call(void 0, GoogleMapsContext.Provider, {
+    value
+  }, children);
+};
+var useGoogleMaps = () => _react.useContext.call(void 0, GoogleMapsContext);
+
+// src/useGeocoder.ts
+
+
+
+
+var useGeocoder = () => {
+  const { googleMaps } = useGoogleMaps();
+  const [isGeocoderInitialized, setIsGeocoderInitialized] = _react.useState.call(void 0, false);
+  const geocoder = _react.useMemo.call(void 0, () => {
+    if (googleMaps) {
+      const googleMapsGeocoder = new googleMaps.Geocoder();
+      setIsGeocoderInitialized(true);
+      return googleMapsGeocoder;
+    }
+    return null;
+  }, [googleMaps]);
+  return { geocoder, isGeocoderInitialized };
+};
+
+// src/useMap.ts
+
+
+
+
+
+var useMap = (options) => {
+  const ref = _react.useRef.call(void 0, null);
+  const { googleMaps } = useGoogleMaps();
+  const [isMapInitialized, setIsMapInitialized] = _react.useState.call(void 0, false);
+  const optionsStringify = JSON.stringify(options);
+  const map = _react.useMemo.call(void 0, () => {
+    if (googleMaps && ref.current) {
+      const parsedOptions = JSON.parse(optionsStringify);
+      const googleMapsMap = new googleMaps.Map(ref.current, parsedOptions);
+      setIsMapInitialized(true);
+      return googleMapsMap;
+    }
+    return null;
+  }, [googleMaps, optionsStringify]);
+  return { map, ref, isMapInitialized };
+};
+
+
+
+
+
+exports.GoogleMapsProvider = GoogleMapsProvider; exports.useGeocoder = useGeocoder; exports.useGoogleMaps = useGoogleMaps; exports.useMap = useMap;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ttoss/google-maps",
-  "version": "0.6.0",
+  "version": "0.8.3",
   "author": "ttoss",
   "contributors": [
     {
@@ -31,12 +31,12 @@
     "build": "tsup"
   },
   "dependencies": {
-    "@ttoss/hooks": "^0.6.0",
+    "@ttoss/hooks": "^0.8.3",
     "@types/google.maps": "^3.45.6"
   },
   "peerDependencies": {
     "react": ">=16.8.0",
     "react-dom": ">=16.8.0"
   },
-  "gitHead": "416aef959159ac96e70b59f38c85a1f6155fb12b"
+  "gitHead": "4a0b5b1f51c9241b0b8d4a35b88a84d856d46d44"
 }

package/src/GoogleMapsProvider.spec.tsx

@@ -20,7 +20,7 @@ const googleMock = {
 };
 
 beforeAll(() => {
-  (global.google as any) = googleMock;
+  (global.google as unknown) = googleMock;
 });
 
 const RenderStatus = () => {

package/src/index.spec.ts

@@ -0,0 +1,8 @@
+import * as googleMaps from './index';
+
+test('should export all methods', () => {
+  expect(googleMaps.GoogleMapsProvider).toBeDefined();
+  expect(googleMaps.useGeocoder).toBeDefined();
+  expect(googleMaps.useGoogleMaps).toBeDefined();
+  expect(googleMaps.useMap).toBeDefined();
+});

package/src/index.ts

@@ -1,2 +1,3 @@
 export { GoogleMapsProvider, useGoogleMaps } from './GoogleMapsProvider';
+export { useGeocoder } from './useGeocoder';
 export { useMap } from './useMap';

package/src/useGeocoder.ts

@@ -0,0 +1,22 @@
+import * as React from 'react';
+
+import { useGoogleMaps } from './GoogleMapsProvider';
+
+export const useGeocoder = () => {
+  const { googleMaps } = useGoogleMaps();
+
+  const [isGeocoderInitialized, setIsGeocoderInitialized] =
+    React.useState(false);
+
+  const geocoder = React.useMemo(() => {
+    if (googleMaps) {
+      const googleMapsGeocoder = new googleMaps.Geocoder();
+      setIsGeocoderInitialized(true);
+      return googleMapsGeocoder;
+    }
+
+    return null;
+  }, [googleMaps]);
+
+  return { geocoder, isGeocoderInitialized };
+};