@ttoss/google-maps 0.8.4 → 0.9.2

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ttoss/google-maps",
-  "version": "0.8.4",
+  "version": "0.9.2",
   "author": "ttoss",
   "contributors": [
     {
@@ -31,12 +31,12 @@
     "build": "tsup"
   },
   "dependencies": {
-    "@ttoss/hooks": "^0.8.4",
+    "@ttoss/hooks": "^0.9.2",
     "@types/google.maps": "^3.45.6"
   },
   "peerDependencies": {
     "react": ">=16.8.0",
     "react-dom": ">=16.8.0"
   },
-  "gitHead": "9d8124a3110e71122dbdeebc791bac649e43791c"
+  "gitHead": "6a904124b42ad72f3ba318ec42b861f803acb218"
 }

package/dist/esm/index.js

@@ -1,89 +0,0 @@
-// 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

@@ -1,37 +0,0 @@
-import { ScriptStatus } from '@ttoss/hooks';
-import * as React from 'react';
-
-declare type Extends<T, U extends T> = U;
-declare type GoogleMaps = typeof google.maps;
-declare type LoadedMapsStatus = Extends<ScriptStatus, 'ready'>;
-declare type NotLoadedMapStatus = Extends<ScriptStatus, 'idle' | 'error' | 'loading'>;
-declare type Libraries = 'places' | 'visualization' | 'drawing' | 'geometry';
-declare const GoogleMapsProvider: React.FC<{
-    apiKey: string;
-    libraries?: Libraries[];
-}>;
-/**
- *
- * @returns param.googleMaps: GoogleMaps - returns the google maps object which
- * provides access to the [Google Maps API](https://developers.google.com/maps/documentation/javascript/overview).
- */
-declare const useGoogleMaps: () => {
-    status: LoadedMapsStatus;
-    googleMaps: GoogleMaps;
-} | {
-    status: NotLoadedMapStatus;
-    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, useGeocoder, useGoogleMaps, useMap };

package/dist/index.js

@@ -1,89 +0,0 @@
-"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;