@micromag/core 0.3.788 → 0.3.793

package/es/components.js

@@ -2477,7 +2477,7 @@ var FontFaces = function FontFaces(_ref4) {
     //     }),
     // ];
   }, {});
-  return fontFaces.length > 0 ? /*#__PURE__*/React.createElement("style", {
+  return Object.keys(fontFaces).length > 0 ? /*#__PURE__*/React.createElement("style", {
     type: "text/css",
     dangerouslySetInnerHTML: {
       __html: Object.keys(fontFaces).map(function (it) {

package/es/contexts.js

@@ -1106,22 +1106,27 @@ var usePlaybackMediaRef = function usePlaybackMediaRef() {
   var background = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : false;
   var _usePlaybackContext = usePlaybackContext(),
     setMedia = _usePlaybackContext.setMedia,
-    setIsBackground = _usePlaybackContext.setIsBackground;
+    setIsBackground = _usePlaybackContext.setIsBackground,
+    media = _usePlaybackContext.media;
   var mediaRef = useRef(null);
   useEffect(function () {
     if (!active) {
+      if (mediaRef.current === media) {
+        setMedia(null);
+        setIsBackground(false);
+      }
       return function () {};
     }
     setIsBackground(background);
-    if (mediaRef.current !== null) {
+    if (mediaRef.current !== null && media === null) {
       setMedia(mediaRef.current);
     }
-    return function () {
-      setMedia(null);
-      setIsBackground(false);
-    };
-  }, [setMedia, setIsBackground, active, background]);
-  return mediaRef;
+    return function () {};
+  }, [setMedia, setIsBackground, active, background, media]);
+  return {
+    ref: mediaRef,
+    isCurrent: mediaRef.current === media
+  };
 };
 var propTypes$5 = {
   children: PropTypes.node.isRequired,

package/lib/components.js

@@ -2479,7 +2479,7 @@ var FontFaces = function FontFaces(_ref4) {
     //     }),
     // ];
   }, {});
-  return fontFaces.length > 0 ? /*#__PURE__*/React.createElement("style", {
+  return Object.keys(fontFaces).length > 0 ? /*#__PURE__*/React.createElement("style", {
     type: "text/css",
     dangerouslySetInnerHTML: {
       __html: Object.keys(fontFaces).map(function (it) {

package/lib/contexts.js

@@ -1106,22 +1106,27 @@ var usePlaybackMediaRef = function usePlaybackMediaRef() {
   var background = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : false;
   var _usePlaybackContext = usePlaybackContext(),
     setMedia = _usePlaybackContext.setMedia,
-    setIsBackground = _usePlaybackContext.setIsBackground;
+    setIsBackground = _usePlaybackContext.setIsBackground,
+    media = _usePlaybackContext.media;
   var mediaRef = React.useRef(null);
   React.useEffect(function () {
     if (!active) {
+      if (mediaRef.current === media) {
+        setMedia(null);
+        setIsBackground(false);
+      }
       return function () {};
     }
     setIsBackground(background);
-    if (mediaRef.current !== null) {
+    if (mediaRef.current !== null && media === null) {
       setMedia(mediaRef.current);
     }
-    return function () {
-      setMedia(null);
-      setIsBackground(false);
-    };
-  }, [setMedia, setIsBackground, active, background]);
-  return mediaRef;
+    return function () {};
+  }, [setMedia, setIsBackground, active, background, media]);
+  return {
+    ref: mediaRef,
+    isCurrent: mediaRef.current === media
+  };
 };
 var propTypes$5 = {
   children: PropTypes.node.isRequired,

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@micromag/core",
-    "version": "0.3.788",
+    "version": "0.3.793",
     "private": false,
     "description": "",
     "keywords": [
@@ -167,5 +167,5 @@
         "access": "public",
         "registry": "https://registry.npmjs.org/"
     },
-    "gitHead": "d7e3871424004d8c65157598cd9b9234e1974cdd"
+    "gitHead": "6b83952493a0bc269e2b581050805b1d17d986e6"
 }