@micromag/element-audio 0.2.396 → 0.2.404

package/es/index.js

@@ -10,7 +10,7 @@ import PropTypes from 'prop-types';
 import React, { useRef, useEffect, useCallback, useState } from 'react';
 import { useSpring } from '@react-spring/core';
 import { animated } from '@react-spring/web';
-import { useGesture } from 'react-use-gesture';
+import { useGesture } from '@use-gesture/react';
 import 'whatwg-fetch';
 
 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"};
@@ -46,7 +46,7 @@ var defaultProps$1 = {
   onReady: null
 };
 
-var AudioWave = function AudioWave(_ref) {
+function AudioWave(_ref) {
   var currentTime = _ref.currentTime,
       duration = _ref.duration,
       playing = _ref.playing,
@@ -229,7 +229,7 @@ var AudioWave = function AudioWave(_ref) {
       })
     }
   }));
-};
+}
 
 AudioWave.propTypes = propTypes$1;
 AudioWave.defaultProps = defaultProps$1;

package/lib/index.js

@@ -14,7 +14,7 @@ var PropTypes = require('prop-types');
 var React = require('react');
 var core = require('@react-spring/core');
 var web = require('@react-spring/web');
-var reactUseGesture = require('react-use-gesture');
+var react = require('@use-gesture/react');
 require('whatwg-fetch');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
@@ -60,7 +60,7 @@ var defaultProps$1 = {
   onReady: null
 };
 
-var AudioWave = function AudioWave(_ref) {
+function AudioWave(_ref) {
   var currentTime = _ref.currentTime,
       duration = _ref.duration,
       playing = _ref.playing,
@@ -209,7 +209,7 @@ var AudioWave = function AudioWave(_ref) {
       onResume();
     }
   }, [duration, playing, onSeek, onResume]);
-  var bind = reactUseGesture.useGesture({
+  var bind = react.useGesture({
     onDrag: function onDrag(_ref3) {
       var _ref3$xy = _slicedToArray__default["default"](_ref3.xy, 1),
           x = _ref3$xy[0],
@@ -243,7 +243,7 @@ var AudioWave = function AudioWave(_ref) {
       })
     }
   }));
-};
+}
 
 AudioWave.propTypes = propTypes$1;
 AudioWave.defaultProps = defaultProps$1;

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@micromag/element-audio",
-    "version": "0.2.396",
+    "version": "0.2.404",
     "description": "",
     "keywords": [
         "javascript"
@@ -52,20 +52,20 @@
         "@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.396",
-        "@micromag/element-closed-captions": "^0.2.396",
-        "@micromag/element-media-controls": "^0.2.396",
+        "@micromag/core": "^0.2.404",
+        "@micromag/element-closed-captions": "^0.2.404",
+        "@micromag/element-media-controls": "^0.2.404",
         "@react-spring/core": "^9.1.1",
         "@react-spring/web": "^9.1.1",
+        "@use-gesture/react": "^10.2.4",
         "classnames": "^2.2.6",
         "prop-types": "^15.7.2",
         "react-intl": "^5.12.1",
-        "react-use-gesture": "^9.0.0",
         "uuid": "^8.3.2",
         "whatwg-fetch": "^3.6.1"
     },
     "publishConfig": {
         "access": "public"
     },
-    "gitHead": "480deb93475c6eefcd4c5997b4ce7c9f32e6ff7d"
+    "gitHead": "34d5345cb0dad79206bb6b7a25f02742663023ee"
 }