@micromag/element-image 0.3.801 → 0.3.807

package/es/index.js

@@ -4,7 +4,7 @@ import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
 import { getSizeWithinBounds } from '@folklore/size';
 import classNames from 'classnames';
 import PropTypes from 'prop-types';
-import React, { useState, useRef, useCallback } from 'react';
+import React, { forwardRef, useState, useRef, useCallback } from 'react';
 import { PropTypes as PropTypes$1 } from '@micromag/core';
 import { getOptimalImageUrl } from '@micromag/core/utils';
 
@@ -23,7 +23,10 @@ var propTypes = {
   imageClassName: PropTypes.string,
   onLoaded: PropTypes.func,
   loadingMode: PropTypes.string,
-  shouldLoad: PropTypes.bool
+  shouldLoad: PropTypes.bool,
+  containerRef: PropTypes.oneOfType([PropTypes.func, PropTypes.shape({
+    current: PropTypes.any
+  })])
 };
 var defaultProps = {
   media: null,
@@ -39,7 +42,8 @@ var defaultProps = {
   imageClassName: null,
   onLoaded: null,
   loadingMode: 'lazy',
-  shouldLoad: true
+  shouldLoad: true,
+  containerRef: null
 };
 var Image = function Image(_ref) {
   var media = _ref.media,
@@ -54,7 +58,8 @@ var Image = function Image(_ref) {
     imageClassName = _ref.imageClassName,
     onLoaded = _ref.onLoaded,
     loadingMode = _ref.loadingMode,
-    shouldLoad = _ref.shouldLoad;
+    shouldLoad = _ref.shouldLoad,
+    containerRef = _ref.containerRef;
   var _ref2 = media || {},
     _ref2$metadata = _ref2.metadata,
     metadata = _ref2$metadata === void 0 ? null : _ref2$metadata;
@@ -183,7 +188,8 @@ var Image = function Image(_ref) {
 
   return /*#__PURE__*/React.createElement("div", {
     className: classNames([styles.container, _defineProperty({}, className, className !== null)]),
-    style: finalContainerStyle
+    style: finalContainerStyle,
+    ref: containerRef
   }, finalUrl !== null && finalShouldLoad ? /*#__PURE__*/React.createElement("img", {
     src: finalUrl,
     alt: alt || description,
@@ -195,5 +201,10 @@ var Image = function Image(_ref) {
 };
 Image.propTypes = propTypes;
 Image.defaultProps = defaultProps;
+var Image_default = /*#__PURE__*/forwardRef(function (props, ref) {
+  return /*#__PURE__*/React.createElement(Image, Object.assign({
+    containerRef: ref
+  }, props));
+});
 
-export { Image as default };
+export { Image_default as default };

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@micromag/element-image",
-    "version": "0.3.801",
+    "version": "0.3.807",
     "private": false,
     "description": "",
     "keywords": [
@@ -60,7 +60,7 @@
     "dependencies": {
         "@babel/runtime": "^7.13.10",
         "@folklore/size": "^0.1.20",
-        "@micromag/core": "^0.3.801",
+        "@micromag/core": "^0.3.807",
         "classnames": "^2.2.6",
         "prop-types": "^15.7.2",
         "react-intl": "^6.6.4",
@@ -70,5 +70,5 @@
         "access": "public",
         "registry": "https://registry.npmjs.org/"
     },
-    "gitHead": "0ce6f19eff38a6fff58c0f156d3f53d741f5113e"
+    "gitHead": "5aee5186c7e3b3dc6fe0f11e848943f21c33a195"
 }