@micromag/core 0.3.322 → 0.3.325

package/es/components.js

@@ -11,8 +11,8 @@ import { FontAwesomeIcon } from '@fortawesome/react-fontawesome';
 import { faAngleLeft } from '@fortawesome/free-solid-svg-icons/faAngleLeft';
 import _toConsumableArray from '@babel/runtime/helpers/toConsumableArray';
 import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
-import { useFieldsManager, useFieldComponent, FieldContextProvider, withModals, useModals, useUppy, withPanels, usePanels, ScreenSizeProvider, useScreenComponent, ScreenProvider, useScreenRenderContext, useScreenSize } from '@micromag/core/contexts';
 import { useForm, useDocumentEvent, useIntersectionObserver, useDimensionObserver } from '@micromag/core/hooks';
+import { useFieldsManager, useFieldComponent, FieldContextProvider, withModals, useModals, useUppy, withPanels, usePanels, ScreenSizeProvider, useScreenComponent, ScreenProvider, useScreenRenderContext, useScreenSize } from '@micromag/core/contexts';
 import _objectSpread from '@babel/runtime/helpers/objectSpread2';
 import get from 'lodash/get';
 import ReactDOM from 'react-dom';
@@ -300,8 +300,6 @@ var BackButton = function BackButton(_ref) {
 BackButton.propTypes = propTypes$I;
 BackButton.defaultProps = defaultProps$I;
 
-var styles$u = {"actions":"micromag-core-forms-form-actions","left":"micromag-core-forms-form-left","right":"micromag-core-forms-form-right"};
-
 var _excluded$8 = ["type"],
   _excluded2 = ["component", "id", "settings"];
 var propTypes$H = {
@@ -399,6 +397,8 @@ var FieldForm = function FieldForm(_ref) {
 FieldForm.propTypes = propTypes$H;
 FieldForm.defaultProps = defaultProps$H;
 
+var styles$u = {"actions":"micromag-core-forms-form-actions","left":"micromag-core-forms-form-left","right":"micromag-core-forms-form-right"};
+
 var propTypes$G = {
   action: PropTypes$1.string.isRequired,
   method: PropTypes$1.string,

package/es/hooks.js

@@ -1320,12 +1320,6 @@ function useMediaProgress(media) {
     _useState2 = _slicedToArray(_useState, 2),
     playing = _useState2[0],
     setPlaying = _useState2[1];
-
-  // const currentTime = useMediaCurrentTime(media, {
-  //     disabled: disabled || !playing,
-  //     ...props,
-  // });
-
   var duration = useMediaDuration(media, _objectSpread({
     disabled: disabled || !playing
   }, props));
@@ -1342,12 +1336,13 @@ function useMediaProgress(media) {
   }, [setProgress]);
   useEffect(function () {
     if (media !== null) {
-      var value = media !== null && (media.currentTime || 0) > 0 && duration > 0 ? media.currentTime / duration : 0;
+      var value = (media.currentTime || 0) > 0 && media.duration > 0 ? media.currentTime / media.duration : 0;
       updateProgress(value);
+      setPlaying(!media.paused && media.readyState === 4);
     } else {
       updateProgress(0);
+      setPlaying(false);
     }
-    setPlaying(!disabled);
   }, [media, disabled, setPlaying]);
   useEffect(function () {
     if (media === null) {

package/lib/components.js

@@ -15,8 +15,8 @@ var reactFontawesome = require('@fortawesome/react-fontawesome');
 var faAngleLeft = require('@fortawesome/free-solid-svg-icons/faAngleLeft');
 var _toConsumableArray = require('@babel/runtime/helpers/toConsumableArray');
 var _slicedToArray = require('@babel/runtime/helpers/slicedToArray');
-var contexts = require('@micromag/core/contexts');
 var hooks = require('@micromag/core/hooks');
+var contexts = require('@micromag/core/contexts');
 var _objectSpread = require('@babel/runtime/helpers/objectSpread2');
 var get = require('lodash/get');
 var ReactDOM = require('react-dom');
@@ -341,8 +341,6 @@ var BackButton = function BackButton(_ref) {
 BackButton.propTypes = propTypes$I;
 BackButton.defaultProps = defaultProps$I;
 
-var styles$u = {"actions":"micromag-core-forms-form-actions","left":"micromag-core-forms-form-left","right":"micromag-core-forms-form-right"};
-
 var _excluded$8 = ["type"],
   _excluded2 = ["component", "id", "settings"];
 var propTypes$H = {
@@ -440,6 +438,8 @@ var FieldForm = function FieldForm(_ref) {
 FieldForm.propTypes = propTypes$H;
 FieldForm.defaultProps = defaultProps$H;
 
+var styles$u = {"actions":"micromag-core-forms-form-actions","left":"micromag-core-forms-form-left","right":"micromag-core-forms-form-right"};
+
 var propTypes$G = {
   action: PropTypes__default["default"].string.isRequired,
   method: PropTypes__default["default"].string,

package/lib/hooks.js

@@ -1358,12 +1358,6 @@ function useMediaProgress(media) {
     _useState2 = _slicedToArray__default["default"](_useState, 2),
     playing = _useState2[0],
     setPlaying = _useState2[1];
-
-  // const currentTime = useMediaCurrentTime(media, {
-  //     disabled: disabled || !playing,
-  //     ...props,
-  // });
-
   var duration = useMediaDuration(media, _objectSpread__default["default"]({
     disabled: disabled || !playing
   }, props));
@@ -1380,12 +1374,13 @@ function useMediaProgress(media) {
   }, [setProgress]);
   react.useEffect(function () {
     if (media !== null) {
-      var value = media !== null && (media.currentTime || 0) > 0 && duration > 0 ? media.currentTime / duration : 0;
+      var value = (media.currentTime || 0) > 0 && media.duration > 0 ? media.currentTime / media.duration : 0;
       updateProgress(value);
+      setPlaying(!media.paused && media.readyState === 4);
     } else {
       updateProgress(0);
+      setPlaying(false);
     }
-    setPlaying(!disabled);
   }, [media, disabled, setPlaying]);
   react.useEffect(function () {
     if (media === null) {

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@micromag/core",
-    "version": "0.3.322",
+    "version": "0.3.325",
     "description": "",
     "keywords": [
         "javascript"
@@ -133,5 +133,5 @@
     "publishConfig": {
         "access": "public"
     },
-    "gitHead": "2dfe09ad5a9ac720e4bfbffcb6371fc31c24fa9f"
+    "gitHead": "ce577e420f569aa7589ab2ae76eff2d99778ce86"
 }