@micromag/element-map 0.3.150 → 0.3.152

package/es/index.js

@@ -5,7 +5,7 @@ import React, { useState, useRef, useEffect, useCallback, useMemo } from 'react'
 import PropTypes from 'prop-types';
 import classNames from 'classnames';
 import { useGoogleMapsClient } from '@micromag/core/contexts';
-import { useResizeObserver } from '@micromag/core/hooks';
+import { useDimensionObserver } from '@micromag/core/hooks';
 import { PropTypes as PropTypes$1 } from '@micromag/core';
 import isObject from 'lodash/isObject';
 
@@ -222,25 +222,22 @@ function useGoogleMap(_ref) {
   var containerRef = useRef(null);
   var mapRef = useRef(null);
 
-  var _useResizeObserver = useResizeObserver(),
-      resizeRef = _useResizeObserver.ref,
-      elContentRect = _useResizeObserver.entry.contentRect;
-
-  var _ref2 = elContentRect || {},
-      _ref2$width = _ref2.width,
-      width = _ref2$width === void 0 ? null : _ref2$width,
-      _ref2$height = _ref2.height,
-      height = _ref2$height === void 0 ? null : _ref2$height;
+  var _useDimensionObserver = useDimensionObserver(),
+      resizeRef = _useDimensionObserver.ref,
+      _useDimensionObserver2 = _useDimensionObserver.width,
+      width = _useDimensionObserver2 === void 0 ? null : _useDimensionObserver2,
+      _useDimensionObserver3 = _useDimensionObserver.height,
+      height = _useDimensionObserver3 === void 0 ? null : _useDimensionObserver3;
 
   useEffect(function () {
     var map = mapRef.current;
 
     if (map !== null && center !== null) {
-      var _ref3 = center || {},
-          _ref3$lat = _ref3.lat,
-          lat = _ref3$lat === void 0 ? null : _ref3$lat,
-          _ref3$lng = _ref3.lng,
-          lng = _ref3$lng === void 0 ? null : _ref3$lng;
+      var _ref2 = center || {},
+          _ref2$lat = _ref2.lat,
+          lat = _ref2$lat === void 0 ? null : _ref2$lat,
+          _ref2$lng = _ref2.lng,
+          lng = _ref2$lng === void 0 ? null : _ref2$lng;
 
       map.panTo({
         lat: lat || 0,

package/lib/index.js

@@ -236,25 +236,22 @@ function useGoogleMap(_ref) {
   var containerRef = React.useRef(null);
   var mapRef = React.useRef(null);
 
-  var _useResizeObserver = hooks.useResizeObserver(),
-      resizeRef = _useResizeObserver.ref,
-      elContentRect = _useResizeObserver.entry.contentRect;
-
-  var _ref2 = elContentRect || {},
-      _ref2$width = _ref2.width,
-      width = _ref2$width === void 0 ? null : _ref2$width,
-      _ref2$height = _ref2.height,
-      height = _ref2$height === void 0 ? null : _ref2$height;
+  var _useDimensionObserver = hooks.useDimensionObserver(),
+      resizeRef = _useDimensionObserver.ref,
+      _useDimensionObserver2 = _useDimensionObserver.width,
+      width = _useDimensionObserver2 === void 0 ? null : _useDimensionObserver2,
+      _useDimensionObserver3 = _useDimensionObserver.height,
+      height = _useDimensionObserver3 === void 0 ? null : _useDimensionObserver3;
 
   React.useEffect(function () {
     var map = mapRef.current;
 
     if (map !== null && center !== null) {
-      var _ref3 = center || {},
-          _ref3$lat = _ref3.lat,
-          lat = _ref3$lat === void 0 ? null : _ref3$lat,
-          _ref3$lng = _ref3.lng,
-          lng = _ref3$lng === void 0 ? null : _ref3$lng;
+      var _ref2 = center || {},
+          _ref2$lat = _ref2.lat,
+          lat = _ref2$lat === void 0 ? null : _ref2$lat,
+          _ref2$lng = _ref2.lng,
+          lng = _ref2$lng === void 0 ? null : _ref2$lng;
 
       map.panTo({
         lat: lat || 0,

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@micromag/element-map",
-    "version": "0.3.150",
+    "version": "0.3.152",
     "description": "",
     "keywords": [
         "javascript"
@@ -49,7 +49,7 @@
     },
     "dependencies": {
         "@babel/runtime": "^7.13.10",
-        "@micromag/core": "^0.3.150",
+        "@micromag/core": "^0.3.152",
         "classnames": "^2.2.6",
         "lodash": "^4.17.21",
         "prop-types": "^15.7.2",
@@ -59,5 +59,5 @@
     "publishConfig": {
         "access": "public"
     },
-    "gitHead": "c9441be7a115a52416883e404feeca422af4f2da"
+    "gitHead": "23db6c104c10cc70a73366c8b04576a312a36206"
 }