@micromag/element-audio 0.3.423 → 0.3.430

package/lib/index.js

@@ -19,27 +19,16 @@ var web = require('@react-spring/web');
 require('whatwg-fetch');
 var utils = require('@micromag/core/utils');
 
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
-
-var _defineProperty__default = /*#__PURE__*/_interopDefaultLegacy(_defineProperty);
-var classNames__default = /*#__PURE__*/_interopDefaultLegacy(classNames);
-var isFunction__default = /*#__PURE__*/_interopDefaultLegacy(isFunction);
-var isNumber__default = /*#__PURE__*/_interopDefaultLegacy(isNumber);
-var PropTypes__default = /*#__PURE__*/_interopDefaultLegacy(PropTypes);
-var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
-var _toConsumableArray__default = /*#__PURE__*/_interopDefaultLegacy(_toConsumableArray);
-var _slicedToArray__default = /*#__PURE__*/_interopDefaultLegacy(_slicedToArray);
-
 var styles$2 = {"container":"micromag-element-audio-audio-bars-container","seekButton":"micromag-element-audio-audio-bars-seekButton"};
 
 var propTypes$2 = {
-  progress: PropTypes__default["default"].number,
-  duration: PropTypes__default["default"].number,
-  playing: PropTypes__default["default"].bool,
-  seek: PropTypes__default["default"].func,
-  play: PropTypes__default["default"].func,
+  progress: PropTypes.number,
+  duration: PropTypes.number,
+  playing: PropTypes.bool,
+  seek: PropTypes.func,
+  play: PropTypes.func,
   // onReady: PropTypes.func,
-  className: PropTypes__default["default"].string
+  className: PropTypes.string
 };
 var defaultProps$2 = {
   progress: 0,
@@ -68,12 +57,12 @@ function AudioBars(_ref) {
   var barSize = barWidth + barGap;
   var current = progress * elWidth;
   var _useState = React.useState(null),
-    _useState2 = _slicedToArray__default["default"](_useState, 2),
+    _useState2 = _slicedToArray(_useState, 2),
     currentSeek = _useState2[0],
     setCurrentSeek = _useState2[1];
   var items = React.useMemo(function () {
     var count = Math.floor(elWidth / barSize);
-    return _toConsumableArray__default["default"](Array(count).keys()).map(function () {
+    return _toConsumableArray(Array(count).keys()).map(function () {
       return Math.floor(Math.random() * 100);
     });
   }, [elWidth, barSize]);
@@ -108,7 +97,7 @@ function AudioBars(_ref) {
   }, [seekFromX, setCurrentSeek]);
   var bind = react.useGesture({
     onDrag: function onDrag(_ref2) {
-      var _ref2$xy = _slicedToArray__default["default"](_ref2.xy, 1),
+      var _ref2$xy = _slicedToArray(_ref2.xy, 1),
         x = _ref2$xy[0],
         elapsedTime = _ref2.elapsedTime,
         active = _ref2.active;
@@ -118,7 +107,7 @@ function AudioBars(_ref) {
       seekTemporary(x);
     },
     onDragStart: function onDragStart(_ref3) {
-      var _ref3$xy = _slicedToArray__default["default"](_ref3.xy, 1),
+      var _ref3$xy = _slicedToArray(_ref3.xy, 1),
         x = _ref3$xy[0],
         elapsedTime = _ref3.elapsedTime,
         active = _ref3.active;
@@ -128,7 +117,7 @@ function AudioBars(_ref) {
       seekTemporary(x);
     },
     onDragEnd: function onDragEnd(_ref4) {
-      var _ref4$xy = _slicedToArray__default["default"](_ref4.xy, 1),
+      var _ref4$xy = _slicedToArray(_ref4.xy, 1),
         x = _ref4$xy[0];
       seekFromX(x);
       setTimeout(function () {
@@ -141,10 +130,10 @@ function AudioBars(_ref) {
       filterTaps: true
     }
   });
-  return /*#__PURE__*/React__default["default"].createElement("div", {
-    className: classNames__default["default"]([styles$2.container, _defineProperty__default["default"]({}, className, className !== null)]),
+  return /*#__PURE__*/React.createElement("div", {
+    className: classNames([styles$2.container, _defineProperty({}, className, className !== null)]),
     ref: elRef
-  }, /*#__PURE__*/React__default["default"].createElement("svg", {
+  }, /*#__PURE__*/React.createElement("svg", {
     version: "1.1",
     xmlns: "http://www.w3.org/2000/svg",
     xmlnsXlink: "http://www.w3.org/1999/xlink",
@@ -156,7 +145,7 @@ function AudioBars(_ref) {
     className: className,
     xmlSpace: "preserve"
   }, items.map(function (size, i) {
-    return /*#__PURE__*/React__default["default"].createElement("rect", {
+    return /*#__PURE__*/React.createElement("rect", {
       key: "bar-".concat(i + 1),
       width: barWidth,
       height: size,
@@ -168,7 +157,7 @@ function AudioBars(_ref) {
       strokeLinejoin: "round",
       strokeLinecap: "round"
     });
-  })), /*#__PURE__*/React__default["default"].createElement("button", Object.assign({}, bind(), {
+  })), /*#__PURE__*/React.createElement("button", Object.assign({}, bind(), {
     onClick: onClick,
     type: "button",
     className: styles$2.seekButton,
@@ -195,35 +184,35 @@ var styles$1 = {"container":"micromag-element-audio-container","wave":"micromag-
 
 var propTypes$1 = {
   media: core.PropTypes.audioMedia,
-  mediaRef: PropTypes__default["default"].oneOfType([PropTypes__default["default"].func, PropTypes__default["default"].shape({
-    current: PropTypes__default["default"].any
+  mediaRef: PropTypes.oneOfType([PropTypes.func, PropTypes.shape({
+    current: PropTypes.any
   })]),
-  muted: PropTypes__default["default"].bool,
-  autoPlay: PropTypes__default["default"].bool,
-  paused: PropTypes__default["default"].bool,
-  loop: PropTypes__default["default"].bool,
-  preload: PropTypes__default["default"].oneOf(['auto', 'none', 'metadata']),
-  shouldLoad: PropTypes__default["default"].bool,
-  waveFake: PropTypes__default["default"].bool,
+  muted: PropTypes.bool,
+  autoPlay: PropTypes.bool,
+  paused: PropTypes.bool,
+  loop: PropTypes.bool,
+  preload: PropTypes.oneOf(['auto', 'none', 'metadata']),
+  shouldLoad: PropTypes.bool,
+  waveFake: PropTypes.bool,
   // waveProps: PropTypes.shape({
   //     sampleWidth: PropTypes.number,
   //     sampleMargin: PropTypes.number,
   //     minSampleHeight: PropTypes.number,
   // }),
-  withWave: PropTypes__default["default"].bool,
-  autoWaveHeight: PropTypes__default["default"].bool,
+  withWave: PropTypes.bool,
+  autoWaveHeight: PropTypes.bool,
   // reduceBufferFactor: PropTypes.number,
-  updateInterval: 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,
-  onDurationChange: PropTypes__default["default"].func,
-  onVolumeChange: PropTypes__default["default"].func
+  updateInterval: PropTypes.number,
+  className: PropTypes.string,
+  onReady: PropTypes.func,
+  onPlay: PropTypes.func,
+  onPause: PropTypes.func,
+  onEnded: PropTypes.func,
+  onSeeked: PropTypes.func,
+  onTimeUpdate: PropTypes.func,
+  onProgressStep: PropTypes.func,
+  onDurationChange: PropTypes.func,
+  onVolumeChange: PropTypes.func
 };
 var defaultProps$1 = {
   media: null,
@@ -329,7 +318,7 @@ var Audio = function Audio(_ref) {
     if (element === null) {
       return;
     }
-    if (isNumber__default["default"](newTime)) {
+    if (isNumber(newTime)) {
       element.currentTime = newTime;
     }
   }, [_ref4.current]);
@@ -358,13 +347,13 @@ var Audio = function Audio(_ref) {
     onStep: onProgressStep
   });
   var progress = currentTime !== null && duration > 0 ? currentTime / duration : 0;
-  return /*#__PURE__*/React__default["default"].createElement("div", {
-    className: classNames__default["default"]([styles$1.container, _defineProperty__default["default"]({}, className, className !== null)])
-  }, /*#__PURE__*/React__default["default"].createElement("audio", {
+  return /*#__PURE__*/React.createElement("div", {
+    className: classNames([styles$1.container, _defineProperty({}, className, className !== null)])
+  }, /*#__PURE__*/React.createElement("audio", {
     key: url,
     ref: function ref(newRef) {
       _ref4.current = newRef;
-      if (mediaRef !== null && isFunction__default["default"](mediaRef)) {
+      if (mediaRef !== null && isFunction(mediaRef)) {
         mediaRef(newRef);
       } else if (mediaRef !== null) {
         mediaRef.current = newRef;
@@ -382,8 +371,8 @@ var Audio = function Audio(_ref) {
     onSeeked: onSeeked,
     onTimeUpdate: onTimeUpdate,
     onVolumeChange: onVolumeChange
-  }), withWave ? /*#__PURE__*/React__default["default"].createElement(AudioBars, {
-    className: classNames__default["default"]([styles$1.wave, _defineProperty__default["default"]({}, styles$1.withAutoHeight, autoWaveHeight)]),
+  }), withWave ? /*#__PURE__*/React.createElement(AudioBars, {
+    className: classNames([styles$1.wave, _defineProperty({}, styles$1.withAutoHeight, autoWaveHeight)]),
     progress: progress
     // {...waveProps}
     ,
@@ -395,8 +384,8 @@ var Audio = function Audio(_ref) {
 };
 Audio.propTypes = propTypes$1;
 Audio.defaultProps = defaultProps$1;
-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.forwardRef(function (props, ref) {
+  return /*#__PURE__*/React.createElement(Audio, Object.assign({
     mediaRef: ref
   }, props));
 });
@@ -404,19 +393,19 @@ var Audio$1 = /*#__PURE__*/React__default["default"].forwardRef(function (props,
 var styles = {"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 = {
-  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,
+  currentTime: PropTypes.number,
+  duration: PropTypes.number,
+  playing: PropTypes.bool,
+  sampleWidth: PropTypes.number,
+  sampleMargin: PropTypes.number,
+  minSampleHeight: PropTypes.number,
   backgroundColor: core.PropTypes.color,
   progressColor: core.PropTypes.color,
-  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
+  audioLevels: PropTypes.arrayOf(PropTypes.number),
+  className: PropTypes.string,
+  onSeek: PropTypes.func,
+  onResume: PropTypes.func,
+  onReady: PropTypes.func
 };
 var defaultProps = {
   currentTime: null,
@@ -474,7 +463,7 @@ function AudioWave(_ref) {
         }
       };
     }),
-    _useSpring2 = _slicedToArray__default["default"](_useSpring, 2),
+    _useSpring2 = _slicedToArray(_useSpring, 2),
     springProps = _useSpring2[0],
     setSpringProps = _useSpring2[1];
   React.useEffect(function () {
@@ -511,16 +500,16 @@ function AudioWave(_ref) {
     // get samples
 
     var levelsBySamples = audioLevels.length / samplesCount;
-    var amplitudes = _toConsumableArray__default["default"](Array(samplesCount).keys()).reduce(function (newAmplitudes, index) {
+    var amplitudes = _toConsumableArray(Array(samplesCount).keys()).reduce(function (newAmplitudes, index) {
       var levelStartIndex = index * levelsBySamples;
       var levelEndIndex = levelStartIndex + levelsBySamples;
       var newValues = [];
       for (var i = Math.floor(levelStartIndex); i < Math.round(levelEndIndex); i += 1) {
         newValues.push(audioLevels[i]);
       }
-      return levelsBySamples >= 1 ? [].concat(_toConsumableArray__default["default"](newAmplitudes), [newValues.reduce(function (total, value) {
+      return levelsBySamples >= 1 ? [].concat(_toConsumableArray(newAmplitudes), [newValues.reduce(function (total, value) {
         return total + value;
-      }, 0) / newValues.length]) : [].concat(_toConsumableArray__default["default"](newAmplitudes), newValues);
+      }, 0) / newValues.length]) : [].concat(_toConsumableArray(newAmplitudes), newValues);
     }, []);
 
     // for (let sampleI = 0; sampleI < samplesCount; sampleI += levelsBySamples) {
@@ -541,8 +530,8 @@ function AudioWave(_ref) {
     //         // }
     //     // }
     // }
-    var minAmplitude = Math.min.apply(Math, _toConsumableArray__default["default"](amplitudes));
-    var maxAmplitude = Math.max.apply(Math, _toConsumableArray__default["default"](amplitudes));
+    var minAmplitude = Math.min.apply(Math, _toConsumableArray(amplitudes));
+    var maxAmplitude = Math.max.apply(Math, _toConsumableArray(amplitudes));
     var delta = maxAmplitude - minAmplitude;
     var normalizedAmplitudes = amplitudes.map(function (n) {
       return (n - minAmplitude) / delta;
@@ -590,7 +579,7 @@ function AudioWave(_ref) {
   }, [duration, playing, onSeek, onResume]);
   var bind = react.useGesture({
     onDrag: function onDrag(_ref3) {
-      var _ref3$xy = _slicedToArray__default["default"](_ref3.xy, 1),
+      var _ref3$xy = _slicedToArray(_ref3.xy, 1),
         x = _ref3$xy[0],
         elapsedTime = _ref3.elapsedTime,
         active = _ref3.active;
@@ -605,13 +594,13 @@ function AudioWave(_ref) {
       filterTaps: true
     }
   });
-  return /*#__PURE__*/React__default["default"].createElement("div", Object.assign({
-    className: classNames__default["default"]([styles.container, _defineProperty__default["default"]({}, className, className !== null)]),
+  return /*#__PURE__*/React.createElement("div", Object.assign({
+    className: classNames([styles.container, _defineProperty({}, className, className !== null)]),
     ref: elRef
-  }, bind()), /*#__PURE__*/React__default["default"].createElement("canvas", {
+  }, bind()), /*#__PURE__*/React.createElement("canvas", {
     ref: canvasBackgroundRef,
     className: styles.canvasBackground
-  }), /*#__PURE__*/React__default["default"].createElement(web.animated.canvas, {
+  }), /*#__PURE__*/React.createElement(web.animated.canvas, {
     ref: canvasProgressRef,
     className: styles.canvasProgress,
     style: {
@@ -625,4 +614,4 @@ AudioWave.propTypes = propTypes;
 AudioWave.defaultProps = defaultProps;
 
 exports.AudioWave = AudioWave;
-exports["default"] = Audio$1;
+exports.default = Audio$1;

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@micromag/element-audio",
-    "version": "0.3.423",
+    "version": "0.3.430",
     "private": false,
     "description": "",
     "keywords": [
@@ -32,6 +32,12 @@
     "license": "ISC",
     "main": "lib/index.js",
     "module": "es/index.js",
+    "exports": {
+        ".": {
+            "require": "./lib/index.js",
+            "import": "./es/index.js"
+        }
+    },
     "files": [
         "lib",
         "es",
@@ -53,8 +59,8 @@
         "@fortawesome/fontawesome-svg-core": "^1.2.32",
         "@fortawesome/free-solid-svg-icons": "^5.15.1",
         "@fortawesome/react-fontawesome": "^0.1.13",
-        "@micromag/core": "^0.3.423",
-        "@micromag/element-closed-captions": "^0.3.423",
+        "@micromag/core": "^0.3.430",
+        "@micromag/element-closed-captions": "^0.3.430",
         "@react-spring/core": "^9.6.1",
         "@react-spring/web": "^9.6.1",
         "@use-gesture/react": "^10.2.4",
@@ -69,5 +75,5 @@
         "access": "public",
         "registry": "https://registry.npmjs.org/"
     },
-    "gitHead": "c02e69c23fd099d5684bc0b69e02f19825cecfd2"
+    "gitHead": "da790d76dba9d8e308d9f9c4e51d93a4a0e012a9"
 }