@micromag/element-image 0.3.811 → 0.3.813

package/es/index.js

@@ -6,7 +6,7 @@ import classNames from 'classnames';
 import PropTypes from 'prop-types';
 import React, { forwardRef, useState, useRef, useCallback } from 'react';
 import { PropTypes as PropTypes$1 } from '@micromag/core';
-import { useSupportsWebp } from '@micromag/core/hooks';
+import { useSetting } from '@micromag/core/contexts';
 import { getOptimalImageUrl } from '@micromag/core/utils';
 
 var styles = {"container":"micromag-element-image-container","img":"micromag-element-image-img"};
@@ -83,6 +83,8 @@ var Image = function Image(_ref) {
     _useState2$$height = _useState2$.height,
     realHeight = _useState2$$height === void 0 ? 0 : _useState2$$height,
     setRealSize = _useState2[1];
+  var supportsWebp = useSetting('supportsWebp', false);
+  var imageResolution = useSetting('imageResolution', resolution);
   var wasLoadedRef = useRef(shouldLoad);
   if (shouldLoad && !wasLoadedRef.current) {
     wasLoadedRef.current = shouldLoad;
@@ -176,17 +178,13 @@ var Image = function Image(_ref) {
   }
   finalContainerStyle = _objectSpread(_objectSpread({}, finalContainerStyle), containerStyle);
   finalImageStyle = _objectSpread(_objectSpread({}, finalImageStyle), imageStyle);
-  var supportsWebp = useSupportsWebp();
-  console.log({
-    supportsWebp: supportsWebp
-  });
   var _finalImageStyle = finalImageStyle,
     _finalImageStyle$widt = _finalImageStyle.width,
     finalWidth = _finalImageStyle$widt === void 0 ? null : _finalImageStyle$widt,
     _finalImageStyle$heig = _finalImageStyle.height,
     finalHeight = _finalImageStyle$heig === void 0 ? null : _finalImageStyle$heig;
   var finalUrl = getOptimalImageUrl(media, finalWidth, finalHeight || finalWidth, {
-    resolution: resolution,
+    resolution: imageResolution,
     supportsWebp: supportsWebp
   });
 

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@micromag/element-image",
-    "version": "0.3.811",
+    "version": "0.3.813",
     "private": false,
     "description": "",
     "keywords": [
@@ -60,7 +60,7 @@
     "dependencies": {
         "@babel/runtime": "^7.13.10",
         "@folklore/size": "^0.1.20",
-        "@micromag/core": "^0.3.811",
+        "@micromag/core": "^0.3.813",
         "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": "80a754e5a50e86fa1e195015112ea0ff39008da8"
+    "gitHead": "24f52ddea5f0ee918f594af86c3c8fd2e1b6f289"
 }