@micromag/element-audio 0.2.337 → 0.2.352

package/es/index.js

@@ -212,6 +212,7 @@ AudioWave.defaultProps = defaultProps$1;
 
 var styles = {"container":"micromag-element-audio-container","wave":"micromag-element-audio-wave"};
 
+var _excluded = ["ref"];
 var propTypes = {
   media: PropTypes$1.audioMedia,
   apiRef: PropTypes.oneOfType([PropTypes.func, PropTypes.shape({
@@ -299,7 +300,7 @@ var Audio = function Audio(_ref) {
     onVolumeChanged: onVolumeChanged
   }),
       ref = _useMediaApi.ref,
-      api = _objectWithoutProperties(_useMediaApi, ["ref"]);
+      api = _objectWithoutProperties(_useMediaApi, _excluded);
 
   if (apiRef !== null) {
     apiRef.current = api;
@@ -424,5 +425,4 @@ var Audio$1 = /*#__PURE__*/React.forwardRef(function (props, ref) {
   }, props));
 });
 
-export default Audio$1;
-export { AudioWave };
+export { AudioWave, Audio$1 as default };

package/lib/index.js

@@ -30,19 +30,19 @@ var classNames__default = /*#__PURE__*/_interopDefaultLegacy(classNames);
 var styles$1 = {"container":"micromag-element-audio-audio-wave-container","button":"micromag-element-audio-audio-wave-button","canvasBackground":"micromag-element-audio-audio-wave-canvasBackground","canvasProgress":"micromag-element-audio-audio-wave-canvasProgress"};
 
 var propTypes$1 = {
-  currentTime: PropTypes__default['default'].number,
-  duration: PropTypes__default['default'].number,
-  playing: PropTypes__default['default'].bool,
-  sampleWidth: PropTypes__default['default'].number,
-  sampleMargin: PropTypes__default['default'].number,
-  minSampleHeight: PropTypes__default['default'].number,
-  backgroundColor: PropTypes__default['default'].string,
-  progressColor: PropTypes__default['default'].string,
-  audioLevels: PropTypes__default['default'].arrayOf(PropTypes__default['default'].number),
-  className: PropTypes__default['default'].string,
-  onSeek: PropTypes__default['default'].func,
-  onResume: PropTypes__default['default'].func,
-  onReady: PropTypes__default['default'].func
+  currentTime: PropTypes__default["default"].number,
+  duration: PropTypes__default["default"].number,
+  playing: PropTypes__default["default"].bool,
+  sampleWidth: PropTypes__default["default"].number,
+  sampleMargin: PropTypes__default["default"].number,
+  minSampleHeight: PropTypes__default["default"].number,
+  backgroundColor: PropTypes__default["default"].string,
+  progressColor: PropTypes__default["default"].string,
+  audioLevels: PropTypes__default["default"].arrayOf(PropTypes__default["default"].number),
+  className: PropTypes__default["default"].string,
+  onSeek: PropTypes__default["default"].func,
+  onResume: PropTypes__default["default"].func,
+  onReady: PropTypes__default["default"].func
 };
 var defaultProps$1 = {
   currentTime: null,
@@ -95,7 +95,7 @@ var AudioWave = function AudioWave(_ref) {
       }
     };
   }),
-      _useSpring2 = _slicedToArray__default['default'](_useSpring, 2),
+      _useSpring2 = _slicedToArray__default["default"](_useSpring, 2),
       springProps = _useSpring2[0],
       setSpringProps = _useSpring2[1];
 
