@lls/lls-audio 0.0.19 → 0.0.21

package/package.json

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

package/player/index.js

@@ -84,19 +84,10 @@ var Player = function (_Component) {
       return _this.refs.audio.setRange(range);
     };
 
-    _this.toggleVisible = function () {
-      var visible = _this.state.visible;
-
-      _this.setState({
-        visible: !visible
-      });
-    };
-
     _this.state = {
       waveform: false,
       loading: true,
-      containerWidth: 0,
-      visible: true
+      containerWidth: 0
     };
     _this.setContainerWidth = (0, _utils.debounce)(_this.setContainerWidth.bind(_this), 500);
     _this.onKeyPress = _this.onKeyPress.bind(_this);
@@ -122,7 +113,7 @@ var Player = function (_Component) {
   }, {
     key: 'componentWillReceiveProps',
     value: function componentWillReceiveProps(newProps) {
-      if (newProps.src !== this.props.src || props.visible !== newProps.visible) {
+      if (newProps.src !== this.props.src) {
         this.initialize(newProps);
       }
     }
@@ -158,8 +149,7 @@ var Player = function (_Component) {
       (0, _audio.getWaveform)(src).then(function (waveform) {
         _this3.setState({
           waveform: waveform,
-          loading: false,
-          visible: visible
+          loading: false
         });
       });
     }
@@ -170,7 +160,10 @@ var Player = function (_Component) {
 
       var _props = this.props,
           src = _props.src,
-          className = _props.className;
+          visible = _props.visible,
+          className = _props.className,
+          _props$onClose = _props.onClose,
+          onClose = _props$onClose === undefined ? function () {} : _props$onClose;
       var _state = this.state,
           loading = _state.loading,
           duration = _state.duration,
@@ -180,8 +173,7 @@ var Player = function (_Component) {
           containerWidth = _state.containerWidth,
           speed = _state.speed,
           _state$currentRange = _state.currentRange,
-          currentRange = _state$currentRange === undefined ? {} : _state$currentRange,
-          visible = _state.visible;
+          currentRange = _state$currentRange === undefined ? {} : _state$currentRange;
       var _currentRange$startTi = currentRange.startTime,
           startTime = _currentRange$startTi === undefined ? 0 : _currentRange$startTi,
           _currentRange$endTime = currentRange.endTime,
@@ -235,7 +227,7 @@ var Player = function (_Component) {
             } })
         ),
         _react2.default.createElement('div', { className: 'Close ' + (0, _noImportant.css)(styles.close), onClick: function onClick() {
-            return _this4.toggleVisible();
+            return onClose();
           } })
       );
     }