@ttoss/google-maps 0.9.2 → 1.2.0

package/dist/esm/index.js

@@ -0,0 +1,77 @@
+// tsup.inject.js
+import * as React from "react";
+
+// src/GoogleMapsProvider.tsx
+import { useScript } from "@ttoss/hooks";
+import * as React2 from "react";
+var GoogleMapsContext = React2.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 = React2.useMemo(() => {
+    if (status === "ready" && window.google.maps) {
+      return window.google.maps;
+    }
+    return null;
+  }, [status]);
+  const value = React2.useMemo(() => {
+    if (status === "ready" && googleMaps) {
+      return {
+        status,
+        googleMaps
+      };
+    }
+    return {
+      status,
+      googleMaps: null
+    };
+  }, [googleMaps, status]);
+  return /* @__PURE__ */ React2.createElement(GoogleMapsContext.Provider, {
+    value
+  }, children);
+};
+var useGoogleMaps = () => React2.useContext(GoogleMapsContext);
+
+// src/useGeocoder.ts
+import * as React3 from "react";
+var useGeocoder = () => {
+  const { googleMaps } = useGoogleMaps();
+  const [isGeocoderInitialized, setIsGeocoderInitialized] = React3.useState(false);
+  const geocoder = React3.useMemo(() => {
+    if (googleMaps) {
+      const googleMapsGeocoder = new googleMaps.Geocoder();
+      setIsGeocoderInitialized(true);
+      return googleMapsGeocoder;
+    }
+    return null;
+  }, [googleMaps]);
+  return { geocoder, isGeocoderInitialized };
+};
+
+// src/useMap.ts
+import * as React4 from "react";
+var useMap = (options) => {
+  const ref = React4.useRef(null);
+  const { googleMaps } = useGoogleMaps();
+  const [isMapInitialized, setIsMapInitialized] = React4.useState(false);
+  const optionsStringify = JSON.stringify(options);
+  const map = React4.useMemo(() => {
+    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

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

@@ -0,0 +1,116 @@
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __reExport = (target, module2, copyDefault, desc) => {
+  if (module2 && typeof module2 === "object" || typeof module2 === "function") {
+    for (let key of __getOwnPropNames(module2))
+      if (!__hasOwnProp.call(target, key) && (copyDefault || key !== "default"))
+        __defProp(target, key, { get: () => module2[key], enumerable: !(desc = __getOwnPropDesc(module2, key)) || desc.enumerable });
+  }
+  return target;
+};
+var __toESM = (module2, isNodeMode) => {
+  return __reExport(__markAsModule(__defProp(module2 != null ? __create(__getProtoOf(module2)) : {}, "default", !isNodeMode && module2 && module2.__esModule ? { get: () => module2.default, enumerable: true } : { value: module2, enumerable: true })), module2);
+};
+var __toCommonJS = /* @__PURE__ */ ((cache) => {
+  return (module2, temp) => {
+    return cache && cache.get(module2) || (temp = __reExport(__markAsModule({}), module2, 1), cache && cache.set(module2, temp), temp);
+  };
+})(typeof WeakMap !== "undefined" ? /* @__PURE__ */ new WeakMap() : 0);
+
+// src/index.ts
+var src_exports = {};
+__export(src_exports, {
+  GoogleMapsProvider: () => GoogleMapsProvider,
+  useGeocoder: () => useGeocoder,
+  useGoogleMaps: () => useGoogleMaps,
+  useMap: () => useMap
+});
+
+// tsup.inject.js
+var React = __toESM(require("react"));
+
+// src/GoogleMapsProvider.tsx
+var import_hooks = require("@ttoss/hooks");
+var React2 = __toESM(require("react"));
+var GoogleMapsContext = React2.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 } = (0, import_hooks.useScript)(src);
+  const googleMaps = React2.useMemo(() => {
+    if (status === "ready" && window.google.maps) {
+      return window.google.maps;
+    }
+    return null;
+  }, [status]);
+  const value = React2.useMemo(() => {
+    if (status === "ready" && googleMaps) {
+      return {
+        status,
+        googleMaps
+      };
+    }
+    return {
+      status,
+      googleMaps: null
+    };
+  }, [googleMaps, status]);
+  return /* @__PURE__ */ React2.createElement(GoogleMapsContext.Provider, {
+    value
+  }, children);
+};
+var useGoogleMaps = () => React2.useContext(GoogleMapsContext);
+
+// src/useGeocoder.ts
+var React3 = __toESM(require("react"));
+var useGeocoder = () => {
+  const { googleMaps } = useGoogleMaps();
+  const [isGeocoderInitialized, setIsGeocoderInitialized] = React3.useState(false);
+  const geocoder = React3.useMemo(() => {
+    if (googleMaps) {
+      const googleMapsGeocoder = new googleMaps.Geocoder();
+      setIsGeocoderInitialized(true);
+      return googleMapsGeocoder;
+    }
+    return null;
+  }, [googleMaps]);
+  return { geocoder, isGeocoderInitialized };
+};
+
+// src/useMap.ts
+var React4 = __toESM(require("react"));
+var useMap = (options) => {
+  const ref = React4.useRef(null);
+  const { googleMaps } = useGoogleMaps();
+  const [isMapInitialized, setIsMapInitialized] = React4.useState(false);
+  const optionsStringify = JSON.stringify(options);
+  const map = React4.useMemo(() => {
+    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 };
+};
+module.exports = __toCommonJS(src_exports);
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  GoogleMapsProvider,
+  useGeocoder,
+  useGoogleMaps,
+  useMap
+});

package/package.json

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