@micromag/screen-audio 0.3.410 → 0.3.417
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 +7 -14
- package/lib/index.js +6 -13
- package/package.json +11 -11
package/es/index.js
CHANGED
|
@@ -6,7 +6,7 @@ import classNames from 'classnames';
|
|
|
6
6
|
import PropTypes from 'prop-types';
|
|
7
7
|
import React, { useState, useEffect, useCallback, useMemo } from 'react';
|
|
8
8
|
import { PropTypes as PropTypes$1 } from '@micromag/core';
|
|
9
|
-
import { ScreenElement
|
|
9
|
+
import { ScreenElement } from '@micromag/core/components';
|
|
10
10
|
import { useScreenSize, useScreenRenderContext, useViewerContext, useViewerWebView, usePlaybackContext, usePlaybackMediaRef } from '@micromag/core/contexts';
|
|
11
11
|
import { useTrackScreenMedia } from '@micromag/core/hooks';
|
|
12
12
|
import { isHeaderFilled, isFooterFilled, getFooterProps, isIos } from '@micromag/core/utils';
|
|
@@ -31,7 +31,6 @@ var propTypes = {
|
|
|
31
31
|
footer: PropTypes$1.footer,
|
|
32
32
|
current: PropTypes.bool,
|
|
33
33
|
active: PropTypes.bool,
|
|
34
|
-
transitions: PropTypes$1.transitions,
|
|
35
34
|
mediaRef: PropTypes.func,
|
|
36
35
|
showWave: PropTypes.bool,
|
|
37
36
|
className: PropTypes.string
|
|
@@ -45,7 +44,6 @@ var defaultProps = {
|
|
|
45
44
|
footer: null,
|
|
46
45
|
current: true,
|
|
47
46
|
active: true,
|
|
48
|
-
transitions: null,
|
|
49
47
|
mediaRef: null,
|
|
50
48
|
showWave: true,
|
|
51
49
|
className: null
|
|
@@ -60,7 +58,6 @@ var AudioScreen = function AudioScreen(_ref) {
|
|
|
60
58
|
footer = _ref.footer,
|
|
61
59
|
current = _ref.current,
|
|
62
60
|
active = _ref.active,
|
|
63
|
-
transitions = _ref.transitions,
|
|
64
61
|
customMediaRef = _ref.mediaRef,
|
|
65
62
|
showWave = _ref.showWave,
|
|
66
63
|
className = _ref.className;
|
|
@@ -88,8 +85,9 @@ var AudioScreen = function AudioScreen(_ref) {
|
|
|
88
85
|
setReady = _useState2[1];
|
|
89
86
|
var backgroundPlaying = current && (isView || isEdit);
|
|
90
87
|
var mediaShouldLoad = current || active;
|
|
91
|
-
|
|
92
|
-
|
|
88
|
+
// const transitionPlaying = current && ready;
|
|
89
|
+
// const transitionDisabled = isStatic || isCapture || isPlaceholder || isPreview || isEdit;
|
|
90
|
+
|
|
93
91
|
var hasHeader = isHeaderFilled(header);
|
|
94
92
|
var hasFooter = isFooterFilled(footer);
|
|
95
93
|
var footerProps = getFooterProps(footer, {
|
|
@@ -128,9 +126,8 @@ var AudioScreen = function AudioScreen(_ref) {
|
|
|
128
126
|
playing = _usePlaybackContext.playing,
|
|
129
127
|
muted = _usePlaybackContext.muted,
|
|
130
128
|
setControls = _usePlaybackContext.setControls,
|
|
131
|
-
setControlsTheme = _usePlaybackContext.setControlsTheme
|
|
132
|
-
_usePlaybackContext.
|
|
133
|
-
var setPlaying = _usePlaybackContext.setPlaying;
|
|
129
|
+
setControlsTheme = _usePlaybackContext.setControlsTheme,
|
|
130
|
+
setPlaying = _usePlaybackContext.setPlaying;
|
|
134
131
|
var mediaRef = usePlaybackMediaRef(current);
|
|
135
132
|
useEffect(function () {
|
|
136
133
|
if (!current) {
|
|
@@ -232,10 +229,6 @@ var AudioScreen = function AudioScreen(_ref) {
|
|
|
232
229
|
}),
|
|
233
230
|
emptyClassName: styles.empty,
|
|
234
231
|
isEmpty: !hasAudioUrl
|
|
235
|
-
}, /*#__PURE__*/React.createElement(Transitions, {
|
|
236
|
-
transitions: transitions,
|
|
237
|
-
playing: transitionPlaying,
|
|
238
|
-
disabled: transitionDisabled
|
|
239
232
|
}, /*#__PURE__*/React.createElement(Audio, Object.assign({}, finalAudio, {
|
|
240
233
|
mediaRef: mediaRef,
|
|
241
234
|
waveFake: isIOS || isPreview,
|
|
@@ -261,7 +254,7 @@ var AudioScreen = function AudioScreen(_ref) {
|
|
|
261
254
|
onSeeked: onSeeked,
|
|
262
255
|
onEnded: onEnded,
|
|
263
256
|
withWave: showWave && withWave
|
|
264
|
-
})))
|
|
257
|
+
}))), /*#__PURE__*/React.createElement(Spacer, {
|
|
265
258
|
key: "spacer-middle"
|
|
266
259
|
}), !isPlaceholder ? /*#__PURE__*/React.createElement("div", {
|
|
267
260
|
key: "bottom",
|
package/lib/index.js
CHANGED
|
@@ -52,7 +52,6 @@ var propTypes = {
|
|
|
52
52
|
footer: core.PropTypes.footer,
|
|
53
53
|
current: PropTypes__default["default"].bool,
|
|
54
54
|
active: PropTypes__default["default"].bool,
|
|
55
|
-
transitions: core.PropTypes.transitions,
|
|
56
55
|
mediaRef: PropTypes__default["default"].func,
|
|
57
56
|
showWave: PropTypes__default["default"].bool,
|
|
58
57
|
className: PropTypes__default["default"].string
|
|
@@ -66,7 +65,6 @@ var defaultProps = {
|
|
|
66
65
|
footer: null,
|
|
67
66
|
current: true,
|
|
68
67
|
active: true,
|
|
69
|
-
transitions: null,
|
|
70
68
|
mediaRef: null,
|
|
71
69
|
showWave: true,
|
|
72
70
|
className: null
|
|
@@ -81,7 +79,6 @@ var AudioScreen = function AudioScreen(_ref) {
|
|
|
81
79
|
footer = _ref.footer,
|
|
82
80
|
current = _ref.current,
|
|
83
81
|
active = _ref.active,
|
|
84
|
-
transitions = _ref.transitions,
|
|
85
82
|
customMediaRef = _ref.mediaRef,
|
|
86
83
|
showWave = _ref.showWave,
|
|
87
84
|
className = _ref.className;
|
|
@@ -109,8 +106,9 @@ var AudioScreen = function AudioScreen(_ref) {
|
|
|
109
106
|
setReady = _useState2[1];
|
|
110
107
|
var backgroundPlaying = current && (isView || isEdit);
|
|
111
108
|
var mediaShouldLoad = current || active;
|
|
112
|
-
|
|
113
|
-
|
|
109
|
+
// const transitionPlaying = current && ready;
|
|
110
|
+
// const transitionDisabled = isStatic || isCapture || isPlaceholder || isPreview || isEdit;
|
|
111
|
+
|
|
114
112
|
var hasHeader = utils.isHeaderFilled(header);
|
|
115
113
|
var hasFooter = utils.isFooterFilled(footer);
|
|
116
114
|
var footerProps = utils.getFooterProps(footer, {
|
|
@@ -149,9 +147,8 @@ var AudioScreen = function AudioScreen(_ref) {
|
|
|
149
147
|
playing = _usePlaybackContext.playing,
|
|
150
148
|
muted = _usePlaybackContext.muted,
|
|
151
149
|
setControls = _usePlaybackContext.setControls,
|
|
152
|
-
setControlsTheme = _usePlaybackContext.setControlsTheme
|
|
153
|
-
_usePlaybackContext.
|
|
154
|
-
var setPlaying = _usePlaybackContext.setPlaying;
|
|
150
|
+
setControlsTheme = _usePlaybackContext.setControlsTheme,
|
|
151
|
+
setPlaying = _usePlaybackContext.setPlaying;
|
|
155
152
|
var mediaRef = contexts.usePlaybackMediaRef(current);
|
|
156
153
|
React.useEffect(function () {
|
|
157
154
|
if (!current) {
|
|
@@ -253,10 +250,6 @@ var AudioScreen = function AudioScreen(_ref) {
|
|
|
253
250
|
}),
|
|
254
251
|
emptyClassName: styles.empty,
|
|
255
252
|
isEmpty: !hasAudioUrl
|
|
256
|
-
}, /*#__PURE__*/React__default["default"].createElement(components.Transitions, {
|
|
257
|
-
transitions: transitions,
|
|
258
|
-
playing: transitionPlaying,
|
|
259
|
-
disabled: transitionDisabled
|
|
260
253
|
}, /*#__PURE__*/React__default["default"].createElement(Audio__default["default"], Object.assign({}, finalAudio, {
|
|
261
254
|
mediaRef: mediaRef,
|
|
262
255
|
waveFake: isIOS || isPreview,
|
|
@@ -282,7 +275,7 @@ var AudioScreen = function AudioScreen(_ref) {
|
|
|
282
275
|
onSeeked: onSeeked,
|
|
283
276
|
onEnded: onEnded,
|
|
284
277
|
withWave: showWave && withWave
|
|
285
|
-
})))
|
|
278
|
+
}))), /*#__PURE__*/React__default["default"].createElement(Layout.Spacer, {
|
|
286
279
|
key: "spacer-middle"
|
|
287
280
|
}), !isPlaceholder ? /*#__PURE__*/React__default["default"].createElement("div", {
|
|
288
281
|
key: "bottom",
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@micromag/screen-audio",
|
|
3
|
-
"version": "0.3.
|
|
3
|
+
"version": "0.3.417",
|
|
4
4
|
"private": false,
|
|
5
5
|
"description": "",
|
|
6
6
|
"keywords": [
|
|
@@ -50,15 +50,15 @@
|
|
|
50
50
|
},
|
|
51
51
|
"dependencies": {
|
|
52
52
|
"@babel/runtime": "^7.13.10",
|
|
53
|
-
"@micromag/core": "^0.3.
|
|
54
|
-
"@micromag/element-audio": "^0.3.
|
|
55
|
-
"@micromag/element-background": "^0.3.
|
|
56
|
-
"@micromag/element-closed-captions": "^0.3.
|
|
57
|
-
"@micromag/element-container": "^0.3.
|
|
58
|
-
"@micromag/element-footer": "^0.3.
|
|
59
|
-
"@micromag/element-header": "^0.3.
|
|
60
|
-
"@micromag/element-layout": "^0.3.
|
|
61
|
-
"@micromag/transforms": "^0.3.
|
|
53
|
+
"@micromag/core": "^0.3.417",
|
|
54
|
+
"@micromag/element-audio": "^0.3.417",
|
|
55
|
+
"@micromag/element-background": "^0.3.417",
|
|
56
|
+
"@micromag/element-closed-captions": "^0.3.417",
|
|
57
|
+
"@micromag/element-container": "^0.3.417",
|
|
58
|
+
"@micromag/element-footer": "^0.3.417",
|
|
59
|
+
"@micromag/element-header": "^0.3.417",
|
|
60
|
+
"@micromag/element-layout": "^0.3.417",
|
|
61
|
+
"@micromag/transforms": "^0.3.417",
|
|
62
62
|
"classnames": "^2.2.6",
|
|
63
63
|
"lodash": "^4.17.21",
|
|
64
64
|
"prop-types": "^15.7.2",
|
|
@@ -69,5 +69,5 @@
|
|
|
69
69
|
"access": "public",
|
|
70
70
|
"registry": "https://registry.npmjs.org/"
|
|
71
71
|
},
|
|
72
|
-
"gitHead": "
|
|
72
|
+
"gitHead": "5a0113a6eaafea5c33a6beece8ad581519f490bb"
|
|
73
73
|
}
|