@micromag/core 0.3.318 → 0.3.323

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/es/hooks.js CHANGED
@@ -1320,14 +1320,10 @@ function useMediaProgress(media) {
1320
1320
  _useState2 = _slicedToArray(_useState, 2),
1321
1321
  playing = _useState2[0],
1322
1322
  setPlaying = _useState2[1];
1323
- // const currentTime = useMediaCurrentTime(media, {
1324
- // disabled: disabled || !playing,
1325
- // ...props,
1326
- // });
1327
1323
  var duration = useMediaDuration(media, _objectSpread({
1328
1324
  disabled: disabled || !playing
1329
1325
  }, props));
1330
- var _useState3 = useState(media !== null && (media.currentTime || 0) > 0 && duration > 0 ? media.currentTime / duration : 0),
1326
+ var _useState3 = useState(0),
1331
1327
  _useState4 = _slicedToArray(_useState3, 2),
1332
1328
  progress = _useState4[0],
1333
1329
  setProgress = _useState4[1];
@@ -1338,6 +1334,16 @@ function useMediaProgress(media) {
1338
1334
  realProgressRef.current = newProgress;
1339
1335
  setProgress(newProgress);
1340
1336
  }, [setProgress]);
1337
+ useEffect(function () {
1338
+ if (media !== null) {
1339
+ var value = (media.currentTime || 0) > 0 && media.duration > 0 ? media.currentTime / media.duration : 0;
1340
+ updateProgress(value);
1341
+ setPlaying(!media.paused && media.readyState === 4);
1342
+ } else {
1343
+ updateProgress(0);
1344
+ setPlaying(false);
1345
+ }
1346
+ }, [media, disabled, setPlaying]);
1341
1347
  useEffect(function () {
1342
1348
  if (media === null) {
1343
1349
  return function () {};
package/lib/hooks.js CHANGED
@@ -1358,14 +1358,10 @@ function useMediaProgress(media) {
1358
1358
  _useState2 = _slicedToArray__default["default"](_useState, 2),
1359
1359
  playing = _useState2[0],
1360
1360
  setPlaying = _useState2[1];
1361
- // const currentTime = useMediaCurrentTime(media, {
1362
- // disabled: disabled || !playing,
1363
- // ...props,
1364
- // });
1365
1361
  var duration = useMediaDuration(media, _objectSpread__default["default"]({
1366
1362
  disabled: disabled || !playing
1367
1363
  }, props));
1368
- var _useState3 = react.useState(media !== null && (media.currentTime || 0) > 0 && duration > 0 ? media.currentTime / duration : 0),
1364
+ var _useState3 = react.useState(0),
1369
1365
  _useState4 = _slicedToArray__default["default"](_useState3, 2),
1370
1366
  progress = _useState4[0],
1371
1367
  setProgress = _useState4[1];
@@ -1376,6 +1372,16 @@ function useMediaProgress(media) {
1376
1372
  realProgressRef.current = newProgress;
1377
1373
  setProgress(newProgress);
1378
1374
  }, [setProgress]);
1375
+ react.useEffect(function () {
1376
+ if (media !== null) {
1377
+ var value = (media.currentTime || 0) > 0 && media.duration > 0 ? media.currentTime / media.duration : 0;
1378
+ updateProgress(value);
1379
+ setPlaying(!media.paused && media.readyState === 4);
1380
+ } else {
1381
+ updateProgress(0);
1382
+ setPlaying(false);
1383
+ }
1384
+ }, [media, disabled, setPlaying]);
1379
1385
  react.useEffect(function () {
1380
1386
  if (media === null) {
1381
1387
  return function () {};
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@micromag/core",
3
- "version": "0.3.318",
3
+ "version": "0.3.323",
4
4
  "description": "",
5
5
  "keywords": [
6
6
  "javascript"
@@ -133,5 +133,5 @@
133
133
  "publishConfig": {
134
134
  "access": "public"
135
135
  },
136
- "gitHead": "7d1a296e0c0d410e1225279e1f19e3a7715bfa96"
136
+ "gitHead": "98f75cb2e96dad19a5e6e385be28d223847fcabf"
137
137
  }