@micromag/element-map 0.3.832 → 0.4.4

package/assets/css/styles.css

@@ -1,2 +1,2 @@
-.micromag-element-map-container{height:100%;left:0;margin:0;padding:0;position:absolute;top:0;width:100%}.micromag-element-map-container .micromag-element-map-map{height:100%;width:100%}.micromag-element-map-container.micromag-element-map-preventScroll .micromag-element-map-map div{cursor:default}
-.micromag-element-map-container{height:100%;left:0;margin:0;padding:0;position:absolute;top:0;width:100%}
+.container{left:0;margin:0;padding:0;position:absolute;top:0}.container,.container .map{height:100%;width:100%}.container.preventScroll .map div{cursor:default}
+.container{height:100%;left:0;margin:0;padding:0;position:absolute;top:0;width:100%}

package/es/index.d.ts

@@ -0,0 +1,32 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+export { default as Pin } from './google/pin.png';
+
+interface MapProps {
+    center?: {
+        lat?: number;
+        lng?: number;
+    } | null;
+    zoom?: number | null;
+    draggable?: boolean;
+    markers?: Record<string, unknown>[];
+    onClickMap?: ((...args: unknown[]) => void) | null;
+    onClickMarker?: ((...args: unknown[]) => void) | null;
+    className?: string | null;
+    onReady?: ((...args: unknown[]) => void) | null;
+    onCenterChanged?: ((...args: unknown[]) => void) | null;
+    onBoundsChanged?: ((...args: unknown[]) => void) | null;
+    onDrag?: ((...args: unknown[]) => void) | null;
+    onDragEnd?: ((...args: unknown[]) => void) | null;
+    withoutStyle?: boolean;
+    fitBounds?: boolean;
+    zoomControl?: boolean;
+    mapTypeControl?: boolean;
+    scaleControl?: boolean;
+    streetViewControl?: boolean;
+    rotateControl?: boolean;
+    fullscreenControl?: boolean;
+    focusable?: boolean;
+}
+declare function Map({ center, zoom, draggable, markers, onClickMap, onClickMarker, className, onReady, onCenterChanged, onBoundsChanged, onDrag, onDragEnd, withoutStyle, fitBounds, zoomControl, mapTypeControl, scaleControl, streetViewControl, rotateControl, fullscreenControl, focusable, }: MapProps): react_jsx_runtime.JSX.Element;
+
+export { Map as default };

package/es/index.js

@@ -2,11 +2,9 @@ import _typeof from '@babel/runtime/helpers/typeof';
 import _defineProperty from '@babel/runtime/helpers/defineProperty';
 import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
 import classNames from 'classnames';
-import PropTypes from 'prop-types';
 import React, { useState, useRef, useEffect, useCallback, useMemo } from 'react';
 import { useGoogleMapsClient } from '@micromag/core/contexts';
 import { useDimensionObserver } from '@micromag/core/hooks';
