@micromag/screen-audio 0.2.333 → 0.2.353

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 +4 -4
  2. package/lib/index.js +32 -31
  3. package/package.json +15 -15
package/es/index.js CHANGED
@@ -249,11 +249,12 @@ var AudioScreen = function AudioScreen(_ref) {
249
249
  return /*#__PURE__*/React.createElement("div", Object.assign({
250
250
  className: classNames([styles.container, (_ref7 = {}, _defineProperty(_ref7, className, className !== null), _defineProperty(_ref7, styles.placeholder, isPlaceholder), _defineProperty(_ref7, styles.isPreview, isPreview), _ref7)]),
251
251
  "data-screen-ready": ready
252
- }, longPressBind), !isPlaceholder ? /*#__PURE__*/React.createElement(Background, Object.assign({}, background, {
252
+ }, longPressBind), !isPlaceholder ? /*#__PURE__*/React.createElement(Background, {
253
+ background: background,
253
254
  width: width,
254
255
  height: height,
255
256
  playing: backgroundPlaying
256
- })) : null, /*#__PURE__*/React.createElement(Container, {
257
+ }) : null, /*#__PURE__*/React.createElement(Container, {
257
258
  width: width,
258
259
  height: height
259
260
  }, /*#__PURE__*/React.createElement(Layout, {
@@ -358,5 +359,4 @@ var definition = {
358
359
  }]
359
360
  };
360
361
 
361
- export default definition;
362
- export { AudioScreen$1 as AudioScreen };
362
+ export { AudioScreen$1 as AudioScreen, definition as default };
package/lib/index.js CHANGED
@@ -44,14 +44,14 @@ var _toConsumableArray__default = /*#__PURE__*/_interopDefaultLegacy(_toConsumab
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"};
45
45
 
46
46
  var propTypes = {
47
- layout: PropTypes__default['default'].oneOf(['middle']),
47
+ layout: PropTypes__default["default"].oneOf(['middle']),
48
48
  audio: core.PropTypes.audioElement,
49
- spacing: PropTypes__default['default'].number,
49
+ spacing: PropTypes__default["default"].number,
50
50
  background: core.PropTypes.backgroundElement,
51
51
  callToAction: core.PropTypes.callToAction,
52
- current: PropTypes__default['default'].bool,
52
+ current: PropTypes__default["default"].bool,
53
53
  transitions: core.PropTypes.transitions,
54
- className: PropTypes__default['default'].string
54
+ className: PropTypes__default["default"].string
55
55
  };
56
56
  var defaultProps = {
57
57
  layout: 'middle',
@@ -96,7 +96,7 @@ var AudioScreen = function AudioScreen(_ref) {
96
96
  var hasCallToAction = callToAction !== null && callToAction.active === true;
97
97
 
98
98
  var _useState = React.useState(isStatic || isPlaceholder),
99
- _useState2 = _slicedToArray__default['default'](_useState, 2),
99
+ _useState2 = _slicedToArray__default["default"](_useState, 2),
100
100
  ready = _useState2[0],
101
101
  setReady = _useState2[1];
102
102
 
@@ -120,7 +120,7 @@ var AudioScreen = function AudioScreen(_ref) {
120
120
  audioUrl = _ref3$url === void 0 ? null : _ref3$url;
121
121
 
122
122
  var hasAudioUrl = audioUrl !== null;
123
- var finalAudio = hasAudio ? _objectSpread__default['default'](_objectSpread__default['default']({}, audio), {}, {
123
+ var finalAudio = hasAudio ? _objectSpread__default["default"](_objectSpread__default["default"]({}, audio), {}, {
124
124
  autoPlay: !isPreview && !isStatic && !isCapture && autoPlay && current
125
125
  }) : null;
126
126
  var hasClosedCaptions = closedCaptions !== null;
@@ -136,22 +136,22 @@ var AudioScreen = function AudioScreen(_ref) {
136
136
  pause = _ref4.pause;
137
137
 
138
138
  var _useState3 = React.useState(null),
139
- _useState4 = _slicedToArray__default['default'](_useState3, 2),
139
+ _useState4 = _slicedToArray__default["default"](_useState3, 2),
140
140
  currentTime = _useState4[0],
141
141
  setCurrentTime = _useState4[1];
142
142
 
143
143
  var _useState5 = React.useState(null),
144
- _useState6 = _slicedToArray__default['default'](_useState5, 2),
144
+ _useState6 = _slicedToArray__default["default"](_useState5, 2),
145
145
  duration = _useState6[0],
146
146
  setDuration = _useState6[1];
147
147
 
148
148
  var _useState7 = React.useState(false),
149
- _useState8 = _slicedToArray__default['default'](_useState7, 2),
149
+ _useState8 = _slicedToArray__default["default"](_useState7, 2),
150
150
  playing = _useState8[0],
151
151
  setPlaying = _useState8[1];
152
152
 
153
153
  var _useState9 = React.useState(false),
154
- _useState10 = _slicedToArray__default['default'](_useState9, 2),
154
+ _useState10 = _slicedToArray__default["default"](_useState9, 2),
155
155
  muted = _useState10[0],
156
156
  setMuted = _useState10[1];
157
157
 
@@ -202,12 +202,12 @@ var AudioScreen = function AudioScreen(_ref) {
202
202
  var longPressBind = hooks.useLongPress({
203
203
  onLongPress: togglePlay
204
204
  });
205
- var elements = [/*#__PURE__*/React__default['default'].createElement(Layout.Spacer, {
205
+ var elements = [/*#__PURE__*/React__default["default"].createElement(Layout.Spacer, {
206
206
  key: "spacer-top"
207
- }), /*#__PURE__*/React__default['default'].createElement(components.ScreenElement, {
207
+ }), /*#__PURE__*/React__default["default"].createElement(components.ScreenElement, {
208
208
  key: "audio",
209
209
  placeholder: "audio",
210
- emptyLabel: /*#__PURE__*/React__default['default'].createElement(reactIntl.FormattedMessage, {
210
+ emptyLabel: /*#__PURE__*/React__default["default"].createElement(reactIntl.FormattedMessage, {
211
211
  id: "MYZwSA",
212
212
  defaultMessage: [{
213
213
  "type": 0,
@@ -216,11 +216,11 @@ var AudioScreen = function AudioScreen(_ref) {
216
216
  }),
217
217
  emptyClassName: styles.empty,
218
218
  isEmpty: !hasAudioUrl
219
- }, /*#__PURE__*/React__default['default'].createElement(components.Transitions, {
219
+ }, /*#__PURE__*/React__default["default"].createElement(components.Transitions, {
220
220
  transitions: transitions,
221
221
  playing: transitionPlaying,
222
222
  disabled: transitionDisabled
223
- }, /*#__PURE__*/React__default['default'].createElement(Audio__default['default'], Object.assign({}, finalAudio, {
223
+ }, /*#__PURE__*/React__default["default"].createElement(Audio__default["default"], Object.assign({}, finalAudio, {
224
224
  ref: apiRef,
225
225
  waveFake: isIOS || isPreview,
226
226
  waveProps: isPreview ? {
@@ -237,16 +237,16 @@ var AudioScreen = function AudioScreen(_ref) {
237
237
  onDurationChanged: onDurationChanged,
238
238
  onSeeked: onSeeked,
239
239
  onVolumeChanged: onVolumeChanged
240
- })))), /*#__PURE__*/React__default['default'].createElement(Layout.Spacer, {
240
+ })))), /*#__PURE__*/React__default["default"].createElement(Layout.Spacer, {
241
241
  key: "spacer-middle"
242
- }), !isPlaceholder ? /*#__PURE__*/React__default['default'].createElement("div", {
242
+ }), !isPlaceholder ? /*#__PURE__*/React__default["default"].createElement("div", {
243
243
  key: "controls",
244
244
  className: styles.bottomContent
245
- }, hasClosedCaptions && !isPreview && !isCapture && !isStatic ? /*#__PURE__*/React__default['default'].createElement(ClosedCaptions__default['default'], {
245
+ }, hasClosedCaptions && !isPreview && !isCapture && !isStatic ? /*#__PURE__*/React__default["default"].createElement(ClosedCaptions__default["default"], {
246
246
  className: styles.closedCaptions,
247
247
  media: closedCaptions,
248
248
  currentTime: currentTime
249
- }) : null, hasAudioUrl ? /*#__PURE__*/React__default['default'].createElement(MediaControls__default['default'], {
249
+ }) : null, hasAudioUrl ? /*#__PURE__*/React__default["default"].createElement(MediaControls__default["default"], {
250
250
  className: styles.mediaControls,
251
251
  withPlayPause: withPlayPause,
252
252
  playing: playing,
@@ -254,30 +254,31 @@ var AudioScreen = function AudioScreen(_ref) {
254
254
  onTogglePlay: togglePlay,
255
255
  onToggleMute: onToggleMute,
256
256
  focusable: current && isView
257
- }) : null) : null, !isPlaceholder && hasCallToAction ? /*#__PURE__*/React__default['default'].createElement("div", {
257
+ }) : null) : null, !isPlaceholder && hasCallToAction ? /*#__PURE__*/React__default["default"].createElement("div", {
258
258
  style: {
259
259
  margin: -spacing,
260
260
  marginTop: 0
261
261
  },
262
262
  key: "call-to-action"
263
- }, /*#__PURE__*/React__default['default'].createElement(CallToAction__default['default'], {
263
+ }, /*#__PURE__*/React__default["default"].createElement(CallToAction__default["default"], {
264
264
  callToAction: callToAction,
265
265
  animationDisabled: isPreview,
266
266
  focusable: current && isView
267
267
  })) : null].filter(function (el) {
268
268
  return el !== null;
269
269
  });
270
- return /*#__PURE__*/React__default['default'].createElement("div", Object.assign({
271
- 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)]),
270
+ return /*#__PURE__*/React__default["default"].createElement("div", Object.assign({
271
+ 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)]),
272
272
  "data-screen-ready": ready
273
- }, longPressBind), !isPlaceholder ? /*#__PURE__*/React__default['default'].createElement(Background__default['default'], Object.assign({}, background, {
273
+ }, longPressBind), !isPlaceholder ? /*#__PURE__*/React__default["default"].createElement(Background__default["default"], {
274
+ background: background,
274
275
  width: width,
275
276
  height: height,
276
277
  playing: backgroundPlaying
277
- })) : null, /*#__PURE__*/React__default['default'].createElement(Container__default['default'], {
278
+ }) : null, /*#__PURE__*/React__default["default"].createElement(Container__default["default"], {
278
279
  width: width,
279
280
  height: height
280
- }, /*#__PURE__*/React__default['default'].createElement(Layout__default['default'], {
281
+ }, /*#__PURE__*/React__default["default"].createElement(Layout__default["default"], {
281
282
  fullscreen: true,
282
283
  style: !isPlaceholder ? {
283
284
  padding: spacing,
@@ -288,7 +289,7 @@ var AudioScreen = function AudioScreen(_ref) {
288
289
 
289
290
  AudioScreen.propTypes = propTypes;
290
291
  AudioScreen.defaultProps = defaultProps;
291
- var AudioScreen$1 = /*#__PURE__*/React__default['default'].memo(AudioScreen);
292
+ var AudioScreen$1 = /*#__PURE__*/React__default["default"].memo(AudioScreen);
292
293
 
293
294
  var transform = function transform(newStory, _ref) {
294
295
  var audio = _ref.audio;
@@ -303,12 +304,12 @@ var transform = function transform(newStory, _ref) {
303
304
 
304
305
  console.log(media);
305
306
 
306
- var _Container = appleNews.Container(titleStory, _toConsumableArray__default['default'](titleComponent ? [titleComponent] : [])),
307
+ var _Container = appleNews.Container(titleStory, _toConsumableArray__default["default"](titleComponent ? [titleComponent] : [])),
307
308
  containerStory = _Container.story,
308
309
  containerComponent = _Container.component;
309
310
 
310
- return _objectSpread__default['default'](_objectSpread__default['default']({}, containerStory), {}, {
311
- components: [].concat(_toConsumableArray__default['default'](newStory.components || []), _toConsumableArray__default['default'](containerComponent ? [containerComponent] : []))
311
+ return _objectSpread__default["default"](_objectSpread__default["default"]({}, containerStory), {}, {
312
+ components: [].concat(_toConsumableArray__default["default"](newStory.components || []), _toConsumableArray__default["default"](containerComponent ? [containerComponent] : []))
312
313
  });
313
314
  };
314
315
 
@@ -380,4 +381,4 @@ var definition = {
380
381
  };
381
382
 
382
383
  exports.AudioScreen = AudioScreen$1;
383
- exports.default = definition;
384
+ exports["default"] = definition;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@micromag/screen-audio",
3
- "version": "0.2.333",
3
+ "version": "0.2.353",
4
4
  "description": "",
5
5
  "keywords": [
6
6
  "javascript"
@@ -40,24 +40,24 @@
40
40
  "prepare": "../../scripts/prepare-package.sh"
41
41
  },
42
42
  "devDependencies": {
43
- "react": "^16.8.0",
44
- "react-dom": "^16.8.0"
43
+ "react": "^16.8.0 || ^17.0.0",
44
+ "react-dom": "^16.8.0 || ^17.0.0"
45
45
  },
46
46
  "peerDependencies": {
47
- "react": "^16.8.0",
48
- "react-dom": "^16.8.0"
47
+ "react": "^16.8.0 || ^17.0.0",
48
+ "react-dom": "^16.8.0 || ^17.0.0"
49
49
  },
50
50
  "dependencies": {
51
51
  "@babel/runtime": "^7.13.10",
52
- "@micromag/core": "^0.2.330",
53
- "@micromag/element-audio": "^0.2.330",
54
- "@micromag/element-background": "^0.2.333",
55
- "@micromag/element-call-to-action": "^0.2.330",
56
- "@micromag/element-closed-captions": "^0.2.330",
57
- "@micromag/element-container": "^0.2.330",
58
- "@micromag/element-layout": "^0.2.330",
59
- "@micromag/element-media-controls": "^0.2.330",
60
- "@micromag/transforms": "^0.2.330",
52
+ "@micromag/core": "^0.2.353",
53
+ "@micromag/element-audio": "^0.2.353",
54
+ "@micromag/element-background": "^0.2.353",
55
+ "@micromag/element-call-to-action": "^0.2.353",
56
+ "@micromag/element-closed-captions": "^0.2.353",
57
+ "@micromag/element-container": "^0.2.353",
58
+ "@micromag/element-layout": "^0.2.353",
59
+ "@micromag/element-media-controls": "^0.2.353",
60
+ "@micromag/transforms": "^0.2.353",
61
61
  "classnames": "^2.2.6",
62
62
  "lodash": "^4.17.20",
63
63
  "prop-types": "^15.7.2",
@@ -67,5 +67,5 @@
67
67
  "publishConfig": {
68
68
  "access": "public"
69
69
  },
70
- "gitHead": "f4cc0b72ff60c80cd5628963a7e5ad82edf6acba"
70
+ "gitHead": "2fa5d38251980ca054d584adcb07e9fbe703299f"
71
71
  }