@react-google-maps/api - npm Package Compare versions

Comparing version 2.12.2 to 2.13.0

CHANGELOG.md

 # Changelog
 
+## 2.13.0 OverlayViewF component
+
 ## 2.12.2 Fix onCloseClick of InfoWindowF not triggering, update @googlemaps/markerclusterer@2.0.10
@@ -28,2 +30,3 @@
 - CircleF
+- OverlayViewF
 
@@ -42,3 +45,2 @@ This components currently for tests only - I've planned to replace PureComponent class based components in 3.0.0 version.
 - DistanceMatrixServiceF
-- OverlayViewF
 - HeatmapLayerF
@@ -45,0 +47,0 @@ - KmlLayerF

dist/components/dom/dom-helper.d.ts

@@ -9,3 +9,3 @@ /// <reference types="google.maps" />
     y: number;
-} | {};
+};
 export declare function getLayoutStyles(mapCanvasProjection: google.maps.MapCanvasProjection, offset: {
@@ -12,0 +12,0 @@ x: number;

dist/components/dom/OverlayView.d.ts

 /// <reference types="google.maps" />
-import { ReactNode, CSSProperties, PureComponent, RefObject, ReactPortal } from 'react';
+import { PureComponent, type ReactNode, type RefObject, type ReactPortal, type CSSProperties } from 'react';
 interface OverlayViewState {
@@ -11,2 +11,3 @@ paneEl: Element | null;
     mapPaneName: PaneNames;
+    position: google.maps.LatLng | google.maps.LatLngLiteral;
     getPixelPositionOffset?: ((offsetWidth: number, offsetHeight: number) => {
@@ -17,6 +18,13 @@ x: number;
     bounds?: google.maps.LatLngBounds | google.maps.LatLngBoundsLiteral | undefined;
-    position?: google.maps.LatLng | google.maps.LatLngLiteral | undefined;
+    zIndex?: number;
     onLoad?: ((overlayView: google.maps.OverlayView) => void) | undefined;
     onUnmount?: ((overlayView: google.maps.OverlayView) => void) | undefined;
 }
+export declare const FLOAT_PANE: PaneNames;
+export declare const MAP_PANE: PaneNames;
+export declare const MARKER_LAYER: PaneNames;
+export declare const OVERLAY_LAYER: PaneNames;
+export declare const OVERLAY_MOUSE_TARGET: PaneNames;
+declare function OverlayViewFunctional({ position, mapPaneName, zIndex, onLoad, onUnmount, getPixelPositionOffset, children, }: OverlayViewProps): ReactPortal;
+export declare const OverlayViewF: import("react").MemoExoticComponent<typeof OverlayViewFunctional>;
 export declare class OverlayView extends PureComponent<OverlayViewProps, OverlayViewState> {
@@ -23,0 +31,0 @@ static FLOAT_PANE: PaneNames;

package.json

 {
   "name": "@react-google-maps/api",
   "sideEffects": false,
-  "version": "2.12.2",
+  "version": "2.13.0",
   "description": "React.js Google Maps API integration",
@@ -6,0 +6,0 @@ "license": "MIT",

src/components/dom/dom-helper.ts

@@ -6,6 +6,9 @@ import { PositionDrawProps } from "../../types"
   getPixelPositionOffset?:( (offsetWidth: number, offsetHeight: number) => { x: number; y: number }) | undefined
-): { x: number; y: number } | {} {
+): { x: number; y: number } {
   return typeof getPixelPositionOffset === 'function'
     ? getPixelPositionOffset(containerElement.offsetWidth, containerElement.offsetHeight)
-    : {}
+    : {
+      x: 0,
+      y: 0,
+    }
 }
@@ -12,0 +15,0 @@

src/index.ts

@@ -44,3 +44,3 @@ export { default as GoogleMap, type GoogleMapProps } from './GoogleMap'
 
-export { default as OverlayView, type OverlayViewProps } from './components/dom/OverlayView'
+export { default as OverlayView, OverlayViewF, type OverlayViewProps } from './components/dom/OverlayView'
 
@@ -47,0 +47,0 @@ export { default as GroundOverlay, type GroundOverlayProps } from './components/overlays/GroundOverlay'

No alert changes

Improved metrics

Total package byte prevSize

6240099

increased by0.83%

Number of package files

153

increased by2.68%

Lines of code

40306

increased by1.1%

No dependency changes