@@ -187,7 +187,7 @@ var AudioWave = function AudioWave(_ref) {
   }, [duration, playing, onSeek, onResume]);
   var bind = reactUseGesture.useGesture({
     onDrag: function onDrag(_ref3) {
-      var _ref3$xy = _slicedToArray__default['default'](_ref3.xy, 1),
+      var _ref3$xy = _slicedToArray__default["default"](_ref3.xy, 1),
           x = _ref3$xy[0],
           elapsedTime = _ref3.elapsedTime,
           active = _ref3.active;
@@ -204,13 +204,13 @@ var AudioWave = function AudioWave(_ref) {
       filterTaps: true
     }
   });
-  return /*#__PURE__*/React__default['default'].createElement("div", Object.assign({
-    className: classNames__default['default']([styles$1.container, _defineProperty__default['default']({}, className, className !== null)]),
+  return /*#__PURE__*/React__default["default"].createElement("div", Object.assign({
+    className: classNames__default["default"]([styles$1.container, _defineProperty__default["default"]({}, className, className !== null)]),
     ref: elRef
-  }, bind()), /*#__PURE__*/React__default['default'].createElement("canvas", {
+  }, bind()), /*#__PURE__*/React__default["default"].createElement("canvas", {
     ref: canvasBackgroundRef,
     className: styles$1.canvasBackground
-  }), /*#__PURE__*/React__default['default'].createElement(web.animated.canvas, {
+  }), /*#__PURE__*/React__default["default"].createElement(web.animated.canvas, {
     ref: canvasProgressRef,
     className: styles$1.canvasProgress,
     style: {
@@ -226,31 +226,32 @@ AudioWave.defaultProps = defaultProps$1;
 
 var styles = {"container":"micromag-element-audio-container","wave":"micromag-element-audio-wave"};
 
+var _excluded = ["ref"];
 var propTypes = {
   media: core$1.PropTypes.audioMedia,
-  apiRef: PropTypes__default['default'].oneOfType([PropTypes__default['default'].func, PropTypes__default['default'].shape({
-    current: PropTypes__default['default'].any
+  apiRef: PropTypes__default["default"].oneOfType([PropTypes__default["default"].func, PropTypes__default["default"].shape({
+    current: PropTypes__default["default"].any
   })]),
-  initialMuted: PropTypes__default['default'].oneOf(['auto', true, false]),
-  autoPlay: PropTypes__default['default'].bool,
-  loop: PropTypes__default['default'].bool,
-  waveFake: PropTypes__default['default'].bool,
-  waveProps: PropTypes__default['default'].shape({
-    sampleWidth: PropTypes__default['default'].number,
-    sampleMargin: PropTypes__default['default'].number,
-    minSampleHeight: PropTypes__default['default'].number
+  initialMuted: PropTypes__default["default"].oneOf(['auto', true, false]),
+  autoPlay: PropTypes__default["default"].bool,
+  loop: PropTypes__default["default"].bool,
+  waveFake: PropTypes__default["default"].bool,
+  waveProps: PropTypes__default["default"].shape({
+    sampleWidth: PropTypes__default["default"].number,
+    sampleMargin: PropTypes__default["default"].number,
+    minSampleHeight: PropTypes__default["default"].number
   }),
-  reduceBufferFactor: PropTypes__default['default'].number,
-  className: PropTypes__default['default'].string,
-  onReady: PropTypes__default['default'].func,
-  onPlay: PropTypes__default['default'].func,
-  onPause: PropTypes__default['default'].func,
-  onEnded: PropTypes__default['default'].func,
-  onSeeked: PropTypes__default['default'].func,
-  onTimeUpdate: PropTypes__default['default'].func,
-  onProgressStep: PropTypes__default['default'].func,
-  onDurationChanged: PropTypes__default['default'].func,
-  onVolumeChanged: PropTypes__default['default'].func
+  reduceBufferFactor: PropTypes__default["default"].number,
+  className: PropTypes__default["default"].string,
+  onReady: PropTypes__default["default"].func,
+  onPlay: PropTypes__default["default"].func,
+  onPause: PropTypes__default["default"].func,
+  onEnded: PropTypes__default["default"].func,
+  onSeeked: PropTypes__default["default"].func,
+  onTimeUpdate: PropTypes__default["default"].func,
+  onProgressStep: PropTypes__default["default"].func,
+  onDurationChanged: PropTypes__default["default"].func,
+  onVolumeChanged: PropTypes__default["default"].func
 };
 var defaultProps = {
   media: null,
@@ -313,7 +314,7 @@ var Audio = function Audio(_ref) {
     onVolumeChanged: onVolumeChanged
   }),
       ref = _useMediaApi.ref,
-      api = _objectWithoutProperties__default['default'](_useMediaApi, ["ref"]);
+      api = _objectWithoutProperties__default["default"](_useMediaApi, _excluded);
 
   if (apiRef !== null) {
     apiRef.current = api;
@@ -331,12 +332,12 @@ var Audio = function Audio(_ref) {
       unMute = api.unMute;
 
   var _useState = React.useState(null),
-      _useState2 = _slicedToArray__default['default'](_useState, 2),
+      _useState2 = _slicedToArray__default["default"](_useState, 2),
       audioLevels = _useState2[0],
       setAudioLevels = _useState2[1];
 
   var _useState3 = React.useState(null),
-      _useState4 = _slicedToArray__default['default'](_useState3, 2),
+      _useState4 = _slicedToArray__default["default"](_useState3, 2),
       blobUrl = _useState4[0],
       setBlobUrl = _useState4[1];
 
@@ -345,7 +346,7 @@ var Audio = function Audio(_ref) {
 
     if (url !== null && waveFake) {
       var fakeLength = 1000;
-      setAudioLevels(_toConsumableArray__default['default'](new Array(fakeLength)).map(function () {
+      setAudioLevels(_toConsumableArray__default["default"](new Array(fakeLength)).map(function () {
         return Math.random();
       }));
     } else if (url !== null && typeof window !== 'undefined') {
@@ -406,9 +407,9 @@ var Audio = function Audio(_ref) {
       pause();
     }
   }, [autoPlay]);
-  return /*#__PURE__*/React__default['default'].createElement("div", {
-    className: classNames__default['default']([styles.container, _defineProperty__default['default']({}, className, className !== null)])
-  }, /*#__PURE__*/React__default['default'].createElement("audio", {
+  return /*#__PURE__*/React__default["default"].createElement("div", {
+    className: classNames__default["default"]([styles.container, _defineProperty__default["default"]({}, className, className !== null)])
+  }, /*#__PURE__*/React__default["default"].createElement("audio", {
     key: url,
     ref: ref,
     src: waveFake ? url : blobUrl,
@@ -417,7 +418,7 @@ var Audio = function Audio(_ref) {
     loop: loop,
     crossOrigin: "anonymous",
     preload: "none"
-  }), /*#__PURE__*/React__default['default'].createElement(AudioWave, Object.assign({
+  }), /*#__PURE__*/React__default["default"].createElement(AudioWave, Object.assign({
     className: styles.wave,
     media: media,
     currentTime: currentTime
@@ -432,11 +433,11 @@ var Audio = function Audio(_ref) {
 
 Audio.propTypes = propTypes;
 Audio.defaultProps = defaultProps;
-var Audio$1 = /*#__PURE__*/React__default['default'].forwardRef(function (props, ref) {
-  return /*#__PURE__*/React__default['default'].createElement(Audio, Object.assign({
+var Audio$1 = /*#__PURE__*/React__default["default"].forwardRef(function (props, ref) {
+  return /*#__PURE__*/React__default["default"].createElement(Audio, Object.assign({
     apiRef: ref
   }, props));
 });
 
 exports.AudioWave = AudioWave;
-exports.default = Audio$1;
+exports["default"] = Audio$1;

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@micromag/element-audio",
-    "version": "0.2.337",
+    "version": "0.2.352",
     "description": "",
     "keywords": [
         "javascript"
@@ -52,9 +52,9 @@
         "@fortawesome/fontawesome-svg-core": "^1.2.32",
         "@fortawesome/free-solid-svg-icons": "^5.15.1",
         "@fortawesome/react-fontawesome": "^0.1.13",
-        "@micromag/core": "^0.2.337",
-        "@micromag/element-closed-captions": "^0.2.337",
-        "@micromag/element-media-controls": "^0.2.337",
+        "@micromag/core": "^0.2.352",
+        "@micromag/element-closed-captions": "^0.2.352",
+        "@micromag/element-media-controls": "^0.2.352",
         "@react-spring/core": "^9.1.1",
         "@react-spring/web": "^9.1.1",
         "classnames": "^2.2.6",
@@ -67,5 +67,5 @@
     "publishConfig": {
         "access": "public"
     },
-    "gitHead": "23aad6915308c7f5ae4fd081adf441dcdde35ea8"
+    "gitHead": "b80e8d43c1228b698516257f97aece96a57c80c7"
 }