-import { PropTypes as PropTypes$1 } from '@micromag/core';
 import isObject from 'lodash/isObject';
 
 var styles$2 = [{
@@ -317,7 +315,7 @@ function useGoogleMap(_ref) {
   };
 }
 
-var styles$1 = {"container":"micromag-element-map-container","map":"micromag-element-map-map","preventScroll":"micromag-element-map-preventScroll"};
+var styles$1 = {"container":"container","map":"map","preventScroll":"preventScroll"};
 
 var stopDragEventsPropagation = {
   onTouchMove: function onTouchMove(e) {
@@ -339,68 +337,41 @@ var stopDragEventsPropagation = {
     return e.stopPropagation();
   }
 };
-var propTypes$2 = {
-  center: PropTypes.shape({
-    lat: PropTypes.number,
-    lng: PropTypes.number
-  }),
-  zoom: PropTypes.number,
-  maxZoom: PropTypes.number,
-  bounds: PropTypes.object,
-  // eslint-disable-line
-  draggable: PropTypes.bool,
-  withoutStyle: PropTypes.bool,
-  // Global maps events
-  events: PropTypes.object,
-  // eslint-disable-line
-  fitBounds: PropTypes.bool,
-  zoomControl: PropTypes.bool,
-  mapTypeControl: PropTypes.bool,
-  scaleControl: PropTypes.bool,
-  streetViewControl: PropTypes.bool,
-  rotateControl: PropTypes.bool,
-  fullscreenControl: PropTypes.bool,
-  className: PropTypes.string,
-  children: PropTypes.node,
-  focusable: PropTypes.bool
-};
-var defaultProps$2 = {
-  center: null,
-  zoom: null,
-  maxZoom: 16,
-  bounds: null,
-  events: null,
-  fitBounds: false,
-  draggable: true,
-  withoutStyle: false,
-  zoomControl: false,
-  mapTypeControl: false,
-  scaleControl: false,
-  streetViewControl: false,
-  rotateControl: false,
-  fullscreenControl: false,
-  className: null,
-  children: null,
-  focusable: true
-};
-var Map$1 = function Map(_ref) {
-  var center = _ref.center,
-    zoom = _ref.zoom,
-    maxZoom = _ref.maxZoom,
-    bounds = _ref.bounds,
-    draggable = _ref.draggable,
-    withoutStyle = _ref.withoutStyle,
-    events = _ref.events,
-    fitBounds = _ref.fitBounds,
-    zoomControl = _ref.zoomControl,
-    mapTypeControl = _ref.mapTypeControl,
-    scaleControl = _ref.scaleControl,
-    streetViewControl = _ref.streetViewControl,
-    rotateControl = _ref.rotateControl,
-    fullscreenControl = _ref.fullscreenControl,
-    className = _ref.className,
-    children = _ref.children,
-    focusable = _ref.focusable;
+function Map$1(_ref) {
+  var _ref$center = _ref.center,
+    center = _ref$center === void 0 ? null : _ref$center,
+    _ref$zoom = _ref.zoom,
+    zoom = _ref$zoom === void 0 ? null : _ref$zoom,
+    _ref$maxZoom = _ref.maxZoom,
+    maxZoom = _ref$maxZoom === void 0 ? 16 : _ref$maxZoom,
+    _ref$bounds = _ref.bounds,
+    bounds = _ref$bounds === void 0 ? null : _ref$bounds,
+    _ref$draggable = _ref.draggable,
+    draggable = _ref$draggable === void 0 ? true : _ref$draggable,
+    _ref$withoutStyle = _ref.withoutStyle,
+    withoutStyle = _ref$withoutStyle === void 0 ? false : _ref$withoutStyle,
+    _ref$events = _ref.events,
+    events = _ref$events === void 0 ? null : _ref$events,
+    _ref$fitBounds = _ref.fitBounds,
+    fitBounds = _ref$fitBounds === void 0 ? false : _ref$fitBounds,
+    _ref$zoomControl = _ref.zoomControl,
+    zoomControl = _ref$zoomControl === void 0 ? false : _ref$zoomControl,
+    _ref$mapTypeControl = _ref.mapTypeControl,
+    mapTypeControl = _ref$mapTypeControl === void 0 ? false : _ref$mapTypeControl,
+    _ref$scaleControl = _ref.scaleControl,
+    scaleControl = _ref$scaleControl === void 0 ? false : _ref$scaleControl,
+    _ref$streetViewContro = _ref.streetViewControl,
+    streetViewControl = _ref$streetViewContro === void 0 ? false : _ref$streetViewContro,
+    _ref$rotateControl = _ref.rotateControl,
+    rotateControl = _ref$rotateControl === void 0 ? false : _ref$rotateControl,
+    _ref$fullscreenContro = _ref.fullscreenControl,
+    fullscreenControl = _ref$fullscreenContro === void 0 ? false : _ref$fullscreenContro,
+    _ref$className = _ref.className,
+    className = _ref$className === void 0 ? null : _ref$className,
+    _ref$children = _ref.children,
+    children = _ref$children === void 0 ? null : _ref$children,
+    _ref$focusable = _ref.focusable,
+    focusable = _ref$focusable === void 0 ? true : _ref$focusable;
   var _useGoogleMap = useGoogleMap({
       zoom: zoom,
       maxZoom: maxZoom,
@@ -430,9 +401,7 @@ var Map$1 = function Map(_ref) {
       map: map
     });
   }));
-};
-Map$1.propTypes = propTypes$2;
-Map$1.defaultProps = defaultProps$2;
+}
 
 var eventMapping = {
   onClick: 'click',
@@ -501,50 +470,28 @@ function useGoogleMapMarker(map) {
   return markerRef.current;
 }
 
-var Pin = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABsAAAArCAYAAACJrvP4AAAC+ElEQVR4AWIgBP7//88DxCGAWssB1pIkCsO1iLG27WCtYG17x3Ywtm3bthlNMLZtz/NrXvStM/cbP/Vln6RSOfq/xqlOi2nO10bxUe26RRKLRdnxiZOnTqVpQO6NOc5AiYSd6O4dRcbAnlJQv4rk/fWt5HzzkbDjEydPHfX0pQr6Q4dcI7RqqZP7Z1z8i/cSLuqop4/+ZCB3iOt214UFVkG9SoikvOijHx1fGAXeqWNm7u9f0Zj2oh+dCoHcOlfkA0oZiB66ZYaBZ53uo/N7pOiWGBqmyF21xKEg24uhQf/mOWJsmaYgYOiiDwfYn5yTRE2X42vNWy/KyKcelZ6PPMCOTzwhEH04ii8ABzMRaNwzj0uXB+8rs4gnAqIPR/HJ4UvgV8wdlICUXOR9+9GHo/jG8enxK+aR+cDI+/ajD0eJ50Vzvv3Yt5h35Acj79ePPhylbetyXuVfA70z9OEoXVy0pbBl40DfGfpwVMy1R1kTRnpBTqM1cZQHh3P2Tiwv1wzynKEPR2HaNI4VNmsQyBcE3bj+UTgYE1kncmCvFQQMXRGpfQsmcre27fNFHVtkFYSeOM459OHcDvw+/mwtzkQ2QOigh64qz7RlrXRmTw1nA4ZOXG+F3z/Iozrkmvm1/80IRD866CkfY1hqeSeOGZnA6EdHJWPaNjdYw/tH0wHRR38q/43Padcx8/75ISUQ9fTRr1IxiUZbR7ZtSulxUk9fsoySZ8+xjxZ1bpkUiDrq6Uv3f/9TXVxk53z3qS+IPHXUq0xMbHuRNWGk77CQp05laiLysoRCbu4vn5cLIk6eOpUN06a52J46zisPRpy8ypaJyOvaMqycrz4sAcInTl5l07RprC3u1qYEDJ+4yraJSI3w5vVmiXO1dYNJPAjYQzo+CDlfvi+A2PGJqyBMG8aegiY1BRg7vgrKYqY53RjUS4Cx4wcGk1isa3zUNTB2/OBgIvVDq5bawNjxg4R96Z07U5T393fCjh8k7E7t2PPEi7rs+Kn0XwF82Z38cjx5pwAAAABJRU5ErkJggg==";
-
 var PinInactive = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABsAAAArCAYAAACJrvP4AAAACXBIWXMAAAsTAAALEwEAmpwYAAAFFmlUWHRYTUw6Y29tLmFkb2JlLnhtcAAAAAAAPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4gPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgNS42LWMxNDAgNzkuMTYwNDUxLCAyMDE3LzA1LzA2LTAxOjA4OjIxICAgICAgICAiPiA8cmRmOlJERiB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiPiA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtbG5zOmRjPSJodHRwOi8vcHVybC5vcmcvZGMvZWxlbWVudHMvMS4xLyIgeG1sbnM6cGhvdG9zaG9wPSJodHRwOi8vbnMuYWRvYmUuY29tL3Bob3Rvc2hvcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RFdnQ9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZUV2ZW50IyIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ0MgKE1hY2ludG9zaCkiIHhtcDpDcmVhdGVEYXRlPSIyMDIwLTA0LTA3VDE2OjQ0OjQ4LTA0OjAwIiB4bXA6TW9kaWZ5RGF0ZT0iMjAyMC0wNC0wN1QxNzo1MToxMi0wNDowMCIgeG1wOk1ldGFkYXRhRGF0ZT0iMjAyMC0wNC0wN1QxNzo1MToxMi0wNDowMCIgZGM6Zm9ybWF0PSJpbWFnZS9wbmciIHBob3Rvc2hvcDpDb2xvck1vZGU9IjMiIHBob3Rvc2hvcDpJQ0NQcm9maWxlPSJzUkdCIElFQzYxOTY2LTIuMSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDoxMDRhNzAzOS01Mjk1LTQz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";
 
-var propTypes$1 = {
-  // map: PropTypes.object.isRequired, // eslint-disable-line
-  map: PropTypes.object,
-  // eslint-disable-line
-  position: PropTypes.shape({
-    lat: PropTypes.number,
-    lng: PropTypes.number
-  }).isRequired,
-  type: PropTypes.string,
-  // .isRequired,
-  events: PropTypes.object,
-  // eslint-disable-line
-  active: PropTypes.bool,
-  title: PropTypes.string,
-  image: PropTypes$1.imageMedia,
-  iconSize: PropTypes.shape({
-    width: PropTypes.number,
-    height: PropTypes.number
-  })
-};
-var defaultProps$1 = {
-  map: null,
-  events: null,
-  active: true,
-  title: null,
-  image: null,
-  iconSize: {
-    width: 50,
-    height: 50
-  }
-};
-var Marker = function Marker(_ref) {
-  var map = _ref.map,
+var Pin = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABsAAAArCAYAAACJrvP4AAAC+ElEQVR4AWIgBP7//88DxCGAWssB1pIkCsO1iLG27WCtYG17x3Ywtm3bthlNMLZtz/NrXvStM/cbP/Vln6RSOfq/xqlOi2nO10bxUe26RRKLRdnxiZOnTqVpQO6NOc5AiYSd6O4dRcbAnlJQv4rk/fWt5HzzkbDjEydPHfX0pQr6Q4dcI7RqqZP7Z1z8i/cSLuqop4/+ZCB3iOt214UFVkG9SoikvOijHx1fGAXeqWNm7u9f0Zj2oh+dCoHcOlfkA0oZiB66ZYaBZ53uo/N7pOiWGBqmyF21xKEg24uhQf/mOWJsmaYgYOiiDwfYn5yTRE2X42vNWy/KyKcelZ6PPMCOTzwhEH04ii8ABzMRaNwzj0uXB+8rs4gnAqIPR/HJ4UvgV8wdlICUXOR9+9GHo/jG8enxK+aR+cDI+/ajD0eJ50Vzvv3Yt5h35Acj79ePPhylbetyXuVfA70z9OEoXVy0pbBl40DfGfpwVMy1R1kTRnpBTqM1cZQHh3P2Tiwv1wzynKEPR2HaNI4VNmsQyBcE3bj+UTgYE1kncmCvFQQMXRGpfQsmcre27fNFHVtkFYSeOM459OHcDvw+/mwtzkQ2QOigh64qz7RlrXRmTw1nA4ZOXG+F3z/Iozrkmvm1/80IRD866CkfY1hqeSeOGZnA6EdHJWPaNjdYw/tH0wHRR38q/43Padcx8/75ISUQ9fTRr1IxiUZbR7ZtSulxUk9fsoySZ8+xjxZ1bpkUiDrq6Uv3f/9TXVxk53z3qS+IPHXUq0xMbHuRNWGk77CQp05laiLysoRCbu4vn5cLIk6eOpUN06a52J46zisPRpy8ypaJyOvaMqycrz4sAcInTl5l07RprC3u1qYEDJ+4yraJSI3w5vVmiXO1dYNJPAjYQzo+CDlfvi+A2PGJqyBMG8aegiY1BRg7vgrKYqY53RjUS4Cx4wcGk1isa3zUNTB2/OBgIvVDq5bawNjxg4R96Z07U5T393fCjh8k7E7t2PPEi7rs+Kn0XwF82Z38cjx5pwAAAABJRU5ErkJggg==";
+
+function Marker(_ref) {
+  var _ref$map = _ref.map,
+    map = _ref$map === void 0 ? null : _ref$map,
     position = _ref.position,
     type = _ref.type,
-    events = _ref.events,
-    active = _ref.active,
-    title = _ref.title,
-    image = _ref.image,
-    iconSize = _ref.iconSize;
+    _ref$events = _ref.events,
+    events = _ref$events === void 0 ? null : _ref$events,
+    _ref$active = _ref.active,
+    active = _ref$active === void 0 ? true : _ref$active,
+    _ref$title = _ref.title,
+    title = _ref$title === void 0 ? null : _ref$title,
+    _ref$image = _ref.image,
+    image = _ref$image === void 0 ? null : _ref$image,
+    _ref$iconSize = _ref.iconSize,
+    iconSize = _ref$iconSize === void 0 ? {
+      width: 50,
+      height: 50
+    } : _ref$iconSize;
   useGoogleMapMarker(map, {
     position: position,
     type: type,
@@ -554,84 +501,53 @@ var Marker = function Marker(_ref) {
     iconSize: iconSize
   });
   return null;
-};
-Marker.propTypes = propTypes$1;
-Marker.defaultProps = defaultProps$1;
+}
 
-var styles = {"container":"micromag-element-map-container"};
+var styles = {"container":"container"};
 
-var propTypes = {
-  center: PropTypes.shape({
-    lat: PropTypes.number,
-    lng: PropTypes.number
-  }),
-  zoom: PropTypes.number,
-  draggable: PropTypes.bool,
-  markers: PropTypes.arrayOf(PropTypes.object),
-  // eslint-disable-line react/forbid-prop-types
-  onClickMap: PropTypes.func,
-  onClickMarker: PropTypes.func,
-  className: PropTypes.string,
-  onReady: PropTypes.func,
-  onCenterChanged: PropTypes.func,
-  onBoundsChanged: PropTypes.func,
-  onDrag: PropTypes.func,
-  onDragEnd: PropTypes.func,
-  withoutStyle: PropTypes.bool,
-  fitBounds: PropTypes.bool,
-  zoomControl: PropTypes.bool,
-  mapTypeControl: PropTypes.bool,
-  scaleControl: PropTypes.bool,
-  streetViewControl: PropTypes.bool,
-  rotateControl: PropTypes.bool,
-  fullscreenControl: PropTypes.bool,
-  focusable: PropTypes.bool
-};
-var defaultProps = {
-  center: null,
-  zoom: null,
-  draggable: true,
-  markers: [],
-  onClickMap: null,
-  onClickMarker: null,
-  className: null,
-  onReady: null,
-  onCenterChanged: null,
-  onBoundsChanged: null,
-  onDrag: null,
-  onDragEnd: null,
-  withoutStyle: false,
-  fitBounds: false,
-  zoomControl: false,
-  mapTypeControl: false,
-  scaleControl: false,
-  streetViewControl: false,
-  rotateControl: false,
-  fullscreenControl: false,
-  focusable: true
-};
-var Map = function Map(_ref) {
-  var center = _ref.center,
-    zoom = _ref.zoom,
-    draggable = _ref.draggable,
-    markers = _ref.markers,
-    onClickMap = _ref.onClickMap,
-    onClickMarker = _ref.onClickMarker,
-    className = _ref.className,
-    onReady = _ref.onReady,
-    onCenterChanged = _ref.onCenterChanged,
-    onBoundsChanged = _ref.onBoundsChanged,
-    onDrag = _ref.onDrag,
-    onDragEnd = _ref.onDragEnd,
-    withoutStyle = _ref.withoutStyle,
-    fitBounds = _ref.fitBounds,
-    zoomControl = _ref.zoomControl,
-    mapTypeControl = _ref.mapTypeControl,
-    scaleControl = _ref.scaleControl,
-    streetViewControl = _ref.streetViewControl,
-    rotateControl = _ref.rotateControl,
-    fullscreenControl = _ref.fullscreenControl,
-    focusable = _ref.focusable;
+function Map(_ref) {
+  var _ref$center = _ref.center,
+    center = _ref$center === void 0 ? null : _ref$center,
+    _ref$zoom = _ref.zoom,
+    zoom = _ref$zoom === void 0 ? null : _ref$zoom,
+    _ref$draggable = _ref.draggable,
+    draggable = _ref$draggable === void 0 ? true : _ref$draggable,
+    _ref$markers = _ref.markers,
+    markers = _ref$markers === void 0 ? [] : _ref$markers,
+    _ref$onClickMap = _ref.onClickMap,
+    onClickMap = _ref$onClickMap === void 0 ? null : _ref$onClickMap,
+    _ref$onClickMarker = _ref.onClickMarker,
+    onClickMarker = _ref$onClickMarker === void 0 ? null : _ref$onClickMarker,
+    _ref$className = _ref.className,
+    className = _ref$className === void 0 ? null : _ref$className,
+    _ref$onReady = _ref.onReady,
+    onReady = _ref$onReady === void 0 ? null : _ref$onReady,
+    _ref$onCenterChanged = _ref.onCenterChanged,
+    onCenterChanged = _ref$onCenterChanged === void 0 ? null : _ref$onCenterChanged,
+    _ref$onBoundsChanged = _ref.onBoundsChanged,
+    onBoundsChanged = _ref$onBoundsChanged === void 0 ? null : _ref$onBoundsChanged,
+    _ref$onDrag = _ref.onDrag,
+    onDrag = _ref$onDrag === void 0 ? null : _ref$onDrag,
+    _ref$onDragEnd = _ref.onDragEnd,
+    onDragEnd = _ref$onDragEnd === void 0 ? null : _ref$onDragEnd,
+    _ref$withoutStyle = _ref.withoutStyle,
+    withoutStyle = _ref$withoutStyle === void 0 ? false : _ref$withoutStyle,
+    _ref$fitBounds = _ref.fitBounds,
+    fitBounds = _ref$fitBounds === void 0 ? false : _ref$fitBounds,
+    _ref$zoomControl = _ref.zoomControl,
+    zoomControl = _ref$zoomControl === void 0 ? false : _ref$zoomControl,
+    _ref$mapTypeControl = _ref.mapTypeControl,
+    mapTypeControl = _ref$mapTypeControl === void 0 ? false : _ref$mapTypeControl,
+    _ref$scaleControl = _ref.scaleControl,
+    scaleControl = _ref$scaleControl === void 0 ? false : _ref$scaleControl,
+    _ref$streetViewContro = _ref.streetViewControl,
+    streetViewControl = _ref$streetViewContro === void 0 ? false : _ref$streetViewContro,
+    _ref$rotateControl = _ref.rotateControl,
+    rotateControl = _ref$rotateControl === void 0 ? false : _ref$rotateControl,
+    _ref$fullscreenContro = _ref.fullscreenControl,
+    fullscreenControl = _ref$fullscreenContro === void 0 ? false : _ref$fullscreenContro,
+    _ref$focusable = _ref.focusable,
+    focusable = _ref$focusable === void 0 ? true : _ref$focusable;
   var client = useGoogleMapsClient();
   var onClick = useCallback(function (position) {
     if (onClickMap !== null) {
@@ -725,8 +641,6 @@ var Map = function Map(_ref) {
       }
     }) : /*#__PURE__*/React.createElement("div", null);
   }) : null));
-};
-Map.propTypes = propTypes;
-Map.defaultProps = defaultProps;
+}
 
 export { Pin, Map as default };

