@rocket.chat/fuselage 0.32.0-dev.330 → 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/components/Position/Position.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Position.d.ts","sourceRoot":"","sources":["../../../src/components/Position/Position.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,6BAA6B,CAAC;AAEtE,OAAO,KAAK,EACV,SAAS,EACT,cAAc,EACd,WAAW,EACX,YAAY,EACb,MAAM,OAAO,CAAC;AAIf,OAAO,KAAK,GAAG,MAAM,QAAQ,CAAC;AAE9B,KAAK,aAAa,GAAG;IACnB,MAAM,EAAE,SAAS,CAAC,OAAO,CAAC,CAAC;IAC3B,QAAQ,EAAE,YAAY,CAAC;IACvB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,SAAS,CAAC,EAAE,kBAAkB,CAAC,WAAW,CAAC,CAAC;CAC7C,GAAG,IAAI,CAAC,cAAc,CAAC,OAAO,GAAG,CAAC,EAAE,UAAU,GAAG,QAAQ,CAAC,CAAC;AAE5D,QAAA,MAAM,QAAQ,6EAOX,aAAa,KAAG,WAmClB,CAAC;AAEF,eAAe,QAAQ,CAAC"}
+{"version":3,"file":"Position.d.ts","sourceRoot":"","sources":["../../../src/components/Position/Position.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,6BAA6B,CAAC;AAEtE,OAAO,KAAK,EACV,SAAS,EACT,cAAc,EACd,WAAW,EACX,YAAY,EACb,MAAM,OAAO,CAAC;AAIf,OAAO,KAAK,GAAG,MAAM,QAAQ,CAAC;AAE9B,KAAK,aAAa,GAAG;IACnB,MAAM,EAAE,SAAS,CAAC,OAAO,CAAC,CAAC;IAC3B,QAAQ,EAAE,YAAY,CAAC;IACvB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,SAAS,CAAC,EAAE,kBAAkB,CAAC,WAAW,CAAC,CAAC;CAC7C,GAAG,IAAI,CAAC,cAAc,CAAC,OAAO,GAAG,CAAC,EAAE,UAAU,GAAG,QAAQ,CAAC,CAAC;AAE5D,QAAA,MAAM,QAAQ,6EAOX,aAAa,KAAG,WA4ClB,CAAC;AAEF,eAAe,QAAQ,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 }))));
 });
 
 
@@ -11556,6 +11556,11 @@ var Position = function (_a) {
         document.body.appendChild(element);
         return element;
     }), 1), portalContainer = _c[0];
+    (0,react__WEBPACK_IMPORTED_MODULE_1__.useEffect)(function () { return function () {
+        if (portalContainer.childNodes.length === 0) {
+            document.body.removeChild(portalContainer);
+        }
+    }; }, [portalContainer]);
     return (0,react_dom__WEBPACK_IMPORTED_MODULE_2__.createPortal)((0,react__WEBPACK_IMPORTED_MODULE_1__.cloneElement)(children, __assign(__assign({ ref: target, style: style }, props), { placement: positionPlacement })), portalContainer);
 };
 /* harmony default export */ __webpack_exports__["default"] = (Position);