@rocket.chat/fuselage 0.32.0-dev.331 → 0.32.0-dev.332

package/dist/components/AudioPlayer/AudioPlayer.d.ts

@@ -1,8 +1,10 @@
 import React from 'react';
 export declare const AudioPlayer: React.ForwardRefExoticComponent<{
     src: string;
+    type?: string | undefined;
     maxPlaybackSpeed?: number | undefined;
     minPlaybackSpeed?: number | undefined;
     playbackSpeedStep?: number | undefined;
+    download?: boolean | undefined;
 } & React.RefAttributes<HTMLAudioElement>>;
 //# sourceMappingURL=AudioPlayer.d.ts.map

package/dist/components/AudioPlayer/AudioPlayer.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"AudioPlayer.d.ts","sourceRoot":"","sources":["../../../src/components/AudioPlayer/AudioPlayer.tsx"],"names":[],"mappings":"AACA,OAAO,KAAuC,MAAM,OAAO,CAAC;AA6B5D,eAAO,MAAM,WAAW;SAGf,MAAM;;;;0CA4Jd,CAAC"}
+{"version":3,"file":"AudioPlayer.d.ts","sourceRoot":"","sources":["../../../src/components/AudioPlayer/AudioPlayer.tsx"],"names":[],"mappings":"AACA,OAAO,KAAuC,MAAM,OAAO,CAAC;AA6B5D,eAAO,MAAM,WAAW;SAGf,MAAM;;;;;;0CAmKd,CAAC"}

package/dist/fuselage.development.js

