@micromag/screen-audio 0.3.27 → 0.3.29

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 +20 -12
  2. package/lib/index.js +25 -17
  3. package/package.json +11 -11
package/es/index.js CHANGED
@@ -2,21 +2,21 @@ import { FormattedMessage, defineMessage } from 'react-intl';
2
2
  import _defineProperty from '@babel/runtime/helpers/defineProperty';
3
3
  import _objectSpread from '@babel/runtime/helpers/objectSpread2';
4
4
  import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
5
- import React, { useState, useCallback, useRef, useEffect, useMemo } from 'react';
6
- import PropTypes from 'prop-types';
7
5
  import classNames from 'classnames';
6
+ import PropTypes from 'prop-types';
7
+ import React, { useState, useCallback, useRef, useEffect, useMemo } from 'react';
8
8
  import { PropTypes as PropTypes$1 } from '@micromag/core';
9
- import { isIos } from '@micromag/core/utils';
9
+ import { ScreenElement, Transitions } from '@micromag/core/components';
10
10
  import { useScreenSize, useScreenRenderContext, useViewer } from '@micromag/core/contexts';
11
11
  import { useTrackScreenMedia, useLongPress } from '@micromag/core/hooks';
12
- import { ScreenElement, Transitions } from '@micromag/core/components';
12
+ import { isIos } from '@micromag/core/utils';
13
13
  import Audio from '@micromag/element-audio';
14
- import ClosedCaptions from '@micromag/element-closed-captions';
15
- import MediaControls from '@micromag/element-media-controls';
16
14
  import Background from '@micromag/element-background';
15
+ import CallToAction from '@micromag/element-call-to-action';
16
+ import ClosedCaptions from '@micromag/element-closed-captions';
17
17
  import Container from '@micromag/element-container';
18
18
  import Layout, { Spacer } from '@micromag/element-layout';
19
- import CallToAction from '@micromag/element-call-to-action';
19
+ import MediaControls from '@micromag/element-media-controls';
20
20
  import _toConsumableArray from '@babel/runtime/helpers/toConsumableArray';
21
21
  import { Audio as Audio$1, Container as Container$1 } from '@micromag/transforms/apple-news';
22
22
 
@@ -99,7 +99,11 @@ var AudioScreen = function AudioScreen(_ref) {
99
99
  _ref2$closedCaptions = _ref2.closedCaptions,
100
100
  closedCaptions = _ref2$closedCaptions === void 0 ? null : _ref2$closedCaptions,
101
101
  _ref2$withPlayPause = _ref2.withPlayPause,
102
- withPlayPause = _ref2$withPlayPause === void 0 ? false : _ref2$withPlayPause;
102
+ withPlayPause = _ref2$withPlayPause === void 0 ? false : _ref2$withPlayPause,
103
+ _ref2$color = _ref2.color,
104
+ color = _ref2$color === void 0 ? null : _ref2$color,
105
+ _ref2$progressColor = _ref2.progressColor,
106
+ progressColor = _ref2$progressColor === void 0 ? null : _ref2$progressColor;
103
107
 
104
108
  var _ref3 = audioMedia || {},
105
109
  _ref3$url = _ref3.url,
@@ -191,8 +195,7 @@ var AudioScreen = function AudioScreen(_ref) {
191
195
  if (!current && playing) {
192
196
  pause();
193
197
  }
194
- }, [playing, current]); // ------------------------------------
195
-
198
+ }, [playing, current]);
196
199
  var longPressBind = useLongPress({
197
200
  onLongPress: togglePlay
198
201
  });
@@ -220,8 +223,13 @@ var AudioScreen = function AudioScreen(_ref) {
220
223
  waveProps: isPreview ? {
221
224
  sampleWidth: 10,
222
225
  sampleMargin: 5,
223
- minSampleHeight: 5
224
- } : null,
226
+ minSampleHeight: 5,
227
+ backgroundColor: color,
228
+ progressColor: progressColor
229
+ } : {
230
+ backgroundColor: color,
231
+ progressColor: progressColor
232
+ },
225
233
  className: styles.audio,
226
234
  onReady: onAudioReady,
227
235
  onPlay: onPlay,
package/lib/index.js CHANGED
@@ -6,21 +6,21 @@ var reactIntl = require('react-intl');
6
6
  var _defineProperty = require('@babel/runtime/helpers/defineProperty');
7
7
  var _objectSpread = require('@babel/runtime/helpers/objectSpread2');
8
8
  var _slicedToArray = require('@babel/runtime/helpers/slicedToArray');
9
- var React = require('react');
10
- var PropTypes = require('prop-types');
11
9
  var classNames = require('classnames');
10
+ var PropTypes = require('prop-types');
11
+ var React = require('react');
12
12
  var core = require('@micromag/core');
13
- var utils = require('@micromag/core/utils');
13
+ var components = require('@micromag/core/components');
14
14
  var contexts = require('@micromag/core/contexts');
15
15
  var hooks = require('@micromag/core/hooks');
16
- var components = require('@micromag/core/components');
16
+ var utils = require('@micromag/core/utils');
17
17
  var Audio = require('@micromag/element-audio');
18
- var ClosedCaptions = require('@micromag/element-closed-captions');
19
- var MediaControls = require('@micromag/element-media-controls');
20
18
  var Background = require('@micromag/element-background');
19
+ var CallToAction = require('@micromag/element-call-to-action');
20
+ var ClosedCaptions = require('@micromag/element-closed-captions');
21
21
  var Container = require('@micromag/element-container');
