@stream-io/video-react-sdk 1.6.1 → 1.6.2

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (8) hide show
  1. package/CHANGELOG.md +7 -0
  2. package/dist/index.cjs.js +4 -2
  3. package/dist/index.cjs.js.map +1 -1
  4. package/dist/index.es.js +4 -2
  5. package/dist/index.es.js.map +1 -1
  6. package/dist/src/core/components/CallLayout/SpeakerLayout.d.ts +1 -1
  7. package/package.json +1 -1
  8. package/src/core/components/CallLayout/SpeakerLayout.tsx +5 -2
package/dist/src/core/components/CallLayout/SpeakerLayout.d.ts CHANGED
@@ -24,7 +24,7 @@ export type SpeakerLayoutProps = {
24
24
  */
25
25
  excludeLocalParticipant?: boolean;
26
26
  /**
27
- * When set to `false` disables mirroring of the local partipant's video.
27
+ * When set to `false` disables mirroring of the local participant's video.
28
28
  * @default true
29
29
  */
30
30
  mirrorLocalParticipantVideo?: boolean;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@stream-io/video-react-sdk",
3
- "version": "1.6.1",
3
+ "version": "1.6.2",
4
4
  "packageManager": "yarn@3.2.4",
5
5
  "main": "./dist/index.cjs.js",
6
6
  "module": "./dist/index.es.js",
package/src/core/components/CallLayout/SpeakerLayout.tsx CHANGED
@@ -42,7 +42,7 @@ export type SpeakerLayoutProps = {
42
42
  */
43
43
  excludeLocalParticipant?: boolean;
44
44
  /**
45
- * When set to `false` disables mirroring of the local partipant's video.
45
+ * When set to `false` disables mirroring of the local participant's video.
46
46
  * @default true
47
47
  */
48
48
  mirrorLocalParticipantVideo?: boolean;
@@ -127,6 +127,9 @@ export const SpeakerLayout = ({
127
127
 
128
128
  if (!call) return null;
129
129
 
130
+ const renderParticipantsBar =
131
+ participantsBarPosition &&
132
+ (participantsWithAppliedLimit.length > 0 || isSpeakerScreenSharing);
130
133
  return (
131
134
  <div className="str-video__speaker-layout__wrapper">
132
135
  <ParticipantsAudio participants={remoteParticipants} />
@@ -151,7 +154,7 @@ export const SpeakerLayout = ({
151
154
  />
152
155
  )}
153
156
  </div>
154
- {participantsWithAppliedLimit.length > 0 && participantsBarPosition && (
157
+ {renderParticipantsBar && (
155
158
  <div
156
159
  ref={setButtonsWrapperElement}
157
160
  className="str-video__speaker-layout__participants-bar-buttons-wrapper"