@lls/lls-audio 0.0.35 → 0.0.36

package/package.json

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

package/player/Range.js

@@ -144,7 +144,7 @@ var Range = function Range(_ref) {
             (0, _utils.timeConvert)(range.startTime) + ' - ' + (0, _utils.timeConvert)(range.endTime)
           ),
           _react2.default.createElement(_llsIcons2.default, { className: (0, _noImportant.css)(styles.delete), onClick: function onClick() {
-              return onClickDeleteRange ? onClickDeleteRange(range.id) : false;
+              return onClickDeleteRange && onClickDeleteRange(range.id);
             }, name: 'fermer' })
         );
       })

package/player/index.js

@@ -227,10 +227,6 @@ var Player = function (_Component) {
           ranges = _props$ranges === undefined ? [] : _props$ranges,
           _props$displayRange = _props.displayRange,
           displayRange = _props$displayRange === undefined ? false : _props$displayRange,
-          _props$onClickAddRang = _props.onClickAddRange,
-          onClickAddRange = _props$onClickAddRang === undefined ? false : _props$onClickAddRang,
-          _props$onClickDeleteR = _props.onClickDeleteRange,
-          onClickDeleteRange = _props$onClickDeleteR === undefined ? false : _props$onClickDeleteR,
           _props$preload = _props.preload,
           preload = _props$preload === undefined ? 'auto' : _props$preload,
           _props$caption = _props.caption,
@@ -266,8 +262,8 @@ var Player = function (_Component) {
           _react2.default.createElement(LoopWrapper, { loop: loop, audioRef: this.refs.audio }),
           displayRange && _react2.default.createElement(_Range2.default, {
             setRange: this.setRange,
-            onClickAddRange: onClickAddRange,
-            onClickDeleteRange: onClickDeleteRange,
+            onClickAddRange: on.clickAddRange,
+            onClickDeleteRange: on.clickDeleteRange,
             ranges: ranges,
             startTime: startTime,
             endTime: endTime
@@ -316,7 +312,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() {
-              if (on.close) on.close({ url: src });
+              on.close && on.close({ url: src });
             }, name: 'fermer' }),
           caption && _react2.default.createElement(_Caption2.default, { caption: caption })
         )

package/stories/player.js

@@ -63,6 +63,9 @@ var PlayerExample = function (_Component) {
         pause: function pause(_ref4) {
           var url = _ref4.url;
           console.log("pause", url);
+        },
+        close: function close() {
+          console.log("close");
         }
       };
       return _react2.default.createElement(

package/stories/playerRange.js

@@ -50,20 +50,23 @@ var PlayerExample = function (_Component) {
           ranges = _state.ranges,
           url = _state.url;
 
+      var on = {
+        clickAddRange: function clickAddRange(r) {
+          return _this2.setState({ ranges: [].concat(_toConsumableArray(ranges), [_extends({ id: ranges.length }, r)]) });
+        },
+        clickDeleteRange: function clickDeleteRange(id) {
+          return _this2.setState({ ranges: ranges.filter(function (r) {
+              return r.id != id;
+            }) });
+        }
+      };
       return _react2.default.createElement(
         'div',
         null,
         _react2.default.createElement(_player2.default, {
           src: url,
           displayRange: true,
-          onClickAddRange: function onClickAddRange(r) {
-            return _this2.setState({ ranges: [].concat(_toConsumableArray(ranges), [_extends({ id: ranges.length }, r)]) });
-          },
-          onClickDeleteRange: function onClickDeleteRange(id) {
-            return _this2.setState({ ranges: ranges.filter(function (r) {
-                return r.id != id;
-              }) });
-          },
+          on: on,
           ranges: ranges,
           visible: true
         })