@janiscommerce/ui-web 1.1.0 → 1.3.0

package/dist/index.umd.js

@@ -15952,11 +15952,21 @@
   };
 
   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 = React.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["default"].createElement(InfoWindow$1, {
-      position: data
+      position: data,
+      options: {
+        pixelOffset: pixelOffset
+      }
     }, /*#__PURE__*/React__default["default"].createElement(styled$2.Content, _extends$1({
       className: "google-map-component__info-window--content"
     }, infoWindowHandles), children));
@@ -16015,6 +16025,8 @@
         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,
@@ -16143,6 +16155,7 @@
     }, overlay()), infoWindowOpen && infoWindowContent && /*#__PURE__*/React__default["default"].createElement(InfoWindow, {
       className: "google-map-component__info-window",
       data: position,
+      infoWindowOptions: infoWindowOptions,
       infoWindowHandles: infoWindowHandles
     }, infoWindowContent(markerData)));
   };
@@ -35771,7 +35784,11 @@
   };
 
   var isValidValue = function isValidValue(value) {
-    return !!value && isNumber(value) && value > 0;
+    return isNumber(value) && value >= 0;
+  };
+
+  var isValidMaxValue = function isValidMaxValue(maxValue) {
+    return isNumber(maxValue) && maxValue > 0;
   };
 
   var ProgressBar = function ProgressBar(_ref) {
@@ -35786,7 +35803,7 @@
         height = _ref$height === void 0 ? 16 : _ref$height,
         _ref$color = _ref.color,
         color = _ref$color === void 0 ? 'blue' : _ref$color;
-    if (!isValidValue(value) || !isValidValue(maxValue) || value > maxValue) return null;
+    if (!isValidValue(value) || !isValidMaxValue(maxValue) || value > maxValue) return null;
     var progress = Math.max(0, Math.min(maxValue, value));
     return /*#__PURE__*/React__default["default"].createElement(styled.Bar, {
       height: height,