@micromag/element-audio 0.3.607 → 0.3.610
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/index.js +10 -10
- package/package.json +4 -4
package/es/index.js
CHANGED
|
@@ -45,7 +45,7 @@ function AudioBars(_ref) {
|
|
|
45
45
|
var _useDimensionObserver = useDimensionObserver(),
|
|
46
46
|
elRef = _useDimensionObserver.ref,
|
|
47
47
|
_useDimensionObserver2 = _useDimensionObserver.width,
|
|
48
|
-
elWidth = _useDimensionObserver2 ===
|
|
48
|
+
elWidth = _useDimensionObserver2 === undefined ? null : _useDimensionObserver2,
|
|
49
49
|
elHeight = _useDimensionObserver.height;
|
|
50
50
|
var barWidth = 1;
|
|
51
51
|
var barGap = 1;
|
|
@@ -263,9 +263,9 @@ var Audio = function Audio(_ref) {
|
|
|
263
263
|
onPlayError = _ref.onPlayError;
|
|
264
264
|
var _ref2 = media || {},
|
|
265
265
|
_ref2$url = _ref2.url,
|
|
266
|
-
url = _ref2$url ===
|
|
266
|
+
url = _ref2$url === undefined ? null : _ref2$url,
|
|
267
267
|
_ref2$files = _ref2.files,
|
|
268
|
-
files = _ref2$files ===
|
|
268
|
+
files = _ref2$files === undefined ? null : _ref2$files;
|
|
269
269
|
var srcUrl = useMemo(function () {
|
|
270
270
|
if (files) {
|
|
271
271
|
var filesAsEntries = Object.entries(files);
|
|
@@ -276,7 +276,7 @@ var Audio = function Audio(_ref) {
|
|
|
276
276
|
}) || [],
|
|
277
277
|
_ref4 = _slicedToArray(_ref3, 2),
|
|
278
278
|
_ref4$ = _ref4[1],
|
|
279
|
-
mp3File = _ref4$ ===
|
|
279
|
+
mp3File = _ref4$ === undefined ? null : _ref4$;
|
|
280
280
|
if (mp3File) {
|
|
281
281
|
return mp3File.url;
|
|
282
282
|
}
|
|
@@ -313,7 +313,7 @@ var Audio = function Audio(_ref) {
|
|
|
313
313
|
}, [duration, customOnDurationChange]);
|
|
314
314
|
var onVolumeChange = useCallback(function () {
|
|
315
315
|
var _ref$current = _ref8.current,
|
|
316
|
-
element = _ref$current ===
|
|
316
|
+
element = _ref$current === undefined ? null : _ref$current;
|
|
317
317
|
if (element === null) {
|
|
318
318
|
return;
|
|
319
319
|
}
|
|
@@ -323,7 +323,7 @@ var Audio = function Audio(_ref) {
|
|
|
323
323
|
}, [_ref8.current, customOnVolumeChange]);
|
|
324
324
|
var onWavePlay = useCallback(function () {
|
|
325
325
|
var _ref$current2 = _ref8.current,
|
|
326
|
-
element = _ref$current2 ===
|
|
326
|
+
element = _ref$current2 === undefined ? null : _ref$current2;
|
|
327
327
|
if (element === null) {
|
|
328
328
|
return;
|
|
329
329
|
}
|
|
@@ -331,7 +331,7 @@ var Audio = function Audio(_ref) {
|
|
|
331
331
|
}, [_ref8.current]);
|
|
332
332
|
var onWaveSeek = useCallback(function (newTime) {
|
|
333
333
|
var _ref$current3 = _ref8.current,
|
|
334
|
-
element = _ref$current3 ===
|
|
334
|
+
element = _ref$current3 === undefined ? null : _ref$current3;
|
|
335
335
|
if (element === null) {
|
|
336
336
|
return;
|
|
337
337
|
}
|
|
@@ -346,7 +346,7 @@ var Audio = function Audio(_ref) {
|
|
|
346
346
|
}, [waveReady, onReady]);
|
|
347
347
|
useEffect(function () {
|
|
348
348
|
var _ref$current4 = _ref8.current,
|
|
349
|
-
element = _ref$current4 ===
|
|
349
|
+
element = _ref$current4 === undefined ? null : _ref$current4;
|
|
350
350
|
if (element === null) {
|
|
351
351
|
return;
|
|
352
352
|
}
|
|
@@ -462,7 +462,7 @@ function AudioWave(_ref) {
|
|
|
462
462
|
var mainColor = useMemo(function () {
|
|
463
463
|
var _ref2 = backgroundColor || {},
|
|
464
464
|
_ref2$color = _ref2.color,
|
|
465
|
-
color = _ref2$color ===
|
|
465
|
+
color = _ref2$color === undefined ? 'white' : _ref2$color;
|
|
466
466
|
return color;
|
|
467
467
|
}, [backgroundColor]);
|
|
468
468
|
var alternateColor = useMemo(function () {
|
|
@@ -471,7 +471,7 @@ function AudioWave(_ref) {
|
|
|
471
471
|
var _useDimensionObserver = useDimensionObserver(),
|
|
472
472
|
elRef = _useDimensionObserver.ref,
|
|
473
473
|
_useDimensionObserver2 = _useDimensionObserver.width,
|
|
474
|
-
elWidth = _useDimensionObserver2 ===
|
|
474
|
+
elWidth = _useDimensionObserver2 === undefined ? null : _useDimensionObserver2,
|
|
475
475
|
elHeight = _useDimensionObserver.height;
|
|
476
476
|
|
|
477
477
|
// Linear animation for progress bar
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@micromag/element-audio",
|
|
3
|
-
"version": "0.3.
|
|
3
|
+
"version": "0.3.610",
|
|
4
4
|
"private": false,
|
|
5
5
|
"description": "",
|
|
6
6
|
"keywords": [
|
|
@@ -59,8 +59,8 @@
|
|
|
59
59
|
},
|
|
60
60
|
"dependencies": {
|
|
61
61
|
"@babel/runtime": "^7.13.10",
|
|
62
|
-
"@micromag/core": "^0.3.
|
|
63
|
-
"@micromag/element-closed-captions": "^0.3.
|
|
62
|
+
"@micromag/core": "^0.3.610",
|
|
63
|
+
"@micromag/element-closed-captions": "^0.3.610",
|
|
64
64
|
"@react-spring/core": "^9.6.1",
|
|
65
65
|
"@react-spring/web": "^9.6.1",
|
|
66
66
|
"@use-gesture/react": "^10.3.0",
|
|
@@ -74,5 +74,5 @@
|
|
|
74
74
|
"access": "public",
|
|
75
75
|
"registry": "https://registry.npmjs.org/"
|
|
76
76
|
},
|
|
77
|
-
"gitHead": "
|
|
77
|
+
"gitHead": "7a002b920dc02d8daa6dfd6aedc1a97951a8e939"
|
|
78
78
|
}
|