@micromag/screen-audio 0.3.29 → 0.3.32

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.
Files changed (3) hide show
  1. package/es/index.js +15 -2
  2. package/lib/index.js +15 -2
  3. package/package.json +11 -11
package/es/index.js CHANGED
@@ -32,6 +32,7 @@ var propTypes = {
32
32
  active: PropTypes.bool,
33
33
  transitions: PropTypes$1.transitions,
34
34
  getMediaRef: PropTypes.func,
35
+ showWave: PropTypes.bool,
35
36
  className: PropTypes.string
36
37
  };
37
38
  var defaultProps = {
@@ -44,6 +45,7 @@ var defaultProps = {
44
45
  active: true,
45
46
  transitions: null,
46
47
  getMediaRef: null,
48
+ showWave: false,
47
49
  className: null
48
50
  };
49
51
 
@@ -59,6 +61,7 @@ var AudioScreen = function AudioScreen(_ref) {
59
61
  active = _ref.active,
60
62
  transitions = _ref.transitions,
61
63
  getMediaRef = _ref.getMediaRef,
64
+ showWave = _ref.showWave,
62
65
  className = _ref.className;
63
66
  var trackScreenMedia = useTrackScreenMedia('audio');
64
67
 
@@ -124,6 +127,7 @@ var AudioScreen = function AudioScreen(_ref) {
124
127
  toggleMute = _ref4.toggleMute,
125
128
  play = _ref4.play,
126
129
  pause = _ref4.pause,
130
+ seek = _ref4.seek,
127
131
  _ref4$mediaRef = _ref4.mediaRef,
128
132
  apiMediaRef = _ref4$mediaRef === void 0 ? null : _ref4$mediaRef;
129
133
 
@@ -175,6 +179,10 @@ var AudioScreen = function AudioScreen(_ref) {
175
179
  setPlaying(false);
176
180
  trackScreenMedia(audio, midway ? 'pause' : 'ended');
177
181
  }, [trackScreenMedia, audio]);
182
+ var onSeek = useCallback(function (e) {
183
+ seek(e);
184
+ play();
185
+ }, [seek, play]);
178
186
  var onVolumeChanged = useCallback(function (isMuted) {
179
187
  setMuted(isMuted);
180
188
  trackScreenMedia(audio, isMuted ? 'mute' : 'unmute');
@@ -238,7 +246,8 @@ var AudioScreen = function AudioScreen(_ref) {
238
246
  onProgressStep: onProgressStep,
239
247
  onDurationChanged: onDurationChanged,
240
248
  onSeeked: onSeeked,
241
- onVolumeChanged: onVolumeChanged
249
+ onVolumeChanged: onVolumeChanged,
250
+ showWave: showWave
242
251
  })))), /*#__PURE__*/React.createElement(Spacer, {
243
252
  key: "spacer-middle"
244
253
  }), !isPlaceholder ? /*#__PURE__*/React.createElement("div", {
@@ -255,7 +264,11 @@ var AudioScreen = function AudioScreen(_ref) {
255
264
  muted: muted,
256
265
  onTogglePlay: togglePlay,
257
266
  onToggleMute: onToggleMute,
258
- focusable: current && isView
267
+ focusable: current && isView,
268
+ withSeekBar: !showWave,
269
+ duration: duration,
270
+ currentTime: currentTime,
271
+ onSeek: onSeek
259
272
  }) : null) : null, !isPlaceholder && hasCallToAction ? /*#__PURE__*/React.createElement("div", {
260
273
  style: {
261
274
  margin: -spacing,
package/lib/index.js CHANGED
@@ -53,6 +53,7 @@ var propTypes = {
53
53
  active: PropTypes__default["default"].bool,
54
54
  transitions: core.PropTypes.transitions,
55
55
  getMediaRef: PropTypes__default["default"].func,
56
+ showWave: PropTypes__default["default"].bool,
56
57
  className: PropTypes__default["default"].string
57
58
  };
58
59
  var defaultProps = {
@@ -65,6 +66,7 @@ var defaultProps = {
65
66
  active: true,
66
67
  transitions: null,
67
68
  getMediaRef: null,
69
+ showWave: false,
68
70
  className: null
69
71
  };
70
72
 
@@ -80,6 +82,7 @@ var AudioScreen = function AudioScreen(_ref) {
80
82
  active = _ref.active,
81
83
  transitions = _ref.transitions,
82
84
  getMediaRef = _ref.getMediaRef,
85
+ showWave = _ref.showWave,
83
86
  className = _ref.className;
84
87
  var trackScreenMedia = hooks.useTrackScreenMedia('audio');
85
88
 
@@ -145,6 +148,7 @@ var AudioScreen = function AudioScreen(_ref) {
145
148
  toggleMute = _ref4.toggleMute,
146
149
  play = _ref4.play,
147
150
  pause = _ref4.pause,
151
+ seek = _ref4.seek,
148
152
  _ref4$mediaRef = _ref4.mediaRef,
149
153
  apiMediaRef = _ref4$mediaRef === void 0 ? null : _ref4$mediaRef;
150
154
 
@@ -196,6 +200,10 @@ var AudioScreen = function AudioScreen(_ref) {
196
200
  setPlaying(false);
197
201
  trackScreenMedia(audio, midway ? 'pause' : 'ended');
198
202
  }, [trackScreenMedia, audio]);
203
+ var onSeek = React.useCallback(function (e) {
204
+ seek(e);
205
+ play();
206
+ }, [seek, play]);
199
207
  var onVolumeChanged = React.useCallback(function (isMuted) {
200
208
  setMuted(isMuted);
201
209
  trackScreenMedia(audio, isMuted ? 'mute' : 'unmute');
@@ -259,7 +267,8 @@ var AudioScreen = function AudioScreen(_ref) {
259
267
  onProgressStep: onProgressStep,
260
268
  onDurationChanged: onDurationChanged,
261
269
  onSeeked: onSeeked,
262
- onVolumeChanged: onVolumeChanged
270
+ onVolumeChanged: onVolumeChanged,
271
+ showWave: showWave
263
272
  })))), /*#__PURE__*/React__default["default"].createElement(Layout.Spacer, {
264
273
  key: "spacer-middle"
265
274
  }), !isPlaceholder ? /*#__PURE__*/React__default["default"].createElement("div", {
@@ -276,7 +285,11 @@ var AudioScreen = function AudioScreen(_ref) {
276
285
  muted: muted,
277
286
  onTogglePlay: togglePlay,
278
287
  onToggleMute: onToggleMute,
279
- focusable: current && isView
288
+ focusable: current && isView,
289
+ withSeekBar: !showWave,
290
+ duration: duration,
291
+ currentTime: currentTime,
292
+ onSeek: onSeek
280
293
  }) : null) : null, !isPlaceholder && hasCallToAction ? /*#__PURE__*/React__default["default"].createElement("div", {
281
294
  style: {
282
295
  margin: -spacing,
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@micromag/screen-audio",
3
- "version": "0.3.29",
3
+ "version": "0.3.32",
4
4
  "description": "",
5
5
  "keywords": [
6
6
  "javascript"
@@ -49,15 +49,15 @@
49
49
  },
50
50
  "dependencies": {
51
51
  "@babel/runtime": "^7.13.10",
52
- "@micromag/core": "^0.3.29",
53
- "@micromag/element-audio": "^0.3.29",
54
- "@micromag/element-background": "^0.3.29",
55
- "@micromag/element-call-to-action": "^0.3.29",
56
- "@micromag/element-closed-captions": "^0.3.29",
57
- "@micromag/element-container": "^0.3.29",
58
- "@micromag/element-layout": "^0.3.29",
59
- "@micromag/element-media-controls": "^0.3.29",
60
- "@micromag/transforms": "^0.3.29",
52
+ "@micromag/core": "^0.3.32",
53
+ "@micromag/element-audio": "^0.3.32",
54
+ "@micromag/element-background": "^0.3.32",
55
+ "@micromag/element-call-to-action": "^0.3.32",
56
+ "@micromag/element-closed-captions": "^0.3.32",
57
+ "@micromag/element-container": "^0.3.32",
58
+ "@micromag/element-layout": "^0.3.32",
59
+ "@micromag/element-media-controls": "^0.3.32",
60
+ "@micromag/transforms": "^0.3.32",
61
61
  "classnames": "^2.2.6",
62
62
  "lodash": "^4.17.21",
63
63
  "prop-types": "^15.7.2",
@@ -67,5 +67,5 @@
67
67
  "publishConfig": {
68
68
  "access": "public"
69
69
  },
70
- "gitHead": "fb4684ac9e69930c0ac4d9045b5148d011e92c7b"
70
+ "gitHead": "fff733f2cf1fea7ffc64179d7da0c9601d61e23e"
71
71
  }