@stream-io/video-react-native-sdk 0.0.1-alpha.161 → 0.0.1-alpha.162
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.
- package/CHANGELOG.md +4 -0
- package/dist/src/components/CallControlsButton.d.ts +4 -0
- package/dist/src/components/CallControlsButton.js +2 -2
- package/dist/src/components/CallControlsButton.js.map +1 -1
- package/dist/src/components/CallControlsView.js +2 -1
- package/dist/src/components/CallControlsView.js.map +1 -1
- package/dist/src/components/CallParticipantsInfoView.js +3 -3
- package/dist/src/components/CallParticipantsInfoView.js.map +1 -1
- package/dist/src/constants/A11yLabels.d.ts +3 -1
- package/dist/src/constants/A11yLabels.js +2 -0
- package/dist/src/constants/A11yLabels.js.map +1 -1
- package/package.json +1 -1
- package/src/components/CallControlsButton.tsx +17 -2
- package/src/components/CallControlsView.tsx +2 -0
- package/src/components/CallParticipantsInfoView.tsx +3 -3
- package/src/constants/A11yLabels.ts +2 -0
package/CHANGELOG.md
CHANGED
|
@@ -2,6 +2,10 @@
|
|
|
2
2
|
|
|
3
3
|
This file was generated using [@jscutlery/semver](https://github.com/jscutlery/semver).
|
|
4
4
|
|
|
5
|
+
## [0.0.1-alpha.162](https://github.com/GetStream/stream-video-js/compare/@stream-io/video-react-native-sdk-0.0.1-alpha.161...@stream-io/video-react-native-sdk-0.0.1-alpha.162) (2023-06-15)
|
|
6
|
+
|
|
7
|
+
|
|
8
|
+
|
|
5
9
|
## [0.0.1-alpha.161](https://github.com/GetStream/stream-video-js/compare/@stream-io/video-react-native-sdk-0.0.1-alpha.160...@stream-io/video-react-native-sdk-0.0.1-alpha.161) (2023-06-14)
|
|
6
10
|
|
|
7
11
|
|
|
@@ -17,6 +17,10 @@ interface CallControlsButtonProps {
|
|
|
17
17
|
* Style of the SVG rendered inside the button.
|
|
18
18
|
*/
|
|
19
19
|
svgContainerStyle?: StyleProp<ViewStyle>;
|
|
20
|
+
/**
|
|
21
|
+
* Accessibility label for the button.
|
|
22
|
+
*/
|
|
23
|
+
accessibilityLabel?: string;
|
|
20
24
|
}
|
|
21
25
|
export declare const CallControlsButton: (props: React.PropsWithChildren<CallControlsButtonProps>) => JSX.Element;
|
|
22
26
|
export {};
|
|
@@ -10,7 +10,7 @@ const theme_1 = require("../theme");
|
|
|
10
10
|
const DEFAULT_ICON_SIZE = theme_1.theme.icon.md;
|
|
11
11
|
const DEFAULT_BUTTON_SIZE = theme_1.theme.button.sm;
|
|
12
12
|
const CallControlsButton = (props) => {
|
|
13
|
-
const { onPress, children, color, style, svgContainerStyle } = props;
|
|
13
|
+
const { onPress, children, color, style, svgContainerStyle, accessibilityLabel, } = props;
|
|
14
14
|
const pressableStyle = ({ pressed }) => [
|
|
15
15
|
DEFAULT_BUTTON_SIZE,
|
|
16
16
|
styles.container,
|
|
@@ -20,7 +20,7 @@ const CallControlsButton = (props) => {
|
|
|
20
20
|
},
|
|
21
21
|
style ? style : null,
|
|
22
22
|
];
|
|
23
|
-
return (<react_native_1.Pressable style={pressableStyle} onPress={onPress}>
|
|
23
|
+
return (<react_native_1.Pressable style={pressableStyle} onPress={onPress} accessibilityLabel={accessibilityLabel}>
|
|
24
24
|
<react_native_1.View style={[
|
|
25
25
|
styles.svgContainerStyle,
|
|
26
26
|
DEFAULT_ICON_SIZE,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"CallControlsButton.js","sourceRoot":"","sources":["../../../src/components/CallControlsButton.tsx"],"names":[],"mappings":";;;;;;AAAA,kDAA0B;AAC1B,+CAOsB;AACtB,oCAAiC;
|
|
1
|
+
{"version":3,"file":"CallControlsButton.js","sourceRoot":"","sources":["../../../src/components/CallControlsButton.tsx"],"names":[],"mappings":";;;;;;AAAA,kDAA0B;AAC1B,+CAOsB;AACtB,oCAAiC;AAyBjC,MAAM,iBAAiB,GAAG,aAAK,CAAC,IAAI,CAAC,EAAE,CAAC;AACxC,MAAM,mBAAmB,GAAG,aAAK,CAAC,MAAM,CAAC,EAAE,CAAC;AAErC,MAAM,kBAAkB,GAAG,CAChC,KAAuD,EACvD,EAAE;IACF,MAAM,EACJ,OAAO,EACP,QAAQ,EACR,KAAK,EACL,KAAK,EACL,iBAAiB,EACjB,kBAAkB,GACnB,GAAG,KAAK,CAAC;IAEV,MAAM,cAAc,GAA4B,CAAC,EAAE,OAAO,EAAE,EAAE,EAAE,CAAC;QAC/D,mBAAmB;QACnB,MAAM,CAAC,SAAS;QAChB;YACE,eAAe,EAAE,KAAK;YACtB,OAAO,EAAE,OAAO,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;SAC3B;QACD,KAAK,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,IAAI;KACrB,CAAC;IAEF,OAAO,CACL,CAAC,wBAAS,CACR,KAAK,CAAC,CAAC,cAAc,CAAC,CACtB,OAAO,CAAC,CAAC,OAAO,CAAC,CACjB,kBAAkB,CAAC,CAAC,kBAAkB,CAAC,CAEvC;MAAA,CAAC,mBAAI,CACH,KAAK,CAAC,CAAC;YACL,MAAM,CAAC,iBAAiB;YACxB,iBAAiB;YACjB,iBAAiB,IAAI,IAAI;SAC1B,CAAC,CAEF;QAAA,CAAC,QAAQ,CACX;MAAA,EAAE,mBAAI,CACR;IAAA,EAAE,wBAAS,CAAC,CACb,CAAC;AACJ,CAAC,CAAC;AAvCW,QAAA,kBAAkB,sBAuC7B;AAEF,MAAM,MAAM,GAAG,yBAAU,CAAC,MAAM,CAAC;IAC/B,SAAS,EAAE;QACT,cAAc,EAAE,QAAQ;QACxB,WAAW,EAAE,CAAC;QACd,WAAW,EAAE,aAAK,CAAC,KAAK,CAAC,UAAU;QACnC,UAAU,EAAE,QAAQ;KACrB;IACD,iBAAiB,EAAE,EAAE;CACtB,CAAC,CAAC"}
|
|
@@ -12,6 +12,7 @@ const react_1 = require("react");
|
|
|
12
12
|
const ReactionsModal_1 = require("./ReactionsModal");
|
|
13
13
|
const ToggleAudioButton_1 = require("./ToggleAudioButton");
|
|
14
14
|
const ToggleVideoButton_1 = require("./ToggleVideoButton");
|
|
15
|
+
const A11yLabels_1 = require("../constants/A11yLabels");
|
|
15
16
|
/**
|
|
16
17
|
* Shows a list/row of controls (mute audio/video, toggle front/back camera, hangup call etc.)
|
|
17
18
|
* the user can trigger within an active call.
|
|
@@ -60,7 +61,7 @@ const CallControlsView = () => {
|
|
|
60
61
|
: theme_1.theme.light.static_white}/>
|
|
61
62
|
</CallControlsButton_1.CallControlsButton>
|
|
62
63
|
</video_react_bindings_1.Restricted>
|
|
63
|
-
<CallControlsButton_1.CallControlsButton onPress={onCallHangup} color={theme_1.theme.light.error} style={[styles.button, { shadowColor: theme_1.theme.light.error }]}>
|
|
64
|
+
<CallControlsButton_1.CallControlsButton onPress={onCallHangup} color={theme_1.theme.light.error} style={[styles.button, { shadowColor: theme_1.theme.light.error }]} accessibilityLabel={A11yLabels_1.A11yButtons.HANG_UP_CALL}>
|
|
64
65
|
<icons_1.PhoneDown color={theme_1.theme.light.static_white}/>
|
|
65
66
|
</CallControlsButton_1.CallControlsButton>
|
|
66
67
|
</react_native_1.View>);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"CallControlsView.js","sourceRoot":"","sources":["../../../src/components/CallControlsView.tsx"],"names":[],"mappings":";;;AAAA,+CAAgD;AAChD,8DAA2D;AAC3D,oCAAmE;AACnE,6DAA0D;AAC1D,oCAAiC;AACjC,0DAAsE;AACtE,0EAIyC;AACzC,iCAA8C;AAC9C,qDAAiD;AACjD,2DAAwD;AACxD,2DAAwD;
|
|
1
|
+
{"version":3,"file":"CallControlsView.js","sourceRoot":"","sources":["../../../src/components/CallControlsView.tsx"],"names":[],"mappings":"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"}
|
|
@@ -33,6 +33,7 @@ const utils_1 = require("../utils");
|
|
|
33
33
|
const CallParticipantsOptions_1 = require("./CallParticipantsOptions");
|
|
34
34
|
const Avatar_1 = require("./Avatar");
|
|
35
35
|
const theme_1 = require("../theme");
|
|
36
|
+
const A11yLabels_1 = require("../constants/A11yLabels");
|
|
36
37
|
const CallParticipantInfoItem = (props) => {
|
|
37
38
|
const { participant, setSelectedParticipant } = props;
|
|
38
39
|
const connectedUser = (0, video_react_bindings_1.useConnectedUser)();
|
|
@@ -93,7 +94,6 @@ const CallParticipantInfoItem = (props) => {
|
|
|
93
94
|
**/
|
|
94
95
|
const CallParticipantsInfoView = ({ isCallParticipantsViewVisible, setIsCallParticipantsViewVisible, }) => {
|
|
95
96
|
const participants = (0, video_react_bindings_1.useParticipants)();
|
|
96
|
-
const participantCount = (0, video_react_bindings_1.useParticipantCount)();
|
|
97
97
|
const [selectedParticipant, setSelectedParticipant] = (0, react_1.useState)(undefined);
|
|
98
98
|
const call = (0, video_react_bindings_1.useCall)();
|
|
99
99
|
const muteAllParticipantsHandler = async () => {
|
|
@@ -117,9 +117,9 @@ const CallParticipantsInfoView = ({ isCallParticipantsViewVisible, setIsCallPart
|
|
|
117
117
|
<react_native_1.View style={styles.header}>
|
|
118
118
|
<react_native_1.View style={styles.leftHeaderElement}/>
|
|
119
119
|
<react_native_1.Text style={styles.headerText}>
|
|
120
|
-
Participants ({
|
|
120
|
+
Participants ({participants.length})
|
|
121
121
|
</react_native_1.Text>
|
|
122
|
-
<react_native_1.Pressable style={[styles.closeIcon, theme_1.theme.icon.sm]} onPress={onCloseCallParticipantsViewVisible}>
|
|
122
|
+
<react_native_1.Pressable style={[styles.closeIcon, theme_1.theme.icon.sm]} onPress={onCloseCallParticipantsViewVisible} accessibilityLabel={A11yLabels_1.A11yButtons.EXIT_PARTICIPANTS_INFO}>
|
|
123
123
|
<icons_1.Cross color={theme_1.theme.light.primary}/>
|
|
124
124
|
</react_native_1.Pressable>
|
|
125
125
|
</react_native_1.View>
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"CallParticipantsInfoView.js","sourceRoot":"","sources":["../../../src/components/CallParticipantsInfoView.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,0DAIiC;AACjC,
|
|
1
|
+
{"version":3,"file":"CallParticipantsInfoView.js","sourceRoot":"","sources":["../../../src/components/CallParticipantsInfoView.tsx"],"names":[],"mappings":"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"}
|
|
@@ -10,7 +10,9 @@ export declare enum A11yComponents {
|
|
|
10
10
|
PARTICIPANT_MEDIA_STREAM = "participant-media-stream"
|
|
11
11
|
}
|
|
12
12
|
export declare enum A11yButtons {
|
|
13
|
-
PARTICIPANTS_INFO = "participants-info-button"
|
|
13
|
+
PARTICIPANTS_INFO = "participants-info-button",
|
|
14
|
+
EXIT_PARTICIPANTS_INFO = "exit-participants-info-button",
|
|
15
|
+
HANG_UP_CALL = "hang-up-call-button"
|
|
14
16
|
}
|
|
15
17
|
export declare enum A11yValues {
|
|
16
18
|
PARTICIPANTS_IS_SPEAKING = "participant-is-speaking"
|
|
@@ -17,6 +17,8 @@ var A11yComponents;
|
|
|
17
17
|
var A11yButtons;
|
|
18
18
|
(function (A11yButtons) {
|
|
19
19
|
A11yButtons["PARTICIPANTS_INFO"] = "participants-info-button";
|
|
20
|
+
A11yButtons["EXIT_PARTICIPANTS_INFO"] = "exit-participants-info-button";
|
|
21
|
+
A11yButtons["HANG_UP_CALL"] = "hang-up-call-button";
|
|
20
22
|
})(A11yButtons = exports.A11yButtons || (exports.A11yButtons = {}));
|
|
21
23
|
var A11yValues;
|
|
22
24
|
(function (A11yValues) {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"A11yLabels.js","sourceRoot":"","sources":["../../../src/constants/A11yLabels.ts"],"names":[],"mappings":";;;AAAA,IAAY,SAIX;AAJD,WAAY,SAAS;IACnB,6CAAgC,CAAA;IAChC,+CAAkC,CAAA;IAClC,+CAAkC,CAAA;AACpC,CAAC,EAJW,SAAS,GAAT,iBAAS,KAAT,iBAAS,QAIpB;AAED,IAAY,cAKX;AALD,WAAY,cAAc;IACxB,2DAAyC,CAAA;IACzC,mEAAiD,CAAA;IACjD,yDAAuC,CAAA;IACvC,uEAAqD,CAAA;AACvD,CAAC,EALW,cAAc,GAAd,sBAAc,KAAd,sBAAc,QAKzB;AAED,IAAY,
|
|
1
|
+
{"version":3,"file":"A11yLabels.js","sourceRoot":"","sources":["../../../src/constants/A11yLabels.ts"],"names":[],"mappings":";;;AAAA,IAAY,SAIX;AAJD,WAAY,SAAS;IACnB,6CAAgC,CAAA;IAChC,+CAAkC,CAAA;IAClC,+CAAkC,CAAA;AACpC,CAAC,EAJW,SAAS,GAAT,iBAAS,KAAT,iBAAS,QAIpB;AAED,IAAY,cAKX;AALD,WAAY,cAAc;IACxB,2DAAyC,CAAA;IACzC,mEAAiD,CAAA;IACjD,yDAAuC,CAAA;IACvC,uEAAqD,CAAA;AACvD,CAAC,EALW,cAAc,GAAd,sBAAc,KAAd,sBAAc,QAKzB;AAED,IAAY,WAIX;AAJD,WAAY,WAAW;IACrB,6DAA8C,CAAA;IAC9C,uEAAwD,CAAA;IACxD,mDAAoC,CAAA;AACtC,CAAC,EAJW,WAAW,GAAX,mBAAW,KAAX,mBAAW,QAItB;AAED,IAAY,UAEX;AAFD,WAAY,UAAU;IACpB,kEAAoD,CAAA;AACtD,CAAC,EAFW,UAAU,GAAV,kBAAU,KAAV,kBAAU,QAErB;AAED,IAAY,UAEX;AAFD,WAAY,UAAU;IACpB,qCAAuB,CAAA;AACzB,CAAC,EAFW,UAAU,GAAV,kBAAU,KAAV,kBAAU,QAErB"}
|
package/package.json
CHANGED
|
@@ -26,6 +26,10 @@ interface CallControlsButtonProps {
|
|
|
26
26
|
* Style of the SVG rendered inside the button.
|
|
27
27
|
*/
|
|
28
28
|
svgContainerStyle?: StyleProp<ViewStyle>;
|
|
29
|
+
/**
|
|
30
|
+
* Accessibility label for the button.
|
|
31
|
+
*/
|
|
32
|
+
accessibilityLabel?: string;
|
|
29
33
|
}
|
|
30
34
|
|
|
31
35
|
const DEFAULT_ICON_SIZE = theme.icon.md;
|
|
@@ -34,7 +38,14 @@ const DEFAULT_BUTTON_SIZE = theme.button.sm;
|
|
|
34
38
|
export const CallControlsButton = (
|
|
35
39
|
props: React.PropsWithChildren<CallControlsButtonProps>,
|
|
36
40
|
) => {
|
|
37
|
-
const {
|
|
41
|
+
const {
|
|
42
|
+
onPress,
|
|
43
|
+
children,
|
|
44
|
+
color,
|
|
45
|
+
style,
|
|
46
|
+
svgContainerStyle,
|
|
47
|
+
accessibilityLabel,
|
|
48
|
+
} = props;
|
|
38
49
|
|
|
39
50
|
const pressableStyle: PressableProps['style'] = ({ pressed }) => [
|
|
40
51
|
DEFAULT_BUTTON_SIZE,
|
|
@@ -47,7 +58,11 @@ export const CallControlsButton = (
|
|
|
47
58
|
];
|
|
48
59
|
|
|
49
60
|
return (
|
|
50
|
-
<Pressable
|
|
61
|
+
<Pressable
|
|
62
|
+
style={pressableStyle}
|
|
63
|
+
onPress={onPress}
|
|
64
|
+
accessibilityLabel={accessibilityLabel}
|
|
65
|
+
>
|
|
51
66
|
<View
|
|
52
67
|
style={[
|
|
53
68
|
styles.svgContainerStyle,
|
|
@@ -13,6 +13,7 @@ import { useCallback, useState } from 'react';
|
|
|
13
13
|
import { ReactionModal } from './ReactionsModal';
|
|
14
14
|
import { ToggleAudioButton } from './ToggleAudioButton';
|
|
15
15
|
import { ToggleVideoButton } from './ToggleVideoButton';
|
|
16
|
+
import { A11yButtons } from '../constants/A11yLabels';
|
|
16
17
|
|
|
17
18
|
/**
|
|
18
19
|
* Shows a list/row of controls (mute audio/video, toggle front/back camera, hangup call etc.)
|
|
@@ -92,6 +93,7 @@ export const CallControlsView = () => {
|
|
|
92
93
|
onPress={onCallHangup}
|
|
93
94
|
color={theme.light.error}
|
|
94
95
|
style={[styles.button, { shadowColor: theme.light.error }]}
|
|
96
|
+
accessibilityLabel={A11yButtons.HANG_UP_CALL}
|
|
95
97
|
>
|
|
96
98
|
<PhoneDown color={theme.light.static_white} />
|
|
97
99
|
</CallControlsButton>
|
|
@@ -8,7 +8,6 @@ import {
|
|
|
8
8
|
useCall,
|
|
9
9
|
useConnectedUser,
|
|
10
10
|
useHasPermissions,
|
|
11
|
-
useParticipantCount,
|
|
12
11
|
useParticipants,
|
|
13
12
|
} from '@stream-io/video-react-bindings';
|
|
14
13
|
import {
|
|
@@ -26,6 +25,7 @@ import { generateParticipantTitle } from '../utils';
|
|
|
26
25
|
import { CallParticipantOptions } from './CallParticipantsOptions';
|
|
27
26
|
import { Avatar } from './Avatar';
|
|
28
27
|
import { theme } from '../theme';
|
|
28
|
+
import { A11yButtons } from '../constants/A11yLabels';
|
|
29
29
|
|
|
30
30
|
type CallParticipantInfoViewType = {
|
|
31
31
|
participant: StreamVideoParticipant;
|
|
@@ -136,7 +136,6 @@ export const CallParticipantsInfoView = ({
|
|
|
136
136
|
setIsCallParticipantsViewVisible,
|
|
137
137
|
}: CallParticipantsInfoViewType) => {
|
|
138
138
|
const participants = useParticipants();
|
|
139
|
-
const participantCount = useParticipantCount();
|
|
140
139
|
const [selectedParticipant, setSelectedParticipant] = useState<
|
|
141
140
|
StreamVideoParticipant | undefined
|
|
142
141
|
>(undefined);
|
|
@@ -180,11 +179,12 @@ export const CallParticipantsInfoView = ({
|
|
|
180
179
|
<View style={styles.header}>
|
|
181
180
|
<View style={styles.leftHeaderElement} />
|
|
182
181
|
<Text style={styles.headerText}>
|
|
183
|
-
Participants ({
|
|
182
|
+
Participants ({participants.length})
|
|
184
183
|
</Text>
|
|
185
184
|
<Pressable
|
|
186
185
|
style={[styles.closeIcon, theme.icon.sm]}
|
|
187
186
|
onPress={onCloseCallParticipantsViewVisible}
|
|
187
|
+
accessibilityLabel={A11yButtons.EXIT_PARTICIPANTS_INFO}
|
|
188
188
|
>
|
|
189
189
|
<Cross color={theme.light.primary} />
|
|
190
190
|
</Pressable>
|