@micromag/screen-audio 0.3.175 → 0.3.182

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 +11 -9
  2. package/lib/index.js +11 -9
  3. package/package.json +11 -11
package/es/index.js CHANGED
@@ -49,7 +49,7 @@ var defaultProps = {
49
49
  };
50
50
 
51
51
  var AudioScreen = function AudioScreen(_ref) {
52
- var _ref7;
52
+ var _ref8;
53
53
 
54
54
  _ref.layout;
55
55
  var audio = _ref.audio,
@@ -186,21 +186,23 @@ var AudioScreen = function AudioScreen(_ref) {
186
186
  setPlaying(true);
187
187
  }
188
188
  }, [current, autoPlay]);
189
- var onTimeUpdate = useCallback(function (time) {
190
- setCurrentTime(time);
191
- }, [setDuration, duration]);
189
+ var onTimeUpdate = useCallback(function (_ref5) {
190
+ var _ref5$timeStamp = _ref5.timeStamp,
191
+ timeStamp = _ref5$timeStamp === void 0 ? 0 : _ref5$timeStamp;
192
+ setCurrentTime(timeStamp);
193
+ }, [setCurrentTime, setDuration, duration]);
192
194
  var onProgressStep = useCallback(function (step) {
193
195
  trackScreenMedia(audio, "progress_".concat(Math.round(step * 100, 10), "%"));
194
196
  }, [trackScreenMedia, audio]);
195
197
  var onDurationChange = useCallback(function (dur) {
196
198
  setDuration(dur);
197
199
  }, [setDuration]);
198
- var onPlay = useCallback(function (_ref5) {
199
- var initial = _ref5.initial;
200
+ var onPlay = useCallback(function (_ref6) {
201
+ var initial = _ref6.initial;
200
202
  trackScreenMedia(audio, initial ? 'play' : 'resume');
201
203
  }, [trackScreenMedia, audio]);
202
- var onPause = useCallback(function (_ref6) {
203
- var midway = _ref6.midway;
204
+ var onPause = useCallback(function (_ref7) {
205
+ var midway = _ref7.midway;
204
206
  trackScreenMedia(audio, midway ? 'pause' : 'ended');
205
207
  }, [trackScreenMedia, audio]);
206
208
  var onEnded = useCallback(function () {
@@ -279,7 +281,7 @@ var AudioScreen = function AudioScreen(_ref) {
279
281
  return el !== null;
280
282
  });
281
283
  return /*#__PURE__*/React.createElement("div", {
282
- className: classNames([styles.container, (_ref7 = {}, _defineProperty(_ref7, className, className !== null), _defineProperty(_ref7, styles.placeholder, isPlaceholder), _defineProperty(_ref7, styles.isPreview, isPreview), _ref7)]),
284
+ className: classNames([styles.container, (_ref8 = {}, _defineProperty(_ref8, className, className !== null), _defineProperty(_ref8, styles.placeholder, isPlaceholder), _defineProperty(_ref8, styles.isPreview, isPreview), _ref8)]),
283
285
  "data-screen-ready": ready
284
286
  }, !isPlaceholder ? /*#__PURE__*/React.createElement(Background, {
285
287
  background: background,
package/lib/index.js CHANGED
@@ -69,7 +69,7 @@ var defaultProps = {
69
69
  };
70
70
 
71
71
  var AudioScreen = function AudioScreen(_ref) {
72
- var _ref7;
72
+ var _ref8;
73
73
 
74
74
  _ref.layout;
75
75
  var audio = _ref.audio,
@@ -206,21 +206,23 @@ var AudioScreen = function AudioScreen(_ref) {
206
206
  setPlaying(true);
207
207
  }
208
208
  }, [current, autoPlay]);
209
- var onTimeUpdate = React.useCallback(function (time) {
210
- setCurrentTime(time);
211
- }, [setDuration, duration]);
209
+ var onTimeUpdate = React.useCallback(function (_ref5) {
210
+ var _ref5$timeStamp = _ref5.timeStamp,
211
+ timeStamp = _ref5$timeStamp === void 0 ? 0 : _ref5$timeStamp;
212
+ setCurrentTime(timeStamp);
213
+ }, [setCurrentTime, setDuration, duration]);
212
214
  var onProgressStep = React.useCallback(function (step) {
213
215
  trackScreenMedia(audio, "progress_".concat(Math.round(step * 100, 10), "%"));
214
216
  }, [trackScreenMedia, audio]);
215
217
  var onDurationChange = React.useCallback(function (dur) {
216
218
  setDuration(dur);
217
219
  }, [setDuration]);
218
- var onPlay = React.useCallback(function (_ref5) {
219
- var initial = _ref5.initial;
220
+ var onPlay = React.useCallback(function (_ref6) {
221
+ var initial = _ref6.initial;
220
222
  trackScreenMedia(audio, initial ? 'play' : 'resume');
221
223
  }, [trackScreenMedia, audio]);
222
- var onPause = React.useCallback(function (_ref6) {
223
- var midway = _ref6.midway;
224
+ var onPause = React.useCallback(function (_ref7) {
225
+ var midway = _ref7.midway;
224
226
  trackScreenMedia(audio, midway ? 'pause' : 'ended');
225
227
  }, [trackScreenMedia, audio]);
226
228
  var onEnded = React.useCallback(function () {
@@ -299,7 +301,7 @@ var AudioScreen = function AudioScreen(_ref) {
299
301
  return el !== null;
300
302
  });
301
303
  return /*#__PURE__*/React__default["default"].createElement("div", {
302
- className: classNames__default["default"]([styles.container, (_ref7 = {}, _defineProperty__default["default"](_ref7, className, className !== null), _defineProperty__default["default"](_ref7, styles.placeholder, isPlaceholder), _defineProperty__default["default"](_ref7, styles.isPreview, isPreview), _ref7)]),
304
+ className: classNames__default["default"]([styles.container, (_ref8 = {}, _defineProperty__default["default"](_ref8, className, className !== null), _defineProperty__default["default"](_ref8, styles.placeholder, isPlaceholder), _defineProperty__default["default"](_ref8, styles.isPreview, isPreview), _ref8)]),
303
305
  "data-screen-ready": ready
304
306
  }, !isPlaceholder ? /*#__PURE__*/React__default["default"].createElement(Background__default["default"], {
305
307
  background: background,
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@micromag/screen-audio",
3
- "version": "0.3.175",
3
+ "version": "0.3.182",
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.175",
53
- "@micromag/element-audio": "^0.3.175",
54
- "@micromag/element-background": "^0.3.175",
55
- "@micromag/element-call-to-action": "^0.3.175",
56
- "@micromag/element-closed-captions": "^0.3.175",
57
- "@micromag/element-container": "^0.3.175",
58
- "@micromag/element-layout": "^0.3.175",
59
- "@micromag/element-media-controls": "^0.3.175",
60
- "@micromag/transforms": "^0.3.175",
52
+ "@micromag/core": "^0.3.182",
53
+ "@micromag/element-audio": "^0.3.182",
54
+ "@micromag/element-background": "^0.3.182",
55
+ "@micromag/element-call-to-action": "^0.3.182",
56
+ "@micromag/element-closed-captions": "^0.3.182",
57
+ "@micromag/element-container": "^0.3.182",
58
+ "@micromag/element-layout": "^0.3.182",
59
+ "@micromag/element-media-controls": "^0.3.182",
60
+ "@micromag/transforms": "^0.3.182",
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": "ea7a5bc61e422ece8342951f519fffee76ba9c4d"
70
+ "gitHead": "3fdd215df2c83f292063fba88077d88be5718955"
71
71
  }