@janiscommerce/ui-web 1.1.0 → 1.3.0

package/CHANGELOG.md

@@ -7,6 +7,18 @@ 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
+
+- Validations for valid values in Progress bar
+
 ## [1.1.0] - 2025-10-08
 
 ### Added

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)));
 };
@@ -35745,7 +35758,11 @@ var styled = {
 };
 
 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) {
@@ -35760,7 +35777,7 @@ var ProgressBar = function ProgressBar(_ref) {
       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.createElement(styled.Bar, {
     height: height,