@janiscommerce/ui-web 1.2.0 → 1.3.0

package/CHANGELOG.md

@@ -7,6 +7,12 @@ and this project adheres to [Semantic Versioning](http://semver.org/spec/v2.0.0.
 
 ## [Unreleased]
 
+## [1.3.0] - 2025-10-29
+
+### Added
+
+- Map/InfoWindow: support `markerOptions.infoWindowOptions.position { x, y }` to set pixelOffset
+
 ## [1.2.0] - 2025-10-16
 
 ### Changed

package/dist/index.esm.js

@@ -15926,11 +15926,21 @@ var styled$2 = {
 };
 
 var InfoWindow = function InfoWindow(_ref) {
-  var infoWindowHandles = _ref.infoWindowHandles,
-      data = _ref.data,
+  var data = _ref.data,
+      _ref$infoWindowOption = _ref.infoWindowOptions,
+      infoWindowOptions = _ref$infoWindowOption === void 0 ? {} : _ref$infoWindowOption,
+      infoWindowHandles = _ref.infoWindowHandles,
       children = _ref.children;
+  var _infoWindowOptions$in = infoWindowOptions.infoWindowPosition,
+      infoWindowPosition = _infoWindowOptions$in === void 0 ? {} : _infoWindowOptions$in;
+  var pixelOffset = useMemo(function () {
+    return new window.google.maps.Size(isNumber(infoWindowPosition === null || infoWindowPosition === void 0 ? void 0 : infoWindowPosition.x) ? infoWindowPosition === null || infoWindowPosition === void 0 ? void 0 : infoWindowPosition.x : 0, isNumber(infoWindowPosition === null || infoWindowPosition === void 0 ? void 0 : infoWindowPosition.y) ? infoWindowPosition === null || infoWindowPosition === void 0 ? void 0 : infoWindowPosition.y : -35);
+  }, [infoWindowPosition === null || infoWindowPosition === void 0 ? void 0 : infoWindowPosition.x, infoWindowPosition === null || infoWindowPosition === void 0 ? void 0 : infoWindowPosition.y]);
   return /*#__PURE__*/React__default.createElement(InfoWindow$1, {
-    position: data
+    position: data,
+    options: {
+      pixelOffset: pixelOffset
+    }
   }, /*#__PURE__*/React__default.createElement(styled$2.Content, _extends$1({
     className: "google-map-component__info-window--content"
   }, infoWindowHandles), children));
@@ -15989,6 +15999,8 @@ var Marker = function Marker(_ref) {
       infoWindowOpen = _ref2.infoWindowOpen;
 
   var infoWindowContent = markerOptions.infoWindowContent,
+      _markerOptions$infoWi = markerOptions.infoWindowOptions,
+      infoWindowOptions = _markerOptions$infoWi === void 0 ? {} : _markerOptions$infoWi,
       _markerOptions$onLoad = markerOptions.onLoad,
       _onLoad = _markerOptions$onLoad === void 0 ? function () {} : _markerOptions$onLoad,
       _markerOptions$onClic = markerOptions.onClick,
@@ -16117,6 +16129,7 @@ var Marker = function Marker(_ref) {
   }, overlay()), infoWindowOpen && infoWindowContent && /*#__PURE__*/React__default.createElement(InfoWindow, {
     className: "google-map-component__info-window",
     data: position,
+    infoWindowOptions: infoWindowOptions,
     infoWindowHandles: infoWindowHandles
   }, infoWindowContent(markerData)));
 };