@micromag/element-map 0.4.48 → 0.4.50

package/es/index.js

@@ -3,6 +3,8 @@ import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
 import classNames from 'classnames';
 import React, { useState, useRef, useEffect, useCallback, useMemo } from 'react';
 import { useGoogleMapsClient } from '@micromag/core/contexts';
+import { jsxs, jsx } from 'react/jsx-runtime';
+import _objectSpread from '@babel/runtime/helpers/objectSpread2';
 import _defineProperty from '@babel/runtime/helpers/defineProperty';
 import { useDimensionObserver } from '@micromag/core/hooks';
 import isObject from 'lodash/isObject';
@@ -390,16 +392,18 @@ function Map$1(_ref) {
     }),
     map = _useGoogleMap.map,
     mapRef = _useGoogleMap.ref;
-  return /*#__PURE__*/React.createElement("div", Object.assign({
+  return /*#__PURE__*/jsxs("div", _objectSpread(_objectSpread({
     className: classNames([styles$1.container, className, _defineProperty({}, styles$1.preventScroll, !draggable)])
-  }, stopDragEventsPropagation), /*#__PURE__*/React.createElement("div", {
-    ref: mapRef,
-    className: styles$1.map,
-    tabIndex: focusable ? '0' : '-1'
-  }), React.Children.map(children, function (child) {
-    return /*#__PURE__*/React.cloneElement(child, {
-      map: map
-    });
+  }, stopDragEventsPropagation), {}, {
+    children: [/*#__PURE__*/jsx("div", {
+      ref: mapRef,
+      className: styles$1.map,
+      tabIndex: focusable ? '0' : '-1'
+    }), React.Children.map(children, function (child) {
+      return /*#__PURE__*/React.cloneElement(child, {
+        map: map
+      });
+    })]
   }));
 }
 
@@ -601,47 +605,48 @@ function Map(_ref) {
       onTilesLoaded: onTilesLoaded
     };
   }, [onClick, onCenterChanged, onBoundsChanged, onDrag, onDragEnd, onTilesLoaded]);
-  return /*#__PURE__*/React.createElement("div", {
-    className: classNames([styles.container, className])
-  }, /*#__PURE__*/React.createElement(Map$1, {
-    center: center,
-    zoom: zoom,
-    withoutStyle: withoutStyle,
-    bounds: bounds,
-    draggable: draggable,
-    events: events,
-    fitBounds: fitBounds,
-    zoomControl: zoomControl,
-    mapTypeControl: mapTypeControl,
-    scaleControl: scaleControl,
-    streetViewControl: streetViewControl,
-    rotateControl: rotateControl,
-    fullscreenControl: fullscreenControl,
-    focusable: focusable
-  }, markers !== null ? markers.map(function (_ref4, index) {
-    var _ref4$active = _ref4.active,
-      active = _ref4$active === void 0 ? true : _ref4$active,
-      _ref4$geoPosition = _ref4.geoPosition,
-      geoPosition = _ref4$geoPosition === void 0 ? null : _ref4$geoPosition,
-      _ref4$image = _ref4.image,
-      image = _ref4$image === void 0 ? null : _ref4$image,
-      _ref4$title = _ref4.title,
-      title = _ref4$title === void 0 ? null : _ref4$title;
-    return geoPosition !== null && (geoPosition.lat || null) !== null && (geoPosition.lng || null) !== null ? /*#__PURE__*/React.createElement(Marker, {
-      key: "marker-".concat(index),
-      active: active,
-      title: title !== null && _typeof(title.body) ? title.body : null,
-      image: image,
-      position: geoPosition,
-      events: {
-        onClick: onClickMarker !== null ? function (e) {
-          return onClickMarker(e, index);
-        } : function () {
-          return console.log(index);
-        }
-      }
-    }) : /*#__PURE__*/React.createElement("div", null);
-  }) : null));
+  return /*#__PURE__*/jsx("div", {
+    className: classNames([styles.container, className]),
+    children: /*#__PURE__*/jsx(Map$1, {
+      center: center,
+      zoom: zoom,
+      withoutStyle: withoutStyle,
+      bounds: bounds,
+      draggable: draggable,
+      events: events,
+      fitBounds: fitBounds,
+      zoomControl: zoomControl,
+      mapTypeControl: mapTypeControl,
+      scaleControl: scaleControl,
+      streetViewControl: streetViewControl,
+      rotateControl: rotateControl,
+      fullscreenControl: fullscreenControl,
+      focusable: focusable,
+      children: markers !== null ? markers.map(function (_ref4, index) {
+        var _ref4$active = _ref4.active,
+          active = _ref4$active === void 0 ? true : _ref4$active,
+          _ref4$geoPosition = _ref4.geoPosition,
+          geoPosition = _ref4$geoPosition === void 0 ? null : _ref4$geoPosition,
+          _ref4$image = _ref4.image,
+          image = _ref4$image === void 0 ? null : _ref4$image,
+          _ref4$title = _ref4.title,
+          title = _ref4$title === void 0 ? null : _ref4$title;
+        return geoPosition !== null && (geoPosition.lat || null) !== null && (geoPosition.lng || null) !== null ? /*#__PURE__*/jsx(Marker, {
+          active: active,
+          title: title !== null && _typeof(title.body) ? title.body : null,
+          image: image,
+          position: geoPosition,
+          events: {
+            onClick: onClickMarker !== null ? function (e) {
+              return onClickMarker(e, index);
+            } : function () {
+              return console.log(index);
+            }
+          }
+        }, "marker-".concat(index)) : /*#__PURE__*/jsx("div", {});
+      }) : null
+    })
+  });
 }
 
 export { Pin, Map as default };

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@micromag/element-map",
-    "version": "0.4.48",
+    "version": "0.4.50",
     "private": false,
     "description": "",
     "keywords": [
@@ -60,7 +60,7 @@
     },
     "dependencies": {
         "@babel/runtime": "^7.28.6",
-        "@micromag/core": "^0.4.48",
+        "@micromag/core": "^0.4.50",
         "classnames": "^2.2.6",
         "lodash": "^4.17.23",
         "react-intl": "^8.1.3 || ^10.0.0",
@@ -70,6 +70,6 @@
         "access": "public",
         "registry": "https://registry.npmjs.org/"
     },
-    "gitHead": "d6772865be1ee3f2d19288ebfbf4b9b6860f4cd7",
+    "gitHead": "940d5ca98f8f448b79eaa3e2fa685c3ee95185b8",
     "types": "es/index.d.ts"
 }