@micromag/screen-audio 0.3.423 → 0.3.430

package/assets/css/styles.css

@@ -1 +1 @@
-.micromag-screen-audio-container .micromag-screen-audio-background{height:100%;left:0;position:absolute;top:0;width:100%}.micromag-screen-audio-container{height:100%;overflow:hidden;position:relative;width:100%}.micromag-screen-audio-disabled.micromag-screen-audio-container{overflow:hidden;pointer-events:none}.micromag-screen-audio-hidden.micromag-screen-audio-container{display:none;visibility:hidden}.micromag-screen-audio-placeholder.micromag-screen-audio-container .micromag-screen-audio-content{padding:6px;position:relative}.micromag-screen-audio-container .micromag-screen-audio-empty{border:2px dashed #343434;color:#343434;margin:5px auto}.micromag-screen-audio-container .micromag-screen-audio-background{z-index:0}.micromag-screen-audio-container .micromag-screen-audio-content{z-index:1}.micromag-screen-audio-container .micromag-screen-audio-audio{bottom:50%;left:0;position:absolute;-webkit-transform:translateY(50%);-ms-transform:translateY(50%);transform:translateY(50%);width:100%}.micromag-screen-audio-container .micromag-screen-audio-bottom{bottom:0;left:0;position:absolute;-webkit-transition:padding .2s ease-out,-webkit-transform .2s ease-out;transition:padding .2s ease-out,-webkit-transform .2s ease-out;-o-transition:transform .2s ease-out,padding .2s ease-out;transition:transform .2s ease-out,padding .2s ease-out;transition:transform .2s ease-out,padding .2s ease-out,-webkit-transform .2s ease-out;width:100%}.micromag-screen-audio-container .micromag-screen-audio-bottom>*{margin-bottom:10px}.micromag-screen-audio-container .micromag-screen-audio-bottom>:last-child{margin-bottom:0}.micromag-screen-audio-container .micromag-screen-audio-empty{height:100px;margin:0 auto;width:100%}.micromag-screen-audio-container.micromag-screen-audio-isPreview{pointer-events:none}
+.micromag-screen-audio-container .micromag-screen-audio-background{height:100%;left:0;position:absolute;top:0;width:100%}.micromag-screen-audio-container{height:100%;overflow:hidden;position:relative;width:100%}.micromag-screen-audio-disabled.micromag-screen-audio-container{overflow:hidden;pointer-events:none}.micromag-screen-audio-hidden.micromag-screen-audio-container{display:none;visibility:hidden}.micromag-screen-audio-placeholder.micromag-screen-audio-container .micromag-screen-audio-content{padding:6px;position:relative}.micromag-screen-audio-container .micromag-screen-audio-empty{border:2px dashed #343434;color:#343434;margin:5px auto}.micromag-screen-audio-container .micromag-screen-audio-background{z-index:0}.micromag-screen-audio-container .micromag-screen-audio-content{z-index:1}.micromag-screen-audio-container .micromag-screen-audio-audio{bottom:50%;left:0;position:absolute;-webkit-transform:translateY(50%);-ms-transform:translateY(50%);transform:translateY(50%);width:100%}.micromag-screen-audio-container .micromag-screen-audio-bottom{bottom:0;left:0;position:absolute;-webkit-transition:padding .2s ease-out,-webkit-transform .2s ease-out;transition:padding .2s ease-out,-webkit-transform .2s ease-out;transition:transform .2s ease-out,padding .2s ease-out;transition:transform .2s ease-out,padding .2s ease-out,-webkit-transform .2s ease-out;width:100%}.micromag-screen-audio-container .micromag-screen-audio-bottom>*{margin-bottom:10px}.micromag-screen-audio-container .micromag-screen-audio-bottom>:last-child{margin-bottom:0}.micromag-screen-audio-container .micromag-screen-audio-empty{height:100px;margin:0 auto;width:100%}.micromag-screen-audio-container.micromag-screen-audio-isPreview{pointer-events:none}

package/es/index.js

@@ -49,7 +49,6 @@ var defaultProps = {
   className: null
 };
 var AudioScreen = function AudioScreen(_ref) {
-  var _ref7;
   _ref.layout;
     var audio = _ref.audio,
     spacing = _ref.spacing,
@@ -203,7 +202,7 @@ var AudioScreen = function AudioScreen(_ref) {
     }
   }, [trackScreenMedia, audio]);
   return /*#__PURE__*/React.createElement("div", {
-    className: classNames([styles.container, (_ref7 = {}, _defineProperty(_ref7, className, className !== null), _defineProperty(_ref7, styles.placeholder, isPlaceholder), _defineProperty(_ref7, styles.isPreview, isPreview), _ref7)]),
+    className: classNames([styles.container, _defineProperty(_defineProperty(_defineProperty({}, className, className !== null), styles.placeholder, isPlaceholder), styles.isPreview, isPreview)]),
     "data-screen-ready": ready
   }, /*#__PURE__*/React.createElement(Container, {
     width: width,

package/lib/index.js

@@ -24,37 +24,20 @@ var Layout = require('@micromag/element-layout');
 var _toConsumableArray = require('@babel/runtime/helpers/toConsumableArray');
 var appleNews = require('@micromag/transforms/apple-news');
 
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
-
-var _defineProperty__default = /*#__PURE__*/_interopDefaultLegacy(_defineProperty);
-var _objectSpread__default = /*#__PURE__*/_interopDefaultLegacy(_objectSpread);
-var _slicedToArray__default = /*#__PURE__*/_interopDefaultLegacy(_slicedToArray);
-var classNames__default = /*#__PURE__*/_interopDefaultLegacy(classNames);
-var PropTypes__default = /*#__PURE__*/_interopDefaultLegacy(PropTypes);
-var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
-var Audio__default = /*#__PURE__*/_interopDefaultLegacy(Audio);
-var Background__default = /*#__PURE__*/_interopDefaultLegacy(Background);
-var ClosedCaptions__default = /*#__PURE__*/_interopDefaultLegacy(ClosedCaptions);
-var Container__default = /*#__PURE__*/_interopDefaultLegacy(Container);
-var Footer__default = /*#__PURE__*/_interopDefaultLegacy(Footer);
-var Header__default = /*#__PURE__*/_interopDefaultLegacy(Header);
-var Layout__default = /*#__PURE__*/_interopDefaultLegacy(Layout);
-var _toConsumableArray__default = /*#__PURE__*/_interopDefaultLegacy(_toConsumableArray);
-
 var styles = {"container":"micromag-screen-audio-container","background":"micromag-screen-audio-background","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","audio":"micromag-screen-audio-audio","bottom":"micromag-screen-audio-bottom","isPreview":"micromag-screen-audio-isPreview"};
 
 var propTypes = {
-  layout: PropTypes__default["default"].oneOf(['middle']),
+  layout: PropTypes.oneOf(['middle']),
   audio: core.PropTypes.audioElement,
-  spacing: PropTypes__default["default"].number,
+  spacing: PropTypes.number,
   background: core.PropTypes.backgroundElement,
   header: core.PropTypes.header,
   footer: core.PropTypes.footer,
-  current: PropTypes__default["default"].bool,
-  active: PropTypes__default["default"].bool,
-  mediaRef: PropTypes__default["default"].func,
-  showWave: PropTypes__default["default"].bool,
-  className: PropTypes__default["default"].string
+  current: PropTypes.bool,
+  active: PropTypes.bool,
+  mediaRef: PropTypes.func,
+  showWave: PropTypes.bool,
+  className: PropTypes.string
 };
 var defaultProps = {
   layout: 'middle',
@@ -70,7 +53,6 @@ var defaultProps = {
   className: null
 };
 var AudioScreen = function AudioScreen(_ref) {
-  var _ref7;
   _ref.layout;
     var audio = _ref.audio,
     spacing = _ref.spacing,
@@ -101,7 +83,7 @@ var AudioScreen = function AudioScreen(_ref) {
     openWebView = _useViewerWebView.open;
   var trackScreenMedia = hooks.useTrackScreenMedia('audio');
   var _useState = React.useState(isStatic || isPlaceholder),
-    _useState2 = _slicedToArray__default["default"](_useState, 2),
+    _useState2 = _slicedToArray(_useState, 2),
     ready = _useState2[0],
     setReady = _useState2[1];
   var backgroundPlaying = current && (isView || isEdit);
@@ -139,7 +121,7 @@ var AudioScreen = function AudioScreen(_ref) {
     _ref3$url = _ref3.url,
     audioUrl = _ref3$url === void 0 ? null : _ref3$url;
   var hasAudioUrl = audioUrl !== null;
-  var finalAudio = hasAudio ? _objectSpread__default["default"](_objectSpread__default["default"]({}, audio), {}, {
+  var finalAudio = hasAudio ? _objectSpread(_objectSpread({}, audio), {}, {
     autoPlay: !isPreview && !isStatic && !isCapture && autoPlay && current
   }) : null;
   var hasClosedCaptions = closedCaptions !== null;
@@ -179,11 +161,11 @@ var AudioScreen = function AudioScreen(_ref) {
     setReady(true);
   }, [setReady]);
   var _useState3 = React.useState(null),
-    _useState4 = _slicedToArray__default["default"](_useState3, 2),
+    _useState4 = _slicedToArray(_useState3, 2),
     currentTime = _useState4[0],
     setCurrentTime = _useState4[1];
   var _useState5 = React.useState(null),
-    _useState6 = _slicedToArray__default["default"](_useState5, 2),
+    _useState6 = _slicedToArray(_useState5, 2),
     duration = _useState6[0],
     setDuration = _useState6[1];
   var isIOS = React.useMemo(function () {
@@ -223,25 +205,25 @@ var AudioScreen = function AudioScreen(_ref) {
       trackScreenMedia(audio, 'seek');
     }
   }, [trackScreenMedia, audio]);
-  return /*#__PURE__*/React__default["default"].createElement("div", {
-    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)]),
+  return /*#__PURE__*/React.createElement("div", {
+    className: classNames([styles.container, _defineProperty(_defineProperty(_defineProperty({}, className, className !== null), styles.placeholder, isPlaceholder), styles.isPreview, isPreview)]),
     "data-screen-ready": ready
-  }, /*#__PURE__*/React__default["default"].createElement(Container__default["default"], {
+  }, /*#__PURE__*/React.createElement(Container, {
     width: width,
     height: height,
     className: styles.content
-  }, /*#__PURE__*/React__default["default"].createElement(Layout__default["default"], {
+  }, /*#__PURE__*/React.createElement(Layout, {
     fullscreen: true,
     style: !isPlaceholder ? {
       padding: spacing,
       paddingTop: (!isPreview ? viewerTopHeight : 0) + (hasHeader ? spacing / 2 : spacing)
     } : null
-  }, hasHeader ? /*#__PURE__*/React__default["default"].createElement(Header__default["default"], header) : /*#__PURE__*/React__default["default"].createElement(Layout.Spacer, {
+  }, hasHeader ? /*#__PURE__*/React.createElement(Header, header) : /*#__PURE__*/React.createElement(Layout.Spacer, {
     key: "spacer-top"
-  }), /*#__PURE__*/React__default["default"].createElement(components.ScreenElement, {
+  }), /*#__PURE__*/React.createElement(components.ScreenElement, {
     key: "audio",
     placeholder: "audio",
-    emptyLabel: /*#__PURE__*/React__default["default"].createElement(reactIntl.FormattedMessage, {
+    emptyLabel: /*#__PURE__*/React.createElement(reactIntl.FormattedMessage, {
       id: "MYZwSA",
       defaultMessage: [{
         "type": 0,
@@ -250,7 +232,7 @@ var AudioScreen = function AudioScreen(_ref) {
     }),
     emptyClassName: styles.empty,
     isEmpty: !hasAudioUrl
-  }, /*#__PURE__*/React__default["default"].createElement(Audio__default["default"], Object.assign({}, finalAudio, {
+  }, /*#__PURE__*/React.createElement(Audio, Object.assign({}, finalAudio, {
     mediaRef: mediaRef,
     waveFake: isIOS || isPreview,
     waveProps: isPreview ? {
@@ -275,9 +257,9 @@ var AudioScreen = function AudioScreen(_ref) {
     onSeeked: onSeeked,
     onEnded: onEnded,
     withWave: showWave && withWave
-  }))), /*#__PURE__*/React__default["default"].createElement(Layout.Spacer, {
+  }))), /*#__PURE__*/React.createElement(Layout.Spacer, {
     key: "spacer-middle"
-  }), !isPlaceholder ? /*#__PURE__*/React__default["default"].createElement("div", {
+  }), !isPlaceholder ? /*#__PURE__*/React.createElement("div", {
     key: "bottom",
     className: styles.bottom,
     style: {
@@ -287,13 +269,13 @@ var AudioScreen = function AudioScreen(_ref) {
       paddingBottom: spacing / 2,
       paddingTop: 0
     }
-  }, hasClosedCaptions && !isPreview && !isCapture && !isStatic ? /*#__PURE__*/React__default["default"].createElement(ClosedCaptions__default["default"], {
+  }, hasClosedCaptions && !isPreview && !isCapture && !isStatic ? /*#__PURE__*/React.createElement(ClosedCaptions, {
     className: styles.closedCaptions,
     media: closedCaptions,
     currentTime: currentTime
-  }) : null, hasFooter ? /*#__PURE__*/React__default["default"].createElement(Footer__default["default"], Object.assign({}, footerProps, {
+  }) : null, hasFooter ? /*#__PURE__*/React.createElement(Footer, Object.assign({}, footerProps, {
     className: styles.callToAction
-  })) : null) : null)), !isPlaceholder ? /*#__PURE__*/React__default["default"].createElement(Background__default["default"], {
+  })) : null) : null)), !isPlaceholder ? /*#__PURE__*/React.createElement(Background, {
     background: background,
     width: width,
     height: height,
@@ -306,7 +288,7 @@ var AudioScreen = function AudioScreen(_ref) {
 };
 AudioScreen.propTypes = propTypes;
 AudioScreen.defaultProps = defaultProps;
-var AudioScreen$1 = /*#__PURE__*/React__default["default"].memo(AudioScreen);
+var AudioScreen$1 = /*#__PURE__*/React.memo(AudioScreen);
 
 var transform = function transform(newStory, _ref) {
   var audio = _ref.audio;
@@ -317,11 +299,11 @@ var transform = function transform(newStory, _ref) {
     titleStory = _Audio.story,
     titleComponent = _Audio.component;
   // console.log(media);
-  var _Container = appleNews.Container(titleStory, _toConsumableArray__default["default"](titleComponent ? [titleComponent] : [])),
+  var _Container = appleNews.Container(titleStory, _toConsumableArray(titleComponent ? [titleComponent] : [])),
     containerStory = _Container.story,
     containerComponent = _Container.component;
-  return _objectSpread__default["default"](_objectSpread__default["default"]({}, containerStory), {}, {
-    components: [].concat(_toConsumableArray__default["default"](newStory.components || []), _toConsumableArray__default["default"](containerComponent ? [containerComponent] : []))
+  return _objectSpread(_objectSpread({}, containerStory), {}, {
+    components: [].concat(_toConsumableArray(newStory.components || []), _toConsumableArray(containerComponent ? [containerComponent] : []))
   });
 };
 
@@ -421,4 +403,4 @@ var definition = {
 };
 
 exports.AudioScreen = AudioScreen$1;
-exports["default"] = definition;
+exports.default = definition;

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@micromag/screen-audio",
-    "version": "0.3.423",
+    "version": "0.3.430",
     "private": false,
     "description": "",
     "keywords": [
@@ -32,6 +32,14 @@
     "license": "ISC",
     "main": "lib/index.js",
     "module": "es/index.js",
+    "style": "assets/css/styles.css",
+    "exports": {
+        ".": {
+            "require": "./lib/index.js",
+            "import": "./es/index.js"
+        },
+        "./assets/css/*.css": "./assets/css/*.css"
+    },
     "files": [
         "lib",
         "es",
@@ -50,15 +58,15 @@
     },
     "dependencies": {
         "@babel/runtime": "^7.13.10",
-        "@micromag/core": "^0.3.423",
-        "@micromag/element-audio": "^0.3.423",
-        "@micromag/element-background": "^0.3.423",
-        "@micromag/element-closed-captions": "^0.3.423",
-        "@micromag/element-container": "^0.3.423",
-        "@micromag/element-footer": "^0.3.423",
-        "@micromag/element-header": "^0.3.423",
-        "@micromag/element-layout": "^0.3.423",
-        "@micromag/transforms": "^0.3.423",
+        "@micromag/core": "^0.3.430",
+        "@micromag/element-audio": "^0.3.430",
+        "@micromag/element-background": "^0.3.430",
+        "@micromag/element-closed-captions": "^0.3.430",
+        "@micromag/element-container": "^0.3.430",
+        "@micromag/element-footer": "^0.3.430",
+        "@micromag/element-header": "^0.3.430",
+        "@micromag/element-layout": "^0.3.430",
+        "@micromag/transforms": "^0.3.430",
         "classnames": "^2.2.6",
         "lodash": "^4.17.21",
         "prop-types": "^15.7.2",
@@ -69,5 +77,5 @@
         "access": "public",
         "registry": "https://registry.npmjs.org/"
     },
-    "gitHead": "c02e69c23fd099d5684bc0b69e02f19825cecfd2"
+    "gitHead": "da790d76dba9d8e308d9f9c4e51d93a4a0e012a9"
 }