22
22
  var Layout = require('@micromag/element-layout');
23
- var CallToAction = require('@micromag/element-call-to-action');
23
+ var MediaControls = require('@micromag/element-media-controls');
24
24
  var _toConsumableArray = require('@babel/runtime/helpers/toConsumableArray');
25
25
  var appleNews = require('@micromag/transforms/apple-news');
26
26
 
@@ -29,16 +29,16 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
29
29
  var _defineProperty__default = /*#__PURE__*/_interopDefaultLegacy(_defineProperty);
30
30
  var _objectSpread__default = /*#__PURE__*/_interopDefaultLegacy(_objectSpread);
31
31
  var _slicedToArray__default = /*#__PURE__*/_interopDefaultLegacy(_slicedToArray);
32
- var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
33
- var PropTypes__default = /*#__PURE__*/_interopDefaultLegacy(PropTypes);
34
32
  var classNames__default = /*#__PURE__*/_interopDefaultLegacy(classNames);
33
+ var PropTypes__default = /*#__PURE__*/_interopDefaultLegacy(PropTypes);
34
+ var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
35
35
  var Audio__default = /*#__PURE__*/_interopDefaultLegacy(Audio);
36
- var ClosedCaptions__default = /*#__PURE__*/_interopDefaultLegacy(ClosedCaptions);
37
- var MediaControls__default = /*#__PURE__*/_interopDefaultLegacy(MediaControls);
38
36
  var Background__default = /*#__PURE__*/_interopDefaultLegacy(Background);
37
+ var CallToAction__default = /*#__PURE__*/_interopDefaultLegacy(CallToAction);
38
+ var ClosedCaptions__default = /*#__PURE__*/_interopDefaultLegacy(ClosedCaptions);
39
39
  var Container__default = /*#__PURE__*/_interopDefaultLegacy(Container);
40
40
  var Layout__default = /*#__PURE__*/_interopDefaultLegacy(Layout);
41
- var CallToAction__default = /*#__PURE__*/_interopDefaultLegacy(CallToAction);
41
+ var MediaControls__default = /*#__PURE__*/_interopDefaultLegacy(MediaControls);
42
42
  var _toConsumableArray__default = /*#__PURE__*/_interopDefaultLegacy(_toConsumableArray);
43
43
 
44
44
  var styles = {"container":"micromag-screen-audio-container","disabled":"micromag-screen-audio-disabled","hidden":"micromag-screen-audio-hidden","placeholder":"micromag-screen-audio-placeholder","content":"micromag-screen-audio-content","empty":"micromag-screen-audio-empty","mediaControls":"micromag-screen-audio-mediaControls","audio":"micromag-screen-audio-audio","bottomContent":"micromag-screen-audio-bottomContent","isPreview":"micromag-screen-audio-isPreview"};
@@ -120,7 +120,11 @@ var AudioScreen = function AudioScreen(_ref) {
120
120
  _ref2$closedCaptions = _ref2.closedCaptions,
121
121
  closedCaptions = _ref2$closedCaptions === void 0 ? null : _ref2$closedCaptions,
122
122
  _ref2$withPlayPause = _ref2.withPlayPause,
123
- withPlayPause = _ref2$withPlayPause === void 0 ? false : _ref2$withPlayPause;
123
+ withPlayPause = _ref2$withPlayPause === void 0 ? false : _ref2$withPlayPause,
124
+ _ref2$color = _ref2.color,
125
+ color = _ref2$color === void 0 ? null : _ref2$color,
126
+ _ref2$progressColor = _ref2.progressColor,
127
+ progressColor = _ref2$progressColor === void 0 ? null : _ref2$progressColor;
124
128
 
125
129
  var _ref3 = audioMedia || {},
126
130
  _ref3$url = _ref3.url,
@@ -212,8 +216,7 @@ var AudioScreen = function AudioScreen(_ref) {
212
216
  if (!current && playing) {
213
217
  pause();
214
218
  }
215
- }, [playing, current]); // ------------------------------------
216
-
219
+ }, [playing, current]);
217
220
  var longPressBind = hooks.useLongPress({
218
221
  onLongPress: togglePlay
219
222
  });
@@ -241,8 +244,13 @@ var AudioScreen = function AudioScreen(_ref) {
241
244
  waveProps: isPreview ? {
242
245
  sampleWidth: 10,
243
246
  sampleMargin: 5,
244
- minSampleHeight: 5
245
- } : null,
247
+ minSampleHeight: 5,
248
+ backgroundColor: color,
249
+ progressColor: progressColor
250
+ } : {
251
+ backgroundColor: color,
252
+ progressColor: progressColor
253
+ },
246
254
  className: styles.audio,
247
255
  onReady: onAudioReady,
248
256
  onPlay: onPlay,
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@micromag/screen-audio",
3
- "version": "0.3.27",
3
+ "version": "0.3.29",
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.27",
53
- "@micromag/element-audio": "^0.3.27",
54
- "@micromag/element-background": "^0.3.27",
55
- "@micromag/element-call-to-action": "^0.3.27",
56
- "@micromag/element-closed-captions": "^0.3.27",
57
- "@micromag/element-container": "^0.3.27",
58
- "@micromag/element-layout": "^0.3.27",
59
- "@micromag/element-media-controls": "^0.3.27",
60
- "@micromag/transforms": "^0.3.27",
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",
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": "18798c7cbbab4d9a702e7070950394f05c1170cb"
70
+ "gitHead": "fb4684ac9e69930c0ac4d9045b5148d011e92c7b"
71
71
  }