@micromag/element-audio 0.3.29 → 0.3.30

package/es/index.js

@@ -2,12 +2,12 @@ import _defineProperty from '@babel/runtime/helpers/defineProperty';
 import _toConsumableArray from '@babel/runtime/helpers/toConsumableArray';
 import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
 import _objectWithoutProperties from '@babel/runtime/helpers/objectWithoutProperties';
-import { PropTypes as PropTypes$1 } from '@micromag/core';
-import { useUserInteracted } from '@micromag/core/contexts';
-import { useResizeObserver, useMediaApi } from '@micromag/core/hooks';
 import classNames from 'classnames';
 import PropTypes from 'prop-types';
 import React, { useRef, useMemo, useEffect, useCallback, useState } from 'react';
+import { PropTypes as PropTypes$1 } from '@micromag/core';
+import { useUserInteracted } from '@micromag/core/contexts';
+import { useResizeObserver, useMediaApi } from '@micromag/core/hooks';
 import { useSpring } from '@react-spring/core';
 import { animated } from '@react-spring/web';
 import { useGesture } from '@use-gesture/react';
@@ -262,6 +262,7 @@ var propTypes = {
     sampleMargin: PropTypes.number,
     minSampleHeight: PropTypes.number
   }),
+  showWave: PropTypes.bool,
   reduceBufferFactor: PropTypes.number,
   className: PropTypes.string,
   onReady: PropTypes.func,
@@ -282,6 +283,7 @@ var defaultProps = {
   loop: false,
   waveFake: false,
   waveProps: null,
+  showWave: false,
   reduceBufferFactor: 100,
   className: null,
   onReady: null,
@@ -303,6 +305,7 @@ var Audio = function Audio(_ref) {
       loop = _ref.loop,
       waveFake = _ref.waveFake,
       waveProps = _ref.waveProps,
+      showWave = _ref.showWave,
       reduceBufferFactor = _ref.reduceBufferFactor,
       className = _ref.className,
       onReady = _ref.onReady,
@@ -450,7 +453,7 @@ var Audio = function Audio(_ref) {
     loop: loop,
     crossOrigin: "anonymous",
     preload: "none"
-  }), /*#__PURE__*/React.createElement(AudioWave, Object.assign({
+  }), showWave ? /*#__PURE__*/React.createElement(AudioWave, Object.assign({
     className: styles.wave,
     media: media,
     currentTime: currentTime
@@ -460,7 +463,7 @@ var Audio = function Audio(_ref) {
     onSeek: seek,
     onResume: play,
     audioLevels: audioLevels
-  })));
+  })) : null);
 };
 
 Audio.propTypes = propTypes;

package/lib/index.js

@@ -6,12 +6,12 @@ var _defineProperty = require('@babel/runtime/helpers/defineProperty');
 var _toConsumableArray = require('@babel/runtime/helpers/toConsumableArray');
 var _slicedToArray = require('@babel/runtime/helpers/slicedToArray');
 var _objectWithoutProperties = require('@babel/runtime/helpers/objectWithoutProperties');
-var core = require('@micromag/core');
-var contexts = require('@micromag/core/contexts');
-var hooks = require('@micromag/core/hooks');
 var classNames = require('classnames');
 var PropTypes = require('prop-types');
 var React = require('react');
+var core = require('@micromag/core');
+var contexts = require('@micromag/core/contexts');
+var hooks = require('@micromag/core/hooks');
 var core$1 = require('@react-spring/core');
 var web = require('@react-spring/web');
 var react = require('@use-gesture/react');
@@ -276,6 +276,7 @@ var propTypes = {
     sampleMargin: PropTypes__default["default"].number,
     minSampleHeight: PropTypes__default["default"].number
   }),
+  showWave: PropTypes__default["default"].bool,
   reduceBufferFactor: PropTypes__default["default"].number,
   className: PropTypes__default["default"].string,
   onReady: PropTypes__default["default"].func,
@@ -296,6 +297,7 @@ var defaultProps = {
   loop: false,
   waveFake: false,
   waveProps: null,
+  showWave: false,
   reduceBufferFactor: 100,
   className: null,
   onReady: null,
@@ -317,6 +319,7 @@ var Audio = function Audio(_ref) {
       loop = _ref.loop,
       waveFake = _ref.waveFake,
       waveProps = _ref.waveProps,
+      showWave = _ref.showWave,
       reduceBufferFactor = _ref.reduceBufferFactor,
       className = _ref.className,
       onReady = _ref.onReady,
@@ -464,7 +467,7 @@ var Audio = function Audio(_ref) {
     loop: loop,
     crossOrigin: "anonymous",
     preload: "none"
-  }), /*#__PURE__*/React__default["default"].createElement(AudioWave, Object.assign({
+  }), showWave ? /*#__PURE__*/React__default["default"].createElement(AudioWave, Object.assign({
     className: styles.wave,
     media: media,
     currentTime: currentTime
@@ -474,7 +477,7 @@ var Audio = function Audio(_ref) {
     onSeek: seek,
     onResume: play,
     audioLevels: audioLevels
-  })));
+  })) : null);
 };
 
 Audio.propTypes = propTypes;

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@micromag/element-audio",
-    "version": "0.3.29",
+    "version": "0.3.30",
     "description": "",
     "keywords": [
         "javascript"
@@ -68,5 +68,5 @@
     "publishConfig": {
         "access": "public"
     },
-    "gitHead": "fb4684ac9e69930c0ac4d9045b5148d011e92c7b"
+    "gitHead": "46bfc3c15f285a65b96d644a9f3eda4d3b1159e5"
 }