@janiscommerce/ui-web 0.29.0 → 0.29.1

package/CHANGELOG.md

@@ -7,6 +7,12 @@ and this project adheres to [Semantic Versioning](http://semver.org/spec/v2.0.0.
 
 ## [Unreleased]
 
+## [0.29.1] - 2025-02-26
+
+### Fixed
+
+- Center of map component
+
 ## [0.29.0] - 2025-02-21
 
 ### Removed

package/dist/index.esm.js

@@ -16985,10 +16985,7 @@ var getBoundsFromMarkers = (function () {
 
 var getCenterByGeolocationOrCenter = (function () {
   var center = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
-  if (validateCoordinates(center)) return {
-    lat: center.lat,
-    lng: center.lng
-  };
+  if (validateCoordinates(center)) return center;
   return getGeolocationCoordinates();
 });
 
@@ -35426,11 +35423,8 @@ var Map$1 = function Map(_ref) {
 
   var validMarkersExist = Array.isArray(markers) && markers.length;
   var defaultMapCenter = {
-    center: {
-      lat: 0,
-      lng: 0
-    },
-    zoom: zoom
+    lat: 0,
+    lng: 0
   };
 
   var handlePositions = function handlePositions(key, value) {
@@ -35443,17 +35437,18 @@ var Map$1 = function Map(_ref) {
   var onLoad = useCallback(function (map) {
     if (!map) return;
     mapRef.current = map;
-    map.setOptions({
+    mapRef.current.setOptions({
       gestureHandling: 'greedy'
     });
     var fullScreenPos = showSearchBar ? 'RIGHT_BOTTOM' : 'RIGHT_TOP';
     handlePositions('fullScreen', window.google.maps.ControlPosition[fullScreenPos]);
     handlePositions('zoom', window.google.maps.ControlPosition.RIGHT_BOTTOM);
-    if (!(markers !== null && markers !== void 0 && markers.length)) return map.setCenter(getCenterByGeolocationOrCenter(center));
-    map.fitBounds(getBoundsFromMarkers(markers));
+    if (!(markers !== null && markers !== void 0 && markers.length)) mapRef.current.setCenter(getCenterByGeolocationOrCenter(center || defaultMapCenter));
+    if (markers !== null && markers !== void 0 && markers.length) mapRef.current.fitBounds(getBoundsFromMarkers(markers));
     mapRef.current.setZoom(zoom);
   }, []);
-  return isLoaded ? /*#__PURE__*/React__default.createElement(GoogleMap, _extends$1({
+  if (!isLoaded) return null;
+  return /*#__PURE__*/React__default.createElement(GoogleMap, {
     className: "google-map-component",
     onLoad: onLoad,
     mapContainerStyle: {
@@ -35461,7 +35456,7 @@ var Map$1 = function Map(_ref) {
       width: width
     },
     options: mapOptions
-  }, defaultMapCenter), /*#__PURE__*/React__default.createElement(React__default.Fragment, null, showSearchBar && /*#__PURE__*/React__default.createElement(SearchBox, {
+  }, /*#__PURE__*/React__default.createElement(React__default.Fragment, null, showSearchBar && /*#__PURE__*/React__default.createElement(SearchBox, {
     className: "google-map-component__search-box"
   }), validMarkersExist && /*#__PURE__*/React__default.createElement(MarkersDrawer, {
     markers: markers,
@@ -35469,7 +35464,7 @@ var Map$1 = function Map(_ref) {
     callbackOnSuccessDirections: callbackOnSuccessDirections,
     callbackOnErrorDirections: callbackOnErrorDirections,
     googleMapsApiKey: googleMapsApiKey
-  }))) : /*#__PURE__*/React__default.createElement(React__default.Fragment, null);
+  })));
 };
 
 export { Avatar, AvatarGroup$1 as AvatarGroup, Button, Checkbox, Chip, ClickAwayListener, Color, ColorPicker, Drawer, ErrorBoundary, HTML, Icon, Image, Input, Link, Map$1 as Map, QRCode, Skeleton, Switch, Textarea, icons, palette };