@@ -3254,13 +3254,13 @@ function forceDownload(url, fileName) {
     xhr.send();
 }
 var AudioPlayer = (0,react__WEBPACK_IMPORTED_MODULE_1__.forwardRef)(function (_a, ref) {
-    var src = _a.src, _b = _a.maxPlaybackSpeed, maxPlaybackSpeed = _b === void 0 ? 2 : _b, _c = _a.minPlaybackSpeed, minPlaybackSpeed = _c === void 0 ? 0.5 : _c, _d = _a.playbackSpeedStep, playbackSpeedStep = _d === void 0 ? 0.5 : _d;
+    var src = _a.src, _b = _a.type, type = _b === void 0 ? 'audio/mpeg' : _b, _c = _a.maxPlaybackSpeed, maxPlaybackSpeed = _c === void 0 ? 2 : _c, _d = _a.minPlaybackSpeed, minPlaybackSpeed = _d === void 0 ? 0.5 : _d, _e = _a.playbackSpeedStep, playbackSpeedStep = _e === void 0 ? 0.5 : _e, _f = _a.download, download = _f === void 0 ? false : _f;
     var audioRef = (0,react__WEBPACK_IMPORTED_MODULE_1__.useRef)(null);
     var refs = (0,_rocket_chat_fuselage_hooks__WEBPACK_IMPORTED_MODULE_0__.useMergedRefs)(ref, audioRef);
-    var _e = __read((0,react__WEBPACK_IMPORTED_MODULE_1__.useState)(false), 2), isPlaying = _e[0], setIsPlaying = _e[1];
-    var _f = __read((0,react__WEBPACK_IMPORTED_MODULE_1__.useState)(0), 2), currentTime = _f[0], setCurrentTime = _f[1];
-    var _g = __read((0,react__WEBPACK_IMPORTED_MODULE_1__.useState)(0), 2), durationTime = _g[0], setDurationTime = _g[1];
-    var _h = __read((0,react__WEBPACK_IMPORTED_MODULE_1__.useState)(1), 2), playbackSpeed = _h[0], setPlaybackSpeed = _h[1];
+    var _g = __read((0,react__WEBPACK_IMPORTED_MODULE_1__.useState)(false), 2), isPlaying = _g[0], setIsPlaying = _g[1];
+    var _h = __read((0,react__WEBPACK_IMPORTED_MODULE_1__.useState)(0), 2), currentTime = _h[0], setCurrentTime = _h[1];
+    var _j = __read((0,react__WEBPACK_IMPORTED_MODULE_1__.useState)(0), 2), durationTime = _j[0], setDurationTime = _j[1];
+    var _k = __read((0,react__WEBPACK_IMPORTED_MODULE_1__.useState)(1), 2), playbackSpeed = _k[0], setPlaybackSpeed = _k[1];
     var handlePlay = function () {
         var _a, _b, _c;
         var isPlaying = (_a = audioRef.current) === null || _a === void 0 ? void 0 : _a.paused;
@@ -3278,7 +3278,7 @@ var AudioPlayer = (0,react__WEBPACK_IMPORTED_MODULE_1__.forwardRef)(function (_a
     };
     var handleIncreasePlayBackSpeed = function () { return handlePlaybackSpeed(1); };
     var handleDecreasePlayBackSpeed = function () { return handlePlaybackSpeed(-1); };
-    return (react__WEBPACK_IMPORTED_MODULE_1___default().createElement(___WEBPACK_IMPORTED_MODULE_2__.Box, { borderWidth: 'default', borderColor: 'extra-light', p: 'x16', width: 'fit-content', borderRadius: 'x4' },
+    return (react__WEBPACK_IMPORTED_MODULE_1___default().createElement(___WEBPACK_IMPORTED_MODULE_2__.Box, { borderWidth: 'default', bg: 'light', borderColor: 'extra-light', p: 'x16', width: 'fit-content', borderRadius: 'x4' },
         react__WEBPACK_IMPORTED_MODULE_1___default().createElement(___WEBPACK_IMPORTED_MODULE_2__.Box, { display: 'flex', alignItems: 'center' },
             react__WEBPACK_IMPORTED_MODULE_1___default().createElement(___WEBPACK_IMPORTED_MODULE_2__.IconButton, { large: true, onClick: handlePlay, icon: isPlaying ? 'pause-unfilled' : 'play-unfilled' }),
             react__WEBPACK_IMPORTED_MODULE_1___default().createElement(___WEBPACK_IMPORTED_MODULE_2__.Box, { mi: 'x12', position: 'relative' },
@@ -3297,13 +3297,13 @@ var AudioPlayer = (0,react__WEBPACK_IMPORTED_MODULE_1__.forwardRef)(function (_a
                                 "x"),
                             react__WEBPACK_IMPORTED_MODULE_1___default().createElement(___WEBPACK_IMPORTED_MODULE_2__.IconButton, { disabled: playbackSpeed >= maxPlaybackSpeed, icon: 'plus', mini: true, onClick: handleIncreasePlayBackSpeed }))),
                     getMaskTime(durationTime))),
-            react__WEBPACK_IMPORTED_MODULE_1___default().createElement(___WEBPACK_IMPORTED_MODULE_2__.IconButton, { is: 'a', href: src, download: true, icon: 'download', large: true, onClick: function (e) {
+            download && (react__WEBPACK_IMPORTED_MODULE_1___default().createElement(___WEBPACK_IMPORTED_MODULE_2__.IconButton, { is: 'a', href: src, download: true, icon: 'download', large: true, onClick: function (e) {
                     var host = new URL(src).host;
                     if (host !== window.location.host) {
                         e.preventDefault();
                         forceDownload(src);
                     }
-                } })),
+                } }))),
         react__WEBPACK_IMPORTED_MODULE_1___default().createElement("audio", { style: { display: 'none' }, onTimeUpdate: function (e) {
                 setCurrentTime(e.target.currentTime);
             }, onLoadedData: function (e) {
@@ -3315,7 +3315,7 @@ var AudioPlayer = (0,react__WEBPACK_IMPORTED_MODULE_1__.forwardRef)(function (_a
             }, onPause: function () {
                 setIsPlaying(false);
             }, controls: true },
-            react__WEBPACK_IMPORTED_MODULE_1___default().createElement("source", { src: src, type: 'audio/mpeg' }))));
+            react__WEBPACK_IMPORTED_MODULE_1___default().createElement("source", { src: src, type: type }))));
 });