@micromag/element-image 0.4.48 → 0.4.50

package/es/index.js

@@ -3,9 +3,10 @@ import _objectSpread from '@babel/runtime/helpers/objectSpread2';
 import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
 import { getSizeWithinBounds } from '@folklore/size';
 import classNames from 'classnames';
-import React, { useState, useRef, useCallback } from 'react';
+import { useState, useRef, useCallback } from 'react';
 import { useSetting } from '@micromag/core/contexts';
 import { getOptimalImageUrl } from '@micromag/core/utils';
+import { jsx } from 'react/jsx-runtime';
 
 var styles = {"container":"micromag-element-image-container","img":"micromag-element-image-img"};
 
@@ -169,23 +170,24 @@ function Image(_ref) {
     resolution: imageResolution,
     supportsWebp: supportsWebp
   });
-  return /*#__PURE__*/React.createElement("div", {
+  return /*#__PURE__*/jsx("div", {
     className: classNames([styles.container, className]),
     style: finalContainerStyle,
-    ref: containerRef
-  }, finalUrl !== null && finalShouldLoad ? /*#__PURE__*/React.createElement("img", {
-    src: finalUrl,
-    alt: alt || description,
-    className: classNames([styles.img, imageClassName]),
-    style: finalImageStyle,
-    onLoad: onImageLoaded,
-    loading: loadingMode
-  }) : null);
+    ref: containerRef,
+    children: finalUrl !== null && finalShouldLoad ? /*#__PURE__*/jsx("img", {
+      src: finalUrl,
+      alt: alt || description,
+      className: classNames([styles.img, imageClassName]),
+      style: finalImageStyle,
+      onLoad: onImageLoaded,
+      loading: loadingMode
+    }) : null
+  });
 }
 var Image_default = (function (_ref5) {
   var ref = _ref5.ref,
     props = _objectWithoutProperties(_ref5, _excluded);
-  return /*#__PURE__*/React.createElement(Image, Object.assign({
+  return /*#__PURE__*/jsx(Image, _objectSpread({
     containerRef: ref
   }, props));
 });

package/package.json

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