@micromag/core 0.3.152 → 0.3.153

package/es/hooks.js

@@ -1357,25 +1357,41 @@ var useMediasParser = function useMediasParser() {
 
 function useMediaThumbnail(media) {
   var file = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : null;
+  var thumbnail = useMemo(function () {
+    if (isObject(file)) {
+      return file;
+    }
+
+    var _ref = media || {},
+        _ref$thumbnail_url = _ref.thumbnail_url,
+        defaultThumbnailUrl = _ref$thumbnail_url === void 0 ? null : _ref$thumbnail_url,
+        _ref$files = _ref.files,
+        files = _ref$files === void 0 ? null : _ref$files,
+        _ref$metadata = _ref.metadata,
+        metadata = _ref$metadata === void 0 ? null : _ref$metadata;
 
-  var _ref = media || {},
-      _ref$thumbnail_url = _ref.thumbnail_url,
-      defaultThumbnailUrl = _ref$thumbnail_url === void 0 ? null : _ref$thumbnail_url,
-      _ref$files = _ref.files,
-      files = _ref$files === void 0 ? null : _ref$files;
+    var _ref2 = metadata || {},
+        mediaWidth = _ref2.width,
+        mediaHeight = _ref2.height;
 
-  var thumbnailUrl = useMemo(function () {
     var filesArray = getMediaFilesAsArray(files) || [];
 
-    var _ref2 = (file !== null && !isObject(file) ? filesArray.find(function (_ref3) {
-      var handle = _ref3.handle;
+    var _ref3 = (file !== null ? filesArray.find(function (_ref4) {
+      var handle = _ref4.handle;
       return handle === file;
-    }) || null : file) || {},
-        url = _ref2.url;
-
-    return url || defaultThumbnailUrl;
-  }, [files, file, defaultThumbnailUrl]);
-  return thumbnailUrl;
+    }) || null : null) || {},
+        _ref3$url = _ref3.url,
+        url = _ref3$url === void 0 ? null : _ref3$url;
+
+    return url !== null || defaultThumbnailUrl !== null ? {
+      url: url || defaultThumbnailUrl,
+      metadata: {
+        width: mediaWidth,
+        height: mediaHeight
+      }
+    } : null;
+  }, [media, file]);
+  return thumbnail;
 }
 
 function useMediaWaveform(media) {

package/es/index.js

@@ -1358,7 +1358,7 @@ var MediasParser = /*#__PURE__*/function () {
         var newValue;
 
         if (patternMatch) {
-          newValue = isObject(value) ? value : medias[value] || null;
+          newValue = isObject(value) ? value : medias[value] || value;
         } else {
           newValue = isObject(value) || isArray(value) ? MediasParser.replacePathsWithMedias(value, medias, patterns, path) : value;
         }

package/lib/hooks.js

@@ -1394,25 +1394,41 @@ var useMediasParser = function useMediasParser() {
 
 function useMediaThumbnail(media) {
   var file = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : null;
+  var thumbnail = react.useMemo(function () {
+    if (isObject__default["default"](file)) {
+      return file;
+    }
+
+    var _ref = media || {},
+        _ref$thumbnail_url = _ref.thumbnail_url,
+        defaultThumbnailUrl = _ref$thumbnail_url === void 0 ? null : _ref$thumbnail_url,
+        _ref$files = _ref.files,
+        files = _ref$files === void 0 ? null : _ref$files,
+        _ref$metadata = _ref.metadata,
+        metadata = _ref$metadata === void 0 ? null : _ref$metadata;
 
-  var _ref = media || {},
-      _ref$thumbnail_url = _ref.thumbnail_url,
-      defaultThumbnailUrl = _ref$thumbnail_url === void 0 ? null : _ref$thumbnail_url,
-      _ref$files = _ref.files,
-      files = _ref$files === void 0 ? null : _ref$files;
+    var _ref2 = metadata || {},
+        mediaWidth = _ref2.width,
+        mediaHeight = _ref2.height;
 
-  var thumbnailUrl = react.useMemo(function () {
     var filesArray = utils.getMediaFilesAsArray(files) || [];
 
-    var _ref2 = (file !== null && !isObject__default["default"](file) ? filesArray.find(function (_ref3) {
-      var handle = _ref3.handle;
+    var _ref3 = (file !== null ? filesArray.find(function (_ref4) {
+      var handle = _ref4.handle;
       return handle === file;
-    }) || null : file) || {},
-        url = _ref2.url;
-
-    return url || defaultThumbnailUrl;
-  }, [files, file, defaultThumbnailUrl]);
-  return thumbnailUrl;
+    }) || null : null) || {},
+        _ref3$url = _ref3.url,
+        url = _ref3$url === void 0 ? null : _ref3$url;
+
+    return url !== null || defaultThumbnailUrl !== null ? {
+      url: url || defaultThumbnailUrl,
+      metadata: {
+        width: mediaWidth,
+        height: mediaHeight
+      }
+    } : null;
+  }, [media, file]);
+  return thumbnail;
 }
 
 function useMediaWaveform(media) {

package/lib/index.js

@@ -1385,7 +1385,7 @@ var MediasParser = /*#__PURE__*/function () {
         var newValue;
 
         if (patternMatch) {
-          newValue = isObject__default["default"](value) ? value : medias[value] || null;
+          newValue = isObject__default["default"](value) ? value : medias[value] || value;
         } else {
           newValue = isObject__default["default"](value) || isArray__default["default"](value) ? MediasParser.replacePathsWithMedias(value, medias, patterns, path) : value;
         }

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@micromag/core",
-    "version": "0.3.152",
+    "version": "0.3.153",
     "description": "",
     "keywords": [
         "javascript"
@@ -132,5 +132,5 @@
     "publishConfig": {
         "access": "public"
     },
-    "gitHead": "23db6c104c10cc70a73366c8b04576a312a36206"
+    "gitHead": "3832de24bc306639b162f9778b3250ce1d05b2aa"
 }