@lls/lls-audio 0.0.56 → 0.0.57

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@lls/lls-audio",
-  "version": "0.0.56",
+  "version": "0.0.57",
   "main": "index.js",
   "devDependencies": {
     "@kadira/storybook": "^2.21.0",

package/player/index.js

@@ -249,7 +249,9 @@ var Player = function (_Component) {
           _props$preload = _props.preload,
           preload = _props$preload === undefined ? 'auto' : _props$preload,
           _props$caption = _props.caption,
-          caption = _props$caption === undefined ? '' : _props$caption;
+          caption = _props$caption === undefined ? '' : _props$caption,
+          _props$inline = _props.inline,
+          inline = _props$inline === undefined ? false : _props$inline;
       var _state = this.state,
           loading = _state.loading,
           duration = _state.duration,
@@ -267,9 +269,10 @@ var Player = function (_Component) {
           _currentRange$endTime = currentRange.endTime,
           endTime = _currentRange$endTime === undefined ? 0 : _currentRange$endTime;
 
+      var playerStyle = inline ? styles.inline : styles.fixed;
       return _react2.default.createElement(
         'div',
-        { className: 'Audio_player ' + (0, _noImportant.css)(styles.player) + ' ' + className },
+        { className: 'Audio_player ' + (0, _noImportant.css)(styles.player, playerStyle) + ' ' + className },
         _react2.default.createElement(Title, { content: title }),
         _react2.default.createElement(
           Content,
@@ -329,7 +332,7 @@ var Player = function (_Component) {
           ),
           _react2.default.createElement(VolumeIcon, { audioRef: this.refs.audio, volume: volume }),
           _react2.default.createElement(VolumeRange, { audioRef: this.refs.audio, volume: volume, volumeClassNames: _volumeClassNames2.default }),
-          _react2.default.createElement(_llsIcons2.default, { className: 'Close ' + (0, _noImportant.css)(styles.close), onClick: function onClick() {
+          !inline && _react2.default.createElement(_llsIcons2.default, { className: 'Close ' + (0, _noImportant.css)(styles.close), onClick: function onClick() {
               on.close && on.close({ url: src });
             }, name: 'fermer' }),
           caption && _react2.default.createElement(_Caption2.default, { caption: caption })

package/player/styles/styles.js

@@ -12,18 +12,23 @@ function _defineProperty(obj, key, value) { if (key in obj) { Object.definePrope
 
 exports.default = {
   player: _defineProperty({
-    position: 'fixed',
     boxShadow: '0 0 7px rgba(0, 0, 0, 0.32)',
-    backgroundColor: '#fff',
-    bottom: 0,
-    zIndex: 10000000,
-    width: '90%',
-    marginLeft: '50%',
-    transform: 'translate(-50%, 0)'
+    backgroundColor: '#fff'
   }, _mediaQueries.MOBILE, {
     flexFlow: 'row wrap',
     paddingTop: 10
   }),
+  fixed: {
+    position: 'fixed',
+    bottom: 0,
+    zIndex: 10000000,
+    marginLeft: '50%',
+    transform: 'translate(-50%, 0)',
+    width: '90%'
+  },
+  inline: {
+    width: '100%'
+  },
   volume: {
     width: 100,
     cursor: 'pointer'

package/stories/index.js

@@ -24,6 +24,8 @@ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { de
   return _react2.default.createElement(_player2.default, null);
 }).add('Ranges', function () {
   return _react2.default.createElement(_playerRange2.default, null);
+}).add('Inline', function () {
+  return _react2.default.createElement(_player2.default, { inline: true });
 }).add('Autoplay', function () {
   return _react2.default.createElement(_player2.default, { autoPlay: true });
 }).add('Caption', function () {

package/stories/player.js

@@ -44,7 +44,9 @@ var PlayerExample = function (_Component) {
       var _props = this.props,
           ranges = _props.ranges,
           autoPlay = _props.autoPlay,
-          caption = _props.caption;
+          caption = _props.caption,
+          _props$inline = _props.inline,
+          inline = _props$inline === undefined ? false : _props$inline;
 
       var cb = {
         loadStart: function loadStart(_ref) {
@@ -96,7 +98,7 @@ var PlayerExample = function (_Component) {
             'http://lls-media-public.s3.amazonaws.com/upload/LeLivreScolaire/p15vcjbl4lvpl9l7g8ov8ammh1.mp3'
           )
         ),
-        _react2.default.createElement(_player2.default, { id: this.state.url, title: 'Audio: un audio de la BBC', on: cb, autoPlay: autoPlay, src: this.state.url, ranges: ranges, visible: true, caption: caption })
+        _react2.default.createElement(_player2.default, { inline: inline, id: this.state.url, title: 'Audio: un audio de la BBC', on: cb, autoPlay: autoPlay, src: this.state.url, ranges: ranges, visible: true, caption: caption })
       );
     }
   }]);