@micromag/screen-audio 0.3.408 → 0.3.416

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 +7 -14
  2. package/lib/index.js +6 -13
  3. 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, Transitions } from '@micromag/core/components';
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
- var transitionPlaying = current && ready;
92
- var transitionDisabled = isStatic || isCapture || isPlaceholder || isPreview || isEdit;
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.setMedia;
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
- })))), /*#__PURE__*/React.createElement(Spacer, {
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
- var transitionPlaying = current && ready;
113
- var transitionDisabled = isStatic || isCapture || isPlaceholder || isPreview || isEdit;
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.setMedia;
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
- })))), /*#__PURE__*/React__default["default"].createElement(Layout.Spacer, {
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.408",
3
+ "version": "0.3.416",
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.408",
54
- "@micromag/element-audio": "^0.3.408",
55
- "@micromag/element-background": "^0.3.408",
56
- "@micromag/element-closed-captions": "^0.3.408",
57
- "@micromag/element-container": "^0.3.408",
58
- "@micromag/element-footer": "^0.3.408",
59
- "@micromag/element-header": "^0.3.408",
60
- "@micromag/element-layout": "^0.3.408",
61
- "@micromag/transforms": "^0.3.408",
53
+ "@micromag/core": "^0.3.410",
54
+ "@micromag/element-audio": "^0.3.410",
55
+ "@micromag/element-background": "^0.3.410",
56
+ "@micromag/element-closed-captions": "^0.3.410",
57
+ "@micromag/element-container": "^0.3.410",
58
+ "@micromag/element-footer": "^0.3.410",
59
+ "@micromag/element-header": "^0.3.410",
60
+ "@micromag/element-layout": "^0.3.410",
61
+ "@micromag/transforms": "^0.3.410",
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": "da827edbb305a6e1cc9832e33f2d4263dadd2331"
72
+ "gitHead": "4990d8fa86965538a258b8061630290f8c2d7ae6"
73
73
  }