@stream-io/video-react-sdk 0.5.0 → 0.5.1

package/CHANGELOG.md

@@ -2,6 +2,13 @@
 
 This file was generated using [@jscutlery/semver](https://github.com/jscutlery/semver).
 
+### [0.5.1](https://github.com/GetStream/stream-video-js/compare/@stream-io/video-react-sdk-0.5.0...@stream-io/video-react-sdk-0.5.1) (2024-02-28)
+
+
+### Bug Fixes
+
+* **react-sdk:** add default menus to ToggleAudio and ToggleVideo buttons ([#1275](https://github.com/GetStream/stream-video-js/issues/1275)) ([462bd40](https://github.com/GetStream/stream-video-js/commit/462bd408bfea4edfe2062525872f06500814328d)), closes [#1194](https://github.com/GetStream/stream-video-js/issues/1194)
+
 ## [0.5.0](https://github.com/GetStream/stream-video-js/compare/@stream-io/video-react-sdk-0.4.26...@stream-io/video-react-sdk-0.5.0) (2024-02-26)
 
 ### Dependency Updates

package/dist/index.cjs.js

@@ -860,13 +860,13 @@ const ToggleAudioPublishingButton = (props) => {
 };
 
 const ToggleVideoPreviewButton = (props) => {
-    const { caption, ...restCompositeButtonProps } = props;
+    const { caption, Menu = DeviceSelectorVideo, menuPlacement = 'top', ...restCompositeButtonProps } = props;
     const { t } = videoReactBindings.useI18n();
     const { useCameraState } = videoReactBindings.useCallStateHooks();
     const { camera, isMute, hasBrowserPermission } = useCameraState();
     return (jsxRuntime.jsxs(CompositeButton, { active: isMute, caption: caption, className: clsx(!hasBrowserPermission && 'str-video__device-unavailable'), title: !hasBrowserPermission
             ? t('Check your browser video permissions')
-            : caption || t('Video'), variant: "secondary", "data-testid": isMute ? 'preview-video-unmute-button' : 'preview-video-mute-button', onClick: () => camera.toggle(), disabled: !hasBrowserPermission, ...restCompositeButtonProps, children: [jsxRuntime.jsx(Icon, { icon: !isMute ? 'camera' : 'camera-off' }), !hasBrowserPermission && (jsxRuntime.jsx("span", { className: "str-video__no-media-permission", title: t('Check your browser video permissions'), children: "!" }))] }));
+            : caption || t('Video'), variant: "secondary", "data-testid": isMute ? 'preview-video-unmute-button' : 'preview-video-mute-button', onClick: () => camera.toggle(), disabled: !hasBrowserPermission, Menu: Menu, menuPlacement: menuPlacement, ...restCompositeButtonProps, children: [jsxRuntime.jsx(Icon, { icon: !isMute ? 'camera' : 'camera-off' }), !hasBrowserPermission && (jsxRuntime.jsx("span", { className: "str-video__no-media-permission", title: t('Check your browser video permissions'), children: "!" }))] }));
 };
 const ToggleVideoPublishingButton = (props) => {
     const { t } = videoReactBindings.useI18n();
@@ -1131,8 +1131,8 @@ const ToggleMenuButton = react.forwardRef(function ToggleMenuButton(props, ref)
 
 const ToggleAudioOutputButton = (props) => {
     const { t } = videoReactBindings.useI18n();
-    const { caption, Menu } = props;
-    return (jsxRuntime.jsx(CompositeButton, { Menu: Menu, caption: caption, title: caption || t('Speakers'), "data-testid": "audio-output-button", children: jsxRuntime.jsx(Icon, { icon: "speaker" }) }));
+    const { caption, Menu = DeviceSelectorAudioOutput, menuPlacement = 'top', } = props;
+    return (jsxRuntime.jsx(CompositeButton, { Menu: Menu, menuPlacement: menuPlacement, caption: caption, title: caption || t('Speakers'), "data-testid": "audio-output-button", children: jsxRuntime.jsx(Icon, { icon: "speaker" }) }));
 };
 
 const BlockedUserListing = ({ data }) => {
@@ -2277,7 +2277,7 @@ const VerticalScrollButtons = ({ scrollWrapper, }) => {
 };
 const hasScreenShare = (p) => !!p?.publishedTracks.includes(videoClient.SfuModels.TrackType.SCREEN_SHARE);
 
-const [major, minor, patch] = ("0.5.0" ).split('.');
+const [major, minor, patch] = ("0.5.1" ).split('.');
 videoClient.setSdkInfo({
     type: videoClient.SfuModels.SdkType.REACT,
     major,