@janiscommerce/ui-web 0.32.0 → 0.33.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/CHANGELOG.md CHANGED
@@ -7,6 +7,13 @@ and this project adheres to [Semantic Versioning](http://semver.org/spec/v2.0.0.
7
7
 
8
8
  ## [Unreleased]
9
9
 
10
+ ## [0.33.0] - 2025-04-10
11
+
12
+ ### Added
13
+
14
+ - Memo for markers
15
+ - OnLoad cb on markers
16
+
10
17
  ## [0.32.0] - 2025-04-03
11
18
 
12
19
  ### Added
package/dist/index.esm.js CHANGED
@@ -15952,7 +15952,9 @@ var Marker = function Marker(_ref) {
15952
15952
  infoWindowChildren = _ref2.infoWindowChildren,
15953
15953
  isDraggable = _ref2.isDraggable;
15954
15954
 
15955
- var _markerOptions$onClic = markerOptions.onClick,
15955
+ var _markerOptions$onLoad = markerOptions.onLoad,
15956
+ _onLoad = _markerOptions$onLoad === void 0 ? function () {} : _markerOptions$onLoad,
15957
+ _markerOptions$onClic = markerOptions.onClick,
15956
15958
  _onClick = _markerOptions$onClic === void 0 ? function () {} : _markerOptions$onClic,
15957
15959
  _markerOptions$onDrag = markerOptions.onDragStart,
15958
15960
  _onDragStart = _markerOptions$onDrag === void 0 ? function () {} : _markerOptions$onDrag,
@@ -15984,6 +15986,9 @@ var Marker = function Marker(_ref) {
15984
15986
  position: position,
15985
15987
  draggable: isDraggable || !readOnly,
15986
15988
  icon: icon,
15989
+ onLoad: function onLoad(markerInstance) {
15990
+ return _onLoad(markerData, markerInstance);
15991
+ },
15987
15992
  onClick: function onClick(eventData) {
15988
15993
  return _onClick(markerData, eventData);
15989
15994
  },
@@ -16032,7 +16037,11 @@ var Marker = function Marker(_ref) {
16032
16037
  }, infoWindowChildren()));
16033
16038
  };
16034
16039
 
16035
- var Marker$1 = /*#__PURE__*/React__default.memo(Marker);
16040
+ var Marker$1 = /*#__PURE__*/React__default.memo(Marker, function (prev, next) {
16041
+ var serializedPrev = JSON.stringify(prev);
16042
+ var serializedNext = JSON.stringify(next);
16043
+ return serializedPrev === serializedNext;
16044
+ });
16036
16045
 
16037
16046
  var Markers = function Markers(_ref) {
16038
16047
  var _ref$readOnly = _ref.readOnly,
@@ -16043,10 +16052,12 @@ var Markers = function Markers(_ref) {
16043
16052
  markerOptions = _ref$markerOptions === void 0 ? {} : _ref$markerOptions;
16044
16053
  if (!markers.length) return null;
16045
16054
  return /*#__PURE__*/React__default.createElement(React__default.Fragment, null, markers.map(function (marker, idx) {
16055
+ var _marker$position, _marker$position2;
16056
+
16046
16057
  return /*#__PURE__*/React__default.createElement(Marker$1, {
16047
16058
  markerData: _objectSpread2({}, marker),
16048
16059
  markerOptions: markerOptions,
16049
- key: idx,
16060
+ key: "".concat(idx.toString(), "-").concat(marker === null || marker === void 0 ? void 0 : (_marker$position = marker.position) === null || _marker$position === void 0 ? void 0 : _marker$position.lat, "-").concat(marker === null || marker === void 0 ? void 0 : (_marker$position2 = marker.position) === null || _marker$position2 === void 0 ? void 0 : _marker$position2.lng),
16050
16061
  readOnly: readOnly,
16051
16062
  markerIdx: idx
16052
16063
  });