package/es/styles.css

@@ -0,0 +1,2 @@
+.container{left:0;margin:0;padding:0;position:absolute;top:0}.container,.container .map{height:100%;width:100%}.container.preventScroll .map div{cursor:default}
+.container{height:100%;left:0;margin:0;padding:0;position:absolute;top:0;width:100%}

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@micromag/element-map",
-    "version": "0.3.832",
+    "version": "0.4.4",
     "private": false,
     "description": "",
     "keywords": [
@@ -34,6 +34,7 @@
     "module": "es/index.js",
     "exports": {
         ".": {
+            "types": "./es/index.d.ts",
             "import": "./es/index.js"
         },
         "./assets/css/styles": "./assets/css/styles.css",
@@ -47,28 +48,28 @@
     "scripts": {
         "clean": "rm -rf es && rm -rf lib && rm -rf assets",
         "prepublishOnly": "npm run build",
-        "build": "../../scripts/prepare-package.sh"
+        "build": "../../scripts/prepare-package.sh --types"
     },
     "devDependencies": {
-        "react": "^16.8.0 || ^17.0.0 || ^18.0.0",
-        "react-dom": "^16.8.0 || ^17.0.0 || ^18.0.0"
+        "react": "^19.2.0",
+        "react-dom": "^18.3.0 || ^19.0.0"
     },
     "peerDependencies": {
-        "react": "^16.8.0 || ^17.0.0 || ^18.0.0",
-        "react-dom": "^16.8.0 || ^17.0.0 || ^18.0.0"
+        "react": "^19.2.0",
+        "react-dom": "^18.3.0 || ^19.0.0"
     },
     "dependencies": {
         "@babel/runtime": "^7.13.10",
-        "@micromag/core": "^0.3.832",
+        "@micromag/core": "^0.4.4",
         "classnames": "^2.2.6",
-        "lodash": "^4.17.21",
-        "prop-types": "^15.7.2",
-        "react-intl": "^6.6.4",
+        "lodash": "^4.17.23",
+        "react-intl": "^8.1.3",
         "uuid": "^9.0.0"
     },
     "publishConfig": {
         "access": "public",
         "registry": "https://registry.npmjs.org/"
     },
-    "gitHead": "4969d64e304334cfd47321e624e5914e0694c55f"
+    "gitHead": "04b8519c3a3ddace5a21497e22faa11865d57f6d",
+    "types": "es/index.d.ts"
 }