@lls/lls-audio 0.0.22 → 0.0.23

package/package.json

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

package/player/index.js

@@ -177,8 +177,9 @@ var Player = function (_Component) {
       var _this4 = this;
 
       var _props = this.props,
+          _props$autoPlay = _props.autoPlay,
+          autoPlay = _props$autoPlay === undefined ? false : _props$autoPlay,
           src = _props.src,
-          visible = _props.visible,
           className = _props.className,
           _props$onClose = _props.onClose,
           onClose = _props$onClose === undefined ? function () {} : _props$onClose,
@@ -205,10 +206,10 @@ var Player = function (_Component) {
           _currentRange$endTime = currentRange.endTime,
           endTime = _currentRange$endTime === undefined ? 0 : _currentRange$endTime;
 
-      console.log(endTime);
+
       return _react2.default.createElement(
         'div',
-        { className: 'Audio_player ' + (0, _noImportant.css)(styles.player) + ' ' + className + ' ' + (visible ? '' : (0, _noImportant.css)(styles.hidden)) },
+        { className: 'Audio_player ' + (0, _noImportant.css)(styles.player) + ' ' + className },
         _react2.default.createElement(
           'div',
           { className: (0, _noImportant.css)(styles.play_and_stop), onClick: function onClick() {
@@ -216,7 +217,7 @@ var Player = function (_Component) {
             } },
           _react2.default.createElement(_Play2.default, { pause: !play })
         ),
-        _react2.default.createElement(_Audio2.default, { onChange: function onChange(state) {
+        _react2.default.createElement(_Audio2.default, { autoPlay: autoPlay, onChange: function onChange(state) {
             return _this4.setState(_extends({}, state));
           }, ref: 'audio', src: src }),
         _react2.default.createElement(

package/player/styles/styles.js

@@ -69,8 +69,5 @@ exports.default = {
     right: 10,
     color: _colors.GREY,
     fontSize: 16
-  },
-  hidden: {
-    display: 'none'
   }
 };

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('Autoplay', function () {
+  return _react2.default.createElement(_player2.default, { autoPlay: true });
 });
 //import PlayerCustom from './playerCustom'
 

package/stories/player.js

@@ -41,7 +41,9 @@ var PlayerExample = function (_Component) {
     value: function render() {
       var _this2 = this;
 
-      var ranges = this.props.ranges;
+      var _props = this.props,
+          ranges = _props.ranges,
+          autoPlay = _props.autoPlay;
 
       return _react2.default.createElement(
         'div',
@@ -64,7 +66,7 @@ var PlayerExample = function (_Component) {
             'http://lls-media-public.s3.amazonaws.com/upload/LeLivreScolaire/p15vcjbl4lvpl9l7g8ov8ammh1.mp3'
           )
         ),
-        _react2.default.createElement(_player2.default, { src: this.state.url, ranges: ranges, visible: true })
+        _react2.default.createElement(_player2.default, { autoPlay: autoPlay, src: this.state.url, ranges: ranges, visible: true })
       );
     }
   }]);